npm - @anker-in/headless-ui - Versions diffs - 1.0.20-alpha.1761793143802 → 1.0.20-alpha.1761830686599 - Mend

@anker-in/headless-ui 1.0.20-alpha.1761793143802 → 1.0.20-alpha.1761830686599

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 (69) hide show

package/dist/cjs/biz-components/Listing/components/PaidShipping/LearnMore.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";var r=Object.defineProperty;var c=Object.getOwnPropertyDescriptor;var m=Object.getOwnPropertyNames;var d=Object.prototype.hasOwnProperty;var f=(t,e)=>{for(var a in e)r(t,a,{get:e[a],enumerable:!0})},u=(t,e,a,p)=>{if(e&&typeof e=="object"||typeof e=="function")for(let n of m(e))!d.call(t,n)&&n!==a&&r(t,n,{get:()=>e[n],enumerable:!(p=c(e,n))||p.enumerable});return t};var g=t=>u(r({},"__esModule",{value:!0}),t);var v={};f(v,{default:()=>h});module.exports=g(v);var o=require("react/jsx-runtime"),i=require("../../../../components/index.js"),s=require("../../../AiuiProvider/index.js"),x=require("../../../../helpers/index.js");const b=t=>{const{className:e,setOpenShippingPolicyModal:a,metafields:p}=t,{trackingData:n}=(0,s.useAiuiContext)(),l=n?.common?.copywriting;return(0,o.jsxs)("div",{tabIndex:-1,className:(0,x.cn)("from-4.29% to-101.05% relative items-start gap-[16px] overflow-hidden rounded-[8px] border border-[#E8E8E8] bg-gradient-to-r from-[rgba(215,245,254,0.24)] to-[rgba(215,245,254,0.80)] px-[16px] py-[24px] text-[#1F2021] md:py-[16px]","flex flex-col",e),children:[(0,o.jsxs)("div",{className:"flex w-full items-center justify-between",children:[(0,o.jsx)(i.Text,{size:2,className:"text-[14px] laptop:text-[16px] lg-desktop:text-[18px]",children:"Learn about Express Shipping Policy"}),(0,o.jsx)(i.Button,{variant:"link",className:"hidden whitespace-nowrap laptop:inline-flex",onClick:()=>{a(!0)},children:l?.learnMore})]}),(0,o.jsx)(i.Text,{size:1,as:"p",className:"text-[12px] text-[#6D6D6F] laptop:text-[14px]",children:p?.loginBeforeCheckoutNote}),(0,o.jsx)(i.Button,{variant:"link",className:"inline-flex px-0 laptop:hidden",onClick:()=>{a(!0)},children:l?.learnMore})]})};var h=b;
+"use strict";var n=Object.defineProperty;var d=Object.getOwnPropertyDescriptor;var c=Object.getOwnPropertyNames;var m=Object.prototype.hasOwnProperty;var f=(t,e)=>{for(var a in e)n(t,a,{get:e[a],enumerable:!0})},g=(t,e,a,i)=>{if(e&&typeof e=="object"||typeof e=="function")for(let p of c(e))!m.call(t,p)&&p!==a&&n(t,p,{get:()=>e[p],enumerable:!(i=d(e,p))||i.enumerable});return t};var u=t=>g(n({},"__esModule",{value:!0}),t);var b={};f(b,{default:()=>N});module.exports=u(b);var o=require("react/jsx-runtime"),l=require("../../../../components/index.js"),s=require("../../../AiuiProvider/index.js"),x=require("../../../../helpers/index.js");const v=t=>{const{className:e,setOpenShippingPolicyModal:a,metafields:i}=t,{trackingData:p}=(0,s.useAiuiContext)(),r=p?.common?.copywriting;return(0,o.jsxs)("div",{tabIndex:-1,className:(0,x.cn)("from-4.29% to-101.05% relative items-start gap-[16px] overflow-hidden rounded-xl laptop:rounded-2xl border border-[#E8E8E8] bg-gradient-to-r from-[rgba(215,245,254,0.24)] to-[rgba(215,245,254,0.80)] p-4 laptop:py-3 text-[#1F2021] md:py-[16px]","flex flex-col",e),children:[(0,o.jsxs)("div",{className:"flex w-full items-start justify-between",children:[(0,o.jsxs)("div",{className:"flex flex-col gap-3 laptop:gap-2 lg-desktop:gap-4",children:[(0,o.jsx)(l.Text,{size:2,className:"text-[14px] laptop:text-[16px] lg-desktop:text-[18px]",children:"Learn about Express Shipping Policy"}),(0,o.jsx)(l.Text,{size:1,as:"p",className:"text-[12px] text-[#6D6D6F] laptop:text-[14px]",children:i?.loginBeforeCheckoutNote})]}),(0,o.jsx)(l.Button,{variant:"link",className:"hidden !p-0 whitespace-nowrap laptop:inline-flex",onClick:()=>{a(!0)},children:r?.learnMore})]}),(0,o.jsx)(l.Button,{variant:"link",className:"inline-flex p-0 laptop:hidden",onClick:()=>{a(!0)},children:r?.learnMore})]})};var N=v;
 //# sourceMappingURL=LearnMore.js.map

package/dist/cjs/biz-components/Listing/components/PaidShipping/LearnMore.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/biz-components/Listing/components/PaidShipping/LearnMore.tsx"],
-  "sourcesContent": ["import { Button, Text } from '../../../../components/index.js'\nimport { useAiuiContext } from '../../../AiuiProvider/index.js'\nimport { cn } from '../../../../helpers/index.js'\n\nconst LearnMore = (props: any) => {\n  const { className, setOpenShippingPolicyModal, metafields } = props\n  const { trackingData } = useAiuiContext()\n  const shopCommon = trackingData?.common?.copywriting\n\n  return (\n    <div\n      tabIndex={-1}\n      className={cn(\n        'from-4.29% to-101.05% relative items-start gap-[16px] overflow-hidden rounded-[8px] border border-[#E8E8E8] bg-gradient-to-r from-[rgba(215,245,254,0.24)] to-[rgba(215,245,254,0.80)] px-[16px] py-[24px] text-[#1F2021] md:py-[16px]',\n        'flex flex-col',\n        className,\n      )}\n    >\n      <div className='flex w-full items-center justify-between'>\n        <Text size={2} className='text-[14px] laptop:text-[16px] lg-desktop:text-[18px]'>\n          Learn about Express Shipping Policy\n        </Text>\n        <Button\n          variant='link'\n          className='hidden whitespace-nowrap laptop:inline-flex'\n          onClick={() => {\n            setOpenShippingPolicyModal(true)\n          }}\n        >\n          {shopCommon?.learnMore}\n        </Button>\n      </div>\n\n      <Text size={1} as='p' className='text-[12px] text-[#6D6D6F] laptop:text-[14px]'>\n        {metafields?.loginBeforeCheckoutNote}\n      </Text>\n\n      <Button\n        variant='link'\n        className='inline-flex px-0 laptop:hidden'\n        onClick={() => {\n          setOpenShippingPolicyModal(true)\n        }}\n      >\n        {shopCommon?.learnMore}\n      </Button>\n    </div>\n  )\n}\n\nexport default LearnMore\n"],
-  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,IAAA,eAAAC,EAAAH,GAkBM,IAAAI,EAAA,6BAlBNC,EAA6B,2CAC7BC,EAA+B,0CAC/BC,EAAmB,wCAEnB,MAAMC,EAAaC,GAAe,CAChC,KAAM,CAAE,UAAAC,EAAW,2BAAAC,EAA4B,WAAAC,CAAW,EAAIH,EACxD,CAAE,aAAAI,CAAa,KAAI,kBAAe,EAClCC,EAAaD,GAAc,QAAQ,YAEzC,SACE,QAAC,OACC,SAAU,GACV,aAAW,MACT,yOACA,gBACAH,CACF,EAEA,qBAAC,OAAI,UAAU,2CACb,oBAAC,QAAK,KAAM,EAAG,UAAU,wDAAwD,+CAEjF,KACA,OAAC,UACC,QAAQ,OACR,UAAU,8CACV,QAAS,IAAM,CACbC,EAA2B,EAAI,CACjC,EAEC,SAAAG,GAAY,UACf,GACF,KAEA,OAAC,QAAK,KAAM,EAAG,GAAG,IAAI,UAAU,gDAC7B,SAAAF,GAAY,wBACf,KAEA,OAAC,UACC,QAAQ,OACR,UAAU,iCACV,QAAS,IAAM,CACbD,EAA2B,EAAI,CACjC,EAEC,SAAAG,GAAY,UACf,GACF,CAEJ,EAEA,IAAOZ,EAAQM",
+  "sourcesContent": ["import { Button, Text } from '../../../../components/index.js'\nimport { useAiuiContext } from '../../../AiuiProvider/index.js'\nimport { cn } from '../../../../helpers/index.js'\n\nconst LearnMore = (props: any) => {\n  const { className, setOpenShippingPolicyModal, metafields } = props\n  const { trackingData } = useAiuiContext()\n  const shopCommon = trackingData?.common?.copywriting\n\n  return (\n    <div\n      tabIndex={-1}\n      className={cn(\n        'from-4.29% to-101.05% relative items-start gap-[16px] overflow-hidden rounded-xl laptop:rounded-2xl border border-[#E8E8E8] bg-gradient-to-r from-[rgba(215,245,254,0.24)] to-[rgba(215,245,254,0.80)] p-4 laptop:py-3 text-[#1F2021] md:py-[16px]',\n        'flex flex-col',\n        className\n      )}\n    >\n      <div className=\"flex w-full items-start justify-between\">\n        <div className=\"flex flex-col gap-3 laptop:gap-2 lg-desktop:gap-4\">\n          <Text size={2} className=\"text-[14px] laptop:text-[16px] lg-desktop:text-[18px]\">\n            Learn about Express Shipping Policy\n          </Text>\n          <Text size={1} as=\"p\" className=\"text-[12px] text-[#6D6D6F] laptop:text-[14px]\">\n            {metafields?.loginBeforeCheckoutNote}\n          </Text>\n        </div>\n        <Button\n          variant=\"link\"\n          className=\"hidden !p-0 whitespace-nowrap laptop:inline-flex\"\n          onClick={() => {\n            setOpenShippingPolicyModal(true)\n          }}\n        >\n          {shopCommon?.learnMore}\n        </Button>\n      </div>\n\n      <Button\n        variant=\"link\"\n        className=\"inline-flex p-0 laptop:hidden\"\n        onClick={() => {\n          setOpenShippingPolicyModal(true)\n        }}\n      >\n        {shopCommon?.learnMore}\n      </Button>\n    </div>\n  )\n}\n\nexport default LearnMore\n"],
+  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,IAAA,eAAAC,EAAAH,GAmBQ,IAAAI,EAAA,6BAnBRC,EAA6B,2CAC7BC,EAA+B,0CAC/BC,EAAmB,wCAEnB,MAAMC,EAAaC,GAAe,CAChC,KAAM,CAAE,UAAAC,EAAW,2BAAAC,EAA4B,WAAAC,CAAW,EAAIH,EACxD,CAAE,aAAAI,CAAa,KAAI,kBAAe,EAClCC,EAAaD,GAAc,QAAQ,YAEzC,SACE,QAAC,OACC,SAAU,GACV,aAAW,MACT,qPACA,gBACAH,CACF,EAEA,qBAAC,OAAI,UAAU,0CACb,qBAAC,OAAI,UAAU,oDACb,oBAAC,QAAK,KAAM,EAAG,UAAU,wDAAwD,+CAEjF,KACA,OAAC,QAAK,KAAM,EAAG,GAAG,IAAI,UAAU,gDAC7B,SAAAE,GAAY,wBACf,GACF,KACA,OAAC,UACC,QAAQ,OACR,UAAU,mDACV,QAAS,IAAM,CACbD,EAA2B,EAAI,CACjC,EAEC,SAAAG,GAAY,UACf,GACF,KAEA,OAAC,UACC,QAAQ,OACR,UAAU,gCACV,QAAS,IAAM,CACbH,EAA2B,EAAI,CACjC,EAEC,SAAAG,GAAY,UACf,GACF,CAEJ,EAEA,IAAOZ,EAAQM",
   "names": ["LearnMore_exports", "__export", "LearnMore_default", "__toCommonJS", "import_jsx_runtime", "import_components", "import_AiuiProvider", "import_helpers", "LearnMore", "props", "className", "setOpenShippingPolicyModal", "metafields", "trackingData", "shopCommon"]
 }

package/dist/cjs/biz-components/Listing/components/PaidShipping/ShippingMethod.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";var l=Object.defineProperty;var y=Object.getOwnPropertyDescriptor;var v=Object.getOwnPropertyNames;var h=Object.prototype.hasOwnProperty;var N=(e,t)=>{for(var n in t)l(e,n,{get:t[n],enumerable:!0})},E=(e,t,n,a)=>{if(t&&typeof t=="object"||typeof t=="function")for(let r of v(t))!h.call(e,r)&&r!==n&&l(e,r,{get:()=>t[r],enumerable:!(a=y(t,r))||a.enumerable});return e};var k=e=>E(l({},"__esModule",{value:!0}),e);var M={};N(M,{default:()=>C});module.exports=k(M);var o=require("react/jsx-runtime"),s=require("../../utils/index.js"),x=require("../../../AiuiProvider/index.js"),i=require("../../../../components/index.js"),p=require("../../../../helpers/index.js"),m=require("./type.js");const w=({item:e,index:t,active:n,toggleShipping:a,currencyCode:r,metafields:c,className:b=""})=>{const{trackingData:u,locale:f="us"}=(0,x.useAiuiContext)(),g=u?.common?.copywriting;return(0,o.jsxs)("div",{role:"button",tabIndex:0,onKeyDown:d=>{(d.key==="Enter"||d.key===" ")&&a(e,t)},className:(0,p.cn)("relative flex cursor-pointer items-center gap-[16px] overflow-hidden rounded-[8px] border border-[#E8E8E8] px-[16px] py-[24px] text-[#1F2021] md:py-[16px]",{"cursor-not-allowed opacity-60":e.disabled,"border-brand outline-1 outline-brand [outline-style:solid]":n},b),onClick:()=>a(e,t),children:[(0,o.jsxs)("div",{className:"relative",children:[(0,o.jsx)(i.Text,{className:(0,p.cn)("text-[14px] font-bold leading-[1.4] laptop:text-[16px] lg-desktop:text-[18px]",{}),as:"p",html:e.title}),(0,o.jsx)(i.Text,{className:(0,p.cn)("mt-[8px] text-[12px] font-semibold leading-[1.4] text-[#999999] laptop:text-[14px]",{}),as:"p",html:e.subtitle})]}),(0,o.jsx)(i.Text,{className:(0,p.cn)("relative text-xl font-bold",{}),as:"p",html:e.price?(0,s.formatPrice)({amount:e.price,currencyCode:r,locale:f,removeTrailingZeros:!0}):g?.free}),e.mode!==m.ShippingMethodMode.FREE&&(0,o.jsx)("div",{className:(0,p.cn)("absolute -right-[1px] -top-[1px] rounded-bl-[8px] rounded-tr-[8px] bg-brand px-[8px] py-[3px] text-[12px] font-bold leading-[1.4] text-white"),children:c?.memberOnly})]})};var C=w;
+"use strict";var i=Object.defineProperty;var v=Object.getOwnPropertyDescriptor;var y=Object.getOwnPropertyNames;var h=Object.prototype.hasOwnProperty;var N=(e,t)=>{for(var l in t)i(e,l,{get:t[l],enumerable:!0})},E=(e,t,l,a)=>{if(t&&typeof t=="object"||typeof t=="function")for(let r of y(t))!h.call(e,r)&&r!==l&&i(e,r,{get:()=>t[r],enumerable:!(a=v(t,r))||a.enumerable});return e};var k=e=>E(i({},"__esModule",{value:!0}),e);var D={};N(D,{default:()=>C});module.exports=k(D);var o=require("react/jsx-runtime"),s=require("../../utils/index.js"),x=require("../../../AiuiProvider/index.js"),p=require("../../../../components/index.js"),n=require("../../../../helpers/index.js"),m=require("./type.js");const w=({item:e,index:t,active:l,toggleShipping:a,currencyCode:r,metafields:c,className:b=""})=>{const{trackingData:u,locale:f="us"}=(0,x.useAiuiContext)(),g=u?.common?.copywriting;return(0,o.jsxs)("div",{role:"button",tabIndex:0,onKeyDown:d=>{(d.key==="Enter"||d.key===" ")&&a(e,t)},className:(0,n.cn)("relative flex cursor-pointer items-center gap-[16px] overflow-hidden rounded-xl laptop:rounded-2xl border-[2px] border-[#E8E8E8] p-4 laptop:py-3 text-[#1F2021]",{"cursor-not-allowed opacity-60":e.disabled,"border-brand outline-1 outline-brand [outline-style:solid]":l},b),onClick:()=>a(e,t),children:[(0,o.jsxs)("div",{className:"relative",children:[(0,o.jsx)(p.Text,{className:(0,n.cn)("text-[14px] font-bold leading-[1.4] laptop:text-[16px] lg-desktop:text-[18px]",{}),as:"p",html:e.title}),(0,o.jsx)(p.Text,{className:(0,n.cn)("mt-[8px] text-[12px] font-bold leading-[1.4] text-[#6D6D6F] laptop:text-[14px]",{}),as:"p",html:e.subtitle})]}),(0,o.jsx)(p.Text,{className:(0,n.cn)("relative text-xl font-bold",{}),as:"p",html:e.price?(0,s.formatPrice)({amount:e.price,currencyCode:r,locale:f,removeTrailingZeros:!0}):g?.free}),e.mode!==m.ShippingMethodMode.FREE&&(0,o.jsx)("div",{className:(0,n.cn)("absolute -right-[1px] -top-[1px] rounded-bl-[8px] rounded-tr-[8px] bg-brand px-[8px] py-[3px] text-[12px] font-bold leading-[1.4] text-white"),children:c?.memberOnly})]})};var C=w;
 //# sourceMappingURL=ShippingMethod.js.map

package/dist/cjs/biz-components/Listing/components/PaidShipping/ShippingMethod.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/biz-components/Listing/components/PaidShipping/ShippingMethod.tsx"],
-  "sourcesContent": ["import { formatPrice } from '../../utils/index.js'\nimport { useAiuiContext } from '../../../AiuiProvider/index.js'\nimport { Text } from '../../../../components/index.js'\nimport { cn } from '../../../../helpers/index.js'\nimport { ShippingMethodMode } from './type.js'\n\nconst ShippingMethod = ({\n  item,\n  index,\n  active,\n  toggleShipping,\n  currencyCode,\n  metafields,\n  className = '',\n}: {\n  item: any\n  index: number\n  active: boolean\n  toggleShipping: (item: any, index: number) => void\n  currencyCode: string\n  metafields: any\n  className?: string\n}) => {\n  const { trackingData, locale = 'us' } = useAiuiContext()\n  const shopCommon = trackingData?.common?.copywriting\n\n  return (\n    <div\n      role=\"button\"\n      tabIndex={0}\n      onKeyDown={e => {\n        if (e.key === 'Enter' || e.key === ' ') {\n          toggleShipping(item, index)\n        }\n      }}\n      className={cn(\n        'relative flex cursor-pointer items-center gap-[16px] overflow-hidden rounded-[8px] border border-[#E8E8E8] px-[16px] py-[24px] text-[#1F2021] md:py-[16px]',\n        {\n          'cursor-not-allowed opacity-60': item.disabled,\n          'border-brand outline-1 outline-brand [outline-style:solid]': active,\n        },\n        className\n      )}\n      onClick={() => toggleShipping(item, index)}\n    >\n      <div className=\"relative\">\n        <Text\n          className={cn('text-[14px] font-bold leading-[1.4] laptop:text-[16px] lg-desktop:text-[18px]', {})}\n          as=\"p\"\n          html={item.title}\n        />\n        <Text\n          className={cn('mt-[8px] text-[12px] font-semibold leading-[1.4] text-[#999999] laptop:text-[14px]', {})}\n          as=\"p\"\n          html={item.subtitle}\n        />\n      </div>\n\n      <Text\n        className={cn('relative text-xl font-bold', {})}\n        as=\"p\"\n        html={\n          item.price\n            ? formatPrice({\n                amount: item.price,\n                currencyCode,\n                locale,\n                removeTrailingZeros: true,\n              })\n            : shopCommon?.free\n        }\n      />\n      {item.mode !== ShippingMethodMode.FREE && (\n        <div\n          className={cn(\n            'absolute -right-[1px] -top-[1px] rounded-bl-[8px] rounded-tr-[8px] bg-brand px-[8px] py-[3px] text-[12px] font-bold leading-[1.4] text-white'\n          )}\n        >\n          {metafields?.memberOnly}\n        </div>\n      )}\n    </div>\n  )\n}\n\nexport default ShippingMethod"],
-  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,IAAA,eAAAC,EAAAH,GA6CM,IAAAI,EAAA,6BA7CNC,EAA4B,gCAC5BC,EAA+B,0CAC/BC,EAAqB,2CACrBC,EAAmB,wCACnBC,EAAmC,qBAEnC,MAAMC,EAAiB,CAAC,CACtB,KAAAC,EACA,MAAAC,EACA,OAAAC,EACA,eAAAC,EACA,aAAAC,EACA,WAAAC,EACA,UAAAC,EAAY,EACd,IAQM,CACJ,KAAM,CAAE,aAAAC,EAAc,OAAAC,EAAS,IAAK,KAAI,kBAAe,EACjDC,EAAaF,GAAc,QAAQ,YAEzC,SACE,QAAC,OACC,KAAK,SACL,SAAU,EACV,UAAWG,GAAK,EACVA,EAAE,MAAQ,SAAWA,EAAE,MAAQ,MACjCP,EAAeH,EAAMC,CAAK,CAE9B,EACA,aAAW,MACT,6JACA,CACE,gCAAiCD,EAAK,SACtC,6DAA8DE,CAChE,EACAI,CACF,EACA,QAAS,IAAMH,EAAeH,EAAMC,CAAK,EAEzC,qBAAC,OAAI,UAAU,WACb,oBAAC,QACC,aAAW,MAAG,gFAAiF,CAAC,CAAC,EACjG,GAAG,IACH,KAAMD,EAAK,MACb,KACA,OAAC,QACC,aAAW,MAAG,qFAAsF,CAAC,CAAC,EACtG,GAAG,IACH,KAAMA,EAAK,SACb,GACF,KAEA,OAAC,QACC,aAAW,MAAG,6BAA8B,CAAC,CAAC,EAC9C,GAAG,IACH,KACEA,EAAK,SACD,eAAY,CACV,OAAQA,EAAK,MACb,aAAAI,EACA,OAAAI,EACA,oBAAqB,EACvB,CAAC,EACDC,GAAY,KAEpB,EACCT,EAAK,OAAS,qBAAmB,SAChC,OAAC,OACC,aAAW,MACT,8IACF,EAEC,SAAAK,GAAY,WACf,GAEJ,CAEJ,EAEA,IAAOd,EAAQQ",
+  "sourcesContent": ["import { formatPrice } from '../../utils/index.js'\nimport { useAiuiContext } from '../../../AiuiProvider/index.js'\nimport { Text } from '../../../../components/index.js'\nimport { cn } from '../../../../helpers/index.js'\nimport { ShippingMethodMode } from './type.js'\n\nconst ShippingMethod = ({\n  item,\n  index,\n  active,\n  toggleShipping,\n  currencyCode,\n  metafields,\n  className = '',\n}: {\n  item: any\n  index: number\n  active: boolean\n  toggleShipping: (item: any, index: number) => void\n  currencyCode: string\n  metafields: any\n  className?: string\n}) => {\n  const { trackingData, locale = 'us' } = useAiuiContext()\n  const shopCommon = trackingData?.common?.copywriting\n\n  return (\n    <div\n      role=\"button\"\n      tabIndex={0}\n      onKeyDown={e => {\n        if (e.key === 'Enter' || e.key === ' ') {\n          toggleShipping(item, index)\n        }\n      }}\n      className={cn(\n        'relative flex cursor-pointer items-center gap-[16px] overflow-hidden rounded-xl laptop:rounded-2xl border-[2px] border-[#E8E8E8] p-4 laptop:py-3 text-[#1F2021]',\n        {\n          'cursor-not-allowed opacity-60': item.disabled,\n          'border-brand outline-1 outline-brand [outline-style:solid]': active,\n        },\n        className\n      )}\n      onClick={() => toggleShipping(item, index)}\n    >\n      <div className=\"relative\">\n        <Text\n          className={cn('text-[14px] font-bold leading-[1.4] laptop:text-[16px] lg-desktop:text-[18px]', {})}\n          as=\"p\"\n          html={item.title}\n        />\n        <Text\n          className={cn('mt-[8px] text-[12px] font-bold leading-[1.4] text-[#6D6D6F] laptop:text-[14px]', {})}\n          as=\"p\"\n          html={item.subtitle}\n        />\n      </div>\n\n      <Text\n        className={cn('relative text-xl font-bold', {})}\n        as=\"p\"\n        html={\n          item.price\n            ? formatPrice({\n                amount: item.price,\n                currencyCode,\n                locale,\n                removeTrailingZeros: true,\n              })\n            : shopCommon?.free\n        }\n      />\n      {item.mode !== ShippingMethodMode.FREE && (\n        <div\n          className={cn(\n            'absolute -right-[1px] -top-[1px] rounded-bl-[8px] rounded-tr-[8px] bg-brand px-[8px] py-[3px] text-[12px] font-bold leading-[1.4] text-white'\n          )}\n        >\n          {metafields?.memberOnly}\n        </div>\n      )}\n    </div>\n  )\n}\n\nexport default ShippingMethod"],
+  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,IAAA,eAAAC,EAAAH,GA6CM,IAAAI,EAAA,6BA7CNC,EAA4B,gCAC5BC,EAA+B,0CAC/BC,EAAqB,2CACrBC,EAAmB,wCACnBC,EAAmC,qBAEnC,MAAMC,EAAiB,CAAC,CACtB,KAAAC,EACA,MAAAC,EACA,OAAAC,EACA,eAAAC,EACA,aAAAC,EACA,WAAAC,EACA,UAAAC,EAAY,EACd,IAQM,CACJ,KAAM,CAAE,aAAAC,EAAc,OAAAC,EAAS,IAAK,KAAI,kBAAe,EACjDC,EAAaF,GAAc,QAAQ,YAEzC,SACE,QAAC,OACC,KAAK,SACL,SAAU,EACV,UAAWG,GAAK,EACVA,EAAE,MAAQ,SAAWA,EAAE,MAAQ,MACjCP,EAAeH,EAAMC,CAAK,CAE9B,EACA,aAAW,MACT,kKACA,CACE,gCAAiCD,EAAK,SACtC,6DAA8DE,CAChE,EACAI,CACF,EACA,QAAS,IAAMH,EAAeH,EAAMC,CAAK,EAEzC,qBAAC,OAAI,UAAU,WACb,oBAAC,QACC,aAAW,MAAG,gFAAiF,CAAC,CAAC,EACjG,GAAG,IACH,KAAMD,EAAK,MACb,KACA,OAAC,QACC,aAAW,MAAG,iFAAkF,CAAC,CAAC,EAClG,GAAG,IACH,KAAMA,EAAK,SACb,GACF,KAEA,OAAC,QACC,aAAW,MAAG,6BAA8B,CAAC,CAAC,EAC9C,GAAG,IACH,KACEA,EAAK,SACD,eAAY,CACV,OAAQA,EAAK,MACb,aAAAI,EACA,OAAAI,EACA,oBAAqB,EACvB,CAAC,EACDC,GAAY,KAEpB,EACCT,EAAK,OAAS,qBAAmB,SAChC,OAAC,OACC,aAAW,MACT,8IACF,EAEC,SAAAK,GAAY,WACf,GAEJ,CAEJ,EAEA,IAAOd,EAAQQ",
   "names": ["ShippingMethod_exports", "__export", "ShippingMethod_default", "__toCommonJS", "import_jsx_runtime", "import_utils", "import_AiuiProvider", "import_components", "import_helpers", "import_type", "ShippingMethod", "item", "index", "active", "toggleShipping", "currencyCode", "metafields", "className", "trackingData", "locale", "shopCommon", "e"]
 }

package/dist/cjs/biz-components/Listing/components/PaidShipping/ShippingPolicyModal.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";var m=Object.defineProperty;var f=Object.getOwnPropertyDescriptor;var v=Object.getOwnPropertyNames;var h=Object.prototype.hasOwnProperty;var u=(i,t)=>{for(var p in t)m(i,p,{get:t[p],enumerable:!0})},N=(i,t,p,o)=>{if(t&&typeof t=="object"||typeof t=="function")for(let l of v(t))!h.call(i,l)&&l!==p&&m(i,l,{get:()=>t[l],enumerable:!(o=f(t,l))||o.enumerable});return i};var b=i=>N(m({},"__esModule",{value:!0}),i);var w={};u(w,{ShippingPolicyModal:()=>D});module.exports=b(w);var e=require("react/jsx-runtime"),s=require("../../../../components/index.js"),r=require("../../../../components/dialog"),d=require("next/router"),g=require("react");const D=({data:i,onClose:t,open:p})=>{const{asPath:o}=(0,d.useRouter)(),l=(0,g.useMemo)(()=>o?.split("?")?.[0]?.substring(1)?.replace(/\//g,"_"),[o]);return(0,e.jsx)(r.Dialog,{children:(0,e.jsx)(r.DialogContent,{children:(0,e.jsxs)("div",{className:"w-[729px] p-[40px] md:w-[358px] md:px-[24px]",children:[(0,e.jsx)(s.Text,{className:"text-[32px] font-bold leading-[1.2] md:text-[20px]",html:i?.title}),(0,e.jsxs)("div",{className:"mt-[16px]",children:[(0,e.jsx)(s.Text,{className:"text-[20px] font-bold leading-[1.2] md:text-[16px]",html:i?.shippingCoupon?.title}),(0,e.jsx)("ul",{className:"mt-3 grid grid-flow-row gap-[4px] font-semibold leading-[1.4]",children:i?.shippingCoupon?.list.map((a,n)=>(0,e.jsxs)("li",{className:"text-[16px]",children:[(0,e.jsxs)("span",{children:[n+1,"."]}),(0,e.jsx)("span",{className:"ml-[4px]",children:a})]},n))}),(0,e.jsxs)("div",{className:"mt-[24px] md:mt-[16px]",children:[(0,e.jsx)(s.Text,{className:"text-[20px] font-bold leading-[1.2] md:text-[16px]",html:i?.shippingService?.title}),(0,e.jsx)("div",{className:"mt-[12px] grid w-full grid-cols-2 gap-[12px] md:grid-cols-1",children:i?.shippingService?.list.map((a,n)=>(0,e.jsxs)("div",{className:"rounded-[12px] bg-[#F5F5F7] p-[16px] md:p-[12px]",children:[(0,e.jsx)(s.Text,{as:"p",className:"text-[20px] font-bold leading-[1.2] md:text-[16px]",html:a.title}),(0,e.jsx)("div",{className:"mt-[12px] grid grid-flow-row gap-[4px]",children:a.list.map((x,c)=>(0,e.jsx)(s.Text,{as:"p",className:"text-[16px] font-semibold leading-[1.2]",children:x},c))})]},n))})]}),(0,e.jsx)(s.Link,{className:"mt-[16px] block text-[16px] font-semibold leading-[1.2] underline",href:`${i?.terms?.url}?ref=${l}`,children:i?.terms?.text})]})]})})})};
+"use strict";var m=Object.defineProperty;var f=Object.getOwnPropertyDescriptor;var v=Object.getOwnPropertyNames;var h=Object.prototype.hasOwnProperty;var u=(t,i)=>{for(var p in i)m(t,p,{get:i[p],enumerable:!0})},N=(t,i,p,o)=>{if(i&&typeof i=="object"||typeof i=="function")for(let s of v(i))!h.call(t,s)&&s!==p&&m(t,s,{get:()=>i[s],enumerable:!(o=f(i,s))||o.enumerable});return t};var b=t=>N(m({},"__esModule",{value:!0}),t);var D={};u(D,{ShippingPolicyModal:()=>w});module.exports=b(D);var e=require("react/jsx-runtime"),l=require("../../../../components/index.js"),r=require("../../../../components/dialog"),g=require("next/router"),x=require("react");const w=({data:t,onClose:i,open:p})=>{const{asPath:o}=(0,g.useRouter)(),s=(0,x.useMemo)(()=>o?.split("?")?.[0]?.substring(1)?.replace(/\//g,"_"),[o]);return(0,e.jsx)(r.Dialog,{open:p,onOpenChange:i,children:(0,e.jsxs)(r.DialogContent,{overlayClassName:"z-[70]",className:"tablet:max-w-[729px] max-w-[326px] mx-auto w-full border-none z-[80] overflow-hidden",children:[(0,e.jsx)(l.Text,{className:"text-[32px] font-bold leading-[1.2] md:text-[20px]",html:t?.title}),(0,e.jsxs)("div",{className:"mt-[16px]",children:[(0,e.jsx)(l.Text,{className:"text-[20px] font-bold leading-[1.2] md:text-[16px]",html:t?.shippingCoupon?.title}),(0,e.jsx)("ul",{className:"mt-3 grid grid-flow-row gap-[4px] font-semibold leading-[1.4]",children:t?.shippingCoupon?.list.map((a,n)=>(0,e.jsxs)("li",{className:"text-[16px]",children:[(0,e.jsxs)("span",{children:[n+1,"."]}),(0,e.jsx)("span",{className:"ml-[4px]",children:a})]},n))}),(0,e.jsxs)("div",{className:"mt-[24px] md:mt-[16px]",children:[(0,e.jsx)(l.Text,{className:"text-[20px] font-bold leading-[1.2] md:text-[16px]",html:t?.shippingService?.title}),(0,e.jsx)("div",{className:"mt-[12px] grid w-full grid-cols-2 gap-[12px] md:grid-cols-1",children:t?.shippingService?.list.map((a,n)=>(0,e.jsxs)("div",{className:"rounded-[12px] bg-[#F5F5F7] p-[16px] md:p-[12px]",children:[(0,e.jsx)(l.Text,{as:"p",className:"text-[20px] font-bold leading-[1.2] md:text-[16px]",html:a.title}),(0,e.jsx)("div",{className:"mt-[12px] grid grid-flow-row gap-[4px]",children:a.list.map((d,c)=>(0,e.jsx)(l.Text,{as:"p",className:"text-[16px] font-semibold leading-[1.2]",children:d},c))})]},n))})]}),(0,e.jsx)(l.Link,{className:"mt-[16px] block text-[16px] font-semibold leading-[1.2] underline",href:`${t?.terms?.url}?ref=${s}`,children:t?.terms?.text})]})]})})};
 //# sourceMappingURL=ShippingPolicyModal.js.map

package/dist/cjs/biz-components/Listing/components/PaidShipping/ShippingPolicyModal.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/biz-components/Listing/components/PaidShipping/ShippingPolicyModal.tsx"],
-  "sourcesContent": ["import { Text, Link } from '../../../../components/index.js'\nimport { Dialog, DialogContent, DialogHeader, DialogTitle, DialogTrigger } from '../../../../components/dialog'\nimport { useRouter } from 'next/router'\nimport { useMemo } from 'react'\n\ninterface Terms {\n  text: string\n  url: string\n}\n\ninterface List {\n  title: string\n  list: string[]\n}\n\ninterface ShippingService {\n  title: string\n  list: List[]\n}\n\ninterface Data {\n  title: string\n  shippingCoupon: List\n  shippingService: ShippingService\n  terms: Terms\n}\n\ninterface Props {\n  data: Data\n  onClose: () => void\n  open: boolean\n}\n\nexport const ShippingPolicyModal = ({ data, onClose, open }: Props) => {\n  const { asPath } = useRouter()\n  const ref = useMemo(() => {\n    return asPath?.split('?')?.[0]?.substring(1)?.replace(/\\//g, '_')\n  }, [asPath])\n  return (\n    <Dialog>\n      <DialogContent>\n        <div\n          className=\"w-[729px] p-[40px] md:w-[358px] md:px-[24px]\"\n          // closeModal={onClose}\n          // showModal={open}\n          // stickyHeader={false}\n        >\n          <Text className=\"text-[32px] font-bold leading-[1.2] md:text-[20px]\" html={data?.title} />\n          <div className=\"mt-[16px]\">\n            <Text className=\"text-[20px] font-bold leading-[1.2] md:text-[16px]\" html={data?.shippingCoupon?.title} />\n            <ul className=\"mt-3 grid grid-flow-row gap-[4px] font-semibold leading-[1.4]\">\n              {data?.shippingCoupon?.list.map((item, index) => (\n                <li className=\"text-[16px]\" key={index}>\n                  <span>{index + 1}.</span>\n                  <span className=\"ml-[4px]\">{item}</span>\n                </li>\n              ))}\n            </ul>\n            <div className=\"mt-[24px] md:mt-[16px]\">\n              <Text\n                className=\"text-[20px] font-bold leading-[1.2] md:text-[16px]\"\n                html={data?.shippingService?.title}\n              />\n              <div className=\"mt-[12px] grid w-full grid-cols-2 gap-[12px] md:grid-cols-1\">\n                {data?.shippingService?.list.map((item, index) => (\n                  <div className=\"rounded-[12px] bg-[#F5F5F7] p-[16px] md:p-[12px]\" key={index}>\n                    <Text as=\"p\" className=\"text-[20px] font-bold leading-[1.2] md:text-[16px]\" html={item.title} />\n                    <div className=\"mt-[12px] grid grid-flow-row gap-[4px]\">\n                      {item.list.map((subItem, subIndex) => (\n                        <Text as=\"p\" className=\"text-[16px] font-semibold leading-[1.2]\" key={subIndex}>\n                          {subItem}\n                        </Text>\n                      ))}\n                    </div>\n                  </div>\n                ))}\n              </div>\n            </div>\n\n            <Link\n              className=\"mt-[16px] block text-[16px] font-semibold leading-[1.2] underline\"\n              href={`${data?.terms?.url}?ref=${ref}`}\n            >\n              {data?.terms?.text}\n            </Link>\n          </div>\n        </div>\n      </DialogContent>\n    </Dialog>\n  )\n}\n"],
-  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,yBAAAE,IAAA,eAAAC,EAAAH,GA+CU,IAAAI,EAAA,6BA/CVC,EAA2B,2CAC3BC,EAAgF,yCAChFC,EAA0B,uBAC1BC,EAAwB,iBA8BjB,MAAMN,EAAsB,CAAC,CAAE,KAAAO,EAAM,QAAAC,EAAS,KAAAC,CAAK,IAAa,CACrE,KAAM,CAAE,OAAAC,CAAO,KAAI,aAAU,EACvBC,KAAM,WAAQ,IACXD,GAAQ,MAAM,GAAG,IAAI,CAAC,GAAG,UAAU,CAAC,GAAG,QAAQ,MAAO,GAAG,EAC/D,CAACA,CAAM,CAAC,EACX,SACE,OAAC,UACC,mBAAC,iBACC,oBAAC,OACC,UAAU,+CAKV,oBAAC,QAAK,UAAU,qDAAqD,KAAMH,GAAM,MAAO,KACxF,QAAC,OAAI,UAAU,YACb,oBAAC,QAAK,UAAU,qDAAqD,KAAMA,GAAM,gBAAgB,MAAO,KACxG,OAAC,MAAG,UAAU,gEACX,SAAAA,GAAM,gBAAgB,KAAK,IAAI,CAACK,EAAMC,OACrC,QAAC,MAAG,UAAU,cACZ,qBAAC,QAAM,UAAAA,EAAQ,EAAE,KAAC,KAClB,OAAC,QAAK,UAAU,WAAY,SAAAD,EAAK,IAFFC,CAGjC,CACD,EACH,KACA,QAAC,OAAI,UAAU,yBACb,oBAAC,QACC,UAAU,qDACV,KAAMN,GAAM,iBAAiB,MAC/B,KACA,OAAC,OAAI,UAAU,8DACZ,SAAAA,GAAM,iBAAiB,KAAK,IAAI,CAACK,EAAMC,OACtC,QAAC,OAAI,UAAU,mDACb,oBAAC,QAAK,GAAG,IAAI,UAAU,qDAAqD,KAAMD,EAAK,MAAO,KAC9F,OAAC,OAAI,UAAU,yCACZ,SAAAA,EAAK,KAAK,IAAI,CAACE,EAASC,OACvB,OAAC,QAAK,GAAG,IAAI,UAAU,0CACpB,SAAAD,GADmEC,CAEtE,CACD,EACH,IARqEF,CASvE,CACD,EACH,GACF,KAEA,OAAC,QACC,UAAU,oEACV,KAAM,GAAGN,GAAM,OAAO,GAAG,QAAQI,CAAG,GAEnC,SAAAJ,GAAM,OAAO,KAChB,GACF,GACF,EACF,EACF,CAEJ",
+  "sourcesContent": ["import { Text, Link } from '../../../../components/index.js'\nimport { Dialog, DialogContent, DialogHeader, DialogTitle, DialogTrigger } from '../../../../components/dialog'\nimport { useRouter } from 'next/router'\nimport { useMemo } from 'react'\n\ninterface Terms {\n  text: string\n  url: string\n}\n\ninterface List {\n  title: string\n  list: string[]\n}\n\ninterface ShippingService {\n  title: string\n  list: List[]\n}\n\ninterface Data {\n  title: string\n  shippingCoupon: List\n  shippingService: ShippingService\n  terms: Terms\n}\n\ninterface Props {\n  data: Data\n  onClose: () => void\n  open: boolean\n}\n\nexport const ShippingPolicyModal = ({ data, onClose, open }: Props) => {\n  const { asPath } = useRouter()\n  const ref = useMemo(() => {\n    return asPath?.split('?')?.[0]?.substring(1)?.replace(/\\//g, '_')\n  }, [asPath])\n  return (\n    <Dialog open={open} onOpenChange={onClose}>\n      <DialogContent overlayClassName=\"z-[70]\" className=\"tablet:max-w-[729px] max-w-[326px] mx-auto w-full border-none z-[80] overflow-hidden\">\n        <Text className=\"text-[32px] font-bold leading-[1.2] md:text-[20px]\" html={data?.title} />\n        <div className=\"mt-[16px]\">\n          <Text className=\"text-[20px] font-bold leading-[1.2] md:text-[16px]\" html={data?.shippingCoupon?.title} />\n          <ul className=\"mt-3 grid grid-flow-row gap-[4px] font-semibold leading-[1.4]\">\n            {data?.shippingCoupon?.list.map((item, index) => (\n              <li className=\"text-[16px]\" key={index}>\n                <span>{index + 1}.</span>\n                <span className=\"ml-[4px]\">{item}</span>\n              </li>\n            ))}\n          </ul>\n          <div className=\"mt-[24px] md:mt-[16px]\">\n            <Text className=\"text-[20px] font-bold leading-[1.2] md:text-[16px]\" html={data?.shippingService?.title} />\n            <div className=\"mt-[12px] grid w-full grid-cols-2 gap-[12px] md:grid-cols-1\">\n              {data?.shippingService?.list.map((item, index) => (\n                <div className=\"rounded-[12px] bg-[#F5F5F7] p-[16px] md:p-[12px]\" key={index}>\n                  <Text as=\"p\" className=\"text-[20px] font-bold leading-[1.2] md:text-[16px]\" html={item.title} />\n                  <div className=\"mt-[12px] grid grid-flow-row gap-[4px]\">\n                    {item.list.map((subItem, subIndex) => (\n                      <Text as=\"p\" className=\"text-[16px] font-semibold leading-[1.2]\" key={subIndex}>\n                        {subItem}\n                      </Text>\n                    ))}\n                  </div>\n                </div>\n              ))}\n            </div>\n          </div>\n\n          <Link\n            className=\"mt-[16px] block text-[16px] font-semibold leading-[1.2] underline\"\n            href={`${data?.terms?.url}?ref=${ref}`}\n          >\n            {data?.terms?.text}\n          </Link>\n        </div>\n      </DialogContent>\n    </Dialog>\n  )\n}\n"],
+  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,yBAAAE,IAAA,eAAAC,EAAAH,GAyCQ,IAAAI,EAAA,6BAzCRC,EAA2B,2CAC3BC,EAAgF,yCAChFC,EAA0B,uBAC1BC,EAAwB,iBA8BjB,MAAMN,EAAsB,CAAC,CAAE,KAAAO,EAAM,QAAAC,EAAS,KAAAC,CAAK,IAAa,CACrE,KAAM,CAAE,OAAAC,CAAO,KAAI,aAAU,EACvBC,KAAM,WAAQ,IACXD,GAAQ,MAAM,GAAG,IAAI,CAAC,GAAG,UAAU,CAAC,GAAG,QAAQ,MAAO,GAAG,EAC/D,CAACA,CAAM,CAAC,EACX,SACE,OAAC,UAAO,KAAMD,EAAM,aAAcD,EAChC,oBAAC,iBAAc,iBAAiB,SAAS,UAAU,uFACjD,oBAAC,QAAK,UAAU,qDAAqD,KAAMD,GAAM,MAAO,KACxF,QAAC,OAAI,UAAU,YACb,oBAAC,QAAK,UAAU,qDAAqD,KAAMA,GAAM,gBAAgB,MAAO,KACxG,OAAC,MAAG,UAAU,gEACX,SAAAA,GAAM,gBAAgB,KAAK,IAAI,CAACK,EAAMC,OACrC,QAAC,MAAG,UAAU,cACZ,qBAAC,QAAM,UAAAA,EAAQ,EAAE,KAAC,KAClB,OAAC,QAAK,UAAU,WAAY,SAAAD,EAAK,IAFFC,CAGjC,CACD,EACH,KACA,QAAC,OAAI,UAAU,yBACb,oBAAC,QAAK,UAAU,qDAAqD,KAAMN,GAAM,iBAAiB,MAAO,KACzG,OAAC,OAAI,UAAU,8DACZ,SAAAA,GAAM,iBAAiB,KAAK,IAAI,CAACK,EAAMC,OACtC,QAAC,OAAI,UAAU,mDACb,oBAAC,QAAK,GAAG,IAAI,UAAU,qDAAqD,KAAMD,EAAK,MAAO,KAC9F,OAAC,OAAI,UAAU,yCACZ,SAAAA,EAAK,KAAK,IAAI,CAACE,EAASC,OACvB,OAAC,QAAK,GAAG,IAAI,UAAU,0CACpB,SAAAD,GADmEC,CAEtE,CACD,EACH,IARqEF,CASvE,CACD,EACH,GACF,KAEA,OAAC,QACC,UAAU,oEACV,KAAM,GAAGN,GAAM,OAAO,GAAG,QAAQI,CAAG,GAEnC,SAAAJ,GAAM,OAAO,KAChB,GACF,GACF,EACF,CAEJ",
   "names": ["ShippingPolicyModal_exports", "__export", "ShippingPolicyModal", "__toCommonJS", "import_jsx_runtime", "import_components", "import_dialog", "import_router", "import_react", "data", "onClose", "open", "asPath", "ref", "item", "index", "subItem", "subIndex"]
 }

package/dist/cjs/biz-components/Listing/components/PaidShipping/index.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";var L=Object.create;var y=Object.defineProperty;var V=Object.getOwnPropertyDescriptor;var W=Object.getOwnPropertyNames;var F=Object.getPrototypeOf,$=Object.prototype.hasOwnProperty;var B=(i,t)=>{for(var n in t)y(i,n,{get:t[n],enumerable:!0})},T=(i,t,n,d)=>{if(t&&typeof t=="object"||typeof t=="function")for(let l of W(t))!$.call(i,l)&&l!==n&&y(i,l,{get:()=>t[l],enumerable:!(d=V(t,l))||d.enumerable});return i};var P=(i,t,n)=>(n=i!=null?L(F(i)):{},T(t||!i||!i.__esModule?y(n,"default",{value:i,enumerable:!0}):n,i)),j=i=>T(y({},"__esModule",{value:!0}),i);var H={};B(H,{default:()=>G});module.exports=j(H);var r=require("react/jsx-runtime"),M=require("../../../../components/index.js"),o=require("react"),_=require("../../../../helpers"),w=P(require("./ShippingMethod")),C=require("./ShippingPolicyModal"),S=require("./utils"),N=P(require("./LearnMore")),k=require("../../BizProductProvider.js");const q=({metafields:i,productList:t,onShippingInfoChange:n,variant:d,className:l})=>{const{isLogin:A,openSignInPopup:O}=(0,k.useBizProductContext)(),[z,f]=(0,o.useState)(!1),[x,D]=(0,o.useState)(!1),[E,v]=(0,o.useState)(null),b=(0,o.useMemo)(()=>t.reduce((e,p)=>e+(p?.variant?.weight||0),0),[t]),c=(0,o.useCallback)((e,p,s)=>({id:`${e.__code}__${e.price}`,code:e.__code,mode:e.__mode,title:e.title,disabled:!(0,S.isWeightAvailable)(p,e),price:e.price,subtitle:e.subtitle,tag:s!==0?i?.memberOnly:"",error:(0,S.isWeightAvailable)(p,e)?"":i.overWeightError}),[i?.memberOnly,i.overWeightError]),h=(0,o.useMemo)(()=>{const e=i?.list?.map((p,s)=>c(p,b,s));return e?.reduce((p,s)=>{const m=e.filter(a=>a.code==s.code);let u;return m.every(a=>a.disabled)?u=m[m.length-1]:u=m.find(a=>!a.disabled),p.find(a=>u.id===a.id)?p:[...p,u]},[])},[c,i?.list,b]),g=(0,o.useCallback)(e=>{n({selected_delivery_code:e.code,selected_delivery_mode:e.mode})},[n]);(0,o.useEffect)(()=>{if(i?.list?.length>0&&!x){const e=c(i?.list[0],0,0);v(e),g(e),D(!0)}},[c,i?.list,g,x]);const I=(0,o.useCallback)(e=>{e.disabled||(v(e),g(e))},[A,h,d.sku,g,O]);return(0,r.jsxs)("div",{className:(0,_.cn)("mt-[40px]",l),children:[(0,r.jsx)("div",{className:"flex flex-wrap justify-between space-x-2 md:space-x-1",children:(0,r.jsx)(M.Text,{className:"text-[20px] font-bold leading-[1.4] text-[#1F2021] md:text-[16px]",html:i?.title})}),(0,r.jsxs)("div",{className:"mt-[16px] flex flex-wrap gap-[12px] overflow-hidden md:mt-[12px] desktop:flex-nowrap",children:[h.map((e,p)=>(0,r.jsx)(w.default,{index:p,item:e,active:E?.code===e.code,toggleShipping:()=>I(e),currencyCode:d.price.currencyCode,metafields:i,className:"w-full laptop:w-[calc(50%-6px)] desktop:flex-1"},p)),(0,r.jsx)(N.default,{setOpenShippingPolicyModal:f,metafields:i,className:"w-full laptop:w-[calc(50%-6px)] desktop:w-1/3"})]}),h.find(e=>e?.error)&&(0,r.jsx)(M.Text,{className:"mt-[16px] font-bold leading-[1.4] text-[#D41435] md:mt-[12px]",html:h.find(e=>e.error)?.error,as:"p"}),i?.seeAvailableArea&&(0,r.jsx)(M.Text,{as:"div",className:"mt-[16px] font-bold leading-[1.4] text-[#1F2021] [&_a]:text-[#595959] [&_a]:underline",html:i?.seeAvailableArea}),i?.shippingPolicy&&(0,r.jsx)(C.ShippingPolicyModal,{data:i?.shippingPolicy,onClose:()=>f(!1),open:z})]})};var G=q;
+"use strict";var L=Object.create;var y=Object.defineProperty;var V=Object.getOwnPropertyDescriptor;var W=Object.getOwnPropertyNames;var F=Object.getPrototypeOf,$=Object.prototype.hasOwnProperty;var B=(i,p)=>{for(var n in p)y(i,n,{get:p[n],enumerable:!0})},T=(i,p,n,d)=>{if(p&&typeof p=="object"||typeof p=="function")for(let l of W(p))!$.call(i,l)&&l!==n&&y(i,l,{get:()=>p[l],enumerable:!(d=V(p,l))||d.enumerable});return i};var P=(i,p,n)=>(n=i!=null?L(F(i)):{},T(p||!i||!i.__esModule?y(n,"default",{value:i,enumerable:!0}):n,i)),j=i=>T(y({},"__esModule",{value:!0}),i);var H={};B(H,{default:()=>G});module.exports=j(H);var r=require("react/jsx-runtime"),x=require("../../../../components/index.js"),o=require("react"),_=require("../../../../helpers"),w=P(require("./ShippingMethod")),C=require("./ShippingPolicyModal"),M=require("./utils"),N=P(require("./LearnMore")),k=require("../../BizProductProvider.js");const q=({metafields:i,productList:p,onShippingInfoChange:n,variant:d,className:l})=>{const{isLogin:A,openSignInPopup:O}=(0,k.useBizProductContext)(),[z,S]=(0,o.useState)(!1),[f,D]=(0,o.useState)(!1),[E,b]=(0,o.useState)(null),v=(0,o.useMemo)(()=>p.reduce((e,t)=>e+(t?.variant?.weight||0),0),[p]),c=(0,o.useCallback)((e,t,s)=>({id:`${e.__code}__${e.price}`,code:e.__code,mode:e.__mode,title:e.title,disabled:!(0,M.isWeightAvailable)(t,e),price:e.price,subtitle:e.subtitle,tag:s!==0?i?.memberOnly:"",error:(0,M.isWeightAvailable)(t,e)?"":i.overWeightError}),[i?.memberOnly,i.overWeightError]),h=(0,o.useMemo)(()=>{const e=i?.list?.map((t,s)=>c(t,v,s));return e?.reduce((t,s)=>{const u=e.filter(a=>a.code==s.code);let m;return u.every(a=>a.disabled)?m=u[u.length-1]:m=u.find(a=>!a.disabled),t.find(a=>m.id===a.id)?t:[...t,m]},[])},[c,i?.list,v]),g=(0,o.useCallback)(e=>{n({selected_delivery_code:e.code,selected_delivery_mode:e.mode})},[n]);(0,o.useEffect)(()=>{if(i?.list?.length>0&&!f){const e=c(i?.list[0],0,0);b(e),g(e),D(!0)}},[c,i?.list,g,f]);const I=(0,o.useCallback)(e=>{e.disabled||(b(e),g(e))},[A,h,d.sku,g,O]);return(0,r.jsxs)("div",{id:"ipc-product-paid-shipping",className:(0,_.cn)(" mt-[40px] px-4 tablet:px-0 pb-4 tablet:px-8 laptop:px-16 desktop:px-0",l),children:[(0,r.jsx)("div",{className:"flex flex-wrap justify-between space-x-2 md:space-x-1",children:(0,r.jsx)(x.Text,{className:"text-[20px] font-bold leading-[1.4] text-[#1F2021] md:text-[16px]",html:i?.title})}),(0,r.jsxs)("div",{className:"mt-[16px] flex flex-wrap gap-[12px] overflow-hidden md:mt-[12px] desktop:flex-nowrap",children:[h.map((e,t)=>(0,r.jsx)(w.default,{index:t,item:e,active:E?.code===e.code,toggleShipping:()=>I(e),currencyCode:d.price.currencyCode,metafields:i,className:"w-full laptop:w-[calc(50%-6px)] desktop:flex-1"},t)),(0,r.jsx)(N.default,{setOpenShippingPolicyModal:S,metafields:i,className:"w-full laptop:w-[calc(50%-6px)] desktop:w-1/3"})]}),h.find(e=>e?.error)&&(0,r.jsx)(x.Text,{className:"mt-[16px] font-bold leading-[1.4] text-[#D41435] md:mt-[12px]",html:h.find(e=>e.error)?.error,as:"p"}),i?.seeAvailableArea&&(0,r.jsx)(x.Text,{as:"div",className:"mt-[16px] font-bold leading-[1.4] text-[#1F2021] [&_a]:text-[#595959] [&_a]:underline",html:i?.seeAvailableArea}),i?.shippingPolicy&&(0,r.jsx)(C.ShippingPolicyModal,{data:i?.shippingPolicy,onClose:()=>S(!1),open:z})]})};var G=q;
 //# sourceMappingURL=index.js.map

package/dist/cjs/biz-components/Listing/components/PaidShipping/index.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/biz-components/Listing/components/PaidShipping/index.tsx"],
-  "sourcesContent": ["import { Container, Text } from '../../../../components/index.js'\nimport type { Product, ProductVariant } from '../../types/product'\nimport { useCallback, useEffect, useMemo, useState } from 'react'\nimport { cn } from '../../../../helpers'\n\nimport ShippingMethod from './ShippingMethod'\nimport { ShippingPolicyModal } from './ShippingPolicyModal'\nimport type { DeliveryCustom, shippingMetafields, ShippingMethodType } from './type'\nimport { isWeightAvailable } from './utils'\nimport LearnMore from './LearnMore'\nimport { useBizProductContext } from '../../BizProductProvider.js'\n\nconst PaidShipping = ({\n  metafields,\n  productList,\n  onShippingInfoChange,\n  variant,\n  className,\n}: {\n  metafields: any\n  productList: Array<Product & { variant: ProductVariant }>\n  variant: ProductVariant\n  onShippingInfoChange: (deliveryCustom: DeliveryCustom) => void\n  className?: string\n}) => {\n  const { isLogin, openSignInPopup } = useBizProductContext()\n  const [openShippingPolicyModal, setOpenShippingPolicyModal] = useState(false)\n  const [init, setInit] = useState(false)\n\n  const [selectedMethod, setSelectedMethod] = useState<ShippingMethodType | null>(null)\n\n  const weight = useMemo(() => {\n    return productList.reduce((acc, product) => acc + (product?.variant?.weight || 0), 0)\n  }, [productList])\n\n  const normalizedMethod = useCallback(\n    (method: shippingMetafields, weight: number, index: number) => {\n      return {\n        id: `${method.__code}__${method.price}`,\n        code: method.__code,\n        mode: method.__mode,\n        title: method.title,\n        disabled: !isWeightAvailable(weight, method),\n        price: method.price,\n        subtitle: method.subtitle,\n        tag: index !== 0 ? metafields?.memberOnly : '',\n        error: !isWeightAvailable(weight, method) ? metafields.overWeightError : '',\n      }\n    },\n    [metafields?.memberOnly, metafields.overWeightError],\n  )\n\n  const list = useMemo(() => {\n    const normalizedList: ShippingMethodType[] = metafields?.list?.map((method: shippingMetafields, index: number) => normalizedMethod(method, weight, index))\n\n    return normalizedList?.reduce((prev: ShippingMethodType[], method: ShippingMethodType) => {\n      // \u5982\u679C\u8D85\u91CD\uFF0C\u540C\u4E00\u4E2A\u7269\u6D41\u9009\u9879\u7C7B\u578B\u4E0B\uFF0C\u5C55\u793A\u5176\u4E2D\u4E00\u4E2A\u4E14\u4E0D\u53EF\u9009\n      const sameTypeMethod = normalizedList.filter((m: ShippingMethodType) => m.code == method.code)\n      let availableMethod: ShippingMethodType\n      // \u6240\u6709\u7269\u6D41\u9009\u9879\u90FD\u4E0D\u53EF\u9009\n      if (sameTypeMethod.every((m: ShippingMethodType) => m.disabled)) {\n        availableMethod = sameTypeMethod[sameTypeMethod.length - 1]\n      } else {\n        // \u53EF\u9009\u7269\u6D41\u9009\u9879\n        availableMethod = sameTypeMethod.find((m: ShippingMethodType) => !m.disabled)!\n      }\n      // \u5F53\u524D\u7269\u6D41\u9009\u9879\u5DF2\u5B58\u5728\n      const hasSameMethod = prev.find((m: ShippingMethodType) => availableMethod.id === m.id)\n      if (!hasSameMethod) {\n        return [...prev, availableMethod]\n      } else {\n        return prev\n      }\n    }, [] as ShippingMethodType[])\n  }, [normalizedMethod, metafields?.list, weight])\n\n  const handleChangeShippingInfo = useCallback(\n    (selectedMethod: ShippingMethodType) => {\n      onShippingInfoChange({\n        selected_delivery_code: selectedMethod.code,\n        selected_delivery_mode: selectedMethod.mode,\n      })\n    },\n    [onShippingInfoChange],\n  )\n\n  useEffect(() => {\n    // \u9ED8\u8BA4\u9009\u4E2D\u7B2C\u4E00\u4E2A\u7269\u6D41\u9009\u9879\n    if (metafields?.list?.length > 0 && !init) {\n      const standardShippingMethod = normalizedMethod(metafields?.list[0], 0, 0)\n      setSelectedMethod(standardShippingMethod)\n      handleChangeShippingInfo(standardShippingMethod)\n      setInit(true)\n    }\n  }, [normalizedMethod, metafields?.list, handleChangeShippingInfo, init])\n\n  const toggleShipping = useCallback(\n    (method: ShippingMethodType) => {\n      if (method.disabled) {\n        return\n      }\n      setSelectedMethod(method)\n      handleChangeShippingInfo(method)\n      // gaTrack({\n      //   event: 'ga4Event',\n      //   event_name: 'lp_button',\n      //   member_active_status: isLogin ? 'active' : 'not active', //\u7528\u4E8E\u8F93\u5165code\u6FC0\u6D3B\u4F1A\u5458\u5F39'\u7A97\u7684\u6309\u94AE\uFF0C\u533A\u5206\u4F1A\u5458\u6FC0\u6D3B\u72B6\u6001\uFF0C\u4F20active\u6216not active\n      //   event_parameters: {\n      //     page_group: 'Product Detail Page' + variant.sku, //\u5982\u679C\u662F\u9996\u9875\uFF0C\u5219\u4F20\"Home Page\";\u5982\u679C\u662Flisting\u7684\u9996\u5C4F\u6309\u94AE\uFF0C\u4F20Product Detail Page+$SKU\n      //     position: 'masterbanner1', //\u4F4D\u7F6E\u6807\u8BB0\u3002\u9996\u9875\u9996\u5C4F\u8F6E\u64AD\u4F4D\u7F6E\u4F20masterbanner1\u3001masterbanner2\u3001masterbanner3\uFF0C\u7B2C\u4E8C\u5C4F\u4F202nd_banner\uFF0C\u7B2C\u4E09\u5C4F\u4F203rd_banner\uFF0C\u6216\u8005\u53D6\u8BE5\u6A21\u5757\u5C0F\u6807\u9898\uFF0C\u6216\u80FD\u8BC6\u522B\u51FA\u662F\u54EA\u4E2A\u6A21\u5757\u4F4D\u7F6E\u7684\u6587\u6848\uFF0C\u5F39\u7A97\u4F20pop;\u5982\u679C\u662F\u8D2D\u7269\u8F66\u4FA7\u8FB9\u680F\uFF0C\u5219\u4F20\"Cart Pop Up\"\n      //     button_name: method.title, //\u53D6\u6309\u94AE\u6587\u6848\uFF0C\u6216\u80FD\u8BC6\u522B\u51FA\u662F\u54EA\u4E2A\u6309\u94AE\u7684\u6587\u6848,\u6BD4\u5982\u53F3\u4E0A\u89D2\u5173\u95ED\u4F20close,\u793E\u5A92\u5206\u4EAB\u56FE\u6807\u4F20\u5BF9\u5E94\u5E73\u53F0\u540D\u5B57\u5982Facebook,\u56FE\u7247\u5207\u6362\u5219\u4F20\u5BF9\u5E94\u5C55\u793A\u56FE\u7247\u7684\u540D\u5B57\n      //     info: '', //\u9ED8\u8BA4\u7A7A\u503C\uFF0C\u4E00\u822C\u4F20\u590D\u9009\u6846\u7684\u6587\u6848\u5185\u5BB9\uFF0C\u7279\u6B8A\u60C5\u51B5\u53EF\u6307\u5B9Ainfo\u503C\n      //   },\n      // })\n    },\n\n    [isLogin, list, variant.sku, handleChangeShippingInfo, openSignInPopup],\n  )\n\n  return (\n    <div className={cn('mt-[40px]', className)}>\n      <div className='flex flex-wrap justify-between space-x-2 md:space-x-1'>\n        <Text\n          className='text-[20px] font-bold leading-[1.4] text-[#1F2021] md:text-[16px]'\n          html={metafields?.title}\n        ></Text>\n        {/* <button\n          onClick={() => {\n            setOpenShippingPolicyModal(true)\n          }}\n          className='text-brand-color text-[16px] font-semibold text-[#595959] underline md:text-[14px]'\n        >\n          {metafields?.policy}\n        </button> */}\n      </div>\n      <div className='mt-[16px] flex flex-wrap gap-[12px] overflow-hidden md:mt-[12px] desktop:flex-nowrap'>\n        {list.map((method: ShippingMethodType, index: number) => (\n          <ShippingMethod\n            key={index}\n            index={index}\n            item={method}\n            active={selectedMethod?.code === method.code}\n            toggleShipping={() => toggleShipping(method)}\n            currencyCode={variant.price.currencyCode}\n            metafields={metafields}\n            className='w-full laptop:w-[calc(50%-6px)] desktop:flex-1'\n          />\n        ))}\n        {/* learn more \u5361\u7247 */}\n        <LearnMore\n          setOpenShippingPolicyModal={setOpenShippingPolicyModal}\n          metafields={metafields}\n          className='w-full laptop:w-[calc(50%-6px)] desktop:w-1/3'\n        />\n      </div>\n      {list.find((method: ShippingMethodType) => method?.error) && (\n        <Text\n          className='mt-[16px] font-bold leading-[1.4] text-[#D41435] md:mt-[12px]'\n          html={list.find((method: ShippingMethodType) => method.error)?.error as string}\n          as='p'\n        />\n      )}\n\n      {metafields?.seeAvailableArea && (\n        <Text\n          as='div'\n          className='mt-[16px] font-bold leading-[1.4] text-[#1F2021] [&_a]:text-[#595959] [&_a]:underline'\n          html={metafields?.seeAvailableArea}\n        />\n      )}\n      {metafields?.shippingPolicy && (\n        <ShippingPolicyModal\n          data={metafields?.shippingPolicy}\n          onClose={() => setOpenShippingPolicyModal(false)}\n          open={openShippingPolicyModal}\n        />\n      )}\n    </div>\n  )\n}\n\nexport default PaidShipping"],
-  "mappings": "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",
+  "sourcesContent": ["import { Container, Text } from '../../../../components/index.js'\nimport type { Product, ProductVariant } from '../../types/product'\nimport { useCallback, useEffect, useMemo, useState } from 'react'\nimport { cn } from '../../../../helpers'\n\nimport ShippingMethod from './ShippingMethod'\nimport { ShippingPolicyModal } from './ShippingPolicyModal'\nimport type { DeliveryCustom, shippingMetafields, ShippingMethodType } from './type'\nimport { isWeightAvailable } from './utils'\nimport LearnMore from './LearnMore'\nimport { useBizProductContext } from '../../BizProductProvider.js'\n\nconst PaidShipping = ({\n  metafields,\n  productList,\n  onShippingInfoChange,\n  variant,\n  className,\n}: {\n  metafields: any\n  productList: Array<Product & { variant: ProductVariant }>\n  variant: ProductVariant\n  onShippingInfoChange: (deliveryCustom: DeliveryCustom) => void\n  className?: string\n}) => {\n  const { isLogin, openSignInPopup } = useBizProductContext()\n  const [openShippingPolicyModal, setOpenShippingPolicyModal] = useState(false)\n  const [init, setInit] = useState(false)\n\n  const [selectedMethod, setSelectedMethod] = useState<ShippingMethodType | null>(null)\n\n  const weight = useMemo(() => {\n    return productList.reduce((acc, product) => acc + (product?.variant?.weight || 0), 0)\n  }, [productList])\n\n  const normalizedMethod = useCallback(\n    (method: shippingMetafields, weight: number, index: number) => {\n      return {\n        id: `${method.__code}__${method.price}`,\n        code: method.__code,\n        mode: method.__mode,\n        title: method.title,\n        disabled: !isWeightAvailable(weight, method),\n        price: method.price,\n        subtitle: method.subtitle,\n        tag: index !== 0 ? metafields?.memberOnly : '',\n        error: !isWeightAvailable(weight, method) ? metafields.overWeightError : '',\n      }\n    },\n    [metafields?.memberOnly, metafields.overWeightError],\n  )\n\n  const list = useMemo(() => {\n    const normalizedList: ShippingMethodType[] = metafields?.list?.map((method: shippingMetafields, index: number) => normalizedMethod(method, weight, index))\n\n    return normalizedList?.reduce((prev: ShippingMethodType[], method: ShippingMethodType) => {\n      // \u5982\u679C\u8D85\u91CD\uFF0C\u540C\u4E00\u4E2A\u7269\u6D41\u9009\u9879\u7C7B\u578B\u4E0B\uFF0C\u5C55\u793A\u5176\u4E2D\u4E00\u4E2A\u4E14\u4E0D\u53EF\u9009\n      const sameTypeMethod = normalizedList.filter((m: ShippingMethodType) => m.code == method.code)\n      let availableMethod: ShippingMethodType\n      // \u6240\u6709\u7269\u6D41\u9009\u9879\u90FD\u4E0D\u53EF\u9009\n      if (sameTypeMethod.every((m: ShippingMethodType) => m.disabled)) {\n        availableMethod = sameTypeMethod[sameTypeMethod.length - 1]\n      } else {\n        // \u53EF\u9009\u7269\u6D41\u9009\u9879\n        availableMethod = sameTypeMethod.find((m: ShippingMethodType) => !m.disabled)!\n      }\n      // \u5F53\u524D\u7269\u6D41\u9009\u9879\u5DF2\u5B58\u5728\n      const hasSameMethod = prev.find((m: ShippingMethodType) => availableMethod.id === m.id)\n      if (!hasSameMethod) {\n        return [...prev, availableMethod]\n      } else {\n        return prev\n      }\n    }, [] as ShippingMethodType[])\n  }, [normalizedMethod, metafields?.list, weight])\n\n  const handleChangeShippingInfo = useCallback(\n    (selectedMethod: ShippingMethodType) => {\n      onShippingInfoChange({\n        selected_delivery_code: selectedMethod.code,\n        selected_delivery_mode: selectedMethod.mode,\n      })\n    },\n    [onShippingInfoChange],\n  )\n\n  useEffect(() => {\n    // \u9ED8\u8BA4\u9009\u4E2D\u7B2C\u4E00\u4E2A\u7269\u6D41\u9009\u9879\n    if (metafields?.list?.length > 0 && !init) {\n      const standardShippingMethod = normalizedMethod(metafields?.list[0], 0, 0)\n      setSelectedMethod(standardShippingMethod)\n      handleChangeShippingInfo(standardShippingMethod)\n      setInit(true)\n    }\n  }, [normalizedMethod, metafields?.list, handleChangeShippingInfo, init])\n\n  const toggleShipping = useCallback(\n    (method: ShippingMethodType) => {\n      if (method.disabled) {\n        return\n      }\n      setSelectedMethod(method)\n      handleChangeShippingInfo(method)\n      // gaTrack({\n      //   event: 'ga4Event',\n      //   event_name: 'lp_button',\n      //   member_active_status: isLogin ? 'active' : 'not active', //\u7528\u4E8E\u8F93\u5165code\u6FC0\u6D3B\u4F1A\u5458\u5F39'\u7A97\u7684\u6309\u94AE\uFF0C\u533A\u5206\u4F1A\u5458\u6FC0\u6D3B\u72B6\u6001\uFF0C\u4F20active\u6216not active\n      //   event_parameters: {\n      //     page_group: 'Product Detail Page' + variant.sku, //\u5982\u679C\u662F\u9996\u9875\uFF0C\u5219\u4F20\"Home Page\";\u5982\u679C\u662Flisting\u7684\u9996\u5C4F\u6309\u94AE\uFF0C\u4F20Product Detail Page+$SKU\n      //     position: 'masterbanner1', //\u4F4D\u7F6E\u6807\u8BB0\u3002\u9996\u9875\u9996\u5C4F\u8F6E\u64AD\u4F4D\u7F6E\u4F20masterbanner1\u3001masterbanner2\u3001masterbanner3\uFF0C\u7B2C\u4E8C\u5C4F\u4F202nd_banner\uFF0C\u7B2C\u4E09\u5C4F\u4F203rd_banner\uFF0C\u6216\u8005\u53D6\u8BE5\u6A21\u5757\u5C0F\u6807\u9898\uFF0C\u6216\u80FD\u8BC6\u522B\u51FA\u662F\u54EA\u4E2A\u6A21\u5757\u4F4D\u7F6E\u7684\u6587\u6848\uFF0C\u5F39\u7A97\u4F20pop;\u5982\u679C\u662F\u8D2D\u7269\u8F66\u4FA7\u8FB9\u680F\uFF0C\u5219\u4F20\"Cart Pop Up\"\n      //     button_name: method.title, //\u53D6\u6309\u94AE\u6587\u6848\uFF0C\u6216\u80FD\u8BC6\u522B\u51FA\u662F\u54EA\u4E2A\u6309\u94AE\u7684\u6587\u6848,\u6BD4\u5982\u53F3\u4E0A\u89D2\u5173\u95ED\u4F20close,\u793E\u5A92\u5206\u4EAB\u56FE\u6807\u4F20\u5BF9\u5E94\u5E73\u53F0\u540D\u5B57\u5982Facebook,\u56FE\u7247\u5207\u6362\u5219\u4F20\u5BF9\u5E94\u5C55\u793A\u56FE\u7247\u7684\u540D\u5B57\n      //     info: '', //\u9ED8\u8BA4\u7A7A\u503C\uFF0C\u4E00\u822C\u4F20\u590D\u9009\u6846\u7684\u6587\u6848\u5185\u5BB9\uFF0C\u7279\u6B8A\u60C5\u51B5\u53EF\u6307\u5B9Ainfo\u503C\n      //   },\n      // })\n    },\n\n    [isLogin, list, variant.sku, handleChangeShippingInfo, openSignInPopup],\n  )\n\n  return (\n    <div\n      id=\"ipc-product-paid-shipping\"\n      className={cn(' mt-[40px] px-4 tablet:px-0 pb-4 tablet:px-8 laptop:px-16 desktop:px-0', className)}\n    >\n      <div className=\"flex flex-wrap justify-between space-x-2 md:space-x-1\">\n        <Text\n          className=\"text-[20px] font-bold leading-[1.4] text-[#1F2021] md:text-[16px]\"\n          html={metafields?.title}\n        ></Text>\n        {/* <button\n          onClick={() => {\n            setOpenShippingPolicyModal(true)\n          }}\n          className='text-brand-color text-[16px] font-semibold text-[#595959] underline md:text-[14px]'\n        >\n          {metafields?.policy}\n        </button> */}\n      </div>\n      <div className=\"mt-[16px] flex flex-wrap gap-[12px] overflow-hidden md:mt-[12px] desktop:flex-nowrap\">\n        {list.map((method: ShippingMethodType, index: number) => (\n          <ShippingMethod\n            key={index}\n            index={index}\n            item={method}\n            active={selectedMethod?.code === method.code}\n            toggleShipping={() => toggleShipping(method)}\n            currencyCode={variant.price.currencyCode}\n            metafields={metafields}\n            className=\"w-full laptop:w-[calc(50%-6px)] desktop:flex-1\"\n          />\n        ))}\n        {/* learn more \u5361\u7247 */}\n        <LearnMore\n          setOpenShippingPolicyModal={setOpenShippingPolicyModal}\n          metafields={metafields}\n          className=\"w-full laptop:w-[calc(50%-6px)] desktop:w-1/3\"\n        />\n      </div>\n      {list.find((method: ShippingMethodType) => method?.error) && (\n        <Text\n          className=\"mt-[16px] font-bold leading-[1.4] text-[#D41435] md:mt-[12px]\"\n          html={list.find((method: ShippingMethodType) => method.error)?.error as string}\n          as=\"p\"\n        />\n      )}\n\n      {metafields?.seeAvailableArea && (\n        <Text\n          as=\"div\"\n          className=\"mt-[16px] font-bold leading-[1.4] text-[#1F2021] [&_a]:text-[#595959] [&_a]:underline\"\n          html={metafields?.seeAvailableArea}\n        />\n      )}\n      {metafields?.shippingPolicy && (\n        <ShippingPolicyModal\n          data={metafields?.shippingPolicy}\n          onClose={() => setOpenShippingPolicyModal(false)}\n          open={openShippingPolicyModal}\n        />\n      )}\n    </div>\n  )\n}\n\nexport default PaidShipping"],
+  "mappings": "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",
   "names": ["PaidShipping_exports", "__export", "PaidShipping_default", "__toCommonJS", "import_jsx_runtime", "import_components", "import_react", "import_helpers", "import_ShippingMethod", "import_ShippingPolicyModal", "import_utils", "import_LearnMore", "import_BizProductProvider", "PaidShipping", "metafields", "productList", "onShippingInfoChange", "variant", "className", "isLogin", "openSignInPopup", "openShippingPolicyModal", "setOpenShippingPolicyModal", "init", "setInit", "selectedMethod", "setSelectedMethod", "weight", "acc", "product", "normalizedMethod", "method", "index", "list", "normalizedList", "prev", "sameTypeMethod", "m", "availableMethod", "handleChangeShippingInfo", "standardShippingMethod", "toggleShipping", "ShippingMethod", "LearnMore"]
 }

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

@@ -1,4 +1,4 @@
-"use strict";var q=Object.create;var h=Object.defineProperty;var W=Object.getOwnPropertyDescriptor;var K=Object.getOwnPropertyNames;var J=Object.getPrototypeOf,Q=Object.prototype.hasOwnProperty;var X=(t,o)=>{for(var a in o)h(t,a,{get:o[a],enumerable:!0})},U=(t,o,a,s)=>{if(o&&typeof o=="object"||typeof o=="function")for(let l of K(o))!Q.call(t,l)&&l!==a&&h(t,l,{get:()=>o[l],enumerable:!(s=W(o,l))||s.enumerable});return t};var v=(t,o,a)=>(a=t!=null?q(J(t)):{},U(o||!t||!t.__esModule?h(a,"default",{value:t,enumerable:!0}):a,t)),ee=t=>U(h({},"__esModule",{value:!0}),t);var re={};X(re,{default:()=>se});module.exports=ee(re);var e=require("react/jsx-runtime"),i=require("../../../../../components/index.js"),c=v(require("./ProductBenefitsTabs/index.js")),P=require("../../../BizProductProvider.js"),Z=require("../../../hooks/useBenefits"),u=require("../../../utils/index.js"),y=require("../../../utils/textFormat"),A=v(require("classnames")),ce=require("react"),H=require("../../../../AiuiProvider/index.js"),$=v(require("../../../../../hooks/useCountDown.js")),F=v(require("../../../hooks/useCopy"));const te={couponCode:"Code",copyCode:"Copy Code",copied:"Copied",expired:"Expired",offCoupon:"{discount} off coupon",offMemberOnly:"{amount} off Member Only",loginNow:"Login now",selectFreeGift:"You can select the free gift below.",bundleSaveUpTo:"Bundle purchases save extra up to",bundleOffer:"We offer {count} bundle for you",creditsTitle:"Soundcore credits for cash",creditsDesc:"100 Soundcore credits=$1",yourBenefits:"Your Benefits",off:" off",memberBenefits:"Member Benefits",memberBenefitsNotLogin:"You will enjoy a {amount} member discount after logging in.",installment:"Installment",forNewMember:"{amount} for New Member",expressShipping:"Express Shipping Method",creditsAfterActivation:"You will get soundcoreCredits after activation. ",active:"Active",flexibleInstallment:"Flexible installment payment "},oe=({item:t,textConfig:o})=>{const{trackingData:a}=(0,H.useAiuiContext)(),{copied:s,copy:l}=(0,F.default)(),d=a?.common?.coupon,{days:b,hours:N,minutes:w,seconds:T}=(0,$.default)({endTime:t?.ends_at||""}),{openModal:B}=(0,P.useBizProductContext)();return(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)("style",{jsx:!0,children:`
+"use strict";var oe=Object.create;var h=Object.defineProperty;var ne=Object.getOwnPropertyDescriptor;var ie=Object.getOwnPropertyNames;var se=Object.getPrototypeOf,re=Object.prototype.hasOwnProperty;var le=(t,o)=>{for(var r in o)h(t,r,{get:o[r],enumerable:!0})},E=(t,o,r,l)=>{if(o&&typeof o=="object"||typeof o=="function")for(let a of ie(o))!re.call(t,a)&&a!==r&&h(t,a,{get:()=>o[a],enumerable:!(l=ne(o,a))||l.enumerable});return t};var v=(t,o,r)=>(r=t!=null?oe(se(t)):{},E(o||!t||!t.__esModule?h(r,"default",{value:t,enumerable:!0}):r,t)),ae=t=>E(h({},"__esModule",{value:!0}),t);var ge={};le(ge,{default:()=>fe});module.exports=ae(ge);var e=require("react/jsx-runtime"),s=require("../../../../../components/index.js"),d=v(require("./ProductBenefitsTabs/index.js")),_=require("../../../BizProductProvider.js"),z=require("../../../hooks/useBenefits"),g=require("../../../utils/index.js"),y=require("../../../utils/textFormat"),U=v(require("classnames")),T=require("react"),Z=require("../../../../AiuiProvider/index.js"),O=v(require("../../../../../hooks/useCountDown.js")),G=v(require("../../../hooks/useCopy")),N=require("../../../../../helpers/index.js");const ce={couponCode:"Code",copyCode:"Copy Code",copied:"Copied",expired:"Expired",offCoupon:"{discount} off coupon",offMemberOnly:"{amount} off Member Only",loginNow:"Login now",selectFreeGift:"You can select the free gift below.",bundleSaveUpTo:"Bundle purchases save extra up to",bundleOffer:"We offer {count} bundle for you",creditsTitle:"Soundcore credits for cash",creditsDesc:"100 Soundcore credits=$1",yourBenefits:"Your Benefits",off:" off",memberBenefits:"Member Benefits",memberBenefitsNotLogin:"You will enjoy a {amount} member discount after logging in.",installment:"Installment",forNewMember:"{amount} for New Member",expressShipping:"Express Shipping Method",creditsAfterActivation:"You will get soundcoreCredits after activation. ",active:"Active",flexibleInstallment:"Flexible installment payment "},pe=({item:t,textConfig:o})=>{const{trackingData:r}=(0,Z.useAiuiContext)(),{copied:l,copy:a}=(0,G.default)(),c=r?.common?.coupon,{days:b,hours:w,minutes:B,seconds:k}=(0,O.default)({endTime:t?.ends_at||""}),{openModal:R}=(0,_.useBizProductContext)();return(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)("style",{jsx:!0,children:`
         .coupon-card {
           /* \u4F7F\u7528mask\u521B\u5EFA\u5185\u5207\u5706\u89D2 */
           mask:
@@ -14,7 +14,7 @@
             bottom left;
           mask-repeat: no-repeat;
         }
-      `}),(0,e.jsxs)("div",{className:(0,A.default)("relative h-[130px] overflow-hidden bg-white",t.borderStyle==="inset"?"coupon-card ":"rounded-[8px]"),children:[t?.bgImage?.url&&(0,e.jsx)(i.Picture,{source:t.bgImage.url,alt:t.bgImage.alt,className:"absolute bottom-0 right-0 w-auto",imgClassName:"object-contain"}),(0,e.jsxs)("div",{className:"relative z-1 p-3",children:[(0,e.jsxs)("div",{className:"flex items-center justify-start",children:[t.useAble&&(0,e.jsx)(i.Checkbox,{className:"mr-2",defaultChecked:t.isAutoUse,onCheckedChange:k=>{t?.onUseChange?.(k)}}),(0,e.jsx)(i.Text,{html:t.title,className:"text-[16px] font-bold laptop:text-[20px] lg-desktop:text-[24px]"})]}),(0,e.jsx)(i.Text,{...typeof t.description=="string"?{html:t.description}:{},as:"p",className:"mt-2 pr-8 text-[14px] font-bold text-[#3D3D3F] lg-desktop:text-[16px]",children:t.description}),t.code&&(0,e.jsxs)("div",{className:"mt-6 flex items-center gap-2",children:[(0,e.jsx)(i.Text,{html:`${o.couponCode}: ${t.code}`,className:"text-base font-bold text-[#3D3D3F]"}),(0,e.jsx)("button",{className:"text-brand-0 text-base font-bold underline",onClick:()=>l(t.code??""),children:s?d?.copied||o.copied:d?.copy||o.copyCode})]}),t.ends_at&&(0,e.jsx)("button",{onClick:()=>{d?.modal&&B(d?.modal)},className:"mt-[4px] text-left text-[14px] font-semibold text-[#1F2021] x:text-[12px] md-l:hidden",children:Number(b)<Number(d?.hurry?.daysLeft)?(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)("span",{children:d?.ends}),(0,e.jsx)("span",{className:"font-bold",children:` ${b} ${d?.days} ${N.toString().padStart(2,"0")}:${w.toString().padStart(2,"0")}:${T.toString().padStart(2,"0")}`})]}):d?.hurry?.label||o.expired})]})]})]})},ne=({coupons:t,className:o,textConfig:a})=>(0,e.jsx)("div",{className:(0,A.default)("flex flex-col gap-3",o),children:t?.map((s,l)=>(0,e.jsx)(oe,{item:s,textConfig:a},l))}),ie=({textConfig:t})=>{const{isLogin:o,profile:a,variant:s,renderAffirm:l,renderKlarna:d,renderPaypal:b,onUseCouponChange:N,onUseMemberDiscountChange:w,discount:T,savingDetail:B,openModal:k,openSignInPopup:M,openAuthCodePopup:R,openSignUpPopup:O}=(0,P.useBizProductContext)(),z=(0,Z.useBenefits)({variant:s}),{trackingData:_,locale:f="us",copyWriting:G}=(0,H.useAiuiContext)(),n={...te,...t},{activated:V=!1}=a||{},{memberDiscount:m,commonCoupon:p,creditsRedemption:x,freeGift:I,bundle:S,paidShipping:E,fullGift:L,levelDiscount:D}=z,j=_?.product?.support??{},{thirdParty:ae={}}=_?.common||{},C=[p?.enable?{...p.config,isAutoUse:!0,useAble:!0,borderStyle:"rounded",code:p?.config?.title??"",description:p?.config?.desc??"",onUseChange:r=>{const g=r?T?.codeSavings??0:0;N?.(g)},title:(0,y.replaceTemplate)(n.offCoupon,{discount:p?.config?.value_type=="percentage"?Math.abs(Number(p?.config?.value||0))+"%":(0,u.formatPrice)({amount:Math.abs(Number(p?.config?.fixed_value||0)),currencyCode:s.price.currencyCode,locale:f})})}:null,m.enable?{useAble:!0,isAutoUse:o,title:(0,y.replaceTemplate)(n.offMemberOnly,{amount:(0,u.formatPrice)({amount:m?.config?.amount??0,currencyCode:s.price.currencyCode,locale:f})}),description:(0,e.jsxs)(e.Fragment,{children:[o?m?.config?.description??"":n.memberBenefitsNotLogin.replace("{amount}",(0,u.formatPrice)({amount:m?.config?.amount??0,currencyCode:s.price.currencyCode,locale:f}))??""," ",o?"":(0,e.jsx)("span",{role:"button",tabIndex:0,onClick:()=>M?.(),className:"underline",children:n.loginNow})]}),borderStyle:"rounded",onUseChange:r=>{if(console.log("memberDiscount?.config?.amount",o,M),o){const g=r?m?.config?.amount??0:0;w?.(g)}else M?.()}}:null,D.enable?{title:D?.config?.title??"",description:D?.config?.tag??"",borderStyle:"inset",bgImage:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/levelDiscount.png?v=1760437385"}}:null,I.enable?{title:I?.config?.title??"",description:n.selectFreeGift,borderStyle:"inset",bgImage:{url:"https://cdn.shopify.com/s/files/1/0516/3761/6830/files/gift.png?v=1759113534"}}:null,S.enable?{title:`${n.bundleSaveUpTo} ${(0,u.formatPrice)({amount:Math.max(...S?.config?.bundleList?.map(r=>r.savings??0)??[]),currencyCode:s.price.currencyCode,locale:f})}`,borderStyle:"inset",description:n.bundleOffer.replace("{count}",S?.config?.bundleList?.length?.toString()??""),bgImage:{url:"https://cdn.shopify.com/s/files/1/0516/3761/6830/files/bundle.png?v=1759113534"}}:null,L.enable?{title:L?.config?.title??"",description:L?.config?.desc??"",borderStyle:"inset",bgImage:{url:"https://cdn.shopify.com/s/files/1/0516/3761/6830/files/fullGift.png?v=1759141790"}}:null,x.enable?{title:n.creditsTitle,description:n.creditsDesc,borderStyle:"inset",bgImage:{url:"https://cdn.shopify.com/s/files/1/0516/3761/6830/files/cash.png?v=1759113534"}}:null].filter(Boolean),Y=()=>{R?.()};return c.default?(0,e.jsxs)(c.default,{defaultValue:C?.length?"coupon":"membership",children:[(0,e.jsxs)(c.default.List,{children:[C?.length?(0,e.jsxs)(c.default.Trigger,{value:"coupon",children:[n.yourBenefits,(B.coupon||0)>0&&(0,e.jsxs)(c.default.Badge,{children:[p?.config?.value_type=="percentage"?Math.abs(Number(p?.config?.value||0))+"%":(0,u.formatPrice)({amount:Math.abs(Number(p?.config?.fixed_value||0)),currencyCode:s.price.currencyCode,locale:f}),n.off]})]}):null,(0,e.jsx)(c.default.Trigger,{value:"membership",children:n.memberBenefits}),(0,e.jsx)(c.default.Trigger,{value:"installment",children:n.installment})]}),(0,e.jsx)("style",{global:!0,jsx:!0,children:`
+      `}),(0,e.jsxs)("div",{style:{background:t.couponBgColor||"white"},className:(0,U.default)("relative h-[130px] overflow-hidden ",t.borderStyle==="inset"?"coupon-card ":"rounded-[8px]"),children:[t?.bgImage?.url&&(0,e.jsx)(s.Picture,{source:t.bgImage.url,alt:t.bgImage.alt,className:"absolute bottom-0 right-0 w-auto",imgClassName:"object-contain"}),(0,e.jsxs)("div",{className:"relative z-1 p-3",children:[(0,e.jsxs)("div",{className:"flex items-center justify-start",children:[t.useAble&&(0,e.jsx)(s.Checkbox,{size:"lg",className:"mr-2 rounded-full",defaultChecked:t.isAutoUse,onCheckedChange:L=>{t?.onUseChange?.(L)}}),(0,e.jsx)(s.Text,{html:t.title,className:"text-[16px] font-bold laptop:text-[20px] lg-desktop:text-[24px]"})]}),(0,e.jsx)(s.Text,{...typeof t.description=="string"?{html:t.description}:{},as:"p",className:"mt-2 pr-8 text-[14px] font-bold text-[#3D3D3F] lg-desktop:text-[16px]",children:t.description}),t.code&&(0,e.jsxs)("div",{className:"last:mt-2 flex items-center gap-2",children:[(0,e.jsx)(s.Text,{html:`${o.couponCode}: ${t.code}`,className:"text-base font-bold text-[#3D3D3F]"}),(0,e.jsx)("button",{className:"text-base font-bold underline",onClick:()=>a(t.code??""),children:l?c?.copied||o.copied:c?.copy||o.copyCode})]}),t.ends_at&&(0,e.jsx)("button",{onClick:()=>{c?.modal&&R(c?.modal)},className:"mt-[4px] text-left text-[14px] font-semibold text-[#1F2021] x:text-[12px] md-l:hidden",children:Number(b)<Number(c?.hurry?.daysLeft)?(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)("span",{children:c?.ends}),(0,e.jsx)("span",{className:"font-bold",children:` ${b} ${c?.days} ${w.toString().padStart(2,"0")}:${B.toString().padStart(2,"0")}:${k.toString().padStart(2,"0")}`})]}):c?.hurry?.label||o.expired})]})]})]})},de=({coupons:t,className:o,textConfig:r})=>(0,e.jsx)("div",{className:(0,U.default)("flex flex-col gap-3 laptop:grid laptop:grid-cols-2 desktop:grid-cols-1",o),children:t?.map((l,a)=>(0,e.jsx)(pe,{item:l,textConfig:r},a))}),ue=({textConfig:t})=>{const{isLogin:o,profile:r,variant:l,renderAffirm:a,renderKlarna:c,renderPaypal:b,onUseCouponChange:w,onUseMemberDiscountChange:B,discount:k,savingDetail:R,openModal:L,openSignInPopup:D,openAuthCodePopup:j,openSignUpPopup:W}=(0,_.useBizProductContext)(),Y=(0,z.useBenefits)({variant:l}),[M,q]=(0,T.useState)("coupon"),{trackingData:$,locale:m="us",copyWriting:K}=(0,Z.useAiuiContext)(),S=(0,T.useRef)(null),n={...ce,...t},{activated:J=!1}=r||{},{memberDiscount:u,commonCoupon:f,creditsRedemption:C,freeGift:V,bundle:F,paidShipping:Q,fullGift:P,levelDiscount:H}=Y,X=$?.product?.support??{},{thirdParty:me={}}=$?.common||{},x=[f?.enable?{...f.config,isAutoUse:!0,useAble:!0,borderStyle:"rounded",code:f?.config?.title??"",description:f?.config?.desc??"",onUseChange:i=>{const p=i?k?.codeSavings??0:0;w?.(p)},title:(0,y.replaceTemplate)(n.offCoupon,{discount:f?.config?.value_type=="percentage"?Math.abs(Number(f?.config?.value||0))+"%":(0,g.formatPrice)({amount:Math.abs(Number(f?.config?.fixed_value||0)),currencyCode:l.price.currencyCode,locale:m})})}:null,u.enable?{useAble:!0,isAutoUse:o,title:(0,y.replaceTemplate)(n.offMemberOnly,{amount:(0,g.formatPrice)({amount:u?.config?.amount??0,currencyCode:l.price.currencyCode,locale:m})}),description:(0,e.jsxs)(e.Fragment,{children:[o?u?.config?.description??"":n.memberBenefitsNotLogin.replace("{amount}",(0,g.formatPrice)({amount:u?.config?.amount??0,currencyCode:l.price.currencyCode,locale:m}))??""," ",o?"":(0,e.jsx)("span",{role:"button",tabIndex:0,onClick:()=>D?.(),className:"underline",children:n.loginNow})]}),borderStyle:"rounded",onUseChange:i=>{if(console.log("memberDiscount?.config?.amount",o,D),o){const p=i?u?.config?.amount??0:0;B?.(p)}else D?.()}}:null,H.enable?{title:H?.config?.title??"",description:H?.config?.tag??"",borderStyle:"inset",bgImage:{url:"https://cdn.shopify.com/s/files/1/0521/9411/5753/files/levelDiscount.png?v=1760437385"}}:null,V.enable?{title:V?.config?.title??"",description:n.selectFreeGift,borderStyle:"inset",bgImage:{url:"https://cdn.shopify.com/s/files/1/0516/3761/6830/files/gift.png?v=1759113534"},couponBgColor:"linear-gradient(94deg, rgba(215, 245, 254, 0.24) 4.2%, rgba(215, 245, 254, 0.80) 99.11%), #FFF"}:null,F.enable?{title:`${n.bundleSaveUpTo} ${(0,g.formatPrice)({amount:Math.max(...F?.config?.bundleList?.map(i=>i.savings??0)??[]),currencyCode:l.price.currencyCode,locale:m})}`,borderStyle:"inset",description:n.bundleOffer.replace("{count}",F?.config?.bundleList?.length?.toString()??""),bgImage:{url:"https://cdn.shopify.com/s/files/1/0516/3761/6830/files/bundle.png?v=1759113534"},couponBgColor:"linear-gradient(94deg, rgba(215, 245, 254, 0.24) 4.2%, rgba(215, 245, 254, 0.80) 99.11%), #FFF"}:null,P.enable?{title:P?.config?.title??"",description:P?.config?.desc??"",borderStyle:"inset",bgImage:{url:"https://cdn.shopify.com/s/files/1/0516/3761/6830/files/fullGift.png?v=1759141790"},couponBgColor:"linear-gradient(94deg, rgba(215, 245, 254, 0.24) 4.2%, rgba(215, 245, 254, 0.80) 99.11%), #FFF"}:null,C.enable?{title:n.creditsTitle,description:n.creditsDesc,borderStyle:"inset",bgImage:{url:"https://cdn.shopify.com/s/files/1/0516/3761/6830/files/cash.png?v=1759113534"},couponBgColor:"linear-gradient(94deg, rgba(215, 245, 254, 0.24) 4.2%, rgba(215, 245, 254, 0.80) 99.11%), #FFF"}:null].filter(Boolean),ee=()=>{j?.()};if(!d.default)return null;const A=i=>{if(S.current){const p=S.current,I=i.currentTarget;console.log("button",I.offsetLeft);const te=I.offsetLeft-p.offsetWidth/2+I.offsetWidth/2;p.scrollTo({left:te,behavior:"smooth"})}};return(0,e.jsxs)(d.default,{onValueChange:i=>q(i),defaultValue:x?.length?"coupon":"membership",children:[(0,e.jsxs)(d.default.List,{ref:S,children:[x?.length?(0,e.jsx)(d.default.Trigger,{className:(0,N.cn)(M==="coupon"&&"text-[#1D1D1F]"),value:"coupon",onClick:A,children:n.yourBenefits}):null,(0,e.jsx)(d.default.Trigger,{className:(0,N.cn)(M==="membership"&&"text-[#1D1D1F]"),value:"membership",onClick:A,children:n.memberBenefits}),(0,e.jsx)(d.default.Trigger,{className:(0,N.cn)(M==="installment"&&"text-[#1D1D1F]"),value:"installment",onClick:A,children:n.installment})]}),(0,e.jsx)("style",{global:!0,jsx:!0,children:`
           .coupon-container::-webkit-scrollbar {
             width: 4px; /* \u6EDA\u52A8\u6761\u5BBD\u5EA6 */
             height: 64px; /* \u6A2A\u5411\u6EDA\u52A8\u6761\u9AD8\u5EA6 */
@@ -32,9 +32,9 @@
           .coupon-container::-webkit-scrollbar-thumb:hover {
             background-color: rgba(100, 100, 100, 0.6);
           }
-        `}),C?.length?(0,e.jsx)(c.default.Content,{value:"coupon",className:"",children:(0,e.jsx)("div",{className:"coupon-container h-[240px] overflow-y-auto px-4",children:(0,e.jsx)(ne,{coupons:C,className:"",textConfig:n})})}):null,(0,e.jsxs)(c.default.Content,{value:"membership",className:"",children:[(0,e.jsx)("h3",{className:"mx-4 mb-2 text-left text-lg font-bold",children:n.memberBenefits}),(0,e.jsx)("div",{className:`overflow-y-auto rounded-[16px] px-4 ${o?"max-h-[240px]":"max-h-[160px]"}`,children:(0,e.jsxs)("ul",{className:`list-none [&_li:first-child]:rounded-t-[16px]
+        `}),x?.length?(0,e.jsx)(d.default.Content,{value:"coupon",className:"",children:(0,e.jsx)("div",{className:"coupon-container h-[240px] overflow-y-auto p-3 lg-desktop:p-4",children:(0,e.jsx)(de,{coupons:x,className:"",textConfig:n})})}):null,(0,e.jsxs)(d.default.Content,{value:"membership",className:"",children:[(0,e.jsx)("h3",{className:"mx-4 mb-2 text-left text-lg font-bold",children:n.memberBenefits}),(0,e.jsx)("div",{className:`overflow-y-auto rounded-[16px] px-4 ${o?"max-h-[240px]":"max-h-[160px]"}`,children:(0,e.jsxs)("ul",{className:`list-none [&_li:first-child]:rounded-t-[16px]
               [&_li:last-child]:rounded-b-[16px] [&_li:last-child]:last:border-b-0 [&_li]:flex [&_li]:items-center [&_li]:gap-2
               [&_li]:border-b [&_li]:border-b-[#E4E5E6] [&_li]:bg-white [&_li]:px-4
               [&_li]:py-4
-              [&_li]:text-left`,children:[m.enable&&(0,e.jsxs)("li",{children:[(0,e.jsx)("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,e.jsx)("path",{d:"M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3ZM17 13C17.5523 13 18 13.4477 18 14C18 14.5523 17.5523 15 17 15H9.41406L9.70703 15.293C10.0976 15.6835 10.0976 16.3165 9.70703 16.707C9.31651 17.0976 8.68349 17.0976 8.29297 16.707L6.29297 14.707C6.00697 14.421 5.92139 13.9909 6.07617 13.6172C6.23098 13.2436 6.59558 13 7 13H17ZM14.293 7.29297C14.6835 6.90244 15.3165 6.90244 15.707 7.29297L17.707 9.29297C17.993 9.57897 18.0786 10.0091 17.9238 10.3828C17.769 10.7564 17.4044 11 17 11H7C6.44772 11 6 10.5523 6 10C6 9.44771 6.44772 9 7 9H14.5859L14.293 8.70703C13.9024 8.31651 13.9024 7.68349 14.293 7.29297Z",fill:"#1D1D1F"})}),(0,e.jsx)(i.Text,{as:"p",className:"text-left text-[16px] font-medium x:text-[14px]",children:(0,y.replaceTemplate)(n.forNewMember,{amount:(0,u.formatPrice)({amount:m?.config?.amount??0,currencyCode:s.price.currencyCode,locale:f})})})]}),j.items?.map((r,g)=>r.modalText?(0,e.jsx)("li",{children:(0,e.jsxs)("button",{onClick:()=>k?.({title:r.text,content:r.modalText}),className:"flex",children:[(0,e.jsx)(i.Picture,{source:r.icon,alt:r.text,className:"mr-[8px] size-[20px] shrink-0"}),(0,e.jsx)(i.Text,{className:"text-left text-[16px] font-medium x:text-[14px]",children:r.text})]},g)},g):(0,e.jsxs)("li",{className:"flex",children:[(0,e.jsx)(i.Picture,{source:r.icon,alt:r.text,className:"mr-[8px] size-[20px] shrink-0"}),(0,e.jsx)(i.Text,{as:"p",className:"text-left text-[16px] font-medium x:text-[14px]",children:r.text})]},g)),E.enable?(0,e.jsxs)("li",{children:[(0,e.jsx)("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,e.jsx)("path",{d:"M19 3C19.5523 3 20 3.44772 20 4C20 4.55228 19.5523 5 19 5H10V16H21C21.5523 16 22 16.4477 22 17C22 17.5523 21.5523 18 21 18H19.9961C19.9961 19.6559 18.6547 21 16.998 21C15.3414 21 14 19.6559 14 18H10C10 19.6568 8.65684 21 7 21C5.34317 21 4 19.6568 4 18H2C1.44772 18 1 17.5523 1 17V10.6738L1.00488 10.5771C1.02632 10.3554 1.12145 10.146 1.27637 9.9834L4.77637 6.31055L4.84961 6.24023C5.02993 6.08586 5.26042 6 5.5 6H8V5C8 3.89544 8.89541 3 10 3H19ZM6.00488 18.1025C6.05622 18.6067 6.48234 19 7 19C7.51766 19 7.94378 18.6067 7.99512 18.1025L8 18H6L6.00488 18.1025ZM16.0049 18.1025C16.0561 18.6074 16.4823 19 16.998 19C17.5138 19 17.94 18.6074 17.9912 18.1025L17.9961 18H16L16.0049 18.1025ZM3 11.0723V16H8V8H5.92773L3 11.0723ZM21.6621 6.8252C22.0348 6.41765 22.6676 6.38902 23.0752 6.76172C23.4827 7.13443 23.5104 7.76725 23.1377 8.1748L18.0518 13.7363C17.6625 14.162 17.003 14.1954 16.5732 13.8105L13.333 10.9092C12.9216 10.5408 12.8865 9.90853 13.2549 9.49707C13.6232 9.08565 14.2555 9.05066 14.667 9.41895L17.208 11.6943L21.6621 6.8252Z",fill:"#1D1D1F"})}),(0,e.jsx)(i.Text,{as:"p",className:"text-left text-[16px] font-medium x:text-[14px]",children:n.expressShipping})]}):null,x.enable?(0,e.jsxs)("li",{children:[(0,e.jsx)("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,e.jsx)("path",{d:"M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3ZM17 13C17.5523 13 18 13.4477 18 14C18 14.5523 17.5523 15 17 15H9.41406L9.70703 15.293C10.0976 15.6835 10.0976 16.3165 9.70703 16.707C9.31651 17.0976 8.68349 17.0976 8.29297 16.707L6.29297 14.707C6.00697 14.421 5.92139 13.9909 6.07617 13.6172C6.23098 13.2436 6.59558 13 7 13H17ZM14.293 7.29297C14.6835 6.90244 15.3165 6.90244 15.707 7.29297L17.707 9.29297C17.993 9.57897 18.0786 10.0091 17.9238 10.3828C17.769 10.7564 17.4044 11 17 11H7C6.44772 11 6 10.5523 6 10C6 9.44771 6.44772 9 7 9H14.5859L14.293 8.70703C13.9024 8.31651 13.9024 7.68349 14.293 7.29297Z",fill:"#1D1D1F"})}),(0,e.jsx)(i.Text,{as:"p",className:"text-left text-[16px] font-medium x:text-[14px]",children:V?x?.config?.label?.replace("{{amount}}",(0,u.formatPrice)({amount:x?.config?.amount??0,currencyCode:s.price.currencyCode,locale:f})):(0,e.jsxs)(e.Fragment,{children:[n.creditsAfterActivation,(0,e.jsx)("span",{role:"button",tabIndex:0,onClick:()=>Y(),className:"underline",children:n.active})]})})]}):null]})}),!o&&(0,e.jsx)("div",{className:"px-4 pt-4",children:(0,e.jsx)(i.Button,{variant:"primary",className:"w-full",onClick:()=>O?.(),children:G?.signUp})})]}),(0,e.jsxs)(c.default.Content,{value:"installment",className:"px-4",children:[(0,e.jsx)(i.Heading,{size:2,className:"mb-2 text-left text-lg font-bold",children:n.flexibleInstallment}),(0,e.jsxs)("div",{className:"overflow-hidden rounded-[16px] bg-white",children:[l,d,b&&(0,e.jsx)("div",{className:"border-b border-[#D9D9D9] bg-white px-4 py-4 last:border-b-0",children:b})]})]})]}):null};var se=ie;
+              [&_li]:text-left`,children:[u.enable&&(0,e.jsxs)("li",{children:[(0,e.jsx)("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,e.jsx)("path",{d:"M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3ZM17 13C17.5523 13 18 13.4477 18 14C18 14.5523 17.5523 15 17 15H9.41406L9.70703 15.293C10.0976 15.6835 10.0976 16.3165 9.70703 16.707C9.31651 17.0976 8.68349 17.0976 8.29297 16.707L6.29297 14.707C6.00697 14.421 5.92139 13.9909 6.07617 13.6172C6.23098 13.2436 6.59558 13 7 13H17ZM14.293 7.29297C14.6835 6.90244 15.3165 6.90244 15.707 7.29297L17.707 9.29297C17.993 9.57897 18.0786 10.0091 17.9238 10.3828C17.769 10.7564 17.4044 11 17 11H7C6.44772 11 6 10.5523 6 10C6 9.44771 6.44772 9 7 9H14.5859L14.293 8.70703C13.9024 8.31651 13.9024 7.68349 14.293 7.29297Z",fill:"#1D1D1F"})}),(0,e.jsx)(s.Text,{as:"p",className:"text-left text-[16px] font-medium x:text-[14px]",children:(0,y.replaceTemplate)(n.forNewMember,{amount:(0,g.formatPrice)({amount:u?.config?.amount??0,currencyCode:l.price.currencyCode,locale:m})})})]}),X.items?.map((i,p)=>i.modalText?(0,e.jsx)("li",{children:(0,e.jsxs)("button",{onClick:()=>L?.({title:i.text,content:i.modalText}),className:"flex",children:[(0,e.jsx)(s.Picture,{source:i.icon,alt:i.text,className:"mr-[8px] size-[20px] shrink-0"}),(0,e.jsx)(s.Text,{className:"text-left text-[16px] font-medium x:text-[14px]",children:i.text})]},p)},p):(0,e.jsxs)("li",{className:"flex",children:[(0,e.jsx)(s.Picture,{source:i.icon,alt:i.text,className:"mr-[8px] size-[20px] shrink-0"}),(0,e.jsx)(s.Text,{as:"p",className:"text-left text-[16px] font-medium x:text-[14px]",children:i.text})]},p)),Q.enable?(0,e.jsxs)("li",{children:[(0,e.jsx)("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,e.jsx)("path",{d:"M19 3C19.5523 3 20 3.44772 20 4C20 4.55228 19.5523 5 19 5H10V16H21C21.5523 16 22 16.4477 22 17C22 17.5523 21.5523 18 21 18H19.9961C19.9961 19.6559 18.6547 21 16.998 21C15.3414 21 14 19.6559 14 18H10C10 19.6568 8.65684 21 7 21C5.34317 21 4 19.6568 4 18H2C1.44772 18 1 17.5523 1 17V10.6738L1.00488 10.5771C1.02632 10.3554 1.12145 10.146 1.27637 9.9834L4.77637 6.31055L4.84961 6.24023C5.02993 6.08586 5.26042 6 5.5 6H8V5C8 3.89544 8.89541 3 10 3H19ZM6.00488 18.1025C6.05622 18.6067 6.48234 19 7 19C7.51766 19 7.94378 18.6067 7.99512 18.1025L8 18H6L6.00488 18.1025ZM16.0049 18.1025C16.0561 18.6074 16.4823 19 16.998 19C17.5138 19 17.94 18.6074 17.9912 18.1025L17.9961 18H16L16.0049 18.1025ZM3 11.0723V16H8V8H5.92773L3 11.0723ZM21.6621 6.8252C22.0348 6.41765 22.6676 6.38902 23.0752 6.76172C23.4827 7.13443 23.5104 7.76725 23.1377 8.1748L18.0518 13.7363C17.6625 14.162 17.003 14.1954 16.5732 13.8105L13.333 10.9092C12.9216 10.5408 12.8865 9.90853 13.2549 9.49707C13.6232 9.08565 14.2555 9.05066 14.667 9.41895L17.208 11.6943L21.6621 6.8252Z",fill:"#1D1D1F"})}),(0,e.jsx)(s.Text,{as:"p",className:"text-left text-[16px] font-medium x:text-[14px]",children:n.expressShipping})]}):null,C.enable?(0,e.jsxs)("li",{children:[(0,e.jsx)("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,e.jsx)("path",{d:"M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3ZM17 13C17.5523 13 18 13.4477 18 14C18 14.5523 17.5523 15 17 15H9.41406L9.70703 15.293C10.0976 15.6835 10.0976 16.3165 9.70703 16.707C9.31651 17.0976 8.68349 17.0976 8.29297 16.707L6.29297 14.707C6.00697 14.421 5.92139 13.9909 6.07617 13.6172C6.23098 13.2436 6.59558 13 7 13H17ZM14.293 7.29297C14.6835 6.90244 15.3165 6.90244 15.707 7.29297L17.707 9.29297C17.993 9.57897 18.0786 10.0091 17.9238 10.3828C17.769 10.7564 17.4044 11 17 11H7C6.44772 11 6 10.5523 6 10C6 9.44771 6.44772 9 7 9H14.5859L14.293 8.70703C13.9024 8.31651 13.9024 7.68349 14.293 7.29297Z",fill:"#1D1D1F"})}),(0,e.jsx)(s.Text,{as:"p",className:"text-left text-[16px] font-medium x:text-[14px]",children:J?C?.config?.label?.replace("{{amount}}",(0,g.formatPrice)({amount:C?.config?.amount??0,currencyCode:l.price.currencyCode,locale:m})):(0,e.jsxs)(e.Fragment,{children:[n.creditsAfterActivation,(0,e.jsx)("span",{role:"button",tabIndex:0,onClick:()=>ee(),className:"underline",children:n.active})]})})]}):null]})}),!o&&(0,e.jsx)("div",{className:"px-4 pt-4",children:(0,e.jsx)(s.Button,{variant:"primary",className:"w-full",onClick:()=>W?.(),children:K?.signUp})})]}),(0,e.jsxs)(d.default.Content,{value:"installment",className:"px-4",children:[(0,e.jsx)(s.Heading,{size:2,className:"mb-2 text-left text-lg font-bold",children:n.flexibleInstallment}),(0,e.jsxs)("div",{className:"overflow-hidden rounded-[16px] bg-white",children:[a,c,b&&(0,e.jsx)("div",{className:"border-b border-[#D9D9D9] bg-white px-4 py-4 last:border-b-0",children:b})]})]})]})};var fe=ue;
 //# sourceMappingURL=BenefitsTab.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../src/biz-components/Listing/components/ProductCard/ProductDetail/BenefitsTab.tsx"],
-  "sourcesContent": ["/* eslint-disable jsx-a11y/click-events-have-key-events */\nimport { Button, Checkbox, Text, Picture, Heading } from '../../../../../components/index.js'\nimport ProductBenefitsTabs from './ProductBenefitsTabs/index.js'\nimport { useBizProductContext } from '../../../BizProductProvider.js'\nimport { useBenefits } from '../../../hooks/useBenefits'\nimport { formatPrice } from '../../../utils/index.js'\nimport { replaceTemplate } from '../../../utils/textFormat'\nimport classNames from 'classnames'\nimport React from 'react'\nimport { useAiuiContext } from '../../../../AiuiProvider/index.js'\nimport useCountDown from '../../../../../hooks/useCountDown.js'\nimport useCopy from '../../../hooks/useCopy'\n\n// \u6587\u6848\u914D\u7F6E\u63A5\u53E3\ninterface BenefitsTabTextConfig {\n  // Coupon \u76F8\u5173\n  couponCode?: string // \"Code\"\n  copyCode?: string // \"Copy Code\"\n  copied?: string // \"Copied\"\n  expired?: string // \"Expired\"\n  offCoupon?: string // \"off coupon\"\n  offMemberOnly?: string // \"{amount} off Member Only\"\n  loginNow?: string // \"login now\"\n  selectFreeGift?: string // \"You can select the free gift below.\"\n  bundleSaveUpTo?: string // \"Bundle purchases save extra up to\"\n  bundleOffer?: string // \"We offer {count} bundle for you\"\n  creditsTitle?: string // \"Soundcore credits for cash\"\n  creditsDesc?: string // \"100 Soundcore credits=$1\"\n\n  // Tab \u6807\u7B7E\n  yourBenefits?: string // \"Your Benefits\"\n  off?: string // \"off\"\n  memberBenefits?: string // \"Member Benefits\"\n  memberBenefitsNotLogin?: string // \"Member Benefits\"\n  installment?: string // \"Installment\"\n\n  // Member Benefits \u90E8\u5206\n  forNewMember?: string // \"for New Member\"\n  expressShipping?: string // \"Express Shipping Method\"\n  creditsAfterActivation?: string // \"You will get soundcoreCredits after activation.\"\n  active?: string // \"Active\"\n\n  // Installment \u90E8\u5206\n  flexibleInstallment?: string // \"Flexible installment payment\"\n}\n\nexport type ModalData = {\n  needClickAway?: boolean\n  className?: string\n  title?: string\n  content?: string\n  domContent?: React.ReactNode\n}\n\ninterface BenefitsTabProps {\n  textConfig?: BenefitsTabTextConfig\n}\n\n// \u9ED8\u8BA4\u6587\u6848\u914D\u7F6E\nconst defaultTextConfig: Required<BenefitsTabTextConfig> = {\n  couponCode: 'Code',\n  copyCode: 'Copy Code',\n  copied: 'Copied',\n  expired: 'Expired',\n  offCoupon: '{discount} off coupon',\n  offMemberOnly: '{amount} off Member Only',\n  loginNow: 'Login now',\n  selectFreeGift: 'You can select the free gift below.',\n  bundleSaveUpTo: 'Bundle purchases save extra up to',\n  bundleOffer: 'We offer {count} bundle for you',\n  creditsTitle: 'Soundcore credits for cash',\n  creditsDesc: '100 Soundcore credits=$1',\n  yourBenefits: 'Your Benefits',\n  off: ' off',\n  memberBenefits: 'Member Benefits',\n  memberBenefitsNotLogin: 'You will enjoy a {amount} member discount after logging in.',\n  installment: 'Installment',\n  forNewMember: '{amount} for New Member',\n  expressShipping: 'Express Shipping Method',\n  creditsAfterActivation: 'You will get soundcoreCredits after activation. ',\n  active: 'Active',\n  flexibleInstallment: 'Flexible installment payment ',\n}\n\n// Coupon content component (commonly used)\ninterface CouponContentProps {\n  coupons?: Array<{\n    borderStyle: 'inset' | 'rounded' // \u8FD9\u4E24\u79CD\u6837\u5F0F\u4E0D\u4E00\u6837\uFF0C inset \u56DB\u89D2\u662F\u5185\u5207\u5706\u89D2\uFF0C rounded \u56DB\u89D2\u662F\u666E\u901A\u5706\u89D2\n    useAble?: boolean\n    isAutoUse?: boolean\n    onUseChange?: (useAble: boolean) => void\n    code?: string\n    title: string\n    description: string | React.ReactNode\n    discount?: number\n    bgImage?: { url: string; alt?: string }\n    ends_at?: string\n  }>\n  className?: string\n}\n\nconst CouponItem = ({\n  item,\n  textConfig,\n}: {\n  item: NonNullable<CouponContentProps['coupons']>[number]\n  textConfig: Required<BenefitsTabTextConfig>\n}) => {\n  const { trackingData } = useAiuiContext()\n  const { copied: isCopied, copy: copyToClipboard } = useCopy()\n  const couponCopy = trackingData?.common?.coupon\n  const { days, hours, minutes, seconds } = useCountDown({ endTime: item?.ends_at || '' })\n  const { openModal } = useBizProductContext()\n  return (\n    <>\n      <style jsx>{`\n        .coupon-card {\n          /* \u4F7F\u7528mask\u521B\u5EFA\u5185\u5207\u5706\u89D2 */\n          mask:\n            radial-gradient(circle at 0 0, transparent 12px, white 12px),\n            radial-gradient(circle at 100% 0, transparent 12px, white 12px),\n            radial-gradient(circle at 100% 100%, transparent 12px, white 12px),\n            radial-gradient(circle at 0 100%, transparent 12px, white 12px);\n          mask-size: 50% 50%;\n          mask-position:\n            top left,\n            top right,\n            bottom right,\n            bottom left;\n          mask-repeat: no-repeat;\n        }\n      `}</style>\n      <div\n        className={classNames(\n          'relative h-[130px] overflow-hidden bg-white',\n          item.borderStyle === 'inset' ? 'coupon-card ' : 'rounded-[8px]'\n        )}\n      >\n        {item?.bgImage?.url && (\n          <Picture\n            source={item.bgImage.url}\n            alt={item.bgImage.alt}\n            className=\"absolute bottom-0 right-0 w-auto\"\n            imgClassName=\"object-contain\"\n          />\n        )}\n        <div className=\"relative z-1 p-3\">\n          <div className=\"flex items-center justify-start\">\n            {item.useAble && (\n              <Checkbox\n                className=\"mr-2\"\n                defaultChecked={item.isAutoUse}\n                onCheckedChange={(e: boolean) => {\n                  item?.onUseChange?.(e)\n                }}\n              />\n            )}\n            <Text html={item.title} className=\"text-[16px] font-bold laptop:text-[20px] lg-desktop:text-[24px]\" />\n          </div>\n          <Text\n            {...(typeof item.description === 'string' ? { html: item.description } : {})}\n            as=\"p\"\n            className=\"mt-2 pr-8 text-[14px] font-bold text-[#3D3D3F] lg-desktop:text-[16px]\"\n          >\n            {item.description}\n          </Text>\n          {item.code && (\n            <div className=\"mt-6 flex items-center gap-2\">\n              <Text html={`${textConfig.couponCode}: ${item.code}`} className=\"text-base font-bold text-[#3D3D3F]\" />\n              <button\n                className=\"text-brand-0 text-base font-bold underline\"\n                onClick={() => copyToClipboard(item.code ?? '')}\n              >\n                {isCopied ? couponCopy?.copied || textConfig.copied : couponCopy?.copy || textConfig.copyCode}\n              </button>\n            </div>\n          )}\n          {item.ends_at && (\n            <button\n              onClick={() => {\n                if (couponCopy?.modal) {\n                  openModal(couponCopy?.modal!)\n                }\n              }}\n              className=\"mt-[4px] text-left text-[14px] font-semibold text-[#1F2021] x:text-[12px] md-l:hidden\"\n            >\n              {Number(days) < Number(couponCopy?.hurry?.daysLeft) ? (\n                <>\n                  <span>{couponCopy?.ends}</span>\n                  <span className=\"font-bold\">\n                    {` ${days} ${couponCopy?.days} ${hours.toString().padStart(2, '0')}:${minutes.toString().padStart(2, '0')}:${seconds.toString().padStart(2, '0')}`}\n                  </span>\n                </>\n              ) : (\n                couponCopy?.hurry?.label || textConfig.expired\n              )}\n            </button>\n          )}\n        </div>\n      </div>\n    </>\n  )\n}\n\nconst CouponContent = ({\n  coupons,\n  className,\n  textConfig,\n}: CouponContentProps & { textConfig: Required<BenefitsTabTextConfig> }) => {\n  return (\n    <div className={classNames('flex flex-col gap-3', className)}>\n      {coupons?.map((item, index) => <CouponItem key={index} item={item} textConfig={textConfig} />)}\n    </div>\n  )\n}\n\nconst BenefitsTab = ({ textConfig }: BenefitsTabProps) => {\n  const {\n    isLogin,\n    profile,\n    variant,\n    renderAffirm,\n    renderKlarna,\n    renderPaypal,\n    onUseCouponChange,\n    onUseMemberDiscountChange,\n    discount,\n    savingDetail,\n    openModal,\n    openSignInPopup,\n    openAuthCodePopup,\n    openSignUpPopup,\n  } = useBizProductContext()\n  const benefits = useBenefits({ variant })\n  const { trackingData, locale = 'us', copyWriting } = useAiuiContext()\n\n  // \u5408\u5E76\u9ED8\u8BA4\u914D\u7F6E\u548C\u4F20\u5165\u7684\u914D\u7F6E\n  const mergedTextConfig = { ...defaultTextConfig, ...textConfig }\n\n  const { activated = false } = profile || {} // \u7528\u6237\u662F\u5426\u6FC0\u6D3B\n  const { memberDiscount, commonCoupon, creditsRedemption, freeGift, bundle, paidShipping, fullGift, levelDiscount } =\n    benefits\n\n  const productsBenefits = trackingData?.product?.support ?? {}\n  const { thirdParty = {} } = trackingData?.common || {}\n\n  const coupons = [\n    commonCoupon?.enable\n      ? {\n          ...commonCoupon.config,\n          isAutoUse: true,\n          useAble: true,\n          borderStyle: 'rounded',\n          code: commonCoupon?.config?.title ?? '',\n          description: commonCoupon?.config?.desc ?? '',\n          onUseChange: (value: boolean) => {\n            const couponSaving = value ? (discount?.codeSavings ?? 0) : 0\n            onUseCouponChange?.(couponSaving)\n          },\n          title: replaceTemplate(mergedTextConfig.offCoupon, {\n            discount:\n              commonCoupon?.config?.value_type == 'percentage'\n                ? Math.abs(Number(commonCoupon?.config?.value || 0)) + '%'\n                : formatPrice({\n                    amount: Math.abs(Number(commonCoupon?.config?.fixed_value || 0)),\n                    currencyCode: variant.price.currencyCode,\n                    locale,\n                  }),\n          }),\n        }\n      : null,\n    memberDiscount.enable\n      ? {\n          useAble: true,\n          isAutoUse: isLogin,\n          title: replaceTemplate(mergedTextConfig.offMemberOnly, {\n            amount: formatPrice({\n              amount: memberDiscount?.config?.amount ?? 0,\n              currencyCode: variant.price.currencyCode,\n              locale,\n            }),\n          }),\n          description: (\n            <>\n              {isLogin\n                ? (memberDiscount?.config?.description ?? '')\n                : (mergedTextConfig.memberBenefitsNotLogin.replace(\n                    '{amount}',\n                    formatPrice({\n                      amount: memberDiscount?.config?.amount ?? 0,\n                      currencyCode: variant.price.currencyCode,\n                      locale,\n                    })\n                  ) ?? '')}{' '}\n              {isLogin ? (\n                ''\n              ) : (\n                <span role=\"button\" tabIndex={0} onClick={() => openSignInPopup?.()} className=\"underline\">\n                  {mergedTextConfig.loginNow}\n                </span>\n              )}\n            </>\n          ),\n          borderStyle: 'rounded',\n          onUseChange: (value: boolean) => {\n            console.log('memberDiscount?.config?.amount', isLogin, openSignInPopup)\n            if (isLogin) {\n              const memberSaving = value ? (memberDiscount?.config?.amount ?? 0) : 0\n              onUseMemberDiscountChange?.(memberSaving)\n              // setSavingDetail(prev => ({\n              //   ...prev,\n              //   member: value ? (memberDiscount?.config?.amount ?? 0) : 0,\n              // }))\n            } else {\n              openSignInPopup?.()\n            }\n          },\n        }\n      : null,\n    levelDiscount.enable\n      ? {\n          title: levelDiscount?.config?.title ?? '',\n          description: levelDiscount?.config?.tag ?? '',\n          borderStyle: 'inset',\n          bgImage: {\n            url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/levelDiscount.png?v=1760437385',\n          },\n        }\n      : null,\n    freeGift.enable\n      ? {\n          title: freeGift?.config?.title ?? '',\n          description: mergedTextConfig.selectFreeGift,\n          borderStyle: 'inset',\n          bgImage: {\n            url: 'https://cdn.shopify.com/s/files/1/0516/3761/6830/files/gift.png?v=1759113534',\n          },\n        }\n      : null,\n    bundle.enable\n      ? {\n          title: `${mergedTextConfig.bundleSaveUpTo} ${formatPrice({\n            amount: Math.max(...(bundle?.config?.bundleList?.map((item: any) => item.savings ?? 0) ?? [])),\n            currencyCode: variant.price.currencyCode,\n            locale,\n          })}`,\n          borderStyle: 'inset',\n          description: mergedTextConfig.bundleOffer.replace(\n            '{count}',\n            bundle?.config?.bundleList?.length?.toString() ?? ''\n          ),\n          bgImage: {\n            url: 'https://cdn.shopify.com/s/files/1/0516/3761/6830/files/bundle.png?v=1759113534',\n          },\n        }\n      : null,\n    fullGift.enable\n      ? {\n          title: fullGift?.config?.title ?? '',\n          description: fullGift?.config?.desc ?? '',\n          borderStyle: 'inset',\n          bgImage: {\n            url: 'https://cdn.shopify.com/s/files/1/0516/3761/6830/files/fullGift.png?v=1759141790',\n          },\n        }\n      : null,\n    creditsRedemption.enable\n      ? {\n          title: mergedTextConfig.creditsTitle,\n          description: mergedTextConfig.creditsDesc,\n          borderStyle: 'inset',\n          bgImage: {\n            url: 'https://cdn.shopify.com/s/files/1/0516/3761/6830/files/cash.png?v=1759113534',\n          },\n        }\n      : null,\n  ].filter(Boolean)\n\n  const handleActivate = () => {\n    openAuthCodePopup?.()\n  }\n\n  if (!ProductBenefitsTabs) return null\n\n  return (\n    <ProductBenefitsTabs defaultValue={coupons?.length ? 'coupon' : 'membership'}>\n      <ProductBenefitsTabs.List>\n        {coupons?.length ? (\n          <ProductBenefitsTabs.Trigger value=\"coupon\">\n            {mergedTextConfig.yourBenefits}\n            {(savingDetail.coupon || 0) > 0 && (\n              <ProductBenefitsTabs.Badge>\n                {commonCoupon?.config?.value_type == 'percentage'\n                  ? Math.abs(Number(commonCoupon?.config?.value || 0)) + '%'\n                  : formatPrice({\n                      amount: Math.abs(Number(commonCoupon?.config?.fixed_value || 0)),\n                      currencyCode: variant.price.currencyCode,\n                      locale,\n                    })}\n                {mergedTextConfig.off}\n              </ProductBenefitsTabs.Badge>\n            )}\n          </ProductBenefitsTabs.Trigger>\n        ) : null}\n        <ProductBenefitsTabs.Trigger value=\"membership\">{mergedTextConfig.memberBenefits}</ProductBenefitsTabs.Trigger>\n        <ProductBenefitsTabs.Trigger value=\"installment\">{mergedTextConfig.installment}</ProductBenefitsTabs.Trigger>\n      </ProductBenefitsTabs.List>\n      <style global jsx>\n        {`\n          .coupon-container::-webkit-scrollbar {\n            width: 4px; /* \u6EDA\u52A8\u6761\u5BBD\u5EA6 */\n            height: 64px; /* \u6A2A\u5411\u6EDA\u52A8\u6761\u9AD8\u5EA6 */\n          }\n\n          .coupon-container::-webkit-scrollbar-track {\n            background: transparent; /* \u6EDA\u52A8\u6761\u8F68\u9053\u80CC\u666F */\n          }\n\n          .coupon-container::-webkit-scrollbar-thumb {\n            background-color: #d1d1d1; /* \u6EDA\u52A8\u6761\u989C\u8272 */\n            border-radius: 9999px; /* \u5706\u89D2 */\n          }\n\n          .coupon-container::-webkit-scrollbar-thumb:hover {\n            background-color: rgba(100, 100, 100, 0.6);\n          }\n        `}\n      </style>\n\n      {/* \u4F7F\u7528\u5185\u7F6E\u7684 CouponContent \u5B50\u7EC4\u4EF6 */}\n      {coupons?.length ? (\n        <ProductBenefitsTabs.Content value=\"coupon\" className=\"\">\n          <div className=\"coupon-container h-[240px] overflow-y-auto px-4\">\n            <CouponContent\n              coupons={coupons as NonNullable<CouponContentProps['coupons']>}\n              className=\"\"\n              textConfig={mergedTextConfig}\n            />\n          </div>\n        </ProductBenefitsTabs.Content>\n      ) : null}\n\n      <ProductBenefitsTabs.Content value=\"membership\" className=\"\">\n        <h3 className=\"mx-4 mb-2 text-left text-lg font-bold\">{mergedTextConfig.memberBenefits}</h3>\n        <div className={`overflow-y-auto rounded-[16px] px-4 ${isLogin ? 'max-h-[240px]' : 'max-h-[160px]'}`}>\n          <ul\n            className={`list-none [&_li:first-child]:rounded-t-[16px] \n              [&_li:last-child]:rounded-b-[16px] [&_li:last-child]:last:border-b-0 [&_li]:flex [&_li]:items-center [&_li]:gap-2\n              [&_li]:border-b [&_li]:border-b-[#E4E5E6] [&_li]:bg-white [&_li]:px-4\n              [&_li]:py-4 \n              [&_li]:text-left`}\n          >\n            {memberDiscount.enable && (\n              <li>\n                <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n                  <path\n                    d=\"M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3ZM17 13C17.5523 13 18 13.4477 18 14C18 14.5523 17.5523 15 17 15H9.41406L9.70703 15.293C10.0976 15.6835 10.0976 16.3165 9.70703 16.707C9.31651 17.0976 8.68349 17.0976 8.29297 16.707L6.29297 14.707C6.00697 14.421 5.92139 13.9909 6.07617 13.6172C6.23098 13.2436 6.59558 13 7 13H17ZM14.293 7.29297C14.6835 6.90244 15.3165 6.90244 15.707 7.29297L17.707 9.29297C17.993 9.57897 18.0786 10.0091 17.9238 10.3828C17.769 10.7564 17.4044 11 17 11H7C6.44772 11 6 10.5523 6 10C6 9.44771 6.44772 9 7 9H14.5859L14.293 8.70703C13.9024 8.31651 13.9024 7.68349 14.293 7.29297Z\"\n                    fill=\"#1D1D1F\"\n                  />\n                </svg>\n                <Text as=\"p\" className=\"text-left text-[16px] font-medium x:text-[14px]\">\n                  {replaceTemplate(mergedTextConfig.forNewMember, {\n                    amount: formatPrice({\n                      amount: memberDiscount?.config?.amount ?? 0,\n                      currencyCode: variant.price.currencyCode,\n                      locale,\n                    }),\n                  })}\n                </Text>\n              </li>\n            )}\n            {productsBenefits.items?.map((item: any, index: number) =>\n              item.modalText ? (\n                <li key={index}>\n                  <button\n                    onClick={() => openModal?.({ title: item.text, content: item.modalText })}\n                    key={index}\n                    className=\"flex\"\n                  >\n                    <Picture source={item.icon} alt={item.text} className=\"mr-[8px] size-[20px] shrink-0\" />\n                    <Text className=\"text-left text-[16px] font-medium x:text-[14px]\">{item.text}</Text>\n                  </button>\n                </li>\n              ) : (\n                <li key={index} className=\"flex\">\n                  <Picture source={item.icon} alt={item.text} className=\"mr-[8px] size-[20px] shrink-0\" />\n                  <Text as=\"p\" className=\"text-left text-[16px] font-medium x:text-[14px]\">\n                    {item.text}\n                  </Text>\n                </li>\n              )\n            )}\n            {/* \u9AD8\u6807\u7269\u6D41 */}\n            {paidShipping.enable ? (\n              <li>\n                <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n                  <path\n                    d=\"M19 3C19.5523 3 20 3.44772 20 4C20 4.55228 19.5523 5 19 5H10V16H21C21.5523 16 22 16.4477 22 17C22 17.5523 21.5523 18 21 18H19.9961C19.9961 19.6559 18.6547 21 16.998 21C15.3414 21 14 19.6559 14 18H10C10 19.6568 8.65684 21 7 21C5.34317 21 4 19.6568 4 18H2C1.44772 18 1 17.5523 1 17V10.6738L1.00488 10.5771C1.02632 10.3554 1.12145 10.146 1.27637 9.9834L4.77637 6.31055L4.84961 6.24023C5.02993 6.08586 5.26042 6 5.5 6H8V5C8 3.89544 8.89541 3 10 3H19ZM6.00488 18.1025C6.05622 18.6067 6.48234 19 7 19C7.51766 19 7.94378 18.6067 7.99512 18.1025L8 18H6L6.00488 18.1025ZM16.0049 18.1025C16.0561 18.6074 16.4823 19 16.998 19C17.5138 19 17.94 18.6074 17.9912 18.1025L17.9961 18H16L16.0049 18.1025ZM3 11.0723V16H8V8H5.92773L3 11.0723ZM21.6621 6.8252C22.0348 6.41765 22.6676 6.38902 23.0752 6.76172C23.4827 7.13443 23.5104 7.76725 23.1377 8.1748L18.0518 13.7363C17.6625 14.162 17.003 14.1954 16.5732 13.8105L13.333 10.9092C12.9216 10.5408 12.8865 9.90853 13.2549 9.49707C13.6232 9.08565 14.2555 9.05066 14.667 9.41895L17.208 11.6943L21.6621 6.8252Z\"\n                    fill=\"#1D1D1F\"\n                  />\n                </svg>\n                <Text as=\"p\" className=\"text-left text-[16px] font-medium x:text-[14px]\">\n                  {mergedTextConfig.expressShipping}\n                </Text>\n              </li>\n            ) : null}\n            {/* \u79EF\u5206\u62B5\u73B0 */}\n            {creditsRedemption.enable ? (\n              <li>\n                <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n                  <path\n                    d=\"M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3ZM17 13C17.5523 13 18 13.4477 18 14C18 14.5523 17.5523 15 17 15H9.41406L9.70703 15.293C10.0976 15.6835 10.0976 16.3165 9.70703 16.707C9.31651 17.0976 8.68349 17.0976 8.29297 16.707L6.29297 14.707C6.00697 14.421 5.92139 13.9909 6.07617 13.6172C6.23098 13.2436 6.59558 13 7 13H17ZM14.293 7.29297C14.6835 6.90244 15.3165 6.90244 15.707 7.29297L17.707 9.29297C17.993 9.57897 18.0786 10.0091 17.9238 10.3828C17.769 10.7564 17.4044 11 17 11H7C6.44772 11 6 10.5523 6 10C6 9.44771 6.44772 9 7 9H14.5859L14.293 8.70703C13.9024 8.31651 13.9024 7.68349 14.293 7.29297Z\"\n                    fill=\"#1D1D1F\"\n                  />\n                </svg>\n                <Text as=\"p\" className=\"text-left text-[16px] font-medium x:text-[14px]\">\n                  {activated ? (\n                    creditsRedemption?.config?.label?.replace(\n                      '{{amount}}',\n                      formatPrice({\n                        amount: creditsRedemption?.config?.amount ?? 0,\n                        currencyCode: variant.price.currencyCode,\n                        locale,\n                      })\n                    )\n                  ) : (\n                    <>\n                      {mergedTextConfig.creditsAfterActivation}\n                      <span role=\"button\" tabIndex={0} onClick={() => handleActivate()} className=\"underline\">\n                        {mergedTextConfig.active}\n                      </span>\n                    </>\n                  )}\n                </Text>\n              </li>\n            ) : null}\n          </ul>\n        </div>\n        {!isLogin && (\n          <div className=\"px-4 pt-4\">\n            <Button variant=\"primary\" className=\"w-full\" onClick={() => openSignUpPopup?.()}>\n              {copyWriting?.signUp}\n            </Button>\n          </div>\n        )}\n      </ProductBenefitsTabs.Content>\n      {/* \u81EA\u5B9A\u4E49\u5185\u5BB9 */}\n      <ProductBenefitsTabs.Content value=\"installment\" className=\"px-4\">\n        <Heading size={2} className=\"mb-2 text-left text-lg font-bold\">\n          {mergedTextConfig.flexibleInstallment}\n        </Heading>\n        <div className=\"overflow-hidden rounded-[16px] bg-white\">\n          {renderAffirm}\n          {renderKlarna}\n          {renderPaypal && (\n            <div className=\"border-b border-[#D9D9D9] bg-white px-4 py-4 last:border-b-0\">{renderPaypal}</div>\n          )}\n        </div>\n      </ProductBenefitsTabs.Content>\n    </ProductBenefitsTabs>\n  )\n}\n\nexport default BenefitsTab\n"],
-  "mappings": "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",
-  "names": ["BenefitsTab_exports", "__export", "BenefitsTab_default", "__toCommonJS", "import_jsx_runtime", "import_components", "import_ProductBenefitsTabs", "import_BizProductProvider", "import_useBenefits", "import_utils", "import_textFormat", "import_classnames", "import_react", "import_AiuiProvider", "import_useCountDown", "import_useCopy", "defaultTextConfig", "CouponItem", "item", "textConfig", "trackingData", "isCopied", "copyToClipboard", "useCopy", "couponCopy", "days", "hours", "minutes", "seconds", "useCountDown", "openModal", "classNames", "e", "CouponContent", "coupons", "className", "index", "BenefitsTab", "isLogin", "profile", "variant", "renderAffirm", "renderKlarna", "renderPaypal", "onUseCouponChange", "onUseMemberDiscountChange", "discount", "savingDetail", "openSignInPopup", "openAuthCodePopup", "openSignUpPopup", "benefits", "locale", "copyWriting", "mergedTextConfig", "activated", "memberDiscount", "commonCoupon", "creditsRedemption", "freeGift", "bundle", "paidShipping", "fullGift", "levelDiscount", "productsBenefits", "thirdParty", "value", "couponSaving", "memberSaving", "handleActivate", "ProductBenefitsTabs"]
+  "sourcesContent": ["/* eslint-disable jsx-a11y/click-events-have-key-events */\nimport { Button, Checkbox, Text, Picture, Heading } from '../../../../../components/index.js'\nimport ProductBenefitsTabs from './ProductBenefitsTabs/index.js'\nimport { useBizProductContext } from '../../../BizProductProvider.js'\nimport { useBenefits } from '../../../hooks/useBenefits'\nimport { formatPrice } from '../../../utils/index.js'\nimport { replaceTemplate } from '../../../utils/textFormat'\nimport classNames from 'classnames'\nimport React, { useRef, useState } from 'react'\nimport { useAiuiContext } from '../../../../AiuiProvider/index.js'\nimport useCountDown from '../../../../../hooks/useCountDown.js'\nimport useCopy from '../../../hooks/useCopy'\nimport { cn } from '../../../../../helpers/index.js'\n// \u6587\u6848\u914D\u7F6E\u63A5\u53E3\ninterface BenefitsTabTextConfig {\n  // Coupon \u76F8\u5173\n  couponCode?: string // \"Code\"\n  copyCode?: string // \"Copy Code\"\n  copied?: string // \"Copied\"\n  expired?: string // \"Expired\"\n  offCoupon?: string // \"off coupon\"\n  offMemberOnly?: string // \"{amount} off Member Only\"\n  loginNow?: string // \"login now\"\n  selectFreeGift?: string // \"You can select the free gift below.\"\n  bundleSaveUpTo?: string // \"Bundle purchases save extra up to\"\n  bundleOffer?: string // \"We offer {count} bundle for you\"\n  creditsTitle?: string // \"Soundcore credits for cash\"\n  creditsDesc?: string // \"100 Soundcore credits=$1\"\n\n  // Tab \u6807\u7B7E\n  yourBenefits?: string // \"Your Benefits\"\n  off?: string // \"off\"\n  memberBenefits?: string // \"Member Benefits\"\n  memberBenefitsNotLogin?: string // \"Member Benefits\"\n  installment?: string // \"Installment\"\n\n  // Member Benefits \u90E8\u5206\n  forNewMember?: string // \"for New Member\"\n  expressShipping?: string // \"Express Shipping Method\"\n  creditsAfterActivation?: string // \"You will get soundcoreCredits after activation.\"\n  active?: string // \"Active\"\n\n  // Installment \u90E8\u5206\n  flexibleInstallment?: string // \"Flexible installment payment\"\n}\n\nexport type ModalData = {\n  needClickAway?: boolean\n  className?: string\n  title?: string\n  content?: string\n  domContent?: React.ReactNode\n}\n\ninterface BenefitsTabProps {\n  textConfig?: BenefitsTabTextConfig\n}\n\n// \u9ED8\u8BA4\u6587\u6848\u914D\u7F6E\nconst defaultTextConfig: Required<BenefitsTabTextConfig> = {\n  couponCode: 'Code',\n  copyCode: 'Copy Code',\n  copied: 'Copied',\n  expired: 'Expired',\n  offCoupon: '{discount} off coupon',\n  offMemberOnly: '{amount} off Member Only',\n  loginNow: 'Login now',\n  selectFreeGift: 'You can select the free gift below.',\n  bundleSaveUpTo: 'Bundle purchases save extra up to',\n  bundleOffer: 'We offer {count} bundle for you',\n  creditsTitle: 'Soundcore credits for cash',\n  creditsDesc: '100 Soundcore credits=$1',\n  yourBenefits: 'Your Benefits',\n  off: ' off',\n  memberBenefits: 'Member Benefits',\n  memberBenefitsNotLogin: 'You will enjoy a {amount} member discount after logging in.',\n  installment: 'Installment',\n  forNewMember: '{amount} for New Member',\n  expressShipping: 'Express Shipping Method',\n  creditsAfterActivation: 'You will get soundcoreCredits after activation. ',\n  active: 'Active',\n  flexibleInstallment: 'Flexible installment payment ',\n}\n\n// Coupon content component (commonly used)\ninterface CouponContentProps {\n  coupons?: Array<{\n    borderStyle: 'inset' | 'rounded' // \u8FD9\u4E24\u79CD\u6837\u5F0F\u4E0D\u4E00\u6837\uFF0C inset \u56DB\u89D2\u662F\u5185\u5207\u5706\u89D2\uFF0C rounded \u56DB\u89D2\u662F\u666E\u901A\u5706\u89D2\n    useAble?: boolean\n    isAutoUse?: boolean\n    onUseChange?: (useAble: boolean) => void\n    code?: string\n    title: string\n    description: string | React.ReactNode\n    discount?: number\n    couponBgColor?: string\n    bgImage?: { url: string; alt?: string }\n    ends_at?: string\n  }>\n  className?: string\n}\n\nconst CouponItem = ({\n  item,\n  textConfig,\n}: {\n  item: NonNullable<CouponContentProps['coupons']>[number]\n  textConfig: Required<BenefitsTabTextConfig>\n}) => {\n  const { trackingData } = useAiuiContext()\n  const { copied: isCopied, copy: copyToClipboard } = useCopy()\n  const couponCopy = trackingData?.common?.coupon\n  const { days, hours, minutes, seconds } = useCountDown({ endTime: item?.ends_at || '' })\n  const { openModal } = useBizProductContext()\n  return (\n    <>\n      <style jsx>{`\n        .coupon-card {\n          /* \u4F7F\u7528mask\u521B\u5EFA\u5185\u5207\u5706\u89D2 */\n          mask:\n            radial-gradient(circle at 0 0, transparent 12px, white 12px),\n            radial-gradient(circle at 100% 0, transparent 12px, white 12px),\n            radial-gradient(circle at 100% 100%, transparent 12px, white 12px),\n            radial-gradient(circle at 0 100%, transparent 12px, white 12px);\n          mask-size: 50% 50%;\n          mask-position:\n            top left,\n            top right,\n            bottom right,\n            bottom left;\n          mask-repeat: no-repeat;\n        }\n      `}</style>\n      <div\n        style={{\n          background: item.couponBgColor || 'white',\n        }}\n        className={classNames(\n          'relative h-[130px] overflow-hidden ',\n          item.borderStyle === 'inset' ? 'coupon-card ' : 'rounded-[8px]'\n        )}\n      >\n        {item?.bgImage?.url && (\n          <Picture\n            source={item.bgImage.url}\n            alt={item.bgImage.alt}\n            className=\"absolute bottom-0 right-0 w-auto\"\n            imgClassName=\"object-contain\"\n          />\n        )}\n        <div className=\"relative z-1 p-3\">\n          <div className=\"flex items-center justify-start\">\n            {item.useAble && (\n              <Checkbox\n                size=\"lg\"\n                className=\"mr-2 rounded-full\"\n                defaultChecked={item.isAutoUse}\n                onCheckedChange={(e: boolean) => {\n                  item?.onUseChange?.(e)\n                }}\n              />\n            )}\n            <Text html={item.title} className=\"text-[16px] font-bold laptop:text-[20px] lg-desktop:text-[24px]\" />\n          </div>\n          <Text\n            {...(typeof item.description === 'string' ? { html: item.description } : {})}\n            as=\"p\"\n            className=\"mt-2 pr-8 text-[14px] font-bold text-[#3D3D3F] lg-desktop:text-[16px]\"\n          >\n            {item.description}\n          </Text>\n          {item.code && (\n            <div className=\"last:mt-2 flex items-center gap-2\">\n              <Text html={`${textConfig.couponCode}: ${item.code}`} className=\"text-base font-bold text-[#3D3D3F]\" />\n              <button className=\"text-base font-bold underline\" onClick={() => copyToClipboard(item.code ?? '')}>\n                {isCopied ? couponCopy?.copied || textConfig.copied : couponCopy?.copy || textConfig.copyCode}\n              </button>\n            </div>\n          )}\n          {item.ends_at && (\n            <button\n              onClick={() => {\n                if (couponCopy?.modal) {\n                  openModal(couponCopy?.modal!)\n                }\n              }}\n              className=\"mt-[4px] text-left text-[14px] font-semibold text-[#1F2021] x:text-[12px] md-l:hidden\"\n            >\n              {Number(days) < Number(couponCopy?.hurry?.daysLeft) ? (\n                <>\n                  <span>{couponCopy?.ends}</span>\n                  <span className=\"font-bold\">\n                    {` ${days} ${couponCopy?.days} ${hours.toString().padStart(2, '0')}:${minutes.toString().padStart(2, '0')}:${seconds.toString().padStart(2, '0')}`}\n                  </span>\n                </>\n              ) : (\n                couponCopy?.hurry?.label || textConfig.expired\n              )}\n            </button>\n          )}\n        </div>\n      </div>\n    </>\n  )\n}\n\nconst CouponContent = ({\n  coupons,\n  className,\n  textConfig,\n}: CouponContentProps & { textConfig: Required<BenefitsTabTextConfig> }) => {\n  return (\n    <div className={classNames('flex flex-col gap-3 laptop:grid laptop:grid-cols-2 desktop:grid-cols-1', className)}>\n      {coupons?.map((item, index) => <CouponItem key={index} item={item} textConfig={textConfig} />)}\n    </div>\n  )\n}\n\nconst BenefitsTab = ({ textConfig }: BenefitsTabProps) => {\n  const {\n    isLogin,\n    profile,\n    variant,\n    renderAffirm,\n    renderKlarna,\n    renderPaypal,\n    onUseCouponChange,\n    onUseMemberDiscountChange,\n    discount,\n    savingDetail,\n    openModal,\n    openSignInPopup,\n    openAuthCodePopup,\n    openSignUpPopup,\n  } = useBizProductContext()\n  const benefits = useBenefits({ variant })\n  const [productBenefitsTabsValue, setProductBenefitsTabsValue] = useState<'coupon' | 'membership' | 'installment'>(\n    'coupon'\n  )\n  const { trackingData, locale = 'us', copyWriting } = useAiuiContext()\n  const scrollContainerRef = useRef<HTMLDivElement>(null)\n\n  // \u5408\u5E76\u9ED8\u8BA4\u914D\u7F6E\u548C\u4F20\u5165\u7684\u914D\u7F6E\n  const mergedTextConfig = { ...defaultTextConfig, ...textConfig }\n\n  const { activated = false } = profile || {} // \u7528\u6237\u662F\u5426\u6FC0\u6D3B\n  const { memberDiscount, commonCoupon, creditsRedemption, freeGift, bundle, paidShipping, fullGift, levelDiscount } =\n    benefits\n\n  const productsBenefits = trackingData?.product?.support ?? {}\n  const { thirdParty = {} } = trackingData?.common || {}\n\n  const coupons = [\n    commonCoupon?.enable\n      ? {\n          ...commonCoupon.config,\n          isAutoUse: true,\n          useAble: true,\n          borderStyle: 'rounded',\n          code: commonCoupon?.config?.title ?? '',\n          description: commonCoupon?.config?.desc ?? '',\n          onUseChange: (value: boolean) => {\n            const couponSaving = value ? (discount?.codeSavings ?? 0) : 0\n            onUseCouponChange?.(couponSaving)\n          },\n          title: replaceTemplate(mergedTextConfig.offCoupon, {\n            discount:\n              commonCoupon?.config?.value_type == 'percentage'\n                ? Math.abs(Number(commonCoupon?.config?.value || 0)) + '%'\n                : formatPrice({\n                    amount: Math.abs(Number(commonCoupon?.config?.fixed_value || 0)),\n                    currencyCode: variant.price.currencyCode,\n                    locale,\n                  }),\n          }),\n        }\n      : null,\n    memberDiscount.enable\n      ? {\n          useAble: true,\n          isAutoUse: isLogin,\n          title: replaceTemplate(mergedTextConfig.offMemberOnly, {\n            amount: formatPrice({\n              amount: memberDiscount?.config?.amount ?? 0,\n              currencyCode: variant.price.currencyCode,\n              locale,\n            }),\n          }),\n          description: (\n            <>\n              {isLogin\n                ? (memberDiscount?.config?.description ?? '')\n                : (mergedTextConfig.memberBenefitsNotLogin.replace(\n                    '{amount}',\n                    formatPrice({\n                      amount: memberDiscount?.config?.amount ?? 0,\n                      currencyCode: variant.price.currencyCode,\n                      locale,\n                    })\n                  ) ?? '')}{' '}\n              {isLogin ? (\n                ''\n              ) : (\n                <span role=\"button\" tabIndex={0} onClick={() => openSignInPopup?.()} className=\"underline\">\n                  {mergedTextConfig.loginNow}\n                </span>\n              )}\n            </>\n          ),\n          borderStyle: 'rounded',\n          onUseChange: (value: boolean) => {\n            console.log('memberDiscount?.config?.amount', isLogin, openSignInPopup)\n            if (isLogin) {\n              const memberSaving = value ? (memberDiscount?.config?.amount ?? 0) : 0\n              onUseMemberDiscountChange?.(memberSaving)\n              // setSavingDetail(prev => ({\n              //   ...prev,\n              //   member: value ? (memberDiscount?.config?.amount ?? 0) : 0,\n              // }))\n            } else {\n              openSignInPopup?.()\n            }\n          },\n        }\n      : null,\n    levelDiscount.enable\n      ? {\n          title: levelDiscount?.config?.title ?? '',\n          description: levelDiscount?.config?.tag ?? '',\n          borderStyle: 'inset',\n          bgImage: {\n            url: 'https://cdn.shopify.com/s/files/1/0521/9411/5753/files/levelDiscount.png?v=1760437385',\n          },\n        }\n      : null,\n    freeGift.enable\n      ? {\n          title: freeGift?.config?.title ?? '',\n          description: mergedTextConfig.selectFreeGift,\n          borderStyle: 'inset',\n          bgImage: {\n            url: 'https://cdn.shopify.com/s/files/1/0516/3761/6830/files/gift.png?v=1759113534',\n          },\n          couponBgColor:\n            'linear-gradient(94deg, rgba(215, 245, 254, 0.24) 4.2%, rgba(215, 245, 254, 0.80) 99.11%), #FFF',\n        }\n      : null,\n    bundle.enable\n      ? {\n          title: `${mergedTextConfig.bundleSaveUpTo} ${formatPrice({\n            amount: Math.max(...(bundle?.config?.bundleList?.map((item: any) => item.savings ?? 0) ?? [])),\n            currencyCode: variant.price.currencyCode,\n            locale,\n          })}`,\n          borderStyle: 'inset',\n          description: mergedTextConfig.bundleOffer.replace(\n            '{count}',\n            bundle?.config?.bundleList?.length?.toString() ?? ''\n          ),\n          bgImage: {\n            url: 'https://cdn.shopify.com/s/files/1/0516/3761/6830/files/bundle.png?v=1759113534',\n          },\n          couponBgColor:\n            'linear-gradient(94deg, rgba(215, 245, 254, 0.24) 4.2%, rgba(215, 245, 254, 0.80) 99.11%), #FFF',\n        }\n      : null,\n    fullGift.enable\n      ? {\n          title: fullGift?.config?.title ?? '',\n          description: fullGift?.config?.desc ?? '',\n          borderStyle: 'inset',\n          bgImage: {\n            url: 'https://cdn.shopify.com/s/files/1/0516/3761/6830/files/fullGift.png?v=1759141790',\n          },\n          couponBgColor:\n            'linear-gradient(94deg, rgba(215, 245, 254, 0.24) 4.2%, rgba(215, 245, 254, 0.80) 99.11%), #FFF',\n        }\n      : null,\n    creditsRedemption.enable\n      ? {\n          title: mergedTextConfig.creditsTitle,\n          description: mergedTextConfig.creditsDesc,\n          borderStyle: 'inset',\n          bgImage: {\n            url: 'https://cdn.shopify.com/s/files/1/0516/3761/6830/files/cash.png?v=1759113534',\n          },\n          couponBgColor:\n            'linear-gradient(94deg, rgba(215, 245, 254, 0.24) 4.2%, rgba(215, 245, 254, 0.80) 99.11%), #FFF',\n        }\n      : null,\n  ].filter(Boolean)\n\n  const handleActivate = () => {\n    openAuthCodePopup?.()\n  }\n\n  if (!ProductBenefitsTabs) return null\n\n  const handleProductBenefitsTabListClick = (el: React.MouseEvent<HTMLButtonElement>) => {\n    if (scrollContainerRef.current) {\n      const container = scrollContainerRef.current\n      const button = el.currentTarget\n      console.log('button', button.offsetLeft)\n      const scrollLeft = button.offsetLeft - container.offsetWidth / 2 + button.offsetWidth / 2\n      container.scrollTo({\n        left: scrollLeft,\n        behavior: 'smooth',\n      })\n    }\n  }\n\n  return (\n    <ProductBenefitsTabs\n      onValueChange={value => setProductBenefitsTabsValue(value as 'coupon' | 'membership' | 'installment')}\n      defaultValue={coupons?.length ? 'coupon' : 'membership'}\n    >\n      <ProductBenefitsTabs.List ref={scrollContainerRef}>\n        {coupons?.length ? (\n          <ProductBenefitsTabs.Trigger\n            className={cn(productBenefitsTabsValue === 'coupon' && 'text-[#1D1D1F]')}\n            value=\"coupon\"\n            onClick={handleProductBenefitsTabListClick}\n          >\n            {mergedTextConfig.yourBenefits}\n            {/* {(savingDetail.coupon || 0) > 0 && (\n              <ProductBenefitsTabs.Badge>\n                {commonCoupon?.config?.value_type == 'percentage'\n                  ? Math.abs(Number(commonCoupon?.config?.value || 0)) + '%'\n                  : formatPrice({\n                      amount: Math.abs(Number(commonCoupon?.config?.fixed_value || 0)),\n                      currencyCode: variant.price.currencyCode,\n                      locale,\n                    })}\n                {mergedTextConfig.off}\n              </ProductBenefitsTabs.Badge>\n            )} */}\n          </ProductBenefitsTabs.Trigger>\n        ) : null}\n        <ProductBenefitsTabs.Trigger\n          className={cn(productBenefitsTabsValue === 'membership' && 'text-[#1D1D1F]')}\n          value=\"membership\"\n          onClick={handleProductBenefitsTabListClick}\n        >\n          {mergedTextConfig.memberBenefits}\n        </ProductBenefitsTabs.Trigger>\n        <ProductBenefitsTabs.Trigger\n          className={cn(productBenefitsTabsValue === 'installment' && 'text-[#1D1D1F]')}\n          value=\"installment\"\n          onClick={handleProductBenefitsTabListClick}\n        >\n          {mergedTextConfig.installment}\n        </ProductBenefitsTabs.Trigger>\n      </ProductBenefitsTabs.List>\n      <style global jsx>\n        {`\n          .coupon-container::-webkit-scrollbar {\n            width: 4px; /* \u6EDA\u52A8\u6761\u5BBD\u5EA6 */\n            height: 64px; /* \u6A2A\u5411\u6EDA\u52A8\u6761\u9AD8\u5EA6 */\n          }\n\n          .coupon-container::-webkit-scrollbar-track {\n            background: transparent; /* \u6EDA\u52A8\u6761\u8F68\u9053\u80CC\u666F */\n          }\n\n          .coupon-container::-webkit-scrollbar-thumb {\n            background-color: #d1d1d1; /* \u6EDA\u52A8\u6761\u989C\u8272 */\n            border-radius: 9999px; /* \u5706\u89D2 */\n          }\n\n          .coupon-container::-webkit-scrollbar-thumb:hover {\n            background-color: rgba(100, 100, 100, 0.6);\n          }\n        `}\n      </style>\n\n      {/* \u4F7F\u7528\u5185\u7F6E\u7684 CouponContent \u5B50\u7EC4\u4EF6 */}\n      {coupons?.length ? (\n        <ProductBenefitsTabs.Content value=\"coupon\" className=\"\">\n          <div className=\"coupon-container h-[240px] overflow-y-auto p-3 lg-desktop:p-4\">\n            <CouponContent\n              coupons={coupons as NonNullable<CouponContentProps['coupons']>}\n              className=\"\"\n              textConfig={mergedTextConfig}\n            />\n          </div>\n        </ProductBenefitsTabs.Content>\n      ) : null}\n\n      <ProductBenefitsTabs.Content value=\"membership\" className=\"\">\n        <h3 className=\"mx-4 mb-2 text-left text-lg font-bold\">{mergedTextConfig.memberBenefits}</h3>\n        <div className={`overflow-y-auto rounded-[16px] px-4 ${isLogin ? 'max-h-[240px]' : 'max-h-[160px]'}`}>\n          <ul\n            className={`list-none [&_li:first-child]:rounded-t-[16px] \n              [&_li:last-child]:rounded-b-[16px] [&_li:last-child]:last:border-b-0 [&_li]:flex [&_li]:items-center [&_li]:gap-2\n              [&_li]:border-b [&_li]:border-b-[#E4E5E6] [&_li]:bg-white [&_li]:px-4\n              [&_li]:py-4 \n              [&_li]:text-left`}\n          >\n            {memberDiscount.enable && (\n              <li>\n                <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n                  <path\n                    d=\"M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3ZM17 13C17.5523 13 18 13.4477 18 14C18 14.5523 17.5523 15 17 15H9.41406L9.70703 15.293C10.0976 15.6835 10.0976 16.3165 9.70703 16.707C9.31651 17.0976 8.68349 17.0976 8.29297 16.707L6.29297 14.707C6.00697 14.421 5.92139 13.9909 6.07617 13.6172C6.23098 13.2436 6.59558 13 7 13H17ZM14.293 7.29297C14.6835 6.90244 15.3165 6.90244 15.707 7.29297L17.707 9.29297C17.993 9.57897 18.0786 10.0091 17.9238 10.3828C17.769 10.7564 17.4044 11 17 11H7C6.44772 11 6 10.5523 6 10C6 9.44771 6.44772 9 7 9H14.5859L14.293 8.70703C13.9024 8.31651 13.9024 7.68349 14.293 7.29297Z\"\n                    fill=\"#1D1D1F\"\n                  />\n                </svg>\n                <Text as=\"p\" className=\"text-left text-[16px] font-medium x:text-[14px]\">\n                  {replaceTemplate(mergedTextConfig.forNewMember, {\n                    amount: formatPrice({\n                      amount: memberDiscount?.config?.amount ?? 0,\n                      currencyCode: variant.price.currencyCode,\n                      locale,\n                    }),\n                  })}\n                </Text>\n              </li>\n            )}\n            {productsBenefits.items?.map((item: any, index: number) =>\n              item.modalText ? (\n                <li key={index}>\n                  <button\n                    onClick={() => openModal?.({ title: item.text, content: item.modalText })}\n                    key={index}\n                    className=\"flex\"\n                  >\n                    <Picture source={item.icon} alt={item.text} className=\"mr-[8px] size-[20px] shrink-0\" />\n                    <Text className=\"text-left text-[16px] font-medium x:text-[14px]\">{item.text}</Text>\n                  </button>\n                </li>\n              ) : (\n                <li key={index} className=\"flex\">\n                  <Picture source={item.icon} alt={item.text} className=\"mr-[8px] size-[20px] shrink-0\" />\n                  <Text as=\"p\" className=\"text-left text-[16px] font-medium x:text-[14px]\">\n                    {item.text}\n                  </Text>\n                </li>\n              )\n            )}\n            {/* \u9AD8\u6807\u7269\u6D41 */}\n            {paidShipping.enable ? (\n              <li>\n                <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n                  <path\n                    d=\"M19 3C19.5523 3 20 3.44772 20 4C20 4.55228 19.5523 5 19 5H10V16H21C21.5523 16 22 16.4477 22 17C22 17.5523 21.5523 18 21 18H19.9961C19.9961 19.6559 18.6547 21 16.998 21C15.3414 21 14 19.6559 14 18H10C10 19.6568 8.65684 21 7 21C5.34317 21 4 19.6568 4 18H2C1.44772 18 1 17.5523 1 17V10.6738L1.00488 10.5771C1.02632 10.3554 1.12145 10.146 1.27637 9.9834L4.77637 6.31055L4.84961 6.24023C5.02993 6.08586 5.26042 6 5.5 6H8V5C8 3.89544 8.89541 3 10 3H19ZM6.00488 18.1025C6.05622 18.6067 6.48234 19 7 19C7.51766 19 7.94378 18.6067 7.99512 18.1025L8 18H6L6.00488 18.1025ZM16.0049 18.1025C16.0561 18.6074 16.4823 19 16.998 19C17.5138 19 17.94 18.6074 17.9912 18.1025L17.9961 18H16L16.0049 18.1025ZM3 11.0723V16H8V8H5.92773L3 11.0723ZM21.6621 6.8252C22.0348 6.41765 22.6676 6.38902 23.0752 6.76172C23.4827 7.13443 23.5104 7.76725 23.1377 8.1748L18.0518 13.7363C17.6625 14.162 17.003 14.1954 16.5732 13.8105L13.333 10.9092C12.9216 10.5408 12.8865 9.90853 13.2549 9.49707C13.6232 9.08565 14.2555 9.05066 14.667 9.41895L17.208 11.6943L21.6621 6.8252Z\"\n                    fill=\"#1D1D1F\"\n                  />\n                </svg>\n                <Text as=\"p\" className=\"text-left text-[16px] font-medium x:text-[14px]\">\n                  {mergedTextConfig.expressShipping}\n                </Text>\n              </li>\n            ) : null}\n            {/* \u79EF\u5206\u62B5\u73B0 */}\n            {creditsRedemption.enable ? (\n              <li>\n                <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n                  <path\n                    d=\"M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3ZM17 13C17.5523 13 18 13.4477 18 14C18 14.5523 17.5523 15 17 15H9.41406L9.70703 15.293C10.0976 15.6835 10.0976 16.3165 9.70703 16.707C9.31651 17.0976 8.68349 17.0976 8.29297 16.707L6.29297 14.707C6.00697 14.421 5.92139 13.9909 6.07617 13.6172C6.23098 13.2436 6.59558 13 7 13H17ZM14.293 7.29297C14.6835 6.90244 15.3165 6.90244 15.707 7.29297L17.707 9.29297C17.993 9.57897 18.0786 10.0091 17.9238 10.3828C17.769 10.7564 17.4044 11 17 11H7C6.44772 11 6 10.5523 6 10C6 9.44771 6.44772 9 7 9H14.5859L14.293 8.70703C13.9024 8.31651 13.9024 7.68349 14.293 7.29297Z\"\n                    fill=\"#1D1D1F\"\n                  />\n                </svg>\n                <Text as=\"p\" className=\"text-left text-[16px] font-medium x:text-[14px]\">\n                  {activated ? (\n                    creditsRedemption?.config?.label?.replace(\n                      '{{amount}}',\n                      formatPrice({\n                        amount: creditsRedemption?.config?.amount ?? 0,\n                        currencyCode: variant.price.currencyCode,\n                        locale,\n                      })\n                    )\n                  ) : (\n                    <>\n                      {mergedTextConfig.creditsAfterActivation}\n                      <span role=\"button\" tabIndex={0} onClick={() => handleActivate()} className=\"underline\">\n                        {mergedTextConfig.active}\n                      </span>\n                    </>\n                  )}\n                </Text>\n              </li>\n            ) : null}\n          </ul>\n        </div>\n        {!isLogin && (\n          <div className=\"px-4 pt-4\">\n            <Button variant=\"primary\" className=\"w-full\" onClick={() => openSignUpPopup?.()}>\n              {copyWriting?.signUp}\n            </Button>\n          </div>\n        )}\n      </ProductBenefitsTabs.Content>\n      {/* \u81EA\u5B9A\u4E49\u5185\u5BB9 */}\n      <ProductBenefitsTabs.Content value=\"installment\" className=\"px-4\">\n        <Heading size={2} className=\"mb-2 text-left text-lg font-bold\">\n          {mergedTextConfig.flexibleInstallment}\n        </Heading>\n        <div className=\"overflow-hidden rounded-[16px] bg-white\">\n          {renderAffirm}\n          {renderKlarna}\n          {renderPaypal && (\n            <div className=\"border-b border-[#D9D9D9] bg-white px-4 py-4 last:border-b-0\">{renderPaypal}</div>\n          )}\n        </div>\n      </ProductBenefitsTabs.Content>\n    </ProductBenefitsTabs>\n  )\n}\n\nexport default BenefitsTab\n"],
+  "mappings": "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",
+  "names": ["BenefitsTab_exports", "__export", "BenefitsTab_default", "__toCommonJS", "import_jsx_runtime", "import_components", "import_ProductBenefitsTabs", "import_BizProductProvider", "import_useBenefits", "import_utils", "import_textFormat", "import_classnames", "import_react", "import_AiuiProvider", "import_useCountDown", "import_useCopy", "import_helpers", "defaultTextConfig", "CouponItem", "item", "textConfig", "trackingData", "isCopied", "copyToClipboard", "useCopy", "couponCopy", "days", "hours", "minutes", "seconds", "useCountDown", "openModal", "classNames", "e", "CouponContent", "coupons", "className", "index", "BenefitsTab", "isLogin", "profile", "variant", "renderAffirm", "renderKlarna", "renderPaypal", "onUseCouponChange", "onUseMemberDiscountChange", "discount", "savingDetail", "openSignInPopup", "openAuthCodePopup", "openSignUpPopup", "benefits", "productBenefitsTabsValue", "setProductBenefitsTabsValue", "locale", "copyWriting", "scrollContainerRef", "mergedTextConfig", "activated", "memberDiscount", "commonCoupon", "creditsRedemption", "freeGift", "bundle", "paidShipping", "fullGift", "levelDiscount", "productsBenefits", "thirdParty", "value", "couponSaving", "memberSaving", "handleActivate", "ProductBenefitsTabs", "handleProductBenefitsTabListClick", "el", "container", "button", "scrollLeft"]
 }

package/dist/cjs/biz-components/Listing/components/ProductCard/ProductDetail/ProductBenefitsTabs/index.d.ts CHANGED Viewed

@@ -8,7 +8,7 @@ interface BenefitsTabsProps extends HTMLAttributes<HTMLDivElement> {
 declare const ProductBenefitsTabs: {
     ({ defaultValue, value, onValueChange, children, className, ...props }: BenefitsTabsProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
-    List: ({ children, className, ...props }: BenefitsTabsListProps) => import("react/jsx-runtime").JSX.Element;
+    List: import("react").ForwardRefExoticComponent<BenefitsTabsListProps & import("react").RefAttributes<HTMLDivElement>>;
     Trigger: ({ value, children, className, ...props }: BenefitsTabsTriggerProps) => import("react/jsx-runtime").JSX.Element;
     Badge: ({ children, className, ...props }: BenefitsTabsBadgeProps) => import("react/jsx-runtime").JSX.Element;
     Content: ({ value, children, className, ...props }: BenefitsTabsContentProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,2 +1,2 @@
-"use strict";var f=Object.defineProperty;var v=Object.getOwnPropertyDescriptor;var x=Object.getOwnPropertyNames;var L=Object.prototype.hasOwnProperty;var C=(e,t)=>{for(var n in t)f(e,n,{get:t[n],enumerable:!0})},P=(e,t,n,a)=>{if(t&&typeof t=="object"||typeof t=="function")for(let i of x(t))!L.call(e,i)&&i!==n&&f(e,i,{get:()=>t[i],enumerable:!(a=v(t,i))||a.enumerable});return e};var h=e=>P(f({},"__esModule",{value:!0}),e);var E={};C(E,{default:()=>y});module.exports=h(E);var s=require("react/jsx-runtime"),u=require("../../../../../../components/index.js"),c=require("react"),o=require("../../../../../../helpers/index.js"),r=require("@radix-ui/react-tabs");const g=(0,c.createContext)(void 0),N=()=>{const e=(0,c.useContext)(g);if(!e)throw new Error("ProductBenefitsTabs components must be used within ProductBenefitsTabs");return e},l=({defaultValue:e,value:t,onValueChange:n,children:a,className:i,...d})=>{const[B,m]=(0,c.useState)(e),T=t??B,b=p=>{t===void 0&&m(p),n?.(p)};return(0,s.jsx)(g.Provider,{value:{activeValue:T,setActiveValue:b},children:(0,s.jsx)("div",{id:"ipc-product-detail-benefits-tabs",className:(0,o.cn)("bg-[#EAEAEC] rounded-xl py-4",i),...d,children:(0,s.jsx)(r.Root,{value:T,onValueChange:b,children:a})})})},w=({children:e,className:t,...n})=>(0,s.jsx)(r.List,{className:(0,o.cn)("flex space-x-6 overflow-x-auto px-4",t),style:{scrollbarWidth:"none",msOverflowStyle:"none"},...n,children:e}),A=({value:e,children:t,className:n,...a})=>{const{activeValue:i}=N(),d=i===e;return(0,s.jsxs)(r.Trigger,{value:e,className:(0,o.cn)("text-base whitespace-nowrap relative leading-[1.4] font-bold pb-4 text-[#6D6D6F]",n),...a,children:[(0,s.jsx)(u.Text,{className:(0,o.cn)("absolute bottom-0 z-10 left-0 h-[2px] w-0 bg-info-primary transition-all duration-300",d&&"w-full")}),t]})},H=({children:e,className:t,...n})=>(0,s.jsx)(u.Text,{size:1,className:(0,o.cn)("font-bold ml-1 !whitespace-nowrap rounded-full px-2 py-1 text-white bg-brand",t),...n,children:e}),M=({value:e,children:t,className:n,...a})=>(0,s.jsx)(r.Content,{value:e,className:(0,o.cn)("mt-4",n),...a,children:t});l.displayName="ProductBenefitsTabs",l.List=w,l.Trigger=A,l.Badge=H,l.Content=M;var y=l;
+"use strict";var c=Object.defineProperty;var v=Object.getOwnPropertyDescriptor;var x=Object.getOwnPropertyNames;var L=Object.prototype.hasOwnProperty;var C=(e,t)=>{for(var s in t)c(e,s,{get:t[s],enumerable:!0})},P=(e,t,s,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let a of x(t))!L.call(e,a)&&a!==s&&c(e,a,{get:()=>t[a],enumerable:!(n=v(t,a))||n.enumerable});return e};var h=e=>P(c({},"__esModule",{value:!0}),e);var E={};C(E,{default:()=>A});module.exports=h(E);var i=require("react/jsx-runtime"),u=require("../../../../../../components/index.js"),r=require("react"),l=require("../../../../../../helpers/index.js"),o=require("@radix-ui/react-tabs");const g=(0,r.createContext)(void 0),N=()=>{const e=(0,r.useContext)(g);if(!e)throw new Error("ProductBenefitsTabs components must be used within ProductBenefitsTabs");return e},d=({defaultValue:e,value:t,onValueChange:s,children:n,className:a,...f})=>{const[B,m]=(0,r.useState)(e),T=t??B,b=p=>{t===void 0&&m(p),s?.(p)};return(0,i.jsx)(g.Provider,{value:{activeValue:T,setActiveValue:b},children:(0,i.jsx)("div",{id:"ipc-product-detail-benefits-tabs",className:(0,l.cn)("bg-[#EAEAEC] rounded-xl py-[10px] lg-desktop:py-4",a),...f,children:(0,i.jsx)(o.Root,{value:T,onValueChange:b,children:n})})})},w=(0,r.forwardRef)(({children:e,className:t,...s},n)=>(0,i.jsx)(o.List,{className:(0,l.cn)("flex space-x-6 overflow-x-auto px-4 relative",t),style:{scrollbarWidth:"none",msOverflowStyle:"none"},ref:n,...s,children:e})),H=({value:e,children:t,className:s,...n})=>{const{activeValue:a}=N(),f=a===e;return(0,i.jsxs)(o.Trigger,{value:e,className:(0,l.cn)("text-sm lg-desktop:text-base whitespace-nowrap relative leading-[1.4] font-bold pb-4 text-[#6D6D6F]",s),...n,children:[(0,i.jsx)(u.Text,{className:(0,l.cn)("absolute bottom-0 z-10 left-0 h-[2px] w-0 bg-info-primary transition-all duration-300",f&&"w-full")}),t]})},M=({children:e,className:t,...s})=>(0,i.jsx)(u.Text,{size:1,className:(0,l.cn)("font-bold ml-1 !whitespace-nowrap rounded-full px-2 py-1 text-white bg-brand",t),...s,children:e}),y=({value:e,children:t,className:s,...n})=>(0,i.jsx)(o.Content,{value:e,className:(0,l.cn)(s),...n,children:t});d.displayName="ProductBenefitsTabs",d.List=w,d.Trigger=H,d.Badge=M,d.Content=y;var A=d;
 //# sourceMappingURL=index.js.map