"use strict";(self.webpackChunkparts_evo_public=self.webpackChunkparts_evo_public||[]).push([[181],{8854:(e,a,n)=>{n.d(a,{Bs:()=>u,M_:()=>d,bY:()=>c,e6:()=>g,rN:()=>v,sO:()=>s});var t=n(467),r=n(3747),l=n(3380),o=n(3149),i=n(8098),c=()=>{var e=function(){var e=(0,t.A)((function*(){var{data:e}=yield i.A.get(l.p.categories.topNavigation,{});return e}));return function(){return e.apply(this,arguments)}}();return(0,r.I)({queryKey:o.l.categories.topNavigation,queryFn:()=>e(),initialData:[]})},s=e=>{var a=function(){var e=(0,t.A)((function*(e){var{data:a}=yield i.A.get(l.p.categories.topNavigationChildren,{params:e});return a}));return function(a){return e.apply(this,arguments)}}();return(0,r.I)({queryKey:o.l.categories.topNavigationChildren(e),queryFn:()=>a(e),initialData:[]})},d=(e,a)=>{var n=function(){var n=(0,t.A)((function*(){var{data:n}=yield i.A.get(l.p.categories.categoryByName,{params:{name:e,parentName:a}});return n}));return function(){return n.apply(this,arguments)}}();return(0,r.I)({queryKey:o.l.categories.categoryByName(null!==a&&void 0!==a?a:"",null!==e&&void 0!==e?e:""),queryFn:()=>n(),enabled:!!e})},u=e=>{var a=function(){var e=(0,t.A)((function*(e){var{data:a}=yield i.A.get(l.p.categories.all,{params:e});return a}));return function(a){return e.apply(this,arguments)}}();return(0,r.I)({queryKey:o.l.categories.all(e),queryFn:()=>a(e),initialData:[]})},g=e=>{var a=function(){var e=(0,t.A)((function*(e){var{data:a}=yield i.A.get(l.p.categories.homepage,{params:e});return a}));return function(a){return e.apply(this,arguments)}}();return(0,r.I)({queryKey:o.l.categories.homepage(e),queryFn:()=>a(e),initialData:[]})},v=(e,a,n)=>{var c=function(){var a=(0,t.A)((function*(a){var{data:n}=yield i.A.get(l.p.categories.children.replace(":id",e.toString()),{params:a});return n}));return function(e){return a.apply(this,arguments)}}();return(0,r.I)({queryKey:o.l.categories.children(e,a),queryFn:()=>c(a),initialData:[],enabled:n})}},8666:(e,a,n)=>{n.d(a,{A:()=>le});var t=n(5043);const r="Catalog_section__ZgNob",l="Catalog_cardsContainer__nUBh+",o="Catalog_moreBtn__PtV8M";var i=n(1e3),c=n(4496);const s="CatalogCard_catalogCardContainer__ndcgC",d="CatalogCard_image__ssjEX",u="CatalogCard_menuOpen__dakFW",g="CatalogCard_content__HK-gr",v="CatalogCard_animate__X+aPp",m="CatalogCard_title__DnRam",p="CatalogCard_truncate__VXukF",h="CatalogMenu_menu__tZsHJ",_="CatalogMenu_open__58pGP",C="CatalogMenu_content__WQ2nN",A="CatalogMenu_animate__dZHlU",y="CatalogMenu_section__A9vYX",f="CatalogMenu_sectionTitle__Ouftq",M="CatalogMenu_itemContainer__EXFsK",N="CatalogMenu_item__DcDOx",S="CatalogMenu_itemName__mIRJ3",x="CatalogMenu_modal__nB2sI",I="CatalogMenu_container__Si85m",j="CatalogMenu_loader__2jGR1";var E=n(1637),T=n(8139),w=n.n(T),L=n(8566),k=n(2111),q=n(3216),G=n(5475),b=n(6500),O=n(4248),B=n(948),D=n.n(B),F=n(5425),P=n(8854),U=n(5639),R=n(831),H=n(9577),Y=n(579);const Z=e=>{var{categoryId:a,isOpen:n,cardLeft:r,shouldAnimate:l,onClose:o,onNoCarSelected:s}=e,d=(0,R.vc)(H.Q),u=(0,t.useRef)(null),[g,v]=(0,t.useState)(0),[m,p]=(0,t.useState)(0),T=(0,L.SO)(),B=(0,q.Zp)(),{brand:Z}=(0,q.g)(),{data:K}=(0,O.o)(),{data:J,isFetching:W}=(0,P.rN)(a,{vehicle:null!==d&&void 0!==d?d:void 0},n),V=(0,U.Ov)(J,"Category",["name"],[{key:"childCategories",nestedType:"Category",nestedAttributes:["name"]}]);(0,t.useEffect)((()=>{var e=document.getElementById("catalog-container");if(e){var{width:a,left:n}=e.getBoundingClientRect();p(a),v(r-n)}}),[r]);var X=e=>e.parentSlug?b.J.parentCategoryProducts.replace(":parentCategorySlug",D()(e.parentSlug.toLowerCase())).replace(":categorySlug",D()(e.slug.toLowerCase())):b.J.categoryProducts.replace(":categorySlug",D()(e.slug.toLowerCase())),z=(e,a)=>{var n,t,r,l;if(!(0,F.wh)(F.UZ.selectedVehicle))return e.preventDefault(),s({pathname:X(a),search:(0,G.PI)({category:a.id.toString(),brand:null!==(r=null===(l=K.find((e=>D()(e.name,{lower:!0})===Z)))||void 0===l?void 0:l.id.toString())&&void 0!==r?r:""}).toString()}),void o();B({pathname:X(a),search:(0,G.PI)({category:a.id.toString(),brand:null!==(n=null===(t=K.find((e=>D()(e.name,{lower:!0})===Z)))||void 0===t?void 0:t.id.toString())&&void 0!==n?n:""}).toString()}),o()};return T<600?(0,Y.jsx)(k.A,{className:x,isOpen:n,onClose:o,children:(0,Y.jsxs)(i.A,{className:I,children:[!V.length&&W&&(0,Y.jsx)(i.A,{className:j,children:(0,Y.jsx)(E.A,{})}),null===V||void 0===V?void 0:V.map((e=>{var a,n;return(0,Y.jsxs)(Y.Fragment,{children:[e.childCategories&&(null===(a=e.childCategories)||void 0===a?void 0:a.length)>0?(0,Y.jsx)(c.A,{className:f,onClick:a=>z(a,e),children:e.name.replaceAll("/"," / ")}):(0,Y.jsx)(i.A,{className:N,onClick:a=>z(a,e),children:(0,Y.jsx)(c.A,{className:w()(S,y),children:e.name.replaceAll("/"," / ")})}),null===(n=e.childCategories)||void 0===n?void 0:n.map((e=>(0,Y.jsx)(i.A,{className:N,onClick:a=>z(a,e),children:(0,Y.jsx)(c.A,{className:S,children:e.name.replaceAll("/"," / ")})},e.id)))]})}))]})}):(0,Y.jsx)(i.A,{ref:u,style:{width:"".concat(m,"px"),marginLeft:"-".concat(g,"px")},className:w()(h,{[_]:n,[A]:l}),children:(0,Y.jsxs)(i.A,{className:C,children:[!V.length&&W&&(0,Y.jsx)(i.A,{className:j,children:(0,Y.jsx)(E.A,{})}),null===V||void 0===V?void 0:V.map((e=>{var a,n,t;return(0,Y.jsxs)(i.A,{className:y,children:[(0,Y.jsx)(c.A,{className:f,onClick:a=>z(a,e),children:e.name.replaceAll("/"," / ")}),(null!==(a=null===(n=e.childCategories)||void 0===n?void 0:n.length)&&void 0!==a?a:0)>0&&(0,Y.jsx)(i.A,{className:M,children:null===(t=e.childCategories)||void 0===t?void 0:t.map((e=>(0,Y.jsx)(i.A,{className:N,onClick:a=>z(a,e),children:(0,Y.jsx)(c.A,{className:S,children:e.name.replaceAll("/"," / ")})},e.id)))})]},e.id)}))]})})};var K=n(3293);const J=e=>{var{id:a,image:n,name:r,parentSlug:l,showMenu:o,shouldAnimate:h,onClick:_,onClose:C,childCount:A=0,onNoCarSelected:y}=e,f=(0,R.vc)(K.L),M=(0,q.Zp)(),N=(0,t.useRef)(),[S,x]=(0,t.useState)(0),{brand:I}=(0,q.g)(),{data:j}=(0,O.o)(),E=(0,t.useMemo)((()=>(0,U.oW)(f,a,"Category","name",r).replace("/"," / ")),[f,r]),T=(0,t.useMemo)((()=>l?b.J.parentCategoryProducts.replace(":parentCategorySlug",D()(l.toLowerCase())).replace(":categorySlug",D()(r.toLowerCase())):b.J.categoryProducts.replace(":categorySlug",D()(r.toLowerCase()))),[r,l]);return(0,t.useEffect)((()=>{var e=()=>{N.current&&x(N.current.getBoundingClientRect().left)};return e(),window.addEventListener("resize",e),()=>{window.removeEventListener("resize",e)}}),[N]),(0,Y.jsxs)(i.A,{ref:N,className:w()(s,{[u]:o,[v]:h}),children:[(0,Y.jsxs)(i.A,{className:g,onClick:e=>{var n,t,r;A>0?(null===(n=N.current)||void 0===n||n.scrollIntoView({behavior:"smooth"}),_(e)):M({pathname:T,search:(0,G.PI)({category:a.toString(),brand:null!==(t=null===(r=j.find((e=>D()(e.name,{lower:!0})===I)))||void 0===r?void 0:r.id.toString())&&void 0!==t?t:""}).toString()})},children:[(0,Y.jsx)("img",{src:n,className:d,alt:r,loading:"lazy",decoding:"async"}),(0,Y.jsx)(c.A,{className:m,variant:"body2",children:(0,Y.jsx)("span",{className:p,children:E})})]}),A>0&&(0,Y.jsx)(Z,{isOpen:o,cardLeft:S,shouldAnimate:h,onClose:C,categoryId:a,onNoCarSelected:y})]})};var W=n(8145),V=n(4376),X=n(5626),z=n(7774),Q=n(2874),$=n(3457),ee=n(6887),ae=n(1162),ne=n(1845),te=n(4273),re=n(8295);const le=e=>{var{showButton:a=!1,categories:n,selectedVehicle:c}=e,s=(0,R.vc)($._),d=(0,t.useRef)(null),[u,g]=(0,t.useState)(),[v,m]=(0,t.useState)(!0),[p,h]=(0,t.useState)(0),[_,C]=(0,t.useState)(!1),[A,y]=(0,t.useState)(null),f=(0,q.Zp)(),M=(0,U.Ov)(n,"Category",["name"]),N=(0,t.useMemo)((()=>c?(0,ne.q)(c):null),[c]),S=e=>a=>{var n=(e=>{if(!d.current)return 0;var a=Array.from(d.current.children),n=a[0].offsetTop,t=a.findIndex((e=>e.offsetTop>n)),r=-1===t?a.length:t,l=([...a].findIndex((a=>a.contains(e.target)))+1)/r;return Math.ceil(l)})(a);u===e?(m(!0),g(void 0)):(m(!u||p!==n),g(e)),h(n)};return(0,Y.jsxs)(V.A,{title:(0,ee.T)(s,"CATALOG.TITLE"),subtitle:N&&(0,ee.T)(s,"CATALOG.SUBTITLE").replace(":car",N),className:r,children:[(0,Y.jsx)(i.A,{id:"catalog-container",ref:d,className:l,children:M.map((e=>{var a,n,t;return(0,Y.jsx)(J,{id:e.id,childCount:null!==(a=e.childCount)&&void 0!==a?a:0,image:null!==(n=(0,te.q)(null!==(t=e.image)&&void 0!==t?t:null,re.q.IMAGE_THUMB_MEDIUM))&&void 0!==n?n:W,name:e.name,parentSlug:e.parentSlug,showMenu:u===e.id,shouldAnimate:v,onClose:()=>g(void 0),onClick:S(e.id),onNoCarSelected:e=>{C(!0),y(e)}},e.id)}))}),a&&(0,Y.jsxs)(X.Ay,{className:o,onClick:()=>f(b.J.catalog),children:[(0,ee.T)(s,"CATALOG.MORE_BUTTON"),(0,Y.jsx)(z.k,{src:Q.A})]}),(0,Y.jsx)(ae.A,{isOpen:_,onClose:()=>C(!1),title:(0,ee.T)(s,"CATALOG_PAGE.MODAL_TITLE"),onSubmit:()=>{C(!1),A&&f(A)}})]})}},1964:(e,a,n)=>{n.d(a,{A:()=>o});var t=n(5043),r=n(1591),l=n(579);const o=e=>{var{title:a,description:n,canonical:o,children:i}=e;return(0,t.useEffect)((()=>{var e=setTimeout((()=>{var e,a,t=document.title,r=null===(e=document.querySelector('meta[name="description"]'))||void 0===e?void 0:e.content,l=null===(a=document.querySelector('link[rel="canonical"]'))||void 0===a?void 0:a.href;t&&"React App"!==t&&"..."!==t&&window.dispatchEvent(new CustomEvent("reactHelmetReady",{detail:{title:t,description:r||n,canonical:l||o,timestamp:Date.now()}}))}),300);return()=>clearTimeout(e)}),[a,n,o]),(0,l.jsxs)(r.m,{children:[a&&(0,l.jsx)("title",{children:a}),n&&(0,l.jsx)("meta",{name:"description",content:n}),o&&(0,l.jsx)("link",{rel:"canonical",href:o}),i]})}},8295:(e,a,n)=>{n.d(a,{q:()=>t});var t=function(e){return e.IMAGE="IMAGE",e.IMAGE_OPTIMIZED="IMAGE_OPTIMIZED",e.IMAGE_THUMB_SMALL="IMAGE_THUMB_SMALL",e.IMAGE_THUMB_MEDIUM="IMAGE_THUMB_MEDIUM",e.IMAGE_THUMB_LARGE="IMAGE_THUMB_LARGE",e.FILE="FILE",e}({})},4273:(e,a,n)=>{n.d(a,{q:()=>t});var t=(e,a)=>{var n,t,r;return e?e.childAssets?null===(n=e.childAssets)||void 0===n||null===(t=n.find((e=>e.type===a)))||void 0===t||null===(r=t.url)||void 0===r?void 0:r.replace("ams3.digitaloceanspaces.com","ams3.cdn.digitaloceanspaces.com"):e.url.replace("ams3.digitaloceanspaces.com","ams3.cdn.digitaloceanspaces.com"):null}},1845:(e,a,n)=>{n.d(a,{n:()=>o,q:()=>l});var t=n(446),r=n.n(t),l=e=>{var a,n,t,l,o,i,c;if(!e)return null;var s=e.horsePower?"".concat(e.horsePower," AG"):"",d=e.kiloWatts?"".concat(e.kiloWatts," kW"):"",u=s&&d?"".concat(s," / ").concat(d):"".concat(null!==(a=null!==s&&void 0!==s?s:d)&&void 0!==a?a:""),g=null!==(n=e.vehicleModel)&&void 0!==n&&n.dateFrom?r()(e.vehicleModel.dateFrom).format("YYYY"):"",v=null!==(t=e.vehicleModel)&&void 0!==t&&t.dateTo?r()(e.vehicleModel.dateTo).format("YYYY"):"";return"".concat(null!==(l=e.brand.name)&&void 0!==l?l:""," \n    ").concat(null!==(o=e.vehicleModel.name)&&void 0!==o?o:""," \n    ").concat(null!==(i=e.name)&&void 0!==i?i:""," \n    ").concat(null!==(c=e.fuelType)&&void 0!==c?c:""," \n    (").concat(u,", \n    ").concat(g," - ").concat(v,")")},o=e=>e?e.brand.name:null}}]);
//# sourceMappingURL=181.7002b3a4.chunk.js.map