{"version":3,"sources":["commons/theme.js","commons/breakpoints.js","components/page-benefits/BenefitBox.js","components/_shared/LinkArrow.js","components/_shared/Footer.js","components/_shared/Header.js","components/page-benefits/BenefitsPage.js","components/page-form/FormLayout.js","components/page-form/data-reducer.js","components/page-form/_shared/Title.js","components/page-form/_shared/SelectButtons.js","components/_shared/ButtonForm.js","components/page-form/_shared/FormButtons.js","components/_shared/DataLayer.js","components/page-form/FormStep1.js","components/page-form/_shared/CustomSelect.js","components/page-form/_shared/Loader.js","components/_shared/ButtonPrimary.js","components/page-form/Error.js","components/page-form/FormStep2.js","components/page-form/_shared/Buttons.js","components/page-form/FormStep3.js","components/page-form/FormStep4.js","components/page-form/_shared/Input.js","components/page-form/FormStep5.js","components/page-form/_shared/Checkbox.js","components/page-form/_shared/InputMaterial.js","components/page-form/_shared/NewCars.js","components/page-form/FormStep6.js","components/dealer-locator/ButtonSearchMap.js","components/dealer-locator/DealerBox.js","components/dealer-locator/Marker.js","components/dealer-locator/DealerLocator.js","components/page-form/FormStep7.js","components/page-form/FormStep8.js","components/page-form/FormSteps.js","components/page-form/_shared/Stepper.js","components/page-form/Form.js","components/_shared/LinkButton.js","components/main-page/Benefits.js","components/main-page/MainBox.js","components/main-page/Disclaimer.js","components/main-page/MainPage.js","App.js","fonts/NouvelR-Regular.woff2","commons/constants.js","commons/path.js","i18n.js","index.js"],"names":["theme","colors","white","darkWhite","black","brandColor","brandColorLight","footerLinkColor","benefitBoxTitleBorder","grayBtnHoverColor","selectHighlight","errorColor","errorColor2","materialInputColor","sizes","contentWidth","Theme","children","size","breakpoints","xs","sm","md","lg","Box","styled","div","props","Title","p","Text","Number","span","BenefitsBox","title","text","number","className","StyledLink","Link","Svg","svg","LinkArrow","destination","to","xmlns","viewBox","d","defaultProps","Wrapper","footer","Nav","nav","List","ul","ListElement","li","a","Copyright","Footer","year","Date","getFullYear","linksMap","t","useTranslation","returnObjects","map","i","href","anchor","toString","target","rel","WrapperHeader","header","H1","h1","Header","Section","section","BenefitBoxesContainer","BenefitsPage","boxes","BenefitBox","FormLayout","DefaultData","loader","error","registerMonths","months","optionsMonths","carData","month","monthIndex","brands","brand","models","model","modelName","fuels","fuel","carModels","car","mileage","userData","name","surname","email","phone","buyCar","newCar","owu","rEmail","rPhone","rSms","showNewCars","dealerData","dealers","dealer","stepsNextButtons","buttonStep1","buttonStep2","buttonStep3","buttonStep4","buttonStep5","buttonStep6","buttonStep7","DataReducer","data","type","payload","TitleContainer","Error","BlockSelectButtons","ButtonDiv","ButtonLabel","label","ButtonInput","input","SelectComponent","Select","selectStyle","control","styles","marginBottom","boxShadow","borderColor","borderRadius","color","fontFamily","fontSize","lineHeight","placeholder","singleValue","padding","valueContainer","indicatorSeparator","margin","backgroundColor","indicatorsContainer","alignItems","width","option","isSelected","border","DropdownIndicator","SelectButtons","blockButtons","selectOptions","callback","callbackSelect","radioName","checkedField","selectCheckedField","errorText","buttons","button","id","value","onChange","checked","String","htmlFor","blockSelectButtonsClass","components","options","TextContainer","ButtonForm","arrowPosition","step","validFunction","textContainerClass","linkClass","activeClass","onClick","ButtonWrapper","ErrorWrapper","FormButtons","next","nextActive","prev","RaportDL","action","window","dataLayer","push","FormStep1","setStep","setData","date","currentYear","currentMonth","getMonth","firstYear","years","optionsList","monthsArray","monthsConfig","shortName","forEach","slice","e","index","dataset","location","CustomSelect","defaultValue","loading","keyframes","LoaderWrapper","LoaderBelt","LoaderBar","Loader","loaderClass","opacity","lClass","Button","ButtonPrimary","IconWrapper","Icon","ErrorText","ButtonContainer","stroke","strokeWidth","fill","fillRule","transform","x","y","height","cx","cy","r","points","ButtonsContainer","API_KEY","process","API_URL","FormStep2","useState","setError","optionsBrand","modelsArray","useEffect","axios","get","headers","then","response","Success","Data","Message","catch","console","log","Value","Key","BlockButtons","Buttons","blockButtonsClass","FormStep3","fuelsArray","SectionTitle","CarsWrapper","FormStep4","carsArray","handleChange","InputContainer","InputField","InputPostfix","Input","postfix","FormStep5","test","CheckboxContainer","HiddenCheckbox","StyledCheckbox","LabelWrapper","Label","Checkbox","labelLink","labelLinkAnchor","labelStar","InputText","InputMaterial","onBlur","inputClass","propTypes","PropTypes","string","isRequired","object","CarName","CarCheck","CheckIcon","NewCars","cars","Subtitle","ValidInfo","Fieldset","FieldsetInfo","DisclaimerContainer","Paragraph","FormStep6","errors","setErrors","newCars","setNewCars","hiddenField","setHiddenField","newCarArray","fieldErrors","nameLength","surnameLength","smsFieldClass","disclaimerParagraphs","paragraph","Trans","b","setCheckbox","setField","length","blurValidField","activeButton","setTimeout","buyCarError","filter","vErrors","values","validations","Object","keys","ButtonSearchMap","onClickFunc","DealerBoxWrapper","DealerBoxPinWrapper","DealerBoxPin","DealerBoxPinElement","DealerBoxPinElementText","DealerBoxDistance","DealerBoxDistanceNumber","DealerBoxInfo","DealerBoxInfoAddress","DealerBoxInfoAddressBox","DealerBoxInfoAddressBoxName","DealerBoxInfoAddressBoxAddress","DealerBoxInfoAddressBoxPhone","DealerBoxInfoAddressBoxPhoneLink","DealerBoxInfoAddressBoxBtnWrapper","DealerBoxInfoAddressBoxBtn","DealerContact","DealerContactSvg","DealerContactLink","AddressLink","DealerBox","street","postalCode","city","phoneNumber","distance","activeDealer","lat","setDealer","lng","hoverFunc","onMouseEnter","toFixed","preventDefault","setDealerHandler","MarkerMapPin","MarkerPinInner","Marker","DealerLocatorWrapper","MapWrapper","SearchContainer","SearchInnerContainer","OrSeparator","SearchField","ClearFieldIcon","SearchInput","Autocomplete","DealersContainer","DealersContainerHeader","DealersContainerIconsContainer","DealerContainerIconDealers","DealerContainerIconMap","SvgIcon","DealersContainerCounter","DealersListWrapper","DealersList","GOOGLE_MAPS_KEY","DealerLocator","dealerBoxes","markers","center","zoom","googlePlace","setGooglePlace","errorFunc","mapCenter","setMapCenter","mapZoom","setMapZoom","setActiveDealer","mobileDealers","setMobileDealers","googlePlaceValue","setGooglePlaceValue","dealerGroup","sessionStorage","getItem","resetMap","resetMapParam","scrollListToStart","list","document","getElementById","scrollTop","hoverBoxHandler","currentTarget","getAttribute","Locations","Id","Lat","Lng","Name","Street","PostalCode","City","PhoneNumber","Distance","navigator","geolocation","getCurrentPosition","position","coords","latitude","longitude","apiKey","onPlaceSelected","place","geometry","bootstrapURLKeys","key","defaultCenter","defaultZoom","onChildClick","childProps","topPos","offsetTop","setActiveBox","onChildMouseEnter","dealerList","FormStep7","OfferContainer","ResultBox","HeadBox","CarImage","img","InfoBox","InfoContainer","CarTableContainer","CarTable","table","CarTableBody","tbody","CarTableRow","tr","CarTableCell","td","DealerSection","DealerInfo","DealerMap","DealerInfoTitle","DealerInfoName","DealerAddress","DealerAddressLine","DealerAddressSvg","DealerAddressLink","BonusWrapper","FormStep8","quotation","setQuotation","pricingId","setPricingId","selectedModel","el","selectedFuel","selectDealer","dealerLat","dealerLng","carImageAlt","campaign","origin","selectedMonth","interestCar","GACLIENTID","marketingOptinStatusEmail","marketingOptinStatusTelephone","marketingOptinStatusSms","marketingOptinStatus","ga","undefined","getAll","clientId","deviceType","ua","userAgent","post","Bir","PricingId","pageName","pageType","businessType","formName","formType","formCategory","formStepName","formStepNumber","leadId","LeadId","event","eventCategory","eventAction","eventLabel","dealerName","dealerId","vehicleModel","vehicleId","Errors","BonusInfo","dangerouslySetInnerHTML","__html","src","ImageUrl","alt","style","FormSteps","activeStep","accomplish","accomplishStep","content","ListItem","ListItemTitle","ListAccommplish","Stepper","accomplishStepTab","accomplishPercent","split","steps","SectionWrapper","Form","useReducer","LinkButton","BenefitTitle","BenefitDesc","Benefits","benefitsMap","desc","MainBox","Disclaimer","PageWrapper","Body","Picture","picture","Image","PageContent","InnerContent","LeftContent","RightContent","img375","MainPage","srcSet","url","URL","searchParams","CAMPAIGN","ORIGIN","setItem","App","path","LOCALES","lang","fetchDateFnsLocale","withOrigin","localStorage","i18n","use","Backend","LanguageDetector","initReactI18next","init","fallbackLng","debug","detection","order","lookupFromPathIndex","whitelist","_","locale","transSupportBasicHtmlNodes","interpolation","escapeValue","backend","loadPath","ReactDOM","render","fallback"],"mappings":"+NAGMA,EAAQ,CACZC,OAAQ,CACNC,MAAO,OACPC,UAAW,UACXC,MAAO,OACPC,WAAY,UACZC,gBAAiB,UACjBC,gBAAiB,UACjBC,sBAAuB,UACvBC,kBAAmB,UACnBC,gBAAiB,UACjBC,WAAY,UACZC,YAAa,UACbC,mBAAoB,WAEtBC,MAAO,CACLC,aAAc,WAQHC,EAJD,SAAC,GAAD,IAAGC,EAAH,EAAGA,SAAH,OACV,cAAC,IAAD,CAAejB,MAAOA,EAAtB,SAA8BiB,K,OCxB5BC,EAEA,QAFAA,EAGA,QAHAA,EAIA,SAGOC,EAAc,CACzBC,GAAG,eAAD,OAPE,QAOF,KACFC,GAAG,eAAD,OAAiBH,EAAjB,KACFI,GAAG,eAAD,OAAiBJ,EAAjB,KACFK,GAAG,eAAD,OAAiBL,EAAjB,MCPEM,EAAMC,IAAOC,IAAV,uQAEa,SAAAC,GAAK,OAAIA,EAAM3B,MAAMC,OAAOE,aACrB,SAAAwB,GAAK,OAAIA,EAAM3B,MAAMC,OAAOM,kBAE9CY,EAAYE,IAKK,SAAAM,GAAK,OAAIA,EAAM3B,MAAMC,OAAOE,aAIlDyB,EAAQH,IAAOI,EAAV,oSASAV,EAAYE,IAEQ,SAAAM,GAAK,OAAIA,EAAM3B,MAAMC,OAAOO,yBAIrDsB,EAAOL,IAAOI,EAAV,6JAMCV,EAAYE,IAKjBU,EAASN,IAAOO,KAAV,yWAUU,SAAAL,GAAK,OAAIA,EAAM3B,MAAMC,OAAOI,aAGvCc,EAAYE,IAuBRY,I,IAAAA,EAhBf,YAA6C,IAAvBC,EAAsB,EAAtBA,MAAOC,EAAe,EAAfA,KAAMC,EAAS,EAATA,OACjC,OACI,eAACZ,EAAD,CAAKa,UAAU,cAAf,UACE,eAACT,EAAD,CAAOS,UAAU,oBAAjB,UACE,cAAC,EAAD,CAAQA,UAAU,qBAAlB,SACGD,EAAS,IAEXF,KAEH,cAACJ,EAAD,CAAMO,UAAU,mBAAhB,SACGF,QCrELG,EAAab,YAAOc,IAAPd,CAAH,ylBAIL,SAAAE,GAAK,OAAIA,EAAM3B,MAAMC,OAAOM,mBAMjB,SAAAoB,GAAK,OAAIA,EAAM3B,MAAMC,OAAOE,aAC5B,SAAAwB,GAAK,OAAIA,EAAM3B,MAAMC,OAAOE,YAKvCgB,EAAYE,IAMC,SAAAM,GAAK,OAAIA,EAAM3B,MAAMC,OAAOQ,qBAChC,SAAAkB,GAAK,OAAIA,EAAM3B,MAAMC,OAAOQ,qBAI1C+B,EAAMf,IAAOgB,IAAV,6IAKC,SAAAd,GAAK,OAAIA,EAAM3B,MAAMC,OAAOG,SAIhCsC,EAAY,SAAC,GAAyB,IAAxBP,EAAuB,EAAvBA,KAAMQ,EAAiB,EAAjBA,YACxB,OACI,eAACL,EAAD,CAAYM,GAAID,EAAaN,UAAU,aAAvC,UACE,cAACG,EAAD,CAAKK,MAAM,6BAA6BC,QAAQ,oBAAoBT,UAAU,GAA9E,SACE,sBAAMU,EAAE,wLAETZ,MAKTO,EAAUM,aAAe,CACvBL,YAAa,KAQAD,I,oBAAAA,I,SCzDTO,EAAUxB,IAAOyB,OAAV,mHAOPC,EAAM1B,IAAO2B,IAAV,0QAIE,SAAAzB,GAAK,OAAIA,EAAM3B,MAAMC,OAAOG,SACjB,SAAAuB,GAAK,OAAIA,EAAM3B,MAAMC,OAAOC,QAGvCiB,EAAYE,IAOjBgC,EAAO5B,IAAO6B,GAAV,uLAOCnC,EAAYE,IAMjBkC,EAAc9B,IAAO+B,GAAV,qdAONrC,EAAYE,IAQG,SAAAM,GAAK,OAAIA,EAAM3B,MAAMC,OAAOM,mBAYhDgC,EAAOd,IAAOgC,EAAV,qWAGC,SAAA9B,GAAK,OAAIA,EAAM3B,MAAMC,OAAOM,mBASd,SAAAoB,GAAK,OAAIA,EAAM3B,MAAMC,OAAOM,mBAW/CmD,EAAYjC,IAAOO,KAAV,oIAiCA2B,EA1BA,WACb,IACMC,GADM,IAAIC,MACCC,cAEXC,GAAWC,EADHC,cAAND,GACW,cAAe,CAAEE,eAAe,IAAQC,KAAI,WAAiBC,GAAjB,IAAEC,EAAF,EAAEA,KAAMC,EAAR,EAAQA,OAAR,OAC3D,cAACf,EAAD,UACE,cAAChB,EAAD,CAAM8B,KAAMA,EAAMnC,MAAOoC,EAAOC,WAAYC,OAAO,SAASC,IAAI,WAAhE,SACGH,KAFaF,MAOtB,OACI,cAACnB,EAAD,UACE,eAACE,EAAD,WACE,cAACE,EAAD,UACGU,IAEH,eAACL,EAAD,kCACoBE,WC/GxBc,EAAgBjD,IAAOkD,OAAV,yTAOG,SAAAhD,GAAK,OAAIA,EAAM3B,MAAMC,OAAOG,QAEvCe,EAAYE,GAKZF,EAAYI,IAKjBqD,EAAKnD,IAAOoD,GAAV,6JAKG1D,EAAYE,IAIjBkB,EAAOd,IAAOgC,EAAV,kNAKCtC,EAAYE,GAIZF,EAAYI,IAKjBiB,EAAMf,IAAOgB,IAAV,8EAGC,SAAAd,GAAK,OAAIA,EAAM3B,MAAMC,OAAOC,SAGhC4E,GAAS,SAAC,GAAa,IAAZ5C,EAAW,EAAXA,MACf,OACI,eAACwC,EAAD,WACE,cAAC,EAAD,CAAML,KAAK,IAAX,SACE,cAAC,EAAD,CAAKxB,MAAM,6BAA6BC,QAAQ,YAAYT,UAAU,qBAAtE,SACE,sBAAMU,EAAE,wLAGZ,cAAC6B,EAAD,UACG1C,QAMX4C,GAAO9B,aAAe,CACpBd,MAAO,IAOM4C,I,SAAAA,MCjETC,GAAUtD,IAAOuD,QAAV,kKACO,SAAArD,GAAK,OAAIA,EAAM3B,MAAMc,MAAMC,eAIpCI,EAAYI,IAKjBK,GAAQH,IAAOoD,GAAV,mJAQLI,GAAwBxD,IAAOC,IAAV,uLAGhBP,EAAYE,IA+BR6D,I,GAAAA,GAvBf,WACE,IAAQlB,EAAMC,cAAND,EACFmB,EAAQnB,EAAE,oBAAqB,CAAEE,eAAe,IAAQC,KAAI,WAAgBC,GAAhB,IAAElC,EAAF,EAAEA,MAAOC,EAAT,EAASA,KAAT,OAC9D,cAACiD,EAAD,CAAalD,MAAOA,EAAOC,KAAMA,EAAMC,OAAQgC,GAAQA,MAG3D,OACI,eAAC,EAAD,WACE,cAAC,GAAD,IACA,eAACW,GAAD,CAAS1C,UAAU,gBAAnB,UACE,cAAC,GAAD,CAAOA,UAAU,sBAAjB,SACG2B,EAAE,uBAEL,cAACiB,GAAD,CAAuB5C,UAAU,0BAAjC,SACG8C,IAEH,cAAC,EAAD,CAAWhD,KAAM6B,EAAE,kBAAmBrB,YAAY,SAEpD,cAAC,EAAD,Q,QCvCO0C,GAZW,SAAC,GAAkB,IAAhBpE,EAAe,EAAfA,SACpB+C,EAAKC,cAALD,EAEP,OACE,eAAC,EAAD,WACE,cAAC,GAAD,CAAQ9B,MAAO8B,EAAE,YAChB/C,EACD,cAAC,EAAD,Q,QCbOqE,GAAc,CACzBC,QAAQ,EACRC,OAAO,EACPC,eAAgB,CACdC,OAAQ,GACRC,cAAe,IAEjBC,QAAS,CACPhC,KAAM,GACNiC,MAAO,GACPC,WAAY,GACZC,OAAQ,GACRC,MAAO,GACPC,OAAQ,GACRC,MAAO,GACPC,UAAW,GACXC,MAAO,GACPC,KAAM,GACNC,UAAW,GACXC,IAAK,GACLC,QAAS,IAEXC,SAAU,CACRC,KAAM,GACNC,QAAS,GACTC,MAAO,GACPC,MAAO,GACPC,OAAQ,GACRC,OAAQ,GACRC,KAAK,EACLC,QAAQ,EACRC,QAAQ,EACRC,MAAM,EACNC,aAAa,GAEfC,WAAY,CACVC,QAAS,GACTC,OAAQ,IAEVC,iBAAkB,CAChBC,aAAa,EACbC,aAAa,EACbC,aAAa,EACbC,aAAa,EACbC,aAAa,EACbC,aAAa,EACbC,aAAa,IAIJC,GAAc,SAACC,EAAD,GAA8B,IAArBC,EAAoB,EAApBA,KAAMC,EAAc,EAAdA,QACxC,OAAQD,GACN,IAAK,gBAKL,IAAK,eACH,OAAO,6BACFD,GACAE,GAEP,IAAK,yBACH,OAAO,6BACFF,GADL,IAEExC,eAAe,gBACV0C,KAGT,IAAK,kBACH,OAAO,6BACFF,GADL,IAEEzC,OAAO,EACPI,QAAQ,6BACHqC,EAAKrC,SACLuC,KAGT,IAAK,cACH,OAAO,6BACFF,GADL,IAEEzC,OAAO,EACPI,QAAQ,6BACHqC,EAAKrC,SADH,IAELC,MAAO,GACPC,WAAY,GACZC,OAAQ,GACRC,MAAO,GACPC,OAAQ,GACRC,MAAO,GACPC,UAAW,GACXC,MAAO,GACPC,KAAM,GACNC,UAAW,GACXC,IAAK,GACLC,QAAS,OAGf,IAAK,eACH,OAAO,6BACFyB,GADL,IAEEzC,OAAO,EACPI,QAAQ,6BACHqC,EAAKrC,SADH,IAELG,OAAQ,GACRC,MAAO,GACPC,OAAQ,GACRC,MAAO,GACPC,UAAW,GACXC,MAAO,GACPC,KAAM,GACNC,UAAW,GACXC,IAAK,GACLC,QAAS,OAGf,IAAK,eACH,OAAO,6BACFyB,GADL,IAEEzC,OAAO,EACPI,QAAQ,6BACHqC,EAAKrC,SADH,IAELK,OAAQ,GACRC,MAAO,GACPC,UAAW,GACXC,MAAO,GACPC,KAAM,GACNC,UAAW,GACXC,IAAK,GACLC,QAAS,OAGf,IAAK,eACH,OAAO,6BACFyB,GADL,IAEEzC,OAAO,EACPI,QAAQ,6BACHqC,EAAKrC,SADH,IAELQ,MAAO,GACPC,KAAM,GACNC,UAAW,GACXC,IAAK,GACLC,QAAS,OAGf,IAAK,cACH,OAAO,6BACFyB,GADL,IAEEzC,OAAO,EACPI,QAAQ,6BACHqC,EAAKrC,SADH,IAELU,UAAW,GACXC,IAAK,GACLC,QAAS,OAGf,IAAK,mBACH,OAAO,6BACFyB,GADL,IAEEzC,OAAO,EACPiB,SAAS,6BACJwB,EAAKxB,UACL0B,KAGT,IAAK,qBACH,OAAO,6BACFF,GADL,IAEEzC,OAAO,EACP6B,WAAW,6BACNY,EAAKZ,YACLc,KAGT,IAAK,oBACH,OAAO,6BACFF,GADL,IAEEzC,OAAO,EACP6B,WAAY,CACVC,QAAS,GACTC,OAAQ,MAGd,IAAK,qBACH,OAAO,6BACFU,GADL,IAEET,iBAAiB,6BACZS,EAAKT,kBACLW,KAIT,QACE,OAAOF,IC5LPG,GAAiB3G,IAAOI,EAAV,wSAOO,SAAAF,GAAK,OAAIA,EAAM3B,MAAMC,OAAOI,aAE5Cc,EAAYE,IAiBRO,I,8BAAAA,GAVf,YAAyB,IAATM,EAAQ,EAARA,MACd,OACI,cAACkG,GAAD,CAAgB/F,UAAU,aAA1B,SAAwCH,K,iBChBxCmG,GAAQ5G,IAAOC,IAAV,6MAKA,SAAAC,GAAK,OAAIA,EAAM3B,MAAMC,OAAOU,aAI5BQ,EAAYE,IAKjBiH,GAAqB7G,IAAOC,IAAV,8XAMbP,EAAYE,GASVF,EAAYE,GAMnBgH,IAMAE,GAAY9G,IAAOC,IAAV,sRASFP,EAAYE,IAOnBmH,GAAc/G,IAAOgH,MAAV,wnBAQN,SAAA9G,GAAK,OAAIA,EAAM3B,MAAMC,OAAOM,mBAIjB,SAAAoB,GAAK,OAAIA,EAAM3B,MAAMC,OAAOE,aAMhC,SAAAwB,GAAK,OAAIA,EAAM3B,MAAMC,OAAOI,aAOjCc,EAAYE,IAOZ,SAAAM,GAAK,OAAIA,EAAM3B,MAAMC,OAAOU,cAInC+H,GAAcjH,IAAOkH,MAAV,iLAIDH,IAEE,SAAA7G,GAAK,OAAIA,EAAM3B,MAAMC,OAAOI,cAIxCmC,GAAMf,IAAOgB,IAAV,kGAIC,SAAAd,GAAK,OAAIA,EAAM3B,MAAMC,OAAOI,cAGhCuI,GAAkBnH,YAAOoH,KAAPpH,CAAH,sEACVN,EAAYE,IAKjByH,GAAc,CAClBC,QAAS,SAAAC,GAAM,oCACVA,GADU,IAEbC,aAAc,GACdC,UAAW,OACXC,YAAa,UACbC,aAAc,EACdC,MAAO,OACPC,WAAY,cACZC,SAAU,OACVC,WAAY,OAEZ,SAAU,CACRL,YAAa,cAGjBM,YAAa,SAAAT,GAAM,oCACdA,GADc,IAEjBK,MAAO,OACPC,WAAY,cACZC,SAAU,OACVC,WAAY,UAEdE,YAAa,SAAAV,GAAM,oCACdA,GADc,IAEjBK,MAAO,OACPM,QAAS,KAEXC,eAAgB,SAAAZ,GAAM,oCACjBA,GADiB,IAEpBW,QAAS,eAEXE,mBAAoB,SAAAb,GAAM,oCACrBA,GADqB,IAExBc,OAAQ,EACRC,gBAAiB,aAEnBC,oBAAqB,SAAAhB,GAAM,oCACtBA,GADsB,IAEzBiB,WAAY,SACZC,MAAO,MAETC,OAAQ,SAACnB,EAAD,KAAUf,KAAV,IAAgBmC,EAAhB,EAAgBA,WAAhB,oBAAC,gBACJpB,GADG,IAENqB,OAAQ,iBACRN,gBACEK,EAAa,UAAY,SAIzBE,GAAoB,SAAC3I,GACzB,OACI,cAAC,KAAW2I,kBAAZ,6BAAkC3I,GAAlC,aACE,cAAC,GAAD,CAAKkB,MAAM,6BAA6BC,QAAQ,YAAYT,UAAU,UAAtE,SACE,sBAAMU,EAAE,wIAkDHwH,GA5CO,SAAC,GAAqH,IAApHC,EAAmH,EAAnHA,aAAcC,EAAqG,EAArGA,cAAeC,EAAsF,EAAtFA,SAAUC,EAA4E,EAA5EA,eAAgBC,EAA4D,EAA5DA,UAAWC,EAAiD,EAAjDA,aAAcC,EAAmC,EAAnCA,mBAAoBC,EAAe,EAAfA,UACpHC,EAAUR,EAAarG,KAAI,SAAC8G,EAAQ7G,GAAT,OAC7B,eAACmE,GAAD,CAAWlG,UAAU,0BAArB,UACE,cAACqG,GAAD,CACIR,KAAK,QACLgD,GAAE,UAAKN,EAAL,YAAkBxG,GACpBsC,KAAMkE,EACNvI,UAAU,gBACV8I,MAA0B,kBAAXF,EAAuBA,EAAOE,MAAQF,EACrDG,SAAUV,EACV,aAAYtG,EAAE,EACdiH,QAA4B,kBAAXJ,EAAuBK,OAAOL,EAAOE,SAAWG,OAAOT,GAAgBI,EAAO1G,aAAesG,EAAatG,aAE/H,cAACiE,GAAD,CAAa+C,QAAO,UAAKX,EAAL,YAAkBxG,GAAK/B,UAAU,sBAArD,SAA+F,kBAAX4I,EAAuBA,EAAOxC,MAAQwC,MAX5H,iBAA8D7G,OAe9DoH,EAA0B,gCAK9B,OAHIf,IAAee,EAA0B,qBACzCT,GAA2B,KAAdA,IAAkBS,GAA2B,eAG1D,eAAC,EAAD,WACE,eAAClD,GAAD,CAAoBjG,UAAWmJ,EAA/B,UACGR,EACAD,GACC,cAAC,GAAD,UAAQA,OAGXN,GACC,cAAC7B,GAAD,CAAiB6C,WAAY,CAAEnB,sBAAqBoB,QAASjB,EAAezB,OAAQF,GAAasC,SAAUT,EAAgBQ,MAAOL,QChNtIxI,GAAab,IAAOC,IAAV,iyBAIL,SAAAC,GAAK,OAAIA,EAAM3B,MAAMC,OAAOM,mBAKjB,SAAAoB,GAAK,OAAIA,EAAM3B,MAAMC,OAAOE,aAC5B,SAAAwB,GAAK,OAAIA,EAAM3B,MAAMC,OAAOE,YAKvCgB,EAAYE,IAMC,SAAAM,GAAK,OAAIA,EAAM3B,MAAMC,OAAOQ,qBAChC,SAAAkB,GAAK,OAAIA,EAAM3B,MAAMC,OAAOQ,qBAKnC,SAAAkB,GAAK,OAAIA,EAAM3B,MAAMC,OAAOC,SACjB,SAAAyB,GAAK,OAAIA,EAAM3B,MAAMC,OAAOG,SAC5B,SAAAuB,GAAK,OAAIA,EAAM3B,MAAMC,OAAOG,SAGvC,SAAAuB,GAAK,OAAIA,EAAM3B,MAAMC,OAAOG,SACf,SAAAuB,GAAK,OAAIA,EAAM3B,MAAMC,OAAOI,cAC5B,SAAAsB,GAAK,OAAIA,EAAM3B,MAAMC,OAAOI,cAKhDsL,GAAgBlK,IAAOO,KAAV,uNAQNb,EAAYE,IAMnBmB,GAAMf,IAAOgB,IAAV,4DAEC,SAAAd,GAAK,OAAIA,EAAM3B,MAAMC,OAAOG,SAGhCwL,GAAa,SAAC,GAA6D,IAA5DzJ,EAA2D,EAA3DA,KAAM0J,EAAqD,EAArDA,cAA8BC,GAAuB,EAAtCC,cAAsC,EAAvBD,MACjDE,EAAwC,SAAlBH,EAA4B,4DAA8D,4BAChHI,EAFwE,EAAjBC,YAE3B,uBAAyB,aAE3D,OACI,cAAC,EAAD,UACE,eAAC,GAAD,CAAY7J,UAAW4J,EAAWE,QAASL,EAA3C,UACqB,SAAlBD,GACC,cAAC,GAAD,CAAKhJ,MAAM,6BAA6BC,QAAQ,oBAAoBT,UAAU,kBAA9E,SACE,sBAAMU,EAAE,wLAGZ,cAAC4I,GAAD,CAAetJ,UAAW2J,EAA1B,SAA+C7J,IAC5B,UAAlB0J,GACC,cAAC,GAAD,CAAKhJ,MAAM,6BAA6BC,QAAQ,sBAAsBT,UAAU,kBAAhF,SACE,sBAAMU,EAAE,uRAQtB6I,GAAW5I,aAAe,CACxB6I,cAAe,OACfK,YAAa,IAUAN,I,SAAAA,MC3FT3I,GAAUxB,IAAOC,IAAV,0JAKFP,EAAYE,IAKjB+K,GAAgB3K,IAAOC,IAAV,qDAIb2K,GAAe5K,IAAOC,IAAV,0zBASI,SAAAC,GAAK,OAAIA,EAAM3B,MAAMC,OAAOE,aAEvB,SAAAwB,GAAK,OAAIA,EAAM3B,MAAMC,OAAOU,cAwB1B,SAAAgB,GAAK,OAAIA,EAAM3B,MAAMC,OAAOE,aAInDmM,GAAc,SAAC,GAAoD,IAAnDC,EAAkD,EAAlDA,KAAMC,EAA4C,EAA5CA,WAAYC,EAAgC,EAAhCA,KAAMV,EAA0B,EAA1BA,cAAevG,EAAW,EAAXA,MACnDxB,EAAMC,cAAND,EAER,OACI,cAAC,EAAD,UACE,eAAC,GAAD,CAAS3B,UAAU,UAAnB,UACE,cAAC+J,GAAD,CAAe/J,UAAU,iBAAzB,SACE,cAAC,GAAD,CAAYF,KAAM6B,EAAE,kBAAmB8H,KAAMW,MAE/C,eAACL,GAAD,CAAe/J,UAAU,iBAAzB,UACE,cAAC,GAAD,CAAYF,KAAM6B,EAAE,kBAAmB8H,KAAMS,EAAMV,cAAc,QAAQE,cAAeA,EAAeG,YAAaM,EAAa,YAAc,KAC9IhH,GACC,cAAC6G,GAAD,CAAchK,UAAU,eAAxB,SACG2B,EAAE,iCASnBsI,GAAYtJ,aAAe,CACzBwC,OAAO,GAUM8G,I,oFAAAA,MC9FFI,GAAW,SAAChG,EAAMoF,GAAmC,IAA7Ba,EAA4B,uDAAnB,eAC5CC,OAAOC,UAAYD,OAAOC,WAAa,GACvCD,OAAOC,UAAUC,KAAK,CACpB,SAAa,mBACb,aAAiB,eACjB,aAAiBpG,EACjB,eAAmBoF,EACnB,MAAU,aACV,SAAa,UACb,aAAiB,WACjB,cAAkB,mBAClB,YAAgBa,EAChB,WAAe,oBC8KJI,GAlLG,SAAC,GAWjB,IAXqD,IAAnCjB,EAAkC,EAAlCA,KAAMkB,EAA4B,EAA5BA,QAAS/E,EAAmB,EAAnBA,KAAMgF,EAAa,EAAbA,QAChCjJ,EAAKC,cAALD,EACDkJ,EAAO,IAAIrJ,KACXsJ,EAAcD,EAAKpJ,cACnBsJ,EAAeF,EAAKG,WACpBC,EAAYH,EAAc,GAC1BI,EAAQ,GACRC,EAAc,GACdC,EAAc,GACdC,EAAgB1J,EAAE,SAAU,CAAEE,eAAe,IAAQC,KAAI,qBAAEwJ,aAExDvJ,EAAIkJ,EAAWlJ,GAAK+I,EAAa/I,IACxCmJ,EAAMT,KAAK1I,GAGbmJ,EAAMK,SAAQ,SAAAhK,GACZ4J,EAAYV,KAAK,CAAErE,MAAO7E,EAAMuH,MAAOvH,OAGzC8J,EAAaE,SAAQ,SAAC/H,EAAOzB,GAC3BqJ,EAAYX,KAAK,CAACrE,MAAO5C,EAAOsF,MAAO/G,EAAI,OAsI7C,OACI,qCACE,gCACE,cAAC,GAAD,CAAOlC,MAAO8B,EAAE,iCAChB,cAAC,GAAD,CAAewG,aAAc+C,EAAO9C,cAAe+C,EAAa5C,UAAU,YAAYF,SAvIrE,SAAC,GAAgB,IAAdlG,EAAa,EAAbA,OACtBzC,OAAOyC,EAAO2G,SAAWgC,EAC3BF,EAAQ,CACN/E,KAAM,yBACNC,QAAS,CACPzC,OAAQgI,EAAaG,MAAM,EAAGT,EAAe,GAC7CzH,cAAe8H,EAAYI,MAAM,EAAGT,EAAe,MAIvDH,EAAQ,CACN/E,KAAM,yBACNC,QAAS,CACPzC,OAAQgI,EACR/H,cAAe8H,KAKrBR,EAAQ,CACN/E,KAAM,kBACNC,QAAS,CAAEvE,KAAMY,EAAO2G,SAG1B8B,EAAQ,CACN/E,KAAM,gBAGRwE,GAAS,qBAAsB,WA2GyF/B,eA7E3F,SAACmD,GAC1BA,EAAE3C,QAAUgC,EACdF,EAAQ,CACN/E,KAAM,yBACNC,QAAS,CACPzC,OAAQgI,EAAaG,MAAM,EAAGT,EAAe,GAC7CzH,cAAe8H,EAAYI,MAAM,EAAGT,EAAe,MAIvDH,EAAQ,CACN/E,KAAM,yBACNC,QAAS,CACPzC,OAAQgI,EACR/H,cAAe8H,KAKrBR,EAAQ,CACN/E,KAAM,kBACNC,QAAS,CACPvE,KAAMkK,EAAE3C,SAIZ8B,EAAQ,CACN/E,KAAM,iBAkDwJ2C,aAAc5C,EAAKrC,QAAQhC,KAAMkH,mBAAoB7C,EAAKrC,QAAQhC,KAAO,CAAC,MAASqE,EAAKrC,QAAQhC,KAAM,MAASqE,EAAKrC,QAAQhC,MAAQ,CAAC,MAASI,EAAE,qBAAsB,MAAS,SAE1UiE,EAAKrC,QAAQhC,MACZ,gCACE,cAAC,GAAD,CAAO1B,MAAO8B,EAAE,kCAChB,cAAC,GAAD,CAAewG,aAAcvC,EAAKxC,eAAeC,OAAQ+E,cAAexC,EAAKxC,eAAeE,cAAeiF,UAAU,aAAaF,SA7GlH,SAAC,GAAgB,IAAdlG,EAAa,EAAbA,OACrBuJ,EAAQvJ,EAAOwJ,QAAQD,MAE7Bd,EAAQ,CACN/E,KAAM,kBACNC,QAAS,CACPtC,MAAOrB,EAAO2G,MACdrF,WAAYiI,KAIhBd,EAAQ,CACN/E,KAAM,iBAGR+E,EAAQ,CACN/E,KAAM,qBACNC,QAAS,CACPV,aAAa,KAIjBiF,GAAS,QAAS,UAElBM,EAAQlB,EAAO,IAqFwJnB,eAnDzI,SAACmD,GAC/Bb,EAAQ,CACN/E,KAAM,kBACNC,QAAS,CACPtC,MAAOiI,EAAErF,MACT3C,WAAYgI,EAAE3C,SAIlB8B,EAAQ,CACN/E,KAAM,iBAGR+E,EAAQ,CACN/E,KAAM,qBACNC,QAAS,CACPV,aAAa,KAIjBuF,EAAQlB,EAAO,IA+BiMjB,aAAc5C,EAAKrC,QAAQC,MAAOiF,mBAAoB7C,EAAKrC,QAAQC,MAAQ,CAAC,MAASoC,EAAKrC,QAAQC,MAAO,MAASoC,EAAKrC,QAAQE,YAAc,CAAC,MAAS9B,EAAE,qBAAsB,MAAS,SAGpY,cAAC,GAAD,CAAauI,KA/BE,WACdtE,EAAKrC,QAAQhC,MAASqE,EAAKrC,QAAQC,OAQtCoH,EAAQ,CACN/E,KAAM,eACNC,QAAS,CACP3C,OAAO,KAGXwH,EAAQlB,EAAO,IAbfmB,EAAQ,CACN/E,KAAM,eACNC,QAAS,CACP3C,OAAO,MA0BwBgH,WAAYvE,EAAKT,iBAAiBC,YAAagF,KAAM,kBAAMG,OAAOqB,SAAS5J,KAAO,KAAKmB,MAAOyC,EAAKzC,Y,oBCtKtIhD,GAAMf,IAAOgB,IAAV,2IAIC,SAAAd,GAAK,OAAIA,EAAM3B,MAAMC,OAAOI,aAE3Bc,EAAYE,IACX,SAAAM,GAAK,OAAIA,EAAM3B,MAAMC,OAAOO,yBAIlCoI,GAAkBnH,YAAOoH,KAAPpH,CAAH,yEACVN,EAAYE,IAKjByH,GAAc,CAClBC,QAAS,SAAAC,GAAM,oCACVA,GADU,IAEbC,aAAc,GACdC,UAAW,OACXC,YAAa,UACbC,aAAc,EACdC,MAAO,OACPC,WAAY,cACZC,SAAU,OACVC,WAAY,OAEZ,SAAU,CACRL,YAAa,WAGf,4CAA6C,CAC3CA,YAAa,cAGjBM,YAAa,SAAAT,GAAM,oCACdA,GADc,IAEjBK,MAAO,OACPC,WAAY,cACZC,SAAU,OACVC,WAAY,UAEdE,YAAa,SAAAV,GAAM,oCACdA,GADc,IAEjBK,MAAO,OACPM,QAAS,KAEXC,eAAgB,SAAAZ,GAAM,oCACjBA,GADiB,IAEpBW,QAAS,eAEXE,mBAAoB,SAAAb,GAAM,oCACrBA,GADqB,IAExBc,OAAQ,EACRC,gBAAiB,UAEjB,4CAA6C,CAC3CA,gBAAiB,cAGrBC,oBAAqB,SAAAhB,GAAM,oCACtBA,GADsB,IAEzBiB,WAAY,SACZC,MAAO,MAETC,OAAQ,SAACnB,EAAD,KAAUf,KAAV,IAAgBmC,EAAhB,EAAgBA,WAAhB,oBAAC,gBACJpB,GADG,IAENqB,OAAQ,iBACRN,gBACIK,EAAa,UAAY,SAI3BE,GAAoB,SAAC3I,GACzB,OACI,cAAC,KAAW2I,kBAAZ,6BAAkC3I,GAAlC,aACE,cAAC,GAAD,CAAKkB,MAAM,6BAA6BC,QAAQ,YAAYT,UAAU,UAAtE,SACE,sBAAMU,EAAE,wIA4BHmL,GAtBM,SAAC,GAAsC,IAArCzD,EAAoC,EAApCA,cAAeC,EAAqB,EAArBA,SAAUS,EAAW,EAAXA,MACvCnH,EAAKC,cAALD,EAEP,OACI,cAAC,EAAD,UACE,cAAC,GAAD,CACIyF,YAAazF,EAAE,qBACfyH,WAAY,CAAEnB,sBACdoB,QAASjB,EACTzB,OAAQF,GACRsC,SAAUV,EACVyD,aAAchD,OCrGpBiD,GAAUC,YAAH,uEAIPC,GAAgB7M,IAAOC,IAAV,0XAoBb6M,GAAa9M,IAAOC,IAAV,qEAKV8M,GAAY/M,IAAOC,IAAV,yRASO,SAAAC,GAAK,OAAIA,EAAM3B,MAAMC,OAAOI,aACO+N,IAGnD5L,GAAMf,IAAOgB,IAAV,qKAOC,SAAAd,GAAK,OAAIA,EAAM3B,MAAMC,OAAOG,SA4BvBqO,GAzBA,SAAC,GAA4B,IAA3BC,EAA0B,EAA1BA,YAAaC,EAAa,EAAbA,QACxBC,EAAS,SAUb,OARIF,IACFE,GAAU,cAGRD,IACFC,GAAU,mBAIR,eAACN,GAAD,CAAejM,UAAWuM,EAA1B,UACE,cAACL,GAAD,CAAYlM,UAAU,cAAtB,SACI,cAACmM,GAAD,CAAWnM,UAAU,iBAExBsM,GACC,cAAC,GAAD,CAAK9L,MAAM,6BAA6BC,QAAQ,YAAhD,SACE,sBAAMC,EAAE,0LCpEd8L,GAASpN,YAAOc,IAAPd,CAAH,qpBAID,SAAAE,GAAK,OAAIA,EAAM3B,MAAMC,OAAOC,SAOjB,SAAAyB,GAAK,OAAIA,EAAM3B,MAAMC,OAAOG,SAC5B,SAAAuB,GAAK,OAAIA,EAAM3B,MAAMC,OAAOG,QAKvCe,EAAYE,IAOV,SAAAM,GAAK,OAAIA,EAAM3B,MAAMC,OAAOG,SACjB,SAAAuB,GAAK,OAAIA,EAAM3B,MAAMC,OAAOI,cAChC,SAAAsB,GAAK,OAAIA,EAAM3B,MAAMC,OAAOI,cAgBjCyO,GAZO,SAAC,GAAmC,IAAlC3M,EAAiC,EAAjCA,KAAMQ,EAA2B,EAA3BA,YAAa+H,EAAc,EAAdA,SACzC,OACI,cAACmE,GAAD,CAAQxM,UAAU,yBAAyBO,GAAID,EAAawJ,QAASzB,EAArE,SAAgFvI,KC9BhFc,GAAUxB,IAAOC,IAAV,uFAMPqN,GAActN,IAAOC,IAAV,qKAKK,SAAAC,GAAK,OAAIA,EAAM3B,MAAMC,OAAOW,eAI5CoO,GAAOvN,IAAOgB,IAAV,sKAKA,SAAAd,GAAK,OAAIA,EAAM3B,MAAMC,OAAOC,SAKhC+O,GAAYxN,IAAOI,EAAV,wEAKTqN,GAAkBzN,IAAOC,IAAV,kJAMVP,EAAYG,IAyCR+G,GApCD,SAAC,GAAY,IAAXlG,EAAU,EAAVA,KACN6B,EAAMC,cAAND,EAMR,OAJa,OAAT7B,GAA0B,KAATA,IACnBA,EAAO6B,EAAE,yBAIP,eAAC,GAAD,WACE,cAAC+K,GAAD,UACE,cAACC,GAAD,CAAMnM,MAAM,6BAA6BC,QAAQ,cAAjD,SACE,mBAAGD,MAAM,6BAA6BqI,GAAG,SAASiE,OAAO,OAAOC,YAAY,IAAIC,KAAK,OAAOC,SAAS,UAArG,SACE,oBAAGpE,GAAG,aAAaqE,UAAU,qCAA7B,UACE,sBAAMF,KAAK,UAAUG,EAAE,IAAIC,EAAE,IAAIvF,MAAM,OAAOwF,OAAO,QACrD,oBAAGxE,GAAG,QAAQqE,UAAU,mCAAxB,UACE,wBAAQrE,GAAG,OAAOmE,KAAK,UAAUM,GAAG,KAAKC,GAAG,KAAKC,EAAE,OACnD,mBAAG3E,GAAG,kBAAkBqE,UAAU,kCAAkCF,KAAK,UAAUC,SAAS,UAA5F,SACE,yBAASpE,GAAG,OAAO4E,OAAO,uRAOtC,cAACb,GAAD,UAAY9M,IACZ,cAAC+M,GAAD,UACE,cAAC,GAAD,CAAe/M,KAAK,KAAKQ,YAAY,YC5DzCoN,GAAmBtO,IAAOC,IAAV,mIACXP,EAAYE,IAGC,SAAAM,GAAK,OAAIA,EAAM3B,MAAMC,OAAOE,aAI9C6P,GAAUC,+BACVC,GAAUD,YA4NDE,GA1NG,SAAC,GAAoC,IAAnCrE,EAAkC,EAAlCA,KAAMkB,EAA4B,EAA5BA,QAAS/E,EAAmB,EAAnBA,KAAMgF,EAAa,EAAbA,QAC/BjJ,EAAMC,cAAND,EACR,EAA0BoM,mBAAS,MAAnC,oBAAO5K,EAAP,KAAc6K,EAAd,KACMC,EAAe,GACfC,EAAc,GAEpBC,qBAAU,WACJvI,EAAKrC,QAAQhC,MAAQqE,EAAKrC,QAAQE,aACpCmH,EAAQ,CACN/E,KAAM,gBACNC,QAAS,CACP5C,QAAQ,KAGZkL,KAAMC,IAAN,UAAaR,GAAb,0BAAsCjI,EAAKrC,QAAQhC,KAAnD,YAA2DqE,EAAKrC,QAAQE,YAAc,CACpF6K,QAAS,CACP,OAAS,GAAT,OAAaX,OAGZY,MAAK,SAAUC,GACVA,EAAS5I,KAAK6I,SAChB7D,EAAQ,CACN/E,KAAM,kBACNC,QAAS,CACPpC,OAAQ8K,EAAS5I,KAAK8I,QAG1BV,EAAS,OAETA,EAASQ,EAAS5I,KAAK+I,SAEzB/D,EAAQ,CACN/E,KAAM,gBACNC,QAAS,CACP5C,QAAQ,QAIb0L,OAAM,SAAUzL,GACf0L,QAAQC,IAAI3L,GACZ6K,EAASrM,EAAE,yBACXiJ,EAAQ,CACN/E,KAAM,gBACNC,QAAS,CACP5C,QAAQ,WAKnB,CAAC0C,EAAKrC,QAAQhC,KAAMqE,EAAKrC,QAAQE,aAEpC0K,qBAAU,WACJvI,EAAKrC,QAAQI,OAASiC,EAAKrC,QAAQhC,MAAQqE,EAAKrC,QAAQE,aAC1DmH,EAAQ,CACN/E,KAAM,gBACNC,QAAS,CACP5C,QAAQ,KAGZkL,KAAMC,IAAN,UAAaR,GAAb,6BAAyCjI,EAAKrC,QAAQI,MAAMmF,MAA5D,iBAA0ElD,EAAKrC,QAAQhC,KAAvF,YAA+FqE,EAAKrC,QAAQE,YAAc,CACxH6K,QAAS,CACP,OAAS,GAAT,OAAaX,OAGZY,MAAK,SAASC,GACTA,EAAS5I,KAAK6I,SAChB7D,EAAQ,CACN/E,KAAM,kBACNC,QAAS,CACPlC,OAAQ4K,EAAS5I,KAAK8I,QAG1BV,EAAS,OAETA,EAASQ,EAAS5I,KAAK+I,SAEzB/D,EAAQ,CACN/E,KAAM,gBACNC,QAAS,CACP5C,QAAQ,QAIb0L,OAAM,SAASzL,GACd0L,QAAQC,IAAI3L,GACZ6K,EAASrM,EAAE,yBACXiJ,EAAQ,CACN/E,KAAM,gBACNC,QAAS,CACP5C,QAAQ,WAKnB,CAAC0C,EAAKrC,QAAQI,MAAOiC,EAAKrC,QAAQE,WAAYmC,EAAKrC,QAAQhC,OAE1DqE,EAAKrC,QAAQG,QACfkC,EAAKrC,QAAQG,OAAO6H,SAAQ,SAAC5H,GAC3BsK,EAAaxD,KAAK,CAACrE,MAAOzC,EAAMoL,MAAOjG,MAAOnF,EAAMqL,SAmBpDpJ,EAAKrC,QAAQK,QACfgC,EAAKrC,QAAQK,OAAO2H,SAAQ,SAAC1H,GAC3BqK,EAAYzD,KAAK,CAACrE,MAAOvC,EAAMkL,MAAOjG,MAAOjF,EAAMmL,SAsEvD,OACI,qCACE,cAAC,GAAD,CAAQ3C,YAAazG,EAAK1C,SACzBC,GACC,cAAC,GAAD,CAAOrD,KAAMqD,KAEbA,GACA,qCACE,cAAC,GAAD,CAAOtD,MAAO8B,EAAE,sBAChB,cAAC,GAAD,CAAcyG,cAAe6F,EAAc5F,SAhGjC,SAACoD,GACnBb,EAAQ,CACN/E,KAAM,kBACNC,QAAS,CACPnC,MAAO8H,KAIXb,EAAQ,CACN/E,KAAM,iBAGRwE,GAAS,QAAS,WAoFwDvB,MAAOlD,EAAKrC,QAAQI,QACrFiC,EAAKrC,QAAQK,QACZ,cAAC8J,GAAD,UACE,cAAC,GAAD,CAAevF,aAAc+F,EAAa9F,cAAe8F,EAAa7F,SA9EvD,SAACoD,GAC5Bb,EAAQ,CACN/E,KAAM,kBACNC,QAAS,CACPjC,MAAO4H,EAAEtJ,OAAO2G,SAIpB8B,EAAQ,CACN/E,KAAM,iBAGR+E,EAAQ,CACN/E,KAAM,qBACNC,QAAS,CACPT,aAAa,KAIjBgF,GAAS,OAAQ,UAEjBM,EAAQlB,EAAO,IAyDmGnB,eAtDjF,SAACmD,GAClCb,EAAQ,CACN/E,KAAM,kBACNC,QAAS,CACPjC,MAAO4H,EAAE3C,MACThF,UAAW2H,EAAErF,SAIjBwE,EAAQ,CACN/E,KAAM,iBAGR+E,EAAQ,CACN/E,KAAM,qBACNC,QAAS,CACPT,aAAa,KAIjBsF,EAAQlB,EAAO,IAkC+IlB,UAAU,aAAaC,aAAc5C,EAAKrC,QAAQM,MAAO4E,mBAAoB7C,EAAKrC,QAAQM,MAAQ,CAAC,MAAS+B,EAAKrC,QAAQO,UAAW,MAAS8B,EAAKrC,QAAQM,OAAS,CAAC,MAASlC,EAAE,qBAAsB,MAAS,QAGpW,cAAC,GAAD,CAAauI,KAlCF,WACdtE,EAAKrC,QAAQI,OAAUiC,EAAKrC,QAAQM,OAQvC+G,EAAQ,CACN/E,KAAM,eACNC,QAAS,CACP3C,OAAO,KAGXwH,EAAQlB,EAAO,IAbfmB,EAAQ,CACN/E,KAAM,eACNC,QAAS,CACP3C,OAAO,MA6B4BgH,WAAYvE,EAAKT,iBAAiBE,YAAa+E,KAAM,kBAAMO,EAAQlB,EAAO,IAAItG,MAAOyC,EAAKzC,eC/NjI6C,GAAQ5G,IAAOC,IAAV,mKAKA,SAAAC,GAAK,OAAIA,EAAM3B,MAAMC,OAAOU,cAKjC2Q,GAAe7P,IAAOC,IAAV,8XAMPP,EAAYE,GASVF,EAAYE,GAMnBgH,IAMAE,GAAY9G,IAAOC,IAAV,sRASFP,EAAYE,IAOnBmH,GAAc/G,IAAOgH,MAAV,wnBAQN,SAAA9G,GAAK,OAAIA,EAAM3B,MAAMC,OAAOM,mBAIjB,SAAAoB,GAAK,OAAIA,EAAM3B,MAAMC,OAAOE,aAMhC,SAAAwB,GAAK,OAAIA,EAAM3B,MAAMC,OAAOI,aAOjCc,EAAYE,IAOZ,SAAAM,GAAK,OAAIA,EAAM3B,MAAMC,OAAOU,cAInC+H,GAAcjH,IAAOkH,MAAV,iLAIDH,IAEE,SAAA7G,GAAK,OAAIA,EAAM3B,MAAMC,OAAOI,cA2C/BkR,GAvCC,SAAC,GAAkE,IAAjE/G,EAAgE,EAAhEA,aAAcE,EAAkD,EAAlDA,SAAUE,EAAwC,EAAxCA,UAAWC,EAA6B,EAA7BA,aAAcE,EAAe,EAAfA,UAC3DC,EAAUR,EAAarG,KAAI,SAAC8G,EAAQ7G,GAAT,OAC7B,eAAC,GAAD,CAAW/B,UAAU,0BAArB,UACE,cAAC,GAAD,CACI6F,KAAK,QACLgD,GAAE,UAAKN,EAAL,YAAkBxG,GACpBsC,KAAMkE,EACNvI,UAAU,gBACV8I,MAA0B,kBAAXF,EAAuBA,EAAOE,MAAQF,EACrDG,SAAUV,EACV,aAAYtG,EAAE,EACdiH,QAA4B,kBAAXJ,EAAuBK,OAAOL,EAAOE,SAAWG,OAAOT,GAAgBI,EAAO1G,aAAesG,EAAatG,aAE/H,cAAC,GAAD,CAAagH,QAAO,UAAKX,EAAL,YAAkBxG,GAAK/B,UAAU,sBAArD,SAA+F,kBAAX4I,EAAuBA,EAAOxC,MAAQwC,MAX5H,iBAA8D7G,OAe9DoN,EAAoB,gCAIxB,OAFIzG,GAA2B,KAAdA,IAAkByG,GAAqB,eAGpD,cAAC,EAAD,UACE,eAACF,GAAD,CAAcjP,UAAWmP,EAAzB,UACGxG,EACAD,GACD,cAAC,GAAD,UAAQA,UCOH0G,GA5HG,SAAC,GAAoC,IAAnC3F,EAAkC,EAAlCA,KAAMkB,EAA4B,EAA5BA,QAAS/E,EAAmB,EAAnBA,KAAMgF,EAAa,EAAbA,QAC/BjJ,EAAMC,cAAND,EACR,EAA0BoM,mBAAS,MAAnC,oBAAO5K,EAAP,KAAc6K,EAAd,KACMqB,EAAa,GAEnBlB,qBAAU,WACRvD,EAAQ,CACN/E,KAAM,gBACNC,QAAS,CACP5C,QAAQ,KAIZkL,KAAMC,IAAN,UAfYT,YAeZ,4BAAwChI,EAAKrC,QAAQI,MAAMmF,MAA3D,oBAA4ElD,EAAKrC,QAAQM,MAAzF,iBAAuG+B,EAAKrC,QAAQhC,KAApH,YAA4HqE,EAAKrC,QAAQE,YAAc,CACrJ6K,QAAS,CACP,OAAS,GAAT,OAlBQV,mCAqBPW,MAAK,SAASC,GACTA,EAAS5I,KAAK6I,SAChB7D,EAAQ,CACN/E,KAAM,kBACNC,QAAS,CACP/B,MAAOyK,EAAS5I,KAAK8I,QAGzBV,EAAS,OAETA,EAASQ,EAAS5I,KAAK+I,SAEzB/D,EAAQ,CACN/E,KAAM,gBACNC,QAAS,CACP5C,QAAQ,QAIb0L,OAAM,SAASzL,GACd0L,QAAQC,IAAI3L,GACZ6K,EAASrM,EAAE,yBACXiJ,EAAQ,CACN/E,KAAM,gBACNC,QAAS,CACP5C,QAAQ,UAIjB,IAEC0C,EAAKrC,QAAQQ,OACf6B,EAAKrC,QAAQQ,MAAMwH,SAAQ,SAACvH,GAC1BqL,EAAW5E,KAAK,CAACrE,MAAOpC,EAAK+K,MAAOjG,MAAO9E,EAAKgL,SA+CpD,OACI,qCACE,cAAC,GAAD,CAAQ3C,YAAazG,EAAK1C,SACzBC,GACD,cAAC,GAAD,CAAOrD,KAAMqD,KAEXA,GACA,qCACE,cAAC,GAAD,CAAOtD,MAAO8B,EAAE,mBACfiE,EAAKrC,QAAQQ,OACZ,cAAC,GAAD,CAASoE,aAAckH,EAAYhH,SArDlB,SAACoD,GAC5Bb,EAAQ,CACN/E,KAAM,kBACNC,QAAS,CACP9B,KAAMyH,EAAEtJ,OAAO2G,SAInB8B,EAAQ,CACN/E,KAAM,gBAGR+E,EAAQ,CACN/E,KAAM,qBACNC,QAAS,CACPR,aAAa,KAIjB+E,GAAS,UAAW,UAEpBM,EAAQlB,EAAO,IAgC8DlB,UAAU,YAAYC,aAAc5C,EAAKrC,QAAQS,OAEtH,cAAC,GAAD,CAAakG,KA/BF,WACdtE,EAAKrC,QAAQS,MAQhB4G,EAAQ,CACN/E,KAAM,eACNC,QAAS,CACP3C,OAAO,KAGXwH,EAAQlB,EAAO,IAbfmB,EAAQ,CACN/E,KAAM,eACNC,QAAS,CACP3C,OAAO,MA0B4BgH,WAAYvE,EAAKT,iBAAiBG,YAAa8E,KAAM,kBAAMO,EAAQlB,EAAO,IAAItG,MAAOyC,EAAKzC,eChHjIT,GAAUtD,IAAOuD,QAAV,+LACE,SAAArD,GAAK,OAAIA,EAAM3B,MAAMc,MAAMC,eAI/BI,EAAYE,GAIZF,EAAYI,IAKjBoQ,GAAelQ,IAAOI,EAAV,6PAOPV,EAAYE,GAIZF,EAAYG,IAMjBsQ,GAAcnQ,IAAOC,IAAV,mGACK,SAAAC,GAAK,OAAIA,EAAM3B,MAAMC,OAAOE,aAI5CqI,GAAc/G,IAAOgH,MAAV,6XASS,SAAA9G,GAAK,OAAIA,EAAM3B,MAAMC,OAAOE,YAE3CgB,EAAYE,IAOC,SAAAM,GAAK,OAAIA,EAAM3B,MAAMC,OAAOE,aAI9CoI,GAAY9G,IAAOC,IAAV,oHAIT8G,IAMAE,GAAcjH,IAAOkH,MAAV,4KAIDH,IACQ,SAAA7G,GAAK,OAAIA,EAAM3B,MAAMC,OAAOE,aAClC,SAAAwB,GAAK,OAAIA,EAAM3B,MAAMC,OAAOI,cAiJ/BwR,GA1IG,SAAC,GAAoC,IAAnC/F,EAAkC,EAAlCA,KAAMkB,EAA4B,EAA5BA,QAAS/E,EAAmB,EAAnBA,KAAMgF,EAAa,EAAbA,QAC/BjJ,EAAMC,cAAND,EACR,EAA0BoM,mBAAS,MAAnC,oBAAO5K,EAAP,KAAc6K,EAAd,KACMyB,EAAY,GAElBtB,qBAAU,WACRvD,EAAQ,CACN/E,KAAM,gBACNC,QAAS,CACP5C,QAAQ,KAIZkL,KAAMC,IAAN,UAfYT,YAeZ,+BAA2ChI,EAAKrC,QAAQI,MAAMmF,MAA9D,oBAA+ElD,EAAKrC,QAAQM,MAA5F,iBAA0G+B,EAAKrC,QAAQhC,KAAvH,YAA+HqE,EAAKrC,QAAQE,WAA5I,iBAA+JmC,EAAKrC,QAAQS,MAAQ,CAClLsK,QAAS,CACP,OAAS,GAAT,OAlBQV,mCAqBPW,MAAK,SAASC,GACTA,EAAS5I,KAAK6I,SAChB7D,EAAQ,CACN/E,KAAM,kBACNC,QAAS,CACP7B,UAAWuK,EAAS5I,KAAK8I,QAG7BV,EAAS,OAETA,EAASQ,EAAS5I,KAAK+I,SAEzB/D,EAAQ,CACN/E,KAAM,gBACNC,QAAS,CACP5C,QAAQ,QAIb0L,OAAM,SAASzL,GACd0L,QAAQC,IAAI3L,GACZ6K,EAASrM,EAAE,yBACXiJ,EAAQ,CACN/E,KAAM,gBACNC,QAAS,CACP5C,QAAQ,UAIjB,IAEC0C,EAAKrC,QAAQU,WACf2B,EAAKrC,QAAQU,UAAUsH,SAAQ,SAACrH,GAC9BuL,EAAUhF,KAAK,CAACrE,MAAOlC,EAAI6K,MAAOjG,MAAO5E,EAAI8K,SAIjD,IAAMU,EAAe,SAACjE,GACpBb,EAAQ,CACN/E,KAAM,kBACNC,QAAS,CACP5B,IAAKuH,EAAEtJ,OAAO2G,SAIlB8B,EAAQ,CACN/E,KAAM,qBACNC,QAAS,CACPP,aAAa,KAIjB8E,GAAS,UAAW,UAEpBM,EAAQlB,EAAO,IAsBXd,EAAU8G,EAAU3N,KAAI,SAAC8G,EAAQ7G,GAAT,OAC1B,eAAC,GAAD,CAAW/B,UAAU,0BAArB,UACE,cAAC,GAAD,CACI6F,KAAK,QACLgD,GAAE,cAAS9G,GACXsC,KAAK,MACLrE,UAAU,gBACV8I,MAAOF,EAAOE,MACdC,SAAU2G,EACV1G,QAAStJ,OAAOkJ,EAAOE,SAAWpJ,OAAOkG,EAAKrC,QAAQW,OAE1D,cAAC,GAAD,CAAagF,QAAO,cAASnH,GAAK/B,UAAU,sBAA5C,SAAsF,kBAAX4I,EAAuBA,EAAOxC,MAAQwC,MAVnH,cAA2D7G,OAc/D,OACI,qCACE,cAAC,GAAD,CAAQsK,YAAazG,EAAK1C,SACzBC,GACC,cAAC,GAAD,CAAOrD,KAAMqD,KAEbA,GACA,mCACE,eAAC,GAAD,WACE,cAAC,GAAD,CAAOtD,MAAO8B,EAAE,kBAChB,cAAC2N,GAAD,CAActP,UAAU,aAAxB,SAAsC2B,EAAE,mBACxC,cAAC4N,GAAD,CAAavP,UAAU,OAAvB,SACG2I,IAEH,cAAC,GAAD,CAAauB,KAhDJ,WACdtE,EAAKrC,QAAQW,KAQhB0G,EAAQ,CACN/E,KAAM,eACNC,QAAS,CACP3C,OAAO,KAGXwH,EAAQlB,EAAO,IAbfmB,EAAQ,CACN/E,KAAM,eACNC,QAAS,CACP3C,OAAO,MA2C8BgH,WAAYvE,EAAKT,iBAAiBI,YAAa6E,KAAM,kBAAMO,EAAQlB,EAAO,IAAItG,MAAOyC,EAAKzC,iBCpNnIwM,GAAiBvQ,IAAOC,IAAV,qDAIduQ,GAAaxQ,IAAOkH,MAAV,gQAOM,SAAAhH,GAAK,OAAIA,EAAM3B,MAAMC,OAAOO,yBAQ5C0R,GAAezQ,IAAOO,KAAV,2MAWZmQ,GAAQ,SAAC,GAA4C,IAA3CC,EAA0C,EAA1CA,QAAS1L,EAAiC,EAAjCA,KAAMyE,EAA2B,EAA3BA,MAAOjD,EAAoB,EAApBA,KAAMkD,EAAc,EAAdA,SAE1C,OACI,eAAC4G,GAAD,CAAgB3P,UAAU,kBAA1B,UACE,cAAC4P,GAAD,CAAY5P,UAAU,QAAQqE,KAAMA,EAAMyE,MAAOA,EAAOjD,KAAMA,EAAMkD,SAAUA,IAC7EgH,GACC,cAACF,GAAD,CAAc7P,UAAU,gBAAxB,SACG+P,QAObD,GAAMnP,aAAe,CACnBmI,MAAO,GACPjD,KAAM,QAUOiK,I,oCAAAA,MCKAE,GAzDG,SAAC,GAAoC,IAAnCvG,EAAkC,EAAlCA,KAAMkB,EAA4B,EAA5BA,QAAS/E,EAAmB,EAAnBA,KAAMgF,EAAa,EAAbA,QAC/BjJ,EAAMC,cAAND,EAwCR,OACI,qCACE,cAAC,GAAD,CAAO9B,MAAO8B,EAAE,sBAChB,cAAC,GAAD,CAAO0C,KAAK,UAAUyE,MAAOlD,EAAKrC,QAAQY,QAAS4L,QAAQ,KAAKhH,SAzCnD,SAAC0C,GACd,WAAWwE,KAAKxE,EAAEtJ,OAAO2G,SAC3B8B,EAAQ,CACN/E,KAAM,kBACNC,QAAS,CACP3B,QAASsH,EAAEtJ,OAAO2G,SAItB8B,EAAQ,CACN/E,KAAM,qBACNC,QAAS,CACPN,aAAa,SA8Bf,cAAC,GAAD,CAAa0E,KAxBE,WACdtE,EAAKrC,QAAQY,SAQhByG,EAAQ,CACN/E,KAAM,eACNC,QAAS,CACP3C,OAAO,KAGXkH,GAAS,UAAW,UACpBM,EAAQlB,EAAO,IAdfmB,EAAQ,CACN/E,KAAM,eACNC,QAAS,CACP3C,OAAO,MAmBwBgH,WAAYvE,EAAKT,iBAAiBK,YAAa4E,KAAM,kBAAMO,EAAQlB,EAAO,IAAItG,MAAOyC,EAAKzC,Y,mBC/C7H6C,GAAQ5G,IAAOO,KAAV,wKAKA,SAAAL,GAAK,OAAIA,EAAM3B,MAAMC,OAAOU,cAKjC4R,GAAoB9Q,IAAOC,IAAV,+MAKZP,EAAYE,IASjBmB,GAAMf,IAAOgB,IAAV,8DAEC,SAAAd,GAAK,OAAIA,EAAM3B,MAAMC,OAAOG,SAGhCoS,GAAiB/Q,IAAOkH,MAAV,uEAKd8J,GAAiBhR,IAAOC,IAAV,gQAKE,SAAAC,GAAK,OAAIA,EAAM3B,MAAMC,OAAOO,wBAI9CgS,GACEhQ,IAMAkQ,GAAejR,IAAOC,IAAV,iNAKPP,EAAYE,IASjBsR,GAAQlR,IAAOgH,MAAV,oVAYLJ,GAIAqK,IACS,SAAA/Q,GAAK,OAAIA,EAAM3B,MAAMC,OAAOU,cASrC4B,GAAOd,IAAOgC,EAAV,gCAsCKmP,GAlCE,SAAC,GAAsF,IAArFlM,EAAoF,EAApFA,KAAM+B,EAA8E,EAA9EA,MAAOoK,EAAuE,EAAvEA,UAAWC,EAA4D,EAA5DA,gBAAiBC,EAA2C,EAA3CA,UAAW5H,EAAgC,EAAhCA,MAAOT,EAAyB,EAAzBA,SAAUK,EAAe,EAAfA,UACtF,OACI,cAAC,EAAD,UACE,eAAC4H,GAAD,CAAOtQ,UAAY0I,GAA2B,KAAdA,EAAoB,aAAe,GAAnE,UACE,eAACwH,GAAD,WACE,cAACC,GAAD,CAAiBtK,KAAK,WAAWxB,KAAMA,EAAM2E,QAASF,EAAOC,SAAUV,IACvE,cAAC+H,GAAD,UACE,cAAC,GAAD,CAAK3P,QAAQ,YAAb,SACE,qBAAKD,MAAM,6BAA6BC,QAAQ,YAAhD,SACE,sBAAMC,EAAE,+EAKhB,eAAC2P,GAAD,WACGjK,EADH,IACWoK,EAAa,cAAC,GAAD,CAAMxO,KAAMwO,EAAWrO,OAAO,SAASC,IAAI,sBAA3C,SAAkEqO,IAA2B,GADrH,IAC0HC,EAAY,IAAM,MAE3IhI,GACC,cAAC,GAAD,UAAQA,U,mBCjHd1C,GAAQ5G,IAAOO,KAAV,mKAKA,SAAAL,GAAK,OAAIA,EAAM3B,MAAMC,OAAOU,cAKjCgS,GAAQlR,IAAOgH,MAAV,wbASAtH,EAAYE,GAYjBgH,IAMA8J,GAAQ1Q,IAAOkH,MAAV,2/CAMkB,SAAAhH,GAAK,OAAIA,EAAM3B,MAAMC,OAAOO,yBAI9C,SAAAmB,GAAK,OAAIA,EAAM3B,MAAMC,OAAOM,mBASZ,SAAAoB,GAAK,OAAIA,EAAM3B,MAAMC,OAAOM,mBAG1B,SAAAoB,GAAK,OAAIA,EAAM3B,MAAMC,OAAOU,cAuB9B,SAAAgB,GAAK,OAAIA,EAAM3B,MAAMC,OAAOU,cAY1C,SAAAgB,GAAK,OAAIA,EAAM3B,MAAMC,OAAOY,sBAcf,SAAAc,GAAK,OAAIA,EAAM3B,MAAMC,OAAOM,mBAQhDyS,GAAYvR,IAAOO,KAAV,gCAITiR,GAAgB,SAAC,GAA6D,IAA5DvM,EAA2D,EAA3DA,KAAMyE,EAAqD,EAArDA,MAAOjD,EAA8C,EAA9CA,KAAMO,EAAwC,EAAxCA,MAAO2C,EAAiC,EAAjCA,SAAU8H,EAAuB,EAAvBA,OAAQnI,EAAe,EAAfA,UAC9DoI,EAAa,uBAKjB,OAHIhI,IAAOgI,GAAc,cACrBpI,GAA2B,KAAdA,IAAkBoI,GAAc,eAG7C,eAAC,GAAD,CAAO9Q,UAAW8Q,EAAlB,UACE,cAAC,GAAD,CAAO9Q,UAAU,uBAAuBqE,KAAMA,EAAMyE,MAAOA,EAAOjD,KAAMA,EAAMkD,SAAU,SAAA0C,GAAC,OAAI1C,EAAS,CAAC0C,EAAEtJ,OAAOkC,KAAMoH,EAAEtJ,OAAO2G,SAAS+H,OAAQ,SAAApF,GAAC,OAAIoF,EAAOpF,EAAEtJ,WAC9J,cAACwO,GAAD,UAAYvK,IACXsC,GACC,cAAC,GAAD,UAAQA,QAMlBkI,GAAcjQ,aAAe,CAC3BmI,MAAO,GACPjD,KAAM,OACNO,MAAO,GACPsC,UAAW,GACXvF,MAAO,IAGT2M,GAAMiB,UAAY,CAChB1M,KAAM2M,KAAUC,OAAOC,WACvB9K,MAAO4K,KAAUC,OACjBnI,MAAOkI,KAAUC,OACjBpL,KAAMmL,KAAUC,OAChBvI,UAAWsI,KAAUC,OACrB9N,MAAO6N,KAAUG,QAGJP,I,wHAAAA,MCzJT3K,GAAqB7G,IAAOC,IAAV,yFAMlB6G,GAAY9G,IAAOC,IAAV,uIAIJP,EAAYE,IAKjB6N,GAAkBzN,IAAOC,IAAV,yFAGC,SAAAC,GAAK,OAAIA,EAAM3B,MAAMC,OAAOE,aAG5CqI,GAAc/G,IAAOgH,MAAV,sRAMK,SAAA9G,GAAK,OAAIA,EAAM3B,MAAMC,OAAOO,wBAEvCW,EAAYE,IASjBoS,GAAUhS,IAAOO,KAAV,8MAWP0R,GAAWjS,IAAOO,KAAV,yOAGHb,EAAYE,IAKC,SAAAM,GAAK,OAAIA,EAAM3B,MAAMC,OAAOE,aACvB,SAAAwB,GAAK,OAAIA,EAAM3B,MAAMC,OAAOO,yBAInDmT,GAAYlS,IAAOO,KAAV,qDAIT0G,GAAcjH,IAAOkH,MAAV,wPAGDH,IACQ,SAAA7G,GAAK,OAAIA,EAAM3B,MAAMC,OAAOI,cACxB,SAAAsB,GAAK,OAAIA,EAAM3B,MAAMC,OAAOI,aAElDqT,IACyB,SAAA/R,GAAK,OAAIA,EAAM3B,MAAMC,OAAOI,aAGrDsT,IAMAnR,GAAMf,IAAOgB,IAAV,gFAGC,SAAAd,GAAK,OAAIA,EAAM3B,MAAMC,OAAOI,cA6CvBuT,GA1CC,SAAC,GAAyC,IAAxC9B,EAAuC,EAAvCA,UAAWjH,EAA4B,EAA5BA,aAAcH,EAAc,EAAdA,SACnCmJ,EAAO/B,EAAU3N,KAAI,SAACoC,EAAKnC,GAAN,OACvB,cAAC,GAAD,CAAW/B,UAAU,eAArB,SACE,eAAC,GAAD,CAAiBA,UAAU,yBAA3B,UACE,cAAC,GAAD,CACI6F,KAAK,WACLgD,GAAE,iBAAY9G,GACdsC,KAAK,SACLrE,UAAU,gBACV8I,MAAO5E,EACP6E,SAAUV,EACVW,QAASR,IAAiBtE,IAE9B,eAAC,GAAD,CAAagF,QAAO,iBAAYnH,GAAK/B,UAAU,sBAA/C,UACE,cAACoR,GAAD,CAASpR,UAAU,oBAAnB,SACGkE,IAEH,cAACmN,GAAD,UACE,cAACC,GAAD,UACE,cAAC,GAAD,CAAK9Q,MAAM,6BAA6BC,QAAQ,YAAhD,SACE,sBAAMC,EAAE,mFAlBpB,eAAiDqB,OA2BrD,OACI,cAAC,EAAD,UACE,cAAC,GAAD,UACGyP,OC/GLC,GAAWrS,IAAOI,EAAV,yNAMHV,EAAYG,IAOjByS,GAAYtS,IAAOI,EAAV,4HAOTW,GAAMf,IAAOgB,IAAV,wGAOHuR,GAAWvS,IAAOC,IAAV,6FAMRuS,GAAexS,IAAOC,IAAV,4FAMZwS,GAAsBzS,IAAOC,IAAV,mDAInByS,GAAY1S,IAAOC,IAAV,qKAKJP,EAAYG,IAMjBkR,GAAiB/Q,IAAOC,IAAV,wEA8VL0S,GArVG,SAAC,GAAoC,IAAnCtI,EAAkC,EAAlCA,KAAMkB,EAA4B,EAA5BA,QAAS/E,EAAmB,EAAnBA,KAAMgF,EAAa,EAAbA,QAC/BjJ,EAAMC,cAAND,EACR,EAA4BoM,mBAAS,IAArC,oBAAOiE,EAAP,KAAeC,EAAf,KACA,EAA8BlE,mBAAS,IAAvC,oBAAOmE,EAAP,KAAgBC,EAAhB,KACA,EAAsCpE,oBAAS,GAA/C,oBAAOqE,EAAP,KAAoBC,EAApB,KACA,EAA0BtE,mBAAS,MAAnC,oBAAO5K,EAAP,KAAc6K,EAAd,KACMsE,EAAc,CAClB,CAAClM,MAAOzE,EAAE,sBAAuBmH,MAAO,OACxC,CAAC1C,MAAOzE,EAAE,uBAAwBmH,MAAO,SAErCyJ,EAAc,CAClBlO,KAAM1C,EAAE,6BACR6Q,WAAY7Q,EAAE,mCACd2C,QAAS3C,EAAE,gCACX8Q,cAAe9Q,EAAE,sCACjB4C,MAAO5C,EAAE,8BACT6C,MAAO7C,EAAE,8BACT8C,OAAQ9C,EAAE,mBACVgD,IAAKhD,EAAE,yBAEL+Q,EAAgB,YAEpBvE,qBAAU,WACRvD,EAAQ,CACN/E,KAAM,gBACNC,QAAS,CACP5C,QAAQ,KAGZkL,KAAMC,IAAN,UA/BYT,YA+BZ,kBAAsC,CACpCU,QAAS,CACP,OAAS,GAAT,OAlCQV,mCAqCPW,MAAK,SAASC,GACTA,EAAS5I,KAAK6I,SAChB0D,EAAW3D,EAAS5I,KAAK8I,KAAK5M,KAAI,SAAAoC,GAAG,OAAIA,EAAI6K,UAC7Cf,EAAS,OAETA,EAASQ,EAAS5I,KAAK+I,SAEzB/D,EAAQ,CACN/E,KAAM,gBACNC,QAAS,CACP5C,QAAQ,QAIb0L,OAAM,SAASzL,GACd0L,QAAQC,IAAI3L,GACZ6K,EAASrM,EAAE,yBACXiJ,EAAQ,CACN/E,KAAM,gBACNC,QAAS,CACP5C,QAAQ,UAIjB,IAEH,IAAMyP,EAAuBhR,EAAE,2BAA4B,CAAEE,eAAe,IAAQC,KAAI,WAAcC,GAAd,IAAE6Q,EAAF,EAAEA,UAAF,OACpF,cAACC,GAAA,EAAD,CAAezJ,WAAY,CAAC0J,EAAG,sBAAOtT,EAAG,cAACsS,GAAD,KAAzC,SAA2Dc,GAA/C7Q,MA4EVgR,EAAc,SAACtH,GACnB,IAAMpH,EAAOoH,EAAEtJ,OAAOkC,KAElBoH,EAAEtJ,OAAO6G,QACX4B,EAAQ,CACN/E,KAAM,mBACNC,QAAQ,gBACLzB,GAAO,KAIZuG,EAAQ,CACN/E,KAAM,mBACNC,QAAQ,gBACLzB,GAAO,MAMV2O,EAAW,SAACvH,GAChBb,EAAQ,CACN/E,KAAM,mBACNC,QAAQ,gBAAI2F,EAAE,GAAKA,EAAE,MAGV,UAATA,EAAE,KACgB,IAAhBA,EAAE,GAAGwH,OACPZ,GAAe,GAEfA,GAAe,KAKfa,EAAiB,SAACzH,GACP,UAAXA,EAAEpH,KACCoH,EAAE3C,OAAU,UAAUmH,KAAKxE,EAAE3C,OAGhCmJ,EAAU,6BAAID,GAAL,mBAAcvG,EAAEpH,KAAO,MAFhC4N,EAAU,6BAAID,GAAL,mBAAcvG,EAAEpH,KAAOkO,EAAa9G,EAAEpH,SAI7B,UAAXoH,EAAEpH,KACNoH,EAAE3C,OAEK,6EAAwEmH,KAAKxE,EAAE3C,OAGzFmJ,EAAU,6BAAID,GAAL,mBAAcvG,EAAEpH,KAAO,MAJhC4N,EAAU,6BAAID,GAAL,mBAAcvG,EAAEpH,KAAOkO,EAAa9G,EAAEpH,SAO5CoH,EAAE3C,MAGLmJ,EAAU,6BAAID,GAAL,mBAAcvG,EAAEpH,KAAO,MAFhC4N,EAAU,6BAAID,GAAL,mBAAcvG,EAAEpH,KAAOkO,EAAa9G,EAAEpH,SAMnD8O,KAyCIA,EAAe,WACnBC,YAAW,WACkB,KAAvBxN,EAAKxB,SAASC,MAAyC,KAA1BuB,EAAKxB,SAASE,SAA0C,KAAxBsB,EAAKxB,SAASG,OAAwC,KAAxBqB,EAAKxB,SAASG,OAAyC,KAAzBqB,EAAKxB,SAASK,QACzImG,EAAQ,CACN/E,KAAM,qBACNC,QAAS,CACPL,aAAa,OAIlB,MAwCL,OAJK2M,GAA8C,IAA/BxM,EAAKxB,SAASI,MAAMyO,SACtCP,EAAgB,IAId,qCACE,cAAC,GAAD,CAAQrG,YAAazG,EAAK1C,SACzBC,GACC,cAAC,GAAD,CAAOrD,KAAMqD,KAEbA,GACA,qCACE,cAAC,GAAD,CAAOtD,MAAO8B,EAAE,sBAChB,cAAC8P,GAAD,CAAUzR,UAAU,WAApB,SAAgC2B,EAAE,yBAClC,eAAC+P,GAAD,CAAW1R,UAAU,aAArB,UACE,eAAC,GAAD,CAAKQ,MAAM,6BAA6BC,QAAQ,YAAhD,UACE,sBAAMC,EAAE,qQACR,sBAAMA,EAAE,yKAETiB,EAAE,2BAEL,eAACgQ,GAAD,WACE,cAAC,GAAD,CAAetN,KAAK,OAAO+B,MAAOzE,EAAE,wBAAyBmH,MAAOlD,EAAKxB,SAASC,KAAM0E,SAAUiK,EAAUnC,OAAQqC,EAAgBxK,UAAWsJ,EAAO3N,OACtJ,cAAC,GAAD,CAAeA,KAAK,UAAU+B,MAAOzE,EAAE,2BAA4BmH,MAAOlD,EAAKxB,SAASE,QAASyE,SAAUiK,EAAUnC,OAAQqC,EAAgBxK,UAAWsJ,EAAO1N,UAC/J,cAAC,GAAD,CAAeD,KAAK,QAAQ+B,MAAOzE,EAAE,yBAA0BmH,MAAOlD,EAAKxB,SAASG,MAAOwE,SAAUiK,EAAUnC,OAAQqC,EAAgBxK,UAAWsJ,EAAOzN,QACzJ,cAAC,GAAD,CAAeF,KAAK,QAAQ+B,MAAOzE,EAAE,yBAA0BmH,MAAOlD,EAAKxB,SAASI,MAAOuE,SAAUiK,EAAUnC,OAAQqC,EAAgBxK,UAAWsJ,EAAOxN,WAE3J,cAAC,GAAD,CAAO3E,MAAO8B,EAAE,qBAChB,cAAC8P,GAAD,CAAUzR,UAAU,WAApB,SAAgC2B,EAAE,oBAClC,cAAC,GAAD,CAAewG,aAAcmK,EAAajK,SAvPvB,SAACoD,GAC5BwG,EAAU,6BAAID,GAAL,IAAavN,OAAQ,MAE9BmG,EAAQ,CACN/E,KAAM,mBACNC,QAAS,CACPrB,OAAQgH,EAAEtJ,OAAO2G,MACjBuK,aAAa,KAIM,QAAnB5H,EAAEtJ,OAAO2G,OACX8B,EAAQ,CACN/E,KAAM,mBACNC,QAAS,CACPf,aAAa,KAGjBsF,GAAS,WAAY,SAAU,aAE/BO,EAAQ,CACN/E,KAAM,mBACNC,QAAS,CACPf,aAAa,EACbL,OAAQ,MAGZ2F,GAAS,WAAY,YA4N2D9B,UAAU,cAAcC,aAAc5C,EAAKxB,SAASK,OAAQiE,UAAWsJ,EAAOvN,SACvJmB,EAAKxB,SAASW,aAAemN,GAC5B,cAAC,GAAD,CAASzC,UAAWyC,EAAS7J,SA1NnB,SAACoD,GACjBA,EAAEtJ,OAAO6G,QACX4B,EAAQ,CACN/E,KAAM,mBACNC,QAAS,CACPpB,OAAQ+G,EAAEtJ,OAAO2G,SAIrB8B,EAAQ,CACN/E,KAAM,mBACNC,QAAS,CACPpB,OAAQkB,EAAKxB,SAASM,OAAO4O,QAAO,SAAApP,GAAG,OAAIA,IAAQuH,EAAEtJ,OAAO2G,YAKlEqK,KAyMgE3K,aAAc5C,EAAKxB,SAASM,SAEpF,cAAC,GAAD,CAAUL,KAAK,MAAM+B,MAAOzE,EAAE,mBAAoB6O,UAAW7O,EAAE,uBAAwB8O,gBAAiB9O,EAAE,iCAAkC+O,WAAW,EAAM5H,MAAOlD,EAAKxB,SAASO,IAAK0D,SAxM9K,SAACoD,GACdA,EAAEtJ,OAAO6G,SACXiJ,EAAU,6BAAID,GAAL,IAAarN,IAAK,MAC3BiG,EAAQ,CACN/E,KAAM,mBACNC,QAAS,CACPnB,KAAK,OAITsN,EAAU,6BAAID,GAAL,IAAarN,IAAK4N,EAAY5N,OACvCiG,EAAQ,CACN/E,KAAM,mBACNC,QAAS,CACPnB,KAAK,MAKXwO,KAqLqNzK,UAAWsJ,EAAOrN,MAC/N,sBAAK3E,UAAU,qBAAf,UACE,cAAC4R,GAAD,UAAejQ,EAAE,uCACjB,cAAC,GAAD,CAAU0C,KAAK,SAAS+B,MAAOzE,EAAE,mBAAoBmH,MAAOlD,EAAKxB,SAASQ,OAAQyD,SAAU0K,IAC5F,cAAC,GAAD,CAAU1O,KAAK,SAAS+B,MAAOzE,EAAE,mBAAoBmH,MAAOlD,EAAKxB,SAASS,OAAQwD,SAAU0K,IAC5F,cAAC,GAAD,CAAgB/S,UAAW0S,EAA3B,SACE,cAAC,GAAD,CAAUrO,KAAK,OAAO+B,MAAOzE,EAAE,iBAAkBmH,MAAOlD,EAAKxB,SAASU,KAAMuD,SAAU0K,SAG1F,cAAClB,GAAD,UACGc,IAEH,cAAC,GAAD,CAAazI,KA9EF,WACnB,IAAMqJ,EApDY,SAACC,GACnB,IAAIxB,EAAS,GAkCb,OAhCKwB,EAAOnP,OACV2N,EAAO3N,KAAOkO,EAAYlO,MAExBmP,EAAOnP,KAAK4O,OAAS,KACvBjB,EAAO3N,KAAOkO,EAAYC,YAEvBgB,EAAOlP,UACV0N,EAAO1N,QAAUiO,EAAYjO,SAE3BkP,EAAOlP,QAAQ2O,OAAS,KAC1BjB,EAAO1N,QAAUiO,EAAYE,eAE1Be,EAAOhP,OAAU,UAAUyL,KAAKuD,EAAOhP,SAC1CwN,EAAOxN,MAAQ+N,EAAY/N,OAExBgP,EAAOjP,OAEA,6EAAwE0L,KAAKuD,EAAOjP,SAD9FyN,EAAOzN,MAAQgO,EAAYhO,OAIxBiP,EAAO/O,SACVuN,EAAOvN,OAAS8N,EAAY9N,QAER,QAAlB+O,EAAO/O,SACJ+O,EAAO9O,SACVsN,EAAOtN,OAAS6N,EAAY7N,SAG3B8O,EAAO7O,MACVqN,EAAOrN,IAAM4N,EAAY5N,KAGpBqN,EAiBSyB,CAAY7N,EAAKxB,UACjC6N,EAAUsB,GAENG,OAAOC,KAAKJ,GAASN,OAAS,EAChCrI,EAAQ,CACN/E,KAAM,eACNC,QAAS,CACP3C,OAAO,MAMbyH,EAAQ,CACN/E,KAAM,eACNC,QAAS,CACP3C,OAAO,KAIXyH,EAAQ,CACN/E,KAAM,qBACNC,QAAS,CACPL,aAAa,KAIjB4E,GAAS,SAAU,WAEnBM,EAAQlB,EAAO,KAgD0BU,WAAYvE,EAAKT,iBAAiBM,YAAa2E,KAAM,kBAAMO,EAAQlB,EAAO,IAAItG,MAAOyC,EAAKzC,e,6BChZjIqJ,GAASpN,IAAOwJ,OAAV,wZAMU,SAAAtJ,GAAK,OAAIA,EAAM3B,MAAMC,OAAOI,cAC5B,SAAAsB,GAAK,OAAIA,EAAM3B,MAAMC,OAAOI,cAM1B,SAAAsB,GAAK,OAAIA,EAAM3B,MAAMC,OAAOK,mBAChC,SAAAqB,GAAK,OAAIA,EAAM3B,MAAMC,OAAOK,mBAI1CqL,GAAgBlK,IAAOO,KAAV,uGAMbQ,GAAMf,IAAOgB,IAAV,+IAMC,SAAAd,GAAK,OAAIA,EAAM3B,MAAMC,OAAOG,SAsBvB6V,GAnBS,SAAC,GAAmB,IAAlBC,EAAiB,EAAjBA,YAChBlS,EAAMC,cAAND,EAER,OACI,cAAC,EAAD,UACE,eAAC,GAAD,CAAQmI,QAAS+J,EAAjB,UACE,cAAC,GAAD,CAAKpT,QAAQ,YAAb,SACE,sBAAMC,EAAE,0eAEV,cAAC,GAAD,UAAgBiB,EAAE,4CC1CtBmS,GAAmB1U,IAAO+B,GAAV,8NAGO,SAAA7B,GAAK,OAAIA,EAAM3B,MAAMC,OAAOE,aAC9C,SAAAwB,GAAK,OAAIA,EAAM3B,MAAMC,OAAOG,SAGf,SAAAuB,GAAK,OAAIA,EAAM3B,MAAMC,OAAOE,aAI5B,SAAAwB,GAAK,OAAIA,EAAM3B,MAAMC,OAAOE,aAI9CiW,GAAsB3U,IAAOC,IAAV,6IAQnB2U,GAAe5U,IAAOC,IAAV,8FAMZ4U,GAAsB7U,IAAOC,IAAV,0kBAUH,SAAAC,GAAK,OAAIA,EAAM3B,MAAMC,OAAOI,cAc9B,SAAAsB,GAAK,OAAIA,EAAM3B,MAAMC,OAAOI,cAI1CkW,GAA0B9U,IAAOC,IAAV,oHAClB,SAAAC,GAAK,OAAIA,EAAM3B,MAAMC,OAAOG,SAMjCoW,GAAoB/U,IAAOI,EAAV,sFAMjB4U,GAA0BhV,IAAOO,KAAV,2DAIvB0U,GAAgBjV,IAAOC,IAAV,0CAIbiV,GAAuBlV,IAAOC,IAAV,gDAIpBkV,GAA0BnV,IAAOC,IAAV,gEAKvBmV,GAA8BpV,IAAOC,IAAV,qJAQ3BoV,GAAiCrV,IAAOI,EAAV,2HAO9BkV,GAA+BtV,IAAOI,EAAV,6FAM5BmV,GAAmCvV,IAAOgC,EAAV,4EAC3B,SAAA9B,GAAK,OAAIA,EAAM3B,MAAMC,OAAOG,SAIjC6W,GAAoCxV,IAAOC,IAAV,6IAQjCwV,GAA6BzV,IAAOwJ,OAAV,seAUV,SAAAtJ,GAAK,OAAIA,EAAM3B,MAAMC,OAAOC,SAC5B,SAAAyB,GAAK,OAAIA,EAAM3B,MAAMC,OAAOG,SAIpC,SAAAuB,GAAK,OAAIA,EAAM3B,MAAMC,OAAOC,SACjB,SAAAyB,GAAK,OAAIA,EAAM3B,MAAMC,OAAOG,SAK/C+W,GAAgB1V,IAAOC,IAAV,kDAIb0V,GAAmB3V,IAAOgB,IAAV,sKAOZ,SAAAd,GAAK,OAAIA,EAAM3B,MAAMC,OAAOG,SAGhCiX,GAAoB5V,IAAOgC,EAAV,gaAOD,SAAA9B,GAAK,OAAIA,EAAM3B,MAAMC,OAAOC,SAC5B,SAAAyB,GAAK,OAAIA,EAAM3B,MAAMC,OAAOG,SAIpC,SAAAuB,GAAK,OAAIA,EAAM3B,MAAMC,OAAOC,SACjB,SAAAyB,GAAK,OAAIA,EAAM3B,MAAMC,OAAOG,QAE9CgX,IACO,SAAAzV,GAAK,OAAIA,EAAM3B,MAAMC,OAAOC,SAKpCoX,GAAc7V,IAAOgC,EAAV,wEACN,SAAA9B,GAAK,OAAIA,EAAM3B,MAAMC,OAAOG,SAIjCmX,GAAY,SAAC,GAAgJ,IAA/InT,EAA8I,EAA9IA,EAAG8G,EAA2I,EAA3IA,GAAIxE,EAAuI,EAAvIA,KAAM8Q,EAAiI,EAAjIA,OAAQC,EAAyH,EAAzHA,WAAYC,EAA6G,EAA7GA,KAAMC,EAAuG,EAAvGA,YAAaC,EAA0F,EAA1FA,SAAUC,EAAgF,EAAhFA,aAAyBC,GAAuD,EAAlEC,UAAkE,EAAvDD,KAAKE,EAAkD,EAAlDA,IAAKlM,EAA6C,EAA7CA,KAAMkB,EAAuC,EAAvCA,QAAeC,GAAwB,EAA9BhF,KAA8B,EAAxBgF,SAASgL,EAAe,EAAfA,UACzIjU,EAAMC,cAAND,EAgBR,OACI,eAACmS,GAAD,CAAkBjL,GAAIA,EAAI7I,UAAYN,OAAO8V,KAAkB9V,OAAOmJ,GAAO,YAAc,GAAIgN,aAAcD,EAA7G,UACE,eAAC7B,GAAD,WACE,cAACC,GAAD,UACE,cAACC,GAAD,UACE,cAACC,GAAD,UAA0BnS,EAAI,QAGlC,eAACoS,GAAD,WACE,cAACC,GAAD,WAA2BmB,EAAS,KAAMO,QAAQ,KADpD,YAIF,eAACzB,GAAD,WACE,eAACC,GAAD,WACE,eAACC,GAAD,WACE,cAACC,GAAD,UAA8BnQ,IAC9B,cAAC4Q,GAAD,CAAajT,KAAI,4CAAuCmT,EAAvC,YAAiDC,EAAjD,YAA+DC,GAAQlT,OAAO,SAA/F,SACE,eAACsS,GAAD,WAAiCU,EAAjC,IAAyC,uBAAzC,IAAiDC,EAAjD,IAA8DC,OAEhE,cAACX,GAAD,UACE,eAACC,GAAD,CAAkC3S,KAAI,cAASsT,GAA/C,UACG3T,EAAE,cADL,IACqB2T,UAIzB,cAACV,GAAD,UACE,cAACC,GAAD,CAA4B/K,QAAS,SAAC2B,IAxCzB,SAACA,EAAG5C,GAC3B4C,EAAEsK,iBACFnL,EAAQ,CACN/E,KAAM,qBACNC,QAAS,CACPZ,OAAQ2D,KAIZwB,GAAS,QAAS,WAElBM,EAAQlB,EAAO,GA6BwCuM,CAAiBvK,EAAG5C,IAAjE,SACGlH,EAAE,uBAIT,wBACA,cAACmT,GAAD,UACE,cAACE,GAAD,CAAmBhT,KAAI,0CAAqCyT,EAArC,YAA4CE,GAAOxT,OAAO,SAAjF,SACE,cAAC4S,GAAD,CAAkBtU,QAAQ,YAA1B,SACE,sBAAMC,EAAE,qfASxBwU,GAAUvU,aAAe,CACvBoB,EAAG,EACHsC,KAAM,GACN8Q,OAAQ,GACRC,WAAY,GACZC,KAAM,GACNC,YAAa,GACbC,SAAU,GACVC,aAAc,GAcDN,I,4DAAAA,MC5QTe,GAAe7W,IAAOC,IAAV,8LAYZ6W,GAAiB9W,IAAOC,IAAV,2uBAWJ,SAAAC,GAAK,OAAIA,EAAM3B,MAAMC,OAAOI,cAaxB,SAAAsB,GAAK,OAAIA,EAAM3B,MAAMC,OAAOI,cAuBjCmY,GARA,SAAC,GAAD,IAAGpW,EAAH,EAAGA,OAAQ8J,EAAX,EAAWA,YAAX,OACX,cAACoM,GAAD,CAAcjW,UAAW6J,EAAc,aAAc,GAArD,SACE,cAACqM,GAAD,CAAgBlW,UAAW6J,EAAc,aAAc,GAAvD,SACG9J,OC5CHqW,GAAuBhX,IAAOC,IAAV,wRAOJ,SAAAC,GAAK,OAAIA,EAAM3B,MAAMC,OAAOG,SAC5B,SAAAuB,GAAK,OAAIA,EAAM3B,MAAMC,OAAOO,yBAQ5CkY,GAAajX,IAAOC,IAAV,+NAMLP,EAAYE,IASjBsX,GAAkBlX,IAAOC,IAAV,uPAMC,SAAAC,GAAK,OAAIA,EAAM3B,MAAMC,OAAOG,QAEvCe,EAAYE,IAMjBuX,GAAuBnX,IAAOC,IAAV,0LAOfP,EAAYE,IAKjBwX,GAAcpX,IAAOO,KAAV,iMAEN,SAAAL,GAAK,OAAIA,EAAM3B,MAAMC,OAAOC,SAQjC4Y,GAAcrX,IAAOC,IAAV,0KAUXc,GAAMf,IAAOgB,IAAV,yRAWa,SAAAd,GAAK,OAAIA,EAAM3B,MAAMC,OAAOI,cACxC,SAAAsB,GAAK,OAAIA,EAAM3B,MAAMC,OAAOG,SAGhC2Y,GAAiBtX,IAAOgB,IAAV,8MAOV,SAAAd,GAAK,OAAIA,EAAM3B,MAAMC,OAAOG,SAOhC4Y,GAAcvX,YAAOwX,KAAPxX,CAAH,mXAKK,SAAAE,GAAK,OAAIA,EAAM3B,MAAMC,OAAOO,wBAMvCW,EAAYE,IAajB6X,GAAmBzX,IAAOC,IAAV,6SASXP,EAAYE,IAOjB8X,GAAyB1X,IAAOC,IAAV,kPAON,SAAAC,GAAK,OAAIA,EAAM3B,MAAMC,OAAOI,cAK5C+Y,GAAiC3X,IAAOC,IAAV,yGAIzBP,EAAYE,IAKjBgY,GAA6B5X,IAAOwJ,OAAV,oNAOV,SAAAtJ,GAAK,OAAIA,EAAM3B,MAAMC,OAAOI,cAC5B,SAAAsB,GAAK,OAAIA,EAAM3B,MAAMC,OAAOI,cAG5CiZ,GAAyB7X,IAAOwJ,OAAV,oNAON,SAAAtJ,GAAK,OAAIA,EAAM3B,MAAMC,OAAOI,cAC5B,SAAAsB,GAAK,OAAIA,EAAM3B,MAAMC,OAAOI,cAG5CkZ,GAAU9X,IAAOgB,IAAV,+IAMH,SAAAd,GAAK,OAAIA,EAAM3B,MAAMC,OAAOG,SAGhCoZ,GAA0B/X,IAAOO,KAAV,oNAMD,SAAAL,GAAK,OAAIA,EAAM3B,MAAMC,OAAOG,QAE7Ce,EAAYE,IAKjBoY,GAAqBhY,IAAOC,IAAV,geASbP,EAAYE,GAiBVF,EAAYE,IAMnBqY,GAAcjY,IAAO6B,GAAV,2LAOK,SAAA3B,GAAK,OAAIA,EAAM3B,MAAMC,OAAOC,SAK5CyZ,GAAkB1J,0CAClBD,GAAUC,+BACVC,GAAUD,YAEV2J,GAAgB,SAAC,GAAmG,IAGpHC,EACAC,EAJkBC,EAAiG,EAAjGA,OAAQC,EAAyF,EAAzFA,KAAeC,GAA0E,EAAnF3S,QAAmF,EAA1E2S,aAAaC,EAA6D,EAA7DA,eAAgBjS,EAA6C,EAA7CA,KAAMgF,EAAuC,EAAvCA,QAASnB,EAA8B,EAA9BA,KAAMkB,EAAwB,EAAxBA,QAASmN,EAAe,EAAfA,UAChGnW,EAAMC,cAAND,EAKR,EAAkCoM,mBAAS2J,GAA3C,oBAAOK,EAAP,KAAkBC,EAAlB,KACA,EAA8BjK,mBAAS4J,GAAvC,oBAAOM,EAAP,KAAgBC,EAAhB,KACA,EAAwCnK,mBAAS,GAAjD,oBAAOyH,EAAP,KAAqB2C,EAArB,KACA,EAA0CpK,oBAAS,GAAnD,oBAAOqK,EAAP,KAAsBC,EAAtB,KACA,EAAgDtK,mBAAS,IAAzD,oBAAOuK,EAAP,KAAyBC,EAAzB,KAEMC,EAAcC,eAAeC,QAAQ,wBAA0B,GAEjEhU,EAAmC,QAAzBkB,EAAKxB,SAASK,OAAoB,KAAO,KAC1B,OAAzBmB,EAAKxB,SAASK,SAChBC,EAAS,MAGXyJ,qBAAU,WACRwK,IAEIH,GACF5N,EAAQ,CACN/E,KAAM,gBACNC,QAAS,CACP5C,QAAQ,KAIZkL,KAAMC,IAAN,UAAaR,GAAb,mEAA+EnJ,EAA/E,4DAAyI8T,GAAe,CACtJlK,QAAS,CACP,OAAS,GAAT,OAAaX,OAGZY,MAAK,SAAUC,GACd5D,EAAQ,CACN/E,KAAM,qBACNC,QAAS,CACPb,QAASuJ,EAAS5I,QAGtBgF,EAAQ,CACN/E,KAAM,gBACNC,QAAS,CACP5C,QAAQ,KAGZ4U,EAAU,SAEXlJ,OAAM,SAAUzL,GACf0L,QAAQC,IAAI3L,GACZ2U,EAAUnW,EAAE,yBACZiJ,EAAQ,CACN/E,KAAM,gBACNC,QAAS,CACP5C,QAAQ,SAKd0U,IACFhN,EAAQ,CACN/E,KAAM,gBACNC,QAAS,CACP5C,QAAQ,KAIZkL,KAAMC,IAAN,UAAaR,GAAb,mEAA+EnJ,EAA/E,8DAA2IkT,GAAe,CACxJtJ,QAAS,CACP,OAAS,GAAT,OAAaX,OAGZY,MAAK,SAAUC,GACd5D,EAAQ,CACN/E,KAAM,qBACNC,QAAS,CACPb,QAASuJ,EAAS5I,QAGtBgF,EAAQ,CACN/E,KAAM,gBACNC,QAAS,CACP5C,QAAQ,KAGZ4U,EAAU,MACVc,IACAC,OAEDjK,OAAM,SAAUzL,GACf0L,QAAQC,IAAI3L,GACZ2U,EAAUnW,EAAE,yBACZiJ,EAAQ,CACN/E,KAAM,gBACNC,QAAS,CACP5C,QAAQ,WAMrB,CAAC0U,IAEJ,IAoBMgB,EAAgB,WACpBV,EAAWP,GACXK,EAAaN,IAGTiB,EAAW,WACf/N,EAAQ,CACN/E,KAAM,sBAER+S,KAUIC,EAAoB,WACxB,IAAMC,EAAOC,SAASC,eAAe,cACjCF,IACFA,EAAKG,UAAY,IAefC,EAAkB,SAACzN,GACvB0M,EAAgB1M,EAAE0N,cAAcC,aAAa,QA2C/C,OAhCIxT,EAAKZ,WAAWC,SAAWW,EAAKZ,WAAWC,QAAQoU,YACrD5B,EAAU7R,EAAKZ,WAAWC,QAAQoU,UAAUvX,KAAI,WAAiBC,GAAjB,IAAEuX,EAAF,EAAEA,GAAIC,EAAN,EAAMA,IAAKC,EAAX,EAAWA,IAAX,OAC5C,cAAC,GAAD,CACQ/D,IAAK8D,EACL5D,IAAK6D,EACLzZ,OAAQgC,EAAE,EACV8H,YAAcnK,OAAO8V,KAAkB9V,OAAO4Z,GAAO,YAAc,IAJ9DA,MAQjB9B,EAAc5R,EAAKZ,WAAWC,QAAQoU,UAAUvX,KAAI,WAAwEC,GAAxE,IAAEuX,EAAF,EAAEA,GAAIG,EAAN,EAAMA,KAAMC,EAAZ,EAAYA,OAAQC,EAApB,EAAoBA,WAAYC,EAAhC,EAAgCA,KAAMC,EAAtC,EAAsCA,YAAaC,EAAnD,EAAmDA,SAAUP,EAA7D,EAA6DA,IAAKC,EAAlE,EAAkEA,IAAlE,OAChD,cAAC,GAAD,CACWzX,EAAGA,EACH8G,GAAIyQ,EACJjV,KAAMoV,EACNtE,OAAQuE,EACRtE,WAAYuE,EACZtE,KAAMuE,EACNtE,YAAauE,EACbtE,SAAUuE,EACVtE,aAAcA,EACdC,IAAK8D,EACL5D,IAAK6D,EACL5T,KAAMA,EACNgF,QAASA,EACTnB,KAAMA,EACNkB,QAASA,EACTiL,UAAWsD,GAhBNnX,OAsBlB,eAACqU,GAAD,CAAsBpW,UAAWwY,EAAc,WAAa,GAA5D,UACE,cAAC,GAAD,CAAQnM,YAAazG,EAAK1C,UACxBsV,GACA,cAAClC,GAAD,UACE,eAACC,GAAD,WACE,cAAC,GAAD,CAAiB1C,YA3GD,WACtBkG,UAAUC,aACZD,UAAUC,YAAYC,oBAAmB,SAACC,GACxCrC,EAAe,GAAD,OAAIqC,EAASC,OAAOC,SAApB,YAAgCF,EAASC,OAAOE,YAC9D9B,EAAoB,IACpBK,IACAC,UAsGM,cAACrC,GAAD,UACG7U,EAAE,qBAEL,eAAC8U,GAAD,YACI6B,GACA,cAAC,GAAD,CAAK7X,QAAQ,YAAb,SACE,sBACIC,EAAE,gaAGT4X,GACC,cAAC5B,GAAD,CAAgBjW,QAAQ,YAAYqJ,QAxGzB,WACzByO,EAAoB,IACpBI,KAsGc,SACE,sBAAMjY,EAAE,mJAGZ,cAACiW,GAAD,CACI9Q,KAAK,OACLuB,YAAazF,EAAE,iCACfmH,MAAOwP,EACPvP,SApHc,SAAC0C,GAC/B8M,EAAoB9M,EAAEtJ,OAAO2G,QAoHbwR,OAAQhD,GACRiD,gBAAiB,SAACC,GAChB3C,EAAe,GAAD,OAAI2C,EAAMC,SAAS7O,SAAS6J,MAA5B,YAAqC+E,EAAMC,SAAS7O,SAAS+J,mBAMzF,eAACU,GAAD,WACGzQ,EAAKZ,WAAWC,SAAWW,EAAKZ,WAAWC,QAAQoU,WACpD,eAACxC,GAAD,WACE,eAACC,GAAD,WACE,eAACK,GAAD,WACGvR,EAAKZ,WAAWC,QAAQoU,UAAUpG,OADrC,IAC8CtR,EAAE,gCAEhD,eAACoV,GAAD,YACIqB,GACA,cAACpB,GAAD,CAA4BlN,QApFxB,WAClBuO,GAAiB,IAmFH,SACE,cAACnB,GAAD,CAASzW,QAAQ,YAAjB,SAA6B,sBAAMC,EAAE,0wBAGxC0X,GACC,cAACnB,GAAD,CAAwBnN,QArFpB,WAClBuO,GAAiB,IAoFH,SACE,cAACnB,GAAD,CAASzW,QAAQ,YAAYD,MAAM,6BAAnC,SAAgE,sBAAME,EAAE,sdAAsduM,SAAS,sBAK/iB,cAACmK,GAAD,CAAoBpX,UAAYoY,EAAiB,UAAY,GAA7D,SACE,cAACf,GAAD,CAAaxO,GAAG,aAAhB,SACG2O,SAKP,cAAC,KAAD,CACIkD,iBAAkB,CAACC,IAAKrD,IACxBsD,cAAelD,EACfmD,YAAalD,EACbD,OAAQK,EACRJ,KAAMM,EACN6C,aA3HU,SAACH,EAAKI,GAC1B5C,EAAgBwC,GAChBzC,EAAW,IACXF,EAAa,CAACvC,IAAKsF,EAAWtF,IAAKE,IAAKoF,EAAWpF,MAjBhC,SAAC9M,GACpB,IACMmS,EADMjC,SAASC,eAAenQ,GACjBoS,UACNlC,SAASC,eAAe,cAChCC,UAAY+B,EAcjBE,CAAaP,IAwHHQ,kBArHe,SAACR,GAC1BxC,EAAgBwC,IA6GV,SASGlD,WAObF,GAAc5W,aAAe,CAC3B6U,aAAc,GACd4F,WAAY,GACZ1D,OAAQ,CAACjC,IAAK,UAAWE,IAAK,WAC9BgC,KAAM,GAaOJ,I,0FAAAA,MC3fA8D,GA1DG,SAAC,GAAoC,IAAnC5R,EAAkC,EAAlCA,KAAMkB,EAA4B,EAA5BA,QAAS/E,EAAmB,EAAnBA,KAAMgF,EAAa,EAAbA,QAC/BjJ,EAAMC,cAAND,EACR,EAAsCoM,qBAAtC,oBAAO6J,EAAP,KAAoBC,EAApB,KACA,EAA0B9J,qBAA1B,oBAAO5K,EAAP,KAAc6K,EAAd,KA+BA,OACI,qCACG7K,GACC,cAAC,GAAD,CAAOrD,KAAMqD,KAEbA,GACA,qCACE,cAAC,GAAD,CAAOtD,MAAO8B,EAAE,0BAChB,cAAC,GAAD,CAAe+V,OAAQ,CAACjC,IAAK,UAAWE,IAAK,WAAYgC,KAAM,EAAG1S,QAASW,EAAKZ,WAAWC,QAAS2S,YAAaA,EAAaC,eAAgBA,EAAgBjS,KAAMA,EAAMgF,QAASA,EAASnB,KAAMA,EAAMkB,QAASA,EAASmN,UArC/M,SAAChY,GACpBkO,EAASlO,MAqCD,cAAC,GAAD,CAAaoK,KAlCF,WACdtE,EAAKZ,WAAWE,QAQnB0F,EAAQ,CACN/E,KAAM,eACNC,QAAS,CACP3C,OAAO,KAGXyH,EAAQ,CACN/E,KAAM,qBACNC,QAAS,CACPJ,aAAa,KAGjBiF,EAAQlB,EAAO,IAnBfmB,EAAQ,CACN/E,KAAM,eACNC,QAAS,CACP3C,OAAO,MA6B4BgH,WAAYvE,EAAKT,iBAAiBO,YAAa0E,KAAM,kBAAMO,EAAQlB,EAAO,IAAItG,MAAOyC,EAAKzC,eCvCjImY,GAAiBlc,IAAOC,IAAV,kGAGTP,EAAYE,IAKjBuc,GAAYnc,IAAOC,IAAV,iIAGJP,EAAYE,IAOjBwc,GAAUpc,IAAOC,IAAV,sDAIPyS,GAAY1S,IAAOI,EAAV,8IAIJV,EAAYE,IAMjByc,GAAWrc,IAAOsc,IAAV,8GAORC,GAAUvc,IAAOC,IAAV,0IAGS,SAAAC,GAAK,OAAIA,EAAM3B,MAAMC,OAAOO,yBAC5B,SAAAmB,GAAK,OAAIA,EAAM3B,MAAMC,OAAOE,aAG5C8d,GAAgBxc,IAAOC,IAAV,4LAKRP,EAAYE,GAInB8S,IAME3R,GAAMf,IAAOgB,IAAV,yFAMHyb,GAAoBzc,IAAOC,IAAV,sEACZP,EAAYE,IAKjB8c,GAAW1c,IAAO2c,MAAV,mOAOHjd,EAAYE,IAOjBgd,GAAe5c,IAAO6c,MAAV,kFAIZC,GAAc9c,IAAO+c,GAAV,4DACS,SAAA7c,GAAK,OAAIA,EAAM3B,MAAMC,OAAOE,aAGhDse,GAAehd,IAAOid,GAAV,uLAEU,SAAA/c,GAAK,OAAIA,EAAM3B,MAAMC,OAAOE,aAWlDwe,GAAgBld,IAAOC,IAAV,wLAMRP,EAAYG,IAKjBsd,GAAand,IAAOC,IAAV,8HAIL,SAAAC,GAAK,OAAIA,EAAM3B,MAAMC,OAAOC,SAChB,SAAAyB,GAAK,OAAIA,EAAM3B,MAAMC,OAAOG,SAG7Cye,GAAYpd,IAAOC,IAAV,qKAMJP,EAAYG,IAMjBwd,GAAkBrd,IAAOI,EAAV,+FAMfkd,GAAiBtd,IAAOI,EAAV,mHAOdmd,GAAgBvd,IAAOC,IAAV,iDAIbud,GAAoBxd,IAAOC,IAAV,gGAMjBwd,GAAmBzd,IAAOgB,IAAV,mGAIZ,SAAAd,GAAK,OAAIA,EAAM3B,MAAMC,OAAOC,SAGhCif,GAAoB1d,IAAOgC,EAAV,uEACZ,SAAA9B,GAAK,OAAIA,EAAM3B,MAAMC,OAAOC,SAIjCkf,GAAe3d,IAAOC,IAAV,kNAKLP,EAAYG,GAIrB6S,IAMEtF,GAASpN,IAAOgC,EAAV,unBAID,SAAA9B,GAAK,OAAIA,EAAM3B,MAAMC,OAAOG,SAMjB,SAAAuB,GAAK,OAAIA,EAAM3B,MAAMC,OAAOI,cAC5B,SAAAsB,GAAK,OAAIA,EAAM3B,MAAMC,OAAOI,aAKvCc,EAAYE,IAOV,SAAAM,GAAK,OAAIA,EAAM3B,MAAMC,OAAOC,SACjB,SAAAyB,GAAK,OAAIA,EAAM3B,MAAMC,OAAOG,SAChC,SAAAuB,GAAK,OAAIA,EAAM3B,MAAMC,OAAOG,SAmUjCif,GA3TG,SAAC,GAAmC,EAAlCvT,KAAkC,EAA5BkB,QAA6B,IAApB/E,EAAmB,EAAnBA,KAAMgF,EAAa,EAAbA,QAC/BjJ,EAAMC,cAAND,EACR,EAAkCoM,mBAAS,IAA3C,oBAAOkP,EAAP,KAAkBC,EAAlB,KACA,EAAkCnP,mBAAS,MAA3C,oBAAOoP,EAAP,KAAkBC,EAAlB,KACA,EAA0BrP,mBAAS,MAAnC,oBAAO5K,EAAP,KAAc6K,EAAd,KACMqP,EAAgBzX,EAAKrC,QAAQK,OAAO0P,QAAO,SAAAgK,GAAE,OAAIA,EAAGtO,IAAI9M,aAAe0D,EAAKrC,QAAQM,MAAM3B,cAC1Fqb,EAAe3X,EAAKrC,QAAQQ,MAAMuP,QAAO,SAAAgK,GAAE,OAAIA,EAAGtO,IAAI9M,aAAe0D,EAAKrC,QAAQS,KAAK9B,cACvFsb,EAAe5X,EAAKZ,WAAWC,QAAQoU,UAAU/F,QAAO,SAAAgK,GAAE,OAAIA,EAAGhE,KAAO1T,EAAKZ,WAAWE,UACxFuY,EAAYD,EAAa,GAAGjE,IAC5BmE,EAAYF,EAAa,GAAGhE,IAC5BmE,EAAW,UAAM/X,EAAKrC,QAAQI,MAAMyC,MAAzB,YAAkCiX,EAAc,GAAGtO,OAC9D6O,EAAWnF,eAAeC,QAAQ,qBAAuB,GACzDmF,EAASpF,eAAeC,QAAQ,mBAAqB,GACvDoF,EAAgBlY,EAAKrC,QAAQE,WAC7BiB,EAAmC,QAAzBkB,EAAKxB,SAASK,OAAoB,KAAO,KACnDsZ,EAAcnY,EAAKxB,SAASM,OAC5BsZ,EAAa,GAEXC,EAA4BrY,EAAKxB,SAASQ,OAAS,IAAM,IACzDsZ,EAAgCtY,EAAKxB,SAASS,OAAS,IAAM,IAC7DsZ,EAA0BvY,EAAKxB,SAASU,KAAO,IAAM,IACrDsZ,EAAoB,6BAAyBH,EAAzB,wBAAkEC,EAAlE,kBAAyGC,GAEnI,GAAI5T,OAAO8T,SAAoBC,IAAd/T,OAAO8T,IAAgD,oBAArB9T,OAAO8T,GAAGE,OAAuB,CAClF,IACMC,EADUjU,OAAO8T,GAAGE,SAAS,GACVlQ,IAAI,YAC7B2P,EAAaQ,EAGX5Y,EAAKrC,QAAQE,WAAa,KAC5Bqa,EAAgB,IAAMlY,EAAKrC,QAAQE,YAGR,OAAzBmC,EAAKxB,SAASK,SAChBC,EAAS,MAGX,IAAM+Z,EAAa,WACjB,IAAMC,EAAK3E,UAAU4E,UACrB,MAAI,mDAAmD1O,KAAKyO,GACnD,SAEA,sGAAsGzO,KAAKyO,GAC3G,SAEF,WAqGT,OAlGAvQ,qBAAU,WACRvD,EAAQ,CACN/E,KAAM,gBACNC,QAAS,CACP5C,QAAQ,KAIZkL,KAAMwQ,KAAN,UA1DYhR,YA0DZ,uBACI,CACE,OAAUhI,EAAKrC,QAAQW,IACvB,sBAAwB,GAAxB,OAA4B0B,EAAKrC,QAAQhC,KAAzC,YAAiDqE,EAAKrC,QAAQE,YAC9D,QAAWmC,EAAKrC,QAAQY,QACxB,yBAA4B,GAC5B,eAAkBO,EAClB,gBAAmBqZ,EACnB,SAAYP,EAAa,GAAGqB,IAC5B,SAAY,CACV,aAAgB,WAChB,YAAe,SACf,cAAiB,SACjB,UAAajZ,EAAKxB,SAASC,KAC3B,SAAYuB,EAAKxB,SAASE,QAC1B,MAASsB,EAAKxB,SAASG,MACvB,MAASqB,EAAKxB,SAASI,MACvB,gBAAkB,EAClB,mBAAsB7C,EAAE,mBACxB,eAAkBiE,EAAKxB,SAASS,OAChC,mBAAsBlD,EAAE,mBACxB,eAAkBiE,EAAKxB,SAASQ,OAChC,mBAAsBjD,EAAE,mBACxB,aAAgBiE,EAAKxB,SAASU,KAC9B,iBAAoBnD,EAAE,kBAExB,eAAkB,CAChB,WAAcqc,EACd,UAnEQ,gBAoER,SAAY,KACZ,SAAYJ,EACZ,OAAUa,IACV,OAAUZ,IAGd,CACEvP,QAAS,CACP,OAAS,GAAT,OAhGIV,mCAmGPW,MAAK,SAASC,GACTA,EAAS5I,KAAK6I,SAChByO,EAAa1O,EAAS5I,MACtBwX,EAAa5O,EAAS5I,KAAK8I,KAAKoQ,WAChC9Q,EAAS,OAEOzD,OAAOC,UAAYD,OAAOC,WAAa,IAC7CC,KAAK,CACbsU,SAAU,cACVC,SAAU,OACVC,aAAc,WACdC,SAAU,UACVC,SAAU,mBACVC,aAAc,eACdC,aAAc,WACdC,eAAgB,IAChBC,OAAQ/Q,EAAS5I,KAAK8I,KAAK8Q,OAC3BpB,qBAAsBA,EACtBqB,MAAO,eACPC,cAAe,uBACfC,YAAa,UACbC,WAAY,UACZC,WAAYrC,EAAa,GAAG/D,KAC5BqG,SAAUtC,EAAa,GAAGqB,IAC1BkB,aAAc1C,EAAc,GAAGtO,MAC/BiR,UAAW3C,EAAc,GAAGrO,OAI9BhB,EAASQ,EAAS5I,KAAKqa,OAAO,IAEhCrV,EAAQ,CACN/E,KAAM,gBACNC,QAAS,CACP5C,QAAQ,QAIb0L,OAAM,SAASzL,GACd0L,QAAQC,IAAI3L,GACZ6K,EAASrM,EAAE,yBACXiJ,EAAQ,CACN/E,KAAM,gBACNC,QAAS,CACP5C,QAAQ,UAIjB,IAGC,qCACE,cAAC,GAAD,CAAQmJ,YAAazG,EAAK1C,OAAQoJ,QAAQ,MACzCnJ,GACC,cAAC,GAAD,CAAOrD,KAAMqD,KAEbA,GACA,qCACE,eAACmY,GAAD,WACE,eAACC,GAAD,WACE,cAACC,GAAD,UACE,eAAC,GAAD,WACG7Z,EAAE,0BADL,IACiCiE,EAAKrC,QAAQI,MAAMyC,MADpD,IAC4DiX,EAAc,GAAGtO,MAD7E,SAIF,iCACIoO,GACA,qCACE,cAAC,GAAD,CAAOtd,MAAO8B,EAAE,wBAChB,cAACga,GAAD,UACE,eAACC,GAAD,WACE,cAAC,GAAD,CAAKnb,QAAQ,YAAYD,MAAM,6BAA/B,SACE,oBAAGwM,KAAK,OAAOC,SAAS,UAAxB,UACE,sBAAMvM,EAAE,0JAA0JoM,OAAO,OAAOC,YAAY,QAC5L,sBAAMD,OAAO,OAAOpM,EAAE,kOACtB,sBAAMA,EAAE,qPAAqPoM,OAAO,OAAOC,YAAY,QACvR,sBAAMD,OAAO,UAAUC,YAAY,IAAIrM,EAAE,yBACzC,sBAAMA,EAAE,sOAAsOoM,OAAO,OAAOC,YAAY,QACxQ,sBAAMrM,EAAE,qKAAqKoM,OAAO,OAAOC,YAAY,QACvM,sBAAMC,KAAK,UAAUtM,EAAE,4QACvB,sBAAMA,EAAE,4CAA4CoM,OAAO,OAAOC,YAAY,WAGlF,cAAC,GAAD,UAAYpL,EAAE,kCAKrBwb,GACC,qCACE,cAAC,GAAD,CAAOtd,MAAO8B,EAAE,oBAChB,cAACga,GAAD,UACE,eAACC,GAAD,WACE,cAAC,GAAD,CAAKnb,QAAQ,YAAYD,MAAM,6BAA/B,SACE,oBAAGwM,KAAK,OAAOC,SAAS,UAAxB,UACE,sBAAMvM,EAAE,0JAA0JoM,OAAO,OAAOC,YAAY,QAC5L,sBAAMD,OAAO,OAAOpM,EAAE,kOACtB,sBAAMA,EAAE,qPAAqPoM,OAAO,OAAOC,YAAY,QACvR,sBAAMD,OAAO,UAAUC,YAAY,IAAIrM,EAAE,yBACzC,sBAAMA,EAAE,sOAAsOoM,OAAO,OAAOC,YAAY,QACxQ,sBAAMrM,EAAE,qKAAqKoM,OAAO,OAAOC,YAAY,QACvM,sBAAMC,KAAK,UAAUtM,EAAE,4QACvB,sBAAMA,EAAE,4CAA4CoM,OAAO,OAAOC,YAAY,WAGlF,cAAC,GAAD,UAAYpL,EAAE,uCAMvBsb,EAAUxO,SAAWwO,EAAUvO,KAAKwR,WACnC,eAACnD,GAAD,WACE,cAAC,GAAD,CAAOld,MAAO8B,EAAE,yBAChB,cAAC,GAAD,CAAWwe,wBAA0B,CAAEC,OAAQnD,EAAUvO,KAAKwR,mBAIpE,8BACGjD,EAAUxO,SACT,cAACgN,GAAD,CAAU4E,IAAMpD,EAAUvO,KAAK4R,SAAYrD,EAAUvO,KAAK4R,SAAoC,kBAAmBC,IAAK5C,SAI5H,cAAC,GAAD,CAAO9d,MAAO8B,EAAE,8BAChB,eAACka,GAAD,WACE,cAACC,GAAD,UACE,eAACE,GAAD,WACE,eAACE,GAAD,WACE,cAACE,GAAD,UACGza,EAAE,2BAEL,cAACya,GAAD,CAAcpc,UAAU,OAAxB,SACG4F,EAAKrC,QAAQI,MAAMyC,WAGxB,eAAC8V,GAAD,WACE,cAACE,GAAD,UACGza,EAAE,2BAEL,cAACya,GAAD,CAAcpc,UAAU,OAAxB,SACGqd,EAAc,GAAGtO,gBAK1B,cAAC+M,GAAD,UACE,eAACE,GAAD,WACE,eAACE,GAAD,WACE,cAACE,GAAD,UACGza,EAAE,2BAEL,cAACya,GAAD,CAAcpc,UAAU,OAAxB,SACGud,EAAa,GAAGxO,WAGrB,eAACmN,GAAD,WACE,cAACE,GAAD,UACGza,EAAE,sCAEL,eAACya,GAAD,CAAcpc,UAAU,OAAxB,UACG8d,EADH,IACmBlY,EAAKrC,QAAQhC,mBAMxC,eAAC+a,GAAD,WACE,eAACC,GAAD,WACE,cAACE,GAAD,UACG9a,EAAE,0BAEL,cAAC+a,GAAD,UACGc,EAAa,GAAG/D,OAEnB,eAACkD,GAAD,WACE,eAACC,GAAD,WACE,cAACC,GAAD,CAAkBrc,MAAM,6BAA6BC,QAAQ,YAA7D,SACE,sBAAMC,EAAE,sqCAEV,cAACoc,GAAD,CACI9a,KAAI,4CAAuCwb,EAAa,GAAG9D,OAAvD,YAAiE8D,EAAa,GAAG7D,WAAjF,YAA+F6D,EAAa,GAAG5D,MACnHzX,OAAO,SAFX,mBAGMqb,EAAa,GAAG9D,OAHtB,aAGiC8D,EAAa,GAAG7D,WAHjD,YAG+D6D,EAAa,GAAG5D,WAGjF,eAACgD,GAAD,WACE,cAACC,GAAD,CAAkBrc,MAAM,6BAA6BC,QAAQ,YAA7D,SACE,sBAAMC,EAAE,mcAEV,cAACoc,GAAD,CAAmB9a,KAAI,cAASwb,EAAa,GAAG3D,aAAhD,SACG2D,EAAa,GAAG3D,uBAKzB,cAAC2C,GAAD,UACE,cAAC,KAAD,CAAgB9B,iBAAkB,CAACC,IAzS3B/M,2CAySkDgN,cAAe,CAACnF,IAAKgI,EAAW9H,IAAK+H,GAAY7C,YAAa,GAAxH,SACE,cAAC,GAAD,CAAgBpF,IAAKgI,EAAW9H,IAAK+H,EAAW3d,OAAQ,IAA3C,UAInB,cAAC,GAAD,CAAOF,MAAO8B,EAAE,eAChB,qBAAK6e,MAAO,CAAC3Y,MAAM,QAAUjB,aAAa,QAA1C,SACE,cAAC,GAAD,CAAQ5E,KAAM,4BAA6BG,OAAO,SAAlD,SAA4DR,EAAE,yBCha7D8e,GA3GG,SAAChX,EAAMkB,EAAS/E,EAAMgF,GAAtB,MAAkC,CAClD,CACE8V,WAAY,IACZC,WAAY,MACZC,eAAgB,IAChBC,QACI,cAAC,GAAD,CACIlW,QAASA,EACTlB,KAAMA,EACN7D,KAAMA,EACNgF,QAASA,KAInB,CACE8V,WAAY,IACZC,WAAY,MACZC,eAAgB,IAChBC,QACI,cAAC,GAAD,CACIlW,QAASA,EACTlB,KAAMA,EACN7D,KAAMA,EACNgF,QAASA,KAInB,CACE8V,WAAY,IACZC,WAAY,MACZC,eAAgB,IAChBC,QACI,cAAC,GAAD,CACIlW,QAASA,EACTlB,KAAMA,EACN7D,KAAMA,EACNgF,QAASA,KAInB,CACE8V,WAAY,IACZC,WAAY,MACZC,eAAgB,IAChBC,QACI,cAAC,GAAD,CACIlW,QAASA,EACTlB,KAAMA,EACN7D,KAAMA,EACNgF,QAASA,KAInB,CACE8V,WAAY,IACZC,WAAY,MACZC,eAAgB,IAChBC,QACI,cAAC,GAAD,CACIlW,QAASA,EACTlB,KAAMA,EACN7D,KAAMA,EACNgF,QAASA,KAInB,CACE8V,WAAY,IACZC,WAAY,GACZC,eAAgB,IAChBC,QACI,cAAC,GAAD,CACIlW,QAASA,EACTlB,KAAMA,EACN7D,KAAMA,EACNgF,QAASA,KAInB,CACE8V,WAAY,IACZC,WAAY,MACZC,eAAgB,IAChBC,QACI,cAAC,GAAD,CACIlW,QAASA,EACTlB,KAAMA,EACN7D,KAAMA,EACNgF,QAASA,KAInB,CACE8V,WAAY,IACZC,WAAY,GACZC,eAAgB,IAChBC,QACI,cAAC,GAAD,CACIlW,QAASA,EACTlB,KAAMA,EACN7D,KAAMA,EACNgF,QAASA,OC1GfhK,GAAUxB,IAAOC,IAAV,0IAEgB,SAAAC,GAAK,OAAIA,EAAM3B,MAAMC,OAAOE,YAE9CgB,EAAYE,IAKjBmB,GAAMf,IAAOgB,IAAV,kJASHY,GAAO5B,IAAO6B,GAAV,yNAQCnC,EAAYE,IAKjB8hB,GAAW1hB,IAAO+B,GAAV,wtCAKH,SAAA7B,GAAK,OAAIA,EAAM3B,MAAMC,OAAOO,yBA+Bf,SAAAmB,GAAK,OAAIA,EAAM3B,MAAMC,OAAOO,yBAC5B,SAAAmB,GAAK,OAAIA,EAAM3B,MAAMC,OAAOC,SACvC,SAAAyB,GAAK,OAAIA,EAAM3B,MAAMC,OAAOO,yBAa1B,SAAAmB,GAAK,OAAIA,EAAM3B,MAAMC,OAAOG,SACjB,SAAAuB,GAAK,OAAIA,EAAM3B,MAAMC,OAAOI,cAOvC,SAAAsB,GAAK,OAAIA,EAAM3B,MAAMC,OAAOE,aACrB,SAAAwB,GAAK,OAAIA,EAAM3B,MAAMC,OAAOE,aACxB,SAAAwB,GAAK,OAAIA,EAAM3B,MAAMC,OAAOE,YAGhDqC,IAMA4gB,GAAgB3hB,IAAOO,KAAV,gSAGR,SAAAL,GAAK,OAAIA,EAAM3B,MAAMC,OAAOO,wBAI5BW,EAAYE,IAKV,SAAAM,GAAK,OAAIA,EAAM3B,MAAMC,OAAOG,SAQnCijB,GAAkB5hB,IAAOO,KAAV,uYAIQ,SAAAL,GAAK,OAAIA,EAAM3B,MAAMC,OAAOI,cAYjC,SAAAsB,GAAK,OAAIA,EAAM3B,MAAMC,OAAOI,cAKpD,SAASijB,GAAT,GAA4D,IAEtDC,EACAC,EAHYT,EAAyC,EAAzCA,WAAYC,EAA6B,EAA7BA,WAAYC,EAAiB,EAAjBA,eAChCjf,EAAMC,cAAND,EAIJgf,IACFO,EAAoBP,EAAWS,MAAM,KACrCD,GAAsBD,EAAkB,GAAKA,EAAkB,GAAM,KAAKpL,QAAQ,IAGpF,IAAMuL,EAAQ1f,EAAE,gBAAiB,CAAEE,eAAe,IAAQC,KAAI,WAAUC,GAAV,IAAElC,EAAF,EAAEA,MAAF,OAC1D,eAACihB,GAAD,CAAU9gB,UAAW+B,EAAI,IAAMrC,OAAOghB,GAAc,8BAAiC3e,EAAI,EAAIrC,OAAOghB,GAAe,gCAAkC,oBAArJ,UACE,cAACK,GAAD,CAAe/gB,UAAW+B,EAAI,IAAMrC,OAAOghB,GAAc,+BAAkC3e,EAAI,EAAIrC,OAAOghB,GAAe,iCAAmC,qBAA5J,SAAmL7gB,IACjL8gB,GAAcjhB,OAAOkhB,GAAkB,IAAM7e,EAAI,EAAK,cAACif,GAAD,CAAiBhhB,UAAU,0BAA0BwgB,MAAO,CAAC3Y,MAAM,GAAD,OAAKsZ,EAAL,QAAiC,KAC3J,cAAC,GAAD,CAAK3gB,MAAM,6BAA6BC,QAAQ,YAAhD,SACE,sBAAMC,EAAE,sHAAsHuM,SAAS,gBAJoClL,MASnL,OACI,cAAC,GAAD,CAAS/B,UAAU,UAAnB,SACE,cAAC,GAAD,CAAMA,UAAU,eAAhB,SACGqhB,MAKXJ,GAAQtgB,aAAe,CACrB+f,WAAY,KASCO,I,qEAAAA,MClLTve,GAAUtD,IAAOuD,QAAV,+LACE,SAAArD,GAAK,OAAIA,EAAM3B,MAAMc,MAAMC,eAI/BI,EAAYE,GAIZF,EAAYI,IAKjBoiB,GAAiBliB,IAAOC,IAAV,gHACTP,EAAYE,GAIZF,EAAYI,IAoBRqiB,GAfK,WAClB,MAAsBxT,mBAAS,GAA/B,oBAAKtE,EAAL,KAAWkB,EAAX,KACA,EAAwB6W,qBAAW7b,GAAa1C,IAAhD,oBAAO2C,EAAP,KAAagF,EAAb,KACIyW,EAAQZ,GAAUhX,EAAMkB,EAAS/E,EAAMgF,GAE3C,OACI,eAAC,GAAD,WACE,cAAC,GAAD,CAAS8V,WAAYW,EAAM,GAAD,OAAI5X,IAAQiX,WAAYC,WAAYU,EAAM,GAAD,OAAI5X,IAAQkX,WAAYC,eAAgBS,EAAM,GAAD,OAAI5X,IAAQmX,iBAC5H,cAAC,GAAD,UACE,cAACU,GAAD,UAAiBD,EAAM,GAAD,OAAI5X,IAAQoX,gBCpCtC5gB,GAAab,YAAOc,IAAPd,CAAH,qXAIL,SAAAE,GAAK,OAAIA,EAAM3B,MAAMC,OAAOG,QAS5Be,EAAYE,IAiBRyiB,GAXI,SAAC,GAAyB,IAAxB3hB,EAAuB,EAAvBA,KAAMQ,EAAiB,EAAjBA,YACzB,OACI,cAAC,GAAD,CAAYC,GAAID,EAAaN,UAAU,cAAvC,SAAsDF,KCpBtDkB,GAAO5B,IAAO6B,GAAV,qRAUCnC,EAAYE,IAKjB8hB,GAAW1hB,IAAO+B,GAAV,mhBAQHrC,EAAYE,IAeC,SAAAM,GAAK,OAAIA,EAAM3B,MAAMC,OAAOG,QAEvCe,EAAYE,IAOnBmB,GAAMf,IAAOgB,IAAV,6MAMC,SAAAd,GAAK,OAAIA,EAAM3B,MAAMC,OAAOI,aAE3Bc,EAAYE,IAOjB0iB,GAAetiB,IAAOI,EAAV,yJAQZmiB,GAAcviB,IAAOI,EAAV,sFA8BFoiB,GAxBE,WACf,IAAQjgB,EAAMC,cAAND,EACFkgB,EAAclgB,EAAE,WAAY,CAAEE,eAAe,IAAQC,KAAI,WAAgBC,GAAhB,IAAElC,EAAF,EAAEA,MAAOiiB,EAAT,EAASA,KAAT,OAC3D,cAAC,GAAD,CAAU9hB,UAAU,eAApB,SACE,gCACE,cAAC,GAAD,CAAKQ,MAAM,6BAA6BC,QAAQ,YAAYT,UAAU,WAAtE,SACE,sBAAMU,EAAE,wEAEV,cAACghB,GAAD,CAAc1hB,UAAU,gBAAxB,SAAyCH,IACzC,cAAC8hB,GAAD,CAAa3hB,UAAU,eAAvB,SAAuC8hB,QANH/f,MAW5C,OACE,qCACE,cAAC,GAAD,CAAM/B,UAAU,WAAhB,SACG6hB,IAEH,cAAC,GAAD,CAAY/hB,KAAM6B,EAAE,uBAAwBrB,YAAY,kBC/FxDM,GAAUxB,IAAOC,IAAV,uOAWP0K,GAAgB3K,IAAOC,IAAV,mHAGRP,EAAYE,IAMjBO,GAAQH,IAAOO,KAAV,skBAgBa,SAAAL,GAAK,OAAIA,EAAM3B,MAAMC,OAAOI,aAGzCc,EAAYE,IAiCR+iB,GAnBC,WACd,IAAQpgB,EAAMC,cAAND,EAMR,OACI,cAAC,GAAD,CAAS3B,UAAU,WAAnB,SACE,eAAC,GAAD,CAAeA,UAAU,mBAAzB,UACE,cAAC,GAAD,CAAOA,UAAU,iBAAjB,SACG2B,EAAE,kBAEL,cAAC,GAAD,CAAe3B,UAAU,kBAAkBF,KAAM6B,EAAE,kBAAmBrB,YAAY,QAAQ+H,SAVvF,WACTgC,GAAS,oBAAqB,mBC3D5BzJ,GAAUxB,IAAOC,IAAV,oLAIF,SAAAC,GAAK,OAAIA,EAAM3B,MAAMC,OAAOC,SACjB,SAAAyB,GAAK,OAAIA,EAAM3B,MAAMC,OAAOG,QAEvCe,EAAYE,IAKjB8S,GAAY1S,IAAOI,EAAV,iFAqBAwiB,GAfI,WACjB,IAAQrgB,EAAMC,cAAND,EACFgR,EAAuBhR,EAAE,sBAAuB,CAAEE,eAAe,IAAQC,KAAI,WAASC,GAAT,IAAEjC,EAAF,EAAEA,KAAF,OAC/E,cAAC+S,GAAA,EAAD,CAAOlR,EAAGA,EAAWyH,WAAY,CAAC0J,EAAG,sBAAOtT,EAAG,cAAC,GAAD,KAA/C,SAAiEM,GAA/CiC,MAGtB,OACI,cAAC,GAAD,UACE,8BACG4Q,OCrBLsP,GAAc7iB,IAAOC,IAAV,0JAKNP,EAAYI,IAKjBwD,GAAUtD,IAAOuD,QAAV,uFAMPuf,GAAO9iB,IAAOC,IAAV,sEAKJ8iB,GAAU/iB,IAAOgjB,QAAV,4JAMS,SAAA9iB,GAAK,OAAIA,EAAM3B,MAAMC,OAAOG,SAI5CskB,GAAQjjB,IAAOsc,IAAV,yHAQL4G,GAAcljB,IAAOC,IAAV,iMAEF,SAAAC,GAAK,OAAIA,EAAM3B,MAAMc,MAAMC,eAI/BI,EAAYE,IAOjBO,GAAQH,IAAOI,EAAV,oWAEA,SAAAF,GAAK,OAAIA,EAAM3B,MAAMC,OAAOE,YAO5BgB,EAAYE,IAUjBujB,GAAenjB,IAAOC,IAAV,4HACPP,EAAYE,IAOjBwjB,GAAcpjB,IAAOC,IAAV,2DAKXojB,GAAerjB,IAAOC,IAAV,gFAKZqjB,GAAkC,kCA8CzBC,GAtCE,WACf,IAAQhhB,EAAMC,cAAND,EAER,OACE,qCACE,cAAC,GAAD,CAAQ9B,MAAO8B,EAAE,YACjB,eAACsgB,GAAD,CAAajiB,UAAU,YAAvB,UACE,cAAC,GAAD,CAASA,UAAU,oBAAnB,SACE,eAACkiB,GAAD,CAAMliB,UAAU,iBAAhB,UACE,eAACmiB,GAAD,CAASniB,UAAU,uBAAnB,UACE,wBACI4iB,OAAM,UAAKF,GAAL,kBAlBgB,kCAkBhB,kBAjBgB,kCAiBhB,kBAhBiB,mCAgBjB,mBAfiB,mCAejB,mBAdiB,mCAcjB,mBAbiB,mCAajB,UACN7c,KAAK,aAAapH,MAAM,gEAC5B,cAAC4jB,GAAD,CAAOhC,IAA8B,kCAAmCE,IAAI,aAAavgB,UAAU,+BACnG,mCAAU,qBAAKqgB,IAAKqC,GAAQnC,IAAI,oBAElC,eAAC+B,GAAD,CAAatiB,UAAU,oBAAvB,UACE,cAAC,GAAD,CAAOA,UAAU,kBAAjB,SACG2B,EAAE,mBAEL,eAAC4gB,GAAD,CAAcviB,UAAU,4BAAxB,UACE,cAACwiB,GAAD,CAAaxiB,UAAU,iBAAvB,SACE,cAAC,GAAD,MAEF,cAACyiB,GAAD,CAAcziB,UAAU,kBAAxB,SACE,cAAC,GAAD,iBAMV,cAAC,GAAD,OAEF,cAAC,EAAD,QCpIA6iB,ICRS,IDQH,IAAIC,IAAIvY,OAAOqB,SAAS5J,OAC9BkD,GAAS2d,GAAIE,aAAa1U,IAAI,UAC9BuP,GAAWiF,GAAIE,aAAa1U,IAAI,YAChC2U,GAAWH,GAAIE,aAAa1U,IAAI,YAChCwP,GAASgF,GAAIE,aAAa1U,IAAI,UAC9B4U,GAASJ,GAAIE,aAAa1U,IAAI,UAEhCnJ,IACFuT,eAAeyK,QAAQ,sBAAuBhe,IAG5C0Y,IACFnF,eAAeyK,QAAQ,mBAAoBtF,IAGzCoF,IACFvK,eAAeyK,QAAQ,mBAAoBF,IAGzCnF,IACFpF,eAAeyK,QAAQ,iBAAkBrF,IAGvCoF,IACFxK,eAAeyK,QAAQ,iBAAkBD,IAyB5BE,OAtBf,WACE,OACE,cAAC,IAAD,UACE,eAAC,IAAD,WACE,cAAC,IAAD,CAAOC,KAAK,YAAZ,SACE,cAAC,GAAD,MAEF,cAAC,IAAD,CAAOA,KAAK,QAAZ,SACE,cAAC,GAAD,MAEF,cAAC,IAAD,CAAOA,KAAK,IAAZ,SACE,cAAC,EAAD,UACE,qBAAKpjB,UAAU,MAAf,SACE,cAAC,GAAD,gB,wDE/CDqjB,GAAU,CACrB,QAAS,CAACxa,GAAI,QAASya,KAAM,KAAMld,MAAO,SAAUmd,mBAAoB,kBAAM,iCCEjEH,GADF,SAACA,GAAD,IAAOI,EAAP,wEAAiCA,EAAajZ,OAAOqB,SAASiS,OAAS,IAAvE,OAA4EjQ,IAA5E,OAAqGwV,ICM7GK,aAAY,aACfA,aAAY,WAAgBJ,GAAQ,SAASC,MAQ/CI,KAGGC,IAAIC,MAKJD,IAAIE,MACJF,IAAIG,MAGJC,KAAK,CACJC,YAAaX,GAAQ,SAASC,KAE9BW,OAAO,EACPC,UArBqB,CACvBC,MAAO,CAAC,OAAQ,SAAU,YAAa,eAAgB,YAAa,cAAe,WACnFC,oBAAqB,GAoBnBC,UAAWC,KAAExiB,IAAIuhB,IAAS,SAAAkB,GAAM,OAAIA,EAAOjB,QAC3CkB,4BAA4B,EAC5BC,cAAe,CACbC,aAAa,GAEfC,QAAS,CACPC,SAAUxB,GAAK,mCAINM,GAAf,ECvCKK,OAAOxV,MACR,kBAAMsW,IAASC,OACX,cAAC,WAAD,CAAUC,SAAU,wBAApB,SACE,cAAC,GAAD,MAEFhM,SAASC,eAAe,a","file":"static/js/main.edf83604.chunk.js","sourcesContent":["import React from 'react';\nimport { ThemeProvider } from 'styled-components';\n\nconst theme = {\n  colors: {\n    white: '#fff',\n    darkWhite: '#f2f2f2',\n    black: '#000',\n    brandColor: '#efdf00',\n    brandColorLight: '#f8eb4c',\n    footerLinkColor: '#3e3f40',\n    benefitBoxTitleBorder: '#d9d9d6',\n    grayBtnHoverColor: '#e5e5e5',\n    selectHighlight: '#ade1f5',\n    errorColor: '#e91630',\n    errorColor2: '#f0303e',\n    materialInputColor: '#8c8c8b'\n  },\n  sizes: {\n    contentWidth: '1280px'\n  }\n};\n\nconst Theme = ({ children }) => (\n    <ThemeProvider theme={theme}>{children}</ThemeProvider>\n);\n\nexport default Theme;\n","const size = {\n  xs: '320px',\n  sm: '768px',\n  md: '892px',\n  lg: '1280px',\n};\n\nexport const breakpoints = {\n  xs: `(min-width: ${size.xs})`,\n  sm: `(min-width: ${size.sm})`,\n  md: `(min-width: ${size.md})`,\n  lg: `(min-width: ${size.lg})`\n};\n","import React from 'react';\nimport styled from 'styled-components';\nimport { breakpoints } from \"../../commons/breakpoints\";\n\nconst Box = styled.div`\n  padding: 15px;\n  background-color: ${props => props.theme.colors.darkWhite};\n  border-bottom: 1px solid ${props => props.theme.colors.footerLinkColor};\n  \n  @media ${breakpoints.sm} {\n    width: calc(29% + 4px);\n    margin-bottom: 16px;\n    padding: 20px;\n    border-bottom: none;\n    box-shadow: 0 0 5px 0 ${props => props.theme.colors.darkWhite};\n  }\n`;\n\nconst Title = styled.p`\n  position: relative;\n  margin: 0 0 13px 45px;\n  padding-bottom: 13px;\n  font-family: 'NouvelRBold';\n  font-size: 18px;\n  line-height: 26px;\n  text-transform: uppercase;\n  \n  @media ${breakpoints.sm} {\n    margin: 0 0 13px 40px;\n    border-bottom: 1px solid ${props => props.theme.colors.benefitBoxTitleBorder};\n  }\n`;\n\nconst Text = styled.p`\n  margin: 0;\n  padding-left: 45px;\n  font-size: 14px;\n  line-height: 20px;\n   \n  @media ${breakpoints.sm} {\n    padding-left: 40px;\n  }\n`;\n\nconst Number = styled.span`\n  position: absolute;\n  left: -45px;\n  display: inline-block;\n  width: 30px;\n  height: 30px;\n  margin-right: 15px;\n  font-family: 'NouvelRBold';\n  font-size: 16px;\n  text-align: center;\n  background-color: ${props => props.theme.colors.brandColor};\n  border-radius: 50%;\n  \n  @media ${breakpoints.sm} {\n    left: -40px;\n    margin-right: 10px\n    font-size: 18px;\n  }\n`;\n\nfunction BenefitsBox({title, text, number}) {\n  return (\n      <Box className='benefit-box'>\n        <Title className='benefit-box_title'>\n          <Number className='benefit-box_number'>\n            {number + 1}\n          </Number>\n          {title}\n        </Title>\n        <Text className='benefit-box_text'>\n          {text}\n        </Text>\n      </Box>\n  );\n}\n\nexport default BenefitsBox;\n","import styled from 'styled-components';\nimport { breakpoints } from \"../../commons/breakpoints\";\nimport PropTypes from 'prop-types';\nimport { Link } from \"react-router-dom\";\n\nconst StyledLink = styled(Link)`\n  position: relative;\n  display: inline-block;\n  padding: 16px 48px;\n  color: ${props => props.theme.colors.footerLinkColor};\n  font-size: 13px;\n  line-height: 13px;\n  font-family: 'NouvelRBold';\n  text-transform: uppercase;\n  text-decoration: none;\n  background-color: ${props => props.theme.colors.darkWhite};\n  border: 1px solid ${props => props.theme.colors.darkWhite};\n  vertical-align: middle;\n  transition: background-color 0.5s ease 0s, color 0.5s ease 0s, border-color 0.5s ease 0s, color 0.5s ease 0s;\n  cursor: pointer;\n  \n  @media ${breakpoints.sm} {\n    font-size: 14px;\n    line-height: 14px;\n  }\n  \n  &:hover {\n    background-color: ${props => props.theme.colors.grayBtnHoverColor};\n    border-color: ${props => props.theme.colors.grayBtnHoverColor};\n  }\n`;\n\nconst Svg = styled.svg`\n  position: absolute;\n  top: 50%;\n  left: 32px;\n  width: 14px;\n  fill: ${props => props.theme.colors.black};\n  transform: translateY(-50%);\n`;\n\nconst LinkArrow = ({text, destination}) => {\n  return (\n      <StyledLink to={destination} className=\"link-arrow\">\n        <Svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 34.075 34.075\" className=\"\">\n          <path d=\"M24.57 34.075a1.964 1.964 0 0 1-1.396-.577L8.11 18.432a1.972 1.972 0 0 1 0-2.79L23.174.578a1.973 1.973 0 1 1 2.791 2.79l-13.67 13.669 13.67 13.669a1.974 1.974 0 0 1-1.395 3.369z\"></path>\n        </Svg>\n        {text}\n      </StyledLink>\n  );\n};\n\nLinkArrow.defaultProps = {\n  destination: '/'\n};\n\nLinkArrow.propTypes = {\n  text: PropTypes.string.isRequired,\n  destination: PropTypes.string\n};\n\nexport default LinkArrow;\n","import styled from 'styled-components';\nimport { breakpoints } from \"../../commons/breakpoints\";\nimport { useTranslation } from \"react-i18next\";\n\nconst Wrapper = styled.footer`\n  display: flex;\n  flex-basis: auto;\n  flex-direction: column;\n  margin-top: auto;\n`;\n\nconst Nav = styled.nav`\n  display: flex;\n  flex-direction: column;\n  padding: 8px;\n  color: ${props => props.theme.colors.black};\n  background-color: ${props => props.theme.colors.white};\n  border-top: 1px solid #f2f2f2;\n  \n  @media ${breakpoints.sm} {\n    flex-direction: row;\n    padding: 8px 64px;\n    align-items: center;\n  }\n`;\n\nconst List = styled.ul`\n  display: flex;\n  flex: 1;\n  flex-direction: column;\n  margin: 0;\n  padding: 8px;\n  \n  @media ${breakpoints.sm} {\n    flex-direction: row;\n    padding: 0;\n  }\n`;\n\nconst ListElement = styled.li`\n  position: relative;\n  display: inline-block;\n  padding: 4px 16px 4px 0;\n  font-size: 12px;\n  white-space: nowrap;\n    \n  @media ${breakpoints.sm} {\n    &:after {\n      position: absolute;\n      top: 50%;\n      right: 8px;\n      transform: translateY(-50%);\n      width: 1px;\n      height: 12px;\n      background-color: ${props => props.theme.colors.footerLinkColor};\n      content: \"\";\n    }\n    \n    &:last-child {\n      &:after {\n        display: none;\n      }\n    }\n  }\n`;\n\nconst Link = styled.a`\n  position: relative;\n  padding: 0;\n  color: ${props => props.theme.colors.footerLinkColor};\n  text-decoration: none;\n    \n  &:after {\n    position: absolute;\n     bottom: -2px;\n     left: 0;\n     width: 0;\n     height: 1px;\n     background-color: ${props => props.theme.colors.footerLinkColor};\n     content: \"\";\n     transition: all .2s;\n  }\n    \n  &:hover {\n   &:after {\n    width: 100%;\n  }\n`;\n\nconst Copyright = styled.span`\n  padding-left: 8px;\n  font-size: 10px;\n  font-family: 'NouvelRBold';\n  text-transform: capitalize;\n`;\n\nconst Footer = () => {\n  const now = new Date();\n  const year = now.getFullYear();\n  const { t } = useTranslation();\n  const linksMap = t('footerLinks', { returnObjects: true }).map(({href, anchor}, i) =>\n      <ListElement key={i}>\n        <Link href={href} title={anchor.toString()} target=\"_blank\" rel=\"noopener\">\n          {anchor}\n        </Link>\n      </ListElement>\n  );\n\n  return (\n      <Wrapper>\n        <Nav>\n          <List>\n            {linksMap}\n          </List>\n          <Copyright>\n            © Renault 2017 - {year}\n          </Copyright>\n        </Nav>\n      </Wrapper>\n  );\n};\n\nexport default Footer;\n","import styled from 'styled-components';\nimport { breakpoints } from \"../../commons/breakpoints\";\nimport PropTypes from \"prop-types\";\n\nconst WrapperHeader = styled.header`\n  display: flex;\n  align-items: center;\n  width: 100%;\n  max-height: 60px;\n  padding: 12px 16px;\n  color: #fff;\n  background-color: ${props => props.theme.colors.black};\n    \n  @media ${breakpoints.sm} {\n    max-height: 80px;\n    padding: 16px;\n  }\n    \n  @media ${breakpoints.lg} {\n    max-height: 128px;\n    padding: 24px;\n  }\n`;\nconst H1 = styled.h1`\n  font-family: 'NouvelRBold';\n  font-size: 14px;\n  text-transform: uppercase;\n    \n  @media ${breakpoints.sm} {\n    font-size: 16px;\n  }\n`;\nconst Link = styled.a`\n  display: inline-block;\n  height: 36px;\n  margin-right: 16px;\n    \n  @media ${breakpoints.sm} {\n    height: 48px;\n  }\n    \n  @media ${breakpoints.lg} {\n    height: 80px;\n    margin-right: 32px;\n  }\n`;\nconst Svg = styled.svg`\n  display: block;\n  height: 100%;\n  fill: ${props => props.theme.colors.white};\n`;\n\nconst Header = ({title}) => {\n  return (\n      <WrapperHeader>\n        <Link href=\"/\">\n          <Svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 66 86\" className=\"FunnelHeader__logo\">\n            <path d=\"M52.3 43l-23 43H23L0 43 22.9 0h6.5L6.5 43l19.6 36.9L45.7 43 34.3 21.5l3.3-6.1L52.3 43zM42.5 0h-6.6L13.1 43l14.7 27.6 3.2-6.1L19.6 43 39.2 6l19.6 37-22.9 43h6.6l22.8-43L42.5 0z\"></path>\n          </Svg>\n        </Link>\n        <H1>\n          {title}\n        </H1>\n      </WrapperHeader>\n  );\n};\n\nHeader.defaultProps = {\n  title: ''\n};\n\nHeader.propTypes = {\n  title: PropTypes.string\n};\n\nexport default Header;\n","import React from 'react';\nimport styled from 'styled-components';\nimport { breakpoints } from \"../../commons/breakpoints\";\nimport Theme from '../../commons/theme';\nimport BenefitBox from './BenefitBox';\nimport LinkArrow from '../_shared/LinkArrow';\nimport Footer from '../../components/_shared/Footer';\nimport Header from '../../components/_shared/Header';\nimport {useTranslation} from \"react-i18next\";\n\nconst Section = styled.section`\n  max-width: calc(${props => props.theme.sizes.contentWidth} - 32px);\n  margin: 0 auto;\n  padding: 16px;\n  \n  @media ${breakpoints.lg} {\n    min-height: calc(100vh - 200px);\n  }\n`;\n\nconst Title = styled.h1`\n  margin: 0;\n  font-family: 'NouvelRBold';\n  font-size: 22px;\n  line-height: 32px;\n  text-transform: uppercase;\n`;\n\nconst BenefitBoxesContainer = styled.div`\n  margin-bottom: 32px;\n  \n  @media ${breakpoints.sm} {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: space-between;\n    margin-bottom: 64px;\n  }\n`;\n\nfunction BenefitsPage() {\n  const { t } = useTranslation();\n  const boxes = t('benefitsPageBoxes', { returnObjects: true }).map(({title, text}, i) =>\n      <BenefitBox  title={title} text={text} number={i} key={i} />\n  );\n\n  return (\n      <Theme>\n        <Header />\n        <Section className='benefit-boxes'>\n          <Title className='benefit-boxes_title'>\n            {t('benefitsPageTitle')}\n            </Title>\n          <BenefitBoxesContainer className='benefit-boxes_container'>\n            {boxes}\n          </BenefitBoxesContainer>\n          <LinkArrow text={t('backButtonText')} destination=\"/\" />\n        </Section>\n        <Footer />\n      </Theme>\n  );\n}\n\nexport default BenefitsPage;\n","import React from 'react'\nimport {useTranslation} from \"react-i18next\";\nimport Header from \"../_shared/Header\";\nimport Footer from '../../components/_shared/Footer';\nimport Theme from \"../../commons/theme\";\n\nexport const FormLayout = ({ children }) => {\n  const {t} = useTranslation();\n\n  return (\n    <Theme>\n      <Header title={t('header')}/>\n      {children}\n      <Footer />\n    </Theme>\n  );\n};\n\nexport default FormLayout\n","export const DefaultData = {\n  loader: false,\n  error: false,\n  registerMonths: {\n    months: '',\n    optionsMonths: '',\n  },\n  carData: {\n    year: '',\n    month: '',\n    monthIndex: '',\n    brands: '',\n    brand: '',\n    models: '',\n    model: '',\n    modelName: '',\n    fuels: '',\n    fuel: '',\n    carModels: '',\n    car: '',\n    mileage: '',\n  },\n  userData: {\n    name: '',\n    surname: '',\n    email: '',\n    phone: '',\n    buyCar: '',\n    newCar: '',\n    owu: false,\n    rEmail: false,\n    rPhone: false,\n    rSms: false,\n    showNewCars: false,\n  },\n  dealerData: {\n    dealers: '',\n    dealer: '',\n  },\n  stepsNextButtons: {\n    buttonStep1: false,\n    buttonStep2: false,\n    buttonStep3: false,\n    buttonStep4: false,\n    buttonStep5: false,\n    buttonStep6: false,\n    buttonStep7: false\n  },\n};\n\nexport const DataReducer = (data, { type, payload }) => {\n  switch (type) {\n    case 'UPDATE_LOADER':\n      return {\n        ...data,\n        ...payload,\n      };\n    case 'UPDATE_ERROR':\n      return {\n        ...data,\n        ...payload,\n      };\n    case 'UPDATE_REGISTER_MONTHS':\n      return {\n        ...data,\n        registerMonths: {\n          ...payload,\n        }\n      };\n    case 'UPDATE_CAR_DATA':\n      return {\n        ...data,\n        error: false,\n        carData: {\n          ...data.carData,\n          ...payload,\n        },\n      };\n    case 'CHANGE_YEAR':\n      return {\n        ...data,\n        error: false,\n        carData: {\n          ...data.carData,\n          month: '',\n          monthIndex: '',\n          brands: '',\n          brand: '',\n          models: '',\n          model: '',\n          modelName: '',\n          fuels: '',\n          fuel: '',\n          carModels: '',\n          car: '',\n          mileage: '',\n        },\n      };\n    case 'CHANGE_MONTH':\n      return {\n        ...data,\n        error: false,\n        carData: {\n          ...data.carData,\n          brands: '',\n          brand: '',\n          models: '',\n          model: '',\n          modelName: '',\n          fuels: '',\n          fuel: '',\n          carModels: '',\n          car: '',\n          mileage: '',\n        },\n      };\n    case 'CHANGE_BRAND':\n      return {\n        ...data,\n        error: false,\n        carData: {\n          ...data.carData,\n          models: '',\n          model: '',\n          modelName: '',\n          fuels: '',\n          fuel: '',\n          carModels: '',\n          car: '',\n          mileage: '',\n        },\n      };\n    case 'CHANGE_MODEL':\n      return {\n        ...data,\n        error: false,\n        carData: {\n          ...data.carData,\n          fuels: '',\n          fuel: '',\n          carModels: '',\n          car: '',\n          mileage: '',\n        },\n      };\n    case 'CHANGE_FUEL':\n      return {\n        ...data,\n        error: false,\n        carData: {\n          ...data.carData,\n          carModels: '',\n          car: '',\n          mileage: '',\n        },\n      };\n    case 'UPDATE_USER_DATA':\n      return {\n        ...data,\n        error: false,\n        userData: {\n          ...data.userData,\n          ...payload,\n        },\n      };\n    case 'UPDATE_DEALER_DATA':\n      return {\n        ...data,\n        error: false,\n        dealerData: {\n          ...data.dealerData,\n          ...payload,\n        },\n      };\n    case 'CLEAR_DEALER_DATA':\n      return {\n        ...data,\n        error: false,\n        dealerData: {\n          dealers: '',\n          dealer: '',\n        }\n      };\n    case 'UPDATE_NEXT_BUTTON':\n      return {\n        ...data,\n        stepsNextButtons: {\n          ...data.stepsNextButtons,\n          ...payload,\n        },\n      };\n\n    default:\n      return data\n  }\n};\n","import React from 'react';\nimport styled from 'styled-components';\nimport PropTypes from 'prop-types';\nimport {breakpoints} from \"../../../commons/breakpoints\";\n\nconst TitleContainer = styled.p`\n  display: inline-block;\n  margin: 0 0 16px;\n  padding-left: 16px;\n  font-family: 'NouvelRBold';\n  font-size: 14px;\n  line-height: 20px;\n  border-left: 4px solid ${props => props.theme.colors.brandColor};\n  \n  @media ${breakpoints.sm} {\n    margin: 32px 0;\n    font-size: 16px;\n    line-height: 23px;\n  }\n`;\n\nfunction Title({title}) {\n  return (\n      <TitleContainer className='form_title'>{title}</TitleContainer>\n  );\n}\n\nTitle.propTypes = {\n  title: PropTypes.string.isRequired\n};\n\nexport default Title;\n","import React from 'react';\nimport styled from 'styled-components';\nimport PropTypes from 'prop-types';\nimport { breakpoints } from \"../../../commons/breakpoints\";\nimport Theme from '../../../commons/theme';\nimport Select, { components } from 'react-select';\n\nconst Error = styled.div`\n  position: absolute; \n  top: 120px;\n  display: none;\n  margin-top: 2px;\n  color: ${props => props.theme.colors.errorColor};\n  font-size: 10px;\n  line-height: 14px;\n  \n  @media ${breakpoints.sm} {\n    top: 48px;\n  }\n`;\n\nconst BlockSelectButtons = styled.div`\n  position: relative;\n  display: none;\n  width: 100%;\n  margin-bottom: -16px;\n  \n  @media ${breakpoints.sm} {\n    display: flex;\n    flex-wrap: wrap;\n  }\n  \n  &.show-mobile {\n    display: flex;\n    flex-direction: column;\n    \n    @media ${breakpoints.sm} {\n      flex-direction: row;\n    }\n  }\n  \n  &.is-invalid {\n    ${Error} {\n      display: block;\n    }\n  }\n`;\n\nconst ButtonDiv = styled.div`\n  margin: 0 8px 8px;\n  padding-bottom: 8px;\n  width: calc(25% - 16px);\n  \n  .show-mobile & {\n    width: calc(100% - 16px);\n    padding-bottom: 0;\n    \n    @media ${breakpoints.sm} {\n      width: calc(25% - 16px);\n      padding-bottom: 8px;\n    }\n  }\n`;\n\nconst ButtonLabel = styled.label`\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  height: 100%;\n  margin-bottom: 16px;\n  padding: 4px 0;\n  color: ${props => props.theme.colors.footerLinkColor};\n  font-family: 'NouvelRRegular';\n  font-size: 14px;\n  line-height: 14px;\n  background-color: ${props => props.theme.colors.darkWhite};\n  border: none;\n  \n  &:hover {\n    cursor: pointer;\n    font-family: 'NouvelRBold';\n    box-shadow: ${props => props.theme.colors.brandColor} 0px 0px 0px 2px inset;\n  }\n  \n  .show-mobile & {\n    margin-bottom: 0;\n    padding: 10px 0;\n    \n    @media ${breakpoints.sm} {\n      margin-bottom: 16px;\n      padding: 4px 0;\n    }\n  }\n  \n  .is-invalid & {\n    color: ${props => props.theme.colors.errorColor};\n  }\n`;\n\nconst ButtonInput = styled.input`\n  position: absolute;\n  left: -9999px;\n  \n  &:checked + ${ButtonLabel} {\n    font-family: 'NouvelRBold';\n    box-shadow: ${props => props.theme.colors.brandColor} 0px 0px 0px 2px inset;\n  }\n`;\n\nconst Svg = styled.svg`\n  width: 18px;\n  height: 18px;\n  margin-left: 9px;\n  fill: ${props => props.theme.colors.brandColor};\n`;\n\nconst SelectComponent = styled(Select)`\n  @media ${breakpoints.sm} {\n    display: none;\n  }\n`;\n\nconst selectStyle = {\n  control: styles => ({\n    ...styles,\n    marginBottom: 16,\n    boxShadow: 'none',\n    borderColor: '#efdf00',\n    borderRadius: 0,\n    color: '#000',\n    fontFamily: 'NouvelRBold',\n    fontSize: '16px',\n    lineHeight: '18px',\n\n    ':hover': {\n      borderColor: '#efdf00'\n    }\n  }),\n  placeholder: styles => ({\n    ...styles,\n    color: '#000',\n    fontFamily: 'NouvelRBold',\n    fontSize: '16px',\n    lineHeight: '18px',\n  }),\n  singleValue: styles => ({\n    ...styles,\n    color: '#000',\n    padding: 0\n  }),\n  valueContainer: styles => ({\n    ...styles,\n    padding: '11px 30px'\n  }),\n  indicatorSeparator: styles => ({\n    ...styles,\n    margin: 0,\n    backgroundColor: '#efdf00'\n  }),\n  indicatorsContainer: styles => ({\n    ...styles,\n    alignItems: 'center',\n    width: 52\n  }),\n  option: (styles, {data, isSelected} )=> ({\n    ...styles,\n    border: '1px solid #fff',\n    backgroundColor:\n      isSelected ? '#ade1f5' : null\n  })\n};\n\nconst DropdownIndicator = (props: ElementConfig<typeof components.DropdownIndicator>) => {\n  return (\n      <components.DropdownIndicator {...props}>\n        <Svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 30 30\" className=\"SvgIcon\">\n          <path d=\"M1.822 7.527a1.058 1.058 0 0 0-1.46 1.532l14.384 13.707L29.624 9.071a1.059 1.059 0 0 0-1.432-1.558l-13.42 12.354-12.95-12.34z\"></path>\n        </Svg>\n      </components.DropdownIndicator>\n  );\n};\n\nconst SelectButtons = ({blockButtons, selectOptions, callback, callbackSelect, radioName, checkedField, selectCheckedField, errorText}) => {\n  const buttons = blockButtons.map((button, i) => (\n      <ButtonDiv className='select-button_container' key={`button-${i}`}>\n        <ButtonInput\n            type='radio'\n            id={`${radioName}-${i}`}\n            name={radioName}\n            className='select-button'\n            value={(typeof button === \"object\") ? button.value : button}\n            onChange={callback}\n            data-index={i+1}\n            checked={(typeof button === \"object\") ? String(button.value) === String(checkedField) : button.toString() === checkedField.toString()}\n        />\n        <ButtonLabel htmlFor={`${radioName}-${i}`} className='select-button_label'>{(typeof button === \"object\") ? button.label : button}</ButtonLabel>\n      </ButtonDiv>\n  ));\n\n  let blockSelectButtonsClass = 'form_block-select show-mobile';\n\n  if (selectOptions) blockSelectButtonsClass = 'form_block-select';\n  if (errorText && errorText !== '') blockSelectButtonsClass += ' is-invalid';\n\n  return (\n      <Theme>\n        <BlockSelectButtons className={blockSelectButtonsClass}>\n          {buttons}\n          {errorText &&\n            <Error>{errorText}</Error>\n          }\n        </BlockSelectButtons>\n        {selectOptions &&\n          <SelectComponent components={{ DropdownIndicator }} options={selectOptions} styles={selectStyle} onChange={callbackSelect} value={selectCheckedField} />\n        }\n      </Theme>\n  );\n};\n\nSelectButtons.propTypes = {\n  blockButtons: PropTypes.array.isRequired,\n  selectOptions: PropTypes.array,\n  callback: PropTypes.func,\n  radioName: PropTypes.string.isRequired\n};\n\nexport default SelectButtons;\n","import React from 'react';\nimport styled from 'styled-components';\nimport PropTypes from 'prop-types';\nimport { breakpoints } from \"../../commons/breakpoints\";\nimport Theme from '../../commons/theme';\n\nconst StyledLink = styled.div`\n  position: relative;\n  display: inline-block;\n  padding: 7px 16px;\n  color: ${props => props.theme.colors.footerLinkColor};\n  font-size: 16px;\n  line-height: 16px;\n  font-family: 'NouvelRBold';\n  text-decoration: none;\n  background-color: ${props => props.theme.colors.darkWhite};\n  border: 1px solid ${props => props.theme.colors.darkWhite};\n  vertical-align: middle;\n  transition: background-color 0.5s ease 0s, color 0.5s ease 0s, border-color 0.5s ease 0s, color 0.5s ease 0s;\n  cursor: pointer;\n  \n  @media ${breakpoints.sm} {\n    font-size: 16px;\n    line-height: 16px;\n  }\n  \n  &:hover {\n    background-color: ${props => props.theme.colors.grayBtnHoverColor};\n    border-color: ${props => props.theme.colors.grayBtnHoverColor};\n  }\n  \n  &.is-active {\n    padding: 14px 15px;\n    color: ${props => props.theme.colors.white};\n    background-color: ${props => props.theme.colors.black};\n    border: 1px solid ${props => props.theme.colors.black};\n    \n    &:hover {\n    color: ${props => props.theme.colors.black};\n      background-color: ${props => props.theme.colors.brandColor};\n      border: 1px solid ${props => props.theme.colors.brandColor};\n    }\n  }\n`;\n\nconst TextContainer = styled.span`\n  position: relative;\n  top: -1px;\n  padding: 0 32px;\n  \n  &.link-arrow_text-container--left {\n    display: none;\n    \n    @media ${breakpoints.sm} {\n      display: inline-block;\n    }\n  }\n`;\n\nconst Svg = styled.svg`\n  width: 14px;\n  fill: ${props => props.theme.colors.black};\n`;\n\nconst ButtonForm = ({text, arrowPosition, validFunction, step, activeClass}) => {\n  const textContainerClass = (arrowPosition === 'left') ? 'link-arrow_text-container link-arrow_text-container--left' : 'link-arrow_text-container';\n  const linkClass = (activeClass) ? 'link-arrow is-active' : 'link-arrow';\n\n  return (\n      <Theme>\n        <StyledLink className={linkClass} onClick={step}>\n          {arrowPosition === 'left' &&\n            <Svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 34.075 34.075\" className=\"link-arrow_icon\">\n              <path d='M24.57 34.075a1.964 1.964 0 0 1-1.396-.577L8.11 18.432a1.972 1.972 0 0 1 0-2.79L23.174.578a1.973 1.973 0 1 1 2.791 2.79l-13.67 13.669 13.67 13.669a1.974 1.974 0 0 1-1.395 3.369z'></path>\n            </Svg>\n          }\n          <TextContainer className={textContainerClass}>{text}</TextContainer>\n          {arrowPosition === 'right' &&\n            <Svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 185.343 185.343\" className=\"link-arrow_icon\">\n              <path d='M51.707 185.343a10.692 10.692 0 0 1-7.593-3.149 10.724 10.724 0 0 1 0-15.175l74.352-74.347L44.114 18.32c-4.194-4.194-4.194-10.987 0-15.175 4.194-4.194 10.987-4.194 15.18 0l81.934 81.934c4.194 4.194 4.194 10.987 0 15.175l-81.934 81.939a10.678 10.678 0 0 1-7.587 3.15z'></path>\n            </Svg>\n          }\n        </StyledLink>\n      </Theme>\n  );\n};\n\nButtonForm.defaultProps = {\n  arrowPosition: 'left',\n  activeClass: ''\n};\n\nButtonForm.propTypes = {\n  text: PropTypes.string.isRequired,\n  arrowPosition: PropTypes.string,\n  validFunction: PropTypes.func,\n  activeClass: PropTypes.string\n};\n\nexport default ButtonForm;\n","import React from 'react';\nimport styled from 'styled-components';\nimport { breakpoints } from \"../../../commons/breakpoints\";\nimport Theme from '../../../commons/theme';\nimport {useTranslation} from \"react-i18next\";\nimport PropTypes from 'prop-types';\nimport ButtonForm from '../../_shared/ButtonForm';\n\nconst Wrapper = styled.div`\n  display: flex;\n  justify-content: space-between;\n  margin: 48px 0 32px;\n  \n  @media ${breakpoints.sm} {\n    margin-top: 64px;\n  }\n`;\n\nconst ButtonWrapper = styled.div`\n  position: relative;\n`;\n\nconst ErrorWrapper = styled.div`\n  position: absolute;\n  right: 0;\n  bottom: 100%;\n  min-width: 200px;\n  margin-bottom: 16px;\n  padding: 16px;\n  font-size: 14px;\n  line-height: 20px;\n  background-color: ${props => props.theme.colors.darkWhite};\n  box-shadow: rgba(0, 0, 0, .22) 0 0 2px 0;\n  border-left: 4px solid ${props => props.theme.colors.errorColor};\n  \n  &:before {\n    position: absolute;\n    top: 100%;\n    right: 32px;\n    width: 0;\n    height: 0;\n    content: \"\";\n    border-left: 11px solid transparent;\n    border-right: 11px solid transparent;\n    border-top: 11px solid rgba(0, 0, 0, .15);\n  }\n  \n  &:after {\n    position: absolute;\n    top: 100%;\n    right: 32px;\n    width: 0;\n    height: 0;\n    margin-right: 1px;\n    content: \"\";\n    border-left: 10px solid transparent;\n    border-right: 10px solid transparent;\n    border-top: 10px solid ${props => props.theme.colors.darkWhite};\n  }\n`;\n\nconst FormButtons = ({next, nextActive, prev, validFunction, error}) => {\n  const { t } = useTranslation();\n\n  return (\n      <Theme>\n        <Wrapper className=\"buttons\">\n          <ButtonWrapper className=\"button-wrapper\">\n            <ButtonForm text={t('backButtonText')} step={prev} />\n          </ButtonWrapper>\n          <ButtonWrapper className=\"button-wrapper\">\n            <ButtonForm text={t('nextButtonText')} step={next} arrowPosition='right' validFunction={validFunction} activeClass={nextActive ? 'is-active' : ''}/>\n            {error &&\n              <ErrorWrapper className=\"button-error\">\n                {t('formValidErrorText')}\n              </ErrorWrapper>\n            }\n          </ButtonWrapper>\n        </Wrapper>\n      </Theme>\n  );\n};\n\nFormButtons.defaultProps = {\n  error: false\n};\n\nFormButtons.propTypes = {\n  next: PropTypes.func.isRequired,\n  nextActive: PropTypes.bool.isRequired,\n  prev: PropTypes.func.isRequired,\n  error: PropTypes.bool\n};\n\nexport default FormButtons;\n","export const RaportDL = (name, step, action = 'lead_usedcar') => {\n  window.dataLayer = window.dataLayer || [];\n  window.dataLayer.push({\n    'formType' : 'trade_in_request', // Typ Formularza - stała wartość\n    'formCategory' : 'lead_usedcar', // Typ Kategorii - stała wartość\n    'formStepName' : name, // Nazwa kroku formularza - stała wartość\n    'formStepNumber' : step, // Numer kroku formularza - stała wartość\n    'event' : 'trackEvent', // Nazwa eventu - stała wartość\n    'pageType' : 'tradein', // Typ strony - stała wartość\n    'businessType' : 'used-car', // Typ biznesu - stała wartość\n    'eventCategory' : 'Leadform Opening', // Wartość stała\n    'eventAction' : action, // Wartość stała\n    'eventLabel' : 'tradein_manual'  // Wartość Stała\n  }) ;\n};\n","import React from 'react';\nimport {useTranslation} from \"react-i18next\";\nimport PropTypes from \"prop-types\";\nimport Title from \"./_shared/Title\";\nimport SelectButtons from \"./_shared/SelectButtons\";\nimport FormButtons from \"./_shared/FormButtons\";\nimport {RaportDL} from '../_shared/DataLayer';\n\nconst FormStep1 = ({step, setStep, data, setData}) => {\n  const {t} = useTranslation();\n  const date = new Date();\n  const currentYear = date.getFullYear();\n  const currentMonth = date.getMonth();\n  const firstYear = currentYear - 11;\n  const years = [];\n  const optionsList = [];\n  const monthsArray = [];\n  const monthsConfig =  t('months', { returnObjects: true }).map(({shortName}) => (shortName));\n\n  for (var i = firstYear; i <= currentYear; i++) {\n    years.push(i);\n  }\n\n  years.forEach(year => {\n    optionsList.push({ label: year, value: year})\n  });\n\n  monthsConfig.forEach((month, i) => {\n    monthsArray.push({label: month, value: i + 1})\n  });\n\n  const handleChangeYear = ({ target }) => {\n    if (Number(target.value) === currentYear) {\n      setData({\n        type: 'UPDATE_REGISTER_MONTHS',\n        payload: {\n          months: monthsConfig.slice(0, currentMonth + 1),\n          optionsMonths: monthsArray.slice(0, currentMonth + 1),\n        },\n      });\n    } else {\n      setData({\n        type: 'UPDATE_REGISTER_MONTHS',\n        payload: {\n          months: monthsConfig,\n          optionsMonths: monthsArray,\n        },\n      });\n    }\n\n    setData({\n      type: 'UPDATE_CAR_DATA',\n      payload: { year: target.value },\n    });\n\n    setData({\n      type: 'CHANGE_YEAR'\n    });\n\n    RaportDL('registration-month', 'step-2');\n  };\n\n  const handleChangeMonth = ({ target }) => {\n    const index = target.dataset.index;\n\n    setData({\n      type: 'UPDATE_CAR_DATA',\n      payload: {\n        month: target.value,\n        monthIndex: index\n      },\n    });\n\n    setData({\n      type: 'CHANGE_MONTH'\n    });\n\n    setData({\n      type: 'UPDATE_NEXT_BUTTON',\n      payload: {\n        buttonStep1: true\n      },\n    });\n\n    RaportDL('brand', 'step-3');\n\n    setStep(step + 1);\n  };\n\n  const handleChangeYearSelect = (e) => {\n    if (e.value === currentYear) {\n      setData({\n        type: 'UPDATE_REGISTER_MONTHS',\n        payload: {\n          months: monthsConfig.slice(0, currentMonth + 1),\n          optionsMonths: monthsArray.slice(0, currentMonth + 1),\n        },\n      });\n    } else {\n      setData({\n        type: 'UPDATE_REGISTER_MONTHS',\n        payload: {\n          months: monthsConfig,\n          optionsMonths: monthsArray,\n        },\n      });\n    }\n\n    setData({\n      type: 'UPDATE_CAR_DATA',\n      payload: {\n        year: e.value\n      }\n    });\n\n    setData({\n      type: 'CHANGE_YEAR'\n    });\n  };\n\n  const handleChangeMonthSelect = (e) => {\n    setData({\n      type: 'UPDATE_CAR_DATA',\n      payload: {\n        month: e.label,\n        monthIndex: e.value\n      },\n    });\n\n    setData({\n      type: 'CHANGE_MONTH'\n    });\n\n    setData({\n      type: 'UPDATE_NEXT_BUTTON',\n      payload: {\n        buttonStep1: true\n      },\n    });\n\n    setStep(step + 1);\n  };\n\n  const validHandler = () => {\n    if (!data.carData.year || !data.carData.month) {\n      setData({\n        type: 'UPDATE_ERROR',\n        payload: {\n          error: true\n        },\n      });\n    } else {\n      setData({\n        type: 'UPDATE_ERROR',\n        payload: {\n          error: false\n        },\n      });\n      setStep(step + 1);\n    }\n  };\n\n  return (\n      <>\n        <div>\n          <Title title={t('formTitleYearOfRegistration')} />\n          <SelectButtons blockButtons={years} selectOptions={optionsList} radioName='yearRadio' callback={handleChangeYear} callbackSelect={handleChangeYearSelect} checkedField={data.carData.year} selectCheckedField={data.carData.year ? {\"label\": data.carData.year, \"value\": data.carData.year} : {\"label\": t('selectPlaceholder'), \"value\": \"\"}} />\n        </div>\n        {data.carData.year &&\n          <div>\n            <Title title={t('formTitleMonthOfRegistration')} />\n            <SelectButtons blockButtons={data.registerMonths.months} selectOptions={data.registerMonths.optionsMonths} radioName='monthRadio' callback={handleChangeMonth} callbackSelect={handleChangeMonthSelect} checkedField={data.carData.month} selectCheckedField={data.carData.month ? {\"label\": data.carData.month, \"value\": data.carData.monthIndex} : {\"label\": t('selectPlaceholder'), \"value\": \"\"}} />\n          </div>\n        }\n        <FormButtons next={validHandler} nextActive={data.stepsNextButtons.buttonStep1} prev={() => window.location.href = \"/\"} error={data.error} />\n      </>\n  )\n};\n\nFormStep1.propTypes = {\n  step: PropTypes.number.isRequired,\n  setStep: PropTypes.func.isRequired,\n  data: PropTypes.object.isRequired,\n  setData: PropTypes.func.isRequired,\n};\n\nexport default FormStep1;\n","import React from 'react';\nimport styled from 'styled-components';\nimport PropTypes from 'prop-types';\nimport { breakpoints } from \"../../../commons/breakpoints\";\nimport Theme from '../../../commons/theme';\nimport {useTranslation} from \"react-i18next\";\nimport Select, { components } from 'react-select';\n\nconst Svg = styled.svg`\n  width: 18px;\n  height: 18px;\n  margin-left: 9px;\n  fill: ${props => props.theme.colors.brandColor};\n  \n  @media ${breakpoints.sm} {\n    fill: ${props => props.theme.colors.benefitBoxTitleBorder};\n  }\n`;\n\nconst SelectComponent = styled(Select)`\n  @media ${breakpoints.sm} {\n    // display: none;\n  }\n`;\n\nconst selectStyle = {\n  control: styles => ({\n    ...styles,\n    marginBottom: 16,\n    boxShadow: 'none',\n    borderColor: '#efdf00',\n    borderRadius: 0,\n    color: '#000',\n    fontFamily: 'NouvelRBold',\n    fontSize: '16px',\n    lineHeight: '18px',\n\n    ':hover': {\n      borderColor: '#efdf00'\n    },\n\n    \"@media only screen and (min-width: 768px)\": {\n      borderColor: '#d9d9d6',\n    },\n  }),\n  placeholder: styles => ({\n    ...styles,\n    color: '#000',\n    fontFamily: 'NouvelRBold',\n    fontSize: '16px',\n    lineHeight: '18px',\n  }),\n  singleValue: styles => ({\n    ...styles,\n    color: '#000',\n    padding: 0\n  }),\n  valueContainer: styles => ({\n    ...styles,\n    padding: '11px 30px'\n  }),\n  indicatorSeparator: styles => ({\n    ...styles,\n    margin: 0,\n    backgroundColor: '#efdf00',\n\n    \"@media only screen and (min-width: 769px)\": {\n      backgroundColor: '#d9d9d6',\n    },\n  }),\n  indicatorsContainer: styles => ({\n    ...styles,\n    alignItems: 'center',\n    width: 52\n  }),\n  option: (styles, {data, isSelected} )=> ({\n    ...styles,\n    border: '1px solid #fff',\n    backgroundColor:\n        isSelected ? '#ade1f5' : null\n  })\n};\n\nconst DropdownIndicator = (props: ElementConfig<typeof components.DropdownIndicator>) => {\n  return (\n      <components.DropdownIndicator {...props}>\n        <Svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 30 30\" className=\"SvgIcon\">\n          <path d=\"M1.822 7.527a1.058 1.058 0 0 0-1.46 1.532l14.384 13.707L29.624 9.071a1.059 1.059 0 0 0-1.432-1.558l-13.42 12.354-12.95-12.34z\"></path>\n        </Svg>\n      </components.DropdownIndicator>\n  );\n};\n\nconst CustomSelect = ({selectOptions, callback, value}) => {\n  const {t} = useTranslation();\n\n  return (\n      <Theme>\n        <SelectComponent\n            placeholder={t('selectPlaceholder')}\n            components={{ DropdownIndicator }}\n            options={selectOptions}\n            styles={selectStyle}\n            onChange={callback}\n            defaultValue={value}\n        />\n      </Theme>\n  );\n};\n\nCustomSelect.propTypes = {\n  selectOptions: PropTypes.array.isRequired,\n  callback: PropTypes.func\n};\n\nexport default CustomSelect;\n","import React from 'react';\nimport styled, { keyframes } from 'styled-components';\n\nconst loading = keyframes`\n  0%{width:0}50%{width:100%}to{width:0}\n`;\n\nconst LoaderWrapper = styled.div`\n  position: fixed;\n  top: 0;\n  left: 0;\n  z-index: 2;\n  display: none;\n  width: 100%;\n  height: 100%;\n  background-color: rgba(255, 255, 255, .4);\n  \n  &.nontransparent {\n    background-color: rgba(255, 255, 255, 1);\n  }\n  \n  &.is-active {\n    display: block;\n    transition: height 0s ease 0s, background .25s ease-in-out 0s;\n  }\n`;\n\nconst LoaderBelt = styled.div`\n  position: relative;\n  height: 2px;\n`;\n\nconst LoaderBar = styled.div`\n  position: absolute;\n  left: 50%;\n  width: 0;\n  display: inline-block;\n  height: 100%;\n  content: \"\";\n  transform: translateX(-50%);\n  text-align: center;\n  background-color: ${props => props.theme.colors.brandColor};\n  animation: 1s linear 0s infinite normal none running ${loading};\n`;\n\nconst Svg = styled.svg`\n  position: absolute;\n  left: 50%;\n  transform: translateX(-50%);\n  display: block;\n  width: 50px;\n  height: 100%;\n  fill: ${props => props.theme.colors.black};\n`;\n\nconst Loader = ({loaderClass, opacity}) => {\n  let lClass = 'loader';\n\n  if (loaderClass) {\n    lClass += ' is-active';\n  }\n\n  if (opacity) {\n    lClass += ' nontransparent';\n  }\n\n  return (\n      <LoaderWrapper className={lClass}>\n        <LoaderBelt className='loader-belt'>\n            <LoaderBar className='loader-bar' />\n        </LoaderBelt>\n        {opacity &&\n          <Svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 66 86\">\n            <path d=\"M52.3 43l-23 43H23L0 43 22.9 0h6.5L6.5 43l19.6 36.9L45.7 43 34.3 21.5l3.3-6.1L52.3 43zM42.5 0h-6.6L13.1 43l14.7 27.6 3.2-6.1L19.6 43 39.2 6l19.6 37-22.9 43h6.6l22.8-43L42.5 0z\"></path>\n          </Svg>\n        }\n      </LoaderWrapper>\n  );\n};\n\nexport default Loader;\n","import styled from 'styled-components';\nimport { breakpoints } from \"../../commons/breakpoints\";\nimport PropTypes from 'prop-types';\nimport { Link } from \"react-router-dom\";\n\nconst Button = styled(Link)`\n  display: inline-block;\n  width: calc(100% - 32px);\n  padding: 16px;\n  color: ${props => props.theme.colors.white};\n  font-size: 13px;\n  line-height: 13px;\n  font-family: 'NouvelRBold';\n  text-align: center;\n  text-transform: uppercase;\n  text-decoration: none;\n  background-color: ${props => props.theme.colors.black};\n  border: 1px solid ${props => props.theme.colors.black};\n  vertical-align: middle;\n  transition: background-color 0.5s ease 0s, color 0.5s ease 0s, border-color 0.5s ease 0s, color 0.5s ease 0s;\n  cursor: pointer;\n  \n  @media ${breakpoints.sm} {\n    width: 90%;\n    font-size: 14px;\n    line-height: 14px;\n  }\n  \n  &:hover {\n    color: ${props => props.theme.colors.black};\n    background-color: ${props => props.theme.colors.brandColor};\n    border-color: ${props => props.theme.colors.brandColor};\n  }\n`;\n\nconst ButtonPrimary = ({text, destination, callback}) => {\n  return (\n      <Button className=\"button button--primary\" to={destination} onClick={callback}>{text}</Button>\n  );\n};\n\nButtonPrimary.propTypes = {\n  text: PropTypes.string.isRequired,\n  destination: PropTypes.string.isRequired,\n  callback: PropTypes.func,\n};\n\nexport default ButtonPrimary;\n","import React from 'react';\nimport styled from 'styled-components';\nimport PropTypes from 'prop-types';\nimport {useTranslation} from 'react-i18next';\nimport { breakpoints } from \"../../commons/breakpoints\";\nimport ButtonPrimary from '../_shared/ButtonPrimary';\n\nconst Wrapper = styled.div`\n  width: 80%;\n  margin: 0 auto;\n  text-align: center;\n`;\n\nconst IconWrapper = styled.div`\n  position: relative;\n  width: 158px;\n  height: 158px;\n  margin: 60px auto 30px;\n  background-color: ${props => props.theme.colors.errorColor2};\n  border-radius: 500%;\n`;\n\nconst Icon = styled.svg`\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  fill: ${props => props.theme.colors.white};\n  width: 110px;\n  height: 110px;\n`;\n\nconst ErrorText = styled.p`\n  font-size: 22px;\n  line-height: 27px;\n`;\n\nconst ButtonContainer = styled.div`\n  position: relative;\n  left: 0;\n  margin: 40px auto;\n  width: 100px;\n  \n  @media ${breakpoints.md} {\n    left: -10px;\n  }\n`;\n\nconst Error = ({text}) => {\n  const { t } = useTranslation();\n\n  if (text === null || text === '') {\n    text = t('responseErrorDefault')\n  }\n\n  return (\n      <Wrapper>\n        <IconWrapper>\n          <Icon xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 110 110\">\n            <g xmlns=\"http://www.w3.org/2000/svg\" id=\"Page-1\" stroke=\"none\" strokeWidth=\"1\" fill=\"none\" fillRule=\"evenodd\">\n              <g id=\"blad-REN-2\" transform=\"translate(-905.000000, -84.000000)\">\n                <rect fill=\"#FFFFFF\" x=\"0\" y=\"0\" width=\"1920\" height=\"886\"/>\n                <g id=\"Group\" transform=\"translate(881.000000, 60.000000)\">\n                  <circle id=\"Oval\" fill=\"#F0303E\" cx=\"79\" cy=\"79\" r=\"79\"/>\n                  <g id=\"24ikon-/-CANCEL\" transform=\"translate(24.000000, 24.000000)\" fill=\"#FFFFFF\" fillRule=\"nonzero\">\n                    <polygon id=\"Path\" points=\"18.3333333 87.4429842 50.8471846 54.9291328 18.3333333 22.4152815 22.4152815 18.3333333 54.9291328 50.8471846 87.471331 18.3333333 91.5532792 22.2735472 59.011081 54.9291328 91.6666667 87.5847185 87.5847185 91.6666667 54.9291328 59.011081 22.4152815 91.5249324\"/>\n                  </g>\n                </g>\n              </g>\n            </g>\n          </Icon>\n        </IconWrapper>\n        <ErrorText>{text}</ErrorText>\n        <ButtonContainer>\n          <ButtonPrimary text=\"OK\" destination=\"/\" />\n        </ButtonContainer>\n      </Wrapper>\n  );\n};\n\nError.propTypes = {\n  text: PropTypes.string\n};\n\nexport default Error;\n","import React, {useEffect, useState} from 'react';\nimport {useTranslation} from 'react-i18next';\nimport styled from 'styled-components';\nimport { breakpoints } from \"../../commons/breakpoints\";\nimport axios from 'axios';\nimport Title from './_shared/Title';\nimport CustomSelect from './_shared/CustomSelect';\nimport SelectButtons from './_shared/SelectButtons';\nimport Loader from './_shared/Loader';\nimport FormButtons from \"./_shared/FormButtons\";\nimport Error from './Error';\nimport {RaportDL} from '../_shared/DataLayer';\nimport PropTypes from \"prop-types\";\n\nconst ButtonsContainer = styled.div`\n  @media ${breakpoints.sm} {\n    margin-top: 32px;\n    padding: 16px 16px 24px;\n    background-color: ${props => props.theme.colors.darkWhite};\n  }\n`;\n\nconst API_KEY = process.env.REACT_APP_API_KEY;\nconst API_URL = process.env.REACT_APP_API_URL;\n\nconst FormStep2 = ({step, setStep, data, setData}) => {\n  const { t } = useTranslation();\n  const [error, setError] = useState(null);\n  const optionsBrand = [];\n  const modelsArray = [];\n\n  useEffect(() => {\n    if (data.carData.year && data.carData.monthIndex) {\n      setData({\n        type: 'UPDATE_LOADER',\n        payload: {\n          loader: true,\n        },\n      });\n      axios.get(`${API_URL}get-makes?date=${data.carData.year}.${data.carData.monthIndex}`, {\n        headers: {\n          'apiKey': `${API_KEY}`\n        }\n      })\n          .then(function (response) {\n            if (response.data.Success) {\n              setData({\n                type: 'UPDATE_CAR_DATA',\n                payload: {\n                  brands: response.data.Data\n                },\n              });\n              setError(null);\n            } else {\n              setError(response.data.Message);\n            }\n            setData({\n              type: 'UPDATE_LOADER',\n              payload: {\n                loader: false,\n              },\n            });\n          })\n          .catch(function (error) {\n            console.log(error);\n            setError(t('responseErrorDefault'));\n            setData({\n              type: 'UPDATE_LOADER',\n              payload: {\n                loader: false,\n              },\n            });\n          });\n    }\n  }, [data.carData.year, data.carData.monthIndex]); // eslint-disable-line react-hooks/exhaustive-deps\n\n  useEffect(() => {\n    if (data.carData.brand && data.carData.year && data.carData.monthIndex) {\n      setData({\n        type: 'UPDATE_LOADER',\n        payload: {\n          loader: true,\n        },\n      });\n      axios.get(`${API_URL}get-models?makeId=${data.carData.brand.value}&date=${data.carData.year}.${data.carData.monthIndex}`, {\n        headers: {\n          'apiKey': `${API_KEY}`\n        }\n      })\n          .then(function(response) {\n            if (response.data.Success) {\n              setData({\n                type: 'UPDATE_CAR_DATA',\n                payload: {\n                  models: response.data.Data\n                },\n              });\n              setError(null);\n            } else {\n              setError(response.data.Message);\n            }\n            setData({\n              type: 'UPDATE_LOADER',\n              payload: {\n                loader: false,\n              },\n            });\n          })\n          .catch(function(error) {\n            console.log(error);\n            setError(t('responseErrorDefault'));\n            setData({\n              type: 'UPDATE_LOADER',\n              payload: {\n                loader: false,\n              },\n            });\n          });\n    }\n  }, [data.carData.brand, data.carData.monthIndex, data.carData.year]); // eslint-disable-line react-hooks/exhaustive-deps\n\n  if (data.carData.brands) {\n    data.carData.brands.forEach((brand) => {\n      optionsBrand.push({label: brand.Value, value: brand.Key});\n    });\n  }\n\n  const chooseBrand = (e) => {\n    setData({\n      type: 'UPDATE_CAR_DATA',\n      payload: {\n        brand: e\n      },\n    });\n\n    setData({\n      type: 'CHANGE_BRAND'\n    });\n\n    RaportDL('model', 'step-4');\n  };\n\n  if (data.carData.models) {\n    data.carData.models.forEach((model) => {\n      modelsArray.push({label: model.Value, value: model.Key});\n    });\n  }\n\n  const hiddenContentHandler = (e) => {\n    setData({\n      type: 'UPDATE_CAR_DATA',\n      payload: {\n        model: e.target.value\n      },\n    });\n\n    setData({\n      type: 'CHANGE_MODEL'\n    });\n\n    setData({\n      type: 'UPDATE_NEXT_BUTTON',\n      payload: {\n        buttonStep2: true\n      },\n    });\n\n    RaportDL('fuel', 'step-5');\n\n    setStep(step + 1);\n  };\n\n  const hiddenContentHandlerSelect = (e) => {\n    setData({\n      type: 'UPDATE_CAR_DATA',\n      payload: {\n        model: e.value,\n        modelName: e.label\n      },\n    });\n\n    setData({\n      type: 'CHANGE_MODEL'\n    });\n\n    setData({\n      type: 'UPDATE_NEXT_BUTTON',\n      payload: {\n        buttonStep2: true\n      },\n    });\n\n    setStep(step + 1);\n  };\n\n  const validHandler = () => {\n    if (!data.carData.brand || !data.carData.model) {\n      setData({\n        type: 'UPDATE_ERROR',\n        payload: {\n          error: true\n        },\n      });\n    } else {\n      setData({\n        type: 'UPDATE_ERROR',\n        payload: {\n          error: false\n        },\n      });\n      setStep(step + 1);\n    }\n  };\n\n  return (\n      <>\n        <Loader loaderClass={data.loader} />\n        {error &&\n          <Error text={error} />\n        }\n        {!error &&\n          <>\n            <Title title={t('formTitleCarMark')} />\n            <CustomSelect selectOptions={optionsBrand} callback={chooseBrand} value={data.carData.brand}/>\n            {data.carData.models &&\n              <ButtonsContainer>\n                <SelectButtons blockButtons={modelsArray} selectOptions={modelsArray} callback={hiddenContentHandler} callbackSelect={hiddenContentHandlerSelect} radioName='modelRadio' checkedField={data.carData.model} selectCheckedField={data.carData.model ? {\"label\": data.carData.modelName, \"value\": data.carData.model} : {\"label\": t('selectPlaceholder'), \"value\": \"\"}} />\n              </ButtonsContainer>\n            }\n            <FormButtons next={validHandler} nextActive={data.stepsNextButtons.buttonStep2} prev={() => setStep(step - 1)} error={data.error} />\n          </>\n        }\n      </>\n  );\n};\n\nFormStep2.propTypes = {\n  step: PropTypes.number.isRequired,\n  setStep: PropTypes.func.isRequired,\n  data: PropTypes.object.isRequired,\n  setData: PropTypes.func.isRequired,\n};\n\nexport default FormStep2;\n","import React from 'react';\nimport styled from 'styled-components';\nimport PropTypes from 'prop-types';\nimport { breakpoints } from \"../../../commons/breakpoints\";\nimport Theme from '../../../commons/theme';\n\nconst Error = styled.div`\n  position: absolute; \n  top: 48px;\n  display: none;\n  margin-top: 2px;\n  color: ${props => props.theme.colors.errorColor};\n  font-size: 10px;\n  line-height: 14px;\n`;\n\nconst BlockButtons = styled.div`\n  position: relative;\n  display: none;\n  width: 100%;\n  margin-bottom: -16px;\n  \n  @media ${breakpoints.sm} {\n    display: flex;\n    flex-wrap: wrap;\n  }\n  \n  &.show-mobile {\n    display: flex;\n    flex-direction: column;\n    \n    @media ${breakpoints.sm} {\n      flex-direction: row;\n    }\n  }\n  \n  &.is-invalid {\n    ${Error} {\n      display: block;\n    }\n  }\n`;\n\nconst ButtonDiv = styled.div`\n  margin: 0 8px 8px;\n  padding-bottom: 8px;\n  width: calc(25% - 16px);\n  \n  .show-mobile & {\n    width: calc(100% - 16px);\n    padding-bottom: 0;\n    \n    @media ${breakpoints.sm} {\n      width: calc(25% - 16px);\n      padding-bottom: 8px;\n    }\n  }\n`;\n\nconst ButtonLabel = styled.label`\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  height: 100%;\n  margin-bottom: 16px;\n  padding: 4px 0;\n  color: ${props => props.theme.colors.footerLinkColor};\n  font-family: 'NouvelRRegular';\n  font-size: 14px;\n  line-height: 14px;\n  background-color: ${props => props.theme.colors.darkWhite};\n  border: none;\n  \n  &:hover {\n    cursor: pointer;\n    font-family: 'NouvelRBold';\n    box-shadow: ${props => props.theme.colors.brandColor} 0px 0px 0px 2px inset;\n  }\n  \n  .show-mobile & {\n    margin-bottom: 0;\n    padding: 10px 0;\n    \n    @media ${breakpoints.sm} {\n      margin-bottom: 16px;\n      padding: 4px 0;\n    }\n  }\n  \n  .is-invalid & {\n    color: ${props => props.theme.colors.errorColor};\n  }\n`;\n\nconst ButtonInput = styled.input`\n  position: absolute;\n  left: -9999px;\n  \n  &:checked + ${ButtonLabel} {\n    font-family: 'NouvelRBold';\n    box-shadow: ${props => props.theme.colors.brandColor} 0px 0px 0px 2px inset;\n  }\n`;\n\nconst Buttons = ({blockButtons, callback, radioName, checkedField, errorText}) => {\n  const buttons = blockButtons.map((button, i) => (\n      <ButtonDiv className='select-button_container' key={`button-${i}`}>\n        <ButtonInput\n            type='radio'\n            id={`${radioName}-${i}`}\n            name={radioName}\n            className='select-button'\n            value={(typeof button === \"object\") ? button.value : button}\n            onChange={callback}\n            data-index={i+1}\n            checked={(typeof button === \"object\") ? String(button.value) === String(checkedField) : button.toString() === checkedField.toString()}\n        />\n        <ButtonLabel htmlFor={`${radioName}-${i}`} className='select-button_label'>{(typeof button === \"object\") ? button.label : button}</ButtonLabel>\n      </ButtonDiv>\n  ));\n\n  let blockButtonsClass = 'form_block-select show-mobile';\n\n  if (errorText && errorText !== '') blockButtonsClass += ' is-invalid';\n\n  return (\n      <Theme>\n        <BlockButtons className={blockButtonsClass}>\n          {buttons}\n          {errorText &&\n          <Error>{errorText}</Error>\n          }\n        </BlockButtons>\n      </Theme>\n  );\n};\n\nButtons.propTypes = {\n  blockButtons: PropTypes.array.isRequired,\n  callback: PropTypes.func,\n  radioName: PropTypes.string.isRequired\n};\n\nexport default Buttons;\n","import React, {useEffect, useState} from 'react';\nimport {useTranslation} from 'react-i18next';\nimport axios from 'axios';\nimport Title from './_shared/Title';\nimport Buttons from './_shared/Buttons';\nimport Loader from \"./_shared/Loader\";\nimport FormButtons from \"./_shared/FormButtons\";\nimport Error from './Error';\nimport {RaportDL} from '../_shared/DataLayer';\nimport PropTypes from \"prop-types\";\n\nconst API_KEY = process.env.REACT_APP_API_KEY;\nconst API_URL = process.env.REACT_APP_API_URL;\n\nconst FormStep3 = ({step, setStep, data, setData}) => {\n  const { t } = useTranslation();\n  const [error, setError] = useState(null);\n  const fuelsArray = [];\n\n  useEffect(() => {\n    setData({\n      type: 'UPDATE_LOADER',\n      payload: {\n        loader: true,\n      },\n    });\n\n    axios.get(`${API_URL}get-fuels?makeId=${data.carData.brand.value}&modelId=${data.carData.model}&date=${data.carData.year}.${data.carData.monthIndex}`, {\n      headers: {\n        'apiKey': `${API_KEY}`\n      }\n    })\n        .then(function(response) {\n          if (response.data.Success) {\n            setData({\n              type: 'UPDATE_CAR_DATA',\n              payload: {\n                fuels: response.data.Data\n              },\n            });\n            setError(null);\n          } else {\n            setError(response.data.Message);\n          }\n          setData({\n            type: 'UPDATE_LOADER',\n            payload: {\n              loader: false,\n            },\n          });\n        })\n        .catch(function(error) {\n          console.log(error);\n          setError(t('responseErrorDefault'));\n          setData({\n            type: 'UPDATE_LOADER',\n            payload: {\n              loader: false,\n            },\n          });\n        });\n  }, []); // eslint-disable-line react-hooks/exhaustive-deps\n\n  if (data.carData.fuels) {\n    data.carData.fuels.forEach((fuel) => {\n      fuelsArray.push({label: fuel.Value, value: fuel.Key});\n    });\n  }\n\n  const hiddenContentHandler = (e) => {\n    setData({\n      type: 'UPDATE_CAR_DATA',\n      payload: {\n        fuel: e.target.value\n      },\n    });\n\n    setData({\n      type: 'CHANGE_FUEL'\n    });\n\n    setData({\n      type: 'UPDATE_NEXT_BUTTON',\n      payload: {\n        buttonStep3: true\n      },\n    });\n\n    RaportDL('version', 'step-6');\n\n    setStep(step + 1);\n  };\n\n  const validHandler = () => {\n    if (!data.carData.fuel) {\n      setData({\n        type: 'UPDATE_ERROR',\n        payload: {\n          error: true\n        },\n      });\n    } else {\n      setData({\n        type: 'UPDATE_ERROR',\n        payload: {\n          error: false\n        },\n      });\n      setStep(step + 1);\n    }\n  };\n\n  return (\n      <>\n        <Loader loaderClass={data.loader} />\n        {error &&\n        <Error text={error} />\n        }\n        {!error &&\n          <>\n            <Title title={t('formTitleFuel')}/>\n            {data.carData.fuels &&\n              <Buttons blockButtons={fuelsArray} callback={hiddenContentHandler} radioName='fuelRadio' checkedField={data.carData.fuel}/>\n            }\n            <FormButtons next={validHandler} nextActive={data.stepsNextButtons.buttonStep3} prev={() => setStep(step - 1)} error={data.error}/>\n          </>\n        }\n      </>\n  );\n};\n\nFormStep3.propTypes = {\n  step: PropTypes.number.isRequired,\n  setStep: PropTypes.func.isRequired,\n  data: PropTypes.object.isRequired,\n  setData: PropTypes.func.isRequired,\n};\n\nexport default FormStep3;\n","import React, {useEffect, useState} from 'react';\nimport {useTranslation} from 'react-i18next';\nimport axios from \"axios\";\nimport styled from 'styled-components';\nimport Title from './_shared/Title';\nimport Loader from \"./_shared/Loader\";\nimport {breakpoints} from \"../../commons/breakpoints\";\nimport FormButtons from \"./_shared/FormButtons\";\nimport Error from './Error';\nimport {RaportDL} from '../_shared/DataLayer';\nimport PropTypes from \"prop-types\";\n\nconst Section = styled.section`\n  max-width: ${props => props.theme.sizes.contentWidth};\n  margin: 0 8px;\n  padding: 0;\n  \n  @media ${breakpoints.sm} {\n    margin: 0 auto;\n  }\n  \n  @media ${breakpoints.lg} {\n    min-height: calc(100vh - 271px);\n  }\n`;\n\nconst SectionTitle = styled.p`\n  display: none;\n  margin-top: 0;\n  font-family: 'NouvelRBold';\n  font-size: 13px;\n  line-height: 18px;\n  \n  @media ${breakpoints.sm} {\n    display: block;\n  }\n  \n  @media ${breakpoints.md} {\n    font-size: 14px;\n  line-height: 20px;\n  }\n`;\n\nconst CarsWrapper = styled.div`\n  border: 1px solid ${props => props.theme.colors.darkWhite};\n  box-shadow: 0 1px 0 0 rgb(0 0 0 / 25%);\n`;\n\nconst ButtonLabel = styled.label`\n  display: block;\n  width: calc(100% - 32px);\n  height: 100%;\n  margin: 0;\n  padding: 12px 16px;\n  font-family: 'NouvelRRegular';\n  font-size: 11px;\n  line-height: 16px;\n  border-top: 1px solid ${props => props.theme.colors.darkWhite};\n  \n  @media ${breakpoints.sm} {\n    font-size: 14px;\n    line-height: 20px;\n  }\n  \n  &:hover {\n    cursor: pointer;\n    background-color: ${props => props.theme.colors.darkWhite};\n  }\n`;\n\nconst ButtonDiv = styled.div`\n  width: 100%;\n  \n  &:first-child {\n    ${ButtonLabel} {\n      border-top: none;\n    }\n  }\n`;\n\nconst ButtonInput = styled.input`\n  position: absolute;\n  left: -9999px;\n  \n  &:checked + ${ButtonLabel} {\n    background-color: ${props => props.theme.colors.darkWhite};\n    box-shadow: ${props => props.theme.colors.brandColor} 0px 0px 0px 2px inset;\n  }\n`;\n\nconst API_KEY = process.env.REACT_APP_API_KEY;\nconst API_URL = process.env.REACT_APP_API_URL;\n\nconst FormStep4 = ({step, setStep, data, setData}) => {\n  const { t } = useTranslation();\n  const [error, setError] = useState(null);\n  const carsArray = [];\n\n  useEffect(() => {\n    setData({\n      type: 'UPDATE_LOADER',\n      payload: {\n        loader: true,\n      },\n    });\n\n    axios.get(`${API_URL}get-versions?makeId=${data.carData.brand.value}&modelId=${data.carData.model}&date=${data.carData.year}.${data.carData.monthIndex}&fuel=${data.carData.fuel}`, {\n      headers: {\n        'apiKey': `${API_KEY}`\n      }\n    })\n        .then(function(response) {\n          if (response.data.Success) {\n            setData({\n              type: 'UPDATE_CAR_DATA',\n              payload: {\n                carModels: response.data.Data\n              },\n            });\n            setError(null);\n          } else {\n            setError(response.data.Message);\n          }\n          setData({\n            type: 'UPDATE_LOADER',\n            payload: {\n              loader: false,\n            },\n          });\n        })\n        .catch(function(error) {\n          console.log(error);\n          setError(t('responseErrorDefault'));\n          setData({\n            type: 'UPDATE_LOADER',\n            payload: {\n              loader: false,\n            },\n          });\n        });\n  }, []); // eslint-disable-line react-hooks/exhaustive-deps\n\n  if (data.carData.carModels) {\n    data.carData.carModels.forEach((car) => {\n      carsArray.push({label: car.Value, value: car.Key});\n    });\n  }\n\n  const handleChange = (e) => {\n    setData({\n      type: 'UPDATE_CAR_DATA',\n      payload: {\n        car: e.target.value\n      },\n    });\n\n    setData({\n      type: 'UPDATE_NEXT_BUTTON',\n      payload: {\n        buttonStep4: true\n      },\n    });\n\n    RaportDL('mileage', 'step-7');\n\n    setStep(step + 1);\n  };\n\n  const validHandler = () => {\n    if (!data.carData.car) {\n      setData({\n        type: 'UPDATE_ERROR',\n        payload: {\n          error: true\n        },\n      });\n    } else {\n      setData({\n        type: 'UPDATE_ERROR',\n        payload: {\n          error: false\n        },\n      });\n      setStep(step + 1);\n    }\n  };\n\n  const buttons = carsArray.map((button, i) => (\n      <ButtonDiv className='select-button_container' key={`car-${i}`}>\n        <ButtonInput\n            type='radio'\n            id={`car-${i}`}\n            name='car'\n            className='select-button'\n            value={button.value}\n            onChange={handleChange}\n            checked={Number(button.value) === Number(data.carData.car)}\n        />\n        <ButtonLabel htmlFor={`car-${i}`} className='select-button_label'>{(typeof button === \"object\") ? button.label : button}</ButtonLabel>\n      </ButtonDiv>\n  ));\n\n  return (\n      <>\n        <Loader loaderClass={data.loader} />\n        {error &&\n          <Error text={error} />\n        }\n        {!error &&\n          <>\n            <Section>\n              <Title title={t('formTitleCar')}/>\n              <SectionTitle className='cars_title'>{t('formCarsTitle')}</SectionTitle>\n              <CarsWrapper className='cars'>\n                {buttons}\n              </CarsWrapper>\n              <FormButtons next={validHandler} nextActive={data.stepsNextButtons.buttonStep4} prev={() => setStep(step - 1)} error={data.error}/>\n            </Section>\n          </>\n        }\n      </>\n  );\n};\n\nFormStep4.propTypes = {\n  step: PropTypes.number.isRequired,\n  setStep: PropTypes.func.isRequired,\n  data: PropTypes.object.isRequired,\n  setData: PropTypes.func.isRequired,\n};\n\nexport default FormStep4;\n","import React from 'react';\nimport styled from 'styled-components';\nimport PropTypes from \"prop-types\";\n\nconst InputContainer = styled.div`\n  position: relative;\n`;\n\nconst InputField = styled.input`\n  display: block;\n  width: calc(100% - 66px);\n  margin: 0;\n  padding: 15px 32px;\n  font-size: 16px;\n  line-height: 18px;\n  border: 1px solid ${props => props.theme.colors.benefitBoxTitleBorder};\n  border-radius: 2px 0 0 2px;\n  \n  &:focus {\n    outline: none;\n  }\n`;\n\nconst InputPostfix = styled.span`\n  position: absolute;\n  top: 0;\n  right: 0;\n  padding: 15px 16px;\n  font-family: 'NouvelRBold';\n  font-size: 14px;\n  line-height: 20px;\n  text-transform: uppercase;\n`;\n\nconst Input = ({postfix, name, value, type, onChange}) => {\n\n  return (\n      <InputContainer className='input_container'>\n        <InputField className='input' name={name} value={value} type={type} onChange={onChange} />\n        {postfix &&\n          <InputPostfix className='input_postfix'>\n            {postfix}\n          </InputPostfix>\n        }\n      </InputContainer>\n  );\n};\n\nInput.defaultProps = {\n  value: '',\n  type: 'text',\n};\n\nInput.propTypes = {\n  name: PropTypes.string.isRequired,\n  value: PropTypes.string,\n  type: PropTypes.string,\n  postfix: PropTypes.string\n};\n\nexport default Input;\n","import React from 'react';\nimport {useTranslation} from 'react-i18next';\nimport Input from './_shared/Input';\nimport Title from './_shared/Title';\nimport FormButtons from \"./_shared/FormButtons\";\nimport {RaportDL} from '../_shared/DataLayer';\nimport PropTypes from \"prop-types\";\n\nconst FormStep5 = ({step, setStep, data, setData}) => {\n  const { t } = useTranslation();\n\n  const setMileage = (e) => {\n    if (/^[0-9]*$/.test(e.target.value)) {\n      setData({\n        type: 'UPDATE_CAR_DATA',\n        payload: {\n          mileage: e.target.value\n        },\n      });\n\n      setData({\n        type: 'UPDATE_NEXT_BUTTON',\n        payload: {\n          buttonStep5: true\n        },\n      });\n    }\n  };\n\n  const validHandler = () => {\n    if (!data.carData.mileage) {\n      setData({\n        type: 'UPDATE_ERROR',\n        payload: {\n          error: true\n        },\n      });\n    } else {\n      setData({\n        type: 'UPDATE_ERROR',\n        payload: {\n          error: false\n        },\n      });\n      RaportDL('contact', 'step-8');\n      setStep(step + 1);\n    }\n  };\n\n  return (\n      <>\n        <Title title={t('formMillageTitle')} />\n        <Input name='mileage' value={data.carData.mileage} postfix='km' onChange={setMileage} />\n        <FormButtons next={validHandler} nextActive={data.stepsNextButtons.buttonStep5} prev={() => setStep(step - 1)} error={data.error} />\n      </>\n  );\n};\n\nFormStep5.propTypes = {\n  step: PropTypes.number.isRequired,\n  setStep: PropTypes.func.isRequired,\n  data: PropTypes.object.isRequired,\n  setData: PropTypes.func.isRequired,\n};\n\nexport default FormStep5;\n","import React from 'react';\nimport styled from 'styled-components';\nimport { breakpoints } from \"../../../commons/breakpoints\";\nimport PropTypes from 'prop-types';\nimport Theme from '../../../commons/theme';\n\nconst Error = styled.span`\n  position: static; \n  display: none;\n  flex-basis: 100%;\n  margin-top: 2px;\n  color: ${props => props.theme.colors.errorColor};\n  font-size: 10px;\n  line-height: 14px;\n`;\n\nconst CheckboxContainer = styled.div`\n  display: inline-block;\n  vertical-align: middle;\n  margin-top: 32px;\n  \n  @media ${breakpoints.sm} {\n    margin-top: 0;\n  }\n  \n  .contact-checkboxes & {\n    margin-top: 12px;\n  }\n`;\n\nconst Svg = styled.svg`\n  display: none;\n  fill: ${props => props.theme.colors.black};\n`;\n\nconst HiddenCheckbox = styled.input`\n  position: absolute;\n  left: -9999px;\n`;\n\nconst StyledCheckbox = styled.div`\n  display: inline-block;\n  width: 20px;\n  height: 20px;\n  margin-right: 10px;\n  border: 1px solid ${props => props.theme.colors.benefitBoxTitleBorder};\n  border-radius: 3px;\n  transition: all 150ms;\n\n  ${HiddenCheckbox}:checked + & {\n    ${Svg} {\n      display: block;\n    }\n  }\n`;\n\nconst LabelWrapper = styled.div`\n  display: inline-block;\n  width: calc(100% - 32px);\n  margin-top: 32px;\n  \n  @media ${breakpoints.sm} {\n    margin-top: 0;\n  }\n  \n  .contact-checkboxes & {\n    margin-top: 12px;\n  }\n`;\n\nconst Label = styled.label`\n  position: relative;\n  display: flex;\n  flex-wrap: wrap;\n  width: 100%;\n  margin-top: 42px;\n  \n  &:hover {\n    cursor: pointer\n  }\n  \n  &.is-invalid {\n    ${Error} {\n      display: block;\n    }\n    \n    ${LabelWrapper} {\n      color: ${props => props.theme.colors.errorColor};\n    }\n  }\n  \n  .contact-checkboxes & {\n    margin-top: 22px;\n  }\n`;\n\nconst Link = styled.a`\n\n`;\n\nconst Checkbox = ({name, label, labelLink, labelLinkAnchor, labelStar, value, callback, errorText}) => {\n  return (\n      <Theme>\n        <Label className={(errorText && errorText !== '') ? 'is-invalid' : ''}>\n          <CheckboxContainer>\n            <HiddenCheckbox  type='checkbox' name={name} checked={value} onChange={callback} />\n            <StyledCheckbox>\n              <Svg viewBox=\"0 0 24 24\">\n                <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 30 30\">\n                  <path d=\"M29 9.182L23.91 4 12.03 16.092l-5.94-6.046L1 15.228l11.03 11.228z\"></path>\n                </svg>\n              </Svg>\n            </StyledCheckbox>\n          </CheckboxContainer>\n          <LabelWrapper>\n            {label} {labelLink ? (<Link href={labelLink} target='_blank' rel='noopener noreferrer'>{labelLinkAnchor}</Link>) : ''} {labelStar ? '*' : ''}\n          </LabelWrapper>\n          {errorText &&\n            <Error>{errorText}</Error>\n          }\n        </Label>\n      </Theme>\n  );\n};\n\nCheckbox.propTypes = {\n  name: PropTypes.string.isRequired,\n  label: PropTypes.string.isRequired,\n  labelLink: PropTypes.string,\n  labelLinkAnchor: PropTypes.string,\n  labelStar: PropTypes.bool,\n  value: PropTypes.oneOfType([PropTypes.string, PropTypes.bool])\n};\n\nexport default Checkbox;\n","import React from 'react';\nimport { breakpoints } from \"../../../commons/breakpoints\";\nimport styled from 'styled-components';\nimport PropTypes from \"prop-types\";\n\nconst Error = styled.span`\n  position: absolute; \n  top: 68px;\n  display: none;\n  margin-top: 2px;\n  color: ${props => props.theme.colors.errorColor};\n  font-size: 13px;\n  line-height: 19px;\n`;\n\nconst Label = styled.label`\n  flex: 0 0 calc(100% - 32px);\n  position: relative;\n  display: inline-block;\n  margin: 8px 0 16px;\n  padding: 0 16px;\n  font-size: 16px;\n  line-height: 23px;\n  \n  @media ${breakpoints.sm} {\n    flex: 0 0 calc(50% - 32px);\n  }\n  \n  &.is-filled {\n    span {\n      font-size: 12.8px !important;\n      line-height: 18px !important;\n    }\n  }\n  \n  &.is-invalid {\n    ${Error} {\n      display: block;\n    }\n  }\n`;\n\nconst Input = styled.input`\n  display: block;\n  box-sizing: border-box;\n  margin: 0;\n  border: none;\n  border-top: solid 27px transparent;\n  border-bottom: solid 1px ${props => props.theme.colors.benefitBoxTitleBorder};\n  padding: 8px 0;\n  width: 100%;\n  height: inherit;\n  color: ${props => props.theme.colors.footerLinkColor};\n  background-color: transparent;\n  box-shadow: none; /* Firefox */\n  font-family: inherit;\n  font-size: inherit;\n  line-height: inherit;\n  transition: border-bottom 0.2s, background-color 0.2s;\n  \n  &:hover {\n    border-bottom-color: ${props => props.theme.colors.footerLinkColor};\n    \n    .is-invalid & {\n      border-bottom-color: ${props => props.theme.colors.errorColor};\n    }\n  }\n  \n  &:not(:focus) + span {\n    font-size: inherit;\n    line-height: 56px;\n  }\n  \n  &:focus {\n    outline: none;\n  }\n \n  \n  &:focus + span::=before {\n    opacity: 0.12;\n  }\n  \n  &:focus + span:after {\n    transform: scale(1);\n  }\n  \n  .is-invalid & {\n    border-bottom-color: ${props => props.theme.colors.errorColor};\n  }\n  \n  & + span {\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    display: block;\n    box-sizing: border-box;\n    margin: 10px 0 0 16px;\n    color: ${props => props.theme.colors.materialInputColor};\n    font-size: 80%;\n    line-height: 18px;\n    pointer-events: none;\n    transition: color 0.2s, font-size 0.2s, line-height 0.2s;\n    \n    &:after {\n      content: \"\";\n      position: absolute;\n      left: 0;\n      bottom: 0;\n      display: block;\n      width: calc(100% - 16px);\n      height: 1px;\n      background-color: ${props => props.theme.colors.footerLinkColor};\n      transform-origin: bottom center;\n      transform: scaleX(0);\n      transition: transform 0.2s;\n    }\n  }\n`;\n\nconst InputText = styled.span`\n\n`;\n\nconst InputMaterial = ({name, value, type, label, onChange, onBlur, errorText}) => {\n  let inputClass = 'input-material_label';\n\n  if (value) inputClass += ' is-filled';\n  if (errorText && errorText !== '') inputClass += ' is-invalid';\n\n  return (\n      <Label className={inputClass}>\n        <Input className='input-material_input' name={name} value={value} type={type} onChange={e => onChange([e.target.name, e.target.value])} onBlur={e => onBlur(e.target)} />\n        <InputText>{label}</InputText>\n        {errorText &&\n          <Error>{errorText}</Error>\n        }\n      </Label>\n  );\n};\n\nInputMaterial.defaultProps = {\n  value: '',\n  type: 'text',\n  label: '',\n  errorText: '',\n  error: ''\n};\n\nInput.propTypes = {\n  name: PropTypes.string.isRequired,\n  label: PropTypes.string,\n  value: PropTypes.string,\n  type: PropTypes.string,\n  errorText: PropTypes.string,\n  error: PropTypes.object\n};\n\nexport default InputMaterial;\n","import React from 'react';\nimport styled from 'styled-components';\nimport PropTypes from 'prop-types';\nimport { breakpoints } from \"../../../commons/breakpoints\";\nimport Theme from '../../../commons/theme';\n\nconst BlockSelectButtons = styled.div`\n  display: flex;\n  flex-wrap: wrap;\n  margin-top: 30px;\n`;\n\nconst ButtonDiv = styled.div`\n  width: calc(100% - 16px);\n  margin: 0 8px 8px;\n  \n  @media ${breakpoints.sm} {\n    width: calc(50% - 16px);\n  }\n`;\n\nconst ButtonContainer = styled.div`\n  width: 100%;\n  height: 100%;\n  background-color: ${props => props.theme.colors.darkWhite};\n`;\n\nconst ButtonLabel = styled.label`\n  position: relative;\n  display: flex;\n  justify-content: center;\n  height: 100%;\n  text-transform: uppercase;\n  border: 1px solid ${props => props.theme.colors.benefitBoxTitleBorder};\n  \n  @media ${breakpoints.sm} {\n    justify-content: space-between;\n  }\n  \n  &:hover {\n    cursor: pointer;\n  }\n`;\n\nconst CarName = styled.span`\n  position: relative;\n  width: 100%;\n  display: block;\n  padding: 16px 8px;\n  font-family: 'NouvelRBold';\n  font-size: 14px;\n  line-height: 20px;\n  text-align: center;\n`;\n\nconst CarCheck = styled.span`\n  display: none;\n \n  @media ${breakpoints.sm} {\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    padding: 0 16px;\n    background-color: ${props => props.theme.colors.darkWhite};\n    border-left: 1px solid ${props => props.theme.colors.benefitBoxTitleBorder};\n  }\n`;\n\nconst CheckIcon = styled.span`\n  visibility: hidden;\n`;\n\nconst ButtonInput = styled.input`\n  display: none;\n  \n  &:checked + ${ButtonLabel} {\n    border: 1px solid ${props => props.theme.colors.brandColor};\n    box-shadow: 0 0 0 1px ${props => props.theme.colors.brandColor};\n    \n    ${CarCheck} {\n      border-left: 2px solid ${props => props.theme.colors.brandColor};\n    }\n    \n    ${CheckIcon} {\n      visibility: visible;\n    }\n  }\n`;\n\nconst Svg = styled.svg`\n  width: 13px;\n  font-weight: 700;\n  fill: ${props => props.theme.colors.brandColor}\n`;\n\nconst NewCars = ({carsArray, checkedField, callback}) => {\n  const cars = carsArray.map((car, i) => (\n      <ButtonDiv className='car-checkbox' key={`yaer-${i}`}>\n        <ButtonContainer className='car-checkbox_container'>\n          <ButtonInput\n              type='checkbox'\n              id={`newCar-${i}`}\n              name='newCar'\n              className='select-button'\n              value={car}\n              onChange={callback}\n              checked={checkedField === car}\n          />\n          <ButtonLabel htmlFor={`newCar-${i}`} className='select-button_label'>\n            <CarName className='car-checkbox_name'>\n              {car}\n            </CarName>\n            <CarCheck>\n              <CheckIcon>\n                <Svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 30 30\">\n                  <path d=\"M29 9.182L23.91 4 12.03 16.092l-5.94-6.046L1 15.228l11.03 11.228z\"></path>\n                </Svg>\n              </CheckIcon>\n            </CarCheck>\n          </ButtonLabel>\n        </ButtonContainer>\n      </ButtonDiv>\n  ));\n\n  return (\n      <Theme>\n        <BlockSelectButtons>\n          {cars}\n        </BlockSelectButtons>\n      </Theme>\n  );\n};\n\nNewCars.propTypes = {\n  carsArray: PropTypes.array.isRequired\n};\n\nexport default NewCars;\n","import React, {useEffect, useState} from 'react';\nimport {Trans, useTranslation} from 'react-i18next';\nimport { breakpoints } from \"../../commons/breakpoints\";\nimport styled from 'styled-components';\nimport Checkbox from './_shared/Checkbox';\nimport InputMaterial from './_shared/InputMaterial';\nimport NewCars from './_shared/NewCars';\nimport SelectButtons from './_shared/SelectButtons';\nimport Title from './_shared/Title';\nimport Loader from './_shared/Loader';\nimport FormButtons from \"./_shared/FormButtons\";\nimport Error from './Error';\nimport {RaportDL} from '../_shared/DataLayer';\nimport PropTypes from \"prop-types\";\nimport axios from \"axios\";\n\nconst Subtitle = styled.p`\n  margin: -10px 0 32px;\n  font-size: 12px;\n  line-height: 17px;\n  font-style: italic;\n  \n  @media ${breakpoints.md} {\n    margin: -24px 0 32px;\n    font-size: 14px;\n    line-height: 20px;\n  }\n`;\n\nconst ValidInfo = styled.p`\n  margin: 45px 16px 16px 0;\n  font-style: italic;\n  font-size: 10px;\n  line-height: 15px;\n`;\n\nconst Svg = styled.svg`\n  position: relative;\n  top: 3px;\n  width: 15px;\n  margin: 0 8px 0 0;\n`;\n\nconst Fieldset = styled.div`\n  display: flex;\n  flex-wrap: wrap;\n  margin: 0 -16px 16px;\n`;\n\nconst FieldsetInfo = styled.div`\n  margin-top: 8px;\n  font-size: 10px;\n  line-height: 14px;\n`;\n\nconst DisclaimerContainer = styled.div`\n  margin-top: 32px;\n`;\n\nconst Paragraph = styled.div`\n  margin-bottom: 17px;\n  font-size: 8px;\n  line-height: 11px;\n  \n  @media ${breakpoints.md} {\n    font-size: 12px;\n    line-height: 17px;\n  }\n`;\n\nconst HiddenCheckbox = styled.div`\n  &.is-hidden {\n    display: none;\n  }\n`;\n\nconst API_KEY = process.env.REACT_APP_API_KEY;\nconst API_URL = process.env.REACT_APP_API_URL;\n\nconst FormStep6 = ({step, setStep, data, setData}) => {\n  const { t } = useTranslation();\n  const [errors, setErrors] = useState({});\n  const [newCars, setNewCars] = useState('');\n  const [hiddenField, setHiddenField] = useState(true);\n  const [error, setError] = useState(null);\n  const newCarArray = [\n    {label: t('formBuyCarLabelNew'), value: 'new'},\n    {label: t('formBuyCarLabelUsed'), value: 'used'}\n  ];\n  const fieldErrors = {\n    name: t('formAddressLabelNameError'),\n    nameLength: t('formAddressLabelNameLengthError'),\n    surname: t('formAddressLabelSurnameError'),\n    surnameLength: t('formAddressLabelSurnameLengthError'),\n    email: t('formAddressLabelEmailError'),\n    phone: t('formAddressLabelPhoneError'),\n    buyCar: t('formBuyCarError'),\n    owu: t('formCheckboxOWUError'),\n  };\n  let smsFieldClass = 'is-hidden';\n\n  useEffect(() => {\n    setData({\n      type: 'UPDATE_LOADER',\n      payload: {\n        loader: true,\n      },\n    });\n    axios.get(`${API_URL}get-new-models`, {\n      headers: {\n        'apiKey': `${API_KEY}`\n      }\n    })\n        .then(function(response) {\n          if (response.data.Success) {\n            setNewCars(response.data.Data.map(car => car.Value));\n            setError(null);\n          } else {\n            setError(response.data.Message);\n          }\n          setData({\n            type: 'UPDATE_LOADER',\n            payload: {\n              loader: false,\n            },\n          });\n        })\n        .catch(function(error) {\n          console.log(error);\n          setError(t('responseErrorDefault'));\n          setData({\n            type: 'UPDATE_LOADER',\n            payload: {\n              loader: false,\n            },\n          });\n        });\n  }, []); // eslint-disable-line react-hooks/exhaustive-deps\n\n  const disclaimerParagraphs = t('formDisclaimerParagraphs', { returnObjects: true }).map(({paragraph}, i) =>\n      <Trans key={i} components={{b: <b />, p: <Paragraph /> }}>{paragraph}</Trans>\n  );\n\n  const hiddenContentHandler = (e) => {\n    setErrors({...errors, buyCar: ''});\n\n    setData({\n      type: 'UPDATE_USER_DATA',\n      payload: {\n        buyCar: e.target.value,\n        buyCarError: false,\n      },\n    });\n\n    if (e.target.value === 'new') {\n      setData({\n        type: 'UPDATE_USER_DATA',\n        payload: {\n          showNewCars: true,\n        },\n      });\n      RaportDL('next-car', 'step-9', 'lead_vn');\n    } else {\n      setData({\n        type: 'UPDATE_USER_DATA',\n        payload: {\n          showNewCars: false,\n          newCar: '',\n        },\n      });\n      RaportDL('next-car', 'step-9');\n    }\n  };\n\n  const newCarHandler = (e) => {\n    if (e.target.checked) {\n      setData({\n        type: 'UPDATE_USER_DATA',\n        payload: {\n          newCar: e.target.value\n        },\n      });\n    } else {\n      setData({\n        type: 'UPDATE_USER_DATA',\n        payload: {\n          newCar: data.userData.newCar.filter(car => car !== e.target.value)\n        },\n      });\n    }\n\n    activeButton();\n  };\n\n  const owuHandler = (e) => {\n    if (e.target.checked) {\n      setErrors({...errors, owu: ''});\n      setData({\n        type: 'UPDATE_USER_DATA',\n        payload: {\n          owu: true\n        },\n      });\n    } else {\n      setErrors({...errors, owu: fieldErrors.owu});\n      setData({\n        type: 'UPDATE_USER_DATA',\n        payload: {\n          owu: false\n        },\n      });\n    }\n\n    activeButton();\n  };\n\n  const setCheckbox = (e) => {\n    const name = e.target.name;\n\n    if (e.target.checked) {\n      setData({\n        type: 'UPDATE_USER_DATA',\n        payload: {\n          [name]: true\n        },\n      });\n    } else {\n      setData({\n        type: 'UPDATE_USER_DATA',\n        payload: {\n          [name]: false\n        },\n      });\n    }\n  };\n\n  const setField = (e) => {\n    setData({\n      type: 'UPDATE_USER_DATA',\n      payload: { [e[0]]: e[1] },\n    });\n\n    if (e[0] === 'phone') {\n      if (e[1].length === 9) {\n        setHiddenField(false);\n      } else {\n        setHiddenField(true);\n      }\n    }\n  };\n\n  const blurValidField = (e) => {\n    if (e.name === 'phone') {\n      if (!e.value || !/^\\d{9}$/.test(e.value)) {\n        setErrors({...errors, [e.name]: fieldErrors.[e.name]});\n      } else {\n        setErrors({...errors, [e.name]: ''});\n      }\n    } else if (e.name === 'email') {\n      if (!e.value) {\n        setErrors({...errors, [e.name]: fieldErrors.[e.name]});\n      } else if (!/^[a-zA-Z0-9.!#$%&’*+/=?^_`{|}~-]+@[a-zA-Z0-9-]+(?:\\.[a-zA-Z0-9-]+)+$/i.test(e.value)) {\n        setErrors({...errors, [e.name]: fieldErrors.[e.name]});\n      } else {\n        setErrors({...errors, [e.name]: ''});\n      }\n    } else {\n      if (!e.value) {\n        setErrors({...errors, [e.name]: fieldErrors.[e.name]});\n      } else {\n        setErrors({...errors, [e.name]: ''});\n      }\n    }\n\n    activeButton();\n  };\n\n  const validations = (values) => {\n    let errors = {};\n\n    if (!values.name) {\n      errors.name = fieldErrors.name;\n    }\n    if (values.name.length > 40) {\n      errors.name = fieldErrors.nameLength;\n    }\n    if (!values.surname) {\n      errors.surname = fieldErrors.surname;\n    }\n    if (values.surname.length > 80) {\n      errors.surname = fieldErrors.surnameLength;\n    }\n    if (!values.phone || !/^\\d{9}$/.test(values.phone)) {\n      errors.phone = fieldErrors.phone;\n    }\n    if (!values.email) {\n      errors.email = fieldErrors.email;\n    } else if (!/^[a-zA-Z0-9.!#$%&’*+/=?^_`{|}~-]+@[a-zA-Z0-9-]+(?:\\.[a-zA-Z0-9-]+)+$/i.test(values.email)) {\n      errors.email = fieldErrors.email;\n    }\n    if (!values.buyCar) {\n      errors.buyCar = fieldErrors.buyCar;\n    }\n    if (values.buyCar === \"new\") {\n      if (!values.newCar) {\n        errors.newCar = fieldErrors.newCar;\n      }\n    }\n    if (!values.owu) {\n      errors.owu = fieldErrors.owu;\n    }\n\n    return errors;\n  };\n\n  const activeButton = () => {\n    setTimeout(() => {\n      if (data.userData.name !== '' && data.userData.surname !== '' && data.userData.email !== '' && data.userData.email !== '' && data.userData.buyCar !== '') {\n        setData({\n          type: 'UPDATE_NEXT_BUTTON',\n          payload: {\n            buttonStep6: true\n          },\n        });\n      }\n    }, 200);\n  };\n\n  const validHandler = () => {\n    const vErrors = validations(data.userData);\n    setErrors(vErrors);\n\n    if (Object.keys(vErrors).length > 0) {\n      setData({\n        type: 'UPDATE_ERROR',\n        payload: {\n          error: true\n        },\n      });\n\n      return;\n    }\n    setData({\n      type: 'UPDATE_ERROR',\n      payload: {\n        error: false\n      },\n    });\n\n    setData({\n      type: 'UPDATE_NEXT_BUTTON',\n      payload: {\n        buttonStep6: true\n      },\n    });\n\n    RaportDL('dealer', 'step-10');\n\n    setStep(step + 1);\n  };\n\n  if (!hiddenField || data.userData.phone.length === 9) {\n    smsFieldClass = '';\n  }\n\n  return (\n      <>\n        <Loader loaderClass={data.loader} />\n        {error &&\n          <Error text={error} />\n        }\n        {!error &&\n          <>\n            <Title title={t('formAddressTitle')}/>\n            <Subtitle className='subtitle'>{t('formAddressSubtitle')}</Subtitle>\n            <ValidInfo className='valid-info'>\n              <Svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 30 30\">\n                <path d=\"M28.5 12.6c-.7 0-1.1.7-1 1.3.63 12.05-14.4 18.01-22.2 8.8C1.7 18.4 1.5 12.4 4.6 8c3.1-4.4 8.9-6.5 14.1-4.8.4.1.9 0 1.2-.2.3-.2.5-.8.4-1.2-.1-.4-.4-.8-.8-.9C14-.9 7.8.8 3.9 5.1c-8.96 10.03-.99 25.84 12.4 24.6 8.2-.7 14.3-7.8 13.5-16-.1-.62-.67-1.16-1.3-1.1z\"></path>\n                <path d=\"M15 11.7c-.7 0-1.3.5-1.3 1.2v9c0 .6.6 1.2 1.2 1.2s1.3-.6 1.3-1.2v-9c0-.7-.6-1.2-1.3-1.2zm1.2-3.4c0-.7-.6-1.2-1.3-1.2s-1.2.5-1.2 1.2.6 1.2 1.2 1.2 1.3-.5 1.3-1.2z\"></path>\n              </Svg>\n              {t('formAddressValidInfo')}\n            </ValidInfo>\n            <Fieldset>\n              <InputMaterial name='name' label={t('formAddressLabelName')} value={data.userData.name} onChange={setField} onBlur={blurValidField} errorText={errors.name}/>\n              <InputMaterial name='surname' label={t('formAddressLabelSurname')} value={data.userData.surname} onChange={setField} onBlur={blurValidField} errorText={errors.surname}/>\n              <InputMaterial name='email' label={t('formAddressLabelEmail')} value={data.userData.email} onChange={setField} onBlur={blurValidField} errorText={errors.email}/>\n              <InputMaterial name='phone' label={t('formAddressLabelPhone')} value={data.userData.phone} onChange={setField} onBlur={blurValidField} errorText={errors.phone}/>\n            </Fieldset>\n            <Title title={t('formBuyCarTitle')}/>\n            <Subtitle className='subtitle'>{t('formBuyCarInfo')}</Subtitle>\n            <SelectButtons blockButtons={newCarArray} callback={hiddenContentHandler} radioName='buyCarRadio' checkedField={data.userData.buyCar} errorText={errors.buyCar}/>\n            {data.userData.showNewCars && newCars &&\n              <NewCars carsArray={newCars} callback={newCarHandler} checkedField={data.userData.newCar}/>\n            }\n            <Checkbox name='owu' label={t('formCheckboxOWU')} labelLink={t('formCheckboxOWULink')} labelLinkAnchor={t('formCheckboxOWULinkAnchorText')} labelStar={true} value={data.userData.owu} callback={owuHandler} errorText={errors.owu}/>\n            <div className='contact-checkboxes'>\n              <FieldsetInfo>{t('formMarketingInformationAgreeText')}</FieldsetInfo>\n              <Checkbox name='rEmail' label={t('formREmailTitle')} value={data.userData.rEmail} callback={setCheckbox}/>\n              <Checkbox name='rPhone' label={t('formRPhoneTitle')} value={data.userData.rPhone} callback={setCheckbox}/>\n              <HiddenCheckbox className={smsFieldClass}>\n                <Checkbox name='rSms' label={t('formRSmsTitle')} value={data.userData.rSms} callback={setCheckbox}/>\n              </HiddenCheckbox>\n            </div>\n            <DisclaimerContainer>\n              {disclaimerParagraphs}\n            </DisclaimerContainer>\n            <FormButtons next={validHandler} nextActive={data.stepsNextButtons.buttonStep6} prev={() => setStep(step - 1)} error={data.error}/>\n          </>\n        }\n      </>\n  );\n};\n\nFormStep6.propTypes = {\n  step: PropTypes.number.isRequired,\n  setStep: PropTypes.func.isRequired,\n  data: PropTypes.object.isRequired,\n  setData: PropTypes.func.isRequired,\n};\n\nexport default FormStep6;\n","import React from 'react';\nimport styled from 'styled-components';\nimport {useTranslation} from 'react-i18next';\nimport Theme from '../../commons/theme';\nimport PropTypes from \"prop-types\";\n\nconst Button = styled.button`\n  position: relative;\n  padding: 14px 32px 14px 56px;\n  display: inline-block;\n  text-align: center;\n  vertical-align: middle;\n  border: 1px solid ${props => props.theme.colors.brandColor};\n  background-color: ${props => props.theme.colors.brandColor};\n  transition: background-color .5s,color .5s,border-color .5s,color .5s;\n  white-space: nowrap;\n  \n  &:hover {\n    cursor: pointer;\n    background-color: ${props => props.theme.colors.brandColorLight};\n    border-color: ${props => props.theme.colors.brandColorLight};\n  }\n`;\n\nconst TextContainer = styled.span`\n  font-size: 16px;\n  line-height: 16px;\n  font-family: 'NouvelRBold';\n`;\n\nconst Svg = styled.svg`\n  position: absolute;\n  top: 50%;\n  left: 16px;\n  transform: translateY(-50%);\n  width: 22px;\n  fill: ${props => props.theme.colors.black};\n`;\n\nconst ButtonSearchMap = ({onClickFunc}) => {\n  const { t } = useTranslation();\n\n  return (\n      <Theme>\n        <Button onClick={onClickFunc}>\n          <Svg viewBox=\"0 0 30 30\">\n            <path d=\"M17.996 11.316c0-1.842-1.156-3-2.996-3s-2.996 1.157-2.996 3c0 1.841 1.156 3 2.996 3s2.996-1.158 2.996-3m1.788 0c0 2.684-2.05 4.738-4.784 4.738S10.216 14 10.216 11.316c0-2.738 2.05-4.738 4.784-4.738s4.784 2.001 4.784 4.738m4.574-.526c0-5.316-3.785-9-9.358-9s-9.358 3.684-9.358 9c0 4.789 3.523 11.42 9.358 17.474 5.835-6.054 9.358-12.685 9.358-17.474m-20.608 0C3.75 4.318 8.271 0 15 0s11.25 4.316 11.25 10.79c0 5.315-3.995 12.737-10.304 19.21h-1.892C7.745 23.526 3.75 16.105 3.75 10.79\"></path>\n          </Svg>\n          <TextContainer>{t('dealerLocatorLocalisationBtnText')}</TextContainer>\n        </Button>\n      </Theme>\n  );\n};\n\nButtonSearchMap.propTypes = {\n  onClickFunc: PropTypes.func\n};\n\nexport default ButtonSearchMap;\n","import React from 'react';\nimport {useTranslation} from 'react-i18next';\nimport styled from 'styled-components';\nimport {RaportDL} from \"../_shared/DataLayer\";\nimport PropTypes from 'prop-types';\n\nconst DealerBoxWrapper = styled.li`\n  display: flex;\n  padding: 16px 8px;\n  border-bottom: 1px solid ${props => props.theme.colors.darkWhite};\n  color: ${props => props.theme.colors.black};\n  \n  &:hover {\n    background-color: ${props => props.theme.colors.darkWhite};\n  }\n  \n  &.is-active {\n    background-color: ${props => props.theme.colors.darkWhite};\n  }\n`;\n\nconst DealerBoxPinWrapper = styled.div`\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  margin-right: 8px;\n  min-width: 35px;\n`;\n\nconst DealerBoxPin = styled.div`\n  position: relative;\n  display: inline-block;\n  z-index: 1;\n`;\n\nconst DealerBoxPinElement = styled.div`\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 26px;\n  height: 26px;\n  margin-bottom: 16px;\n  border: 0 solid;\n  border-radius: 50%;\n  background-color: ${props => props.theme.colors.brandColor};\n  \n  &:after {\n    position: absolute;\n    left: 50%;\n    bottom: -10px;\n    width: 0;\n    height: 0;\n    content: \"\";\n    z-index: -1;\n    border-style: solid;\n    border-width: 16px 11px 0;\n    transform: translate3d(-50%, 0, 0);\n    transition: border-color .5s ease;\n    border-color: ${props => props.theme.colors.brandColor} transparent transparent;\n  }\n`;\n\nconst DealerBoxPinElementText = styled.div`\n  color: ${props => props.theme.colors.black};\n  font-family: NouvelRBold;\n  font-size: 13px;\n  line-height: 18px;\n`;\n\nconst DealerBoxDistance = styled.p`\n  margin: 0;\n  font-size: 12px;\n  line-height: 17px;\n`;\n\nconst DealerBoxDistanceNumber = styled.span`\n  font-family: NouvelRBold;\n`;\n\nconst DealerBoxInfo = styled.div`\n  flex: 1;\n`;\n\nconst DealerBoxInfoAddress = styled.div`\n  display: flex;\n`;\n\nconst DealerBoxInfoAddressBox = styled.div`\n  flex: 2;\n  margin-right: 8px;\n`;\n\nconst DealerBoxInfoAddressBoxName = styled.div`\n  margin: 4px 0;\n  font-family: NouvelRBold;\n  font-size: 14px;\n  line-height: 17px;\n  text-transform: uppercase;\n`;\n\nconst DealerBoxInfoAddressBoxAddress = styled.p`\n  margin-top: 12px;\n  font-size: 14px;\n  line-height: 17px;\n  text-transform: uppercase;\n`;\n\nconst DealerBoxInfoAddressBoxPhone = styled.p`\n  margin-top: 16px;\n  font-size: 14px;\n  line-height: 17px;\n`;\n\nconst DealerBoxInfoAddressBoxPhoneLink = styled.a`\n  color: ${props => props.theme.colors.black};\n  text-decoration: underline;\n`;\n\nconst DealerBoxInfoAddressBoxBtnWrapper = styled.div`\n  display: flex;\n  flex-direction: column;\n  align-items: flex-end;\n  justify-content: center;\n  flex: 1;\n`;\n\nconst DealerBoxInfoAddressBoxBtn = styled.button`\n  display: inline-flex;\n  align-items: center;\n  min-width: 100px;\n  min-height: 40px;\n  margin-top: 8px;\n  padding: 8px;\n  font-family: NouvelRBold;\n  font-size: 12px;\n  line-height: 12px;\n  background-color: ${props => props.theme.colors.white};\n  border: 1px solid ${props => props.theme.colors.black};\n  transition: background-color 0.5s ease 0s, color 0.5s ease 0s, border-color 0.5s ease 0s, color 0.5s ease 0s;\n  \n  &:hover {\n     color: ${props => props.theme.colors.white};\n     background-color: ${props => props.theme.colors.black};\n     cursor: pointer;\n  }\n`;\n\nconst DealerContact = styled.div`\n  margin-top: 8px;\n`;\n\nconst DealerContactSvg = styled.svg`\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  display: block;\n  width: 22px;\n  transform: translate(-50%, -50%);\n  fill: ${props => props.theme.colors.black};\n`;\n\nconst DealerContactLink = styled.a`\n  position: relative;\n  display: block;\n  width: 8px;\n  height: 8px;\n  margin: 4px;\n  padding: 16px;\n  background-color: ${props => props.theme.colors.white};\n  border: 1px solid ${props => props.theme.colors.black};\n  transition: background-color 0.5s ease 0s, color 0.5s ease 0s, border-color 0.5s ease 0s, color 0.5s ease 0s;\n  \n  &:hover {\n     color: ${props => props.theme.colors.white};\n     background-color: ${props => props.theme.colors.black};\n     \n     ${DealerContactSvg} {\n      fill: ${props => props.theme.colors.white};\n     }\n  }\n`;\n\nconst AddressLink = styled.a`\n  color: ${props => props.theme.colors.black};;\n  text-decoration: none;\n`;\n\nconst DealerBox = ({i, id, name, street, postalCode, city, phoneNumber, distance, activeDealer, setDealer, lat, lng, step, setStep, data, setData, hoverFunc}) => {\n  const { t } = useTranslation();\n\n  const setDealerHandler = (e, id) => {\n    e.preventDefault();\n    setData({\n      type: 'UPDATE_DEALER_DATA',\n      payload: {\n        dealer: id\n      },\n    });\n\n    RaportDL('offer', 'step-11');\n\n    setStep(step + 1);\n  };\n\n  return (\n      <DealerBoxWrapper id={id} className={(Number(activeDealer) === Number(id)) ? 'is-active' : ''} onMouseEnter={hoverFunc}>\n        <DealerBoxPinWrapper>\n          <DealerBoxPin>\n            <DealerBoxPinElement>\n              <DealerBoxPinElementText>{i + 1}</DealerBoxPinElementText>\n            </DealerBoxPinElement>\n          </DealerBoxPin>\n          <DealerBoxDistance>\n            <DealerBoxDistanceNumber>{(distance/1000).toFixed(1)}</DealerBoxDistanceNumber> km\n          </DealerBoxDistance>\n        </DealerBoxPinWrapper>\n        <DealerBoxInfo>\n          <DealerBoxInfoAddress>\n            <DealerBoxInfoAddressBox>\n              <DealerBoxInfoAddressBoxName>{name}</DealerBoxInfoAddressBoxName>\n              <AddressLink href={`https://www.google.com/maps/place/${street} ${postalCode} ${city}`} target=\"_blank\">\n                <DealerBoxInfoAddressBoxAddress>{street} <br /> {postalCode} {city}</DealerBoxInfoAddressBoxAddress>\n              </AddressLink>\n              <DealerBoxInfoAddressBoxPhone>\n                <DealerBoxInfoAddressBoxPhoneLink href={`tel:${phoneNumber}`}>\n                  {t('phoneShort')} {phoneNumber}\n                </DealerBoxInfoAddressBoxPhoneLink>\n              </DealerBoxInfoAddressBoxPhone>\n            </DealerBoxInfoAddressBox>\n            <DealerBoxInfoAddressBoxBtnWrapper>\n              <DealerBoxInfoAddressBoxBtn onClick={(e) => {setDealerHandler(e, id);}}>\n                {t('chooseDealer')}\n              </DealerBoxInfoAddressBoxBtn>\n            </DealerBoxInfoAddressBoxBtnWrapper>\n          </DealerBoxInfoAddress>\n          <div></div>\n          <DealerContact>\n            <DealerContactLink href={`https://www.google.com/maps/dir/${lat},${lng}`} target=\"_blank\">\n              <DealerContactSvg viewBox=\"0 0 30 30\">\n                <path d=\"M17.996 11.316c0-1.842-1.156-3-2.996-3s-2.996 1.157-2.996 3c0 1.841 1.156 3 2.996 3s2.996-1.158 2.996-3m1.788 0c0 2.684-2.05 4.738-4.784 4.738S10.216 14 10.216 11.316c0-2.738 2.05-4.738 4.784-4.738s4.784 2.001 4.784 4.738m4.574-.526c0-5.316-3.785-9-9.358-9s-9.358 3.684-9.358 9c0 4.789 3.523 11.42 9.358 17.474 5.835-6.054 9.358-12.685 9.358-17.474m-20.608 0C3.75 4.318 8.271 0 15 0s11.25 4.316 11.25 10.79c0 5.315-3.995 12.737-10.304 19.21h-1.892C7.745 23.526 3.75 16.105 3.75 10.79\"></path>\n              </DealerContactSvg>\n            </DealerContactLink>\n          </DealerContact>\n        </DealerBoxInfo>\n      </DealerBoxWrapper>\n  );\n};\n\nDealerBox.defaultProps = {\n  i: 0,\n  name: '',\n  street: '',\n  postalCode: '',\n  city: '',\n  phoneNumber: '',\n  distance: '',\n  activeDealer: 0\n};\n\nDealerBox.propTypes = {\n  i: PropTypes.number,\n  name: PropTypes.string,\n  street: PropTypes.string,\n  postalCode: PropTypes.string,\n  city: PropTypes.string,\n  phoneNumber: PropTypes.string,\n  distance: PropTypes.number,\n  activeDealer: PropTypes.oneOfType([PropTypes.string, PropTypes.number])\n};\n\nexport default DealerBox;\n","import React from \"react\";\nimport styled from \"styled-components\";\n\nconst MarkerMapPin = styled.div`\n  position: absolute;\n  top: 25px;\n  display: inline-block;\n  transform: translate(-50%, -100%);\n  z-index: 2;\n  \n  &.is-hovered {\n    z-index: 3;\n  }\n`;\n\nconst MarkerPinInner = styled.div`\n  position: relative;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: 36px;\n  height: 36px;\n  margin-bottom: 15px;\n  border-radius: 50%;\n  font-size: 14px;\n  font-weight: 700;\n  background: ${props => props.theme.colors.brandColor};\n  \n  &:after {\n    position: absolute;\n    left: 50%;\n    bottom: -13px;\n    content: \"\";\n    width: 0;\n    height: 0;\n    z-index: -1;\n    transform: translate3d(-50%,0,0);\n    transition: border-color .5s ease;\n    border-style: solid;\n    border-color: ${props => props.theme.colors.brandColor} transparent transparent;\n    border-width: 20px 14px 0;\n  }\n  \n  &.is-hovered {\n    width: 46px;\n    height: 46px;\n    \n    &:after {\n      bottom: -12px;\n      border-width: 20px 18px 0;\n    }\n  }\n`;\n\nconst Marker = ({ number, activeClass }) => (\n    <MarkerMapPin className={activeClass ? 'is-hovered': ''}>\n      <MarkerPinInner className={activeClass ? 'is-hovered': ''}>\n        {number}\n      </MarkerPinInner>\n    </MarkerMapPin>\n);\n\nexport default Marker\n","import React, {useEffect, useState} from 'react';\nimport {useTranslation} from 'react-i18next';\nimport styled from 'styled-components';\nimport { breakpoints } from \"../../commons/breakpoints\";\nimport Autocomplete from 'react-google-autocomplete';\nimport GoogleMapReact from 'google-map-react';\nimport PropTypes from 'prop-types';\nimport axios from \"axios\";\nimport ButtonSearchMap from './ButtonSearchMap';\nimport DealerBox from './DealerBox';\nimport Marker from './Marker';\nimport Loader from \"../page-form/_shared/Loader\";\n\nconst DealerLocatorWrapper = styled.div`\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  height: 660px;\n  min-height: 660px;\n  overflow: hidden;\n  background-color: ${props => props.theme.colors.black};\n  border: 1px solid ${props => props.theme.colors.benefitBoxTitleBorder};\n  \n  &.is-group {\n    height: 592px;\n    min-height: 592px;\n  }\n`;\n\nconst MapWrapper = styled.div`\n  position: realtive;\n  display: flex;\n  flex-direction: column;\n  height: calc(100% - 68px);\n  \n  @media ${breakpoints.sm} {\n    flex-direction: row;\n  }\n  \n  .is-group & {\n    height: 100%;\n  }\n`;\n\nconst SearchContainer = styled.div`\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  width: calc(100% - 32px);\n  padding: 16px;\n  background-color: ${props => props.theme.colors.black};\n  \n  @media ${breakpoints.sm} {\n    width: calc(100% - 16px);\n    padding: 8px;\n  }\n`;\n\nconst SearchInnerContainer = styled.div`\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  width: 100%;\n  max-width: 700px;\n  \n  @media ${breakpoints.sm} {\n    flex-direction: row;\n  }\n`;\n\nconst OrSeparator = styled.span`\n  margin: 8px 16px;\n  color: ${props => props.theme.colors.white};\n  font-family: 'NouvelRBold';\n  font-size: 14px;\n  line-height: 20px;\n  text-align: center;\n  text-transform: uppercase; \n`;\n\nconst SearchField = styled.div`\n  position: relative;\n  display: flex;\n  flex-direction: row-reverse;\n  width: 100%;\n  margin: 0;\n  border: 0;\n  border-radius: 2px;\n`;\n\nconst Svg = styled.svg`\n  position: absolute;\n  top: 50%;\n  right: 0;\n  transform: translateY(-50%);\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 25px;\n  height: 100%;\n  padding: 0 15px;\n  background-color: ${props => props.theme.colors.brandColor};\n  fill: ${props => props.theme.colors.black};\n`;\n\nconst ClearFieldIcon = styled.svg`\n  position: absolute;\n  top: 50%;\n  right: 10px;\n  transform: translateY(-50%);\n  width: 10px;\n  padding: 10px;\n  fill: ${props => props.theme.colors.black};\n  \n  &:hover {\n    cursor: pointer;\n  }\n`;\n\nconst SearchInput = styled(Autocomplete)`\n  display: block;\n  width: 100%;\n  margin: 0;\n  padding: 16px 8px;\n  border: 1px solid ${props => props.theme.colors.benefitBoxTitleBorder};\n  border-radius: 2px;\n  font-family: NouvelRRegular;\n  font-size: 16px;\n  line-height: 18px;\n  \n  @media ${breakpoints.sm} {\n    max-width: 353px;\n  }\n  \n  &:placeholder {\n    font-family: 'NouvelR';\n  }\n  \n  &:focus {\n    outline: none;\n  }\n`;\n\nconst DealersContainer = styled.div`\n  display: flex;\n  flex-direction: column;\n  overflow: hidden;\n  width: 100%;\n  transition: width .5s ease;\n  will-change: width;\n  box-shadow: 0 2px 10px 0 rgb(0 0 0 / 20%);\n  \n  @media ${breakpoints.sm} {\n    position: relative;\n    width: 30%;\n    min-width: 400px;\n  }\n`;\n\nconst DealersContainerHeader = styled.div`\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  height: 47px;\n  padding-left: 16px;\n  overflow: hidden;\n  background-color: ${props => props.theme.colors.brandColor};\n  transition: height 1s ease;\n  will-change: height;\n`;\n\nconst DealersContainerIconsContainer = styled.div`\n  height: 100%;\n  border: 0;\n  \n  @media ${breakpoints.sm} {\n    display: none;\n  }\n`;\n\nconst DealerContainerIconDealers = styled.button`\n  display: inline-flex;\n  align-items: center;\n  position: relative;\n  min-height: 40px;\n  height: 100%;\n  padding: 0 32px;\n  border: 1px solid ${props => props.theme.colors.brandColor};\n  background-color: ${props => props.theme.colors.brandColor};\n`;\n\nconst DealerContainerIconMap = styled.button`\n  display: inline-flex;\n  align-items: center;\n  position: relative;\n  min-height: 40px;\n  height: 100%;\n  padding: 0 32px;\n  border: 1px solid ${props => props.theme.colors.brandColor};\n  background-color: ${props => props.theme.colors.brandColor};\n`;\n\nconst SvgIcon = styled.svg`\n  position: absolute;\n  top: 50%;\n  left: 16px;\n  transform: translateY(-50%);\n  width: 22px;\n  fill: ${props => props.theme.colors.black};\n`;\n\nconst DealersContainerCounter = styled.span`\n  flex: 1;\n  height: 35px;\n  font-family: NouvelRBold;\n  font-size: 14px;\n  line-height: 35px;\n  border-right: 1px solid ${props => props.theme.colors.black};\n  \n  @media ${breakpoints.sm} {\n    border-right: none;\n  }\n`;\n\nconst DealersListWrapper = styled.div`\n  position: absolute;\n  top: 209px;\n  width: 100%;\n  height: 0;\n  transition: height .5s ease;\n  will-change: height;\n  overflow: hidden;\n  \n  @media ${breakpoints.sm} {\n    position: relative;\n    top: 0;\n    height: calc(100% - 47px);\n  }\n  \n  &.is-open {\n    height: calc(100% - 209px);\n    \n    .is-group & {\n      height: calc(100% - 43px);\n    }\n  }\n  \n  .is-group & {\n    top: 43px;\n    \n    @media ${breakpoints.sm} {\n      top: 0;\n    }\n  }\n`;\n\nconst DealersList = styled.ul`\n  position: relative;\n  flex: 1;\n  width: 100%;\n  height: 100%;\n  margin: 0;\n  padding: 0;\n  background-color: ${props => props.theme.colors.white};\n  overflow: auto;\n  z-index: 1;\n`;\n\nconst GOOGLE_MAPS_KEY = process.env.REACT_APP_GOOGLE_MAPS_API_KEY;\nconst API_KEY = process.env.REACT_APP_API_KEY;\nconst API_URL = process.env.REACT_APP_API_URL;\n\nconst DealerLocator = ({center, zoom, dealers, googlePlace, setGooglePlace, data, setData, step, setStep, errorFunc}) => {\n  const { t } = useTranslation();\n\n  let dealerBoxes;\n  let markers;\n\n  const [mapCenter, setMapCenter] = useState(center);\n  const [mapZoom, setMapZoom] = useState(zoom);\n  const [activeDealer, setActiveDealer] = useState(0);\n  const [mobileDealers, setMobileDealers] = useState(false);\n  const [googlePlaceValue, setGooglePlaceValue] = useState('');\n\n  const dealerGroup = sessionStorage.getItem('tradeIn-dealerGroup') || '';\n\n  let newCar = (data.userData.buyCar === \"new\") ? \"VN\" : \"VO\";\n  if (data.userData.buyCar === \"no\") {\n    newCar = null;\n  }\n\n  useEffect(() => {\n    resetMap();\n\n    if (dealerGroup) {\n      setData({\n        type: 'UPDATE_LOADER',\n        payload: {\n          loader: true,\n        },\n      });\n\n      axios.get(`${API_URL}get-dealers?searchModel.pageSize=25&searchModel.carType=${newCar}&searchModel.brand=Renault&searchModel.groupName=${dealerGroup}`, {\n        headers: {\n          'apiKey': `${API_KEY}`\n        }\n      })\n          .then(function (response) {\n            setData({\n              type: 'UPDATE_DEALER_DATA',\n              payload: {\n                dealers: response.data\n              },\n            });\n            setData({\n              type: 'UPDATE_LOADER',\n              payload: {\n                loader: false,\n              },\n            });\n            errorFunc(null);\n          })\n          .catch(function (error) {\n            console.log(error);\n            errorFunc(t('responseErrorDefault'));\n            setData({\n              type: 'UPDATE_LOADER',\n              payload: {\n                loader: false,\n              },\n            });\n          });\n    } else {\n      if (googlePlace) {\n        setData({\n          type: 'UPDATE_LOADER',\n          payload: {\n            loader: true,\n          },\n        });\n\n        axios.get(`${API_URL}get-dealers?searchModel.pageSize=25&searchModel.carType=${newCar}&searchModel.brand=Renault&searchModel.geolocation=${googlePlace}`, {\n          headers: {\n            'apiKey': `${API_KEY}`\n          }\n        })\n            .then(function (response) {\n              setData({\n                type: 'UPDATE_DEALER_DATA',\n                payload: {\n                  dealers: response.data\n                },\n              });\n              setData({\n                type: 'UPDATE_LOADER',\n                payload: {\n                  loader: false,\n                },\n              });\n              errorFunc(null);\n              resetMapParam();\n              scrollListToStart();\n            })\n            .catch(function (error) {\n              console.log(error);\n              errorFunc(t('responseErrorDefault'));\n              setData({\n                type: 'UPDATE_LOADER',\n                payload: {\n                  loader: false,\n                },\n              });\n            });\n      }\n    }\n  }, [googlePlace]); // eslint-disable-line react-hooks/exhaustive-deps\n\n  const geolocationsHandler = () => {\n    if (navigator.geolocation) {\n      navigator.geolocation.getCurrentPosition((position) => {\n        setGooglePlace(`${position.coords.latitude};${position.coords.longitude}`);\n        setGooglePlaceValue('');\n        resetMapParam();\n        scrollListToStart();\n      });\n    }\n  };\n\n  const googlePlaceValueHandler = (e) => {\n    setGooglePlaceValue(e.target.value);\n  };\n\n  const clearSearchHandler = () => {\n    setGooglePlaceValue('');\n    resetMap();\n  };\n\n  const resetMapParam = () => {\n    setMapZoom(zoom);\n    setMapCenter(center);\n  };\n\n  const resetMap = () => {\n    setData({\n      type: 'CLEAR_DEALER_DATA'\n    });\n    resetMapParam();\n  };\n\n  const setActiveBox = (id) => {\n    const box = document.getElementById(id);\n    const topPos = box.offsetTop;\n    const list = document.getElementById('dealerList');\n    list.scrollTop = topPos;\n  };\n\n  const scrollListToStart = () => {\n    const list = document.getElementById('dealerList');\n    if (list) {\n      list.scrollTop = 0;\n    }\n  };\n\n  const _onChildClick = (key, childProps) => {\n    setActiveDealer(key);\n    setMapZoom(14);\n    setMapCenter({lat: childProps.lat, lng: childProps.lng});\n    setActiveBox(key);\n  };\n\n  const _onChildMouseEnter = (key) => {\n    setActiveDealer(key);\n  };\n\n  const hoverBoxHandler = (e) => {\n    setActiveDealer(e.currentTarget.getAttribute('id'));\n  };\n\n  const showDealers = () => {\n    setMobileDealers(true);\n  };\n\n  const hideDealers = () => {\n    setMobileDealers(false);\n  };\n\n  if (data.dealerData.dealers && data.dealerData.dealers.Locations) {\n    markers = data.dealerData.dealers.Locations.map(({Id, Lat, Lng}, i) => (\n        <Marker key={Id}\n                lat={Lat}\n                lng={Lng}\n                number={i+1}\n                activeClass={(Number(activeDealer) === Number(Id)) ? 'is-active' : ''}\n        />\n    ));\n\n    dealerBoxes = data.dealerData.dealers.Locations.map(({Id, Name, Street, PostalCode, City, PhoneNumber, Distance, Lat, Lng}, i) => (\n        <DealerBox key={i}\n                   i={i}\n                   id={Id}\n                   name={Name}\n                   street={Street}\n                   postalCode={PostalCode}\n                   city={City}\n                   phoneNumber={PhoneNumber}\n                   distance={Distance}\n                   activeDealer={activeDealer}\n                   lat={Lat}\n                   lng={Lng}\n                   data={data}\n                   setData={setData}\n                   step={step}\n                   setStep={setStep}\n                   hoverFunc={hoverBoxHandler}\n        />\n    ));\n  }\n\n  return (\n      <DealerLocatorWrapper className={dealerGroup ? 'is-group' : ''}>\n        <Loader loaderClass={data.loader} />\n        {!dealerGroup &&\n          <SearchContainer>\n            <SearchInnerContainer>\n              <ButtonSearchMap onClickFunc={geolocationsHandler} />\n              <OrSeparator>\n                {t('dealerLocatorOr')}\n              </OrSeparator>\n              <SearchField>\n                {!googlePlaceValue &&\n                  <Svg viewBox=\"0 0 30 30\">\n                    <path\n                        d=\"M29.251 27.717l-6.473-6.473c1.952-2.245 3.145-5.165 3.145-8.355 0-7.028-5.75-12.778-12.779-12.778C6.116.111.366 5.861.366 12.889s5.75 12.778 12.778 12.778c2.93 0 5.631-1.01 7.793-2.685l6.524 6.524c.256.256.511.383.895.383.383 0 .639-.128.895-.383a1.236 1.236 0 0 0 0-1.789zm-26.329-14.7c0-5.622 4.6-10.223 10.223-10.223s10.223 4.6 10.223 10.223-4.6 10.223-10.223 10.223c-5.623-.001-10.223-4.601-10.223-10.223z\"></path>\n                  </Svg>\n                }\n                {googlePlaceValue &&\n                  <ClearFieldIcon viewBox=\"0 0 30 30\" onClick={clearSearchHandler}>\n                    <path d=\"M29.999 2.512L27.5.012 14.999 12.504 2.498.012l-2.497 2.5L12.5 15.001.001 27.488l2.497 2.5 12.501-12.49L27.5 29.988l2.497-2.5-12.499-12.487z\"></path>\n                  </ClearFieldIcon>\n                }\n                <SearchInput\n                    type='text'\n                    placeholder={t('dealerLocatorInputPlaceholder')}\n                    value={googlePlaceValue}\n                    onChange={googlePlaceValueHandler}\n                    apiKey={GOOGLE_MAPS_KEY}\n                    onPlaceSelected={(place) => {\n                      setGooglePlace(`${place.geometry.location.lat()};${place.geometry.location.lng()}`);\n                    }} />\n              </SearchField>\n            </SearchInnerContainer>\n          </SearchContainer>\n        }\n        <MapWrapper>\n          {data.dealerData.dealers && data.dealerData.dealers.Locations &&\n          <DealersContainer>\n            <DealersContainerHeader>\n              <DealersContainerCounter>\n                {data.dealerData.dealers.Locations.length} {t('dealerLocatorCountPostfix')}\n              </DealersContainerCounter>\n              <DealersContainerIconsContainer>\n                {!mobileDealers &&\n                  <DealerContainerIconDealers onClick={showDealers}>\n                    <SvgIcon viewBox=\"0 0 30 30\"><path d=\"M28.297 5.008H9.716c-.769 0-1.393-.609-1.393-1.359S8.947 2.29 9.716 2.29h18.58c.771 0 1.394.609 1.394 1.359s-.624 1.359-1.393 1.359zm0 10.684H9.716c-.769 0-1.393-.609-1.393-1.359s.624-1.359 1.393-1.359h18.58c.771 0 1.394.609 1.394 1.359s-.624 1.359-1.393 1.359zm0 12.018H9.716c-.769 0-1.393-.609-1.393-1.359s.624-1.359 1.393-1.359h18.58c.771 0 1.394.609 1.394 1.359-.001.75-.624 1.359-1.393 1.359zM3.402 5.008H1.153c-.465 0-.843-.609-.843-1.359s.378-1.359.843-1.359h2.249c.466 0 .843.609.843 1.359s-.377 1.359-.843 1.359zm0 10.684H1.153c-.465 0-.843-.609-.843-1.359s.378-1.359.843-1.359h2.249c.466 0 .843.609.843 1.359.001.75-.377 1.359-.843 1.359zm0 12.018H1.153c-.465 0-.843-.609-.843-1.359s.378-1.359.843-1.359h2.249c.466 0 .843.609.843 1.359s-.377 1.359-.843 1.359z\"></path></SvgIcon>\n                  </DealerContainerIconDealers>\n                }\n                {mobileDealers &&\n                  <DealerContainerIconMap onClick={hideDealers}>\n                    <SvgIcon viewBox=\"0 0 30 30\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M27.55 22.61l-6.641 4.045V8.383l6.641-4.046V22.61zM10.946 4.22l8.302 4.213v18.34l-8.302-4.214V4.219zM2.644 8.382l6.642-4.046V22.61l-6.642 4.046V8.383zm26.152-6.27a.822.822 0 0 0-.83 0L20.077 6.95 10.48 2.096a.772.772 0 0 0-.249 0l-.116-.085a.802.802 0 0 0-.3.085H9.7L1.399 7.152A.844.844 0 0 0 1 7.877v20.227a.836.836 0 0 0 .825.848.82.82 0 0 0 .437-.123l7.854-4.787 9.547 4.854a.815.815 0 0 0 .796 0l8.302-5.056a.842.842 0 0 0 .4-.725V2.855a.844.844 0 0 0-.365-.742z\" fillRule=\"evenodd\"></path></SvgIcon>\n                  </DealerContainerIconMap>\n                }\n              </DealersContainerIconsContainer>\n            </DealersContainerHeader>\n            <DealersListWrapper className={(mobileDealers) ? 'is-open' : ''}>\n              <DealersList id=\"dealerList\">\n                {dealerBoxes}\n              </DealersList>\n            </DealersListWrapper>\n          </DealersContainer>\n          }\n          <GoogleMapReact\n              bootstrapURLKeys={{key: GOOGLE_MAPS_KEY}}\n              defaultCenter={center}\n              defaultZoom={zoom}\n              center={mapCenter}\n              zoom={mapZoom}\n              onChildClick={_onChildClick}\n              onChildMouseEnter={_onChildMouseEnter}\n          >\n            {markers}\n          </GoogleMapReact>\n        </MapWrapper>\n      </DealerLocatorWrapper>\n  );\n};\n\nDealerLocator.defaultProps = {\n  activeDealer: {},\n  dealerList: [],\n  center: {lat: 51.919438, lng: 19.145136},\n  zoom: 5\n};\n\nDealerLocator.propTypes = {\n  activeDealer: PropTypes.object,\n  dealerList: PropTypes.array,\n  center: PropTypes.shape({\n    lat: PropTypes.number,\n    lng: PropTypes.number\n  }),\n  zoom: PropTypes.number\n};\n\nexport default DealerLocator;\n","import React, { useState } from 'react';\nimport {useTranslation} from 'react-i18next';\nimport PropTypes from \"prop-types\";\nimport DealerLocator from '../dealer-locator/DealerLocator';\nimport Title from './_shared/Title';\nimport FormButtons from \"./_shared/FormButtons\";\nimport Error from './Error';\n\nconst FormStep7 = ({step, setStep, data, setData}) => {\n  const { t } = useTranslation();\n  const [googlePlace, setGooglePlace] = useState();\n  const [error, setError] = useState();\n\n  const errorHandler = (text) => {\n    setError(text);\n  };\n\n  const validHandler = () => {\n    if (!data.dealerData.dealer) {\n      setData({\n        type: 'UPDATE_ERROR',\n        payload: {\n          error: true\n        },\n      });\n    } else {\n      setData({\n        type: 'UPDATE_ERROR',\n        payload: {\n          error: false\n        },\n      });\n      setData({\n        type: 'UPDATE_NEXT_BUTTON',\n        payload: {\n          buttonStep7: true\n        },\n      });\n      setStep(step + 1);\n    }\n  };\n\n  return (\n      <>\n        {error &&\n          <Error text={error} />\n        }\n        {!error &&\n          <>\n            <Title title={t('finalStepDealerTitle')}/>\n            <DealerLocator center={{lat: 51.919438, lng: 19.145136}} zoom={6} dealers={data.dealerData.dealers} googlePlace={googlePlace} setGooglePlace={setGooglePlace} data={data} setData={setData} step={step} setStep={setStep} errorFunc={errorHandler}/>\n            <FormButtons next={validHandler} nextActive={data.stepsNextButtons.buttonStep7} prev={() => setStep(step - 1)} error={data.error}/>\n          </>\n        }\n      </>\n  );\n};\n\nFormStep7.propTypes = {\n  step: PropTypes.number.isRequired,\n  setStep: PropTypes.func.isRequired,\n  data: PropTypes.object.isRequired,\n  setData: PropTypes.func.isRequired,\n  dealerGroup: PropTypes.string\n};\n\nexport default FormStep7;\n","import React, { useEffect, useState } from 'react';\nimport {useTranslation} from 'react-i18next';\nimport styled from 'styled-components';\nimport PropTypes from \"prop-types\";\nimport { breakpoints } from \"../../commons/breakpoints\";\nimport Title from './_shared/Title';\nimport Loader from \"./_shared/Loader\";\nimport axios from \"axios\";\nimport GoogleMapReact from 'google-map-react';\nimport Marker from './../dealer-locator/Marker';\nimport Error from './Error';\n\nconst OfferContainer = styled.div`\n  margin-bottom: 32px;\n  \n  @media ${breakpoints.sm} {\n    display: flex;\n  }\n`;\n\nconst ResultBox = styled.div`\n  width: 100%;\n  \n  @media ${breakpoints.sm} {\n    flex: 1 1 0%;\n    width: 50%;\n    min-width: 500px;\n  }\n`;\n\nconst HeadBox = styled.div`\n  margin-bottom: 32px;\n`;\n\nconst Paragraph = styled.p`\n  font-size: 11px;\n  line-height: 16px;\n  \n  @media ${breakpoints.sm} {\n    font-size: 16px;\n    line-height: 23px;\n  }\n`;\n\nconst CarImage = styled.img`\n  display: block;\n  max-width: 100%;\n  height: auto;\n  margin: 0 auto 16px;\n`;\n\nconst InfoBox = styled.div`\n  position: relative;\n  padding: 23px 23px 23px 39px;\n  border: 1px solid ${props => props.theme.colors.benefitBoxTitleBorder};\n  background-color: ${props => props.theme.colors.darkWhite};\n`;\n\nconst InfoContainer = styled.div`\n  display: flex;\n  align-items: center;\n  margin: 8px 0;\n  \n  @media ${breakpoints.sm} {\n    margin: 16px 0;\n  }\n  \n  ${Paragraph} {\n    flex: 1 1 0%;\n    margin: 0;\n  }\n`;\n\nconst Svg = styled.svg`\n  width: 50px;\n  max-width: 100%;\n  margin-right: 16px;\n`;\n\nconst CarTableContainer = styled.div`\n  @media ${breakpoints.sm} {\n    display: flex;\n  }\n`;\n\nconst CarTable = styled.table`\n  width: 100%;\n  text-align: left;\n  border-collapse: collapse;\n  font-size: 11px;\n  line-height: 16px;\n  \n  @media ${breakpoints.sm} {\n    width: 50%; \n    font-size: 14px;\n    line-height: 20px;\n  }\n`;\n\nconst CarTableBody = styled.tbody`\n  box-shadow: rgba(0, 0, 0, 0.25) 0px 1px 1px 0px;\n`;\n\nconst CarTableRow = styled.tr`\n  border-top: 1px solid ${props => props.theme.colors.darkWhite};\n`;\n\nconst CarTableCell = styled.td`\n  padding: 12px 16px;\n  border-right: 1px solid ${props => props.theme.colors.darkWhite};\n  \n  &:nth-child(2) {\n    width: 40%;\n  }\n  \n  &.bold {\n    font-family: NouvelRBold;\n  }\n`;\n\nconst DealerSection = styled.div`\n  display: flex;\n  justify-content: space-between;\n  flex-direction: column;\n  margin-bottom: 64px;\n  \n  @media ${breakpoints.md} {\n    flex-direction: row;\n  }\n`;\n\nconst DealerInfo = styled.div`\n  display: block;\n  flex: 1 1 0%;\n  padding: 32px;\n  color: ${props => props.theme.colors.white};\n  background-color:  ${props => props.theme.colors.black};\n`;\n\nconst DealerMap = styled.div`\n  display: block;\n  width: 100%;\n  height: 500px;\n  min-height: 350px;\n  \n  @media ${breakpoints.md} {\n    width: 30%;\n    height: auto;\n  }\n`;\n\nconst DealerInfoTitle = styled.p`\n  margin: 0 0 32px 0;\n  font-size: 24px;\n  line-height: 34px;\n`;\n\nconst DealerInfoName = styled.p`\n  margin: 0;\n  font-family: NouvelRBold;\n  font-size: 16px;\n  line-height: 23px;\n`;\n\nconst DealerAddress = styled.div`\n  margin: 32px 0;\n`;\n\nconst DealerAddressLine = styled.div`\n  display: flex;\n  align-items: center;\n  margin-bottom: 16px;\n`;\n\nconst DealerAddressSvg = styled.svg`\n  width: 24px;\n  height: 24px;\n  margin-right: 8px;\n  fill: ${props => props.theme.colors.white};\n`;\n\nconst DealerAddressLink = styled.a`\n  color: ${props => props.theme.colors.white};\n  text-decoration: none;\n`;\n\nconst BonusWrapper = styled.div`\n  p:first-child {\n    margin-bottom: 0;\n    margin-top: 20px;\n    \n    @media ${breakpoints.md} {\n      margin-top: 30px;\n    }\n  }\n  ${Paragraph} {\n    margin: 0;\n    padding-left: 20px;\n  }\n`;\n\nconst Button = styled.a`\n  display: inline-block;\n  width: calc(100% - 32px);\n  padding: 16px;\n  color: ${props => props.theme.colors.black};\n  font-size: 13px;\n  line-height: 13px;\n  font-family: 'NouvelRBold';\n  text-align: center;\n  text-decoration: none;\n  background-color: ${props => props.theme.colors.brandColor};\n  border: 1px solid ${props => props.theme.colors.brandColor};\n  vertical-align: middle;\n  transition: background-color 0.5s ease 0s, color 0.5s ease 0s, border-color 0.5s ease 0s, color 0.5s ease 0s;\n  cursor: pointer;\n  \n  @media ${breakpoints.sm} {\n    width: 90%;\n    font-size: 14px;\n    line-height: 14px;\n  }\n  \n  &:hover {\n    color: ${props => props.theme.colors.white};\n    background-color: ${props => props.theme.colors.black};\n    border-color: ${props => props.theme.colors.black};\n  }\n`;\n\nconst GOOGLE_MAPS_KEY = process.env.REACT_APP_GOOGLE_MAPS_API_KEY;\nconst API_KEY = process.env.REACT_APP_API_KEY;\nconst API_URL = process.env.REACT_APP_API_URL;\n\nconst FormStep8 = ({step, setStep, data, setData}) => {\n  const { t } = useTranslation();\n  const [quotation, setQuotation] = useState({});\n  const [pricingId, setPricingId] = useState(null);\n  const [error, setError] = useState(null);\n  const selectedModel = data.carData.models.filter(el => el.Key.toString() === data.carData.model.toString());\n  const selectedFuel = data.carData.fuels.filter(el => el.Key.toString() === data.carData.fuel.toString());\n  const selectDealer = data.dealerData.dealers.Locations.filter(el => el.Id === data.dealerData.dealer);\n  const dealerLat = selectDealer[0].Lat;\n  const dealerLng = selectDealer[0].Lng;\n  const carImageAlt = `${data.carData.brand.label} ${selectedModel[0].Value}`;\n  const campaign = sessionStorage.getItem('tradeIn-campaign') || '';\n  const origin = sessionStorage.getItem('tradeIn-origin') || '';\n  let selectedMonth = data.carData.monthIndex;\n  let newCar = (data.userData.buyCar === \"new\") ? \"VN\" : \"VO\";\n  let interestCar = data.userData.newCar;\n  let GACLIENTID = '';\n  const GATRACKID = 'UA-19959194-2';\n  const marketingOptinStatusEmail = data.userData.rEmail ? 'y' : 'n';\n  const marketingOptinStatusTelephone = data.userData.rPhone ? 'y' : 'n';\n  const marketingOptinStatusSms = data.userData.rSms ? 'y' : 'n';\n  const marketingOptinStatus = `general: y, email: ${marketingOptinStatusEmail}, telephone: ${marketingOptinStatusTelephone}, sms: ${marketingOptinStatusSms}`;\n\n  if (window.ga && window.ga !== undefined && typeof window.ga.getAll === 'function') {\n    const tracker = window.ga.getAll()[0];\n    const clientId = tracker.get('clientId');\n    GACLIENTID = clientId;\n  }\n\n  if (data.carData.monthIndex < 10) {\n    selectedMonth = '0' + data.carData.monthIndex;\n  }\n\n  if (data.userData.buyCar === \"no\") {\n    newCar = null;\n  }\n\n  const deviceType = () => {\n    const ua = navigator.userAgent;\n    if (/(tablet|ipad|playbook|silk)|(android(?!.*mobi))/i.test(ua)) {\n      return \"tablet\";\n    }\n    else if (/Mobile|Android|iP(hone|od)|IEMobile|BlackBerry|Kindle|Silk-Accelerated|(hpw|web)OS|Opera M(obi|ini)/.test(ua)) {\n      return \"mobile\";\n    }\n    return \"desktop\";\n  };\n\n  useEffect(() => {\n    setData({\n      type: 'UPDATE_LOADER',\n      payload: {\n        loader: true,\n      },\n    });\n\n    axios.post(`${API_URL}add-tradeid-pricing`,\n        {\n          \"EcCode\": data.carData.car,\n          \"FirstRegistrationDate\": `${data.carData.year}-${data.carData.monthIndex}`,\n          \"Mileage\": data.carData.mileage,\n          \"ClientRequestDescription\": \"\",\n          \"TypeOfInterest\": newCar,\n          \"ModelOfInterest\": interestCar,\n          \"DealerId\": selectDealer[0].Bir,\n          \"Customer\": {\n            \"CustomerType\": \"Customer\",\n            \"CompanyName\": \"string\",\n            \"ContactPerson\": \"string\",\n            \"FirstName\": data.userData.name,\n            \"LastName\": data.userData.surname,\n            \"Email\": data.userData.email,\n            \"Phone\": data.userData.phone,\n            \"DataProcessing\": true,\n            \"DataProcessingText\": t('formCheckboxOWU'),\n            \"ContactByPhone\": data.userData.rPhone,\n            \"ContactByPhoneText\": t('formRPhoneTitle'),\n            \"ContactByEmail\": data.userData.rEmail,\n            \"ContactByEmailText\": t('formREmailTitle'),\n            \"ContactBySms\": data.userData.rSms,\n            \"ContactBySmsText\": t('formRSmsTitle')\n          },\n          \"AdditionalInfo\": {\n            \"GaClientID\": GACLIENTID,\n            \"GaTrackID\": GATRACKID,\n            \"GaUserID\": null,\n            \"Campaign\": campaign,\n            \"Device\": deviceType(),\n            \"Origin\": origin\n          },\n        },\n        {\n          headers: {\n            'apiKey': `${API_KEY}`\n          }\n        })\n        .then(function(response) {\n          if (response.data.Success) {\n            setQuotation(response.data);\n            setPricingId(response.data.Data.PricingId);\n            setError(null);\n\n            let dataLayer = window.dataLayer = window.dataLayer || [];\n            dataLayer.push({\n              pageName: \"form/Wycena\",\n              pageType: \"form\",\n              businessType: \"used-car\",\n              formName: \"ML-TI2S\",\n              formType: \"trade_in_request\",\n              formCategory: \"lead_usedcar\",\n              formStepName: \"complete\",\n              formStepNumber: \"8\",\n              leadId: response.data.Data.LeadId,\n              marketingOptinStatus: marketingOptinStatus,\n              event: \"formValidate\",\n              eventCategory: \"Leadform Validations\",\n              eventAction: \"lead_vn\",\n              eventLabel: \"ML-TI2S\",\n              dealerName: selectDealer[0].Name,\n              dealerId: selectDealer[0].Bir,\n              vehicleModel: selectedModel[0].Value,\n              vehicleId: selectedModel[0].Key\n            });\n\n          } else {\n            setError(response.data.Errors[0]);\n          }\n          setData({\n            type: 'UPDATE_LOADER',\n            payload: {\n              loader: false,\n            },\n          });\n        })\n        .catch(function(error) {\n          console.log(error);\n          setError(t('responseErrorDefault'));\n          setData({\n            type: 'UPDATE_LOADER',\n            payload: {\n              loader: false,\n            },\n          });\n        });\n  }, []); // eslint-disable-line react-hooks/exhaustive-deps\n\n  return (\n      <>\n        <Loader loaderClass={data.loader} opacity=\"1\" />\n        {error &&\n          <Error text={error} />\n        }\n        {!error &&\n          <>\n            <OfferContainer>\n              <ResultBox>\n                <HeadBox>\n                  <Paragraph>\n                    {t('finalStepCarParagraph1')} {data.carData.brand.label} {selectedModel[0].Value}.\n                  </Paragraph>\n                </HeadBox>\n                <div>\n                  {!pricingId &&\n                    <>\n                      <Title title={t('finalStepFailTitle')}/>\n                      <InfoBox>\n                        <InfoContainer>\n                          <Svg viewBox=\"0 0 44 42\" xmlns=\"http://www.w3.org/2000/svg\">\n                            <g fill=\"none\" fillRule=\"evenodd\">\n                              <path d=\"M10.513 20.66h-1.01a1.518 1.518 0 0 1-1.513-1.524V14.05a1.52 1.52 0 0 1 1.514-1.525h1.01a1.52 1.52 0 0 1 1.513 1.526v5.086a1.52 1.52 0 0 1-1.514 1.525z\" stroke=\"#000\" strokeWidth=\"1.5\"></path>\n                              <path stroke=\"#000\" d=\"M18.756 40l.672-3.068h5.383l.674 3.062zm-3.854-12.465l-.184-.095-.673 2.532 5.383 6.96 2.692-5.695c-2.83 0-5.385-1.498-7.218-3.702zm14.436 0c-1.833 2.204-4.388 3.702-7.218 3.702l2.692 5.695 5.382-6.96-.672-2.532-.184.095z\"></path>\n                              <path d=\"M41.144 34.685c-3.71-1.967-7.23-3.464-10.472-3.854h-.306l-4.404 6.102.673 3.384h-.252v.006h16.4v-2.898a3.1 3.1 0 0 0-1.64-2.74zm-27.27-3.855h-.307c-3.242.39-6.762 1.888-10.47 3.855a3.096 3.096 0 0 0-1.64 2.74v2.897h16.148l.672-3.39-4.403-6.1z\" stroke=\"#000\" strokeWidth=\"1.5\"></path>\n                              <path stroke=\"#002F8A\" strokeWidth=\"3\" d=\"M18.756 40.322h.252z\"></path>\n                              <path d=\"M33.727 20.66h1.01c.835 0 1.513-.682 1.513-1.524V14.05a1.52 1.52 0 0 0-1.514-1.525h-1.01a1.52 1.52 0 0 0-1.513 1.526v5.086a1.52 1.52 0 0 0 1.514 1.525zm.503-8.135C34.23 3.627 28.006 1 22.12 1c-5.886 0-12.112 2.627-12.112 11.525\" stroke=\"#000\" strokeWidth=\"1.5\"></path>\n                              <path d=\"M12.027 13.88c0-5.615 4.52-10.168 10.093-10.168 5.574 0 10.093 4.553 10.093 10.17v4.745c0 5.99-4.52 12.204-10.093 12.204-5.574 0-10.093-6.212-10.093-12.203V13.88z\" stroke=\"#000\" strokeWidth=\"1.5\"></path>\n                              <path fill=\"#EA5B94\" d=\"M27.165 23.235a.734.734 0 0 1-.39.466c-3.516 1.808-6.354 1.633-8.512-.52a.87.87 0 0 1-.242-.566.89.89 0 0 1 .228-.583.829.829 0 0 1 .572-.23.828.828 0 0 1 .585.224c1.686 1.586 3.897 1.674 6.632.264a.798.798 0 0 1 .614-.05.734.734 0 0 1 .47.4.69.69 0 0 1 .045.597z\"></path>\n                              <path d=\"M34.23 20.66c0 3-1.796 5.425-11.437 5.425\" stroke=\"#000\" strokeWidth=\"2\"></path>\n                            </g>\n                          </Svg>\n                          <Paragraph>{t('finalStepFailContent')}</Paragraph>\n                        </InfoContainer>\n                      </InfoBox>\n                    </>\n                  }\n                  {pricingId &&\n                    <>\n                      <Title title={t('finalStepTitle')}/>\n                      <InfoBox>\n                        <InfoContainer>\n                          <Svg viewBox=\"0 0 44 42\" xmlns=\"http://www.w3.org/2000/svg\">\n                            <g fill=\"none\" fillRule=\"evenodd\">\n                              <path d=\"M10.513 20.66h-1.01a1.518 1.518 0 0 1-1.513-1.524V14.05a1.52 1.52 0 0 1 1.514-1.525h1.01a1.52 1.52 0 0 1 1.513 1.526v5.086a1.52 1.52 0 0 1-1.514 1.525z\" stroke=\"#000\" strokeWidth=\"1.5\"></path>\n                              <path stroke=\"#000\" d=\"M18.756 40l.672-3.068h5.383l.674 3.062zm-3.854-12.465l-.184-.095-.673 2.532 5.383 6.96 2.692-5.695c-2.83 0-5.385-1.498-7.218-3.702zm14.436 0c-1.833 2.204-4.388 3.702-7.218 3.702l2.692 5.695 5.382-6.96-.672-2.532-.184.095z\"></path>\n                              <path d=\"M41.144 34.685c-3.71-1.967-7.23-3.464-10.472-3.854h-.306l-4.404 6.102.673 3.384h-.252v.006h16.4v-2.898a3.1 3.1 0 0 0-1.64-2.74zm-27.27-3.855h-.307c-3.242.39-6.762 1.888-10.47 3.855a3.096 3.096 0 0 0-1.64 2.74v2.897h16.148l.672-3.39-4.403-6.1z\" stroke=\"#000\" strokeWidth=\"1.5\"></path>\n                              <path stroke=\"#002F8A\" strokeWidth=\"3\" d=\"M18.756 40.322h.252z\"></path>\n                              <path d=\"M33.727 20.66h1.01c.835 0 1.513-.682 1.513-1.524V14.05a1.52 1.52 0 0 0-1.514-1.525h-1.01a1.52 1.52 0 0 0-1.513 1.526v5.086a1.52 1.52 0 0 0 1.514 1.525zm.503-8.135C34.23 3.627 28.006 1 22.12 1c-5.886 0-12.112 2.627-12.112 11.525\" stroke=\"#000\" strokeWidth=\"1.5\"></path>\n                              <path d=\"M12.027 13.88c0-5.615 4.52-10.168 10.093-10.168 5.574 0 10.093 4.553 10.093 10.17v4.745c0 5.99-4.52 12.204-10.093 12.204-5.574 0-10.093-6.212-10.093-12.203V13.88z\" stroke=\"#000\" strokeWidth=\"1.5\"></path>\n                              <path fill=\"#EA5B94\" d=\"M27.165 23.235a.734.734 0 0 1-.39.466c-3.516 1.808-6.354 1.633-8.512-.52a.87.87 0 0 1-.242-.566.89.89 0 0 1 .228-.583.829.829 0 0 1 .572-.23.828.828 0 0 1 .585.224c1.686 1.586 3.897 1.674 6.632.264a.798.798 0 0 1 .614-.05.734.734 0 0 1 .47.4.69.69 0 0 1 .045.597z\"></path>\n                              <path d=\"M34.23 20.66c0 3-1.796 5.425-11.437 5.425\" stroke=\"#000\" strokeWidth=\"2\"></path>\n                            </g>\n                          </Svg>\n                          <Paragraph>{t('finalStepCarParagraph2')}</Paragraph>\n                        </InfoContainer>\n                      </InfoBox>\n                    </>\n                  }\n                </div>\n                {quotation.Success && quotation.Data.BonusInfo &&\n                  <BonusWrapper>\n                    <Title title={t('finalStepBonusTitle')} />\n                    <Paragraph dangerouslySetInnerHTML={ { __html :quotation.Data.BonusInfo } }></Paragraph>\n                  </BonusWrapper>\n                }\n              </ResultBox>\n              <div>\n                {quotation.Success &&\n                  <CarImage src={(quotation.Data.ImageUrl) ? quotation.Data.ImageUrl : process.env.PUBLIC_URL + 'default-car.png'} alt={carImageAlt}/>\n                }\n              </div>\n            </OfferContainer>\n            <Title title={t('finalStepCarSectionTitle')}/>\n            <CarTableContainer>\n              <CarTable>\n                <CarTableBody>\n                  <CarTableRow>\n                    <CarTableCell>\n                      {t('finalStepBrandLiteral')}\n                    </CarTableCell>\n                    <CarTableCell className=\"bold\">\n                      {data.carData.brand.label}\n                    </CarTableCell>\n                  </CarTableRow>\n                  <CarTableRow>\n                    <CarTableCell>\n                      {t('finalStepModelLiteral')}\n                    </CarTableCell>\n                    <CarTableCell className=\"bold\">\n                      {selectedModel[0].Value}\n                    </CarTableCell>\n                  </CarTableRow>\n                </CarTableBody>\n              </CarTable>\n              <CarTable>\n                <CarTableBody>\n                  <CarTableRow>\n                    <CarTableCell>\n                      {t('finalStepDriveLiteral')}\n                    </CarTableCell>\n                    <CarTableCell className=\"bold\">\n                      {selectedFuel[0].Value}\n                    </CarTableCell>\n                  </CarTableRow>\n                  <CarTableRow>\n                    <CarTableCell>\n                      {t('finalStepRegistrationDateLiteral')}\n                    </CarTableCell>\n                    <CarTableCell className=\"bold\">\n                      {selectedMonth}/{data.carData.year}\n                    </CarTableCell>\n                  </CarTableRow>\n                </CarTableBody>\n              </CarTable>\n            </CarTableContainer>\n            <DealerSection>\n              <DealerInfo>\n                <DealerInfoTitle>\n                  {t('finalStepDealerTitle')}\n                </DealerInfoTitle>\n                <DealerInfoName>\n                  {selectDealer[0].Name}\n                </DealerInfoName>\n                <DealerAddress>\n                  <DealerAddressLine>\n                    <DealerAddressSvg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 30 30\">\n                      <path d=\"M14.334 0l.16.001.178-.001c.076 0 .151.005.156.01 2.244.09 4.21.797 5.868 2.11 2.208 1.678 3.31 4.214 3.31 7.544 0 3.335-3.052 8.872-9.151 16.759l-.531.686-.518-.696C7.936 18.53 5 12.993 5 9.663 5 6.335 6.102 3.799 8.3 2.13 9.842.906 11.64.209 13.675.04l.659-.04zm.019 1.321c-2.022.058-3.76.67-5.246 1.848-1.859 1.412-2.79 3.555-2.79 6.495 0 2.85 2.674 7.98 8.027 15.263 5.565-7.286 8.345-12.418 8.345-15.263 0-2.94-.93-5.083-2.8-6.503-1.446-1.146-3.144-1.757-5.182-1.842-.115-.002-.115-.002-.213-.001l-.141.003zm-.02 12.515c-2.395 0-4.337-1.898-4.337-4.238 0-2.34 1.942-4.238 4.338-4.238 2.395 0 4.337 1.897 4.337 4.238 0 2.34-1.942 4.238-4.337 4.238zm0-1.317c1.676 0 3.022-1.315 3.022-2.921 0-1.606-1.346-2.921-3.021-2.921-1.675 0-3.021 1.315-3.021 2.92 0 1.607 1.346 2.922 3.02 2.922zm-3.658 11.65l.238 1.296c-1.582.29-2.249.74-2.249 1.23 0 .558.64 1.134 2.077 1.65.678.22 1.862.338 3.524.338 1.657 0 2.81-.117 3.442-.339 1.541-.491 2.217-1.066 2.217-1.649 0-.523-.618-.932-2.134-1.14l.178-1.304c2.088.285 3.273 1.07 3.273 2.444 0 1.315-1.108 2.257-3.115 2.898-.79.278-2.065.407-3.86.407-1.79 0-3.091-.13-3.95-.409-1.921-.69-2.969-1.632-2.969-2.896 0-1.33 1.192-2.133 3.328-2.525z\"></path>\n                    </DealerAddressSvg>\n                    <DealerAddressLink\n                        href={`https://www.google.com/maps/place/${selectDealer[0].Street} ${selectDealer[0].PostalCode} ${selectDealer[0].City}`}\n                        target=\"_blank\">\n                      {`${selectDealer[0].Street}, ${selectDealer[0].PostalCode} ${selectDealer[0].City}`}\n                    </DealerAddressLink>\n                  </DealerAddressLine>\n                  <DealerAddressLine>\n                    <DealerAddressSvg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\">\n                      <path d=\"M12.784 17.469c0 .48-.24.792-.792.792-.528 0-.792-.312-.792-.792 0-.504.264-.792.792-.792.552 0 .792.288.792.792zM10.768 6.524h2.472V5.516h-2.472v1.008zM8.656 19.509h6.673c.48 0 .672-.264.672-.887V5.348c0-.624-.193-.888-.672-.888H8.656c-.48 0-.672.264-.672.888v13.274c0 .623.192.887.672.887zM7 5.204C7 4.052 7.551 3.5 8.704 3.5h6.576c1.153 0 1.705.552 1.705 1.704v13.585c0 1.152-.552 1.704-1.704 1.704H8.704C7.551 20.494 7 19.942 7 18.79V5.204z\"></path>\n                    </DealerAddressSvg>\n                    <DealerAddressLink href={`tel:${selectDealer[0].PhoneNumber}`}>\n                      {selectDealer[0].PhoneNumber}\n                    </DealerAddressLink>\n                  </DealerAddressLine>\n                </DealerAddress>\n              </DealerInfo>\n              <DealerMap>\n                <GoogleMapReact bootstrapURLKeys={{key: GOOGLE_MAPS_KEY}} defaultCenter={{lat: dealerLat, lng: dealerLng}} defaultZoom={14}>\n                  <Marker key={1} lat={dealerLat} lng={dealerLng} number={''}/>\n                </GoogleMapReact>\n              </DealerMap>\n            </DealerSection>\n            <Title title={t('viewOffer')}/>\n            <div style={{width: `240px`, marginBottom: `20px`}} >\n              <Button href={'https://salon.renault.pl/'} target=\"_blank\">{t('textButton')}</Button>\n            </div>\n          </>\n        }\n      </>\n  );\n};\n\nFormStep8.propTypes = {\n  step: PropTypes.number.isRequired,\n  setStep: PropTypes.func.isRequired,\n  data: PropTypes.object.isRequired,\n  setData: PropTypes.func.isRequired,\n};\n\nexport default FormStep8;\n","import React from 'react'\nimport FormStep1 from './FormStep1'\nimport FormStep2 from './FormStep2'\nimport FormStep3 from './FormStep3'\nimport FormStep4 from './FormStep4'\nimport FormStep5 from './FormStep5'\nimport FormStep6 from './FormStep6'\nimport FormStep7 from './FormStep7'\nimport FormStep8 from './FormStep8'\n\n\nconst FormSteps = (step, setStep, data, setData) => [\n  {\n    activeStep: '1',\n    accomplish: '1/6',\n    accomplishStep: '1',\n    content: (\n        <FormStep1\n            setStep={setStep}\n            step={step}\n            data={data}\n            setData={setData}\n        />\n    ),\n  },\n  {\n    activeStep: '1',\n    accomplish: '2/6',\n    accomplishStep: '1',\n    content: (\n        <FormStep2\n            setStep={setStep}\n            step={step}\n            data={data}\n            setData={setData}\n        />\n    ),\n  },\n  {\n    activeStep: '1',\n    accomplish: '3/6',\n    accomplishStep: '1',\n    content: (\n        <FormStep3\n            setStep={setStep}\n            step={step}\n            data={data}\n            setData={setData}\n        />\n    ),\n  },\n  {\n    activeStep: '1',\n    accomplish: '4/6',\n    accomplishStep: '1',\n    content: (\n        <FormStep4\n            setStep={setStep}\n            step={step}\n            data={data}\n            setData={setData}\n        />\n    ),\n  },\n  {\n    activeStep: '1',\n    accomplish: '5/6',\n    accomplishStep: '1',\n    content: (\n        <FormStep5\n            setStep={setStep}\n            step={step}\n            data={data}\n            setData={setData}\n        />\n    ),\n  },\n  {\n    activeStep: '2',\n    accomplish: '',\n    accomplishStep: '2',\n    content: (\n        <FormStep6\n            setStep={setStep}\n            step={step}\n            data={data}\n            setData={setData}\n        />\n    ),\n  },\n  {\n    activeStep: '2',\n    accomplish: '1/2',\n    accomplishStep: '2',\n    content: (\n        <FormStep7\n            setStep={setStep}\n            step={step}\n            data={data}\n            setData={setData}\n        />\n    ),\n  },\n  {\n    activeStep: '3',\n    accomplish: '',\n    accomplishStep: '3',\n    content: (\n        <FormStep8\n            setStep={setStep}\n            step={step}\n            data={data}\n            setData={setData}\n        />\n    ),\n  },\n];\n\nexport default FormSteps;\n","import React from 'react';\nimport styled from 'styled-components';\nimport {useTranslation} from \"react-i18next\";\nimport { breakpoints } from \"../../../commons/breakpoints\";\nimport PropTypes from 'prop-types';\n\nconst Wrapper = styled.div`\n  margin-bottom: 48px;\n  border-bottom: 1px solid ${props => props.theme.colors.darkWhite};\n  \n  @media ${breakpoints.sm} {\n    margin-bottom: 40px;\n  }\n`;\n\nconst Svg = styled.svg`\n  position: absolute;\n  bottom: -6px;\n  left: calc(50% - 6px);\n  z-index: 2;\n  display: none;\n  height: 12px;\n`;\n\nconst List = styled.ul`\n  display: flex;\n  justify-content: center;\n  align-items: flex-end;\n  margin: 0;\n  padding: 32px 8px 8px;\n  counter-reset: step;\n  \n  @media ${breakpoints.sm} {\n    padding: 5px 8px 8px;\n  }\n`;\n\nconst ListItem = styled.li`\n  flex: 1 1 0%;\n  position: relative;\n  max-width: 180px;\n  margin-bottom: 16px;\n  color: ${props => props.theme.colors.benefitBoxTitleBorder};\n  text-align: center;\n  list-style: none;\n  \n  &:before {\n      position: absolute;\n      bottom: 0;\n      left: -50%;\n      content: \"\";\n      width: 100%;\n      border-bottom: 1px solid;\n    }\n  \n  &:first-child {\n    &:before {\n      display: none;\n    }\n  }\n  \n  &:after {\n    position: absolute;\n    bottom: -10px;\n    left: calc(50% - 10px);\n    z-index: 1;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    width: 18px;\n    height: 18px;\n    counter-increment: step;\n    content: counter(step);\n    border: 1px solid ${props => props.theme.colors.benefitBoxTitleBorder};\n    background-color: ${props => props.theme.colors.white};\n    color: ${props => props.theme.colors.benefitBoxTitleBorder};\n    font-size: 10px;\n    border-radius: 50%;\n  }\n  \n  &.is-active {\n    font-family: 'NouvelRBold';\n    \n    &:after {\n      bottom: -12px;\n      left: calc(50% - 12px);\n      width: 24px;\n      height: 24px;\n      color: ${props => props.theme.colors.black};\n      background-color: ${props => props.theme.colors.brandColor};\n      border: none;\n    }\n  }\n  \n  &.is-complete {\n    &:after {\n      color: ${props => props.theme.colors.darkWhite};\n      border-color: ${props => props.theme.colors.darkWhite};\n      background-color: ${props => props.theme.colors.darkWhite};\n    }\n    \n    ${Svg} {\n      display: block;\n    }\n  }\n`;\n\nconst ListItemTitle = styled.span`\n  display: none;\n  padding-bottom: 16px;\n  color: ${props => props.theme.colors.benefitBoxTitleBorder};\n  font-size: 10px;\n  line-height: 14px;\n  \n  @media ${breakpoints.sm} {\n    display: inline-block;\n  }\n  \n  &.is-active {\n    color: ${props => props.theme.colors.black};\n  }\n  \n  .is-complete & {\n    font-family: 'NouvelRBold';\n  }\n`;\n\nconst ListAccommplish = styled.span`\n  position: absolute;\n  bottom: 0;\n  left: -50%;\n  border-bottom: 1px solid ${props => props.theme.colors.brandColor};\n\n  &:after {\n    position: absolute;\n    right: 0;\n    bottom: 6px;\n    width: 0;\n    height: 0;\n    content: \"\";\n    border-color: transparent;\n    border-style: solid;\n    border-width: 6px 6px 0;\n    border-top-color: ${props => props.theme.colors.brandColor};\n    transform: translateX(50%);\n  }\n`;\n\nfunction Stepper({activeStep, accomplish, accomplishStep}) {\n  const { t } = useTranslation();\n  let accomplishStepTab;\n  let accomplishPercent;\n\n  if (accomplish) {\n    accomplishStepTab = accomplish.split('/');\n    accomplishPercent = ((accomplishStepTab[0] / accomplishStepTab[1]) * 100).toFixed(4);\n  }\n\n  const steps = t('stepperTitles', { returnObjects: true }).map(({title}, i) =>\n      <ListItem className={i + 1 === Number(activeStep) ? 'stepper_list-item is-active' : (i + 1 < Number(activeStep)) ? 'stepper_list-item is-complete' : 'stepper_list-item'} key={i}>\n        <ListItemTitle className={i + 1 === Number(activeStep) ? 'stepper_list-title is-active' : (i + 1 < Number(activeStep)) ? 'stepper_list-title is-complete' : 'stepper_list-title'}>{title}</ListItemTitle>\n        {(accomplish && Number(accomplishStep) + 1 === i + 1) ? <ListAccommplish className='stepper_list-accomplish' style={{width: `${accomplishPercent}%`}} /> : null}\n        <Svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 30 30\">\n          <path d=\"M20.9 6.2h3c-3.1 6-6.2 12.3-9.3 17.5h-1.9c-2.7-3.3-5.1-7-7.1-10h3.1c1.5 2.3 3.2 4.6 4.8 6.8 2.8-5 5.4-9.9 7.4-14.3z\" fillRule=\"evenodd\"></path>\n        </Svg>\n      </ListItem>\n  );\n\n  return (\n      <Wrapper className=\"stepper\">\n        <List className=\"stepper_list\">\n          {steps}\n        </List>\n      </Wrapper>\n  );\n}\nStepper.defaultProps = {\n  activeStep: '1'\n};\n\nStepper.propTypes = {\n  activeStep: PropTypes.string.isRequired,\n  accomplish: PropTypes.string,\n  accomplishStep: PropTypes.string\n};\n\nexport default Stepper;\n","import React, { useReducer, useState } from 'react';\nimport styled from \"styled-components\";\nimport {breakpoints} from \"../../commons/breakpoints\";\nimport FormLayout from './FormLayout';\nimport {DataReducer, DefaultData } from './data-reducer';\nimport FormSteps from './FormSteps';\nimport Stepper from \"./_shared/Stepper\";\n\nconst Section = styled.section`\n  max-width: ${props => props.theme.sizes.contentWidth};\n  margin: 0 8px;\n  padding: 0;\n  \n  @media ${breakpoints.sm} {\n    margin: 0 auto;\n  }\n  \n  @media ${breakpoints.lg} {\n    min-height: calc(100vh - 271px);\n  }\n`;\n\nconst SectionWrapper = styled.div`\n  @media ${breakpoints.sm} {\n    margin: 0 32px;\n  }\n  \n  @media ${breakpoints.lg} {\n    margin: 0;\n  }\n`;\n\nexport const Form = () => {\n  let [step, setStep] = useState(0);\n  const [data, setData] = useReducer(DataReducer, DefaultData);\n  let steps = FormSteps(step, setStep, data, setData);\n\n  return (\n      <FormLayout>\n        <Stepper activeStep={steps[`${step}`].activeStep} accomplish={steps[`${step}`].accomplish} accomplishStep={steps[`${step}`].accomplishStep} />\n        <Section>\n          <SectionWrapper>{steps[`${step}`].content}</SectionWrapper>\n        </Section>\n      </FormLayout>\n  )\n};\n\nexport default Form\n","import styled from 'styled-components';\nimport { breakpoints } from \"../../commons/breakpoints\";\nimport PropTypes from 'prop-types';\nimport { Link } from \"react-router-dom\";\n\nconst StyledLink = styled(Link)`\n  display: block;\n  margin: 32px 0 16px;\n  padding: 16px;\n  color: ${props => props.theme.colors.black};\n  font-size: 11px;\n  line-height: 11px;\n  font-family: 'NouvelRBold';\n  text-align: center;\n  text-decoration: none;\n  background-color: rgba(255, 255, 255, .75);\n  vertical-align: middle;\n  \n  @media ${breakpoints.sm} {\n    font-size: 14px;\n    line-height: 14px;\n  }\n`;\n\nconst LinkButton = ({text, destination}) => {\n  return (\n      <StyledLink to={destination} className=\"link-button\">{text}</StyledLink>\n  );\n};\n\nLinkButton.propTypes = {\n  text: PropTypes.string.isRequired,\n  destination: PropTypes.string.isRequired\n};\n\nexport default LinkButton;\n","import React from 'react';\nimport styled from 'styled-components';\nimport { breakpoints } from '../../commons/breakpoints';\nimport { useTranslation } from 'react-i18next';\nimport LinkButton from '../_shared/LinkButton';\n\nconst List = styled.ul`\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  position: relative;\n  margin: 16px 0;\n  padding: 16px;\n  background-color: hsla(0, 0%, 100%, .75);\n  border-radius: 4px;\n  \n  @media ${breakpoints.sm} {\n    flex-wrap: wrap;\n  }\n`;\n\nconst ListItem = styled.li`\n  display: flex;\n  flex-grow: 1;\n  position: relative;\n  font-size: 11px;\n  line-height: 16px;\n  padding: 0 0 0 32px;\n  \n  @media ${breakpoints.sm} {\n    width: 100%;\n    margin: 16px 8px;\n    padding-left: 64px;\n    font-size: 16px;\n    line-height: 20px;\n  }\n  \n  &:after {\n    position: absolute;\n    left: 0;\n    width: 15px;\n    height: 15px;\n    border-radius: 50%;\n    content: \"\";\n    background-color: ${props => props.theme.colors.black};\n    \n    @media ${breakpoints.sm} {\n      width: 30px;\n      height: 30px;\n    }\n  }\n`;\n\nconst Svg = styled.svg`\n  position: absolute;\n  left: 1px;\n  z-index: 1;\n  display: block;\n  width: 15px;\n  fill: ${props => props.theme.colors.brandColor};\n  \n  @media ${breakpoints.sm} {\n    top: 4px;\n    left: 7px;\n    width: 25px;\n  }\n`;\n\nconst BenefitTitle = styled.p`\n  margin: 0 0 4px;\n  font-family: 'NouvelRBold';\n  font-size: 14px;\n  line-height: 20px;\n  text-transform: uppercase;\n`;\n\nconst BenefitDesc = styled.p`\n  margin: 0;\n  font-size: 14px;\n  line-height: 20px;\n`;\n\nconst Benefits = () => {\n  const { t } = useTranslation();\n  const benefitsMap = t('benefits', { returnObjects: true }).map(({title, desc}, i) =>\n      <ListItem className=\"benefit-item\" key={i}>\n        <div>\n          <Svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 30 30\" className=\"svg-icon\">\n            <path d=\"M29 9.182L23.91 4 12.03 16.092l-5.94-6.046L1 15.228l11.03 11.228z\"></path>\n          </Svg>\n          <BenefitTitle className=\"benefit_title\">{title}</BenefitTitle>\n          <BenefitDesc className=\"benefit_desc\">{desc}</BenefitDesc>\n        </div>\n      </ListItem>\n  );\n\n  return (\n    <>\n      <List className=\"benefits\">\n        {benefitsMap}\n      </List>\n      <LinkButton text={t('moreDetailsLinkText')} destination='/benefits' />\n    </>\n  );\n};\n\nexport default Benefits;\n","import styled from 'styled-components';\nimport { breakpoints } from \"../../commons/breakpoints\";\nimport { useTranslation } from \"react-i18next\";\nimport ButtonPrimary from '../_shared/ButtonPrimary';\nimport {RaportDL} from '../_shared/DataLayer';\n\nconst Wrapper = styled.div`\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  margin: 16px 0;\n  padding: 16px;\n  background-color: hsla(0, 0%, 100%, .75);\n  border-radius: 4px;\n`;\n\nconst ButtonWrapper = styled.div`\n  margin: 0 auto;\n  \n  @media ${breakpoints.sm} {\n    width: 75%;\n    text-align: center;\n  }\n`;\n\nconst Title = styled.span`\n  position: relative;\n  display: block;\n  margin-bottom: 16px;\n  padding-left: 16px;\n  font-family: 'NouvelRBold';\n  font-size: 14px;\n  line-height: 20px;\n  text-transform: uppercase;\n  \n  &:before {\n    position: absolute;\n    left: 0;\n    width: 4px;\n    height: 100%;\n    content: \"\";\n    background-color: ${props => props.theme.colors.brandColor};\n  }\n  \n  @media ${breakpoints.sm} {\n    width: 100%;\n    margin-bottom: 32px;\n    padding-left: 0;\n    font-size: 16px;\n    line-height: 23px;\n    text-align: center;\n    \n    &:before {\n      display: none;\n     }\n  }\n`;\n\nconst MainBox = () => {\n  const { t } = useTranslation();\n\n  const dl = () => {\n    RaportDL('registration-year', 'step-1');\n  };\n\n  return (\n      <Wrapper className=\"main-box\">\n        <ButtonWrapper className=\"main-box_wrapper\">\n          <Title className=\"main-box_title\">\n            {t('mainBoxTitle')}\n          </Title>\n          <ButtonPrimary className=\"main-box_button\" text={t('mainButtonText')} destination=\"/form\" callback={dl} />\n        </ButtonWrapper>\n      </Wrapper>\n  );\n};\n\nexport default MainBox;\n","import styled from 'styled-components';\nimport { breakpoints } from \"../../commons/breakpoints\";\nimport { Trans, useTranslation } from \"react-i18next\";\n\nconst Wrapper = styled.div`\n  display: flex;\n  justify-content: center;\n  padding: 16px;\n  color: ${props => props.theme.colors.white};\n  background-color: ${props => props.theme.colors.black};\n  \n  @media ${breakpoints.sm} {\n    padding: 32px;\n  }\n`;\n\nconst Paragraph = styled.p`\n  font-size: 10px;\n  margin: 0;\n  padding: 8px;\n`;\n\nconst Disclaimer = () => {\n  const { t } = useTranslation();\n  const disclaimerParagraphs = t('disclaimerParagraph', { returnObjects: true }).map(({text}, i) =>\n      <Trans t={t} key={i} components={{b: <b />, p: <Paragraph /> }}>{text}</Trans>\n  );\n\n  return (\n      <Wrapper>\n        <div>\n          {disclaimerParagraphs}\n        </div>\n      </Wrapper>\n  );\n};\n\nexport default Disclaimer;\n","import React from \"react\";\nimport styled from 'styled-components';\nimport { breakpoints } from \"../../commons/breakpoints\";\nimport { useTranslation } from \"react-i18next\";\nimport Benefits from './Benefits';\nimport MainBox from './MainBox';\nimport Disclaimer from './Disclaimer';\nimport Footer from '../_shared/Footer';\nimport Header from '../_shared/Header';\n\nconst PageWrapper = styled.div`\n  display: flex;\n  flex-direction: column;\n  flex: 1 1 0%;\n  \n  @media ${breakpoints.lg} {\n    min-height: calc(100vh - 168px);\n  }\n`;\n\nconst Section = styled.section`\n  display: flex;\n  min-height: 520px;\n  flex: 1 1 0%;\n`;\n\nconst Body = styled.div`\n  position: relative;\n  flex: 1 1 0%;\n`;\n\nconst Picture = styled.picture`\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  background-color: ${props => props.theme.colors.black};\n  overflow: hidden;\n`;\n\nconst Image = styled.img`\n  width: auto;\n  min-width: 100%;\n  height: auto;\n  min-height: 100%;\n  opacity: .65;\n`;\n\nconst PageContent = styled.div`\n  position: relative;\n  max-width: ${props => props.theme.sizes.contentWidth};\n  margin: 0 auto;\n  padding: 16px;\n  \n  @media ${breakpoints.sm} {\n    display: flex;\n    flex-wrap: wrap;\n    padding: 0;\n  }\n`;\n\nconst Title = styled.p`\n  margin: 0;\n  color: ${props => props.theme.colors.darkWhite};\n  font-size: 17px;\n  font-family: 'NouvelRBold';\n  line-height: 20px;\n  text-align: center;\n  text-transform: uppercase;\n  \n  @media ${breakpoints.sm} {\n    flex-grow: 1;\n    max-width: calc(60% - 32px);\n    margin: 32px 16px;\n    font-size: 22px;\n    line-height: 25px;\n    text-align: left;\n  }\n`;\n\nconst InnerContent = styled.div`\n  @media ${breakpoints.sm} {\n    display: flex;\n    justify-content: space-evenly;\n    width: 100%;\n  }\n`;\n\nconst LeftContent = styled.div`\n  flex: 1;\n  margin: 16px;\n`;\n\nconst RightContent = styled.div`\n  margin: 16px;\n  flex-basis: calc(40% - 32px);\n`;\n\nconst img375 = process.env.PUBLIC_URL + '/mainpage/main-page-bg-375.webp';\nconst img640 = process.env.PUBLIC_URL + '/mainpage/main-page-bg-640.webp';\nconst img750 = process.env.PUBLIC_URL + '/mainpage/main-page-bg-750.webp';\nconst img1024 = process.env.PUBLIC_URL + '/mainpage/main-page-bg-1024.webp';\nconst img1280 = process.env.PUBLIC_URL + '/mainpage/main-page-bg-1280.webp';\nconst img2048 = process.env.PUBLIC_URL + '/mainpage/main-page-bg-2049.webp';\nconst img2560 = process.env.PUBLIC_URL + '/mainpage/main-page-bg-2560.webp';\n\nconst MainPage = () => {\n  const { t } = useTranslation();\n\n  return (\n    <>\n      <Header title={t('header')} />\n      <PageWrapper className=\"main-page\">\n        <Section className=\"main-page_section\">\n          <Body className=\"main-page_body\">\n            <Picture className=\"main-page_background\">\n              <source\n                  srcSet={`${img375} 375w, ${img640} 640w, ${img750} 750w, ${img1024} 1024w, ${img1280} 1280w, ${img2048} 2048w, ${img2560} 2560w`}\n                  type=\"image/webp\" sizes=\"(min-width: 1024px) 1280px, (min-width: 640px) 100vw, 100vw\" />\n              <Image src={process.env.PUBLIC_URL + '/mainpage/main-page-bg-375.webp'} alt=\"background\" className=\"PictureElement__imgDefault\" />\n              <noscript><img src={img375} alt=\"background\" /></noscript>\n            </Picture>\n            <PageContent className=\"main-page_content\">\n              <Title className=\"main-page_title\">\n                {t('mainPageTitle')}\n              </Title>\n              <InnerContent className=\"main-page_inner-container\">\n                <LeftContent className=\"main-page_left\">\n                  <MainBox />\n                </LeftContent>\n                <RightContent className=\"main-page_right\">\n                  <Benefits />\n                </RightContent>\n              </InnerContent>\n            </PageContent>\n          </Body>\n        </Section>\n        <Disclaimer />\n      </PageWrapper>\n      <Footer />\n    </>\n  );\n};\n\nexport default MainPage;\n","import React from 'react';\nimport { BrowserRouter as Router, Switch, Route } from 'react-router-dom';\nimport Theme from './commons/theme';\nimport BenefitsPage from './components/page-benefits/BenefitsPage';\nimport FormPage from './components/page-form/Form';\nimport MainPage from './components/main-page/MainPage';\nimport './fonts/NouvelR-Regular.woff2';\n\nconst url = new URL(window.location.href);\nconst dealer = url.searchParams.get('dealer');\nconst campaign = url.searchParams.get('campaign');\nconst CAMPAIGN = url.searchParams.get('CAMPAIGN');\nconst origin = url.searchParams.get('origin');\nconst ORIGIN = url.searchParams.get('ORIGIN');\n\nif (dealer) {\n  sessionStorage.setItem('tradeIn-dealerGroup', dealer);\n}\n\nif (campaign) {\n  sessionStorage.setItem('tradeIn-campaign', campaign);\n}\n\nif (CAMPAIGN) {\n  sessionStorage.setItem('tradeIn-campaign', CAMPAIGN);\n}\n\nif (origin) {\n  sessionStorage.setItem('tradeIn-origin', origin);\n}\n\nif (ORIGIN) {\n  sessionStorage.setItem('tradeIn-origin', ORIGIN);\n}\n\nfunction App() {\n  return (\n    <Router>\n      <Switch>\n        <Route path=\"/benefits\">\n          <BenefitsPage />\n        </Route>\n        <Route path=\"/form\">\n          <FormPage />\n        </Route>\n        <Route path=\"/\">\n          <Theme>\n            <div className=\"App\">\n              <MainPage />\n            </div>\n          </Theme>\n        </Route>\n      </Switch>\n    </Router>\n  );\n}\n\nexport default App;\n","export default __webpack_public_path__ + \"static/media/NouvelR-Regular.f31cb6c5.woff2\";","export const HTML_BASE_NAME = `${process.env.PUBLIC_URL.replace(/\\/$/, '')}` || '';\nexport const LOCALES = {\n  'pl-PL': {id: 'pl-PL', lang: 'pl', label: 'Polish', fetchDateFnsLocale: () => import('date-fns/locale/pl')}\n};\n\n// WARNING: changing this will reset everybody's default language settings\nexport const I18N_LS_KEY = 'i18nextLng';\n\n","// export default (path, withOrigin = false) =>\n//   `${withOrigin ? window.location.origin : ''}${process.env.PUBLIC_URL}${path}`;\n\nconst path = (path, withOrigin = false) => `${withOrigin ? window.location.origin : ''}${process.env.PUBLIC_URL}${path}`;\nexport default path;\n","import i18n from 'i18next';\nimport Backend from 'i18next-xhr-backend';\nimport _ from 'lodash';\nimport {initReactI18next} from 'react-i18next';\nimport LanguageDetector from 'i18next-browser-languagedetector';\n\nimport {LOCALES, I18N_LS_KEY} from './commons/constants';\nimport path from './commons/path';\n\nif (!localStorage[I18N_LS_KEY]) { // Entry point of default language.\n  localStorage[I18N_LS_KEY] = LOCALES['pl-PL'].lang;\n}\n\nconst detectionOptions = {\n  order: ['path', 'cookie', 'navigator', 'localStorage', 'subdomain', 'queryString', 'htmlTag'],\n  lookupFromPathIndex: 1\n};\n\ni18n\n  // load translation using xhr -> see /public/locales\n  // learn more: https://github.com/i18next/i18next-xhr-backend\n  .use(Backend)\n  // detect user language\n  // learn more: https://github.com/i18next/i18next-browser-languageDetector\n  // .use(LanguageDetector)\n  // pass the i18n instance to react-i18next.\n  .use(LanguageDetector)\n  .use(initReactI18next)\n  // init i18next\n  // for all options read: https://www.i18next.com/overview/configuration-options\n  .init({\n    fallbackLng: LOCALES['pl-PL'].lang,\n    // debug: process.env.NODE_ENV !== 'master',\n    debug: false,\n    detection: detectionOptions,\n    whitelist: _.map(LOCALES, locale => locale.lang),\n    transSupportBasicHtmlNodes: true,\n    interpolation: {\n      escapeValue: false\n    },\n    backend: {\n      loadPath: path('/locales/{{lng}}/{{ns}}.json')\n    }\n  });\n\nexport default i18n;\n","import React, {Suspense} from 'react';\nimport ReactDOM from 'react-dom';\nimport './index.css';\nimport App from './App';\nimport i18n from './i18n';\n\ni18n.init().then(\n    () => ReactDOM.render(\n        <Suspense fallback={<div></div>}>\n          <App />\n        </Suspense>,\n        document.getElementById('root'))\n);\n"],"sourceRoot":""}