npm - @anker-in/headless-ui - Versions diffs - 1.1.74 → 1.1.75 - Mend

@anker-in/headless-ui 1.1.74 → 1.1.75

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

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/biz-components/EventSchedule/index.tsx"],
-  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport { cn } from '../../helpers/index.js'\nimport { Text, Picture, Heading } from '../../components/index.js'\nimport { Swiper, SwiperSlide } from 'swiper/react'\nimport type { Swiper as SwiperType } from 'swiper'\nimport dayjs from 'dayjs'\nimport { cva } from 'class-variance-authority'\nimport type { Media } from '../../types/props.js'\nexport type EventScheduleSemanticName = 'root' | 'timeline' | 'eventScheduleCard'\n\n/**\n * \u65F6\u95F4\u72B6\u6001\u7C7B\u578B\n */\nexport type TimeStatus = 'completed' | 'in-progress' | 'not-started'\n\n/**\n * \u72B6\u6001\u5316\u56FE\u6807\u914D\u7F6E\n */\nexport interface StateIcon {\n  /** \u6FC0\u6D3B\u72B6\u6001\u7684\u56FE\u6807\uFF08\u8FDB\u884C\u4E2D\uFF09 */\n  active: Media\n  /** \u975E\u6FC0\u6D3B\u72B6\u6001\u7684\u56FE\u6807\uFF08\u672A\u5F00\u59CB\uFF09 */\n  inactive: Media\n  /** \u5DF2\u5B8C\u6210\u72B6\u6001\u7684\u56FE\u6807\uFF08\u53EF\u9009\uFF0C\u4E0D\u63D0\u4F9B\u5219\u4F7F\u7528 inactive\uFF09 */\n  completed?: Media\n}\n\n/**\n * \u6D3B\u52A8\u65E5\u7A0B\u9879\u6570\u636E\u63A5\u53E3\n */\nexport interface EventScheduleItem {\n  /** \u6807\u9898 */\n  title: string\n  /** \u5F00\u59CB\u65E5\u671F\uFF08ISO 8601 \u683C\u5F0F\u6216\u4EFB\u4F55 dayjs \u652F\u6301\u7684\u683C\u5F0F\uFF0C\u5982 '2024-12-01'\uFF09 */\n  startDate: string\n  /** \u7ED3\u675F\u65E5\u671F\uFF08ISO 8601 \u683C\u5F0F\u6216\u4EFB\u4F55 dayjs \u652F\u6301\u7684\u683C\u5F0F\uFF0C\u5982 '2024-12-31'\uFF09 */\n  endDate: string\n  /**\n   * \u5361\u7247\u80CC\u666F\u56FE\u6807\u914D\u7F6E\uFF0C\u72B6\u6001\u5316\u56FE\u6807\uFF08\u5FC5\u987B\u5305\u542B active \u548C inactive\uFF09\n   *\n   * @example\n   * icon: {\n   *   active: { url: \"https://example.com/active-icon.svg\", alt: \"Active Icon\" },\n   *   inactive: { url: \"https://example.com/inactive-icon.svg\", alt: \"Inactive Icon\" }\n   * }\n   */\n  icon?: StateIcon\n  /** \u8BE6\u7EC6\u4FE1\u606F\u5217\u8868 */\n  items: {\n    /** \u56FE\u6807 (SVG \u5B57\u7B26\u4E32\u6216 URL) */\n    icon?: string\n    /** \u6587\u672C\u5185\u5BB9 */\n    label: string\n  }[]\n}\n\n/**\n * EventSchedule \u4E1A\u52A1\u7EC4\u4EF6\u6570\u636E\u63A5\u53E3\n */\nexport interface EventScheduleData {\n  /** \u65E5\u7A0B\u5217\u8868 */\n  scheduleList: EventScheduleItem[]\n  /** \u662F\u5426\u663E\u793A\u65F6\u95F4\u8F74\uFF0C\u9ED8\u8BA4\u4E3A true */\n  showTimeline?: boolean\n  /** \u4E3B\u9898\u6A21\u5F0F */\n  theme?: 'light' | 'dark'\n}\n\nexport interface EventScheduleProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** \u4E1A\u52A1\u6570\u636E */\n  data: EventScheduleData\n  classNames?: Partial<Record<EventScheduleSemanticName, string>>\n}\n\n/**\n * \u83B7\u53D6\u65F6\u95F4\u72B6\u6001\n * @param startDate \u5F00\u59CB\u65E5\u671F\n * @param endDate \u7ED3\u675F\u65E5\u671F\n * @returns \u65F6\u95F4\u72B6\u6001\uFF1Acompleted\uFF08\u5DF2\u5B8C\u6210\uFF09\u3001in-progress\uFF08\u8FDB\u884C\u4E2D\uFF09\u3001not-started\uFF08\u672A\u5F00\u59CB\uFF09\n */\nconst getTimeStatus = (startDate: string, endDate: string): TimeStatus => {\n  const now = dayjs()\n  const start = dayjs(startDate).startOf('day')\n  const end = dayjs(endDate).endOf('day')\n\n  // \u5F53\u524D\u65F6\u95F4\u5728\u7ED3\u675F\u65F6\u95F4\u4E4B\u540E - \u5DF2\u5B8C\u6210\n  if (now.isAfter(end)) {\n    return 'completed'\n  }\n\n  // \u5F53\u524D\u65F6\u95F4\u5728\u5F00\u59CB\u65F6\u95F4\u4E4B\u524D - \u672A\u5F00\u59CB\n  if (now.isBefore(start)) {\n    return 'not-started'\n  }\n\n  // \u5F53\u524D\u65F6\u95F4\u5728\u5F00\u59CB\u548C\u7ED3\u675F\u4E4B\u95F4 - \u8FDB\u884C\u4E2D\n  return 'in-progress'\n}\n\n/**\n * \u65F6\u95F4\u8F74\u8FDB\u5EA6\u6761\u6837\u5F0F\u53D8\u4F53\uFF08\u652F\u6301\u4E09\u79CD\u65F6\u95F4\u72B6\u6001\uFF09\n */\nconst timelineProgressActiveVariants = cva('h-1 w-full overflow-hidden', {\n  variants: {\n    state: {\n      // \u8FDB\u884C\u4E2D\n      'in-progress-light': 'bg-[#F6CD4E]',\n      'in-progress-dark': 'bg-[#D79941]',\n      // \u672A\u5F00\u59CB\n      'not-started-light': 'bg-[#EAEAEC]',\n      'not-started-dark': 'bg-[#1E2024]',\n      // \u5DF2\u5B8C\u6210\n      'completed-light': 'bg-[#F6CD4E]',\n      'completed-dark': 'bg-[#D79941]',\n    },\n  },\n  defaultVariants: {\n    state: 'not-started-light',\n  },\n})\n\n/**\n * \u65F6\u95F4\u8F74\u8282\u70B9\u6837\u5F0F\u53D8\u4F53\uFF08\u652F\u6301\u4E09\u79CD\u65F6\u95F4\u72B6\u6001\uFF09\n */\nconst timelineNodeActiveVariants = cva('size-4 rounded-full transition-colors', {\n  variants: {\n    state: {\n      // \u8FDB\u884C\u4E2D\n      'in-progress-light': 'bg-[#F6CD4E]',\n      'in-progress-dark': 'bg-[#D79941]',\n      // \u672A\u5F00\u59CB\n      'not-started-light': 'bg-[#EAEAEC]',\n      'not-started-dark': 'bg-[#1E2024]',\n      // \u5DF2\u5B8C\u6210\uFF08\u4E0E\u8FDB\u884C\u4E2D\u989C\u8272\u4E00\u81F4\uFF09\n      'completed-light': 'bg-[#F6CD4E]',\n      'completed-dark': 'bg-[#D79941]',\n    },\n  },\n  defaultVariants: {\n    state: 'not-started-light',\n  },\n})\n\n/**\n * \u5361\u7247\u6587\u672C\u6837\u5F0F\u53D8\u4F53\uFF08\u652F\u6301\u4E09\u79CD\u65F6\u95F4\u72B6\u6001\uFF09\n */\nconst cardTextVariants = cva('font-bold leading-[1.2]', {\n  variants: {\n    state: {\n      // \u8FDB\u884C\u4E2D\uFF08\u4FDD\u6301\u539F\u6709\u989C\u8272\uFF09\n      'in-progress-light': 'text-[#080A0F]',\n      'in-progress-dark': 'text-white',\n      // \u672A\u5F00\u59CB\uFF0860% \u900F\u660E\u5EA6\uFF09\n      'not-started-light': 'text-[#080A0F]',\n      'not-started-dark': 'text-[#F5F6F7]',\n      // \u5DF2\u5B8C\u6210\uFF0860% \u900F\u660E\u5EA6\uFF09\n      'completed-light': 'text-[#4A4C56]/60',\n      'completed-dark': 'text-[#F5F6F7]/60',\n    },\n  },\n  defaultVariants: {\n    state: 'not-started-light',\n  },\n})\n\n/**\n * \u5361\u7247\u5BB9\u5668\u6837\u5F0F\u53D8\u4F53\uFF08\u652F\u6301\u4E09\u79CD\u65F6\u95F4\u72B6\u6001\uFF09\n */\nconst eventScheduleCardVariants = cva(\n  'laptop:h-[160px] rounded-box relative flex h-[120px] min-w-0 flex-col justify-between gap-2 overflow-hidden',\n  {\n    variants: {\n      state: {\n        // \u8FDB\u884C\u4E2D\n        'in-progress-light': 'bg-[#F4E8BC]',\n        'in-progress-dark': 'bg-[#D79941]',\n        // \u672A\u5F00\u59CB\n        'not-started-light': 'bg-[#EAEAEC]',\n        'not-started-dark': 'bg-[#1E2024]',\n        // \u5DF2\u5B8C\u6210\n        'completed-light': 'bg-[#F4E8BC]',\n        'completed-dark': 'bg-[#D79941]',\n      },\n    },\n    defaultVariants: {\n      state: 'not-started-light',\n    },\n  }\n)\n\n/**\n * \u65F6\u95F4\u8F74\u8282\u70B9\u7EC4\u4EF6 Props\n */\ninterface TimelineNodeProps {\n  /** \u65F6\u95F4\u72B6\u6001 */\n  timeStatus: TimeStatus\n  /** \u4E3B\u9898\u6A21\u5F0F */\n  theme?: 'light' | 'dark'\n  /** \u81EA\u5B9A\u4E49\u7C7B\u540D */\n  className?: string\n  /** \u5F53\u524D\u8282\u70B9\u7D22\u5F15 */\n  index: number\n  /** \u8282\u70B9\u603B\u6570 */\n  nodeLength: number\n}\n\n/**\n * \u65F6\u95F4\u8F74\u8282\u70B9\u7EC4\u4EF6\n */\nconst TimelineNode = ({ timeStatus, theme = 'light', className, index, nodeLength }: TimelineNodeProps) => {\n  // \u8BA1\u7B97\u7EC4\u5408\u72B6\u6001\n  const state = `${timeStatus}-${theme}` as\n    | 'in-progress-light'\n    | 'in-progress-dark'\n    | 'not-started-light'\n    | 'not-started-dark'\n    | 'completed-light'\n    | 'completed-dark'\n\n  // \u5224\u65AD\u9996\u5C3E\u4F4D\u7F6E\n  const isFirst = index === 0\n  const isLast = index === nodeLength - 1\n\n  return (\n    <div className=\"relative my-2 flex h-1 w-full items-center justify-center\">\n      {/* \u8FDB\u5EA6\u6761\u80CC\u666F */}\n      <div\n        className={cn(\n          timelineProgressActiveVariants({ state }),\n          isFirst && 'rounded-l-full',\n          isLast && 'rounded-r-full',\n          className\n        )}\n      />\n      {/* \u65F6\u95F4\u8282\u70B9\u5706\u70B9 */}\n      <div className=\"absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2\">\n        <div className={timelineNodeActiveVariants({ state })} />\n      </div>\n    </div>\n  )\n}\n\n/**\n * \u6839\u636E\u65F6\u95F4\u72B6\u6001\u83B7\u53D6\u5BF9\u5E94\u7684\u56FE\u6807\n * @param icon \u72B6\u6001\u5316\u56FE\u6807\u914D\u7F6E\n * @param timeStatus \u65F6\u95F4\u72B6\u6001\n * @returns \u56FE\u6807 Media \u5BF9\u8C61\n */\nconst getIconByTimeStatus = (icon: StateIcon | undefined, timeStatus: TimeStatus): Media | undefined => {\n  if (!icon) return undefined\n  // \u8FDB\u884C\u4E2D\u4F7F\u7528 active \u56FE\u6807\n  if (timeStatus === 'in-progress') return icon.active\n  // \u5DF2\u5B8C\u6210\u4F7F\u7528 completed \u56FE\u6807\uFF08\u5982\u679C\u6709\uFF09\uFF0C\u5426\u5219\u4F7F\u7528 inactive\n  if (timeStatus === 'completed') return icon.completed || icon.inactive\n  // \u672A\u5F00\u59CB\u4F7F\u7528 inactive \u56FE\u6807\n  return icon.inactive\n}\n\n/**\n * \u6D3B\u52A8\u65E5\u7A0B\u5361\u7247\u7EC4\u4EF6\n */\nconst EventScheduleCard = ({\n  timeStatus,\n  item,\n  theme = 'light',\n  className,\n  scheduleCount,\n}: {\n  timeStatus: TimeStatus\n  item: EventScheduleItem\n  theme?: 'light' | 'dark'\n  className?: string\n  scheduleCount: number\n}) => {\n  const currentIcon = React.useMemo(() => {\n    return getIconByTimeStatus(item.icon, timeStatus)\n  }, [item.icon, timeStatus])\n\n  // \u8BA1\u7B97\u7EC4\u5408\u72B6\u6001\n  const cardState = `${timeStatus}-${theme}` as\n    | 'in-progress-light'\n    | 'in-progress-dark'\n    | 'not-started-light'\n    | 'not-started-dark'\n    | 'completed-light'\n    | 'completed-dark'\n\n  return (\n    <div className={cn(eventScheduleCardVariants({ state: cardState }), className)}>\n      {/* \u80CC\u666F\u56FE\u6807 */}\n      {currentIcon && (\n        <div className=\"laptop:w-[128px] desktop:w-[160px] absolute bottom-0 right-0 z-10 w-[120px]\">\n          <Picture source={currentIcon.url} alt={currentIcon.alt} className=\"aspect-square\" />\n        </div>\n      )}\n      {/* \u5185\u5BB9\u533A\u57DF */}\n      <div className=\"tablet:px-4 tablet:py-3 desktop:pl-6 desktop:pr-16 relative z-20 flex h-full flex-col justify-between p-4 pr-8\">\n        <Heading\n          html={item.title}\n          className={cn(\n            scheduleCount >= 4 ? 'desktop:text-[24px]' : 'desktop:text-[32px]',\n            'laptop:text-[24px] line-clamp-1 text-[20px]',\n            cardTextVariants({ state: cardState })\n          )}\n        />\n        {/* \u8BE6\u7EC6\u4FE1\u606F\u5217\u8868 */}\n        <div className=\"flex flex-col gap-0.5\">\n          {item.items.map((detail, index) => (\n            <div key={index} className=\"flex items-center gap-2\">\n              {/* \u56FE\u6807 */}\n              {detail.icon && (\n                <Text\n                  className={cn('desktop:size-6 size-5 shrink-0', cardTextVariants({ state: cardState }))}\n                  html={detail.icon}\n                />\n              )}\n              {/* \u6587\u672C */}\n              <Text\n                html={detail.label}\n                className={cn(\n                  'lg-desktop:text-[18px] desktop:text-[16px] line-clamp-1 flex-1 text-[14px] leading-[1.4]',\n                  cardTextVariants({ state: cardState })\n                )}\n              />\n            </div>\n          ))}\n        </div>\n      </div>\n    </div>\n  )\n}\n\n/**\n * EventSchedule - \u6D3B\u52A8\u65E5\u7A0B\u7EC4\u4EF6\n *\n * @description \u663E\u793A\u6D3B\u52A8\u65E5\u7A0B\u65F6\u95F4\u8F74\u548C\u6D3B\u52A8\u5361\u7247\u5217\u8868\n */\nconst EventSchedule = React.forwardRef<HTMLDivElement, EventScheduleProps>(\n  ({ classNames = {}, data, className, ...rest }, ref) => {\n    const theme = data.theme || 'light'\n    const swiperRef = React.useRef<SwiperType | null>(null)\n    const timelineSwiperRef = React.useRef<SwiperType | null>(null)\n    const isSyncingRef = React.useRef(false) // \u9632\u6B62\u5FAA\u73AF\u89E6\u53D1\n    const itemsPerRow = React.useMemo(() => {\n      return data?.scheduleList?.length || 2\n    }, [data?.scheduleList])\n\n    // \u8BA1\u7B97\u8FDB\u884C\u4E2D item \u7684\u7D22\u5F15\uFF08\u7528\u4E8E\u81EA\u52A8\u6EDA\u52A8\uFF09\n    const activeIndex = React.useMemo(() => {\n      return data.scheduleList.findIndex(item => {\n        const timeStatus = getTimeStatus(item.startDate, item.endDate)\n        return timeStatus === 'in-progress'\n      })\n    }, [data.scheduleList])\n\n    /**\n     * \u751F\u6210\u7EDF\u4E00\u7684 Swiper \u65AD\u70B9\u914D\u7F6E\n     * @param itemsPerRow \u6BCF\u884C\u663E\u793A\u7684\u9879\u76EE\u6570\n     * @param withSpaceBetween \u662F\u5426\u5305\u542B\u95F4\u8DDD\u914D\u7F6E\n     * @returns Swiper \u65AD\u70B9\u914D\u7F6E\u5BF9\u8C61\n     */\n    const generateSwiperBreakpoints = React.useCallback((itemsPerRow: number, withSpaceBetween: boolean = false) => {\n      // \u6839\u636E itemsPerRow \u786E\u5B9A\u4E0D\u540C\u65AD\u70B9\u4E0B\u7684 slidesPerView\n      const getBreakpointConfig = (breakpoint: 'mobile' | 'tablet' | 'laptop' | 'desktop') => {\n        switch (breakpoint) {\n          case 'mobile':\n            return { slidesPerView: 1.17 }\n          case 'tablet':\n            if (itemsPerRow === 2) return { slidesPerView: 2 }\n            return { slidesPerView: 2.4 }\n          case 'laptop':\n            if (itemsPerRow === 2) return {}\n            if (itemsPerRow === 4) return { slidesPerView: 3.2 }\n            return { slidesPerView: itemsPerRow }\n          case 'desktop':\n            if (itemsPerRow === 2) return { slidesPerView: 2 }\n            return { slidesPerView: itemsPerRow }\n        }\n      }\n\n      const mobileConfig = getBreakpointConfig('mobile')\n      const tabletConfig = getBreakpointConfig('tablet')\n      const laptopConfig = getBreakpointConfig('laptop')\n      const desktopConfig = getBreakpointConfig('desktop')\n\n      // \u5982\u679C\u9700\u8981 spaceBetween\uFF0C\u5219\u6DFB\u52A0\u5230\u914D\u7F6E\u4E2D\n      if (withSpaceBetween) {\n        return {\n          0: { ...mobileConfig, spaceBetween: 12 },\n          768: { ...tabletConfig, spaceBetween: 12 },\n          1024: { ...laptopConfig, spaceBetween: 16 },\n          1440: { ...desktopConfig, spaceBetween: 16 },\n        }\n      }\n\n      return {\n        0: mobileConfig,\n        768: tabletConfig,\n        1024: laptopConfig,\n        1440: desktopConfig,\n      }\n    }, [])\n\n    // \u6839\u636E itemsPerRow \u914D\u7F6E\u54CD\u5E94\u5F0F\u65AD\u70B9\uFF08\u5361\u7247 Swiper - \u5305\u542B\u95F4\u8DDD\uFF09\n    const swiperBreakpoints = React.useMemo(() => {\n      return generateSwiperBreakpoints(itemsPerRow, true)\n    }, [itemsPerRow, generateSwiperBreakpoints])\n\n    // \u65F6\u95F4\u8F74 Swiper \u65AD\u70B9\u914D\u7F6E\uFF08\u4E0D\u5305\u542B\u95F4\u8DDD\uFF09\n    const timeNodeSwiperBreakpoints = React.useMemo(() => {\n      return generateSwiperBreakpoints(itemsPerRow, false)\n    }, [itemsPerRow, generateSwiperBreakpoints])\n\n    const showTimeline = data.showTimeline !== false // \u9ED8\u8BA4\u4E3A true\n\n    // \u540C\u6B65\u4E24\u4E2A Swiper \u7684\u6ED1\u52A8\n    const handleCardSwiperSlideChange = React.useCallback((swiper: SwiperType) => {\n      if (isSyncingRef.current || !timelineSwiperRef.current) return\n      isSyncingRef.current = true\n      timelineSwiperRef.current.slideTo(swiper.activeIndex, swiper.params.speed)\n      // \u5EF6\u8FDF\u91CD\u7F6E\u6807\u5FD7\uFF0C\u786E\u4FDD\u540C\u6B65\u5B8C\u6210\n      setTimeout(() => {\n        isSyncingRef.current = false\n      }, 50)\n    }, [])\n\n    const handleTimelineSwiperSlideChange = React.useCallback((swiper: SwiperType) => {\n      if (isSyncingRef.current || !swiperRef.current) return\n      isSyncingRef.current = true\n      swiperRef.current.slideTo(swiper.activeIndex, swiper.params.speed)\n      // \u5EF6\u8FDF\u91CD\u7F6E\u6807\u5FD7\uFF0C\u786E\u4FDD\u540C\u6B65\u5B8C\u6210\n      setTimeout(() => {\n        isSyncingRef.current = false\n      }, 50)\n    }, [])\n\n    // \u81EA\u52A8\u6EDA\u52A8\u5230 active item\n    React.useEffect(() => {\n      if (swiperRef.current && timelineSwiperRef.current && activeIndex >= 0) {\n        // \u5EF6\u8FDF\u6267\u884C\uFF0C\u786E\u4FDD Swiper \u5DF2\u7ECF\u5B8C\u5168\u521D\u59CB\u5316\n        setTimeout(() => {\n          isSyncingRef.current = true\n          swiperRef.current?.slideTo(activeIndex, 500)\n          timelineSwiperRef.current?.slideTo(activeIndex, 500)\n          setTimeout(() => {\n            isSyncingRef.current = false\n          }, 600)\n        }, 100)\n      }\n    }, [activeIndex])\n\n    return (\n      <div\n        {...rest}\n        ref={ref}\n        className={cn(\n          'tablet:px-8 laptop:px-16 desktop:px-16 lg-desktop:px-[calc(50%-832px)] overflow-hidden px-4',\n          classNames?.root,\n          className\n        )}\n      >\n        {showTimeline && (\n          <Swiper\n            breakpoints={timeNodeSwiperBreakpoints}\n            className=\"h-4 w-full !overflow-visible\"\n            onSwiper={swiper => {\n              timelineSwiperRef.current = swiper\n            }}\n            onSlideChange={handleTimelineSwiperSlideChange}\n          >\n            {data.scheduleList.map((item, index) => {\n              const timeStatus = getTimeStatus(item.startDate, item.endDate)\n              return (\n                <SwiperSlide key={'timelineNode' + index} className=\"\">\n                  <TimelineNode\n                    className={classNames?.timeline}\n                    timeStatus={timeStatus}\n                    theme={theme}\n                    index={index}\n                    nodeLength={data.scheduleList.length}\n                  />\n                </SwiperSlide>\n              )\n            })}\n          </Swiper>\n        )}\n        <Swiper\n          breakpoints={swiperBreakpoints}\n          className=\"w-full !overflow-visible\"\n          onSwiper={swiper => {\n            swiperRef.current = swiper\n          }}\n          onSlideChange={handleCardSwiperSlideChange}\n        >\n          {data.scheduleList.map((item, index) => {\n            const timeStatus = getTimeStatus(item.startDate, item.endDate)\n            return (\n              <SwiperSlide key={'SwiperSlideItem' + index}>\n                <EventScheduleCard\n                  timeStatus={timeStatus}\n                  className={cn(showTimeline ? 'laptop:mt-4 mt-2' : '', classNames?.eventScheduleCard)}\n                  item={item}\n                  theme={theme}\n                  scheduleCount={data.scheduleList.length}\n                />\n              </SwiperSlide>\n            )\n          })}\n        </Swiper>\n      </div>\n    )\n  }\n)\n\nEventSchedule.displayName = 'EventSchedule'\nexport default EventSchedule\n\n// \u5BFC\u51FA\u7C7B\u578B\u4F9B\u5916\u90E8\u4F7F\u7528\n// export type { StateIcon, EventScheduleItem, EventScheduleData, EventScheduleProps }\n"],
-  "mappings": "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",
-  "names": ["jsx", "jsxs", "React", "cn", "Text", "Picture", "Heading", "Swiper", "SwiperSlide", "dayjs", "cva", "getTimeStatus", "startDate", "endDate", "now", "start", "end", "timelineProgressActiveVariants", "timelineNodeActiveVariants", "cardTextVariants", "eventScheduleCardVariants", "TimelineNode", "timeStatus", "theme", "className", "index", "nodeLength", "state", "isFirst", "isLast", "getIconByTimeStatus", "icon", "EventScheduleCard", "item", "scheduleCount", "currentIcon", "cardState", "detail", "EventSchedule", "classNames", "data", "rest", "ref", "swiperRef", "timelineSwiperRef", "isSyncingRef", "itemsPerRow", "activeIndex", "generateSwiperBreakpoints", "withSpaceBetween", "getBreakpointConfig", "breakpoint", "mobileConfig", "tabletConfig", "laptopConfig", "desktopConfig", "swiperBreakpoints", "timeNodeSwiperBreakpoints", "showTimeline", "handleCardSwiperSlideChange", "swiper", "handleTimelineSwiperSlideChange", "EventSchedule_default"]
+  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport { cn } from '../../helpers/index.js'\nimport { Text, Picture, Heading, Container } from '../../components/index.js'\nimport { Swiper, SwiperSlide } from 'swiper/react'\nimport type { Swiper as SwiperType } from 'swiper'\nimport dayjs from 'dayjs'\nimport { cva } from 'class-variance-authority'\nimport type { Media } from '../../types/props.js'\nexport type EventScheduleSemanticName = 'root' | 'timeline' | 'eventScheduleCard'\n\n/**\n * \u65F6\u95F4\u72B6\u6001\u7C7B\u578B\n */\nexport type TimeStatus = 'completed' | 'in-progress' | 'not-started'\n\n/**\n * \u72B6\u6001\u5316\u56FE\u6807\u914D\u7F6E\n */\nexport interface StateIcon {\n  /** \u6FC0\u6D3B\u72B6\u6001\u7684\u56FE\u6807\uFF08\u8FDB\u884C\u4E2D\uFF09 */\n  active: Media\n  /** \u975E\u6FC0\u6D3B\u72B6\u6001\u7684\u56FE\u6807\uFF08\u672A\u5F00\u59CB\uFF09 */\n  inactive: Media\n  /** \u5DF2\u5B8C\u6210\u72B6\u6001\u7684\u56FE\u6807\uFF08\u53EF\u9009\uFF0C\u4E0D\u63D0\u4F9B\u5219\u4F7F\u7528 inactive\uFF09 */\n  completed?: Media\n}\n\n/**\n * \u6D3B\u52A8\u65E5\u7A0B\u9879\u6570\u636E\u63A5\u53E3\n */\nexport interface EventScheduleItem {\n  /** \u6807\u9898 */\n  title: string\n  /** \u5F00\u59CB\u65E5\u671F\uFF08ISO 8601 \u683C\u5F0F\u6216\u4EFB\u4F55 dayjs \u652F\u6301\u7684\u683C\u5F0F\uFF0C\u5982 '2024-12-01'\uFF09 */\n  startDate: string\n  /** \u7ED3\u675F\u65E5\u671F\uFF08ISO 8601 \u683C\u5F0F\u6216\u4EFB\u4F55 dayjs \u652F\u6301\u7684\u683C\u5F0F\uFF0C\u5982 '2024-12-31'\uFF09 */\n  endDate: string\n  /**\n   * \u5361\u7247\u80CC\u666F\u56FE\u6807\u914D\u7F6E\uFF0C\u72B6\u6001\u5316\u56FE\u6807\uFF08\u5FC5\u987B\u5305\u542B active \u548C inactive\uFF09\n   *\n   * @example\n   * icon: {\n   *   active: { url: \"https://example.com/active-icon.svg\", alt: \"Active Icon\" },\n   *   inactive: { url: \"https://example.com/inactive-icon.svg\", alt: \"Inactive Icon\" }\n   * }\n   */\n  icon?: StateIcon\n  /** \u8BE6\u7EC6\u4FE1\u606F\u5217\u8868 */\n  items: {\n    /** \u56FE\u6807 (SVG \u5B57\u7B26\u4E32\u6216 URL) */\n    icon?: string\n    /** \u6587\u672C\u5185\u5BB9 */\n    label: string\n  }[]\n}\n\n/**\n * EventSchedule \u4E1A\u52A1\u7EC4\u4EF6\u6570\u636E\u63A5\u53E3\n */\nexport interface EventScheduleData {\n  /** \u65E5\u7A0B\u5217\u8868 */\n  scheduleList: EventScheduleItem[]\n  /** \u662F\u5426\u663E\u793A\u65F6\u95F4\u8F74\uFF0C\u9ED8\u8BA4\u4E3A true */\n  showTimeline?: boolean\n  /** \u4E3B\u9898\u6A21\u5F0F */\n  theme?: 'light' | 'dark'\n}\n\nexport interface EventScheduleProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** \u4E1A\u52A1\u6570\u636E */\n  data: EventScheduleData\n  classNames?: Partial<Record<EventScheduleSemanticName, string>>\n}\n\n/**\n * \u83B7\u53D6\u65F6\u95F4\u72B6\u6001\n * @param startDate \u5F00\u59CB\u65E5\u671F\n * @param endDate \u7ED3\u675F\u65E5\u671F\n * @returns \u65F6\u95F4\u72B6\u6001\uFF1Acompleted\uFF08\u5DF2\u5B8C\u6210\uFF09\u3001in-progress\uFF08\u8FDB\u884C\u4E2D\uFF09\u3001not-started\uFF08\u672A\u5F00\u59CB\uFF09\n */\nconst getTimeStatus = (startDate: string, endDate: string): TimeStatus => {\n  const now = dayjs()\n  const start = dayjs(startDate).startOf('day')\n  const end = dayjs(endDate).endOf('day')\n\n  // \u5F53\u524D\u65F6\u95F4\u5728\u7ED3\u675F\u65F6\u95F4\u4E4B\u540E - \u5DF2\u5B8C\u6210\n  if (now.isAfter(end)) {\n    return 'completed'\n  }\n\n  // \u5F53\u524D\u65F6\u95F4\u5728\u5F00\u59CB\u65F6\u95F4\u4E4B\u524D - \u672A\u5F00\u59CB\n  if (now.isBefore(start)) {\n    return 'not-started'\n  }\n\n  // \u5F53\u524D\u65F6\u95F4\u5728\u5F00\u59CB\u548C\u7ED3\u675F\u4E4B\u95F4 - \u8FDB\u884C\u4E2D\n  return 'in-progress'\n}\n\n/**\n * \u65F6\u95F4\u8F74\u8FDB\u5EA6\u6761\u6837\u5F0F\u53D8\u4F53\uFF08\u652F\u6301\u4E09\u79CD\u65F6\u95F4\u72B6\u6001\uFF09\n */\nconst timelineProgressActiveVariants = cva('h-1 w-full overflow-hidden', {\n  variants: {\n    state: {\n      // \u8FDB\u884C\u4E2D\n      'in-progress-light': 'bg-[#F6CD4E]',\n      'in-progress-dark': 'bg-[#D79941]',\n      // \u672A\u5F00\u59CB\n      'not-started-light': 'bg-[#EAEAEC]',\n      'not-started-dark': 'bg-[#1E2024]',\n      // \u5DF2\u5B8C\u6210\n      'completed-light': 'bg-[#F6CD4E]',\n      'completed-dark': 'bg-[#D79941]',\n    },\n  },\n  defaultVariants: {\n    state: 'not-started-light',\n  },\n})\n\n/**\n * \u65F6\u95F4\u8F74\u8282\u70B9\u6837\u5F0F\u53D8\u4F53\uFF08\u652F\u6301\u4E09\u79CD\u65F6\u95F4\u72B6\u6001\uFF09\n */\nconst timelineNodeActiveVariants = cva('size-4 rounded-full transition-colors', {\n  variants: {\n    state: {\n      // \u8FDB\u884C\u4E2D\n      'in-progress-light': 'bg-[#F6CD4E]',\n      'in-progress-dark': 'bg-[#D79941]',\n      // \u672A\u5F00\u59CB\n      'not-started-light': 'bg-[#EAEAEC]',\n      'not-started-dark': 'bg-[#1E2024]',\n      // \u5DF2\u5B8C\u6210\uFF08\u4E0E\u8FDB\u884C\u4E2D\u989C\u8272\u4E00\u81F4\uFF09\n      'completed-light': 'bg-[#F6CD4E]',\n      'completed-dark': 'bg-[#D79941]',\n    },\n  },\n  defaultVariants: {\n    state: 'not-started-light',\n  },\n})\n\n/**\n * \u5361\u7247\u6587\u672C\u6837\u5F0F\u53D8\u4F53\uFF08\u652F\u6301\u4E09\u79CD\u65F6\u95F4\u72B6\u6001\uFF09\n */\nconst cardTextVariants = cva('font-bold leading-[1.2]', {\n  variants: {\n    state: {\n      // \u8FDB\u884C\u4E2D\uFF08\u4FDD\u6301\u539F\u6709\u989C\u8272\uFF09\n      'in-progress-light': 'text-[#080A0F]',\n      'in-progress-dark': 'text-white',\n      // \u672A\u5F00\u59CB\uFF0860% \u900F\u660E\u5EA6\uFF09\n      'not-started-light': 'text-[#080A0F]',\n      'not-started-dark': 'text-[#F5F6F7]',\n      // \u5DF2\u5B8C\u6210\uFF0860% \u900F\u660E\u5EA6\uFF09\n      'completed-light': 'text-[#4A4C56]/60',\n      'completed-dark': 'text-[#F5F6F7]/60',\n    },\n  },\n  defaultVariants: {\n    state: 'not-started-light',\n  },\n})\n\n/**\n * \u5361\u7247\u5BB9\u5668\u6837\u5F0F\u53D8\u4F53\uFF08\u652F\u6301\u4E09\u79CD\u65F6\u95F4\u72B6\u6001\uFF09\n */\nconst eventScheduleCardVariants = cva(\n  'laptop:h-[160px] rounded-box relative flex h-[120px] min-w-0 flex-col justify-between gap-2 overflow-hidden',\n  {\n    variants: {\n      state: {\n        // \u8FDB\u884C\u4E2D\n        'in-progress-light': 'bg-[#F4E8BC]',\n        'in-progress-dark': 'bg-[#D79941]',\n        // \u672A\u5F00\u59CB\n        'not-started-light': 'bg-[#EAEAEC]',\n        'not-started-dark': 'bg-[#1E2024]',\n        // \u5DF2\u5B8C\u6210\n        'completed-light': 'bg-[#F4E8BC]',\n        'completed-dark': 'bg-[#D79941]',\n      },\n    },\n    defaultVariants: {\n      state: 'not-started-light',\n    },\n  }\n)\n\n/**\n * \u65F6\u95F4\u8F74\u8282\u70B9\u7EC4\u4EF6 Props\n */\ninterface TimelineNodeProps {\n  /** \u65F6\u95F4\u72B6\u6001 */\n  timeStatus: TimeStatus\n  /** \u4E3B\u9898\u6A21\u5F0F */\n  theme?: 'light' | 'dark'\n  /** \u81EA\u5B9A\u4E49\u7C7B\u540D */\n  className?: string\n  /** \u5F53\u524D\u8282\u70B9\u7D22\u5F15 */\n  index: number\n  /** \u8282\u70B9\u603B\u6570 */\n  nodeLength: number\n}\n\n/**\n * \u65F6\u95F4\u8F74\u8282\u70B9\u7EC4\u4EF6\n */\nconst TimelineNode = ({ timeStatus, theme = 'light', className, index, nodeLength }: TimelineNodeProps) => {\n  // \u8BA1\u7B97\u7EC4\u5408\u72B6\u6001\n  const state = `${timeStatus}-${theme}` as\n    | 'in-progress-light'\n    | 'in-progress-dark'\n    | 'not-started-light'\n    | 'not-started-dark'\n    | 'completed-light'\n    | 'completed-dark'\n\n  // \u5224\u65AD\u9996\u5C3E\u4F4D\u7F6E\n  const isFirst = index === 0\n  const isLast = index === nodeLength - 1\n\n  return (\n    <div className=\"relative my-2 flex h-1 w-full items-center justify-center\">\n      {/* \u8FDB\u5EA6\u6761\u80CC\u666F */}\n      <div\n        className={cn(\n          timelineProgressActiveVariants({ state }),\n          isFirst && 'rounded-l-full',\n          isLast && 'rounded-r-full',\n          className\n        )}\n      />\n      {/* \u65F6\u95F4\u8282\u70B9\u5706\u70B9 */}\n      <div className=\"absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2\">\n        <div className={timelineNodeActiveVariants({ state })} />\n      </div>\n    </div>\n  )\n}\n\n/**\n * \u6839\u636E\u65F6\u95F4\u72B6\u6001\u83B7\u53D6\u5BF9\u5E94\u7684\u56FE\u6807\n * @param icon \u72B6\u6001\u5316\u56FE\u6807\u914D\u7F6E\n * @param timeStatus \u65F6\u95F4\u72B6\u6001\n * @returns \u56FE\u6807 Media \u5BF9\u8C61\n */\nconst getIconByTimeStatus = (icon: StateIcon | undefined, timeStatus: TimeStatus): Media | undefined => {\n  if (!icon) return undefined\n  // \u8FDB\u884C\u4E2D\u4F7F\u7528 active \u56FE\u6807\n  if (timeStatus === 'in-progress') return icon.active\n  // \u5DF2\u5B8C\u6210\u4F7F\u7528 completed \u56FE\u6807\uFF08\u5982\u679C\u6709\uFF09\uFF0C\u5426\u5219\u4F7F\u7528 inactive\n  if (timeStatus === 'completed') return icon.completed || icon.inactive\n  // \u672A\u5F00\u59CB\u4F7F\u7528 inactive \u56FE\u6807\n  return icon.inactive\n}\n\n/**\n * \u6D3B\u52A8\u65E5\u7A0B\u5361\u7247\u7EC4\u4EF6\n */\nconst EventScheduleCard = ({\n  timeStatus,\n  item,\n  theme = 'light',\n  className,\n  scheduleCount,\n}: {\n  timeStatus: TimeStatus\n  item: EventScheduleItem\n  theme?: 'light' | 'dark'\n  className?: string\n  scheduleCount: number\n}) => {\n  const currentIcon = React.useMemo(() => {\n    return getIconByTimeStatus(item.icon, timeStatus)\n  }, [item.icon, timeStatus])\n\n  // \u8BA1\u7B97\u7EC4\u5408\u72B6\u6001\n  const cardState = `${timeStatus}-${theme}` as\n    | 'in-progress-light'\n    | 'in-progress-dark'\n    | 'not-started-light'\n    | 'not-started-dark'\n    | 'completed-light'\n    | 'completed-dark'\n\n  return (\n    <div className={cn(eventScheduleCardVariants({ state: cardState }), className)}>\n      {/* \u80CC\u666F\u56FE\u6807 */}\n      {currentIcon && (\n        <div className=\"laptop:w-[128px] desktop:w-[160px] absolute bottom-0 right-0 z-10 w-[120px]\">\n          <Picture source={currentIcon.url} alt={currentIcon.alt} className=\"aspect-square\" />\n        </div>\n      )}\n      {/* \u5185\u5BB9\u533A\u57DF */}\n      <div className=\"tablet:px-4 tablet:py-3 desktop:pl-6 desktop:pr-16 relative z-20 flex h-full flex-col justify-between p-4 pr-8\">\n        <Heading\n          html={item.title}\n          className={cn(\n            scheduleCount >= 4 ? 'desktop:text-[24px]' : 'desktop:text-[32px]',\n            'laptop:text-[24px] line-clamp-1 text-[20px]',\n            cardTextVariants({ state: cardState })\n          )}\n        />\n        {/* \u8BE6\u7EC6\u4FE1\u606F\u5217\u8868 */}\n        <div className=\"flex flex-col gap-0.5\">\n          {item.items.map((detail, index) => (\n            <div key={index} className=\"flex items-center gap-2\">\n              {/* \u56FE\u6807 */}\n              {detail.icon && (\n                <Text\n                  className={cn('desktop:size-6 size-5 shrink-0', cardTextVariants({ state: cardState }))}\n                  html={detail.icon}\n                />\n              )}\n              {/* \u6587\u672C */}\n              <Text\n                html={detail.label}\n                className={cn(\n                  'lg-desktop:text-[18px] desktop:text-[16px] line-clamp-1 flex-1 text-[14px] leading-[1.4]',\n                  cardTextVariants({ state: cardState })\n                )}\n              />\n            </div>\n          ))}\n        </div>\n      </div>\n    </div>\n  )\n}\n\n/**\n * EventSchedule - \u6D3B\u52A8\u65E5\u7A0B\u7EC4\u4EF6\n *\n * @description \u663E\u793A\u6D3B\u52A8\u65E5\u7A0B\u65F6\u95F4\u8F74\u548C\u6D3B\u52A8\u5361\u7247\u5217\u8868\n */\nconst EventSchedule = React.forwardRef<HTMLDivElement, EventScheduleProps>(\n  ({ classNames = {}, data, className, ...rest }, ref) => {\n    const theme = data.theme || 'light'\n    const swiperRef = React.useRef<SwiperType | null>(null)\n    const timelineSwiperRef = React.useRef<SwiperType | null>(null)\n    const isSyncingRef = React.useRef(false) // \u9632\u6B62\u5FAA\u73AF\u89E6\u53D1\n    const itemsPerRow = React.useMemo(() => {\n      return data?.scheduleList?.length || 2\n    }, [data?.scheduleList])\n\n    // \u8BA1\u7B97\u8FDB\u884C\u4E2D item \u7684\u7D22\u5F15\uFF08\u7528\u4E8E\u81EA\u52A8\u6EDA\u52A8\uFF09\n    const activeIndex = React.useMemo(() => {\n      return data.scheduleList.findIndex(item => {\n        const timeStatus = getTimeStatus(item.startDate, item.endDate)\n        return timeStatus === 'in-progress'\n      })\n    }, [data.scheduleList])\n\n    /**\n     * \u751F\u6210\u7EDF\u4E00\u7684 Swiper \u65AD\u70B9\u914D\u7F6E\n     * @param itemsPerRow \u6BCF\u884C\u663E\u793A\u7684\u9879\u76EE\u6570\n     * @param withSpaceBetween \u662F\u5426\u5305\u542B\u95F4\u8DDD\u914D\u7F6E\n     * @returns Swiper \u65AD\u70B9\u914D\u7F6E\u5BF9\u8C61\n     */\n    const generateSwiperBreakpoints = React.useCallback((itemsPerRow: number, withSpaceBetween: boolean = false) => {\n      // \u6839\u636E itemsPerRow \u786E\u5B9A\u4E0D\u540C\u65AD\u70B9\u4E0B\u7684 slidesPerView\n      const getBreakpointConfig = (breakpoint: 'mobile' | 'tablet' | 'laptop' | 'desktop') => {\n        switch (breakpoint) {\n          case 'mobile':\n            return { slidesPerView: 1.17 }\n          case 'tablet':\n            if (itemsPerRow === 2) return { slidesPerView: 2 }\n            return { slidesPerView: 2.4 }\n          case 'laptop':\n            if (itemsPerRow === 2) return {}\n            if (itemsPerRow === 4) return { slidesPerView: 3.2 }\n            return { slidesPerView: itemsPerRow }\n          case 'desktop':\n            if (itemsPerRow === 2) return { slidesPerView: 2 }\n            return { slidesPerView: itemsPerRow }\n        }\n      }\n\n      const mobileConfig = getBreakpointConfig('mobile')\n      const tabletConfig = getBreakpointConfig('tablet')\n      const laptopConfig = getBreakpointConfig('laptop')\n      const desktopConfig = getBreakpointConfig('desktop')\n\n      // \u5982\u679C\u9700\u8981 spaceBetween\uFF0C\u5219\u6DFB\u52A0\u5230\u914D\u7F6E\u4E2D\n      if (withSpaceBetween) {\n        return {\n          0: { ...mobileConfig, spaceBetween: 12 },\n          768: { ...tabletConfig, spaceBetween: 12 },\n          1024: { ...laptopConfig, spaceBetween: 16 },\n          1440: { ...desktopConfig, spaceBetween: 16 },\n        }\n      }\n\n      return {\n        0: mobileConfig,\n        768: tabletConfig,\n        1024: laptopConfig,\n        1440: desktopConfig,\n      }\n    }, [])\n\n    // \u6839\u636E itemsPerRow \u914D\u7F6E\u54CD\u5E94\u5F0F\u65AD\u70B9\uFF08\u5361\u7247 Swiper - \u5305\u542B\u95F4\u8DDD\uFF09\n    const swiperBreakpoints = React.useMemo(() => {\n      return generateSwiperBreakpoints(itemsPerRow, true)\n    }, [itemsPerRow, generateSwiperBreakpoints])\n\n    // \u65F6\u95F4\u8F74 Swiper \u65AD\u70B9\u914D\u7F6E\uFF08\u4E0D\u5305\u542B\u95F4\u8DDD\uFF09\n    const timeNodeSwiperBreakpoints = React.useMemo(() => {\n      return generateSwiperBreakpoints(itemsPerRow, false)\n    }, [itemsPerRow, generateSwiperBreakpoints])\n\n    const showTimeline = data.showTimeline !== false // \u9ED8\u8BA4\u4E3A true\n\n    // \u540C\u6B65\u4E24\u4E2A Swiper \u7684\u6ED1\u52A8\n    const handleCardSwiperSlideChange = React.useCallback((swiper: SwiperType) => {\n      if (isSyncingRef.current || !timelineSwiperRef.current) return\n      isSyncingRef.current = true\n      timelineSwiperRef.current.slideTo(swiper.activeIndex, swiper.params.speed)\n      // \u5EF6\u8FDF\u91CD\u7F6E\u6807\u5FD7\uFF0C\u786E\u4FDD\u540C\u6B65\u5B8C\u6210\n      setTimeout(() => {\n        isSyncingRef.current = false\n      }, 50)\n    }, [])\n\n    const handleTimelineSwiperSlideChange = React.useCallback((swiper: SwiperType) => {\n      if (isSyncingRef.current || !swiperRef.current) return\n      isSyncingRef.current = true\n      swiperRef.current.slideTo(swiper.activeIndex, swiper.params.speed)\n      // \u5EF6\u8FDF\u91CD\u7F6E\u6807\u5FD7\uFF0C\u786E\u4FDD\u540C\u6B65\u5B8C\u6210\n      setTimeout(() => {\n        isSyncingRef.current = false\n      }, 50)\n    }, [])\n\n    // \u81EA\u52A8\u6EDA\u52A8\u5230 active item\n    React.useEffect(() => {\n      if (swiperRef.current && timelineSwiperRef.current && activeIndex >= 0) {\n        // \u5EF6\u8FDF\u6267\u884C\uFF0C\u786E\u4FDD Swiper \u5DF2\u7ECF\u5B8C\u5168\u521D\u59CB\u5316\n        setTimeout(() => {\n          isSyncingRef.current = true\n          swiperRef.current?.slideTo(activeIndex, 500)\n          timelineSwiperRef.current?.slideTo(activeIndex, 500)\n          setTimeout(() => {\n            isSyncingRef.current = false\n          }, 600)\n        }, 100)\n      }\n    }, [activeIndex])\n\n    return (\n      <Container {...rest} ref={ref} className={cn('overflow-hidden', classNames?.root, className)}>\n        {showTimeline && (\n          <Swiper\n            breakpoints={timeNodeSwiperBreakpoints}\n            className=\"h-4 w-full !overflow-visible\"\n            onSwiper={swiper => {\n              timelineSwiperRef.current = swiper\n            }}\n            onSlideChange={handleTimelineSwiperSlideChange}\n          >\n            {data.scheduleList.map((item, index) => {\n              const timeStatus = getTimeStatus(item.startDate, item.endDate)\n              return (\n                <SwiperSlide key={'timelineNode' + index} className=\"\">\n                  <TimelineNode\n                    className={classNames?.timeline}\n                    timeStatus={timeStatus}\n                    theme={theme}\n                    index={index}\n                    nodeLength={data.scheduleList.length}\n                  />\n                </SwiperSlide>\n              )\n            })}\n          </Swiper>\n        )}\n        <Swiper\n          breakpoints={swiperBreakpoints}\n          className=\"w-full !overflow-visible\"\n          onSwiper={swiper => {\n            swiperRef.current = swiper\n          }}\n          onSlideChange={handleCardSwiperSlideChange}\n        >\n          {data.scheduleList.map((item, index) => {\n            const timeStatus = getTimeStatus(item.startDate, item.endDate)\n            return (\n              <SwiperSlide key={'SwiperSlideItem' + index}>\n                <EventScheduleCard\n                  timeStatus={timeStatus}\n                  className={cn(showTimeline ? 'laptop:mt-4 mt-2' : '', classNames?.eventScheduleCard)}\n                  item={item}\n                  theme={theme}\n                  scheduleCount={data.scheduleList.length}\n                />\n              </SwiperSlide>\n            )\n          })}\n        </Swiper>\n      </Container>\n    )\n  }\n)\n\nEventSchedule.displayName = 'EventSchedule'\nexport default EventSchedule\n\n// \u5BFC\u51FA\u7C7B\u578B\u4F9B\u5916\u90E8\u4F7F\u7528\n// export type { StateIcon, EventScheduleItem, EventScheduleData, EventScheduleProps }\n"],
+  "mappings": "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",
+  "names": ["jsx", "jsxs", "React", "cn", "Text", "Picture", "Heading", "Container", "Swiper", "SwiperSlide", "dayjs", "cva", "getTimeStatus", "startDate", "endDate", "now", "start", "end", "timelineProgressActiveVariants", "timelineNodeActiveVariants", "cardTextVariants", "eventScheduleCardVariants", "TimelineNode", "timeStatus", "theme", "className", "index", "nodeLength", "state", "isFirst", "isLast", "getIconByTimeStatus", "icon", "EventScheduleCard", "item", "scheduleCount", "currentIcon", "cardState", "detail", "EventSchedule", "classNames", "data", "rest", "ref", "swiperRef", "timelineSwiperRef", "isSyncingRef", "itemsPerRow", "activeIndex", "generateSwiperBreakpoints", "withSpaceBetween", "getBreakpointConfig", "breakpoint", "mobileConfig", "tabletConfig", "laptopConfig", "desktopConfig", "swiperBreakpoints", "timeNodeSwiperBreakpoints", "showTimeline", "handleCardSwiperSlideChange", "swiper", "handleTimelineSwiperSlideChange", "EventSchedule_default"]
 }

package/dist/esm/biz-components/GiftShelf/index.d.ts ADDED Viewed

@@ -0,0 +1,3 @@
+declare const _default: any;
+export default _default;
+export type { GiftShelfProps, GiftShelfData, GiftShelfItem, GiftShelfProduct, CountdownConfig, ResponsiveBackgroundImage, } from './types.js';

package/dist/esm/biz-components/GiftShelf/index.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use client";import{jsx as n,jsxs as C}from"react/jsx-runtime";importas o from"react";import{cn as h}from"../../helpers/index.js";import{Text as b,Picture as _,Button as Y,Container as Z,Heading as tt}from"../../components/index.js";import{cva as k}from"class-variance-authority";import{Swiper as et,SwiperSlide as ot}from"swiper/react";import{withLayout as nt}from"../../shared/Styles.js";import{formatVariantPrice as at}from"../Listing/utils/index.js";import{useAiuiContext as st}from"../AiuiProvider/index.js";import{replaceTemplate as I}from"../Listing/utils/textFormat.js";const rt=k("desktop:px-6 rounded-card relative min-w-0 overflow-hidden p-4",{variants:{state:{light:"bg-[#EAEAEC]",dark:"bg-[#1E2024]"}},defaultVariants:{state:"light"}}),it=k("",{variants:{layout:{vertical:"",horizontal:"desktop:flex desktop:flex-row desktop:items-stretch desktop:gap-10"}},defaultVariants:{layout:"vertical"}}),lt=k("desktop:max-w-[268px] lg-desktop:max-w-[356px] lg-desktop:h-[171px] relative mx-auto h-[118px] max-w-[256px] ",{variants:{layout:{vertical:"",horizontal:"desktop:flex-1 desktop:h-[122px] lg-desktop:h-[161px]"}},defaultVariants:{layout:"vertical"}}),ut=k("mt-3",{variants:{layout:{vertical:"",horizontal:"desktop:mt-0 desktop:flex-1 desktop:flex desktop:flex-col desktop:justify-center"}},defaultVariants:{layout:"vertical"}}),ct=k("mt-4 self-start",{variants:{state:{light:"bg-[#080A0F] text-white",dark:"bg-white text-[#080A0F]"}},defaultVariants:{state:"light"}}),N=k("",{variants:{state:{light:"text-[#080A0F]",dark:"text-white"}},defaultVariants:{state:"light"}}),dt=t=>{if(!t)return;const e=[];return t.lgDesktop?.url&&e.push(`${t.lgDesktop.url} 1920`),t.desktop?.url&&e.push(`${t.desktop.url} 1439`),t.laptop?.url&&e.push(`${t.laptop.url} 1024`),t.tablet?.url&&e.push(`${t.tablet.url} 767`),t.default?.url&&e.push(t.default.url),e.length>0?e.join(", "):void 0},ft=t=>t&&(t.default?.alt\|\|t.tablet?.alt\|\|t.laptop?.alt\|\|t.desktop?.alt\|\|t.lgDesktop?.alt)\|\|"",pt=t=>{const e=Math.floor(t/3600),a=Math.floor(t%3600/60),i=t%60;return`${e.toString().padStart(2,"0")}:${a.toString().padStart(2,"0")}:${i.toString().padStart(2,"0")}`},E=t=>{if(typeof t=="number")return t;const e=new Date(t).getTime();return isNaN(e)?0:e},L=t=>{if(!t)return!1;const e=E(t.startTime),a=(t.durationDays??1)2436001e3,i=t.rounds??1,f=Date.now();if(f<e)return!1;const g=f-e,c=Math.floor(g/a)+1;if(c>i)return!1;const r=e+ca-f,p=5601e3;return r<=p&&r>0},U=(t,e)=>{if(!t\|\|!e)return t\|\|"";const a=E(e.startTime),i=(e.durationDays??1)2436001e3,f=e.rounds??1,g=Date.now();if(g<a){const l=new Date(a),u=`${(l.getUTCMonth()+1).toString().padStart(2,"0")}${l.getUTCDate().toString().padStart(2,"0")}`;return`${t}${u}`}const c=g-a,w=Math.min(Math.floor(c/i)+1,f),r=a+(w-1)i,p=new Date(r),m=`${(p.getUTCMonth()+1).toString().padStart(2,"0")}${p.getUTCDate().toString().padStart(2,"0")}`;return`${t}${m}`},q=o.memo(({config:t,theme:e="light",className:a,countdownText:i="Next round start time",lastRoundText:f="Last round",beforeStartText:g="Start time",countdownIcon:c,onStateChange:w})=>{const[r,p]=o.useState(0),[m,l]=o.useState("beforeStart"),u=o.useMemo(()=>E(t.startTime),[t.startTime]),T=t.rounds??1,y=(t.durationDays??1)2436001e3;o.useEffect(()=>{const M=()=>{const x=Date.now();if(x<u){const R=Math.max(0,Math.floor((u-x)/1e3));p(R),l("beforeStart");return}const P=x-u,s=Math.floor(P/y)+1;if(s>T){l("finished");return}const D=u+sy,G=Math.max(0,Math.floor((D-x)/1e3));p(G),l(s===T?"lastRound":"running")};M();const A=setInterval(M,1e3);return()=>clearInterval(A)},[u,y,T]),o.useEffect(()=>{w?.(m)},[m,w]);const V=o.useMemo(()=>{switch(m){case"beforeStart":return g;case"lastRound":return f;default:return i}},[m,g,f,i]);return m==="finished"?null:C("div",{className:h("desktop:gap-2 laptop:text-base flex items-center gap-1 text-sm",e==="dark"?"text-white":"text-[#080A0F]",a),children:[c&&n(_,{source:c.url,alt:c.alt,className:"laptop:size-5 size-4 shrink-0",imgClassName:"size-full object-contain"}),n(b,{html:V,className:"whitespace-nowrap font-bold"}),n("span",{className:"font-bold",children:"\|"}),n(b,{className:"font-bold",html:pt(r)})]})});q.displayName="Countdown";const O=o.memo(({progress:t,theme:e="light",className:a})=>{const i=Math.min(100,Math.max(0,t));return n("div",{className:h("flex h-2 w-full items-stretch overflow-hidden rounded-full",e==="dark"?"bg-white/20":"bg-black/20",a),role:"progressbar","aria-valuenow":i,"aria-valuemin":0,"aria-valuemax":100,children:n("div",{className:h("h-full rounded-full transition-all duration-300",e==="dark"?"bg-white":"bg-[#080A0F]"),style:{width:`${i}%`}})})});O.displayName="ProgressBar";const H=o.memo(({item:t,theme:e="light",layout:a="vertical",className:i,buttonClassName:f,countdownClassName:g,onButtonClick:c,buildData:w,buttonText:r,remainText:p,lowStockText:m,soldOutButtonText:l,discountText:u="Only {price}",countdownText:T,countdownIcon:y,lastRoundText:V,beforeStartText:M,comingSoonButtonText:A,loading:x})=>{const{locale:P="us"}=st(),s=t.products?.[0],[D,G]=o.useState(()=>L(t.countdown)),[R,J]=o.useState(()=>U(t.codePrefix,t.countdown)),[$,K]=o.useState("beforeStart");o.useEffect(()=>{const S=()=>{G(L(t.countdown));const F=U(t.codePrefix,t.countdown);J(j=>j!==F?F:j)};S();const z=setInterval(S,1e3);return()=>clearInterval(z)},[t.codePrefix,t.countdown]);const Q=o.useCallback(S=>{K(S)},[]),B=o.useMemo(()=>!s?.handle\|\|!w?.products?.length?null:w.products.find(S=>S.handle===s.handle)\|\|null,[s?.handle,w?.products]),d=o.useMemo(()=>B?.variants?.find(S=>S?.sku===s?.sku)\|\|{},[s?.sku,B?.variants]),v=o.useMemo(()=>{const{price:S,basePrice:z}=at({locale:P\|\|"us",baseAmount:d?.price?.amount,amount:s?.custom_price??d?.price?.amount,currencyCode:B?.price?.currencyCode\|\|"USD"});return{value:z,description:s?.custom_description,salePrice:I(u\|\|"",{price:S})}},[B,d,P,u,s?.custom_price,s?.custom_description]),X=o.useCallback(()=>{c?.({product:s,code:R})},[c,R,s]);return C("div",{className:h(rt({state:e}),i),"data-ui-component-id":"GiftShelfCard",children:[t.countdown&&n("div",{className:"laptop:h-[24px] mb-4 h-[20px]",children:n(q,{config:t.countdown,theme:e,className:g,countdownText:T,lastRoundText:V,beforeStartText:M,countdownIcon:y,onStateChange:Q})}),C("div",{className:it({layout:a}),children:[C("div",{className:lt({layout:a}),children:[t.backgroundImage&&n(_,{source:dt(t.backgroundImage),alt:ft(t.backgroundImage),className:"rounded-card size-full overflow-hidden object-cover",imgClassName:"h-full w-full object-cover"}),n("div",{className:"absolute top-1/2 z-10 w-full -translate-y-1/2 px-6",children:C("div",{className:"flex flex-col gap-1",children:[v.value&&n(tt,{html:v.value,size:4,className:h("font-bold leading-none",N({state:e}))}),v.description&&n(b,{html:v.description,className:h("text-base font-bold opacity-60",N({state:e}))})]})})]}),C("div",{className:ut({layout:a}),children:[v.salePrice&&n(b,{as:"p",html:v.salePrice,className:h("lg-desktop:text-2xl text-xl font-bold",N({state:e}))}),n(O,{progress:s?.custom_inventory?(d?.quantityAvailable\|\|0)/s.custom_inventory100:0,theme:e,className:h("mb-1 mt-2",d?.availableForSale&&(d?.quantityAvailable??0)<=0&&"invisible")}),p&&(d?.quantityAvailable??0)>=0&&n(b,{html:I(p,{inventory:s?.custom_inventory?.toString()\|\|"",quantity:d?.quantityAvailable?.toString()\|\|"0"}),as:"p",className:h("laptop:text-base text-sm font-bold",N({state:e}))}),m&&d?.availableForSale&&(d?.quantityAvailable??0)<0&&n(b,{html:m,as:"p",className:h("laptop:text-base text-sm font-bold text-red-500",N({state:e}))}),n(Y,{size:"lg",className:h(ct({state:e}),f),onClick:X,disabled:!d?.availableForSale\|\|x\|\|D\|\|$==="beforeStart"\|\|$==="finished",loading:x&&d?.availableForSale,children:$==="beforeStart"?A\|\|r:d?.availableForSale?r:l\|\|r})]})]})]})});H.displayName="GiftShelfCard";const W=o.forwardRef(({classNames:t={},data:e,onButtonClick:a,buildData:i,loading:f,...g},c)=>{const w=e.theme\|\|"light",r=o.useMemo(()=>e?.items?.length\|\|4,[e?.items]),p=r===2?"horizontal":"vertical",m=o.useMemo(()=>{const l=u=>{switch(u){case"mobile":return{slidesPerView:1.2,spaceBetween:12};case"tablet":return r<=2?{slidesPerView:2,spaceBetween:12}:{slidesPerView:2.5,spaceBetween:12};case"laptop":return r<=3?{slidesPerView:r,spaceBetween:16}:{slidesPerView:3.01,spaceBetween:16};case"desktop":return{slidesPerView:Math.min(r,4),spaceBetween:20}}};return{0:l("mobile"),768:l("tablet"),1025:l("laptop"),1440:l("desktop")}},[r]);return n(Z,{ref:c,className:h(t?.root),childClassName:"overflow-hidden","data-ui-component-id":"GiftShelf",...g,children:n(et,{breakpoints:m,className:"w-full !overflow-visible",children:e.items.map((l,u)=>n(ot,{children:n(H,{item:l,theme:w,layout:p,className:t?.card,buttonClassName:t?.button,countdownClassName:t?.countdown,onButtonClick:a,buildData:i,buttonText:e.buttonText,discountText:e.discountText,remainText:e.remainText,lowStockText:e.lowStockText,soldOutButtonText:e.soldOutButtonText,countdownText:e.countdownText,lastRoundText:e.lastRoundText,countdownIcon:e?.countdownIcon,beforeStartText:e.beforeStartText,comingSoonButtonText:e.comingSoonButtonText,loading:f})},"giftShelfCardItem"+u))})})});W.displayName="GiftShelf";var kt=nt(W);export{kt as default};
2	+ //# sourceMappingURL=index.js.map

package/dist/esm/biz-components/GiftShelf/index.js.map ADDED Viewed

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/biz-components/GiftShelf/index.tsx"],
+  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport { cn } from '../../helpers/index.js'\nimport { Text, Picture, Button, Container, Heading } from '../../components/index.js'\nimport { cva } from 'class-variance-authority'\nimport type { GiftShelfProps, GiftShelfItem, CountdownConfig, ResponsiveBackgroundImage } from './types.js'\nimport { Swiper, SwiperSlide } from 'swiper/react'\nimport { withLayout } from '../../shared/Styles.js'\nimport type { Product, ProductVariant } from '../Listing/types/product.js'\nimport { formatVariantPrice } from '../Listing/utils/index.js'\nimport { useAiuiContext } from '../AiuiProvider/index.js'\nimport { replaceTemplate } from '../Listing/utils/textFormat.js'\nimport type { GiftShelfProduct } from './types.js'\nimport type { Media } from '../../types/props.js'\n\n/**\n * Card style variants for gift shelf\n */\nconst giftCardVariants = cva('desktop:px-6 rounded-card relative min-w-0 overflow-hidden p-4', {\n  variants: {\n    state: {\n      light: 'bg-[#EAEAEC]',\n      dark: 'bg-[#1E2024]',\n    },\n  },\n  defaultVariants: {\n    state: 'light',\n  },\n})\n\n/**\n * Content layout variants - \u63A7\u5236 Background image \u548C Bottom info area \u7684\u5E03\u5C40\n * horizontal \u5E03\u5C40\u4EC5\u5728 desktop (\u22651440px) \u65AD\u70B9\u751F\u6548\n */\nconst contentLayoutVariants = cva('', {\n  variants: {\n    layout: {\n      vertical: '',\n      horizontal: 'desktop:flex desktop:flex-row desktop:items-stretch desktop:gap-10',\n    },\n  },\n  defaultVariants: {\n    layout: 'vertical',\n  },\n})\n\n/**\n * Image area variants\n * horizontal \u5E03\u5C40\u4EC5\u5728 desktop (\u22651440px) \u65AD\u70B9\u751F\u6548\n */\nconst imageAreaVariants = cva(\n  'desktop:max-w-[268px] lg-desktop:max-w-[356px] lg-desktop:h-[171px] relative mx-auto h-[118px] max-w-[256px] ',\n  {\n    variants: {\n      layout: {\n        vertical: '',\n        horizontal: 'desktop:flex-1 desktop:h-[122px] lg-desktop:h-[161px]',\n      },\n    },\n    defaultVariants: {\n      layout: 'vertical',\n    },\n  }\n)\n\n/**\n * Info area variants\n * horizontal \u5E03\u5C40\u4EC5\u5728 desktop (\u22651440px) \u65AD\u70B9\u751F\u6548\n */\nconst infoAreaVariants = cva('mt-3', {\n  variants: {\n    layout: {\n      vertical: '',\n      horizontal: 'desktop:mt-0 desktop:flex-1 desktop:flex desktop:flex-col desktop:justify-center',\n    },\n  },\n  defaultVariants: {\n    layout: 'vertical',\n  },\n})\n\n/**\n * Button style variants\n */\nconst buttonVariants = cva('mt-4 self-start', {\n  variants: {\n    state: {\n      light: 'bg-[#080A0F] text-white',\n      dark: 'bg-white text-[#080A0F]',\n    },\n  },\n  defaultVariants: {\n    state: 'light',\n  },\n})\n\n/**\n * Text style variants\n */\nconst textVariants = cva('', {\n  variants: {\n    state: {\n      light: 'text-[#080A0F]',\n      dark: 'text-white',\n    },\n  },\n  defaultVariants: {\n    state: 'light',\n  },\n})\n\n/**\n * Convert ResponsiveBackgroundImage to Picture source string\n * Format: \"url1 1920, url2 1439, url3 1024, url4 767, url5\"\n */\nconst getResponsiveSource = (bgImage?: ResponsiveBackgroundImage): string | undefined => {\n  if (!bgImage) return undefined\n\n  const sources: string[] = []\n\n  // lg-desktop: \u22651920px\n  if (bgImage.lgDesktop?.url) {\n    sources.push(`${bgImage.lgDesktop.url} 1920`)\n  }\n  // desktop: \u22651440px\n  if (bgImage.desktop?.url) {\n    sources.push(`${bgImage.desktop.url} 1439`)\n  }\n  // laptop: \u22651025px\n  if (bgImage.laptop?.url) {\n    sources.push(`${bgImage.laptop.url} 1024`)\n  }\n  // tablet: \u2265768px\n  if (bgImage.tablet?.url) {\n    sources.push(`${bgImage.tablet.url} 767`)\n  }\n  // default (mobile): <768px\n  if (bgImage.default?.url) {\n    sources.push(bgImage.default.url)\n  }\n\n  return sources.length > 0 ? sources.join(', ') : undefined\n}\n\n/**\n * Get alt text from ResponsiveBackgroundImage\n */\nconst getBackgroundAlt = (bgImage?: ResponsiveBackgroundImage): string => {\n  if (!bgImage) return ''\n  return (\n    bgImage.default?.alt ||\n    bgImage.tablet?.alt ||\n    bgImage.laptop?.alt ||\n    bgImage.desktop?.alt ||\n    bgImage.lgDesktop?.alt ||\n    ''\n  )\n}\n\n/**\n * Format countdown time\n */\nconst formatTime = (seconds: number) => {\n  const hours = Math.floor(seconds / 3600)\n  const minutes = Math.floor((seconds % 3600) / 60)\n  const secs = seconds % 60\n  return `${hours.toString().padStart(2, '0')}:${minutes.toString().padStart(2, '0')}:${secs.toString().padStart(2, '0')}`\n}\n\n/**\n * \u89E3\u6790\u5F00\u59CB\u65F6\u95F4\uFF0C\u652F\u6301 ISO 8601 \u5B57\u7B26\u4E32\u6216\u65F6\u95F4\u6233\n */\nconst parseStartTime = (startTime: string | number): number => {\n  if (typeof startTime === 'number') {\n    return startTime\n  }\n  // \u89E3\u6790 ISO 8601 \u5B57\u7B26\u4E32\n  const parsed = new Date(startTime).getTime()\n  return isNaN(parsed) ? 0 : parsed\n}\n\n/**\n * \u8BA1\u7B97\u5F53\u524D\u662F\u5426\u5904\u4E8E\u8F6E\u6B21\u5207\u6362\u671F\uFF08\u4E0B\u4E00\u8F6E\u5F00\u59CB\u524D5\u5206\u949F\uFF09\n * @param countdown \u5012\u8BA1\u65F6\u914D\u7F6E\n * @returns \u662F\u5426\u5904\u4E8E\u5207\u6362\u671F\n */\nconst isInTransitionPeriod = (countdown?: CountdownConfig): boolean => {\n  if (!countdown) return false\n  const startTimeMs = parseStartTime(countdown.startTime)\n  const durationMs = (countdown.durationDays ?? 1) * 24 * 3600 * 1000\n  const rounds = countdown.rounds ?? 1\n  const now = Date.now()\n\n  // \u672A\u5230\u5F00\u59CB\u65F6\u95F4\n  if (now < startTimeMs) return false\n\n  // \u8BA1\u7B97\u5F53\u524D\u8F6E\u6B21\n  const elapsed = now - startTimeMs\n  const currentRound = Math.floor(elapsed / durationMs) + 1\n\n  // \u6240\u6709\u8F6E\u6B21\u5DF2\u7ED3\u675F\n  if (currentRound > rounds) return false\n\n  // \u8BA1\u7B97\u5F53\u524D\u8F6E\u6B21\u7684\u7ED3\u675F\u65F6\u95F4\n  const currentRoundEndTime = startTimeMs + currentRound * durationMs\n\n  // \u8DDD\u79BB\u5F53\u524D\u8F6E\u6B21\u7ED3\u675F\u7684\u65F6\u95F4\n  const timeUntilRoundEnd = currentRoundEndTime - now\n\n  // \u5982\u679C\u8DDD\u79BB\u7ED3\u675F\u4E0D\u52305\u5206\u949F\uFF0C\u5904\u4E8E\u5207\u6362\u671F\n  const TRANSITION_PERIOD_MS = 5 * 60 * 1000 // 5\u5206\u949F\n  return timeUntilRoundEnd <= TRANSITION_PERIOD_MS && timeUntilRoundEnd > 0\n}\n\n/**\n * \u6839\u636E\u5012\u8BA1\u65F6\u914D\u7F6E\u8BA1\u7B97\u5F53\u524D\u8F6E\u6B21\u7684 Code\n * @param codePrefix Code \u524D\u7F00\n * @param countdown \u5012\u8BA1\u65F6\u914D\u7F6E\n * @returns \u5B8C\u6574\u7684 Code\uFF08\u524D\u7F00 + MMDD \u540E\u7F00\uFF09\n * @description \u7EDF\u4E00\u4F7F\u7528 UTC \u65F6\u95F4\u8BA1\u7B97\uFF0C\u786E\u4FDD\u5168\u7403\u4EFB\u4F55\u65F6\u533A\u5F97\u5230\u76F8\u540C\u7684 code\n */\nconst getCodeWithSuffix = (codePrefix?: string, countdown?: CountdownConfig): string => {\n  if (!codePrefix || !countdown) return codePrefix || ''\n\n  const startTimeMs = parseStartTime(countdown.startTime)\n  const durationMs = (countdown.durationDays ?? 1) * 24 * 3600 * 1000\n  const rounds = countdown.rounds ?? 1\n  const now = Date.now()\n\n  // \u672A\u5230\u5F00\u59CB\u65F6\u95F4\uFF0C\u4F7F\u7528\u7B2C\u4E00\u8F6E\u7684\u65E5\u671F\uFF08UTC \u65F6\u95F4\uFF09\n  if (now < startTimeMs) {\n    const date = new Date(startTimeMs)\n    const suffix = `${(date.getUTCMonth() + 1).toString().padStart(2, '0')}${date.getUTCDate().toString().padStart(2, '0')}`\n    return `${codePrefix}${suffix}`\n  }\n\n  // \u8BA1\u7B97\u5F53\u524D\u5904\u4E8E\u7B2C\u51E0\u8F6E\uFF08\u4ECE 1 \u5F00\u59CB\uFF09\n  const elapsed = now - startTimeMs\n  const currentRound = Math.min(Math.floor(elapsed / durationMs) + 1, rounds)\n\n  // \u8BA1\u7B97\u5F53\u524D\u8F6E\u6B21\u7684\u5F00\u59CB\u65E5\u671F\n  const currentRoundStartMs = startTimeMs + (currentRound - 1) * durationMs\n  const date = new Date(currentRoundStartMs)\n\n  // \u683C\u5F0F\u5316\u4E3A MMDD\uFF08\u4F7F\u7528 UTC \u65F6\u95F4\uFF09\n  const suffix = `${(date.getUTCMonth() + 1).toString().padStart(2, '0')}${date.getUTCDate().toString().padStart(2, '0')}`\n\n  return `${codePrefix}${suffix}`\n}\n\n/**\n * \u5012\u8BA1\u65F6\u72B6\u6001\u7C7B\u578B\n */\ntype CountdownState = 'beforeStart' | 'running' | 'lastRound' | 'finished'\n\n/**\n * Countdown Component\n * \u652F\u6301\u591A\u8F6E\u5012\u8BA1\u65F6\uFF0C\u663E\u793A\u4E0D\u540C\u72B6\u6001\u7684\u6807\u7B7E\n */\nconst Countdown = React.memo(\n  ({\n    config,\n    theme = 'light',\n    className,\n    countdownText = 'Next round start time',\n    lastRoundText = 'Last round',\n    beforeStartText = 'Start time',\n    countdownIcon,\n    onStateChange,\n  }: {\n    config: CountdownConfig\n    theme?: 'light' | 'dark'\n    className?: string\n    countdownText?: string\n    lastRoundText?: string\n    beforeStartText?: string\n    countdownIcon?: Media\n    onStateChange?: (state: CountdownState) => void\n  }) => {\n    const [timeLeft, setTimeLeft] = React.useState(0)\n    const [countdownState, setCountdownState] = React.useState<CountdownState>('beforeStart')\n\n    // \u89E3\u6790\u5F00\u59CB\u65F6\u95F4\u4E3A\u65F6\u95F4\u6233\n    const startTimeMs = React.useMemo(() => parseStartTime(config.startTime), [config.startTime])\n\n    const rounds = config.rounds ?? 1\n    // \u9ED8\u8BA4 1 \u5929\uFF0C\u8F6C\u6362\u4E3A\u6BEB\u79D2 (1\u5929 = 24\u5C0F\u65F6 = 86400\u79D2 = 86400000\u6BEB\u79D2)\n    const durationMs = (config.durationDays ?? 1) * 24 * 3600 * 1000\n\n    React.useEffect(() => {\n      const calculateCountdown = () => {\n        const now = Date.now()\n\n        // \u672A\u5230\u5F00\u59CB\u65F6\u95F4\uFF0C\u663E\u793A\u5F00\u59CB\u524D\u5012\u8BA1\u65F6\n        if (now < startTimeMs) {\n          const diff = Math.max(0, Math.floor((startTimeMs - now) / 1000))\n          setTimeLeft(diff)\n          setCountdownState('beforeStart')\n          return\n        }\n\n        // \u8BA1\u7B97\u5DF2\u7ECF\u8FC7\u53BB\u7684\u65F6\u95F4\n        const elapsed = now - startTimeMs\n        // \u8BA1\u7B97\u5F53\u524D\u5904\u4E8E\u7B2C\u51E0\u8F6E\uFF08\u4ECE 1 \u5F00\u59CB\uFF09\n        const currentRound = Math.floor(elapsed / durationMs) + 1\n\n        // \u6240\u6709\u8F6E\u6B21\u5DF2\u7ED3\u675F\n        if (currentRound > rounds) {\n          setCountdownState('finished')\n          return\n        }\n\n        // \u8BA1\u7B97\u5F53\u524D\u8F6E\u6B21\u7684\u76EE\u6807\u65F6\u95F4\n        const currentRoundTargetTime = startTimeMs + currentRound * durationMs\n        // \u8BA1\u7B97\u5269\u4F59\u79D2\u6570\n        const diff = Math.max(0, Math.floor((currentRoundTargetTime - now) / 1000))\n\n        setTimeLeft(diff)\n        // \u5224\u65AD\u662F\u5426\u662F\u6700\u540E\u4E00\u8F6E\n        setCountdownState(currentRound === rounds ? 'lastRound' : 'running')\n      }\n\n      calculateCountdown()\n      const timer = setInterval(calculateCountdown, 1000)\n\n      return () => clearInterval(timer)\n    }, [startTimeMs, durationMs, rounds])\n\n    // \u901A\u77E5\u7236\u7EC4\u4EF6\u72B6\u6001\u53D8\u5316\n    React.useEffect(() => {\n      onStateChange?.(countdownState)\n    }, [countdownState, onStateChange])\n\n    // \u6839\u636E\u72B6\u6001\u83B7\u53D6\u663E\u793A\u7684\u6807\u7B7E\u6587\u672C\n    const labelText = React.useMemo(() => {\n      switch (countdownState) {\n        case 'beforeStart':\n          return beforeStartText\n        case 'lastRound':\n          return lastRoundText\n        default:\n          return countdownText\n      }\n    }, [countdownState, beforeStartText, lastRoundText, countdownText])\n\n    // \u6240\u6709\u8F6E\u6B21\u5DF2\u7ED3\u675F\uFF0C\u4E0D\u6E32\u67D3\n    if (countdownState === 'finished') {\n      return null\n    }\n\n    return (\n      <div\n        className={cn(\n          'desktop:gap-2 laptop:text-base flex items-center gap-1 text-sm',\n          theme === 'dark' ? 'text-white' : 'text-[#080A0F]',\n          className\n        )}\n      >\n        {countdownIcon && (\n          <Picture\n            source={countdownIcon.url}\n            alt={countdownIcon.alt}\n            className=\"laptop:size-5 size-4 shrink-0\"\n            imgClassName=\"size-full object-contain\"\n          />\n        )}\n        <Text html={labelText} className=\"whitespace-nowrap font-bold\" />\n        <span className=\"font-bold\">|</span>\n        <Text className=\"font-bold\" html={formatTime(timeLeft)} />\n      </div>\n    )\n  }\n)\n\nCountdown.displayName = 'Countdown'\n\n/**\n * Progress Bar Component\n */\nconst ProgressBar = React.memo(\n  ({ progress, theme = 'light', className }: { progress: number; theme?: 'light' | 'dark'; className?: string }) => {\n    // Clamp progress between 0 and 100\n    const clampedProgress = Math.min(100, Math.max(0, progress))\n\n    return (\n      <div\n        className={cn(\n          'flex h-2 w-full items-stretch overflow-hidden rounded-full',\n          theme === 'dark' ? 'bg-white/20' : 'bg-black/20',\n          className\n        )}\n        role=\"progressbar\"\n        aria-valuenow={clampedProgress}\n        aria-valuemin={0}\n        aria-valuemax={100}\n      >\n        <div\n          className={cn(\n            'h-full rounded-full transition-all duration-300',\n            theme === 'dark' ? 'bg-white' : 'bg-[#080A0F]'\n          )}\n          style={{ width: `${clampedProgress}%` }}\n        />\n      </div>\n    )\n  }\n)\n\nProgressBar.displayName = 'ProgressBar'\n\n/**\n * Gift Shelf Card Component\n */\nconst GiftShelfCard = React.memo(\n  ({\n    item,\n    theme = 'light',\n    layout = 'vertical',\n    className,\n    buttonClassName,\n    countdownClassName,\n    onButtonClick,\n    buildData,\n    buttonText,\n    remainText,\n    lowStockText,\n    soldOutButtonText,\n    discountText = 'Only {price}',\n    countdownText,\n    countdownIcon,\n    lastRoundText,\n    beforeStartText,\n    comingSoonButtonText,\n    loading,\n  }: {\n    item: GiftShelfItem\n    theme?: 'light' | 'dark'\n    layout?: 'vertical' | 'horizontal'\n    className?: string\n    buttonClassName?: string\n    countdownClassName?: string\n    onButtonClick?: ({ product, code }: { product: GiftShelfProduct; code: string }) => void\n    buildData?: {\n      products: Product[]\n    }\n    buttonText: string\n    remainText?: string\n    lowStockText?: string\n    soldOutButtonText?: string\n    discountText?: string\n    countdownText?: string\n    countdownIcon?: Media\n    lastRoundText?: string\n    beforeStartText?: string\n    comingSoonButtonText?: string\n    loading?: boolean\n  }) => {\n    const { locale = 'us' } = useAiuiContext()\n    // \u83B7\u53D6\u7B2C\u4E00\u4E2A\u4EA7\u54C1\u7684\u7B80\u5316\u6570\u636E\n    const firstProduct = item.products?.[0]\n\n    // \u68C0\u6D4B\u662F\u5426\u5904\u4E8E\u8F6E\u6B21\u5207\u6362\u671F + \u5F53\u524D\u8F6E\u6B21 code\uFF08\u6BCF\u79D2\u66F4\u65B0\uFF09\n    const [isTransitioning, setIsTransitioning] = React.useState(() => isInTransitionPeriod(item.countdown))\n    const [currentCode, setCurrentCode] = React.useState(() => getCodeWithSuffix(item.codePrefix, item.countdown))\n    // \u5012\u8BA1\u65F6\u72B6\u6001\n    const [countdownState, setCountdownState] = React.useState<CountdownState>('beforeStart')\n\n    React.useEffect(() => {\n      const checkAndUpdate = () => {\n        // \u66F4\u65B0\u8F6E\u6B21\u5207\u6362\u72B6\u6001\n        setIsTransitioning(isInTransitionPeriod(item.countdown))\n        // \u66F4\u65B0\u5F53\u524D\u8F6E\u6B21 code\uFF08\u4EC5\u5728\u503C\u53D8\u5316\u65F6\u66F4\u65B0\uFF09\n        const newCode = getCodeWithSuffix(item.codePrefix, item.countdown)\n        setCurrentCode(prev => (prev !== newCode ? newCode : prev))\n      }\n\n      // \u521D\u59CB\u68C0\u67E5\n      checkAndUpdate()\n      // \u6BCF\u79D2\u68C0\u67E5\u4E00\u6B21\n      const timer = setInterval(checkAndUpdate, 1000)\n\n      return () => clearInterval(timer)\n    }, [item.codePrefix, item.countdown])\n\n    // \u5012\u8BA1\u65F6\u72B6\u6001\u53D8\u5316\u56DE\u8C03\n    const handleCountdownStateChange = React.useCallback((state: CountdownState) => {\n      setCountdownState(state)\n    }, [])\n\n    // \u901A\u8FC7 handle \u5339\u914D buildData \u4E2D\u7684\u5B8C\u6574\u4EA7\u54C1\u6570\u636E\n    const fullProduct = React.useMemo(() => {\n      if (!firstProduct?.handle || !buildData?.products?.length) return null\n      return buildData.products.find(p => p.handle === firstProduct.handle) || null\n    }, [firstProduct?.handle, buildData?.products])\n\n    const fullProductVariant = React.useMemo(\n      () => fullProduct?.variants?.find(variant => variant?.sku === firstProduct?.sku) || ({} as ProductVariant),\n      [firstProduct?.sku, fullProduct?.variants]\n    )\n\n    // \u7EC4\u5408\u5C55\u793A\u6570\u636E\uFF08\u4F18\u5148\u4F7F\u7528\u8BE6\u7EC6\u6570\u636E\uFF0C\u56DE\u9000\u5230\u7B80\u5316\u6570\u636E\uFF09\n    const displayData = React.useMemo(() => {\n      const { price, basePrice } = formatVariantPrice({\n        locale: locale || 'us',\n        baseAmount: fullProductVariant?.price?.amount,\n        amount: firstProduct?.custom_price ?? fullProductVariant?.price?.amount,\n        currencyCode: fullProduct?.price?.currencyCode || 'USD',\n      })\n\n      return {\n        // \u4E3B\u4EF7\u683C/\u4EF7\u503C\u5C55\u793A\uFF1A\u6709\u8BE6\u7EC6\u6570\u636E\u65F6\u663E\u793A\u4EF7\u683C\uFF0C\u5426\u5219\u663E\u793A\u4EA7\u54C1\u540D\n        value: basePrice,\n        // \u4EA7\u54C1\u63CF\u8FF0/\u6807\u9898\uFF1A\u6709\u8BE6\u7EC6\u6570\u636E\u65F6\u663E\u793A\u6807\u9898\uFF0C\u5426\u5219\u4E3A\u7A7A\uFF08\u907F\u514D\u91CD\u590D\u663E\u793A\uFF09\n        description: firstProduct?.custom_description,\n        // \u4F18\u60E0\u4EF7\u683C\n        salePrice: replaceTemplate(discountText || '', {\n          price,\n        }),\n      }\n    }, [\n      fullProduct,\n      fullProductVariant,\n      locale,\n      discountText,\n      firstProduct?.custom_price,\n      firstProduct?.custom_description,\n    ])\n\n    const handleClick = React.useCallback(() => {\n      onButtonClick?.({ product: firstProduct, code: currentCode })\n    }, [onButtonClick, currentCode, firstProduct])\n\n    return (\n      <div className={cn(giftCardVariants({ state: theme }), className)} data-ui-component-id=\"GiftShelfCard\">\n        {/* Countdown section - above the card content (only in vertical layout) */}\n        {item.countdown && (\n          <div className=\"laptop:h-[24px] mb-4 h-[20px]\">\n            <Countdown\n              config={item.countdown}\n              theme={theme}\n              className={countdownClassName}\n              countdownText={countdownText}\n              lastRoundText={lastRoundText}\n              beforeStartText={beforeStartText}\n              countdownIcon={countdownIcon}\n              onStateChange={handleCountdownStateChange}\n            />\n          </div>\n        )}\n\n        {/* Content layout wrapper - \u63A7\u5236 Background image \u548C Bottom info area \u7684\u5E03\u5C40 */}\n        <div className={contentLayoutVariants({ layout })}>\n          {/* Background image - responsive across 5 breakpoints */}\n          <div className={imageAreaVariants({ layout })}>\n            {item.backgroundImage && (\n              <Picture\n                source={getResponsiveSource(item.backgroundImage)}\n                alt={getBackgroundAlt(item.backgroundImage)}\n                className=\"rounded-card size-full overflow-hidden object-cover\"\n                imgClassName=\"h-full w-full object-cover\"\n              />\n            )}\n            {/* Card content area */}\n            <div className=\"absolute top-1/2 z-10 w-full -translate-y-1/2 px-6\">\n              {/* Value and description */}\n              <div className=\"flex flex-col gap-1\">\n                {/* Main value display */}\n                {displayData.value && (\n                  <Heading\n                    html={displayData.value}\n                    size={4}\n                    className={cn('font-bold leading-none', textVariants({ state: theme }))}\n                  />\n                )}\n\n                {/* Description */}\n                {displayData.description && (\n                  <Text\n                    html={displayData.description}\n                    className={cn('text-base font-bold opacity-60', textVariants({ state: theme }))}\n                  />\n                )}\n              </div>\n            </div>\n          </div>\n\n          {/* Bottom/Right info area */}\n          <div className={infoAreaVariants({ layout })}>\n            {/* Sale price */}\n            {displayData.salePrice && (\n              <Text\n                as=\"p\"\n                html={displayData.salePrice}\n                className={cn('lg-desktop:text-2xl text-xl font-bold', textVariants({ state: theme }))}\n              />\n            )}\n\n            {/* Progress bar - \u8D85\u5356\u65F6\u9690\u85CF\uFF08availableForSale=true \u4E14 quantityAvailable<=0\uFF09 */}\n            <ProgressBar\n              progress={\n                firstProduct?.custom_inventory\n                  ? ((fullProductVariant?.quantityAvailable || 0) / firstProduct.custom_inventory) * 100\n                  : 0\n              }\n              theme={theme}\n              className={cn(\n                'mb-1 mt-2',\n                fullProductVariant?.availableForSale && (fullProductVariant?.quantityAvailable ?? 0) <= 0 && 'invisible'\n              )}\n            />\n\n            {/* Remain text - \u6B63\u5E38\u5E93\u5B58\u63D0\u793A */}\n            {remainText && (fullProductVariant?.quantityAvailable ?? 0) >= 0 && (\n              <Text\n                html={replaceTemplate(remainText, {\n                  inventory: firstProduct?.custom_inventory?.toString() || '',\n                  quantity: fullProductVariant?.quantityAvailable?.toString() || '0',\n                })}\n                as=\"p\"\n                className={cn('laptop:text-base text-sm font-bold', textVariants({ state: theme }))}\n              />\n            )}\n\n            {/* Low stock text - \u652F\u6301\u8D85\u5356\u65F6\u663E\u793A\uFF08availableForSale=true \u4F46 quantityAvailable<=0\uFF09 */}\n            {lowStockText &&\n              fullProductVariant?.availableForSale &&\n              (fullProductVariant?.quantityAvailable ?? 0) < 0 && (\n                <Text\n                  html={lowStockText}\n                  as=\"p\"\n                  className={cn('laptop:text-base text-sm font-bold text-red-500', textVariants({ state: theme }))}\n                />\n              )}\n\n            {/* Action button */}\n            <Button\n              size=\"lg\"\n              className={cn(buttonVariants({ state: theme }), buttonClassName)}\n              onClick={handleClick}\n              disabled={\n                !fullProductVariant?.availableForSale ||\n                loading ||\n                isTransitioning ||\n                countdownState === 'beforeStart' ||\n                countdownState === 'finished'\n              }\n              loading={loading && fullProductVariant?.availableForSale}\n            >\n              {countdownState === 'beforeStart'\n                ? comingSoonButtonText || buttonText\n                : fullProductVariant?.availableForSale\n                  ? buttonText\n                  : soldOutButtonText || buttonText}\n            </Button>\n          </div>\n        </div>\n      </div>\n    )\n  }\n)\n\nGiftShelfCard.displayName = 'GiftShelfCard'\n\n/**\n * GiftShelf - Gift/Promotion Shelf Component\n *\n * @description Display gift cards with countdown, pricing, and purchase buttons\n */\nconst GiftShelf = React.forwardRef<HTMLDivElement, GiftShelfProps>(\n  ({ classNames = {}, data, onButtonClick, buildData, loading, ...rest }, ref) => {\n    const theme = data.theme || 'light'\n\n    const itemsPerRow = React.useMemo(() => {\n      return data?.items?.length || 4\n    }, [data?.items])\n\n    // \u5F53\u5361\u7247\u6570\u91CF\u4E3A 2 \u65F6\u4F7F\u7528\u6C34\u5E73\u5E03\u5C40\uFF0C\u5426\u5219\u4F7F\u7528\u5782\u76F4\u5E03\u5C40\n    const cardLayout = itemsPerRow === 2 ? 'horizontal' : 'vertical'\n\n    const swiperBreakpoints = React.useMemo(() => {\n      const getBreakpointConfig = (breakpoint: 'mobile' | 'tablet' | 'laptop' | 'desktop') => {\n        switch (breakpoint) {\n          case 'mobile':\n            return { slidesPerView: 1.2, spaceBetween: 12 }\n          case 'tablet':\n            if (itemsPerRow <= 2) return { slidesPerView: 2, spaceBetween: 12 }\n            return { slidesPerView: 2.5, spaceBetween: 12 }\n          case 'laptop':\n            if (itemsPerRow <= 3) return { slidesPerView: itemsPerRow, spaceBetween: 16 }\n            return { slidesPerView: 3.01, spaceBetween: 16 }\n          case 'desktop':\n            return { slidesPerView: Math.min(itemsPerRow, 4), spaceBetween: 20 }\n        }\n      }\n\n      return {\n        0: getBreakpointConfig('mobile'),\n        768: getBreakpointConfig('tablet'),\n        1025: getBreakpointConfig('laptop'),\n        1440: getBreakpointConfig('desktop'),\n      }\n    }, [itemsPerRow])\n\n    return (\n      <Container\n        ref={ref}\n        className={cn(classNames?.root)}\n        childClassName=\"overflow-hidden\"\n        data-ui-component-id=\"GiftShelf\"\n        {...rest}\n      >\n        {/* Cards swiper */}\n        <Swiper breakpoints={swiperBreakpoints} className=\"w-full !overflow-visible\">\n          {data.items.map((item, index) => (\n            <SwiperSlide key={'giftShelfCardItem' + index}>\n              <GiftShelfCard\n                item={item}\n                theme={theme}\n                layout={cardLayout}\n                className={classNames?.card}\n                buttonClassName={classNames?.button}\n                countdownClassName={classNames?.countdown}\n                onButtonClick={onButtonClick}\n                buildData={buildData}\n                buttonText={data.buttonText}\n                discountText={data.discountText}\n                remainText={data.remainText}\n                lowStockText={data.lowStockText}\n                soldOutButtonText={data.soldOutButtonText}\n                countdownText={data.countdownText}\n                lastRoundText={data.lastRoundText}\n                countdownIcon={data?.countdownIcon}\n                beforeStartText={data.beforeStartText}\n                comingSoonButtonText={data.comingSoonButtonText}\n                loading={loading}\n              />\n            </SwiperSlide>\n          ))}\n        </Swiper>\n      </Container>\n    )\n  }\n)\n\nGiftShelf.displayName = 'GiftShelf'\n\nexport default withLayout(GiftShelf)\nexport type {\n  GiftShelfProps,\n  GiftShelfData,\n  GiftShelfItem,\n  GiftShelfProduct,\n  CountdownConfig,\n  ResponsiveBackgroundImage,\n} from './types.js'\n"],
+  "mappings": "aAgWM,OAQI,OAAAA,EARJ,QAAAC,MAAA,oBA9VN,UAAYC,MAAW,QACvB,OAAS,MAAAC,MAAU,yBACnB,OAAS,QAAAC,EAAM,WAAAC,EAAS,UAAAC,EAAQ,aAAAC,EAAW,WAAAC,OAAe,4BAC1D,OAAS,OAAAC,MAAW,2BAEpB,OAAS,UAAAC,GAAQ,eAAAC,OAAmB,eACpC,OAAS,cAAAC,OAAkB,yBAE3B,OAAS,sBAAAC,OAA0B,4BACnC,OAAS,kBAAAC,OAAsB,2BAC/B,OAAS,mBAAAC,MAAuB,iCAOhC,MAAMC,GAAmBP,EAAI,iEAAkE,CAC7F,SAAU,CACR,MAAO,CACL,MAAO,eACP,KAAM,cACR,CACF,EACA,gBAAiB,CACf,MAAO,OACT,CACF,CAAC,EAMKQ,GAAwBR,EAAI,GAAI,CACpC,SAAU,CACR,OAAQ,CACN,SAAU,GACV,WAAY,oEACd,CACF,EACA,gBAAiB,CACf,OAAQ,UACV,CACF,CAAC,EAMKS,GAAoBT,EACxB,gHACA,CACE,SAAU,CACR,OAAQ,CACN,SAAU,GACV,WAAY,uDACd,CACF,EACA,gBAAiB,CACf,OAAQ,UACV,CACF,CACF,EAMMU,GAAmBV,EAAI,OAAQ,CACnC,SAAU,CACR,OAAQ,CACN,SAAU,GACV,WAAY,kFACd,CACF,EACA,gBAAiB,CACf,OAAQ,UACV,CACF,CAAC,EAKKW,GAAiBX,EAAI,kBAAmB,CAC5C,SAAU,CACR,MAAO,CACL,MAAO,0BACP,KAAM,yBACR,CACF,EACA,gBAAiB,CACf,MAAO,OACT,CACF,CAAC,EAKKY,EAAeZ,EAAI,GAAI,CAC3B,SAAU,CACR,MAAO,CACL,MAAO,iBACP,KAAM,YACR,CACF,EACA,gBAAiB,CACf,MAAO,OACT,CACF,CAAC,EAMKa,GAAuBC,GAA4D,CACvF,GAAI,CAACA,EAAS,OAEd,MAAMC,EAAoB,CAAC,EAG3B,OAAID,EAAQ,WAAW,KACrBC,EAAQ,KAAK,GAAGD,EAAQ,UAAU,GAAG,OAAO,EAG1CA,EAAQ,SAAS,KACnBC,EAAQ,KAAK,GAAGD,EAAQ,QAAQ,GAAG,OAAO,EAGxCA,EAAQ,QAAQ,KAClBC,EAAQ,KAAK,GAAGD,EAAQ,OAAO,GAAG,OAAO,EAGvCA,EAAQ,QAAQ,KAClBC,EAAQ,KAAK,GAAGD,EAAQ,OAAO,GAAG,MAAM,EAGtCA,EAAQ,SAAS,KACnBC,EAAQ,KAAKD,EAAQ,QAAQ,GAAG,EAG3BC,EAAQ,OAAS,EAAIA,EAAQ,KAAK,IAAI,EAAI,MACnD,EAKMC,GAAoBF,GACnBA,IAEHA,EAAQ,SAAS,KACjBA,EAAQ,QAAQ,KAChBA,EAAQ,QAAQ,KAChBA,EAAQ,SAAS,KACjBA,EAAQ,WAAW,MACnB,GAOEG,GAAcC,GAAoB,CACtC,MAAMC,EAAQ,KAAK,MAAMD,EAAU,IAAI,EACjCE,EAAU,KAAK,MAAOF,EAAU,KAAQ,EAAE,EAC1CG,EAAOH,EAAU,GACvB,MAAO,GAAGC,EAAM,SAAS,EAAE,SAAS,EAAG,GAAG,CAAC,IAAIC,EAAQ,SAAS,EAAE,SAAS,EAAG,GAAG,CAAC,IAAIC,EAAK,SAAS,EAAE,SAAS,EAAG,GAAG,CAAC,EACxH,EAKMC,EAAkBC,GAAuC,CAC7D,GAAI,OAAOA,GAAc,SACvB,OAAOA,EAGT,MAAMC,EAAS,IAAI,KAAKD,CAAS,EAAE,QAAQ,EAC3C,OAAO,MAAMC,CAAM,EAAI,EAAIA,CAC7B,EAOMC,EAAwBC,GAAyC,CACrE,GAAI,CAACA,EAAW,MAAO,GACvB,MAAMC,EAAcL,EAAeI,EAAU,SAAS,EAChDE,GAAcF,EAAU,cAAgB,GAAK,GAAK,KAAO,IACzDG,EAASH,EAAU,QAAU,EAC7BI,EAAM,KAAK,IAAI,EAGrB,GAAIA,EAAMH,EAAa,MAAO,GAG9B,MAAMI,EAAUD,EAAMH,EAChBK,EAAe,KAAK,MAAMD,EAAUH,CAAU,EAAI,EAGxD,GAAII,EAAeH,EAAQ,MAAO,GAMlC,MAAMI,EAHsBN,EAAcK,EAAeJ,EAGTE,EAG1CI,EAAuB,EAAI,GAAK,IACtC,OAAOD,GAAqBC,GAAwBD,EAAoB,CAC1E,EASME,EAAoB,CAACC,EAAqBV,IAAwC,CACtF,GAAI,CAACU,GAAc,CAACV,EAAW,OAAOU,GAAc,GAEpD,MAAMT,EAAcL,EAAeI,EAAU,SAAS,EAChDE,GAAcF,EAAU,cAAgB,GAAK,GAAK,KAAO,IACzDG,EAASH,EAAU,QAAU,EAC7BI,EAAM,KAAK,IAAI,EAGrB,GAAIA,EAAMH,EAAa,CACrB,MAAMU,EAAO,IAAI,KAAKV,CAAW,EAC3BW,EAAS,IAAID,EAAK,YAAY,EAAI,GAAG,SAAS,EAAE,SAAS,EAAG,GAAG,CAAC,GAAGA,EAAK,WAAW,EAAE,SAAS,EAAE,SAAS,EAAG,GAAG,CAAC,GACtH,MAAO,GAAGD,CAAU,GAAGE,CAAM,EAC/B,CAGA,MAAMP,EAAUD,EAAMH,EAChBK,EAAe,KAAK,IAAI,KAAK,MAAMD,EAAUH,CAAU,EAAI,EAAGC,CAAM,EAGpEU,EAAsBZ,GAAeK,EAAe,GAAKJ,EACzDS,EAAO,IAAI,KAAKE,CAAmB,EAGnCD,EAAS,IAAID,EAAK,YAAY,EAAI,GAAG,SAAS,EAAE,SAAS,EAAG,GAAG,CAAC,GAAGA,EAAK,WAAW,EAAE,SAAS,EAAE,SAAS,EAAG,GAAG,CAAC,GAEtH,MAAO,GAAGD,CAAU,GAAGE,CAAM,EAC/B,EAWME,EAAY/C,EAAM,KACtB,CAAC,CACC,OAAAgD,EACA,MAAAC,EAAQ,QACR,UAAAC,EACA,cAAAC,EAAgB,wBAChB,cAAAC,EAAgB,aAChB,gBAAAC,EAAkB,aAClB,cAAAC,EACA,cAAAC,CACF,IASM,CACJ,KAAM,CAACC,EAAUC,CAAW,EAAIzD,EAAM,SAAS,CAAC,EAC1C,CAAC0D,EAAgBC,CAAiB,EAAI3D,EAAM,SAAyB,aAAa,EAGlFkC,EAAclC,EAAM,QAAQ,IAAM6B,EAAemB,EAAO,SAAS,EAAG,CAACA,EAAO,SAAS,CAAC,EAEtFZ,EAASY,EAAO,QAAU,EAE1Bb,GAAca,EAAO,cAAgB,GAAK,GAAK,KAAO,IAE5DhD,EAAM,UAAU,IAAM,CACpB,MAAM4D,EAAqB,IAAM,CAC/B,MAAMvB,EAAM,KAAK,IAAI,EAGrB,GAAIA,EAAMH,EAAa,CACrB,MAAM2B,EAAO,KAAK,IAAI,EAAG,KAAK,OAAO3B,EAAcG,GAAO,GAAI,CAAC,EAC/DoB,EAAYI,CAAI,EAChBF,EAAkB,aAAa,EAC/B,MACF,CAGA,MAAMrB,EAAUD,EAAMH,EAEhBK,EAAe,KAAK,MAAMD,EAAUH,CAAU,EAAI,EAGxD,GAAII,EAAeH,EAAQ,CACzBuB,EAAkB,UAAU,EAC5B,MACF,CAGA,MAAMG,EAAyB5B,EAAcK,EAAeJ,EAEtD0B,EAAO,KAAK,IAAI,EAAG,KAAK,OAAOC,EAAyBzB,GAAO,GAAI,CAAC,EAE1EoB,EAAYI,CAAI,EAEhBF,EAAkBpB,IAAiBH,EAAS,YAAc,SAAS,CACrE,EAEAwB,EAAmB,EACnB,MAAMG,EAAQ,YAAYH,EAAoB,GAAI,EAElD,MAAO,IAAM,cAAcG,CAAK,CAClC,EAAG,CAAC7B,EAAaC,EAAYC,CAAM,CAAC,EAGpCpC,EAAM,UAAU,IAAM,CACpBuD,IAAgBG,CAAc,CAChC,EAAG,CAACA,EAAgBH,CAAa,CAAC,EAGlC,MAAMS,EAAYhE,EAAM,QAAQ,IAAM,CACpC,OAAQ0D,EAAgB,CACtB,IAAK,cACH,OAAOL,EACT,IAAK,YACH,OAAOD,EACT,QACE,OAAOD,CACX,CACF,EAAG,CAACO,EAAgBL,EAAiBD,EAAeD,CAAa,CAAC,EAGlE,OAAIO,IAAmB,WACd,KAIP3D,EAAC,OACC,UAAWE,EACT,iEACAgD,IAAU,OAAS,aAAe,iBAClCC,CACF,EAEC,UAAAI,GACCxD,EAACK,EAAA,CACC,OAAQmD,EAAc,IACtB,IAAKA,EAAc,IACnB,UAAU,gCACV,aAAa,2BACf,EAEFxD,EAACI,EAAA,CAAK,KAAM8D,EAAW,UAAU,8BAA8B,EAC/DlE,EAAC,QAAK,UAAU,YAAY,aAAC,EAC7BA,EAACI,EAAA,CAAK,UAAU,YAAY,KAAMsB,GAAWgC,CAAQ,EAAG,GAC1D,CAEJ,CACF,EAEAT,EAAU,YAAc,YAKxB,MAAMkB,EAAcjE,EAAM,KACxB,CAAC,CAAE,SAAAkE,EAAU,MAAAjB,EAAQ,QAAS,UAAAC,CAAU,IAA0E,CAEhH,MAAMiB,EAAkB,KAAK,IAAI,IAAK,KAAK,IAAI,EAAGD,CAAQ,CAAC,EAE3D,OACEpE,EAAC,OACC,UAAWG,EACT,6DACAgD,IAAU,OAAS,cAAgB,cACnCC,CACF,EACA,KAAK,cACL,gBAAeiB,EACf,gBAAe,EACf,gBAAe,IAEf,SAAArE,EAAC,OACC,UAAWG,EACT,kDACAgD,IAAU,OAAS,WAAa,cAClC,EACA,MAAO,CAAE,MAAO,GAAGkB,CAAe,GAAI,EACxC,EACF,CAEJ,CACF,EAEAF,EAAY,YAAc,cAK1B,MAAMG,EAAgBpE,EAAM,KAC1B,CAAC,CACC,KAAAqE,EACA,MAAApB,EAAQ,QACR,OAAAqB,EAAS,WACT,UAAApB,EACA,gBAAAqB,EACA,mBAAAC,EACA,cAAAC,EACA,UAAAC,EACA,WAAAC,EACA,WAAAC,EACA,aAAAC,EACA,kBAAAC,EACA,aAAAC,EAAe,eACf,cAAA5B,EACA,cAAAG,EACA,cAAAF,EACA,gBAAAC,EACA,qBAAA2B,EACA,QAAAC,CACF,IAsBM,CACJ,KAAM,CAAE,OAAAC,EAAS,IAAK,EAAItE,GAAe,EAEnCuE,EAAed,EAAK,WAAW,CAAC,EAGhC,CAACe,EAAiBC,CAAkB,EAAIrF,EAAM,SAAS,IAAMgC,EAAqBqC,EAAK,SAAS,CAAC,EACjG,CAACiB,EAAaC,CAAc,EAAIvF,EAAM,SAAS,IAAM0C,EAAkB2B,EAAK,WAAYA,EAAK,SAAS,CAAC,EAEvG,CAACX,EAAgBC,CAAiB,EAAI3D,EAAM,SAAyB,aAAa,EAExFA,EAAM,UAAU,IAAM,CACpB,MAAMwF,EAAiB,IAAM,CAE3BH,EAAmBrD,EAAqBqC,EAAK,SAAS,CAAC,EAEvD,MAAMoB,EAAU/C,EAAkB2B,EAAK,WAAYA,EAAK,SAAS,EACjEkB,EAAeG,GAASA,IAASD,EAAUA,EAAUC,CAAK,CAC5D,EAGAF,EAAe,EAEf,MAAMzB,EAAQ,YAAYyB,EAAgB,GAAI,EAE9C,MAAO,IAAM,cAAczB,CAAK,CAClC,EAAG,CAACM,EAAK,WAAYA,EAAK,SAAS,CAAC,EAGpC,MAAMsB,EAA6B3F,EAAM,YAAa4F,GAA0B,CAC9EjC,EAAkBiC,CAAK,CACzB,EAAG,CAAC,CAAC,EAGCC,EAAc7F,EAAM,QAAQ,IAC5B,CAACmF,GAAc,QAAU,CAACT,GAAW,UAAU,OAAe,KAC3DA,EAAU,SAAS,KAAKoB,GAAKA,EAAE,SAAWX,EAAa,MAAM,GAAK,KACxE,CAACA,GAAc,OAAQT,GAAW,QAAQ,CAAC,EAExCqB,EAAqB/F,EAAM,QAC/B,IAAM6F,GAAa,UAAU,KAAKG,GAAWA,GAAS,MAAQb,GAAc,GAAG,GAAM,CAAC,EACtF,CAACA,GAAc,IAAKU,GAAa,QAAQ,CAC3C,EAGMI,EAAcjG,EAAM,QAAQ,IAAM,CACtC,KAAM,CAAE,MAAAkG,EAAO,UAAAC,CAAU,EAAIxF,GAAmB,CAC9C,OAAQuE,GAAU,KAClB,WAAYa,GAAoB,OAAO,OACvC,OAAQZ,GAAc,cAAgBY,GAAoB,OAAO,OACjE,aAAcF,GAAa,OAAO,cAAgB,KACpD,CAAC,EAED,MAAO,CAEL,MAAOM,EAEP,YAAahB,GAAc,mBAE3B,UAAWtE,EAAgBkE,GAAgB,GAAI,CAC7C,MAAAmB,CACF,CAAC,CACH,CACF,EAAG,CACDL,EACAE,EACAb,EACAH,EACAI,GAAc,aACdA,GAAc,kBAChB,CAAC,EAEKiB,EAAcpG,EAAM,YAAY,IAAM,CAC1CyE,IAAgB,CAAE,QAASU,EAAc,KAAMG,CAAY,CAAC,CAC9D,EAAG,CAACb,EAAea,EAAaH,CAAY,CAAC,EAE7C,OACEpF,EAAC,OAAI,UAAWE,EAAGa,GAAiB,CAAE,MAAOmC,CAAM,CAAC,EAAGC,CAAS,EAAG,uBAAqB,gBAErF,UAAAmB,EAAK,WACJvE,EAAC,OAAI,UAAU,gCACb,SAAAA,EAACiD,EAAA,CACC,OAAQsB,EAAK,UACb,MAAOpB,EACP,UAAWuB,EACX,cAAerB,EACf,cAAeC,EACf,gBAAiBC,EACjB,cAAeC,EACf,cAAeqC,EACjB,EACF,EAIF5F,EAAC,OAAI,UAAWgB,GAAsB,CAAE,OAAAuD,CAAO,CAAC,EAE9C,UAAAvE,EAAC,OAAI,UAAWiB,GAAkB,CAAE,OAAAsD,CAAO,CAAC,EACzC,UAAAD,EAAK,iBACJvE,EAACK,EAAA,CACC,OAAQiB,GAAoBiD,EAAK,eAAe,EAChD,IAAK9C,GAAiB8C,EAAK,eAAe,EAC1C,UAAU,sDACV,aAAa,6BACf,EAGFvE,EAAC,OAAI,UAAU,qDAEb,SAAAC,EAAC,OAAI,UAAU,sBAEZ,UAAAkG,EAAY,OACXnG,EAACQ,GAAA,CACC,KAAM2F,EAAY,MAClB,KAAM,EACN,UAAWhG,EAAG,yBAA0BkB,EAAa,CAAE,MAAO8B,CAAM,CAAC,CAAC,EACxE,EAIDgD,EAAY,aACXnG,EAACI,EAAA,CACC,KAAM+F,EAAY,YAClB,UAAWhG,EAAG,iCAAkCkB,EAAa,CAAE,MAAO8B,CAAM,CAAC,CAAC,EAChF,GAEJ,EACF,GACF,EAGAlD,EAAC,OAAI,UAAWkB,GAAiB,CAAE,OAAAqD,CAAO,CAAC,EAExC,UAAA2B,EAAY,WACXnG,EAACI,EAAA,CACC,GAAG,IACH,KAAM+F,EAAY,UAClB,UAAWhG,EAAG,wCAAyCkB,EAAa,CAAE,MAAO8B,CAAM,CAAC,CAAC,EACvF,EAIFnD,EAACmE,EAAA,CACC,SACEkB,GAAc,kBACRY,GAAoB,mBAAqB,GAAKZ,EAAa,iBAAoB,IACjF,EAEN,MAAOlC,EACP,UAAWhD,EACT,YACA8F,GAAoB,mBAAqBA,GAAoB,mBAAqB,IAAM,GAAK,WAC/F,EACF,EAGCnB,IAAemB,GAAoB,mBAAqB,IAAM,GAC7DjG,EAACI,EAAA,CACC,KAAMW,EAAgB+D,EAAY,CAChC,UAAWO,GAAc,kBAAkB,SAAS,GAAK,GACzD,SAAUY,GAAoB,mBAAmB,SAAS,GAAK,GACjE,CAAC,EACD,GAAG,IACH,UAAW9F,EAAG,qCAAsCkB,EAAa,CAAE,MAAO8B,CAAM,CAAC,CAAC,EACpF,EAID4B,GACCkB,GAAoB,mBACnBA,GAAoB,mBAAqB,GAAK,GAC7CjG,EAACI,EAAA,CACC,KAAM2E,EACN,GAAG,IACH,UAAW5E,EAAG,kDAAmDkB,EAAa,CAAE,MAAO8B,CAAM,CAAC,CAAC,EACjG,EAIJnD,EAACM,EAAA,CACC,KAAK,KACL,UAAWH,EAAGiB,GAAe,CAAE,MAAO+B,CAAM,CAAC,EAAGsB,CAAe,EAC/D,QAAS6B,EACT,SACE,CAACL,GAAoB,kBACrBd,GACAG,GACA1B,IAAmB,eACnBA,IAAmB,WAErB,QAASuB,GAAWc,GAAoB,iBAEvC,SAAArC,IAAmB,cAChBsB,GAAwBL,EACxBoB,GAAoB,iBAClBpB,EACAG,GAAqBH,EAC7B,GACF,GACF,GACF,CAEJ,CACF,EAEAP,EAAc,YAAc,gBAO5B,MAAMiC,EAAYrG,EAAM,WACtB,CAAC,CAAE,WAAAsG,EAAa,CAAC,EAAG,KAAAC,EAAM,cAAA9B,EAAe,UAAAC,EAAW,QAAAO,EAAS,GAAGuB,CAAK,EAAGC,IAAQ,CAC9E,MAAMxD,EAAQsD,EAAK,OAAS,QAEtBG,EAAc1G,EAAM,QAAQ,IACzBuG,GAAM,OAAO,QAAU,EAC7B,CAACA,GAAM,KAAK,CAAC,EAGVI,EAAaD,IAAgB,EAAI,aAAe,WAEhDE,EAAoB5G,EAAM,QAAQ,IAAM,CAC5C,MAAM6G,EAAuBC,GAA2D,CACtF,OAAQA,EAAY,CAClB,IAAK,SACH,MAAO,CAAE,cAAe,IAAK,aAAc,EAAG,EAChD,IAAK,SACH,OAAIJ,GAAe,EAAU,CAAE,cAAe,EAAG,aAAc,EAAG,EAC3D,CAAE,cAAe,IAAK,aAAc,EAAG,EAChD,IAAK,SACH,OAAIA,GAAe,EAAU,CAAE,cAAeA,EAAa,aAAc,EAAG,EACrE,CAAE,cAAe,KAAM,aAAc,EAAG,EACjD,IAAK,UACH,MAAO,CAAE,cAAe,KAAK,IAAIA,EAAa,CAAC,EAAG,aAAc,EAAG,CACvE,CACF,EAEA,MAAO,CACL,EAAGG,EAAoB,QAAQ,EAC/B,IAAKA,EAAoB,QAAQ,EACjC,KAAMA,EAAoB,QAAQ,EAClC,KAAMA,EAAoB,SAAS,CACrC,CACF,EAAG,CAACH,CAAW,CAAC,EAEhB,OACE5G,EAACO,EAAA,CACC,IAAKoG,EACL,UAAWxG,EAAGqG,GAAY,IAAI,EAC9B,eAAe,kBACf,uBAAqB,YACpB,GAAGE,EAGJ,SAAA1G,EAACU,GAAA,CAAO,YAAaoG,EAAmB,UAAU,2BAC/C,SAAAL,EAAK,MAAM,IAAI,CAAClC,EAAM0C,IACrBjH,EAACW,GAAA,CACC,SAAAX,EAACsE,EAAA,CACC,KAAMC,EACN,MAAOpB,EACP,OAAQ0D,EACR,UAAWL,GAAY,KACvB,gBAAiBA,GAAY,OAC7B,mBAAoBA,GAAY,UAChC,cAAe7B,EACf,UAAWC,EACX,WAAY6B,EAAK,WACjB,aAAcA,EAAK,aACnB,WAAYA,EAAK,WACjB,aAAcA,EAAK,aACnB,kBAAmBA,EAAK,kBACxB,cAAeA,EAAK,cACpB,cAAeA,EAAK,cACpB,cAAeA,GAAM,cACrB,gBAAiBA,EAAK,gBACtB,qBAAsBA,EAAK,qBAC3B,QAAStB,EACX,GArBgB,oBAAsB8B,CAsBxC,CACD,EACH,EACF,CAEJ,CACF,EAEAV,EAAU,YAAc,YAExB,IAAOW,GAAQtG,GAAW2F,CAAS",
+  "names": ["jsx", "jsxs", "React", "cn", "Text", "Picture", "Button", "Container", "Heading", "cva", "Swiper", "SwiperSlide", "withLayout", "formatVariantPrice", "useAiuiContext", "replaceTemplate", "giftCardVariants", "contentLayoutVariants", "imageAreaVariants", "infoAreaVariants", "buttonVariants", "textVariants", "getResponsiveSource", "bgImage", "sources", "getBackgroundAlt", "formatTime", "seconds", "hours", "minutes", "secs", "parseStartTime", "startTime", "parsed", "isInTransitionPeriod", "countdown", "startTimeMs", "durationMs", "rounds", "now", "elapsed", "currentRound", "timeUntilRoundEnd", "TRANSITION_PERIOD_MS", "getCodeWithSuffix", "codePrefix", "date", "suffix", "currentRoundStartMs", "Countdown", "config", "theme", "className", "countdownText", "lastRoundText", "beforeStartText", "countdownIcon", "onStateChange", "timeLeft", "setTimeLeft", "countdownState", "setCountdownState", "calculateCountdown", "diff", "currentRoundTargetTime", "timer", "labelText", "ProgressBar", "progress", "clampedProgress", "GiftShelfCard", "item", "layout", "buttonClassName", "countdownClassName", "onButtonClick", "buildData", "buttonText", "remainText", "lowStockText", "soldOutButtonText", "discountText", "comingSoonButtonText", "loading", "locale", "firstProduct", "isTransitioning", "setIsTransitioning", "currentCode", "setCurrentCode", "checkAndUpdate", "newCode", "prev", "handleCountdownStateChange", "state", "fullProduct", "p", "fullProductVariant", "variant", "displayData", "price", "basePrice", "handleClick", "GiftShelf", "classNames", "data", "rest", "ref", "itemsPerRow", "cardLayout", "swiperBreakpoints", "getBreakpointConfig", "breakpoint", "index", "GiftShelf_default"]
+}

package/dist/esm/biz-components/GiftShelf/types.d.ts ADDED Viewed

@@ -0,0 +1,120 @@
+import type { Media } from '../../types/props.js';
+import type { Product } from '../Listing/types/product.js';
+/**
+ * 礼品货架产品项（简化版产品信息）
+ */
+export interface GiftShelfProduct {
+    /** 产品 SKU */
+    sku: string;
+    /** 产品名称 */
+    name: string;
+    /** 产品图片 URL */
+    image: string;
+    /** 产品值/标识 (通常与 handle 相同) */
+    value: string;
+    /** 产品 handle (URL slug) */
+    handle: string;
+    /** Shopify 产品 ID */
+    shopify_id: string;
+    /** 自定义库存 */
+    custom_inventory?: number;
+    /** 自定义价格 */
+    custom_price?: number;
+    /** 自定义产品描述 */
+    custom_description?: string | null;
+}
+/**
+ * 倒计时配置接口
+ */
+export interface CountdownConfig {
+    /** 倒计时开始时间，支持 ISO 8601 字符串（如 "2026-02-10T04:00:00.000Z"）或时间戳（毫秒） */
+    startTime: string | number;
+    /** 每轮倒计时时长（天），默认为 1 天 */
+    durationDays?: number;
+    /** 倒计时轮次，默认为 1 */
+    rounds?: number;
+}
+/**
+ * 响应式背景图片类型
+ * 支持 5 个断点的图片配置
+ */
+export interface ResponsiveBackgroundImage {
+    /** 默认图片 (<768px 移动端) */
+    default?: Media;
+    /** tablet 断点图片 (≥768px) */
+    tablet?: Media;
+    /** laptop 断点图片 (≥1025px) */
+    laptop?: Media;
+    /** desktop 断点图片 (≥1440px) */
+    desktop?: Media;
+    /** lg-desktop 断点图片 (≥1920px) */
+    lgDesktop?: Media;
+}
+/**
+ * 礼品卡片项数据接口
+ */
+export interface GiftShelfItem {
+    /** 卡片倒计时配置（可选） */
+    countdown?: CountdownConfig;
+    /** 产品列表 */
+    products: GiftShelfProduct[];
+    /** 响应式背景图片（支持 5 个断点） */
+    backgroundImage?: ResponsiveBackgroundImage;
+    /** Code 前缀，后缀会根据当前轮次自动生成（MMDD 格式） */
+    codePrefix?: string;
+}
+/**
+ * 礼品货架组件数据接口
+ */
+export interface GiftShelfData {
+    /** 礼品卡片列表 */
+    items: GiftShelfItem[];
+    /** 主题模式，默认为 light */
+    theme?: 'light' | 'dark';
+    /** 购买按钮文本 */
+    buttonText: string;
+    /** 购买按钮链接 */
+    buttonLink?: string;
+    /** 剩余数量提示文本，支持模板变量 {inventory} 和 {quantity} */
+    remainText?: string;
+    /** 低库存提示文本 */
+    lowStockText?: string;
+    /** 售罄按钮文本 */
+    soldOutButtonText?: string;
+    /** 折扣文案（可选） */
+    discountText?: string;
+    /** 倒计时文案 */
+    countdownText?: string;
+    /** 最后一轮提示文案 */
+    lastRoundText?: string;
+    /** 开始前提示文案 */
+    beforeStartText?: string;
+    /** 即将开始按钮文案 */
+    comingSoonButtonText?: string;
+    /** 倒计时图标 */
+    countdownIcon?: Media;
+}
+/**
+ * 语义化类名
+ */
+export type GiftShelfSemanticName = 'root' | 'card' | 'countdown' | 'button';
+/**
+ * 礼品货架组件 Props
+ */
+export interface GiftShelfProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** 业务数据 */
+    data: GiftShelfData;
+    /** 构建时数据（产品列表等） */
+    buildData?: {
+        products: Product[];
+    };
+    /** 语义化类名 */
+    classNames?: Partial<Record<GiftShelfSemanticName, string>>;
+    /** 按钮点击回调，code 为当前轮次的完整 Code（前缀 + MMDD 后缀） */
+    onButtonClick?: ({ product, code }: {
+        product: GiftShelfProduct;
+        code: string;
+    }) => void;
+    /** 按钮加载状态 */
+    loading?: boolean;
+}

package/dist/esm/biz-components/GiftShelf/types.js ADDED Viewed

	@@ -0,0 +1 @@
1	+ //# sourceMappingURL=types.js.map

package/dist/esm/biz-components/GiftShelf/types.js.map ADDED Viewed

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

package/dist/esm/biz-components/GiftTierShelf/index.d.ts ADDED Viewed

@@ -0,0 +1,3 @@
+declare const _default: any;
+export default _default;
+export type { GiftTierShelfProps, GiftTierShelfData, GiftTierItem, GiftTierProduct } from './types.js';

package/dist/esm/biz-components/GiftTierShelf/index.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use client";import{jsx as e,jsxs as f}from"react/jsx-runtime";importas r from"react";import{cn as n}from"../../helpers/index.js";import{Text as x,Picture as k,Container as z,Heading as A}from"../../components/index.js";import{cva as T}from"class-variance-authority";import{Swiper as N,SwiperSlide as b}from"swiper/react";importas C from"swiper/modules";import{withLayout as j}from"../../shared/Styles.js";import{useAiuiContext as L}from"../AiuiProvider/index.js";import{formatPrice as U}from"../Listing/utils/index.js";const D=T("lg-desktop:h-[400px] rounded-card desktop:pt-4 desktop:pb-6 relative flex h-[320px] flex-col items-start gap-1 overflow-hidden p-4",{variants:{theme:{light:"bg-gradient-to-b from-[#FCCA7B] to-[#FFE6BF]",dark:"bg-gradient-to-b from-[#3A3A3A] to-[#1D1D1F]"}},defaultVariants:{theme:"light"}}),P=T("",{variants:{theme:{light:"text-[#080A0F]",dark:"text-white"}},defaultVariants:{theme:"light"}}),M=r.memo(({image:t})=>t?e(k,{source:t.url,alt:t.alt\|\|"Member Tag",className:"h-full w-auto",imgClassName:"h-full w-auto object-contain"}):null);M.displayName="MemberTag";const y=r.memo(({theme:t="light"})=>{const l=t==="light"?"bg-[#f6cd4e]":"bg-[#F5F6F7]";return e("div",{className:"flex h-4 w-full items-center",children:e("div",{className:n("flex h-1 w-full items-center justify-center",l),children:e("div",{className:n("relative size-4 shrink-0 rounded-full",l)})})})});y.displayName="TimelineItem";const V=r.memo(({item:t,theme:l="light",className:h,onClick:m,buildData:d})=>{const{locale:w="us"}=L(),s=t.products?.[0],a=r.useMemo(()=>!s?.handle\|\|!d?.products?.length?null:d.products.find(u=>u.handle===s.handle)\|\|null,[s?.handle,d?.products]),p=r.useMemo(()=>a?.variants?.find(u=>u?.sku===s?.sku)\|\|{},[s?.sku,a?.variants]),g=U({locale:w\|\|"us",amount:s?.custom_price??p?.price?.amount,currencyCode:a?.price?.currencyCode\|\|"USD"});return f("div",{className:n(D({theme:l}),h),onClick:m,"data-ui-component-id":"GiftTierCard",children:[e("div",{className:"lg-desktop:h-[28px] z-10 h-6",children:t.showMemberTag&&t.memberTagImage&&e(M,{image:t.memberTagImage})}),e("div",{className:"relative z-10 mx-auto min-h-0 w-fit flex-1",children:e(k,{source:p?.image?.url\|\|a?.images[0]?.url,className:"size-full",imgClassName:"size-full object-contain"})}),f("div",{className:n("z-10 flex w-full shrink-0 flex-col gap-2",P({theme:l})),children:[f("div",{className:"flex items-end gap-1",children:[e(A,{html:g,size:4,className:"font-bold leading-[1.2] tracking-[-0.04em]"}),t.valueUnit&&e(x,{html:t.valueUnit,className:"lg-desktop:text-2xl text-xl font-bold leading-[1.2] tracking-[-0.04em]"})]}),e(x,{html:p?.title\|\|a?.title,className:"lg-desktop:text-2xl line-clamp-2 min-h-[48px] text-wrap text-xl font-bold leading-[1.2] tracking-[-0.04em]"})]})]})});V.displayName="GiftTierCard";const G=r.forwardRef(({classNames:t={},data:l,onCardClick:h,buildData:m,...d},w)=>{const s=l.theme\|\|"light",a=l.showTimeline!==!1,[p,g]=r.useState(null),[u,B]=r.useState(null),c=r.useMemo(()=>m?.products?.length?l.items.filter(i=>{const o=i.products?.[0];return o?.handle?m.products.find(v=>v.handle===o.handle)?.variants?.find(v=>v?.sku===o?.sku)?.availableForSale!==!1:!0}):l.items,[l.items,m?.products]),F=r.useMemo(()=>{const i=c.length;return{0:{slidesPerView:1.2,spaceBetween:12},768:{slidesPerView:Math.min(i,2.5),spaceBetween:12},1025:{slidesPerView:Math.min(i,3.5),spaceBetween:16},1440:{slidesPerView:Math.min(i,4),spaceBetween:16}}},[c.length]),I=r.useMemo(()=>{const i=c.length;return{0:{slidesPerView:1.2,spaceBetween:0},768:{slidesPerView:Math.min(i,2.5),spaceBetween:0},1025:{slidesPerView:Math.min(i,3.5),spaceBetween:0},1440:{slidesPerView:Math.min(i,4),spaceBetween:0}}},[c.length]),S=r.useMemo(()=>C.Controller?[C.Controller]:[],[]);return f(z,{ref:w,className:n(t?.root),childClassName:"overflow-hidden","data-ui-component-id":"GiftTierShelf",...d,children:[e(N,{modules:S,breakpoints:F,className:"w-full !overflow-visible",onSwiper:g,controller:{control:u},children:c.map((i,o)=>e(b,{children:e(V,{item:i,theme:s,buildData:m,className:t?.card,onClick:()=>h?.(i,o)})},"giftTierItem"+o))}),a&&e("div",{className:"mt-4 flex flex-col gap-4",children:e("div",{className:n("w-full",t?.timeline),children:e(N,{modules:S,breakpoints:I,className:"w-full !overflow-visible",onSwiper:B,controller:{control:p},children:c.map((i,o)=>e(b,{children:f("div",{className:"flex flex-col items-center",children:[e(y,{theme:s}),e(x,{html:i.threshold,className:n("lg-desktop:text-2xl text-center text-xl font-bold leading-[1.2] tracking-[-0.04em]",P({theme:s}),t?.thresholdText)})]})},"timelineItem"+o))})})})]})});G.displayName="GiftTierShelf";var W=j(G);export{W as default};
2	+ //# sourceMappingURL=index.js.map

package/dist/esm/biz-components/GiftTierShelf/index.js.map ADDED Viewed

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

package/dist/esm/biz-components/GiftTierShelf/types.d.ts ADDED Viewed

@@ -0,0 +1,75 @@
+import type { Media } from '../../types/props.js';
+import type { Product } from '../Listing/types/product.js';
+export type { Media };
+export interface GiftShelfProduct {
+    /** 产品 SKU */
+    sku: string;
+    /** 产品名称 */
+    name: string;
+    /** 产品图片 URL */
+    image: string;
+    /** 产品值/标识 (通常与 handle 相同) */
+    value: string;
+    /** 产品 handle (URL slug) */
+    handle: string;
+    /** Shopify 产品 ID */
+    shopify_id: string;
+    /** 自定义库存 */
+    custom_inventory?: number;
+    /** 自定义价格 */
+    custom_price?: number;
+    /** 自定义产品描述 */
+    custom_description?: string | null;
+}
+/**
+ * 满赠阶梯产品项
+ */
+export interface GiftTierProduct {
+    /** 价值单位（如 "Value"） */
+    valueUnit?: string;
+}
+/**
+ * 满赠阶梯项
+ */
+export interface GiftTierItem {
+    /** 阶梯门槛文本（如 "Order Over $3,000"） */
+    threshold: string;
+    /** 该阶梯对应的产品 */
+    products: GiftShelfProduct[];
+    /** 是否显示会员标签 */
+    showMemberTag?: boolean;
+    /** 会员标签图片 */
+    memberTagImage?: Media;
+    /** 价值单位（如 "Value"） */
+    valueUnit?: string;
+}
+/**
+ * 满赠货架组件数据接口
+ */
+export interface GiftTierShelfData {
+    /** 阶梯项列表 */
+    items: GiftTierItem[];
+    /** 主题模式 */
+    theme?: 'light' | 'dark';
+    /** 是否显示时间轴 */
+    showTimeline?: boolean;
+}
+/**
+ * 语义化类名
+ */
+export type GiftTierShelfSemanticName = 'root' | 'card' | 'timeline' | 'thresholdText';
+/**
+ * 满赠货架组件 Props
+ */
+export interface GiftTierShelfProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** 业务数据 */
+    data: GiftTierShelfData;
+    /** 构建时数据（产品列表等） */
+    buildData?: {
+        products: Product[];
+    };
+    /** 语义化类名 */
+    classNames?: Partial<Record<GiftTierShelfSemanticName, string>>;
+    /** 卡片点击回调 */
+    onCardClick?: (item: GiftTierItem, index: number) => void;
+}

package/dist/esm/biz-components/GiftTierShelf/types.js ADDED Viewed

	@@ -0,0 +1 @@
1	+ //# sourceMappingURL=types.js.map

package/dist/esm/biz-components/GiftTierShelf/types.js.map ADDED Viewed

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

package/dist/esm/biz-components/HeroBanner/HeroBanner.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use client";import{jsx as e,jsxs as c}from"react/jsx-runtime";import Z,{useImperativeHandle as ce,useRef as b,useState as ue,useEffect as me}from"react";import y from"gsap";import{ScrollTrigger as v}from"gsap/dist/ScrollTrigger";import{useMediaQuery as J}from"react-responsive";import{useInView as de}from"react-intersection-observer";import ge from"../../helpers/ScrollLoadVideo.js";import{Button as P,Heading as fe,Picture as K,Text as S,Countdown as be}from"../../components/index.js";import{cn as n}from"../../helpers/index.js";import{cva as w}from"class-variance-authority";import{withLayout as xe}from"../../shared/Styles.js";import{useExposure as he}from"../../hooks/useExposure.js";import{trackUrlRef as R}from"../../shared/trackUrlRef.js";import{getLocalizedPath as ye}from"../../helpers/utils.js";import{useAiuiContext as ve}from"../AiuiProvider/index.js";import{sizeMap as we}from"../../components/button.js";import{VideoModal as ke}from"../VideoModal/index.js";const s="image",i="hero_banner",Ne=w("hero-banner-content laptop:top-1/2 laptop:-translate-y-1/2 lg-desktop:gap-[32px] absolute top-24 z-10 flex w-full flex-col gap-[24px]",{variants:{align:{left:"tablet:px-[32px] laptop:px-[64px] lg-desktop:px-[calc(50%-832px)] left-0 px-[16px]",center:"left-1/2 -translate-x-1/2 items-center text-center"}},defaultVariants:{align:"left"}}),$e=w("hero-banner-wrap-text lg-desktop:max-w-[824px] desktop:max-w-[648px] laptop:max-w-[440px] tablet:max-w-[704px] max-w-[358px]",{variants:{align:{left:"laptop:text-left",center:"text-center"}},defaultVariants:{align:"left"}}),Be=w("hero-banner-button-group lg-desktop:gap-3 flex items-center gap-2",{variants:{align:{left:"laptop:justify-start",center:"justify-center"}},defaultVariants:{align:"left"}}),Ve=w("hero-banner-icon-group flex items-center gap-2",{variants:{align:{left:"justify-start",center:"justify-center"}},defaultVariants:{align:"left"}}),ze=({size:u="base"})=>{const{width:k,height:x}=we[u];return e("svg",{width:k,height:x,viewBox:"0 0 20 20",fill:"currentcolor",xmlns:"http://www.w3.org/2000/svg",children:e("path",{d:"M13.9599 9.30662C14.4547 9.63647 14.4547 10.3635 13.9599 10.6934L6.29558 15.8029C5.74179 16.1721 5 15.7751 5 15.1096V4.89042C5 4.22484 5.74179 3.82785 6.29558 4.19705L13.9599 9.30662Z",fill:"currentcolor"})})},O=Z.forwardRef(({data:u,className:k,classNames:x={},onSecondaryClick:W,onPrimaryClick:X,...Y},ee)=>{const{locale:L}=ve(),N=t=>!t||!L?t:ye(t,L),{label:M,title:r,subtitle:o,endDate:D,endDate_tz:te,dateFormat:ae,pcImage:$,padImage:E,mobileImage:h,pcVideo:re,padVideo:oe,mobileVideo:j,isShowVideo:le,isVideoLoop:ne=!0,primaryButton:l,secondaryButton:a,theme:se="light",size:B="default",titleSize:V,caption:z=[],blockLink:U,iconArray:ie,align:m="left"}=u,_=J({query:"(max-width: 768px)"}),G=J({query:"(max-width: 1024px)"}),[F,A]=ue(!1),{ref:pe,inView:q}=de(),H=b(null),T=b(null),I=b(null),d=b(null),p=b(null);return he(p,{componentType:s,componentName:i,componentTitle:r,componentDescription:o}),ce(ee,()=>p.current),me(()=>{y.registerPlugin(v);function t(){if(!d.current)return;const C=p.current?.clientHeight||100;window.innerHeight<=C?H.current=v.create({trigger:p.current,start:"top bottom",end:"bottom top",scrub:!0,onUpdate:g=>{const f=g.progress*40-20;y.set(d.current,{yPercent:f})}}):(I.current=v.create({trigger:p.current,start:"top bottom",end:"bottom bottom",scrub:!0,onUpdate:g=>{const f=g.progress*20-20;y.set(d.current,{yPercent:f})}}),T.current=v.create({trigger:p.current,start:"top top",end:"bottom top",scrub:!0,onUpdate:g=>{const f=g.progress*20;y.set(d.current,{yPercent:f})}}))}return q&&t(),()=>{H.current&&H.current.kill(),I.current&&I.current.kill(),T.current&&T.current.kill()}},[q]),e("div",{...Y,ref:pe,"data-ui-component-id":"HeroBanner",children:c("div",{ref:p,className:n(se==="dark"?"aiui-dark":"","text-info-primary relative  w-full overflow-hidden",{"lg-desktop:aspect-[1920/930] desktop:aspect-[1440/700] laptop:aspect-[1024/520] tablet:aspect-[768/660] aspect-[390/660]":B==="default","lg-desktop:aspect-[1920/800] desktop:aspect-[1440/640] laptop:aspect-[1024/480] tablet:aspect-[768/560] aspect-[390/560]":B==="sm"},k),children:[U&&e("a",{className:"absolute inset-0 z-10",href:R(N(U),`${s}_${i}`),"data-headless-type-name":`${s}#${i}`,"data-headless-title-desc-button":`${r}#${o}`,tabIndex:-1,"aria-hidden":"true","aria-label":r}),e("div",{ref:d,className:n("absolute left-0 top-0 size-full"),children:le?e(ge,{poster:_?h?.url:G?E?.url||h?.url:$?.url,src:_?j?.url:G?oe?.url||j?.url:re?.url,className:"laptop:w-full h-full",videoClassName:"h-full object-cover",muted:!0,loop:ne,playsInline:!0}):e(K,{className:"laptop:w-full h-full",imgClassName:"h-full object-cover",loading:"eager",fetchPriority:"high",alt:$?.alt||"",source:`${$?.url||""} , ${E?.url??(h?.url||"")} 1024, ${h?.url||""} 767`})}),c("div",{className:Ne({align:m}),children:[c("div",{className:$e({align:m}),children:[M&&e(S,{size:2,as:"p",className:n("hero-banner-label font-heading lg-desktop:text-[18px] desktop:text-base text-sm"),html:M}),r&&e(fe,{as:V==="4"?"h1":"h2",html:r,className:n("hero-banner-title",x.title),size:V?Number(V||"5"):B==="sm"?4:5}),o&&e(S,{as:"p",size:2,className:n("hero-banner-subtitle font-heading lg-desktop:text-[18px] desktop:text-base laptop:mt-2 lg-desktop:mt-4 mt-1 text-sm"),html:o}),D&&e("div",{className:"mt-3",children:e(be,{endDate:D,endDate_tz:te,dateFormat:ae,variant:"spacious",align:m})})]}),c("div",{className:Be({align:m}),children:[a?.isShowPlayVideoButton&&a?.playVideoButtonText?c(P,{onClick:()=>A(!0),size:"lg",variant:"secondary",className:"hero-banner-play-video-button","data-headless-type-name":`${s}#${i}`,"data-headless-title-desc-button":`${r}#${o}#${a?.playVideoButtonText}`,children:[a?.playVideoButtonText," ",e(ze,{size:"lg"})]}):a?.text?c(P,{"aria-label":r??o,size:"lg",variant:"secondary",className:"hero-banner-secondary-button",as:a?.isCustomSecondaryButton?"button":"a",href:R(N(a?.link),`${s}_${i}`),onClick:t=>a?.isCustomSecondaryButton&&W?.(u,t,a?.customSecondaryEventId),"data-headless-type-name":`${s}#${i}`,"data-headless-title-desc-button":`${r}#${o}#${a?.text}`,children:[a?.text,e("span",{className:"sr-only",children:r??o})]}):null,l&&l.text&&e(P,{"aria-label":r??o,size:"lg",variant:"primary",className:"hero-banner-primary-button",as:l?.isCustomPrimaryButton?"button":"a",href:R(N(l.link),`${s}_${i}`),onClick:t=>l?.isCustomPrimaryButton&&X?.(u,t,l?.customPrimaryEventId),"data-headless-type-name":`${s}#${i}`,"data-headless-title-desc-button":`${r}#${o}#${l?.text}`,children:l.text})]}),e("div",{className:Ve({align:m}),children:ie?.map(t=>e("div",{className:"h-12",children:e(K,{className:"laptop:w-full h-full",imgClassName:"h-full object-cover",loading:"eager",alt:t?.pcImage?.alt||"",source:t?.pcImage?.url})},t?.pcImage?.url||t?.pcImage?.alt))})]}),z.length>0&&e("div",{className:n("hero-banner-caption-group laptop:gap-3 tablet:px-[32px] laptop:px-[64px] lg-desktop:px-[calc(50%-832px)] desktop:pb-[24px] absolute bottom-0 z-10 flex items-stretch gap-2 px-[16px] pb-[16px]",x.captionGroup),children:z.map((t,C)=>c(Z.Fragment,{children:[e(S,{size:2,className:n("hero-banner-product-text tablet:w-[108px] loptop:w-[150px] desktop:w-[156px] lg-desktop:w-[180px] laptop:text-[14px] flex-1 text-[12px]"),html:t.title}),C<z.length-1&&e("div",{className:n("bg-info-primary w-px")})]},t.title))}),F&&e(ke,{visible:F,videoUrl:a?.videoUrl?.url,youTubeId:a?.youtubeId,onCloseModal:()=>A(!1)})]})})});O.displayName="HeroBanner";var qe=xe(O);export{qe as default};
+"use client";import{jsx as e,jsxs as c}from"react/jsx-runtime";import Q,{useImperativeHandle as ce,useRef as b,useState as ue,useEffect as me}from"react";import y from"gsap";import{ScrollTrigger as v}from"gsap/dist/ScrollTrigger";import{useMediaQuery as Z}from"react-responsive";import{useInView as de}from"react-intersection-observer";import ge from"../../helpers/ScrollLoadVideo.js";import{Button as P,Heading as fe,Picture as J,Text as S,Countdown as be}from"../../components/index.js";import{cn as n}from"../../helpers/index.js";import{cva as w}from"class-variance-authority";import{withLayout as xe}from"../../shared/Styles.js";import{useExposure as he}from"../../hooks/useExposure.js";import{trackUrlRef as R}from"../../shared/trackUrlRef.js";import{getLocalizedPath as ye}from"../../helpers/utils.js";import{useAiuiContext as ve}from"../AiuiProvider/index.js";import{sizeMap as we}from"../../components/button.js";import{VideoModal as ke}from"../VideoModal/index.js";const s="image",i="hero_banner",Ne=w("hero-banner-content laptop:top-1/2 laptop:-translate-y-1/2 lg-desktop:gap-[32px] absolute top-24 z-10 flex w-full flex-col gap-[24px]",{variants:{align:{left:"tablet:px-[32px] laptop:px-[64px] lg-desktop:px-[calc(50%-832px)] left-0 px-[16px]",center:"left-1/2 -translate-x-1/2 items-center text-center"}},defaultVariants:{align:"left"}}),$e=w("hero-banner-wrap-text lg-desktop:max-w-[824px] desktop:max-w-[648px] laptop:max-w-[440px] tablet:max-w-[704px] max-w-[358px]",{variants:{align:{left:"laptop:text-left",center:"text-center"}},defaultVariants:{align:"left"}}),Ve=w("hero-banner-button-group lg-desktop:gap-3 flex items-center gap-2",{variants:{align:{left:"laptop:justify-start",center:"justify-center"}},defaultVariants:{align:"left"}}),Be=w("hero-banner-icon-group flex items-center gap-2",{variants:{align:{left:"justify-start",center:"justify-center"}},defaultVariants:{align:"left"}}),ze=({size:u="base"})=>{const{width:k,height:x}=we[u];return e("svg",{width:k,height:x,viewBox:"0 0 20 20",fill:"currentcolor",xmlns:"http://www.w3.org/2000/svg",children:e("path",{d:"M13.9599 9.30662C14.4547 9.63647 14.4547 10.3635 13.9599 10.6934L6.29558 15.8029C5.74179 16.1721 5 15.7751 5 15.1096V4.89042C5 4.22484 5.74179 3.82785 6.29558 4.19705L13.9599 9.30662Z",fill:"currentcolor"})})},K=Q.forwardRef(({data:u,className:k,classNames:x={},onSecondaryClick:O,onPrimaryClick:W,...X},ee)=>{const{locale:L}=ve(),N=t=>!t||!L?t:ye(t,L),{label:M,title:r,subtitle:o,endDate:D,endDate_tz:te,dateFormat:ae,pcImage:$,padImage:E,mobileImage:h,pcVideo:re,padVideo:oe,mobileVideo:j,isShowVideo:le,isVideoLoop:ne=!0,primaryButton:l,secondaryButton:a,theme:se="light",size:V="default",titleSize:B,caption:z=[],blockLink:U,iconArray:ie,align:m="left"}=u,_=Z({query:"(max-width: 768px)"}),G=Z({query:"(max-width: 1024px)"}),[F,A]=ue(!1),{ref:pe,inView:q}=de(),H=b(null),T=b(null),I=b(null),d=b(null),p=b(null);return he(p,{componentType:s,componentName:i,componentTitle:r,componentDescription:o}),ce(ee,()=>p.current),me(()=>{y.registerPlugin(v);function t(){if(!d.current)return;const C=p.current?.clientHeight||100;window.innerHeight<=C?H.current=v.create({trigger:p.current,start:"top bottom",end:"bottom top",scrub:!0,onUpdate:g=>{const f=g.progress*40-20;y.set(d.current,{yPercent:f})}}):(I.current=v.create({trigger:p.current,start:"top bottom",end:"bottom bottom",scrub:!0,onUpdate:g=>{const f=g.progress*20-20;y.set(d.current,{yPercent:f})}}),T.current=v.create({trigger:p.current,start:"top top",end:"bottom top",scrub:!0,onUpdate:g=>{const f=g.progress*20;y.set(d.current,{yPercent:f})}}))}return q&&t(),()=>{H.current&&H.current.kill(),I.current&&I.current.kill(),T.current&&T.current.kill()}},[q]),e("div",{...X,ref:pe,"data-ui-component-id":"HeroBanner",children:c("div",{ref:p,className:n(se==="dark"?"aiui-dark":"","text-info-primary relative  w-full overflow-hidden",{"lg-desktop:aspect-[1920/930] desktop:aspect-[1440/700] laptop:aspect-[1024/520] tablet:aspect-[768/660] aspect-[390/660]":V==="default","lg-desktop:aspect-[1920/800] desktop:aspect-[1440/640] laptop:aspect-[1024/480] tablet:aspect-[768/560] aspect-[390/560]":V==="sm"},k),children:[U&&e("a",{className:"absolute inset-0 z-10",href:R(N(U),`${s}_${i}`),"data-headless-type-name":`${s}#${i}`,"data-headless-title-desc-button":`${r}#${o}`,tabIndex:-1,"aria-hidden":"true","aria-label":r}),e("div",{ref:d,className:n("absolute left-0 top-0 size-full"),children:le?e(ge,{poster:_?h?.url:G?E?.url||h?.url:$?.url,src:_?j?.url:G?oe?.url||j?.url:re?.url,className:"laptop:w-full h-full",videoClassName:"h-full object-cover",muted:!0,loop:ne,playsInline:!0}):e(J,{className:"laptop:w-full h-full",imgClassName:"h-full object-cover",loading:"eager",fetchPriority:"high",alt:$?.alt||"",source:`${$?.url||""} , ${E?.url??(h?.url||"")} 1024, ${h?.url||""} 767`})}),c("div",{className:Ne({align:m}),children:[c("div",{className:$e({align:m}),children:[M&&e(S,{size:2,as:"p",className:n("hero-banner-label font-heading lg-desktop:text-[18px] desktop:text-base text-sm"),html:M}),r&&e(fe,{as:B==="4"?"h1":"h2",html:r,className:n("hero-banner-title",x.title),size:B?Number(B||"5"):V==="sm"?4:5}),o&&e(S,{as:"p",size:2,className:n("hero-banner-subtitle font-heading lg-desktop:text-[18px] desktop:text-base laptop:mt-2 lg-desktop:mt-4 mt-1 text-sm"),html:o}),D&&e("div",{className:"mt-3",children:e(be,{endDate:D,endDate_tz:te,dateFormat:ae,variant:"spacious",align:m})})]}),c("div",{className:Ve({align:m}),children:[a?.isShowPlayVideoButton&&a?.playVideoButtonText?c(P,{onClick:()=>A(!0),size:"lg",variant:"secondary",className:"hero-banner-play-video-button","data-headless-type-name":`${s}#${i}`,"data-headless-title-desc-button":`${r}#${o}#${a?.playVideoButtonText}`,children:[a?.playVideoButtonText," ",e(ze,{size:"lg"})]}):a?.text?c(P,{"aria-label":r??o,size:"lg",variant:"secondary",className:"hero-banner-secondary-button",as:a?.isCustomSecondaryButton?"button":"a",href:R(N(a?.link),`${s}_${i}`),onClick:t=>a?.isCustomSecondaryButton&&O?.(u,t,a?.customSecondaryEventId),"data-headless-type-name":`${s}#${i}`,"data-headless-title-desc-button":`${r}#${o}#${a?.text}`,children:[a?.text,e("span",{className:"sr-only",children:r??o})]}):null,l&&l.text&&e(P,{"aria-label":r??o,size:"lg",variant:"primary",className:"hero-banner-primary-button",as:l?.isCustomPrimaryButton?"button":"a",href:R(N(l.link),`${s}_${i}`),onClick:t=>l?.isCustomPrimaryButton&&W?.(u,t,l?.customPrimaryEventId),"data-headless-type-name":`${s}#${i}`,"data-headless-title-desc-button":`${r}#${o}#${l?.text}`,children:l.text})]}),e("div",{className:Be({align:m}),children:ie?.map(t=>e("div",{className:"h-12",children:e(J,{className:"laptop:w-full h-full",imgClassName:"h-full object-cover",loading:"eager",alt:t?.pcImage?.alt||"",source:t?.pcImage?.url})},t?.pcImage?.url||t?.pcImage?.alt))})]}),z.length>0&&e("div",{className:n("hero-banner-caption-group laptop:gap-3 tablet:px-[32px] laptop:px-[64px] lg-desktop:px-[calc(50%-832px)] desktop:pb-[24px] absolute bottom-0 z-10 flex items-stretch gap-2 px-[16px] pb-[16px]",x.captionGroup),children:z.map((t,C)=>c(Q.Fragment,{children:[e(S,{size:2,className:n("hero-banner-product-text tablet:w-[108px] loptop:w-[150px] desktop:w-[156px] lg-desktop:w-[180px] laptop:text-[14px] flex-1 text-[12px]"),html:t.title}),C<z.length-1&&e("div",{className:n("bg-info-primary w-px")})]},t.title))}),F&&e(ke,{visible:F,videoUrl:a?.isYoutubeVideo?void 0:a?.videoUrl?.url,youTubeId:a?.isYoutubeVideo?a?.youtubeId:void 0,onCloseModal:()=>A(!1)})]})})});K.displayName="HeroBanner";var qe=xe(K);export{qe as default};
 //# sourceMappingURL=HeroBanner.js.map