@wayke-se/components-react 5.0.1 → 5.0.2

package/dist/index.js

@@ -5446,7 +5446,7 @@ and ensure you are accounting for this risk.
     `}
 `,Kk=vn.default.div``,qk=vn.default.div.attrs(()=>({className:"wayke__theme wayke__font--bold"}))`
   text-decoration: var(--price-text-decoration);
-`;var B4=({prices:e})=>fa.default.createElement(Vk,null,e?.map((t,r)=>fa.default.createElement(Jk,{key:`${t.label}-${r}`,$oldPrice:t.oldPrice},fa.default.createElement(Kk,null,t.label),fa.default.createElement(qk,null,t.price)))),zk=B4;var Xk=p("react-i18next"),P4=({accessory:e,onClose:t})=>{let{t:r}=(0,Xk.useTranslation)(),i=[{label:r("item.accessories.price"),price:`${K(e.price)} ${r("currency.default")}`,oldPrice:!1}];return e.salePrice&&i.push({label:r("item.accessories.oldPrice"),price:`${K(e.salePrice)} ${r("currency.default")}`,oldPrice:!0}),e.assemblyPrice&&i.push({label:r("item.accessories.installationCost"),price:`${K(e.assemblyPrice)} ${r("currency.default")}`,oldPrice:!1}),St.default.createElement(Ue,{title:e.name,onClose:t},e.images?.[0]&&St.default.createElement(N,null,St.default.createElement($k,{src:`${e.images[0]}?w=632`,alt:`${e.name}`})),e.logotype&&St.default.createElement(N,null,St.default.createElement(st,{logo:`${e.logotype}?w=160`,logo2x:`${e.logotype}?w=320`,alt:e.manufacturer||r("common.logotype")||"",wide:!0})),St.default.createElement(N,null,St.default.createElement(zk,{prices:i})),St.default.createElement(N,null,St.default.createElement(pe,{dangerouslySetInnerHTML:{__html:(0,Zk.marked)(e.description)}})),e.articleNumber&&St.default.createElement(N,null,St.default.createElement(tn,{as:"div"},r("item.accessories.articleNumberShort")),St.default.createElement("div",null,e.articleNumber)),e.productPage&&e.productPage.url&&St.default.createElement(N,null,St.default.createElement(ol,{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"),")")))},ev=P4;var O4=({accessories:e})=>{let{t}=(0,tv.useTranslation)(),[r,i]=(0,Dt.useState)(),n=a=>i(a),o=()=>i(void 0);return e?.length?Dt.default.createElement(Dt.default.Fragment,null,r&&Dt.default.createElement(ev,{accessory:r,onClose:o}),Dt.default.createElement(Ut,null,Dt.default.createElement(N,null,Dt.default.createElement(ot,{noMargin:!0},t("item.accessories.accessories"))),Dt.default.createElement(N,null,Dt.default.createElement(pe,null,Dt.default.createElement("p",null,t("item.accessories.accessoriesDescription")))),Dt.default.createElement(N,null,Dt.default.createElement(gl,{columns:1.05,columnsSm:2.1,columnsMd:2,spacing:2,items:e.map(a=>Dt.default.createElement(Yk,{key:a.id,title:a.name,image:a.images?.[0]?{src:`${a.images?.[0]}?w=539&h=303`,alt:a.name}:void 0,price:`${K(a.price)} ${t("currency.default")}`,preamble:a.excerpt,readMoreCta:()=>n(a)}))})))):null},rv=O4;var Xa=p("react");function aF(e,t,r){let i=(0,Xa.useRef)(void 0),n=(0,Xa.useRef)(r);n.current=r;let o=async()=>{if(t)try{let a=await Promise.resolve().then(()=>(JC(),VC));a&&(i.current=new a.default({id:e,ecomSdkConfig:{api:{address:t.url},bankIdThumbprint:t?.bankIdThumbprint},logo:t.serviceLogotypeUrl,logoX2:t.serviceLogotypeUrl,onEvent:(s,l,m,u)=>{z.publish("Ecom",{id:e,branchId:n.current?.id,branchName:n.current?.name,view:s,event:l,currentStep:m,data:u})}}))}catch{}};return(0,Xa.useEffect)(()=>(o(),()=>{i.current&&i.current.destroy()}),[]),i}var KC=aF;var qC=p("marked"),sF=({marketCode:e="SE",id:t,hashRoute:r,pathRoute:i,disableResetScrollOnInit:n,placeholderImage:o,modifyDocumentTitleItem:a,displayBranchName:s,onClickSearchItem:l})=>{let m=Jn(e),{ecomSettings:u}=xl(),{loading:A,data:h}=Ag(t),{vehicle:y,loading:E}=Kb(h?.vehicle),w=y?.contact,f=y?.branch,k=KC(t,u,f),[b,C]=(0,R.useState)(!1),O=(0,R.useCallback)(()=>C(!b),[b]);(0,R.useEffect)(()=>{n||window.scrollTo(0,0)},[]),(0,R.useEffect)(()=>{if(h?.vehicle?.data&&a){let{vehicle:qt}=h,{registrationNumber:rs}=qt.data;document.title=`${rs} | ${qt.title} | ${qt.shortDescription}`}},[h]);let $=(0,R.useMemo)(()=>h?.vehicle?.data?.options?.filter(Uo).map(qt=>({title:qt})),[h?.vehicle?.data?.options]),Z=(0,R.useCallback)(()=>z.publish("OptionsClick",{id:t,branchId:f?.id,branchName:f?.name}),[f]);if(!m)return null;if(A)return R.default.createElement(Zb,null);if(!h?.vehicle?.data)return R.default.createElement(zb,null);let{vehicle:le}=h,{title:V,accessories:F,shortDescription:U,media:Y,description:L,price:B,discount:P,financialOptions:v,manufacturer:x,ecommerce:I,packageOptions:M,publishedAt:ee,documents:de,availableFrom:Re,flags:_e}=le,J=y?.insuranceOptions?y.insuranceOptions:le.insuranceOptions,{fuelType:re,mileage:Je,gearboxType:me,odometerReading:ae,modelYear:Oe,propertySet:We}=le.data,He=[{title:Oe}];return _e?.demoVersion&&He.push({title:ve.t("item.demoCar"),onClick:O}),He.push({title:`${K(ae?.value||Je)} ${ve.t(`odometer.${ae?.unit||"ScandinavianMile"}`)}`}),me&&He.push({title:me}),re&&He.push({title:re}),R.default.createElement(R.default.Fragment,null,R.default.createElement(gi,null,R.default.createElement(Ft,{large:!0},R.default.createElement(Lt,null,R.default.createElement(ug,null,R.default.createElement(dg,null,R.default.createElement(io,{mobileOrder:1},!i&&r?R.default.createElement(N,null,R.default.createElement(is,null,R.default.createElement(nh,{as:"a",href:"#",title:ve.t("navigation.backToSearch")},R.default.createElement(Ae,null,R.default.createElement(Un,{block:!0})),R.default.createElement(Ae,null,ve.t("navigation.backToSearch"))))):null,x?.logotype&&R.default.createElement(N,null,R.default.createElement(st,{logo:x.logotype,alt:x.name})),R.default.createElement(N,null,R.default.createElement(at,null,R.default.createElement(zt,{noMargin:!0},V)),U&&R.default.createElement(at,null,R.default.createElement("div",null,U)),R.default.createElement(at,null,R.default.createElement(qo,{small:!0,items:He})))),R.default.createElement(io,{mobileOrder:2},R.default.createElement(Gf,{price:B,discount:P||void 0})),(v.length>0||J.length>0)&&R.default.createElement(io,{mobileOrder:4},v.length>0&&R.default.createElement(Qg,{id:t,branch:f,financialOptions:v,marketCode:e}),J.length>0&&R.default.createElement(My,{id:t,branch:y?.branch,insuranceOptions:J})),R.default.createElement(io,{mobileOrder:5},R.default.createElement(lb,{id:t,marketCode:e,manufacturer:x,packageOptions:M,ecommerce:I,branch:f,contact:y?.contact,loadingCentralStorageVehicle:E,availableFrom:Re,toggleEcomModal:()=>k.current?.start()}))),R.default.createElement(Js,null,R.default.createElement(io,{mobileOrder:3},R.default.createElement(cg,{id:t,branch:f,media:Y,placeholderImage:o})),R.default.createElement(Ut,null,R.default.createElement(N,null,R.default.createElement(ot,{noMargin:!0},ve.t("item.carData"))),R.default.createElement(N,null,R.default.createElement(pe,null,R.default.createElement("p",null,ve.t("item.carDataDescription")))),R.default.createElement(N,null,R.default.createElement(bk,{propertySet:We,vehicleData:le.data}))),L&&R.default.createElement(Ut,null,R.default.createElement(r0,{author:w&&w.name?w.name:null,date:ee?Go.format(ee,Go.DayMonth,e):void 0,avatar:w?.avatar||void 0},!!L&&R.default.createElement("div",{dangerouslySetInnerHTML:{__html:(0,qC.marked)(L)}}))),($?.length||0)>0&&R.default.createElement(Ut,null,R.default.createElement(N,null,R.default.createElement(ot,{noMargin:!0},ve.t("item.equipment"))),R.default.createElement(N,null,R.default.createElement(pe,null,R.default.createElement("p",null,ve.t("item.equipmentDescription")))),R.default.createElement(N,null,R.default.createElement(Bs,{actionTitle:ve.t("common.showMore"),onClick:Z},R.default.createElement(qo,{items:$})))),R.default.createElement(Mk,{documents:de}),R.default.createElement(rv,{accessories:F}),R.default.createElement(Ut,null,R.default.createElement(Wb,{branch:f,displayBranchName:s,loading:E}),I&&I.enabled&&R.default.createElement(N,null,R.default.createElement(Dr,{disabled:!!I.reserved,title:"K\xF6p bilen online",onClick:()=>k.current?.start()},"K\xF6p bilen online"))),R.default.createElement(Ib,{packageOptions:M}),R.default.createElement(Oy,{packageOption:x?.packageOption}))))),R.default.createElement(wb,{id:t,hashRoute:r,pathRoute:i,authorizedReseller:!!f?.flags?.authorizedReseller,displayBranchName:s,onClickSearchItem:l})),R.default.createElement(Yo,{id:Br.DefaultPortal}),b&&R.default.createElement(vk,{onClose:O}))},Pp=sF;var Ai=g(p("react"),1);var Fc={name:"@wayke-se/components-react",version:"5.0.1",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 'src/**/*.{ts,tsx}' 'example/**/*.{ts,tsx}'","lint:fix":"eslint 'src/**/*.{ts,tsx}' 'example/**/*.{ts,tsx}' --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-se/components-react.git"},author:"Ourstudio",license:"MIT",peerDependencies:{react:"^18 || ^19","react-dom":"^18 || ^19","styled-components":"^6"},devDependencies:{"@eslint/js":"^9.39.0","@graphql-codegen/cli":"^7.1.2","@graphql-codegen/typescript":"^6.0.2","@types/googlemaps":"^3.43.3","@types/node":"^25.9.2","@types/react":"^19.2.17","@types/react-dom":"^19.2.3","@types/react-slick":"^0.23.13","@typescript-eslint/eslint-plugin":"^8.61.0","@typescript-eslint/parser":"^8.61.0","@wayke-se/ecom-web":"^2.1.0",dotenv:"^17.4.2",esbuild:"^0.28.0","esbuild-plugin-copy":"^2.1.1",eslint:"^9.39.4","eslint-config-prettier":"^10.1.8","eslint-plugin-import":"^2.32.0","eslint-plugin-prettier":"^5.5.6","eslint-plugin-react":"^7.37.5",globals:"^16.5.0",husky:"^9.1.7","libphonenumber-metadata-generator":"^2.0.6","lint-staged":"^17.0.7","npm-dts":"^1.3.13",prettier:"^3.8.4",react:"^19.2.7","react-dom":"^19.2.7","react-router-dom":"^7.17.0",rimraf:"^6.1.3","styled-components":"^6.4.2",typescript:"^6.0.3"},dependencies:{"@apollo/client":"^4.2.3","@emotion/is-prop-valid":"^1.4.0","@photo-sphere-viewer/core":"^5.14.1","date-fns":"^4.4.0",graphql:"^16.14.2",i18next:"^26.3.1","libphonenumber-js":"^1.13.6",marked:"^18.0.5","react-compound-slider":"^3.4.0","react-i18next":"^17.0.8","react-slick":"^0.31.0","scroll-into-view-if-needed":"^3.1.0"}};var zC=g(p("react"),1),Mo=p("@apollo/client"),ZC=p("@apollo/client/react"),cF=({uri:e,children:t})=>{let r=new Mo.ApolloClient({link:new Mo.HttpLink({uri:e}),cache:new Mo.InMemoryCache});return zC.default.createElement(ZC.ApolloProvider,{client:r},t)},Rc=cF;var Op=g(p("react"),1),XC=g(p("@emotion/is-prop-valid"),1),_c=p("styled-components");var uF=(e,t)=>typeof t=="string"?(0,XC.default)(e):!0,dF=({children:e})=>Op.default.createElement(_c.StyleSheetManager,{shouldForwardProp:uF},Op.default.createElement(_c.ThemeProvider,{theme:Tt},e)),es=dF;var wt=g(p("react"),1);var eS=()=>new URLSearchParams(window.location.search);var Lp=new URLSearchParams;Lp.set("hits","30");Lp.set("sort","published-desc");var mF=({url:e,apiKey:t,useQueryParamsFromUrl:r,pathRoute:i,children:n})=>{let{replaceState:o,pushState:a}=Yn(),[s,l]=(0,wt.useState)({searchParams:Lp}),[m,u]=(0,wt.useState)(),[A,h]=(0,wt.useState)(),[y,E]=(0,wt.useState)(!1),{data:w}=un(`${e}?hits=0`,{headers:t?{"x-api-key":t}:{}},!!m),f=s.searchParams.toString(),{loading:k,data:b,error:C}=un(`${e}${f?`?${f}`:""}`,{headers:t?{"x-api-key":t}:{}},!y||!!s?.block),O=F=>{let{currentTarget:U}=F;if(U){let Y=new URLSearchParams(U.location.search);Y.has("sort")||Y.set("sort","published-desc"),l({searchParams:Y})}};(0,wt.useEffect)(()=>{r&&window.addEventListener("popstate",O);let F={actionName:"onFilterUpdate",callback:$};return z.subscribeAction(F),()=>{window.removeEventListener("popstate",O),z.unsubscribeAction(F)}},[]),(0,wt.useEffect)(()=>{w&&u(w.facets)},[w]),(0,wt.useEffect)(()=>{if(r){let F=new URLSearchParams(s.searchParams);F.delete("hits"),F.delete("offset"),F.get("sort")==="published-desc"&&F.delete("sort");let U=F.toString()?`?${F}`:"";if(y&&window.location.search.localeCompare(U)!==0){let Y=i?.replace(/^\/|\/$/g,""),L=Y?`/${Y}/`:"/",B=Y?window.location.pathname.indexOf(L):-1,P=window.location.pathname;B>-1&&(P=P.substr(0,B)),a(`${P}${U}`)}}},[s,y,r]),(0,wt.useEffect)(()=>{if(b){if(!m&&!r&&u(b.facets),r&&b.query?.parameters){let F=new URLSearchParams(b.query.parameters);F.delete("hits"),F.delete("offset");let U=F.toString()?`?${F}`:"";window.location.search.localeCompare(U)!==0&&(o(`${window.location.pathname}${U}`),l({searchParams:new URLSearchParams(U),block:!0}))}s?.concatResult?h([...A||[],...b.documentList.documents||[]]):h(b.documentList.documents||[])}},[b,r]);let $=(0,wt.useCallback)(F=>{{y||E(!0);let U=new URLSearchParams(F);U.delete("offset"),l({searchParams:U})}},[y]),Z=(0,wt.useCallback)(()=>{b&&l({searchParams:new URLSearchParams(b?.documentList.pagination.nextPage?.query),concatResult:!0})},[b]),le=(0,wt.useCallback)(F=>{if(!y){let U=eS(),Y=r?U:F;if(r&&F&&F.forEach((L,B)=>{Y?.getAll(B)?.some(P=>P===L)||Y?.append(B,L)}),Y){let L=new URLSearchParams(Y);L.delete("hits"),L.delete("offset"),Y.has("hits")||Y.set("hits","30"),Y.has("sort")||Y.set("sort","published-desc");let B=L.toString()?`?${L}`:"";l({searchParams:Y}),r&&o(`${window.location.pathname}${B}`)}E(!0)}},[y]),V={loading:k,error:C,response:b,documents:A,initialFacets:m,queryFilter:s,onFilterUpdate:$,onLoadMore:Z,onInitialize:le};return wt.default.createElement(ls.Provider,{value:V},n)},tS=mF;var rS=g(p("styled-components"),1),pF=rS.default.div.attrs(()=>({className:"wayke__theme wayke__font--regular"}))`
+`;var B4=({prices:e})=>fa.default.createElement(Vk,null,e?.map((t,r)=>fa.default.createElement(Jk,{key:`${t.label}-${r}`,$oldPrice:t.oldPrice},fa.default.createElement(Kk,null,t.label),fa.default.createElement(qk,null,t.price)))),zk=B4;var Xk=p("react-i18next"),P4=({accessory:e,onClose:t})=>{let{t:r}=(0,Xk.useTranslation)(),i=[{label:r("item.accessories.price"),price:`${K(e.price)} ${r("currency.default")}`,oldPrice:!1}];return e.salePrice&&i.push({label:r("item.accessories.oldPrice"),price:`${K(e.salePrice)} ${r("currency.default")}`,oldPrice:!0}),e.assemblyPrice&&i.push({label:r("item.accessories.installationCost"),price:`${K(e.assemblyPrice)} ${r("currency.default")}`,oldPrice:!1}),St.default.createElement(Ue,{title:e.name,onClose:t},e.images?.[0]&&St.default.createElement(N,null,St.default.createElement($k,{src:`${e.images[0]}?w=632`,alt:`${e.name}`})),e.logotype&&St.default.createElement(N,null,St.default.createElement(st,{logo:`${e.logotype}?w=160`,logo2x:`${e.logotype}?w=320`,alt:e.manufacturer||r("common.logotype")||"",wide:!0})),St.default.createElement(N,null,St.default.createElement(zk,{prices:i})),St.default.createElement(N,null,St.default.createElement(pe,{dangerouslySetInnerHTML:{__html:(0,Zk.marked)(e.description)}})),e.articleNumber&&St.default.createElement(N,null,St.default.createElement(tn,{as:"div"},r("item.accessories.articleNumberShort")),St.default.createElement("div",null,e.articleNumber)),e.productPage&&e.productPage.url&&St.default.createElement(N,null,St.default.createElement(ol,{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"),")")))},ev=P4;var O4=({accessories:e})=>{let{t}=(0,tv.useTranslation)(),[r,i]=(0,Dt.useState)(),n=a=>i(a),o=()=>i(void 0);return e?.length?Dt.default.createElement(Dt.default.Fragment,null,r&&Dt.default.createElement(ev,{accessory:r,onClose:o}),Dt.default.createElement(Ut,null,Dt.default.createElement(N,null,Dt.default.createElement(ot,{noMargin:!0},t("item.accessories.accessories"))),Dt.default.createElement(N,null,Dt.default.createElement(pe,null,Dt.default.createElement("p",null,t("item.accessories.accessoriesDescription")))),Dt.default.createElement(N,null,Dt.default.createElement(gl,{columns:1.05,columnsSm:2.1,columnsMd:2,spacing:2,items:e.map(a=>Dt.default.createElement(Yk,{key:a.id,title:a.name,image:a.images?.[0]?{src:`${a.images?.[0]}?w=539&h=303`,alt:a.name}:void 0,price:`${K(a.price)} ${t("currency.default")}`,preamble:a.excerpt,readMoreCta:()=>n(a)}))})))):null},rv=O4;var Xa=p("react");function aF(e,t,r){let i=(0,Xa.useRef)(void 0),n=(0,Xa.useRef)(r);n.current=r;let o=async()=>{if(t)try{let a=await Promise.resolve().then(()=>(JC(),VC));a&&(i.current=new a.default({id:e,ecomSdkConfig:{api:{address:t.url},bankIdThumbprint:t?.bankIdThumbprint},logo:t.serviceLogotypeUrl,logoX2:t.serviceLogotypeUrl,onEvent:(s,l,m,u)=>{z.publish("Ecom",{id:e,branchId:n.current?.id,branchName:n.current?.name,view:s,event:l,currentStep:m,data:u})}}))}catch{}};return(0,Xa.useEffect)(()=>(o(),()=>{i.current&&i.current.destroy()}),[]),i}var KC=aF;var qC=p("marked"),sF=({marketCode:e="SE",id:t,hashRoute:r,pathRoute:i,disableResetScrollOnInit:n,placeholderImage:o,modifyDocumentTitleItem:a,displayBranchName:s,onClickSearchItem:l})=>{let m=Jn(e),{ecomSettings:u}=xl(),{loading:A,data:h}=Ag(t),{vehicle:y,loading:E}=Kb(h?.vehicle),w=y?.contact,f=y?.branch,k=KC(t,u,f),[b,C]=(0,R.useState)(!1),O=(0,R.useCallback)(()=>C(!b),[b]);(0,R.useEffect)(()=>{n||window.scrollTo(0,0)},[]),(0,R.useEffect)(()=>{if(h?.vehicle?.data&&a){let{vehicle:qt}=h,{registrationNumber:rs}=qt.data;document.title=`${rs} | ${qt.title} | ${qt.shortDescription}`}},[h]);let $=(0,R.useMemo)(()=>h?.vehicle?.data?.options?.filter(Uo).map(qt=>({title:qt})),[h?.vehicle?.data?.options]),Z=(0,R.useCallback)(()=>z.publish("OptionsClick",{id:t,branchId:f?.id,branchName:f?.name}),[f]);if(!m)return null;if(A)return R.default.createElement(Zb,null);if(!h?.vehicle?.data)return R.default.createElement(zb,null);let{vehicle:le}=h,{title:V,accessories:F,shortDescription:U,media:Y,description:L,price:B,discount:P,financialOptions:v,manufacturer:x,ecommerce:I,packageOptions:M,publishedAt:ee,documents:de,availableFrom:Re,flags:_e}=le,J=y?.insuranceOptions?y.insuranceOptions:le.insuranceOptions,{fuelType:re,mileage:Je,gearboxType:me,odometerReading:ae,modelYear:Oe,propertySet:We}=le.data,He=[{title:Oe}];return _e?.demoVersion&&He.push({title:ve.t("item.demoCar"),onClick:O}),He.push({title:`${K(ae?.value||Je)} ${ve.t(`odometer.${ae?.unit||"ScandinavianMile"}`)}`}),me&&He.push({title:me}),re&&He.push({title:re}),R.default.createElement(R.default.Fragment,null,R.default.createElement(gi,null,R.default.createElement(Ft,{large:!0},R.default.createElement(Lt,null,R.default.createElement(ug,null,R.default.createElement(dg,null,R.default.createElement(io,{mobileOrder:1},!i&&r?R.default.createElement(N,null,R.default.createElement(is,null,R.default.createElement(nh,{as:"a",href:"#",title:ve.t("navigation.backToSearch")},R.default.createElement(Ae,null,R.default.createElement(Un,{block:!0})),R.default.createElement(Ae,null,ve.t("navigation.backToSearch"))))):null,x?.logotype&&R.default.createElement(N,null,R.default.createElement(st,{logo:x.logotype,alt:x.name})),R.default.createElement(N,null,R.default.createElement(at,null,R.default.createElement(zt,{noMargin:!0},V)),U&&R.default.createElement(at,null,R.default.createElement("div",null,U)),R.default.createElement(at,null,R.default.createElement(qo,{small:!0,items:He})))),R.default.createElement(io,{mobileOrder:2},R.default.createElement(Gf,{price:B,discount:P||void 0})),(v.length>0||J.length>0)&&R.default.createElement(io,{mobileOrder:4},v.length>0&&R.default.createElement(Qg,{id:t,branch:f,financialOptions:v,marketCode:e}),J.length>0&&R.default.createElement(My,{id:t,branch:y?.branch,insuranceOptions:J})),R.default.createElement(io,{mobileOrder:5},R.default.createElement(lb,{id:t,marketCode:e,manufacturer:x,packageOptions:M,ecommerce:I,branch:f,contact:y?.contact,loadingCentralStorageVehicle:E,availableFrom:Re,toggleEcomModal:()=>k.current?.start()}))),R.default.createElement(Js,null,R.default.createElement(io,{mobileOrder:3},R.default.createElement(cg,{id:t,branch:f,media:Y,placeholderImage:o})),R.default.createElement(Ut,null,R.default.createElement(N,null,R.default.createElement(ot,{noMargin:!0},ve.t("item.carData"))),R.default.createElement(N,null,R.default.createElement(pe,null,R.default.createElement("p",null,ve.t("item.carDataDescription")))),R.default.createElement(N,null,R.default.createElement(bk,{propertySet:We,vehicleData:le.data}))),L&&R.default.createElement(Ut,null,R.default.createElement(r0,{author:w&&w.name?w.name:null,date:ee?Go.format(ee,Go.DayMonth,e):void 0,avatar:w?.avatar||void 0},!!L&&R.default.createElement("div",{dangerouslySetInnerHTML:{__html:(0,qC.marked)(L)}}))),($?.length||0)>0&&R.default.createElement(Ut,null,R.default.createElement(N,null,R.default.createElement(ot,{noMargin:!0},ve.t("item.equipment"))),R.default.createElement(N,null,R.default.createElement(pe,null,R.default.createElement("p",null,ve.t("item.equipmentDescription")))),R.default.createElement(N,null,R.default.createElement(Bs,{actionTitle:ve.t("common.showMore"),onClick:Z},R.default.createElement(qo,{items:$})))),R.default.createElement(Mk,{documents:de}),R.default.createElement(rv,{accessories:F}),R.default.createElement(Ut,null,R.default.createElement(Wb,{branch:f,displayBranchName:s,loading:E}),I&&I.enabled&&R.default.createElement(N,null,R.default.createElement(Dr,{disabled:!!I.reserved,title:"K\xF6p bilen online",onClick:()=>k.current?.start()},"K\xF6p bilen online"))),R.default.createElement(Ib,{packageOptions:M}),R.default.createElement(Oy,{packageOption:x?.packageOption}))))),R.default.createElement(wb,{id:t,hashRoute:r,pathRoute:i,authorizedReseller:!!f?.flags?.authorizedReseller,displayBranchName:s,onClickSearchItem:l})),R.default.createElement(Yo,{id:Br.DefaultPortal}),b&&R.default.createElement(vk,{onClose:O}))},Pp=sF;var Ai=g(p("react"),1);var Fc={name:"@wayke-se/components-react",version:"5.0.2",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 'src/**/*.{ts,tsx}' 'example/**/*.{ts,tsx}'","lint:fix":"eslint 'src/**/*.{ts,tsx}' 'example/**/*.{ts,tsx}' --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-se/components-react.git"},author:"Ourstudio",license:"MIT",peerDependencies:{react:"^18 || ^19","react-dom":"^18 || ^19","styled-components":"^6"},devDependencies:{"@eslint/js":"^9.39.0","@graphql-codegen/cli":"^7.1.2","@graphql-codegen/typescript":"^6.0.2","@types/googlemaps":"^3.43.3","@types/node":"^25.9.2","@types/react":"^19.2.17","@types/react-dom":"^19.2.3","@types/react-slick":"^0.23.13","@typescript-eslint/eslint-plugin":"^8.61.0","@typescript-eslint/parser":"^8.61.0","@wayke-se/ecom-web":"^2.1.0",dotenv:"^17.4.2",esbuild:"^0.28.0","esbuild-plugin-copy":"^2.1.1",eslint:"^9.39.4","eslint-config-prettier":"^10.1.8","eslint-plugin-import":"^2.32.0","eslint-plugin-prettier":"^5.5.6","eslint-plugin-react":"^7.37.5",globals:"^16.5.0",husky:"^9.1.7","libphonenumber-metadata-generator":"^2.0.6","lint-staged":"^17.0.7","npm-dts":"^1.3.13",prettier:"^3.8.4",react:"^19.2.7","react-dom":"^19.2.7","react-router-dom":"^7.17.0",rimraf:"^6.1.3","styled-components":"^6.4.2",typescript:"^6.0.3"},dependencies:{"@apollo/client":"^4.2.3","@emotion/is-prop-valid":"^1.4.0","@photo-sphere-viewer/core":"^5.14.1","date-fns":"^4.4.0",graphql:"^16.14.2",i18next:"^26.3.1","libphonenumber-js":"^1.13.6",marked:"^18.0.5","react-compound-slider":"^3.4.0","react-i18next":"^17.0.8","react-slick":"^0.31.0","scroll-into-view-if-needed":"^3.1.0"}};var zC=g(p("react"),1),Mo=p("@apollo/client"),ZC=p("@apollo/client/react"),cF=({uri:e,children:t})=>{let r=new Mo.ApolloClient({link:new Mo.HttpLink({uri:e}),cache:new Mo.InMemoryCache});return zC.default.createElement(ZC.ApolloProvider,{client:r},t)},Rc=cF;var Op=g(p("react"),1),XC=g(p("@emotion/is-prop-valid"),1),_c=p("styled-components");var uF=(e,t)=>typeof t=="string"?(0,XC.default)(e):!0,dF=({children:e})=>Op.default.createElement(_c.StyleSheetManager,{shouldForwardProp:uF},Op.default.createElement(_c.ThemeProvider,{theme:Tt},e)),es=dF;var wt=g(p("react"),1);var eS=()=>new URLSearchParams(window.location.search);var Lp=new URLSearchParams;Lp.set("hits","30");Lp.set("sort","published-desc");var mF=({url:e,apiKey:t,useQueryParamsFromUrl:r,pathRoute:i,children:n})=>{let{replaceState:o,pushState:a}=Yn(),[s,l]=(0,wt.useState)({searchParams:Lp}),[m,u]=(0,wt.useState)(),[A,h]=(0,wt.useState)(),[y,E]=(0,wt.useState)(!1),{data:w}=un(`${e}?hits=0`,{headers:t?{"x-api-key":t}:{}},!!m),f=s.searchParams.toString(),{loading:k,data:b,error:C}=un(`${e}${f?`?${f}`:""}`,{headers:t?{"x-api-key":t}:{}},!y||!!s?.block),O=F=>{let{currentTarget:U}=F;if(U){let Y=new URLSearchParams(U.location.search);Y.has("sort")||Y.set("sort","published-desc"),l({searchParams:Y})}};(0,wt.useEffect)(()=>{r&&window.addEventListener("popstate",O);let F={actionName:"onFilterUpdate",callback:$};return z.subscribeAction(F),()=>{window.removeEventListener("popstate",O),z.unsubscribeAction(F)}},[]),(0,wt.useEffect)(()=>{w&&u(w.facets)},[w]),(0,wt.useEffect)(()=>{if(r){let F=new URLSearchParams(s.searchParams);F.delete("hits"),F.delete("offset"),F.get("sort")==="published-desc"&&F.delete("sort");let U=F.toString()?`?${F}`:"";if(y&&window.location.search.localeCompare(U)!==0){let Y=i?.replace(/^\/|\/$/g,""),L=Y?`/${Y}/`:"/",B=Y?window.location.pathname.indexOf(L):-1,P=window.location.pathname;B>-1&&(P=P.substr(0,B)),a(`${P}${U}`)}}},[s,y,r]),(0,wt.useEffect)(()=>{if(b){if(!m&&!r&&u(b.facets),r&&b.query?.parameters){let F=new URLSearchParams(b.query.parameters);F.delete("hits"),F.delete("offset");let U=F.toString()?`?${F}`:"";window.location.search.localeCompare(U)!==0&&(o(`${window.location.pathname}${U}`),l({searchParams:new URLSearchParams(U),block:!0}))}s?.concatResult?h([...A||[],...b.documentList.documents||[]]):h(b.documentList.documents||[])}},[b,r]);let $=(0,wt.useCallback)(F=>{{y||E(!0);let U=new URLSearchParams(F);U.delete("offset"),l({searchParams:U})}},[y]),Z=(0,wt.useCallback)(()=>{b&&l({searchParams:new URLSearchParams(b?.documentList.pagination.nextPage?.query),concatResult:!0})},[b]),le=(0,wt.useCallback)(F=>{if(!y){let U=eS(),Y=r?U:F;if(r&&F&&F.forEach((L,B)=>{Y?.getAll(B)?.some(P=>P===L)||Y?.append(B,L)}),Y){let L=new URLSearchParams(Y);L.delete("hits"),L.delete("offset"),Y.has("hits")||Y.set("hits","30"),Y.has("sort")||Y.set("sort","published-desc");let B=L.toString()?`?${L}`:"";l({searchParams:Y}),r&&o(`${window.location.pathname}${B}`)}E(!0)}},[y]),V={loading:k,error:C,response:b,documents:A,initialFacets:m,queryFilter:s,onFilterUpdate:$,onLoadMore:Z,onInitialize:le};return wt.default.createElement(ls.Provider,{value:V},n)},tS=mF;var rS=g(p("styled-components"),1),pF=rS.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;