npm - @anker-in/headless-ui - Versions diffs - 1.1.33 → 1.1.34-alpha.1768470531746 - Mend

@anker-in/headless-ui 1.1.33 → 1.1.34-alpha.1768470531746

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (858) hide show

package/dist/esm/biz-components/FeatureCards/FeatureCards.d.ts CHANGED Viewed

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

package/dist/esm/biz-components/FeatureShowcase/FeatureShowcase.d.ts CHANGED Viewed

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

package/dist/esm/biz-components/Features/index.d.ts CHANGED Viewed

@@ -19,8 +19,8 @@ type FeaturesType = {
     };
     className?: string;
 };
-declare const _default: import("react").ForwardRefExoticComponent<Omit<FeaturesType, keyof import("../../shared/Styles.js").StylesProps> & Partial<import("../../shared/Styles.js").StylesProps & import("../../shared/Styles.js").ContainerProps> & {
-    className?: string;
-    data?: Record<string, any>;
+declare const _default: import("react").ForwardRefExoticComponent<FeaturesType & {
+    style?: string | React.CSSProperties;
+    container?: import("../../shared/Styles.js").ContainerProps["container"];
 } & import("react").RefAttributes<any>>;
 export default _default;

package/dist/esm/biz-components/FootCharger/index.d.ts CHANGED Viewed

@@ -5,8 +5,8 @@ type FootChargerType = {
     };
     className?: string;
 };
-declare const _default: import("react").ForwardRefExoticComponent<Omit<FootChargerType, keyof import("../../shared/Styles.js").StylesProps> & Partial<import("../../shared/Styles.js").StylesProps & import("../../shared/Styles.js").ContainerProps> & {
-    className?: string;
-    data?: Record<string, any>;
+declare const _default: import("react").ForwardRefExoticComponent<FootChargerType & {
+    style?: string | React.CSSProperties;
+    container?: import("../../shared/Styles.js").ContainerProps["container"];
 } & import("react").RefAttributes<any>>;
 export default _default;

package/dist/esm/biz-components/FooterNavigation/index.d.ts CHANGED Viewed

@@ -1,6 +1,6 @@
 import type { FooterNavigationProps } from './types.js';
-declare const _default: import("react").ForwardRefExoticComponent<Omit<FooterNavigationProps, keyof import("../../shared/Styles.js").StylesProps> & Partial<import("../../shared/Styles.js").StylesProps & import("../../shared/Styles.js").ContainerProps> & {
-    className?: string;
-    data?: Record<string, any>;
+declare const _default: import("react").ForwardRefExoticComponent<FooterNavigationProps & {
+    style?: string | React.CSSProperties;
+    container?: import("../../shared/Styles.js").ContainerProps["container"];
 } & import("react").RefAttributes<any>>;
 export default _default;

package/dist/esm/biz-components/GiftBox/index.d.ts CHANGED Viewed

@@ -10,8 +10,8 @@ type GiftBoxType = {
     };
     className?: string;
 };
-declare const _default: import("react").ForwardRefExoticComponent<Omit<GiftBoxType, keyof import("../../shared/Styles.js").StylesProps> & Partial<import("../../shared/Styles.js").StylesProps & import("../../shared/Styles.js").ContainerProps> & {
-    className?: string;
-    data?: Record<string, any>;
+declare const _default: import("react").ForwardRefExoticComponent<GiftBoxType & {
+    style?: string | React.CSSProperties;
+    container?: import("../../shared/Styles.js").ContainerProps["container"];
 } & import("react").RefAttributes<any>>;
 export default _default;

package/dist/esm/biz-components/Graphic/index.d.ts CHANGED Viewed

@@ -31,8 +31,8 @@ export interface GraphicProps extends ComponentCommonProps {
         itemTheme?: Theme;
     };
 }
-declare const _default: React.ForwardRefExoticComponent<Omit<Omit<GraphicProps & React.RefAttributes<HTMLDivElement>, keyof import("../../shared/Styles.js").StylesProps> & Partial<import("../../shared/Styles.js").StylesProps & import("../../shared/Styles.js").ContainerProps> & {
-    className?: string;
-    data?: Record<string, any>;
+declare const _default: React.ForwardRefExoticComponent<Omit<GraphicProps & React.RefAttributes<HTMLDivElement> & {
+    style?: string | React.CSSProperties;
+    container?: import("../../shared/Styles.js").ContainerProps["container"];
 }, "ref"> & React.RefAttributes<any>>;
 export default _default;

package/dist/esm/biz-components/GraphicAttractionBlock/index.d.ts CHANGED Viewed

@@ -17,9 +17,9 @@ interface GraphicAttractionBlockProps extends ComponentCommonProps {
         attractionItems?: AttractionItem[];
     };
 }
-declare const _default: React.ForwardRefExoticComponent<Omit<Omit<GraphicAttractionBlockProps & React.RefAttributes<HTMLDivElement>, keyof import("../../shared/Styles.js").StylesProps> & Partial<import("../../shared/Styles.js").StylesProps & import("../../shared/Styles.js").ContainerProps> & {
-    className?: string;
-    data?: Record<string, any>;
+declare const _default: React.ForwardRefExoticComponent<Omit<GraphicAttractionBlockProps & React.RefAttributes<HTMLDivElement> & {
+    style?: string | React.CSSProperties;
+    container?: import("../../shared/Styles.js").ContainerProps["container"];
 }, "ref"> & React.RefAttributes<any>>;
 export default _default;
 export type { GraphicAttractionBlockProps };

package/dist/esm/biz-components/GraphicMore/index.d.ts CHANGED Viewed

@@ -15,8 +15,8 @@ type GraphicMoreType = {
     };
     className?: string;
 };
-declare const _default: import("react").ForwardRefExoticComponent<Omit<GraphicMoreType, keyof import("../../shared/Styles.js").StylesProps> & Partial<import("../../shared/Styles.js").StylesProps & import("../../shared/Styles.js").ContainerProps> & {
-    className?: string;
-    data?: Record<string, any>;
+declare const _default: import("react").ForwardRefExoticComponent<GraphicMoreType & {
+    style?: string | React.CSSProperties;
+    container?: import("../../shared/Styles.js").ContainerProps["container"];
 } & import("react").RefAttributes<any>>;
 export default _default;

package/dist/esm/biz-components/GraphicOverlay/GraphicOverlay.d.ts CHANGED Viewed

@@ -1,8 +1,8 @@
 import React from 'react';
 import type { GraphicOverlayProps } from './types';
-declare const _default: React.ForwardRefExoticComponent<Omit<Omit<GraphicOverlayProps & React.RefAttributes<HTMLDivElement>, keyof import("../../shared/Styles.js").StylesProps> & Partial<import("../../shared/Styles.js").StylesProps & import("../../shared/Styles.js").ContainerProps> & {
-    className?: string;
-    data?: Record<string, any>;
+declare const _default: React.ForwardRefExoticComponent<Omit<GraphicOverlayProps & React.RefAttributes<HTMLDivElement> & {
+    style?: string | React.CSSProperties;
+    container?: import("../../shared/Styles.js").ContainerProps["container"];
 }, "ref"> & React.RefAttributes<any>>;
 export default _default;
 export type { GraphicOverlayProps };

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

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

package/dist/esm/biz-components/HeaderNavigation/MobileSidebarMenu.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/biz-components/HeaderNavigation/MobileSidebarMenu.tsx"],
-  "sourcesContent": ["import React, { useCallback, useEffect, useMemo, useState } from 'react'\nimport { Button, Text, Link } from '../../components/index.js'\nimport { HeaderNavigationMenu } from './types.js'\nimport { useNavContext } from './NavProvider.js'\nimport { MenuItem, SubSubCategoryItemComp, SubSubCategoryContentComp } from './MobileMenuComponents.js'\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 */\nexport const MobileSidebarMenu = ({\n  sidebarCategoriesMetadata,\n  seriesMetadata,\n}: {\n  sidebarCategoriesMetadata: any\n  seriesMetadata: any\n}) => {\n  const {\n    currentMenu,\n    setCurrentMenu,\n    subSubCategory,\n    setSubSubCategory,\n    setCurrentSeriesMetadata,\n    currentSeriesMetadata,\n    buildProps,\n    onSidebarNavClick,\n  } = useNavContext()\n  const [expandedSubcategory, setExpandedSubcategory] = useState<{ index: number; open: boolean }[]>([])\n  const [expandedSeriesCategories, setExpandedSeriesCategories] = useState<{ index: number; open: boolean }[]>([])\n\n  useEffect(() => {\n    if (sidebarCategoriesMetadata?.subcategories?.length) {\n      setExpandedSubcategory(\n        sidebarCategoriesMetadata?.subcategories?.map((_: any, index: number) => ({\n          index,\n          open: false,\n        }))\n      )\n    }\n  }, [sidebarCategoriesMetadata])\n\n  useEffect(() => {\n    if (subSubCategory?.subSubCategories?.length) {\n      setExpandedSeriesCategories(\n        subSubCategory?.subSubCategories?.map((_: any, index: number) => ({\n          index,\n          open: index === 0,\n        }))\n      )\n    }\n  }, [subSubCategory])\n\n  const handleSubSubCategoryClick = useCallback(\n    (item: any, subIndex?: number) => {\n      setCurrentMenu && setCurrentMenu(HeaderNavigationMenu.Third)\n      setSubSubCategory?.(item)\n      const curSeriesMetadata =\n        seriesMetadata?.find((seriesItem: any) =>\n          subIndex !== undefined\n            ? item?.subSubCategories?.[subIndex]?.label?.toLowerCase() === seriesItem.label?.toLowerCase()\n            : item?.label?.toLowerCase() === seriesItem.label?.toLowerCase()\n        ) || {}\n      // \u901A\u8FC7categoriesMetadata\u7684subSubCategories\u7684label\u4E0Eseries\u7684label\u5339\u914D\n      if (item?.collections) {\n        const category = buildProps?.categories?.[item?.collections] || {}\n        setCurrentSeriesMetadata?.({\n          label: curSeriesMetadata?.label,\n          isCollection: true,\n          banner: curSeriesMetadata?.banner,\n          primary: curSeriesMetadata?.primary,\n          guide: curSeriesMetadata?.guide,\n          series: [\n            {\n              products: category?.products,\n            },\n          ],\n        })\n      } else {\n        setCurrentSeriesMetadata?.(curSeriesMetadata)\n      }\n    },\n    [seriesMetadata, setCurrentMenu, setSubSubCategory, setCurrentSeriesMetadata, buildProps?.categories]\n  )\n\n  const defaultGuide = useMemo(() => {\n    return seriesMetadata?.find((item: any) => !!item?.guide)?.guide\n  }, [seriesMetadata])\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 tablet:justify-start tablet:gap-16 flex h-full flex-col justify-between p-4\">\n            <div>\n              {sidebarCategoriesMetadata?.subcategories?.map((item: any, index: number) => {\n                return (\n                  <div key={`${item.label}-${index}`}>\n                    <MenuItem\n                      label={item?.label}\n                      active={expandedSubcategory.find(item => item.index === index)?.open}\n                      onClick={() => {\n                        handleSubSubCategoryClick(item)\n                        onSidebarNavClick?.(item, index)\n                      }}\n                    />\n                  </div>\n                )\n              })}\n            </div>\n            <div className=\"tablet:items-start flex flex-col items-center gap-4\">\n              {sidebarCategoriesMetadata?.primary && (\n                <Button\n                  as=\"a\"\n                  href={`${sidebarCategoriesMetadata?.primary?.url}?ref=${sidebarCategoriesMetadata?.primary?.label}_shopall`}\n                  variant=\"primary\"\n                  size=\"lg\"\n                  className=\"tablet:w-auto w-full text-base\"\n                >\n                  {sidebarCategoriesMetadata?.primary?.label}\n                </Button>\n              )}\n              {sidebarCategoriesMetadata?.secondary && (\n                <Button\n                  as=\"a\"\n                  href={sidebarCategoriesMetadata?.secondary?.url}\n                  variant=\"link\"\n                  size=\"lg\"\n                  className=\"tablet:w-auto tablet:px-0 w-full py-0 text-base\"\n                >\n                  {sidebarCategoriesMetadata?.secondary?.label}\n                </Button>\n              )}\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 p-4\">\n            {subSubCategory?.subSubCategories ? (\n              subSubCategory?.subSubCategories?.map((subSubCategoryItem: any, index: number) => {\n                const curSeriesMetadata =\n                  seriesMetadata?.find(\n                    (item: any) => item.label.toLowerCase() === subSubCategoryItem?.label?.toLowerCase()\n                  ) || {}\n                let matchSeriesMetadata = {} as any\n                if (subSubCategoryItem?.collections) {\n                  const category = buildProps?.categories?.[subSubCategoryItem?.collections] || {}\n                  matchSeriesMetadata = {\n                    label: curSeriesMetadata?.label,\n                    isCollection: true,\n                    banner: curSeriesMetadata?.banner,\n                    primary: curSeriesMetadata?.primary,\n                    guide: curSeriesMetadata?.guide,\n                    series: [\n                      {\n                        products: category?.products,\n                      },\n                    ],\n                  }\n                } else {\n                  matchSeriesMetadata = curSeriesMetadata\n                }\n                return (\n                  <div key={`${subSubCategoryItem.label}-${index}`}>\n                    {Reflect.ownKeys(subSubCategoryItem).length > 0 && (\n                      <SubSubCategoryItemComp\n                        matchSeriesMetadata={matchSeriesMetadata}\n                        onSubSubCategoryItemClick={() => {\n                          onSidebarNavClick?.(subSubCategoryItem, index)\n                          setExpandedSeriesCategories(prev =>\n                            prev.map((item, i) => ({ ...item, open: i === index ? !item.open : item.open }))\n                          )\n                        }}\n                        expanded={!!expandedSeriesCategories?.find(item => item.index === index)?.open}\n                      />\n                    )}\n                    {expandedSeriesCategories?.find(item => item.index === index)?.open && (\n                      <>\n                        <SubSubCategoryContentComp matchSeriesMetadata={matchSeriesMetadata} />\n                        {matchSeriesMetadata?.primary && (\n                          <div className=\"my-4 text-center\">\n                            <Button\n                              as=\"a\"\n                              href={matchSeriesMetadata?.primary?.url}\n                              className=\"text-base leading-[1.2] no-underline\"\n                              variant=\"secondary\"\n                              size=\"base\"\n                            >\n                              {matchSeriesMetadata?.primary?.label}\n                            </Button>\n                          </div>\n                        )}\n                      </>\n                    )}\n                    {matchSeriesMetadata?.guide?.label && (\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                    )}\n                  </div>\n                )\n              })\n            ) : (\n              <>\n                {Reflect.ownKeys(currentSeriesMetadata).length > 0 && (\n                  <SubSubCategoryItemComp matchSeriesMetadata={currentSeriesMetadata} />\n                )}\n                <SubSubCategoryContentComp matchSeriesMetadata={currentSeriesMetadata} />\n                {currentSeriesMetadata?.primary && (\n                  <div className=\"my-4 text-center \">\n                    <Button\n                      as=\"a\"\n                      href={`${currentSeriesMetadata?.primary?.url}?ref=${currentSeriesMetadata?.label}_viewmore`}\n                      variant=\"secondary\"\n                      size=\"base\"\n                      className=\"text-base leading-[1.2] no-underline\"\n                    >\n                      {currentSeriesMetadata?.primary?.label}\n                    </Button>\n                  </div>\n                )}\n                {currentSeriesMetadata?.guide?.label && (\n                  <Link href={currentSeriesMetadata?.guide?.url}>\n                    <div className=\"mt-4\">\n                      <Text\n                        html={currentSeriesMetadata?.guide?.label}\n                        className=\"text-sm font-bold leading-[1.2] text-[#6D6D6F]\"\n                      />\n                    </div>\n                  </Link>\n                )}\n              </>\n            )}\n          </div>\n        )\n      default:\n        return null\n    }\n  }, [\n    currentMenu,\n    sidebarCategoriesMetadata,\n    seriesMetadata,\n    expandedSubcategory,\n    expandedSeriesCategories,\n    subSubCategory,\n    currentSeriesMetadata,\n    buildProps?.categories,\n    handleSubSubCategoryClick,\n    onSidebarNavClick,\n  ])\n\n  return MobileSidebarMenuComp\n}\n"],
-  "mappings": "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",
-  "names": ["Fragment", "jsx", "jsxs", "useCallback", "useEffect", "useMemo", "useState", "Button", "Text", "Link", "HeaderNavigationMenu", "useNavContext", "MenuItem", "SubSubCategoryItemComp", "SubSubCategoryContentComp", "MobileSidebarMenu", "sidebarCategoriesMetadata", "seriesMetadata", "currentMenu", "setCurrentMenu", "subSubCategory", "setSubSubCategory", "setCurrentSeriesMetadata", "currentSeriesMetadata", "buildProps", "onSidebarNavClick", "expandedSubcategory", "setExpandedSubcategory", "expandedSeriesCategories", "setExpandedSeriesCategories", "_", "index", "handleSubSubCategoryClick", "item", "subIndex", "curSeriesMetadata", "seriesItem", "category", "defaultGuide", "subSubCategoryItem", "matchSeriesMetadata", "prev", "i"]
+  "sourcesContent": ["import React, { useCallback, useEffect, useMemo, useState } from 'react'\nimport { Button, Text, Link } from '../../components/index.js'\nimport { HeaderNavigationMenu } from './types.js'\nimport { useNavContext } from './NavProvider.js'\nimport { MenuItem, SubSubCategoryItemComp, SubSubCategoryContentComp } from './MobileMenuComponents.js'\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 */\nexport const MobileSidebarMenu = ({\n  sidebarCategoriesMetadata,\n  seriesMetadata,\n}: {\n  sidebarCategoriesMetadata: any\n  seriesMetadata: any\n}) => {\n  const {\n    currentMenu,\n    setCurrentMenu,\n    subSubCategory,\n    setSubSubCategory,\n    setCurrentSeriesMetadata,\n    currentSeriesMetadata,\n    buildProps,\n    onSidebarNavClick,\n  } = useNavContext()\n  const [expandedSubcategory, setExpandedSubcategory] = useState<{ index: number; open: boolean }[]>([])\n  const [expandedSeriesCategories, setExpandedSeriesCategories] = useState<{ index: number; open: boolean }[]>([])\n\n  useEffect(() => {\n    if (sidebarCategoriesMetadata?.subcategories?.length) {\n      setExpandedSubcategory(\n        sidebarCategoriesMetadata?.subcategories?.map((_: any, index: number) => ({\n          index,\n          open: false,\n        }))\n      )\n    }\n  }, [sidebarCategoriesMetadata])\n\n  useEffect(() => {\n    if (subSubCategory?.subSubCategories?.length) {\n      setExpandedSeriesCategories(\n        subSubCategory?.subSubCategories?.map((_: any, index: number) => ({\n          index,\n          open: index === 0,\n        }))\n      )\n    }\n  }, [subSubCategory])\n\n  const handleSubSubCategoryClick = useCallback(\n    (item: any, subIndex?: number) => {\n      setCurrentMenu && setCurrentMenu(HeaderNavigationMenu.Third)\n      setSubSubCategory?.(item)\n      const curSeriesMetadata =\n        seriesMetadata?.find((seriesItem: any) =>\n          subIndex !== undefined\n            ? item?.subSubCategories?.[subIndex]?.label?.toLowerCase() === seriesItem.label?.toLowerCase()\n            : item?.label?.toLowerCase() === seriesItem.label?.toLowerCase()\n        ) || {}\n      // \u901A\u8FC7categoriesMetadata\u7684subSubCategories\u7684label\u4E0Eseries\u7684label\u5339\u914D\n      if (item?.collections) {\n        const category = buildProps?.categories?.[item?.collections] || {}\n        setCurrentSeriesMetadata?.({\n          label: curSeriesMetadata?.label,\n          isCollection: true,\n          banner: curSeriesMetadata?.banner,\n          primary: curSeriesMetadata?.primary,\n          series: [\n            {\n              products: category?.products,\n            },\n          ],\n        })\n      } else {\n        setCurrentSeriesMetadata?.(curSeriesMetadata)\n      }\n    },\n    [seriesMetadata, setCurrentMenu, setSubSubCategory, setCurrentSeriesMetadata, buildProps?.categories]\n  )\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 tablet:justify-start tablet:gap-16 flex h-full flex-col justify-between p-4\">\n            <div>\n              {sidebarCategoriesMetadata?.subcategories?.map((item: any, index: number) => {\n                return (\n                  <div key={`${item.label}-${index}`}>\n                    <MenuItem\n                      label={item?.label}\n                      active={expandedSubcategory.find(item => item.index === index)?.open}\n                      onClick={() => {\n                        handleSubSubCategoryClick(item)\n                        onSidebarNavClick?.(item, index)\n                      }}\n                    />\n                  </div>\n                )\n              })}\n              {sidebarCategoriesMetadata?.guide?.label && (\n                <Link href={sidebarCategoriesMetadata?.guide?.url}>\n                  <div className=\"mt-4\">\n                    <Text\n                      html={sidebarCategoriesMetadata?.guide?.label}\n                      className=\"text-sm font-bold leading-[1.2] text-[#6D6D6F]\"\n                    />\n                  </div>\n                </Link>\n              )}\n            </div>\n            <div className=\"tablet:items-start flex flex-col items-center gap-4\">\n              {sidebarCategoriesMetadata?.primary && (\n                <Button\n                  as=\"a\"\n                  href={`${sidebarCategoriesMetadata?.primary?.url}?ref=${sidebarCategoriesMetadata?.primary?.label}_shopall`}\n                  variant=\"primary\"\n                  size=\"lg\"\n                  className=\"tablet:w-auto w-full text-base\"\n                >\n                  {sidebarCategoriesMetadata?.primary?.label}\n                </Button>\n              )}\n              {sidebarCategoriesMetadata?.secondary && (\n                <Button\n                  as=\"a\"\n                  href={sidebarCategoriesMetadata?.secondary?.url}\n                  variant=\"link\"\n                  size=\"lg\"\n                  className=\"tablet:w-auto tablet:px-0 w-full py-0 text-base\"\n                >\n                  {sidebarCategoriesMetadata?.secondary?.label}\n                </Button>\n              )}\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 p-4\">\n            {subSubCategory?.subSubCategories ? (\n              subSubCategory?.subSubCategories?.map((subSubCategoryItem: any, index: number) => {\n                const curSeriesMetadata =\n                  seriesMetadata?.find(\n                    (item: any) => item.label.toLowerCase() === subSubCategoryItem?.label?.toLowerCase()\n                  ) || {}\n                let matchSeriesMetadata = {} as any\n                if (subSubCategoryItem?.collections) {\n                  const category = buildProps?.categories?.[subSubCategoryItem?.collections] || {}\n                  matchSeriesMetadata = {\n                    label: curSeriesMetadata?.label,\n                    isCollection: true,\n                    banner: curSeriesMetadata?.banner,\n                    primary: curSeriesMetadata?.primary,\n                    series: [\n                      {\n                        products: category?.products,\n                      },\n                    ],\n                  }\n                } else {\n                  matchSeriesMetadata = curSeriesMetadata\n                }\n                return (\n                  <div key={`${subSubCategoryItem.label}-${index}`}>\n                    {Reflect.ownKeys(subSubCategoryItem).length > 0 && (\n                      <SubSubCategoryItemComp\n                        matchSeriesMetadata={matchSeriesMetadata}\n                        onSubSubCategoryItemClick={() => {\n                          onSidebarNavClick?.(subSubCategoryItem, index)\n                          setExpandedSeriesCategories(prev =>\n                            prev.map((item, i) => ({ ...item, open: i === index ? !item.open : item.open }))\n                          )\n                        }}\n                        expanded={!!expandedSeriesCategories?.find(item => item.index === index)?.open}\n                      />\n                    )}\n                    {expandedSeriesCategories?.find(item => item.index === index)?.open && (\n                      <>\n                        <SubSubCategoryContentComp matchSeriesMetadata={matchSeriesMetadata} />\n                        {matchSeriesMetadata?.primary && (\n                          <div className=\"my-4 text-center\">\n                            <Button\n                              as=\"a\"\n                              href={matchSeriesMetadata?.primary?.url}\n                              className=\"text-base leading-[1.2] no-underline\"\n                              variant=\"secondary\"\n                              size=\"base\"\n                            >\n                              {matchSeriesMetadata?.primary?.label}\n                            </Button>\n                          </div>\n                        )}\n                      </>\n                    )}\n                  </div>\n                )\n              })\n            ) : (\n              <>\n                {Reflect.ownKeys(currentSeriesMetadata).length > 0 && (\n                  <SubSubCategoryItemComp matchSeriesMetadata={currentSeriesMetadata} />\n                )}\n                <SubSubCategoryContentComp matchSeriesMetadata={currentSeriesMetadata} />\n                {currentSeriesMetadata?.primary && (\n                  <div className=\"my-4 text-center \">\n                    <Button\n                      as=\"a\"\n                      href={`${currentSeriesMetadata?.primary?.url}?ref=${currentSeriesMetadata?.label}_viewmore`}\n                      variant=\"secondary\"\n                      size=\"base\"\n                      className=\"text-base leading-[1.2] no-underline\"\n                    >\n                      {currentSeriesMetadata?.primary?.label}\n                    </Button>\n                  </div>\n                )}\n              </>\n            )}\n          </div>\n        )\n      default:\n        return null\n    }\n  }, [\n    currentMenu,\n    sidebarCategoriesMetadata,\n    seriesMetadata,\n    expandedSubcategory,\n    expandedSeriesCategories,\n    subSubCategory,\n    currentSeriesMetadata,\n    buildProps?.categories,\n    handleSubSubCategoryClick,\n    onSidebarNavClick,\n  ])\n\n  return MobileSidebarMenuComp\n}\n"],
+  "mappings": "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",
+  "names": ["Fragment", "jsx", "jsxs", "useCallback", "useEffect", "useMemo", "useState", "Button", "Text", "Link", "HeaderNavigationMenu", "useNavContext", "MenuItem", "SubSubCategoryItemComp", "SubSubCategoryContentComp", "MobileSidebarMenu", "sidebarCategoriesMetadata", "seriesMetadata", "currentMenu", "setCurrentMenu", "subSubCategory", "setSubSubCategory", "setCurrentSeriesMetadata", "currentSeriesMetadata", "buildProps", "onSidebarNavClick", "expandedSubcategory", "setExpandedSubcategory", "expandedSeriesCategories", "setExpandedSeriesCategories", "_", "index", "handleSubSubCategoryClick", "item", "subIndex", "curSeriesMetadata", "seriesItem", "category", "subSubCategoryItem", "matchSeriesMetadata", "prev", "i"]
 }

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

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

package/dist/esm/biz-components/HeaderNavigation/SidebarDropdown.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/biz-components/HeaderNavigation/SidebarDropdown.tsx"],
-  "sourcesContent": ["import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react'\nimport { Button, Container, Text, Link, Heading, Picture } from '../../components/index.js'\nimport { cn, atobID } from '../../helpers/utils.js'\nimport { DownArrow } from './icons/index.js'\nimport { useNavContext } from './NavProvider.js'\nimport type { Product, ProductVariant } from '../../cpn-components/CpnProductCard/types.js'\n\n/**\n * \u4FA7\u8FB9\u680F\u4E0B\u62C9\n * @param categoriesItem \u5206\u7C7B\u9879\n */\nexport const SidebarDropdown = React.memo(\n  ({ sidebarCategoriesMetadata, seriesMetadata }: { sidebarCategoriesMetadata: any; seriesMetadata: any }) => {\n    const { buildProps, onSidebarNavClick } = useNavContext()\n    const [expandedSubcategory, setExpandedSubcategory] = useState<{ index: number; open: boolean }[]>([])\n    const [activeSubSubcategoryIndex, setActiveSubSubcategoryIndex] = useState(-1)\n    const sidebarDropdownRef = useRef<HTMLDivElement>(null)\n\n    const initExpandedSubcategory = useCallback(() => {\n      const subcategories = sidebarCategoriesMetadata?.subcategories\n      if (!subcategories?.length) return\n\n      const withSubSubCategoriesIndex = subcategories.findIndex((item: any) => !!item?.subSubCategories)\n      const withoutSubSubCategoriesIndex = subcategories.findIndex((item: any) => !item?.subSubCategories)\n\n      // \u521B\u5EFA\u5C55\u5F00\u72B6\u6001\u6570\u7EC4\n      const expandedStates = subcategories.map((_: any, index: number) => ({\n        index,\n        open: withSubSubCategoriesIndex === index || withoutSubSubCategoriesIndex === index,\n      }))\n\n      setExpandedSubcategory(expandedStates)\n    }, [sidebarCategoriesMetadata])\n\n    useEffect(() => {\n      initExpandedSubcategory()\n    }, [initExpandedSubcategory])\n\n    // \u901A\u8FC7categoriesMetadata\u7684subSubCategories\u7684label\u4E0Eseries\u7684label\u5339\u914D\n    const matchSeriesMetadata = useMemo(() => {\n      const subCategory =\n        sidebarCategoriesMetadata?.subcategories?.[expandedSubcategory?.find(item => item.open)?.index || 0]\n      const currentSeriesMetadata =\n        seriesMetadata?.find((item: any) => item?.label?.toLowerCase() === subCategory?.label?.toLowerCase()) || {}\n      if (subCategory?.collections) {\n        const category = buildProps?.categories?.[subCategory?.collections] || {}\n        return {\n          label: currentSeriesMetadata?.label,\n          isCollection: true,\n          banner: currentSeriesMetadata?.banner,\n          primary: currentSeriesMetadata?.primary,\n          guide: currentSeriesMetadata?.guide,\n          series: [\n            {\n              products: category?.products,\n            },\n          ],\n        }\n      } else {\n        if (subCategory?.subSubCategories) {\n          const activeSubSubcategory = subCategory?.subSubCategories?.[activeSubSubcategoryIndex]\n          const currentActiveSeriesMetadata =\n            seriesMetadata?.find(\n              (item: any) => item?.label?.toLowerCase() === activeSubSubcategory?.label?.toLowerCase()\n            ) || {}\n          if (activeSubSubcategory?.collections) {\n            const category = buildProps?.categories?.[activeSubSubcategory?.collections] || {}\n            return {\n              label: currentActiveSeriesMetadata?.label,\n              isCollection: true,\n              banner: currentActiveSeriesMetadata?.banner,\n              primary: currentActiveSeriesMetadata?.primary,\n              guide: currentActiveSeriesMetadata?.guide,\n              series: [\n                {\n                  products: category?.products,\n                },\n              ],\n            }\n          } else {\n            return currentActiveSeriesMetadata\n          }\n        } else {\n          return currentSeriesMetadata\n        }\n      }\n    }, [sidebarCategoriesMetadata, expandedSubcategory, activeSubSubcategoryIndex, seriesMetadata, buildProps])\n\n    const handleSubcategoryOpen = useCallback((index: number, subcategoryItem: any) => {\n      subcategoryItem?.subSubCategories?.length > 0 ? setActiveSubSubcategoryIndex(0) : setActiveSubSubcategoryIndex(-1)\n\n      setExpandedSubcategory(prev => prev.map((item, i) => ({ ...item, open: i === index ? !item.open : false })))\n    }, [])\n\n    const handleSubSubcategoryOpen = (index: number, subSubindex: number) => {\n      setExpandedSubcategory(prev =>\n        prev.map(item => (item.index === index ? { ...item, open: true } : { ...item, open: false }))\n      )\n      setActiveSubSubcategoryIndex(subSubindex)\n    }\n\n    return (\n      <Container childClassName=\"lg-desktop:gap-12 flex bg-white gap-8\">\n        <div\n          className=\"lg-desktop:basis-[356px] flex basis-[284px] flex-col gap-4 py-4\"\n          style={{\n            userSelect: 'none',\n          }}\n          ref={sidebarDropdownRef}\n        >\n          <div\n            className=\"desktop:h-[416px] flex flex-col overflow-y-auto\"\n            style={{\n              scrollbarWidth: 'none',\n              msOverflowStyle: 'none',\n            }}\n          >\n            {sidebarCategoriesMetadata?.subcategories?.map((subItem: any, index: number) => {\n              const hasSubSubCategory =\n                Array.isArray(subItem?.subSubCategories) && subItem?.subSubCategories?.length > 0\n              const isExpanded = expandedSubcategory?.find(item => item.index === index)?.open\n              return (\n                <div key={`subcategoryItem-${index}`}>\n                  <button\n                    className={cn(\n                      'flex w-full cursor-pointer items-center justify-between border-0 bg-transparent text-left',\n                      {\n                        'bg-[#F5F5F7]': !hasSubSubCategory && isExpanded,\n                      }\n                    )}\n                    onClick={() => {\n                      handleSubcategoryOpen(index, subItem)\n                      onSidebarNavClick?.(subItem, index)\n                    }}\n                    aria-expanded={hasSubSubCategory ? isExpanded : undefined}\n                    aria-haspopup={hasSubSubCategory ? 'true' : undefined}\n                  >\n                    <Text html={subItem.label} className=\"p-4 text-sm font-bold leading-[1.4]\" />\n                    {hasSubSubCategory && (\n                      <DownArrow\n                        aria-hidden=\"true\"\n                        className={cn('size-4', {\n                          ['rotate-180']: isExpanded,\n                        })}\n                      />\n                    )}\n                  </button>\n                  {isExpanded && (\n                    <div className=\"flex flex-col\" role=\"menu\">\n                      {subItem.subSubCategories?.map((subSubItem: any, subSubindex: number) => (\n                        <button\n                          onClick={() => {\n                            handleSubSubcategoryOpen(index, subSubindex)\n                            onSidebarNavClick?.(subSubItem, subSubindex)\n                          }}\n                          key={`subSubItem-${index}-${subSubindex}`}\n                          className={cn(\n                            'w-full cursor-pointer border-0 bg-transparent px-6 py-4 text-left hover:bg-[#F5F5F7]',\n                            {\n                              'bg-[#F5F5F7]': activeSubSubcategoryIndex === subSubindex,\n                            }\n                          )}\n                          role=\"menuitem\"\n                          aria-label={subSubItem.label}\n                        >\n                          <Text html={subSubItem.label} className=\"text-sm font-bold leading-[1.4] text-[#4A4C56]\" />\n                        </button>\n                      ))}\n                    </div>\n                  )}\n                </div>\n              )\n            })}\n          </div>\n          {sidebarCategoriesMetadata && (\n            <div className=\"flex\">\n              <div className=\"flex flex-col gap-4\">\n                {sidebarCategoriesMetadata?.primary && (\n                  <Button\n                    as=\"a\"\n                    href={`${sidebarCategoriesMetadata?.primary?.url}?ref=${sidebarCategoriesMetadata?.primary?.label}_shopall`}\n                    variant=\"primary\"\n                    size=\"lg\"\n                    className=\"lg-desktop:text-base text-sm\"\n                  >\n                    {sidebarCategoriesMetadata?.primary?.label}\n                  </Button>\n                )}\n                {sidebarCategoriesMetadata?.secondary && (\n                  <Button\n                    as=\"a\"\n                    href={sidebarCategoriesMetadata?.secondary?.url}\n                    variant=\"link\"\n                    size=\"lg\"\n                    iconClassName=\"size-4\"\n                    className=\"lg-desktop:text-base justify-start !p-0 text-sm\"\n                  >\n                    {sidebarCategoriesMetadata?.secondary?.label}\n                  </Button>\n                )}\n              </div>\n            </div>\n          )}\n        </div>\n        <div className=\"flex-1 py-4\">\n          {Reflect.ownKeys(matchSeriesMetadata).length > 0 && (\n            <div className=\"mb-4 flex items-center justify-between\">\n              <div className=\"flex items-center gap-2\">\n                <Text\n                  html={matchSeriesMetadata?.label}\n                  className=\"lg-desktop:text-2xl text-xl font-bold leading-[1.4]\"\n                />\n                {matchSeriesMetadata?.primary && !matchSeriesMetadata?.primary?.hide && (\n                  <Button\n                    as=\"a\"\n                    href={`${matchSeriesMetadata?.primary?.url}?ref=${matchSeriesMetadata?.label}_viewmore`}\n                    variant=\"link\"\n                    size=\"lg\"\n                    iconClassName=\"size-4\"\n                    className=\"lg-desktop:text-base justify-start !p-0 text-sm font-bold leading-[1.2] no-underline\"\n                  >\n                    {matchSeriesMetadata?.primary?.label}\n                  </Button>\n                )}\n              </div>\n              <Link\n                href={matchSeriesMetadata?.guide?.url}\n                className=\"lg-desktop:text-base text-sm leading-[1.2] text-[#6D6D6F]\"\n              >\n                {matchSeriesMetadata?.guide?.label}\n              </Link>\n            </div>\n          )}\n          <div\n            className=\"flex h-[426px] flex-col gap-4 overflow-y-auto\"\n            style={{\n              scrollbarWidth: 'none',\n              msOverflowStyle: 'none',\n            }}\n          >\n            {matchSeriesMetadata?.series?.map((seriesItem: any, seriesIndex: number) => (\n              <div key={`seriesItem-${seriesIndex}`}>\n                {seriesItem.label && (\n                  <Text\n                    html={seriesItem.label}\n                    as=\"p\"\n                    className=\"mb-2 text-sm font-bold leading-[1.4] text-[#6D6D6F]\"\n                  />\n                )}\n                <div className=\"grid grid-cols-3 gap-4\">\n                  {!!matchSeriesMetadata?.banner && (\n                    <Link asChild={!matchSeriesMetadata?.banner?.href} href={matchSeriesMetadata?.banner?.href}>\n                      <div className=\"relative [&_img]:hover:scale-110 [&_img]:hover:transition-all [&_img]:hover:duration-500\">\n                        <Picture\n                          source={matchSeriesMetadata?.banner?.imageUrl}\n                          className=\"laptop:h-[120px] h-[114px]\"\n                          imgClassName=\"object-cover h-full\"\n                        />\n                        <div className=\"absolute inset-x-0 bottom-0 p-4\">\n                          <Heading\n                            size={2}\n                            html={matchSeriesMetadata?.banner?.title || 'Buy in Guide'}\n                            className={cn('font-bold text-white', {\n                              'text-black': matchSeriesMetadata?.banner?.theme === 'dark',\n                            })}\n                          />\n                          <Text\n                            html={matchSeriesMetadata?.banner?.desc || '20.000mAh'}\n                            className={cn('text-sm font-bold text-white', {\n                              'text-black': matchSeriesMetadata?.banner?.theme === 'dark',\n                            })}\n                          />\n                        </div>\n                      </div>\n                    </Link>\n                  )}\n                  {seriesItem.products?.map((product: any, index: number) => (\n                    <SeriesProductItem\n                      seriesLabel={matchSeriesMetadata?.label}\n                      key={`seriesProductItem-${index}`}\n                      product={product}\n                      isCollection={matchSeriesMetadata?.isCollection}\n                    />\n                  ))}\n                </div>\n              </div>\n            ))}\n          </div>\n        </div>\n      </Container>\n    )\n  }\n)\n\nSidebarDropdown.displayName = 'SidebarDropdown'\n\n/**\n * \u7CFB\u5217\u4EA7\u54C1\u9879\u7EC4\u4EF6\n */\nexport const SeriesProductItem = ({\n  product,\n  isCollection,\n  position,\n  seriesLabel,\n}: {\n  product: any\n  isCollection?: boolean\n  position?: number\n  seriesLabel?: string\n}) => {\n  const { buildProps, onSeriesProductClick } = useNavContext()\n  let productData = isCollection\n    ? product\n    : buildProps?.products?.find((item: Product) => item.handle === product.handle)\n  const variant =\n    productData?.variants?.find((item: ProductVariant) => item.sku === product.sku) || productData?.variants?.[0]\n\n  const listingLink = useMemo(() => {\n    return `/products/${productData?.handle}?variant=${atobID(variant?.id as string)}`\n  }, [productData?.handle, variant?.id])\n\n  const tags = useMemo(() => {\n    return productData?.tags\n      ?.filter?.((item: any) => item?.startsWith?.('CLtag'))\n      ?.map?.((item: any) => item?.replace?.('CLtag:', ''))\n      ?.slice?.(0, 2)\n  }, [productData?.tags])\n\n  if (!variant?.availableForSale) return null\n\n  return (\n    <Link\n      href={listingLink}\n      onClick={e => {\n        e.preventDefault()\n        window.open(listingLink, '_self')\n        onSeriesProductClick?.(productData, position || 0, seriesLabel)\n      }}\n      className=\"no-underline hover:text-current\"\n    >\n      <div className=\"flex shrink-0 items-center gap-4 bg-[#F5F5F7] px-4 py-3 [&_img]:hover:scale-110 [&_img]:hover:duration-500\">\n        <div className=\"shrink-0\">\n          <img\n            src={`${variant?.image?.url || product?.images?.[0]?.url}`}\n            loading=\"lazy\"\n            alt={productData?.title || product?.name}\n            width={90}\n            height={90}\n            className=\"size-[96px] object-contain\"\n          />\n        </div>\n        <div className=\"relative\">\n          <div className=\"flex gap-1\">\n            {Array.isArray(tags) &&\n              tags?.map((tag: string, index: number) => (\n                <Text\n                  key={index}\n                  as=\"p\"\n                  html={tag}\n                  className=\"text-brand-0 mb-1 inline-block h-[24px] whitespace-nowrap rounded-full border-[1.6px] border-[#00BEFA] px-[6px] text-xs font-bold !leading-[22px]\"\n                />\n              ))}\n          </div>\n          <Text\n            className=\"lg-desktop:h-[44px] lg-desktop:text-base line-clamp-2 h-[40px] text-sm font-bold leading-[1.4]\"\n            html={productData?.title || product?.name}\n          />\n          {product?.desc && (\n            <Text\n              as=\"p\"\n              html={product?.desc}\n              className=\"lg-desktop:text-sm mt-1 line-clamp-1 text-xs font-bold leading-[1.4] text-[#6D6D6F]\"\n            />\n          )}\n        </div>\n      </div>\n    </Link>\n  )\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react'\nimport { Button, Container, Text, Link, Heading, Picture } from '../../components/index.js'\nimport { cn, atobID } from '../../helpers/utils.js'\nimport { DownArrow } from './icons/index.js'\nimport { useNavContext } from './NavProvider.js'\nimport type { Product, ProductVariant } from '../../cpn-components/CpnProductCard/types.js'\n\n/**\n * \u4FA7\u8FB9\u680F\u4E0B\u62C9\n * @param categoriesItem \u5206\u7C7B\u9879\n */\nexport const SidebarDropdown = React.memo(\n  ({ sidebarCategoriesMetadata, seriesMetadata }: { sidebarCategoriesMetadata: any; seriesMetadata: any }) => {\n    const { buildProps, onSidebarNavClick } = useNavContext()\n    const [expandedSubcategory, setExpandedSubcategory] = useState<{ index: number; open: boolean }[]>([])\n    const [activeSubSubcategoryIndex, setActiveSubSubcategoryIndex] = useState(-1)\n    const sidebarDropdownRef = useRef<HTMLDivElement>(null)\n\n    const initExpandedSubcategory = useCallback(() => {\n      const subcategories = sidebarCategoriesMetadata?.subcategories\n      if (!subcategories?.length) return\n\n      const withSubSubCategoriesIndex = subcategories.findIndex((item: any) => !!item?.subSubCategories)\n      const withoutSubSubCategoriesIndex = subcategories.findIndex((item: any) => !item?.subSubCategories)\n\n      // \u521B\u5EFA\u5C55\u5F00\u72B6\u6001\u6570\u7EC4\n      const expandedStates = subcategories.map((_: any, index: number) => ({\n        index,\n        open: withSubSubCategoriesIndex === index || withoutSubSubCategoriesIndex === index,\n      }))\n\n      setExpandedSubcategory(expandedStates)\n    }, [sidebarCategoriesMetadata])\n\n    useEffect(() => {\n      initExpandedSubcategory()\n    }, [initExpandedSubcategory])\n\n    // \u901A\u8FC7categoriesMetadata\u7684subSubCategories\u7684label\u4E0Eseries\u7684label\u5339\u914D\n    const matchSeriesMetadata = useMemo(() => {\n      const subCategory =\n        sidebarCategoriesMetadata?.subcategories?.[expandedSubcategory?.find(item => item.open)?.index || 0]\n      const currentSeriesMetadata =\n        seriesMetadata?.find((item: any) => item?.label?.toLowerCase() === subCategory?.label?.toLowerCase()) || {}\n      if (subCategory?.collections) {\n        const category = buildProps?.categories?.[subCategory?.collections] || {}\n        return {\n          label: currentSeriesMetadata?.label,\n          isCollection: true,\n          banner: currentSeriesMetadata?.banner,\n          primary: currentSeriesMetadata?.primary,\n          series: [\n            {\n              products: category?.products,\n            },\n          ],\n        }\n      } else {\n        if (subCategory?.subSubCategories) {\n          const activeSubSubcategory = subCategory?.subSubCategories?.[activeSubSubcategoryIndex]\n          const currentActiveSeriesMetadata =\n            seriesMetadata?.find(\n              (item: any) => item?.label?.toLowerCase() === activeSubSubcategory?.label?.toLowerCase()\n            ) || {}\n          if (activeSubSubcategory?.collections) {\n            const category = buildProps?.categories?.[activeSubSubcategory?.collections] || {}\n            return {\n              label: currentActiveSeriesMetadata?.label,\n              isCollection: true,\n              banner: currentActiveSeriesMetadata?.banner,\n              primary: currentActiveSeriesMetadata?.primary,\n              series: [\n                {\n                  products: category?.products,\n                },\n              ],\n            }\n          } else {\n            return currentActiveSeriesMetadata\n          }\n        } else {\n          return currentSeriesMetadata\n        }\n      }\n    }, [sidebarCategoriesMetadata, expandedSubcategory, activeSubSubcategoryIndex, seriesMetadata, buildProps])\n\n    const handleSubcategoryOpen = useCallback((index: number, subcategoryItem: any) => {\n      subcategoryItem?.subSubCategories?.length > 0 ? setActiveSubSubcategoryIndex(0) : setActiveSubSubcategoryIndex(-1)\n\n      setExpandedSubcategory(prev => prev.map((item, i) => ({ ...item, open: i === index ? !item.open : false })))\n    }, [])\n\n    const handleSubSubcategoryOpen = (index: number, subSubindex: number) => {\n      setExpandedSubcategory(prev =>\n        prev.map(item => (item.index === index ? { ...item, open: true } : { ...item, open: false }))\n      )\n      setActiveSubSubcategoryIndex(subSubindex)\n    }\n\n    return (\n      <Container childClassName=\"lg-desktop:gap-12 flex bg-white gap-8\">\n        <div\n          className=\"lg-desktop:basis-[356px] flex basis-[284px] flex-col gap-4 py-4\"\n          style={{\n            userSelect: 'none',\n          }}\n          ref={sidebarDropdownRef}\n        >\n          <div\n            className=\"desktop:h-[416px] flex flex-col overflow-y-auto\"\n            style={{\n              scrollbarWidth: 'none',\n              msOverflowStyle: 'none',\n            }}\n          >\n            {sidebarCategoriesMetadata?.subcategories?.map((subItem: any, index: number) => {\n              const hasSubSubCategory =\n                Array.isArray(subItem?.subSubCategories) && subItem?.subSubCategories?.length > 0\n              const isExpanded = expandedSubcategory?.find(item => item.index === index)?.open\n              return (\n                <div key={`subcategoryItem-${index}`}>\n                  <button\n                    className={cn(\n                      'flex w-full cursor-pointer items-center justify-between border-0 bg-transparent text-left',\n                      {\n                        'bg-[#F5F5F7]': !hasSubSubCategory && isExpanded,\n                      }\n                    )}\n                    onClick={() => {\n                      handleSubcategoryOpen(index, subItem)\n                      onSidebarNavClick?.(subItem, index)\n                    }}\n                    aria-expanded={hasSubSubCategory ? isExpanded : undefined}\n                    aria-haspopup={hasSubSubCategory ? 'true' : undefined}\n                  >\n                    <Text html={subItem.label} className=\"p-4 text-sm font-bold leading-[1.4]\" />\n                    {hasSubSubCategory && (\n                      <DownArrow\n                        aria-hidden=\"true\"\n                        className={cn('size-4', {\n                          ['rotate-180']: isExpanded,\n                        })}\n                      />\n                    )}\n                  </button>\n                  {isExpanded && (\n                    <div className=\"flex flex-col\" role=\"menu\">\n                      {subItem.subSubCategories?.map((subSubItem: any, subSubindex: number) => (\n                        <button\n                          onClick={() => {\n                            handleSubSubcategoryOpen(index, subSubindex)\n                            onSidebarNavClick?.(subSubItem, subSubindex)\n                          }}\n                          key={`subSubItem-${index}-${subSubindex}`}\n                          className={cn(\n                            'w-full cursor-pointer border-0 bg-transparent px-6 py-4 text-left hover:bg-[#F5F5F7]',\n                            {\n                              'bg-[#F5F5F7]': activeSubSubcategoryIndex === subSubindex,\n                            }\n                          )}\n                          role=\"menuitem\"\n                          aria-label={subSubItem.label}\n                        >\n                          <Text html={subSubItem.label} className=\"text-sm font-bold leading-[1.4] text-[#4A4C56]\" />\n                        </button>\n                      ))}\n                    </div>\n                  )}\n                </div>\n              )\n            })}\n          </div>\n          {sidebarCategoriesMetadata && (\n            <div className=\"flex\">\n              <div className=\"flex flex-col gap-4\">\n                {sidebarCategoriesMetadata?.primary && (\n                  <Button\n                    as=\"a\"\n                    href={`${sidebarCategoriesMetadata?.primary?.url}?ref=${sidebarCategoriesMetadata?.primary?.label}_shopall`}\n                    variant=\"primary\"\n                    size=\"lg\"\n                    className=\"lg-desktop:text-base text-sm\"\n                  >\n                    {sidebarCategoriesMetadata?.primary?.label}\n                  </Button>\n                )}\n                {sidebarCategoriesMetadata?.secondary && (\n                  <Button\n                    as=\"a\"\n                    href={sidebarCategoriesMetadata?.secondary?.url}\n                    variant=\"link\"\n                    size=\"lg\"\n                    iconClassName=\"size-4\"\n                    className=\"lg-desktop:text-base justify-start !p-0 text-sm\"\n                  >\n                    {sidebarCategoriesMetadata?.secondary?.label}\n                  </Button>\n                )}\n              </div>\n            </div>\n          )}\n        </div>\n        <div className=\"flex-1 py-4\">\n          {Reflect.ownKeys(matchSeriesMetadata).length > 0 && (\n            <div className=\"mb-4 flex items-center justify-between\">\n              <div className=\"flex items-center gap-2\">\n                <Text\n                  html={matchSeriesMetadata?.label}\n                  className=\"lg-desktop:text-2xl text-xl font-bold leading-[1.4]\"\n                />\n                {matchSeriesMetadata?.primary && !matchSeriesMetadata?.primary?.hide && (\n                  <Button\n                    as=\"a\"\n                    href={`${matchSeriesMetadata?.primary?.url}?ref=${matchSeriesMetadata?.label}_viewmore`}\n                    variant=\"link\"\n                    size=\"lg\"\n                    iconClassName=\"size-4\"\n                    className=\"lg-desktop:text-base justify-start !p-0 text-sm font-bold leading-[1.2] no-underline\"\n                  >\n                    {matchSeriesMetadata?.primary?.label}\n                  </Button>\n                )}\n              </div>\n              {sidebarCategoriesMetadata?.guide?.label && (\n                <Link\n                  href={sidebarCategoriesMetadata?.guide?.url}\n                  className=\"lg-desktop:text-base text-sm leading-[1.2] text-[#6D6D6F]\"\n                >\n                  {sidebarCategoriesMetadata?.guide?.label}\n                </Link>\n              )}\n            </div>\n          )}\n          <div\n            className=\"flex h-[426px] flex-col gap-4 overflow-y-auto\"\n            style={{\n              scrollbarWidth: 'none',\n              msOverflowStyle: 'none',\n            }}\n          >\n            {matchSeriesMetadata?.series?.map((seriesItem: any, seriesIndex: number) => (\n              <div key={`seriesItem-${seriesIndex}`}>\n                {seriesItem.label && (\n                  <Text\n                    html={seriesItem.label}\n                    as=\"p\"\n                    className=\"mb-2 text-sm font-bold leading-[1.4] text-[#6D6D6F]\"\n                  />\n                )}\n                <div className=\"grid grid-cols-3 gap-4\">\n                  {!!matchSeriesMetadata?.banner && (\n                    <Link asChild={!matchSeriesMetadata?.banner?.href} href={matchSeriesMetadata?.banner?.href}>\n                      <div className=\"relative [&_img]:hover:scale-110 [&_img]:hover:transition-all [&_img]:hover:duration-500\">\n                        <Picture\n                          source={matchSeriesMetadata?.banner?.imageUrl}\n                          className=\"laptop:h-[120px] h-[114px]\"\n                          imgClassName=\"object-cover h-full\"\n                        />\n                        <div className=\"absolute inset-x-0 bottom-0 p-4\">\n                          <Heading\n                            size={2}\n                            html={matchSeriesMetadata?.banner?.title || 'Buy in Guide'}\n                            className={cn('font-bold text-white', {\n                              'text-black': matchSeriesMetadata?.banner?.theme === 'dark',\n                            })}\n                          />\n                          <Text\n                            html={matchSeriesMetadata?.banner?.desc || '20.000mAh'}\n                            className={cn('text-sm font-bold text-white', {\n                              'text-black': matchSeriesMetadata?.banner?.theme === 'dark',\n                            })}\n                          />\n                        </div>\n                      </div>\n                    </Link>\n                  )}\n                  {seriesItem.products?.map((product: any, index: number) => (\n                    <SeriesProductItem\n                      seriesLabel={matchSeriesMetadata?.label}\n                      key={`seriesProductItem-${index}`}\n                      product={product}\n                      isCollection={matchSeriesMetadata?.isCollection}\n                    />\n                  ))}\n                </div>\n              </div>\n            ))}\n          </div>\n        </div>\n      </Container>\n    )\n  }\n)\n\nSidebarDropdown.displayName = 'SidebarDropdown'\n\n/**\n * \u7CFB\u5217\u4EA7\u54C1\u9879\u7EC4\u4EF6\n */\nexport const SeriesProductItem = ({\n  product,\n  isCollection,\n  position,\n  seriesLabel,\n}: {\n  product: any\n  isCollection?: boolean\n  position?: number\n  seriesLabel?: string\n}) => {\n  const { buildProps, onSeriesProductClick } = useNavContext()\n  let productData = isCollection\n    ? product\n    : buildProps?.products?.find((item: Product) => item.handle === product.handle)\n  const variant =\n    productData?.variants?.find((item: ProductVariant) => item.sku === product.sku) || productData?.variants?.[0]\n\n  const listingLink = useMemo(() => {\n    return `/products/${productData?.handle}?variant=${atobID(variant?.id as string)}`\n  }, [productData?.handle, variant?.id])\n\n  const tags = useMemo(() => {\n    return productData?.tags\n      ?.filter?.((item: any) => item?.startsWith?.('CLtag'))\n      ?.map?.((item: any) => item?.replace?.('CLtag:', ''))\n      ?.slice?.(0, 2)\n  }, [productData?.tags])\n\n  if (!variant?.availableForSale) return null\n\n  return (\n    <Link\n      href={listingLink}\n      onClick={e => {\n        e.preventDefault()\n        window.open(listingLink, '_self')\n        onSeriesProductClick?.(productData, position || 0, seriesLabel)\n      }}\n      className=\"no-underline hover:text-current\"\n    >\n      <div className=\"flex shrink-0 items-center gap-4 bg-[#F5F5F7] px-4 py-3 [&_img]:hover:scale-110 [&_img]:hover:duration-500\">\n        <div className=\"shrink-0\">\n          <img\n            src={`${variant?.image?.url || product?.images?.[0]?.url}`}\n            loading=\"lazy\"\n            alt={productData?.title || product?.name}\n            width={90}\n            height={90}\n            className=\"size-[96px] object-contain\"\n          />\n        </div>\n        <div className=\"relative\">\n          <div className=\"flex gap-1\">\n            {Array.isArray(tags) &&\n              tags?.map((tag: string, index: number) => (\n                <Text\n                  key={index}\n                  as=\"p\"\n                  html={tag}\n                  className=\"text-brand-0 mb-1 inline-block h-[24px] whitespace-nowrap rounded-full border-[1.6px] border-[#00BEFA] px-[6px] text-xs font-bold !leading-[22px]\"\n                />\n              ))}\n          </div>\n          <Text\n            className=\"lg-desktop:h-[44px] lg-desktop:text-base line-clamp-2 h-[40px] text-sm font-bold leading-[1.4]\"\n            html={productData?.title || product?.name}\n          />\n          {product?.desc && (\n            <Text\n              as=\"p\"\n              html={product?.desc}\n              className=\"lg-desktop:text-sm mt-1 line-clamp-1 text-xs font-bold leading-[1.4] text-[#6D6D6F]\"\n            />\n          )}\n        </div>\n      </div>\n    </Link>\n  )\n}\n"],
+  "mappings": "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",
   "names": ["jsx", "jsxs", "React", "useCallback", "useEffect", "useMemo", "useRef", "useState", "Button", "Container", "Text", "Link", "Heading", "Picture", "cn", "atobID", "DownArrow", "useNavContext", "SidebarDropdown", "sidebarCategoriesMetadata", "seriesMetadata", "buildProps", "onSidebarNavClick", "expandedSubcategory", "setExpandedSubcategory", "activeSubSubcategoryIndex", "setActiveSubSubcategoryIndex", "sidebarDropdownRef", "initExpandedSubcategory", "subcategories", "withSubSubCategoriesIndex", "item", "withoutSubSubCategoriesIndex", "expandedStates", "_", "index", "matchSeriesMetadata", "subCategory", "currentSeriesMetadata", "category", "activeSubSubcategory", "currentActiveSeriesMetadata", "handleSubcategoryOpen", "subcategoryItem", "prev", "i", "handleSubSubcategoryOpen", "subSubindex", "subItem", "hasSubSubCategory", "isExpanded", "subSubItem", "seriesItem", "seriesIndex", "product", "SeriesProductItem", "isCollection", "position", "seriesLabel", "onSeriesProductClick", "productData", "variant", "listingLink", "tags", "tag"]
 }

package/dist/esm/biz-components/HeaderNavigation/index.d.ts CHANGED Viewed

@@ -1,7 +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 & import("../../shared/Styles.js").ContainerProps> & {
-    className?: string;
-    data?: Record<string, any>;
+declare const _default: React.ForwardRefExoticComponent<Omit<HeaderNavigationProps & React.RefAttributes<HTMLDivElement> & {
+    style?: string | React.CSSProperties;
+    container?: import("../../shared/Styles.js").ContainerProps["container"];
 }, "ref"> & React.RefAttributes<any>>;
 export default _default;

package/dist/esm/biz-components/HeroBanner/Countdown.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use client";import{jsx as e,jsxs as o}from"react/jsx-runtime";import{cn as i}from"../../helpers/index.js";import{useEffect as M,useRef as P,useState as S,useMemo as W}from"react";const c=(a,u=2)=>String(Math.abs(a)).padStart(u,"0"),l="h-full flex-1 max-w-12 text-center bg-info-white text-xs text-info-primary overflow-hidden lg-desktop:p-1 p-0.5 font-semibold border-box",d="w-full lg-desktop:text-2xl lg-desktop:h-7 text-xl text-center h-6 lg-desktop:w-10 w-9 font-bold",Z=({endDate:a,endDate_tz:u,locale:k,dateFormat:m,onExpire:x})=>{const v=()=>({day:"Day",hour:"Hours",minute:"Mins",second:"Secs"});function C(t){try{let n=t?.trim?.();return!n?.startsWith?.("{")||!n?.endsWith?.("}")?{}:(n=n?.replace?.(/(\w+)\s*:/g,'"$1":'),JSON.parse(n))}catch{return v()}}const r=W(()=>m?C(m):v(),[m]),s=P(Date.parse(a)),[I,N]=S(()=>{const t=s.current;return isNaN(t)?0:Math.max(0,t-Date.now())}),[f,g]=S(()=>{const t=s.current;return!isNaN(t)&&t<=Date.now()});M(()=>{s.current=Date.parse(a),N(isNaN(s.current)?0:Math.max(0,s.current-Date.now()));const t=s.current;g(!isNaN(t)&&t<=Date.now())},[a]),M(()=>{if(f||isNaN(s.current))return;let t=!1;const n=()=>{const F=Date.now(),y=Math.max(0,s.current-F);N(y),y<=0&&!t&&(t=!0,g(!0),x?.())};n();const E=window.setInterval(n,1e3);return()=>clearInterval(E)},[x,f]);const h=Math.floor(I/1e3),R=h%60,w=Math.floor(h/60),T=w%60,b=Math.floor(w/60),H=b%24,O=Math.floor(b/24),z=u||Intl.DateTimeFormat().resolvedOptions().timeZone;let D="\u2014";const p=s.current;if(!isNaN(p))try{const t=new Date(p);D=new Intl.DateTimeFormat(k||navigator.language,{timeZone:z,year:"numeric",month:"2-digit",day:"2-digit",hour:"2-digit",minute:"2-digit",second:"2-digit"}).format(t)}catch{D=new Date(p).toISOString()}return f?null:o("div",{className:"countdown-box flex w-full items-center gap-1","aria-live":"polite",children:[o("div",{className:i(l,"time-days-box"),children:[e("p",{className:d,children:c(O,2)}),e("div",{className:"truncate",children:r?.day||"Day"})]}),e("div",{className:"text-info-white text-2xl font-bold",children:":"}),o("div",{className:i(l,"time-hours-box"),children:[e("p",{className:d,children:c(H,2)}),e("div",{className:"truncate",children:r?.hour||"Hours"})]}),e("div",{className:"text-info-white text-2xl font-bold",children:":"}),o("div",{className:i(l,"time-minutes-box"),children:[e("p",{className:d,children:c(T,2)}),e("div",{className:"truncate",children:r?.minute||"Mins"})]}),e("div",{className:"text-info-white text-2xl font-bold",children:":"}),o("div",{className:i(l,"time-seconds-box"),children:[e("p",{className:d,children:c(R,2)}),e("div",{className:"truncate",children:r?.second||"Secs"})]})]})};var L=Z;export{Z as CountdownByEndDate,L as default};
+"use client";import{jsx as e,jsxs as o}from"react/jsx-runtime";import{cn as i}from"../../helpers/index.js";import{useEffect as M,useRef as P,useState as S,useMemo as W}from"react";const c=(a,u=2)=>String(Math.abs(a)).padStart(u,"0"),l="h-full flex-1 max-w-12 text-center bg-info-white text-xs text-info-primary overflow-hidden lg-desktop:p-1 p-0.5 font-semibold border-box",d="w-full lg-desktop:text-2xl lg-desktop:h-7 text-xl text-center h-6 lg-desktop:w-10 w-9 font-bold whitespace-nowrap",Z=({endDate:a,endDate_tz:u,locale:k,dateFormat:m,onExpire:x})=>{const v=()=>({day:"Day",hour:"Hours",minute:"Mins",second:"Secs"});function C(t){try{let n=t?.trim?.();return!n?.startsWith?.("{")||!n?.endsWith?.("}")?{}:(n=n?.replace?.(/(\w+)\s*:/g,'"$1":'),JSON.parse(n))}catch{return v()}}const r=W(()=>m?C(m):v(),[m]),s=P(Date.parse(a)),[I,N]=S(()=>{const t=s.current;return isNaN(t)?0:Math.max(0,t-Date.now())}),[f,h]=S(()=>{const t=s.current;return!isNaN(t)&&t<=Date.now()});M(()=>{s.current=Date.parse(a),N(isNaN(s.current)?0:Math.max(0,s.current-Date.now()));const t=s.current;h(!isNaN(t)&&t<=Date.now())},[a]),M(()=>{if(f||isNaN(s.current))return;let t=!1;const n=()=>{const F=Date.now(),y=Math.max(0,s.current-F);N(y),y<=0&&!t&&(t=!0,h(!0),x?.())};n();const E=window.setInterval(n,1e3);return()=>clearInterval(E)},[x,f]);const g=Math.floor(I/1e3),R=g%60,w=Math.floor(g/60),T=w%60,b=Math.floor(w/60),H=b%24,O=Math.floor(b/24),z=u||Intl.DateTimeFormat().resolvedOptions().timeZone;let D="\u2014";const p=s.current;if(!isNaN(p))try{const t=new Date(p);D=new Intl.DateTimeFormat(k||navigator.language,{timeZone:z,year:"numeric",month:"2-digit",day:"2-digit",hour:"2-digit",minute:"2-digit",second:"2-digit"}).format(t)}catch{D=new Date(p).toISOString()}return f?null:o("div",{className:"countdown-box flex w-full items-center gap-1","aria-live":"polite",children:[o("div",{className:i(l,"time-days-box"),children:[e("p",{className:d,children:c(O,2)}),e("div",{className:"truncate",children:r?.day||"Day"})]}),e("div",{className:"text-info-white text-2xl font-bold",children:":"}),o("div",{className:i(l,"time-hours-box"),children:[e("p",{className:d,children:c(H,2)}),e("div",{className:"truncate",children:r?.hour||"Hours"})]}),e("div",{className:"text-info-white text-2xl font-bold",children:":"}),o("div",{className:i(l,"time-minutes-box"),children:[e("p",{className:d,children:c(T,2)}),e("div",{className:"truncate",children:r?.minute||"Mins"})]}),e("div",{className:"text-info-white text-2xl font-bold",children:":"}),o("div",{className:i(l,"time-seconds-box"),children:[e("p",{className:d,children:c(R,2)}),e("div",{className:"truncate",children:r?.second||"Secs"})]})]})};var L=Z;export{Z as CountdownByEndDate,L as default};
 //# sourceMappingURL=Countdown.js.map

package/dist/esm/biz-components/HeroBanner/Countdown.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/biz-components/HeroBanner/Countdown.tsx"],
-  "sourcesContent": ["'use client'\nimport { cn } from '../../helpers/index.js'\nimport React, { useEffect, useRef, useState, useMemo } from 'react'\n\ntype Props = {\n  endDate: string // ISO UTC \u5B57\u7B26\u4E32\uFF0C\u4F8B\u5982 \"2025-11-02T07:42:00.000Z\"\n  endDate_tz?: string // \u65F6\u533A\uFF0C\u4F8B\u5982 \"Asia/Dhaka\"\uFF08\u53EF\u9009\uFF09\n  locale?: string // \u683C\u5F0F\u5316\u7528\u7684 locale\uFF0C\u9ED8\u8BA4 navigator.language\n  dateFormat?: any\n  onExpire?: () => void // \u5230\u671F\u56DE\u8C03\uFF08\u53EF\u9009\uFF09\n}\n\nconst pad = (n: number, len = 2) => String(Math.abs(n)).padStart(len, '0')\n\nconst baseClass =\n  'h-full flex-1 max-w-12 text-center bg-info-white text-xs text-info-primary overflow-hidden lg-desktop:p-1 p-0.5 font-semibold border-box'\n\nconst textClass = 'w-full lg-desktop:text-2xl lg-desktop:h-7 text-xl text-center h-6 lg-desktop:w-10 w-9 font-bold'\n\nexport const CountdownByEndDate: React.FC<Props> = ({ endDate, endDate_tz, locale, dateFormat, onExpire }) => {\n  const getDefaultDateLabels = () => ({\n    day: 'Day',\n    hour: 'Hours',\n    minute: 'Mins',\n    second: 'Secs',\n  })\n\n  function safeStringToObject(str: string) {\n    try {\n      let jsonStr = str?.trim?.()\n      if (!jsonStr?.startsWith?.('{') || !jsonStr?.endsWith?.('}')) {\n        return {}\n      }\n      jsonStr = jsonStr?.replace?.(/(\\w+)\\s*:/g, '\"$1\":')\n      return JSON.parse(jsonStr)\n    } catch (err) {\n      return getDefaultDateLabels()\n    }\n  }\n\n  const bannerDate = useMemo(() => {\n    if (!dateFormat) return getDefaultDateLabels()\n    return safeStringToObject(dateFormat)\n  }, [dateFormat])\n\n  // \u89E3\u6790\u76EE\u6807\u65F6\u95F4\uFF08\u4F7F\u7528 provided ISO\uFF0C\u82E5\u975E\u6CD5\u5219\u4E3A NaN\uFF09\n  const targetMsRef = useRef<number>(Date.parse(endDate))\n  const [remainingMs, setRemainingMs] = useState<number>(() => {\n    const t = targetMsRef.current\n    return isNaN(t) ? 0 : Math.max(0, t - Date.now())\n  })\n  // \u4EC5\u5728\u521D\u59CB\u65F6\u5224\u65AD\u662F\u5426\u5DF2\u8FC7\u671F\uFF1A\u82E5\u5DF2\u8FC7\u671F\u5219\u9690\u85CF\u7EC4\u4EF6\u5E76\u4E0D\u7EE7\u7EED\u8BA1\u65F6\n  const [hidden, setHidden] = useState<boolean>(() => {\n    const t = targetMsRef.current\n    return !isNaN(t) && t <= Date.now()\n  })\n\n  // \u82E5 props.endDate \u6539\u53D8\uFF0C\u66F4\u65B0 ref \u4E0E remaining\n  useEffect(() => {\n    targetMsRef.current = Date.parse(endDate)\n    setRemainingMs(isNaN(targetMsRef.current) ? 0 : Math.max(0, targetMsRef.current - Date.now()))\n    // \u5F53 endDate \u66F4\u65B0\u65F6\uFF0C\u4EC5\u8FDB\u884C\u4E00\u6B21\u662F\u5426\u8FC7\u671F\u7684\u5224\u65AD\uFF0C\u7528\u4E8E\u51B3\u5B9A\u662F\u5426\u9690\u85CF\n    const t = targetMsRef.current\n    setHidden(!isNaN(t) && t <= Date.now())\n  }, [endDate])\n\n  // Tick \u6BCF\u79D2\u66F4\u65B0\u5269\u4F59\u65F6\u95F4\n  useEffect(() => {\n    if (hidden) return // \u521D\u59CB\u5DF2\u8FC7\u671F\u5219\u4E0D\u542F\u52A8\u8BA1\u65F6\u5668\n    if (isNaN(targetMsRef.current)) return // \u65E0\u6548\u65E5\u671F\u4E0D\u542F\u52A8\u8BA1\u65F6\u5668\n    let expiredCalled = false\n    const tick = () => {\n      const now = Date.now()\n      const rem = Math.max(0, targetMsRef.current - now)\n      setRemainingMs(rem)\n      if (rem <= 0 && !expiredCalled) {\n        expiredCalled = true\n        setHidden(true) // \u5230\u70B9\u540E\u9690\u85CF\u7EC4\u4EF6\n        onExpire?.()\n      }\n    }\n    tick() // \u7ACB\u5373\u540C\u6B65\u4E00\u6B21\n    const id = window.setInterval(tick, 1000)\n    return () => clearInterval(id)\n  }, [onExpire, hidden])\n\n  // \u8BA1\u7B97\u5929/\u65F6/\u5206/\u79D2\n  const totalSeconds = Math.floor(remainingMs / 1000)\n  const seconds = totalSeconds % 60\n  const totalMinutes = Math.floor(totalSeconds / 60)\n  const minutes = totalMinutes % 60\n  const totalHours = Math.floor(totalMinutes / 60)\n  const hours = totalHours % 24\n  const days = Math.floor(totalHours / 24)\n\n  // \u683C\u5F0F\u5316\u76EE\u6807\u65F6\u95F4\u5E76\u663E\u793A\u5176\u65F6\u533A\uFF08\u4F7F\u7528 endDate_tz \u6216\u8005\u6D4F\u89C8\u5668\u65F6\u533A\uFF09\n  const displayTz = endDate_tz || Intl.DateTimeFormat().resolvedOptions().timeZone\n  let formattedTarget = '\u2014'\n  const tms = targetMsRef.current\n  if (!isNaN(tms)) {\n    try {\n      const dt = new Date(tms)\n      const fmt = new Intl.DateTimeFormat(locale || navigator.language, {\n        timeZone: displayTz,\n        year: 'numeric',\n        month: '2-digit',\n        day: '2-digit',\n        hour: '2-digit',\n        minute: '2-digit',\n        second: '2-digit',\n      })\n      formattedTarget = fmt.format(dt)\n    } catch (e) {\n      // \u82E5\u4F20\u5165\u4E86\u975E\u6CD5\u65F6\u533A\uFF0CIntl \u53EF\u80FD\u629B\u9519\uFF1B\u56DE\u9000\u663E\u793A UTC \u65F6\u95F4\n      formattedTarget = new Date(tms).toISOString()\n    }\n  }\n\n  if (hidden) return null\n\n  return (\n    <div className=\"countdown-box flex w-full items-center gap-1\" aria-live=\"polite\">\n      {/* \u5929 */}\n      <div className={cn(baseClass, 'time-days-box')}>\n        <p className={textClass}>{pad(days, 2)}</p>\n        <div className=\"truncate\">{bannerDate?.day || 'Day'}</div>\n      </div>\n      <div className=\"text-info-white text-2xl font-bold\">:</div>\n      {/* \u65F6 */}\n      <div className={cn(baseClass, 'time-hours-box')}>\n        <p className={textClass}>{pad(hours, 2)}</p>\n        <div className=\"truncate\">{bannerDate?.hour || 'Hours'}</div>\n      </div>\n      <div className=\"text-info-white text-2xl font-bold\">:</div>\n      {/* \u5206 */}\n      <div className={cn(baseClass, 'time-minutes-box')}>\n        <p className={textClass}>{pad(minutes, 2)}</p>\n        <div className=\"truncate\">{bannerDate?.minute || 'Mins'}</div>\n      </div>\n      <div className=\"text-info-white text-2xl font-bold\">:</div>\n      {/* \u79D2 */}\n      <div className={cn(baseClass, 'time-seconds-box')}>\n        <p className={textClass}>{pad(seconds, 2)}</p>\n        <div className=\"truncate\">{bannerDate?.second || 'Secs'}</div>\n      </div>\n    </div>\n  )\n}\n\nexport default CountdownByEndDate\n"],
-  "mappings": "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",
+  "sourcesContent": ["'use client'\nimport { cn } from '../../helpers/index.js'\nimport React, { useEffect, useRef, useState, useMemo } from 'react'\n\ntype Props = {\n  endDate: string // ISO UTC \u5B57\u7B26\u4E32\uFF0C\u4F8B\u5982 \"2025-11-02T07:42:00.000Z\"\n  endDate_tz?: string // \u65F6\u533A\uFF0C\u4F8B\u5982 \"Asia/Dhaka\"\uFF08\u53EF\u9009\uFF09\n  locale?: string // \u683C\u5F0F\u5316\u7528\u7684 locale\uFF0C\u9ED8\u8BA4 navigator.language\n  dateFormat?: any\n  onExpire?: () => void // \u5230\u671F\u56DE\u8C03\uFF08\u53EF\u9009\uFF09\n}\n\nconst pad = (n: number, len = 2) => String(Math.abs(n)).padStart(len, '0')\n\nconst baseClass =\n  'h-full flex-1 max-w-12 text-center bg-info-white text-xs text-info-primary overflow-hidden lg-desktop:p-1 p-0.5 font-semibold border-box'\n\nconst textClass =\n  'w-full lg-desktop:text-2xl lg-desktop:h-7 text-xl text-center h-6 lg-desktop:w-10 w-9 font-bold whitespace-nowrap'\n\nexport const CountdownByEndDate: React.FC<Props> = ({ endDate, endDate_tz, locale, dateFormat, onExpire }) => {\n  const getDefaultDateLabels = () => ({\n    day: 'Day',\n    hour: 'Hours',\n    minute: 'Mins',\n    second: 'Secs',\n  })\n\n  function safeStringToObject(str: string) {\n    try {\n      let jsonStr = str?.trim?.()\n      if (!jsonStr?.startsWith?.('{') || !jsonStr?.endsWith?.('}')) {\n        return {}\n      }\n      jsonStr = jsonStr?.replace?.(/(\\w+)\\s*:/g, '\"$1\":')\n      return JSON.parse(jsonStr)\n    } catch (err) {\n      return getDefaultDateLabels()\n    }\n  }\n\n  const bannerDate = useMemo(() => {\n    if (!dateFormat) return getDefaultDateLabels()\n    return safeStringToObject(dateFormat)\n  }, [dateFormat])\n\n  // \u89E3\u6790\u76EE\u6807\u65F6\u95F4\uFF08\u4F7F\u7528 provided ISO\uFF0C\u82E5\u975E\u6CD5\u5219\u4E3A NaN\uFF09\n  const targetMsRef = useRef<number>(Date.parse(endDate))\n  const [remainingMs, setRemainingMs] = useState<number>(() => {\n    const t = targetMsRef.current\n    return isNaN(t) ? 0 : Math.max(0, t - Date.now())\n  })\n  // \u4EC5\u5728\u521D\u59CB\u65F6\u5224\u65AD\u662F\u5426\u5DF2\u8FC7\u671F\uFF1A\u82E5\u5DF2\u8FC7\u671F\u5219\u9690\u85CF\u7EC4\u4EF6\u5E76\u4E0D\u7EE7\u7EED\u8BA1\u65F6\n  const [hidden, setHidden] = useState<boolean>(() => {\n    const t = targetMsRef.current\n    return !isNaN(t) && t <= Date.now()\n  })\n\n  // \u82E5 props.endDate \u6539\u53D8\uFF0C\u66F4\u65B0 ref \u4E0E remaining\n  useEffect(() => {\n    targetMsRef.current = Date.parse(endDate)\n    setRemainingMs(isNaN(targetMsRef.current) ? 0 : Math.max(0, targetMsRef.current - Date.now()))\n    // \u5F53 endDate \u66F4\u65B0\u65F6\uFF0C\u4EC5\u8FDB\u884C\u4E00\u6B21\u662F\u5426\u8FC7\u671F\u7684\u5224\u65AD\uFF0C\u7528\u4E8E\u51B3\u5B9A\u662F\u5426\u9690\u85CF\n    const t = targetMsRef.current\n    setHidden(!isNaN(t) && t <= Date.now())\n  }, [endDate])\n\n  // Tick \u6BCF\u79D2\u66F4\u65B0\u5269\u4F59\u65F6\u95F4\n  useEffect(() => {\n    if (hidden) return // \u521D\u59CB\u5DF2\u8FC7\u671F\u5219\u4E0D\u542F\u52A8\u8BA1\u65F6\u5668\n    if (isNaN(targetMsRef.current)) return // \u65E0\u6548\u65E5\u671F\u4E0D\u542F\u52A8\u8BA1\u65F6\u5668\n    let expiredCalled = false\n    const tick = () => {\n      const now = Date.now()\n      const rem = Math.max(0, targetMsRef.current - now)\n      setRemainingMs(rem)\n      if (rem <= 0 && !expiredCalled) {\n        expiredCalled = true\n        setHidden(true) // \u5230\u70B9\u540E\u9690\u85CF\u7EC4\u4EF6\n        onExpire?.()\n      }\n    }\n    tick() // \u7ACB\u5373\u540C\u6B65\u4E00\u6B21\n    const id = window.setInterval(tick, 1000)\n    return () => clearInterval(id)\n  }, [onExpire, hidden])\n\n  // \u8BA1\u7B97\u5929/\u65F6/\u5206/\u79D2\n  const totalSeconds = Math.floor(remainingMs / 1000)\n  const seconds = totalSeconds % 60\n  const totalMinutes = Math.floor(totalSeconds / 60)\n  const minutes = totalMinutes % 60\n  const totalHours = Math.floor(totalMinutes / 60)\n  const hours = totalHours % 24\n  const days = Math.floor(totalHours / 24)\n\n  // \u683C\u5F0F\u5316\u76EE\u6807\u65F6\u95F4\u5E76\u663E\u793A\u5176\u65F6\u533A\uFF08\u4F7F\u7528 endDate_tz \u6216\u8005\u6D4F\u89C8\u5668\u65F6\u533A\uFF09\n  const displayTz = endDate_tz || Intl.DateTimeFormat().resolvedOptions().timeZone\n  let formattedTarget = '\u2014'\n  const tms = targetMsRef.current\n  if (!isNaN(tms)) {\n    try {\n      const dt = new Date(tms)\n      const fmt = new Intl.DateTimeFormat(locale || navigator.language, {\n        timeZone: displayTz,\n        year: 'numeric',\n        month: '2-digit',\n        day: '2-digit',\n        hour: '2-digit',\n        minute: '2-digit',\n        second: '2-digit',\n      })\n      formattedTarget = fmt.format(dt)\n    } catch (e) {\n      // \u82E5\u4F20\u5165\u4E86\u975E\u6CD5\u65F6\u533A\uFF0CIntl \u53EF\u80FD\u629B\u9519\uFF1B\u56DE\u9000\u663E\u793A UTC \u65F6\u95F4\n      formattedTarget = new Date(tms).toISOString()\n    }\n  }\n\n  if (hidden) return null\n\n  return (\n    <div className=\"countdown-box flex w-full items-center gap-1\" aria-live=\"polite\">\n      {/* \u5929 */}\n      <div className={cn(baseClass, 'time-days-box')}>\n        <p className={textClass}>{pad(days, 2)}</p>\n        <div className=\"truncate\">{bannerDate?.day || 'Day'}</div>\n      </div>\n      <div className=\"text-info-white text-2xl font-bold\">:</div>\n      {/* \u65F6 */}\n      <div className={cn(baseClass, 'time-hours-box')}>\n        <p className={textClass}>{pad(hours, 2)}</p>\n        <div className=\"truncate\">{bannerDate?.hour || 'Hours'}</div>\n      </div>\n      <div className=\"text-info-white text-2xl font-bold\">:</div>\n      {/* \u5206 */}\n      <div className={cn(baseClass, 'time-minutes-box')}>\n        <p className={textClass}>{pad(minutes, 2)}</p>\n        <div className=\"truncate\">{bannerDate?.minute || 'Mins'}</div>\n      </div>\n      <div className=\"text-info-white text-2xl font-bold\">:</div>\n      {/* \u79D2 */}\n      <div className={cn(baseClass, 'time-seconds-box')}>\n        <p className={textClass}>{pad(seconds, 2)}</p>\n        <div className=\"truncate\">{bannerDate?.second || 'Secs'}</div>\n      </div>\n    </div>\n  )\n}\n\nexport default CountdownByEndDate\n"],
+  "mappings": "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",
   "names": ["jsx", "jsxs", "cn", "useEffect", "useRef", "useState", "useMemo", "pad", "n", "len", "baseClass", "textClass", "CountdownByEndDate", "endDate", "endDate_tz", "locale", "dateFormat", "onExpire", "getDefaultDateLabels", "safeStringToObject", "str", "jsonStr", "bannerDate", "targetMsRef", "remainingMs", "setRemainingMs", "hidden", "setHidden", "expiredCalled", "tick", "now", "rem", "id", "totalSeconds", "seconds", "totalMinutes", "minutes", "totalHours", "hours", "days", "displayTz", "formattedTarget", "tms", "dt", "Countdown_default"]
 }

package/dist/esm/biz-components/HeroBanner/HeroBanner.d.ts CHANGED Viewed

@@ -1,7 +1,10 @@
 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> & {
-    className?: string;
-    data?: Record<string, any>;
+export type HeroBannerSemanticName = 'root' | 'title' | 'subtitle' | 'buttonGroup' | 'primaryButton' | 'secondaryButton' | 'captionGroup';
+declare const _default: React.ForwardRefExoticComponent<Omit<HeroBannerProps & {
+    classNames?: Partial<Record<HeroBannerSemanticName, string>>;
+} & React.RefAttributes<HTMLDivElement> & {
+    style?: string | React.CSSProperties;
+    container?: import("../../shared/Styles.js").ContainerProps["container"];
 }, "ref"> & React.RefAttributes<any>>;
 export default _default;

package/dist/esm/biz-components/HeroBanner/HeroBanner.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use client";import{jsx as e,jsxs as c}from"react/jsx-runtime";import F,{useImperativeHandle as ae,useRef as x,useState as oe,useEffect as re}from"react";import h from"gsap";import{ScrollTrigger as y}from"gsap/dist/ScrollTrigger";import{useMediaQuery as q}from"react-responsive";import{useInView as le}from"react-intersection-observer";import se from"../../helpers/ScrollLoadVideo.js";import{Button as H,Heading as C,Picture as A,Text as ne}from"../../components/index.js";import ie from"./Countdown.js";import{cn as p}from"../../helpers/index.js";import{withLayout as pe}from"../../shared/Styles.js";import{useExposure as ce}from"../../hooks/useExposure.js";import{trackUrlRef as V}from"../../shared/trackUrlRef.js";import{sizeMap as ue}from"../../components/button.js";import{VideoModal as me}from"../VideoModal/index.js";const l="image",s="hero_banner",de=({size:m="base"})=>{const{width:v,height:w}=ue[m];return e("svg",{width:v,height:w,viewBox:"0 0 20 20",fill:"currentcolor",xmlns:"http://www.w3.org/2000/svg",children:e("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"})})},Q=F.forwardRef(({data:m,className:v,onSecondaryClick:w,onPrimaryClick:Z},G)=>{const{label:I,title:a,subtitle:o,endDate:P,endDate_tz:J,dateFormat:K,pcImage:k,padImage:R,mobileImage:f,pcVideo:O,padVideo:W,mobileVideo:M,isShowVideo:X,primaryButton:n,secondaryButton:t,theme:Y="light",size:$="default",caption:N=[],blockLink:S,iconArray:ee}=m,L=q({query:"(max-width: 768px)"}),D=q({query:"(max-width: 1024px)"}),[E,U]=oe(!1),{ref:te,inView:_}=le(),B=x(null),T=x(null),z=x(null),d=x(null),i=x(null);return ce(i,{componentType:l,componentName:s,componentTitle:a,componentDescription:o}),ae(G,()=>i.current),re(()=>{h.registerPlugin(y);function r(){if(!d.current)return;const u=i.current?.clientHeight||100;window.innerHeight<=u?B.current=y.create({trigger:i.current,start:"top bottom",end:"bottom top",scrub:!0,onUpdate:g=>{const b=g.progress*40-20;h.set(d.current,{yPercent:b})}}):(z.current=y.create({trigger:i.current,start:"top bottom",end:"bottom bottom",scrub:!0,onUpdate:g=>{const b=g.progress*20-20;h.set(d.current,{yPercent:b})}}),T.current=y.create({trigger:i.current,start:"top top",end:"bottom top",scrub:!0,onUpdate:g=>{const b=g.progress*20;h.set(d.current,{yPercent:b})}}))}return _&&r(),()=>{B.current&&B.current.kill(),z.current&&z.current.kill(),T.current&&T.current.kill()}},[_]),e("div",{ref:te,"data-ui-component-id":"HeroBanner",children:c("div",{ref:i,className:p(Y==="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"},v),children:[S&&e("a",{className:"absolute inset-0 z-10",href:V(S,`${l}_${s}`),"data-headless-type-name":`${l}#${s}`,"data-headless-title-desc-button":`${a}#${o}`,tabIndex:-1,"aria-hidden":"true","aria-label":a}),e("div",{ref:d,className:p("absolute left-0 top-0 size-full"),children:X?e(se,{poster:L?f?.url:D?R?.url||f?.url:k?.url,src:L?M?.url:D?W?.url||M?.url:O?.url,className:"laptop:w-full h-full",videoClassName:"h-full object-cover",muted:!0,loop:!0,playsInline:!0}):e(A,{className:"laptop:w-full h-full",imgClassName:"h-full object-cover",loading:"eager",fetchPriority:"high",alt:k?.alt||"",source:`${k?.url||""} , ${R?.url??(f?.url||"")} 1024, ${f?.url||""} 767`})}),c("div",{className:"hero-banner-content 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:[c("div",{className:"laptop:text-left hero-banner-wrap-text lg-desktop:max-w-[824px] desktop:max-w-[648px] laptop:max-w-[440px] tablet:max-w-[704px] max-w-[358px]",children:[I&&e(C,{as:"h3",className:p("hero-banner-label font-heading lg-desktop:text-[18px] desktop:text-base text-sm"),html:I}),a&&e(C,{as:"h2",size:$==="sm"?4:5,className:p("hero-banner-title"),html:a}),o&&e(C,{as:"h3",className:p("hero-banner-subtitle font-heading lg-desktop:text-[18px] desktop:text-base laptop:mt-2 lg-desktop:mt-4 mt-1 text-sm"),html:o}),P&&e("div",{className:"mt-3",children:e(ie,{endDate:P,endDate_tz:J,dateFormat:K})})]}),c("div",{className:"hero-banner-button-group laptop:justify-start lg-desktop:gap-3 flex items-center gap-2",children:[t?.isShowPlayVideoButton&&t?.playVideoButtonText?c(H,{onClick:()=>U(!0),size:"lg",variant:"secondary",className:"hero-banner-play-video-button","data-headless-type-name":`${l}#${s}`,"data-headless-title-desc-button":`${a}#${o}#${t?.playVideoButtonText}`,children:[t?.playVideoButtonText," ",e(de,{size:"lg"})]}):t?.text?c(H,{"aria-label":a??o,size:"lg",variant:"secondary",className:"hero-banner-secondary-button",as:t?.isCustomSecondaryButton?"button":"a",href:V(t?.link,`${l}_${s}`),onClick:r=>t?.isCustomSecondaryButton&&w?.(m,r),"data-headless-type-name":`${l}#${s}`,"data-headless-title-desc-button":`${a}#${o}#${t?.text}`,children:[t?.text,e("span",{className:"sr-only",children:a??o})]}):null,n&&n.text&&e(H,{"aria-label":a??o,size:"lg",variant:"primary",className:"hero-banner-primary-button",as:n?.isCustomPrimaryButton?"button":"a",href:V(n.link,`${l}_${s}`),onClick:r=>n?.isCustomPrimaryButton&&Z?.(m,r),"data-headless-type-name":`${l}#${s}`,"data-headless-title-desc-button":`${a}#${o}#${n?.text}`,children:n.text})]}),e("div",{className:"hero-banner-icon-group flex items-center gap-2",children:ee?.map((r,u)=>e("div",{className:"h-12",children:e(A,{className:"laptop:w-full h-full",imgClassName:"h-full object-cover",loading:"eager",alt:r?.pcImage?.alt||"",source:r?.pcImage?.url})},u))})]}),N.length>0&&e("div",{className:"hero-banner-caption-group 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((r,u)=>c(F.Fragment,{children:[e(ne,{size:2,className:p("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:r.title}),u<N.length-1&&e("div",{className:p("bg-info-primary w-px")})]},u))}),E&&e(me,{visible:E,videoUrl:t?.videoUrl?.url,youTubeId:t?.youtubeId,onCloseModal:()=>U(!1)})]})})});Q.displayName="HeroBanner";var Ce=pe(Q);export{Ce as default};
+"use client";import{jsx as e,jsxs as u}from"react/jsx-runtime";import F,{useImperativeHandle as oe,useRef as f,useState as re,useEffect as le}from"react";import y from"gsap";import{ScrollTrigger as v}from"gsap/dist/ScrollTrigger";import{useMediaQuery as G}from"react-responsive";import{useInView as ne}from"react-intersection-observer";import se from"../../helpers/ScrollLoadVideo.js";import{Button as z,Heading as C,Picture as q,Text as ie}from"../../components/index.js";import pe from"./Countdown.js";import{cn as o}from"../../helpers/index.js";import{withLayout as ce}from"../../shared/Styles.js";import{useExposure as ue}from"../../hooks/useExposure.js";import{trackUrlRef as V}from"../../shared/trackUrlRef.js";import{sizeMap as me}from"../../components/button.js";import{VideoModal as de}from"../VideoModal/index.js";const s="image",i="hero_banner",ge=({size:d="base"})=>{const{width:w,height:n}=me[d];return e("svg",{width:w,height:n,viewBox:"0 0 20 20",fill:"currentcolor",xmlns:"http://www.w3.org/2000/svg",children:e("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"})})},A=F.forwardRef(({data:d,className:w,classNames:n={},onSecondaryClick:Q,onPrimaryClick:Z},J)=>{const{label:P,title:a,subtitle:r,endDate:I,endDate_tz:K,dateFormat:O,pcImage:k,padImage:R,mobileImage:h,pcVideo:W,padVideo:X,mobileVideo:S,isShowVideo:Y,primaryButton:p,secondaryButton:t,theme:ee="light",size:$="default",caption:B=[],blockLink:M,iconArray:te}=d,L=G({query:"(max-width: 768px)"}),D=G({query:"(max-width: 1024px)"}),[E,U]=re(!1),{ref:ae,inView:_}=ne(),N=f(null),H=f(null),T=f(null),g=f(null),c=f(null);return ue(c,{componentType:s,componentName:i,componentTitle:a,componentDescription:r}),oe(J,()=>c.current),le(()=>{y.registerPlugin(v);function l(){if(!g.current)return;const m=c.current?.clientHeight||100;window.innerHeight<=m?N.current=v.create({trigger:c.current,start:"top bottom",end:"bottom top",scrub:!0,onUpdate:b=>{const x=b.progress*40-20;y.set(g.current,{yPercent:x})}}):(T.current=v.create({trigger:c.current,start:"top bottom",end:"bottom bottom",scrub:!0,onUpdate:b=>{const x=b.progress*20-20;y.set(g.current,{yPercent:x})}}),H.current=v.create({trigger:c.current,start:"top top",end:"bottom top",scrub:!0,onUpdate:b=>{const x=b.progress*20;y.set(g.current,{yPercent:x})}}))}return _&&l(),()=>{N.current&&N.current.kill(),T.current&&T.current.kill(),H.current&&H.current.kill()}},[_]),e("div",{ref:ae,"data-ui-component-id":"HeroBanner",children:u("div",{ref:c,className:o(ee==="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"},w,n?.root),children:[M&&e("a",{className:"absolute inset-0 z-10",href:V(M,`${s}_${i}`),"data-headless-type-name":`${s}#${i}`,"data-headless-title-desc-button":`${a}#${r}`,tabIndex:-1,"aria-hidden":"true","aria-label":a}),e("div",{ref:g,className:o("absolute left-0 top-0 size-full"),children:Y?e(se,{poster:L?h?.url:D?R?.url||h?.url:k?.url,src:L?S?.url:D?X?.url||S?.url:W?.url,className:"laptop:w-full h-full",videoClassName:"h-full object-cover",muted:!0,loop:!0,playsInline:!0}):e(q,{className:"laptop:w-full h-full",imgClassName:"h-full object-cover",loading:"eager",fetchPriority:"high",alt:k?.alt||"",source:`${k?.url||""} , ${R?.url??(h?.url||"")} 1024, ${h?.url||""} 767`})}),u("div",{className:"hero-banner-content 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:[u("div",{className:"laptop:text-left hero-banner-wrap-text lg-desktop:max-w-[824px] desktop:max-w-[648px] laptop:max-w-[440px] tablet:max-w-[704px] max-w-[358px]",children:[P&&e(C,{as:"h3",className:o("hero-banner-label font-heading lg-desktop:text-[18px] desktop:text-base text-sm"),html:P}),a&&e(C,{as:"h2",size:$==="sm"?4:5,className:o("hero-banner-title",n.title),html:a}),r&&e(C,{as:"h3",className:o("hero-banner-subtitle font-heading lg-desktop:text-[18px] desktop:text-base laptop:mt-2 lg-desktop:mt-4 mt-1 text-sm",n.subtitle),html:r}),I&&e("div",{className:"mt-3",children:e(pe,{endDate:I,endDate_tz:K,dateFormat:O})})]}),u("div",{className:o("hero-banner-button-group laptop:justify-start lg-desktop:gap-3 flex items-center gap-2",n.buttonGroup),children:[t?.isShowPlayVideoButton&&t?.playVideoButtonText?u(z,{onClick:()=>U(!0),size:"lg",variant:"secondary",className:"hero-banner-play-video-button","data-headless-type-name":`${s}#${i}`,"data-headless-title-desc-button":`${a}#${r}#${t?.playVideoButtonText}`,children:[t?.playVideoButtonText," ",e(ge,{size:"lg"})]}):t?.text?u(z,{"aria-label":a??r,size:"lg",variant:"secondary",className:o("hero-banner-secondary-button",n.secondaryButton),as:t?.isCustomSecondaryButton?"button":"a",href:V(t?.link,`${s}_${i}`),onClick:l=>t?.isCustomSecondaryButton&&Q?.(d,l),"data-headless-type-name":`${s}#${i}`,"data-headless-title-desc-button":`${a}#${r}#${t?.text}`,children:[t?.text,e("span",{className:"sr-only",children:a??r})]}):null,p&&p.text&&e(z,{"aria-label":a??r,size:"lg",variant:"primary",className:o("hero-banner-primary-button",n.primaryButton),as:p?.isCustomPrimaryButton?"button":"a",href:V(p.link,`${s}_${i}`),onClick:l=>p?.isCustomPrimaryButton&&Z?.(d,l),"data-headless-type-name":`${s}#${i}`,"data-headless-title-desc-button":`${a}#${r}#${p?.text}`,children:p.text})]}),e("div",{className:"hero-banner-icon-group flex items-center gap-2",children:te?.map((l,m)=>e("div",{className:"h-12",children:e(q,{className:"laptop:w-full h-full",imgClassName:"h-full object-cover",loading:"eager",alt:l?.pcImage?.alt||"",source:l?.pcImage?.url})},m))})]}),B.length>0&&e("div",{className:o("hero-banner-caption-group 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]",n.captionGroup),children:B.map((l,m)=>u(F.Fragment,{children:[e(ie,{size:2,className:o("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:l.title}),m<B.length-1&&e("div",{className:o("bg-info-primary w-px")})]},m))}),E&&e(de,{visible:E,videoUrl:t?.videoUrl?.url,youTubeId:t?.youtubeId,onCloseModal:()=>U(!1)})]})})});A.displayName="HeroBanner";var Ve=ce(A);export{Ve as default};
 //# sourceMappingURL=HeroBanner.js.map