@anker-in/headless-ui 1.3.63 → 1.3.64

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../../../src/biz-components/Listing/components/ProductCard/ProductDetail/CreditCouponRedeem/types.ts"],
-  "sourcesContent": ["/**\n * \u79EF\u5206\u5151\u6362 Coupon \u5355\u6761\u89C4\u5219\u6570\u636E\n *\n * \u7EAF\u5C55\u793A\u6570\u636E\uFF0C\u8C03\u7528\u65B9\u9700\u5728\u4F20\u5165\u524D\u5B8C\u6210\u6240\u6709\u4E1A\u52A1\u5224\u65AD\uFF08\u767B\u5F55/\u6FC0\u6D3B/\u79EF\u5206/\u5E93\u5B58/\u662F\u5426\u5DF2\u5151\u6362\uFF09\uFF0C\n * \u53EA\u628A\"\u5141\u8BB8\u5151\u6362\"\u7684\u884C\u4F20\u5165 items\uFF0C\u672C\u7EC4\u4EF6\u4E0D\u505A\u4EFB\u4F55\u8FC7\u6EE4\u6216\u72B6\u6001\u5224\u65AD\u3002\n */\nexport interface CreditCouponRuleData {\n  /** \u89C4\u5219\u552F\u4E00\u6807\u8BC6\uFF08\u7528\u4E8E key \u548C\u5151\u6362\u8BF7\u6C42\uFF09 */\n  id: number | string\n  /** \u6807\u9898\u6587\u6848\uFF0C\u5BF9\u5E94\u63A5\u53E3 name \u6216\u8FD0\u8425\u914D\u7F6E\u7684\u5C55\u793A\u6807\u9898 */\n  title: string\n  /** \u9884\u683C\u5F0F\u5316\u597D\u7684\u79EF\u5206\u6587\u6848\uFF08\u5982 \"2000 pts\"\uFF09\uFF0C\u907F\u514D\u7EC4\u4EF6\u5185\u5D4C formatPrice/locale \u903B\u8F91 */\n  consumeCreditsLabel: string\n  /** \u5C55\u793A\u7528\u89C4\u5219\u8BF4\u660E\uFF08\u62C6\u5206\u81EA note/coupon_rule \u6216\u8FD0\u8425\u914D\u7F6E\uFF09\uFF0C\u5F39\u7A97\u5185\u5C55\u793A */\n  rules?: string[]\n  /** \u6298\u6263\u91D1\u989D\uFF1A\u767E\u5206\u6BD4 -10 10% \u56FA\u5B9A\u91D1\u989D -10 10 */\n  value?: string\n  /** \u5DF2\u5151\u6362\u7684\u6301\u4E45\u5151\u6362\u7801\uFF08\u9875\u9762\u5237\u65B0\u540E\u7531\u540E\u7AEF\u8FD4\u56DE\uFF09\uFF0C\u6709\u503C\u65F6\u5217\u8868\u9879\u5C55\u793A\u5151\u6362\u7801 + Copy \u6309\u94AE\uFF08\u66FF\u4EE3 Redeem CTA\uFF09 */\n  code?: string\n}\n\n/**\n * \u5151\u6362\u5F39\u7A97\u5F53\u524D\u72B6\u6001\uFF0C\u5B8C\u5168\u7531\u8C03\u7528\u65B9\u9A71\u52A8\u3002\n *\n * - idle\uFF1A\u521D\u59CB\u786E\u8BA4\u6001\uFF0CConfirm \u6309\u94AE\u53EF\u70B9\u51FB\n * - loading\uFF1A\u8C03\u7528\u65B9\u6B63\u5728\u53D1\u8D77\u5151\u6362\u8BF7\u6C42\uFF0CConfirm \u6309\u94AE disabled + loading \u52A8\u6548\n * - success\uFF1A\u5151\u6362\u6210\u529F\uFF0C\u5207\u6362\u6E32\u67D3\u6210\u529F\u6001\uFF0C\u5C55\u793A couponCode\n * - error\uFF1A\u5151\u6362\u5931\u8D25\uFF0C\u505C\u7559\u786E\u8BA4\u6001\uFF0C\u5E95\u90E8\u5C55\u793A errorMessage\uFF0CConfirm \u6309\u94AE\u6062\u590D\u53EF\u70B9\u51FB\n */\nexport type RedeemStatus = 'idle' | 'loading' | 'success' | 'error'\n\n/** \u5F39\u7A97\u6587\u6848\u914D\u7F6E */\nexport interface CreditCouponRedeemModalCopy {\n  /** \u786E\u8BA4\u6001\u6807\u9898\uFF0C\u5982 \"Confirm to redeem this reward?\" */\n  confirmTitle: string\n  /** \u786E\u8BA4\u6309\u94AE\u6587\u6848 */\n  confirmButton: string\n  /** \u6210\u529F\u6001\u6807\u9898 */\n  successTitle: string\n  /** \u6210\u529F\u6001\u63CF\u8FF0 */\n  successDesc: string\n  /** \u89C4\u5219\u8BF4\u660E\u533A\u5757\u6807\u7B7E\uFF0C\u5982 \"Rules\" */\n  ruleLabel?: string\n  /** \u5DF2\u5151\u6362\u884C\u7684\u5151\u6362\u7801\u524D\u7F00\u6807\u7B7E\uFF0C\u5982 \"Code\"\uFF1B\u4E0D\u4F20\u5219\u4E0D\u5C55\u793A\u524D\u7F00\uFF0C\u4EC5\u5C55\u793A\u7EAF code */\n  codeLabel?: string\n  /** Copy \u6309\u94AE\u9ED8\u8BA4\u6587\u6848 */\n  copyLabel?: string\n  /** Copy \u6309\u94AE\u70B9\u51FB\u540E\u7684\u6587\u6848 */\n  copiedLabel?: string\n  /** \u6298\u6263\u80CC\u666F\u56FE */\n  modalIcon?: string\n}\n\nexport interface CreditCouponRedeemProps {\n  /** \u5217\u8868\u6807\u9898\uFF0C\u5982 \"Member benefits you will get\" */\n  title?: string\n  /** \u7EAF\u5C55\u793A\u6570\u636E\uFF0C\u8C03\u7528\u65B9\u5DF2\u8FC7\u6EE4\u6389\u6240\u6709\u4E0D\u53EF\u5151\u6362\u7684\u884C */\n  items: CreditCouponRuleData[]\n  /** \u9ED8\u8BA4\u5C55\u793A\u6761\u6570\uFF0C\u8D85\u51FA\u663E\u793A \"View More\"\uFF1B\u4E0D\u4F20\u5219\u5C55\u793A\u5168\u90E8 */\n  visibleCount?: number\n  /** \"View More\" \u5C55\u5F00\u94FE\u63A5\u6587\u6848 */\n  viewMoreLabel?: string\n  /** \u7EDF\u4E00\u7684 CTA \u6587\u6848\uFF08\u5982 \"Redeem\"\uFF09\uFF0C\u6240\u6709\u884C\u5171\u7528\uFF0C\u4E0D\u518D\u6309\u884C\u5B9A\u5236 */\n  redeemLabel?: string\n  unLoginLabel?: string\n  className?: string\n\n  iconUrl?: string\n\n  /** \u5F39\u7A97\u6253\u5F00\u72B6\u6001\u53D8\u5316\u65F6\u7684\u65C1\u8DEF\u901A\u77E5\uFF08\u53EF\u9009\uFF0C\u4FBF\u4E8E\u8C03\u7528\u65B9\u8054\u52A8\u57CB\u70B9\u7B49\uFF09\uFF0C\u5F39\u7A97\u5F00\u5173\u672C\u8EAB\u7531\u7EC4\u4EF6\u5185\u90E8\u7BA1\u7406 */\n  onModalOpenChange?: (open: boolean) => void\n\n  /** \u7528\u6237\u5728\u5F39\u7A97\u5185\u70B9\u51FB\"\u786E\u8BA4\u5151\u6362\"\u65F6\u89E6\u53D1\uFF0C\u8C03\u7528\u65B9\u636E\u6B64\u53D1\u8D77\u771F\u5B9E\u5151\u6362\u8BF7\u6C42\u3002\n   * \u6210\u529F\u65F6 resolve \u8FD4\u56DE\u5151\u6362\u7801\uFF1B\u5931\u8D25\u65F6 reject \u629B\u51FA Error\uFF08message \u4F5C\u4E3A\u5F39\u7A97\u9519\u8BEF\u6587\u6848\uFF09\u3002 */\n  onConfirm: (item: CreditCouponRuleData) => Promise<string>\n\n  /** \u5F39\u7A97\u6587\u6848\u914D\u7F6E */\n  modalCopy: CreditCouponRedeemModalCopy\n}\n"],
-  "mappings": "+WAAA,IAAAA,EAAA,kBAAAC,EAAAD",
-  "names": ["types_exports", "__toCommonJS"]
-}

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../../../src/biz-components/Listing/components/ProductCard/ProductDetail/ProductBanner/index.tsx"],
-  "sourcesContent": ["'use client'\n\nimport React, { useMemo } from 'react'\nimport { cn } from '../../../../../../helpers/index.js'\nimport { Picture, Link } from '../../../../../../components/index.js'\nimport { useBizProductContext } from '../../../../BizProductProvider.js'\nimport { useAiuiContext } from '../../../../../AiuiProvider/index.js'\nimport { getLocalizedPath } from '../../../../../../helpers/index.js'\n\n/** \u54CD\u5E94\u5F0F\u56FE\u7247\u914D\u7F6E */\nexport interface ResponsiveImage {\n  /** \u79FB\u52A8\u7AEF\u56FE\u7247 (\u9ED8\u8BA4) */\n  mobile?: string\n  /** \u5E73\u677F\u56FE\u7247 (\u2265768px) */\n  tablet?: string\n  /** \u5C0F\u684C\u9762\u56FE\u7247 (\u22651025px) */\n  laptop?: string\n  /** \u5927\u684C\u9762\u56FE\u7247 (\u22651440px) */\n  desktop?: string\n  /** \u8D85\u5927\u5C4F\u56FE\u7247 (\u22651920px) */\n  lgDesktop?: string\n}\n\nexport interface ProductBannerProps {\n  /** \u81EA\u5B9A\u4E49\u7C7B\u540D */\n  className?: string\n}\n\n/**\n * \u5C06\u54CD\u5E94\u5F0F\u56FE\u7247\u5BF9\u8C61\u8F6C\u6362\u4E3A Picture \u7EC4\u4EF6\u652F\u6301\u7684 source \u5B57\u7B26\u4E32\u683C\u5F0F\n * \u683C\u5F0F: \"url1 1920, url2 1440, url3 1025, url4 768, url5\"\n */\nconst formatResponsiveImageSource = (image: ResponsiveImage | string): string => {\n  if (typeof image === 'string') {\n    return image\n  }\n\n  const { mobile, tablet, laptop, desktop, lgDesktop } = image\n  const parts: string[] = []\n\n  // \u6309\u65AD\u70B9\u4ECE\u5927\u5230\u5C0F\u6392\u5217\n  if (lgDesktop) parts.push(`${lgDesktop} 1920`)\n  if (desktop) parts.push(`${desktop} 1440`)\n  if (laptop) parts.push(`${laptop} 1025`)\n  if (tablet) parts.push(`${tablet} 768`)\n  if (mobile) parts.push(mobile)\n\n  return parts.join(', ')\n}\n\nconst ProductBanner: React.FC<ProductBannerProps> = ({ className }) => {\n  const { variant } = useBizProductContext()\n  const { locale = 'us' } = useAiuiContext()\n\n  const productBannerData = useMemo(() => {\n    return variant?.payload?.components?.find((item: any) => item.componentKey === 'ProductBanner')?.data || {}\n  }, [variant?.payload])\n\n  const imageSource = useMemo(() => {\n    if (!productBannerData?.image) return ''\n    return formatResponsiveImageSource(productBannerData.image)\n  }, [productBannerData?.image])\n\n  if (!imageSource || !variant?.availableForSale) {\n    return null\n  }\n\n  return (\n    <div\n      className={cn(\n        'ipc-product-detail-product-banner relative h-[98px] laptop:h-[108px] desktop:h-[112px] lg-desktop:h-[116px] w-full overflow-hidden rounded-box',\n        className\n      )}\n    >\n      <Link asChild={!productBannerData?.href} href={getLocalizedPath(productBannerData?.href, locale)}>\n        <Picture\n          source={imageSource}\n          imgClassName=\"h-full object-cover\"\n          className=\"absolute inset-0 h-full w-full\"\n        />\n      </Link>\n    </div>\n  )\n}\n\nProductBanner.displayName = 'ProductBanner'\n\nexport default ProductBanner\n"],
-  "mappings": "sbAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,IAAA,eAAAC,EAAAH,GA2EQ,IAAAI,EAAA,6BAzERC,EAA+B,iBAC/BC,EAAmB,8CACnBC,EAA8B,iDAC9BC,EAAqC,6CACrCC,EAA+B,gDAC/BH,EAAiC,8CAyBjC,MAAMI,EAA+BC,GAA4C,CAC/E,GAAI,OAAOA,GAAU,SACnB,OAAOA,EAGT,KAAM,CAAE,OAAAC,EAAQ,OAAAC,EAAQ,OAAAC,EAAQ,QAAAC,EAAS,UAAAC,CAAU,EAAIL,EACjDM,EAAkB,CAAC,EAGzB,OAAID,GAAWC,EAAM,KAAK,GAAGD,CAAS,OAAO,EACzCD,GAASE,EAAM,KAAK,GAAGF,CAAO,OAAO,EACrCD,GAAQG,EAAM,KAAK,GAAGH,CAAM,OAAO,EACnCD,GAAQI,EAAM,KAAK,GAAGJ,CAAM,MAAM,EAClCD,GAAQK,EAAM,KAAKL,CAAM,EAEtBK,EAAM,KAAK,IAAI,CACxB,EAEMC,EAA8C,CAAC,CAAE,UAAAC,CAAU,IAAM,CACrE,KAAM,CAAE,QAAAC,CAAQ,KAAI,wBAAqB,EACnC,CAAE,OAAAC,EAAS,IAAK,KAAI,kBAAe,EAEnCC,KAAoB,WAAQ,IACzBF,GAAS,SAAS,YAAY,KAAMG,GAAcA,EAAK,eAAiB,eAAe,GAAG,MAAQ,CAAC,EACzG,CAACH,GAAS,OAAO,CAAC,EAEfI,KAAc,WAAQ,IACrBF,GAAmB,MACjBZ,EAA4BY,EAAkB,KAAK,EADpB,GAErC,CAACA,GAAmB,KAAK,CAAC,EAE7B,MAAI,CAACE,GAAe,CAACJ,GAAS,iBACrB,QAIP,OAAC,OACC,aAAW,MACT,iJACAD,CACF,EAEA,mBAAC,QAAK,QAAS,CAACG,GAAmB,KAAM,QAAM,oBAAiBA,GAAmB,KAAMD,CAAM,EAC7F,mBAAC,WACC,OAAQG,EACR,aAAa,sBACb,UAAU,iCACZ,EACF,EACF,CAEJ,EAEAN,EAAc,YAAc,gBAE5B,IAAOhB,EAAQgB",
-  "names": ["ProductBanner_exports", "__export", "ProductBanner_default", "__toCommonJS", "import_jsx_runtime", "import_react", "import_helpers", "import_components", "import_BizProductProvider", "import_AiuiProvider", "formatResponsiveImageSource", "image", "mobile", "tablet", "laptop", "desktop", "lgDesktop", "parts", "ProductBanner", "className", "variant", "locale", "productBannerData", "item", "imageSource"]
-}

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../../../src/biz-components/Listing/components/ProductCard/ProductDetail/ProductBenefits/index.tsx"],
-  "sourcesContent": ["/* eslint-disable react/no-unknown-property */\nimport { Text, Picture } from '../../../../../../components/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, useState } from 'react'\nimport { useAiuiContext } from '../../../../../AiuiProvider/index.js'\nimport { cn } from '../../../../../../helpers/index.js'\nimport ModalContainer from './../ProductBenefitsTabs/ModalContainer.js'\nimport ProductServiceBenefits from '../ProductServiceBenefits/index.js'\nimport SlideUpModal from '../../../SlideUpModal/index.js'\n\n// \u6587\u6848\u914D\u7F6E\u63A5\u53E3\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  /** \u662F\u5426\u663E\u793A\u670D\u52A1\u4FDD\u969C\u533A\u57DF\uFF08ProductServiceBenefits\uFF09\uFF0C\u9ED8\u8BA4 true */\n  showServiceBenefits?: boolean\n}\n\nconst ProductBenefits = ({ showServiceBenefits = true }: BenefitsTabProps = {}) => {\n  const { profile, variant, renderInstallments, savingDetail, openSignInPopup, openAuthCodePopup, product } =\n    useBizProductContext()\n  const { activated = false } = profile || {}\n\n  const [cachedInstallments, setCachedInstallments] = useState<React.ReactNode>(renderInstallments)\n\n  useEffect(() => {\n    if (renderInstallments) {\n      setCachedInstallments(renderInstallments)\n    }\n    if (typeof window !== 'undefined' && (window as any).affirm?.ui?.refresh) {\n      ;(window as any).affirm.ui.refresh()\n    }\n  }, [renderInstallments, variant.id])\n\n  const productBenefitsData = useComponentData('ProductBenefits') ?? {}\n\n  const [isFlexModalOpen, setIsFlexModalOpen] = useState(false)\n  const [memberBenefitsModal, setMemberBenefitsModal] = useState(false)\n  const [priceMatchModal, setPriceMatchModal] = useState(false)\n\n  const benefits = useBenefits({ variant })\n  const { locale = 'us', copyWriting } = useAiuiContext()\n\n  const { creditsRedemption, freeGift, functionFreeGift, bundle, fullGift, levelDiscount } = benefits\n\n  const coupons = [\n    creditsRedemption.enable\n      ? {\n          title: productBenefitsData?.creditsRedemption?.creditsTitle,\n          description: productBenefitsData?.creditsRedemption?.creditsDesc,\n          icon: <CreditsRedemptionIcon className=\"desktop:size-6 size-5\" />,\n        }\n      : null,\n    creditsRedemption.enable\n      ? {\n          title: (\n            <>\n              {!activated && Boolean(profile?.email) ? (\n                <>\n                  {productBenefitsData?.creditsRedemption?.creditsAfterActivation}\n                  <span role=\"button\" tabIndex={0} onClick={() => openAuthCodePopup?.()} className=\"underline\">\n                    {productBenefitsData?.creditsRedemption?.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            </>\n          ),\n          icon: <CreditsRedemptionIcon className=\"desktop:size-6 size-5\" />,\n        }\n      : null,\n    levelDiscount.enable\n      ? {\n          title: levelDiscount?.config?.title ?? '',\n          description: levelDiscount?.config?.tag ?? '',\n          icon: <LevelDiscountIcon className=\"desktop:size-6 size-5\" />,\n        }\n      : null,\n    fullGift.enable\n      ? {\n          title: fullGift?.config?.title ?? '',\n          description: fullGift?.config?.desc ?? '',\n          icon: <FullGiftIcon className=\"desktop:size-6 size-5\" />,\n        }\n      : null,\n    freeGift.enable\n      ? {\n          title: freeGift?.config?.title ?? '',\n          icon: <FreeGiftIcon className=\"desktop:size-6 size-5\" />,\n        }\n      : null,\n    functionFreeGift.enable\n      ? {\n          title: functionFreeGift?.config?.title ?? '',\n          icon: <FreeGiftIcon className=\"desktop:size-6 size-5\" />,\n        }\n      : null,\n    bundle.enable\n      ? {\n          title: replaceTemplate(productBenefitsData?.bundle?.bundleSaveUpTo, {\n            count: bundle?.config?.maxSavings || '',\n          }),\n          description: replaceTemplate(productBenefitsData?.bundle?.bundleOffer, {\n            count: bundle?.config?.bundleOptions?.length?.toString() || '',\n          }),\n          icon: <BundleIcon className=\"desktop:size-6 size-5\" />,\n        }\n      : null,\n    productBenefitsData?.paymentMethod?.title\n      ? {\n          title: productBenefitsData?.paymentMethod?.title,\n          image: productBenefitsData?.paymentMethod?.image,\n          icon: <PaymentMethodIcon className=\"desktop:size-6 size-5\" />,\n          event: () => setIsFlexModalOpen(true),\n        }\n      : null,\n    {\n      useAble: true,\n      isAutoUse: Boolean(profile?.email) && !!savingDetail?.member,\n      title: Boolean(profile?.email) ? (\n        productBenefitsData?.member?.loginTitle\n      ) : (\n        <div>\n          <span\n            className=\"mr-2 desktop:mr-3\"\n            dangerouslySetInnerHTML={{ __html: productBenefitsData?.member?.unloginTitle }}\n          ></span>\n          <span\n            role=\"button\"\n            tabIndex={0}\n            onClick={e => {\n              e?.stopPropagation()\n              openSignInPopup?.()\n            }}\n            className=\"underline text-nowrap\"\n            dangerouslySetInnerHTML={{ __html: productBenefitsData?.member?.loginNow }}\n          />\n        </div>\n      ),\n      icon: <MemberDiscountIcon className=\"desktop:size-6 size-5\" />,\n      event: () => setMemberBenefitsModal(true),\n    },\n    cachedInstallments\n      ? {\n          customRenderTitle: cachedInstallments,\n          icon: <InstallmentsIcon className=\"desktop:size-6 size-5\" />,\n        }\n      : null,\n    productBenefitsData?.priceMatch\n      ? {\n          title: productBenefitsData?.priceMatch?.title,\n          icon: productBenefitsData?.priceMatch?.icon,\n          event: () => setPriceMatchModal(true),\n        }\n      : null,\n  ].filter(Boolean)\n\n  return (\n    <div>\n      {productBenefitsData?.benefitTitle && (\n        <Text\n          as=\"div\"\n          html={productBenefitsData?.benefitTitle}\n          className=\"text-sm mb-3 lg-desktop:mb-4 lg-desktop:text-base font-bold leading-[1.2]\"\n        />\n      )}\n      <ul className=\"desktop:px-4 px-3 rounded-box bg-[#F5F6F7]\">\n        {coupons?.map((item, index) => (\n          <li key={index}>\n            <div className=\"flex gap-3 items-start py-3 laptop:py-4\">\n              <div className=\"shrink-0\">\n                {typeof item?.icon === 'string' ? (\n                  <Picture source={item?.icon} className=\"desktop:size-6 size-5\" />\n                ) : (\n                  item?.icon\n                )}\n              </div>\n              <div\n                onClick={item?.event}\n                className={cn(\n                  'flex flex-1 items-center gap-1 desktop:gap-2',\n                  item?.event && 'cursor-pointer  justify-between'\n                )}\n              >\n                <div>\n                  {item?.customRenderTitle ? (\n                    <div>{item?.customRenderTitle}</div>\n                  ) : (\n                    <div className=\"flex items-center gap-2 desktop:gap-3 text-[14px] laptop:text-base font-bold leading-[1.2]\">\n                      {item?.title}\n                      {item?.image && <Picture source={item?.image} className=\"w-[40px] h-[20px] shrink-0\" />}\n                    </div>\n                  )}\n                  {item?.description && (\n                    <Text\n                      {...(typeof item.description === 'string' ? { html: item.description } : {})}\n                      as=\"p\"\n                      className=\"laptop:text-[14px] text-[12px] font-bold text-[#2A2C32]\"\n                    >\n                      {item.description}\n                    </Text>\n                  )}\n                </div>\n                {item?.event && <RightArrowIcon className=\"size-4 desktop:size-6\" />}\n              </div>\n            </div>\n            {index != coupons?.length - 1 && <div className=\"bg-[#DADCE0] h-[1px]\" />}\n          </li>\n        ))}\n        {showServiceBenefits && <ProductServiceBenefits className=\"desktop:px-0 px-0\" />}\n      </ul>\n      <ModalContainer showModal={isFlexModalOpen} closeModal={() => setIsFlexModalOpen(false)}>\n        <Picture source={productBenefitsData?.paymentMethod?.payImage}></Picture>\n      </ModalContainer>\n      {/* priceMatch \u5F39\u7A97 */}\n      {productBenefitsData?.priceMatch?.modal && (\n        <SlideUpModal\n          title={productBenefitsData?.priceMatch?.modal?.title ?? productBenefitsData?.priceMatch?.title}\n          showModal={priceMatchModal}\n          closeModal={() => setPriceMatchModal(false)}\n        >\n          <ul className=\"list-disc list-outside flex flex-col gap-3 px-8 tablet:px-12 pb-6 tablet:py-8\">\n            {(productBenefitsData?.priceMatch?.modal?.list ?? []).map((item: { desc?: string }, index: number) => (\n              <li key={index}>\n                <Text html={item.desc} className=\"text-[14px] tablet:text-[16px] leading-[1.6] text-[#6D6D6F]\" />\n              </li>\n            ))}\n          </ul>\n        </SlideUpModal>\n      )}\n      {productBenefitsData?.member?.modelBenefits && (\n        <SlideUpModal\n          title={productBenefitsData?.member?.modelTitle}\n          showModal={memberBenefitsModal}\n          closeModal={() => setMemberBenefitsModal(false)}\n        >\n          <ul className=\"flex flex-col overflow-y-auto tablet:max-h-[calc(80vh-52px)] tablet:py-8 gap-5 pb-6 tablet:pb-8 tablet:gap-8 px-4 tablet:px-8\">\n            {productBenefitsData?.member?.modelBenefits?.map(\n              (benefit: { title?: string; desc?: string }, index: number) => (\n                <li key={index} className=\"flex flex-col gap-1\">\n                  <Text html={benefit?.title} className=\"text-[16px] tablet:text-[18px] font-bold leading-[1.4]\" />\n                  <Text\n                    html={benefit?.desc}\n                    className=\"text-[14px] text-[#1D1D1F] tablet:text-[16px] font-bold leading-[1.4] opacity-75\"\n                  />\n                </li>\n              )\n            )}\n          </ul>\n        </SlideUpModal>\n      )}\n    </div>\n  )\n}\n\n// Credits Redemption Icon\nconst CreditsRedemptionIcon = ({ className }: { className?: string }) => (\n  <svg className={className} viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\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)\n\nconst MemberDiscountIcon = ({ className }: { className?: string }) => (\n  <svg className={className} xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\">\n    <path\n      fill-rule=\"evenodd\"\n      clip-rule=\"evenodd\"\n      d=\"M14.4294 1.58368C15.0354 1.5838 15.6026 1.88286 15.944 2.38348L19.4997 7.5993C19.9918 8.32123 19.9058 9.29041 19.2946 9.91473L11.8571 17.5104C10.8453 18.5435 9.18314 18.5447 8.16961 17.5134L0.696949 9.90692C0.0916662 9.29063 -0.000821769 8.3354 0.474293 7.61395L3.90203 2.4079C4.24121 1.89312 4.81678 1.58368 5.43328 1.58368H14.4294ZM2.00457 8.62177L9.47722 16.2292C9.77143 16.5282 10.2539 16.5278 10.5475 16.2282L17.9841 8.63153L14.4294 3.41669H5.43328L2.00457 8.62177ZM13.5759 7.74481C13.9008 7.41946 14.4279 7.41834 14.7536 7.74286C15.0792 8.06792 15.0804 8.59584 14.7555 8.92157L10.6247 13.0593C10.2833 13.401 9.72933 13.4013 9.38738 13.0602L5.24382 8.92352C4.91829 8.59852 4.9172 8.07056 5.24187 7.74481C5.56689 7.41925 6.09484 7.41813 6.42058 7.74286L10.0046 11.321L13.5759 7.74481Z\"\n      fill=\"#080A0F\"\n    />\n  </svg>\n)\n\nconst LevelDiscountIcon = ({ className }: { className?: string }) => (\n  <svg className={className} xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\">\n    <path\n      d=\"M13.1615 5.66083C13.4869 5.33539 14.0144 5.33539 14.3398 5.66083C14.6653 5.98626 14.6653 6.51378 14.3398 6.83921L6.83984 14.3392C6.51441 14.6646 5.98689 14.6646 5.66146 14.3392C5.33602 14.0138 5.33602 13.4863 5.66146 13.1608L13.1615 5.66083Z\"\n      fill=\"#080A0F\"\n    />\n    <path\n      fill-rule=\"evenodd\"\n      clip-rule=\"evenodd\"\n      d=\"M12.709 11.0417C13.6295 11.0417 14.3756 11.7879 14.3756 12.7084C14.3756 13.6288 13.6295 14.375 12.709 14.375C11.7885 14.375 11.0423 13.6288 11.0423 12.7084C11.0423 11.7879 11.7885 11.0417 12.709 11.0417ZM12.709 12.2917C12.4789 12.2917 12.2923 12.4782 12.2923 12.7084C12.2923 12.9385 12.4789 13.125 12.709 13.125C12.9391 13.125 13.1256 12.9385 13.1256 12.7084C13.1256 12.4782 12.9391 12.2917 12.709 12.2917Z\"\n      fill=\"#080A0F\"\n    />\n    <path\n      fill-rule=\"evenodd\"\n      clip-rule=\"evenodd\"\n      d=\"M7.29232 5.62502C8.21279 5.62502 8.95898 6.37121 8.95898 7.29169C8.95898 8.21216 8.21279 8.95835 7.29232 8.95835C6.37184 8.95835 5.62565 8.21216 5.62565 7.29169C5.62565 6.37121 6.37184 5.62502 7.29232 5.62502ZM7.29232 6.87502C7.0622 6.87502 6.87565 7.06157 6.87565 7.29169C6.87565 7.52181 7.0622 7.70835 7.29232 7.70835C7.52244 7.70835 7.70898 7.52181 7.70898 7.29169C7.70898 7.06157 7.52244 6.87502 7.29232 6.87502Z\"\n      fill=\"#080A0F\"\n    />\n    <path\n      fill-rule=\"evenodd\"\n      clip-rule=\"evenodd\"\n      d=\"M16.6673 2.91669C18.048 2.91669 19.1673 4.03597 19.1673 5.41669V8.0469C19.1673 8.39923 18.9458 8.71388 18.6139 8.83221C18.0561 9.03101 17.652 9.57037 17.652 10.2084C17.652 10.8463 18.0561 11.3857 18.6139 11.5845C18.9458 11.7028 19.1673 12.0175 19.1673 12.3698V15C19.1673 16.3807 18.048 17.5 16.6673 17.5H3.33398C1.95327 17.5 0.833984 16.3807 0.833984 15V12.3698L0.84375 12.2396C0.890672 11.9418 1.09696 11.688 1.38737 11.5845C1.94519 11.3857 2.34928 10.8463 2.34928 10.2084C2.34928 9.57036 1.94519 9.03101 1.38737 8.83221C1.05551 8.71388 0.833984 8.39923 0.833984 8.0469V5.41669C0.833985 4.03598 1.95327 2.91669 3.33398 2.91669H16.6673ZM3.33398 4.58335C2.87375 4.58335 2.50065 4.95645 2.50065 5.41669V7.52606C3.40888 8.07233 4.01595 9.06946 4.01595 10.2084C4.01595 11.3471 3.40868 12.3435 2.50065 12.8898V15C2.50065 15.4603 2.87375 15.8334 3.33398 15.8334H16.6673C17.1276 15.8334 17.5006 15.4603 17.5006 15V12.8898C16.5926 12.3435 15.9853 11.3471 15.9853 10.2084C15.9853 9.06945 16.5924 8.07233 17.5006 7.52606V5.41669C17.5006 4.95645 17.1276 4.58335 16.6673 4.58335H3.33398Z\"\n      fill=\"#080A0F\"\n    />\n  </svg>\n)\n\nconst FreeGiftIcon = ({ className }: { className?: string }) => (\n  <svg className={className} xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\">\n    <path\n      fill-rule=\"evenodd\"\n      clip-rule=\"evenodd\"\n      d=\"M12.4951 1.47201C12.791 1.17663 13.2707 1.17634 13.5664 1.47201C13.862 1.76788 13.8622 2.24851 13.5664 2.54428L11.8301 4.2806H17.5752C17.9935 4.28073 18.333 4.62012 18.333 5.03842V8.06869C18.333 8.48701 17.9935 8.82638 17.5752 8.8265H17.1982V17.1595C17.198 17.5776 16.8585 17.9171 16.4404 17.9173H3.56152C3.14327 17.9173 2.80394 17.5777 2.80371 17.1595V8.8265H2.42383C2.00543 8.8265 1.66602 8.48709 1.66602 8.06869V5.03842C1.66605 4.62005 2.00545 4.2806 2.42383 4.2806H8.16992L6.43359 2.54428C6.13775 2.24843 6.13776 1.76786 6.43359 1.47201C6.72945 1.17616 7.21001 1.17616 7.50586 1.47201L10 3.96615L12.4951 1.47201ZM4.31934 16.4017H9.24219V8.8265H4.31934V16.4017ZM10.7578 16.4017H15.6826V8.8265H10.7578V16.4017ZM3.18164 7.31088H16.8174V5.79623H3.18164V7.31088Z\"\n      fill=\"#080A0F\"\n    />\n  </svg>\n)\n\nconst BundleIcon = ({ className }: { className?: string }) => (\n  <svg className={className} xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\">\n    <path\n      d=\"M14.1152 1.18357L14.2551 1.26642L18.4546 3.9088C18.8514 4.15858 19.178 4.50301 19.4043 4.91029C19.6306 5.31758 19.7492 5.77458 19.7493 6.23909V16.0194C19.7495 16.3825 19.6772 16.742 19.5366 17.0775C19.396 17.413 19.1898 17.7179 18.9298 17.9747C18.6697 18.2315 18.361 18.4352 18.0212 18.5742C17.6814 18.7132 17.3172 18.7847 16.9494 18.7847H8.55091C8.1623 18.7852 7.77786 18.7056 7.42219 18.5511C7.06652 18.3965 6.74745 18.1704 6.48539 17.8871L1.61712 16.3743C1.35494 16.2904 1.11208 16.1563 0.902404 15.9797C0.692732 15.8031 0.520358 15.5875 0.395126 15.3451C0.269895 15.1027 0.194259 14.8384 0.172541 14.5672C0.150822 14.296 0.183446 14.0232 0.268548 13.7644L3.25386 4.69868C3.36315 4.36757 3.55522 4.06899 3.81232 3.83053C4.06942 3.59207 4.38326 3.42141 4.72484 3.33434L9.66236 2.26275L11.246 1.26642C11.6722 0.998206 12.1641 0.848941 12.6694 0.834475C13.1747 0.820008 13.6746 0.94088 14.1159 1.18426L14.1152 1.18357ZM11.9979 2.44503L7.79829 5.08741C7.59979 5.21229 7.43639 5.38454 7.32319 5.58825C7.20998 5.79196 7.15061 6.02055 7.15058 6.2529V16.0201C7.15058 16.7838 7.7773 17.4024 8.55021 17.4024H16.9494C17.1333 17.4025 17.3155 17.3668 17.4855 17.2974C17.6555 17.228 17.8099 17.1261 17.94 16.9978C18.0701 16.8694 18.1733 16.717 18.2438 16.5492C18.3142 16.3815 18.3504 16.2017 18.3504 16.0201V6.2529C18.3504 5.78063 18.1056 5.3415 17.7027 5.08741L13.5031 2.44503C13.2784 2.30354 13.0174 2.22837 12.7508 2.22837C12.4843 2.22837 12.2233 2.30354 11.9986 2.44503H11.9979ZM6.49449 4.36243L5.07457 4.67106C4.96068 4.70009 4.85604 4.757 4.77033 4.83654C4.68463 4.91607 4.62062 5.01565 4.58425 5.12608L1.59823 14.1911C1.56987 14.2774 1.559 14.3683 1.56626 14.4587C1.57351 14.5491 1.59875 14.6373 1.64051 14.7181C1.68228 14.7988 1.73976 14.8707 1.80968 14.9296C1.87959 14.9884 1.96057 15.0331 2.04799 15.0611L5.76005 16.2459C5.75394 16.1708 5.75091 16.0955 5.75095 16.0201V6.23978C5.75095 5.53552 6.02235 4.86715 6.49518 4.36243H6.49449ZM15.4938 11.8801C15.909 11.8803 16.3148 12.0019 16.6599 12.2297C17.005 12.4575 17.2739 12.7812 17.4327 13.1599C17.5914 13.5386 17.6329 13.9552 17.5517 14.3571C17.4706 14.759 17.2706 15.1282 16.9769 15.4178C16.6832 15.7075 16.3091 15.9048 15.9019 15.9846C15.4947 16.0644 15.0727 16.0232 14.6892 15.8663C14.3057 15.7093 13.9779 15.4436 13.7474 15.1028C13.5168 14.762 13.3939 14.3613 13.394 13.9515C13.394 12.8074 14.3341 11.8801 15.4938 11.8801ZM10.0995 13.5124L15.0489 8.63015C15.1753 8.50803 15.3437 8.4376 15.5204 8.43301C15.6972 8.42841 15.8691 8.48998 16.0018 8.60536C16.1344 8.72074 16.2179 8.88139 16.2355 9.05504C16.2532 9.22869 16.2036 9.40249 16.0967 9.54155L16.0387 9.60645L11.0893 14.4887C10.963 14.6108 10.7945 14.6812 10.6178 14.6858C10.4411 14.6904 10.2691 14.6288 10.1365 14.5135C10.0038 14.3981 9.92029 14.2374 9.90267 14.0638C9.88506 13.8901 9.93464 13.7163 10.0415 13.5773L10.0995 13.5124ZM15.4938 13.261C15.3083 13.261 15.1304 13.3338 14.9992 13.4633C14.868 13.5928 14.7943 13.7684 14.7943 13.9515C14.7943 14.1346 14.868 14.3102 14.9992 14.4397C15.1304 14.5692 15.3083 14.642 15.4938 14.642C15.6793 14.642 15.8572 14.5692 15.9884 14.4397C16.1196 14.3102 16.1933 14.1346 16.1933 13.9515C16.1933 13.7684 16.1196 13.5928 15.9884 13.4633C15.8572 13.3338 15.6793 13.261 15.4938 13.261ZM10.5947 7.04693C11.0099 7.04706 11.4157 7.16872 11.7608 7.39652C12.1059 7.62431 12.3749 7.94801 12.5336 8.32668C12.6924 8.70536 12.7338 9.12199 12.6527 9.5239C12.5715 9.92582 12.3715 10.295 12.0778 10.5846C11.7842 10.8743 11.4101 11.0716 11.0029 11.1514C10.5957 11.2312 10.1736 11.19 9.79012 11.0331C9.40661 10.8761 9.07886 10.6104 8.84833 10.2696C8.61779 9.92877 8.49482 9.52811 8.49496 9.1183C8.49496 7.97421 9.43504 7.04693 10.5947 7.04693ZM10.5947 8.42784C10.5029 8.4278 10.4119 8.44561 10.327 8.48027C10.2422 8.51492 10.165 8.56574 10.1 8.62983C9.96881 8.75925 9.89503 8.93483 9.89493 9.11795C9.89484 9.30107 9.96845 9.47673 10.0996 9.60628C10.2307 9.73583 10.4085 9.80866 10.594 9.80876C10.7796 9.80876 10.9575 9.73601 11.0886 9.60653C11.2198 9.47704 11.2935 9.30142 11.2935 9.1183C11.2935 8.93518 11.2198 8.75956 11.0886 8.63007C10.9575 8.50059 10.7796 8.42784 10.594 8.42784H10.5947Z\"\n      fill=\"#080A0F\"\n      stroke=\"#080A0F\"\n      stroke-width=\"0.166667\"\n    />\n  </svg>\n)\n\nconst FullGiftIcon = ({ className }: { className?: string }) => (\n  <svg className={className} xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\">\n    <path\n      fill-rule=\"evenodd\"\n      clip-rule=\"evenodd\"\n      d=\"M5.45492 6.28808C6.43123 5.31177 8.01457 5.31177 8.99089 6.28808C9.96696 7.26431 9.96685 8.84695 8.99089 9.82324C8.01457 10.7996 6.43123 10.7996 5.45492 9.82324C4.47891 8.84694 4.4788 7.26431 5.45492 6.28808ZM8.04769 7.23047C7.59205 6.77513 6.85282 6.77495 6.3973 7.23047C5.94188 7.686 5.94199 8.42526 6.3973 8.88086C6.85287 9.33643 7.59207 9.33636 8.04769 8.88086C8.5033 8.42525 8.5033 7.68608 8.04769 7.23047Z\"\n      fill=\"#080A0F\"\n    />\n    <path\n      fill-rule=\"evenodd\"\n      clip-rule=\"evenodd\"\n      d=\"M9.07715 1.95703C9.58012 1.90116 10.0815 2.07705 10.4395 2.43473L18.1234 10.1187C18.7739 10.7695 18.7741 11.8246 18.1234 12.4754L11.6414 18.9574C10.9907 19.6081 9.93555 19.6079 9.28467 18.9574L1.60075 11.2734C1.28783 10.9603 1.11442 10.5376 1.11328 10.0999L1.12305 9.91113L1.77165 4.0778C1.85775 3.30308 2.46909 2.69171 3.24381 2.60563L9.07715 1.95703ZM3.42773 4.26172L2.77913 10.095L10.4631 17.779L16.945 11.297L9.26107 3.61312L3.42773 4.26172Z\"\n      fill=\"#080A0F\"\n    />\n  </svg>\n)\n\nconst InstallmentsIcon = ({ className }: { className?: string }) => (\n  <svg className={className} xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\">\n    <g clip-path=\"url(#clip0_8416_45916)\">\n      <path\n        d=\"M12.0391 0.392503C13.014 -0.174504 14.2592 0.162733 14.8206 1.14283L14.8223 1.14608L16.974 5.01978C18.2095 5.17141 19.1663 6.22452 19.1663 7.50106V16.6677C19.1661 18.0483 18.0469 19.1677 16.6663 19.1677H3.33301C1.95242 19.1677 0.833208 18.0483 0.833008 16.6677V7.50106C0.833008 6.12035 1.9523 5.00106 3.33301 5.00106H4.12077L12.0391 0.392503ZM3.33301 6.66773C2.87277 6.66773 2.49967 7.04083 2.49967 7.50106V16.6677C2.49987 17.1278 2.87289 17.5011 3.33301 17.5011H16.6663C17.1265 17.5011 17.4995 17.1278 17.4997 16.6677V15.8344H13.7497C11.6787 15.8344 9.99987 14.1553 9.99967 12.0844C9.99967 10.0133 11.6786 8.3344 13.7497 8.3344H17.4997V7.50106C17.4997 7.04083 17.1266 6.66773 16.6663 6.66773H3.33301ZM13.7497 10.0011C12.5991 10.0011 11.6663 10.9338 11.6663 12.0844C11.6665 13.2348 12.5992 14.1677 13.7497 14.1677H17.4997V10.0011H13.7497ZM13.333 11.2511C13.7932 11.2511 14.1663 11.6242 14.1663 12.0844C14.1661 12.5445 13.7931 12.9177 13.333 12.9177C12.8729 12.9177 12.4999 12.5445 12.4997 12.0844C12.4997 11.6242 12.8728 11.2511 13.333 11.2511ZM13.473 1.80526C13.3156 1.62235 13.0553 1.56238 12.8341 1.66122L12.7682 1.6954L7.08952 5.00106H9.0459L13.7708 2.32121L13.5348 1.89234L13.473 1.80526ZM11.5801 5.00106H15.2495L14.3747 3.41578L11.5801 5.00106Z\"\n        fill=\"#080A0F\"\n      />\n    </g>\n    <defs>\n      <clipPath id=\"clip0_8416_45916\">\n        <rect width=\"20\" height=\"20\" fill=\"white\" />\n      </clipPath>\n    </defs>\n  </svg>\n)\n\nconst PaymentMethodIcon = ({ className }: { className?: string }) => (\n  <svg className={className} xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\">\n    <path\n      d=\"M16.667 2.49915C18.0476 2.49915 19.1668 3.61858 19.167 4.99915V14.9991C19.1668 16.3797 18.0476 17.4991 16.667 17.4991H3.33398C1.95353 17.499 0.834161 16.3796 0.833984 14.9991V4.99915C0.83416 3.61869 1.95353 2.49932 3.33398 2.49915H16.667ZM2.5 14.9991C2.50018 15.4591 2.87401 15.832 3.33398 15.8322H16.667C17.1271 15.8322 17.4998 15.4592 17.5 14.9991V8.33215H2.50098L2.5 8.33118V14.9991ZM10.001 12.5333C10.4426 12.5335 10.8007 12.8915 10.8008 13.3331C10.8008 13.7748 10.4427 14.1328 10.001 14.1329H5.00098C4.55915 14.1329 4.20117 13.775 4.20117 13.3331C4.20126 12.8914 4.5592 12.5333 5.00098 12.5333H10.001ZM3.33398 4.16516C2.874 4.16534 2.50018 4.53917 2.5 4.99915V6.66614H17.5V4.99915C17.4998 4.53906 17.1271 4.16516 16.667 4.16516H3.33398Z\"\n      fill=\"#080A0F\"\n    />\n  </svg>\n)\n\nconst RightArrowIcon = ({ className }: { className?: string }) => (\n  <svg className={className} width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n    <path\n      d=\"M6.91058 4.4108C7.23602 4.08536 7.76353 4.08536 8.08897 4.4108L13.089 9.41079C13.4144 9.73623 13.4144 10.2637 13.089 10.5892L8.08897 15.5892C7.76353 15.9146 7.23602 15.9146 6.91058 15.5892C6.58515 15.2637 6.58514 14.7362 6.91058 14.4108L11.3214 9.99999L6.91058 5.58918C6.58514 5.26374 6.58514 4.73623 6.91058 4.4108Z\"\n      fill=\"#080A0F\"\n    />\n  </svg>\n)\n\nexport default ProductBenefits\n\n// Re-export from dedicated module\nexport { default as ProductServiceBenefits } from '../ProductServiceBenefits/index.js'\nexport type { ProductServiceBenefitsProps, ServiceBenefitItem } from '../ProductServiceBenefits/index.js'\n"],
-  "mappings": "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",
-  "names": ["ProductBenefits_exports", "__export", "ProductBenefits_default", "__toCommonJS", "import_jsx_runtime", "import_components", "import_BizProductProvider", "import_useComponentData", "import_useBenefits", "import_utils", "import_textFormat", "import_react", "import_AiuiProvider", "import_helpers", "import_ModalContainer", "import_ProductServiceBenefits", "import_SlideUpModal", "ProductBenefits", "showServiceBenefits", "profile", "variant", "renderInstallments", "savingDetail", "openSignInPopup", "openAuthCodePopup", "product", "activated", "cachedInstallments", "setCachedInstallments", "productBenefitsData", "isFlexModalOpen", "setIsFlexModalOpen", "memberBenefitsModal", "setMemberBenefitsModal", "priceMatchModal", "setPriceMatchModal", "benefits", "locale", "copyWriting", "creditsRedemption", "freeGift", "functionFreeGift", "bundle", "fullGift", "levelDiscount", "coupons", "CreditsRedemptionIcon", "LevelDiscountIcon", "FullGiftIcon", "FreeGiftIcon", "BundleIcon", "PaymentMethodIcon", "e", "MemberDiscountIcon", "InstallmentsIcon", "item", "index", "RightArrowIcon", "ProductServiceBenefits", "ModalContainer", "SlideUpModal", "benefit", "className"]
-}

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../../../src/biz-components/Listing/components/ProductCard/ProductDetail/ProductBenefitsTabs/ModalContainer.tsx"],
-  "sourcesContent": ["import { cn as classNames } from '../../../../../../helpers/index.js'\nimport { motion } from 'framer-motion'\nimport React, { type PropsWithChildren } from 'react'\nimport Close from '../../../../../HeaderNavigation/icons/Close.js'\n\nconst ModalContainer = ({\n  title,\n  className,\n  showModal,\n  closeModal,\n  children,\n  stickyHeader = true,\n}: PropsWithChildren<{\n  title?: string\n  className?: string\n  showModal: boolean\n  closeModal: () => void\n  needClickAway?: boolean\n  stickyHeader?: boolean\n}>) => {\n  const modalRef = React.useRef<HTMLDivElement>(null)\n\n  return (\n    <motion.div\n      animate={showModal ? { opacity: 1 } : { opacity: 0, pointerEvents: 'none' }}\n      transition={{ duration: 0.1, bounce: 0 }}\n      className=\"fixed left-0 top-0 z-[1000] flex size-full items-center justify-center bg-black/50 opacity-0\"\n    >\n      <motion.div\n        transition={{ duration: 0.1, bounce: 0 }}\n        ref={modalRef}\n        animate={showModal ? { scale: 1 } : { scale: 0.7 }}\n      >\n        <div\n          className={classNames(\n            'relative z-1 max-h-[80vh] w-min tablet:min-w-[600px] overflow-scroll rounded-xl bg-white min-w-[90vw]',\n            className\n          )}\n        >\n          <div className={classNames(stickyHeader && 'sticky top-0 z-[2] bg-white')}>\n            {title && (\n              <p\n                className={classNames(\n                  'w-full border-b border-[#e6e6e6] py-[16px] pl-[20px] pr-[60px] text-[20px] font-bold'\n                )}\n              >\n                {title}\n              </p>\n            )}\n            <button\n              onClick={closeModal}\n              className={'close-button absolute right-4 top-5 z-[2]'}\n              aria-label=\"Close modal\"\n            >\n              <Close className=\"size-[24px]\" />\n            </button>\n          </div>\n          {children}\n        </div>\n      </motion.div>\n    </motion.div>\n  )\n}\n\nexport default ModalContainer\n"],
-  "mappings": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,IAAA,eAAAC,EAAAH,GAuCU,IAAAI,EAAA,6BAvCVC,EAAiC,8CACjCC,EAAuB,yBACvBC,EAA8C,oBAC9CC,EAAkB,6DAElB,MAAMC,EAAiB,CAAC,CACtB,MAAAC,EACA,UAAAC,EACA,UAAAC,EACA,WAAAC,EACA,SAAAC,EACA,aAAAC,EAAe,EACjB,IAOO,CACL,MAAMC,EAAW,EAAAC,QAAM,OAAuB,IAAI,EAElD,SACE,OAAC,SAAO,IAAP,CACC,QAASL,EAAY,CAAE,QAAS,CAAE,EAAI,CAAE,QAAS,EAAG,cAAe,MAAO,EAC1E,WAAY,CAAE,SAAU,GAAK,OAAQ,CAAE,EACvC,UAAU,+FAEV,mBAAC,SAAO,IAAP,CACC,WAAY,CAAE,SAAU,GAAK,OAAQ,CAAE,EACvC,IAAKI,EACL,QAASJ,EAAY,CAAE,MAAO,CAAE,EAAI,CAAE,MAAO,EAAI,EAEjD,oBAAC,OACC,aAAW,EAAAM,IACT,wGACAP,CACF,EAEA,qBAAC,OAAI,aAAW,EAAAO,IAAWH,GAAgB,6BAA6B,EACrE,UAAAL,MACC,OAAC,KACC,aAAW,EAAAQ,IACT,sFACF,EAEC,SAAAR,EACH,KAEF,OAAC,UACC,QAASG,EACT,UAAW,4CACX,aAAW,cAEX,mBAAC,EAAAM,QAAA,CAAM,UAAU,cAAc,EACjC,GACF,EACCL,GACH,EACF,EACF,CAEJ,EAEA,IAAOZ,EAAQO",
-  "names": ["ModalContainer_exports", "__export", "ModalContainer_default", "__toCommonJS", "import_jsx_runtime", "import_helpers", "import_framer_motion", "import_react", "import_Close", "ModalContainer", "title", "className", "showModal", "closeModal", "children", "stickyHeader", "modalRef", "React", "classNames", "Close"]
-}

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../../../src/biz-components/Listing/components/ProductCard/ProductDetail/ProductBenefitsTabs/index.tsx"],
-  "sourcesContent": ["import { Text } from '../../../../../../components/index.js'\nimport { createContext, useContext, useState, type ReactNode, type HTMLAttributes, forwardRef } from 'react'\nimport { cn } from '../../../../../../helpers/index.js'\nimport { Content, List, Root, Trigger } from '@radix-ui/react-tabs'\n\n// Context for sharing state between components\ninterface BenefitsTabsContextType {\n  activeValue: string | undefined\n  setActiveValue: (_value: string) => void\n}\n\nconst BenefitsTabsContext = createContext<BenefitsTabsContextType | undefined>(undefined)\n\nconst useBenefitsTabsContext = () => {\n  const context = useContext(BenefitsTabsContext)\n  if (!context) {\n    throw new Error('ProductBenefitsTabs components must be used within ProductBenefitsTabs')\n  }\n  return context\n}\n\n// Main container component\ninterface BenefitsTabsProps extends HTMLAttributes<HTMLDivElement> {\n  defaultValue?: string\n  value?: string\n  onValueChange?: (_value: string) => void\n  children: ReactNode\n}\n\nconst ProductBenefitsTabs = ({\n  defaultValue,\n  value,\n  onValueChange,\n  children,\n  className,\n  ...props\n}: BenefitsTabsProps) => {\n  const [internalValue, setInternalValue] = useState(defaultValue)\n\n  const activeValue = value ?? internalValue\n  const setActiveValue = (newValue: string) => {\n    if (value === undefined) {\n      setInternalValue(newValue)\n    }\n    onValueChange?.(newValue)\n  }\n\n  return (\n    <BenefitsTabsContext.Provider value={{ activeValue, setActiveValue }}>\n      <div\n        id=\"ipc-product-detail-benefits-tabs\"\n        className={cn('overflow-hidden rounded-xl  bg-[#EAEAEC] pt-[10px]', className)}\n        {...props}\n      >\n        <Root value={activeValue} onValueChange={setActiveValue}>\n          {children}\n        </Root>\n      </div>\n    </BenefitsTabsContext.Provider>\n  )\n}\n\n// List component for triggers\ninterface BenefitsTabsListProps extends HTMLAttributes<HTMLDivElement> {\n  children: ReactNode\n}\n\nconst BenefitsTabsList = forwardRef<HTMLDivElement, BenefitsTabsListProps>(({ children, className, ...props }, ref) => {\n  return (\n    <List\n      className={cn('relative flex space-x-6 overflow-x-auto border-b border-[#E4E5E6] px-4', className)}\n      style={{\n        scrollbarWidth: 'none',\n        msOverflowStyle: 'none',\n      }}\n      ref={ref}\n      {...props}\n    >\n      {children}\n    </List>\n  )\n})\n\nBenefitsTabsList.displayName = 'BenefitsTabsList'\n\n// Trigger component\ninterface BenefitsTabsTriggerProps extends HTMLAttributes<HTMLButtonElement> {\n  value: string\n  children: ReactNode\n}\n\nconst BenefitsTabsTrigger = ({ value, children, className, ...props }: BenefitsTabsTriggerProps) => {\n  const { activeValue } = useBenefitsTabsContext()\n  const isActive = activeValue === value\n\n  return (\n    <Trigger\n      value={value}\n      className={cn(\n        'lg-desktop:text-base lg-desktop:pb-4 relative whitespace-nowrap pb-[10px] text-sm font-bold leading-[1.4] text-[#6D6D6F]',\n        className\n      )}\n      {...props}\n    >\n      <Text\n        className={cn(\n          'bg-info-primary absolute bottom-0 left-0 z-10 h-[2px] w-0 transition-all duration-300',\n          isActive && 'w-full'\n        )}\n      />\n      {children}\n    </Trigger>\n  )\n}\n\n// Badge component for trigger\ninterface BenefitsTabsBadgeProps extends HTMLAttributes<HTMLSpanElement> {\n  children: ReactNode\n}\n\nconst BenefitsTabsBadge = ({ children, className, ...props }: BenefitsTabsBadgeProps) => {\n  return (\n    <Text\n      size={1}\n      className={cn('bg-brand-0 ml-1 !whitespace-nowrap rounded-full px-2 py-1 font-bold text-white', className)}\n      {...props}\n    >\n      {children}\n    </Text>\n  )\n}\n\n// Content component\ninterface BenefitsTabsContentProps extends HTMLAttributes<HTMLDivElement> {\n  value: string\n  forceMount?: boolean\n  children: ReactNode\n}\n\nconst BenefitsTabsContent = ({\n  value,\n  forceMount = false,\n  children,\n  className,\n  ...props\n}: BenefitsTabsContentProps) => {\n  return (\n    <Content value={value} forceMount={forceMount ? true : undefined} className={cn(className)} {...props}>\n      {children}\n    </Content>\n  )\n}\n\nProductBenefitsTabs.displayName = 'ProductBenefitsTabs'\n\n// Attach sub-components to main component\nProductBenefitsTabs.List = BenefitsTabsList\nProductBenefitsTabs.Trigger = BenefitsTabsTrigger\nProductBenefitsTabs.Badge = BenefitsTabsBadge\nProductBenefitsTabs.Content = BenefitsTabsContent\n\nexport default ProductBenefitsTabs\n"],
-  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,IAAA,eAAAC,EAAAH,GAsDQ,IAAAI,EAAA,6BAtDRC,EAAqB,iDACrBC,EAAqG,iBACrGC,EAAmB,8CACnBC,EAA6C,gCAQ7C,MAAMC,KAAsB,iBAAmD,MAAS,EAElFC,EAAyB,IAAM,CACnC,MAAMC,KAAU,cAAWF,CAAmB,EAC9C,GAAI,CAACE,EACH,MAAM,IAAI,MAAM,wEAAwE,EAE1F,OAAOA,CACT,EAUMC,EAAsB,CAAC,CAC3B,aAAAC,EACA,MAAAC,EACA,cAAAC,EACA,SAAAC,EACA,UAAAC,EACA,GAAGC,CACL,IAAyB,CACvB,KAAM,CAACC,EAAeC,CAAgB,KAAI,YAASP,CAAY,EAEzDQ,EAAcP,GAASK,EACvBG,EAAkBC,GAAqB,CACvCT,IAAU,QACZM,EAAiBG,CAAQ,EAE3BR,IAAgBQ,CAAQ,CAC1B,EAEA,SACE,OAACd,EAAoB,SAApB,CAA6B,MAAO,CAAE,YAAAY,EAAa,eAAAC,CAAe,EACjE,mBAAC,OACC,GAAG,mCACH,aAAW,MAAG,qDAAsDL,CAAS,EAC5E,GAAGC,EAEJ,mBAAC,QAAK,MAAOG,EAAa,cAAeC,EACtC,SAAAN,EACH,EACF,EACF,CAEJ,EAOMQ,KAAmB,cAAkD,CAAC,CAAE,SAAAR,EAAU,UAAAC,EAAW,GAAGC,CAAM,EAAGO,OAE3G,OAAC,QACC,aAAW,MAAG,yEAA0ER,CAAS,EACjG,MAAO,CACL,eAAgB,OAChB,gBAAiB,MACnB,EACA,IAAKQ,EACJ,GAAGP,EAEH,SAAAF,EACH,CAEH,EAEDQ,EAAiB,YAAc,mBAQ/B,MAAME,EAAsB,CAAC,CAAE,MAAAZ,EAAO,SAAAE,EAAU,UAAAC,EAAW,GAAGC,CAAM,IAAgC,CAClG,KAAM,CAAE,YAAAG,CAAY,EAAIX,EAAuB,EACzCiB,EAAWN,IAAgBP,EAEjC,SACE,QAAC,WACC,MAAOA,EACP,aAAW,MACT,2HACAG,CACF,EACC,GAAGC,EAEJ,oBAAC,QACC,aAAW,MACT,wFACAS,GAAY,QACd,EACF,EACCX,GACH,CAEJ,EAOMY,EAAoB,CAAC,CAAE,SAAAZ,EAAU,UAAAC,EAAW,GAAGC,CAAM,OAEvD,OAAC,QACC,KAAM,EACN,aAAW,MAAG,iFAAkFD,CAAS,EACxG,GAAGC,EAEH,SAAAF,EACH,EAWEa,EAAsB,CAAC,CAC3B,MAAAf,EACA,WAAAgB,EAAa,GACb,SAAAd,EACA,UAAAC,EACA,GAAGC,CACL,OAEI,OAAC,WAAQ,MAAOJ,EAAO,WAAYgB,EAAa,GAAO,OAAW,aAAW,MAAGb,CAAS,EAAI,GAAGC,EAC7F,SAAAF,EACH,EAIJJ,EAAoB,YAAc,sBAGlCA,EAAoB,KAAOY,EAC3BZ,EAAoB,QAAUc,EAC9Bd,EAAoB,MAAQgB,EAC5BhB,EAAoB,QAAUiB,EAE9B,IAAO3B,EAAQU",
-  "names": ["ProductBenefitsTabs_exports", "__export", "ProductBenefitsTabs_default", "__toCommonJS", "import_jsx_runtime", "import_components", "import_react", "import_helpers", "import_react_tabs", "BenefitsTabsContext", "useBenefitsTabsContext", "context", "ProductBenefitsTabs", "defaultValue", "value", "onValueChange", "children", "className", "props", "internalValue", "setInternalValue", "activeValue", "setActiveValue", "newValue", "BenefitsTabsList", "ref", "BenefitsTabsTrigger", "isActive", "BenefitsTabsBadge", "BenefitsTabsContent", "forceMount"]
-}

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../../../src/biz-components/Listing/components/ProductCard/ProductDetail/ProductBundle/index.tsx"],
-  "sourcesContent": ["import { Text, Picture, Checkbox } from '../../../../../../components/index.js'\nimport { cn } from '../../../../../../helpers/index.js'\nimport { withLayout } from '../../../../../../shared/Styles.js'\nimport { useFollowTooltip, FollowTooltip } from '../../../../hooks/useFollowTooltip.js'\nimport type { BundleOption } from './types.js'\nimport { useBizProductContext } from '../../../../BizProductProvider.js'\n\nconst ProductBundle = () => {\n  const { bundle, checkedBundle, setCheckedBundle } = useBizProductContext()\n  if (!bundle || !bundle?.bundleOptions?.length) return null\n\n  const { tooltip, getTooltipProps } = useFollowTooltip()\n\n  const handleSelectedChange = (bundleItem: BundleOption) => {\n    if (checkedBundle?.ruleId === bundleItem.ruleId) {\n      bundle?.onCheckedChange?.(undefined)\n      setCheckedBundle?.(undefined)\n    } else {\n      setCheckedBundle?.(bundleItem)\n      bundle?.onCheckedChange?.(bundleItem)\n    }\n  }\n\n  return (\n    <div className={cn('ipc-product-detail-bundle', bundle?.className)}>\n      <Text className=\"font-bold leading-[1.2] text-[14px] lg-desktop:text-[16px]\" html={bundle?.title} />\n      <div className=\"laptop:grid-cols-2 laptop-md:grid-cols-1 lg-desktop:mt-4 mt-3 grid grid-cols-1 gap-3\">\n        {bundle?.bundleOptions.map((bundle, index) => (\n          <div key={index}>\n            <div\n              className={cn(\n                'rounded-box h-[80px] laptop:h-[100px] flex items-center gap-2 border-2 border-[#E4E5E6] px-4 text-left font-bold',\n                {\n                  ['border-brand']: checkedBundle?.ruleId === bundle.ruleId,\n                }\n              )}\n            >\n              <Checkbox\n                onCheckedChange={() => handleSelectedChange(bundle)}\n                size=\"lg\"\n                className={cn('rounded-full border-2 border-[#E4E5E6]', {\n                  'border-brand-0 data-[state=checked]:bg-brand-0': checkedBundle?.ruleId === bundle.ruleId,\n                })}\n                id={bundle.ruleId}\n                value={bundle.ruleId}\n                checked={checkedBundle?.ruleId === bundle.ruleId}\n              />\n              <label\n                htmlFor={bundle.ruleId}\n                className=\"size-full flex items-center cursor-pointer py-4 lg-desktop:py-6\"\n              >\n                {bundle.bundleVariants.map(variant => (\n                  <div className=\"flex items-center flex-1 justify-between gap-6\" key={variant.variantId}>\n                    <div className=\"flex items-center gap-2\">\n                      <Picture source={variant.imageUrl} className=\"size-12 shrink-0\" imgClassName=\"h-full\" />\n                      <Text\n                        {...getTooltipProps(variant.title)}\n                        className=\"laptop:text-[16px] lg-desktop:text-[18px] line-clamp-2 text-sm font-bold\"\n                        html={variant.title}\n                      />\n                      <FollowTooltip {...tooltip} />\n                    </div>\n                    <div className=\"laptop:flex-row flex shrink-0 flex-col items-center justify-end gap-1\">\n                      <Text\n                        className=\"laptop:text-[20px] lg-desktop:text-2xl text-base !leading-[1.2] font-bold\"\n                        html={variant.price}\n                      />\n                      {variant.comparePrice && (\n                        <Text\n                          className=\"laptop:text-[20px] lg-desktop:text-2xl text-base !leading-[1.2] font-bold text-[#6D6D6F] line-through\"\n                          html={variant.comparePrice}\n                        />\n                      )}\n                    </div>\n                  </div>\n                ))}\n              </label>\n            </div>\n          </div>\n        ))}\n      </div>\n    </div>\n  )\n}\n\nProductBundle.displayName = 'ProductBundle'\n\nexport default withLayout(ProductBundle)\nexport type { ProductBundleProps, BundleOption, BundleVariantItem } from './types.js'\n"],
-  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,IAAA,eAAAC,EAAAH,GAyBM,IAAAI,EAAA,6BAzBNC,EAAwC,iDACxCC,EAAmB,8CACnBC,EAA2B,8CAC3BC,EAAgD,iDAEhDC,EAAqC,6CAErC,MAAMC,EAAgB,IAAM,CAC1B,KAAM,CAAE,OAAAC,EAAQ,cAAAC,EAAe,iBAAAC,CAAiB,KAAI,wBAAqB,EACzE,GAAI,CAACF,GAAU,CAACA,GAAQ,eAAe,OAAQ,OAAO,KAEtD,KAAM,CAAE,QAAAG,EAAS,gBAAAC,CAAgB,KAAI,oBAAiB,EAEhDC,EAAwBC,GAA6B,CACrDL,GAAe,SAAWK,EAAW,QACvCN,GAAQ,kBAAkB,MAAS,EACnCE,IAAmB,MAAS,IAE5BA,IAAmBI,CAAU,EAC7BN,GAAQ,kBAAkBM,CAAU,EAExC,EAEA,SACE,QAAC,OAAI,aAAW,MAAG,4BAA6BN,GAAQ,SAAS,EAC/D,oBAAC,QAAK,UAAU,6DAA6D,KAAMA,GAAQ,MAAO,KAClG,OAAC,OAAI,UAAU,uFACZ,SAAAA,GAAQ,cAAc,IAAI,CAACA,EAAQO,OAClC,OAAC,OACC,oBAAC,OACC,aAAW,MACT,mHACA,CACG,eAAiBN,GAAe,SAAWD,EAAO,MACrD,CACF,EAEA,oBAAC,YACC,gBAAiB,IAAMK,EAAqBL,CAAM,EAClD,KAAK,KACL,aAAW,MAAG,yCAA0C,CACtD,iDAAkDC,GAAe,SAAWD,EAAO,MACrF,CAAC,EACD,GAAIA,EAAO,OACX,MAAOA,EAAO,OACd,QAASC,GAAe,SAAWD,EAAO,OAC5C,KACA,OAAC,SACC,QAASA,EAAO,OAChB,UAAU,kEAET,SAAAA,EAAO,eAAe,IAAIQ,MACzB,QAAC,OAAI,UAAU,iDACb,qBAAC,OAAI,UAAU,0BACb,oBAAC,WAAQ,OAAQA,EAAQ,SAAU,UAAU,mBAAmB,aAAa,SAAS,KACtF,OAAC,QACE,GAAGJ,EAAgBI,EAAQ,KAAK,EACjC,UAAU,2EACV,KAAMA,EAAQ,MAChB,KACA,OAAC,iBAAe,GAAGL,EAAS,GAC9B,KACA,QAAC,OAAI,UAAU,wEACb,oBAAC,QACC,UAAU,4EACV,KAAMK,EAAQ,MAChB,EACCA,EAAQ,iBACP,OAAC,QACC,UAAU,wGACV,KAAMA,EAAQ,aAChB,GAEJ,IArBmEA,EAAQ,SAsB7E,CACD,EACH,GACF,GAjDQD,CAkDV,CACD,EACH,GACF,CAEJ,EAEAR,EAAc,YAAc,gBAE5B,IAAOR,KAAQ,cAAWQ,CAAa",
-  "names": ["ProductBundle_exports", "__export", "ProductBundle_default", "__toCommonJS", "import_jsx_runtime", "import_components", "import_helpers", "import_Styles", "import_useFollowTooltip", "import_BizProductProvider", "ProductBundle", "bundle", "checkedBundle", "setCheckedBundle", "tooltip", "getTooltipProps", "handleSelectedChange", "bundleItem", "index", "variant"]
-}

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../../../src/biz-components/Listing/components/ProductCard/ProductDetail/ProductBundle/types.ts"],
-  "sourcesContent": ["\nexport interface BundleVariantItem {\n  /** \u53D8\u4F53\u552F\u4E00\u6807\u8BC6\u7B26\uFF08\u5BF9\u5E94 API variant_id\uFF09 */\n  variantId: string | number\n  /** \u5BF9\u5E94\u4E3B\u5546\u54C1\u7684 sku\uFF0C\u7528\u4E8E ProductSummary \u6458\u8981\u4E2D\u5339\u914D\u5F53\u524D\u5546\u54C1\u6298\u6263 */\n  sku?: string\n  /** \u4EA7\u54C1\u540D\u79F0\uFF08\u4E1A\u52A1\u7AEF\u4ECE\u5546\u54C1\u6570\u636E\u4E2D\u83B7\u53D6\uFF09 */\n  title: string\n  /** \u4EA7\u54C1\u4E3B\u56FE URL\uFF08\u53EF\u9009\uFF0C\u4E1A\u52A1\u7AEF\u63D0\u4F9B\uFF09 */\n  imageUrl: string\n  /**\n   * \u683C\u5F0F\u5316\u540E\u7684\u6298\u6263\u4EF7\u5B57\u7B26\u4E32\uFF0C\u7531\u4E1A\u52A1\u7AEF\u8BA1\u7B97\u5E76\u683C\u5F0F\u5316\n   * \u793A\u4F8B\uFF1A'$89.99'\u3001'\u20AC79,99'\n   */\n  price: string\n  /**\n   * \u6298\u6263\u4EF7\u7684\u6570\u5B57\u539F\u59CB\u503C\uFF08\u53EF\u9009\uFF09\n   * \u4EC5\u4F9B ProductSummary \u5185\u90E8\u505A\u4EF7\u683C\u6298\u7B97\uFF0C\u4E0D\u7528\u4E8E\u5C55\u793A\n   */\n  priceAmount?: number\n  /**\n   * \u683C\u5F0F\u5316\u540E\u7684\u5212\u7EBF\u539F\u4EF7\u5B57\u7B26\u4E32\uFF08\u53EF\u9009\uFF09\n   * \u4EC5\u5728\u6709\u6298\u6263\u65F6\u4F20\u5165\uFF0C\u7EC4\u4EF6\u4F1A\u663E\u793A\u5212\u7EBF\u6837\u5F0F\n   * \u793A\u4F8B\uFF1A'$99.99'\n   */\n  comparePrice?: string\n}\n\n/**\n * \u5355\u4E2A bundle \u9009\u9879\uFF08\u5BF9\u5E94 API bundle_list \u4E2D\u7684\u4E00\u9879\uFF09\n */\nexport interface BundleOption {\n  /** bundle \u552F\u4E00 \u89C4\u5219ID */\n  ruleId?: string\n  /**\n   * \u9700\u8981\u5C55\u793A\u7684\u5176\u4ED6\u5546\u54C1\u5217\u8868\n   * \u6CE8\u610F\uFF1A\u4E1A\u52A1\u7AEF\u5E94\u6392\u9664\u5F53\u524D\u4E3B\u5546\u54C1\uFF0C\u53EA\u4F20\u5165\u642D\u914D\u5546\u54C1\n   */\n  bundleVariants: BundleVariantItem[]\n  /** \u5355\u4E2Abundle\u8282\u7701\u603B\u91D1\u989D */\n  savings?: string\n}\n\nexport interface ProductBundleProps {\n  title?: string\n  /** bundle\u6700\u5927\u8282\u7701\u91D1\u989D */\n  maxSavings?: string\n  bundleOptions?: BundleOption[]\n  onCheckedChange?: (bundle?: BundleOption) => void\n  className?: string\n}\n"],
-  "mappings": "+WAAA,IAAAA,EAAA,kBAAAC,EAAAD",
-  "names": ["types_exports", "__toCommonJS"]
-}

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../../../src/biz-components/Listing/components/ProductCard/ProductDetail/ProductCoupon/index.tsx"],
-  "sourcesContent": ["'use client'\n\nimport React from 'react'\nimport { cn, formatPrice } from '../../../../../../helpers/index.js'\nimport { Text, Link, Checkbox } from '../../../../../../components/index.js'\nimport useCopy from '../../../../hooks/useCopy.js'\nimport { useBenefits } from '../../../../hooks/useBenefits.js'\nimport { useBizProductContext } from '../../../../BizProductProvider.js'\nimport { useComponentData } from '../../../../hooks/useComponentData.js'\nimport { replaceTemplate } from '../../../../utils/textFormat.js'\nimport { useAiuiContext } from '../../../../../AiuiProvider/index.js'\nimport useCountDown from '../../../../../../hooks/useCountDown.js'\n\n// \u5012\u8BA1\u65F6\u663E\u793A\u7EC4\u4EF6\uFF08memo \u9694\u79BB\uFF0C\u907F\u514D\u5916\u5C42 ProductCoupon \u6BCF\u79D2\u91CD\u6E32\u67D3\uFF09\nconst CountdownDisplay = React.memo(function CountdownDisplay({\n  endTime,\n  template,\n}: {\n  endTime: string\n  template: string\n}) {\n  const { days, hours, minutes, seconds } = useCountDown({ endTime })\n\n  return (\n    <>\n      {replaceTemplate(template, {\n        countdown: `${days}:${hours}:${minutes}:${seconds}`,\n      })}\n    </>\n  )\n})\n\nexport interface ProductCouponProps {\n  /** \u81EA\u5B9A\u4E49\u7C7B\u540D */\n  className?: string\n}\n\n// \u4F18\u60E0\u5238\u5361\u7247\u7EC4\u4EF6\nexport interface CouponCardProps {\n  /** \u662F\u5426\u9009\u4E2D */\n  checked: boolean\n  /** \u6298\u6263\u6587\u6848 (\u5982 \"20% OFF\") */\n  discountText: string\n  /** \u4F18\u60E0\u7801\u6587\u6848 (\u5982 \"With code: ABC123\") */\n  codeText: string\n  /** \u4F18\u60E0\u7801 */\n  code: string\n  /** \u5012\u8BA1\u65F6\u6587\u6848 (\u5982 \"Ends in: 1:23:45:00\") */\n  countdownText?: React.ReactNode\n  /** \u590D\u5236\u6309\u94AE\u6587\u6848 */\n  copyText: string\n  /** \u5DF2\u590D\u5236\u6587\u6848 */\n  copiedText: string\n  /** \u70B9\u51FB\u4E8B\u4EF6 */\n  onClick?: () => void\n  /** \u81EA\u5B9A\u4E49\u7C7B\u540D */\n  className?: string\n}\n\nexport const CouponCard: React.FC<CouponCardProps> = ({\n  checked,\n  discountText,\n  codeText,\n  code,\n  countdownText,\n  copyText,\n  copiedText,\n  onClick,\n  className,\n}) => {\n  const { copied: isCopied, copy: copyToClipboard } = useCopy()\n\n  return (\n    <div\n      className={cn('flex flex-col gap-3 rounded-box overflow-hidden', className)}\n      role=\"button\"\n      tabIndex={0}\n      onClick={onClick}\n    >\n      <div className=\"flex flex-col gap-3 overflow-hidden rounded-box bg-[#EDFBFF] p-3 laptop:p-4\">\n        <div className=\"flex flex-col gap-1\">\n          <div className=\"flex items-center gap-1\">\n            <Checkbox\n              size=\"lg\"\n              className=\"data-[state=checked]:border-info-primary data-[state=checked]:bg-info-primary mr-2 rounded-full border-[1.6px] border-info-primary\"\n              checked={checked}\n            />\n            <Text className=\"text-info-primary text-base laptop:text-xl lg-desktop:text-2xl font-bold leading-[1.2] tracking-[-0.8px]\">\n              {discountText}\n            </Text>\n          </div>\n\n          <div className=\"flex w-full items-center gap-2\">\n            <div className=\"flex shrink-0 flex-col items-start\">\n              <Text className=\"text-info-primary lg-desktop:text-[16px] text-[14px] font-bold leading-[1.4] tracking-[-0.28px]\">\n                {codeText}\n              </Text>\n            </div>\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(code)\n              }}\n            >\n              {isCopied ? copiedText : copyText}\n            </Link>\n          </div>\n        </div>\n\n        {countdownText && (\n          <Text className=\"text-brand-0 text-sm lg-desktop:text-base font-bold leading-[1.4] tracking-[-0.28px]\">\n            {countdownText}\n          </Text>\n        )}\n      </div>\n    </div>\n  )\n}\n\nCouponCard.displayName = 'CouponCard'\n\n// \u4F1A\u5458\u4EF7\u4F18\u60E0\u5361\u7247\u7EC4\u4EF6\nexport interface MemberDiscountCardProps {\n  /** \u662F\u5426\u9009\u4E2D */\n  checked: boolean\n  /** \u6298\u6263\u6587\u6848 (\u5982 \"$10 OFF Member Price\") */\n  discountText: string\n  /** \u63CF\u8FF0\u6587\u6848 */\n  description?: string\n  /** \u70B9\u51FB\u4E8B\u4EF6 */\n  onClick?: () => void\n  /** \u81EA\u5B9A\u4E49\u7C7B\u540D */\n  className?: string\n}\n\nexport const MemberDiscountCard: React.FC<MemberDiscountCardProps> = ({\n  checked,\n  discountText,\n  description,\n  onClick,\n  className,\n}) => {\n  return (\n    <div\n      className={cn('flex flex-col gap-3 rounded-box overflow-hidden', className)}\n      role=\"button\"\n      tabIndex={0}\n      onClick={onClick}\n    >\n      <div className=\"flex flex-col gap-3 overflow-hidden rounded-box bg-[#EDFBFF] p-3 laptop:p-4\">\n        <div className=\"flex flex-col gap-1\">\n          <div className=\"flex items-center gap-1\">\n            <Checkbox\n              size=\"lg\"\n              className=\"data-[state=checked]:border-info-primary data-[state=checked]:bg-info-primary mr-2 rounded-full border-[1.6px] border-info-primary\"\n              checked={checked}\n            />\n            <Text className=\"text-info-primary text-base laptop:text-xl lg-desktop:text-2xl font-bold leading-[1.2] tracking-[-0.8px]\">\n              {discountText}\n            </Text>\n          </div>\n\n          {description && (\n            <Text className=\"text-info-primary lg-desktop:text-[16px] text-[14px] font-bold leading-[1.4] tracking-[-0.28px] pl-8\">\n              {description}\n            </Text>\n          )}\n        </div>\n      </div>\n    </div>\n  )\n}\n\nMemberDiscountCard.displayName = 'MemberDiscountCard'\n\nconst ProductCoupon: React.FC<ProductCouponProps> = ({ className }) => {\n  const { profile, variant, onUseCouponChange, onUseMemberDiscountChange, openSignInPopup, discount, savingDetail } =\n    useBizProductContext()\n  const { locale = 'us', trackingData } = useAiuiContext()\n  const benefits = useBenefits({ variant })\n  const { commonCoupon, memberDiscount } = benefits\n\n  const couponCopy = trackingData?.common?.coupon\n\n  const productCouponData = useComponentData('ProductCoupon') ?? {}\n\n  if ((!commonCoupon?.enable && !memberDiscount?.enable) || !variant?.availableForSale) {\n    return null\n  }\n\n  return (\n    <div className={cn('ipc-product-detail-product-coupon flex flex-col gap-3 lg-desktop:gap-4', className)}>\n      {productCouponData?.title && (\n        <Text className=\"text-info-primary text-[14px] lg-desktop:text-[16px] font-bold leading-[1.2] tracking-[-0.56px]\">\n          {productCouponData.title}\n        </Text>\n      )}\n      {commonCoupon?.enable && (\n        <CouponCard\n          checked={savingDetail?.coupon > 0}\n          discountText={replaceTemplate(productCouponData?.common?.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          codeText={replaceTemplate(productCouponData?.common?.withCode, {\n            code: commonCoupon?.config?.title ?? '',\n          })}\n          code={commonCoupon?.config?.title ?? ''}\n          countdownText={\n            commonCoupon?.config?.ends_at\n              ? (\n                <CountdownDisplay\n                  endTime={commonCoupon.config.ends_at}\n                  template={productCouponData?.common?.endsIn ?? ''}\n                />\n              )\n              : undefined\n          }\n          copyText={couponCopy?.copy || productCouponData?.copyCode}\n          copiedText={couponCopy?.copied || productCouponData?.copied}\n          onClick={() => {\n            const couponSaving = !savingDetail?.coupon ? (discount?.codeSavings ?? 0) : 0\n            onUseCouponChange?.(couponSaving)\n          }}\n        />\n      )}\n\n      {memberDiscount?.enable && (\n        <MemberDiscountCard\n          checked={Boolean(profile?.email) && !!savingDetail?.member}\n          discountText={replaceTemplate(productCouponData?.member?.offMember, {\n            discount:\n              formatPrice({\n                amount: memberDiscount?.config?.amount ?? 0,\n                currencyCode: variant.price.currencyCode,\n                locale,\n              }) || '',\n          })}\n          description={\n            Boolean(profile?.email) ? (\n              productCouponData?.member?.loginDesc\n            ) : (\n              <>\n                <span className=\"mr-2\" dangerouslySetInnerHTML={{ __html: productCouponData?.member?.unloginDesc }} />\n                <span\n                  role=\"button\"\n                  tabIndex={0}\n                  onClick={e => {\n                    e?.stopPropagation()\n                    openSignInPopup?.()\n                  }}\n                  className=\"underline text-nowrap\"\n                  dangerouslySetInnerHTML={{ __html: productCouponData?.member?.login }}\n                />\n              </>\n            )\n          }\n          onClick={() => {\n            if (!profile?.email) {\n              openSignInPopup?.()\n              return\n            }\n            const memberSaving = !savingDetail?.member ? (memberDiscount?.config?.amount ?? 0) : 0\n            onUseMemberDiscountChange?.(memberSaving)\n          }}\n        />\n      )}\n    </div>\n  )\n}\n\nProductCoupon.displayName = 'ProductCoupon'\n\nexport default ProductCoupon\n"],
-  "mappings": "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",
-  "names": ["ProductCoupon_exports", "__export", "CouponCard", "MemberDiscountCard", "ProductCoupon_default", "__toCommonJS", "import_jsx_runtime", "import_react", "import_helpers", "import_components", "import_useCopy", "import_useBenefits", "import_BizProductProvider", "import_useComponentData", "import_textFormat", "import_AiuiProvider", "import_useCountDown", "CountdownDisplay", "React", "endTime", "template", "days", "hours", "minutes", "seconds", "useCountDown", "checked", "discountText", "codeText", "code", "countdownText", "copyText", "copiedText", "onClick", "className", "isCopied", "copyToClipboard", "useCopy", "event", "description", "ProductCoupon", "profile", "variant", "onUseCouponChange", "onUseMemberDiscountChange", "openSignInPopup", "discount", "savingDetail", "locale", "trackingData", "benefits", "commonCoupon", "memberDiscount", "couponCopy", "productCouponData", "couponSaving", "e", "memberSaving"]
-}

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

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

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../../../src/biz-components/Listing/components/ProductCard/ProductDetail/ProductFreeGift/index.tsx"],
-  "sourcesContent": ["import { Text, Picture, Checkbox } from '../../../../../../components/index.js'\nimport { cn } from '../../../../../../helpers/index.js'\nimport { useEffect, useMemo } from 'react'\nimport { useBizProductContext } from '../../../../BizProductProvider.js'\nimport { formatPrice } from '../../../../utils/index.js'\nimport { useAiuiContext } from '../../../../../AiuiProvider/index.js'\nimport type { ProductVariant } from '../../../../types/product'\nimport { withLayout } from '../../../../../../shared/Styles.js'\nimport { useFollowTooltip, FollowTooltip } from '../../../../hooks/useFollowTooltip.js'\n\nconst ProductFreeGift = () => {\n  const { locale = 'us' } = useAiuiContext()\n  const { tooltip, getTooltipProps } = useFollowTooltip()\n  const {\n    freeGift,\n    checkedGift,\n    setCheckedGift,\n    setCheckedBundle,\n    setSavingDetail,\n    savingDetail,\n    setJoinedRecommendBuyProducts,\n    joinedRecommendBuyProducts,\n    setAddOrder,\n  } = useBizProductContext()\n  const { title, giftList = [], freeLabel } = freeGift || {}\n  const availableGifts = useMemo(() => giftList?.filter(item => item.availableForSale), [giftList])\n\n  const handleCheckboxClick = (value: ProductVariant) => {\n    if (checkedGift?.id === value.id) {\n      setCheckedGift?.(undefined)\n      setSavingDetail?.({ ...savingDetail, freeGift: 0 })\n      setJoinedRecommendBuyProducts?.({\n        ...joinedRecommendBuyProducts,\n        gift: {\n          value: undefined,\n          canOperate: true,\n        },\n      })\n      // \u4ECE\u6DFB\u52A0\u987A\u5E8F\u4E2D\u79FB\u9664\n      setAddOrder?.(prev => prev.filter(t => t !== 'gift'))\n    } else {\n      setCheckedGift?.(value)\n      setJoinedRecommendBuyProducts?.({\n        ...joinedRecommendBuyProducts,\n        gift: {\n          value,\n          canOperate: false,\n        },\n      })\n      // \u6DFB\u52A0\u5230\u987A\u5E8F\u6570\u7EC4\u7684\u672B\u5C3E\n      setAddOrder?.(prev => {\n        // \u5982\u679C\u5DF2\u7ECF\u5B58\u5728\uFF0C\u5148\u79FB\u9664\u518D\u6DFB\u52A0\u5230\u672B\u5C3E\n        const filtered = prev.filter(t => t !== 'gift')\n        return [...filtered, 'gift']\n      })\n    }\n  }\n\n  // useEffect(() => {\n  //   // \u5982\u679C\u7B2C\u4E00\u4E2A\u793C\u7269\u53EF\u7528\uFF0C\u5219\u9009\u4E2D\u5B83\n  //   availableGifts?.[0] && handleCheckboxClick(availableGifts?.[0])\n  // }, [availableGifts])\n\n  if (!availableGifts?.length) return null\n\n  return (\n    <div className=\"ipc-product-detail-free-gift\">\n      <Text className=\"font-bold leading-[1.2] text-[14px] lg-desktop:text-[16px]\" html={title} />\n      <div className=\"laptop:grid-cols-2 laptop-md:grid-cols-1 lg-desktop:mt-4 mt-3 grid grid-cols-1 gap-3\">\n        {availableGifts.map(gift => (\n          <div\n            key={gift.id}\n            className={cn(\n              'rounded-box h-[80px] laptop:h-[100px] flex items-center gap-2 border-2 border-[#E4E5E6] px-4 text-left font-bold',\n              {\n                ['border-brand']: checkedGift?.id === gift.id,\n              }\n            )}\n          >\n            <Checkbox\n              onCheckedChange={() => handleCheckboxClick(gift)}\n              size=\"lg\"\n              className={cn('rounded-full border-2 border-[#E4E5E6]', {\n                'border-brand-0 data-[state=checked]:bg-brand-0': checkedGift?.id === gift.id,\n              })}\n              id={gift.id}\n              checked={checkedGift?.id === gift.id}\n              value={gift.id}\n            ></Checkbox>\n            <label\n              htmlFor={gift.id}\n              className=\"flex w-full cursor-pointer items-center justify-between gap-4 py-4 lg-desktop:py-6\"\n            >\n              <div className=\"flex items-center gap-2\">\n                <Picture source={gift.image?.url} className=\"size-12 shrink-0\" imgClassName=\"h-full\" />\n                <Text\n                  {...getTooltipProps(gift.product.title)}\n                  className=\"laptop:text-[16px] lg-desktop:text-[18px] line-clamp-2 text-sm font-bold\"\n                  html={gift.product.title}\n                />\n                <FollowTooltip {...tooltip} />\n              </div>\n              <div className=\"tablet:flex-row flex shrink-0 flex-col items-center gap-1\">\n                <Text\n                  className=\"laptop:text-[20px] lg-desktop:text-2xl text-base font-bold !leading-[1.2]\"\n                  html={freeLabel}\n                />\n                <Text\n                  className=\"laptop:text-[20px] lg-desktop:text-2xl text-base font-bold text-[#6D6D6F] line-through !leading-[1.2]\"\n                  html={formatPrice({\n                    amount: gift.price.amount,\n                    locale,\n                    currencyCode: gift.price.currencyCode,\n                  })}\n                />\n              </div>\n            </label>\n          </div>\n        ))}\n      </div>\n    </div>\n  )\n}\n\nexport default withLayout(ProductFreeGift)\n"],
-  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,IAAA,eAAAC,EAAAH,GAmEM,IAAAI,EAAA,6BAnENC,EAAwC,iDACxCC,EAAmB,8CACnBC,EAAmC,iBACnCC,EAAqC,6CACrCC,EAA4B,sCAC5BC,EAA+B,gDAE/BC,EAA2B,8CAC3BC,EAAgD,iDAEhD,MAAMC,EAAkB,IAAM,CAC5B,KAAM,CAAE,OAAAC,EAAS,IAAK,KAAI,kBAAe,EACnC,CAAE,QAAAC,EAAS,gBAAAC,CAAgB,KAAI,oBAAiB,EAChD,CACJ,SAAAC,EACA,YAAAC,EACA,eAAAC,EACA,iBAAAC,EACA,gBAAAC,EACA,aAAAC,EACA,8BAAAC,EACA,2BAAAC,EACA,YAAAC,CACF,KAAI,wBAAqB,EACnB,CAAE,MAAAC,EAAO,SAAAC,EAAW,CAAC,EAAG,UAAAC,CAAU,EAAIX,GAAY,CAAC,EACnDY,KAAiB,WAAQ,IAAMF,GAAU,OAAOG,GAAQA,EAAK,gBAAgB,EAAG,CAACH,CAAQ,CAAC,EAE1FI,EAAuBC,GAA0B,CACjDd,GAAa,KAAOc,EAAM,IAC5Bb,IAAiB,MAAS,EAC1BE,IAAkB,CAAE,GAAGC,EAAc,SAAU,CAAE,CAAC,EAClDC,IAAgC,CAC9B,GAAGC,EACH,KAAM,CACJ,MAAO,OACP,WAAY,EACd,CACF,CAAC,EAEDC,IAAcQ,GAAQA,EAAK,OAAOC,GAAKA,IAAM,MAAM,CAAC,IAEpDf,IAAiBa,CAAK,EACtBT,IAAgC,CAC9B,GAAGC,EACH,KAAM,CACJ,MAAAQ,EACA,WAAY,EACd,CACF,CAAC,EAEDP,IAAcQ,GAGL,CAAC,GADSA,EAAK,OAAOC,GAAKA,IAAM,MAAM,EACzB,MAAM,CAC5B,EAEL,EAOA,OAAKL,GAAgB,UAGnB,QAAC,OAAI,UAAU,+BACb,oBAAC,QAAK,UAAU,6DAA6D,KAAMH,EAAO,KAC1F,OAAC,OAAI,UAAU,uFACZ,SAAAG,EAAe,IAAIM,MAClB,QAAC,OAEC,aAAW,MACT,mHACA,CACG,eAAiBjB,GAAa,KAAOiB,EAAK,EAC7C,CACF,EAEA,oBAAC,YACC,gBAAiB,IAAMJ,EAAoBI,CAAI,EAC/C,KAAK,KACL,aAAW,MAAG,yCAA0C,CACtD,iDAAkDjB,GAAa,KAAOiB,EAAK,EAC7E,CAAC,EACD,GAAIA,EAAK,GACT,QAASjB,GAAa,KAAOiB,EAAK,GAClC,MAAOA,EAAK,GACb,KACD,QAAC,SACC,QAASA,EAAK,GACd,UAAU,qFAEV,qBAAC,OAAI,UAAU,0BACb,oBAAC,WAAQ,OAAQA,EAAK,OAAO,IAAK,UAAU,mBAAmB,aAAa,SAAS,KACrF,OAAC,QACE,GAAGnB,EAAgBmB,EAAK,QAAQ,KAAK,EACtC,UAAU,2EACV,KAAMA,EAAK,QAAQ,MACrB,KACA,OAAC,iBAAe,GAAGpB,EAAS,GAC9B,KACA,QAAC,OAAI,UAAU,4DACb,oBAAC,QACC,UAAU,4EACV,KAAMa,EACR,KACA,OAAC,QACC,UAAU,wGACV,QAAM,eAAY,CAChB,OAAQO,EAAK,MAAM,OACnB,OAAArB,EACA,aAAcqB,EAAK,MAAM,YAC3B,CAAC,EACH,GACF,GACF,IA7CKA,EAAK,EA8CZ,CACD,EACH,GACF,EAzDkC,IA2DtC,EAEA,IAAOjC,KAAQ,cAAWW,CAAe",
-  "names": ["ProductFreeGift_exports", "__export", "ProductFreeGift_default", "__toCommonJS", "import_jsx_runtime", "import_components", "import_helpers", "import_react", "import_BizProductProvider", "import_utils", "import_AiuiProvider", "import_Styles", "import_useFollowTooltip", "ProductFreeGift", "locale", "tooltip", "getTooltipProps", "freeGift", "checkedGift", "setCheckedGift", "setCheckedBundle", "setSavingDetail", "savingDetail", "setJoinedRecommendBuyProducts", "joinedRecommendBuyProducts", "setAddOrder", "title", "giftList", "freeLabel", "availableGifts", "item", "handleCheckboxClick", "value", "prev", "t", "gift"]
-}

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../../../src/biz-components/Listing/components/ProductCard/ProductDetail/ProductFunctionFreeGift/index.tsx"],
-  "sourcesContent": ["import { Text, Picture, Checkbox } from '../../../../../../components/index.js'\nimport { cn } from '../../../../../../helpers/index.js'\nimport { withLayout } from '../../../../../../shared/Styles.js'\nimport { useFollowTooltip, FollowTooltip } from '../../../../hooks/useFollowTooltip.js'\nimport type { FunctionFreeGiftItem } from './types.js'\nimport { useBizProductContext } from '../../../../BizProductProvider.js'\n\nconst ProductFunctionFreeGift = () => {\n  const { functionFreeGift: freeGift, checkedFunctionGifts, setCheckedFunctionGifts } = useBizProductContext()\n\n  if (!freeGift) return null\n  if (!checkedFunctionGifts || !setCheckedFunctionGifts) return null\n\n  const { title, freeLabel, giftItems = [] } = freeGift\n  const { tooltip, getTooltipProps } = useFollowTooltip()\n\n  const isMultiple = freeGift.mode === 'multiple'\n\n  if (!giftItems.length) return null\n\n  const isChecked = (gift: FunctionFreeGiftItem): boolean => {\n    return checkedFunctionGifts?.has(String(gift.id)) ?? false\n  }\n\n  const handleToggle = (gift: FunctionFreeGiftItem) => {\n    const giftId = String(gift.id)\n    setCheckedFunctionGifts?.(prev => {\n      const next = new Set(prev)\n      const alreadyChecked = next.has(giftId)\n\n      if (isMultiple) {\n        alreadyChecked ? next.delete(giftId) : next.add(giftId)\n        const nextItems = giftItems.filter(g => next.has(String(g.id)))\n        freeGift.onCheckedChange?.(nextItems)\n      } else {\n        next.clear()\n        if (!alreadyChecked) {\n          next.add(giftId)\n        }\n        freeGift.onCheckedChange?.(alreadyChecked ? undefined : gift)\n      }\n      return next\n    })\n  }\n\n  return (\n    <div className={cn('ipc-product-detail-free-gift')}>\n      <Text className=\"font-bold leading-[1.2] text-[14px] lg-desktop:text-[16px]\" html={title} />\n      <div className=\"laptop:grid-cols-2 laptop-md:grid-cols-1 lg-desktop:mt-4 mt-3 grid grid-cols-1 gap-3\">\n        {giftItems.map(gift => {\n          const checked = isChecked(gift)\n          return (\n            <div\n              key={gift.id}\n              className={cn(\n                'rounded-box h-[80px] laptop:h-[100px] flex items-center gap-2 border-2 border-[#E4E5E6] px-4 text-left font-bold',\n                { 'border-brand': checked }\n              )}\n            >\n              <Checkbox\n                onCheckedChange={() => handleToggle(gift)}\n                size=\"lg\"\n                className={cn('rounded-full border-2 border-[#E4E5E6]', {\n                  'border-brand-0 data-[state=checked]:bg-brand-0': checked,\n                })}\n                id={String(gift.id)}\n                checked={checked}\n                value={String(gift.id)}\n              />\n              <label\n                htmlFor={String(gift.id)}\n                className=\"flex w-full cursor-pointer items-center justify-between gap-4 py-4 lg-desktop:py-6\"\n              >\n                <div className=\"flex items-center gap-2\">\n                  <Picture source={gift.imageUrl} className=\"size-12 shrink-0\" imgClassName=\"h-full\" />\n                  <Text\n                    {...getTooltipProps(gift.title)}\n                    className=\"laptop:text-[16px] lg-desktop:text-[18px] line-clamp-2 text-sm font-bold\"\n                    html={gift.title}\n                  />\n                  <FollowTooltip {...tooltip} />\n                </div>\n                <div className=\"tablet:flex-row flex shrink-0 flex-col items-center gap-1\">\n                  {freeLabel && (\n                    <Text\n                      className=\"laptop:text-[20px] lg-desktop:text-2xl text-base font-bold !leading-[1.2]\"\n                      html={freeLabel}\n                    />\n                  )}\n                  {gift.comparePrice && (\n                    <Text\n                      className=\"laptop:text-[20px] lg-desktop:text-2xl text-base font-bold text-[#6D6D6F] line-through !leading-[1.2]\"\n                      html={gift.comparePrice}\n                    />\n                  )}\n                </div>\n              </label>\n            </div>\n          )\n        })}\n      </div>\n    </div>\n  )\n}\n\nProductFunctionFreeGift.displayName = 'ProductFunctionFreeGift'\n\nexport default withLayout(ProductFunctionFreeGift)\nexport type { ProductFunctionFreeGiftProps, FunctionFreeGiftItem } from './types.js'\n"],
-  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,IAAA,eAAAC,EAAAH,GA+CM,IAAAI,EAAA,6BA/CNC,EAAwC,iDACxCC,EAAmB,8CACnBC,EAA2B,8CAC3BC,EAAgD,iDAEhDC,EAAqC,6CAErC,MAAMC,EAA0B,IAAM,CACpC,KAAM,CAAE,iBAAkBC,EAAU,qBAAAC,EAAsB,wBAAAC,CAAwB,KAAI,wBAAqB,EAG3G,GADI,CAACF,GACD,CAACC,GAAwB,CAACC,EAAyB,OAAO,KAE9D,KAAM,CAAE,MAAAC,EAAO,UAAAC,EAAW,UAAAC,EAAY,CAAC,CAAE,EAAIL,EACvC,CAAE,QAAAM,EAAS,gBAAAC,CAAgB,KAAI,oBAAiB,EAEhDC,EAAaR,EAAS,OAAS,WAErC,GAAI,CAACK,EAAU,OAAQ,OAAO,KAE9B,MAAMI,EAAaC,GACVT,GAAsB,IAAI,OAAOS,EAAK,EAAE,CAAC,GAAK,GAGjDC,EAAgBD,GAA+B,CACnD,MAAME,EAAS,OAAOF,EAAK,EAAE,EAC7BR,IAA0BW,GAAQ,CAChC,MAAMC,EAAO,IAAI,IAAID,CAAI,EACnBE,EAAiBD,EAAK,IAAIF,CAAM,EAEtC,GAAIJ,EAAY,CACdO,EAAiBD,EAAK,OAAOF,CAAM,EAAIE,EAAK,IAAIF,CAAM,EACtD,MAAMI,EAAYX,EAAU,OAAOY,GAAKH,EAAK,IAAI,OAAOG,EAAE,EAAE,CAAC,CAAC,EAC9DjB,EAAS,kBAAkBgB,CAAS,CACtC,MACEF,EAAK,MAAM,EACNC,GACHD,EAAK,IAAIF,CAAM,EAEjBZ,EAAS,kBAAkBe,EAAiB,OAAYL,CAAI,EAE9D,OAAOI,CACT,CAAC,CACH,EAEA,SACE,QAAC,OAAI,aAAW,MAAG,8BAA8B,EAC/C,oBAAC,QAAK,UAAU,6DAA6D,KAAMX,EAAO,KAC1F,OAAC,OAAI,UAAU,uFACZ,SAAAE,EAAU,IAAIK,GAAQ,CACrB,MAAMQ,EAAUT,EAAUC,CAAI,EAC9B,SACE,QAAC,OAEC,aAAW,MACT,mHACA,CAAE,eAAgBQ,CAAQ,CAC5B,EAEA,oBAAC,YACC,gBAAiB,IAAMP,EAAaD,CAAI,EACxC,KAAK,KACL,aAAW,MAAG,yCAA0C,CACtD,iDAAkDQ,CACpD,CAAC,EACD,GAAI,OAAOR,EAAK,EAAE,EAClB,QAASQ,EACT,MAAO,OAAOR,EAAK,EAAE,EACvB,KACA,QAAC,SACC,QAAS,OAAOA,EAAK,EAAE,EACvB,UAAU,qFAEV,qBAAC,OAAI,UAAU,0BACb,oBAAC,WAAQ,OAAQA,EAAK,SAAU,UAAU,mBAAmB,aAAa,SAAS,KACnF,OAAC,QACE,GAAGH,EAAgBG,EAAK,KAAK,EAC9B,UAAU,2EACV,KAAMA,EAAK,MACb,KACA,OAAC,iBAAe,GAAGJ,EAAS,GAC9B,KACA,QAAC,OAAI,UAAU,4DACZ,UAAAF,MACC,OAAC,QACC,UAAU,4EACV,KAAMA,EACR,EAEDM,EAAK,iBACJ,OAAC,QACC,UAAU,wGACV,KAAMA,EAAK,aACb,GAEJ,GACF,IA3CKA,EAAK,EA4CZ,CAEJ,CAAC,EACH,GACF,CAEJ,EAEAX,EAAwB,YAAc,0BAEtC,IAAOR,KAAQ,cAAWQ,CAAuB",
-  "names": ["ProductFunctionFreeGift_exports", "__export", "ProductFunctionFreeGift_default", "__toCommonJS", "import_jsx_runtime", "import_components", "import_helpers", "import_Styles", "import_useFollowTooltip", "import_BizProductProvider", "ProductFunctionFreeGift", "freeGift", "checkedFunctionGifts", "setCheckedFunctionGifts", "title", "freeLabel", "giftItems", "tooltip", "getTooltipProps", "isMultiple", "isChecked", "gift", "handleToggle", "giftId", "prev", "next", "alreadyChecked", "nextItems", "g", "checked"]
-}

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../../../src/biz-components/Listing/components/ProductCard/ProductDetail/ProductFunctionFreeGift/types.ts"],
-  "sourcesContent": ["\n// \u2500\u2500\u2500 \u7EC4\u4EF6\u6D88\u8D39\u7C7B\u578B \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n\n/**\n * \u5355\u4E2A\u4E70\u8D60\u793C\u54C1\u9879\n *\n * \u7531\u4E1A\u52A1\u7AEF\u5C06 API reward_list \u6620\u5C04\u800C\u6765\uFF0C\u6240\u6709\u5C55\u793A\u5B57\u6BB5\u5DF2\u5904\u7406\u4E3A\u5B57\u7B26\u4E32\uFF0C\n * \u7EC4\u4EF6\u5185\u90E8\u4E0D\u518D\u505A\u4EFB\u4F55\u683C\u5F0F\u5316\u8BA1\u7B97\u3002\n */\nexport interface FunctionFreeGiftItem {\n  /**\n   * \u793C\u54C1\u552F\u4E00\u6807\u8BC6\u7B26\uFF0C\u7528\u4E8E checkbox \u9009\u4E2D\u5224\u65AD\n   * \u901A\u5E38\u5BF9\u5E94 API \u4E2D\u7684 variant_id\n   */\n  id: string | number\n\n  /** \u5546\u54C1\u6807\u9898\uFF0C\u4E1A\u52A1\u7AEF\u4ECE\u5546\u54C1\u6570\u636E\u4E2D\u83B7\u53D6\u540E\u4F20\u5165 */\n  title: string\n\n  /** \u5546\u54C1\u4E3B\u56FE URL\uFF08\u53EF\u9009\uFF0C\u4E1A\u52A1\u7AEF\u63D0\u4F9B\uFF09 */\n  imageUrl?: string\n\n  /**\n   * \u683C\u5F0F\u5316\u540E\u7684\u5212\u7EBF\u539F\u4EF7\u5B57\u7B26\u4E32\uFF08\u53EF\u9009\uFF09\n   * \u4EC5\u5728\u6709\u539F\u4EF7\u9700\u8981\u5C55\u793A\u65F6\u4F20\u5165\uFF0C\u7EC4\u4EF6\u4F1A\u663E\u793A\u5212\u7EBF\u6837\u5F0F\n   * \u793A\u4F8B\uFF1A'$89.99'\u3001'\u20AC79,99'\n   */\n  comparePrice?: string\n}\n\ninterface ProductFunctionFreeGiftBaseProps {\n  /** \u533A\u5757\u6807\u9898\u6587\u6848\uFF0C\u652F\u6301 HTML */\n  title?: string\n\n  /**\n   * \"FREE\" \u6807\u7B7E\u6587\u6848\uFF0C\u6240\u6709\u793C\u54C1\u5171\u4EAB\u540C\u4E00\u4E2A\u6807\u7B7E\n   * \u793A\u4F8B\uFF1A'FREE'\u3001'Gift'\u3001'Free Gift'\n   * \u6765\u6E90\uFF1AAPI discount_label.cart_checkout_label\n   */\n  freeLabel?: string\n\n  /**\n   * \u793C\u54C1\u5217\u8868\n   * \u4E1A\u52A1\u7AEF\u8D1F\u8D23\uFF1A\u8FC7\u6EE4\u53EF\u7528\u9879\uFF08availableForSale\uFF09\u3001\u6620\u5C04\u6570\u636E\u7ED3\u6784\n   * \u7EC4\u4EF6\u76F4\u63A5\u6E32\u67D3\uFF0C\u4E0D\u505A\u989D\u5916\u8FC7\u6EE4\n   */\n  giftItems?: FunctionFreeGiftItem[]\n\n  className?: string\n}\n\n/**\n * \u5355\u9009\u6A21\u5F0F\uFF08\u9ED8\u8BA4\uFF09\n * \u540C\u4E00\u65F6\u523B\u6700\u591A\u9009\u4E2D\u4E00\u4E2A\u793C\u54C1\uFF1B\u518D\u6B21\u70B9\u51FB\u5DF2\u9009\u4E2D\u9879\u5219\u53D6\u6D88\u9009\u4E2D\u3002\n *\n * @example\n * ```tsx\n * <ProductFreeGift\n *   title=\"Choose a free gift\"\n *   freeLabel=\"FREE\"\n *   giftItems={items}\n *   checkedId={selectedId}\n *   onCheckedChange={(gift) => setSelectedId(gift?.id)}\n * />\n * ```\n */\ninterface ProductFunctionFreeGiftSingleProps extends ProductFunctionFreeGiftBaseProps {\n  mode?: 'single'\n  /** \u5F53\u524D\u9009\u4E2D\u7684\u793C\u54C1 id\uFF1Bundefined \u8868\u793A\u65E0\u9009\u4E2D */\n  checkedId?: string | number\n  /** \u9009\u4E2D\u65F6\u8FD4\u56DE FreeGiftItem\uFF0C\u53D6\u6D88\u9009\u4E2D\u65F6\u8FD4\u56DE undefined */\n  onCheckedChange?: (gift?: FunctionFreeGiftItem) => void\n  checkedIds?: never\n}\n\n/**\n * \u591A\u9009\u6A21\u5F0F\n * \u53EF\u540C\u65F6\u9009\u4E2D\u591A\u4E2A\u793C\u54C1\uFF0C\u56DE\u8C03\u59CB\u7EC8\u8FD4\u56DE\u5F53\u524D\u5168\u90E8\u5DF2\u9009\u9879\u6570\u7EC4\u3002\n *\n * @example\n * ```tsx\n * <ProductFreeGift\n *   mode=\"multiple\"\n *   title=\"Choose your free gifts\"\n *   freeLabel=\"FREE\"\n *   giftItems={items}\n *   checkedIds={selectedIds}\n *   onCheckedChange={(gifts) => setSelectedIds(gifts.map(g => g.id))}\n * />\n * ```\n */\ninterface ProductFunctionFreeGiftMultipleProps extends ProductFunctionFreeGiftBaseProps {\n  mode: 'multiple'\n  /** \u5F53\u524D\u9009\u4E2D\u7684\u793C\u54C1 id \u6570\u7EC4\uFF1B\u7A7A\u6570\u7EC4\u8868\u793A\u65E0\u9009\u4E2D */\n  checkedIds?: (string | number)[]\n  /** \u6BCF\u6B21\u52FE\u9009/\u53D6\u6D88\u540E\u8FD4\u56DE\u5F53\u524D\u5168\u90E8\u5DF2\u9009\u7684 FreeGiftItem \u6570\u7EC4 */\n  onCheckedChange?: (gifts: FunctionFreeGiftItem[]) => void\n  checkedId?: never\n}\n\nexport type ProductFunctionFreeGiftProps = ProductFunctionFreeGiftSingleProps | ProductFunctionFreeGiftMultipleProps\n\n/**\n * \u4E1A\u52A1\u7AEF free gift rule API \u6570\u636E\u7ED3\u6784\n *\n * @example\n * ```json\n * {\n *   \"rule_id\": 1598,\n *   \"rule_type\": 1,\n *   \"discount_label\": {\n *     \"cart_checkout_label\": \"Gift\",\n *     \"product_label\": \"\",\n *     \"sold_out_label\": \"\"\n *   },\n *   \"frontend_labels\": null,\n *   \"apply_unit\": 1,\n *   \"discount_combinations\": { ... },\n *   \"gift_type\": 1,\n *   \"reward_list\": [\n *     {\n *       \"get_unit\": 1,\n *       \"variant_list\": [{ \"variant_id\": \"44302515404975\", \"sku\": \"A3062Z11-97\", \"handle\": \"a3062z11-97-travel-case\" }]\n *     }\n *   ]\n * }\n * ```\n */\n"],
-  "mappings": "+WAAA,IAAAA,EAAA,kBAAAC,EAAAD",
-  "names": ["types_exports", "__toCommonJS"]
-}

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../../../src/biz-components/Listing/components/ProductCard/ProductDetail/ProductHighlight/index.tsx"],
-  "sourcesContent": ["import { Text, Picture, Button, Dialog, DialogContent, DialogTrigger } from '../../../../../../components/index.js'\nimport { Content, List, Root, Trigger } from '@radix-ui/react-tabs'\nimport { useCallback, useEffect, useMemo, useRef, useState } from 'react'\nimport { cn } from '../../../../../../helpers/index.js'\nimport { useBizProductContext } from '../../../../BizProductProvider.js'\nimport { useComponentData } from '../../../../hooks/useComponentData.js'\nimport { withLayout } from '../../../../../../shared/Styles.js'\nimport { gaTrack } from '../../../../../../shared/track.js'\n\nconst ProductHighlight = () => {\n  const { variant } = useBizProductContext()\n  const [open, setOpen] = useState(false)\n\n  const productHighlightData = useComponentData('ProductHighlight') ?? {}\n\n  const [activeKspItem, setActiveKspItem] = useState(productHighlightData?.ksp?.[0])\n\n  const gaTrackEvent = useCallback(\n    (buttonName?: string) => {\n      gaTrack({\n        event: 'ga4Event',\n        event_name: 'lp_button',\n        event_parameters: {\n          page_group: `Product Detail Page${variant.sku}`,\n          position: productHighlightData?.title || '',\n          button_name: buttonName || productHighlightData?.view || '',\n        },\n      })\n    },\n    [productHighlightData?.title, productHighlightData?.view, variant.sku]\n  )\n\n  if (!Reflect.ownKeys(productHighlightData).length) return null\n\n  return (\n    <div className=\"ipc-product-detail-highlight\">\n      <div className=\"flex items-center justify-between\">\n        {productHighlightData?.title && (\n          <Text\n            className=\"font-bold leading-[1.2] text-[14px] lg-desktop:text-[16px]\"\n            html={productHighlightData?.title}\n          />\n        )}\n        <Dialog open={open} onOpenChange={setOpen}>\n          {productHighlightData?.view && (\n            <DialogTrigger asChild>\n              <Button\n                variant=\"link\"\n                className=\"!p-0 text-[14px] lg-desktop:text-[16px] font-bold\"\n                onClick={() => gaTrackEvent()}\n              >\n                {productHighlightData?.view}\n              </Button>\n            </DialogTrigger>\n          )}\n          <ProductHighlightModal\n            ksp={productHighlightData?.ksp || []}\n            activeKspItem={activeKspItem}\n            setActiveKspItem={setActiveKspItem}\n            gaTrackEvent={gaTrackEvent}\n          />\n        </Dialog>\n      </div>\n      <ul className=\"lg-desktop:mt-4 mt-3 flex list-disc flex-col gap-1 pl-5\">\n        {productHighlightData?.ksp?.map((item: any) => (\n          <li key={item?.title} className=\"product-highlight-item cursor-pointer\">\n            <Text\n              size={3}\n              onClick={() => {\n                if (!item?.img) return\n                setActiveKspItem(item)\n                setOpen(true)\n                gaTrackEvent(item?.title)\n              }}\n              className=\"laptop:text-[16px] lg-desktop:text-[18px] line-clamp-1 overflow-hidden break-all text-[14px] font-bold text-[#080A0F]\"\n              html={item?.title}\n            />\n          </li>\n        ))}\n      </ul>\n    </div>\n  )\n}\n\nconst ProductHighlightModal = ({\n  ksp,\n  activeKspItem,\n  setActiveKspItem,\n  gaTrackEvent,\n}: {\n  ksp: any[]\n  activeKspItem: any\n  setActiveKspItem: (_activeKspItem: any) => void\n  gaTrackEvent: (_buttonName: string) => void\n}) => {\n  const highlightRef = useRef<HTMLButtonElement[]>([])\n  const scrollContainerRef = useRef<HTMLDivElement>(null)\n\n  const autoScrollToActiveItem = useCallback(\n    (activeKspItem: any) => {\n      const curIndex = ksp.findIndex(item => item.title === activeKspItem?.title)\n      const curRef = highlightRef.current[curIndex]\n\n      if (curRef && scrollContainerRef.current) {\n        const container = scrollContainerRef.current\n        const button = curRef\n        const scrollLeft = button.offsetLeft - container.offsetWidth / 2 + button.offsetWidth / 2\n\n        container.scrollTo({\n          left: scrollLeft,\n          behavior: 'smooth',\n        })\n      }\n    },\n    [ksp]\n  )\n\n  useEffect(() => {\n    if (!activeKspItem) return\n    // setActiveKspItem(clickActiveKspItem)\n\n    // \u5EF6\u8FDF\u6267\u884C\uFF0C\u7B49\u5F85 Dialog \u548C\u5185\u90E8\u5143\u7D20\u5B8C\u5168\u6E32\u67D3\n    setTimeout(() => {\n      autoScrollToActiveItem(activeKspItem)\n    }, 100)\n  }, [autoScrollToActiveItem, activeKspItem])\n\n  return (\n    <DialogContent className=\"tablet:max-w-[90vw] tablet:w-[896px] [&_.dialog-close-icon]:laptop:size-6 !rounded-box mx-auto w-full max-w-[326px] overflow-hidden border-none bg-transparent p-0 [&_.dialog-close-icon]:size-4\">\n      <style>{`\n        .dialog-close-icon {\n          color: ${activeKspItem?.closeColor || '#1D1D1F'};\n        }\n      `}</style>\n      <Root value={activeKspItem?.title} className=\"w-full overflow-hidden\">\n        {ksp?.map(item => (\n          <Content value={item.title} key={item.title}>\n            <Picture\n              source={`${item?.img}, ${item?.mobileImg} 767`}\n              className=\"laptop-md:h-[480px] h-[304px] w-full\"\n              alt={item?.title || ''}\n              imgClassName=\"object-cover h-full\"\n            />\n          </Content>\n        ))}\n        <div className=\"laptop-md:py-6 w-full overflow-visible bg-white py-4\">\n          <div\n            ref={scrollContainerRef}\n            style={{\n              scrollbarWidth: 'none',\n              msOverflowStyle: 'none',\n            }}\n            className=\"laptop-md:px-6 overflow-x-auto px-4\"\n          >\n            <div className=\"rounded-btn w-fit bg-[#EAEAEC]\">\n              <List className=\"flex w-max p-1\">\n                {ksp?.map((item, index) => (\n                  <Trigger\n                    ref={el => {\n                      if (el) {\n                        highlightRef.current[index] = el\n                      }\n                    }}\n                    className={cn(\n                      'lg-desktop:px-7 rounded-btn h-[38px] shrink-0 px-5 leading-[38px]',\n                      item.title === activeKspItem?.title && 'bg-white'\n                    )}\n                    onClick={() => {\n                      autoScrollToActiveItem(item)\n                      setActiveKspItem(item)\n                      gaTrackEvent(item?.title)\n                    }}\n                    key={index + item.title}\n                    value={item.title}\n                  >\n                    <Text html={item.title} className=\"text-[14px] font-bold leading-[1.2]\" />\n                  </Trigger>\n                ))}\n              </List>\n            </div>\n          </div>\n          <div className=\"laptop-md:px-6 mt-4 px-4\">\n            {ksp?.map((item, index) => (\n              <Content\n                value={item.title}\n                key={index + item.title}\n              >\n                <Text html={item.description} className=\"laptop-md:text-[18px] text-[14px] font-bold\" />\n              </Content>\n            ))}\n          </div>\n        </div>\n      </Root>\n    </DialogContent>\n  )\n}\n\nexport default withLayout(ProductHighlight)\n"],
-  "mappings": "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",
-  "names": ["ProductHighlight_exports", "__export", "ProductHighlight_default", "__toCommonJS", "import_jsx_runtime", "import_components", "import_react_tabs", "import_react", "import_helpers", "import_BizProductProvider", "import_useComponentData", "import_Styles", "import_track", "ProductHighlight", "variant", "open", "setOpen", "productHighlightData", "activeKspItem", "setActiveKspItem", "gaTrackEvent", "buttonName", "ProductHighlightModal", "item", "ksp", "highlightRef", "scrollContainerRef", "autoScrollToActiveItem", "curIndex", "curRef", "container", "button", "scrollLeft", "index", "el"]
-}

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../../../src/biz-components/Listing/components/ProductCard/ProductDetail/ProductOptions/index.tsx"],
-  "sourcesContent": ["import { Text, Picture } from '../../../../../../components/index.js'\nimport { cn } from '../../../../../../helpers/index.js'\nimport { useState } from 'react'\nimport { useBizProductContext } from '../../../../BizProductProvider.js'\nimport { useComponentData } from '../../../../hooks/useComponentData.js'\nimport { useAiuiContext } from '../../../../../AiuiProvider/index.js'\nimport { handle } from '../../../../utils/helper.js'\nimport { withLayout } from '../../../../../../shared/Styles.js'\n\nconst ProductOptions = () => {\n  const { selectedOptions, setSelectedOptions, setJoinedRecommendBuyProducts, product } = useBizProductContext()\n  const { storeDomain } = useAiuiContext()\n  const [imgLoadError, setImgLoadError] = useState({})\n\n  const productOptionsData = useComponentData('ProductOptions') ?? {}\n\n  if (!product.options.length) return null\n\n  return (\n    <div className=\"flex flex-col gap-12\">\n      {product.options.map(option => {\n        const lowercasedName = option.name.toLowerCase()\n        const colorKeywords = ['color', 'colour', 'couleur']\n        if (colorKeywords.some(keyword => lowercasedName.includes(keyword))) {\n          return (\n            <div key={option.id} className=\"ipc-product-detail-options\">\n              <Text\n                as=\"p\"\n                className=\"font-bold leading-[1.2] text-[14px] lg-desktop:text-[16px]\"\n                html={productOptionsData?.selectColor + selectedOptions[option.name]}\n              />\n              <div className=\"lg-desktop:mt-5 ml-1 lg-desktop:mt-4 mt-3 flex items-center gap-4\">\n                {option.values.map(({ label }, index) => {\n                  const imagePath = `https://${storeDomain}/cdn/shop/files/${handle(label)}.png`\n                  return (\n                    <div key={label + index} className=\"ipc-product-detail-options-value relative\">\n                      <button\n                        aria-label={`switch to ${label}`}\n                        title={label}\n                        onClick={() => {\n                          setSelectedOptions(prev => ({ ...prev, [option.name]: label }))\n                          setJoinedRecommendBuyProducts?.({ gift: undefined, bundle: undefined })\n                        }}\n                        className={cn(\n                          'flex size-[30px] items-center justify-center rounded-full bg-center bg-no-repeat outline outline-2 outline-offset-4 outline-white',\n                          {\n                            'outline-brand': selectedOptions[option.name] === label,\n                          }\n                        )}\n                      >\n                        {!imgLoadError[label as keyof typeof imgLoadError] && (\n                          <>\n                            <Picture\n                              className=\"w-full\"\n                              source={imagePath}\n                              onError={({ currentTarget }) => {\n                                currentTarget.onerror = null // prevents looping\n                                setImgLoadError(prev => ({ ...prev, [label]: true }))\n                              }}\n                            />\n                          </>\n                        )}\n                      </button>\n                      <div className=\"pointer-events-none absolute inset-0 rounded-full shadow-[inset_0_0_4px_rgba(0,0,0,0.08),inset_0_2px_2px_rgba(0,0,0,0.12)]\"></div>\n                    </div>\n                  )\n                })}\n              </div>\n            </div>\n          )\n        } else {\n          const capitalizedName = option.name.charAt(0).toUpperCase() + option.name.slice(1)\n          return (\n            <div key={option.id} className=\"ipc-product-detail-options\">\n              <Text\n                as=\"p\"\n                size={3}\n                className=\"font-bold text-[14px] leading-[1.2] lg-desktop:text-[16px]\"\n                html={capitalizedName}\n              />\n              <div className=\"lg-desktop:mt-4 mt-3 grid grid-cols-2 gap-3\">\n                {option.values.map(({ label }) => (\n                  <button\n                    key={label}\n                    onClick={() => {\n                      setSelectedOptions(prev => ({ ...prev, [option.name]: label }))\n                    }}\n                    className={cn(\n                      'rounded-box border-2 text-[14px] laptop:text-[16px] border-[#E4E5E6] px-4 py-6 text-left font-bold',\n                      {\n                        'border-brand': selectedOptions[option.name] === label,\n                      }\n                    )}\n                  >\n                    {label}\n                  </button>\n                ))}\n              </div>\n            </div>\n          )\n        }\n      })}\n    </div>\n  )\n}\n\nexport default withLayout(ProductOptions)\n"],
-  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,IAAA,eAAAC,EAAAH,GA0Bc,IAAAI,EAAA,6BA1BdC,EAA8B,iDAC9BC,EAAmB,8CACnBC,EAAyB,iBACzBC,EAAqC,6CACrCC,EAAiC,iDACjCC,EAA+B,gDAC/BC,EAAuB,uCACvBC,EAA2B,8CAE3B,MAAMC,EAAiB,IAAM,CAC3B,KAAM,CAAE,gBAAAC,EAAiB,mBAAAC,EAAoB,8BAAAC,EAA+B,QAAAC,CAAQ,KAAI,wBAAqB,EACvG,CAAE,YAAAC,CAAY,KAAI,kBAAe,EACjC,CAACC,EAAcC,CAAe,KAAI,YAAS,CAAC,CAAC,EAE7CC,KAAqB,oBAAiB,gBAAgB,GAAK,CAAC,EAElE,OAAKJ,EAAQ,QAAQ,UAGnB,OAAC,OAAI,UAAU,uBACZ,SAAAA,EAAQ,QAAQ,IAAIK,GAAU,CAC7B,MAAMC,EAAiBD,EAAO,KAAK,YAAY,EAE/C,GADsB,CAAC,QAAS,SAAU,SAAS,EACjC,KAAKE,GAAWD,EAAe,SAASC,CAAO,CAAC,EAChE,SACE,QAAC,OAAoB,UAAU,6BAC7B,oBAAC,QACC,GAAG,IACH,UAAU,6DACV,KAAMH,GAAoB,YAAcP,EAAgBQ,EAAO,IAAI,EACrE,KACA,OAAC,OAAI,UAAU,oEACZ,SAAAA,EAAO,OAAO,IAAI,CAAC,CAAE,MAAAG,CAAM,EAAGC,IAAU,CACvC,MAAMC,EAAY,WAAWT,CAAW,sBAAmB,UAAOO,CAAK,CAAC,OACxE,SACE,QAAC,OAAwB,UAAU,4CACjC,oBAAC,UACC,aAAY,aAAaA,CAAK,GAC9B,MAAOA,EACP,QAAS,IAAM,CACbV,EAAmBa,IAAS,CAAE,GAAGA,EAAM,CAACN,EAAO,IAAI,EAAGG,CAAM,EAAE,EAC9DT,IAAgC,CAAE,KAAM,OAAW,OAAQ,MAAU,CAAC,CACxE,EACA,aAAW,MACT,oIACA,CACE,gBAAiBF,EAAgBQ,EAAO,IAAI,IAAMG,CACpD,CACF,EAEC,UAACN,EAAaM,CAAkC,MAC/C,mBACE,mBAAC,WACC,UAAU,SACV,OAAQE,EACR,QAAS,CAAC,CAAE,cAAAE,CAAc,IAAM,CAC9BA,EAAc,QAAU,KACxBT,EAAgBQ,IAAS,CAAE,GAAGA,EAAM,CAACH,CAAK,EAAG,EAAK,EAAE,CACtD,EACF,EACF,EAEJ,KACA,OAAC,OAAI,UAAU,6HAA6H,IA5BpIA,EAAQC,CA6BlB,CAEJ,CAAC,EACH,IA1CQJ,EAAO,EA2CjB,EAEG,CACL,MAAMQ,EAAkBR,EAAO,KAAK,OAAO,CAAC,EAAE,YAAY,EAAIA,EAAO,KAAK,MAAM,CAAC,EACjF,SACE,QAAC,OAAoB,UAAU,6BAC7B,oBAAC,QACC,GAAG,IACH,KAAM,EACN,UAAU,6DACV,KAAMQ,EACR,KACA,OAAC,OAAI,UAAU,8CACZ,SAAAR,EAAO,OAAO,IAAI,CAAC,CAAE,MAAAG,CAAM,OAC1B,OAAC,UAEC,QAAS,IAAM,CACbV,EAAmBa,IAAS,CAAE,GAAGA,EAAM,CAACN,EAAO,IAAI,EAAGG,CAAM,EAAE,CAChE,EACA,aAAW,MACT,qGACA,CACE,eAAgBX,EAAgBQ,EAAO,IAAI,IAAMG,CACnD,CACF,EAEC,SAAAA,GAXIA,CAYP,CACD,EACH,IAxBQH,EAAO,EAyBjB,CAEJ,CACF,CAAC,EACH,EAtFkC,IAwFtC,EAEA,IAAOpB,KAAQ,cAAWW,CAAc",
-  "names": ["ProductOptions_exports", "__export", "ProductOptions_default", "__toCommonJS", "import_jsx_runtime", "import_components", "import_helpers", "import_react", "import_BizProductProvider", "import_useComponentData", "import_AiuiProvider", "import_helper", "import_Styles", "ProductOptions", "selectedOptions", "setSelectedOptions", "setJoinedRecommendBuyProducts", "product", "storeDomain", "imgLoadError", "setImgLoadError", "productOptionsData", "option", "lowercasedName", "keyword", "label", "index", "imagePath", "prev", "currentTarget", "capitalizedName"]
-}

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../../../src/biz-components/Listing/components/ProductCard/ProductDetail/ProductServiceBenefits/index.tsx"],
-  "sourcesContent": ["import { Text } from '../../../../../../components/index.js'\nimport { cn } from '../../../../../../helpers/index.js'\nimport { useState } from 'react'\nimport { useComponentData } from '../../../../hooks/useComponentData.js'\nimport SlideUpModal from '../../../SlideUpModal/index.js'\n\nexport interface ServiceBenefitItem {\n  /** \u56FE\u6807 URL */\n  icon?: string\n  label?: string\n}\n\nexport interface ProductServiceBenefitsProps {\n  showDivider?: boolean\n  className?: string\n}\n\nconst ServiceDivider = () => <div className=\"bg-[#DADCE0] h-[1px]\" />\n\nconst RightArrowIcon = ({ className }: { className?: string }) => (\n  <svg className={className} width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n    <path\n      d=\"M6.91058 4.4108C7.23602 4.08536 7.76353 4.08536 8.08897 4.4108L13.089 9.41079C13.4144 9.73623 13.4144 10.2637 13.089 10.5892L8.08897 15.5892C7.76353 15.9146 7.23602 15.9146 6.91058 15.5892C6.58515 15.2637 6.58514 14.7362 6.91058 14.4108L11.3214 9.99999L6.91058 5.58918C6.58514 5.26374 6.58514 4.73623 6.91058 4.4108Z\"\n      fill=\"#080A0F\"\n    />\n  </svg>\n)\n\nconst isNotEmpty = (obj: unknown): boolean => typeof obj === 'object' && obj !== null && Object.keys(obj).length > 0\n\nconst ProductServiceBenefits = ({ className, showDivider = true }: ProductServiceBenefitsProps = {}) => {\n  const data = useComponentData('ProductServiceBenefits') ?? {}\n\n  const serviceBenefits = isNotEmpty(data.serviceBenefits) ? data.serviceBenefits : null\n  const paymentMethod = isNotEmpty(data.decisionPaymentMethod) ? data.decisionPaymentMethod : null\n  const deliveryMethod = isNotEmpty(data.deliveryMethod) ? data.deliveryMethod : null\n\n  const [serviceBenefitsModal, setServiceBenefitsModal] = useState(false)\n\n  const sections = [\n    serviceBenefits ? 'serviceBenefits' : null,\n    paymentMethod ? 'paymentMethod' : null,\n    deliveryMethod ? 'deliveryMethod' : null,\n  ].filter(Boolean)\n\n  if (sections.length === 0) return null\n\n  return (\n    <div className={cn('rounded-box bg-[#F5F6F7] desktop:px-4 px-3', className)}>\n      {showDivider && <ServiceDivider />}\n\n      {/* \u670D\u52A1\u4E0E\u6743\u76CA */}\n      {serviceBenefits && (\n        <>\n          <div>\n            <div\n              className={cn('flex items-center py-3 laptop:py-4', serviceBenefits?.modal && 'cursor-pointer')}\n              onClick={serviceBenefits?.modal ? () => setServiceBenefitsModal(true) : undefined}\n              role={serviceBenefits?.modal ? 'button' : undefined}\n              tabIndex={serviceBenefits?.modal ? 0 : undefined}\n              onKeyDown={\n                serviceBenefits?.modal\n                  ? e => {\n                      if (e.key === 'Enter' || e.key === ' ') setServiceBenefitsModal(true)\n                    }\n                  : undefined\n              }\n            >\n              <span className=\"flex-1 text-[14px] laptop:text-base font-bold leading-[1.2]\">\n                {serviceBenefits.title}\n              </span>\n              {serviceBenefits?.modal && <RightArrowIcon className=\"size-4 desktop:size-6 shrink-0\" />}\n            </div>\n            {serviceBenefits.items && serviceBenefits.items.length > 0 && (\n              <div className=\"grid grid-cols-1 tablet:grid-cols-2 gap-x-3 tablet:gap-y-2 gap-y-3 desktop:gap-y-3 desktop:gap-x-4 pb-3 laptop:pb-4\">\n                {serviceBenefits.items.map((item: { icon?: string; label?: string }, index: number) => (\n                  <div key={index} className=\"flex items-center gap-2\">\n                    {item.icon && (\n                      <img src={item.icon} alt=\"\" aria-hidden=\"true\" className=\"size-5 desktop:size-6 shrink-0\" />\n                    )}\n                    <Text html={item.label} className=\"text-[14px] font-bold leading-[1.4]\" />\n                  </div>\n                ))}\n              </div>\n            )}\n          </div>\n          {sections.indexOf('serviceBenefits') < sections.length - 1 && <ServiceDivider />}\n          <SlideUpModal\n            title={serviceBenefits.modal?.title ?? serviceBenefits.title}\n            showModal={serviceBenefitsModal}\n            closeModal={() => setServiceBenefitsModal(false)}\n          >\n            <ul className=\"flex flex-col gap-5 tablet:gap-8 tablet:pt-8 px-4 tablet:px-8 pb-5 tablet:pb-8\">\n              {(serviceBenefits.modal?.benefits ?? []).map(\n                (benefit: { title?: string; desc?: string }, index: number) => (\n                  <li key={index} className=\"flex flex-col gap-1\">\n                    <Text html={benefit.title} className=\"text-[16px] tablet:text-[18px] font-bold leading-[1.4]\" />\n                    <Text html={benefit.desc} className=\"text-[14px] tablet:text-[16px] leading-[1.6] text-[#6D6D6F]\" />\n                  </li>\n                )\n              )}\n            </ul>\n          </SlideUpModal>\n        </>\n      )}\n\n      {/* \u652F\u4ED8\u65B9\u5F0F */}\n      {paymentMethod && (\n        <>\n          <div className=\"py-3 laptop:py-4\">\n            {paymentMethod.title && (\n              <p className=\"text-[14px] laptop:text-base font-bold leading-[1.2] mb-2 lg-desktop:mb-3\">\n                {paymentMethod.title}\n              </p>\n            )}\n            {paymentMethod.icons && paymentMethod.icons.length > 0 && (\n              <div className=\"flex flex-wrap gap-2 desktop:gap-3\">\n                {paymentMethod.icons.map((source: string, index: number) => (\n                  <img key={index} src={source} alt=\"\" aria-hidden=\"true\" className=\"h-[24px] w-[42px]\" />\n                ))}\n              </div>\n            )}\n          </div>\n          {sections.indexOf('paymentMethod') < sections.length - 1 && <ServiceDivider />}\n        </>\n      )}\n\n      {/* \u914D\u9001\u65B9\u5F0F */}\n      {deliveryMethod && (\n        <div className=\"py-3 laptop:py-4\">\n          {deliveryMethod.title && (\n            <p className=\"text-[14px] laptop:text-base font-bold leading-[1.2] mb-2 lg-desktop:mb-3\">\n              {deliveryMethod.title}\n            </p>\n          )}\n          {deliveryMethod.icons && deliveryMethod.icons.length > 0 && (\n            <div className=\"flex flex-wrap gap-4\">\n              {deliveryMethod.icons.map((source: string, index: number) => (\n                <img key={index} src={source} alt=\"\" aria-hidden=\"true\" className=\"h-[24px] w-auto\" />\n              ))}\n            </div>\n          )}\n        </div>\n      )}\n    </div>\n  )\n}\n\nexport default ProductServiceBenefits\n"],
-  "mappings": "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",
-  "names": ["ProductServiceBenefits_exports", "__export", "ProductServiceBenefits_default", "__toCommonJS", "import_jsx_runtime", "import_components", "import_helpers", "import_react", "import_useComponentData", "import_SlideUpModal", "ServiceDivider", "RightArrowIcon", "className", "isNotEmpty", "obj", "ProductServiceBenefits", "showDivider", "data", "serviceBenefits", "paymentMethod", "deliveryMethod", "serviceBenefitsModal", "setServiceBenefitsModal", "sections", "e", "item", "index", "SlideUpModal", "benefit", "source"]
-}

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../../src/biz-components/Listing/components/ProductCard/ProductDetail/types.ts"],
-  "sourcesContent": ["import type { ProductOption } from '../../../../../cpn-components/CpnProductCard/types.js'\nimport type { Img } from '../../../../../types/props.js'\n\nexport interface ProductDetailProps {}\n\nexport enum BenefitsTabsType {\n  ALL_BENEFITS = 'allBenefits',\n  COUPON = 'coupon',\n  INSTALLMENT = 'installment',\n  MEMBERSHIP = 'membership',\n}\n\nexport interface ProductBenefitsTabsProps {\n  data: {\n    allBenefits: {\n      benefits: {\n        type?: BenefitsTabsType\n        tabName: string\n        tabValue: string\n        collectBgImage?: Img\n        coupons?: BenefitsTabCouponProps[]\n      }[]\n    }\n  }\n}\n\nexport interface BenefitsTabCouponProps {\n  code: string\n  title: string\n  description: string\n  discount: number\n  bgImage: Img\n}\n\nexport interface ProductBenefitsTabCouponProps {\n  coupons?: BenefitsTabCouponProps[]\n}\n\nexport interface HighlightProps {\n  data: any\n}\n\nexport interface ProductOptionsProps {\n  option: ProductOption\n  onOptionChange: (_arg0: { id: string; value: string }) => void\n}\n"],
-  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,sBAAAE,IAAA,eAAAC,EAAAH,GAKO,IAAKE,OACVA,EAAA,aAAe,cACfA,EAAA,OAAS,SACTA,EAAA,YAAc,cACdA,EAAA,WAAa,aAJHA,OAAA",
-  "names": ["types_exports", "__export", "BenefitsTabsType", "__toCommonJS"]
-}

package/dist/cjs/biz-components/Listing/components/ProductCard/ProductGallery/components/CompareModal.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../../../src/biz-components/Listing/components/ProductCard/ProductGallery/components/CompareModal.tsx"],
-  "sourcesContent": ["import { useEffect, useState } from 'react'\nimport {\n  Dialog,\n  DialogTrigger,\n  DialogContent,\n  DialogHeader,\n  DialogTitle,\n  Grid,\n  GridItem,\n  Text,\n  Button,\n} from '../../../../../../components/index.js'\nimport { useBizProductContext } from '../../../../BizProductProvider.js'\nimport type { CompareItem } from '../../../../types'\nimport Select from './Select.js'\nimport { useAiuiContext } from '../../../../../AiuiProvider/index.js'\nimport { formatPrice } from '../../../../utils/index.js'\nimport { ShopifyColorOption } from './ShopifyColorOption.js'\n\nconst CompareModal = () => {\n  const { locale = 'us', copyWriting } = useAiuiContext()\n  const { compareData, product } = useBizProductContext()\n  const [selectedProductHandle, setSelectedProductHandle] = useState<string>()\n\n  useEffect(() => {\n    setSelectedProductHandle(compareData?.availableCompareList[0]?.handle)\n  }, [compareData?.availableCompareList])\n\n  const products = [\n    compareData?.currentProductCompareData!?.product,\n    compareData?.availableCompareList.find(product => product.handle === selectedProductHandle)?.product,\n  ].filter(Boolean) as CompareItem['product'][]\n\n  if (!compareData?.specificationKeys) return null\n\n  return (\n    <Dialog>\n      <DialogTrigger className=\"text-base font-bold leading-[1.4]\">{copyWriting?.compare}</DialogTrigger>\n      <DialogContent\n        overlayClassName=\"z-[100]\"\n        className=\"rounded-box bg-white [&_.dialog-close-icon]:laptop:size-6 laptop:p-0 laptop:w-[896px] z-[110] max-h-[80vh] max-w-[90vw] gap-0 overflow-hidden !py-0 [&_.dialog-close-button]:focus:!ring-0 [&_.dialog-close-icon]:size-4 [&_.dialog-close-icon]:text-[#6D6D6F]\"\n      >\n        <DialogHeader className=\"laptop:pt-4 laptop:pb-3 laptop:px-8 px-4 pb-2 pt-4\">\n          <DialogTitle className=\"laptop:text-[24px] text-left text-[20px] font-bold\">\n            {copyWriting?.compare}\n          </DialogTitle>\n        </DialogHeader>\n        <div className=\"laptop:px-8 h-[calc(80vh-64px)] overflow-y-auto px-4\">\n          <Grid className=\"laptop:py-3 grid-cols-3 items-center gap-[40px] py-4\">\n            <GridItem span={1}>\n              <div className=\"text-[16px] font-bold text-[#595959]\">{copyWriting?.product || 'Product'}</div>\n            </GridItem>\n            <GridItem span={1}>\n              <Text\n                as=\"div\"\n                className=\"rounded-btn flex h-[48px] w-full items-center border border-[#E8E8E8] px-4 text-[16px] font-bold\"\n                html={compareData.currentProductCompareData?.shortName || product.title}\n              ></Text>\n            </GridItem>\n            {selectedProductHandle && (\n              <GridItem span={1}>\n                <Select\n                  className=\"rounded-btn h-[48px] px-4\"\n                  value={selectedProductHandle}\n                  onChange={value => {\n                    setSelectedProductHandle(value)\n                  }}\n                  list={compareData.options!}\n                />\n              </GridItem>\n            )}\n          </Grid>\n          <Grid className=\"laptop:gap-8 laptop:py-3 grid-cols-3 py-4\">\n            <GridItem span={1} />\n            {products.map((product, productIndex) => {\n              return (\n                <GridItem key={productIndex} span={1} className=\"flex items-center\">\n                  <img src={product.images[0].url} alt={product.title} className=\"size-[100px]\" role=\"presentation\" />\n                </GridItem>\n              )\n            })}\n          </Grid>\n          <Grid className=\"laptop:py-6 grid-cols-3 items-center gap-[40px] border-b border-[#E8E8E8] py-4\">\n            <GridItem span={1} />\n            {products.map((product, productIndex) => {\n              const variant = product.variants[0]\n              return (\n                <GridItem span={1} key={productIndex} className=\"flex h-full\">\n                  {/* Price with original price */}\n                  <div className=\"flex flex-col gap-[8px]\">\n                    {variant.price.amount < 9999999 && (\n                      <div className=\"flex items-center gap-[8px]\">\n                        {/* <div className=\"text-[16px] font-semibold text-[#595959]\">Price:</div> */}\n                        <div className=\"flex items-center gap-[6px]\">\n                          <span className=\"text-[18px] font-bold\">\n                            {formatPrice({\n                              locale,\n                              amount: variant?.coupons?.[0]?.variant_price4wscode || variant.price.amount,\n                              currencyCode: variant.price.currencyCode,\n                            })}\n                          </span>\n                          {Number(variant?.coupons?.[0]?.variant_price4wscode) > 0 && (\n                            <span className=\"text-[18px] font-bold text-[#6D6D6F] line-through\">\n                              {formatPrice({\n                                locale,\n                                amount: variant.price.amount,\n                                currencyCode: variant.price.currencyCode,\n                              })}\n                            </span>\n                          )}\n                        </div>\n                      </div>\n                    )}\n                    {/* <Button variant=\"primary\" size=\"lg\">\n                    {copyWriting?.shopNow || 'Shop Now'}\n                  </Button> */}\n                  </div>\n                </GridItem>\n              )\n            })}\n          </Grid>\n          <Grid className=\"laptop:py-6 grid-cols-3 items-center gap-[40px] border-b border-[#E8E8E8] py-4\">\n            <GridItem span={1}>\n              <div className=\"text-[16px] font-bold text-[#6D6D6F]\">{copyWriting?.color || 'Color'}</div>\n            </GridItem>\n            {products.map((product, productIndex) => {\n              const colors = product.options\n                ?.find(option =>\n                  ['color', 'colour', 'couleur'].find(predicate => option.name.toLowerCase().includes(predicate))\n                )\n                ?.values.map(value => value.label)\n              return (\n                <GridItem span={1} key={productIndex} className=\"flex h-full\">\n                  {colors?.length && (\n                    <div className=\"flex items-center gap-4\">\n                      {colors.map(label => (\n                        <ShopifyColorOption key={label} label={label} className=\"size-6\" />\n                      ))}\n                    </div>\n                  )}\n                </GridItem>\n              )\n            })}\n          </Grid>\n          <Grid className=\"laptop:gap-0 grid-cols-12 items-center gap-0 border-b border-[#E8E8E8]\">\n            {compareData.specificationKeys?.map((key: string) => {\n              return (\n                <GridItem\n                  span={12}\n                  className=\"laptop:py-6 laptop:gap-4 grid grid-cols-3 items-center gap-[40px] border-b border-[#E8E8E8] py-4\"\n                  key={key}\n                >\n                  {/* Detail value */}\n                  <div className=\"text-[16px] font-bold text-[#6D6D6F]\">{key}</div>\n                  {/* Product Values */}\n                  {products.map((product, productIndex) => {\n                    const value =\n                      product.metafields?.global?.specifications?.find(\n                        (specification: { key: string }) => specification?.key === key\n                      )?.value || ''\n                    let text = value\n                    switch (text.trim().toLowerCase()) {\n                      case 'true':\n                        text = '\u2714\uFE0F'\n                        break\n                      case 'false':\n                        text = '\u274C'\n                        break\n                      default:\n                        break\n                    }\n                    return (\n                      <div key={productIndex} className=\"flex items-center\">\n                        {/* Other details */}\n                        <Text className=\"text-[16px] font-bold text-[#1D1D1F]\" html={text}></Text>\n                      </div>\n                    )\n                  })}\n                </GridItem>\n              )\n            })}\n          </Grid>\n        </div>\n      </DialogContent>\n    </Dialog>\n  )\n}\n\nexport default CompareModal\n"],
-  "mappings": "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",
-  "names": ["CompareModal_exports", "__export", "CompareModal_default", "__toCommonJS", "import_jsx_runtime", "import_react", "import_components", "import_BizProductProvider", "import_Select", "import_AiuiProvider", "import_utils", "import_ShopifyColorOption", "CompareModal", "locale", "copyWriting", "compareData", "product", "selectedProductHandle", "setSelectedProductHandle", "products", "Select", "value", "productIndex", "variant", "colors", "option", "predicate", "label", "key", "text", "specification"]
-}

package/dist/cjs/biz-components/Listing/components/ProductCard/ProductGallery/components/Select.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../../../src/biz-components/Listing/components/ProductCard/ProductGallery/components/Select.tsx"],
-  "sourcesContent": ["import { cn as classNames, cn } from '../../../../../../helpers/index.js'\nimport React, { useEffect, useRef, useState } from 'react'\n\ninterface SelectProps {\n  label?: string\n  required?: boolean\n  list?: { value: string; text: string; disabled?: boolean }[]\n  value?: string\n  disabled?: boolean\n  error?: string\n  errorClassName?: string\n  onChange?: (_value: string) => void\n  placeholder?: string\n  className?: string\n  containerClassName?: string\n  selectListClassName?: string\n  truncate?: boolean\n}\n\nconst Select = ({\n  label = '',\n  required = false,\n  list = [],\n  value = '',\n  disabled = false,\n  error = '',\n  errorClassName = '',\n  onChange = (_value: string) => {},\n  placeholder = '',\n  className = '',\n  containerClassName = '',\n  selectListClassName = '',\n  truncate = false,\n  ...props\n}: SelectProps) => {\n  const dropdownRef = useRef(null)\n  const [selecting, setSelecting] = useState(false)\n  const buttonRef = useRef<HTMLDivElement>(null)\n\n  const displayValue = list.find(item => item?.value === value)?.text\n  useEffect(() => {\n    const handleClickOutside = (event: MouseEvent) => {\n      if (buttonRef.current && !buttonRef.current?.contains(event.target as Node)) {\n        setSelecting(false)\n      }\n    }\n    document.addEventListener('mousedown', handleClickOutside)\n    return () => {\n      document.removeEventListener('mousedown', handleClickOutside)\n    }\n  }, [])\n\n  // useEffect(() => {\n  //   // scroll to select item when select is open\n  //   // start_ai_generated\n  //   if (selecting && value) {\n  //     const selectedElement = dropdownRef.current.querySelector(`[data-value=\"${value}\"]`)\n  //     if (selectedElement) {\n  //       scrollParentToChild(dropdownRef.current, selectedElement)\n  //     }\n  //   }\n  //   // end_ai_generated\n  // }, [selecting, value])\n\n  return (\n    <div className={classNames('relative w-full', containerClassName)}>\n      {label && (\n        <div className=\"mb-[10px] text-[16px] font-bold\">\n          {label}\n          {required && <span className=\"text-[#F84D4F]\">*</span>}\n        </div>\n      )}\n      <div ref={buttonRef} className=\"relative block\">\n        <div\n          className={classNames(\n            'flex h-[38px] w-full cursor-pointer items-center justify-between rounded-[2px] border px-[12px] text-[16px] font-bold transition-all x:text-[14px]',\n            placeholder && !value ? 'placeholder:text-[#999]' : '',\n            disabled ? 'pointer-events-none bg-[#F7F8F9]' : 'bg-white',\n            error ? '!border-[#F84D4F]' : 'border-[#E8E8E8]',\n            list.length <= 1 && 'cursor-default',\n            className\n          )}\n          onClick={() => {\n            if (list.length > 1) {\n              setSelecting(!selecting)\n            }\n          }}\n          onChange={event => {\n            onChange((event.target as HTMLSelectElement).value)\n          }}\n          role=\"button\"\n          tabIndex={0}\n          onKeyDown={e => {\n            if (e.key === 'Enter' || e.key === ' ') {\n              e.preventDefault()\n            }\n          }}\n          {...props}\n        >\n          {!value && placeholder ? (\n            <div className=\"text-[#999]\">{placeholder}</div>\n          ) : (\n            <div className={cn('line-clamp-1', truncate ? 'min-w-0 flex-1 truncate' : 'flex-1')}>{displayValue}</div>\n          )}\n          {list.length > 1 && (\n            <svg\n              xmlns=\"http://www.w3.org/2000/svg\"\n              className={classNames('transition-transform', selecting && 'rotate-180')}\n              width=\"20\"\n              height=\"20\"\n              viewBox=\"0 0 20 20\"\n              fill=\"none\"\n            >\n              <path\n                d=\"M14.4101 6.91083C14.7355 6.58539 15.263 6.58539 15.5885 6.91083C15.9139 7.23626 15.9139 7.76377 15.5885 8.08921L10.5885 13.0892C10.263 13.4146 9.73553 13.4146 9.41009 13.0892L4.41009 8.08921C4.08466 7.76377 4.08466 7.23626 4.41009 6.91083C4.73553 6.58539 5.26304 6.58539 5.58848 6.91083L9.99929 11.3216L14.4101 6.91083Z\"\n                fill=\"currentColor\"\n              />\n            </svg>\n          )}\n          {/* {list.length > 1 && (\n            <ChevronDownIcon\n              className={classNames(\n                'ml-[4px] h-[18px] w-[18px] flex-shrink-0 stroke-[#999999] transition-transform',\n                selecting && 'rotate-180'\n              )}\n            />\n          )} */}\n        </div>\n        <div\n          ref={dropdownRef}\n          className={classNames(\n            'absolute left-0 right-0 top-full z-[1] mt-[8px] max-h-[318px] overflow-auto rounded-[4px] bg-white py-[6px] shadow-[0_1px_12px_0px_#0000001F] transition-all duration-300',\n            selecting ? '' : 'pointer-events-none opacity-0',\n            selectListClassName\n          )}\n        >\n          {list.map(item => (\n            <div\n              key={item.value}\n              data-value={item.value}\n              className={classNames(\n                'flex h-[47px] w-full flex-shrink-0 cursor-pointer items-center whitespace-nowrap bg-white px-[14px] text-[15px] font-bold text-[#333] transition-colors duration-300 hover:bg-[#F7F8F9]',\n                value === item.value ? '!bg-[#E8E8E8]' : '',\n                item?.disabled ? 'pointer-events-none text-[#C8C8C8]' : ''\n              )}\n              onClick={() => {\n                onChange(item.value)\n                setSelecting(false)\n              }}\n              role=\"button\"\n              tabIndex={0}\n              onKeyDown={e => {\n                if (e.key === 'Enter' || e.key === ' ') {\n                  e.preventDefault()\n                }\n              }}\n            >\n              {item.text}\n            </div>\n          ))}\n        </div>\n      </div>\n      {error && (\n        <div className={classNames('mt-[8px] text-[14px] text-[#F84D4F]', errorClassName)}>\n          {typeof error === 'string' ? `*${error}` : error}\n        </div>\n      )}\n    </div>\n  )\n}\n\nexport default Select\n"],
-  "mappings": "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",
-  "names": ["Select_exports", "__export", "Select_default", "__toCommonJS", "import_jsx_runtime", "import_helpers", "import_react", "Select", "label", "required", "list", "value", "disabled", "error", "errorClassName", "onChange", "_value", "placeholder", "className", "containerClassName", "selectListClassName", "truncate", "props", "dropdownRef", "selecting", "setSelecting", "buttonRef", "displayValue", "item", "handleClickOutside", "event", "classNames", "e"]
-}

package/dist/cjs/biz-components/Listing/components/ProductCard/ProductGallery/components/ShopifyColorOption.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../../../src/biz-components/Listing/components/ProductCard/ProductGallery/components/ShopifyColorOption.tsx"],
-  "sourcesContent": ["import { Picture } from '../../../../../../components/index.js'\nimport { handle } from '../../../../utils/helper.js'\nimport { useState } from 'react'\nimport { cn as classNames } from '../../../../../../helpers/index.js'\nimport { useAiuiContext } from '../../../../../AiuiProvider/index.js'\n\nexport const ShopifyColorOption = ({\n  onClick,\n  label,\n  className,\n}: {\n  onClick?: () => void\n  label: string\n  className?: string\n}) => {\n  const [imgLoadError, setImgLoadError] = useState({})\n\n  const { locale, storeDomain } = useAiuiContext()\n  const imagePath = `https://${storeDomain}/cdn/shop/files/${handle(label)}.png`\n  return (\n    <div className=\"relative\">\n      <button\n        className={classNames(\n          `relative flex h-[36px] w-[36px] items-center justify-center rounded-full bg-center bg-no-repeat outline outline-2 outline-offset-4 outline-white`,\n          !onClick && 'cursor-default',\n          className\n        )}\n        aria-label={`switch to ${label}`}\n        onClick={onClick ? onClick : () => {}}\n        title={label}\n        // If the image fails to load, set the background color to the color of the label\n        style={imgLoadError[label as keyof typeof imgLoadError] ? { background: label } : {}}\n      >\n        {!imgLoadError[label as keyof typeof imgLoadError] && (\n          <>\n            <Picture\n              className=\"w-full\"\n              source={imagePath}\n              onError={({ currentTarget }) => {\n                currentTarget.onerror = null // prevents looping\n                setImgLoadError(prev => ({ ...prev, [label]: true }))\n              }}\n            />\n          </>\n        )}\n      </button>\n      <div className=\"absolute inset-0 rounded-full shadow-[inset_0_0_4px_rgba(0,0,0,0.08),inset_0_2px_2px_rgba(0,0,0,0.12)]\"></div>\n    </div>\n  )\n}\n"],
-  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,wBAAAE,IAAA,eAAAC,EAAAH,GAoBI,IAAAI,EAAA,6BApBJC,EAAwB,iDACxBC,EAAuB,uCACvBC,EAAyB,iBACzBC,EAAiC,8CACjCC,EAA+B,gDAExB,MAAMP,EAAqB,CAAC,CACjC,QAAAQ,EACA,MAAAC,EACA,UAAAC,CACF,IAIM,CACJ,KAAM,CAACC,EAAcC,CAAe,KAAI,YAAS,CAAC,CAAC,EAE7C,CAAE,OAAAC,EAAQ,YAAAC,CAAY,KAAI,kBAAe,EACzCC,EAAY,WAAWD,CAAW,sBAAmB,UAAOL,CAAK,CAAC,OACxE,SACE,QAAC,OAAI,UAAU,WACb,oBAAC,UACC,aAAW,EAAAO,IACT,mJACA,CAACR,GAAW,iBACZE,CACF,EACA,aAAY,aAAaD,CAAK,GAC9B,QAASD,IAAoB,IAAM,CAAC,GACpC,MAAOC,EAEP,MAAOE,EAAaF,CAAkC,EAAI,CAAE,WAAYA,CAAM,EAAI,CAAC,EAElF,UAACE,EAAaF,CAAkC,MAC/C,mBACE,mBAAC,WACC,UAAU,SACV,OAAQM,EACR,QAAS,CAAC,CAAE,cAAAE,CAAc,IAAM,CAC9BA,EAAc,QAAU,KACxBL,EAAgBM,IAAS,CAAE,GAAGA,EAAM,CAACT,CAAK,EAAG,EAAK,EAAE,CACtD,EACF,EACF,EAEJ,KACA,OAAC,OAAI,UAAU,yGAAyG,GAC1H,CAEJ",
-  "names": ["ShopifyColorOption_exports", "__export", "ShopifyColorOption", "__toCommonJS", "import_jsx_runtime", "import_components", "import_helper", "import_react", "import_helpers", "import_AiuiProvider", "onClick", "label", "className", "imgLoadError", "setImgLoadError", "locale", "storeDomain", "imagePath", "classNames", "currentTarget", "prev"]
-}

package/dist/cjs/biz-components/Listing/components/ProductCard/ProductGallery/components/SpecsModal.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../../../src/biz-components/Listing/components/ProductCard/ProductGallery/components/SpecsModal.tsx"],
-  "sourcesContent": ["import { useAiuiContext } from '../../../../../AiuiProvider/index.js'\nimport {\n  Dialog,\n  DialogTrigger,\n  DialogContent,\n  DialogHeader,\n  DialogTitle,\n  Grid,\n  GridItem,\n  Text,\n} from '../../../../../../components/index.js'\nimport { useBizProductContext } from '../../../../BizProductProvider.js'\n\nexport const SpecsModal = () => {\n  const { product } = useBizProductContext()\n  const { copyWriting } = useAiuiContext()\n\n  return (\n    <Dialog>\n      <DialogTrigger className=\"text-base font-bold leading-[1.4]\">{copyWriting?.specs}</DialogTrigger>\n      <DialogContent\n        overlayClassName=\"z-[100]\"\n        className=\"rounded-box bg-white [&_.dialog-close-icon]:laptop:size-6 laptop:w-[896px] laptop:p-0 z-[110] max-h-[80vh] max-w-[90vw] gap-0 overflow-hidden overflow-y-auto !py-0 [&_.dialog-close-button]:focus:!ring-0 [&_.dialog-close-icon]:size-4 [&_.dialog-close-icon]:text-[#6D6D6F]\"\n      >\n        <DialogHeader className=\"laptop:pt-4 laptop:pb-3 laptop:px-8 px-4 pb-2 pt-4\">\n          <DialogTitle className=\"laptop:text-[24px] text-left text-[20px] font-bold\">{copyWriting?.specs}</DialogTitle>\n        </DialogHeader>\n        <div className=\"laptop:px-8 overflow-y-auto px-4\">\n          <Grid className=\"laptop:gap-8 laptop:py-8 py-6\">\n            {product.metafields?.global?.specifications?.map(({ key, value }: { key: string; value: string }) => (\n              <GridItem span={6} key={key} className=\"flex flex-col gap-1\">\n                <Text className=\"text-[18px] font-bold text-[#1D1D1F]\">{key}</Text>\n                <Text\n                  className=\"text-[18px] font-bold text-[#86868C]\"\n                  html={\n                    value?.trim().toLowerCase() === 'true'\n                      ? '\u2714\uFE0F'\n                      : value?.trim().toLowerCase() === 'false'\n                        ? '\u274C'\n                        : value\n                  }\n                />\n              </GridItem>\n            ))}\n          </Grid>\n        </div>\n      </DialogContent>\n    </Dialog>\n  )\n}\n"],
-  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,gBAAAE,IAAA,eAAAC,EAAAH,GAmBM,IAAAI,EAAA,6BAnBNC,EAA+B,gDAC/BC,EASO,iDACPC,EAAqC,6CAE9B,MAAML,EAAa,IAAM,CAC9B,KAAM,CAAE,QAAAM,CAAQ,KAAI,wBAAqB,EACnC,CAAE,YAAAC,CAAY,KAAI,kBAAe,EAEvC,SACE,QAAC,UACC,oBAAC,iBAAc,UAAU,oCAAqC,SAAAA,GAAa,MAAM,KACjF,QAAC,iBACC,iBAAiB,UACjB,UAAU,iRAEV,oBAAC,gBAAa,UAAU,qDACtB,mBAAC,eAAY,UAAU,qDAAsD,SAAAA,GAAa,MAAM,EAClG,KACA,OAAC,OAAI,UAAU,mCACb,mBAAC,QAAK,UAAU,gCACb,SAAAD,EAAQ,YAAY,QAAQ,gBAAgB,IAAI,CAAC,CAAE,IAAAE,EAAK,MAAAC,CAAM,OAC7D,QAAC,YAAS,KAAM,EAAa,UAAU,sBACrC,oBAAC,QAAK,UAAU,uCAAwC,SAAAD,EAAI,KAC5D,OAAC,QACC,UAAU,uCACV,KACEC,GAAO,KAAK,EAAE,YAAY,IAAM,OAC5B,eACAA,GAAO,KAAK,EAAE,YAAY,IAAM,QAC9B,SACAA,EAEV,IAXsBD,CAYxB,CACD,EACH,EACF,GACF,GACF,CAEJ",
-  "names": ["SpecsModal_exports", "__export", "SpecsModal", "__toCommonJS", "import_jsx_runtime", "import_AiuiProvider", "import_components", "import_BizProductProvider", "product", "copyWriting", "key", "value"]
-}