@anker-in/headless-ui 1.0.19-temp-101705 → 1.0.20-alpha.1761027154344

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/biz-components/HeaderNavigation/index.tsx"],
-  "sourcesContent": ["import React, { forwardRef, useCallback, useEffect, useImperativeHandle, useMemo, useRef, useState } from 'react'\n\nimport { Picture, Text, Button, Container, Link } from '../../components/index.js'\n\nimport { withLayout } from '../../shared/Styles.js'\n\nimport { cn, atobID } from '../../helpers/utils.js'\n\nimport type {\n  MobilePrimaryNavigationData,\n  MobileSecondaryNavigationData,\n  MobileNavigationProps,\n  DesktopNavigationProps,\n  HeaderNavigationProps,\n} from './types.js'\nimport NavProvider, { useNavContext } from './NavProvider.js'\n\nimport { HeaderNavigationMenu, HeaderNavigationBlockType, HeaderNavigationActionBlockType } from './types.js'\n\nimport { useMediaQuery } from 'react-responsive'\nimport { debounce, throttle } from 'es-toolkit'\n\nimport { useGSAP } from '@gsap/react'\nimport { gsap } from 'gsap'\nimport type { Product, ProductVariant } from '../../cpn-components/CpnProductCard/types.js'\n\nimport { WithSidebar, WithSupports, WithMulticol, WithGroupCategory } from './withCategory.js'\n\nimport { Menu, Close, User, RightArrow, LeftArrow, DownArrow, LogoLine } from './icons/index.js'\n\nconst HeaderNavigation = forwardRef<HTMLDivElement, HeaderNavigationProps>((props, ref) => {\n  const { data: { headerNavigation } = {}, buildProps, event, profile, theme = 'light' } = props\n\n  const [isMobile, setIsMobile] = useState(false)\n  const [headerHidden, setHeaderHidden] = useState(false)\n  const [changeHeaderBackground, setChangeHeaderBackground] = useState(false)\n\n  const headerRef = useRef<HTMLDivElement>(null)\n\n  const mediaQuery = useMediaQuery({ query: '(max-width: 1440px)' })\n\n  useEffect(() => {\n    setIsMobile(mediaQuery)\n  }, [mediaQuery])\n\n  useImperativeHandle(ref, () => headerRef.current as HTMLDivElement)\n\n  useEffect(() => {\n    let upwardDistance = 0\n    let lastScrollY = 0\n    const showDownNav = throttle(latest => {\n      const delta = lastScrollY - latest\n      if (delta > 0) {\n        upwardDistance += delta\n        if (upwardDistance >= 300) {\n          setHeaderHidden(false)\n          upwardDistance = 0\n        }\n      } else {\n        setHeaderHidden(latest > 300)\n      }\n      setChangeHeaderBackground(latest > 24)\n      lastScrollY = latest\n    }, 200)\n\n    const scrollAnimate = () => {\n      let scrollTop = 0\n      if (document?.documentElement && document?.documentElement?.scrollTop) {\n        scrollTop = document?.documentElement.scrollTop\n      } else if (document?.body) {\n        scrollTop = document?.body.scrollTop\n      }\n      showDownNav(scrollTop)\n    }\n\n    window.addEventListener('scroll', scrollAnimate)\n\n    return () => window.removeEventListener('scroll', scrollAnimate)\n  }, [])\n\n  return (\n    <NavProvider\n      buildProps={buildProps}\n      profile={profile}\n      isMobile={isMobile}\n      event={event}\n      payloadData={headerNavigation}\n    >\n      <header data-ui-component-id=\"HeaderNavigation\" className=\"sticky top-0 z-50\" ref={headerRef}>\n        <div\n          className={cn(\n            'border-b border-b-gray-200',\n            theme === 'light' ? 'text-black' : 'text-white',\n            {\n              ['translate-y-[-100%] transition-transform duration-500 ease-in-out']: headerHidden,\n              ['!bg-white transition-all duration-500 ease-in-out']: changeHeaderBackground,\n            },\n            {\n              ['hover:!text-black']: theme === 'dark',\n              ['!text-black']: changeHeaderBackground,\n            }\n          )}\n        >\n          {!isMobile && <DesktopNavigation data={headerNavigation} />}\n          {isMobile && <MobileNavigation data={headerNavigation} />}\n        </div>\n      </header>\n    </NavProvider>\n  )\n})\n\nconst DesktopNavigation = forwardRef<HTMLDivElement, DesktopNavigationProps>((props, ref) => {\n  const { data } = props\n  const { event } = useNavContext()\n\n  const groupCategories = useMemo(() => {\n    return WithGroupCategory(data?.categories) as any[][]\n  }, [data])\n\n  const [categoriesItem, setCategoriesItem] = useState<any>(null)\n  const [navStatusArray, setNavStatusArray] = useState<{ index: number; groupIndex: number; open: boolean }[][]>([])\n  const profileRef = useRef<HTMLDivElement>(null)\n  const [userProfileOpen, setUserProfileOpen] = useState(false)\n  const headerRef = useRef<HTMLDivElement>(null)\n  const navItemRefs = useRef<HTMLDivElement[][]>(\n    groupCategories.map((categories: any) => Array(categories?.length || 0).fill(null))\n  )\n\n  useEffect(() => {\n    if (groupCategories?.length) {\n      setNavStatusArray(\n        groupCategories?.map((groupItem: any, groupIndex: number) => {\n          return groupItem?.map((_: any, index: number) => ({ groupIndex, index, open: false }))\n        })\n      )\n    }\n  }, [groupCategories])\n\n  const currentNavItem = useMemo(() => {\n    let currentNavItem: { index: number; groupIndex: number; open: boolean } | null = null\n    for (const groupItem of navStatusArray) {\n      for (const item of groupItem) {\n        if (item.open) {\n          currentNavItem = item\n          break\n        }\n      }\n      if (currentNavItem) {\n        break\n      }\n    }\n    return currentNavItem\n  }, [navStatusArray])\n\n  useEffect(() => {\n    // document.documentElement.style.overflow = currentNavItem?.open ? 'hidden' : 'auto'\n  }, [currentNavItem])\n\n  const handleNavItemClick = (e: any, groupIndex: number, index: number) => {\n    e.stopPropagation()\n    setCategoriesItem(groupCategories[groupIndex][index])\n    setNavStatusArray(prev =>\n      prev.map(groupItem =>\n        groupItem.map(item =>\n          item.groupIndex === groupIndex && item.index === index\n            ? { ...item, open: !item.open }\n            : { ...item, open: false }\n        )\n      )\n    )\n  }\n\n  const handleNavMenuClose = () => {\n    setNavStatusArray(prev => prev.map(groupItem => groupItem.map(item => ({ ...item, open: false }))))\n  }\n\n  const currentBlockTypeCategories = useMemo(() => {\n    if (categoriesItem) return categoriesItem?.components?.[0]?.blockType\n  }, [categoriesItem])\n\n  const SidebarDropdownComp = WithSidebar(SidebarDropdown, categoriesItem)\n  const SupportsDropdownComp = WithSupports(SupportsDropdown, {\n    categoriesItem,\n    currentNavItemRef: navItemRefs.current?.[currentNavItem?.groupIndex || 0]?.[currentNavItem?.index || 0],\n  })\n  const MulticolDropdownComp = WithMulticol(MulticolDropdown, categoriesItem)\n\n  const DropdownComp = useMemo(() => {\n    switch (currentBlockTypeCategories) {\n      case HeaderNavigationBlockType.Sidebar:\n        return <SidebarDropdownComp />\n      case HeaderNavigationBlockType.Supports:\n        return <SupportsDropdownComp />\n      case HeaderNavigationBlockType.Multicol:\n        return <MulticolDropdownComp />\n      default:\n        return null\n    }\n  }, [currentBlockTypeCategories, MulticolDropdownComp, SidebarDropdownComp, SupportsDropdownComp])\n\n  const actions = useMemo(() => {\n    return data?.headerBar?.actions?.filter((item: any) => item?.pcShow)\n  }, [data])\n\n  const profileAction = useMemo(() => {\n    return actions?.find((item: any) => item?.blockType === HeaderNavigationActionBlockType.Profile)\n  }, [actions])\n\n  const handleProfileClick = useCallback(() => {\n    setUserProfileOpen(prev => !prev)\n  }, [])\n\n  useEffect(() => {\n    if (profileRef?.current) {\n      const profileRefElement = profileRef.current as HTMLDivElement\n      profileRefElement.addEventListener('click', handleProfileClick)\n\n      return () => {\n        profileRefElement.removeEventListener('click', handleProfileClick)\n      }\n    }\n  }, [handleProfileClick])\n\n  return (\n    <Container childClassName=\"bg-white\" className=\"relative h-[96px]\">\n      <div ref={headerRef} onClick={handleNavMenuClose} className=\"flex h-full flex-col justify-end gap-4\">\n        <div className=\"flex items-center justify-between\">\n          <Logo />\n          <Actions ref={profileRef} actions={actions} />\n        </div>\n        <div className=\"flex justify-between\">\n          {groupCategories?.map((groupItem: any, groupIndex: number) => {\n            return (\n              <div key={`groupCategory-${groupIndex}`} className=\"flex gap-6\">\n                {groupItem?.map((item: any, index: number) => {\n                  return (\n                    <div\n                      key={item.id}\n                      ref={(el: HTMLDivElement) => {\n                        navItemRefs.current[groupIndex][index] = el\n                      }}\n                      className=\"hover:text-brand-0 cursor-pointer\"\n                    >\n                      <div className=\"relative\">\n                        <div\n                          className=\"flex items-center gap-1 pb-4\"\n                          onClick={e => handleNavItemClick(e, groupIndex, index)}\n                          // onMouseEnter={() => handleMouseEnter(groupIndex, index)}\n                        >\n                          <Text\n                            html={item.text}\n                            className={cn(' text-sm font-bold leading-[1.4]', {\n                              'text-brand-0':\n                                currentNavItem?.groupIndex === groupIndex && currentNavItem?.index === index,\n                            })}\n                          />\n                          <DownArrow\n                            className={cn({\n                              ['text-brand-0']:\n                                currentNavItem?.groupIndex === groupIndex && currentNavItem?.index === index,\n                            })}\n                          />\n                        </div>\n                        <div\n                          className={cn(\n                            'absolute bottom-0 left-0 h-[2px] w-0 bg-[#1D1D1F] transition-all duration-500',\n                            {\n                              'w-full': currentNavItem?.groupIndex === groupIndex && currentNavItem?.index === index,\n                            }\n                          )}\n                        />\n                      </div>\n                    </div>\n                  )\n                })}\n              </div>\n            )\n          })}\n        </div>\n      </div>\n      {currentNavItem?.open && categoriesItem && (\n        <div\n          className=\"absolute left-0 top-full z-[999] flex w-full flex-col bg-black/70\"\n          style={{ height: `calc(100vh - ${headerRef?.current?.getBoundingClientRect()?.bottom}px)` }}\n        >\n          <div className=\"relative z-50\">{DropdownComp}</div>\n          <div className=\"flex-1 bg-transparent\" onClick={handleNavMenuClose} />\n        </div>\n      )}\n      {userProfileOpen && (\n        <div\n          className=\"absolute left-0 z-[999] flex w-full bg-black/70\"\n          style={{\n            height: `calc(100vh - ${profileRef?.current?.getBoundingClientRect()?.bottom}px)`,\n            top: `calc(12px + ${profileRef?.current?.getBoundingClientRect()?.top}px)`,\n          }}\n        >\n          <div\n            // onMouseLeave={handleProfileMouseLeave}\n            // onMouseEnter={handleProfileMouseEnter}\n            className=\"absolute max-w-[272px] bg-white p-4\"\n            style={{ right: `calc(100% - ${profileRef?.current?.getBoundingClientRect()?.right}px)` }}\n          >\n            <Text html={profileAction?.benefits_title} className=\"text-sm font-bold leading-[1.4]\" />\n            <div className=\"mt-3 flex flex-col gap-1\">\n              {profileAction?.benefits?.map((item: any) => (\n                <div key={item.id} className=\"flex items-center gap-[6px]\">\n                  <Picture\n                    source={item.benefitIcon?.url}\n                    className=\"size-4\"\n                    alt={item.benefit}\n                    width={16}\n                    height={16}\n                  />\n                  <Text html={item.benefit} className=\"text-sm font-bold leading-[1.4]\" />\n                </div>\n              ))}\n            </div>\n            <div className=\"mt-4 flex items-center gap-2\">\n              <Button variant=\"secondary\" size=\"sm\" onClick={() => event?.join?.()}>\n                <Text html={profileAction?.primaryButton || 'Join Now'} className=\"text-sm font-bold leading-[1.4]\" />\n              </Button>\n              <Button variant=\"primary\" size=\"sm\" onClick={() => event?.login?.()}>\n                <Text html={profileAction?.secondaryButton || 'Log In'} className=\"text-sm font-bold leading-[1.4]\" />\n              </Button>\n            </div>\n          </div>\n          <div className=\"flex-1 bg-transparent\" onClick={() => setUserProfileOpen(false)} />\n        </div>\n      )}\n    </Container>\n  )\n})\n\n/**\n * \u4FA7\u8FB9\u680F\u4E0B\u62C9\n * @param categoriesItem \u5206\u7C7B\u9879\n */\nconst SidebarDropdown = ({\n  sidebarCategoriesMetadata,\n  seriesMetadata,\n}: {\n  sidebarCategoriesMetadata: any\n  seriesMetadata: any\n}) => {\n  const [expandedSubcategory, setExpandedSubcategory] = useState<{ index: number; open: boolean }[]>([])\n  const [activeSubSubcategoryIndex, setActiveSubSubcategoryIndex] = useState(0)\n  const sidebarDropdownRef = useRef<HTMLDivElement>(null)\n\n  useGSAP(() => {\n    gsap.fromTo(\n      sidebarDropdownRef?.current,\n      {\n        height: 0,\n      },\n      {\n        height: 548,\n      }\n    )\n  }, [])\n\n  useEffect(() => {\n    if (sidebarCategoriesMetadata?.subcategories?.length) {\n      setExpandedSubcategory(\n        sidebarCategoriesMetadata?.subcategories?.map((_: any, index: number) => ({ index, open: false }))\n      )\n    }\n  }, [sidebarCategoriesMetadata])\n\n  // \u901A\u8FC7categoriesMetadata\u7684subSubCategories\u7684label\u4E0Eseries\u7684label\u5339\u914D\n  const matchSeriesMetadata = useMemo(() => {\n    return (\n      seriesMetadata?.find(\n        (item: any) =>\n          sidebarCategoriesMetadata?.subcategories?.[expandedSubcategory?.find(item => item.open)?.index || 0]\n            ?.subSubCategories?.[activeSubSubcategoryIndex]?.label === item.label\n      ) || {}\n    )\n  }, [sidebarCategoriesMetadata, expandedSubcategory, activeSubSubcategoryIndex, seriesMetadata])\n\n  const handleSubcategoryOpen = (index: number) => {\n    setExpandedSubcategory(prev =>\n      prev.map(item => (item.index === index ? { ...item, open: !item.open } : { ...item, open: false }))\n    )\n  }\n\n  const handleSubSubcategoryOpen = (index: number) => {\n    setActiveSubSubcategoryIndex(index)\n  }\n\n  return (\n    <Container childClassName=\"lg-desktop:gap-12 flex bg-white gap-8\">\n      <div\n        className=\"lg-desktop:basis-[356px] flex basis-[284px] flex-col gap-4 py-4\"\n        style={{\n          userSelect: 'none',\n        }}\n      >\n        <div className=\"desktop:max-h-[416px] flex flex-col overflow-y-auto\">\n          {sidebarCategoriesMetadata?.subcategories?.map((subItem: any, index: number) => (\n            <div key={`subcategoryItem-${index}`}>\n              <div\n                className=\"flex cursor-pointer items-center justify-between\"\n                onClick={() => handleSubcategoryOpen(index)}\n              >\n                <Text html={subItem.label} className=\"p-4 text-sm font-bold leading-[1.4]\" />\n                <DownArrow\n                  className={cn({ ['rotate-180']: expandedSubcategory.find(item => item.index === index)?.open })}\n                />\n              </div>\n              {expandedSubcategory.find(item => item.index === index)?.open && (\n                <div className=\"flex flex-col\">\n                  {subItem.subSubCategories?.map((subSubItem: any, subSubindex: number) => (\n                    <Text\n                      html={subSubItem.label}\n                      onMouseEnter={() => handleSubSubcategoryOpen(subSubindex)}\n                      key={`subSubItem-${index}-${subSubindex}`}\n                      className={cn(\n                        'cursor-pointer px-6 py-4 text-sm font-bold leading-[1.4] text-[#6D6D6F] hover:bg-[#F5F5F7]'\n                      )}\n                    />\n                  ))}\n                </div>\n              )}\n            </div>\n          ))}\n        </div>\n        <div className=\"flex\">\n          <div className=\"flex flex-col gap-4\">\n            <Button variant=\"primary\" size=\"lg\" className=\"text-base\">\n              <a href={sidebarCategoriesMetadata?.primary?.url}>{sidebarCategoriesMetadata?.primary?.label}</a>\n            </Button>\n            <Button variant=\"link\" size=\"lg\" className=\"justify-start py-0 text-base\">\n              <a href={sidebarCategoriesMetadata?.secondary?.url}>{sidebarCategoriesMetadata?.secondary?.label}</a>\n            </Button>\n          </div>\n        </div>\n      </div>\n      {\n        <div className=\"flex-1\">\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 html={matchSeriesMetadata?.label} className=\"text-2xl font-bold leading-[1.4]\" />\n                <Button variant=\"link\" size=\"lg\" className=\"justify-start p-0 text-base\">\n                  <Link\n                    href={matchSeriesMetadata?.primary?.url}\n                    className=\"text-base font-bold leading-[1.2] no-underline\"\n                  >\n                    {matchSeriesMetadata?.primary?.label}\n                  </Link>\n                </Button>\n              </div>\n              <Link href={matchSeriesMetadata?.guide?.url} className=\"text-base leading-[1.2] text-[#6D6D6F]\">\n                {matchSeriesMetadata?.guide?.label}\n              </Link>\n            </div>\n          )}\n          <div className=\"flex flex-col gap-4 overflow-y-auto\" ref={sidebarDropdownRef}>\n            {matchSeriesMetadata?.series?.map((seriesItem: any, seriesIndex: number) => (\n              <div key={`seriesItem-${seriesIndex}`}>\n                <Text html={seriesItem.label} className=\"text-sm font-bold leading-[1.4] text-[#6D6D6F]\" />\n                <div className=\"mt-2 grid grid-cols-3 gap-4\">\n                  {seriesItem.products?.map((product: any, index: number) => (\n                    <SeriesProductItem key={`seriesProductItem-${index}`} product={product} />\n                  ))}\n                </div>\n              </div>\n            ))}\n          </div>\n        </div>\n      }\n    </Container>\n  )\n}\n\n/**\n * \u591A\u5217\u4E0B\u62C9\n * @param categoriesItem \u5206\u7C7B\u9879\n */\nconst MulticolDropdown = ({ multicolMetadata }: { multicolMetadata: any }) => {\n  const multicolDropdownRef = useRef<HTMLDivElement>(null)\n\n  useGSAP(() => {\n    gsap.fromTo(\n      multicolDropdownRef?.current,\n      {\n        height: 0,\n      },\n      {\n        height: 'auto',\n      }\n    )\n  }, [])\n\n  return (\n    <div ref={multicolDropdownRef}>\n      <Container childClassName=\"bg-white\" className=\"h-full\">\n        <div className=\"flex gap-4 py-4\">\n          {multicolMetadata?.map((item: any, index: number) => (\n            <div key={`multicolItem-${item?.label}-${index}`} className=\"w-1/4\">\n              <MulticolItem item={item} />\n            </div>\n          ))}\n        </div>\n      </Container>\n    </div>\n  )\n}\n\n/**\n * supports\u4E0B\u62C9\n * @param categoriesItem \u5206\u7C7B\u9879\n * @param currentNavItemRef \u5F53\u524D\u5BFC\u822A\u9879\n */\nconst SupportsDropdown = ({\n  supportsMetadata,\n  currentNavItemRef,\n}: {\n  supportsMetadata: any\n  currentNavItemRef: HTMLDivElement\n}) => {\n  const supportsDropdownRef = useRef<HTMLDivElement>(null)\n  const [navItemReact, setNavItemReact] = useState<DOMRect | null>(null)\n\n  useGSAP(() => {\n    gsap.fromTo(\n      supportsDropdownRef?.current,\n      {\n        height: 0,\n      },\n      {\n        height: 'auto',\n      }\n    )\n  }, [])\n\n  const debouncedHandleResize = debounce(() => {\n    if (currentNavItemRef) {\n      const rect = currentNavItemRef.getBoundingClientRect()\n      setNavItemReact(rect)\n    }\n  }, 500)\n\n  useEffect(() => {\n    debouncedHandleResize()\n    window.addEventListener('resize', debouncedHandleResize)\n    return () => {\n      window.removeEventListener('resize', debouncedHandleResize)\n    }\n  }, [debouncedHandleResize])\n\n  useEffect(() => {\n    if (currentNavItemRef) {\n      const rect = currentNavItemRef.getBoundingClientRect()\n      setNavItemReact(rect)\n    }\n  }, [currentNavItemRef])\n\n  return (\n    <div\n      className=\"absolute top-0 h-full bg-white p-4\"\n      ref={supportsDropdownRef}\n      style={{ right: `calc(100% - ${navItemReact?.right}px)` }}\n    >\n      <div>\n        {supportsMetadata?.map((supportItem: any) => (\n          <div key={supportItem.id} className=\"py-2\">\n            <Link href={supportItem.url} className=\"text-sm font-bold leading-[1.4] no-underline\">\n              {supportItem.label}\n            </Link>\n          </div>\n        ))}\n      </div>\n    </div>\n  )\n}\n\nconst SeriesProductItem = ({ product }: { product: any }) => {\n  const { buildProps } = useNavContext()\n  const productData = buildProps?.products?.find((item: Product) => item.handle === product.handle)\n  const variant = productData?.variants?.find((item: ProductVariant) => item.sku === product.sku)\n\n  const listingLink = useMemo(() => {\n    return `/products/${productData?.handle}?variant=${atobID(variant?.id as string)}`\n  }, [productData?.handle, variant?.id])\n\n  return (\n    <div className=\"flex shrink-0 items-center gap-4 bg-[#F5F5F7] px-4 py-3 [&_img]:hover:scale-105\">\n      <div className=\"shrink-0 basis-[96px]\">\n        <Picture source={`${variant?.image?.url || product?.images?.[0]?.url}}`} width={96} height={96} />\n      </div>\n      <div className=\"relative\">\n        {product?.badge && (\n          <Text\n            as=\"p\"\n            html={product?.badge}\n            className=\"text-brand-0 mb-1 inline-block h-[24px] rounded-full border-[1.6px] border-[#00BEFA] px-[6px] text-sm font-bold !leading-[24px]\"\n          />\n        )}\n        <Link href={listingLink} className=\"no-underline\">\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        </Link>\n        {product?.desc && (\n          <Text\n            as=\"p\"\n            html={product?.desc}\n            className=\"lg-desktop:text-sm mt-1 text-xs font-bold leading-[1.4] text-[#6D6D6F]\"\n          />\n        )}\n      </div>\n    </div>\n  )\n}\n\n/**\n * \u591A\u5217\u4E0B\u62C9\u9879\n * @param item \u591A\u5217\u4E0B\u62C9\u9879\n */\nconst MulticolItem = ({ item }: { item: any }) => {\n  return (\n    <>\n      {item?.columns && (\n        <>\n          <Text html={item.label} as=\"div\" className=\"my-2 text-sm font-bold leading-[1.4] text-[#6D6D6F]\" />\n          <div className=\"mt-2 flex flex-col\">\n            {item.columns?.map((columnItem: any) => (\n              <div key={columnItem.label} className=\"py-2\">\n                <Link href={columnItem.url} className=\"text-sm font-bold leading-[1.4] no-underline\">\n                  {columnItem.label}\n                </Link>\n              </div>\n            ))}\n          </div>\n        </>\n      )}\n      {item?.imageUrl && (\n        <div className=\"laptop:h-[280px] laptop:w-[404px] desktop:w-full desktop:h-auto relative h-[240px] w-[358px]\">\n          <Picture source={item.imageUrl} width={404} height={280} />\n          <Link href={item.url} className=\"absolute inset-0 z-10 flex flex-col justify-end p-4 no-underline\">\n            <Text html={item.title} className=\"desktop:text-2xl text-xl font-bold leading-[1.2] text-white\" />\n            <Text html={item.subtitle} className=\"text-sm font-bold leading-[1.4] text-white\" />\n          </Link>\n        </div>\n      )}\n    </>\n  )\n}\n\n/**\n * \u79FB\u52A8\u7AEF\u5BFC\u822A\n * @param menuHeight \u83DC\u5355\u9AD8\u5EA6\n * @param data \u5BFC\u822A\u6570\u636E\n */\nconst MobileNavigation = forwardRef<HTMLDivElement, MobileNavigationProps>(({ data }, ref) => {\n  const groupCategories = useMemo(() => {\n    return WithGroupCategory(data?.categories)\n  }, [data])\n\n  const { currentMenu, setCurrentMenu, thirdNavTitle } = useNavContext()\n  const [mobileMenuOpen, setMobileMenuOpen] = useState(false)\n  const [menuInnerHeight, setMenuInnerHeight] = useState(0)\n  const [categoriesItem, setCategoriesItem] = useState<any>(null)\n\n  const mobileMenuRef = useRef<HTMLDivElement>(null)\n\n  useEffect(() => {\n    if (mobileMenuRef?.current && mobileMenuOpen) {\n      const rect = mobileMenuRef?.current?.getBoundingClientRect()\n      setMenuInnerHeight(window?.innerHeight - (rect?.bottom || 0))\n    }\n  }, [mobileMenuOpen])\n\n  useGSAP(() => {\n    gsap.fromTo(\n      mobileMenuRef.current,\n      {\n        height: 0,\n      },\n      {\n        height: menuInnerHeight,\n        duration: 0.5,\n      }\n    )\n  }, [menuInnerHeight])\n\n  useEffect(() => {\n    document.documentElement.style.overflow = mobileMenuOpen ? 'hidden' : 'auto'\n  }, [mobileMenuOpen])\n\n  const currentBlockTypeCategories = useMemo(() => {\n    return categoriesItem?.components?.[0]?.blockType\n  }, [categoriesItem])\n\n  const MobileSidebarMenuComp = WithSidebar(MobileSidebarMenu, categoriesItem)\n  const MobileSupportMenuComp = WithSupports(MobileSupportMenu, {\n    categoriesItem,\n  })\n  const MobileMulticolMenuComp = WithMulticol(MobileMulticolMenu, categoriesItem)\n\n  const MobileCategoriesMenuComp = useMemo(() => {\n    switch (currentBlockTypeCategories) {\n      case HeaderNavigationBlockType.Sidebar:\n        return <MobileSidebarMenuComp />\n      case HeaderNavigationBlockType.Supports:\n        return <MobileSupportMenuComp />\n      case HeaderNavigationBlockType.Multicol:\n        return <MobileMulticolMenuComp />\n      default:\n        return null\n    }\n  }, [currentBlockTypeCategories, MobileSidebarMenuComp, MobileSupportMenuComp, MobileMulticolMenuComp])\n\n  const handleSecondaryMenuClose = useCallback(() => {\n    setMobileMenuOpen(false)\n    setMenuInnerHeight(0)\n    setCurrentMenu && setCurrentMenu(HeaderNavigationMenu.Primary)\n  }, [setMobileMenuOpen, setMenuInnerHeight, setCurrentMenu])\n\n  const menuActions = useMemo(() => {\n    return data?.headerBar?.actions?.filter(\n      (item: any) => item?.mobileShow && item?.blockType !== HeaderNavigationActionBlockType.Profile // \u79FB\u52A8\u7AEF\u4E0D\u663E\u793Aprofile\u6309\u94AE\n    )\n  }, [data])\n\n  const profileAction = useMemo(() => {\n    return (\n      data?.headerBar?.actions?.find(\n        (item: any) => item?.mobileShow && item?.blockType === HeaderNavigationActionBlockType.Profile\n      ) || {}\n    )\n  }, [data])\n\n  const MobileCategoriesHeaderComp = useMemo(() => {\n    switch (currentMenu) {\n      case HeaderNavigationMenu.Primary:\n        return (\n          <PrimaryHeader\n            actions={menuActions}\n            menuOpen={mobileMenuOpen}\n            onMenuOpenClose={() => {\n              setMobileMenuOpen(false)\n              setMenuInnerHeight(0)\n            }}\n            onMenuOpenClick={() => setMobileMenuOpen(true)}\n          />\n        )\n      case HeaderNavigationMenu.Secondary:\n        return (\n          <SecondaryHeader\n            title={categoriesItem?.text}\n            onMenuOpenClose={handleSecondaryMenuClose}\n            onMenuBackClick={() => setCurrentMenu?.(HeaderNavigationMenu.Primary)}\n          />\n        )\n      case HeaderNavigationMenu.Third:\n        return (\n          <SecondaryHeader\n            title={thirdNavTitle}\n            onMenuOpenClose={handleSecondaryMenuClose}\n            onMenuBackClick={() => setCurrentMenu?.(HeaderNavigationMenu.Secondary)}\n          />\n        )\n      default:\n        return null\n    }\n  }, [\n    mobileMenuOpen,\n    currentMenu,\n    setCurrentMenu,\n    categoriesItem,\n    menuActions,\n    thirdNavTitle,\n    handleSecondaryMenuClose,\n  ])\n\n  const handlePrimaryMenuClick = useCallback(\n    (groupIndex: number, index: number) => {\n      const categoriesItem = Array.isArray(groupCategories)\n        ? Array.isArray(groupCategories[groupIndex])\n          ? groupCategories[groupIndex][index]\n          : {}\n        : {}\n      setCategoriesItem(categoriesItem)\n      setCurrentMenu?.(HeaderNavigationMenu.Secondary)\n    },\n    [groupCategories, setCurrentMenu]\n  )\n\n  return (\n    <Container childClassName=\"bg-white\" className=\"relative h-[52px]\">\n      {/* \u79FB\u52A8\u7AEF\u5206\u7C7B\u83DC\u5355 */}\n      {MobileCategoriesHeaderComp}\n      {mobileMenuOpen && (\n        <div\n          ref={mobileMenuRef}\n          className=\"absolute left-0 top-[calc(100%+1px)] z-[999] w-full overflow-y-auto bg-white\"\n          style={{ height: menuInnerHeight }}\n        >\n          {currentMenu === HeaderNavigationMenu.Primary ? (\n            <MobilePrimaryMenu\n              categories={groupCategories}\n              onPrimaryMenuClick={handlePrimaryMenuClick}\n              profileAction={profileAction}\n            />\n          ) : (\n            MobileCategoriesMenuComp\n          )}\n        </div>\n      )}\n    </Container>\n  )\n})\n\n/**\n * \u79FB\u52A8\u7AEF\u4E00\u7EA7\u83DC\u5355\n * @param categories \u5206\u7C7B\n * @param onPrimaryMenuClick \u4E00\u7EA7\u83DC\u5355\u70B9\u51FB\n */\nconst MobilePrimaryMenu = ({\n  categories,\n  onPrimaryMenuClick,\n  profileAction,\n}: {\n  categories: any\n  onPrimaryMenuClick: (groupIndex: number, index: number) => void\n  profileAction: any\n}) => {\n  return (\n    <div className=\"flex h-full flex-col justify-between\">\n      <div className=\"tablet:px-8 laptop:px-16 p-4\">\n        {categories?.map((groupItem: any, groupIndex: number) => (\n          <div key={`groupCategory-${groupIndex}`} className=\"\">\n            {groupItem?.map((item: any, index: number) => (\n              <MenuItem key={item.id} label={item.text} onClick={() => onPrimaryMenuClick(groupIndex, index)} />\n            ))}\n            <div\n              className={cn('my-2 h-px w-full bg-[#E5E5E7]', { ['hidden']: groupIndex === categories.length - 1 })}\n            />\n          </div>\n        ))}\n      </div>\n      <ProfileComp profileAction={profileAction} />\n    </div>\n  )\n}\n\n/**\n * \u79FB\u52A8\u7AEF\u4FA7\u8FB9\u680F\u4E0B\u62C9\n * @param sidebarCategoriesMetadata \u4FA7\u8FB9\u680F\u5206\u7C7B\u5143\u6570\u636E\n * @param seriesMetadata \u4FA7\u8FB9\u680F\u7CFB\u5217\u5143\u6570\u636E\n */\nconst MobileSidebarMenu = ({\n  sidebarCategoriesMetadata,\n  seriesMetadata,\n}: {\n  sidebarCategoriesMetadata: any\n  seriesMetadata: any\n}) => {\n  const { currentMenu, setCurrentMenu, setThirdNavTitle, matchSeriesMetadata, setMatchSeriesMetadata } = useNavContext()\n  const [expandedSubcategory, setExpandedSubcategory] = useState<{ index: number; open: boolean }[]>([])\n\n  useEffect(() => {\n    if (sidebarCategoriesMetadata?.subcategories?.length) {\n      setExpandedSubcategory(\n        sidebarCategoriesMetadata?.subcategories?.map((_: any, index: number) => ({ index, open: false }))\n      )\n    }\n  }, [sidebarCategoriesMetadata])\n\n  const MobileSidebarMenuComp = useMemo(() => {\n    switch (currentMenu) {\n      case HeaderNavigationMenu.Secondary:\n        return (\n          // \u4E8C\u7EA7\u83DC\u5355\n          <div className=\"tablet:px-8 laptop:px-16 flex h-full flex-col justify-between p-4\">\n            <div>\n              {sidebarCategoriesMetadata?.subcategories?.map((item: any, index: number) => (\n                <div key={`${item.label}-${index}`}>\n                  <MenuItem\n                    label={item?.label}\n                    active={expandedSubcategory.find(item => item.index === index)?.open}\n                    onClick={() => {\n                      setExpandedSubcategory(prev =>\n                        prev.map(item =>\n                          item.index === index ? { ...item, open: !item.open } : { ...item, open: false }\n                        )\n                      )\n                    }}\n                  />\n                  {expandedSubcategory.find(item => item.index === index)?.open &&\n                    item.subSubCategories?.map((subItem: any, subIndex: number) => (\n                      <div\n                        key={`${index}-${subIndex}`}\n                        className=\"px-2 py-4\"\n                        onClick={() => {\n                          setCurrentMenu && setCurrentMenu(HeaderNavigationMenu.Third)\n                          // \u901A\u8FC7categoriesMetadata\u7684subSubCategories\u7684label\u4E0Eseries\u7684label\u5339\u914D\n                          setMatchSeriesMetadata?.(\n                            seriesMetadata?.find(\n                              (item: any) =>\n                                sidebarCategoriesMetadata?.subcategories?.[index]?.subSubCategories?.[subIndex]\n                                  ?.label === item.label\n                            ) || {}\n                          )\n                          setThirdNavTitle && setThirdNavTitle(subItem.label)\n                        }}\n                      >\n                        <Text html={subItem.label} className=\"text-sm font-bold leading-[1.4]\" />\n                      </div>\n                    ))}\n                </div>\n              ))}\n              <Link href={matchSeriesMetadata?.guide?.url}>\n                <div className=\"mt-4\">\n                  <Text\n                    html={matchSeriesMetadata?.guide?.label}\n                    className=\"text-sm font-bold leading-[1.2] text-[#6D6D6F]\"\n                  />\n                </div>\n              </Link>\n            </div>\n            <div className=\"tablet:items-start flex flex-col items-center gap-4\">\n              <Button variant=\"primary\" size=\"lg\" className=\"tablet:w-auto w-full text-base\">\n                <a href={sidebarCategoriesMetadata?.primary?.url}>{sidebarCategoriesMetadata?.primary?.label}</a>\n              </Button>\n              <Button variant=\"link\" size=\"lg\" className=\"tablet:w-auto tablet:px-0 w-full py-0 text-base\">\n                <a href={sidebarCategoriesMetadata?.secondary?.url}>{sidebarCategoriesMetadata?.secondary?.label}</a>\n              </Button>\n            </div>\n          </div>\n        )\n      case HeaderNavigationMenu.Third:\n        return (\n          // \u4E09\u7EA7\u83DC\u5355\n          <div className=\"tablet:px-8 laptop:px-16 desktop:px-0 p-4\">\n            {Reflect.ownKeys(matchSeriesMetadata).length > 0 && (\n              <div className=\"tablet:pt-0 flex items-center gap-3 py-4\">\n                <Text html={matchSeriesMetadata?.label} className=\"text-xl font-bold leading-[1.4]\" />\n                <Button variant=\"link\" size=\"lg\" className=\"p-0\">\n                  <Link href={matchSeriesMetadata?.primary?.url} className=\"text-base leading-[1.2]\">\n                    {matchSeriesMetadata?.primary?.label}\n                  </Link>\n                </Button>\n              </div>\n            )}\n            <div className=\"flex flex-col gap-6\">\n              {matchSeriesMetadata?.series?.map((seriesItem: any, pIndex: number) => (\n                <div key={`seriesItem-${pIndex}`}>\n                  <Text html={seriesItem.label} className=\"text-sm font-bold leading-[1.4] text-[#3D3D3F]\" />\n                  <div className=\"laptop:grid-cols-3 laptop:gap-4 tablet:grid tablet:grid-cols-2 tablet:gap-3 mt-2 flex flex-col gap-2\">\n                    {seriesItem.products?.map((product: any, index: number) => (\n                      <SeriesProductItem key={`seriesProductItem-${pIndex}-${index}`} product={product} />\n                    ))}\n                  </div>\n                </div>\n              ))}\n            </div>\n          </div>\n        )\n      default:\n        return null\n    }\n  }, [\n    currentMenu,\n    matchSeriesMetadata,\n    sidebarCategoriesMetadata,\n    setThirdNavTitle,\n    setCurrentMenu,\n    setMatchSeriesMetadata,\n    seriesMetadata,\n    expandedSubcategory,\n  ])\n\n  return MobileSidebarMenuComp\n}\n\n/**\n * \u79FB\u52A8\u7AEFsupport\u83DC\u5355\n * @param supportsMetadata support\u83DC\u5355\u5143\u6570\u636E\n */\nconst MobileSupportMenu = ({ supportsMetadata }: { supportsMetadata: any }) => {\n  return (\n    <div className=\"tablet:px-8 laptop:px-16 p-4\">\n      {supportsMetadata?.map((supportItem: any) => (\n        <MenuItem key={supportItem.id} href={supportItem.url} label={supportItem.label} onClick={() => {}} />\n      ))}\n    </div>\n  )\n}\n\n/**\n * \u79FB\u52A8\u7AEFmulticol\u83DC\u5355\n * @param multicolMetadata multicol\u83DC\u5355\u5143\u6570\u636E\n */\nconst MobileMulticolMenu = ({ multicolMetadata }: { multicolMetadata: any }) => {\n  return (\n    <div className=\"tablet:px-8 tablet:p-4 laptop:px-16 flex flex-col gap-4 px-4\">\n      {multicolMetadata?.map((item: any, index: number) => (\n        <div key={`multicolItem-${item?.label}-${index}`}>\n          <MulticolItem item={item} />\n        </div>\n      ))}\n    </div>\n  )\n}\n\nconst ProfileComp = ({ profileAction }: { profileAction: any }) => {\n  const [profileOpen, setProfileOpen] = useState(false)\n  const { profile, event } = useNavContext()\n  return (\n    <div className=\"tablet:px-8 laptop:px-16 bg-[#F5F5F7] px-4 py-6\">\n      <div className=\"flex items-center justify-between\" onClick={() => setProfileOpen(!profileOpen)}>\n        <div className=\"flex items-center gap-[14px]\">\n          <div className=\"flex size-[40px] items-center justify-center rounded-full bg-white\">\n            <User />\n          </div>\n          <Text html={profile?.nick_name || profileAction?.welcome} className=\"text-base font-bold leading-[1.4]\" />\n        </div>\n        <RightArrow className={cn({ 'rotate-90': profileOpen })} />\n      </div>\n      {profile?.email && (\n        <div className=\"mt-4\">\n          {profileAction?.profiles?.map((item: any) => <MenuItem key={item.id} label={item?.title} href={item?.url} />)}\n        </div>\n      )}\n      {profileOpen && !profile?.email && (\n        <div className=\"mt-4\">\n          <Text html={profileAction?.benefits_title} className=\"text-sm font-bold leading-[1.4]\" />\n          <div className=\"mt-3 flex flex-col gap-1\">\n            {profileAction?.benefits?.map((item: any) => (\n              <div key={item.id} className=\"flex items-center gap-[6px]\">\n                <Picture source={item.benefitIcon?.url} className=\"size-4\" alt={item.benefit} width={16} height={16} />\n                <Text html={item.benefit} className=\"text-sm font-bold leading-[1.4]\" />\n              </div>\n            ))}\n          </div>\n        </div>\n      )}\n      <div className=\"tablet:mt-4 mt-6 flex items-center gap-3\">\n        <Button className=\"tablet:flex-none flex-1\" variant=\"secondary\" size=\"sm\" onClick={() => event?.join?.()}>\n          <Text html={profileAction?.primaryButton || 'Join Now'} className=\"text-sm font-bold leading-[1.4]\" />\n        </Button>\n        <Button className=\"tablet:flex-none flex-1\" variant=\"primary\" size=\"sm\" onClick={() => event?.login?.()}>\n          <Text html={profileAction?.secondaryButton || 'Log In'} className=\"text-sm font-bold leading-[1.4]\" />\n        </Button>\n      </div>\n    </div>\n  )\n}\n\nconst PrimaryHeader = ({ menuOpen, onMenuOpenClose, onMenuOpenClick, actions }: MobilePrimaryNavigationData) => {\n  return (\n    <div className=\"flex h-full items-center justify-between gap-4\">\n      <Logo />\n      <div className=\"desktop:gap-6 flex items-center gap-4\">\n        <Actions actions={actions} />\n        {menuOpen ? <Close onClick={() => onMenuOpenClose()} /> : <Menu onClick={() => onMenuOpenClick()} />}\n      </div>\n    </div>\n  )\n}\n\nconst Logo = () => {\n  const { payloadData } = useNavContext()\n  return (\n    <div className=\"desktop:gap-2 flex items-center gap-[6px]\">\n      <div dangerouslySetInnerHTML={{ __html: payloadData?.headerBar?.logo }} />\n      <LogoLine />\n      <Text html={payloadData?.headerBar?.slogan} className=\"tablet:text-sm text-xs font-bold leading-[1.4]\" />\n    </div>\n  )\n}\n\nconst Actions = forwardRef<HTMLDivElement, { actions: any }>(({ actions }, ref) => {\n  const { event } = useNavContext()\n\n  const handleActionClick = useCallback(\n    (action: any) => {\n      switch (action?.blockType) {\n        case HeaderNavigationActionBlockType.Search:\n          event?.search?.()\n          break\n        case HeaderNavigationActionBlockType.Cart:\n          event?.cart?.()\n          break\n        case HeaderNavigationActionBlockType.Profile:\n          event?.profile?.()\n          break\n        case HeaderNavigationActionBlockType.Livestream:\n          event?.livestream?.()\n          break\n        default:\n          return () => {}\n      }\n    },\n    [event]\n  )\n\n  return (\n    <div className=\"desktop:gap-6 flex items-center gap-4\">\n      {Array.isArray(actions) &&\n        actions?.map((action: any) => (\n          <div\n            key={action.id}\n            ref={action.blockType === HeaderNavigationActionBlockType.Profile ? ref : null}\n            onClick={() => handleActionClick(action)}\n          >\n            <Text html={action.icon} className=\"hover:text-brand-0 cursor-pointer\" />\n          </div>\n        ))}\n    </div>\n  )\n})\n\nconst SecondaryHeader = ({ title, onMenuOpenClose, onMenuBackClick }: MobileSecondaryNavigationData) => {\n  return (\n    <div className=\"flex h-full items-center gap-3\">\n      <LeftArrow onClick={() => onMenuBackClick()} />\n      <Text html={title} className=\"flex-1 text-center text-base font-bold leading-[1.4]\" />\n      <Close onClick={() => onMenuOpenClose()} />\n    </div>\n  )\n}\n\nconst MenuItem = ({\n  label,\n  href,\n  onClick,\n  active,\n}: {\n  label: string\n  href?: string\n  onClick?: () => void\n  active?: boolean\n}) => {\n  return (\n    <div className=\"flex cursor-pointer items-center justify-between py-4\" onClick={onClick}>\n      <Link href={href} asChild={!href} className=\"flex w-full items-center justify-between no-underline\">\n        <Text html={label} className=\"text-sm font-bold leading-[1.4]\" />\n        <RightArrow className={cn({ 'rotate-90': active })} />\n      </Link>\n    </div>\n  )\n}\n\nexport default withLayout(HeaderNavigation)\n"],
-  "mappings": "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",
-  "names": ["HeaderNavigation_exports", "__export", "HeaderNavigation_default", "__toCommonJS", "import_jsx_runtime", "import_react", "import_components", "import_Styles", "import_utils", "import_NavProvider", "import_types", "import_react_responsive", "import_es_toolkit", "import_gsap", "import_withCategory", "import_icons", "HeaderNavigation", "props", "ref", "headerNavigation", "buildProps", "event", "profile", "theme", "isMobile", "setIsMobile", "headerHidden", "setHeaderHidden", "changeHeaderBackground", "setChangeHeaderBackground", "headerRef", "mediaQuery", "upwardDistance", "lastScrollY", "showDownNav", "latest", "delta", "scrollAnimate", "scrollTop", "NavProvider", "DesktopNavigation", "MobileNavigation", "data", "groupCategories", "categoriesItem", "setCategoriesItem", "navStatusArray", "setNavStatusArray", "profileRef", "userProfileOpen", "setUserProfileOpen", "navItemRefs", "categories", "groupItem", "groupIndex", "_", "index", "currentNavItem", "item", "handleNavItemClick", "e", "prev", "handleNavMenuClose", "currentBlockTypeCategories", "SidebarDropdownComp", "SidebarDropdown", "SupportsDropdownComp", "SupportsDropdown", "MulticolDropdownComp", "MulticolDropdown", "DropdownComp", "actions", "profileAction", "handleProfileClick", "profileRefElement", "Logo", "Actions", "el", "sidebarCategoriesMetadata", "seriesMetadata", "expandedSubcategory", "setExpandedSubcategory", "activeSubSubcategoryIndex", "setActiveSubSubcategoryIndex", "sidebarDropdownRef", "matchSeriesMetadata", "handleSubcategoryOpen", "handleSubSubcategoryOpen", "subItem", "subSubItem", "subSubindex", "seriesItem", "seriesIndex", "product", "SeriesProductItem", "multicolMetadata", "multicolDropdownRef", "MulticolItem", "supportsMetadata", "currentNavItemRef", "supportsDropdownRef", "navItemReact", "setNavItemReact", "debouncedHandleResize", "rect", "supportItem", "productData", "variant", "listingLink", "columnItem", "currentMenu", "setCurrentMenu", "thirdNavTitle", "mobileMenuOpen", "setMobileMenuOpen", "menuInnerHeight", "setMenuInnerHeight", "mobileMenuRef", "MobileSidebarMenuComp", "MobileSidebarMenu", "MobileSupportMenuComp", "MobileSupportMenu", "MobileMulticolMenuComp", "MobileMulticolMenu", "MobileCategoriesMenuComp", "handleSecondaryMenuClose", "menuActions", "MobileCategoriesHeaderComp", "PrimaryHeader", "SecondaryHeader", "handlePrimaryMenuClick", "MobilePrimaryMenu", "onPrimaryMenuClick", "MenuItem", "ProfileComp", "setThirdNavTitle", "setMatchSeriesMetadata", "subIndex", "pIndex", "profileOpen", "setProfileOpen", "menuOpen", "onMenuOpenClose", "onMenuOpenClick", "payloadData", "handleActionClick", "action", "title", "onMenuBackClick", "label", "href", "onClick", "active"]
+  "sourcesContent": ["'use client'\nimport React, {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useImperativeHandle,\n  useLayoutEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react'\n\nimport { Picture, Text, Button, Container, Link, Heading } from '../../components/index.js'\n\nimport { withLayout } from '../../shared/Styles.js'\n\nimport { cn, atobID } from '../../helpers/utils.js'\n\nimport type {\n  MobilePrimaryNavigationData,\n  MobileSecondaryNavigationData,\n  MobileNavigationProps,\n  DesktopNavigationProps,\n  HeaderNavigationProps,\n} from './types.js'\nimport NavProvider, { useNavContext } from './NavProvider.js'\n\nimport { HeaderNavigationMenu, HeaderNavigationBlockType, HeaderNavigationActionBlockType } from './types.js'\n\nimport { useMediaQuery } from 'react-responsive'\nimport { debounce, throttle } from 'es-toolkit'\n\nimport { useGSAP } from '@gsap/react'\nimport { gsap } from 'gsap'\nimport type { Product, ProductVariant } from '../../cpn-components/CpnProductCard/types.js'\n\nimport { WithSidebar, WithSupports, WithMulticol, WithGroupCategory } from './withCategory.js'\n\nimport { Menu, Close, User, RightArrow, LeftArrow, DownArrow, Polygon } from './icons/index.js'\n\nimport NavigationSearch from '../NavigationSearch/index.js'\n\nconst HeaderNavigation = forwardRef<HTMLDivElement, HeaderNavigationProps>((props, ref) => {\n  const {\n    data: { headerNavigation } = {},\n    buildProps,\n    event,\n    profile,\n    theme = 'light',\n    searchResult,\n    onSearch,\n    isSearching,\n    keywords,\n  } = props\n\n  const searchRef = useRef<HTMLDivElement>(null)\n  const [searchOpen, setSearchOpen] = useState(false)\n  const [headerHidden, setHeaderHidden] = useState(false)\n  const [changeHeaderBackground, setChangeHeaderBackground] = useState(false)\n  const [isMobile, setIsMobile] = useState(false)\n\n  const headerRef = useRef<HTMLDivElement>(null)\n\n  const resizeWindow = () => {\n    const offsetWidth = document?.querySelector('body')?.offsetWidth || 0\n    setIsMobile(offsetWidth <= 1440)\n  }\n\n  useEffect(() => {\n    resizeWindow()\n    window.addEventListener('resize', resizeWindow)\n    return () => {\n      window.removeEventListener('resize', resizeWindow)\n    }\n  }, [])\n\n  useImperativeHandle(ref, () => headerRef.current as HTMLDivElement)\n\n  useEffect(() => {\n    let upwardDistance = 0\n    let lastScrollY = 0\n    const showDownNav = throttle(latest => {\n      const delta = lastScrollY - latest\n      if (delta > 0) {\n        upwardDistance += delta\n        if (upwardDistance >= 300) {\n          setHeaderHidden(false)\n          upwardDistance = 0\n        }\n      } else {\n        setHeaderHidden(latest > 300)\n      }\n      setChangeHeaderBackground(latest > 30)\n      lastScrollY = latest\n    }, 200)\n\n    const scrollAnimate = () => {\n      let scrollTop = 0\n      if (document?.documentElement && document?.documentElement?.scrollTop) {\n        scrollTop = document?.documentElement.scrollTop\n      } else if (document?.body) {\n        scrollTop = document?.body.scrollTop\n      }\n      showDownNav(scrollTop)\n    }\n\n    window.addEventListener('scroll', scrollAnimate)\n\n    return () => window.removeEventListener('scroll', scrollAnimate)\n  }, [])\n\n  useEffect(() => {\n    if (event) {\n      event.search = () => setSearchOpen(true)\n    }\n  }, [event])\n\n  useGSAP(() => {\n    if (searchRef?.current && searchOpen) {\n      gsap.fromTo(\n        searchRef.current,\n        {\n          height: 0,\n        },\n        {\n          height: 'auto',\n          duration: 0.3,\n        }\n      )\n    }\n  }, [searchOpen])\n\n  useEffect(() => {\n    document.documentElement.style.overflow = searchOpen ? 'hidden' : 'auto'\n  }, [searchOpen])\n\n  const searchPage = useMemo(() => {\n    return (\n      headerNavigation?.headerBar?.actions?.find(\n        (item: any) => item?.blockType === HeaderNavigationActionBlockType.Search\n      )?.searchBar?.[0] || {}\n    )\n  }, [headerNavigation])\n\n  return (\n    <NavProvider\n      buildProps={buildProps}\n      profile={profile}\n      isMobile={isMobile}\n      event={event}\n      payloadData={headerNavigation}\n    >\n      <header\n        data-ui-component-id=\"HeaderNavigation\"\n        className={cn('sticky top-0 z-[100] transition-transform duration-500 ease-in-out', {\n          ['translate-y-[-100%]']: headerHidden,\n        })}\n        ref={headerRef}\n      >\n        <div\n          className={cn(\n            theme === 'light' ? 'text-black' : 'text-white',\n            {\n              ['!bg-white transition-all duration-500 ease-in-out']: changeHeaderBackground,\n            },\n            {\n              ['hover:!text-black']: theme === 'dark',\n              ['!text-black']: changeHeaderBackground,\n            }\n          )}\n          onClick={() => setChangeHeaderBackground(true)}\n        >\n          <DesktopNavigation\n            data={headerNavigation}\n            className=\"hidden desktop:block\"\n            onNavItemClick={() => setChangeHeaderBackground(true)}\n          />\n          <MobileNavigation data={headerNavigation} className=\"block desktop:hidden\" />\n          {searchOpen && (\n            <div\n              className=\"absolute z-[60] top-0 left-0 w-full bg-black/70 flex flex-col\"\n              style={{ height: `calc(100dvh - ${headerRef?.current?.getBoundingClientRect()?.top}px)` }}\n            >\n              <div ref={searchRef} className={cn('overflow-y-auto', {})}>\n                <NavigationSearch\n                  data={searchPage}\n                  keywords={keywords}\n                  isSearching={isSearching}\n                  searchResult={searchResult}\n                  onSearch={(value: string) => {\n                    onSearch?.(value)\n                  }}\n                  onClose={() => {\n                    onSearch?.()\n                    setSearchOpen(false)\n                  }}\n                />\n              </div>\n              <div className=\"flex-1 bg-transparent\" onClick={() => setSearchOpen(false)} />\n            </div>\n          )}\n        </div>\n      </header>\n    </NavProvider>\n  )\n})\n\nconst DesktopNavigation = forwardRef<HTMLDivElement, DesktopNavigationProps>((props, ref) => {\n  const { data, onNavItemClick, className } = props\n  const { event, profile } = useNavContext()\n  const [downdownHover, setDowndownHover] = useState(false)\n\n  const groupCategories = useMemo(() => {\n    return WithGroupCategory(data?.categories?.filter((item: any) => item?.pcShow)) as any[][]\n  }, [data])\n\n  const [categoriesItem, setCategoriesItem] = useState<any>(null)\n  const [navStatusArray, setNavStatusArray] = useState<{ index: number; groupIndex: number; open: boolean }[][]>([])\n  const profileRef = useRef<HTMLDivElement>(null)\n  const [userProfileOpen, setUserProfileOpen] = useState(false)\n  const headerRef = useRef<HTMLDivElement>(null)\n  const dropdownRef = useRef<HTMLDivElement>(null)\n  const navItemRefs = useRef<HTMLDivElement[][]>(\n    groupCategories.map((categories: any) => Array(categories?.length || 0).fill(null))\n  )\n\n  useEffect(() => {\n    if (groupCategories?.length) {\n      setNavStatusArray(\n        groupCategories?.map((groupItem: any, groupIndex: number) => {\n          return groupItem?.map((_: any, index: number) => ({ groupIndex, index, open: false }))\n        })\n      )\n    }\n  }, [groupCategories])\n\n  const currentNavItem = useMemo(() => {\n    let currentNavItem: { index: number; groupIndex: number; open: boolean } | null = null\n    for (const groupItem of navStatusArray) {\n      for (const item of groupItem) {\n        if (item.open) {\n          currentNavItem = item\n          break\n        }\n      }\n      if (currentNavItem) break\n    }\n    return currentNavItem\n  }, [navStatusArray])\n\n  useEffect(() => {\n    document.documentElement.style.overflow = currentNavItem?.open || userProfileOpen ? 'hidden' : 'auto'\n  }, [currentNavItem?.open, userProfileOpen])\n\n  const handleNavItemClick = (e: any, groupIndex: number, index: number) => {\n    setUserProfileOpen(false)\n    if (categoriesItem?.components?.[0]?.blockType === HeaderNavigationBlockType.Links) {\n      // link\u6A21\u5757\u7279\u6B8A\u5904\u7406\n      categoriesItem?.components?.[0]?.url && window.open(categoriesItem?.components?.[0]?.url)\n    } else {\n      e.stopPropagation()\n      onNavItemClick?.()\n      setCategoriesItem(groupCategories[groupIndex][index])\n      setNavStatusArray(prev =>\n        prev.map(groupItem =>\n          groupItem.map(item =>\n            item.groupIndex === groupIndex && item.index === index\n              ? { ...item, open: !item.open }\n              : { ...item, open: false }\n          )\n        )\n      )\n    }\n  }\n\n  const handleNavMenuClose = () => {\n    setNavStatusArray(prev => prev.map(groupItem => groupItem.map(item => ({ ...item, open: false }))))\n  }\n\n  const currentBlockTypeCategories = useMemo(() => {\n    if (categoriesItem) return categoriesItem?.components?.[0]?.blockType\n  }, [categoriesItem])\n\n  const SidebarDropdownComp = WithSidebar(SidebarDropdown, categoriesItem)\n  const MulticolDropdownComp = WithMulticol(MulticolDropdown, categoriesItem)\n  const SupportsDropdownComp = WithSupports(SupportsDropdown, {\n    categoriesItem,\n    currentNavItemRef: navItemRefs.current?.[currentNavItem?.groupIndex || 0]?.[currentNavItem?.index || 0],\n  })\n\n  const DropdownComp = useMemo(() => {\n    switch (currentBlockTypeCategories) {\n      case HeaderNavigationBlockType.Sidebar:\n        return <SidebarDropdownComp />\n      case HeaderNavigationBlockType.Supports:\n        return <SupportsDropdownComp />\n      case HeaderNavigationBlockType.Multicol:\n        return <MulticolDropdownComp />\n      default:\n        return null\n    }\n  }, [currentBlockTypeCategories, categoriesItem])\n\n  const actions = useMemo(() => {\n    return data?.headerBar?.actions?.filter((item: any) => item?.pcShow)\n  }, [data])\n\n  const profileAction = useMemo(() => {\n    return actions?.find((item: any) => item?.blockType === HeaderNavigationActionBlockType.Profile)\n  }, [actions])\n\n  const handleProfileClick = useCallback(() => {\n    setUserProfileOpen(prev => !prev)\n  }, [])\n\n  useEffect(() => {\n    if (profileRef?.current) {\n      const profileRefElement = profileRef.current as HTMLDivElement\n      profileRefElement.addEventListener('click', handleProfileClick)\n\n      return () => {\n        profileRefElement.removeEventListener('click', handleProfileClick)\n      }\n    }\n  }, [handleProfileClick])\n\n  useGSAP(() => {\n    if (currentNavItem?.open) {\n      gsap.fromTo(\n        dropdownRef?.current,\n        {\n          height: 0,\n        },\n        {\n          height: 'auto',\n        }\n      )\n    }\n  }, [currentNavItem?.open])\n\n  return (\n    <Container className={cn('relative h-[96px]', className)}>\n      <div ref={headerRef} onClick={handleNavMenuClose} className=\"flex h-full flex-col justify-end gap-4\">\n        <div className=\"flex items-center justify-between\">\n          <Logo />\n          <Actions ref={profileRef} actions={actions} activeStatus={userProfileOpen} />\n        </div>\n        <div className=\"flex justify-between\">\n          {groupCategories?.map((groupItem: any, groupIndex: number) => {\n            return (\n              <div key={`groupCategory-${groupIndex}`} className=\"flex gap-3\">\n                {groupItem?.map((item: any, index: number) => {\n                  return (\n                    <div\n                      key={item.id}\n                      ref={(el: HTMLDivElement) => {\n                        navItemRefs.current[groupIndex][index] = el\n                      }}\n                      className=\"group cursor-pointer\"\n                    >\n                      <div className=\"relative\">\n                        <div\n                          className=\"flex items-center gap-1 pb-4\"\n                          onClick={e => handleNavItemClick(e, groupIndex, index)}\n                        >\n                          <Text html={item.text} className=\"text-sm font-bold leading-[1.4]\" />\n                          <DownArrow\n                            className={cn('opacity-0 size-4 group-hover:opacity-100 transition-opacity duration-500', {\n                              ['rotate-180']:\n                                currentNavItem?.groupIndex === groupIndex && currentNavItem?.index === index,\n                              ['opacity-100']:\n                                downdownHover &&\n                                currentNavItem?.groupIndex === groupIndex &&\n                                currentNavItem?.index === index,\n                            })}\n                          />\n                        </div>\n                        <div\n                          className={cn(\n                            'absolute bottom-0 left-0 h-[2px] w-0 bg-[#1D1D1F] transition-all duration-500',\n                            {\n                              'w-[calc(100%-20px)]':\n                                currentNavItem?.groupIndex === groupIndex && currentNavItem?.index === index,\n                            }\n                          )}\n                        />\n                      </div>\n                    </div>\n                  )\n                })}\n              </div>\n            )\n          })}\n        </div>\n      </div>\n      <div\n        className={cn(\n          'border-t border-b-[#E4E5E6] absolute left-0 top-full z-[999] flex w-full flex-col bg-black/70 overflow-hidden',\n          {\n            hidden: !(currentNavItem?.open && categoriesItem),\n          }\n        )}\n        onMouseEnter={() => setDowndownHover(true)}\n        onMouseLeave={() => setDowndownHover(false)}\n        style={{ height: `calc(100dvh - ${headerRef?.current?.getBoundingClientRect()?.bottom}px)` }}\n      >\n        <div\n          ref={dropdownRef}\n          className={cn('relative z-50', {\n            'overflow-hidden': currentBlockTypeCategories !== HeaderNavigationBlockType.Supports,\n          })}\n        >\n          {DropdownComp}\n        </div>\n        <div className=\"flex-1 bg-transparent\" onClick={handleNavMenuClose} />\n      </div>\n      {userProfileOpen && (\n        <div\n          className=\"absolute left-0 z-[999] flex w-full bg-black/70 h-[100dvh] top-full\"\n          // style={{\n          //   height: `calc(100dvh - ${profileRef?.current?.getBoundingClientRect()?.bottom}px)`,\n          //   top: `calc(96px)`,\n          // }}\n        >\n          <div\n            className=\"absolute w-[272px] bg-white p-4\"\n            style={{\n              right: `calc(100% - ${profileRef?.current?.getBoundingClientRect()?.right}px)`,\n              top: '-36px',\n            }}\n          >\n            {profile?.email ? (\n              <>\n                <Text html={profile?.nick_name || profileAction?.welcome} className=\"text-sm font-bold\" />\n                <div className=\"h-[1px] mt-2 bg-[#D9D9D9]\" />\n                <div className=\"mt-2\">\n                  {profileAction?.profiles?.map((item: any) => (\n                    <MenuItem className=\"py-2\" key={item.id} label={item?.title} href={item?.url} />\n                  ))}\n                </div>\n              </>\n            ) : (\n              <>\n                <Polygon className=\"absolute -top-2 text-white right-[46px] z-30\" />\n                <Text html={profileAction?.benefits_title} className=\"text-sm font-bold leading-[1.4]\" />\n                <div className=\"mt-2 flex flex-col gap-1\">\n                  {profileAction?.benefits?.map((item: any) => (\n                    <div key={item.id} className=\"flex items-center gap-[6px]\">\n                      <Picture\n                        source={item.benefitIcon?.url}\n                        className=\"size-4\"\n                        alt={item.benefit}\n                        width={16}\n                        height={16}\n                      />\n                      <Text html={item.benefit} className=\"text-sm font-bold leading-[1.4]\" />\n                    </div>\n                  ))}\n                </div>\n                <div className=\"mt-4 flex items-center gap-2\">\n                  <Button variant=\"secondary\" size=\"lg\" onClick={() => event?.join?.()}>\n                    <Text html={profileAction?.primaryButton || 'Join Now'} className=\"font-bold\" />\n                  </Button>\n                  <Button variant=\"primary\" size=\"lg\" onClick={() => event?.login?.()}>\n                    <Text html={profileAction?.secondaryButton || 'Log In'} className=\"font-bold\" />\n                  </Button>\n                </div>\n              </>\n            )}\n          </div>\n          <div className=\"flex-1 bg-transparent\" onClick={() => setUserProfileOpen(false)} />\n        </div>\n      )}\n    </Container>\n  )\n})\n\n/**\n * \u4FA7\u8FB9\u680F\u4E0B\u62C9\n * @param categoriesItem \u5206\u7C7B\u9879\n */\nconst SidebarDropdown = React.memo(\n  ({ sidebarCategoriesMetadata, seriesMetadata }: { sidebarCategoriesMetadata: any; seriesMetadata: any }) => {\n    const { buildProps } = 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: category?.name,\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: category?.name,\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])\n\n    const handleSubcategoryOpen = useCallback(\n      (index: number, subcategoryItem: any) => {\n        subcategoryItem?.subSubCategories?.length > 0\n          ? setActiveSubSubcategoryIndex(0)\n          : setActiveSubSubcategoryIndex(-1)\n\n        if (subcategoryItem?.subSubCategories?.length > 0) {\n          setExpandedSubcategory(prev =>\n            prev.map(item => (item.index === index ? { ...item, open: true } : { ...item, open: false }))\n          )\n        } else {\n          const subcategories = sidebarCategoriesMetadata?.subcategories\n          const withSubSubCategoriesIndex = subcategories?.findIndex((item: any) => !!item?.subSubCategories)\n          setExpandedSubcategory(prev =>\n            prev.map(item => {\n              return { ...item, open: item.index === index || item.index === withSubSubCategoriesIndex }\n            })\n          )\n        }\n      },\n      [sidebarCategoriesMetadata, initExpandedSubcategory]\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              return (\n                <div key={`subcategoryItem-${index}`}>\n                  <div\n                    className={cn('flex cursor-pointer items-center justify-between', {\n                      'bg-[#F5F5F7]':\n                        !hasSubSubCategory && expandedSubcategory?.find(item => item.index === index)?.open,\n                    })}\n                    onClick={() => {\n                      handleSubcategoryOpen(index, subItem)\n                    }}\n                  >\n                    <Text html={subItem.label} className=\"p-4 text-sm font-bold leading-[1.4]\" />\n                    {hasSubSubCategory && (\n                      <DownArrow\n                        className={cn('size-4', {\n                          ['rotate-180']: expandedSubcategory?.find(item => item.index === index)?.open,\n                        })}\n                      />\n                    )}\n                  </div>\n                  {expandedSubcategory?.find(item => item.index === index)?.open && (\n                    <div className=\"flex flex-col\">\n                      {subItem.subSubCategories?.map((subSubItem: any, subSubindex: number) => (\n                        <Text\n                          html={subSubItem.label}\n                          onClick={() => handleSubSubcategoryOpen(index, subSubindex)}\n                          key={`subSubItem-${index}-${subSubindex}`}\n                          className={cn(\n                            'cursor-pointer hover:bg-[#F5F5F7] px-6 py-4 text-sm font-bold leading-[1.4] text-[#6D6D6F]',\n                            {\n                              'bg-[#F5F5F7]': activeSubSubcategoryIndex === subSubindex,\n                            }\n                          )}\n                        />\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}\n                    variant=\"primary\"\n                    size=\"lg\"\n                    className=\"text-sm lg-desktop: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=\"justify-start !p-0 text-sm lg-desktop:text-base\"\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=\"text-xl lg-desktop:text-2xl font-bold leading-[1.4]\"\n                />\n                {matchSeriesMetadata?.primary && (\n                  <Button\n                    as=\"a\"\n                    href={matchSeriesMetadata?.primary?.url}\n                    variant=\"link\"\n                    size=\"lg\"\n                    className=\"justify-start !p-0 text-sm lg-desktop:text-base 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=\"text-sm lg-desktop:text-base leading-[1.2] text-[#6D6D6F]\"\n              >\n                {matchSeriesMetadata?.guide?.label}\n              </Link>\n            </div>\n          )}\n          <div\n            className=\"flex flex-col gap-4 overflow-y-auto h-[426px]\"\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 html={seriesItem.label} className=\"text-sm mb-2 font-bold leading-[1.4] text-[#6D6D6F]\" />\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-105 [&_img]:hover:transition-all [&_img]:hover:duration-300\">\n                        <Picture\n                          source={matchSeriesMetadata?.banner?.imageUrl}\n                          className=\"h-[114px] laptop:h-[120px]\"\n                          imgClassName=\"object-cover h-full\"\n                        />\n                        <div className=\"absolute bottom-0 left-0 right-0 p-4\">\n                          <Heading\n                            size={2}\n                            html={matchSeriesMetadata?.banner?.title || 'Buy in Guide'}\n                            className=\"font-bold text-white\"\n                          />\n                          <Text\n                            html={matchSeriesMetadata?.banner?.desc || '20.000mAh'}\n                            className=\"text-sm text-white font-bold\"\n                          />\n                        </div>\n                      </div>\n                    </Link>\n                  )}\n                  {seriesItem.products?.map((product: any, index: number) => (\n                    <SeriesProductItem\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\n/**\n * \u591A\u5217\u4E0B\u62C9\n * @param categoriesItem \u5206\u7C7B\u9879\n */\nconst MulticolDropdown = ({ multicolMetadata }: { multicolMetadata: any }) => {\n  const multicolDropdownRef = useRef<HTMLDivElement>(null)\n\n  // useGSAP(() => {\n  //   gsap.fromTo(\n  //     multicolDropdownRef?.current,\n  //     {\n  //       height: 0,\n  //     },\n  //     {\n  //       height: 'auto',\n  //       duration: 0.5,\n  //     }\n  //   )\n  // }, [])\n\n  return (\n    <div ref={multicolDropdownRef}>\n      <Container childClassName=\"bg-white\" className=\"h-full\">\n        <div className=\"flex gap-4 py-4\">\n          {multicolMetadata?.map((item: any, index: number) => (\n            <div key={`multicolItem-${item?.label}-${index}`} className=\"w-1/4\">\n              <MulticolItem item={item} />\n            </div>\n          ))}\n        </div>\n      </Container>\n    </div>\n  )\n}\n\n/**\n * supports\u4E0B\u62C9\n * @param categoriesItem \u5206\u7C7B\u9879\n * @param currentNavItemRef \u5F53\u524D\u5BFC\u822A\u9879\n */\nconst SupportsDropdown = ({\n  supportsMetadata,\n  currentNavItemRef,\n}: {\n  supportsMetadata: any\n  currentNavItemRef: HTMLDivElement\n}) => {\n  const supportsDropdownRef = useRef<HTMLDivElement>(null)\n  const [navItemReact, setNavItemReact] = useState<DOMRect | null>(null)\n  const [supportsDropdownHeight, setSupportsDropdownHeight] = useState(0)\n\n  // useGSAP(() => {\n  //   gsap.fromTo(\n  //     supportsDropdownRef?.current,\n  //     {\n  //       height: 0,\n  //     },\n  //     {\n  //       height: supportsDropdownHeight,\n  //       duration: 0.5,\n  //     }\n  //   )\n  // }, [supportsDropdownHeight])\n\n  useEffect(() => {\n    if (supportsDropdownRef?.current) {\n      const rect = supportsDropdownRef?.current?.getBoundingClientRect()\n      setSupportsDropdownHeight(rect.height)\n    }\n  }, [supportsDropdownRef])\n\n  const debouncedHandleResize = debounce(() => {\n    if (currentNavItemRef) {\n      const rect = currentNavItemRef.getBoundingClientRect()\n      setNavItemReact(rect)\n    }\n  }, 500)\n\n  useEffect(() => {\n    debouncedHandleResize()\n    window.addEventListener('resize', debouncedHandleResize)\n    return () => {\n      window.removeEventListener('resize', debouncedHandleResize)\n    }\n  }, [debouncedHandleResize])\n\n  useEffect(() => {\n    if (currentNavItemRef) {\n      const rect = currentNavItemRef.getBoundingClientRect()\n      setNavItemReact(rect)\n    }\n  }, [currentNavItemRef])\n\n  return (\n    <div\n      className=\"absolute top-0 h-full bg-white transition-all duration-500 overflow-hidden\"\n      style={{ right: `calc(100% - ${navItemReact?.right}px)`, height: supportsDropdownHeight }}\n    >\n      <div ref={supportsDropdownRef} className=\"p-4\">\n        {supportsMetadata?.map((supportItem: any) => (\n          <div key={supportItem.id} className=\"py-2\">\n            <Link href={supportItem.url} className=\"text-sm font-bold leading-[1.4] no-underline\">\n              {supportItem.label}\n            </Link>\n          </div>\n        ))}\n      </div>\n    </div>\n  )\n}\n\nconst SeriesProductItem = ({ product, isCollection }: { product: any; isCollection?: boolean }) => {\n  const { buildProps } = 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    <div className=\"flex shrink-0 items-center gap-4 bg-[#F5F5F7] px-4 py-3 [&_img]:hover:scale-105\">\n      <div className=\"shrink-0\">\n        <Picture\n          source={`${variant?.image?.url || product?.images?.[0]?.url}}`}\n          width={90}\n          height={90}\n          className=\"size-[96px]\"\n          imgClassName=\"object-contain h-full\"\n        />\n      </div>\n      <div className=\"relative\">\n        <div className=\"flex gap-1\">\n          {Array.isArray(tags) &&\n            tags?.map((tag: string) => (\n              <Text\n                as=\"p\"\n                html={tag}\n                className=\"text-brand-0 whitespace-nowrap mb-1 inline-block h-[24px] rounded-full border-[1.6px] border-[#00BEFA] px-[6px] text-sm font-bold !leading-[22px]\"\n              />\n            ))}\n        </div>\n        {/* {product?.badge && (\n          <Text\n            as=\"p\"\n            html={product?.badge}\n            className=\"text-brand-0 mb-1 inline-block h-[24px] rounded-full border-[1.6px] border-[#00BEFA] px-[6px] text-sm font-bold !leading-[24px]\"\n          />\n        )} */}\n        <Link href={listingLink} className=\"no-underline hover:text-current\">\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        </Link>\n        {product?.desc && (\n          <Text\n            as=\"p\"\n            html={product?.desc}\n            className=\"lg-desktop:text-sm line-clamp-1 mt-1 text-xs font-bold leading-[1.4] text-[#6D6D6F]\"\n          />\n        )}\n      </div>\n    </div>\n  )\n}\n\n/**\n * \u591A\u5217\u4E0B\u62C9\u9879\n * @param item \u591A\u5217\u4E0B\u62C9\u9879\n */\nconst MulticolItem = ({ item, allPicture }: { item: any; allPicture?: boolean }) => {\n  return (\n    <>\n      {item?.columns && (\n        <>\n          <Text html={item.label} as=\"div\" className=\"my-2 text-sm font-bold leading-[1.4] text-[#6D6D6F]\" />\n          <div className=\"mt-2 flex flex-col\">\n            {item.columns?.map((columnItem: any) => (\n              <div key={columnItem.label} className=\"py-2 flex items-center gap-1\">\n                <Link href={columnItem.url} className=\"text-sm font-bold leading-[1.4] no-underline\">\n                  {columnItem.label}\n                </Link>\n                {columnItem?.badge && (\n                  <Text\n                    as=\"p\"\n                    html={columnItem?.badge || 'badge'}\n                    className=\"text-sm font-bold !leading-[24px] text-brand-0 h-[24px] rounded-full border-[1.6px] border-[var(--brand-color-0)] px-[6px]\"\n                  />\n                )}\n              </div>\n            ))}\n          </div>\n        </>\n      )}\n      {item?.imageUrl && (\n        <div\n          className={cn(\n            'laptop:h-[280px] desktop:h-[224px] lg-desktop:h-[280px] h-[240px] max-w-[358px] tablet:max-w-[346px] laptop:max-w-[440px] desktop:w-full relative overflow-hidden',\n            {\n              ['tablet:max-w-none laptop:max-w-none']: allPicture,\n            }\n          )}\n        >\n          <Picture\n            source={item.imageUrl}\n            width={404}\n            height={280}\n            className=\"size-full\"\n            imgClassName=\"object-cover h-full hover:scale-105 transition-all duration-300\"\n          />\n          <Link href={item.url} className=\"absolute bottom-4 left-4 z-10 flex flex-col justify-end no-underline\">\n            <Text\n              html={item.title}\n              className={cn('lg-desktop:text-2xl text-xl font-bold leading-[1.2] text-white', {\n                'text-black': item?.theme === 'dark',\n              })}\n            />\n            {item.subtitle && (\n              <Text\n                html={item.subtitle}\n                className={cn('text-sm font-bold leading-[1.4] text-white', {\n                  'text-black': item?.theme === 'dark',\n                })}\n              />\n            )}\n            {item?.primary?.label && (\n              <Button\n                as=\"a\"\n                href={item?.primary?.url}\n                variant=\"link\"\n                size=\"lg\"\n                className={cn('text-sm font-bold mr-auto !p-0 leading-[1.4] text-white', {\n                  'text-black': item?.theme === 'dark',\n                })}\n              >\n                {item?.primary?.label || 'more'}\n              </Button>\n            )}\n          </Link>\n        </div>\n      )}\n    </>\n  )\n}\n\n/**\n * \u79FB\u52A8\u7AEF\u5BFC\u822A\n * @param menuHeight \u83DC\u5355\u9AD8\u5EA6\n * @param data \u5BFC\u822A\u6570\u636E\n */\nconst MobileNavigation = forwardRef<HTMLDivElement, MobileNavigationProps>(({ data, className }, ref) => {\n  const groupCategories = useMemo(() => {\n    return WithGroupCategory(data?.categories?.filter((item: any) => item?.mobileShow))\n  }, [data])\n\n  const { currentMenu, setCurrentMenu, subSubCategory } = useNavContext()\n  const [mobileMenuOpen, setMobileMenuOpen] = useState(false)\n  const [menuInnerHeight, setMenuInnerHeight] = useState(0)\n  const [categoriesItem, setCategoriesItem] = useState<any>(null)\n\n  const mobileMenuRef = useRef<HTMLDivElement>(null)\n\n  useEffect(() => {\n    if (mobileMenuRef?.current && mobileMenuOpen) {\n      const rect = mobileMenuRef?.current?.getBoundingClientRect()\n      setMenuInnerHeight(window?.innerHeight - (rect?.bottom || 0))\n    }\n  }, [mobileMenuOpen])\n\n  useGSAP(() => {\n    gsap.fromTo(\n      mobileMenuRef.current,\n      {\n        height: 0,\n      },\n      {\n        height: menuInnerHeight,\n        duration: 0.3,\n      }\n    )\n  }, [menuInnerHeight])\n\n  useEffect(() => {\n    document.documentElement.style.overflow = mobileMenuOpen ? 'hidden' : 'auto'\n  }, [mobileMenuOpen])\n\n  const currentBlockTypeCategories = useMemo(() => {\n    return categoriesItem?.components?.[0]?.blockType\n  }, [categoriesItem])\n\n  const MobileSupportMenuComp = WithSupports(MobileSupportMenu, {\n    categoriesItem,\n  })\n\n  const MobileSidebarMenuComp = WithSidebar(MobileSidebarMenu, categoriesItem)\n  const MobileMulticolMenuComp = WithMulticol(MobileMulticolMenu, categoriesItem)\n\n  const MobileCategoriesMenuComp = useMemo(() => {\n    switch (currentBlockTypeCategories) {\n      case HeaderNavigationBlockType.Sidebar:\n        return <MobileSidebarMenuComp />\n      case HeaderNavigationBlockType.Supports:\n        return <MobileSupportMenuComp />\n      case HeaderNavigationBlockType.Multicol:\n        return <MobileMulticolMenuComp />\n      default:\n        return null\n    }\n  }, [currentBlockTypeCategories, categoriesItem, MobileSupportMenuComp])\n\n  const handleSecondaryMenuClose = useCallback(() => {\n    setMobileMenuOpen(false)\n    setMenuInnerHeight(0)\n    setCurrentMenu && setCurrentMenu(HeaderNavigationMenu.Primary)\n  }, [setMobileMenuOpen, setMenuInnerHeight, setCurrentMenu])\n\n  const menuActions = useMemo(() => {\n    return data?.headerBar?.actions?.filter(\n      (item: any) => item?.mobileShow && item?.blockType !== HeaderNavigationActionBlockType.Profile // \u79FB\u52A8\u7AEF\u4E0D\u663E\u793Aprofile\u6309\u94AE\n    )\n  }, [data])\n\n  const profileAction = useMemo(() => {\n    return (\n      data?.headerBar?.actions?.find(\n        (item: any) => item?.mobileShow && item?.blockType === HeaderNavigationActionBlockType.Profile\n      ) || {}\n    )\n  }, [data])\n\n  const MobileCategoriesHeaderComp = useMemo(() => {\n    switch (currentMenu) {\n      case HeaderNavigationMenu.Primary:\n        return (\n          <PrimaryHeader\n            actions={menuActions}\n            menuOpen={mobileMenuOpen}\n            onMenuOpenClose={() => {\n              setMobileMenuOpen(false)\n              setMenuInnerHeight(0)\n            }}\n            onMenuOpenClick={() => setMobileMenuOpen(true)}\n          />\n        )\n      case HeaderNavigationMenu.Secondary:\n        return (\n          <SecondaryHeader\n            title={categoriesItem?.text}\n            onMenuOpenClose={handleSecondaryMenuClose}\n            onMenuBackClick={() => setCurrentMenu?.(HeaderNavigationMenu.Primary)}\n          />\n        )\n      case HeaderNavigationMenu.Third:\n        return (\n          <SecondaryHeader\n            title={subSubCategory?.label}\n            onMenuOpenClose={handleSecondaryMenuClose}\n            onMenuBackClick={() => setCurrentMenu?.(HeaderNavigationMenu.Secondary)}\n          />\n        )\n      default:\n        return null\n    }\n  }, [\n    mobileMenuOpen,\n    currentMenu,\n    setCurrentMenu,\n    categoriesItem,\n    menuActions,\n    subSubCategory,\n    handleSecondaryMenuClose,\n  ])\n\n  const handlePrimaryMenuClick = useCallback(\n    (groupIndex: number, index: number) => {\n      const categoriesItem = Array.isArray(groupCategories)\n        ? Array.isArray(groupCategories[groupIndex])\n          ? groupCategories[groupIndex][index]\n          : {}\n        : {}\n      setCategoriesItem(categoriesItem)\n      if (categoriesItem?.components?.[0]?.blockType === HeaderNavigationBlockType.Links) {\n        // link\u6A21\u5757\u7279\u6B8A\u5904\u7406\n        categoriesItem?.components?.[0]?.url && window.open(categoriesItem?.components?.[0]?.url)\n      } else {\n        setCurrentMenu?.(HeaderNavigationMenu.Secondary)\n      }\n    },\n    [groupCategories, setCurrentMenu]\n  )\n\n  return (\n    <Container className={cn('relative h-[52px]', className)}>\n      {/* \u79FB\u52A8\u7AEF\u5206\u7C7B\u83DC\u5355 */}\n      {MobileCategoriesHeaderComp}\n      {mobileMenuOpen && (\n        <div\n          ref={mobileMenuRef}\n          className=\"absolute left-0 top-full border-t border-[#E5E5E7] z-[999] w-full overflow-y-auto bg-white\"\n          style={{ height: menuInnerHeight }}\n        >\n          {currentMenu === HeaderNavigationMenu.Primary ? (\n            <MobilePrimaryMenu\n              categories={groupCategories}\n              onPrimaryMenuClick={handlePrimaryMenuClick}\n              profileAction={profileAction}\n            />\n          ) : (\n            MobileCategoriesMenuComp\n          )}\n        </div>\n      )}\n    </Container>\n  )\n})\n\n/**\n * \u79FB\u52A8\u7AEF\u4E00\u7EA7\u83DC\u5355\n * @param categories \u5206\u7C7B\n * @param onPrimaryMenuClick \u4E00\u7EA7\u83DC\u5355\u70B9\u51FB\n */\nconst MobilePrimaryMenu = ({\n  categories,\n  onPrimaryMenuClick,\n  profileAction,\n}: {\n  categories: any\n  onPrimaryMenuClick: (groupIndex: number, index: number) => void\n  profileAction: any\n}) => {\n  return (\n    <div className=\"flex h-full flex-col justify-between\">\n      <div className=\"tablet:px-8 laptop:px-16 p-4\">\n        {categories?.map((groupItem: any, groupIndex: number) => (\n          <div key={`groupCategory-${groupIndex}`} className=\"\">\n            {groupItem?.map((item: any, index: number) => (\n              <MenuItem\n                key={item.id}\n                label={item.text}\n                onClick={() => onPrimaryMenuClick(groupIndex, index)}\n                icon={item.components?.[0]?.icon}\n              />\n            ))}\n            <div\n              className={cn('my-2 h-px w-full bg-[#E5E5E7]', { ['hidden']: groupIndex === categories.length - 1 })}\n            />\n          </div>\n        ))}\n      </div>\n      <ProfileComp profileAction={profileAction} />\n    </div>\n  )\n}\n\n/**\n * \u79FB\u52A8\u7AEF\u4FA7\u8FB9\u680F\u4E0B\u62C9\n * @param sidebarCategoriesMetadata \u4FA7\u8FB9\u680F\u5206\u7C7B\u5143\u6570\u636E\n * @param seriesMetadata \u4FA7\u8FB9\u680F\u7CFB\u5217\u5143\u6570\u636E\n */\nconst MobileSidebarMenu = ({\n  sidebarCategoriesMetadata,\n  seriesMetadata,\n}: {\n  sidebarCategoriesMetadata: any\n  seriesMetadata: any\n}) => {\n  const {\n    currentMenu,\n    setCurrentMenu,\n    subSubCategory,\n    setSubSubCategory,\n    setCurrentSeriesMetadata,\n    currentSeriesMetadata,\n    buildProps,\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: category?.name || item?.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, sidebarCategoriesMetadata, setCurrentMenu, setSubSubCategory, setCurrentSeriesMetadata]\n  )\n\n  const defaultGuide = useMemo(() => {\n    return seriesMetadata?.find((item: any) => !!item?.guide)?.guide\n  }, [seriesMetadata, sidebarCategoriesMetadata])\n\n  const MobileSidebarMenuComp = useMemo(() => {\n    switch (currentMenu) {\n      case HeaderNavigationMenu.Secondary:\n        return (\n          // \u4E8C\u7EA7\u83DC\u5355\n          <div className=\"tablet:px-8 laptop:px-16 flex h-full flex-col justify-between tablet:justify-start tablet:gap-16 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                      }}\n                    />\n                    {/* {expandedSubcategory.find(item => item.index === index)?.open &&\n                      item.subSubCategories?.map((subItem: any, subIndex: number) => (\n                        <div\n                          key={`${index}-${subIndex}`}\n                          className=\"px-2 py-4\"\n                          onClick={() => handleSubSubCategoryClick(item, subIndex)}\n                        >\n                          <Text html={subItem.label} className=\"text-sm font-bold leading-[1.4]\" />\n                        </div>\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}\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: category?.name || subSubCategoryItem?.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                          setExpandedSeriesCategories(prev => prev.map((item, i) => ({ ...item, open: i === index })))\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=\"text-center my-4\">\n                            <Button\n                              as=\"a\"\n                              href={matchSeriesMetadata?.primary?.url}\n                              className=\"text-base no-underline leading-[1.2]\"\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=\"text-center my-4 \">\n                    <Button\n                      as=\"a\"\n                      href={currentSeriesMetadata?.primary?.url}\n                      variant=\"secondary\"\n                      size=\"base\"\n                      className=\"text-base no-underline leading-[1.2]\"\n                    >\n                      {currentSeriesMetadata?.primary?.label}\n                    </Button>\n                  </div>\n                )}\n              </>\n            )}\n            {defaultGuide && (\n              <Link href={defaultGuide?.url}>\n                <div className=\"mt-4\">\n                  <Text html={defaultGuide?.label} className=\"text-sm font-bold leading-[1.2] text-[#6D6D6F]\" />\n                </div>\n              </Link>\n            )}\n          </div>\n        )\n      default:\n        return null\n    }\n  }, [\n    currentMenu,\n    sidebarCategoriesMetadata,\n    setCurrentMenu,\n    seriesMetadata,\n    expandedSubcategory,\n    expandedSeriesCategories,\n    setSubSubCategory,\n    subSubCategory,\n    setCurrentSeriesMetadata,\n    currentSeriesMetadata,\n  ])\n\n  return MobileSidebarMenuComp\n}\n\nconst SubSubCategoryItemComp = ({\n  matchSeriesMetadata,\n  onSubSubCategoryItemClick,\n  expanded,\n}: {\n  matchSeriesMetadata: any\n  onSubSubCategoryItemClick?: () => void\n  expanded?: boolean\n}) => {\n  return (\n    <div className=\"tablet:pt-0 py-4 flex items-center justify-between\" onClick={onSubSubCategoryItemClick}>\n      {matchSeriesMetadata?.label && (\n        <Text html={matchSeriesMetadata?.label} className=\"text-sm font-bold leading-[1.4]\" />\n      )}\n      {onSubSubCategoryItemClick && (\n        <DownArrow\n          className={cn('size-5', {\n            ['rotate-180']: expanded,\n          })}\n        />\n      )}\n    </div>\n  )\n}\n\nconst SubSubCategoryContentComp = ({ matchSeriesMetadata }: { matchSeriesMetadata: any }) => {\n  return (\n    <div className=\"flex flex-col gap-2 laptop:gap-3\">\n      {!!matchSeriesMetadata?.series?.length &&\n        matchSeriesMetadata?.series?.map((seriesItem: any, pIndex: number) => (\n          <div key={`seriesItem-${pIndex}`}>\n            {seriesItem.label && (\n              <Text html={seriesItem.label} className=\"text-sm mb-2 font-bold leading-[1.4] text-[#3D3D3F]\" />\n            )}\n            <div className=\"laptop:grid-cols-3 laptop:gap-4 tablet:grid tablet:grid-cols-2 tablet:gap-3 flex flex-col gap-2\">\n              {!!matchSeriesMetadata?.banner && (\n                <Link asChild={!matchSeriesMetadata?.banner?.href} href={matchSeriesMetadata?.banner?.href}>\n                  <div className=\"relative [&_img]:hover:scale-105 [&_img]:hover:transition-all [&_img]:hover:duration-300\">\n                    <Picture\n                      source={matchSeriesMetadata?.banner?.imageUrl}\n                      className=\"h-[114px] laptop:h-[120px]\"\n                      imgClassName=\"object-cover h-full\"\n                    />\n                    <div className=\"absolute bottom-0 left-0 right-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 text-white font-bold', {\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                  key={`seriesProductItem-${pIndex}-${index}`}\n                  product={product}\n                  isCollection={matchSeriesMetadata?.isCollection}\n                />\n              ))}\n            </div>\n          </div>\n        ))}\n    </div>\n  )\n}\n\n/**\n * \u79FB\u52A8\u7AEFsupport\u83DC\u5355\n * @param supportsMetadata support\u83DC\u5355\u5143\u6570\u636E\n */\nconst MobileSupportMenu = ({ supportsMetadata }: { supportsMetadata: any }) => {\n  return (\n    <div className=\"tablet:px-8 laptop:px-16 p-4\">\n      {supportsMetadata?.map((supportItem: any) => (\n        <MenuItem key={supportItem.id} href={supportItem.url} label={supportItem.label} onClick={() => {}} />\n      ))}\n    </div>\n  )\n}\n\n/**\n * \u79FB\u52A8\u7AEFmulticol\u83DC\u5355\n * @param multicolMetadata multicol\u83DC\u5355\u5143\u6570\u636E\n */\nconst MobileMulticolMenu = ({ multicolMetadata }: { multicolMetadata: any }) => {\n  // \u662F\u5426\u5168\u90E8\u662F\u56FE\u7247\n  const allPicture = useMemo(() => {\n    return !multicolMetadata?.some((item: any) => !!item.columns)\n  }, [multicolMetadata])\n\n  return (\n    <div\n      className={cn('tablet:py-4 tablet:px-8 laptop:px-16 flex flex-col gap-4 tablet:gap-6 p-4', {\n        ['tablet:grid tablet:grid-cols-2 tablet:gap-3 laptop:gap-4']: allPicture,\n      })}\n    >\n      {multicolMetadata?.map((item: any, index: number) => (\n        <div key={`multicolItem-${item?.label}-${index}`}>\n          <MulticolItem item={item} allPicture={allPicture} />\n        </div>\n      ))}\n    </div>\n  )\n}\n\n/**\n * \u79FB\u52A8\u7AEFprofile\u7EC4\u4EF6\n * @param profileAction profile\u83DC\u5355\u5143\u6570\u636E\n */\nconst ProfileComp = ({ profileAction }: { profileAction: any }) => {\n  const [profileOpen, setProfileOpen] = useState(false)\n  const { profile, event } = useNavContext()\n  return (\n    <div\n      className={cn('tablet:px-8 laptop:px-16 bg-[#F5F5F7] px-4 py-6', {\n        'p-4': profileOpen,\n      })}\n    >\n      <div className=\"flex items-center justify-between\" onClick={() => setProfileOpen(!profileOpen)}>\n        <div className=\"flex items-center gap-[14px]\">\n          <div className=\"flex size-[40px] shrink-0 items-center justify-center rounded-full bg-white\">\n            <User />\n          </div>\n          <Text html={profile?.nick_name || profileAction?.welcome} className=\"text-base font-bold leading-[1.4]\" />\n        </div>\n        {!profile?.email && <DownArrow className={cn('size-5 laptop:size-4', { 'rotate-180': profileOpen })} />}\n      </div>\n      {profile?.email && (\n        <div className=\"mt-4\">\n          {profileAction?.profiles?.map((item: any) => <MenuItem key={item.id} label={item?.title} href={item?.url} />)}\n        </div>\n      )}\n      {profileOpen && !profile?.email && (\n        <div className=\"mt-4\">\n          <Text html={profileAction?.benefits_title} className=\"text-sm font-bold leading-[1.4]\" />\n          <div className=\"mt-2 flex flex-col gap-1\">\n            {profileAction?.benefits?.map((item: any) => (\n              <div key={item.id} className=\"flex items-center gap-[6px]\">\n                <Picture source={item.benefitIcon?.url} className=\"size-4\" alt={item.benefit} width={16} height={16} />\n                <Text html={item.benefit} className=\"text-sm font-bold leading-[1.4]\" />\n              </div>\n            ))}\n          </div>\n        </div>\n      )}\n      {!profile?.email && (\n        <div className=\"mt-4 flex items-center gap-3\">\n          <Button className=\"tablet:flex-none flex-1\" variant=\"secondary\" size=\"base\" onClick={() => event?.join?.()}>\n            <Text html={profileAction?.primaryButton || 'Join Now'} className=\"text-sm font-bold leading-[1.4]\" />\n          </Button>\n          <Button className=\"tablet:flex-none flex-1\" variant=\"primary\" size=\"base\" onClick={() => event?.login?.()}>\n            <Text html={profileAction?.secondaryButton || 'Log In'} className=\"text-sm font-bold leading-[1.4]\" />\n          </Button>\n        </div>\n      )}\n    </div>\n  )\n}\n\nconst PrimaryHeader = ({ menuOpen, onMenuOpenClose, onMenuOpenClick, actions }: MobilePrimaryNavigationData) => {\n  return (\n    <div className=\"flex h-full items-center justify-between gap-4\">\n      <Logo />\n      <div className=\"desktop:gap-6 flex items-center gap-4\">\n        <Actions actions={actions} />\n        {menuOpen ? (\n          <Close className=\"size-5\" onClick={() => onMenuOpenClose()} />\n        ) : (\n          <Menu className=\"size-5\" onClick={() => onMenuOpenClick()} />\n        )}\n      </div>\n    </div>\n  )\n}\n\nconst Logo = () => {\n  const { payloadData, isMobile } = useNavContext()\n  return (\n    <div\n      className=\"[&>svg]:w-full hover:text-brand-0 cursor-pointer\"\n      onClick={() => {\n        window.location.href = '/'\n      }}\n      dangerouslySetInnerHTML={{\n        __html: isMobile ? payloadData?.headerBar?.mobileLogo : payloadData?.headerBar?.desktopLogo,\n      }}\n    />\n  )\n}\n\nconst Actions = forwardRef<HTMLDivElement, { actions: any; activeStatus?: boolean }>(\n  ({ actions, activeStatus = false }, ref) => {\n    const { event } = useNavContext()\n    const [activeAction, setActiveAction] = useState<any>(null)\n\n    const handleActionClick = useCallback(\n      (action: any, index: number) => {\n        setActiveAction(index)\n        switch (action?.blockType) {\n          case HeaderNavigationActionBlockType.Search:\n            event?.search?.()\n            break\n          case HeaderNavigationActionBlockType.Cart:\n            event?.cart?.()\n            break\n          case HeaderNavigationActionBlockType.Profile:\n            event?.profile?.()\n            break\n          case HeaderNavigationActionBlockType.Livestream:\n            event?.livestream?.()\n            break\n          default:\n            return () => {}\n        }\n      },\n      [event]\n    )\n\n    return (\n      <div className=\"desktop:gap-6 flex items-center gap-4\">\n        {Array.isArray(actions) &&\n          actions?.map((action: any, index: number) => (\n            <div\n              key={action.id}\n              ref={action.blockType === HeaderNavigationActionBlockType.Profile ? ref : null}\n              onClick={() => handleActionClick(action, index)}\n            >\n              <Text\n                html={action.icon}\n                className={cn('cursor-pointer size-5', { 'text-brand-0': activeStatus && activeAction === index })}\n              />\n            </div>\n          ))}\n      </div>\n    )\n  }\n)\n\nconst SecondaryHeader = ({ title, onMenuOpenClose, onMenuBackClick }: MobileSecondaryNavigationData) => {\n  return (\n    <div className=\"flex h-full items-center gap-3\">\n      <LeftArrow className=\"size-5\" onClick={() => onMenuBackClick()} />\n      <Text html={title} className=\"flex-1 text-center text-base font-bold leading-[1.4]\" />\n      <Close className=\"size-5\" onClick={() => onMenuOpenClose()} />\n    </div>\n  )\n}\n\nconst MenuItem = ({\n  label,\n  href,\n  onClick,\n  active,\n  icon,\n  className,\n}: {\n  label: string\n  href?: string\n  onClick?: () => void\n  active?: boolean\n  icon?: string\n  className?: string\n}) => {\n  return (\n    <div className={cn('flex cursor-pointer items-center justify-between py-4', className)} onClick={onClick}>\n      <Link href={href} asChild={!href} className=\"flex w-full items-center justify-between no-underline\">\n        <div className=\"flex items-center gap-4\">\n          <Text html={label} className={cn('text-sm font-bold leading-[1.4]', { underline: icon })} />\n          {icon && <Text html={icon} />}\n        </div>\n        <RightArrow className={cn('size-5 laptop:size-4', { 'rotate-90': active })} />\n      </Link>\n    </div>\n  )\n}\n\nexport default withLayout(HeaderNavigation)\n"],
+  "mappings": "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",
+  "names": ["HeaderNavigation_exports", "__export", "HeaderNavigation_default", "__toCommonJS", "import_jsx_runtime", "import_react", "import_components", "import_Styles", "import_utils", "import_NavProvider", "import_types", "import_react_responsive", "import_es_toolkit", "import_gsap", "import_withCategory", "import_icons", "import_NavigationSearch", "HeaderNavigation", "props", "ref", "headerNavigation", "buildProps", "event", "profile", "theme", "searchResult", "onSearch", "isSearching", "keywords", "searchRef", "searchOpen", "setSearchOpen", "headerHidden", "setHeaderHidden", "changeHeaderBackground", "setChangeHeaderBackground", "isMobile", "setIsMobile", "headerRef", "resizeWindow", "offsetWidth", "upwardDistance", "lastScrollY", "showDownNav", "latest", "delta", "scrollAnimate", "scrollTop", "searchPage", "item", "NavProvider", "DesktopNavigation", "MobileNavigation", "NavigationSearch", "value", "data", "onNavItemClick", "className", "downdownHover", "setDowndownHover", "groupCategories", "categoriesItem", "setCategoriesItem", "navStatusArray", "setNavStatusArray", "profileRef", "userProfileOpen", "setUserProfileOpen", "dropdownRef", "navItemRefs", "categories", "groupItem", "groupIndex", "_", "index", "currentNavItem", "handleNavItemClick", "e", "prev", "handleNavMenuClose", "currentBlockTypeCategories", "SidebarDropdownComp", "SidebarDropdown", "MulticolDropdownComp", "MulticolDropdown", "SupportsDropdownComp", "SupportsDropdown", "DropdownComp", "actions", "profileAction", "handleProfileClick", "profileRefElement", "Logo", "Actions", "el", "MenuItem", "React", "sidebarCategoriesMetadata", "seriesMetadata", "expandedSubcategory", "setExpandedSubcategory", "activeSubSubcategoryIndex", "setActiveSubSubcategoryIndex", "sidebarDropdownRef", "initExpandedSubcategory", "subcategories", "withSubSubCategoriesIndex", "withoutSubSubCategoriesIndex", "expandedStates", "matchSeriesMetadata", "subCategory", "currentSeriesMetadata", "category", "activeSubSubcategory", "currentActiveSeriesMetadata", "handleSubcategoryOpen", "subcategoryItem", "handleSubSubcategoryOpen", "subSubindex", "subItem", "hasSubSubCategory", "subSubItem", "seriesItem", "seriesIndex", "product", "SeriesProductItem", "multicolMetadata", "multicolDropdownRef", "MulticolItem", "supportsMetadata", "currentNavItemRef", "supportsDropdownRef", "navItemReact", "setNavItemReact", "supportsDropdownHeight", "setSupportsDropdownHeight", "rect", "debouncedHandleResize", "supportItem", "isCollection", "productData", "variant", "listingLink", "tags", "tag", "allPicture", "columnItem", "currentMenu", "setCurrentMenu", "subSubCategory", "mobileMenuOpen", "setMobileMenuOpen", "menuInnerHeight", "setMenuInnerHeight", "mobileMenuRef", "MobileSupportMenuComp", "MobileSupportMenu", "MobileSidebarMenuComp", "MobileSidebarMenu", "MobileMulticolMenuComp", "MobileMulticolMenu", "MobileCategoriesMenuComp", "handleSecondaryMenuClose", "menuActions", "MobileCategoriesHeaderComp", "PrimaryHeader", "SecondaryHeader", "handlePrimaryMenuClick", "MobilePrimaryMenu", "onPrimaryMenuClick", "ProfileComp", "setSubSubCategory", "setCurrentSeriesMetadata", "expandedSeriesCategories", "setExpandedSeriesCategories", "handleSubSubCategoryClick", "subIndex", "curSeriesMetadata", "defaultGuide", "subSubCategoryItem", "SubSubCategoryItemComp", "i", "SubSubCategoryContentComp", "onSubSubCategoryItemClick", "expanded", "pIndex", "profileOpen", "setProfileOpen", "menuOpen", "onMenuOpenClose", "onMenuOpenClick", "payloadData", "activeStatus", "activeAction", "setActiveAction", "handleActionClick", "action", "title", "onMenuBackClick", "label", "href", "onClick", "active", "icon"]
 }

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

@@ -1,14 +1,26 @@
 import type { Product } from '../../cpn-components/CpnProductCard/types.js';
 export interface HeaderNavigationProps {
     data: any;
+    searchResult?: any;
+    onSearch?: (value?: string) => void;
+    isSearching?: boolean;
+    keywords?: {
+        search_term: string;
+        search_date: string;
+        shopify_domain: string;
+        counts: number;
+    }[];
     event?: {
         search?: () => void;
         cart?: () => void;
         profile?: () => void;
         livestream?: () => void;
+        join?: () => void;
+        login?: () => void;
     };
     buildProps: {
-        products: Product[];
+        products?: Product[];
+        categories?: Record<string, any>;
     };
     profile?: UserProfile;
     theme?: string;
@@ -32,7 +44,8 @@ export declare enum HeaderNavigationMenu {
 export declare enum HeaderNavigationBlockType {
     Sidebar = "ipc-navigation-sidebar",
     Supports = "ipc-navigation-supports",
-    Multicol = "ipc-navigation-multicol"
+    Multicol = "ipc-navigation-multicol",
+    Links = "ipc-navigation-links"
 }
 export declare enum HeaderNavigationActionBlockType {
     Search = "ipc-navigation-action-search",
@@ -42,9 +55,12 @@ export declare enum HeaderNavigationActionBlockType {
 }
 export interface MobileNavigationProps {
     data: any;
+    className?: string;
 }
 export interface DesktopNavigationProps {
     data: any;
+    onNavItemClick?: () => void;
+    className?: string;
 }
 type Country = {
     id?: number;

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

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

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

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

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

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

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

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

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

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

package/dist/cjs/biz-components/Listing/ProductProvider.d.ts

@@ -31,13 +31,13 @@ export interface ProductContextType {
     setCheckedGift?: Dispatch<SetStateAction<ProductVariant | undefined>>;
     checkedBundle?: BundleListItem;
     setCheckedBundle: Dispatch<SetStateAction<BundleListItem | undefined>>;
-    productSummaryStatus: {
-        bundleSummary: boolean;
-        giftSummary: boolean;
+    joinedRecommendBuyProducts: {
+        bundle?: BundleListItem;
+        gift?: ProductVariant;
     };
-    setProductSummaryStatus?: Dispatch<SetStateAction<{
-        bundleSummary: boolean;
-        giftSummary: boolean;
+    setJoinedRecommendBuyProducts?: Dispatch<SetStateAction<{
+        bundle?: BundleListItem;
+        gift?: ProductVariant;
     }>>;
     checkedCareBundle?: ProductVariant;
     setCheckedCareBundle?: Dispatch<SetStateAction<ProductVariant | undefined>>;
@@ -48,5 +48,5 @@ export interface ProductContextType {
 }
 export declare const ProductContext: React.Context<ProductContextType>;
 export declare const useProductContext: () => ProductContextType;
-declare const ProductProvider: ({ product, isLogin, isMobile, isDesktop, children, renderRating, freeGift, bundle, checkedBundle, checkedGift, setCheckedBundle, setCheckedGift, variant, selectedOptions, setSelectedOptions, compareData, coupon, finalPrice, comparePrice, totalSavings, savingDetail, selectedVariants, onAddToCart, onBuyNow, }: PropsWithChildren<Omit<ProductContextType, "productSummaryStatus" | "setProductSummaryStatus">>) => import("react/jsx-runtime").JSX.Element;
+declare const ProductProvider: ({ product, isLogin, isMobile, isDesktop, children, renderRating, freeGift, bundle, checkedBundle, checkedGift, setCheckedBundle, setCheckedGift, variant, selectedOptions, setSelectedOptions, compareData, coupon, finalPrice, comparePrice, totalSavings, savingDetail, selectedVariants, onAddToCart, onBuyNow, }: PropsWithChildren<Omit<ProductContextType, "joinedRecommendBuyProducts" | "setJoinedRecommendBuyProducts">>) => import("react/jsx-runtime").JSX.Element;
 export default ProductProvider;

package/dist/cjs/biz-components/Listing/ProductProvider.js

@@ -0,0 +1,2 @@
+"use strict";var a=Object.defineProperty;var L=Object.getOwnPropertyDescriptor;var G=Object.getOwnPropertyNames;var I=Object.prototype.hasOwnProperty;var O=(t,e)=>{for(var r in e)a(t,r,{get:e[r],enumerable:!0})},T=(t,e,r,i)=>{if(e&&typeof e=="object"||typeof e=="function")for(let o of G(e))!I.call(t,o)&&o!==r&&a(t,o,{get:()=>e[o],enumerable:!(i=L(e,o))||i.enumerable});return t};var F=t=>T(a({},"__esModule",{value:!0}),t);var J={};O(J,{ProductContext:()=>d,default:()=>w,useProductContext:()=>W});module.exports=F(J);var c=require("react/jsx-runtime"),n=require("react");const d=(0,n.createContext)({}),W=()=>{if(!(0,n.useContext)(d))throw new Error("useProductContext must be used in <ProductProvider>");return(0,n.useContext)(d)},j=({product:t,isLogin:e,isMobile:r,isDesktop:i,children:o,renderRating:u,freeGift:s,bundle:p,checkedBundle:P,checkedGift:m,setCheckedBundle:l,setCheckedGift:f,variant:C,selectedOptions:b,setSelectedOptions:y,compareData:h,coupon:B,finalPrice:S,comparePrice:x,totalSavings:v,savingDetail:D,selectedVariants:V,onAddToCart:g,onBuyNow:R})=>{const[k,A]=(0,n.useState)({bundle:void 0,gift:void 0});return(0,c.jsx)(d.Provider,{value:{product:t,variant:C,isMobile:r,isDesktop:i,isLogin:e,coupon:B,renderRating:u,finalPrice:S,comparePrice:x,savingDetail:D,totalSavings:v,selectedOptions:b,setSelectedOptions:y,freeGift:s,checkedGift:m,setCheckedGift:f,checkedBundle:P,setCheckedBundle:l,bundle:p,compareData:h,selectedVariants:V,onAddToCart:g,onBuyNow:R,joinedRecommendBuyProducts:k,setJoinedRecommendBuyProducts:A},children:o})};var w=j;
+//# sourceMappingURL=ProductProvider.js.map