npm - @anker-in/headless-ui - Versions diffs - 1.0.26-alpha.1762857531976 → 1.0.26-alpha.1762872688412 - Mend

@anker-in/headless-ui 1.0.26-alpha.1762857531976 → 1.0.26-alpha.1762872688412

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (29) hide show

package/dist/esm/biz-components/Listing/components/ProductCard/ProductDetail/ProductBundle/index.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../../src/biz-components/Listing/components/ProductCard/ProductDetail/ProductBundle/index.tsx"],
-  "sourcesContent": ["import { Text, Picture, Button, Checkbox } from '../../../../../../components'\nimport { cn } from '../../../../../../helpers/index.js'\nimport { useAiuiContext } from '../../../../../AiuiProvider'\nimport { useBizProductContext } from '../../../../BizProductProvider.js'\nimport { formatPrice } from '../../../../utils'\nimport type { BundleListItem } from '../../../../types/product'\n\nconst ProductBundle = () => {\n  const { locale = 'us' } = useAiuiContext()\n  const {\n    variant,\n    bundle,\n    checkedBundle,\n    setCheckedBundle,\n    setCheckedGift,\n    savingDetail,\n    setSavingDetail,\n    setCheckedExchangePurchase,\n    setJoinedRecommendBuyProducts,\n    joinedRecommendBuyProducts,\n  } = useBizProductContext()\n\n  const { title, bundleList, showAtListing } = bundle || {}\n\n  const availableBundleList = bundleList?.filter(bundle =>\n    bundle.variants.slice(1, bundle.variants.length).every(v => v.variant.availableForSale)\n  )\n\n  if (!availableBundleList?.length && showAtListing) return null\n\n  const handleSelectedChange = (bundleItem: BundleListItem) => {\n    if (checkedBundle?.id === bundleItem.id) {\n      setCheckedBundle?.(undefined)\n      setJoinedRecommendBuyProducts?.({\n        gift: {\n          value: undefined,\n          canOperate: true,\n        },\n        exchange: {\n          value: undefined,\n          canOperate: true,\n        },\n        bundle: {\n          value: undefined,\n          canOperate: true,\n        },\n      })\n    } else {\n      setCheckedGift?.(undefined)\n      setCheckedExchangePurchase?.(undefined)\n      setCheckedBundle?.(bundleItem)\n      setSavingDetail?.({ ...savingDetail, exchangePurchase: 0 })\n      setJoinedRecommendBuyProducts?.({\n        gift: {\n          value: undefined,\n          canOperate: true,\n        },\n        exchange: {\n          value: undefined,\n          canOperate: true,\n        },\n        bundle: {\n          value: bundleItem,\n          canOperate: false,\n        },\n      })\n    }\n  }\n\n  return (\n    <div className=\"ipc-product-detail-bundle\">\n      <Text size={3} className=\"font-bold\" html={title} />\n      <div className=\"grid grid-cols-1 gap-3 laptop:grid-cols-2 mt-3 desktop:grid-cols-1 desktop:mt-4\">\n        {availableBundleList?.map(bundle => {\n          const bundleVariants = bundle.variants.filter(v => v.variant.sku !== variant.sku)\n          return (\n            <div key={bundle.id}>\n              <div\n                className={cn(\n                  'flex items-center gap-2 text-left font-bold px-4 rounded-box border-[#E4E5E6] border-2',\n                  {\n                    ['border-brand']: checkedBundle?.id === bundle.id,\n                  }\n                )}\n              >\n                <Checkbox\n                  onCheckedChange={() => handleSelectedChange(bundle)}\n                  size=\"lg\"\n                  className={cn('rounded-full border-[#D1D1D1] border-[2px]', {\n                    'border-brand': checkedBundle?.id === bundle.id,\n                  })}\n                  id={bundle.id}\n                  value={bundle.id}\n                  checked={checkedBundle?.id === bundle.id}\n                />\n                <label htmlFor={bundle.id} className=\"size-full cursor-pointer py-6\">\n                  {bundleVariants?.map(bundleVariant => {\n                    return (\n                      <div className=\"flex justify-between items-center gap-6 \" key={bundleVariant.variant.id}>\n                        <div className=\"flex items-center gap-2\">\n                          <Picture source={bundleVariant?.variant?.image?.url} className=\"size-12 flex-shrink-0\" />\n                          <Text\n                            className=\"text-sm laptop:text-[16px] line-clamp-2 lg-desktop:text-[18px] font-bold\"\n                            html={bundleVariant.variant.product.title}\n                          />\n                        </div>\n                        <div className=\"flex items-center justify-end gap-1 laptop:flex-row  flex-col shrink-0\">\n                          <Text\n                            className=\"text-base laptop:text-[20px] lg-desktop:text-2xl font-bold\"\n                            html={formatPrice({\n                              amount: bundleVariant.price,\n                              locale,\n                              currencyCode: bundleVariant.variant.price.currencyCode,\n                            })}\n                          />\n                          {bundleVariant.price < bundleVariant.variant.price.amount && (\n                            <Text\n                              className=\"text-base laptop:text-[20px] lg-desktop:text-2xl font-bold line-through text-[#6D6D6F]\"\n                              html={formatPrice({\n                                amount: bundleVariant.variant.price.amount,\n                                locale,\n                                currencyCode: bundleVariant.variant.price.currencyCode,\n                              })}\n                            />\n                          )}\n                        </div>\n                      </div>\n                    )\n                  })}\n                </label>\n              </div>\n            </div>\n          )\n        })}\n      </div>\n    </div>\n  )\n}\n\nexport default ProductBundle\n"],
-  "mappings": "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",
-  "names": ["jsx", "jsxs", "Text", "Picture", "Checkbox", "cn", "useAiuiContext", "useBizProductContext", "formatPrice", "ProductBundle", "locale", "variant", "bundle", "checkedBundle", "setCheckedBundle", "setCheckedGift", "savingDetail", "setSavingDetail", "setCheckedExchangePurchase", "setJoinedRecommendBuyProducts", "joinedRecommendBuyProducts", "title", "bundleList", "showAtListing", "availableBundleList", "v", "handleSelectedChange", "bundleItem", "bundleVariants", "bundleVariant", "ProductBundle_default"]
+  "sourcesContent": ["import { Text, Picture, Button, Checkbox } from '../../../../../../components'\nimport { cn } from '../../../../../../helpers/index.js'\nimport { useAiuiContext } from '../../../../../AiuiProvider'\nimport { useBizProductContext } from '../../../../BizProductProvider.js'\nimport { formatPrice } from '../../../../utils'\nimport type { BundleListItem } from '../../../../types/product'\n\nconst ProductBundle = () => {\n  const { locale = 'us' } = useAiuiContext()\n  const {\n    variant,\n    bundle,\n    checkedBundle,\n    setCheckedBundle,\n    setCheckedGift,\n    savingDetail,\n    setSavingDetail,\n    setCheckedExchangePurchase,\n    setJoinedRecommendBuyProducts,\n  } = useBizProductContext()\n\n  const { title, bundleList, showAtListing } = bundle || {}\n\n  const availableBundleList = bundleList?.filter(bundle =>\n    bundle.variants.slice(1, bundle.variants.length).every(v => v.variant.availableForSale)\n  )\n\n  if (!availableBundleList?.length && showAtListing) return null\n\n  const handleSelectedChange = (bundleItem: BundleListItem) => {\n    if (checkedBundle?.id === bundleItem.id) {\n      setCheckedBundle?.(undefined)\n      setJoinedRecommendBuyProducts?.({\n        gift: {\n          value: undefined,\n          canOperate: true,\n        },\n        exchange: {\n          value: undefined,\n          canOperate: true,\n        },\n        bundle: {\n          value: undefined,\n          canOperate: true,\n        },\n      })\n    } else {\n      setCheckedGift?.(undefined)\n      setCheckedExchangePurchase?.(undefined)\n      setCheckedBundle?.(bundleItem)\n      setSavingDetail?.({ ...savingDetail, exchangePurchase: 0 })\n      setJoinedRecommendBuyProducts?.({\n        gift: {\n          value: undefined,\n          canOperate: true,\n        },\n        exchange: {\n          value: undefined,\n          canOperate: true,\n        },\n        bundle: {\n          value: bundleItem,\n          canOperate: false,\n        },\n      })\n    }\n  }\n\n  return (\n    <div className=\"ipc-product-detail-bundle\">\n      <Text size={3} className=\"font-bold\" html={title} />\n      <div className=\"grid grid-cols-1 gap-3 laptop:grid-cols-2 mt-3 desktop:grid-cols-1 desktop:mt-4\">\n        {availableBundleList?.map(bundle => {\n          const bundleVariants = bundle.variants.filter(v => v.variant.sku !== variant.sku)\n          return (\n            <div key={bundle.id}>\n              <div\n                className={cn(\n                  'flex items-center gap-2 text-left font-bold px-4 rounded-box border-[#E4E5E6] border-2',\n                  {\n                    ['border-brand']: checkedBundle?.id === bundle.id,\n                  }\n                )}\n              >\n                <Checkbox\n                  onCheckedChange={() => handleSelectedChange(bundle)}\n                  size=\"lg\"\n                  className={cn('rounded-full border-[#D1D1D1] border-[2px]', {\n                    'border-brand': checkedBundle?.id === bundle.id,\n                  })}\n                  id={bundle.id}\n                  value={bundle.id}\n                  checked={checkedBundle?.id === bundle.id}\n                />\n                <label htmlFor={bundle.id} className=\"size-full cursor-pointer py-6\">\n                  {bundleVariants?.map(bundleVariant => {\n                    return (\n                      <div className=\"flex justify-between items-center gap-6 \" key={bundleVariant.variant.id}>\n                        <div className=\"flex items-center gap-2\">\n                          <Picture source={bundleVariant?.variant?.image?.url} className=\"size-12 flex-shrink-0\" />\n                          <Text\n                            className=\"text-sm laptop:text-[16px] line-clamp-2 lg-desktop:text-[18px] font-bold\"\n                            html={bundleVariant.variant.product.title}\n                          />\n                        </div>\n                        <div className=\"flex items-center justify-end gap-1 laptop:flex-row  flex-col shrink-0\">\n                          <Text\n                            className=\"text-base laptop:text-[20px] lg-desktop:text-2xl font-bold\"\n                            html={formatPrice({\n                              amount: bundleVariant.price,\n                              locale,\n                              currencyCode: bundleVariant.variant.price.currencyCode,\n                            })}\n                          />\n                          {bundleVariant.price < bundleVariant.variant.price.amount && (\n                            <Text\n                              className=\"text-base laptop:text-[20px] lg-desktop:text-2xl font-bold line-through text-[#6D6D6F]\"\n                              html={formatPrice({\n                                amount: bundleVariant.variant.price.amount,\n                                locale,\n                                currencyCode: bundleVariant.variant.price.currencyCode,\n                              })}\n                            />\n                          )}\n                        </div>\n                      </div>\n                    )\n                  })}\n                </label>\n              </div>\n            </div>\n          )\n        })}\n      </div>\n    </div>\n  )\n}\n\nexport default ProductBundle\n"],
+  "mappings": "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",
+  "names": ["jsx", "jsxs", "Text", "Picture", "Checkbox", "cn", "useAiuiContext", "useBizProductContext", "formatPrice", "ProductBundle", "locale", "variant", "bundle", "checkedBundle", "setCheckedBundle", "setCheckedGift", "savingDetail", "setSavingDetail", "setCheckedExchangePurchase", "setJoinedRecommendBuyProducts", "title", "bundleList", "showAtListing", "availableBundleList", "v", "handleSelectedChange", "bundleItem", "bundleVariants", "bundleVariant", "ProductBundle_default"]
 }

package/dist/esm/biz-components/Listing/components/PurchaseBar/ProductActions/index.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{jsx as a,jsxs as m}from"react/jsx-runtime";import{Text as i,Button as d}from"../../../../../components";import{useAiuiContext as N}from"../../../../AiuiProvider/index.js";import{useBizProductContext as S}from"../../../BizProductProvider.js";import{useMemo as s}from"react";import{formatPrice as n}from"../../../utils";import{replaceTemplate as u}from"../../../utils/textFormat";import"decimal.js";const w=()=>{const{copyWriting:t,locale:o="us"}=N(),{variant:e,finalPrice:p,totalSavings:l,memberFunctionResult:k,isLogin:c,comparePrice:x,onAddToCart:b,onBuyNow:g,savingDetail:r,coupon:h,addToCartLoading:f,buyNowLoading:v,profile:B}=S(),y=s(()=>u(t?.totalSavings||"",{amount:n({amount:l,currencyCode:e.price.currencyCode,locale:o})}),[t?.totalSavings,l,e.price.currencyCode,o]),C=s(()=>u(t?.memberSaving||"",{amount:n({amount:r?.member,currencyCode:e.price.currencyCode,locale:o})}),[t?.memberSaving,r?.member,e.price.currencyCode,o]);return m("div",{className:"bg-white py-3 px-4 tablet:p-0 tablet:flex tablet:items-center tablet:gap-4",children:[e.availableForSale?m("div",{className:"flex items-center justify-between tablet:flex-col desktop:items-end",children:[m("div",{className:"flex items-center gap-1",children:[a(i,{className:"text-xl font-bold !leading-[1.2] desktop:text-xl lg-desktop:text-2xl",html:n({amount:Math.floor(p*100)/100,currencyCode:e.price.currencyCode,locale:o})}),(l>0||r?.member>0&&c)&&a(i,{className:"text-xl font-bold line-through text-[#999] !leading-[1.2] desktop:text-xl lg-desktop:text-2xl",html:n({amount:x,currencyCode:e.price.currencyCode,locale:o})})]}),(l>0||r?.member>0&&c)&&a(i,{className:"text-brand-0 text-base !leading-[1.2] font-bold desktop:text-xl lg-desktop:text-2xl",html:`${r?.member?C:y}`})]}):a(i,{className:"text-[20px] font-bold text-[#999999]",html:t?.soldOut??"Sold Out"}),m("div",{className:"flex items-center gap-2 mt-2 tablet:mt-0",children:[a(d,{variant:"secondary",disabled:!e.availableForSale,size:"lg",className:"w-1/2 tablet:w-auto",onClick:()=>b?.(),loading:f,children:t?.addToCart??"Add to Cart"}),a(d,{variant:"primary",disabled:!e.availableForSale,size:"lg",loading:v,className:"w-1/2 tablet:w-auto",onClick:()=>g?.(),children:t?.buyNow??"Buy Now"})]})]})};var O=w;export{O as default};
+import{jsx as o,jsxs as m}from"react/jsx-runtime";import{Text as l,Button as d}from"../../../../../components";import{useAiuiContext as C}from"../../../../AiuiProvider/index.js";import{useBizProductContext as N}from"../../../BizProductProvider.js";import{useMemo as s}from"react";import{formatPrice as n}from"../../../utils";import{replaceTemplate as u}from"../../../utils/textFormat";const w=()=>{const{copyWriting:t,locale:a="us"}=C(),{variant:e,finalPrice:p,totalSavings:i,memberFunctionResult:S,isLogin:c,comparePrice:x,onAddToCart:b,onBuyNow:g,savingDetail:r,coupon:h,addToCartLoading:f,buyNowLoading:v,profile:k}=N(),y=s(()=>u(t?.totalSavings||"",{amount:n({amount:i,currencyCode:e.price.currencyCode,locale:a})}),[t?.totalSavings,i,e.price.currencyCode,a]),P=s(()=>u(t?.memberSaving||"",{amount:n({amount:r?.member,currencyCode:e.price.currencyCode,locale:a})}),[t?.memberSaving,r?.member,e.price.currencyCode,a]);return m("div",{className:"bg-white py-3 px-4 tablet:p-0 tablet:flex tablet:items-center tablet:gap-4",children:[e.availableForSale?m("div",{className:"flex flex-col justify-between desktop:items-end",children:[m("div",{className:"flex items-center gap-1",children:[o(l,{className:"text-xl font-bold !leading-[1.2] desktop:text-xl lg-desktop:text-2xl",html:n({amount:Math.floor(p*100)/100,currencyCode:e.price.currencyCode,locale:a})}),(i>0||r?.member>0&&c)&&o(l,{className:"text-xl font-bold line-through text-[#999] !leading-[1.2] desktop:text-xl lg-desktop:text-2xl",html:n({amount:x,currencyCode:e.price.currencyCode,locale:a})}),r?.member>0&&c&&o(l,{className:"bg-brand-0 font-bold text-white px-1 py-[2px] text-sm rounded",html:t?.memberPrice||"Member Price"})]}),(i>0||r?.member>0&&c)&&o(l,{className:"text-brand-0 text-[18px] !leading-[1.2] font-bold desktop:text-xl lg-desktop:text-2xl",html:`${y}`})]}):o(l,{className:"text-[20px] font-bold text-[#999999]",html:t?.soldOut??"Sold Out"}),m("div",{className:"flex items-center gap-2 mt-2 tablet:mt-0",children:[o(d,{variant:"secondary",disabled:!e.availableForSale,size:"lg",className:"w-1/2 tablet:w-auto",onClick:()=>b?.(),loading:f,children:t?.addToCart??"Add to Cart"}),o(d,{variant:"primary",disabled:!e.availableForSale,size:"lg",loading:v,className:"w-1/2 tablet:w-auto",onClick:()=>g?.(),children:t?.buyNow??"Buy Now"})]})]})};var M=w;export{M as default};
 //# sourceMappingURL=index.js.map

package/dist/esm/biz-components/Listing/components/PurchaseBar/ProductActions/index.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../src/biz-components/Listing/components/PurchaseBar/ProductActions/index.tsx"],
-  "sourcesContent": ["import { Text, Button } from '../../../../../components'\nimport { useAiuiContext } from '../../../../AiuiProvider/index.js'\nimport { useBizProductContext } from '../../../BizProductProvider.js'\nimport { useMemo } from 'react'\nimport { formatPrice } from '../../../utils'\nimport { replaceTemplate } from '../../../utils/textFormat'\nimport Decimal from 'decimal.js'\n\nconst ProductActions = () => {\n  const { copyWriting, locale = 'us' } = useAiuiContext()\n  const {\n    variant,\n    finalPrice,\n    totalSavings,\n    memberFunctionResult,\n    isLogin,\n    comparePrice,\n    onAddToCart,\n    onBuyNow,\n    savingDetail,\n    coupon,\n    addToCartLoading,\n    buyNowLoading,\n    profile,\n  } = useBizProductContext()\n\n  const totalSavingsText = useMemo(() => {\n    return replaceTemplate(copyWriting?.totalSavings || '', {\n      amount: formatPrice({ amount: totalSavings, currencyCode: variant.price.currencyCode, locale }),\n    })\n  }, [copyWriting?.totalSavings, totalSavings, variant.price.currencyCode, locale])\n\n  const memberPriceSaveText = useMemo(() => {\n    return replaceTemplate(copyWriting?.memberSaving || '', {\n      amount: formatPrice({\n        amount: savingDetail?.member,\n        currencyCode: variant.price.currencyCode,\n        locale,\n      }),\n    })\n  }, [copyWriting?.memberSaving, savingDetail?.member, variant.price.currencyCode, locale])\n\n  return (\n    <div className=\"bg-white py-3 px-4 tablet:p-0 tablet:flex tablet:items-center tablet:gap-4\">\n      {variant.availableForSale ? (\n        <div className=\"flex items-center justify-between tablet:flex-col desktop:items-end\">\n          <div className=\"flex items-center gap-1\">\n            <Text\n              className=\"text-xl font-bold !leading-[1.2] desktop:text-xl lg-desktop:text-2xl\"\n              html={formatPrice({ amount: Math.floor(finalPrice * 100) / 100, currencyCode: variant.price.currencyCode, locale })}\n            />\n            {(totalSavings > 0 || (savingDetail?.member > 0 && isLogin)) && (\n              <Text\n                className=\"text-xl font-bold line-through text-[#999] !leading-[1.2] desktop:text-xl lg-desktop:text-2xl\"\n                html={formatPrice({\n                  amount: comparePrice,\n                  currencyCode: variant.price.currencyCode,\n                  locale,\n                })}\n              />\n            )}\n          </div>\n          {(totalSavings > 0 || (savingDetail?.member > 0 && isLogin)) && (\n            <Text\n              className=\"text-brand-0 text-base !leading-[1.2] font-bold desktop:text-xl lg-desktop:text-2xl\"\n              html={`${Boolean(savingDetail?.member) ? memberPriceSaveText : totalSavingsText}`}\n            />\n          )}\n        </div>\n      ) : (\n        <Text className=\"text-[20px] font-bold text-[#999999]\" html={copyWriting?.soldOut ?? 'Sold Out'} />\n      )}\n      <div className=\"flex items-center gap-2 mt-2 tablet:mt-0\">\n        <Button\n          variant=\"secondary\"\n          disabled={!variant.availableForSale}\n          size=\"lg\"\n          className=\"w-1/2 tablet:w-auto\"\n          onClick={() => onAddToCart?.()}\n          loading={addToCartLoading}\n        >\n          {copyWriting?.addToCart ?? 'Add to Cart'}\n        </Button>\n        <Button\n          variant=\"primary\"\n          disabled={!variant.availableForSale}\n          size=\"lg\"\n          loading={buyNowLoading}\n          className=\"w-1/2 tablet:w-auto\"\n          onClick={() => onBuyNow?.()}\n        >\n          {copyWriting?.buyNow ?? 'Buy Now'}\n        </Button>\n      </div>\n    </div>\n  )\n}\n\nexport default ProductActions\n"],
-  "mappings": "AA8CU,OACE,OAAAA,EADF,QAAAC,MAAA,oBA9CV,OAAS,QAAAC,EAAM,UAAAC,MAAc,4BAC7B,OAAS,kBAAAC,MAAsB,oCAC/B,OAAS,wBAAAC,MAA4B,iCACrC,OAAS,WAAAC,MAAe,QACxB,OAAS,eAAAC,MAAmB,iBAC5B,OAAS,mBAAAC,MAAuB,4BAChC,MAAoB,aAEpB,MAAMC,EAAiB,IAAM,CAC3B,KAAM,CAAE,YAAAC,EAAa,OAAAC,EAAS,IAAK,EAAIP,EAAe,EAChD,CACJ,QAAAQ,EACA,WAAAC,EACA,aAAAC,EACA,qBAAAC,EACA,QAAAC,EACA,aAAAC,EACA,YAAAC,EACA,SAAAC,EACA,aAAAC,EACA,OAAAC,EACA,iBAAAC,EACA,cAAAC,EACA,QAAAC,CACF,EAAInB,EAAqB,EAEnBoB,EAAmBnB,EAAQ,IACxBE,EAAgBE,GAAa,cAAgB,GAAI,CACtD,OAAQH,EAAY,CAAE,OAAQO,EAAc,aAAcF,EAAQ,MAAM,aAAc,OAAAD,CAAO,CAAC,CAChG,CAAC,EACA,CAACD,GAAa,aAAcI,EAAcF,EAAQ,MAAM,aAAcD,CAAM,CAAC,EAE1Ee,EAAsBpB,EAAQ,IAC3BE,EAAgBE,GAAa,cAAgB,GAAI,CACtD,OAAQH,EAAY,CAClB,OAAQa,GAAc,OACtB,aAAcR,EAAQ,MAAM,aAC5B,OAAAD,CACF,CAAC,CACH,CAAC,EACA,CAACD,GAAa,aAAcU,GAAc,OAAQR,EAAQ,MAAM,aAAcD,CAAM,CAAC,EAExF,OACEV,EAAC,OAAI,UAAU,6EACZ,UAAAW,EAAQ,iBACPX,EAAC,OAAI,UAAU,sEACb,UAAAA,EAAC,OAAI,UAAU,0BACb,UAAAD,EAACE,EAAA,CACC,UAAU,uEACV,KAAMK,EAAY,CAAE,OAAQ,KAAK,MAAMM,EAAa,GAAG,EAAI,IAAK,aAAcD,EAAQ,MAAM,aAAc,OAAAD,CAAO,CAAC,EACpH,GACEG,EAAe,GAAMM,GAAc,OAAS,GAAKJ,IACjDhB,EAACE,EAAA,CACC,UAAU,gGACV,KAAMK,EAAY,CAChB,OAAQU,EACR,aAAcL,EAAQ,MAAM,aAC5B,OAAAD,CACF,CAAC,EACH,GAEJ,GACEG,EAAe,GAAMM,GAAc,OAAS,GAAKJ,IACjDhB,EAACE,EAAA,CACC,UAAU,sFACV,KAAM,GAAWkB,GAAc,OAAUM,EAAsBD,CAAgB,GACjF,GAEJ,EAEAzB,EAACE,EAAA,CAAK,UAAU,uCAAuC,KAAMQ,GAAa,SAAW,WAAY,EAEnGT,EAAC,OAAI,UAAU,2CACb,UAAAD,EAACG,EAAA,CACC,QAAQ,YACR,SAAU,CAACS,EAAQ,iBACnB,KAAK,KACL,UAAU,sBACV,QAAS,IAAMM,IAAc,EAC7B,QAASI,EAER,SAAAZ,GAAa,WAAa,cAC7B,EACAV,EAACG,EAAA,CACC,QAAQ,UACR,SAAU,CAACS,EAAQ,iBACnB,KAAK,KACL,QAASW,EACT,UAAU,sBACV,QAAS,IAAMJ,IAAW,EAEzB,SAAAT,GAAa,QAAU,UAC1B,GACF,GACF,CAEJ,EAEA,IAAOiB,EAAQlB",
+  "sourcesContent": ["import { Text, Button } from '../../../../../components'\nimport { useAiuiContext } from '../../../../AiuiProvider/index.js'\nimport { useBizProductContext } from '../../../BizProductProvider.js'\nimport { useMemo } from 'react'\nimport { formatPrice } from '../../../utils'\nimport { replaceTemplate } from '../../../utils/textFormat'\n\nconst ProductActions = () => {\n  const { copyWriting, locale = 'us' } = useAiuiContext()\n  const {\n    variant,\n    finalPrice,\n    totalSavings,\n    memberFunctionResult,\n    isLogin,\n    comparePrice,\n    onAddToCart,\n    onBuyNow,\n    savingDetail,\n    coupon,\n    addToCartLoading,\n    buyNowLoading,\n    profile,\n  } = useBizProductContext()\n\n  const totalSavingsText = useMemo(() => {\n    return replaceTemplate(copyWriting?.totalSavings || '', {\n      amount: formatPrice({ amount: totalSavings, currencyCode: variant.price.currencyCode, locale }),\n    })\n  }, [copyWriting?.totalSavings, totalSavings, variant.price.currencyCode, locale])\n\n  const memberPriceSaveText = useMemo(() => {\n    return replaceTemplate(copyWriting?.memberSaving || '', {\n      amount: formatPrice({\n        amount: savingDetail?.member,\n        currencyCode: variant.price.currencyCode,\n        locale,\n      }),\n    })\n  }, [copyWriting?.memberSaving, savingDetail?.member, variant.price.currencyCode, locale])\n\n  return (\n    <div className=\"bg-white py-3 px-4 tablet:p-0 tablet:flex tablet:items-center tablet:gap-4\">\n      {variant.availableForSale ? (\n        <div className=\"flex flex-col justify-between desktop:items-end\">\n          <div className=\"flex items-center gap-1\">\n            <Text\n              className=\"text-xl font-bold !leading-[1.2] desktop:text-xl lg-desktop:text-2xl\"\n              html={formatPrice({\n                amount: Math.floor(finalPrice * 100) / 100,\n                currencyCode: variant.price.currencyCode,\n                locale,\n              })}\n            />\n            {(totalSavings > 0 || (savingDetail?.member > 0 && isLogin)) && (\n              <Text\n                className=\"text-xl font-bold line-through text-[#999] !leading-[1.2] desktop:text-xl lg-desktop:text-2xl\"\n                html={formatPrice({\n                  amount: comparePrice,\n                  currencyCode: variant.price.currencyCode,\n                  locale,\n                })}\n              />\n            )}\n            {savingDetail?.member > 0 && isLogin && (\n              <Text className=\"bg-brand-0 font-bold text-white px-1 py-[2px] text-sm rounded\" html={copyWriting?.memberPrice || 'Member Price'} />\n            )}\n          </div>\n          {(totalSavings > 0 || (savingDetail?.member > 0 && isLogin)) && (\n            <Text\n              className=\"text-brand-0 text-[18px] !leading-[1.2] font-bold desktop:text-xl lg-desktop:text-2xl\"\n              html={`${totalSavingsText}`}\n            />\n          )}\n        </div>\n      ) : (\n        <Text className=\"text-[20px] font-bold text-[#999999]\" html={copyWriting?.soldOut ?? 'Sold Out'} />\n      )}\n      <div className=\"flex items-center gap-2 mt-2 tablet:mt-0\">\n        <Button\n          variant=\"secondary\"\n          disabled={!variant.availableForSale}\n          size=\"lg\"\n          className=\"w-1/2 tablet:w-auto\"\n          onClick={() => onAddToCart?.()}\n          loading={addToCartLoading}\n        >\n          {copyWriting?.addToCart ?? 'Add to Cart'}\n        </Button>\n        <Button\n          variant=\"primary\"\n          disabled={!variant.availableForSale}\n          size=\"lg\"\n          loading={buyNowLoading}\n          className=\"w-1/2 tablet:w-auto\"\n          onClick={() => onBuyNow?.()}\n        >\n          {copyWriting?.buyNow ?? 'Buy Now'}\n        </Button>\n      </div>\n    </div>\n  )\n}\n\nexport default ProductActions\n"],
+  "mappings": "AA6CU,OACE,OAAAA,EADF,QAAAC,MAAA,oBA7CV,OAAS,QAAAC,EAAM,UAAAC,MAAc,4BAC7B,OAAS,kBAAAC,MAAsB,oCAC/B,OAAS,wBAAAC,MAA4B,iCACrC,OAAS,WAAAC,MAAe,QACxB,OAAS,eAAAC,MAAmB,iBAC5B,OAAS,mBAAAC,MAAuB,4BAEhC,MAAMC,EAAiB,IAAM,CAC3B,KAAM,CAAE,YAAAC,EAAa,OAAAC,EAAS,IAAK,EAAIP,EAAe,EAChD,CACJ,QAAAQ,EACA,WAAAC,EACA,aAAAC,EACA,qBAAAC,EACA,QAAAC,EACA,aAAAC,EACA,YAAAC,EACA,SAAAC,EACA,aAAAC,EACA,OAAAC,EACA,iBAAAC,EACA,cAAAC,EACA,QAAAC,CACF,EAAInB,EAAqB,EAEnBoB,EAAmBnB,EAAQ,IACxBE,EAAgBE,GAAa,cAAgB,GAAI,CACtD,OAAQH,EAAY,CAAE,OAAQO,EAAc,aAAcF,EAAQ,MAAM,aAAc,OAAAD,CAAO,CAAC,CAChG,CAAC,EACA,CAACD,GAAa,aAAcI,EAAcF,EAAQ,MAAM,aAAcD,CAAM,CAAC,EAE1Ee,EAAsBpB,EAAQ,IAC3BE,EAAgBE,GAAa,cAAgB,GAAI,CACtD,OAAQH,EAAY,CAClB,OAAQa,GAAc,OACtB,aAAcR,EAAQ,MAAM,aAC5B,OAAAD,CACF,CAAC,CACH,CAAC,EACA,CAACD,GAAa,aAAcU,GAAc,OAAQR,EAAQ,MAAM,aAAcD,CAAM,CAAC,EAExF,OACEV,EAAC,OAAI,UAAU,6EACZ,UAAAW,EAAQ,iBACPX,EAAC,OAAI,UAAU,kDACb,UAAAA,EAAC,OAAI,UAAU,0BACb,UAAAD,EAACE,EAAA,CACC,UAAU,uEACV,KAAMK,EAAY,CAChB,OAAQ,KAAK,MAAMM,EAAa,GAAG,EAAI,IACvC,aAAcD,EAAQ,MAAM,aAC5B,OAAAD,CACF,CAAC,EACH,GACEG,EAAe,GAAMM,GAAc,OAAS,GAAKJ,IACjDhB,EAACE,EAAA,CACC,UAAU,gGACV,KAAMK,EAAY,CAChB,OAAQU,EACR,aAAcL,EAAQ,MAAM,aAC5B,OAAAD,CACF,CAAC,EACH,EAEDS,GAAc,OAAS,GAAKJ,GAC3BhB,EAACE,EAAA,CAAK,UAAU,gEAAgE,KAAMQ,GAAa,aAAe,eAAgB,GAEtI,GACEI,EAAe,GAAMM,GAAc,OAAS,GAAKJ,IACjDhB,EAACE,EAAA,CACC,UAAU,wFACV,KAAM,GAAGuB,CAAgB,GAC3B,GAEJ,EAEAzB,EAACE,EAAA,CAAK,UAAU,uCAAuC,KAAMQ,GAAa,SAAW,WAAY,EAEnGT,EAAC,OAAI,UAAU,2CACb,UAAAD,EAACG,EAAA,CACC,QAAQ,YACR,SAAU,CAACS,EAAQ,iBACnB,KAAK,KACL,UAAU,sBACV,QAAS,IAAMM,IAAc,EAC7B,QAASI,EAER,SAAAZ,GAAa,WAAa,cAC7B,EACAV,EAACG,EAAA,CACC,QAAQ,UACR,SAAU,CAACS,EAAQ,iBACnB,KAAK,KACL,QAASW,EACT,UAAU,sBACV,QAAS,IAAMJ,IAAW,EAEzB,SAAAT,GAAa,QAAU,UAC1B,GACF,GACF,CAEJ,EAEA,IAAOiB,EAAQlB",
   "names": ["jsx", "jsxs", "Text", "Button", "useAiuiContext", "useBizProductContext", "useMemo", "formatPrice", "replaceTemplate", "ProductActions", "copyWriting", "locale", "variant", "finalPrice", "totalSavings", "memberFunctionResult", "isLogin", "comparePrice", "onAddToCart", "onBuyNow", "savingDetail", "coupon", "addToCartLoading", "buyNowLoading", "profile", "totalSavingsText", "memberPriceSaveText", "ProductActions_default"]
 }

package/dist/esm/biz-components/Listing/components/PurchaseBar/index.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{jsx as e,jsxs as a}from"react/jsx-runtime";import{useEffect as c,useState as m,useMemo as d}from"react";import{Heading as u,Container as f}from"../../../../components";import"gsap";import"../../../AiuiProvider/index.js";import"../../../../helpers/index.js";import{ProductActions as b}from"../index.js";import{useBizProductContext as x}from"../../BizProductProvider.js";import l from"./ScrollSpyNav/index.js";const y=({onSpyNavItemClick:o})=>{const[v,p]=m(0),{isMobile:h,product:t,renderRating:s,isDesktop:r}=x(),i=d(()=>t?.payload?.components?.find(n=>n.componentKey==="PurchaseBar")?.data||[],[t?.payload]);return c(()=>{p(document.querySelector("#purchase-bar")?.clientHeight||0)},[]),e("div",{id:"purchase-bar",className:"bg-white sticky top-0 left-0 w-full z-[52] border-b border-[#E4E5E6]",children:a(f,{children:[a("div",{className:"flex gap-[10px] items-center tablet:justify-between tablet:gap-0 tablet:w-full",children:[a("div",{className:"flex-1 py-3 desktop:pt-6 desktop:pb-0 tablet:flex-none",children:[e(u,{size:2,className:"line-clamp-2 tablet:max-w-[406px] desktop:max-w-[570px] lg-desktop:max-w-[683px]",html:t?.title}),r&&e("div",{className:"flex justify-between gap-8 items-center mt-3",children:e(l,{tabs:i,renderRating:s,onSpyNavItemClick:o})})]}),r&&e(b,{})]}),!r&&e("div",{className:"overflow-x-auto flex gap-6 border-t-[1px] border-[#E4E5E6]",style:{scrollbarWidth:"none",msOverflowStyle:"none"},children:e(l,{tabs:i,renderRating:s,onSpyNavItemClick:o})})]})})};var I=y;export{I as default};
+import{jsx as e,jsxs as a}from"react/jsx-runtime";import{useMemo as i}from"react";import{Heading as d,Container as n}from"../../../../components";import"gsap";import"../../../AiuiProvider/index.js";import"../../../../helpers/index.js";import{ProductActions as m}from"../index.js";import{useBizProductContext as c}from"../../BizProductProvider.js";import l from"./ScrollSpyNav/index.js";const f=({onSpyNavItemClick:o})=>{const{product:t,renderRating:r}=c(),s=i(()=>t?.payload?.components?.find(p=>p.componentKey==="PurchaseBar")?.data||[],[t?.payload]);return e("div",{id:"purchase-bar",className:"bg-white sticky top-0 left-0 w-full z-[52] border-b border-[#E4E5E6]",children:a(n,{children:[a("div",{className:"flex gap-[10px] items-center tablet:justify-between tablet:gap-0 tablet:w-full",children:[a("div",{className:"flex-1 py-3 desktop:pt-6 desktop:pb-0 tablet:flex-none",children:[e(d,{size:2,className:"line-clamp-2 tablet:max-w-[406px] desktop:max-w-[570px] lg-desktop:max-w-[683px]",html:t?.title}),e("div",{className:"justify-between hidden desktop:flex gap-8 items-center mt-3",children:e(l,{tabs:s,className:"",renderRating:r,onSpyNavItemClick:o})})]}),e("div",{className:"hidden desktop:block",children:e(m,{})})]}),e("div",{className:"overflow-x-auto desktop:hidden flex gap-6 border-t-[1px] border-[#E4E5E6]",style:{scrollbarWidth:"none",msOverflowStyle:"none"},children:e(l,{tabs:s,renderRating:r,onSpyNavItemClick:o})})]})})};var j=f;export{j as default};
 //# sourceMappingURL=index.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/biz-components/Listing/components/PurchaseBar/index.tsx"],
-  "sourcesContent": ["import { useCallback, useEffect, useRef, useState, useMemo } from 'react'\nimport { Text, Heading, Button, Container } from '../../../../components'\nimport type { PurchaseBarProps, ScrollSpyNavProps, ScrollSpyNavItem } from './types.js'\nimport { gsap } from 'gsap'\nimport { useAiuiContext } from '../../../AiuiProvider/index.js'\nimport { cn } from '../../../../helpers/index.js'\nimport { ProductActions } from '../index.js'\nimport { useBizProductContext } from '../../BizProductProvider.js'\nimport ScrollSpyNav from './ScrollSpyNav/index.js'\n\nconst PurchaseBar = ({ onSpyNavItemClick }: PurchaseBarProps) => {\n  const [purchaseBarHeight, setPurchaseBarHeight] = useState(0)\n  const { isMobile, product, renderRating, isDesktop } = useBizProductContext()\n\n  const PurchaseBarData = useMemo(() => {\n    return product?.payload?.components?.find((item: any) => item.componentKey === 'PurchaseBar')?.data || []\n  }, [product?.payload])\n\n  useEffect(() => {\n    setPurchaseBarHeight(document.querySelector('#purchase-bar')?.clientHeight || 0)\n  }, [])\n\n  return (\n    <div id=\"purchase-bar\" className=\"bg-white sticky top-0 left-0 w-full z-[52] border-b border-[#E4E5E6]\">\n      <Container>\n        {/* // py-3 desktop:pt-6 desktop:pb-0 */}\n        <div className=\"flex gap-[10px] items-center tablet:justify-between tablet:gap-0 tablet:w-full\">\n          <div className=\"flex-1 py-3 desktop:pt-6 desktop:pb-0 tablet:flex-none\">\n            <Heading\n              size={2}\n              className=\"line-clamp-2 tablet:max-w-[406px] desktop:max-w-[570px] lg-desktop:max-w-[683px]\"\n              html={product?.title}\n            />\n            {isDesktop && (\n              <div className=\"flex justify-between gap-8 items-center mt-3\">\n                <ScrollSpyNav tabs={PurchaseBarData} renderRating={renderRating} onSpyNavItemClick={onSpyNavItemClick} />\n              </div>\n            )}\n          </div>\n          {isDesktop && <ProductActions />}\n        </div>\n        {!isDesktop && (\n          <div className=\"overflow-x-auto flex gap-6 border-t-[1px] border-[#E4E5E6]\" style={{ scrollbarWidth: 'none', msOverflowStyle: 'none' }}>\n            <ScrollSpyNav tabs={PurchaseBarData} renderRating={renderRating} onSpyNavItemClick={onSpyNavItemClick} />\n          </div>\n        )}\n      </Container>\n    </div>\n  )\n}\n\nexport default PurchaseBar\n"],
-  "mappings": "AA2BU,OACE,OAAAA,EADF,QAAAC,MAAA,oBA3BV,OAAsB,aAAAC,EAAmB,YAAAC,EAAU,WAAAC,MAAe,QAClE,OAAe,WAAAC,EAAiB,aAAAC,MAAiB,yBAEjD,MAAqB,OACrB,MAA+B,iCAC/B,MAAmB,+BACnB,OAAS,kBAAAC,MAAsB,cAC/B,OAAS,wBAAAC,MAA4B,8BACrC,OAAOC,MAAkB,0BAEzB,MAAMC,EAAc,CAAC,CAAE,kBAAAC,CAAkB,IAAwB,CAC/D,KAAM,CAACC,EAAmBC,CAAoB,EAAIV,EAAS,CAAC,EACtD,CAAE,SAAAW,EAAU,QAAAC,EAAS,aAAAC,EAAc,UAAAC,CAAU,EAAIT,EAAqB,EAEtEU,EAAkBd,EAAQ,IACvBW,GAAS,SAAS,YAAY,KAAMI,GAAcA,EAAK,eAAiB,aAAa,GAAG,MAAQ,CAAC,EACvG,CAACJ,GAAS,OAAO,CAAC,EAErB,OAAAb,EAAU,IAAM,CACdW,EAAqB,SAAS,cAAc,eAAe,GAAG,cAAgB,CAAC,CACjF,EAAG,CAAC,CAAC,EAGHb,EAAC,OAAI,GAAG,eAAe,UAAU,uEAC/B,SAAAC,EAACK,EAAA,CAEC,UAAAL,EAAC,OAAI,UAAU,iFACb,UAAAA,EAAC,OAAI,UAAU,yDACb,UAAAD,EAACK,EAAA,CACC,KAAM,EACN,UAAU,mFACV,KAAMU,GAAS,MACjB,EACCE,GACCjB,EAAC,OAAI,UAAU,+CACb,SAAAA,EAACS,EAAA,CAAa,KAAMS,EAAiB,aAAcF,EAAc,kBAAmBL,EAAmB,EACzG,GAEJ,EACCM,GAAajB,EAACO,EAAA,EAAe,GAChC,EACC,CAACU,GACAjB,EAAC,OAAI,UAAU,6DAA6D,MAAO,CAAE,eAAgB,OAAQ,gBAAiB,MAAO,EACnI,SAAAA,EAACS,EAAA,CAAa,KAAMS,EAAiB,aAAcF,EAAc,kBAAmBL,EAAmB,EACzG,GAEJ,EACF,CAEJ,EAEA,IAAOS,EAAQV",
-  "names": ["jsx", "jsxs", "useEffect", "useState", "useMemo", "Heading", "Container", "ProductActions", "useBizProductContext", "ScrollSpyNav", "PurchaseBar", "onSpyNavItemClick", "purchaseBarHeight", "setPurchaseBarHeight", "isMobile", "product", "renderRating", "isDesktop", "PurchaseBarData", "item", "PurchaseBar_default"]
+  "sourcesContent": ["import { useCallback, useEffect, useRef, useState, useMemo } from 'react'\nimport { Text, Heading, Button, Container } from '../../../../components'\nimport type { PurchaseBarProps, ScrollSpyNavProps, ScrollSpyNavItem } from './types.js'\nimport { gsap } from 'gsap'\nimport { useAiuiContext } from '../../../AiuiProvider/index.js'\nimport { cn } from '../../../../helpers/index.js'\nimport { ProductActions } from '../index.js'\nimport { useBizProductContext } from '../../BizProductProvider.js'\nimport ScrollSpyNav from './ScrollSpyNav/index.js'\n\nconst PurchaseBar = ({ onSpyNavItemClick }: PurchaseBarProps) => {\n  const { product, renderRating } = useBizProductContext()\n\n  const PurchaseBarData = useMemo(() => {\n    return product?.payload?.components?.find((item: any) => item.componentKey === 'PurchaseBar')?.data || []\n  }, [product?.payload])\n\n  return (\n    <div id=\"purchase-bar\" className=\"bg-white sticky top-0 left-0 w-full z-[52] border-b border-[#E4E5E6]\">\n      <Container>\n        {/* // py-3 desktop:pt-6 desktop:pb-0 */}\n        <div className=\"flex gap-[10px] items-center tablet:justify-between tablet:gap-0 tablet:w-full\">\n          <div className=\"flex-1 py-3 desktop:pt-6 desktop:pb-0 tablet:flex-none\">\n            <Heading\n              size={2}\n              className=\"line-clamp-2 tablet:max-w-[406px] desktop:max-w-[570px] lg-desktop:max-w-[683px]\"\n              html={product?.title}\n            />\n            <div className=\"justify-between hidden desktop:flex gap-8 items-center mt-3\">\n              <ScrollSpyNav\n                tabs={PurchaseBarData}\n                className=\"\"\n                renderRating={renderRating}\n                onSpyNavItemClick={onSpyNavItemClick}\n              />\n            </div>\n          </div>\n          <div className=\"hidden desktop:block\">\n            <ProductActions />\n          </div>\n        </div>\n        <div\n          className=\"overflow-x-auto desktop:hidden flex gap-6 border-t-[1px] border-[#E4E5E6]\"\n          style={{ scrollbarWidth: 'none', msOverflowStyle: 'none' }}\n        >\n          <ScrollSpyNav tabs={PurchaseBarData} renderRating={renderRating} onSpyNavItemClick={onSpyNavItemClick} />\n        </div>\n      </Container>\n    </div>\n  )\n}\n\nexport default PurchaseBar\n"],
+  "mappings": "AAsBU,OACE,OAAAA,EADF,QAAAC,MAAA,oBAtBV,OAAmD,WAAAC,MAAe,QAClE,OAAe,WAAAC,EAAiB,aAAAC,MAAiB,yBAEjD,MAAqB,OACrB,MAA+B,iCAC/B,MAAmB,+BACnB,OAAS,kBAAAC,MAAsB,cAC/B,OAAS,wBAAAC,MAA4B,8BACrC,OAAOC,MAAkB,0BAEzB,MAAMC,EAAc,CAAC,CAAE,kBAAAC,CAAkB,IAAwB,CAC/D,KAAM,CAAE,QAAAC,EAAS,aAAAC,CAAa,EAAIL,EAAqB,EAEjDM,EAAkBV,EAAQ,IACvBQ,GAAS,SAAS,YAAY,KAAMG,GAAcA,EAAK,eAAiB,aAAa,GAAG,MAAQ,CAAC,EACvG,CAACH,GAAS,OAAO,CAAC,EAErB,OACEV,EAAC,OAAI,GAAG,eAAe,UAAU,uEAC/B,SAAAC,EAACG,EAAA,CAEC,UAAAH,EAAC,OAAI,UAAU,iFACb,UAAAA,EAAC,OAAI,UAAU,yDACb,UAAAD,EAACG,EAAA,CACC,KAAM,EACN,UAAU,mFACV,KAAMO,GAAS,MACjB,EACAV,EAAC,OAAI,UAAU,8DACb,SAAAA,EAACO,EAAA,CACC,KAAMK,EACN,UAAU,GACV,aAAcD,EACd,kBAAmBF,EACrB,EACF,GACF,EACAT,EAAC,OAAI,UAAU,uBACb,SAAAA,EAACK,EAAA,EAAe,EAClB,GACF,EACAL,EAAC,OACC,UAAU,4EACV,MAAO,CAAE,eAAgB,OAAQ,gBAAiB,MAAO,EAEzD,SAAAA,EAACO,EAAA,CAAa,KAAMK,EAAiB,aAAcD,EAAc,kBAAmBF,EAAmB,EACzG,GACF,EACF,CAEJ,EAEA,IAAOK,EAAQN",
+  "names": ["jsx", "jsxs", "useMemo", "Heading", "Container", "ProductActions", "useBizProductContext", "ScrollSpyNav", "PurchaseBar", "onSpyNavItemClick", "product", "renderRating", "PurchaseBarData", "item", "PurchaseBar_default"]
 }

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

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

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/biz-components/Listing/hooks/useBenefits.ts"],
-  "sourcesContent": ["import { useBizProductContext } from '../BizProductProvider'\nimport type { ProductVariant, FreeGift, Bundle } from '../types/product'\nimport { checkItemAvailableForProduct } from '../utils/helper'\nimport { useDiscountEnable } from './useDiscountEnable'\n\nimport { useAiuiContext } from '../../AiuiProvider/index.js'\nimport { useMemo } from 'react'\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 {\n    coupon,\n    product,\n    bundle,\n    freeGift,\n    memberFunctionResult,\n    creditsRedemptionAmount,\n    discount,\n    profile,\n    savingDetail,\n  } = useBizProductContext()\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?.find((item: any) => item.key === 'benefit_tab_string')?.value,\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,wBAErC,OAAS,gCAAAC,MAAoC,kBAC7C,OAAS,qBAAAC,MAAyB,sBAElC,OAAS,kBAAAC,MAAsB,8BAC/B,MAAwB,QAsDjB,MAAMC,EAAc,CAAC,CAAE,QAAAC,CAAQ,IAAsC,CAC1E,KAAM,CACJ,OAAAC,EACA,QAAAC,EACA,OAAAC,EACA,SAAAC,EACA,qBAAAC,EACA,wBAAAC,EACA,SAAAC,EACA,QAAAC,EACA,aAAAC,CACF,EAAId,EAAqB,EAEnB,CAAE,aAAAe,CAAa,EAAIZ,EAAe,EAElCa,EAAQ,KAAK,IACjBN,GAAsB,2BAA6B,EACnDA,GAAsB,iCAAmC,CAC3D,EAEMO,EAAiBf,EAAkB,CAAE,QAAAW,EAAS,QAAAR,EAAS,qBAAAK,EAAsB,OAAAJ,CAAO,CAAC,EAGrFY,EAAmB,GACvBH,GAAc,cACZV,EAAQ,kBACR,CAACA,GAAS,YAAY,QAAQ,SAC9B,CAACA,GAAS,YAAY,QAAQ,cAI5Bc,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,OAAQ,CACN,OACE,EAAQD,GACR,CAAC,CAACA,GAAQ,YAAY,QACtB,KAAK,IAAI,GAAGA,GAAQ,YAAY,IAAIa,GAAQA,EAAK,SAAW,CAAC,CAAC,EAAI,EACpE,OAAQb,CACV,EACA,eAAgB,CACd,OAAQS,EAAe,mBAEvB,OAAQ,CACN,OAAQD,EACR,YAAaN,GAAsB,QAAQ,KAAMW,GAAcA,EAAK,MAAQ,oBAAoB,GAAG,KACrG,CACF,EACA,kBAAmB,CACjB,OAAQ,EAAQV,GAA4BA,EAA2B,EACvE,OAAQ,CAAE,OAAQA,EAAyB,MAAOI,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",
+  "sourcesContent": ["import { useBizProductContext } from '../BizProductProvider'\nimport type { ProductVariant, FreeGift, Bundle } from '../types/product'\nimport { checkItemAvailableForProduct } from '../utils/helper'\nimport { useDiscountEnable } from './useDiscountEnable'\n\nimport { useAiuiContext } from '../../AiuiProvider/index.js'\nimport { useMemo } from 'react'\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 {\n    coupon,\n    product,\n    bundle,\n    freeGift,\n    memberFunctionResult,\n    creditsRedemptionAmount,\n    discount,\n    profile,\n    savingDetail,\n  } = useBizProductContext()\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,wBAErC,OAAS,gCAAAC,MAAoC,kBAC7C,OAAS,qBAAAC,MAAyB,sBAElC,OAAS,kBAAAC,MAAsB,8BAC/B,MAAwB,QAsDjB,MAAMC,EAAc,CAAC,CAAE,QAAAC,CAAQ,IAAsC,CAC1E,KAAM,CACJ,OAAAC,EACA,QAAAC,EACA,OAAAC,EACA,SAAAC,EACA,qBAAAC,EACA,wBAAAC,EACA,SAAAC,EACA,QAAAC,EACA,aAAAC,CACF,EAAId,EAAqB,EAEnB,CAAE,aAAAe,CAAa,EAAIZ,EAAe,EAElCa,EAAQ,KAAK,IACjBN,GAAsB,2BAA6B,EACnDA,GAAsB,iCAAmC,CAC3D,EAEMO,EAAiBf,EAAkB,CAAE,QAAAW,EAAS,QAAAR,EAAS,qBAAAK,EAAsB,OAAAJ,CAAO,CAAC,EAGrFY,EAAmB,GACvBH,GAAc,cACZV,EAAQ,kBACR,CAACA,GAAS,YAAY,QAAQ,SAC9B,CAACA,GAAS,YAAY,QAAQ,cAI5Bc,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,OAAQ,CACN,OACE,EAAQD,GACR,CAAC,CAACA,GAAQ,YAAY,QACtB,KAAK,IAAI,GAAGA,GAAQ,YAAY,IAAIa,GAAQA,EAAK,SAAW,CAAC,CAAC,EAAI,EACpE,OAAQb,CACV,EACA,eAAgB,CACd,OAAQS,EAAe,mBAEvB,OAAQ,CACN,OAAQD,EACR,YAAaN,GAAsB,SAAS,CAAC,CAC/C,CACF,EACA,kBAAmB,CACjB,OAAQ,EAAQC,GAA4BA,EAA2B,EACvE,OAAQ,CAAE,OAAQA,EAAyB,MAAOI,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", "memberFunctionResult", "creditsRedemptionAmount", "discount", "profile", "savingDetail", "trackingData", "total", "discountEnable", "showPaidShipping", "fullGift", "excludeProducts", "item", "showLevelDiscount"]
 }

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@anker-in/headless-ui",
-  "version": "1.0.26-alpha.1762857531976",
+  "version": "1.0.26-alpha.1762872688412",
   "type": "commonjs",
   "main": "./dist/cjs/index.js",
   "types": "./dist/cjs/index.d.ts",