https://www.kpnfresh.com/_next/static/chunks/pages/[slug]/b/[p_category_id]-69326414b0adb055.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[354],{6609:function(e,t,s){(window.__NEXT_P=window.__NEXT_P||[]).push(["/[slug]/b/[p_category_id]",function(){return s(913)}])},913:function(e,t,s){"use strict";s.r(t);var n=s(5893),a=s(8481),r=s(4153),l=s(2707),i=s(175),c=s(7422),o=s(463),x=s(9769),d=s(3148),p=s(1316),u=s(621),g=s(9245),h=s.n(g),m=s(9332),j=s(1163);let f={previousText:"Prev",nextText:"Next"};function _(e){let{pageProps:t}=e,{productResponse:s,taxonomyTree:x}=t,d=(0,m.useSearchParams)(),u=(0,m.usePathname)(),g=(0,j.useRouter)(),{data:_,errors:w}=s;if(!h()(w))return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(r.Z,{taxonomyTree:x}),(0,n.jsxs)(p.Z,{context:"BROWSE",taxonomyTree:x,children:[(0,n.jsx)("div",{className:"container pt-6 pb-10",children:(0,n.jsx)(a.Z,{})}),(0,n.jsx)(l.Z,{showBottomFooter:!0})]})]});let{sub_categories:y,products:N,metadata:v}=_,{previousText:b,nextText:P}=f,Z=y.find(e=>{let{is_selected:t}=e;return!!t});return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(r.Z,{taxonomyTree:x,title:Z.category_name}),(0,n.jsxs)(p.Z,{taxonomyTree:x,seoContent:{},context:"BROWSE",children:[(0,n.jsxs)("section",{className:"container px-0",children:[(0,n.jsxs)("div",{className:"relative flex w-full justify-center ",children:[(0,n.jsx)("div",{className:"sticky lg:top-[105px] top-[60px] lg:h-[calc(100dvh-120px)] h-[calc(100dvh-115px)] w-1/5 lg:w-64",children:(0,n.jsx)(i.Z,{sub_categories:y})}),(0,n.jsxs)("div",{className:"w-4/5",children:[(0,n.jsxs)("div",{className:"flex p-2 bg-white border border-l-0 items-baseline justify-between lg:justify-start",children:[(0,n.jsx)("h1",{className:"text-xl lg:text-[22px] font-medium",children:Z.category_name}),(0,n.jsxs)("span",{className:"text-sm pl-2",children:[Z.count," ",Z.count>1?"Items":"Item"]})]}),(0,n.jsx)("div",{className:"grid grid-cols-2 h-fit lg:grid-cols-5 gap-2 gap-y-4 p-2 lg:pr-0 bg-white",children:N.map(e=>(0,n.jsx)("div",{className:"lg:w-[152px]",children:(0,n.jsx)(o.Z,{product:e})},e.ksin))})]})]}),(0,n.jsx)("div",{className:"flex justify-center w-full py-6 lg:justify-end",children:(0,n.jsx)(c.Z,{nextLabel:P,previousLabel:b,onPageChange:e=>{let t=new URLSearchParams(d);e?t.set("page",e):t.delete("page");let s="".concat(u,"?").concat(t.toString());g.push(s)},totalPageCount:v.page_info.total_pages,currentPage:v.page_info.current_page})})]}),(0,n.jsx)(l.Z,{showBottomFooter:!0})]})]})}_.getInitialProps=async e=>{let{ctx:t,taxonomyTree:s,httpClient:n}=e,{p_category_id:a,category_id:r,page:l=1}=t.query,[i,c]=await Promise.all([(0,u.Gl)({httpClient:n,p_category_id:a,page:l,limit:20,category_id:r}),(0,u.M$)({httpClient:n,p_category_id:a})]);return{pageProps:{productResponse:i,seoResponse:c,taxonomyTree:s}}},t.default=(0,d.Z)((0,x.Z)(_))}},function(e){e.O(0,[210,7522,4671,463,928,9774,2888,179],function(){return e(e.s=6609)}),_N_E=e.O()}]);