{"version":3,"sources":["hooks/useWindowDimensions.js","../node_modules/@babel/runtime/helpers/esm/createForOfIteratorHelper.js","components/startpage/Footer.js","components/startpage/footer.module.css","images/RightArrow.svg","components/startpage/howItWorks.module.css","components/startpage/mapPromo.module.css","components/startpage/Valuation.js","components/startpage/valuation.module.css","components/startpage/Why.js","components/startpage/why.module.css","components/startpage/HowItWorks.js","images/Map.png","components/startpage/MapPromo.js","../node_modules/@babel/runtime/helpers/esm/taggedTemplateLiteral.js","components/startpage/inquiryForm.module.css","components/housing/button.module.css","components/housing/selector.module.css","components/housing/Button.js","components/housing/Selector.js","components/startpage/InquiryForm.js","pages/StartPage.js","../node_modules/@emotion/react/dist/emotion-react.browser.esm.js"],"names":["getWindowDimensions","window","width","innerWidth","height","innerHeight","useWindowDimensions","useState","windowDimensions","setWindowDimensions","useEffect","handleResize","addEventListener","removeEventListener","_createForOfIteratorHelper","o","allowArrayLike","it","Symbol","iterator","Array","isArray","length","i","F","s","n","done","value","e","_e","f","TypeError","err","normalCompletion","didErr","call","step","next","_e2","Footer","props","className","styles","footerOuter","footer","footerTop","footerLogoWrapper","footerLogoTitle","footerContent","footerMiddleLeftContent","href","socialIconContainer","divider","footerBottom","lowerFooter","lowerLeft","lowerRight","lowerRightInner","module","exports","HowItWorks","scrollToSearch","document","getElementById","focus","howItWorksContainer","howItWorks","contentBox","contentBoxItem","clsx","featureImage","featureImageStep1","topfill","featureTitle","featureDescription","handleStyle","onClick","featureImageStep2","featureImageStep3","bottomfill","MapPromo","useSessionStorage","location","setLocation","mapZoom","lat","lng","center","containerStyle","React","setMap","isLoaded","useCallback","map","bounds","google","maps","LatLngBounds","fitBounds","useJsApiLoader","id","googleMapsApiKey","process","mapPromoContainer","mapPromo","mapPromoTitle","mapPromoSubTitle","searchContainer","Search","onLocationChanged","analytics","sendEvent","action","category","label","ctaContainer","title","mapSubmitBtn","dark","centered","fullWidth","targetUri","mapPromoImage","BrokerMap","zoom","userLocation","containerSize","Skeleton","variant","_taggedTemplateLiteral","strings","raw","slice","Object","freeze","defineProperties","Button","active","btn","btnList","key","when_sell_value","Selector","useHistory","select","setSelect","whenSellOption","setWhenSellOption","whenSellOptionError","setWhenSellOptionError","email","setEmail","telephoneNumber","setTelephoneNumber","emailValidationErrorMessage","setEmailValidationErrorMessage","phoneValidationErrorMessage","setPhoneValidationErrorMessage","name","setName","housingType","numRooms","livingArea","boughtFor","setBoughtFor","propertyArea","builtYear","supplementalArea","monthlyFee","setValuationData","validateEmail","test","String","toLowerCase","validatePhone","phone","loadAndRedirect","a","address","hasStreetNumber","inquiry","Number","whenSell","reason","fullName","setIsPaused","fetchEstimate","estimate","sqmPrice","fetchHousingDeals","maxDistance","housingDeals","setSessionValue","fetchBrokersPromise","fetchBrokers","sort","valuationData","saledate","Date","toISOString","split","lon","numberofrooms","constructionyear","monthlyfee","state","housingtype","formoftenure","livingarea","propertyarea","supplementalarea","extendedValuationPromise","extendedValuation","Promise","all","brokersResult","extendedValuationResult","brokers","createLead","brokerIds","getTopBrokersInCategory","item","Boolean","setTimeout","selectorContainer","contentTitle","btnWithErrorWrapper","btnContainer","searchValidationErrorMessage","enabled","description","inputwithErrorContainer","inputBox","inputTitle","inputWraaperWithIcon","leftIconWrapper","placeholder","input","thousandSeparator","onValueChange","values","info","rightIconWrapper","toolTip","onChange","target","inputGroupWrapper","hideInputArrows","type","pattern","inputMode","baseBtnContainer","evt","shouldReturn","preventDefault","scrollTo","setCanScroll","setFormStep","submitBtn","pointer","housingTypes","icon","InquiryForm","showValidationErrors","setShowValidationErrors","formStep","setHousingType","setNumRooms","setLivingArea","inquiryForm","housingDetailsForm","header","centerHeader","headerTitle","headerContent","src","RightArrow","alt","headerSubTitle","formContainer","formSection","ht","index","selectedHousingType","valid","inputBgWrapper","inputWrapper","mapPlacesHolder","inputLabel","iconVisible","autofocus","customInputClass","customInput","room","handleRoomCounter","autoComplete","StartPage","isPaused","defaultOptions","loop","autoplay","animationData","animDataMobile","rendererSettings","preserveAspectRatio","canScroll","time","toggleScroll","body","classList","add","remove","Header","collapsed","minified","selectedTab","lottie","style","position","top","background","zIndex","options","landscape","isClickToPauseDisabled","bottom","right","borderBottomRightRadius","bird","left","transform","sun","mapTab","useLayoutEffect","css","_len","arguments","args","_key","serializeStyles","keyframes","insertable","apply","anim","toString","this"],"mappings":"iJAEA,SAASA,IACL,MAAmDC,OACnD,MAAO,CACHC,MAFJ,EAAQC,WAGJC,OAHJ,EAA2BC,aAOhB,SAASC,IACpB,MAAgDC,mBAC5CP,KADJ,mBAAOQ,EAAP,KAAyBC,EAAzB,KAaA,OATAC,qBAAU,WACN,SAASC,IACLF,EAAoBT,KAIxB,OADAC,OAAOW,iBAAiB,SAAUD,GAC3B,kBAAMV,OAAOY,oBAAoB,SAAUF,MACnD,IAEIH,I,iCCxBX,8CACe,SAASM,EAA2BC,EAAGC,GACpD,IAAIC,EAAuB,qBAAXC,QAA0BH,EAAEG,OAAOC,WAAaJ,EAAE,cAElE,IAAKE,EAAI,CACP,GAAIG,MAAMC,QAAQN,KAAOE,EAAK,YAA2BF,KAAOC,GAAkBD,GAAyB,kBAAbA,EAAEO,OAAqB,CAC/GL,IAAIF,EAAIE,GACZ,IAAIM,EAAI,EAEJC,EAAI,aAER,MAAO,CACLC,EAAGD,EACHE,EAAG,WACD,OAAIH,GAAKR,EAAEO,OAAe,CACxBK,MAAM,GAED,CACLA,MAAM,EACNC,MAAOb,EAAEQ,OAGbM,EAAG,SAAWC,GACZ,MAAMA,GAERC,EAAGP,GAIP,MAAM,IAAIQ,UAAU,yIAGtB,IAEIC,EAFAC,GAAmB,EACnBC,GAAS,EAEb,MAAO,CACLV,EAAG,WACDR,EAAKA,EAAGmB,KAAKrB,IAEfW,EAAG,WACD,IAAIW,EAAOpB,EAAGqB,OAEd,OADAJ,EAAmBG,EAAKV,KACjBU,GAETR,EAAG,SAAWU,GACZJ,GAAS,EACTF,EAAMM,GAERR,EAAG,WACD,IACOG,GAAoC,MAAhBjB,EAAW,QAAWA,EAAW,SAC1D,QACA,GAAIkB,EAAQ,MAAMF,O,iCCpD1B,6CAiGeO,IAtFA,SAACC,GAKf,OACC,qBAAKC,UAAWC,IAAOC,YAAvB,SACC,sBAAKF,UAAWC,IAAOE,OAAvB,UACC,sBAAKH,UAAWC,IAAOG,UAAvB,UACC,sBAAKJ,UAAWC,IAAOI,kBAAvB,UACC,cAAC,IAAD,IACA,oBAAIL,UAAWC,IAAOK,gBAAtB,2DAED,sBAAKN,UAAWC,IAAOM,cAAvB,UACC,sBAAKP,UAAWC,IAAOO,wBAAvB,UACC,8BACC,+BACC,6BACC,mBAAGC,KAAK,UAAR,sBAED,6BACC,mBAAGA,KAAK,eAAR,iCAED,6BACC,mBAAGA,KAAK,iBAAR,qCAID,6BACC,mBAAGA,KAAK,OAAR,wBAIH,8BACC,+BACC,6BACC,mBAAGA,KAAK,IAAR,gCAED,6BACC,mBAAGA,KAAK,IAAR,iCAED,6BACC,mBAAGA,KAAK,IAAR,gCAKJ,sBAAKT,UAAWC,IAAOS,oBAAvB,UACC,cAAC,IAAD,IACA,cAAC,IAAD,IACA,cAAC,IAAD,IACA,cAAC,IAAD,IACA,cAAC,IAAD,aAIH,qBAAKV,UAAWC,IAAOU,UAEvB,qBAAKX,UAAWC,IAAOW,aAAvB,SACC,sBAAKZ,UAAWC,IAAOY,YAAvB,UACC,sBAAKb,UAAWC,IAAOa,UAAvB,UACC,4BACC,mBAAGL,KAAK,qBAAR,iCAID,oDAED,sBAAKT,UAAWC,IAAOc,WAAvB,UACC,iDACA,sBAAKf,UAAWC,IAAOe,gBAAvB,UACC,sDACA,oDAED,sBAAKhB,UAAWC,IAAOe,gBAAvB,UACC,oDACA,sE,oBCtFRC,EAAOC,QAAU,CAAC,YAAc,4BAA4B,UAAY,0BAA0B,aAAe,6BAA6B,QAAU,wBAAwB,kBAAoB,kCAAkC,gBAAkB,gCAAgC,wBAA0B,wCAAwC,OAAS,uBAAuB,WAAa,2BAA2B,aAAe,6BAA6B,cAAgB,8BAA8B,oBAAsB,oCAAoC,YAAc,4BAA4B,WAAa,2BAA2B,UAAY,0BAA0B,gBAAkB,kC,iCCDjrB,QAA0B,wC,oBCCzCD,EAAOC,QAAU,CAAC,oBAAsB,wCAAwC,WAAa,+BAA+B,OAAS,2BAA2B,WAAa,+BAA+B,QAAU,4BAA4B,eAAiB,mCAAmC,aAAe,iCAAiC,aAAe,iCAAiC,mBAAqB,uCAAuC,YAAc,kC,oBCAhdD,EAAOC,QAAU,CAAC,kBAAoB,oCAAoC,SAAW,2BAA2B,cAAgB,gCAAgC,cAAgB,gCAAgC,iBAAmB,mCAAmC,aAAe,+BAA+B,aAAe,+BAA+B,gBAAkB,kCAAkC,YAAc,8BAA8B,kBAAoB,oCAAoC,6BAA+B,iD,iCCDzhB,yB,oBCCAD,EAAOC,QAAU,CAAC,mBAAqB,sCAAsC,UAAY,6BAA6B,eAAiB,kCAAkC,aAAe,kC,iCCDxL,mB,oBCCAD,EAAOC,QAAU,CAAC,aAAe,0BAA0B,IAAM,iBAAiB,OAAS,oBAAoB,WAAa,wBAAwB,aAAe,0BAA0B,mBAAqB,kC,i+uFCoHnMC,IAzGI,SAACpB,GACnB,IAAMqB,EAAiB,SAACjC,GACvBkC,SAASC,eAAe,eAAeC,SAGxC,OACC,sBAAKvB,UAAWC,IAAOuB,oBAAvB,UACC,qBAAKxB,UAAWC,IAAOwB,WAAvB,SAQC,sBAAKzB,UAAWC,IAAOyB,WAAvB,UACC,sBAAK1B,UAAWC,IAAO0B,eAAvB,UACC,qBACC3B,UAAW4B,YACV3B,IAAO4B,aACP5B,IAAO6B,mBAHT,SAMC,cAAC,IAAD,CAAYC,QAAQ,cAErB,gCACC,oBAAI/B,UAAWC,IAAO+B,aAAtB,0CAGA,mBAAGhC,UAAWC,IAAOgC,mBAArB,8IAKA,oBACCjC,UAAWC,IAAOiC,YAClBC,QAASf,EAFV,iCAIe,cAAC,IAAD,aAIjB,sBAAKpB,UAAWC,IAAO0B,eAAvB,UACC,qBACC3B,UAAW4B,YACV3B,IAAO4B,aACP5B,IAAOmC,mBAHT,SAMC,cAAC,IAAD,CAAmBL,QAAQ,cAE5B,gCACC,oBAAI/B,UAAWC,IAAO+B,aAAtB,oEAGA,mBAAGhC,UAAWC,IAAOgC,mBAArB,sKAKA,oBACCjC,UAAWC,IAAOiC,YAClBC,QAASf,EAFV,wCAImB,cAAC,IAAD,aAIrB,sBAAKpB,UAAWC,IAAO0B,eAAvB,UACC,qBACC3B,UAAW4B,YACV3B,IAAO4B,aACP5B,IAAOoC,mBAHT,SAMC,cAAC,IAAD,CACCN,QAAQ,UACRO,WAAW,cAGb,sBAAKtC,UAAWC,IAAOgC,mBAAvB,UACC,oBAAIjC,UAAWC,IAAO+B,aAAtB,4CAGA,mBAAGhC,UAAWC,IAAOgC,mBAArB,oLAMA,oBACCjC,UAAWC,IAAOiC,YAClBC,QAASf,EAFV,wCAImB,cAAC,IAAD,kBAMvB,qBAAKpB,UAAWC,IAAOU,e,gGChHX,I,mEC+FA4B,IAjFE,SAACxC,GACd,MAAgCyC,YAAkB,eAAgB,MAAlE,mBAAOC,EAAP,KAAiBC,EAAjB,KACA,EAA8BF,YAAkB,UAAW,GAA3D,mBAAOG,EAAP,KACA,GADA,KACwD9E,oBAAS,IAAjE,mBACA,GADA,UAC0BD,eAAlBJ,EAAR,EAAQA,MACR,GADA,EAAeE,OACa8E,YAAkB,SAAU,CACpDI,IAAK,UACLC,IAAK,YAFT,mBAAOC,EAAP,KAIMC,GAJN,KAKWvF,EAAQ,KAAR,UAA2BA,EAAQ,GAAnC,MACC,SAEZ,EAAsBwF,IAAMnF,SAAS,MAArC,mBAAYoF,GAAZ,WAYQC,GAVOF,IAAMG,aAAY,SAAkBC,GAC/C,IAAMC,EAAS,IAAI9F,OAAO+F,OAAOC,KAAKC,aACtCJ,EAAIK,UAAUJ,GACdJ,EAAOG,KACR,IAEeJ,IAAMG,aAAY,SAAkBC,GAClDH,EAAO,QACR,IAEkBS,YAAe,CAChCC,GAAI,oBACJC,iBAAkBC,4CAFdX,UAKR,OACI,sBAAKlD,UAAWC,IAAO6D,kBAAvB,UACI,sBAAK9D,UAAWC,IAAO8D,SAAvB,UACI,oBAAI/D,UAAWC,IAAO+D,cAAtB,iDAGA,mBAAGhE,UAAWC,IAAOgE,iBAArB,4IAEA,qBAAKjE,UAAWC,IAAOiE,gBAAvB,SACI,cAACC,EAAA,EAAD,CAAQC,kBAAmB,SAAC3B,GACxB4B,IAAUC,UAAU,CAChBC,OAAQ,SACRC,SAAU,SACVC,MAAO,mBAEX/B,EAAYD,QAGpB,qBAAKzC,UAAWC,IAAOyE,aAAvB,SAEI,cAAC,IAAD,CACIC,MAAM,8CACN3E,UAAWC,IAAO2E,aAClBC,MAAI,EACJC,UAAQ,EACRC,WAAS,EACT5C,QAAS,kBAAO5E,OAAOkF,SAAShC,KAAOV,EAAMiF,kBAIzD,qBAAKhF,UAAWC,IAAOgF,cAAvB,SACK/B,EACG,cAACgC,EAAA,EAAD,CACIpC,OAAQA,EACRqC,KAAMxC,EACNyC,aAAc3C,EACd4C,cAAetC,IASjB,cAACuC,EAAA,EAAD,CAAUC,QAAQ,cAAc/H,MAAO,IAAKE,OAAQ,a,iCCzF3D,SAAS8H,EAAuBC,EAASC,GAKtD,OAJKA,IACHA,EAAMD,EAAQE,MAAM,IAGfC,OAAOC,OAAOD,OAAOE,iBAAiBL,EAAS,CACpDC,IAAK,CACHxG,MAAO0G,OAAOC,OAAOH,OAP3B,mC,oBCCAzE,EAAOC,QAAU,CAAC,YAAc,iCAAiC,eAAiB,oCAAoC,cAAgB,mCAAmC,YAAc,iCAAiC,mBAAqB,wCAAwC,YAAc,iCAAiC,OAAS,4BAA4B,MAAQ,2BAA2B,UAAY,+BAA+B,QAAU,6BAA6B,YAAc,iCAAiC,OAAS,4BAA4B,cAAgB,mCAAmC,aAAe,kCAAkC,kBAAoB,uCAAuC,YAAc,iCAAiC,aAAe,kCAAkC,qBAAuB,0CAA0C,YAAc,iCAAiC,oBAAsB,yCAAyC,wBAA0B,6CAA6C,aAAe,kCAAkC,eAAiB,oCAAoC,WAAa,gCAAgC,gBAAkB,qCAAqC,YAAc,iCAAiC,kBAAoB,uCAAuC,6BAA+B,kDAAkD,kBAAoB,uCAAuC,YAAc,iCAAiC,gBAAkB,qCAAqC,eAAiB,oCAAoC,eAAiB,oCAAoC,cAAgB,mCAAmC,cAAgB,mCAAmC,YAAc,iCAAiC,WAAa,gCAAgC,aAAe,kCAAkC,UAAY,iC,oBCAt7DD,EAAOC,QAAU,CAAC,IAAM,oBAAoB,OAAS,yB,oBCArDD,EAAOC,QAAU,CAAC,kBAAoB,oCAAoC,aAAe,+BAA+B,oBAAsB,sCAAsC,aAAe,+BAA+B,OAAS,yBAAyB,WAAa,6BAA6B,SAAW,2BAA2B,aAAe,+BAA+B,gBAAkB,kCAAkC,kBAAoB,oCAAoC,wBAA0B,0CAA0C,6BAA+B,+CAA+C,qBAAuB,uCAAuC,iBAAmB,mCAAmC,QAAU,0BAA0B,UAAY,4BAA4B,iBAAmB,qC,0QCgBp0B6E,MAbf,YAA4C,IAA1BtB,EAAyB,EAAzBA,MAAOuB,EAAkB,EAAlBA,OAAO7D,EAAW,EAAXA,QAC/B,OACC,wBACCA,QAASA,EACTnC,UAAW4B,YAAK3B,IAAOgG,IAAR,eACbhG,IAAO+F,OAASA,IAHnB,SAMEvB,K,2BCUEyB,EAAU,CACf,CACCC,IAAK,eACL1B,MAAO,kDACP2B,gBAAiB,gBAElB,CACCD,IAAK,mBACL1B,MAAO,oEACP2B,gBAAiB,oBAElB,CACCD,IAAK,cACL1B,MAAO,0DACP2B,gBAAiB,gBAiWJC,MA7Vf,SAAkBtG,GACDuG,cAAhB,IACA,EAA0B1I,cAAlBJ,EAAR,EAAQA,MACR,GADA,EAAeE,OACiB8E,YAAkB,eAAgB,OAAlE,mBAAOC,EAAP,KACA,GADA,KAC4BD,YAAkB,WAAY,OAA1D,mBAAO+D,EAAP,KAAeC,EAAf,KACA,EAA4ChE,YAC3C,iBACA,MAFD,mBAAOiE,EAAP,KAAuBC,EAAvB,KAIA,EAAsD7I,mBAAS,MAA/D,mBAAO8I,EAAP,KAA4BC,EAA5B,KACA,EAA0BpE,YAAkB,eAAgB,MAA5D,mBAAOqE,EAAP,KAAcC,EAAd,KACA,EACCtE,YAAkB,sBADnB,mBAAOuE,EAAP,KAAwBC,EAAxB,KAEA,EACCnJ,mBAAS,MADV,mBAAOoJ,EAAP,KAAoCC,EAApC,KAEA,EACCrJ,mBAAS,MADV,mBAAOsJ,EAAP,KAAoCC,EAApC,KAEA,EAAwB5E,YAAkB,OAAQ,MAAlD,oBAAO6E,GAAP,MAAaC,GAAb,MACA,GAAsC9E,YACrC,uBACA,MAFD,qBAAO+E,GAAP,MAIA,IAJA,MAIgC/E,YAC/B,oBACA,OAFD,qBAAOgF,GAAP,MAIA,IAJA,MAIoChF,YACnC,sBACA,OAFD,qBAAOiF,GAAP,MAIA,IAJA,MAIkCjF,YAAkB,YAAa,OAAjE,qBAAOkF,GAAP,MAAkBC,GAAlB,MAEA,GAAwCnF,YACvC,eACA,IAFD,qBAAOoF,GAAP,MAIA,IAJA,MAIkCpF,YAAkB,YAAa,KAAjE,qBAAOqF,GAAP,MACA,IADA,MACgDrF,YAC/C,mBACA,KAFD,qBAAOsF,GAAP,MAIA,IAJA,MAIoCtF,YAAkB,aAAc,KAApE,qBAAOuF,GAAP,MACA,IADA,MAC0CvF,YACzC,YACA,OAFD,qBAAsBwF,IAAtB,aA4CMC,GAAgB,SAACpB,GAGtB,MADC,uHACSqB,KAAKC,OAAOtB,GAAOuB,gBAGxBC,GAAgB,SAACC,GAGtB,MADC,8DACSJ,KAAKC,OAAOG,GAAOF,gBAOxBG,GAAe,uCAAG,sDAAAC,EAAA,6DACf5F,EAAuCH,EAAvCG,IAAKC,EAAkCJ,EAAlCI,IAAK4F,EAA6BhG,EAA7BgG,QAASC,EAAoBjG,EAApBiG,gBACrBC,EAAU,CACf/F,IAAKgG,OAAOhG,GACZC,IAAK+F,OAAO/F,GACZ4E,WAAYmB,OAAOnB,IACnBD,SAAUoB,OAAOpB,IACjBD,eACAR,kBACAF,QACAa,aACAmB,SAAUpC,EACVgC,UACAK,OAAQ,OACRC,SAAU1B,IAEXtH,EAAMiJ,aAAY,GAhBK,SAiBAC,YAAc,CAAErG,MAAKC,QAjBrB,cAiBjBqG,EAjBiB,OAkBvBP,EAAQO,SAAWA,EAASC,SAAWR,EAAQlB,WAlBxB,SAoBI2B,YAAkB,CAC5CxG,MACAC,MACAwG,YAAa,MAvBS,cAoBjBC,EApBiB,OAyBvBC,YAAgB,eAAgBD,GAE1BE,EAAsBC,YAAa,CACxC7G,IAAKA,EACLC,IAAKA,EACL6G,KAAM,SAGDC,EAAgB,CACrBC,UAAU,IAAIC,MAAOC,cAAcC,MAAM,KAAK,GAC9CnH,IAAKA,EACLoH,IAAKnH,EACLoH,cAAezC,GAAWoB,OAAOpB,IAAY,EAC7C0C,iBAAkBrC,GAAYe,OAAOf,IAAa,EAClDsC,WAAYpC,GAAaa,OAAOb,IAAc,EAC9CU,QAASA,EACT2B,MAAO,OACPC,YAAa9C,GACb+C,aAAc,mBACdC,WAAY9C,GAAamB,OAAOnB,IAAc,EAC9C+C,aAAc1C,GAAmBc,OAAOd,IAAoB,EAC5D2C,iBAAkB7C,GAAegB,OAAOhB,IAAgB,GAEnD8C,EAA2BC,YAAkBhB,GAhD5B,UAkDgCiB,QAAQC,IAAI,CAClErB,EACAkB,IApDsB,2CAkDhBI,EAlDgB,KAkDDC,EAlDC,KAuDvBxB,YAAgB,UAAWuB,EAAcE,SACzChD,GAAiB+C,GAxDM,UA0DjBE,YAAW,2BACbtC,GADY,IAEfuC,UAAWC,YAAuB,OAACL,QAAD,IAACA,OAAD,EAACA,EAAeE,SAAS5H,KAC1D,SAACgI,GAAD,OAAUA,EAAKzH,SA7DM,QAiEvBU,IAAUC,UAAU,CACnBC,OAAQ,SACRC,SAAU,SACVC,MAAO,kBAGR8E,YAAgB,qBAAsBuB,EAAcxB,cACpDC,YAAgB,cAAe,WAC/BA,YAAgB,UAAWZ,GAC3BY,YAAgB,SAAU,CAAE3G,IAAK+F,EAAQ/F,IAAKC,IAAK8F,EAAQ9F,MAC3D0G,YAAgB,eAAgB,CAC/B3G,IAAK+F,EAAQ/F,IACbC,IAAK8F,EAAQ9F,IACb4F,UACAC,gBAAiB2C,QAAQ3C,KAE1Ba,YAAgB,mBAAoB,MACpCA,YAAgB,UAAW,IAC3BA,YAAgB,qBAAqB,GACrC+B,WAAU,sBACT,sBAAA9C,EAAA,sEACOzI,EAAMiJ,aAAY,GADzB,OAECzL,OAAOkF,SAAShC,KAAO,aAFxB,2CAIe,KAzFO,4CAAH,qDA4FrB,OACC,sBAAKT,UAAWC,IAAOsL,kBAAvB,UACC,mBAAGvL,UAAWC,IAAOuL,aAArB,6CACA,sBAAKxL,UAAWC,IAAOwL,oBAAvB,UACC,qBAAKzL,UAAWC,IAAOyL,aAAvB,SACExF,EAAQ9C,KAAI,SAAC6C,EAAKpH,GAClB,OACC,cAAC,EAAD,CAECmH,OAAQC,EAAIE,MAAQI,EACpBpE,QAAS,WAzGfqE,EA0GsBP,EA1GJE,KA2GXO,EAAkBT,EAAIG,kBAEvB3B,MAAOwB,EAAIxB,OANNwB,EAAIE,UAWb,cAAC,IAAD,CACCnG,UAAWC,IAAO0L,6BAClBC,QAASjF,EACTkF,YACClF,GAEG,4BAIN,sBAAK3G,UAAWC,IAAO6L,wBAAvB,UACEtO,GAAS,KACT,mBAAGwC,UAAWC,IAAOuL,aAArB,qCAED,sBAAKxL,UAAWC,IAAO8L,SAAvB,UACEvO,EAAQ,KACR,mBAAGwC,UAAWC,IAAO+L,WAArB,qCAED,sBAAKhM,UAAWC,IAAOgM,qBAAvB,UACEzO,GAAS,KACT,qBAAKwC,UAAWC,IAAOiM,gBAAvB,SACC,cAAC,IAAD,MASF,cAAC,IAAD,CACCC,YAAY,mBACZnM,UAAWC,IAAOmM,MAClBlN,MAAOwI,GACP2E,kBAAmB,IACnBC,cAAe,SAACC,EAAQC,GACvB7E,GAAa4E,EAAOrN,UAGtB,sBAAKc,UAAWC,IAAOwM,iBAAvB,UACC,sCACA,cAAC,IAAD,IACA,sBAAMzM,UAAWC,IAAOyM,QAAxB,qJASJ,mBAAG1M,UAAWC,IAAOuL,aAArB,8BACA,sBAAKxL,UAAWC,IAAO6L,wBAAvB,UACC,sBAAK9L,UAAWC,IAAO8L,SAAvB,UACEvO,EAAQ,KACR,mBAAGwC,UAAWC,IAAO+L,WAArB,wBAED,uBACCW,SAAU,SAACxN,GAAD,OAAO2H,EAAS3H,EAAEyN,OAAO1N,QACnCA,MAAO2H,EACP7G,UAAWC,IAAOmM,MAClBD,YAAY,sBAGd,cAAC,IAAD,CACCnM,UAAWC,IAAO0L,6BAClBC,QAAS3E,EACT4E,YACC5E,GAEG,2BAIN,sBAAKjH,UAAWC,IAAO4M,kBAAvB,UACC,qBAAK7M,UAAWC,IAAO6L,wBAAvB,SACC,sBAAK9L,UAAWC,IAAO8L,SAAvB,UACEvO,EAAQ,KACR,mBAAGwC,UAAWC,IAAO+L,WAArB,kBAED,uBACChM,UAAWC,IAAOmM,MAClBD,YAAY,YACZjN,MAAOmI,GACPsF,SAAU,SAACxN,GAAD,OAAOmI,GAAQnI,EAAEyN,OAAO1N,eAIrC,sBAAKc,UAAWC,IAAO6L,wBAAvB,UACC,sBAAK9L,UAAW4B,YAAK3B,IAAO8L,UAA5B,UACEvO,EAAQ,KACR,mBAAGwC,UAAWC,IAAO+L,WAArB,wBAED,uBACChM,UAAW4B,YACV3B,IAAOmM,MACPnM,IAAO6M,iBAERX,YAAY,gBACZY,KAAK,SACLC,QAAQ,SACRC,UAAU,UACVN,SAAU,SAACxN,GAAD,OAAO6H,EAAmB7H,EAAEyN,OAAO1N,QAC7CA,MAAO6H,OAGT,cAAC,IAAD,CACC/G,UAAWC,IAAO0L,6BAClBC,QAASzE,EACT0E,YACC1E,GAEG,kCAKP,4EACuC,IACtC,mBAAG1G,KAAK,qBAAR,kCAED,qBAAKT,UAAWC,IAAOiN,iBAAvB,SACC,cAAC,IAAD,CACC/K,QAjSiB,SAACgL,GACrB,IAAIC,GAAe,EACdvG,EAGOoB,GAAcpB,GAIzBK,EAA+B,OAH/BA,EAA+B,sBAC/BkG,GAAe,IAJflG,EAA+B,uBAC/BkG,GAAe,GAQXrG,EAGOsB,GAActB,GAIzBK,EAA+B,OAH/BA,EAA+B,0BAC/BgG,GAAe,IAJfhG,EAA+B,2BAC/BgG,GAAe,GAOX3G,EAIJG,EAAuB,OAHvBA,EAAuB,wBACvBwG,GAAe,GAKZA,EACHD,EAAIE,kBAIL9P,OAAO+P,SAAS,EAAG,GACnBvN,EAAMwN,cAAa,GACnBxN,EAAMyN,YAAY,WAClBjF,OA8PGvI,UAAWC,IAAOwN,UAClBC,SAAO,EACP5I,UAAQ,EACRD,MAAI,EACJE,WAAS,EACTJ,MAAM,e,SCtVLgJ,EAAe,CACpB,CACCtG,KAAM,iBACN0F,KAAM,cACNa,KAAM,cAAC,IAAD,KAEP,CACCvG,KAAM,QACN0F,KAAM,QACNa,KAAM,cAAC,IAAD,KAEP,CACCvG,KAAM,aACN0F,KAAM,cACNa,KAAM,cAAC,IAAD,KAEP,CACCvG,KAAM,SACN0F,KAAM,YACNa,KAAM,cAAC,IAAD,MAqYOC,EAjYK,SAAC9N,GACJuG,cAAhB,IACA,EAA0B1I,cAAlBJ,EAAR,EAAQA,MAER,GAFA,EAAeE,OAEyCG,oBAAS,IAAjE,mBAAOiQ,EAAP,KAA6BC,EAA7B,KACA,EAA0BvL,YAAkB,eAAgB,MAA5D,mBACA,GADA,UAECA,YAAkB,uBADnB,mBAEA,GAFA,UAEgC3E,mBAAS,YAAzC,mBAAOmQ,EAAP,KAAiBR,EAAjB,KACA,EAAsChL,YACrC,uBACA,MAFD,mBAAO+E,EAAP,KAAoB0G,EAApB,KAIA,EAAgCzL,YAAkB,eAAgB,MAAlE,mBAAOC,EAAP,KAAiBC,EAAjB,KACA,EAAgCF,YAAkB,oBAAqB,GAAvE,mBAAOgF,EAAP,KAAiB0G,EAAjB,KACA,EAAoC1L,YACnC,sBACA,MAFD,mBAAOiF,EAAP,KAAmB0G,EAAnB,KAIA,EAA8C3L,YAC7C,0BACA,IAFD,6BAoIA,OACC,qBAAKxC,UAAWC,IAAOmO,YAAvB,SACe,YAAbJ,GACA,sBAAKhO,UAAW4B,YAAK3B,IAAOoO,oBAA5B,UACC,sBAAKrO,UAAW4B,YAAK3B,IAAOqO,OAAoB,WAAZN,GAAyB/N,IAAOsO,cAApE,UACC,oBAAIvO,UAAWC,IAAOuO,YAAtB,8CAGc,YAAbR,GACA,qCACC,sBAAKhO,UAAWC,IAAOwO,cAAvB,UACC,qBAAKC,IAAKC,IAAYC,IAAI,KAC1B,mBAAG5O,UAAWC,IAAO4O,eAArB,uEAID,sBAAK7O,UAAWC,IAAOwO,cAAvB,UACC,qBAAKC,IAAKC,IAAYC,IAAI,KAC1B,mBAAG5O,UAAWC,IAAO4O,eAArB,kEAID,sBAAK7O,UAAWC,IAAOwO,cAAvB,UACC,qBAAKC,IAAKC,IAAYC,IAAI,KAC1B,mBAAG5O,UAAWC,IAAO4O,eAArB,iEAID,sUAMH,sBAAK7O,UAAWC,IAAO6O,cAAvB,UACc,WAAZd,GACA,qCACC,sBAAKhO,UAAWC,IAAO8O,YAAvB,UACC,qBAAK/O,UAAWC,IAAO0N,aAAvB,SACEA,EAAavK,KAAI,SAAC4L,EAAIC,GAAL,OACjB,sBAECjP,UAAW4B,YACV3B,IAAOsH,YADO,eAGZtH,IAAOiP,oBACP3H,IACAyH,EAAGjC,OAGN5K,QAAS,kBApKEqG,EAqKGwG,EAAGjC,KApKP,OAAhBxF,GAAwB/J,GAAS,MACpCuC,EAAMiJ,aAAY,GAClBsC,YAAW,WACVvL,EAAMiJ,aAAY,KAChB,WAEJiF,EAAezF,GAPK,IAACA,GA0JZ,UAcEwG,EAAGpB,KACJ,+BAAOoB,EAAG3H,SAdL4H,QAkBR,cAAC,IAAD,CACCjP,UACCC,IAAO0L,6BAERC,QAASkC,EACTqB,MAAO5H,EACPsE,YAAY,uBAGd,uBACCkB,KAAK,SACL1F,KAAK,cACLnI,MAAOqI,IAER,sBAAKvH,UAAWC,IAAO6L,wBAAvB,UACC,qBAAK9L,UAAWC,IAAOmP,eAAvB,SACC,sBACCpP,UAAW4B,YACV3B,IAAOoP,aACPpP,IAAOqP,iBAHT,UAME9R,EAAQ,KACR,mBACCwC,UACCC,IAAOsP,WAFT,qBAQD,8BACC,cAACpL,EAAA,EAAD,CACCqL,YACChS,GAAS,IAIViS,WAAW,EACX9L,GAAG,cACH+L,iBACCzP,IAAO0P,YAERvL,kBAAmB,SAClB3B,GAEA4B,IAAUC,UAAU,CACnBC,OAAQ,SACRC,SAAU,SACVC,MAAO,mBAER/B,EAAYD,aAMjB,cAAC,IAAD,CACCzC,UACCC,IAAO0L,6BAERC,QAASkC,EACTqB,MAAO1M,EACPoJ,YAAY,8BAId,sBAAK7L,UAAWC,IAAO4M,kBAAvB,UACC,sBACC7M,UACCC,IAAO6L,wBAFT,UAKC,qBAAK9L,UAAWC,IAAOmP,eAAvB,SACC,sBACCpP,UAAWC,IAAOoP,aADnB,UAGE7R,EAAQ,KACR,mBACCwC,UACCC,IAAOsP,WAFT,iBAQD,cAAC,IAAD,CACCK,KAAMpI,EACNqI,kBA/Jc,SAAC9C,GAGxBmB,EAFW,QAATnB,EACc,IAAbvF,EACSA,EAAW,EAEX,EAGDA,EAAW,WA6JhB,cAAC,IAAD,CACCxH,UACCC,IAAO0L,6BAERC,QAASkC,EACTqB,MAAO3H,EACPqE,YAAY,sBAGd,sBACC7L,UACCC,IAAO6L,wBAFT,UAKC,qBAAK9L,UAAWC,IAAOmP,eAAvB,SACC,sBACCpP,UAAWC,IAAOoP,aADnB,UAGE7R,EAAQ,KACR,mBACCwC,UACCC,IAAOsP,WAFT,mBAQD,cAAC,IAAD,CACCG,iBACCzP,IAAO0P,YAER5C,KAAK,SACLE,UAAU,UACV6C,aAAa,MACbnD,SAAU,SAACxN,GAAD,OACTgP,EACChP,EAAEyN,OAAO1N,QAGXmI,KAAK,aACL8E,YAAY,WACZjN,MAAOuI,SAIV,cAAC,IAAD,CACCzH,UACCC,IAAO0L,6BAERC,QAASkC,EACTqB,MAAO1H,EACPoE,YAAY,qBAIf,qBAAK7L,UAAWC,IAAOyE,aAAvB,SACC,cAAC,IAAD,CACCK,WAAS,EACTF,MAAI,EACJC,UAAQ,EACRH,MAAM,eACN3E,UAAWC,IAAOwN,UAClBtL,QA/T2B,SAACgL,GACpC,IAAK1K,IAAa+E,IAAaC,IAAeF,EAG7C,OAFAwG,GAAwB,QACxBZ,EAAIE,iBAIL9P,OAAO+P,SAAS,EAAG,GACnBS,GAAwB,GACxBP,EAAY,WACRhQ,GAAS,MACZuC,EAAMiJ,aAAY,GAClBsC,YAAW,WACVvL,EAAMiJ,aAAY,KAChB,MAEJ3E,IAAUC,UAAU,CACnBC,OAAQ,SACRC,SAAU,SACVC,MAAO,qCAiTS,WAAZuJ,GACA,cAAC,EAAD,CACCR,YAAaA,EACbxE,YAAajJ,EAAMiJ,YACnBuE,aAAcxN,EAAMwN,wB,sFClQbwC,UAnKG,SAAChQ,GAEf,MAA0BnC,cAAlBJ,EAAR,EAAQA,MACR,GADA,EAAeE,OACiBG,oBAAS,IAAzC,mBAAOmS,EAAP,KAAiBhH,EAAjB,KACA,EAAsCxG,YAAkB,uBAAwB,MAAhF,mBAAO+E,EAAP,KACM0I,GADN,KACuB,CACnBC,MAAM,EACNC,UAAU,EACVC,cAAeC,EACfC,iBAAkB,CACdC,oBAAqB,oBAG7B,EAAkC1S,oBAAS,GAA3C,mBAAO2S,EAAP,KAAkBjD,EAAlB,KAEAvP,qBAAU,WACN,GAAIR,GAAS,IAAK,CACd,IAAIiT,EAAO,IACQ,MAAflJ,IACAkJ,GAAc,KAElBnF,YAAW,WACPtC,GAAY,KACbyH,QAEHzH,GAAY,KAEjB,IAEHhL,qBAAU,WACN0S,MACD,CAACF,IAEJ,IAAME,EAAe,YAChBF,GAAanP,SAASsP,KAAKC,UAAUC,IAAI,kBAC1CL,GAAanP,SAASsP,KAAKC,UAAUE,OAAO,mBA2GhD,OACI,qCACI,cAACC,EAAA,EAAD,CAAQC,WAAS,EAACC,UAAQ,EACtBC,YAAY,MACZC,OAAQ3T,GAAS,IAZrB,sBAAKmG,GAAG,eAAeyN,MAAO,CAAE5T,MAAO,OAAQE,OAAQ,OAAQ2T,SAAU,WAAYC,IAAK,EAAGC,WAAY,UAAWC,QAAS,GAA7H,UAnDA,cAAC,IAAD,CAAQC,QAAS,CACbvB,MAAM,EACNC,UAAU,EACVC,cAAesB,EACfpB,iBAAkB,CACdC,oBAAqB,mBAGzBoB,wBAAwB,EACxB3B,SAAUA,EACVoB,MAAO,CACHC,SAAU,WACV3T,OAAQ,OACRF,MAAO,OACPgU,QAAS,EACTI,OAAQ,EACRC,MAAO,EACPC,wBAAyB,QAE7BpU,OAAQ,OACRF,MAAO,SA9CX,cAAC,IAAD,CAAQiU,QAAS,CACbvB,MAAM,EACNC,UAAU,EACVC,cAAe2B,EACfzB,iBAAkB,CACdC,oBAAqB,mBAGzBoB,wBAAwB,EACxB3B,SAAUA,EACVoB,MAAO,CACHC,SAAU,WACV3T,OAAQ,MACRF,MAAO,OACPwU,KAAM,MACNC,UAAW,mBACXT,QAAS,EACTI,OAAQ,GAEZlU,OAAQ,OACRF,MAAO,SAgCX,cAAC,IAAD,CAAQiU,QAAS,CACbvB,MAAM,EACNC,UAAU,EACVC,cAAe8B,EACf5B,iBAAkB,CACdC,oBAAqB,iBACrBvQ,UAAW,eAGf2R,wBAAwB,EACxB3B,SAAUA,EACVoB,MAAO,CACHC,SAAU,WACV3T,OAAQ,OACRF,MAAO,OACPgU,QAAS,EACTF,KAAM,KAEV5T,OAAQ,OACRF,MAAO,YAxFX,cAAC,IAAD,CAAQiU,QAASxB,EACb0B,wBAAwB,EACxB3B,SAAUA,EACVoB,MAAO,CACHC,SAAU,WACV3T,OAAQ,OACR8T,QAAS,EACTF,IAAK,EACLQ,wBAAyB,QAE7BpU,OAAQ,OACRF,MAAO,SAgGP2U,OACI,cAAC,EAAD,CACInC,SAAUA,EACVhH,YAAaA,EACbuE,aAAcA,MAI1B,cAACpM,EAAA,EAAD,IACA,cAACoB,EAAA,EAAD,CAAUyC,UAAW,SAErB,cAAClF,EAAA,EAAD,S,gCC/KZ,6HA8GyBkD,EAAK,mBAA8BA,EAAK,mBAA8BoP,kBAmF/F,SAASC,IACP,IAAK,IAAIC,EAAOC,UAAU3T,OAAQ4T,EAAO,IAAI9T,MAAM4T,GAAOG,EAAO,EAAGA,EAAOH,EAAMG,IAC/ED,EAAKC,GAAQF,UAAUE,GAGzB,OAAOC,YAAgBF,GAGzB,IAAIG,EAAY,WACd,IAAIC,EAAaP,EAAIQ,WAAM,EAAQN,WAC/BlL,EAAO,aAAeuL,EAAWvL,KAErC,MAAO,CACLA,KAAMA,EACNpH,OAAQ,cAAgBoH,EAAO,IAAMuL,EAAW3S,OAAS,IACzD6S,KAAM,EACNC,SAAU,WACR,MAAO,QAAUC,KAAK3L,KAAO,IAAM2L,KAAK/S,OAAS","file":"static/js/13.51a345c8.chunk.js","sourcesContent":["import { useState, useEffect } from 'react';\n\nfunction getWindowDimensions() {\n    const { innerWidth: width, innerHeight: height } = window;\n    return {\n        width,\n        height,\n    };\n}\n\nexport default function useWindowDimensions() {\n    const [windowDimensions, setWindowDimensions] = useState(\n        getWindowDimensions()\n    );\n\n    useEffect(() => {\n        function handleResize() {\n            setWindowDimensions(getWindowDimensions());\n        }\n\n        window.addEventListener('resize', handleResize);\n        return () => window.removeEventListener('resize', handleResize);\n    }, []);\n\n    return windowDimensions;\n}\n","import unsupportedIterableToArray from \"./unsupportedIterableToArray.js\";\nexport default function _createForOfIteratorHelper(o, allowArrayLike) {\n  var it = typeof Symbol !== \"undefined\" && o[Symbol.iterator] || o[\"@@iterator\"];\n\n  if (!it) {\n    if (Array.isArray(o) || (it = unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === \"number\") {\n      if (it) o = it;\n      var i = 0;\n\n      var F = function F() {};\n\n      return {\n        s: F,\n        n: function n() {\n          if (i >= o.length) return {\n            done: true\n          };\n          return {\n            done: false,\n            value: o[i++]\n          };\n        },\n        e: function e(_e) {\n          throw _e;\n        },\n        f: F\n      };\n    }\n\n    throw new TypeError(\"Invalid attempt to iterate non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\");\n  }\n\n  var normalCompletion = true,\n      didErr = false,\n      err;\n  return {\n    s: function s() {\n      it = it.call(o);\n    },\n    n: function n() {\n      var step = it.next();\n      normalCompletion = step.done;\n      return step;\n    },\n    e: function e(_e2) {\n      didErr = true;\n      err = _e2;\n    },\n    f: function f() {\n      try {\n        if (!normalCompletion && it[\"return\"] != null) it[\"return\"]();\n      } finally {\n        if (didErr) throw err;\n      }\n    }\n  };\n}","import styles from './footer.module.css';\nimport {\n\tFacebookIcon,\n\tInstagramIcon,\n\tLinkedInIcon,\n\tLogoInverse,\n\tTwitterIcon,\n\tYoutubeIcon,\n} from '../Svg';\nimport { Button } from '../base/Buttons';\n\nconst Footer = (props) => {\n\tconst scrollToSearch = (e) => {\n\t\tdocument.getElementById('inquiryForm').focus();\n\t};\n\n\treturn (\n\t\t<div className={styles.footerOuter}>\n\t\t\t<div className={styles.footer}>\n\t\t\t\t<div className={styles.footerTop}>\n\t\t\t\t\t<div className={styles.footerLogoWrapper}>\n\t\t\t\t\t\t<LogoInverse />\n\t\t\t\t\t\t<h1 className={styles.footerLogoTitle}>Vi hjälper dig hitta rätt mäklare</h1>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div className={styles.footerContent}>\n\t\t\t\t\t\t<div className={styles.footerMiddleLeftContent}>\n\t\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t\t<ul>\n\t\t\t\t\t\t\t\t\t<li>\n\t\t\t\t\t\t\t\t\t\t<a href=\"/om-oss\">Om oss</a>\n\t\t\t\t\t\t\t\t\t</li>\n\t\t\t\t\t\t\t\t\t<li>\n\t\t\t\t\t\t\t\t\t\t<a href=\"/for-maklare\">För mäklare</a>\n\t\t\t\t\t\t\t\t\t</li>\n\t\t\t\t\t\t\t\t\t<li>\n\t\t\t\t\t\t\t\t\t\t<a href=\"/sa-funkar-det\">\n\t\t\t\t\t\t\t\t\t\t\tSå fungerar Bytboo\n\t\t\t\t\t\t\t\t\t\t</a>\n\t\t\t\t\t\t\t\t\t</li>\n\t\t\t\t\t\t\t\t\t<li>\n\t\t\t\t\t\t\t\t\t\t<a href=\"/faq\">FAQ</a>\n\t\t\t\t\t\t\t\t\t</li>\n\t\t\t\t\t\t\t\t</ul>\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\t\t<ul>\n\t\t\t\t\t\t\t\t\t<li>\n\t\t\t\t\t\t\t\t\t\t<a href=\"/\">Hitta mäklare</a>\n\t\t\t\t\t\t\t\t\t</li>\n\t\t\t\t\t\t\t\t\t<li>\n\t\t\t\t\t\t\t\t\t\t<a href=\"/\">Värdera bostad</a>\n\t\t\t\t\t\t\t\t\t</li>\n\t\t\t\t\t\t\t\t\t<li>\n\t\t\t\t\t\t\t\t\t\t<a href=\"/\">Bolån</a>\n\t\t\t\t\t\t\t\t\t</li>\n\t\t\t\t\t\t\t\t</ul>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<div className={styles.socialIconContainer}>\n\t\t\t\t\t\t\t<YoutubeIcon />\n\t\t\t\t\t\t\t<TwitterIcon />\n\t\t\t\t\t\t\t<LinkedInIcon />\n\t\t\t\t\t\t\t<InstagramIcon />\n\t\t\t\t\t\t\t<FacebookIcon />\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t\t<div className={styles.divider}></div>\n\t\t\t\t{/* // Lower Footer */}\n\t\t\t\t<div className={styles.footerBottom}>\n\t\t\t\t\t<div className={styles.lowerFooter}>\n\t\t\t\t\t\t<div className={styles.lowerLeft}>\n\t\t\t\t\t\t\t<p>\n\t\t\t\t\t\t\t\t<a href=\"/integritetspolicy\">\n\t\t\t\t\t\t\t\t\tIntegritetspolicy\n\t\t\t\t\t\t\t\t</a>\n\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t<p>hello@bytboo.com</p>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<div className={styles.lowerRight}>\n\t\t\t\t\t\t\t<p>© Bytboo 2022</p>\n\t\t\t\t\t\t\t<div className={styles.lowerRightInner}>\n\t\t\t\t\t\t\t\t<p>Saltmästargatan 8A</p>\n\t\t\t\t\t\t\t\t<p>113 59 Stockholm</p>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t<div className={styles.lowerRightInner}>\n\t\t\t\t\t\t\t\t<p>Org.nr: 559221-5577</p>\n\t\t\t\t\t\t\t\t<p>Bankgiro: 5387-5332</p>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t);\n};\n\nexport default Footer;\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"footerOuter\":\"footer_footerOuter__2Zsvd\",\"footerTop\":\"footer_footerTop__1ZdDd\",\"footerBottom\":\"footer_footerBottom__12weC\",\"divider\":\"footer_divider__1_lJg\",\"footerLogoWrapper\":\"footer_footerLogoWrapper__N53sU\",\"footerLogoTitle\":\"footer_footerLogoTitle__jPSQn\",\"footerMiddleLeftContent\":\"footer_footerMiddleLeftContent__23APG\",\"footer\":\"footer_footer__jA9Ly\",\"socialList\":\"footer_socialList__fTF42\",\"ctaContainer\":\"footer_ctaContainer__3KEKL\",\"footerContent\":\"footer_footerContent__wcj99\",\"socialIconContainer\":\"footer_socialIconContainer__tnud4\",\"lowerFooter\":\"footer_lowerFooter__a0naO\",\"lowerRight\":\"footer_lowerRight__1o3fX\",\"lowerLeft\":\"footer_lowerLeft__3kSoo\",\"lowerRightInner\":\"footer_lowerRightInner__3qYJL\"};","export default __webpack_public_path__ + \"static/media/RightArrow.a9f226cd.svg\";","// extracted by mini-css-extract-plugin\nmodule.exports = {\"howItWorksContainer\":\"howItWorks_howItWorksContainer__whU6M\",\"howItWorks\":\"howItWorks_howItWorks__3rpHS\",\"header\":\"howItWorks_header__8NC5S\",\"contentBox\":\"howItWorks_contentBox__35sy-\",\"divider\":\"howItWorks_divider__2hwR7\",\"contentBoxItem\":\"howItWorks_contentBoxItem__3sHzT\",\"featureImage\":\"howItWorks_featureImage__2tVmZ\",\"featureTitle\":\"howItWorks_featureTitle__1MzY6\",\"featureDescription\":\"howItWorks_featureDescription__1AKFY\",\"handleStyle\":\"howItWorks_handleStyle__2C_yj\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"mapPromoContainer\":\"mapPromo_mapPromoContainer__1AD0v\",\"mapPromo\":\"mapPromo_mapPromo__m1n21\",\"mapPromoImage\":\"mapPromo_mapPromoImage__uUq3U\",\"mapPromoTitle\":\"mapPromo_mapPromoTitle__22iZs\",\"mapPromoSubTitle\":\"mapPromo_mapPromoSubTitle__1QUXT\",\"ctaContainer\":\"mapPromo_ctaContainer__1xpHv\",\"mapSubmitBtn\":\"mapPromo_mapSubmitBtn__pB4M6\",\"searchContainer\":\"mapPromo_searchContainer__2Y10u\",\"searchOuter\":\"mapPromo_searchOuter__2TzH9\",\"searchOuterBroker\":\"mapPromo_searchOuterBroker__268S3\",\"searchValidationErrorMessage\":\"mapPromo_searchValidationErrorMessage__1C5-4\"};","import { Button } from '../base/Buttons';\nimport analytics from '../../Analytics';\nimport styles from './valuation.module.css';\nconst Valuation = (props) => {\n\n    const onSubmit = () => {\n        analytics.sendEvent({\n            action: 'Submit',\n            category: 'Seller',\n            label: 'BKöper1',\n        });\n\n        window.location.href = props.targetUri;\n    };\n\n    return (\n        <div className={styles.valuationContainer}>\n            <div className={styles.valuation}>\n                <h2 className={styles}>\n                    Ny tjänst! Bytboo köper din bostad. Få pengar inom 48 timmar\n                </h2>\n                <p className=\"subheader\">Ansök kostnadsfritt och få ett fast pris. Sälj utan visningar, stress och osäkerhet.</p>\n                <div className={styles.ctaContainer}>\n                    <Button\n                        title=\"Påbörja värdering\"\n                        dark\n                        centered\n                        fullWidth\n                        onClick={onSubmit}\n                    />\n                </div>\n            </div>\n        </div>\n    );\n};\n\nexport default Valuation;\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"valuationContainer\":\"valuation_valuationContainer__3Mb66\",\"valuation\":\"valuation_valuation__26uNh\",\"valuationImage\":\"valuation_valuationImage__18Rwl\",\"ctaContainer\":\"valuation_ctaContainer__3_xYz\"};","import { Award, HeartLock, PlusBubble, TimeIsMoney } from '../Svg';\nimport styles from './why.module.css';\nconst Why = (props) => {\n    return (\n        <div className={styles.whyContainer}>\n            <div className={styles.why}>\n                <div className={styles.header}>\n                    <h1>Varför Bytboo?</h1>\n                    <p className=\"subheader\">\n                        Det kan skilja flera hundratusen i slutpris baserat på\n                        vilken mäklare du använder. Detta kan vara ett av de\n                        viktigaste besluten någonsin för din ekonomi.\n                    </p>\n                </div>\n                <div>\n                    <div className={styles.featureRow}>\n                        <div className={styles.featureImage}>\n                            <TimeIsMoney />\n                        </div>\n                        <div className={styles.featureDescription}>\n                            <h3>\n                                Chansa inte med den största affären i ditt liv!\n                            </h3>\n                            <p className=\"subheader\">\n                                Att sälja sin bostad är ofta den största affären\n                                i en persons liv, det skulle därför nästan vara\n                                galet att inte undersöka vem som har störst\n                                chans att lyckas bäst med just din affär.\n                            </p>\n                        </div>\n                    </div>\n                    <div className={styles.featureRow}>\n                        <div className={styles.featureImage}>\n                            <Award />\n                        </div>\n                        <div className={styles.featureDescription}>\n                            <h3>Hitta bäst mäklare för din bostad</h3>\n                            <p className=\"subheader\">\n                                Mäklare är bra på olika saker. Med Bytboo ser du\n                                vem som historiskt har lyckats bäst med liknande\n                                försäljningar i ditt område och därför har\n                                störst chans att lyckas bäst med din affär.\n                            </p>\n                        </div>\n                    </div>\n                    <div className={styles.featureRow}>\n                        <div className={styles.featureImage}>\n                            <PlusBubble />\n                        </div>\n                        <div className={styles.featureDescription}>\n                            <h3>Du väljer, vi kontaktar</h3>\n                            <p className=\"subheader\">\n                                Med Bytboo ser du vilka mäklare som passar din försäljning bäst.\n                                Vi kontaktar dem åt dig och ber om erbjudande så att du i lugn och ro kan\n                                jämföra innan du väljer mäklare.\n                            </p>\n                        </div>\n                    </div>\n                    <div className={styles.featureRow}>\n                        <div className={styles.featureImage}>\n                            <HeartLock />\n                        </div>\n                        <div className={styles.featureDescription}>\n                            <h3>Inga förpliktelser</h3>\n                            <p className=\"subheader\">\n                                Du binder inte upp dig på något, om inget\n                                erbjudande passar dig tackar du bara nej. Bytboo\n                                är HELT GRATIS för dig som ska sälja!\n                            </p>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    );\n};\n\nexport default Why;\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"whyContainer\":\"why_whyContainer__3dwNO\",\"why\":\"why_why__2XLpa\",\"header\":\"why_header__K3jL8\",\"featureRow\":\"why_featureRow__2vtOi\",\"featureImage\":\"why_featureImage__3fLU8\",\"featureDescription\":\"why_featureDescription__3ygKw\"};","import styles from './howItWorks.module.css';\nimport clsx from 'clsx';\nimport {\n\tBrokerInfo,\n\tIllustrationImage,\n\tArrowLink,\n\tNotificationSend,\n} from '../Svg';\nimport homeInfo from '../../images/HomeInfo.png';\nimport searchImg from '../../images/Search.png';\nimport notificationImg from '../../images/Notifications.png';\n\nconst HowItWorks = (props) => {\n\tconst scrollToSearch = (e) => {\n\t\tdocument.getElementById('inquiryForm').focus();\n\t};\n\n\treturn (\n\t\t<div className={styles.howItWorksContainer}>\n\t\t\t<div className={styles.howItWorks}>\n\t\t\t\t{/* <div className={styles.header}>\n\t\t\t\t\t<h1>Så fungerar Bytboo</h1>\n\t\t\t\t\t<p className=\"subheader\">\n\t\t\t\t\t\tVi är din kompass i mäklar-djungeln.\n\t\t\t\t\t</p>\n\t\t\t\t</div> */}\n\n\t\t\t\t<div className={styles.contentBox}>\n\t\t\t\t\t<div className={styles.contentBoxItem}>\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tclassName={clsx(\n\t\t\t\t\t\t\t\tstyles.featureImage,\n\t\t\t\t\t\t\t\tstyles.featureImageStep1\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<BrokerInfo topfill=\"#E8F5F7\" />\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t<h3 className={styles.featureTitle}>\n\t\t\t\t\t\t\t\tSe över din boendeekonomi\n\t\t\t\t\t\t\t</h3>\n\t\t\t\t\t\t\t<p className={styles.featureDescription}>\n\t\t\t\t\t\t\t\tSe genast vad du kan spara fram tills dess att\n\t\t\t\t\t\t\t\tdu flyttar eller vad du kan låna för att kunna\n\t\t\t\t\t\t\t\tköpa din nästa bostad.\n\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t<a\n\t\t\t\t\t\t\t\tclassName={styles.handleStyle}\n\t\t\t\t\t\t\t\tonClick={scrollToSearch}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\tGå till bolån <ArrowLink />\n\t\t\t\t\t\t\t</a>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div className={styles.contentBoxItem}>\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tclassName={clsx(\n\t\t\t\t\t\t\t\tstyles.featureImage,\n\t\t\t\t\t\t\t\tstyles.featureImageStep2\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<IllustrationImage topfill=\"#CEEEE0\" />\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t<h3 className={styles.featureTitle}>\n\t\t\t\t\t\t\t\tJämför och välj rätt mäklare för dig\n\t\t\t\t\t\t\t</h3>\n\t\t\t\t\t\t\t<p className={styles.featureDescription}>\n\t\t\t\t\t\t\t\tVi matchar din bostad med mäklarnas tidigare\n\t\t\t\t\t\t\t\terfarenhet. Du får en lista på de mäklare som\n\t\t\t\t\t\t\t\tlyckats bäst med liknande försäljningar.\n\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t<a\n\t\t\t\t\t\t\t\tclassName={styles.handleStyle}\n\t\t\t\t\t\t\t\tonClick={scrollToSearch}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\tJämför mäklare nu <ArrowLink />\n\t\t\t\t\t\t\t</a>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div className={styles.contentBoxItem}>\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tclassName={clsx(\n\t\t\t\t\t\t\t\tstyles.featureImage,\n\t\t\t\t\t\t\t\tstyles.featureImageStep3\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<NotificationSend\n\t\t\t\t\t\t\t\ttopfill=\"#DEDAF1\"\n\t\t\t\t\t\t\t\tbottomfill=\"#DEDAF1\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<div className={styles.featureDescription}>\n\t\t\t\t\t\t\t<h3 className={styles.featureTitle}>\n\t\t\t\t\t\t\t\tVärdera din bostad digitalt\n\t\t\t\t\t\t\t</h3>\n\t\t\t\t\t\t\t<p className={styles.featureDescription}>\n\t\t\t\t\t\t\t\tVärdera din bostad digitalt med vår smarta AI\n\t\t\t\t\t\t\t\tlösning. Se hur mycket din bostad har gått upp i\n\t\t\t\t\t\t\t\tvärde och hur det kan påverka din boendeekonomi\n\t\t\t\t\t\t\t\tidag.\n\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t<a\n\t\t\t\t\t\t\t\tclassName={styles.handleStyle}\n\t\t\t\t\t\t\t\tonClick={scrollToSearch}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\tPåbörja värdering <ArrowLink />\n\t\t\t\t\t\t\t</a>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t\t<div className={styles.divider}></div>\n\t\t</div>\n\t);\n};\n\nexport default HowItWorks;\n","export default __webpack_public_path__ + \"static/media/Map.eb264663.png\";","import React, { useState } from 'react';\nimport useSessionStorage from '../../hooks/useSessionStorage';\nimport { Button } from '../base/Buttons';\nimport { ValidationErrorMessage } from '../base/Forms';\nimport Search from '../search/Search';\nimport mapImg from '../../images/Map.png'\nimport styles from './mapPromo.module.css';\nimport { GoogleMap, useJsApiLoader } from '@react-google-maps/api';\nimport useWindowDimensions from '../../hooks/useWindowDimensions';\nimport { Skeleton } from '@mui/material';\nimport BrokerMap from '../BrokerMap';\nimport analytics from '../../Analytics';\n\n\nconst MapPromo = (props) => {\n    const [location, setLocation] = useSessionStorage('userLocation', null);\n    const [mapZoom, setMapZoom] = useSessionStorage('mapZoom', 5);\n    const [showValidationErrors, setShowValidationErrors] = useState(false);\n    const { width, height } = useWindowDimensions();\n    const [center, setCenter] = useSessionStorage('center', {\n        lat: 59.978476,\n        lng: 14.81514,\n    });\n    const containerStyle = {\n        width: width > 500 ? '800px' : `${width - 50}px`,\n        height: '400px'\n    };\n    const [map, setMap] = React.useState(null)\n\n    const onLoad = React.useCallback(function callback(map) {\n        const bounds = new window.google.maps.LatLngBounds();\n        map.fitBounds(bounds);\n        setMap(map)\n    }, [])\n\n    const onUnmount = React.useCallback(function callback(map) {\n        setMap(null)\n    }, [])\n\n    const { isLoaded } = useJsApiLoader({\n        id: 'google-map-script',\n        googleMapsApiKey: process.env.REACT_APP_MAPS_KEY\n    })\n\n    return (\n        <div className={styles.mapPromoContainer}>\n            <div className={styles.mapPromo}>\n                <h2 className={styles.mapPromoTitle}>\n                    Vad fick grannen för sin bostad?\n                </h2>\n                <p className={styles.mapPromoSubTitle}>Skriv in din adress och se de senaste försäljningarna i ditt område och vilka mäklare som förmedlat affären.</p>\n\n                <div className={styles.searchContainer}>\n                    <Search onLocationChanged={(location) => {\n                        analytics.sendEvent({\n                            action: 'Submit',\n                            category: 'Seller',\n                            label: 'Form - Address',\n                        });\n                        setLocation(location);\n                    }} />\n                </div>\n                <div className={styles.ctaContainer}>\n\n                    <Button\n                        title=\"Se slutpriser på bostäder nära dig\"\n                        className={styles.mapSubmitBtn}\n                        dark\n                        centered\n                        fullWidth\n                        onClick={() => (window.location.href = props.targetUri)}\n                    />\n                </div>\n            </div>\n            <div className={styles.mapPromoImage}>\n                {isLoaded ?\n                    <BrokerMap\n                        center={center}\n                        zoom={mapZoom}\n                        userLocation={location}\n                        containerSize={containerStyle.height}\n                    />\n                    // <GoogleMap\n                    // mapContainerStyle={containerStyle}\n                    // center={center}\n                    // zoom={10}\n                    // onLoad={onLoad}\n                    // onUnmount={onUnmount}\n                    // />\n                    : <Skeleton variant=\"rectangular\" width={800} height={400} />}\n            </div>\n        </div>\n    );\n};\n\nexport default MapPromo;\n","export default function _taggedTemplateLiteral(strings, raw) {\n  if (!raw) {\n    raw = strings.slice(0);\n  }\n\n  return Object.freeze(Object.defineProperties(strings, {\n    raw: {\n      value: Object.freeze(raw)\n    }\n  }));\n}","// extracted by mini-css-extract-plugin\nmodule.exports = {\"headerTitle\":\"inquiryForm_headerTitle__1neL-\",\"headerSubTitle\":\"inquiryForm_headerSubTitle__3sCcG\",\"headerContent\":\"inquiryForm_headerContent__NzxDv\",\"inquiryForm\":\"inquiryForm_inquiryForm__S696t\",\"housingDetailsForm\":\"inquiryForm_housingDetailsForm__OypaO\",\"contactForm\":\"inquiryForm_contactForm__1ic8f\",\"hidden\":\"inquiryForm_hidden__gkEih\",\"terms\":\"inquiryForm_terms__3s0vl\",\"formTitle\":\"inquiryForm_formTitle__3qFza\",\"loading\":\"inquiryForm_loading__2Qaug\",\"loadingIcon\":\"inquiryForm_loadingIcon__3sOPA\",\"header\":\"inquiryForm_header__2usSf\",\"formContainer\":\"inquiryForm_formContainer__bqNKP\",\"centerHeader\":\"inquiryForm_centerHeader__12Qvd\",\"formSectionTwoCol\":\"inquiryForm_formSectionTwoCol__2o2Wz\",\"formSection\":\"inquiryForm_formSection__aZ6Dd\",\"housingTypes\":\"inquiryForm_housingTypes__3EA96\",\"housingTypeContainer\":\"inquiryForm_housingTypeContainer__3e-pG\",\"housingType\":\"inquiryForm_housingType__1gc_z\",\"selectedHousingType\":\"inquiryForm_selectedHousingType__151y7\",\"inputwithErrorContainer\":\"inquiryForm_inputwithErrorContainer__3cT3N\",\"inputWrapper\":\"inquiryForm_inputWrapper__3i7FH\",\"inputBgWrapper\":\"inquiryForm_inputBgWrapper__yN3Qb\",\"inputLabel\":\"inquiryForm_inputLabel__LdonR\",\"mapPlacesHolder\":\"inquiryForm_mapPlacesHolder__2u7IA\",\"customInput\":\"inquiryForm_customInput__3Speq\",\"searchOuterBroker\":\"inquiryForm_searchOuterBroker__18ltO\",\"searchValidationErrorMessage\":\"inquiryForm_searchValidationErrorMessage__1C_5E\",\"inputGroupWrapper\":\"inquiryForm_inputGroupWrapper__3VsF6\",\"brokersList\":\"inquiryForm_brokersList__3j1O2\",\"brokersListItem\":\"inquiryForm_brokersListItem__2KUfS\",\"imageContainer\":\"inquiryForm_imageContainer__2iR2v\",\"titleContainer\":\"inquiryForm_titleContainer__1iyIG\",\"brokerSummary\":\"inquiryForm_brokerSummary__27Z0-\",\"brokerCompany\":\"inquiryForm_brokerCompany__WRhWP\",\"brokerTitle\":\"inquiryForm_brokerTitle__2jZux\",\"brokerName\":\"inquiryForm_brokerName__XoVfi\",\"brokerRemove\":\"inquiryForm_brokerRemove__1q9_c\",\"submitBtn\":\"inquiryForm_submitBtn__1F95T\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"btn\":\"button_btn__3frSy\",\"active\":\"button_active__1GgHr\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"selectorContainer\":\"selector_selectorContainer__2ieuF\",\"contentTitle\":\"selector_contentTitle__25BkK\",\"btnWithErrorWrapper\":\"selector_btnWithErrorWrapper__-wuSK\",\"btnContainer\":\"selector_btnContainer__rt2iN\",\"active\":\"selector_active__3lR7W\",\"inputTitle\":\"selector_inputTitle__S5fzC\",\"inputBox\":\"selector_inputBox__2lTpD\",\"inputBoxHalf\":\"selector_inputBoxHalf__2poQF\",\"hideInputArrows\":\"selector_hideInputArrows__1eUWb\",\"inputGroupWrapper\":\"selector_inputGroupWrapper__GXWzO\",\"inputwithErrorContainer\":\"selector_inputwithErrorContainer__fPUFw\",\"searchValidationErrorMessage\":\"selector_searchValidationErrorMessage__1x9A8\",\"inputWraaperWithIcon\":\"selector_inputWraaperWithIcon__2N5Xk\",\"rightIconWrapper\":\"selector_rightIconWrapper__1L4HM\",\"toolTip\":\"selector_toolTip__2QzUn\",\"submitBtn\":\"selector_submitBtn__2Aw2F\",\"baseBtnContainer\":\"selector_baseBtnContainer__1dB7c\"};","import clsx from 'clsx';\nimport React from 'react';\nimport styles from './button.module.css';\n\nfunction Button({ label, active,onClick }) {\n\treturn (\n\t\t<button\n\t\t\tonClick={onClick}\n\t\t\tclassName={clsx(styles.btn, {\n\t\t\t\t[styles.active]: active,\n\t\t\t})}\n\t\t>\n\t\t\t{label}\n\t\t</button>\n\t);\n}\n\nexport default Button;\n","import React, { useState } from 'react';\nimport Button from './Button';\nimport { Button as BaseButton } from '../base/Buttons';\nimport styles from './selector.module.css';\nimport clsx from 'clsx';\nimport { useHistory } from 'react-router-dom';\nimport useSessionStorage from '../../hooks/useSessionStorage';\nimport {\n\tfetchHousingDeals,\n\tfetchBrokers,\n\tfetchEstimate,\n\tsetSessionValue,\n\tcreateLead,\n\tgetTopBrokersInCategory,\n\textendedValuation,\n} from '../../util';\nimport useWindowDimensions from '../../hooks/useWindowDimensions';\nimport { ValidationErrorMessage } from '../base/Forms';\nimport { LoanPreliminary, Question } from '../Svg';\nimport NumberFormat from 'react-number-format';\nimport analytics from '../../Analytics';\n\nconst btnList = [\n\t{\n\t\tkey: 'WANT_TO_SELL',\n\t\tlabel: 'Ska sälja och letar efter rätt mäklare',\n\t\twhen_sell_value: 'WANT_TO_SELL',\n\t},\n\t{\n\t\tkey: 'CONSIDERING_SALE',\n\t\tlabel: 'Kan tänka mig att sälja under rätt förutsättningar',\n\t\twhen_sell_value: 'CONSIDERING_SALE',\n\t},\n\t{\n\t\tkey: 'WANT_ADVICE',\n\t\tlabel: 'Går i säljtankar, får gärna tips och råd',\n\t\twhen_sell_value: 'WANT_ADVICE',\n\t},\n];\n\nfunction Selector(props) {\n\tconst history = useHistory();\n\tconst { width, height } = useWindowDimensions();\n\tconst [location, setLocation] = useSessionStorage('userLocation', null);\n\tconst [select, setSelect] = useSessionStorage('mortGage', null);\n\tconst [whenSellOption, setWhenSellOption] = useSessionStorage(\n\t\t'whenSellOption',\n\t\tnull\n\t);\n\tconst [whenSellOptionError, setWhenSellOptionError] = useState(null);\n\tconst [email, setEmail] = useSessionStorage('contactEmail', null);\n\tconst [telephoneNumber, setTelephoneNumber] =\n\t\tuseSessionStorage('contactPhoneNumber');\n\tconst [emailValidationErrorMessage, setEmailValidationErrorMessage] =\n\t\tuseState(null);\n\tconst [phoneValidationErrorMessage, setPhoneValidationErrorMessage] =\n\t\tuseState(null);\n\tconst [name, setName] = useSessionStorage('name', null);\n\tconst [housingType, setHousingType] = useSessionStorage(\n\t\t'startPageHousingTyoe',\n\t\tnull\n\t);\n\tconst [numRooms, setNumRooms] = useSessionStorage(\n\t\t'startPageNumRooms',\n\t\tnull\n\t);\n\tconst [livingArea, setLivingArea] = useSessionStorage(\n\t\t'startPageLivingArea',\n\t\tnull\n\t);\n\tconst [boughtFor, setBoughtFor] = useSessionStorage('boughtFor', null);\n\n\tconst [propertyArea, setPropertyArea] = useSessionStorage(\n\t\t'propertyArea',\n\t\t''\n\t);\n\tconst [builtYear, setBuiltYear] = useSessionStorage('builtYear', '');\n\tconst [supplementalArea, setSupplementalArea] = useSessionStorage(\n\t\t'supplementalArea',\n\t\t''\n\t);\n\tconst [monthlyFee, setMonthlyFee] = useSessionStorage('monthlyFee', '');\n\tconst [valuationData, setValuationData] = useSessionStorage(\n\t\t'valuation',\n\t\tnull\n\t);\n\n\tconst handleSubmit = (evt) => {\n\t\tlet shouldReturn = false;\n\t\tif (!email) {\n\t\t\tsetEmailValidationErrorMessage('Ange din mailadress');\n\t\t\tshouldReturn = true;\n\t\t} else if (!validateEmail(email)) {\n\t\t\tsetEmailValidationErrorMessage('Ogiltig mailadress');\n\t\t\tshouldReturn = true;\n\t\t} else {\n\t\t\tsetEmailValidationErrorMessage(null);\n\t\t}\n\n\t\tif (!telephoneNumber) {\n\t\t\tsetPhoneValidationErrorMessage('Ange ditt telefonnummer');\n\t\t\tshouldReturn = true;\n\t\t} else if (!validatePhone(telephoneNumber)) {\n\t\t\tsetPhoneValidationErrorMessage('Ogiltigt telefonnummer');\n\t\t\tshouldReturn = true;\n\t\t} else {\n\t\t\tsetPhoneValidationErrorMessage(null);\n\t\t}\n\t\tif (!whenSellOption) {\n\t\t\tsetWhenSellOptionError('Välj ett värde');\n\t\t\tshouldReturn = true;\n\t\t} else {\n\t\t\tsetWhenSellOptionError(null);\n\t\t}\n\n\t\tif (shouldReturn) {\n\t\t\tevt.preventDefault();\n\t\t\treturn;\n\t\t}\n\n\t\twindow.scrollTo(0, 0);\n\t\tprops.setCanScroll(false);\n\t\tprops.setFormStep('loading');\n\t\tloadAndRedirect();\n\t};\n\n\tconst validateEmail = (email) => {\n\t\tconst re =\n\t\t\t/^(([^<>()[\\]\\.,;:\\s@\\\"]+(\\.[^<>()[\\]\\.,;:\\s@\\\"]+)*)|(\\\".+\\\"))@(([^<>()[\\]\\.,;:\\s@\\\"]+\\.)+[^<>()[\\]\\.,;:\\s@\\\"]{2,})$/i;\n\t\treturn re.test(String(email).toLowerCase());\n\t};\n\n\tconst validatePhone = (phone) => {\n\t\tconst re =\n\t\t\t/^[\\+]?[(]?[0-9]{3}[)]?[-\\s\\.]?[0-9]{3}[-\\s\\.]?[0-9]{4,6}$/im;\n\t\treturn re.test(String(phone).toLowerCase());\n\t};\n\n\tconst handleBtnClick = (btnName) => {\n\t\tsetSelect(btnName.key);\n\t};\n\n\tconst loadAndRedirect = async () => {\n\t\tconst { lat, lng, address, hasStreetNumber } = location;\n\t\tconst inquiry = {\n\t\t\tlat: Number(lat),\n\t\t\tlng: Number(lng),\n\t\t\tlivingArea: Number(livingArea),\n\t\t\tnumRooms: Number(numRooms),\n\t\t\thousingType,\n\t\t\ttelephoneNumber,\n\t\t\temail,\n\t\t\tboughtFor,\n\t\t\twhenSell: whenSellOption,\n\t\t\taddress,\n\t\t\treason: 'sell',\n\t\t\tfullName: name,\n\t\t};\n\t\tprops.setIsPaused(false);\n\t\tconst estimate = await fetchEstimate({ lat, lng });\n\t\tinquiry.estimate = estimate.sqmPrice * inquiry.livingArea;\n\n\t\tconst housingDeals = await fetchHousingDeals({\n\t\t\tlat,\n\t\t\tlng,\n\t\t\tmaxDistance: 500,\n\t\t});\n\t\tsetSessionValue('housingDeals', housingDeals);\n\n\t\tconst fetchBrokersPromise = fetchBrokers({\n\t\t\tlat: lat,\n\t\t\tlng: lng,\n\t\t\tsort: 'sold',\n\t\t});\n\n\t\tconst valuationData = {\n\t\t\tsaledate: new Date().toISOString().split('T')[0],\n\t\t\tlat: lat,\n\t\t\tlon: lng,\n\t\t\tnumberofrooms: numRooms ? Number(numRooms) : 0,\n\t\t\tconstructionyear: builtYear ? Number(builtYear) : 0,\n\t\t\tmonthlyfee: monthlyFee ? Number(monthlyFee) : 0,\n\t\t\taddress: address,\n\t\t\tstate: 'sold',\n\t\t\thousingtype: housingType,\n\t\t\tformoftenure: 'Äganderätt',\n\t\t\tlivingarea: livingArea ? Number(livingArea) : 0,\n\t\t\tpropertyarea: supplementalArea ? Number(supplementalArea) : 0,\n\t\t\tsupplementalarea: propertyArea ? Number(propertyArea) : 0,\n\t\t};\n\t\tconst extendedValuationPromise = extendedValuation(valuationData);\n\n\t\tconst [brokersResult, extendedValuationResult] = await Promise.all([\n\t\t\tfetchBrokersPromise,\n\t\t\textendedValuationPromise,\n\t\t]);\n\n\t\tsetSessionValue('brokers', brokersResult.brokers);\n\t\tsetValuationData(extendedValuationResult);\n\n\t\tawait createLead({\n\t\t\t...inquiry,\n\t\t\tbrokerIds: getTopBrokersInCategory(brokersResult?.brokers).map(\n\t\t\t\t(item) => item.id\n\t\t\t),\n\t\t});\n\n\t\tanalytics.sendEvent({\n\t\t\taction: 'Submit',\n\t\t\tcategory: 'Seller',\n\t\t\tlabel: 'Goal 1 - Lead',\n\t\t});\n\n\t\tsetSessionValue('brokerHousingDeals', brokersResult.housingDeals);\n\t\tsetSessionValue('selectedTab', 'brokers');\n\t\tsetSessionValue('inquiry', inquiry);\n\t\tsetSessionValue('center', { lat: inquiry.lat, lng: inquiry.lng });\n\t\tsetSessionValue('userLocation', {\n\t\t\tlat: inquiry.lat,\n\t\t\tlng: inquiry.lng,\n\t\t\taddress,\n\t\t\thasStreetNumber: Boolean(hasStreetNumber),\n\t\t});\n\t\tsetSessionValue('lastHousingDeals', null);\n\t\tsetSessionValue('mapZoom', 16);\n\t\tsetSessionValue('isHeaderCollapsed', true);\n\t\tsetTimeout(\n\t\t\tasync () => {\n\t\t\t\tawait props.setIsPaused(true);\n\t\t\t\twindow.location.href = '/dashboard';\n\t\t\t},\n\t\t\twidth <= 500 ? 1000 : 1000\n\t\t);\n\t};\n\treturn (\n\t\t<div className={styles.selectorContainer}>\n\t\t\t<p className={styles.contentTitle}>Var är du i din bostadsresa?</p>\n\t\t\t<div className={styles.btnWithErrorWrapper}>\n\t\t\t\t<div className={styles.btnContainer}>\n\t\t\t\t\t{btnList.map((btn, i) => {\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\tkey={btn.key}\n\t\t\t\t\t\t\t\tactive={btn.key === select ? true : false}\n\t\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\t\thandleBtnClick(btn);\n\t\t\t\t\t\t\t\t\tsetWhenSellOption(btn.when_sell_value);\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\tlabel={btn.label}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t);\n\t\t\t\t\t})}\n\t\t\t\t</div>\n\t\t\t\t<ValidationErrorMessage\n\t\t\t\t\tclassName={styles.searchValidationErrorMessage}\n\t\t\t\t\tenabled={whenSellOptionError}\n\t\t\t\t\tdescription={\n\t\t\t\t\t\twhenSellOptionError\n\t\t\t\t\t\t\t? whenSellOptionError\n\t\t\t\t\t\t\t: 'Välj ett värde'\n\t\t\t\t\t}\n\t\t\t\t/>\n\t\t\t</div>\n\t\t\t<div className={styles.inputwithErrorContainer}>\n\t\t\t\t{width <= 500 && (\n\t\t\t\t\t<p className={styles.contentTitle}>Vad köpte du för?</p>\n\t\t\t\t)}\n\t\t\t\t<div className={styles.inputBox}>\n\t\t\t\t\t{width > 500 && (\n\t\t\t\t\t\t<p className={styles.inputTitle}>Vad köpte du för?</p>\n\t\t\t\t\t)}\n\t\t\t\t\t<div className={styles.inputWraaperWithIcon}>\n\t\t\t\t\t\t{width <= 500 && (\n\t\t\t\t\t\t\t<div className={styles.leftIconWrapper}>\n\t\t\t\t\t\t\t\t<LoanPreliminary />\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t{/* <input\n\t\t\t\t\t\t\tonChange={(e) => setSum(e.target.value)}\n\t\t\t\t\t\t\tvalue={sum}\n\t\t\t\t\t\t\tclassName={styles.input}\n\t\t\t\t\t\t\tplaceholder=\"Summa (valfritt)\"\n\t\t\t\t\t\t/> */}\n\t\t\t\t\t\t<NumberFormat\n\t\t\t\t\t\t\tplaceholder=\"Summa (valfritt)\"\n\t\t\t\t\t\t\tclassName={styles.input}\n\t\t\t\t\t\t\tvalue={boughtFor}\n\t\t\t\t\t\t\tthousandSeparator={' '}\n\t\t\t\t\t\t\tonValueChange={(values, info) => {\n\t\t\t\t\t\t\t\tsetBoughtFor(values.value);\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<div className={styles.rightIconWrapper}>\n\t\t\t\t\t\t\t<span>Kr</span>\n\t\t\t\t\t\t\t<Question />\n\t\t\t\t\t\t\t<span className={styles.toolTip}>\n\t\t\t\t\t\t\t\tFör att kunna räkna ut bostadens värdeökning\n\t\t\t\t\t\t\t\tsedan köp behöver vi veta vad du köpte din\n\t\t\t\t\t\t\t\tbostad för.\n\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t\t<p className={styles.contentTitle}>Kontaktuppgifter</p>\n\t\t\t<div className={styles.inputwithErrorContainer}>\n\t\t\t\t<div className={styles.inputBox}>\n\t\t\t\t\t{width > 500 && (\n\t\t\t\t\t\t<p className={styles.inputTitle}>Mailadress</p>\n\t\t\t\t\t)}\n\t\t\t\t\t<input\n\t\t\t\t\t\tonChange={(e) => setEmail(e.target.value)}\n\t\t\t\t\t\tvalue={email}\n\t\t\t\t\t\tclassName={styles.input}\n\t\t\t\t\t\tplaceholder=\"Din mailadress\"\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t\t<ValidationErrorMessage\n\t\t\t\t\tclassName={styles.searchValidationErrorMessage}\n\t\t\t\t\tenabled={emailValidationErrorMessage}\n\t\t\t\t\tdescription={\n\t\t\t\t\t\temailValidationErrorMessage\n\t\t\t\t\t\t\t? emailValidationErrorMessage\n\t\t\t\t\t\t\t: 'Ange din mailadress'\n\t\t\t\t\t}\n\t\t\t\t/>\n\t\t\t</div>\n\t\t\t<div className={styles.inputGroupWrapper}>\n\t\t\t\t<div className={styles.inputwithErrorContainer}>\n\t\t\t\t\t<div className={styles.inputBox}>\n\t\t\t\t\t\t{width > 500 && (\n\t\t\t\t\t\t\t<p className={styles.inputTitle}>Namn</p>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t<input\n\t\t\t\t\t\t\tclassName={styles.input}\n\t\t\t\t\t\t\tplaceholder=\"Ditt namn\"\n\t\t\t\t\t\t\tvalue={name}\n\t\t\t\t\t\t\tonChange={(e) => setName(e.target.value)}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t\t<div className={styles.inputwithErrorContainer}>\n\t\t\t\t\t<div className={clsx(styles.inputBox)}>\n\t\t\t\t\t\t{width > 500 && (\n\t\t\t\t\t\t\t<p className={styles.inputTitle}>Telefon nr</p>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t<input\n\t\t\t\t\t\t\tclassName={clsx(\n\t\t\t\t\t\t\t\tstyles.input,\n\t\t\t\t\t\t\t\tstyles.hideInputArrows\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\tplaceholder=\"Telefonnummer\"\n\t\t\t\t\t\t\ttype=\"number\"\n\t\t\t\t\t\t\tpattern=\"[0-9]*\"\n\t\t\t\t\t\t\tinputMode=\"numeric\"\n\t\t\t\t\t\t\tonChange={(e) => setTelephoneNumber(e.target.value)}\n\t\t\t\t\t\t\tvalue={telephoneNumber}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</div>\n\t\t\t\t\t<ValidationErrorMessage\n\t\t\t\t\t\tclassName={styles.searchValidationErrorMessage}\n\t\t\t\t\t\tenabled={phoneValidationErrorMessage}\n\t\t\t\t\t\tdescription={\n\t\t\t\t\t\t\tphoneValidationErrorMessage\n\t\t\t\t\t\t\t\t? phoneValidationErrorMessage\n\t\t\t\t\t\t\t\t: 'Ange ditt telefonnummer'\n\t\t\t\t\t\t}\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t\t<p>\n\t\t\t\tGenom att fortsätta accepterar du vår{' '}\n\t\t\t\t<a href=\"/integritetspolicy\">integritetspolicy</a>\n\t\t\t</p>\n\t\t\t<div className={styles.baseBtnContainer}>\n\t\t\t\t<BaseButton\n\t\t\t\t\tonClick={handleSubmit}\n\t\t\t\t\tclassName={styles.submitBtn}\n\t\t\t\t\tpointer\n\t\t\t\t\tcentered\n\t\t\t\t\tdark\n\t\t\t\t\tfullWidth\n\t\t\t\t\ttitle=\"Klar\"\n\t\t\t\t/>\n\t\t\t</div>\n\t\t</div>\n\t);\n}\n\nexport default Selector;\n","import styles from './inquiryForm.module.css';\nimport { useState } from 'react';\nimport { useHistory } from 'react-router-dom';\nimport clsx from 'clsx';\nimport {\n\tApartment,\n\tCabin,\n\tHouse,\n\tLoadingGrid,\n\tLoader,\n\tTownHouse,\n\tRemove,\n\tFrontMountain,\n\tBackMountain,\n\tInputLocationMarker,\n} from '../Svg';\nimport useSessionStorage from '../../hooks/useSessionStorage';\nimport {\n\tCounterInput,\n\tNumericInput,\n\tTextInput,\n\tValidationErrorMessage,\n} from '../base/Forms';\nimport Search from '../search/Search';\nimport BrokerSearch from '../search/BrokerSearch';\nimport { Button } from '../base/Buttons';\nimport BrokerImage from '../base/BrokerImage';\nimport {\n\tfetchHousingDeals,\n\tfetchBrokers,\n\tfetchEstimate,\n\tsetSessionValue,\n\tcreateLead,\n\tgetTopBrokersInCategory,\n} from '../../util';\nimport analytics from '../../Analytics';\nimport useWindowDimensions from '../../hooks/useWindowDimensions';\nimport Selector from '../../components/housing/Selector';\nimport RightArrow from '../../images/RightArrow.svg';\n\nconst housingTypes = [\n\t{\n\t\tname: 'Bostadsrätt',\n\t\ttype: 'condominium',\n\t\ticon: <Apartment />,\n\t},\n\t{\n\t\tname: 'Villa',\n\t\ttype: 'house',\n\t\ticon: <House />,\n\t},\n\t{\n\t\tname: 'Fritidshus',\n\t\ttype: 'holidayhome',\n\t\ticon: <Cabin />,\n\t},\n\t{\n\t\tname: 'Radhus',\n\t\ttype: 'townhouse',\n\t\ticon: <TownHouse />,\n\t},\n];\n\nconst InquiryForm = (props) => {\n\tconst history = useHistory();\n\tconst { width, height } = useWindowDimensions();\n\n\tconst [showValidationErrors, setShowValidationErrors] = useState(false);\n\tconst [email, setEmail] = useSessionStorage('contactEmail', null);\n\tconst [telephoneNumber, setTelephoneNumber] =\n\t\tuseSessionStorage('contactPhoneNumber');\n\tconst [formStep, setFormStep] = useState('housing');\n\tconst [housingType, setHousingType] = useSessionStorage(\n\t\t'startPageHousingTyoe',\n\t\tnull\n\t);\n\tconst [location, setLocation] = useSessionStorage('userLocation', null);\n\tconst [numRooms, setNumRooms] = useSessionStorage('startPageNumRooms', 0);\n\tconst [livingArea, setLivingArea] = useSessionStorage(\n\t\t'startPageLivingArea',\n\t\tnull\n\t);\n\tconst [selectedBrokers, setSelectedBrokers] = useSessionStorage(\n\t\t'selected_custom_brokers',\n\t\t[]\n\t);\n\n\tconst onSelectBroker = (broker) => {\n\t\tif (selectedBrokers.find((item) => item.id === broker.id)) {\n\t\t\treturn;\n\t\t}\n\t\tsetSelectedBrokers(selectedBrokers.concat(broker));\n\t};\n\n\tconst removeBroker = (broker) => {\n\t\tsetSelectedBrokers(\n\t\t\tselectedBrokers.filter((item) => item.id !== broker.id)\n\t\t);\n\t};\n\n\tconst setHouseType = (a) => {\n\t\tif (housingType === null && width >= 500) {\n\t\t\tprops.setIsPaused(false);\n\t\t\tsetTimeout(() => {\n\t\t\t\tprops.setIsPaused(true);\n\t\t\t}, 1000);\n\t\t}\n\t\tsetHousingType(a);\n\t};\n\n\tconst onSubmitHousingDealsClicked = (evt) => {\n\t\tif (!location || !numRooms || !livingArea || !housingType) {\n\t\t\tsetShowValidationErrors(true);\n\t\t\tevt.preventDefault();\n\t\t\treturn;\n\t\t}\n\n\t\twindow.scrollTo(0, 0);\n\t\tsetShowValidationErrors(false);\n\t\tsetFormStep('contact');\n\t\tif (width >= 500) {\n\t\t\tprops.setIsPaused(false);\n\t\t\tsetTimeout(() => {\n\t\t\t\tprops.setIsPaused(true);\n\t\t\t}, 1000);\n\t\t}\n\t\tanalytics.sendEvent({\n\t\t\taction: 'Submit',\n\t\t\tcategory: 'Seller',\n\t\t\tlabel: 'Form - Residence Details',\n\t\t});\n\n\t\t// history.push('inquiry/contact');\n\t\t// history.push('/housing-journey')\n\t};\n\n\tconst onSubmitContactDetailsClicked = (evt) => {\n\t\tif (!email || !telephoneNumber) {\n\t\t\tsetShowValidationErrors(true);\n\t\t\tevt.preventDefault();\n\t\t\treturn;\n\t\t}\n\t\tsetFormStep('loading');\n\t\tloadAndRedirect();\n\t};\n\n\tconst loadAndRedirect = async () => {\n\t\tconst { lat, lng, address, hasStreetNumber } = location;\n\t\tconst inquiry = {\n\t\t\tlat: Number(lat),\n\t\t\tlng: Number(lng),\n\t\t\tlivingArea: Number(livingArea),\n\t\t\tnumRooms: Number(numRooms),\n\t\t\thousingType,\n\t\t\ttelephoneNumber,\n\t\t\temail,\n\t\t\taddress,\n\t\t\treason: 'sell',\n\t\t};\n\t\t// TODO:  This Fetch APi is failing\n\t\tconst estimate = await fetchEstimate({ lat, lng });\n\t\tinquiry.estimate = estimate.sqmPrice * inquiry.livingArea;\n\t\t// TODO:  This fetch Housing details api is failing\n\t\tconst housingDeals = await fetchHousingDeals({\n\t\t\tlat,\n\t\t\tlng,\n\t\t\tmaxDistance: 500,\n\t\t});\n\t\tsetSessionValue('housingDeals', housingDeals);\n\t\t// TODO:  This fetch the api is failing as well\n\t\tconst result = await fetchBrokers({\n\t\t\tlat: lat,\n\t\t\tlng: lng,\n\t\t\tsort: 'sold',\n\t\t});\n\t\tsetSessionValue('brokers', result.brokers);\n\t\tawait createLead({\n\t\t\t...inquiry,\n\t\t\tbrokerIds: getTopBrokersInCategory(result?.brokers).map(\n\t\t\t\t(item) => item.id\n\t\t\t),\n\t\t});\n\t\tanalytics.sendEvent({\n\t\t\taction: 'Submit',\n\t\t\tcategory: 'Seller',\n\t\t\tlabel: 'Form - Contact Info',\n\t\t});\n\n\t\tsetSessionValue('brokerHousingDeals', result.housingDeals);\n\t\tsetSessionValue('selectedTab', 'brokers');\n\t\tsetSessionValue('inquiry', inquiry);\n\t\tsetSessionValue('center', { lat: inquiry.lat, lng: inquiry.lng });\n\t\tsetSessionValue('userLocation', {\n\t\t\tlat: inquiry.lat,\n\t\t\tlng: inquiry.lng,\n\t\t\taddress,\n\t\t\thasStreetNumber: Boolean(hasStreetNumber),\n\t\t});\n\t\tsetSessionValue('mapZoom', 16);\n\t\tsetSessionValue('isHeaderCollapsed', true);\n\t\twindow.location.href = '/app';\n\t};\n\tconst handleRoomCounter = (type) => {\n\t\tif (type === 'sub') {\n\t\t\tif (numRooms !== 0) {\n\t\t\t\tsetNumRooms(numRooms - 1);\n\t\t\t} else {\n\t\t\t\tsetNumRooms(0);\n\t\t\t}\n\t\t} else {\n\t\t\tsetNumRooms(numRooms + 1);\n\t\t}\n\t};\n\n\treturn (\n\t\t<div className={styles.inquiryForm}>\n\t\t\t{formStep !== 'loading' && (\n\t\t\t\t<div className={clsx(styles.housingDetailsForm)}>\n\t\t\t\t\t<div className={clsx(styles.header, formStep == 'contact' && styles.centerHeader)}>\n\t\t\t\t\t\t<h1 className={styles.headerTitle}>\n\t\t\t\t\t\t\tVi hjälper dig i bostadsresan\n\t\t\t\t\t\t</h1>\n\t\t\t\t\t\t{formStep !== 'contact' &&\n\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t<div className={styles.headerContent}>\n\t\t\t\t\t\t\t\t\t<img src={RightArrow} alt=\"\" />\n\t\t\t\t\t\t\t\t\t<p className={styles.headerSubTitle}>\n\t\t\t\t\t\t\t\t\t\tJämför och välj rätt mäklare för dig\n\t\t\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t<div className={styles.headerContent}>\n\t\t\t\t\t\t\t\t\t<img src={RightArrow} alt=\"\" />\n\t\t\t\t\t\t\t\t\t<p className={styles.headerSubTitle}>\n\t\t\t\t\t\t\t\t\t\tFå en digital värdeindikation på 1 minut\n\t\t\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t<div className={styles.headerContent}>\n\t\t\t\t\t\t\t\t\t<img src={RightArrow} alt=\"\" />\n\t\t\t\t\t\t\t\t\t<p className={styles.headerSubTitle}>\n\t\t\t\t\t\t\t\t\t\tSe över din boendeekonomi och lånelöfte\n\t\t\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t<p>\n\t\t\t\t\t\t\t\t\tFå en digital värdeindikation på din bostad baserat på historiska försäljningar av liknande bostäder i ditt område med hjälp av maskininlärning. Sök på och jämför mäklare för att hitta den som passar just dig. Se över din boendeekonomi.\n\t\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t}\n\t\t\t\t\t</div>\n\t\t\t\t\t<div className={styles.formContainer}>\n\t\t\t\t\t\t{formStep == 'housing' && (\n\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t<div className={styles.formSection}>\n\t\t\t\t\t\t\t\t\t<div className={styles.housingTypes}>\n\t\t\t\t\t\t\t\t\t\t{housingTypes.map((ht, index) => (\n\t\t\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\t\t\tkey={index}\n\t\t\t\t\t\t\t\t\t\t\t\tclassName={clsx(\n\t\t\t\t\t\t\t\t\t\t\t\t\tstyles.housingType,\n\t\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\t\t[styles.selectedHousingType]:\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\thousingType ===\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tht.type,\n\t\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)}\n\t\t\t\t\t\t\t\t\t\t\t\tonClick={() =>\n\t\t\t\t\t\t\t\t\t\t\t\t\tsetHouseType(ht.type)\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\t\t{ht.icon}\n\t\t\t\t\t\t\t\t\t\t\t\t<span>{ht.name}</span>\n\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t<ValidationErrorMessage\n\t\t\t\t\t\t\t\t\t\tclassName={\n\t\t\t\t\t\t\t\t\t\t\tstyles.searchValidationErrorMessage\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\tenabled={showValidationErrors}\n\t\t\t\t\t\t\t\t\t\tvalid={housingType}\n\t\t\t\t\t\t\t\t\t\tdescription=\"Ange bostadstyp\"\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t<input\n\t\t\t\t\t\t\t\t\ttype=\"hidden\"\n\t\t\t\t\t\t\t\t\tname=\"housingType\"\n\t\t\t\t\t\t\t\t\tvalue={housingType}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t<div className={styles.inputwithErrorContainer}>\n\t\t\t\t\t\t\t\t\t<div className={styles.inputBgWrapper}>\n\t\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\t\tclassName={clsx(\n\t\t\t\t\t\t\t\t\t\t\t\tstyles.inputWrapper,\n\t\t\t\t\t\t\t\t\t\t\t\tstyles.mapPlacesHolder\n\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t{width > 500 && (\n\t\t\t\t\t\t\t\t\t\t\t\t<p\n\t\t\t\t\t\t\t\t\t\t\t\t\tclassName={\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tstyles.inputLabel\n\t\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>\n\t\t\t\t\t\t\t\t\t\t\t\t\tAddress\n\t\t\t\t\t\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t\t\t\t\t\t<Search\n\t\t\t\t\t\t\t\t\t\t\t\t\ticonVisible={\n\t\t\t\t\t\t\t\t\t\t\t\t\t\twidth <= 500\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t? true\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t: false\n\t\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\tautofocus={true}\n\t\t\t\t\t\t\t\t\t\t\t\t\tid=\"inquiryForm\"\n\t\t\t\t\t\t\t\t\t\t\t\t\tcustomInputClass={\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tstyles.customInput\n\t\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\tonLocationChanged={(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tlocation\n\t\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\t\tanalytics.sendEvent({\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\taction: 'Submit',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tcategory: 'Seller',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tlabel: 'Form - Address',\n\t\t\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\t\tsetLocation(location);\n\t\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/>\n\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t<ValidationErrorMessage\n\t\t\t\t\t\t\t\t\t\tclassName={\n\t\t\t\t\t\t\t\t\t\t\tstyles.searchValidationErrorMessage\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\tenabled={showValidationErrors}\n\t\t\t\t\t\t\t\t\t\tvalid={location}\n\t\t\t\t\t\t\t\t\t\tdescription=\"Ange bostadens address\"\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t\t\t<div className={styles.inputGroupWrapper}>\n\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\tclassName={\n\t\t\t\t\t\t\t\t\t\t\tstyles.inputwithErrorContainer\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t<div className={styles.inputBgWrapper}>\n\t\t\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\t\t\tclassName={styles.inputWrapper}\n\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t{width > 500 && (\n\t\t\t\t\t\t\t\t\t\t\t\t\t<p\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tclassName={\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tstyles.inputLabel\n\t\t\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\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tRum\n\t\t\t\t\t\t\t\t\t\t\t\t\t</p>\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<CounterInput\n\t\t\t\t\t\t\t\t\t\t\t\t\troom={numRooms}\n\t\t\t\t\t\t\t\t\t\t\t\t\thandleRoomCounter={\n\t\t\t\t\t\t\t\t\t\t\t\t\t\thandleRoomCounter\n\t\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/>\n\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t<ValidationErrorMessage\n\t\t\t\t\t\t\t\t\t\t\tclassName={\n\t\t\t\t\t\t\t\t\t\t\t\tstyles.searchValidationErrorMessage\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\tenabled={showValidationErrors}\n\t\t\t\t\t\t\t\t\t\t\tvalid={numRooms}\n\t\t\t\t\t\t\t\t\t\t\tdescription=\"Ange antal rum\"\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\tclassName={\n\t\t\t\t\t\t\t\t\t\t\tstyles.inputwithErrorContainer\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t<div className={styles.inputBgWrapper}>\n\t\t\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\t\t\tclassName={styles.inputWrapper}\n\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t{width > 500 && (\n\t\t\t\t\t\t\t\t\t\t\t\t\t<p\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tclassName={\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tstyles.inputLabel\n\t\t\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\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tBoyta\n\t\t\t\t\t\t\t\t\t\t\t\t\t</p>\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<TextInput\n\t\t\t\t\t\t\t\t\t\t\t\t\tcustomInputClass={\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tstyles.customInput\n\t\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\ttype=\"number\"\n\t\t\t\t\t\t\t\t\t\t\t\t\tinputMode=\"numeric\"\n\t\t\t\t\t\t\t\t\t\t\t\t\tautoComplete=\"off\"\n\t\t\t\t\t\t\t\t\t\t\t\t\tonChange={(e) =>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tsetLivingArea(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\te.target.value\n\t\t\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\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\tname=\"livingArea\"\n\t\t\t\t\t\t\t\t\t\t\t\t\tplaceholder=\"Ange kvm\"\n\t\t\t\t\t\t\t\t\t\t\t\t\tvalue={livingArea}\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</div>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t<ValidationErrorMessage\n\t\t\t\t\t\t\t\t\t\t\tclassName={\n\t\t\t\t\t\t\t\t\t\t\t\tstyles.searchValidationErrorMessage\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\tenabled={showValidationErrors}\n\t\t\t\t\t\t\t\t\t\t\tvalid={livingArea}\n\t\t\t\t\t\t\t\t\t\t\tdescription=\"Ange boyta\"\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t<div className={styles.ctaContainer}>\n\t\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\t\tfullWidth\n\t\t\t\t\t\t\t\t\t\tdark\n\t\t\t\t\t\t\t\t\t\tcentered\n\t\t\t\t\t\t\t\t\t\ttitle=\"Gå vidare\"\n\t\t\t\t\t\t\t\t\t\tclassName={styles.submitBtn}\n\t\t\t\t\t\t\t\t\t\tonClick={onSubmitHousingDealsClicked}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t{formStep == 'contact' && (\n\t\t\t\t\t\t\t<Selector\n\t\t\t\t\t\t\t\tsetFormStep={setFormStep}\n\t\t\t\t\t\t\t\tsetIsPaused={props.setIsPaused}\n\t\t\t\t\t\t\t\tsetCanScroll={props.setCanScroll}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t)}\n\t\t</div>\n\t);\n};\n\nexport default InquiryForm;\n","import Header from '../components/base/Header';\nimport Footer from '../components/startpage/Footer';\nimport HowItWorks from '../components/startpage/HowItWorks';\nimport InquiryForm from '../components/startpage/InquiryForm';\nimport MapPromo from '../components/startpage/MapPromo';\nimport Valuation from '../components/startpage/Valuation';\nimport Why from '../components/startpage/Why';\nimport animDataDesktop from '../images/desktop.json';\nimport animDataMobile from '../images/mobile.json';\nimport bird from '../images/anim/bird.json';\nimport landscape from '../images/anim/lanscape.json';\nimport sun from '../images/anim/sun.json';\nimport useWindowDimensions from '../hooks/useWindowDimensions';\nimport Lottie from 'react-lottie';\nimport { useEffect, useState } from 'react';\nimport useSessionStorage from '../hooks/useSessionStorage';\n\nconst StartPage = (props) => {\n\n    const { width, height } = useWindowDimensions()\n    const [isPaused, setIsPaused] = useState(false);\n    const [housingType, setHousingType] = useSessionStorage('startPageHousingTyoe', null);\n    const defaultOptions = {\n        loop: false,\n        autoplay: true,\n        animationData: animDataMobile,\n        rendererSettings: {\n            preserveAspectRatio: 'xMidYMid slice',\n        }\n    };\n    const [canScroll, setCanScroll] = useState(true);\n\n    useEffect(() => {\n        if (width >= 500) {\n            let time = 1000;\n            if (housingType != null) {\n                time = time + 1000;\n            }\n            setTimeout(() => {\n                setIsPaused(true)\n            }, time)\n        } else {\n            setIsPaused(true)\n        }\n    }, [])\n\n    useEffect(() => {\n        toggleScroll();\n    }, [canScroll])\n\n    const toggleScroll = () => {\n        !canScroll && document.body.classList.add(\"stop-scrolling\");;\n        canScroll && document.body.classList.remove(\"stop-scrolling\");;\n    }\n\n    const lottieView = () => {\n        return (\n            <Lottie options={defaultOptions}\n                isClickToPauseDisabled={true}\n                isPaused={isPaused}\n                style={{\n                    position: 'absolute',\n                    height: '100%',\n                    zIndex: -1,\n                    top: 0,\n                    borderBottomRightRadius: '20px'\n                }}\n                height={'100%'}\n                width={'100%'} />\n        )\n    }\n\n    const lottieBird = () => {\n        return (\n            <Lottie options={{\n                loop: false,\n                autoplay: true,\n                animationData: bird,\n                rendererSettings: {\n                    preserveAspectRatio: 'xMidYMid slice',\n                }\n            }}\n                isClickToPauseDisabled={true}\n                isPaused={isPaused}\n                style={{\n                    position: 'absolute',\n                    height: '65%',\n                    width: 'auto',\n                    left: '48%',\n                    transform: 'translateX(-50%)',\n                    zIndex: -2,\n                    bottom: 0\n                }}\n                height={'100%'}\n                width={'100%'} />\n        )\n    }\n\n    const lottieLancscape = () => {\n        return (\n            <Lottie options={{\n                loop: false,\n                autoplay: true,\n                animationData: landscape,\n                rendererSettings: {\n                    preserveAspectRatio: 'xMidYMid slice',\n                }\n            }}\n                isClickToPauseDisabled={true}\n                isPaused={isPaused}\n                style={{\n                    position: 'absolute',\n                    height: '115%',\n                    width: '100%',\n                    zIndex: -3,\n                    bottom: 0,\n                    right: 0,\n                    borderBottomRightRadius: '20px'\n                }}\n                height={'100%'}\n                width={'100%'} />\n        )\n    }\n\n    const lottieSun = () => {\n        return (\n            <Lottie options={{\n                loop: false,\n                autoplay: true,\n                animationData: sun,\n                rendererSettings: {\n                    preserveAspectRatio: 'xMidYMid slice',\n                    className: 'lottie_sun'\n                }\n            }}\n                isClickToPauseDisabled={true}\n                isPaused={isPaused}\n                style={{\n                    position: 'absolute',\n                    height: '100%',\n                    width: 'auto',\n                    zIndex: -1,\n                    top: -105\n                }}\n                height={'100%'}\n                width={'100%'} />\n        )\n    }\n\n    const desktopLottie = () => {\n        return (\n            <div id='animFilesDiv' style={{ width: '100%', height: '100%', position: 'absolute', top: 0, background: '#e8f5f7', zIndex: -1 }}>\n                {lottieLancscape()}\n                {lottieBird()}\n                {lottieSun()}\n            </div>\n        )\n    }\n\n    return (\n        <>\n            <Header collapsed minified\n                selectedTab=\"map\"\n                lottie={width >= 500 ? desktopLottie() : lottieView()}\n                mapTab={\n                    <InquiryForm\n                        isPaused={isPaused}\n                        setIsPaused={setIsPaused}\n                        setCanScroll={setCanScroll}\n                    />\n                }\n            />\n            <HowItWorks />\n            <MapPromo targetUri={'/map'} />\n            {/* <Why /> */}\n            <Footer />\n        </>\n    );\n};\n\nexport default StartPage;\n","import * as React from 'react';\nimport { createElement, useLayoutEffect, useContext, useRef, Fragment } from 'react';\nimport '@emotion/cache';\nimport { h as hasOwnProperty, E as Emotion, c as createEmotionProps, w as withEmotionCache, T as ThemeContext, u as useInsertionEffectMaybe } from './emotion-element-cbed451f.browser.esm.js';\nexport { C as CacheProvider, T as ThemeContext, b as ThemeProvider, _ as __unsafe_useEmotionCache, a as useTheme, w as withEmotionCache, d as withTheme } from './emotion-element-cbed451f.browser.esm.js';\nimport '@babel/runtime/helpers/extends';\nimport '@emotion/weak-memoize';\nimport 'hoist-non-react-statics';\nimport '../_isolated-hnrs/dist/emotion-react-_isolated-hnrs.browser.esm.js';\nimport { insertStyles, registerStyles, getRegisteredStyles } from '@emotion/utils';\nimport { serializeStyles } from '@emotion/serialize';\n\nvar pkg = {\n\tname: \"@emotion/react\",\n\tversion: \"11.9.0\",\n\tmain: \"dist/emotion-react.cjs.js\",\n\tmodule: \"dist/emotion-react.esm.js\",\n\tbrowser: {\n\t\t\"./dist/emotion-react.cjs.js\": \"./dist/emotion-react.browser.cjs.js\",\n\t\t\"./dist/emotion-react.esm.js\": \"./dist/emotion-react.browser.esm.js\"\n\t},\n\ttypes: \"types/index.d.ts\",\n\tfiles: [\n\t\t\"src\",\n\t\t\"dist\",\n\t\t\"jsx-runtime\",\n\t\t\"jsx-dev-runtime\",\n\t\t\"_isolated-hnrs\",\n\t\t\"types/*.d.ts\",\n\t\t\"macro.js\",\n\t\t\"macro.d.ts\",\n\t\t\"macro.js.flow\"\n\t],\n\tsideEffects: false,\n\tauthor: \"Emotion Contributors\",\n\tlicense: \"MIT\",\n\tscripts: {\n\t\t\"test:typescript\": \"dtslint types\"\n\t},\n\tdependencies: {\n\t\t\"@babel/runtime\": \"^7.13.10\",\n\t\t\"@emotion/babel-plugin\": \"^11.7.1\",\n\t\t\"@emotion/cache\": \"^11.7.1\",\n\t\t\"@emotion/serialize\": \"^1.0.3\",\n\t\t\"@emotion/utils\": \"^1.1.0\",\n\t\t\"@emotion/weak-memoize\": \"^0.2.5\",\n\t\t\"hoist-non-react-statics\": \"^3.3.1\"\n\t},\n\tpeerDependencies: {\n\t\t\"@babel/core\": \"^7.0.0\",\n\t\treact: \">=16.8.0\"\n\t},\n\tpeerDependenciesMeta: {\n\t\t\"@babel/core\": {\n\t\t\toptional: true\n\t\t},\n\t\t\"@types/react\": {\n\t\t\toptional: true\n\t\t}\n\t},\n\tdevDependencies: {\n\t\t\"@babel/core\": \"^7.13.10\",\n\t\t\"@emotion/css\": \"11.9.0\",\n\t\t\"@emotion/css-prettifier\": \"1.0.1\",\n\t\t\"@emotion/server\": \"11.4.0\",\n\t\t\"@emotion/styled\": \"11.8.1\",\n\t\t\"@types/react\": \"^16.9.11\",\n\t\tdtslint: \"^4.2.1\",\n\t\t\"html-tag-names\": \"^1.1.2\",\n\t\treact: \"16.14.0\",\n\t\t\"svg-tag-names\": \"^1.1.1\",\n\t\ttypescript: \"^4.5.5\"\n\t},\n\trepository: \"https://github.com/emotion-js/emotion/tree/main/packages/react\",\n\tpublishConfig: {\n\t\taccess: \"public\"\n\t},\n\t\"umd:main\": \"dist/emotion-react.umd.min.js\",\n\tpreconstruct: {\n\t\tentrypoints: [\n\t\t\t\"./index.js\",\n\t\t\t\"./jsx-runtime.js\",\n\t\t\t\"./jsx-dev-runtime.js\",\n\t\t\t\"./_isolated-hnrs.js\"\n\t\t],\n\t\tumdName: \"emotionReact\"\n\t}\n};\n\nvar jsx = function jsx(type, props) {\n  var args = arguments;\n\n  if (props == null || !hasOwnProperty.call(props, 'css')) {\n    // $FlowFixMe\n    return createElement.apply(undefined, args);\n  }\n\n  var argsLength = args.length;\n  var createElementArgArray = new Array(argsLength);\n  createElementArgArray[0] = Emotion;\n  createElementArgArray[1] = createEmotionProps(type, props);\n\n  for (var i = 2; i < argsLength; i++) {\n    createElementArgArray[i] = args[i];\n  } // $FlowFixMe\n\n\n  return createElement.apply(null, createElementArgArray);\n};\n\nvar useInsertionEffect = React['useInsertion' + 'Effect'] ? React['useInsertion' + 'Effect'] : useLayoutEffect;\nvar warnedAboutCssPropForGlobal = false; // maintain place over rerenders.\n// initial render from browser, insertBefore context.sheet.tags[0] or if a style hasn't been inserted there yet, appendChild\n// initial client-side render from SSR, use place of hydrating tag\n\nvar Global = /* #__PURE__ */withEmotionCache(function (props, cache) {\n  if (process.env.NODE_ENV !== 'production' && !warnedAboutCssPropForGlobal && ( // check for className as well since the user is\n  // probably using the custom createElement which\n  // means it will be turned into a className prop\n  // $FlowFixMe I don't really want to add it to the type since it shouldn't be used\n  props.className || props.css)) {\n    console.error(\"It looks like you're using the css prop on Global, did you mean to use the styles prop instead?\");\n    warnedAboutCssPropForGlobal = true;\n  }\n\n  var styles = props.styles;\n  var serialized = serializeStyles([styles], undefined, useContext(ThemeContext));\n  // but it is based on a constant that will never change at runtime\n  // it's effectively like having two implementations and switching them out\n  // so it's not actually breaking anything\n\n\n  var sheetRef = useRef();\n  useInsertionEffect(function () {\n    var key = cache.key + \"-global\"; // use case of https://github.com/emotion-js/emotion/issues/2675\n\n    var sheet = new cache.sheet.constructor({\n      key: key,\n      nonce: cache.sheet.nonce,\n      container: cache.sheet.container,\n      speedy: cache.sheet.isSpeedy\n    });\n    var rehydrating = false; // $FlowFixMe\n\n    var node = document.querySelector(\"style[data-emotion=\\\"\" + key + \" \" + serialized.name + \"\\\"]\");\n\n    if (cache.sheet.tags.length) {\n      sheet.before = cache.sheet.tags[0];\n    }\n\n    if (node !== null) {\n      rehydrating = true; // clear the hash so this node won't be recognizable as rehydratable by other <Global/>s\n\n      node.setAttribute('data-emotion', key);\n      sheet.hydrate([node]);\n    }\n\n    sheetRef.current = [sheet, rehydrating];\n    return function () {\n      sheet.flush();\n    };\n  }, [cache]);\n  useInsertionEffect(function () {\n    var sheetRefCurrent = sheetRef.current;\n    var sheet = sheetRefCurrent[0],\n        rehydrating = sheetRefCurrent[1];\n\n    if (rehydrating) {\n      sheetRefCurrent[1] = false;\n      return;\n    }\n\n    if (serialized.next !== undefined) {\n      // insert keyframes\n      insertStyles(cache, serialized.next, true);\n    }\n\n    if (sheet.tags.length) {\n      // if this doesn't exist then it will be null so the style element will be appended\n      var element = sheet.tags[sheet.tags.length - 1].nextElementSibling;\n      sheet.before = element;\n      sheet.flush();\n    }\n\n    cache.insert(\"\", serialized, sheet, false);\n  }, [cache, serialized.name]);\n  return null;\n});\n\nif (process.env.NODE_ENV !== 'production') {\n  Global.displayName = 'EmotionGlobal';\n}\n\nfunction css() {\n  for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n    args[_key] = arguments[_key];\n  }\n\n  return serializeStyles(args);\n}\n\nvar keyframes = function keyframes() {\n  var insertable = css.apply(void 0, arguments);\n  var name = \"animation-\" + insertable.name; // $FlowFixMe\n\n  return {\n    name: name,\n    styles: \"@keyframes \" + name + \"{\" + insertable.styles + \"}\",\n    anim: 1,\n    toString: function toString() {\n      return \"_EMO_\" + this.name + \"_\" + this.styles + \"_EMO_\";\n    }\n  };\n};\n\nvar classnames = function classnames(args) {\n  var len = args.length;\n  var i = 0;\n  var cls = '';\n\n  for (; i < len; i++) {\n    var arg = args[i];\n    if (arg == null) continue;\n    var toAdd = void 0;\n\n    switch (typeof arg) {\n      case 'boolean':\n        break;\n\n      case 'object':\n        {\n          if (Array.isArray(arg)) {\n            toAdd = classnames(arg);\n          } else {\n            if (process.env.NODE_ENV !== 'production' && arg.styles !== undefined && arg.name !== undefined) {\n              console.error('You have passed styles created with `css` from `@emotion/react` package to the `cx`.\\n' + '`cx` is meant to compose class names (strings) so you should convert those styles to a class name by passing them to the `css` received from <ClassNames/> component.');\n            }\n\n            toAdd = '';\n\n            for (var k in arg) {\n              if (arg[k] && k) {\n                toAdd && (toAdd += ' ');\n                toAdd += k;\n              }\n            }\n          }\n\n          break;\n        }\n\n      default:\n        {\n          toAdd = arg;\n        }\n    }\n\n    if (toAdd) {\n      cls && (cls += ' ');\n      cls += toAdd;\n    }\n  }\n\n  return cls;\n};\n\nfunction merge(registered, css, className) {\n  var registeredStyles = [];\n  var rawClassName = getRegisteredStyles(registered, registeredStyles, className);\n\n  if (registeredStyles.length < 2) {\n    return className;\n  }\n\n  return rawClassName + css(registeredStyles);\n}\n\nvar Insertion = function Insertion(_ref) {\n  var cache = _ref.cache,\n      serializedArr = _ref.serializedArr;\n  var rules = useInsertionEffectMaybe(function () {\n\n    for (var i = 0; i < serializedArr.length; i++) {\n      var res = insertStyles(cache, serializedArr[i], false);\n    }\n  });\n\n  return null;\n};\n\nvar ClassNames = /* #__PURE__ */withEmotionCache(function (props, cache) {\n  var hasRendered = false;\n  var serializedArr = [];\n\n  var css = function css() {\n    if (hasRendered && process.env.NODE_ENV !== 'production') {\n      throw new Error('css can only be used during render');\n    }\n\n    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n      args[_key] = arguments[_key];\n    }\n\n    var serialized = serializeStyles(args, cache.registered);\n    serializedArr.push(serialized); // registration has to happen here as the result of this might get consumed by `cx`\n\n    registerStyles(cache, serialized, false);\n    return cache.key + \"-\" + serialized.name;\n  };\n\n  var cx = function cx() {\n    if (hasRendered && process.env.NODE_ENV !== 'production') {\n      throw new Error('cx can only be used during render');\n    }\n\n    for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {\n      args[_key2] = arguments[_key2];\n    }\n\n    return merge(cache.registered, css, classnames(args));\n  };\n\n  var content = {\n    css: css,\n    cx: cx,\n    theme: useContext(ThemeContext)\n  };\n  var ele = props.children(content);\n  hasRendered = true;\n  return /*#__PURE__*/createElement(Fragment, null, /*#__PURE__*/createElement(Insertion, {\n    cache: cache,\n    serializedArr: serializedArr\n  }), ele);\n});\n\nif (process.env.NODE_ENV !== 'production') {\n  ClassNames.displayName = 'EmotionClassNames';\n}\n\nif (process.env.NODE_ENV !== 'production') {\n  var isBrowser = \"object\" !== 'undefined'; // #1727 for some reason Jest evaluates modules twice if some consuming module gets mocked with jest.mock\n\n  var isJest = typeof jest !== 'undefined';\n\n  if (isBrowser && !isJest) {\n    // globalThis has wide browser support - https://caniuse.com/?search=globalThis, Node.js 12 and later\n    var globalContext = // $FlowIgnore\n    typeof globalThis !== 'undefined' ? globalThis // eslint-disable-line no-undef\n    : isBrowser ? window : global;\n    var globalKey = \"__EMOTION_REACT_\" + pkg.version.split('.')[0] + \"__\";\n\n    if (globalContext[globalKey]) {\n      console.warn('You are loading @emotion/react when it is already loaded. Running ' + 'multiple instances may cause problems. This can happen if multiple ' + 'versions are used, or if multiple builds of the same version are ' + 'used.');\n    }\n\n    globalContext[globalKey] = true;\n  }\n}\n\nexport { ClassNames, Global, jsx as createElement, css, jsx, keyframes };\n"],"sourceRoot":""}