@anker-in/headless-ui 1.3.63 → 1.3.64

package/dist/cjs/biz-components/FeatureShowcase/FeatureShowcase.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/biz-components/FeatureShowcase/FeatureShowcase.tsx"],
-  "sourcesContent": ["'use client'\nimport React, { useRef, useImperativeHandle } from 'react'\nimport { Picture, Text, Heading } from '../../components/index.js'\nimport { cn } from '../../helpers/utils.js'\nimport { withLayout } from '../../shared/Styles.js'\nimport { useExposure } from '../../hooks/useExposure.js'\nimport type { FeatureShowcaseProps, FeatureShowcaseItem } from './types.js'\n\nconst componentType = 'image'\nconst componentName = 'feature_showcase'\n\nconst FeatureShowcase = React.forwardRef<HTMLDivElement, FeatureShowcaseProps>(({ data, className }, ref) => {\n  const { datalist = [], datalists = [], theme = 'light' } = data || {}\n\n  const boxRef = useRef<HTMLDivElement>(null)\n\n  useExposure(boxRef, {\n    componentType,\n    componentName,\n    componentTitle: 'Feature Showcase',\n  })\n\n  useImperativeHandle(ref, () => boxRef.current as HTMLDivElement)\n\n  return (\n    <section\n      ref={boxRef}\n      data-ui-component-id=\"FeatureShowcase\"\n      className={cn(\n        'feature-showcase scrollbar-hidden text-info-primary l:flex-row l:overflow-hidden l:overflow-x-scroll laptop:flex-col flex gap-[16px]',\n        {\n          'aiui-dark': theme === 'dark',\n        },\n        className\n      )}\n    >\n      <div className=\"feature-showcase__list flex gap-[16px]\">\n        {datalist?.map((item: FeatureShowcaseItem, index: number) => (\n          <div key={index} className=\"feature-showcase__item\">\n            <div className=\"feature-showcase__card relative\">\n              <Picture\n                source={`${item.imageMob?.url}`}\n                className=\"feature-showcase__image feature-showcase__image--mobile rounded-box laptop:hidden w-[296px]\"\n              />\n              <Picture\n                source={`${item.image?.url} 1024`}\n                className=\"feature-showcase__image feature-showcase__image--desktop l:hidden\"\n              />\n              <div className=\"feature-showcase__content laptop:px-[16px] laptop:py-[20px] desktop:px-[32px] desktop:py-[24px] lg-desktop:p-[32px] absolute bottom-0 left-0 px-[16px] py-[12px] text-white\">\n                <Heading\n                  as={'h2'}\n                  size={3}\n                  html={item?.title}\n                  className=\"feature-showcase__title mt-[16px] md:text-[20px]\"\n                />\n\n                <Text\n                  as={'p'}\n                  html={item.desc}\n                  size={4}\n                  className=\"feature-showcase__description tablet:text-[14px] laptop:text-[14px] desktop:h-fit desktop:text-[16px] lg-desktop:text-[18px] mt-[4px] line-clamp-2 h-[40px] text-[14px]\"\n                />\n              </div>\n            </div>\n          </div>\n        ))}\n      </div>\n      <div className=\"feature-showcase__list flex gap-[16px]\">\n        {datalists?.map((item: FeatureShowcaseItem, index: number) => (\n          <div key={index} className=\"feature-showcase__item\">\n            <div className=\"feature-showcase__card relative\">\n              <Picture\n                source={`${item.imageMob?.url}`}\n                className=\"feature-showcase__image feature-showcase__image--mobile rounded-box laptop:hidden w-[296px]\"\n              />\n              <Picture\n                source={`${item.image?.url} 1024`}\n                className=\"feature-showcase__image feature-showcase__image--desktop l:hidden\"\n              />\n              <div className=\"feature-showcase__content laptop:px-[16px] laptop:py-[20px] desktop:px-[32px] desktop:py-[24px] lg-desktop:p-[32px] absolute bottom-0 left-0 px-[16px] py-[12px] text-white\">\n                <Heading\n                  as={'h2'}\n                  size={3}\n                  html={item?.title}\n                  className=\"feature-showcase__title mt-[16px] md:text-[20px]\"\n                />\n\n                <Text\n                  as={'p'}\n                  html={item.desc}\n                  size={4}\n                  className=\"feature-showcase__description tablet:text-[14px] laptop:text-[14px] desktop:h-fit desktop:text-[16px] lg-desktop:text-[18px] mt-[4px] line-clamp-2 h-[40px] text-[14px]\"\n                />\n              </div>\n            </div>\n          </div>\n        ))}\n      </div>\n    </section>\n  )\n})\n\nFeatureShowcase.displayName = 'FeatureShowcase'\n\nexport default withLayout(FeatureShowcase)\n"],
-  "mappings": "ukBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,IAAA,eAAAC,EAAAH,GAwCc,IAAAI,EAAA,6BAvCdC,EAAmD,oBACnDC,EAAuC,qCACvCC,EAAmB,kCACnBC,EAA2B,kCAC3BC,EAA4B,sCAG5B,MAAMC,EAAgB,QAChBC,EAAgB,mBAEhBC,EAAkB,EAAAC,QAAM,WAAiD,CAAC,CAAE,KAAAC,EAAM,UAAAC,CAAU,EAAGC,IAAQ,CAC3G,KAAM,CAAE,SAAAC,EAAW,CAAC,EAAG,UAAAC,EAAY,CAAC,EAAG,MAAAC,EAAQ,OAAQ,EAAIL,GAAQ,CAAC,EAE9DM,KAAS,UAAuB,IAAI,EAE1C,wBAAYA,EAAQ,CAClB,cAAAV,EACA,cAAAC,EACA,eAAgB,kBAClB,CAAC,KAED,uBAAoBK,EAAK,IAAMI,EAAO,OAAyB,KAG7D,QAAC,WACC,IAAKA,EACL,uBAAqB,kBACrB,aAAW,MACT,uIACA,CACE,YAAaD,IAAU,MACzB,EACAJ,CACF,EAEA,oBAAC,OAAI,UAAU,yCACZ,SAAAE,GAAU,IAAI,CAACI,EAA2BC,OACzC,OAAC,OAAgB,UAAU,yBACzB,oBAAC,OAAI,UAAU,kCACb,oBAAC,WACC,OAAQ,GAAGD,EAAK,UAAU,GAAG,GAC7B,UAAU,8FACZ,KACA,OAAC,WACC,OAAQ,GAAGA,EAAK,OAAO,GAAG,QAC1B,UAAU,oEACZ,KACA,QAAC,OAAI,UAAU,8KACb,oBAAC,WACC,GAAI,KACJ,KAAM,EACN,KAAMA,GAAM,MACZ,UAAU,mDACZ,KAEA,OAAC,QACC,GAAI,IACJ,KAAMA,EAAK,KACX,KAAM,EACN,UAAU,0KACZ,GACF,GACF,GAzBQC,CA0BV,CACD,EACH,KACA,OAAC,OAAI,UAAU,yCACZ,SAAAJ,GAAW,IAAI,CAACG,EAA2BC,OAC1C,OAAC,OAAgB,UAAU,yBACzB,oBAAC,OAAI,UAAU,kCACb,oBAAC,WACC,OAAQ,GAAGD,EAAK,UAAU,GAAG,GAC7B,UAAU,8FACZ,KACA,OAAC,WACC,OAAQ,GAAGA,EAAK,OAAO,GAAG,QAC1B,UAAU,oEACZ,KACA,QAAC,OAAI,UAAU,8KACb,oBAAC,WACC,GAAI,KACJ,KAAM,EACN,KAAMA,GAAM,MACZ,UAAU,mDACZ,KAEA,OAAC,QACC,GAAI,IACJ,KAAMA,EAAK,KACX,KAAM,EACN,UAAU,0KACZ,GACF,GACF,GAzBQC,CA0BV,CACD,EACH,GACF,CAEJ,CAAC,EAEDV,EAAgB,YAAc,kBAE9B,IAAOV,KAAQ,cAAWU,CAAe",
-  "names": ["FeatureShowcase_exports", "__export", "FeatureShowcase_default", "__toCommonJS", "import_jsx_runtime", "import_react", "import_components", "import_utils", "import_Styles", "import_useExposure", "componentType", "componentName", "FeatureShowcase", "React", "data", "className", "ref", "datalist", "datalists", "theme", "boxRef", "item", "index"]
-}

package/dist/cjs/biz-components/FeatureShowcase/index.js.map

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

package/dist/cjs/biz-components/FeatureShowcase/types.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/biz-components/FeatureShowcase/types.ts"],
-  "sourcesContent": ["import type { Media, Theme } from '../../types/props'\n\nexport interface FeatureShowcaseItem {\n  /** \u6807\u9898 */\n  title: string\n  /** \u63CF\u8FF0\u6587\u672C */\n  desc: string\n  /** \u684C\u9762\u7AEF\u56FE\u7247 URL */\n  image: Media\n  /** \u79FB\u52A8\u7AEF\u56FE\u7247 URL */\n  imageMob: Media\n}\n\nexport interface FeatureShowcaseProps {\n  data: {\n    /** \u7B2C\u4E00\u7EC4\u6570\u636E\u5217\u8868 */\n    datalist: FeatureShowcaseItem[]\n    /** \u7B2C\u4E8C\u7EC4\u6570\u636E\u5217\u8868 */\n    datalists: FeatureShowcaseItem[]\n    /** \u4E3B\u9898\uFF0C\u9ED8\u8BA4 light */\n    theme?: Theme\n  }\n  /** \u81EA\u5B9A\u4E49\u7C7B\u540D */\n  className?: string\n}\n"],
-  "mappings": "+WAAA,IAAAA,EAAA,kBAAAC,EAAAD",
-  "names": ["types_exports", "__toCommonJS"]
-}

package/dist/cjs/biz-components/FeaturedBlogPosts/index.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/biz-components/FeaturedBlogPosts/index.tsx"],
-  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport { cn } from '../../helpers/index.js'\nimport Picture from '../../components/picture.js'\nimport type { Img } from '../../types/props.js'\nimport { Heading, Text } from '../../index.js'\nimport { withLayout } from '../../shared/Styles.js'\n\nexport type FeaturedBlogPostsSemanticName =\n  | 'root'\n  | 'header'\n  | 'title'\n  | 'subtitle'\n  | 'grid'\n  | 'card'\n  | 'cardImage'\n  | 'cardContent'\n  | 'cardTitle'\n  | 'cardDescription'\n  | 'cardMeta'\n  | 'separator'\n\n/**\n * \u5361\u7247\u5BBD\u5EA6\u6BD4\u4F8B\n */\nexport type FeaturedBlogPostSpan = 'full' | '2/3' | '1/3'\n\n/**\n * \u535A\u6587\u5361\u7247\u9879\u6570\u636E\u63A5\u53E3\n */\nexport interface FeaturedBlogPostItem {\n  /** \u5C01\u9762\u56FE\u7247 */\n  image: {\n    mobile?: Img\n    pad?: Img\n    laptop?: Img\n    desktop?: Img\n    lgDesktop?: Img\n  }\n  /** \u6587\u7AE0\u6807\u9898 */\n  title: string\n  /** \u6587\u7AE0\u63CF\u8FF0 */\n  description?: string\n  /** \u65E5\u671F\u4FE1\u606F\uFF08\u5206\u7C7B\u00B7\u65E5\u671F\u00B7\u4F5C\u8005\uFF09 */\n  date?: string\n  /** \u6587\u7AE0\u94FE\u63A5 */\n  link?: string\n  /** \u5361\u7247\u5BBD\u5EA6\u6BD4\u4F8B\uFF0C\u9ED8\u8BA4 full */\n  width?: FeaturedBlogPostSpan\n}\n\n/**\n * FeaturedBlogPosts \u4E1A\u52A1\u7EC4\u4EF6\u6570\u636E\u63A5\u53E3\n */\nexport interface FeaturedBlogPostsData {\n  /** \u4E3B\u6807\u9898 */\n  title?: string\n  /** \u526F\u6807\u9898 */\n  subtitle?: string\n  /** \u535A\u6587\u5217\u8868 */\n  items: FeaturedBlogPostItem[]\n}\n\nexport interface FeaturedBlogPostsProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** \u4E1A\u52A1\u6570\u636E */\n  data: FeaturedBlogPostsData\n  /** \u8BED\u4E49\u5316\u7C7B\u540D\u8986\u76D6 */\n  classNames?: Partial<Record<FeaturedBlogPostsSemanticName, string>>\n  /** \u5361\u7247\u70B9\u51FB\u56DE\u8C03 */\n  onItemClick?: (item: FeaturedBlogPostItem, index: number, event: React.MouseEvent) => void\n}\n\n/**\n * \u54CD\u5E94\u5F0F\u56FE\u7247\u7C7B\u578B\n */\ntype ResponsiveImage = FeaturedBlogPostItem['image']\n\n/**\n * \u5C06\u54CD\u5E94\u5F0F\u56FE\u7247\u5BF9\u8C61\u8F6C\u4E3A Picture source \u683C\u5F0F\u5B57\u7B26\u4E32\n * \u683C\u5F0F: \"url1 1920, url2 1440, url3 1024, url4 768, url5 390\"\n */\nconst getImageSource = (image: ResponsiveImage): string => {\n  const breakpoints: { key: keyof ResponsiveImage; width: number }[] = [\n    { key: 'lgDesktop', width: 1920 },\n    { key: 'desktop', width: 1440 },\n    { key: 'laptop', width: 1024 },\n    { key: 'pad', width: 768 },\n    { key: 'mobile', width: 390 },\n  ]\n\n  const sources = breakpoints\n    .filter(({ key }) => image[key]?.url)\n    .map(({ key, width }) => `${image[key]!.url} ${width}`)\n\n  // \u5982\u679C\u6709 sources\uFF0C\u8FD4\u56DE\u62FC\u63A5\u7ED3\u679C\uFF1B\u5426\u5219\u8FD4\u56DE\u7B2C\u4E00\u4E2A\u6709\u6548\u7684 url\n  if (sources.length > 0) {\n    return sources.join(', ')\n  }\n\n  // fallback: \u8FD4\u56DE\u4EFB\u610F\u4E00\u4E2A\u6709\u6548\u7684 url\n  for (const { key } of breakpoints) {\n    if (image[key]?.url) return image[key]!.url\n  }\n\n  return ''\n}\n\n/**\n * \u4ECE\u54CD\u5E94\u5F0F\u56FE\u7247\u5BF9\u8C61\u83B7\u53D6 alt \u6587\u672C\n */\nconst getImageAlt = (image: ResponsiveImage, fallback: string): string => {\n  const keys: (keyof ResponsiveImage)[] = ['desktop', 'laptop', 'pad', 'mobile', 'lgDesktop']\n  for (const key of keys) {\n    if (image[key]?.alt) return image[key]!.alt!\n  }\n  return fallback\n}\n\n/**\n * \u6839\u636E span \u83B7\u53D6\u5361\u7247 grid \u5217\u6570 (laptop+)\n */\nconst getSpanClass = (span: FeaturedBlogPostSpan = 'full') => {\n  const spanMap: Record<FeaturedBlogPostSpan, string> = {\n    full: 'laptop:col-span-3',\n    '2/3': 'laptop:col-span-2',\n    '1/3': 'laptop:col-span-1',\n  }\n  return spanMap[span]\n}\n\n/**\n * \u6839\u636E span \u83B7\u53D6\u5361\u7247\u5E03\u5C40\u65B9\u5411 (laptop+)\n * 1/3: \u4E0A\u4E0B\u5E03\u5C40\uFF0C\u5176\u4ED6: \u5DE6\u53F3\u5E03\u5C40\n */\nconst getLayoutClass = (span: FeaturedBlogPostSpan = 'full') => {\n  return span === '1/3' ? '' : 'laptop:flex-row'\n}\n\n/**\n * \u6839\u636E span \u83B7\u53D6\u56FE\u7247\u5C3A\u5BF8\u6837\u5F0F (laptop+)\n * full: \u5DE6\u53F3\u5E03\u5C40\uFF0C\u56FE\u7247\u5BBD\u5EA6\u5360 2/3\n * 2/3: \u5DE6\u53F3\u5E03\u5C40\uFF0C\u56FE\u7247\u5BBD\u5EA6\u5360 1/2\n * 1/3: \u4E0A\u4E0B\u5E03\u5C40\uFF0C\u56FE\u7247\u9AD8\u5EA6\u586B\u6EE1\u5269\u4F59\u7A7A\u95F4\n */\nconst getImageSizeClass = (span: FeaturedBlogPostSpan = 'full') => {\n  const sizeMap: Record<FeaturedBlogPostSpan, string> = {\n    full: 'laptop:w-2/3 aspect-[356/200] tablet:aspect-[704/200] laptop:aspect-[2/1] desktop:aspect-[19/9] lg-desktop:aspect-[7/3]',\n    '2/3':\n      'laptop:w-1/2 aspect-[356/200] tablet:aspect-[704/200] laptop:aspect-[1/1] desktop:aspect-[16/15] lg-desktop:aspect-[8/7]',\n    '1/3':\n      'laptop:flex-1 aspect-[356/200] tablet:aspect-[704/200] laptop:aspect-[256/153] desktop:aspect-[379/192] lg-desktop:aspect-[480/248]',\n  }\n  return sizeMap[span]\n}\n\n/**\n * FeaturedBlogPosts - \u7CBE\u9009\u535A\u6587\n *\n * @description \u5C55\u793A\u7ECF\u8FC7\u7B5B\u9009\u7684\u4F18\u8D28\u6587\u7AE0\uFF0C\u652F\u6301\u4E0D\u540C\u5BBD\u5EA6\u548C\u5E03\u5C40\u7684\u5361\u7247\u7EC4\u5408\n */\nconst FeaturedBlogPostsBase = React.forwardRef<HTMLDivElement, FeaturedBlogPostsProps>(\n  ({ className, classNames = {}, data, onItemClick, ...props }, ref) => {\n    const { title, subtitle, items } = data\n\n    const handleCardClick = React.useCallback(\n      (item: FeaturedBlogPostItem, index: number) => (event: React.MouseEvent) => {\n        onItemClick?.(item, index, event)\n      },\n      [onItemClick]\n    )\n\n    return (\n      <div\n        ref={ref}\n        className={cn('blog-posts-root', 'text-info-primary w-full', className, classNames.root)}\n        {...props}\n      >\n        {/* \u6807\u9898\u533A\u57DF */}\n        {(title || subtitle) && (\n          <div className={cn('blog-posts-header mb-6', classNames.header)}>\n            {title && <Heading as=\"h2\" size={4} html={title} className={cn('blog-posts-title', classNames.title)} />}\n            {subtitle && <Text as=\"p\" size={3} className={cn('', classNames?.subtitle)} html={subtitle} />}\n          </div>\n        )}\n        <div className={cn('blog-posts-grid', 'laptop:grid-cols-3 grid grid-cols-1 gap-4', classNames.grid)}>\n          {items.map((item, index) => {\n            const CardWrapper = item.link ? 'a' : 'div'\n            const cardProps = item.link ? { href: item.link } : {}\n\n            return (\n              <React.Fragment key={index}>\n                <CardWrapper\n                  {...cardProps}\n                  className={cn(\n                    'blog-posts-card rounded-box',\n                    'flex cursor-pointer flex-col gap-4',\n                    'laptop:bg-container-secondary-0 laptop:p-4 desktop:p-6 lg-desktop:p-8',\n                    'laptop:overflow-hidden laptop:transition-opacity ',\n                    'bg-container-secondary-1',\n                    getSpanClass(item.width || 'full'),\n                    getLayoutClass(item.width || 'full'),\n                    classNames.card\n                  )}\n                  onClick={handleCardClick(item, index)}\n                >\n                  {/* \u56FE\u7247 */}\n                  <div\n                    className={cn(\n                      'blog-posts-card-image',\n                      'relative w-full overflow-hidden',\n                      'laptop:min-h-0 min-h-[200px] shrink-0',\n                      getImageSizeClass(item.width || 'full'),\n                      classNames.cardImage\n                    )}\n                  >\n                    <Picture\n                      source={getImageSource(item.image)}\n                      alt={getImageAlt(item.image, item.title)}\n                      className=\"rounded-t-box h-full object-cover\"\n                      imgClassName={\n                        item.width === '1/3'\n                          ? 'h-auto object-cover'\n                          : 'w-full laptop:h-full laptop:w-[unset] object-cover'\n                      }\n                    />\n                  </div>\n\n                  {/* \u5185\u5BB9 */}\n                  <div\n                    className={cn(\n                      'blog-posts-card-content',\n                      'desktop:gap-6 flex flex-col justify-center gap-4',\n                      classNames.cardContent\n                    )}\n                  >\n                    <div className=\"desktop:gap-2 flex flex-col gap-1\">\n                      <Heading\n                        size={2}\n                        as=\"h6\"\n                        className={cn('blog-posts-card-title line-clamp-3', classNames.cardTitle)}\n                        html={item.title}\n                      />\n\n                      {item.description && (\n                        <Text\n                          className={cn(\n                            'blog-posts-card-description desktop:text-[16px] lg-desktop:text-[18px] line-clamp-3 text-[14px]',\n                            classNames.cardDescription\n                          )}\n                          html={item.description}\n                        />\n                      )}\n                    </div>\n                    {item.date && (\n                      <Text\n                        className={cn(\n                          'blog-posts-card-meta',\n                          'text-info-tertiary desktop:text-[16px] lg-desktop:text-[18px] text-[14px]',\n                          classNames.cardMeta\n                        )}\n                        html={item.date}\n                      />\n                    )}\n                  </div>\n                </CardWrapper>\n\n                {/* \u5206\u5272\u7EBF - \u4EC5 mobile/tablet \u663E\u793A */}\n                {index < items.length - 1 && (\n                  <div\n                    className={cn(\n                      'blog-posts-separator',\n                      'bg-lines-primary laptop:hidden h-px w-full',\n                      classNames.separator\n                    )}\n                  />\n                )}\n              </React.Fragment>\n            )\n          })}\n        </div>\n      </div>\n    )\n  }\n)\n\nFeaturedBlogPostsBase.displayName = 'FeaturedBlogPosts'\n\nconst FeaturedBlogPosts = withLayout(FeaturedBlogPostsBase)\n\nexport default FeaturedBlogPosts\n"],
-  "mappings": "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",
-  "names": ["FeaturedBlogPosts_exports", "__export", "FeaturedBlogPosts_default", "__toCommonJS", "import_jsx_runtime", "React", "import_helpers", "import_picture", "import__", "import_Styles", "getImageSource", "image", "breakpoints", "sources", "key", "width", "getImageAlt", "fallback", "keys", "getSpanClass", "span", "getLayoutClass", "getImageSizeClass", "FeaturedBlogPostsBase", "className", "classNames", "data", "onItemClick", "props", "ref", "title", "subtitle", "items", "handleCardClick", "item", "index", "event", "CardWrapper", "cardProps", "Picture", "FeaturedBlogPosts"]
-}

package/dist/cjs/biz-components/Features/index.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/biz-components/Features/index.tsx"],
-  "sourcesContent": ["'use client'\nimport type { Img } from '../../types/props.js'\nimport { withLayout } from '../../shared/Styles.js'\nimport { Picture, Text } from '../../components/index.js'\nexport type FeaturesDataType = {\n  img: Img\n  mobileImg: Img\n  title: string\n  description: string\n  numberOne: string\n  textOne: string\n  numberTwo: string\n  textTwo: string\n  icon: Img\n}\ntype FeaturesType = React.HTMLAttributes<HTMLDivElement> & {\n  data: {\n    title: string\n    img: Img\n    mobileImg: Img\n    list: FeaturesDataType[]\n  }\n}\n\nconst Features = (props: FeaturesType) => {\n  const { data, className, ...rest } = props\n  const { list } = data\n\n  return (\n    <>\n      <div {...rest} className={className}>\n        {data?.title && (\n          <div className=\"desktop:w-[800px] pb-[24px]\">\n            <Text\n              html={data?.title}\n              className=\" desktop:!text-[32px] lg-desktop:text-lg line-clamp-3 !text-[24px] !leading-[1.2] [&_*_strong]:!font-bold\"\n            />\n          </div>\n        )}\n        {data?.img?.url && (\n          <Picture\n            className=\"md-tablet:hidden aspect-[1664/560] rounded-2xl\"\n            imgClassName=\"\"\n            source={data?.img?.url}\n            alt={data?.img?.alt || ''}\n          />\n        )}\n        {data?.mobileImg?.url && (\n          <Picture\n            className=\"tablet:hidden aspect-[358/360] rounded-2xl\"\n            imgClassName=\"\"\n            source={data?.mobileImg?.url}\n            alt={data?.mobileImg?.alt || ''}\n          />\n        )}\n        <div className=\"\">\n          <div className=\"flex flex-col gap-0\">\n            {list.map((item, index) => (\n              <div\n                key={index}\n                className={`desktop:flex tablet:gap-8 laptop:gap-[64px] gap-4 pt-[64px] ${index % 2 === 0 ? 'laptop:flex-row-reverse' : ''}`}\n              >\n                <div className=\"desktop:w-[500px] lg-desktop:w-[640px] flex shrink-0 flex-col justify-center\">\n                  <Text\n                    html={item?.title}\n                    className=\"graphic-title  desktop:text-[32px] line-clamp-3 text-[24px] leading-[1.2] [&_*_strong]:!font-bold\"\n                  />\n                  <Text\n                    html={item?.description}\n                    className=\"graphic-title desktop:pt-[8px] lg-desktop:text-[18px] tablet:max-w-[463px] laptop:max-w-[563px] desktop:max-w-none desktop:text-[16px] pt-[4px] text-[14px] leading-[1.4] [&_*_strong]:!font-bold\"\n                  />\n                  {/* \u6E10\u53D8\u8272 */}\n                  {item?.numberOne && (\n                    <div className=\"desktop:pt-[48px] desktop:flex-col desktop:gap-[48px] flex flex-row gap-[24px] pt-[24px]\">\n                      <div className=\"\">\n                        <Text\n                          style={{\n                            background: 'var(--1, linear-gradient(90deg, #3AD1FF 0%, #008CD6 100%))',\n                            backgroundClip: 'text',\n                            WebkitBackgroundClip: 'text',\n                            WebkitTextFillColor: 'transparent',\n                            color: 'transparent', // \u5EFA\u8BAE\u52A0\u4E0A\uFF0C\u517C\u5BB9\u90E8\u5206\u6D4F\u89C8\u5668\n                          }}\n                          html={item?.numberOne}\n                          className=\"graphic-title desktop:text-[64px] line-clamp-3 text-[40px] leading-none [&_*_strong]:!font-bold\"\n                        />\n                        <Text\n                          html={item?.textOne}\n                          className=\"graphic-title lg-desktop:text-lg desktop:text-[18px] line-clamp-3 text-[14px] leading-[1.4] [&_*_strong]:!font-bold\"\n                        />\n                      </div>\n                      <div>\n                        <Text\n                          style={{\n                            background: 'var(--1, linear-gradient(90deg, #3AD1FF 0%, #008CD6 100%))',\n                            backgroundClip: 'text',\n                            WebkitBackgroundClip: 'text',\n                            WebkitTextFillColor: 'transparent',\n                            color: 'transparent', // \u5EFA\u8BAE\u52A0\u4E0A\uFF0C\u517C\u5BB9\u90E8\u5206\u6D4F\u89C8\u5668\n                          }}\n                          html={item?.numberTwo}\n                          className=\"graphic-title desktop:text-[64px] line-clamp-3 text-[40px] leading-none [&_*_strong]:!font-bold\"\n                        />\n                        <Text\n                          html={item?.textTwo}\n                          className=\"graphic-title lg-desktop:text-lg desktop:text-[18px] line-clamp-3 text-[14px] leading-[1.4] [&_*_strong]:!font-bold\"\n                        />\n                      </div>\n                    </div>\n                  )}\n                  {item?.icon?.url && (\n                    <div className=\"desktop:pt-[24px] lg-desktop:pt-[48px] pt-[24px]\">\n                      <Picture\n                        className=\"desktop:w-[368px] lg-desktop:w-[488px] w-[358px]\"\n                        source={item?.icon?.url}\n                        alt={item?.icon?.alt || ''}\n                      />\n                    </div>\n                  )}\n                </div>\n                <div className=\"md-tablet:hidden laptop:mt-[24px] desktop:pt-0 mt-[24px] aspect-[964/560] overflow-hidden rounded-2xl\">\n                  <Picture className=\"size-full object-cover \" source={item?.img?.url} alt={item?.img?.alt || ''} />\n                </div>\n                <div className=\"tablet:hidden mt-[24px] aspect-[358/360] overflow-hidden rounded-2xl\">\n                  <Picture\n                    className=\"size-full object-cover\"\n                    source={item?.mobileImg?.url}\n                    alt={item?.mobileImg?.alt || ''}\n                  />\n                </div>\n              </div>\n            ))}\n          </div>\n        </div>\n      </div>\n    </>\n  )\n}\n\nexport default withLayout(Features)\n"],
-  "mappings": "sbAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,IAAA,eAAAC,EAAAH,GA6BI,IAAAI,EAAA,6BA3BJC,EAA2B,kCAC3BC,EAA8B,qCAqB9B,MAAMC,EAAYC,GAAwB,CACxC,KAAM,CAAE,KAAAC,EAAM,UAAAC,EAAW,GAAGC,CAAK,EAAIH,EAC/B,CAAE,KAAAI,CAAK,EAAIH,EAEjB,SACE,mBACE,oBAAC,OAAK,GAAGE,EAAM,UAAWD,EACvB,UAAAD,GAAM,UACL,OAAC,OAAI,UAAU,8BACb,mBAAC,QACC,KAAMA,GAAM,MACZ,UAAU,4GACZ,EACF,EAEDA,GAAM,KAAK,QACV,OAAC,WACC,UAAU,iDACV,aAAa,GACb,OAAQA,GAAM,KAAK,IACnB,IAAKA,GAAM,KAAK,KAAO,GACzB,EAEDA,GAAM,WAAW,QAChB,OAAC,WACC,UAAU,6CACV,aAAa,GACb,OAAQA,GAAM,WAAW,IACzB,IAAKA,GAAM,WAAW,KAAO,GAC/B,KAEF,OAAC,OAAI,UAAU,GACb,mBAAC,OAAI,UAAU,sBACZ,SAAAG,EAAK,IAAI,CAACC,EAAMC,OACf,QAAC,OAEC,UAAW,+DAA+DA,EAAQ,IAAM,EAAI,0BAA4B,EAAE,GAE1H,qBAAC,OAAI,UAAU,+EACb,oBAAC,QACC,KAAMD,GAAM,MACZ,UAAU,oGACZ,KACA,OAAC,QACC,KAAMA,GAAM,YACZ,UAAU,oMACZ,EAECA,GAAM,cACL,QAAC,OAAI,UAAU,2FACb,qBAAC,OAAI,UAAU,GACb,oBAAC,QACC,MAAO,CACL,WAAY,6DACZ,eAAgB,OAChB,qBAAsB,OACtB,oBAAqB,cACrB,MAAO,aACT,EACA,KAAMA,GAAM,UACZ,UAAU,kGACZ,KACA,OAAC,QACC,KAAMA,GAAM,QACZ,UAAU,sHACZ,GACF,KACA,QAAC,OACC,oBAAC,QACC,MAAO,CACL,WAAY,6DACZ,eAAgB,OAChB,qBAAsB,OACtB,oBAAqB,cACrB,MAAO,aACT,EACA,KAAMA,GAAM,UACZ,UAAU,kGACZ,KACA,OAAC,QACC,KAAMA,GAAM,QACZ,UAAU,sHACZ,GACF,GACF,EAEDA,GAAM,MAAM,QACX,OAAC,OAAI,UAAU,mDACb,mBAAC,WACC,UAAU,mDACV,OAAQA,GAAM,MAAM,IACpB,IAAKA,GAAM,MAAM,KAAO,GAC1B,EACF,GAEJ,KACA,OAAC,OAAI,UAAU,wGACb,mBAAC,WAAQ,UAAU,0BAA0B,OAAQA,GAAM,KAAK,IAAK,IAAKA,GAAM,KAAK,KAAO,GAAI,EAClG,KACA,OAAC,OAAI,UAAU,uEACb,mBAAC,WACC,UAAU,yBACV,OAAQA,GAAM,WAAW,IACzB,IAAKA,GAAM,WAAW,KAAO,GAC/B,EACF,IAtEKC,CAuEP,CACD,EACH,EACF,GACF,EACF,CAEJ,EAEA,IAAOZ,KAAQ,cAAWK,CAAQ",
-  "names": ["Features_exports", "__export", "Features_default", "__toCommonJS", "import_jsx_runtime", "import_Styles", "import_components", "Features", "props", "data", "className", "rest", "list", "item", "index"]
-}

package/dist/cjs/biz-components/FootCharger/index.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/biz-components/FootCharger/index.tsx"],
-  "sourcesContent": ["'use client'\nimport { cn } from '../../helpers/utils.js'\nimport { withLayout } from '../../shared/Styles.js'\nimport { Text } from '../../components/index.js'\n\ninterface FootChargerType extends React.HTMLAttributes<HTMLDivElement> {\n  data: {\n    title: string\n    text: string\n  }\n}\n\nconst FootCharger = ({ data, className, ...rest }: FootChargerType) => {\n  const { title, text } = data\n\n  return (\n    <>\n      <div {...rest} className={className}>\n        <div>\n          <Text\n            html={title}\n            className=\"desktop:text-[18px] text-[16px] font-bold leading-[1.4] text-[#6D6D6F] [&_span]:text-[#080A0F]\"\n          />\n        </div>\n        <div className=\"mt-[24px]\">\n          <Text html={text} className=\"text-[14px] leading-[1.4] text-[#3D3D3F] [&_*_strong]:!font-bold\" />\n        </div>\n      </div>\n    </>\n  )\n}\n\nexport default withLayout(FootCharger)\n"],
-  "mappings": "sbAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,IAAA,eAAAC,EAAAH,GAgBI,IAAAI,EAAA,6BAfJC,EAAmB,kCACnBC,EAA2B,kCAC3BC,EAAqB,qCASrB,MAAMC,EAAc,CAAC,CAAE,KAAAC,EAAM,UAAAC,EAAW,GAAGC,CAAK,IAAuB,CACrE,KAAM,CAAE,MAAAC,EAAO,KAAAC,CAAK,EAAIJ,EAExB,SACE,mBACE,oBAAC,OAAK,GAAGE,EAAM,UAAWD,EACxB,oBAAC,OACC,mBAAC,QACC,KAAME,EACN,UAAU,iGACZ,EACF,KACA,OAAC,OAAI,UAAU,YACb,mBAAC,QAAK,KAAMC,EAAM,UAAU,mEAAmE,EACjG,GACF,EACF,CAEJ,EAEA,IAAOX,KAAQ,cAAWM,CAAW",
-  "names": ["FootCharger_exports", "__export", "FootCharger_default", "__toCommonJS", "import_jsx_runtime", "import_utils", "import_Styles", "import_components", "FootCharger", "data", "className", "rest", "title", "text"]
-}

package/dist/cjs/biz-components/FooterNavigation/icons/Add.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../src/biz-components/FooterNavigation/icons/Add.tsx"],
-  "sourcesContent": ["import React from 'react'\nconst AddIcon = (props: React.SVGProps<SVGSVGElement>) => {\n  return (\n    <svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" {...props}>\n      <path\n        d=\"M16.6663 9.51148C17.1265 9.51145 17.4998 9.88472 17.4998 10.345C17.4996 10.805 17.1269 11.1774 16.667 11.1777L10.832 11.1777V17.0114C10.8318 17.4714 10.4592 17.8453 9.99917 17.8455C9.53898 17.8456 9.16642 17.4716 9.16639 17.0114V11.1777L3.33345 11.1784C2.87322 11.1785 2.49925 10.8059 2.49928 10.3456C2.49942 9.88554 2.87334 9.51296 3.33345 9.51286L9.16708 9.51148V3.67785C9.16732 3.21781 9.53978 2.84513 9.99986 2.84507C10.46 2.84503 10.8325 3.21774 10.8326 3.67785L10.8326 9.51148L16.6663 9.51148Z\"\n        fill=\"#B6B6BA\"\n      />\n    </svg>\n  )\n}\n\nexport default AddIcon\n"],
-  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,IAAA,eAAAC,EAAAH,GAIM,IAAAI,EAAA,6BAJNC,EAAkB,iBAClB,MAAMC,EAAWC,MAEb,OAAC,OAAI,MAAM,KAAK,OAAO,KAAK,QAAQ,YAAY,KAAK,OAAO,MAAM,6BAA8B,GAAGA,EACjG,mBAAC,QACC,EAAE,sfACF,KAAK,UACP,EACF,EAIJ,IAAOL,EAAQI",
-  "names": ["Add_exports", "__export", "Add_default", "__toCommonJS", "import_jsx_runtime", "import_react", "AddIcon", "props"]
-}

package/dist/cjs/biz-components/FooterNavigation/icons/ArrowRight.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../src/biz-components/FooterNavigation/icons/ArrowRight.tsx"],
-  "sourcesContent": ["import React from 'react'\n\nconst ArrowRightIcon = (props: React.SVGProps<SVGSVGElement>) => {\n  return (\n    <svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" {...props}>\n      <path\n        d=\"M7.5 5L12.5 10L7.5 15\"\n        stroke=\"#B6B6BA\"\n        strokeWidth=\"1.66667\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      />\n    </svg>\n  )\n}\n\nexport default ArrowRightIcon\n"],
-  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,IAAA,eAAAC,EAAAH,GAKM,IAAAI,EAAA,6BALNC,EAAkB,iBAElB,MAAMC,EAAkBC,MAEpB,OAAC,OAAI,MAAM,KAAK,OAAO,KAAK,QAAQ,YAAY,KAAK,OAAO,MAAM,6BAA8B,GAAGA,EACjG,mBAAC,QACC,EAAE,wBACF,OAAO,UACP,YAAY,UACZ,cAAc,QACd,eAAe,QACjB,EACF,EAIJ,IAAOL,EAAQI",
-  "names": ["ArrowRight_exports", "__export", "ArrowRight_default", "__toCommonJS", "import_jsx_runtime", "import_react", "ArrowRightIcon", "props"]
-}

package/dist/cjs/biz-components/FooterNavigation/icons/Country.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../src/biz-components/FooterNavigation/icons/Country.tsx"],
-  "sourcesContent": ["import React from 'react'\n\nconst Country = (props: React.SVGProps<SVGSVGElement>) => {\n  return (\n    <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" {...props}>\n      <path\n        d=\"M10.375 1.61035C15.2144 1.61059 19.1387 5.52349 19.1387 10.3516C19.1384 15.1794 15.2143 19.0925 10.375 19.0928C5.53554 19.0928 1.61163 15.1795 1.61133 10.3516C1.61133 5.52335 5.53536 1.61035 10.375 1.61035ZM4.28516 14.2461C5.25853 15.7564 6.77954 16.8813 8.57031 17.3398C7.92132 16.3863 7.42978 15.3389 7.08887 14.2461H4.28516ZM13.6943 14.2461C13.3593 15.3537 12.8762 16.3989 12.2422 17.3232C14.0058 16.8547 15.5028 15.7387 16.4648 14.2461H13.6943ZM8.7002 14.2461C9.0916 15.3294 9.65349 16.341 10.3896 17.2178C11.1216 16.3858 11.6943 15.3706 12.0889 14.2461H8.7002ZM3.49805 8.10547C3.26597 8.81258 3.13867 9.56719 3.13867 10.3516C3.13873 11.1813 3.28148 11.9777 3.54004 12.7197H6.7168C6.55886 11.8555 6.48399 10.9789 6.49512 10.1113C6.50379 9.43833 6.56579 8.76649 6.67383 8.10547H3.49805ZM14.0547 8.10547C14.1973 8.92977 14.2645 9.76441 14.2539 10.5908C14.2447 11.3056 14.176 12.0192 14.0547 12.7197H17.21C17.4686 11.9777 17.6113 11.1813 17.6113 10.3516C17.6113 9.56719 17.4841 8.81258 17.252 8.10547H14.0547ZM8.22168 8.10547C8.09967 8.76406 8.03133 9.44324 8.02246 10.1309C8.01131 11.0002 8.09439 11.8717 8.27051 12.7197H12.5039C12.6408 12.0229 12.7172 11.3018 12.7266 10.5713C12.7372 9.74386 12.6609 8.91471 12.502 8.10547H8.22168ZM8.50586 3.37891C6.69467 3.8606 5.16368 5.02493 4.20605 6.5791H7.01562C7.35147 5.42575 7.84847 4.33749 8.50586 3.37891ZM12.1777 3.36035C12.8515 4.34993 13.3531 5.44151 13.6953 6.5791H16.5439C15.5746 5.00596 14.0179 3.83102 12.1777 3.36035ZM10.3584 3.4834C9.59964 4.34578 9.01075 5.40543 8.61523 6.5791H12.0898C11.6969 5.44924 11.1226 4.39335 10.3584 3.4834Z\"\n        fill=\"#B5B7BB\"\n      />\n    </svg>\n  )\n}\n\nexport default Country\n"],
-  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,IAAA,eAAAC,EAAAH,GAKM,IAAAI,EAAA,6BALNC,EAAkB,iBAElB,MAAMC,EAAWC,MAEb,OAAC,OAAI,MAAM,6BAA6B,MAAM,KAAK,OAAO,KAAK,QAAQ,YAAY,KAAK,OAAQ,GAAGA,EACjG,mBAAC,QACC,EAAE,0jDACF,KAAK,UACP,EACF,EAIJ,IAAOL,EAAQI",
-  "names": ["Country_exports", "__export", "Country_default", "__toCommonJS", "import_jsx_runtime", "import_react", "Country", "props"]
-}

package/dist/cjs/biz-components/FooterNavigation/icons/Subtract.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../src/biz-components/FooterNavigation/icons/Subtract.tsx"],
-  "sourcesContent": ["import React from 'react'\n\nconst SubtractIcon = (props: React.SVGProps<SVGSVGElement>) => {\n  return (\n    <svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" {...props}>\n      <path d=\"M20 11.9998L4 12.0009\" stroke=\"#B6B6BA\" strokeWidth=\"2\" strokeLinecap=\"round\" />\n    </svg>\n  )\n}\n\nexport default SubtractIcon\n"],
-  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,IAAA,eAAAC,EAAAH,GAKM,IAAAI,EAAA,6BALNC,EAAkB,iBAElB,MAAMC,EAAgBC,MAElB,OAAC,OAAI,MAAM,KAAK,OAAO,KAAK,QAAQ,YAAY,KAAK,OAAO,MAAM,6BAA8B,GAAGA,EACjG,mBAAC,QAAK,EAAE,wBAAwB,OAAO,UAAU,YAAY,IAAI,cAAc,QAAQ,EACzF,EAIJ,IAAOL,EAAQI",
-  "names": ["Subtract_exports", "__export", "Subtract_default", "__toCommonJS", "import_jsx_runtime", "import_react", "SubtractIcon", "props"]
-}

package/dist/cjs/biz-components/FooterNavigation/icons/index.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../src/biz-components/FooterNavigation/icons/index.ts"],
-  "sourcesContent": ["import AddIcon from './Add.js'\nimport SubtractIcon from './Subtract.js'\nimport ArrowRightIcon from './ArrowRight.js'\nimport CountryIcon from './Country.js'\n\nexport { AddIcon, SubtractIcon, ArrowRightIcon, CountryIcon }\n"],
-  "mappings": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,eAAAE,QAAA,qBAAAC,QAAA,kBAAAC,QAAA,mBAAAC,UAAA,eAAAC,EAAAN,GAAA,IAAAO,EAAoB,uBACpBC,EAAyB,4BACzBC,EAA2B,8BAC3BC,EAAwB",
-  "names": ["icons_exports", "__export", "AddIcon", "ArrowRightIcon", "CountryIcon", "SubtractIcon", "__toCommonJS", "import_Add", "import_Subtract", "import_ArrowRight", "import_Country"]
-}

package/dist/cjs/biz-components/FooterNavigation/index.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/biz-components/FooterNavigation/index.tsx"],
-  "sourcesContent": ["import { useEffect, useMemo, useState } from 'react'\nimport { Text, Container, Link } from '../../components/index.js'\nimport Subscribe from '../Subscribe/index.js'\nimport type { FooterNavigationProps } from './types.js'\nimport { FooterNavigationBlockType } from './types.js'\nimport { AddIcon, SubtractIcon, ArrowRightIcon, CountryIcon } from './icons/index.js'\nimport { useMediaQuery } from 'react-responsive'\nimport { cn, getLocalizedPath } from '../../helpers/utils.js'\nimport { useAiuiContext } from '../AiuiProvider/index.js'\nimport { withLayout } from '../../shared/Styles.js'\n\nconst FooterNavigation = ({\n  data: { footer } = {},\n  currentCountry,\n  event,\n  subscribeLoading,\n  classNames,\n  className,\n  moduleIds,\n  ...rest\n}: FooterNavigationProps) => {\n  const [isMobile, setIsMobile] = useState(false)\n\n  const mediaQuery = useMediaQuery({ query: '(max-width: 1439px)' })\n\n  useEffect(() => {\n    setIsMobile(mediaQuery)\n  }, [mediaQuery])\n\n  const country = useMemo(() => {\n    return footer?.blocks?.find((block: any) => block?.blockType === FooterNavigationBlockType.Brand)?.country || {}\n  }, [footer])\n\n  return (\n    <footer {...rest} className={cn(classNames?.root, className)}>\n      <Container\n        className={cn(classNames?.child)}\n        childClassName={cn('laptop:py-16 desktop:gap-16 flex flex-col gap-8 bg-black py-8')}\n      >\n        <Text html={footer?.story} className=\"desktop:text-sm text-xs font-bold text-[#6D6D6F]\" />\n        {footer?.blocks?.map((block: any) => {\n          if (block?.blockType === FooterNavigationBlockType.Signup) {\n            return (\n              <MarketingConversion\n                key={block.id}\n                subscribeLoading={subscribeLoading}\n                data={block}\n                onSubmit={event?.signup}\n                id={moduleIds?.marketingConversion}\n              />\n            )\n          }\n          if (block?.blockType === FooterNavigationBlockType.Brand) {\n            return (\n              <FooterBrand\n                key={block?.id}\n                data={block}\n                isMobile={isMobile}\n                event={event}\n                currentCountry={currentCountry}\n                id={moduleIds?.footerBrand}\n              />\n            )\n          }\n          if (block?.blockType === FooterNavigationBlockType.Main) {\n            return (\n              <MainServices\n                key={block.id}\n                data={{ ...block, country }}\n                event={event}\n                isMobile={isMobile}\n                currentCountry={currentCountry}\n                id={moduleIds?.mainServices}\n              />\n            )\n          }\n        })}\n      </Container>\n    </footer>\n  )\n}\n\n/**\n * MarketingConversion \u8425\u9500\u8F6C\u5316\u6A21\u5757\n * @param data\n * @param onSubmit signup\u63D0\u4EA4\u4E8B\u4EF6\n * @returns\n */\nconst MarketingConversion = ({\n  data,\n  onSubmit,\n  subscribeLoading,\n  id = 'footer-marketing-conversion',\n}: {\n  data: any\n  onSubmit?: (_params: any) => void\n  subscribeLoading?: boolean\n  id?: string\n}) => {\n  const { locale = 'us' } = useAiuiContext()\n\n  return (\n    <div\n      id={id}\n      className=\"desktop:py-16 desktop:gap-16 laptop:px-8 desktop:flex-row rounded-btn flex flex-col gap-8 bg-[#1E2024] px-4 py-8\"\n    >\n      <Subscribe\n        subscribeMetadata={data?.signup}\n        className=\"desktop:flex-[744]\"\n        onSubmit={onSubmit}\n        loading={subscribeLoading}\n      />\n      <div className=\"desktop:hidden h-px w-full bg-[#3D3E3F]\" />\n      <div className=\"desktop:gap-6 laptop:flex-row desktop:flex-[792] flex flex-col gap-4\">\n        <div className=\"flex-1\">\n          <Text html={data?.enjoy?.title} className=\" text-xl font-bold leading-[1.2] text-white\" />\n          <div className=\"mt-4 flex flex-col gap-2\">\n            {data?.enjoy?.enjoys?.map((enjoyItem: any) => (\n              <div key={enjoyItem?.id} className=\"flex-start flex gap-2\">\n                <img\n                  src={enjoyItem?.icon?.url}\n                  loading=\"lazy\"\n                  alt={enjoyItem?.icon?.alt || ''}\n                  className=\"size-5 shrink-0\"\n                />\n                <Text\n                  html={enjoyItem?.label}\n                  className=\"desktop:text-base text-sm font-bold leading-[1.2] text-[#B6B6BA]\"\n                />\n              </div>\n            ))}\n          </div>\n        </div>\n        <div className=\"desktop:block hidden w-px bg-[#3D3E3F]\" />\n        <div className=\"flex-1\">\n          <Text html={data?.benefit?.title} className=\"text-xl font-bold leading-[1.2] text-white\" />\n          <div className=\"mt-4 flex flex-col gap-2\">\n            {data?.benefit?.benefits?.map((benefitItem: any) => (\n              <Link\n                href={getLocalizedPath(benefitItem?.link, locale, 'ref=footer')}\n                asChild={!benefitItem?.link}\n                key={benefitItem?.id}\n                className=\"no-underline\"\n              >\n                <Text\n                  html={benefitItem?.label}\n                  className=\"desktop:text-base text-sm font-bold leading-[1.2] text-[#B6B6BA] hover:text-white\"\n                />\n              </Link>\n            ))}\n          </div>\n        </div>\n      </div>\n    </div>\n  )\n}\n\n/**\n * MainServices \u4E3B\u5BFC\u822A\u4E0E\u670D\u52A1\u6A21\u5757\n * @param services \u670D\u52A1\n * @param mainNav \u4E3B\u5BFC\u822A\n * @param event \u4E8B\u4EF6\n * @param isMobile \u662F\u5426\u662F\u79FB\u52A8\u7AEF\n * @param currentCountry \u5F53\u524D\u56FD\u5BB6\n * @returns\n */\nconst MainServices = ({\n  data,\n  event,\n  isMobile,\n  currentCountry,\n  id = 'footer-main-services',\n}: {\n  data: any\n  event: any\n  isMobile: boolean\n  currentCountry: any\n  id?: string\n}) => {\n  const { locale = 'us' } = useAiuiContext()\n  const [mainNavMenuOpen, setMainNavMenuOpen] = useState<boolean>(false)\n  const { services, mainNav, country } = data\n  const contactSectionId = 'contact-section'\n\n  return (\n    <nav id={id} className=\"flex flex-col gap-8\" aria-label=\"Main navigation\">\n      <div\n        className={cn({\n          'desktop:gap-16 flex': services?.download?.title,\n        })}\n      >\n        <div\n          className={cn('w-full', {\n            'desktop:flex-[1260]': services?.download?.title,\n          })}\n        >\n          <Text html={services?.storeBenefits?.title} className=\" text-xl font-bold leading-[1.2] text-white\" />\n          <div\n            className={cn('laptop:flex-row desktop:gap-4 laptop:flex-wrap mt-4 flex flex-col gap-2', {\n              'desktop:max-w-[648px]': services?.download?.title,\n            })}\n          >\n            {services?.storeBenefits?.reasons?.map((reasonItem: any) => (\n              <div key={reasonItem?.id} className=\"desktop:min-w-[288px] flex flex-1 shrink-0 items-center gap-2\">\n                <img\n                  src={reasonItem?.icon?.url}\n                  loading=\"lazy\"\n                  alt={reasonItem?.icon?.alt || ''}\n                  className=\"size-5 shrink-0\"\n                />\n                <Link\n                  href={getLocalizedPath(reasonItem?.link, locale, 'ref=footer')}\n                  asChild={!reasonItem?.link}\n                  className=\"no-underline\"\n                >\n                  <Text\n                    html={reasonItem?.label}\n                    className=\"desktop:text-base text-sm font-bold leading-[1.2] text-[#B6B6BA]\"\n                  />\n                </Link>\n              </div>\n            ))}\n          </div>\n        </div>\n        <DownloadApp\n          className={cn({\n            'desktop:flex-[404] hidden desktop:block': services?.download?.title,\n          })}\n          title={services?.download?.title}\n          apps={services?.download?.apps}\n        />\n      </div>\n      <div className=\"desktop:block hidden h-px bg-[#3D3E3F]\" aria-hidden=\"true\" />\n      <div className=\"desktop:grid grid-cols-4 gap-4\">\n        <MainNavMenu title={mainNav?.products?.title} lists={mainNav?.products?.products} />\n        <MainNavMenu title={mainNav?.explore?.title} lists={mainNav?.explore?.explores} />\n        <MainNavMenu title={mainNav?.support?.title} lists={mainNav?.support?.supports} />\n        <div className=\"desktop:py-0 desktop:border-none border-t border-[#3D3E3F] pt-4\">\n          <div className=\"desktop:pb-0 flex items-center justify-between pb-4\">\n            <Text\n              as=\"p\"\n              html={mainNav?.contact?.title}\n              className=\"text-xl font-bold leading-[1.2] text-white\"\n              id={contactSectionId}\n            />\n            {isMobile && (\n              <button\n                onClick={() => setMainNavMenuOpen(!mainNavMenuOpen)}\n                aria-expanded={mainNavMenuOpen}\n                aria-controls={contactSectionId}\n                aria-label={mainNavMenuOpen ? 'Collapse contact section' : 'Expand contact section'}\n              >\n                {mainNavMenuOpen ? <SubtractIcon width={20} height={20} /> : <AddIcon width={20} height={20} />}\n              </button>\n            )}\n          </div>\n          {((mainNavMenuOpen && isMobile) || !isMobile) && (\n            <div\n              className=\"desktop:mt-4 desktop:mb-0 mb-4 flex flex-col gap-2\"\n              role=\"region\"\n              aria-labelledby={contactSectionId}\n            >\n              {mainNav?.contact?.contacts?.map((contactItem: any) => (\n                <Link\n                  key={contactItem?.id}\n                  href={contactItem?.link}\n                  className=\"group flex items-start gap-2 no-underline\"\n                >\n                  <img\n                    src={contactItem?.icon?.url}\n                    loading=\"lazy\"\n                    alt={contactItem?.icon?.alt}\n                    className=\"size-5 shrink-0 opacity-70 transition-opacity duration-200 group-hover:opacity-100\"\n                  />\n                  <Text\n                    html={contactItem?.label}\n                    className=\"desktop:text-base text-sm font-bold leading-[1.2] text-[#B6B6BA] transition-colors duration-200 group-hover:text-white\"\n                  />\n                </Link>\n              ))}\n            </div>\n          )}\n          <ChangeCountry\n            country={currentCountry || country}\n            className=\"desktop:hidden border-b border-[#3D3E3F]\"\n            isMobile={isMobile}\n            onChangeCountry={event?.country}\n          />\n          <div className=\"desktop:hidden mt-8\">\n            <DownloadApp title={services?.download?.title} apps={services?.download?.apps} />\n          </div>\n          {!!mainNav?.socials?.length && (\n            <div className=\"mt-8 flex items-center gap-2\" role=\"list\" aria-label=\"Social media links\">\n              {mainNav?.socials?.map((socialItem: any) => (\n                <Link\n                  href={getLocalizedPath(socialItem?.link, locale, 'ref=footer')}\n                  key={socialItem?.id}\n                  className=\"group\"\n                  role=\"listitem\"\n                  aria-label={socialItem?.icon?.alt || 'Social media'}\n                >\n                  <img\n                    src={socialItem?.icon?.url}\n                    loading=\"lazy\"\n                    alt={socialItem?.icon?.alt}\n                    className=\"size-8 shrink-0 opacity-70 transition-opacity duration-200 group-hover:opacity-100\"\n                  />\n                </Link>\n              ))}\n            </div>\n          )}\n          <div className=\"mt-4 flex flex-wrap gap-2\" role=\"list\" aria-label=\"Payment methods\">\n            {mainNav?.payment?.map((paymentItem: any) => (\n              <Link\n                href={getLocalizedPath(paymentItem?.link, locale)}\n                asChild={!paymentItem?.link}\n                key={paymentItem?.id}\n                role=\"listitem\"\n                aria-label={paymentItem?.icon?.alt || 'Payment method'}\n              >\n                <img\n                  src={paymentItem?.icon?.url}\n                  loading=\"lazy\"\n                  alt={paymentItem?.icon?.alt || ''}\n                  className=\"h-[28px] w-[44px] shrink-0\"\n                />\n              </Link>\n            ))}\n          </div>\n        </div>\n      </div>\n    </nav>\n  )\n}\n\nconst FooterBrand = ({\n  data,\n  isMobile,\n  event,\n  currentCountry,\n  id = 'footer-brand',\n}: {\n  data: any\n  isMobile: boolean\n  event: any\n  currentCountry: any\n  id?: string\n}) => {\n  const { locale = 'us' } = useAiuiContext()\n\n  return (\n    <div id={id} className=\"flex flex-col gap-4\">\n      <div className=\"desktop:items-center desktop:flex desktop:gap-4\">\n        <div className=\"laptop:flex-row laptop:items-center desktop:flex-[980] flex flex-col items-start gap-4\">\n          <Link href={getLocalizedPath(data?.brand?.link, locale, 'ref=footer')} asChild={!data?.brand?.link}>\n            <Text html={data?.brand?.currentBrand} className=\"cursor-pointer text-[#B6B6BA] hover:text-white\" />\n          </Link>\n          {!!data?.brand?.brands?.length && (\n            <>\n              <div className=\"laptop:block laptop:mb-[10px] hidden h-[20px] w-px bg-[#B6B6BA]\" />\n              <div className=\"desktop:gap-6 flex flex-wrap items-center gap-4\">\n                {data?.brand?.brands?.map((brandItem: any) => (\n                  <Link href={getLocalizedPath(brandItem?.link, locale, 'ref=footer')} key={brandItem?.id}>\n                    <Text html={brandItem?.icon} className=\"text-[#B6B6BA] hover:text-white\" />\n                  </Link>\n                ))}\n              </div>\n            </>\n          )}\n        </div>\n        <ChangeCountry\n          country={currentCountry || data?.country}\n          className=\"desktop:flex-[316] desktop:block hidden\"\n          isMobile={isMobile}\n          onChangeCountry={event?.country}\n        />\n      </div>\n      <div className=\"h-px bg-[#3D3E3F]\" />\n      <div className=\"laptop:flex-row desktop:gap-4 desktop:items-center flex flex-col items-start gap-1\">\n        <Text\n          html={data?.copyright?.label}\n          className=\"desktop:text-base text-xs font-bold leading-[1.4] text-[#6D6D6F]\"\n        />\n        <div className=\"flex flex-wrap items-center gap-x-2 gap-y-1\">\n          {data?.policy?.policies?.map((policyItem: any) => (\n            <Link\n              href={getLocalizedPath(policyItem?.link, locale, 'ref=footer')}\n              key={policyItem?.id}\n              className=\"desktop:text-base text-xs font-bold leading-[1.4] text-[#B6B6BA] no-underline hover:text-white\"\n            >\n              {policyItem?.label}\n            </Link>\n          ))}\n          {data?.policy?.cookies && (\n            <button\n              data-cc=\"show-preferencesModal\"\n              onClick={event?.cookiesSet}\n              className=\"desktop:text-base text-xs font-bold leading-[1.4] text-[#B6B6BA] no-underline hover:text-white focus:outline-none focus:ring-2 focus:ring-white focus:ring-offset-2 focus:ring-offset-black\"\n              aria-label={`Cookie preferences: ${data?.policy?.cookies}`}\n            >\n              {data?.policy?.cookies}\n            </button>\n          )}\n        </div>\n      </div>\n    </div>\n  )\n}\n\nconst MainNavMenu = ({ title, lists, className }: { title: string; lists: any[]; className?: string }) => {\n  const { locale = 'us' } = useAiuiContext()\n  const [mainNavMenuOpen, setMainNavMenuOpen] = useState<boolean>(false)\n  const [isMobile, setIsMobile] = useState(false)\n\n  const mediaQuery = useMediaQuery({ query: '(max-width: 1439px)' })\n\n  useEffect(() => {\n    setIsMobile(mediaQuery)\n  }, [mediaQuery])\n\n  const sectionId = `nav-section-${title?.replace(/\\s+/g, '-').toLowerCase()}`\n\n  return (\n    <div className={cn('desktop:py-0 desktop:border-none border-t border-[#3D3E3F] py-4', className)}>\n      <div className=\"flex items-center justify-between\">\n        <Text as=\"p\" html={title} className=\"text-xl font-bold leading-[1.2] text-white\" id={sectionId} />\n        {isMobile && (\n          <button\n            onClick={() => setMainNavMenuOpen(!mainNavMenuOpen)}\n            aria-expanded={mainNavMenuOpen}\n            aria-controls={sectionId}\n            aria-label={mainNavMenuOpen ? `Collapse ${title}` : `Expand ${title}`}\n            className=\"focus:outline-none focus:ring-2 focus:ring-white focus:ring-offset-2 focus:ring-offset-black\"\n          >\n            {mainNavMenuOpen ? <SubtractIcon width={20} height={20} /> : <AddIcon width={20} height={20} />}\n          </button>\n        )}\n      </div>\n      {((mainNavMenuOpen && isMobile) || !isMobile) && (\n        <nav className=\"mt-4 flex flex-col gap-2\" role=\"region\" aria-labelledby={sectionId}>\n          {lists?.map((item: any) => (\n            <Link href={getLocalizedPath(item?.link, locale, 'ref=footer')} key={item?.id} className=\"no-underline\">\n              <Text\n                html={item?.label}\n                className=\"desktop:text-base text-sm font-bold leading-[1.2] text-[#B6B6BA] hover:text-white\"\n              />\n            </Link>\n          ))}\n        </nav>\n      )}\n    </div>\n  )\n}\n\n/**\n * DownloadApp \u4E0B\u8F7D\u5E94\u7528\u6A21\u5757\n * @param title\n * @param apps\n * @param className\n * @returns\n */\nconst DownloadApp = ({ title, apps, className }: { title: string; apps: any[]; className?: string }) => {\n  const { locale = 'us' } = useAiuiContext()\n\n  if (!apps?.length) return null\n  return (\n    <div className={className}>\n      <Text html={title} className=\" text-xl font-bold leading-[1.2] text-white\" />\n      <div className=\"mt-4 flex items-center gap-4\" role=\"list\" aria-label=\"Download apps\">\n        {apps?.map((appItem: any) => (\n          <Link\n            key={appItem?.id}\n            href={getLocalizedPath(appItem?.link, locale)}\n            className=\"group flex flex-col items-center gap-[6px]\"\n            role=\"listitem\"\n            aria-label={appItem?.icon?.alt || appItem?.label || 'Download app'}\n          >\n            <img\n              src={appItem?.icon?.url}\n              loading=\"lazy\"\n              alt={appItem?.icon?.alt}\n              className=\"size-10 shrink-0 opacity-70 transition-opacity duration-200 group-hover:opacity-100\"\n            />\n            {appItem?.label && (\n              <Text\n                html={appItem?.label}\n                className=\"text-xs font-bold text-[#999999] transition-colors duration-200 group-hover:text-white\"\n              />\n            )}\n          </Link>\n        ))}\n      </div>\n    </div>\n  )\n}\n\n/**\n * ChangeCountry \u5207\u6362\u56FD\u5BB6\u6A21\u5757\n * @param data \u6570\u636E\n * @param isMobile \u662F\u5426\u662F\u79FB\u52A8\u7AEF\n * @returns\n */\nconst ChangeCountry = ({\n  country,\n  isMobile,\n  className,\n  onChangeCountry,\n}: {\n  country: any\n  isMobile: boolean\n  className?: string\n  onChangeCountry?: () => void\n}) => {\n  return (\n    <div className={cn('desktop:py-0 desktop:border-none border-t border-[#3D3E3F] py-4', className)}>\n      <button\n        onClick={() => onChangeCountry?.()}\n        className=\"flex w-full items-center justify-between focus:outline-none focus:ring-2 focus:ring-white focus:ring-offset-2 focus:ring-offset-black\"\n        aria-label={`Change country/region, current: ${country?.countryName || country?.country}`}\n      >\n        <div className=\"group flex items-center gap-2\">\n          <CountryIcon\n            width={20}\n            height={20}\n            className=\"shrink-0 opacity-70 transition-opacity duration-200 group-hover:opacity-100\"\n            aria-hidden=\"true\"\n          />\n          <Text\n            as=\"span\"\n            html={country?.countryName || country?.country}\n            className=\"desktop:text-[#B6B6BA] desktop:group-hover:text-white text-base font-bold leading-[1.4] text-white transition-colors duration-200\"\n          />\n        </div>\n        {isMobile && <ArrowRightIcon width={20} height={20} aria-hidden=\"true\" />}\n      </button>\n    </div>\n  )\n}\n\nexport default withLayout(FooterNavigation)\n"],
-  "mappings": "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",
-  "names": ["FooterNavigation_exports", "__export", "FooterNavigation_default", "__toCommonJS", "import_jsx_runtime", "import_react", "import_components", "import_Subscribe", "import_types", "import_icons", "import_react_responsive", "import_utils", "import_AiuiProvider", "import_Styles", "FooterNavigation", "footer", "currentCountry", "event", "subscribeLoading", "classNames", "className", "moduleIds", "rest", "isMobile", "setIsMobile", "mediaQuery", "country", "block", "MarketingConversion", "FooterBrand", "MainServices", "data", "onSubmit", "id", "locale", "Subscribe", "enjoyItem", "benefitItem", "mainNavMenuOpen", "setMainNavMenuOpen", "services", "mainNav", "contactSectionId", "reasonItem", "DownloadApp", "MainNavMenu", "contactItem", "ChangeCountry", "socialItem", "paymentItem", "brandItem", "policyItem", "title", "lists", "sectionId", "item", "apps", "appItem", "onChangeCountry"]
-}

package/dist/cjs/biz-components/FooterNavigation/types.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/biz-components/FooterNavigation/types.ts"],
-  "sourcesContent": ["import type React from 'react'\n\nexport type FooterNavigationSemanticName = 'root' | 'child'\n\nexport interface FooterNavigationModuleIds {\n  marketingConversion?: string\n  mainServices?: string\n  footerBrand?: string\n}\n\nexport interface FooterNavigationProps extends React.HTMLAttributes<HTMLElement> {\n  data: any\n  currentCountry?: any\n  subscribeLoading?: boolean\n  event?: {\n    signup?: (_params: any) => void\n    download?: () => void\n    country?: () => void\n    cookiesSet?: () => void\n  }\n  classNames?: Partial<Record<FooterNavigationSemanticName, string>>\n  /** \u5404\u6A21\u5757\u7684 id\uFF0C\u7528\u4E8E URL #\u951A\u70B9\u5B9A\u4F4D */\n  moduleIds?: FooterNavigationModuleIds\n}\n\nexport enum FooterNavigationBlockType {\n  Signup = 'ipc-footer-signup',\n  Main = 'ipc-footer-main',\n  Brand = 'ipc-footer-brand',\n}\n"],
-  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,+BAAAE,IAAA,eAAAC,EAAAH,GAyBO,IAAKE,OACVA,EAAA,OAAS,oBACTA,EAAA,KAAO,kBACPA,EAAA,MAAQ,mBAHEA,OAAA",
-  "names": ["types_exports", "__export", "FooterNavigationBlockType", "__toCommonJS"]
-}

package/dist/cjs/biz-components/GiftBox/index.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/biz-components/GiftBox/index.tsx"],
-  "sourcesContent": ["'use client'\nimport React, { useState } from 'react'\nimport { withLayout } from '../../shared/Styles.js'\nimport { Picture, Text } from '../../components/index.js'\nimport { cn } from '../../helpers/index.js'\nimport { Swiper, SwiperSlide } from 'swiper/react'\nimport { Pagination, Mousewheel, FreeMode } from 'swiper/modules'\nimport 'swiper/css'\nimport 'swiper/css/navigation'\nimport 'swiper/css/pagination'\nimport type { GiftBoxDataType, GiftBoxType } from './types.js'\n\nconst GiftItem = ({ item }: { item: GiftBoxDataType }) => (\n  <div className=\"rounded-card laptop:p-[20px] tablet:h-full tablet:px-3 laptop:px-4 lg-desktop:p-8 box-border flex h-[120px] flex-col items-center justify-center overflow-hidden bg-[#EAEAEC] px-4 py-[12px]\">\n    <div className=\"min-h-0 flex-1\">\n      {item?.img?.url && (\n        <Picture\n          className=\"laptop:block desktop:w-[116px] lg-desktop:w-[146px] hidden aspect-[194/194] w-[88px]\"\n          imgClassName=\"\"\n          source={item?.img?.url}\n          alt={item?.img?.alt || ''}\n        />\n      )}\n      {item?.mobileImg?.url && (\n        <Picture\n          className=\"laptop:hidden block aspect-[120/120] h-full\"\n          imgClassName=\"\"\n          source={item?.mobileImg?.url}\n          alt={item?.mobileImg?.alt || ''}\n        />\n      )}\n    </div>\n    <Text\n      html={item?.title}\n      className=\"laptop:text-[18px] line-clamp-2 shrink-0 text-center text-[14px] font-bold leading-[1.4]\"\n    />\n  </div>\n)\n\nconst GiftBox = (props: GiftBoxType) => {\n  const { data, className } = props\n  const { list } = data\n\n  return (\n    <div className=\"w-full\">\n      {/* Mobile: Grid \u9759\u6001\u5E03\u5C40 2 \u5217 (<768px) */}\n      <div className={cn('tablet:hidden grid grid-cols-2 gap-3', className)}>\n        {list.map((item, index) => (\n          <GiftItem key={`mobile-${index}`} item={item} />\n        ))}\n      </div>\n\n      {/* Tablet+: Swiper \u8F6E\u64AD (\u2265768px)\n          - 768px~1024px (tablet~laptop): 4 \u4E2A\u53EF\u89C1\n          - \u22651025px (laptop+): 4.2 \u4E2A\u53EF\u89C1\n          - \u22651440px (desktop+): 6 \u4E2A\u53EF\u89C1\n      */}\n      <div className={cn('tablet:block hidden', className)}>\n        <div className=\"relative\">\n          <Swiper\n            modules={[Pagination, Mousewheel, FreeMode]}\n            freeMode={true}\n            spaceBetween={16}\n            slidesPerView=\"auto\"\n            pagination={{\n              clickable: true,\n              el: '.gift-box-pagination',\n            }}\n            mousewheel={{\n              forceToAxis: true,\n            }}\n            breakpoints={{\n              768: {\n                spaceBetween: 12,\n                slidesPerView: 4,\n              },\n              1025: {\n                spaceBetween: 16,\n                slidesPerView: 4,\n              },\n              1440: {\n                spaceBetween: 16,\n                slidesPerView: 6,\n              },\n            }}\n            className=\"laptop:!overflow-visible [&_.swiper-slide]:!h-auto [&_.swiper-wrapper]:items-stretch\"\n          >\n            {list.map((item, index) => (\n              <SwiperSlide key={`carousel-${index}`} className=\"!h-full items-stretch\">\n                <GiftItem item={item} />\n              </SwiperSlide>\n            ))}\n          </Swiper>\n          {/* \u81EA\u5B9A\u4E49 Pagination - \u4EC5 tablet \u663E\u793A */}\n          <div className=\"gift-box-pagination laptop:hidden mt-3 flex justify-center [&_.swiper-pagination-bullet-active]:!bg-[#080A0F] [&_.swiper-pagination-bullet]:size-2 [&_.swiper-pagination-bullet]:rounded-full [&_.swiper-pagination-bullet]:bg-[#767880] [&_.swiper-pagination-bullet]:opacity-100\" />\n        </div>\n      </div>\n    </div>\n  )\n}\n\nexport default withLayout(GiftBox)\n"],
-  "mappings": "sbAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,IAAA,eAAAC,EAAAH,GAcI,IAAAI,EAAA,6BAbJC,EAAgC,iBAChCC,EAA2B,kCAC3BC,EAA8B,qCAC9BC,EAAmB,kCACnBH,EAAoC,wBACpCI,EAAiD,0BACjDC,EAAO,sBACPC,EAAO,iCACPC,EAAO,iCAGP,MAAMC,EAAW,CAAC,CAAE,KAAAC,CAAK,OACvB,QAAC,OAAI,UAAU,+LACb,qBAAC,OAAI,UAAU,iBACZ,UAAAA,GAAM,KAAK,QACV,OAAC,WACC,UAAU,uFACV,aAAa,GACb,OAAQA,GAAM,KAAK,IACnB,IAAKA,GAAM,KAAK,KAAO,GACzB,EAEDA,GAAM,WAAW,QAChB,OAAC,WACC,UAAU,8CACV,aAAa,GACb,OAAQA,GAAM,WAAW,IACzB,IAAKA,GAAM,WAAW,KAAO,GAC/B,GAEJ,KACA,OAAC,QACC,KAAMA,GAAM,MACZ,UAAU,2FACZ,GACF,EAGIC,EAAWC,GAAuB,CACtC,KAAM,CAAE,KAAAC,EAAM,UAAAC,CAAU,EAAIF,EACtB,CAAE,KAAAG,CAAK,EAAIF,EAEjB,SACE,QAAC,OAAI,UAAU,SAEb,oBAAC,OAAI,aAAW,MAAG,uCAAwCC,CAAS,EACjE,SAAAC,EAAK,IAAI,CAACL,EAAMM,OACf,OAACP,EAAA,CAAiC,KAAMC,GAAzB,UAAUM,CAAK,EAAgB,CAC/C,EACH,KAOA,OAAC,OAAI,aAAW,MAAG,sBAAuBF,CAAS,EACjD,oBAAC,OAAI,UAAU,WACb,oBAAC,UACC,QAAS,CAAC,aAAY,aAAY,UAAQ,EAC1C,SAAU,GACV,aAAc,GACd,cAAc,OACd,WAAY,CACV,UAAW,GACX,GAAI,sBACN,EACA,WAAY,CACV,YAAa,EACf,EACA,YAAa,CACX,IAAK,CACH,aAAc,GACd,cAAe,CACjB,EACA,KAAM,CACJ,aAAc,GACd,cAAe,CACjB,EACA,KAAM,CACJ,aAAc,GACd,cAAe,CACjB,CACF,EACA,UAAU,uFAET,SAAAC,EAAK,IAAI,CAACL,EAAMM,OACf,OAAC,eAAsC,UAAU,wBAC/C,mBAACP,EAAA,CAAS,KAAMC,EAAM,GADN,YAAYM,CAAK,EAEnC,CACD,EACH,KAEA,OAAC,OAAI,UAAU,qRAAqR,GACtS,EACF,GACF,CAEJ,EAEA,IAAOlB,KAAQ,cAAWa,CAAO",
-  "names": ["GiftBox_exports", "__export", "GiftBox_default", "__toCommonJS", "import_jsx_runtime", "import_react", "import_Styles", "import_components", "import_helpers", "import_modules", "import_css", "import_navigation", "import_pagination", "GiftItem", "item", "GiftBox", "props", "data", "className", "list", "index"]
-}

package/dist/cjs/biz-components/GiftBox/types.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/biz-components/GiftBox/types.ts"],
-  "sourcesContent": ["import type { Img } from '../../types/props.js'\n\nexport type GiftBoxDataType = {\n  img: Img\n  mobileImg: Img\n  title: string\n}\n\nexport type GiftBoxData = {\n  list: GiftBoxDataType[]\n}\n\nexport type GiftBoxType = {\n  data: GiftBoxData\n  className?: string\n}\n"],
-  "mappings": "+WAAA,IAAAA,EAAA,kBAAAC,EAAAD",
-  "names": ["types_exports", "__toCommonJS"]
-}

package/dist/cjs/biz-components/GiftShelf/index.js.map

@@ -1,7 +0,0 @@
-{
-  "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    onProductImageClick,\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    onProductImageClick?: (product: GiftShelfProduct) => 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', currencyCode } = 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: currencyCode === 'CAD' ? 'us' : 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              (onProductImageClick ? (\n                <a onClick={() => firstProduct && onProductImageClick(firstProduct)} className=\"cursor-pointer\">\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                </a>\n              ) : (\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, onProductImageClick, 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                onProductImageClick={onProductImageClick}\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": "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",
-  "names": ["GiftShelf_exports", "__export", "GiftShelf_default", "__toCommonJS", "import_jsx_runtime", "React", "import_helpers", "import_components", "import_class_variance_authority", "import_react", "import_Styles", "import_utils", "import_AiuiProvider", "import_textFormat", "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", "onProductImageClick", "buildData", "buttonText", "remainText", "lowStockText", "soldOutButtonText", "discountText", "comingSoonButtonText", "loading", "locale", "currencyCode", "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"]
-}

package/dist/cjs/biz-components/GiftShelf/types.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/biz-components/GiftShelf/types.ts"],
-  "sourcesContent": ["import type { Media } from '../../types/props.js'\nimport type { Product } from '../Listing/types/product.js'\n\n/**\n * \u793C\u54C1\u8D27\u67B6\u4EA7\u54C1\u9879\uFF08\u7B80\u5316\u7248\u4EA7\u54C1\u4FE1\u606F\uFF09\n */\nexport interface GiftShelfProduct {\n  /** \u4EA7\u54C1 SKU */\n  sku: string\n  /** \u4EA7\u54C1\u540D\u79F0 */\n  name: string\n  /** \u4EA7\u54C1\u56FE\u7247 URL */\n  image: string\n  /** \u4EA7\u54C1\u503C/\u6807\u8BC6 (\u901A\u5E38\u4E0E handle \u76F8\u540C) */\n  value: string\n  /** \u4EA7\u54C1 handle (URL slug) */\n  handle: string\n  /** Shopify \u4EA7\u54C1 ID */\n  shopify_id: string\n  /** \u81EA\u5B9A\u4E49\u5E93\u5B58 */\n  custom_inventory?: number\n  /** \u81EA\u5B9A\u4E49\u4EF7\u683C */\n  custom_price?: number\n  /** \u81EA\u5B9A\u4E49\u4EA7\u54C1\u63CF\u8FF0 */\n  custom_description?: string | null\n}\n\n/**\n * \u5012\u8BA1\u65F6\u914D\u7F6E\u63A5\u53E3\n */\nexport interface CountdownConfig {\n  /** \u5012\u8BA1\u65F6\u5F00\u59CB\u65F6\u95F4\uFF0C\u652F\u6301 ISO 8601 \u5B57\u7B26\u4E32\uFF08\u5982 \"2026-02-10T04:00:00.000Z\"\uFF09\u6216\u65F6\u95F4\u6233\uFF08\u6BEB\u79D2\uFF09 */\n  startTime: string | number\n  /** \u6BCF\u8F6E\u5012\u8BA1\u65F6\u65F6\u957F\uFF08\u5929\uFF09\uFF0C\u9ED8\u8BA4\u4E3A 1 \u5929 */\n  durationDays?: number\n  /** \u5012\u8BA1\u65F6\u8F6E\u6B21\uFF0C\u9ED8\u8BA4\u4E3A 1 */\n  rounds?: number\n}\n\n/**\n * \u54CD\u5E94\u5F0F\u80CC\u666F\u56FE\u7247\u7C7B\u578B\n * \u652F\u6301 5 \u4E2A\u65AD\u70B9\u7684\u56FE\u7247\u914D\u7F6E\n */\nexport interface ResponsiveBackgroundImage {\n  /** \u9ED8\u8BA4\u56FE\u7247 (<768px \u79FB\u52A8\u7AEF) */\n  default?: Media\n  /** tablet \u65AD\u70B9\u56FE\u7247 (\u2265768px) */\n  tablet?: Media\n  /** laptop \u65AD\u70B9\u56FE\u7247 (\u22651025px) */\n  laptop?: Media\n  /** desktop \u65AD\u70B9\u56FE\u7247 (\u22651440px) */\n  desktop?: Media\n  /** lg-desktop \u65AD\u70B9\u56FE\u7247 (\u22651920px) */\n  lgDesktop?: Media\n}\n\n/**\n * \u793C\u54C1\u5361\u7247\u9879\u6570\u636E\u63A5\u53E3\n */\nexport interface GiftShelfItem {\n  /** \u5361\u7247\u5012\u8BA1\u65F6\u914D\u7F6E\uFF08\u53EF\u9009\uFF09 */\n  countdown?: CountdownConfig\n  /** \u4EA7\u54C1\u5217\u8868 */\n  products: GiftShelfProduct[]\n  /** \u54CD\u5E94\u5F0F\u80CC\u666F\u56FE\u7247\uFF08\u652F\u6301 5 \u4E2A\u65AD\u70B9\uFF09 */\n  backgroundImage?: ResponsiveBackgroundImage\n  /** Code \u524D\u7F00\uFF0C\u540E\u7F00\u4F1A\u6839\u636E\u5F53\u524D\u8F6E\u6B21\u81EA\u52A8\u751F\u6210\uFF08MMDD \u683C\u5F0F\uFF09 */\n  codePrefix?: string\n}\n\n/**\n * \u793C\u54C1\u8D27\u67B6\u7EC4\u4EF6\u6570\u636E\u63A5\u53E3\n */\nexport interface GiftShelfData {\n  /** \u793C\u54C1\u5361\u7247\u5217\u8868 */\n  items: GiftShelfItem[]\n  /** \u4E3B\u9898\u6A21\u5F0F\uFF0C\u9ED8\u8BA4\u4E3A light */\n  theme?: 'light' | 'dark'\n  /** \u8D2D\u4E70\u6309\u94AE\u6587\u672C */\n  buttonText: string\n  /** \u8D2D\u4E70\u6309\u94AE\u94FE\u63A5 */\n  buttonLink?: string\n  /** \u5269\u4F59\u6570\u91CF\u63D0\u793A\u6587\u672C\uFF0C\u652F\u6301\u6A21\u677F\u53D8\u91CF {inventory} \u548C {quantity} */\n  remainText?: string\n  /** \u4F4E\u5E93\u5B58\u63D0\u793A\u6587\u672C */\n  lowStockText?: string\n  /** \u552E\u7F44\u6309\u94AE\u6587\u672C */\n  soldOutButtonText?: string\n  /** \u6298\u6263\u6587\u6848\uFF08\u53EF\u9009\uFF09 */\n  discountText?: string\n  /** \u5012\u8BA1\u65F6\u6587\u6848 */\n  countdownText?: string\n  /** \u6700\u540E\u4E00\u8F6E\u63D0\u793A\u6587\u6848 */\n  lastRoundText?: string\n  /** \u5F00\u59CB\u524D\u63D0\u793A\u6587\u6848 */\n  beforeStartText?: string\n  /** \u5373\u5C06\u5F00\u59CB\u6309\u94AE\u6587\u6848 */\n  comingSoonButtonText?: string\n  /** \u5012\u8BA1\u65F6\u56FE\u6807 */\n  countdownIcon?: Media\n}\n\n/**\n * \u8BED\u4E49\u5316\u7C7B\u540D\n */\nexport type GiftShelfSemanticName = 'root' | 'card' | 'countdown' | 'button'\n\n/**\n * \u793C\u54C1\u8D27\u67B6\u7EC4\u4EF6 Props\n */\nexport interface GiftShelfProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** \u4E1A\u52A1\u6570\u636E */\n  data: GiftShelfData\n  /** \u6784\u5EFA\u65F6\u6570\u636E\uFF08\u4EA7\u54C1\u5217\u8868\u7B49\uFF09 */\n  buildData?: {\n    products: Product[]\n  }\n  /** \u8BED\u4E49\u5316\u7C7B\u540D */\n  classNames?: Partial<Record<GiftShelfSemanticName, string>>\n  /** \u6309\u94AE\u70B9\u51FB\u56DE\u8C03\uFF0Ccode \u4E3A\u5F53\u524D\u8F6E\u6B21\u7684\u5B8C\u6574 Code\uFF08\u524D\u7F00 + MMDD \u540E\u7F00\uFF09 */\n  onButtonClick?: ({ product, code }: { product: GiftShelfProduct; code: string }) => void\n  /** \u4EA7\u54C1\u56FE\u7247\u70B9\u51FB\u56DE\u8C03 */\n  onProductImageClick?: (product: GiftShelfProduct) => void\n  /** \u6309\u94AE\u52A0\u8F7D\u72B6\u6001 */\n  loading?: boolean\n}\n"],
-  "mappings": "+WAAA,IAAAA,EAAA,kBAAAC,EAAAD",
-  "names": ["types_exports", "__toCommonJS"]
-}

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

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

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

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

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

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