npm - @anker-in/headless-ui - Versions diffs - 1.1.58 → 1.1.59 - Mend

@anker-in/headless-ui 1.1.58 → 1.1.59

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 (79) hide show

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/biz-components/HeaderNavigation/index.tsx"],
-  "sourcesContent": ["'use client'\nimport React, { forwardRef, useCallback, useEffect, useImperativeHandle, useMemo, useRef, useState } from 'react'\n\nimport { Picture, Text, Button, Container, BrandStrip } from '../../components/index.js'\n\nimport { withLayout } from '../../shared/Styles.js'\n\nimport { cn } 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 jump from 'jump.js'\n\nimport { useGSAP } from '@gsap/react'\nimport { gsap } from 'gsap'\n\nimport { WithSidebar, WithSupports, WithMulticol, WithGroupCategory, WithResource } from './withCategory.js'\n\nimport { Menu, Close, User, LeftArrow, DownArrow, Polygon } from './icons/index.js'\n\nimport NavigationSearch from '../NavigationSearch/index.js'\nimport { ResourceSidebarDropdown } from './ResourceSidebarDropdown.js'\nimport { MobileResourceSidebarMenu } from './MobileResourceSidebarMenu.js'\nimport { SidebarDropdown } from './SidebarDropdown.js'\nimport { MulticolDropdown } from './MulticolDropdown.js'\nimport { SupportsDropdown } from './SupportsDropdown.js'\nimport { MobileSidebarMenu } from './MobileSidebarMenu.js'\nimport { MobileSupportMenu } from './MobileSupportMenu.js'\nimport { MobileMulticolMenu } from './MobileMulticolMenu.js'\nimport { MenuItem } from './MobileMenuComponents.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    const currentCategoriesItem = groupCategories[groupIndex][index]\n    if (currentCategoriesItem?.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      currentCategoriesItem?.components?.[0]?.url && window.open(currentCategoriesItem?.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      setCategoriesItem(currentCategoriesItem)\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 ResourceSidebarDropdownComp = WithResource(ResourceSidebarDropdown, 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.Resource:\n        return <ResourceSidebarDropdownComp />\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\"\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                          <DownArrow\n                            className={cn('size-4 opacity-0 transition-opacity duration-500 group-hover:opacity-100', {\n                              ['rotate-180']:\n                                currentNavItem?.groupIndex === groupIndex && currentNavItem?.index === index,\n                              ['opacity-100']:\n                                downdownHover &&\n                                currentNavItem?.groupIndex === groupIndex &&\n                                currentNavItem?.index === index,\n                              ['invisible']:\n                                !item?.components?.length ||\n                                item?.components?.[0]?.blockType === HeaderNavigationBlockType.Links,\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\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 MobileResourceSidebarMenuComp = WithResource(MobileResourceSidebarMenu, 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.Resource:\n          return <MobileResourceSidebarMenuComp />\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 && menuData ? (\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 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\nMobileNavigation.displayName = 'MobileNavigation'\nActions.displayName = 'Actions'\nHeaderNavigation.displayName = 'HeaderNavigation'\nDesktopNavigation.displayName = 'DesktopNavigation'\n\nexport default withLayout(HeaderNavigation)\n"],
-  "mappings": "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",
-  "names": ["Fragment", "jsx", "jsxs", "forwardRef", "useCallback", "useEffect", "useImperativeHandle", "useMemo", "useRef", "useState", "Picture", "Text", "Button", "Container", "BrandStrip", "withLayout", "cn", "NavProvider", "useNavContext", "HeaderNavigationMenu", "HeaderNavigationBlockType", "HeaderNavigationActionBlockType", "jump", "useGSAP", "gsap", "WithSidebar", "WithSupports", "WithMulticol", "WithGroupCategory", "WithResource", "Menu", "Close", "User", "LeftArrow", "DownArrow", "Polygon", "NavigationSearch", "ResourceSidebarDropdown", "MobileResourceSidebarMenu", "SidebarDropdown", "MulticolDropdown", "SupportsDropdown", "MobileSidebarMenu", "MobileSupportMenu", "MobileMulticolMenu", "MenuItem", "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", "currentCategoriesItem", "position", "prev", "handleNavItemKeyDown", "handleNavMenuClose", "currentBlockTypeCategories", "SidebarDropdownComp", "ResourceSidebarDropdownComp", "MulticolDropdownComp", "SupportsDropdownComp", "DropdownComp", "actions", "profileAction", "handleProfileClick", "profileRefElement", "Logo", "Actions", "isExpanded", "el", "currentMenu", "setCurrentMenu", "subSubCategory", "mobileMenuOpen", "setMobileMenuOpen", "menuInnerHeight", "setMenuInnerHeight", "mobileMenuRef", "rect", "MobileSupportMenuComp", "MobileSidebarMenuComp", "MobileResourceSidebarMenuComp", "MobileMulticolMenuComp", "MobileCategoriesMenuComp", "handleSecondaryMenuClose", "menuActions", "MobileCategoriesHeaderComp", "PrimaryHeader", "SecondaryHeader", "handlePrimaryMenuClick", "MobilePrimaryMenu", "onPrimaryMenuClick", "ProfileComp", "profileOpen", "setProfileOpen", "menuOpen", "onMenuOpenClose", "onMenuOpenClick", "payloadData", "activeStatus", "activeAction", "setActiveAction", "getActionLabel", "blockType", "handleActionClick", "action", "title", "onMenuBackClick", "HeaderNavigation_default"]
+  "sourcesContent": ["'use client'\nimport React, { forwardRef, useCallback, useEffect, useImperativeHandle, useMemo, useRef, useState } from 'react'\n\nimport { Picture, Text, Button, Container, BrandStrip } from '../../components/index.js'\n\nimport { withLayout } from '../../shared/Styles.js'\n\nimport { cn, getLocalizedPath } 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 jump from 'jump.js'\n\nimport { useGSAP } from '@gsap/react'\nimport { gsap } from 'gsap'\n\nimport { WithSidebar, WithSupports, WithMulticol, WithGroupCategory, WithResource } from './withCategory.js'\n\nimport { Menu, Close, User, LeftArrow, DownArrow, Polygon } from './icons/index.js'\n\nimport NavigationSearch from '../NavigationSearch/index.js'\nimport { ResourceSidebarDropdown } from './ResourceSidebarDropdown.js'\nimport { MobileResourceSidebarMenu } from './MobileResourceSidebarMenu.js'\nimport { SidebarDropdown } from './SidebarDropdown.js'\nimport { useScrollLock } from './useScrollLock.js'\nimport { MulticolDropdown } from './MulticolDropdown.js'\nimport { SupportsDropdown } from './SupportsDropdown.js'\nimport { MobileSidebarMenu } from './MobileSidebarMenu.js'\nimport { MobileSupportMenu } from './MobileSupportMenu.js'\nimport { MobileMulticolMenu } from './MobileMulticolMenu.js'\nimport { MenuItem } from './MobileMenuComponents.js'\nimport { useAiuiContext } from '../AiuiProvider/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  useScrollLock(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  const { locale = 'us' } = useAiuiContext()\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  useScrollLock(!!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    const currentCategoriesItem = groupCategories[groupIndex][index]\n    if (currentCategoriesItem?.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      currentCategoriesItem?.components?.[0]?.url && window.open(currentCategoriesItem?.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      setCategoriesItem(currentCategoriesItem)\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 ResourceSidebarDropdownComp = WithResource(ResourceSidebarDropdown, 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.Resource:\n        return <ResourceSidebarDropdownComp />\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\"\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                          <DownArrow\n                            className={cn('size-4 opacity-0 transition-opacity duration-500 group-hover:opacity-100', {\n                              ['rotate-180']:\n                                currentNavItem?.groupIndex === groupIndex && currentNavItem?.index === index,\n                              ['opacity-100']:\n                                downdownHover &&\n                                currentNavItem?.groupIndex === groupIndex &&\n                                currentNavItem?.index === index,\n                              ['invisible']:\n                                !item?.components?.length ||\n                                item?.components?.[0]?.blockType === HeaderNavigationBlockType.Links,\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\n                      className=\"py-2\"\n                      key={item.id}\n                      label={item?.title}\n                      href={getLocalizedPath(item?.url, locale)}\n                    />\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\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    useScrollLock(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 MobileResourceSidebarMenuComp = WithResource(MobileResourceSidebarMenu, 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.Resource:\n          return <MobileResourceSidebarMenuComp />\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 && menuData ? (\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 ProfileComp = ({ profileAction }: { profileAction: any }) => {\n  const [profileOpen, setProfileOpen] = useState(false)\n  const { profile, event } = useNavContext()\n  const { locale = 'us' } = useAiuiContext()\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={getLocalizedPath(item?.url, locale)} />\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\nMobileNavigation.displayName = 'MobileNavigation'\nActions.displayName = 'Actions'\nHeaderNavigation.displayName = 'HeaderNavigation'\nDesktopNavigation.displayName = 'DesktopNavigation'\n\nexport default withLayout(HeaderNavigation)\n"],
+  "mappings": "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",
+  "names": ["Fragment", "jsx", "jsxs", "forwardRef", "useCallback", "useEffect", "useImperativeHandle", "useMemo", "useRef", "useState", "Picture", "Text", "Button", "Container", "BrandStrip", "withLayout", "cn", "getLocalizedPath", "NavProvider", "useNavContext", "HeaderNavigationMenu", "HeaderNavigationBlockType", "HeaderNavigationActionBlockType", "jump", "useGSAP", "gsap", "WithSidebar", "WithSupports", "WithMulticol", "WithGroupCategory", "WithResource", "Menu", "Close", "User", "LeftArrow", "DownArrow", "Polygon", "NavigationSearch", "ResourceSidebarDropdown", "MobileResourceSidebarMenu", "SidebarDropdown", "useScrollLock", "MulticolDropdown", "SupportsDropdown", "MobileSidebarMenu", "MobileSupportMenu", "MobileMulticolMenu", "MenuItem", "useAiuiContext", "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", "locale", "groupCategories", "categoriesItem", "setCategoriesItem", "navStatusArray", "setNavStatusArray", "profileRef", "userProfileOpen", "setUserProfileOpen", "dropdownRef", "navItemRefs", "categories", "groupItem", "groupIndex", "_", "index", "currentNavItem", "handleNavItemClick", "currentCategoriesItem", "position", "prev", "handleNavItemKeyDown", "handleNavMenuClose", "currentBlockTypeCategories", "SidebarDropdownComp", "ResourceSidebarDropdownComp", "MulticolDropdownComp", "SupportsDropdownComp", "DropdownComp", "actions", "profileAction", "handleProfileClick", "profileRefElement", "Logo", "Actions", "isExpanded", "el", "currentMenu", "setCurrentMenu", "subSubCategory", "mobileMenuOpen", "setMobileMenuOpen", "menuInnerHeight", "setMenuInnerHeight", "mobileMenuRef", "rect", "MobileSupportMenuComp", "MobileSidebarMenuComp", "MobileResourceSidebarMenuComp", "MobileMulticolMenuComp", "MobileCategoriesMenuComp", "handleSecondaryMenuClose", "menuActions", "MobileCategoriesHeaderComp", "PrimaryHeader", "SecondaryHeader", "handlePrimaryMenuClick", "MobilePrimaryMenu", "onPrimaryMenuClick", "ProfileComp", "profileOpen", "setProfileOpen", "menuOpen", "onMenuOpenClose", "onMenuOpenClick", "payloadData", "activeStatus", "activeAction", "setActiveAction", "getActionLabel", "blockType", "handleActionClick", "action", "title", "onMenuBackClick", "HeaderNavigation_default"]
 }

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

@@ -0,0 +1,7 @@
+/**
+ * 滚动锁定 Hook
+ * 当 isLocked 为 true 时锁定页面滚动，false 时恢复原始状态
+ * @param isLocked 是否锁定滚动
+ */
+export declare function useScrollLock(isLocked: boolean): void;
+export default useScrollLock;

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

	@@ -0,0 +1,2 @@
1	+ import{useEffect as t,useRef as n}from"react";function r(o){const e=n("");t(()=>{e.current\|\|(e.current=document.documentElement.style.overflow),document.documentElement.style.overflow=o?"hidden":e.current},[o])}var c=r;export{c as default,r as useScrollLock};
2	+ //# sourceMappingURL=useScrollLock.js.map

package/dist/esm/biz-components/HeaderNavigation/useScrollLock.js.map ADDED Viewed

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/biz-components/HeaderNavigation/useScrollLock.ts"],
+  "sourcesContent": ["import { useEffect, useRef } from 'react'\n\n/**\n * \u6EDA\u52A8\u9501\u5B9A Hook\n * \u5F53 isLocked \u4E3A true \u65F6\u9501\u5B9A\u9875\u9762\u6EDA\u52A8\uFF0Cfalse \u65F6\u6062\u590D\u539F\u59CB\u72B6\u6001\n * @param isLocked \u662F\u5426\u9501\u5B9A\u6EDA\u52A8\n */\nexport function useScrollLock(isLocked: boolean) {\n  const initHTMLOverflowProp = useRef('')\n\n  useEffect(() => {\n    if (!initHTMLOverflowProp.current) {\n      initHTMLOverflowProp.current = document.documentElement.style.overflow\n    }\n    document.documentElement.style.overflow = isLocked ? 'hidden' : initHTMLOverflowProp.current\n  }, [isLocked])\n}\n\nexport default useScrollLock\n"],
+  "mappings": "AAAA,OAAS,aAAAA,EAAW,UAAAC,MAAc,QAO3B,SAASC,EAAcC,EAAmB,CAC/C,MAAMC,EAAuBH,EAAO,EAAE,EAEtCD,EAAU,IAAM,CACTI,EAAqB,UACxBA,EAAqB,QAAU,SAAS,gBAAgB,MAAM,UAEhE,SAAS,gBAAgB,MAAM,SAAWD,EAAW,SAAWC,EAAqB,OACvF,EAAG,CAACD,CAAQ,CAAC,CACf,CAEA,IAAOE,EAAQH",
+  "names": ["useEffect", "useRef", "useScrollLock", "isLocked", "initHTMLOverflowProp", "useScrollLock_default"]
+}

package/dist/esm/biz-components/MediaPlayerMulti/index.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use client";import{jsx as l,jsxs as o}from"react/jsx-runtime";import{useState as r,forwardRef as T,useRef as u}from"react";import{cn as I}from"../../helpers/utils.js";import{withLayout as V}from"../../shared/Styles.js";import{Picture as x,Link as B}from"../../components/index.js";import C from"../Title/index.js";import $ from"../SwiperBox/index.js";import{Container as z}from"../../components/container.js";import{VideoModal as D}from"../VideoModal/index.js";import{convertLexicalToHTML as E}from"@payloadcms/richtext-lexical/html";import{useExposure as H}from"../../hooks/useExposure.js";import{trackUrlRef as R}from"../../shared/trackUrlRef.js";const a="video",p="media_player_multi",S=({data:e,configuration:i})=>{const t=u(null);return H(t,{componentType:a,componentName:p,componentTitle:e?.title,position:i?.index+1,componentDescription:e?.description}),o("div",{ref:t,className:I("laptop:max-w-full w-full overflow-hidden","laptop:flex-row flex shrink-0 flex-col","lg-desktop:h-[480px] desktop:h-[384px] laptop:h-[360px] h-auto",i.shape==="round"?"rounded-2xl":""),children:[o("div",{className:"laptop:w-[49%] laptop:h-full tablet:h-[18.22vw] relative h-[35.9vw] w-full flex-none",children:[l(x,{source:e.img?.url,alt:e.img?.alt||"",className:"tablet:block hidden size-full",imgClassName:"w-full h-full object-cover tablet:hover:scale-110 transition-all duration-300"}),l(x,{source:e.mobileImg?.url||e.img?.url,alt:e.mobileImg?.alt||e.img?.alt||"",className:"tablet:hidden block size-full",imgClassName:"w-full h-full object-cover"}),l("div",{className:"laptop:bottom-6 laptop:right-6 absolute bottom-4 right-4",children:(e?.video?.url||e?.youtubeId)&&l("button",{onClick:()=>{i?.onVideoPlayBtnClick?.(i?.index||0,e)},className:"laptop:size-14 flex size-8 items-center justify-center rounded-full bg-white bg-opacity-20 hover:bg-black/75",children:l("svg",{width:"12",height:"14",viewBox:"0 0 12 14",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:l("path",{d:"M12 7L0 14L0 0L12 7Z",fill:"white"})})})})]}),o("div",{className:"laptop:gap-[60px] lg-desktop:p-8 tablet:p-6 bg-container-secondary-1 flex min-h-[200px] flex-1 flex-col gap-4 overflow-hidden p-4",children:[o("div",{className:"flex flex-col",children:[l("h3",{className:"lg-desktop:text-[18px] desktop:text-[16px] text-info-primary mb-2 text-[14px] font-bold leading-[1.2] tracking-[-0.02em]",children:e.title}),e.quote&&l(B,{asChild:!e?.href,href:R(e?.href,`${a}_${p}`),className:"lg-desktop:text-[18px] desktop:text-[16px] text-info-primary text-sm font-bold leading-[1.2] tracking-[-0.02em]","data-headless-type-name":`${a}#${p}`,"data-headless-title-desc-button":`${e?.title}#${e?.description}`,children:e.quote})]}),l("p",{className:"lg-desktop:text-2xl lg-desktop:leading-[1.2] text-info-primary desktop:max-h-[186px] line-clamp-6 max-h-[144px] min-h-[100px] text-xl font-bold leading-[1.2] tracking-[-0.04em]",children:e.description})]})]})},h=T(({data:{items:e=[],shape:i="square",title:t,containerProps:v},className:n="",key:b,onVideoPlayBtnClick:g},w)=>{const[d,m]=r(!1),[y,M]=r(""),[k,P]=r(""),f=typeof t=="string"?t:t&&E({data:t}),N=u(null),c=e.length===2;return o("div",{className:n,ref:N,children:[l("div",{className:"mediaplayermulti-box",children:l(z,{...v||{},className:"overflow-hidden",children:o("div",{className:n,ref:w,children:[t&&l(C,{className:"mediaplayermulti-title",data:{title:f||""}}),l($,{className:"!overflow-visible",id:"MediaPlayerMultiSwiper"+b,data:{list:e,configuration:{shape:i,onVideoPlayBtnClick:(L,s)=>{m(!0),s?.isYouTube?P?.(s?.youtubeId||""):M?.(s?.video?.url||""),g?.(L)},title:f}},Slide:S,breakpoints:{0:{spaceBetween:12,freeMode:!1,slidesPerView:1},374:{spaceBetween:12,freeMode:!1,slidesPerView:1.2},768:{spaceBetween:16,freeMode:!1,slidesPerView:c?2:2.3},1024:{spaceBetween:16,freeMode:!1,slidesPerView:c?2:1.5},1440:{spaceBetween:16,freeMode:!1,slidesPerView:2}}})]})})}),d&&l(D,{visible:d,youTubeId:k,videoUrl:y,onCloseModal:()=>m(!1)})]})});h.displayName="MediaPlayerMulti";var O=V(h);export{O as default};
+"use client";import{jsx as l,jsxs as o}from"react/jsx-runtime";import{useState as r,forwardRef as L,useRef as u}from"react";import{cn as I}from"../../helpers/utils.js";import{withLayout as V}from"../../shared/Styles.js";import{Picture as x,Link as B,Text as C}from"../../components/index.js";import $ from"../Title/index.js";import z from"../SwiperBox/index.js";import{Container as D}from"../../components/container.js";import{VideoModal as E}from"../VideoModal/index.js";import{convertLexicalToHTML as H}from"@payloadcms/richtext-lexical/html";import{useExposure as R}from"../../hooks/useExposure.js";import{trackUrlRef as S}from"../../shared/trackUrlRef.js";const a="video",p="media_player_multi",U=({data:e,configuration:i})=>{const t=u(null);return R(t,{componentType:a,componentName:p,componentTitle:e?.title,position:i?.index+1,componentDescription:e?.description}),o("div",{ref:t,className:I("laptop:max-w-full w-full overflow-hidden","laptop:flex-row flex shrink-0 flex-col","lg-desktop:h-[480px] desktop:h-[384px] laptop:h-[360px] h-auto",i.shape==="round"?"rounded-2xl":""),children:[o("div",{className:"laptop:w-[49%] laptop:h-full tablet:h-[18.22vw] relative h-[35.9vw] w-full flex-none",children:[l(x,{source:e.img?.url,alt:e.img?.alt||"",className:"tablet:block hidden size-full",imgClassName:"w-full h-full object-cover tablet:hover:scale-110 transition-all duration-300"}),l(x,{source:e.mobileImg?.url||e.img?.url,alt:e.mobileImg?.alt||e.img?.alt||"",className:"tablet:hidden block size-full",imgClassName:"w-full h-full object-cover"}),l("div",{className:"laptop:bottom-6 laptop:right-6 absolute bottom-4 right-4",children:(e?.video?.url||e?.youtubeId)&&l("button",{onClick:()=>{i?.onVideoPlayBtnClick?.(i?.index||0,e)},className:"laptop:size-14 bg-opacity/20 flex size-8 items-center justify-center rounded-full bg-white hover:bg-black/75",children:l("svg",{width:"12",height:"14",viewBox:"0 0 12 14",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:l("path",{d:"M12 7L0 14L0 0L12 7Z",fill:"white"})})})})]}),o("div",{className:"laptop:gap-[60px] lg-desktop:p-8 tablet:p-6 bg-container-secondary-1 flex min-h-[200px] flex-1 flex-col gap-4 overflow-hidden p-4",children:[o("div",{className:"flex flex-col",children:[l("h3",{className:"lg-desktop:text-[18px] desktop:text-[16px] text-info-primary mb-2 text-[14px] font-bold leading-[1.2] tracking-[-0.02em]",children:e.title}),e.quote&&l(B,{asChild:!e?.href,href:S(e?.href,`${a}_${p}`),"data-headless-type-name":`${a}#${p}`,"data-headless-title-desc-button":`${e?.title}#${e?.description}`,children:l(C,{html:e.quote,weight:"bold",className:"lg-desktop:text-[18px] desktop:text-[16px] text-info-primary text-sm"})})]}),l("p",{className:"lg-desktop:text-2xl lg-desktop:leading-[1.2] text-info-primary desktop:max-h-[186px] line-clamp-6 max-h-[144px] min-h-[100px] text-xl font-bold leading-[1.2] tracking-[-0.04em]",children:e.description})]})]})},h=L(({data:{items:e=[],shape:i="square",title:t,containerProps:v},className:n="",key:b,onVideoPlayBtnClick:g},w)=>{const[m,d]=r(!1),[y,M]=r(""),[k,P]=r(""),f=typeof t=="string"?t:t&&H({data:t}),N=u(null),c=e.length===2;return o("div",{className:n,ref:N,children:[l("div",{className:"mediaplayermulti-box",children:l(D,{...v||{},className:"overflow-hidden",children:o("div",{className:n,ref:w,children:[t&&l($,{className:"mediaplayermulti-title",data:{title:f||""}}),l(z,{className:"!overflow-visible",id:"MediaPlayerMultiSwiper"+b,data:{list:e,configuration:{shape:i,onVideoPlayBtnClick:(T,s)=>{d(!0),s?.isYouTube?P?.(s?.youtubeId||""):M?.(s?.video?.url||""),g?.(T)},title:f}},Slide:U,breakpoints:{0:{spaceBetween:12,freeMode:!1,slidesPerView:1},374:{spaceBetween:12,freeMode:!1,slidesPerView:1.2},768:{spaceBetween:16,freeMode:!1,slidesPerView:c?2:2.3},1024:{spaceBetween:16,freeMode:!1,slidesPerView:c?2:1.5},1440:{spaceBetween:16,freeMode:!1,slidesPerView:2}}})]})})}),m&&l(E,{visible:m,youTubeId:k,videoUrl:y,onCloseModal:()=>d(!1)})]})});h.displayName="MediaPlayerMulti";var Q=V(h);export{Q as default};
 //# sourceMappingURL=index.js.map

package/dist/esm/biz-components/MediaPlayerMulti/index.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/biz-components/MediaPlayerMulti/index.tsx"],
-  "sourcesContent": ["'use client'\nimport { useState, forwardRef, useRef } from 'react'\nimport { cn } from '../../helpers/utils.js'\nimport { withLayout } from '../../shared/Styles.js'\nimport { Picture, Link } from '../../components/index.js'\nimport Title from '../Title/index.js'\nimport SwiperBox from '../SwiperBox/index.js'\nimport { Container } from '../../components/container.js'\nimport { VideoModal } from '../VideoModal/index.js'\nimport { convertLexicalToHTML } from '@payloadcms/richtext-lexical/html'\nimport type { MediaPlayerMultiProps, MediaPlayerItemProps } from './types.js'\nimport { useExposure } from '../../hooks/useExposure.js'\nimport { trackUrlRef } from '../../shared/trackUrlRef.js'\n\nconst componentType = 'video'\nconst componentName = 'media_player_multi'\n\nconst MediaPlayerItem = ({ data, configuration }: { data: MediaPlayerItemProps; configuration?: any }) => {\n  const ref = useRef<HTMLDivElement>(null)\n\n  useExposure(ref, {\n    componentType,\n    componentName,\n    componentTitle: data?.title,\n    position: configuration?.index + 1,\n    componentDescription: data?.description,\n  })\n\n  return (\n    <div\n      ref={ref}\n      className={cn(\n        'laptop:max-w-full w-full overflow-hidden',\n        'laptop:flex-row flex shrink-0 flex-col',\n        'lg-desktop:h-[480px] desktop:h-[384px] laptop:h-[360px] h-auto',\n        configuration.shape === 'round' ? 'rounded-2xl' : ''\n      )}\n    >\n      <div className=\"laptop:w-[49%] laptop:h-full tablet:h-[18.22vw] relative h-[35.9vw] w-full flex-none\">\n        <Picture\n          source={data.img?.url}\n          alt={data.img?.alt || ''}\n          className=\"tablet:block hidden size-full\"\n          imgClassName=\"w-full h-full object-cover tablet:hover:scale-110 transition-all duration-300\"\n        />\n        <Picture\n          source={data.mobileImg?.url || data.img?.url}\n          alt={data.mobileImg?.alt || data.img?.alt || ''}\n          className=\"tablet:hidden block size-full\"\n          imgClassName=\"w-full h-full object-cover\"\n        />\n        <div className=\"laptop:bottom-6 laptop:right-6 absolute bottom-4 right-4\">\n          {(data?.video?.url || data?.youtubeId) && (\n            <button\n              onClick={() => {\n                configuration?.onVideoPlayBtnClick?.(configuration?.index || 0, data)\n              }}\n              className=\"laptop:size-14 flex size-8 items-center justify-center rounded-full bg-white bg-opacity-20 hover:bg-black/75\"\n            >\n              <svg width=\"12\" height=\"14\" viewBox=\"0 0 12 14\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n                <path d=\"M12 7L0 14L0 0L12 7Z\" fill=\"white\" />\n              </svg>\n            </button>\n          )}\n        </div>\n      </div>\n\n      <div className=\"laptop:gap-[60px] lg-desktop:p-8 tablet:p-6 bg-container-secondary-1 flex min-h-[200px] flex-1 flex-col gap-4 overflow-hidden p-4\">\n        <div className=\"flex flex-col\">\n          <h3 className=\"lg-desktop:text-[18px] desktop:text-[16px] text-info-primary mb-2 text-[14px] font-bold leading-[1.2] tracking-[-0.02em]\">\n            {data.title}\n          </h3>\n          {data.quote && (\n            <Link\n              asChild={!data?.href}\n              href={trackUrlRef(data?.href, `${componentType}_${componentName}`)}\n              className=\"lg-desktop:text-[18px] desktop:text-[16px] text-info-primary text-sm font-bold leading-[1.2] tracking-[-0.02em]\"\n              data-headless-type-name={`${componentType}#${componentName}`}\n              data-headless-title-desc-button={`${data?.title}#${data?.description}`}\n            >\n              {data.quote}\n            </Link>\n          )}\n        </div>\n\n        <p className=\"lg-desktop:text-2xl lg-desktop:leading-[1.2] text-info-primary desktop:max-h-[186px] line-clamp-6 max-h-[144px] min-h-[100px] text-xl font-bold leading-[1.2] tracking-[-0.04em]\">\n          {data.description}\n        </p>\n      </div>\n    </div>\n  )\n}\n\nconst MediaPlayerMulti = forwardRef<HTMLDivElement, MediaPlayerMultiProps>(\n  (\n    { data: { items = [], shape = 'square', title, containerProps }, className = '', key, onVideoPlayBtnClick },\n    ref\n  ) => {\n    const [visible, setVisible] = useState<boolean>(false)\n    const [videoUrl, setVideoUrl] = useState<string>('')\n    const [youTubeId, setYouTubeId] = useState<string>('')\n    const title_html = typeof title === 'string' ? title : title && convertLexicalToHTML({ data: title })\n    const wrapperRef = useRef<HTMLDivElement>(null)\n\n    // \u5982\u679C\u53EA\u6709\u4E24\u4E2Aitem, \u5219\u5E73\u5747\u5206\u914D\u7A7A\u95F4\n    const itemsLength = items.length === 2\n\n    return (\n      <div className={className} ref={wrapperRef}>\n        <div className=\"mediaplayermulti-box\">\n          <Container {...(containerProps || {})} className=\"overflow-hidden\">\n            <div className={className} ref={ref}>\n              {title && <Title className=\"mediaplayermulti-title\" data={{ title: title_html || '' }} />}\n              <SwiperBox\n                className=\"!overflow-visible\"\n                id={'MediaPlayerMultiSwiper' + key}\n                data={{\n                  list: items,\n                  configuration: {\n                    shape,\n                    onVideoPlayBtnClick: (_: number, data: MediaPlayerItemProps) => {\n                      setVisible(true)\n                      if (data?.isYouTube) {\n                        setYouTubeId?.(data?.youtubeId || '')\n                      } else {\n                        setVideoUrl?.(data?.video?.url || '')\n                      }\n                      onVideoPlayBtnClick?.(_)\n                    },\n                    title: title_html,\n                  },\n                }}\n                Slide={MediaPlayerItem}\n                breakpoints={{\n                  0: {\n                    spaceBetween: 12,\n                    freeMode: false,\n                    slidesPerView: 1,\n                  },\n                  374: {\n                    spaceBetween: 12,\n                    freeMode: false,\n                    slidesPerView: 1.2,\n                  },\n                  768: {\n                    spaceBetween: 16,\n                    freeMode: false,\n                    slidesPerView: itemsLength ? 2 : 2.3,\n                  },\n                  1024: {\n                    spaceBetween: 16,\n                    freeMode: false,\n                    slidesPerView: itemsLength ? 2 : 1.5,\n                  },\n                  1440: {\n                    spaceBetween: 16,\n                    freeMode: false,\n                    slidesPerView: 2,\n                  },\n                }}\n              />\n            </div>\n          </Container>\n        </div>\n        {visible && (\n          <VideoModal\n            visible={visible}\n            youTubeId={youTubeId}\n            videoUrl={videoUrl}\n            onCloseModal={() => setVisible(false)}\n          />\n        )}\n      </div>\n    )\n  }\n)\n\nMediaPlayerMulti.displayName = 'MediaPlayerMulti'\nexport default withLayout(MediaPlayerMulti)\n"],
-  "mappings": "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",
-  "names": ["jsx", "jsxs", "useState", "forwardRef", "useRef", "cn", "withLayout", "Picture", "Link", "Title", "SwiperBox", "Container", "VideoModal", "convertLexicalToHTML", "useExposure", "trackUrlRef", "componentType", "componentName", "MediaPlayerItem", "data", "configuration", "ref", "MediaPlayerMulti", "items", "shape", "title", "containerProps", "className", "key", "onVideoPlayBtnClick", "visible", "setVisible", "videoUrl", "setVideoUrl", "youTubeId", "setYouTubeId", "title_html", "wrapperRef", "itemsLength", "_", "MediaPlayerMulti_default"]
+  "sourcesContent": ["'use client'\nimport { useState, forwardRef, useRef } from 'react'\nimport { cn } from '../../helpers/utils.js'\nimport { withLayout } from '../../shared/Styles.js'\nimport { Picture, Link, Text } from '../../components/index.js'\nimport Title from '../Title/index.js'\nimport SwiperBox from '../SwiperBox/index.js'\nimport { Container } from '../../components/container.js'\nimport { VideoModal } from '../VideoModal/index.js'\nimport { convertLexicalToHTML } from '@payloadcms/richtext-lexical/html'\nimport type { MediaPlayerMultiProps, MediaPlayerItemProps } from './types.js'\nimport { useExposure } from '../../hooks/useExposure.js'\nimport { trackUrlRef } from '../../shared/trackUrlRef.js'\n\nconst componentType = 'video'\nconst componentName = 'media_player_multi'\n\nconst MediaPlayerItem = ({ data, configuration }: { data: MediaPlayerItemProps; configuration?: any }) => {\n  const ref = useRef<HTMLDivElement>(null)\n\n  useExposure(ref, {\n    componentType,\n    componentName,\n    componentTitle: data?.title,\n    position: configuration?.index + 1,\n    componentDescription: data?.description,\n  })\n\n  return (\n    <div\n      ref={ref}\n      className={cn(\n        'laptop:max-w-full w-full overflow-hidden',\n        'laptop:flex-row flex shrink-0 flex-col',\n        'lg-desktop:h-[480px] desktop:h-[384px] laptop:h-[360px] h-auto',\n        configuration.shape === 'round' ? 'rounded-2xl' : ''\n      )}\n    >\n      <div className=\"laptop:w-[49%] laptop:h-full tablet:h-[18.22vw] relative h-[35.9vw] w-full flex-none\">\n        <Picture\n          source={data.img?.url}\n          alt={data.img?.alt || ''}\n          className=\"tablet:block hidden size-full\"\n          imgClassName=\"w-full h-full object-cover tablet:hover:scale-110 transition-all duration-300\"\n        />\n        <Picture\n          source={data.mobileImg?.url || data.img?.url}\n          alt={data.mobileImg?.alt || data.img?.alt || ''}\n          className=\"tablet:hidden block size-full\"\n          imgClassName=\"w-full h-full object-cover\"\n        />\n        <div className=\"laptop:bottom-6 laptop:right-6 absolute bottom-4 right-4\">\n          {(data?.video?.url || data?.youtubeId) && (\n            <button\n              onClick={() => {\n                configuration?.onVideoPlayBtnClick?.(configuration?.index || 0, data)\n              }}\n              className=\"laptop:size-14 bg-opacity/20 flex size-8 items-center justify-center rounded-full bg-white hover:bg-black/75\"\n            >\n              <svg width=\"12\" height=\"14\" viewBox=\"0 0 12 14\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n                <path d=\"M12 7L0 14L0 0L12 7Z\" fill=\"white\" />\n              </svg>\n            </button>\n          )}\n        </div>\n      </div>\n\n      <div className=\"laptop:gap-[60px] lg-desktop:p-8 tablet:p-6 bg-container-secondary-1 flex min-h-[200px] flex-1 flex-col gap-4 overflow-hidden p-4\">\n        <div className=\"flex flex-col\">\n          <h3 className=\"lg-desktop:text-[18px] desktop:text-[16px] text-info-primary mb-2 text-[14px] font-bold leading-[1.2] tracking-[-0.02em]\">\n            {data.title}\n          </h3>\n          {data.quote && (\n            <Link\n              asChild={!data?.href}\n              href={trackUrlRef(data?.href, `${componentType}_${componentName}`)}\n              data-headless-type-name={`${componentType}#${componentName}`}\n              data-headless-title-desc-button={`${data?.title}#${data?.description}`}\n            >\n              <Text\n                html={data.quote}\n                weight=\"bold\"\n                className=\"lg-desktop:text-[18px] desktop:text-[16px] text-info-primary text-sm\"\n              />\n            </Link>\n          )}\n        </div>\n\n        <p className=\"lg-desktop:text-2xl lg-desktop:leading-[1.2] text-info-primary desktop:max-h-[186px] line-clamp-6 max-h-[144px] min-h-[100px] text-xl font-bold leading-[1.2] tracking-[-0.04em]\">\n          {data.description}\n        </p>\n      </div>\n    </div>\n  )\n}\n\nconst MediaPlayerMulti = forwardRef<HTMLDivElement, MediaPlayerMultiProps>(\n  (\n    { data: { items = [], shape = 'square', title, containerProps }, className = '', key, onVideoPlayBtnClick },\n    ref\n  ) => {\n    const [visible, setVisible] = useState<boolean>(false)\n    const [videoUrl, setVideoUrl] = useState<string>('')\n    const [youTubeId, setYouTubeId] = useState<string>('')\n    const title_html = typeof title === 'string' ? title : title && convertLexicalToHTML({ data: title })\n    const wrapperRef = useRef<HTMLDivElement>(null)\n\n    // \u5982\u679C\u53EA\u6709\u4E24\u4E2Aitem, \u5219\u5E73\u5747\u5206\u914D\u7A7A\u95F4\n    const itemsLength = items.length === 2\n\n    return (\n      <div className={className} ref={wrapperRef}>\n        <div className=\"mediaplayermulti-box\">\n          <Container {...(containerProps || {})} className=\"overflow-hidden\">\n            <div className={className} ref={ref}>\n              {title && <Title className=\"mediaplayermulti-title\" data={{ title: title_html || '' }} />}\n              <SwiperBox\n                className=\"!overflow-visible\"\n                id={'MediaPlayerMultiSwiper' + key}\n                data={{\n                  list: items,\n                  configuration: {\n                    shape,\n                    onVideoPlayBtnClick: (_: number, data: MediaPlayerItemProps) => {\n                      setVisible(true)\n                      if (data?.isYouTube) {\n                        setYouTubeId?.(data?.youtubeId || '')\n                      } else {\n                        setVideoUrl?.(data?.video?.url || '')\n                      }\n                      onVideoPlayBtnClick?.(_)\n                    },\n                    title: title_html,\n                  },\n                }}\n                Slide={MediaPlayerItem}\n                breakpoints={{\n                  0: {\n                    spaceBetween: 12,\n                    freeMode: false,\n                    slidesPerView: 1,\n                  },\n                  374: {\n                    spaceBetween: 12,\n                    freeMode: false,\n                    slidesPerView: 1.2,\n                  },\n                  768: {\n                    spaceBetween: 16,\n                    freeMode: false,\n                    slidesPerView: itemsLength ? 2 : 2.3,\n                  },\n                  1024: {\n                    spaceBetween: 16,\n                    freeMode: false,\n                    slidesPerView: itemsLength ? 2 : 1.5,\n                  },\n                  1440: {\n                    spaceBetween: 16,\n                    freeMode: false,\n                    slidesPerView: 2,\n                  },\n                }}\n              />\n            </div>\n          </Container>\n        </div>\n        {visible && (\n          <VideoModal\n            visible={visible}\n            youTubeId={youTubeId}\n            videoUrl={videoUrl}\n            onCloseModal={() => setVisible(false)}\n          />\n        )}\n      </div>\n    )\n  }\n)\n\nMediaPlayerMulti.displayName = 'MediaPlayerMulti'\nexport default withLayout(MediaPlayerMulti)\n"],
+  "mappings": "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",
+  "names": ["jsx", "jsxs", "useState", "forwardRef", "useRef", "cn", "withLayout", "Picture", "Link", "Text", "Title", "SwiperBox", "Container", "VideoModal", "convertLexicalToHTML", "useExposure", "trackUrlRef", "componentType", "componentName", "MediaPlayerItem", "data", "configuration", "ref", "MediaPlayerMulti", "items", "shape", "title", "containerProps", "className", "key", "onVideoPlayBtnClick", "visible", "setVisible", "videoUrl", "setVideoUrl", "youTubeId", "setYouTubeId", "title_html", "wrapperRef", "itemsLength", "_", "MediaPlayerMulti_default"]
 }

package/dist/esm/biz-components/ShelfDisplay/shelfDisplayItem.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{Fragment as se,jsx as s,jsxs as d}from"react/jsx-runtime";import{useAiuiContext as oe}from"../AiuiProvider/index.js";import{formatVariantPrice as le}from"./shelfDisplay.js";import Z from"../../components/picture.js";import ee from"../../components/badge.js";import{cn as h}from"../../helpers/utils.js";import{Text as ie}from"../../components/text.js";import M from"../../components/button.js";import{gaTrack as ne}from"../../shared/track.js";import{trackUrlRef as ae}from"../../shared/trackUrlRef.js";import{Heading as re}from"../../components/heading.js";import{useExposure as ce}from"../../hooks/useExposure.js";import{useRef as pe,useEffect as me,useMemo as R,useState as te}from"react";const V="image",q="product_shelf",G=999999999e-2,de=e=>{const t=e?.sku,v=e?.variants,y=v?.find(k=>k?.sku===t),N=y?.image?.url||v?.[0]?.image?.url||"",B=y?.image?.altText||v?.[0]?.image?.altText||e?.custom_name||e?.title||"";return{imageUrl:N,altText:B}},Ne=({data:e,configuration:t})=>{const{isDisplayBackImage:v=!1,itemShape:y,metafields:N,isTopTag:B=!1,isShowTag:k,isShowOriginalPrice:U,isShowShortTitle:g=!1}=t||{},{locale:b="es",copyWriting:J,currencyDisplay:z}=oe(),{discounts:A,discountsCopy:$}=N||{},H=pe(null),[L,n]=te([]),[D,K]=te(""),E=(o,l,c,p)=>t?.event?.primaryButton?.(o,l+1,c,p),Q=(o,l,c,p)=>t?.event?.secondaryButton?.(o,l+1,c,p),a=R(()=>{const o=e?.variants||[];if(o.length)return e?.sku?o?.find?.(l=>l?.sku===e?.sku)||o[0]:o?.[0]},[e?.sku,e?.variants]),m=a?.id?.split?.("/")||[],C=m?.[m?.length-1],I=!a?.availableForSale||a?.price?.amount===G||a?.price===G,u=a?.coupons?.[0],P=!!(U&&u),F=e?.price?.currencyCode||"USD",w=R(()=>le({locale:b,amount:P?u?.variant_price4wscode:a?.price,baseAmount:P?a?.price:0,currencyCode:F,currencyDisplay:z}),[F,b,P,u?.variant_price4wscode,a]),{price:j,basePrice:X,discount:_,discountAmount:f}=w,{imageUrl:S,altText:T}=de(e),x=e?.custom_name||e?.title,W=g&&a?.metafields?.infos?.page_short_title||x,O=e?.custom_description||e?.description,i=()=>{if(u?.value_type==="fixed_amount"){const o=f||"",l=o.match(/^(.*?)(\d[\d.,]*)(.*)$/);if(l){const[,c,p,ue]=l;let Y=p;return p.endsWith(".00")?Y=p.replace(/\.00$/,""):p.endsWith(",00")&&(Y=p.replace(/,00$/,"")),`${c}${Y}${ue}`}return o}return _||""};me(()=>{let o=[];if(_||f){const c=`${i()} ${A?.off||$?.off||""}`;K(c),o.push(c)}const l=e?.tags?.filter?.(c=>c?.startsWith?.("CLtag"))?.map?.(c=>c?.replace?.("CLtag:",""))?.slice?.(0,_?1:2);n(o.concat(l))},[e?.tags,_,f,A?.off,$?.off]),ce(H,{componentType:V,componentName:q,componentTitle:x,componentDescription:O,position:t?.index+1});const r=()=>d(se,{children:[k&&L?.length>0?s("div",{className:"mb-1 box-border flex h-8 flex-wrap gap-1 overflow-hidden",children:L?.map?.((o,l)=>s(ee,{className:"shelf-items-tag",children:o},l))}):null,W?s(re,{as:"h3",title:W||"",size:2,className:"shelf-display-product-title lg-desktop:h-[58px] line-clamp-2 h-12",html:W||""}):null,O?s(ie,{size:2,className:"lg-desktop:text-lg desktop:text-base shelf-display-product-description line-clamp-1 text-sm",html:O||""}):null,s("div",{className:"mb-2 mt-4 flex items-center",children:I?s("div",{className:"tablet:text-2xl text-info-primary text-xl font-bold",children:J?.soldOutText}):d(se,{children:[s("div",{className:"final-price tablet:text-2xl text-info-primary text-xl font-bold",children:a?.availableForSale&&j||""}),s("div",{className:"origin-price tablet:text-xl text-info-secondary ml-1 text-lg font-bold line-through",children:a?.availableForSale&&X||""})]})}),d("div",{className:h("shelf-flex-button-group","lg-desktop:gap-3 flex items-center gap-2",t.direction==="vertical"?"flex-col":""),children:[t?.secondaryButton?s(M,{variant:"secondary",href:e?.custom_secondary_link,as:e?.custom_secondary_link?"a":"button",onClick:()=>!e?.custom_secondary_link&&Q(e,t?.index,t,u),className:t.direction==="vertical"?"w-full":"",children:t?.secondaryButton||""}):null,t?.primaryButton?s(M,{disabled:I,variant:"primary",href:e?.custom_primary_link,as:e?.custom_primary_link?"a":"button",onClick:()=>!e?.custom_primary_link&&E(e,t?.index,t,u),className:t.direction==="vertical"?"w-full":"",children:t?.primaryButton||""}):null]})]});return s("div",{ref:H,className:h("bg-container-secondary-1 tablet:hover:bg-info-white box-border w-full cursor-pointer overflow-hidden duration-300",y==="round"?"rounded-2xl":"rounded-none","lg-desktop:aspect-w-[404] lg-desktop:aspect-h-[480] desktop:aspect-w-[316] desktop:aspect-h-[384]","laptop:aspect-w-[288] laptop:aspect-h-[360] aspect-w-[296] aspect-h-[360] relative","md-tablet:h-[360px] shelf-display-item"),children:v?s("div",{className:"absolute inset-0 box-border overflow-hidden",children:d("div",{className:"relative inset-0 size-full",children:[s(Z,{source:S,alt:T,className:"flex h-full justify-center object-cover [&_img]:w-auto"}),s("div",{className:"desktop:p-6 absolute inset-x-0 bottom-0 box-border overflow-hidden p-4",children:r()})]})}):d("div",{className:"desktop:p-6 absolute inset-0 box-border flex flex-col justify-between overflow-hidden p-4",children:[D&&B&&s(ee,{className:"shelf-prices-tag absolute left-4 top-4 z-10",children:D||""}),s("div",{className:h("lg-desktop:h-[195px] shelf-display-item-image relative mb-2 inline-block h-[140px] w-full flex-1 overflow-hidden"),children:s("a",{"aria-label":x,target:t?.target,href:ae(`${b==="us"||!b?"":`/${b}`}/products/${e?.handle}?variant=${C}`,`${V}_${q}`),onClick:()=>{ne({event:"ga4Event",event_name:"select_item",event_parameters:{page_group:"Home Page",item_list_name:"Home_Page_Bundle",items:[{item_id:e?.sku||a?.sku,item_name:e?.name,item_variant:a?.name,price:a?.price,index:t?.index+1}]}})},children:s(Z,{source:S,alt:T,className:"flex h-full justify-center object-cover [&_img]:w-auto"})})}),r()]})},e?.id||e?.handle)},Be=({data:e,configuration:t})=>{const{itemShape:v,itemLength:y,metafields:N,isShowShortTitle:B}=t||{},{discounts:k,discountsCopy:U}=N||{},{locale:g="us",copyWriting:b,currencyDisplay:J}=oe(),[z,A]=te([]),$=pe(null),H=(i,r,o,l)=>t?.event?.primaryButton?.(i,r+1,o,l),L=(i,r,o,l)=>t?.event?.secondaryButton?.(i,r+1,o,l),n=R(()=>{const i=e?.variants||[];if(i.length)return e?.sku&&i.find(r=>r?.sku===e?.sku)||i[0]},[e?.sku,e?.variants]),D=n?.id?.split?.("/")||[],K=D?.[D?.length-1],E=!n?.availableForSale||n?.price?.amount===G||n?.price===G,Q=t?.isShowTag,a=t?.isShowOriginalPrice,m=n?.coupons?.[0],C=!!(a&&m),I=e?.price?.currencyCode||"USD",u=R(()=>le({locale:g,amount:C?m?.variant_price4wscode:n?.price,baseAmount:C?n?.price:0,currencyCode:I,currencyDisplay:J}),[I,g,C,m?.variant_price4wscode,n]),{price:P,basePrice:F,discount:w,discountAmount:j}=u,{imageUrl:X,altText:_}=de(e),f=e?.custom_name||e?.title,S=B&&n?.metafields?.infos?.page_short_title||f,T=e?.custom_description||e?.description;ce($,{componentType:V,componentName:q,componentTitle:f,componentDescription:T,position:t?.index+1});const x=()=>y>=2?{boxItem:"lg-desktop:max-w-[401px] desktop:max-w-[292px] max-w-full",imgItem:"m-tablet:m-auto lg-desktop:max-w-[330px] lg-desktop:max-h-[330px] desktop:max-w-[260px] desktop:max-h-[260px] max-w-[138px] max-h-[138px]",wrap:"lg-desktop:aspect-w-[824] lg-desktop:aspect-h-[480] desktop:aspect-w-[648] desktop:aspect-h-[380] laptop:aspect-w-[440] laptop:aspect-h-[356] tablet:aspect-w-[346] tablet:aspect-h-[360] md-tablet:w-full"}:{boxItem:"lg-desktop:max-w-[401px] desktop:max-w-[292px] laptop:max-w-[289px] max-w-[262px]",imgItem:"md-tablet:m-auto lg-desktop:max-w-[450px] lg-desktop:max-h-[450px] desktop:max-w-[332px] desktop:max-h-[332px] max-w-[312px] max-h-[312px]",wrap:"lg-desktop:aspect-w-[1664] lg-desktop:aspect-h-[480] desktop:aspect-w-[1312] desktop:aspect-h-[380] laptop:aspect-w-[896] laptop:aspect-h-[356] tablet:aspect-w-[704] tablet:aspect-h-[360] md-tablet:w-full"},W=()=>y>=2?"flex flex-col justify-between desktop:gap-12 desktop:flex-row desktop:justify-center desktop:items-center":"flex justify-center items-center gap-6 md-tablet:flex-col",O=()=>{if(m?.value_type==="fixed_amount"){const i=j||"",r=i.match(/^(.*?)(\d[\d.,]*)(.*)$/);if(r){const[,o,l,c]=r;let p=l;return l.endsWith(".00")?p=l.replace(/\.00$/,""):l.endsWith(",00")&&(p=l.replace(/,00$/,"")),`${o}${p}${c}`}return i}return w||""};return me(()=>{let i=[];if(w||j){const o=`${O()} ${k?.off||U?.off||""}`;i.push(o)}const r=e?.tags?.filter?.(o=>o?.startsWith?.("CLtag"))?.map?.(o=>o?.replace?.("CLtag:",""))?.slice?.(0,w?1:2);A(i.concat(r))},[e?.tags,w,j,k?.off,U?.off]),s("div",{ref:$,className:h(x().wrap,v==="round"?"rounded-2xl":"rounded-none","shelf-display-item","bg-container-secondary-1 tablet:hover:bg-info-white gap-6 duration-300","md-tablet:h-[360px] relative box-border w-full cursor-pointer overflow-hidden"),children:d("div",{className:h(W(),"desktop:p-6 absolute inset-0 box-border overflow-hidden p-4"),children:[s("div",{className:h(x().imgItem,"desktop:mb-0 relative mb-1 overflow-hidden"),children:s("a",{"aria-label":f,target:t?.target,href:ae(`${g==="us"||!g?"":`/${g}`}/products/${e?.handle}?variant=${K}`,`${V}_${q}`),onClick:()=>{ne({event:"ga4Event",event_name:"select_item",event_parameters:{page_group:"Home Page",item_list_name:"Home_Page_Bundle",items:[{item_id:e?.sku||n?.sku,item_name:e?.name,item_variant:n?.name,price:n?.price,index:t?.index+1}]}})},children:s(Z,{source:X,alt:_,className:"flex h-full justify-center object-cover [&_img]:w-auto"})})}),d("div",{className:h("flex flex-col items-start justify-center",x().boxItem),children:[Q&&s("div",{className:"mb-1 box-border flex h-8 flex-wrap gap-1 overflow-hidden",children:z?.length>0&&z?.map?.((i,r)=>s(ee,{className:"shelf-items-tag",children:i},r))}),S?s(re,{as:"h3",title:S||"",size:2,className:"shelf-display-product-title lg-desktop:h-[58px] mb-1 line-clamp-2 h-[48px]",html:S||""}):null,T?s(ie,{size:2,className:"lg-desktop:text-lg lg-desktop:h-[26px] desktop:text-base desktop:h-6 shelf-display-product-description line-clamp-1 h-5 text-sm",html:T||""}):null,s("div",{className:"mb-2 mt-5 flex items-center",children:E?s("div",{className:"tablet:text-2xl text-info-primary text-xl font-bold",children:b?.soldOutText}):d(se,{children:[s("div",{className:"final-price tablet:text-2xl text-info-primary text-xl font-bold",children:n?.availableForSale&&P||""}),s("div",{className:"origin-price tablet:text-xl text-info-secondary ml-1 text-lg font-bold line-through",children:n?.availableForSale&&F||""})]})}),d("div",{className:h("shelf-flex-button-group","lg-desktop:gap-3 flex items-center gap-2",t.direction==="vertical"?"flex-col":""),children:[t?.secondaryButton?s(M,{variant:"secondary",href:e?.custom_secondary_link,as:e?.custom_secondary_link?"a":"button",onClick:()=>!e?.custom_secondary_link&&L(e,t?.index,t,m),className:t.direction==="vertical"?"w-full":"",children:t?.secondaryButton||""}):null,t?.primaryButton?s(M,{disabled:E,variant:"primary",href:e?.custom_primary_link,as:e?.custom_primary_link?"a":"button",onClick:()=>!e?.custom_primary_link&&H(e,t?.index,t,m),className:t.direction==="vertical"?"w-full":"",children:t?.primaryButton||""}):null]})]})]})},e?.id||e?.handle)};export{Be as ShelfDisplayHorizontalItem,Ne as ShelfDisplayWrapItem,de as getProductImage};
+import{Fragment as se,jsx as s,jsxs as d}from"react/jsx-runtime";import{useAiuiContext as oe}from"../AiuiProvider/index.js";import{formatVariantPrice as le}from"./shelfDisplay.js";import Z from"../../components/picture.js";import ee from"../../components/badge.js";import{cn as h}from"../../helpers/utils.js";import{Text as ie}from"../../components/text.js";import M from"../../components/button.js";import{gaTrack as ne}from"../../shared/track.js";import{trackUrlRef as ae}from"../../shared/trackUrlRef.js";import{Heading as re}from"../../components/heading.js";import{useExposure as ce}from"../../hooks/useExposure.js";import{useRef as pe,useEffect as me,useMemo as R,useState as te}from"react";const V="image",q="product_shelf",G=999999999e-2,de=e=>{const t=e?.sku,v=e?.variants,y=v?.find(k=>k?.sku===t),N=y?.image?.url||v?.[0]?.image?.url||"",B=y?.image?.altText||v?.[0]?.image?.altText||e?.custom_name||e?.title||"";return{imageUrl:N,altText:B}},Ne=({data:e,configuration:t})=>{const{isDisplayBackImage:v=!1,itemShape:y,metafields:N,isTopTag:B=!1,isShowTag:k,isShowOriginalPrice:O,isShowShortTitle:g=!1}=t||{},{locale:b="es",copyWriting:J,currencyDisplay:U}=oe(),{discounts:z,discountsCopy:$}=N||{},A=pe(null),[H,n]=te([]),[D,K]=te(""),L=(o,l,c,p)=>t?.event?.primaryButton?.(o,l+1,c,p),Q=(o,l,c,p)=>t?.event?.secondaryButton?.(o,l+1,c,p),a=R(()=>{const o=e?.variants||[];if(o.length)return e?.sku?o?.find?.(l=>l?.sku===e?.sku)||o[0]:o?.[0]},[e?.sku,e?.variants]),m=a?.id?.split?.("/")||[],C=m?.[m?.length-1],I=!a?.availableForSale||a?.price?.amount===G||a?.price===G,u=a?.coupons?.[0],P=!!(O&&u),E=e?.price?.currencyCode||"USD",w=R(()=>le({locale:b,amount:P?u?.variant_price4wscode:a?.price,baseAmount:P?a?.price:0,currencyCode:E,currencyDisplay:U}),[E,b,P,u?.variant_price4wscode,a]),{price:j,basePrice:X,discount:_,discountAmount:f}=w,{imageUrl:S,altText:T}=de(e),x=e?.custom_name||e?.title,W=g&&a?.metafields?.infos?.page_short_title||x,F=e?.custom_description||e?.description,i=()=>{if(u?.value_type==="fixed_amount"){const o=f||"",l=o.match(/^(.*?)(\d[\d.,]*)(.*)$/);if(l){const[,c,p,ue]=l;let Y=p;return p.endsWith(".00")?Y=p.replace(/\.00$/,""):p.endsWith(",00")&&(Y=p.replace(/,00$/,"")),`${c}${Y}${ue}`}return o}return _||""};me(()=>{let o=[];if(_||f){const c=`${i()} ${z?.off||$?.off||""}`;K(c),o.push(c)}const l=e?.tags?.filter?.(c=>c?.startsWith?.("CLtag"))?.map?.(c=>c?.replace?.("CLtag:",""))?.slice?.(0,_?1:2);n(o.concat(l))},[e?.tags,_,f,z?.off,$?.off]),ce(A,{componentType:V,componentName:q,componentTitle:x,componentDescription:F,position:t?.index+1});const r=()=>d(se,{children:[k&&H?.length>0?s("div",{className:"mb-1 box-border flex h-8 flex-wrap gap-1 overflow-hidden",children:H?.map?.((o,l)=>s(ee,{className:"shelf-items-tag",children:o},l))}):null,W?s(re,{as:"h3",title:W||"",size:2,className:"shelf-display-product-title lg-desktop:h-[58px] line-clamp-2 h-12",html:W||""}):null,s(ie,{size:2,className:"lg-desktop:text-lg desktop:h-[24px] lg-desktop:h-[28px] desktop:text-base shelf-display-product-description line-clamp-1 h-[20px] text-sm",html:F||""}),s("div",{className:"mb-2 mt-4 flex items-center",children:I?s("div",{className:"tablet:text-2xl text-info-primary text-xl font-bold",children:J?.soldOutText}):d(se,{children:[s("div",{className:"final-price tablet:text-2xl text-info-primary text-xl font-bold",children:a?.availableForSale&&j||""}),s("div",{className:"origin-price tablet:text-xl text-info-secondary ml-1 text-lg font-bold line-through",children:a?.availableForSale&&X||""})]})}),d("div",{className:h("shelf-flex-button-group","lg-desktop:gap-3 flex items-center gap-2",t.direction==="vertical"?"flex-col":""),children:[t?.secondaryButton?s(M,{variant:"secondary",href:e?.custom_secondary_link,as:e?.custom_secondary_link?"a":"button",onClick:()=>!e?.custom_secondary_link&&Q(e,t?.index,t,u),className:t.direction==="vertical"?"w-full":"",children:t?.secondaryButton||""}):null,t?.primaryButton?s(M,{disabled:I,variant:"primary",href:e?.custom_primary_link,as:e?.custom_primary_link?"a":"button",onClick:()=>!e?.custom_primary_link&&L(e,t?.index,t,u),className:t.direction==="vertical"?"w-full":"",children:t?.primaryButton||""}):null]})]});return s("div",{ref:A,className:h("bg-background tablet:hover:bg-info-white box-border w-full cursor-pointer overflow-hidden duration-300",y==="round"?"rounded-2xl":"rounded-none","lg-desktop:aspect-w-[404] lg-desktop:aspect-h-[480] desktop:aspect-w-[316] desktop:aspect-h-[384]","laptop:aspect-w-[288] laptop:aspect-h-[360] aspect-w-[296] aspect-h-[360] relative","md-tablet:h-[360px] shelf-display-item"),children:v?s("div",{className:"absolute inset-0 box-border overflow-hidden",children:d("div",{className:"relative inset-0 size-full",children:[s(Z,{source:S,alt:T,className:"flex h-full justify-center object-cover [&_img]:w-auto"}),s("div",{className:"desktop:p-6 absolute inset-x-0 bottom-0 box-border overflow-hidden p-4",children:r()})]})}):d("div",{className:"desktop:p-6 absolute inset-0 box-border flex flex-col justify-between overflow-hidden p-4",children:[D&&B&&s(ee,{className:"shelf-prices-tag absolute left-4 top-4 z-10",children:D||""}),s("div",{className:h("lg-desktop:h-[195px] shelf-display-item-image relative mb-2 inline-block h-[140px] w-full flex-1 overflow-hidden"),children:s("a",{"aria-label":x,target:t?.target,href:ae(`${b==="us"||!b?"":`/${b}`}/products/${e?.handle}?variant=${C}`,`${V}_${q}`),onClick:()=>{ne({event:"ga4Event",event_name:"select_item",event_parameters:{page_group:"Home Page",item_list_name:"Home_Page_Bundle",items:[{item_id:e?.sku||a?.sku,item_name:e?.name,item_variant:a?.name,price:a?.price,index:t?.index+1}]}})},children:s(Z,{source:S,alt:T,className:"flex h-full justify-center object-cover [&_img]:w-auto"})})}),r()]})},e?.id||e?.handle)},Be=({data:e,configuration:t})=>{const{itemShape:v,itemLength:y,metafields:N,isShowShortTitle:B}=t||{},{discounts:k,discountsCopy:O}=N||{},{locale:g="us",copyWriting:b,currencyDisplay:J}=oe(),[U,z]=te([]),$=pe(null),A=(i,r,o,l)=>t?.event?.primaryButton?.(i,r+1,o,l),H=(i,r,o,l)=>t?.event?.secondaryButton?.(i,r+1,o,l),n=R(()=>{const i=e?.variants||[];if(i.length)return e?.sku&&i.find(r=>r?.sku===e?.sku)||i[0]},[e?.sku,e?.variants]),D=n?.id?.split?.("/")||[],K=D?.[D?.length-1],L=!n?.availableForSale||n?.price?.amount===G||n?.price===G,Q=t?.isShowTag,a=t?.isShowOriginalPrice,m=n?.coupons?.[0],C=!!(a&&m),I=e?.price?.currencyCode||"USD",u=R(()=>le({locale:g,amount:C?m?.variant_price4wscode:n?.price,baseAmount:C?n?.price:0,currencyCode:I,currencyDisplay:J}),[I,g,C,m?.variant_price4wscode,n]),{price:P,basePrice:E,discount:w,discountAmount:j}=u,{imageUrl:X,altText:_}=de(e),f=e?.custom_name||e?.title,S=B&&n?.metafields?.infos?.page_short_title||f,T=e?.custom_description||e?.description;ce($,{componentType:V,componentName:q,componentTitle:f,componentDescription:T,position:t?.index+1});const x=()=>y>=2?{boxItem:"lg-desktop:max-w-[401px] desktop:max-w-[292px] max-w-full",imgItem:"m-tablet:m-auto lg-desktop:max-w-[330px] lg-desktop:max-h-[330px] desktop:max-w-[260px] desktop:max-h-[260px] max-w-[138px] max-h-[138px]",wrap:"lg-desktop:aspect-w-[824] lg-desktop:aspect-h-[480] desktop:aspect-w-[648] desktop:aspect-h-[380] laptop:aspect-w-[440] laptop:aspect-h-[356] tablet:aspect-w-[346] tablet:aspect-h-[360] md-tablet:w-full"}:{boxItem:"lg-desktop:max-w-[401px] desktop:max-w-[292px] laptop:max-w-[289px] max-w-[262px]",imgItem:"md-tablet:m-auto lg-desktop:max-w-[450px] lg-desktop:max-h-[450px] desktop:max-w-[332px] desktop:max-h-[332px] max-w-[312px] max-h-[312px]",wrap:"lg-desktop:aspect-w-[1664] lg-desktop:aspect-h-[480] desktop:aspect-w-[1312] desktop:aspect-h-[380] laptop:aspect-w-[896] laptop:aspect-h-[356] tablet:aspect-w-[704] tablet:aspect-h-[360] md-tablet:w-full"},W=()=>y>=2?"flex flex-col justify-between desktop:gap-12 desktop:flex-row desktop:justify-center desktop:items-center":"flex justify-center items-center gap-6 md-tablet:flex-col",F=()=>{if(m?.value_type==="fixed_amount"){const i=j||"",r=i.match(/^(.*?)(\d[\d.,]*)(.*)$/);if(r){const[,o,l,c]=r;let p=l;return l.endsWith(".00")?p=l.replace(/\.00$/,""):l.endsWith(",00")&&(p=l.replace(/,00$/,"")),`${o}${p}${c}`}return i}return w||""};return me(()=>{let i=[];if(w||j){const o=`${F()} ${k?.off||O?.off||""}`;i.push(o)}const r=e?.tags?.filter?.(o=>o?.startsWith?.("CLtag"))?.map?.(o=>o?.replace?.("CLtag:",""))?.slice?.(0,w?1:2);z(i.concat(r))},[e?.tags,w,j,k?.off,O?.off]),s("div",{ref:$,className:h(x().wrap,v==="round"?"rounded-2xl":"rounded-none","shelf-display-item","bg-container-secondary-1 tablet:hover:bg-info-white gap-6 duration-300","md-tablet:h-[360px] relative box-border w-full cursor-pointer overflow-hidden"),children:d("div",{className:h(W(),"desktop:p-6 absolute inset-0 box-border overflow-hidden p-4"),children:[s("div",{className:h(x().imgItem,"desktop:mb-0 relative mb-1 overflow-hidden"),children:s("a",{"aria-label":f,target:t?.target,href:ae(`${g==="us"||!g?"":`/${g}`}/products/${e?.handle}?variant=${K}`,`${V}_${q}`),onClick:()=>{ne({event:"ga4Event",event_name:"select_item",event_parameters:{page_group:"Home Page",item_list_name:"Home_Page_Bundle",items:[{item_id:e?.sku||n?.sku,item_name:e?.name,item_variant:n?.name,price:n?.price,index:t?.index+1}]}})},children:s(Z,{source:X,alt:_,className:"flex h-full justify-center object-cover [&_img]:w-auto"})})}),d("div",{className:h("flex flex-col items-start justify-center",x().boxItem),children:[Q&&s("div",{className:"mb-1 box-border flex h-8 flex-wrap gap-1 overflow-hidden",children:U?.length>0&&U?.map?.((i,r)=>s(ee,{className:"shelf-items-tag",children:i},r))}),S?s(re,{as:"h3",title:S||"",size:2,className:"shelf-display-product-title lg-desktop:h-[58px] mb-1 line-clamp-2 h-[48px]",html:S||""}):null,T?s(ie,{size:2,className:"lg-desktop:text-lg lg-desktop:h-[26px] desktop:text-base desktop:h-6 shelf-display-product-description line-clamp-1 h-5 text-sm",html:T||""}):null,s("div",{className:"mb-2 mt-5 flex items-center",children:L?s("div",{className:"tablet:text-2xl text-info-primary text-xl font-bold",children:b?.soldOutText}):d(se,{children:[s("div",{className:"final-price tablet:text-2xl text-info-primary text-xl font-bold",children:n?.availableForSale&&P||""}),s("div",{className:"origin-price tablet:text-xl text-info-secondary ml-1 text-lg font-bold line-through",children:n?.availableForSale&&E||""})]})}),d("div",{className:h("shelf-flex-button-group","lg-desktop:gap-3 flex items-center gap-2",t.direction==="vertical"?"flex-col":""),children:[t?.secondaryButton?s(M,{variant:"secondary",href:e?.custom_secondary_link,as:e?.custom_secondary_link?"a":"button",onClick:()=>!e?.custom_secondary_link&&H(e,t?.index,t,m),className:t.direction==="vertical"?"w-full":"",children:t?.secondaryButton||""}):null,t?.primaryButton?s(M,{disabled:L,variant:"primary",href:e?.custom_primary_link,as:e?.custom_primary_link?"a":"button",onClick:()=>!e?.custom_primary_link&&A(e,t?.index,t,m),className:t.direction==="vertical"?"w-full":"",children:t?.primaryButton||""}):null]})]})]})},e?.id||e?.handle)};export{Be as ShelfDisplayHorizontalItem,Ne as ShelfDisplayWrapItem,de as getProductImage};
 //# sourceMappingURL=shelfDisplayItem.js.map