@wayke-se/components-react 4.6.4 → 4.6.5

package/dist/index.js

@@ -3266,7 +3266,7 @@ and ensure you are accounting for this risk.
       margin-bottom: 0;
     }
   }
-`;var eE=({severity:e,icon:t,heading:r,children:i})=>{let n=Ir.default.createElement(li,{block:!0});return e==="error"?n=Ir.default.createElement(Hm,{block:!0}):e==="warning"?n=Ir.default.createElement(Rm,{block:!0}):e==="success"&&(n=Ir.default.createElement(di,{block:!0})),Ir.default.createElement(Jf,{severity:e},t&&Ir.default.createElement(Yf,null,n),Ir.default.createElement(Kf,null,r&&Ir.default.createElement(Zf,null,r),Ir.default.createElement(Xf,null,i)))},qo=eE;var On=y("react");var tE=e=>{let[t,r]=(0,On.useState)(()=>!!ve.isInitialized),i=(0,On.useCallback)(async n=>{await Pm(n),r(!0)},[]);return(0,On.useEffect)(()=>{ve.isInitialized||i(e)},[]),t},Bn=tE;var rE=[{filterName:"manufacturer"},{filterName:"modelSeries"},{filterName:"fuelType"},{filterName:"gearboxType"},{filterName:"branch"},{filterName:"color"},{filterName:"environmentClass"},{filterName:"properties.segment"},{filterName:"drivingWheel"},{filterName:"price"},{filterName:"leasingPrice"},{filterName:"businessLeasingPrice"},{filterName:"mileage"},{filterName:"odometerValueAsKm"},{filterName:"modelYear"}],iE=({marketCode:e,filterList:t,initialQueryParams:r,hashRoute:i,pathRoute:n,removeSearchBar:a,placeholderImage:s,removeFilterOptions:u,modifyDocumentTitleSearch:c,displayBranchName:f,onClickSearchItem:h})=>{let{error:v,documents:k,response:C,queryFilter:D,onFilterUpdate:M,onInitialize:A}=At(),P=Bn(e),I=(0,ye.useMemo)(()=>{if(t)return t;let g=[...rE];return!e||e==="SE"?g.filter(w=>w.filterName!=="odometerValueAsKm"):e==="NO"?g.filter(w=>w.filterName!=="mileage"):g},[t,e]);(0,ye.useEffect)(()=>{c&&(document.title=c),A(typeof r=="string"?new URLSearchParams(r):r)},[]),(0,ye.useEffect)(()=>{let g=new URLSearchParams(D.searchParams);re.publish("SearchInitiated",{query:g.toString()})},[D]),(0,ye.useEffect)(()=>{if(k){let g=new URLSearchParams(D.searchParams);re.publish("SearchCompleted",{query:g.toString(),hits:k.length,totalHits:C?.stats.totalHits||k.length})}},[k]);let o=(0,ye.useCallback)(g=>{re.publish("ItemClicked",g),h&&h(g)},[]),l=(0,ye.useCallback)(()=>{let g=new URLSearchParams(D.searchParams),w=g.get("query");g.delete("query"),re.publish("SearchClearQuery",{query:w}),M(g.toString())},[D.searchParams]),d=(0,ye.useMemo)(()=>D.searchParams.get("query"),[k]);return P?ye.default.createElement(ye.default.Fragment,null,ye.default.createElement(ui,null,!a&&ye.default.createElement(Pt,null,ye.default.createElement(Ct,null,ye.default.createElement(Qf,null))),d&&ye.default.createElement(Pt,null,ye.default.createElement(Ct,null,ye.default.createElement(Bf,{onClear:l},d))),!u&&ye.default.createElement(Pt,null,ye.default.createElement(Ct,null,ye.default.createElement(uf,{filterList:I,marketCode:e}))),ye.default.createElement(Pt,{accent:!0,fillSpace:!0,className:"wayke__theme wayke__color--accent-bg"},ye.default.createElement(Ct,null,ye.default.createElement(Um,null,ye.default.createElement(ye.default.Fragment,null,v&&ye.default.createElement(qo,{severity:"error",icon:!0,heading:"Ett fel har intr\xE4ffat"},"V\xE4nligen f\xF6rs\xF6k igen."),!v&&k&&k.length>0&&ye.default.createElement(Nf,{hashRoute:i,pathRoute:n,onClickItem:o,documents:k,placeholderImage:s,displayBranchName:f}),!v&&k&&k.length===0&&ye.default.createElement(qo,{severity:"warning",icon:!0,heading:ve.t("search.snackbarNoSearchResults.heading")||void 0},ve.t("search.snackbarNoSearchResults.body"))))))),ye.default.createElement(Do,{id:Sr.DefaultPortal})):null},ml=iE;var z=S(y("react"),1);var sr=S(y("react"),1);var Go=S(y("styled-components"),1);var e0=Go.default.ul`
+`;var eE=({severity:e,icon:t,heading:r,children:i})=>{let n=Ir.default.createElement(li,{block:!0});return e==="error"?n=Ir.default.createElement(Hm,{block:!0}):e==="warning"?n=Ir.default.createElement(Rm,{block:!0}):e==="success"&&(n=Ir.default.createElement(di,{block:!0})),Ir.default.createElement(Jf,{severity:e},t&&Ir.default.createElement(Yf,null,n),Ir.default.createElement(Kf,null,r&&Ir.default.createElement(Zf,null,r),Ir.default.createElement(Xf,null,i)))},qo=eE;var On=y("react");var tE=e=>{let[t,r]=(0,On.useState)(()=>!!ve.isInitialized),i=(0,On.useCallback)(async n=>{await Pm(n),r(!0)},[]);return(0,On.useEffect)(()=>{ve.isInitialized||i(e)},[]),t},Bn=tE;var rE=[{filterName:"manufacturer"},{filterName:"modelSeries"},{filterName:"fuelType"},{filterName:"gearboxType"},{filterName:"branch"},{filterName:"color"},{filterName:"environmentClass"},{filterName:"properties.segment"},{filterName:"drivingWheel"},{filterName:"price"},{filterName:"leasingPrice"},{filterName:"businessLeasingPrice"},{filterName:"mileage"},{filterName:"odometerValueAsKm"},{filterName:"modelYear"}],iE=({marketCode:e="SE",filterList:t,initialQueryParams:r,hashRoute:i,pathRoute:n,removeSearchBar:a,placeholderImage:s,removeFilterOptions:u,modifyDocumentTitleSearch:c,displayBranchName:f,onClickSearchItem:h})=>{let{error:v,documents:k,response:C,queryFilter:D,onFilterUpdate:M,onInitialize:A}=At(),P=Bn(e),I=(0,ye.useMemo)(()=>{if(t)return t;let g=[...rE];return!e||e==="SE"?g.filter(w=>w.filterName!=="odometerValueAsKm"):e==="NO"?g.filter(w=>w.filterName!=="mileage"):g},[t,e]);(0,ye.useEffect)(()=>{c&&(document.title=c),A(typeof r=="string"?new URLSearchParams(r):r)},[]),(0,ye.useEffect)(()=>{let g=new URLSearchParams(D.searchParams);re.publish("SearchInitiated",{query:g.toString()})},[D]),(0,ye.useEffect)(()=>{if(k){let g=new URLSearchParams(D.searchParams);re.publish("SearchCompleted",{query:g.toString(),hits:k.length,totalHits:C?.stats.totalHits||k.length})}},[k]);let o=(0,ye.useCallback)(g=>{re.publish("ItemClicked",g),h&&h(g)},[]),l=(0,ye.useCallback)(()=>{let g=new URLSearchParams(D.searchParams),w=g.get("query");g.delete("query"),re.publish("SearchClearQuery",{query:w}),M(g.toString())},[D.searchParams]),d=(0,ye.useMemo)(()=>D.searchParams.get("query"),[k]);return P?ye.default.createElement(ye.default.Fragment,null,ye.default.createElement(ui,null,!a&&ye.default.createElement(Pt,null,ye.default.createElement(Ct,null,ye.default.createElement(Qf,null))),d&&ye.default.createElement(Pt,null,ye.default.createElement(Ct,null,ye.default.createElement(Bf,{onClear:l},d))),!u&&ye.default.createElement(Pt,null,ye.default.createElement(Ct,null,ye.default.createElement(uf,{filterList:I,marketCode:e}))),ye.default.createElement(Pt,{accent:!0,fillSpace:!0,className:"wayke__theme wayke__color--accent-bg"},ye.default.createElement(Ct,null,ye.default.createElement(Um,null,ye.default.createElement(ye.default.Fragment,null,v&&ye.default.createElement(qo,{severity:"error",icon:!0,heading:"Ett fel har intr\xE4ffat"},"V\xE4nligen f\xF6rs\xF6k igen."),!v&&k&&k.length>0&&ye.default.createElement(Nf,{hashRoute:i,pathRoute:n,onClickItem:o,documents:k,placeholderImage:s,displayBranchName:f}),!v&&k&&k.length===0&&ye.default.createElement(qo,{severity:"warning",icon:!0,heading:ve.t("search.snackbarNoSearchResults.heading")||void 0},ve.t("search.snackbarNoSearchResults.body"))))))),ye.default.createElement(Do,{id:Sr.DefaultPortal})):null},ml=iE;var z=S(y("react"),1);var sr=S(y("react"),1);var Go=S(y("styled-components"),1);var e0=Go.default.ul`
   list-style: none;
   padding: 0;
   margin: 0;
@@ -5566,7 +5566,7 @@ and ensure you are accounting for this risk.
     `}
 `,lk=un.default.div``,dk=un.default.div.attrs(()=>({className:"wayke__theme wayke__font--bold"}))`
   text-decoration: var(--price-text-decoration);
-`;var E4=({prices:e})=>aa.default.createElement(uk,null,e?.map((t,r)=>aa.default.createElement(ck,{key:`${t.label}-${r}`,$oldPrice:t.oldPrice},aa.default.createElement(lk,null,t.label),aa.default.createElement(dk,null,t.price)))),pk=E4;var hk=y("react-i18next"),S4=({accessory:e,onClose:t})=>{let{t:r}=(0,hk.useTranslation)(),i=[{label:r("item.accessories.price"),price:`${ee(e.price)} ${r("currency.default")}`,oldPrice:!1}];return e.salePrice&&i.push({label:r("item.accessories.oldPrice"),price:`${ee(e.salePrice)} ${r("currency.default")}`,oldPrice:!0}),e.assemblyPrice&&i.push({label:r("item.accessories.installationCost"),price:`${ee(e.assemblyPrice)} ${r("currency.default")}`,oldPrice:!1}),kt.default.createElement(Fe,{title:e.name,onClose:t},e.images?.[0]&&kt.default.createElement(j,null,kt.default.createElement(sk,{src:`${e.images[0]}?w=632`,alt:`${e.name}`})),e.logotype&&kt.default.createElement(j,null,kt.default.createElement(Xe,{logo:`${e.logotype}?w=160`,logo2x:`${e.logotype}?w=320`,alt:e.manufacturer||r("common.logotype")||"",wide:!0})),kt.default.createElement(j,null,kt.default.createElement(pk,{prices:i})),kt.default.createElement(j,null,kt.default.createElement(de,{dangerouslySetInnerHTML:{__html:(0,mk.marked)(e.description)}})),e.articleNumber&&kt.default.createElement(j,null,kt.default.createElement(zi,{as:"div"},r("item.accessories.articleNumberShort")),kt.default.createElement("div",null,e.articleNumber)),e.productPage&&e.productPage.url&&kt.default.createElement(j,null,kt.default.createElement(Xs,{href:e.productPage.url,title:r("item.accessories.moreInformationAboutAccessory",{accessory:e.name})||"",target:"_blank",rel:"noopener noreferrer nofollow"},e.productPage.title||r("common.readMore")," (",r("common.opensInNewTab"),")")))},fk=S4;var I4=({accessories:e})=>{let{t}=(0,gk.useTranslation)(),[r,i]=(0,vt.useState)(),n=s=>i(s),a=()=>i(void 0);return e?.length?vt.default.createElement(vt.default.Fragment,null,r&&vt.default.createElement(fk,{accessory:r,onClose:a}),vt.default.createElement(Dt,null,vt.default.createElement(j,null,vt.default.createElement(Ke,{noMargin:!0},t("item.accessories.accessories"))),vt.default.createElement(j,null,vt.default.createElement(de,null,vt.default.createElement("p",null,t("item.accessories.accessoriesDescription")))),vt.default.createElement(j,null,vt.default.createElement(du,{columns:1.05,columnsSm:2.1,columnsMd:2,spacing:2,items:e.map(s=>vt.default.createElement(ok,{key:s.id,title:s.name,image:s.images?.[0]?{src:`${s.images?.[0]}?w=539&h=303`,alt:s.name}:void 0,price:`${ee(s.price)} ${t("currency.default")}`,preamble:s.excerpt,readMoreCta:()=>n(s)}))})))):null},yk=I4;var Va=y("react");function hD(e,t,r){let i=(0,Va.useRef)(),n=(0,Va.useRef)(r);n.current=r;let a=async()=>{if(t)try{let s=await Promise.resolve().then(()=>($2(),j2));s&&(i.current=new s.default({id:e,ecomSdkConfig:{api:{address:t.url},bankIdThumbprint:t?.bankIdThumbprint},logo:t.serviceLogotypeUrl,logoX2:t.serviceLogotypeUrl,onEvent:(u,c,f,h)=>{re.publish("Ecom",{id:e,branchId:n.current?.id,branchName:n.current?.name,view:u,event:c,currentStep:f,data:h})}}))}catch{}};return(0,Va.useEffect)(()=>(a(),()=>{i.current&&i.current.destroy()}),[]),i}var z2=hD;var q2=y("marked"),fD=({marketCode:e,id:t,hashRoute:r,pathRoute:i,disableResetScrollOnInit:n,placeholderImage:a,modifyDocumentTitleItem:s,displayBranchName:u,onClickSearchItem:c})=>{let f=Bn(e),{ecomSettings:h}=yu(),{loading:v,data:k}=Mg(t),{vehicle:C,loading:D}=l1(k?.vehicle),M=C?.contact,A=C?.branch,P=z2(t,h,A),[I,o]=(0,z.useState)(!1),l=(0,z.useCallback)(()=>o(!I),[I]);(0,z.useEffect)(()=>{n||window.scrollTo(0,0)},[]),(0,z.useEffect)(()=>{if(k?.vehicle?.data&&s){let{vehicle:nr}=k,{registrationNumber:Ja}=nr.data;document.title=`${Ja} | ${nr.title} | ${nr.shortDescription}`}},[k]);let d=(0,z.useMemo)(()=>k?.vehicle?.data?.options?.filter(No).map(nr=>({title:nr})),[k?.vehicle?.data?.options]),g=(0,z.useCallback)(()=>re.publish("OptionsClick",{id:t,branchId:A?.id,branchName:A?.name}),[A]);if(!f)return null;if(v)return z.default.createElement(m1,null);if(!k?.vehicle?.data)return z.default.createElement(p1,null);let{vehicle:w}=k,{title:x,accessories:b,shortDescription:E,media:_,description:L,price:B,discount:R,financialOptions:p,manufacturer:T,ecommerce:N,packageOptions:H,publishedAt:Z,documents:q,availableFrom:ie,flags:X}=w,Oe=C?.insuranceOptions?C.insuranceOptions:w.insuranceOptions,{fuelType:J,mileage:K,gearboxType:Pe,odometerReading:Ie,modelYear:at,propertySet:ji}=w.data,ir=[{title:at}];return X?.demoVersion&&ir.push({title:ve.t("item.demoCar"),onClick:l}),ir.push({title:`${ee(Ie?.value||K)} ${ve.t(`odometer.${Ie?.unit||"ScandinavianMile"}`)}`}),Pe&&ir.push({title:Pe}),J&&ir.push({title:J}),z.default.createElement(z.default.Fragment,null,z.default.createElement(ui,null,z.default.createElement(Pt,{large:!0},z.default.createElement(Ct,null,z.default.createElement(Sg,null,z.default.createElement(Ig,null,z.default.createElement(Vn,{mobileOrder:1},!i&&r?z.default.createElement(j,null,z.default.createElement(Ya,null,z.default.createElement(Am,{as:"a",href:"#",title:ve.t("navigation.backToSearch")},z.default.createElement(he,null,z.default.createElement(Tn,{block:!0})),z.default.createElement(he,null,ve.t("navigation.backToSearch"))))):null,T?.logotype&&z.default.createElement(j,null,z.default.createElement(Xe,{logo:T.logotype,alt:T.name})),z.default.createElement(j,null,z.default.createElement(Ze,null,z.default.createElement(Ut,{noMargin:!0},x)),E&&z.default.createElement(Ze,null,z.default.createElement("div",null,E)),z.default.createElement(Ze,null,z.default.createElement(jo,{small:!0,items:ir})))),z.default.createElement(Vn,{mobileOrder:2},z.default.createElement(n0,{price:B,discount:R||void 0})),(p.length>0||Oe.length>0)&&z.default.createElement(Vn,{mobileOrder:4},p.length>0&&z.default.createElement(iy,{id:t,branch:A,financialOptions:p,marketCode:e}),Oe.length>0&&z.default.createElement(Vy,{id:t,branch:C?.branch,insuranceOptions:Oe})),z.default.createElement(Vn,{mobileOrder:5},z.default.createElement(xb,{id:t,marketCode:e,manufacturer:T,packageOptions:H,ecommerce:N,branch:A,contact:C?.contact,loadingCentralStorageVehicle:D,availableFrom:ie,toggleEcomModal:()=>P.current?.start()}))),z.default.createElement(zs,null,z.default.createElement(Vn,{mobileOrder:3},z.default.createElement(Eg,{id:t,branch:A,media:_,placeholderImage:a})),z.default.createElement(Dt,null,z.default.createElement(j,null,z.default.createElement(Ke,{noMargin:!0},ve.t("item.carData"))),z.default.createElement(j,null,z.default.createElement(de,null,z.default.createElement("p",null,ve.t("item.carDataDescription")))),z.default.createElement(j,null,z.default.createElement(D1,{propertySet:ji,vehicleData:w.data}))),L&&z.default.createElement(Dt,null,z.default.createElement(v0,{author:M&&M.name?M.name:null,date:Z?Mo.format(Z,Mo.DayMonth,e):void 0,avatar:M?.avatar||void 0},!!L&&z.default.createElement("div",{dangerouslySetInnerHTML:{__html:(0,q2.marked)(L)}}))),(d?.length||0)>0&&z.default.createElement(Dt,null,z.default.createElement(j,null,z.default.createElement(Ke,{noMargin:!0},ve.t("item.equipment"))),z.default.createElement(j,null,z.default.createElement(de,null,z.default.createElement("p",null,ve.t("item.equipmentDescription")))),z.default.createElement(j,null,z.default.createElement(Ss,{actionTitle:ve.t("common.showMore"),onClick:g},z.default.createElement(jo,{items:d})))),z.default.createElement(V1,{documents:q}),z.default.createElement(yk,{accessories:b}),z.default.createElement(Dt,null,z.default.createElement(a1,{branch:A,displayBranchName:u,loading:D}),N&&N.enabled&&z.default.createElement(j,null,z.default.createElement(wr,{disabled:!!N.reserved,title:"K\xF6p bilen online",onClick:()=>P.current?.start()},"K\xF6p bilen online"))),z.default.createElement(jb,{packageOptions:H}),z.default.createElement(Jy,{packageOption:T?.packageOption}))))),z.default.createElement(Fb,{id:t,hashRoute:r,pathRoute:i,authorizedReseller:!!A?.flags?.authorizedReseller,displayBranchName:u,onClickSearchItem:c})),z.default.createElement(Do,{id:Sr.DefaultPortal}),I&&z.default.createElement(B1,{onClose:l}))},Zp=fD;var ai=S(y("react"),1);var Sc={name:"@wayke-se/components-react",version:"4.6.4",description:"",module:"dist/index.mjs",main:"dist/index.js",types:"dist/index.d.ts",type:"module",files:["dist"],scripts:{prebuild:"npm run clean",test:"npm run lint",lint:"eslint --ext .tsx,.ts 'src' 'example'","lint:fix":"eslint --ext .tsx,.ts 'src' 'example' --fix",typecheck:"tsc --noEmit --skipLibCheck",prettify:"prettier --write 'src/**/*.{ts,tsx}'",gen:"graphql-codegen --config ./codegen.yml","generate-libphonenumber-metadata":"libphonenumber-metadata-generator src/utils/metadata.min.json --countries SE,NO --extended",prepare:"husky",start:"node ./esbuild/start.js",build:"npm run clean && node ./esbuild/lib.js",clean:"rimraf build && rimraf dist && rimraf dist-cdn","build:types":"tsc --emitDeclarationOnly --declaration --project tsconfig.build.json"},repository:{type:"git",url:"git+https://github.com/wayke/components-react.git"},author:"Ourstudio",license:"MIT",peerDependencies:{react:"^16 || ^17 || ^18","react-dom":"^16 || ^17 || ^18","styled-components":"^5.1.0"},devDependencies:{"@graphql-codegen/cli":"^5.0.0","@graphql-codegen/typescript":"^4.0.1","@types/googlemaps":"^3.43.3","@types/react":"^18.0.20","@types/react-dom":"^18.0.6","@types/react-router-dom":"^5.3.2","@types/react-slick":"^0.23.7","@types/styled-components":"^5.1.15","@typescript-eslint/eslint-plugin":"^7.3.1","@typescript-eslint/parser":"^7.3.1","@wayke-se/ecom-web":"^1.7.5",dotenv:"^16.3.1",esbuild:"^0.20.2","esbuild-plugin-copy":"^2.1.1",eslint:"^8.23.1","eslint-config-prettier":"^9.0.0","eslint-plugin-import":"^2.25.3","eslint-plugin-prettier":"^5.0.1","eslint-plugin-react":"^7.27.0",husky:"^9.0.11","libphonenumber-metadata-generator":"^1.0.1","lint-staged":"^15.2.2","npm-dts":"^1.3.12",prettier:"^3.0.3",react:"^18.2.0","react-dom":"^18.2.0","react-router-dom":"^6.0.2",rimraf:"^5.0.5","styled-components":"^5.3.11",typescript:"^5.3.3"},dependencies:{"@apollo/client":"^3.4.17","@wayke-se/pannellum-react":"^1.0.0","date-fns":"^3.6.0",graphql:"^16.0.1",i18next:"^23.6.0","libphonenumber-js":"^1.9.42",marked:"^12.0.1","react-compound-slider":"^3.3.1","react-i18next":"^14.1.0","react-slick":"^0.30.2","scroll-into-view-if-needed":"^3.1.0"}};var G2=S(y("react"),1),wo=y("@apollo/client"),yD=({uri:e,children:t})=>{let r=new wo.ApolloClient({uri:e,cache:new wo.InMemoryCache});return G2.default.createElement(wo.ApolloProvider,{client:r},t)},Ic=yD;var U2=S(y("react"),1),V2=y("styled-components");var bD=({children:e})=>U2.default.createElement(V2.ThemeProvider,{theme:wt},e),Wa=bD;var ht=S(y("react"),1);var W2=()=>new URLSearchParams(window.location.search);var Xp=new URLSearchParams;Xp.set("hits","30");Xp.set("sort","published-desc");var kD=({url:e,apiKey:t,useQueryParamsFromUrl:r,pathRoute:i,children:n})=>{let{replaceState:a,pushState:s}=_n(),[u,c]=(0,ht.useState)({searchParams:Xp}),[f,h]=(0,ht.useState)(),[v,k]=(0,ht.useState)(),[C,D]=(0,ht.useState)(!1),{data:M}=Yi(`${e}?hits=0`,{headers:t?{"x-api-key":t}:{}},!!f),A=u.searchParams.toString(),{loading:P,data:I,error:o}=Yi(`${e}${A?`?${A}`:""}`,{headers:t?{"x-api-key":t}:{}},!C||!!u?.block),l=b=>{let{currentTarget:E}=b;if(E){let _=new URLSearchParams(E.location.search);_.has("sort")||_.set("sort","published-desc"),c({searchParams:_})}};(0,ht.useEffect)(()=>{r&&window.addEventListener("popstate",l);let b={actionName:"onFilterUpdate",callback:d};return re.subscribeAction(b),()=>{window.removeEventListener("popstate",l),re.unsubscribeAction(b)}},[]),(0,ht.useEffect)(()=>{M&&h(M.facets)},[M]),(0,ht.useEffect)(()=>{if(r){let b=new URLSearchParams(u.searchParams);b.delete("hits"),b.delete("offset"),b.get("sort")==="published-desc"&&b.delete("sort");let E=b.toString()?`?${b}`:"";if(C&&window.location.search.localeCompare(E)!==0){let _=i?.replace(/^\/|\/$/g,""),L=_?`/${_}/`:"/",B=_?window.location.pathname.indexOf(L):-1,R=window.location.pathname;B>-1&&(R=R.substr(0,B)),s(`${R}${E}`)}}},[u,C,r]),(0,ht.useEffect)(()=>{if(I){if(!f&&!r&&h(I.facets),r&&I.query?.parameters){let b=new URLSearchParams(I.query.parameters);b.delete("hits"),b.delete("offset");let E=b.toString()?`?${b}`:"";window.location.search.localeCompare(E)!==0&&(a(`${window.location.pathname}${E}`),c({searchParams:new URLSearchParams(E),block:!0}))}u?.concatResult?k([...v||[],...I.documentList.documents||[]]):k(I.documentList.documents||[])}},[I,r]);let d=(0,ht.useCallback)(b=>{{C||D(!0);let E=new URLSearchParams(b);E.delete("offset"),c({searchParams:E})}},[C]),g=(0,ht.useCallback)(()=>{I&&c({searchParams:new URLSearchParams(I?.documentList.pagination.nextPage?.query),concatResult:!0})},[I]),w=(0,ht.useCallback)(b=>{if(!C){let E=W2(),_=r?E:b;if(r&&b&&b.forEach((L,B)=>{_?.getAll(B)?.some(R=>R===L)||_?.append(B,L)}),_){let L=new URLSearchParams(_);L.delete("hits"),L.delete("offset"),_.has("hits")||_.set("hits","30"),_.has("sort")||_.set("sort","published-desc");let B=L.toString()?`?${L}`:"";c({searchParams:_}),r&&a(`${window.location.pathname}${B}`)}D(!0)}},[C]),x={loading:P,error:o,response:I,documents:v,initialFacets:f,queryFilter:u,onFilterUpdate:d,onLoadMore:g,onInitialize:w};return ht.default.createElement(ts.Provider,{value:x},n)},Q2=kD;var J2=S(y("styled-components"),1),vD=J2.default.div.attrs(()=>({className:"wayke__theme wayke__font--regular"}))`
+`;var E4=({prices:e})=>aa.default.createElement(uk,null,e?.map((t,r)=>aa.default.createElement(ck,{key:`${t.label}-${r}`,$oldPrice:t.oldPrice},aa.default.createElement(lk,null,t.label),aa.default.createElement(dk,null,t.price)))),pk=E4;var hk=y("react-i18next"),S4=({accessory:e,onClose:t})=>{let{t:r}=(0,hk.useTranslation)(),i=[{label:r("item.accessories.price"),price:`${ee(e.price)} ${r("currency.default")}`,oldPrice:!1}];return e.salePrice&&i.push({label:r("item.accessories.oldPrice"),price:`${ee(e.salePrice)} ${r("currency.default")}`,oldPrice:!0}),e.assemblyPrice&&i.push({label:r("item.accessories.installationCost"),price:`${ee(e.assemblyPrice)} ${r("currency.default")}`,oldPrice:!1}),kt.default.createElement(Fe,{title:e.name,onClose:t},e.images?.[0]&&kt.default.createElement(j,null,kt.default.createElement(sk,{src:`${e.images[0]}?w=632`,alt:`${e.name}`})),e.logotype&&kt.default.createElement(j,null,kt.default.createElement(Xe,{logo:`${e.logotype}?w=160`,logo2x:`${e.logotype}?w=320`,alt:e.manufacturer||r("common.logotype")||"",wide:!0})),kt.default.createElement(j,null,kt.default.createElement(pk,{prices:i})),kt.default.createElement(j,null,kt.default.createElement(de,{dangerouslySetInnerHTML:{__html:(0,mk.marked)(e.description)}})),e.articleNumber&&kt.default.createElement(j,null,kt.default.createElement(zi,{as:"div"},r("item.accessories.articleNumberShort")),kt.default.createElement("div",null,e.articleNumber)),e.productPage&&e.productPage.url&&kt.default.createElement(j,null,kt.default.createElement(Xs,{href:e.productPage.url,title:r("item.accessories.moreInformationAboutAccessory",{accessory:e.name})||"",target:"_blank",rel:"noopener noreferrer nofollow"},e.productPage.title||r("common.readMore")," (",r("common.opensInNewTab"),")")))},fk=S4;var I4=({accessories:e})=>{let{t}=(0,gk.useTranslation)(),[r,i]=(0,vt.useState)(),n=s=>i(s),a=()=>i(void 0);return e?.length?vt.default.createElement(vt.default.Fragment,null,r&&vt.default.createElement(fk,{accessory:r,onClose:a}),vt.default.createElement(Dt,null,vt.default.createElement(j,null,vt.default.createElement(Ke,{noMargin:!0},t("item.accessories.accessories"))),vt.default.createElement(j,null,vt.default.createElement(de,null,vt.default.createElement("p",null,t("item.accessories.accessoriesDescription")))),vt.default.createElement(j,null,vt.default.createElement(du,{columns:1.05,columnsSm:2.1,columnsMd:2,spacing:2,items:e.map(s=>vt.default.createElement(ok,{key:s.id,title:s.name,image:s.images?.[0]?{src:`${s.images?.[0]}?w=539&h=303`,alt:s.name}:void 0,price:`${ee(s.price)} ${t("currency.default")}`,preamble:s.excerpt,readMoreCta:()=>n(s)}))})))):null},yk=I4;var Va=y("react");function hD(e,t,r){let i=(0,Va.useRef)(),n=(0,Va.useRef)(r);n.current=r;let a=async()=>{if(t)try{let s=await Promise.resolve().then(()=>($2(),j2));s&&(i.current=new s.default({id:e,ecomSdkConfig:{api:{address:t.url},bankIdThumbprint:t?.bankIdThumbprint},logo:t.serviceLogotypeUrl,logoX2:t.serviceLogotypeUrl,onEvent:(u,c,f,h)=>{re.publish("Ecom",{id:e,branchId:n.current?.id,branchName:n.current?.name,view:u,event:c,currentStep:f,data:h})}}))}catch{}};return(0,Va.useEffect)(()=>(a(),()=>{i.current&&i.current.destroy()}),[]),i}var z2=hD;var q2=y("marked"),fD=({marketCode:e="SE",id:t,hashRoute:r,pathRoute:i,disableResetScrollOnInit:n,placeholderImage:a,modifyDocumentTitleItem:s,displayBranchName:u,onClickSearchItem:c})=>{let f=Bn(e),{ecomSettings:h}=yu(),{loading:v,data:k}=Mg(t),{vehicle:C,loading:D}=l1(k?.vehicle),M=C?.contact,A=C?.branch,P=z2(t,h,A),[I,o]=(0,z.useState)(!1),l=(0,z.useCallback)(()=>o(!I),[I]);(0,z.useEffect)(()=>{n||window.scrollTo(0,0)},[]),(0,z.useEffect)(()=>{if(k?.vehicle?.data&&s){let{vehicle:nr}=k,{registrationNumber:Ja}=nr.data;document.title=`${Ja} | ${nr.title} | ${nr.shortDescription}`}},[k]);let d=(0,z.useMemo)(()=>k?.vehicle?.data?.options?.filter(No).map(nr=>({title:nr})),[k?.vehicle?.data?.options]),g=(0,z.useCallback)(()=>re.publish("OptionsClick",{id:t,branchId:A?.id,branchName:A?.name}),[A]);if(!f)return null;if(v)return z.default.createElement(m1,null);if(!k?.vehicle?.data)return z.default.createElement(p1,null);let{vehicle:w}=k,{title:x,accessories:b,shortDescription:E,media:_,description:L,price:B,discount:R,financialOptions:p,manufacturer:T,ecommerce:N,packageOptions:H,publishedAt:Z,documents:q,availableFrom:ie,flags:X}=w,Oe=C?.insuranceOptions?C.insuranceOptions:w.insuranceOptions,{fuelType:J,mileage:K,gearboxType:Pe,odometerReading:Ie,modelYear:at,propertySet:ji}=w.data,ir=[{title:at}];return X?.demoVersion&&ir.push({title:ve.t("item.demoCar"),onClick:l}),ir.push({title:`${ee(Ie?.value||K)} ${ve.t(`odometer.${Ie?.unit||"ScandinavianMile"}`)}`}),Pe&&ir.push({title:Pe}),J&&ir.push({title:J}),z.default.createElement(z.default.Fragment,null,z.default.createElement(ui,null,z.default.createElement(Pt,{large:!0},z.default.createElement(Ct,null,z.default.createElement(Sg,null,z.default.createElement(Ig,null,z.default.createElement(Vn,{mobileOrder:1},!i&&r?z.default.createElement(j,null,z.default.createElement(Ya,null,z.default.createElement(Am,{as:"a",href:"#",title:ve.t("navigation.backToSearch")},z.default.createElement(he,null,z.default.createElement(Tn,{block:!0})),z.default.createElement(he,null,ve.t("navigation.backToSearch"))))):null,T?.logotype&&z.default.createElement(j,null,z.default.createElement(Xe,{logo:T.logotype,alt:T.name})),z.default.createElement(j,null,z.default.createElement(Ze,null,z.default.createElement(Ut,{noMargin:!0},x)),E&&z.default.createElement(Ze,null,z.default.createElement("div",null,E)),z.default.createElement(Ze,null,z.default.createElement(jo,{small:!0,items:ir})))),z.default.createElement(Vn,{mobileOrder:2},z.default.createElement(n0,{price:B,discount:R||void 0})),(p.length>0||Oe.length>0)&&z.default.createElement(Vn,{mobileOrder:4},p.length>0&&z.default.createElement(iy,{id:t,branch:A,financialOptions:p,marketCode:e}),Oe.length>0&&z.default.createElement(Vy,{id:t,branch:C?.branch,insuranceOptions:Oe})),z.default.createElement(Vn,{mobileOrder:5},z.default.createElement(xb,{id:t,marketCode:e,manufacturer:T,packageOptions:H,ecommerce:N,branch:A,contact:C?.contact,loadingCentralStorageVehicle:D,availableFrom:ie,toggleEcomModal:()=>P.current?.start()}))),z.default.createElement(zs,null,z.default.createElement(Vn,{mobileOrder:3},z.default.createElement(Eg,{id:t,branch:A,media:_,placeholderImage:a})),z.default.createElement(Dt,null,z.default.createElement(j,null,z.default.createElement(Ke,{noMargin:!0},ve.t("item.carData"))),z.default.createElement(j,null,z.default.createElement(de,null,z.default.createElement("p",null,ve.t("item.carDataDescription")))),z.default.createElement(j,null,z.default.createElement(D1,{propertySet:ji,vehicleData:w.data}))),L&&z.default.createElement(Dt,null,z.default.createElement(v0,{author:M&&M.name?M.name:null,date:Z?Mo.format(Z,Mo.DayMonth,e):void 0,avatar:M?.avatar||void 0},!!L&&z.default.createElement("div",{dangerouslySetInnerHTML:{__html:(0,q2.marked)(L)}}))),(d?.length||0)>0&&z.default.createElement(Dt,null,z.default.createElement(j,null,z.default.createElement(Ke,{noMargin:!0},ve.t("item.equipment"))),z.default.createElement(j,null,z.default.createElement(de,null,z.default.createElement("p",null,ve.t("item.equipmentDescription")))),z.default.createElement(j,null,z.default.createElement(Ss,{actionTitle:ve.t("common.showMore"),onClick:g},z.default.createElement(jo,{items:d})))),z.default.createElement(V1,{documents:q}),z.default.createElement(yk,{accessories:b}),z.default.createElement(Dt,null,z.default.createElement(a1,{branch:A,displayBranchName:u,loading:D}),N&&N.enabled&&z.default.createElement(j,null,z.default.createElement(wr,{disabled:!!N.reserved,title:"K\xF6p bilen online",onClick:()=>P.current?.start()},"K\xF6p bilen online"))),z.default.createElement(jb,{packageOptions:H}),z.default.createElement(Jy,{packageOption:T?.packageOption}))))),z.default.createElement(Fb,{id:t,hashRoute:r,pathRoute:i,authorizedReseller:!!A?.flags?.authorizedReseller,displayBranchName:u,onClickSearchItem:c})),z.default.createElement(Do,{id:Sr.DefaultPortal}),I&&z.default.createElement(B1,{onClose:l}))},Zp=fD;var ai=S(y("react"),1);var Sc={name:"@wayke-se/components-react",version:"4.6.5",description:"",module:"dist/index.mjs",main:"dist/index.js",types:"dist/index.d.ts",type:"module",files:["dist"],scripts:{prebuild:"npm run clean",test:"npm run lint",lint:"eslint --ext .tsx,.ts 'src' 'example'","lint:fix":"eslint --ext .tsx,.ts 'src' 'example' --fix",typecheck:"tsc --noEmit --skipLibCheck",prettify:"prettier --write 'src/**/*.{ts,tsx}'",gen:"graphql-codegen --config ./codegen.yml","generate-libphonenumber-metadata":"libphonenumber-metadata-generator src/utils/metadata.min.json --countries SE,NO --extended",prepare:"husky",start:"node ./esbuild/start.js",build:"npm run clean && node ./esbuild/lib.js",clean:"rimraf build && rimraf dist && rimraf dist-cdn","build:types":"tsc --emitDeclarationOnly --declaration --project tsconfig.build.json"},repository:{type:"git",url:"git+https://github.com/wayke/components-react.git"},author:"Ourstudio",license:"MIT",peerDependencies:{react:"^16 || ^17 || ^18","react-dom":"^16 || ^17 || ^18","styled-components":"^5.1.0"},devDependencies:{"@graphql-codegen/cli":"^5.0.0","@graphql-codegen/typescript":"^4.0.1","@types/googlemaps":"^3.43.3","@types/react":"^18.0.20","@types/react-dom":"^18.0.6","@types/react-router-dom":"^5.3.2","@types/react-slick":"^0.23.7","@types/styled-components":"^5.1.15","@typescript-eslint/eslint-plugin":"^7.3.1","@typescript-eslint/parser":"^7.3.1","@wayke-se/ecom-web":"^1.7.5",dotenv:"^16.3.1",esbuild:"^0.20.2","esbuild-plugin-copy":"^2.1.1",eslint:"^8.23.1","eslint-config-prettier":"^9.0.0","eslint-plugin-import":"^2.25.3","eslint-plugin-prettier":"^5.0.1","eslint-plugin-react":"^7.27.0",husky:"^9.0.11","libphonenumber-metadata-generator":"^1.0.1","lint-staged":"^15.2.2","npm-dts":"^1.3.12",prettier:"^3.0.3",react:"^18.2.0","react-dom":"^18.2.0","react-router-dom":"^6.0.2",rimraf:"^5.0.5","styled-components":"^5.3.11",typescript:"^5.3.3"},dependencies:{"@apollo/client":"^3.4.17","@wayke-se/pannellum-react":"^1.0.0","date-fns":"^3.6.0",graphql:"^16.0.1",i18next:"^23.6.0","libphonenumber-js":"^1.9.42",marked:"^12.0.1","react-compound-slider":"^3.3.1","react-i18next":"^14.1.0","react-slick":"^0.30.2","scroll-into-view-if-needed":"^3.1.0"}};var G2=S(y("react"),1),wo=y("@apollo/client"),yD=({uri:e,children:t})=>{let r=new wo.ApolloClient({uri:e,cache:new wo.InMemoryCache});return G2.default.createElement(wo.ApolloProvider,{client:r},t)},Ic=yD;var U2=S(y("react"),1),V2=y("styled-components");var bD=({children:e})=>U2.default.createElement(V2.ThemeProvider,{theme:wt},e),Wa=bD;var ht=S(y("react"),1);var W2=()=>new URLSearchParams(window.location.search);var Xp=new URLSearchParams;Xp.set("hits","30");Xp.set("sort","published-desc");var kD=({url:e,apiKey:t,useQueryParamsFromUrl:r,pathRoute:i,children:n})=>{let{replaceState:a,pushState:s}=_n(),[u,c]=(0,ht.useState)({searchParams:Xp}),[f,h]=(0,ht.useState)(),[v,k]=(0,ht.useState)(),[C,D]=(0,ht.useState)(!1),{data:M}=Yi(`${e}?hits=0`,{headers:t?{"x-api-key":t}:{}},!!f),A=u.searchParams.toString(),{loading:P,data:I,error:o}=Yi(`${e}${A?`?${A}`:""}`,{headers:t?{"x-api-key":t}:{}},!C||!!u?.block),l=b=>{let{currentTarget:E}=b;if(E){let _=new URLSearchParams(E.location.search);_.has("sort")||_.set("sort","published-desc"),c({searchParams:_})}};(0,ht.useEffect)(()=>{r&&window.addEventListener("popstate",l);let b={actionName:"onFilterUpdate",callback:d};return re.subscribeAction(b),()=>{window.removeEventListener("popstate",l),re.unsubscribeAction(b)}},[]),(0,ht.useEffect)(()=>{M&&h(M.facets)},[M]),(0,ht.useEffect)(()=>{if(r){let b=new URLSearchParams(u.searchParams);b.delete("hits"),b.delete("offset"),b.get("sort")==="published-desc"&&b.delete("sort");let E=b.toString()?`?${b}`:"";if(C&&window.location.search.localeCompare(E)!==0){let _=i?.replace(/^\/|\/$/g,""),L=_?`/${_}/`:"/",B=_?window.location.pathname.indexOf(L):-1,R=window.location.pathname;B>-1&&(R=R.substr(0,B)),s(`${R}${E}`)}}},[u,C,r]),(0,ht.useEffect)(()=>{if(I){if(!f&&!r&&h(I.facets),r&&I.query?.parameters){let b=new URLSearchParams(I.query.parameters);b.delete("hits"),b.delete("offset");let E=b.toString()?`?${b}`:"";window.location.search.localeCompare(E)!==0&&(a(`${window.location.pathname}${E}`),c({searchParams:new URLSearchParams(E),block:!0}))}u?.concatResult?k([...v||[],...I.documentList.documents||[]]):k(I.documentList.documents||[])}},[I,r]);let d=(0,ht.useCallback)(b=>{{C||D(!0);let E=new URLSearchParams(b);E.delete("offset"),c({searchParams:E})}},[C]),g=(0,ht.useCallback)(()=>{I&&c({searchParams:new URLSearchParams(I?.documentList.pagination.nextPage?.query),concatResult:!0})},[I]),w=(0,ht.useCallback)(b=>{if(!C){let E=W2(),_=r?E:b;if(r&&b&&b.forEach((L,B)=>{_?.getAll(B)?.some(R=>R===L)||_?.append(B,L)}),_){let L=new URLSearchParams(_);L.delete("hits"),L.delete("offset"),_.has("hits")||_.set("hits","30"),_.has("sort")||_.set("sort","published-desc");let B=L.toString()?`?${L}`:"";c({searchParams:_}),r&&a(`${window.location.pathname}${B}`)}D(!0)}},[C]),x={loading:P,error:o,response:I,documents:v,initialFacets:f,queryFilter:u,onFilterUpdate:d,onLoadMore:g,onInitialize:w};return ht.default.createElement(ts.Provider,{value:x},n)},Q2=kD;var J2=S(y("styled-components"),1),vD=J2.default.div.attrs(()=>({className:"wayke__theme wayke__font--regular"}))`
   background-color: ${e=>e.theme.color.bg};
   color: ${e=>e.theme.color.textDark};
   font-size: 1rem;
@@ -5583,7 +5583,7 @@ and ensure you are accounting for this risk.
   a img {
     border: 0;
   }
-`,Cc=vD;var Y2=S(y("react"),1);var wD=({googleMapsApiKey:e,googleMapsMarker:t,ecomSettings:r,children:i})=>Y2.default.createElement(gu.Provider,{value:{ecomSettings:r,googleMapsApiKey:e,googleMapsMarker:t}},i),Pc=wD;var Ao=S(y("react"),1);var AD=({url:e,urlMlt:t,apiKey:r,children:i})=>{let[n,a]=(0,Ao.useState)(),s=n?.searchParams.toString(),{loading:u,data:c,error:f}=Yi(`${t||e}${s?`?${s}`:""}`,{headers:r?{"x-api-key":r}:{}},!n),h=(0,Ao.useCallback)(k=>a({searchParams:k}),[]),v={moreLikeThisUrl:!!t,loading:u,error:f,response:c,queryFilter:n,fetchRelated:h};return Ao.default.createElement(pu.Provider,{value:v},i)},Tc=AD;var Mc=S(y("react"),1);var xo=y("react"),xD=e=>{let[t,r]=(0,xo.useState)(sessionStorage.getItem(e)),i=(0,xo.useCallback)(s=>{sessionStorage.setItem(e,s),r(s)},[e]),n=(0,xo.useCallback)(()=>{sessionStorage.removeItem(e),r(null)},[e]),a=(0,xo.useCallback)(()=>{sessionStorage.clear(),r(null)},[e]);return{value:t,set:i,remove:n,clear:a}},K2=xD;var ED=({children:e})=>{let{value:t,set:r,remove:i}=K2("centralStorage"),n=(0,Mc.useCallback)(a=>a?r(a):i(),[]);return Mc.default.createElement(Yn.Provider,{value:{centralStorageId:t,setCentralStorageId:n}},e)},Nc=ED;var rr=S(y("react"),1);var _c=y("react"),SD=e=>{let t=(0,_c.useRef)();return(0,_c.useEffect)(()=>{t.current=e}),t.current},Z2=SD;var Qa="SET_PATH",X2={path:window.location.pathname},ID=(e,t)=>{let r={...e};switch(t.type){case Qa:return r.path=t.path,r;default:throw new Error("Unsupported action type")}},e8=ID;var CD=/(\{){0,1}[0-9a-fA-F]{8}\-[0-9a-fA-F]{4}\-[0-9a-fA-F]{4}\-[0-9a-fA-F]{4}\-[0-9a-fA-F]{12}(\}){0,1}/g,t8="popstate",PD=({children:e})=>{let[t,r]=(0,rr.useReducer)(e8,X2),i=Z2(t.path);(0,rr.useEffect)(()=>{let c=()=>{r({type:Qa,path:window.location.pathname})};return window.addEventListener(t8,c),()=>{window.removeEventListener(t8,c)}},[]);let n=(0,rr.useCallback)(c=>{let f=window.location.hash;history.pushState(null,"",`${c}`);let h=window.location.hash;f.localeCompare(h)!==0&&window.dispatchEvent(new HashChangeEvent("hashchange")),r({type:Qa,path:c})},[]),a=(0,rr.useCallback)(c=>{let f=window.location.hash;history.replaceState(null,"",c);let h=window.location.hash;f.localeCompare(h)!==0&&window.dispatchEvent(new HashChangeEvent("hashchange")),r({type:Qa,path:c})},[]),s=(0,rr.useMemo)(()=>t.path.match(CD)?.pop(),[t.path]),u=(0,rr.useMemo)(()=>({...t,previousPath:i,id:s,pushState:n,replaceState:a}),[t]);return rr.default.createElement(vs.Provider,{value:u},e)},Lc=PD;var TD=({url:e,urlMlt:t,apiKey:r,ecomSettings:i,graphQlUrl:n,googleMapsApiKey:a,googleMapsMarker:s,useQueryParamsFromUrl:u,pathRoute:c,children:f})=>ai.default.createElement(Lc,null,ai.default.createElement(Pc,{googleMapsApiKey:a,googleMapsMarker:s,ecomSettings:i},ai.default.createElement(Nc,null,ai.default.createElement(Ic,{uri:n},ai.default.createElement(Q2,{url:e,apiKey:r,useQueryParamsFromUrl:u,pathRoute:c},ai.default.createElement(Tc,{url:e,urlMlt:t,apiKey:r},ai.default.createElement(Wa,null,ai.default.createElement(Cc,{"data-version":Sc.version},f)))))))),em=TD;var tm=S(y("react"),1);var Sn=S(y("react"),1);var Dc=y("react"),i8=/^[0-9a-f]{8}-[0-9a-f]{4}-[0-5][0-9a-f]{3}-[089ab][0-9a-f]{3}-[0-9a-f]{12}$/i,r8="hashchange",MD=()=>{let e=window.location.hash.substr(1,window.location.hash.length);return i8.test(e)||!e?e:void 0},ND=()=>{let[e,t]=(0,Dc.useState)(()=>MD()),r=()=>{let i=window.location.hash.substr(1,window.location.hash.length);if(i8.test(i)||!i)t(window.location.hash.substr(1,window.location.hash.length));else throw"Invalid Guid"};return(0,Dc.useEffect)(()=>(r(),window.addEventListener(r8,r),()=>{window.removeEventListener(r8,r)}),[]),e},n8=ND;var _D=({marketCode:e,filterList:t,initialQueryParams:r,removeSearchBar:i,removeFilterOptions:n,disableResetScrollOnInit:a,placeholderImage:s,pathRoute:u,modifyDocumentTitleItem:c,modifyDocumentTitleSearch:f,displayBranchName:h})=>{let v=n8(),{id:k}=_n(),C=Bn(e);(0,Sn.useEffect)(()=>{u||(v?re.publish("HashRouteChange",{id:v}):re.publish("HashRouteChange",{id:void 0}))},[v]);let D=k||v;return C?Sn.default.createElement(Sn.default.Fragment,null,D?Sn.default.createElement(Zp,{id:D,hashRoute:!u,disableResetScrollOnInit:a,placeholderImage:s,pathRoute:u,modifyDocumentTitleItem:c,displayBranchName:h}):Sn.default.createElement(ml,{marketCode:e,filterList:t,initialQueryParams:r,removeSearchBar:i,hashRoute:!u,placeholderImage:s,pathRoute:u,removeFilterOptions:n,modifyDocumentTitleSearch:f,displayBranchName:h})):null},o8=_D;var LD=({provider:e,composite:t})=>tm.default.createElement(em,{...e},tm.default.createElement(o8,{...t})),a8=LD;var Ri=S(y("react"),1);var DD=({url:e,urlMlt:t,apiKey:r,ecomSettings:i,graphQlUrl:n,googleMapsApiKey:a,googleMapsMarker:s,children:u})=>Ri.default.createElement(Lc,null,Ri.default.createElement(Pc,{googleMapsApiKey:a,googleMapsMarker:s,ecomSettings:i},Ri.default.createElement(Nc,null,Ri.default.createElement(Ic,{uri:n},Ri.default.createElement(Tc,{url:e,urlMlt:t,apiKey:r},Ri.default.createElement(Wa,null,Ri.default.createElement(Cc,{"data-version":Sc.version},u))))))),OD=DD;var fZ=a8;})();
+`,Cc=vD;var Y2=S(y("react"),1);var wD=({googleMapsApiKey:e,googleMapsMarker:t,ecomSettings:r,children:i})=>Y2.default.createElement(gu.Provider,{value:{ecomSettings:r,googleMapsApiKey:e,googleMapsMarker:t}},i),Pc=wD;var Ao=S(y("react"),1);var AD=({url:e,urlMlt:t,apiKey:r,children:i})=>{let[n,a]=(0,Ao.useState)(),s=n?.searchParams.toString(),{loading:u,data:c,error:f}=Yi(`${t||e}${s?`?${s}`:""}`,{headers:r?{"x-api-key":r}:{}},!n),h=(0,Ao.useCallback)(k=>a({searchParams:k}),[]),v={moreLikeThisUrl:!!t,loading:u,error:f,response:c,queryFilter:n,fetchRelated:h};return Ao.default.createElement(pu.Provider,{value:v},i)},Tc=AD;var Mc=S(y("react"),1);var xo=y("react"),xD=e=>{let[t,r]=(0,xo.useState)(sessionStorage.getItem(e)),i=(0,xo.useCallback)(s=>{sessionStorage.setItem(e,s),r(s)},[e]),n=(0,xo.useCallback)(()=>{sessionStorage.removeItem(e),r(null)},[e]),a=(0,xo.useCallback)(()=>{sessionStorage.clear(),r(null)},[e]);return{value:t,set:i,remove:n,clear:a}},K2=xD;var ED=({children:e})=>{let{value:t,set:r,remove:i}=K2("centralStorage"),n=(0,Mc.useCallback)(a=>a?r(a):i(),[]);return Mc.default.createElement(Yn.Provider,{value:{centralStorageId:t,setCentralStorageId:n}},e)},Nc=ED;var rr=S(y("react"),1);var _c=y("react"),SD=e=>{let t=(0,_c.useRef)();return(0,_c.useEffect)(()=>{t.current=e}),t.current},Z2=SD;var Qa="SET_PATH",X2={path:window.location.pathname},ID=(e,t)=>{let r={...e};switch(t.type){case Qa:return r.path=t.path,r;default:throw new Error("Unsupported action type")}},e8=ID;var CD=/(\{){0,1}[0-9a-fA-F]{8}\-[0-9a-fA-F]{4}\-[0-9a-fA-F]{4}\-[0-9a-fA-F]{4}\-[0-9a-fA-F]{12}(\}){0,1}/g,t8="popstate",PD=({children:e})=>{let[t,r]=(0,rr.useReducer)(e8,X2),i=Z2(t.path);(0,rr.useEffect)(()=>{let c=()=>{r({type:Qa,path:window.location.pathname})};return window.addEventListener(t8,c),()=>{window.removeEventListener(t8,c)}},[]);let n=(0,rr.useCallback)(c=>{let f=window.location.hash;history.pushState(null,"",`${c}`);let h=window.location.hash;f.localeCompare(h)!==0&&window.dispatchEvent(new HashChangeEvent("hashchange")),r({type:Qa,path:c})},[]),a=(0,rr.useCallback)(c=>{let f=window.location.hash;history.replaceState(null,"",c);let h=window.location.hash;f.localeCompare(h)!==0&&window.dispatchEvent(new HashChangeEvent("hashchange")),r({type:Qa,path:c})},[]),s=(0,rr.useMemo)(()=>t.path.match(CD)?.pop(),[t.path]),u=(0,rr.useMemo)(()=>({...t,previousPath:i,id:s,pushState:n,replaceState:a}),[t]);return rr.default.createElement(vs.Provider,{value:u},e)},Lc=PD;var TD=({url:e,urlMlt:t,apiKey:r,ecomSettings:i,graphQlUrl:n,googleMapsApiKey:a,googleMapsMarker:s,useQueryParamsFromUrl:u,pathRoute:c,children:f})=>ai.default.createElement(Lc,null,ai.default.createElement(Pc,{googleMapsApiKey:a,googleMapsMarker:s,ecomSettings:i},ai.default.createElement(Nc,null,ai.default.createElement(Ic,{uri:n},ai.default.createElement(Q2,{url:e,apiKey:r,useQueryParamsFromUrl:u,pathRoute:c},ai.default.createElement(Tc,{url:e,urlMlt:t,apiKey:r},ai.default.createElement(Wa,null,ai.default.createElement(Cc,{"data-version":Sc.version},f)))))))),em=TD;var tm=S(y("react"),1);var Sn=S(y("react"),1);var Dc=y("react"),i8=/^[0-9a-f]{8}-[0-9a-f]{4}-[0-5][0-9a-f]{3}-[089ab][0-9a-f]{3}-[0-9a-f]{12}$/i,r8="hashchange",MD=()=>{let e=window.location.hash.substr(1,window.location.hash.length);return i8.test(e)||!e?e:void 0},ND=()=>{let[e,t]=(0,Dc.useState)(()=>MD()),r=()=>{let i=window.location.hash.substr(1,window.location.hash.length);if(i8.test(i)||!i)t(window.location.hash.substr(1,window.location.hash.length));else throw"Invalid Guid"};return(0,Dc.useEffect)(()=>(r(),window.addEventListener(r8,r),()=>{window.removeEventListener(r8,r)}),[]),e},n8=ND;var _D=({marketCode:e="SE",filterList:t,initialQueryParams:r,removeSearchBar:i,removeFilterOptions:n,disableResetScrollOnInit:a,placeholderImage:s,pathRoute:u,modifyDocumentTitleItem:c,modifyDocumentTitleSearch:f,displayBranchName:h})=>{let v=n8(),{id:k}=_n(),C=Bn(e);(0,Sn.useEffect)(()=>{u||(v?re.publish("HashRouteChange",{id:v}):re.publish("HashRouteChange",{id:void 0}))},[v]);let D=k||v;return C?Sn.default.createElement(Sn.default.Fragment,null,D?Sn.default.createElement(Zp,{marketCode:e,id:D,hashRoute:!u,disableResetScrollOnInit:a,placeholderImage:s,pathRoute:u,modifyDocumentTitleItem:c,displayBranchName:h}):Sn.default.createElement(ml,{marketCode:e,filterList:t,initialQueryParams:r,removeSearchBar:i,hashRoute:!u,placeholderImage:s,pathRoute:u,removeFilterOptions:n,modifyDocumentTitleSearch:f,displayBranchName:h})):null},o8=_D;var LD=({provider:e,composite:t})=>tm.default.createElement(em,{...e},tm.default.createElement(o8,{...t})),a8=LD;var Ri=S(y("react"),1);var DD=({url:e,urlMlt:t,apiKey:r,ecomSettings:i,graphQlUrl:n,googleMapsApiKey:a,googleMapsMarker:s,children:u})=>Ri.default.createElement(Lc,null,Ri.default.createElement(Pc,{googleMapsApiKey:a,googleMapsMarker:s,ecomSettings:i},Ri.default.createElement(Nc,null,Ri.default.createElement(Ic,{uri:n},Ri.default.createElement(Tc,{url:e,urlMlt:t,apiKey:r},Ri.default.createElement(Wa,null,Ri.default.createElement(Cc,{"data-version":Sc.version},u))))))),OD=DD;var fZ=a8;})();
 /*! Bundled license information:
 
 is-plain-object/dist/is-plain-object.js: