@anker-in/headless-ui 1.3.50 → 1.3.51

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../../src/biz-components/Listing/components/ProductCard/ProductDetail/ProductFunctionFreeGift/index.tsx"],
+  "sourcesContent": ["import { Text, Picture, Checkbox } from '../../../../../../components/index.js'\nimport { cn } from '../../../../../../helpers/index.js'\nimport { withLayout } from '../../../../../../shared/Styles.js'\nimport { useFollowTooltip, FollowTooltip } from '../../../../hooks/useFollowTooltip.js'\nimport type { FunctionFreeGiftItem } from './types.js'\nimport { useBizProductContext } from '../../../../BizProductProvider.js'\n\nconst ProductFunctionFreeGift = () => {\n  const { functionFreeGift: freeGift, checkedFunctionGifts, setCheckedFunctionGifts } = useBizProductContext()\n\n  if (!freeGift) return null\n  if (!checkedFunctionGifts || !setCheckedFunctionGifts) return null\n\n  const { title, freeLabel, giftItems = [] } = freeGift\n  const { tooltip, getTooltipProps } = useFollowTooltip()\n\n  const isMultiple = freeGift.mode === 'multiple'\n\n  if (!giftItems.length) return null\n\n  const isChecked = (gift: FunctionFreeGiftItem): boolean => {\n    return checkedFunctionGifts?.has(String(gift.id)) ?? false\n  }\n\n  const handleToggle = (gift: FunctionFreeGiftItem) => {\n    const giftId = String(gift.id)\n    setCheckedFunctionGifts?.(prev => {\n      const next = new Set(prev)\n      const alreadyChecked = next.has(giftId)\n\n      if (isMultiple) {\n        alreadyChecked ? next.delete(giftId) : next.add(giftId)\n        const nextItems = giftItems.filter(g => next.has(String(g.id)))\n        freeGift.onCheckedChange?.(nextItems)\n      } else {\n        next.clear()\n        if (!alreadyChecked) {\n          next.add(giftId)\n        }\n        freeGift.onCheckedChange?.(alreadyChecked ? undefined : gift)\n      }\n      return next\n    })\n  }\n\n  return (\n    <div className={cn('ipc-product-detail-free-gift')}>\n      <Text className=\"font-bold leading-[1.2] text-[14px] lg-desktop:text-[16px]\" html={title} />\n      <div className=\"laptop:grid-cols-2 laptop-md:grid-cols-1 lg-desktop:mt-4 mt-3 grid grid-cols-1 gap-3\">\n        {giftItems.map(gift => {\n          const checked = isChecked(gift)\n          return (\n            <div\n              key={gift.id}\n              className={cn(\n                'rounded-box h-[80px] laptop:h-[100px] flex items-center gap-2 border-2 border-[#E4E5E6] px-4 text-left font-bold',\n                { 'border-brand': checked }\n              )}\n            >\n              <Checkbox\n                onCheckedChange={() => handleToggle(gift)}\n                size=\"lg\"\n                className={cn('rounded-full border-2 border-[#E4E5E6]', {\n                  'border-brand-0 data-[state=checked]:bg-brand-0': checked,\n                })}\n                id={String(gift.id)}\n                checked={checked}\n                value={String(gift.id)}\n              />\n              <label\n                htmlFor={String(gift.id)}\n                className=\"flex w-full cursor-pointer items-center justify-between gap-4 py-4 lg-desktop:py-6\"\n              >\n                <div className=\"flex items-center gap-2\">\n                  <Picture source={gift.imageUrl} className=\"size-12 shrink-0\" imgClassName=\"h-full\" />\n                  <Text\n                    {...getTooltipProps(gift.title)}\n                    className=\"laptop:text-[16px] lg-desktop:text-[18px] line-clamp-2 text-sm font-bold\"\n                    html={gift.title}\n                  />\n                  <FollowTooltip {...tooltip} />\n                </div>\n                <div className=\"tablet:flex-row flex shrink-0 flex-col items-center gap-1\">\n                  {freeLabel && (\n                    <Text\n                      className=\"laptop:text-[20px] lg-desktop:text-2xl text-base font-bold !leading-[1.2]\"\n                      html={freeLabel}\n                    />\n                  )}\n                  {gift.comparePrice && (\n                    <Text\n                      className=\"laptop:text-[20px] lg-desktop:text-2xl text-base font-bold text-[#6D6D6F] line-through !leading-[1.2]\"\n                      html={gift.comparePrice}\n                    />\n                  )}\n                </div>\n              </label>\n            </div>\n          )\n        })}\n      </div>\n    </div>\n  )\n}\n\nProductFunctionFreeGift.displayName = 'ProductFunctionFreeGift'\n\nexport default withLayout(ProductFunctionFreeGift)\nexport type { ProductFunctionFreeGiftProps, FunctionFreeGiftItem } from './types.js'\n"],
+  "mappings": "AA+CM,cAAAA,EA0BU,QAAAC,MA1BV,oBA/CN,OAAS,QAAAC,EAAM,WAAAC,EAAS,YAAAC,MAAgB,wCACxC,OAAS,MAAAC,MAAU,qCACnB,OAAS,cAAAC,MAAkB,qCAC3B,OAAS,oBAAAC,EAAkB,iBAAAC,MAAqB,wCAEhD,OAAS,wBAAAC,MAA4B,oCAErC,MAAMC,EAA0B,IAAM,CACpC,KAAM,CAAE,iBAAkBC,EAAU,qBAAAC,EAAsB,wBAAAC,CAAwB,EAAIJ,EAAqB,EAG3G,GADI,CAACE,GACD,CAACC,GAAwB,CAACC,EAAyB,OAAO,KAE9D,KAAM,CAAE,MAAAC,EAAO,UAAAC,EAAW,UAAAC,EAAY,CAAC,CAAE,EAAIL,EACvC,CAAE,QAAAM,EAAS,gBAAAC,CAAgB,EAAIX,EAAiB,EAEhDY,EAAaR,EAAS,OAAS,WAErC,GAAI,CAACK,EAAU,OAAQ,OAAO,KAE9B,MAAMI,EAAaC,GACVT,GAAsB,IAAI,OAAOS,EAAK,EAAE,CAAC,GAAK,GAGjDC,EAAgBD,GAA+B,CACnD,MAAME,EAAS,OAAOF,EAAK,EAAE,EAC7BR,IAA0BW,GAAQ,CAChC,MAAMC,EAAO,IAAI,IAAID,CAAI,EACnBE,EAAiBD,EAAK,IAAIF,CAAM,EAEtC,GAAIJ,EAAY,CACdO,EAAiBD,EAAK,OAAOF,CAAM,EAAIE,EAAK,IAAIF,CAAM,EACtD,MAAMI,EAAYX,EAAU,OAAOY,GAAKH,EAAK,IAAI,OAAOG,EAAE,EAAE,CAAC,CAAC,EAC9DjB,EAAS,kBAAkBgB,CAAS,CACtC,MACEF,EAAK,MAAM,EACNC,GACHD,EAAK,IAAIF,CAAM,EAEjBZ,EAAS,kBAAkBe,EAAiB,OAAYL,CAAI,EAE9D,OAAOI,CACT,CAAC,CACH,EAEA,OACExB,EAAC,OAAI,UAAWI,EAAG,8BAA8B,EAC/C,UAAAL,EAACE,EAAA,CAAK,UAAU,6DAA6D,KAAMY,EAAO,EAC1Fd,EAAC,OAAI,UAAU,uFACZ,SAAAgB,EAAU,IAAIK,GAAQ,CACrB,MAAMQ,EAAUT,EAAUC,CAAI,EAC9B,OACEpB,EAAC,OAEC,UAAWI,EACT,mHACA,CAAE,eAAgBwB,CAAQ,CAC5B,EAEA,UAAA7B,EAACI,EAAA,CACC,gBAAiB,IAAMkB,EAAaD,CAAI,EACxC,KAAK,KACL,UAAWhB,EAAG,yCAA0C,CACtD,iDAAkDwB,CACpD,CAAC,EACD,GAAI,OAAOR,EAAK,EAAE,EAClB,QAASQ,EACT,MAAO,OAAOR,EAAK,EAAE,EACvB,EACApB,EAAC,SACC,QAAS,OAAOoB,EAAK,EAAE,EACvB,UAAU,qFAEV,UAAApB,EAAC,OAAI,UAAU,0BACb,UAAAD,EAACG,EAAA,CAAQ,OAAQkB,EAAK,SAAU,UAAU,mBAAmB,aAAa,SAAS,EACnFrB,EAACE,EAAA,CACE,GAAGgB,EAAgBG,EAAK,KAAK,EAC9B,UAAU,2EACV,KAAMA,EAAK,MACb,EACArB,EAACQ,EAAA,CAAe,GAAGS,EAAS,GAC9B,EACAhB,EAAC,OAAI,UAAU,4DACZ,UAAAc,GACCf,EAACE,EAAA,CACC,UAAU,4EACV,KAAMa,EACR,EAEDM,EAAK,cACJrB,EAACE,EAAA,CACC,UAAU,wGACV,KAAMmB,EAAK,aACb,GAEJ,GACF,IA3CKA,EAAK,EA4CZ,CAEJ,CAAC,EACH,GACF,CAEJ,EAEAX,EAAwB,YAAc,0BAEtC,IAAOoB,EAAQxB,EAAWI,CAAuB",
+  "names": ["jsx", "jsxs", "Text", "Picture", "Checkbox", "cn", "withLayout", "useFollowTooltip", "FollowTooltip", "useBizProductContext", "ProductFunctionFreeGift", "freeGift", "checkedFunctionGifts", "setCheckedFunctionGifts", "title", "freeLabel", "giftItems", "tooltip", "getTooltipProps", "isMultiple", "isChecked", "gift", "handleToggle", "giftId", "prev", "next", "alreadyChecked", "nextItems", "g", "checked", "ProductFunctionFreeGift_default"]
+}

package/dist/esm/biz-components/Listing/components/ProductCard/ProductDetail/ProductFunctionFreeGift/types.d.ts

@@ -0,0 +1,115 @@
+/**
+ * 单个买赠礼品项
+ *
+ * 由业务端将 API reward_list 映射而来，所有展示字段已处理为字符串，
+ * 组件内部不再做任何格式化计算。
+ */
+export interface FunctionFreeGiftItem {
+    /**
+     * 礼品唯一标识符，用于 checkbox 选中判断
+     * 通常对应 API 中的 variant_id
+     */
+    id: string | number;
+    /** 商品标题，业务端从商品数据中获取后传入 */
+    title: string;
+    /** 商品主图 URL（可选，业务端提供） */
+    imageUrl?: string;
+    /**
+     * 格式化后的划线原价字符串（可选）
+     * 仅在有原价需要展示时传入，组件会显示划线样式
+     * 示例：'$89.99'、'€79,99'
+     */
+    comparePrice?: string;
+}
+interface ProductFunctionFreeGiftBaseProps {
+    /** 区块标题文案，支持 HTML */
+    title?: string;
+    /**
+     * "FREE" 标签文案，所有礼品共享同一个标签
+     * 示例：'FREE'、'Gift'、'Free Gift'
+     * 来源：API discount_label.cart_checkout_label
+     */
+    freeLabel?: string;
+    /**
+     * 礼品列表
+     * 业务端负责：过滤可用项（availableForSale）、映射数据结构
+     * 组件直接渲染，不做额外过滤
+     */
+    giftItems?: FunctionFreeGiftItem[];
+    className?: string;
+}
+/**
+ * 单选模式（默认）
+ * 同一时刻最多选中一个礼品；再次点击已选中项则取消选中。
+ *
+ * @example
+ * ```tsx
+ * <ProductFreeGift
+ *   title="Choose a free gift"
+ *   freeLabel="FREE"
+ *   giftItems={items}
+ *   checkedId={selectedId}
+ *   onCheckedChange={(gift) => setSelectedId(gift?.id)}
+ * />
+ * ```
+ */
+interface ProductFunctionFreeGiftSingleProps extends ProductFunctionFreeGiftBaseProps {
+    mode?: 'single';
+    /** 当前选中的礼品 id；undefined 表示无选中 */
+    checkedId?: string | number;
+    /** 选中时返回 FreeGiftItem，取消选中时返回 undefined */
+    onCheckedChange?: (gift?: FunctionFreeGiftItem) => void;
+    checkedIds?: never;
+}
+/**
+ * 多选模式
+ * 可同时选中多个礼品，回调始终返回当前全部已选项数组。
+ *
+ * @example
+ * ```tsx
+ * <ProductFreeGift
+ *   mode="multiple"
+ *   title="Choose your free gifts"
+ *   freeLabel="FREE"
+ *   giftItems={items}
+ *   checkedIds={selectedIds}
+ *   onCheckedChange={(gifts) => setSelectedIds(gifts.map(g => g.id))}
+ * />
+ * ```
+ */
+interface ProductFunctionFreeGiftMultipleProps extends ProductFunctionFreeGiftBaseProps {
+    mode: 'multiple';
+    /** 当前选中的礼品 id 数组；空数组表示无选中 */
+    checkedIds?: (string | number)[];
+    /** 每次勾选/取消后返回当前全部已选的 FreeGiftItem 数组 */
+    onCheckedChange?: (gifts: FunctionFreeGiftItem[]) => void;
+    checkedId?: never;
+}
+export type ProductFunctionFreeGiftProps = ProductFunctionFreeGiftSingleProps | ProductFunctionFreeGiftMultipleProps;
+export {};
+/**
+ * 业务端 free gift rule API 数据结构
+ *
+ * @example
+ * ```json
+ * {
+ *   "rule_id": 1598,
+ *   "rule_type": 1,
+ *   "discount_label": {
+ *     "cart_checkout_label": "Gift",
+ *     "product_label": "",
+ *     "sold_out_label": ""
+ *   },
+ *   "frontend_labels": null,
+ *   "apply_unit": 1,
+ *   "discount_combinations": { ... },
+ *   "gift_type": 1,
+ *   "reward_list": [
+ *     {
+ *       "get_unit": 1,
+ *       "variant_list": [{ "variant_id": "44302515404975", "sku": "A3062Z11-97", "handle": "a3062z11-97-travel-case" }]
+ *     }
+ *   ]
+ * }
+ * ```
+ */

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

@@ -0,0 +1 @@
+//# sourceMappingURL=types.js.map

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

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

package/dist/esm/biz-components/Listing/components/ProductCard/ProductSummary/index.js

@@ -1,2 +1,2 @@
-import{jsx as e,jsxs as o}from"react/jsx-runtime";import{Text as s,Button as _,Grid as ae,GridItem as q,Picture as A,Heading as oe}from"../../../../../components/index.js";import{useBizProductContext as S}from"../../../BizProductProvider.js";import{useComponentData as ne}from"../../../hooks/useComponentData.js";import{useEffect as le,useMemo as T,useState as ie}from"react";import{formatPrice as y}from"../../../utils/index.js";import{useAiuiContext as j}from"../../../../AiuiProvider/index.js";import J from"decimal.js";import{replaceTemplate as re}from"../../../utils/textFormat.js";import{withLayout as ce}from"../../../../../shared/Styles.js";import{ExposureDetector as se}from"../../../../../components/index.js";import{gaTrack as de}from"../../../../../shared/track.js";import pe from"../../CartActionButtons/index.js";const ue=()=>{const{locale:m="us",copyWriting:a,trackingData:g}=j(),{product:p,variant:n,finalPrice:x,comparePrice:v,coupon:k,selectedOptions:d,selectedVariants:i,totalSavings:B,onAddToCart:w,onBuyNow:E,savingDetail:f,checkedBundle:N,joinedRecommendBuyProducts:t,setJoinedRecommendBuyProducts:C,setSavingDetail:P,addToCartLoading:L,buyNowLoading:U,notifyMeMode:X,onNotifyMeClick:Y,profile:G,addOrder:$,setAddOrder:D}=S(),I=g?.showComparePrice??!0,F=ne("ProductSummary")??{},[z]=i,V=T(()=>{const r=N?.variants.find(h=>h.variant.sku===z?.sku),l=new J(z?.price?.amount||0).minus(r?.price||z?.price?.amount).toNumber();let u=new J(z?.price?.amount||0);G?.email&&(u=u.minus(f?.member||0));const b=u.minus(f?.coupon).minus(l).toNumber();return parseFloat(b.toFixed(2))},[z,N,G,f?.member,f?.coupon]),{bundleVariant:M,giftVariant:R,exchangeVariant:W}=me()||{},[c,O]=ie();le(()=>{O({bundle:t.bundle?.value?void 0:M,gift:t.gift?.value?void 0:R,exchange:t.exchange?.value?void 0:W})},[M,R,W,t]);const Z=T(()=>{const r=[];return $&&$.forEach((l,u)=>{t[l]?.value&&r.push({type:l,key:`${l}-${u}`})}),r},[$,t]),ee=T(()=>{const r=d?.quantity||"",l=d?.color||d?.colour||d?.couleur||"";return`${r&&l?`${r} | ${l}`:r||l}`},[d?.quantity,d?.color,d?.colour,d?.couleur]),te=T(()=>{const{image_1920:r,image_1440:l,image_1024:u,image_768:b,image_390:h}=F?.thumbnail||{};return(F?.thumbnail?`${r} 1920, ${l} 1440, ${u} 1024, ${b} 768, ${h} 390`:n.image?.url)||n.image?.url},[F?.thumbnail,n.image?.url]);return n.availableForSale?e("div",{className:"ipc-product-summary laptop:px-16 laptop-md:px-0 laptop-md:mt-[96px] lg-desktop:mt-[128px] mt-16",children:e("div",{className:"laptop:rounded-2xl bg-[#F5F5F7]",children:o(ae,{className:"tablet:p-8 tablet:!pb-0 px-4 pt-6",children:[o(q,{className:"laptop:col-start-1 laptop:col-span-5 col-span-12 flex flex-col justify-between gap-4",children:[e(oe,{className:"lg-desktop:text-[48px] laptop:text-[32px] laptop-md:text-[40px] mb-4 text-[24px] font-bold leading-none [&>span]:text-[#D1D1D1]",html:F?.readyWant?.replace?.("{title}",p?.title)}),e("div",{className:"",children:e(A,{source:te,className:"lg-desktop:aspect-[644/320]  laptop-md:aspect-[503/270] laptop:aspect-[332/190] tablet:aspect-[704/380] aspect-[358/190]",imgClassName:"object-cover h-full"})})]}),o(q,{className:"tablet:pb-8 laptop:col-start-7 laptop:mt-0 laptop:col-span-6 col-span-12 mt-8 flex flex-col justify-between gap-6 pb-6",children:[o("div",{children:[o("div",{className:"flex flex-col gap-4",children:[e(se,{exposureKey:"listing_selector",onExposure:()=>{de({event:"ga4Event",event_name:"component_impression",event_parameters:{page_group:`Product Detail Page${n.sku}`,component_type:"image",component_name:"listing_selector",position:1}})},children:o("div",{className:"flex items-center justify-between gap-6",children:[o("div",{className:"flex items-center gap-4",children:[e(A,{source:n.image?.url||p?.images?.[0]?.url,className:"laptop:size-12 lg-desktop:size-16 border-1 size-10 shrink-0 rounded-lg border-[#E4E5E6] bg-[#EAEAEC] object-cover p-2"}),o("div",{className:"tablet:max-w-none flex max-w-[178px] flex-col gap-[6px]",children:[e(s,{className:"laptop-md:text-[16px] lg-desktop:text-[18px] line-clamp-2 text-[14px] font-bold",html:p.title}),e(s,{className:"laptop:text-[14px] laptop-md:text-[18px] text-[12px] font-bold text-[#6D6D6F]",html:ee})]})]}),o("div",{className:"flex items-center gap-1",children:[e(s,{className:"laptop-md:text-2xl text-base font-bold",html:y({amount:V,currencyCode:n.price.currencyCode,locale:m})}),I&&V<n?.price?.amount&&e(s,{className:"laptop-md:text-2xl laptop:text-xl text-base font-bold text-[#6D6D6F] line-through",html:y({amount:n?.price?.amount,currencyCode:n.price.currencyCode,locale:m})})]})]})}),Z.map(({type:r,key:l})=>r==="gift"&&t?.gift?.value?e(H,{giftOperation:u=>{C?.({...t,gift:{value:void 0,canOperate:!0}}),O?.({...c,gift:u}),D?.(b=>b.filter(h=>h!=="gift"))},status:!!t?.gift,gift:t?.gift?.value,canOperate:t?.gift?.canOperate},l):r==="bundle"&&t?.bundle?.value?e(Q,{bundleOperation:u=>{C?.({...t,bundle:{value:void 0,canOperate:!0}}),O?.({...c,bundle:u}),D?.(b=>b.filter(h=>h!=="bundle"))},status:!!t?.bundle,bundleListItem:t?.bundle?.value,canOperate:t?.bundle?.canOperate},l):r==="exchange"&&t?.exchange?.value?e(K,{exchangeOperation:u=>{C?.({...t,exchange:{value:void 0,canOperate:!0}}),O?.({...c,exchange:u}),D?.(b=>b.filter(h=>h!=="exchange"))},status:!!t?.exchange,canOperate:t?.exchange?.canOperate,exchange:t?.exchange?.value},l):null)]}),(c?.bundle||c?.gift||c?.exchange)&&o("div",{className:"laptop-md:mt-8 mt-6",children:[e(s,{className:"laptop-md:text-[18px] text-sm font-bold",html:F?.recommendBuy}),o("div",{className:"laptop-md:gap-4 mt-4 flex flex-col gap-6",children:[c?.exchange&&e(K,{exchangeOperation:r=>{C?.({...t,exchange:{value:r,canOperate:!0}}),O?.({...c,exchange:void 0}),D?.(l=>[...l,"exchange"])},canOperate:t?.exchange?.canOperate,status:!c?.exchange,exchange:c?.exchange}),c?.bundle&&e(Q,{bundleOperation:r=>{P?.({...f,exchangePurchase:0}),C?.({...t,bundle:{value:r,canOperate:!0}}),O?.({...c,bundle:void 0}),D?.(l=>[...l,"bundle"])},canOperate:t?.bundle?.canOperate,status:!c?.bundle,bundleListItem:c?.bundle}),c?.gift&&e(H,{giftOperation:r=>{C?.({...t,gift:{value:r,canOperate:!0}}),O?.({...c,gift:void 0}),D?.(l=>[...l,"gift"])},canOperate:t?.gift?.canOperate,status:!c?.gift,gift:c?.gift})]})]})]}),o("div",{className:"text-right",children:[e(s,{className:"laptop:text-xl laptop-md:text-2xl text-right font-bold",html:`${re(a?.totalPrice||"",{amount:y({amount:parseFloat(x.toFixed(2)),currencyCode:n.price.currencyCode,locale:m})})}`}),I&&B>0&&e(s,{className:"laptop:text-xl laptop-md:text-2xl ml-1 text-base font-bold text-[#6D6D6F] line-through",html:y({amount:v,currencyCode:n.price.currencyCode,locale:m})}),e("div",{className:"mt-4 flex justify-end gap-3",children:e(pe,{mode:X,availableForSale:n.availableForSale,addToCartText:a?.addToCart,buyNowText:a?.shopNow,addToCartLoading:L,buyNowLoading:U,addToCartClassName:"tablet:w-auto laptop:w-1/2 laptop-md:w-auto w-1/2",buyNowClassName:"tablet:w-auto laptop:w-1/2 laptop-md:w-auto w-1/2",onAddToCart:w,onBuyNow:E,onNotifyMeClick:Y,notifyMeText:a?.notifyMe,notifyMeClassName:"tablet:w-auto laptop:w-1/2 laptop-md:w-auto w-1/2"})})]})]})]})})}):null},me=()=>{const{bundle:m,variant:a,checkedBundle:g,freeGift:p,checkedGift:n,exchangePurchase:x,checkedExchangePurchase:v}=S();let k,d,i;const{bundleList:B}=m||{},{giftList:w=[]}=p||{},{giftList:E=[]}=x||{},f=B?.filter(P=>P.variants.slice(1,P.variants.length).every(L=>L.variant.availableForSale))||[],[N]=f;k=g||N;const[t]=w?.filter(P=>P.availableForSale)??[];d=n||t;const[C]=E?.filter(P=>P.availableForSale)??[];return i=v||C,{bundleVariant:k,giftVariant:d,exchangeVariant:i}},Q=({bundleOperation:m,bundleListItem:a,canOperate:g,status:p})=>{const{locale:n="us",copyWriting:x}=j(),{variant:v,setCheckedBundle:k}=S(),d=a?.variants.filter(i=>i.variant.sku!==v.sku);return e("div",{className:"",children:d?.map(i=>o("div",{className:"flex items-center justify-between gap-4",children:[o("div",{className:"flex items-center gap-4",children:[e(A,{source:i?.variant?.image?.url,className:"laptop:size-12 lg-desktop:size-16 border-1 size-10 shrink-0 rounded-lg border-[#E4E5E6] bg-[#EAEAEC] object-cover p-2"}),e("div",{className:"tablet:max-w-none line-clamp-2 flex max-w-[178px] flex-col gap-[6px]",children:e(s,{className:"laptop-md:text-[16px] lg-desktop:text-[18px] text-[14px] font-bold",html:i.variant.product.title})})]}),o("div",{className:"flex flex-col items-end justify-center gap-1",children:[!!a&&o("div",{className:"flex items-center gap-1",children:[e(s,{className:"laptop-md:text-2xl text-base font-bold",html:y({amount:i?.price||0,locale:n,currencyCode:i.variant?.price?.currencyCode||""})}),i.price<i.variant.price.amount&&e(s,{className:"laptop-md:text-2xl text-base font-bold text-[#6D6D6F] line-through",html:y({amount:i.variant.price.amount||0,locale:n,currencyCode:i.variant?.price?.currencyCode||""})})]}),g&&e(_,{size:"icon",variant:"link",onClick:()=>{k?.(p?void 0:a),m?.(a)},className:"size-auto shrink-0 underline",children:p?x?.remove:x?.add})]})]},i.variant.id))})},H=({giftOperation:m,gift:a,status:g,canOperate:p})=>{const{locale:n="us",copyWriting:x}=j(),{freeGift:v,setCheckedGift:k}=S(),{freeLabel:d}=v||{},{options:i}=a||{},B=T(()=>{const w=i?.find(t=>t.name==="color"||t.name==="colour"||t.name==="couleur")||{},E=i?.find(t=>t.name==="quantity")||{},f=w?w.values?.[0]?.label:"",N=E?E.values?.[0]?.label:"";return`${f&&N?N+" | "+f:N||f} | ${d}`},[d,i]);return o("div",{className:"flex items-center justify-between gap-6",children:[o("div",{className:"flex items-center gap-4",children:[e(A,{source:a?.image?.url,className:"laptop:size-12 lg-desktop:size-16 border-1 size-10 shrink-0 rounded-lg border-[#E4E5E6] bg-[#EAEAEC] object-cover p-2"}),o("div",{className:"tablet:max-w-none flex max-w-[178px] flex-col gap-[6px]",children:[e(s,{className:"laptop-md:text-[16px] lg-desktop:text-[18px] line-clamp-2 text-[14px] font-bold",html:a?.product?.title}),e(s,{className:"laptop:text-[14px] laptop-md:text-[18px] text-[12px] font-bold text-[#6D6D6F]",html:B})]})]}),o("div",{className:"flex flex-col items-end justify-center gap-2",children:[!!a&&o("div",{className:"flex items-center gap-1",children:[e(s,{className:"laptop-md:text-2xl text-base font-bold",html:d}),e(s,{className:"laptop-md:text-2xl text-base font-bold text-[#6D6D6F] line-through",html:y({amount:a.price.amount,locale:n,currencyCode:a.price.currencyCode})})]}),p&&e(_,{size:"icon",variant:"link",onClick:()=>{k?.(g?void 0:a),m(a)},className:"size-auto shrink-0 underline",children:g?x?.remove:x?.add})]})]})},K=({exchangeOperation:m,exchange:a,canOperate:g,status:p})=>{const{locale:n="us",copyWriting:x}=j(),{setCheckedExchangePurchase:v}=S();return o("div",{className:"flex items-center justify-between gap-6",children:[o("div",{className:"flex items-center gap-4",children:[e(A,{source:a?.image?.url,className:"laptop:size-12 lg-desktop:size-16 border-1 size-10 shrink-0 rounded-lg border-[#E4E5E6] bg-[#EAEAEC] object-cover p-2"}),o("div",{className:"tablet:max-w-none flex max-w-[178px] flex-col gap-[6px]",children:[e(s,{className:"laptop-md:text-[16px] lg-desktop:text-[18px] line-clamp-2 text-[14px] font-bold",html:a?.product?.title}),e(s,{className:"laptop:text-[14px] laptop-md:text-[18px] text-[12px] font-bold text-[#6D6D6F]"})]})]}),o("div",{className:"flex flex-col items-end justify-center gap-2",children:[!!a&&o("div",{className:"flex items-center gap-1",children:[e(s,{className:"laptop-md:text-2xl text-base font-bold",html:y({amount:a.finalPrice?.amount||0,locale:n,currencyCode:a.price.currencyCode})}),e(s,{className:"laptop-md:text-2xl text-base font-bold text-[#6D6D6F] line-through",html:y({amount:a.price?.amount||0,locale:n,currencyCode:a.price.currencyCode})})]}),g&&e(_,{size:"icon",variant:"link",onClick:()=>{v?.(p?void 0:a),m(a)},className:"size-auto shrink-0 underline",children:p?x?.remove:x?.add})]})]})};var De=ce(ue);export{De as default};
+import{jsx as t,jsxs as l}from"react/jsx-runtime";import{Text as s,Button as K,Grid as U,GridItem as M,Picture as T,Heading as X}from"../../../../../components/index.js";import{useBizProductContext as B}from"../../../BizProductProvider.js";import{useComponentData as Y}from"../../../hooks/useComponentData.js";import{useEffect as Z,useMemo as N,useState as tt}from"react";import{formatPrice as h}from"../../../utils/index.js";import{useAiuiContext as V}from"../../../../AiuiProvider/index.js";import et from"decimal.js";import{replaceTemplate as at}from"../../../utils/textFormat.js";import{withLayout as ot}from"../../../../../shared/Styles.js";import{ExposureDetector as lt}from"../../../../../components/index.js";import{gaTrack as it}from"../../../../../shared/track.js";import rt from"../../CartActionButtons/index.js";const nt=()=>{const{locale:p="us",copyWriting:r,trackingData:f}=V(),{product:m,variant:e,finalPrice:d,comparePrice:x,coupon:C,selectedOptions:n,selectedVariants:g,totalSavings:k,onAddToCart:P,onBuyNow:w,savingDetail:c,checkedBundle:v,joinedRecommendBuyProducts:a,setJoinedRecommendBuyProducts:$,setSavingDetail:ct,addToCartLoading:I,buyNowLoading:R,notifyMeMode:q,onNotifyMeClick:W,profile:A,addOrder:D,setAddOrder:S}=B(),_=f?.showComparePrice??!0,b=Y("ProductSummary")??{},[G]=g,j=N(()=>{let o=new et(G?.price?.amount||0);A?.email&&(o=o.minus(c?.member||0));const i=o.minus(c?.coupon).toNumber();return parseFloat(i.toFixed(2))},[G,v,A,c?.member,c?.coupon]),{giftVariant:z}=st()||{},[u,O]=tt();Z(()=>{O({gift:a.gift?.value?void 0:z})},[z,a]);const J=N(()=>{const o=[];return D&&D.forEach((i,y)=>{a[i]?.value&&o.push({type:i,key:`${i}-${y}`})}),o},[D,a]),Q=N(()=>{const o=n?.quantity||"",i=n?.color||n?.colour||n?.couleur||"";return`${o&&i?`${o} | ${i}`:o||i}`},[n?.quantity,n?.color,n?.colour,n?.couleur]),H=N(()=>{const{image_1920:o,image_1440:i,image_1024:y,image_768:E,image_390:F}=b?.thumbnail||{};return(b?.thumbnail?`${o} 1920, ${i} 1440, ${y} 1024, ${E} 768, ${F} 390`:e.image?.url)||e.image?.url},[b?.thumbnail,e.image?.url]);return e.availableForSale?t("div",{className:"ipc-product-summary laptop:px-16 laptop-md:px-0 laptop-md:mt-[96px] lg-desktop:mt-[128px] mt-16",children:t("div",{className:"laptop:rounded-2xl bg-[#F5F5F7]",children:l(U,{className:"tablet:p-8 tablet:!pb-0 px-4 pt-6",children:[l(M,{className:"laptop:col-start-1 laptop:col-span-5 col-span-12 flex flex-col justify-between gap-4",children:[t(X,{className:"lg-desktop:text-[48px] laptop:text-[32px] laptop-md:text-[40px] mb-4 text-[24px] font-bold leading-none [&>span]:text-[#D1D1D1]",html:b?.readyWant?.replace?.("{title}",m?.title)}),t("div",{className:"",children:t(T,{source:H,className:"lg-desktop:aspect-[644/320]  laptop-md:aspect-[503/270] laptop:aspect-[332/190] tablet:aspect-[704/380] aspect-[358/190]",imgClassName:"object-cover h-full"})})]}),l(M,{className:"tablet:pb-8 laptop:col-start-7 laptop:mt-0 laptop:col-span-6 col-span-12 mt-8 flex flex-col justify-between gap-6 pb-6",children:[l("div",{children:[l("div",{className:"flex flex-col gap-4",children:[t(lt,{exposureKey:"listing_selector",onExposure:()=>{it({event:"ga4Event",event_name:"component_impression",event_parameters:{page_group:`Product Detail Page${e.sku}`,component_type:"image",component_name:"listing_selector",position:1}})},children:l("div",{className:"flex items-center justify-between gap-6",children:[l("div",{className:"flex items-center gap-4",children:[t(T,{source:e.image?.url||m?.images?.[0]?.url,className:"laptop:size-12 lg-desktop:size-16 border-1 size-10 shrink-0 rounded-lg border-[#E4E5E6] bg-[#EAEAEC] object-cover p-2"}),l("div",{className:"tablet:max-w-none flex max-w-[178px] flex-col gap-[6px]",children:[t(s,{className:"laptop-md:text-[16px] lg-desktop:text-[18px] line-clamp-2 text-[14px] font-bold",html:m.title}),t(s,{className:"laptop:text-[14px] laptop-md:text-[18px] text-[12px] font-bold text-[#6D6D6F]",html:Q})]})]}),l("div",{className:"flex items-center gap-1",children:[t(s,{className:"laptop-md:text-2xl text-base font-bold",html:h({amount:j,currencyCode:e.price.currencyCode,locale:p})}),_&&j<e?.price?.amount&&t(s,{className:"laptop-md:text-2xl laptop:text-xl text-base font-bold text-[#6D6D6F] line-through",html:h({amount:e?.price?.amount,currencyCode:e.price.currencyCode,locale:p})})]})]})}),J.map(({type:o,key:i})=>o==="gift"&&a?.gift?.value?t(L,{giftOperation:y=>{$?.({...a,gift:{value:void 0,canOperate:!0}}),O?.({...u,gift:y}),S?.(E=>E.filter(F=>F!=="gift"))},status:!!a?.gift,gift:a?.gift?.value,canOperate:a?.gift?.canOperate},i):null)]}),u?.gift&&l("div",{className:"laptop-md:mt-8 mt-6",children:[t(s,{className:"laptop-md:text-[18px] text-sm font-bold",html:b?.recommendBuy}),t("div",{className:"laptop-md:gap-4 mt-4 flex flex-col gap-6",children:u?.gift&&t(L,{giftOperation:o=>{$?.({...a,gift:{value:o,canOperate:!0}}),O?.({...u,gift:void 0}),S?.(i=>[...i,"gift"])},canOperate:a?.gift?.canOperate,status:!u?.gift,gift:u?.gift})})]})]}),l("div",{className:"text-right",children:[t(s,{className:"laptop:text-xl laptop-md:text-2xl text-right font-bold",html:`${at(r?.totalPrice||"",{amount:h({amount:parseFloat(d.toFixed(2)),currencyCode:e.price.currencyCode,locale:p})})}`}),_&&k>0&&t(s,{className:"laptop:text-xl laptop-md:text-2xl ml-1 text-base font-bold text-[#6D6D6F] line-through",html:h({amount:x,currencyCode:e.price.currencyCode,locale:p})}),t("div",{className:"mt-4 flex justify-end gap-3",children:t(rt,{mode:q,availableForSale:e.availableForSale,addToCartText:r?.addToCart,buyNowText:r?.shopNow,addToCartLoading:I,buyNowLoading:R,addToCartClassName:"tablet:w-auto laptop:w-1/2 laptop-md:w-auto w-1/2",buyNowClassName:"tablet:w-auto laptop:w-1/2 laptop-md:w-auto w-1/2",onAddToCart:P,onBuyNow:w,onNotifyMeClick:W,notifyMeText:r?.notifyMe,notifyMeClassName:"tablet:w-auto laptop:w-1/2 laptop-md:w-auto w-1/2"})})]})]})]})})}):null},st=()=>{const{bundle:p,variant:r,checkedBundle:f,freeGift:m,checkedGift:e}=B();let d;const{giftList:x=[]}=m||{},[C]=x?.filter(n=>n.availableForSale)??[];return d=e||C,{giftVariant:d}},L=({giftOperation:p,gift:r,status:f,canOperate:m})=>{const{locale:e="us",copyWriting:d}=V(),{freeGift:x,setCheckedGift:C}=B(),{freeLabel:n}=x||{},{options:g}=r||{},k=N(()=>{const P=g?.find(a=>a.name==="color"||a.name==="colour"||a.name==="couleur")||{},w=g?.find(a=>a.name==="quantity")||{},c=P?P.values?.[0]?.label:"",v=w?w.values?.[0]?.label:"";return`${c&&v?v+" | "+c:v||c} | ${n}`},[n,g]);return l("div",{className:"flex items-center justify-between gap-6",children:[l("div",{className:"flex items-center gap-4",children:[t(T,{source:r?.image?.url,className:"laptop:size-12 lg-desktop:size-16 border-1 size-10 shrink-0 rounded-lg border-[#E4E5E6] bg-[#EAEAEC] object-cover p-2"}),l("div",{className:"tablet:max-w-none flex max-w-[178px] flex-col gap-[6px]",children:[t(s,{className:"laptop-md:text-[16px] lg-desktop:text-[18px] line-clamp-2 text-[14px] font-bold",html:r?.product?.title}),t(s,{className:"laptop:text-[14px] laptop-md:text-[18px] text-[12px] font-bold text-[#6D6D6F]",html:k})]})]}),l("div",{className:"flex flex-col items-end justify-center gap-2",children:[!!r&&l("div",{className:"flex items-center gap-1",children:[t(s,{className:"laptop-md:text-2xl text-base font-bold",html:n}),t(s,{className:"laptop-md:text-2xl text-base font-bold text-[#6D6D6F] line-through",html:h({amount:r.price.amount,locale:e,currencyCode:r.price.currencyCode})})]}),m&&t(K,{size:"icon",variant:"link",onClick:()=>{C?.(f?void 0:r),p(r)},className:"size-auto shrink-0 underline",children:f?d?.remove:d?.add})]})]})};var wt=ot(nt);export{wt as default};
 //# sourceMappingURL=index.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../src/biz-components/Listing/components/ProductCard/ProductSummary/index.tsx"],
-  "sourcesContent": ["import { Text, Button, Grid, GridItem, Picture, Heading } from '../../../../../components/index.js'\nimport { useBizProductContext } from '../../../BizProductProvider.js'\nimport { useComponentData } from '../../../hooks/useComponentData.js'\nimport { useEffect, useMemo, useState } from 'react'\nimport { formatPrice } from '../../../utils/index.js'\nimport { useAiuiContext } from '../../../../AiuiProvider/index.js'\nimport type { BundleListItem, ProductVariant, ProductPrice, ProductOption } from '../../../types/product'\nimport Decimal from 'decimal.js'\nimport { replaceTemplate } from '../../../utils/textFormat.js'\nimport { withLayout } from '../../../../../shared/Styles.js'\nimport { ExposureDetector } from '../../../../../components/index.js'\nimport { gaTrack } from '../../../../../shared/track.js'\nimport CartActionButtons from '../../CartActionButtons/index.js'\n\nconst ProductSummary = () => {\n  const { locale = 'us', copyWriting, trackingData } = useAiuiContext()\n  const {\n    product,\n    variant,\n    finalPrice,\n    comparePrice,\n    coupon,\n    selectedOptions,\n    selectedVariants,\n    totalSavings,\n    onAddToCart,\n    onBuyNow,\n    savingDetail,\n    checkedBundle,\n    joinedRecommendBuyProducts,\n    setJoinedRecommendBuyProducts,\n    setSavingDetail,\n    addToCartLoading,\n    buyNowLoading,\n    notifyMeMode,\n    onNotifyMeClick,\n    profile,\n    addOrder,\n    setAddOrder,\n  } = useBizProductContext()\n\n  /** \u662F\u5426\u663E\u793A\u539F\u4EF7\uFF08\u5212\u7EBF\u4EF7\uFF09\uFF0C\u9ED8\u8BA4\u663E\u793A */\n  const showComparePrice = trackingData?.showComparePrice ?? true\n\n  const productSummaryData = useComponentData('ProductSummary') ?? {}\n\n  const [currentProductVariant] = selectedVariants\n\n  const summaryFinalPrice = useMemo(() => {\n    const currentBundleVariant = checkedBundle?.variants.find(v => v.variant.sku === currentProductVariant?.sku)\n    const currentBundlePrice = new Decimal(currentProductVariant?.price?.amount || 0)\n      .minus(currentBundleVariant?.price || currentProductVariant?.price?.amount)\n      .toNumber()\n    let currentProductPrice = new Decimal(currentProductVariant?.price?.amount || 0)\n    if (profile?.email) {\n      currentProductPrice = currentProductPrice.minus(savingDetail?.member || 0)\n    }\n    const finalPrice = currentProductPrice.minus(savingDetail?.coupon).minus(currentBundlePrice).toNumber()\n    return parseFloat(finalPrice.toFixed(2))\n  }, [currentProductVariant, checkedBundle, profile, savingDetail?.member, savingDetail?.coupon])\n\n  const { bundleVariant, giftVariant, exchangeVariant } = useRecommendBuyProducts() || {}\n\n  const [initialRecommendBuyProducts, setInitialRecommendBuyProducts] = useState<{\n    bundle?: BundleListItem\n    gift?: ProductVariant\n    exchange?: ProductVariant\n  }>()\n\n  useEffect(() => {\n    setInitialRecommendBuyProducts({\n      bundle: joinedRecommendBuyProducts.bundle?.value ? undefined : bundleVariant,\n      gift: joinedRecommendBuyProducts.gift?.value ? undefined : giftVariant,\n      exchange: joinedRecommendBuyProducts.exchange?.value ? undefined : exchangeVariant,\n    })\n  }, [bundleVariant, giftVariant, exchangeVariant, joinedRecommendBuyProducts])\n\n  // \u6839\u636E\u6DFB\u52A0\u987A\u5E8F\u751F\u6210\u5DF2\u6DFB\u52A0\u4EA7\u54C1\u7684\u5217\u8868\n  const orderedJoinedProducts = useMemo(() => {\n    const result: Array<{ type: 'bundle' | 'gift' | 'exchange'; key: string }> = []\n\n    // \u6309\u7167\u6DFB\u52A0\u987A\u5E8F\u6DFB\u52A0\n    if (addOrder) {\n      addOrder.forEach((type, index) => {\n        if (joinedRecommendBuyProducts[type]?.value) {\n          result.push({ type, key: `${type}-${index}` })\n        }\n      })\n    }\n\n    return result\n  }, [addOrder, joinedRecommendBuyProducts])\n\n  const productOptionsText = useMemo(() => {\n    const quantity = selectedOptions?.quantity || ''\n    const color = selectedOptions?.color || selectedOptions?.colour || selectedOptions?.couleur || ''\n    return `${quantity && color ? `${quantity} | ${color}` : quantity || color}`\n  }, [selectedOptions?.quantity, selectedOptions?.color, selectedOptions?.colour, selectedOptions?.couleur])\n\n  const variantImage = useMemo(() => {\n    const { image_1920, image_1440, image_1024, image_768, image_390 } = productSummaryData?.thumbnail || {}\n    const responsiveSource = productSummaryData?.thumbnail\n      ? `${image_1920} 1920, ${image_1440} 1440, ${image_1024} 1024, ${image_768} 768, ${image_390} 390`\n      : variant.image?.url\n    return responsiveSource || variant.image?.url\n  }, [productSummaryData?.thumbnail, variant.image?.url])\n\n  const isAvailable = variant.availableForSale\n  if (!isAvailable) return null\n\n  return (\n    <div className=\"ipc-product-summary laptop:px-16 laptop-md:px-0 laptop-md:mt-[96px] lg-desktop:mt-[128px] mt-16\">\n      <div className=\"laptop:rounded-2xl bg-[#F5F5F7]\">\n        <Grid className=\"tablet:p-8 tablet:!pb-0 px-4 pt-6\">\n          <GridItem className=\"laptop:col-start-1 laptop:col-span-5 col-span-12 flex flex-col justify-between gap-4\">\n            <Heading\n              className=\"lg-desktop:text-[48px] laptop:text-[32px] laptop-md:text-[40px] mb-4 text-[24px] font-bold leading-none [&>span]:text-[#D1D1D1]\"\n              html={productSummaryData?.readyWant?.replace?.('{title}', product?.title)}\n            />\n            <div className=\"\">\n              <Picture\n                source={variantImage}\n                className=\"lg-desktop:aspect-[644/320]  laptop-md:aspect-[503/270] laptop:aspect-[332/190] tablet:aspect-[704/380] aspect-[358/190]\"\n                imgClassName=\"object-cover h-full\"\n              />\n            </div>\n          </GridItem>\n          <GridItem className=\"tablet:pb-8 laptop:col-start-7 laptop:mt-0 laptop:col-span-6 col-span-12 mt-8 flex flex-col justify-between gap-6 pb-6\">\n            <div>\n              <div className=\"flex flex-col gap-4\">\n                <ExposureDetector\n                  exposureKey=\"listing_selector\"\n                  onExposure={() => {\n                    gaTrack({\n                      event: 'ga4Event',\n                      event_name: 'component_impression',\n                      event_parameters: {\n                        page_group: `Product Detail Page${variant.sku}`,\n                        component_type: 'image',\n                        component_name: 'listing_selector',\n                        position: 1,\n                      },\n                    })\n                  }}\n                >\n                  <div className=\"flex items-center justify-between gap-6\">\n                    <div className=\"flex items-center gap-4\">\n                      <Picture\n                        source={variant.image?.url || product?.images?.[0]?.url}\n                        className=\"laptop:size-12 lg-desktop:size-16 border-1 size-10 shrink-0 rounded-lg border-[#E4E5E6] bg-[#EAEAEC] object-cover p-2\"\n                      />\n                      <div className=\"tablet:max-w-none flex max-w-[178px] flex-col gap-[6px]\">\n                        <Text\n                          className=\"laptop-md:text-[16px] lg-desktop:text-[18px] line-clamp-2 text-[14px] font-bold\"\n                          html={product.title}\n                        />\n                        <Text\n                          className=\"laptop:text-[14px] laptop-md:text-[18px] text-[12px] font-bold text-[#6D6D6F]\"\n                          html={productOptionsText}\n                        />\n                      </div>\n                    </div>\n                    <div className=\"flex items-center gap-1\">\n                      <Text\n                        className=\"laptop-md:text-2xl text-base font-bold\"\n                        html={formatPrice({\n                          amount: summaryFinalPrice,\n                          currencyCode: variant.price.currencyCode,\n                          locale,\n                        })}\n                      />\n                      {showComparePrice && summaryFinalPrice < variant?.price?.amount && (\n                        <Text\n                          className=\"laptop-md:text-2xl laptop:text-xl text-base font-bold text-[#6D6D6F] line-through\"\n                          html={formatPrice({\n                            amount: variant?.price?.amount,\n                            currencyCode: variant.price.currencyCode,\n                            locale,\n                          })}\n                        />\n                      )}\n                    </div>\n                  </div>\n                </ExposureDetector>\n                {/* \u6309\u7167\u6DFB\u52A0\u987A\u5E8F\u6E32\u67D3\u5DF2\u6DFB\u52A0\u7684\u4EA7\u54C1 */}\n                {orderedJoinedProducts.map(({ type, key }) => {\n                  if (type === 'gift' && joinedRecommendBuyProducts?.gift?.value) {\n                    return (\n                      <ProductGiftSummary\n                        key={key}\n                        giftOperation={gift => {\n                          setJoinedRecommendBuyProducts?.({\n                            ...joinedRecommendBuyProducts,\n                            gift: {\n                              value: undefined,\n                              canOperate: true,\n                            },\n                          })\n                          setInitialRecommendBuyProducts?.({ ...initialRecommendBuyProducts, gift })\n                          // \u4ECE\u6DFB\u52A0\u987A\u5E8F\u4E2D\u79FB\u9664\n                          setAddOrder?.(prev => prev.filter(t => t !== 'gift'))\n                        }}\n                        status={!!joinedRecommendBuyProducts?.gift}\n                        gift={joinedRecommendBuyProducts?.gift?.value}\n                        canOperate={joinedRecommendBuyProducts?.gift?.canOperate}\n                      />\n                    )\n                  }\n                  if (type === 'bundle' && joinedRecommendBuyProducts?.bundle?.value) {\n                    return (\n                      <ProductBundleSummary\n                        key={key}\n                        bundleOperation={bundle => {\n                          setJoinedRecommendBuyProducts?.({\n                            ...joinedRecommendBuyProducts,\n                            bundle: {\n                              value: undefined,\n                              canOperate: true,\n                            },\n                          })\n                          setInitialRecommendBuyProducts?.({ ...initialRecommendBuyProducts, bundle })\n                          // \u4ECE\u6DFB\u52A0\u987A\u5E8F\u4E2D\u79FB\u9664\n                          setAddOrder?.(prev => prev.filter(t => t !== 'bundle'))\n                        }}\n                        status={!!joinedRecommendBuyProducts?.bundle}\n                        bundleListItem={joinedRecommendBuyProducts?.bundle?.value}\n                        canOperate={joinedRecommendBuyProducts?.bundle?.canOperate}\n                      />\n                    )\n                  }\n                  if (type === 'exchange' && joinedRecommendBuyProducts?.exchange?.value) {\n                    return (\n                      <ProductExchangeSummary\n                        key={key}\n                        exchangeOperation={exchange => {\n                          setJoinedRecommendBuyProducts?.({\n                            ...joinedRecommendBuyProducts,\n                            exchange: {\n                              value: undefined,\n                              canOperate: true,\n                            },\n                          })\n                          setInitialRecommendBuyProducts?.({ ...initialRecommendBuyProducts, exchange })\n                          // \u4ECE\u6DFB\u52A0\u987A\u5E8F\u4E2D\u79FB\u9664\n                          setAddOrder?.(prev => prev.filter(t => t !== 'exchange'))\n                        }}\n                        status={!!joinedRecommendBuyProducts?.exchange}\n                        canOperate={joinedRecommendBuyProducts?.exchange?.canOperate}\n                        exchange={joinedRecommendBuyProducts?.exchange?.value}\n                      />\n                    )\n                  }\n                  return null\n                })}\n              </div>\n              {(initialRecommendBuyProducts?.bundle ||\n                initialRecommendBuyProducts?.gift ||\n                initialRecommendBuyProducts?.exchange) && (\n                <div className=\"laptop-md:mt-8 mt-6\">\n                  <Text className=\"laptop-md:text-[18px] text-sm font-bold\" html={productSummaryData?.recommendBuy} />\n                  <div className=\"laptop-md:gap-4 mt-4 flex flex-col gap-6\">\n                    {initialRecommendBuyProducts?.exchange && (\n                      <ProductExchangeSummary\n                        exchangeOperation={exchange => {\n                          setJoinedRecommendBuyProducts?.({\n                            ...joinedRecommendBuyProducts,\n                            exchange: {\n                              value: exchange,\n                              canOperate: true,\n                            },\n                          })\n                          setInitialRecommendBuyProducts?.({ ...initialRecommendBuyProducts, exchange: undefined })\n                          // \u6DFB\u52A0\u5230\u987A\u5E8F\u6570\u7EC4\u7684\u672B\u5C3E\n                          setAddOrder?.(prev => [...prev, 'exchange'])\n                        }}\n                        canOperate={joinedRecommendBuyProducts?.exchange?.canOperate}\n                        status={!initialRecommendBuyProducts?.exchange}\n                        exchange={initialRecommendBuyProducts?.exchange}\n                      />\n                    )}\n                    {initialRecommendBuyProducts?.bundle && (\n                      <ProductBundleSummary\n                        bundleOperation={bundle => {\n                          setSavingDetail?.({ ...savingDetail, exchangePurchase: 0 })\n                          setJoinedRecommendBuyProducts?.({\n                            ...joinedRecommendBuyProducts,\n                            bundle: {\n                              value: bundle,\n                              canOperate: true,\n                            },\n                          })\n                          setInitialRecommendBuyProducts?.({ ...initialRecommendBuyProducts, bundle: undefined })\n                          // \u6DFB\u52A0\u5230\u987A\u5E8F\u6570\u7EC4\u7684\u672B\u5C3E\n                          setAddOrder?.(prev => [...prev, 'bundle'])\n                        }}\n                        canOperate={joinedRecommendBuyProducts?.bundle?.canOperate}\n                        status={!initialRecommendBuyProducts?.bundle}\n                        bundleListItem={initialRecommendBuyProducts?.bundle}\n                      />\n                    )}\n                    {initialRecommendBuyProducts?.gift && (\n                      <ProductGiftSummary\n                        giftOperation={gift => {\n                          setJoinedRecommendBuyProducts?.({\n                            ...joinedRecommendBuyProducts,\n                            gift: {\n                              value: gift,\n                              canOperate: true,\n                            },\n                          })\n                          setInitialRecommendBuyProducts?.({ ...initialRecommendBuyProducts, gift: undefined })\n                          // \u6DFB\u52A0\u5230\u987A\u5E8F\u6570\u7EC4\u7684\u672B\u5C3E\n                          setAddOrder?.(prev => [...prev, 'gift'])\n                        }}\n                        canOperate={joinedRecommendBuyProducts?.gift?.canOperate}\n                        status={!initialRecommendBuyProducts?.gift}\n                        gift={initialRecommendBuyProducts?.gift}\n                      />\n                    )}\n                  </div>\n                </div>\n              )}\n            </div>\n            <div className=\"text-right\">\n              <Text\n                className=\"laptop:text-xl laptop-md:text-2xl text-right font-bold\"\n                html={`${replaceTemplate(copyWriting?.totalPrice || '', { amount: formatPrice({ amount: parseFloat(finalPrice.toFixed(2)), currencyCode: variant.price.currencyCode, locale }) })}`}\n              />\n\n              {showComparePrice && totalSavings > 0 && (\n                <Text\n                  className=\"laptop:text-xl laptop-md:text-2xl ml-1 text-base font-bold text-[#6D6D6F] line-through\"\n                  html={formatPrice({\n                    amount: comparePrice,\n                    currencyCode: variant.price.currencyCode,\n                    locale,\n                  })}\n                />\n              )}\n              <div className=\"mt-4 flex justify-end gap-3\">\n                <CartActionButtons\n                  mode={notifyMeMode}\n                  availableForSale={variant.availableForSale}\n                  addToCartText={copyWriting?.addToCart}\n                  buyNowText={copyWriting?.shopNow}\n                  addToCartLoading={addToCartLoading}\n                  buyNowLoading={buyNowLoading}\n                  addToCartClassName=\"tablet:w-auto laptop:w-1/2 laptop-md:w-auto w-1/2\"\n                  buyNowClassName=\"tablet:w-auto laptop:w-1/2 laptop-md:w-auto w-1/2\"\n                  onAddToCart={onAddToCart}\n                  onBuyNow={onBuyNow}\n                  onNotifyMeClick={onNotifyMeClick}\n                  notifyMeText={copyWriting?.notifyMe}\n                  notifyMeClassName=\"tablet:w-auto laptop:w-1/2 laptop-md:w-auto w-1/2\"\n                />\n              </div>\n            </div>\n          </GridItem>\n        </Grid>\n      </div>\n    </div>\n  )\n}\n\nconst useRecommendBuyProducts = () => {\n  const { bundle, variant, checkedBundle, freeGift, checkedGift, exchangePurchase, checkedExchangePurchase } =\n    useBizProductContext()\n  let bundleVariant = undefined\n  let giftVariant = undefined\n  let exchangeVariant = undefined\n  const { bundleList } = bundle || {}\n\n  const { giftList = [] } = freeGift || {}\n  const { giftList: exchangeList = [] } = exchangePurchase || {}\n\n  const availableBundleList =\n    bundleList?.filter(bundle =>\n      bundle.variants.slice(1, bundle.variants.length).every(v => v.variant.availableForSale)\n    ) || []\n\n  const [firstAvailableBundle] = availableBundleList\n  bundleVariant = checkedBundle || firstAvailableBundle\n\n  const [firstAvailableGift] = giftList?.filter(gift => gift.availableForSale) ?? []\n  giftVariant = checkedGift || firstAvailableGift\n\n  const [firstAvailableExchange] = exchangeList?.filter(exchange => exchange.availableForSale) ?? []\n  exchangeVariant = checkedExchangePurchase || firstAvailableExchange\n\n  return { bundleVariant, giftVariant, exchangeVariant }\n}\n\nconst ProductBundleSummary = ({\n  bundleOperation,\n  bundleListItem,\n  canOperate,\n  status,\n}: {\n  bundleOperation: (bundle?: BundleListItem) => void\n  bundleListItem?: BundleListItem\n  canOperate?: boolean\n  status?: boolean\n}) => {\n  const { locale = 'us', copyWriting } = useAiuiContext()\n  const { variant, setCheckedBundle } = useBizProductContext()\n  const bundleVariants = bundleListItem?.variants.filter(v => v.variant.sku !== variant.sku)\n\n  return (\n    <div className=\"\">\n      {bundleVariants?.map(bundleVariant => {\n        return (\n          <div className=\"flex items-center justify-between gap-4\" key={bundleVariant.variant.id}>\n            <div className=\"flex items-center gap-4\">\n              <Picture\n                source={bundleVariant?.variant?.image?.url}\n                className=\"laptop:size-12 lg-desktop:size-16 border-1 size-10 shrink-0 rounded-lg border-[#E4E5E6] bg-[#EAEAEC] object-cover p-2\"\n              />\n              <div className=\"tablet:max-w-none line-clamp-2 flex max-w-[178px] flex-col gap-[6px]\">\n                <Text\n                  className=\"laptop-md:text-[16px] lg-desktop:text-[18px] text-[14px] font-bold\"\n                  html={bundleVariant.variant.product.title}\n                />\n              </div>\n            </div>\n            <div className=\"flex flex-col items-end justify-center gap-1\">\n              {!!bundleListItem && (\n                <div className=\"flex items-center gap-1\">\n                  <Text\n                    className=\"laptop-md:text-2xl text-base font-bold\"\n                    html={formatPrice({\n                      amount: bundleVariant?.price || 0,\n                      locale,\n                      currencyCode: bundleVariant.variant?.price?.currencyCode || '',\n                    })}\n                  />\n                  {bundleVariant.price < bundleVariant.variant.price.amount && (\n                    <Text\n                      className=\"laptop-md:text-2xl text-base font-bold text-[#6D6D6F] line-through\"\n                      html={formatPrice({\n                        amount: bundleVariant.variant.price.amount || 0,\n                        locale,\n                        currencyCode: bundleVariant.variant?.price?.currencyCode || '',\n                      })}\n                    />\n                  )}\n                </div>\n              )}\n              {canOperate && (\n                <Button\n                  size=\"icon\"\n                  variant=\"link\"\n                  onClick={() => {\n                    setCheckedBundle?.(status ? undefined : bundleListItem)\n                    bundleOperation?.(bundleListItem)\n                  }}\n                  className=\"size-auto shrink-0 underline\"\n                >\n                  {status ? copyWriting?.remove : copyWriting?.add}\n                </Button>\n              )}\n            </div>\n          </div>\n        )\n      })}\n    </div>\n  )\n}\n\nconst ProductGiftSummary = ({\n  giftOperation,\n  gift,\n  status,\n  canOperate,\n}: {\n  giftOperation: (gift?: ProductVariant) => void\n  gift?: ProductVariant\n  status?: boolean\n  canOperate?: boolean\n}) => {\n  const { locale = 'us', copyWriting } = useAiuiContext()\n  const { freeGift, setCheckedGift } = useBizProductContext()\n  const { freeLabel } = freeGift || {}\n  const { options } = gift || {}\n\n  const giftOptionsText = useMemo(() => {\n    const giftColorOption = (options?.find(\n      option => option.name === 'color' || option.name === 'colour' || option.name === 'couleur'\n    ) || {}) as ProductOption\n    const giftQuantityOption = options?.find(option => option.name === 'quantity') || ({} as ProductOption)\n    const giftColorOptionText = giftColorOption ? giftColorOption.values?.[0]?.label : ''\n    const giftQuantityOptionText = giftQuantityOption ? giftQuantityOption.values?.[0]?.label : ''\n    return `${giftColorOptionText && giftQuantityOptionText ? giftQuantityOptionText + ' | ' + giftColorOptionText : giftQuantityOptionText || giftColorOptionText} | ${freeLabel}`\n  }, [freeLabel, options])\n\n  return (\n    <div className=\"flex items-center justify-between gap-6\">\n      <div className=\"flex items-center gap-4\">\n        <Picture\n          source={gift?.image?.url}\n          className=\"laptop:size-12 lg-desktop:size-16 border-1 size-10 shrink-0 rounded-lg border-[#E4E5E6] bg-[#EAEAEC] object-cover p-2\"\n        />\n        <div className=\"tablet:max-w-none flex max-w-[178px] flex-col gap-[6px]\">\n          <Text\n            className=\"laptop-md:text-[16px] lg-desktop:text-[18px] line-clamp-2 text-[14px] font-bold\"\n            html={gift?.product?.title}\n          />\n          <Text\n            className=\"laptop:text-[14px] laptop-md:text-[18px] text-[12px] font-bold text-[#6D6D6F]\"\n            html={giftOptionsText}\n          />\n        </div>\n      </div>\n      <div className=\"flex flex-col items-end justify-center gap-2\">\n        {!!gift && (\n          <div className=\"flex items-center gap-1\">\n            <Text className=\"laptop-md:text-2xl text-base font-bold\" html={freeLabel} />\n            <Text\n              className=\"laptop-md:text-2xl text-base font-bold text-[#6D6D6F] line-through\"\n              html={formatPrice({\n                amount: gift.price.amount,\n                locale,\n                currencyCode: gift.price.currencyCode,\n              })}\n            />\n          </div>\n        )}\n        {canOperate && (\n          <Button\n            size=\"icon\"\n            variant=\"link\"\n            onClick={() => {\n              setCheckedGift?.(status ? undefined : gift)\n              giftOperation(gift)\n            }}\n            className=\"size-auto shrink-0 underline\"\n          >\n            {status ? copyWriting?.remove : copyWriting?.add}\n          </Button>\n        )}\n      </div>\n    </div>\n  )\n}\n\nconst ProductExchangeSummary = ({\n  exchangeOperation,\n  exchange,\n  canOperate,\n  status,\n}: {\n  exchangeOperation: (exchange?: ProductVariant) => void\n  exchange?: ProductVariant & { finalPrice?: ProductPrice }\n  canOperate?: boolean\n  status?: boolean\n}) => {\n  const { locale = 'us', copyWriting } = useAiuiContext()\n  const { setCheckedExchangePurchase } = useBizProductContext()\n\n  return (\n    <div className=\"flex items-center justify-between gap-6\">\n      <div className=\"flex items-center gap-4\">\n        <Picture\n          source={exchange?.image?.url}\n          className=\"laptop:size-12 lg-desktop:size-16 border-1 size-10 shrink-0 rounded-lg border-[#E4E5E6] bg-[#EAEAEC] object-cover p-2\"\n        />\n        <div className=\"tablet:max-w-none flex max-w-[178px] flex-col gap-[6px]\">\n          <Text\n            className=\"laptop-md:text-[16px] lg-desktop:text-[18px] line-clamp-2 text-[14px] font-bold\"\n            html={exchange?.product?.title}\n          />\n          <Text className=\"laptop:text-[14px] laptop-md:text-[18px] text-[12px] font-bold text-[#6D6D6F]\" />\n        </div>\n      </div>\n      <div className=\"flex flex-col items-end justify-center gap-2\">\n        {!!exchange && (\n          <div className=\"flex items-center gap-1\">\n            <Text\n              className=\"laptop-md:text-2xl text-base font-bold\"\n              html={formatPrice({\n                amount: exchange.finalPrice?.amount || 0,\n                locale,\n                currencyCode: exchange.price.currencyCode,\n              })}\n            />\n            <Text\n              className=\"laptop-md:text-2xl text-base font-bold text-[#6D6D6F] line-through\"\n              html={formatPrice({\n                amount: exchange.price?.amount || 0,\n                locale,\n                currencyCode: exchange.price.currencyCode,\n              })}\n            />\n          </div>\n        )}\n        {canOperate && (\n          <Button\n            size=\"icon\"\n            variant=\"link\"\n            onClick={() => {\n              setCheckedExchangePurchase?.(status ? undefined : exchange)\n              exchangeOperation(exchange)\n            }}\n            className=\"size-auto shrink-0 underline\"\n          >\n            {status ? copyWriting?.remove : copyWriting?.add}\n          </Button>\n        )}\n      </div>\n    </div>\n  )\n}\n\nexport default withLayout(ProductSummary)\n"],
-  "mappings": "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",
-  "names": ["jsx", "jsxs", "Text", "Button", "Grid", "GridItem", "Picture", "Heading", "useBizProductContext", "useComponentData", "useEffect", "useMemo", "useState", "formatPrice", "useAiuiContext", "Decimal", "replaceTemplate", "withLayout", "ExposureDetector", "gaTrack", "CartActionButtons", "ProductSummary", "locale", "copyWriting", "trackingData", "product", "variant", "finalPrice", "comparePrice", "coupon", "selectedOptions", "selectedVariants", "totalSavings", "onAddToCart", "onBuyNow", "savingDetail", "checkedBundle", "joinedRecommendBuyProducts", "setJoinedRecommendBuyProducts", "setSavingDetail", "addToCartLoading", "buyNowLoading", "notifyMeMode", "onNotifyMeClick", "profile", "addOrder", "setAddOrder", "showComparePrice", "productSummaryData", "currentProductVariant", "summaryFinalPrice", "currentBundleVariant", "v", "currentBundlePrice", "currentProductPrice", "bundleVariant", "giftVariant", "exchangeVariant", "useRecommendBuyProducts", "initialRecommendBuyProducts", "setInitialRecommendBuyProducts", "orderedJoinedProducts", "result", "type", "index", "productOptionsText", "quantity", "color", "variantImage", "image_1920", "image_1440", "image_1024", "image_768", "image_390", "key", "ProductGiftSummary", "gift", "prev", "t", "ProductBundleSummary", "bundle", "ProductExchangeSummary", "exchange", "freeGift", "checkedGift", "exchangePurchase", "checkedExchangePurchase", "bundleList", "giftList", "exchangeList", "availableBundleList", "firstAvailableBundle", "firstAvailableGift", "firstAvailableExchange", "bundleOperation", "bundleListItem", "canOperate", "status", "setCheckedBundle", "bundleVariants", "giftOperation", "setCheckedGift", "freeLabel", "options", "giftOptionsText", "giftColorOption", "option", "giftQuantityOption", "giftColorOptionText", "giftQuantityOptionText", "exchangeOperation", "setCheckedExchangePurchase", "ProductSummary_default"]
+  "sourcesContent": ["import { Text, Button, Grid, GridItem, Picture, Heading } from '../../../../../components/index.js'\nimport { useBizProductContext } from '../../../BizProductProvider.js'\nimport { useComponentData } from '../../../hooks/useComponentData.js'\nimport { useEffect, useMemo, useState } from 'react'\nimport { formatPrice } from '../../../utils/index.js'\nimport { useAiuiContext } from '../../../../AiuiProvider/index.js'\nimport type { ProductVariant, ProductPrice, ProductOption } from '../../../types/product'\nimport Decimal from 'decimal.js'\nimport { replaceTemplate } from '../../../utils/textFormat.js'\nimport { withLayout } from '../../../../../shared/Styles.js'\nimport { ExposureDetector } from '../../../../../components/index.js'\nimport { gaTrack } from '../../../../../shared/track.js'\nimport CartActionButtons from '../../CartActionButtons/index.js'\n\nconst ProductSummary = () => {\n  const { locale = 'us', copyWriting, trackingData } = useAiuiContext()\n  const {\n    product,\n    variant,\n    finalPrice,\n    comparePrice,\n    coupon,\n    selectedOptions,\n    selectedVariants,\n    totalSavings,\n    onAddToCart,\n    onBuyNow,\n    savingDetail,\n    checkedBundle,\n    joinedRecommendBuyProducts,\n    setJoinedRecommendBuyProducts,\n    setSavingDetail,\n    addToCartLoading,\n    buyNowLoading,\n    notifyMeMode,\n    onNotifyMeClick,\n    profile,\n    addOrder,\n    setAddOrder,\n  } = useBizProductContext()\n\n  /** \u662F\u5426\u663E\u793A\u539F\u4EF7\uFF08\u5212\u7EBF\u4EF7\uFF09\uFF0C\u9ED8\u8BA4\u663E\u793A */\n  const showComparePrice = trackingData?.showComparePrice ?? true\n\n  const productSummaryData = useComponentData('ProductSummary') ?? {}\n\n  const [currentProductVariant] = selectedVariants\n\n  const summaryFinalPrice = useMemo(() => {\n    // const currentBundleVariant = checkedBundle?.variants.find(v => v.variant.sku === currentProductVariant?.sku)\n    // const currentBundlePrice = new Decimal(currentProductVariant?.price?.amount || 0)\n    //   .minus(currentBundleVariant?.price || currentProductVariant?.price?.amount)\n    //   .toNumber()\n    let currentProductPrice = new Decimal(currentProductVariant?.price?.amount || 0)\n    if (profile?.email) {\n      currentProductPrice = currentProductPrice.minus(savingDetail?.member || 0)\n    }\n    const finalPrice = currentProductPrice.minus(savingDetail?.coupon).toNumber()\n    return parseFloat(finalPrice.toFixed(2))\n  }, [currentProductVariant, checkedBundle, profile, savingDetail?.member, savingDetail?.coupon])\n\n  const { giftVariant } = useRecommendBuyProducts() || {}\n\n  const [initialRecommendBuyProducts, setInitialRecommendBuyProducts] = useState<{\n    // bundle?: BundleListItem\n    gift?: ProductVariant\n    // exchange?: ProductVariant\n  }>()\n\n  useEffect(() => {\n    setInitialRecommendBuyProducts({\n    //   bundle: joinedRecommendBuyProducts.bundle?.value ? undefined : bundleVariant,\n      gift: joinedRecommendBuyProducts.gift?.value ? undefined : giftVariant,\n    //   exchange: joinedRecommendBuyProducts.exchange?.value ? undefined : exchangeVariant,\n    })\n  }, [giftVariant, joinedRecommendBuyProducts])\n\n  // \u6839\u636E\u6DFB\u52A0\u987A\u5E8F\u751F\u6210\u5DF2\u6DFB\u52A0\u4EA7\u54C1\u7684\u5217\u8868\n  const orderedJoinedProducts = useMemo(() => {\n    const result: Array<{ type: 'bundle' | 'gift' | 'exchange'; key: string }> = []\n\n    // \u6309\u7167\u6DFB\u52A0\u987A\u5E8F\u6DFB\u52A0\n    if (addOrder) {\n      addOrder.forEach((type, index) => {\n        if (joinedRecommendBuyProducts[type]?.value) {\n          result.push({ type, key: `${type}-${index}` })\n        }\n      })\n    }\n\n    return result\n  }, [addOrder, joinedRecommendBuyProducts])\n\n  const productOptionsText = useMemo(() => {\n    const quantity = selectedOptions?.quantity || ''\n    const color = selectedOptions?.color || selectedOptions?.colour || selectedOptions?.couleur || ''\n    return `${quantity && color ? `${quantity} | ${color}` : quantity || color}`\n  }, [selectedOptions?.quantity, selectedOptions?.color, selectedOptions?.colour, selectedOptions?.couleur])\n\n  const variantImage = useMemo(() => {\n    const { image_1920, image_1440, image_1024, image_768, image_390 } = productSummaryData?.thumbnail || {}\n    const responsiveSource = productSummaryData?.thumbnail\n      ? `${image_1920} 1920, ${image_1440} 1440, ${image_1024} 1024, ${image_768} 768, ${image_390} 390`\n      : variant.image?.url\n    return responsiveSource || variant.image?.url\n  }, [productSummaryData?.thumbnail, variant.image?.url])\n\n  const isAvailable = variant.availableForSale\n  if (!isAvailable) return null\n\n  return (\n    <div className=\"ipc-product-summary laptop:px-16 laptop-md:px-0 laptop-md:mt-[96px] lg-desktop:mt-[128px] mt-16\">\n      <div className=\"laptop:rounded-2xl bg-[#F5F5F7]\">\n        <Grid className=\"tablet:p-8 tablet:!pb-0 px-4 pt-6\">\n          <GridItem className=\"laptop:col-start-1 laptop:col-span-5 col-span-12 flex flex-col justify-between gap-4\">\n            <Heading\n              className=\"lg-desktop:text-[48px] laptop:text-[32px] laptop-md:text-[40px] mb-4 text-[24px] font-bold leading-none [&>span]:text-[#D1D1D1]\"\n              html={productSummaryData?.readyWant?.replace?.('{title}', product?.title)}\n            />\n            <div className=\"\">\n              <Picture\n                source={variantImage}\n                className=\"lg-desktop:aspect-[644/320]  laptop-md:aspect-[503/270] laptop:aspect-[332/190] tablet:aspect-[704/380] aspect-[358/190]\"\n                imgClassName=\"object-cover h-full\"\n              />\n            </div>\n          </GridItem>\n          <GridItem className=\"tablet:pb-8 laptop:col-start-7 laptop:mt-0 laptop:col-span-6 col-span-12 mt-8 flex flex-col justify-between gap-6 pb-6\">\n            <div>\n              <div className=\"flex flex-col gap-4\">\n                <ExposureDetector\n                  exposureKey=\"listing_selector\"\n                  onExposure={() => {\n                    gaTrack({\n                      event: 'ga4Event',\n                      event_name: 'component_impression',\n                      event_parameters: {\n                        page_group: `Product Detail Page${variant.sku}`,\n                        component_type: 'image',\n                        component_name: 'listing_selector',\n                        position: 1,\n                      },\n                    })\n                  }}\n                >\n                  <div className=\"flex items-center justify-between gap-6\">\n                    <div className=\"flex items-center gap-4\">\n                      <Picture\n                        source={variant.image?.url || product?.images?.[0]?.url}\n                        className=\"laptop:size-12 lg-desktop:size-16 border-1 size-10 shrink-0 rounded-lg border-[#E4E5E6] bg-[#EAEAEC] object-cover p-2\"\n                      />\n                      <div className=\"tablet:max-w-none flex max-w-[178px] flex-col gap-[6px]\">\n                        <Text\n                          className=\"laptop-md:text-[16px] lg-desktop:text-[18px] line-clamp-2 text-[14px] font-bold\"\n                          html={product.title}\n                        />\n                        <Text\n                          className=\"laptop:text-[14px] laptop-md:text-[18px] text-[12px] font-bold text-[#6D6D6F]\"\n                          html={productOptionsText}\n                        />\n                      </div>\n                    </div>\n                    <div className=\"flex items-center gap-1\">\n                      <Text\n                        className=\"laptop-md:text-2xl text-base font-bold\"\n                        html={formatPrice({\n                          amount: summaryFinalPrice,\n                          currencyCode: variant.price.currencyCode,\n                          locale,\n                        })}\n                      />\n                      {showComparePrice && summaryFinalPrice < variant?.price?.amount && (\n                        <Text\n                          className=\"laptop-md:text-2xl laptop:text-xl text-base font-bold text-[#6D6D6F] line-through\"\n                          html={formatPrice({\n                            amount: variant?.price?.amount,\n                            currencyCode: variant.price.currencyCode,\n                            locale,\n                          })}\n                        />\n                      )}\n                    </div>\n                  </div>\n                </ExposureDetector>\n                {/* \u6309\u7167\u6DFB\u52A0\u987A\u5E8F\u6E32\u67D3\u5DF2\u6DFB\u52A0\u7684\u4EA7\u54C1 */}\n                {orderedJoinedProducts.map(({ type, key }) => {\n                  if (type === 'gift' && joinedRecommendBuyProducts?.gift?.value) {\n                    return (\n                      <ProductGiftSummary\n                        key={key}\n                        giftOperation={gift => {\n                          setJoinedRecommendBuyProducts?.({\n                            ...joinedRecommendBuyProducts,\n                            gift: {\n                              value: undefined,\n                              canOperate: true,\n                            },\n                          })\n                          setInitialRecommendBuyProducts?.({ ...initialRecommendBuyProducts, gift })\n                          // \u4ECE\u6DFB\u52A0\u987A\u5E8F\u4E2D\u79FB\u9664\n                          setAddOrder?.(prev => prev.filter(t => t !== 'gift'))\n                        }}\n                        status={!!joinedRecommendBuyProducts?.gift}\n                        gift={joinedRecommendBuyProducts?.gift?.value}\n                        canOperate={joinedRecommendBuyProducts?.gift?.canOperate}\n                      />\n                    )\n                  }\n                //   if (type === 'bundle' && joinedRecommendBuyProducts?.bundle?.value) {\n                //     return (\n                //       <ProductBundleSummary\n                //         key={key}\n                //         bundleOperation={bundle => {\n                //           setJoinedRecommendBuyProducts?.({\n                //             ...joinedRecommendBuyProducts,\n                //             bundle: {\n                //               value: undefined,\n                //               canOperate: true,\n                //             },\n                //           })\n                //           setInitialRecommendBuyProducts?.({ ...initialRecommendBuyProducts, bundle })\n                //           // \u4ECE\u6DFB\u52A0\u987A\u5E8F\u4E2D\u79FB\u9664\n                //           setAddOrder?.(prev => prev.filter(t => t !== 'bundle'))\n                //         }}\n                //         status={!!joinedRecommendBuyProducts?.bundle}\n                //         bundleListItem={joinedRecommendBuyProducts?.bundle?.value}\n                //         canOperate={joinedRecommendBuyProducts?.bundle?.canOperate}\n                //       />\n                //     )\n                //   }\n                //   if (type === 'exchange' && joinedRecommendBuyProducts?.exchange?.value) {\n                //     return (\n                //       <ProductExchangeSummary\n                //         key={key}\n                //         exchangeOperation={exchange => {\n                //           setJoinedRecommendBuyProducts?.({\n                //             ...joinedRecommendBuyProducts,\n                //             exchange: {\n                //               value: undefined,\n                //               canOperate: true,\n                //             },\n                //           })\n                //           setInitialRecommendBuyProducts?.({ ...initialRecommendBuyProducts, exchange })\n                //           // \u4ECE\u6DFB\u52A0\u987A\u5E8F\u4E2D\u79FB\u9664\n                //           setAddOrder?.(prev => prev.filter(t => t !== 'exchange'))\n                //         }}\n                //         status={!!joinedRecommendBuyProducts?.exchange}\n                //         canOperate={joinedRecommendBuyProducts?.exchange?.canOperate}\n                //         exchange={joinedRecommendBuyProducts?.exchange?.value}\n                //       />\n                //     )\n                //   }\n                  return null\n                })}\n              </div>\n              {\n                initialRecommendBuyProducts?.gift && (\n                <div className=\"laptop-md:mt-8 mt-6\">\n                  <Text className=\"laptop-md:text-[18px] text-sm font-bold\" html={productSummaryData?.recommendBuy} />\n                  <div className=\"laptop-md:gap-4 mt-4 flex flex-col gap-6\">\n                    {/* {initialRecommendBuyProducts?.exchange && (\n                      <ProductExchangeSummary\n                        exchangeOperation={exchange => {\n                          setJoinedRecommendBuyProducts?.({\n                            ...joinedRecommendBuyProducts,\n                            exchange: {\n                              value: exchange,\n                              canOperate: true,\n                            },\n                          })\n                          setInitialRecommendBuyProducts?.({ ...initialRecommendBuyProducts, exchange: undefined })\n                          // \u6DFB\u52A0\u5230\u987A\u5E8F\u6570\u7EC4\u7684\u672B\u5C3E\n                          setAddOrder?.(prev => [...prev, 'exchange'])\n                        }}\n                        canOperate={joinedRecommendBuyProducts?.exchange?.canOperate}\n                        status={!initialRecommendBuyProducts?.exchange}\n                        exchange={initialRecommendBuyProducts?.exchange}\n                      />\n                    )} */}\n                    {/* {initialRecommendBuyProducts?.bundle && (\n                      <ProductBundleSummary\n                        bundleOperation={bundle => {\n                          setSavingDetail?.({ ...savingDetail, exchangePurchase: 0 })\n                          setJoinedRecommendBuyProducts?.({\n                            ...joinedRecommendBuyProducts,\n                            bundle: {\n                              value: bundle,\n                              canOperate: true,\n                            },\n                          })\n                          setInitialRecommendBuyProducts?.({ ...initialRecommendBuyProducts, bundle: undefined })\n                          // \u6DFB\u52A0\u5230\u987A\u5E8F\u6570\u7EC4\u7684\u672B\u5C3E\n                          setAddOrder?.(prev => [...prev, 'bundle'])\n                        }}\n                        canOperate={joinedRecommendBuyProducts?.bundle?.canOperate}\n                        status={!initialRecommendBuyProducts?.bundle}\n                        bundleListItem={initialRecommendBuyProducts?.bundle}\n                      />\n                    )} */}\n                    {initialRecommendBuyProducts?.gift && (\n                      <ProductGiftSummary\n                        giftOperation={gift => {\n                          setJoinedRecommendBuyProducts?.({\n                            ...joinedRecommendBuyProducts,\n                            gift: {\n                              value: gift,\n                              canOperate: true,\n                            },\n                          })\n                          setInitialRecommendBuyProducts?.({ ...initialRecommendBuyProducts, gift: undefined })\n                          // \u6DFB\u52A0\u5230\u987A\u5E8F\u6570\u7EC4\u7684\u672B\u5C3E\n                          setAddOrder?.(prev => [...prev, 'gift'])\n                        }}\n                        canOperate={joinedRecommendBuyProducts?.gift?.canOperate}\n                        status={!initialRecommendBuyProducts?.gift}\n                        gift={initialRecommendBuyProducts?.gift}\n                      />\n                    )}\n                  </div>\n                </div>\n              )}\n            </div>\n            <div className=\"text-right\">\n              <Text\n                className=\"laptop:text-xl laptop-md:text-2xl text-right font-bold\"\n                html={`${replaceTemplate(copyWriting?.totalPrice || '', { amount: formatPrice({ amount: parseFloat(finalPrice.toFixed(2)), currencyCode: variant.price.currencyCode, locale }) })}`}\n              />\n\n              {showComparePrice && totalSavings > 0 && (\n                <Text\n                  className=\"laptop:text-xl laptop-md:text-2xl ml-1 text-base font-bold text-[#6D6D6F] line-through\"\n                  html={formatPrice({\n                    amount: comparePrice,\n                    currencyCode: variant.price.currencyCode,\n                    locale,\n                  })}\n                />\n              )}\n              <div className=\"mt-4 flex justify-end gap-3\">\n                <CartActionButtons\n                  mode={notifyMeMode}\n                  availableForSale={variant.availableForSale}\n                  addToCartText={copyWriting?.addToCart}\n                  buyNowText={copyWriting?.shopNow}\n                  addToCartLoading={addToCartLoading}\n                  buyNowLoading={buyNowLoading}\n                  addToCartClassName=\"tablet:w-auto laptop:w-1/2 laptop-md:w-auto w-1/2\"\n                  buyNowClassName=\"tablet:w-auto laptop:w-1/2 laptop-md:w-auto w-1/2\"\n                  onAddToCart={onAddToCart}\n                  onBuyNow={onBuyNow}\n                  onNotifyMeClick={onNotifyMeClick}\n                  notifyMeText={copyWriting?.notifyMe}\n                  notifyMeClassName=\"tablet:w-auto laptop:w-1/2 laptop-md:w-auto w-1/2\"\n                />\n              </div>\n            </div>\n          </GridItem>\n        </Grid>\n      </div>\n    </div>\n  )\n}\n\nconst useRecommendBuyProducts = () => {\n  const { bundle, variant, checkedBundle, freeGift, checkedGift } =\n    useBizProductContext()\n//   let bundleVariant = undefined\n  let giftVariant = undefined\n//   let exchangeVariant = undefined\n//   const { bundleList } = bundle || {}\n\n  const { giftList = [] } = freeGift || {}\n//   const { giftList: exchangeList = [] } = exchangePurchase || {}\n\n//   const availableBundleList =\n//     bundleList?.filter(bundle =>\n//       bundle.variants.slice(1, bundle.variants.length).every(v => v.variant.availableForSale)\n//     ) || []\n\n//   const [firstAvailableBundle] = availableBundleList\n//   bundleVariant = checkedBundle || firstAvailableBundle\n\n  const [firstAvailableGift] = giftList?.filter(gift => gift.availableForSale) ?? []\n  giftVariant = checkedGift || firstAvailableGift\n\n//   const [firstAvailableExchange] = exchangeList?.filter(exchange => exchange.availableForSale) ?? []\n//   exchangeVariant = checkedExchangePurchase || firstAvailableExchange\n\n  return { giftVariant }\n}\n\n// const ProductBundleSummary = ({\n//   bundleOperation,\n//   bundleListItem,\n//   canOperate,\n//   status,\n// }: {\n//   bundleOperation: (bundle?: BundleListItem) => void\n//   bundleListItem?: BundleListItem\n//   canOperate?: boolean\n//   status?: boolean\n// }) => {\n//   const { locale = 'us', copyWriting } = useAiuiContext()\n//   const { variant, setCheckedBundle } = useBizProductContext()\n//   const bundleVariants = bundleListItem?.variants.filter(v => v.variant.sku !== variant.sku)\n\n//   return (\n//     <div className=\"\">\n//       {bundleVariants?.map(bundleVariant => {\n//         return (\n//           <div className=\"flex items-center justify-between gap-4\" key={bundleVariant.variant.id}>\n//             <div className=\"flex items-center gap-4\">\n//               <Picture\n//                 source={bundleVariant?.variant?.image?.url}\n//                 className=\"laptop:size-12 lg-desktop:size-16 border-1 size-10 shrink-0 rounded-lg border-[#E4E5E6] bg-[#EAEAEC] object-cover p-2\"\n//               />\n//               <div className=\"tablet:max-w-none line-clamp-2 flex max-w-[178px] flex-col gap-[6px]\">\n//                 <Text\n//                   className=\"laptop-md:text-[16px] lg-desktop:text-[18px] text-[14px] font-bold\"\n//                   html={bundleVariant.variant.product.title}\n//                 />\n//               </div>\n//             </div>\n//             <div className=\"flex flex-col items-end justify-center gap-1\">\n//               {!!bundleListItem && (\n//                 <div className=\"flex items-center gap-1\">\n//                   <Text\n//                     className=\"laptop-md:text-2xl text-base font-bold\"\n//                     html={formatPrice({\n//                       amount: bundleVariant?.price || 0,\n//                       locale,\n//                       currencyCode: bundleVariant.variant?.price?.currencyCode || '',\n//                     })}\n//                   />\n//                   {bundleVariant.price < bundleVariant.variant.price.amount && (\n//                     <Text\n//                       className=\"laptop-md:text-2xl text-base font-bold text-[#6D6D6F] line-through\"\n//                       html={formatPrice({\n//                         amount: bundleVariant.variant.price.amount || 0,\n//                         locale,\n//                         currencyCode: bundleVariant.variant?.price?.currencyCode || '',\n//                       })}\n//                     />\n//                   )}\n//                 </div>\n//               )}\n//               {canOperate && (\n//                 <Button\n//                   size=\"icon\"\n//                   variant=\"link\"\n//                   onClick={() => {\n//                     setCheckedBundle?.(status ? undefined : bundleListItem)\n//                     bundleOperation?.(bundleListItem)\n//                   }}\n//                   className=\"size-auto shrink-0 underline\"\n//                 >\n//                   {status ? copyWriting?.remove : copyWriting?.add}\n//                 </Button>\n//               )}\n//             </div>\n//           </div>\n//         )\n//       })}\n//     </div>\n//   )\n// }\n\nconst ProductGiftSummary = ({\n  giftOperation,\n  gift,\n  status,\n  canOperate,\n}: {\n  giftOperation: (gift?: ProductVariant) => void\n  gift?: ProductVariant\n  status?: boolean\n  canOperate?: boolean\n}) => {\n  const { locale = 'us', copyWriting } = useAiuiContext()\n  const { freeGift, setCheckedGift } = useBizProductContext()\n  const { freeLabel } = freeGift || {}\n  const { options } = gift || {}\n\n  const giftOptionsText = useMemo(() => {\n    const giftColorOption = (options?.find(\n      option => option.name === 'color' || option.name === 'colour' || option.name === 'couleur'\n    ) || {}) as ProductOption\n    const giftQuantityOption = options?.find(option => option.name === 'quantity') || ({} as ProductOption)\n    const giftColorOptionText = giftColorOption ? giftColorOption.values?.[0]?.label : ''\n    const giftQuantityOptionText = giftQuantityOption ? giftQuantityOption.values?.[0]?.label : ''\n    return `${giftColorOptionText && giftQuantityOptionText ? giftQuantityOptionText + ' | ' + giftColorOptionText : giftQuantityOptionText || giftColorOptionText} | ${freeLabel}`\n  }, [freeLabel, options])\n\n  return (\n    <div className=\"flex items-center justify-between gap-6\">\n      <div className=\"flex items-center gap-4\">\n        <Picture\n          source={gift?.image?.url}\n          className=\"laptop:size-12 lg-desktop:size-16 border-1 size-10 shrink-0 rounded-lg border-[#E4E5E6] bg-[#EAEAEC] object-cover p-2\"\n        />\n        <div className=\"tablet:max-w-none flex max-w-[178px] flex-col gap-[6px]\">\n          <Text\n            className=\"laptop-md:text-[16px] lg-desktop:text-[18px] line-clamp-2 text-[14px] font-bold\"\n            html={gift?.product?.title}\n          />\n          <Text\n            className=\"laptop:text-[14px] laptop-md:text-[18px] text-[12px] font-bold text-[#6D6D6F]\"\n            html={giftOptionsText}\n          />\n        </div>\n      </div>\n      <div className=\"flex flex-col items-end justify-center gap-2\">\n        {!!gift && (\n          <div className=\"flex items-center gap-1\">\n            <Text className=\"laptop-md:text-2xl text-base font-bold\" html={freeLabel} />\n            <Text\n              className=\"laptop-md:text-2xl text-base font-bold text-[#6D6D6F] line-through\"\n              html={formatPrice({\n                amount: gift.price.amount,\n                locale,\n                currencyCode: gift.price.currencyCode,\n              })}\n            />\n          </div>\n        )}\n        {canOperate && (\n          <Button\n            size=\"icon\"\n            variant=\"link\"\n            onClick={() => {\n              setCheckedGift?.(status ? undefined : gift)\n              giftOperation(gift)\n            }}\n            className=\"size-auto shrink-0 underline\"\n          >\n            {status ? copyWriting?.remove : copyWriting?.add}\n          </Button>\n        )}\n      </div>\n    </div>\n  )\n}\n\n// const ProductExchangeSummary = ({\n//   exchangeOperation,\n//   exchange,\n//   canOperate,\n//   status,\n// }: {\n//   exchangeOperation: (exchange?: ProductVariant) => void\n//   exchange?: ProductVariant & { finalPrice?: ProductPrice }\n//   canOperate?: boolean\n//   status?: boolean\n// }) => {\n//   const { locale = 'us', copyWriting } = useAiuiContext()\n//   const { setCheckedExchangePurchase } = useBizProductContext()\n\n//   return (\n//     <div className=\"flex items-center justify-between gap-6\">\n//       <div className=\"flex items-center gap-4\">\n//         <Picture\n//           source={exchange?.image?.url}\n//           className=\"laptop:size-12 lg-desktop:size-16 border-1 size-10 shrink-0 rounded-lg border-[#E4E5E6] bg-[#EAEAEC] object-cover p-2\"\n//         />\n//         <div className=\"tablet:max-w-none flex max-w-[178px] flex-col gap-[6px]\">\n//           <Text\n//             className=\"laptop-md:text-[16px] lg-desktop:text-[18px] line-clamp-2 text-[14px] font-bold\"\n//             html={exchange?.product?.title}\n//           />\n//           <Text className=\"laptop:text-[14px] laptop-md:text-[18px] text-[12px] font-bold text-[#6D6D6F]\" />\n//         </div>\n//       </div>\n//       <div className=\"flex flex-col items-end justify-center gap-2\">\n//         {!!exchange && (\n//           <div className=\"flex items-center gap-1\">\n//             <Text\n//               className=\"laptop-md:text-2xl text-base font-bold\"\n//               html={formatPrice({\n//                 amount: exchange.finalPrice?.amount || 0,\n//                 locale,\n//                 currencyCode: exchange.price.currencyCode,\n//               })}\n//             />\n//             <Text\n//               className=\"laptop-md:text-2xl text-base font-bold text-[#6D6D6F] line-through\"\n//               html={formatPrice({\n//                 amount: exchange.price?.amount || 0,\n//                 locale,\n//                 currencyCode: exchange.price.currencyCode,\n//               })}\n//             />\n//           </div>\n//         )}\n//         {canOperate && (\n//           <Button\n//             size=\"icon\"\n//             variant=\"link\"\n//             onClick={() => {\n//               setCheckedExchangePurchase?.(status ? undefined : exchange)\n//               exchangeOperation(exchange)\n//             }}\n//             className=\"size-auto shrink-0 underline\"\n//           >\n//             {status ? copyWriting?.remove : copyWriting?.add}\n//           </Button>\n//         )}\n//       </div>\n//     </div>\n//   )\n// }\n\nexport default withLayout(ProductSummary)\n"],
+  "mappings": "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",
+  "names": ["jsx", "jsxs", "Text", "Button", "Grid", "GridItem", "Picture", "Heading", "useBizProductContext", "useComponentData", "useEffect", "useMemo", "useState", "formatPrice", "useAiuiContext", "Decimal", "replaceTemplate", "withLayout", "ExposureDetector", "gaTrack", "CartActionButtons", "ProductSummary", "locale", "copyWriting", "trackingData", "product", "variant", "finalPrice", "comparePrice", "coupon", "selectedOptions", "selectedVariants", "totalSavings", "onAddToCart", "onBuyNow", "savingDetail", "checkedBundle", "joinedRecommendBuyProducts", "setJoinedRecommendBuyProducts", "setSavingDetail", "addToCartLoading", "buyNowLoading", "notifyMeMode", "onNotifyMeClick", "profile", "addOrder", "setAddOrder", "showComparePrice", "productSummaryData", "currentProductVariant", "summaryFinalPrice", "currentProductPrice", "giftVariant", "useRecommendBuyProducts", "initialRecommendBuyProducts", "setInitialRecommendBuyProducts", "orderedJoinedProducts", "result", "type", "index", "productOptionsText", "quantity", "color", "variantImage", "image_1920", "image_1440", "image_1024", "image_768", "image_390", "key", "ProductGiftSummary", "gift", "prev", "t", "bundle", "freeGift", "checkedGift", "giftList", "firstAvailableGift", "giftOperation", "status", "canOperate", "setCheckedGift", "freeLabel", "options", "giftOptionsText", "giftColorOption", "option", "giftQuantityOption", "giftColorOptionText", "giftQuantityOptionText", "ProductSummary_default"]
 }

package/dist/esm/biz-components/Listing/components/index.d.ts

@@ -1,3 +1,2 @@
 export { default as PurchaseBar } from './PurchaseBar/index.js';
 export { default as ProductActions } from './PurchaseBar/ProductActions/index.js';
-export { default as ProductCard } from './ProductCard/index.js';

package/dist/esm/biz-components/Listing/components/index.js

@@ -1,2 +1,2 @@
-import{default as o}from"./PurchaseBar/index.js";import{default as e}from"./PurchaseBar/ProductActions/index.js";import{default as f}from"./ProductCard/index.js";export{e as ProductActions,f as ProductCard,o as PurchaseBar};
+import{default as o}from"./PurchaseBar/index.js";import{default as e}from"./PurchaseBar/ProductActions/index.js";export{e as ProductActions,o as PurchaseBar};
 //# sourceMappingURL=index.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/biz-components/Listing/components/index.ts"],
-  "sourcesContent": ["export { default as PurchaseBar } from './PurchaseBar/index.js'\nexport { default as ProductActions } from './PurchaseBar/ProductActions/index.js'\nexport { default as ProductCard } from './ProductCard/index.js'\n"],
-  "mappings": "AAAA,OAAoB,WAAXA,MAA8B,yBACvC,OAAoB,WAAXA,MAAiC,wCAC1C,OAAoB,WAAXA,MAA8B",
+  "sourcesContent": ["export { default as PurchaseBar } from './PurchaseBar/index.js'\nexport { default as ProductActions } from './PurchaseBar/ProductActions/index.js'\n\n"],
+  "mappings": "AAAA,OAAoB,WAAXA,MAA8B,yBACvC,OAAoB,WAAXA,MAAiC",
   "names": ["default"]
 }

package/dist/esm/biz-components/Listing/hooks/useBenefits.d.ts

@@ -1,4 +1,6 @@
-import type { ProductVariant, FreeGift, Bundle } from '../types/product';
+import type { ProductVariant, FreeGift } from '../types/product';
+import type { ProductFunctionFreeGiftProps } from '../components/ProductCard/ProductDetail/ProductFunctionFreeGift/types.js';
+import type { ProductBundleProps } from '../components/ProductCard/ProductDetail/ProductBundle/types.js';
 interface BenefitsParams {
     variant: ProductVariant;
 }
@@ -15,10 +17,14 @@ interface BenefitsResult {
      * 买赠
      */
     freeGift: BenefitItemConfig<FreeGift>;
+    /**
+     * function买赠
+     */
+    functionFreeGift: BenefitItemConfig<ProductFunctionFreeGiftProps>;
     /**
      * 捆绑折扣
      */
-    bundle: BenefitItemConfig<Bundle>;
+    bundle: BenefitItemConfig<ProductBundleProps>;
     /**
      * 会员价
      */

package/dist/esm/biz-components/Listing/hooks/useBenefits.js

@@ -1,2 +1,2 @@
-import{useBizProductContext as B}from"../BizProductProvider.js";import{checkItemAvailableForProduct as h}from"../utils/helper.js";import{useDiscountEnable as C}from"./useDiscountEnable.js";import{useAiuiContext as D}from"../../AiuiProvider/index.js";const P=({variant:e})=>{const{coupon:l,product:u,bundle:t,freeGift:s,memberFunctionResult:i,creditsRedemption:r,profile:m}=B(),{amount:f}=r??{},{trackingData:n}=D(),p=Math.max(i?.withCouponMemberTotalSave??0,i?.withoutCouponMaxMemberTotalSave??0),a=C({profile:m,variant:e,memberFunctionResult:i,coupon:l}),d=!!(n?.paidShipping&&e.requiresShipping&&!e?.metafields?.global?.presell&&!e?.metafields?.global?.HideShipping),c=n?.freeGift,g=c?.excludeProducts?.map(o=>typeof o=="object"&&"sku"in o?o.sku:o)??[],b=n?.levelDiscount&&h({product:u,variant:e,item:n?.levelDiscount});return{commonCoupon:{enable:a.showCommonCoupon&&!!l,config:l??{}},freeGift:{enable:!!s&&!!s?.giftList?.length,config:s},bundle:{enable:!!t&&!!t?.bundleList?.length&&Math.max(...t?.bundleList?.map(o=>o.savings??0)??[])>0,config:t},memberDiscount:{enable:a.showMemberDiscount,config:{amount:p,description:i?.labels?.[0]}},creditsRedemption:{enable:!!f&&f>0,config:{amount:f,label:n?.creditsRedemptionLabel}},paidShipping:{enable:d,config:{}},fullGift:{enable:!!(c&&!g.includes(e.sku)),config:c??{}},levelDiscount:{enable:!!b,config:n?.levelDiscount??{}}}};export{P as useBenefits};
+import{useBizProductContext as P}from"../BizProductProvider.js";import{checkItemAvailableForProduct as C}from"../utils/helper.js";import{useDiscountEnable as h}from"./useDiscountEnable.js";import{useAiuiContext as G}from"../../AiuiProvider/index.js";const R=({variant:e})=>{const{coupon:i,product:a,bundle:c,freeGift:r,functionFreeGift:f,memberFunctionResult:t,creditsRedemption:m,profile:p}=P(),{amount:l}=m??{},{trackingData:o}=G(),d=Math.max(t?.withCouponMemberTotalSave??0,t?.withoutCouponMaxMemberTotalSave??0),u=h({profile:p,variant:e,memberFunctionResult:t,coupon:i}),g=!!(o?.paidShipping&&e.requiresShipping&&!e?.metafields?.global?.presell&&!e?.metafields?.global?.HideShipping),s=o?.freeGift,b=s?.excludeProducts?.map(n=>typeof n=="object"&&"sku"in n?n.sku:n)??[],B=o?.levelDiscount&&C({product:a,variant:e,item:o?.levelDiscount});return{commonCoupon:{enable:u.showCommonCoupon&&!!i,config:i??{}},freeGift:{enable:!!r&&!!r?.giftList?.length,config:r},functionFreeGift:{enable:!!f&&!!f?.giftItems?.length,config:f},bundle:{enable:!!c&&!!c?.bundleOptions?.length,config:c},memberDiscount:{enable:u.showMemberDiscount,config:{amount:d,description:t?.labels?.[0]}},creditsRedemption:{enable:!!l&&l>0,config:{amount:l,label:o?.creditsRedemptionLabel}},paidShipping:{enable:g,config:{}},fullGift:{enable:!!(s&&!b.includes(e.sku)),config:s??{}},levelDiscount:{enable:!!B,config:o?.levelDiscount??{}}}};export{R as useBenefits};
 //# sourceMappingURL=useBenefits.js.map

package/dist/esm/biz-components/Listing/hooks/useBenefits.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/biz-components/Listing/hooks/useBenefits.ts"],
-  "sourcesContent": ["import { useBizProductContext } from '../BizProductProvider.js'\nimport type { ProductVariant, FreeGift, Bundle } from '../types/product'\nimport { checkItemAvailableForProduct } from '../utils/helper.js'\nimport { useDiscountEnable } from './useDiscountEnable.js'\n\nimport { useAiuiContext } from '../../AiuiProvider/index.js'\n\ninterface BenefitsParams {\n  variant: ProductVariant\n}\n\ninterface BenefitItemConfig<T extends Record<string, any> = Record<string, any>> {\n  enable: boolean\n  config?: T // \u539F\u59CB\u914D\u7F6E\n}\n\ninterface BenefitsResult {\n  /**\n   * \u901A\u7528\u4F18\u60E0\u5238\n   */\n  commonCoupon?: BenefitItemConfig\n  /**\n   * \u4E70\u8D60\n   */\n  freeGift: BenefitItemConfig<FreeGift>\n  /**\n   * \u6346\u7ED1\u6298\u6263\n   */\n  bundle: BenefitItemConfig<Bundle>\n  /**\n   * \u4F1A\u5458\u4EF7\n   */\n  memberDiscount: BenefitItemConfig\n  /**\n   * \u79EF\u5206\u62B5\u73B0\n   */\n  creditsRedemption: BenefitItemConfig\n  /**\n   * \u9AD8\u6807\u7269\u6D41\n   */\n  paidShipping: BenefitItemConfig\n\n  /**\n   * \u6EE1\u8D60\n   */\n  fullGift: BenefitItemConfig\n\n  /**\n   * \u6EE1\u51CF\u6298\u6263\n   */\n  levelDiscount: BenefitItemConfig\n}\n\n/**\n * \u5546\u54C1\u6743\u76CA\n * \u83B7\u53D6\u5F53\u524Dsku \u6240\u6709\u7684\u6743\u76CA\n * \u5305\u62EC \u901A\u7528\u4F18\u60E0\u5238\uFF0C\u4F1A\u5458\u4EF7\uFF0C\u6EE1\u51CF\uFF0C\u6346\u7ED1\u6298\u6263\uFF0C\u4E70\u8D60 \uFF0C\u6EE1\u8D60 \uFF0C\u79EF\u5206\u62B5\u73B0\n * @returns\n */\nexport const useBenefits = ({ variant }: BenefitsParams): BenefitsResult => {\n  const { coupon, product, bundle, freeGift, memberFunctionResult, creditsRedemption, profile } = useBizProductContext()\n\n  const { amount: creditsRedemptionAmount } = creditsRedemption ?? {}\n\n  const { trackingData } = useAiuiContext()\n\n  const total = Math.max(\n    memberFunctionResult?.withCouponMemberTotalSave ?? 0,\n    memberFunctionResult?.withoutCouponMaxMemberTotalSave ?? 0\n  )\n\n  const discountEnable = useDiscountEnable({ profile, variant, memberFunctionResult, coupon })\n\n  // \u9AD8\u6807\u7269\u6D41\n  const showPaidShipping = Boolean(\n    trackingData?.paidShipping &&\n    variant.requiresShipping &&\n    !variant?.metafields?.global?.presell &&\n    !variant?.metafields?.global?.HideShipping\n  )\n\n  // \u811A\u672C\u6EE1\u8D60\n  const fullGift = trackingData?.freeGift\n  const excludeProducts =\n    fullGift?.excludeProducts?.map((item: any) => (typeof item === 'object' && 'sku' in item ? item.sku : item)) ?? []\n\n  const showLevelDiscount =\n    trackingData?.levelDiscount && checkItemAvailableForProduct({ product, variant, item: trackingData?.levelDiscount })\n\n  return {\n    commonCoupon: {\n      enable: discountEnable.showCommonCoupon && Boolean(coupon),\n      config: coupon ?? {},\n    },\n    freeGift: {\n      enable: Boolean(freeGift) && !!freeGift?.giftList?.length,\n      config: freeGift,\n    },\n    bundle: {\n      enable:\n        Boolean(bundle) &&\n        !!bundle?.bundleList?.length &&\n        Math.max(...(bundle?.bundleList?.map(item => item.savings ?? 0) ?? [])) > 0, // \u6709\u4F18\u60E0\u624D\u5C55\u793A\n      config: bundle,\n    },\n    memberDiscount: {\n      enable: discountEnable.showMemberDiscount,\n      // enable: total > 0,\n      config: {\n        amount: total,\n        description: memberFunctionResult?.labels?.[0],\n      },\n    },\n    creditsRedemption: {\n      enable: Boolean(creditsRedemptionAmount) && creditsRedemptionAmount! > 0,\n      config: { amount: creditsRedemptionAmount, label: trackingData?.creditsRedemptionLabel },\n    },\n    paidShipping: {\n      enable: showPaidShipping,\n      config: {},\n    },\n    fullGift: {\n      enable: Boolean(fullGift && !excludeProducts.includes(variant.sku)),\n      config: fullGift ?? {},\n    },\n    levelDiscount: {\n      enable: Boolean(showLevelDiscount),\n      config: trackingData?.levelDiscount ?? {},\n    },\n  }\n}\n"],
-  "mappings": "AAAA,OAAS,wBAAAA,MAA4B,2BAErC,OAAS,gCAAAC,MAAoC,qBAC7C,OAAS,qBAAAC,MAAyB,yBAElC,OAAS,kBAAAC,MAAsB,8BAsDxB,MAAMC,EAAc,CAAC,CAAE,QAAAC,CAAQ,IAAsC,CAC1E,KAAM,CAAE,OAAAC,EAAQ,QAAAC,EAAS,OAAAC,EAAQ,SAAAC,EAAU,qBAAAC,EAAsB,kBAAAC,EAAmB,QAAAC,CAAQ,EAAIZ,EAAqB,EAE/G,CAAE,OAAQa,CAAwB,EAAIF,GAAqB,CAAC,EAE5D,CAAE,aAAAG,CAAa,EAAIX,EAAe,EAElCY,EAAQ,KAAK,IACjBL,GAAsB,2BAA6B,EACnDA,GAAsB,iCAAmC,CAC3D,EAEMM,EAAiBd,EAAkB,CAAE,QAAAU,EAAS,QAAAP,EAAS,qBAAAK,EAAsB,OAAAJ,CAAO,CAAC,EAGrFW,EAAmB,GACvBH,GAAc,cACdT,EAAQ,kBACR,CAACA,GAAS,YAAY,QAAQ,SAC9B,CAACA,GAAS,YAAY,QAAQ,cAI1Ba,EAAWJ,GAAc,SACzBK,EACJD,GAAU,iBAAiB,IAAKE,GAAe,OAAOA,GAAS,UAAY,QAASA,EAAOA,EAAK,IAAMA,CAAK,GAAK,CAAC,EAE7GC,EACJP,GAAc,eAAiBb,EAA6B,CAAE,QAAAM,EAAS,QAAAF,EAAS,KAAMS,GAAc,aAAc,CAAC,EAErH,MAAO,CACL,aAAc,CACZ,OAAQE,EAAe,kBAAoB,EAAQV,EACnD,OAAQA,GAAU,CAAC,CACrB,EACA,SAAU,CACR,OAAQ,EAAQG,GAAa,CAAC,CAACA,GAAU,UAAU,OACnD,OAAQA,CACV,EACA,OAAQ,CACN,OACE,EAAQD,GACR,CAAC,CAACA,GAAQ,YAAY,QACtB,KAAK,IAAI,GAAIA,GAAQ,YAAY,IAAIY,GAAQA,EAAK,SAAW,CAAC,GAAK,CAAC,CAAE,EAAI,EAC5E,OAAQZ,CACV,EACA,eAAgB,CACd,OAAQQ,EAAe,mBAEvB,OAAQ,CACN,OAAQD,EACR,YAAaL,GAAsB,SAAS,CAAC,CAC/C,CACF,EACA,kBAAmB,CACjB,OAAQ,EAAQG,GAA4BA,EAA2B,EACvE,OAAQ,CAAE,OAAQA,EAAyB,MAAOC,GAAc,sBAAuB,CACzF,EACA,aAAc,CACZ,OAAQG,EACR,OAAQ,CAAC,CACX,EACA,SAAU,CACR,OAAQ,GAAQC,GAAY,CAACC,EAAgB,SAASd,EAAQ,GAAG,GACjE,OAAQa,GAAY,CAAC,CACvB,EACA,cAAe,CACb,OAAQ,EAAQG,EAChB,OAAQP,GAAc,eAAiB,CAAC,CAC1C,CACF,CACF",
-  "names": ["useBizProductContext", "checkItemAvailableForProduct", "useDiscountEnable", "useAiuiContext", "useBenefits", "variant", "coupon", "product", "bundle", "freeGift", "memberFunctionResult", "creditsRedemption", "profile", "creditsRedemptionAmount", "trackingData", "total", "discountEnable", "showPaidShipping", "fullGift", "excludeProducts", "item", "showLevelDiscount"]
+  "sourcesContent": ["import { useBizProductContext } from '../BizProductProvider.js'\nimport type { ProductVariant, FreeGift } from '../types/product'\nimport { checkItemAvailableForProduct } from '../utils/helper.js'\nimport { useDiscountEnable } from './useDiscountEnable.js'\n\nimport { useAiuiContext } from '../../AiuiProvider/index.js'\nimport type { ProductFunctionFreeGiftProps } from '../components/ProductCard/ProductDetail/ProductFunctionFreeGift/types.js'\nimport type { ProductBundleProps } from '../components/ProductCard/ProductDetail/ProductBundle/types.js'\n\ninterface BenefitsParams {\n  variant: ProductVariant\n}\n\ninterface BenefitItemConfig<T extends Record<string, any> = Record<string, any>> {\n  enable: boolean\n  config?: T // \u539F\u59CB\u914D\u7F6E\n}\n\ninterface BenefitsResult {\n  /**\n   * \u901A\u7528\u4F18\u60E0\u5238\n   */\n  commonCoupon?: BenefitItemConfig\n  /**\n   * \u4E70\u8D60\n   */\n  freeGift: BenefitItemConfig<FreeGift>\n  /**\n   * function\u4E70\u8D60\n   */\n  functionFreeGift: BenefitItemConfig<ProductFunctionFreeGiftProps>\n  /**\n   * \u6346\u7ED1\u6298\u6263\n   */\n  bundle: BenefitItemConfig<ProductBundleProps>\n  /**\n   * \u4F1A\u5458\u4EF7\n   */\n  memberDiscount: BenefitItemConfig\n  /**\n   * \u79EF\u5206\u62B5\u73B0\n   */\n  creditsRedemption: BenefitItemConfig\n  /**\n   * \u9AD8\u6807\u7269\u6D41\n   */\n  paidShipping: BenefitItemConfig\n\n  /**\n   * \u6EE1\u8D60\n   */\n  fullGift: BenefitItemConfig\n\n  /**\n   * \u6EE1\u51CF\u6298\u6263\n   */\n  levelDiscount: BenefitItemConfig\n}\n\n/**\n * \u5546\u54C1\u6743\u76CA\n * \u83B7\u53D6\u5F53\u524Dsku \u6240\u6709\u7684\u6743\u76CA\n * \u5305\u62EC \u901A\u7528\u4F18\u60E0\u5238\uFF0C\u4F1A\u5458\u4EF7\uFF0C\u6EE1\u51CF\uFF0C\u6346\u7ED1\u6298\u6263\uFF0C\u4E70\u8D60 \uFF0C\u6EE1\u8D60 \uFF0C\u79EF\u5206\u62B5\u73B0\n * @returns\n */\nexport const useBenefits = ({ variant }: BenefitsParams): BenefitsResult => {\n  const { coupon, product, bundle, freeGift, functionFreeGift, memberFunctionResult, creditsRedemption, profile } = useBizProductContext()\n\n  const { amount: creditsRedemptionAmount } = creditsRedemption ?? {}\n\n  const { trackingData } = useAiuiContext()\n\n  const total = Math.max(\n    memberFunctionResult?.withCouponMemberTotalSave ?? 0,\n    memberFunctionResult?.withoutCouponMaxMemberTotalSave ?? 0\n  )\n\n  const discountEnable = useDiscountEnable({ profile, variant, memberFunctionResult, coupon })\n\n  // \u9AD8\u6807\u7269\u6D41\n  const showPaidShipping = Boolean(\n    trackingData?.paidShipping &&\n    variant.requiresShipping &&\n    !variant?.metafields?.global?.presell &&\n    !variant?.metafields?.global?.HideShipping\n  )\n\n  // \u811A\u672C\u6EE1\u8D60\n  const fullGift = trackingData?.freeGift\n  const excludeProducts =\n    fullGift?.excludeProducts?.map((item: any) => (typeof item === 'object' && 'sku' in item ? item.sku : item)) ?? []\n\n  const showLevelDiscount =\n    trackingData?.levelDiscount && checkItemAvailableForProduct({ product, variant, item: trackingData?.levelDiscount })\n\n  return {\n    commonCoupon: {\n      enable: discountEnable.showCommonCoupon && Boolean(coupon),\n      config: coupon ?? {},\n    },\n    freeGift: {\n      enable: Boolean(freeGift) && !!freeGift?.giftList?.length,\n      config: freeGift,\n    },\n    functionFreeGift: {\n      enable: Boolean(functionFreeGift) && !!functionFreeGift?.giftItems?.length,\n      config: functionFreeGift,\n    },\n    bundle: {\n      enable: Boolean(bundle) && !!bundle?.bundleOptions?.length,\n      // Math.max(...(bundle?.bundleOptions?.map(item => item.savings ?? 0) ?? [])) > 0, // \u6709\u4F18\u60E0\u624D\u5C55\u793A\n      config: bundle,\n    },\n    memberDiscount: {\n      enable: discountEnable.showMemberDiscount,\n      // enable: total > 0,\n      config: {\n        amount: total,\n        description: memberFunctionResult?.labels?.[0],\n      },\n    },\n    creditsRedemption: {\n      enable: Boolean(creditsRedemptionAmount) && creditsRedemptionAmount! > 0,\n      config: { amount: creditsRedemptionAmount, label: trackingData?.creditsRedemptionLabel },\n    },\n    paidShipping: {\n      enable: showPaidShipping,\n      config: {},\n    },\n    fullGift: {\n      enable: Boolean(fullGift && !excludeProducts.includes(variant.sku)),\n      config: fullGift ?? {},\n    },\n    levelDiscount: {\n      enable: Boolean(showLevelDiscount),\n      config: trackingData?.levelDiscount ?? {},\n    },\n  }\n}\n"],
+  "mappings": "AAAA,OAAS,wBAAAA,MAA4B,2BAErC,OAAS,gCAAAC,MAAoC,qBAC7C,OAAS,qBAAAC,MAAyB,yBAElC,OAAS,kBAAAC,MAAsB,8BA4DxB,MAAMC,EAAc,CAAC,CAAE,QAAAC,CAAQ,IAAsC,CAC1E,KAAM,CAAE,OAAAC,EAAQ,QAAAC,EAAS,OAAAC,EAAQ,SAAAC,EAAU,iBAAAC,EAAkB,qBAAAC,EAAsB,kBAAAC,EAAmB,QAAAC,CAAQ,EAAIb,EAAqB,EAEjI,CAAE,OAAQc,CAAwB,EAAIF,GAAqB,CAAC,EAE5D,CAAE,aAAAG,CAAa,EAAIZ,EAAe,EAElCa,EAAQ,KAAK,IACjBL,GAAsB,2BAA6B,EACnDA,GAAsB,iCAAmC,CAC3D,EAEMM,EAAiBf,EAAkB,CAAE,QAAAW,EAAS,QAAAR,EAAS,qBAAAM,EAAsB,OAAAL,CAAO,CAAC,EAGrFY,EAAmB,GACvBH,GAAc,cACdV,EAAQ,kBACR,CAACA,GAAS,YAAY,QAAQ,SAC9B,CAACA,GAAS,YAAY,QAAQ,cAI1Bc,EAAWJ,GAAc,SACzBK,EACJD,GAAU,iBAAiB,IAAKE,GAAe,OAAOA,GAAS,UAAY,QAASA,EAAOA,EAAK,IAAMA,CAAK,GAAK,CAAC,EAE7GC,EACJP,GAAc,eAAiBd,EAA6B,CAAE,QAAAM,EAAS,QAAAF,EAAS,KAAMU,GAAc,aAAc,CAAC,EAErH,MAAO,CACL,aAAc,CACZ,OAAQE,EAAe,kBAAoB,EAAQX,EACnD,OAAQA,GAAU,CAAC,CACrB,EACA,SAAU,CACR,OAAQ,EAAQG,GAAa,CAAC,CAACA,GAAU,UAAU,OACnD,OAAQA,CACV,EACA,iBAAkB,CAChB,OAAQ,EAAQC,GAAqB,CAAC,CAACA,GAAkB,WAAW,OACpE,OAAQA,CACV,EACA,OAAQ,CACN,OAAQ,EAAQF,GAAW,CAAC,CAACA,GAAQ,eAAe,OAEpD,OAAQA,CACV,EACA,eAAgB,CACd,OAAQS,EAAe,mBAEvB,OAAQ,CACN,OAAQD,EACR,YAAaL,GAAsB,SAAS,CAAC,CAC/C,CACF,EACA,kBAAmB,CACjB,OAAQ,EAAQG,GAA4BA,EAA2B,EACvE,OAAQ,CAAE,OAAQA,EAAyB,MAAOC,GAAc,sBAAuB,CACzF,EACA,aAAc,CACZ,OAAQG,EACR,OAAQ,CAAC,CACX,EACA,SAAU,CACR,OAAQ,GAAQC,GAAY,CAACC,EAAgB,SAASf,EAAQ,GAAG,GACjE,OAAQc,GAAY,CAAC,CACvB,EACA,cAAe,CACb,OAAQ,EAAQG,EAChB,OAAQP,GAAc,eAAiB,CAAC,CAC1C,CACF,CACF",
+  "names": ["useBizProductContext", "checkItemAvailableForProduct", "useDiscountEnable", "useAiuiContext", "useBenefits", "variant", "coupon", "product", "bundle", "freeGift", "functionFreeGift", "memberFunctionResult", "creditsRedemption", "profile", "creditsRedemptionAmount", "trackingData", "total", "discountEnable", "showPaidShipping", "fullGift", "excludeProducts", "item", "showLevelDiscount"]
 }

package/dist/esm/biz-components/Listing/types/product.d.ts

@@ -118,24 +118,3 @@ export type FreeGift = {
     showCoupon: boolean;
     [key: string]: any;
 };
-export type BundleListItem = {
-    id: string;
-    price: number;
-    comparePrice: number;
-    savings: number;
-    variants: {
-        price: number;
-        quantity: number;
-        label: string;
-        variant: ProductVariant;
-    }[];
-};
-export type Bundle = {
-    title: string;
-    soldOutLabel: string;
-    youSaveText: string;
-    showCoupon: boolean;
-    bundleList: BundleListItem[];
-    showAtListing: boolean;
-    [key: string]: any;
-};

package/dist/esm/biz-components/Listing/types/product.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/biz-components/Listing/types/product.ts"],
-  "sourcesContent": ["import type {\n  CurrencyCode,\n  Image,\n  Media,\n  Product as ShopifyProduct,\n  ProductVariant as ShopifyProductVariant,\n} from './graphql'\nimport { DiscountType } from '../const.js'\n\nexport type ProductPrice = {\n  amount: number\n  currencyCode: CurrencyCode\n}\n\nexport type ProductOption = {\n  __typename?: 'MultipleChoiceOption'\n  id: string\n  name: string\n  values: ProductOptionValues[]\n}\n\nexport type ProductOptionValues = {\n  label: string\n  hexColors?: string[]\n}\n\nexport type ProductVariant = {\n  id: string | number\n  options: ProductOption[]\n  sku: string\n  metafields?: Record<string, any>\n  price: ProductPrice\n  product: Product\n  coupons: VariantCoupon[]\n  weight?: number\n  payload?: any\n} & Omit<ShopifyProductVariant, 'options' | 'metafields' | 'price'>\n\nexport type Product = {\n  path?: string\n  images: Image[]\n  media: ProductMedia[]\n  variants: ProductVariant[]\n  price: ProductPrice\n  options: ProductOption[]\n  metafields?: { [key: string]: any }\n  slug: string\n  payload?: any\n} & Omit<ShopifyProduct, 'metafields' | 'images' | 'variants' | 'price' | 'options' | 'media'>\n\nexport type GetProductBody = {\n  handles: string\n  locale?: string\n}\n\nexport type ProductTypes = {\n  product: Product\n  getBody: GetProductBody\n}\n\nexport type GetAllProductPathsOperation<T extends ProductTypes = ProductTypes> = {\n  data: { products: Pick<T['product'], 'path'>[] }\n  variables: { first?: number }\n}\n\nexport type GetAllProductsOperation<T extends ProductTypes = ProductTypes> = {\n  data: { products: T['product'][] }\n  variables: {\n    relevance?: 'featured' | 'best_selling' | 'newest'\n    ids?: string[]\n    first?: number\n  }\n}\n\nexport type GetProductOperation<T extends ProductTypes = ProductTypes> = {\n  data: { product?: T['product'] }\n  variables: { path: string; slug?: never } | { path?: never; slug: string }\n}\n\nexport type Options = Record<string, string>\n\nexport type ProductMedia = Media & {\n  sources?: {\n    url: string\n    altText: string\n  }[]\n  image?: {\n    url: string\n    altText: string\n  }\n}\n\nexport type VariantCoupon = {\n  title: string\n  starts_at: string // ISO 8601 \u65E5\u671F\u5B57\u7B26\u4E32\n  ends_at: string | null // ISO 8601 \u65E5\u671F\u5B57\u7B26\u4E32\u6216 null\n  variant_shopify_id: number\n  value_type: DiscountType\n  value: string // \u8D1F\u6570\u7684\u767E\u5206\u6BD4\u503C\n  currency: string\n  fixed_value: string // \u56FA\u5B9A\u503C\n  value_style: string // \u5E26\u6709\u8D27\u5E01\u7B26\u53F7\u7684\u503C\n  variant_price4wscode: number\n  discount_type: string // \u5047\u8BBE discount_type \u662F\u4E00\u4E2A\u5B57\u7B26\u4E32\n  amazon_deal: boolean\n  cdi_id: number\n  cdi_updated_at: string // ISO 8601 \u65E5\u671F\u5B57\u7B26\u4E32\n}\n\nexport type ScriptDiscount = {\n  type: DiscountType\n  excludeSkus: string[]\n  discount: number\n}\n\nexport type FreeGift = {\n  title: string\n  note: string\n  soldOutLabel: string\n  freeLabel: string\n  giftList: ProductVariant[]\n  count: number\n  showCoupon: boolean\n  [key: string]: any\n}\n\nexport type BundleListItem = {\n  id: string\n  price: number\n  comparePrice: number\n  savings: number\n  variants: {\n    price: number\n    quantity: number\n    label: string\n    variant: ProductVariant\n  }[]\n}\n\nexport type Bundle = {\n  title: string\n  soldOutLabel: string\n  youSaveText: string\n  showCoupon: boolean\n  bundleList: BundleListItem[]\n  showAtListing: boolean\n  [key: string]: any\n}\n"],
+  "sourcesContent": ["import type {\n  CurrencyCode,\n  Image,\n  Media,\n  Product as ShopifyProduct,\n  ProductVariant as ShopifyProductVariant,\n} from './graphql'\nimport { DiscountType } from '../const.js'\n\nexport type ProductPrice = {\n  amount: number\n  currencyCode: CurrencyCode\n}\n\nexport type ProductOption = {\n  __typename?: 'MultipleChoiceOption'\n  id: string\n  name: string\n  values: ProductOptionValues[]\n}\n\nexport type ProductOptionValues = {\n  label: string\n  hexColors?: string[]\n}\n\nexport type ProductVariant = {\n  id: string | number\n  options: ProductOption[]\n  sku: string\n  metafields?: Record<string, any>\n  price: ProductPrice\n  product: Product\n  coupons: VariantCoupon[]\n  weight?: number\n  payload?: any\n} & Omit<ShopifyProductVariant, 'options' | 'metafields' | 'price'>\n\nexport type Product = {\n  path?: string\n  images: Image[]\n  media: ProductMedia[]\n  variants: ProductVariant[]\n  price: ProductPrice\n  options: ProductOption[]\n  metafields?: { [key: string]: any }\n  slug: string\n  payload?: any\n} & Omit<ShopifyProduct, 'metafields' | 'images' | 'variants' | 'price' | 'options' | 'media'>\n\nexport type GetProductBody = {\n  handles: string\n  locale?: string\n}\n\nexport type ProductTypes = {\n  product: Product\n  getBody: GetProductBody\n}\n\nexport type GetAllProductPathsOperation<T extends ProductTypes = ProductTypes> = {\n  data: { products: Pick<T['product'], 'path'>[] }\n  variables: { first?: number }\n}\n\nexport type GetAllProductsOperation<T extends ProductTypes = ProductTypes> = {\n  data: { products: T['product'][] }\n  variables: {\n    relevance?: 'featured' | 'best_selling' | 'newest'\n    ids?: string[]\n    first?: number\n  }\n}\n\nexport type GetProductOperation<T extends ProductTypes = ProductTypes> = {\n  data: { product?: T['product'] }\n  variables: { path: string; slug?: never } | { path?: never; slug: string }\n}\n\nexport type Options = Record<string, string>\n\nexport type ProductMedia = Media & {\n  sources?: {\n    url: string\n    altText: string\n  }[]\n  image?: {\n    url: string\n    altText: string\n  }\n}\n\nexport type VariantCoupon = {\n  title: string\n  starts_at: string // ISO 8601 \u65E5\u671F\u5B57\u7B26\u4E32\n  ends_at: string | null // ISO 8601 \u65E5\u671F\u5B57\u7B26\u4E32\u6216 null\n  variant_shopify_id: number\n  value_type: DiscountType\n  value: string // \u8D1F\u6570\u7684\u767E\u5206\u6BD4\u503C\n  currency: string\n  fixed_value: string // \u56FA\u5B9A\u503C\n  value_style: string // \u5E26\u6709\u8D27\u5E01\u7B26\u53F7\u7684\u503C\n  variant_price4wscode: number\n  discount_type: string // \u5047\u8BBE discount_type \u662F\u4E00\u4E2A\u5B57\u7B26\u4E32\n  amazon_deal: boolean\n  cdi_id: number\n  cdi_updated_at: string // ISO 8601 \u65E5\u671F\u5B57\u7B26\u4E32\n}\n\nexport type ScriptDiscount = {\n  type: DiscountType\n  excludeSkus: string[]\n  discount: number\n}\n\nexport type FreeGift = {\n  title: string\n  note: string\n  soldOutLabel: string\n  freeLabel: string\n  giftList: ProductVariant[]\n  count: number\n  showCoupon: boolean\n  [key: string]: any\n}\n\n// export type BundleListItem = {\n//   id: string\n//   price: number\n//   comparePrice: number\n//   savings: number\n//   variants: {\n//     price: number\n//     quantity: number\n//     label: string\n//     variant: ProductVariant\n//   }[]\n// }\n\n// export type Bundle = {\n//   title: string\n//   soldOutLabel: string\n//   youSaveText: string\n//   showCoupon: boolean\n//   bundleList: BundleListItem[]\n//   showAtListing: boolean\n//   [key: string]: any\n// }\n"],
   "mappings": "AAOA,MAA6B",
   "names": []
 }

package/dist/esm/biz-components/index.d.ts

@@ -48,19 +48,19 @@ export { default as BizProductProvider, useBizProductContext } from './Listing/B
 export { default as PurchaseBar } from './Listing/components/PurchaseBar/index.js';
 export { default as ProductActions } from './Listing/components/PurchaseBar/ProductActions/index.js';
 export type { ProductActionsProps } from './Listing/components/PurchaseBar/ProductActions/index.js';
-export { default as ProductCard } from './Listing/components/ProductCard/index.js';
 export { default as ProductBenefitsTabs } from './Listing/components/ProductCard/ProductDetail/ProductBenefitsTabs/index.js';
 export { default as ProductBenefits } from './Listing/components/ProductCard/ProductDetail/ProductBenefits/index.js';
 export { default as ProductHighlight } from './Listing/components/ProductCard/ProductDetail/ProductHighlight/index.js';
 export { default as ProductFreeGift } from './Listing/components/ProductCard/ProductDetail/ProductFreeGift/index.js';
-export { default as ProductExchangePurchase } from './Listing/components/ProductCard/ProductDetail/ProductExchangePurchase/index.js';
+export { default as ProductFunctionFreeGift } from './Listing/components/ProductCard/ProductDetail/ProductFunctionFreeGift/index.js';
+export type { ProductFunctionFreeGiftProps, FunctionFreeGiftItem, } from './Listing/components/ProductCard/ProductDetail/ProductFunctionFreeGift';
 export { default as ProductOptions } from './Listing/components/ProductCard/ProductDetail/ProductOptions/index.js';
 export { default as ProductBundle } from './Listing/components/ProductCard/ProductDetail/ProductBundle/index.js';
+export type { ProductBundleProps, BundleOption, BundleVariantItem, } from './Listing/components/ProductCard/ProductDetail/ProductBundle/index.js';
 export { default as ProductCoupon } from './Listing/components/ProductCard/ProductDetail/ProductCoupon/index.js';
 export { default as ProductBanner } from './Listing/components/ProductCard/ProductDetail/ProductBanner/index.js';
 export { default as ProductGridBox } from './Listing/components/ProductCard/ProductGridBox.js';
 export { default as ProductGallery } from './Listing/components/ProductCard/ProductGallery/index.js';
-export { default as ProductDetail } from './Listing/components/ProductCard/ProductDetail/index.js';
 export { default as ProductSummary } from './Listing/components/ProductCard/ProductSummary/index.js';
 export { default as BenefitsTab } from './Listing/components/ProductCard/ProductDetail/BenefitsTab.js';
 export { default as PaidShipping } from './Listing/components/PaidShipping/index.js';