@anker-in/headless-ui 1.3.72 → 1.3.74

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

@@ -1 +1 @@
-import{jsx as e,jsxs as o}from"react/jsx-runtime";import{Fragment as D,useEffect as w,useMemo as S,useState as y}from"react";import{Text as d,Container as z,Link as m}from"../../components/index.js";import A from"../Subscribe/index.js";import{FooterNavigationBlockType as v}from"./types.js";import{AddIcon as B,SubtractIcon as C,ArrowRightIcon as E,CountryIcon as T}from"./icons/index.js";import{useMediaQuery as M}from"react-responsive";import{cn as x,getLocalizedPath as u}from"../../helpers/utils.js";import{useAiuiContext as k}from"../AiuiProvider/index.js";import{withLayout as P}from"../../shared/Styles.js";const $=({data:{footer:a}={},currentCountry:p,event:n,subscribeLoading:f,classNames:i,className:s,moduleIds:l,...g})=>{const[c,r]=y(!1),b=M({query:"(max-width: 1439px)"});w(()=>{r(b)},[b]);const h=S(()=>a?.blocks?.find(t=>t?.blockType===v.Brand)?.country||{},[a]);return e("footer",{...g,className:x(i?.root,s),children:o(z,{className:x(i?.child),childClassName:x("laptop:py-16 desktop:gap-16 flex flex-col gap-8 bg-black py-8"),children:[e(d,{html:a?.story,className:"desktop:text-sm text-xs font-bold text-[#6D6D6F]"}),a?.blocks?.map(t=>{if(t?.blockType===v.Signup)return e(O,{subscribeLoading:f,data:t,onSubmit:n?.signup,id:l?.marketingConversion},t.id);if(t?.blockType===v.Brand)return e(Q,{data:t,isMobile:c,event:n,currentCountry:p,id:l?.footerBrand},t?.id);if(t?.blockType===v.Main)return e(j,{data:{...t,country:h},event:n,isMobile:c,currentCountry:p,id:l?.mainServices},t.id)})]})})},O=({data:a,onSubmit:p,subscribeLoading:n,id:f="footer-marketing-conversion"})=>{const{locale:i="us"}=k();return o("div",{id:f,className:"desktop:py-16 desktop:gap-16 laptop:px-8 desktop:flex-row rounded-btn flex flex-col gap-8 bg-[#1E2024] px-4 py-8",children:[e(A,{subscribeMetadata:a?.signup,className:"desktop:flex-[744]",onSubmit:p,loading:n}),e("div",{className:"desktop:hidden h-px w-full bg-[#3D3E3F]"}),o("div",{className:"desktop:gap-6 laptop:flex-row desktop:flex-[792] flex flex-col gap-4",children:[o("div",{className:"flex-1",children:[e(d,{html:a?.enjoy?.title,className:" text-xl font-bold leading-[1.2] text-white"}),e("div",{className:"mt-4 flex flex-col gap-2",children:a?.enjoy?.enjoys?.map(s=>o("div",{className:"flex-start flex gap-2",children:[e("img",{src:s?.icon?.url,loading:"lazy",alt:s?.icon?.alt||"",className:"size-5 shrink-0"}),e(d,{html:s?.label,className:"desktop:text-base text-sm font-bold leading-[1.2] text-[#B6B6BA]"})]},s?.id))})]}),e("div",{className:"desktop:block hidden w-px bg-[#3D3E3F]"}),o("div",{className:"flex-1",children:[e(d,{html:a?.benefit?.title,className:"text-xl font-bold leading-[1.2] text-white"}),e("div",{className:"mt-4 flex flex-col gap-2",children:a?.benefit?.benefits?.map(s=>e(m,{href:u(s?.link,i,"ref=footer"),asChild:!s?.link,className:"no-underline",children:e(d,{html:s?.label,className:"desktop:text-base text-sm font-bold leading-[1.2] text-[#B6B6BA] hover:text-white"})},s?.id))})]})]})]})},j=({data:a,event:p,isMobile:n,currentCountry:f,id:i="footer-main-services"})=>{const{locale:s="us"}=k(),[l,g]=y(!1),{services:c,mainNav:r,country:b}=a,h="contact-section";return o("nav",{id:i,className:"flex flex-col gap-8","aria-label":"Main navigation",children:[o("div",{className:x({"desktop:gap-16 flex":c?.download?.title}),children:[o("div",{className:x("w-full",{"desktop:flex-[1260]":c?.download?.title}),children:[e(d,{html:c?.storeBenefits?.title,className:" text-xl font-bold leading-[1.2] text-white"}),e("div",{className:x("laptop:flex-row desktop:gap-4 laptop:flex-wrap mt-4 flex flex-col gap-2",{"desktop:max-w-[648px]":c?.download?.title}),children:c?.storeBenefits?.reasons?.map(t=>o("div",{className:"desktop:min-w-[288px] flex flex-1 shrink-0 items-center gap-2",children:[e("img",{src:t?.icon?.url,loading:"lazy",alt:t?.icon?.alt||"",className:"size-5 shrink-0"}),e(m,{href:u(t?.link,s,"ref=footer"),asChild:!t?.link,className:"no-underline",children:e(d,{html:t?.label,className:"desktop:text-base text-sm font-bold leading-[1.2] text-[#B6B6BA]"})})]},t?.id))})]}),e(F,{className:x({"desktop:flex-[404] hidden desktop:block":c?.download?.title}),title:c?.download?.title,apps:c?.download?.apps})]}),e("div",{className:"desktop:block hidden h-px bg-[#3D3E3F]","aria-hidden":"true"}),o("div",{className:"desktop:grid grid-cols-4 gap-4",children:[e(N,{title:r?.products?.title,lists:r?.products?.products}),e(N,{title:r?.explore?.title,lists:r?.explore?.explores}),e(N,{title:r?.support?.title,lists:r?.support?.supports}),o("div",{className:"desktop:py-0 desktop:border-none border-t border-[#3D3E3F] pt-4",children:[o("div",{className:"desktop:pb-0 flex items-center justify-between pb-4",children:[e(d,{as:"p",html:r?.contact?.title,className:"text-xl font-bold leading-[1.2] text-white",id:h}),n&&e("button",{onClick:()=>g(!l),"aria-expanded":l,"aria-controls":h,"aria-label":l?"Collapse contact section":"Expand contact section",children:l?e(C,{width:20,height:20}):e(B,{width:20,height:20})})]}),(l&&n||!n)&&e("div",{className:"desktop:mt-4 desktop:mb-0 mb-4 flex flex-col gap-2",role:"region","aria-labelledby":h,children:r?.contact?.contacts?.map(t=>o(m,{href:t?.link,className:"group flex items-start gap-2 no-underline",children:[e("img",{src:t?.icon?.url,loading:"lazy",alt:t?.icon?.alt,className:"size-5 shrink-0 opacity-70 transition-opacity duration-200 group-hover:opacity-100"}),e(d,{html:t?.label,className:"desktop:text-base text-sm font-bold leading-[1.2] text-[#B6B6BA] transition-colors duration-200 group-hover:text-white"})]},t?.id))}),e(L,{country:f||b,className:"desktop:hidden border-b border-[#3D3E3F]",isMobile:n,onChangeCountry:p?.country}),e("div",{className:"desktop:hidden mt-8",children:e(F,{title:c?.download?.title,apps:c?.download?.apps})}),!!r?.socials?.length&&e("div",{className:"mt-8 flex items-center gap-2",role:"list","aria-label":"Social media links",children:r?.socials?.map(t=>e(m,{href:u(t?.link,s,"ref=footer"),className:"group",role:"listitem","aria-label":t?.icon?.alt||"Social media",children:e("img",{src:t?.icon?.url,loading:"lazy",alt:t?.icon?.alt,className:"size-8 shrink-0 opacity-70 transition-opacity duration-200 group-hover:opacity-100"})},t?.id))}),e("div",{className:"mt-4 flex flex-wrap gap-2",role:"list","aria-label":"Payment methods",children:r?.payment?.map(t=>e(m,{href:u(t?.link,s),asChild:!t?.link,role:"listitem","aria-label":t?.icon?.alt||"Payment method",children:e("img",{src:t?.icon?.url,loading:"lazy",alt:t?.icon?.alt||"",className:"h-[28px] w-[44px] shrink-0"})},t?.id))})]})]})]})},Q=({data:a,isMobile:p,event:n,currentCountry:f,id:i="footer-brand"})=>{const{locale:s="us"}=k();return o("div",{id:i,className:"flex flex-col gap-4",children:[o("div",{className:"desktop:items-center desktop:flex desktop:gap-4",children:[e("div",{className:"laptop:flex-row aiui-dark laptop:items-center desktop:flex-[980] flex flex-col items-start gap-3",children:o("div",{className:"flex flex-wrap items-center gap-3",children:[e(m,{variant:"secondary",href:u(a?.brand?.link,s,"ref=footer"),asChild:!a?.brand?.link,children:e(d,{html:a?.brand?.currentBrand,"aria-hidden":"true"})}),!!a?.brand?.brands?.length&&a?.brand?.brands?.map((l,g)=>o(D,{children:[g<=0&&e("span",{className:"bg-lines h-3 w-px","aria-hidden":"true"}),e(m,{variant:"secondary",href:u(l?.link,s,"ref=footer"),className:"text-base leading-normal no-underline",children:e(d,{html:l?.icon,"aria-hidden":"true"})},l?.id)]},g))]})}),e(L,{country:f||a?.country,className:"desktop:flex-[316] desktop:block hidden",isMobile:p,onChangeCountry:n?.country})]}),e("div",{className:"h-px bg-[#3D3E3F]"}),o("div",{className:"laptop:flex-row desktop:gap-4 desktop:items-center flex flex-col items-start gap-1",children:[e(d,{html:a?.copyright?.label,className:"desktop:text-base text-xs font-bold leading-[1.4] text-[#6D6D6F]"}),o("div",{className:"flex flex-wrap items-center gap-x-2 gap-y-1",children:[a?.policy?.policies?.map(l=>e(m,{href:u(l?.link,s,"ref=footer"),className:"desktop:text-base text-xs font-bold leading-[1.4] text-[#B6B6BA] no-underline hover:text-white",children:l?.label},l?.id)),a?.policy?.cookies&&e("button",{"data-cc":"show-preferencesModal",onClick:n?.cookiesSet,className:"desktop:text-base text-xs font-bold leading-[1.4] text-[#B6B6BA] no-underline hover:text-white focus:outline-none focus:ring-2 focus:ring-white focus:ring-offset-2 focus:ring-offset-black","aria-label":`Cookie preferences: ${a?.policy?.cookies}`,children:a?.policy?.cookies})]})]})]})},N=({title:a,lists:p,className:n})=>{const{locale:f="us"}=k(),[i,s]=y(!1),[l,g]=y(!1),c=M({query:"(max-width: 1439px)"});w(()=>{g(c)},[c]);const r=`nav-section-${a?.replace(/\s+/g,"-").toLowerCase()}`;return o("div",{className:x("desktop:py-0 desktop:border-none border-t border-[#3D3E3F] py-4",n),children:[o("div",{className:"flex items-center justify-between",children:[e(d,{as:"p",html:a,className:"text-xl font-bold leading-[1.2] text-white",id:r}),l&&e("button",{onClick:()=>s(!i),"aria-expanded":i,"aria-controls":r,"aria-label":i?`Collapse ${a}`:`Expand ${a}`,className:"focus:outline-none focus:ring-2 focus:ring-white focus:ring-offset-2 focus:ring-offset-black",children:i?e(C,{width:20,height:20}):e(B,{width:20,height:20})})]}),(i&&l||!l)&&e("nav",{className:"mt-4 flex flex-col gap-2",role:"region","aria-labelledby":r,children:p?.map(b=>e(m,{href:u(b?.link,f,"ref=footer"),className:"no-underline",children:e(d,{html:b?.label,className:"desktop:text-base text-sm font-bold leading-[1.2] text-[#B6B6BA] hover:text-white"})},b?.id))})]})},F=({title:a,apps:p,className:n})=>{const{locale:f="us"}=k();return p?.length?o("div",{className:n,children:[e(d,{html:a,className:" text-xl font-bold leading-[1.2] text-white"}),e("div",{className:"mt-4 flex items-center gap-4",role:"list","aria-label":"Download apps",children:p?.map(i=>o(m,{href:u(i?.link,f),className:"group flex flex-col items-center gap-[6px]",role:"listitem","aria-label":i?.icon?.alt||i?.label||"Download app",children:[e("img",{src:i?.icon?.url,loading:"lazy",alt:i?.icon?.alt,className:"size-10 shrink-0 opacity-70 transition-opacity duration-200 group-hover:opacity-100"}),i?.label&&e(d,{html:i?.label,className:"text-xs font-bold text-[#999999] transition-colors duration-200 group-hover:text-white"})]},i?.id))})]}):null},L=({country:a,isMobile:p,className:n,onChangeCountry:f})=>e("div",{className:x("desktop:py-0 desktop:border-none border-t border-[#3D3E3F] py-4",n),children:o("button",{onClick:()=>f?.(),className:"flex w-full items-center justify-between focus:outline-none focus:ring-2 focus:ring-white focus:ring-offset-2 focus:ring-offset-black","aria-label":`Change country/region, current: ${a?.countryName||a?.country}`,children:[o("div",{className:"group flex items-center gap-2",children:[e(T,{width:20,height:20,className:"shrink-0 opacity-70 transition-opacity duration-200 group-hover:opacity-100","aria-hidden":"true"}),e(d,{as:"span",html:a?.countryName||a?.country,className:"desktop:text-[#B6B6BA] desktop:group-hover:text-white text-base font-bold leading-[1.4] text-white transition-colors duration-200"})]}),p&&e(E,{width:20,height:20,"aria-hidden":"true"})]})});var W=P($);export{W as default};
+import{jsx as e,jsxs as o}from"react/jsx-runtime";import{Fragment as D,useEffect as w,useMemo as S,useState as y}from"react";import{Text as d,Container as z,Link as m}from"../../components/index.js";import A from"../Subscribe/index.js";import{FooterNavigationBlockType as v}from"./types.js";import{AddIcon as B,SubtractIcon as C,ArrowRightIcon as E,CountryIcon as T}from"./icons/index.js";import{useMediaQuery as M}from"react-responsive";import{cn as x,getLocalizedPath as u}from"../../helpers/utils.js";import{useAiuiContext as k}from"../AiuiProvider/index.js";import{withLayout as P}from"../../shared/Styles.js";const $=({data:{footer:a}={},currentCountry:p,event:n,subscribeLoading:f,classNames:i,className:s,moduleIds:l,...g})=>{const[c,r]=y(!1),b=M({query:"(max-width: 1439px)"});w(()=>{r(b)},[b]);const h=S(()=>a?.blocks?.find(t=>t?.blockType===v.Brand)?.country||{},[a]);return e("footer",{...g,className:x(i?.root,s),children:o(z,{className:x(i?.child),childClassName:x("laptop:py-16 desktop:gap-16 flex flex-col gap-8 bg-black py-8"),children:[e(d,{html:a?.story,className:"desktop:text-sm text-xs font-bold text-[#6D6D6F]"}),a?.blocks?.map(t=>{if(t?.blockType===v.Signup)return e(O,{subscribeLoading:f,data:t,onSubmit:n?.signup,id:l?.marketingConversion},t.id);if(t?.blockType===v.Brand)return e(Q,{data:t,isMobile:c,event:n,currentCountry:p,id:l?.footerBrand},t?.id);if(t?.blockType===v.Main)return e(j,{data:{...t,country:h},event:n,isMobile:c,currentCountry:p,id:l?.mainServices},t.id)})]})})},O=({data:a,onSubmit:p,subscribeLoading:n,id:f="footer-marketing-conversion"})=>{const{locale:i="us"}=k();return o("div",{id:f,className:"desktop:py-16 desktop:gap-16 laptop:px-8 desktop:flex-row rounded-btn flex flex-col gap-8 bg-[#1E2024] px-4 py-8",children:[e(A,{subscribeMetadata:a?.signup,className:"desktop:flex-[744]",onSubmit:p,loading:n}),e("div",{className:"desktop:hidden h-px w-full bg-[#3D3E3F]"}),o("div",{className:"desktop:gap-6 laptop:flex-row desktop:flex-[792] flex flex-col gap-4",children:[o("div",{className:"flex-1",children:[e(d,{html:a?.enjoy?.title,className:" text-xl font-bold leading-[1.2] text-white"}),e("div",{className:"mt-4 flex flex-col gap-2",children:a?.enjoy?.enjoys?.map(s=>o("div",{className:"flex-start flex gap-2",children:[e("img",{src:s?.icon?.url,loading:"lazy",alt:s?.icon?.alt||"",className:"size-5 shrink-0"}),e(d,{html:s?.label,className:"desktop:text-base text-sm font-bold leading-[1.2] text-[#B6B6BA]"})]},s?.id))})]}),e("div",{className:"desktop:block hidden w-px bg-[#3D3E3F]"}),o("div",{className:"flex-1",children:[e(d,{html:a?.benefit?.title,className:"text-xl font-bold leading-[1.2] text-white"}),e("div",{className:"mt-4 flex flex-col gap-2",children:a?.benefit?.benefits?.map(s=>e(m,{href:u(s?.link,i,"ref=footer"),asChild:!s?.link,className:"no-underline",children:e(d,{html:s?.label,className:"desktop:text-base text-sm font-bold leading-[1.2] text-[#B6B6BA] hover:text-white"})},s?.id))})]})]})]})},j=({data:a,event:p,isMobile:n,currentCountry:f,id:i="footer-main-services"})=>{const{locale:s="us"}=k(),[l,g]=y(!1),{services:c,mainNav:r,country:b}=a,h="contact-section";return o("nav",{id:i,className:"flex flex-col gap-8","aria-label":"Main navigation",children:[o("div",{className:x({"desktop:gap-16 flex":c?.download?.title}),children:[o("div",{className:x("w-full",{"desktop:flex-[1260]":c?.download?.title}),children:[e(d,{html:c?.storeBenefits?.title,className:" text-xl font-bold leading-[1.2] text-white"}),e("div",{className:x("laptop:flex-row desktop:gap-4 laptop:flex-wrap mt-4 flex flex-col gap-2",{"desktop:max-w-[648px]":c?.download?.title}),children:c?.storeBenefits?.reasons?.map(t=>o("div",{className:"desktop:min-w-[288px] flex flex-1 shrink-0 items-center gap-2",children:[e("img",{src:t?.icon?.url,loading:"lazy",alt:t?.icon?.alt||"",className:"size-5 shrink-0"}),e(m,{href:u(t?.link,s,"ref=footer"),asChild:!t?.link,className:"no-underline",children:e(d,{html:t?.label,className:"desktop:text-base text-sm font-bold leading-[1.2] text-[#B6B6BA]"})})]},t?.id))})]}),e(F,{className:x({"desktop:flex-[404] hidden desktop:block":c?.download?.title}),title:c?.download?.title,apps:c?.download?.apps})]}),e("div",{className:"desktop:block hidden h-px bg-[#3D3E3F]","aria-hidden":"true"}),o("div",{className:"desktop:grid grid-cols-4 gap-4",children:[e(N,{title:r?.products?.title,lists:r?.products?.products}),e(N,{title:r?.explore?.title,lists:r?.explore?.explores}),e(N,{title:r?.support?.title,lists:r?.support?.supports}),o("div",{className:"desktop:py-0 desktop:border-none border-t border-[#3D3E3F] pt-4",children:[o("div",{className:"desktop:pb-0 flex items-center justify-between pb-4",children:[e(d,{as:"p",html:r?.contact?.title,className:"text-xl font-bold leading-[1.2] text-white",id:h}),n&&e("button",{onClick:()=>g(!l),"aria-expanded":l,"aria-controls":h,"aria-label":l?"Collapse contact section":"Expand contact section",children:l?e(C,{width:20,height:20}):e(B,{width:20,height:20})})]}),(l&&n||!n)&&e("div",{className:"desktop:mt-4 desktop:mb-0 mb-4 flex flex-col gap-2",role:"region","aria-labelledby":h,children:r?.contact?.contacts?.map(t=>o(m,{href:t?.link,className:"group flex items-start gap-2 no-underline",children:[e("img",{src:t?.icon?.url,loading:"lazy",alt:t?.icon?.alt,className:"size-5 shrink-0 opacity-70 transition-opacity duration-200 group-hover:opacity-100"}),e(d,{html:t?.label,className:"desktop:text-base text-sm font-bold leading-[1.2] text-[#B6B6BA] transition-colors duration-200 group-hover:text-white"})]},t?.id))}),e(L,{country:f||b,className:"desktop:hidden border-b border-[#3D3E3F]",isMobile:n,onChangeCountry:p?.country}),e("div",{className:"desktop:hidden mt-8",children:e(F,{title:c?.download?.title,apps:c?.download?.apps})}),!!r?.socials?.length&&e("div",{className:"mt-8 flex items-center gap-2",role:"list","aria-label":"Social media links",children:r?.socials?.map(t=>e(m,{href:u(t?.link,s,"ref=footer"),className:"group",role:"listitem","aria-label":t?.icon?.alt||"Social media",children:e("img",{src:t?.icon?.url,loading:"lazy",alt:t?.icon?.alt,className:"size-8 shrink-0 opacity-70 transition-opacity duration-200 group-hover:opacity-100"})},t?.id))}),e("div",{className:"mt-4 flex flex-wrap gap-2",role:"list","aria-label":"Payment methods",children:r?.payment?.map(t=>e(m,{href:u(t?.link,s,"ref=footer"),asChild:!t?.link,role:"listitem","aria-label":t?.icon?.alt||"Payment method",children:e("img",{src:t?.icon?.url,loading:"lazy",alt:t?.icon?.alt||"",className:"h-[28px] w-[44px] shrink-0"})},t?.id))})]})]})]})},Q=({data:a,isMobile:p,event:n,currentCountry:f,id:i="footer-brand"})=>{const{locale:s="us"}=k();return o("div",{id:i,className:"flex flex-col gap-4",children:[o("div",{className:"desktop:items-center desktop:flex desktop:gap-4",children:[e("div",{className:"laptop:flex-row aiui-dark laptop:items-center desktop:flex-[980] flex flex-col items-start gap-3",children:o("div",{className:"flex flex-wrap items-center gap-3",children:[e(m,{variant:"secondary",href:u(a?.brand?.link,s,"ref=footer"),asChild:!a?.brand?.link,children:e(d,{html:a?.brand?.currentBrand,"aria-hidden":"true"})}),!!a?.brand?.brands?.length&&a?.brand?.brands?.map((l,g)=>o(D,{children:[g<=0&&e("span",{className:"bg-lines h-3 w-px","aria-hidden":"true"}),e(m,{variant:"secondary",href:u(l?.link,s,"ref=footer"),className:"text-base leading-normal no-underline",children:e(d,{html:l?.icon,"aria-hidden":"true"})},l?.id)]},g))]})}),e(L,{country:f||a?.country,className:"desktop:flex-[316] desktop:block hidden",isMobile:p,onChangeCountry:n?.country})]}),e("div",{className:"h-px bg-[#3D3E3F]"}),o("div",{className:"laptop:flex-row desktop:gap-4 desktop:items-center flex flex-col items-start gap-1",children:[e(d,{html:a?.copyright?.label,className:"desktop:text-base text-xs font-bold leading-[1.4] text-[#6D6D6F]"}),o("div",{className:"flex flex-wrap items-center gap-x-2 gap-y-1",children:[a?.policy?.policies?.map(l=>e(m,{href:u(l?.link,s,"ref=footer"),className:"desktop:text-base text-xs font-bold leading-[1.4] text-[#B6B6BA] no-underline hover:text-white",children:l?.label},l?.id)),a?.policy?.cookies&&e("button",{"data-cc":"show-preferencesModal",onClick:n?.cookiesSet,className:"desktop:text-base text-xs font-bold leading-[1.4] text-[#B6B6BA] no-underline hover:text-white focus:outline-none focus:ring-2 focus:ring-white focus:ring-offset-2 focus:ring-offset-black","aria-label":`Cookie preferences: ${a?.policy?.cookies}`,children:a?.policy?.cookies})]})]})]})},N=({title:a,lists:p,className:n})=>{const{locale:f="us"}=k(),[i,s]=y(!1),[l,g]=y(!1),c=M({query:"(max-width: 1439px)"});w(()=>{g(c)},[c]);const r=`nav-section-${a?.replace(/\s+/g,"-").toLowerCase()}`;return o("div",{className:x("desktop:py-0 desktop:border-none border-t border-[#3D3E3F] py-4",n),children:[o("div",{className:"flex items-center justify-between",children:[e(d,{as:"p",html:a,className:"text-xl font-bold leading-[1.2] text-white",id:r}),l&&e("button",{onClick:()=>s(!i),"aria-expanded":i,"aria-controls":r,"aria-label":i?`Collapse ${a}`:`Expand ${a}`,className:"focus:outline-none focus:ring-2 focus:ring-white focus:ring-offset-2 focus:ring-offset-black",children:i?e(C,{width:20,height:20}):e(B,{width:20,height:20})})]}),(i&&l||!l)&&e("nav",{className:"mt-4 flex flex-col gap-2",role:"region","aria-labelledby":r,children:p?.map(b=>e(m,{href:u(b?.link,f,"ref=footer"),className:"no-underline",children:e(d,{html:b?.label,className:"desktop:text-base text-sm font-bold leading-[1.2] text-[#B6B6BA] hover:text-white"})},b?.id))})]})},F=({title:a,apps:p,className:n})=>{const{locale:f="us"}=k();return p?.length?o("div",{className:n,children:[e(d,{html:a,className:" text-xl font-bold leading-[1.2] text-white"}),e("div",{className:"mt-4 flex items-center gap-4",role:"list","aria-label":"Download apps",children:p?.map(i=>o(m,{href:u(i?.link,f,"ref=footer"),className:"group flex flex-col items-center gap-[6px]",role:"listitem","aria-label":i?.icon?.alt||i?.label||"Download app",children:[e("img",{src:i?.icon?.url,loading:"lazy",alt:i?.icon?.alt,className:"size-10 shrink-0 opacity-70 transition-opacity duration-200 group-hover:opacity-100"}),i?.label&&e(d,{html:i?.label,className:"text-xs font-bold text-[#999999] transition-colors duration-200 group-hover:text-white"})]},i?.id))})]}):null},L=({country:a,isMobile:p,className:n,onChangeCountry:f})=>e("div",{className:x("desktop:py-0 desktop:border-none border-t border-[#3D3E3F] py-4",n),children:o("button",{onClick:()=>f?.(),className:"flex w-full items-center justify-between focus:outline-none focus:ring-2 focus:ring-white focus:ring-offset-2 focus:ring-offset-black","aria-label":`Change country/region, current: ${a?.countryName||a?.country}`,children:[o("div",{className:"group flex items-center gap-2",children:[e(T,{width:20,height:20,className:"shrink-0 opacity-70 transition-opacity duration-200 group-hover:opacity-100","aria-hidden":"true"}),e(d,{as:"span",html:a?.countryName||a?.country,className:"desktop:text-[#B6B6BA] desktop:group-hover:text-white text-base font-bold leading-[1.4] text-white transition-colors duration-200"})]}),p&&e(E,{width:20,height:20,"aria-hidden":"true"})]})});var W=P($);export{W as default};

package/dist/esm/biz-components/HeaderNavigation/MobileMenuComponents.d.ts

@@ -1,9 +1,10 @@
 /**
  * 移动端菜单项
  */
-export declare const MenuItem: ({ label, href, onClick, active, icon, className, }: {
+export declare const MenuItem: ({ label, href, target, onClick, active, icon, className, }: {
     label: string;
     href?: string;
+    target?: string;
     onClick?: () => void;
     active?: boolean;
     icon?: string;

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

@@ -1 +1 @@
-import{Fragment as c,jsx as t,jsxs as r}from"react/jsx-runtime";import"react";import{Text as b,Link as p,Heading as d,Picture as u}from"../../components/index.js";import{cn as i,getLocalizedPath as f}from"../../helpers/utils.js";import{DownArrow as g}from"./icons/index.js";import{SeriesProductItem as x}from"./SidebarDropdown.js";import{useAiuiContext as v}from"../AiuiProvider/index.js";const $=({label:e,href:n,onClick:l,active:o,icon:s,className:a})=>{const m=r(c,{children:[r("div",{className:"flex items-center gap-4",children:[t(b,{html:e,className:i("text-sm font-bold leading-[1.4]",{underline:s})}),s&&t(b,{html:s,"aria-hidden":"true"})]}),t("svg",{className:`size-5 ${o?"rotate-90":""}`,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",children:t("path",{d:"M9 5L16 12L9 19",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})})]});return n?t(p,{href:n,className:i("flex cursor-pointer items-center justify-between py-4 no-underline",a),onClick:l,children:m}):t("button",{onClick:l,className:i("flex w-full cursor-pointer items-center justify-between border-0 bg-transparent py-4 text-left",a),"aria-expanded":o,children:m})},j=({matchSeriesMetadata:e,onSubSubCategoryItemClick:n,expanded:l})=>{const o=r(c,{children:[e?.label&&t(b,{html:e?.label,className:"text-sm font-bold leading-[1.4]"}),n&&t(g,{"aria-hidden":"true",className:i("size-5",{"rotate-180":l})})]});return n?t("button",{className:"tablet:pt-0 flex w-full cursor-pointer items-center justify-between border-0 bg-transparent py-4 text-left",onClick:n,"aria-expanded":l,children:o}):t("div",{className:"tablet:pt-0 flex items-center justify-between py-4",children:o})},z=({matchSeriesMetadata:e})=>{const{locale:n="us"}=v();return t("div",{className:"laptop:gap-3 flex flex-col gap-2",children:!!e?.series?.length&&e?.series?.map((l,o)=>r("div",{children:[l.label&&t(b,{html:l.label,as:"p",className:"mb-2 text-sm font-bold leading-[1.4] text-[#3D3D3F]"}),r("div",{className:"laptop:grid-cols-3 laptop:gap-4 tablet:grid tablet:grid-cols-2 tablet:gap-3 flex flex-col gap-2",children:[!!e?.banner&&t(p,{asChild:!e?.banner?.href,href:f(e?.banner?.href,n),children:r("div",{className:"relative [&_img]:hover:scale-110 [&_img]:hover:transition-all [&_img]:hover:duration-500",children:[t(u,{source:e?.banner?.imageUrl,className:"laptop:h-[120px] h-[114px]",imgClassName:"object-cover h-full"}),r("div",{className:"absolute inset-x-0 bottom-0 p-4",children:[t(d,{size:2,html:e?.banner?.title||"Buy in Guide",className:i("font-bold text-white",{"text-black":e?.banner?.theme==="dark"})}),t(b,{html:e?.banner?.desc||"20.000mAh",className:i("text-sm font-bold text-white",{"text-black":e?.banner?.theme==="dark"})})]})]})}),l.products?.map((s,a)=>t(x,{position:a,product:s,seriesLabel:e?.label,isCollection:e?.isCollection},`seriesProductItem-${l?.label||""}-${o}-${a}`))]})]},`seriesItem-${l?.label||""}-${o}`))})};export{$ as MenuItem,z as SubSubCategoryContentComp,j as SubSubCategoryItemComp};
+import{Fragment as c,jsx as t,jsxs as r}from"react/jsx-runtime";import"react";import{Text as a,Link as p,Heading as u,Picture as f}from"../../components/index.js";import{cn as s,getLocalizedPath as g}from"../../helpers/utils.js";import{DownArrow as x}from"./icons/index.js";import{SeriesProductItem as v}from"./SidebarDropdown.js";import{useAiuiContext as h}from"../AiuiProvider/index.js";const j=({label:e,href:l,target:n,onClick:o,active:b,icon:i,className:d})=>{const m=r(c,{children:[r("div",{className:"flex items-center gap-4",children:[t(a,{html:e,className:s("text-sm font-bold leading-[1.4]",{underline:i})}),i&&t(a,{html:i,"aria-hidden":"true"})]}),t("svg",{className:`size-5 ${b?"rotate-90":""}`,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",children:t("path",{d:"M9 5L16 12L9 19",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})})]});return l?t(p,{href:l,target:n,rel:n==="_blank"?"noopener noreferrer":void 0,className:s("flex cursor-pointer items-center justify-between py-4 no-underline",d),onClick:o,children:m}):t("button",{onClick:o,className:s("flex w-full cursor-pointer items-center justify-between border-0 bg-transparent py-4 text-left",d),"aria-expanded":b,children:m})},z=({matchSeriesMetadata:e,onSubSubCategoryItemClick:l,expanded:n})=>{const o=r(c,{children:[e?.label&&t(a,{html:e?.label,className:"text-sm font-bold leading-[1.4]"}),l&&t(x,{"aria-hidden":"true",className:s("size-5",{"rotate-180":n})})]});return l?t("button",{className:"tablet:pt-0 flex w-full cursor-pointer items-center justify-between border-0 bg-transparent py-4 text-left",onClick:l,"aria-expanded":n,children:o}):t("div",{className:"tablet:pt-0 flex items-center justify-between py-4",children:o})},P=({matchSeriesMetadata:e})=>{const{locale:l="us"}=h();return t("div",{className:"laptop:gap-3 flex flex-col gap-2",children:!!e?.series?.length&&e?.series?.map((n,o)=>r("div",{children:[n.label&&t(a,{html:n.label,as:"p",className:"mb-2 text-sm font-bold leading-[1.4] text-[#3D3D3F]"}),r("div",{className:"laptop:grid-cols-3 laptop:gap-4 tablet:grid tablet:grid-cols-2 tablet:gap-3 flex flex-col gap-2",children:[!!e?.banner&&t(p,{asChild:!e?.banner?.href,href:g(e?.banner?.href,l,"ref=navMenu"),children:r("div",{className:"rounded-sidebar-shelf relative overflow-hidden [&_img]:hover:scale-110 [&_img]:hover:transition-all [&_img]:hover:duration-500",children:[t(f,{source:e?.banner?.imageUrl,className:"laptop:h-[120px] h-[114px]",imgClassName:"object-cover h-full"}),r("div",{className:"absolute inset-x-0 bottom-0 p-4",children:[t(u,{size:2,html:e?.banner?.title||"Buy in Guide",className:s("font-bold text-white",{"text-black":e?.banner?.theme==="dark"})}),t(a,{html:e?.banner?.desc||"20.000mAh",className:s("text-sm font-bold text-white",{"text-black":e?.banner?.theme==="dark"})})]})]})}),n.products?.map((b,i)=>t(v,{position:i,product:b,seriesLabel:e?.label,isCollection:e?.isCollection},`seriesProductItem-${n?.label||""}-${o}-${i}`))]})]},`seriesItem-${n?.label||""}-${o}`))})};export{j as MenuItem,P as SubSubCategoryContentComp,z as SubSubCategoryItemComp};

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

@@ -1 +1 @@
-import{Fragment as I,jsx as t,jsxs as i}from"react/jsx-runtime";import{useCallback as z,useEffect as S,useMemo as B,useState as w}from"react";import{Button as R}from"../../components/index.js";import{HeaderNavigationMenu as g}from"./types.js";import{useNavContext as E}from"./NavProvider.js";import{ResourceSubSubCategoryItemComp as N,ResourceSubSubCategoryContentComp as k}from"./ResourceItem.js";import{useAiuiContext as _}from"../AiuiProvider/index.js";import{getLocalizedPath as M}from"../../helpers/utils.js";const A=({label:a,onClick:l,active:u})=>i("button",{className:"flex w-full cursor-pointer items-center justify-between border-0 bg-transparent py-4 text-left",onClick:l,"aria-expanded":u,children:[t("div",{className:"flex items-center gap-1",children:t("span",{className:"text-sm font-bold leading-[1.4]",children:a})}),t("svg",{className:`size-5 ${u?"rotate-90":""}`,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",children:t("path",{d:"M6.91009 4.41009C7.23553 4.08466 7.76304 4.08466 8.08848 4.41009L13.0885 9.41009C13.4139 9.73553 13.4139 10.263 13.0885 10.5885L8.08848 15.5885C7.76304 15.9139 7.23553 15.9139 6.91009 15.5885C6.58466 15.263 6.58466 14.7355 6.91009 14.4101L11.3209 9.99929L6.91009 5.58848C6.58466 5.26304 6.58466 4.73553 6.91009 4.41009Z",fill:"#080A0F"})})]}),G=({resourceCategoriesMetadata:a,resourcesMetadata:l})=>{const{currentMenu:u,setCurrentMenu:b,subSubCategory:r,setSubSubCategory:v,onSidebarNavClick:p,currentResourceMetadata:c,setCurrentResourceMetadata:m}=E(),{locale:d="us"}=_(),[C,L]=w([]),[f,x]=w([]);S(()=>{a?.subcategories?.length&&L(a?.subcategories?.map((n,e)=>({index:e,open:!1})))},[a]),S(()=>{r?.subSubCategories?.length&&x(r?.subSubCategories?.map((n,e)=>({index:e,open:e===0})))},[r]);const h=z(n=>{v?.(n);const e=l?.find(s=>n?.label?.toLowerCase()===s.label?.toLowerCase())||{};b&&b(g.Third),m&&m(e)},[l,b,v,m]);return B(()=>{switch(u){case g.Secondary:return i("div",{className:"tablet:px-8 laptop:px-16 flex h-full flex-col gap-8 p-4",children:[t("div",{children:a?.subcategories?.map((n,e)=>t("div",{children:t(A,{label:n?.label,active:C.find(s=>s.index===e)?.open,onClick:()=>{h(n),p?.(n,e)}})},`${n.label}-${e}`))}),i("div",{className:"tablet:items-start flex flex-col items-center gap-4",children:[a?.primary&&t(R,{as:"a",href:`${M(a?.primary?.url,d)}?ref=${a?.primary?.label}_shopall`,variant:"primary",size:"lg",className:"tablet:w-auto w-full text-base",children:a?.primary?.label}),a?.secondary&&t(R,{as:"a",href:M(a?.secondary?.url,d),variant:"link",size:"lg",className:"tablet:w-auto tablet:px-0 w-full py-0 text-base",children:a?.secondary?.label})]})]});case g.Third:return t("div",{className:"tablet:px-8 laptop:px-16 p-4",children:r?.subSubCategories?r?.subSubCategories?.map((n,e)=>{const s=l?.find(o=>o.label.toLowerCase()===n?.label?.toLowerCase())||{};return i("div",{children:[Reflect.ownKeys(n).length>0&&t(N,{matchResourcesMetadata:s,onSubSubCategoryItemClick:()=>{p?.(n,e),x(o=>o.map((y,$)=>({...y,open:$===e?!y.open:y.open})))},expanded:!!f?.find(o=>o.index===e)?.open}),f?.find(o=>o.index===e)?.open&&t(k,{matchResourcesMetadata:s})]},`${n.label}-${e}`)}):i(I,{children:[Reflect.ownKeys(c).length>0&&t(N,{matchResourcesMetadata:c}),t(k,{matchResourcesMetadata:c})]})});default:return null}},[u,a,l,C,f,r,c,h,p,d])};export{G as MobileResourceSidebarMenu};
+import{Fragment as I,jsx as t,jsxs as i}from"react/jsx-runtime";import{useCallback as z,useEffect as S,useMemo as B,useState as w}from"react";import{Button as R}from"../../components/index.js";import{HeaderNavigationMenu as v}from"./types.js";import{useNavContext as E}from"./NavProvider.js";import{ResourceSubSubCategoryItemComp as N,ResourceSubSubCategoryContentComp as k}from"./ResourceItem.js";import{useAiuiContext as _}from"../AiuiProvider/index.js";import{getLocalizedPath as M}from"../../helpers/utils.js";const A=({label:a,onClick:l,active:u})=>i("button",{className:"flex w-full cursor-pointer items-center justify-between border-0 bg-transparent py-4 text-left",onClick:l,"aria-expanded":u,children:[t("div",{className:"flex items-center gap-1",children:t("span",{className:"text-sm font-bold leading-[1.4]",children:a})}),t("svg",{className:`size-5 ${u?"rotate-90":""}`,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",children:t("path",{d:"M6.91009 4.41009C7.23553 4.08466 7.76304 4.08466 8.08848 4.41009L13.0885 9.41009C13.4139 9.73553 13.4139 10.263 13.0885 10.5885L8.08848 15.5885C7.76304 15.9139 7.23553 15.9139 6.91009 15.5885C6.58466 15.263 6.58466 14.7355 6.91009 14.4101L11.3209 9.99929L6.91009 5.58848C6.58466 5.26304 6.58466 4.73553 6.91009 4.41009Z",fill:"#080A0F"})})]}),G=({resourceCategoriesMetadata:a,resourcesMetadata:l})=>{const{currentMenu:u,setCurrentMenu:b,subSubCategory:r,setSubSubCategory:g,onSidebarNavClick:p,currentResourceMetadata:c,setCurrentResourceMetadata:m}=E(),{locale:d="us"}=_(),[C,L]=w([]),[f,x]=w([]);S(()=>{a?.subcategories?.length&&L(a?.subcategories?.map((n,e)=>({index:e,open:!1})))},[a]),S(()=>{r?.subSubCategories?.length&&x(r?.subSubCategories?.map((n,e)=>({index:e,open:e===0})))},[r]);const h=z(n=>{g?.(n);const e=l?.find(s=>n?.label?.toLowerCase()===s.label?.toLowerCase())||{};b&&b(v.Third),m&&m(e)},[l,b,g,m]);return B(()=>{switch(u){case v.Secondary:return i("div",{className:"tablet:px-8 laptop:px-16 flex h-full flex-col gap-8 p-4",children:[t("div",{children:a?.subcategories?.map((n,e)=>t("div",{children:t(A,{label:n?.label,active:C.find(s=>s.index===e)?.open,onClick:()=>{h(n),p?.(n,e)}})},`${n.label}-${e}`))}),i("div",{className:"tablet:items-start flex flex-col items-center gap-4",children:[a?.primary&&t(R,{as:"a",href:M(a?.primary?.url,d,`ref=${a?.primary?.label}_shopall`),variant:"primary",size:"lg",className:"tablet:w-auto w-full text-base",children:a?.primary?.label}),a?.secondary&&t(R,{as:"a",href:M(a?.secondary?.url,d,"ref=navMenu"),variant:"link",size:"lg",className:"link-btn tablet:w-auto tablet:px-0 w-full py-0 text-base",children:a?.secondary?.label})]})]});case v.Third:return t("div",{className:"tablet:px-8 laptop:px-16 p-4",children:r?.subSubCategories?r?.subSubCategories?.map((n,e)=>{const s=l?.find(o=>o.label.toLowerCase()===n?.label?.toLowerCase())||{};return i("div",{children:[Reflect.ownKeys(n).length>0&&t(N,{matchResourcesMetadata:s,onSubSubCategoryItemClick:()=>{p?.(n,e),x(o=>o.map((y,$)=>({...y,open:$===e?!y.open:y.open})))},expanded:!!f?.find(o=>o.index===e)?.open}),f?.find(o=>o.index===e)?.open&&t(k,{matchResourcesMetadata:s})]},`${n.label}-${e}`)}):i(I,{children:[Reflect.ownKeys(c).length>0&&t(N,{matchResourcesMetadata:c}),t(k,{matchResourcesMetadata:c})]})});default:return null}},[u,a,l,C,f,r,c,h,p,d])};export{G as MobileResourceSidebarMenu};

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

@@ -1 +1 @@
-import{Fragment as M,jsx as l,jsxs as u}from"react/jsx-runtime";import{useCallback as R,useEffect as L,useMemo as T,useState as $}from"react";import{Button as d,Text as D,Link as K}from"../../components/index.js";import{HeaderNavigationMenu as h}from"./types.js";import{useNavContext as P}from"./NavProvider.js";import{MenuItem as A,SubSubCategoryItemComp as z,SubSubCategoryContentComp as B}from"./MobileMenuComponents.js";import{useAiuiContext as F}from"../AiuiProvider/index.js";import{getLocalizedPath as p}from"../../helpers/utils.js";const X=({sidebarCategoriesMetadata:r,seriesMetadata:b})=>{const{currentMenu:x,setCurrentMenu:y,subSubCategory:i,setSubSubCategory:C,setCurrentSeriesMetadata:f,currentSeriesMetadata:s,buildProps:m,onSidebarNavClick:S}=P(),{locale:c="us"}=F(),[w,_]=$([]),[v,N]=$([]);L(()=>{r?.subcategories?.length&&_(r?.subcategories?.map((e,a)=>({index:a,open:!1})))},[r]),L(()=>{i?.subSubCategories?.length&&N(i?.subSubCategories?.map((e,a)=>({index:a,open:a===0})))},[i]);const k=R((e,a)=>{y&&y(h.Third),C?.(e);const o=b?.find(n=>a!==void 0?e?.subSubCategories?.[a]?.label?.toLowerCase()===n.label?.toLowerCase():e?.label?.toLowerCase()===n.label?.toLowerCase())||{};if(e?.collections){const n=m?.categories?.[e?.collections]||{};f?.({label:o?.label,isCollection:!0,banner:o?.banner,primary:o?.primary,series:[{products:n?.products}]})}else f?.(o)},[b,y,C,f,m?.categories]);return T(()=>{switch(x){case h.Secondary:return u("div",{className:"tablet:px-8 laptop:px-16 flex h-full flex-col gap-8 p-4",children:[u("div",{children:[r?.subcategories?.map((e,a)=>l("div",{children:l(A,{label:e?.label,active:w.find(o=>o.index===a)?.open,onClick:()=>{k(e),S?.(e,a)}})},`${e.label}-${a}`)),r?.guide?.label&&l(K,{href:p(r?.guide?.url,c),children:l("div",{className:"mt-4",children:l(D,{html:r?.guide?.label,className:"text-sm font-bold leading-[1.2] text-[#6D6D6F]"})})})]}),u("div",{className:"tablet:items-start flex flex-col items-center gap-4",children:[r?.primary&&l(d,{as:"a",href:`${p(r?.primary?.url,c)}?ref=${r?.primary?.label}_shopall`,variant:"primary",size:"lg",className:"tablet:w-auto w-full text-base",children:r?.primary?.label}),r?.secondary&&l(d,{as:"a",href:p(r?.secondary?.url,c),variant:"link",size:"lg",className:"tablet:w-auto tablet:px-0 w-full py-0 text-base",children:r?.secondary?.label})]})]});case h.Third:return l("div",{className:"tablet:px-8 laptop:px-16 p-4",children:i?.subSubCategories?i?.subSubCategories?.map((e,a)=>{const o=b?.find(t=>t.label.toLowerCase()===e?.label?.toLowerCase())||{};let n={};if(e?.collections){const t=m?.categories?.[e?.collections]||{};n={label:o?.label,isCollection:!0,banner:o?.banner,primary:o?.primary,series:[{products:t?.products}]}}else n=o;return u("div",{children:[Reflect.ownKeys(e).length>0&&l(z,{matchSeriesMetadata:n,onSubSubCategoryItemClick:()=>{S?.(e,a),N(t=>t.map((g,E)=>({...g,open:E===a?!g.open:g.open})))},expanded:!!v?.find(t=>t.index===a)?.open}),v?.find(t=>t.index===a)?.open&&u(M,{children:[l(B,{matchSeriesMetadata:n}),n?.primary&&l("div",{className:"my-4 text-center",children:l(d,{as:"a",href:p(n?.primary?.url,c),className:"text-base leading-[1.2] no-underline",variant:"secondary",size:"base",children:n?.primary?.label})})]})]},`${e.label}-${a}`)}):u(M,{children:[Reflect.ownKeys(s).length>0&&l(z,{matchSeriesMetadata:s}),l(B,{matchSeriesMetadata:s}),s?.primary&&l("div",{className:"my-4 text-center ",children:l(d,{as:"a",href:`${p(s?.primary?.url,c)}?ref=${s?.label}_viewmore`,variant:"secondary",size:"base",className:"text-base leading-[1.2] no-underline",children:s?.primary?.label})})]})});default:return null}},[x,r,b,w,v,i,s,m?.categories,k,S,c])};export{X as MobileSidebarMenu};
+import{Fragment as B,jsx as l,jsxs as c}from"react/jsx-runtime";import{useCallback as R,useEffect as L,useMemo as T,useState as M}from"react";import{Button as d,Text as D,Link as K}from"../../components/index.js";import{HeaderNavigationMenu as h}from"./types.js";import{useNavContext as P}from"./NavProvider.js";import{MenuItem as A,SubSubCategoryItemComp as $,SubSubCategoryContentComp as z}from"./MobileMenuComponents.js";import{useAiuiContext as F}from"../AiuiProvider/index.js";import{getLocalizedPath as p}from"../../helpers/utils.js";const X=({sidebarCategoriesMetadata:n,seriesMetadata:b})=>{const{currentMenu:x,setCurrentMenu:y,subSubCategory:i,setSubSubCategory:C,setCurrentSeriesMetadata:f,currentSeriesMetadata:s,buildProps:m,onSidebarNavClick:v}=P(),{locale:u="us"}=F(),[w,_]=M([]),[S,N]=M([]);L(()=>{n?.subcategories?.length&&_(n?.subcategories?.map((e,a)=>({index:a,open:!1})))},[n]),L(()=>{i?.subSubCategories?.length&&N(i?.subSubCategories?.map((e,a)=>({index:a,open:a===0})))},[i]);const k=R((e,a)=>{y&&y(h.Third),C?.(e);const t=b?.find(r=>a!==void 0?e?.subSubCategories?.[a]?.label?.toLowerCase()===r.label?.toLowerCase():e?.label?.toLowerCase()===r.label?.toLowerCase())||{};if(e?.collections){const r=m?.categories?.[e?.collections]||{};f?.({label:t?.label,isCollection:!0,banner:t?.banner,primary:t?.primary,series:[{products:r?.products}]})}else f?.(t)},[b,y,C,f,m?.categories]);return T(()=>{switch(x){case h.Secondary:return c("div",{className:"tablet:px-8 laptop:px-16 flex h-full flex-col gap-8 p-4",children:[c("div",{children:[n?.subcategories?.map((e,a)=>l("div",{children:l(A,{label:e?.label,active:w.find(t=>t.index===a)?.open,onClick:()=>{k(e),v?.(e,a)}})},`${e.label}-${a}`)),n?.guide?.label&&l(K,{href:p(n?.guide?.url,u,"ref=navMenu"),children:l("div",{className:"mt-4",children:l(D,{html:n?.guide?.label,className:"text-sm font-bold leading-[1.2] text-[#6D6D6F]"})})})]}),c("div",{className:"tablet:items-start flex flex-col items-center gap-4",children:[n?.primary&&l(d,{as:"a",href:p(n?.primary?.url,u,`ref=${n?.primary?.label}_shopall`),variant:"primary",size:"lg",className:"tablet:w-auto w-full text-base",children:n?.primary?.label}),n?.secondary&&l(d,{as:"a",href:p(n?.secondary?.url,u,"ref=navMenu"),variant:"link",size:"lg",className:"link-btn tablet:w-auto tablet:px-0 w-full py-0 text-base",children:n?.secondary?.label})]})]});case h.Third:return l("div",{className:"tablet:px-8 laptop:px-16 p-4",children:i?.subSubCategories?i?.subSubCategories?.map((e,a)=>{const t=b?.find(o=>o.label.toLowerCase()===e?.label?.toLowerCase())||{};let r={};if(e?.collections){const o=m?.categories?.[e?.collections]||{};r={label:t?.label,isCollection:!0,banner:t?.banner,primary:t?.primary,series:[{products:o?.products}]}}else r=t;return c("div",{children:[Reflect.ownKeys(e).length>0&&l($,{matchSeriesMetadata:r,onSubSubCategoryItemClick:()=>{v?.(e,a),N(o=>o.map((g,E)=>({...g,open:E===a?!g.open:g.open})))},expanded:!!S?.find(o=>o.index===a)?.open}),S?.find(o=>o.index===a)?.open&&c(B,{children:[l(z,{matchSeriesMetadata:r}),r?.primary&&l("div",{className:"my-4 text-center",children:l(d,{as:"a",href:p(r?.primary?.url,u,"ref=navMenu"),className:"text-base leading-[1.2] no-underline",variant:"secondary",size:"base",children:r?.primary?.label})})]})]},`${e.label}-${a}`)}):c(B,{children:[Reflect.ownKeys(s).length>0&&l($,{matchSeriesMetadata:s}),l(z,{matchSeriesMetadata:s}),s?.primary&&l("div",{className:"my-4 text-center ",children:l(d,{as:"a",href:p(s?.primary?.url,u,`ref=${s?.label}_viewmore`),variant:"secondary",size:"base",className:"text-base leading-[1.2] no-underline",children:s?.primary?.label})})]})});default:return null}},[x,n,b,w,S,i,s,m?.categories,k,v,u])};export{X as MobileSidebarMenu};

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

@@ -1 +1 @@
-import{jsx as a}from"react/jsx-runtime";import"react";import{MenuItem as l}from"./MobileMenuComponents.js";import{useAiuiContext as i}from"../AiuiProvider/index.js";import{getLocalizedPath as p}from"../../helpers/utils.js";const d=({supportsMetadata:e})=>{const{locale:t="us"}=i();return a("div",{className:"tablet:px-8 laptop:px-16 p-4",children:e?.map(o=>a(l,{href:p(o.url,t),label:o.label,onClick:()=>{}},o.id))})};export{d as MobileSupportMenu};
+import{jsx as o}from"react/jsx-runtime";import"react";import{MenuItem as l}from"./MobileMenuComponents.js";import{useAiuiContext as r}from"../AiuiProvider/index.js";import{getLocalizedPath as i}from"../../helpers/utils.js";const f=({supportsMetadata:a})=>{const{locale:t="us"}=r();return o("div",{className:"tablet:px-8 laptop:px-16 p-4",children:a?.map(e=>o(l,{href:i(e.url,t,"ref=navMenu"),label:e.label,onClick:()=>{}},e.id))})};export{f as MobileSupportMenu};

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

@@ -1 +1 @@
-import{Fragment as c,jsx as a,jsxs as t}from"react/jsx-runtime";import{useRef as x}from"react";import{Container as u,Text as d,Link as p,Picture as f,Button as b,Badge as v}from"../../components/index.js";import h from"./CompanyStatsBanner/index.js";import{cn as n,getLocalizedPath as m}from"../../helpers/utils.js";import{useAiuiContext as g}from"../AiuiProvider/index.js";import{useNavContext as N}from"./NavProvider.js";const L=({multicolMetadata:e,showStatsBanner:i,statsBannerData:o})=>{const r=x(null);return a("div",{ref:r,className:"bg-white py-4",children:a(u,{childClassName:"bg-white",className:"h-full",children:t("div",{className:"laptop:gap-4 flex flex-col gap-3",children:[i&&a(h,{data:o}),a("div",{className:"flex gap-4",children:e?.map((s,l)=>a("div",{className:"w-1/4",children:a(k,{item:s})},`multicolItem-${s?.label}-${l}`))})]})})})},k=({item:e,allPicture:i})=>{const{locale:o="us"}=g(),{componentOverrides:r}=N(),s=r?.badge?.variant;return t(c,{children:[e?.columns&&t(c,{children:[a(d,{html:e.label,as:"div",className:"my-2 text-sm font-bold leading-[1.4] text-[#6D6D6F]"}),a("div",{className:"mt-2 flex flex-col",children:e.columns?.map(l=>t("div",{className:"flex items-center gap-1 py-2",children:[a(p,{href:`${m(l.url,o)}?ref=navMenu`,asChild:!l.url,className:"text-sm font-bold leading-[1.4] no-underline",children:l.label}),l?.badge&&a(v,{size:"sm",variant:s,children:l?.badge||"badge"})]},l.label))})]}),e?.imageUrl&&a("div",{className:n("rounded-image-text 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":i}),children:a(p,{href:`${m(e.url,o)}?ref=navMenu`,asChild:!e.url,children:t("div",{className:"size-full",children:[a(f,{source:e.imageUrl,width:404,height:280,className:"size-full",imgClassName:"object-cover h-full hover:scale-105 transition-all duration-300"}),t("div",{className:"absolute bottom-4 left-4 z-10 flex flex-col justify-end no-underline",children:[a(d,{html:e.title,className:n("lg-desktop:text-2xl text-xl font-bold leading-[1.2] text-white",{"text-black":e?.theme==="dark"})}),e.subtitle&&a(d,{html:e.subtitle,className:n("text-sm font-bold leading-[1.4] text-white",{"text-black":e?.theme==="dark"})}),e?.primary?.label&&a(b,{as:"a",href:m(e?.primary?.url,o),variant:"link",size:"lg",iconClassName:"size-4 lg-desktop:size-5",className:n("mr-auto !p-0 text-sm font-bold leading-[1.4] text-white",{"text-black":e?.theme==="dark"}),children:e?.primary?.label||"more"})]})]})})})]})};export{L as MulticolDropdown,k as MulticolItem};
+import{Fragment as c,jsx as a,jsxs as t}from"react/jsx-runtime";import{useRef as x}from"react";import{Container as u,Text as d,Link as p,Picture as f,Button as b,Badge as h}from"../../components/index.js";import v from"./CompanyStatsBanner/index.js";import{cn as s,getLocalizedPath as m}from"../../helpers/utils.js";import{useAiuiContext as g}from"../AiuiProvider/index.js";import{useNavContext as N}from"./NavProvider.js";const L=({multicolMetadata:e,showStatsBanner:i,statsBannerData:o})=>{const r=x(null);return a("div",{ref:r,className:"bg-white py-4",children:a(u,{childClassName:"bg-white",className:"h-full",children:t("div",{className:"laptop:gap-4 flex flex-col gap-3",children:[i&&a(v,{data:o}),a("div",{className:"flex gap-4",children:e?.map((n,l)=>a("div",{className:"w-1/4",children:a(k,{item:n})},`multicolItem-${n?.label}-${l}`))})]})})})},k=({item:e,allPicture:i})=>{const{locale:o="us"}=g(),{componentOverrides:r}=N(),n=r?.badge?.variant;return t(c,{children:[e?.columns&&t(c,{children:[a(d,{html:e.label,as:"div",className:"my-2 text-sm font-bold leading-[1.4] text-[#6D6D6F]"}),a("div",{className:"mt-2 flex flex-col",children:e.columns?.map(l=>t("div",{className:"flex items-center gap-1 py-2",children:[a(p,{href:m(l.url,o,"ref=navMenu"),asChild:!l.url,className:"text-sm font-bold leading-[1.4] no-underline",children:l.label}),l?.badge&&a(h,{size:"xs",variant:n,children:l?.badge||"badge"})]},l.label))})]}),e?.imageUrl&&a("div",{className:s("rounded-image-text 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":i}),children:a(p,{href:m(e.url,o,"ref=navMenu"),asChild:!e.url,children:t("div",{className:"size-full",children:[a(f,{source:e.imageUrl,width:404,height:280,className:"size-full",imgClassName:"object-cover h-full hover:scale-105 transition-all duration-300"}),t("div",{className:s("absolute bottom-4 left-4 z-10 flex flex-col justify-end no-underline",{"aiui-dark":e?.theme==="light"}),children:[a(d,{html:e.title,className:s("lg-desktop:text-2xl text-xl font-bold leading-[1.2] text-white",{"text-black":e?.theme==="dark"})}),e.subtitle&&a(d,{html:e.subtitle,className:s("text-sm font-bold leading-[1.4] text-white",{"text-black":e?.theme==="dark"})}),e?.primary?.label&&a(b,{as:"a",href:m(e?.primary?.url,o,"ref=navMenu"),variant:"link",size:"lg",iconClassName:"size-4 lg-desktop:size-5",className:s("link-btn mr-auto !p-0 text-sm font-bold leading-[1.4] text-white",{"text-black":e?.theme==="dark"}),children:e?.primary?.label||"more"})]})]})})})]})};export{L as MulticolDropdown,k as MulticolItem};

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

@@ -1 +1 @@
-import{Fragment as c,jsx as e,jsxs as o}from"react/jsx-runtime";import{Picture as d,Text as i,Link as m}from"../../components/index.js";import{cn as s,getLocalizedPath as r}from"../../helpers/utils.js";import{useAiuiContext as h}from"../AiuiProvider/index.js";const f=({resource:t})=>{const{locale:l="us"}=h();return e("div",{className:"laptop:h-[280px] desktop:h-[224px] lg-desktop:h-[280px] tablet:max-w-none desktop:w-full relative h-[240px] max-w-[358px] overflow-hidden",children:e(m,{href:r(t?.href,l),className:"no-underline hover:text-current",children:o("div",{className:"relative h-full overflow-hidden [&_img]:hover:scale-110 [&_img]:hover:transition-all [&_img]:hover:duration-500",children:[e(d,{source:t.imageUrl,width:404,height:280,className:"size-full",imgClassName:"object-cover h-full hover:scale-105 transition-all duration-300"}),o("div",{className:"absolute inset-x-0 bottom-0 p-4",children:[e(i,{as:"p",html:t?.title,className:s("text-xl font-bold leading-[1.2]",{"text-white":t?.theme!=="dark","text-black":t?.theme==="dark"})}),t?.desc&&e(i,{html:t?.desc,className:s("text-sm font-bold leading-[1.4]",{"text-white":t?.theme!=="dark","text-black":t?.theme==="dark"})})]})]})})})},b=({matchResourcesMetadata:t,onSubSubCategoryItemClick:l,expanded:a})=>{const n=o(c,{children:[t?.label&&e(i,{html:t?.label,className:"text-sm font-bold leading-[1.4]"}),l&&e("svg",{className:s("size-5",{"rotate-180":a}),viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",children:e("path",{d:"M6.91009 4.41009C7.23553 4.08466 7.76304 4.08466 8.08848 4.41009L13.0885 9.41009C13.4139 9.73553 13.4139 10.263 13.0885 10.5885L8.08848 15.5885C7.76304 15.9139 7.23553 15.9139 6.91009 15.5885C6.58466 15.263 6.58466 14.7355 6.91009 14.4101L11.3209 9.99929L6.91009 5.58848C6.58466 5.26304 6.58466 4.73553 6.91009 4.41009Z",fill:"#080A0F"})})]});return l?e("button",{className:"flex w-full cursor-pointer items-center justify-between border-0 bg-transparent py-4 text-left",onClick:l,"aria-expanded":a,children:n}):e("div",{className:"flex items-center justify-between py-4",children:n})},g=({matchResourcesMetadata:t})=>{const{locale:l="us"}=h();return e("div",{className:"tablet:grid tablet:grid-cols-2 flex grid-cols-1 flex-col gap-4",children:!!t?.resources?.length&&t?.resources?.map((a,n)=>e(m,{href:r(a?.href,l),className:"no-underline hover:text-current",children:e("div",{className:"laptop:h-[280px] tablet:max-w-none relative h-[240px] max-w-[358px]",children:o("div",{className:"relative h-full overflow-hidden",children:[e(d,{source:a.imageUrl,width:404,height:280,className:"size-full",imgClassName:"object-cover h-full hover:scale-105 transition-all duration-300"}),o("div",{className:"absolute inset-x-0 bottom-0 p-4",children:[e(i,{html:a?.title,as:"p",className:s("text-xl font-bold leading-[1.2]",{"text-white":a?.theme!=="dark","text-black":a?.theme==="dark"})}),a?.desc&&e(i,{html:a?.desc,className:s("text-sm font-bold leading-[1.4]",{"text-white":a?.theme!=="dark","text-black":a?.theme==="dark"})})]})]})})},`resourceItem-${n}`))})};export{f as ResourceItem,g as ResourceSubSubCategoryContentComp,b as ResourceSubSubCategoryItemComp};
+import{Fragment as c,jsx as e,jsxs as o}from"react/jsx-runtime";import{Picture as d,Text as i,Link as r}from"../../components/index.js";import{cn as s,getLocalizedPath as m}from"../../helpers/utils.js";import{useAiuiContext as h}from"../AiuiProvider/index.js";const f=({resource:t})=>{const{locale:l="us"}=h();return e("div",{className:"laptop:h-[280px] desktop:h-[224px] lg-desktop:h-[280px] tablet:max-w-none desktop:w-full relative h-[240px] max-w-[358px] overflow-hidden",children:e(r,{href:m(t?.href,l,"ref=navMenu"),className:"no-underline hover:text-current",children:o("div",{className:"relative h-full overflow-hidden [&_img]:hover:scale-110 [&_img]:hover:transition-all [&_img]:hover:duration-500",children:[e(d,{source:t.imageUrl,width:404,height:280,className:"size-full",imgClassName:"object-cover h-full hover:scale-105 transition-all duration-300"}),o("div",{className:"absolute inset-x-0 bottom-0 p-4",children:[e(i,{as:"p",html:t?.title,className:s("text-xl font-bold leading-[1.2]",{"text-white":t?.theme!=="dark","text-black":t?.theme==="dark"})}),t?.desc&&e(i,{html:t?.desc,className:s("text-sm font-bold leading-[1.4]",{"text-white":t?.theme!=="dark","text-black":t?.theme==="dark"})})]})]})})})},b=({matchResourcesMetadata:t,onSubSubCategoryItemClick:l,expanded:a})=>{const n=o(c,{children:[t?.label&&e(i,{html:t?.label,className:"text-sm font-bold leading-[1.4]"}),l&&e("svg",{className:s("size-5",{"rotate-180":a}),viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",children:e("path",{d:"M6.91009 4.41009C7.23553 4.08466 7.76304 4.08466 8.08848 4.41009L13.0885 9.41009C13.4139 9.73553 13.4139 10.263 13.0885 10.5885L8.08848 15.5885C7.76304 15.9139 7.23553 15.9139 6.91009 15.5885C6.58466 15.263 6.58466 14.7355 6.91009 14.4101L11.3209 9.99929L6.91009 5.58848C6.58466 5.26304 6.58466 4.73553 6.91009 4.41009Z",fill:"#080A0F"})})]});return l?e("button",{className:"flex w-full cursor-pointer items-center justify-between border-0 bg-transparent py-4 text-left",onClick:l,"aria-expanded":a,children:n}):e("div",{className:"flex items-center justify-between py-4",children:n})},u=({matchResourcesMetadata:t})=>{const{locale:l="us"}=h();return e("div",{className:"tablet:grid tablet:grid-cols-2 flex grid-cols-1 flex-col gap-4",children:!!t?.resources?.length&&t?.resources?.map((a,n)=>e(r,{href:m(a?.href,l,"ref=navMenu"),className:"no-underline hover:text-current",children:e("div",{className:"laptop:h-[280px] tablet:max-w-none relative h-[240px] max-w-[358px]",children:o("div",{className:"relative h-full overflow-hidden",children:[e(d,{source:a.imageUrl,width:404,height:280,className:"size-full",imgClassName:"object-cover h-full hover:scale-105 transition-all duration-300"}),o("div",{className:"absolute inset-x-0 bottom-0 p-4",children:[e(i,{html:a?.title,as:"p",className:s("text-xl font-bold leading-[1.2]",{"text-white":a?.theme!=="dark","text-black":a?.theme==="dark"})}),a?.desc&&e(i,{html:a?.desc,className:s("text-sm font-bold leading-[1.4]",{"text-white":a?.theme!=="dark","text-black":a?.theme==="dark"})})]})]})})},`resourceItem-${n}`))})};export{f as ResourceItem,u as ResourceSubSubCategoryContentComp,b as ResourceSubSubCategoryItemComp};

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

@@ -1 +1 @@
-import{jsx as r,jsxs as i}from"react/jsx-runtime";import R,{useCallback as v,useEffect as F,useMemo as L,useRef as $,useState as S}from"react";import{Button as h,Container as D,Text as w}from"../../components/index.js";import{cn as m,getLocalizedPath as N}from"../../helpers/utils.js";import{DownArrow as E}from"./icons/index.js";import{useNavContext as z}from"./NavProvider.js";import{ResourceItem as O}from"./ResourceItem.js";import{useAiuiContext as B}from"../AiuiProvider/index.js";const I=R.memo(({resourceCategoriesMetadata:s,resourcesMetadata:u})=>{const{onSidebarNavClick:f}=z(),[c,b]=S([]),[d,p]=S(-1),C=$(null),{locale:y="us"}=B(),g=v(()=>{const e=s?.subcategories;if(!e?.length)return;const o=e.findIndex(t=>!!t?.subSubCategories),n=e.findIndex(t=>!t?.subSubCategories),a=e.map((t,l)=>({index:l,open:o===l||n===l}));b(a)},[s]);F(()=>{g()},[g]);const x=L(()=>{const e=s?.subcategories?.[c?.find(n=>n.open)?.index||0],o=u?.find(n=>n?.label?.toLowerCase()===e?.label?.toLowerCase())||{};if(e?.subSubCategories){const n=e?.subSubCategories?.[d];return u?.find(t=>t?.label?.toLowerCase()===n?.label?.toLowerCase())||{}}else return o},[s,c,d,u]),k=v((e,o)=>{o?.subSubCategories?.length>0?p(0):p(-1),b(n=>n.map((a,t)=>({...a,open:t===e?!a.open:!1})))},[]),A=(e,o)=>{b(n=>n.map(a=>a.index===e?{...a,open:!0}:{...a,open:!1})),p(o)};return i(D,{childClassName:"lg-desktop:gap-12 flex bg-white gap-8",children:[i("div",{className:"lg-desktop:basis-[356px] flex basis-[284px] flex-col gap-4 py-4",style:{userSelect:"none"},ref:C,children:[r("div",{className:"desktop:h-[416px] flex flex-col overflow-y-auto",style:{scrollbarWidth:"none",msOverflowStyle:"none"},children:s?.subcategories?.map((e,o)=>{const n=Array.isArray(e?.subSubCategories)&&e?.subSubCategories?.length>0,a=c?.find(t=>t.index===o)?.open;return i("div",{children:[i("button",{className:m("rounded-sidebar-shelf flex w-full cursor-pointer items-center justify-between border-0 bg-transparent text-left",{"bg-[#F5F5F7]":!n&&a}),onClick:()=>{k(o,e),f?.(e,o)},"aria-expanded":n?a:void 0,"aria-haspopup":n?"true":void 0,children:[r(w,{html:e.label,className:"p-4 text-sm font-bold leading-[1.4]"}),n&&r(E,{"aria-hidden":"true",className:m("size-4",{"rotate-180":a})})]}),a&&r("div",{className:"flex flex-col",role:"menu",children:e.subSubCategories?.map((t,l)=>r("button",{onClick:()=>{A(o,l),f?.(t,l)},className:m("rounded-sidebar-shelf w-full cursor-pointer border-0 bg-transparent px-6 py-4 text-left leading-none hover:bg-[#F5F5F7]",{"bg-[#F5F5F7]":d===l}),role:"menuitem","aria-label":t.label,children:r(w,{html:t.label,className:"text-sm font-bold leading-[1.4] text-[#4A4C56]"})},`subSubItem-${o}-${l}`))})]},`subcategoryItem-${o}`)})}),s&&r("div",{className:"flex",children:i("div",{className:"flex flex-col gap-4",children:[s?.primary&&r(h,{as:"a",href:`${N(s?.primary?.url,y)}?ref=${s?.primary?.label}_shopall`,variant:"primary",size:"lg",className:"lg-desktop:text-base text-sm",children:s?.primary?.label}),s?.secondary&&r(h,{as:"a",href:N(s?.secondary?.url,y),variant:"link",size:"lg",className:"lg-desktop:text-base justify-start !p-0 text-sm",children:s?.secondary?.label})]})})]}),r("div",{className:"desktop:h-[509px] flex-1 overflow-y-auto py-4",style:{scrollbarWidth:"none",msOverflowStyle:"none"},children:r("div",{className:"grid grid-cols-3 gap-4 ",children:Array.isArray(x?.resources)?x.resources.map((e,o)=>r(O,{resource:e},`resourceItem-${o}`)):null})})]})});I.displayName="ResourceSidebarDropdown";export{I as ResourceSidebarDropdown};
+import{jsx as r,jsxs as i}from"react/jsx-runtime";import R,{useCallback as v,useEffect as F,useMemo as L,useRef as D,useState as S}from"react";import{Button as h,Container as E,Text as w}from"../../components/index.js";import{cn as m,getLocalizedPath as N}from"../../helpers/utils.js";import{DownArrow as $}from"./icons/index.js";import{useNavContext as z}from"./NavProvider.js";import{ResourceItem as O}from"./ResourceItem.js";import{useAiuiContext as B}from"../AiuiProvider/index.js";const I=R.memo(({resourceCategoriesMetadata:s,resourcesMetadata:u})=>{const{onSidebarNavClick:f}=z(),[c,b]=S([]),[d,p]=S(-1),k=D(null),{locale:y="us"}=B(),g=v(()=>{const e=s?.subcategories;if(!e?.length)return;const n=e.findIndex(t=>!!t?.subSubCategories),o=e.findIndex(t=>!t?.subSubCategories),a=e.map((t,l)=>({index:l,open:n===l||o===l}));b(a)},[s]);F(()=>{g()},[g]);const x=L(()=>{const e=s?.subcategories?.[c?.find(o=>o.open)?.index||0],n=u?.find(o=>o?.label?.toLowerCase()===e?.label?.toLowerCase())||{};if(e?.subSubCategories){const o=e?.subSubCategories?.[d];return u?.find(t=>t?.label?.toLowerCase()===o?.label?.toLowerCase())||{}}else return n},[s,c,d,u]),C=v((e,n)=>{n?.subSubCategories?.length>0?p(0):p(-1),b(o=>o.map((a,t)=>({...a,open:t===e?!a.open:!1})))},[]),A=(e,n)=>{b(o=>o.map(a=>a.index===e?{...a,open:!0}:{...a,open:!1})),p(n)};return i(E,{childClassName:"lg-desktop:gap-12 flex bg-white gap-8",children:[i("div",{className:"lg-desktop:basis-[356px] flex basis-[284px] flex-col gap-4 py-4",style:{userSelect:"none"},ref:k,children:[r("div",{className:"desktop:h-[416px] flex flex-col overflow-y-auto",style:{scrollbarWidth:"none",msOverflowStyle:"none"},children:s?.subcategories?.map((e,n)=>{const o=Array.isArray(e?.subSubCategories)&&e?.subSubCategories?.length>0,a=c?.find(t=>t.index===n)?.open;return i("div",{children:[i("button",{className:m("rounded-sidebar-shelf flex w-full cursor-pointer items-center justify-between border-0 bg-transparent text-left",{"bg-[#F5F5F7]":!o&&a}),onClick:()=>{C(n,e),f?.(e,n)},"aria-expanded":o?a:void 0,"aria-haspopup":o?"true":void 0,children:[r(w,{html:e.label,className:"p-4 text-sm font-bold leading-[1.4]"}),o&&r($,{"aria-hidden":"true",className:m("size-4",{"rotate-180":a})})]}),a&&r("div",{className:"flex flex-col",role:"menu",children:e.subSubCategories?.map((t,l)=>r("button",{onClick:()=>{A(n,l),f?.(t,l)},className:m("rounded-sidebar-shelf w-full cursor-pointer border-0 bg-transparent px-6 py-4 text-left leading-none hover:bg-[#F5F5F7]",{"bg-[#F5F5F7]":d===l}),role:"menuitem","aria-label":t.label,children:r(w,{html:t.label,className:"text-sm font-bold leading-[1.4] text-[#4A4C56]"})},`subSubItem-${n}-${l}`))})]},`subcategoryItem-${n}`)})}),s&&r("div",{className:"flex",children:i("div",{className:"flex flex-col gap-4",children:[s?.primary&&r(h,{as:"a",href:N(s?.primary?.url,y,`ref=${s?.primary?.label}_shopall`),variant:"primary",size:"lg",className:"lg-desktop:text-base text-sm",children:s?.primary?.label}),s?.secondary&&r(h,{as:"a",href:N(s?.secondary?.url,y,"ref=navMenu"),variant:"link",size:"lg",className:"link-btn lg-desktop:text-base justify-start !p-0 text-sm",children:s?.secondary?.label})]})})]}),r("div",{className:"desktop:h-[509px] flex-1 overflow-y-auto py-4",style:{scrollbarWidth:"none",msOverflowStyle:"none"},children:r("div",{className:"grid grid-cols-3 gap-4 ",children:Array.isArray(x?.resources)?x.resources.map((e,n)=>r(O,{resource:e},`resourceItem-${n}`)):null})})]})});I.displayName="ResourceSidebarDropdown";export{I as ResourceSidebarDropdown};

package/dist/esm/biz-components/HeaderNavigation/SidebarDropdown.d.ts

@@ -3,9 +3,10 @@ import React from 'react';
  * 侧边栏下拉
  * @param categoriesItem 分类项
  */
-export declare const SidebarDropdown: React.MemoExoticComponent<({ sidebarCategoriesMetadata, seriesMetadata }: {
+export declare const SidebarDropdown: React.MemoExoticComponent<({ sidebarCategoriesMetadata, seriesMetadata, navigationTitle, }: {
     sidebarCategoriesMetadata: any;
     seriesMetadata: any;
+    navigationTitle?: string;
 }) => import("react/jsx-runtime").JSX.Element>;
 /**
  * 系列产品项组件

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

@@ -1 +1 @@
-import{Fragment as U,jsx as t,jsxs as c}from"react/jsx-runtime";import j,{useCallback as D,useEffect as E,useMemo as $,useRef as P,useState as _}from"react";import{Button as F,Container as O,Text as p,Link as L,Heading as R,Picture as V,Badge as W}from"../../components/index.js";import{cn as S,atobID as H,getLocalizedPath as k}from"../../helpers/utils.js";import{DownArrow as T}from"./icons/index.js";import{useNavContext as z}from"./NavProvider.js";import{useAiuiContext as A}from"../AiuiProvider/index.js";const G=j.memo(({sidebarCategoriesMetadata:a,seriesMetadata:g})=>{const{buildProps:h,onSidebarNavClick:C}=z(),{locale:f="us"}=A(),[y,x]=_([]),[m,v]=_(-1),d=P(null),b=P(null),N=D(()=>{const e=a?.subcategories;if(!e?.length)return;const r=e.findIndex(o=>!!o?.subSubCategories),l=e.findIndex(o=>!o?.subSubCategories),s=e.map((o,i)=>({index:i,open:r===i||l===i}));x(s)},[a]);E(()=>{N()},[N]);const n=$(()=>{const e=a?.subcategories?.[y?.find(l=>l.open)?.index||0],r=g?.find(l=>l?.label?.toLowerCase()===e?.label?.toLowerCase())||{};if(e?.collections){const l=h?.categories?.[e?.collections]||{};return{label:r?.label,isCollection:!0,banner:r?.banner,primary:r?.primary,series:[{products:l?.products}]}}else if(e?.subSubCategories){const l=e?.subSubCategories?.[m],s=g?.find(o=>o?.label?.toLowerCase()===l?.label?.toLowerCase())||{};if(l?.collections){const o=h?.categories?.[l?.collections]||{};return{label:s?.label,isCollection:!0,banner:s?.banner,primary:s?.primary,series:[{products:o?.products}]}}else return s}else return r},[a,y,m,g,h]),u=D((e,r)=>{const l=r?.subSubCategories?.length>0;v(l?0:-1);const s=b.current;x(o=>o.map((i,B)=>B===e?{...i,open:!i.open}:l?{...i,open:!1}:!s&&m===-1?{...i,open:!1}:s&&!s.hasSubSubCategories&&!l&&m===-1?{...i,open:!1}:i)),b.current={index:e,hasSubSubCategories:l}},[m]),w=(e,r)=>{x(l=>l.map(s=>s.index===e?{...s,open:!0}:{...s,open:!1})),v(r)};return c(O,{childClassName:"lg-desktop:gap-12 flex bg-white gap-8",children:[c("div",{className:"lg-desktop:basis-[356px] flex basis-[284px] flex-col gap-4 py-4",style:{userSelect:"none"},ref:d,children:[t("div",{className:"desktop:h-[416px] flex flex-col overflow-y-auto",style:{scrollbarWidth:"none",msOverflowStyle:"none"},children:a?.subcategories?.map((e,r)=>{const l=Array.isArray(e?.subSubCategories)&&e?.subSubCategories?.length>0,s=y?.find(o=>o.index===r)?.open;return c("div",{children:[c("button",{className:S("rounded-sidebar-shelf flex w-full cursor-pointer items-center justify-between border-0 bg-transparent text-left",{"bg-[#F5F5F7]":!l&&s}),onClick:()=>{u(r,e),C?.(e,r)},"aria-expanded":l?s:void 0,"aria-haspopup":l?"true":void 0,children:[t(p,{html:e.label,className:"p-4 text-sm font-bold leading-[1.4]"}),l&&t(T,{"aria-hidden":"true",className:S("size-4",{"rotate-180":s})})]}),s&&t("div",{className:"flex flex-col",role:"menu",children:e.subSubCategories?.map((o,i)=>t("button",{onClick:()=>{w(r,i),C?.(o,i)},className:S("rounded-sidebar-shelf w-full cursor-pointer border-0 bg-transparent px-6 py-4 text-left leading-none hover:bg-[#F5F5F7]",{"bg-[#F5F5F7]":m===i}),role:"menuitem","aria-label":o.label,children:t(p,{html:o.label,className:"text-sm font-bold leading-[1.4] text-[#4A4C56]"})},`subSubItem-${r}-${i}`))})]},`${e?.label||""}subcategoryItem-${r}`)})}),a&&t("div",{className:"flex",children:c("div",{className:"flex flex-col gap-4",children:[a?.primary&&t(F,{as:"a",href:`${k(a?.primary?.url,f)}?ref=${a?.primary?.label}_shopall`,variant:"primary",size:"lg",className:"lg-desktop:text-base text-sm",children:a?.primary?.label}),a?.secondary&&t(F,{as:"a",href:a?.secondary?.url,variant:"link",size:"lg",iconClassName:"size-4",className:"lg-desktop:text-base justify-start !p-0 text-sm",children:a?.secondary?.label})]})})]}),c("div",{className:"flex-1 py-4",children:[Reflect.ownKeys(n).length>0&&c("div",{className:"mb-4 flex items-center justify-between",children:[(()=>{const e=c(U,{children:[t(p,{html:n?.label,className:"lg-desktop:text-2xl text-xl font-bold leading-[1.4]"}),n?.primary&&!n?.primary?.hide&&t(p,{className:"lg-desktop:text-base text-sm font-bold leading-[1.2]",html:n?.primary?.label})]});return n?.primary?.url?t(F,{as:"a",href:`${k(n?.primary?.url,f)}?ref=${n?.label}_viewmore`,variant:"link",size:"lg",iconClassName:"size-4",className:"flex items-center justify-start gap-2 !p-0 no-underline",children:e}):t("div",{className:"flex items-center gap-2",children:e})})(),a?.guide?.label&&t(L,{href:k(a?.guide?.url,f),className:"lg-desktop:text-base text-sm leading-[1.2] text-[#6D6D6F]",children:a?.guide?.label})]}),t("div",{className:"flex h-[426px] flex-col gap-4 overflow-y-auto",style:{scrollbarWidth:"none",msOverflowStyle:"none"},children:n?.series?.map((e,r)=>c("div",{children:[e.label&&t(p,{html:e.label,as:"p",className:"mb-2 text-sm font-bold leading-[1.4] text-[#6D6D6F]"}),c("div",{className:"grid grid-cols-3 gap-4",children:[!!n?.banner&&t(L,{asChild:!n?.banner?.href,href:k(n?.banner?.href,f),children:c("div",{className:"relative [&_img]:hover:scale-110 [&_img]:hover:transition-all [&_img]:hover:duration-500",children:[t(V,{source:n?.banner?.imageUrl,className:"laptop:h-[120px] h-[114px]",imgClassName:"object-cover h-full"}),c("div",{className:"absolute inset-x-0 bottom-0 p-4",children:[t(R,{size:2,html:n?.banner?.title||"Buy in Guide",className:S("font-bold text-white",{"text-black":n?.banner?.theme==="dark"})}),t(p,{html:n?.banner?.desc||"20.000mAh",className:S("text-sm font-bold text-white",{"text-black":n?.banner?.theme==="dark"})})]})]})}),e.products?.map((l,s)=>t(K,{seriesLabel:n?.label,product:l,isCollection:n?.isCollection},`seriesProductItem-${e?.label||""}-${r}-${s}`))]})]},`seriesItem-${e?.label||""}-${r}`))})]})]})});G.displayName="SidebarDropdown";const K=({product:a,isCollection:g,position:h,seriesLabel:C})=>{const{locale:f="us"}=A(),{buildProps:y,onSeriesProductClick:x,componentOverrides:m}=z(),v=m?.badge?.variant;let d=g?a:y?.products?.find(u=>u.handle===a.handle);const b=d?.variants?.find(u=>u.sku===a.sku)||d?.variants?.[0],N=$(()=>`${k(`/products/${d?.handle}`,f)}?variant=${H(b?.id)}`,[d?.handle,b?.id,f]),n=$(()=>d?.tags?.filter?.(u=>u?.startsWith?.("CLtag"))?.map?.(u=>u?.replace?.("CLtag:",""))?.slice?.(0,2),[d?.tags]);return b?.availableForSale?t(L,{href:N,onClick:u=>{u.preventDefault(),window.open(N,"_self"),x?.(d,h||0,C)},className:"no-underline hover:text-current",children:c("div",{className:"rounded-sidebar-shelf flex shrink-0 items-center gap-4 bg-[#F5F5F7] px-4 py-3 [&_img]:hover:scale-110 [&_img]:hover:duration-500",children:[t("div",{className:"shrink-0",children:t("img",{src:`${b?.image?.url||a?.images?.[0]?.url}&width=200`,loading:"lazy",alt:d?.title||a?.name,width:90,height:90,className:"size-[96px] object-contain"})}),c("div",{className:"relative",children:[t("div",{className:"flex gap-1",children:Array.isArray(n)&&n?.map((u,w)=>t(W,{size:"sm",variant:v,className:"mb-1 whitespace-nowrap",children:u},w))}),t(p,{className:"lg-desktop:h-[44px] lg-desktop:text-base line-clamp-2 h-[40px] text-sm font-bold leading-[1.4]",html:a?.custom_name||b?.metafields?.infos?.page_short_title||d?.title}),a?.desc&&t(p,{as:"p",html:a?.desc,className:"lg-desktop:text-sm mt-1 line-clamp-1 text-xs font-bold leading-[1.4] text-[#6D6D6F]"})]})]})}):null};export{K as SeriesProductItem,G as SidebarDropdown};
+import{Fragment as Y,jsx as t,jsxs as u}from"react/jsx-runtime";import T,{useCallback as z,useEffect as A,useMemo as k,useRef as j,useState as B}from"react";import{Button as L,Container as V,Text as p,Link as $,Heading as W,Picture as K,Badge as U}from"../../components/index.js";import{cn as S,atobID as q,getLocalizedPath as C}from"../../helpers/utils.js";import{DownArrow as I}from"./icons/index.js";import{useNavContext as E}from"./NavProvider.js";import{useAiuiContext as O}from"../AiuiProvider/index.js";import{gaTrack as J}from"../../shared/track.js";const Q=T.memo(({sidebarCategoriesMetadata:a,seriesMetadata:v,navigationTitle:w})=>{const{buildProps:y,onSidebarNavClick:h}=E(),{locale:f="us",pageHandle:x,trackingData:_}=O(),[b,d]=B([]),[m,g]=B(-1),N=j(null),c=j(null),F=z(()=>{const e=a?.subcategories;if(!e?.length)return;const r=e.findIndex(o=>!!o?.subSubCategories),n=e.findIndex(o=>!o?.subSubCategories),s=e.map((o,i)=>({index:i,open:r===i||n===i}));d(s)},[a]);A(()=>{F()},[F]);const l=k(()=>{const e=a?.subcategories?.[b?.find(n=>n.open)?.index||0],r=v?.find(n=>n?.label?.toLowerCase()===e?.label?.toLowerCase())||{};if(e?.collections){const n=y?.categories?.[e?.collections]||{};return{label:r?.label,isCollection:!0,banner:r?.banner,primary:r?.primary,series:[{products:n?.products}]}}else if(e?.subSubCategories){const n=e?.subSubCategories?.[m],s=v?.find(o=>o?.label?.toLowerCase()===n?.label?.toLowerCase())||{};if(n?.collections){const o=y?.categories?.[n?.collections]||{};return{label:s?.label,isCollection:!0,banner:s?.banner,primary:s?.primary,series:[{products:o?.products}]}}else return s}else return r},[a,b,m,v,y]),D=k(()=>b?.find(e=>e.open)?.index??-1,[b]),P=k(()=>x?`Activity Page_${x}`:_?.pageGroup||"Home Page",[x,_]);A(()=>{D<0||!l?.label||J({event:"ga4Event",event_name:"component_impression",event_parameters:{page_group:P,component_type:"copy",component_name:"navigation",position:D+1,component_title:l?.label,navigation:w||""}})},[l?.label,D,P,w]);const R=z((e,r)=>{const n=r?.subSubCategories?.length>0;g(n?0:-1);const s=c.current;d(o=>o.map((i,G)=>G===e?{...i,open:!i.open}:n?{...i,open:!1}:!s&&m===-1?{...i,open:!1}:s&&!s.hasSubSubCategories&&!n&&m===-1?{...i,open:!1}:i)),c.current={index:e,hasSubSubCategories:n}},[m]),H=(e,r)=>{d(n=>n.map(s=>s.index===e?{...s,open:!0}:{...s,open:!1})),g(r)};return u(V,{childClassName:"lg-desktop:gap-12 flex bg-white gap-8",children:[u("div",{className:"lg-desktop:basis-[356px] flex basis-[284px] flex-col gap-4 py-4",style:{userSelect:"none"},ref:N,children:[t("div",{className:"desktop:h-[416px] flex flex-col overflow-y-auto",style:{scrollbarWidth:"none",msOverflowStyle:"none"},children:a?.subcategories?.map((e,r)=>{const n=Array.isArray(e?.subSubCategories)&&e?.subSubCategories?.length>0,s=b?.find(o=>o.index===r)?.open;return u("div",{children:[u("button",{className:S("rounded-sidebar-shelf flex w-full cursor-pointer items-center justify-between border-0 bg-transparent text-left",{"bg-[#F5F5F7]":!n&&s}),onClick:()=>{R(r,e),h?.(e,r)},"aria-expanded":n?s:void 0,"aria-haspopup":n?"true":void 0,children:[t(p,{html:e.label,className:"p-4 text-sm font-bold leading-[1.4]"}),n&&t(I,{"aria-hidden":"true",className:S("size-4",{"rotate-180":s})})]}),s&&t("div",{className:"flex flex-col",role:"menu",children:e.subSubCategories?.map((o,i)=>t("button",{onClick:()=>{H(r,i),h?.(o,i)},className:S("rounded-sidebar-shelf w-full cursor-pointer border-0 bg-transparent px-6 py-4 text-left leading-none hover:bg-[#F5F5F7]",{"bg-[#F5F5F7]":m===i}),role:"menuitem","aria-label":o.label,children:t(p,{html:o.label,className:"text-sm font-bold leading-[1.4] text-[#4A4C56]"})},`subSubItem-${r}-${i}`))})]},`${e?.label||""}subcategoryItem-${r}`)})}),a&&t("div",{className:"flex",children:u("div",{className:"flex flex-col gap-4",children:[a?.primary&&t(L,{as:"a",href:C(a?.primary?.url,f,`ref=${a?.primary?.label}_shopall`),variant:"primary",size:"lg",className:"lg-desktop:text-base text-sm",children:a?.primary?.label}),a?.secondary&&t(L,{as:"a",href:a?.secondary?.url,variant:"link",size:"lg",iconClassName:"size-4",className:"link-btn lg-desktop:text-base justify-start !p-0 text-sm",children:a?.secondary?.label})]})})]}),u("div",{className:"flex-1 py-4",children:[Reflect.ownKeys(l).length>0&&u("div",{className:"mb-4 flex items-center justify-between",children:[(()=>{const e=u(Y,{children:[t(p,{html:l?.label,className:"lg-desktop:text-2xl text-xl font-bold leading-[1.4]"}),l?.primary&&!l?.primary?.hide&&t(p,{className:"lg-desktop:text-base text-sm font-bold leading-[1.2]",html:l?.primary?.label})]});return l?.primary?.url?t(L,{as:"a",href:C(l?.primary?.url,f,`ref=${l?.label}_viewmore`),variant:"link",size:"lg",iconClassName:"size-4",className:"link-btn flex items-center justify-start gap-2 !p-0 no-underline",children:e}):t("div",{className:"flex items-center gap-2",children:e})})(),a?.guide?.label&&t($,{href:C(a?.guide?.url,f,"ref=navMenu"),className:"lg-desktop:text-base text-sm leading-[1.2] text-[#6D6D6F]",children:a?.guide?.label})]}),t("div",{className:"flex h-[426px] flex-col gap-4 overflow-y-auto",style:{scrollbarWidth:"none",msOverflowStyle:"none"},children:l?.series?.map((e,r)=>u("div",{children:[e.label&&t(p,{html:e.label,as:"p",className:"mb-2 text-sm font-bold leading-[1.4] text-[#6D6D6F]"}),u("div",{className:"grid grid-cols-3 gap-4",children:[!!l?.banner&&t($,{asChild:!l?.banner?.href,href:C(l?.banner?.href,f,"ref=navMenu"),children:u("div",{className:"rounded-sidebar-shelf relative overflow-hidden [&_img]:hover:scale-110 [&_img]:hover:transition-all [&_img]:hover:duration-500",children:[t(K,{source:l?.banner?.imageUrl,className:"laptop:h-[120px] h-[114px]",imgClassName:"object-cover h-full"}),u("div",{className:"absolute inset-x-0 bottom-0 p-4",children:[t(W,{size:2,html:l?.banner?.title||"Buy in Guide",className:S("font-bold text-white",{"text-black":l?.banner?.theme==="dark"})}),t(p,{html:l?.banner?.desc||"20.000mAh",className:S("text-sm font-bold text-white",{"text-black":l?.banner?.theme==="dark"})})]})]})}),e.products?.map((n,s)=>t(X,{seriesLabel:l?.label,product:n,isCollection:l?.isCollection},`seriesProductItem-${e?.label||""}-${r}-${s}`))]})]},`seriesItem-${e?.label||""}-${r}`))})]})]})});Q.displayName="SidebarDropdown";const X=({product:a,isCollection:v,position:w,seriesLabel:y})=>{const{locale:h="us"}=O(),{buildProps:f,onSeriesProductClick:x,componentOverrides:_}=E(),b=_?.badge?.variant;let d=v?a:f?.products?.find(c=>c.handle===a.handle);const m=d?.variants?.find(c=>c.sku===a.sku)||d?.variants?.[0],g=k(()=>C(`/products/${d?.handle}`,h,`variant=${q(m?.id)}&ref=navMenu`),[d?.handle,m?.id,h]),N=k(()=>d?.tags?.filter?.(c=>c?.startsWith?.("CLtag"))?.map?.(c=>c?.replace?.("CLtag:",""))?.slice?.(0,1),[d?.tags]);return m?.availableForSale?t($,{href:g,onClick:c=>{c.preventDefault(),window.open(g,"_self"),x?.(d,w||0,y)},className:"no-underline hover:text-current",children:u("div",{className:"rounded-sidebar-shelf relative flex shrink-0 items-center gap-4 bg-[#F5F5F7] px-4 py-3 [&_img]:hover:scale-110 [&_img]:hover:duration-500",children:[t("div",{className:"shrink-0",children:t("img",{src:`${m?.image?.url||a?.images?.[0]?.url}&width=200`,loading:"lazy",alt:d?.title||a?.name,width:90,height:90,className:"size-[96px] object-contain"})}),Array.isArray(N)&&N?.length>0&&t("div",{className:"absolute right-1 top-1 flex gap-1",children:N?.map((c,F)=>t(U,{size:"xs",variant:b,className:"whitespace-nowrap",children:c},F))}),u("div",{className:"flex min-w-0 flex-1 flex-col justify-center",children:[t(p,{className:"lg-desktop:text-base line-clamp-2 text-sm font-bold leading-[1.4]",html:a?.custom_name||m?.metafields?.infos?.page_short_title||d?.title}),a?.desc&&t(p,{as:"p",html:a?.desc,className:"lg-desktop:text-sm mt-1 line-clamp-1 text-xs font-bold leading-[1.4] text-[#6D6D6F]"})]})]})}):null};export{X as SeriesProductItem,Q as SidebarDropdown};

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

@@ -1 +1 @@
-import{jsx as i}from"react/jsx-runtime";import{useEffect as s,useRef as g,useState as l}from"react";import{Link as m}from"../../components/index.js";import{debounce as f}from"es-toolkit";import{useAiuiContext as h}from"../AiuiProvider/index.js";import{getLocalizedPath as v}from"../../helpers/utils.js";const E=({supportsMetadata:d,currentNavItemRef:t})=>{const{locale:a="us"}=h(),o=g(null),[c,r]=l(null),[u,p]=l(0);s(()=>{if(o?.current){const e=o?.current?.getBoundingClientRect();p(e.height)}},[o]);const n=f(()=>{if(t){const e=t.getBoundingClientRect();r(e)}},500);return s(()=>(n(),window.addEventListener("resize",n),()=>{window.removeEventListener("resize",n)}),[n]),s(()=>{if(t){const e=t.getBoundingClientRect();r(e)}},[t]),i("div",{className:"rounded-b-box absolute top-0 h-full overflow-hidden bg-white transition-all duration-500",style:{right:`calc(100% - ${c?.right}px)`,height:u},children:i("div",{ref:o,className:"p-4",children:d?.map(e=>i("div",{className:"py-2",children:i(m,{href:v(e.url,a),className:"text-sm font-bold leading-[1.4] no-underline",children:e.label})},e.id))})})};export{E as SupportsDropdown};
+import{jsx as i}from"react/jsx-runtime";import{useEffect as s,useRef as f,useState as l}from"react";import{Link as g}from"../../components/index.js";import{debounce as m}from"es-toolkit";import{useAiuiContext as h}from"../AiuiProvider/index.js";import{getLocalizedPath as v}from"../../helpers/utils.js";const E=({supportsMetadata:d,currentNavItemRef:t})=>{const{locale:a="us"}=h(),n=f(null),[c,r]=l(null),[u,p]=l(0);s(()=>{if(n?.current){const e=n?.current?.getBoundingClientRect();p(e.height)}},[n]);const o=m(()=>{if(t){const e=t.getBoundingClientRect();r(e)}},500);return s(()=>(o(),window.addEventListener("resize",o),()=>{window.removeEventListener("resize",o)}),[o]),s(()=>{if(t){const e=t.getBoundingClientRect();r(e)}},[t]),i("div",{className:"rounded-b-box absolute top-0 h-full overflow-hidden bg-white transition-all duration-500",style:{right:`calc(100% - ${c?.right}px)`,height:u},children:i("div",{ref:n,className:"p-4",children:d?.map(e=>i("div",{className:"py-2",children:i(g,{href:v(e.url,a,"ref=navMenu"),className:"text-sm font-bold leading-[1.4] no-underline",children:e.label})},e.id))})})};export{E as SupportsDropdown};

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

@@ -1 +1 @@
-"use client";import{Fragment as Pe,jsx as e,jsxs as o}from"react/jsx-runtime";import{forwardRef as ae,useCallback as ne,useEffect as G,useImperativeHandle as Ee,useMemo as P,useRef as J,useState as D}from"react";import{Picture as me,Text as w,Button as oe,Container as pe,BrandStrip as Te}from"../../components/index.js";import{withLayout as He}from"../../shared/Styles.js";import{cn as E,getLocalizedPath as ie}from"../../helpers/utils.js";import Le,{useNavContext as te}from"./NavProvider.js";import{HeaderNavigationMenu as $,HeaderNavigationBlockType as T,HeaderNavigationActionBlockType as C}from"./types.js";import ze from"jump.js";import{useGSAP as le}from"@gsap/react";import{gsap as re}from"gsap";import{WithSidebar as fe,WithSupports as be,WithMulticol as ve,WithGroupCategory as ge,WithResource as he}from"./withCategory.js";import{Menu as Be,Close as ye,User as Re,LeftArrow as Ie,DownArrow as Ne,Polygon as Ae}from"./icons/index.js";import Oe from"../NavigationSearch/index.js";import{ResourceSidebarDropdown as je}from"./ResourceSidebarDropdown.js";import{MobileResourceSidebarMenu as _e}from"./MobileResourceSidebarMenu.js";import{SidebarDropdown as We}from"./SidebarDropdown.js";import{useScrollLock as se}from"./useScrollLock.js";import{MulticolDropdown as $e}from"./MulticolDropdown.js";import{SupportsDropdown as Ke}from"./SupportsDropdown.js";import{MobileSidebarMenu as Fe}from"./MobileSidebarMenu.js";import{MobileSupportMenu as Ue}from"./MobileSupportMenu.js";import{MobileMulticolMenu as Ge}from"./MobileMulticolMenu.js";import{MenuItem as ce}from"./MobileMenuComponents.js";import{useAiuiContext as ue}from"../AiuiProvider/index.js";import ke from"../../shared/throttle.js";const we=ae((a,s)=>{const{data:{header:r}={},buildProps:c,event:f,profile:H,theme:n="light",isTop:i=!1,searchResult:v,onSearch:p,isSearching:u,keywords:z,onPrimaryNavClick:N,onSeriesProductClick:g,onSidebarNavClick:x,onMobileMenuToggle:Y,headerId:M,cartCount:B,menuData:R,render:I,componentOverrides:q,...Q}=a,[A,d]=D(!1),[K,O]=D(!1),[j,L]=D(!1),[V,b]=D(!1),_=J(null),k=J(null),X=()=>{const h=document?.querySelector("body")?.offsetWidth||0;b(h<=1440)};G(()=>(X(),window.addEventListener("resize",X),()=>{window.removeEventListener("resize",X)}),[]),Ee(s,()=>k.current),G(()=>{k.current&&i&&ze(k.current,{duration:0,offset:k.current?.getBoundingClientRect()?.bottom||0})},[i]),G(()=>{if(i){O(!1),L(!1);return}let h=0,t=0,l=0;const m=()=>document?.documentElement?.scrollTop||document?.body?.scrollTop||0,y=m();h=y,O(y>300),L(y>30);const F=ke(()=>{const S=m(),U=S-h;L(S>30),U>0?(t=0,l+=U,l>=300&&S>300&&O(!0)):U<0&&(l=0,t+=Math.abs(U),t>=300&&(O(!1),t=0)),h=S},100);return window.addEventListener("scroll",F,{passive:!0}),()=>window.removeEventListener("scroll",F)},[i]),G(()=>{f&&(f.search=()=>d(!0))},[f]),le(()=>{_?.current&&A&&re.fromTo(_.current,{height:0},{height:"auto",duration:.3})},[A]),se(A);const Z=P(()=>r?.bar?.actions?.find(h=>h?.blockType===C.Search)?.searchBar?.[0]||{},[r]),W=I?.mobileHeaderNavigation;return e(Le,{buildProps:c,profile:H,isMobile:V,event:f,payloadData:r,onSidebarNavClick:x,onSeriesProductClick:g,cartCount:B,componentOverrides:q,children:e("header",{...Q,id:M||"header","data-ui-component-id":"HeaderNavigation",className:i?"relative z-[100] bg-white":E("sticky top-0 z-[100] transition-transform duration-500 ease-in-out",{"translate-y-[-100%]":K}),ref:k,children:o("div",{className:E("hover:bg-white hover:text-black",n==="light"?"text-black":"text-white",{"!bg-white transition-all duration-500 ease-in-out":!i&&j},{"hover:!text-black":n==="dark","!text-black":!i&&j}),onClick:()=>!i&&L(!0),children:[e(Ce,{data:r,className:"desktop:block hidden !bg-white",theme:n,onNavItemClick:()=>!i&&L(!0),onPrimaryNavClick:N}),W?e(W,{className:"desktop:hidden block !bg-white",menuData:R,data:r,onPrimaryNavClick:N}):e(xe,{menuData:R,data:r,className:"desktop:hidden block !bg-white",onPrimaryNavClick:N,onMobileMenuToggle:Y}),A&&o("div",{className:"absolute left-0 top-0 z-[60] flex w-full flex-col bg-black/70",style:{height:`calc(100dvh - ${k?.current?.getBoundingClientRect()?.top}px)`},role:"dialog","aria-modal":"true","aria-label":"Search",children:[e("div",{ref:_,className:E("overflow-y-auto",{}),children:e(Oe,{data:Z,keywords:z,isSearching:u,searchResult:v,onSearch:h=>{p?.(h)},onClose:()=>{p?.(),d(!1)}})}),e("div",{className:"flex-1 bg-transparent",onClick:()=>d(!1),role:"button",tabIndex:0,"aria-label":"Close search",onKeyDown:h=>{(h.key==="Enter"||h.key===" "||h.key==="Escape")&&(h.preventDefault(),d(!1))}})]})]})})})}),Ce=ae((a,s)=>{const{data:r,onNavItemClick:c,className:f,theme:H,onPrimaryNavClick:n}=a,{event:i,profile:v}=te(),[p,u]=D(!1),{locale:z="us"}=ue(),N=P(()=>ge(r?.categories?.filter(t=>t?.pcShow)),[r]),[g,x]=D(null),[Y,M]=D([]),B=J(null),[R,I]=D(!1),q=J(null),Q=J(null),A=J(N.map(t=>Array(t?.length||0).fill(null)));G(()=>{N?.length&&M(N?.map((t,l)=>t?.map((m,y)=>({groupIndex:l,index:y,open:!1}))))},[N]);const d=P(()=>{let t=null;for(const l of Y){for(const m of l)if(m.open){t=m;break}if(t)break}return t},[Y]);se(!!d?.open||R);const K=(t,l,m)=>{I(!1);const y=N[l][m];if(y?.components?.[0]?.blockType===T.Links)y?.components?.[0]?.url&&window.open(y?.components?.[0]?.url,y?.components?.[0]?.target??"_blank");else{const F=N?.flat()||[],S=F?.findIndex(U=>U?.id===N[l][m]?.id);t.stopPropagation(),c?.(),n?.(F[S],S),x(y),M(U=>U.map(De=>De.map(ee=>ee.groupIndex===l&&ee.index===m?{...ee,open:!ee.open}:{...ee,open:!1})))}},O=(t,l,m)=>{t.key==="Enter"||t.key===" "?(t.preventDefault(),K(t,l,m)):t.key==="Escape"&&d?.groupIndex===l&&d?.index===m&&(t.preventDefault(),j())},j=()=>{M(t=>t.map(l=>l.map(m=>({...m,open:!1}))))},L=P(()=>{if(g)return g?.components?.[0]?.blockType},[g]),V=fe(We,g),b=he(je,g),_=ve($e,g),k=be(Ke,{categoriesItem:g,currentNavItemRef:A.current?.[d?.groupIndex||0]?.[d?.index||0]}),X=P(()=>{switch(L){case T.Sidebar:return e(V,{});case T.Resource:return e(b,{});case T.Supports:return e(k,{});case T.Multicol:return e(_,{});default:return null}},[L,g]),Z=P(()=>r?.bar?.actions?.filter(t=>t?.pcShow),[r]),W=P(()=>Z?.find(t=>t?.blockType===C.Profile),[Z]),h=ne(()=>{I(t=>!t)},[]);return G(()=>{if(B?.current){const t=B.current;return t.addEventListener("click",h),()=>{t.removeEventListener("click",h)}}},[h]),le(()=>{d?.open&&re.fromTo(Q?.current,{height:0},{height:"auto"})},[d?.open]),o(pe,{className:E("relative h-[92px]",f),children:[o("div",{ref:q,onClick:j,className:"flex h-full flex-col justify-end gap-4",children:[o("div",{className:"flex items-center justify-between",children:[e(Me,{}),e(de,{ref:B,actions:Z,activeStatus:R})]}),e("nav",{className:"flex justify-between",role:"navigation","aria-label":"Primary navigation",children:N?.map((t,l)=>e("div",{className:"flex gap-3",children:t?.map((m,y)=>{const F=d?.groupIndex===l&&d?.index===y;return e("div",{ref:S=>{A.current[l][y]=S},className:"group",children:o("div",{className:"relative",children:[o("button",{className:"flex cursor-pointer items-center gap-1 border-0 bg-transparent pb-4",onClick:S=>K(S,l,y),onKeyDown:S=>O(S,l,y),"aria-expanded":F,"aria-haspopup":"true","aria-label":m.text,children:[e(w,{html:m.text,className:"text-sm font-bold leading-[1.4]"}),e(Ne,{className:E("size-4 opacity-0 transition-opacity duration-500 group-hover:opacity-100",{"rotate-180":d?.groupIndex===l&&d?.index===y,"opacity-100":p&&d?.groupIndex===l&&d?.index===y,invisible:!m?.components?.length||m?.components?.[0]?.blockType===T.Links})})]}),e("div",{className:E("absolute bottom-0 left-0 h-[2px] w-0 transition-all duration-500",{"w-[calc(100%-20px)]":F},H==="dark"?"bg-white":"bg-[#080A0F]"),"aria-hidden":"true"})]})},m.id)})},`groupCategory-${l}`))})]}),o("div",{role:"menu","aria-hidden":!(d?.open&&g),className:E("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:!(d?.open&&g)}),onMouseEnter:()=>u(!0),onMouseLeave:()=>u(!1),style:{height:`calc(100dvh - ${q?.current?.getBoundingClientRect()?.bottom}px)`},children:[e("div",{ref:Q,className:E("relative z-50",{"overflow-hidden":L!==T.Supports}),children:X}),e("div",{className:"flex-1 bg-transparent",onClick:j,role:"button",tabIndex:0,"aria-label":"Close menu",onKeyDown:t=>{(t.key==="Enter"||t.key===" "||t.key==="Escape")&&(t.preventDefault(),j())}})]}),R&&o("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:"rounded-box absolute w-[272px] overflow-hidden bg-white p-4",style:{right:`calc(100% - ${B?.current?.getBoundingClientRect()?.right}px)`,top:"-36px"},children:v?.email?o(Pe,{children:[e(w,{html:v?.nick_name||W?.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:W?.profiles?.map(t=>e(ce,{className:"py-2",label:t?.title,href:ie(t?.url,z)},t.id))})]}):o(Pe,{children:[e(Ae,{className:"absolute -top-2 right-[46px] z-30 text-white","aria-hidden":"true"}),e(w,{html:W?.benefits_title,className:"text-sm font-bold leading-[1.4]"}),e("div",{className:"mt-2 flex flex-col gap-1",children:W?.benefits?.map(t=>o("div",{className:"flex items-center gap-[6px]",children:[e(me,{source:t.benefitIcon?.url,className:"size-4 shrink-0",alt:t.benefit,width:16,height:16}),e(w,{html:t.benefit,className:"text-sm font-bold leading-[1.4]"})]},t.id))}),o("div",{className:"mt-4 flex flex-wrap gap-2",children:[e(oe,{className:"grow",variant:"secondary",size:"lg",onClick:()=>i?.join?.(),children:e(w,{html:W?.primaryButton||"Join Now",className:"font-bold"})}),e(oe,{className:"grow",variant:"primary",size:"lg",onClick:()=>i?.login?.(),children:e(w,{html:W?.secondaryButton||"Log In",className:"font-bold"})})]})]})}),e("div",{className:"flex-1 bg-transparent",onClick:()=>I(!1),role:"button",tabIndex:0,"aria-label":"Close profile menu",onKeyDown:t=>{(t.key==="Enter"||t.key===" "||t.key==="Escape")&&(t.preventDefault(),I(!1))}})]})]})}),xe=ae(({data:a,menuData:s,className:r,onPrimaryNavClick:c,onMobileMenuToggle:f},H)=>{const n=P(()=>ge(a?.categories?.filter(b=>b?.mobileShow)),[a]),{currentMenu:i,setCurrentMenu:v,subSubCategory:p}=te(),[u,z]=D(!1),[N,g]=D(0),[x,Y]=D(null),M=J(null),B=J(!1);G(()=>{if(M?.current&&u){const b=M?.current?.getBoundingClientRect();g(window?.innerHeight-(b?.top||0))}f?.({open:u})},[u,f]),G(()=>{if(!u)return;const b=ke(()=>{if(M?.current){const _=M.current.getBoundingClientRect();B.current=!0,g(window?.innerHeight-(_?.top||0))}},100);return window.addEventListener("resize",b),()=>window.removeEventListener("resize",b)},[u]),le(()=>{if(B.current){re.set(M.current,{height:N}),B.current=!1;return}re.fromTo(M.current,{height:0},{height:N,duration:.3})},[N]),se(u);const R=P(()=>x?.components?.[0]?.blockType,[x]),I=be(Ue,{categoriesItem:x}),q=fe(Fe,x),Q=he(_e,x),A=ve(Ge,x),d=P(()=>{switch(R){case T.Sidebar:return e(q,{});case T.Resource:return e(Q,{});case T.Supports:return e(I,{});case T.Multicol:return e(A,{});default:return null}},[R,x,I]),K=ne(()=>{z(!1),g(0),v&&v($.Primary)},[z,g,v]),O=P(()=>a?.bar?.actions?.filter(b=>b?.mobileShow&&b?.blockType!==C.Profile),[a]),j=P(()=>a?.bar?.actions?.find(b=>b?.mobileShow&&b?.blockType===C.Profile)||{},[a]),L=P(()=>{switch(i){case $.Primary:return e(qe,{actions:O,menuOpen:u,onMenuOpenClose:()=>{z(!1),g(0)},onMenuOpenClick:()=>z(!0)});case $.Secondary:return e(Se,{title:x?.text,onMenuOpenClose:K,onMenuBackClick:()=>v?.($.Primary)});case $.Third:return e(Se,{title:p?.label,onMenuOpenClose:K,onMenuBackClick:()=>v?.($.Secondary)});default:return null}},[u,i,v,x,O,p,K]),V=ne((b,_)=>{const k=Array.isArray(n)?Array.isArray(n[b])?n[b][_]:{}:{};Y(k),k?.components?.[0]?.blockType===T.Links?k?.components?.[0]?.url&&window.open(k?.components?.[0]?.url,k?.components?.[0]?.target??"_blank"):v?.($.Secondary)},[n,v]);return o(pe,{className:E("relative h-[56px]",r),children:[L,u&&o("nav",{ref:M,className:"absolute left-0 top-full z-[999] w-full overflow-y-auto border-t border-[#E4E5E6] bg-white text-black",style:{height:N},role:"navigation","aria-label":"Mobile navigation menu",children:[i===$.Primary&&s?e("div",{className:"pt-4",children:e(Te,{data:s})}):null,i===$.Primary?e(Je,{categories:n,onPrimaryMenuClick:V,onPrimaryNavClick:c,profileAction:j,menuData:s}):d]})]})}),Je=({categories:a,onPrimaryMenuClick:s,profileAction:r,onPrimaryNavClick:c,menuData:f})=>o("div",{className:"flex h-full flex-col justify-between",children:[e("div",{className:"tablet:px-8 laptop:px-16 p-4",children:a?.map((H,n)=>o("div",{className:"",children:[n>0||f?e("div",{className:E("my-2 h-px w-full bg-[#E5E5E7]")}):null,H?.map((i,v)=>e(ce,{label:i.text,onClick:()=>{const u=(a?.flat()||[])?.findIndex(z=>z?.id===a[n][v]?.id);s(n,v),c?.(i,u)},icon:i.components?.[0]?.icon},i.id))]},`groupCategory-${n}`))}),e(Ye,{profileAction:r})]}),Ye=({profileAction:a})=>{const[s,r]=D(!1),{profile:c,event:f}=te(),{locale:H="us"}=ue();return o("div",{className:E("tablet:px-8 laptop:px-16 bg-[#F5F5F7] px-4 py-6",{"p-4":s}),children:[o("button",{className:"flex w-full cursor-pointer items-center justify-between border-0 bg-transparent",onClick:()=>r(!s),"aria-expanded":s,"aria-label":c?.nick_name||a?.welcome,children:[o("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(w,{html:c?.nick_name||a?.welcome,className:"text-base font-bold leading-[1.4]"})]}),!c?.email&&e(Ne,{"aria-hidden":"true",className:E("laptop:size-4 size-5",{"rotate-180":s})})]}),c?.email&&e("nav",{className:"mt-4",role:"navigation","aria-label":"Profile menu",children:a?.profiles?.map(n=>e(ce,{label:n?.title,href:ie(n?.url,H)},n.id))}),s&&!c?.email&&o("div",{className:"mt-4",children:[e(w,{html:a?.benefits_title,className:"text-sm font-bold leading-[1.4]"}),e("div",{className:"mt-2 flex flex-col gap-1",children:a?.benefits?.map(n=>o("div",{className:"flex items-center gap-[6px]",children:[e(me,{source:n.benefitIcon?.url,className:"size-4",alt:n.benefit,width:16,height:16}),e(w,{html:n.benefit,className:"text-sm font-bold leading-[1.4]"})]},n.id))})]}),!c?.email&&o("div",{className:"mt-4 flex items-center gap-3",children:[e(oe,{className:"tablet:flex-none flex-1",variant:"secondary",size:"base",onClick:()=>f?.join?.(),children:e(w,{html:a?.primaryButton||"Join Now",className:"text-sm font-bold leading-[1.4]"})}),e(oe,{className:"tablet:flex-none flex-1",variant:"primary",size:"base",onClick:()=>f?.login?.(),children:e(w,{html:a?.secondaryButton||"Log In",className:"text-sm font-bold leading-[1.4]"})})]})]})},qe=({menuOpen:a,onMenuOpenClose:s,onMenuOpenClick:r,actions:c})=>o("div",{className:"flex h-full items-center justify-between gap-4",children:[e(Me,{}),o("div",{className:"desktop:gap-6 flex items-center gap-4",children:[e(de,{actions:c}),a?e("button",{className:"cursor-pointer border-0 bg-transparent p-0",onClick:()=>s(),"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:()=>r(),"aria-label":"Open menu","aria-expanded":"false","aria-haspopup":"true",children:e(Be,{className:"size-5","aria-hidden":"true"})})]})]}),Me=()=>{const{payloadData:a,isMobile:s}=te(),{locale:r="us"}=ue();return e("a",{href:ie("/",r),className:"hover:text-[#00CBEB] [&>svg]:w-full","aria-label":"Home",dangerouslySetInnerHTML:{__html:s?a?.bar?.mobileLogo:a?.bar?.desktopLogo}})},de=ae(({actions:a,activeStatus:s=!1},r)=>{const{event:c,cartCount:f}=te(),[H,n]=D(null),i=p=>{switch(p){case C.Search:return"Search";case C.Cart:return`Shopping cart${f>0?` (${f} items)`:""}`;case C.Profile:return"User profile";case C.Livestream:return"Livestream";default:return"Action"}},v=ne((p,u)=>{switch(n(u),p?.blockType){case C.Search:c?.search?.();break;case C.Cart:c?.cart?.();break;case C.Profile:c?.profile?.();break;case C.Livestream:c?.livestream?.();break;default:return()=>{}}},[c]);return e("div",{className:"desktop:gap-6 flex items-center gap-4",children:Array.isArray(a)&&a?.map((p,u)=>o("button",{className:"relative cursor-pointer border-0 bg-transparent p-0","data-tag":p?.tag||"",ref:p.blockType===C.Profile?r:null,onClick:()=>v(p,u),"aria-label":i(p.blockType),"aria-pressed":s&&H===u,children:[e(w,{html:p.icon,className:E("size-5",{"text-brand-0":s&&H===u}),"aria-hidden":"true"}),p.blockType===C.Cart&&f>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(w,{html:f?.toString(),className:"text-sm font-bold leading-[1.2] text-white"})})]},p.id))})}),Se=({title:a,onMenuOpenClose:s,onMenuBackClick:r})=>o("div",{className:"flex h-full items-center gap-3",children:[e("button",{className:"cursor-pointer border-0 bg-transparent p-0",onClick:()=>r(),"aria-label":"Back to previous menu",children:e(Ie,{className:"size-5","aria-hidden":"true"})}),e(w,{html:a,className:"flex-1 text-center text-base font-bold leading-[1.4]"}),e("button",{className:"cursor-pointer border-0 bg-transparent p-0",onClick:()=>s(),"aria-label":"Close menu",children:e(ye,{className:"size-5","aria-hidden":"true"})})]});xe.displayName="MobileNavigation",de.displayName="Actions",we.displayName="HeaderNavigation",Ce.displayName="DesktopNavigation";var kt=He(we);export{kt as default};
+"use client";import{Fragment as Ie,jsx as e,jsxs as o}from"react/jsx-runtime";import{forwardRef as ue,useCallback as de,useEffect as F,useImperativeHandle as Ae,useMemo as L,useRef as $,useState as P}from"react";import{Picture as Ne,Text as k,Button as me,Container as fe,BrandStrip as Oe}from"../../components/index.js";import{withLayout as je}from"../../shared/Styles.js";import{cn as x,getLocalizedPath as ne}from"../../helpers/utils.js";import _e,{useNavContext as re}from"./NavProvider.js";import{HeaderNavigationMenu as K,HeaderNavigationBlockType as C,HeaderNavigationActionBlockType as M}from"./types.js";import $e from"jump.js";import{useGSAP as be}from"@gsap/react";import{gsap as pe}from"gsap";import{WithSidebar as ke,WithSupports as xe,WithMulticol as Ce,WithGroupCategory as we,WithResource as Me}from"./withCategory.js";import{Menu as Ke,Close as Se,User as Ue,LeftArrow as We,DownArrow as ve,Polygon as Fe}from"./icons/index.js";import Ge from"../NavigationSearch/index.js";import{ResourceSidebarDropdown as Je}from"./ResourceSidebarDropdown.js";import{MobileResourceSidebarMenu as Ye}from"./MobileResourceSidebarMenu.js";import{SidebarDropdown as qe}from"./SidebarDropdown.js";import{useScrollLock as ge}from"./useScrollLock.js";import{MulticolDropdown as Qe}from"./MulticolDropdown.js";import{SupportsDropdown as Ve}from"./SupportsDropdown.js";import{MobileSidebarMenu as Xe}from"./MobileSidebarMenu.js";import{MobileSupportMenu as Ze}from"./MobileSupportMenu.js";import{MobileMulticolMenu as et}from"./MobileMulticolMenu.js";import{MenuItem as he}from"./MobileMenuComponents.js";import{useAiuiContext as oe}from"../AiuiProvider/index.js";import Te from"../../shared/throttle.js";import{useNavCollapse as tt}from"./useNavCollapse.js";const De=a=>!!a?.components?.length&&a?.components?.[0]?.blockType!==C.Links,Le=a=>a?.components?.[0]?.blockType===C.Links&&a?.components?.[0]?.url||a?.url||void 0,Pe=a=>a?.components?.[0]?.blockType===C.Links&&a?.components?.[0]?.target||a?.target,at=({groupCategories:a})=>e("div",{className:"pointer-events-none invisible absolute inset-x-0 top-0 overflow-hidden","aria-hidden":"true",children:e(fe,{className:"h-[92px]",children:e("nav",{className:"flex h-full items-end justify-between",children:a?.map((i,r)=>e("div",{className:"flex gap-3","data-nav-item":!0,children:i?.map(l=>o("div",{className:"flex items-center gap-1",children:[e(k,{html:l.text,"data-nav-item-label":!0,className:"desktop:text-pretty text-nowrap text-sm font-bold leading-[1.4]"}),De(l)&&e(ve,{className:"size-4 opacity-0","aria-hidden":"true"})]},l.id))},`measure-group-${r}`))})})}),Ee=ue((a,i)=>{const{data:{header:r}={},buildProps:l,event:g,profile:E,theme:c="light",isTop:n=!1,searchResult:u,onSearch:d,isSearching:m,keywords:H,onPrimaryNavClick:S,onSeriesProductClick:b,onSidebarNavClick:T,onMobileMenuToggle:Y,headerId:w,cartCount:R,menuData:z,render:I,componentOverrides:q,...G}=a,[h,A]=P(!1),[p,O]=P(!1),[Q,j]=P(!1),D=$(null),s=$(null),U=L(()=>we(r?.categories?.filter(y=>y?.pcShow)),[r]),B=tt(s),{setNavCollapsed:ie}=oe();F(()=>{ie?.(B)},[B,ie]),Ae(i,()=>s.current),F(()=>{s.current&&n&&$e(s.current,{duration:0,offset:s.current?.getBoundingClientRect()?.bottom||0})},[n]),F(()=>{if(n){O(!1),j(!1);return}let y=0,V=0,Z=0;const se=()=>document?.documentElement?.scrollTop||document?.body?.scrollTop||0,J=se();y=J,O(J>300),j(J>30);const _=Te(()=>{const W=se(),t=W-y;j(W>30),t>0?(V=0,Z+=t,Z>=300&&W>300&&O(!0)):t<0&&(Z=0,V+=Math.abs(t),V>=300&&(O(!1),V=0)),y=W},100);return window.addEventListener("scroll",_,{passive:!0}),()=>window.removeEventListener("scroll",_)},[n]),F(()=>{g&&(g.search=()=>A(!0))},[g]),be(()=>{D?.current&&h&&pe.fromTo(D.current,{height:0},{height:"auto",duration:.3})},[h]),ge(h);const X=L(()=>r?.bar?.actions?.find(y=>y?.blockType===M.Search)?.searchBar?.[0]||{},[r]),le=I?.mobileHeaderNavigation;return e(_e,{buildProps:l,profile:E,isMobile:B,event:g,payloadData:r,onSidebarNavClick:T,onSeriesProductClick:b,cartCount:R,componentOverrides:q,children:e("header",{...G,id:w||"header","data-ui-component-id":"HeaderNavigation",className:n?"relative z-[100] bg-white":x("sticky top-0 z-[100] transition-transform duration-500 ease-in-out",{"translate-y-[-100%]":p}),ref:s,children:o("div",{className:x("hover:bg-white hover:text-black",c==="light"?"text-black":"text-white",{"!bg-white transition-all duration-500 ease-in-out":!n&&Q},{"hover:!text-black":c==="dark","!text-black":!n&&Q}),onClick:()=>!n&&j(!0),children:[e(at,{groupCategories:U}),e("div",{className:x("hidden",B?"laptop:hidden":"laptop:block","desktop:block"),children:e(He,{data:r,groupCategories:U,theme:c,onNavItemClick:()=>!n&&j(!0),onPrimaryNavClick:S,className:"!bg-white"})}),e("div",{className:x("block",B?"laptop:block":"laptop:hidden","desktop:hidden"),children:le?e(le,{menuData:z,data:r,onPrimaryNavClick:S}):e(Re,{menuData:z,data:r,onPrimaryNavClick:S,onMobileMenuToggle:Y,className:"!bg-white"})}),h&&o("div",{className:"absolute left-0 top-0 z-[60] flex w-full flex-col bg-black/70",style:{height:`calc(100dvh - ${s?.current?.getBoundingClientRect()?.top}px)`},role:"dialog","aria-modal":"true","aria-label":"Search",children:[e("div",{ref:D,className:x("overflow-y-auto",{}),children:e(Ge,{data:X,keywords:H,isSearching:m,searchResult:u,onSearch:y=>{d?.(y)},onClose:()=>{d?.(),A(!1)}})}),e("div",{className:"flex-1 bg-transparent",onClick:()=>A(!1),role:"button",tabIndex:0,"aria-label":"Close search",onKeyDown:y=>{(y.key==="Enter"||y.key===" "||y.key==="Escape")&&(y.preventDefault(),A(!1))}})]})]})})})}),He=ue((a,i)=>{const{data:r,onNavItemClick:l,className:g,theme:E,onPrimaryNavClick:c,groupCategories:n}=a,{event:u,profile:d}=re(),[m,H]=P(!1),{locale:S="us"}=oe(),[b,T]=P(null),[Y,w]=P([]),R=$(null),[z,I]=P(!1),q=$(null),G=$(null),h=$(null),A=$(n.map(t=>Array(t?.length||0).fill(null)));F(()=>{n?.length&&w(n?.map((t,f)=>t?.map((v,N)=>({groupIndex:f,index:N,open:!1}))))},[n]);const p=L(()=>{let t=null;for(const f of Y){for(const v of f)if(v.open){t=v;break}if(t)break}return t},[Y]);ge(!!p?.open||z);const O=(t,f)=>{I(!1),l?.();const v=n?.flat()||[],N=v?.findIndex(ee=>ee?.id===n[t][f]?.id);c?.(v[N],N)},Q=(t,f)=>{const v=n[t][f],N=v?.components?.[0];N&&N?.blockType!==C.Links&&(T(v),w(te=>te.map(ae=>ae.map(ce=>ce.groupIndex===t&&ce.index===f?{...ce,open:!0}:{...ce,open:!1}))))},j=(t,f,v)=>{t.key==="Escape"&&p?.groupIndex===f&&p?.index===v&&(t.preventDefault(),D())},D=()=>{w(t=>t.map(f=>f.map(v=>({...v,open:!1}))))},s=()=>{h.current&&clearTimeout(h.current),h.current=setTimeout(()=>{D()},200)},U=()=>{h.current&&clearTimeout(h.current)},B=()=>{h.current&&clearTimeout(h.current)},ie=()=>{h.current&&clearTimeout(h.current),h.current=setTimeout(()=>{D()},200)},X=L(()=>{if(b)return b?.components?.[0]?.blockType},[b]),le=ke(qe,b),y=Me(Je,b),V=Ce(Qe,b),Z=xe(Ve,{categoriesItem:b,currentNavItemRef:A.current?.[p?.groupIndex||0]?.[p?.index||0]}),se=L(()=>{switch(X){case C.Sidebar:return e(le,{});case C.Resource:return e(y,{});case C.Supports:return e(Z,{});case C.Multicol:return e(V,{});default:return null}},[X,b]),J=L(()=>r?.bar?.actions?.filter(t=>t?.pcShow),[r]),_=L(()=>J?.find(t=>t?.blockType===M.Profile),[J]),W=de(()=>{I(t=>!t)},[]);return F(()=>{if(R?.current){const t=R.current;return t.addEventListener("click",W),()=>{t.removeEventListener("click",W)}}},[W]),be(()=>{p?.open&&G?.current&&pe.fromTo(G?.current,{height:0},{height:"auto"})},[p?.open]),o(fe,{className:x("relative h-[92px]",g),children:[o("div",{ref:q,onClick:D,className:"flex h-full flex-col justify-end gap-4",children:[o("div",{className:"flex items-center justify-between",children:[e(Be,{}),e(ye,{ref:R,actions:J,activeStatus:z})]}),e("nav",{className:"flex justify-between",role:"navigation","aria-label":"Primary navigation",onMouseEnter:U,onMouseLeave:s,children:n?.map((t,f)=>e("div",{className:"flex gap-3",children:t?.map((v,N)=>{const ee=p?.groupIndex===f&&p?.index===N,te=Pe(v);return e("div",{ref:ae=>{A.current[f][N]=ae},className:"group",onMouseEnter:()=>Q(f,N),children:o("div",{className:"relative",children:[o("a",{href:ne(Le(v),S,"ref=navMenu"),...te?{target:te}:{},rel:te==="_blank"?"noopener noreferrer":void 0,className:"flex cursor-pointer items-center gap-1 border-0 bg-transparent pb-4 no-underline",onClick:()=>O(f,N),onKeyDown:ae=>j(ae,f,N),"aria-expanded":ee,"aria-haspopup":"true","aria-label":v.text,children:[e(k,{html:v.text,className:"desktop:text-pretty text-nowrap text-sm font-bold leading-[1.4]"}),e(ve,{className:x("size-4 opacity-0 transition-opacity duration-500 group-hover:opacity-100",{"rotate-180":p?.groupIndex===f&&p?.index===N,"opacity-100":m&&p?.groupIndex===f&&p?.index===N,hidden:!De(v)})})]}),e("div",{className:x("absolute bottom-0 left-0 h-[2px] w-0 transition-all duration-500",{"w-[calc(100%-20px)]":ee},E==="dark"?"bg-white":"bg-[#080A0F]"),"aria-hidden":"true"})]})},v.id)})},`groupCategory-${f}`))})]}),o("div",{role:"menu","aria-hidden":!(p?.open&&b),className:x("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:!(p?.open&&b)}),style:{height:`calc(100dvh - ${q?.current?.getBoundingClientRect()?.bottom}px)`},children:[e("div",{ref:G,className:x("relative z-50",{"overflow-hidden":X!==C.Supports}),onMouseEnter:()=>{B(),H(!0)},onMouseLeave:()=>{ie(),H(!1)},children:se}),e("div",{className:"flex-1 bg-transparent",onClick:D,onMouseEnter:D,role:"button",tabIndex:0,"aria-label":"Close menu",onKeyDown:t=>{(t.key==="Enter"||t.key===" "||t.key==="Escape")&&(t.preventDefault(),D())}})]}),z&&o("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:"rounded-box absolute w-[272px] overflow-hidden bg-white p-4",style:{right:`calc(100% - ${R?.current?.getBoundingClientRect()?.right}px)`,top:"-36px"},children:d?.email?o(Ie,{children:[e(k,{html:d?.nick_name||_?.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:_?.profiles?.map(t=>e(he,{className:"py-2",label:t?.title,href:ne(t?.url,S,"ref=navMenu")},t.id))})]}):o(Ie,{children:[e(Fe,{className:"absolute -top-2 right-[46px] z-30 text-white","aria-hidden":"true"}),e(k,{html:_?.benefits_title,className:"text-sm font-bold leading-[1.4]"}),e("div",{className:"mt-2 flex flex-col gap-1",children:_?.benefits?.map(t=>o("div",{className:"flex items-center gap-[6px]",children:[e(Ne,{source:t.benefitIcon?.url,className:"size-4 shrink-0",alt:t.benefit,width:16,height:16}),e(k,{html:t.benefit,className:"text-sm font-bold leading-[1.4]"})]},t.id))}),o("div",{className:"mt-4 flex flex-wrap gap-2",children:[e(me,{className:"grow",variant:"secondary",size:"lg",onClick:()=>u?.join?.(),children:e(k,{html:_?.primaryButton||"Join Now",className:"font-bold"})}),e(me,{className:"grow",variant:"primary",size:"lg",onClick:()=>u?.login?.(),children:e(k,{html:_?.secondaryButton||"Log In",className:"font-bold"})})]})]})}),e("div",{className:"flex-1 bg-transparent",onClick:()=>I(!1),role:"button",tabIndex:0,"aria-label":"Close profile menu",onKeyDown:t=>{(t.key==="Enter"||t.key===" "||t.key==="Escape")&&(t.preventDefault(),I(!1))}})]})]})}),Re=ue(({data:a,menuData:i,className:r,onPrimaryNavClick:l,onMobileMenuToggle:g},E)=>{const c=L(()=>we(a?.categories?.filter(s=>s?.mobileShow)),[a]),{currentMenu:n,setCurrentMenu:u,subSubCategory:d}=re(),[m,H]=P(!1),[S,b]=P(0),[T,Y]=P(null),w=$(null),R=$(!1);F(()=>{if(w?.current&&m){const s=w?.current?.getBoundingClientRect();b(window?.innerHeight-(s?.top||0))}g?.({open:m})},[m,g]),F(()=>{if(!m)return;const s=Te(()=>{if(w?.current){const U=w.current.getBoundingClientRect();R.current=!0,b(window?.innerHeight-(U?.top||0))}},100);return window.addEventListener("resize",s),()=>window.removeEventListener("resize",s)},[m]),be(()=>{if(w.current){if(R.current){pe.set(w.current,{height:S}),R.current=!1;return}pe.fromTo(w.current,{height:0},{height:S,duration:.3})}},[S]),ge(m);const z=L(()=>T?.components?.[0]?.blockType,[T]),I=xe(Ze,{categoriesItem:T}),q=ke(Xe,T),G=Me(Ye,T),h=Ce(et,T),A=L(()=>{switch(z){case C.Sidebar:return e(q,{});case C.Resource:return e(G,{});case C.Supports:return e(I,{});case C.Multicol:return e(h,{});default:return null}},[z,T,I]),p=de(()=>{H(!1),b(0),u&&u(K.Primary)},[H,b,u]),O=L(()=>a?.bar?.actions?.filter(s=>s?.mobileShow&&s?.blockType!==M.Profile),[a]),Q=L(()=>a?.bar?.actions?.find(s=>s?.mobileShow&&s?.blockType===M.Profile)||{},[a]),j=L(()=>{switch(n){case K.Primary:return e(ot,{actions:O,menuOpen:m,onMenuOpenClose:()=>{H(!1),b(0)},onMenuOpenClick:()=>H(!0)});case K.Secondary:return e(ze,{title:T?.text,onMenuOpenClose:p,onMenuBackClick:()=>u?.(K.Primary)});case K.Third:return e(ze,{title:d?.label,onMenuOpenClose:p,onMenuBackClick:()=>u?.(K.Secondary)});default:return null}},[m,n,u,T,O,d,p]),D=de((s,U)=>{const B=Array.isArray(c)?Array.isArray(c[s])?c[s][U]:{}:{};B?.components?.[0]?.blockType!==C.Links&&(Y(B),u?.(K.Secondary))},[c,u]);return o(fe,{className:x("relative h-[56px]",r),children:[j,m&&o("nav",{ref:w,className:"absolute left-0 top-full z-[999] w-full overflow-y-auto border-t border-[#E4E5E6] bg-white text-black",style:{height:S},role:"navigation","aria-label":"Mobile navigation menu",children:[n===K.Primary&&i?e("div",{className:"pt-4",children:e(Oe,{data:i})}):null,n===K.Primary?e(nt,{categories:c,onPrimaryMenuClick:D,onPrimaryNavClick:l,profileAction:Q,menuData:i}):A]})]})}),nt=({categories:a,onPrimaryMenuClick:i,profileAction:r,onPrimaryNavClick:l,menuData:g})=>{const{locale:E="us"}=oe();return o("div",{className:"flex h-full flex-col justify-between",children:[e("div",{className:"tablet:px-8 laptop:px-16 p-4",children:a?.map((c,n)=>o("div",{className:"",children:[n>0||g?e("div",{className:x("my-2 h-px w-full bg-[#E5E5E7]")}):null,c?.map((u,d)=>{const m=u.components?.[0]?.blockType===C.Links;return e(he,{label:u.text,href:m?ne(Le(u),E,"ref=navMenu"):void 0,target:m?Pe(u):void 0,onClick:()=>{const S=(a?.flat()||[])?.findIndex(b=>b?.id===a[n][d]?.id);i(n,d),l?.(u,S)},icon:u.components?.[0]?.icon},u.id)})]},`groupCategory-${n}`))}),e(rt,{profileAction:r})]})},rt=({profileAction:a})=>{const[i,r]=P(!1),{profile:l,event:g}=re(),{locale:E="us"}=oe();return o("div",{className:x("tablet:px-8 laptop:px-16 bg-[#F5F5F7] px-4 py-6",{"p-4":i}),children:[o("button",{className:"flex w-full cursor-pointer items-center justify-between border-0 bg-transparent",onClick:()=>r(!i),"aria-expanded":i,"aria-label":l?.nick_name||a?.welcome,children:[o("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(Ue,{"aria-hidden":"true"})}),e(k,{html:l?.nick_name||a?.welcome,className:"text-base font-bold leading-[1.4]"})]}),!l?.email&&e(ve,{"aria-hidden":"true",className:x("laptop:size-4 size-5",{"rotate-180":i})})]}),l?.email&&e("nav",{className:"mt-4",role:"navigation","aria-label":"Profile menu",children:a?.profiles?.map(c=>e(he,{label:c?.title,href:ne(c?.url,E,"ref=navMenu")},c.id))}),i&&!l?.email&&o("div",{className:"mt-4",children:[e(k,{html:a?.benefits_title,className:"text-sm font-bold leading-[1.4]"}),e("div",{className:"mt-2 flex flex-col gap-1",children:a?.benefits?.map(c=>o("div",{className:"flex items-center gap-[6px]",children:[e(Ne,{source:c.benefitIcon?.url,className:"size-4",alt:c.benefit,width:16,height:16}),e(k,{html:c.benefit,className:"text-sm font-bold leading-[1.4]"})]},c.id))})]}),!l?.email&&o("div",{className:"mt-4 flex items-center gap-3",children:[e(me,{className:"tablet:flex-none flex-1",variant:"secondary",size:"base",onClick:()=>g?.join?.(),children:e(k,{html:a?.primaryButton||"Join Now",className:"text-sm font-bold leading-[1.4]"})}),e(me,{className:"tablet:flex-none flex-1",variant:"primary",size:"base",onClick:()=>g?.login?.(),children:e(k,{html:a?.secondaryButton||"Log In",className:"text-sm font-bold leading-[1.4]"})})]})]})},ot=({menuOpen:a,onMenuOpenClose:i,onMenuOpenClick:r,actions:l})=>o("div",{className:"flex h-full items-center justify-between gap-4",children:[e(Be,{}),o("div",{className:"desktop:gap-6 flex items-center gap-4",children:[e(ye,{actions:l}),a?e("button",{className:"cursor-pointer border-0 bg-transparent p-0",onClick:()=>i(),"aria-label":"Close menu","aria-expanded":"true",children:e(Se,{className:"size-5","aria-hidden":"true"})}):e("button",{className:"cursor-pointer border-0 bg-transparent p-0",onClick:()=>r(),"aria-label":"Open menu","aria-expanded":"false","aria-haspopup":"true",children:e(Ke,{className:"size-5","aria-hidden":"true"})})]})]}),Be=()=>{const{payloadData:a,isMobile:i}=re(),{locale:r="us"}=oe();return e("a",{href:ne("/",r,"ref=logo"),className:"hover:text-[#00CBEB] [&>svg]:w-full","aria-label":"Home",dangerouslySetInnerHTML:{__html:i?a?.bar?.mobileLogo:a?.bar?.desktopLogo}})},ye=ue(({actions:a,activeStatus:i=!1},r)=>{const{event:l,cartCount:g}=re(),[E,c]=P(null),n=d=>{switch(d){case M.Search:return"Search";case M.Cart:return`Shopping cart${g>0?` (${g} items)`:""}`;case M.Profile:return"User profile";case M.Livestream:return"Livestream";default:return"Action"}},u=de((d,m)=>{switch(c(m),d?.blockType){case M.Search:l?.search?.();break;case M.Cart:l?.cart?.();break;case M.Profile:l?.profile?.();break;case M.Livestream:l?.livestream?.();break;default:return()=>{}}},[l]);return e("div",{className:"desktop:gap-6 flex items-center gap-4",children:Array.isArray(a)&&a?.map((d,m)=>o("button",{className:"relative cursor-pointer border-0 bg-transparent p-0","data-tag":d?.tag||"",ref:d.blockType===M.Profile?r:null,onClick:()=>u(d,m),"aria-label":n(d.blockType),"aria-pressed":i&&E===m,children:[e(k,{html:d.icon,className:x("size-5",{"text-brand-0":i&&E===m}),"aria-hidden":"true"}),d.blockType===M.Cart&&g>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(k,{html:g?.toString(),className:"text-sm font-bold leading-[1.2] text-white"})})]},d.id))})}),ze=({title:a,onMenuOpenClose:i,onMenuBackClick:r})=>o("div",{className:"flex h-full items-center gap-3",children:[e("button",{className:"cursor-pointer border-0 bg-transparent p-0",onClick:()=>r(),"aria-label":"Back to previous menu",children:e(We,{className:"size-5","aria-hidden":"true"})}),e(k,{html:a,className:"flex-1 text-center text-base font-bold leading-[1.4]"}),e("button",{className:"cursor-pointer border-0 bg-transparent p-0",onClick:()=>i(),"aria-label":"Close menu",children:e(Se,{className:"size-5","aria-hidden":"true"})})]});Re.displayName="MobileNavigation",ye.displayName="Actions",Ee.displayName="HeaderNavigation",He.displayName="DesktopNavigation";var Ht=je(Ee);export{Ht as default};

package/dist/esm/biz-components/HeaderNavigation/types.d.ts

@@ -91,6 +91,7 @@ export interface MobileNavigationProps {
 }
 export interface DesktopNavigationProps {
     data: any;
+    groupCategories: any[][];
     onNavItemClick?: () => void;
     className?: string;
     theme?: string;

package/dist/esm/biz-components/HeaderNavigation/useNavCollapse.d.ts

@@ -0,0 +1,30 @@
+/**
+ * 导航内容驱动双向折叠判断 Hook
+ *
+ * 断点模型（三区间）：
+ *  - viewport < 1025px   ：固定移动端形态（汉堡菜单 + 抽屉）
+ *  - viewport >= 1440px  ：固定桌面形态（完整展开）
+ *  - 1025–1440px         ：内容驱动双向切换
+ *
+ * 通过测量隐藏测量层（始终渲染、visibility:hidden），判断三条件：
+ *  1. 导航组之间最小间距 < minGap (默认 16px)
+ *  2. 任一导航项文字被截断
+ *  3. 导航区总宽度溢出容器
+ *
+ * 双向对称滞回（避免临界宽度反复横跳/闪烁）：
+ *  - pc → 移动：三条件任一命中即折叠（间距阈值 = minGap）
+ *  - 移动 → pc：三条件全部以宽松阈值解除（间距 >= minGap + buffer、无截断、无溢出）
+ *  折叠点(16) 与恢复点(16+buffer) 之间形成 buffer 宽度的滞回死区。
+ *
+ * SSR：首帧统一 false（桌面），测量逻辑全部放在 useLayoutEffect 中执行，
+ * 服务端与客户端首次渲染一致，避免 hydration mismatch；useLayoutEffect 在绘制前同步执行，
+ * 保证小屏首帧直接折叠、不闪现桌面导航。
+ *
+ * @param containerRef 测量层容器 ref（包含 [data-nav-item] / [data-nav-item-label]）
+ * @param options      { minGap: 最小间距阈值, buffer: 滞回缓冲带像素 }
+ * @returns shouldCollapse 是否应折叠为移动端形态
+ */
+export declare function useNavCollapse(containerRef: React.RefObject<HTMLElement | null>, { minGap, buffer }?: {
+    minGap?: number;
+    buffer?: number;
+}): boolean;

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

@@ -0,0 +1 @@
+import{useLayoutEffect as w,useRef as y,useState as R}from"react";function A(i,{minGap:o=16,buffer:u=20}={}){const[p,s]=R(!1),n=y(!1);return w(()=>{const t=i.current;if(!t)return;const f=()=>{const m=window.innerWidth;if(m<1025){n.current=!0,s(!0);return}if(m>=1440){n.current=!1,s(!1);return}const b=t.scrollWidth>t.clientWidth+1;let c=!1;const g=Array.from(t.querySelectorAll("[data-nav-item-label]"));for(const e of g)if(e.scrollWidth>e.clientWidth+1){c=!0;break}let r=1/0;const a=Array.from(t.querySelectorAll("[data-nav-item]"));for(let e=0;e<a.length-1;e++){const v=a[e].getBoundingClientRect(),h=a[e+1].getBoundingClientRect().left-v.right;h<r&&(r=h)}let l;n.current?l=!(r>=o+u&&!c&&!b):l=r<o||c||b,n.current=l,s(l)};f();const d=new ResizeObserver(()=>f());return d.observe(t),()=>{d.disconnect()}},[i,o,u]),p}export{A as useNavCollapse};

package/dist/esm/biz-components/HeaderNavigation/useScrollLock.d.ts

@@ -1,6 +1,7 @@
 /**
  * 滚动锁定 Hook
- * 当 isLocked 为 true 时锁定页面滚动，false 时恢复原始状态
+ * 当 isLocked 为 true 时锁定页面滚动，false 时恢复原始状态。
+ * 锁定时用 padding-right 补偿滚动条宽度，避免滚动条消失导致视口宽度突变。
  * @param isLocked 是否锁定滚动
  */
 export declare function useScrollLock(isLocked: boolean): void;

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

@@ -1 +1 @@
-import{useEffect as t,useRef as o}from"react";function r(n){const e=o(void 0);t(()=>{typeof e.current>"u"&&(e.current=document.documentElement.style.overflow),document.documentElement.style.overflow=n?"hidden":e.current},[n])}var f=r;export{f as default,r as useScrollLock};
+import{useEffect as r,useRef as d}from"react";function l(n){const t=d(void 0),i=d(void 0);r(()=>{const e=document.documentElement;if(typeof t.current>"u"&&(t.current=e.style.overflow,i.current=e.style.paddingRight),n){const o=Math.max(0,window.innerWidth-e.clientWidth);e.style.paddingRight=`${o}px`,e.style.overflow="hidden"}else e.style.overflow=t.current??"",e.style.paddingRight=i.current??""},[n])}var u=l;export{u as default,l as useScrollLock};

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

@@ -1 +1 @@
-import{jsx as d}from"react/jsx-runtime";import c,{useMemo as u}from"react";function p(r,e){const o=u(()=>{let a=null;try{a=JSON.parse(e?.components?.[0]?.sidebar?.categoriesMetadata||"{}")}catch(t){console.log("categoriesMetadata Parse error",t)}return a},[e]),s=u(()=>{let a=null;try{a=JSON.parse(e?.components?.[0]?.sidebar?.seriesMetadata||"[]")}catch(t){console.log("seriesMetadata Parse error",t)}return a},[e]),n=c.forwardRef((a,t)=>d(r,{...a,ref:t,seriesMetadata:s,sidebarCategoriesMetadata:o}));return n.displayName=r.displayName||r.name||"WithSidebarDropdown",n}function y(r,{categoriesItem:e,currentNavItemRef:o}){const s=u(()=>e?.components?.[0]?.supports,[e]),n=c.forwardRef((a,t)=>d(r,{...a,supportsMetadata:s,currentNavItemRef:o,ref:t}));return n.displayName=r.displayName||r.name||"WithSupportsDropdown",n}function M(r,e){const o=e?.components?.[0]?.showStatsBanner,s=e?.components?.[0]?.statsBanner?.[0],n=u(()=>{try{return JSON.parse(e?.components?.[0]?.multicol?.multicolMetadata||"{}")}catch(t){console.log("multicolMetadata Parse error",t)}return null},[e]),a=c.forwardRef((t,l)=>d(r,{...t,ref:l,multicolMetadata:n,showStatsBanner:o,statsBannerData:s}));return a.displayName=r.displayName||r.name||"WithMulticolDropdown",a}function f(r,e){const o=u(()=>{let a=null;try{a=JSON.parse(e?.components?.[0]?.resource?.categoriesMetadata||"{}")}catch(t){console.log("resourceCategoriesMetadata Parse error",t)}return a},[e]),s=u(()=>{let a=null;try{a=JSON.parse(e?.components?.[0]?.resource?.resourceMetadata||"[]")}catch(t){console.log("resourcesMetadata Parse error",t)}return a},[e]),n=c.forwardRef((a,t)=>d(r,{...a,ref:t,resourcesMetadata:s,resourceCategoriesMetadata:o}));return n.displayName=r.displayName||r.name||"WithResourceDropdown",n}function w(r){return r?Object.values(r?.reduce((e,o)=>(e[o.group]||(e[o.group]=[]),e[o.group].push(o),e),{})):[[]]}export{w as WithGroupCategory,M as WithMulticol,f as WithResource,p as WithSidebar,y as WithSupports};
+import{jsx as d}from"react/jsx-runtime";import c,{useMemo as u}from"react";function p(t,e){const o=u(()=>{let a=null;try{a=JSON.parse(e?.components?.[0]?.sidebar?.categoriesMetadata||"{}")}catch(r){console.log("categoriesMetadata Parse error",r)}return a},[e]),s=u(()=>{let a=null;try{a=JSON.parse(e?.components?.[0]?.sidebar?.seriesMetadata||"[]")}catch(r){console.log("seriesMetadata Parse error",r)}return a},[e]),n=c.forwardRef((a,r)=>d(t,{...a,ref:r,seriesMetadata:s,sidebarCategoriesMetadata:o,navigationTitle:e?.text}));return n.displayName=t.displayName||t.name||"WithSidebarDropdown",n}function y(t,{categoriesItem:e,currentNavItemRef:o}){const s=u(()=>e?.components?.[0]?.supports,[e]),n=c.forwardRef((a,r)=>d(t,{...a,supportsMetadata:s,currentNavItemRef:o,ref:r}));return n.displayName=t.displayName||t.name||"WithSupportsDropdown",n}function M(t,e){const o=e?.components?.[0]?.showStatsBanner,s=e?.components?.[0]?.statsBanner?.[0],n=u(()=>{try{return JSON.parse(e?.components?.[0]?.multicol?.multicolMetadata||"{}")}catch(r){console.log("multicolMetadata Parse error",r)}return null},[e]),a=c.forwardRef((r,l)=>d(t,{...r,ref:l,multicolMetadata:n,showStatsBanner:o,statsBannerData:s}));return a.displayName=t.displayName||t.name||"WithMulticolDropdown",a}function f(t,e){const o=u(()=>{let a=null;try{a=JSON.parse(e?.components?.[0]?.resource?.categoriesMetadata||"{}")}catch(r){console.log("resourceCategoriesMetadata Parse error",r)}return a},[e]),s=u(()=>{let a=null;try{a=JSON.parse(e?.components?.[0]?.resource?.resourceMetadata||"[]")}catch(r){console.log("resourcesMetadata Parse error",r)}return a},[e]),n=c.forwardRef((a,r)=>d(t,{...a,ref:r,resourcesMetadata:s,resourceCategoriesMetadata:o}));return n.displayName=t.displayName||t.name||"WithResourceDropdown",n}function w(t){return t?Object.values(t?.reduce((e,o)=>(e[o.group]||(e[o.group]=[]),e[o.group].push(o),e),{})):[[]]}export{w as WithGroupCategory,M as WithMulticol,f as WithResource,p as WithSidebar,y as WithSupports};

package/dist/esm/biz-components/Listing/utils/index.js

@@ -1 +1 @@
-import{PRICE_SYMBOL as l}from"../const.js";function S(e){return e.reduce((n,t)=>(n[t.name]=t.values[0].label,n),{})}const b=e=>e.variants.find(n=>n.availableForSale)||e.variants[0],E=(e,n)=>e.variants.find(t=>t.sku===n),f={us:"en-US",uk:"en-GB",ca:"en-CA",au:"AU","eu-en":"en","eu-fr":"fr-FR",fr:"FR","ca-fr":"FR","nl-fr":"FR",my:"MY",it:"IT",vn:"VN",es:"es-ES","eu-it":"it-IT","eu-de":"de-DE",de:"de-DE","eu-es":"es-ES","cz-en":"en-CZ",nl:"nl-NL","dk-en":"en-DK","gr-en":"en-GR","mk-en":"en-MK","hu-en":"en-HU","se-en":"en-SE","hr-en":"en-HR","bg-en":"en-BG","ee-en":"en-EE","fi-en":"en-FI","lt-en":"en-LT",pl:"pl-PL","ro-en":"en-RO","si-en":"en-SI","sk-en":"en-SK","no-en":"en-NO","ad-en":"en-AD","al-en":"en-AL","ba-en":"en-BA","me-en":"en-ME","rs-en":"en-RS","gl-en":"en-GL","is-en":"en-IS","ua-en":"en-UA","by-en":"en-BY","md-en":"en-MD","lv-en":"en-LV","at-de":"de-AT","lu-de":"de-LU","li-de":"de-LI","va-it":"it-VA","sm-it":"it-SM","be-nl":"nl-BE","ae-en":"en-AE",nz:"en-NZ","sg-en":"en-SG","sa-en":"en-SA","vn-vi":"vi-VN",ie:"en-IE",tw:"zh-TW"},m=e=>(f[e]||console.warn(`[formatPrice] Unknown locale "${e}", falling back to en-US`),f[e]||"en-US");function p({amount:e,currencyCode:n,locale:t,maximumFractionDigits:r,minimumFractionDigits:a,removeTrailingZeros:i=!1}){const s=n?.trim()||"USD",c=m(t);let u;try{u=new Intl.NumberFormat(c,{style:"currency",currency:s,minimumFractionDigits:r===0?0:a,maximumFractionDigits:r})}catch{u=new Intl.NumberFormat("en-US",{style:"currency",currency:"USD",minimumFractionDigits:r===0?0:a,maximumFractionDigits:r})}let o=u.format(e);return["de-DE","fr-FR","it-IT","es-ES","de-AT","de-LU","de-LI","nl-BE","pl-PL","vi-VN"].includes(c)&&(o=o?.toString()?.replace(/[\s\u00A0\u202F]/g,"")),i&&(o=o.replace(/(\.\d*?[1-9])0+\b/,"$1").replace(/\.0+\b/,"").replace(/(\,\d*?[1-9])0+\b/,"$1").replace(/\,0+\b/,"")),o}function L({amount:e,baseAmount:n,currencyCode:t,locale:r,maximumFractionDigits:a,minimumFractionDigits:i,removeTrailingZeros:s}){if(typeof Intl>"u")return{price:`${l[r]}${e}`,basePrice:`${l[r]}${n}`,discount:`${l[r]}${n-e||0}`};const c=n>e,u=new Intl.NumberFormat(m(r),{style:"percent"}),o=c?u.format((n-e)/n):null,d=p({amount:e,currencyCode:t,locale:r,removeTrailingZeros:s}),y=c?p({amount:n,currencyCode:t,locale:r,maximumFractionDigits:a,minimumFractionDigits:i,removeTrailingZeros:s}):void 0;return{price:d,basePrice:y,discount:o}}function I({product:e,selectedOptions:n}){return e.variants.find(t=>Object.entries(n).every(([r,a])=>t.options.find(i=>{if(i.__typename==="MultipleChoiceOption"&&i.name===r)return i.values.find(s=>s.label===a)})))}export{p as formatPrice,L as formatVariantPrice,b as getFirstAvailableVariant,E as getVariantBySku,I as getVariantFromSelectedOptions,f as languageMap,m as languageTerritory,S as optionsConstructor};
+import{PRICE_SYMBOL as l}from"../const.js";function S(e){return e.reduce((n,t)=>(n[t.name]=t.values[0].label,n),{})}const b=e=>e.variants.find(n=>n.availableForSale)||e.variants[0],E=(e,n)=>e.variants.find(t=>t.sku===n),f={us:"en-US",uk:"en-GB",ca:"en-CA",au:"AU","eu-en":"en","eu-fr":"fr-FR",fr:"FR","ca-fr":"FR","nl-fr":"FR",my:"MY",it:"IT",vn:"VN",es:"es-ES","eu-it":"it-IT","eu-de":"de-DE",de:"de-DE","eu-es":"es-ES","cz-en":"en-CZ",nl:"nl-NL","dk-en":"en-DK","gr-en":"en-GR","mk-en":"en-MK","hu-en":"en-HU","se-en":"en-SE","hr-en":"en-HR","bg-en":"en-BG","ee-en":"en-EE","fi-en":"en-FI","lt-en":"en-LT",pl:"pl-PL","ro-en":"en-RO","si-en":"en-SI","sk-en":"en-SK","no-en":"en-NO","ad-en":"en-AD","al-en":"en-AL","ba-en":"en-BA","me-en":"en-ME","rs-en":"en-RS","gl-en":"en-GL","is-en":"en-IS","ua-en":"en-UA","by-en":"en-BY","md-en":"en-MD","lv-en":"en-LV","at-de":"de-AT","lu-de":"de-LU","li-de":"de-LI","va-it":"it-VA","sm-it":"it-SM","be-nl":"nl-BE","ae-en":"en-AE",nz:"en-NZ","sg-en":"en-SG","sa-en":"en-SA","vn-vi":"vi-VN",ie:"en-IE",tw:"zh-TW",be:"nl-BE"},m=e=>(f[e]||console.warn(`[formatPrice] Unknown locale "${e}", falling back to en-US`),f[e]||"en-US");function p({amount:e,currencyCode:n,locale:t,maximumFractionDigits:r,minimumFractionDigits:a,removeTrailingZeros:i=!1}){const s=n?.trim()||"USD",c=m(t);let u;try{u=new Intl.NumberFormat(c,{style:"currency",currency:s,minimumFractionDigits:r===0?0:a,maximumFractionDigits:r})}catch{u=new Intl.NumberFormat("en-US",{style:"currency",currency:"USD",minimumFractionDigits:r===0?0:a,maximumFractionDigits:r})}let o=u.format(e);return["de-DE","fr-FR","it-IT","es-ES","de-AT","de-LU","de-LI","pl-PL","vi-VN"].includes(c)&&(o=o?.toString()?.replace(/[\s\u00A0\u202F]/g,"")),i&&(o=o.replace(/(\.\d*?[1-9])0+\b/,"$1").replace(/\.0+\b/,"").replace(/(\,\d*?[1-9])0+\b/,"$1").replace(/\,0+\b/,"")),o}function L({amount:e,baseAmount:n,currencyCode:t,locale:r,maximumFractionDigits:a,minimumFractionDigits:i,removeTrailingZeros:s}){if(typeof Intl>"u")return{price:`${l[r]}${e}`,basePrice:`${l[r]}${n}`,discount:`${l[r]}${n-e||0}`};const c=n>e,u=new Intl.NumberFormat(m(r),{style:"percent"}),o=c?u.format((n-e)/n):null,d=p({amount:e,currencyCode:t,locale:r,removeTrailingZeros:s}),y=c?p({amount:n,currencyCode:t,locale:r,maximumFractionDigits:a,minimumFractionDigits:i,removeTrailingZeros:s}):void 0;return{price:d,basePrice:y,discount:o}}function I({product:e,selectedOptions:n}){return e.variants.find(t=>Object.entries(n).every(([r,a])=>t.options.find(i=>{if(i.__typename==="MultipleChoiceOption"&&i.name===r)return i.values.find(s=>s.label===a)})))}export{p as formatPrice,L as formatVariantPrice,b as getFirstAvailableVariant,E as getVariantBySku,I as getVariantFromSelectedOptions,f as languageMap,m as languageTerritory,S as optionsConstructor};

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

@@ -1 +1 @@
-import{Fragment as I,jsx as e,jsxs as i}from"react/jsx-runtime";import{Heading as S,Tabs as q,TabsList as J,TabsTrigger as Q,TabsContent as A,Text as N,Picture as C,Link as X,Button as L,DropdownMenu as Y,DropdownMenuTrigger as Z,DropdownMenuContent as ee,DropdownMenuItem as te,LoadingDots as M,Badge as ae}from"../../components/index.js";import{DownArrow as se}from"../HeaderNavigation/icons/index.js";import{useMemo as u,useState as O}from"react";import{cn as _,atobID as ie,highlightSearchWord as T,replaceTemplate as le}from"../../helpers/utils.js";import{useAiuiContext as j}from"../AiuiProvider/index.js";import{formatVariantPrice as oe}from"../ShelfDisplay/shelfDisplay.js";import{SearchPageTabType as v}from"./types.js";import{getLocalizedPath as B}from"../../helpers/utils.js";const F=({product:t,onSecondaryButton:o,onPrimaryButton:s,searchValue:n,variantData:m,shopNowLoadingProductId:y,badgeVariant:b})=>{const l=u(()=>m||t?.variants?.[0],[t,m]),{locale:g="us",copyWriting:c,currencyCode:x}=j(),f=y===t?.id,D=u(()=>B(`/products/${t?.handle}?variant=${ie(l?.id)}?ref=search_result_${n?.toLowerCase()}`,g),[t?.handle,l?.id,n,g]),P=l?.coupons?.[0],{price:k,basePrice:r}=oe({locale:x==="CAD"?"us":g||"us",amount:P?P.variant_price4wscode:l?.price?.amount??l?.price,baseAmount:P?l?.price?.amount??l?.price:0,currencyCode:t?.price?.currencyCode||"USD"}),z=u(()=>t?.tags?.filter?.(d=>d?.startsWith?.("CLtag"))?.map?.(d=>d?.replace?.("CLtag:",""))?.slice?.(0,2),[t?.tags]);return e("div",{className:"rounded-image-text ipc_search_product_item lg-desktop:h-[480px] desktop:h-[384px] laptop:h-[360px] relative h-auto overflow-hidden",children:t?.type==="advertising"&&t?.advertisingLink?i(X,{href:B(t?.advertisingLink,g),className:"h-full",children:[e(C,{source:`${t?.advertisingBgImg}`,className:"size-full",imgClassName:"size-full object-cover"}),i("div",{className:"desktop:p-6 absolute inset-0 z-[2] p-4 [&_img]:hover:scale-110 [&_img]:hover:transition-all [&_img]:hover:duration-500",children:[e(N,{html:t?.advertisingTitle,className:_("desktop:text-base text-sm font-bold leading-[1.2]",{"text-white":t?.advertisingTheme==="light","text-info-primary":t?.advertisingTheme==="dark"})}),t?.advertisingSubtitle&&e(S,{size:3,html:t?.advertisingSubtitle,className:_("laptop:line-clamp-3 mt-2 line-clamp-4 font-bold",{"text-white":t?.advertisingTheme==="light","text-info-primary":t?.advertisingTheme==="dark"})})]})]}):i("a",{href:D,className:"tablet:hover:bg-info-white desktop:p-6 desktop:pt-4 tablet:p-4 flex h-full flex-col bg-[#EAEAEC] px-2 py-4 no-underline duration-300",children:[e("div",{className:"ipc_search_product_item_image",children:e(C,{className:"lg-desktop:size-[196px] mx-auto size-[138px]",source:l?.image?.url||t?.images?.[0]?.url,alt:t?.title,imgClassName:"object-cover size-full"})}),i("div",{className:"ipc_search_product_item_content desktop:mt-2 lg-desktop:mt-3 desktop:gap-6 mt-1 flex flex-1 flex-col justify-between gap-4",children:[i("div",{className:"flex-1",children:[e("div",{className:"lg-desktop:h-[28px] mb-2 flex h-[24px] gap-2",children:z?.map((d,E)=>e(ae,{size:"lg",variant:b,children:d},E))}),e(N,{className:"lg-desktop:text-2xl tablet:line-clamp-2 line-clamp-3 text-xl font-bold !leading-[1.2]",weight:"bold",html:T(t?.title||"",n||"")}),e(N,{as:"p",className:"lg-desktop:text-[18px] tablet:line-clamp-1 mt-1 line-clamp-2 text-sm font-bold",html:T(t?.description,n||"")})]}),i("div",{children:[e("div",{className:"mb-2 flex items-center",children:l?.availableForSale?i(I,{children:[e("div",{className:"final-price text-info-primary tablet:text-xl lg-desktop:text-2xl text-[18px] font-bold",children:l?.availableForSale&&k||""}),e("div",{className:"origin-price tablet:text-xl lg-desktop:text-2xl text-info-secondary ml-1 text-[18px] font-bold line-through",children:l?.availableForSale&&r||""})]}):e("div",{className:"text-info-primary tablet:text-xl lg-desktop:text-2xl text-[18px] font-bold",children:c?.soldOutText||"Sold Out"})}),i("div",{className:_("ipc_search_product_item_button_group","lg-desktop:gap-3 laptop:flex-row flex flex-col items-center gap-2"),children:[c?.learnMoreText&&e(L,{variant:"secondary",className:"laptop:w-auto w-full",size:"lg",onClick:d=>{d.preventDefault(),d.stopPropagation(),o?.()},children:c?.learnMoreText}),c?.shopNowText&&e(L,{variant:"primary",className:"laptop:w-auto w-full",size:"lg",disabled:!l?.availableForSale,loading:f,onClick:d=>{d.preventDefault(),d.stopPropagation(),s?.()},children:c?.shopNowText})]})]})]})]})})},re=({blog:t,searchValue:o})=>{const{copyWriting:s,locale:n="us"}=j(),m=u(()=>B(`/blogs/${t?.blog?.handle}/${t?.handle.replace("storefront-","")}`,n),[t,n]);return e("div",{className:"ipc_search_blog_item border-b border-[#E4E5E6] py-6",children:i("div",{className:"ipc_search_blog_item_content laptop:flex-row-reverse laptop:gap-8 desktop:gap-16 flex flex-col gap-4",children:[e("div",{className:"rounded-image-text laptop:flex-[440] desktop:flex-[540] desktop:h-[280px] h-[240px] overflow-hidden",children:e(C,{source:t?.image?.url,className:"size-full",imgClassName:"size-full object-cover",alt:t?.title})}),i("div",{className:"laptop:flex-[424] desktop:flex-[704] lg-desktop:flex-[1056] flex flex-col justify-center",children:[e(S,{size:3,html:T(t?.title,o)}),e(N,{html:T(t?.content,o),className:"lg-desktop:text-[18px] desktop:text-[16px] mt-1 line-clamp-2 text-sm font-bold leading-[1.4]"}),e("div",{className:"desktop:mt-6 mt-4",children:e(L,{as:"a",href:m,variant:"secondary",size:"lg",children:s?.learnMoreText||"Learn More"})})]})]})})},ne=({searchValue:t,page:o})=>{const{copyWriting:s,locale:n="us"}=j(),m=u(()=>B(`/${o?.handle}`,n),[o,n]);return i("div",{className:"ipc_search_page_items border-b border-[#E4E5E6] py-6",children:[e(S,{size:3,html:T(o?.name,t)}),e(N,{as:"p",html:T(o?.bodySummary||"",t),className:"lg-desktop:text-[18px] desktop:text-[16px] mt-1 text-sm font-bold leading-[1.4]"}),e(L,{as:"a",href:m,variant:"secondary",size:"lg",className:"desktop:mt-6 mt-4",children:s?.learnMoreText||"Learn More"})]})},R=({url:t,label:o})=>i("div",{className:"flex flex-col items-center justify-center gap-4",children:[e(C,{source:t,className:"h-[180px] w-[240px]",imgClassName:"object-cover"}),e(N,{html:o,className:"desktop:text-[18px] text-sm font-bold leading-[1.4]"})]}),$=({products:t,title:o,buildProps:s,onSecondaryButton:n,onPrimaryButton:m,badgeVariant:y})=>{const{products:b}=s||{};return console.log(b,"buildProducts"),i("div",{className:"ipc_search_recommend_product tablet:pt-[80px] laptop:pt-[96px] desktop:pt-[112px] lg-desktop:pt-[128px] pt-[64px]",children:[e(S,{size:4,weight:"bold",html:o}),e("div",{className:" tablet:grid-cols-3 desktop:grid-cols-4 desktop:gap-4 mt-6 grid grid-cols-2 gap-x-3 gap-y-4",children:t?.map((l,g)=>{const c=b?.find(f=>f.handle===l.handle);if(!c)return null;const x=c?.variants?.find(f=>f.sku===l.sku);return e(F,{product:c,variantData:x,badgeVariant:y,onSecondaryButton:()=>n?.(),onPrimaryButton:()=>m?.()},l.sku+g)})})]})},de=({searchResult:t,searchValue:o,data:s,onSecondaryButton:n,onPrimaryButton:m,onChangeSort:y,loading:b,shopNowLoadingProductId:l,searchResultCount:g,onChangeTab:c,buildProps:x,componentOverrides:f,className:D,...P})=>{const k=f?.badge?.variant,[r,z]=O(s?.tabs?.[0]),[d,E]=O(!1),[V,G]=O({[v.PRODUCTS]:s?.tabs?.find(a=>a.tabType===v.PRODUCTS)?.sortKeys?.[0],[v.BLOGS]:s?.tabs?.find(a=>a.tabType===v.BLOGS)?.sortKeys?.[0],[v.PAGES]:s?.tabs?.find(a=>a.tabType===v.PAGES)?.sortKeys?.[0]}),w=u(()=>t?.products||[],[t]),K=u(()=>t?.blogs||[],[t]),W=u(()=>t?.pages||[],[t]),U=u(()=>Object.values(g||{}).reduce((a,p)=>a+p,0),[g]),H=u(()=>{const a={advertisingBgImg:`${r?.advertisingBgImg?.url}, ${r?.advertisingMobBgImg?.url} 768`,advertisingTitle:r?.advertisingTitle,advertisingSubtitle:r?.advertisingSubtitle,advertisingLink:r?.advertisingLink,advertisingTheme:r?.advertisingTheme,type:"advertising"};if(!!r?.advertisingBgImg?.url||!!r?.advertisingTitle||!!r?.advertisingLink){const h=[...w||[]];return h.length>=8?h.splice(7,0,a):h.length>0&&h.push(a),h}else return w},[r,w]);return i("div",{...P,className:_("ipc_search_page desktop:py-[128px] tablet:px-8 laptop:px-16 desktop:px-16 lg-desktop:px-[calc(50%-832px)] px-4 py-16",D),children:[e(S,{size:4,weight:"bold",html:le(s?.title,{totalCount:U?.toString(),inputValue:`"${o}"`})}),e("div",{className:"mt-6",children:i(q,{className:"ipc_search_page_tabs",defaultValue:"products",children:[i("div",{className:" desktop:flex desktop:items-center desktop:flex-row desktop:gap-6 desktop:justify-between",children:[e(J,{children:s?.tabs?.map(a=>i(Q,{onClick:()=>{z(a);const p=a?.sortKeys?.[0];p&&(G(h=>({...h,[a?.tabType]:p})),y?.(a?.tabType,p)),c?.(a?.tabType)},defaultValue:"products",value:a.tabType,children:[a.label," (",g?.[a.tabType],")"]},a.id))}),i(Y,{onOpenChange:E,children:[e(Z,{asChild:!0,children:i("button",{className:"desktop:mt-0 mt-6 flex items-center text-base font-bold leading-[1.2] focus-visible:!outline-none",children:[r?.sortLabel," ",V?.[r?.tabType]?.label," ",e(se,{className:_("inline-block size-4",{"rotate-180":d})})]})}),e(ee,{align:"start",sideOffset:8,className:"rounded-sidebar-shelf bg-white !px-0 py-2 focus-visible:!outline-none",children:r?.sortKeys?.map(a=>e(te,{className:_("laptop:px-4 laptop:text-base px-3 py-4 text-sm font-bold hover:bg-[#EAEAEC] hover:text-current hover:!outline-none",{"bg-[#EAEAEC]":V?.[r?.tabType]?.value===a.value}),onClick:()=>{y?.(r?.tabType,a),G(p=>({...p,[r?.tabType]:a}))},children:a.label},a.id))})]})]}),i(A,{value:v.PRODUCTS,className:"ipc_search_page_tabs_products_content mt-6",children:[e("div",{className:" tablet:grid-cols-3 desktop:grid-cols-4 desktop:gap-4 grid grid-cols-2 gap-x-3 gap-y-4",children:H?.map((a,p)=>e(F,{searchValue:o,product:a,shopNowLoadingProductId:l,badgeVariant:k,onSecondaryButton:()=>n?.(a),onPrimaryButton:()=>m?.(a)},(a.id||"")+p))}),b?e("div",{className:"mt-6 flex w-full justify-center",children:e(M,{})}):!w?.length&&i(I,{children:[e(R,{url:s?.noResultImage?.url,label:s?.noResultLabel}),e($,{products:s?.recommendProducts||[],buildProps:x,title:s?.recommendProductsTitle,shopNowLoadingProductId:l,badgeVariant:k})]})]}),e(A,{value:v.BLOGS,className:"ipc_search_page_tabs_blogs_content",children:i("div",{children:[K?.map(a=>e(re,{blog:a,searchValue:o},a.id)),b?e("div",{className:"mt-6 flex justify-center",children:e(M,{})}):!K?.length&&i(I,{children:[e(R,{url:s?.noResultImage?.url,label:s?.noResultLabel}),e($,{products:s?.recommendProducts||[],buildProps:x,title:s?.recommendProductsTitle,badgeVariant:k})]})]})}),i(A,{value:v.PAGES,className:"ipc_search_page_tabs_pages_content",children:[e("div",{children:W?.map((a,p)=>e(ne,{page:a,searchValue:o},(a.global_id||a.id)+p))}),b?e("div",{className:"mt-6 flex justify-center",children:e(M,{})}):!W?.length&&i(I,{children:[e(R,{url:s?.noResultImage?.url,label:s?.noResultLabel}),e($,{products:s?.recommendProducts||[],buildProps:x,title:s?.recommendProductsTitle,shopNowLoadingProductId:l,badgeVariant:k})]})]})]})})]})};var fe=de;export{fe as default};
+import{Fragment as I,jsx as e,jsxs as i}from"react/jsx-runtime";import{Heading as S,Tabs as q,TabsList as J,TabsTrigger as Q,TabsContent as A,Text as N,Picture as C,Link as X,Button as L,DropdownMenu as Y,DropdownMenuTrigger as Z,DropdownMenuContent as ee,DropdownMenuItem as te,LoadingDots as M,Badge as ae}from"../../components/index.js";import{DownArrow as se}from"../HeaderNavigation/icons/index.js";import{useMemo as u,useState as O}from"react";import{cn as _,atobID as ie,highlightSearchWord as T,replaceTemplate as le}from"../../helpers/utils.js";import{useAiuiContext as j}from"../AiuiProvider/index.js";import{formatVariantPrice as oe}from"../ShelfDisplay/shelfDisplay.js";import{SearchPageTabType as v}from"./types.js";import{getLocalizedPath as B}from"../../helpers/utils.js";const F=({product:t,onSecondaryButton:o,onPrimaryButton:s,searchValue:n,variantData:m,shopNowLoadingProductId:y,badgeVariant:b})=>{const l=u(()=>m||t?.variants?.[0],[t,m]),{locale:g="us",copyWriting:c,currencyCode:x}=j(),f=y===t?.id,D=u(()=>B(`/products/${t?.handle}`,g,`variant=${ie(l?.id)}&ref=search_result_${n?.toLowerCase()}`),[t?.handle,l?.id,n,g]),P=l?.coupons?.[0],{price:k,basePrice:r}=oe({locale:x==="CAD"?"us":g||"us",amount:P?P.variant_price4wscode:l?.price?.amount??l?.price,baseAmount:P?l?.price?.amount??l?.price:0,currencyCode:t?.price?.currencyCode||"USD"}),z=u(()=>t?.tags?.filter?.(d=>d?.startsWith?.("CLtag"))?.map?.(d=>d?.replace?.("CLtag:",""))?.slice?.(0,2),[t?.tags]);return e("div",{className:"rounded-image-text ipc_search_product_item lg-desktop:h-[480px] desktop:h-[384px] laptop:h-[360px] relative h-auto overflow-hidden",children:t?.type==="advertising"&&t?.advertisingLink?i(X,{href:B(t?.advertisingLink,g),className:"h-full",children:[e(C,{source:`${t?.advertisingBgImg}`,className:"size-full",imgClassName:"size-full object-cover"}),i("div",{className:"desktop:p-6 absolute inset-0 z-[2] p-4 [&_img]:hover:scale-110 [&_img]:hover:transition-all [&_img]:hover:duration-500",children:[e(N,{html:t?.advertisingTitle,className:_("desktop:text-base text-sm font-bold leading-[1.2]",{"text-white":t?.advertisingTheme==="light","text-info-primary":t?.advertisingTheme==="dark"})}),t?.advertisingSubtitle&&e(S,{size:3,html:t?.advertisingSubtitle,className:_("laptop:line-clamp-3 mt-2 line-clamp-4 font-bold",{"text-white":t?.advertisingTheme==="light","text-info-primary":t?.advertisingTheme==="dark"})})]})]}):i("a",{href:D,className:"tablet:hover:bg-info-white desktop:p-6 desktop:pt-4 tablet:p-4 flex h-full flex-col bg-[#EAEAEC] px-2 py-4 no-underline duration-300",children:[e("div",{className:"ipc_search_product_item_image",children:e(C,{className:"lg-desktop:size-[196px] mx-auto size-[138px]",source:l?.image?.url||t?.images?.[0]?.url,alt:t?.title,imgClassName:"object-cover size-full"})}),i("div",{className:"ipc_search_product_item_content desktop:mt-2 lg-desktop:mt-3 desktop:gap-6 mt-1 flex flex-1 flex-col justify-between gap-4",children:[i("div",{className:"flex-1",children:[e("div",{className:"lg-desktop:h-[28px] mb-2 flex h-[24px] gap-2",children:z?.map((d,E)=>e(ae,{size:"lg",variant:b,children:d},E))}),e(N,{className:"lg-desktop:text-2xl tablet:line-clamp-2 line-clamp-3 text-xl font-bold !leading-[1.2]",weight:"bold",html:T(t?.title||"",n||"")}),e(N,{as:"p",className:"lg-desktop:text-[18px] tablet:line-clamp-1 mt-1 line-clamp-2 text-sm font-bold",html:T(t?.description,n||"")})]}),i("div",{children:[e("div",{className:"mb-2 flex items-center",children:l?.availableForSale?i(I,{children:[e("div",{className:"final-price text-info-primary tablet:text-xl lg-desktop:text-2xl text-[18px] font-bold",children:l?.availableForSale&&k||""}),e("div",{className:"origin-price tablet:text-xl lg-desktop:text-2xl text-info-secondary ml-1 text-[18px] font-bold line-through",children:l?.availableForSale&&r||""})]}):e("div",{className:"text-info-primary tablet:text-xl lg-desktop:text-2xl text-[18px] font-bold",children:c?.soldOutText||"Sold Out"})}),i("div",{className:_("ipc_search_product_item_button_group","lg-desktop:gap-3 laptop:flex-row flex flex-col items-center gap-2"),children:[c?.learnMoreText&&e(L,{variant:"secondary",className:"laptop:w-auto w-full",size:"lg",onClick:d=>{d.preventDefault(),d.stopPropagation(),o?.()},children:c?.learnMoreText}),c?.shopNowText&&e(L,{variant:"primary",className:"laptop:w-auto w-full",size:"lg",disabled:!l?.availableForSale,loading:f,onClick:d=>{d.preventDefault(),d.stopPropagation(),s?.()},children:c?.shopNowText})]})]})]})]})})},re=({blog:t,searchValue:o})=>{const{copyWriting:s,locale:n="us"}=j(),m=u(()=>B(`/blogs/${t?.blog?.handle}/${t?.handle.replace("storefront-","")}`,n),[t,n]);return e("div",{className:"ipc_search_blog_item border-b border-[#E4E5E6] py-6",children:i("div",{className:"ipc_search_blog_item_content laptop:flex-row-reverse laptop:gap-8 desktop:gap-16 flex flex-col gap-4",children:[e("div",{className:"rounded-image-text laptop:flex-[440] desktop:flex-[540] desktop:h-[280px] h-[240px] overflow-hidden",children:e(C,{source:t?.image?.url,className:"size-full",imgClassName:"size-full object-cover",alt:t?.title})}),i("div",{className:"laptop:flex-[424] desktop:flex-[704] lg-desktop:flex-[1056] flex flex-col justify-center",children:[e(S,{size:3,html:T(t?.title,o)}),e(N,{html:T(t?.content,o),className:"lg-desktop:text-[18px] desktop:text-[16px] mt-1 line-clamp-2 text-sm font-bold leading-[1.4]"}),e("div",{className:"desktop:mt-6 mt-4",children:e(L,{as:"a",href:m,variant:"secondary",size:"lg",children:s?.learnMoreText||"Learn More"})})]})]})})},ne=({searchValue:t,page:o})=>{const{copyWriting:s,locale:n="us"}=j(),m=u(()=>B(`/${o?.handle}`,n),[o,n]);return i("div",{className:"ipc_search_page_items border-b border-[#E4E5E6] py-6",children:[e(S,{size:3,html:T(o?.name,t)}),e(N,{as:"p",html:T(o?.bodySummary||"",t),className:"lg-desktop:text-[18px] desktop:text-[16px] mt-1 text-sm font-bold leading-[1.4]"}),e(L,{as:"a",href:m,variant:"secondary",size:"lg",className:"desktop:mt-6 mt-4",children:s?.learnMoreText||"Learn More"})]})},R=({url:t,label:o})=>i("div",{className:"flex flex-col items-center justify-center gap-4",children:[e(C,{source:t,className:"h-[180px] w-[240px]",imgClassName:"object-cover"}),e(N,{html:o,className:"desktop:text-[18px] text-sm font-bold leading-[1.4]"})]}),$=({products:t,title:o,buildProps:s,onSecondaryButton:n,onPrimaryButton:m,badgeVariant:y})=>{const{products:b}=s||{};return console.log(b,"buildProducts"),i("div",{className:"ipc_search_recommend_product tablet:pt-[80px] laptop:pt-[96px] desktop:pt-[112px] lg-desktop:pt-[128px] pt-[64px]",children:[e(S,{size:4,weight:"bold",html:o}),e("div",{className:" tablet:grid-cols-3 desktop:grid-cols-4 desktop:gap-4 mt-6 grid grid-cols-2 gap-x-3 gap-y-4",children:t?.map((l,g)=>{const c=b?.find(f=>f.handle===l.handle);if(!c)return null;const x=c?.variants?.find(f=>f.sku===l.sku);return e(F,{product:c,variantData:x,badgeVariant:y,onSecondaryButton:()=>n?.(),onPrimaryButton:()=>m?.()},l.sku+g)})})]})},de=({searchResult:t,searchValue:o,data:s,onSecondaryButton:n,onPrimaryButton:m,onChangeSort:y,loading:b,shopNowLoadingProductId:l,searchResultCount:g,onChangeTab:c,buildProps:x,componentOverrides:f,className:D,...P})=>{const k=f?.badge?.variant,[r,z]=O(s?.tabs?.[0]),[d,E]=O(!1),[V,G]=O({[v.PRODUCTS]:s?.tabs?.find(a=>a.tabType===v.PRODUCTS)?.sortKeys?.[0],[v.BLOGS]:s?.tabs?.find(a=>a.tabType===v.BLOGS)?.sortKeys?.[0],[v.PAGES]:s?.tabs?.find(a=>a.tabType===v.PAGES)?.sortKeys?.[0]}),w=u(()=>t?.products||[],[t]),K=u(()=>t?.blogs||[],[t]),W=u(()=>t?.pages||[],[t]),U=u(()=>Object.values(g||{}).reduce((a,p)=>a+p,0),[g]),H=u(()=>{const a={advertisingBgImg:`${r?.advertisingBgImg?.url}, ${r?.advertisingMobBgImg?.url} 768`,advertisingTitle:r?.advertisingTitle,advertisingSubtitle:r?.advertisingSubtitle,advertisingLink:r?.advertisingLink,advertisingTheme:r?.advertisingTheme,type:"advertising"};if(!!r?.advertisingBgImg?.url||!!r?.advertisingTitle||!!r?.advertisingLink){const h=[...w||[]];return h.length>=8?h.splice(7,0,a):h.length>0&&h.push(a),h}else return w},[r,w]);return i("div",{...P,className:_("ipc_search_page desktop:py-[128px] tablet:px-8 laptop:px-16 desktop:px-16 lg-desktop:px-[calc(50%-832px)] px-4 py-16",D),children:[e(S,{size:4,weight:"bold",html:le(s?.title,{totalCount:U?.toString(),inputValue:`"${o}"`})}),e("div",{className:"mt-6",children:i(q,{className:"ipc_search_page_tabs",defaultValue:"products",children:[i("div",{className:" desktop:flex desktop:items-center desktop:flex-row desktop:gap-6 desktop:justify-between",children:[e(J,{children:s?.tabs?.map(a=>i(Q,{onClick:()=>{z(a);const p=a?.sortKeys?.[0];p&&(G(h=>({...h,[a?.tabType]:p})),y?.(a?.tabType,p)),c?.(a?.tabType)},defaultValue:"products",value:a.tabType,children:[a.label," (",g?.[a.tabType],")"]},a.id))}),i(Y,{onOpenChange:E,children:[e(Z,{asChild:!0,children:i("button",{className:"desktop:mt-0 mt-6 flex items-center text-base font-bold leading-[1.2] focus-visible:!outline-none",children:[r?.sortLabel," ",V?.[r?.tabType]?.label," ",e(se,{className:_("inline-block size-4",{"rotate-180":d})})]})}),e(ee,{align:"start",sideOffset:8,className:"rounded-sidebar-shelf bg-white !px-0 py-2 focus-visible:!outline-none",children:r?.sortKeys?.map(a=>e(te,{className:_("laptop:px-4 laptop:text-base px-3 py-4 text-sm font-bold hover:bg-[#EAEAEC] hover:text-current hover:!outline-none",{"bg-[#EAEAEC]":V?.[r?.tabType]?.value===a.value}),onClick:()=>{y?.(r?.tabType,a),G(p=>({...p,[r?.tabType]:a}))},children:a.label},a.id))})]})]}),i(A,{value:v.PRODUCTS,className:"ipc_search_page_tabs_products_content mt-6",children:[e("div",{className:" tablet:grid-cols-3 desktop:grid-cols-4 desktop:gap-4 grid grid-cols-2 gap-x-3 gap-y-4",children:H?.map((a,p)=>e(F,{searchValue:o,product:a,shopNowLoadingProductId:l,badgeVariant:k,onSecondaryButton:()=>n?.(a),onPrimaryButton:()=>m?.(a)},(a.id||"")+p))}),b?e("div",{className:"mt-6 flex w-full justify-center",children:e(M,{})}):!w?.length&&i(I,{children:[e(R,{url:s?.noResultImage?.url,label:s?.noResultLabel}),e($,{products:s?.recommendProducts||[],buildProps:x,title:s?.recommendProductsTitle,shopNowLoadingProductId:l,badgeVariant:k})]})]}),e(A,{value:v.BLOGS,className:"ipc_search_page_tabs_blogs_content",children:i("div",{children:[K?.map(a=>e(re,{blog:a,searchValue:o},a.id)),b?e("div",{className:"mt-6 flex justify-center",children:e(M,{})}):!K?.length&&i(I,{children:[e(R,{url:s?.noResultImage?.url,label:s?.noResultLabel}),e($,{products:s?.recommendProducts||[],buildProps:x,title:s?.recommendProductsTitle,badgeVariant:k})]})]})}),i(A,{value:v.PAGES,className:"ipc_search_page_tabs_pages_content",children:[e("div",{children:W?.map((a,p)=>e(ne,{page:a,searchValue:o},(a.global_id||a.id)+p))}),b?e("div",{className:"mt-6 flex justify-center",children:e(M,{})}):!W?.length&&i(I,{children:[e(R,{url:s?.noResultImage?.url,label:s?.noResultLabel}),e($,{products:s?.recommendProducts||[],buildProps:x,title:s?.recommendProductsTitle,shopNowLoadingProductId:l,badgeVariant:k})]})]})]})})]})};var fe=de;export{fe as default};

package/dist/esm/components/badge.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { type VariantProps } from 'class-variance-authority';
 declare const badgeVariants: (props?: ({
-    size?: "lg" | "sm" | null | undefined;
+    size?: "lg" | "sm" | "xs" | null | undefined;
     variant?: "fill" | "outline" | "promotional" | null | undefined;
     promotionalType?: "plus-member" | "regular-member" | "regular-discount" | "time-limited-discount" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;