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/esm/biz-components/MediaSceneSwitcherV2/index.js.map DELETED Viewed

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/biz-components/MediaSceneSwitcherV2/index.tsx"],
-  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport { Swiper, SwiperSlide } from 'swiper/react'\nimport { FreeMode, Mousewheel, Autoplay } from 'swiper/modules'\nimport type { Swiper as SwiperType } from 'swiper'\nimport { useMediaQuery } from 'react-responsive'\nimport { cn } from '../../helpers/index.js'\nimport type { Media as MediaType, Theme } from '../../types/props.js'\nimport { Heading, Text } from '../../components/index.js'\nimport { withLayout } from '../../shared/Styles.js'\nimport Media from '../Media/index.js'\n\nexport type MediaSceneSwitcherV2SemanticName =\n  | 'root'\n  | 'header'\n  | 'title'\n  | 'subtitle'\n  | 'container'\n  | 'tabList'\n  | 'tabItem'\n  | 'tabTitle'\n  | 'tabDescription'\n  | 'mediaWrapper'\n  | 'media'\n  | 'swiper'\n  | 'slide'\n  | 'slideMedia'\n  | 'slideContent'\n\n/**\n * \u573A\u666F\u9879\u6570\u636E\u63A5\u53E3\n */\nexport interface MediaSceneSwitcherV2Item {\n  /** \u573A\u666F\u6807\u9898 */\n  title: string\n  /** \u573A\u666F\u63CF\u8FF0 */\n  description?: string\n  /** \u573A\u666F\u5A92\u4F53\uFF08\u56FE\u7247/\u89C6\u9891\uFF09 */\n  media: {\n    mobile?: MediaType\n    tablet?: MediaType\n    laptop?: MediaType\n    desktop?: MediaType\n    lgDesktop?: MediaType\n  }\n}\n\n/**\n * \u5E03\u5C40\u6A21\u5F0F\n * - left: \u5DE6\u6587\u53F3\u56FE\uFF08laptop+ \u9ED8\u8BA4\uFF09\n * - right: \u5DE6\u56FE\u53F3\u6587\n * - top: \u4E0A\u56FE\u4E0B\u6587\uFF08swiper \u5361\u7247\u6A21\u5F0F\uFF09\n */\nexport type MediaSceneSwitcherV2Layout = 'left' | 'right' | 'top'\n\n/**\n * MediaSceneSwitcherV2 \u4E1A\u52A1\u7EC4\u4EF6\u6570\u636E\u63A5\u53E3\n */\nexport interface MediaSceneSwitcherV2Data {\n  /** \u4E3B\u9898 */\n  theme?: Theme\n  /** \u4E3B\u6807\u9898 */\n  title?: string\n  /** \u526F\u6807\u9898 */\n  subtitle?: string\n  /** \u573A\u666F\u5217\u8868 */\n  items: MediaSceneSwitcherV2Item[]\n  /** \u9ED8\u8BA4\u9009\u4E2D\u7684\u573A\u666F\u7D22\u5F15 */\n  defaultActiveIndex?: number\n  /** \u5E03\u5C40\u6A21\u5F0F\uFF0C\u9ED8\u8BA4 text-left */\n  layout?: MediaSceneSwitcherV2Layout\n  /** \u662F\u5426\u5F00\u542F\u81EA\u52A8\u8F6E\u64AD\uFF0C\u9ED8\u8BA4 true */\n  autoplay?: boolean\n  /** \u81EA\u52A8\u8F6E\u64AD\u95F4\u9694\u65F6\u95F4\uFF08\u6BEB\u79D2\uFF09\uFF0C\u9ED8\u8BA4 3000 */\n  autoplayDelay?: number\n}\n\nexport interface MediaSceneSwitcherV2Props extends React.HTMLAttributes<HTMLDivElement> {\n  /** \u4E1A\u52A1\u6570\u636E */\n  data: MediaSceneSwitcherV2Data\n  /** \u8BED\u4E49\u5316\u7C7B\u540D\u8986\u76D6 */\n  classNames?: Partial<Record<MediaSceneSwitcherV2SemanticName, string>>\n  /** \u573A\u666F\u5207\u6362\u56DE\u8C03 */\n  onSceneChange?: (index: number, scene: MediaSceneSwitcherV2Item) => void\n}\n\nconst toMediaProps = (media: MediaSceneSwitcherV2Item['media']) => ({\n  pcImage: media.lgDesktop,\n  desktopImage: media.desktop,\n  laptopImage: media.laptop,\n  padImage: media.tablet,\n  mobileImage: media.mobile,\n})\n\n/**\n * MediaSceneSwitcherV2 - \u591A\u573A\u666F\u5207\u6362\u7EC4\u4EF6\n *\n * @description \u7528\u4E8E\u5C55\u793A\u591A\u4E2A\u573A\u666F\u7684\u5207\u6362\u7EC4\u4EF6\uFF0C\u652F\u6301\u54CD\u5E94\u5F0F\u5E03\u5C40\uFF1A\n * - mobile/tablet: \u6A2A\u5411\u6ED1\u52A8\u5361\u7247\u5E03\u5C40\n * - laptop+: \u5DE6\u6587\u53F3\u56FE / \u5DE6\u56FE\u53F3\u6587\u5E03\u5C40\n */\nconst DEFAULT_AUTOPLAY_DELAY = 3000\n\nconst MediaSceneSwitcherV2 = React.forwardRef<HTMLDivElement, MediaSceneSwitcherV2Props>(\n  ({ className, classNames = {}, data, onSceneChange, ...props }, ref) => {\n    const {\n      title,\n      subtitle,\n      items: scenes,\n      defaultActiveIndex = 0,\n      layout = 'left',\n      autoplay = true,\n      autoplayDelay = DEFAULT_AUTOPLAY_DELAY,\n    } = data\n    const [activeIndex, setActiveIndex] = React.useState(defaultActiveIndex)\n    const swiperRef = React.useRef<SwiperType | null>(null)\n    const intervalRef = React.useRef<number>(0)\n    const tabRefs = React.useRef<(HTMLDivElement | null)[]>([])\n    const isClickTriggered = React.useRef(false)\n\n    // \u5224\u65AD\u662F\u5426\u662F\u684C\u9762\u7AEF\n    const isLaptopOrLarger = useMediaQuery({ minWidth: 1025 })\n\n    // \u684C\u9762\u7AEF\u81EA\u52A8\u8F6E\u64AD\uFF08\u53EA\u5728 laptop+ \u751F\u6548\uFF0C\u624B\u673A\u7AEF\u7531 Swiper \u7684 onSlideChange \u540C\u6B65\uFF09\n    React.useEffect(() => {\n      if (!autoplay || scenes.length <= 1 || !isLaptopOrLarger) return\n\n      const startAutoplay = () => {\n        intervalRef.current = window.setInterval(() => {\n          setActiveIndex(prev => (prev + 1) % scenes.length)\n        }, autoplayDelay)\n      }\n\n      startAutoplay()\n\n      return () => {\n        if (intervalRef.current) {\n          window.clearInterval(intervalRef.current)\n        }\n      }\n    }, [autoplay, autoplayDelay, scenes.length, isLaptopOrLarger])\n\n    // \u5F53 activeIndex \u53D8\u5316\u65F6\u81EA\u52A8\u6EDA\u52A8\u5230\u5BF9\u5E94\u7684 tab\uFF08\u4EC5\u5F53\u7236\u5BB9\u5668\u53EF\u6EDA\u52A8\u65F6\uFF09\n    React.useEffect(() => {\n      if (!isLaptopOrLarger || !tabRefs.current[activeIndex]) return\n\n      const tabElement = tabRefs.current[activeIndex]\n      const parentContainer = tabElement?.parentElement\n\n      // \u68C0\u67E5\u7236\u5BB9\u5668\u662F\u5426\u53EF\u6EDA\u52A8\n      if (!parentContainer || parentContainer.scrollHeight <= parentContainer.clientHeight) return\n\n      // \u4F7F\u7528 requestAnimationFrame \u907F\u514D\u963B\u585E\u4E3B\u7EBF\u7A0B\n      const rafId = requestAnimationFrame(() => {\n        const containerRect = parentContainer.getBoundingClientRect()\n        const tabRect = tabElement.getBoundingClientRect()\n\n        // \u68C0\u67E5\u5143\u7D20\u662F\u5426\u5DF2\u5728\u53EF\u89C6\u533A\u57DF\u5185\n        const isVisible = tabRect.top >= containerRect.top && tabRect.bottom <= containerRect.bottom\n\n        // \u5982\u679C\u5DF2\u7ECF\u53EF\u89C1\uFF0C\u4E0D\u9700\u8981\u6EDA\u52A8\n        if (isVisible) return\n\n        // \u8BA1\u7B97\u6EDA\u52A8\u8DDD\u79BB\uFF0C\u8BA9 tab \u5C3D\u91CF\u5C45\u4E2D\u663E\u793A\n        const scrollOffset = tabRect.top - containerRect.top - parentContainer.clientHeight / 2 + tabRect.height / 2\n\n        parentContainer.scrollTo({\n          top: parentContainer.scrollTop + scrollOffset,\n          behavior: 'smooth',\n        })\n      })\n\n      return () => cancelAnimationFrame(rafId)\n    }, [activeIndex, isLaptopOrLarger])\n\n    const handleSceneClick = React.useCallback(\n      (index: number) => {\n        setActiveIndex(index)\n        isClickTriggered.current = true\n        onSceneChange?.(index, scenes[index])\n        swiperRef.current?.slideTo(index)\n\n        // \u91CD\u7F6E\u81EA\u52A8\u8F6E\u64AD\u8BA1\u65F6\u5668\n        if (autoplay && scenes.length > 1) {\n          if (intervalRef.current) {\n            window.clearInterval(intervalRef.current)\n          }\n          intervalRef.current = window.setInterval(() => {\n            setActiveIndex(prev => (prev + 1) % scenes.length)\n          }, autoplayDelay)\n        }\n      },\n      [scenes, onSceneChange, autoplay, autoplayDelay]\n    )\n\n    const handleSlideChange = React.useCallback(\n      (swiper: SwiperType) => {\n        if (isClickTriggered.current) {\n          isClickTriggered.current = false\n          return\n        }\n        const index = swiper.realIndex\n        setActiveIndex(index)\n        onSceneChange?.(index, scenes[index])\n      },\n      [scenes, onSceneChange]\n    )\n\n    const activeScene = scenes[activeIndex]\n\n    const isMediaTop = layout === 'top'\n\n    return (\n      <div\n        ref={ref}\n        className={cn('scene-switcher-root', 'text-info-primary w-full', className, classNames.root, {\n          'aiui-dark': data.theme === 'dark',\n        })}\n        {...props}\n      >\n        {/* \u6807\u9898\u533A\u57DF */}\n        {(title || subtitle) && (\n          <div className={cn('scene-switcher-header mb-6', classNames.header)}>\n            {title && (\n              <Heading as=\"h2\" size={4} html={title} className={cn('scene-switcher-title', classNames.title)} />\n            )}\n            {subtitle && <Text as=\"p\" size={3} className={cn('', classNames?.subtitle)} html={subtitle} />}\n          </div>\n        )}\n        {/* Mobile/Tablet: \u6A2A\u5411\u6ED1\u52A8\u5361\u7247\u5E03\u5C40 */}\n        <div className={cn('scene-switcher-swiper', 'laptop:hidden !overflow-visible', classNames.swiper)}>\n          <Swiper\n            modules={[FreeMode, Mousewheel, Autoplay]}\n            onSwiper={swiper => {\n              swiperRef.current = swiper\n            }}\n            className=\"!overflow-visible\"\n            onSlideChange={handleSlideChange}\n            slidesPerView=\"auto\"\n            spaceBetween={12}\n            freeMode={true}\n            mousewheel={{ forceToAxis: true }}\n            initialSlide={defaultActiveIndex}\n            loop={autoplay && scenes.length > 1}\n            autoplay={autoplay && scenes.length > 1 ? { delay: autoplayDelay, disableOnInteraction: false } : false}\n            breakpoints={{\n              768: { spaceBetween: 16 },\n            }}\n          >\n            {scenes.map((scene, index) => (\n              <SwiperSlide key={index} className=\"h-[462px] !w-[296px]\">\n                <div\n                  className={cn('scene-switcher-slide', 'flex cursor-pointer flex-col', classNames.slide)}\n                  onClick={() => handleSceneClick(index)}\n                >\n                  {/* \u5A92\u4F53 */}\n                  <div\n                    className={cn(\n                      'scene-switcher-slide-media',\n                      'rounded-box relative aspect-[296/320] w-full overflow-hidden',\n                      classNames.slideMedia\n                    )}\n                  >\n                    <Media\n                      {...toMediaProps(scene.media)}\n                      className=\"rounded-t-box size-full overflow-hidden object-cover\"\n                    />\n                  </div>\n                  {/* \u6587\u5B57\u5185\u5BB9 */}\n                  <div\n                    className={cn(\n                      'scene-switcher-slide-content',\n                      ' mt-6  border-t pt-4',\n                      activeIndex === index ? 'border-info-primary border-t-4' : 'border-lines-primary',\n                      classNames.slideContent\n                    )}\n                  >\n                    <Heading\n                      className={cn(\n                        'scene-switcher-tab-title ',\n                        activeIndex === index ? 'text-info-primary' : 'text-info-tertiary',\n                        scene.title\n                      )}\n                      size={3}\n                      as={'h3'}\n                      html={scene.title}\n                    />\n                    {scene.description && (\n                      <Text\n                        className={cn(\n                          'desktop:text-[16px] lg-desktop:text-[18px] line-clamp-2  text-[14px]',\n                          activeIndex === index ? 'text-info-primary' : 'text-info-tertiary'\n                        )}\n                        html={scene.description}\n                      />\n                    )}\n                  </div>\n                </div>\n              </SwiperSlide>\n            ))}\n          </Swiper>\n        </div>\n\n        {/* Laptop+: media-top \u5E03\u5C40 (\u4E0A\u56FE\u4E0B\u6587) */}\n        {isMediaTop && (\n          <div\n            className={cn(\n              'scene-switcher-container',\n              'laptop:flex laptop:flex-col hidden',\n              'laptop:h-[470px] desktop:h-[628px] lg-desktop:h-[746px] desktop:gap-[32px] gap-[16px]',\n              classNames.container\n            )}\n          >\n            {/* \u5A92\u4F53\u533A\u57DF - \u663E\u793A\u5F53\u524D\u9009\u4E2D */}\n            <div\n              className={cn(\n                'scene-switcher-media-wrapper',\n                'rounded-box flex-1 overflow-hidden',\n                classNames.mediaWrapper\n              )}\n            >\n              {activeScene && (\n                <Media\n                  {...toMediaProps(activeScene.media)}\n                  className={cn('scene-switcher-media', 'rounded-box size-full object-cover', classNames.media)}\n                />\n              )}\n            </div>\n\n            {/* Tab \u5217\u8868 - \u6A2A\u5411\u6392\u5217 */}\n            <div\n              className={cn(\n                'scene-switcher-tab-list',\n                'border-lines-primary laptop:gap-4 desktop:gap-4 lg-desktop:gap-4 flex border-t',\n                classNames.tabList\n              )}\n            >\n              {scenes.map((scene, index) => (\n                <div\n                  key={index}\n                  ref={el => {\n                    tabRefs.current[index] = el\n                  }}\n                  className={cn(\n                    'scene-switcher-tab-item',\n                    'desktop:pt-6 -mt-px flex-1 cursor-pointer border-t-2 pt-4 transition-colors',\n                    activeIndex === index\n                      ? 'border-info-primary border-t-4'\n                      : 'hover:border-lines-primary border-transparent',\n                    classNames.tabItem\n                  )}\n                  onClick={() => handleSceneClick(index)}\n                  role=\"button\"\n                  aria-selected={activeIndex === index}\n                >\n                  <Heading\n                    className={cn(\n                      'scene-switcher-tab-title line-clamp-2',\n                      activeIndex === index ? 'text-info-primary' : 'text-info-tertiary',\n                      scene.title\n                    )}\n                    size={3}\n                    as={'h3'}\n                    html={scene.title}\n                  />\n                  {scene.description && (\n                    <Text\n                      className={cn(\n                        'desktop:text-[16px] lg-desktop:text-[18px] line-clamp-2 text-[14px]',\n                        activeIndex === index ? 'text-info-primary' : 'text-info-tertiary'\n                      )}\n                      html={scene.description}\n                    />\n                  )}\n                </div>\n              ))}\n            </div>\n          </div>\n        )}\n\n        {/* Laptop+: \u5DE6\u6587\u53F3\u56FE / \u5DE6\u56FE\u53F3\u6587\u5E03\u5C40 */}\n        {!isMediaTop && (\n          <div\n            className={cn(\n              'scene-switcher-container',\n              'laptop:flex laptop:gap-6 desktop:gap-8 lg-desktop:gap-10 hidden',\n              'laptop:h-[336px] desktop:h-[448px] lg-desktop:h-[560px]',\n              layout === 'right' && 'flex-row-reverse',\n              classNames.container\n            )}\n          >\n            {/* Tab \u5217\u8868 - \u5916\u5C42\u5C45\u4E2D */}\n            <div\n              className={cn(\n                'scene-switcher-tab-list',\n                'laptop:w-[320px] desktop:w-[400px] lg-desktop:w-[544px] flex items-center',\n                classNames.tabList\n              )}\n            >\n              {/* \u5185\u5C42\u6EDA\u52A8 */}\n              <div className=\"flex max-h-full w-full flex-col overflow-y-auto\">\n                {scenes.map((scene, index) => (\n                  <React.Fragment key={index}>\n                    {index > 0 && <div className=\"border-lines-primary h-8 shrink-0 border-l-4\" />}\n                    <div\n                      ref={el => {\n                        tabRefs.current[index] = el\n                      }}\n                      className={cn(\n                        'scene-switcher-tab-item',\n                        'shrink-0 cursor-pointer border-l-4 pl-5',\n                        activeIndex === index\n                          ? 'border-info-primary border-l-[6px]'\n                          : 'border-lines-primary hover:border-info-tertiary',\n                        classNames.tabItem\n                      )}\n                      onClick={() => handleSceneClick(index)}\n                      role=\"button\"\n                      aria-selected={activeIndex === index}\n                    >\n                      <Heading\n                        className={cn(\n                          'scene-switcher-tab-title desktop:line-clamp-3 line-clamp-2',\n                          activeIndex === index ? 'text-info-primary' : 'text-info-tertiary',\n                          scene.title\n                        )}\n                        size={3}\n                        as={'h3'}\n                        html={scene.title}\n                      />\n                      {scene.description && (\n                        <Text\n                          className={cn(\n                            'desktop:text-[16px] lg-desktop:text-[18px] line-clamp-2 text-[14px]',\n                            activeIndex === index ? 'text-info-primary' : 'text-info-tertiary hidden'\n                          )}\n                          html={scene.description}\n                        />\n                      )}\n                    </div>\n                  </React.Fragment>\n                ))}\n              </div>\n            </div>\n\n            {/* \u5A92\u4F53\u533A\u57DF */}\n            <div\n              className={cn(\n                'scene-switcher-media-wrapper',\n                'rounded-box flex-1 overflow-hidden',\n                classNames.mediaWrapper\n              )}\n            >\n              {activeScene && (\n                <Media\n                  {...toMediaProps(activeScene.media)}\n                  className={cn(\n                    'scene-switcher-media',\n                    'rounded-box size-full h-full overflow-visible object-cover',\n                    classNames.media\n                  )}\n                />\n              )}\n            </div>\n          </div>\n        )}\n      </div>\n    )\n  }\n)\n\nMediaSceneSwitcherV2.displayName = 'MediaSceneSwitcherV2'\nexport default withLayout(MediaSceneSwitcherV2)\n"],
-  "mappings": "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",
-  "names": ["jsx", "jsxs", "React", "Swiper", "SwiperSlide", "FreeMode", "Mousewheel", "Autoplay", "useMediaQuery", "cn", "Heading", "Text", "withLayout", "Media", "toMediaProps", "media", "DEFAULT_AUTOPLAY_DELAY", "MediaSceneSwitcherV2", "className", "classNames", "data", "onSceneChange", "props", "ref", "title", "subtitle", "scenes", "defaultActiveIndex", "layout", "autoplay", "autoplayDelay", "activeIndex", "setActiveIndex", "swiperRef", "intervalRef", "tabRefs", "isClickTriggered", "isLaptopOrLarger", "prev", "tabElement", "parentContainer", "rafId", "containerRect", "tabRect", "scrollOffset", "handleSceneClick", "index", "handleSlideChange", "swiper", "activeScene", "isMediaTop", "scene", "el", "MediaSceneSwitcherV2_default"]
-}

package/dist/esm/biz-components/MediaShelf/ProductCard.js.map DELETED Viewed

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/biz-components/MediaShelf/ProductCard.tsx"],
-  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport { cn } from '../../helpers/index.js'\nimport { Button, Badge, Card, CardContent, Picture, Text, Heading, Progress } from '../../components/index.js'\n\nimport type {\n  ButtonFunctionType,\n  CopyConfig,\n  ProductCardData,\n  StockDisplayMode,\n  MediaShelfSemanticName,\n} from './types.js'\n\n/**\n * \u8D85\u5356\u65F6\u5E93\u5B58\u6761\u663E\u793A\u7684\u6700\u5C0F\u767E\u5206\u6BD4\n * \u9632\u6B62\u8D85\u5356\u65F6\u5E93\u5B58\u6761\u663E\u793A\u4E3A\u6EE1\u683C\uFF08100%\uFF09\u6216\u5B8C\u5168\u7A7A\uFF080%\uFF09\n */\nconst OVERSELLING_STOCK_PERCENTAGE = 5\n\n/**\n * \u5224\u65AD\u662F\u5426\u5E94\u8BE5\u663E\u793A\u5E93\u5B58\u4FE1\u606F\n * @param stockDisplayMode \u5E93\u5B58\u5C55\u793A\u6A21\u5F0F\n * @param stockThresholdValue \u5E93\u5B58\u9608\u503C\uFF08\u5F53\u6A21\u5F0F\u4E3A below-quantity \u6216 below-percentage \u65F6\u4F7F\u7528\uFF09\n * @param quantityAvailable \u53EF\u7528\u5E93\u5B58\u6570\u91CF\n * @param totalInventory \u603B\u5E93\u5B58\n * @returns \u662F\u5426\u663E\u793A\u5E93\u5B58\u4FE1\u606F\n */\nfunction shouldShowStock(\n  stockDisplayMode: StockDisplayMode | undefined,\n  stockThresholdValue: number | undefined,\n  quantityAvailable: number,\n  totalInventory: number\n): boolean {\n  // \u672A\u914D\u7F6E\u65F6\u9ED8\u8BA4\u663E\u793A\n  if (stockDisplayMode === undefined) {\n    return true\n  }\n\n  // \u6839\u636E\u5C55\u793A\u6A21\u5F0F\u5224\u65AD\n  switch (stockDisplayMode) {\n    case 'always':\n      // \u603B\u662F\u663E\u793A\n      return true\n\n    case 'never':\n      // \u6C38\u4E0D\u663E\u793A\n      return false\n\n    case 'below-quantity':\n      // \u5F53\u5E93\u5B58\u6570\u91CF\u4F4E\u4E8E\u9608\u503C\u65F6\u663E\u793A\n      if (stockThresholdValue === undefined) {\n        return true // \u6CA1\u6709\u8BBE\u7F6E\u9608\u503C\u65F6\u9ED8\u8BA4\u663E\u793A\n      }\n\n      return quantityAvailable <= stockThresholdValue\n\n    case 'below-percentage':\n      // \u5F53\u5E93\u5B58\u767E\u5206\u6BD4\u4F4E\u4E8E\u9608\u503C\u65F6\u663E\u793A\n      if (stockThresholdValue === undefined) {\n        return true // \u6CA1\u6709\u8BBE\u7F6E\u9608\u503C\u65F6\u9ED8\u8BA4\u663E\u793A\n      }\n      return (quantityAvailable / totalInventory) * 100 <= stockThresholdValue\n\n    default:\n      // \u672A\u77E5\u6A21\u5F0F\u65F6\u9ED8\u8BA4\u663E\u793A\n      return true\n  }\n}\n\n/**\n * MediaShelf ProductCard \u7EC4\u4EF6 Props \u63A5\u53E3\n */\nexport interface MediaShelfProductCardProps {\n  /** \u4EA7\u54C1\u6570\u636E */\n  product: ProductCardData\n  /** \u6837\u5F0F\u7C7B\u540D */\n  className?: string\n  /** \u5E93\u5B58\u5C55\u793A\u6A21\u5F0F */\n  stockDisplayMode?: StockDisplayMode\n  /** \u5E93\u5B58\u9608\u503C\uFF08\u5F53\u6A21\u5F0F\u4E3A below-quantity \u6216 below-percentage \u65F6\u4F7F\u7528\uFF09 */\n  stockThresholdValue?: number\n  /** \u70B9\u51FB\u4E86\u89E3\u66F4\u591A\u56DE\u8C03 */\n  onLearnMore?: (product: ProductCardData) => void\n  /** \u70B9\u51FB\u7ACB\u5373\u8D2D\u4E70\u56DE\u8C03 */\n  onShopNow?: (product: ProductCardData) => void\n  /** \u70B9\u51FB\u52A0\u5165\u8D2D\u7269\u8F66\u56DE\u8C03 */\n  onAddToCart?: (product: ProductCardData) => void\n  /** \u8BED\u4E49\u5316\u7C7B\u540D */\n  classNames?: Partial<Record<MediaShelfSemanticName, string>>\n  /** \u4E86\u89E3\u66F4\u591A\u6309\u94AE\u6587\u672C */\n  secondaryButtonText?: string\n  /** \u4E86\u89E3\u66F4\u591A\u6309\u94AE\u529F\u80FD */\n  secondaryButtonFun?: ButtonFunctionType\n  /** \u7ACB\u5373\u8D2D\u4E70\u6309\u94AE\u6587\u672C */\n  primaryButtonText?: string\n  /** \u7ACB\u5373\u8D2D\u4E70\u6309\u94AE\u529F\u80FD */\n  primaryButtonFun?: ButtonFunctionType\n  /** \u662F\u5426\u5C55\u793A\u539F\u4EF7\uFF08\u5220\u9664\u7EBF\u4EF7\u683C\uFF09 */\n  showOriginalPrice?: boolean\n  /** \u6587\u6848\u914D\u7F6E */\n  copy?: CopyConfig\n  /** \u70B9\u51FB\u4EA7\u54C1\u56FE\u7247\u56DE\u8C03 */\n  onProductImageClick?: (product: ProductCardData) => void\n  /** \u662F\u5426\u5C55\u793A\u6807\u7B7E */\n  showTags?: boolean\n}\n\n/**\n * MediaShelf \u4EA7\u54C1\u5361\u7247\u7EC4\u4EF6\n */\nconst ProductCard = React.forwardRef<HTMLDivElement, MediaShelfProductCardProps>(\n  (\n    {\n      product,\n      className,\n      stockDisplayMode,\n      stockThresholdValue,\n      onLearnMore,\n      onShopNow,\n      onAddToCart,\n      classNames,\n      secondaryButtonText,\n      secondaryButtonFun,\n      primaryButtonText,\n      primaryButtonFun,\n      showOriginalPrice,\n      copy,\n      onProductImageClick,\n      showTags = true,\n    },\n    ref\n  ) => {\n    const [primaryLoading, setPrimaryLoading] = React.useState(false)\n    const [secondaryLoading, setSecondaryLoading] = React.useState(false)\n\n    const stockPercentage = React.useMemo(() => {\n      if (product?.availableForSale && product?.quantityAvailable <= 0) {\n        return OVERSELLING_STOCK_PERCENTAGE\n      }\n      // \u4E0D\u53EF\u552E\u65F6\u663E\u793A0%\n      if (!product?.availableForSale) {\n        return 0\n      }\n      return ((product?.quantityAvailable ?? 0) / (product?.totalInventory ?? 1)) * 100\n    }, [product?.availableForSale, product?.quantityAvailable, product?.totalInventory])\n\n    // \u6839\u636E\u6309\u94AE\u529F\u80FD\u7C7B\u578B\u8C03\u7528\u76F8\u5E94\u7684\u56DE\u8C03\u51FD\u6570\n    const handleButtonClick = async (buttonFun?: ButtonFunctionType, buttonType?: 'primary' | 'secondary') => {\n      if (!buttonFun) return\n\n      const setLoading = buttonType === 'primary' ? setPrimaryLoading : setSecondaryLoading\n      setLoading(true)\n\n      try {\n        switch (buttonFun) {\n          case 'buyNow':\n            await onShopNow?.(product)\n            break\n          case 'addCart':\n            await onAddToCart?.(product)\n            break\n          case 'learnMore':\n            await onLearnMore?.(product)\n            break\n          default:\n            break\n        }\n      } finally {\n        setLoading(false)\n      }\n    }\n\n    const overselling = product.availableForSale && product.quantityAvailable <= 0\n\n    return (\n      <Card\n        ref={ref}\n        className={cn(\n          'tablet:min-w-[auto] hover:bg-container-secondary-0 flex h-full min-w-[296px] flex-col overflow-hidden border-none',\n          product.custom_link ? 'cursor-pointer' : '',\n          className,\n          classNames?.productCard\n        )}\n      >\n        {/* \u56FE\u7247\u533A\u57DF */}\n        <div\n          className={cn(\n            'media-shelf-product-card-image-wrapper desktop:h-[240px] relative h-[200px] shrink-0 overflow-hidden',\n            classNames?.productCardImageWrapper\n          )}\n        >\n          {/* \u80CC\u666F\u56FE\u7247 */}\n          <div className={cn('media-shelf-product-card-image-bg absolute inset-0 ', classNames?.productCardImageBg)}>\n            <a\n              onClick={() => onProductImageClick?.(product)}\n              {...(!onProductImageClick && {\n                href: product.custom_link || product.listingLink,\n              })}\n              className=\"cursor-pointer\"\n            >\n              <Picture\n                source={product.custom_image || product.image}\n                alt={product.name}\n                className={cn('h-full', classNames?.productCardImage)}\n                imgClassName=\"h-full object-contain\"\n              />\n            </a>\n          </div>\n\n          {/* \u6807\u7B7E\u533A\u57DF */}\n          {showTags && product.tags && product.tags.length > 0 && (\n            <div className=\"lg-desktop:h-[28px] absolute left-4 top-4 flex h-[24px]\">\n              {product.tags.map((tag: any, index) =>\n                (tag as any).label ? (\n                  <Badge\n                    key={index}\n                    size=\"sm\"\n                    variant={(tag.variant as any) || 'outline'}\n                    className={cn('mr-1')}\n                    promotionalType={tag.promotionalType}\n                  >\n                    {tag.label}\n                  </Badge>\n                ) : (\n                  <React.Fragment key={index}>{tag}</React.Fragment>\n                )\n              )}\n            </div>\n          )}\n        </div>\n\n        {/* \u5185\u5BB9\u533A\u57DF */}\n        <CardContent className=\"desktop:p-6 bg-container-primary laptop:gap-6 flex h-[calc(100%-240px)] grow flex-col justify-between gap-4 p-4\">\n          {/* \u4EA7\u54C1\u6807\u9898\u548C\u526F\u6807\u9898 */}\n          <div className=\"flex-0\">\n            <Heading\n              as=\"h3\"\n              size={2}\n              className={cn(\n                'text-info-primary mb-1 line-clamp-2 tracking-tight',\n                onProductImageClick ? 'cursor-pointer' : '',\n                classNames?.productTitle\n              )}\n              onClick={onProductImageClick ? () => onProductImageClick(product) : undefined}\n            >\n              {product.custom_name || product.name}\n            </Heading>\n            {(product.custom_description || product?.description) && (\n              <Text\n                size={2}\n                className={cn('text-info-primary line-clamp-1', classNames?.productDescription)}\n                html={product.custom_description || product.description}\n              />\n            )}\n          </div>\n\n          {/* \u5E93\u5B58\u4FE1\u606F */}\n          {shouldShowStock(\n            stockDisplayMode,\n            stockThresholdValue,\n            product?.quantityAvailable ?? 0,\n            product?.totalInventory ?? 0\n          ) && (\n            <div\n              data-total={product?.totalInventory ?? 0}\n              data-available={product?.quantityAvailable ?? 0}\n              className=\"space-y-2\"\n            >\n              <Progress\n                value={stockPercentage}\n                max={100}\n                min={0}\n                size=\"base\"\n                variant=\"default\"\n                aria-label=\"stock progress\"\n                classNames={{\n                  progressBar: 'transition-all duration-300 ease-in-out',\n                }}\n              />\n              <Text size={3} className=\"text-info-tertiary desktop:text-[16px] lg-desktop:text-[18px] text-[12px]\">\n                {overselling\n                  ? copy?.limitedStock\n                  : copy?.stockDisplayText?.replace(\n                      '{count}',\n                      `${product.availableForSale ? product.quantityAvailable : 0}`\n                    )}\n              </Text>\n            </div>\n          )}\n\n          <div>\n            {/* \u4EF7\u683C\u533A\u57DF */}\n            <div className={cn('mb-2', classNames?.productPrice)}>\n              <div className=\"flex items-baseline gap-2\">\n                {product.availableForSale ? (\n                  <>\n                    <Heading size={2} className=\"text-info-primary\" as=\"h6\">\n                      {product.price}\n                    </Heading>\n                    {showOriginalPrice && product.originalPrice && (\n                      <Heading\n                        size={2}\n                        className={cn('text-info-tertiary line-through', classNames?.originalPrice)}\n                        as=\"h6\"\n                      >\n                        {product.originalPrice}\n                      </Heading>\n                    )}\n                  </>\n                ) : (\n                  <Heading size={2} className=\"text-info-tertiary\">\n                    {copy?.outOfStockLabel ?? 'Sold Out'}\n                  </Heading>\n                )}\n              </div>\n            </div>\n\n            {product?.priceLabel && product?.availableForSale && (\n              <Text\n                size={4}\n                className={cn(\n                  'text-marketing-1 desktop:text-[16px] lg-desktop:text-[18px] mt-2 text-[12px]',\n                  classNames?.productPriceLabel\n                )}\n              >\n                {product.priceLabel}\n              </Text>\n            )}\n\n            {/* \u6309\u94AE\u533A\u57DF */}\n            <div className={cn('lg-desktop:gap-3 tablet:flex-nowrap flex flex-wrap gap-2', classNames?.buttonGroup)}>\n              {secondaryButtonText && (\n                <Button\n                  variant=\"secondary\"\n                  size=\"base\"\n                  className={cn(\n                    'tablet:w-fit tablet:min-w-0 tablet:whitespace-normal tablet:text-center w-full whitespace-nowrap',\n                    classNames?.secondaryButton\n                  )}\n                  onClick={() => handleButtonClick(secondaryButtonFun, 'secondary')}\n                  disabled={!product.availableForSale && secondaryButtonFun !== 'learnMore'}\n                  loading={secondaryLoading}\n                  data-headless-type-name=\"MediaShelf#ProductCard\"\n                  data-headless-title-desc-button={`${product.custom_name || product.name}#${product.description || ''}#${secondaryButtonText}`}\n                  data-headless-sku={product.sku}\n                >\n                  {secondaryButtonText}\n                </Button>\n              )}\n              {primaryButtonText && (\n                <Button\n                  variant=\"primary\"\n                  size=\"base\"\n                  className={cn(\n                    'tablet:w-fit tablet:min-w-0 tablet:whitespace-normal tablet:text-center w-full whitespace-nowrap',\n                    classNames?.primaryButton\n                  )}\n                  onClick={() => handleButtonClick(primaryButtonFun, 'primary')}\n                  disabled={!product.availableForSale && primaryButtonFun !== 'learnMore'}\n                  loading={primaryLoading}\n                  data-headless-type-name=\"MediaShelf#ProductCard\"\n                  data-headless-title-desc-button={`${product.custom_name || product.name}#${product.description || ''}#${primaryButtonText}`}\n                  data-headless-sku={product.sku}\n                >\n                  {primaryButtonText}\n                </Button>\n              )}\n            </div>\n          </div>\n        </CardContent>\n      </Card>\n    )\n  }\n)\n\nProductCard.displayName = 'MediaShelf.ProductCard'\n\nexport default ProductCard\nexport { ProductCard }\n"],
-  "mappings": "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",
-  "names": ["Fragment", "jsx", "jsxs", "React", "cn", "Button", "Badge", "Card", "CardContent", "Picture", "Text", "Heading", "Progress", "OVERSELLING_STOCK_PERCENTAGE", "shouldShowStock", "stockDisplayMode", "stockThresholdValue", "quantityAvailable", "totalInventory", "ProductCard", "product", "className", "onLearnMore", "onShopNow", "onAddToCart", "classNames", "secondaryButtonText", "secondaryButtonFun", "primaryButtonText", "primaryButtonFun", "showOriginalPrice", "copy", "onProductImageClick", "showTags", "ref", "primaryLoading", "setPrimaryLoading", "secondaryLoading", "setSecondaryLoading", "stockPercentage", "handleButtonClick", "buttonFun", "buttonType", "setLoading", "overselling", "tag", "index", "ProductCard_default"]
-}

package/dist/esm/biz-components/MediaShelf/index.js.map DELETED Viewed

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/biz-components/MediaShelf/index.tsx"],
-  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport { cn } from '../../helpers/index.js'\nimport { withLayout } from '../../shared/Styles.js'\nimport { Text, Heading, Tabs, TabsList, TabsTrigger, TabsContent } from '../../components/index.js'\n\nimport { Swiper, SwiperSlide } from 'swiper/react'\nimport { Navigation } from 'swiper/modules'\n\n// Import Swiper styles\nimport 'swiper/css'\nimport 'swiper/css/navigation'\nimport type {\n  ButtonFunctionType,\n  CopyConfig,\n  ProductCardData,\n  ProductTab,\n  StockDisplayMode,\n  MediaShelfSemanticName,\n} from './types.js'\nimport ProductCard from './ProductCard.js'\nimport { useExposure } from '../../hooks/useExposure.js'\n\nconst componentType = 'shelf'\nconst componentName = 'media_shelf'\n\nconst PrevIcon = ({ disabled }: { disabled: boolean }) => (\n  <svg\n    width=\"56\"\n    height=\"56\"\n    viewBox=\"0 0 56 56\"\n    fill=\"none\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    className=\"text-info-primary laptop:block lg-desktop:size-[56px] hidden size-[40px]\"\n  >\n    <path\n      d=\"M0 28C0 43.464 12.536 56 28 56C43.464 56 56 43.464 56 28C56 12.536 43.464 0 28 0C12.536 0 0 12.536 0 28Z\"\n      fill=\"currentColor\"\n      fillOpacity={disabled ? '0.2' : '0.6'}\n    />\n    <path d=\"M31 22L25 28L31 34\" stroke=\"white\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n  </svg>\n)\n\nconst NextIcon = ({ disabled }: { disabled: boolean }) => (\n  <svg\n    width=\"56\"\n    height=\"56\"\n    viewBox=\"0 0 56 56\"\n    fill=\"none\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    className=\"text-info-primary laptop:block lg-desktop:size-[56px] hidden size-[40px]\"\n  >\n    <path\n      d=\"M0 28C0 12.536 12.536 0 28 0C43.464 0 56 12.536 56 28C56 43.464 43.464 56 28 56C12.536 56 0 43.464 0 28Z\"\n      fill=\"currentColor\"\n      fillOpacity={disabled ? '0.2' : '0.6'}\n    />\n    <path d=\"M25 22L31 28L25 34\" stroke=\"white\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n  </svg>\n)\n\n/**\n * Code Channel \u914D\u7F6E - \u6298\u6263\u524D\u7F00\n */\nexport type CodeChannelConfig = string\n\n/**\n * MediaShelf Context \u914D\u7F6E\u63A5\u53E3\n */\nexport interface MediaShelfContextConfig {\n  /** Code Channel \u914D\u7F6E - \u6298\u6263\u524D\u7F00 */\n  codeChannel?: CodeChannelConfig\n  /** \u662F\u5426\u5C55\u793A\u4F1A\u5458\u4EF7\u683C */\n  showMemberPrice?: boolean\n  /** \u662F\u5426\u5C55\u793A\u6298\u6263\u6807\u7B7E */\n  showDiscount?: boolean\n  /** \u662F\u5426\u5C55\u793A\u6807\u7B7E\u7CFB\u7EDF */\n  showTags?: boolean\n  /** \u5E93\u5B58\u5C55\u793A\u6A21\u5F0F */\n  stockDisplayMode?: StockDisplayMode\n  /** \u5E93\u5B58\u9608\u503C\uFF08\u5F53\u6A21\u5F0F\u4E3A below-quantity \u6216 below-percentage \u65F6\u4F7F\u7528\uFF09 */\n  stockThresholdValue?: number\n  /** \u662F\u5426\u5C55\u793A\u539F\u4EF7\uFF08\u5220\u9664\u7EBF\u4EF7\u683C\uFF09 */\n  showOriginalPrice?: boolean\n  /** \u7528\u6237\u72B6\u6001 */\n}\n\n/**\n * MediaShelf Context \u503C\u63A5\u53E3\n */\ninterface MediaShelfContextValue extends MediaShelfContextConfig {\n  /** \u70B9\u51FB\u4E86\u89E3\u66F4\u591A\u56DE\u8C03 */\n  onLearnMore?: (product: ProductCardData) => void\n  /** \u70B9\u51FB\u7ACB\u5373\u8D2D\u4E70\u56DE\u8C03 */\n  onShopNow?: (product: ProductCardData) => void\n  /** \u70B9\u51FB\u52A0\u5165\u8D2D\u7269\u8F66\u56DE\u8C03 */\n  onAddToCart?: (product: ProductCardData) => void\n  /** \u70B9\u51FB\u4EA7\u54C1\u56FE\u7247\u56DE\u8C03 */\n  onProductImageClick?: (product: ProductCardData) => void\n  /** \u8BED\u4E49\u5316\u7C7B\u540D */\n  classNames?: Partial<Record<MediaShelfSemanticName, string>>\n  /** \u4E86\u89E3\u66F4\u591A\u6309\u94AE\u6587\u672C */\n  secondaryButtonText?: string\n  secondaryButtonFun?: ButtonFunctionType\n  /** \u7ACB\u5373\u8D2D\u4E70\u6309\u94AE\u6587\u672C */\n  primaryButtonText?: string\n  primaryButtonFun?: ButtonFunctionType\n  /** \u6587\u6848\u914D\u7F6E */\n  copy: CopyConfig\n}\n\n/**\n * MediaShelf Context\n */\nconst MediaShelfContext = React.createContext<MediaShelfContextValue | null>(null)\n\n/**\n * \u4F7F\u7528 MediaShelf Context \u7684 Hook\n */\nexport const useMediaShelfContext = () => {\n  const context = React.useContext(MediaShelfContext)\n  if (!context) {\n    throw new Error('useMediaShelfContext must be used within an MediaShelfProvider')\n  }\n  return context\n}\n\n/**\n * MediaShelf \u4E1A\u52A1\u7EC4\u4EF6\u6570\u636E\u63A5\u53E3\n */\nexport interface MediaShelfData {\n  theme?: 'light' | 'dark'\n  /** \u7EC4\u4EF6\u6807\u9898 */\n  title?: string\n  /** \u7EC4\u4EF6\u63CF\u8FF0 */\n  description?: string\n  /** \u5206\u7EC4\u4EA7\u54C1Tab\u5217\u8868 */\n  productsTab?: ProductTab[]\n  /** \u662F\u5426\u663E\u793A Tab\uFF08\u9ED8\u8BA4\uFF1Atrue\uFF09 */\n  isShowTab?: boolean\n  /** \u4E86\u89E3\u66F4\u591A\u6309\u94AE\u6587\u672C */\n  secondaryButtonText?: string\n  secondaryButtonFun: ButtonFunctionType\n  /** \u7ACB\u5373\u8D2D\u4E70\u6309\u94AE\u6587\u672C */\n  primaryButtonText?: string\n  primaryButtonFun: ButtonFunctionType\n  /** Code Channel \u914D\u7F6E - \u6298\u6263\u524D\u7F00 */\n  codeChannel?: CodeChannelConfig\n  /** \u662F\u5426\u5C55\u793A\u4F1A\u5458\u4EF7\u683C */\n  showMemberPrice?: boolean\n  /** \u662F\u5426\u5C55\u793A\u6298\u6263\u6807\u7B7E */\n  showDiscount?: boolean\n  /** \u662F\u5426\u5C55\u793A\u6807\u7B7E\u7CFB\u7EDF */\n  showTags?: boolean\n  /** \u5E93\u5B58\u5C55\u793A\u6A21\u5F0F */\n  stockDisplayMode?: StockDisplayMode\n  /** \u5E93\u5B58\u9608\u503C\uFF08\u5F53\u6A21\u5F0F\u4E3A below-quantity \u6216 below-percentage \u65F6\u4F7F\u7528\uFF09 */\n  stockThresholdValue?: number\n  /**\n   * \u5E93\u5B58\u6587\u672C\u6A21\u677F\uFF0C\u652F\u6301 {count} \u5360\u4F4D\u7B26\n   */\n  stockDisplayText?: string\n  /** \u662F\u5426\u5C55\u793A\u539F\u4EF7\uFF08\u5220\u9664\u7EBF\u4EF7\u683C\uFF09 */\n  showOriginalPrice?: boolean\n  /** \u6587\u6848\u914D\u7F6E */\n  copy?: CopyConfig\n  /**\n   * \u4EA7\u54C1\u5217\u8868\uFF08\u5F53\u4E0D\u4F7F\u7528 Tab \u5206\u7EC4\u65F6\u53EF\u76F4\u63A5\u4F20\u5165\u4EA7\u54C1\u5217\u8868\uFF09\n   */\n  productsCard: ProductCardData[]\n}\n\nexport interface MediaShelfProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** \u4E1A\u52A1\u6570\u636E */\n  data: MediaShelfData\n  /** \u70B9\u51FB\u4E86\u89E3\u66F4\u591A\u56DE\u8C03 */\n  onLearnMore?: (product: ProductCardData) => void\n  /** \u70B9\u51FB\u7ACB\u5373\u8D2D\u4E70\u56DE\u8C03 */\n  onShopNow?: (product: ProductCardData) => void\n  /** \u70B9\u51FB\u52A0\u5165\u8D2D\u7269\u8F66\u56DE\u8C03 */\n  onAddToCart?: (product: ProductCardData) => void\n  /** \u70B9\u51FB\u4EA7\u54C1\u56FE\u7247\u56DE\u8C03 */\n  onProductImageClick?: (product: ProductCardData) => void\n  /** \u8BED\u4E49\u5316\u7C7B\u540D */\n  classNames?: Partial<Record<MediaShelfSemanticName, string>>\n}\n\n/**\n * MediaShelf \u590D\u5408\u7EC4\u4EF6\u7C7B\u578B\u5B9A\u4E49\n */\nexport interface MediaShelfComponent extends React.ForwardRefExoticComponent<\n  MediaShelfProps & React.RefAttributes<HTMLDivElement>\n> {\n  /** \u72EC\u7ACB\u7684 ProductCard \u7EC4\u4EF6 */\n  ProductCard: typeof ProductCard\n}\n\n/**\n * \u4EA7\u54C1\u5217\u8868\u7EC4\u4EF6 - \u4F7F\u7528 Swiper \u6A2A\u5411\u6ED1\u52A8\u5E03\u5C40\n */\nconst ProductsList = React.forwardRef<\n  HTMLDivElement,\n  {\n    products: ProductCardData[]\n    className?: string\n  }\n>(({ products, className }, ref) => {\n  const {\n    copy,\n    stockDisplayMode,\n    stockThresholdValue,\n    onLearnMore,\n    onShopNow,\n    onAddToCart,\n    onProductImageClick,\n    classNames,\n    secondaryButtonText,\n    primaryButtonText,\n    secondaryButtonFun,\n    primaryButtonFun,\n    showOriginalPrice,\n    showTags,\n  } = useMediaShelfContext()\n  // \u751F\u6210\u552F\u4E00 ID\uFF0C\u79FB\u9664\u7279\u6B8A\u5B57\u7B26\u4EE5\u786E\u4FDD\u53EF\u7528\u4E8E CSS \u9009\u62E9\u5668\n  const id = React.useId().replace(/:/g, '')\n  // \u9884\u5B9A\u4E49\u5BFC\u822A\u6309\u94AE\u9009\u62E9\u5668\uFF0C\u907F\u514D\u591A\u6B21\u62FC\u63A5\n  const nextButtonClass = `swiper-button-next-custom-${id}`\n  const prevButtonClass = `swiper-button-prev-custom-${id}`\n\n  // Swiper \u5BFC\u822A\u72B6\u6001\n  const [swiperState, setSwiperState] = React.useState({\n    isBeginning: true,\n    isEnd: false,\n  })\n\n  // Swiper \u5B9E\u4F8B\u5F15\u7528\n  const swiperRef = React.useRef<any>(null)\n\n  // \u8BA1\u7B97\u5E76\u8BBE\u7F6E\u6240\u6709 slide \u4E3A\u6700\u9AD8\u9AD8\u5EA6\n  const equalizeSlideHeights = React.useCallback(() => {\n    const swiper = swiperRef.current\n    if (!swiper?.slides || swiper.slides.length === 0) return\n\n    // \u5148\u91CD\u7F6E\u6240\u6709 slide \u9AD8\u5EA6\u4EE5\u83B7\u53D6\u771F\u5B9E\u5185\u5BB9\u9AD8\u5EA6\n    swiper.slides.forEach((slide: HTMLElement) => {\n      slide.style.height = 'auto'\n    })\n\n    // \u8BA1\u7B97\u6700\u5927\u9AD8\u5EA6\n    // @ts-ignore\n    const heights = Array.from(swiper.slides).map((slide: HTMLElement) => slide.scrollHeight)\n    const maxHeight = Math.max(...heights)\n\n    // \u8BBE\u7F6E\u6240\u6709 slide \u4E3A\u6700\u5927\u9AD8\u5EA6\n    if (maxHeight > 0) {\n      swiper.slides.forEach((slide: HTMLElement) => {\n        slide.style.height = `${maxHeight}px`\n      })\n    }\n  }, [])\n\n  // \u76D1\u542C\u7A97\u53E3 resize \u91CD\u65B0\u8BA1\u7B97\u9AD8\u5EA6\n  React.useEffect(() => {\n    const handleResize = () => {\n      // \u4F7F\u7528 requestAnimationFrame \u786E\u4FDD DOM \u66F4\u65B0\u5B8C\u6210\n      requestAnimationFrame(equalizeSlideHeights)\n    }\n\n    window.addEventListener('resize', handleResize)\n    return () => window.removeEventListener('resize', handleResize)\n  }, [equalizeSlideHeights])\n\n  if (products?.length === 0) {\n    return null\n  }\n\n  return (\n    <div ref={ref} className={className}>\n      {/* Swiper \u6A2A\u5411\u6ED1\u52A8\u5E03\u5C40 */}\n      <div className=\"relative\">\n        <Swiper\n          modules={[Navigation]}\n          spaceBetween={16}\n          slidesPerView=\"auto\"\n          navigation={{\n            nextEl: `.${nextButtonClass}`,\n            prevEl: `.${prevButtonClass}`,\n          }}\n          onSwiper={swiper => {\n            swiperRef.current = swiper\n            setSwiperState({\n              isBeginning: swiper.isBeginning,\n              isEnd: swiper.isEnd,\n            })\n            // \u5EF6\u8FDF\u6267\u884C\u4EE5\u786E\u4FDD\u5185\u5BB9\u6E32\u67D3\u5B8C\u6210\n            setTimeout(equalizeSlideHeights, 100)\n          }}\n          onSlideChange={swiper => {\n            setSwiperState({\n              isBeginning: swiper.isBeginning,\n              isEnd: swiper.isEnd,\n            })\n          }}\n          className=\"!overflow-visible\"\n          breakpoints={{\n            0: {\n              spaceBetween: 12,\n              slidesPerView: 1.2,\n            },\n            768: {\n              spaceBetween: 12,\n              slidesPerView: products.length <= 2 ? 2 : 2.3,\n            },\n            1024: {\n              spaceBetween: 16,\n              slidesPerView: Math.min(3, products.length),\n            },\n          }}\n        >\n          {products.map((product, index) => (\n            <SwiperSlide\n              key={product.shopify_id + '-' + product.sku || index}\n              className=\"tablet:!max-w-[50%] overflow-hidden\"\n            >\n              <ProductCard\n                product={product}\n                className=\"box-border w-full max-w-full\"\n                stockDisplayMode={stockDisplayMode}\n                stockThresholdValue={stockThresholdValue}\n                onLearnMore={onLearnMore}\n                onShopNow={onShopNow}\n                onAddToCart={onAddToCart}\n                onProductImageClick={onProductImageClick}\n                classNames={classNames}\n                secondaryButtonText={secondaryButtonText}\n                primaryButtonText={primaryButtonText}\n                secondaryButtonFun={secondaryButtonFun}\n                primaryButtonFun={primaryButtonFun}\n                showOriginalPrice={showOriginalPrice}\n                copy={copy}\n                showTags={showTags}\n              />\n            </SwiperSlide>\n          ))}\n        </Swiper>\n\n        {/* \u81EA\u5B9A\u4E49\u5BFC\u822A\u6309\u94AE */}\n        <button\n          className={cn(`${prevButtonClass} tablet:block absolute left-4 top-1/2 z-10 hidden -translate-y-1/2`, {\n            'tablet:hidden': products.length <= 2,\n            'laptop:hidden': products.length <= 3,\n          })}\n          aria-label={copy?.previousSlideLabel}\n          disabled={swiperState.isBeginning}\n        >\n          <PrevIcon disabled={swiperState.isBeginning} />\n        </button>\n        <button\n          className={cn(`${nextButtonClass} tablet:block absolute right-4 top-1/2 z-10 hidden -translate-y-1/2`, {\n            'tablet:hidden': products.length <= 2,\n            'laptop:hidden': products.length <= 3,\n          })}\n          aria-label={copy?.nextSlideLabel}\n          disabled={swiperState.isEnd}\n        >\n          <NextIcon disabled={swiperState.isEnd} />\n        </button>\n      </div>\n    </div>\n  )\n})\n\nProductsList.displayName = 'ProductsList'\n\n/**\n * MediaShelf - \u5A92\u4F53\u8D27\u67B6\n *\n * @description \u80FD\u591F\u5B9E\u65F6\u663E\u793A\u5546\u54C1\u5E93\u5B58\u4FE1\u606F\u548C\u4F1A\u5458\u4EF7\u7684\u8D27\u67B6\uFF0C\u652F\u6301\u54CD\u5E94\u5F0F\u5E03\u5C40\u548C\u591A\u79CD\u914D\u7F6E\u9009\u9879\n */\nconst MediaShelf = React.forwardRef<HTMLDivElement, MediaShelfProps>(\n  ({ className, data, onLearnMore, onShopNow, onAddToCart, onProductImageClick, classNames, ...props }, ref) => {\n    const boxRef = React.useRef<HTMLDivElement>(null)\n\n    useExposure(boxRef, {\n      componentType,\n      componentName,\n      componentTitle: data.title,\n      componentDescription: data.description,\n    })\n\n    React.useImperativeHandle(ref, () => boxRef.current as HTMLDivElement)\n\n    // \u4ECE data \u4E2D\u89E3\u6784\u914D\u7F6E\u9879\uFF0C\u5E76\u8BBE\u7F6E\u9ED8\u8BA4\u503C\n    const {\n      theme = 'light',\n      codeChannel,\n      showMemberPrice = true,\n      showDiscount = true,\n      showTags = true,\n      stockDisplayMode,\n      stockThresholdValue,\n      showOriginalPrice = true,\n      secondaryButtonText,\n      primaryButtonText,\n      secondaryButtonFun,\n      primaryButtonFun,\n      isShowTab = true,\n      copy,\n    } = data\n\n    // \u6784\u5EFA copy \u914D\u7F6E\uFF0C\u4F7F\u7528\u4F20\u5165\u7684 copy \u914D\u7F6E\n    const finalCopy: CopyConfig = copy || {}\n\n    // \u6784\u5EFA Context \u503C\n    const contextValue: MediaShelfContextValue = {\n      codeChannel,\n      showMemberPrice,\n      showDiscount,\n      showTags,\n      stockDisplayMode,\n      stockThresholdValue,\n      showOriginalPrice,\n      onLearnMore,\n      onShopNow,\n      onAddToCart,\n      onProductImageClick,\n      classNames,\n      secondaryButtonText,\n      secondaryButtonFun,\n      primaryButtonText,\n      primaryButtonFun,\n      copy: finalCopy,\n    }\n\n    // \u83B7\u53D6\u8981\u663E\u793A\u7684\u4EA7\u54C1\u6570\u636E\n    const hasTabData = data.productsTab && data.productsTab.length > 0\n    const shouldShowTab = isShowTab && hasTabData\n\n    return (\n      <MediaShelfContext.Provider value={contextValue}>\n        <div\n          ref={boxRef}\n          className={cn(\n            'w-full',\n            {\n              'aiui-dark': theme === 'dark',\n            },\n            className,\n            classNames?.root\n          )}\n          {...props}\n        >\n          {/* \u6807\u9898\u533A\u57DF */}\n          {data.title && (\n            <Heading as=\"h2\" html={data.title} size={4} className={cn('text-info-primary mb-4', classNames?.title)} />\n          )}\n          {data.description && (\n            <Text\n              size={3}\n              as=\"p\"\n              html={data.description}\n              className={cn('text-info-primary mb-6', classNames?.description)}\n            />\n          )}\n\n          {/* \u4EA7\u54C1\u5C55\u793A\u533A\u57DF */}\n\n          <Tabs defaultValue={data.productsTab?.[0]?.id} className=\"w-full\">\n            {shouldShowTab && (\n              <TabsList className=\"mb-6\">\n                {data.productsTab?.map(tab => (\n                  <TabsTrigger key={'tab-' + tab.id} value={tab.id}>\n                    {tab.tab}\n                  </TabsTrigger>\n                ))}\n              </TabsList>\n            )}\n            {shouldShowTab ? (\n              data.productsTab?.map(tab => (\n                <TabsContent key={'tab-content-' + tab.id} value={tab.id}>\n                  <ProductsList products={tab.data} />\n                </TabsContent>\n              ))\n            ) : (\n              <ProductsList products={data.productsCard} />\n            )}\n          </Tabs>\n        </div>\n      </MediaShelfContext.Provider>\n    )\n  }\n)\n\nMediaShelf.displayName = 'MediaShelf'\n\n// \u521B\u5EFA\u590D\u5408\u7EC4\u4EF6\nconst MediaShelfWithProductCard = MediaShelf as MediaShelfComponent\nMediaShelfWithProductCard.ProductCard = ProductCard\n\nconst MediaShelfWrapped = withLayout(MediaShelfWithProductCard)\n\nexport default MediaShelfWrapped\n"],
-  "mappings": "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",
-  "names": ["jsx", "jsxs", "React", "cn", "withLayout", "Text", "Heading", "Tabs", "TabsList", "TabsTrigger", "TabsContent", "Swiper", "SwiperSlide", "Navigation", "ProductCard", "useExposure", "componentType", "componentName", "PrevIcon", "disabled", "NextIcon", "MediaShelfContext", "useMediaShelfContext", "context", "ProductsList", "products", "className", "ref", "copy", "stockDisplayMode", "stockThresholdValue", "onLearnMore", "onShopNow", "onAddToCart", "onProductImageClick", "classNames", "secondaryButtonText", "primaryButtonText", "secondaryButtonFun", "primaryButtonFun", "showOriginalPrice", "showTags", "id", "nextButtonClass", "prevButtonClass", "swiperState", "setSwiperState", "swiperRef", "equalizeSlideHeights", "swiper", "slide", "heights", "maxHeight", "handleResize", "product", "index", "MediaShelf", "data", "props", "boxRef", "theme", "codeChannel", "showMemberPrice", "showDiscount", "isShowTab", "contextValue", "hasTabData", "shouldShowTab", "tab", "MediaShelfWithProductCard", "MediaShelfWrapped", "MediaShelf_default"]
-}

package/dist/esm/biz-components/MediaShelf/types.js.map DELETED Viewed

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/biz-components/MediaShelf/types.ts"],
-  "sourcesContent": ["import * as React from 'react'\nimport type { BadgeProps } from '../../components/badge.js'\n\n/**\n * \u6309\u94AE\u529F\u80FD\u7C7B\u578B\n */\nexport type ButtonFunctionType = 'buyNow' | 'addCart' | 'learnMore'\n\n/**\n * \u5E93\u5B58\u5C55\u793A\u6A21\u5F0F\n */\nexport type StockDisplayMode = 'always' | 'never' | 'below-quantity' | 'below-percentage'\n\n/**\n * \u8BED\u4E49\u5316\u7C7B\u540D\n */\nexport type MediaShelfSemanticName =\n  | 'root'\n  | 'title'\n  | 'description'\n  | 'productCard'\n  | 'productCardImageBg'\n  | 'productCardImageWrapper'\n  | 'productCardImage'\n  | 'productTitle'\n  | 'productDescription'\n  | 'productPriceLabel'\n  | 'productPrice'\n  | 'originalPrice'\n  | 'buttonGroup'\n  | 'secondaryButton'\n  | 'primaryButton'\n  | 'stockBar'\n\n/**\n * \u57FA\u7840\u4EA7\u54C1\u6570\u636E\u63A5\u53E3\uFF08\u6765\u81EA\u5916\u90E8\u6570\u636E\u6E90\uFF09\n */\nexport interface BaseProductData {\n  sku: string\n  name: string\n  image: string\n  value: string\n  handle: string\n  shopify_id: string\n  custom_name?: string\n  custom_description?: string\n  custom_image?: string\n  custom_link?: string\n}\n\n/**\n * Shopify \u53D8\u4F53\u6570\u636E\u63A5\u53E3\n */\nexport interface VariantData {\n  /**\n   * \u4EA7\u54C1\u63CF\u8FF0\n   */\n  description?: string\n  /**\n   * \u53D8\u4F53id\n   */\n  variantId: string\n\n  /**\n   * \u4EA7\u54C1\u94FE\u63A5, \u70B9\u51FB\u56FE\u7247\u7684\u65F6\u5019\u8DF3\u8F6C\u5230\u8BE5\u94FE\u63A5\n   */\n  listingLink: string\n  /**\n   * \u539F\u4EF7\n   */\n  originalPrice: string\n  /**\n   * \u73B0\u4EF7\n   */\n  price: string\n  /**\n   * \u4EF7\u683C\u4E0A\u9762\u5C55\u793A\u7684\u6807\u7B7E\u6587\u672C\n   */\n  priceLabel?: string\n  /**\n   * \u603B\u5E93\u5B58\n   */\n  totalInventory: number\n  /**\n   * \u53EF\u7528\u5E93\u5B58\u6570\u91CF\n   */\n  quantityAvailable: number\n  /**\n   * \u662F\u5426\u53EF\u552E\n   */\n  availableForSale: boolean\n\n  /**\n   * tags \u5217\u8868(\u4F1A\u5458\u4EF7\uFF0C\u6298\u6263\uFF0Cnew, hot\u7B49\u6807\u7B7E\u4FE1\u606F)\n   */\n  tags: Array<\n    | {\n        label: string\n        variant: BadgeProps['variant']\n        promotionalType?: BadgeProps['promotionalType']\n      }\n    | React.ReactNode\n  >\n  /**\n   * \u901A\u7528\u6298\u6263\u6570\u636E\uFF0C\u5305\u62EC\u6298\u6263title, \u7C7B\u578B\u548C\u503C\n   */\n  coupon: any\n}\n\n/**\n * \u5B8C\u6574\u7684\u4EA7\u54C1\u5361\u7247\u6570\u636E\u63A5\u53E3\n */\nexport interface ProductCardData extends BaseProductData, VariantData {}\n\n/**\n * \u4EA7\u54C1\u5206\u7EC4Tab\u6570\u636E\u63A5\u53E3\n */\nexport interface ProductTab {\n  /** Tab ID */\n  id: string\n  /** Tab \u6807\u9898 */\n  tab: string\n  /** \u8BE5\u5206\u7EC4\u4E0B\u7684\u4EA7\u54C1\u6570\u636E */\n  data: ProductCardData[]\n}\n\n/**\n * MediaShelf \u6587\u6848\u914D\u7F6E\u63A5\u53E3\n * \u6CE8\u610F\uFF1AsecondaryButtonText \u548C shopNowText \u4F5C\u4E3A\u9AD8\u9891\u5C5E\u6027\u4FDD\u6301\u5728 data \u7684\u76F4\u63A5\u5C5E\u6027\u4E2D\n */\nexport interface CopyConfig {\n  /** Plus\u4F1A\u5458\u4EF7\u683C\u6807\u7B7E\u6587\u672C */\n  plusMemberPriceLabel?: string\n  /** \u4F1A\u5458\u4EF7\u683C\u6807\u7B7E\u6587\u672C */\n  memberPriceLabel?: string\n\n  /** \u5E93\u5B58\u663E\u793A\u6587\u6848\u6A21\u677F\uFF0C\u652F\u6301 {count} \u5360\u4F4D\u7B26 */\n  stockDisplayText?: string\n\n  /** \u4E0A\u4E00\u9875\u6ED1\u52A8\u6309\u94AE\u7684\u65E0\u969C\u788D\u6807\u7B7E\uFF08MediaShelf \u4E13\u7528\uFF09 */\n  previousSlideLabel?: string\n  /** \u4E0B\u4E00\u9875\u6ED1\u52A8\u6309\u94AE\u7684\u65E0\u969C\u788D\u6807\u7B7E\uFF08MediaShelf \u4E13\u7528\uFF09 */\n  nextSlideLabel?: string\n\n  discountLabel?: string\n  outOfStockLabel?: string\n  limitedStock?: string\n  couponTag?: string\n}\n"],
-  "mappings": "AAAA,MAAuB",
-  "names": []
-}

package/dist/esm/biz-components/MediaTextOverlay/MediaTextOverlay.js.map DELETED Viewed

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/biz-components/MediaTextOverlay/MediaTextOverlay.tsx"],
-  "sourcesContent": ["'use client'\n\nimport React, { useRef, useMemo, useState, useEffect, useCallback } from 'react'\nimport { withLayout } from '../../shared/Styles.js'\nimport { cn } from '../../helpers/utils.js'\nimport { useExposure } from '../../hooks/useExposure.js'\nimport { useAiuiContext } from '../AiuiProvider/index.js'\nimport Media from '../Media/index.js'\nimport type { MediaTextOverlayProps, MediaTextOverlayItem } from './types.js'\nimport 'swiper/css'\nimport 'swiper/css/navigation'\nimport { Heading } from '../../components/index.js'\nimport { Swiper, SwiperSlide } from 'swiper/react'\nimport { Navigation } from 'swiper/modules'\n\nconst PrevIcon = ({ disabled }: { disabled: boolean }) => (\n  <svg\n    width=\"40\"\n    height=\"40\"\n    viewBox=\"0 0 56 56\"\n    fill=\"none\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    className=\"text-info-primary lg-desktop:size-[56px] size-[40px]\"\n  >\n    <path\n      d=\"M0 28C0 43.464 12.536 56 28 56C43.464 56 56 43.464 56 28C56 12.536 43.464 0 28 0C12.536 0 0 12.536 0 28Z\"\n      fill=\"currentColor\"\n      fillOpacity={disabled ? '0.2' : '0.6'}\n    />\n    <path d=\"M31 22L25 28L31 34\" stroke=\"white\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n  </svg>\n)\n\nconst NextIcon = ({ disabled }: { disabled: boolean }) => (\n  <svg\n    width=\"40\"\n    height=\"40\"\n    viewBox=\"0 0 56 56\"\n    fill=\"none\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    className=\"text-info-primary lg-desktop:size-[56px] size-[40px]\"\n  >\n    <path\n      d=\"M0 28C0 12.536 12.536 0 28 0C43.464 0 56 12.536 56 28C56 43.464 43.464 56 28 56C12.536 56 0 43.464 0 28Z\"\n      fill=\"currentColor\"\n      fillOpacity={disabled ? '0.2' : '0.6'}\n    />\n    <path d=\"M25 22L31 28L25 34\" stroke=\"white\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n  </svg>\n)\n\nconst componentType = 'video'\nconst componentName = 'media_text_overlay'\n\n// \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n// Icons\n// \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n\nconst PlayIcon = () => (\n  <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" aria-hidden=\"true\">\n    <path d=\"M8 5.14v13.72L19 12 8 5.14z\" fill=\"white\" />\n  </svg>\n)\n\nconst PauseIcon = () => (\n  <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" aria-hidden=\"true\">\n    <rect x=\"6\" y=\"5\" width=\"4\" height=\"14\" rx=\"1\" fill=\"white\" />\n    <rect x=\"14\" y=\"5\" width=\"4\" height=\"14\" rx=\"1\" fill=\"white\" />\n  </svg>\n)\n\ninterface ItemBlockProps {\n  data: MediaTextOverlayItem\n  configuration?: any\n  jIndex?: number\n  classNames?: any\n}\n\nconst ItemBlock = ({ data: item, configuration, jIndex, classNames = {} }: ItemBlockProps) => {\n  const ref = useRef<HTMLDivElement>(null)\n  const videoRef = useRef<HTMLVideoElement>(null)\n\n  const { content, media } = item\n  const theme = configuration?.theme || 'light'\n  const isAutoPlay = configuration?.isAutoPlay ?? true\n\n  const [isPlaying, setIsPlaying] = useState(false)\n\n  useExposure(ref, {\n    componentType,\n    componentName,\n    position: jIndex,\n    componentTitle: content,\n    navigation: configuration?.activeTab,\n  })\n\n  const hasVideo = useMemo(\n    () =>\n      [media.lgDesktop, media.desktop, media.laptop, media.pad, media.mobile].some(m => m?.mimeType === 'video/mp4'),\n    [media]\n  )\n\n  const handlePlayButtonClick = useCallback(() => {\n    const video = videoRef.current\n    if (video) {\n      if (video.paused) {\n        video.play()\n        setIsPlaying(true)\n      } else {\n        video.pause()\n        setIsPlaying(false)\n      }\n    }\n  }, [])\n\n  useEffect(() => {\n    const video = videoRef.current\n    if (!video || !hasVideo || !isAutoPlay) return\n\n    const observer = new IntersectionObserver(\n      entries => {\n        entries.forEach(entry => {\n          if (entry.isIntersecting) {\n            video.play().catch(error => {\n              console.warn('Video autoplay failed:', error)\n            })\n          } else {\n            video.pause()\n          }\n        })\n      },\n      { threshold: 0.5 }\n    )\n\n    observer.observe(video)\n\n    return () => {\n      observer.disconnect()\n    }\n  }, [hasVideo, isAutoPlay])\n\n  return (\n    <div\n      className={cn('item-wrapper rounded-box group relative box-border w-full overflow-hidden', {\n        'aiui-dark': theme === 'dark',\n      })}\n      ref={ref}\n    >\n      <div className=\"absolute inset-0\">\n        <Media\n          pcImage={media.lgDesktop || media.desktop}\n          desktopImage={media.desktop}\n          laptopImage={media.laptop}\n          padImage={media.pad}\n          mobileImage={media.mobile}\n          videoClassName=\"absolute inset-0 size-full object-cover\"\n          imgClassName=\"absolute inset-0 size-full object-cover\"\n          videoRef={videoRef}\n          muted={true}\n          loop={true}\n          playsInline={true}\n          autoPlay={isAutoPlay}\n          onVideoPlay={() => setIsPlaying(true)}\n          onVideoPause={() => setIsPlaying(false)}\n          onVideoEnded={() => setIsPlaying(false)}\n        />\n      </div>\n\n      {hasVideo && (\n        <div className=\"desktop:p-8 absolute bottom-0 right-0 z-30 p-6\">\n          <button\n            type=\"button\"\n            aria-label={isPlaying ? 'Pause video' : 'Play video'}\n            onClick={handlePlayButtonClick}\n            className={cn(\n              'flex size-14 shrink-0 items-center justify-center rounded-full bg-white/20 transition-opacity hover:opacity-80',\n              classNames.playButton\n            )}\n          >\n            {isPlaying ? <PauseIcon /> : <PlayIcon />}\n          </button>\n        </div>\n      )}\n\n      <div\n        className={cn(\n          'text-info-primary laptop:px-6 laptop:pb-6 laptop:pr-24 desktop:px-8 desktop:pb-8 desktop:pr-28 absolute inset-x-0 bottom-0 z-20 flex flex-col gap-4 px-4 pb-4 pr-20',\n          classNames.overlay\n        )}\n      >\n        <div className={cn('flex items-end justify-between gap-4', classNames.content)}>\n          <Heading size={2} html={content} className=\"line-clamp-3\" />\n        </div>\n      </div>\n    </div>\n  )\n}\n\nconst MediaTextOverlay = React.forwardRef<HTMLDivElement, MediaTextOverlayProps>((props, ref) => {\n  const { data, className, classNames = {}, ...rest } = props\n  const { items = [], theme = 'dark', size = 'sm', isShowPagination = true, isAutoPlay = true } = data\n  const { locale = 'us' } = useAiuiContext()\n  const swiperRef = useRef<any>(null)\n\n  const sizeClasses = {\n    lg: 'aspect-[390/400] max-w-[390px] tablet:aspect-[768/400] tablet:max-w-[768px] laptop:aspect-[1024/384] laptop:max-w-[1024px] desktop:aspect-[1440/512] desktop:max-w-[1440px] lg-desktop:aspect-[1920/640] lg-desktop:max-w-[1920px]',\n    sm: 'aspect-[390/240] max-w-[390px] tablet:aspect-[768/240] tablet:max-w-[768px] laptop:aspect-[1024/288] laptop:max-w-[1024px] desktop:aspect-[1440/384] desktop:max-w-[1440px] lg-desktop:aspect-[1920/480] lg-desktop:max-w-[1920px]',\n  }\n\n  const sizeMultiplierMap = {\n    2: 'aspect-[296/360] max-w-[296px] tablet:aspect-[346/360] tablet:max-w-[346px] laptop:aspect-[440/360] laptop:max-w-[440px] desktop:aspect-[648/384] desktop:max-w-[648px] lg-desktop:aspect-[824/480] lg-desktop:max-w-[824px]',\n    3: 'aspect-[296/360] max-w-[296px] tablet:aspect-[296/360] tablet:max-w-[296px] laptop:aspect-[288/360] laptop:max-w-[288px] desktop:aspect-[427/384] desktop:max-w-[427px] lg-desktop:aspect-[544/480] lg-desktop:max-w-[544px]',\n    4: 'aspect-[296/360] max-w-[296px] tablet:aspect-[296/360] tablet:max-w-[296px] laptop:aspect-[288/360] laptop:max-w-[288px] desktop:aspect-[316/384] desktop:max-w-[316px] lg-desktop:aspect-[404/480] lg-desktop:max-w-[404px]',\n  }\n\n  const slideClassName =\n    items.length === 1\n      ? sizeClasses[size as keyof typeof sizeClasses]\n      : sizeMultiplierMap[(items.length > 4 ? 4 : items.length) as keyof typeof sizeMultiplierMap]\n  const [swiperState, setSwiperState] = useState({\n    isBeginning: true,\n    isEnd: false,\n  })\n\n  const breakpoints = {\n    0: {\n      spaceBetween: 12,\n    },\n    1440: {\n      spaceBetween: 16,\n    },\n  }\n  // \u751F\u6210\u552F\u4E00 ID\uFF0C\u79FB\u9664\u7279\u6B8A\u5B57\u7B26\u4EE5\u786E\u4FDD\u53EF\u7528\u4E8E CSS \u9009\u62E9\u5668\n  const id = React.useId().replace(/:/g, '')\n  const nextButtonClass = `${id}-custom-swiper-button-next`\n  const prevButtonClass = `${id}-custom-swiper-button-prev`\n\n  return (\n    <section\n      data-ui-component-id=\"MediaTextOverlay\"\n      ref={ref}\n      {...rest}\n      className={cn('mediaTextOverlayBlock text-info-primary', className, classNames.root)}\n    >\n      {items && items.length > 0 ? (\n        <div className=\"group relative\">\n          <Swiper\n            className=\"!overflow-visible\"\n            modules={[Navigation]}\n            navigation={{\n              nextEl: `.${nextButtonClass}`,\n              prevEl: `.${prevButtonClass}`,\n            }}\n            onSwiper={swiper => {\n              swiperRef.current = swiper\n              setSwiperState({\n                isBeginning: swiper.isBeginning,\n                isEnd: swiper.isEnd,\n              })\n            }}\n            onReachEnd={() => {\n              setSwiperState(prev => ({ ...prev, isEnd: true }))\n            }}\n            onReachBeginning={() => {\n              setSwiperState(prev => ({ ...prev, isBeginning: true }))\n            }}\n            onFromEdge={() => {\n              setSwiperState({ isBeginning: false, isEnd: false })\n            }}\n            slidesPerView={'auto'}\n            breakpoints={breakpoints}\n          >\n            {items.map((item, jIndex) => (\n              <SwiperSlide key={`${id}-SwiperSlide-${jIndex}`} className={cn('!flex', slideClassName)}>\n                <ItemBlock\n                  data={item}\n                  configuration={{\n                    theme,\n                    size,\n                    num: items.length,\n                    locale,\n                    onlyOne: items.length === 1,\n                    sizeMultiplier: items.length > 4 ? 4 : items.length,\n                    index: jIndex,\n                    isAutoPlay,\n                  }}\n                  jIndex={jIndex}\n                />\n              </SwiperSlide>\n            ))}\n          </Swiper>\n\n          {isShowPagination && items.length > 1 && (\n            <>\n              <button\n                className={`${prevButtonClass} absolute left-4 top-1/2 z-10 -translate-y-1/2 transition-opacity ${swiperState.isBeginning ? 'pointer-events-none opacity-0' : 'opacity-100 hover:opacity-80'}`}\n                aria-label=\"Previous slide\"\n              >\n                <PrevIcon disabled={swiperState.isBeginning} />\n              </button>\n              <button\n                className={`${nextButtonClass} absolute right-4 top-1/2 z-10 -translate-y-1/2 transition-opacity ${swiperState.isEnd ? 'pointer-events-none opacity-0' : 'opacity-100 hover:opacity-80'}`}\n                aria-label=\"Next slide\"\n              >\n                <NextIcon disabled={swiperState.isEnd} />\n              </button>\n            </>\n          )}\n        </div>\n      ) : null}\n    </section>\n  )\n})\n\nMediaTextOverlay.displayName = 'MediaTextOverlay'\n\nexport default withLayout(MediaTextOverlay)\nexport type { MediaTextOverlayProps }\n"],
-  "mappings": "aAgBE,OAqRU,YAAAA,EA7QR,OAAAC,EARF,QAAAC,MAAA,oBAdF,OAAOC,GAAS,UAAAC,EAAQ,WAAAC,EAAS,YAAAC,EAAU,aAAAC,EAAW,eAAAC,MAAmB,QACzE,OAAS,cAAAC,MAAkB,yBAC3B,OAAS,MAAAC,MAAU,yBACnB,OAAS,eAAAC,MAAmB,6BAC5B,OAAS,kBAAAC,MAAsB,2BAC/B,OAAOC,MAAW,oBAElB,MAAO,aACP,MAAO,wBACP,OAAS,WAAAC,MAAe,4BACxB,OAAS,UAAAC,EAAQ,eAAAC,MAAmB,eACpC,OAAS,cAAAC,MAAkB,iBAE3B,MAAMC,EAAW,CAAC,CAAE,SAAAC,CAAS,IAC3BjB,EAAC,OACC,MAAM,KACN,OAAO,KACP,QAAQ,YACR,KAAK,OACL,MAAM,6BACN,UAAU,uDAEV,UAAAD,EAAC,QACC,EAAE,2GACF,KAAK,eACL,YAAakB,EAAW,MAAQ,MAClC,EACAlB,EAAC,QAAK,EAAE,qBAAqB,OAAO,QAAQ,YAAY,IAAI,cAAc,QAAQ,eAAe,QAAQ,GAC3G,EAGImB,EAAW,CAAC,CAAE,SAAAD,CAAS,IAC3BjB,EAAC,OACC,MAAM,KACN,OAAO,KACP,QAAQ,YACR,KAAK,OACL,MAAM,6BACN,UAAU,uDAEV,UAAAD,EAAC,QACC,EAAE,2GACF,KAAK,eACL,YAAakB,EAAW,MAAQ,MAClC,EACAlB,EAAC,QAAK,EAAE,qBAAqB,OAAO,QAAQ,YAAY,IAAI,cAAc,QAAQ,eAAe,QAAQ,GAC3G,EAGIoB,EAAgB,QAChBC,EAAgB,qBAMhBC,EAAW,IACftB,EAAC,OAAI,MAAM,KAAK,OAAO,KAAK,QAAQ,YAAY,KAAK,OAAO,MAAM,6BAA6B,cAAY,OACzG,SAAAA,EAAC,QAAK,EAAE,8BAA8B,KAAK,QAAQ,EACrD,EAGIuB,EAAY,IAChBtB,EAAC,OAAI,MAAM,KAAK,OAAO,KAAK,QAAQ,YAAY,KAAK,OAAO,MAAM,6BAA6B,cAAY,OACzG,UAAAD,EAAC,QAAK,EAAE,IAAI,EAAE,IAAI,MAAM,IAAI,OAAO,KAAK,GAAG,IAAI,KAAK,QAAQ,EAC5DA,EAAC,QAAK,EAAE,KAAK,EAAE,IAAI,MAAM,IAAI,OAAO,KAAK,GAAG,IAAI,KAAK,QAAQ,GAC/D,EAUIwB,EAAY,CAAC,CAAE,KAAMC,EAAM,cAAAC,EAAe,OAAAC,EAAQ,WAAAC,EAAa,CAAC,CAAE,IAAsB,CAC5F,MAAMC,EAAM1B,EAAuB,IAAI,EACjC2B,EAAW3B,EAAyB,IAAI,EAExC,CAAE,QAAA4B,EAAS,MAAAC,CAAM,EAAIP,EACrBQ,EAAQP,GAAe,OAAS,QAChCQ,EAAaR,GAAe,YAAc,GAE1C,CAACS,EAAWC,CAAY,EAAI/B,EAAS,EAAK,EAEhDK,EAAYmB,EAAK,CACf,cAAAT,EACA,cAAAC,EACA,SAAUM,EACV,eAAgBI,EAChB,WAAYL,GAAe,SAC7B,CAAC,EAED,MAAMW,EAAWjC,EACf,IACE,CAAC4B,EAAM,UAAWA,EAAM,QAASA,EAAM,OAAQA,EAAM,IAAKA,EAAM,MAAM,EAAE,KAAKM,GAAKA,GAAG,WAAa,WAAW,EAC/G,CAACN,CAAK,CACR,EAEMO,EAAwBhC,EAAY,IAAM,CAC9C,MAAMiC,EAAQV,EAAS,QACnBU,IACEA,EAAM,QACRA,EAAM,KAAK,EACXJ,EAAa,EAAI,IAEjBI,EAAM,MAAM,EACZJ,EAAa,EAAK,GAGxB,EAAG,CAAC,CAAC,EAEL,OAAA9B,EAAU,IAAM,CACd,MAAMkC,EAAQV,EAAS,QACvB,GAAI,CAACU,GAAS,CAACH,GAAY,CAACH,EAAY,OAExC,MAAMO,EAAW,IAAI,qBACnBC,GAAW,CACTA,EAAQ,QAAQC,GAAS,CACnBA,EAAM,eACRH,EAAM,KAAK,EAAE,MAAMI,GAAS,CAC1B,QAAQ,KAAK,yBAA0BA,CAAK,CAC9C,CAAC,EAEDJ,EAAM,MAAM,CAEhB,CAAC,CACH,EACA,CAAE,UAAW,EAAI,CACnB,EAEA,OAAAC,EAAS,QAAQD,CAAK,EAEf,IAAM,CACXC,EAAS,WAAW,CACtB,CACF,EAAG,CAACJ,EAAUH,CAAU,CAAC,EAGvBjC,EAAC,OACC,UAAWQ,EAAG,4EAA6E,CACzF,YAAawB,IAAU,MACzB,CAAC,EACD,IAAKJ,EAEL,UAAA7B,EAAC,OAAI,UAAU,mBACb,SAAAA,EAACY,EAAA,CACC,QAASoB,EAAM,WAAaA,EAAM,QAClC,aAAcA,EAAM,QACpB,YAAaA,EAAM,OACnB,SAAUA,EAAM,IAChB,YAAaA,EAAM,OACnB,eAAe,0CACf,aAAa,0CACb,SAAUF,EACV,MAAO,GACP,KAAM,GACN,YAAa,GACb,SAAUI,EACV,YAAa,IAAME,EAAa,EAAI,EACpC,aAAc,IAAMA,EAAa,EAAK,EACtC,aAAc,IAAMA,EAAa,EAAK,EACxC,EACF,EAECC,GACCrC,EAAC,OAAI,UAAU,iDACb,SAAAA,EAAC,UACC,KAAK,SACL,aAAYmC,EAAY,cAAgB,aACxC,QAASI,EACT,UAAW9B,EACT,iHACAmB,EAAW,UACb,EAEC,SAAAO,EAAYnC,EAACuB,EAAA,EAAU,EAAKvB,EAACsB,EAAA,EAAS,EACzC,EACF,EAGFtB,EAAC,OACC,UAAWS,EACT,sKACAmB,EAAW,OACb,EAEA,SAAA5B,EAAC,OAAI,UAAWS,EAAG,uCAAwCmB,EAAW,OAAO,EAC3E,SAAA5B,EAACa,EAAA,CAAQ,KAAM,EAAG,KAAMkB,EAAS,UAAU,eAAe,EAC5D,EACF,GACF,CAEJ,EAEMc,EAAmB3C,EAAM,WAAkD,CAAC4C,EAAOjB,IAAQ,CAC/F,KAAM,CAAE,KAAAkB,EAAM,UAAAC,EAAW,WAAApB,EAAa,CAAC,EAAG,GAAGqB,CAAK,EAAIH,EAChD,CAAE,MAAAI,EAAQ,CAAC,EAAG,MAAAjB,EAAQ,OAAQ,KAAAkB,EAAO,KAAM,iBAAAC,EAAmB,GAAM,WAAAlB,EAAa,EAAK,EAAIa,EAC1F,CAAE,OAAAM,EAAS,IAAK,EAAI1C,EAAe,EACnC2C,EAAYnD,EAAY,IAAI,EAE5BoD,EAAc,CAClB,GAAI,qOACJ,GAAI,oOACN,EAEMC,EAAoB,CACxB,EAAG,+NACH,EAAG,+NACH,EAAG,8NACL,EAEMC,EACJP,EAAM,SAAW,EACbK,EAAYJ,CAAgC,EAC5CK,EAAmBN,EAAM,OAAS,EAAI,EAAIA,EAAM,MAAyC,EACzF,CAACQ,EAAaC,CAAc,EAAItD,EAAS,CAC7C,YAAa,GACb,MAAO,EACT,CAAC,EAEKuD,EAAc,CAClB,EAAG,CACD,aAAc,EAChB,EACA,KAAM,CACJ,aAAc,EAChB,CACF,EAEMC,EAAK3D,EAAM,MAAM,EAAE,QAAQ,KAAM,EAAE,EACnC4D,EAAkB,GAAGD,CAAE,6BACvBE,EAAkB,GAAGF,CAAE,6BAE7B,OACE7D,EAAC,WACC,uBAAqB,mBACrB,IAAK6B,EACJ,GAAGoB,EACJ,UAAWxC,EAAG,0CAA2CuC,EAAWpB,EAAW,IAAI,EAElF,SAAAsB,GAASA,EAAM,OAAS,EACvBjD,EAAC,OAAI,UAAU,iBACb,UAAAD,EAACc,EAAA,CACC,UAAU,oBACV,QAAS,CAACE,CAAU,EACpB,WAAY,CACV,OAAQ,IAAI8C,CAAe,GAC3B,OAAQ,IAAIC,CAAe,EAC7B,EACA,SAAUC,GAAU,CAClBV,EAAU,QAAUU,EACpBL,EAAe,CACb,YAAaK,EAAO,YACpB,MAAOA,EAAO,KAChB,CAAC,CACH,EACA,WAAY,IAAM,CAChBL,EAAeM,IAAS,CAAE,GAAGA,EAAM,MAAO,EAAK,EAAE,CACnD,EACA,iBAAkB,IAAM,CACtBN,EAAeM,IAAS,CAAE,GAAGA,EAAM,YAAa,EAAK,EAAE,CACzD,EACA,WAAY,IAAM,CAChBN,EAAe,CAAE,YAAa,GAAO,MAAO,EAAM,CAAC,CACrD,EACA,cAAe,OACf,YAAaC,EAEZ,SAAAV,EAAM,IAAI,CAACzB,EAAME,IAChB3B,EAACe,EAAA,CAAgD,UAAWN,EAAG,QAASgD,CAAc,EACpF,SAAAzD,EAACwB,EAAA,CACC,KAAMC,EACN,cAAe,CACb,MAAAQ,EACA,KAAAkB,EACA,IAAKD,EAAM,OACX,OAAAG,EACA,QAASH,EAAM,SAAW,EAC1B,eAAgBA,EAAM,OAAS,EAAI,EAAIA,EAAM,OAC7C,MAAOvB,EACP,WAAAO,CACF,EACA,OAAQP,EACV,GAdgB,GAAGkC,CAAE,gBAAgBlC,CAAM,EAe7C,CACD,EACH,EAECyB,GAAoBF,EAAM,OAAS,GAClCjD,EAAAF,EAAA,CACE,UAAAC,EAAC,UACC,UAAW,GAAG+D,CAAe,qEAAqEL,EAAY,YAAc,gCAAkC,8BAA8B,GAC5L,aAAW,iBAEX,SAAA1D,EAACiB,EAAA,CAAS,SAAUyC,EAAY,YAAa,EAC/C,EACA1D,EAAC,UACC,UAAW,GAAG8D,CAAe,sEAAsEJ,EAAY,MAAQ,gCAAkC,8BAA8B,GACvL,aAAW,aAEX,SAAA1D,EAACmB,EAAA,CAAS,SAAUuC,EAAY,MAAO,EACzC,GACF,GAEJ,EACE,KACN,CAEJ,CAAC,EAEDb,EAAiB,YAAc,mBAE/B,IAAOqB,GAAQ1D,EAAWqC,CAAgB",
-  "names": ["Fragment", "jsx", "jsxs", "React", "useRef", "useMemo", "useState", "useEffect", "useCallback", "withLayout", "cn", "useExposure", "useAiuiContext", "Media", "Heading", "Swiper", "SwiperSlide", "Navigation", "PrevIcon", "disabled", "NextIcon", "componentType", "componentName", "PlayIcon", "PauseIcon", "ItemBlock", "item", "configuration", "jIndex", "classNames", "ref", "videoRef", "content", "media", "theme", "isAutoPlay", "isPlaying", "setIsPlaying", "hasVideo", "m", "handlePlayButtonClick", "video", "observer", "entries", "entry", "error", "MediaTextOverlay", "props", "data", "className", "rest", "items", "size", "isShowPagination", "locale", "swiperRef", "sizeClasses", "sizeMultiplierMap", "slideClassName", "swiperState", "setSwiperState", "breakpoints", "id", "nextButtonClass", "prevButtonClass", "swiper", "prev", "MediaTextOverlay_default"]
-}

package/dist/esm/biz-components/MediaTextOverlay/index.js.map DELETED Viewed

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/biz-components/MediaTextOverlay/index.tsx"],
-  "sourcesContent": ["export { default } from './MediaTextOverlay.js'\nexport type {\n  MediaTextOverlayProps,\n  MediaTextOverlayData,\n  MediaTextOverlayItem,\n  MediaTextOverlaySemanticName,\n  ResponsiveMedia,\n} from './types.js'\n"],
-  "mappings": "AAAA,OAAS,WAAAA,MAAe",
-  "names": ["default"]
-}

package/dist/esm/biz-components/MediaTextOverlay/types.js.map DELETED Viewed

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": [],
-  "sourcesContent": [],
-  "mappings": "",
-  "names": []
-}

package/dist/esm/biz-components/MemberEquity/index.js.map DELETED Viewed

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/biz-components/MemberEquity/index.tsx"],
-  "sourcesContent": ["'use client'\nimport React, { useImperativeHandle, useRef } from 'react'\nimport { useMediaQuery } from 'react-responsive'\nimport { Button, Heading, Picture, Text } from '../../components/index.js'\nimport { withLayout } from '../../shared/Styles.js'\nimport type { MemberEquityProps } from './types.js'\nimport { cn, getLocalizedPath } from '../../helpers/utils.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 = 'member_area'\n\nconst MemberEquity: React.FC<MemberEquityProps> = React.forwardRef<HTMLDivElement, MemberEquityProps>(\n  ({ data, className = '', ...rest }, ref) => {\n    const {\n      title,\n      description,\n      backgroundImage,\n      mobileBackgroundImage,\n      primaryButton,\n      secondaryButton,\n      theme,\n      shape,\n      primaryButtonHandler,\n      secondaryButtonHandler,\n    } = data\n\n    const isMobile = useMediaQuery({ query: '(max-width: 768px)' })\n    const innerRef = useRef<HTMLDivElement>(null)\n    const { locale = 'us' } = useAiuiContext()\n\n    useImperativeHandle(ref, () => innerRef.current as HTMLDivElement)\n\n    useExposure(innerRef, {\n      componentType,\n      componentName,\n      componentTitle: title,\n      componentDescription: description,\n    })\n\n    const handleButtonPrimaryClick = () => {\n      // \u6267\u884C\u4E3B\u6309\u94AE\u7684\u70B9\u51FB\u4E8B\u4EF6\n      console.log('primaryButtonHandler', primaryButtonHandler)\n      primaryButtonHandler?.()\n    }\n\n    const handleButtonSecondaryClick = () => {\n      // \u6267\u884C\u526F\u6309\u94AE\u7684\u70B9\u51FB\u4E8B\u4EF6\n      secondaryButtonHandler?.()\n    }\n\n    const lgButtonSize = 'lg-desktop:px-7 lg-desktop:pb-[14px] lg-desktop:pt-[15px] lg-desktop:text-[16px]'\n\n    return (\n      <section\n        data-ui-component-id=\"MemberEquity\"\n        {...rest}\n        className={cn(\n          'lg-desktop:aspect-[1384/560] desktop:aspect-[1090/488] laptop:aspect-[774/336] tablet:aspect-[704/480]',\n          'text-info-primary relative overflow-hidden',\n          className,\n          {\n            'aiui-dark': theme === 'dark',\n            'rounded-box': true,\n            'h-[480px]': isMobile,\n          }\n        )}\n        ref={innerRef}\n      >\n        {isVideo(backgroundImage?.mimeType) ? (\n          <video\n            autoPlay\n            muted\n            playsInline\n            loop\n            className=\"laptop:block absolute inset-0 hidden size-full object-cover\"\n          >\n            <source src={backgroundImage?.url} type=\"video/mp4\" />\n          </video>\n        ) : (\n          <Picture\n            source={backgroundImage?.url}\n            alt={backgroundImage?.alt}\n            className=\"laptop:block absolute inset-0 hidden size-full object-cover [&_img]:h-full [&_img]:object-cover\"\n          />\n        )}\n        {isVideo(mobileBackgroundImage?.mimeType) ? (\n          <video autoPlay muted playsInline loop className=\"laptop:hidden absolute inset-0 size-full object-cover\">\n            <source src={mobileBackgroundImage?.url} type=\"video/mp4\" />\n          </video>\n        ) : (\n          <Picture\n            source={mobileBackgroundImage?.url}\n            alt={mobileBackgroundImage?.alt}\n            className=\"laptop:hidden absolute inset-0 size-full object-cover [&_img]:h-full [&_img]:object-cover\"\n          />\n        )}\n        <div className={'laptop:items-center absolute inset-0 flex w-full items-end py-[16px]'}>\n          <div\n            className={`\n              tablet:px-6 laptop:px-[76px] desktop:px-[111px] lg-desktop:px-[139px] tablet:gap-5 \n              laptop:gap-4 desktop:gap-6 lg-desktop:gap-8 flex w-full flex-col gap-6 px-4\n            `}\n          >\n            <div className=\"desktop:gap-2 lg-desktop:gap-4 laptop:max-w-[286px] desktop:max-w-[426px] lg-desktop:max-w-[547px] flex flex-col\">\n              <Heading as=\"h2\" size={3} className={`member-equity-title `} html={title} />\n              <Text\n                size={2}\n                className={`member-equity-description lg-desktop:text-[18px] desktop:text-[16px] text-[14px]`}\n                html={description}\n              />\n            </div>\n            {/* \u6309\u94AE\u7EC4 */}\n            <div className=\"lg-desktop:gap-3 flex items-center gap-2\">\n              {secondaryButton && secondaryButton.text && (\n                <Button\n                  aria-label={title ?? description}\n                  variant=\"secondary\"\n                  onClick={handleButtonSecondaryClick}\n                  className={cn('member-equity-button-secondary ', lgButtonSize)}\n                  as=\"a\"\n                  href={trackUrlRef(\n                    getLocalizedPath(secondaryButton.link || '', locale),\n                    `${componentType}_${componentName}`\n                  )}\n                  data-headless-type-name={`${componentType}#${componentName}`}\n                  data-headless-title-desc-button={`${title}#${description}#${secondaryButton.text}`}\n                >\n                  {secondaryButton.text}\n                  <span className=\"sr-only\">{title ?? description}</span>\n                </Button>\n              )}\n              {primaryButton && primaryButton.text && (\n                <Button\n                  variant=\"primary\"\n                  onClick={handleButtonPrimaryClick}\n                  className={cn('member-equity-button-primary ', lgButtonSize)}\n                  data-headless-type-name={`${componentType}#${componentName}`}\n                  data-headless-title-desc-button={`${title}#${description}#${primaryButton.text}`}\n                >\n                  {primaryButton.text}\n                </Button>\n              )}\n            </div>\n          </div>\n        </div>\n      </section>\n    )\n  }\n)\n\nMemberEquity.displayName = 'MemberEquity'\n\nexport default withLayout(MemberEquity)\n"],
-  "mappings": "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",
-  "names": ["jsx", "jsxs", "React", "useImperativeHandle", "useRef", "useMediaQuery", "Button", "Heading", "Picture", "Text", "withLayout", "cn", "getLocalizedPath", "isVideo", "useExposure", "trackUrlRef", "useAiuiContext", "componentType", "componentName", "MemberEquity", "data", "className", "rest", "ref", "title", "description", "backgroundImage", "mobileBackgroundImage", "primaryButton", "secondaryButton", "theme", "shape", "primaryButtonHandler", "secondaryButtonHandler", "isMobile", "innerRef", "locale", "handleButtonPrimaryClick", "handleButtonSecondaryClick", "lgButtonSize", "MemberEquity_default"]
-}

package/dist/esm/biz-components/MemberEquity/types.js.map DELETED Viewed

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": [],
-  "sourcesContent": [],
-  "mappings": "",
-  "names": []
-}

package/dist/esm/biz-components/MiniCart/CircleProgress.js.map DELETED Viewed

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/biz-components/MiniCart/CircleProgress.tsx"],
-  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport type { Img } from '../../types/props.js'\nimport { Picture, Text } from '../../components/index.js'\nimport { cn } from '../../helpers/index.js'\n\nexport interface CircleProgressProps {\n  /** \u603B\u9636\u6BB5\u6570 (1-4) */\n  totalSteps?: 1 | 2 | 3 | 4\n  /** \u5F53\u524D\u5B8C\u6210\u7684\u9636\u6BB5 (0 \u5230 totalSteps) */\n  currentStep?: number\n  /** \u4E2D\u95F4\u663E\u793A\u7684\u56FE\u7247 */\n  image?: Img\n  /** \u5E95\u90E8\u663E\u793A\u7684\u6587\u6848 */\n  label?: string\n  /** \u8FDB\u5EA6\u6761\u989C\u8272\uFF0C\u9ED8\u8BA4\u4E3A\u54C1\u724C\u8272 */\n  progressColor?: string\n  /** \u5E95\u90E8\u6587\u6848\u80CC\u666F\u8272\uFF0C\u9ED8\u8BA4\u4E3A\u54C1\u724C\u8425\u9500\u8272 */\n  labelColor?: string\n  /** \u672A\u5B8C\u6210\u9636\u6BB5\u7684\u989C\u8272 */\n  trackColor?: string\n  /** \u80CC\u666F\u989C\u8272\uFF0C\u9ED8\u8BA4\u4E3A\u5BB9\u5668\u80CC\u666F\u8272 */\n  backgroundColor?: string\n  /** \u79FB\u52A8\u7AEF\u7EC4\u4EF6\u5C3A\u5BF8\uFF0C\u9ED8\u8BA4 64 */\n  size?: number\n  /** laptop \u4EE5\u4E0A\u7EC4\u4EF6\u5C3A\u5BF8\uFF0C\u9ED8\u8BA4 80 */\n  laptopSize?: number\n  /** \u6BB5\u4E4B\u95F4\u7684\u95F4\u9699\uFF08\u50CF\u7D20\uFF09\uFF0C\u9ED8\u8BA4 3 */\n  gap?: number\n  /** \u81EA\u5B9A\u4E49\u7C7B\u540D */\n  className?: string\n}\n\n/**\n * \u5206\u6BB5\u5F0F\u5706\u5F62\u8FDB\u5EA6\u6761\u7EC4\u4EF6\n * \u7528\u4E8E MiniCart \u5DE6\u4FA7\u663E\u793A\u9636\u6BB5\u6027\u8FDB\u5EA6\uFF0C\u652F\u6301 1-4 \u4E2A\u9636\u6BB5\u914D\u7F6E\n * \u6BCF\u4E2A\u9636\u6BB5\u662F\u72EC\u7ACB\u7684\u5F27\u6BB5\uFF0C\u4E2D\u95F4\u6709\u95F4\u9699\n * \u79FB\u52A8\u7AEF\u9ED8\u8BA4 64px\uFF0Claptop \u4EE5\u4E0A\u9ED8\u8BA4 80px\n */\nconst CircleProgress = ({\n  totalSteps = 4,\n  currentStep = 0,\n  image,\n  label,\n  progressColor = 'var(--brand-color-0)',\n  labelColor = 'var(--marketing-color-1)',\n  trackColor = '#DADCE0',\n  backgroundColor = '#EAEAEC',\n  size = 64,\n  laptopSize = 96,\n  gap = 3,\n  className,\n}: CircleProgressProps) => {\n  // \u4F7F\u7528\u8F83\u5927\u5C3A\u5BF8\u8BA1\u7B97 SVG \u53C2\u6570\uFF0C\u786E\u4FDD\u5728\u6240\u6709\u5C3A\u5BF8\u4E0B\u90FD\u6E05\u6670\n  const maxSize = Math.max(size, laptopSize) // \u5982\u679C\u6709\u6807\u7B7E\uFF0C\u9884\u7559\u5E95\u90E8\u7A7A\u95F4\n  const strokeWidth = 6\n  const radius = (maxSize - strokeWidth) / 2\n  const center = maxSize / 2\n\n  // \u751F\u6210\u6240\u6709\u5206\u6BB5\n  const segments = React.useMemo(() => {\n    // \u89C6\u89C9\u95F4\u9699\u9700\u8981\u52A0\u4E0A\u4E24\u7AEF\u5706\u89D2\u5E3D\u5B50\u7684\u5BBD\u5EA6\uFF08strokeLinecap=\"round\" \u4F1A\u5EF6\u4F38 strokeWidth/2\uFF09\n    const actualGap = gap + strokeWidth\n    // \u5C06\u50CF\u7D20\u95F4\u9699\u8F6C\u6362\u4E3A\u89D2\u5EA6\uFF08\u5F27\u5EA6 = \u5F27\u957F / \u534A\u5F84\uFF0C\u518D\u8F6C\u4E3A\u5EA6\uFF09\n    const gapAngle = (actualGap / radius) * (180 / Math.PI)\n    const totalGapAngle = gapAngle * totalSteps\n    const availableAngle = 360 - totalGapAngle\n    const segmentAngle = availableAngle / totalSteps\n\n    // \u5C06\u89D2\u5EA6\u8F6C\u6362\u4E3A\u5F27\u5EA6\n    const toRadians = (degrees: number) => (degrees * Math.PI) / 180\n\n    // \u8BA1\u7B97\u5F27\u6BB5\u7684\u8D77\u70B9\u548C\u7EC8\u70B9\u5750\u6807\n    const getArcPath = (startAngle: number, endAngle: number) => {\n      // \u4ECE\u9876\u90E8\u5F00\u59CB\uFF08-90\u5EA6\uFF09\uFF0C\u987A\u65F6\u9488\u65B9\u5411\n      const adjustedStart = startAngle - 90\n      const adjustedEnd = endAngle - 90\n\n      const startX = center + radius * Math.cos(toRadians(adjustedStart))\n      const startY = center + radius * Math.sin(toRadians(adjustedStart))\n      const endX = center + radius * Math.cos(toRadians(adjustedEnd))\n      const endY = center + radius * Math.sin(toRadians(adjustedEnd))\n\n      // \u5224\u65AD\u662F\u5426\u4E3A\u5927\u5F27\uFF08\u8D85\u8FC7180\u5EA6\uFF09\n      const largeArcFlag = endAngle - startAngle > 180 ? 1 : 0\n\n      return `M ${startX} ${startY} A ${radius} ${radius} 0 ${largeArcFlag} 1 ${endX} ${endY}`\n    }\n\n    const result = []\n    // totalSteps = 2 \u65F6\uFF0C\u8D77\u59CB\u4F4D\u7F6E\u9006\u65F6\u9488\u504F\u79FB 45 \u5EA6\uFF0C\u8BA9\u65AD\u5F00\u4F4D\u7F6E\u5728\u5DE6\u4E0A\u548C\u53F3\u4E0B\n    const startOffset = totalSteps === 2 ? -45 : 0\n    let currentAngle = startOffset\n\n    for (let i = 0; i < totalSteps; i++) {\n      const startAngle = currentAngle + gapAngle / 2\n      const endAngle = startAngle + segmentAngle\n      const isCompleted = i < currentStep\n\n      result.push({\n        path: getArcPath(startAngle, endAngle),\n        isCompleted,\n        index: i,\n      })\n\n      currentAngle = endAngle + gapAngle / 2\n    }\n\n    return result\n  }, [totalSteps, currentStep, gap, radius, center])\n\n  return (\n    <div\n      className={cn(\n        'relative inline-flex shrink-0 flex-col items-center',\n        'laptop:w-[--circle-laptop-size] w-[--circle-size]',\n        'laptop:h-[--circle-laptop-height] h-[--circle-height]',\n        className\n      )}\n      style={\n        {\n          '--circle-size': `${size}px`,\n          '--circle-laptop-size': `${laptopSize}px`,\n          '--circle-height': `${label ? size + 8 : size}px`,\n          '--circle-laptop-height': `${label ? laptopSize + 8 : laptopSize}px`,\n        } as React.CSSProperties\n      }\n    >\n      {/* \u8FDB\u5EA6\u6761\u5706\u73AF */}\n      <div className=\"laptop:size-[--circle-laptop-size] relative size-[--circle-size]\">\n        <svg\n          viewBox={`0 0 ${maxSize} ${maxSize}`}\n          className={cn('absolute inset-0 size-full', label ? 'translate-y-[-8px]' : '')}\n        >\n          {/* \u80CC\u666F\u5706\u5F62 */}\n          <circle cx={center} cy={center} r={radius} fill={backgroundColor} stroke=\"none\" />\n\n          {/* \u5206\u6BB5\u5F27 */}\n          {segments.map(segment => (\n            <path\n              key={segment.index}\n              d={segment.path}\n              fill=\"none\"\n              stroke={segment.isCompleted ? progressColor : trackColor}\n              strokeWidth={strokeWidth}\n              strokeLinecap=\"round\"\n              style={{\n                transition: 'stroke 0.3s ease-in-out',\n              }}\n            />\n          ))}\n        </svg>\n\n        {/* \u4E2D\u95F4\u5185\u5BB9\u533A\u57DF */}\n        <div\n          className={cn('absolute inset-[10px] flex items-center justify-center', label ? 'translate-y-[-8px]' : '')}\n        >\n          <div\n            className=\"flex size-full items-center justify-center overflow-hidden rounded-full\"\n            style={{ backgroundColor }}\n          >\n            {image?.url && (\n              <Picture className=\"size-full\" imgClassName=\"object-contain\" source={image.url} alt={image.alt || ''} />\n            )}\n          </div>\n        </div>\n      </div>\n\n      {/* \u5E95\u90E8\u6587\u6848 - \u548C\u5706\u5F62\u5E95\u90E8\u91CD\u53E0 */}\n      {label && (\n        <div\n          className=\"absolute bottom-0 left-1/2 flex -translate-x-1/2 items-center justify-center rounded-full px-2 py-0.5\"\n          style={{ backgroundColor: labelColor }}\n        >\n          <Text className=\"text-xs font-medium text-white\" html={label} />\n        </div>\n      )}\n    </div>\n  )\n}\n\nCircleProgress.displayName = 'CircleProgress'\n\nexport default CircleProgress\n"],
-  "mappings": "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",
-  "names": ["jsx", "jsxs", "React", "Picture", "Text", "cn", "CircleProgress", "totalSteps", "currentStep", "image", "label", "progressColor", "labelColor", "trackColor", "backgroundColor", "size", "laptopSize", "gap", "className", "maxSize", "strokeWidth", "radius", "center", "segments", "gapAngle", "segmentAngle", "toRadians", "degrees", "getArcPath", "startAngle", "endAngle", "adjustedStart", "adjustedEnd", "startX", "startY", "endX", "endY", "largeArcFlag", "result", "currentAngle", "i", "isCompleted", "segment", "CircleProgress_default"]
-}

package/dist/esm/biz-components/MiniCart/MiniCartDialog.js.map DELETED Viewed

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/biz-components/MiniCart/MiniCartDialog.tsx"],
-  "sourcesContent": ["'use client'\n\nimport { cn } from '../../helpers/index.js'\nimport { Heading, Text, Dialog, DialogContent, DialogHeader, DialogTitle } from '../../components/index.js'\nimport type { CartLineItem, Cart } from './index.js'\n\n/**\n * \u8D2D\u7269\u8F66\u6570\u636E\u7C7B\u578B - \u590D\u7528 MiniCart \u7684\u7C7B\u578B\u5B9A\u4E49\n */\nexport interface CartData {\n  id: string\n  checkoutUrl: string\n  lineItems: CartLineItem[]\n}\n\n// \u91CD\u65B0\u5BFC\u51FA\u7C7B\u578B\u4F9B\u5916\u90E8\u4F7F\u7528\nexport type { CartLineItem, Cart }\n\n/**\n * \u6587\u6848\u914D\u7F6E\n */\nexport interface MiniCartDialogCopy {\n  /** \u6807\u9898\u6587\u6848\uFF0C{count} \u4F1A\u88AB\u66FF\u6362\u4E3A\u5546\u54C1\u6570\u91CF */\n  title?: string\n  /** \u7A7A\u8D2D\u7269\u8F66\u63D0\u793A */\n  emptyText?: string\n}\n\nexport type MiniCartDialogSemanticName =\n  | 'root'\n  | 'header'\n  | 'title'\n  | 'content'\n  | 'itemList'\n  | 'item'\n  | 'itemImage'\n  | 'itemInfo'\n  | 'itemTitle'\n  | 'itemPrice'\n  | 'itemCurrentPrice'\n  | 'itemOriginalPrice'\n  | 'quantityControl'\n  | 'quantityButton'\n  | 'quantityValue'\n\nexport interface MiniCartDialogProps {\n  /** \u662F\u5426\u6253\u5F00\u5F39\u7A97 */\n  open: boolean\n  /** \u5173\u95ED\u5F39\u7A97\u56DE\u8C03 */\n  onOpenChange: (open: boolean) => void\n  /** \u8D2D\u7269\u8F66\u6570\u636E */\n  cart: CartData\n  /** \u6587\u6848\u914D\u7F6E */\n  copy?: MiniCartDialogCopy\n  /** \u5404\u90E8\u5206\u7684\u81EA\u5B9A\u4E49\u6837\u5F0F\u7C7B\u540D */\n  classNames?: Partial<Record<MiniCartDialogSemanticName, string>>\n  /**\n   * \u589E\u52A0\u5546\u54C1\u6570\u91CF\u56DE\u8C03\n   * @param lineItemId \u5546\u54C1\u884CID\n   * @param currentQuantity \u5F53\u524D\u6570\u91CF\n   */\n  onIncreaseQuantity?: (lineItemId: string, currentQuantity: number) => void\n  /**\n   * \u51CF\u5C11\u5546\u54C1\u6570\u91CF\u56DE\u8C03\n   * @param lineItemId \u5546\u54C1\u884CID\n   * @param currentQuantity \u5F53\u524D\u6570\u91CF\n   */\n  onDecreaseQuantity?: (lineItemId: string, currentQuantity: number) => void\n  /**\n   * \u6570\u91CF\u53D8\u66F4\u56DE\u8C03\n   * @param lineItemId \u5546\u54C1\u884CID\n   * @param quantity \u65B0\u6570\u91CF\n   */\n  onQuantityChange?: (lineItemId: string, quantity: number) => void\n}\n\n/**\n * MinusIcon - \u51CF\u53F7\u56FE\u6807\n */\nconst MinusIcon = ({ className }: { className?: string }) => (\n  <svg className={className} width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n    <path d=\"M2 6H10\" stroke=\"currentColor\" strokeWidth=\"1.5\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n  </svg>\n)\n\n/**\n * PlusIcon - \u52A0\u53F7\u56FE\u6807\n */\nconst PlusIcon = ({ className }: { className?: string }) => (\n  <svg className={className} width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n    <path d=\"M6 2V10M2 6H10\" stroke=\"currentColor\" strokeWidth=\"1.5\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n  </svg>\n)\n\n/**\n * CartItem - \u8D2D\u7269\u8F66\u5546\u54C1\u9879\u7EC4\u4EF6\n */\ninterface CartItemProps {\n  item: CartLineItem\n  classNames?: Partial<Record<MiniCartDialogSemanticName, string>>\n  onIncrease?: () => void\n  onDecrease?: () => void\n}\n\nconst CartItem = ({ item, classNames, onIncrease, onDecrease }: CartItemProps) => {\n  const { merchandise, quantity, cost } = item\n  const { image, title } = merchandise\n  const { totalAmount, subtotalAmount } = cost\n\n  // \u663E\u793A\u6807\u9898\uFF08\u56DE\u9000\u5230 SKU\uFF09\n  const displayTitle = title || merchandise.sku || 'Product'\n  // \u663E\u793A\u4EF7\u683C\uFF08\u73B0\u4EF7 = totalAmount\uFF09\n  const displayPrice = totalAmount?.formattedPrice || ''\n  // \u662F\u5426\u6709\u6298\u6263\uFF08\u539F\u4EF7 subtotalAmount \u5927\u4E8E\u73B0\u4EF7 totalAmount\uFF09\n  const hasDiscount =\n    subtotalAmount && totalAmount && parseFloat(subtotalAmount.amount) > parseFloat(totalAmount.amount)\n\n  return (\n    <div\n      className={cn(\n        // \u79FB\u52A8\u7AEF\uFF1A\u7070\u8272\u80CC\u666F\uFF0C\u8F83\u5C0F\u95F4\u8DDD\n        'bg-container-primary rounded-box flex items-center gap-2 px-2 py-4',\n        // \u684C\u9762\u7AEF\uFF1A\u767D\u8272\u80CC\u666F\uFF0C\u8F83\u5927\u95F4\u8DDD\n        'laptop:bg-container-primary laptop:gap-4 laptop:p-4',\n        classNames?.item\n      )}\n    >\n      {/* \u5546\u54C1\u56FE\u7247 - \u79FB\u52A8\u7AEF 64px\uFF0C\u684C\u9762\u7AEF 80px */}\n      <div\n        className={cn('rounded-box relative size-16 shrink-0 overflow-hidden', 'laptop:size-20', classNames?.itemImage)}\n      >\n        {image?.url && <img src={image.url} alt={image.altText || displayTitle} className=\"size-full object-cover\" />}\n      </div>\n\n      {/* \u5546\u54C1\u4FE1\u606F */}\n      <div className={cn('laptop:gap-4 flex flex-1 flex-col gap-2', classNames?.itemInfo)}>\n        {/* \u5546\u54C1\u540D\u79F0 - \u79FB\u52A8\u7AEF\u8F83\u5C0F\u5B57\u4F53 */}\n        <Text\n          as=\"p\"\n          size={3}\n          className={cn('text-info-primary laptop:text-[16px] line-clamp-2 text-[14px]', classNames?.itemTitle)}\n        >\n          {displayTitle}\n        </Text>\n\n        {/* \u4EF7\u683C\u548C\u6570\u91CF\u63A7\u5236 - \u79FB\u52A8\u7AEF\u5782\u76F4\u6392\u5217\uFF0C\u684C\u9762\u7AEF\u6C34\u5E73\u6392\u5217 */}\n        <div className=\"laptop:flex-row laptop:items-center laptop:justify-between flex flex-col items-start gap-1\">\n          {/* \u4EF7\u683C\u533A\u57DF */}\n          <div className={cn('flex items-center gap-1', classNames?.itemPrice)}>\n            {displayPrice && (\n              <Text\n                size={4}\n                className={cn('text-info-primary laptop:text-[18px] text-[16px]', classNames?.itemCurrentPrice)}\n              >\n                {displayPrice}\n              </Text>\n            )}\n            {hasDiscount && subtotalAmount?.formattedPrice && (\n              <Text\n                size={4}\n                className={cn(\n                  'text-info-tertiary laptop:text-[18px] text-[16px] line-through',\n                  classNames?.itemOriginalPrice\n                )}\n              >\n                {subtotalAmount.formattedPrice}\n              </Text>\n            )}\n          </div>\n\n          {/* \u6570\u91CF\u63A7\u5236 - \u79FB\u52A8\u7AEF 32px \u6309\u94AE\uFF0C\u684C\u9762\u7AEF 40px \u6309\u94AE */}\n          <div className={cn('flex items-center', classNames?.quantityControl)}>\n            {/* \u51CF\u5C11\u6309\u94AE */}\n            <button\n              type=\"button\"\n              onClick={onDecrease}\n              disabled={quantity <= 0}\n              className={cn(\n                'border-lines flex size-8 items-center justify-center border',\n                'laptop:size-10',\n                'text-info-primary hover:bg-container-secondary-0 transition-colors',\n                'disabled:cursor-not-allowed disabled:opacity-50',\n                classNames?.quantityButton\n              )}\n              aria-label=\"Decrease quantity\"\n            >\n              <MinusIcon className=\"laptop:size-3 size-[10.67px]\" />\n            </button>\n\n            {/* \u6570\u91CF\u663E\u793A */}\n            <div\n              className={cn(\n                'border-lines text-info-primary flex size-8 items-center justify-center border-y text-center text-sm font-semibold',\n                'laptop:size-10 laptop:text-base',\n                classNames?.quantityValue\n              )}\n            >\n              {quantity}\n            </div>\n\n            {/* \u589E\u52A0\u6309\u94AE */}\n            <button\n              type=\"button\"\n              onClick={onIncrease}\n              className={cn(\n                'border-lines flex size-8 items-center justify-center border',\n                'laptop:size-10',\n                'text-info-primary hover:bg-container-secondary-0 transition-colors',\n                classNames?.quantityButton\n              )}\n              aria-label=\"Increase quantity\"\n            >\n              <PlusIcon className=\"laptop:size-3 size-[10.67px]\" />\n            </button>\n          </div>\n        </div>\n      </div>\n    </div>\n  )\n}\n\n/**\n * MiniCartDialog - \u8FF7\u4F60\u8D2D\u7269\u8F66\u5F39\u7A97\u7EC4\u4EF6\n *\n * @description \u7528\u4E8E\u5C55\u793A\u8D2D\u7269\u8F66\u5546\u54C1\u5217\u8868\uFF0C\u652F\u6301\u8C03\u6574\u5546\u54C1\u6570\u91CF\n */\nconst MiniCartDialog = ({\n  open,\n  onOpenChange,\n  cart,\n  copy,\n  classNames = {},\n  onIncreaseQuantity,\n  onDecreaseQuantity,\n  onQuantityChange,\n}: MiniCartDialogProps) => {\n  // \u6587\u6848\u914D\u7F6E\n  const titleText = copy?.title || 'Selected ({count})'\n  const emptyText = copy?.emptyText || 'Your cart is empty'\n\n  // \u8BA1\u7B97\u5546\u54C1\u603B\u6570\u91CF\n  const totalQuantity = cart?.lineItems?.reduce((total, item) => total + (item?.quantity || 0), 0) || 0\n\n  const items = cart?.lineItems || []\n  const isEmpty = items.length === 0\n\n  // \u5904\u7406\u6570\u91CF\u589E\u52A0\n  const handleIncrease = (lineItemId: string, currentQuantity: number) => {\n    onIncreaseQuantity?.(lineItemId, currentQuantity)\n    onQuantityChange?.(lineItemId, currentQuantity + 1)\n  }\n\n  // \u5904\u7406\u6570\u91CF\u51CF\u5C11\n  const handleDecrease = (lineItemId: string, currentQuantity: number) => {\n    if (currentQuantity > 0) {\n      onDecreaseQuantity?.(lineItemId, currentQuantity)\n      onQuantityChange?.(lineItemId, currentQuantity - 1)\n    }\n  }\n\n  return (\n    <Dialog open={open} onOpenChange={onOpenChange}>\n      <DialogContent\n        className={cn(\n          // \u57FA\u7840\u6837\u5F0F + \u5C45\u4E2D\u5B9A\u4F4D\n          'bg-container-secondary-0 fixed left-1/2 top-1/2 flex -translate-x-1/2 -translate-y-1/2 flex-col gap-0 overflow-hidden p-0',\n          // \u79FB\u52A8\u7AEF\uFF1A\u5C45\u4E2D\u5F39\u7A97\uFF0C\u6700\u5C0F\u5BBD\u5EA6326px\uFF0C\u5DE6\u53F3\u8DDD\u5C4F\u5E55\u8FB9\u7F1832px\n          'rounded-box max-h-[80vh] w-[calc(100%-64px)] min-w-[326px]',\n          // \u684C\u9762\u7AEF\uFF1A\u6700\u5927\u5BBD\u5EA6560px\n          'laptop:w-full laptop:max-w-[560px] laptop:rounded-box',\n          classNames?.root\n        )}\n      >\n        {/* \u5934\u90E8 */}\n        <DialogHeader\n          className={cn(\n            'bg-container-secondary-0 flex flex-row items-start justify-between gap-4 px-4 pb-2 pt-4',\n            classNames?.header\n          )}\n        >\n          <DialogTitle asChild>\n            <Heading as=\"h3\" size={2} className={cn('text-info-primary font-bold', classNames?.title)}>\n              {titleText.replace('{count}', totalQuantity.toString())}\n            </Heading>\n          </DialogTitle>\n        </DialogHeader>\n\n        {/* \u5546\u54C1\u5217\u8868 */}\n        <div\n          className={cn(\n            'bg-container-secondary-0 h- flex flex-col gap-2 overflow-y-auto px-4 py-2',\n            classNames?.content\n          )}\n        >\n          {isEmpty ? (\n            <div className=\"flex items-center justify-center py-8\">\n              <Text size={2} className=\"text-info-tertiary\">\n                {emptyText}\n              </Text>\n            </div>\n          ) : (\n            <div className={cn('flex flex-col gap-2', classNames?.itemList)}>\n              {items.map(item => (\n                <CartItem\n                  key={item.id}\n                  item={item}\n                  classNames={classNames}\n                  onIncrease={() => handleIncrease(item.id, item.quantity)}\n                  onDecrease={() => handleDecrease(item.id, item.quantity)}\n                />\n              ))}\n            </div>\n          )}\n        </div>\n\n        {/* \u5E95\u90E8\u5B89\u5168\u533A\u57DF */}\n        <div className=\"bg-container-secondary-0 h-8 w-full\" />\n      </DialogContent>\n    </Dialog>\n  )\n}\n\nMiniCartDialog.displayName = 'MiniCartDialog'\n\nexport default MiniCartDialog\nexport { MiniCartDialog }\n"],
-  "mappings": "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",
-  "names": ["jsx", "jsxs", "cn", "Heading", "Text", "Dialog", "DialogContent", "DialogHeader", "DialogTitle", "MinusIcon", "className", "PlusIcon", "CartItem", "item", "classNames", "onIncrease", "onDecrease", "merchandise", "quantity", "cost", "image", "title", "totalAmount", "subtotalAmount", "displayTitle", "displayPrice", "hasDiscount", "MiniCartDialog", "open", "onOpenChange", "cart", "copy", "onIncreaseQuantity", "onDecreaseQuantity", "onQuantityChange", "titleText", "emptyText", "totalQuantity", "total", "items", "isEmpty", "handleIncrease", "lineItemId", "currentQuantity", "handleDecrease", "MiniCartDialog_default"]
-}

package/dist/esm/biz-components/MiniCart/index.js.map DELETED Viewed

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/biz-components/MiniCart/index.tsx"],
-  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport { cn } from '../../helpers/index.js'\nimport { Button } from '../../components/index.js'\nimport { Text } from '../../components/index.js'\nimport { Heading } from '../../components/index.js'\nimport type { Theme, Img } from '../../types/props.js'\nimport CircleProgress from './CircleProgress.js'\nimport { useExposure } from '../../hooks/useExposure.js'\n\nconst componentType = 'cart'\nconst componentName = 'mini_cart'\n\nexport type MiniCartSemanticName =\n  | 'root'\n  | 'content'\n  | 'cartInfo'\n  | 'cartTitle'\n  | 'cartDescription'\n  | 'priceSection'\n  | 'totalPrice'\n  | 'originalPrice'\n  | 'saveAmount'\n  | 'actionButton'\n  | 'itemsGrid'\n  | 'itemGridContainer'\n  | 'gridItem'\n  | 'gridItemOverlay'\n  | 'expandButton'\n  | 'circleProgress'\n  | 'mobileViewMoreButton'\n\n/**\n * \u5706\u5F62\u8FDB\u5EA6\u6761\u914D\u7F6E\n */\nexport interface CircleProgressConfig {\n  /** \u603B\u9636\u6BB5\u6570 (1-4) */\n  totalSteps?: 1 | 2 | 3 | 4\n  /** \u5F53\u524D\u5B8C\u6210\u7684\u9636\u6BB5 (0 \u5230 totalSteps) */\n  currentStep?: number\n  /** \u4E2D\u95F4\u663E\u793A\u7684\u56FE\u7247 */\n  image?: Img\n  /** \u5E95\u90E8\u663E\u793A\u7684\u6587\u6848 */\n  label?: string\n  /** \u8FDB\u5EA6\u6761\u989C\u8272\uFF0C\u9ED8\u8BA4\u4E3A\u54C1\u724C\u8272 */\n  progressColor?: string\n  /** \u5E95\u90E8\u6587\u6848\u80CC\u666F\u8272\uFF0C\u9ED8\u8BA4\u4E3A\u54C1\u724C\u8425\u9500\u8272 */\n  labelColor?: string\n  /** \u80CC\u666F\u989C\u8272\uFF0C\u9ED8\u8BA4\u4E3A\u5BB9\u5668\u80CC\u666F\u8272 */\n  backgroundColor?: string\n  /** \u79FB\u52A8\u7AEF\u7EC4\u4EF6\u5C3A\u5BF8\uFF0C\u9ED8\u8BA4 48 */\n  size?: number\n  /** laptop \u4EE5\u4E0A\u7EC4\u4EF6\u5C3A\u5BF8\uFF0C\u9ED8\u8BA4 80 */\n  laptopSize?: number\n}\n\n/**\n * \u6587\u6848\u914D\u7F6E\n */\nexport interface MiniCartCopy {\n  emptyCart: string\n  description: string\n  total: string\n  itemsInCart: string\n  totalWithCoupon: string\n  clickToView: string\n  buyNowText: string\n  savingText: string\n}\n\n/**\n * MiniCart \u4E1A\u52A1\u7EC4\u4EF6\u6570\u636E\u63A5\u53E3\n */\nexport interface MiniCartData {\n  /** \u6587\u6848\u914D\u7F6E */\n  copy?: MiniCartCopy\n  theme?: 'light' | 'dark'\n  /** \u5730\u533A\u4EE3\u7801\uFF0C\u7528\u4E8E\u4EF7\u683C\u683C\u5F0F\u5316 */\n  locale?: string\n  /** \u662F\u5426\u663E\u793A\u624B\u673A\u7AEF\u67E5\u770B\u66F4\u591A\u6309\u94AE\uFF0C\u9ED8\u8BA4 true */\n  showMobileViewMore?: boolean\n}\n\n/**\n * \u8D2D\u7269\u8F66\u5546\u54C1\u9879\u7C7B\u578B\n */\nexport type CartLineItem = {\n  id: string\n  quantity: number\n  /** \u5546\u54C1\u6807\u7B7E\uFF0C\u5982 \"Free\"\u3001\"Gift\" \u7B49\uFF0C\u663E\u793A\u5728\u5546\u54C1\u56FE\u7247\u5E95\u90E8 */\n  productLabel?: string\n  cost: {\n    totalAmount: {\n      amount: string\n      currencyCode: string\n      formattedPrice: string\n    }\n    subtotalAmount?: {\n      amount: string\n      currencyCode: string\n      formattedPrice?: string\n    }\n  }\n  merchandise: {\n    id: string\n    sku: string\n    /** \u5546\u54C1\u6807\u9898 - MiniCartDialog \u9700\u8981 */\n    title?: string\n    image: {\n      url: string\n      altText: string | null\n    }\n  }\n}\n\n/**\n * \u8D2D\u7269\u8F66\u7C7B\u578B\n */\nexport type Cart = {\n  id: string\n  checkoutUrl: string\n  lineItems: CartLineItem[]\n  cost: {\n    totalAmount: {\n      amount: string\n      currencyCode: string\n      formattedPrice: string\n    }\n    subtotalAmount?: {\n      amount: string\n      currencyCode: string\n      formattedPrice?: string\n    }\n    savingAmount?: {\n      amount?: string\n      currencyCode: string\n      formattedPrice?: string\n    }\n  }\n}\n\nexport interface MiniCartProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** \u4E1A\u52A1\u6570\u636E */\n  data: MiniCartData\n  /**\n   * \u5404\u90E8\u5206\u7684\u81EA\u5B9A\u4E49\u6837\u5F0F\u7C7B\u540D\n   */\n  classNames?: Partial<Record<MiniCartSemanticName, string>>\n  /**\n   * \u4EA7\u54C1\u4FE1\u606F\uFF08\u7528\u4E8E\u4E3B\u8981\u5C55\u793A\u7684\u4EA7\u54C1\uFF09\n   */\n  cart: Cart\n  /**\n   * \u5706\u5F62\u8FDB\u5EA6\u6761\u914D\u7F6E\uFF0C\u4E0D\u4F20\u5219\u4E0D\u663E\u793A\u8FDB\u5EA6\u6761\n   */\n  progressConfig?: CircleProgressConfig\n  /**\n   * \u5220\u9664\u5546\u54C1\u9879\u7684\u56DE\u8C03\u51FD\u6570\n   * @param id \u5546\u54C1 ID\n   * @param cart \u8D2D\u7269\u8F66\u6570\u636E\n   * @returns \u652F\u6301\u8FD4\u56DE Promise\uFF0C\u5185\u90E8\u81EA\u52A8\u5904\u7406 loading \u72B6\u6001\n   */\n  onRemoveItem?: (id: string, cart: Cart) => void | Promise<void>\n  /**\n   * \u70B9\u51FB\u7ED3\u7B97\u6309\u94AE\u7684\u56DE\u8C03\u51FD\u6570\n   * @param cart\n   * @returns \u652F\u6301\u8FD4\u56DE Promise\uFF0C\u5185\u90E8\u81EA\u52A8\u5904\u7406 loading \u72B6\u6001\n   */\n  onCheckout?: (cart: Cart) => void | Promise<void>\n  /**\n   * \u70B9\u51FBclick to view\u7684\u56DE\u8C03\u51FD\u6570\n   * @param cart\n   * @returns\n   */\n  onClickToView?: (cart: Cart) => void\n}\n\n/**\n * MiniCart - \u8FF7\u4F60\u8D2D\u7269\u8F66\n *\n * @description \u8FF7\u4F60\u8D2D\u7269\u8F66\uFF08Mini Cart\uFF09\u662F\u4E00\u4E2A\u5E38\u89C1\u7684\u7535\u5546UI\u7EC4\u4EF6\uFF0C\u901A\u5E38\u5728\u7528\u6237\u6D4F\u89C8\u5546\u54C1\u65F6\u4EE5\u5E95\u90E8\u60AC\u6D6E\u7684\u5F62\u5F0F\u51FA\u73B0\uFF0C\u5141\u8BB8\u7528\u6237\u5FEB\u901F\u67E5\u770B\u3001\u7F16\u8F91\u8D2D\u7269\u8F66\u5185\u5BB9\u800C\u4E0D\u79BB\u5F00\u5F53\u524D\u9875\u9762\uFF0C\u540C\u65F6\u53EF\u4EE5\u627F\u8F7D\u6EE1\u8D60\uFF0C\u6EE1\u51CF\u7B49\u6D3B\u52A8\u3002\n */\nconst MiniCart = React.forwardRef<HTMLDivElement, MiniCartProps>(\n  (\n    { className, classNames = {}, data, cart, progressConfig, onRemoveItem, onCheckout, onClickToView, ...props },\n    ref\n  ) => {\n    const boxRef = React.useRef<HTMLDivElement>(null)\n    const { copy, theme = 'light', locale = 'us', showMobileViewMore = true } = data || {}\n\n    useExposure(boxRef, {\n      componentType,\n      componentName,\n      componentTitle: copy?.itemsInCart || 'Mini Cart',\n      componentDescription: copy?.description,\n    })\n\n    React.useImperativeHandle(ref, () => boxRef.current as HTMLDivElement)\n\n    // \u6587\u6848\u914D\u7F6E\uFF0C\u5E26\u9ED8\u8BA4\u503C\n    const emptyCart = copy?.emptyCart || 'Your Cart is Empty'\n    const description = copy?.description || ''\n    const itemsInCart = copy?.itemsInCart || 'You have selected {count} items'\n    const total = copy?.total || 'Total {total}'\n    const totalWithCoupon = copy?.totalWithCoupon || 'total: {total} ({subtotal})'\n    const clickToView = copy?.clickToView || 'Click to view cart'\n    const buyNowText = copy?.buyNowText || 'Buy Now'\n    const savingText = copy?.savingText || 'Saving {amount}'\n\n    // \u4ECECart\u5BF9\u8C61\u4E2D\u63D0\u53D6\u6570\u636E\uFF0C\u4F7F\u7528\u53EF\u9009\u94FE\u548C\u9ED8\u8BA4\u503C\n    const items = React.useMemo(() => cart?.lineItems || [], [cart?.lineItems])\n    const itemCount = items.reduce((total, item) => total + (item?.quantity || 0), 0)\n    const isEmpty = itemCount === 0\n\n    // \u63D0\u524D\u8D4B\u503C\u6240\u6709\u91D1\u989D\u76F8\u5173\u53D8\u91CF\n    const totalAmount = parseFloat(cart?.cost?.totalAmount?.amount || '0')\n    const subtotalAmount = parseFloat(cart?.cost?.subtotalAmount?.amount || '0')\n    const savingAmount = parseFloat(cart?.cost?.savingAmount?.amount || '0')\n\n    // \u8BA1\u7B97\u4EF7\u683C\u4FE1\u606F\n    const finalPrice = cart?.cost?.totalAmount?.formattedPrice || ''\n    const originalPrice = subtotalAmount > totalAmount ? cart?.cost?.subtotalAmount?.formattedPrice : null\n    const savingPrice = savingAmount > 0 ? cart?.cost?.savingAmount?.formattedPrice : null\n\n    // \u6EDA\u52A8\u5BB9\u5668\u5F15\u7528\n    const scrollContainerRef = React.useRef<HTMLDivElement>(null)\n\n    // \u79FB\u52A8\u7AEF\u4EA7\u54C1\u5C55\u5F00\u72B6\u6001\n    const [isProductsExpanded, setIsProductsExpanded] = React.useState(false)\n\n    // checkout loading \u72B6\u6001\n    const [checkoutLoading, setCheckoutLoading] = React.useState(false)\n\n    // \u5220\u9664\u5546\u54C1 loading \u72B6\u6001\n    const [removingItemId, setRemovingItemId] = React.useState<string | null>(null)\n\n    // \u5904\u7406\u5220\u9664\u5546\u54C1\n    const handleRemoveItem = async (id: string) => {\n      if (removingItemId) return\n      setRemovingItemId(id)\n      try {\n        await onRemoveItem?.(id, cart)\n      } finally {\n        setRemovingItemId(null)\n      }\n    }\n\n    // \u9F20\u6807\u62D6\u62FD\u6EDA\u52A8\u72B6\u6001\n    const [isDragging, setIsDragging] = React.useState(false)\n    const [startX, setStartX] = React.useState(0)\n    const [scrollLeft, setScrollLeft] = React.useState(0)\n\n    // \u6EDA\u52A8\u4F4D\u7F6E\u72B6\u6001\uFF08\u63A7\u5236\u5DE6\u53F3\u6309\u94AE\u663E\u793A\uFF09\n    const [canScrollLeft, setCanScrollLeft] = React.useState(false)\n    const [canScrollRight, setCanScrollRight] = React.useState(true)\n\n    // \u68C0\u67E5\u6EDA\u52A8\u4F4D\u7F6E\uFF0C\u66F4\u65B0\u6309\u94AE\u663E\u793A\u72B6\u6001\n    const updateScrollButtons = React.useCallback(() => {\n      const container = scrollContainerRef.current\n      if (!container) return\n\n      const { scrollLeft, scrollWidth, clientWidth } = container\n      setCanScrollLeft(scrollLeft > 0)\n      setCanScrollRight(scrollLeft < scrollWidth - clientWidth - 1)\n    }, [])\n\n    // \u76D1\u542C\u6EDA\u52A8\u4E8B\u4EF6\n    const handleScroll = React.useCallback(() => {\n      updateScrollButtons()\n    }, [updateScrollButtons])\n\n    // \u521D\u59CB\u5316\u548C items \u53D8\u5316\u65F6\u66F4\u65B0\u6EDA\u52A8\u72B6\u6001\n    React.useEffect(() => {\n      updateScrollButtons()\n    }, [items.length, updateScrollButtons])\n\n    // \u9F20\u6807\u62D6\u62FD\u6EDA\u52A8\u5904\u7406\n    const handleMouseDown = (e: React.MouseEvent<HTMLDivElement>) => {\n      if (!scrollContainerRef.current) return\n      setIsDragging(true)\n      setStartX(e.pageX - scrollContainerRef.current.offsetLeft)\n      setScrollLeft(scrollContainerRef.current.scrollLeft)\n    }\n\n    const handleMouseMove = (e: React.MouseEvent<HTMLDivElement>) => {\n      if (!isDragging || !scrollContainerRef.current) return\n      e.preventDefault()\n      const x = e.pageX - scrollContainerRef.current.offsetLeft\n      const walk = (x - startX) * 1.5 // \u6EDA\u52A8\u901F\u5EA6\u500D\u6570\n      scrollContainerRef.current.scrollLeft = scrollLeft - walk\n    }\n\n    const handleMouseUp = () => {\n      setIsDragging(false)\n    }\n\n    const handleMouseLeave = () => {\n      setIsDragging(false)\n    }\n\n    // \u6C34\u5E73\u6EDA\u52A8\u51FD\u6570\n    const scrollHorizontally = (direction: 'left' | 'right') => {\n      if (scrollContainerRef.current) {\n        const container = scrollContainerRef.current\n        const scrollAmount = 100 // \u6BCF\u6B21\u6EDA\u52A8\u7684\u50CF\u7D20\u6570\uFF08\u8C03\u5C0F\u4E00\u4E9B\uFF09\n        container.scrollBy({ left: direction === 'right' ? scrollAmount : -scrollAmount, behavior: 'smooth' })\n      }\n    }\n\n    // \u7BAD\u5934\u56FE\u6807\u7EC4\u4EF6\n    const ArrowIcon = ({ className }: { className?: string }) => (\n      <svg\n        className={className}\n        width=\"16\"\n        height=\"16\"\n        viewBox=\"0 0 16 16\"\n        fill=\"none\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n      >\n        <path\n          d=\"M6 4L10 8L6 12\"\n          stroke=\"currentColor\"\n          strokeWidth=\"1.33\"\n          strokeLinecap=\"round\"\n          strokeLinejoin=\"round\"\n        />\n      </svg>\n    )\n\n    // \u5220\u9664\u56FE\u6807\u7EC4\u4EF6\n    const DeleteIcon = ({ className }: { className?: string }) => (\n      <svg\n        className={className}\n        width=\"20\"\n        height=\"20\"\n        viewBox=\"0 0 20 20\"\n        fill=\"none\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n      >\n        <path\n          d=\"M2.5 5H17.5M8.33333 9.16667V14.1667M11.6667 9.16667V14.1667M3.33333 5L4.16667 16.6667C4.16667 17.1087 4.34226 17.5326 4.65482 17.8452C4.96738 18.1577 5.39131 18.3333 5.83333 18.3333H14.1667C14.6087 18.3333 15.0326 18.1577 15.3452 17.8452C15.6577 17.5326 15.8333 17.1087 15.8333 16.6667L16.6667 5M7.5 5V2.5C7.5 2.27899 7.5878 2.06702 7.74408 1.91074C7.90036 1.75446 8.11232 1.66667 8.33333 1.66667H11.6667C11.8877 1.66667 12.0996 1.75446 12.2559 1.91074C12.4122 2.06702 12.5 2.27899 12.5 2.5V5\"\n          stroke=\"currentColor\"\n          strokeWidth=\"1.25\"\n          strokeLinecap=\"round\"\n          strokeLinejoin=\"round\"\n        />\n      </svg>\n    )\n\n    // Render items grid\n    const renderItemsGrid = (theme: Theme) => {\n      if (!items.length) return null\n\n      return (\n        <div className={cn('laptop:bg-container-secondary-0 rounded-box-small flex gap-1 p-1', classNames?.itemsGrid)}>\n          {/* \u5DE6\u6EDA\u52A8\u6309\u94AE - \u684C\u9762\u7AEF\u663E\u793A\uFF0C\u5C11\u4E8E5\u4E2A\u5546\u54C1\u65F6\u4E0D\u6E32\u67D3\uFF0C\u6EDA\u52A8\u5230\u5F00\u5934\u65F6\u9690\u85CF\u4F46\u4FDD\u6301\u5360\u4F4D */}\n          {items.length >= 5 && (\n            <button\n              onClick={() => scrollHorizontally('left')}\n              className={cn(\n                'border-border laptop:flex hover:bg-muted-foreground/10 rounded-box-small hidden w-[32px] shrink-0 items-center justify-center px-2 transition-colors',\n                !canScrollLeft &&\n                  'laptop:bg-container-secondary-1 laptop:text-transparent laptop:pointer-events-none laptop:-my-1 laptop:-ml-1 laptop:py-1 laptop:pl-1 laptop:rounded-r-none',\n                classNames?.expandButton,\n                {\n                  'laptop:bg-container-secondary-0': theme === 'dark',\n                  'laptop:bg-container-primary': theme === 'dark' && !canScrollLeft,\n                }\n              )}\n              aria-label=\"Scroll left to see more items\"\n            >\n              <ArrowIcon className=\"laptop:size-4 size-5 rotate-180\" />\n            </button>\n          )}\n\n          <div\n            ref={scrollContainerRef}\n            onMouseDown={handleMouseDown}\n            onMouseMove={handleMouseMove}\n            onMouseUp={handleMouseUp}\n            onMouseLeave={handleMouseLeave}\n            onScroll={handleScroll}\n            className={cn(\n              'scrollbar-hide laptop:gap-1 laptop:w-[256px] laptop:shrink-0 flex w-full gap-1 overflow-x-auto [-ms-overflow-style:none] [scrollbar-width:none] [&::-webkit-scrollbar]:hidden',\n              isDragging ? 'cursor-grabbing' : 'cursor-grab',\n              classNames?.itemGridContainer\n            )}\n          >\n            {items\n              .filter(line => line && line.id)\n              .map(line => {\n                const safeProduct = line.merchandise || {}\n                const safeImage = safeProduct.image || {}\n                const imageUrl = safeImage.url\n                const imageAlt = safeImage.altText || 'Product image'\n                const isLoading = removingItemId === line.id\n\n                return (\n                  <div\n                    key={line.id}\n                    className={cn(\n                      'laptop:size-12 bg-container-primary laptop:bg-white rounded-box-small group relative size-16 shrink-0 overflow-hidden',\n                      classNames?.gridItem\n                    )}\n                  >\n                    {imageUrl && (\n                      <img\n                        src={imageUrl}\n                        alt={imageAlt}\n                        draggable={false}\n                        className=\"rounded-box-small pointer-events-none size-full select-none object-cover\"\n                      />\n                    )}\n                    {/* \u5220\u9664 loading \u906E\u7F69 */}\n                    {isLoading && (\n                      <div className=\"rounded-box-small absolute inset-0 flex items-center justify-center bg-black/50\">\n                        <svg\n                          width=\"20\"\n                          height=\"20\"\n                          viewBox=\"0 0 16 16\"\n                          fill=\"none\"\n                          xmlns=\"http://www.w3.org/2000/svg\"\n                          className=\"animate-spin text-white\"\n                        >\n                          <circle cx=\"8\" cy=\"8\" r=\"6\" stroke=\"currentColor\" strokeWidth=\"2\" opacity=\"0.3\" />\n                          <path d=\"M14 8a6 6 0 0 0-6-6\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" />\n                        </svg>\n                      </div>\n                    )}\n                    <span\n                      role=\"button\"\n                      onClick={() => handleRemoveItem(line.id)}\n                      className={cn(\n                        'laptop:hidden absolute right-[2px] top-[2px] cursor-pointer',\n                        isLoading && 'pointer-events-none opacity-0'\n                      )}\n                      aria-label=\"delete\"\n                    >\n                      <svg\n                        width=\"16\"\n                        height=\"16\"\n                        viewBox=\"0 0 16 16\"\n                        fill=\"none\"\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                        className=\"pointer-events-none\"\n                      >\n                        <rect x=\"1.33301\" y=\"1.33301\" width=\"13.3333\" height=\"13.3333\" rx=\"6.66667\" fill=\"white\" />\n                        <path\n                          d=\"M5.37705 5.28896C5.57234 5.09402 5.88839 5.09442 6.08347 5.28965L8.08602 7.29358L10.0906 5.28896C10.2858 5.09402 10.6026 5.09395 10.7977 5.28896C10.9928 5.48418 10.9926 5.80078 10.7977 5.99607L8.79312 8.00069L10.7964 10.0053C10.9913 10.2007 10.9909 10.5179 10.7957 10.7131C10.6005 10.908 10.2844 10.9074 10.0893 10.7124L8.08602 8.7078L6.08347 10.7103C5.88821 10.9056 5.57155 10.9057 5.37636 10.7103C5.18148 10.515 5.18132 10.1984 5.37636 10.0032L7.37891 8.00069L5.37636 5.99676C5.18119 5.80143 5.18181 5.48423 5.37705 5.28896Z\"\n                          fill=\"#767880\"\n                        />\n                      </svg>\n                    </span>\n                    {/* \u5546\u54C1\u6807\u7B7E (\u5982 Free Gift) */}\n                    {line.productLabel && (\n                      <div className=\"absolute inset-x-0 bottom-0 flex items-center justify-center\">\n                        <div\n                          className=\"relative flex w-full items-center justify-center rounded-b-lg  px-1 py-px backdrop-blur-sm\"\n                          style={{\n                            backgroundColor: 'rgba(251, 148, 63, 0.60)',\n                          }}\n                        >\n                          <Text size={1} className=\"relative text-center text-white\" html={line.productLabel} />\n                        </div>\n                      </div>\n                    )}\n                    {line.quantity > 1 && !line.productLabel && (\n                      <div className=\"mini-cart-quantity bg-brand-0 laptop:size-4 absolute bottom-0 right-0 flex size-4  items-center justify-center rounded-full text-white\">\n                        <Text className=\"text-sm\" html={String(line.quantity)} />\n                      </div>\n                    )}\n\n                    <div\n                      role=\"button\"\n                      onClick={() => handleRemoveItem(line.id)}\n                      className={cn(\n                        'rounded-box-small absolute inset-0 hidden cursor-pointer items-center justify-center bg-black/60 transition-opacity',\n                        'laptop:flex laptop:opacity-0 laptop:group-hover:opacity-100',\n                        isLoading && 'laptop:hidden',\n                        classNames?.gridItemOverlay\n                      )}\n                      aria-label=\"Remove item\"\n                    >\n                      <DeleteIcon className=\"pointer-events-none size-[20px] text-white\" />\n                    </div>\n                  </div>\n                )\n              })}\n\n            {/* \u624B\u673A\u7AEF\u67E5\u770B\u66F4\u591A\u6309\u94AE */}\n            {showMobileViewMore && (\n              <button\n                onClick={() => onClickToView?.(cart)}\n                className={cn(\n                  'bg-container-secondary-0 laptop:hidden flex size-16 shrink-0 items-center justify-center rounded-md',\n                  classNames?.mobileViewMoreButton\n                )}\n                aria-label={clickToView}\n              >\n                <svg\n                  width=\"20\"\n                  height=\"20\"\n                  viewBox=\"0 0 20 20\"\n                  fill=\"none\"\n                  xmlns=\"http://www.w3.org/2000/svg\"\n                  className=\"text-info-quaternary\"\n                >\n                  <path\n                    d=\"M7.5 5L12.5 10L7.5 15\"\n                    stroke=\"currentColor\"\n                    strokeWidth=\"1.67\"\n                    strokeLinecap=\"round\"\n                    strokeLinejoin=\"round\"\n                  />\n                </svg>\n              </button>\n            )}\n          </div>\n\n          {/* \u53F3\u6EDA\u52A8\u6309\u94AE - \u684C\u9762\u7AEF\u663E\u793A\uFF0C\u5C11\u4E8E5\u4E2A\u5546\u54C1\u65F6\u4E0D\u6E32\u67D3\uFF0C\u6EDA\u52A8\u5230\u7ED3\u5C3E\u65F6\u9690\u85CF\u4F46\u4FDD\u6301\u5360\u4F4D */}\n          {items.length >= 5 && (\n            <button\n              onClick={() => scrollHorizontally('right')}\n              className={cn(\n                'border-border laptop:flex hover:bg-muted-foreground/10 rounded-box-small hidden w-[32px] shrink-0 items-center justify-center px-2 transition-colors',\n                !canScrollRight &&\n                  'laptop:bg-container-secondary-1 laptop:text-transparent laptop:pointer-events-none laptop:-my-1 laptop:-mr-1 laptop:py-1 laptop:pr-1 laptop:rounded-l-none',\n                classNames?.expandButton,\n                {\n                  'laptop:bg-container-secondary-0': theme === 'dark',\n                  'laptop:bg-container-primary': theme === 'dark' && !canScrollRight,\n                }\n              )}\n              aria-label=\"Scroll right to see more items\"\n            >\n              <ArrowIcon className=\"laptop:size-4 size-5\" />\n            </button>\n          )}\n        </div>\n      )\n    }\n\n    // Check if cart has items\n    const hasItems = !isEmpty && items.length > 0\n\n    return (\n      <div\n        ref={boxRef}\n        className={cn(\n          'bg-container-secondary-1 text-info-primary tablet:px-6 laptop:px-12 desktop:px-12 lg-desktop:px-[128px] laptop:py-[16px] flex w-full px-4 py-[12px]',\n          // \u79FB\u52A8\u7AEF\u5782\u76F4\u5E03\u5C40\uFF0C\u5927\u5C4F\u5E55\u6C34\u5E73\u5E03\u5C40\n          'flex-col items-stretch gap-3',\n          'laptop:flex-row laptop:items-center laptop:justify-around',\n          hasItems ? 'laptop:items-center laptop:gap-4' : 'laptop:items-center laptop:gap-4',\n          'tablet:gap-6 laptop:gap-8',\n          className,\n          classNames?.root,\n          {\n            'aiui-dark bg-container-primary': theme === 'dark',\n          }\n        )}\n        {...props}\n      >\n        {/* \u79FB\u52A8\u7AEF\uFF1A\u5782\u76F4\u6392\u5217 | \u684C\u9762\u7AEF\uFF1A\u6C34\u5E73\u4E09\u5217\u5E03\u5C40 */}\n        <div\n          className={cn(\n            'laptop:flex-row flex w-full flex-col gap-4',\n            'laptop:flex-1 laptop:items-center laptop:justify-between',\n            'tablet:gap-6 laptop:gap-8',\n            classNames?.content\n          )}\n        >\n          <div\n            className={cn(\n              'relative flex shrink flex-row items-center gap-2',\n              'desktop:gap-4',\n              progressConfig && 'laptop:pl-[104px] pl-[72px]'\n            )}\n          >\n            {/* \u5DE6\u4FA7\u5706\u5F62\u8FDB\u5EA6\u6761 - \u53EA\u6709\u914D\u7F6E\u4E86\u624D\u663E\u793A */}\n            {progressConfig && (\n              <CircleProgress\n                totalSteps={progressConfig.totalSteps}\n                currentStep={progressConfig.currentStep}\n                image={progressConfig.image}\n                label={progressConfig.label}\n                progressColor={progressConfig.progressColor}\n                labelColor={progressConfig.labelColor}\n                backgroundColor={progressConfig.backgroundColor}\n                size={progressConfig.size}\n                laptopSize={progressConfig.laptopSize}\n                className={cn(\n                  'absolute bottom-0 left-0',\n                  'lg-desktop:bottom-auto lg-desktop:top-[-46px] desktop:bottom-auto desktop:top-[-52px]',\n                  classNames?.circleProgress\n                )}\n              />\n            )}\n            {/* Center: Cart info and dynamic content */}\n            <div className=\"laptop:flex-1 flex w-full flex-col\">\n              {/* Cart title area */}\n              <div className={cn('tablet:gap-2 flex flex-col gap-1', classNames?.cartInfo)}>\n                {hasItems ? (\n                  <div className=\"flex w-full items-center gap-2\">\n                    <Heading\n                      size={2}\n                      as=\"h3\"\n                      className={cn('', classNames?.cartTitle)}\n                      html={itemsInCart.replace('{count}', `<span class=\"text-brand-0\">${itemCount || 0}</span>`)}\n                    />\n\n                    {/* Click to view link / Toggle products */}\n                    <Heading\n                      size={1}\n                      as=\"h5\"\n                      onClick={() => {\n                        // \u79FB\u52A8\u7AEF\uFF1A\u5207\u6362\u4EA7\u54C1\u5C55\u5F00\u72B6\u6001\uFF0C\u684C\u9762\u7AEF\uFF1A\u8C03\u7528\u539F\u56DE\u8C03\n                        const isMobile = window.innerWidth < 1025\n                        if (isMobile) {\n                          setIsProductsExpanded(!isProductsExpanded)\n                        } else {\n                          onClickToView?.(cart)\n                        }\n                      }}\n                      className={cn('flex cursor-pointer items-center gap-1', classNames?.expandButton)}\n                    >\n                      {/* \u684C\u9762\u7AEF\u663E\u793A\u6587\u5B57 + \u56FE\u6807\uFF0C\u79FB\u52A8\u7AEF\u53EA\u663E\u793A\u56FE\u6807 */}\n                      <Text\n                        as=\"span\"\n                        size={1}\n                        className=\"desktop:block hidden text-nowrap text-[16px] \"\n                        html={clickToView}\n                      />\n                      <ArrowIcon\n                        className={cn(\n                          'size-4 transition-transform',\n                          isProductsExpanded ? 'laptop:rotate-0 -rotate-90' : 'laptop:rotate-0 rotate-90'\n                        )}\n                      />\n                    </Heading>\n                  </div>\n                ) : (\n                  <Heading\n                    as=\"h3\"\n                    size={2}\n                    className={cn('tablet:text-2xl text-xl', classNames?.cartTitle)}\n                    html={emptyCart}\n                  />\n                )}\n              </div>\n\n              {description && (\n                <Text\n                  size={2}\n                  className={cn(\n                    'mini-cart-description text-info-tertiary desktop:text-[16px] lg-desktop:text-[18px] text-[14px]',\n                    classNames?.cartDescription\n                  )}\n                  html={description}\n                />\n              )}\n            </div>\n          </div>\n\n          {/* Items grid (\u79FB\u52A8\u7AEF\uFF1A\u6839\u636E\u5C55\u5F00\u72B6\u6001\u663E\u793A\uFF0C\u684C\u9762\u7AEF\uFF1A\u59CB\u7EC8\u663E\u793A) */}\n          {hasItems && (\n            <div className={cn('laptop:block laptop:shrink', isProductsExpanded ? 'block' : 'hidden')}>\n              {renderItemsGrid(theme)}\n            </div>\n          )}\n          {/* \u79FB\u52A8\u7AEF\uFF1A\u5206\u5272\u7EBF\uFF08\u53EA\u5728\u6709\u5546\u54C1\u65F6\u663E\u793A\uFF09 */}\n          {hasItems && <hr className=\"laptop:hidden border-lines w-full border-t\" />}\n\n          {/* Price and button area */}\n          <div\n            className={cn(\n              'tablet:gap-6 laptop:gap-4 laptop:justify-end flex flex-row items-stretch justify-between gap-4',\n              classNames?.priceSection\n            )}\n          >\n            {/* Price info */}\n            <div className=\"flex flex-col items-end justify-center\">\n              {/* Main price row */}\n              <div className=\"flex items-center gap-2\">\n                <Heading\n                  as=\"h6\"\n                  size={2}\n                  className={cn('whitespace-nowrap text-nowrap', classNames?.totalPrice)}\n                  html={total.replace('{total}', finalPrice)}\n                />\n\n                {/* Original price (if discounted) */}\n                {originalPrice && (\n                  <Heading\n                    as=\"h6\"\n                    size={2}\n                    className={cn('text-info-tertiary  whitespace-nowrap line-through', classNames?.originalPrice)}\n                    html={originalPrice}\n                  />\n                )}\n              </div>\n\n              {/* Save amount */}\n              {savingPrice && (\n                <Heading\n                  size={2}\n                  as=\"h6\"\n                  className={cn(\n                    'laptop:text-right text-marketing-1 w-full whitespace-nowrap text-nowrap text-left',\n                    classNames?.saveAmount\n                  )}\n                  html={savingText.replace('{amount}', savingPrice)}\n                />\n              )}\n            </div>\n\n            {/* Action button */}\n            <Button\n              disabled={!hasItems}\n              loading={checkoutLoading}\n              onClick={async () => {\n                if (checkoutLoading) return\n                setCheckoutLoading(true)\n                try {\n                  await onCheckout?.(cart)\n                } finally {\n                  setCheckoutLoading(false)\n                }\n              }}\n              className={cn('whitespace-nowrap', classNames?.actionButton)}\n            >\n              {buyNowText}\n            </Button>\n          </div>\n        </div>\n      </div>\n    )\n  }\n)\n\nMiniCart.displayName = 'MiniCart'\nexport default MiniCart\n"],
-  "mappings": "aAgUQ,cAAAA,EAiGgB,QAAAC,MAjGhB,oBA9TR,UAAYC,MAAW,QACvB,OAAS,MAAAC,MAAU,yBACnB,OAAS,UAAAC,OAAc,4BACvB,OAAS,QAAAC,MAAY,4BACrB,OAAS,WAAAC,MAAe,4BAExB,OAAOC,OAAoB,sBAC3B,OAAS,eAAAC,OAAmB,6BAE5B,MAAMC,GAAgB,OAChBC,GAAgB,YA2KhBC,EAAWT,EAAM,WACrB,CACE,CAAE,UAAAU,EAAW,WAAAC,EAAa,CAAC,EAAG,KAAAC,EAAM,KAAAC,EAAM,eAAAC,EAAgB,aAAAC,EAAc,WAAAC,EAAY,cAAAC,EAAe,GAAGC,CAAM,EAC5GC,IACG,CACH,MAAMC,EAASpB,EAAM,OAAuB,IAAI,EAC1C,CAAE,KAAAqB,EAAM,MAAAC,EAAQ,QAAS,OAAAC,GAAS,KAAM,mBAAAC,EAAqB,EAAK,EAAIZ,GAAQ,CAAC,EAErFN,GAAYc,EAAQ,CAClB,cAAAb,GACA,cAAAC,GACA,eAAgBa,GAAM,aAAe,YACrC,qBAAsBA,GAAM,WAC9B,CAAC,EAEDrB,EAAM,oBAAoBmB,EAAK,IAAMC,EAAO,OAAyB,EAGrE,MAAMK,EAAYJ,GAAM,WAAa,qBAC/BK,EAAcL,GAAM,aAAe,GACnCM,EAAcN,GAAM,aAAe,kCACnCO,EAAQP,GAAM,OAAS,gBACvBQ,GAAkBR,GAAM,iBAAmB,8BAC3CS,EAAcT,GAAM,aAAe,qBACnCU,EAAaV,GAAM,YAAc,UACjCW,EAAaX,GAAM,YAAc,kBAGjCY,EAAQjC,EAAM,QAAQ,IAAMa,GAAM,WAAa,CAAC,EAAG,CAACA,GAAM,SAAS,CAAC,EACpEqB,EAAYD,EAAM,OAAO,CAACL,EAAOO,IAASP,GAASO,GAAM,UAAY,GAAI,CAAC,EAC1EC,EAAUF,IAAc,EAGxBG,GAAc,WAAWxB,GAAM,MAAM,aAAa,QAAU,GAAG,EAC/DyB,GAAiB,WAAWzB,GAAM,MAAM,gBAAgB,QAAU,GAAG,EACrE0B,GAAe,WAAW1B,GAAM,MAAM,cAAc,QAAU,GAAG,EAGjE2B,GAAa3B,GAAM,MAAM,aAAa,gBAAkB,GACxD4B,EAAgBH,GAAiBD,GAAcxB,GAAM,MAAM,gBAAgB,eAAiB,KAC5F6B,EAAcH,GAAe,EAAI1B,GAAM,MAAM,cAAc,eAAiB,KAG5E8B,EAAqB3C,EAAM,OAAuB,IAAI,EAGtD,CAAC4C,EAAoBC,EAAqB,EAAI7C,EAAM,SAAS,EAAK,EAGlE,CAAC8C,EAAiBC,CAAkB,EAAI/C,EAAM,SAAS,EAAK,EAG5D,CAACgD,EAAgBC,CAAiB,EAAIjD,EAAM,SAAwB,IAAI,EAGxEkD,EAAmB,MAAOC,GAAe,CAC7C,GAAI,CAAAH,EACJ,CAAAC,EAAkBE,CAAE,EACpB,GAAI,CACF,MAAMpC,IAAeoC,EAAItC,CAAI,CAC/B,QAAE,CACAoC,EAAkB,IAAI,CACxB,EACF,EAGM,CAACG,EAAYC,CAAa,EAAIrD,EAAM,SAAS,EAAK,EAClD,CAACsD,GAAQC,EAAS,EAAIvD,EAAM,SAAS,CAAC,EACtC,CAACwD,GAAYC,EAAa,EAAIzD,EAAM,SAAS,CAAC,EAG9C,CAAC0D,EAAeC,EAAgB,EAAI3D,EAAM,SAAS,EAAK,EACxD,CAAC4D,EAAgBC,EAAiB,EAAI7D,EAAM,SAAS,EAAI,EAGzD8D,EAAsB9D,EAAM,YAAY,IAAM,CAClD,MAAM+D,EAAYpB,EAAmB,QACrC,GAAI,CAACoB,EAAW,OAEhB,KAAM,CAAE,WAAAP,EAAY,YAAAQ,EAAa,YAAAC,CAAY,EAAIF,EACjDJ,GAAiBH,EAAa,CAAC,EAC/BK,GAAkBL,EAAaQ,EAAcC,EAAc,CAAC,CAC9D,EAAG,CAAC,CAAC,EAGCC,GAAelE,EAAM,YAAY,IAAM,CAC3C8D,EAAoB,CACtB,EAAG,CAACA,CAAmB,CAAC,EAGxB9D,EAAM,UAAU,IAAM,CACpB8D,EAAoB,CACtB,EAAG,CAAC7B,EAAM,OAAQ6B,CAAmB,CAAC,EAGtC,MAAMK,GAAmB,GAAwC,CAC1DxB,EAAmB,UACxBU,EAAc,EAAI,EAClBE,GAAU,EAAE,MAAQZ,EAAmB,QAAQ,UAAU,EACzDc,GAAcd,EAAmB,QAAQ,UAAU,EACrD,EAEMyB,GAAmB,GAAwC,CAC/D,GAAI,CAAChB,GAAc,CAACT,EAAmB,QAAS,OAChD,EAAE,eAAe,EAEjB,MAAM0B,GADI,EAAE,MAAQ1B,EAAmB,QAAQ,WAC7BW,IAAU,IAC5BX,EAAmB,QAAQ,WAAaa,GAAaa,CACvD,EAEMC,GAAgB,IAAM,CAC1BjB,EAAc,EAAK,CACrB,EAEMkB,GAAmB,IAAM,CAC7BlB,EAAc,EAAK,CACrB,EAGMmB,EAAsBC,GAAgC,CAC1D,GAAI9B,EAAmB,QAAS,CAC9B,MAAMoB,EAAYpB,EAAmB,QAC/B+B,EAAe,IACrBX,EAAU,SAAS,CAAE,KAAMU,IAAc,QAAUC,EAAe,CAACA,EAAc,SAAU,QAAS,CAAC,CACvG,CACF,EAGMC,EAAY,CAAC,CAAE,UAAAjE,CAAU,IAC7BZ,EAAC,OACC,UAAWY,EACX,MAAM,KACN,OAAO,KACP,QAAQ,YACR,KAAK,OACL,MAAM,6BAEN,SAAAZ,EAAC,QACC,EAAE,iBACF,OAAO,eACP,YAAY,OACZ,cAAc,QACd,eAAe,QACjB,EACF,EAII8E,GAAa,CAAC,CAAE,UAAAlE,CAAU,IAC9BZ,EAAC,OACC,UAAWY,EACX,MAAM,KACN,OAAO,KACP,QAAQ,YACR,KAAK,OACL,MAAM,6BAEN,SAAAZ,EAAC,QACC,EAAE,+eACF,OAAO,eACP,YAAY,OACZ,cAAc,QACd,eAAe,QACjB,EACF,EAII+E,GAAmBvD,GAClBW,EAAM,OAGTlC,EAAC,OAAI,UAAWE,EAAG,mEAAoEU,GAAY,SAAS,EAEzG,UAAAsB,EAAM,QAAU,GACfnC,EAAC,UACC,QAAS,IAAM0E,EAAmB,MAAM,EACxC,UAAWvE,EACT,uJACA,CAACyD,GACC,6JACF/C,GAAY,aACZ,CACE,kCAAmCW,IAAU,OAC7C,8BAA+BA,IAAU,QAAU,CAACoC,CACtD,CACF,EACA,aAAW,gCAEX,SAAA5D,EAAC6E,EAAA,CAAU,UAAU,kCAAkC,EACzD,EAGF5E,EAAC,OACC,IAAK4C,EACL,YAAawB,GACb,YAAaC,GACb,UAAWE,GACX,aAAcC,GACd,SAAUL,GACV,UAAWjE,EACT,gLACAmD,EAAa,kBAAoB,cACjCzC,GAAY,iBACd,EAEC,UAAAsB,EACE,OAAO6C,GAAQA,GAAQA,EAAK,EAAE,EAC9B,IAAIA,GAAQ,CAEX,MAAMC,GADcD,EAAK,aAAe,CAAC,GACX,OAAS,CAAC,EAClCE,EAAWD,EAAU,IACrBE,GAAWF,EAAU,SAAW,gBAChCG,EAAYlC,IAAmB8B,EAAK,GAE1C,OACE/E,EAAC,OAEC,UAAWE,EACT,wHACAU,GAAY,QACd,EAEC,UAAAqE,GACClF,EAAC,OACC,IAAKkF,EACL,IAAKC,GACL,UAAW,GACX,UAAU,2EACZ,EAGDC,GACCpF,EAAC,OAAI,UAAU,kFACb,SAAAC,EAAC,OACC,MAAM,KACN,OAAO,KACP,QAAQ,YACR,KAAK,OACL,MAAM,6BACN,UAAU,0BAEV,UAAAD,EAAC,UAAO,GAAG,IAAI,GAAG,IAAI,EAAE,IAAI,OAAO,eAAe,YAAY,IAAI,QAAQ,MAAM,EAChFA,EAAC,QAAK,EAAE,sBAAsB,OAAO,eAAe,YAAY,IAAI,cAAc,QAAQ,GAC5F,EACF,EAEFA,EAAC,QACC,KAAK,SACL,QAAS,IAAMoD,EAAiB4B,EAAK,EAAE,EACvC,UAAW7E,EACT,8DACAiF,GAAa,+BACf,EACA,aAAW,SAEX,SAAAnF,EAAC,OACC,MAAM,KACN,OAAO,KACP,QAAQ,YACR,KAAK,OACL,MAAM,6BACN,UAAU,sBAEV,UAAAD,EAAC,QAAK,EAAE,UAAU,EAAE,UAAU,MAAM,UAAU,OAAO,UAAU,GAAG,UAAU,KAAK,QAAQ,EACzFA,EAAC,QACC,EAAE,ihBACF,KAAK,UACP,GACF,EACF,EAECgF,EAAK,cACJhF,EAAC,OAAI,UAAU,+DACb,SAAAA,EAAC,OACC,UAAU,6FACV,MAAO,CACL,gBAAiB,0BACnB,EAEA,SAAAA,EAACK,EAAA,CAAK,KAAM,EAAG,UAAU,kCAAkC,KAAM2E,EAAK,aAAc,EACtF,EACF,EAEDA,EAAK,SAAW,GAAK,CAACA,EAAK,cAC1BhF,EAAC,OAAI,UAAU,yIACb,SAAAA,EAACK,EAAA,CAAK,UAAU,UAAU,KAAM,OAAO2E,EAAK,QAAQ,EAAG,EACzD,EAGFhF,EAAC,OACC,KAAK,SACL,QAAS,IAAMoD,EAAiB4B,EAAK,EAAE,EACvC,UAAW7E,EACT,sHACA,8DACAiF,GAAa,gBACbvE,GAAY,eACd,EACA,aAAW,cAEX,SAAAb,EAAC8E,GAAA,CAAW,UAAU,6CAA6C,EACrE,IArFKE,EAAK,EAsFZ,CAEJ,CAAC,EAGFtD,GACC1B,EAAC,UACC,QAAS,IAAMmB,IAAgBJ,CAAI,EACnC,UAAWZ,EACT,sGACAU,GAAY,oBACd,EACA,aAAYmB,EAEZ,SAAAhC,EAAC,OACC,MAAM,KACN,OAAO,KACP,QAAQ,YACR,KAAK,OACL,MAAM,6BACN,UAAU,uBAEV,SAAAA,EAAC,QACC,EAAE,wBACF,OAAO,eACP,YAAY,OACZ,cAAc,QACd,eAAe,QACjB,EACF,EACF,GAEJ,EAGCmC,EAAM,QAAU,GACfnC,EAAC,UACC,QAAS,IAAM0E,EAAmB,OAAO,EACzC,UAAWvE,EACT,uJACA,CAAC2D,GACC,6JACFjD,GAAY,aACZ,CACE,kCAAmCW,IAAU,OAC7C,8BAA+BA,IAAU,QAAU,CAACsC,CACtD,CACF,EACA,aAAW,iCAEX,SAAA9D,EAAC6E,EAAA,CAAU,UAAU,uBAAuB,EAC9C,GAEJ,EA3LwB,KAgMtBQ,EAAW,CAAC/C,GAAWH,EAAM,OAAS,EAE5C,OACEnC,EAAC,OACC,IAAKsB,EACL,UAAWnB,EACT,sJAEA,+BACA,4DACW,mCACX,4BACAS,EACAC,GAAY,KACZ,CACE,iCAAkCW,IAAU,MAC9C,CACF,EACC,GAAGJ,EAGJ,SAAAnB,EAAC,OACC,UAAWE,EACT,6CACA,2DACA,4BACAU,GAAY,OACd,EAEA,UAAAZ,EAAC,OACC,UAAWE,EACT,mDACA,gBACAa,GAAkB,6BACpB,EAGC,UAAAA,GACChB,EAACO,GAAA,CACC,WAAYS,EAAe,WAC3B,YAAaA,EAAe,YAC5B,MAAOA,EAAe,MACtB,MAAOA,EAAe,MACtB,cAAeA,EAAe,cAC9B,WAAYA,EAAe,WAC3B,gBAAiBA,EAAe,gBAChC,KAAMA,EAAe,KACrB,WAAYA,EAAe,WAC3B,UAAWb,EACT,2BACA,wFACAU,GAAY,cACd,EACF,EAGFZ,EAAC,OAAI,UAAU,qCAEb,UAAAD,EAAC,OAAI,UAAWG,EAAG,mCAAoCU,GAAY,QAAQ,EACxE,SAAAwE,EACCpF,EAAC,OAAI,UAAU,iCACb,UAAAD,EAACM,EAAA,CACC,KAAM,EACN,GAAG,KACH,UAAWH,EAAG,GAAIU,GAAY,SAAS,EACvC,KAAMgB,EAAY,QAAQ,UAAW,8BAA8BO,GAAa,CAAC,SAAS,EAC5F,EAGAnC,EAACK,EAAA,CACC,KAAM,EACN,GAAG,KACH,QAAS,IAAM,CAEI,OAAO,WAAa,KAEnCyC,GAAsB,CAACD,CAAkB,EAEzC3B,IAAgBJ,CAAI,CAExB,EACA,UAAWZ,EAAG,yCAA0CU,GAAY,YAAY,EAGhF,UAAAb,EAACK,EAAA,CACC,GAAG,OACH,KAAM,EACN,UAAU,gDACV,KAAM2B,EACR,EACAhC,EAAC6E,EAAA,CACC,UAAW1E,EACT,8BACA2C,EAAqB,6BAA+B,2BACtD,EACF,GACF,GACF,EAEA9C,EAACM,EAAA,CACC,GAAG,KACH,KAAM,EACN,UAAWH,EAAG,0BAA2BU,GAAY,SAAS,EAC9D,KAAMc,EACR,EAEJ,EAECC,GACC5B,EAACK,EAAA,CACC,KAAM,EACN,UAAWF,EACT,kGACAU,GAAY,eACd,EACA,KAAMe,EACR,GAEJ,GACF,EAGCyD,GACCrF,EAAC,OAAI,UAAWG,EAAG,6BAA8B2C,EAAqB,QAAU,QAAQ,EACrF,SAAAiC,GAAgBvD,CAAK,EACxB,EAGD6D,GAAYrF,EAAC,MAAG,UAAU,6CAA6C,EAGxEC,EAAC,OACC,UAAWE,EACT,iGACAU,GAAY,YACd,EAGA,UAAAZ,EAAC,OAAI,UAAU,yCAEb,UAAAA,EAAC,OAAI,UAAU,0BACb,UAAAD,EAACM,EAAA,CACC,GAAG,KACH,KAAM,EACN,UAAWH,EAAG,gCAAiCU,GAAY,UAAU,EACrE,KAAMiB,EAAM,QAAQ,UAAWY,EAAU,EAC3C,EAGCC,GACC3C,EAACM,EAAA,CACC,GAAG,KACH,KAAM,EACN,UAAWH,EAAG,qDAAsDU,GAAY,aAAa,EAC7F,KAAM8B,EACR,GAEJ,EAGCC,GACC5C,EAACM,EAAA,CACC,KAAM,EACN,GAAG,KACH,UAAWH,EACT,oFACAU,GAAY,UACd,EACA,KAAMqB,EAAW,QAAQ,WAAYU,CAAW,EAClD,GAEJ,EAGA5C,EAACI,GAAA,CACC,SAAU,CAACiF,EACX,QAASrC,EACT,QAAS,SAAY,CACnB,GAAI,CAAAA,EACJ,CAAAC,EAAmB,EAAI,EACvB,GAAI,CACF,MAAM/B,IAAaH,CAAI,CACzB,QAAE,CACAkC,EAAmB,EAAK,CAC1B,EACF,EACA,UAAW9C,EAAG,oBAAqBU,GAAY,YAAY,EAE1D,SAAAoB,EACH,GACF,GACF,EACF,CAEJ,CACF,EAEAtB,EAAS,YAAc,WACvB,IAAO2E,GAAQ3E",
-  "names": ["jsx", "jsxs", "React", "cn", "Button", "Text", "Heading", "CircleProgress", "useExposure", "componentType", "componentName", "MiniCart", "className", "classNames", "data", "cart", "progressConfig", "onRemoveItem", "onCheckout", "onClickToView", "props", "ref", "boxRef", "copy", "theme", "locale", "showMobileViewMore", "emptyCart", "description", "itemsInCart", "total", "totalWithCoupon", "clickToView", "buyNowText", "savingText", "items", "itemCount", "item", "isEmpty", "totalAmount", "subtotalAmount", "savingAmount", "finalPrice", "originalPrice", "savingPrice", "scrollContainerRef", "isProductsExpanded", "setIsProductsExpanded", "checkoutLoading", "setCheckoutLoading", "removingItemId", "setRemovingItemId", "handleRemoveItem", "id", "isDragging", "setIsDragging", "startX", "setStartX", "scrollLeft", "setScrollLeft", "canScrollLeft", "setCanScrollLeft", "canScrollRight", "setCanScrollRight", "updateScrollButtons", "container", "scrollWidth", "clientWidth", "handleScroll", "handleMouseDown", "handleMouseMove", "walk", "handleMouseUp", "handleMouseLeave", "scrollHorizontally", "direction", "scrollAmount", "ArrowIcon", "DeleteIcon", "renderItemsGrid", "line", "safeImage", "imageUrl", "imageAlt", "isLoading", "hasItems", "MiniCart_default"]
-}

package/dist/esm/biz-components/ModalCoupon/index.js.map DELETED Viewed

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/biz-components/ModalCoupon/index.tsx"],
-  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport { Dialog, DialogContent, Button, Heading, Text, Link } from '../../components/index.js'\n\nexport interface CouponItem {\n  id: string\n  discountLabel: string\n  offLabel: string\n  code: string\n  conditions: string[]\n  onCopy?: (code: string) => void\n}\n\nexport interface FooterNoteItem {\n  id: string\n  text: string\n}\n\nexport interface ModalCouponProps {\n  /** \u63A7\u5236\u5F39\u7A97\u6253\u5F00\u72B6\u6001 */\n  open: boolean\n  /** \u5F39\u7A97\u72B6\u6001\u6539\u53D8\u65F6\u7684\u56DE\u8C03 */\n  onOpenChange: (open: boolean) => void\n  /** \u5F39\u7A97\u6807\u9898 */\n  title?: string\n  /** \u63CF\u8FF0 */\n  description?: string\n  /** \u4F18\u60E0\u5238\u5217\u8868\u6570\u636E */\n  coupons?: CouponItem[]\n  /** \u5E95\u90E8\u6CE8\u91CA\u6587\u6848\u5217\u8868 */\n  footerNotes?: FooterNoteItem[]\n  /** \u4E3B\u6309\u94AE\u6587\u6848 */\n  primaryLabel?: string\n  /** \u4E3B\u6309\u94AE\u8DF3\u8F6C URL */\n  primaryUrl?: string\n  /** \u6B21\u6309\u94AE\u6587\u6848 */\n  secondaryLabel?: string\n  /** \u6B21\u6309\u94AE\u8DF3\u8F6C URL */\n  secondaryUrl?: string\n  /** \u4E3B\u6309\u94AE\u70B9\u51FB\u56DE\u8C03 */\n  onPrimary?: () => void\n  /** \u6B21\u6309\u94AE\u70B9\u51FB\u56DE\u8C03 */\n  onSecondary?: () => void\n}\n\nconst CouponCardBgMobile = ({ className }: { className: string }) => (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    width=\"358\"\n    height=\"110\"\n    viewBox=\"0 0 358 110\"\n    fill=\"none\"\n    className={className}\n  >\n    <mask id=\"path-1-inside-1_4272_30135\" fill=\"white\">\n      <path d=\"M111 0C111 3.31371 113.686 6 117 6C120.314 6 123 3.31371 123 0H352C355.314 0 358 2.68629 358 6V104C358 107.314 355.314 110 352 110H123C123 106.686 120.314 104 117 104C113.686 104 111 106.686 111 110H6C2.68629 110 8.05346e-09 107.314 0 104V6C4.50994e-07 2.68629 2.68629 1.75157e-07 6 0H111Z\" />\n    </mask>\n    <path\n      d=\"M111 0C111 3.31371 113.686 6 117 6C120.314 6 123 3.31371 123 0H352C355.314 0 358 2.68629 358 6V104C358 107.314 355.314 110 352 110H123C123 106.686 120.314 104 117 104C113.686 104 111 106.686 111 110H6C2.68629 110 8.05346e-09 107.314 0 104V6C4.50994e-07 2.68629 2.68629 1.75157e-07 6 0H111Z\"\n      fill=\"url(#paint0_linear_4272_30135)\"\n    />\n    <path\n      d=\"M111 0H112V-1H111V0ZM123 0V-1H122V0H123ZM358 6H359H358ZM358 104H359V104H358ZM352 110V111V111V110ZM123 110H122V111H123V110ZM111 110V111H112V110H111ZM0 104H-1H0ZM0 6H-1V6H0ZM6 0V-1V-1V0ZM111 0H110C110 3.86599 113.134 7 117 7V6V5C114.239 5 112 2.76142 112 0H111ZM117 6V7C120.866 7 124 3.86599 124 0H123H122C122 2.76142 119.761 5 117 5V6ZM123 0V1H352V0V-1H123V0ZM352 0V1C354.761 1 357 3.23858 357 6H358H359C359 2.13401 355.866 -1 352 -1V0ZM358 6H357V104H358H359V6H358ZM358 104H357C357 106.761 354.761 109 352 109V110V111C355.866 111 359 107.866 359 104H358ZM352 110V109H123V110V111H352V110ZM123 110H124C124 106.134 120.866 103 117 103V104V105C119.761 105 122 107.239 122 110H123ZM117 104V103C113.134 103 110 106.134 110 110H111H112C112 107.239 114.239 105 117 105V104ZM111 110V109H6V110V111H111V110ZM6 110V109C3.23858 109 1 106.761 1 104H0H-1C-1 107.866 2.13401 111 6 111V110ZM0 104H1V6H0H-1V104H0ZM0 6H1C1 3.23858 3.23858 1 6 1V0V-1C2.13401 -1 -0.999999 2.13401 -1 6H0ZM6 0V1H111V0V-1H6V0Z\"\n      fill=\"url(#paint1_linear_4272_30135)\"\n      mask=\"url(#path-1-inside-1_4272_30135)\"\n    />\n    <defs>\n      <linearGradient id=\"paint0_linear_4272_30135\" x1=\"248\" y1=\"114\" x2=\"248\" y2=\"-12\" gradientUnits=\"userSpaceOnUse\">\n        <stop stopColor=\"#FFE8D6\" />\n        <stop offset=\"1\" stopColor=\"#FCF8F5\" />\n      </linearGradient>\n      <linearGradient id=\"paint1_linear_4272_30135\" x1=\"248\" y1=\"-12\" x2=\"248\" y2=\"114\" gradientUnits=\"userSpaceOnUse\">\n        <stop stopColor=\"#F6ECE4\" />\n        <stop offset=\"1\" stopColor=\"white\" stopOpacity=\"0\" />\n      </linearGradient>\n    </defs>\n  </svg>\n)\n\nconst CouponCardBgTablet = ({ className }: { className: string }) => (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    width=\"496\"\n    height=\"126\"\n    viewBox=\"0 0 496 126\"\n    fill=\"none\"\n    className={className}\n  >\n    <mask id=\"path-1-inside-1_4208_2828\" fill=\"white\">\n      <path d=\"M185 0C185 4.41828 188.582 8 193 8C197.418 8 201 4.41828 201 0H488C492.418 0 496 3.58172 496 8V118C496 122.418 492.418 126 488 126H201C201 121.582 197.418 118 193 118C188.582 118 185 121.582 185 126H8C3.58172 126 2.49657e-07 122.418 0 118V8C0 3.58172 3.58172 0 8 0H185Z\" />\n    </mask>\n    <path\n      d=\"M185 0C185 4.41828 188.582 8 193 8C197.418 8 201 4.41828 201 0H488C492.418 0 496 3.58172 496 8V118C496 122.418 492.418 126 488 126H201C201 121.582 197.418 118 193 118C188.582 118 185 121.582 185 126H8C3.58172 126 2.49657e-07 122.418 0 118V8C0 3.58172 3.58172 0 8 0H185Z\"\n      fill=\"url(#paint0_linear_4208_2828)\"\n    />\n    <path\n      d=\"M185 0H186V-1H185V0ZM201 0V-1H200V0H201ZM496 8H497V8H496ZM201 126H200V127H201V126ZM185 126V127H186V126H185ZM0 118H-1V118H0ZM185 0H184C184 4.97056 188.029 9 193 9V8V7C189.134 7 186 3.86599 186 0H185ZM193 8V9C197.971 9 202 4.97056 202 0H201H200C200 3.86599 196.866 7 193 7V8ZM201 0V1H488V0V-1H201V0ZM488 0V1C491.866 1 495 4.13401 495 8H496H497C497 3.02944 492.971 -1 488 -1V0ZM496 8H495V118H496H497V8H496ZM496 118H495C495 121.866 491.866 125 488 125V126V127C492.971 127 497 122.971 497 118H496ZM488 126V125H201V126V127H488V126ZM201 126H202C202 121.029 197.971 117 193 117V118V119C196.866 119 200 122.134 200 126H201ZM193 118V117C188.029 117 184 121.029 184 126H185H186C186 122.134 189.134 119 193 119V118ZM185 126V125H8V126V127H185V126ZM8 126V125C4.13401 125 1 121.866 1 118H0H-1C-1 122.971 3.02944 127 8 127V126ZM0 118H1V8H0H-1V118H0ZM0 8H1C1 4.13401 4.13401 1 8 1V0V-1C3.02944 -1 -1 3.02944 -1 8H0ZM8 0V1H185V0V-1H8V0Z\"\n      fill=\"url(#paint1_linear_4208_2828)\"\n      mask=\"url(#path-1-inside-1_4208_2828)\"\n    />\n    <defs>\n      <linearGradient id=\"paint0_linear_4208_2828\" x1=\"248\" y1=\"126\" x2=\"248\" y2=\"0\" gradientUnits=\"userSpaceOnUse\">\n        <stop stopColor=\"#FFE8D6\" />\n        <stop offset=\"1\" stopColor=\"#FCF8F5\" />\n      </linearGradient>\n      <linearGradient id=\"paint1_linear_4208_2828\" x1=\"248\" y1=\"0\" x2=\"248\" y2=\"126\" gradientUnits=\"userSpaceOnUse\">\n        <stop stopColor=\"#F6ECE4\" />\n        <stop offset=\"1\" stopColor=\"white\" stopOpacity=\"0\" />\n      </linearGradient>\n    </defs>\n  </svg>\n)\n\nconst CouponCardBg = ({ className }: { className: string }) => (\n  <>\n    <CouponCardBgMobile className={`tablet:hidden ${className}`} />\n    <CouponCardBgTablet className={`tablet:block hidden ${className}`} />\n  </>\n)\n\nconst CouponCard = ({ coupon }: { coupon: CouponItem }) => (\n  <div className=\"modal-coupon-card border-lines-default rounded-box-small tablet:h-[126px] relative h-[110px] w-full shrink-0 overflow-hidden\">\n    <CouponCardBg className=\"absolute inset-0\" />\n    <div className=\"absolute inset-0 z-10 flex items-center\">\n      <div className=\"modal-coupon-card-discount tablet:w-[185px] mx-4 flex w-[85px] shrink-0  items-center justify-center\">\n        <Heading as=\"h4\" className=\"modal-coupon-card-amount font-bold leading-none tracking-[-0.04em] text-[#FF5900]\">\n          <span className=\"tablet:text-[64px] text-[40px]\">{coupon.discountLabel}</span>\n          <span className=\"tablet:text-2xl text-[20px]\"> {coupon.offLabel}</span>\n        </Heading>\n      </div>\n\n      <div className=\"modal-coupon-card-info flex min-w-0 flex-1 flex-col gap-[4px] p-4\">\n        <div className=\"flex items-center gap-[4px] whitespace-nowrap\">\n          <Text\n            as=\"span\"\n            size={3}\n            html={`Code: ${coupon.code}`}\n            className=\"modal-coupon-card-code text-info-primary truncate text-[12px]\"\n          />\n          <Link\n            onClick={() => coupon.onCopy?.(coupon.code)}\n            className=\"modal-coupon-card-copy shrink-0 text-[12px] text-[#005D8E]\"\n          >\n            COPY\n          </Link>\n        </div>\n        <ul className=\"flex flex-col gap-0\">\n          {coupon.conditions.map((c, i) => (\n            <li key={i} className=\"modal-coupon-card-condition ml-[18px] list-disc\">\n              <Text as=\"span\" size={3} html={c} className=\"text-info-tertiary text-[12px] [&_a]:underline\" />\n            </li>\n          ))}\n        </ul>\n      </div>\n    </div>\n  </div>\n)\n\nconst ModalCoupon = ({\n  open,\n  onOpenChange,\n  title,\n  description,\n  copy,\n  coupons,\n  footerNotes,\n  primaryLabel,\n  primaryUrl,\n  secondaryLabel,\n  secondaryUrl,\n  onPrimary,\n  onSecondary,\n}: ModalCouponProps & { copy?: Record<string, any> }) => {\n  const couponsCountLabel = copy?.couponsCountLabel\n  return (\n    <Dialog open={open} onOpenChange={onOpenChange}>\n      <DialogContent className=\"modal-coupon-root tablet:!top-1/2 tablet:!left-1/2 tablet:!bottom-auto tablet:!right-auto tablet:!-translate-x-1/2 tablet:!-translate-y-1/2 tablet:!rounded-box rounded-t-box tablet:max-w-[580px] !inset-x-0 !bottom-0 !top-auto flex max-h-[90vh] w-full !translate-x-0 !translate-y-0 flex-col !gap-0 overflow-hidden rounded-b-none !border-none bg-white !p-0\">\n        <div className=\"modal-coupon-inner flex min-h-0 w-full flex-col bg-white\">\n          <div className=\"modal-coupon-body tablet:p-8 flex shrink-0 flex-col gap-6 px-4 pb-2 pt-4\">\n            <div>\n              {title && (\n                <Heading\n                  as=\"h2\"\n                  size={2}\n                  html={title}\n                  className=\"modal-coupon-title text-info-primary tablet:text-[24px] text-[20px]\"\n                />\n              )}\n              {description && (\n                <Text\n                  as=\"p\"\n                  size={4}\n                  html={description}\n                  className=\"modal-coupon-description tablet:text-[18px] mt-2 text-[14px] font-[700] [&_a]:underline\"\n                />\n              )}\n            </div>\n\n            {couponsCountLabel && (\n              <div className=\"flex flex-col gap-2\">\n                <Text\n                  as=\"p\"\n                  size={3}\n                  html={couponsCountLabel.replace('${count}', String(coupons?.length ?? 0))}\n                  className=\"modal-coupon-count text-info-tertiary font-[700] [&_a]:underline\"\n                />\n              </div>\n            )}\n          </div>\n\n          {coupons && coupons.length > 0 && (\n            <div className=\"modal-coupon-list tablet:px-8 flex min-h-0 flex-1 flex-col gap-2 overflow-y-auto px-4\">\n              {coupons.map(coupon => (\n                <CouponCard key={coupon.id} coupon={coupon} />\n              ))}\n            </div>\n          )}\n\n          <div className=\"modal-coupon-footer border-lines-default tablet:p-8 flex shrink-0 flex-col gap-4 border-t p-6\">\n            {footerNotes && footerNotes.length > 0 && (\n              <div className=\"flex flex-col gap-1\">\n                {footerNotes.map(note => (\n                  <Text\n                    key={note.id}\n                    as=\"p\"\n                    size={3}\n                    html={note.text}\n                    className=\"modal-coupon-footer-note text-info-tertiary tablet:text-[16px] text-[14px] font-[700] [&_a]:underline\"\n                  />\n                ))}\n              </div>\n            )}\n\n            {(primaryLabel || secondaryLabel) && (\n              <div className=\"flex flex-col items-center gap-4\">\n                {primaryLabel &&\n                  (primaryUrl ? (\n                    <Button\n                      as=\"a\"\n                      href={primaryUrl}\n                      className=\"modal-coupon-primary-btn tablet:text-[16px] w-full text-[14px]\"\n                    >\n                      {primaryLabel}\n                    </Button>\n                  ) : (\n                    <Button\n                      onClick={() => {\n                        onPrimary?.()\n                        onOpenChange(false)\n                      }}\n                      className=\"modal-coupon-primary-btn tablet:text-[16px] w-full text-[14px]\"\n                    >\n                      {primaryLabel}\n                    </Button>\n                  ))}\n                {secondaryLabel &&\n                  (secondaryUrl ? (\n                    <Link\n                      href={secondaryUrl}\n                      className=\"modal-coupon-secondary-btn text-info-primary tablet:text-[16px] text-[14px]\"\n                    >\n                      {secondaryLabel}\n                    </Link>\n                  ) : (\n                    <Link\n                      onClick={() => {\n                        onSecondary?.()\n                        onOpenChange(false)\n                      }}\n                      className=\"modal-coupon-secondary-btn text-info-primary tablet:text-[16px] text-[14px]\"\n                    >\n                      {secondaryLabel}\n                    </Link>\n                  ))}\n              </div>\n            )}\n          </div>\n        </div>\n      </DialogContent>\n    </Dialog>\n  )\n}\n\nModalCoupon.displayName = 'ModalCoupon'\n\nexport default ModalCoupon\n"],
-  "mappings": "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",
-  "names": ["Fragment", "jsx", "jsxs", "Dialog", "DialogContent", "Button", "Heading", "Text", "Link", "CouponCardBgMobile", "className", "CouponCardBgTablet", "CouponCardBg", "CouponCard", "coupon", "c", "ModalCoupon", "open", "onOpenChange", "title", "description", "copy", "coupons", "footerNotes", "primaryLabel", "primaryUrl", "secondaryLabel", "secondaryUrl", "onPrimary", "onSecondary", "couponsCountLabel", "note", "ModalCoupon_default"]
-}