1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9625],{38330:function(e,t,a){(window.__NEXT_P=window.__NEXT_P||[]).push(["/categories/[[...categories]]",function(){return a(78981)}])},78981:function(e,t,a){"use strict";a.r(t),a.d(t,{__N_SSP:function(){return b}});var r=a(52676),n=a(69741),i=a(81762),l=a(46980),s=a(24140),o=a(39936),u=a(32218),d=a(3023),c=a(75271),m=a(7638),h=a(69834),v=a(5211),f=a(33561),g=a(87927),w=a(10642),x=a(32623),p=a.n(x),N=a(72626),y=a(22903),b=!0;t.default=e=>{var t,a,x,b;let{user:j,category:_,initialBanners:k}=e,E=(0,f.useRouter)(),F=(0,c.useRef)(null),[L,P]=(0,c.useState)(!1),[C,q]=(0,c.useState)(!0),[O,S]=(0,c.useState)(!1),[W,B]=(0,g.v1)("sort",g.Oi.withDefault(w.F[0].value)),I=(0,c.useMemo)(()=>{var e;let t=w.F.find(e=>e.value===W);return null!==(e=null==t?void 0:t.sort)&&void 0!==e?e:w.F[0].sort},[W]),z=(0,c.useMemo)(()=>E.query.categories||[],[E.query.categories]),A=(0,m.N)({queryKey:["products","public",z,I],initialPageParam:1,queryFn:async e=>{let{pageParam:t}=e;return await (0,o.Bz)({page:t,pageSize:12,sortField:I.key,sortOrder:I.order,search:"",category:z})},getNextPageParam:(e,t)=>{let a=e.data.total;return t.reduce((e,t)=>e+t.data.rows.length,0)<a?t.length+1:void 0}}),M=(0,c.useMemo)(()=>{var e,t;return null!==(t=null===(e=A.data)||void 0===e?void 0:e.pages.flatMap(e=>e.data.rows.map(e=>(0,v.f)(e))))&&void 0!==t?t:[]},[null===(t=A.data)||void 0===t?void 0:t.pages]),T=null===(a=_[_.length-1])||void 0===a?void 0:a.refId,Z=(0,h.a)({queryKey:["content","banners","COLLECTION","public"],queryFn:()=>(0,u.n5)(d.Bi.COLLECTION),select:e=>e.data}),K=null!==(x=(0,h.a)({queryKey:["categories","children",T],queryFn:async()=>{if(!T)return[];let e=await (0,N.lq)(T);return Array.isArray(e.data)?e.data:[]},enabled:!!T}).data)&&void 0!==x?x:[],R=(0,c.useCallback)(()=>{let e=F.current;if(!e)return;let t=e.scrollWidth-e.clientWidth;P(e.scrollWidth>e.clientWidth+1),q(e.scrollLeft<=1),S(e.scrollLeft>=t-1)},[]);(0,c.useEffect)(()=>{let e=F.current;if(!e)return;R();let t=()=>R();return e.addEventListener("scroll",t,{passive:!0}),window.addEventListener("resize",R),()=>{e.removeEventListener("scroll",t),window.removeEventListener("resize",R)}},[R]),(0,c.useEffect)(()=>{if(!F.current)return;let e=window.requestAnimationFrame(()=>R());return()=>window.cancelAnimationFrame(e)},[K.length,R]);let V=(0,c.useCallback)(e=>{let t=[...z,e];E.push("/categories/".concat(t.join("/")))},[E,z]);return(0,r.jsxs)(l.Z,{user:j,children:[(0,r.jsx)(n.Z,{titles:_.map(e=>e.name),items:_.filter(e=>(null==e?void 0:e.name)&&(null==e?void 0:e.slug)).map((e,t)=>({title:e.name,href:"/categories/".concat(_.slice(0,t+1).map(e=>e.slug).join("/"))}))}),(0,r.jsx)(s.Z,{banners:null!==(b=Z.data)&&void 0!==b?b:k}),(0,r.jsx)("section",{className:"px-4 pt-6 mx-auto w-full maxContainer",children:(0,r.jsxs)("div",{className:"relative mt-4",children:[(0,r.jsx)("div",{ref:F,className:"flex overflow-x-auto gap-1 pb-2 md:gap-5 no-scrollbar",children:K.map(e=>(0,r.jsxs)("div",{className:"flex min-w-[110px] flex-col items-center gap-2 md:min-w-[140px] cursor-pointer",onClick:()=>V(e.slug),children:[(0,r.jsx)("div",{className:"flex h-12 w-12 items-center justify-center overflow-hidden rounded-full border-2 border-[#FB233B] md:h-20 md:w-20",children:e.image?(0,r.jsx)(p(),{src:(0,y.I)(e.image.key),alt:e.name,width:80,height:80,className:"object-cover w-full h-full"}):(0,r.jsx)(p(),{src:"/assets/u.png",alt:"Samu Giken",width:24,height:24,className:"w-5 h-6 md:h-13 md:w-10"})}),(0,r.jsx)("div",{className:"text-[12px] text-center text-neutral-700 md:text-xs",style:{display:"-webkit-box",WebkitLineClamp:3,WebkitBoxOrient:"vertical",overflow:"hidden"},children:e.name})]},e.refId))}),L&&!C&&(0,r.jsx)("div",{className:"absolute inset-y-0 left-0 w-10 bg-gradient-to-r from-white to-transparent pointer-events-none via-white/80 md:w-16"}),L&&!O&&(0,r.jsx)("div",{className:"absolute inset-y-0 right-0 w-10 bg-gradient-to-l from-white to-transparent pointer-events-none via-white/80 md:w-16"})]})}),(0,r.jsx)(i.Z,{products:M,isLoading:A.isLoading,isFetchingNextPage:A.isFetchingNextPage,hasNextPage:A.hasNextPage,fetchNextPage:A.fetchNextPage,sortValue:null!=W?W:w.F[0].value,onSortValueChange:e=>void B(e)})]})}}},function(e){e.O(0,[5989,4237,7610,8174,9834,9513,4540,928,7444,9830,5790,8754,4847,7927,6980,7602,2888,9774,179],function(){return e(e.s=38330)}),_N_E=e.O()}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.