https://duraplas.com.ar/_next/static/chunks/app/products/page-d832b137c6b1cb4b.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[286],{6771:function(e,t,r){Promise.resolve().then(r.bind(r,5907)),Promise.resolve().then(r.bind(r,267))},5907:function(e,t,r){"use strict";r.d(t,{default:function(){return j}});var a=r(7437),o=r(267),l=r(7138),s=r(6463),n=r(2265),c=r(9774),i=r(7440),d=r(102);let u=c.fC,f=c.ZA,m=c.B4,p=n.forwardRef((e,t)=>{let{className:r,children:o,...l}=e;return(0,a.jsxs)(c.xz,{ref:t,className:(0,i.cn)("flex h-10 w-full items-center justify-between rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background data-[placeholder]:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1",r),...l,children:[o,(0,a.jsx)(c.JO,{asChild:!0,children:(0,a.jsx)(d.x,{icon:"keyboard_arrow_down",className:"!text-lg opacity-50"})})]})});p.displayName=c.xz.displayName;let x=n.forwardRef((e,t)=>{let{className:r,...o}=e;return(0,a.jsx)(c.u_,{ref:t,className:(0,i.cn)("flex cursor-default items-center justify-center py-1",r),...o,children:(0,a.jsx)(d.x,{icon:"keyboard_arrow_up",className:"!text-lg"})})});x.displayName=c.u_.displayName;let g=n.forwardRef((e,t)=>{let{className:r,...o}=e;return(0,a.jsx)(c.$G,{ref:t,className:(0,i.cn)("flex cursor-default items-center justify-center py-1",r),...o,children:(0,a.jsx)(d.x,{icon:"keyboard_arrow_down",className:"!text-lg"})})});g.displayName=c.$G.displayName;let h=n.forwardRef((e,t)=>{let{className:r,children:o,position:l="popper",...s}=e;return(0,a.jsx)(c.h_,{children:(0,a.jsxs)(c.VY,{ref:t,className:(0,i.cn)("relative z-50 max-h-[--radix-select-content-available-height] min-w-[8rem] overflow-y-auto overflow-x-hidden rounded-md border bg-popover text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-select-content-transform-origin]","popper"===l&&"data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",r),position:l,...s,children:[(0,a.jsx)(x,{}),(0,a.jsx)(c.l_,{className:(0,i.cn)("p-1","popper"===l&&"h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]"),children:o}),(0,a.jsx)(g,{})]})})});h.displayName=c.VY.displayName,n.forwardRef((e,t)=>{let{className:r,...o}=e;return(0,a.jsx)(c.__,{ref:t,className:(0,i.cn)("py-1.5 pl-8 pr-2 text-sm font-semibold",r),...o})}).displayName=c.__.displayName;let y=n.forwardRef((e,t)=>{let{className:r,children:o,...l}=e;return(0,a.jsxs)(c.ck,{ref:t,className:(0,i.cn)("relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",r),...l,children:[(0,a.jsx)("span",{className:"absolute left-2 flex h-3.5 w-3.5 items-center justify-center",children:(0,a.jsx)(c.wU,{children:(0,a.jsx)(d.x,{icon:"check",className:"!text-lg"})})}),(0,a.jsx)(c.eT,{children:o})]})});function v(e){let{pagination:t,className:r}=e,o=(0,s.useRouter)(),n=(0,s.useSearchParams)(),c=n.get("category"),x=n.get("subcategory"),g=Math.ceil(t.total/t.limit),v=Math.floor(t.start/t.limit)+1,b=e=>{let t=new URLSearchParams;return c&&t.set("category",c),x&&t.set("subcategory",x),e&&t.set("page",e.toString()),t.toString()?"/products?".concat(t.toString()):"/products"};return(0,a.jsxs)("div",{className:(0,i.cn)("flex gap-2 justify-center items-center pt-10",r),children:[v>1&&(0,a.jsx)(l.default,{href:b(v-1),scroll:!1,children:(0,a.jsx)(d.x,{icon:"keyboard_arrow_left",className:"!text-3xl hover:text-custom-primary-500 transition-colors duration-200"})}),(0,a.jsx)("div",{className:"w-16",children:(0,a.jsxs)(u,{onValueChange:e=>{let t=Number(e),r=new URLSearchParams;c&&r.set("category",c),x&&r.set("subcategory",x),r.set("page",t.toString()),o.push("/products?".concat(r.toString()),{scroll:!1})},value:v.toString(),defaultValue:v.toString(),children:[(0,a.jsx)(p,{className:"bg-primary border-none h-8 rounded-[5px] text-black bg-white",children:(0,a.jsx)(m,{children:v})}),(0,a.jsx)(h,{className:"w-16 min-w-0 rounded-[5px] bg-white",children:(0,a.jsx)(f,{children:Array.from({length:g}).map((e,t)=>(0,a.jsx)(y,{className:"w-full h-8 rounded-[5px] hover:bg-custom-primary-500 cursor-pointer",value:(t+1).toString(),children:t+1},t))})})]})}),v<g&&(0,a.jsx)(l.default,{href:b(v+1),scroll:!1,children:(0,a.jsx)(d.x,{icon:"keyboard_arrow_right",className:"!text-3xl hover:text-custom-primary-500 transition-colors duration-200"})})]})}y.displayName=c.ck.displayName,n.forwardRef((e,t)=>

1{let{className:r,...o}=e;return(0,a.jsx)(c.Z0,{ref:t,className:(0,i.cn)("-mx-1 my-1 h-px bg-muted",r),...o})}).displayName=c.Z0.displayName;let b=e=>e&&0!==e.length?e.map(e=>e.title).join(" - "):"",N=e=>e.sort((e,t)=>{var r,a;return(null!==(r=e.rank)&&void 0!==r?r:999)-(null!==(a=t.rank)&&void 0!==a?a:999)});function j(e){let{title:t,products:r,categories:c,subcategories:i,pagination:d,pageSize:u}=e,f=(0,s.useSearchParams)(),m=(0,s.useRouter)(),p=f.get("category"),x=f.get("subcategory"),[g,h]=(0,n.useState)(void 0),y=(null==c?void 0:c.filter(e=>(null==i?void 0:i.some(t=>{var r;return(null===(r=t.category)||void 0===r?void 0:r.id)===e.id&&t.products&&t.products.length>0}))||e.products&&e.products.length>0))||[];(0,n.useEffect)(()=>{if(!p||0===y.length){h(void 0);return}let e=y.find(e=>e.slug===p);if(e){h("category-".concat(e.id));return}h(void 0)},[p,y]);let j=function(e,t){let r=arguments.length>2&&void 0!==arguments[2]&&arguments[2];e.preventDefault();let a=y.find(e=>e.slug===t||(null==i?void 0:i.some(r=>{var a;return r.slug===t&&(null===(a=r.category)||void 0===a?void 0:a.id)===e.id})));a&&(r?m.push("/products?category=".concat(a.slug,"&subcategory=").concat(t),{scroll:!1}):(h("category-".concat(a.id)),m.push("/products?category=".concat(t),{scroll:!1})))},w=e=>{var t;return((null==i?void 0:i.filter(t=>{var r;return(null===(r=t.category)||void 0===r?void 0:r.id)===e.id}).reduce((e,t)=>{var r;return e+((null===(r=t.products)||void 0===r?void 0:r.length)||0)},0))||0)+((null===(t=e.products)||void 0===t?void 0:t.length)||0)};return(0,a.jsx)("section",{className:"bg-[#F1F3F6] py-20",id:"catalog",children:(0,a.jsxs)("div",{className:"container flex flex-col lg:flex-row gap-3",children:[(0,a.jsxs)("aside",{className:"w-full lg:w-1/5",children:[(0,a.jsx)("h2",{className:"text-2xl font-semibold mb-6",children:t}),(0,a.jsx)(o.Accordion,{className:"flex flex-col",collapsible:!0,type:"single",value:g,onValueChange:e=>{h(e),e||m.push("/products",{scroll:!1})},children:y.map(e=>{var t;return(0,a.jsxs)(o.AccordionItem,{value:"category-".concat(e.id),className:"",children:[(0,a.jsx)(o.AccordionTrigger,{icon:"arrow_drop_down",iconPosition:"left",onClick:t=>j(t,e.slug),className:"text-left flex flex-row font-bold !bg-transparent !border-none py-2 px-0 hover:no-underline hover:!text-content-accordeon-default-title-activo hover:bg-transparent focus:bg-transparent focus:no-underline data-[state=open]:bg-transparent data-[state=open]:no-underline",children:(0,a.jsx)(l.default,{href:"/products?category=".concat(e.slug),className:"flex-1 text-left",children:"".concat(e.title," (").concat(w(e),")")})}),(0,a.jsx)(o.AccordionContent,{className:"pt-2 pb-0 px-0 !bg-transparent !border-none",contentClassName:"px-2 py-0",children:(0,a.jsxs)("div",{className:"flex flex-col gap-1",children:[e.products&&e.products.length>0&&(0,a.jsx)("div",{className:"flex flex-col gap-1 mb-2",children:N(e.products).map(e=>(0,a.jsx)(l.default,{href:"/products/".concat(e.slug),className:"text-left h-10 font-normal transition-colors duration-200 pl-6 ".concat(e.slug===x?"text-content-accordeon-default-title-activo":"text-custom-primary-700 hover:text-content-accordeon-default-title-activo"),children:e.title},e.id))}),null==i?void 0:null===(t=i.filter(t=>{var r;return(null===(r=t.category)||void 0===r?void 0:r.id)===e.id&&t.products&&t.products.length>0}))||void 0===t?void 0:t.map(t=>{var r;return(0,a.jsxs)(l.default,{href:"/products?category=".concat(e.slug,"&subcategory=").concat(t.slug),onClick:e=>j(e,t.slug,!0),className:"text-left h-10 font-semibold transition-colors duration-200 pl-6 ".concat(t.slug===x?"text-content-accordeon-default-title-activo":"text-custom-primary-700 hover:text-content-accordeon-default-title-activo"),children:[t.title,(0,a.jsx)("span",{className:"!text-gray-400",children:" (".concat(null===(r=t.products)||void 0===r?void 0:r.length,")")})]},t.id)})]})})]},e.id)})})]}),(0,a.jsxs)("main",{className:"w-full lg:w-4/5",children:[(0,a.jsx)("div",{className:"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-5 auto-rows-fr",children:r&&r.length>0&&r.map(e=>(0,a.jsx)(o.CardProduct,{alt:"Alt de la imagen",className:"bg-white md:hover:scale-[1.02] lg:hover:scale-105 flex flex-col justify-between transition-all ease-in-out duration-300 h-full",productName:e.title,category:b(e.need_types),href:"/productos/".concat(e.slug),categoryClassName:"line-clamp-2",buttonText:"VER PRODUCTO",contentClassName:"h-full flex flex-col justify-between",buttonProps:{intent:"tertiary",className:"bg-custom-primary-500 w-full text-white item-center justify-center border-none"},withStrapi:!0,strapiImages:e.cardImage},e.id))}),d.total>u&&(0,a.jsx)("div",{className:"flex justify-center items-center container pt-10",children:(0,a.jsx)(v,{pagination:d})})]})]})})}},7440:function(e,t,r){"use strict";r.d(t,{cn:function(){return l}});var a=r(4839),o=r(6164);function l(){for(var e=arguments.length,t=Array(e),r=0;r<e;r++)t[r]=arguments[r];return(0,o.m6)((0,a.W)(t))}}},function(e){e.O(0,[950,102,138,868,983,971,23,744],function(){return e(e.s=6771)}),_N_E=e.O()}]);