{"version":3,"sources":["components/Embeds/Youtube/styles.js","components/Embeds/Youtube/index.tsx","hooks/use-lock-body-scroll.tsx","components/Modal/index.tsx","../assets/images/brand-identity/graphics/form-bg-pattern.png","hooks/use-danske-script.tsx","components/ErrorBoundary/index.tsx","components/ContentBlocks/TextAndVideo/styles.js","components/ContentBlocks/TextAndVideo/index.tsx","components/AgencyList/AgencyListItem/styles.js","components/AgencyList/AgencyListItem/index.tsx","components/ContentBlocks/ApartmentLifts/styles.js","services/online-offer.service.tsx","components/ContentBlocks/Video/styles.js","components/ContentBlocks/Video/index.tsx","components/ContentBlocks/Hero/styles.js","components/ContentBlocks/Hero/index.tsx","components/ContentBlocks/Agencies/styles.js","components/ContentBlocks/Base/styles.js","components/ContentBlocks/Base/agency-selector.tsx","components/ContentBlocks/Agencies/index.tsx","components/ContentBlocks/AgentLifts/styles.js","components/ContentBlocks/AgentLifts/index.tsx","components/ContentBlocks/ApartmentLifts/index.tsx","components/ContentBlocks/Banner/styles.js","components/ContentBlocks/Banner/index.tsx","components/ContentBlocks/ContactForm/styles.js","components/ContentBlocks/ContactForm/index.tsx","components/ContentBlocks/DanskeCalculator/styles.js","components/ContentBlocks/DanskeCalculator/index.tsx","components/ContentBlocks/DanskeCalculatorAndImage/styles.js","components/ContentBlocks/DanskeCalculatorAndImage/index.tsx","components/ContentBlocks/DownloadForm/styles.js","components/ContentBlocks/DownloadForm/index.tsx","components/ContentBlocks/Ingress/styles.js","components/ContentBlocks/Ingress/index.tsx","components/ContentBlocks/LinkBlocks/styles.js","components/ContentBlocks/LinkBlocks/index.tsx","components/ContentBlocks/OnlineOffer/styles.js","components/ContentBlocks/OnlineOffer/OnlineOfferSearch/range.tsx","components/ContentBlocks/OnlineOffer/OnlineOfferSearch/styles.js","components/ContentBlocks/OnlineOffer/OnlineOfferSearch/index.tsx","components/ContentBlocks/OnlineOffer/OnlineOfferResults/styles.js","components/ContentBlocks/OnlineOffer/OnlineOfferResults/index.tsx","components/ContentBlocks/OnlineOffer/index.tsx","components/ContentBlocks/PersonLifts/styles.js","components/ContentBlocks/PersonLifts/index.tsx","components/ContentBlocks/QuoteBoxes/styles.js","components/ContentBlocks/QuoteBoxes/index.tsx","components/ContentBlocks/TextBanner/styles.js","components/ContentBlocks/TextBanner/index.tsx","components/ContentBlocks/TitleWithBackground/styles.js","components/ContentBlocks/TitleWithBackground/index.tsx","components/ContentBlocks/index.tsx","pages/HeadstartPage/styles.js","components/Form/HeadstartForm/styles.js","services/search-watch.service.tsx","components/Headstart/HeadstartCriteria/PriceRange.tsx","components/Headstart/HeadstartCriteria/styles.js","utils/apartment-search/create-query.tsx","components/Headstart/HeadstartCriteria/index.tsx","components/Form/HeadstartForm/index.tsx","pages/HeadstartPage/index.tsx"],"names":["EmbedWrapper","styled","div","withConfig","componentId","props","aspectRatio","aspectRatioPadding","EmbedContainer","YoutubeEmbed","memo","allowFullscreen","autoplay","enableApi","height","fullUrl","width","src","test","videoID","getYoutubeID","React","createElement","dangerouslySetInnerHTML","__html","concat","hasCookieConsent","className","allowFullScreen","frameBorder","useLockBodyScroll","useLayoutEffect","document","body","style","overflow","Close","span","color","Modal","_a","title","content","onClose","dark","followingClose","rest","__rest","overlayRef","useRef","contentRef","closeRef","x","y","anim","closeX","closeY","hideClose","current","opacity","showClose","onMouseMove","e","clientX","clientY","loop","getBoundingClientRect","tx","ty","transform","requestAnimationFrame","onMouseLeave","cancelAnimationFrame","onMouseEnter","onMouseLeaveContent","onMouseEnterContent","useEffect","hasWindow","window","innerWidth","innerHeight","addEventListener","removeEventListener","Object","assign","onClick","ref","FaIcon","icon","module","exports","useDanskeScript","existingDanskeScripts","querySelectorAll","isEmpty","Array","prototype","slice","call","forEach","s","remove","script","async","appendChild","onScriptError","ErrorBoundary","Component","constructor","super","state","hasError","error","componentDidCatch","errorInfo","console","log","render","this","children","TAVContainer","media","md","_templateObject","_taggedTemplateLiteral","reverse","css","_templateObject2","TextAndVideo","arguments","length","undefined","item","video","videoSide","restProps","Wrapper","Container","isAdmin","Text","name","multiline","placeholder","thumb","getAssetUrl","alt","settings","Input","type","defaultValue","value","Card","attrs","rgba","wide","lg","xl","_templateObject3","hasFormButton","Title","h4","ml","_templateObject4","Address","p","fontFamily","condensed","_templateObject5","Contact","_templateObject6","emSpacing","Arrow","_templateObject7","_templateObject8","ContactButton","ariaRole","_templateObject9","_templateObject10","buttons","textLinkPrimary","withRouter","agency","history","withFormButton","address","canonicalPath","city","coordinates","email","marketingName","phone","postcode","telPhone","urlPart","itemScope","itemType","event","stopPropagation","preventDefault","classList","add","setTimeout","push","scrollTo","itemprop","Link","aria-label","itemProp","to","href","target","Phone","withIcon","Email","split","latitude","longitude","onFormButtonClick","ApartmentsContainer","grid","gutterSmall","gutter","addFollower","data","axios","post","fetchOnlineOfferProperties","params","query","queryObjects","queryString","stringify","arrayFormat","q","encodeURIComponent","JSON","url","get","fetchAPI","VideoContainer","Video","HeroWrapper","HeroContainer","HeroImage","HeroTitle","Hero","_ref","heroImage","heroImagePosition","heroColor","imgPosition","bgColor","indexOf","hasImageInFront","clxs","Background","tagName","sizeInfo","AgencyContainer","FormContainer","FormClose","button","FormHeader","AddAgencyButton","AdminAgencyList","ul","AgencyOptions","AgencySelector","centered","fields","adminAgencies","setAdminAgencies","useState","agencies","references","Fragment","map","adminAgency","key","currentTarget","referenceClickArea","getElementsByClassName","click","Reference","Agencies","blockItem","modalOpen","setModalOpen","activeAgency","setActiveAgency","isFirstInBlocks","hasOwnProperty","openForm","closeForm","position","isArray","_ref2","AgencyListItem","AgencyContactForm","CityOption","AgentSorting","AgentsWrapper","AgentLifts","id","getID","mainDoc","useSelector","liftItems","agents","handleClick","clickTarget","location","$$index","htmlFor","cityOptions","agent","AgentListItem","keys","homeAgency","getMongoID","ApartmentLifts","listApartments","display","verticalAlign","apt","ApartmentBlock","small","BannerContainer","fluidSize","BannerImage","BannerContent","textStyles","H3Condensed","Point","PointText","PSmall","Banner","iconsHidden","noPointIcons","imageHeight","Image","Repeater","limit","pulsate","keyframes","FormPlaceholder","FormWrapper","FormBgAdminBlock","boxShadow","hugeLight","ribbon","FormTexts","PSmallCondensed","H3","Form","form","FormColumns","bp","breakpoints","FormColumn","InputGroup","FormError","FormFooter","FormDisclaimer","MicroText","AgencySelectionInfo","Formik","lazy","then","default","ErrorMessage","ContactForm","isSubmitted","setSubmitted","initialValues","message","postCode","schema","getSchema","hasAgencies","contactSubmitTimeout","clearTimeout","backgroundImage","formBg","formBG","Suspense","fallback","onSubmit","doSubmit","values","setSubmitting","resetForm","__awaiter","submitUrl","formData","res","contactService","doBasicContact","validationSchema","_ref3","handleChange","handleBlur","handleSubmit","isSubmitting","TextInput","disabled","onBlur","onChange","component","msg","CtaButton","text","submitting","DanskeWrapper","H1","DanskeCalculator","danskeCalculatorTitle","initialPrice","data-price_default","DanskeColumns","DanskeColumn","DanskeCalculatorAndImage","danskeTitle","FormContent","DownloadForm","downloadButtonText","fileSrc","submitButtonText","Embed","count","file","doDownloadContact","relation","open","IngressContent","PLarge","Ingress","elementID","Blocks","LinkBlock","sm","LinkBlocks","linkBlock1Text","linkBlock1Href","linkBlock1Blank","linkBlock2Text","linkBlock2Href","linkBlock2Blank","link1Props","rel","link2Props","OnlineOfferWrapper","OnlineOfferIngress","LoadMoreContainer","renderText","replace","RangeSlider","onChangeEnd","priceValues","setPriceValues","min","max","mn","mx","Range","allowCross","onAfterChange","step","NumberFormat","displayType","thousandSeparator","Heading","h3","SearchArea","SearchAreaTop","SearchAreaBottom","Section","Rooms","HouseTypes","PriceSection","xxl","Price","Actions","_templateObject11","_templateObject12","EmptySelections","ariaLabel","role","_templateObject13","SearchButton","_templateObject14","getValues","sels","getQueries","OnlineOfferSearchArea","_ref4","heading","onSelections","selectedAddresses","setSelectedAddresses","selectedRooms","setSelectedRooms","selectedHouseTypes","setSelectedHouseTypes","selectedPrices","setSelectedPrices","priceRangeValues","setPriceRangeValues","addressSearchRef","roomSelectRef","houseTypesRef","priceRef","buildingType","rooms","AddressSearch","grey","onSelect","extraParams","MultiButtonSelect","selections","selectableRooms","onSelection","selectableHouseTypes","reset","ResultsTable","ResultsTableRow","hasHistory","ResultsTableCell","hasToggle","hideOnMobile","fluidBgSize","isOpen","ResultsTableHeader","Toggler","OfferHistory","FormattedDate","date","d","getSeconds","formatted","format","getIcon","resolveIcon","getOfferType","offer","conditional","Toggle","setOpen","History","offers","idx","amount","customers","startDate","join","suffix","TableRow","buildingTypeFormatted","district","largestOffer","lastOfferDate","municipality","saleDays","salesPriceUnencumbered","onlineOffers","result","stringBuildingType","resolveTypeText","livingArea","lotAreaType","filterXSS","lotArea","toLowerCase","getArea","i","getHighestOfferType","OnlineOfferResultsArea","_ref5","results","OnlineOffer","defaultTerms","resultCount","setResultCount","setResults","loading","setLoading","searchTerms","setSearchTerms","lastSearchTerms","setLastSearchTerms","isSubscribed","isEqual","OnlineOfferService","matches","r","getProperties","Editor","ResultsArea","loadMore","terms","skip","PersonLiftsContainer","PersonCards","PersonCard","PersonCardTop","PersonCardBottom","PersonImage","PersonCardInfo","PersonLifts","personCardPhone","Boxes","QuoteBox","clsx","isBeige","QuoteBoxText","QuoteBoxQuoter","QuoteAgent","QuoteAgentImage","QuoteAgentInfo","MicroTextCaps","queryFields","QBox","quoter","person","hidden","AgentImage","size","fallbackSrc","firstName","lastName","degrees","QuoteBoxes","textShadow","BannerText","h2","TextBanner","bannerColor","BackgroundWrapper","BackgroundImage","h1","TitleWithBackground","blocks","TextAndImage","TextBoxes","TextContent","TwoTextBoxes","HeadstartHero","HeadstartHeroContent","PMedium","AInline","FormLabel","MediumText","wakeTestEmail","watchParams","restWatchParams","formattedQuery","formattedParams","response","dataLayerPush","action","conversionDetails","PriceRange","Criteria","createQuery","isSelected","selected","getRooms","houseTypes","getHouseTypes","features","getFeatures","newConstruction","getNewConstruction","valueListing","getValueListing","conditions","getConditions","selectedRental","getRental","filter","selectedFeatures","selectedNewConstruction","selectedValueListing","selectedConditions","getAddresses","selectedConstraints","getConstraints","sort","sortOrder","getSort","apartmentSearch","featureItems","feature","addressItems","addr","conditionQuery","condition","defaultQuery","groupType","house","rental","room","initialCriteria","area","houseType","price","searchAreas","HeadstartCriteria","onValidCriteria","criteria","setCriteria","storedSearch","parse","localStorage","getItem","label","getSelectedRoomsAsString","getSelectedAreasAsString","getSelectedPriceRange","getSelectedHousetypes","newCriteria","minArea","maxArea","areaType","getSelectedAreaRange","hasValidCriteria","some","Placeholder","PlaceholderInput","PlaceholderGdpr","PlaceholderButton","HeadstartForm","streetAddress","submitTimeout","setWatchParams","crit","searchWatchService","ThankYouMessage","GdprLink","connect","doc","HeadstartPage","useParallax","Blocklist","contentBlocks"],"mappings":"mJAEA,MAWaA,EAAeC,IAAOC,IAAGC,WAAA,CAAAC,YAAA,gBAAVH,CAAU,mDAGnBI,GAdQC,KAC1B,OAAQA,GACP,IAAK,OACJ,MAAO,SACR,IAAK,MACJ,MAAO,OACR,QACC,MAAO,WAOkBC,CAAmBF,EAAMC,cAGxCE,EAAiBP,IAAOC,IAAGC,WAAA,CAAAC,YAAA,gBAAVH,CAAU,mG,oBCHxC,MAAMQ,EAAeC,eAAML,IAC1B,MAAM,gBACLM,GAAkB,EAAK,YACvBL,EAAc,OAAM,SACpBM,GAAW,EAAK,UAChBC,GAAY,EAAK,OACjBC,EAAS,OAAM,QACfC,EAAO,MACPC,EAAQ,QACLX,EAEJ,IAAIY,EACJ,IAAKF,GAAW,WAAWG,KAAKH,GAAU,CACzC,MAAMI,EAAUd,EAAMc,SAAWC,YAAaL,GAE9C,IAAKI,EACJ,OAAQE,IAAAC,cAAA,QAAMC,wBAAyB,CAAEC,OAAQ,0CAGlDP,EAAG,sBAAAQ,OACoBC,IACnB,GACA,YACH,eAAAD,OAAcN,EAAO,2DAAAM,OAA0Db,EAC5E,IACA,IACH,8BAAAa,OAA6BZ,EAAY,IAAM,UAEhDI,EAAMF,EAGP,OACCM,IAAAC,cAACtB,EAAY,CAACM,YAAaA,EAAaqB,UAAU,YACjDN,IAAAC,cAACd,EAAc,KACda,IAAAC,cAAA,UAAQM,gBAAiBjB,EAAiBkB,YAAY,IAAIf,OAAQA,EAAQG,IAAKA,EAAKD,MAAOA,QAMhFP,O,sDC7CAqB,MATf,WACCC,0BAAgB,KACfC,SAASC,KAAKC,MAAMC,SAAW,SACxB,KACNH,SAASC,KAAKC,MAAMC,SAAW,YAE9B,K,0WCDJ,MAAMC,EAAQnC,IAAOoC,KAAIlC,WAAA,CAAAC,YAAA,eAAXH,CAAW,kaAGfqC,YAAM,cAAe,IAmJhBC,IAzGAC,I,IAAA,MAAEC,EAAK,QAAEC,EAAO,QAAEC,EAAO,KAAEC,GAAO,EAAK,eAAEC,GAAiB,GAAIL,EAAKM,EAAIC,EAAAP,EAAvE,uDACdV,IAEA,MAAMkB,EAAaC,iBAAO,MACpBC,EAAaD,iBAAO,MACpBE,EAAWF,iBAAO,MAExB,IAAIG,EAAY,KACZC,EAAY,KACZC,EAAO,KACPC,EAASH,EACTI,EAASH,EAEb,MAAMI,EAAYA,KACjBN,EAASO,QAAQxB,MAAMyB,QAAU,GAG5BC,EAAYA,KACjBT,EAASO,QAAQxB,MAAMyB,QAAU,GAG5BE,EAAeC,IACpBV,EAAIU,EAAEC,QACNV,EAAIS,EAAEE,SAGP,SAASC,IAKR,GAHAV,GAAyB,IAAdH,EAAIG,GACfC,GAAyB,IAAdH,EAAIG,GAEXL,EAASO,QAAS,CACrB,MAAM,MAAE1C,EAAK,OAAEF,GAAWqC,EAASO,QAAQQ,wBACrCC,EAAKZ,EAASvC,EAAQ,EACtBoD,EAAKZ,EAAS1C,EAAS,EAE7BqC,EAASO,QAAQxB,MAAMmC,UAAY,aAAH5C,OAAgB0C,EAAE,QAAA1C,OAAO2C,EAAE,OAE3Dd,EAAOgB,sBAAsBL,IAI/B,MAAMM,EAAgBT,IACrBU,qBAAqBlB,GACrBG,KAGKgB,EAAgBX,IACrBU,qBAAqBlB,GACrBM,IACAN,EAAOgB,sBAAsBL,IAGxBS,EAAuBZ,IAC5BU,qBAAqBlB,GACrBM,IACAN,EAAOgB,sBAAsBL,IAGxBU,EAAuBb,IAC5BU,qBAAqBlB,GACrBG,KA0BD,OAvBAmB,oBAAU,KACT,GAAIC,KAAahC,EAWhB,OAVAO,EAAI0B,OAAOC,WAAa,EACxB1B,EAAIyB,OAAOE,YAAc,EAEzB1B,EAAOgB,sBAAsBL,GAC7Ba,OAAOG,iBAAiB,YAAapB,GACrCb,EAAWU,QAAQuB,iBAAiB,aAAcV,GAClDvB,EAAWU,QAAQuB,iBAAiB,aAAcR,GAClDvB,EAAWQ,QAAQuB,iBAAiB,aAAcN,GAClDzB,EAAWQ,QAAQuB,iBAAiB,aAAcP,GAE3C,KACNF,qBAAqBlB,GACrBwB,OAAOI,oBAAoB,YAAarB,GACxCb,EAAWU,QAAQwB,oBAAoB,aAAcX,GACrDvB,EAAWU,QAAQwB,oBAAoB,aAAcT,GACrDvB,EAAWQ,QAAQwB,oBAAoB,aAAcP,GACrDzB,EAAWQ,QAAQwB,oBAAoB,aAAcR,KAGrD,IAGFrD,IAAAC,cAAA,MAAA6D,OAAAC,OAAA,CACCzD,UAAS,gBAAAF,OAAkBmB,EAAO,uBAAyB,IAC3DyC,QAAS1C,EACT2C,IAAKtC,GACDF,GAEJzB,IAAAC,cAACc,EAAK,CAACkD,IAAKnC,EAAUkC,QAAS1C,GAC9BtB,IAAAC,cAACiE,IAAM,CAACC,KAAM,CAAC,MAAO,YAEvBnE,IAAAC,cAAA,OAAKK,UAAU,QAAQ2D,IAAKpC,GAC1BT,GAASpB,IAAAC,cAAA,UAAKmB,GACdC,M,qBCvJL+C,EAAOC,QAAU,IAA0B,2C,kCCA3C,0BAoCeC,IAhCf,WAEC,MAAM1E,EAAM,mCAEZ2D,oBAAU,KACT,GAAIC,IAAW,CACd,MAAMe,EAAwB5D,SAAS6D,iBAAiB,SAADpE,OAAUR,EAAG,OACpE,IAAK6E,YAAQF,GAAwB,EACpBG,MAAMC,UAAUC,MAAMC,KAAKN,IAA0B,IAC7DO,QAASC,GAAyBA,EAAEC,UAG7C,MAAMC,EAAStE,SAASV,cAAc,UACtCgF,EAAOC,OAAQ,EACfD,EAAOrF,IAAMA,EAEbe,SAASC,KAAKuE,YAAYF,GAE1B,MAAMG,EAAgBA,KACrBH,EAAOD,UAKR,OAFAC,EAAOrB,iBAAiB,QAASwB,GAE1B,KACNH,EAAOD,SACPC,EAAOpB,oBAAoB,QAASuB,MAGpC,M,kCCjCJ,oBAEA,MAAMC,UAAsBC,YAU3BC,YAAYvG,GACXwG,MAAMxG,GALP,KAAAyG,MAAQ,CACPC,UAAU,GANX,gCAAgCC,GAE/B,MAAO,CAAED,UAAU,GAWpBE,kBAAkBD,EAAOE,GACxBC,QAAQC,IAAI,CAAEJ,QAAOE,cAGtBG,SACC,MAAM,SAAEN,GAAaO,KAAKR,MAE1B,OAAOC,EAAW1F,IAAAC,cAAA,UAAI,8BAAkCgG,KAAKjH,MAAMkH,UAItDb,O,mJCxBR,MAAMc,EAAevH,IAAOC,IAAGC,WAAA,CAAAC,YAAA,eAAVH,CAAU,yNAiBfqC,YAAM,OAAQ,GAIlCmF,IAAMC,GAAEC,MAAAC,YAAA,+TAqBRvH,GACDA,EAAMwH,SACNC,YAAG,QACAL,IAAMC,GAAEK,MAAAH,YAAA,gK,iVCtCb,MAAMI,EAAe,WAAoB,IAAnB3H,EAAA4H,UAAAC,OAAA,QAAAC,IAAAF,UAAA,GAAAA,UAAA,GAAa,GAClC,MACCG,MAAM,MAAEC,EAAK,UAAEC,EAAY,UAExBjI,EADAkI,EAASxF,EACT1C,EAHE,UAKN,OACCgB,IAAAC,cAACkH,IAAO,KACPnH,IAAAC,cAACmH,IAAcF,EACdlH,IAAAC,cAACkG,EAAY,CAACK,QAAuB,SAAdS,GACtBjH,IAAAC,cAAA,WACEoH,WAAWrH,IAAAC,cAAA,SAAG,gBACfD,IAAAC,cAAA,UACCD,IAAAC,cAACqH,IAAI,CAACC,KAAK,mBAAmBC,WAAW,EAAMC,YAAY,aAG7DzH,IAAAC,cAAA,WACEoH,WAAWrH,IAAAC,cAAA,SAAG,qBACdoH,WAAWrH,IAAAC,cAACqH,IAAI,CAACC,KAAK,QAAQE,YAAY,oBAAoBD,WAAW,IACzER,GAAShH,IAAAC,cAACb,IAAY,CAACU,QAASkH,SAQvCL,EAAae,MAAQ,IACpB1H,IAAAC,cAAA,WACCD,IAAAC,cAAA,OAAKL,IAAK+H,YAAY,uDAAwDC,IAAI,eAClF5H,IAAAC,cAAA,SAAG,eAIL0G,EAAakB,SAAW,IACvB7H,IAAAC,cAAA,OAAKK,UAAU,YACdN,IAAAC,cAAA,YACC,gBAAaD,IAAAC,cAAA,aAAO,qBAAyB,QAE9CD,IAAAC,cAACqH,IAAI,CAACC,KAAK,YAAYE,YAAY,OACnCzH,IAAAC,cAAA,WACC,gBACAD,IAAAC,cAAC6H,IAAK,CAACC,KAAK,SAASR,KAAK,YAAYS,aAAa,SAClDhI,IAAAC,cAAA,UAAQgI,MAAM,SAAQ,SACtBjI,IAAAC,cAAA,UAAQgI,MAAM,QAAO,YAMVtB,O,yHCxDR,MAAMuB,EAAOtJ,IAAOC,IAAIsJ,MAAM,KAAM,CAC1C7H,UAAW,sBACTxB,WAAA,CAAAC,YAAA,gBAFiBH,CAEjB,+VACkBqC,YAAM,SACNA,YAAM,YAAa,GAclBmH,YAAKnH,YAAM,cAAe,GAAI,IAOjDmF,IAAMC,GAAEC,MAAAC,YAAA,kHAQPvH,GACDA,EAAMqJ,MACN5B,YAAG,+DAUHL,IAAMkC,GAAE5B,MAAAH,YAAA,4JAaRH,IAAMmC,GAAEC,MAAAjC,YAAA,oBACPvH,GACDA,EAAMqJ,MACN5B,YAAG,yEAWHzH,GACDA,EAAMyJ,eACNhC,YAAG,mCAKQiC,EAAQ9J,IAAO+J,GAAE7J,WAAA,CAAAC,YAAA,gBAATH,CAAS,2IACpBqC,YAAM,cAAe,GAK5BmF,IAAMwC,GAAEC,MAAAtC,YAAA,mCAcEuC,EAAUlK,IAAOmK,EAACjK,WAAA,CAAAC,YAAA,gBAARH,CAAQ,0IACrBqC,YAAM,OAAQ,GACR+H,IAAWC,UAaxB7C,IAAMwC,GAAEM,MAAA3C,YAAA,mCAKE4C,EAAUvK,IAAOmK,EAAEZ,MAAM,KAAM,CAC3C7H,UAAW,aACTxB,WAAA,CAAAC,YAAA,gBAFoBH,CAEpB,0YACaoK,IAAWC,UAMxB7C,IAAMwC,GAAEQ,MAAA7C,YAAA,kCAUAtF,YAAM,cAAe,GAYrBA,YAAM,YAAa,GACVoI,YAAU,KAIlBpI,YAAM,YAAa,IAclBqI,EAAQ1K,IAAOoC,KAAKmH,MAAM,KAAM,CAC5C7H,UAAW,WACTxB,WAAA,CAAAC,YAAA,gBAFkBH,CAElB,6SACkBqC,YAAM,cAAe,GASvCmF,IAAMC,GAAEkD,MAAAhD,YAAA,mFAORH,IAAMkC,GAAEkB,MAAAjD,YAAA,iDAMAtF,YAAM,cAAe,IAcnBwI,EAAgB7K,IAAOC,IAAIsJ,MAAM,KAAM,CACnDuB,SAAU,SACVpJ,UAAW,gCACTxB,WAAA,CAAAC,YAAA,gBAH0BH,CAG1B,6LACsBqC,YAAM,YAAa,GASzCmF,IAAMC,GAAEsD,MAAApD,YAAA,wFAMRH,IAAMkC,GAAEsB,MAAArD,YAAA,qCAKPsD,IAAQC,iB,qCCrHGC,gBAxGS/K,IACvB,MAAM,OAAEgL,EAAM,QAAEC,EAAO,KAAE5B,EAAI,eAAE6B,GAAmBlL,EAClD,GAAIyF,YAAQuF,GACX,OAAO,KAGR,MAAM,QACLG,EAAO,cACPC,EAAa,KACbC,EAAI,YACJC,EAAW,MACXC,EAAK,cACLC,EAAa,MACbC,EAAK,SACLC,EAAQ,SACRC,EAAQ,QACRC,GACGZ,EAmBJ,OAAKI,GAAkBQ,EAKtB5K,IAAAC,cAACiI,EAAI,CACJ2C,WAAW,EACXC,SAAS,qCACT9G,QAzBe+G,IAChBA,EAAMC,kBACND,EAAME,iBAEFb,IACHzJ,SAASC,KAAKsK,UAAUlG,OAAO,UAC/BrE,SAASC,KAAKsK,UAAUC,IAAI,cAE5BC,WAAW,KACN5H,MACHyG,EAAQoB,KAAKjB,GACb3G,OAAO6H,SAAS,EAAG,KAElB,OAaHjD,KAAMA,EACNI,cAAeyB,GAEflK,IAAAC,cAACyI,EAAK,CAAC6C,SAAS,QACfvL,IAAAC,cAACuL,OAAI,CACJC,aAAA,wBAAArL,OAAiCoK,GACjCkB,SAAS,MACT1H,QAASvB,GAAKA,EAAEuI,kBAChBW,GAAIvB,GAAgCQ,GAEpC,wBAAmBJ,IAGrBxK,IAAAC,cAAC6I,EAAO,CAAC+B,WAAW,EAAMa,SAAS,UAAUZ,SAAS,oCACrD9K,IAAAC,cAAA,KACC2L,KAAI,yEAAAxL,OAAwE+J,EAAO,KAAA/J,OAAIsK,EAAQ,KAAAtK,OAAIiK,GACnGwB,OAAO,SACP7H,QAASvB,GAAKA,EAAEuI,mBAEhBhL,IAAAC,cAAA,QAAMyL,SAAS,iBAAiBvB,GAAe,QAAOnK,IAAAC,cAAA,QAAMyL,SAAS,cAAchB,GAAiB,IACpG1K,IAAAC,cAAA,QAAMyL,SAAS,mBAAmBrB,KAGnCI,GACAzK,IAAAC,cAACkJ,EAAO,KACPnJ,IAAAC,cAAC6L,IAAK,CAACnB,SAAUA,EAAUF,MAAOA,EAAOO,iBAAiB,EAAMe,UAAU,KAG3ExB,GACAvK,IAAAC,cAACkJ,EAAO,KACPnJ,IAAAC,cAAC+L,IAAK,CAACL,GAAIpB,EAAO0B,OAAO,EAAMF,UAAU,EAAMf,iBAAiB,KAIlEhL,IAAAC,cAAA,QAAMyL,SAAS,aAAarK,QAAO,GAAAjB,OAAKiK,MAEtC5F,YAAQ6F,IACTtK,IAAAC,cAAA,OAAKyL,SAAS,MAAMb,WAAW,EAAMC,SAAS,qCAC7C9K,IAAAC,cAAA,QAAMyL,SAAS,WAAWrK,QAAO,GAAAjB,OAAKkK,EAAY4B,YAClDlM,IAAAC,cAAA,QAAMyL,SAAS,YAAYrK,QAAO,GAAAjB,OAAKkK,EAAY6B,cAIrDnM,IAAAC,cAACqJ,EAAK,MAELY,GACAlK,IAAAC,cAACwJ,EAAa,CACbzF,QAASvB,IACRA,EAAEuI,kBACFhM,EAAMoN,kBAAkBpC,KAGzBhK,IAAAC,cAAA,YAAM,uCA5DF,Q,kCCpDT,oDAGO,MAAMoM,EAAsBzN,IAAOC,IAAGC,WAAA,CAAAC,YAAA,eAAVH,CAAU,ksBAS1B0N,IAAKC,YAGMD,IAAKC,YAAc,EAC7BD,IAAKC,YAAc,EAIRD,IAAKE,OAAS,EAAK,EAC9BF,IAAKE,OAAS,EAMhBF,IAAKC,YAAc,EAClBD,IAAKC,YAAc,EAQnBD,IAAKC,YAAc,EAGnBD,IAAKC,YAAc,EAItBD,IAAKC,YAAc,EAEtBD,IAAKC,YAAc,I,4rBCLjB,KACdE,YAND,SAA2BC,G,yCAE1B,aADsBC,IAAMC,KAAK,kCAAmCF,IACrDA,SAKfG,2BArCD,SAA0CC,G,yCACzC,IAAKA,EACJ,OAGD,MAAQC,MAAOC,GAA0BF,EAATrL,EAAIC,EAAKoL,EAAnC,WACN,IAAIC,EAAQE,IAAYC,UAAUzL,EAAM,CAAE0L,YAAa,YAIvD,GAAIH,EACH,IAAK,MAAMI,KAAKJ,EACfD,GAAS,YAAcM,mBAAmBC,KAAKJ,UAAUE,IAI3D,IACC,MAAMG,EAAM,GAAHnN,OAnBC,qBAmBQA,OAAG2M,GAErB,aAMF,SAAwBQ,G,yCAEvB,aADsBZ,IAAMa,IAAID,MARRE,CAASF,IAChBb,KACf,MAAOjK,GACRqD,QAAQC,IAAI,qDAAsDtD,U,+HCvB7D,MAAMiL,EAAiB9O,IAAOC,IAAGC,WAAA,CAAAC,YAAA,gBAAVH,CAAU,2NAiBjBqC,YAAM,OAAQ,GAIlCmF,IAAMC,GAAEC,MAAAC,YAAA,uC,iVChBX,MAAMoH,EAAQ,WAAoB,IAAnB3O,EAAA4H,UAAAC,OAAA,QAAAC,IAAAF,UAAA,GAAAA,UAAA,GAAa,GAC3B,MACCG,MAAM,MAAEC,IAELhI,EADAkI,EAASxF,EACT1C,EAHE,UAKN,OACCgB,IAAAC,cAACkH,IAAO,KACPnH,IAAAC,cAACmH,IAAcF,EACdlH,IAAAC,cAACyN,EAAc,KACbrG,WAAWrH,IAAAC,cAAA,aAAO,sBAAmBD,IAAAC,cAACqH,IAAI,CAACC,KAAK,QAAQE,YAAY,uBACpET,GAAShH,IAAAC,cAACb,IAAY,CAACU,QAASkH,QAOtC2G,EAAMjG,MAAQ,IACb1H,IAAAC,cAAA,WACCD,IAAAC,cAAA,OAAKL,IAAK+H,YAAY,uDAAwDC,IAAI,UAClF5H,IAAAC,cAAA,SAAG,UAIL0N,EAAM9F,SAAW,IAChB7H,IAAAC,cAAA,OAAKK,UAAU,YACdN,IAAAC,cAAA,YACC,gBAAaD,IAAAC,cAAA,aAAO,sBAA0B,QAE/CD,IAAAC,cAACqH,IAAI,CAACC,KAAK,YAAYE,YAAY,QAItBkG,O,6KCrCR,MAAMC,EAAchP,IAAOC,IAAGC,WAAA,CAAAC,YAAA,gBAAVH,CAAU,oPAKlCwH,IAAMC,GAAEC,MAAAC,YAAA,uCAIRH,IAAMkC,GAAE5B,MAAAH,YAAA,uCAQPH,IAAMC,GAAEmC,MAAAjC,YAAA,yEAKRH,IAAMkC,GAAEO,MAAAtC,YAAA,0EAWU6B,YAAKnH,YAAM,cAAe,GAAI,IAI9BA,YAAM,QAAS,GAIfA,YAAM,OAAQ,IAIvB4M,EAAgBjP,YAAOwI,KAAWe,MAAM,KAAM,CAC1D7H,UAAW,oBACTxB,WAAA,CAAAC,YAAA,gBAF0BH,CAE1B,6GAIAwH,IAAMkC,GAAEY,MAAA3C,YAAA,yIASPH,IAAMkC,GAAEc,MAAA7C,YAAA,4EAgBCuH,EAAYlP,IAAOC,IAAIsJ,MAAM,KAAM,CAC/C7H,UAAW,gBACTxB,WAAA,CAAAC,YAAA,gBAFsBH,CAEtB,sLAGAwH,IAAMC,GAAEkD,MAAAhD,YAAA,wDAKRH,IAAMkC,GAAEkB,MAAAjD,YAAA,4FAOWtF,YAAM,OAAQ,IAUvB8M,EAAYnP,IAAOC,IAAIsJ,MAAM,KAAM,CAC/C7H,UAAW,gBACTxB,WAAA,CAAAC,YAAA,gBAFsBH,CAEtB,2DAIAwH,IAAMkC,GAAEqB,MAAApD,YAAA,4J,oBCxGX,MAAMyH,EAAOC,IAAa,IAAZ,KAAElH,GAAMkH,EACrB,MAAM,UAAEC,EAAS,kBAAEC,EAAiB,UAAEC,GAAcrH,EACpD,IAAIsH,EAAc,OAClB,MAAMC,EAAUF,GAAa,QAEzBD,IAAuE,IAAlD,CAAC,OAAQ,SAASI,QAAQJ,KAClDE,EAAcF,GAGf,MAAMK,GAAmBnH,WAAY6G,GAAaA,EAAUtO,IAE5D,OACCI,IAAAC,cAAC2N,EAAW,CACXtN,UAAWmO,YACV,aACCD,IAAoBnH,WAAW,WAChCgH,IAAgBG,GAAmBnH,YAAY,YAAcgH,EAC7DC,GAAW,MAAQA,EACnBjH,WAAW,aAGZrH,IAAAC,cAAC4N,EAAa,KACb7N,IAAAC,cAAC8N,EAAS,KACT/N,IAAAC,cAAA,UACCD,IAAAC,cAACqH,IAAI,CAACC,KAAK,QAAQE,YAAY,eAG/BJ,WAAY6G,GAAaA,EAAUtO,MACpCI,IAAAC,cAAC6N,EAAS,KACT9N,IAAAC,cAACyO,IAAU,CAACnH,KAAK,YAAYoH,QAAQ,OAAOC,SAAU,CAAC,IAAK,WAQlEZ,EAAKtG,MAAQ,IACZ1H,IAAAC,cAAA,WACCD,IAAAC,cAAA,OAAKL,IAAK+H,YAAY,gDAAiDC,IAAI,SAC3E5H,IAAAC,cAAA,SAAG,SAIL+N,EAAKnG,SAAW,IACf7H,IAAAC,cAAA,OAAKK,UAAU,YACdN,IAAAC,cAAA,YAAM,mBACND,IAAAC,cAAC6H,IAAK,CAACC,KAAK,SAASR,KAAK,oBAAoBS,aAAa,QAC1DhI,IAAAC,cAAA,UAAQgI,MAAM,QAAO,SACrBjI,IAAAC,cAAA,UAAQgI,MAAM,SAAQ,UAEvBjI,IAAAC,cAAA,WACAD,IAAAC,cAAA,YAAM,iBACND,IAAAC,cAAC6H,IAAK,CAACC,KAAK,SAASR,KAAK,YAAYS,aAAa,SAClDhI,IAAAC,cAAA,UAAQgI,MAAM,SAAQ,aACtBjI,IAAAC,cAAA,UAAQgI,MAAM,OAAM,YACpBjI,IAAAC,cAAA,UAAQgI,MAAM,QAAO,aAKT+F,O,2FCnER,MAAMa,EAAkBjQ,YAAOwI,KAAUtI,WAAA,CAAAC,YAAA,eAAjBH,CAAiB,uGAM5CwH,IAAMC,GAAEC,MAAAC,YAAA,iFAOPH,IAAMC,GAAEK,MAAAH,YAAA,8DACkB+F,IAAKC,aAG/BnG,IAAMkC,GAAEE,MAAAjC,YAAA,8DACkB+F,IAAKE,SAMvBsC,EAAgBlQ,IAAOC,IAAGC,WAAA,CAAAC,YAAA,eAAVH,CAAU,sHAe1BmQ,EAAYnQ,IAAOoQ,OAAMlQ,WAAA,CAAAC,YAAA,eAAbH,CAAa,yRAGvBqC,YAAM,SAEXA,YAAM,OAAQ,IAuBXgO,EAAarQ,IAAOC,IAAGC,WAAA,CAAAC,YAAA,eAAVH,CAAU,gLAQzBqC,YAAM,OAAQ,GACR+H,IAAWC,UAIxB7C,IAAMC,GAAEwC,MAAAtC,YAAA,sCAKAtF,YAAM,cAAe,I,sCCvF1B,MAAMiO,EAAkBtQ,IAAOC,IAAGC,WAAA,CAAAC,YAAA,gBAAVH,CAAU,uQAqB5BuQ,EAAkBvQ,IAAOwQ,GAAEtQ,WAAA,CAAAC,YAAA,gBAATH,CAAS,qFAQ3ByQ,EAAgBzQ,IAAOC,IAAGC,WAAA,CAAAC,YAAA,gBAAVH,CAAU,4I,+BCnBhC,MAAM0Q,EAAkBtQ,IAE9B,MAAM,SACLuQ,GAAW,EAAK,SAChBrJ,EAAQ,OACRsJ,EAAS,CAAC,MAAO,QAAO,KACxBzI,GACG/H,GAEIyQ,EAAeC,GAAqBC,mBAAS,IAQrD,OANApM,oBAAU,KACLwD,EAAK6I,UACRF,EAAiB,eAAgB3I,EAAK6I,SAAW7I,EAAK6I,SAASC,WAAa9I,EAAK6I,WAEhF,CAAE7I,EAAK6I,WAEH5P,IAAAC,cAACoP,EAAa,CAAC/O,WAAY+G,UAAU,UAAY,KAAOkI,EAAW,YAAc,KACtFlI,WAAWrH,IAAAC,cAAAD,IAAA8P,SAAA,KACX9P,IAAAC,cAAA,SAAG,2BAAmBwP,EAAc5I,OAAQ,UAC5C7G,IAAAC,cAACkP,EAAe,KACdM,GACAA,EAAc5I,OAAS,GACvB4I,EAAcM,IAAKC,GACXhQ,IAAAC,cAAA,MAAIgQ,IAAKD,EAAYzI,MAAOyI,EAAYzI,SAKnDvH,IAAAC,cAACiP,EAAe,CACf5O,UAAW4F,IAAamB,UAAU,iBAAmB,GACrDrD,QAAUvB,IACT,MAAMuM,EAASvM,EAAEyN,eAAiBzN,EAAEoJ,OACpC,GAAImD,EAAQ,CACX,MAAMmB,EAAqBnB,EAAOoB,uBAAuB,2BAA4B,GACjFD,GACHA,EAAmBE,WAKrBhJ,WAAWrH,IAAAC,cAAAD,IAAA8P,SAAA,KAAE,+BAGd9P,IAAAC,cAACqQ,IAAS,CACTd,OAAQA,EACRjI,KAAK,WACLQ,KAAK,kBAEJ7B,M,+BCjDL,MAAMqK,EAAWtC,IAAwB,IAArBlH,KAAMyJ,GAAWvC,EACpC,MAAQwC,EAAWC,GAAiBf,oBAAS,IACrCgB,EAAcC,GAAoBjB,mBAAS,MAE7CkB,EAAkBL,EAAUM,eAAe,YAAyC,IAA3BN,EAAoB,QAE7EO,EAAY/G,IACjB4G,EAAgB5G,GAChB0G,GAAa,IAGRM,EAAYA,KACjBN,GAAa,GACbE,EAAgB,OAGjB,OACC5Q,IAAAC,cAACkH,IAAO,KACPnH,IAAAC,cAAC4O,EAAe,CAAChO,MAAO,CAAEoQ,SAAU,YAAc3Q,UAAWuQ,EAAkB,kBAAoB,IACjGxJ,WAAWrH,IAAAC,cAAA,UAAI,uBACdoH,WAAY3C,MAAMwM,QAAQV,EAAUZ,WAAaY,EAAUZ,SAAS/I,OAAS,IACnE7G,IAAAC,cAAA,UAAID,IAAAC,cAACqH,IAAI,CAACC,KAAK,kBAAkBE,YAAY,aACzDzH,IAAAC,cAACqP,EAAc,CACdE,OAAQ,CACP,UACA,gBACA,OACA,cACA,QACA,MACA,OACA,gBACA,QACA,WACA,WAEDzI,KAAMyJ,GAELW,IAAA,IAAC,KAAEpK,GAAMoK,EAAA,OACTnR,IAAAC,cAACmR,IAAc,CAACpH,OAAQjD,EAAMmD,gBAAgB,EAAMkC,kBAAmB2E,MAGxEN,GAAaE,GACb3Q,IAAAC,cAACiB,IAAK,CACLK,MAAM,EACNC,gBAAgB,EAChBH,QACCrB,IAAAC,cAAC6O,EAAa,CAAC9K,QAASvB,GAAKA,EAAEuI,mBAC9BhL,IAAAC,cAACoR,IAAiB,CAACrH,OAAQ2G,GAC1B3Q,IAAAC,cAACgP,EAAU,KACVjP,IAAAC,cAAA,UAAI,mBACJD,IAAAC,cAAA,SACED,IAAAC,cAAA,YACCD,IAAAC,cAACiE,IAAM,CAACC,KAAK,oBAEdwM,EAAanG,cAAa,wBAAApK,OACHuQ,EAAanG,eAClCmG,EAAapJ,MAEjBvH,IAAAC,cAAC8O,EAAS,CAAC/K,QAASgN,GACnBhR,IAAAC,cAACiE,IAAM,CAACC,KAAK,cAMlB7C,QAAS0P,OAQfT,EAAS7I,MAAQ,IAChB1H,IAAAC,cAAA,WACCD,IAAAC,cAAA,OAAKL,IAAK+H,YAAY,wDAAyDC,IAAI,uBACnF5H,IAAAC,cAAA,SAAG,uBAIUsQ,I,IAAAA,IC1FR,MAAMe,EAAa1S,IAAOC,IAAGC,WAAA,CAAAC,YAAA,eAAVH,CAAU,oEAYvB2S,EAAe3S,IAAOC,IAAGC,WAAA,CAAAC,YAAA,eAAVH,CAAU,oEAczB4S,EAAgB5S,IAAOC,IAAGC,WAAA,CAAAC,YAAA,eAAVH,CAAU,yIAUnCwH,IAAMC,GAAEC,MAAAC,YAAA,sCAIRH,IAAMmC,GAAE7B,MAAAH,YAAA,uC,iDCrBZ,MAAMkL,EAAaxD,IAAa,IAAZ,KAAElH,GAAMkH,EAE3B,MAAMyD,EAAKC,YAAM5K,GAEX6K,EAAUC,sBAAYpM,GAASA,GAAS,aAAcA,EAASA,EAAc9E,SAAW,OAExF,UAAEmR,EAAY,CAAEC,OAAQ,GAAInC,SAAU,KAAS7I,GAC/C,SAAE6I,EAAQ,OAAEmC,GAAWD,EACvBE,EAAeC,IAChBzO,MACH0O,SAAStG,KAAOqG,EAAY7H,gBAI9B,OAAOpK,IAAAC,cAACkH,IAAO,KACdnH,IAAAC,cAACmH,IAAS,CAAC9G,UAA4B,IAAjByG,EAAKoL,QAAgB,iBAAmB,GAAIT,GAAIA,GACpErK,WAAWrH,IAAAC,cAAA,UAAI,4BACdoH,WAAY3C,MAAMwM,QAAQa,IAAWA,EAAOlL,OAAS,IAC5C7G,IAAAC,cAAA,UAAID,IAAAC,cAACqH,IAAI,CAACC,KAAK,kBAAkBE,YAAY,aACvDJ,UAAUrH,IAAAC,cAAAD,IAAA8P,SAAA,KACT9P,IAAAC,cAACqP,EAAc,CAACvI,KAAMA,IACtB/G,IAAAC,cAACqR,EAAU,KACVtR,IAAAC,cAAA,SAAOmS,QAAQ,eACdpS,IAAAC,cAAA,YAAM,iIACND,IAAAC,cAAC6H,IAAK,CAAC4J,GAAG,cAAc3J,KAAK,SAASR,KAAK,QAC1CvH,IAAAC,cAAA,UAAQgI,MAAM,IAAG,qBACf2J,EAAQS,aAAe,IAAItC,IAAK1F,GAC1BrK,IAAAC,cAAA,UACNgQ,IAAK,eAAiB5F,EACtBpC,MAAOoC,GAENA,OAMNrK,IAAAC,cAACsR,EAAY,KACZvR,IAAAC,cAAA,SAAOmS,QAAQ,iBACdpS,IAAAC,cAAA,YAAM,sCACND,IAAAC,cAAC6H,IAAK,CAAC4J,GAAG,gBAAgB3J,KAAK,SAASR,KAAK,WAC5CvH,IAAAC,cAAA,UAAQgI,MAAM,UAAS,iBACvBjI,IAAAC,cAAA,UAAQgI,MAAM,aAAY,mBAC1BjI,IAAAC,cAAA,UAAQgI,MAAM,YAAW,wBAK3BjI,IAAAC,cAACuR,EAAa,KACd9M,MAAMwM,QAAQa,IAAWA,EAAOhC,IAAKuC,GAC9BtS,IAAAC,cAACsS,IAAa,CACpBvI,OAAQlG,OAAO0O,KAAK5C,GAAU/I,OAAS,GACpC+I,EAAU0C,EAAMG,aAChB,KAEHH,MAAOA,EACPrC,IAAK,SAAWyC,qBAAWJ,GAC3BtO,QAASgO,SAShBP,EAAW/J,MAAQ,IAClB1H,IAAAC,cAAA,WACCD,IAAAC,cAAA,OAAKL,IAAK+H,YAAY,yDAA0DC,IAAI,4BACpF5H,IAAAC,cAAA,SAAG,4BAILwR,EAAW5J,SAAW,IACrB7H,IAAAC,cAAA,OAAKK,UAAU,YACd,iCAA8BN,IAAAC,cAACqH,IAAI,CAACC,KAAK,WAAWE,YAAY,OAChEzH,IAAAC,cAAA,YAIawR,Q,mBC3Ff,MAAMkB,EAAiB1E,IAAa,IAAZ,KAAElH,GAAMkH,EAC/B,MAAM,eAAE2E,GAAmB7L,EAErB8J,EAAkB9J,EAAK+J,eAAe,YAAkC,IAApB/J,EAAc,QAExE,OACC/G,IAAAC,cAAC6P,WAAQ,KACPzI,WACArH,IAAAC,cAACkH,IAAO,KACPnH,IAAAC,cAACmH,IAAS,KACTpH,IAAAC,cAAA,WACCD,IAAAC,cAAA,QAAMY,MAAO,CAAEgS,QAAS,eAAgBC,cAAe,WAAY,oBACnE9S,IAAAC,cAAC6H,IAAK,CAACC,KAAK,SAASR,KAAK,YAAYS,aAAa,OAClDhI,IAAAC,cAAA,UAAQgI,MAAM,OAAM,kBACpBjI,IAAAC,cAAA,UAAQgI,MAAM,eAAc,qCAC5BjI,IAAAC,cAAA,UAAQgI,MAAM,cAAa,qCAC3BjI,IAAAC,cAAA,UAAQgI,MAAM,SAAQ,+BAGxBjI,IAAAC,cAAA,WACAD,IAAAC,cAAA,WACCD,IAAAC,cAAA,QAAMY,MAAO,CAAEgS,QAAS,eAAgBC,cAAe,WACtD,eAED9S,IAAAC,cAAC6H,IAAK,CAACC,KAAK,SAASR,KAAK,iBAAiBS,aAAa,SACvDhI,IAAAC,cAAA,UAAQgI,MAAM,SAAQ,gBACtBjI,IAAAC,cAAA,UAAQgI,MAAM,SAAQ,6BACtBjI,IAAAC,cAAA,UAAQgI,MAAM,UAAS,uBACvBjI,IAAAC,cAAA,UAAQgI,MAAM,WAAU,4BAG1BjI,IAAAC,cAAA,WACAD,IAAAC,cAAA,WACCD,IAAAC,cAACqP,EAAc,CAACvI,KAAMA,KAEvB/G,IAAAC,cAAA,WACAD,IAAAC,cAAA,WACCD,IAAAC,cAAA,QAAMY,MAAO,CAAEgS,QAAS,eAAgBC,cAAe,WACtD,0BAED9S,IAAAC,cAAC6H,IAAK,CAACC,KAAK,SAASR,KAAK,gBACzBvH,IAAAC,cAAA,UAAQgI,MAAM,OAAM,oBACpBjI,IAAAC,cAAA,UAAQgI,MAAM,OAAM,qBACpBjI,IAAAC,cAAA,UAAQgI,MAAM,MAAK,qBAGrBjI,IAAAC,cAAA,cAKDoH,WAAYuL,GAAkBA,EAAe/L,OAAS,IACvD7G,IAAAC,cAACkH,IAAO,KACPnH,IAAAC,cAACmH,IAAS,CAAC9G,UAAWuQ,EAAkB,kBAAoB,IAC3D7Q,IAAAC,cAAA,UACCD,IAAAC,cAACqH,IAAI,CAACC,KAAK,sBAAsBE,YAAY,UAAUD,WAAW,MAEjEH,WAAWrH,IAAAC,cAACoM,IAAmB,KAC/BuG,EAAe7C,IAAIgD,GACnB/S,IAAAC,cAAC+S,IAAc,CAAC/C,IAAK8C,EAAI9C,IAAKvD,KAAMqG,EAAKE,OAAO,KAEjDjT,IAAAC,cAAA,YACAD,IAAAC,cAAA,iBASP0S,EAAejL,MAAQ,IACtB1H,IAAAC,cAAA,WACCD,IAAAC,cAAA,OAAKL,IAAK+H,YAAY,uDAAwDC,IAAI,gBAClF5H,IAAAC,cAAA,SAAG,gBAIL0S,EAAe9K,SAAW,IACzB7H,IAAAC,cAAA,OAAKK,UAAU,YACdN,IAAAC,cAAA,YACC,gBAAaD,IAAAC,cAAA,aAAO,qBAAyB,QAE9CD,IAAAC,cAACqH,IAAI,CAACC,KAAK,YAAYE,YAAY,QAItBkL,I,QAAAA,I,0CC/FR,MAAMO,GAAkBtU,IAAOC,IAAGC,WAAA,CAAAC,YAAA,eAAVH,CAAU,6DAErCuU,YAAU,gBAAiB,QAAS,SAAU,OAAQ,SAItD/M,IAAMC,GAAEC,MAAAC,YAAA,iCAKC6M,GAAcxU,IAAOC,IAAGC,WAAA,CAAAC,YAAA,eAAVH,CAAU,gGAKjCwH,IAAMC,GAAEK,MAAAH,YAAA,gCAiBC8M,GAAgBzU,IAAOC,IAAGC,WAAA,CAAAC,YAAA,eAAVH,CAAU,+FACvBqC,YAAM,OAAQ,GAK1BmF,IAAMC,GAAEmC,MAAAjC,YAAA,yRAMMtF,YAAM,OAAQ,IAa3BqS,IAAWC,aAKHC,GAAQ5U,IAAOC,IAAGC,WAAA,CAAAC,YAAA,eAAVH,CAAU,qKAE3BuU,YAAU,gBAAiB,QAAS,SAAU,OAAQ,QAO9ClS,YAAM,cAAe,GAM5BmF,IAAMkC,GAAEO,MAAAtC,YAAA,0CAUAkN,GAAY7U,IAAOC,IAAGC,WAAA,CAAAC,YAAA,eAAVH,CAAU,QAC/B0U,IAAWI,QChFTC,GAAS3U,IACd,MAAM4U,EAAc5U,EAAM+H,KAAK8M,eAAgB,EAEzCC,EAAc9U,EAAM+H,KAAK+M,aAAe,IACxCpC,EAAKC,YAAM3S,GAEjB,OACCgB,IAAAC,cAACkH,IAAO,CAACuK,GAAIA,GACZ1R,IAAAC,cAACmH,IAAS,KACTpH,IAAAC,cAACiT,GAAe,KACflT,IAAAC,cAACmT,GAAW,KACXpT,IAAAC,cAAC8T,KAAK,CACLxM,KAAK,cACLqH,SAAU,CAAC,IAAK,KAChB/N,MAAO,CAAC5B,YAAa,cAA+B6U,MAGtD9T,IAAAC,cAACoT,GAAa,KACbrT,IAAAC,cAAA,UACCD,IAAAC,cAACqH,IAAI,CAACC,KAAK,cAAcE,YAAY,UAAUD,WAAW,KAE3DxH,IAAAC,cAAC+T,KAAQ,CAACzM,KAAK,eAAe0M,MAAO,EAAGtF,QAAS6E,KAC9CI,GACD5T,IAAAC,cAAA,QAAMK,UAAU,QACfN,IAAAC,cAACiE,IAAM,CAACC,KAAK,WAGfnE,IAAAC,cAACwT,GAAS,KACTzT,IAAAC,cAACqH,IAAI,CAACC,KAAK,cAAcE,YAAY,SAASD,WAAW,WAUjEmM,GAAO9L,SAAW,IACjB7H,IAAAC,cAAA,OAAKK,UAAU,YACd,iCAA8BN,IAAAC,cAACqH,IAAI,CAACC,KAAK,WAAWE,YAAY,OAChEzH,IAAAC,cAAA,WACAD,IAAAC,cAAA,WACAD,IAAAC,cAAA,SAAOmS,QAAQ,gBACd,mBAAgBpS,IAAAC,cAAC6H,IAAK,CAACC,KAAK,WAAWR,KAAK,eAAemK,GAAG,kBAE/D1R,IAAAC,cAAA,WACAD,IAAAC,cAAA,WACA,oBAAiBD,IAAAC,cAACqH,IAAI,CAACC,KAAK,cAAcS,aAAa,SAIzD2L,GAAOjM,MAAQ,IACd1H,IAAAC,cAAA,WACCD,IAAAC,cAAA,OAAKL,IAAK+H,YAAY,yDAA0DC,IAAI,kBACpF5H,IAAAC,cAAA,SAAG,kBAIU0T,I,wBAAAA,M,iFCzDf,MAAMO,GAAUC,YAAS,0CAUZC,GAAkBxV,IAAOC,IAAGC,WAAA,CAAAC,YAAA,eAAVH,CAAU,0qBAC3BsV,GACuBjT,YAAM,OAAQ,GAC/BA,YAAM,OAAQ,GACdA,YAAM,OAAQ,GACdA,YAAM,OAAQ,GACdA,YAAM,OAAQ,GACdA,YAAM,OAAQ,GACdA,YAAM,OAAQ,GACdA,YAAM,cAAe,GA2BrCmF,IAAMC,GAAEC,QAAAC,YAAA,orCAEStF,YAAM,OAAQ,GACdA,YAAM,OAAQ,GACdA,YAAM,OAAQ,GACdA,YAAM,OAAQ,GAEdA,YAAM,OAAQ,GAEdA,YAAM,OAAQ,GACdA,YAAM,OAAQ,GAEdA,YAAM,cAAe,KA8B7BoT,GAAczV,YAAOuI,KAAQrI,WAAA,CAAAC,YAAA,eAAfH,CAAe,oLACrBqC,YAAM,cAAe,GAIvCkS,YAAU,gBAAiB,QAAS,SAAU,OAAQ,SACxC7G,IAAKC,YAAc,EAEjCnG,IAAMC,GAAEK,QAAAH,YAAA,qCASE+N,GAAmB1V,IAAOC,IAAGC,WAAA,CAAAC,YAAA,eAAVH,CAAU,uHAQpBqC,YAAM,cAAe,IAI9B6N,GAAgBlQ,IAAOC,IAAGC,WAAA,CAAAC,YAAA,eAAVH,CAAU,8bACxBqC,YAAM,SACNsT,IAAUC,UAIRlI,IAAKE,OAAS,EAM3BiI,IAWOxT,YAAM,OAAQ,GAER+H,IAAWC,UAOhBhI,YAAM,cAAe,IAUpByT,GAAY9V,IAAOC,IAAGC,WAAA,CAAAC,YAAA,eAAVH,CAAU,yFACzBqC,YAAM,OAAQ,GACrBqS,IAAWqB,gBAMH1T,YAAM,OAAQ,GACrBqS,IAAWsB,IAIFC,GAAOjW,IAAOkW,KAAIhW,WAAA,CAAAC,YAAA,eAAXH,CAAW,sPAI5BwH,IAAMC,GAAEmC,QAAAjC,YAAA,2FAmBKtF,YAAM,OAAQ,GAK1BmF,IAAMC,GAAEwC,QAAAtC,YAAA,0CAURH,IAAMC,GAAE6C,QAAA3C,YAAA,+DAOCwO,GAAcnW,IAAOC,IAAGC,WAAA,CAAAC,YAAA,eAAVH,CAAU,0LAMfI,GAAUA,EAAMgW,GAAKhW,EAAMgW,GAAK,KAAOC,IAAY5O,GAK3CiG,IAAKE,QAKtB0I,GAAatW,IAAOC,IAAGC,WAAA,CAAAC,YAAA,eAAVH,CAAU,yCAKvBuW,GAAavW,IAAOC,IAAGC,WAAA,CAAAC,YAAA,eAAVH,CAAU,4SAC1BqC,YAAM,cAAe,GAO5BmF,IAAMC,GAAE+C,QAAA7C,YAAA,sCAgBKtF,YAAM,OAAQ,IAQjBmU,GAAYxW,IAAOC,IAAGC,WAAA,CAAAC,YAAA,eAAVH,CAAU,+DACzBqC,YAAM,QAAS,IAMZoU,GAAazW,IAAOC,IAAIsJ,MAAM,KAAM,CAChD7H,UAAW,iBACTxB,WAAA,CAAAC,YAAA,gBAFuBH,CAEvB,sDAKAwH,IAAMC,GAAEkD,QAAAhD,YAAA,iEAME+O,GAAiB1W,IAAOC,IAAGC,WAAA,CAAAC,YAAA,gBAAVH,CAAU,mIACrC0U,IAAWiC,UACJtU,YAAM,OAAQ,GAGrBmF,IAAMC,GAAEmD,QAAAjD,YAAA,gFAOAtF,YAAM,YAAa,IAUjBuU,GAAsB5W,IAAOmK,EAACjK,WAAA,CAAAC,YAAA,gBAARH,CAAQ,wB,2SCvS3C,MAAM6W,GAASC,eAAK,IAAM,8BAA4CC,KAAKvR,IAAU,CAAGwR,QAASxR,EAAOqR,WAClGI,GAAeH,eAAK,IACzB,8BAA4CC,KAAKvR,IAAU,CAAGwR,QAASxR,EAAOyR,iBAGzEC,GAAc7H,IAAa,IAAZ,KAAElH,GAAMkH,EAC5B,MAAQ8H,EAAaC,GAAiBrG,oBAAS,GACzCsG,EAAgB,CACrB1L,MAAO,GACP2L,QAAS,GACT3O,KAAM,GACNkD,MAAO,GACP0L,SAAU,IAGLC,EAASC,aAAU,CAAE,QAAS,OAAQ,WAAY,QAAS,YAE3DxF,EAAkB9J,EAAK+J,eAAe,YAAoC,IAAtB/J,EAAe,QAEnE2K,EAAKC,YAAM5K,GAEXuP,KAA2B5R,MAAMwM,QAAQnK,EAAK6I,WAAY,IAAU7I,EAAK6I,SAAS/I,OAAS,GAC/F,eAAiBE,EAAK6I,UAAY,KAAOlL,MAAMwM,QAAQnK,EAAK6I,SAASC,aAAe9I,EAAK6I,SAASC,WAAWhJ,OAAS,GAGxH,IAAI0P,EAyCJ,OATAhT,oBAAU,IACF,KAEFgT,GACHC,aAAaD,IAGb,IAGFvW,IAAAC,cAACoU,GAAW,CACX/T,UAAWuQ,EAAkB,kBAAoB,GACjDa,GAAIA,EACJ7Q,MAAO,CAAE4V,gBAAiB,QAAU1P,EAAK2P,QAAU3P,EAAK2P,OAAO9W,IAAMmH,EAAK2P,OAAO9W,IAAM+W,MAAU,MAEhGtP,WACArH,IAAAC,cAAAD,IAAA8P,SAAA,KACC9P,IAAAC,cAACqU,GAAgB,KAChBtU,IAAAC,cAAA,UAAI,wBACJD,IAAAC,cAAC8T,KAAK,CAAC/L,aAAc2O,KAAQpP,KAAK,SAASG,MAAO,CAAE,IAAK,QAE1D1H,IAAAC,cAACqP,EAAc,CAACC,UAAU,EAAMC,OAAQ,CAAE,MAAO,OAAQ,kBAAoBzI,KAAMA,IACnF/G,IAAAC,cAACuV,GAAmB,KAAC,oCAAyBc,EAC7CtW,IAAAC,cAAAD,IAAA8P,SAAA,KAAE,sEAEF9P,IAAAC,cAAAD,IAAA8P,SAAA,KAAE,2BAIL9P,IAAAC,cAAC6O,GAAa,KACb9O,IAAAC,cAACyU,GAAS,KACT1U,IAAAC,cAAA,UACCD,IAAAC,cAACqH,IAAI,CAACC,KAAK,mBAAmBE,YAAY,oBAAoBD,WAAW,KAE1ExH,IAAAC,cAACqH,IAAI,CAACC,KAAK,yBAAyBE,YAAY,yBAAyBD,WAAW,MAEnFhE,KAAaxD,IAAAC,cAACmU,GAAe,MAC9B5Q,KACAxD,IAAAC,cAAC2W,WAAQ,CAACC,SAAU7W,IAAAC,cAACmU,GAAe,OACnCpU,IAAAC,cAACwV,GAAM,CAACQ,cAAeA,EAAea,SArE1BC,CAAOC,EAAM7F,KAAA,IAAE,cAAE8F,EAAa,UAAEC,GAAW/F,EAAA,OAAIgG,QAAA,6BAC/DF,GAAc,GAEd,MAAMG,EAAYlF,SAAStG,KAErByL,EAAQvT,OAAAC,OAAA,CACb6L,SAAU7I,EAAK6I,UAAY,GAC3BwH,aACGJ,GAGJ,IACC,MAAMM,QAAYC,KAAeC,eAAeH,GAChDvR,QAAQC,IAAI,yBAA0BuR,GACtCL,GAAc,GACdjB,GAAa,GAETxS,MACH+S,EAAuB9S,OAAO2H,WAAW,KACxC4K,GAAa,GACbkB,EAAUjB,IACR,MAEH,MAAOxT,GACRqD,QAAQC,IAAI,8BAA+BtD,GAC3CwU,GAAc,GACdjB,GAAa,QA2CgDyB,iBAAkBrB,GAC1EsB,IAAA,IAAC,OAAEV,EAAM,aAAEW,EAAY,WAAEC,EAAU,aAAEC,EAAY,aAAEC,GAAcJ,EAAA,OACjE1X,IAAAC,cAAC4U,GAAI,CAACiC,SAAUe,EAAcvX,UAAWwX,EAAe,aAAe,IACtE9X,IAAAC,cAAC8U,GAAW,KACX/U,IAAAC,cAACiV,GAAU,KACVlV,IAAAC,cAACkV,GAAU,KACVnV,IAAAC,cAACiE,IAAM,CAACC,KAAK,SACbnE,IAAAC,cAAC8X,KAAS,CACTtM,aAAW,OACXuM,SAAUjC,GAAe+B,EACzBvQ,KAAK,OACL0Q,OAAQL,EACRM,SAAUP,EACVlQ,YAAY,OACZM,KAAK,OACLE,MAAO+O,EAAc,OAEtBhX,IAAAC,cAAC4V,GAAY,CAACsC,UAAU,IAAI5Q,KAAK,QAC/B6Q,GAAOpY,IAAAC,cAACmV,GAAS,KAAEgD,KAGtBpY,IAAAC,cAACkV,GAAU,KACVnV,IAAAC,cAACiE,IAAM,CAACC,KAAK,UACbnE,IAAAC,cAAC8X,KAAS,CACTtM,aAAW,gBACXuM,SAAUjC,GAAe+B,EACzBvQ,KAAK,QACL0Q,OAAQL,EACRM,SAAUP,EACVlQ,YAAY,gBACZM,KAAK,MACLE,MAAO+O,EAAe,QAEvBhX,IAAAC,cAAC4V,GAAY,CAACsC,UAAU,IAAI5Q,KAAK,SAC/B6Q,GAAOpY,IAAAC,cAACmV,GAAS,KAAEgD,KAGtBpY,IAAAC,cAACkV,GAAU,KACVnV,IAAAC,cAACiE,IAAM,CAACC,KAAK,aACbnE,IAAAC,cAAC8X,KAAS,CACTtM,aAAW,yBACXuM,SAAUjC,GAAe+B,EACzBvQ,KAAK,QACL0Q,OAAQL,EACRM,SAAUP,EACVlQ,YAAY,mBACZM,KAAK,QACLE,MAAO+O,EAAe,QAEvBhX,IAAAC,cAAC4V,GAAY,CAACsC,UAAU,IAAI5Q,KAAK,SAC/B6Q,GAAOpY,IAAAC,cAACmV,GAAS,KAAEgD,KAGtBpY,IAAAC,cAACkV,GAAU,KACVnV,IAAAC,cAACiE,IAAM,CAACC,KAAK,mBACbnE,IAAAC,cAAC8X,KAAS,CACTtM,aAAW,cACXuM,SAAUjC,GAAe+B,EACzBvQ,KAAK,WACL0Q,OAAQL,EACRM,SAAUP,EACVlQ,YAAY,cACZQ,MAAO+O,EAAkB,WAE1BhX,IAAAC,cAAC4V,GAAY,CAACsC,UAAU,IAAI5Q,KAAK,YAC/B6Q,GAAOpY,IAAAC,cAACmV,GAAS,KAAEgD,MAIvBpY,IAAAC,cAACiV,GAAU,KACVlV,IAAAC,cAAA,YACCwL,aAAW,SACXuM,SAAUjC,GAAe+B,EACzBpG,GAAG,UACHnK,KAAK,UACL0Q,OAAQL,EACRM,SAAUP,EACVlQ,YAAY,WACZQ,MAAO+O,EAAiB,UAEzBhX,IAAAC,cAAC4V,GAAY,CAACsC,UAAU,IAAI5Q,KAAK,WAC/B6Q,GAAOpY,IAAAC,cAACmV,GAAS,KAAEgD,MAKtBrC,GACA/V,IAAAC,cAAA,OAAKK,UAAU,UACdN,IAAAC,cAAA,YACCD,IAAAC,cAACiE,IAAM,CAACC,KAAK,WAEd,6BAIA4R,GACD/V,IAAAC,cAACoV,GAAU,KACVrV,IAAAC,cAACqV,GAAc,KACd,+GAEAtV,IAAAC,cAACuL,QAAI,CAACG,GAAG,cAAcE,OAAO,UAC7B,6BAGF7L,IAAAC,cAACoY,KAAS,CACTC,KAAK,kBACLvQ,KAAK,SACLiQ,SAAUF,EACVS,WAAYT,YAcxBhC,GAAYpO,MAAQ,IACnB1H,IAAAC,cAAA,WACCD,IAAAC,cAAA,OAAKL,IAAK+H,YAAY,8DAA+DC,IAAI,uBACzF5H,IAAAC,cAAA,SAAG,uBAIL6V,GAAYjO,SAAW,IACtB7H,IAAAC,cAAA,OAAKK,UAAU,YACdN,IAAAC,cAAA,YACC,gBAAaD,IAAAC,cAAA,aAAO,qBAAyB,QAE9CD,IAAAC,cAACqH,IAAI,CAACC,KAAK,YAAYE,YAAY,QAItBqO,I,GAAAA,MCtQR,MAAM0C,GAAgB5Z,IAAOC,IAAGC,WAAA,CAAAC,YAAA,gBAAVH,CAAU,oEAIpCwH,IAAMkC,GAAEhC,QAAAC,YAAA,oCAKP+M,IAAWmF,I,0BCFf,MAAMC,GAAmBzK,IAAa,IAAZ,KAAElH,GAAMkH,EACjC3J,eAEA,MAAM,sBAAEqU,EAAqB,aAAEC,EAAe,UAAa7R,EAE3D,OACC/G,IAAAC,cAACoF,KAAa,KACbrF,IAAAC,cAACmH,IAAS,KACTpH,IAAAC,cAACuY,GAAa,MACXnR,YAAaA,WAAWsR,IACzB3Y,IAAAC,cAAA,UACCD,IAAAC,cAACqH,IAAI,CAACC,KAAK,wBAAwBE,YAAY,aAIhDJ,WACArH,IAAAC,cAAA,WACCD,IAAAC,cAAA,YAAM,mBACND,IAAAC,cAACqH,IAAI,CAACC,KAAK,eAAeE,YAAY,cAAcD,WAAW,KAIjExH,IAAAC,cAAA,OAAK4Y,qBAAoBD,EAAclH,GAAG,0CAO/CgH,GAAiBhR,MAAQ,IACxB1H,IAAAC,cAAA,WACCD,IAAAC,cAAA,OAAKL,IAAK+H,YAAY,wDAAyDC,IAAI,6BACnF5H,IAAAC,cAAA,SAAG,6BAIUyY,I,eAAAA,MC3CR,MAAMF,GAAgB5Z,IAAOC,IAAGC,WAAA,CAAAC,YAAA,gBAAVH,CAAU,iFAKpCwH,IAAMkC,GAAEhC,QAAAC,YAAA,oCAKP+M,IAAWmF,IAKFK,GAAgBla,IAAOC,IAAGC,WAAA,CAAAC,YAAA,gBAAVH,CAAU,QACpCwH,IAAMwC,GAAElC,QAAAH,YAAA,sEAMEwS,GAAena,IAAOC,IAAGC,WAAA,CAAAC,YAAA,gBAAVH,CAAU,kEACnCwH,IAAMwC,GAAEJ,QAAAjC,YAAA,iDACa+F,IAAKC,aAG1BnG,IAAMkC,GAAEO,QAAAtC,YAAA,iDACa+F,IAAKE,QAQzBpG,IAAMwC,GAAEM,QAAA3C,YAAA,qCC7BNyS,GAA2B/K,IAAa,IAAZ,KAAElH,GAAMkH,EACzC3J,eAEA,MAAM,YAAE2U,EAAW,aAAEL,EAAe,UAAa7R,EAEjD,OACC/G,IAAAC,cAACoF,KAAa,KACbrF,IAAAC,cAACuY,GAAa,KACbxY,IAAAC,cAACmH,IAAS,MACPC,YAAaA,WAAW4R,IACzBjZ,IAAAC,cAAA,UACCD,IAAAC,cAACqH,IAAI,CAACC,KAAK,cAAcE,YAAY,aAIvCzH,IAAAC,cAAC6Y,GAAa,KACb9Y,IAAAC,cAAC8Y,GAAY,KACX1R,WACArH,IAAAC,cAAA,WACCD,IAAAC,cAAA,YAAM,mBACND,IAAAC,cAACqH,IAAI,CAACC,KAAK,eAAeE,YAAY,cAAcD,WAAW,KAIjExH,IAAAC,cAAA,OAAK4Y,qBAAoBD,EAAclH,GAAG,uCAE3C1R,IAAAC,cAAC8Y,GAAY,KACZ/Y,IAAAC,cAAC8T,KAAK,CAACxM,KAAK,sBASnByR,GAAyBtR,MAAQ,IAChC1H,IAAAC,cAAA,WACCD,IAAAC,cAAA,OAAKL,IAAI,wDAAwDgI,IAAI,0BACrE5H,IAAAC,cAAA,SAAG,qCAIU+Y,I,eAAAA,MCxCf,MAAM9E,GAAUC,YAAS,0CAUZC,GAAkBxV,IAAOC,IAAGC,WAAA,CAAAC,YAAA,gBAAVH,CAAU,0qBAC3BsV,GACuBjT,YAAM,OAAQ,GAC/BA,YAAM,OAAQ,GACdA,YAAM,OAAQ,GACdA,YAAM,OAAQ,GACdA,YAAM,OAAQ,GACdA,YAAM,OAAQ,GACdA,YAAM,OAAQ,GACdA,YAAM,cAAe,GA2BrCmF,IAAMC,GAAEC,QAAAC,YAAA,orCAEStF,YAAM,OAAQ,GACdA,YAAM,OAAQ,GACdA,YAAM,OAAQ,GACdA,YAAM,OAAQ,GAEdA,YAAM,OAAQ,GAEdA,YAAM,OAAQ,GACdA,YAAM,OAAQ,GAEdA,YAAM,cAAe,KA8B7BoT,GAAczV,YAAOuI,KAAQrI,WAAA,CAAAC,YAAA,gBAAfH,CAAe,oLACrBqC,YAAM,cAAe,GAIvCkS,YAAU,gBAAiB,QAAS,SAAU,OAAQ,SACxC7G,IAAKC,YAAc,EAEjCnG,IAAMC,GAAEK,QAAAH,YAAA,qCASE+N,GAAmB1V,IAAOC,IAAGC,WAAA,CAAAC,YAAA,gBAAVH,CAAU,uHAQpBqC,YAAM,cAAe,IAI9B6N,GAAgBlQ,IAAOC,IAAGC,WAAA,CAAAC,YAAA,gBAAVH,CAAU,8bACxBqC,YAAM,SACNsT,IAAUC,UAIRlI,IAAKE,OAAS,EAM3BiI,IAWOxT,YAAM,OAAQ,GAER+H,IAAWC,UAOhBhI,YAAM,cAAe,IAUpByT,GAAY9V,IAAOC,IAAGC,WAAA,CAAAC,YAAA,gBAAVH,CAAU,yFACzBqC,YAAM,OAAQ,GACrBqS,IAAWqB,gBAMH1T,YAAM,OAAQ,GACrBqS,IAAWsB,IAIFC,GAAOjW,IAAOkW,KAAIhW,WAAA,CAAAC,YAAA,gBAAXH,CAAW,oKAI5BwH,IAAMC,GAAEmC,QAAAjC,YAAA,4FAwBE2S,GAActa,IAAOC,IAAGC,WAAA,CAAAC,YAAA,gBAAVH,CAAU,8FAOxBuW,GAAavW,IAAOC,IAAGC,WAAA,CAAAC,YAAA,gBAAVH,CAAU,kUAC1BqC,YAAM,cAAe,GAQ5BmF,IAAMC,GAAEwC,QAAAtC,YAAA,sCAgBKtF,YAAM,OAAQ,IAQjBmU,GAAYxW,IAAOC,IAAGC,WAAA,CAAAC,YAAA,gBAAVH,CAAU,+DACzBqC,YAAM,QAAS,IAMZoU,GAAazW,IAAOC,IAAIsJ,MAAM,KAAM,CAChD7H,UAAW,iBACTxB,WAAA,CAAAC,YAAA,gBAFuBH,CAEvB,8FAQU0W,GAAiB1W,IAAOC,IAAGC,WAAA,CAAAC,YAAA,iBAAVH,CAAU,+IACrC0U,IAAWiC,UACJtU,YAAM,OAAQ,GAIrBmF,IAAMC,GAAE6C,QAAA3C,YAAA,gFAOAtF,YAAM,YAAa,I,iUC/P9B,MAAMwU,GAASC,eAAK,IAAM,8BAA4CC,KAAKvR,IAAU,CAAGwR,QAASxR,EAAOqR,WAClGI,GAAeH,eAAK,IACzB,8BAA4CC,KAAKvR,IAAU,CAAGwR,QAASxR,EAAOyR,iBAEzEsD,GAAelL,IAAa,IAAZ,KAAElH,GAAMkH,EAE7B,MAAQ8H,EAAaC,GAAiBrG,oBAAS,GASzCyG,EAASC,aAAU,CAAE,QAAS,OAAQ,UAEtCxF,EAAkB9J,EAAK+J,eAAe,YAAoC,IAAtB/J,EAAe,QAEnE2K,EAAKC,YAAM5K,IAEX,mBAAEqS,EAAkB,QAAEC,EAAO,iBAAEC,GAAqBvS,EAwB1D,OACC/G,IAAAC,cAACoU,GAAW,CACX/T,UAAWuQ,EAAkB,kBAAoB,GACjDa,GAAIA,EACJ7Q,MAAO,CAAE4V,gBAAiB,QAAU1P,EAAK2P,QAAU3P,EAAK2P,OAAO9W,IAAMmH,EAAK2P,OAAO9W,IAAM+W,MAAU,MAEhGtP,WAAWrH,IAAAC,cAACqU,GAAgB,KAC5BtU,IAAAC,cAAA,UAAI,wBACJD,IAAAC,cAAC8T,KAAK,CACL/L,aAAc2O,KACdpP,KAAK,SACLG,MAAO,CAAE,IAAK,QAGfL,WAAWrH,IAAAC,cAACqU,GAAgB,KAC5BtU,IAAAC,cAAA,UAAI,sBACJD,IAAAC,cAACsZ,KAAK,CACLC,MAAO,EACPjS,KAAK,WAEHkS,GAAcA,GAAQA,EAAK1S,MAAQ0S,EAAK1S,KAAKnH,IAAO,WAAa6Z,EAAK1S,KAAKnH,IAAM,IAAO,YAG5FI,IAAAC,cAAC6O,GAAa,KACb9O,IAAAC,cAACyU,GAAS,KACT1U,IAAAC,cAAA,WACG8V,GAAe/V,IAAAC,cAACqH,IAAI,CACrBU,aAAa,6BACbR,WAAW,EACXD,KAAK,oBACLE,YAAY,sBAEZJ,WAAWrH,IAAAC,cAAA,cACRoH,YAAW0O,IAAgB/V,IAAAC,cAACqH,IAAI,CACnCU,aAAa,4BACbR,WAAW,EACXD,KAAK,0BACLE,YAAY,mCAGZsO,GAAe/V,IAAAC,cAACqH,IAAI,CACrBU,aAAa,eACbR,WAAW,EACXD,KAAK,0BACLE,YAAY,2BAEZJ,WAAWrH,IAAAC,cAAA,cACRoH,YAAW0O,IAAgB/V,IAAAC,cAACqH,IAAI,CACnCU,aAAa,GACbR,WAAW,EACXD,KAAK,iCACLE,YAAY,wCAGZjE,KAAaxD,IAAAC,cAACmU,GAAe,MAC9B5Q,KACAxD,IAAAC,cAAC2W,WAAQ,CAACC,SAAU7W,IAAAC,cAACmU,GAAe,OACnCpU,IAAAC,cAACwV,GAAM,CAACQ,cA/FS,CACrB1L,MAAO,GACP2L,QAAS,GACT3O,KAAM,GACNkD,MAAO,GACP0L,SAAU,IA0FgCW,SA/E1BC,CAAOC,EAAW7F,KAAA,IAAE,cAAE8F,GAAe9F,EAAA,OAAIgG,QAAA,6BACzDF,GAAc,GAEd,MAAMG,EAAYlF,SAAStG,KAErByL,EAAQvT,OAAAC,OAAA,CACbqT,aACGJ,GAGJ,IACC,MAAMM,QAAYC,KAAemC,kBAAkBrC,GACnDvR,QAAQC,IAAI,yBAA0BuR,GACtCL,GAAc,GACdjB,GAAa,GACZ,MAAOvT,GACRqD,QAAQC,IAAI,+BAAgCtD,GAC5CwU,GAAc,GACdjB,GAAa,QA6DgDyB,iBAAkBrB,GAC1EsB,IAAA,IAAC,OAAEV,EAAM,aAAEW,EAAY,WAAEC,EAAU,aAAEC,EAAY,aAAEC,GAAcJ,EAAA,OACjE1X,IAAAC,cAAC4U,GAAI,CAACiC,SAAUe,EAAcvX,UAAWwX,EAAe,aAAe,KACpE/B,GAAe/V,IAAAC,cAACiZ,GAAW,KAC5BlZ,IAAAC,cAACkV,GAAU,KACVnV,IAAAC,cAACiE,IAAM,CAACC,KAAK,SACbnE,IAAAC,cAAC8X,KAAS,CACTtM,aAAW,OACXuM,SAAUjC,GAAe+B,EACzBvQ,KAAK,OACL0Q,OAAQL,EACRM,SAAUP,EACVlQ,YAAY,OACZM,KAAK,OACLE,MAAO+O,EAAc,OAEtBhX,IAAAC,cAAC4V,GAAY,CAACsC,UAAU,IAAI5Q,KAAK,QAC/B6Q,GAAOpY,IAAAC,cAACmV,GAAS,KAAEgD,KAGtBpY,IAAAC,cAACkV,GAAU,KACVnV,IAAAC,cAACiE,IAAM,CAACC,KAAK,UACbnE,IAAAC,cAAC8X,KAAS,CACTtM,aAAW,gBACXuM,SAAUjC,GAAe+B,EACzBvQ,KAAK,QACL0Q,OAAQL,EACRM,SAAUP,EACVlQ,YAAY,gBACZM,KAAK,MACLE,MAAO+O,EAAe,QAEvBhX,IAAAC,cAAC4V,GAAY,CAACsC,UAAU,IAAI5Q,KAAK,SAC/B6Q,GAAOpY,IAAAC,cAACmV,GAAS,KAAEgD,KAGtBpY,IAAAC,cAACkV,GAAU,KACVnV,IAAAC,cAACiE,IAAM,CAACC,KAAK,aACbnE,IAAAC,cAAC8X,KAAS,CACTtM,aAAW,yBACXuM,SAAUjC,GAAe+B,EACzBvQ,KAAK,QACL0Q,OAAQL,EACRM,SAAUP,EACVlQ,YAAY,mBACZM,KAAK,QACLE,MAAO+O,EAAe,QAEvBhX,IAAAC,cAAC4V,GAAY,CAACsC,UAAU,IAAI5Q,KAAK,SAC/B6Q,GAAOpY,IAAAC,cAACmV,GAAS,KAAEgD,MAKvBpY,IAAAC,cAACoV,GAAU,MACRU,GAAe/V,IAAAC,cAACqV,GAAc,KAC/BtV,IAAAC,cAACuL,QAAI,CAACG,GAAG,cAAcE,OAAO,UAC7B,8BAGAkK,GAAe/V,IAAAC,cAACoY,KAAS,CAC1BL,SAAUF,EACVS,WAAYT,EACZQ,KAAMgB,GAAoB,eAC1BvR,KAAK,WAEJgO,GAAerR,MAAMwM,QAAQmI,IAAYA,EAAQ,IAAMA,EAAQ,GAAGM,UAAa3Z,IAAAC,cAACoY,KAAS,CAC1FrU,QAAUvB,IACTA,EAAEwI,iBACFxI,EAAEuI,kBACExH,KACHC,OAAOmW,KAAK,wBAA0BP,EAAS,GAAIM,WAGrD5R,KAAK,UAEJqR,GAAsB,kCAclCD,GAAazR,MAAQ,IAAO1H,IAAAC,cAAA,WAC3BD,IAAAC,cAAA,OAAKL,IAAK+H,YAAY,wDAAyDC,IAAI,iBACnF5H,IAAAC,cAAA,SAAG,iBAGJkZ,GAAatR,SAAW,IACvB7H,IAAAC,cAAA,OAAKK,UAAU,YACdN,IAAAC,cAAA,WACCD,IAAAC,cAAA,YAAM,gBAAaD,IAAAC,cAAA,aAAO,sBAA0B,QACpDD,IAAAC,cAACqH,IAAI,CAACC,KAAK,YAAYE,YAAY,QAEpCzH,IAAAC,cAAA,WACCD,IAAAC,cAAA,YAAM,qCACND,IAAAC,cAACqH,IAAI,CAACC,KAAK,mBAAmBS,aAAa,kBAE5ChI,IAAAC,cAAA,WACCD,IAAAC,cAAA,YAAM,2BACND,IAAAC,cAACqH,IAAI,CAACC,KAAK,qBAAqBS,aAAa,6BAKjCmR,U,WC/OR,MAAMU,GAAiBjb,IAAOC,IAAGC,WAAA,CAAAC,YAAA,gBAAVH,CAAU,4DACpC0U,IAAWwG,OAKX3G,YAAU,gBAAiB,QAAS,SAAU,OAAQ,U,kVCF1D,MAAM4G,GAAW/a,IAChB,MACC+H,MAAM,UACLiT,IAGEhb,EADAkI,EAASxF,GACT1C,EALE,UAWN,OAJIgb,IACH9S,EAAc,GAAI8S,GAIlBha,IAAAC,cAACkH,IAAaD,EACblH,IAAAC,cAACmH,IAAS,KACTpH,IAAAC,cAAC4Z,GAAc,KACd7Z,IAAAC,cAACqH,IAAI,CAACC,KAAK,cAAcE,YAAY,WAAWD,WAAY,QAOjEuS,GAAQlS,SAAW,IAClB7H,IAAAC,cAAA,OAAKK,UAAU,YACdN,IAAAC,cAAA,YAAM,gBAAaD,IAAAC,cAAA,aAAO,qBAAyB,QACnDD,IAAAC,cAACqH,IAAI,CAACC,KAAK,YAAYE,YAAY,QAIrCsS,GAAQrS,MAAQ,IAAM1H,IAAAC,cAAA,WACrBD,IAAAC,cAAA,OAAKL,IAAK+H,YAAY,oDAAqDC,IAAI,aAC/E5H,IAAAC,cAAA,SAAG,aAGW8Z,I,qBAAAA,MCvCR,MAAME,GAASrb,IAAOC,IAAGC,WAAA,CAAAC,YAAA,eAAVH,CAAU,kEAI5BuU,YAAU,gBAAiB,QAAS,SAAU,OAAQ,SACtDA,YAAU,aAAc,QAAS,SAAU,OAAQ,QAEnD/M,IAAMC,GAAEC,QAAAC,YAAA,4EAMC2T,GAAYtb,IAAOC,IAAGC,WAAA,CAAAC,YAAA,eAAVH,CAAU,siBAGhB0N,IAAKC,YAEpBnG,IAAM+T,GAAEzT,QAAAH,YAAA,sCACQ+F,IAAKE,QAGrBpG,IAAMC,GAAEmC,QAAAjC,YAAA,6EACkB+F,IAAKE,QAMlBvL,YAAM,cAAe,GAE1BA,YAAM,OAAQ,GAWrBqS,IAAWsB,GAEXxO,IAAMC,GAAEwC,QAAAtC,YAAA,yCAIRH,IAAMkC,GAAEY,QAAA3C,YAAA,yCAONtF,YAAM,cAAe,GACrBA,YAAM,cAAe,GACrBA,YAAM,SACNA,YAAM,SAYPmF,IAAMC,GAAE+C,QAAA7C,YAAA,6DAKRH,IAAMkC,GAAEiB,QAAAhD,YAAA,8DCpER6T,GAAanM,IAAa,IAAZ,KAAElH,GAAMkH,EAC3B,MAAM,eAAEoM,EAAc,eAAEC,EAAc,gBAAEC,EAAe,eAAEC,EAAc,eAAEC,EAAc,gBAAEC,GAAoB3T,EACvG2K,EAAKC,YAAM5K,GAEX4T,EAAaJ,EAAkB,CAAE1O,OAAQ,SAAU+O,IAAK,uBAA0B,GAClFC,EAAaH,EAAkB,CAAE7O,OAAQ,SAAU+O,IAAK,uBAA0B,GAExF,OACC5a,IAAAC,cAACmH,IAAS,CAACsK,GAAIA,GACd1R,IAAAC,cAACga,GAAM,KACNja,IAAAC,cAACia,GAAS,KACR7S,WACArH,IAAAC,cAAA,WACC,kBAAeD,IAAAC,cAACqH,IAAI,CAACC,KAAK,iBAAiBE,YAAY,kBACvDzH,IAAAC,cAAA,WACA,gBAAaD,IAAAC,cAACqH,IAAI,CAACC,KAAK,iBAAiBE,YAAY,gBACrDzH,IAAAC,cAAA,WACAD,IAAAC,cAAA,SAAOmS,QAAQ,cACd,2BACApS,IAAAC,cAAC6H,IAAK,CAACC,KAAK,WAAWR,KAAK,kBAAkBmK,GAAG,kBAIlDrK,WAAWgT,GAAkBC,GAC9Bta,IAAAC,cAAA,IAAA6D,OAAAC,OAAA,CAAG6H,KAAM0O,GAAoBK,GAC3BN,IAIJra,IAAAC,cAACia,GAAS,KACR7S,WACArH,IAAAC,cAAA,WACC,kBAAeD,IAAAC,cAACqH,IAAI,CAACC,KAAK,iBAAiBE,YAAY,kBACvDzH,IAAAC,cAAA,WACA,gBAAaD,IAAAC,cAACqH,IAAI,CAACC,KAAK,iBAAiBE,YAAY,gBACrDzH,IAAAC,cAAA,WACAD,IAAAC,cAAA,SAAOmS,QAAQ,cACd,2BACApS,IAAAC,cAAC6H,IAAK,CAACC,KAAK,WAAWR,KAAK,kBAAkBmK,GAAG,kBAIlDrK,WAAWmT,GAAkBC,GAC9Bza,IAAAC,cAAA,IAAA6D,OAAAC,OAAA,CAAG6H,KAAM6O,GAAoBI,GAC3BL,OASRJ,GAAWvS,SAAW,IACrB7H,IAAAC,cAAA,OAAKK,UAAU,YACdN,IAAAC,cAAA,YACC,gBAAaD,IAAAC,cAAA,aAAO,qBAAyB,QAE9CD,IAAAC,cAACqH,IAAI,CAACC,KAAK,YAAYE,YAAY,QAIrC2S,GAAW1S,MAAQ,IAClB1H,IAAAC,cAAA,WACCD,IAAAC,cAAA,OAAKL,IAAK+H,YAAY,wDAAyDC,IAAI,iBACnF5H,IAAAC,cAAA,SAAG,iBAIUma,I,MAAAA,M,qBC5ER,MAAMU,GAAqBlc,IAAOC,IAAGC,WAAA,CAAAC,YAAA,eAAVH,CAAU,+BAGzCwH,IAAMC,GAAEC,QAAAC,YAAA,uCAIRH,IAAMkC,GAAE5B,QAAAH,YAAA,wCAKEwU,GAAqBnc,IAAOC,IAAGC,WAAA,CAAAC,YAAA,eAAVH,CAAU,MAE/Boc,GAAoBpc,IAAOC,IAAGC,WAAA,CAAAC,YAAA,eAAVH,CAAU,oJ,iECb3C,MAGMqc,GAAahT,GACNA,EAAMiT,QAAQ,MAAO,IAJlB,IAMP,aAGDjT,EAGFkT,GAAclN,IAAiC,IAAhC,YAAEmN,EAAW,OAAEpE,EAAS,IAAI/I,EAChD,MAAOoN,EAAaC,GAAkB3L,mBAAS,CAAC,EAZzB,SAahB4L,EAAKC,GAAOH,EASnB,OAPA9X,oBAAU,KACT,MAAOkY,EAAIC,GAAM1E,EACN,OAAPyE,GAAsB,OAAPC,GAClBJ,EAAetE,IAEd,CAACA,IAGHhX,IAAAC,cAAC6P,WAAQ,KACR9P,IAAAC,cAAC0b,KAAK,CACLC,YAAY,EACZ5T,aAAc,CAAC,EA1BK,OA2BpBwT,IA3BoB,MA4BpBD,IAAK,EACLrD,SAAUzV,GAAK6Y,EAAe7Y,GAC9BoZ,cAAepZ,GAAK2Y,EAAY3Y,GAChCqZ,KAAM,IACN7T,MAAO,CAACoT,EAAY,GAAIA,EAAY,MAErCrb,IAAAC,cAAA,YACCD,IAAAC,cAAC8b,KAAY,CAACC,YAAY,OAAOf,WAAYA,GAAYgB,kBAAkB,IAAIhU,MAAOsT,IACtF,iBACAvb,IAAAC,cAAC8b,KAAY,CAACC,YAAY,OAAOf,WAAYA,GAAYgB,kBAAkB,IAAIhU,MAAOuT,IACtF,gBAMWnc,I,0CAAAA,kBAAK8b,IC7Cb,MAAMe,GAAUtd,IAAOud,GAAErd,WAAA,CAAAC,YAAA,gBAATH,CAAS,2BAErBqC,YAAM,cAAe,IAInBmb,GAAaxd,IAAOC,IAAGC,WAAA,CAAAC,YAAA,gBAAVH,CAAU,wQACRqC,YAAM,OAAQ,GACjBA,YAAM,OAAQ,GAKpCmF,IAAMC,GAAEC,QAAAC,YAAA,gEACWtF,YAAM,OAAQ,IAIjCmF,IAAMkC,GAAE5B,QAAAH,YAAA,gCAQOyC,IAAWC,UAOvB7C,IAAMkC,GAAEE,QAAAjC,YAAA,iDAQD8V,GAAgBzd,IAAOC,IAAGC,WAAA,CAAAC,YAAA,gBAAVH,CAAU,kEAKpCwH,IAAMC,GAAEwC,QAAAtC,YAAA,sCAIRH,IAAMkC,GAAEY,QAAA3C,YAAA,uCAKE+V,GAAmB1d,IAAOC,IAAGC,WAAA,CAAAC,YAAA,gBAAVH,CAAU,0GAU7B2d,GAAU3d,IAAOC,IAAGC,WAAA,CAAAC,YAAA,gBAAVH,CAAU,mIAK9BwH,IAAMkC,GAAEc,QAAA7C,YAAA,mFAGQ+F,IAAKE,QAYbvL,YAAM,cAAe,IAInBub,GAAQ5d,YAAO2d,IAAQzd,WAAA,CAAAC,YAAA,gBAAfH,CAAe,gIACjCwH,IAAMkC,GAAEiB,QAAAhD,YAAA,oCAmBEkW,GAAa7d,IAAOC,IAAGC,WAAA,CAAAC,YAAA,gBAAVH,CAAU,61BAKjCwH,IAAMkC,GAAEkB,QAAAjD,YAAA,iCAkEEmC,GAAQ9J,IAAOmK,EAACjK,WAAA,CAAAC,YAAA,gBAARH,CAAQ,wCAC1B0U,IAAWI,QAKDgJ,GAAe9d,YAAO2d,IAAQzd,WAAA,CAAAC,YAAA,gBAAfH,CAAe,4GAKxB0N,IAAKE,OAGrBpG,IAAMuW,IAAGhT,QAAApD,YAAA,mCAKCqW,GAAQhe,IAAOC,IAAGC,WAAA,CAAAC,YAAA,gBAAVH,CAAU,6pBAiBZ0N,IAAKE,OAIpBpG,IAAMuW,IAAG/S,QAAArD,YAAA,iCAKStF,YAAM,YAAa,GAGnBA,YAAM,cAAe,GAU/BA,YAAM,UAqBL4b,GAAUje,IAAOC,IAAGC,WAAA,CAAAC,YAAA,iBAAVH,CAAU,8IAK9BwH,IAAM+T,GAAE2C,QAAAvW,YAAA,2EAURH,IAAMuW,IAAGI,QAAAxW,YAAA,mCAKCyW,GAAkBpe,IAAOoC,KAAKmH,MAAM,CAChD8U,UAAW,wBACXC,KAAM,WACLpe,WAAA,CAAAC,YAAA,iBAH6BH,CAG7B,mIACC0U,IAAWqB,gBACJ1T,YAAM,YAAa,GAO1BmF,IAAMkC,GAAE6U,QAAA5W,YAAA,+EAOAtF,YAAM,YAAa,IAIjBmc,GAAexe,YAAOyZ,MAAUvZ,WAAA,CAAAC,YAAA,iBAAjBH,CAAiB,iJAK1CwH,IAAM+T,GAAEkD,QAAA9W,YAAA,gCC/RL+W,GAAYC,GAAQA,EAAKxN,IAAI9B,IAAA,IAAC,MAAEhG,GAAOgG,EAAA,OAAKhG,IAC5CuV,GAAaD,GAAQA,EAAKxN,IAAIoB,IAAA,IAAC,MAAEpE,GAAOoE,EAAA,OAAKpE,IAwGpC0Q,I,qBAAAA,GArGeC,IAA4C,IAA3C,QAAEC,EAAO,MAAE1J,EAAK,aAAE2J,EAAY,MAAEpE,GAAOkE,EACrE,MAAOG,EAAmBC,GAAwBnO,mBAAS,KACpDoO,EAAeC,GAAoBrO,mBAAS,KAC5CsO,EAAoBC,GAAyBvO,mBAAS,KACtDwO,EAAgBC,GAAqBzO,mBAAS,CAAC,KAAM,QACrD0O,EAAkBC,GAAuB3O,mBAAS,CAAC,KAAM,OAC1D4O,EAAmB3c,iBAAO,MAC1B4c,EAAgB5c,iBAAO,MACvB6c,EAAgB7c,iBAAO,MACvB8c,EAAW9c,iBAAO,MAoCxB,OApBA2B,oBAAU,KACT,MAAOgY,EAAKC,GAAO2C,EACb3O,EAAS,CACdmP,aAAc,GAAGve,WA9BKmd,EA8BsBU,EA9BdV,EAAKxN,IAAI2H,IAAA,IAAC,aAAEiH,GAAcjH,EAAA,OAAKiH,MA+B7D1K,QACAlH,MAAO,IAAIyQ,GAAWK,IACtBe,MAAOtB,GAAUS,IAjCKR,MAoCnB/B,GAAOA,GAAO,MACjBhM,EAAY,IAAIgM,GAGbD,GAAOA,EAAM,IAChB/L,EAAY,IAAI+L,GAGjBqC,EAAapO,IACX,CAACqO,EAAmBE,EAAeE,EAAoBE,IAGzDne,IAAAC,cAAC6P,WAAQ,KACR9P,IAAAC,cAACic,GAAO,KACPlc,IAAAC,cAAA,YAAO0d,EAAQ,QACf3d,IAAAC,cAAA,QAAMK,UAAU,SACf,IAACN,IAAAC,cAAC8b,KAAY,CAACE,kBAAkB,IAAID,YAAY,OAAO/T,MAAOuR,IAAS,MAG1ExZ,IAAAC,cAACmc,GAAU,KACVpc,IAAAC,cAACoc,GAAa,KACbrc,IAAAC,cAACsc,GAAO,KACPvc,IAAAC,cAACyI,GAAK,KAAC,gBACP1I,IAAAC,cAAC4e,KAAa,CACbC,MAAM,EACNC,SAAUjB,EACV7Z,IAAKsa,EACLS,YAAa,CAAEjX,KAAM,mBAGvB/H,IAAAC,cAACuc,GAAK,KACLxc,IAAAC,cAACyI,GAAK,KAAC,aACP1I,IAAAC,cAACgf,KAAiB,CACjBC,WAAYC,KACZC,YAAapB,EACb/Z,IAAKua,MAIRxe,IAAAC,cAACwc,GAAU,KACVzc,IAAAC,cAACgf,KAAiB,CACjBC,WAAYG,KACZD,YAAalB,EACbja,IAAKwa,KAGPze,IAAAC,cAACyI,GAAK,KAAC,SACP1I,IAAAC,cAACqc,GAAgB,KAChBtc,IAAAC,cAACyc,GAAY,KACZ1c,IAAAC,cAAC2c,GAAK,KACL5c,IAAAC,cAACkb,GAAW,CAACC,YAAagD,EAAmBpH,OAAQqH,MAIvDre,IAAAC,cAAC4c,GAAO,KACP7c,IAAAC,cAAC+c,GAAe,CAAChZ,QAASA,KA7E9B,CAACua,EAAkBC,EAAeC,EAAeC,GAAU5Z,QAAQb,IAC9DA,GAAOA,EAAI5B,SACd4B,EAAI5B,QAAQid,UAIdhB,EAAoB,CAAC,EFzCC,QE0CtBR,EAAqB,IACrBI,EAAsB,IACtBE,EAAkB,CAAC,KAAM,YACzBJ,EAAiB,MAmEsC,yBAEnDhe,IAAAC,cAACmd,GAAY,KACZpd,IAAAC,cAACiE,IAAM,CAACC,KAAK,iBCrHb,MAAMob,GAAe3gB,IAAOC,IAAGC,WAAA,CAAAC,YAAA,gBAAVH,CAAU,MAEzB4gB,GAAkB5gB,IAAOC,IAAGC,WAAA,CAAAC,YAAA,gBAAVH,CAAU,oHAC1BqC,YAAM,OAAQ,GACRA,YAAM,OAAQ,GAMhCjC,GACDA,EAAMygB,YACNhZ,YAAG,mCAKFL,IAAMC,GAAEC,QAAAC,YAAA,kCAIRH,IAAMkC,GAAE5B,QAAAH,YAAA,kCAIRvH,IACAA,EAAMygB,YACPhZ,YAAG,oZACAiZ,IAsCF1gB,GACDA,EAAM2gB,WACNlZ,YAAG,yHASAL,IAAMC,GAAEmC,QAAAjC,YAAA,0CAMAmZ,GAAmB9gB,IAAOC,IAAGC,WAAA,CAAAC,YAAA,gBAAVH,CAAU,qQAQvCwH,IAAMkC,GAAEO,QAAAtC,YAAA,kCAaRvH,GACDA,EAAM4gB,cACNnZ,YAAG,gCAGAL,IAAMkC,GAAEY,QAAA3C,YAAA,oDAKV0H,IAAA,IAAC,KAAE9J,GAAM8J,EAAA,OACV9J,GACAsC,YAAG,4HAEuBtC,EAItB0b,YAAY,kBAAmB,QAAS,SAAU,OAAQ,QAC1D1M,YAAU,eAAgB,QAAS,SAAU,OAAQ,UAK9CnU,GAAUA,EAAM8gB,OAAS,OAAS,QAIlCC,GAAqBnhB,YAAO4gB,IAAgB1gB,WAAA,CAAAC,YAAA,gBAAvBH,CAAuB,sEAKtD8gB,IAKUM,GAAUphB,IAAOoC,KAAIlC,WAAA,CAAAC,YAAA,gBAAXH,CAAW,iRACxBqC,YAAM,OAAQ,GASbA,YAAM,cAAe,GAG7BmF,IAAMkC,GAAEc,QAAA7C,YAAA,kCAKAtF,YAAM,cAAe,GAW7BkQ,IAAA,IAAC,OAAE2O,GAAQ3O,EAAA,OACZ2O,GACArZ,YAAG,wCAOQwZ,GAAerhB,IAAOC,IAAGC,WAAA,CAAAC,YAAA,gBAAVH,CAAU,+ZACvBqC,YAAM,SACIA,YAAM,OAAQ,GAMpCmF,IAAMC,GAAEkD,QAAAhD,YAAA,sCAIRiZ,GACave,YAAM,SACOA,YAAM,OAAQ,GAWxCye,I,8CCrMH,MAAMQ,GAAgBjS,IAAa,IAAZ,KAAEkS,GAAMlS,EAC9B,MAAMmS,EAAuB,IAAnBC,YAAWF,GACfG,EAAYC,KAAOH,EAAG,cAE5B,OAAOpgB,IAAAC,cAAA,YAAOqgB,IAgBTE,GAAW7B,GACT8B,aAAY9B,GAGd+B,GAAeC,GACbA,EAAMC,YAAc,aAAe,cAmBrCC,GAAS1P,IAAA,IAAC,OAAE2O,EAAM,QAAEgB,GAAS3P,EAAA,OAClCnR,IAAAC,cAAC+f,GAAO,CAAChc,QAASA,IAAM8c,GAAShB,GAASA,OAAQA,GAChDA,EAAS,QAAU,mBAAc,mBAClC9f,IAAAC,cAAA,YACCD,IAAAC,cAACiE,IAAM,CAACC,KAAM,CAAC,MAAO,mBAKnB4c,GAAUrJ,IAAwB,IAAvB,OAAEsJ,EAAM,QAAEF,GAASpJ,EACnC,OACC1X,IAAAC,cAAC6P,WAAQ,KACR9P,IAAAC,cAACggB,GAAY,KACZjgB,IAAAC,cAAC8f,GAAkB,KAClB/f,IAAAC,cAACyf,GAAgB,CAACE,cAAc,IAChC5f,IAAAC,cAACyf,GAAgB,KAAC,WAClB1f,IAAAC,cAACyf,GAAgB,KAAC,YAClB1f,IAAAC,cAACyf,GAAgB,KAAC,iBAClB1f,IAAAC,cAACyf,GAAgB,KAAC,WAClB1f,IAAAC,cAACyf,GAAgB,CAACE,cAAc,KAGhCoB,EAAOjR,IAAI,CAAA2N,EAAgDuD,KAAW,IAA1D,OAAEC,EAAM,YAAEN,EAAW,UAAEO,EAAS,UAAEC,GAAW1D,EAAA,OACzD1d,IAAAC,cAACuf,GAAe,CAACvP,IAAG,UAAA7P,OAAY6gB,IAC/BjhB,IAAAC,cAACyf,GAAgB,MACjB1f,IAAAC,cAACyf,GAAgB,KAChB1f,IAAAC,cAACigB,GAAa,CAACC,KAAMiB,KAEtBphB,IAAAC,cAACyf,GAAgB,KAAEyB,GAAanhB,IAAAC,cAAA,YAAOkhB,EAAUE,KAAK,QACtDrhB,IAAAC,cAACyf,GAAgB,KAAEkB,EAAc,aAAe,eAChD5gB,IAAAC,cAACyf,GAAgB,KAChB1f,IAAAC,cAAC8b,KAAY,CAACE,kBAAkB,IAAID,YAAY,OAAO/T,MAAOiZ,EAAQI,OAAO,aAE9EthB,IAAAC,cAACyf,GAAgB,UAIpB1f,IAAAC,cAACuf,GAAe,CAACG,WAAW,GAC3B3f,IAAAC,cAAC4gB,GAAM,CAACf,QAAQ,EAAMgB,QAASA,OAM7BS,GAAWviB,IAChB,MAAM,aACL2f,EAAY,sBACZ6C,EAAqB,SACrBC,EAAQ,aACRC,EAAY,cACZC,EAAa,aACbC,EAAY,SACZC,EAAQ,uBACRC,EAAsB,aACtBC,GACG/iB,GACG8gB,EAAQgB,GAAWnR,oBAAS,GAEnC,OACC3P,IAAAC,cAAC6P,WAAQ,KACR9P,IAAAC,cAACuf,GAAe,KACfxf,IAAAC,cAACyf,GAAgB,CAACvb,KAAMqc,GAAQ7B,IAC/B3e,IAAAC,cAAA,YACCD,IAAAC,cAAA,cApGU+hB,KACf,MAAMC,EAAqBC,aAAgBF,EAAOrD,cAElD,GAA4B,QAAvBsD,IAAwD,UAAvBA,GAAmCD,EAAOG,aAA+C,kBAAxBH,EAAOI,YAM7G,OAAOpiB,IAAAC,cAAA,YAAO+hB,EAAOG,WAAY,UANuG,CACxI,MAAMC,EAAcJ,EAAOI,YAAYlH,QAAQ,YAAa,mBAC5D,OACClb,IAAAC,cAAA,QAAMC,wBAAyB,CAAEC,OAAQkiB,qBAAUL,EAAOM,QAAU,IAAMF,EAAYG,oBA8F1EC,CAAQxjB,KAEjBwiB,GACAxhB,IAAAC,cAAA,YACEuhB,EACDxhB,IAAAC,cAAA,YAGD2hB,EAAc,IAACH,GAEjBzhB,IAAAC,cAACyf,GAAgB,CAACE,cAAc,GAC9B+B,GAAiB3hB,IAAAC,cAACigB,GAAa,CAACC,KAAMwB,KAExC3hB,IAAAC,cAACyf,GAAgB,CAACE,cAAc,GAAOiC,EAAU,oBACjD7hB,IAAAC,cAACyf,GAAgB,CAACE,cAAc,GAC/B5f,IAAAC,cAAA,cACCD,IAAAC,cAAC8b,KAAY,CAACE,kBAAkB,IAAID,YAAY,OAAO/T,MAAO6Z,IAC9D,eAGF9hB,IAAAC,cAACyf,GAAgB,KAChB1f,IAAAC,cAAA,cACCD,IAAAC,cAAC8b,KAAY,CAACE,kBAAkB,IAAID,YAAY,OAAO/T,MAAOyZ,IAC9D,cAED1hB,IAAAC,cAAA,YAAM,IAxGiB+hB,KAC3B,QAA4Blb,IAAxBkb,EAAON,aAQJ,CACN,MAAMf,EAAQqB,EAAOD,aAAaf,OAAO,GACzC,OAAON,GAAaC,GATpB,IAAK,MAAM8B,KAAKT,EAAOD,aAAaf,OACnC,GAAIgB,EAAOD,aAAaf,OAAOlQ,eAAe2R,IACzCT,EAAON,eAAiBM,EAAOD,aAAaf,OAAOyB,GAAGvB,OACzD,OAAOR,GAAasB,EAAOD,aAAaf,OAAOyB,IAQnD,MAAO,IA2FKC,CAAoB1jB,GAAO,MAEpCgB,IAAAC,cAACyf,GAAgB,CAACI,OAAQA,GACzB9f,IAAAC,cAAC4gB,GAAM,CAACC,QAASA,EAAShB,OAAQA,MAGnCA,GACA9f,IAAAC,cAACuf,GAAe,CAACC,YAAY,GAC3BsC,GAAgBA,EAAaf,QAAUhhB,IAAAC,cAAC8gB,GAAOjd,OAAAC,OAAA,GAAKge,EAAY,CAAEjB,QAASA,QAO3E6B,GAAyBC,IAAgB,IAAf,QAAEC,GAASD,EAC1C,OAAIpf,OAAeqf,GAAWA,EAAQhc,QAAU,GACxC7G,IAAAC,cAAA,UAAI,sDAIXD,IAAAC,cAACsf,GAAY,KACZvf,IAAAC,cAAC8f,GAAkB,KAClB/f,IAAAC,cAACyf,GAAgB,KAAC,SAClB1f,IAAAC,cAACyf,GAAgB,CAACE,cAAc,GAAM,qBACtC5f,IAAAC,cAACyf,GAAgB,CAACE,cAAc,GAAM,cACtC5f,IAAAC,cAACyf,GAAgB,CAACE,cAAc,GAAM,oBACtC5f,IAAAC,cAACyf,GAAgB,KAAC,kBAClB1f,IAAAC,cAACyf,GAAgB,OAGjBmD,GAAWA,EAAQ9S,IAAI,CAACiS,EAAQS,IAAMziB,IAAAC,cAACshB,GAAQzd,OAAAC,OAAA,CAACkM,IAAK+R,EAAOP,SAAWgB,GAAOT,OAKnE3iB,sBAAKsjB,I,uUCnKpB,MAAMG,GAAc7U,IAAa,IAAZ,KAAElH,GAAMkH,EAC5B,MAAM8U,EAAe,CACpB9O,MAAOlN,EAAKic,aAAe,IAGrBA,EAAaC,GAAkBtT,mBAAS,OACxCkT,EAASK,GAAcvT,mBAAS,KAChCwT,EAASC,GAAczT,oBAAS,IAChC0T,EAAaC,GAAkB3T,mBAASoT,IACxCQ,EAAiBC,GAAsB7T,mBAAS,IAEjD+B,EAAKC,YAAM5K,GAyDjB,OA9CAxD,oBAAU,KACT,IAAIkgB,GAAe,EAEnB,IAAIC,KAAQX,EAAcM,KAAgBK,KAAQL,EAAaE,GAsC/D,OAlCA,W,mCACKE,GACHL,GAAW,GAGZ,IACC,MAAM9L,QAAYqM,KAAmB9W,2BAA2BwW,IAC1D,QAAEO,EAASf,QAASgB,GAAMvM,EAAI5K,KAKpC,UAHO6W,EAAsB,YACtBF,EAAkB,MAEpBI,EACJ,OAGDR,EAAeW,GAEVF,KAAQH,EAAiBF,GAG7BH,EAAW,IAAIL,KAAYgB,IAF3BX,EAAW,IAAIW,IAIf,MAAOphB,GACRqD,QAAQC,IAAI,+CAAgDtD,GAC3D,QACGghB,IACHL,GAAW,GACXI,EAAmBH,QAItBS,GAEO,KACNL,GAAe,IAEd,CAACJ,IAGHrjB,IAAAC,cAAC6a,GAAkB,CAACpJ,GAAIA,GACvB1R,IAAAC,cAACmH,IAAS,KACTpH,IAAAC,cAAC8a,GAAkB,KACjB1T,WAAWrH,IAAAC,cAAA,SAAG,gCACfD,IAAAC,cAAC8jB,KAAM,CAACxc,KAAK,yBAGdF,WACArH,IAAAC,cAACmH,IAAS,KACTpH,IAAAC,cAAA,WACC,8CACAD,IAAAC,cAACqH,IAAI,CAACC,KAAK,cAAcE,YAAY,0BAAiBO,aAAa,QAEpEhI,IAAAC,cAAA,WACC,2BACAD,IAAAC,cAACqH,IAAI,CACJC,KAAK,UACLE,YAAY,UACZO,aAAa,0CACbR,WAAW,OAKbH,WACDrH,IAAAC,cAACmH,IAAS,KACTpH,IAAAC,cAACmc,GAAU,CACV5C,MAAOwJ,EACP/O,MAAOlN,EAAKic,YACZrF,QAAS5W,EAAK4W,QACdC,aAAc0F,IAEftjB,IAAAC,cAAC+jB,GAAW,CAACnB,QAASA,IACrBA,EAAQhc,OAAS,GAAKmc,EAAcH,EAAQhc,QAC5C7G,IAAAC,cAAC+a,GAAiB,KACjBhb,IAAAC,cAACoY,KAAS,CAACE,WAAY4K,EAASnf,QA3FrBigB,KAChB,MAAMC,EAAKpgB,OAAAC,OAAAD,OAAAC,OAAA,GACPsf,GAAW,CACdc,KAAMtB,EAAQhc,SAGfyc,EAAeY,KAsFT,yBAURpB,GAAYpb,MAAQ,IACnB1H,IAAAC,cAAA,WACCD,IAAAC,cAAA,OAAKL,IAAK+H,YAAY,0DAA2DC,IAAI,kBACrF5H,IAAAC,cAAA,SAAG,kBAIL6iB,GAAYjb,SAAW,IACtB7H,IAAAC,cAAA,OAAKK,UAAU,YACdN,IAAAC,cAAA,YACC,gBAAaD,IAAAC,cAAA,aAAO,qBAAyB,QAE9CD,IAAAC,cAACqH,IAAI,CAACC,KAAK,YAAYE,YAAY,QAItBqb,I,2BAAAA,M,UChJR,MAAMsB,GAAuBxlB,IAAOC,IAAGC,WAAA,CAAAC,YAAA,eAAVH,CAAU,yDAK3CwH,IAAMkC,GAAEhC,QAAAC,YAAA,qCAKE8d,GAAczlB,IAAOC,IAAGC,WAAA,CAAAC,YAAA,eAAVH,CAAU,QAClCwH,IAAM+T,GAAEzT,QAAAH,YAAA,4FAOE+d,GAAa1lB,IAAOC,IAAGC,WAAA,CAAAC,YAAA,eAAVH,CAAU,uIACfqC,YAAM,OAAQ,GAKjBqL,IAAKC,YAGpBnG,IAAM+T,GAAE3R,QAAAjC,YAAA,sDACkB+F,IAAKC,aAG/BnG,IAAMkC,GAAEO,QAAAtC,YAAA,iFACkB+F,IAAKE,OACfF,IAAKE,SAIX+X,GAAgB3lB,IAAOC,IAAGC,WAAA,CAAAC,YAAA,eAAVH,CAAU,QACpCwH,IAAMC,GAAE6C,QAAA3C,YAAA,sEAMEie,GAAmB5lB,IAAOC,IAAGC,WAAA,CAAAC,YAAA,eAAVH,CAAU,4FACjBqC,YAAM,OAAQ,GAKpCqS,IAAWI,QAGD+Q,GAAc7lB,IAAOC,IAAGC,WAAA,CAAAC,YAAA,eAAVH,CAAU,0CAMlCwH,IAAMC,GAAE+C,QAAA7C,YAAA,kGACkB+F,IAAKC,YACVD,IAAKC,aAG1BnG,IAAMkC,GAAEiB,QAAAhD,YAAA,kGACkB+F,IAAKE,OACVF,IAAKE,SAIhBkY,GAAiB9lB,IAAOC,IAAGC,WAAA,CAAAC,YAAA,eAAVH,CAAU,qQAOrCwH,IAAMC,GAAEmD,QAAAjD,YAAA,yDACkB+F,IAAKC,aAG/BnG,IAAMkC,GAAEqB,QAAApD,YAAA,yDACkB+F,IAAKE,QAQ9B8G,IAAWC,YACJtS,YAAM,cAAe,IC3E1B0jB,GAAc1W,IAAsB,IAApBlH,KAAMyJ,GAAUvC,EAErC,MAAMyD,EAAKC,YAAMnB,GAEjB,OACCxQ,IAAAC,cAACmkB,GAAoB,CAAC1S,GAAIA,GACzB1R,IAAAC,cAAA,UACCD,IAAAC,cAACqH,IAAI,CAACC,KAAK,mBAAmBE,YAAY,uBAG3CzH,IAAAC,cAACokB,GAAW,KACXrkB,IAAAC,cAAC+T,KAAQ,CAACzM,KAAK,cAAcoH,QAAS2V,IACpCnT,IAAA,IAAC,KAAEpK,GAAMoK,EAAA,OACTnR,IAAAC,cAAC6P,WAAQ,KACR9P,IAAAC,cAACskB,GAAa,KACbvkB,IAAAC,cAACwkB,GAAW,KACXzkB,IAAAC,cAAC8T,KAAK,CAACxM,KAAK,kBAAkBqH,SAAU,CAAC,IAAK,QAE/C5O,IAAAC,cAACykB,GAAc,KACd1kB,IAAAC,cAAA,UACCD,IAAAC,cAACqH,IAAI,CAACC,KAAK,iBAAiBE,YAAY,UAEzCzH,IAAAC,cAAA,KAAGK,UAAU,SACX+G,WAAWrH,IAAAC,cAACqH,IAAI,CAACC,KAAK,kBAAkBE,YAAY,mBAEnDJ,WAAWN,EAAK6d,iBACjB5kB,IAAAC,cAAC6L,KAAK,CAACrB,MAAO1D,EAAK6d,gBAAiB7Y,UAAU,OAKlD/L,IAAAC,cAACukB,GAAgB,KAChBxkB,IAAAC,cAACqH,IAAI,CAACC,KAAK,kBAAkBE,YAAY,sBAAsBD,WAAW,WAUlFmd,GAAYjd,MAAQ,IACnB1H,IAAAC,cAAA,WACCD,IAAAC,cAAA,OAAKL,IAAK+H,YAAY,yDAA0DC,IAAI,sBACpF5H,IAAAC,cAAA,SAAG,qBAGL0kB,GAAY9c,SAAW,IACtB7H,IAAAC,cAAA,OAAKK,UAAU,YACdN,IAAAC,cAAA,YACC,gBAAaD,IAAAC,cAAA,aAAO,qBAAyB,QAE9CD,IAAAC,cAACqH,IAAI,CAACC,KAAK,YAAYE,YAAY,QAItBkd,I,SAAAA,M,mBCvER,MAAME,GAAQjmB,IAAOC,IAAGC,WAAA,CAAAC,YAAA,gBAAVH,CAAU,0DAK5BwH,IAAMC,GAAEC,QAAAC,YAAA,4EAMEue,GAAWlmB,IAAOC,IAAIsJ,MAAMnJ,IAAS,CACjDsB,UAAWykB,aAAK,YAAa/lB,GAASA,EAAMgmB,SAAW,kBACrDlmB,WAAA,CAAAC,YAAA,gBAFqBH,CAErB,ieACYI,GAAUA,EAAMgmB,QAAU/jB,YAAM,QAAS,GAAKA,YAAM,OAAQ,GAKzDqL,IAAKC,YAGpBnG,IAAMkC,GAAE5B,QAAAH,YAAA,kXAOmB+F,IAAKC,YAKc,EAAnBD,IAAKC,aAIhCnG,IAAMmC,GAAEC,QAAAjC,YAAA,+XACQ+F,IAAKE,OAQMF,IAAKE,OAKS,EAAdF,IAAKE,QAMbvL,YAAM,OAAQ,GAUbA,YAAM,OAAQ,IAmBxBgkB,GAAermB,IAAOC,IAAGC,WAAA,CAAAC,YAAA,gBAAVH,CAAU,oUAKnC0U,IAAWI,OAIHzS,YAAM,OAAQ,GAYbA,YAAM,QAAS,IAKdikB,GAAiBtmB,IAAOC,IAAGC,WAAA,CAAAC,YAAA,gBAAVH,CAAU,gFAC9BqC,YAAM,OAAQ,GACrBqS,IAAWiC,WASD4P,GAAavmB,YAAO4M,SAAK1M,WAAA,CAAAC,YAAA,gBAAZH,CAAY,sMAE5BqC,YAAM,OAAQ,GAOXA,YAAM,cAAe,IAcrBmkB,GAAkBxmB,IAAOC,IAAGC,WAAA,CAAAC,YAAA,gBAAVH,CAAU,0UAC1BqC,YAAM,SACAA,YAAM,OAAQ,IAwBtBokB,GAAiBzmB,IAAOC,IAAGC,WAAA,CAAAC,YAAA,gBAAVH,CAAU,iIAKpC0U,IAAWgS,cAMXhS,IAAWiC,UACJtU,YAAM,OAAQ,I,cChLzB,MAAMskB,GAAc,CACnB,gBACA,UACA,YACA,oBACA,oBACA,YACA,YACA,MACA,WACA,OACA,SAGKC,GAAOvX,IAAiB,IAAhB,GAAEyD,EAAE,KAAEhF,GAAMuB,EACzB,MAAMwX,EAAS/Y,EAAK,iBAADtM,OAAkBsR,IAC/BgU,EAAShZ,EAAK,iBAADtM,OAAkBsR,IAC/BiU,EAASjZ,EAAK,cAADtM,OAAesR,IAElC,OAAKrK,WAAWse,EACR,KAIP3lB,IAAAC,cAAC6kB,GAAQ,CAACE,SAAUvgB,aAAQihB,IAC1Bre,WACArH,IAAAC,cAAA,WACC,uBAAcD,IAAAC,cAAC6H,IAAK,CAACC,KAAK,WAAWR,KAAI,cAAAnH,OAAgBsR,MAI3D1R,IAAAC,cAACglB,GAAY,KACZjlB,IAAAC,cAACqH,IAAI,CAACC,KAAI,eAAAnH,OAAiBsR,GAAMjK,YAAY,YAG7CJ,WAAWrH,IAAAC,cAAA,SAAG,qDAEfD,IAAAC,cAACqQ,IAAS,CAAC/I,KAAI,iBAAAnH,OAAmBsR,GAAM3J,KAAK,gBAAgByH,OAAQ+V,GAAatR,MAAO,GACvF9C,IAAA,IAAC,KAAEpK,GAAMoK,EAAA,OACTnR,IAAAC,cAACklB,GAAU,CACVta,WAAW,EACXC,SAAS,4BACTa,GAAK5E,GAAQA,EAAKqD,eAAkB,KAEpCpK,IAAAC,cAACmlB,GAAe,KACfplB,IAAAC,cAAC2lB,KAAU,CACVtT,MAAOvL,EACP8e,KAAK,cACLC,YAAane,YAAY,oCAG3B3H,IAAAC,cAAColB,GAAc,KACdrlB,IAAAC,cAAA,MAAIyL,SAAS,QACX3E,EAAKgf,WAAahf,EAAKif,SAAW,GAAH5lB,OAAM2G,EAAKgf,UAAS,KAAA3lB,OAAI2G,EAAKif,UAAajf,EAAKQ,MAEhFvH,IAAAC,cAAA,SACE8G,EAAK3F,OAASpB,IAAAC,cAAA,QAAMyL,SAAS,YAAY3E,EAAK3F,OAC9C2F,EAAKkf,SACLjmB,IAAAC,cAAA,YACE8G,EAAK3F,MAAQ,KAAO,GACpB2F,EAAKkf,cASZ5e,WACArH,IAAAC,cAACilB,GAAc,KACdllB,IAAAC,cAACqH,IAAI,CAACC,KAAI,iBAAAnH,OAAmBsR,GAAMlK,WAAW,EAAMC,YAAY,WAIhEJ,WAAW5C,aAAQihB,IAAWD,GAC/BzlB,IAAAC,cAACilB,GAAc,CAAChlB,wBAAyB,CAAEC,OAAQkiB,qBAAUoD,QAM3DS,GAAalnB,IAClB,MAAM,KAAE+H,GAAS/H,EACX0S,EAAKC,YAAM3S,GAEjB,OACCgB,IAAAC,cAACkH,IAAO,CAACuK,GAAIA,GACZ1R,IAAAC,cAACmH,IAAS,KACTpH,IAAAC,cAAC4kB,GAAK,KACL7kB,IAAAC,cAACulB,GAAI,CAAC9T,GAAI,EAAGhF,KAAM3F,IACnB/G,IAAAC,cAACulB,GAAI,CAAC9T,GAAI,EAAGhF,KAAM3F,IACnB/G,IAAAC,cAACulB,GAAI,CAAC9T,GAAI,EAAGhF,KAAM3F,QAOxBmf,GAAWre,SAAW,IACrB7H,IAAAC,cAAA,OAAKK,UAAU,YACdN,IAAAC,cAAA,YACC,gBAAaD,IAAAC,cAAA,aAAO,qBAAyB,QAE9CD,IAAAC,cAACqH,IAAI,CAACC,KAAK,YAAYE,YAAY,QAIrCye,GAAWxe,MAAQ,IAClB1H,IAAAC,cAAA,WACCD,IAAAC,cAAA,OAAKL,IAAK+H,YAAY,2DAA4DC,IAAI,oBACtF5H,IAAAC,cAAA,SAAG,oBAIUimB,U,iCC5Hf,MAAMC,GAAallB,GAAK,gBAAAb,OACPa,EAAK,kBAAAb,OAAiBa,EAAK,iBAAAb,OAAgBa,EAAK,kBAAAb,OAAiBa,EAAK,iBAAAb,OAAgBa,GAE1F0S,GAAS/U,IAAOC,IAAGC,WAAA,CAAAC,YAAA,eAAVH,CAAU,8gBAKjB2V,IAAUlM,KAYCV,YAAY,kEAGfS,aAAKnH,YAAM,YAAa,GAAI,IAKzB0G,YAAY,iEAGfS,aAAKnH,YAAM,OAAQ,GAAI,IAKpB0G,YAAY,kEAGfS,aAAKnH,YAAM,QAAS,GAAI,KAKlCmlB,GAAaxnB,IAAOynB,GAAEvnB,WAAA,CAAAC,YAAA,eAATH,CAAS,qMAChC0U,IAAWmF,GACJxX,YAAM,SAOCklB,GAAWllB,YAAM,YAAa,IAI9BklB,GAAWllB,YAAM,OAAQ,IAIzBklB,GAAWllB,YAAM,QAAS,IAIvCqS,IAAWmF,IC9DT6N,GAAarY,IAAa,IAAZ,KAAElH,GAAMkH,EAC3B,MAAM,YAAEsY,EAAc,SAAYxf,EAElC,OACC/G,IAAAC,cAACkH,IAAO,KACPnH,IAAAC,cAACmH,IAAS,KACRC,WACArH,IAAAC,cAAA,WACCD,IAAAC,cAAA,SAAG,0BACHD,IAAAC,cAAC6H,IAAK,CAACC,KAAK,SAASC,aAAa,IAAIT,KAAK,eAC1CvH,IAAAC,cAAA,UAAQgI,MAAM,SAAQ,aACtBjI,IAAAC,cAAA,UAAQgI,MAAM,QAAO,WACrBjI,IAAAC,cAAA,UAAQgI,MAAM,OAAM,aAErBjI,IAAAC,cAAA,WACAD,IAAAC,cAAA,YAGFD,IAAAC,cAAC0T,GAAM,CAACrT,UAAS,SAAAF,OAAWmmB,IAC3BvmB,IAAAC,cAACmmB,GAAU,KACVpmB,IAAAC,cAACqH,IAAI,CAACC,KAAK,oBAAoBC,WAAW,EAAMC,YAAY,yBAQlE6e,GAAW5e,MAAQ,IAClB1H,IAAAC,cAAA,WACCD,IAAAC,cAAA,OAAKL,IAAK+H,YAAY,0DAA2DC,IAAI,kBACrF5H,IAAAC,cAAA,SAAG,kBAIUqmB,I,MAAAA,M,uDCxCR,MAAME,GAAoB5nB,IAAOC,IAAGC,WAAA,CAAAC,YAAA,gBAAVH,CAAU,8EAMxCwH,IAAMC,GAAEC,QAAAC,YAAA,sCAIRH,IAAMkC,GAAE5B,QAAAH,YAAA,kEAMEkgB,GAAkB7nB,IAAOoC,KAAIlC,WAAA,CAAAC,YAAA,gBAAXH,CAAW,uTA0B7B8J,GAAQ9J,IAAO8nB,GAAE5nB,WAAA,CAAAC,YAAA,gBAATH,CAAS,sEACpBqC,YAAM,UCxCV0lB,GAAsB1Y,IAAa,IAAZ,KAAElH,GAAMkH,EACpC,OACCjO,IAAAC,cAACumB,GAAiB,KACjBxmB,IAAAC,cAACyI,GAAK,KACL1I,IAAAC,cAACqH,IAAI,CAACC,KAAK,wBAAwBE,YAAY,gBAEhDzH,IAAAC,cAACyO,KAAU,CACVnH,KAAK,mBACLqH,SAAU,CAAC,KAAM,KACjBD,QAAS8X,GACT/e,MAAO,CAAC,KAAM,KAAM,cAMxBif,GAAoBjf,MAAQ,IAC3B1H,IAAAC,cAAA,WACCD,IAAAC,cAAA,OAAKL,IAAK+H,YAAY,iEAAkEC,IAAI,0BAC5F5H,IAAAC,cAAA,SAAG,6BAIU0mB,U,sBCJf,MAAMC,GAAS,CACdrW,WACAkB,aACAkB,iBACAgB,UACAP,iBACA0C,eACA4C,oBACAM,4BACAG,gBACAnL,UACA+L,WACAK,cACA0I,eACA6B,eACAuB,cACAW,kBACAlgB,kBACA2f,cACAQ,eACAC,iBACAre,WACAie,uBACAK,kBACArZ,YAGciZ,Q,uKChDR,MAAMK,EAAgBroB,IAAOC,IAAGC,WAAA,CAAAC,YAAA,eAAVH,CAAU,qbAEtB0N,IAAKC,YAAc,EAGjCnG,IAAMC,GAAEC,MAAAC,YAAA,+DAKRH,IAAMkC,GAAE5B,MAAAH,YAAA,gEAMW6B,YAAKnH,YAAM,cAAe,GAAI,MAwBvCimB,EAAuBtoB,IAAOC,IAAGC,WAAA,CAAAC,YAAA,eAAVH,CAAU,4KAiBzC0U,IAAW6T,QAIX7T,IAAW8T,S,oEC9DT,MAAMtY,EAAgBlQ,IAAOC,IAAGC,WAAA,CAAAC,YAAA,eAAVH,CAAU,gTACxBqC,YAAM,SACNsT,IAAUC,UAKrBC,KAyBSyE,EAActa,IAAOC,IAAGC,WAAA,CAAAC,YAAA,eAAVH,CAAU,qMAUjC0U,IAAWqB,gBACJ1T,YAAM,OAAQ,GAIbA,YAAM,YAAa,GAIjBA,YAAM,YAAa,IAQpBomB,EAAYzoB,IAAOmK,EAACjK,WAAA,CAAAC,YAAA,eAARH,CAAQ,yCAC9B0U,IAAWgU,YAKDvS,EAAcnW,IAAOC,IAAGC,WAAA,CAAAC,YAAA,eAAVH,CAAU,2CAIlCwH,IAAMC,GAAEC,MAAAC,YAAA,4EAME2O,EAAatW,IAAOC,IAAGC,WAAA,CAAAC,YAAA,eAAVH,CAAU,+EAQjCwH,IAAMC,GAAEK,MAAAH,YAAA,6EACkB+F,IAAKC,aAI/BnG,IAAMkC,GAAEE,MAAAjC,YAAA,sDACkB+F,IAAKE,S,wpBC1BnB,MAvCeM,GAA4BqK,OAAA,6BACrD3T,KAAaC,OAAsB,gBACtCqJ,EAAOya,cAAgB9jB,OAAsB,eAG9C,IACC,MAAM,YAAE+jB,GAAyB1a,EAATrL,EAAIC,EAAKoL,EAA3B,kBACA,MAAEC,GAA8Bya,EAApBC,EAAe/lB,EAAK8lB,EAAhC,WACN,IAAIE,EAECjjB,YAAQsI,KACZ2a,EAAiB,GACbhjB,MAAMwM,QAAQnE,GACjBA,EAAMjI,QAASsI,IACdsa,EAAerc,KAAKiC,KAAKJ,UAAUE,MAGpCsa,EAAiB,CAACpa,KAAKJ,UAAUH,KAInC,MAAM4a,EAAe7jB,OAAAC,OAAAD,OAAAC,OAAA,GACjBtC,GAAI,CACP+lB,YAAW1jB,OAAAC,OAAAD,OAAAC,OAAA,GACP0jB,GAAe,CAClB1a,MAAO2a,MAIHE,QAAiBjb,IAAMC,KAnDP,gCAmDqB+a,GAG3C,OAvCDE,YAAc,CACbC,OAAQ,eACRC,kBAAmB,eACnBhd,MAAO,qBAoCA6c,EAASlb,KACf,MAAOjK,GAER,MADAqD,QAAQC,IAAItD,GACNA,M,SC3BOulB,MAhCI/Z,IAA+C,IAA9C,IAAEsN,EAAG,IAAEC,GAAmCvN,EAC7D,OAAKsN,GAAQC,EAKZxb,IAAAC,cAAC6P,WAAQ,KACPyL,GAAOC,GACPxb,IAAAC,cAAA,SACCD,IAAAC,cAAA,QAAMK,UAAU,SAAQ,UAAc,IACtCN,IAAAC,cAAC8b,IAAY,CAAC9T,MAAOsT,EAAKS,YAAY,OAAOC,kBAAkB,MAAO,KAAE,IACxEjc,IAAAC,cAAC8b,IAAY,CAAC9T,MAAOuT,EAAKQ,YAAY,OAAOC,kBAAkB,IAAIqF,OAAO,cAI1E/F,GAAOC,GACRxb,IAAAC,cAAA,SACCD,IAAAC,cAAA,QAAMK,UAAU,SAAQ,UAAc,kBAAS,IAC/CN,IAAAC,cAAC8b,IAAY,CAAC9T,MAAOuT,EAAKQ,YAAY,OAAOC,kBAAkB,IAAIqF,OAAO,aAI3E/F,IAAQC,GACRxb,IAAAC,cAAA,SACCD,IAAAC,cAAA,QAAMK,UAAU,SAAQ,UAAc,UAAO,IAC7CN,IAAAC,cAAC8b,IAAY,CAAC9T,MAAOsT,EAAKS,YAAY,OAAOC,kBAAkB,IAAIqF,OAAO,cAvBtE,M,QCFF,MAAM2G,EAAWrpB,IAAOC,IAAGC,WAAA,CAAAC,YAAA,eAAVH,CAAU,yGAIvBqC,YAAM,OAAQ,I,qBC8EVinB,MArEf,SAAqBziB,GACpB,IACC,MAAM0iB,EAAcpjB,GAAkBA,EAAEqjB,SAElCxJ,EAAQyJ,YAAS5iB,GACjB6iB,EAAaC,YAAc9iB,GAC3B+iB,EAAWC,YAAYhjB,GACvBijB,EAAkBC,YAAmBljB,GACrCmjB,EAAeC,YAAgBpjB,GAC/BqjB,EAAaC,YAActjB,GAE3BujB,EAAiBC,YAAUxjB,GAC3BsY,EAAgBa,EAAMsK,OAAOf,GAC7BlK,EAAqBqK,EAAWY,OAAOf,GACvCgB,EAAmBX,EAASU,OAAOf,GACnCiB,EAA0BV,EAAgBQ,OAAOf,GAAY,GAC7DkB,EAAuBT,EAAaM,OAAOf,GAAY,GACvDmB,EAAqBR,EAAWI,OAAOf,GACvCtK,EAAoB0L,YAAa9jB,GACjC+jB,EAAsBC,YAAehkB,IACrC,KAAEikB,EAAI,UAAEC,GAAcC,YAAQnkB,GAC9BwO,EAAQxO,EAAMokB,gBAAgB5V,MAE9B6V,EAAeX,EAAiBpZ,IAAIga,GAAWA,EAAQ9hB,OACvD+hB,EAAenM,EAAkB9N,IAAIka,GAAQA,EAAKld,OAExD,IAAImd,EAAiB,GACrB,GAAIZ,EACH,IAAK,MAAMa,KAAab,EACS,kBAArBa,EAAUliB,MACpBiiB,EAAe7e,KAAK8e,EAAUliB,OAE9BiiB,EAAiBA,EAAe9pB,OAAO+pB,EAAUliB,OAKpD,MAAM8E,EAAKjJ,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAA,GACPqmB,KAAY,CACfD,UAAWD,EACXG,UAAWpM,EAAmBlO,IAAIua,GAASA,EAAMriB,OACjDgM,QACAlH,MAAOid,EACPO,OAAQvB,EACRpK,MAAOb,EAAchO,IAAIya,GAAQA,EAAKviB,OACtCyhB,OACAC,cACGH,GAGAJ,IACHrc,EAAuB,gBAAIqc,EAAwBnhB,OAEhDohB,IACHtc,EAAoB,aAAIsc,EAAqBphB,OAG9C,IAAK,MAAM8hB,KAAWD,EACjBC,IACHhd,EAAMgd,IAAW,GAInB,OAAOhd,EACN,MAAOtK,GACR,OAAO2nB,MClET,MAAMK,EAAkB,CACvBC,KAAM,KACNC,UAAW,KACXC,MAAO,KACPhM,MAAO,KACPiM,YAAa,MA8HCC,MAjFW7c,IAAwB,IAAvB,gBAAE8c,GAAiB9c,EAC7C,MAAO+c,EAAUC,GAAetb,mBAAS8a,GAkCzC,OAhCAlnB,oBAAU,KACT,MAAM2nB,EAAe1nB,IAAY8J,KAAK6d,MAAMC,aAAaC,QAAQ,qBAAuB,CAAE5lB,MAAO,MAEjG,IAAKhB,YAAQymB,KAAkBzmB,YAAQymB,EAAazlB,OAAQ,CAC3D,MAAM,MAAEA,GAAUylB,EAEZtM,EAnDwBnZ,KACJ+H,YAAI/H,EAAO,CAAC,aAAc,WAAa,IAGjEyjB,OAAOniB,GAAQA,EAAKqhB,UACpBrY,IAAIhJ,GAAQA,EAAKukB,OACjBjK,KAAK,MA6CSkK,CAAyB9lB,IAAU,KAC3ColB,EA3CwBplB,KAClB+H,YAAI/H,EAAO,CAAC,eAAiB,IAE9BsK,IAAI2a,GAAQA,EAAKziB,OAAOoZ,KAAK,OAwCpBmK,CAAyB/lB,IAAU,KACjDmlB,EAtCqBnlB,KAC7B,MAAM,IAAE8V,EAAG,IAAEC,GAAQhO,YAAI/H,EAAO,CAAC,iBAAmB,CAAE8V,IAAK,KAAMC,IAAK,MAEtE,MAAO,CAAED,MAAKC,QAmCEiQ,CAAsBhmB,IAAU,CAAE8V,IAAK,KAAMC,IAAK,MAC1DmP,EAjCqBllB,KACI+H,YAAI/H,EAAO,CAAC,aAAc,gBAAkB,IAG3EyjB,OAAOniB,GAAQA,EAAKqhB,UACpBrY,IAAIhJ,GAAQA,EAAKukB,OACjBjK,KAAK,MA2BaqK,CAAsBjmB,IAAU,KAG5CkmB,EAAc,CACnBjB,KA5ByBjlB,KAC5B,MAAMmmB,EAAUpe,YAAI/H,EAAO,CAAC,cAAe,YAI3C,MAAO,CACNomB,QAJere,YAAI/H,EAAO,CAAC,cAAe,YAK1CmmB,UACAE,SALgBte,YAAI/H,EAAO,CAAC,cAAe,eAsB7BsmB,CAAqBtmB,IAAU,CAAEmmB,QAAS,KAAMC,QAAS,KAAMC,SAAU,UAIrFnB,YACAC,QACAhM,QACAiM,eAGDI,EAAYU,GAEZ,MAAMK,IACHL,EAAYd,aAAe,CAACjM,EAAOgM,EAAMrP,IAAKqP,EAAMpP,IAAKmP,GAAWsB,KAAKhkB,KAAWA,GAEvF,GAAI8iB,GAAmBiB,EAAkB,CACxC,MAAMjf,EAAQmb,EAAY,CAAE2B,gBAAiBpkB,IAC7CslB,EAAgBhe,MAGhB,IAECtI,YAAQumB,EAASH,aAEnB7qB,IAAAC,cAAA,KAAGK,UAAU,iBACZ,uEAAiEN,IAAAC,cAACuL,OAAI,CAACG,GAAG,SAAQ,eAAY,KAK5F,CAACqf,EAASpM,MAAOoM,EAASJ,MAAMrP,IAAKyP,EAASJ,MAAMpP,IAAKwP,EAASL,WAAWsB,KAAKhkB,KAAWA,GAYjGjI,IAAAC,cAACgoB,EAAQ,KACRjoB,IAAAC,cAAA,SACCD,IAAAC,cAAA,QAAMK,UAAU,SAAQ,aAAiB,IAAC0qB,EAASH,aAEpD7qB,IAAAC,cAAC+nB,EAAegD,EAASJ,OACxBI,EAASpM,OACT5e,IAAAC,cAAA,SACCD,IAAAC,cAAA,QAAMK,UAAU,SAAQ,YAAgB,IAAC0qB,EAASpM,OAGnDoM,EAASL,WACT3qB,IAAAC,cAAA,SACCD,IAAAC,cAAA,QAAMK,UAAU,SAAQ,gBAAoB,IAAC0qB,EAASL,aAGrDK,EAASN,OAASM,EAASN,KAAKkB,SAAWZ,EAASN,KAAKmB,UAC3D7rB,IAAAC,cAAA,SACCD,IAAAC,cAAA,QAAMK,UAAU,SAAoC,UAA3B0qB,EAASN,KAAKoB,SAAuB,oBAAsB,iBAAiB,KAAS,IAC7Gd,EAASN,KAAKkB,QAAU5rB,IAAAC,cAAA,YAAO+qB,EAASN,KAAKkB,QAAQ,YAAoB,IACzEZ,EAASN,KAAKmB,QAAU7rB,IAAAC,cAAA,YAAO+qB,EAASN,KAAKmB,QAAQ,SAAiB,KA7BzE7rB,IAAAC,cAAA,KAAGK,UAAU,iBACZ,0EACAN,IAAAC,cAAA,WACA,0FAA2ED,IAAAC,cAACuL,OAAI,CAACG,GAAG,SAAQ,eAC5F,M,sSC5FJ,MAAM8J,EAASC,eAAK,IAAM,8BAA4CC,KAAKvR,IAAU,CAAGwR,QAASxR,EAAOqR,WAClGI,GAAeH,eAAK,IACzB,8BAA4CC,KAAKvR,IAAU,CAAGwR,QAASxR,EAAOyR,iBAGzE4B,GAAmBpB,YAAU,CAAC,QAAS,YAAa,WAAY,OAAQ,QAAS,WAAY,kBAE7FjC,GAAkBA,IAEtBpU,IAAAC,cAACisB,IAAW,CAAC5rB,UAAU,oBACtBN,IAAAC,cAAConB,EAAS,KAAC,mBACXrnB,IAAAC,cAACksB,IAAgB,CAAC7rB,UAAU,iBAC5BN,IAAAC,cAAConB,EAAS,KAAC,gBACXrnB,IAAAC,cAAC8U,EAAW,KACX/U,IAAAC,cAACiV,EAAU,KACVlV,IAAAC,cAACksB,IAAgB,MACjBnsB,IAAAC,cAACksB,IAAgB,MACjBnsB,IAAAC,cAACksB,IAAgB,OAElBnsB,IAAAC,cAACiV,EAAU,KACVlV,IAAAC,cAACksB,IAAgB,MACjBnsB,IAAAC,cAACksB,IAAgB,MACjBnsB,IAAAC,cAACksB,IAAgB,QAInBnsB,IAAAC,cAACmsB,IAAe,MAChBpsB,IAAAC,cAACosB,IAAiB,OAgONC,OA3NOA,KACrB,MAAMrW,EAAgB,CACrB1L,MAAO,GACPwb,UAAW,GACXC,SAAU,GACVze,KAAM,GACNkD,MAAO,GACP0L,SAAU,GACVoW,cAAe,IAGhB,IAAIC,EACJ,MAAOzW,EAAaC,GAAgBrG,oBAAS,IACtC6X,EAAaiF,GAAkB9c,mBAAS,IAuC/C,OATApM,oBAAU,IACF,KAEFipB,GACHhW,aAAagW,IAGb,IAGFxsB,IAAAC,cAAC6O,EAAa,KACb9O,IAAAC,cAACiZ,EAAW,KACXlZ,IAAAC,cAAA,UAAI,iBACJD,IAAAC,cAAC6qB,EAAiB,CAACC,gBAAiB2B,GAAQD,EAAeC,MACzDlpB,KAAaxD,IAAAC,cAACmU,GAAe,MAC9B5Q,KACAxD,IAAAC,cAAC2W,WAAQ,CAACC,SAAU7W,IAAAC,cAACmU,GAAe,OACnCpU,IAAAC,cAACwV,EAAM,CAACQ,cAAeA,EAAea,SA7C1BC,CAAOC,EAAM/I,KAAA,IAAE,cAAEgJ,EAAa,UAAEC,GAAWjJ,EAAA,OAAIkJ,OAAA,6BAC/DF,GAAc,GAEd,MAAMI,EAAQvT,OAAAC,OAAAD,OAAAC,OAAA,GACViT,GAAM,CACTwQ,gBAGD,IACC,MAAMlQ,QAAYqV,EAAkCtV,GACpDvR,QAAQC,IAAI,oBAAqBuR,GACjCL,GAAc,GACdjB,GAAa,GAETxS,MACHgpB,EAAgB/oB,OAAO2H,WAAW,KACjC4K,GAAa,GACbkB,EAAUjB,IACR,MAEH,MAAOxT,GAIR,MAHAqD,QAAQC,IAAI,2BAA4BtD,GACxCwU,GAAc,GACdjB,GAAa,GACPvT,OAqBuDgV,iBAAkBA,IAC1EtG,IAAA,IAAC,OAAE6F,EAAM,aAAEW,EAAY,WAAEC,EAAU,aAAEC,EAAY,aAAEC,GAAc3G,EAAA,OACjEnR,IAAAC,cAAA,QAAM6W,SAAUe,EAAcvX,UAAWwX,EAAe,aAAe,IACtE9X,IAAAC,cAAConB,EAAS,KAAC,mBACXrnB,IAAAC,cAACkV,IAAU,CAAC7U,UAAU,kBACrBN,IAAAC,cAAA,SACCwL,aAAW,kBACXuM,SAAUjC,GAAe+B,EACzBvQ,KAAK,OACL0Q,OAAQL,EACRM,SAAUP,EACVlQ,YAAY,kBACZQ,MAAO+O,EAAa,OAErBhX,IAAAC,cAACiE,IAAM,CAACC,KAAK,QACbnE,IAAAC,cAAC4V,GAAY,CAACsC,UAAU,IAAI5Q,KAAK,QAC/B6Q,GAAOpY,IAAAC,cAACmV,IAAS,KAAEgD,KAGtBpY,IAAAC,cAAConB,EAAS,KAAC,gBACXrnB,IAAAC,cAAC8U,EAAW,KACX/U,IAAAC,cAACiV,EAAU,KACVlV,IAAAC,cAACkV,IAAU,KACVnV,IAAAC,cAAA,SACCwL,aAAW,UACXuM,SAAUjC,GAAe+B,EACzBvQ,KAAK,YACL0Q,OAAQL,EACRM,SAAUP,EACVlQ,YAAY,UACZQ,MAAO+O,EAAkB,YAE1BhX,IAAAC,cAACiE,IAAM,CAACC,KAAK,SACbnE,IAAAC,cAAC4V,GAAY,CAACsC,UAAU,IAAI5Q,KAAK,aAC/B6Q,GAAOpY,IAAAC,cAACmV,IAAS,KAAEgD,KAItBpY,IAAAC,cAACkV,IAAU,KACVnV,IAAAC,cAAA,SACCwL,aAAW,WACXuM,SAAUjC,GAAe+B,EACzBvQ,KAAK,WACL0Q,OAAQL,EACRM,SAAUP,EACVlQ,YAAY,WACZM,KAAK,OACLE,MAAO+O,EAAiB,WAEzBhX,IAAAC,cAACiE,IAAM,CAACC,KAAK,SACbnE,IAAAC,cAAC4V,GAAY,CAACsC,UAAU,IAAI5Q,KAAK,YAC/B6Q,GAAOpY,IAAAC,cAACmV,IAAS,KAAEgD,KAItBpY,IAAAC,cAACkV,IAAU,KACVnV,IAAAC,cAAA,SACCwL,aAAW,gBACXuM,SAAUjC,GAAe+B,EACzBvQ,KAAK,QACL0Q,OAAQL,EACRM,SAAUP,EACVlQ,YAAY,gBACZM,KAAK,MACLE,MAAO+O,EAAc,QAEtBhX,IAAAC,cAACiE,IAAM,CAACC,KAAK,UACbnE,IAAAC,cAAC4V,GAAY,CAACsC,UAAU,IAAI5Q,KAAK,SAC/B6Q,GAAOpY,IAAAC,cAACmV,IAAS,KAAEgD,MAIvBpY,IAAAC,cAACiV,EAAU,KACVlV,IAAAC,cAACkV,IAAU,KACVnV,IAAAC,cAAA,SACCwL,aAAW,yBACXuM,SAAUjC,GAAe+B,EACzBvQ,KAAK,QACL0Q,OAAQL,EACRM,SAAUP,EACVlQ,YAAY,mBACZM,KAAK,QACLE,MAAO+O,EAAc,QAEtBhX,IAAAC,cAACiE,IAAM,CAACC,KAAK,aACbnE,IAAAC,cAAC4V,GAAY,CAACsC,UAAU,IAAI5Q,KAAK,SAC/B6Q,GAAOpY,IAAAC,cAACmV,IAAS,KAAEgD,KAItBpY,IAAAC,cAACkV,IAAU,KACVnV,IAAAC,cAAA,SACCwL,aAAW,aACXuM,SAAUjC,GAAe+B,EACzBvQ,KAAK,gBACL0Q,OAAQL,EACRM,SAAUP,EACVlQ,YAAY,aACZQ,MAAO+O,EAAsB,gBAE9BhX,IAAAC,cAACiE,IAAM,CAACC,KAAK,mBACbnE,IAAAC,cAAC4V,GAAY,CAACsC,UAAU,IAAI5Q,KAAK,iBAC/B6Q,GAAOpY,IAAAC,cAACmV,IAAS,KAAEgD,KAItBpY,IAAAC,cAACkV,IAAU,KACVnV,IAAAC,cAAA,SACCwL,aAAW,cACXuM,SAAUjC,GAAe+B,EACzBvQ,KAAK,WACL0Q,OAAQL,EACRM,SAAUP,EACVlQ,YAAY,cACZQ,MAAO+O,EAAiB,WAEzBhX,IAAAC,cAACiE,IAAM,CAACC,KAAK,mBACbnE,IAAAC,cAAC4V,GAAY,CAACsC,UAAU,IAAI5Q,KAAK,YAC/B6Q,GAAOpY,IAAAC,cAACmV,IAAS,KAAEgD,OAMvBrC,GACA/V,IAAAC,cAAC2sB,IAAe,KACf5sB,IAAAC,cAAA,YACCD,IAAAC,cAACiE,IAAM,CAACC,KAAK,WAEd,sCAIA4R,GACD/V,IAAAC,cAAC6P,WAAQ,KACR9P,IAAAC,cAAC4sB,IAAQ,KACR7sB,IAAAC,cAACuL,OAAI,CAACG,GAAG,cAAcE,OAAO,UAC7B,sBAIF7L,IAAAC,cAACoY,IAAS,CACTC,KAAK,QACLvQ,KAAK,SACLiQ,SAAUF,GAAgBrT,YAAQ+iB,GAClCjP,WAAYT,YC3NTgV,4BAJUrnB,IAAwB,CAChDsnB,IAAKtnB,EAAM9E,WAGGmsB,CA7BOE,KACrBC,YAAY,SAGXjtB,IAAAC,cAAC6P,WAAQ,KACR9P,IAAAC,cAACgnB,EAAa,KACbjnB,IAAAC,cAACinB,EAAoB,KACpBlnB,IAAAC,cAAA,UACCD,IAAAC,cAACqH,IAAI,CAACC,KAAK,iBAAiBE,YAAY,UAAUO,aAAa,yCAEhEhI,IAAAC,cAAA,OAAKK,UAAU,gBACdN,IAAAC,cAAC8jB,IAAM,CAACxc,KAAK,mBAAmBnG,MAAM,oBAGvCpB,IAAAC,cAACqsB,GAAa,OAEftsB,IAAAC,cAAA,QAAMK,UAAU,MACfN,IAAAC,cAAA,QAAMK,UAAU,WAGlBN,IAAAC,cAACitB,IAAS,CAAC3lB,KAAK,aAAaqf,OAAQuG,W","file":"assets/js/pages-HeadstartPage.chunk.js?cb=7a5e1c9dea64ef61e8b8","sourcesContent":["import styled, { css } from \"styled-components\";\n\nconst aspectRatioPadding = aspectRatio => {\n\tswitch (aspectRatio) {\n\t\tcase \"16:9\":\n\t\t\treturn \"56.25%\";\n\t\tcase \"1:1\":\n\t\t\treturn \"100%\";\n\t\tdefault:\n\t\t\treturn \"56.25%\";\n\t}\n};\n\nexport const EmbedWrapper = styled.div`\n\theight: 0;\n\tposition: relative;\n\tpadding-bottom: ${props => aspectRatioPadding(props.aspectRatio)};\n`;\n\nexport const EmbedContainer = styled.div`\n\theight: 100%;\n\tleft: 0;\n\tposition: absolute;\n\tright: 0;\n\ttop: 0;\n\twidth: 100%;\n\n\tiframe {\n\t\theight: 100%;\n\t\twidth: 100%;\n\t}\n`;\n","import React, { memo } from \"react\";\nimport { EmbedWrapper, EmbedContainer } from \"./styles\";\nimport { hasCookieConsent } from \"@utils\";\nimport { getYoutubeID } from \"@utils/string-utils\";\n\ninterface IProps {\n\tallowFullscreen?: boolean;\n\taspectRatio?: string;\n\tautoplay?: boolean;\n\tenableApi?: boolean;\n\theight?: string | number;\n\tfullUrl?: string;\n\tvideoID?: string;\n\twidth?: string | number;\n}\n\nconst YoutubeEmbed = memo((props: IProps) => {\n\tconst {\n\t\tallowFullscreen = false,\n\t\taspectRatio = \"16:9\",\n\t\tautoplay = false,\n\t\tenableApi = false,\n\t\theight = \"100%\",\n\t\tfullUrl,\n\t\twidth = \"100%\",\n\t} = props;\n\n\tlet src: string|undefined;\n\tif (!fullUrl || /youtube/i.test(fullUrl)) {\n\t\tconst videoID = props.videoID || getYoutubeID(fullUrl);\n\n\t\tif (!videoID) {\n\t\t\treturn (<span dangerouslySetInnerHTML={{ __html: `<!-- ERROR: No video given -->` }} />);\n\t\t}\n\n\t\tsrc =\n\t\t\t`https://www.youtube${hasCookieConsent\n\t\t\t\t? \"\"\n\t\t\t\t: \"-nocookie\"\n\t\t\t}.com/embed/${videoID}?modestbranding=1&rel=0&showinfo=0&autohide=1&autoplay=${autoplay\n\t\t\t\t? \"1\"\n\t\t\t\t: \"0\"\n\t\t\t}&output=embed&enablejsapi=${enableApi ? \"1\" : \"0\"}`;\n\t} else {\n\t\tsrc = fullUrl;\n\t}\n\n\treturn (\n\t\t<EmbedWrapper aspectRatio={aspectRatio} className=\"yt-embed\">\n\t\t\t<EmbedContainer>\n\t\t\t\t<iframe allowFullScreen={allowFullscreen} frameBorder=\"0\" height={height} src={src} width={width} />\n\t\t\t</EmbedContainer>\n\t\t</EmbedWrapper>\n\t);\n});\n\nexport default YoutubeEmbed;\n","import React, { useLayoutEffect } from \"react\";\n\nfunction useLockBodyScroll() {\n\tuseLayoutEffect(() => {\n\t\tdocument.body.style.overflow = \"hidden\";\n\t\treturn () => {\n\t\t\tdocument.body.style.overflow = \"visible\";\n\t\t};\n\t}, []);\n}\n\nexport default useLockBodyScroll;\n","import React, { useEffect, useRef } from \"react\";\nimport useLockBodyScroll from \"@hooks/use-lock-body-scroll\";\nimport { FontAwesomeIcon as FaIcon } from \"@fortawesome/react-fontawesome\";\nimport styled from \"styled-components\";\nimport { hasWindow } from \"@utils\";\nimport { color } from \"@utils/style-utils\";\n\nconst Close = styled.span`\n\talign-items: center;\n\tbackground: rgba(255, 255, 255, 0.2);\n\tcolor: ${color(\"greenBright\", 1)};\n\tcursor: pointer;\n\tfont-size: 40px;\n\tdisplay: flex;\n\theight: 60px;\n\tjustify-content: center;\n\tleft: 0;\n\topacity: 0;\n\tposition: fixed;\n\ttop: 0;\n\ttransition: opacity 300ms;\n\ttransform-origin: 50% 50%;\n\twidth: 60px;\n\n\tsvg {\n\t\tmax-width: 40px;\n\t}\n\n\t@media (max-width: 650px) {\n\t\tfont-size: 30px;\n\t\theight: 45px;\n\t\twidth: 45px;\n\t}\n\n\t.is-touch & {\n\t\tleft: auto;\n\t\topacity: 1 !important;\n\t\tright: 10px;\n\t\ttop: 10px;\n\t\ttransform: none !important;\n\t}\n`;\n\nexport interface IModalProps {\n\tcontent: any;\n\tdark?: boolean;\n\tfollowingClose?: boolean;\n\tonClose?: (e: any) => void;\n\ttitle?: string;\n\t[key: string]: any;\n}\n\nconst Modal = ({ title, content, onClose, dark = false, followingClose = true, ...rest }: IModalProps) => {\n\tuseLockBodyScroll();\n\n\tconst overlayRef = useRef(null);\n\tconst contentRef = useRef(null);\n\tconst closeRef = useRef(null);\n\n\tlet x: number = null;\n\tlet y: number = null;\n\tlet anim = null;\n\tlet closeX = x;\n\tlet closeY = y;\n\n\tconst hideClose = () => {\n\t\tcloseRef.current.style.opacity = 0;\n\t};\n\n\tconst showClose = () => {\n\t\tcloseRef.current.style.opacity = 1;\n\t};\n\n\tconst onMouseMove = (e: MouseEvent) => {\n\t\tx = e.clientX;\n\t\ty = e.clientY;\n\t};\n\n\tfunction loop() {\n\t\t/* \"lerp\" */\n\t\tcloseX += (x - closeX) * 0.1;\n\t\tcloseY += (y - closeY) * 0.1;\n\n\t\tif (closeRef.current) {\n\t\t\tconst { width, height } = closeRef.current.getBoundingClientRect();\n\t\t\tconst tx = closeX - width / 2;\n\t\t\tconst ty = closeY - height / 2;\n\n\t\t\tcloseRef.current.style.transform = `translate(${tx}px, ${ty}px)`;\n\n\t\t\tanim = requestAnimationFrame(loop);\n\t\t}\n\t}\n\n\tconst onMouseLeave = (e: MouseEvent) => {\n\t\tcancelAnimationFrame(anim);\n\t\thideClose();\n\t};\n\n\tconst onMouseEnter = (e: MouseEvent) => {\n\t\tcancelAnimationFrame(anim);\n\t\tshowClose();\n\t\tanim = requestAnimationFrame(loop);\n\t};\n\n\tconst onMouseLeaveContent = (e: MouseEvent) => {\n\t\tcancelAnimationFrame(anim);\n\t\tshowClose();\n\t\tanim = requestAnimationFrame(loop);\n\t};\n\n\tconst onMouseEnterContent = (e: MouseEvent) => {\n\t\tcancelAnimationFrame(anim);\n\t\thideClose();\n\t};\n\n\tuseEffect(() => {\n\t\tif (hasWindow && followingClose) {\n\t\t\tx = window.innerWidth / 2;\n\t\t\ty = window.innerHeight / 2;\n\n\t\t\tanim = requestAnimationFrame(loop);\n\t\t\twindow.addEventListener(\"mousemove\", onMouseMove);\n\t\t\toverlayRef.current.addEventListener(\"mouseleave\", onMouseLeave);\n\t\t\toverlayRef.current.addEventListener(\"mouseenter\", onMouseEnter);\n\t\t\tcontentRef.current.addEventListener(\"mouseenter\", onMouseEnterContent);\n\t\t\tcontentRef.current.addEventListener(\"mouseleave\", onMouseLeaveContent);\n\n\t\t\treturn () => {\n\t\t\t\tcancelAnimationFrame(anim);\n\t\t\t\twindow.removeEventListener(\"mousemove\", onMouseMove);\n\t\t\t\toverlayRef.current.removeEventListener(\"mouseleave\", onMouseLeave);\n\t\t\t\toverlayRef.current.removeEventListener(\"mouseenter\", onMouseEnter);\n\t\t\t\tcontentRef.current.removeEventListener(\"mouseenter\", onMouseEnterContent);\n\t\t\t\tcontentRef.current.removeEventListener(\"mouseleave\", onMouseLeaveContent);\n\t\t\t};\n\t\t}\n\t}, []);\n\n\treturn (\n\t\t<div\n\t\t\tclassName={`modal-overlay${dark ? \" modal-overlay--dark\" : \"\"}`}\n\t\t\tonClick={onClose}\n\t\t\tref={overlayRef}\n\t\t\t{...rest}\n\t\t>\n\t\t\t<Close ref={closeRef} onClick={onClose}>\n\t\t\t\t<FaIcon icon={[\"far\", \"times\"]} />\n\t\t\t</Close>\n\t\t\t<div className=\"modal\" ref={contentRef}>\n\t\t\t\t{title && <h2>{title}</h2>}\n\t\t\t\t{content}\n\t\t\t</div>\n\t\t</div>\n\t);\n};\n\nexport default Modal;\n","module.exports = __webpack_public_path__ + \"assets/static/media/form-bg-pattern.png\";","import { useEffect } from \"react\";\nimport { hasWindow } from \"@utils\";\nimport isEmpty from \"lodash-es/isEmpty\";\n\nfunction useDanskeScript() {\n\t//const src = \"https://haaveestatotta.s3.amazonaws.com/production/danske-calculators/housing_loan/embed.js\";\n\tconst src = \"/assets/loancalculator/embed2.js\";\n\n\tuseEffect(() => {\n\t\tif (hasWindow) {\n\t\t\tconst existingDanskeScripts = document.querySelectorAll(`[src=\"${src}\"]`);\n\t\t\tif (!isEmpty(existingDanskeScripts)) {\n\t\t\t\tconst scripts = Array.prototype.slice.call(existingDanskeScripts) || [];\n\t\t\t\tscripts.forEach((s: HTMLScriptElement) => s.remove());\n\t\t\t}\n\n\t\t\tconst script = document.createElement(\"script\");\n\t\t\tscript.async = true;\n\t\t\tscript.src = src;\n\n\t\t\tdocument.body.appendChild(script);\n\n\t\t\tconst onScriptError = () => {\n\t\t\t\tscript.remove();\n\t\t\t};\n\n\t\t\tscript.addEventListener(\"error\", onScriptError);\n\n\t\t\treturn () => {\n\t\t\t\tscript.remove();\n\t\t\t\tscript.removeEventListener(\"error\", onScriptError);\n\t\t\t};\n\t\t}\n\t}, []);\n}\n\nexport default useDanskeScript;\n","import React, { Component } from \"react\";\n\nclass ErrorBoundary extends Component {\n\tstatic getDerivedStateFromError(error) {\n\t\t// Update state so the next render will show the fallback UI.\n\t\treturn { hasError: true };\n\t}\n\n\tstate = {\n\t\thasError: false,\n\t};\n\n\tconstructor(props) {\n\t\tsuper(props);\n\t}\n\n\tcomponentDidCatch(error, errorInfo) {\n\t\tconsole.log({ error, errorInfo });\n\t}\n\n\trender() {\n\t\tconst { hasError } = this.state;\n\n\t\treturn hasError ? <h4>Tapahtui odottamaton virhe</h4> : this.props.children;\n\t}\n}\n\nexport default ErrorBoundary;\n","import styled, { css } from \"styled-components\";\nimport { media, color } from \"@utils/style-utils\";\n\nexport const TAVContainer = styled.div`\n\tdisplay: flex;\n\tflex-direction: column;\n\tmargin: 0 auto 50px;\n\tmax-width: 1130px;\n\n\t> div {\n\t\tdisplay: flex;\n\t\tflex-basis: 100%;\n\t\tflex-direction: column;\n\t\tjustify-content: center;\n\n\t\th3 {\n\t\t\tmargin: 0 0 35px;\n\t\t}\n\n\t\t.yt-embed {\n\t\t\tbackground-color: ${color(\"blue\", 4)};\n\t\t}\n\t}\n\n\t${media.md`\n\t\tflex-direction: row;\n\t\tmargin: 0 auto 90px;\n\n\t\t> div {\n\t\t\t&:first-of-type {\n\t\t\t\tflex-basis: 41.5%;\n\t\t\t\tpadding-right: 35px;\n\n\t\t\t\th3 {\n\t\t\t\t\tmargin: 0;\n\t\t\t\t\tmax-width: 311px;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&:last-of-type {\n\t\t\t\tflex-basis: 58.5%;\n\t\t\t}\n\t\t}\n\t`};\n\n\t${props =>\n\t\tprops.reverse &&\n\t\tcss`\n\t\t\t${media.md`\n\t\t\t\tflex-direction: row-reverse;\n\n\t\t\t\t> div:first-of-type {\n\t\t\t\t\tpadding-right: 0;\n\t\t\t\t\tpadding-left: 35px;\n\t\t\t\t}\n\t\t\t`}\n\t\t`};\n`;\n","import React from \"react\";\nimport { Wrapper, Container } from \"@components/Grid\";\nimport Text from \"wake-react-components/text\";\nimport Input from \"wake-react-components/input\";\nimport { isAdmin } from \"wake-react-components/utils\";\nimport YoutubeEmbed from \"@components/Embeds/Youtube\";\nimport { getAssetUrl } from \"@utils\";\n\nimport { TAVContainer } from \"./styles\";\n\nconst TextAndVideo = (props: any = {}) => {\n\tconst {\n\t\titem: { video, videoSide = \"right\" },\n\t\t...restProps\n\t} = props;\n\n\treturn (\n\t\t<Wrapper>\n\t\t\t<Container {...restProps}>\n\t\t\t\t<TAVContainer reverse={videoSide === \"left\"}>\n\t\t\t\t\t<div>\n\t\t\t\t\t\t{isAdmin && <p>Lyhyt teksti</p>}\n\t\t\t\t\t\t<h3>\n\t\t\t\t\t\t\t<Text name=\"textAndVideoText\" multiline={true} placeholder=\"Kuvaus\" />\n\t\t\t\t\t\t</h3>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div>\n\t\t\t\t\t\t{isAdmin && <p>Youtube videon ID</p>}\n\t\t\t\t\t\t{isAdmin && <Text name=\"video\" placeholder=\"Youtube videon ID\" multiline={true} />}\n\t\t\t\t\t\t{video && <YoutubeEmbed videoID={video} />}\n\t\t\t\t\t</div>\n\t\t\t\t</TAVContainer>\n\t\t\t</Container>\n\t\t</Wrapper>\n\t);\n};\n\nTextAndVideo.thumb = () => (\n\t<div>\n\t\t<img src={getAssetUrl(\"/assets/images/campaign-block-thumbs/Videonosto.jpg\")} alt=\"Videonosto\" />\n\t\t<p>Videonosto</p>\n\t</div>\n);\n\nTextAndVideo.settings = () => (\n\t<div className=\"settings\">\n\t\t<span>\n\t\t\tElementin ID <small>(esim ankkuriksi)</small>&nbsp;\n\t\t</span>\n\t\t<Text name=\"elementID\" placeholder=\"ID\" />\n\t\t<div>\n\t\t\tVideon puoli:\n\t\t\t<Input type=\"select\" name=\"videoSide\" defaultValue=\"right\">\n\t\t\t\t<option value=\"right\">Oikea</option>\n\t\t\t\t<option value=\"left\">Vasen</option>\n\t\t\t</Input>\n\t\t</div>\n\t</div>\n);\n\nexport default TextAndVideo;\n","import styled, { css } from \"styled-components\";\nimport { color, fontFamily, emSpacing, media, buttons } from \"@utils/style-utils\";\nimport { rgba } from \"polished\";\n\nexport const Card = styled.div.attrs(() => ({\n\tclassName: \"agency-list-item\",\n}))`\n\tbackground-color: ${color(\"white\")};\n\tborder: 1px solid ${color(\"greenDark\", 4)};\n\tborder-radius: 4px;\n\tcursor: pointer;\n\tdisplay: flex;\n\tflex-direction: column;\n\tmargin-bottom: 35px;\n\toverflow: hidden;\n\tpadding: 30px 20px;\n\tpadding-right: 75px;\n\tposition: relative;\n\ttransform: scale(1);\n\ttransition: background-color 150ms, transform 150ms;\n\n\t&:hover {\n\t\tbackground-color: ${rgba(color(\"greenBright\", 4), 0.1)};\n\t}\n\n\t&:active {\n\t\ttransform: scale(0.98);\n\t}\n\n\t${media.md`\n\t\tpadding: 35px 30px;\n\t\tpadding-right: 90px;\n\n\t\t.arrow {\n\t\t\ttop: 34px;\n\t\t}\n\n\t\t${props =>\n\t\t\tprops.wide &&\n\t\t\tcss`\n\t\t\t\tpadding-left: 35px;\n\t\t\t\tpadding-right: 90px;\n\n\t\t\t\t.arrow {\n\t\t\t\t\tright: 32px;\n\t\t\t\t}\n\t\t\t`}\n\t`}\n\n\t${media.lg`\n\t\tpadding: 48px 45px;\n\t\tpadding-right: 90px;\n\n\t\t.contact {\n\t\t\tpadding-left: 29px;\n\t\t}\n\n\t\t.arrow {\n\t\t\ttop: 42px;\n\t\t}\n\t`}\n\n\t${media.xl`\n\t\t${props =>\n\t\t\tprops.wide &&\n\t\t\tcss`\n\t\t\t\tpadding-left: 72px;\n\t\t\t\tpadding-right: 120px;\n\n\t\t\t\t.arrow {\n\t\t\t\t\tright: 72px;\n\t\t\t\t\ttop: 42px;\n\t\t\t\t}\n\t\t\t`}\n\t`}\n\n\t${props =>\n\t\tprops.hasFormButton &&\n\t\tcss`\n\t\t\tpadding-bottom: 0 !important;\n\t\t`}\n`;\n\nexport const Title = styled.h4`\n\tcolor: ${color(\"greenBright\", 1)};\n\tfont-size: 16px;\n\tfont-weight: 500;\n\tmargin: 0 0 16px;\n\n\t${media.ml`\n\t\tfont-size: 17px;\n\t`}\n\n\ta {\n\t\tcolor: inherit;\n\t\ttext-decoration: none;\n\n\t\t&:hover {\n\t\t\ttext-decoration: underline;\n\t\t}\n\t}\n`;\n\nexport const Address = styled.p`\n\tcolor: ${color(\"grey\", 2)};\n\tfont-family: ${fontFamily.condensed};\n\tfont-size: 15px;\n\tmargin: 0 0 40px;\n\n\ta {\n\t\tcolor: inherit;\n\t\ttext-decoration: none;\n\n\t\t&:hover {\n\t\t\ttext-decoration: underline;\n\t\t}\n\t}\n\n\t${media.ml`\n\t\tfont-size: 16px;\n\t`}\n`;\n\nexport const Contact = styled.p.attrs(() => ({\n\tclassName: \"contact\",\n}))`\n\tfont-family: ${fontFamily.condensed};\n\tfont-size: 15px;\n\tmargin: 0 0 16px;\n\tpadding-left: 22px;\n\tposition: relative;\n\n\t${media.ml`\n\t\tfont-size: 16px;\n\t`}\n\n\t&:last-of-type {\n\t\tmargin-bottom: 0;\n\t}\n\n\t.icon {\n\t\tdisplay: inline-block;\n\t\tcolor: ${color(\"greenBright\", 1)};\n\t\tfont-size: 14px;\n\t\tposition: absolute;\n\t\tleft: 0;\n\t\ttop: 2px;\n\n\t\tsvg {\n\t\t\tmax-width: 15px;\n\t\t}\n\t}\n\n\ta {\n\t\tcolor: ${color(\"greenDark\", 1)};\n\t\tletter-spacing: ${emSpacing(0.02)};\n\t\ttext-decoration: none;\n\n\t\t&:hover {\n\t\t\tcolor: ${color(\"greenDark\", 2)};\n\t\t\ttext-decoration: underline;\n\t\t}\n\n\t\t+ a {\n\t\t\t&::before {\n\t\t\t\tcontent: \",\";\n\t\t\t\tdisplay: inline-block;\n\t\t\t\tmargin-right: 5px;\n\t\t\t}\n\t\t}\n\t}\n`;\n\nexport const Arrow = styled.span.attrs(() => ({\n\tclassName: \"arrow\",\n}))`\n\tborder: 1px solid ${color(\"greenBright\", 1)};\n\tborder-radius: 50%;\n\tline-height: 1;\n\theight: 25px;\n\tposition: absolute;\n\tright: 20px;\n\ttop: 26px;\n\twidth: 25px;\n\n\t${media.md`\n\t\theight: 30px;\n\t\tright: 30px;\n\t\ttop: 24px;\n\t\twidth: 30px;\n\t`}\n\n\t${media.lg`\n\t\theight: 35px;\n\t\twidth: 35px;\n\t`}\n\n\t&::before {\n\t\tcolor: ${color(\"greenBright\", 1)};\n\t\tcontent: \"›\";\n\t\tdisplay: inline-block;\n\t\tfont-size: 20px;\n\t\tline-height: 1;\n\t\tleft: 0;\n\t\tposition: absolute;\n\t\tright: 0;\n\t\ttext-align: center;\n\t\ttop: 50%;\n\t\ttransform: translateY(-50%);\n\t}\n`;\n\nexport const ContactButton = styled.div.attrs(() => ({\n\tariaRole: \"button\",\n\tclassName: \"agency-card-contact-button\",\n}))`\n\tborder-top: 1px solid ${color(\"greenDark\", 4)};\n\tcursor: pointer;\n\tdisplay: block;\n\ttext-align: center;\n\tpadding: 30px 15px;\n\tmargin-left: -20px;\n\tmargin-right: -75px;\n\tmargin-top: 45px;\n\n\t${media.md`\n\t\tmargin-left: -30px;\n\t\tmargin-right: -90px;\n\t\tpadding: 40px 15px;\n\t`}\n\n\t${media.lg`\n\t\tmargin-left: -45px;\n\t`}\n\n\tspan {\n\t\t${buttons.textLinkPrimary}\n\n\t\t&::after {\n\t\t\tdisplay: none;\n\t\t}\n\t}\n`;\n","import React from \"react\";\nimport { withRouter, RouteComponentProps, Link } from \"react-router-dom\";\nimport { Card, Title, Address, Contact, Arrow, ContactButton } from \"./styles\";\nimport Phone from \"@components/Info/Phone\";\nimport Email from \"@components/Info/Email\";\nimport isEmpty from \"lodash-es/isEmpty\";\nimport { hasWindow } from \"@utils\";\n\ninterface IProps {\n\tagency: IAgency;\n\tonFormButtonClick?: (agency: IAgency) => void;\n\twithFormButton?: boolean;\n\t[key: string]: any;\n}\n\nconst AgencyListItem = (props: IProps & RouteComponentProps) => {\n\tconst { agency, history, wide, withFormButton } = props;\n\tif (isEmpty(agency)) {\n\t\treturn null;\n\t}\n\n\tconst {\n\t\taddress,\n\t\tcanonicalPath,\n\t\tcity,\n\t\tcoordinates,\n\t\temail,\n\t\tmarketingName,\n\t\tphone,\n\t\tpostcode,\n\t\ttelPhone,\n\t\turlPart,\n\t} = agency;\n\n\tconst navigate = event => {\n\t\tevent.stopPropagation();\n\t\tevent.preventDefault();\n\n\t\tif (canonicalPath) {\n\t\t\tdocument.body.classList.remove(\"loaded\");\n\t\t\tdocument.body.classList.add(\"load-start\");\n\n\t\t\tsetTimeout(() => {\n\t\t\t\tif (hasWindow) {\n\t\t\t\t\thistory.push(canonicalPath);\n\t\t\t\t\twindow.scrollTo(0, 0);\n\t\t\t\t}\n\t\t\t}, 300);\n\t\t}\n\t};\n\n\tif (!canonicalPath && !urlPart) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<Card\n\t\t\titemScope={true}\n\t\t\titemType=\"https://schema.org/RealEstateAgent\"\n\t\t\tonClick={navigate}\n\t\t\twide={wide}\n\t\t\thasFormButton={withFormButton}\n\t\t>\n\t\t\t<Title itemprop=\"name\">\n\t\t\t\t<Link\n\t\t\t\t\taria-label={`Kiinteistömaailma ${marketingName}`}\n\t\t\t\t\titemProp=\"URL\"\n\t\t\t\t\tonClick={e => e.stopPropagation()}\n\t\t\t\t\tto={canonicalPath ? canonicalPath : urlPart}\n\t\t\t\t>\n\t\t\t\t\tKiinteistömaailma {marketingName}\n\t\t\t\t</Link>\n\t\t\t</Title>\n\t\t\t<Address itemScope={true} itemProp=\"address\" itemType=\"https://schema.org/PostalAddress\">\n\t\t\t\t<a\n\t\t\t\t\thref={`https://www.google.fi/maps/search/?api=1&query=Kiinteistömaailma%20${address},${postcode},${city}`}\n\t\t\t\t\ttarget=\"_blank\"\n\t\t\t\t\tonClick={e => e.stopPropagation()}\n\t\t\t\t>\n\t\t\t\t\t<span itemProp=\"streetAddress\">{address}</span>,&nbsp;<span itemProp=\"postalCode\">{postcode}</span>{\" \"}\n\t\t\t\t\t<span itemProp=\"addressLocality\">{city}</span>\n\t\t\t\t</a>\n\t\t\t</Address>\n\t\t\t{phone && (\n\t\t\t\t<Contact>\n\t\t\t\t\t<Phone telPhone={telPhone} phone={phone} stopPropagation={true} withIcon={true} />\n\t\t\t\t</Contact>\n\t\t\t)}\n\t\t\t{email && (\n\t\t\t\t<Contact>\n\t\t\t\t\t<Email to={email} split={true} withIcon={true} stopPropagation={true} />\n\t\t\t\t</Contact>\n\t\t\t)}\n\n\t\t\t<meta itemProp=\"areaserved\" content={`${city}`} />\n\n\t\t\t{!isEmpty(coordinates) && (\n\t\t\t\t<div itemProp=\"geo\" itemScope={true} itemType=\"https://schema.org/GeoCoordinates\">\n\t\t\t\t\t<meta itemProp=\"latitude\" content={`${coordinates.latitude}`} />\n\t\t\t\t\t<meta itemProp=\"longitude\" content={`${coordinates.longitude}`} />\n\t\t\t\t</div>\n\t\t\t)}\n\n\t\t\t<Arrow />\n\n\t\t\t{withFormButton && (\n\t\t\t\t<ContactButton\n\t\t\t\t\tonClick={e => {\n\t\t\t\t\t\te.stopPropagation();\n\t\t\t\t\t\tprops.onFormButtonClick(agency);\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t<span>Ota yhteyttä tai sovi esittely</span>\n\t\t\t\t</ContactButton>\n\t\t\t)}\n\t\t</Card>\n\t);\n};\n\nexport default withRouter(AgencyListItem);\n","import styled from \"styled-components\";\nimport { grid } from \"@utils/style-utils\";\n\nexport const ApartmentsContainer = styled.div`\n\tdisplay: flex;\n\tflex-wrap: wrap;\n\tjustify-content: space-between;\n\tmargin: 40px auto 90px;\n\tmax-width: 1635px;\n\n\t> div {\n\t\tflex-basis: 100%;\n\t\tmargin-bottom: ${grid.gutterSmall}px;\n\n\t\t@media (min-width: 610px) {\n\t\t\tflex-basis: calc((100% - ${grid.gutterSmall / 2}px) / 2);\n\t\t\tmargin-bottom: ${grid.gutterSmall / 2}px;\n\t\t}\n\n\t\t@media (min-width: 1215px) {\n\t\t\tflex-basis: calc((100% - ${(grid.gutter / 2) * 3}px) / 4);\n\t\t\tmargin-bottom: ${grid.gutter / 2}px;\n\t\t}\n\t}\n\n\t@media (max-width: 991px) and (hover: none) and (pointer: coarse) {\n\t\tflex-wrap: nowrap;\n\t\tmargin-left: -${grid.gutterSmall / 2}px;\n\t\tmargin-right: -${grid.gutterSmall / 2}px;\n\t\toverflow-x: scroll;\n\t\t-webkit-overflow-scrolling: touch;\n\t\twhite-space: nowrap;\n\t\twidth: auto;\n\n\t\t> div {\n\t\t\tflex: 1 0 86%;\n\t\t\tmargin-right: ${grid.gutterSmall / 2}px;\n\n\t\t\t&:first-of-type {\n\t\t\t\tmargin-left: ${grid.gutterSmall / 2}px;\n\t\t\t}\n\n\t\t\t&:nth-last-of-type(2) {\n\t\t\t\tflex: 0 0 ${grid.gutterSmall / 2}px;\n\t\t\t\tmargin: 0 !important;\n\t\t\t\twidth: ${grid.gutterSmall / 2}px;\n\t\t\t}\n\n\t\t\t&:nth-last-of-type(2),\n\t\t\t&:last-of-type {\n\t\t\t\tdisplay: none;\n\t\t\t}\n\t\t}\n\t}\n`;\n","import queryString from \"query-string\";\nimport axios from \"axios\";\n\nconst API = \"/api/km/KM/sales?\";\n\nasync function fetchOnlineOfferProperties(params) {\n\tif (!params) {\n\t\treturn;\n\t}\n\n\tconst { query: queryObjects, ...rest } = params;\n\tlet query = queryString.stringify(rest, { arrayFormat: \"bracket\" });\n\n\t// let qstr = \"\";\n\n\tif (queryObjects) {\n\t\tfor (const q of queryObjects) {\n\t\t\tquery += \"&query[]=\" + encodeURIComponent(JSON.stringify(q));\n\t\t}\n\t}\n\n\ttry {\n\t\tconst url = `${API}${query}`;\n\t\tconst response = await fetchAPI(url);\n\t\treturn response.data;\n\t} catch (e) {\n\t\tconsole.log(\"[OnlineOfferService] - errored online offer search\", e);\n\t}\n}\n\nasync function fetchAPI(url: string) {\n\tconst request = await axios.get(url);\n\treturn request;\n}\n\nasync function addFollower(data) {\n\tconst request = await axios.post(\"/api/km/KMSite/PropertyFollower\", data);\n\treturn request.data;\n}\n\nexport default {\n\taddFollower,\n\tfetchOnlineOfferProperties,\n};\n","import styled, { css } from \"styled-components\";\nimport { media, color } from \"@utils/style-utils\";\n\nexport const VideoContainer = styled.div`\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: 1em;\n\tmargin: 0 auto 50px;\n\tmax-width: min(896px, 95vw);\n\n\tlabel span {\n\t\tfont-weight: normal;\n\t}\n\n\t> div {\n\t\tdisplay: flex;\n\t\tflex-basis: 100%;\n\t\tjustify-content: center;\n\n\t\t.yt-embed {\n\t\t\tbackground-color: ${color(\"blue\", 4)};\n\t\t}\n\t}\n\n\t${media.md`\n\t\tmargin: 0 auto 90px;\n\t`};\n`;\n","import React from \"react\";\nimport { Container, Wrapper } from \"@components/Grid\";\nimport Text from \"wake-react-components/text\";\nimport { isAdmin } from \"wake-react-components/utils\";\nimport YoutubeEmbed from \"@components/Embeds/Youtube\";\nimport { getAssetUrl } from \"@utils\";\nimport { VideoContainer } from \"./styles\";\n\nconst Video = (props: any = {}) => {\n\tconst {\n\t\titem: { video },\n\t\t...restProps\n\t} = props;\n\n\treturn (\n\t\t<Wrapper>\n\t\t\t<Container {...restProps}>\n\t\t\t\t<VideoContainer>\n\t\t\t\t\t{isAdmin && <label>Youtube-videon ID: <Text name=\"video\" placeholder=\"Youtube-videon ID\" /></label>}\n\t\t\t\t\t{video && <YoutubeEmbed videoID={video} />}\n\t\t\t\t</VideoContainer>\n\t\t\t</Container>\n\t\t</Wrapper>\n\t);\n};\n\nVideo.thumb = () => (\n\t<div>\n\t\t<img src={getAssetUrl(\"/assets/images/campaign-block-thumbs/Videonosto.jpg\")} alt=\"Video\" />\n\t\t<p>Video</p>\n\t</div>\n);\n\nVideo.settings = () => (\n\t<div className=\"settings\">\n\t\t<span>\n\t\t\tElementin ID <small>(esim. ankkuriksi)</small>&nbsp;\n\t\t</span>\n\t\t<Text name=\"elementID\" placeholder=\"ID\" />\n\t</div>\n);\n\nexport default Video;\n","import styled, { css } from \"styled-components\";\nimport { color, media } from \"@utils/style-utils\";\nimport { Container } from \"@components/Grid\";\nimport { rgba } from \"polished\";\n\nexport const HeroWrapper = styled.div`\n\tmargin-bottom: 100px;\n\tpadding: 76px 0 0;\n\twidth: 100%;\n\n\t${media.md`\n\t\tmargin-bottom: 136px;\n\t`}\n\n\t${media.lg`\n\t\tmargin-bottom: 176px;\n\t`}\n\n\t&.no-image {\n\t\tmargin-bottom: 60px;\n\t\tpadding: 120px 0 80px;\n\n\t\t${media.md`\n\t\t\tmargin-bottom: 80px;\n\t\t\tpadding: 150px 0 100px;\n\t\t`}\n\n\t\t${media.lg`\n\t\t\tmargin-bottom: 120px;\n\t\t\tpadding: 201px 0 137px;\n\t\t`}\n\t}\n\n\t&.is-admin {\n\t\tmargin-top: 65px;\n\t}\n\n\t&.bg-green {\n\t\tbackground-color: ${rgba(color(\"greenBright\", 4), 0.5)};\n\t}\n\n\t&.bg-red {\n\t\tbackground-color: ${color(\"coral\", 4)};\n\t}\n\n\t&.bg-blue {\n\t\tbackground-color: ${color(\"blue\", 4)};\n\t}\n`;\n\nexport const HeroContainer = styled(Container).attrs(() => ({\n\tclassName: \"hero-container\",\n}))`\n\tposition: relative;\n\ttop: 40px;\n\n\t${media.lg`\n\t\talign-items: center;\n\t\tdisplay: flex;\n\t\tflex-direction: row;\n\t\tjustify-content: space-between;\n\t\ttop: 68px;\n\t`}\n\n\t.image-on-left & {\n\t\t${media.lg`\n\t\t\tflex-direction: row-reverse;\n\t\t\ttext-align: left;\n\t\t`}\n\t}\n\n\t.no-image & {\n\t\ttop: 0;\n\t}\n\n\t&::before,\n\t&::after {\n\t\tdisplay: none;\n\t}\n`;\n\nexport const HeroImage = styled.div.attrs(() => ({\n\tclassName: \"hero-image\",\n}))`\n\tposition: relative;\n\n\t${media.md`\n\t\tmargin: 0 auto;\n\t\tmax-width: 512px;\n\t`}\n\n\t${media.lg`\n\t\tflex-basis: calc(662 / 1364 * 100%);\n\t\tmargin: 0;\n\t\tmax-width: 100%;\n\t`}\n\n\tspan {\n\t\tbackground-color: ${color(\"grey\", 6)};\n\t\tbackground-position: center;\n\t\tbackground-repeat: no-repeat;\n\t\tbackground-size: cover;\n\t\tdisplay: block;\n\t\tpadding-bottom: 66.76%;\n\t\twidth: 100%;\n\t}\n`;\n\nexport const HeroTitle = styled.div.attrs(() => ({\n\tclassName: \"hero-title\",\n}))`\n\tmargin-bottom: 32px;\n\ttext-align: center;\n\n\t${media.lg`\n\t\tflex-basis: calc(662 / 1364 * 100%);\n\n\t\t.no-image & {\n\t\t\tflex-basis: 100%;\n\t\t\tmax-width: 896px;\n\t\t\tmargin: 0 auto;\n\t\t}\n\t`}\n\n\th1 {\n\t\tmargin: 0;\n\t}\n`;\n","import React from \"react\";\nimport Background from \"wake-react-components/background\";\nimport Input from \"wake-react-components/input\";\nimport Text from \"wake-react-components/text\";\nimport { isAdmin } from \"wake-react-components/utils\";\nimport { HeroWrapper, HeroContainer, HeroImage, HeroTitle } from \"./styles\";\n\nimport clxs from \"clsx\";\nimport { getAssetUrl } from \"@utils\";\n\nconst Hero = ({ item }) => {\n\tconst { heroImage, heroImagePosition, heroColor } = item;\n\tlet imgPosition = \"left\";\n\tconst bgColor = heroColor || \"green\";\n\n\tif (heroImagePosition && [\"left\", \"right\"].indexOf(heroImagePosition) !== -1) {\n\t\timgPosition = heroImagePosition;\n\t}\n\n\tconst hasImageInFront = !isAdmin && (heroImage && heroImage.src);\n\n\treturn (\n\t\t<HeroWrapper\n\t\t\tclassName={clxs(\n\t\t\t\t\"page-hero\",\n\t\t\t\t!hasImageInFront && !isAdmin && \"no-image\",\n\t\t\t\timgPosition && (hasImageInFront || isAdmin) && \"image-on-\" + imgPosition,\n\t\t\t\tbgColor && \"bg-\" + bgColor,\n\t\t\t\tisAdmin && \"is-admin\"\n\t\t\t)}\n\t\t>\n\t\t\t<HeroContainer>\n\t\t\t\t<HeroTitle>\n\t\t\t\t\t<h1>\n\t\t\t\t\t\t<Text name=\"title\" placeholder=\"Otsikko\" />\n\t\t\t\t\t</h1>\n\t\t\t\t</HeroTitle>\n\t\t\t\t{(isAdmin || (heroImage && heroImage.src)) && (\n\t\t\t\t\t<HeroImage>\n\t\t\t\t\t\t<Background name=\"heroImage\" tagName=\"span\" sizeInfo={[662, 442]} />\n\t\t\t\t\t</HeroImage>\n\t\t\t\t)}\n\t\t\t</HeroContainer>\n\t\t</HeroWrapper>\n\t);\n};\n\nHero.thumb = () => (\n\t<div>\n\t\t<img src={getAssetUrl(\"assets/images/campaign-block-thumbs/hero.png\")} alt=\"Hero\" />\n\t\t<p>Hero</p>\n\t</div>\n);\n\nHero.settings = () => (\n\t<div className=\"settings\">\n\t\t<span>Kuvan asemointi</span>\n\t\t<Input type=\"select\" name=\"heroImagePosition\" defaultValue=\"left\">\n\t\t\t<option value=\"left\">Vasen</option>\n\t\t\t<option value=\"right\">Oikea</option>\n\t\t</Input>\n\t\t<br />\n\t\t<span>Taustaväri</span>\n\t\t<Input type=\"select\" name=\"heroColor\" defaultValue=\"green\">\n\t\t\t<option value=\"green\">Vihreä</option>\n\t\t\t<option value=\"red\">Punainen</option>\n\t\t\t<option value=\"blue\">Sininen</option>\n\t\t</Input>\n\t</div>\n);\n\nexport default Hero;\n","import styled from \"styled-components\";\nimport { color, fontFamily, grid, media } from \"@utils/style-utils\";\nimport { Container } from \"@components/Grid\";\n\nexport const AgencyContainer = styled(Container)`\n\t.r-reference {\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\tflex-wrap: wrap;\n\n\t\t${media.md`\n\t\t\tflex-direction: row;\n\t\t\tjustify-content: space-between;\n\t\t`}\n\t\t> div {\n\t\t\tflex-basis: 100%;\n\n\t\t\t${media.md`\n\t\t\t\tflex-basis: calc((100% - ${grid.gutterSmall}px) / 2);\n\t\t\t`}\n\n\t\t\t${media.lg`\n\t\t\t\tflex-basis: calc((100% - ${grid.gutter}px) / 2);\n\t\t\t`}\n\t\t}\n\t}\n`;\n\nexport const FormContainer = styled.div`\n\tmargin: 0 auto;\n\tmax-width: 926px;\n\n\t#ag-contact-form {\n\t\tbackground: none;\n\t\tpadding-top: 0;\n\t\twidth: 100%;\n\t}\n\n\t.form-container {\n\t\ttop: 0;\n\t}\n`;\n\nexport const FormClose = styled.button`\n\t-webkit-appearance: none;\n\t-moz-appearance: none;\n\tbackground: ${color(\"white\")};\n\tborder: 0;\n\tcolor: ${color(\"grey\", 5)};\n\tcursor: pointer;\n\tfont-size: 20px;\n\tpadding: 20px;\n\tposition: absolute;\n\ttop: 20px;\n\tright: 20px;\n\n\t.is-pointer & {\n\t\t&:hover {\n\t\t\tsvg {\n\t\t\t\ttransform: scale(1.2);\n\t\t\t}\n\t\t}\n\t}\n\n\tsvg {\n\t\tmax-width: 24px;\n\t\ttransform: scale(1);\n\t\ttransition: transform 150ms;\n\t}\n`;\n\nexport const FormHeader = styled.div`\n\ttext-align: center;\n\n\th3 {\n\t\tmargin: 0 0 16px;\n\t}\n\n\tp {\n\t\tcolor: ${color(\"grey\", 2)};\n\t\tfont-family: ${fontFamily.condensed};\n\t\tfont-size: 14px;\n\t\tmargin: 0 0 44px;\n\n\t\t${media.md`\n\t\t\tfont-size: 16px;\n\t\t`};\n\n\t\tspan {\n\t\t\tcolor: ${color(\"greenBright\", 1)};\n\t\t\tfont-size: 20px;\n\t\t\tmargin-right: 10px;\n\n\t\t\tsvg {\n\t\t\t\tmax-width: 16px;\n\t\t\t}\n\t\t}\n\t}\n`;\n","import styled from \"styled-components\";\n\nexport const AddAgencyButton = styled.div`\n\t&:not(.show-reference) {\n\t\tcursor: pointer;\n\t    display: block;\n\t    position: relative;\n\t\tpadding: 16px 16px 15px;\n\t\tborder-radius: 4px;\n\t\tbackground-color: lightgray;\n\t\tmax-width: fit-content;\n\t\tmargin-bottom: 1.5rem;\n\t\ttransition: 0.2s;\n\t\t:hover {\n\t\t\tbackground-color: darkgray;\n\t\t}\n\n\t\t.r-content {\n\t\t\tdisplay: none;\n\t\t}\n\t}\n`;\n\nexport const AdminAgencyList = styled.ul`\n\tdisplay: grid;\n\tgrid-template-columns: 1fr 1fr;\n\tgap: 0.5em;\n\tlist-style: none;\n\tpadding: 0;\n`;\n\nexport const AgencyOptions = styled.div`\n\t&.isAdmin {\n\t\talign-items: flex-start;\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\tjustify-content: center;\n\t\twidth: 100%;\n\n\t\t&.centered {\n\t\t\talign-items: center;\n\t\t}\n\t}\n`;\n","import React, { useEffect, useRef, useState } from \"react\";\nimport { AddAgencyButton, AdminAgencyList, AgencyOptions } from \"./styles\";\nimport Reference from \"wake-react-components/reference\";\nimport { isAdmin } from \"wake-react-components/utils\";\n\ninterface IAgencySelectorProps {\n\tcentered?: boolean;\n\tchildren?: React.ReactNode;\n\tfields?: string[];\n\titem: any;\n}\n\nexport const AgencySelector = (props: IAgencySelectorProps) => {\n\n\tconst {\n\t\tcentered = false,\n\t\tchildren,\n\t\tfields = [\"key\", \"name\"],\n\t\titem,\n\t} = props;\n\n\tconst [ adminAgencies, setAdminAgencies ] = useState([]);\n\n\tuseEffect(() => {\n\t\tif (item.agencies) {\n\t\t\tsetAdminAgencies(\"references\" in item.agencies ? item.agencies.references : item.agencies);\n\t\t}\n\t}, [ item.agencies ]);\n\n\treturn <AgencyOptions className={(isAdmin ? \"isAdmin\" : \"\") + (centered ? \" centered\" : \"\")}>\n\t\t{isAdmin && <>\n\t\t\t<p>Valitut myymälät ({adminAgencies.length} kpl):</p>\n\t\t\t<AdminAgencyList>\n\t\t\t\t{adminAgencies &&\n\t\t\t\t\tadminAgencies.length > 0 &&\n\t\t\t\t\tadminAgencies.map((adminAgency: any) => {\n\t\t\t\t\t\treturn <li key={adminAgency.name}>{adminAgency.name}</li>;\n\t\t\t\t\t})\n\t\t\t\t}\n\t\t\t</AdminAgencyList>\n\t\t</>}\n\t\t<AddAgencyButton\n\t\t\tclassName={children && !isAdmin ? \"show-reference\" : \"\"}\n\t\t\tonClick={(e: any) => {\n\t\t\t\tconst button = e.currentTarget || e.target;\n\t\t\t\tif (button) {\n\t\t\t\t\tconst referenceClickArea = button.getElementsByClassName(\"r-reference__click-area\")[ 0 ];\n\t\t\t\t\tif (referenceClickArea) {\n\t\t\t\t\t\treferenceClickArea.click();\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}}\n\t\t>\n\t\t\t{isAdmin && <>Muokkaa myymälöitä</>}\n\t\t\t{/*\n\t\t\t// @ts-ignore */}\n\t\t\t<Reference\n\t\t\t\tfields={fields}\n\t\t\t\tname=\"agencies\"\n\t\t\t\ttype=\"AgencyDocument\"\n\t\t\t>\n\t\t\t\t{children}\n\t\t\t</Reference>\n\t\t</AddAgencyButton>\n\t</AgencyOptions>;\n\n};\n","import React, { useState } from \"react\";\nimport { AgencyContainer, FormClose, FormContainer, FormHeader } from \"./styles\";\nimport Modal from \"@components/Modal\";\nimport AgencyContactForm from \"@components/Form/ContactFormAgentOrAgency\";\nimport { FontAwesomeIcon as FaIcon } from \"@fortawesome/react-fontawesome\";\nimport { Wrapper } from \"@components/Grid\";\nimport { getAssetUrl } from \"@utils\";\nimport { AgencySelector } from \"@components/ContentBlocks/Base/agency-selector\";\nimport AgencyListItem from \"@components/AgencyList/AgencyListItem\";\nimport { isAdmin } from \"wake-react-components/utils\";\nimport Text from \"wake-react-components/text\";\n\nconst Agencies = ({ item: blockItem }) => {\n\tconst [ modalOpen, setModalOpen ] = useState(false);\n\tconst [ activeAgency, setActiveAgency ] = useState(null);\n\n\tconst isFirstInBlocks = blockItem.hasOwnProperty(\"$$index\") && blockItem[ \"$$index\" ] === 0;\n\n\tconst openForm = (agency: IAgency) => {\n\t\tsetActiveAgency(agency);\n\t\tsetModalOpen(true);\n\t};\n\n\tconst closeForm = () => {\n\t\tsetModalOpen(false);\n\t\tsetActiveAgency(null);\n\t};\n\n\treturn (\n\t\t<Wrapper>\n\t\t\t<AgencyContainer style={{ position: \"relative\" }} className={isFirstInBlocks ? \"first-in-blocks\" : \"\"}>\n\t\t\t\t{isAdmin && <h3>Myymälänosto</h3>}\n\t\t\t\t{(isAdmin || (Array.isArray(blockItem.agencies) && blockItem.agencies.length > 0)) &&\n\t\t              <h3><Text name=\"agencyLiftTitle\" placeholder=\"Otsikko\" /></h3>}\n\t\t\t\t<AgencySelector\n\t\t\t\t\tfields={[\n\t\t\t\t\t\t\"address\",\n\t\t\t\t\t\t\"canonicalPath\",\n\t\t\t\t\t\t\"city\",\n\t\t\t\t\t\t\"coordinates\",\n\t\t\t\t\t\t\"email\",\n\t\t\t\t\t\t\"key\",\n\t\t\t\t\t\t\"name\",\n\t\t\t\t\t\t\"marketingName\",\n\t\t\t\t\t\t\"phone\",\n\t\t\t\t\t\t\"postcode\",\n\t\t\t\t\t\t\"urlPart\",\n\t\t\t\t\t]}\n\t\t\t\t\titem={blockItem}\n\t\t\t\t>\n\t\t\t\t\t{({ item }) => (\n\t\t\t\t\t\t<AgencyListItem agency={item} withFormButton={true} onFormButtonClick={openForm} />\n\t\t\t\t\t)}\n\t\t\t\t</AgencySelector>\n\t\t\t\t{modalOpen && activeAgency && (\n\t\t\t\t\t<Modal\n\t\t\t\t\t\tdark={true}\n\t\t\t\t\t\tfollowingClose={false}\n\t\t\t\t\t\tcontent={\n\t\t\t\t\t\t\t<FormContainer onClick={e => e.stopPropagation()}>\n\t\t\t\t\t\t\t\t<AgencyContactForm agency={activeAgency}>\n\t\t\t\t\t\t\t\t\t<FormHeader>\n\t\t\t\t\t\t\t\t\t\t<h3>Ota yhteyttä</h3>\n\t\t\t\t\t\t\t\t\t\t<p>\n\t\t\t\t\t\t\t\t\t\t\t\t<span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<FaIcon icon=\"map-marker-alt\" />\n\t\t\t\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t\t\t\t{activeAgency.marketingName\n\t\t\t\t\t\t\t\t\t\t\t\t? `Kiinteistömaailma ${activeAgency.marketingName}`\n\t\t\t\t\t\t\t\t\t\t\t\t: activeAgency.name}\n\t\t\t\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t\t\t\t<FormClose onClick={closeForm}>\n\t\t\t\t\t\t\t\t\t\t\t<FaIcon icon=\"times\" />\n\t\t\t\t\t\t\t\t\t\t</FormClose>\n\t\t\t\t\t\t\t\t\t</FormHeader>\n\t\t\t\t\t\t\t\t</AgencyContactForm>\n\t\t\t\t\t\t\t</FormContainer>\n\t\t\t\t\t\t}\n\t\t\t\t\t\tonClose={closeForm}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t</AgencyContainer>\n\t\t</Wrapper>\n\t);\n};\n\nAgencies.thumb = () => (\n\t<div>\n\t\t<img src={getAssetUrl(\"assets/images/campaign-block-thumbs/myymalanosto.png\")} alt=\"Myymälänosto\" />\n\t\t<p>Myymälänosto</p>\n\t</div>\n);\n\nexport default Agencies;\n","import styled from \"styled-components\";\nimport { media } from \"@utils/style-utils\";\n\nexport const CityOption = styled.div`\n\tmargin: 2em 0;\n\n\tlabel {\n\t\tfont-weight: normal;\n\n\t\tspan {\n\t\t\tmargin-right: 1em;\n\t\t}\n\t}\n`;\n\nexport const AgentSorting = styled.div`\n\tmargin: 2em 0;\n\n\tlabel {\n\t\tfont-weight: normal;\n\n\t\tspan {\n\t\t\tmargin-right: 1em;\n\t\t}\n\t}\n\n\n`;\n\nexport const AgentsWrapper = styled.div`\n\talign-items: flex-start;\n\tdisplay: flex;\n\tflex-wrap: wrap;\n\tgap: 10px;\n\tjustify-content: space-between;\n\n\t.agent-list-item {\n\t\tflex-basis: 100%;\n\n\t\t${media.md`\n\t\t\tflex-basis: 49%;\n\t\t`};\n\n\t\t${media.xl`\n\t\t\tflex-basis: 32%;\n\t\t`};\n\t}\n`;\n","import React, { Fragment } from \"react\";\nimport { AgentSorting, AgentsWrapper, CityOption } from \"./styles\";\nimport { getID } from \"@components/ContentBlocks/Base\";\nimport Text from \"wake-react-components/text\";\nimport { getAssetUrl, hasWindow } from \"@utils\";\nimport AgentListItem from \"@components/AgentList/AgentListItem\";\nimport { getMongoID, isAdmin } from \"wake-react-components/utils\";\nimport Input from \"wake-react-components/input\";\nimport { useSelector } from \"react-redux\";\nimport { AgencySelector } from \"@components/ContentBlocks/Base/agency-selector\";\nimport { Container, Wrapper } from \"@components/Grid\";\n\n/**\n * @note If you look at this component and think that there is something extra or something should be done otherwise,\n * you are kind of right. <Input type=\"checkbox\" /> is kludged to work, since block components in this project and some\n * components of WRC are currently not really compatible with each other.\n *\n * @param IDocument doc\n * @param item\n * @returns {JSX.Element}\n * @constructor\n */\nconst AgentLifts = ({ item }) => {\n\n\tconst id = getID(item);\n\n\tconst mainDoc = useSelector(state => state && \"document\" in state ? (state as any).document : null);\n\n\tconst { liftItems = { agents: [], agencies: [] } } = item;\n\tconst { agencies, agents } = liftItems;\n\tconst handleClick = (clickTarget: any) => {\n\t\tif (hasWindow) {\n\t\t\tlocation.href = clickTarget.canonicalPath;\n\t\t}\n\t};\n\n\treturn <Wrapper>\n\t\t<Container className={item.$$index === 0 ? \"first-in-block\" : \"\"} id={id}>\n\t\t\t{isAdmin && <h3>Välittäjänosto</h3>}\n\t\t\t{(isAdmin || (Array.isArray(agents) && agents.length > 0)) &&\n              <h3><Text name=\"agentsLiftTitle\" placeholder=\"Otsikko\" /></h3>}\n\t\t\t{isAdmin ? <>\n\t\t\t\t\t<AgencySelector item={item} />\n\t\t\t\t\t<CityOption>\n\t\t\t\t\t\t<label htmlFor=\"city-option\">\n\t\t\t\t\t\t\t<span>Näytä välittäjät vain tietyssä kaupungissa (käytetään vain kun myymälöitä ei ole valittu)</span>\n\t\t\t\t\t\t\t<Input id=\"city-option\" type=\"select\" name=\"city\">\n\t\t\t\t\t\t\t\t<option value=\"\">Kaikki kaupungit</option>\n\t\t\t\t\t\t\t\t{(mainDoc.cityOptions || []).map((city: string) => {\n\t\t\t\t\t\t\t\t\treturn <option\n\t\t\t\t\t\t\t\t\t\tkey={\"city-option-\" + city}\n\t\t\t\t\t\t\t\t\t\tvalue={city}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t{city}\n\t\t\t\t\t\t\t\t\t</option>;\n\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t</Input>\n\t\t\t\t\t\t</label>\n\t\t\t\t\t</CityOption>\n\t\t\t\t\t<AgentSorting>\n\t\t\t\t\t\t<label htmlFor=\"agent-sorting\">\n\t\t\t\t\t\t\t<span>Järjestä välittäjät</span>\n\t\t\t\t\t\t\t<Input id=\"agent-sorting\" type=\"select\" name=\"sorting\">\n\t\t\t\t\t\t\t\t<option value=\"random\">Satunnaisesti</option>\n\t\t\t\t\t\t\t\t<option value=\"firstname\">Etunimen mukaan</option>\n\t\t\t\t\t\t\t\t<option value=\"lastname\">Sukunimen mukaan</option>\n\t\t\t\t\t\t\t</Input>\n\t\t\t\t\t\t</label>\n\t\t\t\t\t</AgentSorting>\n\t\t\t\t</>\n\t\t\t\t: <AgentsWrapper>\n\t\t\t\t\t{Array.isArray(agents) && agents.map((agent: any) => {\n\t\t\t\t\t\treturn <AgentListItem\n\t\t\t\t\t\t\tagency={Object.keys(agencies).length > 1  // show agency name only if there are multiple agencies\n\t\t\t\t\t\t\t\t? agencies[ agent.homeAgency ] || null\n\t\t\t\t\t\t\t\t: null\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tagent={agent}\n\t\t\t\t\t\t\tkey={\"agent-\" + getMongoID(agent)}\n\t\t\t\t\t\t\tonClick={handleClick}\n\t\t\t\t\t\t/>;\n\t\t\t\t\t})}\n\t\t\t\t</AgentsWrapper>}\n\t\t</Container>\n\t</Wrapper>;\n\n};\n\nAgentLifts.thumb = () => (\n\t<div>\n\t\t<img src={getAssetUrl(\"/assets/images/campaign-block-thumbs/HenkiloNosto.jpg\")} alt=\"Välittäjänosto\" />\n\t\t<p>Välittäjänosto</p>\n\t</div>\n);\n\nAgentLifts.settings = () => (\n\t<div className=\"settings\">\n\t\tBlockin ID (esim. ankkuriksi) <Text name=\"anchorID\" placeholder=\"ID\" />\n\t\t<br />\n\t</div>\n);\n\nexport default AgentLifts;\n","import React, { Fragment } from \"react\";\nimport Text from \"wake-react-components/text\";\nimport { Container, Wrapper } from \"@components/Grid\";\nimport { isAdmin } from \"wake-react-components/utils\";\nimport Input from \"wake-react-components/input\";\n\nimport { ApartmentsContainer } from \"./styles\";\nimport ApartmentBlock from \"@components/ApartmentBlock\";\nimport { getAssetUrl } from \"@utils/index\";\nimport { AgencySelector } from \"@components/ContentBlocks/Base/agency-selector\";\n\nconst ApartmentLifts = ({ item }) => {\n\tconst { listApartments } = item;\n\n\tconst isFirstInBlocks = item.hasOwnProperty(\"$$index\") && item[\"$$index\"] === 0;\n\n\treturn (\n\t\t<Fragment>\n\t\t\t{isAdmin && (\n\t\t\t\t<Wrapper>\n\t\t\t\t\t<Container>\n\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t<span style={{ display: \"inline-block\", verticalAlign: \"middle\" }}>Näytä:&nbsp;</span>\n\t\t\t\t\t\t\t<Input type=\"select\" name=\"liftsType\" defaultValue=\"all\">\n\t\t\t\t\t\t\t\t<option value=\"all\">Kaikki kohteet</option>\n\t\t\t\t\t\t\t\t<option value=\"onlineOffer\">Katsotuimmat tarjouskauppakohteet</option>\n\t\t\t\t\t\t\t\t<option value=\"mostOffers\">Tarjotuimmat tarjouskauppakohteet</option>\n\t\t\t\t\t\t\t\t<option value=\"video\">Katsotuimmat videokohteet</option>\n\t\t\t\t\t\t\t</Input>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<br />\n\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t<span style={{ display: \"inline-block\", verticalAlign: \"middle\" }}>\n\t\t\t\t\t\t\t\tTyyppi:&nbsp;\n\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t<Input type=\"select\" name=\"popularSorting\" defaultValue=\"total\">\n\t\t\t\t\t\t\t\t<option value=\"total\">Katsotuimmat</option>\n\t\t\t\t\t\t\t\t<option value=\"daily\">Päivän katsotuimmat</option>\n\t\t\t\t\t\t\t\t<option value=\"weekly\">Viikon katsotuimmat</option>\n\t\t\t\t\t\t\t\t<option value=\"monthly\">Kuukauden katsotuimmat</option>\n\t\t\t\t\t\t\t</Input>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<br />\n\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t<AgencySelector item={item} />\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<br />\n\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t<span style={{ display: \"inline-block\", verticalAlign: \"middle\" }}>\n\t\t\t\t\t\t\t\tVain arvokohteita:&nbsp;\n\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t<Input type=\"select\" name=\"valueListing\">\n\t\t\t\t\t\t\t\t<option value=\"all\">Ei merkitystä</option>\n\t\t\t\t\t\t\t\t<option value=\"yes\">Vain arvokohteita</option>\n\t\t\t\t\t\t\t\t<option value=\"no\">Ei arvokohteita</option>\n\t\t\t\t\t\t\t</Input>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<br />\n\t\t\t\t\t</Container>\n\t\t\t\t</Wrapper>\n\t\t\t)}\n\n\t\t\t{(isAdmin || (listApartments && listApartments.length > 0)) && (\n\t\t\t\t<Wrapper>\n\t\t\t\t\t<Container className={isFirstInBlocks ? \"first-in-blocks\" : \"\"}>\n\t\t\t\t\t\t<h2>\n\t\t\t\t\t\t\t<Text name=\"apartmentLiftsTitle\" placeholder=\"Otsikko\" multiline={true} />\n\t\t\t\t\t\t</h2>\n\t\t\t\t\t\t{!isAdmin && <ApartmentsContainer>\n\t\t\t\t\t\t\t{listApartments.map(apt => (\n\t\t\t\t\t\t\t\t<ApartmentBlock key={apt.key} data={apt} small={true} />\n\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t<div />\n\t\t\t\t\t\t\t<div />\n\t\t\t\t\t\t</ApartmentsContainer>}\n\t\t\t\t\t</Container>\n\t\t\t\t</Wrapper>\n\t\t\t)}\n\t\t</Fragment>\n\t);\n};\n\nApartmentLifts.thumb = () => (\n\t<div>\n\t\t<img src={getAssetUrl(\"assets/images/campaign-block-thumbs/Kohdenostot.jpg\")} alt=\"Kohdenostot\" />\n\t\t<p>Kohdenostot</p>\n\t</div>\n);\n\nApartmentLifts.settings = () => (\n\t<div className=\"settings\">\n\t\t<span>\n\t\t\tElementin ID <small>(esim ankkuriksi)</small>&nbsp;\n\t\t</span>\n\t\t<Text name=\"elementID\" placeholder=\"ID\" />\n\t</div>\n);\n\nexport default ApartmentLifts;\n","import styled from 'styled-components';\nimport { boxShadow, color, media, textStyles, fluidSize } from '@utils/style-utils';\n\nexport const BannerContainer = styled.div`\n\tmargin: 0 auto;\n\t${ fluidSize('margin-bottom', '320px', '1920px', '60px', '120px') }\n\tmax-width: 1130px;\n\tposition: relative;\n\n\t${ media.md`\n\t\tdisplay: flex;\n\t`}\n`\n\nexport const BannerImage = styled.div`\n\tposition: relative;\n\twidth: 100%;\n\tz-index: 9;\n\n\t${ media.md`\n\t\twidth: 48.1%;\n\t`}\n\n\timg {\n\t\tdisplay: block;\n\t\tposition: relative;\n\t\twidth: 100%;\n\n\t\t/*\n\t\t${ media.md`\n\t\t\tbox-shadow: ${ boxShadow.wide };\n\t\t`}\n\t\t*/\n\t}\n`\n\nexport const BannerContent = styled.div`\n\tbackground: ${ color('grey', 7) };\n\tpadding: 30px 20px;\n\tposition: relative;\n\twidth: 100%;\n\n\t${ media.md`\n\t\tmargin-top: 42px;\n\t\tpadding: 67px 29px 67px 5%;\n\t\twidth: 51.9%;\n\n\t\t&::before {\n\t\t\tbackground: ${ color('grey', 7) };\n\t\t\tcontent: '';\n\t\t\tdisplay: block;\n\t\t\theight: 100%;\n\t\t\tposition: absolute;\n\t\t\tright: 100%;\n\t\t\ttop: 0;\n\t\t\twidth: 73%;\n\t\t}\n\t`}\n\n\n\th3 {\n\t\t${ textStyles.H3Condensed }\n\t\tmargin: 0 0 26px;\n\t}\n`\n\nexport const Point = styled.div`\n\tdisplay: flex;\n\t${ fluidSize('margin-bottom', '320px', '1920px', '14px', '24px') }\n\n\t&:last-of-type {\n\t\tmargin-bottom: 0;\n\t}\n\n\t.icon {\n\t\tcolor: ${ color('greenBright', 1) };\n\t\tfont-size: 14px;\n\t\tdisplay: inline-block;\n\t\tmargin-right: 12px;\n\t\tpadding-top: 5px;\n\n\t\t${ media.lg`\n\t\t\tmargin-right: 18px;\n\t\t`}\n\n\t\tsvg {\n\t\t\tmax-width: 14px;\n\t\t}\n\t}\n`\n\nexport const PointText = styled.div`\n\t${ textStyles.PSmall }\n`\n","import React from \"react\";\nimport { getID } from \"@components/ContentBlocks/Base\";\nimport { Wrapper, Container } from \"@components/Grid\";\nimport Image from \"wake-react-components/image\";\nimport Input from \"wake-react-components/input\";\nimport Repeater from \"wake-react-components/repeater\";\nimport Text from \"wake-react-components/text\";\nimport { FontAwesomeIcon as FaIcon } from \"@fortawesome/react-fontawesome\";\nimport { getAssetUrl } from \"@utils/index\";\n\nimport { BannerContainer, BannerImage, BannerContent, Point, PointText } from \"./styles\";\n\nconst Banner = props => {\n\tconst iconsHidden = props.item.noPointIcons || false;\n\tconst imageWidth = /*props.item.imageWidth ||*/ 544; // locked to 100% of width (544px) with styles\n\tconst imageHeight = props.item.imageHeight || 311;\n\tconst id = getID(props);\n\n\treturn (\n\t\t<Wrapper id={id}>\n\t\t\t<Container>\n\t\t\t\t<BannerContainer>\n\t\t\t\t\t<BannerImage>\n\t\t\t\t\t\t<Image\n\t\t\t\t\t\t\tname=\"bannerImage\"\n\t\t\t\t\t\t\tsizeInfo={[544, 311]}\n\t\t\t\t\t\t\tstyle={{aspectRatio: \"auto \" + imageWidth + \" / \" + imageHeight}}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</BannerImage>\n\t\t\t\t\t<BannerContent>\n\t\t\t\t\t\t<h3>\n\t\t\t\t\t\t\t<Text name=\"bannerTitle\" placeholder=\"Otsikko\" multiline={true} />\n\t\t\t\t\t\t</h3>\n\t\t\t\t\t\t<Repeater name=\"bannerPoints\" limit={5} tagName={Point}>\n\t\t\t\t\t\t\t{!iconsHidden && (\n\t\t\t\t\t\t\t\t<span className=\"icon\">\n\t\t\t\t\t\t\t\t\t<FaIcon icon=\"check\" />\n\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t<PointText>\n\t\t\t\t\t\t\t\t<Text name=\"bannerPoint\" placeholder=\"Teksti\" multiline={true} />\n\t\t\t\t\t\t\t</PointText>\n\t\t\t\t\t\t</Repeater>\n\t\t\t\t\t</BannerContent>\n\t\t\t\t</BannerContainer>\n\t\t\t</Container>\n\t\t</Wrapper>\n\t);\n};\n\nBanner.settings = () => (\n\t<div className=\"settings\">\n\t\tBlockin ID (esim. ankkuriksi) <Text name=\"anchorID\" placeholder=\"ID\" />\n\t\t<br />\n\t\t<br />\n\t\t<label htmlFor=\"noPointIcons\">\n\t\t\tPiilota ikonit? <Input type=\"checkbox\" name=\"noPointIcons\" id=\"noPointIcons\" />\n\t\t</label>\n\t\t<br />\n\t\t<br />\n\t\tKuvan koko 544 x <Text name=\"imageHeight\" defaultValue=\"311\" />\n\t</div>\n);\n\nBanner.thumb = () => (\n\t<div>\n\t\t<img src={getAssetUrl(\"assets/images/campaign-block-thumbs/Myyntibanneri.jpg\")} alt=\"Myyntibanneri\" />\n\t\t<p>Myyntibanneri</p>\n\t</div>\n);\n\nexport default Banner;\n","import styled, { keyframes } from \"styled-components\";\nimport { Wrapper } from \"@components/Grid\";\nimport {\n\tboxShadow,\n\tbreakpoints,\n\tcolor,\n\tfluidSize,\n\tfontFamily,\n\tgrid,\n\tmedia,\n\tribbon,\n\ttextStyles,\n} from \"@utils/style-utils\";\n\nconst pulsate = keyframes`\n\t0%, 100% {\n\t\topacity: 1;\n\t}\n\t50% {\n\t\topacity: 0.5;\n\t}\n`;\n\n// prettier-ignore\nexport const FormPlaceholder = styled.div`\n\tanimation: ${pulsate} 1.2s ease-out infinite;\n\tbackground-image: linear-gradient(${color(\"grey\", 6)} 40px, transparent 0),\n\t\tlinear-gradient(${color(\"grey\", 6)} 40px, transparent 0),\n\t\tlinear-gradient(${color(\"grey\", 6)} 40px, transparent 0),\n\t\tlinear-gradient(${color(\"grey\", 6)} 40px, transparent 0),\n\t\tlinear-gradient(${color(\"grey\", 6)} 80px, transparent 0),\n\t\tlinear-gradient(${color(\"grey\", 6)} 16px, transparent 0),\n\t\tlinear-gradient(${color(\"grey\", 6)} 16px, transparent 0),\n\t\tlinear-gradient(${color(\"greenBright\", 4)} 48px, transparent 0);\n\tbackground-size:\n\t\t100% 40px,\n\t\t100% 40px,\n\t\t100% 40px,\n\t\t100% 40px,\n\t\t100% 80px,\n\t\t92% 16px,\n\t\t90% 16px,\n\t\t100% 48px;\n\tbackground-position:\n\t\t0% 0px,\n\t\t0% 52px,\n\t\t0% 104px,\n\t\t0% 156px,\n\t\t0% 208px,\n\t\t50% 312px,\n\t\t50% 331px,\n\t\t0% 100%;\n\tbackground-repeat: no-repeat;\n\theight: 422px;\n\tmargin: 0 auto;\n\tmax-width: 662px;\n\toverflow: hidden;\n\tposition: relative;\n\twidth: 100%;\n\n\t${ media.md`\n\t\tbackground-image:\n\t\t\tlinear-gradient(${color(\"grey\", 6)} 40px, transparent 0), /* input */\n\t\t\tlinear-gradient(${color(\"grey\", 6)} 40px, transparent 0), /* input */\n\t\t\tlinear-gradient(${color(\"grey\", 6)} 40px, transparent 0), /* input */\n\t\t\tlinear-gradient(${color(\"grey\", 6)} 40px, transparent 0), /* input */\n\n\t\t\tlinear-gradient(${color(\"grey\", 6)} calc((4 * 56 - 16) * 1px), transparent 0), /* textarea */\n\n\t\t\tlinear-gradient(${color(\"grey\", 6)} 16px, transparent 0), /* text */\n\t\t\tlinear-gradient(${color(\"grey\", 6)} 16px, transparent 0), /* text */\n\n\t\t\tlinear-gradient(${color(\"greenBright\", 4)} 48px, transparent 0); /* button */\n\t\tbackground-size:\n\t\t\tcalc(50% - 20px) 40px, /* input */\n\t\t\tcalc(50% - 20px) 40px, /* input */\n\t\t\tcalc(50% - 20px) 40px, /* input */\n\t\t\tcalc(50% - 20px) 40px, /* input */\n\n\t\t\tcalc(50% - 20px) calc((4 * 56 - 16) * 1px), /* textarea */\n\n\t\t\t40% 16px, /* text */\n\t\t\t44% 16px, /* text */\n\n\t\t\t25% 48px; /* button */\n\t\tbackground-position:\n\t\t\t0% 0px, /* input */\n\t\t\t0% 56px, /* input */\n\t\t\t0% 112px, /* input */\n\t\t\t0% 168px, /* input */\n\n\t\t\t100% 0, /* textarea */\n\n\t\t\t0% calc(100% - 25px), /* text */\n\t\t\t0% calc(100% - 5px), /* text */\n\n\t\t\t100% 100%; /* button */\n\t\theight: 296px;\n\t`}\n`;\n// prettier-ignore-end\n\nexport const FormWrapper = styled(Wrapper)`\n\tbackground-color: ${color(\"greenBright\", 6)};\n\tbackground-position: center bottom;\n\tbackground-repeat: no-repeat;\n\tbackground-size: 1920px auto;\n\t${fluidSize(\"margin-bottom\", \"320px\", \"1920px\", \"90px\", \"160px\")};\n\tpadding: 30px ${grid.gutterSmall / 2}px 0;\n\n\t${media.md`\n\t\tpadding-top: 48px;\n\t`};\n\n\t&.first-in-blocks {\n\t\tmargin-top: 65px;\n\t}\n`;\n\nexport const FormBgAdminBlock = styled.div`\n\talign-items: center;\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: center;\n\twidth: 100%;\n\n\timg {\n\t\tborder: 1px solid ${color(\"greenBright\", 1)};\n\t}\n`;\n\nexport const FormContainer = styled.div`\n\tbackground: ${color(\"white\")};\n\tbox-shadow: ${boxShadow.hugeLight};\n\tmargin: 0 auto;\n\tmin-height: 558px;\n\tmax-width: 896px;\n\tpadding: 86px ${grid.gutter / 2}px 56px;\n\tposition: relative;\n\ttop: 56px;\n\twidth: 100%;\n\n\t&::before {\n\t\t${ribbon};\n\t\tcontent: \"\";\n\t\theight: 6px;\n\t\tleft: 0;\n\t\tposition: absolute;\n\t\ttop: 0;\n\t\twidth: 100%;\n\t}\n\n\t.thanks {\n\t\talign-items: center;\n\t\tcolor: ${color(\"grey\", 2)};\n\t\tdisplay: flex;\n\t\tfont-family: ${fontFamily.condensed};\n\t\tjustify-content: center;\n\t\tmargin: 30px 0;\n\t\twidth: 100%;\n\n\t\tspan {\n\t\t\tdisplay: inline-block;\n\t\t\tcolor: ${color(\"greenBright\", 1)};\n\t\t\tfont-size: 20px;\n\t\t\tmargin-right: 10px;\n\t\t\tposition: relative;\n\t\t\ttop: -2px;\n\t\t\twidth: 20px;\n\t\t}\n\t}\n`;\n\nexport const FormTexts = styled.div`\n\tcolor: ${color(\"grey\", 2)};\n\t${textStyles.PSmallCondensed}\n\tmargin: 0 auto 30px;\n\tmax-width: 662px;\n\ttext-align: center;\n\n\th3 {\n\t\tcolor: ${color(\"grey\", 1)};\n\t\t${textStyles.H3}\n\t}\n`;\n\nexport const Form = styled.form`\n\tmargin: 0 auto;\n\tmax-width: 662px;\n\n\t${media.md`\n\t\tdisplay: flex;\n\t\tflex-wrap: wrap;\n\t\tjustify-content: space-between;\n\t`};\n\n\tinput,\n\ttextarea {\n\t\t&[disabled] {\n\t\t\topacity: 0.5;\n\t\t\tpointer-events: none;\n\n\t\t\t+ svg {\n\t\t\t\topacity: 0.5;\n\t\t\t}\n\t\t}\n\t}\n\n\ttextarea {\n\t\tbackground: ${color(\"grey\", 7)};\n\t\theight: 100%;\n\t\tmargin-bottom: 24px;\n\t\twidth: 100%;\n\n\t\t${media.md`\n\t\t\tmargin-bottom: 16px;\n\t\t`}\n\t}\n\n\tbutton {\n\t\tdisplay: block;\n\t\tmargin-top: 24px;\n\t\tmin-width: 160px;\n\n\t\t${media.md`\n\t\t\tmargin-left: auto;\n\t\t\tmargin-top: 0;\n\t\t`}\n\t}\n`;\n\nexport const FormColumns = styled.div`\n\tdisplay: flex;\n\tflex-direction: column;\n\tmargin-bottom: 20px;\n\twidth: 100%;\n\n\t@media (min-width: ${props => (props.bp ? props.bp + \"px\" : breakpoints.md)}) {\n\t\tflex-direction: row;\n\t\tjustify-content: space-between;\n\n\t\t> div {\n\t\t\tflex-basis: calc((100% - ${grid.gutter}px) / 2);\n\t\t}\n\t}\n`;\n\nexport const FormColumn = styled.div`\n\tdisplay: flex;\n\tflex-direction: column;\n`;\n\nexport const InputGroup = styled.div`\n\tcolor: ${color(\"greenBright\", 3)};\n\tdisplay: flex;\n\tflex-direction: column;\n\tfont-size: 14px;\n\tmargin-bottom: 12px;\n\tposition: relative;\n\n\t${media.md`\n\t\tmargin-bottom: 16px;\n\t`}\n\n\tsvg {\n\t\tfont-size: 12px;\n\t\theight: 28px;\n\t\tleft: 16px;\n\t\tmax-width: 14px;\n\t\tposition: absolute;\n\t\ttop: 6px;\n\t\twidth: 14px !important;\n\t\tz-index: 2;\n\t}\n\n\tinput {\n\t\tbackground: ${color(\"grey\", 5)};\n\t\tpadding-left: 45px;\n\t\tposition: relative;\n\t\twidth: 100%;\n\t\tz-index: 1;\n\t}\n`;\n\nexport const FormError = styled.div`\n\tcolor: ${color(\"coral\", 1)};\n\tfont-size: 13px;\n\tmargin-bottom: 5px;\n\tmargin-top: 3px;\n`;\n\nexport const FormFooter = styled.div.attrs(() => ({\n\tclassName: \"form-footer\",\n}))`\n\tdisplay: flex;\n\tflex-direction: column;\n\twidth: 100%;\n\n\t${media.md`\n\t\talign-items: center;\n\t\tflex-direction: row;\n\t`}\n`;\n\nexport const FormDisclaimer = styled.div`\n\t${textStyles.MicroText}\n\tcolor: ${color(\"grey\", 3)};\n\ttext-align: center;\n\n\t${media.md`\n\t\tflex-basis: 72%;\n\t\tmax-width: 390px;\n\t\ttext-align: left;\n\t`}\n\n\ta {\n\t\tcolor: ${color(\"greenDark\", 1)};\n\t\tdisplay: inline-block;\n\t\ttext-decoration: none;\n\n\t\t&:hover {\n\t\t\ttext-decoration: underline;\n\t\t}\n\t}\n`;\n\nexport const AgencySelectionInfo = styled.p`\n\ttext-align: center;\n`;\n","import React, { lazy, Suspense, useEffect, useState } from \"react\";\nimport Text from \"wake-react-components/text\";\nimport { getID } from \"@components/ContentBlocks/Base\";\nimport { Link } from \"react-router-dom\";\nimport CtaButton from \"@components/Buttons/CtaButton\";\nimport { getAssetUrl, hasWindow } from \"@utils\";\nimport { FontAwesomeIcon as FaIcon } from \"@fortawesome/react-fontawesome\";\nimport contactService from \"@services/contact.service\";\nimport { getSchema } from \"@utils/validators\";\nimport TextInput from \"@components/Form/TextInput\";\nimport formBG from \"@images/brand-identity/graphics/form-bg-pattern.png\";\n\nimport {\n\tAgencySelectionInfo,\n\tForm,\n\tFormBgAdminBlock,\n\tFormColumn,\n\tFormColumns,\n\tFormContainer,\n\tFormDisclaimer,\n\tFormError,\n\tFormFooter,\n\tFormPlaceholder,\n\tFormTexts,\n\tFormWrapper,\n\tInputGroup,\n} from \"./styles\";\nimport { isAdmin } from \"wake-react-components/utils\";\nimport Image from \"wake-react-components/image\";\nimport { AgencySelector } from \"@components/ContentBlocks/Base/agency-selector\";\n\nconst Formik = lazy(() => import(/* webpackPrefetch:true */ \"formik\").then(module => ({ default: module.Formik })));\nconst ErrorMessage = lazy(() =>\n\timport(/* webpackPrefetch:true */ \"formik\").then(module => ({ default: module.ErrorMessage })),\n);\n\nconst ContactForm = ({ item }) => {\n\tconst [ isSubmitted, setSubmitted ] = useState(false);\n\tconst initialValues = {\n\t\temail: \"\",\n\t\tmessage: \"\",\n\t\tname: \"\",\n\t\tphone: \"\",\n\t\tpostCode: \"\",\n\t};\n\n\tconst schema = getSchema([ \"email\", \"name\", \"postCode\", \"phone\", \"message\" ]);\n\n\tconst isFirstInBlocks = item.hasOwnProperty(\"$$index\") && item[ \"$$index\" ] === 0;\n\n\tconst id = getID(item);\n\n\tconst hasAgencies: boolean = !!((Array.isArray(item.agencies || false) && item.agencies.length > 0) ||\n\t\t(\"references\" in (item.agencies || {}) && Array.isArray(item.agencies.references) && item.agencies.references.length > 0)\n\t);\n\n\tlet contactSubmitTimeout: number;\n\n\tconst doSubmit = async (values, { setSubmitting, resetForm }) => {\n\t\tsetSubmitting(true);\n\n\t\tconst submitUrl = location.href;\n\n\t\tconst formData = {\n\t\t\tagencies: item.agencies || [],\n\t\t\tsubmitUrl,\n\t\t\t...values,\n\t\t};\n\n\t\ttry {\n\t\t\tconst res = await contactService.doBasicContact(formData);\n\t\t\tconsole.log(\"successful form submit\", res);\n\t\t\tsetSubmitting(false);\n\t\t\tsetSubmitted(true);\n\n\t\t\tif (hasWindow) {\n\t\t\t\tcontactSubmitTimeout = window.setTimeout(() => {\n\t\t\t\t\tsetSubmitted(false);\n\t\t\t\t\tresetForm(initialValues);\n\t\t\t\t}, 6000);\n\t\t\t}\n\t\t} catch (e) {\n\t\t\tconsole.log(\"error while sending contact\", e);\n\t\t\tsetSubmitting(false);\n\t\t\tsetSubmitted(false);\n\t\t}\n\t};\n\n\tuseEffect(() => {\n\t\treturn () => {\n\t\t\t/* clear the reset timeout before component unmounts */\n\t\t\tif (contactSubmitTimeout) {\n\t\t\t\tclearTimeout(contactSubmitTimeout);\n\t\t\t}\n\t\t};\n\t}, []);\n\n\treturn (\n\t\t<FormWrapper\n\t\t\tclassName={isFirstInBlocks ? \"first-in-blocks\" : \"\"}\n\t\t\tid={id}\n\t\t\tstyle={{ backgroundImage: \"url(\" + (item.formBg && item.formBg.src ? item.formBg.src : formBG) + \")\" }}\n\t\t>\n\t\t\t{isAdmin && (\n\t\t\t\t<>\n\t\t\t\t\t<FormBgAdminBlock>\n\t\t\t\t\t\t<h3>Lomakkeen taustakuva</h3>\n\t\t\t\t\t\t<Image defaultValue={formBG} name=\"formBg\" thumb={[ 640, 320 ]} />\n\t\t\t\t\t</FormBgAdminBlock>\n\t\t\t\t\t<AgencySelector centered={true} fields={[ \"key\", \"name\", \"responsibleFor\" ]} item={item} />\n\t\t\t\t\t<AgencySelectionInfo>Vastaanottaja määräytyy {hasAgencies ? (\n\t\t\t\t\t\t<>valittujen myymälöiden välillä suoritetulla arvonnalla</>\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<>postinumeroarvonnalla</>\n\t\t\t\t\t)}</AgencySelectionInfo>\n\t\t\t\t</>\n\t\t\t)}\n\t\t\t<FormContainer>\n\t\t\t\t<FormTexts>\n\t\t\t\t\t<h3>\n\t\t\t\t\t\t<Text name=\"contactFormTitle\" placeholder=\"Lomakkeen otsikko\" multiline={true} />\n\t\t\t\t\t</h3>\n\t\t\t\t\t<Text name=\"contactFormDescription\" placeholder=\"Lomakkeen lyhyt kuvaus\" multiline={true} />\n\t\t\t\t</FormTexts>\n\t\t\t\t{!hasWindow && <FormPlaceholder />}\n\t\t\t\t{hasWindow && (\n\t\t\t\t\t<Suspense fallback={<FormPlaceholder />}>\n\t\t\t\t\t\t<Formik initialValues={initialValues} onSubmit={doSubmit} validationSchema={schema}>\n\t\t\t\t\t\t\t{({ values, handleChange, handleBlur, handleSubmit, isSubmitting }) => (\n\t\t\t\t\t\t\t\t<Form onSubmit={handleSubmit} className={isSubmitting ? \"submitting\" : \"\"}>\n\t\t\t\t\t\t\t\t\t<FormColumns>\n\t\t\t\t\t\t\t\t\t\t<FormColumn>\n\t\t\t\t\t\t\t\t\t\t\t<InputGroup>\n\t\t\t\t\t\t\t\t\t\t\t\t<FaIcon icon=\"user\" />\n\t\t\t\t\t\t\t\t\t\t\t\t<TextInput\n\t\t\t\t\t\t\t\t\t\t\t\t\taria-label=\"Nimi\"\n\t\t\t\t\t\t\t\t\t\t\t\t\tdisabled={isSubmitted || isSubmitting}\n\t\t\t\t\t\t\t\t\t\t\t\t\tname=\"name\"\n\t\t\t\t\t\t\t\t\t\t\t\t\tonBlur={handleBlur}\n\t\t\t\t\t\t\t\t\t\t\t\t\tonChange={handleChange}\n\t\t\t\t\t\t\t\t\t\t\t\t\tplaceholder=\"Nimi\"\n\t\t\t\t\t\t\t\t\t\t\t\t\ttype=\"text\"\n\t\t\t\t\t\t\t\t\t\t\t\t\tvalue={values[ \"name\" ]}\n\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t\t<ErrorMessage component=\"p\" name=\"name\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t{msg => <FormError>{msg}</FormError>}\n\t\t\t\t\t\t\t\t\t\t\t\t</ErrorMessage>\n\t\t\t\t\t\t\t\t\t\t\t</InputGroup>\n\t\t\t\t\t\t\t\t\t\t\t<InputGroup>\n\t\t\t\t\t\t\t\t\t\t\t\t<FaIcon icon=\"phone\" />\n\t\t\t\t\t\t\t\t\t\t\t\t<TextInput\n\t\t\t\t\t\t\t\t\t\t\t\t\taria-label=\"Puhelinnumero\"\n\t\t\t\t\t\t\t\t\t\t\t\t\tdisabled={isSubmitted || isSubmitting}\n\t\t\t\t\t\t\t\t\t\t\t\t\tname=\"phone\"\n\t\t\t\t\t\t\t\t\t\t\t\t\tonBlur={handleBlur}\n\t\t\t\t\t\t\t\t\t\t\t\t\tonChange={handleChange}\n\t\t\t\t\t\t\t\t\t\t\t\t\tplaceholder=\"Puhelinnumero\"\n\t\t\t\t\t\t\t\t\t\t\t\t\ttype=\"tel\"\n\t\t\t\t\t\t\t\t\t\t\t\t\tvalue={values[ \"phone\" ]}\n\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t\t<ErrorMessage component=\"p\" name=\"phone\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t{msg => <FormError>{msg}</FormError>}\n\t\t\t\t\t\t\t\t\t\t\t\t</ErrorMessage>\n\t\t\t\t\t\t\t\t\t\t\t</InputGroup>\n\t\t\t\t\t\t\t\t\t\t\t<InputGroup>\n\t\t\t\t\t\t\t\t\t\t\t\t<FaIcon icon=\"envelope\" />\n\t\t\t\t\t\t\t\t\t\t\t\t<TextInput\n\t\t\t\t\t\t\t\t\t\t\t\t\taria-label=\"Sähköpostiosoite\"\n\t\t\t\t\t\t\t\t\t\t\t\t\tdisabled={isSubmitted || isSubmitting}\n\t\t\t\t\t\t\t\t\t\t\t\t\tname=\"email\"\n\t\t\t\t\t\t\t\t\t\t\t\t\tonBlur={handleBlur}\n\t\t\t\t\t\t\t\t\t\t\t\t\tonChange={handleChange}\n\t\t\t\t\t\t\t\t\t\t\t\t\tplaceholder=\"Sähköposti\"\n\t\t\t\t\t\t\t\t\t\t\t\t\ttype=\"email\"\n\t\t\t\t\t\t\t\t\t\t\t\t\tvalue={values[ \"email\" ]}\n\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t\t<ErrorMessage component=\"p\" name=\"email\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t{msg => <FormError>{msg}</FormError>}\n\t\t\t\t\t\t\t\t\t\t\t\t</ErrorMessage>\n\t\t\t\t\t\t\t\t\t\t\t</InputGroup>\n\t\t\t\t\t\t\t\t\t\t\t<InputGroup>\n\t\t\t\t\t\t\t\t\t\t\t\t<FaIcon icon=\"map-marker-alt\" />\n\t\t\t\t\t\t\t\t\t\t\t\t<TextInput\n\t\t\t\t\t\t\t\t\t\t\t\t\taria-label=\"Postinumero\"\n\t\t\t\t\t\t\t\t\t\t\t\t\tdisabled={isSubmitted || isSubmitting}\n\t\t\t\t\t\t\t\t\t\t\t\t\tname=\"postCode\"\n\t\t\t\t\t\t\t\t\t\t\t\t\tonBlur={handleBlur}\n\t\t\t\t\t\t\t\t\t\t\t\t\tonChange={handleChange}\n\t\t\t\t\t\t\t\t\t\t\t\t\tplaceholder=\"Postinumero\"\n\t\t\t\t\t\t\t\t\t\t\t\t\tvalue={values[ \"postCode\" ]}\n\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t\t<ErrorMessage component=\"p\" name=\"postCode\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t{msg => <FormError>{msg}</FormError>}\n\t\t\t\t\t\t\t\t\t\t\t\t</ErrorMessage>\n\t\t\t\t\t\t\t\t\t\t\t</InputGroup>\n\t\t\t\t\t\t\t\t\t\t</FormColumn>\n\t\t\t\t\t\t\t\t\t\t<FormColumn>\n\t\t\t\t\t\t\t\t\t\t\t<textarea\n\t\t\t\t\t\t\t\t\t\t\t\taria-label=\"Viesti\"\n\t\t\t\t\t\t\t\t\t\t\t\tdisabled={isSubmitted || isSubmitting}\n\t\t\t\t\t\t\t\t\t\t\t\tid=\"message\"\n\t\t\t\t\t\t\t\t\t\t\t\tname=\"message\"\n\t\t\t\t\t\t\t\t\t\t\t\tonBlur={handleBlur}\n\t\t\t\t\t\t\t\t\t\t\t\tonChange={handleChange}\n\t\t\t\t\t\t\t\t\t\t\t\tplaceholder=\"Viestisi\"\n\t\t\t\t\t\t\t\t\t\t\t\tvalue={values[ \"message\" ]}\n\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t<ErrorMessage component=\"p\" name=\"message\">\n\t\t\t\t\t\t\t\t\t\t\t\t{msg => <FormError>{msg}</FormError>}\n\t\t\t\t\t\t\t\t\t\t\t</ErrorMessage>\n\t\t\t\t\t\t\t\t\t\t</FormColumn>\n\t\t\t\t\t\t\t\t\t</FormColumns>\n\n\t\t\t\t\t\t\t\t\t{isSubmitted && (\n\t\t\t\t\t\t\t\t\t\t<div className=\"thanks\">\n\t\t\t\t\t\t\t\t\t\t\t<span>\n\t\t\t\t\t\t\t\t\t\t\t\t<FaIcon icon=\"stars\" />\n\t\t\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t\t\t\tKiitos yhteydenotostasi!\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t)}\n\n\t\t\t\t\t\t\t\t\t{!isSubmitted && (\n\t\t\t\t\t\t\t\t\t\t<FormFooter>\n\t\t\t\t\t\t\t\t\t\t\t<FormDisclaimer>\n\t\t\t\t\t\t\t\t\t\t\t\tVälitämme yhteydenottopyynnön postinumeron perusteella lähimpään\n\t\t\t\t\t\t\t\t\t\t\t\tmyymäläämme.&nbsp;\n\t\t\t\t\t\t\t\t\t\t\t\t<Link to=\"/tietosuoja\" target=\"_blank\">\n\t\t\t\t\t\t\t\t\t\t\t\t\tTietosuojaseloste ›\n\t\t\t\t\t\t\t\t\t\t\t\t</Link>\n\t\t\t\t\t\t\t\t\t\t\t</FormDisclaimer>\n\t\t\t\t\t\t\t\t\t\t\t<CtaButton\n\t\t\t\t\t\t\t\t\t\t\t\ttext=\"Ota yhteyttä\"\n\t\t\t\t\t\t\t\t\t\t\t\ttype=\"submit\"\n\t\t\t\t\t\t\t\t\t\t\t\tdisabled={isSubmitting}\n\t\t\t\t\t\t\t\t\t\t\t\tsubmitting={isSubmitting}\n\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t</FormFooter>\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t</Form>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</Formik>\n\t\t\t\t\t</Suspense>\n\t\t\t\t)}\n\t\t\t</FormContainer>\n\t\t</FormWrapper>\n\t);\n};\n\nContactForm.thumb = () => (\n\t<div>\n\t\t<img src={getAssetUrl(\"assets/images/campaign-block-thumbs/Yhteydenottolomake.jpg\")} alt=\"Yhteydenottolomake\" />\n\t\t<p>Yhteydenottolomake</p>\n\t</div>\n);\n\nContactForm.settings = () => (\n\t<div className=\"settings\">\n\t\t<span>\n\t\t\tElementin ID <small>(esim ankkuriksi)</small>&nbsp;\n\t\t</span>\n\t\t<Text name=\"elementID\" placeholder=\"ID\" />\n\t</div>\n);\n\nexport default ContactForm;\n","import styled from \"styled-components\";\nimport { textStyles, media } from \"@utils/style-utils\";\n\nexport const DanskeWrapper = styled.div`\n\tmargin: 40px auto;\n\tmax-width: 896px;\n\n\t${media.lg`\n\t\tmargin: 80px auto;\n\t`}\n\n\th2 {\n\t\t${textStyles.H1}\n\t\ttext-align: center;\n\t}\n`;\n","import React from \"react\";\nimport Text from \"wake-react-components/text\";\n\nimport { DanskeWrapper } from \"./styles\";\nimport { isAdmin } from \"wake-react-components/utils\";\nimport ErrorBoundary from \"@components/ErrorBoundary\";\nimport { Container } from \"@components/Grid\";\nimport useDanskeScript from \"@hooks/use-danske-script\";\nimport { getAssetUrl } from \"@utils\";\n\nconst DanskeCalculator = ({ item }) => {\n\tuseDanskeScript();\n\n\tconst { danskeCalculatorTitle, initialPrice = \"175000\" } = item;\n\n\treturn (\n\t\t<ErrorBoundary>\n\t\t\t<Container>\n\t\t\t\t<DanskeWrapper>\n\t\t\t\t\t{(isAdmin || (!isAdmin && danskeCalculatorTitle)) && (\n\t\t\t\t\t\t<h2>\n\t\t\t\t\t\t\t<Text name=\"danskeCalculatorTitle\" placeholder=\"Otsikko\" />\n\t\t\t\t\t\t</h2>\n\t\t\t\t\t)}\n\n\t\t\t\t\t{isAdmin && (\n\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t<span>Oletushinta&nbsp;</span>\n\t\t\t\t\t\t\t<Text name=\"initialPrice\" placeholder=\"Oletushinta\" multiline={true} />\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\n\t\t\t\t\t<div data-price_default={initialPrice} id=\"DanskeBank-loan-calculator-widget\" />\n\t\t\t\t</DanskeWrapper>\n\t\t\t</Container>\n\t\t</ErrorBoundary>\n\t);\n};\n\nDanskeCalculator.thumb = () => (\n\t<div>\n\t\t<img src={getAssetUrl(\"assets/images/campaign-block-thumbs/lainalaskuri.png\")} alt=\"Danske Bank lainalaskuri\" />\n\t\t<p>Danske Bank lainalaskuri</p>\n\t</div>\n);\n\nexport default DanskeCalculator;\n","import styled from \"styled-components\";\nimport { textStyles, grid, media } from \"@utils/style-utils\";\n\nexport const DanskeWrapper = styled.div`\n\tmargin: 40px auto;\n\tposition: relative;\n\twidth: 100%;\n\n\t${media.lg`\n\t\tmargin: 80px auto;\n\t`}\n\n\th2 {\n\t\t${textStyles.H1}\n\t\ttext-align: center;\n\t}\n`;\n\nexport const DanskeColumns = styled.div`\n\t${media.ml`\n\t\tdisplay: flex;\n\t\tjustify-content: space-between;\n\t`}\n`;\n\nexport const DanskeColumn = styled.div`\n\t${media.ml`\n\t\twidth: calc((100% - ${grid.gutterSmall}px) / 2);\n\t`}\n\n\t${media.lg`\n\t\twidth: calc((100% - ${grid.gutter}px) / 2);\n\t`}\n\n\timg {\n\t\tdisplay: block;\n\t\tmargin-top: 30px;\n\t\tmax-width: 100%;\n\n\t\t${media.ml`\n\t\t\tmargin-top: 0;\n\t\t`}\n\t}\n`;\n","import React from \"react\";\nimport Image from \"wake-react-components/image\";\nimport Text from \"wake-react-components/text\";\n\nimport { DanskeWrapper, DanskeColumns, DanskeColumn } from \"./styles\";\nimport { isAdmin } from \"wake-react-components/utils\";\nimport { Container } from \"@components/Grid\";\nimport ErrorBoundary from \"@components/ErrorBoundary\";\nimport useDanskeScript from \"@hooks/use-danske-script\";\n\nconst DanskeCalculatorAndImage = ({ item }) => {\n\tuseDanskeScript();\n\n\tconst { danskeTitle, initialPrice = \"175000\" } = item;\n\n\treturn (\n\t\t<ErrorBoundary>\n\t\t\t<DanskeWrapper>\n\t\t\t\t<Container>\n\t\t\t\t\t{(isAdmin || (!isAdmin && danskeTitle)) && (\n\t\t\t\t\t\t<h2>\n\t\t\t\t\t\t\t<Text name=\"danskeTitle\" placeholder=\"Otsikko\" />\n\t\t\t\t\t\t</h2>\n\t\t\t\t\t)}\n\n\t\t\t\t\t<DanskeColumns>\n\t\t\t\t\t\t<DanskeColumn>\n\t\t\t\t\t\t\t{isAdmin && (\n\t\t\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t\t\t<span>Oletushinta&nbsp;</span>\n\t\t\t\t\t\t\t\t\t<Text name=\"initialPrice\" placeholder=\"Oletushinta\" multiline={true} />\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t)}\n\n\t\t\t\t\t\t\t<div data-price_default={initialPrice} id=\"DanskeBank-loan-calculator-widget\" />\n\t\t\t\t\t\t</DanskeColumn>\n\t\t\t\t\t\t<DanskeColumn>\n\t\t\t\t\t\t\t<Image name=\"danskeImage\" />\n\t\t\t\t\t\t</DanskeColumn>\n\t\t\t\t\t</DanskeColumns>\n\t\t\t\t</Container>\n\t\t\t</DanskeWrapper>\n\t\t</ErrorBoundary>\n\t);\n};\n\nDanskeCalculatorAndImage.thumb = () => (\n\t<div>\n\t\t<img src=\"/assets/images/campaign-block-thumbs/TekstiJaKuva.jpg\" alt=\"Danske laskuri + kuva\" />\n\t\t<p>Danske Bank lainalaskuri ja kuva</p>\n\t</div>\n);\n\nexport default DanskeCalculatorAndImage;\n","import styled, { keyframes } from \"styled-components\";\nimport { Wrapper } from \"@components/Grid\";\nimport {\n\tboxShadow,\n\tcolor,\n\tfluidSize,\n\tfontFamily,\n\tgrid,\n\tmedia,\n\tribbon,\n\ttextStyles,\n} from \"@utils/style-utils\";\n\nconst pulsate = keyframes`\n\t0%, 100% {\n\t\topacity: 1;\n\t}\n\t50% {\n\t\topacity: 0.5;\n\t}\n`;\n\n// prettier-ignore\nexport const FormPlaceholder = styled.div`\n\tanimation: ${pulsate} 1.2s ease-out infinite;\n\tbackground-image: linear-gradient(${color(\"grey\", 6)} 40px, transparent 0),\n\t\tlinear-gradient(${color(\"grey\", 6)} 40px, transparent 0),\n\t\tlinear-gradient(${color(\"grey\", 6)} 40px, transparent 0),\n\t\tlinear-gradient(${color(\"grey\", 6)} 40px, transparent 0),\n\t\tlinear-gradient(${color(\"grey\", 6)} 80px, transparent 0),\n\t\tlinear-gradient(${color(\"grey\", 6)} 16px, transparent 0),\n\t\tlinear-gradient(${color(\"grey\", 6)} 16px, transparent 0),\n\t\tlinear-gradient(${color(\"greenBright\", 4)} 48px, transparent 0);\n\tbackground-size:\n\t\t100% 40px,\n\t\t100% 40px,\n\t\t100% 40px,\n\t\t100% 40px,\n\t\t100% 80px,\n\t\t92% 16px,\n\t\t90% 16px,\n\t\t100% 48px;\n\tbackground-position:\n\t\t0% 0px,\n\t\t0% 52px,\n\t\t0% 104px,\n\t\t0% 156px,\n\t\t0% 208px,\n\t\t50% 312px,\n\t\t50% 331px,\n\t\t0% 100%;\n\tbackground-repeat: no-repeat;\n\theight: 422px;\n\tmargin: 0 auto;\n\tmax-width: 662px;\n\toverflow: hidden;\n\tposition: relative;\n\twidth: 100%;\n\n\t${ media.md`\n\t\tbackground-image:\n\t\t\tlinear-gradient(${color(\"grey\", 6)} 40px, transparent 0), /* input */\n\t\t\tlinear-gradient(${color(\"grey\", 6)} 40px, transparent 0), /* input */\n\t\t\tlinear-gradient(${color(\"grey\", 6)} 40px, transparent 0), /* input */\n\t\t\tlinear-gradient(${color(\"grey\", 6)} 40px, transparent 0), /* input */\n\n\t\t\tlinear-gradient(${color(\"grey\", 6)} calc((4 * 56 - 16) * 1px), transparent 0), /* textarea */\n\n\t\t\tlinear-gradient(${color(\"grey\", 6)} 16px, transparent 0), /* text */\n\t\t\tlinear-gradient(${color(\"grey\", 6)} 16px, transparent 0), /* text */\n\n\t\t\tlinear-gradient(${color(\"greenBright\", 4)} 48px, transparent 0); /* button */\n\t\tbackground-size:\n\t\t\tcalc(50% - 20px) 40px, /* input */\n\t\t\tcalc(50% - 20px) 40px, /* input */\n\t\t\tcalc(50% - 20px) 40px, /* input */\n\t\t\tcalc(50% - 20px) 40px, /* input */\n\n\t\t\tcalc(50% - 20px) calc((4 * 56 - 16) * 1px), /* textarea */\n\n\t\t\t40% 16px, /* text */\n\t\t\t44% 16px, /* text */\n\n\t\t\t25% 48px; /* button */\n\t\tbackground-position:\n\t\t\t0% 0px, /* input */\n\t\t\t0% 56px, /* input */\n\t\t\t0% 112px, /* input */\n\t\t\t0% 168px, /* input */\n\n\t\t\t100% 0, /* textarea */\n\n\t\t\t0% calc(100% - 25px), /* text */\n\t\t\t0% calc(100% - 5px), /* text */\n\n\t\t\t100% 100%; /* button */\n\t\theight: 296px;\n\t`}\n`;\n// prettier-ignore-end\n\nexport const FormWrapper = styled(Wrapper)`\n\tbackground-color: ${color(\"greenBright\", 6)};\n\tbackground-position: center bottom;\n\tbackground-repeat: no-repeat;\n\tbackground-size: 1920px auto;\n\t${fluidSize(\"margin-bottom\", \"320px\", \"1920px\", \"90px\", \"160px\")};\n\tpadding: 30px ${grid.gutterSmall / 2}px 0;\n\n\t${media.md`\n\t\tpadding-top: 48px;\n\t`};\n\n\t&.first-in-blocks {\n\t\tmargin-top: 65px;\n\t}\n`;\n\nexport const FormBgAdminBlock = styled.div`\n\talign-items: center;\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: center;\n\twidth: 100%;\n\n\timg {\n\t\tborder: 1px solid ${color(\"greenBright\", 1)};\n\t}\n`;\n\nexport const FormContainer = styled.div`\n\tbackground: ${color(\"white\")};\n\tbox-shadow: ${boxShadow.hugeLight};\n\tmargin: 0 auto;\n\tmin-height: 558px;\n\tmax-width: 896px;\n\tpadding: 86px ${grid.gutter / 2}px 56px;\n\tposition: relative;\n\ttop: 56px;\n\twidth: 100%;\n\n\t&::before {\n\t\t${ribbon};\n\t\tcontent: '';\n\t\theight: 6px;\n\t\tleft: 0;\n\t\tposition: absolute;\n\t\ttop: 0;\n\t\twidth: 100%;\n\t}\n\n\t.thanks {\n\t\talign-items: center;\n\t\tcolor: ${color(\"grey\", 2)};\n\t\tdisplay: flex;\n\t\tfont-family: ${fontFamily.condensed};\n\t\tjustify-content: center;\n\t\tmargin: 30px 0;\n\t\twidth: 100%;\n\n\t\tspan {\n\t\t\tdisplay: inline-block;\n\t\t\tcolor: ${color(\"greenBright\", 1)};\n\t\t\tfont-size: 20px;\n\t\t\tmargin-right: 10px;\n\t\t\tposition: relative;\n\t\t\ttop: -2px;\n\t\t\twidth: 20px;\n\t\t}\n\t}\n`;\n\nexport const FormTexts = styled.div`\n\tcolor: ${color(\"grey\", 2)};\n\t${textStyles.PSmallCondensed}\n\tmargin: 0 auto 30px;\n\tmax-width: 662px;\n\ttext-align: center;\n\n\th3 {\n\t\tcolor: ${color(\"grey\", 1)};\n\t\t${textStyles.H3}\n\t}\n`;\n\nexport const Form = styled.form`\n\tmargin: 0 auto;\n\tmax-width: 662px;\n\n\t${media.md`\n\t\tdisplay: flex;\n\t\tflex-wrap: wrap;\n\t\tjustify-content: space-between;\n\t`};\n\n\tinput {\n\t\t&[disabled] {\n\t\t\topacity: 0.5;\n\t\t\tpointer-events: none;\n\n\t\t\t+ svg {\n\t\t\t\topacity: 0.5;\n\t\t\t}\n\t\t}\n\t}\n\n\tbutton {\n\t\tdisplay: block;\n\t\tmargin-top: 24px;\n\t\tmin-width: 160px;\n\t}\n`;\n\nexport const FormContent = styled.div`\n\talign-items: center;\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: center;\n\twidth: 100%;\n`;\nexport const InputGroup = styled.div`\n\tcolor: ${color(\"greenBright\", 3)};\n\tdisplay: flex;\n\tflex-direction: column;\n\tfont-size: 14px;\n\tmargin-bottom: 12px;\n\tposition: relative;\n\twidth: min(311px, 90vw);\n\n\t${media.md`\n\t\tmargin-bottom: 16px;\n\t`};\n\n\tsvg {\n\t\tfont-size: 12px;\n\t\theight: 28px;\n\t\tleft: 16px;\n\t\tmax-width: 14px;\n\t\tposition: absolute;\n\t\ttop: 6px;\n\t\twidth: 14px !important;\n\t\tz-index: 2;\n\t}\n\n\tinput {\n\t\tbackground: ${color(\"grey\", 7)};\n\t\tpadding-left: 45px;\n\t\tposition: relative;\n\t\twidth: 100%;\n\t\tz-index: 1;\n\t}\n`;\n\nexport const FormError = styled.div`\n\tcolor: ${color(\"coral\", 1)};\n\tfont-size: 13px;\n\tmargin-bottom: 5px;\n\tmargin-top: 3px;\n`;\n\nexport const FormFooter = styled.div.attrs(() => ({\n\tclassName: \"form-footer\",\n}))`\n\talign-items: center;\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: center;\n\twidth: 100%;\n`;\n\nexport const FormDisclaimer = styled.div`\n\t${textStyles.MicroText};\n\tcolor: ${color(\"grey\", 3)};\n\tpadding: 1em;\n\ttext-align: center;\n\n\t${media.md`\n\t\tflex-basis: 72%;\n\t\tmax-width: 390px;\n\t\ttext-align: left;\n\t`};\n\n\ta {\n\t\tcolor: ${color(\"greenDark\", 1)};\n\t\tdisplay: inline-block;\n\t\ttext-decoration: none;\n\n\t\t&:hover {\n\t\t\ttext-decoration: underline;\n\t\t}\n\t}\n`;\n","import { getAssetUrl, hasWindow } from \"@utils\";\nimport React, { lazy, Suspense, useState } from \"react\";\nimport Text from \"wake-react-components/text\";\nimport { getSchema } from \"@utils/validators\";\nimport { getID } from \"@components/ContentBlocks/Base\";\nimport {\n\tForm,\n\tFormBgAdminBlock,\n\tFormContainer,\n\tFormContent,\n\tFormDisclaimer,\n\tFormError,\n\tFormFooter,\n\tFormPlaceholder,\n\tFormTexts,\n\tFormWrapper,\n\tInputGroup,\n} from \"@components/ContentBlocks/DownloadForm/styles\";\nimport formBG from \"@images/brand-identity/graphics/form-bg-pattern.png\";\nimport { isAdmin } from \"wake-react-components/utils\";\nimport Image from \"wake-react-components/image\";\nimport { FontAwesomeIcon as FaIcon } from \"@fortawesome/react-fontawesome\";\nimport TextInput from \"@components/Form/TextInput\";\nimport { Link } from \"react-router-dom\";\nimport CtaButton from \"@components/Buttons/CtaButton\";\nimport contactService from \"@services/contact.service\";\nimport Embed from \"wake-react-components/embed\";\n\nconst Formik = lazy(() => import(/* webpackPrefetch:true */ \"formik\").then(module => ({ default: module.Formik })));\nconst ErrorMessage = lazy(() =>\n\timport(/* webpackPrefetch:true */ \"formik\").then(module => ({ default: module.ErrorMessage })),\n);\nconst DownloadForm = ({ item }) => {\n\n\tconst [ isSubmitted, setSubmitted ] = useState(false);\n\tconst initialValues = {\n\t\temail: \"\",\n\t\tmessage: \"\",\n\t\tname: \"\",\n\t\tphone: \"\",\n\t\tpostCode: \"\",\n\t};\n\n\tconst schema = getSchema([ \"email\", \"name\", \"phone\" ]);\n\n\tconst isFirstInBlocks = item.hasOwnProperty(\"$$index\") && item[ \"$$index\" ] === 0;\n\n\tconst id = getID(item);\n\n\tconst { downloadButtonText, fileSrc, submitButtonText } = item;\n\n\tconst doSubmit = async (values: any, { setSubmitting }) => {\n\t\tsetSubmitting(true);\n\n\t\tconst submitUrl = location.href;\n\n\t\tconst formData = {\n\t\t\tsubmitUrl,\n\t\t\t...values,\n\t\t};\n\n\t\ttry {\n\t\t\tconst res = await contactService.doDownloadContact(formData);\n\t\t\tconsole.log(\"successful form submit\", res);\n\t\t\tsetSubmitting(false);\n\t\t\tsetSubmitted(true);\n\t\t} catch (e) {\n\t\t\tconsole.log(\"error while sending download\", e);\n\t\t\tsetSubmitting(false);\n\t\t\tsetSubmitted(false);\n\t\t}\n\t};\n\n\treturn (\n\t\t<FormWrapper\n\t\t\tclassName={isFirstInBlocks ? \"first-in-blocks\" : \"\"}\n\t\t\tid={id}\n\t\t\tstyle={{ backgroundImage: \"url(\" + (item.formBg && item.formBg.src ? item.formBg.src : formBG) + \")\" }}\n\t\t>\n\t\t\t{isAdmin && <FormBgAdminBlock>\n\t\t\t\t<h3>Lomakkeen taustakuva</h3>\n\t\t\t\t<Image\n\t\t\t\t\tdefaultValue={formBG}\n\t\t\t\t\tname=\"formBg\"\n\t\t\t\t\tthumb={[ 640, 320 ]}\n\t\t\t\t/>\n\t\t\t</FormBgAdminBlock>}\n\t\t\t{isAdmin && <FormBgAdminBlock>\n\t\t\t\t<h3>Ladattava tiedosto</h3>\n\t\t\t\t<Embed\n\t\t\t\t\tcount={1}\n\t\t\t\t\tname=\"fileSrc\"\n\t\t\t\t>\n\t\t\t\t\t{(file: any) => file && file.item && file.item.src ? (\"Vaihda (\" + file.item.src + \")\") : \"Valitse\"}\n\t\t\t\t</Embed>\n\t\t\t</FormBgAdminBlock>}\n\t\t\t<FormContainer>\n\t\t\t\t<FormTexts>\n\t\t\t\t\t<h3>\n\t\t\t\t\t\t{!isSubmitted && <Text\n\t\t\t\t\t\t\tdefaultValue=\"Otsikko oppaan lataukselle\"\n\t\t\t\t\t\t\tmultiline={true}\n\t\t\t\t\t\t\tname=\"downloadFormTitle\"\n\t\t\t\t\t\t\tplaceholder=\"Lomakkeen otsikko\"\n\t\t\t\t\t\t/>}\n\t\t\t\t\t\t{isAdmin && <br />}\n\t\t\t\t\t\t{!!(isAdmin || isSubmitted) && <Text\n\t\t\t\t\t\t\tdefaultValue=\"Kiitos oppaan latauksesta\"\n\t\t\t\t\t\t\tmultiline={true}\n\t\t\t\t\t\t\tname=\"downloaFormSuccessTitle\"\n\t\t\t\t\t\t\tplaceholder=\"Kiitos-näkymän otsikko\"\n\t\t\t\t\t\t/>}\n\t\t\t\t\t</h3>\n\t\t\t\t\t{!isSubmitted && <Text\n\t\t\t\t\t\tdefaultValue=\"Lyhyt kuvaus\"\n\t\t\t\t\t\tmultiline={true}\n\t\t\t\t\t\tname=\"downloadFormDescription\"\n\t\t\t\t\t\tplaceholder=\"Lomakkeen lyhyt kuvaus\"\n\t\t\t\t\t/>}\n\t\t\t\t\t{isAdmin && <br />}\n\t\t\t\t\t{!!(isAdmin || isSubmitted) && <Text\n\t\t\t\t\t\tdefaultValue=\"\"\n\t\t\t\t\t\tmultiline={true}\n\t\t\t\t\t\tname=\"downloadFormSuccessDescription\"\n\t\t\t\t\t\tplaceholder=\"Kiitos-näkymän kuvausteksti\"\n\t\t\t\t\t/>}\n\t\t\t\t</FormTexts>\n\t\t\t\t{!hasWindow && <FormPlaceholder />}\n\t\t\t\t{hasWindow && (\n\t\t\t\t\t<Suspense fallback={<FormPlaceholder />}>\n\t\t\t\t\t\t<Formik initialValues={initialValues} onSubmit={doSubmit} validationSchema={schema}>\n\t\t\t\t\t\t\t{({ values, handleChange, handleBlur, handleSubmit, isSubmitting }) => (\n\t\t\t\t\t\t\t\t<Form onSubmit={handleSubmit} className={isSubmitting ? \"submitting\" : \"\"}>\n\t\t\t\t\t\t\t\t\t{!isSubmitted && <FormContent>\n\t\t\t\t\t\t\t\t\t\t<InputGroup>\n\t\t\t\t\t\t\t\t\t\t\t<FaIcon icon=\"user\" />\n\t\t\t\t\t\t\t\t\t\t\t<TextInput\n\t\t\t\t\t\t\t\t\t\t\t\taria-label=\"Nimi\"\n\t\t\t\t\t\t\t\t\t\t\t\tdisabled={isSubmitted || isSubmitting}\n\t\t\t\t\t\t\t\t\t\t\t\tname=\"name\"\n\t\t\t\t\t\t\t\t\t\t\t\tonBlur={handleBlur}\n\t\t\t\t\t\t\t\t\t\t\t\tonChange={handleChange}\n\t\t\t\t\t\t\t\t\t\t\t\tplaceholder=\"Nimi\"\n\t\t\t\t\t\t\t\t\t\t\t\ttype=\"text\"\n\t\t\t\t\t\t\t\t\t\t\t\tvalue={values[ \"name\" ]}\n\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t<ErrorMessage component=\"p\" name=\"name\">\n\t\t\t\t\t\t\t\t\t\t\t\t{msg => <FormError>{msg}</FormError>}\n\t\t\t\t\t\t\t\t\t\t\t</ErrorMessage>\n\t\t\t\t\t\t\t\t\t\t</InputGroup>\n\t\t\t\t\t\t\t\t\t\t<InputGroup>\n\t\t\t\t\t\t\t\t\t\t\t<FaIcon icon=\"phone\" />\n\t\t\t\t\t\t\t\t\t\t\t<TextInput\n\t\t\t\t\t\t\t\t\t\t\t\taria-label=\"Puhelinnumero\"\n\t\t\t\t\t\t\t\t\t\t\t\tdisabled={isSubmitted || isSubmitting}\n\t\t\t\t\t\t\t\t\t\t\t\tname=\"phone\"\n\t\t\t\t\t\t\t\t\t\t\t\tonBlur={handleBlur}\n\t\t\t\t\t\t\t\t\t\t\t\tonChange={handleChange}\n\t\t\t\t\t\t\t\t\t\t\t\tplaceholder=\"Puhelinnumero\"\n\t\t\t\t\t\t\t\t\t\t\t\ttype=\"tel\"\n\t\t\t\t\t\t\t\t\t\t\t\tvalue={values[ \"phone\" ]}\n\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t<ErrorMessage component=\"p\" name=\"phone\">\n\t\t\t\t\t\t\t\t\t\t\t\t{msg => <FormError>{msg}</FormError>}\n\t\t\t\t\t\t\t\t\t\t\t</ErrorMessage>\n\t\t\t\t\t\t\t\t\t\t</InputGroup>\n\t\t\t\t\t\t\t\t\t\t<InputGroup>\n\t\t\t\t\t\t\t\t\t\t\t<FaIcon icon=\"envelope\" />\n\t\t\t\t\t\t\t\t\t\t\t<TextInput\n\t\t\t\t\t\t\t\t\t\t\t\taria-label=\"Sähköpostiosoite\"\n\t\t\t\t\t\t\t\t\t\t\t\tdisabled={isSubmitted || isSubmitting}\n\t\t\t\t\t\t\t\t\t\t\t\tname=\"email\"\n\t\t\t\t\t\t\t\t\t\t\t\tonBlur={handleBlur}\n\t\t\t\t\t\t\t\t\t\t\t\tonChange={handleChange}\n\t\t\t\t\t\t\t\t\t\t\t\tplaceholder=\"Sähköposti\"\n\t\t\t\t\t\t\t\t\t\t\t\ttype=\"email\"\n\t\t\t\t\t\t\t\t\t\t\t\tvalue={values[ \"email\" ]}\n\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t<ErrorMessage component=\"p\" name=\"email\">\n\t\t\t\t\t\t\t\t\t\t\t\t{msg => <FormError>{msg}</FormError>}\n\t\t\t\t\t\t\t\t\t\t\t</ErrorMessage>\n\t\t\t\t\t\t\t\t\t\t</InputGroup>\n\t\t\t\t\t\t\t\t\t</FormContent>}\n\n\t\t\t\t\t\t\t\t\t<FormFooter>\n\t\t\t\t\t\t\t\t\t\t{!isSubmitted && <FormDisclaimer>\n\t\t\t\t\t\t\t\t\t\t\t<Link to=\"/tietosuoja\" target=\"_blank\">\n\t\t\t\t\t\t\t\t\t\t\t\tTietosuojaseloste ›\n\t\t\t\t\t\t\t\t\t\t\t</Link>\n\t\t\t\t\t\t\t\t\t\t</FormDisclaimer>}\n\t\t\t\t\t\t\t\t\t\t{!isSubmitted && <CtaButton\n\t\t\t\t\t\t\t\t\t\t\tdisabled={isSubmitting}\n\t\t\t\t\t\t\t\t\t\t\tsubmitting={isSubmitting}\n\t\t\t\t\t\t\t\t\t\t\ttext={submitButtonText || \"Lähetä\"}\n\t\t\t\t\t\t\t\t\t\t\ttype=\"submit\"\n\t\t\t\t\t\t\t\t\t\t/>}\n\t\t\t\t\t\t\t\t\t\t{(isSubmitted && Array.isArray(fileSrc) && fileSrc[0] && fileSrc[0].relation) && <CtaButton\n\t\t\t\t\t\t\t\t\t\t\tonClick={(e: any) => {\n\t\t\t\t\t\t\t\t\t\t\t\te.preventDefault();\n\t\t\t\t\t\t\t\t\t\t\t\te.stopPropagation();\n\t\t\t\t\t\t\t\t\t\t\t\tif (hasWindow) {\n\t\t\t\t\t\t\t\t\t\t\t\t\twindow.open(\"/api/km/KMSite/serve/\" + fileSrc[ 0 ].relation);\n\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t{downloadButtonText || \"Lataa opas tästä\"}\n\t\t\t\t\t\t\t\t\t\t</CtaButton>}\n\t\t\t\t\t\t\t\t\t</FormFooter>\n\t\t\t\t\t\t\t\t</Form>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</Formik>\n\t\t\t\t\t</Suspense>\n\t\t\t\t)}\n\t\t\t</FormContainer>\n\t\t</FormWrapper>\n\t);\n\n};\n\nDownloadForm.thumb = () => (<div>\n\t<img src={getAssetUrl(\"assets/images/campaign-block-thumbs/latauslomake.png\")} alt=\"Latauslomake\" />\n\t<p>Latauslomake</p>\n</div>);\n\nDownloadForm.settings = () => (\n\t<div className=\"settings\">\n\t\t<div>\n\t\t\t<span>Elementin ID <small>(esim. ankkuriksi)</small>&nbsp;</span>\n\t\t\t<Text name=\"elementID\" placeholder=\"ID\" />\n\t\t</div>\n\t\t<div>\n\t\t\t<span>Lähetä-painikeen teksti&nbsp;</span>\n\t\t\t<Text name=\"submitButtonText\" defaultValue=\"Lähetä\" />\n\t\t</div>\n\t\t<div>\n\t\t\t<span>Latauspainikkeen teksti</span>\n\t\t\t<Text name=\"downloadButtonText\" defaultValue=\"Lataa opas tästä\" />\n\t\t</div>\n\t</div>\n);\n\nexport default DownloadForm;\n","import styled from 'styled-components';\nimport { textStyles, fluidSize } from '@utils/style-utils';\n\nexport const IngressContent = styled.div`\n\t${ textStyles.PLarge }\n\tmargin: 0 auto;\n\tmax-width: 896px;\n\ttext-align: center;\n\n\t${ fluidSize('margin-bottom', '320px', '1920px', '50px', '105px') }\n`\n","import React from 'react';\nimport Text from 'wake-react-components/text';\nimport { Wrapper, Container } from '@components/Grid';\nimport { getAssetUrl } from \"@utils/index\";\n\nimport { IngressContent } from './styles';\n\nconst Ingress = (props) => {\n\tconst {\n\t\titem: {\n\t\t\telementID,\n\t\t},\n\t\t...restProps\n\t} = props;\n\n\tif (elementID) {\n\t\trestProps['id'] = elementID;\n\t}\n\n\treturn (\n\t\t<Wrapper { ...restProps }>\n\t\t\t<Container>\n\t\t\t\t<IngressContent>\n\t\t\t\t\t<Text name=\"ingressText\" placeholder=\"Ingressi\" multiline={ true } />\n\t\t\t\t</IngressContent>\n\t\t\t</Container>\n\t\t</Wrapper>\n\t);\n};\n\nIngress.settings = () => (\n\t<div className=\"settings\">\n\t\t<span>Elementin ID <small>(esim ankkuriksi)</small>&nbsp;</span>\n\t\t<Text name=\"elementID\" placeholder=\"ID\" />\n\t</div>\n);\n\nIngress.thumb = () => <div>\n\t<img src={getAssetUrl(\"assets/images/campaign-block-thumbs/Ingressi.jpg\")} alt=\"Ingressi\"/>\n\t<p>Ingressi</p>\n</div>;\n\nexport default Ingress;","import styled from 'styled-components';\nimport { color, media, grid, textStyles, fluidSize } from '@utils/style-utils';\n\nexport const Blocks = styled.div`\n\tdisplay: flex;\n\tflex-direction: column;\n\tflex-wrap: wrap;\n\t${ fluidSize('margin-bottom', '320px', '1920px', '60px', '120px') }\n\t${ fluidSize('margin-top', '320px', '1920px', '30px', '60px') }\n\n\t${ media.md`\n\t\tflex-direction: row;\n\t\tjustify-content: space-between;\n\t`}\n`\n\nexport const LinkBlock = styled.div`\n\tdisplay: flex;\n\tflex-basis: 100%;\n\tmargin-bottom: ${ grid.gutterSmall }px;\n\n\t${ media.sm`\n\t\tmargin-bottom: ${ grid.gutter }px;\n\t`}\n\n\t${ media.md`\n\t\tflex-basis: calc((100% - ${ grid.gutter }px) / 2);\n\t\tmargin-bottom: 0;\n\t`}\n\n\ta {\n\t\talign-items: center;\n\t\tbackground: ${ color('greenBright', 5) };\n\t\tborder: none;\n\t\tcolor: ${ color('grey', 1) };\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\tflex-grow: 1;\n\t\tjustify-content: center;\n\t\toverflow: hidden;\n\t\tpadding: 35px;\n\t\tposition: relative;\n\t\ttext-decoration: none;\n\t\twidth: 100%;\n\n\t\t${ textStyles.H3 }\n\n\t\t${ media.md`\n\t\t\tpadding: 40px 50px;\n\t\t`}\n\n\t\t${ media.lg`\n\t\t\tpadding: 72px 80px;\n\t\t`}\n\n\t\t&::before {\n\t\t\tbackground: linear-gradient(\n\t\t\t\t135deg,\n\t\t\t\t${ color('greenBright', 4) } 0%,\n\t\t\t\t${ color('greenBright', 4) } 50%,\n\t\t\t\t${ color('white') } 50%,\n\t\t\t\t${ color('white') } 100%\n\t\t\t);\n\t\t\tbottom: 0;\n\t\t\tcontent: '';\n\t\t\theight: 30px;\n\t\t\tposition: absolute;\n\t\t\tright: 0;\n\t\t\ttransform: scale(1);\n\t\t\ttransform-origin: 100% 100%;\n\t\t\ttransition: transform 250ms;\n\t\t\twidth: 30px;\n\n\t\t\t${ media.md`\n\t\t\t\theight: 40px;\n\t\t\t\twidth: 40px;\n\t\t\t`}\n\n\t\t\t${ media.lg`\n\t\t\t\theight: 55px;\n\t\t\t\twidth: 55px;\n\t\t\t`}\n\t\t}\n\n\t\t&:hover {\n\t\t\t&::before {\n\t\t\t\ttransform: scale(0);\n\t\t\t}\n\t\t}\n\t}\n`\n","import React from \"react\";\nimport { Container } from \"@components/Grid\";\nimport Text from \"wake-react-components/text\";\nimport Input from \"wake-react-components/input\";\nimport { isAdmin } from \"wake-react-components/utils\";\nimport { getAssetUrl } from \"@utils/index\";\nimport { getID } from \"@components/ContentBlocks/Base\";\n\nimport { Blocks, LinkBlock } from \"./styles\";\n\nconst LinkBlocks = ({ item }) => {\n\tconst { linkBlock1Text, linkBlock1Href, linkBlock1Blank, linkBlock2Text, linkBlock2Href, linkBlock2Blank } = item;\n\tconst id = getID(item);\n\n\tconst link1Props = linkBlock1Blank ? { target: \"_blank\", rel: \"noreferrer noopener\" } : {};\n\tconst link2Props = linkBlock2Blank ? { target: \"_blank\", rel: \"noreferrer noopener\" } : {};\n\n\treturn (\n\t\t<Container id={id}>\n\t\t\t<Blocks>\n\t\t\t\t<LinkBlock>\n\t\t\t\t\t{isAdmin && (\n\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\tLinkin teksti: <Text name=\"linkBlock1Text\" placeholder=\"Linkin teksti\" />\n\t\t\t\t\t\t\t<br />\n\t\t\t\t\t\t\tLinkin href: <Text name=\"linkBlock1Href\" placeholder=\"Linkin href\" />\n\t\t\t\t\t\t\t<br />\n\t\t\t\t\t\t\t<label htmlFor=\"linkBlank1\">\n\t\t\t\t\t\t\t\tAvautuu uuteen ikkunaan?\n\t\t\t\t\t\t\t\t<Input type=\"checkbox\" name=\"linkBlock1Blank\" id=\"linkBlank1\" />\n\t\t\t\t\t\t\t</label>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t\t{!isAdmin && linkBlock1Text && linkBlock1Href && (\n\t\t\t\t\t\t<a href={linkBlock1Href} {...link1Props}>\n\t\t\t\t\t\t\t{linkBlock1Text}\n\t\t\t\t\t\t</a>\n\t\t\t\t\t)}\n\t\t\t\t</LinkBlock>\n\t\t\t\t<LinkBlock>\n\t\t\t\t\t{isAdmin && (\n\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\tLinkin teksti: <Text name=\"linkBlock2Text\" placeholder=\"Linkin teksti\" />\n\t\t\t\t\t\t\t<br />\n\t\t\t\t\t\t\tLinkin href: <Text name=\"linkBlock2Href\" placeholder=\"Linkin href\" />\n\t\t\t\t\t\t\t<br />\n\t\t\t\t\t\t\t<label htmlFor=\"linkBlank2\">\n\t\t\t\t\t\t\t\tAvautuu uuteen ikkunaan?\n\t\t\t\t\t\t\t\t<Input type=\"checkbox\" name=\"linkBlock2Blank\" id=\"linkBlank2\" />\n\t\t\t\t\t\t\t</label>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t\t{!isAdmin && linkBlock2Text && linkBlock2Href && (\n\t\t\t\t\t\t<a href={linkBlock2Href} {...link2Props}>\n\t\t\t\t\t\t\t{linkBlock2Text}\n\t\t\t\t\t\t</a>\n\t\t\t\t\t)}\n\t\t\t\t</LinkBlock>\n\t\t\t</Blocks>\n\t\t</Container>\n\t);\n};\n\nLinkBlocks.settings = () => (\n\t<div className=\"settings\">\n\t\t<span>\n\t\t\tElementin ID <small>(esim ankkuriksi)</small>&nbsp;\n\t\t</span>\n\t\t<Text name=\"elementID\" placeholder=\"ID\" />\n\t</div>\n);\n\nLinkBlocks.thumb = () => (\n\t<div>\n\t\t<img src={getAssetUrl(\"assets/images/campaign-block-thumbs/Linkkiblokit.jpg\")} alt=\"Linkkiblokit\" />\n\t\t<p>Linkkiblokit</p>\n\t</div>\n);\n\nexport default LinkBlocks;\n","import styled from \"styled-components\";\nimport { media } from \"@utils/style-utils\";\n\nexport const OnlineOfferWrapper = styled.div`\n\tmargin-bottom: 80px;\n\n\t${media.md`\n\t\tmargin-bottom: 100px;\n\t`}\n\n\t${media.lg`\n\t\tmargin-bottom: 120px;\n\t`}\n`;\n\nexport const OnlineOfferIngress = styled.div``;\n\nexport const LoadMoreContainer = styled.div`\n\talign-items: center;\n\tdisplay: flex;\n\tjustify-content: center;\n\tpadding-top: 20px;\n\twidth: 100%;\n\n\tbutton {\n\t\tmargin: 0 auto;\n\t\tpadding-left: 30px;\n\t\tpadding-right: 30px;\n\t}\n`;\n","import React, { memo, Fragment, useState, useEffect } from \"react\";\nimport Range from \"rc-slider/lib/Range\";\nimport NumberFormat from \"react-number-format\";\n\nconst million = 1000000;\nexport const maxValue = 1010000;\n\nconst renderText = value => {\n\tconst val = value.replace(/\\D/g, \"\");\n\tif (val > million) {\n\t\treturn \"1 000 000+\";\n\t}\n\n\treturn value;\n};\n\nconst RangeSlider = ({ onChangeEnd, values = [] }) => {\n\tconst [priceValues, setPriceValues] = useState([0, maxValue]);\n\tconst [min, max] = priceValues;\n\n\tuseEffect(() => {\n\t\tconst [mn, mx] = values;\n\t\tif (mn !== null && mx !== null) {\n\t\t\tsetPriceValues(values);\n\t\t}\n\t}, [values]);\n\n\treturn (\n\t\t<Fragment>\n\t\t\t<Range\n\t\t\t\tallowCross={false}\n\t\t\t\tdefaultValue={[0, maxValue]}\n\t\t\t\tmax={maxValue}\n\t\t\t\tmin={0}\n\t\t\t\tonChange={e => setPriceValues(e)}\n\t\t\t\tonAfterChange={e => onChangeEnd(e)}\n\t\t\t\tstep={10000}\n\t\t\t\tvalue={[priceValues[0], priceValues[1]]}\n\t\t\t/>\n\t\t\t<span>\n\t\t\t\t<NumberFormat displayType=\"text\" renderText={renderText} thousandSeparator=\" \" value={min} />\n\t\t\t\t&nbsp;&ndash;&nbsp;\n\t\t\t\t<NumberFormat displayType=\"text\" renderText={renderText} thousandSeparator=\" \" value={max} />\n\t\t\t\t&nbsp;&euro;\n\t\t\t</span>\n\t\t</Fragment>\n\t);\n};\n\nexport default memo(RangeSlider);\n","import styled from \"styled-components\";\nimport { color, media, fontFamily, textStyles, grid } from \"@utils/style-utils\";\nimport CtaButton from \"@components/Buttons/CtaButton\";\n\nexport const Heading = styled.h3`\n\tspan.count {\n\t\tcolor: ${color(\"greenBright\", 1)};\n\t}\n`;\n\nexport const SearchArea = styled.div`\n\tborder-bottom: 1px solid ${color(\"grey\", 5)};\n\tborder-top: 1px solid ${color(\"grey\", 5)};\n\tdisplay: flex;\n\tflex-direction: column;\n\tpadding: 30px 0;\n\n\t${media.md`\n\t\tborder: 1px solid ${color(\"grey\", 5)};\n\t\tpadding: 40px 25px;\n\t`}\n\n\t${media.lg`\n\t\tpadding: 58px;\n\t`}\n\n\t> div {\n\t\tbutton {\n\t\t\talign-items: center;\n\t\t\tdisplay: inline-flex;\n\t\t\tfont-family: ${fontFamily.condensed};\n\t\t\tfont-size: 16px;\n\t\t\theight: 40px;\n\t\t\tjustify-content: center;\n\t\t\tpadding: 0 14px;\n\n\t\t\t+ button {\n\t\t\t\t${media.lg`\n\t\t\t\t\tmargin-left: -1px;\n\t\t\t\t`}\n\t\t\t}\n\t\t}\n\t}\n`;\n\nexport const SearchAreaTop = styled.div`\n\tdisplay: flex;\n\tflex-direction: column;\n\tmargin-bottom: 20px;\n\n\t${media.md`\n\t\tmargin-bottom: 40px;\n\t`}\n\n\t${media.lg`\n\t\tflex-direction: row;\n\t`}\n`;\n\nexport const SearchAreaBottom = styled.div`\n\tdisplay: flex;\n\tflex-direction: column;\n\n\t@media (min-width: 1090px) {\n\t\talign-items: center;\n\t\tflex-direction: row;\n\t}\n`;\n\nexport const Section = styled.div`\n\tdisplay: inline-flex;\n\tflex-direction: column;\n\tmargin-bottom: 24px;\n\n\t${media.lg`\n\t\tflex-basis: 50%;\n\t\tmargin-bottom: 0;\n\t\tpadding-right: ${grid.gutter}px;\n\t`}\n\n\t.search-input {\n\t\twidth: 100%;\n\n\t\tinput {\n\t\t\twidth: 100%;\n\t\t}\n\t}\n\n\t.icon {\n\t\tcolor: ${color(\"greenBright\", 1)};\n\t}\n`;\n\nexport const Rooms = styled(Section)`\n\t${media.lg`\n\t\tpadding-right: 0;\n\t`}\n\n\t.multi-button-select {\n\t\tdisplay: flex;\n\n\t\tbutton {\n\t\t\tflex-grow: 1;\n\t\t\tpadding-left: 24px;\n\t\t\tpadding-right: 24px;\n\n\t\t\t+ button {\n\t\t\t\tmargin-left: -1px;\n\t\t\t}\n\t\t}\n\t}\n`;\n\nexport const HouseTypes = styled.div`\n\tflex-grow: 1;\n\tflex-basis: 100%;\n\tmargin-bottom: 30px;\n\n\t${media.lg`\n\t\tdisplay: flex;\n\t`}\n\n\t.multi-button-select {\n\t\tdisplay: flex;\n\t\tflex-wrap: wrap;\n\t\twidth: 100%;\n\n\t\tbutton {\n\t\t\tflex-grow: 1;\n\n\t\t\t@media (min-width: 768px) and (max-width: 1089px) {\n\t\t\t\t&:nth-of-type(1),\n\t\t\t\t&:nth-of-type(2),\n\t\t\t\t&:nth-of-type(3),\n\t\t\t\t&:nth-of-type(4),\n\t\t\t\t&:nth-of-type(5) {\n\t\t\t\t\tmargin-bottom: 10px;\n\t\t\t\t}\n\t\t\t\t&:nth-of-type(1) {\n\t\t\t\t\tflex-basis: calc(23.2% - 1px);\n\t\t\t\t}\n\t\t\t\t&:nth-of-type(2) {\n\t\t\t\t\tflex-basis: calc(23.5% - 1px);\n\t\t\t\t}\n\t\t\t\t&:nth-of-type(3) {\n\t\t\t\t\tflex-basis: calc(27.4% - 1px);\n\t\t\t\t}\n\t\t\t\t&:nth-of-type(4) {\n\t\t\t\t\tflex-basis: calc(26.2% - 1px);\n\t\t\t\t}\n\t\t\t\t&:nth-of-type(5) {\n\t\t\t\t\tflex-basis: calc(18% - 1px);\n\t\t\t\t}\n\t\t\t\t&:nth-of-type(6) {\n\t\t\t\t\tflex-basis: calc(23.9% - 1px);\n\t\t\t\t}\n\t\t\t\t&:nth-of-type(7) {\n\t\t\t\t\tflex-basis: calc(20.5% - 1px);\n\t\t\t\t}\n\t\t\t\t&:nth-of-type(8) {\n\t\t\t\t\tflex-basis: calc(21.6% - 1px);\n\t\t\t\t}\n\t\t\t\t&:nth-of-type(9) {\n\t\t\t\t\tflex-basis: calc(16% - 1px);\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t@media (max-width: 767px) {\n\t\t\t\tborder-radius: 0;\n\t\t\t\tmargin-bottom: 10px;\n\t\t\t\tflex-basis: 50%;\n\n\t\t\t\t&:nth-of-type(2n) {\n\t\t\t\t\tmargin-left: -1px;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t@media (max-width: 1127px) {\n\t\t\t\tflex-grow: 0;\n\t\t\t}\n\t\t}\n\t}\n`;\n\nexport const Title = styled.p`\n\t${textStyles.PSmall};\n\tfont-weight: 500;\n\tmargin: 0 0 6px;\n`;\n\nexport const PriceSection = styled(Section)`\n\tpadding-right: 0 !important;\n\n\t@media (min-width: 1090px) {\n\t\tflex-basis: 63%;\n\t\tpadding-right: ${grid.gutter}px !important;\n\t}\n\n\t${media.xxl`\n\t\tflex-basis: 70%;\n\t`}\n`;\n\nexport const Price = styled.div`\n\talign-items: center;\n\tdisplay: flex;\n\tflex-direction: column;\n\tmargin-bottom: 30px;\n\n\t@media (min-width: 1090px) {\n\t\tflex-direction: row;\n\t\tmargin-bottom: 0;\n\t}\n\n\t.rc-slider {\n\t\tmargin: 15px 0 16px;\n\t\twidth: 100%;\n\n\t\t@media (min-width: 1090px) {\n\t\t\tmargin: 0;\n\t\t\tmargin-right: ${grid.gutter}px;\n\t\t\twidth: 60%;\n\t\t}\n\n\t\t${media.xxl`\n\t\t\twidth: 70%;\n\t\t`}\n\t}\n\t.rc-slider-track {\n\t\tbackground-color: ${color(\"greenDark\", 1)};\n\t}\n\t.rc-slider-handle {\n\t\tbackground-color: ${color(\"greenBright\", 1)};\n\t\tborder: 0;\n\t\theight: 32px;\n\t\tmargin-left: 0;\n\t\tmargin-top: 0;\n\t\ttop: 50%;\n\t\ttransform: translate(-50%, -50%);\n\t\twidth: 32px;\n\n\t\t&::before {\n\t\t\tcolor: ${color(\"white\")};\n\t\t\tdisplay: block;\n\t\t\tfont-size: 28px;\n\t\t\tleft: 0;\n\t\t\tline-height: 1;\n\t\t\tposition: absolute;\n\t\t\tright: 0;\n\t\t\ttext-align: center;\n\t\t\ttop: 50%;\n\t\t\ttransform: translateY(-56%);\n\t\t}\n\t}\n\n\t.rc-slider-handle-1::before {\n\t\tcontent: \"›\";\n\t}\n\t.rc-slider-handle-2::before {\n\t\tcontent: \"‹\";\n\t}\n`;\n\nexport const Actions = styled.div`\n\talign-items: center;\n\tdisplay: flex;\n\tflex-direction: column-reverse;\n\n\t${media.sm`\n\t\tflex-direction: row;\n\t\tjustify-content: space-between;\n\t`};\n\n\t@media (min-width: 1090px) {\n\t\tflex-basis: 37%;\n\t\tjustify-content: flex-end;\n\t}\n\n\t${media.xxl`\n\t\tflex-basis: 30%;\n\t`};\n`;\n\nexport const EmptySelections = styled.span.attrs({\n\tariaLabel: \"Tyhjennä hakuehdot\",\n\trole: \"button\",\n})`\n\t${textStyles.PSmallCondensed};\n\tcolor: ${color(\"greenDark\", 1)};\n\tcursor: pointer;\n\tdisplay: inline-block;\n\tmargin-bottom: 30px;\n\tmargin-top: 30px;\n\ttext-align: center;\n\n\t${media.lg`\n\t\tmargin-bottom: 0;\n\t\tmargin-left: 20px;\n\t\tmargin-top: 0;\n\t`}\n\n\t&:hover {\n\t\tcolor: ${color(\"greenDark\", 2)};\n\t}\n`;\n\nexport const SearchButton = styled(CtaButton)`\n\tfont-size: 20px !important;\n\theight: 60px !important;\n\twidth: 100%;\n\n\t${media.sm`\n\t\twidth: 318px;\n\t`};\n\n\t@media (min-width: 1090px) {\n\t\tmargin-left: 20px;\n\t\twidth: 170px;\n\t}\n\n\tsvg {\n\t\tmax-width: 25px;\n\t}\n`;\n","import React, { Fragment, useState, useEffect, useRef } from \"react\";\nimport { selectableRooms, selectableHouseTypes } from \"@utils/apartment-search/selections\";\nimport MultiButtonSelect from \"@components/Form/MultiButtonSelect\";\nimport AddressSearch from \"@components/Search/AddressSearch\";\nimport { FontAwesomeIcon as FaIcon } from \"@fortawesome/react-fontawesome\";\nimport RangeSlider, { maxValue as rangeMax } from \"./range\";\nimport NumberFormat from \"react-number-format\";\n\nimport {\n\tHeading,\n\tEmptySelections,\n\tHouseTypes,\n\tPrice,\n\tRooms,\n\tSearchArea,\n\tSearchAreaBottom,\n\tSearchAreaTop,\n\tSearchButton,\n\tSection,\n\tTitle,\n\tPriceSection,\n\tActions,\n} from \"./styles\";\n\nconst getValues = sels => sels.map(({ value }) => value);\nconst getQueries = sels => sels.map(({ query }) => query);\nconst getBuildingTypes = sels => sels.map(({ buildingType }) => buildingType);\n\nconst OnlineOfferSearchArea = ({ heading, limit, onSelections, count }) => {\n\tconst [selectedAddresses, setSelectedAddresses] = useState([]);\n\tconst [selectedRooms, setSelectedRooms] = useState([]);\n\tconst [selectedHouseTypes, setSelectedHouseTypes] = useState([]);\n\tconst [selectedPrices, setSelectedPrices] = useState([null, null]);\n\tconst [priceRangeValues, setPriceRangeValues] = useState([null, null]);\n\tconst addressSearchRef = useRef(null);\n\tconst roomSelectRef = useRef(null);\n\tconst houseTypesRef = useRef(null);\n\tconst priceRef = useRef(null);\n\n\tconst emptySelections = () => {\n\t\t[addressSearchRef, roomSelectRef, houseTypesRef, priceRef].forEach(ref => {\n\t\t\tif (ref && ref.current) {\n\t\t\t\tref.current.reset();\n\t\t\t}\n\t\t});\n\n\t\tsetPriceRangeValues([0, rangeMax]);\n\t\tsetSelectedAddresses([]);\n\t\tsetSelectedHouseTypes([]);\n\t\tsetSelectedPrices([null, null]);\n\t\tsetSelectedRooms([]);\n\t};\n\n\tuseEffect(() => {\n\t\tconst [min, max] = selectedPrices;\n\t\tconst fields = {\n\t\t\tbuildingType: [].concat(...getBuildingTypes(selectedHouseTypes)),\n\t\t\tlimit,\n\t\t\tquery: [...getQueries(selectedAddresses)],\n\t\t\trooms: getValues(selectedRooms),\n\t\t};\n\n\t\tif (max && max <= 1000000) {\n\t\t\tfields[\"max\"] = max;\n\t\t}\n\n\t\tif (min && min > 0) {\n\t\t\tfields[\"min\"] = min;\n\t\t}\n\n\t\tonSelections(fields);\n\t}, [selectedAddresses, selectedRooms, selectedHouseTypes, selectedPrices]);\n\n\treturn (\n\t\t<Fragment>\n\t\t\t<Heading>\n\t\t\t\t<span>{heading}&nbsp;</span>\n\t\t\t\t<span className=\"count\">\n\t\t\t\t\t(<NumberFormat thousandSeparator=\" \" displayType=\"text\" value={count} />)\n\t\t\t\t</span>\n\t\t\t</Heading>\n\t\t\t<SearchArea>\n\t\t\t\t<SearchAreaTop>\n\t\t\t\t\t<Section>\n\t\t\t\t\t\t<Title>Valitse alue</Title>\n\t\t\t\t\t\t<AddressSearch\n\t\t\t\t\t\t\tgrey={true}\n\t\t\t\t\t\t\tonSelect={setSelectedAddresses}\n\t\t\t\t\t\t\tref={addressSearchRef}\n\t\t\t\t\t\t\textraParams={{ type: \"SaleProperty\" }}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</Section>\n\t\t\t\t\t<Rooms>\n\t\t\t\t\t\t<Title>Huoneluku</Title>\n\t\t\t\t\t\t<MultiButtonSelect\n\t\t\t\t\t\t\tselections={selectableRooms}\n\t\t\t\t\t\t\tonSelection={setSelectedRooms}\n\t\t\t\t\t\t\tref={roomSelectRef}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</Rooms>\n\t\t\t\t</SearchAreaTop>\n\t\t\t\t<HouseTypes>\n\t\t\t\t\t<MultiButtonSelect\n\t\t\t\t\t\tselections={selectableHouseTypes}\n\t\t\t\t\t\tonSelection={setSelectedHouseTypes}\n\t\t\t\t\t\tref={houseTypesRef}\n\t\t\t\t\t/>\n\t\t\t\t</HouseTypes>\n\t\t\t\t<Title>Hinta</Title>\n\t\t\t\t<SearchAreaBottom>\n\t\t\t\t\t<PriceSection>\n\t\t\t\t\t\t<Price>\n\t\t\t\t\t\t\t<RangeSlider onChangeEnd={setSelectedPrices} values={priceRangeValues} />\n\t\t\t\t\t\t</Price>\n\t\t\t\t\t</PriceSection>\n\n\t\t\t\t\t<Actions>\n\t\t\t\t\t\t<EmptySelections onClick={() => emptySelections()}>Tyhjennä hakuehdot</EmptySelections>\n\n\t\t\t\t\t\t<SearchButton>\n\t\t\t\t\t\t\t<FaIcon icon=\"search\" />\n\t\t\t\t\t\t</SearchButton>\n\t\t\t\t\t</Actions>\n\t\t\t\t</SearchAreaBottom>\n\t\t\t</SearchArea>\n\t\t</Fragment>\n\t);\n};\n\nexport default OnlineOfferSearchArea;\n","import styled, { css } from \"styled-components\";\nimport { color, media, fluidSize, fluidBgSize } from \"@utils/style-utils\";\n\nexport const ResultsTable = styled.div``;\n\nexport const ResultsTableRow = styled.div`\n\tbackground: ${color(\"grey\", 7)};\n\tborder: 1px solid ${color(\"grey\", 5)};\n\tborder-top: 0;\n\tdisplay: flex;\n\tflex-wrap: wrap;\n\tpadding: 0 15px;\n\n\t${props =>\n\t\tprops.hasHistory &&\n\t\tcss`\n\t\t\tborder-top: 0;\n\t\t\tmargin-top: -1px;\n\t\t`}\n\n\t${media.md`\n\t\tpadding: 0 24px;\n\t`}\n\n\t${media.lg`\n\t\tpadding: 0 32px;\n\t`}\n\n\t${props =>\n\t\t!props.hasHistory &&\n\t\tcss`\n\t\t\t${ResultsTableCell} {\n\t\t\t\t@media (max-width: 991px) {\n\t\t\t\t\t&:first-of-type {\n\t\t\t\t\t\tflex-basis: 40%;\n\t\t\t\t\t}\n\t\t\t\t\t&:nth-of-type(5) {\n\t\t\t\t\t\tflex-basis: 30%;\n\t\t\t\t\t}\n\t\t\t\t\t&:last-of-type {\n\t\t\t\t\t\tflex-basis: 30%;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\t@media (max-width: 767px) {\n\t\t\t\t\t&:first-of-type {\n\t\t\t\t\t\tflex-basis: 50%;\n\t\t\t\t\t}\n\t\t\t\t\t&:nth-of-type(5) {\n\t\t\t\t\t\tflex-basis: 50%;\n\t\t\t\t\t}\n\t\t\t\t\t&:last-of-type {\n\t\t\t\t\t\talign-items: center;\n\t\t\t\t\t\tflex-basis: 100%;\n\t\t\t\t\t\tjustify-content: center;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t@media (max-width: 550px) {\n\t\t\t\t\t&:first-of-type {\n\t\t\t\t\t\tflex-basis: 65%;\n\t\t\t\t\t}\n\t\t\t\t\t&:nth-of-type(5) {\n\t\t\t\t\t\tflex-basis: 35%;\n\t\t\t\t\t\tpadding-right: 0;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t`}\n\n\t${props =>\n\t\tprops.hasToggle &&\n\t\tcss`\n\t\t\talign-items: center;\n\t\t\tborder: 0;\n\t\t\tdisplay: flex;\n\t\t\tflex-grow: 1;\n\t\t\tjustify-content: center;\n\t\t\tpadding-bottom: 10px;\n\t\t\tpadding-top: 10px;\n\n\t\t\t${media.md`\n\t\t\t\tdisplay: none;\n\t\t\t`}\n\t\t`}\n`;\n\nexport const ResultsTableCell = styled.div`\n\tdisplay: flex;\n\tflex-basis: calc(55.6% / 4);\n\tflex-direction: column;\n\tfont-size: 14px;\n\tjustify-content: center;\n\tpadding: 23px 15px 23px 0;\n\n\t${media.lg`\n\t\tfont-size: 15px;\n\t`}\n\n\t&:first-of-type {\n\t\tflex-basis: 24.4%;\n\t}\n\n\t&:last-of-type {\n\t\tflex-basis: 20%;\n\t\tpadding-right: 0;\n\t}\n\n\t${props =>\n\t\tprops.hideOnMobile &&\n\t\tcss`\n\t\t\tdisplay: none !important;\n\n\t\t\t${media.lg`\n\t\t\t\tdisplay: flex !important;\n\t\t\t`}\n\t\t`}\n\n\t${({ icon }) =>\n\t\ticon &&\n\t\tcss`\n\t\t\t@media (min-width: 551px) {\n\t\t\t\tbackground-image: url(${icon});\n\t\t\t\tbackground-position: left center;\n\t\t\t\tbackground-repeat: no-repeat;\n\t\t\t\t/* background-size: 42px auto; */\n\t\t\t\t${fluidBgSize(\"background-size\", \"320px\", \"1920px\", \"30px\", \"40px\")}\n\t\t\t\t${fluidSize(\"padding-left\", \"320px\", \"1920px\", \"60px\", \"84px\")}\n\t\t\t}\n\t\t`}\n\n\t@media (max-width: 767px) {\n\t\tdisplay: ${props => (props.isOpen ? \"none\" : \"flex\")};\n\t}\n`;\n\nexport const ResultsTableHeader = styled(ResultsTableRow)`\n\talign-items: center;\n\tdisplay: flex;\n\theight: 70px;\n\n\t${ResultsTableCell} {\n\t\tfont-weight: 500;\n\t}\n`;\n\nexport const Toggler = styled.span`\n\tcolor: ${color(\"grey\", 1)};\n\tcursor: pointer;\n\tdisplay: inline-flex;\n\tfont-size: 15px;\n\tjustify-content: space-between;\n\tpadding: 10px 0;\n\ttransition: color 200ms;\n\n\t&:hover {\n\t\tcolor: ${color(\"greenBright\", 1)};\n\t}\n\n\t${media.lg`\n\t\tfont-size: 16px;\n\t`}\n\n\tspan {\n\t\tcolor: ${color(\"greenBright\", 1)};\n\t\tdisplay: inline-block;\n\t\tmargin-left: 10px;\n\t\tposition: relative;\n\t\tvertical-align: middle;\n\n\t\tsvg {\n\t\t\tmax-width: 18px;\n\t\t}\n\t}\n\n\t${({ isOpen }) =>\n\t\tisOpen &&\n\t\tcss`\n\t\t\tspan {\n\t\t\t\ttransform: rotate(-180deg);\n\t\t\t}\n\t\t`}\n`;\n\nexport const OfferHistory = styled.div`\n\tbackground: ${color(\"white\")};\n\tborder-top: 1px solid ${color(\"grey\", 5)};\n\tflex-grow: 1;\n\t/* margin-bottom: 32px; */\n\tpadding: 20px 0;\n\toverflow-x: auto;\n\n\t${media.md`\n\t\tmargin-bottom: 32px;\n\t`}\n\n\t${ResultsTableRow} {\n\t\tbackground: ${color(\"white\")};\n\t\tborder-bottom: 1px solid ${color(\"grey\", 5)};\n\t\tborder: 0;\n\t\tmin-width: 550px;\n\t\tpadding-left: 0;\n\t\tpadding-right: 0;\n\n\t\t&:nth-last-of-type(2) {\n\t\t\tborder-bottom: 0;\n\t\t}\n\t}\n\n\t${ResultsTableCell} {\n\t\t@media (max-width: 991px) {\n\t\t\tflex-basis: 25% !important;\n\n\t\t\t&:first-of-type,\n\t\t\t&:last-of-type {\n\t\t\t\tdisplay: none;\n\t\t\t}\n\n\t\t\t&:nth-of-type(2) {\n\t\t\t\tpadding-left: 15px;\n\t\t\t}\n\t\t\t&:nth-last-of-type(2) {\n\t\t\t\tpadding-right: 15px;\n\t\t\t}\n\t\t}\n\t}\n`;\n","import React, { memo, Fragment, useState } from \"react\";\nimport { getSeconds, hasWindow } from \"@utils\";\nimport { ResultsTable, ResultsTableHeader, ResultsTableRow, ResultsTableCell, Toggler, OfferHistory } from \"./styles\";\n\nimport NumberFormat from \"react-number-format\";\nimport { FontAwesomeIcon as FaIcon } from \"@fortawesome/react-fontawesome\";\nimport format from \"date-fns/format\";\nimport { filterXSS } from \"xss\";\n\nimport { resolveIcon, resolveTypeText } from \"@utils/building-types\";\n\nconst FormattedDate = ({ date }) => {\n\tconst d = getSeconds(date) * 1000;\n\tconst formatted = format(d, \"DD.MM.YYYY\");\n\n\treturn <span>{formatted}</span>;\n};\n\nconst getArea = result => {\n\tconst stringBuildingType = resolveTypeText(result.buildingType);\n\n\tif ((stringBuildingType === \"lot\" || (stringBuildingType === \"ranch\" && !result.livingArea)) && typeof(result.lotAreaType) === \"string\") {\n\t\tconst lotAreaType = result.lotAreaType.replace(/(\\D+)(\\d)/, \"$1<sup>$2</sup>\");\n\t\treturn (\n\t\t\t<span dangerouslySetInnerHTML={{ __html: filterXSS(result.lotArea + \" \" + lotAreaType.toLowerCase()) }} />\n\t\t);\n\t} else {\n\t\treturn <span>{result.livingArea} m&sup2;</span>;\n\t}\n};\n\nconst getIcon = (buildingType: number) => {\n\treturn resolveIcon(buildingType);\n};\n\nconst getOfferType = offer => {\n\treturn offer.conditional ? \"Ehdollinen\" : \"Kirjallinen\";\n};\n\nconst getHighestOfferType = result => {\n\tif (result.largestOffer !== undefined) {\n\t\tfor (const i in result.onlineOffers.offers) {\n\t\t\tif (result.onlineOffers.offers.hasOwnProperty(i)) {\n\t\t\t\tif (result.largestOffer === result.onlineOffers.offers[i].amount) {\n\t\t\t\t\treturn getOfferType(result.onlineOffers.offers[i]);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t} else {\n\t\tconst offer = result.onlineOffers.offers[0];\n\t\treturn getOfferType(offer);\n\t}\n\treturn \"\";\n};\n\nconst Toggle = ({ isOpen, setOpen }) => (\n\t<Toggler onClick={() => setOpen(!isOpen)} isOpen={isOpen}>\n\t\t{isOpen ? \"Sulje\" : \"Näytä koko\"} tarjoushistoria\n\t\t<span>\n\t\t\t<FaIcon icon={[\"far\", \"angle-down\"]} />\n\t\t</span>\n\t</Toggler>\n);\n\nconst History = ({ offers, setOpen }) => {\n\treturn (\n\t\t<Fragment>\n\t\t\t<OfferHistory>\n\t\t\t\t<ResultsTableHeader>\n\t\t\t\t\t<ResultsTableCell hideOnMobile={true} />\n\t\t\t\t\t<ResultsTableCell>Annettu</ResultsTableCell>\n\t\t\t\t\t<ResultsTableCell>Tarjoaja</ResultsTableCell>\n\t\t\t\t\t<ResultsTableCell>Tarjoustyyppi</ResultsTableCell>\n\t\t\t\t\t<ResultsTableCell>Tarjous</ResultsTableCell>\n\t\t\t\t\t<ResultsTableCell hideOnMobile={true} />\n\t\t\t\t</ResultsTableHeader>\n\n\t\t\t\t{offers.map(({ amount, conditional, customers, startDate }, idx: number) => (\n\t\t\t\t\t<ResultsTableRow key={`hstrtbl${idx}`}>\n\t\t\t\t\t\t<ResultsTableCell />\n\t\t\t\t\t\t<ResultsTableCell>\n\t\t\t\t\t\t\t<FormattedDate date={startDate} />\n\t\t\t\t\t\t</ResultsTableCell>\n\t\t\t\t\t\t<ResultsTableCell>{customers && <span>{customers.join(\", \")}</span>}</ResultsTableCell>\n\t\t\t\t\t\t<ResultsTableCell>{conditional ? \"Ehdollinen\" : \"Kirjallinen\"}</ResultsTableCell>\n\t\t\t\t\t\t<ResultsTableCell>\n\t\t\t\t\t\t\t<NumberFormat thousandSeparator=\" \" displayType=\"text\" value={amount} suffix=\" €\" />\n\t\t\t\t\t\t</ResultsTableCell>\n\t\t\t\t\t\t<ResultsTableCell />\n\t\t\t\t\t</ResultsTableRow>\n\t\t\t\t))}\n\t\t\t</OfferHistory>\n\t\t\t<ResultsTableRow hasToggle={true}>\n\t\t\t\t<Toggle isOpen={true} setOpen={setOpen} />\n\t\t\t</ResultsTableRow>\n\t\t</Fragment>\n\t);\n};\n\nconst TableRow = props => {\n\tconst {\n\t\tbuildingType,\n\t\tbuildingTypeFormatted,\n\t\tdistrict,\n\t\tlargestOffer,\n\t\tlastOfferDate,\n\t\tmunicipality,\n\t\tsaleDays,\n\t\tsalesPriceUnencumbered,\n\t\tonlineOffers,\n\t} = props;\n\tconst [isOpen, setOpen] = useState(false);\n\n\treturn (\n\t\t<Fragment>\n\t\t\t<ResultsTableRow>\n\t\t\t\t<ResultsTableCell icon={getIcon(buildingType)}>\n\t\t\t\t\t<span>\n\t\t\t\t\t\t<strong>{getArea(props)}</strong>\n\t\t\t\t\t</span>\n\t\t\t\t\t{buildingTypeFormatted && (\n\t\t\t\t\t\t<span>\n\t\t\t\t\t\t\t{buildingTypeFormatted}\n\t\t\t\t\t\t\t<br />\n\t\t\t\t\t\t</span>\n\t\t\t\t\t)}\n\t\t\t\t\t{municipality} {district}\n\t\t\t\t</ResultsTableCell>\n\t\t\t\t<ResultsTableCell hideOnMobile={true}>\n\t\t\t\t\t{lastOfferDate && <FormattedDate date={lastOfferDate} />}\n\t\t\t\t</ResultsTableCell>\n\t\t\t\t<ResultsTableCell hideOnMobile={true}>{saleDays} päivää</ResultsTableCell>\n\t\t\t\t<ResultsTableCell hideOnMobile={true}>\n\t\t\t\t\t<strong>\n\t\t\t\t\t\t<NumberFormat thousandSeparator=\" \" displayType=\"text\" value={salesPriceUnencumbered} />\n\t\t\t\t\t\t&nbsp;&euro;\n\t\t\t\t\t</strong>\n\t\t\t\t</ResultsTableCell>\n\t\t\t\t<ResultsTableCell>\n\t\t\t\t\t<strong>\n\t\t\t\t\t\t<NumberFormat thousandSeparator=\" \" displayType=\"text\" value={largestOffer} />\n\t\t\t\t\t\t&nbsp;&euro;\n\t\t\t\t\t</strong>\n\t\t\t\t\t<span>({getHighestOfferType(props)})</span>\n\t\t\t\t</ResultsTableCell>\n\t\t\t\t<ResultsTableCell isOpen={isOpen}>\n\t\t\t\t\t<Toggle setOpen={setOpen} isOpen={isOpen} />\n\t\t\t\t</ResultsTableCell>\n\t\t\t</ResultsTableRow>\n\t\t\t{isOpen && (\n\t\t\t\t<ResultsTableRow hasHistory={true}>\n\t\t\t\t\t{onlineOffers && onlineOffers.offers && <History {...onlineOffers} setOpen={setOpen} />}\n\t\t\t\t</ResultsTableRow>\n\t\t\t)}\n\t\t</Fragment>\n\t);\n};\n\nconst OnlineOfferResultsArea = ({ results }) => {\n\tif (hasWindow && (!results || results.length <= 0)) {\n\t\treturn <h2>Valituilla kriteereillä ei löytynyt tuloksia</h2>;\n\t}\n\n\treturn (\n\t\t<ResultsTable>\n\t\t\t<ResultsTableHeader>\n\t\t\t\t<ResultsTableCell>Kohde</ResultsTableCell>\n\t\t\t\t<ResultsTableCell hideOnMobile={true}>Viimeinen tarjous</ResultsTableCell>\n\t\t\t\t<ResultsTableCell hideOnMobile={true}>Myyntiaika</ResultsTableCell>\n\t\t\t\t<ResultsTableCell hideOnMobile={true}>Lähtöhinta</ResultsTableCell>\n\t\t\t\t<ResultsTableCell>Suurin tarjous</ResultsTableCell>\n\t\t\t\t<ResultsTableCell />\n\t\t\t</ResultsTableHeader>\n\n\t\t\t{results && results.map((result, i) => <TableRow key={result.district + i} {...result} />)}\n\t\t</ResultsTable>\n\t);\n};\n\nexport default memo(OnlineOfferResultsArea);\n","import React, { useState, useEffect } from \"react\";\nimport { getID } from \"@components/ContentBlocks/Base\";\nimport Text from \"wake-react-components/text\";\nimport Editor from \"wake-react-components/editor\";\nimport { isAdmin } from \"wake-react-components/utils\";\nimport { Container } from \"@components/Grid\";\nimport CtaButton from \"@components/Buttons/CtaButton\";\nimport { getAssetUrl } from \"@utils/index\";\n\nimport { OnlineOfferWrapper, OnlineOfferIngress, LoadMoreContainer } from \"./styles\";\nimport SearchArea from \"./OnlineOfferSearch\";\nimport ResultsArea from \"./OnlineOfferResults\";\nimport OnlineOfferService from \"@services/online-offer.service\";\n\nimport isEqual from \"react-fast-compare\";\n\nconst OnlineOffer = ({ item }) => {\n\tconst defaultTerms = {\n\t\tlimit: item.resultCount || 5,\n\t};\n\n\tconst [resultCount, setResultCount] = useState(null);\n\tconst [results, setResults] = useState([]);\n\tconst [loading, setLoading] = useState(false);\n\tconst [searchTerms, setSearchTerms] = useState(defaultTerms);\n\tconst [lastSearchTerms, setLastSearchTerms] = useState({});\n\n\tconst id = getID(item);\n\n\tconst loadMore = () => {\n\t\tconst terms = {\n\t\t\t...searchTerms,\n\t\t\tskip: results.length,\n\t\t};\n\n\t\tsetSearchTerms(terms);\n\t};\n\n\tuseEffect(() => {\n\t\tlet isSubscribed = true;\n\n\t\tif (isEqual(defaultTerms, searchTerms) || isEqual(searchTerms, lastSearchTerms)) {\n\t\t\treturn;\n\t\t}\n\n\t\tasync function getProperties() {\n\t\t\tif (isSubscribed) {\n\t\t\t\tsetLoading(true);\n\t\t\t}\n\n\t\t\ttry {\n\t\t\t\tconst res = await OnlineOfferService.fetchOnlineOfferProperties(searchTerms);\n\t\t\t\tconst { matches, results: r } = res.data;\n\n\t\t\t\tdelete lastSearchTerms[\"skip\"];\n\t\t\t\tdelete searchTerms[\"skip\"];\n\n\t\t\t\tif (!isSubscribed) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tsetResultCount(matches);\n\n\t\t\t\tif (!isEqual(lastSearchTerms, searchTerms)) {\n\t\t\t\t\tsetResults([...r]);\n\t\t\t\t} else {\n\t\t\t\t\tsetResults([...results, ...r]);\n\t\t\t\t}\n\t\t\t} catch (e) {\n\t\t\t\tconsole.log(\"error while fetching online offer properties\", e);\n\t\t\t} finally {\n\t\t\t\tif (isSubscribed) {\n\t\t\t\t\tsetLoading(false);\n\t\t\t\t\tsetLastSearchTerms(searchTerms);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t\tgetProperties();\n\n\t\treturn () => {\n\t\t\tisSubscribed = false;\n\t\t};\n\t}, [searchTerms]);\n\n\treturn (\n\t\t<OnlineOfferWrapper id={id}>\n\t\t\t<Container>\n\t\t\t\t<OnlineOfferIngress>\n\t\t\t\t\t{isAdmin && <p>Tarjouskaupan esittelyteksti</p>}\n\t\t\t\t\t<Editor name=\"onlineOfferIngress\" />\n\t\t\t\t</OnlineOfferIngress>\n\t\t\t</Container>\n\t\t\t{isAdmin && (\n\t\t\t\t<Container>\n\t\t\t\t\t<div>\n\t\t\t\t\t\tHakutulosten lukumäärä / sivu:&nbsp;\n\t\t\t\t\t\t<Text name=\"resultCount\" placeholder=\"Tulosten määrä\" defaultValue=\"30\" />\n\t\t\t\t\t</div>\n\t\t\t\t\t<div>\n\t\t\t\t\t\tTarjoushaun otsikko:&nbsp;\n\t\t\t\t\t\t<Text\n\t\t\t\t\t\t\tname=\"heading\"\n\t\t\t\t\t\t\tplaceholder=\"Otsikko\"\n\t\t\t\t\t\t\tdefaultValue=\"Hae Tarjouskaupalla myytyjä kohteita\"\n\t\t\t\t\t\t\tmultiline={true}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</div>\n\t\t\t\t</Container>\n\t\t\t)}\n\t\t\t{!isAdmin && (\n\t\t\t\t<Container>\n\t\t\t\t\t<SearchArea\n\t\t\t\t\t\tcount={resultCount}\n\t\t\t\t\t\tlimit={item.resultCount}\n\t\t\t\t\t\theading={item.heading}\n\t\t\t\t\t\tonSelections={setSearchTerms}\n\t\t\t\t\t/>\n\t\t\t\t\t<ResultsArea results={results} />\n\t\t\t\t\t{results.length > 0 && resultCount > results.length && (\n\t\t\t\t\t\t<LoadMoreContainer>\n\t\t\t\t\t\t\t<CtaButton submitting={loading} onClick={loadMore}>\n\t\t\t\t\t\t\t\tLataa lisää\n\t\t\t\t\t\t\t</CtaButton>\n\t\t\t\t\t\t</LoadMoreContainer>\n\t\t\t\t\t)}\n\t\t\t\t</Container>\n\t\t\t)}\n\t\t</OnlineOfferWrapper>\n\t);\n};\n\nOnlineOffer.thumb = () => (\n\t<div>\n\t\t<img src={getAssetUrl(\"/assets/images/campaign-block-thumbs/Tarjouskauppa.jpg\")} alt=\"Tarjouskauppa\" />\n\t\t<p>Tarjouskauppa</p>\n\t</div>\n);\n\nOnlineOffer.settings = () => (\n\t<div className=\"settings\">\n\t\t<span>\n\t\t\tElementin ID <small>(esim ankkuriksi)</small>&nbsp;\n\t\t</span>\n\t\t<Text name=\"elementID\" placeholder=\"ID\" />\n\t</div>\n);\n\nexport default OnlineOffer;\n","import styled from \"styled-components\";\nimport { media, grid, color, textStyles } from \"@utils/style-utils\";\n\nexport const PersonLiftsContainer = styled.div`\n\tmargin: 60px auto;\n\tmax-width: 1160px;\n\tpadding: 0 15px;\n\n\t${media.lg`\n\t\tmargin: 80px auto;\n\t`}\n`;\n\nexport const PersonCards = styled.div`\n\t${media.sm`\n\t\tdisplay: flex;\n\t\tflex-wrap: wrap;\n\t\tjustify-content: space-between;\n\t`}\n`;\n\nexport const PersonCard = styled.div`\n\tborder: 1px solid ${color(\"grey\", 5)};\n\tborder-radius: 4px;\n\tdisplay: flex;\n\tflex-basis: 100%;\n\tflex-direction: column;\n\tmargin-bottom: ${grid.gutterSmall}px;\n\tpadding: 15px;\n\n\t${media.sm`\n\t\tflex-basis: calc((100% - ${grid.gutterSmall}px) / 2);\n\t`}\n\n\t${media.lg`\n\t\tflex-basis: calc((100% - ${grid.gutter}px) / 2);\n\t\tmargin-bottom: ${grid.gutter}px;\n\t`}\n`;\n\nexport const PersonCardTop = styled.div`\n\t${media.md`\n\t\tdisplay: flex;\n\t\tjustify-content: space-between;\n\t`}\n`;\n\nexport const PersonCardBottom = styled.div`\n\tborder-top: 1px solid ${color(\"grey\", 5)};\n\tpadding: 20px 15px 5px;\n\tmargin-left: -15px;\n\tmargin-right: -15px;\n\n\t${textStyles.PSmall}\n`;\n\nexport const PersonImage = styled.div`\n\timg {\n\t\tdisplay: block;\n\t\twidth: 100%;\n\t}\n\n\t${media.md`\n\t\tflex-basis: calc((100% - ${grid.gutterSmall}px) * 0.35);\n\t\twidth: calc((100% - ${grid.gutterSmall}px) * 0.35);\n\t`}\n\n\t${media.lg`\n\t\tflex-basis: calc((100% - ${grid.gutter}px) * 0.35);\n\t\twidth: calc((100% - ${grid.gutter}px) * 0.35);\n\t`}\n`;\n\nexport const PersonCardInfo = styled.div`\n\talign-items: center;\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: center;\n\tpadding: 15px;\n\n\t${media.md`\n\t\tflex-basis: calc((100% - ${grid.gutterSmall}px) * 0.65);\n\t`}\n\n\t${media.lg`\n\t\tflex-basis: calc((100% - ${grid.gutter}px) * 0.65);\n\t`}\n\n\t.phone {\n\t\tmargin-top: 0;\n\t}\n\n\t[itemprop=\"telephone\"] {\n\t\t${textStyles.H3Condensed}\n\t\tcolor: ${color(\"greenBright\", 1)};\n\t\tfont-size: 18px;\n\n\t\t.icon {\n\t\t\tdisplay: inline-block;\n\t\t\tmargin-right: 16px;\n\t\t\tposition: relative;\n\n\t\t\tsvg {\n\t\t\t\tmax-width: 16px;\n\t\t\t}\n\t\t}\n\t}\n`;\n","import React, { Fragment } from \"react\";\nimport Text from \"wake-react-components/text\";\nimport Repeater from \"wake-react-components/repeater\";\nimport Image from \"wake-react-components/image\";\nimport { isAdmin } from \"wake-react-components/utils\";\nimport Phone from \"@components/Info/Phone\";\nimport { getAssetUrl } from \"@utils/index\";\nimport { getID } from \"../Base\";\n\nimport {\n\tPersonLiftsContainer,\n\tPersonCards,\n\tPersonCard,\n\tPersonImage,\n\tPersonCardTop,\n\tPersonCardInfo,\n\tPersonCardBottom,\n} from \"./styles\";\n\nconst PersonLifts = ({item: blockItem}) => {\n\n\tconst id = getID(blockItem);\n\n\treturn (\n\t\t<PersonLiftsContainer id={id}>\n\t\t\t<h2>\n\t\t\t\t<Text name=\"personLiftsTitle\" placeholder=\"Ryhmän otsikko\" />\n\t\t\t</h2>\n\n\t\t\t<PersonCards>\n\t\t\t\t<Repeater name=\"personLifts\" tagName={PersonCard}>\n\t\t\t\t\t{({ item }) => (\n\t\t\t\t\t\t<Fragment>\n\t\t\t\t\t\t\t<PersonCardTop>\n\t\t\t\t\t\t\t\t<PersonImage>\n\t\t\t\t\t\t\t\t\t<Image name=\"personCardPhoto\" sizeInfo={[328, 418]} />\n\t\t\t\t\t\t\t\t</PersonImage>\n\t\t\t\t\t\t\t\t<PersonCardInfo>\n\t\t\t\t\t\t\t\t\t<h3>\n\t\t\t\t\t\t\t\t\t\t<Text name=\"personCardName\" placeholder=\"Nimi\" />\n\t\t\t\t\t\t\t\t\t</h3>\n\t\t\t\t\t\t\t\t\t<p className=\"phone\">\n\t\t\t\t\t\t\t\t\t\t{isAdmin && <Text name=\"personCardPhone\" placeholder=\"Puhelinnumero\" />}\n\n\t\t\t\t\t\t\t\t\t\t{!isAdmin && item.personCardPhone && (\n\t\t\t\t\t\t\t\t\t\t\t<Phone phone={item.personCardPhone} withIcon={true} />\n\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t\t</PersonCardInfo>\n\t\t\t\t\t\t\t</PersonCardTop>\n\t\t\t\t\t\t\t<PersonCardBottom>\n\t\t\t\t\t\t\t\t<Text name=\"personCardTitle\" placeholder=\"Titteli ja koulutus\" multiline={true} />\n\t\t\t\t\t\t\t</PersonCardBottom>\n\t\t\t\t\t\t</Fragment>\n\t\t\t\t\t)}\n\t\t\t\t</Repeater>\n\t\t\t</PersonCards>\n\t\t</PersonLiftsContainer>\n\t);\n};\n\nPersonLifts.thumb = () => (\n\t<div>\n\t\t<img src={getAssetUrl(\"/assets/images/campaign-block-thumbs/HenkiloNosto.jpg\")} alt=\"HenkilöListaus\" />\n\t\t<p>Henkilönostot</p>\n\t</div>\n);\nPersonLifts.settings = () => (\n\t<div className=\"settings\">\n\t\t<span>\n\t\t\tElementin ID <small>(esim ankkuriksi)</small>&nbsp;\n\t\t</span>\n\t\t<Text name=\"elementID\" placeholder=\"ID\" />\n\t</div>\n);\n\nexport default PersonLifts;\n","import styled from \"styled-components\";\nimport { color, media, grid, textStyles } from \"@utils/style-utils\";\nimport clsx from \"clsx\";\nimport { Link } from \"react-router-dom\";\n\nexport const Boxes = styled.div`\n\tdisplay: flex;\n\tflex-direction: column;\n\tflex-wrap: wrap;\n\n\t${media.md`\n\t\tflex-direction: row;\n\t\tjustify-content: space-between;\n\t`}\n`;\n\nexport const QuoteBox = styled.div.attrs(props => ({\n\tclassName: clsx(\"quote-box\", props && props.isBeige && \"color-beige\"),\n}))`\n\tbackground: ${props => (props.isBeige ? color(\"beige\", 4) : color(\"blue\", 5))};\n\tborder-radius: 4px;\n\tdisplay: flex;\n\tflex-basis: 100%;\n\tflex-direction: column;\n\tmargin-bottom: ${grid.gutterSmall}px;\n\tpadding: 28px 30px;\n\n\t${media.lg`\n\t\t&:first-child:nth-last-child(1) {\n\t\t\tflex-basis: 100%;\n\t\t}\n\n\t\t&:first-child:nth-last-child(2),\n\t\t&:first-child:nth-last-child(2) ~ .quote-box {\n\t\t\tflex-basis: calc((100% - ${grid.gutterSmall}px) / 2);\n\t\t}\n\n\t\t&:first-child:nth-last-child(3),\n\t\t&:first-child:nth-last-child(3) ~ .quote-box {\n\t\t\tflex-basis: calc((100% - ${grid.gutterSmall * 2}px) / 3);\n\t\t}\n\t`}\n\n\t${media.xl`\n\t\tmargin-bottom: ${grid.gutter}px;\n\n\t\t&:first-child:nth-last-child(1) {\n\t\t\tflex-basis: 100%;\n\t\t}\n\n\t\t&:first-child:nth-last-child(2),\n\t\t&:first-child:nth-last-child(2) ~ & {\n\t\t\tflex-basis: calc((100% - ${grid.gutter}px) / 2);\n\t\t}\n\n\t\t&:first-child:nth-last-child(3),\n\t\t&:first-child:nth-last-child(3) ~ & {\n\t\t\tflex-basis: calc((100% - ${grid.gutter * 2}px) / 3);\n\t\t}\n\n\t`}\n\n\t*::selection {\n\t\tbackground-color: ${color(\"blue\", 3)};\n\t}\n\n\t[ng-app=\"editor\"] & {\n\t\t.r-reference {\n\t\t\tmargin-bottom: 14px;\n\t\t}\n\t}\n\n\t.r-reference__click-area {\n\t\tborder: 1px dashed ${color(\"grey\", 3)};\n\t\tmin-height: 100%;\n\n\t\t&:first-child:last-child {\n\t\t\t&::before {\n\t\t\t\tcontent: \"Lisää välittäjä\";\n\t\t\t\tdisplay: block;\n\t\t\t\tfont-size: 14px;\n\t\t\t\tleft: 0;\n\t\t\t\tposition: absolute;\n\t\t\t\tright: 0;\n\t\t\t\ttext-align: center;\n\t\t\t\ttop: 50%;\n\t\t\t\ttransform: translateY(-50%);\n\t\t\t}\n\t\t}\n\t}\n`;\n\nexport const QuoteBoxText = styled.div`\n\tflex-grow: 1;\n\tmargin-bottom: 30px;\n\tpadding: 20px 25px 20px 18px;\n\tposition: relative;\n\t${textStyles.PSmall}\n\n\t&::after {\n\t\tcontent: \"\\\\275B\\\\fe0e \\\\275B\\\\fe0e\";\n\t\tcolor: ${color(\"blue\", 2)};\n\t\tdisplay: block;\n\t\tfont-family: \"Zapf Dingbats\", \"GT Walsheim\", Helvetica, Arial, sans-serif;\n\t\tfont-size: 30px;\n\t\tfont-weight: 500;\n\t\tposition: absolute;\n\t\tright: 0;\n\t\ttop: 0;\n\t}\n\n\t.color-beige & {\n\t\t&::after {\n\t\t\tcolor: ${color(\"beige\", 1)};\n\t\t}\n\t}\n`;\n\nexport const QuoteBoxQuoter = styled.div`\n\tcolor: ${color(\"grey\", 2)};\n\t${textStyles.MicroText}\n\tmargin: 0;\n\tpadding: 0 22px;\n\n\t[contenteditable=\"true\"] {\n\t\twidth: 100%;\n\t}\n`;\n\nexport const QuoteAgent = styled(Link)`\n\talign-items: center;\n\tcolor: ${color(\"grey\", 1)};\n\tdisplay: flex;\n\n\t.is-pointer & {\n\t\t&:hover {\n\t\t\th4,\n\t\t\tp {\n\t\t\t\tcolor: ${color(\"greenBright\", 1)};\n\t\t\t}\n\n\t\t\timg {\n\t\t\t\ttransform: translateX(-50%) scale(1.1);\n\n\t\t\t\t&[src*=\"agent-icon.png\"] {\n\t\t\t\t\ttransform: translate(-50%, -50%) scale(1.1);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n`;\n\nexport const QuoteAgentImage = styled.div`\n\tbackground: ${color(\"white\")};\n\tborder: 1px solid ${color(\"grey\", 5)};\n\tborder-radius: 50%;\n\theight: 72px;\n\toverflow: hidden;\n\tmargin-right: 12px;\n\tposition: relative;\n\twidth: 72px;\n\n\timg {\n\t\tleft: 50%;\n\t\tposition: absolute;\n\t\ttop: 0;\n\t\ttransform: translateX(-50%) scale(1);\n\t\ttransition: transform 250ms;\n\t\twidth: 100%;\n\n\t\t&[src*=\"agent-icon.png\"] {\n\t\t\ttop: 50%;\n\t\t\ttransform: translate(-50%, -50%) scale(1);\n\t\t\twidth: 70%;\n\t\t}\n\t}\n`;\n\nexport const QuoteAgentInfo = styled.div`\n\tdisplay: flex;\n\tflex-direction: column;\n\n\th4 {\n\t\t${textStyles.MicroTextCaps}\n\t\tmargin: 0;\n\t\ttransition: color 150ms;\n\t}\n\n\tp {\n\t\t${textStyles.MicroText}\n\t\tcolor: ${color(\"grey\", 2)};\n\t\tmargin: 0;\n\t\ttransition: color 150ms;\n\t}\n`;\n","import React from \"react\";\nimport { getID } from \"@components/ContentBlocks/Base\";\nimport { Wrapper, Container } from \"@components/Grid\";\nimport Text from \"wake-react-components/text\";\nimport Input from \"wake-react-components/input\";\nimport Reference from \"wake-react-components/reference\";\nimport { isAdmin } from \"wake-react-components/utils\";\nimport { filterXSS } from \"xss\";\nimport isEmpty from \"lodash-es/isEmpty\";\nimport { getAssetUrl } from \"@utils\";\n\nimport { Boxes, QuoteBox, QuoteBoxText, QuoteBoxQuoter, QuoteAgent, QuoteAgentImage, QuoteAgentInfo } from \"./styles\";\nimport { AgentImage } from \"@components/Agent\";\n\nconst queryFields = [\n\t\"canonicalPath\",\n\t\"degrees\",\n\t\"firstName\",\n\t\"halfBodyImageName\",\n\t\"halfBodyImagePath\",\n\t\"imageName\",\n\t\"imagePath\",\n\t\"key\",\n\t\"lastName\",\n\t\"name\",\n\t\"title\",\n];\n\nconst QBox = ({ id, data }) => {\n\tconst quoter = data[`quoteBoxQuoter${id}`];\n\tconst person = data[`quoteBoxPerson${id}`];\n\tconst hidden = data[`quoteHidden${id}`];\n\n\tif (!isAdmin && hidden) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<QuoteBox isBeige={!isEmpty(person)}>\n\t\t\t{isAdmin && (\n\t\t\t\t<div>\n\t\t\t\t\tPiilota tämä? <Input type=\"checkbox\" name={`quoteHidden${id}`} />\n\t\t\t\t</div>\n\t\t\t)}\n\n\t\t\t<QuoteBoxText>\n\t\t\t\t<Text name={`quoteBoxText${id}`} placeholder=\"Teksti\" />\n\t\t\t</QuoteBoxText>\n\n\t\t\t{isAdmin && <p>Valitse joko välittäjä, tai vapaa teksti</p>}\n\n\t\t\t<Reference name={`quoteBoxPerson${id}`} type=\"AgentDocument\" fields={queryFields} limit={1}>\n\t\t\t\t{({ item }) => (\n\t\t\t\t\t<QuoteAgent\n\t\t\t\t\t\titemScope={true}\n\t\t\t\t\t\titemType=\"https://schema.org/Person\"\n\t\t\t\t\t\tto={(item && item.canonicalPath) || \"#\"}\n\t\t\t\t\t>\n\t\t\t\t\t\t<QuoteAgentImage>\n\t\t\t\t\t\t\t<AgentImage\n\t\t\t\t\t\t\t\tagent={item}\n\t\t\t\t\t\t\t\tsize=\"w_150,h_150\"\n\t\t\t\t\t\t\t\tfallbackSrc={getAssetUrl(\"/assets/images/agent-icon.png\")}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</QuoteAgentImage>\n\t\t\t\t\t\t<QuoteAgentInfo>\n\t\t\t\t\t\t\t<h4 itemProp=\"name\">\n\t\t\t\t\t\t\t\t{item.firstName && item.lastName ? `${item.firstName} ${item.lastName}` : item.name}\n\t\t\t\t\t\t\t</h4>\n\t\t\t\t\t\t\t<p>\n\t\t\t\t\t\t\t\t{item.title && <span itemProp=\"jobTitle\">{item.title}</span>}\n\t\t\t\t\t\t\t\t{item.degrees && (\n\t\t\t\t\t\t\t\t\t<span>\n\t\t\t\t\t\t\t\t\t\t{item.title ? \", \" : \"\"}\n\t\t\t\t\t\t\t\t\t\t{item.degrees}\n\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t</QuoteAgentInfo>\n\t\t\t\t\t</QuoteAgent>\n\t\t\t\t)}\n\t\t\t</Reference>\n\n\t\t\t{isAdmin && (\n\t\t\t\t<QuoteBoxQuoter>\n\t\t\t\t\t<Text name={`quoteBoxQuoter${id}`} multiline={true} placeholder=\"Nimi\" />\n\t\t\t\t</QuoteBoxQuoter>\n\t\t\t)}\n\n\t\t\t{!isAdmin && isEmpty(person) && quoter && (\n\t\t\t\t<QuoteBoxQuoter dangerouslySetInnerHTML={{ __html: filterXSS(quoter) }} />\n\t\t\t)}\n\t\t</QuoteBox>\n\t);\n};\n\nconst QuoteBoxes = props => {\n\tconst { item } = props;\n\tconst id = getID(props);\n\n\treturn (\n\t\t<Wrapper id={id}>\n\t\t\t<Container>\n\t\t\t\t<Boxes>\n\t\t\t\t\t<QBox id={1} data={item} />\n\t\t\t\t\t<QBox id={2} data={item} />\n\t\t\t\t\t<QBox id={3} data={item} />\n\t\t\t\t</Boxes>\n\t\t\t</Container>\n\t\t</Wrapper>\n\t);\n};\n\nQuoteBoxes.settings = () => (\n\t<div className=\"settings\">\n\t\t<span>\n\t\t\tElementin ID <small>(esim ankkuriksi)</small>&nbsp;\n\t\t</span>\n\t\t<Text name=\"elementID\" placeholder=\"ID\" />\n\t</div>\n);\n\nQuoteBoxes.thumb = () => (\n\t<div>\n\t\t<img src={getAssetUrl(\"assets/images/campaign-block-thumbs/Lainauslaatikot.jpg\")} alt=\"Lainauslaatikot\" />\n\t\t<p>Lainauslaatikot</p>\n\t</div>\n);\n\nexport default QuoteBoxes;\n","import styled from \"styled-components\";\nimport { color, boxShadow, textStyles } from \"@utils/style-utils\";\nimport { getAssetUrl } from \"@utils\";\nimport { rgba } from \"polished\";\n\nconst textShadow = color =>\n\t`0px 0px 10px ${color}, -1px -1px 0 ${color}, 1px -1px 0 ${color}, -1px  1px 0 ${color}, 1px  1px 0 ${color}`;\n\nexport const Banner = styled.div`\n\talign-items: center;\n\tbackground-position: center;\n\tbackground-repeat: no-repeat;\n\tbackground-size: cover;\n\tbox-shadow: ${boxShadow.wide};\n\tdisplay: flex;\n\tjustify-content: center;\n\tmargin: 0 auto 90px;\n\tmax-width: 1130px;\n\tmin-height: 226px;\n\toverflow: hidden;\n\tposition: relative;\n\tpadding: 70px 30px;\n\twidth: 100%;\n\n\t&.color-green {\n\t\tbackground-image: url(${getAssetUrl(\"/assets/images/brand-identity/graphics/slogan-banner-green.jpg\")});\n\n\t\t*::selection {\n\t\t\tbackground-color: ${rgba(color(\"greenDark\", 3), 0.6)} !important;\n\t\t}\n\t}\n\n\t&.color-blue {\n\t\tbackground-image: url(${getAssetUrl(\"/assets/images/brand-identity/graphics/slogan-banner-blue.jpg\")});\n\n\t\t*::selection {\n\t\t\tbackground-color: ${rgba(color(\"blue\", 3), 0.6)} !important;\n\t\t}\n\t}\n\n\t&.color-red {\n\t\tbackground-image: url(${getAssetUrl(\"/assets/images/brand-identity/graphics/slogan-banner-coral.jpg\")});\n\n\t\t*::selection {\n\t\t\tbackground-color: ${rgba(color(\"coral\", 3), 0.6)} !important;\n\t\t}\n\t}\n`;\n\nexport const BannerText = styled.h2`\n\t${textStyles.H1}\n\tcolor: ${color(\"white\")};\n\tmargin: 0;\n\tposition: relative;\n\ttext-align: center;\n\tz-index: 9;\n\n\t.color-green & {\n\t\ttext-shadow: ${textShadow(color(\"greenDark\", 1))};\n\t}\n\n\t.color-blue & {\n\t\ttext-shadow: ${textShadow(color(\"blue\", 1))};\n\t}\n\n\t.color-red & {\n\t\ttext-shadow: ${textShadow(color(\"coral\", 1))};\n\t}\n\n\t.multiline p {\n\t\t${textStyles.H1}\n\t\tcolor: white;\n\t}\n`;\n","import React from \"react\";\nimport { Wrapper, Container } from \"@components/Grid\";\nimport Input from \"wake-react-components/input\";\nimport Text from \"wake-react-components/text\";\nimport { Banner, BannerText } from \"./styles\";\nimport { isAdmin } from \"wake-react-components/utils\";\nimport { getAssetUrl } from \"@utils/index\";\n\nconst TextBanner = ({ item }) => {\n\tconst { bannerColor = \"green\" } = item;\n\n\treturn (\n\t\t<Wrapper>\n\t\t\t<Container>\n\t\t\t\t{isAdmin && (\n\t\t\t\t\t<div>\n\t\t\t\t\t\t<p>Bannerin taustaväri</p>\n\t\t\t\t\t\t<Input type=\"select\" defaultValue=\"1\" name=\"bannerColor\">\n\t\t\t\t\t\t\t<option value=\"green\">Vihreä</option>\n\t\t\t\t\t\t\t<option value=\"blue\">Sininen</option>\n\t\t\t\t\t\t\t<option value=\"red\">Punainen</option>\n\t\t\t\t\t\t</Input>\n\t\t\t\t\t\t<br />\n\t\t\t\t\t\t<br />\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t\t<Banner className={`color-${bannerColor}`}>\n\t\t\t\t\t<BannerText>\n\t\t\t\t\t\t<Text name=\"textBannerContent\" multiline={true} placeholder=\"Bannerin teksti\" />\n\t\t\t\t\t</BannerText>\n\t\t\t\t</Banner>\n\t\t\t</Container>\n\t\t</Wrapper>\n\t);\n};\n\nTextBanner.thumb = () => (\n\t<div>\n\t\t<img src={getAssetUrl(\"/assets/images/campaign-block-thumbs/Tekstibanneri.jpg\")} alt=\"Tekstibanneri\" />\n\t\t<p>Tekstibanneri</p>\n\t</div>\n);\n\nexport default TextBanner;\n","import styled from \"styled-components\";\nimport { media, color } from \"@utils/style-utils\";\n\nexport const BackgroundWrapper = styled.div`\n\tmargin-bottom: 50px;\n\tpadding: 70px 15px;\n\tposition: relative;\n\twidth: 100%;\n\n\t${media.md`\n\t\tmargin-bottom: 70px;\n\t`}\n\n\t${media.lg`\n\t\tmargin-bottom: 100px;\n\t\tpadding: 120px 30px;\n\t`}\n`;\n\nexport const BackgroundImage = styled.span`\n\tbackground-position: center;\n\tbackground-repeat: no-repeat;\n\tbackground-size: cover;\n\tdisplay: block;\n\tfilter: url(#sharpBlur);\n\theight: 100%;\n\tleft: 0;\n\tposition: absolute;\n\ttop: 0;\n\twidth: 100%;\n\tz-index: 1;\n\n\t&::before {\n\t\tbackground: rgba(0, 0, 0, 0.1);\n\t\tcontent: \"\";\n\t\tdisplay: block;\n\t\theight: 100%;\n\t\tleft: 0;\n\t\tposition: absolute;\n\t\ttop: 0;\n\t\twidth: 100%;\n\t\tz-index: 2;\n\t}\n`;\n\nexport const Title = styled.h1`\n\tcolor: ${color(\"white\")};\n\tmargin: 0;\n\tposition: relative;\n\ttext-align: center;\n\tz-index: 9;\n`;\n","import React from \"react\";\nimport Background from \"wake-react-components/background\";\nimport Text from \"wake-react-components/text\";\nimport { getAssetUrl } from \"@utils/index\";\nimport { BackgroundWrapper, BackgroundImage, Title } from \"./styles\";\n\nconst TitleWithBackground = ({ item }) => {\n\treturn (\n\t\t<BackgroundWrapper>\n\t\t\t<Title>\n\t\t\t\t<Text name=\"titleWithBackgroundH1\" placeholder=\"Otsikko H1\" />\n\t\t\t</Title>\n\t\t\t<Background\n\t\t\t\tname=\"titleWithBgImage\"\n\t\t\t\tsizeInfo={[1920, 400]}\n\t\t\t\ttagName={BackgroundImage}\n\t\t\t\tthumb={[1920, null, \"resize\"]}\n\t\t\t/>\n\t\t</BackgroundWrapper>\n\t);\n};\n\nTitleWithBackground.thumb = () => (\n\t<div>\n\t\t<img src={getAssetUrl(\"/assets/images/campaign-block-thumbs/OtsikkoTaustakuvalla.jpg\")} alt=\"Otsikko taustakuvalla\" />\n\t\t<p>Otsikko H1 taustakuvalla</p>\n\t</div>\n);\n\nexport default TitleWithBackground;\n","import Agencies from \"@components/ContentBlocks/Agencies\";\nimport AgentLifts from \"@components/ContentBlocks/AgentLifts\";\nimport ApartmentLifts from \"@components/ContentBlocks/ApartmentLifts\";\nimport Banner from \"@components/ContentBlocks/Banner\";\nimport BannerImage from \"@components/ContentBlocks/BannerImage\";\nimport ContactForm from \"@components/ContentBlocks/ContactForm\";\nimport DanskeCalculator from \"@components/ContentBlocks/DanskeCalculator\";\nimport DanskeCalculatorAndImage from \"@components/ContentBlocks/DanskeCalculatorAndImage\";\nimport DownloadForm from \"@components/ContentBlocks/DownloadForm\";\nimport Hero from \"@components/ContentBlocks/Hero\";\nimport Ingress from \"@components/ContentBlocks/Ingress\";\nimport LinkBlocks from \"@components/ContentBlocks/LinkBlocks\";\nimport OnlineOffer from \"@components/ContentBlocks/OnlineOffer\";\nimport PersonLifts from \"@components/ContentBlocks/PersonLifts\";\nimport QuoteBoxes from \"@components/ContentBlocks/QuoteBoxes\";\nimport TextAndImage from \"@components/ContentBlocks/TextAndImage\";\nimport TextAndVideo from \"@components/ContentBlocks/TextAndVideo\";\nimport TextBanner from \"@components/ContentBlocks/TextBanner\";\nimport TextBoxes from \"@components/ContentBlocks/TextBoxes\";\nimport TextContent from \"@components/ContentBlocks/TextContent\";\nimport Title from \"@components/ContentBlocks/HeadingH1\";\nimport TitleWithBackground from \"@components/ContentBlocks/TitleWithBackground\";\nimport TwoTextBoxes from \"@components/ContentBlocks/TwoTextBoxes\";\nimport Video from \"@components/ContentBlocks/Video\";\n\nconst blocks = {\n\tAgencies,\n\tAgentLifts,\n\tApartmentLifts,\n\tBanner,\n\tBannerImage,\n\tContactForm,\n\tDanskeCalculator,\n\tDanskeCalculatorAndImage,\n\tDownloadForm,\n\tHero,\n\tIngress,\n\tLinkBlocks,\n\tOnlineOffer,\n\tPersonLifts,\n\tQuoteBoxes,\n\tTextAndImage,\n\tTextAndVideo,\n\tTextBanner,\n\tTextBoxes,\n\tTextContent,\n\tTitle,\n\tTitleWithBackground,\n\tTwoTextBoxes,\n\tVideo,\n};\n\nexport default blocks;\n","import styled from \"styled-components\";\nimport { rgba } from \"polished\";\nimport { color, textStyles, media, grid } from \"@utils/style-utils\";\n\nexport const HeadstartHero = styled.div`\n\tmargin-bottom: 94px;\n\tpadding: 60px ${grid.gutterSmall / 2}px 0;\n\tposition: relative;\n\n\t${media.md`\n\t\tmargin-bottom: 130px;\n\t\tpadding-top: 70px;\n\t`}\n\n\t${media.lg`\n\t\tmargin-bottom: 184px;\n\t\tpadding-top: 124px;\n\t`}\n\n\t.bg {\n\t\tbackground-color: ${rgba(color(\"greenBright\", 4), 0.25)};\n\t\theight: 100%;\n\t\tleft: 0;\n\t\toverflow: hidden;\n\t\tposition: absolute;\n\t\ttop: 0;\n\t\twidth: 100%;\n\n\t\tspan {\n\t\t\tbackground-image: url(\"/assets/images/brand-identity/graphics/multiagency-form-pattern@2x.png\");\n\t\t\tbackground-position: 50% 100%;\n\t\t\tbackground-repeat: no-repeat;\n\t\t\tbackground-size: 1920px auto;\n\t\t\tdisplay: block;\n\t\t\theight: 100%;\n\t\t\tleft: 0;\n\t\t\toverflow: hidden;\n\t\t\tposition: absolute;\n\t\t\ttop: 0;\n\t\t\twidth: 100%;\n\t\t}\n\t}\n`;\n\nexport const HeadstartHeroContent = styled.div`\n\tmargin: 0 auto;\n\tmax-width: 896px;\n\tposition: relative;\n\ttext-align: center;\n\ttop: 60px;\n\tz-index: 4;\n\n\th1 {\n\t\tmargin-bottom: 40px;\n\t\tmargin-top: 0;\n\t}\n\n\t.hero-content {\n\t\tmargin-bottom: 56px;\n\n\t\tp {\n\t\t\t${textStyles.PMedium}\n\t\t}\n\n\t\ta {\n\t\t\t${textStyles.AInline}\n\t\t}\n\t}\n`;\n","import styled from \"styled-components\";\nimport { color, ribbon, boxShadow, grid, media, textStyles } from \"@utils/style-utils\";\n\nexport const FormContainer = styled.div`\n\tbackground: ${color(\"white\")};\n\tbox-shadow: ${boxShadow.hugeLight};\n\tposition: relative;\n\tpadding: 86px 20px 60px;\n\n\t&::before {\n\t\t${ribbon}\n\t\tcontent: '';\n\t\theight: 6px;\n\t\tleft: 0;\n\t\tposition: absolute;\n\t\ttop: 0;\n\t\twidth: 100%;\n\t}\n\n\t.placeholder-input.extra-margin,\n\t.headstart-name {\n\t\tmargin-bottom: 37px;\n\t}\n\n\t.placeholder-gdpr,\n\t.gdpr-link {\n\t\tmargin-top: 42px;\n\t}\n\n\tbutton {\n\t\tmax-width: 230px;\n\t\twidth: 100%;\n\t}\n`;\n\nexport const FormContent = styled.div`\n\tmargin: 0 auto;\n\tmax-width: 662px;\n\n\th3 {\n\t\tmargin: 0 auto 16px;\n\t\ttext-align: center;\n\t}\n\n\tp.no-selections {\n\t\t${textStyles.PSmallCondensed}\n\t\tcolor: ${color(\"grey\", 2)};\n\t\tmargin: 0 0% 32px;\n\n\t\ta {\n\t\t\tcolor: ${color(\"greenDark\", 1)};\n\n\t\t\t.is-pointer & {\n\t\t\t\t&:hover {\n\t\t\t\t\tcolor: ${color(\"greenDark\", 2)};\n\t\t\t\t\ttext-decoration: underline;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n`;\n\nexport const FormLabel = styled.p`\n\t${textStyles.MediumText}\n\tmargin: 0 0 13px;\n\ttext-align: left;\n`;\n\nexport const FormColumns = styled.div`\n\tdisplay: flex;\n\tflex-direction: column;\n\n\t${media.md`\n\t\tflex-direction: row;\n\t\tjustify-content: space-between;\n\t`}\n`;\n\nexport const FormColumn = styled.div`\n\tflex-basis: 100%;\n\tmargin-bottom: 16px;\n\n\t&:last-of-type {\n\t\tmargin-bottom: 0;\n\t}\n\n\t${media.md`\n\t\tflex-basis: calc((100% - ${grid.gutterSmall}px) / 2);\n\t\tmargin-bottom: 0;\n\t`}\n\n\t${media.lg`\n\t\tflex-basis: calc((100% - ${grid.gutter}px) / 2);\n\t`}\n`;\n","import axios from \"axios\";\nimport { hasWindow } from \"@utils\";\nimport isEmpty from \"lodash-es/isEmpty\";\nimport dataLayerPush from \"@utils/dataLayerPush\";\n\nconst API_URL: string = \"/api/km/KMSite/addSearchWatch\";\n\nexport interface ISearchWatchData {\n\temail: string;\n\tfirstName: string;\n\tlastName: string;\n\tname: string;\n\tphone: string;\n\tpostCode: string | number;\n\tstreetAddress: string;\n\twakeTestEmail?: string;\n\twatchParams: IApartmentQuery;\n}\n\nconst sendGA = () => {\n\tdataLayerPush({\n\t\taction: \"Lähetä\",\n\t\tconversionDetails: \"24h Etumatka\",\n\t\tevent: \"customConversion\",\n\t});\n};\n\nconst addSearchWatch = async (params: ISearchWatchData) => {\n\tif (hasWindow && window[\"wakeTestEmail\"]) {\n\t\tparams.wakeTestEmail = window[\"wakeTestEmail\"];\n\t}\n\n\ttry {\n\t\tconst { watchParams, ...rest } = params;\n\t\tconst { query, ...restWatchParams } = watchParams;\n\t\tlet formattedQuery;\n\n\t\tif (!isEmpty(query)) {\n\t\t\tformattedQuery = [];\n\t\t\tif (Array.isArray(query)) {\n\t\t\t\tquery.forEach((q) => {\n\t\t\t\t\tformattedQuery.push(JSON.stringify(q));\n\t\t\t\t});\n\t\t\t} else {\n\t\t\t\tformattedQuery = [JSON.stringify(query)];\n\t\t\t}\n\t\t}\n\n\t\tconst formattedParams = {\n\t\t\t...rest,\n\t\t\twatchParams: {\n\t\t\t\t...restWatchParams,\n\t\t\t\tquery: formattedQuery,\n\t\t\t},\n\t\t};\n\n\t\tconst response = await axios.post(API_URL, formattedParams);\n\t\tsendGA();\n\n\t\treturn response.data;\n\t} catch (e) {\n\t\tconsole.log(e);\n\t\tthrow e;\n\t}\n};\n\nexport default {\n\taddSearchWatch,\n};\n","import React, { Fragment } from \"react\";\nimport NumberFormat from \"react-number-format\";\n\nconst PriceRange = ({ min, max }: { min: number; max: number }) => {\n\tif (!min && !max) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<Fragment>\n\t\t\t{min && max && (\n\t\t\t\t<p>\n\t\t\t\t\t<span className=\"label\">Hinta:</span>{\" \"}\n\t\t\t\t\t<NumberFormat value={min} displayType=\"text\" thousandSeparator=\" \" /> -{\" \"}\n\t\t\t\t\t<NumberFormat value={max} displayType=\"text\" thousandSeparator=\" \" suffix=\" €\" />\n\t\t\t\t</p>\n\t\t\t)}\n\n\t\t\t{!min && max && (\n\t\t\t\t<p>\n\t\t\t\t\t<span className=\"label\">Hinta:</span> Päättyen{\" \"}\n\t\t\t\t\t<NumberFormat value={max} displayType=\"text\" thousandSeparator=\" \" suffix=\" €\" />\n\t\t\t\t</p>\n\t\t\t)}\n\n\t\t\t{min && !max && (\n\t\t\t\t<p>\n\t\t\t\t\t<span className=\"label\">Hinta:</span> Alkaen{\" \"}\n\t\t\t\t\t<NumberFormat value={min} displayType=\"text\" thousandSeparator=\" \" suffix=\" €\" />\n\t\t\t\t</p>\n\t\t\t)}\n\t\t</Fragment>\n\t);\n};\n\nexport default PriceRange;\n","import styled from \"styled-components\";\nimport { color } from \"@utils/style-utils\";\n\nexport const Criteria = styled.div`\n\tmargin-bottom: 30px;\n\n\tp {\n\t\tcolor: ${color(\"grey\", 2)};\n\t\tfont-size: 14px;\n\t\tmargin: 0;\n\n\t\t+ p {\n\t\t\tmargin-top: 4px;\n\t\t}\n\t}\n\n\t.label {\n\t\tfont-weight: 500;\n\t}\n`;\n","import { ISelection } from \"@utils/apartment-search/selections\";\nimport {\n\tgetRooms,\n\tgetHouseTypes,\n\tgetFeatures,\n\tgetNewConstruction,\n\tgetValueListing,\n\tgetConditions,\n\tgetRental,\n\tgetAddresses,\n\tgetConstraints,\n\tgetSort,\n} from \"@redux/apartment-search/apartment-search.selectors\";\nimport defaultQuery from \"./default-query\";\nimport { IApplicationState } from \"@redux\";\n\nfunction createQuery(state: IApplicationState) {\n\ttry {\n\t\tconst isSelected = (s: ISelection) => s.selected;\n\n\t\tconst rooms = getRooms(state);\n\t\tconst houseTypes = getHouseTypes(state);\n\t\tconst features = getFeatures(state);\n\t\tconst newConstruction = getNewConstruction(state);\n\t\tconst valueListing = getValueListing(state);\n\t\tconst conditions = getConditions(state);\n\n\t\tconst selectedRental = getRental(state);\n\t\tconst selectedRooms = rooms.filter(isSelected);\n\t\tconst selectedHouseTypes = houseTypes.filter(isSelected);\n\t\tconst selectedFeatures = features.filter(isSelected);\n\t\tconst selectedNewConstruction = newConstruction.filter(isSelected)[0];\n\t\tconst selectedValueListing = valueListing.filter(isSelected)[0];\n\t\tconst selectedConditions = conditions.filter(isSelected);\n\t\tconst selectedAddresses = getAddresses(state);\n\t\tconst selectedConstraints = getConstraints(state);\n\t\tconst { sort, sortOrder } = getSort(state);\n\t\tconst limit = state.apartmentSearch.limit;\n\n\t\tconst featureItems = selectedFeatures.map(feature => feature.value);\n\t\tconst addressItems = selectedAddresses.map(addr => addr.query);\n\n\t\tlet conditionQuery = [];\n\t\tif (selectedConditions) {\n\t\t\tfor (const condition of selectedConditions) {\n\t\t\t\tif (typeof(condition.value) === 'string') {\n\t\t\t\t\tconditionQuery.push(condition.value);\n\t\t\t\t} else {\n\t\t\t\t\tconditionQuery = conditionQuery.concat(condition.value);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\tconst query: IApartmentQuery = {\n\t\t\t...defaultQuery,\n\t\t\tcondition: conditionQuery,\n\t\t\tgroupType: selectedHouseTypes.map(house => house.value),\n\t\t\tlimit,\n\t\t\tquery: addressItems,\n\t\t\trental: selectedRental,\n\t\t\trooms: selectedRooms.map(room => room.value),\n\t\t\tsort,\n\t\t\tsortOrder,\n\t\t\t...selectedConstraints,\n\t\t};\n\n\t\tif (selectedNewConstruction) {\n\t\t\tquery[\"newConstruction\"] = selectedNewConstruction.value;\n\t\t}\n\t\tif (selectedValueListing) {\n\t\t\tquery[\"valueListing\"] = selectedValueListing.value;\n\t\t}\n\n\t\tfor (const feature of featureItems) {\n\t\t\tif (feature) {\n\t\t\t\tquery[feature] = true;\n\t\t\t}\n\t\t}\n\n\t\treturn query;\n\t} catch (e) {\n\t\treturn defaultQuery;\n\t}\n}\n\nexport default createQuery;\n","import React, { useEffect, useState } from \"react\";\n\nimport PriceRange from \"./PriceRange\";\n\nimport isEmpty from \"lodash-es/isEmpty\";\nimport get from \"lodash-es/get\";\nimport { Link } from \"react-router-dom\";\n\nimport { ISelection } from \"@utils/apartment-search/selections\";\nimport { Criteria } from \"./styles\";\n\nimport createQuery from \"@utils/apartment-search/create-query\";\nimport { IApplicationState } from \"@redux\";\nimport { hasWindow } from \"@utils\";\n\nconst initialCriteria = {\n\tarea: null,\n\thouseType: null,\n\tprice: null,\n\trooms: null,\n\tsearchAreas: null,\n};\n\nconst getSelectedRoomsAsString = state => {\n\tconst rooms: ISelection[] = get(state, [\"selections\", \"rooms\"]) || [];\n\n\treturn rooms\n\t\t.filter(item => item.selected)\n\t\t.map(item => item.label)\n\t\t.join(\", \");\n};\n\nconst getSelectedAreasAsString = state => {\n\tconst areas = get(state, [\"addresses\"]) || [];\n\n\treturn areas.map(area => area.value).join(\" + \");\n};\n\nconst getSelectedPriceRange = state => {\n\tconst { min, max } = get(state, [\"constraints\"]) || { min: null, max: null };\n\n\treturn { min, max };\n};\n\nconst getSelectedHousetypes = state => {\n\tconst housetypes: ISelection[] = get(state, [\"selections\", \"houseTypes\"]) || [];\n\n\treturn housetypes\n\t\t.filter(item => item.selected)\n\t\t.map(item => item.label)\n\t\t.join(\", \");\n};\n\nconst getSelectedAreaRange = state => {\n\tconst minArea = get(state, [\"constraints\", \"minArea\"]);\n\tconst maxArea = get(state, [\"constraints\", \"maxArea\"]);\n\tconst areaType = get(state, [\"constraints\", \"areaType\"]);\n\n\treturn {\n\t\tmaxArea,\n\t\tminArea,\n\t\tareaType,\n\t};\n};\n\nconst HeadstartCriteria = ({ onValidCriteria }) => {\n\tconst [criteria, setCriteria] = useState(initialCriteria);\n\n\tuseEffect(() => {\n\t\tconst storedSearch = hasWindow ? JSON.parse(localStorage.getItem(\"kmPropertySearch\")) : { state: null };\n\n\t\tif (!isEmpty(storedSearch) && !isEmpty(storedSearch.state)) {\n\t\t\tconst { state } = storedSearch;\n\n\t\t\tconst rooms = getSelectedRoomsAsString(state) || null;\n\t\t\tconst searchAreas = getSelectedAreasAsString(state) || null;\n\t\t\tconst price = getSelectedPriceRange(state) || { min: null, max: null };\n\t\t\tconst houseType = getSelectedHousetypes(state) || null;\n\t\t\tconst area = getSelectedAreaRange(state) || { minArea: null, maxArea: null, areaType: \"living\" };\n\n\t\t\tconst newCriteria = {\n\t\t\t\tarea,\n\t\t\t\thouseType,\n\t\t\t\tprice,\n\t\t\t\trooms,\n\t\t\t\tsearchAreas,\n\t\t\t};\n\n\t\t\tsetCriteria(newCriteria);\n\n\t\t\tconst hasValidCriteria =\n\t\t\t\t!!newCriteria.searchAreas && [rooms, price.min, price.max, houseType].some(value => !!value);\n\n\t\t\tif (onValidCriteria && hasValidCriteria) {\n\t\t\t\tconst query = createQuery({ apartmentSearch: state } as IApplicationState);\n\t\t\t\tonValidCriteria(query);\n\t\t\t}\n\t\t}\n\t}, []);\n\n\tif (isEmpty(criteria.searchAreas)) {\n\t\treturn (\n\t\t\t<p className=\"no-selections\">\n\t\t\t\tHakuvahti vaatii toimiakseen hakualueen. Tarkenna hakukriteerejä <Link to=\"/haku\">tästä</Link>.\n\t\t\t</p>\n\t\t);\n\t}\n\n\tif (![criteria.rooms, criteria.price.min, criteria.price.max, criteria.houseType].some(value => !!value)) {\n\t\treturn (\n\t\t\t<p className=\"no-selections\">\n\t\t\t\tHakuvahti vaatii toimiakseen alueen lisäksi tarkemmat hakukriteerit.\n\t\t\t\t<br />\n\t\t\t\tValitse vähintään hinta, huoneluku tai talotyyppi. Tarkenna hakukriteerejä <Link to=\"/haku\">tästä</Link>\n\t\t\t\t.\n\t\t\t</p>\n\t\t);\n\t}\n\n\treturn (\n\t\t<Criteria>\n\t\t\t<p>\n\t\t\t\t<span className=\"label\">Hakualue:</span> {criteria.searchAreas}\n\t\t\t</p>\n\t\t\t<PriceRange {...criteria.price} />\n\t\t\t{criteria.rooms && (\n\t\t\t\t<p>\n\t\t\t\t\t<span className=\"label\">Huoneet:</span> {criteria.rooms}\n\t\t\t\t</p>\n\t\t\t)}\n\t\t\t{criteria.houseType && (\n\t\t\t\t<p>\n\t\t\t\t\t<span className=\"label\">Kohdetyyppi:</span> {criteria.houseType}\n\t\t\t\t</p>\n\t\t\t)}\n\t\t\t{!!criteria.area && (criteria.area.minArea || criteria.area.maxArea) && (\n\t\t\t\t<p>\n\t\t\t\t\t<span className=\"label\">{criteria.area.areaType === \"total\" ? \"Kokonaispinta-ala\" : \"Asuinpinta-ala\"}:</span>{\" \"}\n\t\t\t\t\t{criteria.area.minArea ? <span>{criteria.area.minArea}m&sup2; - </span> : \"-\"}\n\t\t\t\t\t{criteria.area.maxArea ? <span>{criteria.area.maxArea}m&sup2;</span> : \"\"}\n\t\t\t\t</p>\n\t\t\t)}\n\t\t</Criteria>\n\t);\n};\n\nexport default HeadstartCriteria;\n","import React, { lazy, Suspense, Fragment, useState, useEffect } from \"react\";\nimport {\n\tInputGroup,\n\tFormError,\n\tGdprLink,\n\tThankYouMessage,\n\tPlaceholder,\n\tPlaceholderButton,\n\tPlaceholderGdpr,\n\tPlaceholderInput,\n} from \"@components/Form/form-styles\";\n\nimport { hasWindow } from \"@utils\";\nimport { getSchema } from \"@utils/validators\";\nimport CtaButton from \"@components/Buttons/CtaButton\";\nimport { Link } from \"react-router-dom\";\nimport { FontAwesomeIcon as FaIcon } from \"@fortawesome/react-fontawesome\";\nimport { FormContainer, FormContent, FormColumns, FormColumn, FormLabel } from \"./styles\";\nimport searchWatchService, { ISearchWatchData } from \"@services/search-watch.service\";\nimport isEmpty from \"lodash-es/isEmpty\";\nimport HeadstartCriteria from \"@components/Headstart/HeadstartCriteria\";\n\nconst Formik = lazy(() => import(/* webpackPrefetch:true */ \"formik\").then(module => ({ default: module.Formik })));\nconst ErrorMessage = lazy(() =>\n\timport(/* webpackPrefetch:true */ \"formik\").then(module => ({ default: module.ErrorMessage }))\n);\n\nconst validationSchema = getSchema([\"email\", \"firstName\", \"lastName\", \"name\", \"phone\", \"postCode\", \"streetAddress\"]);\n\nconst FormPlaceholder = () => {\n\treturn (\n\t\t<Placeholder className=\"form-placeholder\">\n\t\t\t<FormLabel>Hakuvahdin nimi</FormLabel>\n\t\t\t<PlaceholderInput className=\"extra-margin\" />\n\t\t\t<FormLabel>Omat tietosi</FormLabel>\n\t\t\t<FormColumns>\n\t\t\t\t<FormColumn>\n\t\t\t\t\t<PlaceholderInput />\n\t\t\t\t\t<PlaceholderInput />\n\t\t\t\t\t<PlaceholderInput />\n\t\t\t\t</FormColumn>\n\t\t\t\t<FormColumn>\n\t\t\t\t\t<PlaceholderInput />\n\t\t\t\t\t<PlaceholderInput />\n\t\t\t\t\t<PlaceholderInput />\n\t\t\t\t</FormColumn>\n\t\t\t</FormColumns>\n\n\t\t\t<PlaceholderGdpr />\n\t\t\t<PlaceholderButton />\n\t\t</Placeholder>\n\t);\n};\n\nconst HeadstartForm = () => {\n\tconst initialValues = {\n\t\temail: \"\",\n\t\tfirstName: \"\",\n\t\tlastName: \"\",\n\t\tname: \"\",\n\t\tphone: \"\",\n\t\tpostCode: \"\",\n\t\tstreetAddress: \"\",\n\t};\n\n\tlet submitTimeout: number;\n\tconst [isSubmitted, setSubmitted] = useState(false);\n\tconst [watchParams, setWatchParams] = useState({});\n\n\tconst doSubmit = async (values, { setSubmitting, resetForm }) => {\n\t\tsetSubmitting(true);\n\n\t\tconst formData: ISearchWatchData = {\n\t\t\t...values,\n\t\t\twatchParams,\n\t\t};\n\n\t\ttry {\n\t\t\tconst res = await searchWatchService.addSearchWatch(formData);\n\t\t\tconsole.log(\"successful submit\", res);\n\t\t\tsetSubmitting(false);\n\t\t\tsetSubmitted(true);\n\n\t\t\tif (hasWindow) {\n\t\t\t\tsubmitTimeout = window.setTimeout(() => {\n\t\t\t\t\tsetSubmitted(false);\n\t\t\t\t\tresetForm(initialValues);\n\t\t\t\t}, 6000);\n\t\t\t}\n\t\t} catch (e) {\n\t\t\tconsole.log(\"error while submitting..\", e);\n\t\t\tsetSubmitting(false);\n\t\t\tsetSubmitted(false);\n\t\t\tthrow e;\n\t\t}\n\t};\n\n\tuseEffect(() => {\n\t\treturn () => {\n\t\t\t/* clear the reset timeout before component unmounts */\n\t\t\tif (submitTimeout) {\n\t\t\t\tclearTimeout(submitTimeout);\n\t\t\t}\n\t\t};\n\t}, []);\n\n\treturn (\n\t\t<FormContainer>\n\t\t\t<FormContent>\n\t\t\t\t<h3>Tee hakuvahti</h3>\n\t\t\t\t<HeadstartCriteria onValidCriteria={crit => setWatchParams(crit)} />\n\t\t\t\t{!hasWindow && <FormPlaceholder />}\n\t\t\t\t{hasWindow && (\n\t\t\t\t\t<Suspense fallback={<FormPlaceholder />}>\n\t\t\t\t\t\t<Formik initialValues={initialValues} onSubmit={doSubmit} validationSchema={validationSchema}>\n\t\t\t\t\t\t\t{({ values, handleChange, handleBlur, handleSubmit, isSubmitting }) => (\n\t\t\t\t\t\t\t\t<form onSubmit={handleSubmit} className={isSubmitting ? \"submitting\" : \"\"}>\n\t\t\t\t\t\t\t\t\t<FormLabel>Hakuvahdin nimi</FormLabel>\n\t\t\t\t\t\t\t\t\t<InputGroup className=\"headstart-name\">\n\t\t\t\t\t\t\t\t\t\t<input\n\t\t\t\t\t\t\t\t\t\t\taria-label=\"Hakuvahdin nimi\"\n\t\t\t\t\t\t\t\t\t\t\tdisabled={isSubmitted || isSubmitting}\n\t\t\t\t\t\t\t\t\t\t\tname=\"name\"\n\t\t\t\t\t\t\t\t\t\t\tonBlur={handleBlur}\n\t\t\t\t\t\t\t\t\t\t\tonChange={handleChange}\n\t\t\t\t\t\t\t\t\t\t\tplaceholder=\"Hakuvahdin nimi\"\n\t\t\t\t\t\t\t\t\t\t\tvalue={values[\"name\"]}\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t<FaIcon icon=\"pen\" />\n\t\t\t\t\t\t\t\t\t\t<ErrorMessage component=\"p\" name=\"name\">\n\t\t\t\t\t\t\t\t\t\t\t{msg => <FormError>{msg}</FormError>}\n\t\t\t\t\t\t\t\t\t\t</ErrorMessage>\n\t\t\t\t\t\t\t\t\t</InputGroup>\n\t\t\t\t\t\t\t\t\t<FormLabel>Omat tietosi</FormLabel>\n\t\t\t\t\t\t\t\t\t<FormColumns>\n\t\t\t\t\t\t\t\t\t\t<FormColumn>\n\t\t\t\t\t\t\t\t\t\t\t<InputGroup>\n\t\t\t\t\t\t\t\t\t\t\t\t<input\n\t\t\t\t\t\t\t\t\t\t\t\t\taria-label=\"Etunimi\"\n\t\t\t\t\t\t\t\t\t\t\t\t\tdisabled={isSubmitted || isSubmitting}\n\t\t\t\t\t\t\t\t\t\t\t\t\tname=\"firstName\"\n\t\t\t\t\t\t\t\t\t\t\t\t\tonBlur={handleBlur}\n\t\t\t\t\t\t\t\t\t\t\t\t\tonChange={handleChange}\n\t\t\t\t\t\t\t\t\t\t\t\t\tplaceholder=\"Etunimi\"\n\t\t\t\t\t\t\t\t\t\t\t\t\tvalue={values[\"firstName\"]}\n\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t\t<FaIcon icon=\"user\" />\n\t\t\t\t\t\t\t\t\t\t\t\t<ErrorMessage component=\"p\" name=\"firstName\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t{msg => <FormError>{msg}</FormError>}\n\t\t\t\t\t\t\t\t\t\t\t\t</ErrorMessage>\n\t\t\t\t\t\t\t\t\t\t\t</InputGroup>\n\n\t\t\t\t\t\t\t\t\t\t\t<InputGroup>\n\t\t\t\t\t\t\t\t\t\t\t\t<input\n\t\t\t\t\t\t\t\t\t\t\t\t\taria-label=\"Sukunimi\"\n\t\t\t\t\t\t\t\t\t\t\t\t\tdisabled={isSubmitted || isSubmitting}\n\t\t\t\t\t\t\t\t\t\t\t\t\tname=\"lastName\"\n\t\t\t\t\t\t\t\t\t\t\t\t\tonBlur={handleBlur}\n\t\t\t\t\t\t\t\t\t\t\t\t\tonChange={handleChange}\n\t\t\t\t\t\t\t\t\t\t\t\t\tplaceholder=\"Sukunimi\"\n\t\t\t\t\t\t\t\t\t\t\t\t\ttype=\"text\"\n\t\t\t\t\t\t\t\t\t\t\t\t\tvalue={values[\"lastName\"]}\n\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t\t<FaIcon icon=\"user\" />\n\t\t\t\t\t\t\t\t\t\t\t\t<ErrorMessage component=\"p\" name=\"lastName\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t{msg => <FormError>{msg}</FormError>}\n\t\t\t\t\t\t\t\t\t\t\t\t</ErrorMessage>\n\t\t\t\t\t\t\t\t\t\t\t</InputGroup>\n\n\t\t\t\t\t\t\t\t\t\t\t<InputGroup>\n\t\t\t\t\t\t\t\t\t\t\t\t<input\n\t\t\t\t\t\t\t\t\t\t\t\t\taria-label=\"Puhelinnumero\"\n\t\t\t\t\t\t\t\t\t\t\t\t\tdisabled={isSubmitted || isSubmitting}\n\t\t\t\t\t\t\t\t\t\t\t\t\tname=\"phone\"\n\t\t\t\t\t\t\t\t\t\t\t\t\tonBlur={handleBlur}\n\t\t\t\t\t\t\t\t\t\t\t\t\tonChange={handleChange}\n\t\t\t\t\t\t\t\t\t\t\t\t\tplaceholder=\"Puhelinnumero\"\n\t\t\t\t\t\t\t\t\t\t\t\t\ttype=\"tel\"\n\t\t\t\t\t\t\t\t\t\t\t\t\tvalue={values[\"phone\"]}\n\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t\t<FaIcon icon=\"phone\" />\n\t\t\t\t\t\t\t\t\t\t\t\t<ErrorMessage component=\"p\" name=\"phone\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t{msg => <FormError>{msg}</FormError>}\n\t\t\t\t\t\t\t\t\t\t\t\t</ErrorMessage>\n\t\t\t\t\t\t\t\t\t\t\t</InputGroup>\n\t\t\t\t\t\t\t\t\t\t</FormColumn>\n\t\t\t\t\t\t\t\t\t\t<FormColumn>\n\t\t\t\t\t\t\t\t\t\t\t<InputGroup>\n\t\t\t\t\t\t\t\t\t\t\t\t<input\n\t\t\t\t\t\t\t\t\t\t\t\t\taria-label=\"Sähköpostiosoite\"\n\t\t\t\t\t\t\t\t\t\t\t\t\tdisabled={isSubmitted || isSubmitting}\n\t\t\t\t\t\t\t\t\t\t\t\t\tname=\"email\"\n\t\t\t\t\t\t\t\t\t\t\t\t\tonBlur={handleBlur}\n\t\t\t\t\t\t\t\t\t\t\t\t\tonChange={handleChange}\n\t\t\t\t\t\t\t\t\t\t\t\t\tplaceholder=\"Sähköposti\"\n\t\t\t\t\t\t\t\t\t\t\t\t\ttype=\"email\"\n\t\t\t\t\t\t\t\t\t\t\t\t\tvalue={values[\"email\"]}\n\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t\t<FaIcon icon=\"envelope\" />\n\t\t\t\t\t\t\t\t\t\t\t\t<ErrorMessage component=\"p\" name=\"email\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t{msg => <FormError>{msg}</FormError>}\n\t\t\t\t\t\t\t\t\t\t\t\t</ErrorMessage>\n\t\t\t\t\t\t\t\t\t\t\t</InputGroup>\n\n\t\t\t\t\t\t\t\t\t\t\t<InputGroup>\n\t\t\t\t\t\t\t\t\t\t\t\t<input\n\t\t\t\t\t\t\t\t\t\t\t\t\taria-label=\"Katuosoite\"\n\t\t\t\t\t\t\t\t\t\t\t\t\tdisabled={isSubmitted || isSubmitting}\n\t\t\t\t\t\t\t\t\t\t\t\t\tname=\"streetAddress\"\n\t\t\t\t\t\t\t\t\t\t\t\t\tonBlur={handleBlur}\n\t\t\t\t\t\t\t\t\t\t\t\t\tonChange={handleChange}\n\t\t\t\t\t\t\t\t\t\t\t\t\tplaceholder=\"Katuosoite\"\n\t\t\t\t\t\t\t\t\t\t\t\t\tvalue={values[\"streetAddress\"]}\n\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t\t<FaIcon icon=\"map-marker-alt\" />\n\t\t\t\t\t\t\t\t\t\t\t\t<ErrorMessage component=\"p\" name=\"streetAddress\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t{msg => <FormError>{msg}</FormError>}\n\t\t\t\t\t\t\t\t\t\t\t\t</ErrorMessage>\n\t\t\t\t\t\t\t\t\t\t\t</InputGroup>\n\n\t\t\t\t\t\t\t\t\t\t\t<InputGroup>\n\t\t\t\t\t\t\t\t\t\t\t\t<input\n\t\t\t\t\t\t\t\t\t\t\t\t\taria-label=\"Postinumero\"\n\t\t\t\t\t\t\t\t\t\t\t\t\tdisabled={isSubmitted || isSubmitting}\n\t\t\t\t\t\t\t\t\t\t\t\t\tname=\"postCode\"\n\t\t\t\t\t\t\t\t\t\t\t\t\tonBlur={handleBlur}\n\t\t\t\t\t\t\t\t\t\t\t\t\tonChange={handleChange}\n\t\t\t\t\t\t\t\t\t\t\t\t\tplaceholder=\"Postinumero\"\n\t\t\t\t\t\t\t\t\t\t\t\t\tvalue={values[\"postCode\"]}\n\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t\t<FaIcon icon=\"map-marker-alt\" />\n\t\t\t\t\t\t\t\t\t\t\t\t<ErrorMessage component=\"p\" name=\"postCode\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t{msg => <FormError>{msg}</FormError>}\n\t\t\t\t\t\t\t\t\t\t\t\t</ErrorMessage>\n\t\t\t\t\t\t\t\t\t\t\t</InputGroup>\n\t\t\t\t\t\t\t\t\t\t</FormColumn>\n\t\t\t\t\t\t\t\t\t</FormColumns>\n\n\t\t\t\t\t\t\t\t\t{isSubmitted && (\n\t\t\t\t\t\t\t\t\t\t<ThankYouMessage>\n\t\t\t\t\t\t\t\t\t\t\t<span>\n\t\t\t\t\t\t\t\t\t\t\t\t<FaIcon icon=\"stars\" />\n\t\t\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t\t\t\tKiitos 24h Etumatkan tilauksesta!\n\t\t\t\t\t\t\t\t\t\t</ThankYouMessage>\n\t\t\t\t\t\t\t\t\t)}\n\n\t\t\t\t\t\t\t\t\t{!isSubmitted && (\n\t\t\t\t\t\t\t\t\t\t<Fragment>\n\t\t\t\t\t\t\t\t\t\t\t<GdprLink>\n\t\t\t\t\t\t\t\t\t\t\t\t<Link to=\"/tietosuoja\" target=\"_blank\">\n\t\t\t\t\t\t\t\t\t\t\t\t\tTietosuojaseloste\n\t\t\t\t\t\t\t\t\t\t\t\t</Link>\n\t\t\t\t\t\t\t\t\t\t\t</GdprLink>\n\n\t\t\t\t\t\t\t\t\t\t\t<CtaButton\n\t\t\t\t\t\t\t\t\t\t\t\ttext=\"Tilaa\"\n\t\t\t\t\t\t\t\t\t\t\t\ttype=\"submit\"\n\t\t\t\t\t\t\t\t\t\t\t\tdisabled={isSubmitting || isEmpty(watchParams)}\n\t\t\t\t\t\t\t\t\t\t\t\tsubmitting={isSubmitting}\n\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t</Fragment>\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t</form>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</Formik>\n\t\t\t\t\t</Suspense>\n\t\t\t\t)}\n\t\t\t</FormContent>\n\t\t</FormContainer>\n\t);\n};\n\nexport default HeadstartForm;\n","import React, { Fragment } from \"react\";\nimport Text from \"wake-react-components/text\";\nimport Editor from \"wake-react-components/editor\";\nimport Blocklist from \"wake-react-components/blocklist\";\nimport contentBlocks from \"@components/ContentBlocks\";\nimport { IApplicationState } from \"@redux\";\nimport { connect } from \"react-redux\";\nimport { HeadstartHero, HeadstartHeroContent } from \"./styles\";\nimport useParallax from \"@hooks/use-parallax\";\nimport HeadstartForm from \"@components/Form/HeadstartForm\";\n\nconst HeadstartPage = () => {\n\tuseParallax(\".prlx\");\n\n\treturn (\n\t\t<Fragment>\n\t\t\t<HeadstartHero>\n\t\t\t\t<HeadstartHeroContent>\n\t\t\t\t\t<h1>\n\t\t\t\t\t\t<Text name=\"headstartTitle\" placeholder=\"Otsikko\" defaultValue=\"Ota 24h Etumatka käyttöösi\" />\n\t\t\t\t\t</h1>\n\t\t\t\t\t<div className=\"hero-content\">\n\t\t\t\t\t\t<Editor name=\"headstartIngress\" title=\"Ingressiteksti\" />\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<HeadstartForm />\n\t\t\t\t</HeadstartHeroContent>\n\t\t\t\t<span className=\"bg\">\n\t\t\t\t\t<span className=\"prlx\" />\n\t\t\t\t</span>\n\t\t\t</HeadstartHero>\n\t\t\t<Blocklist name=\"headstarts\" blocks={contentBlocks} />\n\t\t</Fragment>\n\t);\n};\n\nconst mapStateToProps = (state: IApplicationState) => ({\n\tdoc: state.document,\n});\n\nexport default connect(mapStateToProps)(HeadstartPage);\n"],"sourceRoot":""}