@anker-in/headless-ui 1.3.63 → 1.3.64

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

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

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../../../src/biz-components/Listing/components/ProductCard/ProductDetail/CreditCouponRedeem/CouponInit.tsx"],
-  "sourcesContent": ["import { Button, Picture, Text } from '../../../../../../components/index.js'\nimport { cn } from '../../../../../../helpers/index.js'\nimport type { CreditCouponRuleData, CreditCouponRedeemModalCopy } from './types.js'\n\nexport interface CouponInitProps {\n  item: CreditCouponRuleData\n  copy: CreditCouponRedeemModalCopy\n  loading?: boolean\n  errorMessage?: string\n  onConfirm: () => void\n}\n\nconst CouponInit = ({ item, copy, loading = false, errorMessage, onConfirm }: CouponInitProps) => {\n  return (\n    <div className=\"coupon-init flex flex-col gap-6\">\n      <div\n        className={\n          'max-h-[500px] overflow-y-auto text-center bg-[#F5F5F7] px-[48px] py-[24px] md:max-h-[400px] md:px-[16px]'\n        }\n      >\n        <div className=\"relative mx-auto h-[164px] w-[324px]\">\n          <Picture source={copy.modalIcon} className=\"h-full [&_img]:h-full\" />\n          <div className=\"absolute bottom-[8px] left-[24px] text-[32px] font-extrabold text-white\">{`${item.value} Off`}</div>\n        </div>\n\n        <Text as=\"p\" html={item.consumeCreditsLabel} className=\"mt-[8px] text-[24px] font-bold\" />\n        {item.rules && item.rules.length > 0 && (\n          <div className=\"w-full text-left mt-[8px]\">\n            {copy.ruleLabel && (\n              <Text as=\"p\" size={4} className=\"text-info-secondary mb-1 text-[14px] font-bold\">\n                {copy.ruleLabel}\n              </Text>\n            )}\n            <ul className=\"ml-4 flex flex-col gap-1\">\n              {item.rules.map((rule, index) => (\n                <li key={index} className=\"text-info-secondary list-disc text-[14px] font-bold\">\n                  <Text as=\"span\" size={4} html={rule} />\n                </li>\n              ))}\n            </ul>\n          </div>\n        )}\n      </div>\n\n      <div className=\"flex flex-col gap-2 px-[48px] pb-[24px]\">\n        <Text as=\"p\" html={copy.confirmTitle} className=\"text-info-primary text-center text-[20px] font-bold\" />\n        <Button variant=\"primary\" size=\"lg\" className={cn('w-full')} loading={loading} onClick={onConfirm}>\n          {copy.confirmButton}\n        </Button>\n        {errorMessage && (\n          <Text as=\"p\" size={4} html={errorMessage} className=\"text-center text-[14px] font-bold text-[#FF0000]\" />\n        )}\n      </div>\n    </div>\n  )\n}\n\nCouponInit.displayName = 'CouponInit'\n\nexport default CouponInit\n"],
-  "mappings": "AAoBQ,OACE,OAAAA,EADF,QAAAC,MAAA,oBApBR,OAAS,UAAAC,EAAQ,WAAAC,EAAS,QAAAC,MAAY,wCACtC,OAAS,MAAAC,MAAU,qCAWnB,MAAMC,EAAa,CAAC,CAAE,KAAAC,EAAM,KAAAC,EAAM,QAAAC,EAAU,GAAO,aAAAC,EAAc,UAAAC,CAAU,IAEvEV,EAAC,OAAI,UAAU,kCACb,UAAAA,EAAC,OACC,UACE,2GAGF,UAAAA,EAAC,OAAI,UAAU,uCACb,UAAAD,EAACG,EAAA,CAAQ,OAAQK,EAAK,UAAW,UAAU,wBAAwB,EACnER,EAAC,OAAI,UAAU,0EAA2E,YAAGO,EAAK,KAAK,OAAO,GAChH,EAEAP,EAACI,EAAA,CAAK,GAAG,IAAI,KAAMG,EAAK,oBAAqB,UAAU,iCAAiC,EACvFA,EAAK,OAASA,EAAK,MAAM,OAAS,GACjCN,EAAC,OAAI,UAAU,4BACZ,UAAAO,EAAK,WACJR,EAACI,EAAA,CAAK,GAAG,IAAI,KAAM,EAAG,UAAU,iDAC7B,SAAAI,EAAK,UACR,EAEFR,EAAC,MAAG,UAAU,2BACX,SAAAO,EAAK,MAAM,IAAI,CAACK,EAAMC,IACrBb,EAAC,MAAe,UAAU,sDACxB,SAAAA,EAACI,EAAA,CAAK,GAAG,OAAO,KAAM,EAAG,KAAMQ,EAAM,GAD9BC,CAET,CACD,EACH,GACF,GAEJ,EAEAZ,EAAC,OAAI,UAAU,0CACb,UAAAD,EAACI,EAAA,CAAK,GAAG,IAAI,KAAMI,EAAK,aAAc,UAAU,sDAAsD,EACtGR,EAACE,EAAA,CAAO,QAAQ,UAAU,KAAK,KAAK,UAAWG,EAAG,QAAQ,EAAG,QAASI,EAAS,QAASE,EACrF,SAAAH,EAAK,cACR,EACCE,GACCV,EAACI,EAAA,CAAK,GAAG,IAAI,KAAM,EAAG,KAAMM,EAAc,UAAU,mDAAmD,GAE3G,GACF,EAIJJ,EAAW,YAAc,aAEzB,IAAOQ,EAAQR",
-  "names": ["jsx", "jsxs", "Button", "Picture", "Text", "cn", "CouponInit", "item", "copy", "loading", "errorMessage", "onConfirm", "rule", "index", "CouponInit_default"]
-}

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../../../src/biz-components/Listing/components/ProductCard/ProductDetail/CreditCouponRedeem/CouponSuccess.tsx"],
-  "sourcesContent": ["import { Picture, Text } from '../../../../../../components/index.js'\nimport useCopy from '../../../../hooks/useCopy.js'\nimport { trackCodeCopy } from './tracking.js'\nimport type { CreditCouponRuleData, CreditCouponRedeemModalCopy } from './types.js'\n\nexport interface CouponSuccessProps {\n  couponCode: string\n  copy: CreditCouponRedeemModalCopy\n  item: CreditCouponRuleData\n  /** \u5F53\u524D\u5546\u54C1 SKU\uFF08\u57CB\u70B9\u4E0A\u62A5\uFF09 */\n  sku: string\n}\n\nconst CouponSuccess = ({ couponCode, item, copy, sku }: CouponSuccessProps) => {\n  const { copy: copyToClipboard, copied } = useCopy()\n\n  const handleCopy = () => {\n    copyToClipboard(couponCode)\n    // 05 \u6298\u6263\u7801\u590D\u5236\n    trackCodeCopy({ sku }, { code: couponCode })\n  }\n\n  return (\n    <div className=\"coupon-success flex flex-col gap-6\">\n      <div className=\"coupon-success-body bg-container-secondary flex flex-col items-center gap-2 rounded-[16px] px-[48px] py-[24px] md:px-[16px] text-center\">\n        <div className=\"relative mx-auto h-[164px] w-[324px]\">\n          <Picture source={copy.modalIcon} className=\"h-full [&_img]:h-full\" />\n          <div className=\"absolute bottom-[8px] left-[24px] text-[32px] font-extrabold text-white\">{`${item.value} Off`}</div>\n        </div>\n        <div className=\"coupon-success-code mt-[8px] flex items-center gap-2\">\n          <Text as=\"span\" size={2} className=\"text-info-primary text-[24px] font-bold\">\n            {couponCode}\n          </Text>\n          <button\n            type=\"button\"\n            onClick={handleCopy}\n            disabled={copied}\n            className=\"text-info-primary shrink-0 text-[16px] font-bold underline disabled:pointer-events-none\"\n          >\n            {copied ? copy.copiedLabel || 'Copied' : copy.copyLabel || 'Copy'}\n          </button>\n        </div>\n      </div>\n      <div className=\"coupon-success-footer flex flex-col gap-2 text-center px-[48px] pb-[24px]\">\n        <Text as=\"p\" html={copy.successTitle} className=\"text-info-primary text-[20px] font-bold\" />\n        <Text as=\"p\" size={4} html={copy.successDesc} className=\"text-info-secondary text-[14px] font-bold\" />\n      </div>\n    </div>\n  )\n}\n\nCouponSuccess.displayName = 'CouponSuccess'\n\nexport default CouponSuccess\n"],
-  "mappings": "AAyBQ,OACE,OAAAA,EADF,QAAAC,MAAA,oBAzBR,OAAS,WAAAC,EAAS,QAAAC,MAAY,wCAC9B,OAAOC,MAAa,+BACpB,OAAS,iBAAAC,MAAqB,gBAW9B,MAAMC,EAAgB,CAAC,CAAE,WAAAC,EAAY,KAAAC,EAAM,KAAAC,EAAM,IAAAC,CAAI,IAA0B,CAC7E,KAAM,CAAE,KAAMC,EAAiB,OAAAC,CAAO,EAAIR,EAAQ,EAE5CS,EAAa,IAAM,CACvBF,EAAgBJ,CAAU,EAE1BF,EAAc,CAAE,IAAAK,CAAI,EAAG,CAAE,KAAMH,CAAW,CAAC,CAC7C,EAEA,OACEN,EAAC,OAAI,UAAU,qCACb,UAAAA,EAAC,OAAI,UAAU,0IACb,UAAAA,EAAC,OAAI,UAAU,uCACb,UAAAD,EAACE,EAAA,CAAQ,OAAQO,EAAK,UAAW,UAAU,wBAAwB,EACnET,EAAC,OAAI,UAAU,0EAA2E,YAAGQ,EAAK,KAAK,OAAO,GAChH,EACAP,EAAC,OAAI,UAAU,uDACb,UAAAD,EAACG,EAAA,CAAK,GAAG,OAAO,KAAM,EAAG,UAAU,0CAChC,SAAAI,EACH,EACAP,EAAC,UACC,KAAK,SACL,QAASa,EACT,SAAUD,EACV,UAAU,0FAET,SAAAA,EAASH,EAAK,aAAe,SAAWA,EAAK,WAAa,OAC7D,GACF,GACF,EACAR,EAAC,OAAI,UAAU,4EACb,UAAAD,EAACG,EAAA,CAAK,GAAG,IAAI,KAAMM,EAAK,aAAc,UAAU,0CAA0C,EAC1FT,EAACG,EAAA,CAAK,GAAG,IAAI,KAAM,EAAG,KAAMM,EAAK,YAAa,UAAU,4CAA4C,GACtG,GACF,CAEJ,EAEAH,EAAc,YAAc,gBAE5B,IAAOQ,EAAQR",
-  "names": ["jsx", "jsxs", "Picture", "Text", "useCopy", "trackCodeCopy", "CouponSuccess", "couponCode", "item", "copy", "sku", "copyToClipboard", "copied", "handleCopy", "CouponSuccess_default"]
-}

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

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

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../../../src/biz-components/Listing/components/ProductCard/ProductDetail/CreditCouponRedeem/RedeemCouponModal.tsx"],
-  "sourcesContent": ["import { Dialog, DialogContent } from '../../../../../../components/index.js'\nimport { cn } from '../../../../../../helpers/index.js'\nimport CouponInit from './CouponInit.js'\nimport CouponSuccess from './CouponSuccess.js'\nimport type { CreditCouponRuleData, CreditCouponRedeemModalCopy, RedeemStatus } from './types.js'\n\nexport interface RedeemCouponModalProps {\n  open: boolean\n  onOpenChange: (open: boolean) => void\n  item: CreditCouponRuleData | null\n  copy: CreditCouponRedeemModalCopy\n  redeemStatus: RedeemStatus\n  couponCode?: string\n  errorMessage?: string\n  onConfirm: () => void\n  /** \u5F53\u524D\u5546\u54C1 SKU\uFF08\u57CB\u70B9\u4E0A\u62A5\uFF09 */\n  sku: string\n}\n\nconst RedeemCouponModal = ({\n  open,\n  onOpenChange,\n  item,\n  copy,\n  redeemStatus,\n  couponCode,\n  errorMessage,\n  onConfirm,\n  sku,\n}: RedeemCouponModalProps) => {\n  if (!item) return null\n\n  return (\n    <Dialog open={open} onOpenChange={onOpenChange}>\n      <DialogContent className={cn('redeem-coupon-modal-root p-0 rounded-[16px] overflow-hidden')}>\n        {redeemStatus === 'success' && couponCode ? (\n          <CouponSuccess item={item} couponCode={couponCode} copy={copy} sku={sku} />\n        ) : (\n          <CouponInit\n            item={item}\n            copy={copy}\n            loading={redeemStatus === 'loading'}\n            errorMessage={redeemStatus === 'error' ? errorMessage : undefined}\n            onConfirm={onConfirm}\n          />\n        )}\n      </DialogContent>\n    </Dialog>\n  )\n}\n\nRedeemCouponModal.displayName = 'RedeemCouponModal'\n\nexport default RedeemCouponModal\n"],
-  "mappings": "AAoCU,cAAAA,MAAA,oBApCV,OAAS,UAAAC,EAAQ,iBAAAC,MAAqB,wCACtC,OAAS,MAAAC,MAAU,qCACnB,OAAOC,MAAgB,kBACvB,OAAOC,MAAmB,qBAgB1B,MAAMC,EAAoB,CAAC,CACzB,KAAAC,EACA,aAAAC,EACA,KAAAC,EACA,KAAAC,EACA,aAAAC,EACA,WAAAC,EACA,aAAAC,EACA,UAAAC,EACA,IAAAC,CACF,IACON,EAGHT,EAACC,EAAA,CAAO,KAAMM,EAAM,aAAcC,EAChC,SAAAR,EAACE,EAAA,CAAc,UAAWC,EAAG,6DAA6D,EACvF,SAAAQ,IAAiB,WAAaC,EAC7BZ,EAACK,EAAA,CAAc,KAAMI,EAAM,WAAYG,EAAY,KAAMF,EAAM,IAAKK,EAAK,EAEzEf,EAACI,EAAA,CACC,KAAMK,EACN,KAAMC,EACN,QAASC,IAAiB,UAC1B,aAAcA,IAAiB,QAAUE,EAAe,OACxD,UAAWC,EACb,EAEJ,EACF,EAjBgB,KAqBpBR,EAAkB,YAAc,oBAEhC,IAAOU,EAAQV",
-  "names": ["jsx", "Dialog", "DialogContent", "cn", "CouponInit", "CouponSuccess", "RedeemCouponModal", "open", "onOpenChange", "item", "copy", "redeemStatus", "couponCode", "errorMessage", "onConfirm", "sku", "RedeemCouponModal_default"]
-}

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../../../src/biz-components/Listing/components/ProductCard/ProductDetail/CreditCouponRedeem/index.tsx"],
-  "sourcesContent": ["import { useRef, useState } from 'react'\nimport { Text, Link } from '../../../../../../components/index.js'\nimport { cn } from '../../../../../../helpers/index.js'\nimport { useBizProductContext } from '../../../../BizProductProvider.js'\nimport { useIntersectionObserverDelay } from '../../../../../../hooks/useIntersectionObserver.js'\nimport CreditCouponListItem from './CreditCouponListItem.js'\nimport { trackModuleImpression, resolveUserIdentity } from './tracking.js'\nimport type { CreditCouponRuleData, CreditCouponRedeemProps } from './types.js'\n\nconst CreditCouponRedeem = ({\n  title,\n  items,\n  visibleCount,\n  viewMoreLabel = 'View More',\n  redeemLabel = 'Redeem',\n  unLoginLabel,\n  className,\n  onModalOpenChange,\n  onConfirm,\n  modalCopy,\n  iconUrl,\n}: CreditCouponRedeemProps) => {\n  const { profile, variant } = useBizProductContext()\n  const [expanded, setExpanded] = useState(false)\n  const rootRef = useRef<HTMLDivElement>(null)\n\n  const hasMore = Boolean(visibleCount) && items.length > visibleCount!\n  const visibleItems = expanded || !hasMore ? items : items.slice(0, visibleCount)\n\n  const sku = variant?.sku || ''\n\n  // 01 \u6A21\u5757\u66DD\u5149\uFF1A\u8FDB\u5165\u53EF\u89C6\u533A\uFF08\u226550%\uFF09\u5355\u6B21\u89E6\u53D1\n  useIntersectionObserverDelay(rootRef, {\n    once: true,\n    threshold: 0.5,\n    delay: 0,\n    callback: () => {\n      trackModuleImpression({ sku }, resolveUserIdentity(profile))\n    },\n  })\n\n  if (!items.length) return null\n\n  return (\n    <div ref={rootRef} className={cn('credit-coupon-redeem-root', className)}>\n      {title && <Text html={title} className=\"text-[24px] font-bold md:text-[16px]\" />}\n      <ul className=\"border-lines-secondary mt-[12px] flex list-none flex-col overflow-hidden rounded-[16px] border bg-[#F5F5F7]\">\n        {visibleItems.map(item => (\n          <CreditCouponListItem\n            key={item.id}\n            item={item}\n            redeemLabel={redeemLabel}\n            unLoginLabel={unLoginLabel}\n            iconUrl={iconUrl}\n            copy={modalCopy}\n            onConfirm={onConfirm}\n            onModalOpenChange={onModalOpenChange}\n            sku={sku}\n          />\n        ))}\n      </ul>\n      {hasMore && !expanded && (\n        <Link\n          onClick={() => setExpanded(true)}\n          className=\"credit-coupon-redeem-view-more text-info-primary mt-3 inline-flex items-center gap-1 text-[16px] font-bold\"\n        >\n          {viewMoreLabel}\n        </Link>\n      )}\n    </div>\n  )\n}\n\nCreditCouponRedeem.displayName = 'CreditCouponRedeem'\n\nexport default CreditCouponRedeem\nexport type { CreditCouponRedeemProps, CreditCouponRuleData, RedeemStatus } from './types.js'\n"],
-  "mappings": "AA4CI,OACY,OAAAA,EADZ,QAAAC,MAAA,oBA5CJ,OAAS,UAAAC,EAAQ,YAAAC,MAAgB,QACjC,OAAS,QAAAC,EAAM,QAAAC,MAAY,wCAC3B,OAAS,MAAAC,MAAU,qCACnB,OAAS,wBAAAC,MAA4B,oCACrC,OAAS,gCAAAC,MAAoC,qDAC7C,OAAOC,MAA0B,4BACjC,OAAS,yBAAAC,EAAuB,uBAAAC,MAA2B,gBAG3D,MAAMC,EAAqB,CAAC,CAC1B,MAAAC,EACA,MAAAC,EACA,aAAAC,EACA,cAAAC,EAAgB,YAChB,YAAAC,EAAc,SACd,aAAAC,EACA,UAAAC,EACA,kBAAAC,EACA,UAAAC,EACA,UAAAC,EACA,QAAAC,CACF,IAA+B,CAC7B,KAAM,CAAE,QAAAC,EAAS,QAAAC,CAAQ,EAAIlB,EAAqB,EAC5C,CAACmB,EAAUC,CAAW,EAAIxB,EAAS,EAAK,EACxCyB,EAAU1B,EAAuB,IAAI,EAErC2B,EAAU,EAAQd,GAAiBD,EAAM,OAASC,EAClDe,EAAeJ,GAAY,CAACG,EAAUf,EAAQA,EAAM,MAAM,EAAGC,CAAY,EAEzEgB,EAAMN,GAAS,KAAO,GAY5B,OATAjB,EAA6BoB,EAAS,CACpC,KAAM,GACN,UAAW,GACX,MAAO,EACP,SAAU,IAAM,CACdlB,EAAsB,CAAE,IAAAqB,CAAI,EAAGpB,EAAoBa,CAAO,CAAC,CAC7D,CACF,CAAC,EAEIV,EAAM,OAGTb,EAAC,OAAI,IAAK2B,EAAS,UAAWtB,EAAG,4BAA6Ba,CAAS,EACpE,UAAAN,GAASb,EAACI,EAAA,CAAK,KAAMS,EAAO,UAAU,uCAAuC,EAC9Eb,EAAC,MAAG,UAAU,8GACX,SAAA8B,EAAa,IAAIE,GAChBhC,EAACS,EAAA,CAEC,KAAMuB,EACN,YAAaf,EACb,aAAcC,EACd,QAASK,EACT,KAAMD,EACN,UAAWD,EACX,kBAAmBD,EACnB,IAAKW,GARAC,EAAK,EASZ,CACD,EACH,EACCH,GAAW,CAACH,GACX1B,EAACK,EAAA,CACC,QAAS,IAAMsB,EAAY,EAAI,EAC/B,UAAU,6GAET,SAAAX,EACH,GAEJ,EA5BwB,IA8B5B,EAEAJ,EAAmB,YAAc,qBAEjC,IAAOqB,EAAQrB",
-  "names": ["jsx", "jsxs", "useRef", "useState", "Text", "Link", "cn", "useBizProductContext", "useIntersectionObserverDelay", "CreditCouponListItem", "trackModuleImpression", "resolveUserIdentity", "CreditCouponRedeem", "title", "items", "visibleCount", "viewMoreLabel", "redeemLabel", "unLoginLabel", "className", "onModalOpenChange", "onConfirm", "modalCopy", "iconUrl", "profile", "variant", "expanded", "setExpanded", "rootRef", "hasMore", "visibleItems", "sku", "item", "CreditCouponRedeem_default"]
-}

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../../../src/biz-components/Listing/components/ProductCard/ProductDetail/CreditCouponRedeem/tracking.ts"],
-  "sourcesContent": ["import { gaTrack } from '../../../../../../shared/track.js'\n\n/**\n * \u79EF\u5206\u5151\u6362\u6298\u6263\u5238\u57CB\u70B9\uFF08\u89C1\u9700\u6C42\u6587\u6863 5.4.2\uFF09\n *\n * \u7EDF\u4E00\u901A\u8FC7 window.dataLayer \u4E0A\u62A5\uFF0Cevent \u56FA\u5B9A\u4E3A ga4Event\u3002\n * - component_impression\uFF1A\u6A21\u5757\u66DD\u5149 / \u5151\u6362\u5F39\u7A97\u66DD\u5149\n * - component_click\uFF1A\u5165\u53E3\u70B9\u51FB / \u5151\u6362\u6210\u529F / \u6298\u6263\u7801\u590D\u5236\n *\n * page_group \u9075\u5FAA PDP \u89C4\u8303\uFF1A\"Product Detail Page_\" + SKU\u3002\n */\n\nconst PAGE_GROUP_PREFIX = 'Product Detail Page_'\n\n/** \u7528\u6237\u8EAB\u4EFD \u2192 \u57CB\u70B9\u679A\u4E3E\uFF08component_title\uFF09 */\nexport type UserIdentity = 'guest' | 'member' | 'plus_member'\n\n/**\n * \u5C06 profile.memberType \u6620\u5C04\u4E3A\u57CB\u70B9\u7528\u6237\u8EAB\u4EFD\u679A\u4E3E\u3002\n * \u901A\u8FC7\u7ED3\u6784\u5316\u5C40\u90E8\u7C7B\u578B\u8BFB\u53D6\uFF08\u907F\u514D\u4F9D\u8D56 UserProfile \u5168\u5C40\u7C7B\u578B\uFF0C\u8BE5\u7C7B\u578B\u6682\u672A\u58F0\u660E memberType\uFF09\u3002\n * - '0' / \u7A7A  \u2192 guest\uFF08\u672A\u767B\u5F55\uFF09\n * - '1'       \u2192 member\uFF08\u666E\u901A\u4F1A\u5458\uFF09\n * - '2'       \u2192 plus_member\uFF08\u4ED8\u8D39\u4F1A\u5458\uFF09\n */\nexport const resolveUserIdentity = (profile?: unknown): UserIdentity => {\n  const memberType = (profile as { memberType?: string } | null | undefined)?.memberType\n  if (memberType === '2') return 'plus_member'\n  if (memberType === '1') return 'member'\n  return 'guest'\n}\n\ninterface TrackingEventBase {\n  sku: string\n}\n\n/** \u79EF\u5206\u5151\u6362\u6298\u6263\u5238\u6A21\u5757\u5728 listing \u9875\u7684\u57CB\u70B9\u4F4D\u7F6E\u6807\u8BC6\uFF08\u56FA\u5B9A\u503C\uFF09 */\nconst MODULE_POSITION = 'member benefits'\n\nconst pushEvent = (eventName: 'component_impression' | 'component_click', parameters: Record<string, any>) => {\n  gaTrack({\n    event: 'ga4Event',\n    event_name: eventName,\n    event_parameters: parameters,\n  })\n}\n\n/** 01 \u79EF\u5206\u5151\u6362\u6298\u6263\u5238\u6A21\u5757\u66DD\u5149 */\nexport const trackModuleImpression = ({ sku }: TrackingEventBase, userIdentity: UserIdentity) => {\n  pushEvent('component_impression', {\n    page_group: `${PAGE_GROUP_PREFIX}${sku}`,\n    component_type: 'copy',\n    component_name: 'points_redemption',\n    position: MODULE_POSITION,\n    creative_id: '',\n    component_title: userIdentity,\n    component_description: '',\n    navigation: '',\n  })\n}\n\n/** 02 \u79EF\u5206\u5151\u6362\u6298\u6263\u5238\u6A21\u5757 - \u5151\u6362\u5165\u53E3\u70B9\u51FB */\nexport const trackEntryClick = (\n  { sku }: TrackingEventBase,\n  { entryType, userIdentity }: { entryType: 'members_only' | 'get_discount'; userIdentity: UserIdentity }\n) => {\n  pushEvent('component_click', {\n    page_group: `${PAGE_GROUP_PREFIX}${sku}`,\n    component_type: 'copy',\n    component_name: 'points_redemption',\n    position: MODULE_POSITION,\n    creative_id: '',\n    button_name: entryType,\n    component_title: userIdentity,\n    component_description: '',\n    SKU: sku,\n    navigation: '',\n  })\n}\n\n/** 03 \u79EF\u5206\u5151\u6362\u6298\u6263\u5238\u6A21\u5757 - \u5151\u6362\u5F39\u7A97\u66DD\u5149 */\nexport const trackPopupImpression = (\n  { sku }: TrackingEventBase,\n  { popupSource }: { popupSource: 'direct' | 'after_login' }\n) => {\n  pushEvent('component_impression', {\n    page_group: `${PAGE_GROUP_PREFIX}${sku}`,\n    component_type: 'copy',\n    component_name: 'redemption_popup',\n    position: 1,\n    creative_id: '',\n    component_title: 'Redemption Popup',\n    component_description: popupSource,\n    navigation: '',\n  })\n}\n\n/** 04 \u79EF\u5206\u5151\u6362\u6298\u6263\u5238\u6A21\u5757 - \u5151\u6362\u6210\u529F\uFF08\u70B9\u51FB Confirm\uFF09 */\nexport const trackRedeemSuccess = (\n  { sku }: TrackingEventBase,\n  { result }: { result: 'success' | 'fail' }\n) => {\n  pushEvent('component_click', {\n    page_group: `${PAGE_GROUP_PREFIX}${sku}`,\n    component_type: 'copy',\n    component_name: 'redemption_popup',\n    position: 1,\n    creative_id: '',\n    button_name: 'confirm',\n    component_title: 'Redemption Popup',\n    component_description: result,\n    SKU: sku,\n    navigation: '',\n  })\n}\n\n/** 05 \u79EF\u5206\u5151\u6362\u6298\u6263\u5238\u6A21\u5757 - \u6298\u6263\u7801\u590D\u5236 */\nexport const trackCodeCopy = ({ sku }: TrackingEventBase, { code }: { code: string }) => {\n  pushEvent('component_click', {\n    page_group: `${PAGE_GROUP_PREFIX}${sku}`,\n    component_type: 'copy',\n    component_name: 'discount_code',\n    position: 1,\n    creative_id: '',\n    button_name: 'copy_code',\n    component_title: code,\n    component_description: '',\n    SKU: sku,\n    navigation: '',\n  })\n}\n"],
-  "mappings": "AAAA,OAAS,WAAAA,MAAe,oCAYxB,MAAMC,EAAoB,uBAYbC,EAAuBC,GAAoC,CACtE,MAAMC,EAAcD,GAAwD,WAC5E,OAAIC,IAAe,IAAY,cAC3BA,IAAe,IAAY,SACxB,OACT,EAOMC,EAAkB,kBAElBC,EAAY,CAACC,EAAuDC,IAAoC,CAC5GR,EAAQ,CACN,MAAO,WACP,WAAYO,EACZ,iBAAkBC,CACpB,CAAC,CACH,EAGaC,EAAwB,CAAC,CAAE,IAAAC,CAAI,EAAsBC,IAA+B,CAC/FL,EAAU,uBAAwB,CAChC,WAAY,GAAGL,CAAiB,GAAGS,CAAG,GACtC,eAAgB,OAChB,eAAgB,oBAChB,SAAUL,EACV,YAAa,GACb,gBAAiBM,EACjB,sBAAuB,GACvB,WAAY,EACd,CAAC,CACH,EAGaC,EAAkB,CAC7B,CAAE,IAAAF,CAAI,EACN,CAAE,UAAAG,EAAW,aAAAF,CAAa,IACvB,CACHL,EAAU,kBAAmB,CAC3B,WAAY,GAAGL,CAAiB,GAAGS,CAAG,GACtC,eAAgB,OAChB,eAAgB,oBAChB,SAAUL,EACV,YAAa,GACb,YAAaQ,EACb,gBAAiBF,EACjB,sBAAuB,GACvB,IAAKD,EACL,WAAY,EACd,CAAC,CACH,EAGaI,EAAuB,CAClC,CAAE,IAAAJ,CAAI,EACN,CAAE,YAAAK,CAAY,IACX,CACHT,EAAU,uBAAwB,CAChC,WAAY,GAAGL,CAAiB,GAAGS,CAAG,GACtC,eAAgB,OAChB,eAAgB,mBAChB,SAAU,EACV,YAAa,GACb,gBAAiB,mBACjB,sBAAuBK,EACvB,WAAY,EACd,CAAC,CACH,EAGaC,EAAqB,CAChC,CAAE,IAAAN,CAAI,EACN,CAAE,OAAAO,CAAO,IACN,CACHX,EAAU,kBAAmB,CAC3B,WAAY,GAAGL,CAAiB,GAAGS,CAAG,GACtC,eAAgB,OAChB,eAAgB,mBAChB,SAAU,EACV,YAAa,GACb,YAAa,UACb,gBAAiB,mBACjB,sBAAuBO,EACvB,IAAKP,EACL,WAAY,EACd,CAAC,CACH,EAGaQ,EAAgB,CAAC,CAAE,IAAAR,CAAI,EAAsB,CAAE,KAAAS,CAAK,IAAwB,CACvFb,EAAU,kBAAmB,CAC3B,WAAY,GAAGL,CAAiB,GAAGS,CAAG,GACtC,eAAgB,OAChB,eAAgB,gBAChB,SAAU,EACV,YAAa,GACb,YAAa,YACb,gBAAiBS,EACjB,sBAAuB,GACvB,IAAKT,EACL,WAAY,EACd,CAAC,CACH",
-  "names": ["gaTrack", "PAGE_GROUP_PREFIX", "resolveUserIdentity", "profile", "memberType", "MODULE_POSITION", "pushEvent", "eventName", "parameters", "trackModuleImpression", "sku", "userIdentity", "trackEntryClick", "entryType", "trackPopupImpression", "popupSource", "trackRedeemSuccess", "result", "trackCodeCopy", "code"]
-}

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

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

package/dist/esm/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": "aA2EQ,cAAAA,MAAA,oBAzER,OAAgB,WAAAC,MAAe,QAC/B,OAAS,MAAAC,MAAU,qCACnB,OAAS,WAAAC,EAAS,QAAAC,MAAY,wCAC9B,OAAS,wBAAAC,MAA4B,oCACrC,OAAS,kBAAAC,MAAsB,uCAC/B,OAAS,oBAAAC,MAAwB,qCAyBjC,MAAMC,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,EAAIb,EAAqB,EACnC,CAAE,OAAAc,EAAS,IAAK,EAAIb,EAAe,EAEnCc,EAAoBnB,EAAQ,IACzBiB,GAAS,SAAS,YAAY,KAAMG,GAAcA,EAAK,eAAiB,eAAe,GAAG,MAAQ,CAAC,EACzG,CAACH,GAAS,OAAO,CAAC,EAEfI,EAAcrB,EAAQ,IACrBmB,GAAmB,MACjBZ,EAA4BY,EAAkB,KAAK,EADpB,GAErC,CAACA,GAAmB,KAAK,CAAC,EAE7B,MAAI,CAACE,GAAe,CAACJ,GAAS,iBACrB,KAIPlB,EAAC,OACC,UAAWE,EACT,iJACAe,CACF,EAEA,SAAAjB,EAACI,EAAA,CAAK,QAAS,CAACgB,GAAmB,KAAM,KAAMb,EAAiBa,GAAmB,KAAMD,CAAM,EAC7F,SAAAnB,EAACG,EAAA,CACC,OAAQmB,EACR,aAAa,sBACb,UAAU,iCACZ,EACF,EACF,CAEJ,EAEAN,EAAc,YAAc,gBAE5B,IAAOO,EAAQP",
-  "names": ["jsx", "useMemo", "cn", "Picture", "Link", "useBizProductContext", "useAiuiContext", "getLocalizedPath", "formatResponsiveImageSource", "image", "mobile", "tablet", "laptop", "desktop", "lgDesktop", "parts", "ProductBanner", "className", "variant", "locale", "productBannerData", "item", "imageSource", "ProductBanner_default"]
-}

package/dist/esm/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": ["Fragment", "jsx", "jsxs", "Text", "Picture", "useBizProductContext", "useComponentData", "useBenefits", "formatPrice", "replaceTemplate", "useEffect", "useState", "useAiuiContext", "cn", "ModalContainer", "ProductServiceBenefits", "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", "benefit", "className", "ProductBenefits_default", "default"]
-}

package/dist/esm/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": "AAuCU,OAEI,OAAAA,EAFJ,QAAAC,MAAA,oBAvCV,OAAS,MAAMC,MAAkB,qCACjC,OAAS,UAAAC,MAAc,gBACvB,OAAOC,MAAuC,QAC9C,OAAOC,MAAW,iDAElB,MAAMC,EAAiB,CAAC,CACtB,MAAAC,EACA,UAAAC,EACA,UAAAC,EACA,WAAAC,EACA,SAAAC,EACA,aAAAC,EAAe,EACjB,IAOO,CACL,MAAMC,EAAWT,EAAM,OAAuB,IAAI,EAElD,OACEJ,EAACG,EAAO,IAAP,CACC,QAASM,EAAY,CAAE,QAAS,CAAE,EAAI,CAAE,QAAS,EAAG,cAAe,MAAO,EAC1E,WAAY,CAAE,SAAU,GAAK,OAAQ,CAAE,EACvC,UAAU,+FAEV,SAAAT,EAACG,EAAO,IAAP,CACC,WAAY,CAAE,SAAU,GAAK,OAAQ,CAAE,EACvC,IAAKU,EACL,QAASJ,EAAY,CAAE,MAAO,CAAE,EAAI,CAAE,MAAO,EAAI,EAEjD,SAAAR,EAAC,OACC,UAAWC,EACT,wGACAM,CACF,EAEA,UAAAP,EAAC,OAAI,UAAWC,EAAWU,GAAgB,6BAA6B,EACrE,UAAAL,GACCP,EAAC,KACC,UAAWE,EACT,sFACF,EAEC,SAAAK,EACH,EAEFP,EAAC,UACC,QAASU,EACT,UAAW,4CACX,aAAW,cAEX,SAAAV,EAACK,EAAA,CAAM,UAAU,cAAc,EACjC,GACF,EACCM,GACH,EACF,EACF,CAEJ,EAEA,IAAOG,EAAQR",
-  "names": ["jsx", "jsxs", "classNames", "motion", "React", "Close", "ModalContainer", "title", "className", "showModal", "closeModal", "children", "stickyHeader", "modalRef", "ModalContainer_default"]
-}

package/dist/esm/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": "AAsDQ,cAAAA,EA0CJ,QAAAC,MA1CI,oBAtDR,OAAS,QAAAC,MAAY,wCACrB,OAAS,iBAAAC,EAAe,cAAAC,EAAY,YAAAC,EAA+C,cAAAC,MAAkB,QACrG,OAAS,MAAAC,MAAU,qCACnB,OAAS,WAAAC,EAAS,QAAAC,EAAM,QAAAC,EAAM,WAAAC,MAAe,uBAQ7C,MAAMC,EAAsBT,EAAmD,MAAS,EAElFU,EAAyB,IAAM,CACnC,MAAMC,EAAUV,EAAWQ,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,EAAIlB,EAASW,CAAY,EAEzDQ,EAAcP,GAASK,EACvBG,EAAkBC,GAAqB,CACvCT,IAAU,QACZM,EAAiBG,CAAQ,EAE3BR,IAAgBQ,CAAQ,CAC1B,EAEA,OACE1B,EAACY,EAAoB,SAApB,CAA6B,MAAO,CAAE,YAAAY,EAAa,eAAAC,CAAe,EACjE,SAAAzB,EAAC,OACC,GAAG,mCACH,UAAWO,EAAG,qDAAsDa,CAAS,EAC5E,GAAGC,EAEJ,SAAArB,EAACU,EAAA,CAAK,MAAOc,EAAa,cAAeC,EACtC,SAAAN,EACH,EACF,EACF,CAEJ,EAOMQ,EAAmBrB,EAAkD,CAAC,CAAE,SAAAa,EAAU,UAAAC,EAAW,GAAGC,CAAM,EAAGO,IAE3G5B,EAACS,EAAA,CACC,UAAWF,EAAG,yEAA0Ea,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,OACEhB,EAACU,EAAA,CACC,MAAOM,EACP,UAAWV,EACT,2HACAa,CACF,EACC,GAAGC,EAEJ,UAAArB,EAACE,EAAA,CACC,UAAWK,EACT,wFACAuB,GAAY,QACd,EACF,EACCX,GACH,CAEJ,EAOMY,EAAoB,CAAC,CAAE,SAAAZ,EAAU,UAAAC,EAAW,GAAGC,CAAM,IAEvDrB,EAACE,EAAA,CACC,KAAM,EACN,UAAWK,EAAG,iFAAkFa,CAAS,EACxG,GAAGC,EAEH,SAAAF,EACH,EAWEa,EAAsB,CAAC,CAC3B,MAAAf,EACA,WAAAgB,EAAa,GACb,SAAAd,EACA,UAAAC,EACA,GAAGC,CACL,IAEIrB,EAACQ,EAAA,CAAQ,MAAOS,EAAO,WAAYgB,EAAa,GAAO,OAAW,UAAW1B,EAAGa,CAAS,EAAI,GAAGC,EAC7F,SAAAF,EACH,EAIJJ,EAAoB,YAAc,sBAGlCA,EAAoB,KAAOY,EAC3BZ,EAAoB,QAAUc,EAC9Bd,EAAoB,MAAQgB,EAC5BhB,EAAoB,QAAUiB,EAE9B,IAAOE,EAAQnB",
-  "names": ["jsx", "jsxs", "Text", "createContext", "useContext", "useState", "forwardRef", "cn", "Content", "List", "Root", "Trigger", "BenefitsTabsContext", "useBenefitsTabsContext", "context", "ProductBenefitsTabs", "defaultValue", "value", "onValueChange", "children", "className", "props", "internalValue", "setInternalValue", "activeValue", "setActiveValue", "newValue", "BenefitsTabsList", "ref", "BenefitsTabsTrigger", "isActive", "BenefitsTabsBadge", "BenefitsTabsContent", "forceMount", "ProductBenefitsTabs_default"]
-}

package/dist/esm/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": "AAyBM,cAAAA,EA4Bc,QAAAC,MA5Bd,oBAzBN,OAAS,QAAAC,EAAM,WAAAC,EAAS,YAAAC,MAAgB,wCACxC,OAAS,MAAAC,MAAU,qCACnB,OAAS,cAAAC,MAAkB,qCAC3B,OAAS,oBAAAC,EAAkB,iBAAAC,MAAqB,wCAEhD,OAAS,wBAAAC,MAA4B,oCAErC,MAAMC,EAAgB,IAAM,CAC1B,KAAM,CAAE,OAAAC,EAAQ,cAAAC,EAAe,iBAAAC,CAAiB,EAAIJ,EAAqB,EACzE,GAAI,CAACE,GAAU,CAACA,GAAQ,eAAe,OAAQ,OAAO,KAEtD,KAAM,CAAE,QAAAG,EAAS,gBAAAC,CAAgB,EAAIR,EAAiB,EAEhDS,EAAwBC,GAA6B,CACrDL,GAAe,SAAWK,EAAW,QACvCN,GAAQ,kBAAkB,MAAS,EACnCE,IAAmB,MAAS,IAE5BA,IAAmBI,CAAU,EAC7BN,GAAQ,kBAAkBM,CAAU,EAExC,EAEA,OACEhB,EAAC,OAAI,UAAWI,EAAG,4BAA6BM,GAAQ,SAAS,EAC/D,UAAAX,EAACE,EAAA,CAAK,UAAU,6DAA6D,KAAMS,GAAQ,MAAO,EAClGX,EAAC,OAAI,UAAU,uFACZ,SAAAW,GAAQ,cAAc,IAAI,CAACA,EAAQO,IAClClB,EAAC,OACC,SAAAC,EAAC,OACC,UAAWI,EACT,mHACA,CACG,eAAiBO,GAAe,SAAWD,EAAO,MACrD,CACF,EAEA,UAAAX,EAACI,EAAA,CACC,gBAAiB,IAAMY,EAAqBL,CAAM,EAClD,KAAK,KACL,UAAWN,EAAG,yCAA0C,CACtD,iDAAkDO,GAAe,SAAWD,EAAO,MACrF,CAAC,EACD,GAAIA,EAAO,OACX,MAAOA,EAAO,OACd,QAASC,GAAe,SAAWD,EAAO,OAC5C,EACAX,EAAC,SACC,QAASW,EAAO,OAChB,UAAU,kEAET,SAAAA,EAAO,eAAe,IAAIQ,GACzBlB,EAAC,OAAI,UAAU,iDACb,UAAAA,EAAC,OAAI,UAAU,0BACb,UAAAD,EAACG,EAAA,CAAQ,OAAQgB,EAAQ,SAAU,UAAU,mBAAmB,aAAa,SAAS,EACtFnB,EAACE,EAAA,CACE,GAAGa,EAAgBI,EAAQ,KAAK,EACjC,UAAU,2EACV,KAAMA,EAAQ,MAChB,EACAnB,EAACQ,EAAA,CAAe,GAAGM,EAAS,GAC9B,EACAb,EAAC,OAAI,UAAU,wEACb,UAAAD,EAACE,EAAA,CACC,UAAU,4EACV,KAAMiB,EAAQ,MAChB,EACCA,EAAQ,cACPnB,EAACE,EAAA,CACC,UAAU,wGACV,KAAMiB,EAAQ,aAChB,GAEJ,IArBmEA,EAAQ,SAsB7E,CACD,EACH,GACF,GAjDQD,CAkDV,CACD,EACH,GACF,CAEJ,EAEAR,EAAc,YAAc,gBAE5B,IAAOU,EAAQd,EAAWI,CAAa",
-  "names": ["jsx", "jsxs", "Text", "Picture", "Checkbox", "cn", "withLayout", "useFollowTooltip", "FollowTooltip", "useBizProductContext", "ProductBundle", "bundle", "checkedBundle", "setCheckedBundle", "tooltip", "getTooltipProps", "handleSelectedChange", "bundleItem", "index", "variant", "ProductBundle_default"]
-}

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

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

package/dist/esm/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": ["Fragment", "jsx", "jsxs", "React", "cn", "formatPrice", "Text", "Link", "Checkbox", "useCopy", "useBenefits", "useBizProductContext", "useComponentData", "replaceTemplate", "useAiuiContext", "useCountDown", "CountdownDisplay", "endTime", "template", "days", "hours", "minutes", "seconds", "CouponCard", "checked", "discountText", "codeText", "code", "countdownText", "copyText", "copiedText", "onClick", "className", "isCopied", "copyToClipboard", "event", "MemberDiscountCard", "description", "ProductCoupon", "profile", "variant", "onUseCouponChange", "onUseMemberDiscountChange", "openSignInPopup", "discount", "savingDetail", "locale", "trackingData", "benefits", "commonCoupon", "memberDiscount", "couponCopy", "productCouponData", "couponSaving", "e", "memberSaving", "ProductCoupon_default"]
-}

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../../../src/biz-components/Listing/components/ProductCard/ProductDetail/ProductExchangePurchase/index.tsx"],
-  "sourcesContent": ["// import { Text, Picture, Checkbox } from '../../../../../../components/index.js'\n// import { cn } from '../../../../../../helpers/index.js'\n// import { useMemo } from 'react'\n// import { useBizProductContext } from '../../../../BizProductProvider.js'\n// import { formatPrice } from '../../../../utils/index.js'\n// import { useAiuiContext } from '../../../../../AiuiProvider/index.js'\n// import type { ProductVariant, ProductPrice } from '../../../../types/product'\n// import { withLayout } from '../../../../../../shared/Styles.js'\n// import { useFollowTooltip, FollowTooltip } from '../../../../hooks/useFollowTooltip.js'\n\n// const ProductExchangePurchase = () => {\n//   const { locale = 'us' } = useAiuiContext()\n//   const { tooltip, getTooltipProps } = useFollowTooltip()\n//   const {\n//     // checkedExchangePurchase,\n//     // exchangePurchase,\n//     setCheckedBundle,\n//     setJoinedRecommendBuyProducts,\n//     setSavingDetail,\n//     // setCheckedExchangePurchase,\n//     joinedRecommendBuyProducts,\n//     savingDetail,\n//     setAddOrder,\n//   } = useBizProductContext()\n//   const { title, giftList = [], freeLabel } = exchangePurchase || {}\n//   const availableGifts = useMemo(() => giftList?.filter(item => item.availableForSale), [giftList])\n\n//   const handleCheckboxClick = (value: ProductVariant) => {\n//     if (checkedExchangePurchase?.id === value.id) {\n//       setCheckedExchangePurchase?.(undefined)\n//       setJoinedRecommendBuyProducts?.({\n//         ...joinedRecommendBuyProducts,\n//         exchange: {\n//           value: undefined,\n//           canOperate: true,\n//         },\n//       })\n//       setSavingDetail?.({ ...savingDetail, exchangePurchase: 0 })\n//       // \u4ECE\u6DFB\u52A0\u987A\u5E8F\u4E2D\u79FB\u9664\n//       setAddOrder?.(prev => prev.filter(t => t !== 'exchange'))\n//     } else {\n//       setCheckedExchangePurchase?.(value)\n//       setJoinedRecommendBuyProducts?.({\n//         ...joinedRecommendBuyProducts,\n//         exchange: {\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 !== 'exchange')\n//         return [...filtered, 'exchange']\n//       })\n//     }\n//   }\n\n//   if (!availableGifts?.length) return null\n\n//   return (\n//     <div className=\"ipc-product-detail-exchange-purchase\">\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: ProductVariant & { finalPrice?: ProductPrice }) => (\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']: checkedExchangePurchase?.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': checkedExchangePurchase?.id === gift.id,\n//               })}\n//               id={gift.id}\n//               checked={checkedExchangePurchase?.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 !leading-[1.2] text-base font-bold\"\n//                   html={formatPrice({\n//                     amount: gift?.finalPrice?.amount || 0,\n//                     locale,\n//                     currencyCode: gift?.finalPrice?.currencyCode || 'USD',\n//                   })}\n//                 />\n//                 <Text\n//                   className=\"laptop:text-[20px] lg-desktop:text-2xl text-base !leading-[1.2]  font-bold text-[#6D6D6F] line-through\"\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\n// export default withLayout(ProductExchangePurchase)\n"],
-  "mappings": "8DAAA,IAAAA,EAAAC,EAAA",
-  "names": ["require_ProductExchangePurchase", "__commonJSMin"]
-}

package/dist/esm/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": "AAmEM,cAAAA,EA0BQ,QAAAC,MA1BR,oBAnEN,OAAS,QAAAC,EAAM,WAAAC,EAAS,YAAAC,MAAgB,wCACxC,OAAS,MAAAC,MAAU,qCACnB,OAAoB,WAAAC,MAAe,QACnC,OAAS,wBAAAC,MAA4B,oCACrC,OAAS,eAAAC,MAAmB,6BAC5B,OAAS,kBAAAC,MAAsB,uCAE/B,OAAS,cAAAC,MAAkB,qCAC3B,OAAS,oBAAAC,EAAkB,iBAAAC,MAAqB,wCAEhD,MAAMC,EAAkB,IAAM,CAC5B,KAAM,CAAE,OAAAC,EAAS,IAAK,EAAIL,EAAe,EACnC,CAAE,QAAAM,EAAS,gBAAAC,CAAgB,EAAIL,EAAiB,EAChD,CACJ,SAAAM,EACA,YAAAC,EACA,eAAAC,EACA,iBAAAC,EACA,gBAAAC,EACA,aAAAC,EACA,8BAAAC,EACA,2BAAAC,EACA,YAAAC,CACF,EAAIlB,EAAqB,EACnB,CAAE,MAAAmB,EAAO,SAAAC,EAAW,CAAC,EAAG,UAAAC,CAAU,EAAIX,GAAY,CAAC,EACnDY,EAAiBvB,EAAQ,IAAMqB,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,OAGnB5B,EAAC,OAAI,UAAU,+BACb,UAAAD,EAACE,EAAA,CAAK,UAAU,6DAA6D,KAAMwB,EAAO,EAC1F1B,EAAC,OAAI,UAAU,uFACZ,SAAA6B,EAAe,IAAIM,GAClBlC,EAAC,OAEC,UAAWI,EACT,mHACA,CACG,eAAiBa,GAAa,KAAOiB,EAAK,EAC7C,CACF,EAEA,UAAAnC,EAACI,EAAA,CACC,gBAAiB,IAAM2B,EAAoBI,CAAI,EAC/C,KAAK,KACL,UAAW9B,EAAG,yCAA0C,CACtD,iDAAkDa,GAAa,KAAOiB,EAAK,EAC7E,CAAC,EACD,GAAIA,EAAK,GACT,QAASjB,GAAa,KAAOiB,EAAK,GAClC,MAAOA,EAAK,GACb,EACDlC,EAAC,SACC,QAASkC,EAAK,GACd,UAAU,qFAEV,UAAAlC,EAAC,OAAI,UAAU,0BACb,UAAAD,EAACG,EAAA,CAAQ,OAAQgC,EAAK,OAAO,IAAK,UAAU,mBAAmB,aAAa,SAAS,EACrFnC,EAACE,EAAA,CACE,GAAGc,EAAgBmB,EAAK,QAAQ,KAAK,EACtC,UAAU,2EACV,KAAMA,EAAK,QAAQ,MACrB,EACAnC,EAACY,EAAA,CAAe,GAAGG,EAAS,GAC9B,EACAd,EAAC,OAAI,UAAU,4DACb,UAAAD,EAACE,EAAA,CACC,UAAU,4EACV,KAAM0B,EACR,EACA5B,EAACE,EAAA,CACC,UAAU,wGACV,KAAMM,EAAY,CAChB,OAAQ2B,EAAK,MAAM,OACnB,OAAArB,EACA,aAAcqB,EAAK,MAAM,YAC3B,CAAC,EACH,GACF,GACF,IA7CKA,EAAK,EA8CZ,CACD,EACH,GACF,EAzDkC,IA2DtC,EAEA,IAAOC,EAAQ1B,EAAWG,CAAe",
-  "names": ["jsx", "jsxs", "Text", "Picture", "Checkbox", "cn", "useMemo", "useBizProductContext", "formatPrice", "useAiuiContext", "withLayout", "useFollowTooltip", "FollowTooltip", "ProductFreeGift", "locale", "tooltip", "getTooltipProps", "freeGift", "checkedGift", "setCheckedGift", "setCheckedBundle", "setSavingDetail", "savingDetail", "setJoinedRecommendBuyProducts", "joinedRecommendBuyProducts", "setAddOrder", "title", "giftList", "freeLabel", "availableGifts", "item", "handleCheckboxClick", "value", "prev", "t", "gift", "ProductFreeGift_default"]
-}