@anker-in/headless-ui 1.1.17-alpha.1766048770237 → 1.1.17-alpha.1766054863247

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (13) hide show
  1. package/dist/cjs/biz-components/HeaderNavigation/index.js +1 -1
  2. package/dist/cjs/biz-components/HeaderNavigation/index.js.map +2 -2
  3. package/dist/cjs/biz-components/NavigationSearch/index.js +2 -2
  4. package/dist/cjs/biz-components/NavigationSearch/index.js.map +2 -2
  5. package/dist/cjs/biz-components/SearchPage/index.js +1 -1
  6. package/dist/cjs/biz-components/SearchPage/index.js.map +1 -1
  7. package/dist/esm/biz-components/HeaderNavigation/index.js +1 -1
  8. package/dist/esm/biz-components/HeaderNavigation/index.js.map +2 -2
  9. package/dist/esm/biz-components/NavigationSearch/index.js +2 -2
  10. package/dist/esm/biz-components/NavigationSearch/index.js.map +2 -2
  11. package/dist/esm/biz-components/SearchPage/index.js +1 -1
  12. package/dist/esm/biz-components/SearchPage/index.js.map +1 -1
  13. package/package.json +1 -1
package/dist/esm/biz-components/HeaderNavigation/index.js.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../../../src/biz-components/HeaderNavigation/index.tsx"],
4
- "sourcesContent": ["'use client'\nimport React, { forwardRef, useCallback, useEffect, useImperativeHandle, useMemo, useRef, useState } from 'react'\n\nimport { Picture, Text, Button, Container, Link, Heading, BrandStrip } 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'\nimport jump from 'jump.js'\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: { header } = {},\n buildProps,\n event,\n profile,\n theme = 'light',\n isTop = false,\n searchResult,\n onSearch,\n isSearching,\n keywords,\n onPrimaryNavClick,\n onSeriesProductClick,\n onSidebarNavClick,\n headerId,\n cartCount,\n menuData,\n } = props\n\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 const searchRef = useRef<HTMLDivElement>(null)\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 if (headerRef.current && isTop) {\n jump(headerRef.current, { duration: 0, offset: headerRef.current?.getBoundingClientRect()?.bottom || 0 })\n }\n }, [isTop])\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 header?.bar?.actions?.find((item: any) => item?.blockType === HeaderNavigationActionBlockType.Search)\n ?.searchBar?.[0] || {}\n )\n }, [header])\n\n return (\n <NavProvider\n buildProps={buildProps}\n profile={profile}\n isMobile={isMobile}\n event={event}\n payloadData={header}\n onSidebarNavClick={onSidebarNavClick}\n onSeriesProductClick={onSeriesProductClick}\n cartCount={cartCount}\n >\n <header\n id={headerId || '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 className=\"relative z-[100] bg-white\"\n ref={headerRef}\n >\n <div\n className={cn(\n 'hover:bg-white hover:text-black',\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={header}\n className=\"desktop:block hidden !bg-white\"\n theme={theme}\n // onNavItemClick={() => setChangeHeaderBackground(true)}\n onPrimaryNavClick={onPrimaryNavClick}\n />\n <MobileNavigation\n menuData={menuData}\n data={header}\n className=\"desktop:hidden block !bg-white\"\n onPrimaryNavClick={onPrimaryNavClick}\n />\n {searchOpen && (\n <div\n className=\"absolute left-0 top-0 z-[60] flex w-full flex-col bg-black/70\"\n style={{ height: `calc(100dvh - ${headerRef?.current?.getBoundingClientRect()?.top}px)` }}\n role=\"dialog\"\n aria-modal=\"true\"\n aria-label=\"Search\"\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\n className=\"flex-1 bg-transparent\"\n onClick={() => setSearchOpen(false)}\n role=\"button\"\n tabIndex={0}\n aria-label=\"Close search\"\n onKeyDown={e => {\n if (e.key === 'Enter' || e.key === ' ' || e.key === 'Escape') {\n e.preventDefault()\n setSearchOpen(false)\n }\n }}\n />\n </div>\n )}\n </div>\n </header>\n </NavProvider>\n )\n})\n\nconst DesktopNavigation = forwardRef<HTMLDivElement, DesktopNavigationProps>((props, ref) => {\n const { data, onNavItemClick, className, theme, onPrimaryNavClick } = 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<HTMLButtonElement>(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 const categories = groupCategories?.flat() || []\n const position = categories?.findIndex(item => item?.id === groupCategories[groupIndex][index]?.id)\n e.stopPropagation()\n onNavItemClick?.()\n onPrimaryNavClick?.(categories[position], position)\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 handleNavItemKeyDown = (e: React.KeyboardEvent, groupIndex: number, index: number) => {\n if (e.key === 'Enter' || e.key === ' ') {\n e.preventDefault()\n handleNavItemClick(e, groupIndex, index)\n } else if (e.key === 'Escape' && currentNavItem?.groupIndex === groupIndex && currentNavItem?.index === index) {\n e.preventDefault()\n handleNavMenuClose()\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?.bar?.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 HTMLButtonElement\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 <nav className=\"flex justify-between\" role=\"navigation\" aria-label=\"Primary navigation\">\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 const isExpanded = currentNavItem?.groupIndex === groupIndex && currentNavItem?.index === index\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 <button\n className=\"flex cursor-pointer items-center gap-1 border-0 bg-transparent pb-4\"\n onClick={e => handleNavItemClick(e, groupIndex, index)}\n onKeyDown={e => handleNavItemKeyDown(e, groupIndex, index)}\n aria-expanded={isExpanded}\n aria-haspopup=\"true\"\n aria-label={item.text}\n >\n <Text html={item.text} className=\"text-sm font-bold leading-[1.4]\" />\n <DownArrow\n aria-hidden=\"true\"\n className={cn('size-4 opacity-0 transition-opacity duration-500 group-hover:opacity-100', {\n ['rotate-180']: isExpanded,\n ['opacity-100']: downdownHover && isExpanded,\n })}\n />\n </button>\n <div\n className={cn(\n 'absolute bottom-0 left-0 h-[2px] w-0 transition-all duration-500',\n {\n 'w-[calc(100%-20px)]': isExpanded,\n },\n theme === 'dark' ? 'bg-white' : 'bg-[#080A0F]'\n )}\n aria-hidden=\"true\"\n />\n </div>\n </div>\n )\n })}\n </div>\n )\n })}\n </nav>\n </div>\n <div\n role=\"menu\"\n aria-hidden={!(currentNavItem?.open && categoriesItem)}\n className={cn(\n 'absolute left-0 top-full z-[999] flex w-full flex-col overflow-hidden border-t border-b-[#E4E5E6] bg-black/70 text-black',\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\n className=\"flex-1 bg-transparent\"\n onClick={handleNavMenuClose}\n role=\"button\"\n tabIndex={0}\n aria-label=\"Close menu\"\n onKeyDown={e => {\n if (e.key === 'Enter' || e.key === ' ' || e.key === 'Escape') {\n e.preventDefault()\n handleNavMenuClose()\n }\n }}\n />\n </div>\n {userProfileOpen && (\n <div\n className=\"absolute left-0 top-full z-[999] flex h-dvh w-full bg-black/70\"\n role=\"dialog\"\n aria-modal=\"true\"\n aria-label=\"User profile menu\"\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=\"mt-2 h-px bg-[#D9D9D9]\" aria-hidden=\"true\" />\n <nav className=\"mt-2\" role=\"navigation\" aria-label=\"Profile navigation\">\n {profileAction?.profiles?.map((item: any) => (\n <MenuItem className=\"py-2\" key={item.id} label={item?.title} href={item?.url} />\n ))}\n </nav>\n </>\n ) : (\n <>\n <Polygon className=\"absolute -top-2 right-[46px] z-30 text-white\" aria-hidden=\"true\" />\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\n className=\"flex-1 bg-transparent\"\n onClick={() => setUserProfileOpen(false)}\n role=\"button\"\n tabIndex={0}\n aria-label=\"Close profile menu\"\n onKeyDown={e => {\n if (e.key === 'Enter' || e.key === ' ' || e.key === 'Escape') {\n e.preventDefault()\n setUserProfileOpen(false)\n }\n }}\n />\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, onSidebarNavClick } = useNavContext()\n const [expandedSubcategory, setExpandedSubcategory] = useState<{ index: number; open: boolean }[]>([])\n const [activeSubSubcategoryIndex, setActiveSubSubcategoryIndex] = useState(-1)\n const sidebarDropdownRef = useRef<HTMLDivElement>(null)\n\n const initExpandedSubcategory = useCallback(() => {\n const subcategories = sidebarCategoriesMetadata?.subcategories\n if (!subcategories?.length) return\n\n const withSubSubCategoriesIndex = subcategories.findIndex((item: any) => !!item?.subSubCategories)\n const withoutSubSubCategoriesIndex = subcategories.findIndex((item: any) => !item?.subSubCategories)\n\n // \u521B\u5EFA\u5C55\u5F00\u72B6\u6001\u6570\u7EC4\n const expandedStates = subcategories.map((_: any, index: number) => ({\n index,\n open: withSubSubCategoriesIndex === index || withoutSubSubCategoriesIndex === index,\n }))\n\n setExpandedSubcategory(expandedStates)\n }, [sidebarCategoriesMetadata])\n\n useEffect(() => {\n initExpandedSubcategory()\n }, [initExpandedSubcategory])\n\n // \u901A\u8FC7categoriesMetadata\u7684subSubCategories\u7684label\u4E0Eseries\u7684label\u5339\u914D\n const matchSeriesMetadata = useMemo(() => {\n const subCategory =\n sidebarCategoriesMetadata?.subcategories?.[expandedSubcategory?.find(item => item.open)?.index || 0]\n const currentSeriesMetadata =\n seriesMetadata?.find((item: any) => item?.label?.toLowerCase() === subCategory?.label?.toLowerCase()) || {}\n if (subCategory?.collections) {\n const category = buildProps?.categories?.[subCategory?.collections] || {}\n return {\n label: currentSeriesMetadata?.label,\n isCollection: true,\n banner: currentSeriesMetadata?.banner,\n primary: currentSeriesMetadata?.primary,\n series: [\n {\n products: category?.products,\n },\n ],\n }\n } else {\n if (subCategory?.subSubCategories) {\n const activeSubSubcategory = subCategory?.subSubCategories?.[activeSubSubcategoryIndex]\n const currentActiveSeriesMetadata =\n seriesMetadata?.find(\n (item: any) => item?.label?.toLowerCase() === activeSubSubcategory?.label?.toLowerCase()\n ) || {}\n if (activeSubSubcategory?.collections) {\n const category = buildProps?.categories?.[activeSubSubcategory?.collections] || {}\n return {\n label: currentActiveSeriesMetadata?.label,\n isCollection: true,\n banner: currentActiveSeriesMetadata?.banner,\n primary: currentActiveSeriesMetadata?.primary,\n series: [\n {\n products: category?.products,\n },\n ],\n }\n } else {\n return currentActiveSeriesMetadata\n }\n } else {\n return currentSeriesMetadata\n }\n }\n }, [sidebarCategoriesMetadata, expandedSubcategory, activeSubSubcategoryIndex, seriesMetadata, buildProps])\n\n const handleSubcategoryOpen = useCallback((index: number, subcategoryItem: any) => {\n subcategoryItem?.subSubCategories?.length > 0 ? setActiveSubSubcategoryIndex(0) : setActiveSubSubcategoryIndex(-1)\n\n setExpandedSubcategory(prev => prev.map((item, i) => ({ ...item, open: i === index ? !item.open : false })))\n // 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\n const handleSubSubcategoryOpen = (index: number, subSubindex: number) => {\n setExpandedSubcategory(prev =>\n prev.map(item => (item.index === index ? { ...item, open: true } : { ...item, open: false }))\n )\n setActiveSubSubcategoryIndex(subSubindex)\n }\n\n return (\n <Container childClassName=\"lg-desktop:gap-12 flex bg-white gap-8\">\n <div\n className=\"lg-desktop:basis-[356px] flex basis-[284px] flex-col gap-4 py-4\"\n style={{\n userSelect: 'none',\n }}\n ref={sidebarDropdownRef}\n >\n <div\n className=\"desktop:h-[416px] flex flex-col overflow-y-auto\"\n style={{\n scrollbarWidth: 'none',\n msOverflowStyle: 'none',\n }}\n >\n {sidebarCategoriesMetadata?.subcategories?.map((subItem: any, index: number) => {\n const hasSubSubCategory =\n Array.isArray(subItem?.subSubCategories) && subItem?.subSubCategories?.length > 0\n const isExpanded = expandedSubcategory?.find(item => item.index === index)?.open\n return (\n <div key={`subcategoryItem-${index}`}>\n <button\n className={cn(\n 'flex w-full cursor-pointer items-center justify-between border-0 bg-transparent text-left',\n {\n 'bg-[#F5F5F7]': !hasSubSubCategory && isExpanded,\n }\n )}\n onClick={() => {\n handleSubcategoryOpen(index, subItem)\n onSidebarNavClick?.(subItem, index)\n }}\n aria-expanded={hasSubSubCategory ? isExpanded : undefined}\n aria-haspopup={hasSubSubCategory ? 'true' : undefined}\n >\n <Text html={subItem.label} className=\"p-4 text-sm font-bold leading-[1.4]\" />\n {hasSubSubCategory && (\n <DownArrow\n aria-hidden=\"true\"\n className={cn('size-4', {\n ['rotate-180']: isExpanded,\n })}\n />\n )}\n </button>\n {isExpanded && (\n <div className=\"flex flex-col\" role=\"menu\">\n {subItem.subSubCategories?.map((subSubItem: any, subSubindex: number) => (\n <button\n onClick={() => {\n handleSubSubcategoryOpen(index, subSubindex)\n onSidebarNavClick?.(subSubItem, subSubindex)\n }}\n key={`subSubItem-${index}-${subSubindex}`}\n className={cn('w-full cursor-pointer border-0 bg-transparent px-6 py-4 text-left', {\n 'bg-[#F5F5F7]': activeSubSubcategoryIndex === subSubindex,\n })}\n role=\"menuitem\"\n aria-label={subSubItem.label}\n >\n <Text\n html={subSubItem.label}\n className=\"text-sm font-bold leading-[1.4] text-[#6D6D6F] hover:bg-[#F5F5F7]\"\n />\n </button>\n ))}\n </div>\n )}\n </div>\n )\n })}\n </div>\n {sidebarCategoriesMetadata && (\n <div className=\"flex\">\n <div className=\"flex flex-col gap-4\">\n {sidebarCategoriesMetadata?.primary && (\n <Button\n as=\"a\"\n href={`${sidebarCategoriesMetadata?.primary?.url}?ref=${sidebarCategoriesMetadata?.primary?.label}_shopall`}\n variant=\"primary\"\n size=\"lg\"\n className=\"lg-desktop:text-base text-sm\"\n >\n {sidebarCategoriesMetadata?.primary?.label}\n </Button>\n )}\n {sidebarCategoriesMetadata?.secondary && (\n <Button\n as=\"a\"\n href={sidebarCategoriesMetadata?.secondary?.url}\n variant=\"link\"\n size=\"lg\"\n className=\"lg-desktop:text-base justify-start !p-0 text-sm\"\n >\n {sidebarCategoriesMetadata?.secondary?.label}\n </Button>\n )}\n </div>\n </div>\n )}\n </div>\n <div className=\"flex-1 py-4\">\n {Reflect.ownKeys(matchSeriesMetadata).length > 0 && (\n <div className=\"mb-4 flex items-center justify-between\">\n <div className=\"flex items-center gap-2\">\n <Text\n html={matchSeriesMetadata?.label}\n className=\"lg-desktop:text-2xl text-xl font-bold leading-[1.4]\"\n />\n {matchSeriesMetadata?.primary && !matchSeriesMetadata?.primary?.hide && (\n <Button\n as=\"a\"\n href={`${matchSeriesMetadata?.primary?.url}?ref=${matchSeriesMetadata?.label}_viewmore`}\n variant=\"link\"\n size=\"lg\"\n className=\"lg-desktop:text-base justify-start !p-0 text-sm font-bold leading-[1.2] no-underline\"\n >\n {matchSeriesMetadata?.primary?.label}\n </Button>\n )}\n </div>\n <Link\n href={matchSeriesMetadata?.guide?.url}\n className=\"lg-desktop:text-base text-sm leading-[1.2] text-[#6D6D6F]\"\n >\n {matchSeriesMetadata?.guide?.label}\n </Link>\n </div>\n )}\n <div\n className=\"flex h-[426px] flex-col gap-4 overflow-y-auto\"\n style={{\n scrollbarWidth: 'none',\n msOverflowStyle: 'none',\n }}\n >\n {matchSeriesMetadata?.series?.map((seriesItem: any, seriesIndex: number) => (\n <div key={`seriesItem-${seriesIndex}`}>\n {seriesItem.label && (\n <Text html={seriesItem.label} className=\"mb-2 text-sm 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=\"[&_img]:hover:duration-600 relative [&_img]:hover:scale-110 [&_img]:hover:transition-all\">\n <Picture\n source={matchSeriesMetadata?.banner?.imageUrl}\n className=\"laptop:h-[120px] h-[114px]\"\n imgClassName=\"object-cover h-full\"\n />\n <div className=\"absolute inset-x-0 bottom-0 p-4\">\n <Heading\n size={2}\n html={matchSeriesMetadata?.banner?.title || 'Buy in Guide'}\n className=\"font-bold text-white\"\n />\n <Text\n html={matchSeriesMetadata?.banner?.desc || '20.000mAh'}\n className=\"text-sm font-bold text-white\"\n />\n </div>\n </div>\n </Link>\n )}\n {seriesItem.products?.map((product: any, index: number) => (\n <SeriesProductItem\n seriesLabel={matchSeriesMetadata?.label}\n key={`seriesProductItem-${index}`}\n product={product}\n isCollection={matchSeriesMetadata?.isCollection}\n />\n ))}\n </div>\n </div>\n ))}\n </div>\n </div>\n </Container>\n )\n }\n)\n\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 overflow-hidden bg-white transition-all duration-500\"\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 = ({\n product,\n isCollection,\n position,\n seriesLabel,\n}: {\n product: any\n isCollection?: boolean\n position?: number\n seriesLabel?: string\n}) => {\n const { buildProps, onSeriesProductClick } = useNavContext()\n let productData = isCollection\n ? product\n : buildProps?.products?.find((item: Product) => item.handle === product.handle)\n const variant =\n productData?.variants?.find((item: ProductVariant) => item.sku === product.sku) || productData?.variants?.[0]\n\n const listingLink = useMemo(() => {\n return `/products/${productData?.handle}?variant=${atobID(variant?.id as string)}`\n }, [productData?.handle, variant?.id])\n\n const tags = useMemo(() => {\n return productData?.tags\n ?.filter?.((item: any) => item?.startsWith?.('CLtag'))\n ?.map?.((item: any) => item?.replace?.('CLtag:', ''))\n ?.slice?.(0, 2)\n }, [productData?.tags])\n\n if (!variant?.availableForSale) return null\n\n return (\n <Link\n href={listingLink}\n onClick={e => {\n e.preventDefault()\n window.open(listingLink, '_self')\n onSeriesProductClick?.(productData, position || 0, seriesLabel)\n }}\n className=\"no-underline hover:text-current\"\n >\n <div className=\"flex shrink-0 items-center gap-4 bg-[#F5F5F7] px-4 py-3 [&_img]:hover:scale-110\">\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, index: number) => (\n <Text\n key={index}\n as=\"p\"\n html={tag}\n className=\"text-brand-0 mb-1 inline-block h-[24px] whitespace-nowrap rounded-full border-[1.6px] border-[#00BEFA] px-[6px] text-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 <Text\n className=\"lg-desktop:h-[44px] lg-desktop:text-base line-clamp-2 h-[40px] text-sm font-bold leading-[1.4]\"\n html={productData?.title || product?.name}\n />\n {product?.desc && (\n <Text\n as=\"p\"\n html={product?.desc}\n className=\"lg-desktop:text-sm mt-1 line-clamp-1 text-xs font-bold leading-[1.4] text-[#6D6D6F]\"\n />\n )}\n </div>\n </div>\n </Link>\n )\n}\n\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=\"flex items-center gap-1 py-2\">\n <Link\n href={`${columnItem.url}?ref=navMenu`}\n asChild={!columnItem.url}\n className=\"text-sm font-bold leading-[1.4] no-underline\"\n >\n {columnItem.label}\n </Link>\n {columnItem?.badge && (\n <Text\n as=\"p\"\n html={columnItem?.badge || 'badge'}\n className=\"text-brand-0 h-[24px] rounded-full border-[1.6px] border-[var(--brand-color-0)] px-[6px] text-sm font-bold !leading-[22px]\"\n />\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] tablet:max-w-[346px] laptop:max-w-[440px] desktop:w-full relative h-[240px] max-w-[358px] overflow-hidden',\n {\n ['tablet:max-w-none laptop:max-w-none']: allPicture,\n }\n )}\n >\n <Link href={`${item.url}?ref=navMenu`} asChild={!item.url}>\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 <div 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('mr-auto !p-0 text-sm font-bold leading-[1.4] text-white', {\n 'text-black': item?.theme === 'dark',\n })}\n >\n {item?.primary?.label || 'more'}\n </Button>\n )}\n </div>\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>(\n ({ data, menuData, className, onPrimaryNavClick }, 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?.bar?.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?.bar?.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 ? // @ts-ignore\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 <nav\n ref={mobileMenuRef}\n className=\"absolute left-0 top-full z-[999] w-full overflow-y-auto border-t border-[#E4E5E6] bg-white text-black\"\n style={{ height: menuInnerHeight }}\n role=\"navigation\"\n aria-label=\"Mobile navigation menu\"\n >\n {currentMenu === HeaderNavigationMenu.Primary ? (\n <div className=\"pt-4\">\n <BrandStrip data={menuData} />\n </div>\n ) : null}\n {currentMenu === HeaderNavigationMenu.Primary ? (\n <MobilePrimaryMenu\n categories={groupCategories}\n onPrimaryMenuClick={handlePrimaryMenuClick}\n onPrimaryNavClick={onPrimaryNavClick}\n profileAction={profileAction}\n />\n ) : (\n MobileCategoriesMenuComp\n )}\n </nav>\n )}\n </Container>\n )\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 onPrimaryNavClick,\n}: {\n categories: any\n onPrimaryMenuClick: (groupIndex: number, index: number) => void\n profileAction: any\n onPrimaryNavClick?: (category: any, position: number) => void\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 <div className={cn('my-2 h-px w-full bg-[#E5E5E7]')} />\n {groupItem?.map((item: any, index: number) => (\n <MenuItem\n key={item.id}\n label={item.text}\n onClick={() => {\n const flatCategories = categories?.flat() || []\n const position = flatCategories?.findIndex(\n (item: any) => item?.id === categories[groupIndex][index]?.id\n )\n onPrimaryMenuClick(groupIndex, index)\n onPrimaryNavClick?.(item, position)\n }}\n icon={item.components?.[0]?.icon}\n />\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 onSidebarNavClick,\n } = useNavContext()\n const [expandedSubcategory, setExpandedSubcategory] = useState<{ index: number; open: boolean }[]>([])\n const [expandedSeriesCategories, setExpandedSeriesCategories] = useState<{ index: number; open: boolean }[]>([])\n\n useEffect(() => {\n if (sidebarCategoriesMetadata?.subcategories?.length) {\n setExpandedSubcategory(\n sidebarCategoriesMetadata?.subcategories?.map((_: any, index: number) => ({\n index,\n open: false,\n }))\n )\n }\n }, [sidebarCategoriesMetadata])\n\n useEffect(() => {\n if (subSubCategory?.subSubCategories?.length) {\n setExpandedSeriesCategories(\n subSubCategory?.subSubCategories?.map((_: any, index: number) => ({\n index,\n open: index === 0,\n }))\n )\n }\n }, [subSubCategory])\n\n const handleSubSubCategoryClick = useCallback(\n (item: any, subIndex?: number) => {\n setCurrentMenu && setCurrentMenu(HeaderNavigationMenu.Third)\n setSubSubCategory?.(item)\n const curSeriesMetadata =\n seriesMetadata?.find((seriesItem: any) =>\n subIndex !== undefined\n ? item?.subSubCategories?.[subIndex]?.label?.toLowerCase() === seriesItem.label?.toLowerCase()\n : item?.label?.toLowerCase() === seriesItem.label?.toLowerCase()\n ) || {}\n // \u901A\u8FC7categoriesMetadata\u7684subSubCategories\u7684label\u4E0Eseries\u7684label\u5339\u914D\n if (item?.collections) {\n const category = buildProps?.categories?.[item?.collections] || {}\n setCurrentSeriesMetadata?.({\n label: curSeriesMetadata?.label,\n isCollection: true,\n banner: curSeriesMetadata?.banner,\n primary: curSeriesMetadata?.primary,\n series: [\n {\n products: category?.products,\n },\n ],\n })\n } else {\n setCurrentSeriesMetadata?.(curSeriesMetadata)\n }\n },\n [seriesMetadata, setCurrentMenu, setSubSubCategory, setCurrentSeriesMetadata, buildProps?.categories]\n )\n\n const defaultGuide = useMemo(() => {\n return seriesMetadata?.find((item: any) => !!item?.guide)?.guide\n }, [seriesMetadata])\n\n const MobileSidebarMenuComp = useMemo(() => {\n switch (currentMenu) {\n case HeaderNavigationMenu.Secondary:\n return (\n // \u4E8C\u7EA7\u83DC\u5355\n <div className=\"tablet:px-8 laptop:px-16 tablet:justify-start tablet:gap-16 flex h-full flex-col justify-between p-4\">\n <div>\n {sidebarCategoriesMetadata?.subcategories?.map((item: any, index: number) => {\n return (\n <div key={`${item.label}-${index}`}>\n <MenuItem\n label={item?.label}\n active={expandedSubcategory.find(item => item.index === index)?.open}\n onClick={() => {\n handleSubSubCategoryClick(item)\n onSidebarNavClick?.(item, index)\n }}\n />\n {/* {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}?ref=${sidebarCategoriesMetadata?.primary?.label}_shopall`}\n variant=\"primary\"\n size=\"lg\"\n className=\"tablet:w-auto w-full text-base\"\n >\n {sidebarCategoriesMetadata?.primary?.label}\n </Button>\n )}\n {sidebarCategoriesMetadata?.secondary && (\n <Button\n as=\"a\"\n href={sidebarCategoriesMetadata?.secondary?.url}\n variant=\"link\"\n size=\"lg\"\n className=\"tablet:w-auto tablet:px-0 w-full py-0 text-base\"\n >\n {sidebarCategoriesMetadata?.secondary?.label}\n </Button>\n )}\n </div>\n </div>\n )\n case HeaderNavigationMenu.Third:\n return (\n // \u4E09\u7EA7\u83DC\u5355\n <div className=\"tablet:px-8 laptop:px-16 p-4\">\n {subSubCategory?.subSubCategories ? (\n subSubCategory?.subSubCategories?.map((subSubCategoryItem: any, index: number) => {\n const curSeriesMetadata =\n seriesMetadata?.find(\n (item: any) => item.label.toLowerCase() === subSubCategoryItem?.label?.toLowerCase()\n ) || {}\n let matchSeriesMetadata = {} as any\n if (subSubCategoryItem?.collections) {\n const category = buildProps?.categories?.[subSubCategoryItem?.collections] || {}\n matchSeriesMetadata = {\n label: curSeriesMetadata?.label,\n isCollection: true,\n banner: curSeriesMetadata?.banner,\n primary: curSeriesMetadata?.primary,\n series: [\n {\n products: category?.products,\n },\n ],\n }\n } else {\n matchSeriesMetadata = curSeriesMetadata\n }\n return (\n <div key={`${subSubCategoryItem.label}-${index}`}>\n {Reflect.ownKeys(subSubCategoryItem).length > 0 && (\n <SubSubCategoryItemComp\n matchSeriesMetadata={matchSeriesMetadata}\n onSubSubCategoryItemClick={() => {\n onSidebarNavClick?.(subSubCategoryItem, index)\n setExpandedSeriesCategories(prev =>\n prev.map((item, i) => ({ ...item, open: i === index ? !item.open : item.open }))\n )\n }}\n expanded={!!expandedSeriesCategories?.find(item => item.index === index)?.open}\n />\n )}\n {expandedSeriesCategories?.find(item => item.index === index)?.open && (\n <>\n <SubSubCategoryContentComp matchSeriesMetadata={matchSeriesMetadata} />\n {matchSeriesMetadata?.primary && (\n <div className=\"my-4 text-center\">\n <Button\n as=\"a\"\n href={matchSeriesMetadata?.primary?.url}\n className=\"text-base leading-[1.2] no-underline\"\n variant=\"secondary\"\n size=\"base\"\n >\n {matchSeriesMetadata?.primary?.label}\n </Button>\n </div>\n )}\n </>\n )}\n </div>\n )\n })\n ) : (\n <>\n {Reflect.ownKeys(currentSeriesMetadata).length > 0 && (\n <SubSubCategoryItemComp matchSeriesMetadata={currentSeriesMetadata} />\n )}\n <SubSubCategoryContentComp matchSeriesMetadata={currentSeriesMetadata} />\n {currentSeriesMetadata?.primary && (\n <div className=\"my-4 text-center \">\n <Button\n as=\"a\"\n href={`${currentSeriesMetadata?.primary?.url}?ref=${currentSeriesMetadata?.label}_viewmore`}\n variant=\"secondary\"\n size=\"base\"\n className=\"text-base leading-[1.2] no-underline\"\n >\n {currentSeriesMetadata?.primary?.label}\n </Button>\n </div>\n )}\n </>\n )}\n {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 seriesMetadata,\n expandedSubcategory,\n expandedSeriesCategories,\n subSubCategory,\n currentSeriesMetadata,\n buildProps?.categories,\n defaultGuide,\n handleSubSubCategoryClick,\n onSidebarNavClick,\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 const content = (\n <>\n {matchSeriesMetadata?.label && (\n <Text html={matchSeriesMetadata?.label} className=\"text-sm font-bold leading-[1.4]\" />\n )}\n {onSubSubCategoryItemClick && (\n <DownArrow\n aria-hidden=\"true\"\n className={cn('size-5', {\n ['rotate-180']: expanded,\n })}\n />\n )}\n </>\n )\n\n return onSubSubCategoryItemClick ? (\n <button\n className=\"tablet:pt-0 flex w-full cursor-pointer items-center justify-between border-0 bg-transparent py-4 text-left\"\n onClick={onSubSubCategoryItemClick}\n aria-expanded={expanded}\n >\n {content}\n </button>\n ) : (\n <div className=\"tablet:pt-0 flex items-center justify-between py-4\">{content}</div>\n )\n}\n\nconst SubSubCategoryContentComp = ({ matchSeriesMetadata }: { matchSeriesMetadata: any }) => {\n return (\n <div className=\"laptop:gap-3 flex flex-col gap-2\">\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=\"mb-2 text-sm 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=\"[&_img]:hover:duration-600 relative [&_img]:hover:scale-110 [&_img]:hover:transition-all\">\n <Picture\n source={matchSeriesMetadata?.banner?.imageUrl}\n className=\"laptop:h-[120px] h-[114px]\"\n imgClassName=\"object-cover h-full\"\n />\n <div className=\"absolute inset-x-0 bottom-0 p-4\">\n <Heading\n size={2}\n html={matchSeriesMetadata?.banner?.title || 'Buy in Guide'}\n className={cn('font-bold text-white', {\n 'text-black': matchSeriesMetadata?.banner?.theme === 'dark',\n })}\n />\n <Text\n html={matchSeriesMetadata?.banner?.desc || '20.000mAh'}\n className={cn('text-sm font-bold text-white', {\n 'text-black': matchSeriesMetadata?.banner?.theme === 'dark',\n })}\n />\n </div>\n </div>\n </Link>\n )}\n {seriesItem.products?.map((product: any, index: number) => (\n <SeriesProductItem\n position={index}\n key={`seriesProductItem-${pIndex}-${index}`}\n product={product}\n seriesLabel={matchSeriesMetadata?.label}\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 tablet:gap-6 flex flex-col gap-4 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 <button\n className=\"flex w-full cursor-pointer items-center justify-between border-0 bg-transparent\"\n onClick={() => setProfileOpen(!profileOpen)}\n aria-expanded={profileOpen}\n aria-label={profile?.nick_name || profileAction?.welcome}\n >\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 aria-hidden=\"true\" />\n </div>\n <Text html={profile?.nick_name || profileAction?.welcome} className=\"text-base font-bold leading-[1.4]\" />\n </div>\n {!profile?.email && (\n <DownArrow aria-hidden=\"true\" className={cn('laptop:size-4 size-5', { 'rotate-180': profileOpen })} />\n )}\n </button>\n {profile?.email && (\n <nav className=\"mt-4\" role=\"navigation\" aria-label=\"Profile menu\">\n {profileAction?.profiles?.map((item: any) => (\n <MenuItem key={item.id} label={item?.title} href={item?.url} />\n ))}\n </nav>\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 <button\n className=\"cursor-pointer border-0 bg-transparent p-0\"\n onClick={() => onMenuOpenClose()}\n aria-label=\"Close menu\"\n aria-expanded=\"true\"\n >\n <Close className=\"size-5\" aria-hidden=\"true\" />\n </button>\n ) : (\n <button\n className=\"cursor-pointer border-0 bg-transparent p-0\"\n onClick={() => onMenuOpenClick()}\n aria-label=\"Open menu\"\n aria-expanded=\"false\"\n aria-haspopup=\"true\"\n >\n <Menu className=\"size-5\" aria-hidden=\"true\" />\n </button>\n )}\n </div>\n </div>\n )\n}\n\nconst Logo = () => {\n const { payloadData, isMobile } = useNavContext()\n return (\n <a\n href=\"/\"\n className=\"hover:text-brand-0 [&>svg]:w-full\"\n aria-label=\"Home\"\n dangerouslySetInnerHTML={{\n __html: isMobile ? payloadData?.bar?.mobileLogo : payloadData?.bar?.desktopLogo,\n }}\n />\n )\n}\n\nconst Actions = forwardRef<HTMLButtonElement, { actions: any; activeStatus?: boolean }>(\n ({ actions, activeStatus = false }, ref) => {\n const { event, cartCount } = useNavContext()\n const [activeAction, setActiveAction] = useState<any>(null)\n\n const getActionLabel = (blockType: string) => {\n switch (blockType) {\n case HeaderNavigationActionBlockType.Search:\n return 'Search'\n case HeaderNavigationActionBlockType.Cart:\n return `Shopping cart${cartCount > 0 ? ` (${cartCount} items)` : ''}`\n case HeaderNavigationActionBlockType.Profile:\n return 'User profile'\n case HeaderNavigationActionBlockType.Livestream:\n return 'Livestream'\n default:\n return 'Action'\n }\n }\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 <button\n className=\"relative cursor-pointer border-0 bg-transparent p-0\"\n key={action.id}\n ref={action.blockType === HeaderNavigationActionBlockType.Profile ? ref : null}\n onClick={() => handleActionClick(action, index)}\n aria-label={getActionLabel(action.blockType)}\n aria-pressed={activeStatus && activeAction === index}\n >\n <Text\n html={action.icon}\n className={cn('size-5', { 'text-brand-0': activeStatus && activeAction === index })}\n aria-hidden=\"true\"\n />\n {action.blockType === HeaderNavigationActionBlockType.Cart && cartCount > 0 && (\n <div\n className=\"bg-brand-0 absolute right-[-12px] top-[calc(100%-16px)] z-[1] flex min-h-5 min-w-5 items-center justify-center rounded-full px-[2px]\"\n aria-hidden=\"true\"\n >\n <Text html={cartCount?.toString()} className=\"text-sm font-bold leading-[1.2] text-white\" />\n </div>\n )}\n </button>\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 <button\n className=\"cursor-pointer border-0 bg-transparent p-0\"\n onClick={() => onMenuBackClick()}\n aria-label=\"Back to previous menu\"\n >\n <LeftArrow className=\"size-5\" aria-hidden=\"true\" />\n </button>\n <Text html={title} className=\"flex-1 text-center text-base font-bold leading-[1.4]\" />\n <button\n className=\"cursor-pointer border-0 bg-transparent p-0\"\n onClick={() => onMenuOpenClose()}\n aria-label=\"Close menu\"\n >\n <Close className=\"size-5\" aria-hidden=\"true\" />\n </button>\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 const content = (\n <>\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} aria-hidden=\"true\" />}\n </div>\n <RightArrow className={cn('laptop:size-4 size-5', { 'rotate-90': active })} aria-hidden=\"true\" />\n </>\n )\n\n return href ? (\n <Link href={href} className={cn('flex cursor-pointer items-center justify-between py-4 no-underline', className)}>\n {content}\n </Link>\n ) : (\n <button\n className={cn(\n 'flex w-full cursor-pointer items-center justify-between border-0 bg-transparent py-4 text-left',\n className\n )}\n onClick={onClick}\n aria-expanded={active}\n >\n {content}\n </button>\n )\n}\n\nMobileNavigation.displayName = 'MobileNavigation'\nActions.displayName = 'Actions'\nHeaderNavigation.displayName = 'HeaderNavigation'\nDesktopNavigation.displayName = 'DesktopNavigation'\nSidebarDropdown.displayName = 'SidebarDropdown'\n\nMobileNavigation.displayName = 'MobileNavigation'\nActions.displayName = 'Actions'\nHeaderNavigation.displayName = 'HeaderNavigation'\nDesktopNavigation.displayName = 'DesktopNavigation'\nSidebarDropdown.displayName = 'SidebarDropdown'\n\nexport default withLayout(HeaderNavigation)\n"],
5
- "mappings": "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",
4
+ "sourcesContent": ["'use client'\nimport React, { forwardRef, useCallback, useEffect, useImperativeHandle, useMemo, useRef, useState } from 'react'\n\nimport { Picture, Text, Button, Container, Link, Heading, BrandStrip } 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'\nimport jump from 'jump.js'\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: { header } = {},\n buildProps,\n event,\n profile,\n theme = 'light',\n isTop = false,\n searchResult,\n onSearch,\n isSearching,\n keywords,\n onPrimaryNavClick,\n onSeriesProductClick,\n onSidebarNavClick,\n headerId,\n cartCount,\n menuData,\n } = props\n\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 const searchRef = useRef<HTMLDivElement>(null)\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 if (headerRef.current && isTop) {\n jump(headerRef.current, { duration: 0, offset: headerRef.current?.getBoundingClientRect()?.bottom || 0 })\n }\n }, [isTop])\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 header?.bar?.actions?.find((item: any) => item?.blockType === HeaderNavigationActionBlockType.Search)\n ?.searchBar?.[0] || {}\n )\n }, [header])\n\n return (\n <NavProvider\n buildProps={buildProps}\n profile={profile}\n isMobile={isMobile}\n event={event}\n payloadData={header}\n onSidebarNavClick={onSidebarNavClick}\n onSeriesProductClick={onSeriesProductClick}\n cartCount={cartCount}\n >\n <header\n id={headerId || '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 className=\"relative z-[100] bg-white\"\n ref={headerRef}\n >\n <div\n className={cn(\n 'hover:bg-white hover:text-black',\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={header}\n className=\"desktop:block hidden !bg-white\"\n theme={theme}\n // onNavItemClick={() => setChangeHeaderBackground(true)}\n onPrimaryNavClick={onPrimaryNavClick}\n />\n <MobileNavigation\n menuData={menuData}\n data={header}\n className=\"desktop:hidden block !bg-white\"\n onPrimaryNavClick={onPrimaryNavClick}\n />\n {searchOpen && (\n <div\n className=\"absolute left-0 top-0 z-[60] flex w-full flex-col bg-black/70\"\n style={{ height: `calc(100dvh - ${headerRef?.current?.getBoundingClientRect()?.top}px)` }}\n role=\"dialog\"\n aria-modal=\"true\"\n aria-label=\"Search\"\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\n className=\"flex-1 bg-transparent\"\n onClick={() => setSearchOpen(false)}\n role=\"button\"\n tabIndex={0}\n aria-label=\"Close search\"\n onKeyDown={e => {\n if (e.key === 'Enter' || e.key === ' ' || e.key === 'Escape') {\n e.preventDefault()\n setSearchOpen(false)\n }\n }}\n />\n </div>\n )}\n </div>\n </header>\n </NavProvider>\n )\n})\n\nconst DesktopNavigation = forwardRef<HTMLDivElement, DesktopNavigationProps>((props, ref) => {\n const { data, onNavItemClick, className, theme, onPrimaryNavClick } = 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<HTMLButtonElement>(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 const categories = groupCategories?.flat() || []\n const position = categories?.findIndex(item => item?.id === groupCategories[groupIndex][index]?.id)\n e.stopPropagation()\n onNavItemClick?.()\n onPrimaryNavClick?.(categories[position], position)\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 handleNavItemKeyDown = (e: React.KeyboardEvent, groupIndex: number, index: number) => {\n if (e.key === 'Enter' || e.key === ' ') {\n e.preventDefault()\n handleNavItemClick(e, groupIndex, index)\n } else if (e.key === 'Escape' && currentNavItem?.groupIndex === groupIndex && currentNavItem?.index === index) {\n e.preventDefault()\n handleNavMenuClose()\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?.bar?.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 HTMLButtonElement\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 <nav className=\"flex justify-between\" role=\"navigation\" aria-label=\"Primary navigation\">\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 const isExpanded = currentNavItem?.groupIndex === groupIndex && currentNavItem?.index === index\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 <button\n className=\"flex cursor-pointer items-center gap-1 border-0 bg-transparent pb-4\"\n onClick={e => handleNavItemClick(e, groupIndex, index)}\n onKeyDown={e => handleNavItemKeyDown(e, groupIndex, index)}\n aria-expanded={isExpanded}\n aria-haspopup=\"true\"\n aria-label={item.text}\n >\n <Text html={item.text} className=\"text-sm font-bold leading-[1.4]\" />\n <DownArrow\n aria-hidden=\"true\"\n className={cn('size-4 opacity-0 transition-opacity duration-500 group-hover:opacity-100', {\n ['rotate-180']: isExpanded,\n ['opacity-100']: downdownHover && isExpanded,\n })}\n />\n </button>\n <div\n className={cn(\n 'absolute bottom-0 left-0 h-[2px] w-0 transition-all duration-500',\n {\n 'w-[calc(100%-20px)]': isExpanded,\n },\n theme === 'dark' ? 'bg-white' : 'bg-[#080A0F]'\n )}\n aria-hidden=\"true\"\n />\n </div>\n </div>\n )\n })}\n </div>\n )\n })}\n </nav>\n </div>\n <div\n role=\"menu\"\n aria-hidden={!(currentNavItem?.open && categoriesItem)}\n className={cn(\n 'absolute left-0 top-full z-[999] flex w-full flex-col overflow-hidden border-t border-b-[#E4E5E6] bg-black/70 text-black',\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\n className=\"flex-1 bg-transparent\"\n onClick={handleNavMenuClose}\n role=\"button\"\n tabIndex={0}\n aria-label=\"Close menu\"\n onKeyDown={e => {\n if (e.key === 'Enter' || e.key === ' ' || e.key === 'Escape') {\n e.preventDefault()\n handleNavMenuClose()\n }\n }}\n />\n </div>\n {userProfileOpen && (\n <div\n className=\"absolute left-0 top-full z-[999] flex h-dvh w-full bg-black/70\"\n role=\"dialog\"\n aria-modal=\"true\"\n aria-label=\"User profile menu\"\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=\"mt-2 h-px bg-[#D9D9D9]\" aria-hidden=\"true\" />\n <nav className=\"mt-2\" role=\"navigation\" aria-label=\"Profile navigation\">\n {profileAction?.profiles?.map((item: any) => (\n <MenuItem className=\"py-2\" key={item.id} label={item?.title} href={item?.url} />\n ))}\n </nav>\n </>\n ) : (\n <>\n <Polygon className=\"absolute -top-2 right-[46px] z-30 text-white\" aria-hidden=\"true\" />\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\n className=\"flex-1 bg-transparent\"\n onClick={() => setUserProfileOpen(false)}\n role=\"button\"\n tabIndex={0}\n aria-label=\"Close profile menu\"\n onKeyDown={e => {\n if (e.key === 'Enter' || e.key === ' ' || e.key === 'Escape') {\n e.preventDefault()\n setUserProfileOpen(false)\n }\n }}\n />\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, onSidebarNavClick } = useNavContext()\n const [expandedSubcategory, setExpandedSubcategory] = useState<{ index: number; open: boolean }[]>([])\n const [activeSubSubcategoryIndex, setActiveSubSubcategoryIndex] = useState(-1)\n const sidebarDropdownRef = useRef<HTMLDivElement>(null)\n\n const initExpandedSubcategory = useCallback(() => {\n const subcategories = sidebarCategoriesMetadata?.subcategories\n if (!subcategories?.length) return\n\n const withSubSubCategoriesIndex = subcategories.findIndex((item: any) => !!item?.subSubCategories)\n const withoutSubSubCategoriesIndex = subcategories.findIndex((item: any) => !item?.subSubCategories)\n\n // \u521B\u5EFA\u5C55\u5F00\u72B6\u6001\u6570\u7EC4\n const expandedStates = subcategories.map((_: any, index: number) => ({\n index,\n open: withSubSubCategoriesIndex === index || withoutSubSubCategoriesIndex === index,\n }))\n\n setExpandedSubcategory(expandedStates)\n }, [sidebarCategoriesMetadata])\n\n useEffect(() => {\n initExpandedSubcategory()\n }, [initExpandedSubcategory])\n\n // \u901A\u8FC7categoriesMetadata\u7684subSubCategories\u7684label\u4E0Eseries\u7684label\u5339\u914D\n const matchSeriesMetadata = useMemo(() => {\n const subCategory =\n sidebarCategoriesMetadata?.subcategories?.[expandedSubcategory?.find(item => item.open)?.index || 0]\n const currentSeriesMetadata =\n seriesMetadata?.find((item: any) => item?.label?.toLowerCase() === subCategory?.label?.toLowerCase()) || {}\n if (subCategory?.collections) {\n const category = buildProps?.categories?.[subCategory?.collections] || {}\n return {\n label: currentSeriesMetadata?.label,\n isCollection: true,\n banner: currentSeriesMetadata?.banner,\n primary: currentSeriesMetadata?.primary,\n series: [\n {\n products: category?.products,\n },\n ],\n }\n } else {\n if (subCategory?.subSubCategories) {\n const activeSubSubcategory = subCategory?.subSubCategories?.[activeSubSubcategoryIndex]\n const currentActiveSeriesMetadata =\n seriesMetadata?.find(\n (item: any) => item?.label?.toLowerCase() === activeSubSubcategory?.label?.toLowerCase()\n ) || {}\n if (activeSubSubcategory?.collections) {\n const category = buildProps?.categories?.[activeSubSubcategory?.collections] || {}\n return {\n label: currentActiveSeriesMetadata?.label,\n isCollection: true,\n banner: currentActiveSeriesMetadata?.banner,\n primary: currentActiveSeriesMetadata?.primary,\n series: [\n {\n products: category?.products,\n },\n ],\n }\n } else {\n return currentActiveSeriesMetadata\n }\n } else {\n return currentSeriesMetadata\n }\n }\n }, [sidebarCategoriesMetadata, expandedSubcategory, activeSubSubcategoryIndex, seriesMetadata, buildProps])\n\n const handleSubcategoryOpen = useCallback((index: number, subcategoryItem: any) => {\n subcategoryItem?.subSubCategories?.length > 0 ? setActiveSubSubcategoryIndex(0) : setActiveSubSubcategoryIndex(-1)\n\n setExpandedSubcategory(prev => prev.map((item, i) => ({ ...item, open: i === index ? !item.open : false })))\n // 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\n const handleSubSubcategoryOpen = (index: number, subSubindex: number) => {\n setExpandedSubcategory(prev =>\n prev.map(item => (item.index === index ? { ...item, open: true } : { ...item, open: false }))\n )\n setActiveSubSubcategoryIndex(subSubindex)\n }\n\n return (\n <Container childClassName=\"lg-desktop:gap-12 flex bg-white gap-8\">\n <div\n className=\"lg-desktop:basis-[356px] flex basis-[284px] flex-col gap-4 py-4\"\n style={{\n userSelect: 'none',\n }}\n ref={sidebarDropdownRef}\n >\n <div\n className=\"desktop:h-[416px] flex flex-col overflow-y-auto\"\n style={{\n scrollbarWidth: 'none',\n msOverflowStyle: 'none',\n }}\n >\n {sidebarCategoriesMetadata?.subcategories?.map((subItem: any, index: number) => {\n const hasSubSubCategory =\n Array.isArray(subItem?.subSubCategories) && subItem?.subSubCategories?.length > 0\n const isExpanded = expandedSubcategory?.find(item => item.index === index)?.open\n return (\n <div key={`subcategoryItem-${index}`}>\n <button\n className={cn(\n 'flex w-full cursor-pointer items-center justify-between border-0 bg-transparent text-left',\n {\n 'bg-[#F5F5F7]': !hasSubSubCategory && isExpanded,\n }\n )}\n onClick={() => {\n handleSubcategoryOpen(index, subItem)\n onSidebarNavClick?.(subItem, index)\n }}\n aria-expanded={hasSubSubCategory ? isExpanded : undefined}\n aria-haspopup={hasSubSubCategory ? 'true' : undefined}\n >\n <Text html={subItem.label} className=\"p-4 text-sm font-bold leading-[1.4]\" />\n {hasSubSubCategory && (\n <DownArrow\n aria-hidden=\"true\"\n className={cn('size-4', {\n ['rotate-180']: isExpanded,\n })}\n />\n )}\n </button>\n {isExpanded && (\n <div className=\"flex flex-col\" role=\"menu\">\n {subItem.subSubCategories?.map((subSubItem: any, subSubindex: number) => (\n <button\n onClick={() => {\n handleSubSubcategoryOpen(index, subSubindex)\n onSidebarNavClick?.(subSubItem, subSubindex)\n }}\n key={`subSubItem-${index}-${subSubindex}`}\n className={cn(\n 'w-full cursor-pointer border-0 bg-transparent px-6 py-4 text-left hover:bg-[#F5F5F7]',\n {\n 'bg-[#F5F5F7]': activeSubSubcategoryIndex === subSubindex,\n }\n )}\n role=\"menuitem\"\n aria-label={subSubItem.label}\n >\n <Text html={subSubItem.label} className=\"text-sm font-bold leading-[1.4] text-[#6D6D6F]\" />\n </button>\n ))}\n </div>\n )}\n </div>\n )\n })}\n </div>\n {sidebarCategoriesMetadata && (\n <div className=\"flex\">\n <div className=\"flex flex-col gap-4\">\n {sidebarCategoriesMetadata?.primary && (\n <Button\n as=\"a\"\n href={`${sidebarCategoriesMetadata?.primary?.url}?ref=${sidebarCategoriesMetadata?.primary?.label}_shopall`}\n variant=\"primary\"\n size=\"lg\"\n className=\"lg-desktop:text-base text-sm\"\n >\n {sidebarCategoriesMetadata?.primary?.label}\n </Button>\n )}\n {sidebarCategoriesMetadata?.secondary && (\n <Button\n as=\"a\"\n href={sidebarCategoriesMetadata?.secondary?.url}\n variant=\"link\"\n size=\"lg\"\n className=\"lg-desktop:text-base justify-start !p-0 text-sm\"\n >\n {sidebarCategoriesMetadata?.secondary?.label}\n </Button>\n )}\n </div>\n </div>\n )}\n </div>\n <div className=\"flex-1 py-4\">\n {Reflect.ownKeys(matchSeriesMetadata).length > 0 && (\n <div className=\"mb-4 flex items-center justify-between\">\n <div className=\"flex items-center gap-2\">\n <Text\n html={matchSeriesMetadata?.label}\n className=\"lg-desktop:text-2xl text-xl font-bold leading-[1.4]\"\n />\n {matchSeriesMetadata?.primary && !matchSeriesMetadata?.primary?.hide && (\n <Button\n as=\"a\"\n href={`${matchSeriesMetadata?.primary?.url}?ref=${matchSeriesMetadata?.label}_viewmore`}\n variant=\"link\"\n size=\"lg\"\n className=\"lg-desktop:text-base justify-start !p-0 text-sm font-bold leading-[1.2] no-underline\"\n >\n {matchSeriesMetadata?.primary?.label}\n </Button>\n )}\n </div>\n <Link\n href={matchSeriesMetadata?.guide?.url}\n className=\"lg-desktop:text-base text-sm leading-[1.2] text-[#6D6D6F]\"\n >\n {matchSeriesMetadata?.guide?.label}\n </Link>\n </div>\n )}\n <div\n className=\"flex h-[426px] flex-col gap-4 overflow-y-auto\"\n style={{\n scrollbarWidth: 'none',\n msOverflowStyle: 'none',\n }}\n >\n {matchSeriesMetadata?.series?.map((seriesItem: any, seriesIndex: number) => (\n <div key={`seriesItem-${seriesIndex}`}>\n {seriesItem.label && (\n <Text html={seriesItem.label} className=\"mb-2 text-sm 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-110 [&_img]:hover:transition-all [&_img]:hover:duration-500\">\n <Picture\n source={matchSeriesMetadata?.banner?.imageUrl}\n className=\"laptop:h-[120px] h-[114px]\"\n imgClassName=\"object-cover h-full\"\n />\n <div className=\"absolute inset-x-0 bottom-0 p-4\">\n <Heading\n size={2}\n html={matchSeriesMetadata?.banner?.title || 'Buy in Guide'}\n className=\"font-bold text-white\"\n />\n <Text\n html={matchSeriesMetadata?.banner?.desc || '20.000mAh'}\n className=\"text-sm font-bold text-white\"\n />\n </div>\n </div>\n </Link>\n )}\n {seriesItem.products?.map((product: any, index: number) => (\n <SeriesProductItem\n seriesLabel={matchSeriesMetadata?.label}\n key={`seriesProductItem-${index}`}\n product={product}\n isCollection={matchSeriesMetadata?.isCollection}\n />\n ))}\n </div>\n </div>\n ))}\n </div>\n </div>\n </Container>\n )\n }\n)\n\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 overflow-hidden bg-white transition-all duration-500\"\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 = ({\n product,\n isCollection,\n position,\n seriesLabel,\n}: {\n product: any\n isCollection?: boolean\n position?: number\n seriesLabel?: string\n}) => {\n const { buildProps, onSeriesProductClick } = useNavContext()\n let productData = isCollection\n ? product\n : buildProps?.products?.find((item: Product) => item.handle === product.handle)\n const variant =\n productData?.variants?.find((item: ProductVariant) => item.sku === product.sku) || productData?.variants?.[0]\n\n const listingLink = useMemo(() => {\n return `/products/${productData?.handle}?variant=${atobID(variant?.id as string)}`\n }, [productData?.handle, variant?.id])\n\n const tags = useMemo(() => {\n return productData?.tags\n ?.filter?.((item: any) => item?.startsWith?.('CLtag'))\n ?.map?.((item: any) => item?.replace?.('CLtag:', ''))\n ?.slice?.(0, 2)\n }, [productData?.tags])\n\n if (!variant?.availableForSale) return null\n\n return (\n <Link\n href={listingLink}\n onClick={e => {\n e.preventDefault()\n window.open(listingLink, '_self')\n onSeriesProductClick?.(productData, position || 0, seriesLabel)\n }}\n className=\"no-underline hover:text-current\"\n >\n <div className=\"flex shrink-0 items-center gap-4 bg-[#F5F5F7] px-4 py-3 [&_img]:hover:scale-110 [&_img]:hover:duration-500\">\n <div className=\"shrink-0\">\n <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, index: number) => (\n <Text\n key={index}\n as=\"p\"\n html={tag}\n className=\"text-brand-0 mb-1 inline-block h-[24px] whitespace-nowrap rounded-full border-[1.6px] border-[#00BEFA] px-[6px] text-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 <Text\n className=\"lg-desktop:h-[44px] lg-desktop:text-base line-clamp-2 h-[40px] text-sm font-bold leading-[1.4]\"\n html={productData?.title || product?.name}\n />\n {product?.desc && (\n <Text\n as=\"p\"\n html={product?.desc}\n className=\"lg-desktop:text-sm mt-1 line-clamp-1 text-xs font-bold leading-[1.4] text-[#6D6D6F]\"\n />\n )}\n </div>\n </div>\n </Link>\n )\n}\n\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=\"flex items-center gap-1 py-2\">\n <Link\n href={`${columnItem.url}?ref=navMenu`}\n asChild={!columnItem.url}\n className=\"text-sm font-bold leading-[1.4] no-underline\"\n >\n {columnItem.label}\n </Link>\n {columnItem?.badge && (\n <Text\n as=\"p\"\n html={columnItem?.badge || 'badge'}\n className=\"text-brand-0 h-[24px] rounded-full border-[1.6px] border-[var(--brand-color-0)] px-[6px] text-sm font-bold !leading-[22px]\"\n />\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] tablet:max-w-[346px] laptop:max-w-[440px] desktop:w-full relative h-[240px] max-w-[358px] overflow-hidden',\n {\n ['tablet:max-w-none laptop:max-w-none']: allPicture,\n }\n )}\n >\n <Link href={`${item.url}?ref=navMenu`} asChild={!item.url}>\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 <div 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('mr-auto !p-0 text-sm font-bold leading-[1.4] text-white', {\n 'text-black': item?.theme === 'dark',\n })}\n >\n {item?.primary?.label || 'more'}\n </Button>\n )}\n </div>\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>(\n ({ data, menuData, className, onPrimaryNavClick }, 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?.bar?.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?.bar?.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 ? // @ts-ignore\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 <nav\n ref={mobileMenuRef}\n className=\"absolute left-0 top-full z-[999] w-full overflow-y-auto border-t border-[#E4E5E6] bg-white text-black\"\n style={{ height: menuInnerHeight }}\n role=\"navigation\"\n aria-label=\"Mobile navigation menu\"\n >\n {currentMenu === HeaderNavigationMenu.Primary ? (\n <div className=\"pt-4\">\n <BrandStrip data={menuData} />\n </div>\n ) : null}\n {currentMenu === HeaderNavigationMenu.Primary ? (\n <MobilePrimaryMenu\n categories={groupCategories}\n onPrimaryMenuClick={handlePrimaryMenuClick}\n onPrimaryNavClick={onPrimaryNavClick}\n profileAction={profileAction}\n />\n ) : (\n MobileCategoriesMenuComp\n )}\n </nav>\n )}\n </Container>\n )\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 onPrimaryNavClick,\n}: {\n categories: any\n onPrimaryMenuClick: (groupIndex: number, index: number) => void\n profileAction: any\n onPrimaryNavClick?: (category: any, position: number) => void\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 <div className={cn('my-2 h-px w-full bg-[#E5E5E7]')} />\n {groupItem?.map((item: any, index: number) => (\n <MenuItem\n key={item.id}\n label={item.text}\n onClick={() => {\n const flatCategories = categories?.flat() || []\n const position = flatCategories?.findIndex(\n (item: any) => item?.id === categories[groupIndex][index]?.id\n )\n onPrimaryMenuClick(groupIndex, index)\n onPrimaryNavClick?.(item, position)\n }}\n icon={item.components?.[0]?.icon}\n />\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 onSidebarNavClick,\n } = useNavContext()\n const [expandedSubcategory, setExpandedSubcategory] = useState<{ index: number; open: boolean }[]>([])\n const [expandedSeriesCategories, setExpandedSeriesCategories] = useState<{ index: number; open: boolean }[]>([])\n\n useEffect(() => {\n if (sidebarCategoriesMetadata?.subcategories?.length) {\n setExpandedSubcategory(\n sidebarCategoriesMetadata?.subcategories?.map((_: any, index: number) => ({\n index,\n open: false,\n }))\n )\n }\n }, [sidebarCategoriesMetadata])\n\n useEffect(() => {\n if (subSubCategory?.subSubCategories?.length) {\n setExpandedSeriesCategories(\n subSubCategory?.subSubCategories?.map((_: any, index: number) => ({\n index,\n open: index === 0,\n }))\n )\n }\n }, [subSubCategory])\n\n const handleSubSubCategoryClick = useCallback(\n (item: any, subIndex?: number) => {\n setCurrentMenu && setCurrentMenu(HeaderNavigationMenu.Third)\n setSubSubCategory?.(item)\n const curSeriesMetadata =\n seriesMetadata?.find((seriesItem: any) =>\n subIndex !== undefined\n ? item?.subSubCategories?.[subIndex]?.label?.toLowerCase() === seriesItem.label?.toLowerCase()\n : item?.label?.toLowerCase() === seriesItem.label?.toLowerCase()\n ) || {}\n // \u901A\u8FC7categoriesMetadata\u7684subSubCategories\u7684label\u4E0Eseries\u7684label\u5339\u914D\n if (item?.collections) {\n const category = buildProps?.categories?.[item?.collections] || {}\n setCurrentSeriesMetadata?.({\n label: curSeriesMetadata?.label,\n isCollection: true,\n banner: curSeriesMetadata?.banner,\n primary: curSeriesMetadata?.primary,\n series: [\n {\n products: category?.products,\n },\n ],\n })\n } else {\n setCurrentSeriesMetadata?.(curSeriesMetadata)\n }\n },\n [seriesMetadata, setCurrentMenu, setSubSubCategory, setCurrentSeriesMetadata, buildProps?.categories]\n )\n\n const defaultGuide = useMemo(() => {\n return seriesMetadata?.find((item: any) => !!item?.guide)?.guide\n }, [seriesMetadata])\n\n const MobileSidebarMenuComp = useMemo(() => {\n switch (currentMenu) {\n case HeaderNavigationMenu.Secondary:\n return (\n // \u4E8C\u7EA7\u83DC\u5355\n <div className=\"tablet:px-8 laptop:px-16 tablet:justify-start tablet:gap-16 flex h-full flex-col justify-between p-4\">\n <div>\n {sidebarCategoriesMetadata?.subcategories?.map((item: any, index: number) => {\n return (\n <div key={`${item.label}-${index}`}>\n <MenuItem\n label={item?.label}\n active={expandedSubcategory.find(item => item.index === index)?.open}\n onClick={() => {\n handleSubSubCategoryClick(item)\n onSidebarNavClick?.(item, index)\n }}\n />\n {/* {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}?ref=${sidebarCategoriesMetadata?.primary?.label}_shopall`}\n variant=\"primary\"\n size=\"lg\"\n className=\"tablet:w-auto w-full text-base\"\n >\n {sidebarCategoriesMetadata?.primary?.label}\n </Button>\n )}\n {sidebarCategoriesMetadata?.secondary && (\n <Button\n as=\"a\"\n href={sidebarCategoriesMetadata?.secondary?.url}\n variant=\"link\"\n size=\"lg\"\n className=\"tablet:w-auto tablet:px-0 w-full py-0 text-base\"\n >\n {sidebarCategoriesMetadata?.secondary?.label}\n </Button>\n )}\n </div>\n </div>\n )\n case HeaderNavigationMenu.Third:\n return (\n // \u4E09\u7EA7\u83DC\u5355\n <div className=\"tablet:px-8 laptop:px-16 p-4\">\n {subSubCategory?.subSubCategories ? (\n subSubCategory?.subSubCategories?.map((subSubCategoryItem: any, index: number) => {\n const curSeriesMetadata =\n seriesMetadata?.find(\n (item: any) => item.label.toLowerCase() === subSubCategoryItem?.label?.toLowerCase()\n ) || {}\n let matchSeriesMetadata = {} as any\n if (subSubCategoryItem?.collections) {\n const category = buildProps?.categories?.[subSubCategoryItem?.collections] || {}\n matchSeriesMetadata = {\n label: curSeriesMetadata?.label,\n isCollection: true,\n banner: curSeriesMetadata?.banner,\n primary: curSeriesMetadata?.primary,\n series: [\n {\n products: category?.products,\n },\n ],\n }\n } else {\n matchSeriesMetadata = curSeriesMetadata\n }\n return (\n <div key={`${subSubCategoryItem.label}-${index}`}>\n {Reflect.ownKeys(subSubCategoryItem).length > 0 && (\n <SubSubCategoryItemComp\n matchSeriesMetadata={matchSeriesMetadata}\n onSubSubCategoryItemClick={() => {\n onSidebarNavClick?.(subSubCategoryItem, index)\n setExpandedSeriesCategories(prev =>\n prev.map((item, i) => ({ ...item, open: i === index ? !item.open : item.open }))\n )\n }}\n expanded={!!expandedSeriesCategories?.find(item => item.index === index)?.open}\n />\n )}\n {expandedSeriesCategories?.find(item => item.index === index)?.open && (\n <>\n <SubSubCategoryContentComp matchSeriesMetadata={matchSeriesMetadata} />\n {matchSeriesMetadata?.primary && (\n <div className=\"my-4 text-center\">\n <Button\n as=\"a\"\n href={matchSeriesMetadata?.primary?.url}\n className=\"text-base leading-[1.2] no-underline\"\n variant=\"secondary\"\n size=\"base\"\n >\n {matchSeriesMetadata?.primary?.label}\n </Button>\n </div>\n )}\n </>\n )}\n </div>\n )\n })\n ) : (\n <>\n {Reflect.ownKeys(currentSeriesMetadata).length > 0 && (\n <SubSubCategoryItemComp matchSeriesMetadata={currentSeriesMetadata} />\n )}\n <SubSubCategoryContentComp matchSeriesMetadata={currentSeriesMetadata} />\n {currentSeriesMetadata?.primary && (\n <div className=\"my-4 text-center \">\n <Button\n as=\"a\"\n href={`${currentSeriesMetadata?.primary?.url}?ref=${currentSeriesMetadata?.label}_viewmore`}\n variant=\"secondary\"\n size=\"base\"\n className=\"text-base leading-[1.2] no-underline\"\n >\n {currentSeriesMetadata?.primary?.label}\n </Button>\n </div>\n )}\n </>\n )}\n {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 seriesMetadata,\n expandedSubcategory,\n expandedSeriesCategories,\n subSubCategory,\n currentSeriesMetadata,\n buildProps?.categories,\n defaultGuide,\n handleSubSubCategoryClick,\n onSidebarNavClick,\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 const content = (\n <>\n {matchSeriesMetadata?.label && (\n <Text html={matchSeriesMetadata?.label} className=\"text-sm font-bold leading-[1.4]\" />\n )}\n {onSubSubCategoryItemClick && (\n <DownArrow\n aria-hidden=\"true\"\n className={cn('size-5', {\n ['rotate-180']: expanded,\n })}\n />\n )}\n </>\n )\n\n return onSubSubCategoryItemClick ? (\n <button\n className=\"tablet:pt-0 flex w-full cursor-pointer items-center justify-between border-0 bg-transparent py-4 text-left\"\n onClick={onSubSubCategoryItemClick}\n aria-expanded={expanded}\n >\n {content}\n </button>\n ) : (\n <div className=\"tablet:pt-0 flex items-center justify-between py-4\">{content}</div>\n )\n}\n\nconst SubSubCategoryContentComp = ({ matchSeriesMetadata }: { matchSeriesMetadata: any }) => {\n return (\n <div className=\"laptop:gap-3 flex flex-col gap-2\">\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=\"mb-2 text-sm 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-110 [&_img]:hover:transition-all [&_img]:hover:duration-500\">\n <Picture\n source={matchSeriesMetadata?.banner?.imageUrl}\n className=\"laptop:h-[120px] h-[114px]\"\n imgClassName=\"object-cover h-full\"\n />\n <div className=\"absolute inset-x-0 bottom-0 p-4\">\n <Heading\n size={2}\n html={matchSeriesMetadata?.banner?.title || 'Buy in Guide'}\n className={cn('font-bold text-white', {\n 'text-black': matchSeriesMetadata?.banner?.theme === 'dark',\n })}\n />\n <Text\n html={matchSeriesMetadata?.banner?.desc || '20.000mAh'}\n className={cn('text-sm font-bold text-white', {\n 'text-black': matchSeriesMetadata?.banner?.theme === 'dark',\n })}\n />\n </div>\n </div>\n </Link>\n )}\n {seriesItem.products?.map((product: any, index: number) => (\n <SeriesProductItem\n position={index}\n key={`seriesProductItem-${pIndex}-${index}`}\n product={product}\n seriesLabel={matchSeriesMetadata?.label}\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 tablet:gap-6 flex flex-col gap-4 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 <button\n className=\"flex w-full cursor-pointer items-center justify-between border-0 bg-transparent\"\n onClick={() => setProfileOpen(!profileOpen)}\n aria-expanded={profileOpen}\n aria-label={profile?.nick_name || profileAction?.welcome}\n >\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 aria-hidden=\"true\" />\n </div>\n <Text html={profile?.nick_name || profileAction?.welcome} className=\"text-base font-bold leading-[1.4]\" />\n </div>\n {!profile?.email && (\n <DownArrow aria-hidden=\"true\" className={cn('laptop:size-4 size-5', { 'rotate-180': profileOpen })} />\n )}\n </button>\n {profile?.email && (\n <nav className=\"mt-4\" role=\"navigation\" aria-label=\"Profile menu\">\n {profileAction?.profiles?.map((item: any) => (\n <MenuItem key={item.id} label={item?.title} href={item?.url} />\n ))}\n </nav>\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 <button\n className=\"cursor-pointer border-0 bg-transparent p-0\"\n onClick={() => onMenuOpenClose()}\n aria-label=\"Close menu\"\n aria-expanded=\"true\"\n >\n <Close className=\"size-5\" aria-hidden=\"true\" />\n </button>\n ) : (\n <button\n className=\"cursor-pointer border-0 bg-transparent p-0\"\n onClick={() => onMenuOpenClick()}\n aria-label=\"Open menu\"\n aria-expanded=\"false\"\n aria-haspopup=\"true\"\n >\n <Menu className=\"size-5\" aria-hidden=\"true\" />\n </button>\n )}\n </div>\n </div>\n )\n}\n\nconst Logo = () => {\n const { payloadData, isMobile } = useNavContext()\n return (\n <a\n href=\"/\"\n className=\"hover:text-brand-0 [&>svg]:w-full\"\n aria-label=\"Home\"\n dangerouslySetInnerHTML={{\n __html: isMobile ? payloadData?.bar?.mobileLogo : payloadData?.bar?.desktopLogo,\n }}\n />\n )\n}\n\nconst Actions = forwardRef<HTMLButtonElement, { actions: any; activeStatus?: boolean }>(\n ({ actions, activeStatus = false }, ref) => {\n const { event, cartCount } = useNavContext()\n const [activeAction, setActiveAction] = useState<any>(null)\n\n const getActionLabel = (blockType: string) => {\n switch (blockType) {\n case HeaderNavigationActionBlockType.Search:\n return 'Search'\n case HeaderNavigationActionBlockType.Cart:\n return `Shopping cart${cartCount > 0 ? ` (${cartCount} items)` : ''}`\n case HeaderNavigationActionBlockType.Profile:\n return 'User profile'\n case HeaderNavigationActionBlockType.Livestream:\n return 'Livestream'\n default:\n return 'Action'\n }\n }\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 <button\n className=\"relative cursor-pointer border-0 bg-transparent p-0\"\n key={action.id}\n ref={action.blockType === HeaderNavigationActionBlockType.Profile ? ref : null}\n onClick={() => handleActionClick(action, index)}\n aria-label={getActionLabel(action.blockType)}\n aria-pressed={activeStatus && activeAction === index}\n >\n <Text\n html={action.icon}\n className={cn('size-5', { 'text-brand-0': activeStatus && activeAction === index })}\n aria-hidden=\"true\"\n />\n {action.blockType === HeaderNavigationActionBlockType.Cart && cartCount > 0 && (\n <div\n className=\"bg-brand-0 absolute right-[-12px] top-[calc(100%-16px)] z-[1] flex min-h-5 min-w-5 items-center justify-center rounded-full px-[2px]\"\n aria-hidden=\"true\"\n >\n <Text html={cartCount?.toString()} className=\"text-sm font-bold leading-[1.2] text-white\" />\n </div>\n )}\n </button>\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 <button\n className=\"cursor-pointer border-0 bg-transparent p-0\"\n onClick={() => onMenuBackClick()}\n aria-label=\"Back to previous menu\"\n >\n <LeftArrow className=\"size-5\" aria-hidden=\"true\" />\n </button>\n <Text html={title} className=\"flex-1 text-center text-base font-bold leading-[1.4]\" />\n <button\n className=\"cursor-pointer border-0 bg-transparent p-0\"\n onClick={() => onMenuOpenClose()}\n aria-label=\"Close menu\"\n >\n <Close className=\"size-5\" aria-hidden=\"true\" />\n </button>\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 const content = (\n <>\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} aria-hidden=\"true\" />}\n </div>\n <RightArrow className={cn('laptop:size-4 size-5', { 'rotate-90': active })} aria-hidden=\"true\" />\n </>\n )\n\n return href ? (\n <Link href={href} className={cn('flex cursor-pointer items-center justify-between py-4 no-underline', className)}>\n {content}\n </Link>\n ) : (\n <button\n className={cn(\n 'flex w-full cursor-pointer items-center justify-between border-0 bg-transparent py-4 text-left',\n className\n )}\n onClick={onClick}\n aria-expanded={active}\n >\n {content}\n </button>\n )\n}\n\nMobileNavigation.displayName = 'MobileNavigation'\nActions.displayName = 'Actions'\nHeaderNavigation.displayName = 'HeaderNavigation'\nDesktopNavigation.displayName = 'DesktopNavigation'\nSidebarDropdown.displayName = 'SidebarDropdown'\n\nMobileNavigation.displayName = 'MobileNavigation'\nActions.displayName = 'Actions'\nHeaderNavigation.displayName = 'HeaderNavigation'\nDesktopNavigation.displayName = 'DesktopNavigation'\nSidebarDropdown.displayName = 'SidebarDropdown'\n\nexport default withLayout(HeaderNavigation)\n"],
5
+ "mappings": "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",
6
6
  "names": ["Fragment", "jsx", "jsxs", "React", "forwardRef", "useCallback", "useEffect", "useImperativeHandle", "useMemo", "useRef", "useState", "Picture", "Text", "Button", "Container", "Link", "Heading", "BrandStrip", "withLayout", "cn", "atobID", "NavProvider", "useNavContext", "HeaderNavigationMenu", "HeaderNavigationBlockType", "HeaderNavigationActionBlockType", "debounce", "jump", "useGSAP", "gsap", "WithSidebar", "WithSupports", "WithMulticol", "WithGroupCategory", "Menu", "Close", "User", "RightArrow", "LeftArrow", "DownArrow", "Polygon", "NavigationSearch", "HeaderNavigation", "props", "ref", "header", "buildProps", "event", "profile", "theme", "isTop", "searchResult", "onSearch", "isSearching", "keywords", "onPrimaryNavClick", "onSeriesProductClick", "onSidebarNavClick", "headerId", "cartCount", "menuData", "searchOpen", "setSearchOpen", "isMobile", "setIsMobile", "searchRef", "headerRef", "resizeWindow", "offsetWidth", "searchPage", "item", "DesktopNavigation", "MobileNavigation", "value", "e", "data", "onNavItemClick", "className", "downdownHover", "setDowndownHover", "groupCategories", "categoriesItem", "setCategoriesItem", "navStatusArray", "setNavStatusArray", "profileRef", "userProfileOpen", "setUserProfileOpen", "dropdownRef", "navItemRefs", "categories", "groupItem", "groupIndex", "_", "index", "currentNavItem", "handleNavItemClick", "position", "prev", "handleNavItemKeyDown", "handleNavMenuClose", "currentBlockTypeCategories", "SidebarDropdownComp", "SidebarDropdown", "MulticolDropdownComp", "MulticolDropdown", "SupportsDropdownComp", "SupportsDropdown", "DropdownComp", "actions", "profileAction", "handleProfileClick", "profileRefElement", "Logo", "Actions", "isExpanded", "el", "MenuItem", "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", "seriesLabel", "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", "content", "pIndex", "profileOpen", "setProfileOpen", "menuOpen", "onMenuOpenClose", "onMenuOpenClick", "payloadData", "activeStatus", "activeAction", "setActiveAction", "getActionLabel", "blockType", "handleActionClick", "action", "title", "onMenuBackClick", "label", "href", "onClick", "active", "icon", "HeaderNavigation_default"]
7
7
  }