@anker-in/headless-ui 1.3.62 → 1.3.63

package/dist/cjs/biz-components/BuyOneGetOneShelf/ProductCard.d.ts

@@ -25,6 +25,8 @@ export interface ProductCardProps extends React.HTMLAttributes<HTMLDivElement> {
     onLearnMore?: (product: ProductCardData, selectedGifts: FreeGift[]) => void;
     /** Shop Now 点击回调 */
     onShopNow?: (product: ProductCardData, selectedGifts: FreeGift[]) => void;
+    /** 加入购物车回调 */
+    onAddToCart?: (product: ProductCardData, selectedGifts: FreeGift[]) => void;
     /** 赠品点击回调 */
     onGiftClick?: (gift: FreeGift, selectedGifts: FreeGift[]) => void;
     /** 赠品选择变化回调 */

package/dist/cjs/biz-components/BuyOneGetOneShelf/ProductCard.js

@@ -1,2 +1,2 @@
-"use strict";"use client";var Z=Object.create;var h=Object.defineProperty;var D=Object.getOwnPropertyDescriptor;var ee=Object.getOwnPropertyNames;var te=Object.getPrototypeOf,re=Object.prototype.hasOwnProperty;var oe=(e,t)=>{for(var o in t)h(e,o,{get:t[o],enumerable:!0})},F=(e,t,o,s)=>{if(t&&typeof t=="object"||typeof t=="function")for(let a of ee(t))!re.call(e,a)&&a!==o&&h(e,a,{get:()=>t[a],enumerable:!(s=D(t,a))||s.enumerable});return e};var c=(e,t,o)=>(o=e!=null?Z(te(e)):{},F(t||!e||!e.__esModule?h(o,"default",{value:e,enumerable:!0}):o,e)),ne=e=>F(h({},"__esModule",{value:!0}),e);var le={};oe(le,{default:()=>ie});module.exports=ne(le);var i=require("react/jsx-runtime"),l=c(require("react")),S=require("../../helpers/index.js"),M=c(require("./ProductImage.js")),O=c(require("./ProductInfo.js")),I=c(require("./GiftSelection.js")),T=c(require("./PriceAndActions.js")),R=require("./context.js");const N=l.forwardRef(({productData:e,gifts:t=[],giftType:o=1,selectedGiftSku:s,sceneImages:a,tags:H,layout:B,className:j,onProductClick:x,onProductImageClick:b,onLearnMore:z,onShopNow:A,onGiftClick:C,onGiftSelectionChange:E,classNames:k,soldOutText:W,renderOriginalPrice:V,..._},$)=>{const{layout:q,theme:J}=l.useContext(R.BuyOneGetOneShelfContext),G=B??q,[K,y]=l.useState(!1),[Q,g]=l.useState(!1),[w,f]=l.useState(()=>!t||t.length===0?[]:o===2?t.map(r=>r.id):[t[0].id]),u=l.useMemo(()=>t?t.map(r=>({...r,selected:w.includes(r.id)})):[],[t,w]);l.useEffect(()=>{if(!t||t.length===0){f([]);return}f(o===2?t.map(r=>r.id):r=>{const n=r[0];return n&&t.some(P=>P.id===n)?[n]:[t[0].id]})},[t,o]);const m=l.useMemo(()=>({...e,gifts:t,gift_type:o}),[e,t,o]),U=r=>{if(o===2){const n=u.filter(d=>d.selected);C?.(r,n);return}f(()=>{const n=[r.id],d=t?.filter(P=>n.includes(P.id))||[];return C?.(r,d),E?.(d,m),n})},p=!!(b??x),v=`/products/${e.handle}`,L=()=>{(b??x)?.(m)},X=async()=>{const r=u.filter(n=>n.selected);y(!0);try{await z?.(m,r)}finally{y(!1)}},Y=async()=>{const r=u.filter(n=>n.selected);g(!0);try{await A?.(m,r)}finally{g(!1)}};return(0,i.jsxs)("div",{ref:$,className:(0,S.cn)("bg-container-primary rounded-box flex  items-stretch overflow-hidden",G==="horizontal"?["laptop:flex-row lg-desktop:min-h-[560px] desktop:min-h-[448px] tablet:min-h-[526px] min-h-[610px] flex-col","laptop:col-span-2"]:["flex-col justify-between"],j),..._,children:[(0,i.jsx)(M.default,{images:a,name:e.name,layout:G,tags:e.tags||H,onClick:p?L:void 0,href:p?void 0:v}),(0,i.jsx)("div",{className:(0,S.cn)("bg-container-primary desktop:p-6 flex flex-col justify-between p-4",G==="horizontal"?["rounded-r-box laptop:rounded-r-box tablet:rounded-b-box tablet:rounded-l-none","laptop:basis-[39.1%]","desktop:basis-[42.1%]","lg-desktop:basis-[42.1%]","shrink-0"]:["rounded-b-box","w-full","grow"]),children:(0,i.jsxs)("div",{className:"flex flex-1 flex-col justify-between gap-6",children:[(0,i.jsx)(O.default,{name:e.name,onClick:p?L:void 0,href:p?void 0:v,description:e.description,classNames:k}),(0,i.jsx)(I.default,{freeGiftLabel:e.freeGiftLabel,freeGifts:u,onGiftClick:U,giftType:o,selectedGiftSku:s,theme:J}),(0,i.jsx)(T.default,{currentPrice:e.currentPrice??"",originalPrice:e.originalPrice,priceLabel:e.priceLabel,learnMoreText:e.learnMoreText,shopNowText:e.shopNowText,soldOutText:W,onLearnMore:X,onShopNow:Y,availableForSale:e.availableForSale,learnMoreLoading:K,shopNowLoading:Q,trackingTitle:e.name,trackingDescription:e.description,trackingSku:e.sku,classNames:k,renderOriginalPrice:V})]})})]})});N.displayName="BuyOneGetOneShelf.ProductCard";var ie=N;
+"use strict";"use client";var te=Object.create;var h=Object.defineProperty;var re=Object.getOwnPropertyDescriptor;var oe=Object.getOwnPropertyNames;var ne=Object.getPrototypeOf,ie=Object.prototype.hasOwnProperty;var ae=(e,t)=>{for(var r in t)h(e,r,{get:t[r],enumerable:!0})},v=(e,t,r,f)=>{if(t&&typeof t=="object"||typeof t=="function")for(let d of oe(t))!ie.call(e,d)&&d!==r&&h(e,d,{get:()=>t[d],enumerable:!(f=re(t,d))||f.enumerable});return e};var u=(e,t,r)=>(r=e!=null?te(ne(e)):{},v(t||!e||!e.__esModule?h(r,"default",{value:e,enumerable:!0}):r,e)),le=e=>v(h({},"__esModule",{value:!0}),e);var ce={};ae(ce,{default:()=>de});module.exports=le(ce);var a=require("react/jsx-runtime"),l=u(require("react")),b=require("../../helpers/index.js"),L=u(require("./ProductImage.js")),M=u(require("./ProductInfo.js")),O=u(require("./GiftSelection.js")),T=u(require("./PriceAndActions.js")),I=require("./context.js");const N=l.forwardRef(({productData:e,gifts:t=[],giftType:r=1,selectedGiftSku:f,sceneImages:d,tags:B,layout:R,className:H,onProductClick:S,onProductImageClick:x,onLearnMore:A,onShopNow:j,onAddToCart:z,onGiftClick:C,onGiftSelectionChange:E,classNames:y,soldOutText:W,renderOriginalPrice:V,..._},$)=>{const{layout:q,theme:J}=l.useContext(I.BuyOneGetOneShelfContext),G=R??q,[K,Q]=l.useState(!1),[U,X]=l.useState(!1),[k,m]=l.useState(()=>!t||t.length===0?[]:r===2?t.map(o=>o.id):[t[0].id]),P=l.useMemo(()=>t?t.map(o=>({...o,selected:k.includes(o.id)})):[],[t,k]);l.useEffect(()=>{if(!t||t.length===0){m([]);return}m(r===2?t.map(o=>o.id):o=>{const n=o[0];return n&&t.some(c=>c.id===n)?[n]:[t[0].id]})},[t,r]);const s=l.useMemo(()=>({...e,gifts:t,gift_type:r}),[e,t,r]),Y=o=>{if(r===2){const n=P.filter(i=>i.selected);C?.(o,n);return}m(()=>{const n=[o.id],i=t?.filter(c=>n.includes(c.id))||[];return C?.(o,i),E?.(i,s),n})},p=!!(x??S),w=`/products/${e.handle}`,F=()=>{(x??S)?.(s)},g=async(o,n)=>{const i=P.filter(ee=>ee.selected),c=n==="primary"?X:Q;c(!0);try{switch(o){case"buyNow":await j?.(s,i);break;case"addCart":await z?.(s,i);break;case"learnMore":await A?.(s,i);break}}finally{c(!1)}},Z=e.learnMoreFun??"learnMore",D=e.shopNowFun??"buyNow";return(0,a.jsxs)("div",{ref:$,className:(0,b.cn)("bg-container-primary rounded-box flex  items-stretch overflow-hidden",G==="horizontal"?["laptop:flex-row lg-desktop:min-h-[560px] desktop:min-h-[448px] tablet:min-h-[526px] min-h-[610px] flex-col","laptop:col-span-2"]:["flex-col justify-between"],H),..._,children:[(0,a.jsx)(L.default,{images:d,name:e.name,layout:G,tags:e.tags||B,onClick:p?F:void 0,href:p?void 0:w}),(0,a.jsx)("div",{className:(0,b.cn)("bg-container-primary desktop:p-6 flex flex-col justify-between p-4",G==="horizontal"?["rounded-r-box laptop:rounded-r-box tablet:rounded-b-box tablet:rounded-l-none","laptop:basis-[39.1%]","desktop:basis-[42.1%]","lg-desktop:basis-[42.1%]","shrink-0"]:["rounded-b-box","w-full","grow"]),children:(0,a.jsxs)("div",{className:"flex flex-1 flex-col justify-between gap-6",children:[(0,a.jsx)(M.default,{name:e.name,onClick:p?F:void 0,href:p?void 0:w,description:e.description,classNames:y}),(0,a.jsx)(O.default,{freeGiftLabel:e.freeGiftLabel,freeGifts:P,onGiftClick:Y,giftType:r,selectedGiftSku:f,theme:J}),(0,a.jsx)(T.default,{currentPrice:e.currentPrice??"",originalPrice:e.originalPrice,priceLabel:e.priceLabel,learnMoreText:e.learnMoreText,shopNowText:e.shopNowText,soldOutText:W,onLearnMore:()=>g(Z,"secondary"),onShopNow:()=>g(D,"primary"),availableForSale:e.availableForSale,learnMoreLoading:K,shopNowLoading:U,trackingTitle:e.name,trackingDescription:e.description,trackingSku:e.sku,classNames:y,renderOriginalPrice:V})]})})]})});N.displayName="BuyOneGetOneShelf.ProductCard";var de=N;
 //# sourceMappingURL=ProductCard.js.map

package/dist/cjs/biz-components/BuyOneGetOneShelf/ProductCard.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/biz-components/BuyOneGetOneShelf/ProductCard.tsx"],
-  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport { cn } from '../../helpers/index.js'\nimport ProductImage from './ProductImage.js'\nimport ProductInfo from './ProductInfo.js'\nimport GiftSelection from './GiftSelection.js'\nimport PriceAndActions from './PriceAndActions.js'\nimport { BuyOneGetOneShelfContext } from './context.js'\nimport type {\n  FreeGift,\n  FreeGiftWithSelection,\n  ProductCardData,\n  PureProductData,\n  ProductTag,\n  BuyOneGetOneShelfProductCardSemanticName,\n} from './types.js'\n\nexport interface ProductCardProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** \u4EA7\u54C1\u6570\u636E\uFF08\u4E0D\u5305\u542B\u8D60\u54C1\u4FE1\u606F\uFF09 */\n  productData: PureProductData\n  /** \u8D60\u54C1\u5217\u8868 */\n  gifts?: FreeGift[]\n  /** \u8D60\u54C1\u7C7B\u578B 1-> \u8D60\u9001\u5176\u4E2D\u4E00\u4E2A\u8D60\u54C1\uFF0C 2 -> \u8D60\u9001\u6240\u6709\u8D60\u54C1 */\n  giftType?: 1 | 2\n  /** \u573A\u666F\u56FE\u7247 */\n  sceneImages: any\n  /** \u4EA7\u54C1\u6807\u7B7E */\n  tags?: ProductTag[]\n  /** \u5F53\u524D\u9009\u4E2D\u7684\u8D60\u54C1SKU\uFF08\u53D7\u63A7\u7EC4\u4EF6\uFF09 */\n  selectedGiftSku?: string\n  /** @deprecated Layout is now automatically inferred by Root based on children count. */\n  layout?: 'horizontal' | 'vertical'\n  classNames?: Partial<Record<BuyOneGetOneShelfProductCardSemanticName, string>>\n  soldOutText?: string\n  /** @deprecated Use `onProductImageClick` instead. */\n  onProductClick?: (product: ProductCardData) => void\n  /** \u4EA7\u54C1\u56FE\u7247\u70B9\u51FB\u56DE\u8C03 */\n  onProductImageClick?: (product: ProductCardData) => void\n  /** Learn More \u70B9\u51FB\u56DE\u8C03 */\n  onLearnMore?: (product: ProductCardData, selectedGifts: FreeGift[]) => void\n  /** Shop Now \u70B9\u51FB\u56DE\u8C03 */\n  onShopNow?: (product: ProductCardData, selectedGifts: FreeGift[]) => void\n  /** \u8D60\u54C1\u70B9\u51FB\u56DE\u8C03 */\n  onGiftClick?: (gift: FreeGift, selectedGifts: FreeGift[]) => void\n  /** \u8D60\u54C1\u9009\u62E9\u53D8\u5316\u56DE\u8C03 */\n  onGiftSelectionChange?: (selectedGifts: FreeGift[], product: ProductCardData) => void\n  /** \u9009\u4E2D\u8D60\u54C1SKU\u53D8\u5316\u56DE\u8C03\uFF08\u53D7\u63A7\u7EC4\u4EF6\uFF09 */\n  onSelectedGiftSkuChange?: (selectedSku: string | null) => void\n  /**\n   * \u539F\u4EF7\u533A\u57DF\u6E32\u67D3\u51FD\u6570\uFF0C\u7528\u4E8E\u5728\u539F\u4EF7\u4F4D\u7F6E\u5C55\u793A\u81EA\u5B9A\u4E49\u5185\u5BB9\uFF08\u5982 Save \u91D1\u989D\u6587\u6848\uFF09\u3002\n   * \u4E0D\u4F20\u65F6\u4F7F\u7528\u9ED8\u8BA4\u7684\u539F\u4EF7\u6E32\u67D3\uFF08\u5212\u7EBF\u4EF7\uFF09\u3002\n   * @param originalPrice - \u683C\u5F0F\u5316\u540E\u7684\u539F\u4EF7\u6587\u672C\n   */\n  renderOriginalPrice?: (originalPrice: string | undefined) => React.ReactNode\n}\n\n/**\n * ProductCard - \u4E70\u8D60\u8D27\u67B6\u4EA7\u54C1\u5361\u7247\n *\n * @description \u7528\u4E8E\u4E70\u4E00\u8D60\u4E00\u6D3B\u52A8\u7684\u4EA7\u54C1\u5C55\u793A\u5361\u7247\uFF0C\u5DE6\u4FA7\u5C55\u793A\u4EA7\u54C1\u56FE\u7247\u548C\u6807\u7B7E\uFF0C\u53F3\u4FA7\u5C55\u793A\u4EA7\u54C1\u4FE1\u606F\u3001\u8D60\u54C1\u548C\u8D2D\u4E70\u6309\u94AE\n */\nconst ProductCard = React.forwardRef<HTMLDivElement, ProductCardProps>(\n  (\n    {\n      productData,\n      gifts = [],\n      giftType = 1,\n      selectedGiftSku,\n      sceneImages,\n      tags,\n      layout: layoutProp,\n      className,\n      onProductClick,\n      onProductImageClick,\n      onLearnMore,\n      onShopNow,\n      onGiftClick,\n      onGiftSelectionChange,\n      classNames,\n      soldOutText,\n      renderOriginalPrice,\n      ...props\n    },\n    ref\n  ) => {\n    const { layout: contextLayout, theme } = React.useContext(BuyOneGetOneShelfContext)\n    const layout = layoutProp ?? contextLayout\n\n    const [learnMoreLoading, setLearnMoreLoading] = React.useState(false)\n    const [shopNowLoading, setShopNowLoading] = React.useState(false)\n\n    // \u5185\u90E8\u72B6\u6001\u7BA1\u7406\u8D60\u54C1\u7684\u9009\u62E9\u72B6\u6001 - \u4F7F\u7528\u9009\u4E2D\u7684ID\u6570\u7EC4\u800C\u4E0D\u662F\u4FEE\u6539gift\u5BF9\u8C61\n    const [selectedGiftIds, setSelectedGiftIds] = React.useState<string[]>(() => {\n      if (!gifts || gifts.length === 0) return []\n\n      if (giftType === 2) {\n        // gift_type 2 (\u5168\u9009\u6A21\u5F0F) - \u9009\u4E2D\u6240\u6709\u8D60\u54C1\n        return gifts.map((gift: FreeGift) => gift.id)\n      } else {\n        // gift_type 1 (\u5355\u9009\u6A21\u5F0F) - \u9ED8\u8BA4\u9009\u4E2D\u7B2C\u4E00\u4E2A\u8D60\u54C1\n        return [gifts[0].id]\n      }\n    })\n\n    // \u751F\u6210\u5E26\u6709\u9009\u62E9\u72B6\u6001\u7684\u8D60\u54C1\u5217\u8868\u7528\u4E8E\u6E32\u67D3\n    const giftsWithSelection = React.useMemo(() => {\n      if (!gifts) return []\n\n      return gifts.map((gift: FreeGift) => ({\n        ...gift,\n        selected: selectedGiftIds.includes(gift.id),\n      }))\n    }, [gifts, selectedGiftIds])\n\n    // \u5F53 gifts \u6216 giftType \u66F4\u65B0\u65F6\uFF0C\u540C\u6B65\u66F4\u65B0\u5185\u90E8\u72B6\u6001\n    React.useEffect(() => {\n      if (!gifts || gifts.length === 0) {\n        setSelectedGiftIds([])\n        return\n      }\n\n      if (giftType === 2) {\n        // gift_type 2 (\u5168\u9009\u6A21\u5F0F) - \u9009\u4E2D\u6240\u6709\u8D60\u54C1\n        setSelectedGiftIds(gifts.map((gift: FreeGift) => gift.id))\n      } else {\n        // gift_type 1 (\u5355\u9009\u6A21\u5F0F) - \u667A\u80FD\u72B6\u6001\u7BA1\u7406\n        setSelectedGiftIds(prevSelectedIds => {\n          // \u68C0\u67E5\u5F53\u524D\u9009\u4E2D\u7684\u793C\u54C1\u662F\u5426\u4ECD\u7136\u5B58\u5728\u4E8E\u65B0\u7684 gifts \u5217\u8868\u4E2D\n          const currentSelectedId = prevSelectedIds[0]\n          const isCurrentSelectionValid =\n            currentSelectedId && gifts.some((gift: FreeGift) => gift.id === currentSelectedId)\n\n          // \u5982\u679C\u5F53\u524D\u9009\u4E2D\u72B6\u6001\u4ECD\u7136\u6709\u6548\uFF0C\u4FDD\u6301\u4E0D\u53D8\uFF1B\u5426\u5219\u9ED8\u8BA4\u9009\u4E2D\u7B2C\u4E00\u4E2A\n          return isCurrentSelectionValid ? [currentSelectedId] : [gifts[0].id]\n        })\n      }\n    }, [gifts, giftType])\n\n    // \u6784\u9020\u5B8C\u6574\u7684\u4EA7\u54C1\u6570\u636E\u7528\u4E8E\u56DE\u8C03\n    const fullProductData: ProductCardData = React.useMemo(\n      () => ({\n        ...productData,\n        gifts,\n        gift_type: giftType,\n      }),\n      [productData, gifts, giftType]\n    )\n\n    const handleGiftClick = (gift: FreeGift) => {\n      // gift_type 2 (\u5168\u9009\u6A21\u5F0F) - \u4E0D\u5141\u8BB8\u53D6\u6D88\u9009\u62E9\uFF0C\u76F4\u63A5\u8FD4\u56DE\n      if (giftType === 2) {\n        // \u83B7\u53D6\u5F53\u524D\u6240\u6709\u9009\u4E2D\u7684gifts\u4F5C\u4E3A\u7B2C\u4E8C\u4E2A\u53C2\u6570\n        const currentSelectedGifts = giftsWithSelection.filter((g: FreeGiftWithSelection) => g.selected)\n        onGiftClick?.(gift, currentSelectedGifts)\n        return\n      }\n\n      // gift_type 1 (\u5355\u9009\u6A21\u5F0F)\n      setSelectedGiftIds(() => {\n        const newSelectedIds = [gift.id] // \u5355\u9009\uFF1A\u59CB\u7EC8\u9009\u4E2D\u5F53\u524D\u9879\uFF0C\u70B9\u51FB\u5DF2\u9009\u4E2D\u9879\u4FDD\u6301\u72B6\u6001\uFF0C\u70B9\u51FB\u672A\u9009\u4E2D\u9879\u5207\u6362\u5230\u8BE5\u9879\n\n        // \u8BA1\u7B97\u65B0\u7684\u9009\u4E2Dgifts\u4F5C\u4E3A\u7B2C\u4E8C\u4E2A\u53C2\u6570\u4F20\u9012\u7ED9\u56DE\u8C03\n        const newSelectedGifts = gifts?.filter((g: FreeGift) => newSelectedIds.includes(g.id)) || []\n\n        // \u8C03\u7528\u56DE\u8C03\u51FD\u6570\uFF0C\u7B2C\u4E8C\u4E2A\u53C2\u6570\u662F\u5F53\u524D\u9009\u4E2D\u7684gifts\n        onGiftClick?.(gift, newSelectedGifts)\n        onGiftSelectionChange?.(newSelectedGifts, fullProductData)\n\n        return newSelectedIds\n      })\n    }\n\n    const hasClickHandler = !!(onProductImageClick ?? onProductClick)\n    const productHref = `/products/${productData.handle}`\n\n    const handleProductImageClick = () => {\n      const callback = onProductImageClick ?? onProductClick\n      callback?.(fullProductData)\n    }\n\n    const handleLearnMoreClick = async () => {\n      const selectedGifts = giftsWithSelection.filter(gift => gift.selected)\n      setLearnMoreLoading(true)\n      try {\n        await onLearnMore?.(fullProductData, selectedGifts)\n      } finally {\n        setLearnMoreLoading(false)\n      }\n    }\n\n    const handleShopNowClick = async () => {\n      const selectedGifts = giftsWithSelection.filter(gift => gift.selected)\n      setShopNowLoading(true)\n      try {\n        await onShopNow?.(fullProductData, selectedGifts)\n      } finally {\n        setShopNowLoading(false)\n      }\n    }\n\n    return (\n      <div\n        ref={ref}\n        className={cn(\n          'bg-container-primary rounded-box flex  items-stretch overflow-hidden',\n          // \u6839\u636E\u5E03\u5C40\u6A21\u5F0F\u8C03\u6574\u5BB9\u5668\n          layout === 'horizontal'\n            ? [\n                'laptop:flex-row lg-desktop:min-h-[560px] desktop:min-h-[448px] tablet:min-h-[526px] min-h-[610px] flex-col',\n                'laptop:col-span-2',\n              ]\n            : ['flex-col justify-between'],\n          className\n        )}\n        {...props}\n      >\n        {/* \u4EA7\u54C1\u56FE\u7247\u533A\u57DF */}\n        <ProductImage\n          images={sceneImages}\n          name={productData.name}\n          layout={layout}\n          tags={productData.tags || tags}\n          onClick={hasClickHandler ? handleProductImageClick : undefined}\n          href={hasClickHandler ? undefined : productHref}\n        />\n\n        {/* \u4EA7\u54C1\u4FE1\u606F\u533A\u57DF */}\n        <div\n          className={cn(\n            'bg-container-primary desktop:p-6 flex flex-col justify-between p-4',\n            // \u6839\u636E\u5E03\u5C40\u6A21\u5F0F\u8C03\u6574\u5706\u89D2\u548C\u5C3A\u5BF8\n            layout === 'horizontal'\n              ? [\n                  'rounded-r-box laptop:rounded-r-box tablet:rounded-b-box tablet:rounded-l-none',\n                  // \u4F7F\u7528 flex-basis \u8BBE\u7F6E\u5BBD\u5EA6\u6BD4\u4F8B\n                  'laptop:basis-[39.1%]', // 360px / 921px \u2248 39.1%\n                  'desktop:basis-[42.1%]', // 552px / 1312px \u2248 42.1%\n                  'lg-desktop:basis-[42.1%]', // 700px / 1664px \u2248 42.1%\n                  'shrink-0',\n                ]\n              : ['rounded-b-box', 'w-full', 'grow']\n          )}\n        >\n          <div className=\"flex flex-1 flex-col justify-between gap-6\">\n            {/* \u4EA7\u54C1\u6807\u9898\u548C\u63CF\u8FF0 */}\n            <ProductInfo\n              name={productData.name}\n              onClick={hasClickHandler ? handleProductImageClick : undefined}\n              href={hasClickHandler ? undefined : productHref}\n              description={productData.description}\n              classNames={classNames}\n            />\n\n            {/* \u514D\u8D39\u8D60\u54C1\u533A\u57DF */}\n            <GiftSelection\n              freeGiftLabel={productData.freeGiftLabel}\n              freeGifts={giftsWithSelection}\n              onGiftClick={handleGiftClick}\n              giftType={giftType}\n              selectedGiftSku={selectedGiftSku}\n              theme={theme}\n            />\n            <PriceAndActions\n              currentPrice={productData.currentPrice ?? ''}\n              originalPrice={productData.originalPrice}\n              priceLabel={productData.priceLabel}\n              learnMoreText={productData.learnMoreText}\n              shopNowText={productData.shopNowText}\n              soldOutText={soldOutText}\n              onLearnMore={handleLearnMoreClick}\n              onShopNow={handleShopNowClick}\n              availableForSale={productData.availableForSale}\n              learnMoreLoading={learnMoreLoading}\n              shopNowLoading={shopNowLoading}\n              trackingTitle={productData.name}\n              trackingDescription={productData.description}\n              trackingSku={productData.sku}\n              classNames={classNames}\n              renderOriginalPrice={renderOriginalPrice}\n            />\n          </div>\n        </div>\n      </div>\n    )\n  }\n)\n\nProductCard.displayName = 'BuyOneGetOneShelf.ProductCard'\n\nexport default ProductCard\n"],
-  "mappings": "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",
-  "names": ["ProductCard_exports", "__export", "ProductCard_default", "__toCommonJS", "import_jsx_runtime", "React", "import_helpers", "import_ProductImage", "import_ProductInfo", "import_GiftSelection", "import_PriceAndActions", "import_context", "ProductCard", "productData", "gifts", "giftType", "selectedGiftSku", "sceneImages", "tags", "layoutProp", "className", "onProductClick", "onProductImageClick", "onLearnMore", "onShopNow", "onGiftClick", "onGiftSelectionChange", "classNames", "soldOutText", "renderOriginalPrice", "props", "ref", "contextLayout", "theme", "layout", "learnMoreLoading", "setLearnMoreLoading", "shopNowLoading", "setShopNowLoading", "selectedGiftIds", "setSelectedGiftIds", "gift", "giftsWithSelection", "prevSelectedIds", "currentSelectedId", "fullProductData", "handleGiftClick", "currentSelectedGifts", "g", "newSelectedIds", "newSelectedGifts", "hasClickHandler", "productHref", "handleProductImageClick", "handleLearnMoreClick", "selectedGifts", "handleShopNowClick", "ProductImage", "ProductInfo", "GiftSelection", "PriceAndActions"]
+  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport { cn } from '../../helpers/index.js'\nimport ProductImage from './ProductImage.js'\nimport ProductInfo from './ProductInfo.js'\nimport GiftSelection from './GiftSelection.js'\nimport PriceAndActions from './PriceAndActions.js'\nimport { BuyOneGetOneShelfContext } from './context.js'\nimport type {\n  FreeGift,\n  FreeGiftWithSelection,\n  ProductCardData,\n  PureProductData,\n  ProductTag,\n  ButtonFunctionType,\n  BuyOneGetOneShelfProductCardSemanticName,\n} from './types.js'\n\nexport interface ProductCardProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** \u4EA7\u54C1\u6570\u636E\uFF08\u4E0D\u5305\u542B\u8D60\u54C1\u4FE1\u606F\uFF09 */\n  productData: PureProductData\n  /** \u8D60\u54C1\u5217\u8868 */\n  gifts?: FreeGift[]\n  /** \u8D60\u54C1\u7C7B\u578B 1-> \u8D60\u9001\u5176\u4E2D\u4E00\u4E2A\u8D60\u54C1\uFF0C 2 -> \u8D60\u9001\u6240\u6709\u8D60\u54C1 */\n  giftType?: 1 | 2\n  /** \u573A\u666F\u56FE\u7247 */\n  sceneImages: any\n  /** \u4EA7\u54C1\u6807\u7B7E */\n  tags?: ProductTag[]\n  /** \u5F53\u524D\u9009\u4E2D\u7684\u8D60\u54C1SKU\uFF08\u53D7\u63A7\u7EC4\u4EF6\uFF09 */\n  selectedGiftSku?: string\n  /** @deprecated Layout is now automatically inferred by Root based on children count. */\n  layout?: 'horizontal' | 'vertical'\n  classNames?: Partial<Record<BuyOneGetOneShelfProductCardSemanticName, string>>\n  soldOutText?: string\n  /** @deprecated Use `onProductImageClick` instead. */\n  onProductClick?: (product: ProductCardData) => void\n  /** \u4EA7\u54C1\u56FE\u7247\u70B9\u51FB\u56DE\u8C03 */\n  onProductImageClick?: (product: ProductCardData) => void\n  /** Learn More \u70B9\u51FB\u56DE\u8C03 */\n  onLearnMore?: (product: ProductCardData, selectedGifts: FreeGift[]) => void\n  /** Shop Now \u70B9\u51FB\u56DE\u8C03 */\n  onShopNow?: (product: ProductCardData, selectedGifts: FreeGift[]) => void\n  /** \u52A0\u5165\u8D2D\u7269\u8F66\u56DE\u8C03 */\n  onAddToCart?: (product: ProductCardData, selectedGifts: FreeGift[]) => void\n  /** \u8D60\u54C1\u70B9\u51FB\u56DE\u8C03 */\n  onGiftClick?: (gift: FreeGift, selectedGifts: FreeGift[]) => void\n  /** \u8D60\u54C1\u9009\u62E9\u53D8\u5316\u56DE\u8C03 */\n  onGiftSelectionChange?: (selectedGifts: FreeGift[], product: ProductCardData) => void\n  /** \u9009\u4E2D\u8D60\u54C1SKU\u53D8\u5316\u56DE\u8C03\uFF08\u53D7\u63A7\u7EC4\u4EF6\uFF09 */\n  onSelectedGiftSkuChange?: (selectedSku: string | null) => void\n  /**\n   * \u539F\u4EF7\u533A\u57DF\u6E32\u67D3\u51FD\u6570\uFF0C\u7528\u4E8E\u5728\u539F\u4EF7\u4F4D\u7F6E\u5C55\u793A\u81EA\u5B9A\u4E49\u5185\u5BB9\uFF08\u5982 Save \u91D1\u989D\u6587\u6848\uFF09\u3002\n   * \u4E0D\u4F20\u65F6\u4F7F\u7528\u9ED8\u8BA4\u7684\u539F\u4EF7\u6E32\u67D3\uFF08\u5212\u7EBF\u4EF7\uFF09\u3002\n   * @param originalPrice - \u683C\u5F0F\u5316\u540E\u7684\u539F\u4EF7\u6587\u672C\n   */\n  renderOriginalPrice?: (originalPrice: string | undefined) => React.ReactNode\n}\n\n/**\n * ProductCard - \u4E70\u8D60\u8D27\u67B6\u4EA7\u54C1\u5361\u7247\n *\n * @description \u7528\u4E8E\u4E70\u4E00\u8D60\u4E00\u6D3B\u52A8\u7684\u4EA7\u54C1\u5C55\u793A\u5361\u7247\uFF0C\u5DE6\u4FA7\u5C55\u793A\u4EA7\u54C1\u56FE\u7247\u548C\u6807\u7B7E\uFF0C\u53F3\u4FA7\u5C55\u793A\u4EA7\u54C1\u4FE1\u606F\u3001\u8D60\u54C1\u548C\u8D2D\u4E70\u6309\u94AE\n */\nconst ProductCard = React.forwardRef<HTMLDivElement, ProductCardProps>(\n  (\n    {\n      productData,\n      gifts = [],\n      giftType = 1,\n      selectedGiftSku,\n      sceneImages,\n      tags,\n      layout: layoutProp,\n      className,\n      onProductClick,\n      onProductImageClick,\n      onLearnMore,\n      onShopNow,\n      onAddToCart,\n      onGiftClick,\n      onGiftSelectionChange,\n      classNames,\n      soldOutText,\n      renderOriginalPrice,\n      ...props\n    },\n    ref\n  ) => {\n    const { layout: contextLayout, theme } = React.useContext(BuyOneGetOneShelfContext)\n    const layout = layoutProp ?? contextLayout\n\n    const [learnMoreLoading, setLearnMoreLoading] = React.useState(false)\n    const [shopNowLoading, setShopNowLoading] = React.useState(false)\n\n    // \u5185\u90E8\u72B6\u6001\u7BA1\u7406\u8D60\u54C1\u7684\u9009\u62E9\u72B6\u6001 - \u4F7F\u7528\u9009\u4E2D\u7684ID\u6570\u7EC4\u800C\u4E0D\u662F\u4FEE\u6539gift\u5BF9\u8C61\n    const [selectedGiftIds, setSelectedGiftIds] = React.useState<string[]>(() => {\n      if (!gifts || gifts.length === 0) return []\n\n      if (giftType === 2) {\n        // gift_type 2 (\u5168\u9009\u6A21\u5F0F) - \u9009\u4E2D\u6240\u6709\u8D60\u54C1\n        return gifts.map((gift: FreeGift) => gift.id)\n      } else {\n        // gift_type 1 (\u5355\u9009\u6A21\u5F0F) - \u9ED8\u8BA4\u9009\u4E2D\u7B2C\u4E00\u4E2A\u8D60\u54C1\n        return [gifts[0].id]\n      }\n    })\n\n    // \u751F\u6210\u5E26\u6709\u9009\u62E9\u72B6\u6001\u7684\u8D60\u54C1\u5217\u8868\u7528\u4E8E\u6E32\u67D3\n    const giftsWithSelection = React.useMemo(() => {\n      if (!gifts) return []\n\n      return gifts.map((gift: FreeGift) => ({\n        ...gift,\n        selected: selectedGiftIds.includes(gift.id),\n      }))\n    }, [gifts, selectedGiftIds])\n\n    // \u5F53 gifts \u6216 giftType \u66F4\u65B0\u65F6\uFF0C\u540C\u6B65\u66F4\u65B0\u5185\u90E8\u72B6\u6001\n    React.useEffect(() => {\n      if (!gifts || gifts.length === 0) {\n        setSelectedGiftIds([])\n        return\n      }\n\n      if (giftType === 2) {\n        // gift_type 2 (\u5168\u9009\u6A21\u5F0F) - \u9009\u4E2D\u6240\u6709\u8D60\u54C1\n        setSelectedGiftIds(gifts.map((gift: FreeGift) => gift.id))\n      } else {\n        // gift_type 1 (\u5355\u9009\u6A21\u5F0F) - \u667A\u80FD\u72B6\u6001\u7BA1\u7406\n        setSelectedGiftIds(prevSelectedIds => {\n          // \u68C0\u67E5\u5F53\u524D\u9009\u4E2D\u7684\u793C\u54C1\u662F\u5426\u4ECD\u7136\u5B58\u5728\u4E8E\u65B0\u7684 gifts \u5217\u8868\u4E2D\n          const currentSelectedId = prevSelectedIds[0]\n          const isCurrentSelectionValid =\n            currentSelectedId && gifts.some((gift: FreeGift) => gift.id === currentSelectedId)\n\n          // \u5982\u679C\u5F53\u524D\u9009\u4E2D\u72B6\u6001\u4ECD\u7136\u6709\u6548\uFF0C\u4FDD\u6301\u4E0D\u53D8\uFF1B\u5426\u5219\u9ED8\u8BA4\u9009\u4E2D\u7B2C\u4E00\u4E2A\n          return isCurrentSelectionValid ? [currentSelectedId] : [gifts[0].id]\n        })\n      }\n    }, [gifts, giftType])\n\n    // \u6784\u9020\u5B8C\u6574\u7684\u4EA7\u54C1\u6570\u636E\u7528\u4E8E\u56DE\u8C03\n    const fullProductData: ProductCardData = React.useMemo(\n      () => ({\n        ...productData,\n        gifts,\n        gift_type: giftType,\n      }),\n      [productData, gifts, giftType]\n    )\n\n    const handleGiftClick = (gift: FreeGift) => {\n      // gift_type 2 (\u5168\u9009\u6A21\u5F0F) - \u4E0D\u5141\u8BB8\u53D6\u6D88\u9009\u62E9\uFF0C\u76F4\u63A5\u8FD4\u56DE\n      if (giftType === 2) {\n        // \u83B7\u53D6\u5F53\u524D\u6240\u6709\u9009\u4E2D\u7684gifts\u4F5C\u4E3A\u7B2C\u4E8C\u4E2A\u53C2\u6570\n        const currentSelectedGifts = giftsWithSelection.filter((g: FreeGiftWithSelection) => g.selected)\n        onGiftClick?.(gift, currentSelectedGifts)\n        return\n      }\n\n      // gift_type 1 (\u5355\u9009\u6A21\u5F0F)\n      setSelectedGiftIds(() => {\n        const newSelectedIds = [gift.id] // \u5355\u9009\uFF1A\u59CB\u7EC8\u9009\u4E2D\u5F53\u524D\u9879\uFF0C\u70B9\u51FB\u5DF2\u9009\u4E2D\u9879\u4FDD\u6301\u72B6\u6001\uFF0C\u70B9\u51FB\u672A\u9009\u4E2D\u9879\u5207\u6362\u5230\u8BE5\u9879\n\n        // \u8BA1\u7B97\u65B0\u7684\u9009\u4E2Dgifts\u4F5C\u4E3A\u7B2C\u4E8C\u4E2A\u53C2\u6570\u4F20\u9012\u7ED9\u56DE\u8C03\n        const newSelectedGifts = gifts?.filter((g: FreeGift) => newSelectedIds.includes(g.id)) || []\n\n        // \u8C03\u7528\u56DE\u8C03\u51FD\u6570\uFF0C\u7B2C\u4E8C\u4E2A\u53C2\u6570\u662F\u5F53\u524D\u9009\u4E2D\u7684gifts\n        onGiftClick?.(gift, newSelectedGifts)\n        onGiftSelectionChange?.(newSelectedGifts, fullProductData)\n\n        return newSelectedIds\n      })\n    }\n\n    const hasClickHandler = !!(onProductImageClick ?? onProductClick)\n    const productHref = `/products/${productData.handle}`\n\n    const handleProductImageClick = () => {\n      const callback = onProductImageClick ?? onProductClick\n      callback?.(fullProductData)\n    }\n\n    const handleButtonClick = async (buttonFun: ButtonFunctionType, buttonType: 'primary' | 'secondary') => {\n      const selectedGifts = giftsWithSelection.filter(gift => gift.selected)\n      const setLoading = buttonType === 'primary' ? setShopNowLoading : setLearnMoreLoading\n      setLoading(true)\n      try {\n        switch (buttonFun) {\n          case 'buyNow':\n            await onShopNow?.(fullProductData, selectedGifts)\n            break\n          case 'addCart':\n            await onAddToCart?.(fullProductData, selectedGifts)\n            break\n          case 'learnMore':\n            await onLearnMore?.(fullProductData, selectedGifts)\n            break\n        }\n      } finally {\n        setLoading(false)\n      }\n    }\n\n    const learnMoreFun = productData.learnMoreFun ?? 'learnMore'\n    const shopNowFun = productData.shopNowFun ?? 'buyNow'\n\n    return (\n      <div\n        ref={ref}\n        className={cn(\n          'bg-container-primary rounded-box flex  items-stretch overflow-hidden',\n          // \u6839\u636E\u5E03\u5C40\u6A21\u5F0F\u8C03\u6574\u5BB9\u5668\n          layout === 'horizontal'\n            ? [\n                'laptop:flex-row lg-desktop:min-h-[560px] desktop:min-h-[448px] tablet:min-h-[526px] min-h-[610px] flex-col',\n                'laptop:col-span-2',\n              ]\n            : ['flex-col justify-between'],\n          className\n        )}\n        {...props}\n      >\n        {/* \u4EA7\u54C1\u56FE\u7247\u533A\u57DF */}\n        <ProductImage\n          images={sceneImages}\n          name={productData.name}\n          layout={layout}\n          tags={productData.tags || tags}\n          onClick={hasClickHandler ? handleProductImageClick : undefined}\n          href={hasClickHandler ? undefined : productHref}\n        />\n\n        {/* \u4EA7\u54C1\u4FE1\u606F\u533A\u57DF */}\n        <div\n          className={cn(\n            'bg-container-primary desktop:p-6 flex flex-col justify-between p-4',\n            // \u6839\u636E\u5E03\u5C40\u6A21\u5F0F\u8C03\u6574\u5706\u89D2\u548C\u5C3A\u5BF8\n            layout === 'horizontal'\n              ? [\n                  'rounded-r-box laptop:rounded-r-box tablet:rounded-b-box tablet:rounded-l-none',\n                  // \u4F7F\u7528 flex-basis \u8BBE\u7F6E\u5BBD\u5EA6\u6BD4\u4F8B\n                  'laptop:basis-[39.1%]', // 360px / 921px \u2248 39.1%\n                  'desktop:basis-[42.1%]', // 552px / 1312px \u2248 42.1%\n                  'lg-desktop:basis-[42.1%]', // 700px / 1664px \u2248 42.1%\n                  'shrink-0',\n                ]\n              : ['rounded-b-box', 'w-full', 'grow']\n          )}\n        >\n          <div className=\"flex flex-1 flex-col justify-between gap-6\">\n            {/* \u4EA7\u54C1\u6807\u9898\u548C\u63CF\u8FF0 */}\n            <ProductInfo\n              name={productData.name}\n              onClick={hasClickHandler ? handleProductImageClick : undefined}\n              href={hasClickHandler ? undefined : productHref}\n              description={productData.description}\n              classNames={classNames}\n            />\n\n            {/* \u514D\u8D39\u8D60\u54C1\u533A\u57DF */}\n            <GiftSelection\n              freeGiftLabel={productData.freeGiftLabel}\n              freeGifts={giftsWithSelection}\n              onGiftClick={handleGiftClick}\n              giftType={giftType}\n              selectedGiftSku={selectedGiftSku}\n              theme={theme}\n            />\n            <PriceAndActions\n              currentPrice={productData.currentPrice ?? ''}\n              originalPrice={productData.originalPrice}\n              priceLabel={productData.priceLabel}\n              learnMoreText={productData.learnMoreText}\n              shopNowText={productData.shopNowText}\n              soldOutText={soldOutText}\n              onLearnMore={() => handleButtonClick(learnMoreFun, 'secondary')}\n              onShopNow={() => handleButtonClick(shopNowFun, 'primary')}\n              availableForSale={productData.availableForSale}\n              learnMoreLoading={learnMoreLoading}\n              shopNowLoading={shopNowLoading}\n              trackingTitle={productData.name}\n              trackingDescription={productData.description}\n              trackingSku={productData.sku}\n              classNames={classNames}\n              renderOriginalPrice={renderOriginalPrice}\n            />\n          </div>\n        </div>\n      </div>\n    )\n  }\n)\n\nProductCard.displayName = 'BuyOneGetOneShelf.ProductCard'\n\nexport default ProductCard\n"],
+  "mappings": "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",
+  "names": ["ProductCard_exports", "__export", "ProductCard_default", "__toCommonJS", "import_jsx_runtime", "React", "import_helpers", "import_ProductImage", "import_ProductInfo", "import_GiftSelection", "import_PriceAndActions", "import_context", "ProductCard", "productData", "gifts", "giftType", "selectedGiftSku", "sceneImages", "tags", "layoutProp", "className", "onProductClick", "onProductImageClick", "onLearnMore", "onShopNow", "onAddToCart", "onGiftClick", "onGiftSelectionChange", "classNames", "soldOutText", "renderOriginalPrice", "props", "ref", "contextLayout", "theme", "layout", "learnMoreLoading", "setLearnMoreLoading", "shopNowLoading", "setShopNowLoading", "selectedGiftIds", "setSelectedGiftIds", "gift", "giftsWithSelection", "prevSelectedIds", "currentSelectedId", "fullProductData", "handleGiftClick", "currentSelectedGifts", "g", "newSelectedIds", "newSelectedGifts", "hasClickHandler", "productHref", "handleProductImageClick", "handleButtonClick", "buttonFun", "buttonType", "selectedGifts", "setLoading", "learnMoreFun", "shopNowFun", "ProductImage", "ProductInfo", "GiftSelection", "PriceAndActions"]
 }

package/dist/cjs/biz-components/BuyOneGetOneShelf/index.d.ts

@@ -5,4 +5,4 @@ declare const BuyOneGetOneShelf: {
     ProductCard: React.ForwardRefExoticComponent<import("./ProductCard.js").ProductCardProps & React.RefAttributes<HTMLDivElement>>;
 };
 export default BuyOneGetOneShelf;
-export type { FreeGift, FreeGiftWithSelection, ProductTag, BuyOneGetOneShelfSemanticName, BuyOneGetOneShelfRootSemanticName, BuyOneGetOneShelfProductCardSemanticName, ResponsiveImage, ResponsiveImages, BaseProductData, PureProductData, WithGiftData, ProductData, ProductCardData, CopyConfig, BogoItem, BuyOneGetOneShelfData, BuyOneGetOneShelfProps, BuyOneGetOneShelfCardProps, } from './types.js';
+export type { FreeGift, FreeGiftWithSelection, ProductTag, ButtonFunctionType, BuyOneGetOneShelfSemanticName, BuyOneGetOneShelfRootSemanticName, BuyOneGetOneShelfProductCardSemanticName, ResponsiveImage, ResponsiveImages, BaseProductData, PureProductData, WithGiftData, ProductData, ProductCardData, CopyConfig, BogoItem, BuyOneGetOneShelfData, BuyOneGetOneShelfProps, BuyOneGetOneShelfCardProps, } from './types.js';

package/dist/cjs/biz-components/BuyOneGetOneShelf/index.js

@@ -1,2 +1,2 @@
-"use strict";"use client";var k=Object.create;var d=Object.defineProperty;var z=Object.getOwnPropertyDescriptor;var w=Object.getOwnPropertyNames;var I=Object.getPrototypeOf,L=Object.prototype.hasOwnProperty;var T=(e,t)=>{for(var o in t)d(e,o,{get:t[o],enumerable:!0})},O=(e,t,o,i)=>{if(t&&typeof t=="object"||typeof t=="function")for(let n of w(t))!L.call(e,n)&&n!==o&&d(e,n,{get:()=>t[n],enumerable:!(i=z(t,n))||i.enumerable});return e};var R=(e,t,o)=>(o=e!=null?k(I(e)):{},O(t||!e||!e.__esModule?d(o,"default",{value:e,enumerable:!0}):o,e)),M=e=>O(d({},"__esModule",{value:!0}),e);var A={};T(A,{default:()=>W});module.exports=M(A);var r=require("react/jsx-runtime"),a=R(require("react")),s=require("../../helpers/index.js"),C=R(require("./ProductCard.js")),u=require("../../components/index.js"),N=require("./context.js"),S=require("../../hooks/useExposure.js");const H="shelf",V="buy_one_get_one_shelf";function x(e){return a.Children.toArray(e).flatMap(t=>a.isValidElement(t)&&t.type===a.Fragment?x(t.props.children):[t])}function _(e){return a.isValidElement(e)?e.props.layout??"horizontal":"horizontal"}function j(e,t){let o=0,i=0;for(let n=0;n<t;n++){const p=_(e[n])==="horizontal"?2:1;p===2&&o>0&&(o=0),o+=p,o===2&&(i=n+1,o=0)}return e.slice(0,i)}const v=a.forwardRef(({className:e,classNames:t={},theme:o,title:i,subtitle:n,children:p,viewMoreThreshold:y=4,viewMoreText:B="View More",viewLessText:G="View Less",...P},b)=>{const f=a.useRef(null),[c,E]=a.useState(!1);(0,S.useExposure)(f,{componentType:H,componentName:V,componentTitle:i,componentDescription:n}),a.useImperativeHandle(b,()=>f.current);const m=x(p),h=m.length>y,D=(h&&!c?j(m,y):m).map(l=>{if(!a.isValidElement(l))return l;const g=l.props;return g.layout==="horizontal"?a.cloneElement(l,{className:(0,s.cn)(g.className,"laptop:col-span-2")}):l});return(0,r.jsx)(N.BuyOneGetOneShelfContext.Provider,{value:{layout:"horizontal",theme:o},children:(0,r.jsxs)("div",{ref:f,className:(0,s.cn)("bogo-shelf-root w-full py-0",{"aiui-dark":o==="dark"},e,t?.root),...P,children:[i&&(0,r.jsx)(u.Heading,{as:"h2",size:3,html:i,className:(0,s.cn)("bogo-shelf-title text-info-primary mb-4",t?.title)}),n&&(0,r.jsx)(u.Text,{size:3,as:"p",html:n,className:(0,s.cn)("bogo-shelf-description text-info-primary mb-6",t?.description)}),(0,r.jsx)("div",{className:(0,s.cn)("grid grid-cols-1 gap-6","laptop:grid-cols-2"),children:D}),h&&(0,r.jsx)("div",{className:"mt-6 flex justify-center",children:(0,r.jsxs)("button",{type:"button",onClick:()=>E(l=>!l),"aria-expanded":c,className:(0,s.cn)("hover:text-brand-0 lg-desktop:text-[16px] text-info-primary flex cursor-pointer items-center gap-2 border-none bg-transparent text-[14px] font-bold outline-none transition-colors",t?.viewMoreBtn),children:[c?G:B,(0,r.jsx)("svg",{className:(0,s.cn)("size-4 transition-transform",c&&"rotate-180"),fill:"none",stroke:"currentColor",viewBox:"0 0 24 24","aria-hidden":"true",children:(0,r.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M19 9l-7 7-7-7"})})]})})]})})});v.displayName="BuyOneGetOneShelf.Root";const F={Root:v,ProductCard:C.default};var W=F;
+"use strict";"use client";var k=Object.create;var d=Object.defineProperty;var z=Object.getOwnPropertyDescriptor;var T=Object.getOwnPropertyNames;var w=Object.getPrototypeOf,I=Object.prototype.hasOwnProperty;var L=(e,t)=>{for(var o in t)d(e,o,{get:t[o],enumerable:!0})},O=(e,t,o,i)=>{if(t&&typeof t=="object"||typeof t=="function")for(let n of T(t))!I.call(e,n)&&n!==o&&d(e,n,{get:()=>t[n],enumerable:!(i=z(t,n))||i.enumerable});return e};var R=(e,t,o)=>(o=e!=null?k(w(e)):{},O(t||!e||!e.__esModule?d(o,"default",{value:e,enumerable:!0}):o,e)),M=e=>O(d({},"__esModule",{value:!0}),e);var A={};L(A,{default:()=>W});module.exports=M(A);var r=require("react/jsx-runtime"),a=R(require("react")),s=require("../../helpers/index.js"),C=R(require("./ProductCard.js")),u=require("../../components/index.js"),N=require("./context.js"),B=require("../../hooks/useExposure.js");const H="shelf",V="buy_one_get_one_shelf";function x(e){return a.Children.toArray(e).flatMap(t=>a.isValidElement(t)&&t.type===a.Fragment?x(t.props.children):[t])}function F(e){return a.isValidElement(e)?e.props.layout??"horizontal":"horizontal"}function _(e,t){let o=0,i=0;for(let n=0;n<t;n++){const p=F(e[n])==="horizontal"?2:1;p===2&&o>0&&(o=0),o+=p,o===2&&(i=n+1,o=0)}return e.slice(0,i)}const v=a.forwardRef(({className:e,classNames:t={},theme:o,title:i,subtitle:n,children:p,viewMoreThreshold:y=4,viewMoreText:S="View More",viewLessText:G="View Less",...P},b)=>{const f=a.useRef(null),[c,E]=a.useState(!1);(0,B.useExposure)(f,{componentType:H,componentName:V,componentTitle:i,componentDescription:n}),a.useImperativeHandle(b,()=>f.current);const m=x(p),h=m.length>y,D=(h&&!c?_(m,y):m).map(l=>{if(!a.isValidElement(l))return l;const g=l.props;return g.layout==="horizontal"?a.cloneElement(l,{className:(0,s.cn)(g.className,"laptop:col-span-2")}):l});return(0,r.jsx)(N.BuyOneGetOneShelfContext.Provider,{value:{layout:"horizontal",theme:o},children:(0,r.jsxs)("div",{ref:f,className:(0,s.cn)("bogo-shelf-root w-full py-0",{"aiui-dark":o==="dark"},e,t?.root),...P,children:[i&&(0,r.jsx)(u.Heading,{as:"h2",size:3,html:i,className:(0,s.cn)("bogo-shelf-title text-info-primary mb-4",t?.title)}),n&&(0,r.jsx)(u.Text,{size:3,as:"p",html:n,className:(0,s.cn)("bogo-shelf-description text-info-primary mb-6",t?.description)}),(0,r.jsx)("div",{className:(0,s.cn)("grid grid-cols-1 gap-6","laptop:grid-cols-2"),children:D}),h&&(0,r.jsx)("div",{className:"mt-6 flex justify-center",children:(0,r.jsxs)("button",{type:"button",onClick:()=>E(l=>!l),"aria-expanded":c,className:(0,s.cn)("hover:text-brand-0 lg-desktop:text-[16px] text-info-primary flex cursor-pointer items-center gap-2 border-none bg-transparent text-[14px] font-bold outline-none transition-colors",t?.viewMoreBtn),children:[c?G:S,(0,r.jsx)("svg",{className:(0,s.cn)("size-4 transition-transform",c&&"rotate-180"),fill:"none",stroke:"currentColor",viewBox:"0 0 24 24","aria-hidden":"true",children:(0,r.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M19 9l-7 7-7-7"})})]})})]})})});v.displayName="BuyOneGetOneShelf.Root";const j={Root:v,ProductCard:C.default};var W=j;
 //# sourceMappingURL=index.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/biz-components/BuyOneGetOneShelf/index.tsx"],
-  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport { cn } from '../../helpers/index.js'\nimport ProductCard from './ProductCard.js'\nimport { Heading, Text } from '../../components/index.js'\nimport { BuyOneGetOneShelfContext } from './context.js'\nimport type { BuyOneGetOneShelfProps } from './types.js'\nimport { useExposure } from '../../hooks/useExposure.js'\n\nconst componentType = 'shelf'\nconst componentName = 'buy_one_get_one_shelf'\n\nfunction flattenChildren(children: React.ReactNode): React.ReactNode[] {\n  return React.Children.toArray(children).flatMap(child => {\n    if (React.isValidElement(child) && child.type === React.Fragment) {\n      return flattenChildren((child.props as { children?: React.ReactNode }).children)\n    }\n    return [child]\n  })\n}\n\nfunction getLayout(node: React.ReactNode): string {\n  if (React.isValidElement(node)) {\n    return (node.props as { layout?: string }).layout ?? 'horizontal'\n  }\n  return 'horizontal'\n}\n\nfunction sliceToCompleteRow(all: React.ReactNode[], threshold: number): React.ReactNode[] {\n  let filledInRow = 0\n  let lastCompleteIndex = 0\n  for (let i = 0; i < threshold; i++) {\n    const span = getLayout(all[i]) === 'horizontal' ? 2 : 1\n    if (span === 2 && filledInRow > 0) filledInRow = 0\n    filledInRow += span\n    if (filledInRow === 2) {\n      lastCompleteIndex = i + 1\n      filledInRow = 0\n    }\n  }\n  return all.slice(0, lastCompleteIndex)\n}\n\nconst BuyOneGetOneShelfRoot = React.forwardRef<HTMLDivElement, BuyOneGetOneShelfProps>(\n  (\n    {\n      className,\n      classNames = {},\n      theme,\n      title,\n      subtitle,\n      children,\n      viewMoreThreshold = 4,\n      viewMoreText = 'View More',\n      viewLessText = 'View Less',\n      ...props\n    },\n    ref\n  ) => {\n    const boxRef = React.useRef<HTMLDivElement>(null)\n    const [isExpanded, setIsExpanded] = React.useState(false)\n\n    useExposure(boxRef, {\n      componentType,\n      componentName,\n      componentTitle: title,\n      componentDescription: subtitle,\n    })\n\n    React.useImperativeHandle(ref, () => boxRef.current as HTMLDivElement)\n\n    const childrenArray = flattenChildren(children)\n    const needCollapse = childrenArray.length > viewMoreThreshold\n    const displayedChildren =\n      needCollapse && !isExpanded ? sliceToCompleteRow(childrenArray, viewMoreThreshold) : childrenArray\n\n    const renderedChildren = displayedChildren.map(child => {\n      if (!React.isValidElement(child)) return child\n      const childProps = child.props as { layout?: string; className?: string }\n      if (childProps.layout === 'horizontal') {\n        return React.cloneElement(child as React.ReactElement<{ className?: string }>, {\n          className: cn(childProps.className, 'laptop:col-span-2'),\n        })\n      }\n      return child\n    })\n\n    return (\n      <BuyOneGetOneShelfContext.Provider value={{ layout: 'horizontal', theme }}>\n        <div\n          ref={boxRef}\n          className={cn(\n            'bogo-shelf-root w-full py-0',\n            {\n              'aiui-dark': theme === 'dark',\n            },\n            className,\n            classNames?.root\n          )}\n          {...props}\n        >\n          {title && (\n            <Heading\n              as=\"h2\"\n              size={3}\n              html={title}\n              className={cn('bogo-shelf-title text-info-primary mb-4', classNames?.title)}\n            />\n          )}\n          {subtitle && (\n            <Text\n              size={3}\n              as=\"p\"\n              html={subtitle}\n              className={cn('bogo-shelf-description text-info-primary mb-6', classNames?.description)}\n            />\n          )}\n          <div className={cn('grid grid-cols-1 gap-6', 'laptop:grid-cols-2')}>{renderedChildren}</div>\n          {needCollapse && (\n            <div className=\"mt-6 flex justify-center\">\n              <button\n                type=\"button\"\n                onClick={() => setIsExpanded(prev => !prev)}\n                aria-expanded={isExpanded}\n                className={cn(\n                  'hover:text-brand-0 lg-desktop:text-[16px] text-info-primary flex cursor-pointer items-center gap-2 border-none bg-transparent text-[14px] font-bold outline-none transition-colors',\n                  classNames?.viewMoreBtn\n                )}\n              >\n                {isExpanded ? viewLessText : viewMoreText}\n                <svg\n                  className={cn('size-4 transition-transform', isExpanded && 'rotate-180')}\n                  fill=\"none\"\n                  stroke=\"currentColor\"\n                  viewBox=\"0 0 24 24\"\n                  aria-hidden=\"true\"\n                >\n                  <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M19 9l-7 7-7-7\" />\n                </svg>\n              </button>\n            </div>\n          )}\n        </div>\n      </BuyOneGetOneShelfContext.Provider>\n    )\n  }\n)\n\nBuyOneGetOneShelfRoot.displayName = 'BuyOneGetOneShelf.Root'\n\n// \u521B\u5EFA\u547D\u540D\u7A7A\u95F4\u5BF9\u8C61\uFF0C\u5305\u542B Root \u548C ProductCard \u7EC4\u4EF6\nconst BuyOneGetOneShelf = {\n  Root: BuyOneGetOneShelfRoot,\n  ProductCard: ProductCard,\n}\n\nexport default BuyOneGetOneShelf\n\n// Re-export types for external use\nexport type {\n  FreeGift,\n  FreeGiftWithSelection,\n  ProductTag,\n  BuyOneGetOneShelfSemanticName,\n  BuyOneGetOneShelfRootSemanticName,\n  BuyOneGetOneShelfProductCardSemanticName,\n  ResponsiveImage,\n  ResponsiveImages,\n  BaseProductData,\n  PureProductData,\n  WithGiftData,\n  ProductData,\n  ProductCardData,\n  CopyConfig,\n  BogoItem,\n  BuyOneGetOneShelfData,\n  BuyOneGetOneShelfProps,\n  BuyOneGetOneShelfCardProps,\n} from './types.js'\n"],
+  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport { cn } from '../../helpers/index.js'\nimport ProductCard from './ProductCard.js'\nimport { Heading, Text } from '../../components/index.js'\nimport { BuyOneGetOneShelfContext } from './context.js'\nimport type { BuyOneGetOneShelfProps } from './types.js'\nimport { useExposure } from '../../hooks/useExposure.js'\n\nconst componentType = 'shelf'\nconst componentName = 'buy_one_get_one_shelf'\n\nfunction flattenChildren(children: React.ReactNode): React.ReactNode[] {\n  return React.Children.toArray(children).flatMap(child => {\n    if (React.isValidElement(child) && child.type === React.Fragment) {\n      return flattenChildren((child.props as { children?: React.ReactNode }).children)\n    }\n    return [child]\n  })\n}\n\nfunction getLayout(node: React.ReactNode): string {\n  if (React.isValidElement(node)) {\n    return (node.props as { layout?: string }).layout ?? 'horizontal'\n  }\n  return 'horizontal'\n}\n\nfunction sliceToCompleteRow(all: React.ReactNode[], threshold: number): React.ReactNode[] {\n  let filledInRow = 0\n  let lastCompleteIndex = 0\n  for (let i = 0; i < threshold; i++) {\n    const span = getLayout(all[i]) === 'horizontal' ? 2 : 1\n    if (span === 2 && filledInRow > 0) filledInRow = 0\n    filledInRow += span\n    if (filledInRow === 2) {\n      lastCompleteIndex = i + 1\n      filledInRow = 0\n    }\n  }\n  return all.slice(0, lastCompleteIndex)\n}\n\nconst BuyOneGetOneShelfRoot = React.forwardRef<HTMLDivElement, BuyOneGetOneShelfProps>(\n  (\n    {\n      className,\n      classNames = {},\n      theme,\n      title,\n      subtitle,\n      children,\n      viewMoreThreshold = 4,\n      viewMoreText = 'View More',\n      viewLessText = 'View Less',\n      ...props\n    },\n    ref\n  ) => {\n    const boxRef = React.useRef<HTMLDivElement>(null)\n    const [isExpanded, setIsExpanded] = React.useState(false)\n\n    useExposure(boxRef, {\n      componentType,\n      componentName,\n      componentTitle: title,\n      componentDescription: subtitle,\n    })\n\n    React.useImperativeHandle(ref, () => boxRef.current as HTMLDivElement)\n\n    const childrenArray = flattenChildren(children)\n    const needCollapse = childrenArray.length > viewMoreThreshold\n    const displayedChildren =\n      needCollapse && !isExpanded ? sliceToCompleteRow(childrenArray, viewMoreThreshold) : childrenArray\n\n    const renderedChildren = displayedChildren.map(child => {\n      if (!React.isValidElement(child)) return child\n      const childProps = child.props as { layout?: string; className?: string }\n      if (childProps.layout === 'horizontal') {\n        return React.cloneElement(child as React.ReactElement<{ className?: string }>, {\n          className: cn(childProps.className, 'laptop:col-span-2'),\n        })\n      }\n      return child\n    })\n\n    return (\n      <BuyOneGetOneShelfContext.Provider value={{ layout: 'horizontal', theme }}>\n        <div\n          ref={boxRef}\n          className={cn(\n            'bogo-shelf-root w-full py-0',\n            {\n              'aiui-dark': theme === 'dark',\n            },\n            className,\n            classNames?.root\n          )}\n          {...props}\n        >\n          {title && (\n            <Heading\n              as=\"h2\"\n              size={3}\n              html={title}\n              className={cn('bogo-shelf-title text-info-primary mb-4', classNames?.title)}\n            />\n          )}\n          {subtitle && (\n            <Text\n              size={3}\n              as=\"p\"\n              html={subtitle}\n              className={cn('bogo-shelf-description text-info-primary mb-6', classNames?.description)}\n            />\n          )}\n          <div className={cn('grid grid-cols-1 gap-6', 'laptop:grid-cols-2')}>{renderedChildren}</div>\n          {needCollapse && (\n            <div className=\"mt-6 flex justify-center\">\n              <button\n                type=\"button\"\n                onClick={() => setIsExpanded(prev => !prev)}\n                aria-expanded={isExpanded}\n                className={cn(\n                  'hover:text-brand-0 lg-desktop:text-[16px] text-info-primary flex cursor-pointer items-center gap-2 border-none bg-transparent text-[14px] font-bold outline-none transition-colors',\n                  classNames?.viewMoreBtn\n                )}\n              >\n                {isExpanded ? viewLessText : viewMoreText}\n                <svg\n                  className={cn('size-4 transition-transform', isExpanded && 'rotate-180')}\n                  fill=\"none\"\n                  stroke=\"currentColor\"\n                  viewBox=\"0 0 24 24\"\n                  aria-hidden=\"true\"\n                >\n                  <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M19 9l-7 7-7-7\" />\n                </svg>\n              </button>\n            </div>\n          )}\n        </div>\n      </BuyOneGetOneShelfContext.Provider>\n    )\n  }\n)\n\nBuyOneGetOneShelfRoot.displayName = 'BuyOneGetOneShelf.Root'\n\n// \u521B\u5EFA\u547D\u540D\u7A7A\u95F4\u5BF9\u8C61\uFF0C\u5305\u542B Root \u548C ProductCard \u7EC4\u4EF6\nconst BuyOneGetOneShelf = {\n  Root: BuyOneGetOneShelfRoot,\n  ProductCard: ProductCard,\n}\n\nexport default BuyOneGetOneShelf\n\n// Re-export types for external use\nexport type {\n  FreeGift,\n  FreeGiftWithSelection,\n  ProductTag,\n  ButtonFunctionType,\n  BuyOneGetOneShelfSemanticName,\n  BuyOneGetOneShelfRootSemanticName,\n  BuyOneGetOneShelfProductCardSemanticName,\n  ResponsiveImage,\n  ResponsiveImages,\n  BaseProductData,\n  PureProductData,\n  WithGiftData,\n  ProductData,\n  ProductCardData,\n  CopyConfig,\n  BogoItem,\n  BuyOneGetOneShelfData,\n  BuyOneGetOneShelfProps,\n  BuyOneGetOneShelfCardProps,\n} from './types.js'\n"],
   "mappings": "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",
   "names": ["BuyOneGetOneShelf_exports", "__export", "BuyOneGetOneShelf_default", "__toCommonJS", "import_jsx_runtime", "React", "import_helpers", "import_ProductCard", "import_components", "import_context", "import_useExposure", "componentType", "componentName", "flattenChildren", "children", "child", "getLayout", "node", "sliceToCompleteRow", "all", "threshold", "filledInRow", "lastCompleteIndex", "i", "span", "BuyOneGetOneShelfRoot", "className", "classNames", "theme", "title", "subtitle", "viewMoreThreshold", "viewMoreText", "viewLessText", "props", "ref", "boxRef", "isExpanded", "setIsExpanded", "childrenArray", "needCollapse", "renderedChildren", "childProps", "prev", "BuyOneGetOneShelf", "ProductCard"]
 }

package/dist/cjs/biz-components/BuyOneGetOneShelf/types.d.ts

@@ -1,5 +1,9 @@
 import * as React from 'react';
 import type { Theme } from '../../types/props';
+/**
+ * 按钮功能类型
+ */
+export type ButtonFunctionType = 'buyNow' | 'addCart' | 'learnMore';
 /**
  * 免费赠品接口
  */
@@ -112,6 +116,10 @@ export interface PureProductData extends BaseProductData {
     tags?: ProductTag[];
     /** 赠品选择模式 */
     giftSelectionMode?: 'single' | 'multiple';
+    /** Learn More 按钮功能（默认 'learnMore'） */
+    learnMoreFun?: ButtonFunctionType;
+    /** Shop Now 按钮功能（默认 'buyNow'） */
+    shopNowFun?: ButtonFunctionType;
     availableForSale: boolean;
 }
 export interface ProductData extends BaseProductData, WithGiftData {
@@ -195,6 +203,8 @@ export interface BuyOneGetOneShelfCardProps extends Omit<React.HTMLAttributes<HT
         learnMoreText?: string;
         shopNowText?: string;
         freeGiftLabel?: string;
+        learnMoreFun?: ButtonFunctionType;
+        shopNowFun?: ButtonFunctionType;
     };
     /** 赠品列表 */
     gifts?: FreeGift[];
@@ -215,6 +225,8 @@ export interface BuyOneGetOneShelfCardProps extends Omit<React.HTMLAttributes<HT
     onLearnMore?: (product: ProductCardData, selectedGifts: FreeGift[]) => void;
     /** Shop Now 点击回调 */
     onShopNow?: (product: ProductCardData, selectedGifts: FreeGift[]) => void;
+    /** 加入购物车回调 */
+    onAddToCart?: (product: ProductCardData, selectedGifts: FreeGift[]) => void;
     /** 赠品点击回调 */
     onGiftClick?: (gift: FreeGift, selectedGifts: FreeGift[]) => void;
     /** 赠品选择变化回调 */

package/dist/cjs/biz-components/BuyOneGetOneShelf/types.js

@@ -1,2 +1,2 @@
-"use strict";var n=Object.defineProperty;var a=Object.getOwnPropertyDescriptor;var s=Object.getOwnPropertyNames;var c=Object.prototype.hasOwnProperty;var d=(t,e,o,i)=>{if(e&&typeof e=="object"||typeof e=="function")for(let r of s(e))!c.call(t,r)&&r!==o&&n(t,r,{get:()=>e[r],enumerable:!(i=a(e,r))||i.enumerable});return t};var g=t=>d(n({},"__esModule",{value:!0}),t);var l={};module.exports=g(l);var p=require("react");
+"use strict";var n=Object.defineProperty;var a=Object.getOwnPropertyDescriptor;var s=Object.getOwnPropertyNames;var d=Object.prototype.hasOwnProperty;var c=(t,e,o,i)=>{if(e&&typeof e=="object"||typeof e=="function")for(let r of s(e))!d.call(t,r)&&r!==o&&n(t,r,{get:()=>e[r],enumerable:!(i=a(e,r))||i.enumerable});return t};var u=t=>c(n({},"__esModule",{value:!0}),t);var l={};module.exports=u(l);var p=require("react");
 //# sourceMappingURL=types.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/biz-components/BuyOneGetOneShelf/types.ts"],
-  "sourcesContent": ["import * as React from 'react'\nimport type { Theme } from '../../types/props'\n\n/**\n * \u514D\u8D39\u8D60\u54C1\u63A5\u53E3\n */\nexport interface FreeGift {\n  /** \u8D60\u54C1ID */\n  id: string\n  /** \u8D60\u54C1\u56FE\u7247URL */\n  image: string\n  /** \u8D60\u54C1\u540D\u79F0 */\n  name: string\n  /** \u539F\u4EF7 */\n  originalPrice: string\n  /** \u73B0\u4EF7\uFF08\u901A\u5E38\u4E3AFree\uFF09 */\n  currentPrice: string\n  /** \u6570\u91CF */\n  quantity: number\n  /** \u53D8\u4F53ID */\n  variantId: string\n  /** SKU */\n  sku: string\n  /** \u53E5\u67C4 */\n  handle: string\n  /** \u8D60\u54C1tag */\n  tag?: string\n}\n\n/**\n * \u5E26\u9009\u62E9\u72B6\u6001\u7684\u514D\u8D39\u8D60\u54C1\u63A5\u53E3\n */\nexport interface FreeGiftWithSelection extends FreeGift {\n  /** \u662F\u5426\u5DF2\u9009\u4E2D */\n  selected?: boolean\n}\n\n/**\n * \u4EA7\u54C1\u6807\u7B7E\u63A5\u53E3\n */\nexport interface ProductTag {\n  /** \u6807\u7B7E\u6587\u672C */\n  label: string\n  /** \u6807\u7B7E\u6837\u5F0F\u53D8\u4F53 */\n  variant: 'outline' | 'fill' | 'promotional'\n  /** \u4FC3\u9500\u7C7B\u578B\uFF08\u4EC5\u5F53 variant \u4E3A 'promotional' \u65F6\u6709\u6548\uFF09 */\n  promotionalType?: 'plus-member' | 'regular-member' | 'regular-discount' | 'time-limited-discount'\n}\n\n// Root \u7EC4\u4EF6\u76F8\u5173\u7684\u8BED\u4E49\u7C7B\u540D\nexport type BuyOneGetOneShelfRootSemanticName = 'root' | 'title' | 'description' | 'content' | 'viewMoreBtn'\n\n// ProductCard \u7EC4\u4EF6\u76F8\u5173\u7684\u8BED\u4E49\u7C7B\u540D\nexport type BuyOneGetOneShelfProductCardSemanticName =\n  | 'productCard'\n  | 'productCardImage'\n  | 'productCardTitle'\n  | 'productCardDescription'\n  | 'productCardPriceLabel'\n  | 'productCardPrice'\n  | 'productCardOriginalPrice'\n  | 'productCardGiftsContainer'\n  | 'productCardBtnGroup'\n\n// \u5B8C\u6574\u7684\u8BED\u4E49\u7C7B\u540D\uFF08\u5411\u540E\u517C\u5BB9\uFF09\nexport type BuyOneGetOneShelfSemanticName = BuyOneGetOneShelfRootSemanticName | BuyOneGetOneShelfProductCardSemanticName\n\n/**\n * \u54CD\u5E94\u5F0F\u56FE\u7247\u63A5\u53E3\n */\nexport interface ResponsiveImage {\n  id: number\n  baseUrl?: string\n  url: string\n  thumbnailURL?: string\n  filename?: string\n  mimeType?: string\n  width?: number\n  height?: number\n}\n\n/**\n * \u54CD\u5E94\u5F0F\u56FE\u7247\u96C6\u5408\u63A5\u53E3\n */\nexport interface ResponsiveImages {\n  laptop?: ResponsiveImage\n  mobile?: ResponsiveImage\n  tablet?: ResponsiveImage\n  desktop?: ResponsiveImage\n  lgDesktop?: ResponsiveImage\n}\n\n/**\n * \u4EA7\u54C1\u57FA\u7840\u6570\u636E\u63A5\u53E3\n */\nexport interface BaseProductData {\n  sku: string\n  name: string\n  image: string\n  value: string\n  handle: string\n  shopify_id: string\n}\n\nexport interface WithGiftData {\n  /**\n   * \u8D60\u54C1\n   */\n  gifts: FreeGift[]\n  /**\n   * \u8D60\u54C1\u7C7B\u578B 1-> \u8D60\u9001\u5176\u4E2D\u4E00\u4E2A\u8D60\u54C1\uFF0C 2 -> \u8D60\u9001\u6240\u6709\u8D60\u54C1\n   */\n  gift_type: 1 | 2\n}\n\n/**\n * \u7EAF\u4EA7\u54C1\u6570\u636E\u63A5\u53E3\uFF08\u4E0D\u5305\u542B\u8D60\u54C1\u4FE1\u606F\uFF09\n */\nexport interface PureProductData extends BaseProductData {\n  /** \u4EA7\u54C1\u63CF\u8FF0 */\n  description?: string\n  /** \u5F53\u524D\u4EF7\u683C */\n  currentPrice?: string\n  /** \u539F\u4EF7 */\n  originalPrice?: string\n  /** \u4EF7\u683C\u6807\u7B7E\u6587\u672C\uFF08\u5982 \"Plus Member Price\"\uFF09 */\n  priceLabel?: string\n  /** \u4E86\u89E3\u66F4\u591A\u6309\u94AE\u6587\u672C */\n  learnMoreText?: string\n  /** \u7ACB\u5373\u8D2D\u4E70\u6309\u94AE\u6587\u672C */\n  shopNowText?: string\n  /** \u8D60\u54C1\u6807\u7B7E\u6587\u672C */\n  freeGiftLabel?: string\n  /** \u4EA7\u54C1\u6807\u7B7E */\n  tags?: ProductTag[]\n  /** \u8D60\u54C1\u9009\u62E9\u6A21\u5F0F */\n  giftSelectionMode?: 'single' | 'multiple'\n  availableForSale: boolean\n}\n\nexport interface ProductData extends BaseProductData, WithGiftData {\n  /** \u4EA7\u54C1\u63CF\u8FF0 */\n  description?: string\n  /** \u5F53\u524D\u4EF7\u683C */\n  currentPrice?: string\n  /** \u539F\u4EF7 */\n  originalPrice?: string\n  /** \u4E86\u89E3\u66F4\u591A\u6309\u94AE\u6587\u672C */\n  learnMoreText?: string\n  /** \u7ACB\u5373\u8D2D\u4E70\u6309\u94AE\u6587\u672C */\n  shopNowText?: string\n  /** \u8D60\u54C1\u6807\u7B7E\u6587\u672C */\n  freeGiftLabel?: string\n  /** \u8D60\u54C1\u9009\u62E9\u6A21\u5F0F */\n  giftSelectionMode?: 'single' | 'multiple'\n}\n\n// Alias for consistency with other components\nexport type ProductCardData = ProductData\n\n/**\n * \u6587\u6848\u914D\u7F6E\u63A5\u53E3\n */\nexport interface CopyConfig {\n  shopNowText: string\n  freeGiftLabel: string\n  learnMoreText: string\n  freeGiftHeading: string\n  soldOutText?: string\n}\n\n/**\n * \u4E70\u8D60\u9879\u76EE\u63A5\u53E3\n */\nexport interface BogoItem {\n  id: string\n  data: ProductData[]\n  images: ResponsiveImages\n  shopNowFun: string\n  shopNowText: string\n  learnMoreText: string\n  layout?: 'horizontal' | 'vertical'\n}\n\n/**\n * BuyOneGetOneShelf \u4E1A\u52A1\u7EC4\u4EF6\u6570\u636E\u63A5\u53E3 - \u65B0\u683C\u5F0F\n */\nexport interface BuyOneGetOneShelfData {\n  copy: CopyConfig\n  theme: string\n  title: string\n  subtitle: string\n  bogoItems: BogoItem[]\n  /** \u8D85\u8FC7\u6B64\u6570\u91CF\u7684\u5546\u54C1\u65F6\u663E\u793A\"View More/View Less\"\u6309\u94AE\uFF0C\u9ED8\u8BA4 4 */\n  viewMoreThreshold?: number\n  /** View More \u6309\u94AE\u6587\u6848\uFF0C\u9ED8\u8BA4 'View More' */\n  viewMoreText?: string\n  /** View Less \u6309\u94AE\u6587\u6848\uFF0C\u9ED8\u8BA4 'View Less' */\n  viewLessText?: string\n}\n\n// Root \u7EC4\u4EF6 Props\uFF08\u65B0\u7684\u7EC4\u5408\u5F0F\u8BBE\u8BA1\uFF09\nexport interface BuyOneGetOneShelfProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** \u6807\u9898 */\n  title?: string\n  /** \u526F\u6807\u9898 */\n  subtitle?: string\n  theme?: Theme\n  /** \u5B50\u7EC4\u4EF6 */\n  children: React.ReactNode\n  /** Root \u7EC4\u4EF6\u7684\u81EA\u5B9A\u4E49\u7C7B\u540D */\n  classNames?: Partial<Record<BuyOneGetOneShelfRootSemanticName, string>>\n  /** \u8D85\u8FC7\u6B64\u6570\u91CF\u7684\u5546\u54C1\u65F6\u663E\u793A\"View More/View Less\"\u6309\u94AE\uFF0C\u9ED8\u8BA4 4 */\n  viewMoreThreshold?: number\n  /** View More \u6309\u94AE\u6587\u6848\uFF0C\u9ED8\u8BA4 'View More' */\n  viewMoreText?: string\n  /** View Less \u6309\u94AE\u6587\u6848\uFF0C\u9ED8\u8BA4 'View Less' */\n  viewLessText?: string\n}\n\n// \u5361\u7247\u7EC4\u4EF6Props - \u57FA\u4E8EProductCardProps\u4F46\u7B80\u5316\nexport interface BuyOneGetOneShelfCardProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onClick'> {\n  /** \u4EA7\u54C1\u6570\u636E */\n  productData: BaseProductData & {\n    description?: string\n    currentPrice?: string\n    originalPrice?: string\n    learnMoreText?: string\n    shopNowText?: string\n    freeGiftLabel?: string\n  }\n  /** \u8D60\u54C1\u5217\u8868 */\n  gifts?: FreeGift[]\n  /** \u8D60\u54C1\u7C7B\u578B 1-> \u8D60\u9001\u5176\u4E2D\u4E00\u4E2A\u8D60\u54C1\uFF0C 2 -> \u8D60\u9001\u6240\u6709\u8D60\u54C1 */\n  giftType?: 1 | 2\n  soldOutText?: string\n  /** \u573A\u666F\u56FE\u7247 */\n  sceneImages?: ResponsiveImages\n  /** @deprecated Layout is now automatically inferred by Root based on children count. */\n  layout?: 'horizontal' | 'vertical'\n  /** ProductCard \u7EC4\u4EF6\u7684\u81EA\u5B9A\u4E49\u7C7B\u540D */\n  classNames?: Partial<Record<BuyOneGetOneShelfProductCardSemanticName, string>>\n  /** @deprecated Use `onProductImageClick` instead. */\n  onProductClick?: (product: ProductCardData) => void\n  /** \u4EA7\u54C1\u56FE\u7247\u70B9\u51FB\u56DE\u8C03 */\n  onProductImageClick?: (product: ProductCardData) => void\n  /** Learn More \u70B9\u51FB\u56DE\u8C03 */\n  onLearnMore?: (product: ProductCardData, selectedGifts: FreeGift[]) => void\n  /** Shop Now \u70B9\u51FB\u56DE\u8C03 */\n  onShopNow?: (product: ProductCardData, selectedGifts: FreeGift[]) => void\n  /** \u8D60\u54C1\u70B9\u51FB\u56DE\u8C03 */\n  onGiftClick?: (gift: FreeGift, selectedGifts: FreeGift[]) => void\n  /** \u8D60\u54C1\u9009\u62E9\u53D8\u5316\u56DE\u8C03 */\n  onGiftSelectionChange?: (selectedGifts: FreeGift[], product: ProductCardData) => void\n  /** \u9009\u4E2D\u8D60\u54C1SKU\u53D8\u5316\u56DE\u8C03\uFF08\u53D7\u63A7\u7EC4\u4EF6\uFF09 */\n  onSelectedGiftSkuChange?: (selectedSku: string | null) => void\n  /**\n   * \u539F\u4EF7\u533A\u57DF\u6E32\u67D3\u51FD\u6570\uFF0C\u7528\u4E8E\u5728\u539F\u4EF7\u4F4D\u7F6E\u5C55\u793A\u81EA\u5B9A\u4E49\u5185\u5BB9\uFF08\u5982 Save \u91D1\u989D\u6587\u6848\uFF09\u3002\n   * \u4E0D\u4F20\u65F6\u4F7F\u7528\u9ED8\u8BA4\u7684\u539F\u4EF7\u6E32\u67D3\uFF08\u5212\u7EBF\u4EF7\uFF09\u3002\n   * @param originalPrice - \u683C\u5F0F\u5316\u540E\u7684\u539F\u4EF7\u6587\u672C\n   */\n  renderOriginalPrice?: (originalPrice: string | undefined) => React.ReactNode\n}\n\n// \u4FDD\u6301\u5411\u540E\u517C\u5BB9\u7684\u4F20\u7EDFProps\nexport interface BuyOneGetOneShelfLegacyProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** \u4E1A\u52A1\u6570\u636E */\n  data: BuyOneGetOneShelfData\n  /** @deprecated Use `onProductImageClick` instead. */\n  onProductClick?: (product: ProductCardData) => void\n  /** \u4EA7\u54C1\u56FE\u7247\u70B9\u51FB\u56DE\u8C03 */\n  onProductImageClick?: (product: ProductCardData) => void\n  /** Learn More\u6309\u94AE\u70B9\u51FB\u4E8B\u4EF6 */\n  onLearnMore?: (product: ProductCardData, selectedGifts: FreeGift[]) => void\n  /** Shop Now\u6309\u94AE\u70B9\u51FB\u4E8B\u4EF6 */\n  onShopNow?: (product: ProductCardData, selectedGifts: FreeGift[]) => void\n  onAddToCart?: (product: ProductCardData) => void\n  /** \u8D60\u54C1\u70B9\u51FB\u4E8B\u4EF6 */\n  onGiftClick?: (gift: FreeGift, selectedGifts: FreeGift[]) => void\n  /** \u8D60\u54C1\u9009\u62E9\u53D8\u5316\u4E8B\u4EF6 */\n  onGiftSelectionChange?: (selectedGifts: FreeGift[], product: ProductCardData) => void\n  classNames?: Partial<Record<BuyOneGetOneShelfSemanticName, string>>\n}\n"],
+  "sourcesContent": ["import * as React from 'react'\nimport type { Theme } from '../../types/props'\n\n/**\n * \u6309\u94AE\u529F\u80FD\u7C7B\u578B\n */\nexport type ButtonFunctionType = 'buyNow' | 'addCart' | 'learnMore'\n\n/**\n * \u514D\u8D39\u8D60\u54C1\u63A5\u53E3\n */\nexport interface FreeGift {\n  /** \u8D60\u54C1ID */\n  id: string\n  /** \u8D60\u54C1\u56FE\u7247URL */\n  image: string\n  /** \u8D60\u54C1\u540D\u79F0 */\n  name: string\n  /** \u539F\u4EF7 */\n  originalPrice: string\n  /** \u73B0\u4EF7\uFF08\u901A\u5E38\u4E3AFree\uFF09 */\n  currentPrice: string\n  /** \u6570\u91CF */\n  quantity: number\n  /** \u53D8\u4F53ID */\n  variantId: string\n  /** SKU */\n  sku: string\n  /** \u53E5\u67C4 */\n  handle: string\n  /** \u8D60\u54C1tag */\n  tag?: string\n}\n\n/**\n * \u5E26\u9009\u62E9\u72B6\u6001\u7684\u514D\u8D39\u8D60\u54C1\u63A5\u53E3\n */\nexport interface FreeGiftWithSelection extends FreeGift {\n  /** \u662F\u5426\u5DF2\u9009\u4E2D */\n  selected?: boolean\n}\n\n/**\n * \u4EA7\u54C1\u6807\u7B7E\u63A5\u53E3\n */\nexport interface ProductTag {\n  /** \u6807\u7B7E\u6587\u672C */\n  label: string\n  /** \u6807\u7B7E\u6837\u5F0F\u53D8\u4F53 */\n  variant: 'outline' | 'fill' | 'promotional'\n  /** \u4FC3\u9500\u7C7B\u578B\uFF08\u4EC5\u5F53 variant \u4E3A 'promotional' \u65F6\u6709\u6548\uFF09 */\n  promotionalType?: 'plus-member' | 'regular-member' | 'regular-discount' | 'time-limited-discount'\n}\n\n// Root \u7EC4\u4EF6\u76F8\u5173\u7684\u8BED\u4E49\u7C7B\u540D\nexport type BuyOneGetOneShelfRootSemanticName = 'root' | 'title' | 'description' | 'content' | 'viewMoreBtn'\n\n// ProductCard \u7EC4\u4EF6\u76F8\u5173\u7684\u8BED\u4E49\u7C7B\u540D\nexport type BuyOneGetOneShelfProductCardSemanticName =\n  | 'productCard'\n  | 'productCardImage'\n  | 'productCardTitle'\n  | 'productCardDescription'\n  | 'productCardPriceLabel'\n  | 'productCardPrice'\n  | 'productCardOriginalPrice'\n  | 'productCardGiftsContainer'\n  | 'productCardBtnGroup'\n\n// \u5B8C\u6574\u7684\u8BED\u4E49\u7C7B\u540D\uFF08\u5411\u540E\u517C\u5BB9\uFF09\nexport type BuyOneGetOneShelfSemanticName = BuyOneGetOneShelfRootSemanticName | BuyOneGetOneShelfProductCardSemanticName\n\n/**\n * \u54CD\u5E94\u5F0F\u56FE\u7247\u63A5\u53E3\n */\nexport interface ResponsiveImage {\n  id: number\n  baseUrl?: string\n  url: string\n  thumbnailURL?: string\n  filename?: string\n  mimeType?: string\n  width?: number\n  height?: number\n}\n\n/**\n * \u54CD\u5E94\u5F0F\u56FE\u7247\u96C6\u5408\u63A5\u53E3\n */\nexport interface ResponsiveImages {\n  laptop?: ResponsiveImage\n  mobile?: ResponsiveImage\n  tablet?: ResponsiveImage\n  desktop?: ResponsiveImage\n  lgDesktop?: ResponsiveImage\n}\n\n/**\n * \u4EA7\u54C1\u57FA\u7840\u6570\u636E\u63A5\u53E3\n */\nexport interface BaseProductData {\n  sku: string\n  name: string\n  image: string\n  value: string\n  handle: string\n  shopify_id: string\n}\n\nexport interface WithGiftData {\n  /**\n   * \u8D60\u54C1\n   */\n  gifts: FreeGift[]\n  /**\n   * \u8D60\u54C1\u7C7B\u578B 1-> \u8D60\u9001\u5176\u4E2D\u4E00\u4E2A\u8D60\u54C1\uFF0C 2 -> \u8D60\u9001\u6240\u6709\u8D60\u54C1\n   */\n  gift_type: 1 | 2\n}\n\n/**\n * \u7EAF\u4EA7\u54C1\u6570\u636E\u63A5\u53E3\uFF08\u4E0D\u5305\u542B\u8D60\u54C1\u4FE1\u606F\uFF09\n */\nexport interface PureProductData extends BaseProductData {\n  /** \u4EA7\u54C1\u63CF\u8FF0 */\n  description?: string\n  /** \u5F53\u524D\u4EF7\u683C */\n  currentPrice?: string\n  /** \u539F\u4EF7 */\n  originalPrice?: string\n  /** \u4EF7\u683C\u6807\u7B7E\u6587\u672C\uFF08\u5982 \"Plus Member Price\"\uFF09 */\n  priceLabel?: string\n  /** \u4E86\u89E3\u66F4\u591A\u6309\u94AE\u6587\u672C */\n  learnMoreText?: string\n  /** \u7ACB\u5373\u8D2D\u4E70\u6309\u94AE\u6587\u672C */\n  shopNowText?: string\n  /** \u8D60\u54C1\u6807\u7B7E\u6587\u672C */\n  freeGiftLabel?: string\n  /** \u4EA7\u54C1\u6807\u7B7E */\n  tags?: ProductTag[]\n  /** \u8D60\u54C1\u9009\u62E9\u6A21\u5F0F */\n  giftSelectionMode?: 'single' | 'multiple'\n  /** Learn More \u6309\u94AE\u529F\u80FD\uFF08\u9ED8\u8BA4 'learnMore'\uFF09 */\n  learnMoreFun?: ButtonFunctionType\n  /** Shop Now \u6309\u94AE\u529F\u80FD\uFF08\u9ED8\u8BA4 'buyNow'\uFF09 */\n  shopNowFun?: ButtonFunctionType\n  availableForSale: boolean\n}\n\nexport interface ProductData extends BaseProductData, WithGiftData {\n  /** \u4EA7\u54C1\u63CF\u8FF0 */\n  description?: string\n  /** \u5F53\u524D\u4EF7\u683C */\n  currentPrice?: string\n  /** \u539F\u4EF7 */\n  originalPrice?: string\n  /** \u4E86\u89E3\u66F4\u591A\u6309\u94AE\u6587\u672C */\n  learnMoreText?: string\n  /** \u7ACB\u5373\u8D2D\u4E70\u6309\u94AE\u6587\u672C */\n  shopNowText?: string\n  /** \u8D60\u54C1\u6807\u7B7E\u6587\u672C */\n  freeGiftLabel?: string\n  /** \u8D60\u54C1\u9009\u62E9\u6A21\u5F0F */\n  giftSelectionMode?: 'single' | 'multiple'\n}\n\n// Alias for consistency with other components\nexport type ProductCardData = ProductData\n\n/**\n * \u6587\u6848\u914D\u7F6E\u63A5\u53E3\n */\nexport interface CopyConfig {\n  shopNowText: string\n  freeGiftLabel: string\n  learnMoreText: string\n  freeGiftHeading: string\n  soldOutText?: string\n}\n\n/**\n * \u4E70\u8D60\u9879\u76EE\u63A5\u53E3\n */\nexport interface BogoItem {\n  id: string\n  data: ProductData[]\n  images: ResponsiveImages\n  shopNowFun: string\n  shopNowText: string\n  learnMoreText: string\n  layout?: 'horizontal' | 'vertical'\n}\n\n/**\n * BuyOneGetOneShelf \u4E1A\u52A1\u7EC4\u4EF6\u6570\u636E\u63A5\u53E3 - \u65B0\u683C\u5F0F\n */\nexport interface BuyOneGetOneShelfData {\n  copy: CopyConfig\n  theme: string\n  title: string\n  subtitle: string\n  bogoItems: BogoItem[]\n  /** \u8D85\u8FC7\u6B64\u6570\u91CF\u7684\u5546\u54C1\u65F6\u663E\u793A\"View More/View Less\"\u6309\u94AE\uFF0C\u9ED8\u8BA4 4 */\n  viewMoreThreshold?: number\n  /** View More \u6309\u94AE\u6587\u6848\uFF0C\u9ED8\u8BA4 'View More' */\n  viewMoreText?: string\n  /** View Less \u6309\u94AE\u6587\u6848\uFF0C\u9ED8\u8BA4 'View Less' */\n  viewLessText?: string\n}\n\n// Root \u7EC4\u4EF6 Props\uFF08\u65B0\u7684\u7EC4\u5408\u5F0F\u8BBE\u8BA1\uFF09\nexport interface BuyOneGetOneShelfProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** \u6807\u9898 */\n  title?: string\n  /** \u526F\u6807\u9898 */\n  subtitle?: string\n  theme?: Theme\n  /** \u5B50\u7EC4\u4EF6 */\n  children: React.ReactNode\n  /** Root \u7EC4\u4EF6\u7684\u81EA\u5B9A\u4E49\u7C7B\u540D */\n  classNames?: Partial<Record<BuyOneGetOneShelfRootSemanticName, string>>\n  /** \u8D85\u8FC7\u6B64\u6570\u91CF\u7684\u5546\u54C1\u65F6\u663E\u793A\"View More/View Less\"\u6309\u94AE\uFF0C\u9ED8\u8BA4 4 */\n  viewMoreThreshold?: number\n  /** View More \u6309\u94AE\u6587\u6848\uFF0C\u9ED8\u8BA4 'View More' */\n  viewMoreText?: string\n  /** View Less \u6309\u94AE\u6587\u6848\uFF0C\u9ED8\u8BA4 'View Less' */\n  viewLessText?: string\n}\n\n// \u5361\u7247\u7EC4\u4EF6Props - \u57FA\u4E8EProductCardProps\u4F46\u7B80\u5316\nexport interface BuyOneGetOneShelfCardProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onClick'> {\n  /** \u4EA7\u54C1\u6570\u636E */\n  productData: BaseProductData & {\n    description?: string\n    currentPrice?: string\n    originalPrice?: string\n    learnMoreText?: string\n    shopNowText?: string\n    freeGiftLabel?: string\n    learnMoreFun?: ButtonFunctionType\n    shopNowFun?: ButtonFunctionType\n  }\n  /** \u8D60\u54C1\u5217\u8868 */\n  gifts?: FreeGift[]\n  /** \u8D60\u54C1\u7C7B\u578B 1-> \u8D60\u9001\u5176\u4E2D\u4E00\u4E2A\u8D60\u54C1\uFF0C 2 -> \u8D60\u9001\u6240\u6709\u8D60\u54C1 */\n  giftType?: 1 | 2\n  soldOutText?: string\n  /** \u573A\u666F\u56FE\u7247 */\n  sceneImages?: ResponsiveImages\n  /** @deprecated Layout is now automatically inferred by Root based on children count. */\n  layout?: 'horizontal' | 'vertical'\n  /** ProductCard \u7EC4\u4EF6\u7684\u81EA\u5B9A\u4E49\u7C7B\u540D */\n  classNames?: Partial<Record<BuyOneGetOneShelfProductCardSemanticName, string>>\n  /** @deprecated Use `onProductImageClick` instead. */\n  onProductClick?: (product: ProductCardData) => void\n  /** \u4EA7\u54C1\u56FE\u7247\u70B9\u51FB\u56DE\u8C03 */\n  onProductImageClick?: (product: ProductCardData) => void\n  /** Learn More \u70B9\u51FB\u56DE\u8C03 */\n  onLearnMore?: (product: ProductCardData, selectedGifts: FreeGift[]) => void\n  /** Shop Now \u70B9\u51FB\u56DE\u8C03 */\n  onShopNow?: (product: ProductCardData, selectedGifts: FreeGift[]) => void\n  /** \u52A0\u5165\u8D2D\u7269\u8F66\u56DE\u8C03 */\n  onAddToCart?: (product: ProductCardData, selectedGifts: FreeGift[]) => void\n  /** \u8D60\u54C1\u70B9\u51FB\u56DE\u8C03 */\n  onGiftClick?: (gift: FreeGift, selectedGifts: FreeGift[]) => void\n  /** \u8D60\u54C1\u9009\u62E9\u53D8\u5316\u56DE\u8C03 */\n  onGiftSelectionChange?: (selectedGifts: FreeGift[], product: ProductCardData) => void\n  /** \u9009\u4E2D\u8D60\u54C1SKU\u53D8\u5316\u56DE\u8C03\uFF08\u53D7\u63A7\u7EC4\u4EF6\uFF09 */\n  onSelectedGiftSkuChange?: (selectedSku: string | null) => void\n  /**\n   * \u539F\u4EF7\u533A\u57DF\u6E32\u67D3\u51FD\u6570\uFF0C\u7528\u4E8E\u5728\u539F\u4EF7\u4F4D\u7F6E\u5C55\u793A\u81EA\u5B9A\u4E49\u5185\u5BB9\uFF08\u5982 Save \u91D1\u989D\u6587\u6848\uFF09\u3002\n   * \u4E0D\u4F20\u65F6\u4F7F\u7528\u9ED8\u8BA4\u7684\u539F\u4EF7\u6E32\u67D3\uFF08\u5212\u7EBF\u4EF7\uFF09\u3002\n   * @param originalPrice - \u683C\u5F0F\u5316\u540E\u7684\u539F\u4EF7\u6587\u672C\n   */\n  renderOriginalPrice?: (originalPrice: string | undefined) => React.ReactNode\n}\n\n// \u4FDD\u6301\u5411\u540E\u517C\u5BB9\u7684\u4F20\u7EDFProps\nexport interface BuyOneGetOneShelfLegacyProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** \u4E1A\u52A1\u6570\u636E */\n  data: BuyOneGetOneShelfData\n  /** @deprecated Use `onProductImageClick` instead. */\n  onProductClick?: (product: ProductCardData) => void\n  /** \u4EA7\u54C1\u56FE\u7247\u70B9\u51FB\u56DE\u8C03 */\n  onProductImageClick?: (product: ProductCardData) => void\n  /** Learn More\u6309\u94AE\u70B9\u51FB\u4E8B\u4EF6 */\n  onLearnMore?: (product: ProductCardData, selectedGifts: FreeGift[]) => void\n  /** Shop Now\u6309\u94AE\u70B9\u51FB\u4E8B\u4EF6 */\n  onShopNow?: (product: ProductCardData, selectedGifts: FreeGift[]) => void\n  onAddToCart?: (product: ProductCardData) => void\n  /** \u8D60\u54C1\u70B9\u51FB\u4E8B\u4EF6 */\n  onGiftClick?: (gift: FreeGift, selectedGifts: FreeGift[]) => void\n  /** \u8D60\u54C1\u9009\u62E9\u53D8\u5316\u4E8B\u4EF6 */\n  onGiftSelectionChange?: (selectedGifts: FreeGift[], product: ProductCardData) => void\n  classNames?: Partial<Record<BuyOneGetOneShelfSemanticName, string>>\n}\n"],
   "mappings": "+WAAA,IAAAA,EAAA,kBAAAC,EAAAD,GAAA,IAAAE,EAAuB",
   "names": ["types_exports", "__toCommonJS", "React"]
 }

package/dist/cjs/biz-components/Listing/BizProductProvider.d.ts

@@ -124,7 +124,7 @@ export interface ProductContextType {
     memberFunctionResult?: FunctionMemberPriceResult;
     openModal: ({ title, content, domContent }: ModalData) => void;
     openSignInPopup?: () => void;
-    openAuthCodePopup?: () => void;
+    openAuthCodePopup?: (onSuccess?: () => void) => void;
     openSignUpPopup?: () => void;
     renderInstallments?: React.ReactNode;
     onUseCouponChange?: (couponSaving: number) => void;

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

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

package/dist/cjs/biz-components/Listing/components/ProductCard/ProductDetail/BenefitsTab.d.ts

@@ -1,4 +1,5 @@
 import React from 'react';
+import type { CreditCouponRedeemProps } from './CreditCouponRedeem/index.js';
 interface BenefitsTabTextConfig {
     couponCode?: string;
     copyCode?: string;
@@ -30,6 +31,11 @@ export type ModalData = {
     domContent?: React.ReactNode;
 };
 interface BenefitsTabProps {
+    /**
+     * 积分兑换 Coupon 模块（membership tab 内新增区块）。
+     * 未传入时不渲染该区块；数据/交互状态需由调用方计算和维护，本组件不做业务判断。
+     */
+    creditCouponRedeem?: CreditCouponRedeemProps;
     textConfig?: BenefitsTabTextConfig;
 }
 declare const _default: React.ForwardRefExoticComponent<Omit<BenefitsTabProps, "container" | keyof import("../../../../../shared/Styles.js").StylesProps> & import("../../../../../shared/Styles.js").StylesProps & import("../../../../index.js").ContainerProps & React.RefAttributes<unknown>> & {};

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

@@ -1,4 +1,4 @@
-"use strict";var ce=Object.create;var S=Object.defineProperty;var de=Object.getOwnPropertyDescriptor;var ue=Object.getOwnPropertyNames;var fe=Object.getPrototypeOf,me=Object.prototype.hasOwnProperty;var be=(t,o)=>{for(var i in o)S(t,i,{get:o[i],enumerable:!0})},$=(t,o,i,d)=>{if(o&&typeof o=="object"||typeof o=="function")for(let p of ue(o))!me.call(t,p)&&p!==i&&S(t,p,{get:()=>o[p],enumerable:!(d=de(o,p))||d.enumerable});return t};var D=(t,o,i)=>(i=t!=null?ce(fe(t)):{},$(o||!t||!t.__esModule?S(i,"default",{value:t,enumerable:!0}):i,t)),ge=t=>$(S({},"__esModule",{value:!0}),t);var Ne={};be(Ne,{default:()=>Be});module.exports=ge(Ne);var e=require("react/jsx-runtime"),s=require("../../../../../components/index.js"),f=D(require("./ProductBenefitsTabs/index.js")),G=require("../../../BizProductProvider.js"),W=require("../../../hooks/useComponentData.js"),q=require("../../../hooks/useBenefits.js"),w=require("../../../utils/index.js"),I=require("../../../utils/textFormat.js"),l=D(require("react")),U=require("../../../../AiuiProvider/index.js"),Y=D(require("../../../../../hooks/useCountDown.js")),J=D(require("../../../hooks/useCopy.js")),C=require("../../../../../helpers/index.js"),K=D(require("./ProductBenefitsTabs/ModalContainer.js")),Q=require("../../../../../shared/Styles.js");const xe={couponCode:"Code",copyCode:"Copy Code",copied:"Copied",expired:"Expired",offCoupon:"{discount} off coupon",offMemberOnly:"{amount} off Member Only",loginNow:"Login now",selectFreeGift:"You can select the free gift below.",bundleSaveUpTo:"Bundle purchases save extra up to",bundleOffer:"We offer {count} bundle for you",creditsTitle:"Soundcore credits for cash",creditsDesc:"100 Soundcore credits=$1",off:" off",memberBenefitsNotLogin:"You will enjoy a {amount} member discount after logging in.",memberBenefitsNotLoginText:"Sign Up to Get Benefits Below",forNewMember:"{amount} off for New Member",expressShipping:"Express Shipping Method",creditsAfterActivation:"You will get soundcoreCredits after activation. ",active:"Active",flexibleInstallment:"Flexible installment payment "},Ce=l.default.memo(function({endsAt:o,daysLeft:i,endsText:d,daysText:p,hurryLabel:m,expiredText:h,onOpenModal:v}){const{days:r,hours:y,minutes:b,seconds:F}=(0,Y.default)({endTime:o});return(0,e.jsx)("button",{onClick:v,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]",children:Number(r)<Number(i)?(0,e.jsxs)(e.Fragment,{children:[(0,e.jsxs)("span",{children:[d," ",r==="00"?"0":r," ",p]}),(0,e.jsx)("span",{className:"font-bold",children:` ${y.toString()}:${b.toString()}:${F.toString()}`})]}):m||h})}),he=({item:t,textConfig:o,benefitPayloadData:i})=>{const{trackingData:d}=(0,U.useAiuiContext)(),{copied:p,copy:m}=(0,J.default)(),[h,v]=(0,l.useState)(!1),r=d?.common?.coupon,{openModal:y}=(0,G.useBizProductContext)();return(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)("style",{jsx:!0,children:`
+"use strict";var ue=Object.create;var P=Object.defineProperty;var fe=Object.getOwnPropertyDescriptor;var me=Object.getOwnPropertyNames;var be=Object.getPrototypeOf,ge=Object.prototype.hasOwnProperty;var xe=(t,s)=>{for(var o in s)P(t,o,{get:s[o],enumerable:!0})},$=(t,s,o,l)=>{if(s&&typeof s=="object"||typeof s=="function")for(let c of me(s))!ge.call(t,c)&&c!==o&&P(t,c,{get:()=>s[c],enumerable:!(l=fe(s,c))||l.enumerable});return t};var B=(t,s,o)=>(o=t!=null?ue(be(t)):{},$(s||!t||!t.__esModule?P(o,"default",{value:t,enumerable:!0}):o,t)),Ce=t=>$(P({},"__esModule",{value:!0}),t);var Te={};xe(Te,{default:()=>we});module.exports=Ce(Te);var e=require("react/jsx-runtime"),i=require("../../../../../components/index.js"),f=B(require("./ProductBenefitsTabs/index.js")),G=require("../../../BizProductProvider.js"),W=require("../../../hooks/useComponentData.js"),q=require("../../../hooks/useBenefits.js"),N=require("../../../utils/index.js"),I=require("../../../utils/textFormat.js"),p=B(require("react")),U=require("../../../../AiuiProvider/index.js"),Y=B(require("../../../../../hooks/useCountDown.js")),J=B(require("../../../hooks/useCopy.js")),C=require("../../../../../helpers/index.js"),K=B(require("./ProductBenefitsTabs/ModalContainer.js")),Q=require("../../../../../shared/Styles.js"),X=B(require("./CreditCouponRedeem/index.js"));const he={couponCode:"Code",copyCode:"Copy Code",copied:"Copied",expired:"Expired",offCoupon:"{discount} off coupon",offMemberOnly:"{amount} off Member Only",loginNow:"Login now",selectFreeGift:"You can select the free gift below.",bundleSaveUpTo:"Bundle purchases save extra up to",bundleOffer:"We offer {count} bundle for you",creditsTitle:"Soundcore credits for cash",creditsDesc:"100 Soundcore credits=$1",off:" off",memberBenefitsNotLogin:"You will enjoy a {amount} member discount after logging in.",memberBenefitsNotLoginText:"Sign Up to Get Benefits Below",forNewMember:"{amount} off for New Member",expressShipping:"Express Shipping Method",creditsAfterActivation:"You will get soundcoreCredits after activation. ",active:"Active",flexibleInstallment:"Flexible installment payment "},ve=p.default.memo(function({endsAt:s,daysLeft:o,endsText:l,daysText:c,hurryLabel:b,expiredText:h,onOpenModal:w}){const{days:r,hours:T,minutes:m,seconds:F}=(0,Y.default)({endTime:s});return(0,e.jsx)("button",{onClick:w,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]",children:Number(r)<Number(o)?(0,e.jsxs)(e.Fragment,{children:[(0,e.jsxs)("span",{children:[l," ",r==="00"?"0":r," ",c]}),(0,e.jsx)("span",{className:"font-bold",children:` ${T.toString()}:${m.toString()}:${F.toString()}`})]}):b||h})}),ye=({item:t,textConfig:s,benefitPayloadData:o})=>{const{trackingData:l}=(0,U.useAiuiContext)(),{copied:c,copy:b}=(0,J.default)(),[h,w]=(0,p.useState)(!1),r=l?.common?.coupon,{openModal:T}=(0,G.useBizProductContext)();return(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)("style",{jsx:!0,children:`
         .coupon-card {
           /* \u4F7F\u7528mask\u521B\u5EFA\u5185\u5207\u5706\u89D2 */
           mask:
@@ -14,7 +14,7 @@
             bottom left;
           mask-repeat: no-repeat;
         }
-      `}),(0,e.jsxs)("div",{style:{background:t.couponBgColor||"white"},className:(0,C.cn)("laptop:h-[112px] lg-desktop:h-[130px] relative h-[100px] overflow-hidden p-3",t.borderStyle==="inset"?"coupon-card ":"rounded-[8px]"),...t.useAble&&{role:"button",tabIndex:0,onClick:()=>{t?.onUseChange?.(h)!==!1&&v(!h)}},children:[t?.bgImage?.url&&(0,e.jsx)(s.Picture,{source:t.bgImage.url,alt:t.bgImage.alt,className:"absolute bottom-0 right-0 w-auto",imgClassName:"object-contain"}),(0,e.jsxs)("div",{className:"z-1 relative ",children:[(0,e.jsxs)("div",{className:"flex items-center justify-start",children:[t.useAble&&(0,e.jsx)(s.Checkbox,{size:"lg",className:"data-[state=checked]:border-primary mr-2 rounded-full border-[1.6px] border-[#D1D1D1]",checked:t?.isAutoUse}),(0,e.jsx)(s.Text,{html:t.title,className:"laptop:text-[20px] lg-desktop:text-[24px] text-[16px] font-bold leading-[1.2]"})]}),t.description&&(0,e.jsx)(s.Text,{...typeof t.description=="string"?{html:t.description}:{},as:"p",className:"lg-desktop:text-[16px] mt-2 pr-8 text-[14px] font-bold text-[#3D3D3F]",children:t.description}),t.code&&(0,e.jsxs)("div",{className:"laptop-md:mt-2 flex items-center gap-2",children:[(0,e.jsx)(s.Text,{html:`${i?.couponBenefitData?.commonCoupon?.couponCode}: ${t.code}`,className:"lg-desktop:text-[16px] text-[14px] font-bold text-[#3D3D3F]"}),(0,e.jsx)(s.Link,{className:"lg-desktop:text-[16px] text-[14px] font-bold underline",role:"button",tabIndex:0,onClick:b=>{b.preventDefault(),b.stopPropagation(),m(t.code||"")},children:p?r?.copied||i?.couponBenefitData?.commonCoupon?.copied:r?.copy||i?.couponBenefitData?.commonCoupon?.copyCode})]}),t.ends_at&&(0,e.jsx)(Ce,{endsAt:t.ends_at,daysLeft:r?.hurry?.daysLeft??0,endsText:r?.ends??"",daysText:r?.days??"",hurryLabel:r?.hurry?.label??"",expiredText:i?.couponBenefitData?.commonCoupon?.expired??"",onOpenModal:()=>{r?.modal&&y(r?.modal)}})]})]})]})},ve=({coupons:t,className:o,textConfig:i,benefitPayloadData:d})=>(0,e.jsx)("div",{className:(0,C.cn)("laptop:grid laptop:grid-cols-2 laptop-md:grid-cols-1 flex flex-col gap-3",o),children:t?.map((p,m)=>(0,e.jsx)(he,{item:p,textConfig:i,benefitPayloadData:d},m))}),ye=({textConfig:t})=>{const{profile:o,variant:i,renderInstallments:d,onUseCouponChange:p,onUseMemberDiscountChange:m,discount:h,savingDetail:v,openModal:r,openSignInPopup:y,openAuthCodePopup:b,openSignUpPopup:F,creditsRedemption:X}=(0,G.useBizProductContext)(),{usedPoints:we=0,availablePoints:Te=0}=X??{},[ee,A]=(0,l.useState)(!1),g=(0,W.useComponentData)("ProductBenefits")??{},[te,Z]=(0,l.useState)(!1),oe=(0,q.useBenefits)({variant:i}),{locale:T="us",copyWriting:ne}=(0,U.useAiuiContext)(),H=(0,l.useRef)(null),ae={...xe,...t},{activated:ie=!1}=o||{},{memberDiscount:B,commonCoupon:x,creditsRedemption:k,freeGift:E,functionFreeGift:O,bundle:V,paidShipping:se,fullGift:z,levelDiscount:R}=oe,n=(0,l.useMemo)(()=>{const a=g?.benefitTabs?.find(u=>u?.value==="coupon")??{},c=g?.benefitTabs?.find(u=>u?.value==="membership")??{},M=g?.benefitTabs?.find(u=>u?.value==="installment")??{},L=g?.benefitTabs?.find(u=>u?.value==="pay")??{};return{couponBenefitData:a,membershipBenefitData:c,installmentBenefitData:M,payBenefitData:L}},[g]),N=[x?.enable?{...x.config,isAutoUse:v?.coupon>0,useAble:!0,borderStyle:"rounded",code:x?.config?.title??"",description:x?.config?.desc??"",onUseChange:a=>{const c=a?h?.codeSavings??0:0;p?.(c)},title:(0,I.replaceTemplate)(n?.couponBenefitData?.commonCoupon?.offCoupon,{discount:x?.config?.value_type=="percentage"?Math.abs(Number(x?.config?.value||0))+"%":(0,w.formatPrice)({amount:Math.abs(Number(x?.config?.fixed_value||0)),currencyCode:i.price.currencyCode,locale:T})})}:null,B.enable?{useAble:!0,isAutoUse:!!o?.email&&!!v?.member,title:(0,I.replaceTemplate)(n?.couponBenefitData?.member?.offMemberOnly,{amount:(0,w.formatPrice)({amount:B?.config?.amount??0,currencyCode:i.price.currencyCode,locale:T})}),description:(0,e.jsxs)(e.Fragment,{children:[o?.email?n?.couponBenefitData?.member?.memberDiscounts:n?.membershipBenefitData?.memberBenefitsNotLogin?.replace("{amount}",(0,w.formatPrice)({amount:B?.config?.amount??0,currencyCode:i.price.currencyCode,locale:T}))??""," ",o?.email?"":(0,e.jsx)("span",{role:"button",tabIndex:0,onClick:()=>y?.(),className:"underline",children:n?.couponBenefitData?.member?.loginNow})]}),borderStyle:"rounded",onUseChange:a=>{if(o?.email){const c=a?B?.config?.amount??0:0;return m?.(c),!0}else return y?.(),!1}}:null,R.enable?{title:R?.config?.title??"",description:R?.config?.tag??"",borderStyle:"inset",bgImage:{url:n?.couponBenefitData?.levelDiscount?.bgImage}}:null,O.enable?{title:O?.config?.title??"",description:n?.couponBenefitData?.freeGift?.selectFreeGift,borderStyle:"inset",bgImage:{url:n?.couponBenefitData?.freeGift?.bgImage},couponBgColor:"linear-gradient(94deg, rgba(215, 245, 254, 0.24) 4.2%, rgba(215, 245, 254, 0.80) 99.11%), #FFF"}:null,E.enable?{title:E?.config?.title??"",description:n?.couponBenefitData?.freeGift?.selectFreeGift,borderStyle:"inset",bgImage:{url:n?.couponBenefitData?.freeGift?.bgImage},couponBgColor:"linear-gradient(94deg, rgba(215, 245, 254, 0.24) 4.2%, rgba(215, 245, 254, 0.80) 99.11%), #FFF"}:null,V.enable?{title:`${n?.couponBenefitData?.bundle?.bundleSaveUpTo} ${V.config?.maxSavings}`,borderStyle:"inset",description:n?.couponBenefitData?.bundle?.bundleOffer.replace("{count}",V?.config?.bundleOptions?.length?.toString()??""),bgImage:{url:n?.couponBenefitData?.bundle?.bgImage},couponBgColor:"linear-gradient(94deg, rgba(215, 245, 254, 0.24) 4.2%, rgba(215, 245, 254, 0.80) 99.11%), #FFF"}:null,z.enable?{title:z?.config?.title??"",description:z?.config?.desc??"",borderStyle:"inset",bgImage:{url:n?.couponBenefitData?.fullGift?.bgImage},couponBgColor:"linear-gradient(94deg, rgba(215, 245, 254, 0.24) 4.2%, rgba(215, 245, 254, 0.80) 99.11%), #FFF"}:null,k.enable?{title:n?.couponBenefitData?.creditsRedemption?.creditsTitle,description:n?.couponBenefitData?.creditsRedemption?.creditsDesc,borderStyle:"inset",bgImage:{url:n?.couponBenefitData?.creditsRedemption?.bgImage},couponBgColor:"linear-gradient(94deg, rgba(215, 245, 254, 0.24) 4.2%, rgba(215, 245, 254, 0.80) 99.11%), #FFF"}:null].filter(Boolean);(0,l.useEffect)(()=>{_(N?.length?"coupon":"membership")},[N?.length]),(0,l.useEffect)(()=>{A(!1)},[i?.id]);const[j,_]=(0,l.useState)("coupon"),le=()=>{b?.()},re=(a,c)=>{if(_(c),H.current){const M=H.current,L=a.currentTarget,u=L.offsetLeft-M.offsetWidth/2+L.offsetWidth/2;M.scrollTo({left:u,behavior:"smooth"})}},pe=(0,l.useMemo)(()=>g?.benefitTabs?.map(a=>a?.value==="coupon"&&!N?.length?null:a).filter(Boolean),[g,N]);return f.default?(0,e.jsxs)(f.default,{className:"relative",onValueChange:a=>{_(a),A(a==="installment")},value:j,children:[(0,e.jsx)("div",{className:"absolute right-0 top-0 z-[1] h-[40px] w-[25px] rounded-xl bg-gradient-to-r from-transparent to-[#EAEAEC]"}),(0,e.jsx)(f.default.List,{ref:H,children:pe?.map(a=>(0,e.jsx)(f.default.Trigger,{className:(0,C.cn)(j===a.value&&"text-[#080A0F]"),value:a.value,onClick:c=>re(c,a?.value),children:a.label},a?.value))}),(0,e.jsx)("style",{global:!0,jsx:!0,children:`
+      `}),(0,e.jsxs)("div",{style:{background:t.couponBgColor||"white"},className:(0,C.cn)("laptop:h-[112px] lg-desktop:h-[130px] relative h-[100px] overflow-hidden p-3",t.borderStyle==="inset"?"coupon-card ":"rounded-[8px]"),...t.useAble&&{role:"button",tabIndex:0,onClick:()=>{t?.onUseChange?.(h)!==!1&&w(!h)}},children:[t?.bgImage?.url&&(0,e.jsx)(i.Picture,{source:t.bgImage.url,alt:t.bgImage.alt,className:"absolute bottom-0 right-0 w-auto",imgClassName:"object-contain"}),(0,e.jsxs)("div",{className:"z-1 relative ",children:[(0,e.jsxs)("div",{className:"flex items-center justify-start",children:[t.useAble&&(0,e.jsx)(i.Checkbox,{size:"lg",className:"data-[state=checked]:border-primary mr-2 rounded-full border-[1.6px] border-[#D1D1D1]",checked:t?.isAutoUse}),(0,e.jsx)(i.Text,{html:t.title,className:"laptop:text-[20px] lg-desktop:text-[24px] text-[16px] font-bold leading-[1.2]"})]}),t.description&&(0,e.jsx)(i.Text,{...typeof t.description=="string"?{html:t.description}:{},as:"p",className:"lg-desktop:text-[16px] mt-2 pr-8 text-[14px] font-bold text-[#3D3D3F]",children:t.description}),t.code&&(0,e.jsxs)("div",{className:"laptop-md:mt-2 flex items-center gap-2",children:[(0,e.jsx)(i.Text,{html:`${o?.couponBenefitData?.commonCoupon?.couponCode}: ${t.code}`,className:"lg-desktop:text-[16px] text-[14px] font-bold text-[#3D3D3F]"}),(0,e.jsx)(i.Link,{className:"lg-desktop:text-[16px] text-[14px] font-bold underline",role:"button",tabIndex:0,onClick:m=>{m.preventDefault(),m.stopPropagation(),b(t.code||"")},children:c?r?.copied||o?.couponBenefitData?.commonCoupon?.copied:r?.copy||o?.couponBenefitData?.commonCoupon?.copyCode})]}),t.ends_at&&(0,e.jsx)(ve,{endsAt:t.ends_at,daysLeft:r?.hurry?.daysLeft??0,endsText:r?.ends??"",daysText:r?.days??"",hurryLabel:r?.hurry?.label??"",expiredText:o?.couponBenefitData?.commonCoupon?.expired??"",onOpenModal:()=>{r?.modal&&T(r?.modal)}})]})]})]})},Be=({coupons:t,className:s,textConfig:o,benefitPayloadData:l})=>(0,e.jsx)("div",{className:(0,C.cn)("laptop:grid laptop:grid-cols-2 laptop-md:grid-cols-1 flex flex-col gap-3",s),children:t?.map((c,b)=>(0,e.jsx)(ye,{item:c,textConfig:o,benefitPayloadData:l},b))}),Ne=({creditCouponRedeem:t,textConfig:s})=>{const{profile:o,variant:l,renderInstallments:c,onUseCouponChange:b,onUseMemberDiscountChange:h,discount:w,savingDetail:r,openModal:T,openSignInPopup:m,openAuthCodePopup:F,openSignUpPopup:ee,creditsRedemption:te}=(0,G.useBizProductContext)(),{usedPoints:De=0,availablePoints:ke=0}=te??{},[oe,A]=(0,p.useState)(!1),g=(0,W.useComponentData)("ProductBenefits")??{},[ne,Z]=(0,p.useState)(!1),ae=(0,q.useBenefits)({variant:l}),{locale:D="us",copyWriting:ie}=(0,U.useAiuiContext)(),H=(0,p.useRef)(null),se={...he,...s},{activated:le=!1}=o||{},{memberDiscount:v,commonCoupon:x,creditsRedemption:k,freeGift:E,functionFreeGift:j,bundle:R,paidShipping:re,fullGift:V,levelDiscount:z}=ae,n=(0,p.useMemo)(()=>{const a=g?.benefitTabs?.find(u=>u?.value==="coupon")??{},d=g?.benefitTabs?.find(u=>u?.value==="membership")??{},M=g?.benefitTabs?.find(u=>u?.value==="installment")??{},L=g?.benefitTabs?.find(u=>u?.value==="pay")??{};return{couponBenefitData:a,membershipBenefitData:d,installmentBenefitData:M,payBenefitData:L}},[g]),y=[x?.enable?{...x.config,isAutoUse:r?.coupon>0,useAble:!0,borderStyle:"rounded",code:x?.config?.title??"",description:x?.config?.desc??"",onUseChange:a=>{const d=a?w?.codeSavings??0:0;b?.(d)},title:(0,I.replaceTemplate)(n?.couponBenefitData?.commonCoupon?.offCoupon,{discount:x?.config?.value_type=="percentage"?Math.abs(Number(x?.config?.value||0))+"%":(0,N.formatPrice)({amount:Math.abs(Number(x?.config?.fixed_value||0)),currencyCode:l.price.currencyCode,locale:D})})}:null,v.enable?{useAble:!0,isAutoUse:!!o?.email&&!!r?.member,title:(0,I.replaceTemplate)(n?.couponBenefitData?.member?.offMemberOnly,{amount:(0,N.formatPrice)({amount:v?.config?.amount??0,currencyCode:l.price.currencyCode,locale:D})}),description:(0,e.jsxs)(e.Fragment,{children:[o?.email?n?.couponBenefitData?.member?.memberDiscounts:n?.membershipBenefitData?.memberBenefitsNotLogin?.replace("{amount}",(0,N.formatPrice)({amount:v?.config?.amount??0,currencyCode:l.price.currencyCode,locale:D}))??""," ",o?.email?"":(0,e.jsx)("span",{role:"button",tabIndex:0,onClick:()=>m?.(),className:"underline",children:n?.couponBenefitData?.member?.loginNow})]}),borderStyle:"rounded",onUseChange:a=>{if(o?.email){const d=a?v?.config?.amount??0:0;return h?.(d),!0}else return m?.(),!1}}:null,z.enable?{title:z?.config?.title??"",description:z?.config?.tag??"",borderStyle:"inset",bgImage:{url:n?.couponBenefitData?.levelDiscount?.bgImage}}:null,j.enable?{title:j?.config?.title??"",description:n?.couponBenefitData?.freeGift?.selectFreeGift,borderStyle:"inset",bgImage:{url:n?.couponBenefitData?.freeGift?.bgImage},couponBgColor:"linear-gradient(94deg, rgba(215, 245, 254, 0.24) 4.2%, rgba(215, 245, 254, 0.80) 99.11%), #FFF"}:null,E.enable?{title:E?.config?.title??"",description:n?.couponBenefitData?.freeGift?.selectFreeGift,borderStyle:"inset",bgImage:{url:n?.couponBenefitData?.freeGift?.bgImage},couponBgColor:"linear-gradient(94deg, rgba(215, 245, 254, 0.24) 4.2%, rgba(215, 245, 254, 0.80) 99.11%), #FFF"}:null,R.enable?{title:`${n?.couponBenefitData?.bundle?.bundleSaveUpTo} ${R.config?.maxSavings}`,borderStyle:"inset",description:n?.couponBenefitData?.bundle?.bundleOffer.replace("{count}",R?.config?.bundleOptions?.length?.toString()??""),bgImage:{url:n?.couponBenefitData?.bundle?.bgImage},couponBgColor:"linear-gradient(94deg, rgba(215, 245, 254, 0.24) 4.2%, rgba(215, 245, 254, 0.80) 99.11%), #FFF"}:null,V.enable?{title:V?.config?.title??"",description:V?.config?.desc??"",borderStyle:"inset",bgImage:{url:n?.couponBenefitData?.fullGift?.bgImage},couponBgColor:"linear-gradient(94deg, rgba(215, 245, 254, 0.24) 4.2%, rgba(215, 245, 254, 0.80) 99.11%), #FFF"}:null,k.enable?{title:n?.couponBenefitData?.creditsRedemption?.creditsTitle,description:n?.couponBenefitData?.creditsRedemption?.creditsDesc,borderStyle:"inset",bgImage:{url:n?.couponBenefitData?.creditsRedemption?.bgImage},couponBgColor:"linear-gradient(94deg, rgba(215, 245, 254, 0.24) 4.2%, rgba(215, 245, 254, 0.80) 99.11%), #FFF"}:null].filter(Boolean);(0,p.useEffect)(()=>{_(y?.length?"coupon":"membership")},[y?.length]),(0,p.useEffect)(()=>{A(!1)},[l?.id]);const[O,_]=(0,p.useState)("coupon"),pe=()=>{F?.()},ce=(a,d)=>{if(_(d),H.current){const M=H.current,L=a.currentTarget,u=L.offsetLeft-M.offsetWidth/2+L.offsetWidth/2;M.scrollTo({left:u,behavior:"smooth"})}},de=(0,p.useMemo)(()=>g?.benefitTabs?.map(a=>a?.value==="coupon"&&!y?.length?null:a).filter(Boolean),[g,y]);return f.default?(0,e.jsxs)(f.default,{className:"relative",onValueChange:a=>{_(a),A(a==="installment")},value:O,children:[(0,e.jsx)("div",{className:"absolute right-0 top-0 z-[1] h-[40px] w-[25px] rounded-xl bg-gradient-to-r from-transparent to-[#EAEAEC]"}),(0,e.jsx)(f.default.List,{ref:H,children:de?.map(a=>(0,e.jsx)(f.default.Trigger,{className:(0,C.cn)(O===a.value&&"text-[#080A0F]"),value:a.value,onClick:d=>ce(d,a?.value),children:a.label},a?.value))}),(0,e.jsx)("style",{global:!0,jsx:!0,children:`
           .benefits-tabs-content::-webkit-scrollbar {
             width: 4px; /* \u6EDA\u52A8\u6761\u5BBD\u5EA6 */
             height: 64px; /* \u6A2A\u5411\u6EDA\u52A8\u6761\u9AD8\u5EA6 */
@@ -32,8 +32,8 @@
           .benefits-tabs-content::-webkit-scrollbar-thumb:hover {
             background-color: rgba(100, 100, 100, 0.6);
           }
-        `}),N?.length?(0,e.jsx)(f.default.Content,{value:"coupon",className:"benefits-tabs-content lg-desktop:h-[240px] laptop-md:h-[196px] laptop:h-[220px] h-[180px] overflow-y-auto",children:(0,e.jsx)("div",{className:"lg-desktop:p-4 p-3",children:(0,e.jsx)(ve,{coupons:N,textConfig:ae,benefitPayloadData:n})})}):null,(0,e.jsx)(f.default.Content,{value:"membership",className:(0,C.cn)("benefits-tabs-content lg-desktop:h-[240px] laptop-md:h-[196px] laptop:h-[220px] h-[180px]",{"overflow-y-auto":o?.email}),children:(0,e.jsxs)("div",{className:"lg-desktop:p-4 p-3",children:[(0,e.jsxs)("div",{className:(0,C.cn)("rounded-lg",{"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":!o?.email}),children:[!o?.email&&(0,e.jsx)("h3",{className:"laptop-md:mb-2 mb-1 text-left text-lg font-bold !leading-[1.3]",children:n?.membershipBenefitData?.memberBenefitsNotLoginText}),(0,e.jsxs)("ul",{className:`laptop-md:[&_li]:py-4 list-none 
+        `}),y?.length?(0,e.jsx)(f.default.Content,{value:"coupon",className:"benefits-tabs-content lg-desktop:h-[240px] laptop-md:h-[196px] laptop:h-[220px] h-[180px] overflow-y-auto",children:(0,e.jsx)("div",{className:"lg-desktop:p-4 p-3",children:(0,e.jsx)(Be,{coupons:y,textConfig:se,benefitPayloadData:n})})}):null,(0,e.jsx)(f.default.Content,{value:"membership",className:(0,C.cn)("benefits-tabs-content lg-desktop:h-[240px] laptop-md:h-[196px] laptop:h-[220px] h-[180px] overflow-y-auto"),children:(0,e.jsxs)("div",{className:"lg-desktop:p-4 p-3",children:[t&&(0,e.jsx)("div",{className:"laptop-md:mb-4 mb-2",children:(0,e.jsx)(X.default,{...t})}),(0,e.jsxs)("div",{className:(0,C.cn)("rounded-lg",{"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":!o?.email}),children:[!o?.email&&(0,e.jsx)("h3",{className:"laptop-md:mb-2 mb-1 text-left text-lg font-bold !leading-[1.3]",children:n?.membershipBenefitData?.memberBenefitsNotLoginText}),(0,e.jsxs)("ul",{className:`laptop-md:[&_li]:py-4 list-none 
               [&_li:first-child]:rounded-t-lg [&_li:last-child]:rounded-b-lg [&_li:last-child]:last:border-b-0 [&_li]:flex
               [&_li]:items-center [&_li]:gap-2 [&_li]:border-b [&_li]:border-b-[#E4E5E6] [&_li]:bg-white [&_li]:px-4 [&_li]:py-[10px]
-              [&_li]:text-left`,children:[k.enable?(0,e.jsxs)("li",{children:[(0,e.jsx)("svg",{className:"laptop-md:size-6 size-4",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,e.jsx)("path",{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",fill:"#1D1D1F"})}),(0,e.jsx)(s.Text,{as:"p",className:"x:text-[14px] text-left text-[16px] font-bold",children:!ie&&o?.email?(0,e.jsxs)(e.Fragment,{children:[n?.membershipBenefitData?.creditsAfterActivation,(0,e.jsx)("span",{role:"button",tabIndex:0,onClick:()=>le(),className:"underline",children:n?.membershipBenefitData?.active})]}):k?.config?.label?.replace("{{amount}}",(0,w.formatPrice)({amount:k?.config?.amount??0,currencyCode:i.price.currencyCode,locale:T}))})]}):null,B.enable&&(0,e.jsxs)("li",{className:"justify-between",children:[(0,e.jsxs)("div",{className:"flex gap-2",children:[(0,e.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",className:"laptop-md:size-6 size-4",viewBox:"0 0 24 24",fill:"none",children:(0,e.jsx)("path",{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",fill:"#1D1D1F"})}),(0,e.jsx)(s.Text,{as:"p",className:"x:text-[14px] text-left text-[16px] font-bold",children:(0,I.replaceTemplate)(n?.membershipBenefitData?.forNewMember,{amount:(0,w.formatPrice)({amount:B?.config?.amount??0,currencyCode:i.price.currencyCode,locale:T})})})]}),!!o?.email&&(0,e.jsx)(P,{})]}),n?.membershipBenefitData?.equities?.map((a,c)=>a.modalText?(0,e.jsxs)("li",{className:"justify-between gap-2",children:[(0,e.jsxs)("button",{onClick:()=>r?.({title:a.label,content:a.modalText}),className:"flex justify-between",children:[(0,e.jsx)(s.Picture,{source:a.icon,alt:a.text,className:"laptop-md:size-6 size-4 shrink-0"}),(0,e.jsx)(s.Text,{className:"x:text-[14px] text-wrap text-left text-[16px] font-bold",children:a.text})]},c),!!o?.email&&(0,e.jsx)(P,{})]},c):(0,e.jsxs)("li",{className:"justify-between",children:[(0,e.jsxs)("div",{className:"flex items-center gap-2",children:[(0,e.jsx)(s.Picture,{source:a.icon,alt:a.text,className:"laptop-md:size-6 size-4 shrink-0"}),(0,e.jsx)(s.Text,{as:"p",className:"x:text-[14px] text-wrap text-left text-[16px] font-bold",children:a.label})]}),!!o?.email&&(0,e.jsx)(P,{})]},c)),se.enable?(0,e.jsxs)("li",{className:"justify-between",children:[(0,e.jsxs)("div",{className:"flex gap-2",children:[(0,e.jsx)("svg",{className:"laptop-md:size-6 size-4",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,e.jsx)("path",{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",fill:"#1D1D1F"})}),(0,e.jsx)(s.Text,{as:"p",className:"x:text-[14px] text-left text-[16px] font-bold",children:n?.membershipBenefitData?.expressShipping})]}),!!o?.email&&(0,e.jsx)(P,{})]}):null]})]}),!o?.email&&(0,e.jsx)("div",{className:"laptop-md:pt-4 pt-2",children:(0,e.jsx)(s.Button,{variant:"primary",className:"w-full",onClick:()=>F?.(),children:ne?.signUp})})]})}),(0,e.jsxs)(f.default.Content,{value:"pay",className:"benefits-tabs-content lg-desktop:h-[240px] laptop-md:h-[196px] laptop:h-[220px] h-[180px] overflow-y-auto ",children:[(0,e.jsxs)("div",{className:"lg-desktop:p-4 p-3",children:[(0,e.jsx)(s.Heading,{size:2,className:"mb-2 text-left text-lg font-bold",children:n?.payBenefitData?.payMethod}),(0,e.jsxs)("div",{className:"lg-desktop:p-4 flex items-center justify-between gap-2 rounded-lg bg-white p-3",children:[(0,e.jsxs)("div",{className:"flex items-center gap-2",children:[(0,e.jsx)(s.Picture,{source:n?.payBenefitData?.icon,className:"laptop-md:size-[70px] laptop-md:h-[34px] size-[40px] h-[20px] shrink-0"}),(0,e.jsx)(s.Text,{as:"p",className:"x:text-[14px] text-left text-[16px] font-bold",html:n?.payBenefitData?.withCheckout})]}),(0,e.jsx)("button",{className:"hover:text-brand-0 laptop-md:text-[16px] whitespace-nowrap text-sm font-bold underline",onClick:()=>Z(!0),children:n?.payBenefitData?.learnMore})]})]}),(0,e.jsx)(K.default,{showModal:te,closeModal:()=>Z(!1),children:(0,e.jsx)(s.Picture,{source:n?.payBenefitData?.payImage})})]}),(0,e.jsx)(f.default.Content,{value:"installment",forceMount:!0,className:(0,C.cn)("benefits-tabs-content lg-desktop:h-[240px] laptop-md:h-[196px] laptop:h-[220px] h-[180px] overflow-y-auto ",ee?"block":"hidden"),children:(0,e.jsxs)("div",{className:"lg-desktop:p-4 p-3",children:[(0,e.jsx)(s.Heading,{size:2,className:"mb-2 text-left text-lg font-bold",children:n?.installmentBenefitData?.flexibleInstallment}),(0,e.jsx)("div",{className:"lg-desktop:p-4 overflow-hidden rounded-lg bg-white p-3",children:d})]})})]}):null},P=t=>(0,e.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",...t,children:(0,e.jsx)("path",{d:"M4 9.19472L8.51935 13.667L16.2668 6.00024",stroke:"#2BBC4F",strokeWidth:"1.67",strokeLinecap:"round",strokeLinejoin:"round"})});var Be=(0,Q.withLayout)(ye);
+              [&_li]:text-left`,children:[k.enable?(0,e.jsxs)("li",{children:[(0,e.jsx)("svg",{className:"laptop-md:size-6 size-4",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,e.jsx)("path",{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",fill:"#1D1D1F"})}),(0,e.jsx)(i.Text,{as:"p",className:"x:text-[14px] text-left text-[16px] font-bold",children:!le&&o?.email?(0,e.jsxs)(e.Fragment,{children:[n?.membershipBenefitData?.creditsAfterActivation,(0,e.jsx)("span",{role:"button",tabIndex:0,onClick:()=>pe(),className:"underline",children:n?.membershipBenefitData?.active})]}):k?.config?.label?.replace("{{amount}}",(0,N.formatPrice)({amount:k?.config?.amount??0,currencyCode:l.price.currencyCode,locale:D}))})]}):null,v.enable&&(0,e.jsxs)("li",{className:"justify-between",children:[(0,e.jsxs)("div",{className:"flex gap-2",children:[(0,e.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",className:"laptop-md:size-6 size-4",viewBox:"0 0 24 24",fill:"none",children:(0,e.jsx)("path",{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",fill:"#1D1D1F"})}),(0,e.jsx)(i.Text,{as:"p",className:"x:text-[14px] text-left text-[16px] font-bold",children:(0,I.replaceTemplate)(n?.membershipBenefitData?.forNewMember,{amount:(0,N.formatPrice)({amount:v?.config?.amount??0,currencyCode:l.price.currencyCode,locale:D})})})]}),!!o?.email&&(0,e.jsx)(S,{})]}),n?.membershipBenefitData?.equities?.map((a,d)=>a.modalText?(0,e.jsxs)("li",{className:"justify-between gap-2",children:[(0,e.jsxs)("button",{onClick:()=>T?.({title:a.label,content:a.modalText}),className:"flex justify-between",children:[(0,e.jsx)(i.Picture,{source:a.icon,alt:a.text,className:"laptop-md:size-6 size-4 shrink-0"}),(0,e.jsx)(i.Text,{className:"x:text-[14px] text-wrap text-left text-[16px] font-bold",children:a.text})]},d),!!o?.email&&(0,e.jsx)(S,{})]},d):(0,e.jsxs)("li",{className:"justify-between",children:[(0,e.jsxs)("div",{className:"flex items-center gap-2",children:[(0,e.jsx)(i.Picture,{source:a.icon,alt:a.text,className:"laptop-md:size-6 size-4 shrink-0"}),(0,e.jsx)(i.Text,{as:"p",className:"x:text-[14px] text-wrap text-left text-[16px] font-bold",children:a.label})]}),!!o?.email&&(0,e.jsx)(S,{})]},d)),re.enable?(0,e.jsxs)("li",{className:"justify-between",children:[(0,e.jsxs)("div",{className:"flex gap-2",children:[(0,e.jsx)("svg",{className:"laptop-md:size-6 size-4",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,e.jsx)("path",{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",fill:"#1D1D1F"})}),(0,e.jsx)(i.Text,{as:"p",className:"x:text-[14px] text-left text-[16px] font-bold",children:n?.membershipBenefitData?.expressShipping})]}),!!o?.email&&(0,e.jsx)(S,{})]}):null]})]}),!o?.email&&(0,e.jsx)("div",{className:"laptop-md:pt-4 pt-2",children:(0,e.jsx)(i.Button,{variant:"primary",className:"w-full",onClick:()=>ee?.(),children:ie?.signUp})})]})}),(0,e.jsxs)(f.default.Content,{value:"pay",className:"benefits-tabs-content lg-desktop:h-[240px] laptop-md:h-[196px] laptop:h-[220px] h-[180px] overflow-y-auto ",children:[(0,e.jsxs)("div",{className:"lg-desktop:p-4 p-3",children:[(0,e.jsx)(i.Heading,{size:2,className:"mb-2 text-left text-lg font-bold",children:n?.payBenefitData?.payMethod}),(0,e.jsxs)("div",{className:"lg-desktop:p-4 flex items-center justify-between gap-2 rounded-lg bg-white p-3",children:[(0,e.jsxs)("div",{className:"flex items-center gap-2",children:[(0,e.jsx)(i.Picture,{source:n?.payBenefitData?.icon,className:"laptop-md:size-[70px] laptop-md:h-[34px] size-[40px] h-[20px] shrink-0"}),(0,e.jsx)(i.Text,{as:"p",className:"x:text-[14px] text-left text-[16px] font-bold",html:n?.payBenefitData?.withCheckout})]}),(0,e.jsx)("button",{className:"hover:text-brand-0 laptop-md:text-[16px] whitespace-nowrap text-sm font-bold underline",onClick:()=>Z(!0),children:n?.payBenefitData?.learnMore})]})]}),(0,e.jsx)(K.default,{showModal:ne,closeModal:()=>Z(!1),children:(0,e.jsx)(i.Picture,{source:n?.payBenefitData?.payImage})})]}),(0,e.jsx)(f.default.Content,{value:"installment",forceMount:!0,className:(0,C.cn)("benefits-tabs-content lg-desktop:h-[240px] laptop-md:h-[196px] laptop:h-[220px] h-[180px] overflow-y-auto ",oe?"block":"hidden"),children:(0,e.jsxs)("div",{className:"lg-desktop:p-4 p-3",children:[(0,e.jsx)(i.Heading,{size:2,className:"mb-2 text-left text-lg font-bold",children:n?.installmentBenefitData?.flexibleInstallment}),(0,e.jsx)("div",{className:"lg-desktop:p-4 overflow-hidden rounded-lg bg-white p-3",children:c})]})})]}):null},S=t=>(0,e.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",...t,children:(0,e.jsx)("path",{d:"M4 9.19472L8.51935 13.667L16.2668 6.00024",stroke:"#2BBC4F",strokeWidth:"1.67",strokeLinecap:"round",strokeLinejoin:"round"})});var we=(0,Q.withLayout)(Ne);
 //# sourceMappingURL=BenefitsTab.js.map