@anker-in/headless-ui 1.0.10-temp-22 → 1.0.10-temp-0806

package/dist/cjs/biz-components/HeaderNavigation/icons/RightArrow.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/biz-components/HeaderNavigation/icons/RightArrow.tsx"],
+  "sourcesContent": ["import React from 'react'\n\nconst RightArrow = (props: React.SVGProps<SVGSVGElement>) => {\n  return (\n    <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" {...props}>\n      <path d=\"M9 6L15 12L9 18\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\n    </svg>\n  )\n}\n\nexport default RightArrow\n"],
+  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,IAAA,eAAAC,EAAAH,GAKM,IAAAI,EAAA,6BALNC,EAAkB,iBAElB,MAAMC,EAAcC,MAEhB,OAAC,OAAI,MAAM,6BAA6B,MAAM,KAAK,OAAO,KAAK,QAAQ,YAAY,KAAK,OAAQ,GAAGA,EACjG,mBAAC,QAAK,EAAE,kBAAkB,OAAO,eAAe,eAAa,IAAI,iBAAe,QAAQ,kBAAgB,QAAQ,EAClH,EAIJ,IAAOL,EAAQI",
+  "names": ["RightArrow_exports", "__export", "RightArrow_default", "__toCommonJS", "import_jsx_runtime", "import_react", "RightArrow", "props"]
+}

package/dist/cjs/biz-components/HeaderNavigation/icons/Search.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const Search: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+export default Search;

package/dist/cjs/biz-components/HeaderNavigation/icons/Search.js

@@ -0,0 +1,2 @@
+"use strict";var r=Object.defineProperty;var n=Object.getOwnPropertyDescriptor;var w=Object.getOwnPropertyNames;var g=Object.prototype.hasOwnProperty;var i=(t,C)=>{for(var o in C)r(t,o,{get:C[o],enumerable:!0})},p=(t,C,o,h)=>{if(C&&typeof C=="object"||typeof C=="function")for(let e of w(C))!g.call(t,e)&&e!==o&&r(t,e,{get:()=>C[e],enumerable:!(h=n(C,e))||h.enumerable});return t};var s=t=>p(r({},"__esModule",{value:!0}),t);var f={};i(f,{default:()=>c});module.exports=s(f);var l=require("react/jsx-runtime"),S=require("react");const a=t=>(0,l.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",...t,children:(0,l.jsx)("path",{d:"M10.5 1C15.7467 1 20 5.25329 20 10.5C20 12.7631 19.2068 14.8398 17.8857 16.4717L21.833 20.4189C22.2231 20.8095 22.2234 21.4426 21.833 21.833C21.4426 22.2234 20.8095 22.2231 20.4189 21.833L16.4717 17.8857C14.8398 19.2068 12.7631 20 10.5 20C5.25329 20 1 15.7467 1 10.5C1 5.25329 5.25329 1 10.5 1ZM10.5 3C6.35786 3 3 6.35786 3 10.5C3 14.6421 6.35786 18 10.5 18C14.6421 18 18 14.6421 18 10.5C18 6.35786 14.6421 3 10.5 3Z",fill:"currentColor"})});var c=a;
+//# sourceMappingURL=Search.js.map

package/dist/cjs/biz-components/HeaderNavigation/icons/Search.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/biz-components/HeaderNavigation/icons/Search.tsx"],
+  "sourcesContent": ["import React from 'react'\n\nconst Search = (props: React.SVGProps<SVGSVGElement>) => {\n  return (\n    <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" {...props}>\n      <path\n        d=\"M10.5 1C15.7467 1 20 5.25329 20 10.5C20 12.7631 19.2068 14.8398 17.8857 16.4717L21.833 20.4189C22.2231 20.8095 22.2234 21.4426 21.833 21.833C21.4426 22.2234 20.8095 22.2231 20.4189 21.833L16.4717 17.8857C14.8398 19.2068 12.7631 20 10.5 20C5.25329 20 1 15.7467 1 10.5C1 5.25329 5.25329 1 10.5 1ZM10.5 3C6.35786 3 3 6.35786 3 10.5C3 14.6421 6.35786 18 10.5 18C14.6421 18 18 14.6421 18 10.5C18 6.35786 14.6421 3 10.5 3Z\"\n        fill=\"currentColor\"\n      />\n    </svg>\n  )\n}\n\nexport default Search\n"],
+  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,IAAA,eAAAC,EAAAH,GAKM,IAAAI,EAAA,6BALNC,EAAkB,iBAElB,MAAMC,EAAUC,MAEZ,OAAC,OAAI,MAAM,6BAA6B,MAAM,KAAK,OAAO,KAAK,QAAQ,YAAY,KAAK,OAAQ,GAAGA,EACjG,mBAAC,QACC,EAAE,maACF,KAAK,eACP,EACF,EAIJ,IAAOL,EAAQI",
+  "names": ["Search_exports", "__export", "Search_default", "__toCommonJS", "import_jsx_runtime", "import_react", "Search", "props"]
+}

package/dist/cjs/biz-components/HeaderNavigation/icons/User.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const User: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+export default User;

package/dist/cjs/biz-components/HeaderNavigation/icons/User.js

@@ -0,0 +1,2 @@
+"use strict";var r=Object.defineProperty;var s=Object.getOwnPropertyDescriptor;var w=Object.getOwnPropertyNames;var g=Object.prototype.hasOwnProperty;var h=(C,t)=>{for(var o in t)r(C,o,{get:t[o],enumerable:!0})},i=(C,t,o,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let e of w(t))!g.call(C,e)&&e!==o&&r(C,e,{get:()=>t[e],enumerable:!(n=s(t,e))||n.enumerable});return C};var p=C=>i(r({},"__esModule",{value:!0}),C);var a={};h(a,{default:()=>v});module.exports=p(a);var l=require("react/jsx-runtime"),d=require("react");const f=C=>(0,l.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"25",height:"25",viewBox:"0 0 25 25",fill:"none",...C,children:(0,l.jsx)("path",{d:"M16.6729 15.625C20.1246 15.625 22.9229 18.4232 22.9229 21.875C22.9229 22.4502 22.457 22.9168 21.8818 22.917C21.3065 22.917 20.8398 22.4503 20.8398 21.875C20.8398 19.5738 18.974 17.708 16.6729 17.708H8.33984C6.03866 17.708 4.17285 19.5738 4.17285 21.875C4.17285 22.4502 3.70698 22.9168 3.13184 22.917C2.55654 22.917 2.08984 22.4503 2.08984 21.875C2.08984 18.4232 4.88806 15.625 8.33984 15.625H16.6729ZM12.5068 2.08398C15.6708 2.08416 18.2354 4.64945 18.2354 7.81348C18.2352 10.9774 15.6707 13.5418 12.5068 13.542C9.34281 13.542 6.77752 10.9775 6.77734 7.81348C6.77734 4.64934 9.3427 2.08398 12.5068 2.08398ZM12.5068 4.16699C10.4933 4.16699 8.86035 5.79994 8.86035 7.81348C8.86053 9.82687 10.4934 11.459 12.5068 11.459C14.5201 11.4588 16.1522 9.82676 16.1523 7.81348C16.1523 5.80005 14.5202 4.16717 12.5068 4.16699Z",fill:"currentColor"})});var v=f;
+//# sourceMappingURL=User.js.map

package/dist/cjs/biz-components/HeaderNavigation/icons/User.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/biz-components/HeaderNavigation/icons/User.tsx"],
+  "sourcesContent": ["import React from 'react'\n\nconst User = (props: React.SVGProps<SVGSVGElement>) => {\n  return (\n    <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"25\" height=\"25\" viewBox=\"0 0 25 25\" fill=\"none\" {...props}>\n      <path\n        d=\"M16.6729 15.625C20.1246 15.625 22.9229 18.4232 22.9229 21.875C22.9229 22.4502 22.457 22.9168 21.8818 22.917C21.3065 22.917 20.8398 22.4503 20.8398 21.875C20.8398 19.5738 18.974 17.708 16.6729 17.708H8.33984C6.03866 17.708 4.17285 19.5738 4.17285 21.875C4.17285 22.4502 3.70698 22.9168 3.13184 22.917C2.55654 22.917 2.08984 22.4503 2.08984 21.875C2.08984 18.4232 4.88806 15.625 8.33984 15.625H16.6729ZM12.5068 2.08398C15.6708 2.08416 18.2354 4.64945 18.2354 7.81348C18.2352 10.9774 15.6707 13.5418 12.5068 13.542C9.34281 13.542 6.77752 10.9775 6.77734 7.81348C6.77734 4.64934 9.3427 2.08398 12.5068 2.08398ZM12.5068 4.16699C10.4933 4.16699 8.86035 5.79994 8.86035 7.81348C8.86053 9.82687 10.4934 11.459 12.5068 11.459C14.5201 11.4588 16.1522 9.82676 16.1523 7.81348C16.1523 5.80005 14.5202 4.16717 12.5068 4.16699Z\"\n        fill=\"currentColor\"\n      />\n    </svg>\n  )\n}\n\nexport default User\n"],
+  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,IAAA,eAAAC,EAAAH,GAKM,IAAAI,EAAA,6BALNC,EAAkB,iBAElB,MAAMC,EAAQC,MAEV,OAAC,OAAI,MAAM,6BAA6B,MAAM,KAAK,OAAO,KAAK,QAAQ,YAAY,KAAK,OAAQ,GAAGA,EACjG,mBAAC,QACC,EAAE,gzBACF,KAAK,eACP,EACF,EAIJ,IAAOL,EAAQI",
+  "names": ["User_exports", "__export", "User_default", "__toCommonJS", "import_jsx_runtime", "import_react", "User", "props"]
+}

package/dist/cjs/biz-components/HeaderNavigation/icons/index.d.ts

@@ -0,0 +1,11 @@
+import AnkerLogo from './AnkerLogo.js';
+import LogoLine from './LogoLine.js';
+import Menu from './Menu.js';
+import Search from './Search.js';
+import Cart from './Cart.js';
+import Close from './Close.js';
+import User from './User.js';
+import RightArrow from './RightArrow.js';
+import LeftArrow from './LeftArrow.js';
+import DownArrow from './DownArrow.js';
+export { AnkerLogo, Menu, Search, Cart, Close, User, RightArrow, LeftArrow, DownArrow, LogoLine };

package/dist/cjs/biz-components/HeaderNavigation/icons/index.js

@@ -0,0 +1,2 @@
+"use strict";var k=Object.create;var f=Object.defineProperty;var l=Object.getOwnPropertyDescriptor;var u=Object.getOwnPropertyNames;var x=Object.getPrototypeOf,D=Object.prototype.hasOwnProperty;var M=(r,o)=>{for(var t in o)f(r,t,{get:o[t],enumerable:!0})},c=(r,o,t,C)=>{if(o&&typeof o=="object"||typeof o=="function")for(let i of u(o))!D.call(r,i)&&i!==t&&f(r,i,{get:()=>o[i],enumerable:!(C=l(o,i))||C.enumerable});return r};var m=(r,o,t)=>(t=r!=null?k(x(r)):{},c(o||!r||!r.__esModule?f(t,"default",{value:r,enumerable:!0}):t,r)),R=r=>c(f({},"__esModule",{value:!0}),r);var S={};M(S,{AnkerLogo:()=>p.default,Cart:()=>A.default,Close:()=>L.default,DownArrow:()=>s.default,LeftArrow:()=>h.default,LogoLine:()=>e.default,Menu:()=>n.default,RightArrow:()=>a.default,Search:()=>w.default,User:()=>g.default});module.exports=R(S);var p=m(require("./AnkerLogo.js")),e=m(require("./LogoLine.js")),n=m(require("./Menu.js")),w=m(require("./Search.js")),A=m(require("./Cart.js")),L=m(require("./Close.js")),g=m(require("./User.js")),a=m(require("./RightArrow.js")),h=m(require("./LeftArrow.js")),s=m(require("./DownArrow.js"));
+//# sourceMappingURL=index.js.map

package/dist/cjs/biz-components/HeaderNavigation/icons/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/biz-components/HeaderNavigation/icons/index.ts"],
+  "sourcesContent": ["import AnkerLogo from './AnkerLogo.js'\nimport LogoLine from './LogoLine.js'\nimport Menu from './Menu.js'\nimport Search from './Search.js'\nimport Cart from './Cart.js'\nimport Close from './Close.js'\nimport User from './User.js'\nimport RightArrow from './RightArrow.js'\nimport LeftArrow from './LeftArrow.js'\nimport DownArrow from './DownArrow.js'\n\nexport { AnkerLogo, Menu, Search, Cart, Close, User, RightArrow, LeftArrow, DownArrow, LogoLine }\n"],
+  "mappings": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,iBAAAE,QAAA,WAAAC,QAAA,YAAAC,QAAA,gBAAAC,QAAA,gBAAAC,QAAA,eAAAC,QAAA,WAAAC,QAAA,iBAAAC,QAAA,aAAAC,QAAA,WAAAC,UAAA,eAAAC,EAAAZ,GAAA,IAAAa,EAAsB,6BACtBC,EAAqB,4BACrBC,EAAiB,wBACjBC,EAAmB,0BACnBC,EAAiB,wBACjBC,EAAkB,yBAClBC,EAAiB,wBACjBC,EAAuB,8BACvBC,EAAsB,6BACtBC,EAAsB",
+  "names": ["icons_exports", "__export", "AnkerLogo", "Cart", "Close", "DownArrow", "LeftArrow", "LogoLine", "Menu", "RightArrow", "Search", "User", "__toCommonJS", "import_AnkerLogo", "import_LogoLine", "import_Menu", "import_Search", "import_Cart", "import_Close", "import_User", "import_RightArrow", "import_LeftArrow", "import_DownArrow"]
+}

package/dist/cjs/biz-components/HeaderNavigation/index.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import type { HeaderNavigationProps } from './types.js';
+declare const _default: React.ForwardRefExoticComponent<Omit<Omit<HeaderNavigationProps & React.RefAttributes<HTMLDivElement>, keyof import("../../shared/Styles.js").StylesProps> & Partial<import("../../shared/Styles.js").StylesProps> & {
+    className?: string;
+    data?: Record<string, any>;
+}, "ref"> & React.RefAttributes<any>>;
+export default _default;

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

@@ -0,0 +1,2 @@
+"use strict";var ae=Object.create;var O=Object.defineProperty;var le=Object.getOwnPropertyDescriptor;var ne=Object.getOwnPropertyNames;var se=Object.getPrototypeOf,ie=Object.prototype.hasOwnProperty;var oe=(t,n)=>{for(var s in n)O(t,s,{get:n[s],enumerable:!0})},J=(t,n,s,r)=>{if(n&&typeof n=="object"||typeof n=="function")for(let o of ne(n))!ie.call(t,o)&&o!==s&&O(t,o,{get:()=>n[o],enumerable:!(r=le(n,o))||r.enumerable});return t};var re=(t,n,s)=>(s=t!=null?ae(se(t)):{},J(n||!t||!t.__esModule?O(s,"default",{value:t,enumerable:!0}):s,t)),ce=t=>J(O({},"__esModule",{value:!0}),t);var Me={};oe(Me,{default:()=>ke});module.exports=ce(Me);var e=require("react/jsx-runtime"),a=require("react"),l=require("../../components/index.js"),Y=require("../../shared/Styles.js"),w=require("../../helpers/utils.js"),C=re(require("./NavProvider.js")),d=require("./types.js"),Z=require("react-responsive"),ee=require("es-toolkit"),H=require("@gsap/react"),A=require("gsap"),k=require("./withCategory.js"),b=require("./icons/index.js");const de=(0,a.forwardRef)((t,n)=>{const{data:{headerNavigation:s},buildProps:r,event:o,profile:i}=t,[m,c]=(0,a.useState)(!1),x=(0,a.useRef)(null),u=(0,Z.useMediaQuery)({query:"(max-width: 1440px)"});return(0,a.useEffect)(()=>{c(u)},[u]),(0,a.useImperativeHandle)(n,()=>x.current),(0,e.jsx)(C.default,{buildProps:r,profile:i,isMobile:m,event:o,payloadData:s,children:(0,e.jsx)("header",{"data-ui-component-id":"HeaderNavigation",className:"relative z-50 bg-white",ref:x,children:(0,e.jsxs)("div",{className:"border-b border-b-gray-200",children:[!m&&(0,e.jsx)(me,{data:s}),m&&(0,e.jsx)(fe,{data:s})]})})})}),me=(0,a.forwardRef)((t,n)=>{const{data:s}=t,{event:r}=(0,C.useNavContext)(),o=(0,a.useMemo)(()=>(0,k.WithGroupCategory)(s?.categories),[s]),[i,m]=(0,a.useState)(!1),[c,x]=(0,a.useState)(0),[u,y]=(0,a.useState)(0),M=(0,a.useRef)(null),[p,v]=(0,a.useState)(!1),h=(0,a.useRef)(null),g=(0,a.useRef)(!1),P=(0,a.useRef)(!1),$=(0,a.useRef)(o.map(f=>Array(f?.length||0).fill(null))),T=(f,S)=>{x(f),y(S),m(!0),E===d.HeaderNavigationBlockType.Supports&&(P.current=!0)},D=()=>{m(!1),y(0)},L=(0,a.useMemo)(()=>Array.isArray(o)?Array.isArray(o[c])?o[c][u]:{}:{},[o,c,u]),E=(0,a.useMemo)(()=>L?.components?.[0]?.blockType,[L]),R=(0,k.WithSidebar)(ue,L),N=(0,k.WithSupports)(ve,{categoriesItem:L,currentNavItemRef:$.current?.[c]?.[u],onMouseLeave:D}),z=(0,k.WithMulticol)(pe,L),G=(0,a.useMemo)(()=>{switch(E){case d.HeaderNavigationBlockType.Sidebar:return(0,e.jsx)(R,{});case d.HeaderNavigationBlockType.Supports:return(0,e.jsx)(N,{});case d.HeaderNavigationBlockType.Multicol:return(0,e.jsx)(z,{});default:return null}},[E,z,R,N]),U=(0,a.useMemo)(()=>s?.headerBar?.actions?.filter(f=>f?.pcShow),[s]),I=(0,a.useMemo)(()=>U?.find(f=>f?.blockType===d.HeaderNavigationActionBlockType.Profile),[U]),j=(0,a.useCallback)(()=>{v(!0),g.current=!0},[]),F=(0,a.useCallback)(()=>{g.current=!1,setTimeout(()=>{g.current||v(!1)},500)},[]);return(0,a.useEffect)(()=>{if(M?.current){const f=M.current;return f.addEventListener("mouseenter",j),f.addEventListener("mouseleave",F),()=>{f.removeEventListener("mouseenter",j),f.removeEventListener("mouseleave",F)}}},[j,F]),(0,e.jsxs)(l.Container,{onMouseLeave:D,childClassName:"bg-white",className:"relative h-[96px]",children:[(0,e.jsxs)("div",{ref:h,className:"flex h-full flex-col justify-end gap-4",children:[(0,e.jsxs)("div",{className:"flex items-center justify-between",children:[(0,e.jsx)(q,{}),(0,e.jsx)(K,{ref:M,actions:U,handleMouseEnter:D})]}),(0,e.jsx)("div",{className:"flex justify-between",children:o?.map((f,S)=>(0,e.jsx)("div",{className:"flex gap-6",children:f?.map((W,B)=>(0,e.jsx)("div",{ref:te=>{$.current[S][B]=te},className:"hover:text-brand-0 cursor-pointer",children:(0,e.jsxs)("div",{className:"relative",children:[(0,e.jsxs)("div",{className:"flex items-center gap-1 pb-4",onMouseEnter:()=>T(S,B),children:[(0,e.jsx)(l.Text,{html:W.text,className:(0,w.cn)(" text-sm font-bold leading-[1.4]",{"text-brand-0":i&&c===S&&u===B})}),(0,e.jsx)(b.DownArrow,{className:(0,w.cn)({"text-brand-0":i&&c===S&&u===B})})]}),(0,e.jsx)("div",{className:(0,w.cn)("absolute bottom-0 left-0 h-[2px] w-0 bg-[#1D1D1F] transition-all duration-500",{"w-full":i&&c===S&&u===B})})]})},W.id))},`groupCategory-${S}`))})]}),i&&(0,e.jsxs)("div",{className:"absolute left-0 top-full z-[999] flex w-full flex-col bg-black/70",style:{height:`calc(100vh - ${h?.current?.getBoundingClientRect()?.bottom}px)`},children:[(0,e.jsx)("div",{className:"relative z-50",children:G}),(0,e.jsx)("div",{className:"flex-1 bg-transparent",onMouseEnter:D})]}),p&&(0,e.jsx)("div",{className:"absolute left-0 z-[999] w-full bg-black/70",style:{height:`calc(100vh - ${M?.current?.getBoundingClientRect()?.bottom}px)`,top:`calc(12px + ${M?.current?.getBoundingClientRect()?.top}px)`},children:(0,e.jsxs)("div",{onMouseLeave:F,onMouseEnter:j,className:"absolute max-w-[272px] bg-white p-4",style:{right:`calc(100% - ${M?.current?.getBoundingClientRect()?.right}px)`},children:[(0,e.jsx)(l.Text,{html:I?.benefits_title,className:"text-sm font-bold leading-[1.4]"}),(0,e.jsx)("div",{className:"mt-3 flex flex-col gap-1",children:I?.benefits?.map(f=>(0,e.jsxs)("div",{className:"flex items-center gap-[6px]",children:[(0,e.jsx)(l.Picture,{source:f.benefitIcon?.url,className:"size-4",alt:f.benefit,width:16,height:16}),(0,e.jsx)(l.Text,{html:f.benefit,className:"text-sm font-bold leading-[1.4]"})]},f.id))}),(0,e.jsxs)("div",{className:"mt-4 flex items-center gap-2",children:[(0,e.jsx)(l.Button,{variant:"secondary",size:"sm",onClick:()=>r?.join?.(),children:(0,e.jsx)(l.Text,{html:I?.primaryButton||"Join Now",className:"text-sm font-bold leading-[1.4]"})}),(0,e.jsx)(l.Button,{variant:"primary",size:"sm",onClick:()=>r?.login?.(),children:(0,e.jsx)(l.Text,{html:I?.secondaryButton||"Log In",className:"text-sm font-bold leading-[1.4]"})})]})]})})]})}),ue=({sidebarCategoriesMetadata:t,seriesMetadata:n})=>{const[s,r]=(0,a.useState)(1),[o,i]=(0,a.useState)(!0),[m,c]=(0,a.useState)(0),x=(0,a.useRef)(null);(0,H.useGSAP)(()=>{A.gsap.fromTo(x?.current,{height:0},{height:548})},[]);const u=(0,a.useMemo)(()=>n?.find(p=>t?.subcategories?.[s]?.subSubCategories?.[m]?.label===p.label)||{},[t,s,m,n]),y=p=>{r(p),i(!o)},M=p=>{c(p)};return(0,e.jsxs)(l.Container,{childClassName:"lg-desktop:gap-12 flex bg-white gap-8",children:[(0,e.jsxs)("div",{className:"lg-desktop:basis-[356px] flex basis-[284px] flex-col gap-4 py-4",children:[(0,e.jsx)("div",{className:"flex flex-col",children:t?.subcategories?.map((p,v)=>(0,e.jsxs)("div",{children:[(0,e.jsxs)("div",{className:"flex cursor-pointer items-center justify-between",onClick:()=>y(v),children:[(0,e.jsx)(l.Text,{html:p.label,className:"p-4 text-sm font-bold leading-[1.4]"}),(0,e.jsx)(b.DownArrow,{className:(0,w.cn)({"rotate-180":s===v&&o})})]}),s===v&&o&&(0,e.jsx)("div",{className:"flex flex-col",children:p.subSubCategories?.map((h,g)=>(0,e.jsx)(l.Text,{html:h.label,onClick:()=>M(g),className:(0,w.cn)("cursor-pointer px-6 py-4 text-sm font-bold leading-[1.4] text-[#6D6D6F] hover:bg-[#F5F5F7]")},`subSubItem-${v}-${g}`))})]},`subcategoryItem-${v}`))}),(0,e.jsx)("div",{className:"flex",children:(0,e.jsxs)("div",{className:"flex flex-col gap-4",children:[(0,e.jsx)(l.Button,{variant:"primary",size:"lg",className:"text-base",children:(0,e.jsx)("a",{href:t?.primary?.url,children:t?.primary?.label})}),(0,e.jsx)(l.Button,{variant:"link",size:"lg",className:"justify-start py-0 text-base",children:(0,e.jsx)("a",{href:t?.secondary?.url,children:t?.secondary?.label})})]})})]}),(0,e.jsxs)("div",{className:"flex-1",children:[(0,e.jsxs)("div",{className:"mb-4 flex items-center justify-between",children:[(0,e.jsxs)("div",{className:"flex items-center gap-2",children:[(0,e.jsx)(l.Text,{html:u?.label,className:"text-2xl font-bold leading-[1.4]"}),(0,e.jsx)(l.Button,{variant:"link",size:"lg",className:"justify-start p-0 text-base",children:(0,e.jsx)(l.Link,{href:u?.primary?.url,className:"text-base font-bold leading-[1.2] no-underline",children:u?.primary?.label})})]}),(0,e.jsx)(l.Link,{href:u?.guide?.url,className:"text-base leading-[1.2] text-[#6D6D6F]",children:u?.guide?.label})]}),(0,e.jsx)("div",{className:"flex flex-col gap-4 overflow-y-auto",ref:x,children:u?.series?.map((p,v)=>(0,e.jsxs)("div",{children:[(0,e.jsx)(l.Text,{html:p.label,className:"text-sm font-bold leading-[1.4] text-[#6D6D6F]"}),(0,e.jsx)("div",{className:"mt-2 grid grid-cols-3 gap-4",children:p.products?.map((h,g)=>(0,e.jsx)(Q,{product:h},`seriesProductItem-${g}`))})]},`seriesItem-${v}`))})]})]})},pe=({multicolMetadata:t})=>{const n=(0,a.useRef)(null);return(0,H.useGSAP)(()=>{A.gsap.fromTo(n?.current,{height:0},{height:"auto"})},[]),(0,e.jsx)("div",{ref:n,children:(0,e.jsx)(l.Container,{childClassName:"bg-white",className:"h-full",children:(0,e.jsx)("div",{className:"flex gap-4 py-4",children:t?.map((s,r)=>(0,e.jsx)("div",{className:"w-1/4",children:(0,e.jsx)(V,{item:s})},`multicolItem-${s?.label}-${r}`))})})})},ve=({supportsMetadata:t,currentNavItemRef:n,onMouseLeave:s})=>{const r=(0,a.useRef)(null),[o,i]=(0,a.useState)(null);(0,H.useGSAP)(()=>{A.gsap.fromTo(r?.current,{height:0},{height:"auto"})},[]);const m=(0,ee.debounce)(()=>{if(n){const c=n.getBoundingClientRect();i(c)}},500);return(0,a.useEffect)(()=>(m(),window.addEventListener("resize",m),()=>{window.removeEventListener("resize",m)}),[m]),(0,a.useEffect)(()=>{if(n){const c=n.getBoundingClientRect();i(c)}},[n]),(0,e.jsx)("div",{className:"absolute top-0 h-full bg-white p-4",ref:r,style:{right:`calc(100% - ${o?.right}px)`},children:(0,e.jsx)("div",{onMouseLeave:s,children:t?.map(c=>(0,e.jsx)("div",{className:"py-2",children:(0,e.jsx)(l.Link,{href:c.url,className:"text-sm font-bold leading-[1.4] no-underline",children:c.label})},c.id))})})},Q=({product:t})=>{const{buildProps:n}=(0,C.useNavContext)(),s=n?.products?.find(i=>i.handle===t.handle),r=s?.variants?.find(i=>i.sku===t.sku),o=(0,a.useMemo)(()=>`/products/${s?.handle}?variant=${(0,w.atobID)(r?.id)}`,[s?.handle,r?.id]);return(0,e.jsxs)("div",{className:"flex shrink-0 items-center gap-4 bg-[#F5F5F7] px-4 py-3 [&_img]:hover:scale-105",children:[(0,e.jsx)("div",{className:"shrink-0 basis-[96px]",children:(0,e.jsx)(l.Picture,{source:`${r?.image?.url||t?.images?.[0]?.url}}`,width:96,height:96})}),(0,e.jsxs)("div",{className:"relative",children:[t?.badge&&(0,e.jsx)(l.Text,{html:t?.badge,className:"text-brand-0 mb-1 rounded-full border-[1.6px] border-[#00BEFA] px-[6px] py-1 text-sm font-bold leading-[1.2]"}),(0,e.jsx)(l.Link,{href:o,children:(0,e.jsx)(l.Text,{className:"line-clamp-2 h-[44px] text-base font-bold leading-[1.4]",html:s?.title||t?.name})})]})]})},V=({item:t})=>(0,e.jsxs)(e.Fragment,{children:[t?.columns&&(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)(l.Text,{html:t.label,as:"div",className:"my-2 text-sm font-bold leading-[1.4] text-[#6D6D6F]"}),(0,e.jsx)("div",{className:"mt-2 flex flex-col",children:t.columns?.map(n=>(0,e.jsx)("div",{className:"py-2",children:(0,e.jsx)(l.Link,{href:n.url,className:"text-sm font-bold leading-[1.4] no-underline",children:n.label})},n.label))})]}),t?.imageUrl&&(0,e.jsxs)("div",{className:"laptop:h-[280px] laptop:w-[404px] desktop:w-full desktop:h-auto relative h-[240px] w-[358px]",children:[(0,e.jsx)(l.Picture,{source:t.imageUrl,width:404,height:280}),(0,e.jsxs)(l.Link,{href:t.url,className:"absolute inset-0 z-10 flex flex-col justify-end p-4",children:[(0,e.jsx)(l.Text,{html:t.title,className:"desktop:text-2xl text-xl font-bold leading-[1.2] text-white"}),(0,e.jsx)(l.Text,{html:t.subtitle,className:"text-sm font-bold leading-[1.4] text-white"})]})]})]}),fe=(0,a.forwardRef)(({data:t},n)=>{const s=(0,a.useMemo)(()=>(0,k.WithGroupCategory)(t?.categories),[t]),{currentMenu:r,setCurrentMenu:o,thirdNavTitle:i}=(0,C.useNavContext)(),[m,c]=(0,a.useState)(!1),[x,u]=(0,a.useState)(0),[y,M]=(0,a.useState)(null),p=(0,a.useRef)(null);(0,a.useEffect)(()=>{if(p?.current&&m){const N=p?.current?.getBoundingClientRect();u(window?.innerHeight-(N?.bottom||0))}},[m]),(0,H.useGSAP)(()=>{A.gsap.fromTo(p.current,{height:0},{height:x,duration:.5})},[x]),(0,a.useEffect)(()=>{document.body.style.overflow=m?"hidden":"auto"},[m]);const v=(0,a.useMemo)(()=>y?.components?.[0]?.blockType,[y]),h=(0,k.WithSidebar)(ge,y),g=(0,k.WithSupports)(ye,{categoriesItem:y}),P=(0,k.WithMulticol)(he,y),$=(0,a.useMemo)(()=>{switch(v){case d.HeaderNavigationBlockType.Sidebar:return(0,e.jsx)(h,{});case d.HeaderNavigationBlockType.Supports:return(0,e.jsx)(g,{});case d.HeaderNavigationBlockType.Multicol:return(0,e.jsx)(P,{});default:return null}},[v,h,g,P]),T=(0,a.useCallback)(()=>{c(!1),u(0),o&&o(d.HeaderNavigationMenu.Primary)},[c,u,o]),D=(0,a.useMemo)(()=>t?.headerBar?.actions?.filter(N=>N?.mobileShow&&N?.blockType!==d.HeaderNavigationActionBlockType.Profile),[t]),L=(0,a.useMemo)(()=>t?.headerBar?.actions?.find(N=>N?.mobileShow&&N?.blockType===d.HeaderNavigationActionBlockType.Profile)||{},[t]),E=(0,a.useMemo)(()=>{switch(r){case d.HeaderNavigationMenu.Primary:return(0,e.jsx)(Ne,{actions:D,menuOpen:m,onMenuOpenClose:()=>{c(!1),u(0)},onMenuOpenClick:()=>c(!0)});case d.HeaderNavigationMenu.Secondary:return(0,e.jsx)(X,{title:y?.text,onMenuOpenClose:T,onMenuBackClick:()=>o?.(d.HeaderNavigationMenu.Primary)});case d.HeaderNavigationMenu.Third:return(0,e.jsx)(X,{title:i,onMenuOpenClose:T,onMenuBackClick:()=>o?.(d.HeaderNavigationMenu.Secondary)});default:return null}},[m,r,o,y,D,i,T]),R=(0,a.useCallback)((N,z)=>{const G=Array.isArray(s)?Array.isArray(s[N])?s[N][z]:{}:{};M(G),o?.(d.HeaderNavigationMenu.Secondary)},[s,o]);return(0,e.jsxs)(l.Container,{childClassName:"bg-white",className:"relative h-[52px]",children:[E,m&&(0,e.jsx)("div",{ref:p,className:"absolute left-0 top-[calc(100%+1px)] z-[999] w-full overflow-y-auto bg-white",style:{height:x},children:r===d.HeaderNavigationMenu.Primary?(0,e.jsx)(be,{categories:s,onPrimaryMenuClick:R,profileAction:L}):$})]})}),be=({categories:t,onPrimaryMenuClick:n,profileAction:s})=>(0,e.jsxs)("div",{className:"flex h-full flex-col justify-between",children:[(0,e.jsx)("div",{className:"tablet:px-8 laptop:px-16 p-4",children:t?.map((r,o)=>(0,e.jsxs)("div",{className:"",children:[r?.map((i,m)=>(0,e.jsx)(_,{label:i.text,onClick:()=>n(o,m)},i.id)),(0,e.jsx)("div",{className:(0,w.cn)("my-2 h-px w-full bg-[#E5E5E7]",{hidden:o===t.length-1})})]},`groupCategory-${o}`))}),(0,e.jsx)(xe,{profileAction:s})]}),ge=({sidebarCategoriesMetadata:t,seriesMetadata:n})=>{const{currentMenu:s,setCurrentMenu:r,setThirdNavTitle:o,matchSeriesMetadata:i,setMatchSeriesMetadata:m}=(0,C.useNavContext)(),[c,x]=(0,a.useState)(!1),[u,y]=(0,a.useState)(0);return(0,a.useMemo)(()=>{switch(s){case d.HeaderNavigationMenu.Secondary:return(0,e.jsxs)("div",{className:"tablet:px-8 laptop:px-16 flex h-full flex-col justify-between p-4",children:[(0,e.jsxs)("div",{children:[t?.subcategories?.map((p,v)=>(0,e.jsxs)("div",{children:[(0,e.jsx)(_,{label:p.label,active:u===v&&c,onClick:()=>{y(v),x(!c)}}),u===v&&c&&p.subSubCategories?.map((h,g)=>(0,e.jsx)("div",{className:"px-2 py-4",onClick:()=>{r&&r(d.HeaderNavigationMenu.Third),m?.(n?.find(P=>t?.subcategories?.[v]?.subSubCategories?.[g]?.label===P.label)||{}),o&&o(h.label)},children:(0,e.jsx)(l.Text,{html:h.label,className:"text-sm font-bold leading-[1.4]"})},`${v}-${g}`))]},`${p.label}-${v}`)),(0,e.jsx)(l.Link,{href:i?.guide?.url,children:(0,e.jsx)("div",{className:"mt-4",children:(0,e.jsx)(l.Text,{html:i?.guide?.label,className:"text-sm font-bold leading-[1.2] text-[#6D6D6F]"})})})]}),(0,e.jsxs)("div",{className:"tablet:items-start flex flex-col items-center gap-4",children:[(0,e.jsx)(l.Button,{variant:"primary",size:"lg",className:"tablet:w-auto w-full text-base",children:(0,e.jsx)("a",{href:t?.primary?.url,children:t?.primary?.label})}),(0,e.jsx)(l.Button,{variant:"link",size:"lg",className:"tablet:w-auto tablet:px-0 w-full py-0 text-base",children:(0,e.jsx)("a",{href:t?.secondary?.url,children:t?.secondary?.label})})]})]});case d.HeaderNavigationMenu.Third:return(0,e.jsxs)("div",{className:"tablet:px-8 laptop:px-16 desktop:px-0 p-4",children:[Reflect.ownKeys(i).length>0&&(0,e.jsxs)("div",{className:"tablet:pt-0 flex items-center gap-3 py-4",children:[(0,e.jsx)(l.Text,{html:i?.label,className:"text-xl font-bold leading-[1.4]"}),(0,e.jsx)(l.Button,{variant:"link",size:"lg",className:"p-0",children:(0,e.jsx)(l.Link,{href:i?.primary?.url,className:"text-base leading-[1.2]",children:i?.primary?.label})})]}),(0,e.jsx)("div",{className:"flex flex-col gap-6",children:i?.series?.map((p,v)=>(0,e.jsxs)("div",{children:[(0,e.jsx)(l.Text,{html:p.label,className:"text-sm font-bold leading-[1.4] text-[#3D3D3F]"}),(0,e.jsx)("div",{className:"laptop:grid-cols-3 laptop:gap-4 tablet:grid tablet:grid-cols-2 tablet:gap-3 mt-2 flex flex-col gap-2",children:p.products?.map((h,g)=>(0,e.jsx)(Q,{product:h},`seriesProductItem-${v}-${g}`))})]},`seriesItem-${v}`))})]});default:return null}},[s,i,t,o,r,m,n,u,c])},ye=({supportsMetadata:t})=>(0,e.jsx)("div",{className:"tablet:px-8 laptop:px-16 p-4",children:t?.map(n=>(0,e.jsx)(_,{href:n.url,label:n.label,onClick:()=>{}},n.id))}),he=({multicolMetadata:t})=>(0,e.jsx)("div",{className:"tablet:px-8 tablet:p-4 laptop:px-16 flex flex-col gap-4 px-4",children:t?.map((n,s)=>(0,e.jsx)("div",{children:(0,e.jsx)(V,{item:n})},`multicolItem-${n?.label}-${s}`))}),xe=({profileAction:t})=>{const[n,s]=(0,a.useState)(!1),{profile:r,event:o}=(0,C.useNavContext)();return(0,e.jsxs)("div",{className:"tablet:px-8 laptop:px-16 bg-[#F5F5F7] px-4 py-6",children:[(0,e.jsxs)("div",{className:"flex items-center justify-between",onClick:()=>s(!n),children:[(0,e.jsxs)("div",{className:"flex items-center gap-[14px]",children:[(0,e.jsx)("div",{className:"flex size-[40px] items-center justify-center rounded-full bg-white",children:(0,e.jsx)(b.User,{})}),(0,e.jsx)(l.Text,{html:r?.nick_name||t?.welcome,className:"text-base font-bold leading-[1.4]"})]}),(0,e.jsx)(b.RightArrow,{className:(0,w.cn)({"rotate-90":n})})]}),r?.email&&(0,e.jsx)("div",{className:"mt-4",children:t?.profiles?.map(i=>(0,e.jsx)(_,{label:i?.title,href:i?.url},i.id))}),n&&!r?.email&&(0,e.jsxs)("div",{className:"mt-4",children:[(0,e.jsx)(l.Text,{html:t?.benefits_title,className:"text-sm font-bold leading-[1.4]"}),(0,e.jsx)("div",{className:"mt-3 flex flex-col gap-1",children:t?.benefits?.map(i=>(0,e.jsxs)("div",{className:"flex items-center gap-[6px]",children:[(0,e.jsx)(l.Picture,{source:i.benefitIcon?.url,className:"size-4",alt:i.benefit,width:16,height:16}),(0,e.jsx)(l.Text,{html:i.benefit,className:"text-sm font-bold leading-[1.4]"})]},i.id))})]}),(0,e.jsxs)("div",{className:"tablet:mt-4 mt-6 flex items-center gap-3",children:[(0,e.jsx)(l.Button,{className:"tablet:flex-none flex-1",variant:"secondary",size:"sm",onClick:()=>o?.join?.(),children:(0,e.jsx)(l.Text,{html:t?.primaryButton||"Join Now",className:"text-sm font-bold leading-[1.4]"})}),(0,e.jsx)(l.Button,{className:"tablet:flex-none flex-1",variant:"primary",size:"sm",onClick:()=>o?.login?.(),children:(0,e.jsx)(l.Text,{html:t?.secondaryButton||"Log In",className:"text-sm font-bold leading-[1.4]"})})]})]})},Ne=({menuOpen:t,onMenuOpenClose:n,onMenuOpenClick:s,actions:r})=>(0,e.jsxs)("div",{className:"flex h-full items-center justify-between gap-4",children:[(0,e.jsx)(q,{}),(0,e.jsxs)("div",{className:"desktop:gap-6 flex items-center gap-4",children:[(0,e.jsx)(K,{actions:r}),t?(0,e.jsx)(b.Close,{onClick:()=>n()}):(0,e.jsx)(b.Menu,{onClick:()=>s()})]})]}),q=()=>{const{payloadData:t}=(0,C.useNavContext)();return(0,e.jsxs)("div",{className:"desktop:gap-2 flex items-center gap-[6px]",children:[(0,e.jsx)("div",{dangerouslySetInnerHTML:{__html:t?.headerBar?.logo}}),(0,e.jsx)(b.LogoLine,{}),(0,e.jsx)(l.Text,{html:t?.headerBar?.slogan,className:"tablet:text-sm text-xs font-bold leading-[1.4]"})]})},K=(0,a.forwardRef)(({actions:t,handleMouseEnter:n},s)=>{const{event:r}=(0,C.useNavContext)(),o=(0,a.useCallback)(i=>{switch(i?.blockType){case d.HeaderNavigationActionBlockType.Search:r?.search?.();break;case d.HeaderNavigationActionBlockType.Cart:r?.cart?.();break;case d.HeaderNavigationActionBlockType.Profile:r?.profile?.();break;case d.HeaderNavigationActionBlockType.Livestream:r?.livestream?.();break;default:return()=>{}}},[r]);return(0,e.jsx)("div",{className:"desktop:gap-6 flex items-center gap-4",onMouseEnter:n,children:Array.isArray(t)&&t?.map(i=>(0,e.jsx)("div",{ref:i.blockType===d.HeaderNavigationActionBlockType.Profile?s:null,onClick:()=>o(i),children:(0,e.jsx)(l.Text,{html:i.icon,className:"hover:text-brand-0 cursor-pointer"})},i.id))})}),X=({title:t,onMenuOpenClose:n,onMenuBackClick:s})=>(0,e.jsxs)("div",{className:"flex h-full items-center gap-3",children:[(0,e.jsx)(b.LeftArrow,{onClick:()=>s()}),(0,e.jsx)(l.Text,{html:t,className:"flex-1 text-center text-base font-bold leading-[1.4]"}),(0,e.jsx)(b.Close,{onClick:()=>n()})]}),_=({label:t,href:n,onClick:s,active:r})=>(0,e.jsx)("div",{className:"flex cursor-pointer items-center justify-between py-4",onClick:s,children:(0,e.jsxs)(l.Link,{href:n,asChild:!n,className:"flex w-full items-center justify-between no-underline",children:[(0,e.jsx)(l.Text,{html:t,className:"text-sm font-bold leading-[1.4]"}),(0,e.jsx)(b.RightArrow,{className:(0,w.cn)({"rotate-90":r})})]})});var ke=(0,Y.withStyles)(de);
+//# sourceMappingURL=index.js.map

package/dist/cjs/biz-components/HeaderNavigation/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/biz-components/HeaderNavigation/index.tsx"],
+  "sourcesContent": ["import React, { forwardRef, useCallback, useEffect, useImperativeHandle, useMemo, useRef, useState } from 'react'\n\nimport { Picture, Text, Button, Container, Link } from '../../components/index.js'\n\nimport { withStyles } from '../../shared/Styles.js'\n\nimport { cn, atobID } from '../../helpers/utils.js'\n\nimport type {\n  MobilePrimaryNavigationData,\n  MobileSecondaryNavigationData,\n  MobileNavigationProps,\n  DesktopNavigationProps,\n  HeaderNavigationProps,\n} from './types.js'\nimport NavProvider, { useNavContext } from './NavProvider.js'\n\nimport { HeaderNavigationMenu, HeaderNavigationBlockType, HeaderNavigationActionBlockType } from './types.js'\n\nimport { useMediaQuery } from 'react-responsive'\nimport { debounce } from 'es-toolkit'\n\nimport { useGSAP } from '@gsap/react'\nimport { gsap } from 'gsap'\nimport type { Product, ProductVariant } from '../../cpn-components/CpnProductCard/types.js'\n\nimport { WithSidebar, WithSupports, WithMulticol, WithGroupCategory } from './withCategory.js'\n\nimport { Menu, Close, User, RightArrow, LeftArrow, DownArrow, LogoLine } from './icons/index.js'\n\nconst HeaderNavigation = forwardRef<HTMLDivElement, HeaderNavigationProps>((props, ref) => {\n  const {\n    data: { headerNavigation },\n    buildProps,\n    event,\n    profile,\n  } = props\n\n  const [isMobile, setIsMobile] = useState(false)\n\n  const headerRef = useRef<HTMLDivElement>(null)\n\n  const mediaQuery = useMediaQuery({ query: '(max-width: 1440px)' })\n\n  useEffect(() => {\n    setIsMobile(mediaQuery)\n  }, [mediaQuery])\n\n  useImperativeHandle(ref, () => headerRef.current as HTMLDivElement)\n\n  return (\n    <NavProvider\n      buildProps={buildProps}\n      profile={profile}\n      isMobile={isMobile}\n      event={event}\n      payloadData={headerNavigation}\n    >\n      <header data-ui-component-id=\"HeaderNavigation\" className=\"relative z-50 bg-white\" ref={headerRef}>\n        <div className=\"border-b border-b-gray-200\">\n          {!isMobile && <DesktopNavigation data={headerNavigation} />}\n          {isMobile && <MobileNavigation data={headerNavigation} />}\n        </div>\n      </header>\n    </NavProvider>\n  )\n})\n\nconst DesktopNavigation = forwardRef<HTMLDivElement, DesktopNavigationProps>((props, ref) => {\n  const { data } = props\n  const { event } = useNavContext()\n\n  const groupCategories = useMemo(() => {\n    return WithGroupCategory(data?.categories)\n  }, [data])\n\n  const [activeNavItem, setActiveNavItem] = useState(false)\n  const [activeGroupIndex, setActiveGroupIndex] = useState(0)\n  const [activeNavItemIndex, setActiveNavItemIndex] = useState(0)\n  const profileRef = useRef<HTMLDivElement>(null)\n  const [userProfileOpen, setUserProfileOpen] = useState(false)\n  const headerRef = useRef<HTMLDivElement>(null)\n  const isProfileHoveredRef = useRef(false)\n  const isSupportHoveredRef = useRef(false)\n  const navItemRefs = useRef<HTMLDivElement[][]>(\n    groupCategories.map((categories: any) => Array(categories?.length || 0).fill(null))\n  )\n\n  const handleMouseEnter = (groupIndex: number, index: number) => {\n    setActiveGroupIndex(groupIndex)\n    setActiveNavItemIndex(index)\n    setActiveNavItem(true)\n    if (currentBlockTypeCategories === HeaderNavigationBlockType.Supports) {\n      isSupportHoveredRef.current = true\n    }\n  }\n\n  const handleMouseLeave = () => {\n    setActiveNavItem(false)\n    setActiveNavItemIndex(0)\n  }\n\n  const categoriesItem = useMemo(() => {\n    return Array.isArray(groupCategories)\n      ? Array.isArray(groupCategories[activeGroupIndex])\n        ? groupCategories[activeGroupIndex][activeNavItemIndex]\n        : {}\n      : {}\n  }, [groupCategories, activeGroupIndex, activeNavItemIndex])\n\n  const currentBlockTypeCategories = useMemo(() => {\n    return categoriesItem?.components?.[0]?.blockType\n  }, [categoriesItem])\n\n  const SidebarDropdownComp = WithSidebar(SidebarDropdown, categoriesItem)\n  const SupportsDropdownComp = WithSupports(SupportsDropdown, {\n    categoriesItem,\n    currentNavItemRef: navItemRefs.current?.[activeGroupIndex]?.[activeNavItemIndex],\n    onMouseLeave: handleMouseLeave,\n  })\n  const MulticolDropdownComp = WithMulticol(MulticolDropdown, categoriesItem)\n\n  const DropdownComp = useMemo(() => {\n    switch (currentBlockTypeCategories) {\n      case HeaderNavigationBlockType.Sidebar:\n        return <SidebarDropdownComp />\n      case HeaderNavigationBlockType.Supports:\n        return <SupportsDropdownComp />\n      case HeaderNavigationBlockType.Multicol:\n        return <MulticolDropdownComp />\n      default:\n        return null\n    }\n  }, [currentBlockTypeCategories, MulticolDropdownComp, SidebarDropdownComp, SupportsDropdownComp])\n\n  const actions = useMemo(() => {\n    return data?.headerBar?.actions?.filter((item: any) => item?.pcShow)\n  }, [data])\n\n  const profileAction = useMemo(() => {\n    return actions?.find((item: any) => item?.blockType === HeaderNavigationActionBlockType.Profile)\n  }, [actions])\n\n  const handleProfileMouseEnter = useCallback(() => {\n    setUserProfileOpen(true)\n    isProfileHoveredRef.current = true\n  }, [])\n\n  const handleProfileMouseLeave = useCallback(() => {\n    isProfileHoveredRef.current = false\n    // \u5EF6\u8FDF\u9690\u85CF\uFF0C\u7ED9\u7528\u6237\u65F6\u95F4\u79FB\u52A8\u5230\u4E0B\u62C9\u5F39\u7A97\n    setTimeout(() => {\n      if (!isProfileHoveredRef.current) {\n        setUserProfileOpen(false)\n      }\n    }, 500)\n  }, [])\n\n  useEffect(() => {\n    if (profileRef?.current) {\n      const profileRefElement = profileRef.current as HTMLDivElement\n      profileRefElement.addEventListener('mouseenter', handleProfileMouseEnter)\n      profileRefElement.addEventListener('mouseleave', handleProfileMouseLeave)\n\n      return () => {\n        profileRefElement.removeEventListener('mouseenter', handleProfileMouseEnter)\n        profileRefElement.removeEventListener('mouseleave', handleProfileMouseLeave)\n      }\n    }\n  }, [handleProfileMouseEnter, handleProfileMouseLeave])\n\n  return (\n    <Container onMouseLeave={handleMouseLeave} childClassName=\"bg-white\" className=\"relative h-[96px]\">\n      <div ref={headerRef} className=\"flex h-full flex-col justify-end gap-4\">\n        <div className=\"flex items-center justify-between\">\n          <Logo />\n          <Actions ref={profileRef} actions={actions} handleMouseEnter={handleMouseLeave} />\n        </div>\n        <div className=\"flex justify-between\">\n          {groupCategories?.map((groupItem: any, groupIndex: number) => {\n            return (\n              <div key={`groupCategory-${groupIndex}`} className=\"flex gap-6\">\n                {groupItem?.map((item: any, index: number) => {\n                  return (\n                    <div\n                      key={item.id}\n                      ref={(el: HTMLDivElement) => {\n                        navItemRefs.current[groupIndex][index] = el\n                      }}\n                      className=\"hover:text-brand-0 cursor-pointer\"\n                    >\n                      <div className=\"relative\">\n                        <div\n                          className=\"flex items-center gap-1 pb-4\"\n                          onMouseEnter={() => handleMouseEnter(groupIndex, index)}\n                        >\n                          <Text\n                            html={item.text}\n                            className={cn(' text-sm font-bold leading-[1.4]', {\n                              'text-brand-0':\n                                activeNavItem && activeGroupIndex === groupIndex && activeNavItemIndex === index,\n                            })}\n                          />\n                          <DownArrow\n                            className={cn({\n                              ['text-brand-0']:\n                                activeNavItem && activeGroupIndex === groupIndex && activeNavItemIndex === index,\n                            })}\n                          />\n                        </div>\n                        <div\n                          className={cn(\n                            'absolute bottom-0 left-0 h-[2px] w-0 bg-[#1D1D1F] transition-all duration-500',\n                            {\n                              'w-full':\n                                activeNavItem && activeGroupIndex === groupIndex && activeNavItemIndex === index,\n                            }\n                          )}\n                        />\n                      </div>\n                    </div>\n                  )\n                })}\n              </div>\n            )\n          })}\n        </div>\n      </div>\n      {activeNavItem && (\n        <div\n          className=\"absolute left-0 top-full z-[999] flex w-full flex-col bg-black/70\"\n          style={{ height: `calc(100vh - ${headerRef?.current?.getBoundingClientRect()?.bottom}px)` }}\n        >\n          <div className=\"relative z-50\">{DropdownComp}</div>\n          <div className=\"flex-1 bg-transparent\" onMouseEnter={handleMouseLeave} />\n        </div>\n      )}\n      {userProfileOpen && (\n        <div\n          className=\"absolute left-0 z-[999] w-full bg-black/70\"\n          style={{\n            height: `calc(100vh - ${profileRef?.current?.getBoundingClientRect()?.bottom}px)`,\n            top: `calc(12px + ${profileRef?.current?.getBoundingClientRect()?.top}px)`,\n          }}\n        >\n          <div\n            onMouseLeave={handleProfileMouseLeave}\n            onMouseEnter={handleProfileMouseEnter}\n            className=\"absolute max-w-[272px] bg-white p-4\"\n            style={{ right: `calc(100% - ${profileRef?.current?.getBoundingClientRect()?.right}px)` }}\n          >\n            <Text html={profileAction?.benefits_title} className=\"text-sm font-bold leading-[1.4]\" />\n            <div className=\"mt-3 flex flex-col gap-1\">\n              {profileAction?.benefits?.map((item: any) => (\n                <div key={item.id} className=\"flex items-center gap-[6px]\">\n                  <Picture\n                    source={item.benefitIcon?.url}\n                    className=\"size-4\"\n                    alt={item.benefit}\n                    width={16}\n                    height={16}\n                  />\n                  <Text html={item.benefit} className=\"text-sm font-bold leading-[1.4]\" />\n                </div>\n              ))}\n            </div>\n            <div className=\"mt-4 flex items-center gap-2\">\n              <Button variant=\"secondary\" size=\"sm\" onClick={() => event?.join?.()}>\n                <Text html={profileAction?.primaryButton || 'Join Now'} className=\"text-sm font-bold leading-[1.4]\" />\n              </Button>\n              <Button variant=\"primary\" size=\"sm\" onClick={() => event?.login?.()}>\n                <Text html={profileAction?.secondaryButton || 'Log In'} className=\"text-sm font-bold leading-[1.4]\" />\n              </Button>\n            </div>\n          </div>\n        </div>\n      )}\n    </Container>\n  )\n})\n\n/**\n * \u4FA7\u8FB9\u680F\u4E0B\u62C9\n * @param categoriesItem \u5206\u7C7B\u9879\n */\nconst SidebarDropdown = ({\n  sidebarCategoriesMetadata,\n  seriesMetadata,\n}: {\n  sidebarCategoriesMetadata: any\n  seriesMetadata: any\n}) => {\n  const [activeSubcategoryIndex, setActiveSubcategoryIndex] = useState(1)\n  const [activeSubcategoryOpen, setActiveSubcategoryOpen] = useState(true)\n  const [activeSubSubcategoryIndex, setActiveSubSubcategoryIndex] = useState(0)\n  const sidebarDropdownRef = useRef<HTMLDivElement>(null)\n\n  useGSAP(() => {\n    gsap.fromTo(\n      sidebarDropdownRef?.current,\n      {\n        height: 0,\n      },\n      {\n        height: 548,\n      }\n    )\n  }, [])\n\n  // \u901A\u8FC7categoriesMetadata\u7684subSubCategories\u7684label\u4E0Eseries\u7684label\u5339\u914D\n  const matchSeriesMetadata = useMemo(() => {\n    return (\n      seriesMetadata?.find(\n        (item: any) =>\n          sidebarCategoriesMetadata?.subcategories?.[activeSubcategoryIndex]?.subSubCategories?.[\n            activeSubSubcategoryIndex\n          ]?.label === item.label\n      ) || {}\n    )\n  }, [sidebarCategoriesMetadata, activeSubcategoryIndex, activeSubSubcategoryIndex, seriesMetadata])\n\n  const handleSubcategoryOpen = (index: number) => {\n    setActiveSubcategoryIndex(index)\n    setActiveSubcategoryOpen(!activeSubcategoryOpen)\n  }\n\n  const handleSubSubcategoryOpen = (index: number) => {\n    setActiveSubSubcategoryIndex(index)\n  }\n\n  return (\n    <Container childClassName=\"lg-desktop:gap-12 flex bg-white gap-8\">\n      <div className=\"lg-desktop:basis-[356px] flex basis-[284px] flex-col gap-4 py-4\">\n        <div className=\"flex flex-col\">\n          {sidebarCategoriesMetadata?.subcategories?.map((subItem: any, index: number) => (\n            <div key={`subcategoryItem-${index}`}>\n              <div\n                className=\"flex cursor-pointer items-center justify-between\"\n                onClick={() => handleSubcategoryOpen(index)}\n              >\n                <Text html={subItem.label} className=\"p-4 text-sm font-bold leading-[1.4]\" />\n                <DownArrow\n                  className={cn({ ['rotate-180']: activeSubcategoryIndex === index && activeSubcategoryOpen })}\n                />\n              </div>\n              {activeSubcategoryIndex === index && activeSubcategoryOpen && (\n                <div className=\"flex flex-col\">\n                  {subItem.subSubCategories?.map((subSubItem: any, subSubindex: number) => (\n                    <Text\n                      html={subSubItem.label}\n                      onClick={() => handleSubSubcategoryOpen(subSubindex)}\n                      key={`subSubItem-${index}-${subSubindex}`}\n                      className={cn(\n                        'cursor-pointer px-6 py-4 text-sm font-bold leading-[1.4] text-[#6D6D6F] hover:bg-[#F5F5F7]'\n                      )}\n                    />\n                  ))}\n                </div>\n              )}\n            </div>\n          ))}\n        </div>\n        <div className=\"flex\">\n          <div className=\"flex flex-col gap-4\">\n            <Button variant=\"primary\" size=\"lg\" className=\"text-base\">\n              <a href={sidebarCategoriesMetadata?.primary?.url}>{sidebarCategoriesMetadata?.primary?.label}</a>\n            </Button>\n            <Button variant=\"link\" size=\"lg\" className=\"justify-start py-0 text-base\">\n              <a href={sidebarCategoriesMetadata?.secondary?.url}>{sidebarCategoriesMetadata?.secondary?.label}</a>\n            </Button>\n          </div>\n        </div>\n      </div>\n      <div className=\"flex-1\">\n        <div className=\"mb-4 flex items-center justify-between\">\n          <div className=\"flex items-center gap-2\">\n            <Text html={matchSeriesMetadata?.label} className=\"text-2xl font-bold leading-[1.4]\" />\n            <Button variant=\"link\" size=\"lg\" className=\"justify-start p-0 text-base\">\n              <Link href={matchSeriesMetadata?.primary?.url} className=\"text-base font-bold leading-[1.2] no-underline\">\n                {matchSeriesMetadata?.primary?.label}\n              </Link>\n            </Button>\n          </div>\n          <Link href={matchSeriesMetadata?.guide?.url} className=\"text-base leading-[1.2] text-[#6D6D6F]\">\n            {matchSeriesMetadata?.guide?.label}\n          </Link>\n        </div>\n        <div className=\"flex flex-col gap-4 overflow-y-auto\" ref={sidebarDropdownRef}>\n          {matchSeriesMetadata?.series?.map((seriesItem: any, seriesIndex: number) => (\n            <div key={`seriesItem-${seriesIndex}`}>\n              <Text html={seriesItem.label} className=\"text-sm font-bold leading-[1.4] text-[#6D6D6F]\" />\n              <div className=\"mt-2 grid grid-cols-3 gap-4\">\n                {seriesItem.products?.map((product: any, index: number) => (\n                  <SeriesProductItem key={`seriesProductItem-${index}`} product={product} />\n                ))}\n              </div>\n            </div>\n          ))}\n        </div>\n      </div>\n    </Container>\n  )\n}\n\n/**\n * \u591A\u5217\u4E0B\u62C9\n * @param categoriesItem \u5206\u7C7B\u9879\n */\nconst MulticolDropdown = ({ multicolMetadata }: { multicolMetadata: any }) => {\n  const multicolDropdownRef = useRef<HTMLDivElement>(null)\n\n  useGSAP(() => {\n    gsap.fromTo(\n      multicolDropdownRef?.current,\n      {\n        height: 0,\n      },\n      {\n        height: 'auto',\n      }\n    )\n  }, [])\n\n  return (\n    <div ref={multicolDropdownRef}>\n      <Container childClassName=\"bg-white\" className=\"h-full\">\n        <div className=\"flex gap-4 py-4\">\n          {multicolMetadata?.map((item: any, index: number) => (\n            <div key={`multicolItem-${item?.label}-${index}`} className=\"w-1/4\">\n              <MulticolItem item={item} />\n            </div>\n          ))}\n        </div>\n      </Container>\n    </div>\n  )\n}\n\n/**\n * supports\u4E0B\u62C9\n * @param categoriesItem \u5206\u7C7B\u9879\n * @param currentNavItemRef \u5F53\u524D\u5BFC\u822A\u9879\n */\nconst SupportsDropdown = ({\n  supportsMetadata,\n  currentNavItemRef,\n  onMouseLeave,\n}: {\n  supportsMetadata: any\n  currentNavItemRef: HTMLDivElement\n  onMouseLeave?: () => void\n}) => {\n  const supportsDropdownRef = useRef<HTMLDivElement>(null)\n  const [navItemReact, setNavItemReact] = useState<DOMRect | null>(null)\n\n  useGSAP(() => {\n    gsap.fromTo(\n      supportsDropdownRef?.current,\n      {\n        height: 0,\n      },\n      {\n        height: 'auto',\n      }\n    )\n  }, [])\n\n  const debouncedHandleResize = debounce(() => {\n    if (currentNavItemRef) {\n      const rect = currentNavItemRef.getBoundingClientRect()\n      setNavItemReact(rect)\n    }\n  }, 500)\n\n  useEffect(() => {\n    debouncedHandleResize()\n    window.addEventListener('resize', debouncedHandleResize)\n    return () => {\n      window.removeEventListener('resize', debouncedHandleResize)\n    }\n  }, [debouncedHandleResize])\n\n  useEffect(() => {\n    if (currentNavItemRef) {\n      const rect = currentNavItemRef.getBoundingClientRect()\n      setNavItemReact(rect)\n    }\n  }, [currentNavItemRef])\n\n  return (\n    <div\n      className=\"absolute top-0 h-full bg-white p-4\"\n      ref={supportsDropdownRef}\n      style={{ right: `calc(100% - ${navItemReact?.right}px)` }}\n    >\n      <div onMouseLeave={onMouseLeave}>\n        {supportsMetadata?.map((supportItem: any) => (\n          <div key={supportItem.id} className=\"py-2\">\n            <Link href={supportItem.url} className=\"text-sm font-bold leading-[1.4] no-underline\">\n              {supportItem.label}\n            </Link>\n          </div>\n        ))}\n      </div>\n    </div>\n  )\n}\n\nconst SeriesProductItem = ({ product }: { product: any }) => {\n  const { buildProps } = useNavContext()\n  const productData = buildProps?.products?.find((item: Product) => item.handle === product.handle)\n  const variant = productData?.variants?.find((item: ProductVariant) => item.sku === product.sku)\n\n  const listingLink = useMemo(() => {\n    return `/products/${productData?.handle}?variant=${atobID(variant?.id as string)}`\n  }, [productData?.handle, variant?.id])\n\n  return (\n    <div className=\"flex shrink-0 items-center gap-4 bg-[#F5F5F7] px-4 py-3 [&_img]:hover:scale-105\">\n      <div className=\"shrink-0 basis-[96px]\">\n        <Picture source={`${variant?.image?.url || product?.images?.[0]?.url}}`} width={96} height={96} />\n      </div>\n      <div className=\"relative\">\n        {product?.badge && (\n          <Text\n            html={product?.badge}\n            className=\"text-brand-0 mb-1 rounded-full border-[1.6px] border-[#00BEFA] px-[6px] py-1 text-sm font-bold leading-[1.2]\"\n          />\n        )}\n        <Link href={listingLink}>\n          <Text\n            className=\"line-clamp-2 h-[44px] text-base font-bold leading-[1.4]\"\n            html={productData?.title || product?.name}\n          />\n        </Link>\n      </div>\n    </div>\n  )\n}\n\n/**\n * \u591A\u5217\u4E0B\u62C9\u9879\n * @param item \u591A\u5217\u4E0B\u62C9\u9879\n */\nconst MulticolItem = ({ item }: { item: any }) => {\n  return (\n    <>\n      {item?.columns && (\n        <>\n          <Text html={item.label} as=\"div\" className=\"my-2 text-sm font-bold leading-[1.4] text-[#6D6D6F]\" />\n          <div className=\"mt-2 flex flex-col\">\n            {item.columns?.map((columnItem: any) => (\n              <div key={columnItem.label} className=\"py-2\">\n                <Link href={columnItem.url} className=\"text-sm font-bold leading-[1.4] no-underline\">\n                  {columnItem.label}\n                </Link>\n              </div>\n            ))}\n          </div>\n        </>\n      )}\n      {item?.imageUrl && (\n        <div className=\"laptop:h-[280px] laptop:w-[404px] desktop:w-full desktop:h-auto relative h-[240px] w-[358px]\">\n          <Picture source={item.imageUrl} width={404} height={280} />\n          <Link href={item.url} className=\"absolute inset-0 z-10 flex flex-col justify-end p-4\">\n            <Text html={item.title} className=\"desktop:text-2xl text-xl font-bold leading-[1.2] text-white\" />\n            <Text html={item.subtitle} className=\"text-sm font-bold leading-[1.4] text-white\" />\n          </Link>\n        </div>\n      )}\n    </>\n  )\n}\n\n/**\n * \u79FB\u52A8\u7AEF\u5BFC\u822A\n * @param menuHeight \u83DC\u5355\u9AD8\u5EA6\n * @param data \u5BFC\u822A\u6570\u636E\n */\nconst MobileNavigation = forwardRef<HTMLDivElement, MobileNavigationProps>(({ data }, ref) => {\n  const groupCategories = useMemo(() => {\n    return WithGroupCategory(data?.categories)\n  }, [data])\n\n  const { currentMenu, setCurrentMenu, thirdNavTitle } = useNavContext()\n  const [mobileMenuOpen, setMobileMenuOpen] = useState(false)\n  const [menuInnerHeight, setMenuInnerHeight] = useState(0)\n  const [categoriesItem, setCategoriesItem] = useState<any>(null)\n\n  const mobileMenuRef = useRef<HTMLDivElement>(null)\n\n  useEffect(() => {\n    if (mobileMenuRef?.current && mobileMenuOpen) {\n      const rect = mobileMenuRef?.current?.getBoundingClientRect()\n      setMenuInnerHeight(window?.innerHeight - (rect?.bottom || 0))\n    }\n  }, [mobileMenuOpen])\n\n  useGSAP(() => {\n    gsap.fromTo(\n      mobileMenuRef.current,\n      {\n        height: 0,\n      },\n      {\n        height: menuInnerHeight,\n        duration: 0.5,\n      }\n    )\n  }, [menuInnerHeight])\n\n  useEffect(() => {\n    document.body.style.overflow = mobileMenuOpen ? 'hidden' : 'auto'\n  }, [mobileMenuOpen])\n\n  const currentBlockTypeCategories = useMemo(() => {\n    return categoriesItem?.components?.[0]?.blockType\n  }, [categoriesItem])\n\n  const MobileSidebarMenuComp = WithSidebar(MobileSidebarMenu, categoriesItem)\n  const MobileSupportMenuComp = WithSupports(MobileSupportMenu, {\n    categoriesItem,\n  })\n  const MobileMulticolMenuComp = WithMulticol(MobileMulticolMenu, categoriesItem)\n\n  const MobileCategoriesMenuComp = useMemo(() => {\n    switch (currentBlockTypeCategories) {\n      case HeaderNavigationBlockType.Sidebar:\n        return <MobileSidebarMenuComp />\n      case HeaderNavigationBlockType.Supports:\n        return <MobileSupportMenuComp />\n      case HeaderNavigationBlockType.Multicol:\n        return <MobileMulticolMenuComp />\n      default:\n        return null\n    }\n  }, [currentBlockTypeCategories, MobileSidebarMenuComp, MobileSupportMenuComp, MobileMulticolMenuComp])\n\n  const handleSecondaryMenuClose = useCallback(() => {\n    setMobileMenuOpen(false)\n    setMenuInnerHeight(0)\n    setCurrentMenu && setCurrentMenu(HeaderNavigationMenu.Primary)\n  }, [setMobileMenuOpen, setMenuInnerHeight, setCurrentMenu])\n\n  const menuActions = useMemo(() => {\n    return data?.headerBar?.actions?.filter(\n      (item: any) => item?.mobileShow && item?.blockType !== HeaderNavigationActionBlockType.Profile // \u79FB\u52A8\u7AEF\u4E0D\u663E\u793Aprofile\u6309\u94AE\n    )\n  }, [data])\n\n  const profileAction = useMemo(() => {\n    return (\n      data?.headerBar?.actions?.find(\n        (item: any) => item?.mobileShow && item?.blockType === HeaderNavigationActionBlockType.Profile\n      ) || {}\n    )\n  }, [data])\n\n  const MobileCategoriesHeaderComp = useMemo(() => {\n    switch (currentMenu) {\n      case HeaderNavigationMenu.Primary:\n        return (\n          <PrimaryHeader\n            actions={menuActions}\n            menuOpen={mobileMenuOpen}\n            onMenuOpenClose={() => {\n              setMobileMenuOpen(false)\n              setMenuInnerHeight(0)\n            }}\n            onMenuOpenClick={() => setMobileMenuOpen(true)}\n          />\n        )\n      case HeaderNavigationMenu.Secondary:\n        return (\n          <SecondaryHeader\n            title={categoriesItem?.text}\n            onMenuOpenClose={handleSecondaryMenuClose}\n            onMenuBackClick={() => setCurrentMenu?.(HeaderNavigationMenu.Primary)}\n          />\n        )\n      case HeaderNavigationMenu.Third:\n        return (\n          <SecondaryHeader\n            title={thirdNavTitle}\n            onMenuOpenClose={handleSecondaryMenuClose}\n            onMenuBackClick={() => setCurrentMenu?.(HeaderNavigationMenu.Secondary)}\n          />\n        )\n      default:\n        return null\n    }\n  }, [\n    mobileMenuOpen,\n    currentMenu,\n    setCurrentMenu,\n    categoriesItem,\n    menuActions,\n    thirdNavTitle,\n    handleSecondaryMenuClose,\n  ])\n\n  const handlePrimaryMenuClick = useCallback(\n    (groupIndex: number, index: number) => {\n      const categoriesItem = Array.isArray(groupCategories)\n        ? Array.isArray(groupCategories[groupIndex])\n          ? groupCategories[groupIndex][index]\n          : {}\n        : {}\n      setCategoriesItem(categoriesItem)\n      setCurrentMenu?.(HeaderNavigationMenu.Secondary)\n    },\n    [groupCategories, setCurrentMenu]\n  )\n\n  return (\n    <Container childClassName=\"bg-white\" className=\"relative h-[52px]\">\n      {/* \u79FB\u52A8\u7AEF\u5206\u7C7B\u83DC\u5355 */}\n      {MobileCategoriesHeaderComp}\n      {mobileMenuOpen && (\n        <div\n          ref={mobileMenuRef}\n          className=\"absolute left-0 top-[calc(100%+1px)] z-[999] w-full overflow-y-auto bg-white\"\n          style={{ height: menuInnerHeight }}\n        >\n          {currentMenu === HeaderNavigationMenu.Primary ? (\n            <MobilePrimaryMenu\n              categories={groupCategories}\n              onPrimaryMenuClick={handlePrimaryMenuClick}\n              profileAction={profileAction}\n            />\n          ) : (\n            MobileCategoriesMenuComp\n          )}\n        </div>\n      )}\n    </Container>\n  )\n})\n\n/**\n * \u79FB\u52A8\u7AEF\u4E00\u7EA7\u83DC\u5355\n * @param categories \u5206\u7C7B\n * @param onPrimaryMenuClick \u4E00\u7EA7\u83DC\u5355\u70B9\u51FB\n */\nconst MobilePrimaryMenu = ({\n  categories,\n  onPrimaryMenuClick,\n  profileAction,\n}: {\n  categories: any\n  onPrimaryMenuClick: (groupIndex: number, index: number) => void\n  profileAction: any\n}) => {\n  return (\n    <div className=\"flex h-full flex-col justify-between\">\n      <div className=\"tablet:px-8 laptop:px-16 p-4\">\n        {categories?.map((groupItem: any, groupIndex: number) => (\n          <div key={`groupCategory-${groupIndex}`} className=\"\">\n            {groupItem?.map((item: any, index: number) => (\n              <MenuItem key={item.id} label={item.text} onClick={() => onPrimaryMenuClick(groupIndex, index)} />\n            ))}\n            <div\n              className={cn('my-2 h-px w-full bg-[#E5E5E7]', { ['hidden']: groupIndex === categories.length - 1 })}\n            />\n          </div>\n        ))}\n      </div>\n      <ProfileComp profileAction={profileAction} />\n    </div>\n  )\n}\n\n/**\n * \u79FB\u52A8\u7AEF\u4FA7\u8FB9\u680F\u4E0B\u62C9\n * @param sidebarCategoriesMetadata \u4FA7\u8FB9\u680F\u5206\u7C7B\u5143\u6570\u636E\n * @param seriesMetadata \u4FA7\u8FB9\u680F\u7CFB\u5217\u5143\u6570\u636E\n */\nconst MobileSidebarMenu = ({\n  sidebarCategoriesMetadata,\n  seriesMetadata,\n}: {\n  sidebarCategoriesMetadata: any\n  seriesMetadata: any\n}) => {\n  const { currentMenu, setCurrentMenu, setThirdNavTitle, matchSeriesMetadata, setMatchSeriesMetadata } = useNavContext()\n  const [activeSubcategoryActive, setActiveSubcategoryActive] = useState(false)\n  const [activeSubcategoryIndex, setActiveSubcategoryIndex] = useState(0)\n\n  const MobileSidebarMenuComp = useMemo(() => {\n    switch (currentMenu) {\n      case HeaderNavigationMenu.Secondary:\n        return (\n          // \u4E8C\u7EA7\u83DC\u5355\n          <div className=\"tablet:px-8 laptop:px-16 flex h-full flex-col justify-between p-4\">\n            <div>\n              {sidebarCategoriesMetadata?.subcategories?.map((item: any, index: number) => (\n                <div key={`${item.label}-${index}`}>\n                  <MenuItem\n                    label={item.label}\n                    active={activeSubcategoryIndex === index && activeSubcategoryActive}\n                    onClick={() => {\n                      setActiveSubcategoryIndex(index)\n                      setActiveSubcategoryActive(!activeSubcategoryActive)\n                    }}\n                  />\n                  {activeSubcategoryIndex === index &&\n                    activeSubcategoryActive &&\n                    item.subSubCategories?.map((subItem: any, subIndex: number) => (\n                      <div\n                        key={`${index}-${subIndex}`}\n                        className=\"px-2 py-4\"\n                        onClick={() => {\n                          setCurrentMenu && setCurrentMenu(HeaderNavigationMenu.Third)\n                          // \u901A\u8FC7categoriesMetadata\u7684subSubCategories\u7684label\u4E0Eseries\u7684label\u5339\u914D\n                          setMatchSeriesMetadata?.(\n                            seriesMetadata?.find(\n                              (item: any) =>\n                                sidebarCategoriesMetadata?.subcategories?.[index]?.subSubCategories?.[subIndex]\n                                  ?.label === item.label\n                            ) || {}\n                          )\n                          setThirdNavTitle && setThirdNavTitle(subItem.label)\n                        }}\n                      >\n                        <Text html={subItem.label} className=\"text-sm font-bold leading-[1.4]\" />\n                      </div>\n                    ))}\n                </div>\n              ))}\n              <Link href={matchSeriesMetadata?.guide?.url}>\n                <div className=\"mt-4\">\n                  <Text\n                    html={matchSeriesMetadata?.guide?.label}\n                    className=\"text-sm font-bold leading-[1.2] text-[#6D6D6F]\"\n                  />\n                </div>\n              </Link>\n            </div>\n            <div className=\"tablet:items-start flex flex-col items-center gap-4\">\n              <Button variant=\"primary\" size=\"lg\" className=\"tablet:w-auto w-full text-base\">\n                <a href={sidebarCategoriesMetadata?.primary?.url}>{sidebarCategoriesMetadata?.primary?.label}</a>\n              </Button>\n              <Button variant=\"link\" size=\"lg\" className=\"tablet:w-auto tablet:px-0 w-full py-0 text-base\">\n                <a href={sidebarCategoriesMetadata?.secondary?.url}>{sidebarCategoriesMetadata?.secondary?.label}</a>\n              </Button>\n            </div>\n          </div>\n        )\n      case HeaderNavigationMenu.Third:\n        return (\n          // \u4E09\u7EA7\u83DC\u5355\n          <div className=\"tablet:px-8 laptop:px-16 desktop:px-0 p-4\">\n            {Reflect.ownKeys(matchSeriesMetadata).length > 0 && (\n              <div className=\"tablet:pt-0 flex items-center gap-3 py-4\">\n                <Text html={matchSeriesMetadata?.label} className=\"text-xl font-bold leading-[1.4]\" />\n                <Button variant=\"link\" size=\"lg\" className=\"p-0\">\n                  <Link href={matchSeriesMetadata?.primary?.url} className=\"text-base leading-[1.2]\">\n                    {matchSeriesMetadata?.primary?.label}\n                  </Link>\n                </Button>\n              </div>\n            )}\n            <div className=\"flex flex-col gap-6\">\n              {matchSeriesMetadata?.series?.map((seriesItem: any, pIndex: number) => (\n                <div key={`seriesItem-${pIndex}`}>\n                  <Text html={seriesItem.label} className=\"text-sm font-bold leading-[1.4] text-[#3D3D3F]\" />\n                  <div className=\"laptop:grid-cols-3 laptop:gap-4 tablet:grid tablet:grid-cols-2 tablet:gap-3 mt-2 flex flex-col gap-2\">\n                    {seriesItem.products?.map((product: any, index: number) => (\n                      <SeriesProductItem key={`seriesProductItem-${pIndex}-${index}`} product={product} />\n                    ))}\n                  </div>\n                </div>\n              ))}\n            </div>\n          </div>\n        )\n      default:\n        return null\n    }\n  }, [\n    currentMenu,\n    matchSeriesMetadata,\n    sidebarCategoriesMetadata,\n    setThirdNavTitle,\n    setCurrentMenu,\n    setMatchSeriesMetadata,\n    seriesMetadata,\n    activeSubcategoryIndex,\n    activeSubcategoryActive,\n  ])\n\n  return MobileSidebarMenuComp\n}\n\n/**\n * \u79FB\u52A8\u7AEFsupport\u83DC\u5355\n * @param supportsMetadata support\u83DC\u5355\u5143\u6570\u636E\n */\nconst MobileSupportMenu = ({ supportsMetadata }: { supportsMetadata: any }) => {\n  return (\n    <div className=\"tablet:px-8 laptop:px-16 p-4\">\n      {supportsMetadata?.map((supportItem: any) => (\n        <MenuItem key={supportItem.id} href={supportItem.url} label={supportItem.label} onClick={() => {}} />\n      ))}\n    </div>\n  )\n}\n\n/**\n * \u79FB\u52A8\u7AEFmulticol\u83DC\u5355\n * @param multicolMetadata multicol\u83DC\u5355\u5143\u6570\u636E\n */\nconst MobileMulticolMenu = ({ multicolMetadata }: { multicolMetadata: any }) => {\n  return (\n    <div className=\"tablet:px-8 tablet:p-4 laptop:px-16 flex flex-col gap-4 px-4\">\n      {multicolMetadata?.map((item: any, index: number) => (\n        <div key={`multicolItem-${item?.label}-${index}`}>\n          <MulticolItem item={item} />\n        </div>\n      ))}\n    </div>\n  )\n}\n\nconst ProfileComp = ({ profileAction }: { profileAction: any }) => {\n  const [profileOpen, setProfileOpen] = useState(false)\n  const { profile, event } = useNavContext()\n  return (\n    <div className=\"tablet:px-8 laptop:px-16 bg-[#F5F5F7] px-4 py-6\">\n      <div className=\"flex items-center justify-between\" onClick={() => setProfileOpen(!profileOpen)}>\n        <div className=\"flex items-center gap-[14px]\">\n          <div className=\"flex size-[40px] items-center justify-center rounded-full bg-white\">\n            <User />\n          </div>\n          <Text html={profile?.nick_name || profileAction?.welcome} className=\"text-base font-bold leading-[1.4]\" />\n        </div>\n        <RightArrow className={cn({ 'rotate-90': profileOpen })} />\n      </div>\n      {profile?.email && (\n        <div className=\"mt-4\">\n          {profileAction?.profiles?.map((item: any) => <MenuItem key={item.id} label={item?.title} href={item?.url} />)}\n        </div>\n      )}\n      {profileOpen && !profile?.email && (\n        <div className=\"mt-4\">\n          <Text html={profileAction?.benefits_title} className=\"text-sm font-bold leading-[1.4]\" />\n          <div className=\"mt-3 flex flex-col gap-1\">\n            {profileAction?.benefits?.map((item: any) => (\n              <div key={item.id} className=\"flex items-center gap-[6px]\">\n                <Picture source={item.benefitIcon?.url} className=\"size-4\" alt={item.benefit} width={16} height={16} />\n                <Text html={item.benefit} className=\"text-sm font-bold leading-[1.4]\" />\n              </div>\n            ))}\n          </div>\n        </div>\n      )}\n      <div className=\"tablet:mt-4 mt-6 flex items-center gap-3\">\n        <Button className=\"tablet:flex-none flex-1\" variant=\"secondary\" size=\"sm\" onClick={() => event?.join?.()}>\n          <Text html={profileAction?.primaryButton || 'Join Now'} className=\"text-sm font-bold leading-[1.4]\" />\n        </Button>\n        <Button className=\"tablet:flex-none flex-1\" variant=\"primary\" size=\"sm\" onClick={() => event?.login?.()}>\n          <Text html={profileAction?.secondaryButton || 'Log In'} className=\"text-sm font-bold leading-[1.4]\" />\n        </Button>\n      </div>\n    </div>\n  )\n}\n\nconst PrimaryHeader = ({ menuOpen, onMenuOpenClose, onMenuOpenClick, actions }: MobilePrimaryNavigationData) => {\n  return (\n    <div className=\"flex h-full items-center justify-between gap-4\">\n      <Logo />\n      <div className=\"desktop:gap-6 flex items-center gap-4\">\n        <Actions actions={actions} />\n        {menuOpen ? <Close onClick={() => onMenuOpenClose()} /> : <Menu onClick={() => onMenuOpenClick()} />}\n      </div>\n    </div>\n  )\n}\n\nconst Logo = () => {\n  const { payloadData } = useNavContext()\n  return (\n    <div className=\"desktop:gap-2 flex items-center gap-[6px]\">\n      <div dangerouslySetInnerHTML={{ __html: payloadData?.headerBar?.logo }} />\n      <LogoLine />\n      <Text html={payloadData?.headerBar?.slogan} className=\"tablet:text-sm text-xs font-bold leading-[1.4]\" />\n    </div>\n  )\n}\n\nconst Actions = forwardRef<HTMLDivElement, { actions: any; handleMouseEnter?: () => void }>(\n  ({ actions, handleMouseEnter }, ref) => {\n    const { event } = useNavContext()\n\n    const handleActionClick = useCallback(\n      (action: any) => {\n        switch (action?.blockType) {\n          case HeaderNavigationActionBlockType.Search:\n            event?.search?.()\n            break\n          case HeaderNavigationActionBlockType.Cart:\n            event?.cart?.()\n            break\n          case HeaderNavigationActionBlockType.Profile:\n            event?.profile?.()\n            break\n          case HeaderNavigationActionBlockType.Livestream:\n            event?.livestream?.()\n            break\n          default:\n            return () => {}\n        }\n      },\n      [event]\n    )\n\n    return (\n      <div className=\"desktop:gap-6 flex items-center gap-4\" onMouseEnter={handleMouseEnter}>\n        {Array.isArray(actions) &&\n          actions?.map((action: any) => (\n            <div\n              key={action.id}\n              ref={action.blockType === HeaderNavigationActionBlockType.Profile ? ref : null}\n              onClick={() => handleActionClick(action)}\n            >\n              <Text html={action.icon} className=\"hover:text-brand-0 cursor-pointer\" />\n            </div>\n          ))}\n      </div>\n    )\n  }\n)\n\nconst SecondaryHeader = ({ title, onMenuOpenClose, onMenuBackClick }: MobileSecondaryNavigationData) => {\n  return (\n    <div className=\"flex h-full items-center gap-3\">\n      <LeftArrow onClick={() => onMenuBackClick()} />\n      <Text html={title} className=\"flex-1 text-center text-base font-bold leading-[1.4]\" />\n      <Close onClick={() => onMenuOpenClose()} />\n    </div>\n  )\n}\n\nconst MenuItem = ({\n  label,\n  href,\n  onClick,\n  active,\n}: {\n  label: string\n  href?: string\n  onClick?: () => void\n  active?: boolean\n}) => {\n  return (\n    <div className=\"flex cursor-pointer items-center justify-between py-4\" onClick={onClick}>\n      <Link href={href} asChild={!href} className=\"flex w-full items-center justify-between no-underline\">\n        <Text html={label} className=\"text-sm font-bold leading-[1.4]\" />\n        <RightArrow className={cn({ 'rotate-90': active })} />\n      </Link>\n    </div>\n  )\n}\n\nexport default withStyles(HeaderNavigation)\n"],
+  "mappings": "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",
+  "names": ["HeaderNavigation_exports", "__export", "HeaderNavigation_default", "__toCommonJS", "import_jsx_runtime", "import_react", "import_components", "import_Styles", "import_utils", "import_NavProvider", "import_types", "import_react_responsive", "import_es_toolkit", "import_gsap", "import_withCategory", "import_icons", "HeaderNavigation", "props", "ref", "headerNavigation", "buildProps", "event", "profile", "isMobile", "setIsMobile", "headerRef", "mediaQuery", "NavProvider", "DesktopNavigation", "MobileNavigation", "data", "groupCategories", "activeNavItem", "setActiveNavItem", "activeGroupIndex", "setActiveGroupIndex", "activeNavItemIndex", "setActiveNavItemIndex", "profileRef", "userProfileOpen", "setUserProfileOpen", "isProfileHoveredRef", "isSupportHoveredRef", "navItemRefs", "categories", "handleMouseEnter", "groupIndex", "index", "currentBlockTypeCategories", "handleMouseLeave", "categoriesItem", "SidebarDropdownComp", "SidebarDropdown", "SupportsDropdownComp", "SupportsDropdown", "MulticolDropdownComp", "MulticolDropdown", "DropdownComp", "actions", "item", "profileAction", "handleProfileMouseEnter", "handleProfileMouseLeave", "profileRefElement", "Logo", "Actions", "groupItem", "el", "sidebarCategoriesMetadata", "seriesMetadata", "activeSubcategoryIndex", "setActiveSubcategoryIndex", "activeSubcategoryOpen", "setActiveSubcategoryOpen", "activeSubSubcategoryIndex", "setActiveSubSubcategoryIndex", "sidebarDropdownRef", "matchSeriesMetadata", "handleSubcategoryOpen", "handleSubSubcategoryOpen", "subItem", "subSubItem", "subSubindex", "seriesItem", "seriesIndex", "product", "SeriesProductItem", "multicolMetadata", "multicolDropdownRef", "MulticolItem", "supportsMetadata", "currentNavItemRef", "onMouseLeave", "supportsDropdownRef", "navItemReact", "setNavItemReact", "debouncedHandleResize", "rect", "supportItem", "productData", "variant", "listingLink", "columnItem", "currentMenu", "setCurrentMenu", "thirdNavTitle", "mobileMenuOpen", "setMobileMenuOpen", "menuInnerHeight", "setMenuInnerHeight", "setCategoriesItem", "mobileMenuRef", "MobileSidebarMenuComp", "MobileSidebarMenu", "MobileSupportMenuComp", "MobileSupportMenu", "MobileMulticolMenuComp", "MobileMulticolMenu", "MobileCategoriesMenuComp", "handleSecondaryMenuClose", "menuActions", "MobileCategoriesHeaderComp", "PrimaryHeader", "SecondaryHeader", "handlePrimaryMenuClick", "MobilePrimaryMenu", "onPrimaryMenuClick", "MenuItem", "ProfileComp", "setThirdNavTitle", "setMatchSeriesMetadata", "activeSubcategoryActive", "setActiveSubcategoryActive", "subIndex", "pIndex", "profileOpen", "setProfileOpen", "menuOpen", "onMenuOpenClose", "onMenuOpenClick", "payloadData", "handleActionClick", "action", "title", "onMenuBackClick", "label", "href", "onClick", "active"]
+}

package/dist/cjs/biz-components/HeaderNavigation/types copy.d.ts

@@ -0,0 +1,76 @@
+import type { Product } from '../../cpn-components/CpnProductCard/types.js';
+export interface HeaderNavigationProps {
+    data: any;
+    event?: {
+        search?: () => void;
+        cart?: () => void;
+        profile?: () => void;
+        livestream?: () => void;
+    };
+    buildProps: {
+        products: Product[];
+    };
+    profile?: UserProfile;
+}
+export interface MobilePrimaryNavigationData {
+    actions: any;
+    menuOpen?: boolean;
+    onMenuOpenClick: () => void;
+    onMenuOpenClose: () => void;
+}
+export interface MobileSecondaryNavigationData {
+    title?: string;
+    onMenuOpenClose: () => void;
+    onMenuBackClick: () => void;
+}
+export declare enum HeaderNavigationMenu {
+    Primary = "primary",
+    Secondary = "secondary",
+    Third = "third"
+}
+export declare enum HeaderNavigationBlockType {
+    Sidebar = "ipc-navigation-sidebar",
+    Supports = "ipc-navigation-supports",
+    Multicol = "ipc-navigation-multicol"
+}
+export declare enum HeaderNavigationActionBlockType {
+    Search = "ipc-navigation-action-search",
+    Cart = "ipc-navigation-action-cart",
+    Profile = "ipc-navigation-action-profile",
+    Livestream = "ipc-navigation-action-livestream"
+}
+export interface MobileNavigationProps {
+    data: any;
+}
+export interface DesktopNavigationProps {
+    data: any;
+}
+type Country = {
+    id?: number;
+    name?: string;
+    code?: string;
+};
+export type UserProfile = {
+    user_id: string;
+    email: string;
+    nick_name?: string;
+    full_name?: string;
+    first_name?: string;
+    last_name?: string;
+    dob?: string;
+    gender?: string;
+    phone_number?: string;
+    phone_account?: string;
+    country?: Country;
+    is_subscribe?: boolean;
+    avatar?: string;
+    can_change_password?: boolean;
+    invitation_code?: string;
+    phone_carrier?: string;
+    dob_programmed?: boolean;
+    activated?: boolean;
+    registed_at?: number;
+    activated_at?: number;
+    token?: string;
+};
+export {};

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

@@ -0,0 +1,76 @@
+import type { Product } from '../../cpn-components/CpnProductCard/types.js';
+export interface HeaderNavigationProps {
+    data: any;
+    event?: {
+        search?: () => void;
+        cart?: () => void;
+        profile?: () => void;
+        livestream?: () => void;
+    };
+    buildProps: {
+        products: Product[];
+    };
+    profile?: UserProfile;
+}
+export interface MobilePrimaryNavigationData {
+    actions: any;
+    menuOpen?: boolean;
+    onMenuOpenClick: () => void;
+    onMenuOpenClose: () => void;
+}
+export interface MobileSecondaryNavigationData {
+    title?: string;
+    onMenuOpenClose: () => void;
+    onMenuBackClick: () => void;
+}
+export declare enum HeaderNavigationMenu {
+    Primary = "primary",
+    Secondary = "secondary",
+    Third = "third"
+}
+export declare enum HeaderNavigationBlockType {
+    Sidebar = "ipc-navigation-sidebar",
+    Supports = "ipc-navigation-supports",
+    Multicol = "ipc-navigation-multicol"
+}
+export declare enum HeaderNavigationActionBlockType {
+    Search = "ipc-navigation-action-search",
+    Cart = "ipc-navigation-action-cart",
+    Profile = "ipc-navigation-action-profile",
+    Livestream = "ipc-navigation-action-livestream"
+}
+export interface MobileNavigationProps {
+    data: any;
+}
+export interface DesktopNavigationProps {
+    data: any;
+}
+type Country = {
+    id?: number;
+    name?: string;
+    code?: string;
+};
+export type UserProfile = {
+    user_id: string;
+    email: string;
+    nick_name?: string;
+    full_name?: string;
+    first_name?: string;
+    last_name?: string;
+    dob?: string;
+    gender?: string;
+    phone_number?: string;
+    phone_account?: string;
+    country?: Country;
+    is_subscribe?: boolean;
+    avatar?: string;
+    can_change_password?: boolean;
+    invitation_code?: string;
+    phone_carrier?: string;
+    dob_programmed?: boolean;
+    activated?: boolean;
+    registed_at?: number;
+    activated_at?: number;
+    token?: string;
+};
+export {};

package/dist/cjs/biz-components/HeaderNavigation/types.js

@@ -0,0 +1,2 @@
+"use strict";var e=Object.defineProperty;var c=Object.getOwnPropertyDescriptor;var m=Object.getOwnPropertyNames;var d=Object.prototype.hasOwnProperty;var u=(t,i)=>{for(var o in i)e(t,o,{get:i[o],enumerable:!0})},g=(t,i,o,r)=>{if(i&&typeof i=="object"||typeof i=="function")for(let n of m(i))!d.call(t,n)&&n!==o&&e(t,n,{get:()=>i[n],enumerable:!(r=c(i,n))||r.enumerable});return t};var l=t=>g(e({},"__esModule",{value:!0}),t);var b={};u(b,{HeaderNavigationActionBlockType:()=>p,HeaderNavigationBlockType:()=>s,HeaderNavigationMenu:()=>a});module.exports=l(b);var f=require("react"),a=(r=>(r.Primary="primary",r.Secondary="secondary",r.Third="third",r))(a||{}),s=(r=>(r.Sidebar="ipc-navigation-sidebar",r.Supports="ipc-navigation-supports",r.Multicol="ipc-navigation-multicol",r))(s||{}),p=(n=>(n.Search="ipc-navigation-action-search",n.Cart="ipc-navigation-action-cart",n.Profile="ipc-navigation-action-profile",n.Livestream="ipc-navigation-action-livestream",n))(p||{});
+//# sourceMappingURL=types.js.map

package/dist/cjs/biz-components/HeaderNavigation/types.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/biz-components/HeaderNavigation/types.ts"],
+  "sourcesContent": ["import React from 'react'\n\nimport type { Product } from '../../cpn-components/CpnProductCard/types.js'\n\nexport interface HeaderNavigationProps {\n  data: any\n  event?: {\n    search?: () => void\n    cart?: () => void\n    profile?: () => void\n    livestream?: () => void\n  }\n  buildProps: {\n    products: Product[]\n  }\n  profile?: UserProfile // \u7528\u6237\u4FE1\u606F\n}\n\nexport interface MobilePrimaryNavigationData {\n  actions: any\n  menuOpen?: boolean\n  onMenuOpenClick: () => void\n  onMenuOpenClose: () => void\n}\n\nexport interface MobileSecondaryNavigationData {\n  title?: string\n  onMenuOpenClose: () => void\n  onMenuBackClick: () => void\n}\n\nexport enum HeaderNavigationMenu {\n  Primary = 'primary',\n  Secondary = 'secondary',\n  Third = 'third',\n}\n\nexport enum HeaderNavigationBlockType {\n  Sidebar = 'ipc-navigation-sidebar',\n  Supports = 'ipc-navigation-supports',\n  Multicol = 'ipc-navigation-multicol',\n}\n\nexport enum HeaderNavigationActionBlockType {\n  Search = 'ipc-navigation-action-search',\n  Cart = 'ipc-navigation-action-cart',\n  Profile = 'ipc-navigation-action-profile',\n  Livestream = 'ipc-navigation-action-livestream',\n}\n\nexport interface MobileNavigationProps {\n  data: any\n}\n\nexport interface DesktopNavigationProps {\n  data: any\n}\n\ntype Country = {\n  id?: number\n  name?: string\n  code?: string\n}\n\nexport type UserProfile = {\n  user_id: string\n  email: string\n  nick_name?: string\n  full_name?: string\n  first_name?: string\n  last_name?: string\n  dob?: string\n  gender?: string\n  phone_number?: string\n  phone_account?: string\n  country?: Country\n  is_subscribe?: boolean\n  avatar?: string\n  can_change_password?: boolean\n  invitation_code?: string\n  phone_carrier?: string\n  dob_programmed?: boolean\n  activated?: boolean\n  registed_at?: number\n  activated_at?: number\n  token?: string\n}\n"],
+  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,qCAAAE,EAAA,8BAAAC,EAAA,yBAAAC,IAAA,eAAAC,EAAAL,GAAA,IAAAM,EAAkB,iBA+BNF,OACVA,EAAA,QAAU,UACVA,EAAA,UAAY,YACZA,EAAA,MAAQ,QAHEA,OAAA,IAMAD,OACVA,EAAA,QAAU,yBACVA,EAAA,SAAW,0BACXA,EAAA,SAAW,0BAHDA,OAAA,IAMAD,OACVA,EAAA,OAAS,+BACTA,EAAA,KAAO,6BACPA,EAAA,QAAU,gCACVA,EAAA,WAAa,mCAJHA,OAAA",
+  "names": ["types_exports", "__export", "HeaderNavigationActionBlockType", "HeaderNavigationBlockType", "HeaderNavigationMenu", "__toCommonJS", "import_react"]
+}

package/dist/cjs/biz-components/HeaderNavigation/withCategory.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+export declare function WithSidebar<P extends object>(WrappedComponent: React.ComponentType<any>, categoriesItem: any): React.ForwardRefExoticComponent<React.PropsWithoutRef<P> & React.RefAttributes<any>>;
+export declare function WithSupports<P extends object>(WrappedComponent: React.ComponentType<any>, { categoriesItem, currentNavItemRef, onMouseLeave, }: {
+    categoriesItem: any;
+    currentNavItemRef?: any;
+    onMouseLeave?: () => void;
+}): React.ForwardRefExoticComponent<React.PropsWithoutRef<P> & React.RefAttributes<any>>;
+export declare function WithMulticol<P extends object>(WrappedComponent: React.ComponentType<any>, categoriesItem: any): React.ForwardRefExoticComponent<React.PropsWithoutRef<P> & React.RefAttributes<any>>;
+export declare function WithGroupCategory(categories: any): unknown[];

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

@@ -0,0 +1,2 @@
+"use strict";var p=Object.create;var i=Object.defineProperty;var y=Object.getOwnPropertyDescriptor;var M=Object.getOwnPropertyNames;var f=Object.getPrototypeOf,m=Object.prototype.hasOwnProperty;var w=(e,a)=>{for(var t in a)i(e,t,{get:a[t],enumerable:!0})},l=(e,a,t,n)=>{if(a&&typeof a=="object"||typeof a=="function")for(let r of M(a))!m.call(e,r)&&r!==t&&i(e,r,{get:()=>a[r],enumerable:!(n=y(a,r))||n.enumerable});return e};var h=(e,a,t)=>(t=e!=null?p(f(e)):{},l(a||!e||!e.__esModule?i(t,"default",{value:e,enumerable:!0}):t,e)),P=e=>l(i({},"__esModule",{value:!0}),e);var S={};w(S,{WithGroupCategory:()=>g,WithMulticol:()=>R,WithSidebar:()=>b,WithSupports:()=>N});module.exports=P(S);var d=require("react/jsx-runtime"),s=h(require("react"));function b(e,a){const t=(0,s.useMemo)(()=>{let o=null;try{o=JSON.parse(a?.components?.[0]?.sidebar?.categoriesMetadata||"{}")}catch(u){console.log("categoriesMetadata Parse error",u)}return o},[a]),n=(0,s.useMemo)(()=>{let o=null;try{o=JSON.parse(a?.components?.[0]?.sidebar?.seriesMetadata||"[]")}catch(u){console.log("seriesMetadata Parse error",u)}return o},[a]),r=s.default.forwardRef((o,u)=>(0,d.jsx)(e,{...o,ref:u,seriesMetadata:n,sidebarCategoriesMetadata:t}));return r.displayName=e.displayName||e.name||"WithSidebarDropdown",r}function N(e,{categoriesItem:a,currentNavItemRef:t,onMouseLeave:n}){const r=(0,s.useMemo)(()=>a?.components?.[0]?.supports,[a]),o=s.default.forwardRef((u,c)=>(0,d.jsx)(e,{...u,supportsMetadata:r,currentNavItemRef:t,onMouseLeave:n,ref:c}));return o.displayName=e.displayName||e.name||"WithSupportsDropdown",o}function R(e,a){const t=(0,s.useMemo)(()=>{try{return JSON.parse(a?.components?.[0]?.multicol?.multicolMetadata||"{}")}catch(r){console.log("multicolMetadata Parse error",r)}return null},[a]),n=s.default.forwardRef((r,o)=>(0,d.jsx)(e,{...r,ref:o,multicolMetadata:t}));return n.displayName=e.displayName||e.name||"WithMulticolDropdown",n}function g(e){return Object.values(e?.reduce((a,t)=>(a[t.group]||(a[t.group]=[]),a[t.group].push(t),a),{}))}
+//# sourceMappingURL=withCategory.js.map

package/dist/cjs/biz-components/HeaderNavigation/withCategory.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/biz-components/HeaderNavigation/withCategory.tsx"],
+  "sourcesContent": ["import React, { useMemo } from 'react'\n\nexport function WithSidebar<P extends object>(WrappedComponent: React.ComponentType<any>, categoriesItem: any) {\n  // \u4FA7\u8FB9\u680F\u5206\u7C7B\u5143\u6570\u636E\n  const sidebarCategoriesMetadata = useMemo(() => {\n    let categoriesMetadata = null\n    try {\n      categoriesMetadata = JSON.parse(categoriesItem?.components?.[0]?.sidebar?.categoriesMetadata || '{}')\n    } catch (error) {\n      console.log('categoriesMetadata Parse error', error)\n    }\n    return categoriesMetadata\n  }, [categoriesItem])\n\n  // \u4FA7\u8FB9\u680F\u7CFB\u5217\u5143\u6570\u636E\n  const seriesMetadata = useMemo(() => {\n    let seriesMetadata = null\n    try {\n      seriesMetadata = JSON.parse(categoriesItem?.components?.[0]?.sidebar?.seriesMetadata || '[]')\n    } catch (error) {\n      console.log('seriesMetadata Parse error', error)\n    }\n    return seriesMetadata\n  }, [categoriesItem])\n\n  const withSidebarDropdown = React.forwardRef<any, P>((props, ref) => {\n    return (\n      <WrappedComponent\n        {...(props as unknown as P)}\n        ref={ref}\n        seriesMetadata={seriesMetadata}\n        sidebarCategoriesMetadata={sidebarCategoriesMetadata}\n      />\n    )\n  })\n\n  withSidebarDropdown.displayName = WrappedComponent.displayName || WrappedComponent.name || 'WithSidebarDropdown'\n  return withSidebarDropdown\n}\n\nexport function WithSupports<P extends object>(\n  WrappedComponent: React.ComponentType<any>,\n  {\n    categoriesItem,\n    currentNavItemRef,\n    onMouseLeave,\n  }: { categoriesItem: any; currentNavItemRef?: any; onMouseLeave?: () => void }\n) {\n  const supportsMetadata = useMemo(() => {\n    return categoriesItem?.components?.[0]?.supports\n  }, [categoriesItem])\n\n  const supportsDropdown = React.forwardRef<any, P>((props, ref) => {\n    return (\n      <WrappedComponent\n        {...(props as unknown as P)}\n        supportsMetadata={supportsMetadata}\n        currentNavItemRef={currentNavItemRef}\n        onMouseLeave={onMouseLeave}\n        ref={ref}\n      />\n    )\n  })\n\n  supportsDropdown.displayName = WrappedComponent.displayName || WrappedComponent.name || 'WithSupportsDropdown'\n  return supportsDropdown\n}\n\nexport function WithMulticol<P extends object>(WrappedComponent: React.ComponentType<any>, categoriesItem: any) {\n  const multicolMetadata = useMemo(() => {\n    try {\n      return JSON.parse(categoriesItem?.components?.[0]?.multicol?.multicolMetadata || '{}')\n    } catch (error) {\n      console.log('multicolMetadata Parse error', error)\n    }\n    return null\n  }, [categoriesItem])\n  const multicolDropdown = React.forwardRef<any, P>((props, ref) => {\n    return <WrappedComponent {...(props as unknown as P)} ref={ref} multicolMetadata={multicolMetadata} />\n  })\n\n  multicolDropdown.displayName = WrappedComponent.displayName || WrappedComponent.name || 'WithMulticolDropdown'\n  return multicolDropdown\n}\n\nexport function WithGroupCategory(categories: any) {\n  return Object.values(\n    categories?.reduce((acc: any, item: any) => {\n      if (!acc[item.group]) {\n        acc[item.group] = []\n      }\n      acc[item.group].push(item)\n      return acc\n    }, {})\n  )\n}\n"],
+  "mappings": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,uBAAAE,EAAA,iBAAAC,EAAA,gBAAAC,EAAA,iBAAAC,IAAA,eAAAC,EAAAN,GA2BM,IAAAO,EAAA,6BA3BNC,EAA+B,oBAExB,SAASJ,EAA8BK,EAA4CC,EAAqB,CAE7G,MAAMC,KAA4B,WAAQ,IAAM,CAC9C,IAAIC,EAAqB,KACzB,GAAI,CACFA,EAAqB,KAAK,MAAMF,GAAgB,aAAa,CAAC,GAAG,SAAS,oBAAsB,IAAI,CACtG,OAASG,EAAO,CACd,QAAQ,IAAI,iCAAkCA,CAAK,CACrD,CACA,OAAOD,CACT,EAAG,CAACF,CAAc,CAAC,EAGbI,KAAiB,WAAQ,IAAM,CACnC,IAAIA,EAAiB,KACrB,GAAI,CACFA,EAAiB,KAAK,MAAMJ,GAAgB,aAAa,CAAC,GAAG,SAAS,gBAAkB,IAAI,CAC9F,OAASG,EAAO,CACd,QAAQ,IAAI,6BAA8BA,CAAK,CACjD,CACA,OAAOC,CACT,EAAG,CAACJ,CAAc,CAAC,EAEbK,EAAsB,EAAAC,QAAM,WAAmB,CAACC,EAAOC,OAEzD,OAACT,EAAA,CACE,GAAIQ,EACL,IAAKC,EACL,eAAgBJ,EAChB,0BAA2BH,EAC7B,CAEH,EAED,OAAAI,EAAoB,YAAcN,EAAiB,aAAeA,EAAiB,MAAQ,sBACpFM,CACT,CAEO,SAASV,EACdI,EACA,CACE,eAAAC,EACA,kBAAAS,EACA,aAAAC,CACF,EACA,CACA,MAAMC,KAAmB,WAAQ,IACxBX,GAAgB,aAAa,CAAC,GAAG,SACvC,CAACA,CAAc,CAAC,EAEbY,EAAmB,EAAAN,QAAM,WAAmB,CAACC,EAAOC,OAEtD,OAACT,EAAA,CACE,GAAIQ,EACL,iBAAkBI,EAClB,kBAAmBF,EACnB,aAAcC,EACd,IAAKF,EACP,CAEH,EAED,OAAAI,EAAiB,YAAcb,EAAiB,aAAeA,EAAiB,MAAQ,uBACjFa,CACT,CAEO,SAASnB,EAA+BM,EAA4CC,EAAqB,CAC9G,MAAMa,KAAmB,WAAQ,IAAM,CACrC,GAAI,CACF,OAAO,KAAK,MAAMb,GAAgB,aAAa,CAAC,GAAG,UAAU,kBAAoB,IAAI,CACvF,OAASG,EAAO,CACd,QAAQ,IAAI,+BAAgCA,CAAK,CACnD,CACA,OAAO,IACT,EAAG,CAACH,CAAc,CAAC,EACbc,EAAmB,EAAAR,QAAM,WAAmB,CAACC,EAAOC,OACjD,OAACT,EAAA,CAAkB,GAAIQ,EAAwB,IAAKC,EAAK,iBAAkBK,EAAkB,CACrG,EAED,OAAAC,EAAiB,YAAcf,EAAiB,aAAeA,EAAiB,MAAQ,uBACjFe,CACT,CAEO,SAAStB,EAAkBuB,EAAiB,CACjD,OAAO,OAAO,OACZA,GAAY,OAAO,CAACC,EAAUC,KACvBD,EAAIC,EAAK,KAAK,IACjBD,EAAIC,EAAK,KAAK,EAAI,CAAC,GAErBD,EAAIC,EAAK,KAAK,EAAE,KAAKA,CAAI,EAClBD,GACN,CAAC,CAAC,CACP,CACF",
+  "names": ["withCategory_exports", "__export", "WithGroupCategory", "WithMulticol", "WithSidebar", "WithSupports", "__toCommonJS", "import_jsx_runtime", "import_react", "WrappedComponent", "categoriesItem", "sidebarCategoriesMetadata", "categoriesMetadata", "error", "seriesMetadata", "withSidebarDropdown", "React", "props", "ref", "currentNavItemRef", "onMouseLeave", "supportsMetadata", "supportsDropdown", "multicolMetadata", "multicolDropdown", "categories", "acc", "item"]
+}

package/dist/cjs/biz-components/HeroBanner/HeroBanner.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import type { HeroBannerProps } from './types.js';
-declare const _default: React.ForwardRefExoticComponent<Omit<Omit<HeroBannerProps & React.RefAttributes<HTMLDivElement>, keyof import("../../shared/Styles.js").StylesProps> & Partial<import("../../shared/Styles.js").StylesProps & import("../../shared/Styles.js").ContainerProps> & {
+declare const _default: React.ForwardRefExoticComponent<Omit<Omit<HeroBannerProps & React.RefAttributes<HTMLDivElement>, keyof import("../../shared/Styles.js").StylesProps> & Partial<import("../../shared/Styles.js").StylesProps> & {
     className?: string;
     data?: Record<string, any>;
 }, "ref"> & React.RefAttributes<any>>;

package/dist/cjs/biz-components/HeroBanner/HeroBanner.js

@@ -1,2 +1,2 @@
-"use strict";"use client";var ee=Object.create;var v=Object.defineProperty;var te=Object.getOwnPropertyDescriptor;var re=Object.getOwnPropertyNames;var oe=Object.getPrototypeOf,ae=Object.prototype.hasOwnProperty;var le=(t,r)=>{for(var a in r)v(t,a,{get:r[a],enumerable:!0})},q=(t,r,a,n)=>{if(r&&typeof r=="object"||typeof r=="function")for(let l of re(r))!ae.call(t,l)&&l!==a&&v(t,l,{get:()=>r[l],enumerable:!(n=te(r,l))||n.enumerable});return t};var V=(t,r,a)=>(a=t!=null?ee(oe(t)):{},q(r||!t||!t.__esModule?v(a,"default",{value:t,enumerable:!0}):a,t)),se=t=>q(v({},"__esModule",{value:!0}),t);var pe={};le(pe,{default:()=>ie});module.exports=se(pe);var e=require("react/jsx-runtime"),o=V(require("react")),g=V(require("gsap")),f=require("gsap/dist/ScrollTrigger"),R=require("react-responsive"),A=require("react-intersection-observer"),Q=V(require("../../helpers/ScrollLoadVideo.js")),s=require("../../components/index.js"),c=require("../../helpers/index.js"),Z=require("../../shared/Styles.js"),G=require("../../hooks/useExposure.js"),k=require("../../shared/trackUrlRef.js"),J=require("../../components/button.js"),K=require("../VideoModal/index.js");const y="image",w="hero_banner",ne=({size:t="base"})=>{const{width:r,height:a}=J.sizeMap[t];return(0,e.jsx)("svg",{width:r,height:a,viewBox:"0 0 20 20",fill:"currentcolor",xmlns:"http://www.w3.org/2000/svg",children:(0,e.jsx)("path",{d:"M13.9599 9.30662C14.4547 9.63647 14.4547 10.3635 13.9599 10.6934L6.29558 15.8029C5.74179 16.1721 5 15.7751 5 15.1096V4.89042C5 4.22484 5.74179 3.82785 6.29558 4.19705L13.9599 9.30662Z",fill:"currentcolor"})})},F=o.default.forwardRef(({data:t,className:r},a)=>{const{title:n,subtitle:l,pcImage:I,padImage:O,mobileImage:P,pcVideo:M,padVideo:L,mobileVideo:b,isShowVideo:W,primaryButton:x,secondaryButton:i,theme:X="light",size:$="default",caption:N=[],blockLink:S}=t,C=(0,R.useMediaQuery)({query:"(max-width: 768px)"}),E=(0,R.useMediaQuery)({query:"(max-width: 1024px)"}),[U,D]=(0,o.useState)(!1),{ref:Y,inView:_}=(0,A.useInView)(),T=(0,o.useRef)(null),B=(0,o.useRef)(null),H=(0,o.useRef)(null),u=(0,o.useRef)(null),p=(0,o.useRef)(null);return(0,G.useExposure)(p,{componentType:y,componentName:w,componentTitle:n,componentDescription:l}),(0,o.useImperativeHandle)(a,()=>p.current),(0,o.useEffect)(()=>{g.default.registerPlugin(f.ScrollTrigger);function z(){if(!u.current)return;const h=p.current?.clientHeight||100;window.innerHeight<=h?T.current=f.ScrollTrigger.create({trigger:p.current,start:"top bottom",end:"bottom top",scrub:!0,onUpdate:m=>{const d=m.progress*40-20;g.default.set(u.current,{yPercent:d})}}):(H.current=f.ScrollTrigger.create({trigger:p.current,start:"top bottom",end:"bottom bottom",scrub:!0,onUpdate:m=>{const d=m.progress*20-20;g.default.set(u.current,{yPercent:d})}}),B.current=f.ScrollTrigger.create({trigger:p.current,start:"top top",end:"bottom top",scrub:!0,onUpdate:m=>{const d=m.progress*20;g.default.set(u.current,{yPercent:d})}}))}return _&&z(),()=>{T.current&&T.current.kill(),H.current&&H.current.kill(),B.current&&B.current.kill()}},[_]),(0,e.jsx)("div",{ref:Y,"data-ui-component-id":"HeroBanner",children:(0,e.jsxs)("div",{ref:p,className:(0,c.cn)(X==="dark"?"aiui-dark":""," tablet:aspect-[768/660] text-info-primary relative aspect-[390/660] w-full overflow-hidden",{"lg-desktop:aspect-[1920/930] desktop:aspect-[1440/700] laptop:aspect-[1024/520]":$==="default","lg-desktop:aspect-[1920/720] desktop:aspect-[1440/576] laptop:aspect-[1024/432]":$==="sm"},r),children:[S&&(0,e.jsx)("a",{className:"absolute inset-0 z-10",href:(0,k.trackUrlRef)(S,`${y}_${w}`),tabIndex:-1,"aria-hidden":"true","aria-label":n}),(0,e.jsx)("div",{ref:u,className:(0,c.cn)("absolute left-0 top-0 size-full"),children:W?(0,e.jsx)(Q.default,{poster:C?b?.url:E?L?.url||b?.url:M?.url,src:C?b?.url:E?L?.url||b?.url:M?.url,className:"laptop:w-full h-full",videoClassName:"h-full object-cover",muted:!0,loop:!0,playsInline:!0}):(0,e.jsx)(s.Picture,{className:"laptop:w-full h-full",imgClassName:"h-full object-cover",loading:"eager",fetchPriority:"high",alt:I?.alt||"",source:`${I?.url||""} , ${O?.url??(P?.url||"")} 1024, ${P?.url||""} 767`})}),(0,e.jsxs)("div",{className:"laptop:top-1/2 laptop:-translate-y-1/2 tablet:px-[32px] laptop:px-[64px] lg-desktop:px-[calc(50%-832px)] lg-desktop:gap-[32px] absolute top-24 z-10 flex flex-col gap-[24px] px-[16px]",children:[(0,e.jsxs)("div",{className:"laptop:text-left max-w-[686px]",children:[n&&(0,e.jsx)(s.Heading,{as:"h2",size:5,className:(0,c.cn)("hero-banner-title"),html:n}),l&&(0,e.jsx)(s.Heading,{as:"h3",className:(0,c.cn)("hero-banner-subtitle font-heading lg-desktop:text-[18px] desktop:text-base laptop:mt-2 lg-desktop:mt-4 mt-1 text-sm"),html:l})]}),(0,e.jsxs)("div",{className:"laptop:justify-start lg-desktop:gap-3 flex items-center gap-2",children:[i?.isShowPlayVideoButton&&i?.playVideoButtonText?(0,e.jsxs)(s.Button,{onClick:()=>D(!0),size:"lg",variant:"secondary",className:"hero-banner-play-video-button",children:[i?.playVideoButtonText," ",(0,e.jsx)(ne,{size:"lg"})]}):i?.text?(0,e.jsxs)(s.Button,{"aria-label":n??l,size:"lg",variant:"secondary",className:"hero-banner-secondary-button",as:"a",href:(0,k.trackUrlRef)(i?.link,`${y}_${w}`),children:[i?.text,(0,e.jsx)("span",{className:"sr-only",children:n??l})]}):null,x&&x.text&&(0,e.jsx)(s.Button,{"aria-label":n??l,size:"lg",variant:"primary",className:"hero-banner-primary-button",as:"a",href:(0,k.trackUrlRef)(x.link,`${y}_${w}`),children:x.text})]})]}),N.length>0&&(0,e.jsx)("div",{className:"laptop:gap-3 tablet:px-[32px] laptop:px-[64px] lg-desktop:px-[calc(50%-832px)] desktop:pb-[24px] absolute bottom-0 z-10 flex items-stretch gap-2 px-[16px] pb-[16px]",children:N.map((z,h)=>(0,e.jsxs)(o.default.Fragment,{children:[(0,e.jsx)(s.Text,{size:2,className:(0,c.cn)("hero-banner-product-text tablet:w-[108px] loptop:w-[150px] desktop:w-[156px] lg-desktop:w-[180px] laptop:text-[14px] flex-1 text-[12px]"),html:z.title}),h<N.length-1&&(0,e.jsx)("div",{className:(0,c.cn)("bg-info-primary w-px")})]},h))}),U&&(0,e.jsx)(K.VideoModal,{visible:U,videoUrl:i?.videoUrl?.url,youTubeId:i?.youtubeId,onCloseModal:()=>D(!1)})]})})});F.displayName="HeroBanner";var ie=(0,Z.withLayout)(F);
+"use strict";"use client";var K=Object.create;var v=Object.defineProperty;var O=Object.getOwnPropertyDescriptor;var W=Object.getOwnPropertyNames;var X=Object.getPrototypeOf,Y=Object.prototype.hasOwnProperty;var ee=(t,o)=>{for(var a in o)v(t,a,{get:o[a],enumerable:!0})},U=(t,o,a,c)=>{if(o&&typeof o=="object"||typeof o=="function")for(let l of W(o))!Y.call(t,l)&&l!==a&&v(t,l,{get:()=>o[l],enumerable:!(c=O(o,l))||c.enumerable});return t};var H=(t,o,a)=>(a=t!=null?K(X(t)):{},U(o||!t||!t.__esModule?v(a,"default",{value:t,enumerable:!0}):a,t)),te=t=>U(v({},"__esModule",{value:!0}),t);var re={};ee(re,{default:()=>ae});module.exports=te(re);var e=require("react/jsx-runtime"),s=H(require("react")),_=require("@gsap/react"),b=H(require("gsap")),u=require("gsap/dist/ScrollTrigger"),z=require("react-responsive"),j=H(require("../../helpers/ScrollLoadVideo.js")),r=require("../../components/index.js"),i=require("../../helpers/index.js"),A=require("../../shared/Styles.js"),q=require("../../hooks/useExposure.js"),k=require("../../shared/trackUrlRef.js"),F=require("../../components/button.js"),G=require("../VideoModal/index.js");const y="image",w="hero_banner",oe=({size:t="base"})=>{const{width:o,height:a}=F.sizeMap[t];return(0,e.jsx)("svg",{width:o,height:a,viewBox:"0 0 20 20",fill:"currentcolor",xmlns:"http://www.w3.org/2000/svg",children:(0,e.jsx)("path",{d:"M13.9599 9.30662C14.4547 9.63647 14.4547 10.3635 13.9599 10.6934L6.29558 15.8029C5.74179 16.1721 5 15.7751 5 15.1096V4.89042C5 4.22484 5.74179 3.82785 6.29558 4.19705L13.9599 9.30662Z",fill:"currentcolor"})})},D=s.default.forwardRef(({data:t,className:o},a)=>{const{title:c,subtitle:l,pcImage:P,padImage:Q,mobileImage:T,pcVideo:V,padVideo:I,mobileVideo:f,isShowVideo:Z,primaryButton:h,secondaryButton:p,theme:J="light",size:M="default",caption:N=[],blockLink:$}=t,L=(0,z.useMediaQuery)({query:"(max-width: 768px)"}),R=(0,z.useMediaQuery)({query:"(max-width: 1024px)"}),[C,S]=(0,s.useState)(!1),d=(0,s.useRef)(null),n=(0,s.useRef)(null);return(0,q.useExposure)(n,{componentType:y,componentName:w,componentTitle:c,componentDescription:l}),(0,s.useImperativeHandle)(a,()=>n.current),(0,_.useGSAP)(()=>{b.default.registerPlugin(u.ScrollTrigger);function B(){if(!d.current)return;const m=n.current?.clientHeight||100;window.innerHeight<=m?u.ScrollTrigger.create({trigger:n.current,start:"top bottom",end:"bottom top",scrub:!0,onUpdate:g=>{const x=g.progress*40-20;b.default.set(d.current,{yPercent:x})}}):(u.ScrollTrigger.create({trigger:n.current,start:"top bottom",end:"bottom bottom",scrub:!0,onUpdate:g=>{const x=g.progress*20-20;b.default.set(d.current,{yPercent:x})}}),u.ScrollTrigger.create({trigger:n.current,start:"top top",end:"bottom top",scrub:!0,onUpdate:g=>{const x=g.progress*20;b.default.set(d.current,{yPercent:x})}}))}return setTimeout(()=>{B()},1e3),()=>{u.ScrollTrigger.getAll().forEach(m=>m.kill())}},[]),(0,e.jsxs)("div",{ref:n,"data-ui-component-id":"HeroBanner",className:(0,i.cn)(J==="dark"?"aiui-dark":""," tablet:aspect-[768/660] text-info-primary relative aspect-[390/660] w-full overflow-hidden",{"lg-desktop:aspect-[1920/930] desktop:aspect-[1440/700] laptop:aspect-[1024/520]":M==="default","lg-desktop:aspect-[1920/720] desktop:aspect-[1440/576] laptop:aspect-[1024/432]":M==="sm"},o),children:[$&&(0,e.jsx)("a",{className:"absolute inset-0 z-10",href:(0,k.trackUrlRef)($,`${y}_${w}`),tabIndex:-1,"aria-hidden":"true"}),(0,e.jsx)("div",{ref:d,className:(0,i.cn)("absolute left-0 top-0 size-full"),children:Z?(0,e.jsx)(j.default,{poster:L?f?.url:R?I?.url||f?.url:V?.url,src:L?f?.url:R?I?.url||f?.url:V?.url,className:"laptop:w-full h-full",videoClassName:"h-full object-cover",muted:!0,loop:!0,playsInline:!0}):(0,e.jsx)(r.Picture,{className:"laptop:w-full h-full",imgClassName:"h-full object-cover",loading:"eager",fetchPriority:"high",alt:P?.alt||"",source:`${P?.url||""} , ${Q?.url??(T?.url||"")} 1024, ${T?.url||""} 767`})}),(0,e.jsxs)("div",{className:"laptop:top-1/2 laptop:-translate-y-1/2 tablet:px-[32px] laptop:px-[64px] lg-desktop:px-[calc(50%-832px)] lg-desktop:gap-[32px] absolute top-24 z-10 flex flex-col gap-[24px] px-[16px]",children:[(0,e.jsxs)("div",{className:"laptop:text-left max-w-[686px]",children:[c&&(0,e.jsx)(r.Heading,{as:"h2",size:5,className:(0,i.cn)("hero-banner-title"),html:c}),l&&(0,e.jsx)(r.Heading,{as:"h3",className:(0,i.cn)("hero-banner-subtitle font-heading lg-desktop:text-[18px] desktop:text-[16px] laptop:mt-[8px] lg-desktop:mt-[16px] mt-[4px] text-[14px]"),html:l})]}),(0,e.jsxs)("div",{className:"laptop:justify-start lg-desktop:gap-3 flex items-center gap-2",children:[p?.isShowPlayVideoButton&&p?.playVideoButtonText?(0,e.jsxs)(r.Button,{onClick:()=>S(!0),size:"lg",variant:"secondary",className:"hero-banner-play-video-button",children:[p?.playVideoButtonText," ",(0,e.jsx)(oe,{size:"lg"})]}):p?.text?(0,e.jsx)("a",{href:(0,k.trackUrlRef)(p?.link,`${y}_${w}`),children:(0,e.jsx)(r.Button,{size:"lg",variant:"secondary",className:"hero-banner-secondary-button",children:p?.text})}):null,h&&h.text&&(0,e.jsx)("a",{href:(0,k.trackUrlRef)(h.link,`${y}_${w}`),children:(0,e.jsx)(r.Button,{size:"lg",variant:"primary",className:"hero-banner-primary-button",children:h.text})})]})]}),N.length>0&&(0,e.jsx)("div",{className:"laptop:gap-3 tablet:px-[32px] laptop:px-[64px] lg-desktop:px-[calc(50%-832px)] desktop:pb-[24px] absolute bottom-0 z-10 flex items-stretch gap-2 px-[16px] pb-[16px]",children:N.map((B,m)=>(0,e.jsxs)(s.default.Fragment,{children:[(0,e.jsx)(r.Text,{size:2,className:(0,i.cn)("hero-banner-product-text tablet:w-[108px] loptop:w-[150px] desktop:w-[156px] lg-desktop:w-[180px] laptop:text-[14px] flex-1 text-[12px]"),html:B.title}),m<N.length-1&&(0,e.jsx)("div",{className:(0,i.cn)("bg-info-primary w-px")})]},m))}),C&&(0,e.jsx)(G.VideoModal,{visible:C,videoUrl:p?.videoUrl?.url,youTubeId:p?.youtubeId,onCloseModal:()=>S(!1)})]})});D.displayName="HeroBanner";var ae=(0,A.withStyles)(D);
 //# sourceMappingURL=HeroBanner.js.map