npm - @anker-in/headless-ui - Versions diffs - 1.3.63 → 1.3.65 - Mend

@anker-in/headless-ui 1.3.63 → 1.3.65

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

package/dist/cjs/biz-components/GiftTierShelf/index.js.map DELETED Viewed

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/biz-components/GiftTierShelf/index.tsx"],
-  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport { cn } from '../../helpers/index.js'\nimport { Text, Picture, Container, Heading } from '../../components/index.js'\nimport { cva } from 'class-variance-authority'\nimport type { GiftTierShelfProps, GiftTierItem, Media } from './types.js'\nimport { Swiper, SwiperSlide } from 'swiper/react'\nimport * as SwiperModules from 'swiper/modules'\nimport type { Swiper as SwiperType } from 'swiper'\nimport { withLayout } from '../../shared/Styles.js'\nimport { useAiuiContext } from '../AiuiProvider/index.js'\nimport type { Product, ProductVariant } from '../Listing/types/product.js'\nimport { formatPrice } from '../Listing/utils/index.js'\n\n/**\n * Card style variants\n */\nconst cardVariants = cva(\n  'lg-desktop:h-[400px] rounded-card desktop:pt-4 desktop:pb-6 relative flex h-[320px] flex-col items-start gap-1 overflow-hidden p-4',\n  {\n    variants: {\n      theme: {\n        light: 'bg-gradient-to-b from-[#FCCA7B] to-[#FFE6BF]',\n        dark: 'bg-gradient-to-b from-[#3A3A3A] to-[#1D1D1F]',\n      },\n    },\n    defaultVariants: {\n      theme: 'light',\n    },\n  }\n)\n\n/**\n * Text color variants\n */\nconst textVariants = cva('', {\n  variants: {\n    theme: {\n      light: 'text-[#080A0F]',\n      dark: 'text-white',\n    },\n  },\n  defaultVariants: {\n    theme: 'light',\n  },\n})\n\n/**\n * Member Tag Component\n */\nconst MemberTag = React.memo(({ image }: { image?: Media }) => {\n  if (!image) return null\n\n  return (\n    <Picture\n      source={image.url}\n      alt={image.alt || 'Member Tag'}\n      className=\"h-full w-auto\"\n      imgClassName=\"h-full w-auto object-contain\"\n    />\n  )\n})\n\nMemberTag.displayName = 'MemberTag'\n\n/**\n * Timeline Item Component - \u5355\u4E2A\u65F6\u95F4\u8F74\u8282\u70B9\n */\nconst TimelineItem = React.memo(({ theme = 'light' }: { theme?: 'light' | 'dark' }) => {\n  const trackColor = theme === 'light' ? 'bg-[#f6cd4e]' : 'bg-[#F5F6F7]'\n\n  return (\n    <div className=\"flex h-4 w-full items-center\">\n      <div className={cn('flex h-1 w-full items-center justify-center', trackColor)}>\n        {/* Handle */}\n        <div className={cn('relative size-4 shrink-0 rounded-full', trackColor)}></div>\n      </div>\n    </div>\n  )\n})\n\nTimelineItem.displayName = 'TimelineItem'\n\n/**\n * Gift Tier Card Component\n */\nconst GiftTierCard = React.memo(\n  ({\n    item,\n    theme = 'light',\n    className,\n    onClick,\n    onProductImageClick,\n    buildData,\n  }: {\n    item: GiftTierItem\n    theme?: 'light' | 'dark'\n    className?: string\n    onClick?: () => void\n    onProductImageClick?: () => void\n    buildData?: {\n      products: Product[]\n    }\n  }) => {\n    const { locale = 'us' } = useAiuiContext()\n    // \u83B7\u53D6\u7B2C\u4E00\u4E2A\u4EA7\u54C1\u7684\u7B80\u5316\u6570\u636E\n    const product = item.products?.[0]\n\n    const fullProduct = React.useMemo(() => {\n      if (!product?.handle || !buildData?.products?.length) return null\n      return buildData.products.find(p => p.handle === product.handle) || null\n    }, [product?.handle, buildData?.products])\n\n    const fullProductVariant = React.useMemo(\n      () => fullProduct?.variants?.find(variant => variant?.sku === product?.sku) || ({} as ProductVariant),\n      [product?.sku, fullProduct?.variants]\n    )\n\n    const price = formatPrice({\n      locale: locale || 'us',\n      amount: product?.custom_price ?? fullProductVariant?.price?.amount,\n      currencyCode: fullProduct?.price?.currencyCode || 'USD',\n    })\n\n    return (\n      <div className={cn(cardVariants({ theme }), className)} onClick={onClick} data-ui-component-id=\"GiftTierCard\">\n        {/* Member Tag */}\n        <div className=\"lg-desktop:h-[28px] z-10 h-6\">\n          {item.showMemberTag && item.memberTagImage && <MemberTag image={item.memberTagImage} />}\n        </div>\n\n        {/* Product Image */}\n        <div className=\"relative z-10 mx-auto min-h-0 w-fit flex-1\">\n          {onProductImageClick ? (\n            <a onClick={onProductImageClick} className=\"cursor-pointer\">\n              <Picture\n                source={fullProductVariant?.image?.url || fullProduct?.images[0]?.url}\n                className=\"size-full\"\n                imgClassName=\"size-full object-contain\"\n              />\n            </a>\n          ) : (\n            <Picture\n              source={fullProductVariant?.image?.url || fullProduct?.images[0]?.url}\n              className=\"size-full\"\n              imgClassName=\"size-full object-contain\"\n            />\n          )}\n        </div>\n\n        {/* Product Info */}\n        <div className={cn('z-10 flex w-full shrink-0 flex-col gap-2', textVariants({ theme }))}>\n          {/* Price */}\n          <div className=\"flex items-end gap-1\">\n            <Heading html={price} size={4} className=\"font-bold leading-[1.2] tracking-[-0.04em]\" />\n            {item.valueUnit && (\n              <Text\n                html={item.valueUnit}\n                className=\"lg-desktop:text-2xl text-xl font-bold leading-[1.2] tracking-[-0.04em]\"\n              />\n            )}\n          </div>\n\n          {/* Product Name */}\n          <Text\n            html={fullProductVariant?.title || fullProduct?.title}\n            className=\"lg-desktop:text-2xl line-clamp-2 min-h-[48px] text-wrap text-xl font-bold leading-[1.2] tracking-[-0.04em]\"\n          />\n        </div>\n      </div>\n    )\n  }\n)\n\nGiftTierCard.displayName = 'GiftTierCard'\n\n/**\n * GiftTierShelf - \u6EE1\u8D60\u8D27\u67B6\u7EC4\u4EF6\n *\n * @description \u9636\u68AF\u5F0F\u6EE1\u8D60\u6D3B\u52A8\u5C55\u793A\uFF0C\u652F\u6301\u591A\u4E2A\u6863\u4F4D\u7684\u4EA7\u54C1\u5C55\u793A\u548C\u65F6\u95F4\u8F74\n */\nconst GiftTierShelf = React.forwardRef<HTMLDivElement, GiftTierShelfProps>(\n  ({ classNames = {}, data, onCardClick, onProductImageClick, buildData, ...rest }, ref) => {\n    const theme = data.theme || 'light'\n    const showTimeline = data.showTimeline !== false\n\n    // Swiper \u5B9E\u4F8B\u72B6\u6001\uFF0C\u7528\u4E8E\u8054\u52A8\u63A7\u5236\n    const [cardSwiper, setCardSwiper] = React.useState<SwiperType | null>(null)\n    const [timelineSwiper, setTimelineSwiper] = React.useState<SwiperType | null>(null)\n\n    // \u8FC7\u6EE4\u51FA\u53EF\u552E\u4EA7\u54C1\uFF0C\u786E\u4FDD\u5361\u7247\u4E0E Timeline \u540C\u6B65\n    const availableItems = React.useMemo(() => {\n      if (!buildData?.products?.length) return data.items\n\n      return data.items.filter(item => {\n        const product = item.products?.[0]\n        if (!product?.handle) return true // \u6CA1\u6709\u5173\u8054\u4EA7\u54C1\u65F6\u9ED8\u8BA4\u663E\u793A\n\n        const fullProduct = buildData.products.find(p => p.handle === product.handle)\n        const variant = fullProduct?.variants?.find(v => v?.sku === product?.sku)\n\n        return variant?.availableForSale !== false\n      })\n    }, [data.items, buildData?.products])\n\n    // Card Swiper breakpoints\n    const cardSwiperBreakpoints = React.useMemo(() => {\n      const itemCount = availableItems.length\n      return {\n        0: { slidesPerView: 1.2, spaceBetween: 12 },\n        768: { slidesPerView: Math.min(itemCount, 2.5), spaceBetween: 12 },\n        1025: { slidesPerView: Math.min(itemCount, 3.5), spaceBetween: 16 },\n        1440: { slidesPerView: Math.min(itemCount, 4), spaceBetween: 16 },\n      }\n    }, [availableItems.length])\n\n    // Timeline Swiper breakpoints (spaceBetween \u4E3A 0)\n    const timelineSwiperBreakpoints = React.useMemo(() => {\n      const itemCount = availableItems.length\n      return {\n        0: { slidesPerView: 1.2, spaceBetween: 0 },\n        768: { slidesPerView: Math.min(itemCount, 2.5), spaceBetween: 0 },\n        1025: { slidesPerView: Math.min(itemCount, 3.5), spaceBetween: 0 },\n        1440: { slidesPerView: Math.min(itemCount, 4), spaceBetween: 0 },\n      }\n    }, [availableItems.length])\n\n    const swiperModules = React.useMemo(() => (SwiperModules.Controller ? [SwiperModules.Controller] : []), [])\n\n    return (\n      <Container\n        ref={ref}\n        className={cn(classNames?.root)}\n        childClassName=\"overflow-hidden\"\n        data-ui-component-id=\"GiftTierShelf\"\n        {...rest}\n      >\n        {/* Cards Swiper */}\n        <Swiper\n          modules={swiperModules}\n          breakpoints={cardSwiperBreakpoints}\n          className=\"w-full !overflow-visible\"\n          onSwiper={setCardSwiper}\n          controller={{ control: timelineSwiper }}\n        >\n          {availableItems.map((item, index) => (\n            <SwiperSlide key={'giftTierItem' + index}>\n              <GiftTierCard\n                item={item}\n                theme={theme}\n                buildData={buildData}\n                className={classNames?.card}\n                onClick={() => onCardClick?.(item, index)}\n                onProductImageClick={() => {\n                  const product = item.products?.[0]\n                  if (product) {\n                    onProductImageClick?.(product, item)\n                  }\n                }}\n              />\n            </SwiperSlide>\n          ))}\n        </Swiper>\n\n        {/* Timeline */}\n        {showTimeline && (\n          <div className=\"mt-4 flex flex-col gap-4\">\n            {/* Timeline Swiper */}\n            <div className={cn('w-full', classNames?.timeline)}>\n              <Swiper\n                modules={swiperModules}\n                breakpoints={timelineSwiperBreakpoints}\n                className=\"w-full !overflow-visible\"\n                onSwiper={setTimelineSwiper}\n                controller={{ control: cardSwiper }}\n              >\n                {availableItems.map((item, index) => (\n                  <SwiperSlide key={'timelineItem' + index}>\n                    <div className=\"flex flex-col items-center\">\n                      <TimelineItem theme={theme} />\n                      <Text\n                        html={item.threshold}\n                        className={cn(\n                          'lg-desktop:text-2xl text-center text-xl font-bold leading-[1.2] tracking-[-0.04em]',\n                          textVariants({ theme }),\n                          classNames?.thresholdText\n                        )}\n                      />\n                    </div>\n                  </SwiperSlide>\n                ))}\n              </Swiper>\n            </div>\n          </div>\n        )}\n      </Container>\n    )\n  }\n)\n\nGiftTierShelf.displayName = 'GiftTierShelf'\n\nexport default withLayout(GiftTierShelf)\nexport type { GiftTierShelfProps, GiftTierShelfData, GiftTierItem, GiftTierProduct } from './types.js'\n"],
-  "mappings": "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",
-  "names": ["GiftTierShelf_exports", "__export", "GiftTierShelf_default", "__toCommonJS", "import_jsx_runtime", "React", "import_helpers", "import_components", "import_class_variance_authority", "import_react", "SwiperModules", "import_Styles", "import_AiuiProvider", "import_utils", "cardVariants", "textVariants", "MemberTag", "image", "TimelineItem", "theme", "trackColor", "GiftTierCard", "item", "className", "onClick", "onProductImageClick", "buildData", "locale", "product", "fullProduct", "p", "fullProductVariant", "variant", "price", "GiftTierShelf", "classNames", "data", "onCardClick", "rest", "ref", "showTimeline", "cardSwiper", "setCardSwiper", "timelineSwiper", "setTimelineSwiper", "availableItems", "v", "cardSwiperBreakpoints", "itemCount", "timelineSwiperBreakpoints", "swiperModules", "index"]
-}

package/dist/cjs/biz-components/GiftTierShelf/types.js.map DELETED Viewed

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/biz-components/GiftTierShelf/types.ts"],
-  "sourcesContent": ["import type { Media } from '../../types/props.js'\nimport type { Product } from '../Listing/types/product.js'\n\nexport type { Media }\n\nexport interface GiftShelfProduct {\n  /** \u4EA7\u54C1 SKU */\n  sku: string\n  /** \u4EA7\u54C1\u540D\u79F0 */\n  name: string\n  /** \u4EA7\u54C1\u56FE\u7247 URL */\n  image: string\n  /** \u4EA7\u54C1\u503C/\u6807\u8BC6 (\u901A\u5E38\u4E0E handle \u76F8\u540C) */\n  value: string\n  /** \u4EA7\u54C1 handle (URL slug) */\n  handle: string\n  /** Shopify \u4EA7\u54C1 ID */\n  shopify_id: string\n  /** \u81EA\u5B9A\u4E49\u5E93\u5B58 */\n  custom_inventory?: number\n  /** \u81EA\u5B9A\u4E49\u4EF7\u683C */\n  custom_price?: number\n  /** \u81EA\u5B9A\u4E49\u4EA7\u54C1\u63CF\u8FF0 */\n  custom_description?: string | null\n}\n\n/**\n * \u6EE1\u8D60\u9636\u68AF\u4EA7\u54C1\u9879\n */\nexport interface GiftTierProduct {\n  /** \u4EF7\u503C\u5355\u4F4D\uFF08\u5982 \"Value\"\uFF09 */\n  valueUnit?: string\n}\n\n/**\n * \u6EE1\u8D60\u9636\u68AF\u9879\n */\nexport interface GiftTierItem {\n  /** \u9636\u68AF\u95E8\u69DB\u6587\u672C\uFF08\u5982 \"Order Over $3,000\"\uFF09 */\n  threshold: string\n  /** \u8BE5\u9636\u68AF\u5BF9\u5E94\u7684\u4EA7\u54C1 */\n  products: GiftShelfProduct[]\n  /** \u662F\u5426\u663E\u793A\u4F1A\u5458\u6807\u7B7E */\n  showMemberTag?: boolean\n  /** \u4F1A\u5458\u6807\u7B7E\u56FE\u7247 */\n  memberTagImage?: Media\n  /** \u4EF7\u503C\u5355\u4F4D\uFF08\u5982 \"Value\"\uFF09 */\n  valueUnit?: string\n}\n\n/**\n * \u6EE1\u8D60\u8D27\u67B6\u7EC4\u4EF6\u6570\u636E\u63A5\u53E3\n */\nexport interface GiftTierShelfData {\n  /** \u9636\u68AF\u9879\u5217\u8868 */\n  items: GiftTierItem[]\n  /** \u4E3B\u9898\u6A21\u5F0F */\n  theme?: 'light' | 'dark'\n  /** \u662F\u5426\u663E\u793A\u65F6\u95F4\u8F74 */\n  showTimeline?: boolean\n}\n\n/**\n * \u8BED\u4E49\u5316\u7C7B\u540D\n */\nexport type GiftTierShelfSemanticName = 'root' | 'card' | 'timeline' | 'thresholdText'\n\n/**\n * \u6EE1\u8D60\u8D27\u67B6\u7EC4\u4EF6 Props\n */\nexport interface GiftTierShelfProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** \u4E1A\u52A1\u6570\u636E */\n  data: GiftTierShelfData\n  /** \u6784\u5EFA\u65F6\u6570\u636E\uFF08\u4EA7\u54C1\u5217\u8868\u7B49\uFF09 */\n  buildData?: {\n    products: Product[]\n  }\n  /** \u8BED\u4E49\u5316\u7C7B\u540D */\n  classNames?: Partial<Record<GiftTierShelfSemanticName, string>>\n  /** \u5361\u7247\u70B9\u51FB\u56DE\u8C03 */\n  onCardClick?: (item: GiftTierItem, index: number) => void\n  /** \u4EA7\u54C1\u56FE\u7247\u70B9\u51FB\u56DE\u8C03 */\n  onProductImageClick?: (product: GiftShelfProduct, item: GiftTierItem) => void\n}\n"],
-  "mappings": "+WAAA,IAAAA,EAAA,kBAAAC,EAAAD",
-  "names": ["types_exports", "__toCommonJS"]
-}

package/dist/cjs/biz-components/Graphic/index.js.map DELETED Viewed

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/biz-components/Graphic/index.tsx"],
-  "sourcesContent": ["'use client'\nimport { useMediaQuery } from 'react-responsive'\nimport React, { useImperativeHandle, useRef, useState } from 'react'\nimport { createPortal } from 'react-dom'\nimport { cn, getLocalizedPath } from '../../helpers/utils.js'\nimport { withLayout } from '../../shared/Styles.js'\nimport SwiperBox from '../SwiperBox/index.js'\nimport { Button, Heading, Picture, Text, Tabs, TabsList, TabsTrigger, TabsContent } from '../../components/index.js'\nimport Title from '../Title/index.js'\nimport { VideoModal } from '../VideoModal/index.js'\nimport { TextModal } from '../TextModal/index.js'\nimport type { ComponentCommonProps, Video, Img, Theme, Align } from '../../types/props.js'\nimport { useExposure } from '../../hooks/useExposure.js'\nimport { trackUrlRef } from '../../shared/trackUrlRef.js'\nimport { useAiuiContext } from '../AiuiProvider/index.js'\nimport 'swiper/css'\n\nconst componentType = 'image'\nconst componentName = 'graphic'\n\ntype GraphicType = {\n  imgUrl: Img\n  title: string\n  description?: string\n  textColor?: string\n  href?: string\n  video?: Video\n  mobileVideo?: Video\n  youtubeId?: string\n  isYouTube?: boolean\n  isShowIcon?: boolean\n  buttonText?: string\n  icon?: Img\n  theme?: Theme\n  backgroundImage?: {\n    default?: Img\n    tablet?: Img\n    laptop?: Img\n    desktop?: Img\n    lgDesktop?: Img\n  }\n  extension?: {\n    text: string\n    textDesc: string\n    textTitle: string\n    textPcImg: Img\n    textMobileImg: Img\n  }\n  showBottomGradient?: boolean\n}\n\ninterface GraphicTab {\n  id: string\n  label: string\n  items: GraphicType[]\n}\n\nconst buildPictureSource = (bg: NonNullable<GraphicType['backgroundImage']>): string => {\n  let last = ''\n  const resolve = (img?: Img) => {\n    if (img?.url) last = img.url\n    return last\n  }\n  const lgDesktopSrc = resolve(bg.lgDesktop)\n  const desktopSrc = resolve(bg.desktop)\n  const laptopSrc = resolve(bg.laptop)\n  const tabletSrc = resolve(bg.tablet)\n  const defaultSrc = bg.default?.url\n  return [\n    `${lgDesktopSrc} 9999`,\n    `${desktopSrc} 1919`,\n    `${laptopSrc} 1439`,\n    `${tabletSrc} 1024`,\n    `${defaultSrc} 768`,\n  ].join(', ')\n}\n\nconst descriptionClass =\n  'descTitle lg-desktop:text-[32px] desktop:mt-2 desktop:text-[24px] text-lines-2 mt-1 line-clamp-3 flex-1 text-[24px] font-bold leading-[1.2]'\n\nexport interface GraphicProps extends ComponentCommonProps, React.HTMLAttributes<HTMLDivElement> {\n  data: {\n    /** \u662F\u5426\u542F\u7528 Tab \u5207\u6362\uFF0C\u9ED8\u8BA4 false */\n    isShowTab?: boolean\n    /** Tab \u5206\u7EC4 - isShowTab \u4E3A true \u65F6\u751F\u6548 */\n    tabs?: GraphicTab[]\n    /** Tab \u5BF9\u9F50\u65B9\u5F0F\uFF0C\u9ED8\u8BA4 left */\n    tabAlign?: Align\n    title?: string\n    items?: GraphicType[]\n    itemShape?: 'round' | 'square'\n    itemTheme?: Theme\n    descriptionTag?: 'h3' | 'h4' | 'h5' | 'h6'\n    titleAlign?: 'center' | 'left'\n  }\n}\n\nconst Item = ({ data, configuration }: { data: GraphicType; configuration?: any }) => {\n  const ref = useRef<HTMLDivElement>(null)\n  const [tooltip, setTooltip] = useState<{ visible: boolean; x: number; y: number; text: string }>({\n    visible: false,\n    x: 0,\n    y: 0,\n    text: '',\n  })\n\n  const Tag = configuration?.descriptionTag || 'h3'\n\n  const handleAspect = () => {\n    switch (configuration.num) {\n      case 1:\n        return 'tablet:aspect-w-[704] tablet:aspect-h-[400] laptop:aspect-w-[896] laptop:aspect-h-[384] desktop:aspect-w-[1312] desktop:aspect-h-[512] lg-desktop:aspect-w-[1664] lg-desktop:aspect-h-[640]'\n      case 2:\n        return 'tablet:aspect-w-[346] tablet:aspect-h-[360] laptop:aspect-w-[440] laptop:aspect-h-[360] desktop:aspect-w-[648] desktop:aspect-h-[384] lg-desktop:aspect-w-[824] lg-desktop:aspect-h-[480]'\n      case 3:\n        return 'tablet:aspect-w-[296] tablet:aspect-h-[360] laptop:aspect-w-[288] laptop:aspect-h-[360] desktop:aspect-w-[427] desktop:aspect-h-[384] lg-desktop:aspect-w-[544] lg-desktop:aspect-h-[480]'\n      default:\n        return 'tablet:aspect-w-[296] tablet:aspect-h-[360] laptop:aspect-w-[288] laptop:aspect-h-[360] desktop:aspect-w-[316] desktop:aspect-h-[384] lg-desktop:aspect-w-[404] lg-desktop:aspect-h-[480]'\n    }\n  }\n\n  const handleMouseMove = (e: React.MouseEvent) => {\n    if (data?.description) {\n      setTooltip({\n        visible: true,\n        x: e.clientX,\n        y: e.clientY,\n        text: data.description,\n      })\n    }\n  }\n\n  const handleMouseLeave = () => {\n    setTooltip(prev => ({ ...prev, visible: false }))\n  }\n\n  useExposure(ref, {\n    componentType,\n    componentName,\n    componentTitle: data?.title,\n    componentDescription: data?.description,\n    position: configuration?.index + 1,\n  })\n\n  const Container: React.ElementType = data?.href ? 'a' : 'div'\n  const containerProps = data?.href ? { href: trackUrlRef(data.href, `${componentType}_${componentName}`) } : {}\n\n  return (\n    <div\n      ref={ref}\n      className={cn(\n        handleAspect(),\n        'graphicItem',\n        'laptop:h-auto text-info-primary md-tablet:h-[360px] flex-1 shrink-0 md:basis-[296px]',\n        {\n          'aiui-dark': data.theme === 'dark',\n        }\n      )}\n    >\n      <div className={cn('rounded-box absolute inset-0 overflow-hidden')}>\n        <div\n          className={`graphic-children relative block size-full overflow-hidden ${data?.href ? 'cursor-pointer' : ''}`}\n        >\n          {data?.href ? (\n            <a\n              aria-label={data?.title || data?.description}\n              href={trackUrlRef(data?.href || '', `${componentType}_${componentName}`)}\n              className=\"rounded-card block size-full overflow-hidden\"\n              data-headless-nav-postion={`''#${configuration?.index + 1}`}\n              data-headless-type-name={`${componentType}#${componentName}`}\n              data-headless-title-desc-button={`${data?.title}#${data?.description}`}\n            >\n              <Picture\n                className=\"h-full\"\n                imgClassName=\"h-full object-cover tablet:hover:scale-110 transition-all duration-300\"\n                source={data?.backgroundImage?.default ? buildPictureSource(data.backgroundImage) : data?.imgUrl?.url}\n                alt={\n                  data?.backgroundImage?.lgDesktop?.alt ||\n                  data?.backgroundImage?.default?.alt ||\n                  data?.imgUrl?.alt ||\n                  ''\n                }\n              />\n              <span className=\"sr-only\">{data?.title || data?.description}</span>\n            </a>\n          ) : (\n            <div className=\"rounded-card block size-full overflow-hidden\">\n              <Picture\n                className=\"h-full\"\n                imgClassName=\"h-full object-cover tablet:hover:scale-110 transition-all duration-300\"\n                source={\n                  data?.backgroundImage?.default ? buildPictureSource(data.backgroundImage) : data?.imgUrl?.url || ''\n                }\n                alt={\n                  data?.backgroundImage?.lgDesktop?.alt ||\n                  data?.backgroundImage?.default?.alt ||\n                  data?.imgUrl?.alt ||\n                  ''\n                }\n              />\n            </div>\n          )}\n          <Container\n            {...containerProps}\n            className={cn('laptop:p-6 absolute bottom-0 z-[1] box-border flex w-full flex-col p-4', {\n              'bg-gradient-to-b from-transparent to-black/80': data?.showBottomGradient && data?.theme === 'dark',\n              'bg-gradient-to-b from-transparent to-white/80': data?.showBottomGradient && data?.theme !== 'dark',\n            })}\n          >\n            <div className={cn('flex items-end gap-1 overflow-hidden', 'graphic-bottom')}>\n              <div className=\"flex-1 overflow-hidden\">\n                <Text\n                  html={data?.title}\n                  style={{ color: data?.textColor }}\n                  className=\"spanTitle graphic-title lg-desktop:text-lg desktop:text-base line-clamp-3 text-sm font-bold leading-[1.2]\"\n                />\n                {data?.description && (\n                  <div onMouseMove={handleMouseMove} onMouseLeave={handleMouseLeave}>\n                    {data?.title ? (\n                      <Heading\n                        html={data?.description}\n                        style={{\n                          color: data?.textColor,\n                        }}\n                        as={Tag}\n                        className={`${descriptionClass} graphic-description`}\n                      />\n                    ) : (\n                      <Tag\n                        style={{\n                          color: data?.textColor,\n                        }}\n                        dangerouslySetInnerHTML={{ __html: data?.description || '' }}\n                        className={`${descriptionClass} graphic-description-item`}\n                      />\n                    )}\n                    {typeof window !== 'undefined' &&\n                      tooltip.visible &&\n                      createPortal(\n                        <Text\n                          as=\"div\"\n                          html={tooltip.text}\n                          className=\"pointer-events-none fixed z-[9999] max-w-xs rounded-lg bg-black/60 px-3 py-2 text-sm text-white shadow-lg backdrop-blur-sm transition-opacity duration-200\"\n                          style={{\n                            left: `${tooltip.x + 16}px`,\n                            top: `${tooltip.y + 16}px`,\n                          }}\n                        />,\n                        document.body\n                      )}\n                  </div>\n                )}\n              </div>\n              {!data?.isShowIcon && (data?.video?.url || data?.youtubeId) && (\n                <button\n                  aria-label=\"Play Video\"\n                  onClick={(e: any) => {\n                    e.preventDefault()\n                    e.stopPropagation()\n                    configuration?.onVideoPlayBtnClick?.(configuration?.index || 0, data)\n                  }}\n                  className=\"laptop:size-12 flex size-8 items-center justify-center rounded-full bg-white/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              {data?.isShowIcon && data?.icon?.url && (\n                <button\n                  onClick={(e: any) => {\n                    e.preventDefault()\n                    e.stopPropagation()\n                    configuration?.onIconClick?.(data, configuration)\n                  }}\n                  className=\"laptop:size-9 flex size-8 items-center justify-center overflow-hidden rounded-full bg-white/20 hover:bg-black/75\"\n                >\n                  <Picture\n                    className=\"h-full\"\n                    imgClassName=\"h-full object-cover\"\n                    source={data?.icon?.url}\n                    alt={data?.icon?.alt || ''}\n                  />\n                </button>\n              )}\n            </div>\n            {data.buttonText && (\n              <Button\n                as=\"a\"\n                aria-label={data?.title || data?.description}\n                variant=\"secondary\"\n                className=\"bgButton mt-[8px] self-start\"\n                href={trackUrlRef(\n                  getLocalizedPath(data?.href || '', configuration?.locale || 'us'),\n                  `${componentType}_${componentName}`\n                )}\n                data-headless-nav-position={`''#${configuration?.index + 1}`}\n                data-headless-type-name={`${componentType}#${componentName}`}\n                data-headless-title-desc-button={`${data?.title}#${data?.description}#${data?.buttonText}`}\n              >\n                {data.buttonText}\n              </Button>\n            )}\n          </Container>\n        </div>\n      </div>\n    </div>\n  )\n}\n\nconst GraphicSwiper = ({ items = [], sharedConfig }: { items?: GraphicType[]; sharedConfig: Record<string, any> }) => {\n  const handleSwiperShow = (width?: number) => {\n    const isShow = items.length > 3\n    const isMobile = items.length > 2\n    switch (width) {\n      case 1440:\n        return isShow ? 4 : items.length\n      case 1024:\n        return isShow ? 3 : items.length\n      case 768:\n        if (items.length === 1) return 1\n        return isShow ? 2.3 : isMobile ? 2.3 : 2\n      default:\n        if (items.length === 1) return 1\n        return 1.2\n    }\n  }\n\n  return (\n    <SwiperBox\n      id=\"Graphic\"\n      className={cn('!overflow-visible')}\n      data={{\n        list: items,\n        configuration: {\n          ...sharedConfig,\n          num: items.length,\n        },\n      }}\n      Slide={Item}\n      breakpoints={{\n        0: {\n          spaceBetween: 12,\n          freeMode: false,\n          slidesPerView: 1,\n        },\n        374: {\n          spaceBetween: 12,\n          freeMode: false,\n          slidesPerView: handleSwiperShow(),\n        },\n        768: {\n          spaceBetween: 16,\n          freeMode: false,\n          slidesPerView: handleSwiperShow(768),\n        },\n        1024: {\n          spaceBetween: 16,\n          freeMode: false,\n          slidesPerView: handleSwiperShow(1024),\n        },\n        1440: {\n          spaceBetween: 16,\n          freeMode: false,\n          slidesPerView: handleSwiperShow(1440),\n        },\n      }}\n    />\n  )\n}\n\nconst Graphic = React.forwardRef<HTMLDivElement, GraphicProps>(({ data, className, ...rest }, ref) => {\n  const isMobile = useMediaQuery({ query: '(max-width: 768px)' })\n  const innerRef = useRef<HTMLDivElement>(null)\n  const [visible, setVisible] = useState<boolean>(false)\n  const [videoUrl, setVideoUrl] = useState<string>('')\n  const [youTubeId, setYouTubeId] = useState<string>('')\n  const [mobileVideoUrl, setMobileVideoUrl] = useState<string>('')\n  const [currentItem, setCurrentItem] = useState<GraphicType | null>(null)\n  const [textVisible, setTextVisible] = useState<boolean>(false)\n  const { locale = 'us' } = useAiuiContext()\n\n  const isShowTab = data?.isShowTab ?? false\n  const tabs = data?.tabs\n  const tabAlign = data?.tabAlign ?? 'left'\n  const [activeTab, setActiveTab] = useState(tabs?.[0]?.id ?? '')\n\n  useImperativeHandle(ref, () => innerRef.current as HTMLDivElement)\n\n  useExposure(innerRef, {\n    componentType,\n    componentName,\n    componentTitle: data?.title,\n  })\n\n  const sharedConfig = {\n    itemShape: data?.itemShape,\n    descriptionTag: data?.descriptionTag,\n    locale,\n    onVideoPlayBtnClick: (_: number, item: GraphicType) => {\n      setVisible(true)\n      if (item?.isYouTube) {\n        setYouTubeId?.(item?.youtubeId || '')\n      } else {\n        setVideoUrl?.(item?.video?.url || '')\n        setMobileVideoUrl?.(item?.mobileVideo?.url || '')\n      }\n    },\n    onIconClick: (item: GraphicType) => {\n      setTextVisible(true)\n      setCurrentItem(item)\n    },\n  }\n\n  const renderModals = () => (\n    <>\n      <VideoModal\n        visible={visible}\n        youTubeId={youTubeId}\n        onCloseModal={() => setVisible(false)}\n        videoUrl={isMobile ? mobileVideoUrl || videoUrl : videoUrl}\n      />\n      <TextModal\n        textVisible={textVisible}\n        extension={currentItem?.extension}\n        onCloseModal={() => {\n          setTextVisible(false)\n          setCurrentItem(null)\n        }}\n      />\n    </>\n  )\n\n  if (!isShowTab || !tabs || tabs.length === 0) {\n    return (\n      <div {...rest} ref={innerRef} className={cn('graphicBlock', className)}>\n        <div className=\"graphic-box\">\n          {data?.title && <Title data={{ title: data.title, align: data?.titleAlign ?? 'left' }} />}\n          <GraphicSwiper items={data?.items} sharedConfig={sharedConfig} />\n        </div>\n        {renderModals()}\n      </div>\n    )\n  }\n\n  return (\n    <div {...rest} ref={innerRef} className={cn('graphicBlock', className)}>\n      {data?.title && <Title data={{ title: data.title, align: data?.titleAlign ?? 'left' }} />}\n      <Tabs value={activeTab} onValueChange={setActiveTab} align={tabAlign}>\n        <div className=\"mb-[24px]\">\n          <TabsList>\n            {tabs.map(tab => (\n              <TabsTrigger key={tab.id} value={tab.id}>\n                {tab.label}\n              </TabsTrigger>\n            ))}\n          </TabsList>\n        </div>\n        {tabs.map(tab => (\n          <TabsContent key={tab.id} value={tab.id}>\n            <GraphicSwiper items={tab.items} sharedConfig={sharedConfig} />\n          </TabsContent>\n        ))}\n      </Tabs>\n      {renderModals()}\n    </div>\n  )\n})\n\nGraphic.displayName = 'Graphic'\n\nexport default withLayout(Graphic)\n"],
-  "mappings": "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",
-  "names": ["Graphic_exports", "__export", "Graphic_default", "__toCommonJS", "import_jsx_runtime", "import_react_responsive", "import_react", "import_react_dom", "import_utils", "import_Styles", "import_SwiperBox", "import_components", "import_Title", "import_VideoModal", "import_TextModal", "import_useExposure", "import_trackUrlRef", "import_AiuiProvider", "import_css", "componentType", "componentName", "buildPictureSource", "bg", "last", "resolve", "img", "lgDesktopSrc", "desktopSrc", "laptopSrc", "tabletSrc", "defaultSrc", "descriptionClass", "Item", "data", "configuration", "ref", "tooltip", "setTooltip", "Tag", "handleAspect", "handleMouseMove", "e", "handleMouseLeave", "prev", "Container", "containerProps", "GraphicSwiper", "items", "sharedConfig", "handleSwiperShow", "width", "isShow", "isMobile", "SwiperBox", "Graphic", "React", "className", "rest", "innerRef", "visible", "setVisible", "videoUrl", "setVideoUrl", "youTubeId", "setYouTubeId", "mobileVideoUrl", "setMobileVideoUrl", "currentItem", "setCurrentItem", "textVisible", "setTextVisible", "locale", "isShowTab", "tabs", "tabAlign", "activeTab", "setActiveTab", "_", "item", "renderModals", "Title", "tab"]
-}

package/dist/cjs/biz-components/GraphicAttractionBlock/index.js.map DELETED Viewed

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/biz-components/GraphicAttractionBlock/index.tsx"],
-  "sourcesContent": ["import React from 'react'\nimport { withLayout } from '../../shared/Styles.js'\nimport Picture from '../../components/picture.js'\nimport { Heading } from '../../components/heading.js'\nimport { Text } from '../../components/text.js'\nimport Title from '../Title/index.js'\nimport type { Shape } from '../../types/props'\nimport { cn } from '../../helpers/utils.js'\nimport type { Media, Img } from '../../types/props'\n\nexport interface AttractionItem {\n  icon?: Img\n  title: string\n  description: string\n}\n\ninterface GraphicAttractionBlockProps extends React.HTMLAttributes<HTMLElement> {\n  data: {\n    shape?: Shape\n    sectionTitle?: string\n    imageUrlPc?: Media\n    imageUrlMob?: Media\n    imageTitle?: string\n    imageDescription?: string\n    attractionItems?: AttractionItem[]\n  }\n}\n\nconst GraphicAttractionBlock = React.forwardRef<HTMLElement, GraphicAttractionBlockProps>(\n  ({ data, className, ...rest }, ref) => {\n    const { shape, imageUrlPc, imageUrlMob, sectionTitle, imageTitle, imageDescription, attractionItems } = data\n\n    return (\n      <section\n        ref={ref}\n        data-ui-component-id=\"GraphicAttractionBlock\"\n        {...rest}\n        className={cn('text-info-primary relative', className)}\n      >\n        {sectionTitle && <Title data={{ title: sectionTitle }} />}\n        <div className={cn('tablet:aspect-[1664/560] rounded-box relative aspect-[358/480] w-full overflow-hidden')}>\n          <Picture\n            source={`${imageUrlPc?.url}, ${imageUrlMob?.url} 767`}\n            className=\"inset-0\"\n            imgClassName=\"h-full object-cover\"\n            alt={imageUrlPc?.alt || ''}\n          />\n          <div className=\"lg-desktop:p-8 absolute inset-0 z-[1] flex flex-col justify-end p-4\">\n            <Heading as=\"h3\" className=\"text-white\" size={3} html={imageTitle} />\n            <Text as=\"p\" className=\"text-white\" size={2} html={imageDescription} />\n          </div>\n        </div>\n        <div className=\"tablet:gap-4 tablet:grid-cols-4 tablet:mt-[10px] mt-4 grid grid-cols-2 gap-3\">\n          {attractionItems?.map((item, index) => (\n            <div\n              key={index}\n              className={cn(\n                'lg-desktop:p-8 desktop:p-6 desktop:gap-16 rounded-box flex flex-col justify-between gap-12 bg-white p-4'\n              )}\n            >\n              <div className=\"lg-desktop:h-[36px] flex h-[30px] items-center justify-between gap-3\">\n                <Text as=\"p\" className=\"lg-desktop:text-[18px] tracking text-[14px] font-semibold\" html={item.title} />\n                <Picture\n                  className=\"lg-desktop:size-[36px] size-[30px] shrink-0 object-cover\"\n                  source={item.icon?.url}\n                  alt={item.icon?.alt}\n                  imgClassName=\"w-full h-full object-cover\"\n                />\n              </div>\n              <Text\n                as=\"p\"\n                className=\"lg-desktop:text-[24px] tracking text-[20px] leading-tight\"\n                html={item.description}\n              />\n            </div>\n          ))}\n        </div>\n      </section>\n    )\n  }\n)\n\nGraphicAttractionBlock.displayName = 'GraphicAttractionBlock'\nexport default withLayout(GraphicAttractionBlock)\nexport type { GraphicAttractionBlockProps }\n"],
-  "mappings": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,IAAA,eAAAC,EAAAH,GAuCyB,IAAAI,EAAA,6BAvCzBC,EAAkB,oBAClBC,EAA2B,kCAC3BC,EAAoB,0CACpBC,EAAwB,uCACxBC,EAAqB,oCACrBC,EAAkB,gCAElBC,EAAmB,kCAqBnB,MAAMC,EAAyB,EAAAC,QAAM,WACnC,CAAC,CAAE,KAAAC,EAAM,UAAAC,EAAW,GAAGC,CAAK,EAAGC,IAAQ,CACrC,KAAM,CAAE,MAAAC,EAAO,WAAAC,EAAY,YAAAC,EAAa,aAAAC,EAAc,WAAAC,EAAY,iBAAAC,EAAkB,gBAAAC,CAAgB,EAAIV,EAExG,SACE,QAAC,WACC,IAAKG,EACL,uBAAqB,yBACpB,GAAGD,EACJ,aAAW,MAAG,6BAA8BD,CAAS,EAEpD,UAAAM,MAAgB,OAAC,EAAAI,QAAA,CAAM,KAAM,CAAE,MAAOJ,CAAa,EAAG,KACvD,QAAC,OAAI,aAAW,MAAG,uFAAuF,EACxG,oBAAC,EAAAK,QAAA,CACC,OAAQ,GAAGP,GAAY,GAAG,KAAKC,GAAa,GAAG,OAC/C,UAAU,UACV,aAAa,sBACb,IAAKD,GAAY,KAAO,GAC1B,KACA,QAAC,OAAI,UAAU,sEACb,oBAAC,WAAQ,GAAG,KAAK,UAAU,aAAa,KAAM,EAAG,KAAMG,EAAY,KACnE,OAAC,QAAK,GAAG,IAAI,UAAU,aAAa,KAAM,EAAG,KAAMC,EAAkB,GACvE,GACF,KACA,OAAC,OAAI,UAAU,+EACZ,SAAAC,GAAiB,IAAI,CAACG,EAAMC,OAC3B,QAAC,OAEC,aAAW,MACT,yGACF,EAEA,qBAAC,OAAI,UAAU,uEACb,oBAAC,QAAK,GAAG,IAAI,UAAU,4DAA4D,KAAMD,EAAK,MAAO,KACrG,OAAC,EAAAD,QAAA,CACC,UAAU,2DACV,OAAQC,EAAK,MAAM,IACnB,IAAKA,EAAK,MAAM,IAChB,aAAa,6BACf,GACF,KACA,OAAC,QACC,GAAG,IACH,UAAU,4DACV,KAAMA,EAAK,YACb,IAlBKC,CAmBP,CACD,EACH,GACF,CAEJ,CACF,EAEAhB,EAAuB,YAAc,yBACrC,IAAOV,KAAQ,cAAWU,CAAsB",
-  "names": ["GraphicAttractionBlock_exports", "__export", "GraphicAttractionBlock_default", "__toCommonJS", "import_jsx_runtime", "import_react", "import_Styles", "import_picture", "import_heading", "import_text", "import_Title", "import_utils", "GraphicAttractionBlock", "React", "data", "className", "rest", "ref", "shape", "imageUrlPc", "imageUrlMob", "sectionTitle", "imageTitle", "imageDescription", "attractionItems", "Title", "Picture", "item", "index"]
-}

package/dist/cjs/biz-components/GraphicMore/index.js.map DELETED Viewed

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/biz-components/GraphicMore/index.tsx"],
-  "sourcesContent": ["'use client'\nimport { cn } from '../../helpers/utils.js'\nimport type { Img } from '../../types/props.js'\nimport { withLayout, type ContainerProps } from '../../shared/Styles.js'\nimport { Grid, GridItem } from '../../components/grid.js'\nimport { Picture, Text } from '../../components/index.js'\nexport type GraphicMoreDataType = {\n  img: Img\n  mobileImg: Img\n  title: string\n  description: string\n  theme: 'light' | 'dark'\n  fullWidth: 'true' | 'false'\n  span: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12\n}\ntype DesktopSpan = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12\n\nconst DESKTOP_SPAN_CLASS: Record<DesktopSpan, string> = {\n  1: 'grid-cols-1',\n  2: 'grid-cols-2',\n  3: 'grid-cols-3',\n  4: 'grid-cols-4',\n  5: 'grid-cols-5',\n  6: 'grid-cols-6',\n  7: 'grid-cols-7',\n  8: 'grid-cols-8',\n  9: 'grid-cols-9',\n  10: 'grid-cols-10',\n  11: 'grid-cols-11',\n  12: 'grid-cols-12',\n}\n\ninterface GraphicMoreType extends React.HTMLAttributes<HTMLDivElement> {\n  data: {\n    shape?: 'rounded' | 'square'\n    container?: ContainerProps['container']\n    productsTab: GraphicMoreDataType[]\n  }\n}\n\nconst getDesktopSpanClass = (span?: number): string => {\n  const validSpan = (span && span >= 1 && span <= 12 ? span : 12) as DesktopSpan\n  return DESKTOP_SPAN_CLASS[validSpan]\n}\n\nconst GraphicMore = ({ data, className, ...rest }: GraphicMoreType) => {\n  const { productsTab, shape, container } = data\n  const desktopSpanClass = getDesktopSpanClass(container?.desktopSpan)\n\n  return (\n    <div {...rest} className={cn(className)}>\n      <div\n        className={cn('creativeModuleBlock', 'tablet:block box-border hidden w-full overflow-hidden text-[#080A0F]')}\n      >\n        <Grid className={cn('laptop:gap-4 grid gap-3', desktopSpanClass, className)}>\n          {productsTab?.map((item, index) => {\n            return (\n              <GridItem\n                key={index}\n                span={item.span}\n                className={cn('text-info-primary relative w-full overflow-hidden', 'rounded-box', '', {\n                  'aiui-dark': item?.theme === 'dark',\n                })}\n              >\n                <Picture source={item?.img?.url} className=\"size-full\" imgClassName=\"\" />\n                <div className=\"footBottom desktop:p-6 lg-desktop:p-8 absolute inset-0 z-10 overflow-hidden p-4\">\n                  {item?.title && (\n                    <Text\n                      html={item?.title}\n                      as=\"p\"\n                      className=\"desktop:text-2xl line-clamp-2 text-xl font-bold leading-[1.2]\"\n                    />\n                  )}\n                  {item?.description && (\n                    <Text\n                      html={item?.description}\n                      className=\"desktop:text-base lg-desktop:text-lg mt-1 line-clamp-2 text-sm font-bold\"\n                    />\n                  )}\n                </div>\n              </GridItem>\n            )\n          })}\n        </Grid>\n      </div>\n      <div className=\"tablet:hidden block text-[#080A0F]\">\n        <div className=\" flex flex-wrap gap-[12px]\">\n          {productsTab?.map((it, ind) => {\n            return (\n              <div\n                key={ind}\n                className={cn(\n                  'text-info-primary relative overflow-hidden',\n                  'rounded-box',\n                  { 'aiui-dark': it?.theme === 'dark' },\n                  it?.fullWidth === 'true'\n                    ? 'w-full flex-none' // \u5360\u6EE1\u6574\u884C\n                    : ' w-[calc(50%-6px)]' // \u666E\u901A\u5143\u7D20\n                )}\n              >\n                <Picture source={it?.mobileImg?.url} className=\"size-full\" imgClassName=\"h-full object-cover\" />\n                <div className=\"footBottomMob desktop:p-6 lg-desktop:p-8 absolute inset-0 z-10 overflow-hidden p-4\">\n                  {it?.title && (\n                    <Text html={it?.title} as=\"p\" className=\"lg-desktop:text-2xl text-xl font-bold leading-[1.2]\" />\n                  )}\n                  {it?.description && (\n                    <Text\n                      html={it?.description}\n                      className=\"desktop:text-base lg-desktop:text-lg mt-1 line-clamp-2 text-sm font-bold leading-[1.4]\"\n                    />\n                  )}\n                </div>\n              </div>\n            )\n          })}\n        </div>\n      </div>\n    </div>\n  )\n}\n\nexport default withLayout(GraphicMore)\n"],
-  "mappings": "sbAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,IAAA,eAAAC,EAAAH,GAgEgB,IAAAI,EAAA,6BA/DhBC,EAAmB,kCAEnBC,EAAgD,kCAChDC,EAA+B,oCAC/BC,EAA8B,qCAY9B,MAAMC,EAAkD,CACtD,EAAG,cACH,EAAG,cACH,EAAG,cACH,EAAG,cACH,EAAG,cACH,EAAG,cACH,EAAG,cACH,EAAG,cACH,EAAG,cACH,GAAI,eACJ,GAAI,eACJ,GAAI,cACN,EAUMC,EAAuBC,GAA0B,CACrD,MAAMC,EAAaD,GAAQA,GAAQ,GAAKA,GAAQ,GAAKA,EAAO,GAC5D,OAAOF,EAAmBG,CAAS,CACrC,EAEMC,EAAc,CAAC,CAAE,KAAAC,EAAM,UAAAC,EAAW,GAAGC,CAAK,IAAuB,CACrE,KAAM,CAAE,YAAAC,EAAa,MAAAC,EAAO,UAAAC,CAAU,EAAIL,EACpCM,EAAmBV,EAAoBS,GAAW,WAAW,EAEnE,SACE,QAAC,OAAK,GAAGH,EAAM,aAAW,MAAGD,CAAS,EACpC,oBAAC,OACC,aAAW,MAAG,sBAAuB,sEAAsE,EAE3G,mBAAC,QAAK,aAAW,MAAG,0BAA2BK,EAAkBL,CAAS,EACvE,SAAAE,GAAa,IAAI,CAACI,EAAMC,OAErB,QAAC,YAEC,KAAMD,EAAK,KACX,aAAW,MAAG,oDAAqD,cAAe,GAAI,CACpF,YAAaA,GAAM,QAAU,MAC/B,CAAC,EAED,oBAAC,WAAQ,OAAQA,GAAM,KAAK,IAAK,UAAU,YAAY,aAAa,GAAG,KACvE,QAAC,OAAI,UAAU,kFACZ,UAAAA,GAAM,UACL,OAAC,QACC,KAAMA,GAAM,MACZ,GAAG,IACH,UAAU,gEACZ,EAEDA,GAAM,gBACL,OAAC,QACC,KAAMA,GAAM,YACZ,UAAU,2EACZ,GAEJ,IArBKC,CAsBP,CAEH,EACH,EACF,KACA,OAAC,OAAI,UAAU,qCACb,mBAAC,OAAI,UAAU,6BACZ,SAAAL,GAAa,IAAI,CAACM,EAAIC,OAEnB,QAAC,OAEC,aAAW,MACT,6CACA,cACA,CAAE,YAAaD,GAAI,QAAU,MAAO,EACpCA,GAAI,YAAc,OACd,mBACA,oBACN,EAEA,oBAAC,WAAQ,OAAQA,GAAI,WAAW,IAAK,UAAU,YAAY,aAAa,sBAAsB,KAC9F,QAAC,OAAI,UAAU,qFACZ,UAAAA,GAAI,UACH,OAAC,QAAK,KAAMA,GAAI,MAAO,GAAG,IAAI,UAAU,sDAAsD,EAE/FA,GAAI,gBACH,OAAC,QACC,KAAMA,GAAI,YACV,UAAU,yFACZ,GAEJ,IArBKC,CAsBP,CAEH,EACH,EACF,GACF,CAEJ,EAEA,IAAOtB,KAAQ,cAAWW,CAAW",
-  "names": ["GraphicMore_exports", "__export", "GraphicMore_default", "__toCommonJS", "import_jsx_runtime", "import_utils", "import_Styles", "import_grid", "import_components", "DESKTOP_SPAN_CLASS", "getDesktopSpanClass", "span", "validSpan", "GraphicMore", "data", "className", "rest", "productsTab", "shape", "container", "desktopSpanClass", "item", "index", "it", "ind"]
-}

package/dist/cjs/biz-components/GraphicOverlay/GraphicOverlay.js.map DELETED Viewed

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/biz-components/GraphicOverlay/GraphicOverlay.tsx"],
-  "sourcesContent": ["import React, { useState, useEffect, useRef } from 'react'\nimport { useMediaQuery } from 'react-responsive'\nimport type { GraphicOverlayProps, Item } from './types'\nimport { withLayout } from '../../shared/Styles.js'\nimport Picture from '../../components/picture.js'\nimport Button from '../../components/button.js'\nimport { Heading } from '../../components/heading.js'\nimport { Tabs, TabsList, TabsTrigger, TabsContent } from '../../components/tabs.js'\nimport { VideoModal } from '../VideoModal/index.js'\nimport { cn, getLocalizedPath } from '../../helpers/utils.js'\nimport SwiperBox from '../SwiperBox/index.js'\nimport { isVideo } from '../../shared/mimeType.js'\nimport { useExposure } from '../../hooks/useExposure.js'\nimport { trackUrlRef } from '../../shared/trackUrlRef.js'\nimport { useAiuiContext } from '../AiuiProvider/index.js'\n\nconst componentType = 'image'\nconst componentName = 'p1_banner'\n\nconst ItemBlock = ({\n  data: item,\n  configuration,\n  jIndex,\n}: {\n  data: Item\n  configuration?: any\n  jIndex?: number\n  spanType?: string\n}) => {\n  const [isMobile, setIsMobile] = useState<boolean>(false)\n  const mediaQuery = useMediaQuery({ query: '(max-width: 768px)' })\n\n  const ref = useRef<HTMLDivElement>(null)\n\n  const handleAspect = () => {\n    switch (configuration?.num) {\n      case 1:\n        return 'tablet:aspect-w-[704] tablet:aspect-h-[400] laptop:aspect-w-[896] laptop:aspect-h-[384] desktop:aspect-w-[1312] desktop:aspect-h-[512] lg-desktop:aspect-w-[1664] lg-desktop:aspect-h-[640]'\n      case 2:\n        return 'tablet:aspect-w-[346] tablet:aspect-h-[400] laptop:aspect-w-[440] laptop:aspect-h-[384] desktop:aspect-w-[648] desktop:aspect-h-[512] lg-desktop:aspect-w-[824] lg-desktop:aspect-h-[640]'\n      case 3:\n        return 'tablet:aspect-w-[296] tablet:aspect-h-[400] laptop:aspect-w-[288] laptop:aspect-h-[384] desktop:aspect-w-[426] desktop:aspect-h-[512] lg-desktop:aspect-w-[544] lg-desktop:aspect-h-[640]'\n      default:\n        return 'tablet:aspect-w-[296] tablet:aspect-h-[400] laptop:aspect-w-[288] laptop:aspect-h-[384] desktop:aspect-w-[426] desktop:aspect-h-[512] lg-desktop:aspect-w-[544] lg-desktop:aspect-h-[640]'\n    }\n  }\n\n  useExposure(ref, {\n    componentType: componentType,\n    componentName: componentName,\n    position: jIndex,\n    componentTitle: item.title,\n    componentDescription: item.description,\n    navigation: configuration?.activeTab,\n  })\n\n  useEffect(() => {\n    setIsMobile(mediaQuery)\n  }, [mediaQuery])\n\n  const {\n    theme = 'light',\n    title,\n    description,\n    imageUrl,\n    primaryButton,\n    secondaryButton,\n    imageMobileUrl,\n    blockLink,\n    video,\n    youtubeId,\n    isYouTube,\n  } = item\n  const lgButtonSize = 'lg-desktop:px-7 lg-desktop:pb-[14px] lg-desktop:pt-[15px] lg-desktop:text-[16px]'\n\n  return (\n    <div\n      className={cn(\n        'item-wrapper text-info-primary group relative box-border w-full overflow-hidden',\n        handleAspect(),\n        {\n          'rounded-box': true,\n          'aiui-dark': theme === 'dark',\n          'h-[400px]': isMobile,\n        },\n        `text-info-primary`\n      )}\n      ref={ref}\n    >\n      {blockLink && (\n        <a\n          className=\"absolute inset-0 z-10\"\n          href={trackUrlRef(\n            getLocalizedPath(blockLink || '', configuration?.locale || 'us'),\n            `${componentType}_${componentName}`\n          )}\n          data-headless-type-name={`${componentType}#${componentName}`}\n          data-headless-title-desc-button={`${title}#${description}`}\n          data-headless-nav-position={`${configuration?.activeTab}#${jIndex}`}\n          aria-hidden=\"true\"\n          tabIndex={-1}\n        ></a>\n      )}\n      <div className=\"absolute inset-0\">\n        {isVideo(imageUrl?.mimeType) ? (\n          <video autoPlay muted playsInline loop className=\"tablet:block hidden h-full overflow-hidden\">\n            <source src={imageUrl?.url} type=\"video/mp4\" />\n          </video>\n        ) : (\n          <Picture\n            source={imageUrl?.url}\n            alt={imageUrl?.alt || ''}\n            className=\"tablet:block hidden h-full overflow-hidden\"\n            imgClassName=\"h-full transition-all duration-300 group-hover:scale-105 object-cover\"\n            style={{ aspectRatio: `${imageUrl?.width}/${imageUrl?.height}` }}\n          />\n        )}\n        {isVideo(imageMobileUrl?.mimeType) ? (\n          <video autoPlay muted playsInline loop className=\"tablet:hidden block h-full overflow-hidden\">\n            <source src={imageMobileUrl?.url} type=\"video/mp4\" />\n          </video>\n        ) : (\n          <Picture\n            source={imageMobileUrl?.url || imageUrl?.url}\n            alt={imageMobileUrl?.alt || imageUrl?.alt || ''}\n            className=\"tablet:hidden block h-full overflow-hidden\"\n            imgClassName=\"h-full transition-all duration-300 object-cover\"\n          />\n        )}\n        <div\n          className={cn(\n            'laptop:p-6 desktop:p-[32px] laptop:gap-4 desktop:gap-6 pointer-events-none absolute inset-x-0 bottom-0 z-20 flex w-fit flex-col gap-6 p-4',\n            {\n              'laptop:top-1/2 laptop:-translate-y-1/2 laptop:bottom-auto': item?.width === 'full',\n            }\n          )}\n        >\n          <div className=\"flex flex-col gap-1\">\n            <Heading size={3} as=\"h3\" className=\"item-title\" html={title} />\n            <Heading\n              as=\"h4\"\n              className=\"item-description desktop:text-[16px] lg-desktop:text-[18px] line-clamp-3 text-[14px]\"\n              html={description}\n            />\n          </div>\n          <div className=\"lg-desktop:gap-3 flex gap-2\">\n            {secondaryButton && secondaryButton.text && (\n              <Button\n                aria-label={title ?? description}\n                className={cn(lgButtonSize, 'link-left pointer-events-auto')}\n                variant=\"secondary\"\n                as=\"a\"\n                href={trackUrlRef(\n                  getLocalizedPath(secondaryButton.link || '', configuration?.locale || 'us'),\n                  `${componentType}_${componentName}`\n                )}\n                data-headless-type-name={`${componentType}#${componentName}`}\n                data-headless-title-desc-button={`${title}#${description}#${secondaryButton?.text}`}\n                data-headless-nav-position={`${configuration?.activeTab}#${jIndex}`}\n              >\n                {secondaryButton.text}\n                <span className=\"sr-only\">{title ?? description}</span>\n              </Button>\n            )}\n            {primaryButton && primaryButton.text && (\n              <Button\n                aria-label={title ?? description}\n                className={cn(lgButtonSize, 'link-right pointer-events-auto')}\n                variant=\"primary\"\n                as=\"a\"\n                href={trackUrlRef(\n                  getLocalizedPath(primaryButton.link || '', configuration?.locale || 'us'),\n                  `${componentType}_${componentName}`\n                )}\n                data-headless-type-name={`${componentType}#${componentName}`}\n                data-headless-title-desc-button={`${title}#${description}#${primaryButton.text}`}\n                data-headless-nav-position={`${configuration?.activeTab}#${jIndex}`}\n              >\n                {primaryButton.text}\n              </Button>\n            )}\n          </div>\n        </div>\n      </div>\n      <div>\n        <div className=\"laptop:bottom-[32px] laptop:right-[32px] absolute bottom-[16px] right-[16px]\">\n          {(video?.url || youtubeId) && (\n            <button\n              onClick={() => {\n                configuration?.onVideoPlayBtnClick?.(video?.url || youtubeId, isYouTube)\n              }}\n              className=\"laptop:size-12  hover:bg-current/75 bg-info-primary flex size-8 items-center justify-center rounded-full opacity-80\"\n            >\n              <svg\n                width=\"12\"\n                height=\"14\"\n                viewBox=\"0 0 12 14\"\n                fill={theme === 'dark' ? 'black' : 'white'}\n                xmlns=\"http://www.w3.org/2000/svg\"\n              >\n                <path d=\"M12 7L0 14L0 0L12 7Z\" />\n              </svg>\n            </button>\n          )}\n        </div>\n      </div>\n    </div>\n  )\n}\n\nconst GraphicOverlaySwiper = ({\n  items = [],\n  shape,\n  locale,\n  activeTab,\n  onVideoPlayBtnClick,\n}: {\n  items?: Item[]\n  shape?: string\n  locale: string\n  activeTab?: string\n  onVideoPlayBtnClick: (url: string, isYouTube: boolean) => void\n}) => {\n  const handleSwiperShow = (width: number) => {\n    const len = items?.length\n    const isShow = len > 3\n    const isMiddle = len > 2\n    const isMobile = len > 1\n\n    switch (true) {\n      case width >= 1440:\n      case width >= 1024:\n        return isShow ? 3 : len\n      case width >= 768:\n        if (isShow || isMiddle) {\n          return 2.3\n        }\n        return isMobile ? 2 : 1\n      default:\n        return isMobile ? 1.2 : 1\n    }\n  }\n\n  return (\n    <SwiperBox\n      className=\"!overflow-visible\"\n      id={'GraphicOverlaySwiper'}\n      data={{\n        list: items || [],\n        configuration: {\n          shape: shape,\n          num: items.length,\n          locale,\n          activeTab,\n          onVideoPlayBtnClick,\n        },\n      }}\n      Slide={ItemBlock}\n      breakpoints={{\n        0: {\n          spaceBetween: 12,\n          freeMode: false,\n          slidesPerView: 1,\n        },\n        374: {\n          spaceBetween: 12,\n          freeMode: false,\n          slidesPerView: handleSwiperShow(374),\n        },\n        768: {\n          spaceBetween: 16,\n          freeMode: false,\n          slidesPerView: handleSwiperShow(768),\n        },\n        1024: {\n          spaceBetween: 16,\n          freeMode: false,\n          slidesPerView: handleSwiperShow(1024),\n        },\n        1440: {\n          spaceBetween: 16,\n          freeMode: false,\n          slidesPerView: handleSwiperShow(1440),\n        },\n      }}\n    />\n  )\n}\n\nconst GraphicOverlay = React.forwardRef<HTMLDivElement, GraphicOverlayProps>((props, ref) => {\n  const { data, className, ...rest } = props\n  const { shape, items = [], isShowTab = false, tabs, tabAlign = 'left' } = data\n  const [visible, setVisible] = useState<boolean>(false)\n  const [videoUrl, setVideoUrl] = useState<string>('')\n  const [youTubeId, setYouTubeId] = useState<string>('')\n  const [activeTab, setActiveTab] = useState<string>(tabs?.[0]?.id ?? '')\n  const { locale = 'us' } = useAiuiContext()\n\n  const handleVideoPlayBtnClick = (url: string, isYouTube: boolean) => {\n    setVisible(true)\n    if (isYouTube) {\n      setYouTubeId?.(url || '')\n    } else {\n      setVideoUrl?.(url || '')\n    }\n  }\n\n  const renderModal = () => (\n    <VideoModal visible={visible} youTubeId={youTubeId} videoUrl={videoUrl} onCloseModal={() => setVisible(false)} />\n  )\n\n  if (!isShowTab || !tabs || tabs.length === 0) {\n    return (\n      <section\n        data-ui-component-id=\"GraphicOverlay\"\n        ref={ref}\n        {...rest}\n        className={cn('graphicOverlayBlock text-info-primary ', className)}\n      >\n        {items && items.length > 0 ? (\n          <GraphicOverlaySwiper\n            items={items}\n            shape={shape}\n            locale={locale}\n            onVideoPlayBtnClick={handleVideoPlayBtnClick}\n          />\n        ) : null}\n        {visible && renderModal()}\n      </section>\n    )\n  }\n\n  return (\n    <section\n      data-ui-component-id=\"GraphicOverlay\"\n      ref={ref}\n      {...rest}\n      className={cn('graphicOverlayBlock text-info-primary ', className)}\n    >\n      <Tabs value={activeTab} onValueChange={setActiveTab} align={tabAlign}>\n        <div className=\"mb-6\">\n          <TabsList>\n            {tabs.map(tab => (\n              <TabsTrigger key={tab.id} value={tab.id}>\n                {tab.label}\n              </TabsTrigger>\n            ))}\n          </TabsList>\n        </div>\n        {tabs.map(tab => (\n          <TabsContent key={tab.id} value={tab.id}>\n            {tab.items && tab.items.length > 0 ? (\n              <GraphicOverlaySwiper\n                items={tab.items}\n                shape={shape}\n                locale={locale}\n                activeTab={tab.id}\n                onVideoPlayBtnClick={handleVideoPlayBtnClick}\n              />\n            ) : null}\n          </TabsContent>\n        ))}\n      </Tabs>\n      {visible && renderModal()}\n    </section>\n  )\n})\n\nGraphicOverlay.displayName = 'GraphicOverlayBlock'\n\nexport default withLayout(GraphicOverlay)\nexport type { GraphicOverlayProps }\n"],
-  "mappings": "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",
-  "names": ["GraphicOverlay_exports", "__export", "GraphicOverlay_default", "__toCommonJS", "import_jsx_runtime", "import_react", "import_react_responsive", "import_Styles", "import_picture", "import_button", "import_heading", "import_tabs", "import_VideoModal", "import_utils", "import_SwiperBox", "import_mimeType", "import_useExposure", "import_trackUrlRef", "import_AiuiProvider", "componentType", "componentName", "ItemBlock", "item", "configuration", "jIndex", "isMobile", "setIsMobile", "mediaQuery", "ref", "handleAspect", "theme", "title", "description", "imageUrl", "primaryButton", "secondaryButton", "imageMobileUrl", "blockLink", "video", "youtubeId", "isYouTube", "lgButtonSize", "Picture", "Button", "GraphicOverlaySwiper", "items", "shape", "locale", "activeTab", "onVideoPlayBtnClick", "handleSwiperShow", "width", "len", "isShow", "isMiddle", "SwiperBox", "GraphicOverlay", "React", "props", "data", "className", "rest", "isShowTab", "tabs", "tabAlign", "visible", "setVisible", "videoUrl", "setVideoUrl", "youTubeId", "setYouTubeId", "setActiveTab", "handleVideoPlayBtnClick", "url", "renderModal", "tab"]
-}

package/dist/cjs/biz-components/GraphicOverlay/index.js.map DELETED Viewed

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/biz-components/GraphicOverlay/index.tsx"],
-  "sourcesContent": ["export { default } from './GraphicOverlay.js'\nexport type { GraphicOverlayProps } from './types.js'\n"],
-  "mappings": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,wCAAAE,EAAAF,GAAA,IAAAG,EAAwB",
-  "names": ["GraphicOverlay_exports", "__export", "__toCommonJS", "import_GraphicOverlay"]
-}

package/dist/cjs/biz-components/GraphicOverlay/types.js.map DELETED Viewed

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/biz-components/GraphicOverlay/types.tsx"],
-  "sourcesContent": ["import type { Align, Media, Shape, Theme } from '../../types/props'\n\nexport type Item = {\n  theme?: Theme\n  title: string\n  description: string\n  imageUrl: Media\n  imageMobileUrl?: Media\n  tabName?: string\n  width?: 'full' | 'half' | 'one-third'\n  blockLink?: string\n  primaryButton: {\n    text: string\n    link: string\n  }\n  secondaryButton: {\n    text: string\n    link: string\n  }\n  video?: {\n    url: string\n  }\n  youtubeId?: string\n  isYouTube?: boolean\n}\n\nexport type GraphicOverlayTab = {\n  id: string\n  label: string\n  items: ({\n    width?: 'full' | 'half' | 'one-third'\n  } & Item)[]\n}\n\nexport type GraphicOverlayProps = React.HTMLAttributes<HTMLElement> & {\n  data: {\n    shape?: Shape\n    /** \u662F\u5426\u542F\u7528 Tab \u5207\u6362\uFF0C\u9ED8\u8BA4 false */\n    isShowTab?: boolean\n    /** Tab \u5206\u7EC4 - isShowTab \u4E3A true \u65F6\u751F\u6548 */\n    tabs?: GraphicOverlayTab[]\n    /** Tab \u5BF9\u9F50\u65B9\u5F0F\uFF0C\u9ED8\u8BA4 left */\n    tabAlign?: Align\n    items?: ({\n      width?: 'full' | 'half' | 'one-third'\n    } & Item)[]\n  }\n}\n"],
-  "mappings": "+WAAA,IAAAA,EAAA,kBAAAC,EAAAD",
-  "names": ["types_exports", "__toCommonJS"]
-}

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../src/biz-components/HeaderNavigation/CompanyStatsBanner/index.tsx"],
-  "sourcesContent": ["import React from 'react'\nimport { Text, Picture } from '../../../components/index.js'\nimport { cn } from '../../../helpers/index.js'\nimport type { CompanyStatsBannerProps, StatItem } from './types.js'\n\n/**\n * \u7EDF\u8BA1\u9879\u7EC4\u4EF6\n */\nconst StatItemComp = ({ stat, theme, isLast }: { stat: StatItem; theme?: 'light' | 'dark'; isLast?: boolean }) => {\n  return (\n    <div\n      className={cn(\n        \"tablet:after:hidden relative flex flex-col gap-1 after:absolute after:bottom-1 after:right-0 after:h-[calc(100%-8px)] after:w-px after:bg-[#3A3C40] after:content-['']\",\n        { 'after:hidden': isLast }\n      )}\n    >\n      <Text\n        as=\"div\"\n        html={stat.value}\n        className={cn('desktop:text-[32px] tablet:text-[24px] text-[14px] leading-[1.2]', {\n          'text-white': theme !== 'dark',\n          'text-black': theme === 'dark',\n        })}\n      />\n      <Text\n        as=\"p\"\n        html={stat.label}\n        className={cn('desktop:text-base text-balance text-sm font-bold leading-[1.4] tracking-[-0.28px]', {\n          'text-white': theme !== 'dark',\n          'text-black': theme === 'dark',\n        })}\n      />\n    </div>\n  )\n}\n\n/**\n * \u516C\u53F8\u7EDF\u8BA1\u6A2A\u5E45\u7EC4\u4EF6\n * \u7528\u4E8E\u5C55\u793A\u516C\u53F8 Logo\u3001\u6807\u8BED\u548C\u5173\u952E\u7EDF\u8BA1\u6570\u636E\n */\nconst CompanyStatsBanner = React.forwardRef<HTMLDivElement, CompanyStatsBannerProps>(({ data, className }, ref) => {\n  const { logo, tagline, stats = [], theme = 'dark' } = data\n\n  return (\n    <div\n      ref={ref}\n      data-ui-component-id=\"CompanyStatsBanner\"\n      className={cn(\n        'desktop:h-[200px] lg-desktop:h-[240px] relative flex w-full items-center justify-between overflow-hidden',\n        'p-4',\n        'tablet:p-6',\n        'desktop:px-16 desktop:py-8',\n        'lg-desktop:px-32',\n        {\n          'bg-black': theme !== 'dark',\n          'bg-white': theme === 'dark',\n        },\n        className\n      )}\n    >\n      {/* \u5185\u5BB9\u533A\u57DF */}\n      <div\n        className={cn(\n          'relative z-10 flex w-full flex-col gap-4',\n          'desktop:flex-row desktop:items-center desktop:justify-between'\n        )}\n      >\n        {/* \u5DE6\u4FA7: Logo + \u5206\u9694\u7EBF + \u6807\u8BED */}\n        <div className=\"tablet:flex-row tablet:gap-4 flex shrink-0 flex-col items-start gap-2\">\n          {logo?.url && (\n            <Picture\n              source={logo.url}\n              alt={logo.alt || 'Company Logo'}\n              className=\"tablet:h-10 h-9 w-auto\"\n              imgClassName=\"h-full w-auto object-contain\"\n            />\n          )}\n          {logo?.url && tagline && (\n            <div\n              className={cn('tablet:block tablet:h-10 hidden h-8 w-px', {\n                'bg-white': theme !== 'dark',\n                'bg-black': theme === 'dark',\n              })}\n            />\n          )}\n          {tagline && (\n            <Text\n              as=\"p\"\n              html={tagline}\n              className={cn('text-sm font-bold leading-[1.4]', 'tablet:max-w-[320px] tablet:text-base', {\n                'text-white': theme !== 'dark',\n                'text-black': theme === 'dark',\n              })}\n            />\n          )}\n        </div>\n\n        {/* \u53F3\u4FA7: \u7EDF\u8BA1\u6570\u636E */}\n        {stats.length > 0 && (\n          <div\n            className={cn('tablet:flex grid grid-cols-3 gap-4', 'tablet:flex-nowrap tablet:gap-10 desktop:gap-[50px]')}\n          >\n            {stats.map((stat, index) => (\n              <div key={`stat-${index}`}>\n                <StatItemComp stat={stat} theme={theme} isLast={index === stats.length - 1} />\n              </div>\n            ))}\n          </div>\n        )}\n      </div>\n    </div>\n  )\n})\n\nCompanyStatsBanner.displayName = 'CompanyStatsBanner'\n\nexport default CompanyStatsBanner\nexport type { CompanyStatsBannerProps, StatItem }\n"],
-  "mappings": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,IAAA,eAAAC,EAAAH,GAUI,IAAAI,EAAA,6BAVJC,EAAkB,oBAClBC,EAA8B,wCAC9BC,EAAmB,qCAMnB,MAAMC,EAAe,CAAC,CAAE,KAAAC,EAAM,MAAAC,EAAO,OAAAC,CAAO,OAExC,QAAC,OACC,aAAW,MACT,yKACA,CAAE,eAAgBA,CAAO,CAC3B,EAEA,oBAAC,QACC,GAAG,MACH,KAAMF,EAAK,MACX,aAAW,MAAG,mEAAoE,CAChF,aAAcC,IAAU,OACxB,aAAcA,IAAU,MAC1B,CAAC,EACH,KACA,OAAC,QACC,GAAG,IACH,KAAMD,EAAK,MACX,aAAW,MAAG,oFAAqF,CACjG,aAAcC,IAAU,OACxB,aAAcA,IAAU,MAC1B,CAAC,EACH,GACF,EAQEE,EAAqB,EAAAC,QAAM,WAAoD,CAAC,CAAE,KAAAC,EAAM,UAAAC,CAAU,EAAGC,IAAQ,CACjH,KAAM,CAAE,KAAAC,EAAM,QAAAC,EAAS,MAAAC,EAAQ,CAAC,EAAG,MAAAT,EAAQ,MAAO,EAAII,EAEtD,SACE,OAAC,OACC,IAAKE,EACL,uBAAqB,qBACrB,aAAW,MACT,2GACA,MACA,aACA,6BACA,mBACA,CACE,WAAYN,IAAU,OACtB,WAAYA,IAAU,MACxB,EACAK,CACF,EAGA,oBAAC,OACC,aAAW,MACT,2CACA,+DACF,EAGA,qBAAC,OAAI,UAAU,wEACZ,UAAAE,GAAM,QACL,OAAC,WACC,OAAQA,EAAK,IACb,IAAKA,EAAK,KAAO,eACjB,UAAU,yBACV,aAAa,+BACf,EAEDA,GAAM,KAAOC,MACZ,OAAC,OACC,aAAW,MAAG,2CAA4C,CACxD,WAAYR,IAAU,OACtB,WAAYA,IAAU,MACxB,CAAC,EACH,EAEDQ,MACC,OAAC,QACC,GAAG,IACH,KAAMA,EACN,aAAW,MAAG,kCAAmC,wCAAyC,CACxF,aAAcR,IAAU,OACxB,aAAcA,IAAU,MAC1B,CAAC,EACH,GAEJ,EAGCS,EAAM,OAAS,MACd,OAAC,OACC,aAAW,MAAG,qCAAsC,qDAAqD,EAExG,SAAAA,EAAM,IAAI,CAACV,EAAMW,OAChB,OAAC,OACC,mBAACZ,EAAA,CAAa,KAAMC,EAAM,MAAOC,EAAO,OAAQU,IAAUD,EAAM,OAAS,EAAG,GADpE,QAAQC,CAAK,EAEvB,CACD,EACH,GAEJ,EACF,CAEJ,CAAC,EAEDR,EAAmB,YAAc,qBAEjC,IAAOV,EAAQU",
-  "names": ["CompanyStatsBanner_exports", "__export", "CompanyStatsBanner_default", "__toCommonJS", "import_jsx_runtime", "import_react", "import_components", "import_helpers", "StatItemComp", "stat", "theme", "isLast", "CompanyStatsBanner", "React", "data", "className", "ref", "logo", "tagline", "stats", "index"]
-}

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../src/biz-components/HeaderNavigation/CompanyStatsBanner/types.ts"],
-  "sourcesContent": ["import type { Media, Theme } from '../../../types/props.js'\n\n/**\n * \u7EDF\u8BA1\u9879\n */\nexport interface StatItem {\n  /** \u7EDF\u8BA1\u6570\u503C (\u5982: \"146+\", \"47.75%\", \"5,000+\") */\n  value: string\n  /** \u7EDF\u8BA1\u6807\u7B7E (\u5982: \"Countries and Regions\") */\n  label: string\n}\n\n/**\n * CompanyStatsBanner \u7EC4\u4EF6\u5C5E\u6027\n */\nexport interface CompanyStatsBannerProps {\n  data: {\n    /** Logo \u56FE\u7247 */\n    logo?: Media\n    /** \u516C\u53F8\u6807\u8BED */\n    tagline?: string\n    /** \u7EDF\u8BA1\u6570\u636E\u5217\u8868 */\n    stats?: StatItem[]\n    /** \u4E3B\u9898 (light: \u767D\u8272\u6587\u5B57, dark: \u9ED1\u8272\u6587\u5B57) */\n    theme?: Theme\n  }\n  /** \u81EA\u5B9A\u4E49\u7C7B\u540D */\n  className?: string\n}\n"],
-  "mappings": "+WAAA,IAAAA,EAAA,kBAAAC,EAAAD",
-  "names": ["types_exports", "__toCommonJS"]
-}

package/dist/cjs/biz-components/HeaderNavigation/MobileMenuComponents.js.map DELETED Viewed

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/biz-components/HeaderNavigation/MobileMenuComponents.tsx"],
-  "sourcesContent": ["import React from 'react'\nimport { Text, Link, Heading, Picture } from '../../components/index.js'\nimport { cn, getLocalizedPath } from '../../helpers/utils.js'\nimport { DownArrow } from './icons/index.js'\nimport { SeriesProductItem } from './SidebarDropdown.js'\nimport { useAiuiContext } from '../AiuiProvider/index.js'\n\n/**\n * \u79FB\u52A8\u7AEF\u83DC\u5355\u9879\n */\nexport const MenuItem = ({\n  label,\n  href,\n  onClick,\n  active,\n  icon,\n  className,\n}: {\n  label: string\n  href?: string\n  onClick?: () => void\n  active?: boolean\n  icon?: string\n  className?: string\n}) => {\n  const content = (\n    <>\n      <div className=\"flex items-center gap-4\">\n        <Text html={label} className={cn('text-sm font-bold leading-[1.4]', { underline: icon })} />\n        {icon && <Text html={icon} aria-hidden=\"true\" />}\n      </div>\n      <svg\n        className={`size-5 ${active ? 'rotate-90' : ''}`}\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n        aria-hidden=\"true\"\n      >\n        <path d=\"M9 5L16 12L9 19\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n      </svg>\n    </>\n  )\n\n  return href ? (\n    <Link\n      href={href}\n      className={cn('flex cursor-pointer items-center justify-between py-4 no-underline', className)}\n      onClick={onClick}\n    >\n      {content}\n    </Link>\n  ) : (\n    <button\n      onClick={onClick}\n      className={cn(\n        'flex w-full cursor-pointer items-center justify-between border-0 bg-transparent py-4 text-left',\n        className\n      )}\n      aria-expanded={active}\n    >\n      {content}\n    </button>\n  )\n}\n\n/**\n * \u79FB\u52A8\u7AEF\u5B50\u5206\u7C7B\u6807\u9898\u7EC4\u4EF6\n */\nexport const SubSubCategoryItemComp = ({\n  matchSeriesMetadata,\n  onSubSubCategoryItemClick,\n  expanded,\n}: {\n  matchSeriesMetadata: any\n  onSubSubCategoryItemClick?: () => void\n  expanded?: boolean\n}) => {\n  const content = (\n    <>\n      {matchSeriesMetadata?.label && (\n        <Text html={matchSeriesMetadata?.label} className=\"text-sm font-bold leading-[1.4]\" />\n      )}\n      {onSubSubCategoryItemClick && (\n        <DownArrow\n          aria-hidden=\"true\"\n          className={cn('size-5', {\n            ['rotate-180']: expanded,\n          })}\n        />\n      )}\n    </>\n  )\n\n  return onSubSubCategoryItemClick ? (\n    <button\n      className=\"tablet:pt-0 flex w-full cursor-pointer items-center justify-between border-0 bg-transparent py-4 text-left\"\n      onClick={onSubSubCategoryItemClick}\n      aria-expanded={expanded}\n    >\n      {content}\n    </button>\n  ) : (\n    <div className=\"tablet:pt-0 flex items-center justify-between py-4\">{content}</div>\n  )\n}\n\n/**\n * \u79FB\u52A8\u7AEF\u5B50\u5206\u7C7B\u5185\u5BB9\u7EC4\u4EF6\n */\nexport const SubSubCategoryContentComp = ({ matchSeriesMetadata }: { matchSeriesMetadata: any }) => {\n  const { locale = 'us' } = useAiuiContext()\n  return (\n    <div className=\"laptop:gap-3 flex flex-col gap-2\">\n      {!!matchSeriesMetadata?.series?.length &&\n        matchSeriesMetadata?.series?.map((seriesItem: any, pIndex: number) => (\n          <div key={`seriesItem-${seriesItem?.label || ''}-${pIndex}`}>\n            {seriesItem.label && (\n              <Text html={seriesItem.label} as=\"p\" className=\"mb-2 text-sm font-bold leading-[1.4] text-[#3D3D3F]\" />\n            )}\n            <div className=\"laptop:grid-cols-3 laptop:gap-4 tablet:grid tablet:grid-cols-2 tablet:gap-3 flex flex-col gap-2\">\n              {!!matchSeriesMetadata?.banner && (\n                <Link\n                  asChild={!matchSeriesMetadata?.banner?.href}\n                  href={getLocalizedPath(matchSeriesMetadata?.banner?.href, locale)}\n                >\n                  <div className=\"relative [&_img]:hover:scale-110 [&_img]:hover:transition-all [&_img]:hover:duration-500\">\n                    <Picture\n                      source={matchSeriesMetadata?.banner?.imageUrl}\n                      className=\"laptop:h-[120px] h-[114px]\"\n                      imgClassName=\"object-cover h-full\"\n                    />\n                    <div className=\"absolute inset-x-0 bottom-0 p-4\">\n                      <Heading\n                        size={2}\n                        html={matchSeriesMetadata?.banner?.title || 'Buy in Guide'}\n                        className={cn('font-bold text-white', {\n                          'text-black': matchSeriesMetadata?.banner?.theme === 'dark',\n                        })}\n                      />\n                      <Text\n                        html={matchSeriesMetadata?.banner?.desc || '20.000mAh'}\n                        className={cn('text-sm font-bold text-white', {\n                          'text-black': matchSeriesMetadata?.banner?.theme === 'dark',\n                        })}\n                      />\n                    </div>\n                  </div>\n                </Link>\n              )}\n              {seriesItem.products?.map((product: any, index: number) => (\n                <SeriesProductItem\n                  position={index}\n                  key={`seriesProductItem-${seriesItem?.label || ''}-${pIndex}-${index}`}\n                  product={product}\n                  seriesLabel={matchSeriesMetadata?.label}\n                  isCollection={matchSeriesMetadata?.isCollection}\n                />\n              ))}\n            </div>\n          </div>\n        ))}\n    </div>\n  )\n}\n"],
-  "mappings": "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",
-  "names": ["MobileMenuComponents_exports", "__export", "MenuItem", "SubSubCategoryContentComp", "SubSubCategoryItemComp", "__toCommonJS", "import_jsx_runtime", "import_react", "import_components", "import_utils", "import_icons", "import_SidebarDropdown", "import_AiuiProvider", "label", "href", "onClick", "active", "icon", "className", "content", "matchSeriesMetadata", "onSubSubCategoryItemClick", "expanded", "locale", "seriesItem", "pIndex", "product", "index"]
-}

package/dist/cjs/biz-components/HeaderNavigation/MobileMulticolMenu.js.map DELETED Viewed

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/biz-components/HeaderNavigation/MobileMulticolMenu.tsx"],
-  "sourcesContent": ["import React, { useMemo } from 'react'\nimport { cn } from '../../helpers/utils.js'\nimport { MulticolItem } from './MulticolDropdown.js'\nimport CompanyStatsBanner from './CompanyStatsBanner/index.js'\n\n/**\n * \u79FB\u52A8\u7AEFmulticol\u83DC\u5355\n * @param multicolMetadata multicol\u83DC\u5355\u5143\u6570\u636E\n */\nexport const MobileMulticolMenu = ({\n  multicolMetadata,\n  showStatsBanner,\n  statsBannerData,\n}: {\n  multicolMetadata: any\n  showStatsBanner: boolean\n  statsBannerData: any\n}) => {\n  // \u662F\u5426\u5168\u90E8\u662F\u56FE\u7247\n  const allPicture = useMemo(() => {\n    return !multicolMetadata?.some((item: any) => !!item.columns)\n  }, [multicolMetadata])\n\n  return (\n    <div className=\"tablet:px-8 laptop:px-16 tablet:gap-6 flex flex-col gap-3 p-4\">\n      {showStatsBanner && <CompanyStatsBanner data={statsBannerData} />}\n\n      <div\n        className={cn(' flex flex-col gap-4', {\n          ['tablet:grid tablet:grid-cols-2 tablet:gap-3 laptop:gap-4']: allPicture,\n        })}\n      >\n        {multicolMetadata?.map((item: any, index: number) => (\n          <div key={`multicolItem-${item?.label}-${index}`}>\n            <MulticolItem item={item} allPicture={allPicture} />\n          </div>\n        ))}\n      </div>\n    </div>\n  )\n}\n"],
-  "mappings": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,wBAAAE,IAAA,eAAAC,EAAAH,GAwBI,IAAAI,EAAA,6BAxBJC,EAA+B,iBAC/BC,EAAmB,kCACnBC,EAA6B,iCAC7BC,EAA+B,4CAMxB,MAAMN,EAAqB,CAAC,CACjC,iBAAAO,EACA,gBAAAC,EACA,gBAAAC,CACF,IAIM,CAEJ,MAAMC,KAAa,WAAQ,IAClB,CAACH,GAAkB,KAAMI,GAAc,CAAC,CAACA,EAAK,OAAO,EAC3D,CAACJ,CAAgB,CAAC,EAErB,SACE,QAAC,OAAI,UAAU,gEACZ,UAAAC,MAAmB,OAAC,EAAAI,QAAA,CAAmB,KAAMH,EAAiB,KAE/D,OAAC,OACC,aAAW,MAAG,uBAAwB,CACnC,2DAA6DC,CAChE,CAAC,EAEA,SAAAH,GAAkB,IAAI,CAACI,EAAWE,OACjC,OAAC,OACC,mBAAC,gBAAa,KAAMF,EAAM,WAAYD,EAAY,GAD1C,gBAAgBC,GAAM,KAAK,IAAIE,CAAK,EAE9C,CACD,EACH,GACF,CAEJ",
-  "names": ["MobileMulticolMenu_exports", "__export", "MobileMulticolMenu", "__toCommonJS", "import_jsx_runtime", "import_react", "import_utils", "import_MulticolDropdown", "import_CompanyStatsBanner", "multicolMetadata", "showStatsBanner", "statsBannerData", "allPicture", "item", "CompanyStatsBanner", "index"]
-}

package/dist/cjs/biz-components/HeaderNavigation/MobileResourceSidebarMenu.js.map DELETED Viewed

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/biz-components/HeaderNavigation/MobileResourceSidebarMenu.tsx"],
-  "sourcesContent": ["import React, { useCallback, useEffect, useMemo, useState } from 'react'\nimport { Button } from '../../components/index.js'\nimport { HeaderNavigationMenu } from './types.js'\nimport { useNavContext } from './NavProvider.js'\nimport { ResourceSubSubCategoryItemComp, ResourceSubSubCategoryContentComp } from './ResourceItem.js'\nimport { useAiuiContext } from '../AiuiProvider/index.js'\nimport { getLocalizedPath } from '../../helpers/utils.js'\n\ninterface MenuItem {\n  label: string\n  href?: string\n  onClick?: () => void\n  active?: boolean\n  icon?: string\n  className?: string\n}\n\nconst MenuItem = ({ label, onClick, active }: MenuItem) => {\n  return (\n    <button\n      className=\"flex w-full cursor-pointer items-center justify-between border-0 bg-transparent py-4 text-left\"\n      onClick={onClick}\n      aria-expanded={active}\n    >\n      <div className=\"flex items-center gap-1\">\n        <span className=\"text-sm font-bold leading-[1.4]\">{label}</span>\n      </div>\n      <svg\n        className={`size-5 ${active ? 'rotate-90' : ''}`}\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n        aria-hidden=\"true\"\n      >\n        <path\n          d=\"M6.91009 4.41009C7.23553 4.08466 7.76304 4.08466 8.08848 4.41009L13.0885 9.41009C13.4139 9.73553 13.4139 10.263 13.0885 10.5885L8.08848 15.5885C7.76304 15.9139 7.23553 15.9139 6.91009 15.5885C6.58466 15.263 6.58466 14.7355 6.91009 14.4101L11.3209 9.99929L6.91009 5.58848C6.58466 5.26304 6.58466 4.73553 6.91009 4.41009Z\"\n          fill=\"#080A0F\"\n        />\n      </svg>\n    </button>\n  )\n}\n\n/**\n * \u79FB\u52A8\u7AEF\u8D44\u6E90\u4F4D\u4FA7\u8FB9\u680F\u4E0B\u62C9\n * @param resourceCategoriesMetadata \u8D44\u6E90\u4F4D\u5206\u7C7B\u5143\u6570\u636E\n * @param resourcesMetadata \u8D44\u6E90\u4F4D\u5143\u6570\u636E\n */\nexport const MobileResourceSidebarMenu = ({\n  resourceCategoriesMetadata,\n  resourcesMetadata,\n}: {\n  resourceCategoriesMetadata: any\n  resourcesMetadata: any\n}) => {\n  const {\n    currentMenu,\n    setCurrentMenu,\n    subSubCategory,\n    setSubSubCategory,\n    onSidebarNavClick,\n    currentResourceMetadata,\n    setCurrentResourceMetadata,\n  } = useNavContext()\n  const { locale = 'us' } = useAiuiContext()\n  const [expandedSubcategory, setExpandedSubcategory] = useState<{ index: number; open: boolean }[]>([])\n  const [expandedResourceCategories, setExpandedResourceCategories] = useState<{ index: number; open: boolean }[]>([])\n\n  useEffect(() => {\n    if (resourceCategoriesMetadata?.subcategories?.length) {\n      setExpandedSubcategory(\n        resourceCategoriesMetadata?.subcategories?.map((_: any, index: number) => ({\n          index,\n          open: false,\n        }))\n      )\n    }\n  }, [resourceCategoriesMetadata])\n\n  useEffect(() => {\n    if (subSubCategory?.subSubCategories?.length) {\n      setExpandedResourceCategories(\n        subSubCategory?.subSubCategories?.map((_: any, index: number) => ({\n          index,\n          open: index === 0,\n        }))\n      )\n    }\n  }, [subSubCategory])\n\n  const handleSubSubCategoryClick = useCallback(\n    (item: any) => {\n      setSubSubCategory?.(item)\n      const curResourcesMetadata =\n        resourcesMetadata?.find(\n          (resourceItem: any) => item?.label?.toLowerCase() === resourceItem.label?.toLowerCase()\n        ) || {}\n      setCurrentMenu && setCurrentMenu(HeaderNavigationMenu.Third)\n      setCurrentResourceMetadata && setCurrentResourceMetadata(curResourcesMetadata)\n    },\n    [resourcesMetadata, setCurrentMenu, setSubSubCategory, setCurrentResourceMetadata]\n  )\n\n  const MobileResourceSidebarMenuComp = useMemo(() => {\n    switch (currentMenu) {\n      case HeaderNavigationMenu.Secondary:\n        return (\n          // \u4E8C\u7EA7\u83DC\u5355\n          <div className=\"tablet:px-8 laptop:px-16 flex h-full flex-col gap-8 p-4\">\n            <div>\n              {resourceCategoriesMetadata?.subcategories?.map((item: any, index: number) => {\n                return (\n                  <div key={`${item.label}-${index}`}>\n                    <MenuItem\n                      label={item?.label}\n                      active={expandedSubcategory.find(item => item.index === index)?.open}\n                      onClick={() => {\n                        handleSubSubCategoryClick(item)\n                        onSidebarNavClick?.(item, index)\n                      }}\n                    />\n                  </div>\n                )\n              })}\n            </div>\n            <div className=\"tablet:items-start flex flex-col items-center gap-4\">\n              {resourceCategoriesMetadata?.primary && (\n                <Button\n                  as=\"a\"\n                  href={`${getLocalizedPath(resourceCategoriesMetadata?.primary?.url, locale)}?ref=${resourceCategoriesMetadata?.primary?.label}_shopall`}\n                  variant=\"primary\"\n                  size=\"lg\"\n                  className=\"tablet:w-auto w-full text-base\"\n                >\n                  {resourceCategoriesMetadata?.primary?.label}\n                </Button>\n              )}\n              {resourceCategoriesMetadata?.secondary && (\n                <Button\n                  as=\"a\"\n                  href={getLocalizedPath(resourceCategoriesMetadata?.secondary?.url, locale)}\n                  variant=\"link\"\n                  size=\"lg\"\n                  className=\"tablet:w-auto tablet:px-0 w-full py-0 text-base\"\n                >\n                  {resourceCategoriesMetadata?.secondary?.label}\n                </Button>\n              )}\n            </div>\n          </div>\n        )\n      case HeaderNavigationMenu.Third:\n        return (\n          // \u4E09\u7EA7\u83DC\u5355\n          <div className=\"tablet:px-8 laptop:px-16 p-4\">\n            {subSubCategory?.subSubCategories ? (\n              subSubCategory?.subSubCategories?.map((subSubCategoryItem: any, index: number) => {\n                const curResourcesMetadata =\n                  resourcesMetadata?.find(\n                    (item: any) => item.label.toLowerCase() === subSubCategoryItem?.label?.toLowerCase()\n                  ) || {}\n                return (\n                  <div key={`${subSubCategoryItem.label}-${index}`}>\n                    {Reflect.ownKeys(subSubCategoryItem).length > 0 && (\n                      <ResourceSubSubCategoryItemComp\n                        matchResourcesMetadata={curResourcesMetadata}\n                        onSubSubCategoryItemClick={() => {\n                          onSidebarNavClick?.(subSubCategoryItem, index)\n                          setExpandedResourceCategories(prev =>\n                            prev.map((item, i) => ({ ...item, open: i === index ? !item.open : item.open }))\n                          )\n                        }}\n                        expanded={!!expandedResourceCategories?.find(item => item.index === index)?.open}\n                      />\n                    )}\n                    {expandedResourceCategories?.find(item => item.index === index)?.open && (\n                      <ResourceSubSubCategoryContentComp matchResourcesMetadata={curResourcesMetadata} />\n                    )}\n                  </div>\n                )\n              })\n            ) : (\n              <>\n                {Reflect.ownKeys(currentResourceMetadata).length > 0 && (\n                  <ResourceSubSubCategoryItemComp matchResourcesMetadata={currentResourceMetadata} />\n                )}\n                <ResourceSubSubCategoryContentComp matchResourcesMetadata={currentResourceMetadata} />\n              </>\n            )}\n          </div>\n        )\n      default:\n        return null\n    }\n  }, [\n    currentMenu,\n    resourceCategoriesMetadata,\n    resourcesMetadata,\n    expandedSubcategory,\n    expandedResourceCategories,\n    subSubCategory,\n    currentResourceMetadata,\n    handleSubSubCategoryClick,\n    onSidebarNavClick,\n    locale,\n  ])\n\n  return MobileResourceSidebarMenuComp\n}\n"],
-  "mappings": "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",
-  "names": ["MobileResourceSidebarMenu_exports", "__export", "MobileResourceSidebarMenu", "__toCommonJS", "import_jsx_runtime", "import_react", "import_components", "import_types", "import_NavProvider", "import_ResourceItem", "import_AiuiProvider", "import_utils", "MenuItem", "label", "onClick", "active", "resourceCategoriesMetadata", "resourcesMetadata", "currentMenu", "setCurrentMenu", "subSubCategory", "setSubSubCategory", "onSidebarNavClick", "currentResourceMetadata", "setCurrentResourceMetadata", "locale", "expandedSubcategory", "setExpandedSubcategory", "expandedResourceCategories", "setExpandedResourceCategories", "_", "index", "handleSubSubCategoryClick", "item", "curResourcesMetadata", "resourceItem", "subSubCategoryItem", "prev", "i"]
-}

package/dist/cjs/biz-components/HeaderNavigation/MobileSidebarMenu.js.map DELETED Viewed

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/biz-components/HeaderNavigation/MobileSidebarMenu.tsx"],
-  "sourcesContent": ["import React, { useCallback, useEffect, useMemo, useState } from 'react'\nimport { Button, Text, Link } from '../../components/index.js'\nimport { HeaderNavigationMenu } from './types.js'\nimport { useNavContext } from './NavProvider.js'\nimport { MenuItem, SubSubCategoryItemComp, SubSubCategoryContentComp } from './MobileMenuComponents.js'\nimport { useAiuiContext } from '../AiuiProvider/index.js'\nimport { getLocalizedPath } from '../../helpers/utils.js'\n\n/**\n * \u79FB\u52A8\u7AEF\u4FA7\u8FB9\u680F\u4E0B\u62C9\n * @param sidebarCategoriesMetadata \u4FA7\u8FB9\u680F\u5206\u7C7B\u5143\u6570\u636E\n * @param seriesMetadata \u4FA7\u8FB9\u680F\u7CFB\u5217\u5143\u6570\u636E\n */\nexport const MobileSidebarMenu = ({\n  sidebarCategoriesMetadata,\n  seriesMetadata,\n}: {\n  sidebarCategoriesMetadata: any\n  seriesMetadata: any\n}) => {\n  const {\n    currentMenu,\n    setCurrentMenu,\n    subSubCategory,\n    setSubSubCategory,\n    setCurrentSeriesMetadata,\n    currentSeriesMetadata,\n    buildProps,\n    onSidebarNavClick,\n  } = useNavContext()\n  const { locale = 'us' } = useAiuiContext()\n  const [expandedSubcategory, setExpandedSubcategory] = useState<{ index: number; open: boolean }[]>([])\n  const [expandedSeriesCategories, setExpandedSeriesCategories] = useState<{ index: number; open: boolean }[]>([])\n\n  useEffect(() => {\n    if (sidebarCategoriesMetadata?.subcategories?.length) {\n      setExpandedSubcategory(\n        sidebarCategoriesMetadata?.subcategories?.map((_: any, index: number) => ({\n          index,\n          open: false,\n        }))\n      )\n    }\n  }, [sidebarCategoriesMetadata])\n\n  useEffect(() => {\n    if (subSubCategory?.subSubCategories?.length) {\n      setExpandedSeriesCategories(\n        subSubCategory?.subSubCategories?.map((_: any, index: number) => ({\n          index,\n          open: index === 0,\n        }))\n      )\n    }\n  }, [subSubCategory])\n\n  const handleSubSubCategoryClick = useCallback(\n    (item: any, subIndex?: number) => {\n      setCurrentMenu && setCurrentMenu(HeaderNavigationMenu.Third)\n      setSubSubCategory?.(item)\n      const curSeriesMetadata =\n        seriesMetadata?.find((seriesItem: any) =>\n          subIndex !== undefined\n            ? item?.subSubCategories?.[subIndex]?.label?.toLowerCase() === seriesItem.label?.toLowerCase()\n            : item?.label?.toLowerCase() === seriesItem.label?.toLowerCase()\n        ) || {}\n      // \u901A\u8FC7categoriesMetadata\u7684subSubCategories\u7684label\u4E0Eseries\u7684label\u5339\u914D\n      if (item?.collections) {\n        const category = buildProps?.categories?.[item?.collections] || {}\n        setCurrentSeriesMetadata?.({\n          label: curSeriesMetadata?.label,\n          isCollection: true,\n          banner: curSeriesMetadata?.banner,\n          primary: curSeriesMetadata?.primary,\n          series: [\n            {\n              products: category?.products,\n            },\n          ],\n        })\n      } else {\n        setCurrentSeriesMetadata?.(curSeriesMetadata)\n      }\n    },\n    [seriesMetadata, setCurrentMenu, setSubSubCategory, setCurrentSeriesMetadata, buildProps?.categories]\n  )\n\n  const MobileSidebarMenuComp = useMemo(() => {\n    switch (currentMenu) {\n      case HeaderNavigationMenu.Secondary:\n        return (\n          // \u4E8C\u7EA7\u83DC\u5355\n          <div className=\"tablet:px-8 laptop:px-16 flex h-full flex-col gap-8 p-4\">\n            <div>\n              {sidebarCategoriesMetadata?.subcategories?.map((item: any, index: number) => {\n                return (\n                  <div key={`${item.label}-${index}`}>\n                    <MenuItem\n                      label={item?.label}\n                      active={expandedSubcategory.find(item => item.index === index)?.open}\n                      onClick={() => {\n                        handleSubSubCategoryClick(item)\n                        onSidebarNavClick?.(item, index)\n                      }}\n                    />\n                  </div>\n                )\n              })}\n              {sidebarCategoriesMetadata?.guide?.label && (\n                <Link href={getLocalizedPath(sidebarCategoriesMetadata?.guide?.url, locale)}>\n                  <div className=\"mt-4\">\n                    <Text\n                      html={sidebarCategoriesMetadata?.guide?.label}\n                      className=\"text-sm font-bold leading-[1.2] text-[#6D6D6F]\"\n                    />\n                  </div>\n                </Link>\n              )}\n            </div>\n            <div className=\"tablet:items-start flex flex-col items-center gap-4\">\n              {sidebarCategoriesMetadata?.primary && (\n                <Button\n                  as=\"a\"\n                  href={`${getLocalizedPath(sidebarCategoriesMetadata?.primary?.url, locale)}?ref=${sidebarCategoriesMetadata?.primary?.label}_shopall`}\n                  variant=\"primary\"\n                  size=\"lg\"\n                  className=\"tablet:w-auto w-full text-base\"\n                >\n                  {sidebarCategoriesMetadata?.primary?.label}\n                </Button>\n              )}\n              {sidebarCategoriesMetadata?.secondary && (\n                <Button\n                  as=\"a\"\n                  href={getLocalizedPath(sidebarCategoriesMetadata?.secondary?.url, locale)}\n                  variant=\"link\"\n                  size=\"lg\"\n                  className=\"tablet:w-auto tablet:px-0 w-full py-0 text-base\"\n                >\n                  {sidebarCategoriesMetadata?.secondary?.label}\n                </Button>\n              )}\n            </div>\n          </div>\n        )\n      case HeaderNavigationMenu.Third:\n        return (\n          // \u4E09\u7EA7\u83DC\u5355\n          <div className=\"tablet:px-8 laptop:px-16 p-4\">\n            {subSubCategory?.subSubCategories ? (\n              subSubCategory?.subSubCategories?.map((subSubCategoryItem: any, index: number) => {\n                const curSeriesMetadata =\n                  seriesMetadata?.find(\n                    (item: any) => item.label.toLowerCase() === subSubCategoryItem?.label?.toLowerCase()\n                  ) || {}\n                let matchSeriesMetadata = {} as any\n                if (subSubCategoryItem?.collections) {\n                  const category = buildProps?.categories?.[subSubCategoryItem?.collections] || {}\n                  matchSeriesMetadata = {\n                    label: curSeriesMetadata?.label,\n                    isCollection: true,\n                    banner: curSeriesMetadata?.banner,\n                    primary: curSeriesMetadata?.primary,\n                    series: [\n                      {\n                        products: category?.products,\n                      },\n                    ],\n                  }\n                } else {\n                  matchSeriesMetadata = curSeriesMetadata\n                }\n                return (\n                  <div key={`${subSubCategoryItem.label}-${index}`}>\n                    {Reflect.ownKeys(subSubCategoryItem).length > 0 && (\n                      <SubSubCategoryItemComp\n                        matchSeriesMetadata={matchSeriesMetadata}\n                        onSubSubCategoryItemClick={() => {\n                          onSidebarNavClick?.(subSubCategoryItem, index)\n                          setExpandedSeriesCategories(prev =>\n                            prev.map((item, i) => ({ ...item, open: i === index ? !item.open : item.open }))\n                          )\n                        }}\n                        expanded={!!expandedSeriesCategories?.find(item => item.index === index)?.open}\n                      />\n                    )}\n                    {expandedSeriesCategories?.find(item => item.index === index)?.open && (\n                      <>\n                        <SubSubCategoryContentComp matchSeriesMetadata={matchSeriesMetadata} />\n                        {matchSeriesMetadata?.primary && (\n                          <div className=\"my-4 text-center\">\n                            <Button\n                              as=\"a\"\n                              href={getLocalizedPath(matchSeriesMetadata?.primary?.url, locale)}\n                              className=\"text-base leading-[1.2] no-underline\"\n                              variant=\"secondary\"\n                              size=\"base\"\n                            >\n                              {matchSeriesMetadata?.primary?.label}\n                            </Button>\n                          </div>\n                        )}\n                      </>\n                    )}\n                  </div>\n                )\n              })\n            ) : (\n              <>\n                {Reflect.ownKeys(currentSeriesMetadata).length > 0 && (\n                  <SubSubCategoryItemComp matchSeriesMetadata={currentSeriesMetadata} />\n                )}\n                <SubSubCategoryContentComp matchSeriesMetadata={currentSeriesMetadata} />\n                {currentSeriesMetadata?.primary && (\n                  <div className=\"my-4 text-center \">\n                    <Button\n                      as=\"a\"\n                      href={`${getLocalizedPath(currentSeriesMetadata?.primary?.url, locale)}?ref=${currentSeriesMetadata?.label}_viewmore`}\n                      variant=\"secondary\"\n                      size=\"base\"\n                      className=\"text-base leading-[1.2] no-underline\"\n                    >\n                      {currentSeriesMetadata?.primary?.label}\n                    </Button>\n                  </div>\n                )}\n              </>\n            )}\n          </div>\n        )\n      default:\n        return null\n    }\n  }, [\n    currentMenu,\n    sidebarCategoriesMetadata,\n    seriesMetadata,\n    expandedSubcategory,\n    expandedSeriesCategories,\n    subSubCategory,\n    currentSeriesMetadata,\n    buildProps?.categories,\n    handleSubSubCategoryClick,\n    onSidebarNavClick,\n    locale,\n  ])\n\n  return MobileSidebarMenuComp\n}\n"],
-  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,uBAAAE,IAAA,eAAAC,EAAAH,GA6FY,IAAAI,EAAA,6BA7FZC,EAAiE,iBACjEC,EAAmC,qCACnCC,EAAqC,sBACrCC,EAA8B,4BAC9BC,EAA4E,qCAC5EC,EAA+B,oCAC/BC,EAAiC,kCAO1B,MAAMT,EAAoB,CAAC,CAChC,0BAAAU,EACA,eAAAC,CACF,IAGM,CACJ,KAAM,CACJ,YAAAC,EACA,eAAAC,EACA,eAAAC,EACA,kBAAAC,EACA,yBAAAC,EACA,sBAAAC,EACA,WAAAC,EACA,kBAAAC,CACF,KAAI,iBAAc,EACZ,CAAE,OAAAC,EAAS,IAAK,KAAI,kBAAe,EACnC,CAACC,EAAqBC,CAAsB,KAAI,YAA6C,CAAC,CAAC,EAC/F,CAACC,EAA0BC,CAA2B,KAAI,YAA6C,CAAC,CAAC,KAE/G,aAAU,IAAM,CACVd,GAA2B,eAAe,QAC5CY,EACEZ,GAA2B,eAAe,IAAI,CAACe,EAAQC,KAAmB,CACxE,MAAAA,EACA,KAAM,EACR,EAAE,CACJ,CAEJ,EAAG,CAAChB,CAAyB,CAAC,KAE9B,aAAU,IAAM,CACVI,GAAgB,kBAAkB,QACpCU,EACEV,GAAgB,kBAAkB,IAAI,CAACW,EAAQC,KAAmB,CAChE,MAAAA,EACA,KAAMA,IAAU,CAClB,EAAE,CACJ,CAEJ,EAAG,CAACZ,CAAc,CAAC,EAEnB,MAAMa,KAA4B,eAChC,CAACC,EAAWC,IAAsB,CAChChB,GAAkBA,EAAe,uBAAqB,KAAK,EAC3DE,IAAoBa,CAAI,EACxB,MAAME,EACJnB,GAAgB,KAAMoB,GACpBF,IAAa,OACTD,GAAM,mBAAmBC,CAAQ,GAAG,OAAO,YAAY,IAAME,EAAW,OAAO,YAAY,EAC3FH,GAAM,OAAO,YAAY,IAAMG,EAAW,OAAO,YAAY,CACnE,GAAK,CAAC,EAER,GAAIH,GAAM,YAAa,CACrB,MAAMI,EAAWd,GAAY,aAAaU,GAAM,WAAW,GAAK,CAAC,EACjEZ,IAA2B,CACzB,MAAOc,GAAmB,MAC1B,aAAc,GACd,OAAQA,GAAmB,OAC3B,QAASA,GAAmB,QAC5B,OAAQ,CACN,CACE,SAAUE,GAAU,QACtB,CACF,CACF,CAAC,CACH,MACEhB,IAA2Bc,CAAiB,CAEhD,EACA,CAACnB,EAAgBE,EAAgBE,EAAmBC,EAA0BE,GAAY,UAAU,CACtG,EAkKA,SAhK8B,WAAQ,IAAM,CAC1C,OAAQN,EAAa,CACnB,KAAK,uBAAqB,UACxB,SAEE,QAAC,OAAI,UAAU,0DACb,qBAAC,OACE,UAAAF,GAA2B,eAAe,IAAI,CAACkB,EAAWF,OAEvD,OAAC,OACC,mBAAC,YACC,MAAOE,GAAM,MACb,OAAQP,EAAoB,KAAKO,GAAQA,EAAK,QAAUF,CAAK,GAAG,KAChE,QAAS,IAAM,CACbC,EAA0BC,CAAI,EAC9BT,IAAoBS,EAAMF,CAAK,CACjC,EACF,GARQ,GAAGE,EAAK,KAAK,IAAIF,CAAK,EAShC,CAEH,EACAhB,GAA2B,OAAO,UACjC,OAAC,QAAK,QAAM,oBAAiBA,GAA2B,OAAO,IAAKU,CAAM,EACxE,mBAAC,OAAI,UAAU,OACb,mBAAC,QACC,KAAMV,GAA2B,OAAO,MACxC,UAAU,iDACZ,EACF,EACF,GAEJ,KACA,QAAC,OAAI,UAAU,sDACZ,UAAAA,GAA2B,YAC1B,OAAC,UACC,GAAG,IACH,KAAM,MAAG,oBAAiBA,GAA2B,SAAS,IAAKU,CAAM,CAAC,QAAQV,GAA2B,SAAS,KAAK,WAC3H,QAAQ,UACR,KAAK,KACL,UAAU,iCAET,SAAAA,GAA2B,SAAS,MACvC,EAEDA,GAA2B,cAC1B,OAAC,UACC,GAAG,IACH,QAAM,oBAAiBA,GAA2B,WAAW,IAAKU,CAAM,EACxE,QAAQ,OACR,KAAK,KACL,UAAU,kDAET,SAAAV,GAA2B,WAAW,MACzC,GAEJ,GACF,EAEJ,KAAK,uBAAqB,MACxB,SAEE,OAAC,OAAI,UAAU,+BACZ,SAAAI,GAAgB,iBACfA,GAAgB,kBAAkB,IAAI,CAACmB,EAAyBP,IAAkB,CAChF,MAAMI,EACJnB,GAAgB,KACbiB,GAAcA,EAAK,MAAM,YAAY,IAAMK,GAAoB,OAAO,YAAY,CACrF,GAAK,CAAC,EACR,IAAIC,EAAsB,CAAC,EAC3B,GAAID,GAAoB,YAAa,CACnC,MAAMD,EAAWd,GAAY,aAAae,GAAoB,WAAW,GAAK,CAAC,EAC/EC,EAAsB,CACpB,MAAOJ,GAAmB,MAC1B,aAAc,GACd,OAAQA,GAAmB,OAC3B,QAASA,GAAmB,QAC5B,OAAQ,CACN,CACE,SAAUE,GAAU,QACtB,CACF,CACF,CACF,MACEE,EAAsBJ,EAExB,SACE,QAAC,OACE,kBAAQ,QAAQG,CAAkB,EAAE,OAAS,MAC5C,OAAC,0BACC,oBAAqBC,EACrB,0BAA2B,IAAM,CAC/Bf,IAAoBc,EAAoBP,CAAK,EAC7CF,EAA4BW,GAC1BA,EAAK,IAAI,CAACP,EAAMQ,KAAO,CAAE,GAAGR,EAAM,KAAMQ,IAAMV,EAAQ,CAACE,EAAK,KAAOA,EAAK,IAAK,EAAE,CACjF,CACF,EACA,SAAU,CAAC,CAACL,GAA0B,KAAKK,GAAQA,EAAK,QAAUF,CAAK,GAAG,KAC5E,EAEDH,GAA0B,KAAKK,GAAQA,EAAK,QAAUF,CAAK,GAAG,SAC7D,oBACE,oBAAC,6BAA0B,oBAAqBQ,EAAqB,EACpEA,GAAqB,YACpB,OAAC,OAAI,UAAU,mBACb,mBAAC,UACC,GAAG,IACH,QAAM,oBAAiBA,GAAqB,SAAS,IAAKd,CAAM,EAChE,UAAU,uCACV,QAAQ,YACR,KAAK,OAEJ,SAAAc,GAAqB,SAAS,MACjC,EACF,GAEJ,IA7BM,GAAGD,EAAmB,KAAK,IAAIP,CAAK,EA+B9C,CAEJ,CAAC,KAED,oBACG,kBAAQ,QAAQT,CAAqB,EAAE,OAAS,MAC/C,OAAC,0BAAuB,oBAAqBA,EAAuB,KAEtE,OAAC,6BAA0B,oBAAqBA,EAAuB,EACtEA,GAAuB,YACtB,OAAC,OAAI,UAAU,oBACb,mBAAC,UACC,GAAG,IACH,KAAM,MAAG,oBAAiBA,GAAuB,SAAS,IAAKG,CAAM,CAAC,QAAQH,GAAuB,KAAK,YAC1G,QAAQ,YACR,KAAK,OACL,UAAU,uCAET,SAAAA,GAAuB,SAAS,MACnC,EACF,GAEJ,EAEJ,EAEJ,QACE,OAAO,IACX,CACF,EAAG,CACDL,EACAF,EACAC,EACAU,EACAE,EACAT,EACAG,EACAC,GAAY,WACZS,EACAR,EACAC,CACF,CAAC,CAGH",
-  "names": ["MobileSidebarMenu_exports", "__export", "MobileSidebarMenu", "__toCommonJS", "import_jsx_runtime", "import_react", "import_components", "import_types", "import_NavProvider", "import_MobileMenuComponents", "import_AiuiProvider", "import_utils", "sidebarCategoriesMetadata", "seriesMetadata", "currentMenu", "setCurrentMenu", "subSubCategory", "setSubSubCategory", "setCurrentSeriesMetadata", "currentSeriesMetadata", "buildProps", "onSidebarNavClick", "locale", "expandedSubcategory", "setExpandedSubcategory", "expandedSeriesCategories", "setExpandedSeriesCategories", "_", "index", "handleSubSubCategoryClick", "item", "subIndex", "curSeriesMetadata", "seriesItem", "category", "subSubCategoryItem", "matchSeriesMetadata", "prev", "i"]
-}

package/dist/cjs/biz-components/HeaderNavigation/MobileSupportMenu.js.map DELETED Viewed

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/biz-components/HeaderNavigation/MobileSupportMenu.tsx"],
-  "sourcesContent": ["import React from 'react'\nimport { MenuItem } from './MobileMenuComponents.js'\nimport { useAiuiContext } from '../AiuiProvider/index.js'\nimport { getLocalizedPath } from '../../helpers/utils.js'\n\n/**\n * \u79FB\u52A8\u7AEFsupport\u83DC\u5355\n * @param supportsMetadata support\u83DC\u5355\u5143\u6570\u636E\n */\nexport const MobileSupportMenu = ({ supportsMetadata }: { supportsMetadata: any }) => {\n  const { locale = 'us' } = useAiuiContext()\n  return (\n    <div className=\"tablet:px-8 laptop:px-16 p-4\">\n      {supportsMetadata?.map((supportItem: any) => (\n        <MenuItem\n          key={supportItem.id}\n          href={getLocalizedPath(supportItem.url, locale)}\n          label={supportItem.label}\n          onClick={() => {}}\n        />\n      ))}\n    </div>\n  )\n}\n"],
-  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,uBAAAE,IAAA,eAAAC,EAAAH,GAcQ,IAAAI,EAAA,6BAdRC,EAAkB,iBAClBC,EAAyB,qCACzBC,EAA+B,oCAC/BC,EAAiC,kCAM1B,MAAMN,EAAoB,CAAC,CAAE,iBAAAO,CAAiB,IAAiC,CACpF,KAAM,CAAE,OAAAC,EAAS,IAAK,KAAI,kBAAe,EACzC,SACE,OAAC,OAAI,UAAU,+BACZ,SAAAD,GAAkB,IAAKE,MACtB,OAAC,YAEC,QAAM,oBAAiBA,EAAY,IAAKD,CAAM,EAC9C,MAAOC,EAAY,MACnB,QAAS,IAAM,CAAC,GAHXA,EAAY,EAInB,CACD,EACH,CAEJ",
-  "names": ["MobileSupportMenu_exports", "__export", "MobileSupportMenu", "__toCommonJS", "import_jsx_runtime", "import_react", "import_MobileMenuComponents", "import_AiuiProvider", "import_utils", "supportsMetadata", "locale", "supportItem"]
-}

package/dist/cjs/biz-components/HeaderNavigation/MulticolDropdown.js.map DELETED Viewed

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/biz-components/HeaderNavigation/MulticolDropdown.tsx"],
-  "sourcesContent": ["import React, { useRef } from 'react'\nimport { Container, Text, Link, Picture, Button, Badge } from '../../components/index.js'\nimport CompanyStatsBanner from './CompanyStatsBanner/index.js'\nimport { cn, getLocalizedPath } from '../../helpers/utils.js'\nimport { useAiuiContext } from '../AiuiProvider/index.js'\nimport { useNavContext } from './NavProvider.js'\n\n/**\n * \u591A\u5217\u4E0B\u62C9\n * @param categoriesItem \u5206\u7C7B\u9879\n */\nexport const MulticolDropdown = ({\n  multicolMetadata,\n  showStatsBanner,\n  statsBannerData,\n}: {\n  multicolMetadata: any\n  showStatsBanner: boolean\n  statsBannerData: any\n}) => {\n  const multicolDropdownRef = useRef<HTMLDivElement>(null)\n\n  return (\n    <div ref={multicolDropdownRef} className=\"bg-white py-4\">\n      <Container childClassName=\"bg-white\" className=\"h-full\">\n        <div className=\"laptop:gap-4 flex flex-col gap-3\">\n          {showStatsBanner && <CompanyStatsBanner data={statsBannerData} />}\n          <div className=\"flex gap-4\">\n            {multicolMetadata?.map((item: any, index: number) => (\n              <div key={`multicolItem-${item?.label}-${index}`} className=\"w-1/4\">\n                <MulticolItem item={item} />\n              </div>\n            ))}\n          </div>\n        </div>\n      </Container>\n    </div>\n  )\n}\n\n/**\n * \u591A\u5217\u4E0B\u62C9\u9879\n * @param item \u591A\u5217\u4E0B\u62C9\u9879\n */\nexport const MulticolItem = ({ item, allPicture }: { item: any; allPicture?: boolean }) => {\n  const { locale = 'us' } = useAiuiContext()\n  const { componentOverrides } = useNavContext()\n  const badgeVariant = componentOverrides?.badge?.variant\n  return (\n    <>\n      {item?.columns && (\n        <>\n          <Text html={item.label} as=\"div\" className=\"my-2 text-sm font-bold leading-[1.4] text-[#6D6D6F]\" />\n          <div className=\"mt-2 flex flex-col\">\n            {item.columns?.map((columnItem: any) => (\n              <div key={columnItem.label} className=\"flex items-center gap-1 py-2\">\n                <Link\n                  href={`${getLocalizedPath(columnItem.url, locale)}?ref=navMenu`}\n                  asChild={!columnItem.url}\n                  className=\"text-sm font-bold leading-[1.4] no-underline\"\n                >\n                  {columnItem.label}\n                </Link>\n                {columnItem?.badge && (\n                  <Badge size=\"sm\" variant={badgeVariant}>\n                    {columnItem?.badge || 'badge'}\n                  </Badge>\n                )}\n              </div>\n            ))}\n          </div>\n        </>\n      )}\n      {item?.imageUrl && (\n        <div\n          className={cn(\n            'rounded-image-text laptop:h-[280px] desktop:h-[224px] lg-desktop:h-[280px] tablet:max-w-[346px] laptop:max-w-[440px] desktop:w-full relative h-[240px] max-w-[358px] overflow-hidden',\n            {\n              ['tablet:max-w-none laptop:max-w-none']: allPicture,\n            }\n          )}\n        >\n          <Link href={`${getLocalizedPath(item.url, locale)}?ref=navMenu`} asChild={!item.url}>\n            <div className=\"size-full\">\n              <Picture\n                source={item.imageUrl}\n                width={404}\n                height={280}\n                className=\"size-full\"\n                imgClassName=\"object-cover h-full hover:scale-105 transition-all duration-300\"\n              />\n              <div className=\"absolute bottom-4 left-4 z-10 flex flex-col justify-end no-underline\">\n                <Text\n                  html={item.title}\n                  className={cn('lg-desktop:text-2xl text-xl font-bold leading-[1.2] text-white', {\n                    'text-black': item?.theme === 'dark',\n                  })}\n                />\n                {item.subtitle && (\n                  <Text\n                    html={item.subtitle}\n                    className={cn('text-sm font-bold leading-[1.4] text-white', {\n                      'text-black': item?.theme === 'dark',\n                    })}\n                  />\n                )}\n                {item?.primary?.label && (\n                  <Button\n                    as=\"a\"\n                    href={getLocalizedPath(item?.primary?.url, locale)}\n                    variant=\"link\"\n                    size=\"lg\"\n                    iconClassName=\"size-4 lg-desktop:size-5\"\n                    className={cn('mr-auto !p-0 text-sm font-bold leading-[1.4] text-white', {\n                      'text-black': item?.theme === 'dark',\n                    })}\n                  >\n                    {item?.primary?.label || 'more'}\n                  </Button>\n                )}\n              </div>\n            </div>\n          </Link>\n        </div>\n      )}\n    </>\n  )\n}\n"],
-  "mappings": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,sBAAAE,EAAA,iBAAAC,IAAA,eAAAC,EAAAJ,GAyBQ,IAAAK,EAAA,6BAzBRC,EAA8B,iBAC9BC,EAA8D,qCAC9DC,EAA+B,4CAC/BC,EAAqC,kCACrCC,EAA+B,oCAC/BC,EAA8B,4BAMvB,MAAMT,EAAmB,CAAC,CAC/B,iBAAAU,EACA,gBAAAC,EACA,gBAAAC,CACF,IAIM,CACJ,MAAMC,KAAsB,UAAuB,IAAI,EAEvD,SACE,OAAC,OAAI,IAAKA,EAAqB,UAAU,gBACvC,mBAAC,aAAU,eAAe,WAAW,UAAU,SAC7C,oBAAC,OAAI,UAAU,mCACZ,UAAAF,MAAmB,OAAC,EAAAG,QAAA,CAAmB,KAAMF,EAAiB,KAC/D,OAAC,OAAI,UAAU,aACZ,SAAAF,GAAkB,IAAI,CAACK,EAAWC,OACjC,OAAC,OAAiD,UAAU,QAC1D,mBAACf,EAAA,CAAa,KAAMc,EAAM,GADlB,gBAAgBA,GAAM,KAAK,IAAIC,CAAK,EAE9C,CACD,EACH,GACF,EACF,EACF,CAEJ,EAMaf,EAAe,CAAC,CAAE,KAAAc,EAAM,WAAAE,CAAW,IAA2C,CACzF,KAAM,CAAE,OAAAC,EAAS,IAAK,KAAI,kBAAe,EACnC,CAAE,mBAAAC,CAAmB,KAAI,iBAAc,EACvCC,EAAeD,GAAoB,OAAO,QAChD,SACE,oBACG,UAAAJ,GAAM,YACL,oBACE,oBAAC,QAAK,KAAMA,EAAK,MAAO,GAAG,MAAM,UAAU,sDAAsD,KACjG,OAAC,OAAI,UAAU,qBACZ,SAAAA,EAAK,SAAS,IAAKM,MAClB,QAAC,OAA2B,UAAU,+BACpC,oBAAC,QACC,KAAM,MAAG,oBAAiBA,EAAW,IAAKH,CAAM,CAAC,eACjD,QAAS,CAACG,EAAW,IACrB,UAAU,+CAET,SAAAA,EAAW,MACd,EACCA,GAAY,UACX,OAAC,SAAM,KAAK,KAAK,QAASD,EACvB,SAAAC,GAAY,OAAS,QACxB,IAXMA,EAAW,KAarB,CACD,EACH,GACF,EAEDN,GAAM,aACL,OAAC,OACC,aAAW,MACT,uLACA,CACG,sCAAwCE,CAC3C,CACF,EAEA,mBAAC,QAAK,KAAM,MAAG,oBAAiBF,EAAK,IAAKG,CAAM,CAAC,eAAgB,QAAS,CAACH,EAAK,IAC9E,oBAAC,OAAI,UAAU,YACb,oBAAC,WACC,OAAQA,EAAK,SACb,MAAO,IACP,OAAQ,IACR,UAAU,YACV,aAAa,kEACf,KACA,QAAC,OAAI,UAAU,uEACb,oBAAC,QACC,KAAMA,EAAK,MACX,aAAW,MAAG,iEAAkE,CAC9E,aAAcA,GAAM,QAAU,MAChC,CAAC,EACH,EACCA,EAAK,aACJ,OAAC,QACC,KAAMA,EAAK,SACX,aAAW,MAAG,6CAA8C,CAC1D,aAAcA,GAAM,QAAU,MAChC,CAAC,EACH,EAEDA,GAAM,SAAS,UACd,OAAC,UACC,GAAG,IACH,QAAM,oBAAiBA,GAAM,SAAS,IAAKG,CAAM,EACjD,QAAQ,OACR,KAAK,KACL,cAAc,2BACd,aAAW,MAAG,0DAA2D,CACvE,aAAcH,GAAM,QAAU,MAChC,CAAC,EAEA,SAAAA,GAAM,SAAS,OAAS,OAC3B,GAEJ,GACF,EACF,EACF,GAEJ,CAEJ",
-  "names": ["MulticolDropdown_exports", "__export", "MulticolDropdown", "MulticolItem", "__toCommonJS", "import_jsx_runtime", "import_react", "import_components", "import_CompanyStatsBanner", "import_utils", "import_AiuiProvider", "import_NavProvider", "multicolMetadata", "showStatsBanner", "statsBannerData", "multicolDropdownRef", "CompanyStatsBanner", "item", "index", "allPicture", "locale", "componentOverrides", "badgeVariant", "columnItem"]
-}

package/dist/cjs/biz-components/HeaderNavigation/NavProvider.js.map DELETED Viewed

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/biz-components/HeaderNavigation/NavProvider.tsx"],
-  "sourcesContent": ["import React, { createContext, useCallback, useContext, useMemo, useReducer } from 'react'\nimport type { Product } from '../../cpn-components/CpnProductCard/types.js'\nimport { HeaderNavigationMenu } from './types.js'\nimport type { UserProfile, NavigationComponentOverrides } from './types.js'\n\ninterface NavContextType {\n  buildProps: {\n    products?: Product[] // \u4EA7\u54C1\u6570\u636E\n    categories?: Record<string, any> // \u5206\u7C7B\u6570\u636E\n  }\n  cartCount: number\n  event?: {\n    search?: () => void\n    cart?: () => void\n    profile?: () => void\n    livestream?: () => void\n    join?: () => void\n    login?: () => void\n  }\n  profile?: UserProfile // \u7528\u6237\u4FE1\u606F\n  isMobile?: boolean\n  payloadData: any\n  currentMenu?: HeaderNavigationMenu // \u5F53\u524D\u83DC\u5355\n  setCurrentMenu?: (_menu: HeaderNavigationMenu) => void // \u8BBE\u7F6E\u5F53\u524D\u83DC\u5355\n  currentSeriesMetadata?: any // \u5F53\u524D\u7CFB\u5217\u5143\u6570\u636E\n  setCurrentSeriesMetadata?: (_metadata: any) => void // \u8BBE\u7F6E\u5F53\u524D\u7CFB\u5217\u5143\u6570\u636E\n  subSubCategory?: any // \u5B50\u5B50\u5206\u7C7B\n  setSubSubCategory?: (_category: any) => void // \u8BBE\u7F6E\u5B50\u5B50\u5206\u7C7B\n  currentResourceMetadata?: any // \u5F53\u524D\u8D44\u6E90\u4F4D\u5143\u6570\u636E\n  setCurrentResourceMetadata?: (_metadata: any) => void // \u8BBE\u7F6E\u5F53\u524D\u8D44\u6E90\u4F4D\u5143\u6570\u636E\n  onSeriesProductClick?: (_seriesProduct: any, _position: number, _seriesLabel?: string) => void // \u8BBE\u7F6E\u7CFB\u5217\u4EA7\u54C1\u70B9\u51FB\n  onSidebarNavClick?: (_series: any, _index: number, _subSubindex?: number) => void // \u8BBE\u7F6E\u4FA7\u8FB9\u680F\u5BFC\u822A\u70B9\u51FB\n  componentOverrides?: NavigationComponentOverrides\n}\n\nconst initialState: NavContextType = {\n  isMobile: false,\n  payloadData: {},\n  buildProps: {\n    products: [],\n    categories: {},\n  },\n  currentMenu: HeaderNavigationMenu.Primary,\n  setCurrentMenu: () => {},\n  currentSeriesMetadata: {},\n  setCurrentSeriesMetadata: () => {},\n  currentResourceMetadata: {},\n  setCurrentResourceMetadata: () => {},\n  onSeriesProductClick: (_seriesProduct: any, _position: number, _seriesLabel?: string) => {},\n  onSidebarNavClick: (_series: any) => {},\n  cartCount: 0,\n  componentOverrides: undefined,\n}\n\ntype Action =\n  | {\n      type: 'SET_CURRENT_MENU'\n      value: HeaderNavigationMenu\n    }\n  | {\n      type: 'SET_CURRENT_SERIES_METADATA'\n      value: any\n    }\n  | {\n      type: 'SET_SUB_SUB_CATEGORY'\n      value: any\n    }\n  | {\n      type: 'SET_CURRENT_RESOURCE_METADATA'\n      value: any\n    }\nexport const NavContext = createContext<NavContextType>(initialState)\n\nexport const useNavContext = () => {\n  const context = useContext(NavContext)\n  if (!context) {\n    throw new Error('useNavContext must be used in <NavProvider>')\n  }\n  return useContext(NavContext)\n}\n\nconst reducer = (state: NavContextType, action: Action) => {\n  switch (action.type) {\n    case 'SET_CURRENT_MENU': {\n      return {\n        ...state,\n        currentMenu: action.value,\n      }\n    }\n    case 'SET_CURRENT_SERIES_METADATA': {\n      return {\n        ...state,\n        currentSeriesMetadata: action.value,\n      }\n    }\n    case 'SET_SUB_SUB_CATEGORY': {\n      return {\n        ...state,\n        subSubCategory: action.value,\n      }\n    }\n    case 'SET_CURRENT_RESOURCE_METADATA': {\n      return {\n        ...state,\n        currentResourceMetadata: action.value,\n      }\n    }\n  }\n}\n\nconst NavProvider = ({\n  children,\n  ...rest\n}: {\n  children: React.ReactNode\n} & NavContextType) => {\n  const [state, dispatch] = useReducer(reducer, {\n    ...initialState,\n    currentMenu: HeaderNavigationMenu.Primary,\n    setCurrentMenu: () => {},\n  })\n\n  const setCurrentMenu = useCallback(\n    (value: HeaderNavigationMenu) => {\n      return dispatch({ type: 'SET_CURRENT_MENU', value })\n    },\n    [dispatch]\n  )\n\n  const setCurrentSeriesMetadata = useCallback(\n    (value: any) => {\n      return dispatch({ type: 'SET_CURRENT_SERIES_METADATA', value })\n    },\n    [dispatch]\n  )\n\n  const setSubSubCategory = useCallback(\n    (value: any) => {\n      return dispatch({ type: 'SET_SUB_SUB_CATEGORY', value })\n    },\n    [dispatch]\n  )\n\n  const setCurrentResourceMetadata = useCallback(\n    (value: any) => {\n      return dispatch({ type: 'SET_CURRENT_RESOURCE_METADATA', value })\n    },\n    [dispatch]\n  )\n\n  const value = useMemo(\n    () => ({\n      ...state,\n      setCurrentMenu,\n      setCurrentSeriesMetadata,\n      setSubSubCategory,\n      setCurrentResourceMetadata,\n    }),\n    [setCurrentMenu, setCurrentSeriesMetadata, setSubSubCategory, setCurrentResourceMetadata, state]\n  )\n\n  return <NavContext.Provider value={{ ...value, ...rest }}>{children}</NavContext.Provider>\n}\n\nexport default NavProvider\n"],
-  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,gBAAAE,EAAA,YAAAC,EAAA,kBAAAC,IAAA,eAAAC,EAAAL,GAiKS,IAAAM,EAAA,6BAjKTC,EAAmF,iBAEnFC,EAAqC,sBAiCrC,MAAMC,EAA+B,CACnC,SAAU,GACV,YAAa,CAAC,EACd,WAAY,CACV,SAAU,CAAC,EACX,WAAY,CAAC,CACf,EACA,YAAa,uBAAqB,QAClC,eAAgB,IAAM,CAAC,EACvB,sBAAuB,CAAC,EACxB,yBAA0B,IAAM,CAAC,EACjC,wBAAyB,CAAC,EAC1B,2BAA4B,IAAM,CAAC,EACnC,qBAAsB,CAACC,EAAqBC,EAAmBC,IAA0B,CAAC,EAC1F,kBAAoBC,GAAiB,CAAC,EACtC,UAAW,EACX,mBAAoB,MACtB,EAmBaX,KAAa,iBAA8BO,CAAY,EAEvDL,EAAgB,IAAM,CAEjC,GAAI,IADY,cAAWF,CAAU,EAEnC,MAAM,IAAI,MAAM,6CAA6C,EAE/D,SAAO,cAAWA,CAAU,CAC9B,EAEMY,EAAU,CAACC,EAAuBC,IAAmB,CACzD,OAAQA,EAAO,KAAM,CACnB,IAAK,mBACH,MAAO,CACL,GAAGD,EACH,YAAaC,EAAO,KACtB,EAEF,IAAK,8BACH,MAAO,CACL,GAAGD,EACH,sBAAuBC,EAAO,KAChC,EAEF,IAAK,uBACH,MAAO,CACL,GAAGD,EACH,eAAgBC,EAAO,KACzB,EAEF,IAAK,gCACH,MAAO,CACL,GAAGD,EACH,wBAAyBC,EAAO,KAClC,CAEJ,CACF,EAEMC,EAAc,CAAC,CACnB,SAAAC,EACA,GAAGC,CACL,IAEuB,CACrB,KAAM,CAACJ,EAAOK,CAAQ,KAAI,cAAWN,EAAS,CAC5C,GAAGL,EACH,YAAa,uBAAqB,QAClC,eAAgB,IAAM,CAAC,CACzB,CAAC,EAEKY,KAAiB,eACpBC,GACQF,EAAS,CAAE,KAAM,mBAAoB,MAAAE,CAAM,CAAC,EAErD,CAACF,CAAQ,CACX,EAEMG,KAA2B,eAC9BD,GACQF,EAAS,CAAE,KAAM,8BAA+B,MAAAE,CAAM,CAAC,EAEhE,CAACF,CAAQ,CACX,EAEMI,KAAoB,eACvBF,GACQF,EAAS,CAAE,KAAM,uBAAwB,MAAAE,CAAM,CAAC,EAEzD,CAACF,CAAQ,CACX,EAEMK,KAA6B,eAChCH,GACQF,EAAS,CAAE,KAAM,gCAAiC,MAAAE,CAAM,CAAC,EAElE,CAACF,CAAQ,CACX,EAEME,KAAQ,WACZ,KAAO,CACL,GAAGP,EACH,eAAAM,EACA,yBAAAE,EACA,kBAAAC,EACA,2BAAAC,CACF,GACA,CAACJ,EAAgBE,EAA0BC,EAAmBC,EAA4BV,CAAK,CACjG,EAEA,SAAO,OAACb,EAAW,SAAX,CAAoB,MAAO,CAAE,GAAGoB,EAAO,GAAGH,CAAK,EAAI,SAAAD,EAAS,CACtE,EAEA,IAAOf,EAAQc",
-  "names": ["NavProvider_exports", "__export", "NavContext", "NavProvider_default", "useNavContext", "__toCommonJS", "import_jsx_runtime", "import_react", "import_types", "initialState", "_seriesProduct", "_position", "_seriesLabel", "_series", "reducer", "state", "action", "NavProvider", "children", "rest", "dispatch", "setCurrentMenu", "value", "setCurrentSeriesMetadata", "setSubSubCategory", "setCurrentResourceMetadata"]
-}

package/dist/cjs/biz-components/HeaderNavigation/ResourceItem.js.map DELETED Viewed

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/biz-components/HeaderNavigation/ResourceItem.tsx"],
-  "sourcesContent": ["import { Picture, Text, Link } from '../../components/index.js'\nimport { cn, getLocalizedPath } from '../../helpers/utils.js'\nimport { useAiuiContext } from '../AiuiProvider/index.js'\n\n/**\n * \u8D44\u6E90\u4F4D\u9879\u7EC4\u4EF6 - \u684C\u9762\u7AEF\n */\nexport const ResourceItem = ({ resource }: { resource: any }) => {\n  const { locale = 'us' } = useAiuiContext()\n  return (\n    <div className=\"laptop:h-[280px] desktop:h-[224px] lg-desktop:h-[280px] tablet:max-w-none desktop:w-full relative h-[240px] max-w-[358px] overflow-hidden\">\n      <Link href={getLocalizedPath(resource?.href, locale)} className=\"no-underline hover:text-current\">\n        <div className=\"relative h-full overflow-hidden [&_img]:hover:scale-110 [&_img]:hover:transition-all [&_img]:hover:duration-500\">\n          <Picture\n            source={resource.imageUrl}\n            width={404}\n            height={280}\n            className=\"size-full\"\n            imgClassName=\"object-cover h-full hover:scale-105 transition-all duration-300\"\n          />\n          <div className=\"absolute inset-x-0 bottom-0 p-4\">\n            <Text\n              as=\"p\"\n              html={resource?.title}\n              className={cn('text-xl font-bold leading-[1.2]', {\n                'text-white': resource?.theme !== 'dark',\n                'text-black': resource?.theme === 'dark',\n              })}\n            />\n            {resource?.desc && (\n              <Text\n                html={resource?.desc}\n                className={cn('text-sm font-bold leading-[1.4]', {\n                  'text-white': resource?.theme !== 'dark',\n                  'text-black': resource?.theme === 'dark',\n                })}\n              />\n            )}\n          </div>\n        </div>\n      </Link>\n    </div>\n  )\n}\n\n/**\n * \u8D44\u6E90\u4F4D\u5B50\u5206\u7C7B\u6807\u9898\u7EC4\u4EF6 - \u79FB\u52A8\u7AEF\n */\nexport const ResourceSubSubCategoryItemComp = ({\n  matchResourcesMetadata,\n  onSubSubCategoryItemClick,\n  expanded,\n}: {\n  matchResourcesMetadata: any\n  onSubSubCategoryItemClick?: () => void\n  expanded?: boolean\n}) => {\n  const content = (\n    <>\n      {matchResourcesMetadata?.label && (\n        <Text html={matchResourcesMetadata?.label} className=\"text-sm font-bold leading-[1.4]\" />\n      )}\n      {onSubSubCategoryItemClick && (\n        <svg\n          className={cn('size-5', {\n            ['rotate-180']: expanded,\n          })}\n          viewBox=\"0 0 24 24\"\n          fill=\"none\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n          aria-hidden=\"true\"\n        >\n          <path\n            d=\"M6.91009 4.41009C7.23553 4.08466 7.76304 4.08466 8.08848 4.41009L13.0885 9.41009C13.4139 9.73553 13.4139 10.263 13.0885 10.5885L8.08848 15.5885C7.76304 15.9139 7.23553 15.9139 6.91009 15.5885C6.58466 15.263 6.58466 14.7355 6.91009 14.4101L11.3209 9.99929L6.91009 5.58848C6.58466 5.26304 6.58466 4.73553 6.91009 4.41009Z\"\n            fill=\"#080A0F\"\n          />\n        </svg>\n      )}\n    </>\n  )\n\n  return onSubSubCategoryItemClick ? (\n    <button\n      className=\"flex w-full cursor-pointer items-center justify-between border-0 bg-transparent py-4 text-left\"\n      onClick={onSubSubCategoryItemClick}\n      aria-expanded={expanded}\n    >\n      {content}\n    </button>\n  ) : (\n    <div className=\"flex items-center justify-between py-4\">{content}</div>\n  )\n}\n\n/**\n * \u8D44\u6E90\u4F4D\u5B50\u5206\u7C7B\u5185\u5BB9\u7EC4\u4EF6 - \u79FB\u52A8\u7AEF\n */\nexport const ResourceSubSubCategoryContentComp = ({ matchResourcesMetadata }: { matchResourcesMetadata: any }) => {\n  const { locale = 'us' } = useAiuiContext()\n  return (\n    <div className=\"tablet:grid tablet:grid-cols-2 flex grid-cols-1 flex-col gap-4\">\n      {!!matchResourcesMetadata?.resources?.length &&\n        matchResourcesMetadata?.resources?.map((resourceItem: any, rIndex: number) => (\n          <Link\n            key={`resourceItem-${rIndex}`}\n            href={getLocalizedPath(resourceItem?.href, locale)}\n            className=\"no-underline hover:text-current\"\n          >\n            <div className=\"laptop:h-[280px] tablet:max-w-none relative h-[240px] max-w-[358px]\">\n              <div className=\"relative h-full overflow-hidden\">\n                <Picture\n                  source={resourceItem.imageUrl}\n                  width={404}\n                  height={280}\n                  className=\"size-full\"\n                  imgClassName=\"object-cover h-full hover:scale-105 transition-all duration-300\"\n                />\n                <div className=\"absolute inset-x-0 bottom-0 p-4\">\n                  <Text\n                    html={resourceItem?.title}\n                    as=\"p\"\n                    className={cn('text-xl font-bold leading-[1.2]', {\n                      'text-white': resourceItem?.theme !== 'dark',\n                      'text-black': resourceItem?.theme === 'dark',\n                    })}\n                  />\n                  {resourceItem?.desc && (\n                    <Text\n                      html={resourceItem?.desc}\n                      className={cn('text-sm font-bold leading-[1.4]', {\n                        'text-white': resourceItem?.theme !== 'dark',\n                        'text-black': resourceItem?.theme === 'dark',\n                      })}\n                    />\n                  )}\n                </div>\n              </div>\n            </div>\n          </Link>\n        ))}\n    </div>\n  )\n}\n"],
-  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,kBAAAE,EAAA,sCAAAC,EAAA,mCAAAC,IAAA,eAAAC,EAAAL,GAaU,IAAAM,EAAA,6BAbVC,EAAoC,qCACpCC,EAAqC,kCACrCC,EAA+B,oCAKxB,MAAMP,EAAe,CAAC,CAAE,SAAAQ,CAAS,IAAyB,CAC/D,KAAM,CAAE,OAAAC,EAAS,IAAK,KAAI,kBAAe,EACzC,SACE,OAAC,OAAI,UAAU,4IACb,mBAAC,QAAK,QAAM,oBAAiBD,GAAU,KAAMC,CAAM,EAAG,UAAU,kCAC9D,oBAAC,OAAI,UAAU,kHACb,oBAAC,WACC,OAAQD,EAAS,SACjB,MAAO,IACP,OAAQ,IACR,UAAU,YACV,aAAa,kEACf,KACA,QAAC,OAAI,UAAU,kCACb,oBAAC,QACC,GAAG,IACH,KAAMA,GAAU,MAChB,aAAW,MAAG,kCAAmC,CAC/C,aAAcA,GAAU,QAAU,OAClC,aAAcA,GAAU,QAAU,MACpC,CAAC,EACH,EACCA,GAAU,SACT,OAAC,QACC,KAAMA,GAAU,KAChB,aAAW,MAAG,kCAAmC,CAC/C,aAAcA,GAAU,QAAU,OAClC,aAAcA,GAAU,QAAU,MACpC,CAAC,EACH,GAEJ,GACF,EACF,EACF,CAEJ,EAKaN,EAAiC,CAAC,CAC7C,uBAAAQ,EACA,0BAAAC,EACA,SAAAC,CACF,IAIM,CACJ,MAAMC,KACJ,oBACG,UAAAH,GAAwB,UACvB,OAAC,QAAK,KAAMA,GAAwB,MAAO,UAAU,kCAAkC,EAExFC,MACC,OAAC,OACC,aAAW,MAAG,SAAU,CACrB,aAAeC,CAClB,CAAC,EACD,QAAQ,YACR,KAAK,OACL,MAAM,6BACN,cAAY,OAEZ,mBAAC,QACC,EAAE,kUACF,KAAK,UACP,EACF,GAEJ,EAGF,OAAOD,KACL,OAAC,UACC,UAAU,iGACV,QAASA,EACT,gBAAeC,EAEd,SAAAC,EACH,KAEA,OAAC,OAAI,UAAU,yCAA0C,SAAAA,EAAQ,CAErE,EAKaZ,EAAoC,CAAC,CAAE,uBAAAS,CAAuB,IAAuC,CAChH,KAAM,CAAE,OAAAD,EAAS,IAAK,KAAI,kBAAe,EACzC,SACE,OAAC,OAAI,UAAU,iEACZ,UAAC,CAACC,GAAwB,WAAW,QACpCA,GAAwB,WAAW,IAAI,CAACI,EAAmBC,OACzD,OAAC,QAEC,QAAM,oBAAiBD,GAAc,KAAML,CAAM,EACjD,UAAU,kCAEV,mBAAC,OAAI,UAAU,sEACb,oBAAC,OAAI,UAAU,kCACb,oBAAC,WACC,OAAQK,EAAa,SACrB,MAAO,IACP,OAAQ,IACR,UAAU,YACV,aAAa,kEACf,KACA,QAAC,OAAI,UAAU,kCACb,oBAAC,QACC,KAAMA,GAAc,MACpB,GAAG,IACH,aAAW,MAAG,kCAAmC,CAC/C,aAAcA,GAAc,QAAU,OACtC,aAAcA,GAAc,QAAU,MACxC,CAAC,EACH,EACCA,GAAc,SACb,OAAC,QACC,KAAMA,GAAc,KACpB,aAAW,MAAG,kCAAmC,CAC/C,aAAcA,GAAc,QAAU,OACtC,aAAcA,GAAc,QAAU,MACxC,CAAC,EACH,GAEJ,GACF,EACF,GAjCK,gBAAgBC,CAAM,EAkC7B,CACD,EACL,CAEJ",
-  "names": ["ResourceItem_exports", "__export", "ResourceItem", "ResourceSubSubCategoryContentComp", "ResourceSubSubCategoryItemComp", "__toCommonJS", "import_jsx_runtime", "import_components", "import_utils", "import_AiuiProvider", "resource", "locale", "matchResourcesMetadata", "onSubSubCategoryItemClick", "expanded", "content", "resourceItem", "rIndex"]
-}

package/dist/cjs/biz-components/HeaderNavigation/ResourceSidebarDropdown.js.map DELETED Viewed

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/biz-components/HeaderNavigation/ResourceSidebarDropdown.tsx"],
-  "sourcesContent": ["import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react'\nimport { Button, Container, Text } from '../../components/index.js'\nimport { cn, getLocalizedPath } from '../../helpers/utils.js'\nimport { DownArrow } from './icons/index.js'\nimport { useNavContext } from './NavProvider.js'\nimport { ResourceItem } from './ResourceItem.js'\nimport { useAiuiContext } from '../AiuiProvider/index.js'\n\n/**\n * \u8D44\u6E90\u4F4D\u4FA7\u8FB9\u680F\u4E0B\u62C9\n * @param categoriesItem \u5206\u7C7B\u9879\n */\nexport const ResourceSidebarDropdown = React.memo(\n  ({ resourceCategoriesMetadata, resourcesMetadata }: { resourceCategoriesMetadata: any; resourcesMetadata: any }) => {\n    const { onSidebarNavClick } = useNavContext()\n    const [expandedSubcategory, setExpandedSubcategory] = useState<{ index: number; open: boolean }[]>([])\n    const [activeSubSubcategoryIndex, setActiveSubSubcategoryIndex] = useState(-1)\n    const resourceDropdownRef = useRef<HTMLDivElement>(null)\n    const { locale = 'us' } = useAiuiContext()\n\n    const initExpandedSubcategory = useCallback(() => {\n      const subcategories = resourceCategoriesMetadata?.subcategories\n      if (!subcategories?.length) return\n\n      const withSubSubCategoriesIndex = subcategories.findIndex((item: any) => !!item?.subSubCategories)\n      const withoutSubSubCategoriesIndex = subcategories.findIndex((item: any) => !item?.subSubCategories)\n\n      // \u521B\u5EFA\u5C55\u5F00\u72B6\u6001\u6570\u7EC4\n      const expandedStates = subcategories.map((_: any, index: number) => ({\n        index,\n        open: withSubSubCategoriesIndex === index || withoutSubSubCategoriesIndex === index,\n      }))\n\n      setExpandedSubcategory(expandedStates)\n    }, [resourceCategoriesMetadata])\n\n    useEffect(() => {\n      initExpandedSubcategory()\n    }, [initExpandedSubcategory])\n\n    // \u901A\u8FC7categoriesMetadata\u7684subSubCategories\u7684label\u4E0Eresources\u7684label\u5339\u914D\n    const matchResourcesMetadata = useMemo(() => {\n      const subCategory =\n        resourceCategoriesMetadata?.subcategories?.[expandedSubcategory?.find(item => item.open)?.index || 0]\n      const currentResourcesMetadata =\n        resourcesMetadata?.find((item: any) => item?.label?.toLowerCase() === subCategory?.label?.toLowerCase()) || {}\n\n      if (subCategory?.subSubCategories) {\n        const activeSubSubcategory = subCategory?.subSubCategories?.[activeSubSubcategoryIndex]\n        const currentActiveResourcesMetadata =\n          resourcesMetadata?.find(\n            (item: any) => item?.label?.toLowerCase() === activeSubSubcategory?.label?.toLowerCase()\n          ) || {}\n        return currentActiveResourcesMetadata\n      } else {\n        return currentResourcesMetadata\n      }\n    }, [resourceCategoriesMetadata, expandedSubcategory, activeSubSubcategoryIndex, resourcesMetadata])\n\n    const handleSubcategoryOpen = useCallback((index: number, subcategoryItem: any) => {\n      subcategoryItem?.subSubCategories?.length > 0 ? setActiveSubSubcategoryIndex(0) : setActiveSubSubcategoryIndex(-1)\n\n      setExpandedSubcategory(prev => prev.map((item, i) => ({ ...item, open: i === index ? !item.open : false })))\n    }, [])\n\n    const handleSubSubcategoryOpen = (index: number, subSubindex: number) => {\n      setExpandedSubcategory(prev =>\n        prev.map(item => (item.index === index ? { ...item, open: true } : { ...item, open: false }))\n      )\n      setActiveSubSubcategoryIndex(subSubindex)\n    }\n\n    return (\n      <Container childClassName=\"lg-desktop:gap-12 flex bg-white gap-8\">\n        <div\n          className=\"lg-desktop:basis-[356px] flex basis-[284px] flex-col gap-4 py-4\"\n          style={{\n            userSelect: 'none',\n          }}\n          ref={resourceDropdownRef}\n        >\n          <div\n            className=\"desktop:h-[416px] flex flex-col overflow-y-auto\"\n            style={{\n              scrollbarWidth: 'none',\n              msOverflowStyle: 'none',\n            }}\n          >\n            {resourceCategoriesMetadata?.subcategories?.map((subItem: any, index: number) => {\n              const hasSubSubCategory =\n                Array.isArray(subItem?.subSubCategories) && subItem?.subSubCategories?.length > 0\n              const isExpanded = expandedSubcategory?.find(item => item.index === index)?.open\n              return (\n                <div key={`subcategoryItem-${index}`}>\n                  <button\n                    className={cn(\n                      'rounded-sidebar-shelf flex w-full cursor-pointer items-center justify-between border-0 bg-transparent text-left',\n                      {\n                        'bg-[#F5F5F7]': !hasSubSubCategory && isExpanded,\n                      }\n                    )}\n                    onClick={() => {\n                      handleSubcategoryOpen(index, subItem)\n                      onSidebarNavClick?.(subItem, index)\n                    }}\n                    aria-expanded={hasSubSubCategory ? isExpanded : undefined}\n                    aria-haspopup={hasSubSubCategory ? 'true' : undefined}\n                  >\n                    <Text html={subItem.label} className=\"p-4 text-sm font-bold leading-[1.4]\" />\n                    {hasSubSubCategory && (\n                      <DownArrow\n                        aria-hidden=\"true\"\n                        className={cn('size-4', {\n                          ['rotate-180']: isExpanded,\n                        })}\n                      />\n                    )}\n                  </button>\n                  {isExpanded && (\n                    <div className=\"flex flex-col\" role=\"menu\">\n                      {subItem.subSubCategories?.map((subSubItem: any, subSubindex: number) => (\n                        <button\n                          onClick={() => {\n                            handleSubSubcategoryOpen(index, subSubindex)\n                            onSidebarNavClick?.(subSubItem, subSubindex)\n                          }}\n                          key={`subSubItem-${index}-${subSubindex}`}\n                          className={cn(\n                            'rounded-sidebar-shelf w-full cursor-pointer border-0 bg-transparent px-6 py-4 text-left leading-none hover:bg-[#F5F5F7]',\n                            {\n                              'bg-[#F5F5F7]': activeSubSubcategoryIndex === subSubindex,\n                            }\n                          )}\n                          role=\"menuitem\"\n                          aria-label={subSubItem.label}\n                        >\n                          <Text html={subSubItem.label} className=\"text-sm font-bold leading-[1.4] text-[#4A4C56]\" />\n                        </button>\n                      ))}\n                    </div>\n                  )}\n                </div>\n              )\n            })}\n          </div>\n          {resourceCategoriesMetadata && (\n            <div className=\"flex\">\n              <div className=\"flex flex-col gap-4\">\n                {resourceCategoriesMetadata?.primary && (\n                  <Button\n                    as=\"a\"\n                    href={`${getLocalizedPath(resourceCategoriesMetadata?.primary?.url, locale)}?ref=${resourceCategoriesMetadata?.primary?.label}_shopall`}\n                    variant=\"primary\"\n                    size=\"lg\"\n                    className=\"lg-desktop:text-base text-sm\"\n                  >\n                    {resourceCategoriesMetadata?.primary?.label}\n                  </Button>\n                )}\n                {resourceCategoriesMetadata?.secondary && (\n                  <Button\n                    as=\"a\"\n                    href={getLocalizedPath(resourceCategoriesMetadata?.secondary?.url, locale)}\n                    variant=\"link\"\n                    size=\"lg\"\n                    className=\"lg-desktop:text-base justify-start !p-0 text-sm\"\n                  >\n                    {resourceCategoriesMetadata?.secondary?.label}\n                  </Button>\n                )}\n              </div>\n            </div>\n          )}\n        </div>\n        <div\n          className=\"desktop:h-[509px] flex-1 overflow-y-auto py-4\"\n          style={{\n            scrollbarWidth: 'none',\n            msOverflowStyle: 'none',\n          }}\n        >\n          <div className=\"grid grid-cols-3 gap-4 \">\n            {Array.isArray(matchResourcesMetadata?.resources)\n              ? matchResourcesMetadata.resources.map((resourceItem: any, resourceIndex: number) => (\n                  <ResourceItem key={`resourceItem-${resourceIndex}`} resource={resourceItem} />\n                ))\n              : null}\n          </div>\n        </div>\n      </Container>\n    )\n  }\n)\n\nResourceSidebarDropdown.displayName = 'ResourceSidebarDropdown'\n"],
-  "mappings": "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",
-  "names": ["ResourceSidebarDropdown_exports", "__export", "ResourceSidebarDropdown", "__toCommonJS", "import_jsx_runtime", "import_react", "import_components", "import_utils", "import_icons", "import_NavProvider", "import_ResourceItem", "import_AiuiProvider", "React", "resourceCategoriesMetadata", "resourcesMetadata", "onSidebarNavClick", "expandedSubcategory", "setExpandedSubcategory", "activeSubSubcategoryIndex", "setActiveSubSubcategoryIndex", "resourceDropdownRef", "locale", "initExpandedSubcategory", "subcategories", "withSubSubCategoriesIndex", "item", "withoutSubSubCategoriesIndex", "expandedStates", "_", "index", "matchResourcesMetadata", "subCategory", "currentResourcesMetadata", "activeSubSubcategory", "handleSubcategoryOpen", "subcategoryItem", "prev", "i", "handleSubSubcategoryOpen", "subSubindex", "subItem", "hasSubSubCategory", "isExpanded", "subSubItem", "resourceItem", "resourceIndex"]
-}