https://shopaz.com/_next/static/chunks/6840.6e40a2ddeca6f0a0.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6840],{46840:(e,t,n)=>{n.r(t),n.d(t,{default:()=>k});var r=n(95155),a=n(16532),i=n(31587);let l={src:"/_next/static/media/arrow-down.1a808cb2.svg",height:10,width:6,blurWidth:0,blurHeight:0},o={src:"/_next/static/media/arrow-right.cad85b77.svg",height:10,width:6,blurWidth:0,blurHeight:0};var s=n(12115),c=n(92556),u=n(23558),d=n(4129),m=n(94446),p=n(97602),f=e=>{let{present:t,children:n}=e,r=function(e){var t,n;let[r,a]=s.useState(),i=s.useRef({}),l=s.useRef(e),o=s.useRef("none"),[c,u]=(t=e?"mounted":"unmounted",n={mounted:{UNMOUNT:"unmounted",ANIMATION_OUT:"unmountSuspended"},unmountSuspended:{MOUNT:"mounted",ANIMATION_END:"unmounted"},unmounted:{MOUNT:"mounted"}},s.useReducer((e,t)=>{let r=n[e][t];return null!=r?r:e},t));return s.useEffect(()=>{let e=h(i.current);o.current="mounted"===c?e:"none"},[c]),(0,d.N)(()=>{let t=i.current,n=l.current;if(n!==e){let r=o.current,a=h(t);e?u("MOUNT"):"none"===a||(null==t?void 0:t.display)==="none"?u("UNMOUNT"):n&&r!==a?u("ANIMATION_OUT"):u("UNMOUNT"),l.current=e}},[e,u]),(0,d.N)(()=>{if(r){var e;let t,n=null!=(e=r.ownerDocument.defaultView)?e:window,a=e=>{let a=h(i.current).includes(e.animationName);if(e.target===r&&a&&(u("ANIMATION_END"),!l.current)){let e=r.style.animationFillMode;r.style.animationFillMode="forwards",t=n.setTimeout(()=>{"forwards"===r.style.animationFillMode&&(r.style.animationFillMode=e)})}},s=e=>{e.target===r&&(o.current=h(i.current))};return r.addEventListener("animationstart",s),r.addEventListener("animationcancel",a),r.addEventListener("animationend",a),()=>{n.clearTimeout(t),r.removeEventListener("animationstart",s),r.removeEventListener("animationcancel",a),r.removeEventListener("animationend",a)}}u("ANIMATION_END")},[r,u]),{isPresent:["mounted","unmountSuspended"].includes(c),ref:s.useCallback(e=>{e&&(i.current=getComputedStyle(e)),a(e)},[])}}(t),a="function"==typeof n?n({present:r.isPresent}):s.Children.only(n),i=(0,m.s)(r.ref,function(e){var t,n;let r=null==(t=Object.getOwnPropertyDescriptor(e.props,"ref"))?void 0:t.get,a=r&&"isReactWarning"in r&&r.isReactWarning;return a?e.ref:(a=(r=null==(n=Object.getOwnPropertyDescriptor(e,"ref"))?void 0:n.get)&&"isReactWarning"in r&&r.isReactWarning)?e.props.ref:e.props.ref||e.ref}(a));return"function"==typeof n||r.isPresent?s.cloneElement(a,{ref:i}):null};function h(e){return(null==e?void 0:e.animationName)||"none"}f.displayName="Presence";

1var x=n(68946),N="Collapsible",[v,g]=function(e,t=[]){let n=[],a=()=>{let t=n.map(e=>s.createContext(e));return function(n){let r=n?.[e]||t;return s.useMemo(()=>({[`__scope${e}`]:{...n,[e]:r}}),[n,r])}};return a.scopeName=e,[function(t,a){let i=s.createContext(a),l=n.length;n=[...n,a];let o=t=>{let{scope:n,children:a,...o}=t,c=n?.[e]?.[l]||i,u=s.useMemo(()=>o,Object.values(o));return(0,r.jsx)(c.Provider,{value:u,children:a})};return o.displayName=t+"Provider",[o,function(n,r){let o=r?.[e]?.[l]||i,c=s.useContext(o);if(c)return c;if(void 0!==a)return a;throw Error(`\`${n}\` must be used within \`${t}\``)}]},function(...e){let t=e[0];if(1===e.length)return t;let n=()=>{let n=e.map(e=>({useScope:e(),scopeName:e.scopeName}));return function(e){let r=n.reduce((t,{useScope:n,scopeName:r})=>{let a=n(e)[`__scope${r}`];return{...t,...a}},{});return s.useMemo(()=>({[`__scope${t.scopeName}`]:r}),[r])}};return n.scopeName=t.scopeName,n}(a,...t)]}(N),[b,y]=v(N),w=s.forwardRef((e,t)=>{let{__scopeCollapsible:n,open:a,defaultOpen:i,disabled:l,onOpenChange:o,...c}=e,[d=!1,m]=(0,u.i)({prop:a,defaultProp:i,onChange:o});return(0,r.jsx)(b,{scope:n,disabled:l,contentId:(0,x.B)(),open:d,onOpenToggle:s.useCallback(()=>m(e=>!e),[m]),children:(0,r.jsx)(p.sG.div,{"data-state":R(d),"data-disabled":l?"":void 0,...c,ref:t})})});w.displayName=N;var j="CollapsibleTrigger",_=s.forwardRef((e,t)=>{let{__scopeCollapsible:n,...a}=e,i=y(j,n);return(0,r.jsx)(p.sG.button,{type:"button","aria-controls":i.contentId,"aria-expanded":i.open||!1,"data-state":R(i.open),"data-disabled":i.disabled?"":void 0,disabled:i.disabled,...a,ref:t,onClick:(0,c.m)(e.onClick,i.onOpenToggle)})});_.displayName=j;var C="CollapsibleContent",O=s.forwardRef((e,t)=>{let{forceMount:n,...a}=e,i=y(C,e.__scopeCollapsible);return(0,r.jsx)(f,{present:n||i.open,children:e=>{let{present:n}=e;return(0,r.jsx)(M,{...a,ref:t,present:n})}})});O.displayName=C;var M=s.forwardRef((e,t)=>{let{__scopeCollapsible:n,present:a,children:i,...l}=e,o=y(C,n),[c,u]=s.useState(a),f=s.useRef(null),h=(0,m.s)(t,f),x=s.useRef(0),N=x.current,v=s.useRef(0),g=v.current,b=o.open||c,w=s.useRef(b),j=s.useRef();return s.useEffect(()=>{let e=requestAnimationFrame(()=>w.current=!1);return()=>cancelAnimationFrame(e)},[]),(0,d.N)(()=>{let e=f.current;if(e){j.current=j.current||{transitionDuration:e.style.transitionDuration,animationName:e.style.animationName},e.style.transitionDuration="0s",e.style.animationName="none";let t=e.getBoundingClientRect();x.current=t.height,v.current=t.width,w.current||(e.style.transitionDuration=j.current.transitionDuration,e.style.animationName=j.current.animationName),u(a)}},[o.open,a]),(0,r.jsx)(p.sG.div,{"data-state":R(o.open),"data-disabled":o.disabled?"":void 0,id:o.contentId,hidden:!b,...l,ref:h,style:{"--radix-collapsible-content-height":N?"".concat(N,"px"):void 0,"--radix-collapsible-content-width":g?"".concat(g,"px"):void 0,...e.style},children:b&&i})});function R(e){return e?"open":"closed"}var T=n(36358),A=n(85203),E=n.n(A),I=n(15239);function k(e){let{locale:t,onClose:n,viewAllFromText:c,enabled:u=!0}=e,[d,m]=(0,s.useState)(null),{data:p=[],isLoading:f}=(0,i.F2)(t,u),h=()=>{null==n||n(),m(null)};return f&&0===p.length?(0,r.jsx)("ul",{className:"flex flex-col gap-2 list-none mt-16 animate-pulse",children:Array.from({length:8}).map((e,t)=>(0,r.jsx)("li",{className:"h-10 bg-gray-100 rounded-[10px]"},t))}):(0,r.jsx)("ul",{className:"flex flex-col lg:flex-row gap-2 list-none mt-16 overflow-x-hidden -p-4",children:p.map((e,t)=>{var n;let i=d===e.id;return(0,r.jsxs)(w,{open:i,onOpenChange:t=>m(t?e.id:null),className:"cursor-pointer",children:[(0,r.jsx)(_,{asChild:!0,children:(0,r.jsx)("li",{className:E()("no-underline last:pr-0 font-sans","px-2 py-2 rounded-[10px]","transition-colors duration-150","hover:bg-gray-50 active:bg-gray-100"),onClick:()=>{var t;return t=e.id,void m(e=>e===t?null:t)},children:(0,r.jsxs)("div",{className:"flex flex-row justify-between items-center",children:[(0,r.jsx)("div",{className:"flex flex-row space-x-2 items-center min-w-0",children:(0,r.jsx)("span",{className:E()("text-base transition-colors truncate",i?"text-primary font-semibold":"text-[#120102] font-medium"),children:null==e?void 0:e.name})}),(0,r.jsx)("div",{className:"mr-1 shrink-0",children:i?(0,r.jsx)(I.default,{src:l,height:12,width:12,alt:"arrow down icon",className:E()("transition-[filter] duration-150","[filter:invert(27%)_sepia(92%)_saturate(4000%)_hue-rotate(338deg)_brightness(95%)_contrast(105%)]")}):(0,r.jsx)(I.default,{src:o,height:6,width:6,alt:"arrow icon"})})]})},e.url+t)}),(0,r.jsx)(O,{children:(0,r.jsx)("div",{className:"flex flex-col border-y-0 border-r-0 pl-2",children:(0,r.jsxs)("div",{className:"flex flex-col md:gap-2 sm:gap-0 xs:gap-0 gap-0",children:[(0,r.jsx)("li",{onClick:h,children:(0,r.jsx)(a.A,{className:"px-0 w-full transition active:scale-[0.99] active:opacity-90",href:"category/".concat((0,T.Yv)((0,T.zJ)(e.url)),"/").concat(null==e?void 0:e.id),children:(0,r.jsx)("span",{className:"text-sm text-[#120102] font-normal",children:c})})}),(null!=(n=null==e?void 0:e.children)?n:[]).map(t=>(0,r.jsx)("li",{className:"overflow-hidden",onClick:h,children:(0,r.jsx)(a.A,{className:"px-0 w-full transition active:scale-[0.99] active:opacity-90",href:"category/".concat((0,T.Yv)((0,T.zJ)(e.url)),"/").concat(null==e?void 0:e.id,"?category-2=").concat((0,T.zJ)(t.url)),fontSize:"text-sm",children:(0,r.jsx)("span",{className:"text-sm text-[#120102] font-normal",children:null==t?void 0:t.name})})},t.id))]})})})]},e.id)})})}}}]);