@wayke-se/components-react 4.0.0-beta.14 → 4.0.0-beta.16

package/README.md

@@ -135,8 +135,8 @@ const App = ({}) => {
   const id = 'd01f79a3-7552-49c4-9d4d-deb3aa581c31';
 
   // Optional, get id when related vehicles are clicked
-  const onClickSearchItem = useCallback((id: string) => {
-    console.log(id);
+  const onClickSearchItem = useCallback((data) => {
+    console.log(data.id);
   }, []);
 
   return (
@@ -191,7 +191,7 @@ const App = ({}) => {
 | removeSearchBar           | boolean                   |                           |
 | removeFilterOptions       | boolean                   |                           |
 | placeholderImage          | string                    |                           |
-| onClickSearchItem         | function                  | (id: string) => void      |
+| onClickSearchItem         | function                  | (data: CallbackItemData) => void      |
 | modifyDocumentTitleSearch | string                    |                           |
 | displayBranchName         | string                    |                           |
 
@@ -338,7 +338,7 @@ import { WaykePubSub}  from '@wayke-se/components-react';
 
 const event = {
   eventName: 'ItemClicked',
-  callback: (data) => <('subscribed ItemClicked:', data),
+  callback: (data) => console.log('subscribed ItemClicked:', data),
 };
 
 WaykePubSub.subscribe(event);

package/dist/index.js

@@ -5370,7 +5370,7 @@ and ensure you are accounting for this risk.
     `}
 `,iv=an.default.div``,nv=an.default.div.attrs(()=>({className:"wayke__theme wayke__font--bold"}))`
   text-decoration: var(--price-text-decoration);
-`;var k4=({prices:e})=>sa.default.createElement(tv,null,e?.map((t,r)=>sa.default.createElement(rv,{key:`${t.label}-${r}`,$oldPrice:t.oldPrice},sa.default.createElement(iv,null,t.label),sa.default.createElement(nv,null,t.price)))),ov=k4;var sv=p("react-i18next"),A4=({accessory:e,onClose:t})=>{let{t:r}=(0,sv.useTranslation)(),i=[{label:r("item.accessories.price"),price:`${$(e.price)} ${r("currency.default")}`,oldPrice:!1}];return e.salePrice&&i.push({label:r("item.accessories.oldPrice"),price:`${$(e.salePrice)} ${r("currency.default")}`,oldPrice:!0}),e.assemblyPrice&&i.push({label:r("item.accessories.installationCost"),price:`${$(e.assemblyPrice)} ${r("currency.default")}`,oldPrice:!1}),ft.default.createElement(Me,{title:e.name,onClose:t},e.images?.[0]&&ft.default.createElement(I,null,ft.default.createElement(X1,{src:`${e.images[0]}?w=632`,alt:`${e.name}`})),e.logotype&&ft.default.createElement(I,null,ft.default.createElement(st,{logo:`${e.logotype}?w=160`,logo2x:`${e.logotype}?w=320`,alt:e.manufacturer||r("common.logotype")||"",wide:!0})),ft.default.createElement(I,null,ft.default.createElement(ov,{prices:i})),ft.default.createElement(I,null,ft.default.createElement(X,{dangerouslySetInnerHTML:{__html:(0,av.marked)(e.description)}})),e.articleNumber&&ft.default.createElement(I,null,ft.default.createElement(qi,{as:"div"},r("item.accessories.articleNumberShort")),ft.default.createElement("div",null,e.articleNumber)),e.productPage&&e.productPage.url&&ft.default.createElement(I,null,ft.default.createElement(ev,{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"),")")))},cv=A4;var w4=({accessories:e})=>{let{t}=(0,lv.useTranslation)(),[r,i]=(0,gt.useState)(),n=a=>i(a),o=()=>i(void 0);return e?.length?gt.default.createElement(gt.default.Fragment,null,r&&gt.default.createElement(cv,{accessory:r,onClose:o}),gt.default.createElement(Ot,null,gt.default.createElement(I,null,gt.default.createElement(Qe,{noMargin:!0},t("item.accessories.accessories"))),gt.default.createElement(I,null,gt.default.createElement(X,null,gt.default.createElement("p",null,t("item.accessories.accessoriesDescription")))),gt.default.createElement(I,null,gt.default.createElement(Xs,{columns:1.05,columnsSm:2.1,columnsMd:2,spacing:2,items:e.map(a=>gt.default.createElement(Z1,{key:a.id,title:a.name,image:a.images?.[0]?{src:`${a.images?.[0]}?w=539&h=303`,alt:a.name}:void 0,price:`${$(a.price)} ${t("currency.default")}`,preamble:a.excerpt,readMoreCta:()=>n(a)}))})))):null},uv=w4;var Ua=p("react");function hL(e,t,r){let i=(0,Ua.useRef)(),n=(0,Ua.useRef)(r);n.current=r;let o=async()=>{if(t)try{let a=await Promise.resolve().then(()=>(HE(),FE));a&&(i.current=new a.default({id:e,ecomSdkConfig:{api:{address:t.url},bankIdThumbprint:t?.bankIdThumbprint},logo:t.serviceLogotypeUrl,logoX2:t.serviceLogotypeUrl,onEvent:(s,c,l,u)=>{Q.publish("Ecom",{id:e,branchId:n.current?.id,branchName:n.current?.name,view:s,event:c,currentStep:l,data:u})}}))}catch{}};return(0,Ua.useEffect)(()=>(o(),()=>{i.current&&i.current.destroy()}),[]),i}var RE=hL;var _E=p("marked"),fL=({marketCode:e,id:t,hashRoute:r,pathRoute:i,disableResetScrollOnInit:n,placeholderImage:o,modifyDocumentTitleItem:a,displayBranchName:s,onClickSearchItem:c})=>{let l=On(e),{ecomSettings:u}=oc(),{loading:m,data:g}=Eg(t),{vehicle:k,loading:w}=r1(g?.vehicle),v=k?.contact,h=k?.branch,y=RE(t,u,h),[b,S]=(0,P.useState)(!1),M=(0,P.useCallback)(()=>S(!b),[b]);(0,P.useEffect)(()=>{n||window.scrollTo(0,0)},[]),(0,P.useEffect)(()=>{if(g?.vehicle?.data&&a){let{vehicle:vo}=g,{registrationNumber:iS}=vo.data;document.title=`${iS} | ${vo.title} | ${vo.shortDescription}`}},[g]);let U=(0,P.useMemo)(()=>g?.vehicle?.data?.options?.filter(Do).map(vo=>({title:vo})),[g?.vehicle?.data?.options]),Te=(0,P.useCallback)(()=>Q.publish("OptionsClick",{id:t,branchId:h?.id,branchName:h?.name}),[h]);if(!l)return null;if(m)return P.default.createElement(o1,null);if(!g?.vehicle?.data)return P.default.createElement(n1,null);let{vehicle:ve}=g,{title:ce,accessories:j,shortDescription:R,media:_,description:ie,price:Be,discount:zt,financialOptions:E,manufacturer:N,ecommerce:T,packageOptions:G,publishedAt:Ve,documents:Fe,availableFrom:pe,flags:ae}=ve,or=k?.insuranceOptions?k.insuranceOptions:ve.insuranceOptions,{fuelType:K,mileage:le,odometerReading:kr,gearbox:Ut,modelYear:St,propertySet:Wa}=ve.data,_i=[{title:St}];return ae?.demoVersion&&_i.push({title:de.t("item.demoCar"),onClick:M}),_i.push({title:`${$(kr?.value||le)} ${de.t(`odometer.${kr?.unit||"ScandinavianMile"}`)}`}),Ut&&_i.push({title:Ut}),K&&_i.push({title:K}),P.default.createElement(P.default.Fragment,null,P.default.createElement(li,null,P.default.createElement(Ct,{large:!0},P.default.createElement(It,null,P.default.createElement(vg,null,P.default.createElement(kg,null,P.default.createElement(Gn,{mobileOrder:1},!i&&r?P.default.createElement(I,null,P.default.createElement(Ja,null,P.default.createElement(Im,{as:"a",href:"#",title:de.t("navigation.backToSearch")},P.default.createElement(re,null,P.default.createElement(Sn,{block:!0})),P.default.createElement(re,null,de.t("navigation.backToSearch"))))):null,N?.logotype&&P.default.createElement(I,null,P.default.createElement(st,{logo:N.logotype,alt:N.name})),P.default.createElement(I,null,P.default.createElement(We,null,P.default.createElement(Vt,{noMargin:!0},ce)),R&&P.default.createElement(We,null,P.default.createElement("div",null,R)),P.default.createElement(We,null,P.default.createElement(qo,{small:!0,items:_i})))),P.default.createElement(Gn,{mobileOrder:2},P.default.createElement(Z0,{price:Be,discount:zt||void 0})),(E.length>0||or.length>0)&&P.default.createElement(Gn,{mobileOrder:4},E.length>0&&P.default.createElement(Qg,{id:t,branch:h,financialOptions:E}),or.length>0&&P.default.createElement(Fy,{id:t,branch:k?.branch,insuranceOptions:or})),P.default.createElement(Gn,{mobileOrder:5},P.default.createElement(fb,{id:t,marketCode:e,manufacturer:N,packageOptions:G,ecommerce:T,branch:h,contact:k?.contact,loadingCentralStorageVehicle:w,availableFrom:pe,toggleEcomModal:()=>y.current?.start()}))),P.default.createElement(Ls,null,P.default.createElement(Gn,{mobileOrder:3},P.default.createElement(bg,{id:t,branch:h,media:_,placeholderImage:o})),P.default.createElement(Ot,null,P.default.createElement(I,null,P.default.createElement(Qe,{noMargin:!0},de.t("item.carData"))),P.default.createElement(I,null,P.default.createElement(X,null,P.default.createElement("p",null,de.t("item.carDataDescription")))),P.default.createElement(I,null,P.default.createElement(I1,{propertySet:Wa,vehicleData:ve.data}))),ie&&P.default.createElement(Ot,null,P.default.createElement(hf,{author:v&&v.name?v.name:null,date:Ve?No.format(Ve,No.DayMonth,e):void 0,avatar:v?.avatar||void 0},!!ie&&P.default.createElement("div",{dangerouslySetInnerHTML:{__html:(0,_E.marked)(ie)}}))),(U?.length||0)>0&&P.default.createElement(Ot,null,P.default.createElement(I,null,P.default.createElement(Qe,{noMargin:!0},de.t("item.equipment"))),P.default.createElement(I,null,P.default.createElement(X,null,P.default.createElement("p",null,de.t("item.equipmentDescription")))),P.default.createElement(I,null,P.default.createElement(ys,{actionTitle:de.t("common.showMore"),onClick:Te},P.default.createElement(qo,{items:U})))),P.default.createElement(R1,{documents:Fe}),P.default.createElement(uv,{accessories:j}),P.default.createElement(Ot,null,P.default.createElement(Kb,{branch:h,displayBranchName:s,loading:w}),T&&T.enabled&&P.default.createElement(I,null,P.default.createElement(wr,{disabled:!!T.reserved,title:"K\xF6p bilen online",onClick:()=>y.current?.start()},"K\xF6p bilen online"))),P.default.createElement(Db,{packageOptions:G}),P.default.createElement(_y,{packageOption:N?.packageOption}))))),P.default.createElement(Pb,{id:t,hashRoute:r,pathRoute:i,authorizedReseller:!!h?.flags?.authorizedReseller,displayBranchName:s,onClickSearchItem:c})),P.default.createElement(Bo,{id:Ir.DefaultPortal}),b&&P.default.createElement(T1,{onClose:M}))},rm=fL;var ai=f(p("react"),1);var $E=f(p("react"),1),go=p("@apollo/client"),gL=({uri:e,children:t})=>{let r=new go.ApolloClient({uri:e,cache:new go.InMemoryCache});return $E.default.createElement(go.ApolloProvider,{client:r},t)},wl=gL;var qE=f(p("react"),1),jE=p("styled-components");var yL=({children:e})=>qE.default.createElement(jE.ThemeProvider,{theme:yt},e),Va=yL;var ut=f(p("react"),1);var GE=()=>new URLSearchParams(window.location.search);var im=new URLSearchParams;im.set("hits","30");im.set("sort","published-desc");var bL=({url:e,apiKey:t,useQueryParamsFromUrl:r,pathRoute:i,children:n})=>{let{replaceState:o,pushState:a}=Pn(),[s,c]=(0,ut.useState)({searchParams:im}),[l,u]=(0,ut.useState)(),[m,g]=(0,ut.useState)(),[k,w]=(0,ut.useState)(!1),{data:v}=Wi(`${e}?hits=0`,{headers:t?{"x-api-key":t}:{}},!!l),h=s.searchParams.toString(),{loading:y,data:b,error:S}=Wi(`${e}${h?`?${h}`:""}`,{headers:t?{"x-api-key":t}:{}},!k||!!s?.block),M=j=>{let{currentTarget:R}=j;if(R){let _=new URLSearchParams(R.location.search);_.has("sort")||_.set("sort","published-desc"),c({searchParams:_})}};(0,ut.useEffect)(()=>{r&&window.addEventListener("popstate",M);let j={actionName:"onFilterUpdate",callback:U};return Q.subscribeAction(j),()=>{window.removeEventListener("popstate",M),Q.unsubscribeAction(j)}},[]),(0,ut.useEffect)(()=>{v&&u(v.facets)},[v]),(0,ut.useEffect)(()=>{if(r){let j=new URLSearchParams(s.searchParams);j.delete("hits"),j.delete("offset"),j.get("sort")==="published-desc"&&j.delete("sort");let R=j.toString()?`?${j}`:"";if(k&&window.location.search.localeCompare(R)!==0){let _=i?.replace(/^\/|\/$/g,""),ie=_?`/${_}/`:"/",Be=_?window.location.pathname.indexOf(ie):-1,zt=window.location.pathname;Be>-1&&(zt=zt.substr(0,Be)),a(`${zt}${R}`)}}},[s,k,r]),(0,ut.useEffect)(()=>{if(b){if(!l&&!r&&u(b.facets),r&&b.query?.parameters){let j=new URLSearchParams(b.query.parameters);j.delete("hits"),j.delete("offset");let R=j.toString()?`?${j}`:"";window.location.search.localeCompare(R)!==0&&(o(`${window.location.pathname}${R}`),c({searchParams:new URLSearchParams(R),block:!0}))}s?.concatResult?g([...m||[],...b.documentList.documents||[]]):g(b.documentList.documents||[])}},[b,r]);let U=(0,ut.useCallback)(j=>{k||w(!0),c({searchParams:new URLSearchParams(j)})},[k]),Te=(0,ut.useCallback)(()=>{b&&c({searchParams:new URLSearchParams(b?.documentList.pagination.nextPage?.query),concatResult:!0})},[b]),ve=(0,ut.useCallback)(j=>{if(!k){let R=GE(),_=r?R:j;if(r&&j&&j.forEach((ie,Be)=>{_?.getAll(Be)?.some(zt=>zt===ie)||_?.append(Be,ie)}),_){let ie=new URLSearchParams(_);ie.delete("hits"),ie.delete("offset"),_.has("hits")||_.set("hits","30"),_.has("sort")||_.set("sort","published-desc");let Be=ie.toString()?`?${ie}`:"";c({searchParams:_}),r&&o(`${window.location.pathname}${Be}`)}w(!0)}},[k]),ce={loading:y,error:S,response:b,documents:m,initialFacets:l,queryFilter:s,onFilterUpdate:U,onLoadMore:Te,onInitialize:ve};return ut.default.createElement(es.Provider,{value:ce},n)},zE=bL;var UE=f(p("styled-components"),1),vL=UE.default.div.attrs(()=>({className:"wayke__theme wayke__font--regular"}))`
+`;var k4=({prices:e})=>sa.default.createElement(tv,null,e?.map((t,r)=>sa.default.createElement(rv,{key:`${t.label}-${r}`,$oldPrice:t.oldPrice},sa.default.createElement(iv,null,t.label),sa.default.createElement(nv,null,t.price)))),ov=k4;var sv=p("react-i18next"),A4=({accessory:e,onClose:t})=>{let{t:r}=(0,sv.useTranslation)(),i=[{label:r("item.accessories.price"),price:`${$(e.price)} ${r("currency.default")}`,oldPrice:!1}];return e.salePrice&&i.push({label:r("item.accessories.oldPrice"),price:`${$(e.salePrice)} ${r("currency.default")}`,oldPrice:!0}),e.assemblyPrice&&i.push({label:r("item.accessories.installationCost"),price:`${$(e.assemblyPrice)} ${r("currency.default")}`,oldPrice:!1}),ft.default.createElement(Me,{title:e.name,onClose:t},e.images?.[0]&&ft.default.createElement(I,null,ft.default.createElement(X1,{src:`${e.images[0]}?w=632`,alt:`${e.name}`})),e.logotype&&ft.default.createElement(I,null,ft.default.createElement(st,{logo:`${e.logotype}?w=160`,logo2x:`${e.logotype}?w=320`,alt:e.manufacturer||r("common.logotype")||"",wide:!0})),ft.default.createElement(I,null,ft.default.createElement(ov,{prices:i})),ft.default.createElement(I,null,ft.default.createElement(X,{dangerouslySetInnerHTML:{__html:(0,av.marked)(e.description)}})),e.articleNumber&&ft.default.createElement(I,null,ft.default.createElement(qi,{as:"div"},r("item.accessories.articleNumberShort")),ft.default.createElement("div",null,e.articleNumber)),e.productPage&&e.productPage.url&&ft.default.createElement(I,null,ft.default.createElement(ev,{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"),")")))},cv=A4;var w4=({accessories:e})=>{let{t}=(0,lv.useTranslation)(),[r,i]=(0,gt.useState)(),n=a=>i(a),o=()=>i(void 0);return e?.length?gt.default.createElement(gt.default.Fragment,null,r&&gt.default.createElement(cv,{accessory:r,onClose:o}),gt.default.createElement(Ot,null,gt.default.createElement(I,null,gt.default.createElement(Qe,{noMargin:!0},t("item.accessories.accessories"))),gt.default.createElement(I,null,gt.default.createElement(X,null,gt.default.createElement("p",null,t("item.accessories.accessoriesDescription")))),gt.default.createElement(I,null,gt.default.createElement(Xs,{columns:1.05,columnsSm:2.1,columnsMd:2,spacing:2,items:e.map(a=>gt.default.createElement(Z1,{key:a.id,title:a.name,image:a.images?.[0]?{src:`${a.images?.[0]}?w=539&h=303`,alt:a.name}:void 0,price:`${$(a.price)} ${t("currency.default")}`,preamble:a.excerpt,readMoreCta:()=>n(a)}))})))):null},uv=w4;var Ua=p("react");function hL(e,t,r){let i=(0,Ua.useRef)(),n=(0,Ua.useRef)(r);n.current=r;let o=async()=>{if(t)try{let a=await Promise.resolve().then(()=>(HE(),FE));a&&(i.current=new a.default({id:e,ecomSdkConfig:{api:{address:t.url},bankIdThumbprint:t?.bankIdThumbprint},logo:t.serviceLogotypeUrl,logoX2:t.serviceLogotypeUrl,onEvent:(s,c,l,u)=>{Q.publish("Ecom",{id:e,branchId:n.current?.id,branchName:n.current?.name,view:s,event:c,currentStep:l,data:u})}}))}catch{}};return(0,Ua.useEffect)(()=>(o(),()=>{i.current&&i.current.destroy()}),[]),i}var RE=hL;var _E=p("marked"),fL=({marketCode:e,id:t,hashRoute:r,pathRoute:i,disableResetScrollOnInit:n,placeholderImage:o,modifyDocumentTitleItem:a,displayBranchName:s,onClickSearchItem:c})=>{let l=On(e),{ecomSettings:u}=oc(),{loading:m,data:g}=Eg(t),{vehicle:k,loading:w}=r1(g?.vehicle),v=k?.contact,h=k?.branch,y=RE(t,u,h),[b,S]=(0,P.useState)(!1),M=(0,P.useCallback)(()=>S(!b),[b]);(0,P.useEffect)(()=>{n||window.scrollTo(0,0)},[]),(0,P.useEffect)(()=>{if(g?.vehicle?.data&&a){let{vehicle:vo}=g,{registrationNumber:iS}=vo.data;document.title=`${iS} | ${vo.title} | ${vo.shortDescription}`}},[g]);let U=(0,P.useMemo)(()=>g?.vehicle?.data?.options?.filter(Do).map(vo=>({title:vo})),[g?.vehicle?.data?.options]),Te=(0,P.useCallback)(()=>Q.publish("OptionsClick",{id:t,branchId:h?.id,branchName:h?.name}),[h]);if(!l)return null;if(m)return P.default.createElement(o1,null);if(!g?.vehicle?.data)return P.default.createElement(n1,null);let{vehicle:ve}=g,{title:ce,accessories:j,shortDescription:R,media:_,description:ie,price:Be,discount:zt,financialOptions:E,manufacturer:N,ecommerce:T,packageOptions:G,publishedAt:Ve,documents:Fe,availableFrom:pe,flags:ae}=ve,or=k?.insuranceOptions?k.insuranceOptions:ve.insuranceOptions,{fuelType:K,mileage:le,odometerReading:kr,gearboxType:Ut,modelYear:St,propertySet:Wa}=ve.data,_i=[{title:St}];return ae?.demoVersion&&_i.push({title:de.t("item.demoCar"),onClick:M}),_i.push({title:`${$(kr?.value||le)} ${de.t(`odometer.${kr?.unit||"ScandinavianMile"}`)}`}),Ut&&_i.push({title:Ut}),K&&_i.push({title:K}),P.default.createElement(P.default.Fragment,null,P.default.createElement(li,null,P.default.createElement(Ct,{large:!0},P.default.createElement(It,null,P.default.createElement(vg,null,P.default.createElement(kg,null,P.default.createElement(Gn,{mobileOrder:1},!i&&r?P.default.createElement(I,null,P.default.createElement(Ja,null,P.default.createElement(Im,{as:"a",href:"#",title:de.t("navigation.backToSearch")},P.default.createElement(re,null,P.default.createElement(Sn,{block:!0})),P.default.createElement(re,null,de.t("navigation.backToSearch"))))):null,N?.logotype&&P.default.createElement(I,null,P.default.createElement(st,{logo:N.logotype,alt:N.name})),P.default.createElement(I,null,P.default.createElement(We,null,P.default.createElement(Vt,{noMargin:!0},ce)),R&&P.default.createElement(We,null,P.default.createElement("div",null,R)),P.default.createElement(We,null,P.default.createElement(qo,{small:!0,items:_i})))),P.default.createElement(Gn,{mobileOrder:2},P.default.createElement(Z0,{price:Be,discount:zt||void 0})),(E.length>0||or.length>0)&&P.default.createElement(Gn,{mobileOrder:4},E.length>0&&P.default.createElement(Qg,{id:t,branch:h,financialOptions:E}),or.length>0&&P.default.createElement(Fy,{id:t,branch:k?.branch,insuranceOptions:or})),P.default.createElement(Gn,{mobileOrder:5},P.default.createElement(fb,{id:t,marketCode:e,manufacturer:N,packageOptions:G,ecommerce:T,branch:h,contact:k?.contact,loadingCentralStorageVehicle:w,availableFrom:pe,toggleEcomModal:()=>y.current?.start()}))),P.default.createElement(Ls,null,P.default.createElement(Gn,{mobileOrder:3},P.default.createElement(bg,{id:t,branch:h,media:_,placeholderImage:o})),P.default.createElement(Ot,null,P.default.createElement(I,null,P.default.createElement(Qe,{noMargin:!0},de.t("item.carData"))),P.default.createElement(I,null,P.default.createElement(X,null,P.default.createElement("p",null,de.t("item.carDataDescription")))),P.default.createElement(I,null,P.default.createElement(I1,{propertySet:Wa,vehicleData:ve.data}))),ie&&P.default.createElement(Ot,null,P.default.createElement(hf,{author:v&&v.name?v.name:null,date:Ve?No.format(Ve,No.DayMonth,e):void 0,avatar:v?.avatar||void 0},!!ie&&P.default.createElement("div",{dangerouslySetInnerHTML:{__html:(0,_E.marked)(ie)}}))),(U?.length||0)>0&&P.default.createElement(Ot,null,P.default.createElement(I,null,P.default.createElement(Qe,{noMargin:!0},de.t("item.equipment"))),P.default.createElement(I,null,P.default.createElement(X,null,P.default.createElement("p",null,de.t("item.equipmentDescription")))),P.default.createElement(I,null,P.default.createElement(ys,{actionTitle:de.t("common.showMore"),onClick:Te},P.default.createElement(qo,{items:U})))),P.default.createElement(R1,{documents:Fe}),P.default.createElement(uv,{accessories:j}),P.default.createElement(Ot,null,P.default.createElement(Kb,{branch:h,displayBranchName:s,loading:w}),T&&T.enabled&&P.default.createElement(I,null,P.default.createElement(wr,{disabled:!!T.reserved,title:"K\xF6p bilen online",onClick:()=>y.current?.start()},"K\xF6p bilen online"))),P.default.createElement(Db,{packageOptions:G}),P.default.createElement(_y,{packageOption:N?.packageOption}))))),P.default.createElement(Pb,{id:t,hashRoute:r,pathRoute:i,authorizedReseller:!!h?.flags?.authorizedReseller,displayBranchName:s,onClickSearchItem:c})),P.default.createElement(Bo,{id:Ir.DefaultPortal}),b&&P.default.createElement(T1,{onClose:M}))},rm=fL;var ai=f(p("react"),1);var $E=f(p("react"),1),go=p("@apollo/client"),gL=({uri:e,children:t})=>{let r=new go.ApolloClient({uri:e,cache:new go.InMemoryCache});return $E.default.createElement(go.ApolloProvider,{client:r},t)},wl=gL;var qE=f(p("react"),1),jE=p("styled-components");var yL=({children:e})=>qE.default.createElement(jE.ThemeProvider,{theme:yt},e),Va=yL;var ut=f(p("react"),1);var GE=()=>new URLSearchParams(window.location.search);var im=new URLSearchParams;im.set("hits","30");im.set("sort","published-desc");var bL=({url:e,apiKey:t,useQueryParamsFromUrl:r,pathRoute:i,children:n})=>{let{replaceState:o,pushState:a}=Pn(),[s,c]=(0,ut.useState)({searchParams:im}),[l,u]=(0,ut.useState)(),[m,g]=(0,ut.useState)(),[k,w]=(0,ut.useState)(!1),{data:v}=Wi(`${e}?hits=0`,{headers:t?{"x-api-key":t}:{}},!!l),h=s.searchParams.toString(),{loading:y,data:b,error:S}=Wi(`${e}${h?`?${h}`:""}`,{headers:t?{"x-api-key":t}:{}},!k||!!s?.block),M=j=>{let{currentTarget:R}=j;if(R){let _=new URLSearchParams(R.location.search);_.has("sort")||_.set("sort","published-desc"),c({searchParams:_})}};(0,ut.useEffect)(()=>{r&&window.addEventListener("popstate",M);let j={actionName:"onFilterUpdate",callback:U};return Q.subscribeAction(j),()=>{window.removeEventListener("popstate",M),Q.unsubscribeAction(j)}},[]),(0,ut.useEffect)(()=>{v&&u(v.facets)},[v]),(0,ut.useEffect)(()=>{if(r){let j=new URLSearchParams(s.searchParams);j.delete("hits"),j.delete("offset"),j.get("sort")==="published-desc"&&j.delete("sort");let R=j.toString()?`?${j}`:"";if(k&&window.location.search.localeCompare(R)!==0){let _=i?.replace(/^\/|\/$/g,""),ie=_?`/${_}/`:"/",Be=_?window.location.pathname.indexOf(ie):-1,zt=window.location.pathname;Be>-1&&(zt=zt.substr(0,Be)),a(`${zt}${R}`)}}},[s,k,r]),(0,ut.useEffect)(()=>{if(b){if(!l&&!r&&u(b.facets),r&&b.query?.parameters){let j=new URLSearchParams(b.query.parameters);j.delete("hits"),j.delete("offset");let R=j.toString()?`?${j}`:"";window.location.search.localeCompare(R)!==0&&(o(`${window.location.pathname}${R}`),c({searchParams:new URLSearchParams(R),block:!0}))}s?.concatResult?g([...m||[],...b.documentList.documents||[]]):g(b.documentList.documents||[])}},[b,r]);let U=(0,ut.useCallback)(j=>{k||w(!0),c({searchParams:new URLSearchParams(j)})},[k]),Te=(0,ut.useCallback)(()=>{b&&c({searchParams:new URLSearchParams(b?.documentList.pagination.nextPage?.query),concatResult:!0})},[b]),ve=(0,ut.useCallback)(j=>{if(!k){let R=GE(),_=r?R:j;if(r&&j&&j.forEach((ie,Be)=>{_?.getAll(Be)?.some(zt=>zt===ie)||_?.append(Be,ie)}),_){let ie=new URLSearchParams(_);ie.delete("hits"),ie.delete("offset"),_.has("hits")||_.set("hits","30"),_.has("sort")||_.set("sort","published-desc");let Be=ie.toString()?`?${ie}`:"";c({searchParams:_}),r&&o(`${window.location.pathname}${Be}`)}w(!0)}},[k]),ce={loading:y,error:S,response:b,documents:m,initialFacets:l,queryFilter:s,onFilterUpdate:U,onLoadMore:Te,onInitialize:ve};return ut.default.createElement(es.Provider,{value:ce},n)},zE=bL;var UE=f(p("styled-components"),1),vL=UE.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;