@anker-in/headless-ui 1.1.17-alpha.1765976123730 → 1.1.17-alpha.1766030104268

package/dist/esm/biz-components/HeaderNavigation/index.js

@@ -1,2 +1,2 @@
-"use client";import{Fragment as U,jsx as e,jsxs as l}from"react/jsx-runtime";import Ce,{forwardRef as ee,useCallback as V,useEffect as H,useImperativeHandle as Se,useMemo as L,useRef as j,useState as z}from"react";import{Picture as X,Text as y,Button as R,Container as te,Link as O,Heading as ie,BrandStrip as De}from"../../components/index.js";import"../../shared/Styles.js";import{cn as k,atobID as Le}from"../../helpers/utils.js";import Me,{useNavContext as K}from"./NavProvider.js";import{HeaderNavigationMenu as A,HeaderNavigationBlockType as I,HeaderNavigationActionBlockType as T}from"./types.js";import{debounce as Pe}from"es-toolkit";import Ee from"jump.js";import{useGSAP as oe}from"@gsap/react";import{gsap as se}from"gsap";import{WithSidebar as ce,WithSupports as ue,WithMulticol as de,WithGroupCategory as pe}from"./withCategory.js";import{Menu as ze,Close as me,User as Be,RightArrow as He,LeftArrow as Te,DownArrow as ae,Polygon as $e}from"./icons/index.js";import Re from"../NavigationSearch/index.js";const Ae=ee((t,a)=>{const{data:{header:n}={},buildProps:i,event:p,profile:m,theme:f="light",isTop:u=!1,searchResult:h,onSearch:v,isSearching:r,keywords:M,onPrimaryNavClick:w,onSeriesProductClick:d,onSidebarNavClick:x,headerId:b,cartCount:g,menuData:o}=t,[c,S]=z(!1),[D,P]=z(!1),C=j(null),$=j(null),G=()=>{const N=document?.querySelector("body")?.offsetWidth||0;P(N<=1440)};H(()=>(G(),window.addEventListener("resize",G),()=>{window.removeEventListener("resize",G)}),[]),Se(a,()=>$.current),H(()=>{$.current&&u&&Ee($.current,{duration:0,offset:$.current?.getBoundingClientRect()?.bottom||0})},[u]),H(()=>{p&&(p.search=()=>S(!0))},[p]),oe(()=>{C?.current&&c&&se.fromTo(C.current,{height:0},{height:"auto",duration:.3})},[c]),H(()=>{document.documentElement.style.overflow=c?"hidden":"auto"},[c]);const W=L(()=>n?.bar?.actions?.find(N=>N?.blockType===T.Search)?.searchBar?.[0]||{},[n]);return e(Me,{buildProps:i,profile:m,isMobile:D,event:p,payloadData:n,onSidebarNavClick:x,onSeriesProductClick:d,cartCount:g,children:e("header",{id:b||"header","data-ui-component-id":"HeaderNavigation",className:"relative z-[100] bg-white",ref:$,children:l("div",{className:k("hover:bg-white hover:text-black",f==="light"?"text-black":"text-white",{}),children:[e(je,{data:n,className:"desktop:block hidden !bg-white",theme:f,onPrimaryNavClick:w}),e(Ie,{menuData:o,data:n,className:"desktop:hidden block !bg-white",onPrimaryNavClick:w}),c&&l("div",{className:"absolute left-0 top-0 z-[60] flex w-full flex-col bg-black/70",style:{height:`calc(100dvh - ${$?.current?.getBoundingClientRect()?.top}px)`},role:"dialog","aria-modal":"true","aria-label":"Search",children:[e("div",{ref:C,className:k("overflow-y-auto",{}),children:e(Re,{data:W,keywords:M,isSearching:r,searchResult:h,onSearch:N=>{v?.(N)},onClose:()=>{v?.(),S(!1)}})}),e("div",{className:"flex-1 bg-transparent",onClick:()=>S(!1),role:"button",tabIndex:0,"aria-label":"Close search",onKeyDown:N=>{(N.key==="Enter"||N.key===" "||N.key==="Escape")&&(N.preventDefault(),S(!1))}})]})]})})})}),je=ee((t,a)=>{const{data:n,onNavItemClick:i,className:p,theme:m,onPrimaryNavClick:f}=t,{event:u,profile:h}=K(),[v,r]=z(!1),M=L(()=>pe(n?.categories?.filter(s=>s?.pcShow)),[n]),[w,d]=z(null),[x,b]=z([]),g=j(null),[o,c]=z(!1),S=j(null),D=j(null),P=j(M.map(s=>Array(s?.length||0).fill(null)));H(()=>{M?.length&&b(M?.map((s,E)=>s?.map((B,F)=>({groupIndex:E,index:F,open:!1}))))},[M]);const C=L(()=>{let s=null;for(const E of x){for(const B of E)if(B.open){s=B;break}if(s)break}return s},[x]);H(()=>{document.documentElement.style.overflow=C?.open||o?"hidden":"auto"},[C?.open,o]);const $=(s,E,B)=>{if(c(!1),w?.components?.[0]?.blockType===I.Links)w?.components?.[0]?.url&&window.open(w?.components?.[0]?.url);else{const F=M?.flat()||[],J=F?.findIndex(_=>_?.id===M[E][B]?.id);s.stopPropagation(),i?.(),f?.(F[J],J),d(M[E][B]),b(_=>_.map(we=>we.map(Y=>Y.groupIndex===E&&Y.index===B?{...Y,open:!Y.open}:{...Y,open:!1})))}},G=(s,E,B)=>{s.key==="Enter"||s.key===" "?(s.preventDefault(),$(s,E,B)):s.key==="Escape"&&C?.groupIndex===E&&C?.index===B&&(s.preventDefault(),W())},W=()=>{b(s=>s.map(E=>E.map(B=>({...B,open:!1}))))},N=L(()=>{if(w)return w?.components?.[0]?.blockType},[w]),ne=ce(Fe,w),q=de(_e,w),Ne=ue(Oe,{categoriesItem:w,currentNavItemRef:P.current?.[C?.groupIndex||0]?.[C?.index||0]}),ke=L(()=>{switch(N){case I.Sidebar:return e(ne,{});case I.Supports:return e(Ne,{});case I.Multicol:return e(q,{});default:return null}},[N,w]),le=L(()=>n?.bar?.actions?.filter(s=>s?.pcShow),[n]),Q=L(()=>le?.find(s=>s?.blockType===T.Profile),[le]),re=V(()=>{c(s=>!s)},[]);return H(()=>{if(g?.current){const s=g.current;return s.addEventListener("click",re),()=>{s.removeEventListener("click",re)}}},[re]),oe(()=>{C?.open&&se.fromTo(D?.current,{height:0},{height:"auto"})},[C?.open]),l(te,{className:k("relative h-[96px]",p),children:[l("div",{ref:S,onClick:W,className:"flex h-full flex-col justify-end gap-4",children:[l("div",{className:"flex items-center justify-between",children:[e(ye,{}),e(he,{ref:g,actions:le,activeStatus:o})]}),e("nav",{className:"flex justify-between",role:"navigation","aria-label":"Primary navigation",children:M?.map((s,E)=>e("div",{className:"flex gap-3",children:s?.map((B,F)=>{const J=C?.groupIndex===E&&C?.index===F;return e("div",{ref:_=>{P.current[E][F]=_},className:"group cursor-pointer",children:l("div",{className:"relative",children:[l("button",{className:"flex cursor-pointer items-center gap-1 border-0 bg-transparent pb-4",onClick:_=>$(_,E,F),onKeyDown:_=>G(_,E,F),"aria-expanded":J,"aria-haspopup":"true","aria-label":B.text,children:[e(y,{html:B.text,className:"text-sm font-bold leading-[1.4]"}),e(ae,{"aria-hidden":"true",className:k("size-4 opacity-0 transition-opacity duration-500 group-hover:opacity-100",{"rotate-180":J,"opacity-100":v&&J})})]}),e("div",{className:k("absolute bottom-0 left-0 h-[2px] w-0 transition-all duration-500",{"w-[calc(100%-20px)]":J},m==="dark"?"bg-white":"bg-[#080A0F]"),"aria-hidden":"true"})]})},B.id)})},`groupCategory-${E}`))})]}),l("div",{role:"menu","aria-hidden":!(C?.open&&w),className:k("absolute left-0 top-full z-[999] flex w-full flex-col overflow-hidden border-t border-b-[#E4E5E6] bg-black/70 text-black",{hidden:!(C?.open&&w)}),onMouseEnter:()=>r(!0),onMouseLeave:()=>r(!1),style:{height:`calc(100dvh - ${S?.current?.getBoundingClientRect()?.bottom}px)`},children:[e("div",{ref:D,className:k("relative z-50",{"overflow-hidden":N!==I.Supports}),children:ke}),e("div",{className:"flex-1 bg-transparent",onClick:W,role:"button",tabIndex:0,"aria-label":"Close menu",onKeyDown:s=>{(s.key==="Enter"||s.key===" "||s.key==="Escape")&&(s.preventDefault(),W())}})]}),o&&l("div",{className:"absolute left-0 top-full z-[999] flex h-dvh w-full bg-black/70",role:"dialog","aria-modal":"true","aria-label":"User profile menu",children:[e("div",{className:"absolute w-[272px] bg-white p-4",style:{right:`calc(100% - ${g?.current?.getBoundingClientRect()?.right}px)`,top:"-36px"},children:h?.email?l(U,{children:[e(y,{html:h?.nick_name||Q?.welcome,className:"text-sm font-bold"}),e("div",{className:"mt-2 h-px bg-[#D9D9D9]","aria-hidden":"true"}),e("nav",{className:"mt-2",role:"navigation","aria-label":"Profile navigation",children:Q?.profiles?.map(s=>e(Z,{className:"py-2",label:s?.title,href:s?.url},s.id))})]}):l(U,{children:[e($e,{className:"absolute -top-2 right-[46px] z-30 text-white","aria-hidden":"true"}),e(y,{html:Q?.benefits_title,className:"text-sm font-bold leading-[1.4]"}),e("div",{className:"mt-2 flex flex-col gap-1",children:Q?.benefits?.map(s=>l("div",{className:"flex items-center gap-[6px]",children:[e(X,{source:s.benefitIcon?.url,className:"size-4",alt:s.benefit,width:16,height:16}),e(y,{html:s.benefit,className:"text-sm font-bold leading-[1.4]"})]},s.id))}),l("div",{className:"mt-4 flex items-center gap-2",children:[e(R,{variant:"secondary",size:"lg",onClick:()=>u?.join?.(),children:e(y,{html:Q?.primaryButton||"Join Now",className:"font-bold"})}),e(R,{variant:"primary",size:"lg",onClick:()=>u?.login?.(),children:e(y,{html:Q?.secondaryButton||"Log In",className:"font-bold"})})]})]})}),e("div",{className:"flex-1 bg-transparent",onClick:()=>c(!1),role:"button",tabIndex:0,"aria-label":"Close profile menu",onKeyDown:s=>{(s.key==="Enter"||s.key===" "||s.key==="Escape")&&(s.preventDefault(),c(!1))}})]})]})}),Fe=Ce.memo(({sidebarCategoriesMetadata:t,seriesMetadata:a})=>{const{buildProps:n,onSidebarNavClick:i}=K(),[p,m]=z([]),[f,u]=z(-1),h=j(null),v=V(()=>{const d=t?.subcategories;if(!d?.length)return;const x=d.findIndex(o=>!!o?.subSubCategories),b=d.findIndex(o=>!o?.subSubCategories),g=d.map((o,c)=>({index:c,open:x===c||b===c}));m(g)},[t]);H(()=>{v()},[v]);const r=L(()=>{const d=t?.subcategories?.[p?.find(b=>b.open)?.index||0],x=a?.find(b=>b?.label?.toLowerCase()===d?.label?.toLowerCase())||{};if(d?.collections){const b=n?.categories?.[d?.collections]||{};return{label:x?.label,isCollection:!0,banner:x?.banner,primary:x?.primary,series:[{products:b?.products}]}}else if(d?.subSubCategories){const b=d?.subSubCategories?.[f],g=a?.find(o=>o?.label?.toLowerCase()===b?.label?.toLowerCase())||{};if(b?.collections){const o=n?.categories?.[b?.collections]||{};return{label:g?.label,isCollection:!0,banner:g?.banner,primary:g?.primary,series:[{products:o?.products}]}}else return g}else return x},[t,p,f,a,n]),M=V((d,x)=>{if(x?.subSubCategories?.length>0?u(0):u(-1),x?.subSubCategories?.length>0)m(b=>b.map(g=>g.index===d?{...g,open:!0}:{...g,open:!1}));else{const g=t?.subcategories?.findIndex(o=>!!o?.subSubCategories);m(o=>o.map(c=>({...c,open:c.index===d||c.index===g})))}},[t]),w=(d,x)=>{m(b=>b.map(g=>g.index===d?{...g,open:!0}:{...g,open:!1})),u(x)};return l(te,{childClassName:"lg-desktop:gap-12 flex bg-white gap-8",children:[l("div",{className:"lg-desktop:basis-[356px] flex basis-[284px] flex-col gap-4 py-4",style:{userSelect:"none"},ref:h,children:[e("div",{className:"desktop:h-[416px] flex flex-col overflow-y-auto",style:{scrollbarWidth:"none",msOverflowStyle:"none"},children:t?.subcategories?.map((d,x)=>{const b=Array.isArray(d?.subSubCategories)&&d?.subSubCategories?.length>0,g=p?.find(o=>o.index===x)?.open;return l("div",{children:[l("button",{className:k("flex w-full cursor-pointer items-center justify-between border-0 bg-transparent text-left",{"bg-[#F5F5F7]":!b&&g}),onClick:()=>{M(x,d),i?.(d,x)},"aria-expanded":b?g:void 0,"aria-haspopup":b?"true":void 0,children:[e(y,{html:d.label,className:"p-4 text-sm font-bold leading-[1.4]"}),b&&e(ae,{"aria-hidden":"true",className:k("size-4",{"rotate-180":g})})]}),g&&e("div",{className:"flex flex-col",role:"menu",children:d.subSubCategories?.map((o,c)=>e("button",{onClick:()=>{w(x,c),i?.(o,c)},className:k("w-full cursor-pointer border-0 bg-transparent px-6 py-4 text-left",{"bg-[#F5F5F7]":f===c}),role:"menuitem","aria-label":o.label,children:e(y,{html:o.label,className:"text-sm font-bold leading-[1.4] text-[#6D6D6F] hover:bg-[#F5F5F7]"})},`subSubItem-${x}-${c}`))})]},`subcategoryItem-${x}`)})}),t&&e("div",{className:"flex",children:l("div",{className:"flex flex-col gap-4",children:[t?.primary&&e(R,{as:"a",href:`${t?.primary?.url}?ref=${t?.primary?.label}_shopall`,variant:"primary",size:"lg",className:"lg-desktop:text-base text-sm",children:t?.primary?.label}),t?.secondary&&e(R,{as:"a",href:t?.secondary?.url,variant:"link",size:"lg",className:"lg-desktop:text-base justify-start !p-0 text-sm",children:t?.secondary?.label})]})})]}),l("div",{className:"flex-1 py-4",children:[Reflect.ownKeys(r).length>0&&l("div",{className:"mb-4 flex items-center justify-between",children:[l("div",{className:"flex items-center gap-2",children:[e(y,{html:r?.label,className:"lg-desktop:text-2xl text-xl font-bold leading-[1.4]"}),r?.primary&&!r?.primary?.hide&&e(R,{as:"a",href:`${r?.primary?.url}?ref=${r?.label}_viewmore`,variant:"link",size:"lg",className:"lg-desktop:text-base justify-start !p-0 text-sm font-bold leading-[1.2] no-underline",children:r?.primary?.label})]}),e(O,{href:r?.guide?.url,className:"lg-desktop:text-base text-sm leading-[1.2] text-[#6D6D6F]",children:r?.guide?.label})]}),e("div",{className:"flex h-[426px] flex-col gap-4 overflow-y-auto",style:{scrollbarWidth:"none",msOverflowStyle:"none"},children:r?.series?.map((d,x)=>l("div",{children:[d.label&&e(y,{html:d.label,className:"mb-2 text-sm font-bold leading-[1.4] text-[#6D6D6F]"}),l("div",{className:"grid grid-cols-3 gap-4",children:[!!r?.banner&&e(O,{asChild:!r?.banner?.href,href:r?.banner?.href,children:l("div",{className:"[&_img]:hover:duration-600 relative [&_img]:hover:scale-110 [&_img]:hover:transition-all",children:[e(X,{source:r?.banner?.imageUrl,className:"laptop:h-[120px] h-[114px]",imgClassName:"object-cover h-full"}),l("div",{className:"absolute inset-x-0 bottom-0 p-4",children:[e(ie,{size:2,html:r?.banner?.title||"Buy in Guide",className:"font-bold text-white"}),e(y,{html:r?.banner?.desc||"20.000mAh",className:"text-sm font-bold text-white"})]})]})}),d.products?.map((b,g)=>e(be,{seriesLabel:r?.label,product:b,isCollection:r?.isCollection},`seriesProductItem-${g}`))]})]},`seriesItem-${x}`))})]})]})}),_e=({multicolMetadata:t})=>{const a=j(null);return e("div",{ref:a,children:e(te,{childClassName:"bg-white",className:"h-full",children:e("div",{className:"flex gap-4 py-4",children:t?.map((n,i)=>e("div",{className:"w-1/4",children:e(fe,{item:n})},`multicolItem-${n?.label}-${i}`))})})})},Oe=({supportsMetadata:t,currentNavItemRef:a})=>{const n=j(null),[i,p]=z(null),[m,f]=z(0);H(()=>{if(n?.current){const h=n?.current?.getBoundingClientRect();f(h.height)}},[n]);const u=Pe(()=>{if(a){const h=a.getBoundingClientRect();p(h)}},500);return H(()=>(u(),window.addEventListener("resize",u),()=>{window.removeEventListener("resize",u)}),[u]),H(()=>{if(a){const h=a.getBoundingClientRect();p(h)}},[a]),e("div",{className:"absolute top-0 h-full overflow-hidden bg-white transition-all duration-500",style:{right:`calc(100% - ${i?.right}px)`,height:m},children:e("div",{ref:n,className:"p-4",children:t?.map(h=>e("div",{className:"py-2",children:e(O,{href:h.url,className:"text-sm font-bold leading-[1.4] no-underline",children:h.label})},h.id))})})},be=({product:t,isCollection:a,position:n,seriesLabel:i})=>{const{buildProps:p,onSeriesProductClick:m}=K();let f=a?t:p?.products?.find(r=>r.handle===t.handle);const u=f?.variants?.find(r=>r.sku===t.sku)||f?.variants?.[0],h=L(()=>`/products/${f?.handle}?variant=${Le(u?.id)}`,[f?.handle,u?.id]),v=L(()=>f?.tags?.filter?.(r=>r?.startsWith?.("CLtag"))?.map?.(r=>r?.replace?.("CLtag:",""))?.slice?.(0,2),[f?.tags]);return u?.availableForSale?e(O,{href:h,onClick:r=>{r.preventDefault(),window.open(h,"_self"),m?.(f,n||0,i)},className:"no-underline hover:text-current",children:l("div",{className:"flex shrink-0 items-center gap-4 bg-[#F5F5F7] px-4 py-3 [&_img]:hover:scale-110",children:[e("div",{className:"shrink-0",children:e(X,{source:`${u?.image?.url||t?.images?.[0]?.url}}`,width:90,height:90,className:"size-[96px]",imgClassName:"object-contain h-full"})}),l("div",{className:"relative",children:[e("div",{className:"flex gap-1",children:Array.isArray(v)&&v?.map(r=>e(y,{as:"p",html:r,className:"text-brand-0 mb-1 inline-block h-[24px] whitespace-nowrap rounded-full border-[1.6px] border-[#00BEFA] px-[6px] text-sm font-bold !leading-[22px]"}))}),e(y,{className:"lg-desktop:h-[44px] lg-desktop:text-base line-clamp-2 h-[40px] text-sm font-bold leading-[1.4]",html:f?.title||t?.name}),t?.desc&&e(y,{as:"p",html:t?.desc,className:"lg-desktop:text-sm mt-1 line-clamp-1 text-xs font-bold leading-[1.4] text-[#6D6D6F]"})]})]})}):null},fe=({item:t,allPicture:a})=>l(U,{children:[t?.columns&&l(U,{children:[e(y,{html:t.label,as:"div",className:"my-2 text-sm font-bold leading-[1.4] text-[#6D6D6F]"}),e("div",{className:"mt-2 flex flex-col",children:t.columns?.map(n=>l("div",{className:"flex items-center gap-1 py-2",children:[e(O,{href:`${n.url}?ref=navMenu`,asChild:!n.url,className:"text-sm font-bold leading-[1.4] no-underline",children:n.label}),n?.badge&&e(y,{as:"p",html:n?.badge||"badge",className:"text-brand-0 h-[24px] rounded-full border-[1.6px] border-[var(--brand-color-0)] px-[6px] text-sm font-bold !leading-[22px]"})]},n.label))})]}),t?.imageUrl&&e("div",{className:k("laptop:h-[280px] desktop:h-[224px] lg-desktop:h-[280px] tablet:max-w-[346px] laptop:max-w-[440px] desktop:w-full relative h-[240px] max-w-[358px] overflow-hidden",{"tablet:max-w-none laptop:max-w-none":a}),children:l(O,{href:`${t.url}?ref=navMenu`,asChild:!t.url,children:[e(X,{source:t.imageUrl,width:404,height:280,className:"size-full",imgClassName:"object-cover h-full hover:scale-105 transition-all duration-300"}),l("div",{className:"absolute bottom-4 left-4 z-10 flex flex-col justify-end no-underline",children:[e(y,{html:t.title,className:k("lg-desktop:text-2xl text-xl font-bold leading-[1.2] text-white",{"text-black":t?.theme==="dark"})}),t.subtitle&&e(y,{html:t.subtitle,className:k("text-sm font-bold leading-[1.4] text-white",{"text-black":t?.theme==="dark"})}),t?.primary?.label&&e(R,{as:"a",href:t?.primary?.url,variant:"link",size:"lg",className:k("mr-auto !p-0 text-sm font-bold leading-[1.4] text-white",{"text-black":t?.theme==="dark"}),children:t?.primary?.label||"more"})]})]})})]}),Ie=ee(({data:t,menuData:a,className:n,onPrimaryNavClick:i},p)=>{const m=L(()=>pe(t?.categories?.filter(N=>N?.mobileShow)),[t]),{currentMenu:f,setCurrentMenu:u,subSubCategory:h}=K(),[v,r]=z(!1),[M,w]=z(0),[d,x]=z(null),b=j(null);H(()=>{if(b?.current&&v){const N=b?.current?.getBoundingClientRect();w(window?.innerHeight-(N?.bottom||0))}},[v]),oe(()=>{se.fromTo(b.current,{height:0},{height:M,duration:.3})},[M]),H(()=>{document.documentElement.style.overflow=v?"hidden":"auto"},[v]);const g=L(()=>d?.components?.[0]?.blockType,[d]),o=ue(Ue,{categoriesItem:d}),c=ce(Ke,d),S=de(Ge,d),D=L(()=>{switch(g){case I.Sidebar:return e(c,{});case I.Supports:return e(o,{});case I.Multicol:return e(S,{});default:return null}},[g,d,o]),P=V(()=>{r(!1),w(0),u&&u(A.Primary)},[r,w,u]),C=L(()=>t?.bar?.actions?.filter(N=>N?.mobileShow&&N?.blockType!==T.Profile),[t]),$=L(()=>t?.bar?.actions?.find(N=>N?.mobileShow&&N?.blockType===T.Profile)||{},[t]),G=L(()=>{switch(f){case A.Primary:return e(Ve,{actions:C,menuOpen:v,onMenuOpenClose:()=>{r(!1),w(0)},onMenuOpenClick:()=>r(!0)});case A.Secondary:return e(xe,{title:d?.text,onMenuOpenClose:P,onMenuBackClick:()=>u?.(A.Primary)});case A.Third:return e(xe,{title:h?.label,onMenuOpenClose:P,onMenuBackClick:()=>u?.(A.Secondary)});default:return null}},[v,f,u,d,C,h,P]),W=V((N,ne)=>{const q=Array.isArray(m)?Array.isArray(m[N])?m[N][ne]:{}:{};x(q),q?.components?.[0]?.blockType===I.Links?q?.components?.[0]?.url&&window.open(q?.components?.[0]?.url):u?.(A.Secondary)},[m,u]);return l(te,{className:k("relative h-[52px]",n),children:[G,v&&l("nav",{ref:b,className:"absolute left-0 top-full z-[999] w-full overflow-y-auto border-t border-[#E4E5E6] bg-white text-black",style:{height:M},role:"navigation","aria-label":"Mobile navigation menu",children:[f===A.Primary?e("div",{className:"pt-4",children:e(De,{data:a})}):null,f===A.Primary?e(We,{categories:m,onPrimaryMenuClick:W,onPrimaryNavClick:i,profileAction:$}):D]})]})}),We=({categories:t,onPrimaryMenuClick:a,profileAction:n,onPrimaryNavClick:i})=>l("div",{className:"flex h-full flex-col justify-between",children:[e("div",{className:"tablet:px-8 laptop:px-16 p-4",children:t?.map((p,m)=>l("div",{className:"",children:[e("div",{className:k("my-2 h-px w-full bg-[#E5E5E7]")}),p?.map((f,u)=>e(Z,{label:f.text,onClick:()=>{const v=(t?.flat()||[])?.findIndex(r=>r?.id===t[m][u]?.id);a(m,u),i?.(f,v)},icon:f.components?.[0]?.icon},f.id))]},`groupCategory-${m}`))}),e(Je,{profileAction:n})]}),Ke=({sidebarCategoriesMetadata:t,seriesMetadata:a})=>{const{currentMenu:n,setCurrentMenu:i,subSubCategory:p,setSubSubCategory:m,setCurrentSeriesMetadata:f,currentSeriesMetadata:u,buildProps:h,onSidebarNavClick:v}=K(),[r,M]=z([]),[w,d]=z([]);H(()=>{t?.subcategories?.length&&M(t?.subcategories?.map((o,c)=>({index:c,open:!1})))},[t]),H(()=>{p?.subSubCategories?.length&&d(p?.subSubCategories?.map((o,c)=>({index:c,open:c===0})))},[p]);const x=V((o,c)=>{i&&i(A.Third),m?.(o);const S=a?.find(D=>c!==void 0?o?.subSubCategories?.[c]?.label?.toLowerCase()===D.label?.toLowerCase():o?.label?.toLowerCase()===D.label?.toLowerCase())||{};if(o?.collections){const D=h?.categories?.[o?.collections]||{};f?.({label:S?.label,isCollection:!0,banner:S?.banner,primary:S?.primary,series:[{products:D?.products}]})}else f?.(S)},[a,i,m,f,h?.categories]),b=L(()=>a?.find(o=>!!o?.guide)?.guide,[a]);return L(()=>{switch(n){case A.Secondary:return l("div",{className:"tablet:px-8 laptop:px-16 tablet:justify-start tablet:gap-16 flex h-full flex-col justify-between p-4",children:[e("div",{children:t?.subcategories?.map((o,c)=>e("div",{children:e(Z,{label:o?.label,active:r.find(S=>S.index===c)?.open,onClick:()=>{x(o),v?.(o,c)}})},`${o.label}-${c}`))}),l("div",{className:"tablet:items-start flex flex-col items-center gap-4",children:[t?.primary&&e(R,{as:"a",href:`${t?.primary?.url}?ref=${t?.primary?.label}_shopall`,variant:"primary",size:"lg",className:"tablet:w-auto w-full text-base",children:t?.primary?.label}),t?.secondary&&e(R,{as:"a",href:t?.secondary?.url,variant:"link",size:"lg",className:"tablet:w-auto tablet:px-0 w-full py-0 text-base",children:t?.secondary?.label})]})]});case A.Third:return l("div",{className:"tablet:px-8 laptop:px-16 p-4",children:[p?.subSubCategories?p?.subSubCategories?.map((o,c)=>{const S=a?.find(P=>P.label.toLowerCase()===o?.label?.toLowerCase())||{};let D={};if(o?.collections){const P=h?.categories?.[o?.collections]||{};D={label:S?.label,isCollection:!0,banner:S?.banner,primary:S?.primary,series:[{products:P?.products}]}}else D=S;return l("div",{children:[Reflect.ownKeys(o).length>0&&e(ve,{matchSeriesMetadata:D,onSubSubCategoryItemClick:()=>{v?.(o,c),d(P=>P.map((C,$)=>({...C,open:$===c?!C.open:C.open})))},expanded:!!w?.find(P=>P.index===c)?.open}),w?.find(P=>P.index===c)?.open&&l(U,{children:[e(ge,{matchSeriesMetadata:D}),D?.primary&&e("div",{className:"my-4 text-center",children:e(R,{as:"a",href:D?.primary?.url,className:"text-base leading-[1.2] no-underline",variant:"secondary",size:"base",children:D?.primary?.label})})]})]},`${o.label}-${c}`)}):l(U,{children:[Reflect.ownKeys(u).length>0&&e(ve,{matchSeriesMetadata:u}),e(ge,{matchSeriesMetadata:u}),u?.primary&&e("div",{className:"my-4 text-center ",children:e(R,{as:"a",href:`${u?.primary?.url}?ref=${u?.label}_viewmore`,variant:"secondary",size:"base",className:"text-base leading-[1.2] no-underline",children:u?.primary?.label})})]}),b&&e(O,{href:b?.url,children:e("div",{className:"mt-4",children:e(y,{html:b?.label,className:"text-sm font-bold leading-[1.2] text-[#6D6D6F]"})})})]});default:return null}},[n,t,a,r,w,p,u,h?.categories,b,x,v])},ve=({matchSeriesMetadata:t,onSubSubCategoryItemClick:a,expanded:n})=>{const i=l(U,{children:[t?.label&&e(y,{html:t?.label,className:"text-sm font-bold leading-[1.4]"}),a&&e(ae,{"aria-hidden":"true",className:k("size-5",{"rotate-180":n})})]});return a?e("button",{className:"tablet:pt-0 flex w-full cursor-pointer items-center justify-between border-0 bg-transparent py-4 text-left",onClick:a,"aria-expanded":n,children:i}):e("div",{className:"tablet:pt-0 flex items-center justify-between py-4",children:i})},ge=({matchSeriesMetadata:t})=>e("div",{className:"laptop:gap-3 flex flex-col gap-2",children:!!t?.series?.length&&t?.series?.map((a,n)=>l("div",{children:[a.label&&e(y,{html:a.label,className:"mb-2 text-sm font-bold leading-[1.4] text-[#3D3D3F]"}),l("div",{className:"laptop:grid-cols-3 laptop:gap-4 tablet:grid tablet:grid-cols-2 tablet:gap-3 flex flex-col gap-2",children:[!!t?.banner&&e(O,{asChild:!t?.banner?.href,href:t?.banner?.href,children:l("div",{className:"[&_img]:hover:duration-600 relative [&_img]:hover:scale-110 [&_img]:hover:transition-all",children:[e(X,{source:t?.banner?.imageUrl,className:"laptop:h-[120px] h-[114px]",imgClassName:"object-cover h-full"}),l("div",{className:"absolute inset-x-0 bottom-0 p-4",children:[e(ie,{size:2,html:t?.banner?.title||"Buy in Guide",className:k("font-bold text-white",{"text-black":t?.banner?.theme==="dark"})}),e(y,{html:t?.banner?.desc||"20.000mAh",className:k("text-sm font-bold text-white",{"text-black":t?.banner?.theme==="dark"})})]})]})}),a.products?.map((i,p)=>e(be,{position:p,product:i,seriesLabel:t?.label,isCollection:t?.isCollection},`seriesProductItem-${n}-${p}`))]})]},`seriesItem-${n}`))}),Ue=({supportsMetadata:t})=>e("div",{className:"tablet:px-8 laptop:px-16 p-4",children:t?.map(a=>e(Z,{href:a.url,label:a.label,onClick:()=>{}},a.id))}),Ge=({multicolMetadata:t})=>{const a=L(()=>!t?.some(n=>!!n.columns),[t]);return e("div",{className:k("tablet:py-4 tablet:px-8 laptop:px-16 tablet:gap-6 flex flex-col gap-4 p-4",{"tablet:grid tablet:grid-cols-2 tablet:gap-3 laptop:gap-4":a}),children:t?.map((n,i)=>e("div",{children:e(fe,{item:n,allPicture:a})},`multicolItem-${n?.label}-${i}`))})},Je=({profileAction:t})=>{const[a,n]=z(!1),{profile:i,event:p}=K();return l("div",{className:k("tablet:px-8 laptop:px-16 bg-[#F5F5F7] px-4 py-6",{"p-4":a}),children:[l("button",{className:"flex w-full cursor-pointer items-center justify-between border-0 bg-transparent",onClick:()=>n(!a),"aria-expanded":a,"aria-label":i?.nick_name||t?.welcome,children:[l("div",{className:"flex items-center gap-[14px]",children:[e("div",{className:"flex size-[40px] shrink-0 items-center justify-center rounded-full bg-white",children:e(Be,{"aria-hidden":"true"})}),e(y,{html:i?.nick_name||t?.welcome,className:"text-base font-bold leading-[1.4]"})]}),!i?.email&&e(ae,{"aria-hidden":"true",className:k("laptop:size-4 size-5",{"rotate-180":a})})]}),i?.email&&e("nav",{className:"mt-4",role:"navigation","aria-label":"Profile menu",children:t?.profiles?.map(m=>e(Z,{label:m?.title,href:m?.url},m.id))}),a&&!i?.email&&l("div",{className:"mt-4",children:[e(y,{html:t?.benefits_title,className:"text-sm font-bold leading-[1.4]"}),e("div",{className:"mt-2 flex flex-col gap-1",children:t?.benefits?.map(m=>l("div",{className:"flex items-center gap-[6px]",children:[e(X,{source:m.benefitIcon?.url,className:"size-4",alt:m.benefit,width:16,height:16}),e(y,{html:m.benefit,className:"text-sm font-bold leading-[1.4]"})]},m.id))})]}),!i?.email&&l("div",{className:"mt-4 flex items-center gap-3",children:[e(R,{className:"tablet:flex-none flex-1",variant:"secondary",size:"base",onClick:()=>p?.join?.(),children:e(y,{html:t?.primaryButton||"Join Now",className:"text-sm font-bold leading-[1.4]"})}),e(R,{className:"tablet:flex-none flex-1",variant:"primary",size:"base",onClick:()=>p?.login?.(),children:e(y,{html:t?.secondaryButton||"Log In",className:"text-sm font-bold leading-[1.4]"})})]})]})},Ve=({menuOpen:t,onMenuOpenClose:a,onMenuOpenClick:n,actions:i})=>l("div",{className:"flex h-full items-center justify-between gap-4",children:[e(ye,{}),l("div",{className:"desktop:gap-6 flex items-center gap-4",children:[e(he,{actions:i}),t?e("button",{className:"cursor-pointer border-0 bg-transparent p-0",onClick:()=>a(),"aria-label":"Close menu","aria-expanded":"true",children:e(me,{className:"size-5","aria-hidden":"true"})}):e("button",{className:"cursor-pointer border-0 bg-transparent p-0",onClick:()=>n(),"aria-label":"Open menu","aria-expanded":"false","aria-haspopup":"true",children:e(ze,{className:"size-5","aria-hidden":"true"})})]})]}),ye=()=>{const{payloadData:t,isMobile:a}=K();return e("a",{href:"/",className:"hover:text-brand-0 [&>svg]:w-full","aria-label":"Home",dangerouslySetInnerHTML:{__html:a?t?.bar?.mobileLogo:t?.bar?.desktopLogo}})},he=ee(({actions:t,activeStatus:a=!1},n)=>{const{event:i,cartCount:p}=K(),[m,f]=z(null),u=v=>{switch(v){case T.Search:return"Search";case T.Cart:return`Shopping cart${p>0?` (${p} items)`:""}`;case T.Profile:return"User profile";case T.Livestream:return"Livestream";default:return"Action"}},h=V((v,r)=>{switch(f(r),v?.blockType){case T.Search:i?.search?.();break;case T.Cart:i?.cart?.();break;case T.Profile:i?.profile?.();break;case T.Livestream:i?.livestream?.();break;default:return()=>{}}},[i]);return e("div",{className:"desktop:gap-6 flex items-center gap-4",children:Array.isArray(t)&&t?.map((v,r)=>l("button",{className:"relative cursor-pointer border-0 bg-transparent p-0",ref:v.blockType===T.Profile?n:null,onClick:()=>h(v,r),"aria-label":u(v.blockType),"aria-pressed":a&&m===r,children:[e(y,{html:v.icon,className:k("size-5",{"text-brand-0":a&&m===r}),"aria-hidden":"true"}),v.blockType===T.Cart&&p>0&&e("div",{className:"bg-brand-0 absolute right-[-12px] top-[calc(100%-16px)] z-[1] flex min-h-5 min-w-5 items-center justify-center rounded-full px-[2px]","aria-hidden":"true",children:e(y,{html:p?.toString(),className:"text-sm font-bold leading-[1.2] text-white"})})]},v.id))})}),xe=({title:t,onMenuOpenClose:a,onMenuBackClick:n})=>l("div",{className:"flex h-full items-center gap-3",children:[e("button",{className:"cursor-pointer border-0 bg-transparent p-0",onClick:()=>n(),"aria-label":"Back to previous menu",children:e(Te,{className:"size-5","aria-hidden":"true"})}),e(y,{html:t,className:"flex-1 text-center text-base font-bold leading-[1.4]"}),e("button",{className:"cursor-pointer border-0 bg-transparent p-0",onClick:()=>a(),"aria-label":"Close menu",children:e(me,{className:"size-5","aria-hidden":"true"})})]}),Z=({label:t,href:a,onClick:n,active:i,icon:p,className:m})=>{const f=l(U,{children:[l("div",{className:"flex items-center gap-4",children:[e(y,{html:t,className:k("text-sm font-bold leading-[1.4]",{underline:p})}),p&&e(y,{html:p,"aria-hidden":"true"})]}),e(He,{className:k("laptop:size-4 size-5",{"rotate-90":i}),"aria-hidden":"true"})]});return a?e(O,{href:a,className:k("flex cursor-pointer items-center justify-between py-4 no-underline",m),children:f}):e("button",{className:k("flex w-full cursor-pointer items-center justify-between border-0 bg-transparent py-4 text-left",m),onClick:n,"aria-expanded":i,children:f})};var ct=Ae;export{ct as default};
+"use client";import{Fragment as U,jsx as e,jsxs as l}from"react/jsx-runtime";import Le,{forwardRef as ee,useCallback as V,useEffect as B,useImperativeHandle as Pe,useMemo as L,useRef as j,useState as z}from"react";import{Picture as X,Text as y,Button as A,Container as te,Link as O,Heading as me,BrandStrip as Ee}from"../../components/index.js";import{withLayout as ze}from"../../shared/Styles.js";import{cn as k,atobID as He}from"../../helpers/utils.js";import Be,{useNavContext as K}from"./NavProvider.js";import{HeaderNavigationMenu as R,HeaderNavigationBlockType as I,HeaderNavigationActionBlockType as T}from"./types.js";import"react-responsive";import{debounce as Te}from"es-toolkit";import $e from"jump.js";import{useGSAP as ie}from"@gsap/react";import{gsap as se}from"gsap";import{WithSidebar as be,WithSupports as fe,WithMulticol as ve,WithGroupCategory as ge}from"./withCategory.js";import{Menu as Ae,Close as ye,User as Re,RightArrow as je,LeftArrow as Fe,DownArrow as ae,Polygon as _e}from"./icons/index.js";import Oe from"../NavigationSearch/index.js";const ce=ee((t,a)=>{const{data:{header:n}={},buildProps:s,event:p,profile:m,theme:f="light",isTop:d=!1,searchResult:h,onSearch:v,isSearching:r,keywords:D,onPrimaryNavClick:w,onSeriesProductClick:u,onSidebarNavClick:x,headerId:b,cartCount:g,menuData:o}=t,[c,S]=z(!1),[M,P]=z(!1),C=j(null),$=j(null),G=()=>{const N=document?.querySelector("body")?.offsetWidth||0;P(N<=1440)};B(()=>(G(),window.addEventListener("resize",G),()=>{window.removeEventListener("resize",G)}),[]),Pe(a,()=>$.current),B(()=>{$.current&&d&&$e($.current,{duration:0,offset:$.current?.getBoundingClientRect()?.bottom||0})},[d]),B(()=>{p&&(p.search=()=>S(!0))},[p]),ie(()=>{C?.current&&c&&se.fromTo(C.current,{height:0},{height:"auto",duration:.3})},[c]),B(()=>{document.documentElement.style.overflow=c?"hidden":"auto"},[c]);const W=L(()=>n?.bar?.actions?.find(N=>N?.blockType===T.Search)?.searchBar?.[0]||{},[n]);return e(Be,{buildProps:s,profile:m,isMobile:M,event:p,payloadData:n,onSidebarNavClick:x,onSeriesProductClick:u,cartCount:g,children:e("header",{id:b||"header","data-ui-component-id":"HeaderNavigation",className:"relative z-[100] bg-white",ref:$,children:l("div",{className:k("hover:bg-white hover:text-black",f==="light"?"text-black":"text-white",{}),children:[e(de,{data:n,className:"desktop:block hidden !bg-white",theme:f,onPrimaryNavClick:w}),e(pe,{menuData:o,data:n,className:"desktop:hidden block !bg-white",onPrimaryNavClick:w}),c&&l("div",{className:"absolute left-0 top-0 z-[60] flex w-full flex-col bg-black/70",style:{height:`calc(100dvh - ${$?.current?.getBoundingClientRect()?.top}px)`},role:"dialog","aria-modal":"true","aria-label":"Search",children:[e("div",{ref:C,className:k("overflow-y-auto",{}),children:e(Oe,{data:W,keywords:D,isSearching:r,searchResult:h,onSearch:N=>{v?.(N)},onClose:()=>{v?.(),S(!1)}})}),e("div",{className:"flex-1 bg-transparent",onClick:()=>S(!1),role:"button",tabIndex:0,"aria-label":"Close search",onKeyDown:N=>{(N.key==="Enter"||N.key===" "||N.key==="Escape")&&(N.preventDefault(),S(!1))}})]})]})})})}),de=ee((t,a)=>{const{data:n,onNavItemClick:s,className:p,theme:m,onPrimaryNavClick:f}=t,{event:d,profile:h}=K(),[v,r]=z(!1),D=L(()=>ge(n?.categories?.filter(i=>i?.pcShow)),[n]),[w,u]=z(null),[x,b]=z([]),g=j(null),[o,c]=z(!1),S=j(null),M=j(null),P=j(D.map(i=>Array(i?.length||0).fill(null)));B(()=>{D?.length&&b(D?.map((i,E)=>i?.map((H,F)=>({groupIndex:E,index:F,open:!1}))))},[D]);const C=L(()=>{let i=null;for(const E of x){for(const H of E)if(H.open){i=H;break}if(i)break}return i},[x]);B(()=>{document.documentElement.style.overflow=C?.open||o?"hidden":"auto"},[C?.open,o]);const $=(i,E,H)=>{if(c(!1),w?.components?.[0]?.blockType===I.Links)w?.components?.[0]?.url&&window.open(w?.components?.[0]?.url);else{const F=D?.flat()||[],J=F?.findIndex(_=>_?.id===D[E][H]?.id);i.stopPropagation(),s?.(),f?.(F[J],J),u(D[E][H]),b(_=>_.map(Me=>Me.map(Y=>Y.groupIndex===E&&Y.index===H?{...Y,open:!Y.open}:{...Y,open:!1})))}},G=(i,E,H)=>{i.key==="Enter"||i.key===" "?(i.preventDefault(),$(i,E,H)):i.key==="Escape"&&C?.groupIndex===E&&C?.index===H&&(i.preventDefault(),W())},W=()=>{b(i=>i.map(E=>E.map(H=>({...H,open:!1}))))},N=L(()=>{if(w)return w?.components?.[0]?.blockType},[w]),le=be(ue,w),q=ve(Ie,w),Se=fe(We,{categoriesItem:w,currentNavItemRef:P.current?.[C?.groupIndex||0]?.[C?.index||0]}),De=L(()=>{switch(N){case I.Sidebar:return e(le,{});case I.Supports:return e(Se,{});case I.Multicol:return e(q,{});default:return null}},[N,w]),re=L(()=>n?.bar?.actions?.filter(i=>i?.pcShow),[n]),Q=L(()=>re?.find(i=>i?.blockType===T.Profile),[re]),oe=V(()=>{c(i=>!i)},[]);return B(()=>{if(g?.current){const i=g.current;return i.addEventListener("click",oe),()=>{i.removeEventListener("click",oe)}}},[oe]),ie(()=>{C?.open&&se.fromTo(M?.current,{height:0},{height:"auto"})},[C?.open]),l(te,{className:k("relative h-[96px]",p),children:[l("div",{ref:S,onClick:W,className:"flex h-full flex-col justify-end gap-4",children:[l("div",{className:"flex items-center justify-between",children:[e(we,{}),e(ne,{ref:g,actions:re,activeStatus:o})]}),e("nav",{className:"flex justify-between",role:"navigation","aria-label":"Primary navigation",children:D?.map((i,E)=>e("div",{className:"flex gap-3",children:i?.map((H,F)=>{const J=C?.groupIndex===E&&C?.index===F;return e("div",{ref:_=>{P.current[E][F]=_},className:"group cursor-pointer",children:l("div",{className:"relative",children:[l("button",{className:"flex cursor-pointer items-center gap-1 border-0 bg-transparent pb-4",onClick:_=>$(_,E,F),onKeyDown:_=>G(_,E,F),"aria-expanded":J,"aria-haspopup":"true","aria-label":H.text,children:[e(y,{html:H.text,className:"text-sm font-bold leading-[1.4]"}),e(ae,{"aria-hidden":"true",className:k("size-4 opacity-0 transition-opacity duration-500 group-hover:opacity-100",{"rotate-180":J,"opacity-100":v&&J})})]}),e("div",{className:k("absolute bottom-0 left-0 h-[2px] w-0 transition-all duration-500",{"w-[calc(100%-20px)]":J},m==="dark"?"bg-white":"bg-[#080A0F]"),"aria-hidden":"true"})]})},H.id)})},`groupCategory-${E}`))})]}),l("div",{role:"menu","aria-hidden":!(C?.open&&w),className:k("absolute left-0 top-full z-[999] flex w-full flex-col overflow-hidden border-t border-b-[#E4E5E6] bg-black/70 text-black",{hidden:!(C?.open&&w)}),onMouseEnter:()=>r(!0),onMouseLeave:()=>r(!1),style:{height:`calc(100dvh - ${S?.current?.getBoundingClientRect()?.bottom}px)`},children:[e("div",{ref:M,className:k("relative z-50",{"overflow-hidden":N!==I.Supports}),children:De}),e("div",{className:"flex-1 bg-transparent",onClick:W,role:"button",tabIndex:0,"aria-label":"Close menu",onKeyDown:i=>{(i.key==="Enter"||i.key===" "||i.key==="Escape")&&(i.preventDefault(),W())}})]}),o&&l("div",{className:"absolute left-0 top-full z-[999] flex h-dvh w-full bg-black/70",role:"dialog","aria-modal":"true","aria-label":"User profile menu",children:[e("div",{className:"absolute w-[272px] bg-white p-4",style:{right:`calc(100% - ${g?.current?.getBoundingClientRect()?.right}px)`,top:"-36px"},children:h?.email?l(U,{children:[e(y,{html:h?.nick_name||Q?.welcome,className:"text-sm font-bold"}),e("div",{className:"mt-2 h-px bg-[#D9D9D9]","aria-hidden":"true"}),e("nav",{className:"mt-2",role:"navigation","aria-label":"Profile navigation",children:Q?.profiles?.map(i=>e(Z,{className:"py-2",label:i?.title,href:i?.url},i.id))})]}):l(U,{children:[e(_e,{className:"absolute -top-2 right-[46px] z-30 text-white","aria-hidden":"true"}),e(y,{html:Q?.benefits_title,className:"text-sm font-bold leading-[1.4]"}),e("div",{className:"mt-2 flex flex-col gap-1",children:Q?.benefits?.map(i=>l("div",{className:"flex items-center gap-[6px]",children:[e(X,{source:i.benefitIcon?.url,className:"size-4",alt:i.benefit,width:16,height:16}),e(y,{html:i.benefit,className:"text-sm font-bold leading-[1.4]"})]},i.id))}),l("div",{className:"mt-4 flex items-center gap-2",children:[e(A,{variant:"secondary",size:"lg",onClick:()=>d?.join?.(),children:e(y,{html:Q?.primaryButton||"Join Now",className:"font-bold"})}),e(A,{variant:"primary",size:"lg",onClick:()=>d?.login?.(),children:e(y,{html:Q?.secondaryButton||"Log In",className:"font-bold"})})]})]})}),e("div",{className:"flex-1 bg-transparent",onClick:()=>c(!1),role:"button",tabIndex:0,"aria-label":"Close profile menu",onKeyDown:i=>{(i.key==="Enter"||i.key===" "||i.key==="Escape")&&(i.preventDefault(),c(!1))}})]})]})}),ue=Le.memo(({sidebarCategoriesMetadata:t,seriesMetadata:a})=>{const{buildProps:n,onSidebarNavClick:s}=K(),[p,m]=z([]),[f,d]=z(-1),h=j(null),v=V(()=>{const u=t?.subcategories;if(!u?.length)return;const x=u.findIndex(o=>!!o?.subSubCategories),b=u.findIndex(o=>!o?.subSubCategories),g=u.map((o,c)=>({index:c,open:x===c||b===c}));m(g)},[t]);B(()=>{v()},[v]);const r=L(()=>{const u=t?.subcategories?.[p?.find(b=>b.open)?.index||0],x=a?.find(b=>b?.label?.toLowerCase()===u?.label?.toLowerCase())||{};if(u?.collections){const b=n?.categories?.[u?.collections]||{};return{label:x?.label,isCollection:!0,banner:x?.banner,primary:x?.primary,series:[{products:b?.products}]}}else if(u?.subSubCategories){const b=u?.subSubCategories?.[f],g=a?.find(o=>o?.label?.toLowerCase()===b?.label?.toLowerCase())||{};if(b?.collections){const o=n?.categories?.[b?.collections]||{};return{label:g?.label,isCollection:!0,banner:g?.banner,primary:g?.primary,series:[{products:o?.products}]}}else return g}else return x},[t,p,f,a,n]),D=V((u,x)=>{if(x?.subSubCategories?.length>0?d(0):d(-1),x?.subSubCategories?.length>0)m(b=>b.map(g=>g.index===u?{...g,open:!0}:{...g,open:!1}));else{const g=t?.subcategories?.findIndex(o=>!!o?.subSubCategories);m(o=>o.map(c=>({...c,open:c.index===u||c.index===g})))}},[t]),w=(u,x)=>{m(b=>b.map(g=>g.index===u?{...g,open:!0}:{...g,open:!1})),d(x)};return l(te,{childClassName:"lg-desktop:gap-12 flex bg-white gap-8",children:[l("div",{className:"lg-desktop:basis-[356px] flex basis-[284px] flex-col gap-4 py-4",style:{userSelect:"none"},ref:h,children:[e("div",{className:"desktop:h-[416px] flex flex-col overflow-y-auto",style:{scrollbarWidth:"none",msOverflowStyle:"none"},children:t?.subcategories?.map((u,x)=>{const b=Array.isArray(u?.subSubCategories)&&u?.subSubCategories?.length>0,g=p?.find(o=>o.index===x)?.open;return l("div",{children:[l("button",{className:k("flex w-full cursor-pointer items-center justify-between border-0 bg-transparent text-left",{"bg-[#F5F5F7]":!b&&g}),onClick:()=>{D(x,u),s?.(u,x)},"aria-expanded":b?g:void 0,"aria-haspopup":b?"true":void 0,children:[e(y,{html:u.label,className:"p-4 text-sm font-bold leading-[1.4]"}),b&&e(ae,{"aria-hidden":"true",className:k("size-4",{"rotate-180":g})})]}),g&&e("div",{className:"flex flex-col",role:"menu",children:u.subSubCategories?.map((o,c)=>e("button",{onClick:()=>{w(x,c),s?.(o,c)},className:k("w-full cursor-pointer border-0 bg-transparent px-6 py-4 text-left",{"bg-[#F5F5F7]":f===c}),role:"menuitem","aria-label":o.label,children:e(y,{html:o.label,className:"text-sm font-bold leading-[1.4] text-[#6D6D6F] hover:bg-[#F5F5F7]"})},`subSubItem-${x}-${c}`))})]},`subcategoryItem-${x}`)})}),t&&e("div",{className:"flex",children:l("div",{className:"flex flex-col gap-4",children:[t?.primary&&e(A,{as:"a",href:`${t?.primary?.url}?ref=${t?.primary?.label}_shopall`,variant:"primary",size:"lg",className:"lg-desktop:text-base text-sm",children:t?.primary?.label}),t?.secondary&&e(A,{as:"a",href:t?.secondary?.url,variant:"link",size:"lg",className:"lg-desktop:text-base justify-start !p-0 text-sm",children:t?.secondary?.label})]})})]}),l("div",{className:"flex-1 py-4",children:[Reflect.ownKeys(r).length>0&&l("div",{className:"mb-4 flex items-center justify-between",children:[l("div",{className:"flex items-center gap-2",children:[e(y,{html:r?.label,className:"lg-desktop:text-2xl text-xl font-bold leading-[1.4]"}),r?.primary&&!r?.primary?.hide&&e(A,{as:"a",href:`${r?.primary?.url}?ref=${r?.label}_viewmore`,variant:"link",size:"lg",className:"lg-desktop:text-base justify-start !p-0 text-sm font-bold leading-[1.2] no-underline",children:r?.primary?.label})]}),e(O,{href:r?.guide?.url,className:"lg-desktop:text-base text-sm leading-[1.2] text-[#6D6D6F]",children:r?.guide?.label})]}),e("div",{className:"flex h-[426px] flex-col gap-4 overflow-y-auto",style:{scrollbarWidth:"none",msOverflowStyle:"none"},children:r?.series?.map((u,x)=>l("div",{children:[u.label&&e(y,{html:u.label,className:"mb-2 text-sm font-bold leading-[1.4] text-[#6D6D6F]"}),l("div",{className:"grid grid-cols-3 gap-4",children:[!!r?.banner&&e(O,{asChild:!r?.banner?.href,href:r?.banner?.href,children:l("div",{className:"[&_img]:hover:duration-600 relative [&_img]:hover:scale-110 [&_img]:hover:transition-all",children:[e(X,{source:r?.banner?.imageUrl,className:"laptop:h-[120px] h-[114px]",imgClassName:"object-cover h-full"}),l("div",{className:"absolute inset-x-0 bottom-0 p-4",children:[e(me,{size:2,html:r?.banner?.title||"Buy in Guide",className:"font-bold text-white"}),e(y,{html:r?.banner?.desc||"20.000mAh",className:"text-sm font-bold text-white"})]})]})}),u.products?.map((b,g)=>e(he,{seriesLabel:r?.label,product:b,isCollection:r?.isCollection},`seriesProductItem-${g}`))]})]},`seriesItem-${x}`))})]})]})}),Ie=({multicolMetadata:t})=>{const a=j(null);return e("div",{ref:a,children:e(te,{childClassName:"bg-white",className:"h-full",children:e("div",{className:"flex gap-4 py-4",children:t?.map((n,s)=>e("div",{className:"w-1/4",children:e(xe,{item:n})},`multicolItem-${n?.label}-${s}`))})})})},We=({supportsMetadata:t,currentNavItemRef:a})=>{const n=j(null),[s,p]=z(null),[m,f]=z(0);B(()=>{if(n?.current){const h=n?.current?.getBoundingClientRect();f(h.height)}},[n]);const d=Te(()=>{if(a){const h=a.getBoundingClientRect();p(h)}},500);return B(()=>(d(),window.addEventListener("resize",d),()=>{window.removeEventListener("resize",d)}),[d]),B(()=>{if(a){const h=a.getBoundingClientRect();p(h)}},[a]),e("div",{className:"absolute top-0 h-full overflow-hidden bg-white transition-all duration-500",style:{right:`calc(100% - ${s?.right}px)`,height:m},children:e("div",{ref:n,className:"p-4",children:t?.map(h=>e("div",{className:"py-2",children:e(O,{href:h.url,className:"text-sm font-bold leading-[1.4] no-underline",children:h.label})},h.id))})})},he=({product:t,isCollection:a,position:n,seriesLabel:s})=>{const{buildProps:p,onSeriesProductClick:m}=K();let f=a?t:p?.products?.find(r=>r.handle===t.handle);const d=f?.variants?.find(r=>r.sku===t.sku)||f?.variants?.[0],h=L(()=>`/products/${f?.handle}?variant=${He(d?.id)}`,[f?.handle,d?.id]),v=L(()=>f?.tags?.filter?.(r=>r?.startsWith?.("CLtag"))?.map?.(r=>r?.replace?.("CLtag:",""))?.slice?.(0,2),[f?.tags]);return d?.availableForSale?e(O,{href:h,onClick:r=>{r.preventDefault(),window.open(h,"_self"),m?.(f,n||0,s)},className:"no-underline hover:text-current",children:l("div",{className:"flex shrink-0 items-center gap-4 bg-[#F5F5F7] px-4 py-3 [&_img]:hover:scale-110",children:[e("div",{className:"shrink-0",children:e(X,{source:`${d?.image?.url||t?.images?.[0]?.url}}`,width:90,height:90,className:"size-[96px]",imgClassName:"object-contain h-full"})}),l("div",{className:"relative",children:[e("div",{className:"flex gap-1",children:Array.isArray(v)&&v?.map((r,D)=>e(y,{as:"p",html:r,className:"text-brand-0 mb-1 inline-block h-[24px] whitespace-nowrap rounded-full border-[1.6px] border-[#00BEFA] px-[6px] text-sm font-bold !leading-[22px]"},D))}),e(y,{className:"lg-desktop:h-[44px] lg-desktop:text-base line-clamp-2 h-[40px] text-sm font-bold leading-[1.4]",html:f?.title||t?.name}),t?.desc&&e(y,{as:"p",html:t?.desc,className:"lg-desktop:text-sm mt-1 line-clamp-1 text-xs font-bold leading-[1.4] text-[#6D6D6F]"})]})]})}):null},xe=({item:t,allPicture:a})=>l(U,{children:[t?.columns&&l(U,{children:[e(y,{html:t.label,as:"div",className:"my-2 text-sm font-bold leading-[1.4] text-[#6D6D6F]"}),e("div",{className:"mt-2 flex flex-col",children:t.columns?.map(n=>l("div",{className:"flex items-center gap-1 py-2",children:[e(O,{href:`${n.url}?ref=navMenu`,asChild:!n.url,className:"text-sm font-bold leading-[1.4] no-underline",children:n.label}),n?.badge&&e(y,{as:"p",html:n?.badge||"badge",className:"text-brand-0 h-[24px] rounded-full border-[1.6px] border-[var(--brand-color-0)] px-[6px] text-sm font-bold !leading-[22px]"})]},n.label))})]}),t?.imageUrl&&e("div",{className:k("laptop:h-[280px] desktop:h-[224px] lg-desktop:h-[280px] tablet:max-w-[346px] laptop:max-w-[440px] desktop:w-full relative h-[240px] max-w-[358px] overflow-hidden",{"tablet:max-w-none laptop:max-w-none":a}),children:l(O,{href:`${t.url}?ref=navMenu`,asChild:!t.url,children:[e(X,{source:t.imageUrl,width:404,height:280,className:"size-full",imgClassName:"object-cover h-full hover:scale-105 transition-all duration-300"}),l("div",{className:"absolute bottom-4 left-4 z-10 flex flex-col justify-end no-underline",children:[e(y,{html:t.title,className:k("lg-desktop:text-2xl text-xl font-bold leading-[1.2] text-white",{"text-black":t?.theme==="dark"})}),t.subtitle&&e(y,{html:t.subtitle,className:k("text-sm font-bold leading-[1.4] text-white",{"text-black":t?.theme==="dark"})}),t?.primary?.label&&e(A,{as:"a",href:t?.primary?.url,variant:"link",size:"lg",className:k("mr-auto !p-0 text-sm font-bold leading-[1.4] text-white",{"text-black":t?.theme==="dark"}),children:t?.primary?.label||"more"})]})]})})]}),pe=ee(({data:t,menuData:a,className:n,onPrimaryNavClick:s},p)=>{const m=L(()=>ge(t?.categories?.filter(N=>N?.mobileShow)),[t]),{currentMenu:f,setCurrentMenu:d,subSubCategory:h}=K(),[v,r]=z(!1),[D,w]=z(0),[u,x]=z(null),b=j(null);B(()=>{if(b?.current&&v){const N=b?.current?.getBoundingClientRect();w(window?.innerHeight-(N?.bottom||0))}},[v]),ie(()=>{se.fromTo(b.current,{height:0},{height:D,duration:.3})},[D]),B(()=>{document.documentElement.style.overflow=v?"hidden":"auto"},[v]);const g=L(()=>u?.components?.[0]?.blockType,[u]),o=fe(Ge,{categoriesItem:u}),c=be(Ue,u),S=ve(Je,u),M=L(()=>{switch(g){case I.Sidebar:return e(c,{});case I.Supports:return e(o,{});case I.Multicol:return e(S,{});default:return null}},[g,u,o]),P=V(()=>{r(!1),w(0),d&&d(R.Primary)},[r,w,d]),C=L(()=>t?.bar?.actions?.filter(N=>N?.mobileShow&&N?.blockType!==T.Profile),[t]),$=L(()=>t?.bar?.actions?.find(N=>N?.mobileShow&&N?.blockType===T.Profile)||{},[t]),G=L(()=>{switch(f){case R.Primary:return e(qe,{actions:C,menuOpen:v,onMenuOpenClose:()=>{r(!1),w(0)},onMenuOpenClick:()=>r(!0)});case R.Secondary:return e(Ce,{title:u?.text,onMenuOpenClose:P,onMenuBackClick:()=>d?.(R.Primary)});case R.Third:return e(Ce,{title:h?.label,onMenuOpenClose:P,onMenuBackClick:()=>d?.(R.Secondary)});default:return null}},[v,f,d,u,C,h,P]),W=V((N,le)=>{const q=Array.isArray(m)?Array.isArray(m[N])?m[N][le]:{}:{};x(q),q?.components?.[0]?.blockType===I.Links?q?.components?.[0]?.url&&window.open(q?.components?.[0]?.url):d?.(R.Secondary)},[m,d]);return l(te,{className:k("relative h-[52px]",n),children:[G,v&&l("nav",{ref:b,className:"absolute left-0 top-full z-[999] w-full overflow-y-auto border-t border-[#E4E5E6] bg-white text-black",style:{height:D},role:"navigation","aria-label":"Mobile navigation menu",children:[f===R.Primary?e("div",{className:"pt-4",children:e(Ee,{data:a})}):null,f===R.Primary?e(Ke,{categories:m,onPrimaryMenuClick:W,onPrimaryNavClick:s,profileAction:$}):M]})]})}),Ke=({categories:t,onPrimaryMenuClick:a,profileAction:n,onPrimaryNavClick:s})=>l("div",{className:"flex h-full flex-col justify-between",children:[e("div",{className:"tablet:px-8 laptop:px-16 p-4",children:t?.map((p,m)=>l("div",{className:"",children:[e("div",{className:k("my-2 h-px w-full bg-[#E5E5E7]")}),p?.map((f,d)=>e(Z,{label:f.text,onClick:()=>{const v=(t?.flat()||[])?.findIndex(r=>r?.id===t[m][d]?.id);a(m,d),s?.(f,v)},icon:f.components?.[0]?.icon},f.id))]},`groupCategory-${m}`))}),e(Ve,{profileAction:n})]}),Ue=({sidebarCategoriesMetadata:t,seriesMetadata:a})=>{const{currentMenu:n,setCurrentMenu:s,subSubCategory:p,setSubSubCategory:m,setCurrentSeriesMetadata:f,currentSeriesMetadata:d,buildProps:h,onSidebarNavClick:v}=K(),[r,D]=z([]),[w,u]=z([]);B(()=>{t?.subcategories?.length&&D(t?.subcategories?.map((o,c)=>({index:c,open:!1})))},[t]),B(()=>{p?.subSubCategories?.length&&u(p?.subSubCategories?.map((o,c)=>({index:c,open:c===0})))},[p]);const x=V((o,c)=>{s&&s(R.Third),m?.(o);const S=a?.find(M=>c!==void 0?o?.subSubCategories?.[c]?.label?.toLowerCase()===M.label?.toLowerCase():o?.label?.toLowerCase()===M.label?.toLowerCase())||{};if(o?.collections){const M=h?.categories?.[o?.collections]||{};f?.({label:S?.label,isCollection:!0,banner:S?.banner,primary:S?.primary,series:[{products:M?.products}]})}else f?.(S)},[a,s,m,f,h?.categories]),b=L(()=>a?.find(o=>!!o?.guide)?.guide,[a]);return L(()=>{switch(n){case R.Secondary:return l("div",{className:"tablet:px-8 laptop:px-16 tablet:justify-start tablet:gap-16 flex h-full flex-col justify-between p-4",children:[e("div",{children:t?.subcategories?.map((o,c)=>e("div",{children:e(Z,{label:o?.label,active:r.find(S=>S.index===c)?.open,onClick:()=>{x(o),v?.(o,c)}})},`${o.label}-${c}`))}),l("div",{className:"tablet:items-start flex flex-col items-center gap-4",children:[t?.primary&&e(A,{as:"a",href:`${t?.primary?.url}?ref=${t?.primary?.label}_shopall`,variant:"primary",size:"lg",className:"tablet:w-auto w-full text-base",children:t?.primary?.label}),t?.secondary&&e(A,{as:"a",href:t?.secondary?.url,variant:"link",size:"lg",className:"tablet:w-auto tablet:px-0 w-full py-0 text-base",children:t?.secondary?.label})]})]});case R.Third:return l("div",{className:"tablet:px-8 laptop:px-16 p-4",children:[p?.subSubCategories?p?.subSubCategories?.map((o,c)=>{const S=a?.find(P=>P.label.toLowerCase()===o?.label?.toLowerCase())||{};let M={};if(o?.collections){const P=h?.categories?.[o?.collections]||{};M={label:S?.label,isCollection:!0,banner:S?.banner,primary:S?.primary,series:[{products:P?.products}]}}else M=S;return l("div",{children:[Reflect.ownKeys(o).length>0&&e(Ne,{matchSeriesMetadata:M,onSubSubCategoryItemClick:()=>{v?.(o,c),u(P=>P.map((C,$)=>({...C,open:$===c?!C.open:C.open})))},expanded:!!w?.find(P=>P.index===c)?.open}),w?.find(P=>P.index===c)?.open&&l(U,{children:[e(ke,{matchSeriesMetadata:M}),M?.primary&&e("div",{className:"my-4 text-center",children:e(A,{as:"a",href:M?.primary?.url,className:"text-base leading-[1.2] no-underline",variant:"secondary",size:"base",children:M?.primary?.label})})]})]},`${o.label}-${c}`)}):l(U,{children:[Reflect.ownKeys(d).length>0&&e(Ne,{matchSeriesMetadata:d}),e(ke,{matchSeriesMetadata:d}),d?.primary&&e("div",{className:"my-4 text-center ",children:e(A,{as:"a",href:`${d?.primary?.url}?ref=${d?.label}_viewmore`,variant:"secondary",size:"base",className:"text-base leading-[1.2] no-underline",children:d?.primary?.label})})]}),b&&e(O,{href:b?.url,children:e("div",{className:"mt-4",children:e(y,{html:b?.label,className:"text-sm font-bold leading-[1.2] text-[#6D6D6F]"})})})]});default:return null}},[n,t,a,r,w,p,d,h?.categories,b,x,v])},Ne=({matchSeriesMetadata:t,onSubSubCategoryItemClick:a,expanded:n})=>{const s=l(U,{children:[t?.label&&e(y,{html:t?.label,className:"text-sm font-bold leading-[1.4]"}),a&&e(ae,{"aria-hidden":"true",className:k("size-5",{"rotate-180":n})})]});return a?e("button",{className:"tablet:pt-0 flex w-full cursor-pointer items-center justify-between border-0 bg-transparent py-4 text-left",onClick:a,"aria-expanded":n,children:s}):e("div",{className:"tablet:pt-0 flex items-center justify-between py-4",children:s})},ke=({matchSeriesMetadata:t})=>e("div",{className:"laptop:gap-3 flex flex-col gap-2",children:!!t?.series?.length&&t?.series?.map((a,n)=>l("div",{children:[a.label&&e(y,{html:a.label,className:"mb-2 text-sm font-bold leading-[1.4] text-[#3D3D3F]"}),l("div",{className:"laptop:grid-cols-3 laptop:gap-4 tablet:grid tablet:grid-cols-2 tablet:gap-3 flex flex-col gap-2",children:[!!t?.banner&&e(O,{asChild:!t?.banner?.href,href:t?.banner?.href,children:l("div",{className:"[&_img]:hover:duration-600 relative [&_img]:hover:scale-110 [&_img]:hover:transition-all",children:[e(X,{source:t?.banner?.imageUrl,className:"laptop:h-[120px] h-[114px]",imgClassName:"object-cover h-full"}),l("div",{className:"absolute inset-x-0 bottom-0 p-4",children:[e(me,{size:2,html:t?.banner?.title||"Buy in Guide",className:k("font-bold text-white",{"text-black":t?.banner?.theme==="dark"})}),e(y,{html:t?.banner?.desc||"20.000mAh",className:k("text-sm font-bold text-white",{"text-black":t?.banner?.theme==="dark"})})]})]})}),a.products?.map((s,p)=>e(he,{position:p,product:s,seriesLabel:t?.label,isCollection:t?.isCollection},`seriesProductItem-${n}-${p}`))]})]},`seriesItem-${n}`))}),Ge=({supportsMetadata:t})=>e("div",{className:"tablet:px-8 laptop:px-16 p-4",children:t?.map(a=>e(Z,{href:a.url,label:a.label,onClick:()=>{}},a.id))}),Je=({multicolMetadata:t})=>{const a=L(()=>!t?.some(n=>!!n.columns),[t]);return e("div",{className:k("tablet:py-4 tablet:px-8 laptop:px-16 tablet:gap-6 flex flex-col gap-4 p-4",{"tablet:grid tablet:grid-cols-2 tablet:gap-3 laptop:gap-4":a}),children:t?.map((n,s)=>e("div",{children:e(xe,{item:n,allPicture:a})},`multicolItem-${n?.label}-${s}`))})},Ve=({profileAction:t})=>{const[a,n]=z(!1),{profile:s,event:p}=K();return l("div",{className:k("tablet:px-8 laptop:px-16 bg-[#F5F5F7] px-4 py-6",{"p-4":a}),children:[l("button",{className:"flex w-full cursor-pointer items-center justify-between border-0 bg-transparent",onClick:()=>n(!a),"aria-expanded":a,"aria-label":s?.nick_name||t?.welcome,children:[l("div",{className:"flex items-center gap-[14px]",children:[e("div",{className:"flex size-[40px] shrink-0 items-center justify-center rounded-full bg-white",children:e(Re,{"aria-hidden":"true"})}),e(y,{html:s?.nick_name||t?.welcome,className:"text-base font-bold leading-[1.4]"})]}),!s?.email&&e(ae,{"aria-hidden":"true",className:k("laptop:size-4 size-5",{"rotate-180":a})})]}),s?.email&&e("nav",{className:"mt-4",role:"navigation","aria-label":"Profile menu",children:t?.profiles?.map(m=>e(Z,{label:m?.title,href:m?.url},m.id))}),a&&!s?.email&&l("div",{className:"mt-4",children:[e(y,{html:t?.benefits_title,className:"text-sm font-bold leading-[1.4]"}),e("div",{className:"mt-2 flex flex-col gap-1",children:t?.benefits?.map(m=>l("div",{className:"flex items-center gap-[6px]",children:[e(X,{source:m.benefitIcon?.url,className:"size-4",alt:m.benefit,width:16,height:16}),e(y,{html:m.benefit,className:"text-sm font-bold leading-[1.4]"})]},m.id))})]}),!s?.email&&l("div",{className:"mt-4 flex items-center gap-3",children:[e(A,{className:"tablet:flex-none flex-1",variant:"secondary",size:"base",onClick:()=>p?.join?.(),children:e(y,{html:t?.primaryButton||"Join Now",className:"text-sm font-bold leading-[1.4]"})}),e(A,{className:"tablet:flex-none flex-1",variant:"primary",size:"base",onClick:()=>p?.login?.(),children:e(y,{html:t?.secondaryButton||"Log In",className:"text-sm font-bold leading-[1.4]"})})]})]})},qe=({menuOpen:t,onMenuOpenClose:a,onMenuOpenClick:n,actions:s})=>l("div",{className:"flex h-full items-center justify-between gap-4",children:[e(we,{}),l("div",{className:"desktop:gap-6 flex items-center gap-4",children:[e(ne,{actions:s}),t?e("button",{className:"cursor-pointer border-0 bg-transparent p-0",onClick:()=>a(),"aria-label":"Close menu","aria-expanded":"true",children:e(ye,{className:"size-5","aria-hidden":"true"})}):e("button",{className:"cursor-pointer border-0 bg-transparent p-0",onClick:()=>n(),"aria-label":"Open menu","aria-expanded":"false","aria-haspopup":"true",children:e(Ae,{className:"size-5","aria-hidden":"true"})})]})]}),we=()=>{const{payloadData:t,isMobile:a}=K();return e("a",{href:"/",className:"hover:text-brand-0 [&>svg]:w-full","aria-label":"Home",dangerouslySetInnerHTML:{__html:a?t?.bar?.mobileLogo:t?.bar?.desktopLogo}})},ne=ee(({actions:t,activeStatus:a=!1},n)=>{const{event:s,cartCount:p}=K(),[m,f]=z(null),d=v=>{switch(v){case T.Search:return"Search";case T.Cart:return`Shopping cart${p>0?` (${p} items)`:""}`;case T.Profile:return"User profile";case T.Livestream:return"Livestream";default:return"Action"}},h=V((v,r)=>{switch(f(r),v?.blockType){case T.Search:s?.search?.();break;case T.Cart:s?.cart?.();break;case T.Profile:s?.profile?.();break;case T.Livestream:s?.livestream?.();break;default:return()=>{}}},[s]);return e("div",{className:"desktop:gap-6 flex items-center gap-4",children:Array.isArray(t)&&t?.map((v,r)=>l("button",{className:"relative cursor-pointer border-0 bg-transparent p-0",ref:v.blockType===T.Profile?n:null,onClick:()=>h(v,r),"aria-label":d(v.blockType),"aria-pressed":a&&m===r,children:[e(y,{html:v.icon,className:k("size-5",{"text-brand-0":a&&m===r}),"aria-hidden":"true"}),v.blockType===T.Cart&&p>0&&e("div",{className:"bg-brand-0 absolute right-[-12px] top-[calc(100%-16px)] z-[1] flex min-h-5 min-w-5 items-center justify-center rounded-full px-[2px]","aria-hidden":"true",children:e(y,{html:p?.toString(),className:"text-sm font-bold leading-[1.2] text-white"})})]},v.id))})}),Ce=({title:t,onMenuOpenClose:a,onMenuBackClick:n})=>l("div",{className:"flex h-full items-center gap-3",children:[e("button",{className:"cursor-pointer border-0 bg-transparent p-0",onClick:()=>n(),"aria-label":"Back to previous menu",children:e(Fe,{className:"size-5","aria-hidden":"true"})}),e(y,{html:t,className:"flex-1 text-center text-base font-bold leading-[1.4]"}),e("button",{className:"cursor-pointer border-0 bg-transparent p-0",onClick:()=>a(),"aria-label":"Close menu",children:e(ye,{className:"size-5","aria-hidden":"true"})})]}),Z=({label:t,href:a,onClick:n,active:s,icon:p,className:m})=>{const f=l(U,{children:[l("div",{className:"flex items-center gap-4",children:[e(y,{html:t,className:k("text-sm font-bold leading-[1.4]",{underline:p})}),p&&e(y,{html:p,"aria-hidden":"true"})]}),e(je,{className:k("laptop:size-4 size-5",{"rotate-90":s}),"aria-hidden":"true"})]});return a?e(O,{href:a,className:k("flex cursor-pointer items-center justify-between py-4 no-underline",m),children:f}):e("button",{className:k("flex w-full cursor-pointer items-center justify-between border-0 bg-transparent py-4 text-left",m),onClick:n,"aria-expanded":s,children:f})};pe.displayName="MobileNavigation",ne.displayName="Actions",ce.displayName="HeaderNavigation",de.displayName="DesktopNavigation",ue.displayName="SidebarDropdown",pe.displayName="MobileNavigation",ne.displayName="Actions",ce.displayName="HeaderNavigation",de.displayName="DesktopNavigation",ue.displayName="SidebarDropdown";var pt=ze(ce);export{pt as default};
 //# sourceMappingURL=index.js.map