@anker-in/headless-ui 1.3.63 → 1.3.64

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/biz-components/ImageWithText/types.ts"],
-  "sourcesContent": ["import type { Media, Theme } from '../../types/props.js'\n\nexport interface ImageWithTextItem {\n  /** \u529F\u80FD\u56FE\u6807 */\n  icon: Media\n  /** \u529F\u80FD\u6807\u9898 */\n  text: string\n  /** \u529F\u80FD\u63CF\u8FF0 */\n  desc: string\n}\n\n/** \u6309\u94AE\u914D\u7F6E */\nexport interface ButtonConfig {\n  /** \u6309\u94AE\u6587\u5B57 */\n  text: string\n  /** \u8DF3\u8F6C\u94FE\u63A5 */\n  link: string\n  /** \u6309\u94AE\u7C7B\u578B\uFF0C\u9ED8\u8BA4 primary */\n  variant?: 'primary' | 'secondary'\n}\n\nexport interface ImageWithTextTabItem {\n  /**\n   * \u684C\u9762\u7AEF\u56FE\u7247 URL\n   * \u5F53 mediaType='image' \u65F6\u4F5C\u4E3A\u5C55\u793A\u56FE\u7247\n   * \u5F53 mediaType='video' \u65F6\u4F5C\u4E3A\u89C6\u9891\u5C01\u9762\u56FE\uFF08\u4F18\u5148\u7EA7\uFF1Aposter > image\uFF09\n   */\n  image: Media\n  /**\n   * \u5E73\u677F\u7AEF\u56FE\u7247 URL\n   * \u5F53 mediaType='image' \u65F6\u4F5C\u4E3A\u5C55\u793A\u56FE\u7247\n   * \u5F53 mediaType='video' \u65F6\u4F5C\u4E3A\u89C6\u9891\u5C01\u9762\u56FE\uFF08\u4F18\u5148\u7EA7\uFF1ApadPoster > imgPad > image\uFF09\n   */\n  imgPad?: Media\n  /**\n   * \u79FB\u52A8\u7AEF\u56FE\u7247 URL\n   * \u5F53 mediaType='image' \u65F6\u4F5C\u4E3A\u5C55\u793A\u56FE\u7247\n   * \u5F53 mediaType='video' \u65F6\u4F5C\u4E3A\u89C6\u9891\u5C01\u9762\u56FE\uFF08\u4F18\u5148\u7EA7\uFF1AmobPoster > imageMob > image\uFF09\n   */\n  imageMob?: Media\n  /** \u684C\u9762\u7AEF\u89C6\u9891 URL\uFF08\u5F53mediaType\u4E3Avideo\u65F6\u4F7F\u7528\uFF09 */\n  video?: Media\n  /** \u5E73\u677F\u7AEF\u89C6\u9891 URL\uFF08\u5F53mediaType\u4E3Avideo\u65F6\u4F7F\u7528\uFF09 */\n  padVideo?: Media\n  /** \u79FB\u52A8\u7AEF\u89C6\u9891 URL\uFF08\u5F53mediaType\u4E3Avideo\u65F6\u4F7F\u7528\uFF09 */\n  mobVideo?: Media\n  /** Tab \u6807\u9898 */\n  title: string\n}\n\nexport type MediaType = 'image' | 'video'\nexport type LayoutPosition = 'left' | 'right' | 'top' | 'bottom'\nexport type TextAlign = 'left' | 'center'\n\n/** \u5217\u6570\u679A\u4E3E\u7C7B\u578B */\nexport enum Cols {\n  One = '1',\n  Two = '2',\n  Three = '3',\n  Four = '4',\n}\n\nexport interface ImageWithTextProps {\n  data: {\n    /** \u4E3B\u6807\u9898 */\n    title: string\n    /** \u6807\u9898\u6807\u7B7E\u5C42\u7EA7 @default 'h3' (\u8BE5\u6807\u9898\u662FTab\u9879\u6807\u9898\uFF0C\u975E\u9875\u9762\u4E3B\u6807\u9898) */\n    titleTag?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6'\n    /** \u526F\u6807\u9898/\u63CF\u8FF0 */\n    subtitle?: string\n    /** \u63CF\u8FF0\u6587\u672C\uFF08\u901A\u5E38\u662F\u5927\u53F7\u9AD8\u4EAE\u6587\u672C\uFF0C\u57FA\u7840\u6A21\u5F0F\u4F7F\u7528\uFF09 */\n    desc?: string\n    /** \u63CF\u8FF0\u6587\u672C\u56FE\u6807\uFF08\u57FA\u7840\u6A21\u5F0F\u4F7F\u7528\uFF09 */\n    descIcon?: string\n    /** \u4E3B\u9898\uFF0C\u9ED8\u8BA4 dark */\n    theme?: Theme\n    /** \u5E03\u5C40\u4F4D\u7F6E\uFF0C\u9ED8\u8BA4 left\u3002\u652F\u6301\u4E0A\u4E0B\u5DE6\u53F3\u5E03\u5C40\uFF08left/right/top/bottom\uFF09 */\n    layout?: LayoutPosition\n    /** \u5A92\u4F53\u7C7B\u578B\uFF0C\u9ED8\u8BA4 image\u3002\u6240\u6709\u6A21\u5F0F\u90FD\u652F\u6301 image \u548C video */\n    mediaType?: MediaType\n    /** \u6587\u672C\u533A\u57DF\u5BF9\u9F50\u65B9\u5F0F\uFF0C\u9ED8\u8BA4 left\u3002\u652F\u6301\u5DE6\u5BF9\u9F50\u548C\u5C45\u4E2D\u5BF9\u9F50 */\n    textAlign?: TextAlign\n    /**\n     * PC\u7AEF\u56FE\u7247 URL\n     * \u5F53 mediaType='image' \u65F6\u4F5C\u4E3A\u5C55\u793A\u56FE\u7247\n     * \u5F53 mediaType='video' \u65F6\u4F5C\u4E3A\u89C6\u9891\u5C01\u9762\u56FE\uFF08\u4F18\u5148\u7EA7\uFF1Aposter > image\uFF09\n     */\n    image?: Media\n    /** \u684C\u9762\u7AEF\u89C6\u9891 URL\uFF08\u5F53mediaType\u4E3Avideo\u65F6\u4F7F\u7528\uFF09 */\n    video?: Media\n    /**\n     * \u5E73\u677F\u7AEF\u56FE\u7247 URL\n     * \u5F53 mediaType='image' \u65F6\u4F5C\u4E3A\u5C55\u793A\u56FE\u7247\n     * \u5F53 mediaType='video' \u65F6\u4F5C\u4E3A\u89C6\u9891\u5C01\u9762\u56FE\uFF08\u4F18\u5148\u7EA7\uFF1ApadPoster > padImage > image\uFF09\n     */\n    padImage?: Media\n    /** \u5E73\u677F\u7AEF\u89C6\u9891 URL\uFF08\u5F53mediaType\u4E3Avideo\u65F6\u4F7F\u7528\uFF09 */\n    padVideo?: Media\n    /**\n     * \u79FB\u52A8\u7AEF\u56FE\u7247 URL\n     * \u5F53 mediaType='image' \u65F6\u4F5C\u4E3A\u5C55\u793A\u56FE\u7247\n     * \u5F53 mediaType='video' \u65F6\u4F5C\u4E3A\u89C6\u9891\u5C01\u9762\u56FE\uFF08\u4F18\u5148\u7EA7\uFF1AmobPoster > mobileImage > image\uFF09\n     */\n    mobileImage?: Media\n    /** \u79FB\u52A8\u7AEF\u89C6\u9891 URL\uFF08\u5F53mediaType\u4E3Avideo\u65F6\u4F7F\u7528\uFF09 */\n    mobVideo?: Media\n    /** \u529F\u80FD\u9879\u5217\u8868\uFF08\u53EF\u9009\uFF0C\u7528\u4E8E\u5C55\u793A\u529F\u80FD\u7279\u6027\u5217\u8868\uFF09 */\n    items?: ImageWithTextItem[]\n    /** Tab\u6570\u636E\u5217\u8868\uFF08TabWithImage\u6A21\u5F0F\uFF0C\u5F53\u5B58\u5728\u65F6\u4F18\u5148\u7EA7\u6700\u9AD8\uFF09 */\n    datalist?: ImageWithTextTabItem[]\n    /** \u6309\u94AE\u914D\u7F6E */\n    button?: ButtonConfig\n  }\n  /** \u81EA\u5B9A\u4E49\u7C7B\u540D */\n  className?: string\n}\n"],
-  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,UAAAE,IAAA,eAAAC,EAAAH,GAuDO,IAAKE,OACVA,EAAA,IAAM,IACNA,EAAA,IAAM,IACNA,EAAA,MAAQ,IACRA,EAAA,KAAO,IAJGA,OAAA",
-  "names": ["types_exports", "__export", "Cols", "__toCommonJS"]
-}

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/biz-components/InlineVideo/index.tsx"],
-  "sourcesContent": ["import { Heading, Text } from '../../components/index.js'\nimport { cn } from '../../helpers/utils.js'\nimport type { Theme } from '../../types/props.js'\n\nexport interface InlineVideoData {\n  title: string\n  subtitle?: string\n  desc: string\n  poster?: string\n  videoUrl: string\n  mobPoster?: string\n  mobVideoUrl: string\n  theme?: Theme\n}\n\nexport interface InlineVideoProps extends React.HTMLAttributes<HTMLElement> {\n  data: InlineVideoData\n}\n\nexport default function VideoWithTitle({ data, className, ...rest }: InlineVideoProps) {\n  const { title, subtitle, desc, poster, videoUrl, mobPoster, mobVideoUrl, theme = 'light' } = data ?? {}\n\n  return (\n    <section\n      {...rest}\n      className={cn(\n        'inline-video-section rounded-box flex flex-col items-center',\n        'text-info-primary', // \u4F7F\u7528\u4E3B\u9898\u989C\u8272\u53D8\u91CF\n        {\n          'aiui-dark': theme === 'dark', // \u6DF1\u8272\u6A21\u5F0F\n        },\n        className\n      )}\n    >\n      {/* \u5185\u5BB9\u533A\u57DF */}\n      <div className={cn('inline-video-content laptop:items-center flex w-full flex-col items-start')}>\n        {/* \u6807\u9898 */}\n        <Heading as={'h2'} size={4} html={title} className=\"inline-video-title laptop:text-center shrink text-left\" />\n\n        {/* \u526F\u6807\u9898\u548C\u63CF\u8FF0\u5BB9\u5668 */}\n        <div className=\"inline-video-text-wrapper\">\n          {/* \u526F\u6807\u9898\uFF08\u53EF\u9009\uFF09 */}\n          {subtitle && (\n            <Heading\n              size={3}\n              as={'h5'}\n              html={subtitle}\n              className={cn('inline-video-subtitle laptop:mt-[8px] laptop:text-center mt-[4px] w-full text-left')}\n            />\n          )}\n\n          {/* \u63CF\u8FF0\u6587\u672C */}\n          <Text\n            as={'p'}\n            size={4}\n            html={desc}\n            className=\"inline-video-description min-md:mt-[4px] min-md:w-[650px] min-l:mt-[16px] min-l:w-[600px] min-xl:mt-[4px] min-xl:w-[650px] min-xxl:mt-[8px] min-xxl:w-[820px] tablet:text-[14px] laptop:text-center laptop:text-[14px] desktop:text-[16px] lg-desktop:text-[18px] mt-[4px] w-full text-left text-[14px]\"\n          />\n        </div>\n      </div>\n\n      {/* \u89C6\u9891\u5BB9\u5668 */}\n      <div className=\"inline-video-container tablet:aspect-[3060/1180] rounded-box mt-[24px] aspect-[398/400] w-full overflow-hidden xl:h-[360px]\">\n        {/* \u684C\u9762\u7AEF\u89C6\u9891 */}\n        <video\n          playsInline\n          autoPlay\n          muted\n          poster={poster}\n          src={videoUrl}\n          loop\n          className=\"inline-video-desktop tablet:block hidden size-full object-cover xl:h-[360px]\"\n        ></video>\n\n        {/* \u79FB\u52A8\u7AEF\u89C6\u9891 */}\n        <video\n          playsInline\n          autoPlay\n          muted\n          poster={mobPoster}\n          src={mobVideoUrl}\n          loop\n          className=\"inline-video-mobile tablet:hidden block w-full\"\n        ></video>\n      </div>\n    </section>\n  )\n}\n"],
-  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,IAAA,eAAAC,EAAAH,GAqCQ,IAAAI,EAAA,6BArCRC,EAA8B,qCAC9BC,EAAmB,kCAkBJ,SAARJ,EAAgC,CAAE,KAAAK,EAAM,UAAAC,EAAW,GAAGC,CAAK,EAAqB,CACrF,KAAM,CAAE,MAAAC,EAAO,SAAAC,EAAU,KAAAC,EAAM,OAAAC,EAAQ,SAAAC,EAAU,UAAAC,EAAW,YAAAC,EAAa,MAAAC,EAAQ,OAAQ,EAAIV,GAAQ,CAAC,EAEtG,SACE,QAAC,WACE,GAAGE,EACJ,aAAW,MACT,8DACA,oBACA,CACE,YAAaQ,IAAU,MACzB,EACAT,CACF,EAGA,qBAAC,OAAI,aAAW,MAAG,2EAA2E,EAE5F,oBAAC,WAAQ,GAAI,KAAM,KAAM,EAAG,KAAME,EAAO,UAAU,yDAAyD,KAG5G,QAAC,OAAI,UAAU,4BAEZ,UAAAC,MACC,OAAC,WACC,KAAM,EACN,GAAI,KACJ,KAAMA,EACN,aAAW,MAAG,oFAAoF,EACpG,KAIF,OAAC,QACC,GAAI,IACJ,KAAM,EACN,KAAMC,EACN,UAAU,0SACZ,GACF,GACF,KAGA,QAAC,OAAI,UAAU,8HAEb,oBAAC,SACC,YAAW,GACX,SAAQ,GACR,MAAK,GACL,OAAQC,EACR,IAAKC,EACL,KAAI,GACJ,UAAU,+EACX,KAGD,OAAC,SACC,YAAW,GACX,SAAQ,GACR,MAAK,GACL,OAAQC,EACR,IAAKC,EACL,KAAI,GACJ,UAAU,iDACX,GACH,GACF,CAEJ",
-  "names": ["InlineVideo_exports", "__export", "VideoWithTitle", "__toCommonJS", "import_jsx_runtime", "import_components", "import_utils", "data", "className", "rest", "title", "subtitle", "desc", "poster", "videoUrl", "mobPoster", "mobVideoUrl", "theme"]
-}

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/biz-components/Ksp/index.tsx"],
-  "sourcesContent": ["'use client'\n\nimport { useMediaQuery } from 'react-responsive'\nimport { Heading, Picture, Text } from '../../components/index.js'\nimport { cn } from '../../helpers/utils.js'\nimport { withLayout } from '../../shared/Styles.js'\nimport type { Media, Theme } from '../../types/props.js'\n\n/**\n * KSP \u5361\u7247\u9879\u6570\u636E\u7ED3\u6784\n */\nexport interface KspCardItem {\n  /** \u6807\u9898 */\n  title?: string\n  /** \u63CF\u8FF0 */\n  desc?: string\n  /** \u79FB\u52A8\u7AEF\u56FE\u7247 */\n  mobImage?: Media\n  /** \u79FB\u52A8\u7AEF\u89C6\u9891 */\n  mobVideo?: Media\n\n  /** \u5E73\u677F\u7AEF\u56FE\u7247 (\u2265768px) */\n  tabletImage?: Media\n  /** \u5E73\u677F\u7AEF\u89C6\u9891 (\u2265768px) */\n  tabletVideo?: Media\n\n  /** \u5C0F\u684C\u9762\u7AEF\u56FE\u7247 (\u22651025px) */\n  laptopImage?: Media\n  /** \u5C0F\u684C\u9762\u7AEF\u89C6\u9891 (\u22651025px) */\n  laptopVideo?: Media\n\n  /** \u684C\u9762\u7AEF\u56FE\u7247 (\u22651440px) */\n  desktopImage?: Media\n  /** \u684C\u9762\u7AEF\u89C6\u9891 (\u22651440px) */\n  desktopVideo?: Media\n  /** \u5927\u684C\u9762\u7AEF\u56FE\u7247 */\n  image?: Media\n  /** \u5927\u684C\u9762\u7AEF\u89C6\u9891 */\n  video?: Media\n}\n\n/**\n * KSP \u6570\u636E\u7ED3\u6784\n */\nexport interface KspData {\n  /** \u4E3B\u6807\u9898 */\n  title?: string\n  /** \u4E3B\u6807\u9898 HTML \u6807\u7B7E\uFF0C\u9ED8\u8BA4 h2 */\n  titleTag?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6'\n  /** KSP \u5361\u7247\u5217\u8868\uFF08\u9700\u8981 7 \u4E2A\u9879\uFF09 */\n  items: KspCardItem[]\n  /** \u4E3B\u9898\uFF0C\u9ED8\u8BA4 light */\n  theme?: Theme\n  /** \u6805\u683C\u5217\u6570\uFF0C\u9ED8\u8BA4 \"10\" */\n  gridColumns?: string\n}\n\n/**\n * Ksp \u7EC4\u4EF6\u8BED\u4E49\u5316\u7C7B\u540D\u914D\u7F6E\n */\nexport interface KspClassNames {\n  /** \u6574\u4F53\u5BB9\u5668\u7C7B\u540D */\n  root?: string\n  /** \u4E3B\u6807\u9898\u7C7B\u540D */\n  title?: string\n  /** \u5361\u7247\u5E03\u5C40\u5BB9\u5668\u7C7B\u540D */\n  layout?: string\n  /** \u5355\u4E2A\u5361\u7247\u7C7B\u540D */\n  card?: string\n  /** \u5361\u7247\u89C6\u9891\u7C7B\u540D */\n  cardVideo?: string\n  /** \u5361\u7247\u56FE\u7247\u7C7B\u540D */\n  cardImage?: string\n  /** \u5361\u7247\u56FE\u7247 img \u5143\u7D20\u7C7B\u540D */\n  cardImageImg?: string\n  /** \u5361\u7247\u5185\u5BB9\u533A\u7C7B\u540D */\n  cardContent?: string\n  /** \u5361\u7247\u6807\u9898\u7C7B\u540D */\n  cardTitle?: string\n  /** \u5361\u7247\u63CF\u8FF0\u7C7B\u540D */\n  cardDesc?: string\n}\n\n/**\n * Ksp \u7EC4\u4EF6 Props\n */\nexport interface KspProps extends Omit<React.HTMLAttributes<HTMLElement>, 'className'> {\n  /** KSP \u6570\u636E */\n  data: KspData\n  /** \u81EA\u5B9A\u4E49\u7C7B\u540D */\n  className?: string\n  /** \u8BED\u4E49\u5316\u7C7B\u540D\u914D\u7F6E */\n  classNames?: KspClassNames\n}\n\ninterface ImageCardProps extends KspCardItem {\n  /** \u81EA\u5B9A\u4E49\u7C7B\u540D */\n  className?: string\n  /** \u4E3B\u9898 */\n  theme?: Theme\n  /** \u8BED\u4E49\u5316\u7C7B\u540D\u914D\u7F6E */\n  classNames?: KspClassNames\n}\n\nconst ImageCard = ({\n  title,\n  desc,\n  // \u65B0\u7684\u65AD\u70B9\u5A92\u4F53\u5C5E\u6027\n  mobImage,\n  mobVideo,\n  tabletImage,\n  tabletVideo,\n  laptopImage,\n  laptopVideo,\n  desktopImage,\n  desktopVideo,\n  // \u4FDD\u7559\u65E7\u5C5E\u6027\u4F5C\u4E3A\u5927\u5C4F\u9ED8\u8BA4\u503C\n  image,\n  video,\n  className,\n  theme,\n  classNames,\n}: ImageCardProps) => {\n  // \u54CD\u5E94\u5F0F\u65AD\u70B9\u68C0\u6D4B\n  const isMobile = useMediaQuery({ query: '(max-width: 767px)' })\n  const isTablet = useMediaQuery({ query: '(min-width: 768px) and (max-width: 1024px)' })\n  const isLaptop = useMediaQuery({ query: '(min-width: 1025px) and (max-width: 1439px)' })\n  // desktop \u53CA\u4EE5\u4E0A\u4F7F\u7528\u9ED8\u8BA4\n\n  // \u83B7\u53D6\u5F53\u524D\u65AD\u70B9\u7684\u89C6\u9891\u6E90\uFF08\u5E26 fallback\uFF09\n  const getCurrentVideo = (): Media | undefined => {\n    if (isMobile) return mobVideo || tabletVideo || laptopVideo || desktopVideo || video\n    if (isTablet) return tabletVideo || laptopVideo || desktopVideo || video\n    if (isLaptop) return laptopVideo || desktopVideo || video\n    return desktopVideo || video\n  }\n\n  // \u83B7\u53D6\u5F53\u524D\u65AD\u70B9\u7684\u5C01\u9762\u56FE\n  const getCurrentPoster = (): Media | undefined => {\n    if (isMobile) return mobImage || tabletImage || laptopImage || desktopImage || image\n    if (isTablet) return tabletImage || laptopImage || desktopImage || image\n    if (isLaptop) return laptopImage || desktopImage || image\n    return desktopImage || image\n  }\n\n  const currentVideo = getCurrentVideo()\n  const currentPoster = getCurrentPoster()\n\n  // \u6784\u5EFA\u54CD\u5E94\u5F0F\u56FE\u7247\u6E90\n  const buildImageSource = (): string | undefined => {\n    const sources: string[] = []\n    const lgDesktop = image?.url || desktopImage?.url\n    const desktop = desktopImage?.url || image?.url\n    const laptop = laptopImage?.url || desktop\n    const tablet = tabletImage?.url || laptop\n    const mobile = mobImage?.url || tablet\n\n    if (lgDesktop) sources.push(lgDesktop)\n    if (desktop && desktop !== lgDesktop) sources.push(`${desktop} 1920`)\n    if (laptop && laptop !== desktop) sources.push(`${laptop} 1440`)\n    if (tablet && tablet !== laptop) sources.push(`${tablet} 1025`)\n    if (mobile && mobile !== tablet) sources.push(`${mobile} 768`)\n\n    return sources.length > 0 ? sources.join(', ') : undefined\n  }\n\n  // \u5224\u65AD\u662F\u5426\u6709\u89C6\u9891\n  const hasVideo = !!currentVideo?.url\n\n  // \u5224\u65AD\u662F\u5426\u6709\u4EFB\u4F55\u56FE\u7247\n  const hasAnyImage = !!(mobImage?.url || tabletImage?.url || laptopImage?.url || desktopImage?.url || image?.url)\n\n  return (\n    <div\n      className={cn(\n        'ksp-card rounded-box text-info-primary relative overflow-hidden',\n        {\n          'aiui-dark': theme === 'dark',\n        },\n        className,\n        classNames?.card\n      )}\n    >\n      {hasVideo ? (\n        <video\n          playsInline\n          autoPlay\n          muted\n          loop\n          src={currentVideo?.url}\n          poster={currentPoster?.url}\n          className={cn('ksp-card-video absolute bottom-0 w-full object-cover', classNames?.cardVideo)}\n        />\n      ) : (\n        hasAnyImage && (\n          <Picture\n            source={buildImageSource()}\n            alt={currentPoster?.alt || ''}\n            className={cn('ksp-card-image size-full', classNames?.cardImage)}\n            imgClassName={cn('size-full object-cover object-bottom', classNames?.cardImageImg)}\n          />\n        )\n      )}\n      <div className={cn('ksp-card-content desktop:p-6 lg-desktop:p-8 p-4', classNames?.cardContent)}>\n        <Heading\n          size={3}\n          html={title}\n          className={cn('ksp-card-title tablet:block hidden w-full', classNames?.cardTitle)}\n        />\n        <Heading\n          size={2}\n          html={title}\n          className={cn(\n            'ksp-card-title tablet:hidden tablet:w-[340px] xs-tablet:text-[16px] block w-full',\n            classNames?.cardTitle\n          )}\n        />\n        <Text\n          size={2}\n          html={desc}\n          className={cn(\n            'ksp-card-desc text-info-primary tablet:block tablet:text-[14px] laptop:text-[14px] desktop:text-[16px] lg-desktop:text-[18px] mt-[4px] text-[14px]',\n            classNames?.cardDesc\n          )}\n        />\n      </div>\n    </div>\n  )\n}\n\n/**\n * 10 \u5217\u6805\u683C\u5E03\u5C40\u914D\u7F6E\u6620\u5C04\u8868\uFF08\u73B0\u6709\uFF0C\u9ED8\u8BA4\uFF09\n * \u6839\u636E items \u6570\u91CF\u548C\u7D22\u5F15\u4F4D\u7F6E\uFF0C\u5B9A\u4E49\u6BCF\u4E2A\u5361\u7247\u7684\u6805\u683C\u5E03\u5C40\u7C7B\u540D\n */\nconst LAYOUT_CONFIG_10: Record<number, Record<number, string>> = {\n  4: {\n    0: 'col-span-2 laptop:col-span-6 aspect-w-[358] aspect-h-[240] tablet:aspect-w-[465] tablet:aspect-h-[240] laptop:aspect-w-[440] laptop:aspect-h-[240] desktop:aspect-w-[648] desktop:aspect-h-[256] lg-desktop:aspect-w-[824] lg-desktop:aspect-h-[320]',\n    1: 'col-span-1 laptop:col-span-4 aspect-w-[173] aspect-h-[240] tablet:aspect-w-[227] tablet:aspect-h-[240] laptop:aspect-w-[288] laptop:aspect-h-[240] desktop:aspect-w-[426] desktop:aspect-h-[256] lg-desktop:aspect-w-[544] lg-desktop:aspect-h-[320]',\n    2: 'col-span-1 laptop:col-span-4 aspect-w-[173] aspect-h-[240] tablet:aspect-w-[227] tablet:aspect-h-[240] laptop:aspect-w-[288] laptop:aspect-h-[240] desktop:aspect-w-[426] desktop:aspect-h-[256] lg-desktop:aspect-w-[544] lg-desktop:aspect-h-[320]',\n    3: 'col-span-2 laptop:col-span-6 aspect-w-[358] aspect-h-[240] tablet:aspect-w-[465] tablet:aspect-h-[240] laptop:aspect-w-[440] laptop:aspect-h-[240] desktop:aspect-w-[648] desktop:aspect-h-[256] lg-desktop:aspect-w-[824] lg-desktop:aspect-h-[320]',\n  },\n  5: {\n    0: 'col-span-2 laptop:col-span-6 aspect-w-[358] aspect-h-[240] tablet:aspect-w-[465] tablet:aspect-h-[240] laptop:aspect-w-[440] laptop:aspect-h-[240] desktop:aspect-w-[648] desktop:aspect-h-[256] lg-desktop:aspect-w-[824] lg-desktop:aspect-h-[320]',\n    1: 'col-span-2 tablet:col-span-1 laptop:col-span-4 aspect-w-[358] aspect-h-[240] tablet:aspect-w-[227] tablet:aspect-h-[240] laptop:aspect-w-[288] laptop:aspect-h-[240] desktop:aspect-w-[426] desktop:aspect-h-[256] lg-desktop:aspect-w-[544] lg-desktop:aspect-h-[320]',\n    2: 'col-span-1 laptop:col-span-3 aspect-w-[173] aspect-h-[240] tablet:aspect-w-[227] tablet:aspect-h-[240] laptop:aspect-w-[212] laptop:aspect-h-[240] desktop:aspect-w-[316] desktop:aspect-h-[256] lg-desktop:aspect-w-[404] lg-desktop:aspect-h-[320]',\n    3: 'col-span-1 laptop:col-span-4 aspect-w-[173] aspect-h-[240] tablet:aspect-w-[227] tablet:aspect-h-[240] laptop:aspect-w-[288] laptop:aspect-h-[240] desktop:aspect-w-[426] desktop:aspect-h-[256] lg-desktop:aspect-w-[544] lg-desktop:aspect-h-[320]',\n    4: 'col-span-2 tablet:col-span-1 laptop:col-span-3 aspect-w-[358] aspect-h-[240] tablet:aspect-w-[227] tablet:aspect-h-[240] laptop:aspect-w-[212] laptop:aspect-h-[240] desktop:aspect-w-[316] desktop:aspect-h-[256] lg-desktop:aspect-w-[404] lg-desktop:aspect-h-[320]',\n  },\n  6: {\n    0: 'col-span-2 tablet:col-span-1 laptop:col-span-4 aspect-w-[358] aspect-h-[240] tablet:aspect-w-[227] tablet:aspect-h-[240] laptop:aspect-w-[288] laptop:aspect-h-[240] desktop:aspect-w-[426] desktop:aspect-h-[256] lg-desktop:aspect-w-[544] lg-desktop:aspect-h-[320]',\n    1: 'col-span-1 laptop:col-span-3 aspect-w-[173] aspect-h-[240] tablet:aspect-w-[227] tablet:aspect-h-[240] laptop:aspect-w-[212] laptop:aspect-h-[240] desktop:aspect-w-[316] desktop:aspect-h-[256] lg-desktop:aspect-w-[404] lg-desktop:aspect-h-[320]',\n    2: 'col-span-1 laptop:col-span-3 aspect-w-[173] aspect-h-[240] tablet:aspect-w-[227] tablet:aspect-h-[240] laptop:aspect-w-[212] laptop:aspect-h-[240] desktop:aspect-w-[316] desktop:aspect-h-[256] lg-desktop:aspect-w-[404] lg-desktop:aspect-h-[320]',\n    3: 'col-span-2 tablet:col-span-1 laptop:col-span-3 aspect-w-[358] aspect-h-[240] tablet:aspect-w-[227] tablet:aspect-h-[240] laptop:aspect-w-[212] laptop:aspect-h-[240] desktop:aspect-w-[316] desktop:aspect-h-[256] lg-desktop:aspect-w-[404] lg-desktop:aspect-h-[320]',\n    4: 'col-span-1 laptop:col-span-3 aspect-w-[173] aspect-h-[240] tablet:aspect-w-[227] tablet:aspect-h-[240] laptop:aspect-w-[212] laptop:aspect-h-[240] desktop:aspect-w-[316] desktop:aspect-h-[256] lg-desktop:aspect-w-[404] lg-desktop:aspect-h-[320]',\n    5: 'col-span-1 laptop:col-span-4 aspect-w-[173] aspect-h-[240] tablet:aspect-w-[227] tablet:aspect-h-[240] laptop:aspect-w-[288] laptop:aspect-h-[240] desktop:aspect-w-[426] desktop:aspect-h-[256] lg-desktop:aspect-w-[544] lg-desktop:aspect-h-[320]',\n  },\n  7: {\n    0: 'col-span-2 laptop:col-span-6 aspect-w-[358] aspect-h-[240] tablet:aspect-w-[465] tablet:aspect-h-[240] laptop:aspect-w-[440] laptop:aspect-h-[240] desktop:aspect-w-[648] desktop:aspect-h-[256] lg-desktop:aspect-w-[824] lg-desktop:aspect-h-[320]',\n    1: 'col-span-1 laptop:col-span-4 aspect-w-[173] aspect-h-[240] tablet:aspect-w-[227] tablet:aspect-h-[240] laptop:aspect-w-[288] laptop:aspect-h-[240] desktop:aspect-w-[426] desktop:aspect-h-[256] lg-desktop:aspect-w-[544] lg-desktop:aspect-h-[320]',\n    2: 'col-span-1 laptop:col-span-3 aspect-w-[173] aspect-h-[240] tablet:aspect-w-[227] tablet:aspect-h-[240] laptop:aspect-w-[212] laptop:aspect-h-[240] desktop:aspect-w-[316] desktop:aspect-h-[256] lg-desktop:aspect-w-[404] lg-desktop:aspect-h-[320]',\n    3: 'col-span-2 tablet:col-span-1 laptop:col-span-4 aspect-w-[358] aspect-h-[240] tablet:aspect-w-[227] tablet:aspect-h-[240] laptop:aspect-w-[288] laptop:aspect-h-[240] desktop:aspect-w-[426] desktop:aspect-h-[256] lg-desktop:aspect-w-[544] lg-desktop:aspect-h-[320]',\n    4: 'col-span-1 laptop:col-span-3 aspect-w-[173] aspect-h-[240] tablet:aspect-w-[227] tablet:aspect-h-[240] laptop:aspect-w-[212] laptop:aspect-h-[240] desktop:aspect-w-[316] desktop:aspect-h-[256] lg-desktop:aspect-w-[404] lg-desktop:aspect-h-[320]',\n    5: 'col-span-1 laptop:col-span-4 aspect-w-[173] aspect-h-[240] tablet:aspect-w-[227] tablet:aspect-h-[240] laptop:aspect-w-[288] laptop:aspect-h-[240] desktop:aspect-w-[426] desktop:aspect-h-[256] lg-desktop:aspect-w-[544] lg-desktop:aspect-h-[320]',\n    6: 'col-span-2 laptop:col-span-6 aspect-w-[358] aspect-h-[240] tablet:aspect-w-[465] tablet:aspect-h-[240] laptop:aspect-w-[440] laptop:aspect-h-[240] desktop:aspect-w-[648] desktop:aspect-h-[256] lg-desktop:aspect-w-[824] lg-desktop:aspect-h-[320]',\n  },\n  8: {\n    0: 'col-span-2 laptop:col-span-6 aspect-w-[358] aspect-h-[240] tablet:aspect-w-[465] tablet:aspect-h-[240] laptop:aspect-w-[440] laptop:aspect-h-[240] desktop:aspect-w-[648] desktop:aspect-h-[256] lg-desktop:aspect-w-[824] lg-desktop:aspect-h-[320]',\n    1: 'col-span-1 laptop:col-span-4 aspect-w-[173] aspect-h-[240] tablet:aspect-w-[227] tablet:aspect-h-[240] laptop:aspect-w-[288] laptop:aspect-h-[240] desktop:aspect-w-[426] desktop:aspect-h-[256] lg-desktop:aspect-w-[544] lg-desktop:aspect-h-[320]',\n    2: 'col-span-1 laptop:col-span-4 aspect-w-[173] aspect-h-[240] tablet:aspect-w-[227] tablet:aspect-h-[240] laptop:aspect-w-[288] laptop:aspect-h-[240] desktop:aspect-w-[426] desktop:aspect-h-[256] lg-desktop:aspect-w-[544] lg-desktop:aspect-h-[320]',\n    3: 'col-span-1 laptop:col-span-3 aspect-w-[173] aspect-h-[240] tablet:aspect-w-[227] tablet:aspect-h-[240] laptop:aspect-w-[212] laptop:aspect-h-[240] desktop:aspect-w-[316] desktop:aspect-h-[256] lg-desktop:aspect-w-[404] lg-desktop:aspect-h-[320]',\n    4: 'col-span-1 laptop:col-span-3 aspect-w-[173] aspect-h-[240] tablet:aspect-w-[227] tablet:aspect-h-[240] laptop:aspect-w-[212] laptop:aspect-h-[240] desktop:aspect-w-[316] desktop:aspect-h-[256] lg-desktop:aspect-w-[404] lg-desktop:aspect-h-[320]',\n    5: 'col-span-2 tablet:col-span-1 laptop:col-span-3 aspect-w-[358] aspect-h-[240] tablet:aspect-w-[227] tablet:aspect-h-[240] laptop:aspect-w-[212] laptop:aspect-h-[240] desktop:aspect-w-[316] desktop:aspect-h-[256] lg-desktop:aspect-w-[404] lg-desktop:aspect-h-[320]',\n    6: 'col-span-1 laptop:col-span-3 aspect-w-[173] aspect-h-[240] tablet:aspect-w-[227] tablet:aspect-h-[240] laptop:aspect-w-[212] laptop:aspect-h-[240] desktop:aspect-w-[316] desktop:aspect-h-[256] lg-desktop:aspect-w-[404] lg-desktop:aspect-h-[320]',\n    7: 'col-span-1 laptop:col-span-4 aspect-w-[173] aspect-h-[240] tablet:aspect-w-[227] tablet:aspect-h-[240] laptop:aspect-w-[288] laptop:aspect-h-[240] desktop:aspect-w-[426] desktop:aspect-h-[256] lg-desktop:aspect-w-[544] lg-desktop:aspect-h-[320]',\n  },\n  9: {\n    0: 'col-span-2 laptop:col-span-4 aspect-w-[358] aspect-h-[240] tablet:aspect-w-[465] tablet:aspect-h-[240] laptop:aspect-w-[212] laptop:aspect-h-[240] desktop:aspect-w-[316] desktop:aspect-h-[256] lg-desktop:aspect-w-[544] lg-desktop:aspect-h-[320]',\n    1: 'col-span-1 laptop:col-span-3 aspect-w-[173] aspect-h-[240] tablet:aspect-w-[227] tablet:aspect-h-[240] laptop:aspect-w-[212] laptop:aspect-h-[240] desktop:aspect-w-[316] desktop:aspect-h-[256] lg-desktop:aspect-w-[404] lg-desktop:aspect-h-[320]',\n    2: 'col-span-1 laptop:col-span-3 aspect-w-[173] aspect-h-[240] tablet:aspect-w-[227] tablet:aspect-h-[240] laptop:aspect-w-[288] laptop:aspect-h-[240] desktop:aspect-w-[426] desktop:aspect-h-[256] lg-desktop:aspect-w-[404] lg-desktop:aspect-h-[320]',\n    3: 'col-span-1 tablet:col-span-2 laptop:col-span-3 aspect-w-[173] aspect-h-[240] tablet:aspect-w-[465] tablet:aspect-h-[240] laptop:aspect-w-[288] laptop:aspect-h-[240] desktop:aspect-w-[426] desktop:aspect-h-[256] lg-desktop:aspect-w-[404] lg-desktop:aspect-h-[320]',\n    4: 'col-span-1 laptop:col-span-4 aspect-w-[173] aspect-h-[240] tablet:aspect-w-[227] tablet:aspect-h-[240] laptop:aspect-w-[212] laptop:aspect-h-[240] desktop:aspect-w-[316] desktop:aspect-h-[256] lg-desktop:aspect-w-[544] lg-desktop:aspect-h-[320]',\n    5: 'col-span-2 tablet:col-span-1 laptop:col-span-3 aspect-w-[358] aspect-h-[240] tablet:aspect-w-[227] tablet:aspect-h-[240] laptop:aspect-w-[212] laptop:aspect-h-[240] desktop:aspect-w-[316] desktop:aspect-h-[256] lg-desktop:aspect-w-[404] lg-desktop:aspect-h-[320]',\n    6: 'col-span-1 laptop:col-span-3 aspect-w-[173] aspect-h-[240] tablet:aspect-w-[227] tablet:aspect-h-[240] laptop:aspect-w-[212] laptop:aspect-h-[240] desktop:aspect-w-[316] desktop:aspect-h-[256] lg-desktop:aspect-w-[404] lg-desktop:aspect-h-[320]',\n    7: 'col-span-1 laptop:col-span-3 aspect-w-[173] aspect-h-[240] tablet:aspect-w-[227] tablet:aspect-h-[240] laptop:aspect-w-[212] laptop:aspect-h-[240] desktop:aspect-w-[316] desktop:aspect-h-[256] lg-desktop:aspect-w-[404] lg-desktop:aspect-h-[320]',\n    8: 'col-span-2 laptop:col-span-4 aspect-w-[358] aspect-h-[240] tablet:aspect-w-[465] tablet:aspect-h-[240] laptop:aspect-w-[288] laptop:aspect-h-[240] desktop:aspect-w-[426] desktop:aspect-h-[256] lg-desktop:aspect-w-[544] lg-desktop:aspect-h-[320]',\n  },\n}\n\n/**\n * 12 \u5217\u6805\u683C\u5E03\u5C40\u914D\u7F6E\u6620\u5C04\u8868\uFF08\u65B0\u589E\uFF09\n * \u5BB9\u5668\u4F7F\u7528 grid-cols-12\uFF0C\u9002\u914D\u66F4\u5927\u7684\u5185\u5BB9\u5BBD\u5EA6\n */\nconst LAYOUT_CONFIG_12: Record<number, Record<number, string>> = {\n  4: {\n    0: 'col-span-2 tablet:col-span-2 laptop:col-span-7 desktop:col-span-7 lg-desktop:col-span-7 aspect-w-[358] aspect-h-[240] tablet:aspect-w-[465] tablet:aspect-h-[240] laptop:aspect-w-[516] laptop:aspect-h-[240] desktop:aspect-w-[758] desktop:aspect-h-[256] lg-desktop:aspect-w-[964] lg-desktop:aspect-h-[320]',\n    1: 'col-span-1 tablet:col-span-1 laptop:col-span-5 desktop:col-span-5 lg-desktop:col-span-5 aspect-w-[173] aspect-h-[240] tablet:aspect-w-[227] tablet:aspect-h-[240] laptop:aspect-w-[364] laptop:aspect-h-[240] desktop:aspect-w-[538] desktop:aspect-h-[256] lg-desktop:aspect-w-[684] lg-desktop:aspect-h-[320]',\n    2: 'col-span-1 tablet:col-span-1 laptop:col-span-5 desktop:col-span-5 lg-desktop:col-span-5 aspect-w-[173] aspect-h-[240] tablet:aspect-w-[227] tablet:aspect-h-[240] laptop:aspect-w-[364] laptop:aspect-h-[240] desktop:aspect-w-[538] desktop:aspect-h-[256] lg-desktop:aspect-w-[684] lg-desktop:aspect-h-[320]',\n    3: 'col-span-2 tablet:col-span-2 laptop:col-span-7 desktop:col-span-7 lg-desktop:col-span-7 aspect-w-[358] aspect-h-[240] tablet:aspect-w-[465] tablet:aspect-h-[240] laptop:aspect-w-[516] laptop:aspect-h-[240] desktop:aspect-w-[758] desktop:aspect-h-[256] lg-desktop:aspect-w-[964] lg-desktop:aspect-h-[320]',\n  },\n  5: {\n    0: 'col-span-2 tablet:col-span-2 laptop:col-span-7 desktop:col-span-7 lg-desktop:col-span-7 aspect-w-[358] aspect-h-[240] tablet:aspect-w-[465] tablet:aspect-h-[240] laptop:aspect-w-[516] laptop:aspect-h-[240] desktop:aspect-w-[758] desktop:aspect-h-[256] lg-desktop:aspect-w-[964] lg-desktop:aspect-h-[320]',\n    1: 'col-span-1 tablet:col-span-1 laptop:col-span-5 desktop:col-span-5 lg-desktop:col-span-5 aspect-w-[173] aspect-h-[240] tablet:aspect-w-[227] tablet:aspect-h-[240] laptop:aspect-w-[364] laptop:aspect-h-[240] desktop:aspect-w-[538] desktop:aspect-h-[256] lg-desktop:aspect-w-[684] lg-desktop:aspect-h-[320]',\n    2: 'col-span-1 tablet:col-span-1 laptop:col-span-4 desktop:col-span-4 lg-desktop:col-span-4 aspect-w-[173] aspect-h-[240] tablet:aspect-w-[227] tablet:aspect-h-[240] laptop:aspect-w-[288] laptop:aspect-h-[240] desktop:aspect-w-[426] desktop:aspect-h-[256] lg-desktop:aspect-w-[544] lg-desktop:aspect-h-[320]',\n    3: 'col-span-1 tablet:col-span-1 laptop:col-span-4 desktop:col-span-4 lg-desktop:col-span-4 aspect-w-[173] aspect-h-[240] tablet:aspect-w-[226] tablet:aspect-h-[240] laptop:aspect-w-[288] laptop:aspect-h-[240] desktop:aspect-w-[426] desktop:aspect-h-[256] lg-desktop:aspect-w-[544] lg-desktop:aspect-h-[320]',\n    4: 'col-span-1 tablet:col-span-1 laptop:col-span-4 desktop:col-span-4 lg-desktop:col-span-4 aspect-w-[173] aspect-h-[240] tablet:aspect-w-[227] tablet:aspect-h-[240] laptop:aspect-w-[288] laptop:aspect-h-[240] desktop:aspect-w-[426] desktop:aspect-h-[256] lg-desktop:aspect-w-[544] lg-desktop:aspect-h-[320]',\n  },\n  6: {\n    0: 'col-span-2 tablet:col-span-1 laptop:col-span-7 desktop:col-span-7 lg-desktop:col-span-7 aspect-w-[358] aspect-h-[240] tablet:aspect-w-[227] tablet:aspect-h-[240] laptop:aspect-w-[516] laptop:aspect-h-[240] desktop:aspect-w-[758] desktop:aspect-h-[256] lg-desktop:aspect-w-[964] lg-desktop:aspect-h-[320]',\n    1: 'col-span-1 tablet:col-span-1 laptop:col-span-5 desktop:col-span-5 lg-desktop:col-span-5 aspect-w-[173] aspect-h-[240] tablet:aspect-w-[226] tablet:aspect-h-[240] laptop:aspect-w-[364] laptop:aspect-h-[240] desktop:aspect-w-[538] desktop:aspect-h-[256] lg-desktop:aspect-w-[684] lg-desktop:aspect-h-[320]',\n    2: 'col-span-1 tablet:col-span-1 laptop:col-span-5 desktop:col-span-5 lg-desktop:col-span-5 aspect-w-[173] aspect-h-[240] tablet:aspect-w-[227] tablet:aspect-h-[240] laptop:aspect-w-[364] laptop:aspect-h-[240] desktop:aspect-w-[538] desktop:aspect-h-[256] lg-desktop:aspect-w-[684] lg-desktop:aspect-h-[320]',\n    3: 'col-span-2 tablet:col-span-1 laptop:col-span-7 desktop:col-span-7 lg-desktop:col-span-7 aspect-w-[358] aspect-h-[240] tablet:aspect-w-[227] tablet:aspect-h-[240] laptop:aspect-w-[516] laptop:aspect-h-[240] desktop:aspect-w-[758] desktop:aspect-h-[256] lg-desktop:aspect-w-[964] lg-desktop:aspect-h-[320]',\n    4: 'col-span-1 tablet:col-span-1 laptop:col-span-7 desktop:col-span-7 lg-desktop:col-span-7 aspect-w-[173] aspect-h-[240] tablet:aspect-w-[226] tablet:aspect-h-[240] laptop:aspect-w-[516] laptop:aspect-h-[240] desktop:aspect-w-[758] desktop:aspect-h-[256] lg-desktop:aspect-w-[964] lg-desktop:aspect-h-[320]',\n    5: 'col-span-1 tablet:col-span-1 laptop:col-span-5 desktop:col-span-5 lg-desktop:col-span-5 aspect-w-[173] aspect-h-[240] tablet:aspect-w-[227] tablet:aspect-h-[240] laptop:aspect-w-[364] laptop:aspect-h-[240] desktop:aspect-w-[538] desktop:aspect-h-[256] lg-desktop:aspect-w-[684] lg-desktop:aspect-h-[320]',\n  },\n  7: {\n    0: 'col-span-2 tablet:col-span-2 laptop:col-span-7 desktop:col-span-7 lg-desktop:col-span-7 aspect-w-[358] aspect-h-[240] tablet:aspect-w-[465] tablet:aspect-h-[240] laptop:aspect-w-[516] laptop:aspect-h-[240] desktop:aspect-w-[758] desktop:aspect-h-[256] lg-desktop:aspect-w-[964] lg-desktop:aspect-h-[320]',\n    1: 'col-span-1 tablet:col-span-1 laptop:col-span-5 desktop:col-span-5 lg-desktop:col-span-5 aspect-w-[173] aspect-h-[240] tablet:aspect-w-[227] tablet:aspect-h-[240] laptop:aspect-w-[364] laptop:aspect-h-[240] desktop:aspect-w-[538] desktop:aspect-h-[256] lg-desktop:aspect-w-[684] lg-desktop:aspect-h-[320]',\n    2: 'col-span-1 tablet:col-span-1 laptop:col-span-4 desktop:col-span-4 lg-desktop:col-span-5 aspect-w-[173] aspect-h-[240] tablet:aspect-w-[227] tablet:aspect-h-[240] laptop:aspect-w-[288] laptop:aspect-h-[240] desktop:aspect-w-[426] desktop:aspect-h-[256] lg-desktop:aspect-w-[684] lg-desktop:aspect-h-[320]',\n    3: 'col-span-2 tablet:col-span-1 laptop:col-span-4 desktop:col-span-4 lg-desktop:col-span-7 aspect-w-[358] aspect-h-[240] tablet:aspect-w-[226] tablet:aspect-h-[240] laptop:aspect-w-[288] laptop:aspect-h-[240] desktop:aspect-w-[426] desktop:aspect-h-[256] lg-desktop:aspect-w-[964] lg-desktop:aspect-h-[320]',\n    4: 'col-span-1 tablet:col-span-1 laptop:col-span-4 desktop:col-span-4 lg-desktop:col-span-4 aspect-w-[173] aspect-h-[240] tablet:aspect-w-[227] tablet:aspect-h-[240] laptop:aspect-w-[288] laptop:aspect-h-[240] desktop:aspect-w-[426] desktop:aspect-h-[256] lg-desktop:aspect-w-[544] lg-desktop:aspect-h-[320]',\n    5: 'col-span-1 tablet:col-span-1 laptop:col-span-7 desktop:col-span-7 lg-desktop:col-span-4 aspect-w-[173] aspect-h-[240] tablet:aspect-w-[227] tablet:aspect-h-[240] laptop:aspect-w-[516] laptop:aspect-h-[240] desktop:aspect-w-[758] desktop:aspect-h-[256] lg-desktop:aspect-w-[544] lg-desktop:aspect-h-[320]',\n    6: 'col-span-2 tablet:col-span-2 laptop:col-span-5 desktop:col-span-5 lg-desktop:col-span-4 aspect-w-[358] aspect-h-[240] tablet:aspect-w-[465] tablet:aspect-h-[240] laptop:aspect-w-[364] laptop:aspect-h-[240] desktop:aspect-w-[538] desktop:aspect-h-[256] lg-desktop:aspect-w-[544] lg-desktop:aspect-h-[320]',\n  },\n  8: {\n    0: 'col-span-2 tablet:col-span-2 laptop:col-span-7 desktop:col-span-7 lg-desktop:col-span-7 aspect-w-[358] aspect-h-[240] tablet:aspect-w-[465] tablet:aspect-h-[240] laptop:aspect-w-[516] laptop:aspect-h-[240] desktop:aspect-w-[758] desktop:aspect-h-[256] lg-desktop:aspect-w-[964] lg-desktop:aspect-h-[320]',\n    1: 'col-span-2 tablet:col-span-1 laptop:col-span-5 desktop:col-span-5 lg-desktop:col-span-5 aspect-w-[358] aspect-h-[240] tablet:aspect-w-[227] tablet:aspect-h-[240] laptop:aspect-w-[364] laptop:aspect-h-[240] desktop:aspect-w-[538] desktop:aspect-h-[256] lg-desktop:aspect-w-[684] lg-desktop:aspect-h-[320]',\n    2: 'col-span-1 tablet:col-span-1 laptop:col-span-4 desktop:col-span-4 lg-desktop:col-span-4 aspect-w-[173] aspect-h-[240] tablet:aspect-w-[227] tablet:aspect-h-[240] laptop:aspect-w-[288] laptop:aspect-h-[240] desktop:aspect-w-[426] desktop:aspect-h-[256] lg-desktop:aspect-w-[544] lg-desktop:aspect-h-[320]',\n    3: 'col-span-1 tablet:col-span-1 laptop:col-span-4 desktop:col-span-4 lg-desktop:col-span-4 aspect-w-[173] aspect-h-[240] tablet:aspect-w-[226] tablet:aspect-h-[240] laptop:aspect-w-[288] laptop:aspect-h-[240] desktop:aspect-w-[426] desktop:aspect-h-[256] lg-desktop:aspect-w-[544] lg-desktop:aspect-h-[320]',\n    4: 'col-span-1 tablet:col-span-1 laptop:col-span-4 desktop:col-span-4 lg-desktop:col-span-4 aspect-w-[173] aspect-h-[240] tablet:aspect-w-[227] tablet:aspect-h-[240] laptop:aspect-w-[288] laptop:aspect-h-[240] desktop:aspect-w-[426] desktop:aspect-h-[256] lg-desktop:aspect-w-[544] lg-desktop:aspect-h-[320]',\n    5: 'col-span-1 tablet:col-span-1 laptop:col-span-4 desktop:col-span-4 lg-desktop:col-span-4 aspect-w-[173] aspect-h-[240] tablet:aspect-w-[227] tablet:aspect-h-[240] laptop:aspect-w-[288] laptop:aspect-h-[240] desktop:aspect-w-[426] desktop:aspect-h-[256] lg-desktop:aspect-w-[544] lg-desktop:aspect-h-[320]',\n    6: 'col-span-1 tablet:col-span-1 laptop:col-span-4 desktop:col-span-4 lg-desktop:col-span-4 aspect-w-[173] aspect-h-[240] tablet:aspect-w-[226] tablet:aspect-h-[240] laptop:aspect-w-[288] laptop:aspect-h-[240] desktop:aspect-w-[426] desktop:aspect-h-[256] lg-desktop:aspect-w-[544] lg-desktop:aspect-h-[320]',\n    7: 'col-span-1 tablet:col-span-1 laptop:col-span-4 desktop:col-span-4 lg-desktop:col-span-4 aspect-w-[173] aspect-h-[240] tablet:aspect-w-[227] tablet:aspect-h-[240] laptop:aspect-w-[288] laptop:aspect-h-[240] desktop:aspect-w-[426] desktop:aspect-h-[256] lg-desktop:aspect-w-[544] lg-desktop:aspect-h-[320]',\n  },\n  9: {\n    0: 'col-span-2 tablet:col-span-2 laptop:col-span-7 desktop:col-span-7 lg-desktop:col-span-7 aspect-w-[358] aspect-h-[240] tablet:aspect-w-[465] tablet:aspect-h-[240] laptop:aspect-w-[516] laptop:aspect-h-[240] desktop:aspect-w-[758] desktop:aspect-h-[256] lg-desktop:aspect-w-[964] lg-desktop:aspect-h-[320]',\n    1: 'col-span-1 tablet:col-span-1 laptop:col-span-5 desktop:col-span-5 lg-desktop:col-span-5 aspect-w-[173] aspect-h-[240] tablet:aspect-w-[227] tablet:aspect-h-[240] laptop:aspect-w-[364] laptop:aspect-h-[240] desktop:aspect-w-[538] desktop:aspect-h-[256] lg-desktop:aspect-w-[684] lg-desktop:aspect-h-[320]',\n    2: 'col-span-1 tablet:col-span-1 laptop:col-span-5 desktop:col-span-5 lg-desktop:col-span-5 aspect-w-[173] aspect-h-[240] tablet:aspect-w-[227] tablet:aspect-h-[240] laptop:aspect-w-[364] laptop:aspect-h-[240] desktop:aspect-w-[538] desktop:aspect-h-[256] lg-desktop:aspect-w-[684] lg-desktop:aspect-h-[320]',\n    3: 'col-span-2 tablet:col-span-2 laptop:col-span-7 desktop:col-span-7 lg-desktop:col-span-7 aspect-w-[358] aspect-h-[240] tablet:aspect-w-[465] tablet:aspect-h-[240] laptop:aspect-w-[516] laptop:aspect-h-[240] desktop:aspect-w-[758] desktop:aspect-h-[256] lg-desktop:aspect-w-[964] lg-desktop:aspect-h-[320]',\n    4: 'col-span-1 tablet:col-span-1 laptop:col-span-4 desktop:col-span-4 lg-desktop:col-span-4 aspect-w-[173] aspect-h-[240] tablet:aspect-w-[227] tablet:aspect-h-[240] laptop:aspect-w-[288] laptop:aspect-h-[240] desktop:aspect-w-[426] desktop:aspect-h-[256] lg-desktop:aspect-w-[544] lg-desktop:aspect-h-[320]',\n    5: 'col-span-1 tablet:col-span-1 laptop:col-span-4 desktop:col-span-4 lg-desktop:col-span-4 aspect-w-[173] aspect-h-[240] tablet:aspect-w-[226] tablet:aspect-h-[240] laptop:aspect-w-[288] laptop:aspect-h-[240] desktop:aspect-w-[426] desktop:aspect-h-[256] lg-desktop:aspect-w-[544] lg-desktop:aspect-h-[320]',\n    6: 'col-span-1 tablet:col-span-1 laptop:col-span-4 desktop:col-span-4 lg-desktop:col-span-4 aspect-w-[173] aspect-h-[240] tablet:aspect-w-[227] tablet:aspect-h-[240] laptop:aspect-w-[288] laptop:aspect-h-[240] desktop:aspect-w-[426] desktop:aspect-h-[256] lg-desktop:aspect-w-[544] lg-desktop:aspect-h-[320]',\n    7: 'col-span-1 tablet:col-span-2 laptop:col-span-7 desktop:col-span-7 lg-desktop:col-span-7 aspect-w-[173] aspect-h-[240] tablet:aspect-w-[465] tablet:aspect-h-[240] laptop:aspect-w-[516] laptop:aspect-h-[240] desktop:aspect-w-[758] desktop:aspect-h-[256] lg-desktop:aspect-w-[964] lg-desktop:aspect-h-[320]',\n    8: 'col-span-2 tablet:col-span-1 laptop:col-span-5 desktop:col-span-5 lg-desktop:col-span-5 aspect-w-[358] aspect-h-[240] tablet:aspect-w-[227] tablet:aspect-h-[240] laptop:aspect-w-[364] laptop:aspect-h-[240] desktop:aspect-w-[538] desktop:aspect-h-[256] lg-desktop:aspect-w-[684] lg-desktop:aspect-h-[320]',\n  },\n}\n\n/**\n * \u83B7\u53D6\u5361\u7247\u7684\u5E03\u5C40\u7C7B\u540D\n * @param index - \u5361\u7247\u7D22\u5F15\n * @param totalCount - \u5361\u7247\u603B\u6570\n * @param gridColumns - \u6805\u683C\u5217\u6570\n * @returns \u5E03\u5C40\u7C7B\u540D\n */\nconst getCardLayoutClass = (index: number, totalCount: number, gridColumns: number): string => {\n  const config = gridColumns === 12 ? LAYOUT_CONFIG_12 : LAYOUT_CONFIG_10\n  return config[totalCount]?.[index] || ''\n}\n\n/**\n * Ksp - Key Selling Point \u5173\u952E\u5356\u70B9\u7EC4\u4EF6\n *\n * \u5C55\u793A\u4EA7\u54C1\u7684\u5173\u952E\u5356\u70B9\uFF0C\u652F\u6301\u56FE\u7247\u548C\u89C6\u9891\uFF0C\u5177\u6709\u590D\u6742\u7684\u54CD\u5E94\u5F0F\u5E03\u5C40\u3002\n * \u5E03\u5C40\u652F\u6301 4-9 \u4E2A\u5361\u7247\u9879\uFF0C\u5206\u522B\u5BF9\u5E94\u4E0D\u540C\u5C3A\u5BF8\u548C\u4F4D\u7F6E\u3002\n *\n * @example\n * ```tsx\n * <Ksp\n *   data={{\n *     title: '\u4E3A\u4EC0\u4E48\u9009\u62E9\u6211\u4EEC',\n *     items: [\n *       {\n *         title: '\u9AD8\u6027\u80FD',\n *         desc: '\u5F3A\u5927\u7684\u5904\u7406\u80FD\u529B',\n *         image: '/desktop.jpg',\n *         mobImage: '/mobile.jpg'\n *       },\n *       // ... \u9700\u8981 4-9 \u4E2A\u9879\n *     ]\n *   }}\n * />\n * ```\n */\nfunction Ksp({ data, className, classNames, ...rest }: KspProps) {\n  const { title, titleTag, items, theme = 'light', gridColumns } = data\n  const columns = gridColumns ? Number(gridColumns) : 10\n  const is12Col = columns === 12\n  return (\n    <section\n      {...rest}\n      data-ui-component-id=\"ksp\"\n      className={cn(\n        'ksp-container text-info-primary laptop:scroll-mt-[46px] flex scroll-mt-[108px] flex-col justify-center',\n        {\n          'aiui-dark': theme === 'dark',\n        },\n        className,\n        classNames?.root\n      )}\n    >\n      <Heading\n        as={titleTag ?? 'h2'}\n        size={4}\n        html={title}\n        className={cn('ksp-title laptop:text-center text-left', classNames?.title)}\n      />\n      <div\n        className={cn(\n          'ksp-layout tablet:grid-cols-3 laptop:gap-4 mt-[24px] grid grid-cols-2 gap-3',\n          is12Col ? 'laptop:grid-cols-12' : 'laptop:grid-cols-10',\n          classNames?.layout\n        )}\n      >\n        {items.map((item, index) => (\n          <ImageCard\n            key={index}\n            {...item}\n            className={getCardLayoutClass(index, items.length, columns)}\n            classNames={classNames}\n          />\n        ))}\n      </div>\n    </section>\n  )\n}\n\nexport default withLayout(Ksp)\n"],
-  "mappings": "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",
-  "names": ["Ksp_exports", "__export", "Ksp_default", "__toCommonJS", "import_jsx_runtime", "import_react_responsive", "import_components", "import_utils", "import_Styles", "ImageCard", "title", "desc", "mobImage", "mobVideo", "tabletImage", "tabletVideo", "laptopImage", "laptopVideo", "desktopImage", "desktopVideo", "image", "video", "className", "theme", "classNames", "isMobile", "isTablet", "isLaptop", "getCurrentVideo", "getCurrentPoster", "currentVideo", "currentPoster", "buildImageSource", "sources", "lgDesktop", "desktop", "laptop", "tablet", "mobile", "hasVideo", "hasAnyImage", "LAYOUT_CONFIG_10", "LAYOUT_CONFIG_12", "getCardLayoutClass", "index", "totalCount", "gridColumns", "Ksp", "data", "rest", "titleTag", "items", "columns", "is12Col", "item"]
-}

package/dist/cjs/biz-components/Listing/BizProductProvider.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/biz-components/Listing/BizProductProvider.tsx"],
-  "sourcesContent": ["import React, {\n  createContext,\n  useCallback,\n  useContext,\n  type Dispatch,\n  type SetStateAction,\n  type PropsWithChildren,\n  useState,\n  useEffect,\n  useMemo,\n} from 'react'\nimport type { Product, ProductPrice, ProductVariant, VariantCoupon, Options, FreeGift } from './types/product'\nimport type { BundleOption, ProductBundleProps } from './components/ProductCard/ProductDetail/ProductBundle/types.js'\nimport type { ProductFunctionFreeGiftProps } from './components/ProductCard/ProductDetail/ProductFunctionFreeGift'\nimport type { CompareData, DiscountData } from './types.js'\nimport { VARIANT_PAYLOAD_EXCLUDED_KEYS } from './const.js'\n\ntype Country = {\n  id?: number\n  name?: string\n  code?: string\n}\n\nexport type UserProfile = {\n  user_id: string\n  email: string\n  nick_name?: string\n  full_name?: string\n  first_name?: string\n  last_name?: string\n  dob?: string\n  gender?: string\n  phone_number?: string\n  phone_account?: string\n  country?: Country\n  is_subscribe?: boolean\n  avatar?: string\n  can_change_password?: boolean\n  invitation_code?: string\n  phone_carrier?: string\n  dob_programmed?: boolean\n  activated?: boolean\n  registed_at?: number\n  activated_at?: number\n  token?: string\n}\n\nexport type SavingDetail = {\n  coupon: number\n  bundle: number\n  member: number\n  freeGift: number\n  compare: number\n  exchangePurchase: number\n}\n\ntype variantWithFinalPrice = ProductVariant & { finalPrice?: ProductPrice }\n\nexport type FunctionMemberPriceResult = {\n  hasMemberPrice: boolean\n  originalPrice: number\n  withCouponMemberTotalSave: number\n  withoutCouponMaxMemberTotalSave?: number\n  labels: {\n    key: string\n    value: string\n    desc: string\n  }[]\n}\n\nexport type ModalData = {\n  needClickAway?: boolean\n  className?: string\n  title?: string\n  content?: string\n  domContent?: React.ReactNode\n}\n\nexport type JoinedRecommendBuyProducts = {\n  bundle?: {\n    value?: ProductBundleProps\n    canOperate?: boolean\n  }\n  gift?: {\n    value?: ProductVariant\n    canOperate?: boolean\n  }\n  exchange?: {\n    value?: ProductVariant\n    canOperate?: boolean\n  }\n}\n\nexport type CreditsRedemption = {\n  amount: number\n  availablePoints: number\n  usedPoints: number\n  skuDetails?: {\n    sku: string\n    is_eligible: boolean\n  }[]\n}\n\nexport interface ProductContextType {\n  isLogin?: boolean\n  isMobile?: boolean\n  isDesktop?: boolean\n  product: Product\n  profile?: UserProfile\n  variant: ProductVariant\n  resolvedPayload?: {\n    components: any[]\n    [key: string]: any\n  }\n  selectedVariants: Array<variantWithFinalPrice>\n  renderRating?: React.ReactNode\n  coupon?: VariantCoupon\n  savingDetail: SavingDetail\n  setSavingDetail: Dispatch<SetStateAction<SavingDetail>>\n  finalPrice: number\n  comparePrice: number\n  totalSavings: number\n  selectedOptions: Options\n  setSelectedOptions: Dispatch<SetStateAction<Options>>\n  freeGift?: FreeGift\n  checkedGift?: ProductVariant\n  setCheckedGift?: Dispatch<SetStateAction<ProductVariant | undefined>>\n  functionFreeGift?: ProductFunctionFreeGiftProps\n  checkedFunctionGifts?: Set<string>\n  setCheckedFunctionGifts?: Dispatch<SetStateAction<Set<string>>>\n  // exchangePurchase?: ProductFreeGiftProps\n  // checkedExchangePurchase?: ProductVariant\n  // setCheckedExchangePurchase?: Dispatch<SetStateAction<ProductVariant | undefined>>\n  // checkedBundle?: BundleListItem\n  // setCheckedBundle: Dispatch<SetStateAction<BundleListItem | undefined>>\n  checkedBundle?: BundleOption\n  setCheckedBundle?: Dispatch<SetStateAction<BundleOption | undefined>>\n  joinedRecommendBuyProducts: JoinedRecommendBuyProducts\n  setJoinedRecommendBuyProducts?: Dispatch<SetStateAction<JoinedRecommendBuyProducts>>\n  checkedCareBundle?: ProductVariant\n  setCheckedCareBundle?: Dispatch<SetStateAction<ProductVariant | undefined>>\n  bundle?: ProductBundleProps\n  compareData?: CompareData['data']\n  onAddToCart?: () => void\n  onBuyNow?: () => void\n  creditsRedemption?: CreditsRedemption\n  memberFunctionResult?: FunctionMemberPriceResult\n  openModal: ({ title, content, domContent }: ModalData) => void\n  openSignInPopup?: () => void\n  openAuthCodePopup?: (onSuccess?: () => void) => void\n  openSignUpPopup?: () => void\n  renderInstallments?: React.ReactNode\n  onUseCouponChange?: (couponSaving: number) => void\n  onUseMemberDiscountChange?: (memberSaving: number) => void\n  discount?: DiscountData\n  buyNowLoading?: boolean\n  addToCartLoading?: boolean\n  addOrder?: Array<'bundle' | 'gift' | 'exchange'>\n  setAddOrder?: Dispatch<SetStateAction<Array<'bundle' | 'gift' | 'exchange'>>>\n  notifyMeMode?: 'normal' | 'notify_me'\n  onNotifyMeClick?: (open: boolean) => void\n}\n\n// const initialState: ProductContextType = {\n//   isLogin: false,\n//   isMobile: false,\n//   product: {} as Product,\n//   variant: {} as ProductVariant,\n//   savingDetail: { coupon: 0, bundle: 0, member: 0, freeGift: 0, compare: 0 },\n//   finalPrice: 0,\n//   comparePrice: 0,\n//   totalSavings: 0,\n//   renderRating: null,\n//   selectedOptions: {} as Options,\n//   setSelectedOptions: () => {},\n//   checkedBundle: undefined,\n//   checkedGift: undefined,\n//   setCheckedBundle: () => {},\n//   setCheckedGift: () => {},\n//   checkedCareBundle: undefined,\n//   setCheckedCareBundle: () => {},\n// }\n\nexport const BizProductContext = createContext<ProductContextType>({} as ProductContextType)\n\nexport const useBizProductContext = () => {\n  const context = useContext(BizProductContext)\n  if (!context) {\n    throw new Error('useProductContext must be used in <ProductProvider>')\n  }\n  return useContext(BizProductContext)\n}\n\nconst ProductProvider = ({\n  product,\n  isLogin,\n  profile,\n  isMobile,\n  isDesktop,\n  children,\n  renderRating,\n  freeGift,\n  // exchangePurchase,\n  bundle,\n  checkedBundle,\n  checkedGift,\n  setCheckedBundle,\n  setCheckedGift,\n  functionFreeGift,\n  checkedFunctionGifts,\n  setCheckedFunctionGifts,\n  // checkedExchangePurchase,\n  // setCheckedExchangePurchase,\n  variant,\n  selectedOptions,\n  setSelectedOptions,\n  compareData,\n  coupon,\n  finalPrice,\n  comparePrice,\n  totalSavings,\n  savingDetail,\n  setSavingDetail,\n  selectedVariants,\n  onAddToCart,\n  onBuyNow,\n  creditsRedemption,\n  memberFunctionResult,\n  openModal,\n  openSignInPopup,\n  openAuthCodePopup,\n  openSignUpPopup,\n  renderInstallments,\n  onUseCouponChange,\n  onUseMemberDiscountChange,\n  discount,\n  buyNowLoading,\n  addToCartLoading,\n  notifyMeMode,\n  onNotifyMeClick,\n}: PropsWithChildren<\n  Omit<\n    ProductContextType,\n    'joinedRecommendBuyProducts' | 'setJoinedRecommendBuyProducts' | 'addOrder' | 'setAddOrder' | 'resolvedPayload'\n  >\n>) => {\n  const [joinedRecommendBuyProducts, setJoinedRecommendBuyProducts] = useState<JoinedRecommendBuyProducts>({})\n  const [addOrder, setAddOrder] = useState<Array<'bundle' | 'gift' | 'exchange'>>([])\n\n  const resolvedPayload = useMemo(() => {\n    const variantComponents: any[] = variant?.payload?.components ?? []\n    const excluded = VARIANT_PAYLOAD_EXCLUDED_KEYS as readonly string[]\n    const nonExcluded = variantComponents.filter(item => {\n      const identifier = item.componentKey ?? item.blockType ?? item.blockName\n      return identifier && !excluded.includes(identifier)\n    })\n    return nonExcluded.length > 0 ? variant?.payload : product?.payload\n  }, [variant?.payload, product?.payload])\n\n  useEffect(() => {\n    if (variant?.id) {\n      setJoinedRecommendBuyProducts({\n        bundle: {\n          value: undefined,\n          canOperate: true,\n        },\n        gift: {\n          value: undefined,\n          canOperate: true,\n        },\n        exchange: {\n          value: undefined,\n          canOperate: true,\n        },\n      })\n      setAddOrder([])\n    }\n  }, [variant?.id])\n\n  return (\n    <BizProductContext.Provider\n      value={{\n        product,\n        variant,\n        isMobile,\n        isDesktop,\n        isLogin,\n        profile,\n        coupon,\n        renderRating,\n        finalPrice,\n        comparePrice,\n        savingDetail,\n        setSavingDetail,\n        totalSavings,\n        selectedOptions,\n        setSelectedOptions,\n        freeGift,\n        functionFreeGift,\n        checkedFunctionGifts,\n        setCheckedFunctionGifts,\n        // exchangePurchase,\n        checkedGift,\n        setCheckedGift,\n        checkedBundle,\n        setCheckedBundle,\n        bundle,\n        compareData,\n        selectedVariants,\n        onAddToCart,\n        onBuyNow,\n        joinedRecommendBuyProducts,\n        setJoinedRecommendBuyProducts,\n        // checkedExchangePurchase,\n        // setCheckedExchangePurchase,\n        creditsRedemption,\n        memberFunctionResult,\n        openModal,\n        openSignInPopup,\n        openAuthCodePopup,\n        openSignUpPopup,\n        renderInstallments,\n        onUseCouponChange,\n        onUseMemberDiscountChange,\n        discount,\n        buyNowLoading,\n        addToCartLoading,\n        notifyMeMode,\n        onNotifyMeClick,\n        addOrder,\n        setAddOrder,\n        resolvedPayload,\n      }}\n    >\n      {children}\n    </BizProductContext.Provider>\n  )\n}\n\nexport default ProductProvider\n"],
-  "mappings": "mbAAA,IAAAA,GAAA,GAAAC,GAAAD,GAAA,uBAAAE,EAAA,YAAAC,GAAA,yBAAAC,KAAA,eAAAC,GAAAL,IAwRI,IAAAM,EAAA,6BAxRJC,EAUO,iBAKPC,EAA8C,sBAwKvC,MAAMN,KAAoB,iBAAkC,CAAC,CAAuB,EAE9EE,GAAuB,IAAM,CAExC,GAAI,IADY,cAAWF,CAAiB,EAE1C,MAAM,IAAI,MAAM,qDAAqD,EAEvE,SAAO,cAAWA,CAAiB,CACrC,EAEMO,GAAkB,CAAC,CACvB,QAAAC,EACA,QAAAC,EACA,QAAAC,EACA,SAAAC,EACA,UAAAC,EACA,SAAAC,EACA,aAAAC,EACA,SAAAC,EAEA,OAAAC,EACA,cAAAC,EACA,YAAAC,EACA,iBAAAC,EACA,eAAAC,EACA,iBAAAC,EACA,qBAAAC,EACA,wBAAAC,EAGA,QAAAC,EACA,gBAAAC,EACA,mBAAAC,EACA,YAAAC,EACA,OAAAC,EACA,WAAAC,EACA,aAAAC,EACA,aAAAC,EACA,aAAAC,EACA,gBAAAC,EACA,iBAAAC,EACA,YAAAC,EACA,SAAAC,EACA,kBAAAC,EACA,qBAAAC,EACA,UAAAC,EACA,gBAAAC,EACA,kBAAAC,EACA,gBAAAC,EACA,mBAAAC,EACA,kBAAAC,EACA,0BAAAC,EACA,SAAAC,EACA,cAAAC,EACA,iBAAAC,EACA,aAAAC,EACA,gBAAAC,CACF,IAKM,CACJ,KAAM,CAACC,EAA4BC,CAA6B,KAAI,YAAqC,CAAC,CAAC,EACrG,CAACC,EAAUC,CAAW,KAAI,YAAgD,CAAC,CAAC,EAE5EC,MAAkB,WAAQ,IAAM,CACpC,MAAMC,GAA2BhC,GAAS,SAAS,YAAc,CAAC,EAC5DiC,GAAW,gCAKjB,OAJoBD,GAAkB,OAAOE,GAAQ,CACnD,MAAMC,EAAaD,EAAK,cAAgBA,EAAK,WAAaA,EAAK,UAC/D,OAAOC,GAAc,CAACF,GAAS,SAASE,CAAU,CACpD,CAAC,EACkB,OAAS,EAAInC,GAAS,QAAUhB,GAAS,OAC9D,EAAG,CAACgB,GAAS,QAAShB,GAAS,OAAO,CAAC,EAEvC,sBAAU,IAAM,CACVgB,GAAS,KACX4B,EAA8B,CAC5B,OAAQ,CACN,MAAO,OACP,WAAY,EACd,EACA,KAAM,CACJ,MAAO,OACP,WAAY,EACd,EACA,SAAU,CACR,MAAO,OACP,WAAY,EACd,CACF,CAAC,EACDE,EAAY,CAAC,CAAC,EAElB,EAAG,CAAC9B,GAAS,EAAE,CAAC,KAGd,OAACxB,EAAkB,SAAlB,CACC,MAAO,CACL,QAAAQ,EACA,QAAAgB,EACA,SAAAb,EACA,UAAAC,EACA,QAAAH,EACA,QAAAC,EACA,OAAAkB,EACA,aAAAd,EACA,WAAAe,EACA,aAAAC,EACA,aAAAE,EACA,gBAAAC,EACA,aAAAF,EACA,gBAAAN,EACA,mBAAAC,EACA,SAAAX,EACA,iBAAAM,EACA,qBAAAC,EACA,wBAAAC,EAEA,YAAAL,EACA,eAAAE,EACA,cAAAH,EACA,iBAAAE,EACA,OAAAH,EACA,YAAAW,EACA,iBAAAO,EACA,YAAAC,EACA,SAAAC,EACA,2BAAAe,EACA,8BAAAC,EAGA,kBAAAf,EACA,qBAAAC,EACA,UAAAC,EACA,gBAAAC,EACA,kBAAAC,EACA,gBAAAC,EACA,mBAAAC,EACA,kBAAAC,EACA,0BAAAC,EACA,SAAAC,EACA,cAAAC,EACA,iBAAAC,EACA,aAAAC,EACA,gBAAAC,EACA,SAAAG,EACA,YAAAC,EACA,gBAAAC,EACF,EAEC,SAAA1C,EACH,CAEJ,EAEA,IAAOZ,GAAQM",
-  "names": ["BizProductProvider_exports", "__export", "BizProductContext", "BizProductProvider_default", "useBizProductContext", "__toCommonJS", "import_jsx_runtime", "import_react", "import_const", "ProductProvider", "product", "isLogin", "profile", "isMobile", "isDesktop", "children", "renderRating", "freeGift", "bundle", "checkedBundle", "checkedGift", "setCheckedBundle", "setCheckedGift", "functionFreeGift", "checkedFunctionGifts", "setCheckedFunctionGifts", "variant", "selectedOptions", "setSelectedOptions", "compareData", "coupon", "finalPrice", "comparePrice", "totalSavings", "savingDetail", "setSavingDetail", "selectedVariants", "onAddToCart", "onBuyNow", "creditsRedemption", "memberFunctionResult", "openModal", "openSignInPopup", "openAuthCodePopup", "openSignUpPopup", "renderInstallments", "onUseCouponChange", "onUseMemberDiscountChange", "discount", "buyNowLoading", "addToCartLoading", "notifyMeMode", "onNotifyMeClick", "joinedRecommendBuyProducts", "setJoinedRecommendBuyProducts", "addOrder", "setAddOrder", "resolvedPayload", "variantComponents", "excluded", "item", "identifier"]
-}

package/dist/cjs/biz-components/Listing/components/CartActionButtons/index.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../src/biz-components/Listing/components/CartActionButtons/index.tsx"],
-  "sourcesContent": ["import { Button } from '../../../../components/index.js'\nimport { useExposure } from '../../../../hooks/useExposure.js'\nimport * as React from 'react'\n\nconst componentType = 'copy'\nconst componentName = 'CartActionButtons'\n\nexport interface CartActionButtonsProps {\n  /** \u6309\u94AE\u6A21\u5F0F\uFF1Anormal \u5C55\u793A\u4E24\u4E2A\u8D2D\u4E70\u6309\u94AE\uFF0Cnotify_me \u5C55\u793A\u5355\u4E2A Notify Me \u6309\u94AE */\n  mode?: 'normal' | 'notify_me'\n  availableForSale?: boolean\n  addToCartText?: string\n  buyNowText?: string\n  addToCartLoading?: boolean\n  buyNowLoading?: boolean\n  addToCartClassName?: string\n  buyNowClassName?: string\n  onAddToCart?: () => void\n  onBuyNow?: () => void\n  /** Notify Me \u6309\u94AE\u6587\u6848\uFF0Cmode='notify_me' \u65F6\u751F\u6548 */\n  notifyMeText?: string\n  /** Notify Me \u6309\u94AE\u81EA\u5B9A\u4E49\u6837\u5F0F */\n  notifyMeClassName?: string\n  /** \u70B9\u51FB Notify Me \u6309\u94AE\u7684\u56DE\u8C03 */\n  onNotifyMeClick?: (open: boolean) => void\n}\n\nconst CartActionButtons = ({\n  mode = 'normal',\n  availableForSale = true,\n  addToCartText = 'Add to Cart',\n  buyNowText = 'Buy Now',\n  addToCartLoading = false,\n  buyNowLoading = false,\n  addToCartClassName = 'tablet:w-auto w-1/2',\n  buyNowClassName = 'tablet:w-auto w-1/2',\n  onAddToCart,\n  onBuyNow,\n  notifyMeText = 'Notify Me',\n  notifyMeClassName = 'tablet:w-auto w-1/2',\n  onNotifyMeClick,\n}: CartActionButtonsProps) => {\n  if (mode === 'notify_me') {\n    const notifyMeButtonRef = React.useRef<HTMLButtonElement>(null)\n    useExposure(notifyMeButtonRef, {\n      componentType,\n      componentName,\n      componentTitle: '',\n      componentDescription: '',\n    })\n    return (\n      <Button\n        ref={notifyMeButtonRef}\n        variant=\"primary\"\n        size=\"lg\"\n        className={notifyMeClassName}\n        onClick={() => onNotifyMeClick?.(true)}\n        data-headless-type-name={`${componentType}#${componentName}`}\n        data-headless-title-desc-button={`''#''#${notifyMeText}`}\n        data-headless-nav-position={`''#1`}\n      >\n        {notifyMeText}\n      </Button>\n    )\n  }\n\n  const disabled = !availableForSale\n\n  return (\n    <>\n      <Button\n        variant=\"secondary\"\n        disabled={disabled}\n        size=\"lg\"\n        className={addToCartClassName}\n        onClick={onAddToCart}\n        loading={addToCartLoading}\n      >\n        {addToCartText}\n      </Button>\n      <Button\n        variant=\"primary\"\n        disabled={disabled}\n        size=\"lg\"\n        loading={buyNowLoading}\n        className={buyNowClassName}\n        onClick={onBuyNow}\n      >\n        {buyNowText}\n      </Button>\n    </>\n  )\n}\n\nexport default CartActionButtons\n"],
-  "mappings": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,IAAA,eAAAC,EAAAH,GAmDM,IAAAI,EAAA,6BAnDNC,EAAuB,2CACvBC,EAA4B,4CAC5BC,EAAuB,oBAEvB,MAAMC,EAAgB,OAChBC,EAAgB,oBAsBhBC,EAAoB,CAAC,CACzB,KAAAC,EAAO,SACP,iBAAAC,EAAmB,GACnB,cAAAC,EAAgB,cAChB,WAAAC,EAAa,UACb,iBAAAC,EAAmB,GACnB,cAAAC,EAAgB,GAChB,mBAAAC,EAAqB,sBACrB,gBAAAC,EAAkB,sBAClB,YAAAC,EACA,SAAAC,EACA,aAAAC,EAAe,YACf,kBAAAC,EAAoB,sBACpB,gBAAAC,CACF,IAA8B,CAC5B,GAAIZ,IAAS,YAAa,CACxB,MAAMa,EAAoBjB,EAAM,OAA0B,IAAI,EAC9D,wBAAYiB,EAAmB,CAC7B,cAAAhB,EACA,cAAAC,EACA,eAAgB,GAChB,qBAAsB,EACxB,CAAC,KAEC,OAAC,UACC,IAAKe,EACL,QAAQ,UACR,KAAK,KACL,UAAWF,EACX,QAAS,IAAMC,IAAkB,EAAI,EACrC,0BAAyB,GAAGf,CAAa,IAAIC,CAAa,GAC1D,kCAAiC,SAASY,CAAY,GACtD,6BAA4B,OAE3B,SAAAA,EACH,CAEJ,CAEA,MAAMI,EAAW,CAACb,EAElB,SACE,oBACE,oBAAC,UACC,QAAQ,YACR,SAAUa,EACV,KAAK,KACL,UAAWR,EACX,QAASE,EACT,QAASJ,EAER,SAAAF,EACH,KACA,OAAC,UACC,QAAQ,UACR,SAAUY,EACV,KAAK,KACL,QAAST,EACT,UAAWE,EACX,QAASE,EAER,SAAAN,EACH,GACF,CAEJ,EAEA,IAAOZ,EAAQQ",
-  "names": ["CartActionButtons_exports", "__export", "CartActionButtons_default", "__toCommonJS", "import_jsx_runtime", "import_components", "import_useExposure", "React", "componentType", "componentName", "CartActionButtons", "mode", "availableForSale", "addToCartText", "buyNowText", "addToCartLoading", "buyNowLoading", "addToCartClassName", "buyNowClassName", "onAddToCart", "onBuyNow", "notifyMeText", "notifyMeClassName", "onNotifyMeClick", "notifyMeButtonRef", "disabled"]
-}

package/dist/cjs/biz-components/Listing/components/PaidShipping/LearnMore.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../src/biz-components/Listing/components/PaidShipping/LearnMore.tsx"],
-  "sourcesContent": ["import { Button, Picture, Text } from '../../../../components/index.js'\nimport { useAiuiContext } from '../../../AiuiProvider/index.js'\nimport { cn } from '../../../../helpers/index.js'\n\nconst LearnMore = (props: any) => {\n  const { className, setOpenShippingPolicyModal, metafields } = props\n  const { copyWriting } = useAiuiContext()\n\n  return (\n    <div\n      tabIndex={-1}\n      className={cn(\n        'from-4.29% to-101.05% laptop:rounded-2xl laptop:py-5 relative items-start gap-[16px] overflow-hidden rounded-xl bg-gradient-to-r from-[rgba(215,245,254,0.24)] to-[rgba(215,245,254,0.80)] p-4 text-[#1F2021] md:py-[16px]',\n        'flex flex-col',\n        className\n      )}\n    >\n      <Picture source={metafields?.shippingPolicyIcon} className=\"absolute -bottom-10 -right-10 z-[1] size-[150px]\" />\n      <div className=\"relative z-10 flex w-full items-start justify-between\">\n        <div className=\"laptop:gap-2 lg-desktop:gap-4 flex flex-col gap-3\">\n          <Text size={2} className=\"laptop:text-[16px] lg-desktop:text-[18px] text-[14px]\">\n            {metafields?.shippingPolicyTitle}\n          </Text>\n          <Text size={1} as=\"p\" className=\"laptop:text-[14px] text-[12px] text-[#6D6D6F]\">\n            {metafields?.loginBeforeCheckoutNote}\n          </Text>\n        </div>\n        <Button\n          variant=\"link\"\n          className=\"laptop:inline-flex hidden whitespace-nowrap !p-0\"\n          onClick={() => {\n            setOpenShippingPolicyModal(true)\n          }}\n        >\n          {copyWriting?.learnMore}\n        </Button>\n      </div>\n\n      <Button\n        variant=\"link\"\n        className=\"laptop:hidden inline-flex p-0\"\n        onClick={() => {\n          setOpenShippingPolicyModal(true)\n        }}\n      >\n        {copyWriting?.learnMore}\n      </Button>\n    </div>\n  )\n}\n\nexport default LearnMore\n"],
-  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,IAAA,eAAAC,EAAAH,GAiBM,IAAAI,EAAA,6BAjBNC,EAAsC,2CACtCC,EAA+B,0CAC/BC,EAAmB,wCAEnB,MAAMC,EAAaC,GAAe,CAChC,KAAM,CAAE,UAAAC,EAAW,2BAAAC,EAA4B,WAAAC,CAAW,EAAIH,EACxD,CAAE,YAAAI,CAAY,KAAI,kBAAe,EAEvC,SACE,QAAC,OACC,SAAU,GACV,aAAW,MACT,6NACA,gBACAH,CACF,EAEA,oBAAC,WAAQ,OAAQE,GAAY,mBAAoB,UAAU,mDAAmD,KAC9G,QAAC,OAAI,UAAU,wDACb,qBAAC,OAAI,UAAU,oDACb,oBAAC,QAAK,KAAM,EAAG,UAAU,wDACtB,SAAAA,GAAY,oBACf,KACA,OAAC,QAAK,KAAM,EAAG,GAAG,IAAI,UAAU,gDAC7B,SAAAA,GAAY,wBACf,GACF,KACA,OAAC,UACC,QAAQ,OACR,UAAU,mDACV,QAAS,IAAM,CACbD,EAA2B,EAAI,CACjC,EAEC,SAAAE,GAAa,UAChB,GACF,KAEA,OAAC,UACC,QAAQ,OACR,UAAU,gCACV,QAAS,IAAM,CACbF,EAA2B,EAAI,CACjC,EAEC,SAAAE,GAAa,UAChB,GACF,CAEJ,EAEA,IAAOX,EAAQM",
-  "names": ["LearnMore_exports", "__export", "LearnMore_default", "__toCommonJS", "import_jsx_runtime", "import_components", "import_AiuiProvider", "import_helpers", "LearnMore", "props", "className", "setOpenShippingPolicyModal", "metafields", "copyWriting"]
-}

package/dist/cjs/biz-components/Listing/components/PaidShipping/ShippingMethod.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../src/biz-components/Listing/components/PaidShipping/ShippingMethod.tsx"],
-  "sourcesContent": ["import { formatPrice } from '../../utils/index.js'\nimport { useAiuiContext } from '../../../AiuiProvider/index.js'\nimport { Text } from '../../../../components/index.js'\nimport { cn } from '../../../../helpers/index.js'\nimport { ShippingMethodMode } from './type.js'\n\nconst ShippingMethod = ({\n  item,\n  index,\n  active,\n  toggleShipping,\n  currencyCode,\n  metafields,\n  className = '',\n}: {\n  item: any\n  index: number\n  active: boolean\n  toggleShipping: (item: any, index: number) => void\n  currencyCode: string\n  metafields: any\n  className?: string\n}) => {\n  const { copyWriting, locale = 'us' } = useAiuiContext()\n\n  return (\n    <div\n      role=\"button\"\n      tabIndex={0}\n      onKeyDown={e => {\n        if (e.key === 'Enter' || e.key === ' ') {\n          toggleShipping(item, index)\n        }\n      }}\n      className={cn(\n        'relative flex cursor-pointer  justify-between gap-[16px] desktop:gap-3 lg-desktop:gap-5 overflow-hidden rounded-box border-2 border-[#E8E8E8] px-4 text-[#1F2021]',\n        {\n          'cursor-not-allowed opacity-60': item.disabled,\n          'border-brand': active,\n        },\n        className\n      )}\n      onClick={() => toggleShipping(item, index)}\n    >\n      <div className=\"relative flex flex-col justify-center\">\n        <Text\n          className={cn('laptop:text-[16px] lg-desktop:text-[18px] text-[14px] font-bold leading-[1.4]', {})}\n          as=\"p\"\n          html={item.title}\n        />\n        <Text\n          className={cn('laptop:text-[14px] lg-desktop:mt-1 text-[12px] font-bold leading-[1.4] text-[#6D6D6F]', {})}\n          as=\"p\"\n          html={item.subtitle}\n        />\n      </div>\n\n      <Text\n        className={cn('relative my-auto h-fit text-[18px] desktop:text-xl lg-desktop:text-2xl font-bold', {})}\n        as=\"p\"\n        html={\n          item.price\n            ? formatPrice({\n                amount: item.price,\n                currencyCode,\n                locale,\n                removeTrailingZeros: true,\n              })\n            : copyWriting?.free\n        }\n      />\n      {item.mode !== ShippingMethodMode.FREE && (\n        <div\n          className={cn(\n            'bg-brand-0 absolute -right-px -top-px rounded-bl-[8px] rounded-tr-[8px] overflow-hidden px-[8px] py-[2px] desktop:text-[14px] text-[12px] font-bold leading-[1.4] text-white'\n          )}\n        >\n          {metafields?.memberOnly}\n        </div>\n      )}\n    </div>\n  )\n}\n\nexport default ShippingMethod\n"],
-  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,IAAA,eAAAC,EAAAH,GA4CM,IAAAI,EAAA,6BA5CNC,EAA4B,gCAC5BC,EAA+B,0CAC/BC,EAAqB,2CACrBC,EAAmB,wCACnBC,EAAmC,qBAEnC,MAAMC,EAAiB,CAAC,CACtB,KAAAC,EACA,MAAAC,EACA,OAAAC,EACA,eAAAC,EACA,aAAAC,EACA,WAAAC,EACA,UAAAC,EAAY,EACd,IAQM,CACJ,KAAM,CAAE,YAAAC,EAAa,OAAAC,EAAS,IAAK,KAAI,kBAAe,EAEtD,SACE,QAAC,OACC,KAAK,SACL,SAAU,EACV,UAAWC,GAAK,EACVA,EAAE,MAAQ,SAAWA,EAAE,MAAQ,MACjCN,EAAeH,EAAMC,CAAK,CAE9B,EACA,aAAW,MACT,oKACA,CACE,gCAAiCD,EAAK,SACtC,eAAgBE,CAClB,EACAI,CACF,EACA,QAAS,IAAMH,EAAeH,EAAMC,CAAK,EAEzC,qBAAC,OAAI,UAAU,wCACb,oBAAC,QACC,aAAW,MAAG,gFAAiF,CAAC,CAAC,EACjG,GAAG,IACH,KAAMD,EAAK,MACb,KACA,OAAC,QACC,aAAW,MAAG,wFAAyF,CAAC,CAAC,EACzG,GAAG,IACH,KAAMA,EAAK,SACb,GACF,KAEA,OAAC,QACC,aAAW,MAAG,mFAAoF,CAAC,CAAC,EACpG,GAAG,IACH,KACEA,EAAK,SACD,eAAY,CACV,OAAQA,EAAK,MACb,aAAAI,EACA,OAAAI,EACA,oBAAqB,EACvB,CAAC,EACDD,GAAa,KAErB,EACCP,EAAK,OAAS,qBAAmB,SAChC,OAAC,OACC,aAAW,MACT,8KACF,EAEC,SAAAK,GAAY,WACf,GAEJ,CAEJ,EAEA,IAAOd,EAAQQ",
-  "names": ["ShippingMethod_exports", "__export", "ShippingMethod_default", "__toCommonJS", "import_jsx_runtime", "import_utils", "import_AiuiProvider", "import_components", "import_helpers", "import_type", "ShippingMethod", "item", "index", "active", "toggleShipping", "currencyCode", "metafields", "className", "copyWriting", "locale", "e"]
-}

package/dist/cjs/biz-components/Listing/components/PaidShipping/ShippingPolicyModal.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../src/biz-components/Listing/components/PaidShipping/ShippingPolicyModal.tsx"],
-  "sourcesContent": ["import { Dialog, DialogContent, Text, Link, DialogHeader, DialogTitle } from '../../../../components/index.js'\n\ninterface Terms {\n  text: string\n  url: string\n}\n\ninterface List {\n  title: string\n  list: string[]\n}\n\ninterface ShippingService {\n  title: string\n  list: List[]\n}\n\ninterface Data {\n  title: string\n  shippingCoupon: List\n  shippingService: ShippingService\n  terms: Terms\n}\n\ninterface Props {\n  data: Data\n  onClose: () => void\n  open: boolean\n}\n\nexport const ShippingPolicyModal = ({ data, onClose, open }: Props) => {\n  return (\n    <Dialog open={open} onOpenChange={onClose}>\n      <DialogContent\n        overlayClassName=\"z-[100]\"\n        className=\"tablet:top-1/2 tablet:max-w-[90vw] max-w-none rounded-t-box tablet:bottom-auto tablet:-translate-y-1/2 bg-white tablet:h-auto tablet:w-[896px] tablet:px-8 bottom-0 top-auto z-[110]  h-[calc(100vh-240px)] max-h-[80vh] translate-y-0 gap-0 overflow-hidden overflow-y-auto !py-0 px-4 [&_.dialog-close-button]:focus:!ring-0 [&_.dialog-close-icon]:!size-6 [&_.dialog-close-icon]:text-[#6D6D6F]\"\n      >\n        <DialogHeader className=\"laptop:pt-4 pb-2 pt-4\">\n          <DialogTitle className=\"laptop:text-[24px] text-left text-[20px] font-bold\">{data?.title}</DialogTitle>\n        </DialogHeader>\n        <div className=\"laptop:gap-8 laptop:py-8 py-6\">\n          <Text\n            className=\"tablet:text-[20px] font-bold leading-[1.2] text-[#1d1d1f] text-[16px]\"\n            html={data?.shippingCoupon?.title}\n          />\n          <ul className=\"mt-3 grid grid-flow-row gap-[4px] font-bold leading-[1.4]\">\n            {data?.shippingCoupon?.list.map((item, index) => (\n              <li className=\"flex text-[18px]\" key={index}>\n                <span className=\"text-[#86868C]\">{index + 1}.</span>\n                <span className=\"ml-[4px] font-bold text-[#86868C]\">{item}</span>\n              </li>\n            ))}\n          </ul>\n          <div className=\"tablet:mt-[24px] mt-[16px]\">\n            <Text className=\"text-[18px] font-bold leading-[1.2]  text-[#1d1d1f]\" html={data?.shippingService?.title} />\n            <div className=\"mt-1 grid w-full tablet:grid-cols-2 gap-[12px] grid-cols-1\">\n              {data?.shippingService?.list.map((item, index) => (\n                <div className=\"rounded-[12px] bg-[#EAEAEC] p-4\" key={index}>\n                  <Text as=\"p\" className=\"text-base font-bold !leading-[1.2] text-[#1d1d1f]\" html={item.title} />\n                  <div className=\"mt-3 grid grid-flow-row\">\n                    {item.list.map((subItem, subIndex) => (\n                      <Text as=\"p\" className=\"text-base font-bold text-[#86868C]\" key={subIndex}>\n                        {subItem}\n                      </Text>\n                    ))}\n                  </div>\n                </div>\n              ))}\n            </div>\n          </div>\n\n          <Link\n            className=\"text-brand-0 mt-8 block text-[16px] font-bold leading-[1.2] underline\"\n            href={`${data?.terms?.url}`}\n          >\n            {data?.terms?.text}\n          </Link>\n        </div>\n      </DialogContent>\n    </Dialog>\n  )\n}\n"],
-  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,yBAAAE,IAAA,eAAAC,EAAAH,GAsCU,IAAAI,EAAA,6BAtCVC,EAA6E,2CA8BtE,MAAMH,EAAsB,CAAC,CAAE,KAAAI,EAAM,QAAAC,EAAS,KAAAC,CAAK,OAEtD,OAAC,UAAO,KAAMA,EAAM,aAAcD,EAChC,oBAAC,iBACC,iBAAiB,UACjB,UAAU,sYAEV,oBAAC,gBAAa,UAAU,wBACtB,mBAAC,eAAY,UAAU,qDAAsD,SAAAD,GAAM,MAAM,EAC3F,KACA,QAAC,OAAI,UAAU,gCACb,oBAAC,QACC,UAAU,wEACV,KAAMA,GAAM,gBAAgB,MAC9B,KACA,OAAC,MAAG,UAAU,4DACX,SAAAA,GAAM,gBAAgB,KAAK,IAAI,CAACG,EAAMC,OACrC,QAAC,MAAG,UAAU,mBACZ,qBAAC,QAAK,UAAU,iBAAkB,UAAAA,EAAQ,EAAE,KAAC,KAC7C,OAAC,QAAK,UAAU,oCAAqC,SAAAD,EAAK,IAFtBC,CAGtC,CACD,EACH,KACA,QAAC,OAAI,UAAU,6BACb,oBAAC,QAAK,UAAU,sDAAsD,KAAMJ,GAAM,iBAAiB,MAAO,KAC1G,OAAC,OAAI,UAAU,6DACZ,SAAAA,GAAM,iBAAiB,KAAK,IAAI,CAACG,EAAMC,OACtC,QAAC,OAAI,UAAU,kCACb,oBAAC,QAAK,GAAG,IAAI,UAAU,oDAAoD,KAAMD,EAAK,MAAO,KAC7F,OAAC,OAAI,UAAU,0BACZ,SAAAA,EAAK,KAAK,IAAI,CAACE,EAASC,OACvB,OAAC,QAAK,GAAG,IAAI,UAAU,qCACpB,SAAAD,GAD8DC,CAEjE,CACD,EACH,IARoDF,CAStD,CACD,EACH,GACF,KAEA,OAAC,QACC,UAAU,wEACV,KAAM,GAAGJ,GAAM,OAAO,GAAG,GAExB,SAAAA,GAAM,OAAO,KAChB,GACF,GACF,EACF",
-  "names": ["ShippingPolicyModal_exports", "__export", "ShippingPolicyModal", "__toCommonJS", "import_jsx_runtime", "import_components", "data", "onClose", "open", "item", "index", "subItem", "subIndex"]
-}

package/dist/cjs/biz-components/Listing/components/PaidShipping/index.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../src/biz-components/Listing/components/PaidShipping/index.tsx"],
-  "sourcesContent": ["import { Text } from '../../../../components/index.js'\nimport type { Product, ProductVariant } from '../../types/product'\nimport { useCallback, useEffect, useMemo, useState } from 'react'\nimport { cn } from '../../../../helpers/index.js'\n\nimport ShippingMethod from './ShippingMethod.js'\nimport { ShippingPolicyModal } from './ShippingPolicyModal.js'\nimport type { DeliveryCustom, shippingMetafields, ShippingMethodType } from './type'\nimport { isWeightAvailable } from './utils.js'\nimport LearnMore from './LearnMore.js'\nimport { useBizProductContext } from '../../BizProductProvider.js'\nimport { withLayout } from '../../../../shared/Styles.js'\n\nconst PaidShipping = ({\n  metafields,\n  productList,\n  onShippingInfoChange,\n  variant,\n  className,\n}: {\n  metafields: any\n  productList: Array<Product & { variant: ProductVariant }>\n  variant: ProductVariant\n  onShippingInfoChange: (deliveryCustom: DeliveryCustom) => void\n  className?: string\n}) => {\n  const { isLogin, openSignInPopup } = useBizProductContext()\n  const [openShippingPolicyModal, setOpenShippingPolicyModal] = useState(false)\n  const [init, setInit] = useState(false)\n\n  const [selectedMethod, setSelectedMethod] = useState<ShippingMethodType | null>(null)\n\n  const weight = useMemo(() => {\n    return productList.reduce((acc, product) => acc + (product?.variant?.weight || 0), 0)\n  }, [productList])\n\n  const normalizedMethod = useCallback(\n    (method: shippingMetafields, weight: number, index: number) => {\n      return {\n        id: `${method.__code}__${method.price}`,\n        code: method.__code,\n        mode: method.__mode,\n        title: method.title,\n        disabled: !isWeightAvailable(weight, method),\n        price: method.price,\n        subtitle: method.subtitle,\n        tag: index !== 0 ? metafields?.memberOnly : '',\n        error: !isWeightAvailable(weight, method) ? metafields.overWeightError : '',\n      }\n    },\n    [metafields?.memberOnly, metafields.overWeightError]\n  )\n\n  const list = useMemo(() => {\n    const normalizedList: ShippingMethodType[] = metafields?.list?.map((method: shippingMetafields, index: number) =>\n      normalizedMethod(method, weight, index)\n    )\n\n    return normalizedList?.reduce((prev: ShippingMethodType[], method: ShippingMethodType) => {\n      // \u5982\u679C\u8D85\u91CD\uFF0C\u540C\u4E00\u4E2A\u7269\u6D41\u9009\u9879\u7C7B\u578B\u4E0B\uFF0C\u5C55\u793A\u5176\u4E2D\u4E00\u4E2A\u4E14\u4E0D\u53EF\u9009\n      const sameTypeMethod = normalizedList.filter((m: ShippingMethodType) => m.code == method.code)\n      let availableMethod: ShippingMethodType\n      // \u6240\u6709\u7269\u6D41\u9009\u9879\u90FD\u4E0D\u53EF\u9009\n      if (sameTypeMethod.every((m: ShippingMethodType) => m.disabled)) {\n        availableMethod = sameTypeMethod[sameTypeMethod.length - 1]\n      } else {\n        // \u53EF\u9009\u7269\u6D41\u9009\u9879\n        availableMethod = sameTypeMethod.find((m: ShippingMethodType) => !m.disabled)!\n      }\n      // \u5F53\u524D\u7269\u6D41\u9009\u9879\u5DF2\u5B58\u5728\n      const hasSameMethod = prev.find((m: ShippingMethodType) => availableMethod.id === m.id)\n      if (!hasSameMethod) {\n        return [...prev, availableMethod]\n      } else {\n        return prev\n      }\n    }, [] as ShippingMethodType[])\n  }, [normalizedMethod, metafields?.list, weight])\n\n  const handleChangeShippingInfo = useCallback(\n    (selectedMethod: ShippingMethodType) => {\n      onShippingInfoChange({\n        selected_delivery_code: selectedMethod.code,\n        selected_delivery_mode: selectedMethod.mode,\n      })\n    },\n    [onShippingInfoChange]\n  )\n\n  useEffect(() => {\n    // \u9ED8\u8BA4\u9009\u4E2D\u7B2C\u4E00\u4E2A\u7269\u6D41\u9009\u9879\n    if (metafields?.list?.length > 0 && !init) {\n      const standardShippingMethod = normalizedMethod(metafields?.list[0], 0, 0)\n      setSelectedMethod(standardShippingMethod)\n      handleChangeShippingInfo(standardShippingMethod)\n      setInit(true)\n    }\n  }, [normalizedMethod, metafields?.list, handleChangeShippingInfo, init])\n\n  const toggleShipping = useCallback(\n    (method: ShippingMethodType) => {\n      if (method.disabled) {\n        return\n      }\n      setSelectedMethod(method)\n      handleChangeShippingInfo(method)\n      // gaTrack({\n      //   event: 'ga4Event',\n      //   event_name: 'lp_button',\n      //   member_active_status: isLogin ? 'active' : 'not active', //\u7528\u4E8E\u8F93\u5165code\u6FC0\u6D3B\u4F1A\u5458\u5F39'\u7A97\u7684\u6309\u94AE\uFF0C\u533A\u5206\u4F1A\u5458\u6FC0\u6D3B\u72B6\u6001\uFF0C\u4F20active\u6216not active\n      //   event_parameters: {\n      //     page_group: 'Product Detail Page' + variant.sku, //\u5982\u679C\u662F\u9996\u9875\uFF0C\u5219\u4F20\"Home Page\";\u5982\u679C\u662Flisting\u7684\u9996\u5C4F\u6309\u94AE\uFF0C\u4F20Product Detail Page+$SKU\n      //     position: 'masterbanner1', //\u4F4D\u7F6E\u6807\u8BB0\u3002\u9996\u9875\u9996\u5C4F\u8F6E\u64AD\u4F4D\u7F6E\u4F20masterbanner1\u3001masterbanner2\u3001masterbanner3\uFF0C\u7B2C\u4E8C\u5C4F\u4F202nd_banner\uFF0C\u7B2C\u4E09\u5C4F\u4F203rd_banner\uFF0C\u6216\u8005\u53D6\u8BE5\u6A21\u5757\u5C0F\u6807\u9898\uFF0C\u6216\u80FD\u8BC6\u522B\u51FA\u662F\u54EA\u4E2A\u6A21\u5757\u4F4D\u7F6E\u7684\u6587\u6848\uFF0C\u5F39\u7A97\u4F20pop;\u5982\u679C\u662F\u8D2D\u7269\u8F66\u4FA7\u8FB9\u680F\uFF0C\u5219\u4F20\"Cart Pop Up\"\n      //     button_name: method.title, //\u53D6\u6309\u94AE\u6587\u6848\uFF0C\u6216\u80FD\u8BC6\u522B\u51FA\u662F\u54EA\u4E2A\u6309\u94AE\u7684\u6587\u6848,\u6BD4\u5982\u53F3\u4E0A\u89D2\u5173\u95ED\u4F20close,\u793E\u5A92\u5206\u4EAB\u56FE\u6807\u4F20\u5BF9\u5E94\u5E73\u53F0\u540D\u5B57\u5982Facebook,\u56FE\u7247\u5207\u6362\u5219\u4F20\u5BF9\u5E94\u5C55\u793A\u56FE\u7247\u7684\u540D\u5B57\n      //     info: '', //\u9ED8\u8BA4\u7A7A\u503C\uFF0C\u4E00\u822C\u4F20\u590D\u9009\u6846\u7684\u6587\u6848\u5185\u5BB9\uFF0C\u7279\u6B8A\u60C5\u51B5\u53EF\u6307\u5B9Ainfo\u503C\n      //   },\n      // })\n    },\n\n    [isLogin, list, variant.sku, handleChangeShippingInfo, openSignInPopup]\n  )\n\n  return (\n    <div\n      id=\"ipc-product-paid-shipping\"\n      className={cn(\n        ' laptop-md:mt-[96px] lg-desktop:mt-[128px] tablet:px-8 laptop:px-16 laptop-md:px-0 mt-16 px-4',\n        className\n      )}\n    >\n      <div className=\"flex flex-wrap justify-between space-x-2 md:space-x-1\">\n        <Text\n          className=\"lg-desktop:text-[16px] text-[14px] font-bold leading-[1.2] text-[#1F2021]\"\n          html={metafields?.title}\n        ></Text>\n        {/* <button\n          onClick={() => {\n            setOpenShippingPolicyModal(true)\n          }}\n          className='text-brand-color text-[16px] font-semibold text-[#595959] underline md:text-[14px]'\n        >\n          {metafields?.policy}\n        </button> */}\n      </div>\n      <div className=\"lg-desktop:mt-[16px] laptop-md:flex-nowrap mt-[12px] flex flex-wrap gap-[12px] overflow-hidden\">\n        {list.map((method: ShippingMethodType, index: number) => (\n          <ShippingMethod\n            key={index}\n            index={index}\n            item={method}\n            active={selectedMethod?.code === method.code}\n            toggleShipping={() => toggleShipping(method)}\n            currencyCode={variant.price.currencyCode}\n            metafields={metafields}\n            className=\"laptop:w-[calc(50%-6px)] laptop-md:flex-1 w-full\"\n          />\n        ))}\n        {/* learn more \u5361\u7247 */}\n        <LearnMore\n          setOpenShippingPolicyModal={setOpenShippingPolicyModal}\n          metafields={metafields}\n          className=\"laptop:w-[calc(50%-6px)] laptop-md:w-[calc(33.33%-16px)] lg-desktop:w-[calc(33.33%-24px)] w-full\"\n        />\n      </div>\n      {list.find((method: ShippingMethodType) => method?.error) && (\n        <Text\n          className=\"laptop-md:mt-[16px] mt-[12px] font-bold leading-[1.4] text-[#D41435]\"\n          html={list.find((method: ShippingMethodType) => method.error)?.error as string}\n          as=\"p\"\n        />\n      )}\n\n      {metafields?.seeAvailableArea && (\n        <Text\n          as=\"div\"\n          className=\"mt-[16px] font-bold leading-[1.4] text-[#080A0F] [&_a]:underline\"\n          html={metafields?.seeAvailableArea}\n        />\n      )}\n      {metafields?.shippingPolicy && (\n        <ShippingPolicyModal\n          data={metafields?.shippingPolicy}\n          onClose={() => setOpenShippingPolicyModal(false)}\n          open={openShippingPolicyModal}\n        />\n      )}\n    </div>\n  )\n}\n\nexport default withLayout(PaidShipping)\n"],
-  "mappings": "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",
-  "names": ["PaidShipping_exports", "__export", "PaidShipping_default", "__toCommonJS", "import_jsx_runtime", "import_components", "import_react", "import_helpers", "import_ShippingMethod", "import_ShippingPolicyModal", "import_utils", "import_LearnMore", "import_BizProductProvider", "import_Styles", "PaidShipping", "metafields", "productList", "onShippingInfoChange", "variant", "className", "isLogin", "openSignInPopup", "openShippingPolicyModal", "setOpenShippingPolicyModal", "init", "setInit", "selectedMethod", "setSelectedMethod", "weight", "acc", "product", "normalizedMethod", "method", "index", "list", "normalizedList", "prev", "sameTypeMethod", "m", "availableMethod", "handleChangeShippingInfo", "standardShippingMethod", "toggleShipping", "ShippingMethod", "LearnMore"]
-}

package/dist/cjs/biz-components/Listing/components/PaidShipping/type.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../src/biz-components/Listing/components/PaidShipping/type.ts"],
-  "sourcesContent": ["export enum ShippingMethodMode {\n  FREE = 'free',\n  TDD = 'tdd',\n  NDD = 'ndd',\n}\n\nexport type shippingMetafields = {\n  __mode: ShippingMethodMode\n  __code: string\n  title: string\n  subtitle: string\n  price: number\n  weight_low?: number | null\n  weight_high?: number | null\n  __plus?: boolean\n}\n\nexport type ShippingMethodType = {\n  error: unknown\n  code: string\n  mode: ShippingMethodMode\n  title: string\n  disabled: boolean\n  tag: string\n  price: number\n  subtitle: string\n  id: string\n}\n\nexport type DeliveryCustom = {\n  selected_delivery_code?: string\n  selected_delivery_mode?: ShippingMethodMode\n}\n"],
-  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,wBAAAE,IAAA,eAAAC,EAAAH,GAAO,IAAKE,OACVA,EAAA,KAAO,OACPA,EAAA,IAAM,MACNA,EAAA,IAAM,MAHIA,OAAA",
-  "names": ["type_exports", "__export", "ShippingMethodMode", "__toCommonJS"]
-}

package/dist/cjs/biz-components/Listing/components/PaidShipping/utils.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../src/biz-components/Listing/components/PaidShipping/utils.ts"],
-  "sourcesContent": ["import type { shippingMetafields } from './type.js'\n\nexport const isWeightAvailable = (weight: number, method: shippingMetafields) => {\n  if (method.weight_high && method.weight_low) {\n    return weight >= method.weight_low && weight <= method.weight_high\n  } else if (method.weight_high && !method.weight_low) {\n    return weight <= method.weight_high\n  } else if (method.weight_low && !method.weight_high) {\n    return weight >= method.weight_low\n  } else {\n    return true\n  }\n}\n"],
-  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,uBAAAE,IAAA,eAAAC,EAAAH,GAEO,MAAME,EAAoB,CAACE,EAAgBC,IAC5CA,EAAO,aAAeA,EAAO,WACxBD,GAAUC,EAAO,YAAcD,GAAUC,EAAO,YAC9CA,EAAO,aAAe,CAACA,EAAO,WAChCD,GAAUC,EAAO,YACfA,EAAO,YAAc,CAACA,EAAO,YAC/BD,GAAUC,EAAO,WAEjB",
-  "names": ["utils_exports", "__export", "isWeightAvailable", "__toCommonJS", "weight", "method"]
-}

package/dist/cjs/biz-components/Listing/components/ProductCard/ProductDetail/BenefitsTab.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../../src/biz-components/Listing/components/ProductCard/ProductDetail/BenefitsTab.tsx"],
-  "sourcesContent": ["/* eslint-disable react/no-unknown-property */\nimport { Button, Checkbox, Text, Picture, Heading, Link } from '../../../../../components/index.js'\nimport ProductBenefitsTabs from './ProductBenefitsTabs/index.js'\nimport { useBizProductContext } from '../../../BizProductProvider.js'\nimport { useComponentData } from '../../../hooks/useComponentData.js'\nimport { useBenefits } from '../../../hooks/useBenefits.js'\nimport { formatPrice } from '../../../utils/index.js'\nimport { replaceTemplate } from '../../../utils/textFormat.js'\nimport React, { useEffect, useMemo, useRef, useState } from 'react'\nimport { useAiuiContext } from '../../../../AiuiProvider/index.js'\nimport useCountDown from '../../../../../hooks/useCountDown.js'\nimport useCopy from '../../../hooks/useCopy.js'\nimport { cn } from '../../../../../helpers/index.js'\nimport ModalContainer from './ProductBenefitsTabs/ModalContainer.js'\nimport { withLayout } from '../../../../../shared/Styles.js'\nimport CreditCouponRedeem from './CreditCouponRedeem/index.js'\nimport type { CreditCouponRedeemProps } from './CreditCouponRedeem/index.js'\n// \u6587\u6848\u914D\u7F6E\u63A5\u53E3\ninterface BenefitsTabTextConfig {\n  // Coupon \u76F8\u5173\n  couponCode?: string // \"Code\"\n  copyCode?: string // \"Copy Code\"\n  copied?: string // \"Copied\"\n  expired?: string // \"Expired\"\n  offCoupon?: string // \"off coupon\"\n  offMemberOnly?: string // \"{amount} off Member Only\"\n  loginNow?: string // \"login now\"\n  selectFreeGift?: string // \"You can select the free gift below.\"\n  bundleSaveUpTo?: string // \"Bundle purchases save extra up to\"\n  bundleOffer?: string // \"We offer {count} bundle for you\"\n  creditsTitle?: string // \"Soundcore credits for cash\"\n  creditsDesc?: string // \"100 Soundcore credits=$1\"\n\n  // Tab \u6807\u7B7E\n  off?: string // \"off\"\n  memberBenefitsNotLogin?: string // \"Member Benefits\"\n  memberBenefitsNotLoginText?: string //\n\n  // Member Benefits \u90E8\u5206\n  forNewMember?: string // \"for New Member\"\n  expressShipping?: string // \"Express Shipping Method\"\n  creditsAfterActivation?: string // \"You will get soundcoreCredits after activation.\"\n  active?: string // \"Active\"\n\n  // Installment \u90E8\u5206\n  flexibleInstallment?: string // \"Flexible installment payment\"\n}\n\nexport type ProductBenefitsTabsValueType = 'coupon' | 'membership' | 'pay' | 'installment'\n\nexport type ModalData = {\n  needClickAway?: boolean\n  className?: string\n  title?: string\n  content?: string\n  domContent?: React.ReactNode\n}\n\ninterface BenefitsTabProps {\n  /**\n   * \u79EF\u5206\u5151\u6362 Coupon \u6A21\u5757\uFF08membership tab \u5185\u65B0\u589E\u533A\u5757\uFF09\u3002\n   * \u672A\u4F20\u5165\u65F6\u4E0D\u6E32\u67D3\u8BE5\u533A\u5757\uFF1B\u6570\u636E/\u4EA4\u4E92\u72B6\u6001\u9700\u7531\u8C03\u7528\u65B9\u8BA1\u7B97\u548C\u7EF4\u62A4\uFF0C\u672C\u7EC4\u4EF6\u4E0D\u505A\u4E1A\u52A1\u5224\u65AD\u3002\n   */\n  creditCouponRedeem?: CreditCouponRedeemProps\n  textConfig?: BenefitsTabTextConfig\n}\n\n// \u9ED8\u8BA4\u6587\u6848\u914D\u7F6E\nconst defaultTextConfig: Required<BenefitsTabTextConfig> = {\n  couponCode: 'Code',\n  copyCode: 'Copy Code',\n  copied: 'Copied',\n  expired: 'Expired',\n  offCoupon: '{discount} off coupon',\n  offMemberOnly: '{amount} off Member Only',\n  loginNow: 'Login now',\n  selectFreeGift: 'You can select the free gift below.',\n  bundleSaveUpTo: 'Bundle purchases save extra up to',\n  bundleOffer: 'We offer {count} bundle for you',\n  creditsTitle: 'Soundcore credits for cash',\n  creditsDesc: '100 Soundcore credits=$1',\n  off: ' off',\n  memberBenefitsNotLogin: 'You will enjoy a {amount} member discount after logging in.',\n  memberBenefitsNotLoginText: 'Sign Up to Get Benefits Below',\n  forNewMember: '{amount} off for New Member',\n  expressShipping: 'Express Shipping Method',\n  creditsAfterActivation: 'You will get soundcoreCredits after activation. ',\n  active: 'Active',\n  flexibleInstallment: 'Flexible installment payment ',\n}\n\n// \u5012\u8BA1\u65F6\u6309\u94AE\uFF08memo \u9694\u79BB\uFF0C\u907F\u514D\u5916\u5C42 CouponItem \u6BCF\u79D2\u91CD\u6E32\u67D3\uFF09\nconst CouponCountdown = React.memo(function CouponCountdown({\n  endsAt,\n  daysLeft,\n  endsText,\n  daysText,\n  hurryLabel,\n  expiredText,\n  onOpenModal,\n}: {\n  endsAt: string\n  daysLeft: number\n  endsText: string\n  daysText: string\n  hurryLabel: string\n  expiredText: string\n  onOpenModal: () => void\n}) {\n  const { days, hours, minutes, seconds } = useCountDown({ endTime: endsAt })\n\n  return (\n    <button\n      onClick={onOpenModal}\n      className=\"lg-desktop:mt-[24px] text-brand-0 laptop-md:mt-4 lg-desktop:text-[16px] md-l:hidden mt-[14px] text-left text-[14px] font-bold text-[#1F2021]\"\n    >\n      {Number(days) < Number(daysLeft) ? (\n        <>\n          <span>\n            {endsText} {days === '00' ? '0' : days} {daysText}\n          </span>\n          <span className=\"font-bold\">{` ${hours.toString()}:${minutes.toString()}:${seconds.toString()}`}</span>\n        </>\n      ) : (\n        hurryLabel || expiredText\n      )}\n    </button>\n  )\n})\n\n// Coupon content component (commonly used)\ninterface CouponContentProps {\n  coupons?: Array<{\n    borderStyle: 'inset' | 'rounded' // \u8FD9\u4E24\u79CD\u6837\u5F0F\u4E0D\u4E00\u6837\uFF0C inset \u56DB\u89D2\u662F\u5185\u5207\u5706\u89D2\uFF0C rounded \u56DB\u89D2\u662F\u666E\u901A\u5706\u89D2\n    useAble?: boolean\n    isAutoUse?: boolean\n    onUseChange?: (useAble: boolean) => boolean | undefined\n    code?: string\n    title: string\n    description: string | React.ReactNode\n    discount?: number\n    couponBgColor?: string\n    bgImage?: { url: string; alt?: string }\n    ends_at?: string\n  }>\n  className?: string\n}\n\nconst CouponItem = ({\n  item,\n  textConfig,\n  benefitPayloadData,\n}: {\n  item: NonNullable<CouponContentProps['coupons']>[number]\n  textConfig: Required<BenefitsTabTextConfig>\n  benefitPayloadData: any\n}) => {\n  const { trackingData } = useAiuiContext()\n  const { copied: isCopied, copy: copyToClipboard } = useCopy()\n  const [checked, setChecked] = useState(false)\n  const couponCopy = trackingData?.common?.coupon\n  const { openModal } = useBizProductContext()\n  return (\n    <>\n      <style jsx>{`\n        .coupon-card {\n          /* \u4F7F\u7528mask\u521B\u5EFA\u5185\u5207\u5706\u89D2 */\n          mask:\n            radial-gradient(circle at 0 0, transparent 12px, white 12px),\n            radial-gradient(circle at 100% 0, transparent 12px, white 12px),\n            radial-gradient(circle at 100% 100%, transparent 12px, white 12px),\n            radial-gradient(circle at 0 100%, transparent 12px, white 12px);\n          mask-size: 50% 50%;\n          mask-position:\n            top left,\n            top right,\n            bottom right,\n            bottom left;\n          mask-repeat: no-repeat;\n        }\n      `}</style>\n      <div\n        style={{\n          background: item.couponBgColor || 'white',\n        }}\n        className={cn(\n          'laptop:h-[112px] lg-desktop:h-[130px] relative h-[100px] overflow-hidden p-3',\n          item.borderStyle === 'inset' ? 'coupon-card ' : 'rounded-[8px]'\n        )}\n        {...(item.useAble && {\n          role: 'button',\n          tabIndex: 0,\n          onClick: () => {\n            const shouldChange = item?.onUseChange?.(checked)\n            if (shouldChange !== false) {\n              setChecked(!checked)\n            }\n          },\n        })}\n      >\n        {item?.bgImage?.url && (\n          <Picture\n            source={item.bgImage.url}\n            alt={item.bgImage.alt}\n            className=\"absolute bottom-0 right-0 w-auto\"\n            imgClassName=\"object-contain\"\n          />\n        )}\n        <div className=\"z-1 relative \">\n          <div className=\"flex items-center justify-start\">\n            {item.useAble && (\n              <Checkbox\n                size=\"lg\"\n                className=\"data-[state=checked]:border-primary mr-2 rounded-full border-[1.6px] border-[#D1D1D1]\"\n                checked={item?.isAutoUse}\n              />\n            )}\n            <Text\n              html={item.title}\n              className=\"laptop:text-[20px] lg-desktop:text-[24px] text-[16px] font-bold leading-[1.2]\"\n            />\n          </div>\n          {item.description && (\n            <Text\n              {...(typeof item.description === 'string' ? { html: item.description } : {})}\n              as=\"p\"\n              className=\"lg-desktop:text-[16px] mt-2 pr-8 text-[14px] font-bold text-[#3D3D3F]\"\n            >\n              {item.description}\n            </Text>\n          )}\n          {item.code && (\n            <div className=\"laptop-md:mt-2 flex items-center gap-2\">\n              <Text\n                html={`${benefitPayloadData?.couponBenefitData?.commonCoupon?.couponCode}: ${item.code}`}\n                className=\"lg-desktop:text-[16px] text-[14px] font-bold text-[#3D3D3F]\"\n              />\n              <Link\n                className=\"lg-desktop:text-[16px] text-[14px] font-bold underline\"\n                role=\"button\"\n                tabIndex={0}\n                onClick={event => {\n                  event.preventDefault()\n                  event.stopPropagation()\n                  copyToClipboard(item.code || '')\n                }}\n              >\n                {isCopied\n                  ? couponCopy?.copied || benefitPayloadData?.couponBenefitData?.commonCoupon?.copied\n                  : couponCopy?.copy || benefitPayloadData?.couponBenefitData?.commonCoupon?.copyCode}\n              </Link>\n            </div>\n          )}\n          {item.ends_at && (\n            <CouponCountdown\n              endsAt={item.ends_at}\n              daysLeft={couponCopy?.hurry?.daysLeft ?? 0}\n              endsText={couponCopy?.ends ?? ''}\n              daysText={couponCopy?.days ?? ''}\n              hurryLabel={couponCopy?.hurry?.label ?? ''}\n              expiredText={benefitPayloadData?.couponBenefitData?.commonCoupon?.expired ?? ''}\n              onOpenModal={() => {\n                if (couponCopy?.modal) {\n                  openModal(couponCopy?.modal!)\n                }\n              }}\n            />\n          )}\n        </div>\n      </div>\n    </>\n  )\n}\n\nconst CouponContent = ({\n  coupons,\n  className,\n  textConfig,\n  benefitPayloadData,\n}: CouponContentProps & { textConfig: Required<BenefitsTabTextConfig>; benefitPayloadData: any }) => {\n  return (\n    <div className={cn('laptop:grid laptop:grid-cols-2 laptop-md:grid-cols-1 flex flex-col gap-3', className)}>\n      {coupons?.map((item, index) => (\n        <CouponItem key={index} item={item} textConfig={textConfig} benefitPayloadData={benefitPayloadData} />\n      ))}\n    </div>\n  )\n}\n\nconst BenefitsTab = ({ creditCouponRedeem, textConfig }: BenefitsTabProps) => {\n  const {\n    profile,\n    variant,\n    renderInstallments,\n    onUseCouponChange,\n    onUseMemberDiscountChange,\n    discount,\n    savingDetail,\n    openModal,\n    openSignInPopup,\n    openAuthCodePopup,\n    openSignUpPopup,\n    creditsRedemption: creditsRedemptionData,\n  } = useBizProductContext()\n\n  const { usedPoints = 0, availablePoints = 0 } = creditsRedemptionData ?? {}\n  const [isInstallmentMounted, setIsInstallmentMounted] = useState(false)\n\n  const productBenefitsData = useComponentData('ProductBenefits') ?? {}\n\n  const [isFlexModalOpen, setIsFlexModalOpen] = useState(false)\n\n  const benefits = useBenefits({ variant })\n  const { locale = 'us', copyWriting } = useAiuiContext()\n  const scrollContainerRef = useRef<HTMLDivElement>(null)\n\n  // \u5408\u5E76\u9ED8\u8BA4\u914D\u7F6E\u548C\u4F20\u5165\u7684\u914D\u7F6E\n  const mergedTextConfig = { ...defaultTextConfig, ...textConfig }\n\n  const { activated = false } = profile || {} // \u7528\u6237\u662F\u5426\u6FC0\u6D3B\n  const {\n    memberDiscount,\n    commonCoupon,\n    creditsRedemption,\n    freeGift,\n    functionFreeGift,\n    bundle,\n    paidShipping,\n    fullGift,\n    levelDiscount,\n  } = benefits\n\n  const benefitPayloadData = useMemo(() => {\n    const couponBenefitData = productBenefitsData?.benefitTabs?.find((item: any) => item?.value === 'coupon') ?? {}\n    const membershipBenefitData =\n      productBenefitsData?.benefitTabs?.find((item: any) => item?.value === 'membership') ?? {}\n    const installmentBenefitData =\n      productBenefitsData?.benefitTabs?.find((item: any) => item?.value === 'installment') ?? {}\n    const payBenefitData = productBenefitsData?.benefitTabs?.find((item: any) => item?.value === 'pay') ?? {}\n    return { couponBenefitData, membershipBenefitData, installmentBenefitData, payBenefitData }\n  }, [productBenefitsData])\n\n  const coupons = [\n    commonCoupon?.enable\n      ? {\n          ...commonCoupon.config,\n          isAutoUse: savingDetail?.coupon > 0,\n          useAble: true,\n          borderStyle: 'rounded',\n          code: commonCoupon?.config?.title ?? '',\n          description: commonCoupon?.config?.desc ?? '',\n          onUseChange: (value: boolean) => {\n            const couponSaving = value ? (discount?.codeSavings ?? 0) : 0\n            onUseCouponChange?.(couponSaving)\n          },\n          title: replaceTemplate(benefitPayloadData?.couponBenefitData?.commonCoupon?.offCoupon, {\n            discount:\n              commonCoupon?.config?.value_type == 'percentage'\n                ? Math.abs(Number(commonCoupon?.config?.value || 0)) + '%'\n                : formatPrice({\n                    amount: Math.abs(Number(commonCoupon?.config?.fixed_value || 0)),\n                    currencyCode: variant.price.currencyCode,\n                    locale,\n                  }),\n          }),\n        }\n      : null,\n    memberDiscount.enable\n      ? {\n          useAble: true,\n          isAutoUse: Boolean(profile?.email) && !!savingDetail?.member,\n          title: replaceTemplate(benefitPayloadData?.couponBenefitData?.member?.offMemberOnly, {\n            amount: formatPrice({\n              amount: memberDiscount?.config?.amount ?? 0,\n              currencyCode: variant.price.currencyCode,\n              locale,\n            }),\n          }),\n          description: (\n            <>\n              {profile?.email\n                ? benefitPayloadData?.couponBenefitData?.member?.memberDiscounts\n                : (benefitPayloadData?.membershipBenefitData?.memberBenefitsNotLogin?.replace(\n                    '{amount}',\n                    formatPrice({\n                      amount: memberDiscount?.config?.amount ?? 0,\n                      currencyCode: variant.price.currencyCode,\n                      locale,\n                    })\n                  ) ?? '')}{' '}\n              {profile?.email ? (\n                ''\n              ) : (\n                <span role=\"button\" tabIndex={0} onClick={() => openSignInPopup?.()} className=\"underline\">\n                  {benefitPayloadData?.couponBenefitData?.member?.loginNow}\n                </span>\n              )}\n            </>\n          ),\n          borderStyle: 'rounded',\n          onUseChange: (value: boolean) => {\n            if (profile?.email) {\n              const memberSaving = value ? (memberDiscount?.config?.amount ?? 0) : 0\n              onUseMemberDiscountChange?.(memberSaving)\n              // setSavingDetail(prev => ({\n              //   ...prev,\n              //   member: value ? (memberDiscount?.config?.amount ?? 0) : 0,\n              // }))\n              return true\n            } else {\n              openSignInPopup?.()\n              return false\n            }\n          },\n        }\n      : null,\n    levelDiscount.enable\n      ? {\n          title: levelDiscount?.config?.title ?? '',\n          description: levelDiscount?.config?.tag ?? '',\n          borderStyle: 'inset',\n          bgImage: {\n            url: benefitPayloadData?.couponBenefitData?.levelDiscount?.bgImage,\n          },\n        }\n      : null,\n    functionFreeGift.enable\n      ? {\n          title: functionFreeGift?.config?.title ?? '',\n          description: benefitPayloadData?.couponBenefitData?.freeGift?.selectFreeGift,\n          borderStyle: 'inset',\n          bgImage: {\n            url: benefitPayloadData?.couponBenefitData?.freeGift?.bgImage,\n          },\n          couponBgColor:\n            'linear-gradient(94deg, rgba(215, 245, 254, 0.24) 4.2%, rgba(215, 245, 254, 0.80) 99.11%), #FFF',\n        }\n      : null,\n    freeGift.enable\n      ? {\n          title: freeGift?.config?.title ?? '',\n          description: benefitPayloadData?.couponBenefitData?.freeGift?.selectFreeGift,\n          borderStyle: 'inset',\n          bgImage: {\n            url: benefitPayloadData?.couponBenefitData?.freeGift?.bgImage,\n          },\n          couponBgColor:\n            'linear-gradient(94deg, rgba(215, 245, 254, 0.24) 4.2%, rgba(215, 245, 254, 0.80) 99.11%), #FFF',\n        }\n      : null,\n    bundle.enable\n      ? {\n          title: `${benefitPayloadData?.couponBenefitData?.bundle?.bundleSaveUpTo} ${bundle.config?.maxSavings}`,\n          borderStyle: 'inset',\n          description: benefitPayloadData?.couponBenefitData?.bundle?.bundleOffer.replace(\n            '{count}',\n            bundle?.config?.bundleOptions?.length?.toString() ?? ''\n          ),\n          bgImage: {\n            url: benefitPayloadData?.couponBenefitData?.bundle?.bgImage,\n          },\n          couponBgColor:\n            'linear-gradient(94deg, rgba(215, 245, 254, 0.24) 4.2%, rgba(215, 245, 254, 0.80) 99.11%), #FFF',\n        }\n      : null,\n    fullGift.enable\n      ? {\n          title: fullGift?.config?.title ?? '',\n          description: fullGift?.config?.desc ?? '',\n          borderStyle: 'inset',\n          bgImage: {\n            url: benefitPayloadData?.couponBenefitData?.fullGift?.bgImage,\n          },\n          couponBgColor:\n            'linear-gradient(94deg, rgba(215, 245, 254, 0.24) 4.2%, rgba(215, 245, 254, 0.80) 99.11%), #FFF',\n        }\n      : null,\n    creditsRedemption.enable\n      ? {\n          title: benefitPayloadData?.couponBenefitData?.creditsRedemption?.creditsTitle,\n          description: benefitPayloadData?.couponBenefitData?.creditsRedemption?.creditsDesc,\n          borderStyle: 'inset',\n          bgImage: {\n            url: benefitPayloadData?.couponBenefitData?.creditsRedemption?.bgImage,\n          },\n          couponBgColor:\n            'linear-gradient(94deg, rgba(215, 245, 254, 0.24) 4.2%, rgba(215, 245, 254, 0.80) 99.11%), #FFF',\n        }\n      : null,\n  ].filter(Boolean)\n\n  useEffect(() => {\n    setProductBenefitsTabsValue(coupons?.length ? 'coupon' : 'membership')\n  }, [coupons?.length])\n\n  useEffect(() => {\n    setIsInstallmentMounted(false)\n  }, [variant?.id])\n\n  const [productBenefitsTabsValue, setProductBenefitsTabsValue] = useState<ProductBenefitsTabsValueType>('coupon')\n\n  const handleActivate = () => {\n    openAuthCodePopup?.()\n  }\n\n  const handleProductBenefitsTabListClick = (\n    el: React.MouseEvent<HTMLButtonElement>,\n    value: ProductBenefitsTabsValueType\n  ) => {\n    setProductBenefitsTabsValue(value)\n    if (scrollContainerRef.current) {\n      const container = scrollContainerRef.current\n      const button = el.currentTarget\n      const scrollLeft = button.offsetLeft - container.offsetWidth / 2 + button.offsetWidth / 2\n      container.scrollTo({\n        left: scrollLeft,\n        behavior: 'smooth',\n      })\n    }\n  }\n\n  const benefitTabs = useMemo(() => {\n    return productBenefitsData?.benefitTabs\n      ?.map((item: any) => {\n        if (item?.value === 'coupon' && !coupons?.length) {\n          return null\n        }\n        return item\n      })\n      .filter(Boolean)\n  }, [productBenefitsData, coupons])\n\n  if (!ProductBenefitsTabs) return null\n\n  return (\n    <ProductBenefitsTabs\n      className=\"relative\"\n      onValueChange={value => {\n        setProductBenefitsTabsValue(value as 'coupon' | 'membership' | 'pay' | 'installment')\n        if (value === 'installment') {\n          setIsInstallmentMounted(true)\n        } else {\n          setIsInstallmentMounted(false)\n        }\n      }}\n      value={productBenefitsTabsValue}\n    >\n      <div className=\"absolute right-0 top-0 z-[1] h-[40px] w-[25px] rounded-xl bg-gradient-to-r from-transparent to-[#EAEAEC]\"></div>\n      <ProductBenefitsTabs.List ref={scrollContainerRef}>\n        {benefitTabs?.map((item: any) => (\n          <ProductBenefitsTabs.Trigger\n            key={item?.value}\n            className={cn(productBenefitsTabsValue === item.value && 'text-[#080A0F]')}\n            value={item.value}\n            onClick={e => handleProductBenefitsTabListClick(e, item?.value)}\n          >\n            {item.label}\n          </ProductBenefitsTabs.Trigger>\n        ))}\n      </ProductBenefitsTabs.List>\n      {/* TODO: @seasail \u7528tailwind \u539F\u5B50\u7C7B\u6216\u8005\u884C\u5185\u6837\u5F0F(Inline Style)\u4EE3\u66FF jsx global    */}\n      <style global jsx>\n        {`\n          .benefits-tabs-content::-webkit-scrollbar {\n            width: 4px; /* \u6EDA\u52A8\u6761\u5BBD\u5EA6 */\n            height: 64px; /* \u6A2A\u5411\u6EDA\u52A8\u6761\u9AD8\u5EA6 */\n          }\n\n          .benefits-tabs-content::-webkit-scrollbar-track {\n            background: transparent; /* \u6EDA\u52A8\u6761\u8F68\u9053\u80CC\u666F */\n          }\n\n          .benefits-tabs-content::-webkit-scrollbar-thumb {\n            background-color: #d1d1d1; /* \u6EDA\u52A8\u6761\u989C\u8272 */\n            border-radius: 9999px; /* \u5706\u89D2 */\n          }\n\n          .benefits-tabs-content::-webkit-scrollbar-thumb:hover {\n            background-color: rgba(100, 100, 100, 0.6);\n          }\n        `}\n      </style>\n      {/* \u4F7F\u7528\u5185\u7F6E\u7684 CouponContent \u5B50\u7EC4\u4EF6 */}\n      {coupons?.length ? (\n        <ProductBenefitsTabs.Content\n          value=\"coupon\"\n          className=\"benefits-tabs-content lg-desktop:h-[240px] laptop-md:h-[196px] laptop:h-[220px] h-[180px] overflow-y-auto\"\n        >\n          <div className=\"lg-desktop:p-4 p-3\">\n            <CouponContent\n              coupons={coupons as NonNullable<CouponContentProps['coupons']>}\n              textConfig={mergedTextConfig}\n              benefitPayloadData={benefitPayloadData}\n            />\n          </div>\n        </ProductBenefitsTabs.Content>\n      ) : null}\n      <ProductBenefitsTabs.Content\n        value=\"membership\"\n        className={cn(\n          'benefits-tabs-content lg-desktop:h-[240px] laptop-md:h-[196px] laptop:h-[220px] h-[180px] overflow-y-auto'\n        )}\n      >\n        <div className=\"lg-desktop:p-4 p-3\">\n          {creditCouponRedeem && (\n            <div className=\"laptop-md:mb-4 mb-2\">\n              <CreditCouponRedeem {...creditCouponRedeem} />\n            </div>\n          )}\n          <div\n            className={cn('rounded-lg', {\n              'benefits-tabs-content lg-desktop:h-[calc(240px-100px)] laptop-md:h-[calc(196px-80px)] laptop:h-[calc(220px-72px)] h-[calc(180px-73px)] overflow-y-auto':\n                !profile?.email,\n            })}\n          >\n            {!profile?.email && (\n              <h3 className=\"laptop-md:mb-2 mb-1 text-left text-lg font-bold !leading-[1.3]\">\n                {benefitPayloadData?.membershipBenefitData?.memberBenefitsNotLoginText}\n              </h3>\n            )}\n            <ul\n              className={`laptop-md:[&_li]:py-4 list-none \n              [&_li:first-child]:rounded-t-lg [&_li:last-child]:rounded-b-lg [&_li:last-child]:last:border-b-0 [&_li]:flex\n              [&_li]:items-center [&_li]:gap-2 [&_li]:border-b [&_li]:border-b-[#E4E5E6] [&_li]:bg-white [&_li]:px-4 [&_li]:py-[10px]\n              [&_li]:text-left`}\n            >\n              {/* \u79EF\u5206\u62B5\u73B0 */}\n              {creditsRedemption.enable ? (\n                <li>\n                  <svg\n                    className=\"laptop-md:size-6 size-4\"\n                    viewBox=\"0 0 24 24\"\n                    fill=\"none\"\n                    xmlns=\"http://www.w3.org/2000/svg\"\n                  >\n                    <path\n                      d=\"M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3ZM17 13C17.5523 13 18 13.4477 18 14C18 14.5523 17.5523 15 17 15H9.41406L9.70703 15.293C10.0976 15.6835 10.0976 16.3165 9.70703 16.707C9.31651 17.0976 8.68349 17.0976 8.29297 16.707L6.29297 14.707C6.00697 14.421 5.92139 13.9909 6.07617 13.6172C6.23098 13.2436 6.59558 13 7 13H17ZM14.293 7.29297C14.6835 6.90244 15.3165 6.90244 15.707 7.29297L17.707 9.29297C17.993 9.57897 18.0786 10.0091 17.9238 10.3828C17.769 10.7564 17.4044 11 17 11H7C6.44772 11 6 10.5523 6 10C6 9.44771 6.44772 9 7 9H14.5859L14.293 8.70703C13.9024 8.31651 13.9024 7.68349 14.293 7.29297Z\"\n                      fill=\"#1D1D1F\"\n                    />\n                  </svg>\n                  <Text as=\"p\" className=\"x:text-[14px] text-left text-[16px] font-bold\">\n                    {!activated && Boolean(profile?.email) ? (\n                      <>\n                        {benefitPayloadData?.membershipBenefitData?.creditsAfterActivation}\n                        <span role=\"button\" tabIndex={0} onClick={() => handleActivate()} className=\"underline\">\n                          {benefitPayloadData?.membershipBenefitData?.active}\n                        </span>\n                      </>\n                    ) : (\n                      creditsRedemption?.config?.label?.replace(\n                        '{{amount}}',\n                        formatPrice({\n                          amount: creditsRedemption?.config?.amount ?? 0,\n                          currencyCode: variant.price.currencyCode,\n                          locale,\n                        })\n                      )\n                    )}\n                  </Text>\n                </li>\n              ) : null}\n              {memberDiscount.enable && (\n                <li className=\"justify-between\">\n                  <div className=\"flex gap-2\">\n                    <svg\n                      xmlns=\"http://www.w3.org/2000/svg\"\n                      className=\"laptop-md:size-6 size-4\"\n                      viewBox=\"0 0 24 24\"\n                      fill=\"none\"\n                    >\n                      <path\n                        d=\"M20 3.5C21.6569 3.5 23 4.84315 23 6.5V9.65625C23 10.0791 22.7342 10.4566 22.3359 10.5986C21.6665 10.8372 21.1816 11.4844 21.1816 12.25C21.1816 13.0156 21.6665 13.6628 22.3359 13.9014C22.7342 14.0434 23 14.4209 23 14.8438V18C23 19.6569 21.6569 21 20 21H4C2.34315 21 1 19.6569 1 18V14.8438L1.01172 14.6875C1.06803 14.3301 1.31557 14.0256 1.66406 13.9014C2.33345 13.6628 2.81836 13.0156 2.81836 12.25C2.81836 11.4844 2.33345 10.8372 1.66406 10.5986C1.26583 10.4566 1 10.0791 1 9.65625V6.5C1 4.84315 2.34315 3.5 4 3.5H20ZM4 5.5C3.44772 5.5 3 5.94772 3 6.5V9.03125C4.08987 9.68678 4.81836 10.8833 4.81836 12.25C4.81836 13.6165 4.08963 14.8122 3 15.4678V18C3 18.5523 3.44772 19 4 19H20C20.5523 19 21 18.5523 21 18V15.4678C19.9104 14.8122 19.1816 13.6165 19.1816 12.25C19.1816 10.8833 19.9101 9.68677 21 9.03125V6.5C21 5.94772 20.5523 5.5 20 5.5H4ZM15.793 6.79297C16.1835 6.40244 16.8165 6.40244 17.207 6.79297C17.5976 7.18349 17.5976 7.81651 17.207 8.20703L8.20703 17.207C7.81651 17.5976 7.18349 17.5976 6.79297 17.207C6.40244 16.8165 6.40244 16.1835 6.79297 15.793L15.793 6.79297ZM15.25 13.25C16.3546 13.25 17.25 14.1454 17.25 15.25C17.25 16.3546 16.3546 17.25 15.25 17.25C14.1454 17.25 13.25 16.3546 13.25 15.25C13.25 14.1454 14.1454 13.25 15.25 13.25ZM15.25 14.75C14.9739 14.75 14.75 14.9739 14.75 15.25C14.75 15.5261 14.9739 15.75 15.25 15.75C15.5261 15.75 15.75 15.5261 15.75 15.25C15.75 14.9739 15.5261 14.75 15.25 14.75ZM8.75 6.75C9.85457 6.75 10.75 7.64543 10.75 8.75C10.75 9.85457 9.85457 10.75 8.75 10.75C7.64543 10.75 6.75 9.85457 6.75 8.75C6.75 7.64543 7.64543 6.75 8.75 6.75ZM8.75 8.25C8.47386 8.25 8.25 8.47386 8.25 8.75C8.25 9.02614 8.47386 9.25 8.75 9.25C9.02614 9.25 9.25 9.02614 9.25 8.75C9.25 8.47386 9.02614 8.25 8.75 8.25Z\"\n                        fill=\"#1D1D1F\"\n                      />\n                    </svg>\n                    <Text as=\"p\" className=\"x:text-[14px] text-left text-[16px] font-bold\">\n                      {replaceTemplate(benefitPayloadData?.membershipBenefitData?.forNewMember, {\n                        amount: formatPrice({\n                          amount: memberDiscount?.config?.amount ?? 0,\n                          currencyCode: variant.price.currencyCode,\n                          locale,\n                        }),\n                      })}\n                    </Text>\n                  </div>\n                  {Boolean(profile?.email) && <CheckedIcon />}\n                </li>\n              )}\n              {benefitPayloadData?.membershipBenefitData?.equities?.map((item: any, index: number) =>\n                item.modalText ? (\n                  <li key={index} className=\"justify-between gap-2\">\n                    <button\n                      onClick={() => openModal?.({ title: item.label, content: item.modalText })}\n                      key={index}\n                      className=\"flex justify-between\"\n                    >\n                      <Picture source={item.icon} alt={item.text} className=\"laptop-md:size-6 size-4 shrink-0\" />\n                      <Text className=\"x:text-[14px] text-wrap text-left text-[16px] font-bold\">{item.text}</Text>\n                    </button>\n                    {Boolean(profile?.email) && <CheckedIcon />}\n                  </li>\n                ) : (\n                  <li key={index} className=\"justify-between\">\n                    <div className=\"flex items-center gap-2\">\n                      <Picture source={item.icon} alt={item.text} className=\"laptop-md:size-6 size-4 shrink-0\" />\n                      <Text as=\"p\" className=\"x:text-[14px] text-wrap text-left text-[16px] font-bold\">\n                        {item.label}\n                      </Text>\n                    </div>\n                    {Boolean(profile?.email) && <CheckedIcon />}\n                  </li>\n                )\n              )}\n              {/* <li className=\"justify-between\">\n                <div className=\"flex items-center gap-2\">\n                  <Picture\n                    source={benefitPayloadData?.membershipBenefitData.memberPriceIcon}\n                    alt={benefitPayloadData?.membershipBenefitData.memberPriceDesc}\n                    className=\" size-6 shrink-0\"\n                  />\n                  <Text as=\"p\" className=\"x:text-[14px] text-wrap text-left text-[16px] font-bold\">\n                    {benefitPayloadData?.membershipBenefitData.memberPriceDesc}\n                  </Text>\n                </div>\n                {Boolean(profile?.email) && <CheckedIcon />}\n              </li> */}\n              {/* \u9AD8\u6807\u7269\u6D41 */}\n              {paidShipping.enable ? (\n                <li className=\"justify-between\">\n                  <div className=\"flex gap-2\">\n                    <svg\n                      className=\"laptop-md:size-6 size-4\"\n                      viewBox=\"0 0 24 24\"\n                      fill=\"none\"\n                      xmlns=\"http://www.w3.org/2000/svg\"\n                    >\n                      <path\n                        d=\"M19 3C19.5523 3 20 3.44772 20 4C20 4.55228 19.5523 5 19 5H10V16H21C21.5523 16 22 16.4477 22 17C22 17.5523 21.5523 18 21 18H19.9961C19.9961 19.6559 18.6547 21 16.998 21C15.3414 21 14 19.6559 14 18H10C10 19.6568 8.65684 21 7 21C5.34317 21 4 19.6568 4 18H2C1.44772 18 1 17.5523 1 17V10.6738L1.00488 10.5771C1.02632 10.3554 1.12145 10.146 1.27637 9.9834L4.77637 6.31055L4.84961 6.24023C5.02993 6.08586 5.26042 6 5.5 6H8V5C8 3.89544 8.89541 3 10 3H19ZM6.00488 18.1025C6.05622 18.6067 6.48234 19 7 19C7.51766 19 7.94378 18.6067 7.99512 18.1025L8 18H6L6.00488 18.1025ZM16.0049 18.1025C16.0561 18.6074 16.4823 19 16.998 19C17.5138 19 17.94 18.6074 17.9912 18.1025L17.9961 18H16L16.0049 18.1025ZM3 11.0723V16H8V8H5.92773L3 11.0723ZM21.6621 6.8252C22.0348 6.41765 22.6676 6.38902 23.0752 6.76172C23.4827 7.13443 23.5104 7.76725 23.1377 8.1748L18.0518 13.7363C17.6625 14.162 17.003 14.1954 16.5732 13.8105L13.333 10.9092C12.9216 10.5408 12.8865 9.90853 13.2549 9.49707C13.6232 9.08565 14.2555 9.05066 14.667 9.41895L17.208 11.6943L21.6621 6.8252Z\"\n                        fill=\"#1D1D1F\"\n                      />\n                    </svg>\n                    <Text as=\"p\" className=\"x:text-[14px] text-left text-[16px] font-bold\">\n                      {benefitPayloadData?.membershipBenefitData?.expressShipping}\n                    </Text>\n                  </div>\n                  {Boolean(profile?.email) && <CheckedIcon />}\n                </li>\n              ) : null}\n            </ul>\n          </div>\n          {!profile?.email && (\n            <div className=\"laptop-md:pt-4 pt-2\">\n              <Button variant=\"primary\" className=\"w-full\" onClick={() => openSignUpPopup?.()}>\n                {copyWriting?.signUp}\n              </Button>\n            </div>\n          )}\n        </div>\n      </ProductBenefitsTabs.Content>\n      <ProductBenefitsTabs.Content\n        value=\"pay\"\n        className=\"benefits-tabs-content lg-desktop:h-[240px] laptop-md:h-[196px] laptop:h-[220px] h-[180px] overflow-y-auto \"\n      >\n        <div className=\"lg-desktop:p-4 p-3\">\n          <Heading size={2} className=\"mb-2 text-left text-lg font-bold\">\n            {benefitPayloadData?.payBenefitData?.payMethod}\n          </Heading>\n          <div className=\"lg-desktop:p-4 flex items-center justify-between gap-2 rounded-lg bg-white p-3\">\n            <div className=\"flex items-center gap-2\">\n              <Picture\n                source={benefitPayloadData?.payBenefitData?.icon}\n                className=\"laptop-md:size-[70px] laptop-md:h-[34px] size-[40px] h-[20px] shrink-0\"\n              />\n              <Text\n                as=\"p\"\n                className=\"x:text-[14px] text-left text-[16px] font-bold\"\n                html={benefitPayloadData?.payBenefitData?.withCheckout}\n              />\n            </div>\n            <button\n              className=\"hover:text-brand-0 laptop-md:text-[16px] whitespace-nowrap text-sm font-bold underline\"\n              onClick={() => setIsFlexModalOpen(true)}\n            >\n              {benefitPayloadData?.payBenefitData?.learnMore}\n            </button>\n          </div>\n        </div>\n\n        <ModalContainer showModal={isFlexModalOpen} closeModal={() => setIsFlexModalOpen(false)}>\n          <Picture source={benefitPayloadData?.payBenefitData?.payImage}></Picture>\n        </ModalContainer>\n      </ProductBenefitsTabs.Content>\n      {/* \u81EA\u5B9A\u4E49\u5185\u5BB9 */}\n      <ProductBenefitsTabs.Content\n        value=\"installment\"\n        forceMount={true}\n        className={cn(\n          'benefits-tabs-content lg-desktop:h-[240px] laptop-md:h-[196px] laptop:h-[220px] h-[180px] overflow-y-auto ',\n          isInstallmentMounted ? 'block' : 'hidden'\n        )}\n      >\n        <div className=\"lg-desktop:p-4 p-3\">\n          <Heading size={2} className=\"mb-2 text-left text-lg font-bold\">\n            {benefitPayloadData?.installmentBenefitData?.flexibleInstallment}\n          </Heading>\n          <div className=\"lg-desktop:p-4 overflow-hidden rounded-lg bg-white p-3\">{renderInstallments}</div>\n        </div>\n      </ProductBenefitsTabs.Content>\n    </ProductBenefitsTabs>\n  )\n}\n\nconst CheckedIcon = (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=\"M4 9.19472L8.51935 13.667L16.2668 6.00024\"\n        stroke=\"#2BBC4F\"\n        strokeWidth=\"1.67\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      />\n    </svg>\n  )\n}\n\nexport default withLayout(BenefitsTab)\n"],
-  "mappings": "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",
-  "names": ["BenefitsTab_exports", "__export", "BenefitsTab_default", "__toCommonJS", "import_jsx_runtime", "import_components", "import_ProductBenefitsTabs", "import_BizProductProvider", "import_useComponentData", "import_useBenefits", "import_utils", "import_textFormat", "import_react", "import_AiuiProvider", "import_useCountDown", "import_useCopy", "import_helpers", "import_ModalContainer", "import_Styles", "import_CreditCouponRedeem", "defaultTextConfig", "CouponCountdown", "React", "endsAt", "daysLeft", "endsText", "daysText", "hurryLabel", "expiredText", "onOpenModal", "days", "hours", "minutes", "seconds", "useCountDown", "CouponItem", "item", "textConfig", "benefitPayloadData", "trackingData", "isCopied", "copyToClipboard", "useCopy", "checked", "setChecked", "couponCopy", "openModal", "event", "CouponContent", "coupons", "className", "index", "BenefitsTab", "creditCouponRedeem", "profile", "variant", "renderInstallments", "onUseCouponChange", "onUseMemberDiscountChange", "discount", "savingDetail", "openSignInPopup", "openAuthCodePopup", "openSignUpPopup", "creditsRedemptionData", "usedPoints", "availablePoints", "isInstallmentMounted", "setIsInstallmentMounted", "productBenefitsData", "isFlexModalOpen", "setIsFlexModalOpen", "benefits", "locale", "copyWriting", "scrollContainerRef", "mergedTextConfig", "activated", "memberDiscount", "commonCoupon", "creditsRedemption", "freeGift", "functionFreeGift", "bundle", "paidShipping", "fullGift", "levelDiscount", "couponBenefitData", "membershipBenefitData", "installmentBenefitData", "payBenefitData", "value", "couponSaving", "memberSaving", "setProductBenefitsTabsValue", "productBenefitsTabsValue", "handleActivate", "handleProductBenefitsTabListClick", "el", "container", "button", "scrollLeft", "benefitTabs", "ProductBenefitsTabs", "e", "CreditCouponRedeem", "CheckedIcon", "ModalContainer", "props"]
-}

package/dist/cjs/biz-components/Listing/components/ProductCard/ProductDetail/CreditCouponRedeem/CouponInit.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../../../src/biz-components/Listing/components/ProductCard/ProductDetail/CreditCouponRedeem/CouponInit.tsx"],
-  "sourcesContent": ["import { Button, Picture, Text } from '../../../../../../components/index.js'\nimport { cn } from '../../../../../../helpers/index.js'\nimport type { CreditCouponRuleData, CreditCouponRedeemModalCopy } from './types.js'\n\nexport interface CouponInitProps {\n  item: CreditCouponRuleData\n  copy: CreditCouponRedeemModalCopy\n  loading?: boolean\n  errorMessage?: string\n  onConfirm: () => void\n}\n\nconst CouponInit = ({ item, copy, loading = false, errorMessage, onConfirm }: CouponInitProps) => {\n  return (\n    <div className=\"coupon-init flex flex-col gap-6\">\n      <div\n        className={\n          'max-h-[500px] overflow-y-auto text-center bg-[#F5F5F7] px-[48px] py-[24px] md:max-h-[400px] md:px-[16px]'\n        }\n      >\n        <div className=\"relative mx-auto h-[164px] w-[324px]\">\n          <Picture source={copy.modalIcon} className=\"h-full [&_img]:h-full\" />\n          <div className=\"absolute bottom-[8px] left-[24px] text-[32px] font-extrabold text-white\">{`${item.value} Off`}</div>\n        </div>\n\n        <Text as=\"p\" html={item.consumeCreditsLabel} className=\"mt-[8px] text-[24px] font-bold\" />\n        {item.rules && item.rules.length > 0 && (\n          <div className=\"w-full text-left mt-[8px]\">\n            {copy.ruleLabel && (\n              <Text as=\"p\" size={4} className=\"text-info-secondary mb-1 text-[14px] font-bold\">\n                {copy.ruleLabel}\n              </Text>\n            )}\n            <ul className=\"ml-4 flex flex-col gap-1\">\n              {item.rules.map((rule, index) => (\n                <li key={index} className=\"text-info-secondary list-disc text-[14px] font-bold\">\n                  <Text as=\"span\" size={4} html={rule} />\n                </li>\n              ))}\n            </ul>\n          </div>\n        )}\n      </div>\n\n      <div className=\"flex flex-col gap-2 px-[48px] pb-[24px]\">\n        <Text as=\"p\" html={copy.confirmTitle} className=\"text-info-primary text-center text-[20px] font-bold\" />\n        <Button variant=\"primary\" size=\"lg\" className={cn('w-full')} loading={loading} onClick={onConfirm}>\n          {copy.confirmButton}\n        </Button>\n        {errorMessage && (\n          <Text as=\"p\" size={4} html={errorMessage} className=\"text-center text-[14px] font-bold text-[#FF0000]\" />\n        )}\n      </div>\n    </div>\n  )\n}\n\nCouponInit.displayName = 'CouponInit'\n\nexport default CouponInit\n"],
-  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,IAAA,eAAAC,EAAAH,GAoBQ,IAAAI,EAAA,6BApBRC,EAAsC,iDACtCC,EAAmB,8CAWnB,MAAMC,EAAa,CAAC,CAAE,KAAAC,EAAM,KAAAC,EAAM,QAAAC,EAAU,GAAO,aAAAC,EAAc,UAAAC,CAAU,OAEvE,QAAC,OAAI,UAAU,kCACb,qBAAC,OACC,UACE,2GAGF,qBAAC,OAAI,UAAU,uCACb,oBAAC,WAAQ,OAAQH,EAAK,UAAW,UAAU,wBAAwB,KACnE,OAAC,OAAI,UAAU,0EAA2E,YAAGD,EAAK,KAAK,OAAO,GAChH,KAEA,OAAC,QAAK,GAAG,IAAI,KAAMA,EAAK,oBAAqB,UAAU,iCAAiC,EACvFA,EAAK,OAASA,EAAK,MAAM,OAAS,MACjC,QAAC,OAAI,UAAU,4BACZ,UAAAC,EAAK,cACJ,OAAC,QAAK,GAAG,IAAI,KAAM,EAAG,UAAU,iDAC7B,SAAAA,EAAK,UACR,KAEF,OAAC,MAAG,UAAU,2BACX,SAAAD,EAAK,MAAM,IAAI,CAACK,EAAMC,OACrB,OAAC,MAAe,UAAU,sDACxB,mBAAC,QAAK,GAAG,OAAO,KAAM,EAAG,KAAMD,EAAM,GAD9BC,CAET,CACD,EACH,GACF,GAEJ,KAEA,QAAC,OAAI,UAAU,0CACb,oBAAC,QAAK,GAAG,IAAI,KAAML,EAAK,aAAc,UAAU,sDAAsD,KACtG,OAAC,UAAO,QAAQ,UAAU,KAAK,KAAK,aAAW,MAAG,QAAQ,EAAG,QAASC,EAAS,QAASE,EACrF,SAAAH,EAAK,cACR,EACCE,MACC,OAAC,QAAK,GAAG,IAAI,KAAM,EAAG,KAAMA,EAAc,UAAU,mDAAmD,GAE3G,GACF,EAIJJ,EAAW,YAAc,aAEzB,IAAOL,EAAQK",
-  "names": ["CouponInit_exports", "__export", "CouponInit_default", "__toCommonJS", "import_jsx_runtime", "import_components", "import_helpers", "CouponInit", "item", "copy", "loading", "errorMessage", "onConfirm", "rule", "index"]
-}

package/dist/cjs/biz-components/Listing/components/ProductCard/ProductDetail/CreditCouponRedeem/CouponSuccess.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../../../src/biz-components/Listing/components/ProductCard/ProductDetail/CreditCouponRedeem/CouponSuccess.tsx"],
-  "sourcesContent": ["import { Picture, Text } from '../../../../../../components/index.js'\nimport useCopy from '../../../../hooks/useCopy.js'\nimport { trackCodeCopy } from './tracking.js'\nimport type { CreditCouponRuleData, CreditCouponRedeemModalCopy } from './types.js'\n\nexport interface CouponSuccessProps {\n  couponCode: string\n  copy: CreditCouponRedeemModalCopy\n  item: CreditCouponRuleData\n  /** \u5F53\u524D\u5546\u54C1 SKU\uFF08\u57CB\u70B9\u4E0A\u62A5\uFF09 */\n  sku: string\n}\n\nconst CouponSuccess = ({ couponCode, item, copy, sku }: CouponSuccessProps) => {\n  const { copy: copyToClipboard, copied } = useCopy()\n\n  const handleCopy = () => {\n    copyToClipboard(couponCode)\n    // 05 \u6298\u6263\u7801\u590D\u5236\n    trackCodeCopy({ sku }, { code: couponCode })\n  }\n\n  return (\n    <div className=\"coupon-success flex flex-col gap-6\">\n      <div className=\"coupon-success-body bg-container-secondary flex flex-col items-center gap-2 rounded-[16px] px-[48px] py-[24px] md:px-[16px] text-center\">\n        <div className=\"relative mx-auto h-[164px] w-[324px]\">\n          <Picture source={copy.modalIcon} className=\"h-full [&_img]:h-full\" />\n          <div className=\"absolute bottom-[8px] left-[24px] text-[32px] font-extrabold text-white\">{`${item.value} Off`}</div>\n        </div>\n        <div className=\"coupon-success-code mt-[8px] flex items-center gap-2\">\n          <Text as=\"span\" size={2} className=\"text-info-primary text-[24px] font-bold\">\n            {couponCode}\n          </Text>\n          <button\n            type=\"button\"\n            onClick={handleCopy}\n            disabled={copied}\n            className=\"text-info-primary shrink-0 text-[16px] font-bold underline disabled:pointer-events-none\"\n          >\n            {copied ? copy.copiedLabel || 'Copied' : copy.copyLabel || 'Copy'}\n          </button>\n        </div>\n      </div>\n      <div className=\"coupon-success-footer flex flex-col gap-2 text-center px-[48px] pb-[24px]\">\n        <Text as=\"p\" html={copy.successTitle} className=\"text-info-primary text-[20px] font-bold\" />\n        <Text as=\"p\" size={4} html={copy.successDesc} className=\"text-info-secondary text-[14px] font-bold\" />\n      </div>\n    </div>\n  )\n}\n\nCouponSuccess.displayName = 'CouponSuccess'\n\nexport default CouponSuccess\n"],
-  "mappings": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,IAAA,eAAAC,EAAAH,GAyBQ,IAAAI,EAAA,6BAzBRC,EAA8B,iDAC9BC,EAAoB,2CACpBC,EAA8B,yBAW9B,MAAMC,EAAgB,CAAC,CAAE,WAAAC,EAAY,KAAAC,EAAM,KAAAC,EAAM,IAAAC,CAAI,IAA0B,CAC7E,KAAM,CAAE,KAAMC,EAAiB,OAAAC,CAAO,KAAI,EAAAC,SAAQ,EAE5CC,EAAa,IAAM,CACvBH,EAAgBJ,CAAU,KAE1B,iBAAc,CAAE,IAAAG,CAAI,EAAG,CAAE,KAAMH,CAAW,CAAC,CAC7C,EAEA,SACE,QAAC,OAAI,UAAU,qCACb,qBAAC,OAAI,UAAU,0IACb,qBAAC,OAAI,UAAU,uCACb,oBAAC,WAAQ,OAAQE,EAAK,UAAW,UAAU,wBAAwB,KACnE,OAAC,OAAI,UAAU,0EAA2E,YAAGD,EAAK,KAAK,OAAO,GAChH,KACA,QAAC,OAAI,UAAU,uDACb,oBAAC,QAAK,GAAG,OAAO,KAAM,EAAG,UAAU,0CAChC,SAAAD,EACH,KACA,OAAC,UACC,KAAK,SACL,QAASO,EACT,SAAUF,EACV,UAAU,0FAET,SAAAA,EAASH,EAAK,aAAe,SAAWA,EAAK,WAAa,OAC7D,GACF,GACF,KACA,QAAC,OAAI,UAAU,4EACb,oBAAC,QAAK,GAAG,IAAI,KAAMA,EAAK,aAAc,UAAU,0CAA0C,KAC1F,OAAC,QAAK,GAAG,IAAI,KAAM,EAAG,KAAMA,EAAK,YAAa,UAAU,4CAA4C,GACtG,GACF,CAEJ,EAEAH,EAAc,YAAc,gBAE5B,IAAON,EAAQM",
-  "names": ["CouponSuccess_exports", "__export", "CouponSuccess_default", "__toCommonJS", "import_jsx_runtime", "import_components", "import_useCopy", "import_tracking", "CouponSuccess", "couponCode", "item", "copy", "sku", "copyToClipboard", "copied", "useCopy", "handleCopy"]
-}

package/dist/cjs/biz-components/Listing/components/ProductCard/ProductDetail/CreditCouponRedeem/CreditCouponListItem.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../../../src/biz-components/Listing/components/ProductCard/ProductDetail/CreditCouponRedeem/CreditCouponListItem.tsx"],
-  "sourcesContent": ["import { useState } from 'react'\nimport { Text, Picture } from '../../../../../../components/index.js'\nimport { cn } from '../../../../../../helpers/index.js'\nimport useCopy from '../../../../hooks/useCopy.js'\nimport { useBizProductContext } from '../../../../BizProductProvider.js'\nimport RedeemCouponModal from './RedeemCouponModal.js'\nimport {\n  trackEntryClick,\n  trackPopupImpression,\n  trackRedeemSuccess,\n  trackCodeCopy,\n  resolveUserIdentity,\n} from './tracking.js'\nimport type { CreditCouponRuleData, CreditCouponRedeemModalCopy, RedeemStatus } from './types.js'\n\nexport interface CreditCouponListItemProps {\n  item: CreditCouponRuleData\n  redeemLabel?: string\n  unLoginLabel?: string\n  iconUrl?: string\n  className?: string\n  copy: CreditCouponRedeemModalCopy\n  /** \u53D1\u8D77\u771F\u5B9E\u5151\u6362\u8BF7\u6C42\uFF0C\u6210\u529F resolve \u5151\u6362\u7801\uFF0C\u5931\u8D25 reject Error\uFF08message \u4F5C\u4E3A\u5F39\u7A97\u9519\u8BEF\u6587\u6848\uFF09 */\n  onConfirm: (item: CreditCouponRuleData) => Promise<string>\n  onModalOpenChange?: (open: boolean) => void\n  /** \u5F53\u524D\u5546\u54C1 SKU\uFF08\u57CB\u70B9\u4E0A\u62A5\uFF09 */\n  sku: string\n}\n\nconst CreditCouponListItem = ({\n  item,\n  redeemLabel = 'Redeem',\n  unLoginLabel,\n  iconUrl,\n  className,\n  copy,\n  onConfirm,\n  onModalOpenChange,\n  sku,\n}: CreditCouponListItemProps) => {\n  const { profile, openSignUpPopup, openAuthCodePopup } = useBizProductContext()\n  const { copy: copyToClipboard, copied } = useCopy()\n\n  // \u5151\u6362\u72B6\u6001\u673A + \u5F39\u7A97\uFF0C\u5747\u5185\u805A\u5728\u5355\u6761 item \u5185\u90E8\n  const [modalOpen, setModalOpen] = useState(false)\n  const [redeemStatus, setRedeemStatus] = useState<RedeemStatus>('idle')\n  const [couponCode, setCouponCode] = useState<string>()\n  const [errorMessage, setErrorMessage] = useState<string>()\n  // \u672C\u6B21\u4F1A\u8BDD\u5151\u6362\u6210\u529F\u540E\u8BB0\u5F55\u7684 code\uFF1B\u9875\u9762\u5237\u65B0\u540E\u7531 item.code \u627F\u63A5\u6301\u4E45\u6001\n  const [redeemedCode, setRedeemedCode] = useState<string>()\n\n  const code = redeemedCode ?? item.code\n  const userIdentity = resolveUserIdentity(profile)\n\n  const handleItemClick = () => {\n    if (!profile) {\n      // \u672A\u767B\u5F55\uFF1A\u4E0A\u62A5 members_only \u5165\u53E3\u70B9\u51FB\u540E\u5524\u8D77\u6CE8\u518C\u5F39\u7A97\n      trackEntryClick({ sku }, { entryType: 'members_only', userIdentity })\n      openSignUpPopup?.()\n    } else if (!profile.activated) {\n      // \u5DF2\u767B\u5F55\u672A\u6FC0\u6D3B\uFF1A\u4E0A\u62A5 get_discount \u5165\u53E3\u70B9\u51FB\u540E\u5524\u8D77\u6FC0\u6D3B\u5F39\u7A97\uFF1B\n      // \u6FC0\u6D3B\u6210\u529F\u540E\uFF08onSuccess \u56DE\u8C03\uFF09\u81EA\u52A8\u6253\u5F00 redeem \u5F39\u7A97\uFF0C\u7EE7\u7EED\u5151\u6362\n      trackEntryClick({ sku }, { entryType: 'get_discount', userIdentity })\n      openAuthCodePopup?.(() => {\n        setModalOpen(true)\n        trackPopupImpression({ sku }, { popupSource: 'after_login' })\n        onModalOpenChange?.(true)\n      })\n    } else {\n      // \u5DF2\u767B\u5F55\u5DF2\u6FC0\u6D3B\uFF1A\u4E0A\u62A5\u5165\u53E3\u70B9\u51FB + \u5F39\u7A97\u66DD\u5149\uFF08direct \u8DEF\u5F84\uFF09\n      trackEntryClick({ sku }, { entryType: 'get_discount', userIdentity })\n      setModalOpen(true)\n      trackPopupImpression({ sku }, { popupSource: 'direct' })\n      onModalOpenChange?.(true)\n    }\n  }\n\n  const handleConfirm = async () => {\n    setRedeemStatus('loading')\n    setErrorMessage(undefined)\n    try {\n      const newCode = await onConfirm(item)\n      setCouponCode(newCode)\n      setRedeemedCode(newCode)\n      setRedeemStatus('success')\n      // 04 \u5151\u6362\u6210\u529F\n      trackRedeemSuccess({ sku }, { result: 'success' })\n    } catch (err) {\n      setErrorMessage(err instanceof Error ? err.message : String(err))\n      setRedeemStatus('error')\n      // \u5151\u6362\u5931\u8D25\u4E5F\u4E0A\u62A5\uFF0Ccomponent_description \u4E3A fail\uFF08\u9884\u7559\uFF09\n      trackRedeemSuccess({ sku }, { result: 'fail' })\n    }\n  }\n\n  const handleCopy = () => {\n    if (!code) return\n    copyToClipboard(code)\n    // 05 \u6298\u6263\u7801\u590D\u5236\n    trackCodeCopy({ sku }, { code })\n  }\n\n  const handleOpenChange = (open: boolean) => {\n    setModalOpen(open)\n    if (!open) {\n      // \u5173\u95ED\u5F39\u7A97\u540E\u91CD\u7F6E\u5F39\u7A97\u77AC\u65F6\u72B6\u6001\uFF0C\u4E0B\u6B21\u6253\u5F00\u56DE\u5230\u521D\u59CB\u786E\u8BA4\u6001\uFF1BredeemedCode \u4FDD\u7559\u7528\u4E8E\u5217\u8868\u5C55\u793A\n      setRedeemStatus('idle')\n      setCouponCode(undefined)\n      setErrorMessage(undefined)\n    }\n    onModalOpenChange?.(open)\n  }\n\n  return (\n    <li\n      className={cn(\n        'credit-coupon-list-item border-lines-secondary flex h-[84px] items-center gap-3 border-b bg-white px-4 last:border-b-0 first:rounded-t-2xl last:rounded-b-2xl',\n        className\n      )}\n    >\n      <div className=\"relative size-[70px] flex items-center\">\n        {iconUrl && (\n          <Picture source={iconUrl} alt={item.title} className=\"w-full h-fit\" imgClassName=\"w-full object-contain\" />\n        )}\n        {item.value && (\n          <div className=\"absolute inset-0 left-[18px] flex items-center text-right text-[12px] text-white font-[800]\">\n            {`${item.value} Off`}\n          </div>\n        )}\n      </div>\n      <div className=\"credit-coupon-list-item-info flex min-w-0 flex-1 flex-col gap-1\">\n        <Text\n          as=\"p\"\n          size={2}\n          html={item.title}\n          className=\"credit-coupon-list-item-title text-info-primary line-clamp-2 text-[16px] md:text-[14px] font-bold\"\n        />\n        {code && (\n          <Text\n            as=\"span\"\n            size={2}\n            className=\"credit-coupon-list-item-code-text text-info-secondary text-[14px] md:text-[13px] font-bold\"\n          >\n            {copy.codeLabel ? `${copy.codeLabel}: ` : ''}\n            {code}\n          </Text>\n        )}\n      </div>\n      {code ? (\n        <button\n          type=\"button\"\n          onClick={handleCopy}\n          disabled={copied}\n          className=\"credit-coupon-list-item-copy text-info-primary shrink-0 text-[16px] md:text-[14px] font-bold underline disabled:pointer-events-none\"\n        >\n          {copied ? copy.copiedLabel || 'Copied' : copy.copyLabel || 'Copy'}\n        </button>\n      ) : (\n        <button\n          type=\"button\"\n          onClick={handleItemClick}\n          className=\"credit-coupon-list-item-cta text-info-primary shrink-0 whitespace-nowrap text-[16px]  md:text-[14px] font-bold underline\"\n        >\n          {profile ? redeemLabel : unLoginLabel}\n        </button>\n      )}\n      <RedeemCouponModal\n        open={modalOpen}\n        onOpenChange={handleOpenChange}\n        item={item}\n        copy={copy}\n        redeemStatus={redeemStatus}\n        couponCode={couponCode}\n        errorMessage={errorMessage}\n        onConfirm={handleConfirm}\n        sku={sku}\n      />\n    </li>\n  )\n}\n\nCreditCouponListItem.displayName = 'CreditCouponListItem'\n\nexport default CreditCouponListItem\n"],
-  "mappings": "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",
-  "names": ["CreditCouponListItem_exports", "__export", "CreditCouponListItem_default", "__toCommonJS", "import_jsx_runtime", "import_react", "import_components", "import_helpers", "import_useCopy", "import_BizProductProvider", "import_RedeemCouponModal", "import_tracking", "CreditCouponListItem", "item", "redeemLabel", "unLoginLabel", "iconUrl", "className", "copy", "onConfirm", "onModalOpenChange", "sku", "profile", "openSignUpPopup", "openAuthCodePopup", "copyToClipboard", "copied", "useCopy", "modalOpen", "setModalOpen", "redeemStatus", "setRedeemStatus", "couponCode", "setCouponCode", "errorMessage", "setErrorMessage", "redeemedCode", "setRedeemedCode", "code", "userIdentity", "handleItemClick", "handleConfirm", "newCode", "err", "handleCopy", "handleOpenChange", "open", "RedeemCouponModal"]
-}

package/dist/cjs/biz-components/Listing/components/ProductCard/ProductDetail/CreditCouponRedeem/RedeemCouponModal.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../../../src/biz-components/Listing/components/ProductCard/ProductDetail/CreditCouponRedeem/RedeemCouponModal.tsx"],
-  "sourcesContent": ["import { Dialog, DialogContent } from '../../../../../../components/index.js'\nimport { cn } from '../../../../../../helpers/index.js'\nimport CouponInit from './CouponInit.js'\nimport CouponSuccess from './CouponSuccess.js'\nimport type { CreditCouponRuleData, CreditCouponRedeemModalCopy, RedeemStatus } from './types.js'\n\nexport interface RedeemCouponModalProps {\n  open: boolean\n  onOpenChange: (open: boolean) => void\n  item: CreditCouponRuleData | null\n  copy: CreditCouponRedeemModalCopy\n  redeemStatus: RedeemStatus\n  couponCode?: string\n  errorMessage?: string\n  onConfirm: () => void\n  /** \u5F53\u524D\u5546\u54C1 SKU\uFF08\u57CB\u70B9\u4E0A\u62A5\uFF09 */\n  sku: string\n}\n\nconst RedeemCouponModal = ({\n  open,\n  onOpenChange,\n  item,\n  copy,\n  redeemStatus,\n  couponCode,\n  errorMessage,\n  onConfirm,\n  sku,\n}: RedeemCouponModalProps) => {\n  if (!item) return null\n\n  return (\n    <Dialog open={open} onOpenChange={onOpenChange}>\n      <DialogContent className={cn('redeem-coupon-modal-root p-0 rounded-[16px] overflow-hidden')}>\n        {redeemStatus === 'success' && couponCode ? (\n          <CouponSuccess item={item} couponCode={couponCode} copy={copy} sku={sku} />\n        ) : (\n          <CouponInit\n            item={item}\n            copy={copy}\n            loading={redeemStatus === 'loading'}\n            errorMessage={redeemStatus === 'error' ? errorMessage : undefined}\n            onConfirm={onConfirm}\n          />\n        )}\n      </DialogContent>\n    </Dialog>\n  )\n}\n\nRedeemCouponModal.displayName = 'RedeemCouponModal'\n\nexport default RedeemCouponModal\n"],
-  "mappings": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,IAAA,eAAAC,EAAAH,GAoCU,IAAAI,EAAA,6BApCVC,EAAsC,iDACtCC,EAAmB,8CACnBC,EAAuB,8BACvBC,EAA0B,iCAgB1B,MAAMC,EAAoB,CAAC,CACzB,KAAAC,EACA,aAAAC,EACA,KAAAC,EACA,KAAAC,EACA,aAAAC,EACA,WAAAC,EACA,aAAAC,EACA,UAAAC,EACA,IAAAC,CACF,IACON,KAGH,OAAC,UAAO,KAAMF,EAAM,aAAcC,EAChC,mBAAC,iBAAc,aAAW,MAAG,6DAA6D,EACvF,SAAAG,IAAiB,WAAaC,KAC7B,OAAC,EAAAI,QAAA,CAAc,KAAMP,EAAM,WAAYG,EAAY,KAAMF,EAAM,IAAKK,EAAK,KAEzE,OAAC,EAAAE,QAAA,CACC,KAAMR,EACN,KAAMC,EACN,QAASC,IAAiB,UAC1B,aAAcA,IAAiB,QAAUE,EAAe,OACxD,UAAWC,EACb,EAEJ,EACF,EAjBgB,KAqBpBR,EAAkB,YAAc,oBAEhC,IAAOP,EAAQO",
-  "names": ["RedeemCouponModal_exports", "__export", "RedeemCouponModal_default", "__toCommonJS", "import_jsx_runtime", "import_components", "import_helpers", "import_CouponInit", "import_CouponSuccess", "RedeemCouponModal", "open", "onOpenChange", "item", "copy", "redeemStatus", "couponCode", "errorMessage", "onConfirm", "sku", "CouponSuccess", "CouponInit"]
-}

package/dist/cjs/biz-components/Listing/components/ProductCard/ProductDetail/CreditCouponRedeem/index.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../../../src/biz-components/Listing/components/ProductCard/ProductDetail/CreditCouponRedeem/index.tsx"],
-  "sourcesContent": ["import { useRef, useState } from 'react'\nimport { Text, Link } from '../../../../../../components/index.js'\nimport { cn } from '../../../../../../helpers/index.js'\nimport { useBizProductContext } from '../../../../BizProductProvider.js'\nimport { useIntersectionObserverDelay } from '../../../../../../hooks/useIntersectionObserver.js'\nimport CreditCouponListItem from './CreditCouponListItem.js'\nimport { trackModuleImpression, resolveUserIdentity } from './tracking.js'\nimport type { CreditCouponRuleData, CreditCouponRedeemProps } from './types.js'\n\nconst CreditCouponRedeem = ({\n  title,\n  items,\n  visibleCount,\n  viewMoreLabel = 'View More',\n  redeemLabel = 'Redeem',\n  unLoginLabel,\n  className,\n  onModalOpenChange,\n  onConfirm,\n  modalCopy,\n  iconUrl,\n}: CreditCouponRedeemProps) => {\n  const { profile, variant } = useBizProductContext()\n  const [expanded, setExpanded] = useState(false)\n  const rootRef = useRef<HTMLDivElement>(null)\n\n  const hasMore = Boolean(visibleCount) && items.length > visibleCount!\n  const visibleItems = expanded || !hasMore ? items : items.slice(0, visibleCount)\n\n  const sku = variant?.sku || ''\n\n  // 01 \u6A21\u5757\u66DD\u5149\uFF1A\u8FDB\u5165\u53EF\u89C6\u533A\uFF08\u226550%\uFF09\u5355\u6B21\u89E6\u53D1\n  useIntersectionObserverDelay(rootRef, {\n    once: true,\n    threshold: 0.5,\n    delay: 0,\n    callback: () => {\n      trackModuleImpression({ sku }, resolveUserIdentity(profile))\n    },\n  })\n\n  if (!items.length) return null\n\n  return (\n    <div ref={rootRef} className={cn('credit-coupon-redeem-root', className)}>\n      {title && <Text html={title} className=\"text-[24px] font-bold md:text-[16px]\" />}\n      <ul className=\"border-lines-secondary mt-[12px] flex list-none flex-col overflow-hidden rounded-[16px] border bg-[#F5F5F7]\">\n        {visibleItems.map(item => (\n          <CreditCouponListItem\n            key={item.id}\n            item={item}\n            redeemLabel={redeemLabel}\n            unLoginLabel={unLoginLabel}\n            iconUrl={iconUrl}\n            copy={modalCopy}\n            onConfirm={onConfirm}\n            onModalOpenChange={onModalOpenChange}\n            sku={sku}\n          />\n        ))}\n      </ul>\n      {hasMore && !expanded && (\n        <Link\n          onClick={() => setExpanded(true)}\n          className=\"credit-coupon-redeem-view-more text-info-primary mt-3 inline-flex items-center gap-1 text-[16px] font-bold\"\n        >\n          {viewMoreLabel}\n        </Link>\n      )}\n    </div>\n  )\n}\n\nCreditCouponRedeem.displayName = 'CreditCouponRedeem'\n\nexport default CreditCouponRedeem\nexport type { CreditCouponRedeemProps, CreditCouponRuleData, RedeemStatus } from './types.js'\n"],
-  "mappings": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,IAAA,eAAAC,EAAAH,GA4CI,IAAAI,EAAA,6BA5CJC,EAAiC,iBACjCC,EAA2B,iDAC3BC,EAAmB,8CACnBC,EAAqC,6CACrCC,EAA6C,8DAC7CC,EAAiC,wCACjCC,EAA2D,yBAG3D,MAAMC,EAAqB,CAAC,CAC1B,MAAAC,EACA,MAAAC,EACA,aAAAC,EACA,cAAAC,EAAgB,YAChB,YAAAC,EAAc,SACd,aAAAC,EACA,UAAAC,EACA,kBAAAC,EACA,UAAAC,EACA,UAAAC,EACA,QAAAC,CACF,IAA+B,CAC7B,KAAM,CAAE,QAAAC,EAAS,QAAAC,CAAQ,KAAI,wBAAqB,EAC5C,CAACC,EAAUC,CAAW,KAAI,YAAS,EAAK,EACxCC,KAAU,UAAuB,IAAI,EAErCC,EAAU,EAAQd,GAAiBD,EAAM,OAASC,EAClDe,EAAeJ,GAAY,CAACG,EAAUf,EAAQA,EAAM,MAAM,EAAGC,CAAY,EAEzEgB,EAAMN,GAAS,KAAO,GAY5B,SATA,gCAA6BG,EAAS,CACpC,KAAM,GACN,UAAW,GACX,MAAO,EACP,SAAU,IAAM,IACd,yBAAsB,CAAE,IAAAG,CAAI,KAAG,uBAAoBP,CAAO,CAAC,CAC7D,CACF,CAAC,EAEIV,EAAM,UAGT,QAAC,OAAI,IAAKc,EAAS,aAAW,MAAG,4BAA6BT,CAAS,EACpE,UAAAN,MAAS,OAAC,QAAK,KAAMA,EAAO,UAAU,uCAAuC,KAC9E,OAAC,MAAG,UAAU,8GACX,SAAAiB,EAAa,IAAIE,MAChB,OAAC,EAAAC,QAAA,CAEC,KAAMD,EACN,YAAaf,EACb,aAAcC,EACd,QAASK,EACT,KAAMD,EACN,UAAWD,EACX,kBAAmBD,EACnB,IAAKW,GARAC,EAAK,EASZ,CACD,EACH,EACCH,GAAW,CAACH,MACX,OAAC,QACC,QAAS,IAAMC,EAAY,EAAI,EAC/B,UAAU,6GAET,SAAAX,EACH,GAEJ,EA5BwB,IA8B5B,EAEAJ,EAAmB,YAAc,qBAEjC,IAAOV,EAAQU",
-  "names": ["CreditCouponRedeem_exports", "__export", "CreditCouponRedeem_default", "__toCommonJS", "import_jsx_runtime", "import_react", "import_components", "import_helpers", "import_BizProductProvider", "import_useIntersectionObserver", "import_CreditCouponListItem", "import_tracking", "CreditCouponRedeem", "title", "items", "visibleCount", "viewMoreLabel", "redeemLabel", "unLoginLabel", "className", "onModalOpenChange", "onConfirm", "modalCopy", "iconUrl", "profile", "variant", "expanded", "setExpanded", "rootRef", "hasMore", "visibleItems", "sku", "item", "CreditCouponListItem"]
-}

package/dist/cjs/biz-components/Listing/components/ProductCard/ProductDetail/CreditCouponRedeem/tracking.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../../../src/biz-components/Listing/components/ProductCard/ProductDetail/CreditCouponRedeem/tracking.ts"],
-  "sourcesContent": ["import { gaTrack } from '../../../../../../shared/track.js'\n\n/**\n * \u79EF\u5206\u5151\u6362\u6298\u6263\u5238\u57CB\u70B9\uFF08\u89C1\u9700\u6C42\u6587\u6863 5.4.2\uFF09\n *\n * \u7EDF\u4E00\u901A\u8FC7 window.dataLayer \u4E0A\u62A5\uFF0Cevent \u56FA\u5B9A\u4E3A ga4Event\u3002\n * - component_impression\uFF1A\u6A21\u5757\u66DD\u5149 / \u5151\u6362\u5F39\u7A97\u66DD\u5149\n * - component_click\uFF1A\u5165\u53E3\u70B9\u51FB / \u5151\u6362\u6210\u529F / \u6298\u6263\u7801\u590D\u5236\n *\n * page_group \u9075\u5FAA PDP \u89C4\u8303\uFF1A\"Product Detail Page_\" + SKU\u3002\n */\n\nconst PAGE_GROUP_PREFIX = 'Product Detail Page_'\n\n/** \u7528\u6237\u8EAB\u4EFD \u2192 \u57CB\u70B9\u679A\u4E3E\uFF08component_title\uFF09 */\nexport type UserIdentity = 'guest' | 'member' | 'plus_member'\n\n/**\n * \u5C06 profile.memberType \u6620\u5C04\u4E3A\u57CB\u70B9\u7528\u6237\u8EAB\u4EFD\u679A\u4E3E\u3002\n * \u901A\u8FC7\u7ED3\u6784\u5316\u5C40\u90E8\u7C7B\u578B\u8BFB\u53D6\uFF08\u907F\u514D\u4F9D\u8D56 UserProfile \u5168\u5C40\u7C7B\u578B\uFF0C\u8BE5\u7C7B\u578B\u6682\u672A\u58F0\u660E memberType\uFF09\u3002\n * - '0' / \u7A7A  \u2192 guest\uFF08\u672A\u767B\u5F55\uFF09\n * - '1'       \u2192 member\uFF08\u666E\u901A\u4F1A\u5458\uFF09\n * - '2'       \u2192 plus_member\uFF08\u4ED8\u8D39\u4F1A\u5458\uFF09\n */\nexport const resolveUserIdentity = (profile?: unknown): UserIdentity => {\n  const memberType = (profile as { memberType?: string } | null | undefined)?.memberType\n  if (memberType === '2') return 'plus_member'\n  if (memberType === '1') return 'member'\n  return 'guest'\n}\n\ninterface TrackingEventBase {\n  sku: string\n}\n\n/** \u79EF\u5206\u5151\u6362\u6298\u6263\u5238\u6A21\u5757\u5728 listing \u9875\u7684\u57CB\u70B9\u4F4D\u7F6E\u6807\u8BC6\uFF08\u56FA\u5B9A\u503C\uFF09 */\nconst MODULE_POSITION = 'member benefits'\n\nconst pushEvent = (eventName: 'component_impression' | 'component_click', parameters: Record<string, any>) => {\n  gaTrack({\n    event: 'ga4Event',\n    event_name: eventName,\n    event_parameters: parameters,\n  })\n}\n\n/** 01 \u79EF\u5206\u5151\u6362\u6298\u6263\u5238\u6A21\u5757\u66DD\u5149 */\nexport const trackModuleImpression = ({ sku }: TrackingEventBase, userIdentity: UserIdentity) => {\n  pushEvent('component_impression', {\n    page_group: `${PAGE_GROUP_PREFIX}${sku}`,\n    component_type: 'copy',\n    component_name: 'points_redemption',\n    position: MODULE_POSITION,\n    creative_id: '',\n    component_title: userIdentity,\n    component_description: '',\n    navigation: '',\n  })\n}\n\n/** 02 \u79EF\u5206\u5151\u6362\u6298\u6263\u5238\u6A21\u5757 - \u5151\u6362\u5165\u53E3\u70B9\u51FB */\nexport const trackEntryClick = (\n  { sku }: TrackingEventBase,\n  { entryType, userIdentity }: { entryType: 'members_only' | 'get_discount'; userIdentity: UserIdentity }\n) => {\n  pushEvent('component_click', {\n    page_group: `${PAGE_GROUP_PREFIX}${sku}`,\n    component_type: 'copy',\n    component_name: 'points_redemption',\n    position: MODULE_POSITION,\n    creative_id: '',\n    button_name: entryType,\n    component_title: userIdentity,\n    component_description: '',\n    SKU: sku,\n    navigation: '',\n  })\n}\n\n/** 03 \u79EF\u5206\u5151\u6362\u6298\u6263\u5238\u6A21\u5757 - \u5151\u6362\u5F39\u7A97\u66DD\u5149 */\nexport const trackPopupImpression = (\n  { sku }: TrackingEventBase,\n  { popupSource }: { popupSource: 'direct' | 'after_login' }\n) => {\n  pushEvent('component_impression', {\n    page_group: `${PAGE_GROUP_PREFIX}${sku}`,\n    component_type: 'copy',\n    component_name: 'redemption_popup',\n    position: 1,\n    creative_id: '',\n    component_title: 'Redemption Popup',\n    component_description: popupSource,\n    navigation: '',\n  })\n}\n\n/** 04 \u79EF\u5206\u5151\u6362\u6298\u6263\u5238\u6A21\u5757 - \u5151\u6362\u6210\u529F\uFF08\u70B9\u51FB Confirm\uFF09 */\nexport const trackRedeemSuccess = (\n  { sku }: TrackingEventBase,\n  { result }: { result: 'success' | 'fail' }\n) => {\n  pushEvent('component_click', {\n    page_group: `${PAGE_GROUP_PREFIX}${sku}`,\n    component_type: 'copy',\n    component_name: 'redemption_popup',\n    position: 1,\n    creative_id: '',\n    button_name: 'confirm',\n    component_title: 'Redemption Popup',\n    component_description: result,\n    SKU: sku,\n    navigation: '',\n  })\n}\n\n/** 05 \u79EF\u5206\u5151\u6362\u6298\u6263\u5238\u6A21\u5757 - \u6298\u6263\u7801\u590D\u5236 */\nexport const trackCodeCopy = ({ sku }: TrackingEventBase, { code }: { code: string }) => {\n  pushEvent('component_click', {\n    page_group: `${PAGE_GROUP_PREFIX}${sku}`,\n    component_type: 'copy',\n    component_name: 'discount_code',\n    position: 1,\n    creative_id: '',\n    button_name: 'copy_code',\n    component_title: code,\n    component_description: '',\n    SKU: sku,\n    navigation: '',\n  })\n}\n"],
-  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,yBAAAE,EAAA,kBAAAC,EAAA,oBAAAC,EAAA,0BAAAC,EAAA,yBAAAC,EAAA,uBAAAC,IAAA,eAAAC,EAAAR,GAAA,IAAAS,EAAwB,6CAYxB,MAAMC,EAAoB,uBAYbR,EAAuBS,GAAoC,CACtE,MAAMC,EAAcD,GAAwD,WAC5E,OAAIC,IAAe,IAAY,cAC3BA,IAAe,IAAY,SACxB,OACT,EAOMC,EAAkB,kBAElBC,EAAY,CAACC,EAAuDC,IAAoC,IAC5G,WAAQ,CACN,MAAO,WACP,WAAYD,EACZ,iBAAkBC,CACpB,CAAC,CACH,EAGaX,EAAwB,CAAC,CAAE,IAAAY,CAAI,EAAsBC,IAA+B,CAC/FJ,EAAU,uBAAwB,CAChC,WAAY,GAAGJ,CAAiB,GAAGO,CAAG,GACtC,eAAgB,OAChB,eAAgB,oBAChB,SAAUJ,EACV,YAAa,GACb,gBAAiBK,EACjB,sBAAuB,GACvB,WAAY,EACd,CAAC,CACH,EAGad,EAAkB,CAC7B,CAAE,IAAAa,CAAI,EACN,CAAE,UAAAE,EAAW,aAAAD,CAAa,IACvB,CACHJ,EAAU,kBAAmB,CAC3B,WAAY,GAAGJ,CAAiB,GAAGO,CAAG,GACtC,eAAgB,OAChB,eAAgB,oBAChB,SAAUJ,EACV,YAAa,GACb,YAAaM,EACb,gBAAiBD,EACjB,sBAAuB,GACvB,IAAKD,EACL,WAAY,EACd,CAAC,CACH,EAGaX,EAAuB,CAClC,CAAE,IAAAW,CAAI,EACN,CAAE,YAAAG,CAAY,IACX,CACHN,EAAU,uBAAwB,CAChC,WAAY,GAAGJ,CAAiB,GAAGO,CAAG,GACtC,eAAgB,OAChB,eAAgB,mBAChB,SAAU,EACV,YAAa,GACb,gBAAiB,mBACjB,sBAAuBG,EACvB,WAAY,EACd,CAAC,CACH,EAGab,EAAqB,CAChC,CAAE,IAAAU,CAAI,EACN,CAAE,OAAAI,CAAO,IACN,CACHP,EAAU,kBAAmB,CAC3B,WAAY,GAAGJ,CAAiB,GAAGO,CAAG,GACtC,eAAgB,OAChB,eAAgB,mBAChB,SAAU,EACV,YAAa,GACb,YAAa,UACb,gBAAiB,mBACjB,sBAAuBI,EACvB,IAAKJ,EACL,WAAY,EACd,CAAC,CACH,EAGad,EAAgB,CAAC,CAAE,IAAAc,CAAI,EAAsB,CAAE,KAAAK,CAAK,IAAwB,CACvFR,EAAU,kBAAmB,CAC3B,WAAY,GAAGJ,CAAiB,GAAGO,CAAG,GACtC,eAAgB,OAChB,eAAgB,gBAChB,SAAU,EACV,YAAa,GACb,YAAa,YACb,gBAAiBK,EACjB,sBAAuB,GACvB,IAAKL,EACL,WAAY,EACd,CAAC,CACH",
-  "names": ["tracking_exports", "__export", "resolveUserIdentity", "trackCodeCopy", "trackEntryClick", "trackModuleImpression", "trackPopupImpression", "trackRedeemSuccess", "__toCommonJS", "import_track", "PAGE_GROUP_PREFIX", "profile", "memberType", "MODULE_POSITION", "pushEvent", "eventName", "parameters", "sku", "userIdentity", "entryType", "popupSource", "result", "code"]
-}