@anker-in/campaign-ui 0.3.5 → 0.4.0-beta.2

package/dist/cjs/components/credits/creditsGoGift/type.d.ts

@@ -0,0 +1,22 @@
+import { ConsumeType } from '../context/const';
+export type CreditsGoGiftCopy = {
+    title: string;
+    cardImg: {
+        url: string;
+    };
+    mCardImg?: {
+        url: string;
+    };
+    count?: string;
+    cardTitle: string;
+    cardDesc: string;
+    cardTip: string;
+    redeemBtn: string;
+    unlockRewards: string;
+    viewRedeemHistory?: string;
+    rulesLink?: string;
+    redeemId: string | number;
+    type: ConsumeType;
+    value?: string;
+    rules: string[];
+};

package/dist/cjs/components/credits/creditsGoGift/type.js

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

package/dist/cjs/components/credits/creditsGoGift/type.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/components/credits/creditsGoGift/type.ts"],
+  "sourcesContent": ["import { ConsumeType } from '../context/const'\n\nexport type CreditsGoGiftCopy = {\n  title: string\n  cardImg: {\n    url: string\n  }\n  mCardImg?: {\n    url: string\n  }\n  count?: string\n  cardTitle: string\n  cardDesc: string\n  cardTip: string\n  redeemBtn: string\n  unlockRewards: string\n  viewRedeemHistory?: string\n  rulesLink?: string\n  redeemId: string | number\n  type: ConsumeType\n  value?: string\n  rules: string[]\n}\n"],
+  "mappings": "+WAAA,IAAAA,EAAA,kBAAAC,EAAAD",
+  "names": ["type_exports", "__toCommonJS"]
+}

package/dist/cjs/components/credits/creditsInfoCard/index.js

@@ -1,2 +1,2 @@
-"use strict";var z=Object.create;var c=Object.defineProperty;var B=Object.getOwnPropertyDescriptor;var S=Object.getOwnPropertyNames;var I=Object.getPrototypeOf,R=Object.prototype.hasOwnProperty;var O=(t,a)=>{for(var s in a)c(t,s,{get:a[s],enumerable:!0})},N=(t,a,s,x)=>{if(a&&typeof a=="object"||typeof a=="function")for(let n of S(a))!R.call(t,n)&&n!==s&&c(t,n,{get:()=>a[n],enumerable:!(x=B(a,n))||x.enumerable});return t};var C=(t,a,s)=>(s=t!=null?z(I(t)):{},N(a||!t||!t.__esModule?c(s,"default",{value:t,enumerable:!0}):s,t)),T=t=>N(c({},"__esModule",{value:!0}),t);var A={};O(A,{CreditsInfoCard:()=>_});module.exports=T(A);var e=require("react/jsx-runtime"),o=require("@anker-in/headless-ui"),r=require("react"),w=require("../context/provider"),b=require("../context/utils"),y=C(require("../modal/activitiesModal")),k=C(require("../modal/MyRewardsModal")),i=require("@anker-in/lib"),h=require("../../../constants");function _({copy:t,id:a}){const[s,x]=(0,r.useState)(!1),[n,u]=(0,r.useState)(!1),[f,p]=(0,r.useState)(!1),{creditInfo:m,pageCommon:d}=(0,w.useCreditsContext)(),{brand:M}=(0,i.useHeadlessContext)(),v=h.ROUNDED_BRANDS.includes(M),D=(0,r.useCallback)(l=>{if((0,i.gaNormalClick)({position:"info_card",label:l.text}),l.type)switch(l.type){case"activities":x(!0);break;case"rewards":u(!0);break}},[]);return(0,e.jsxs)(o.Container,{asChild:!0,id:a,className:"-mb-[86px] -translate-y-[86px] x:-mb-[30px] x:-translate-y-[30px]",children:[(0,e.jsxs)("div",{className:(0,i.classNames)("mx-auto flex justify-between items-center rounded-[12px] border border-white px-[24px] py-[40px]","l:flex-col l:items-start","min-l:px-[48px]","min-xl:px-[100px]",!v&&"rounded-none"),style:{background:"linear-gradient(119.61deg, rgba(250, 250, 250, 0.6) 38.58%, rgba(255, 255, 255, 0.6) 63.73%, rgba(249, 252, 255, 0.6) 89.37%)",backdropFilter:"blur(8px)"},children:[(0,e.jsxs)("div",{className:(0,i.classNames)("grid grid-cols-2 gap-[24px] font-bold l:w-full md:grid-cols-1 md:flex-col md:gap-[16px] min-md:items-center"),children:[(0,e.jsxs)("div",{className:"mr-[80px] md:mr-[0] md:flex-1 md-xl:mr-[64px]",children:[(0,e.jsx)("div",{className:(0,i.classNames)("mb-[24px] text-[14px] font-bold l:mb-[6px] xl:text-[16px] min-md:text-[18px] l-xl:mb-[16px]"),children:t.balanceLabel}),(0,e.jsxs)("div",{className:"flex items-baseline",children:[(0,e.jsx)("div",{className:(0,i.classNames)("mr-[8px] text-[36px] font-extrabold text-brand-color-1","min-md:text-[44px]","min-xl:text-[56px]"),children:m?(0,b.numberFormat)(m.available_credit):0}),(0,e.jsx)("div",{className:"text-[16px]",children:d?.pointUnit})]})]}),(0,e.jsxs)("div",{className:"w-fit md:flex-1",children:[(0,e.jsxs)("div",{className:(0,i.classNames)("mb-[24px] flex text-[18px] l:mb-[6px] l:text-[14px] l-xl:mb-[16px]"),children:[(0,e.jsx)(o.Text,{className:"text-[14px] font-bold xl:text-[16px] min-md:text-[18px]",html:t.comingSoonLabel}),t.comingSoonTips&&(0,e.jsxs)("div",{className:"group relative ml-[4px] flex cursor-pointer items-start",children:[(0,e.jsx)(o.Text,{as:"div",html:d?.infoIcon,className:"size-[18px] cursor-pointer [&_svg]:size-full",onClick:()=>{f?p(!1):(p(!0),setTimeout(()=>{p(!1)},5e3))}}),(0,e.jsx)("div",{className:(0,i.classNames)("absolute -bottom-[12px] -left-[32px] z-10 w-[356px] translate-y-full md:w-[276px]",f?"block":"hidden"),children:(0,e.jsxs)("div",{className:(0,i.classNames)("relative rounded-[10px] bg-[#6D6D6F] p-[16px] text-[14px] font-medium text-white shadow",!v&&"rounded-none"),children:[(0,e.jsx)(o.Text,{size:"2",html:t.comingSoonTips,className:"desktop:text-[18px]"}),(0,e.jsx)("div",{className:(0,i.classNames)("absolute -top-[10px] left-[40px] mb-2 size-[16px] origin-top-left rotate-45 transform rounded-[2px] bg-[#6D6D6F]",!v&&"rounded-none")})]})})]})]}),(0,e.jsxs)("div",{className:"flex items-baseline ",children:[(0,e.jsx)("div",{className:(0,i.classNames)("mr-[8px] text-[36px] font-extrabold","min-l:text-[44px]","min-xl:text-[56px]"),children:m?(0,b.numberFormat)(m.pending_credit):0}),(0,e.jsx)("div",{className:"text-[16px]",children:d?.pointUnit})]})]})]}),(0,e.jsx)("div",{className:(0,i.classNames)("grid w-fit md:w-full l:mt-[32px] l:gap-[12px] gap-[16px]  l:pl-0 l:pl-[48px] md-l:grid-cols-2"),children:t.buttons?.map((l,g)=>(0,e.jsx)(o.Button,{variant:g===0?"secondary":"primary",size:"lg",className:"min-w-[156px] laptop:min-w-[189px]",onClick:()=>{D(l)},children:l.text},g))}),d?.activitiesModal&&(0,e.jsx)(y.default,{isOpen:s,data:d?.activitiesModal,onClose:()=>{x(!1)}}),d?.rewardsModal&&(0,e.jsx)(k.default,{isOpen:n,data:d?.rewardsModal,onClose:()=>{u(!1)}})]}),f&&(0,e.jsx)("div",{role:"button",tabIndex:0,className:"fixed inset-0 z-10",onClick:()=>p(!1),onKeyDown:l=>l.key==="Escape"&&p(!1)})]})}
+"use strict";var m=Object.defineProperty;var w=Object.getOwnPropertyDescriptor;var y=Object.getOwnPropertyNames;var k=Object.prototype.hasOwnProperty;var h=(i,a)=>{for(var s in a)m(i,s,{get:a[s],enumerable:!0})},D=(i,a,s,o)=>{if(a&&typeof a=="object"||typeof a=="function")for(let l of y(a))!k.call(i,l)&&l!==s&&m(i,l,{get:()=>a[l],enumerable:!(o=w(a,l))||o.enumerable});return i};var z=i=>D(m({},"__esModule",{value:!0}),i);var S={};h(S,{CreditsInfoCard:()=>B});module.exports=z(S);var e=require("react/jsx-runtime"),d=require("@anker-in/headless-ui"),x=require("react"),u=require("../context/provider"),c=require("../context/utils"),t=require("@anker-in/lib"),g=require("../../../constants");function B({copy:i,id:a}){const[s,o]=(0,x.useState)(!1),{creditInfo:l,pageCommon:r,setOpenMyRewardsModal:b,setOpenActivitiesModal:f}=(0,u.useCreditsContext)(),{brand:N}=(0,t.useHeadlessContext)(),p=g.ROUNDED_BRANDS.includes(N),C=(0,x.useCallback)(n=>{if((0,t.gaNormalClick)({position:"info_card",label:n.text}),n.type)switch(n.type){case"activities":f(!0);break;case"rewards":b(!0);break}},[f,b]);return(0,e.jsxs)(d.Container,{asChild:!0,id:a,className:"-mb-[86px] -translate-y-[86px] x:-mb-[30px] x:-translate-y-[30px]",children:[(0,e.jsxs)("div",{className:(0,t.classNames)("mx-auto flex justify-between items-center rounded-[12px] border border-white px-[24px] py-[40px]","l:flex-col l:items-start","min-l:px-[48px]","min-xl:px-[100px]",!p&&"rounded-none"),style:{background:"linear-gradient(119.61deg, rgba(250, 250, 250, 0.6) 38.58%, rgba(255, 255, 255, 0.6) 63.73%, rgba(249, 252, 255, 0.6) 89.37%)",backdropFilter:"blur(8px)"},children:[(0,e.jsxs)("div",{className:(0,t.classNames)("grid grid-cols-2 gap-[24px] font-bold l:w-full md:grid-cols-1 md:flex-col md:gap-[16px] min-md:items-center"),children:[(0,e.jsxs)("div",{className:"mr-[80px] md:mr-[0] md:flex-1 md-xl:mr-[64px]",children:[(0,e.jsx)("div",{className:(0,t.classNames)("mb-[24px] text-[14px] font-bold l:mb-[6px] xl:text-[16px] min-md:text-[18px] l-xl:mb-[16px]"),children:i.balanceLabel}),(0,e.jsxs)("div",{className:"flex items-baseline",children:[(0,e.jsx)("div",{className:(0,t.classNames)("mr-[8px] text-[36px] font-extrabold text-brand-color-1","min-md:text-[44px]","min-xl:text-[56px]"),children:l?(0,c.numberFormat)(l.available_credit):0}),(0,e.jsx)("div",{className:"text-[16px]",children:r?.pointUnit})]})]}),(0,e.jsxs)("div",{className:"w-fit md:flex-1",children:[(0,e.jsxs)("div",{className:(0,t.classNames)("mb-[24px] flex text-[18px] l:mb-[6px] l:text-[14px] l-xl:mb-[16px]"),children:[(0,e.jsx)(d.Text,{className:"text-[14px] font-bold xl:text-[16px] min-md:text-[18px]",html:i.comingSoonLabel}),i.comingSoonTips&&(0,e.jsxs)("div",{className:"group relative ml-[4px] flex cursor-pointer items-start",children:[(0,e.jsx)(d.Text,{as:"div",html:r?.infoIcon,className:"size-[18px] cursor-pointer [&_svg]:size-full",onClick:()=>{s?o(!1):(o(!0),setTimeout(()=>{o(!1)},5e3))}}),(0,e.jsx)("div",{className:(0,t.classNames)("absolute -bottom-[12px] -left-[32px] z-10 w-[356px] translate-y-full md:w-[276px]",s?"block":"hidden"),children:(0,e.jsxs)("div",{className:(0,t.classNames)("relative rounded-[10px] bg-[#6D6D6F] p-[16px] text-[14px] font-medium text-white shadow",!p&&"rounded-none"),children:[(0,e.jsx)(d.Text,{size:"2",html:i.comingSoonTips,className:"desktop:text-[18px]"}),(0,e.jsx)("div",{className:(0,t.classNames)("absolute -top-[10px] left-[40px] mb-2 size-[16px] origin-top-left rotate-45 transform rounded-[2px] bg-[#6D6D6F]",!p&&"rounded-none")})]})})]})]}),(0,e.jsxs)("div",{className:"flex items-baseline ",children:[(0,e.jsx)("div",{className:(0,t.classNames)("mr-[8px] text-[36px] font-extrabold","min-l:text-[44px]","min-xl:text-[56px]"),children:l?(0,c.numberFormat)(l.pending_credit):0}),(0,e.jsx)("div",{className:"text-[16px]",children:r?.pointUnit})]})]})]}),(0,e.jsx)("div",{className:(0,t.classNames)("grid w-fit md:w-full l:mt-[32px] l:gap-[12px] gap-[16px] l:pl-0 pl-[48px] md-l:grid-cols-2"),children:i.buttons?.map((n,v)=>(0,e.jsx)(d.Button,{variant:v===0?"secondary":"primary",size:"lg",className:"min-w-[156px] laptop:min-w-[189px]",onClick:()=>{C(n)},children:n.text},v))})]}),s&&(0,e.jsx)("div",{role:"button",tabIndex:0,className:"fixed inset-0 z-10",onClick:()=>o(!1),onKeyDown:n=>n.key==="Escape"&&o(!1)})]})}
 //# sourceMappingURL=index.js.map

package/dist/cjs/components/credits/creditsInfoCard/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/components/credits/creditsInfoCard/index.tsx"],
-  "sourcesContent": ["import { Button, Container, Text } from '@anker-in/headless-ui'\n\nimport { useCallback, useState } from 'react'\nimport { useCreditsContext } from '../context/provider'\nimport { numberFormat } from '../context/utils'\nimport ActivitiesModal from '../modal/activitiesModal'\nimport MyRewardsModal from '../modal/MyRewardsModal'\nimport { gaNormalClick, classNames as cn, useHeadlessContext } from '@anker-in/lib'\nimport { ROUNDED_BRANDS } from '../../../constants'\n\ntype ButtonConfig = {\n  text: string\n  type: 'activities' | 'rewards'\n}\nexport type CreditsInfoCardCopy = {\n  balanceLabel: string\n  comingSoonLabel: string\n  comingSoonTips: string\n  buttons: ButtonConfig[]\n}\n\nexport function CreditsInfoCard({ copy, id }: { copy: CreditsInfoCardCopy; id?: string }) {\n  const [openActivities, setOpenActivities] = useState(false)\n  const [openRewards, setOpenRewards] = useState(false)\n  const [hover, setHover] = useState<boolean>(false)\n  const { creditInfo, pageCommon } = useCreditsContext()\n  const { brand } = useHeadlessContext()\n  const rounded = ROUNDED_BRANDS.includes(brand)\n\n  const handleButtonClick = useCallback((buttonConfig: ButtonConfig) => {\n    gaNormalClick({ position: 'info_card', label: buttonConfig.text })\n\n    if (buttonConfig.type) {\n      switch (buttonConfig.type) {\n        case 'activities':\n          setOpenActivities(true)\n          break\n        case 'rewards':\n          setOpenRewards(true)\n          break\n      }\n    }\n  }, [])\n\n  return (\n    <Container asChild id={id} className=\"-mb-[86px] -translate-y-[86px] x:-mb-[30px] x:-translate-y-[30px]\">\n      <div\n        className={cn(\n          'mx-auto flex justify-between items-center rounded-[12px] border border-white px-[24px] py-[40px]',\n          'l:flex-col l:items-start',\n          'min-l:px-[48px]',\n          'min-xl:px-[100px]',\n          !rounded && 'rounded-none'\n        )}\n        style={{\n          background:\n            'linear-gradient(119.61deg, rgba(250, 250, 250, 0.6) 38.58%, rgba(255, 255, 255, 0.6) 63.73%, rgba(249, 252, 255, 0.6) 89.37%)',\n          backdropFilter: 'blur(8px)',\n        }}\n      >\n        <div\n          className={cn(\n            'grid grid-cols-2 gap-[24px] font-bold l:w-full md:grid-cols-1 md:flex-col md:gap-[16px] min-md:items-center'\n          )}\n        >\n          <div className=\"mr-[80px] md:mr-[0] md:flex-1 md-xl:mr-[64px]\">\n            <div\n              className={cn(\n                'mb-[24px] text-[14px] font-bold l:mb-[6px] xl:text-[16px] min-md:text-[18px] l-xl:mb-[16px]'\n              )}\n            >\n              {copy.balanceLabel}\n            </div>\n            <div className=\"flex items-baseline\">\n              <div\n                className={cn(\n                  'mr-[8px] text-[36px] font-extrabold text-brand-color-1',\n                  'min-md:text-[44px]',\n                  'min-xl:text-[56px]'\n                )}\n              >\n                {creditInfo ? numberFormat(creditInfo.available_credit) : 0}\n              </div>\n              <div className=\"text-[16px]\">{pageCommon?.pointUnit}</div>\n            </div>\n          </div>\n          <div className=\"w-fit md:flex-1\">\n            <div className={cn('mb-[24px] flex text-[18px] l:mb-[6px] l:text-[14px] l-xl:mb-[16px]')}>\n              <Text className=\"text-[14px] font-bold xl:text-[16px] min-md:text-[18px]\" html={copy.comingSoonLabel} />\n              {copy.comingSoonTips && (\n                <div className=\"group relative ml-[4px] flex cursor-pointer items-start\">\n                  <Text\n                    as=\"div\"\n                    html={pageCommon?.infoIcon}\n                    className=\"size-[18px] cursor-pointer [&_svg]:size-full\"\n                    onClick={() => {\n                      if (hover) {\n                        setHover(false)\n                      } else {\n                        setHover(true)\n                        setTimeout(() => {\n                          setHover(false)\n                        }, 5000)\n                      }\n                    }}\n                  />\n                  <div\n                    className={cn(\n                      'absolute -bottom-[12px] -left-[32px] z-10 w-[356px] translate-y-full md:w-[276px]',\n                      hover ? 'block' : 'hidden'\n                    )}\n                  >\n                    <div\n                      className={cn(\n                        'relative rounded-[10px] bg-[#6D6D6F] p-[16px] text-[14px] font-medium text-white shadow',\n                        !rounded && 'rounded-none'\n                      )}\n                    >\n                      <Text size=\"2\" html={copy.comingSoonTips} className=\"desktop:text-[18px]\" />\n                      <div\n                        className={cn(\n                          'absolute -top-[10px] left-[40px] mb-2 size-[16px] origin-top-left rotate-45 transform rounded-[2px] bg-[#6D6D6F]',\n                          !rounded && 'rounded-none'\n                        )}\n                      />\n                    </div>\n                  </div>\n                </div>\n              )}\n            </div>\n            <div className=\"flex items-baseline \">\n              <div className={cn('mr-[8px] text-[36px] font-extrabold', 'min-l:text-[44px]', 'min-xl:text-[56px]')}>\n                {creditInfo ? numberFormat(creditInfo.pending_credit) : 0}\n              </div>\n              <div className=\"text-[16px]\">{pageCommon?.pointUnit}</div>\n            </div>\n          </div>\n        </div>\n        <div\n          className={cn(\n            'grid w-fit md:w-full l:mt-[32px] l:gap-[12px] gap-[16px]  l:pl-0 l:pl-[48px] md-l:grid-cols-2'\n          )}\n        >\n          {copy.buttons?.map((item, index) => (\n            <Button\n              key={index}\n              variant={index === 0 ? 'secondary' : 'primary'}\n              size=\"lg\"\n              className=\"min-w-[156px] laptop:min-w-[189px]\"\n              onClick={() => {\n                handleButtonClick(item)\n              }}\n            >\n              {item.text}\n            </Button>\n          ))}\n        </div>\n\n        {pageCommon?.activitiesModal && (\n          <ActivitiesModal\n            isOpen={openActivities}\n            data={pageCommon?.activitiesModal}\n            onClose={() => {\n              setOpenActivities(false)\n            }}\n          />\n        )}\n        {pageCommon?.rewardsModal && (\n          <MyRewardsModal\n            isOpen={openRewards}\n            data={pageCommon?.rewardsModal}\n            onClose={() => {\n              setOpenRewards(false)\n            }}\n          ></MyRewardsModal>\n        )}\n      </div>\n      {hover && (\n        <div\n          role=\"button\"\n          tabIndex={0}\n          className=\"fixed inset-0 z-10\"\n          onClick={() => setHover(false)}\n          onKeyDown={e => e.key === 'Escape' && setHover(false)}\n        />\n      )}\n    </Container>\n  )\n}\n"],
-  "mappings": "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",
-  "names": ["creditsInfoCard_exports", "__export", "CreditsInfoCard", "__toCommonJS", "import_jsx_runtime", "import_headless_ui", "import_react", "import_provider", "import_utils", "import_activitiesModal", "import_MyRewardsModal", "import_lib", "import_constants", "copy", "id", "openActivities", "setOpenActivities", "openRewards", "setOpenRewards", "hover", "setHover", "creditInfo", "pageCommon", "brand", "rounded", "handleButtonClick", "buttonConfig", "cn", "item", "index", "ActivitiesModal", "MyRewardsModal", "e"]
+  "sourcesContent": ["import { Button, Container, Text } from '@anker-in/headless-ui'\n\nimport { useCallback, useState } from 'react'\nimport { useCreditsContext } from '../context/provider'\nimport { numberFormat } from '../context/utils'\nimport { gaNormalClick, classNames as cn, useHeadlessContext } from '@anker-in/lib'\nimport { ROUNDED_BRANDS } from '../../../constants'\n\ntype ButtonConfig = {\n  text: string\n  type: 'activities' | 'rewards'\n}\nexport type CreditsInfoCardCopy = {\n  balanceLabel: string\n  comingSoonLabel: string\n  comingSoonTips: string\n  buttons: ButtonConfig[]\n}\n\nexport function CreditsInfoCard({ copy, id }: { copy: CreditsInfoCardCopy; id?: string }) {\n  const [hover, setHover] = useState<boolean>(false)\n  const { creditInfo, pageCommon, setOpenMyRewardsModal, setOpenActivitiesModal } = useCreditsContext()\n  const { brand } = useHeadlessContext()\n  const rounded = ROUNDED_BRANDS.includes(brand)\n\n  const handleButtonClick = useCallback((buttonConfig: ButtonConfig) => {\n    gaNormalClick({ position: 'info_card', label: buttonConfig.text })\n\n    if (buttonConfig.type) {\n      switch (buttonConfig.type) {\n        case 'activities':\n          setOpenActivitiesModal(true)\n          break\n        case 'rewards':\n          setOpenMyRewardsModal(true)\n          break\n      }\n    }\n  }, [setOpenActivitiesModal, setOpenMyRewardsModal])\n\n  return (\n    <Container asChild id={id} className=\"-mb-[86px] -translate-y-[86px] x:-mb-[30px] x:-translate-y-[30px]\">\n      <div\n        className={cn(\n          'mx-auto flex justify-between items-center rounded-[12px] border border-white px-[24px] py-[40px]',\n          'l:flex-col l:items-start',\n          'min-l:px-[48px]',\n          'min-xl:px-[100px]',\n          !rounded && 'rounded-none'\n        )}\n        style={{\n          background:\n            'linear-gradient(119.61deg, rgba(250, 250, 250, 0.6) 38.58%, rgba(255, 255, 255, 0.6) 63.73%, rgba(249, 252, 255, 0.6) 89.37%)',\n          backdropFilter: 'blur(8px)',\n        }}\n      >\n        <div\n          className={cn(\n            'grid grid-cols-2 gap-[24px] font-bold l:w-full md:grid-cols-1 md:flex-col md:gap-[16px] min-md:items-center'\n          )}\n        >\n          <div className=\"mr-[80px] md:mr-[0] md:flex-1 md-xl:mr-[64px]\">\n            <div\n              className={cn(\n                'mb-[24px] text-[14px] font-bold l:mb-[6px] xl:text-[16px] min-md:text-[18px] l-xl:mb-[16px]'\n              )}\n            >\n              {copy.balanceLabel}\n            </div>\n            <div className=\"flex items-baseline\">\n              <div\n                className={cn(\n                  'mr-[8px] text-[36px] font-extrabold text-brand-color-1',\n                  'min-md:text-[44px]',\n                  'min-xl:text-[56px]'\n                )}\n              >\n                {creditInfo ? numberFormat(creditInfo.available_credit) : 0}\n              </div>\n              <div className=\"text-[16px]\">{pageCommon?.pointUnit}</div>\n            </div>\n          </div>\n          <div className=\"w-fit md:flex-1\">\n            <div className={cn('mb-[24px] flex text-[18px] l:mb-[6px] l:text-[14px] l-xl:mb-[16px]')}>\n              <Text className=\"text-[14px] font-bold xl:text-[16px] min-md:text-[18px]\" html={copy.comingSoonLabel} />\n              {copy.comingSoonTips && (\n                <div className=\"group relative ml-[4px] flex cursor-pointer items-start\">\n                  <Text\n                    as=\"div\"\n                    html={pageCommon?.infoIcon}\n                    className=\"size-[18px] cursor-pointer [&_svg]:size-full\"\n                    onClick={() => {\n                      if (hover) {\n                        setHover(false)\n                      } else {\n                        setHover(true)\n                        setTimeout(() => {\n                          setHover(false)\n                        }, 5000)\n                      }\n                    }}\n                  />\n                  <div\n                    className={cn(\n                      'absolute -bottom-[12px] -left-[32px] z-10 w-[356px] translate-y-full md:w-[276px]',\n                      hover ? 'block' : 'hidden'\n                    )}\n                  >\n                    <div\n                      className={cn(\n                        'relative rounded-[10px] bg-[#6D6D6F] p-[16px] text-[14px] font-medium text-white shadow',\n                        !rounded && 'rounded-none'\n                      )}\n                    >\n                      <Text size=\"2\" html={copy.comingSoonTips} className=\"desktop:text-[18px]\" />\n                      <div\n                        className={cn(\n                          'absolute -top-[10px] left-[40px] mb-2 size-[16px] origin-top-left rotate-45 transform rounded-[2px] bg-[#6D6D6F]',\n                          !rounded && 'rounded-none'\n                        )}\n                      />\n                    </div>\n                  </div>\n                </div>\n              )}\n            </div>\n            <div className=\"flex items-baseline \">\n              <div className={cn('mr-[8px] text-[36px] font-extrabold', 'min-l:text-[44px]', 'min-xl:text-[56px]')}>\n                {creditInfo ? numberFormat(creditInfo.pending_credit) : 0}\n              </div>\n              <div className=\"text-[16px]\">{pageCommon?.pointUnit}</div>\n            </div>\n          </div>\n        </div>\n        <div\n          className={cn(\n            'grid w-fit md:w-full l:mt-[32px] l:gap-[12px] gap-[16px] l:pl-0 pl-[48px] md-l:grid-cols-2'\n          )}\n        >\n          {copy.buttons?.map((item, index) => (\n            <Button\n              key={index}\n              variant={index === 0 ? 'secondary' : 'primary'}\n              size=\"lg\"\n              className=\"min-w-[156px] laptop:min-w-[189px]\"\n              onClick={() => {\n                handleButtonClick(item)\n              }}\n            >\n              {item.text}\n            </Button>\n          ))}\n        </div>\n      </div>\n      {hover && (\n        <div\n          role=\"button\"\n          tabIndex={0}\n          className=\"fixed inset-0 z-10\"\n          onClick={() => setHover(false)}\n          onKeyDown={e => e.key === 'Escape' && setHover(false)}\n        />\n      )}\n    </Container>\n  )\n}\n"],
+  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,qBAAAE,IAAA,eAAAC,EAAAH,GA8DY,IAAAI,EAAA,6BA9DZC,EAAwC,iCAExCC,EAAsC,iBACtCC,EAAkC,+BAClCC,EAA6B,4BAC7BC,EAAoE,yBACpEC,EAA+B,8BAaxB,SAASR,EAAgB,CAAE,KAAAS,EAAM,GAAAC,CAAG,EAA+C,CACxF,KAAM,CAACC,EAAOC,CAAQ,KAAI,YAAkB,EAAK,EAC3C,CAAE,WAAAC,EAAY,WAAAC,EAAY,sBAAAC,EAAuB,uBAAAC,CAAuB,KAAI,qBAAkB,EAC9F,CAAE,MAAAC,CAAM,KAAI,sBAAmB,EAC/BC,EAAU,iBAAe,SAASD,CAAK,EAEvCE,KAAoB,eAAaC,GAA+B,CAGpE,MAFA,iBAAc,CAAE,SAAU,YAAa,MAAOA,EAAa,IAAK,CAAC,EAE7DA,EAAa,KACf,OAAQA,EAAa,KAAM,CACzB,IAAK,aACHJ,EAAuB,EAAI,EAC3B,MACF,IAAK,UACHD,EAAsB,EAAI,EAC1B,KACJ,CAEJ,EAAG,CAACC,EAAwBD,CAAqB,CAAC,EAElD,SACE,QAAC,aAAU,QAAO,GAAC,GAAIL,EAAI,UAAU,oEACnC,qBAAC,OACC,aAAW,EAAAW,YACT,mGACA,2BACA,kBACA,oBACA,CAACH,GAAW,cACd,EACA,MAAO,CACL,WACE,gIACF,eAAgB,WAClB,EAEA,qBAAC,OACC,aAAW,EAAAG,YACT,6GACF,EAEA,qBAAC,OAAI,UAAU,gDACb,oBAAC,OACC,aAAW,EAAAA,YACT,6FACF,EAEC,SAAAZ,EAAK,aACR,KACA,QAAC,OAAI,UAAU,sBACb,oBAAC,OACC,aAAW,EAAAY,YACT,yDACA,qBACA,oBACF,EAEC,SAAAR,KAAa,gBAAaA,EAAW,gBAAgB,EAAI,EAC5D,KACA,OAAC,OAAI,UAAU,cAAe,SAAAC,GAAY,UAAU,GACtD,GACF,KACA,QAAC,OAAI,UAAU,kBACb,qBAAC,OAAI,aAAW,EAAAO,YAAG,oEAAoE,EACrF,oBAAC,QAAK,UAAU,0DAA0D,KAAMZ,EAAK,gBAAiB,EACrGA,EAAK,mBACJ,QAAC,OAAI,UAAU,0DACb,oBAAC,QACC,GAAG,MACH,KAAMK,GAAY,SAClB,UAAU,+CACV,QAAS,IAAM,CACTH,EACFC,EAAS,EAAK,GAEdA,EAAS,EAAI,EACb,WAAW,IAAM,CACfA,EAAS,EAAK,CAChB,EAAG,GAAI,EAEX,EACF,KACA,OAAC,OACC,aAAW,EAAAS,YACT,oFACAV,EAAQ,QAAU,QACpB,EAEA,oBAAC,OACC,aAAW,EAAAU,YACT,0FACA,CAACH,GAAW,cACd,EAEA,oBAAC,QAAK,KAAK,IAAI,KAAMT,EAAK,eAAgB,UAAU,sBAAsB,KAC1E,OAAC,OACC,aAAW,EAAAY,YACT,mHACA,CAACH,GAAW,cACd,EACF,GACF,EACF,GACF,GAEJ,KACA,QAAC,OAAI,UAAU,uBACb,oBAAC,OAAI,aAAW,EAAAG,YAAG,sCAAuC,oBAAqB,oBAAoB,EAChG,SAAAR,KAAa,gBAAaA,EAAW,cAAc,EAAI,EAC1D,KACA,OAAC,OAAI,UAAU,cAAe,SAAAC,GAAY,UAAU,GACtD,GACF,GACF,KACA,OAAC,OACC,aAAW,EAAAO,YACT,4FACF,EAEC,SAAAZ,EAAK,SAAS,IAAI,CAACa,EAAMC,OACxB,OAAC,UAEC,QAASA,IAAU,EAAI,YAAc,UACrC,KAAK,KACL,UAAU,qCACV,QAAS,IAAM,CACbJ,EAAkBG,CAAI,CACxB,EAEC,SAAAA,EAAK,MARDC,CASP,CACD,EACH,GACF,EACCZ,MACC,OAAC,OACC,KAAK,SACL,SAAU,EACV,UAAU,qBACV,QAAS,IAAMC,EAAS,EAAK,EAC7B,UAAWY,GAAKA,EAAE,MAAQ,UAAYZ,EAAS,EAAK,EACtD,GAEJ,CAEJ",
+  "names": ["creditsInfoCard_exports", "__export", "CreditsInfoCard", "__toCommonJS", "import_jsx_runtime", "import_headless_ui", "import_react", "import_provider", "import_utils", "import_lib", "import_constants", "copy", "id", "hover", "setHover", "creditInfo", "pageCommon", "setOpenMyRewardsModal", "setOpenActivitiesModal", "brand", "rounded", "handleButtonClick", "buttonConfig", "cn", "item", "index", "e"]
 }

package/dist/cjs/components/credits/creditsMemberPrice/CreditsMemberPrice.js

@@ -1,2 +1,2 @@
-"use strict";var re=Object.create;var C=Object.defineProperty;var ne=Object.getOwnPropertyDescriptor;var ae=Object.getOwnPropertyNames;var se=Object.getPrototypeOf,ie=Object.prototype.hasOwnProperty;var oe=(n,l)=>{for(var m in l)C(n,m,{get:l[m],enumerable:!0})},W=(n,l,m,_)=>{if(l&&typeof l=="object"||typeof l=="function")for(let u of ae(l))!ie.call(n,u)&&u!==m&&C(n,u,{get:()=>l[u],enumerable:!(_=ne(l,u))||_.enumerable});return n};var v=(n,l,m)=>(m=n!=null?re(se(n)):{},W(l||!n||!n.__esModule?C(m,"default",{value:n,enumerable:!0}):m,n)),le=n=>W(C({},"__esModule",{value:!0}),n);var ce={};oe(ce,{CreditsMemberPrice:()=>me});module.exports=le(ce);var o=require("react/jsx-runtime"),d=require("@anker-in/headless-ui"),i=require("react"),T=v(require("decimal.js")),q=v(require("./MemberPriceItem")),J=v(require("../creditsCash/RedeemableItem")),K=v(require("../context/hooks/useRedeemableList")),Q=v(require("../modal/rulesModal")),N=require("./Pagination"),g=require("@anker-in/lib"),L=require("@anker-in/lib"),X=require("../context/provider"),x=require("../context/memberPriceConst"),Y=require("../../../constants");const me=({copy:n,id:l})=>{const[m,_]=(0,i.useState)(n.tabs[0]?.type||"memberPrice"),[u,F]=(0,i.useState)(),[p,y]=(0,i.useState)(1),[b,h]=(0,i.useState)(9),{redeemableList:A}=(0,K.default)(),{pageCommon:Z,memberPriceDiscount:I,profile:S,gtm:E}=(0,X.useCreditsContext)(),{brand:$}=(0,g.useHeadlessContext)(),j=Y.ROUNDED_BRANDS.includes($),D=(0,i.useRef)(null),H=[{namespace:"global",key:"transparentImg"},{namespace:"__discountCodeApp",key:"data"}];(0,i.useEffect)(()=>{const t=()=>{const r=window.innerWidth;r>=1440?h(12):r>=1024?h(9):r>=768?h(12):h(8)};return t(),window.addEventListener("resize",t),()=>window.removeEventListener("resize",t)},[]),(0,i.useEffect)(()=>{y(1)},[m,b]);const f=(0,i.useMemo)(()=>!I||!n.memberPriceTab.memberPriceRuleId?null:I.find(t=>String(t.rule_id)===String(n.memberPriceTab.memberPriceRuleId)),[I,n.memberPriceTab.memberPriceRuleId]),ee=(0,i.useMemo)(()=>f?(f.result_detail?.member_discounts?.filter(e=>e.user_identity===1)||[]).flatMap(e=>e.main_products?.variants?.map(s=>s.handle)||[]):[],[f]),{data:w}=(0,g.useProductsByHandles)({handles:ee,metafieldIdentifiers:{variant:H}}),{data:k}=(0,g.useProductsByHandles)({handles:n?.redeemTab?.list?.map(t=>t.products?.[0]?.handle)||[],metafieldIdentifiers:{variant:H}}),V=(0,i.useCallback)(t=>{try{const r=t?.metafields?.__discountCodeApp?.data;if(!r)return 0;const e=r;if(!Array.isArray(e)||e.length===0)return 0;const s=new Date,a=e.find(c=>{const P=c.starts_at?new Date(c.starts_at):null,U=c.ends_at?new Date(c.ends_at):null;return!(P&&P>s||U&&U<s)});return a?.fixed_value?parseFloat(a.fixed_value):0}catch(r){return console.error("Failed to get coupon discount:",r),0}},[]),B=(0,i.useCallback)((t,r,e)=>{const s=r?.discount_conf;if(!s)return null;let a=new T.default(t);switch(s.discount_type){case x.FunctionDiscountType.Percentage:a=a.mul(100-s.discount_value).div(100);break;case x.FunctionDiscountType.FixedAmount:a=a.sub(s.discount_value);break;case x.FunctionDiscountType.FixedPrice:a=new T.default(s.discount_value);break}if(e){const c=V(e);c>0&&(a=a.sub(c))}return a.lessThan(0)&&(a=new T.default(0)),{memberPrice:a.toNumber(),originalPrice:t}},[V]),R=(0,i.useMemo)(()=>!f||!w?[]:(f.result_detail?.member_discounts?.filter(e=>e.user_identity===1)||[]).flatMap(e=>(e.main_products?.variants||[]).map(s=>({...s,discount:e}))).map(e=>{const s=w.find(P=>P.handle===e.handle);if(!s)return null;const a=s.variants?.find(P=>P.sku===e.sku)||s.variants?.[0];if(!a||!a.availableForSale)return null;const c=B(a.price.amount,e.discount,a);return c?{product:s,productVariant:a,memberPrice:c.memberPrice,originalPrice:c.originalPrice}:null})?.filter(Boolean)||[],[f,w,B]),M=(0,i.useMemo)(()=>k?.map(t=>{const r=n.redeemTab.list.find(a=>a.products?.[0]?.handle===t.handle),e=A.find(a=>a.id?.toString()===r?.redeemId?.toString()),s=t.variants?.find(a=>a.sku===r?.products?.[0]?.sku)||t.variants?.[0];return!e||!s||!s.availableForSale||e.is_limited&&e.remaining_inventory<=0?null:{product:t,productVariant:s,alpcData:{id:e?.id,consumeCredits:e?.consume_credits,remainingInventory:e?.remaining_inventory,isLimited:e?.is_limited,consumeType:e?.consume_type,title:e?.name,desc:e?.note},config:r}}).filter(Boolean),[k,n.redeemTab.list,A]),z=(0,i.useMemo)(()=>{const t=R?.length||0,r=Math.ceil(t/b),e=(p-1)*b,s=e+b,a=R?.slice(e,s)||[];return{totalPages:r,currentItems:a,showPagination:r>1}},[R,p,b]),G=(0,i.useMemo)(()=>{const t=M?.length||0,r=Math.ceil(t/b),e=(p-1)*b,s=e+b,a=M?.slice(e,s)||[];return{totalPages:r,currentItems:a,showPagination:r>1}},[M,p,b]),O=(0,i.useCallback)(t=>{if(y(t),D.current){const r=D.current.offsetTop;window.scrollTo({top:r-80,behavior:"smooth"})}},[y]),te=(0,i.useCallback)(t=>{const r=t;_(r);const s=n.tabs.find(a=>a.type===r)?.label||"";(0,g.gaTrack)({event:"ga4Event",event_name:"lp_button",member_active_status:S?.activated?"active":"not active",event_parameters:{page_group:E.pageGroup,position:n.title,button_name:s}})},[n.tabs,n.title,S?.activated,E.pageGroup]);return(0,o.jsxs)(d.Container,{id:l,className:(0,L.classNames)("bg-[#F5F5F5]"),ref:D,children:[(0,o.jsx)(d.Heading,{as:"h2",size:"4",html:n.title,className:"mx:px-[16px]"}),(0,o.jsx)(d.Tabs,{align:"left",className:"mt-[24px]",value:m,onValueChange:te,children:(0,o.jsx)(d.TabsList,{children:n.tabs.map((t,r)=>(0,o.jsx)(d.TabsTrigger,{value:t.type,children:t.label},r))})}),(0,o.jsxs)("div",{className:"relative mt-[24px]",children:[m==="memberPrice"&&(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)("div",{className:"grid md:grid-cols-2 gap-[12px] grid-cols-4 md-xl:grid-cols-3 lg:gap-[16px]",children:z.currentItems?.map((t,r)=>(0,o.jsx)(q.default,{itemData:t,copy:n.memberPriceTab},r))}),(0,o.jsx)(N.Pagination,{currentPage:p,totalPages:z.totalPages,onPageChange:O})]}),m==="redeem"&&(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)("div",{className:"grid md:grid-cols-2 gap-[12px] grid-cols-4 md-xl:grid-cols-3 lg:gap-[16px]",children:G.currentItems?.map((t,r)=>(0,o.jsx)(J.default,{copy:{title:n.title,...n.redeemTab},itemData:t,setRules:F,currencyCode:k?.[0]?.price.currencyCode||"USD"},r))}),(0,o.jsx)(N.Pagination,{currentPage:p,totalPages:G.totalPages,onPageChange:O})]})]}),u&&(0,o.jsx)(Q.default,{overlayClassName:"md:px-[16px] md:items-center",className:(0,L.classNames)("md:h-fit md:rounded-b-[16px]",!j&&"md:rounded-none"),isOpen:u.length>0,onClose:()=>F([]),titleClassName:"border-b-transparent h-[56px]",rules:u,scrollClassName:"md:mt-[8px] md:mb-[24px] md:pt-0",title:Z?.ruleLabel,ruleClassName:"text-[#1d1d1f] font-bold"})]})};
+"use strict";var re=Object.create;var C=Object.defineProperty;var ne=Object.getOwnPropertyDescriptor;var ae=Object.getOwnPropertyNames;var se=Object.getPrototypeOf,ie=Object.prototype.hasOwnProperty;var oe=(n,l)=>{for(var m in l)C(n,m,{get:l[m],enumerable:!0})},W=(n,l,m,_)=>{if(l&&typeof l=="object"||typeof l=="function")for(let u of ae(l))!ie.call(n,u)&&u!==m&&C(n,u,{get:()=>l[u],enumerable:!(_=ne(l,u))||_.enumerable});return n};var v=(n,l,m)=>(m=n!=null?re(se(n)):{},W(l||!n||!n.__esModule?C(m,"default",{value:n,enumerable:!0}):m,n)),le=n=>W(C({},"__esModule",{value:!0}),n);var ce={};oe(ce,{CreditsMemberPrice:()=>me});module.exports=le(ce);var o=require("react/jsx-runtime"),d=require("@anker-in/headless-ui"),i=require("react"),T=v(require("decimal.js")),q=v(require("./MemberPriceItem")),J=v(require("../creditsCash/RedeemableItem")),K=v(require("../context/hooks/useRedeemableList")),Q=v(require("../modal/RulesModal")),N=require("./Pagination"),g=require("@anker-in/lib"),L=require("@anker-in/lib"),X=require("../context/provider"),x=require("../context/memberPriceConst"),Y=require("../../../constants");const me=({copy:n,id:l})=>{const[m,_]=(0,i.useState)(n.tabs[0]?.type||"memberPrice"),[u,F]=(0,i.useState)(),[p,y]=(0,i.useState)(1),[b,h]=(0,i.useState)(9),{redeemableList:A}=(0,K.default)(),{pageCommon:Z,memberPriceDiscount:I,profile:S,gtm:E}=(0,X.useCreditsContext)(),{brand:$}=(0,g.useHeadlessContext)(),j=Y.ROUNDED_BRANDS.includes($),D=(0,i.useRef)(null),H=[{namespace:"global",key:"transparentImg"},{namespace:"__discountCodeApp",key:"data"}];(0,i.useEffect)(()=>{const t=()=>{const r=window.innerWidth;r>=1440?h(12):r>=1024?h(9):r>=768?h(12):h(8)};return t(),window.addEventListener("resize",t),()=>window.removeEventListener("resize",t)},[]),(0,i.useEffect)(()=>{y(1)},[m,b]);const f=(0,i.useMemo)(()=>!I||!n.memberPriceTab.memberPriceRuleId?null:I.find(t=>String(t.rule_id)===String(n.memberPriceTab.memberPriceRuleId)),[I,n.memberPriceTab.memberPriceRuleId]),ee=(0,i.useMemo)(()=>f?(f.result_detail?.member_discounts?.filter(e=>e.user_identity===1)||[]).flatMap(e=>e.main_products?.variants?.map(s=>s.handle)||[]):[],[f]),{data:w}=(0,g.useProductsByHandles)({handles:ee,metafieldIdentifiers:{variant:H}}),{data:k}=(0,g.useProductsByHandles)({handles:n?.redeemTab?.list?.map(t=>t.products?.[0]?.handle)||[],metafieldIdentifiers:{variant:H}}),V=(0,i.useCallback)(t=>{try{const r=t?.metafields?.__discountCodeApp?.data;if(!r)return 0;const e=r;if(!Array.isArray(e)||e.length===0)return 0;const s=new Date,a=e.find(c=>{const P=c.starts_at?new Date(c.starts_at):null,U=c.ends_at?new Date(c.ends_at):null;return!(P&&P>s||U&&U<s)});return a?.fixed_value?parseFloat(a.fixed_value):0}catch(r){return console.error("Failed to get coupon discount:",r),0}},[]),B=(0,i.useCallback)((t,r,e)=>{const s=r?.discount_conf;if(!s)return null;let a=new T.default(t);switch(s.discount_type){case x.FunctionDiscountType.Percentage:a=a.mul(100-s.discount_value).div(100);break;case x.FunctionDiscountType.FixedAmount:a=a.sub(s.discount_value);break;case x.FunctionDiscountType.FixedPrice:a=new T.default(s.discount_value);break}if(e){const c=V(e);c>0&&(a=a.sub(c))}return a.lessThan(0)&&(a=new T.default(0)),{memberPrice:a.toNumber(),originalPrice:t}},[V]),R=(0,i.useMemo)(()=>!f||!w?[]:(f.result_detail?.member_discounts?.filter(e=>e.user_identity===1)||[]).flatMap(e=>(e.main_products?.variants||[]).map(s=>({...s,discount:e}))).map(e=>{const s=w.find(P=>P.handle===e.handle);if(!s)return null;const a=s.variants?.find(P=>P.sku===e.sku)||s.variants?.[0];if(!a||!a.availableForSale)return null;const c=B(a.price.amount,e.discount,a);return c?{product:s,productVariant:a,memberPrice:c.memberPrice,originalPrice:c.originalPrice}:null})?.filter(Boolean)||[],[f,w,B]),M=(0,i.useMemo)(()=>k?.map(t=>{const r=n.redeemTab.list.find(a=>a.products?.[0]?.handle===t.handle),e=A.find(a=>a.id?.toString()===r?.redeemId?.toString()),s=t.variants?.find(a=>a.sku===r?.products?.[0]?.sku)||t.variants?.[0];return!e||!s||!s.availableForSale||e.is_limited&&e.remaining_inventory<=0?null:{product:t,productVariant:s,alpcData:{id:e?.id,consumeCredits:e?.consume_credits,remainingInventory:e?.remaining_inventory,isLimited:e?.is_limited,consumeType:e?.consume_type,title:e?.name,desc:e?.note},config:r}}).filter(Boolean),[k,n.redeemTab.list,A]),z=(0,i.useMemo)(()=>{const t=R?.length||0,r=Math.ceil(t/b),e=(p-1)*b,s=e+b,a=R?.slice(e,s)||[];return{totalPages:r,currentItems:a,showPagination:r>1}},[R,p,b]),G=(0,i.useMemo)(()=>{const t=M?.length||0,r=Math.ceil(t/b),e=(p-1)*b,s=e+b,a=M?.slice(e,s)||[];return{totalPages:r,currentItems:a,showPagination:r>1}},[M,p,b]),O=(0,i.useCallback)(t=>{if(y(t),D.current){const r=D.current.offsetTop;window.scrollTo({top:r-80,behavior:"smooth"})}},[y]),te=(0,i.useCallback)(t=>{const r=t;_(r);const s=n.tabs.find(a=>a.type===r)?.label||"";(0,g.gaTrack)({event:"ga4Event",event_name:"lp_button",member_active_status:S?.activated?"active":"not active",event_parameters:{page_group:E.pageGroup,position:n.title,button_name:s}})},[n.tabs,n.title,S?.activated,E.pageGroup]);return(0,o.jsxs)(d.Container,{id:l,className:(0,L.classNames)("bg-[#F5F5F5]"),ref:D,children:[(0,o.jsx)(d.Heading,{as:"h2",size:"4",html:n.title,className:"mx:px-[16px]"}),(0,o.jsx)(d.Tabs,{align:"left",className:"mt-[24px]",value:m,onValueChange:te,children:(0,o.jsx)(d.TabsList,{children:n.tabs.map((t,r)=>(0,o.jsx)(d.TabsTrigger,{value:t.type,children:t.label},r))})}),(0,o.jsxs)("div",{className:"relative mt-[24px]",children:[m==="memberPrice"&&(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)("div",{className:"grid md:grid-cols-2 gap-[12px] grid-cols-4 md-xl:grid-cols-3 lg:gap-[16px]",children:z.currentItems?.map((t,r)=>(0,o.jsx)(q.default,{itemData:t,copy:n.memberPriceTab},r))}),(0,o.jsx)(N.Pagination,{currentPage:p,totalPages:z.totalPages,onPageChange:O})]}),m==="redeem"&&(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)("div",{className:"grid md:grid-cols-2 gap-[12px] grid-cols-4 md-xl:grid-cols-3 lg:gap-[16px]",children:G.currentItems?.map((t,r)=>(0,o.jsx)(J.default,{copy:{title:n.title,...n.redeemTab},itemData:t,setRules:F,currencyCode:k?.[0]?.price.currencyCode||"USD"},r))}),(0,o.jsx)(N.Pagination,{currentPage:p,totalPages:G.totalPages,onPageChange:O})]})]}),u&&(0,o.jsx)(Q.default,{overlayClassName:"md:px-[16px] md:items-center",className:(0,L.classNames)("md:h-fit md:rounded-b-[16px]",!j&&"md:rounded-none"),isOpen:u.length>0,onClose:()=>F([]),titleClassName:"border-b-transparent h-[56px]",rules:u,scrollClassName:"md:mt-[8px] md:mb-[24px] md:pt-0",title:Z?.ruleLabel,ruleClassName:"text-[#1d1d1f] font-bold"})]})};
 //# sourceMappingURL=CreditsMemberPrice.js.map

package/dist/cjs/components/credits/creditsMemberPrice/CreditsMemberPrice.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/components/credits/creditsMemberPrice/CreditsMemberPrice.tsx"],
-  "sourcesContent": ["import { Container, Heading, Tabs, TabsList, TabsTrigger } from '@anker-in/headless-ui'\nimport { useMemo, useState, useEffect, useCallback, useRef } from 'react'\nimport Decimal from 'decimal.js'\n\nimport MemberPriceItem from './MemberPriceItem'\nimport RedeemableItem from '../creditsCash/RedeemableItem'\nimport useRedeemableList from '../context/hooks/useRedeemableList'\nimport RulesModal from '../modal/rulesModal'\nimport { Pagination } from './Pagination'\nimport { useProductsByHandles, useHeadlessContext, gaTrack } from '@anker-in/lib'\nimport { CreditsMemberPriceCopy, MemberPriceProduct } from './type'\nimport { Product, classNames as cn } from '@anker-in/lib'\nimport { useCreditsContext } from '../context/provider'\nimport { RedeemItem } from '../creditsCash/type'\nimport { FunctionDiscountType } from '../context/memberPriceConst'\nimport { ROUNDED_BRANDS } from '../../../constants'\n\nexport const CreditsMemberPrice = ({ copy, id }: { copy: CreditsMemberPriceCopy; id?: string }) => {\n  const [activeTab, setActiveTab] = useState<'memberPrice' | 'redeem'>(copy.tabs[0]?.type || 'memberPrice')\n  const [rules, setRules] = useState<string | string[]>()\n  const [currentPage, setCurrentPage] = useState(1)\n  const [itemsPerPage, setItemsPerPage] = useState(9) // \u9ED8\u8BA4 1024px \u4EE5\u4E0A\uFF1A3\u5217 \u00D7 3\u884C = 9\n  const { redeemableList } = useRedeemableList()\n  const { pageCommon, memberPriceDiscount, profile, gtm } = useCreditsContext()\n  const { brand } = useHeadlessContext()\n  const rounded = ROUNDED_BRANDS.includes(brand)\n  const containerRef = useRef<HTMLDivElement>(null)\n\n  // \u5B9A\u4E49\u9700\u8981\u83B7\u53D6\u7684 metafield\uFF0C\u5305\u62EC\u900F\u660E\u56FE\u548C\u4F18\u60E0\u5238\u4FE1\u606F\n  const variantMetafieldIdentifiers: any[] = [\n    {\n      namespace: 'global',\n      key: 'transparentImg',\n    },\n    {\n      namespace: '__discountCodeApp',\n      key: 'data',\n    },\n  ]\n\n  // \u6839\u636E\u5C4F\u5E55\u5C3A\u5BF8\u52A8\u6001\u8C03\u6574\u6BCF\u9875\u663E\u793A\u7684\u5546\u54C1\u6570\u91CF\n  useEffect(() => {\n    const updateItemsPerPage = () => {\n      const width = window.innerWidth\n      if (width >= 1440) {\n        // 1920px \u4EE5\u4E0A\uFF1A4\u5217 \u00D7 3\u884C = 12\u4E2A\n        setItemsPerPage(12)\n      } else if (width >= 1024) {\n        // 1024px - 1919px\uFF1A3\u5217 \u00D7 3\u884C = 9\u4E2A\n        setItemsPerPage(9)\n      } else if (width >= 768) {\n        // 1024px \u4EE5\u4E0B\uFF1A3\u5217 \u00D7 4\u884C = 12\u4E2A\n        setItemsPerPage(12)\n      } else {\n        // 768px \u4EE5\u4E0B\uFF1A2\u5217 \u00D7 4\u884C = 8\u4E2A\n        setItemsPerPage(8)\n      }\n    }\n\n    updateItemsPerPage()\n    window.addEventListener('resize', updateItemsPerPage)\n    return () => window.removeEventListener('resize', updateItemsPerPage)\n  }, [])\n\n  // \u5F53\u5207\u6362 tab \u6216\u6BCF\u9875\u6570\u91CF\u53D8\u5316\u65F6\u91CD\u7F6E\u9875\u7801\n  useEffect(() => {\n    setCurrentPage(1)\n  }, [activeTab, itemsPerPage])\n\n  // \u6839\u636E\u914D\u7F6E\u7684 ruleId \u67E5\u627E\u5BF9\u5E94\u7684\u4F1A\u5458\u4EF7\u89C4\u5219\n  const targetRule = useMemo(() => {\n    if (!memberPriceDiscount || !copy.memberPriceTab.memberPriceRuleId) return null\n    return memberPriceDiscount.find(rule => String(rule.rule_id) === String(copy.memberPriceTab.memberPriceRuleId))\n  }, [memberPriceDiscount, copy.memberPriceTab.memberPriceRuleId])\n\n  const memberPriceHandles = useMemo(() => {\n    if (!targetRule) return []\n\n    // \u83B7\u53D6\u6240\u6709 user_identity === 1 \u7684 discounts\n    const allDiscounts = targetRule.result_detail?.member_discounts?.filter(\n      (discount: any) => discount.user_identity === 1\n    ) || []\n\n    // \u5408\u5E76\u6240\u6709 discounts \u7684 variants \u7684 handles\n    const handles = allDiscounts.flatMap((discount: any) =>\n      discount.main_products?.variants?.map((variant: any) => variant.handle) || []\n    )\n\n    return handles\n  }, [targetRule])\n\n  // \u83B7\u53D6\u4F1A\u5458\u4EF7\u4EA7\u54C1\u6570\u636E\uFF08\u901A\u8FC7\u4ECE memberPriceDiscount \u63D0\u53D6\u7684 handles \u83B7\u53D6\u4EA7\u54C1\uFF09\n  const { data: memberPriceProducts } = useProductsByHandles({\n    handles: memberPriceHandles,\n    metafieldIdentifiers: {\n      variant: variantMetafieldIdentifiers,\n    },\n  })\n\n  // \u83B7\u53D6\u79EF\u5206\u5151\u6362\u4EA7\u54C1\u6570\u636E\n  const { data: redeemProducts } = useProductsByHandles({\n    handles: copy?.redeemTab?.list?.map(item => item.products?.[0]?.handle) || [],\n    metafieldIdentifiers: {\n      variant: variantMetafieldIdentifiers,\n    },\n  })\n\n  // \u4ECE variant metafields \u4E2D\u83B7\u53D6\u6709\u6548\u7684 coupon \u6298\u6263\u91D1\u989D\n  const getCouponDiscount = useCallback((variant: any) => {\n    try {\n      const discountData = variant?.metafields?.__discountCodeApp?.data\n      if (!discountData) return 0\n\n      // discountData \u5DF2\u7ECF\u662F\u5BF9\u8C61\uFF0C\u4E0D\u9700\u8981 JSON.parse\n      const discounts = discountData\n      if (!Array.isArray(discounts) || discounts.length === 0) return 0\n\n      // \u83B7\u53D6\u7B2C\u4E00\u4E2A\u6709\u6548\u7684 coupon\uFF08\u68C0\u67E5\u65F6\u95F4\u8303\u56F4\uFF09\n      const now = new Date()\n      const validDiscount = discounts.find((discount: any) => {\n        const startsAt = discount.starts_at ? new Date(discount.starts_at) : null\n        const endsAt = discount.ends_at ? new Date(discount.ends_at) : null\n\n        // \u68C0\u67E5 coupon \u662F\u5426\u5728\u6709\u6548\u671F\u5185\n        if (startsAt && startsAt > now) return false\n        if (endsAt && endsAt < now) return false\n\n        return true\n      })\n\n      // \u8FD4\u56DE\u6298\u6263\u91D1\u989D\uFF08fixed_amount \u7C7B\u578B\uFF09\n      if (validDiscount?.fixed_value) {\n        return parseFloat(validDiscount.fixed_value)\n      }\n\n      return 0\n    } catch (error) {\n      console.error('Failed to get coupon discount:', error)\n      return 0\n    }\n  }, [])\n\n  // \u8BA1\u7B97\u4F1A\u5458\u4EF7\u7684\u8F85\u52A9\u51FD\u6570\uFF08\u4EC5\u4F7F\u7528\u666E\u901A\u4F1A\u5458 user_identity = 1 \u7684\u6298\u6263\uFF0C\u5E76\u53E0\u52A0 coupon \u6298\u6263\uFF09\n  const calculateMemberPrice = useCallback(\n    (price: number, discount: any, variant?: any) => {\n      const discountConfig = discount?.discount_conf\n      if (!discountConfig) return null\n\n      // \u6839\u636E\u6298\u6263\u7C7B\u578B\u8BA1\u7B97\u4F1A\u5458\u4EF7\n      let salePrice = new Decimal(price)\n      switch (discountConfig.discount_type) {\n        case FunctionDiscountType.Percentage:\n          salePrice = salePrice.mul(100 - discountConfig.discount_value).div(100)\n          break\n        case FunctionDiscountType.FixedAmount:\n          salePrice = salePrice.sub(discountConfig.discount_value)\n          break\n        case FunctionDiscountType.FixedPrice:\n          salePrice = new Decimal(discountConfig.discount_value)\n          break\n      }\n\n      // \u53E0\u52A0 coupon \u6298\u6263\n      if (variant) {\n        const couponDiscount = getCouponDiscount(variant)\n        if (couponDiscount > 0) {\n          salePrice = salePrice.sub(couponDiscount)\n        }\n      }\n\n      // \u786E\u4FDD\u4EF7\u683C\u4E0D\u4E3A\u8D1F\u6570\n      if (salePrice.lessThan(0)) {\n        salePrice = new Decimal(0)\n      }\n\n      return {\n        memberPrice: salePrice.toNumber(),\n        originalPrice: price,\n      }\n    },\n    [getCouponDiscount]\n  )\n\n  // \u5904\u7406\u4F1A\u5458\u4EF7\u4EA7\u54C1\u5217\u8868\uFF08\u4EC5\u666E\u901A\u4F1A\u5458 user_identity = 1 \u7684\u6298\u6263\uFF09\n  const memberPriceList = useMemo(() => {\n    if (!targetRule || !memberPriceProducts) return []\n\n    // \u83B7\u53D6\u6240\u6709 user_identity === 1 \u7684 discounts\n    const allDiscounts = targetRule.result_detail?.member_discounts?.filter(\n      (discount: any) => discount.user_identity === 1\n    ) || []\n\n    // \u5408\u5E76\u6240\u6709 discounts \u7684 variants\uFF0C\u5E76\u4FDD\u5B58\u5BF9\u5E94\u7684 discount \u4FE1\u606F\n    const allVariantsWithDiscount = allDiscounts.flatMap((discount: any) =>\n      (discount.main_products?.variants || []).map((variant: any) => ({\n        ...variant,\n        discount, // \u5C06 discount \u4FE1\u606F\u4FDD\u5B58\u5230 variant \u4E2D\n      }))\n    )\n\n    return (\n      (allVariantsWithDiscount\n        .map((variantWithDiscount: any) => {\n          const product = memberPriceProducts.find(p => p.handle === variantWithDiscount.handle)\n          if (!product) return null\n\n          const productVariant = product.variants?.find(v => v.sku === variantWithDiscount.sku) || product.variants?.[0]\n          if (!productVariant || !productVariant.availableForSale) return null\n\n          const priceResult = calculateMemberPrice(\n            productVariant.price.amount,\n            variantWithDiscount.discount,\n            productVariant\n          )\n          if (!priceResult) return null\n\n          return {\n            product,\n            productVariant,\n            memberPrice: priceResult.memberPrice,\n            originalPrice: priceResult.originalPrice,\n          }\n        })\n        ?.filter(Boolean) as unknown as MemberPriceProduct[]) || []\n    )\n  }, [targetRule, memberPriceProducts, calculateMemberPrice])\n\n  // \u5904\u7406\u79EF\u5206\u5151\u6362\u4EA7\u54C1\u5217\u8868\uFF08\u590D\u7528 creditsCash \u7684\u903B\u8F91\uFF0C\u8FC7\u6EE4\u7F3A\u8D27\u5546\u54C1\uFF09\n  const redeemList = useMemo(() => {\n    return redeemProducts\n      ?.map((product: Product) => {\n        const config = copy.redeemTab.list.find(item => item.products?.[0]?.handle === product.handle)\n        const alpcData = redeemableList.find(item => item.id?.toString() === config?.redeemId?.toString())\n        const productVariant =\n          product.variants?.find((variant: any) => variant.sku === config?.products?.[0]?.sku) || product.variants?.[0]\n\n        // \u8FC7\u6EE4\u6761\u4EF6\uFF1A\n        // 1. \u5FC5\u987B\u6709 alpcData \u548C productVariant\n        // 2. \u5546\u54C1\u4E0D\u80FD\u7F3A\u8D27\n        // 3. \u5982\u679C\u6709\u5E93\u5B58\u9650\u5236\uFF0C\u5219\u5E93\u5B58\u5FC5\u987B\u5927\u4E8E 0\n        if (!alpcData || !productVariant) return null\n        if (!productVariant.availableForSale) return null\n        if (alpcData.is_limited && alpcData.remaining_inventory <= 0) return null\n\n        return {\n          product,\n          productVariant,\n          alpcData: {\n            id: alpcData?.id,\n            consumeCredits: alpcData?.consume_credits,\n            remainingInventory: alpcData?.remaining_inventory,\n            isLimited: alpcData?.is_limited,\n            consumeType: alpcData?.consume_type,\n            title: alpcData?.name,\n            desc: alpcData?.note,\n          },\n          config,\n        }\n      })\n      .filter(Boolean) as unknown as RedeemItem[]\n  }, [redeemProducts, copy.redeemTab.list, redeemableList])\n\n  // \u8BA1\u7B97\u4F1A\u5458\u4EF7\u5206\u9875\n  const memberPricePagination = useMemo(() => {\n    const totalItems = memberPriceList?.length || 0\n    const totalPages = Math.ceil(totalItems / itemsPerPage)\n    const startIndex = (currentPage - 1) * itemsPerPage\n    const endIndex = startIndex + itemsPerPage\n    const currentItems = memberPriceList?.slice(startIndex, endIndex) || []\n\n    return {\n      totalPages,\n      currentItems,\n      showPagination: totalPages > 1,\n    }\n  }, [memberPriceList, currentPage, itemsPerPage])\n\n  // \u8BA1\u7B97\u79EF\u5206\u5151\u6362\u5206\u9875\n  const redeemPagination = useMemo(() => {\n    const totalItems = redeemList?.length || 0\n    const totalPages = Math.ceil(totalItems / itemsPerPage)\n    const startIndex = (currentPage - 1) * itemsPerPage\n    const endIndex = startIndex + itemsPerPage\n    const currentItems = redeemList?.slice(startIndex, endIndex) || []\n\n    return {\n      totalPages,\n      currentItems,\n      showPagination: totalPages > 1,\n    }\n  }, [redeemList, currentPage, itemsPerPage])\n\n  // \u5904\u7406\u9875\u9762\u5207\u6362\uFF0C\u6EDA\u52A8\u5230\u6A21\u5757\u9876\u90E8\n  const handlePageChange = useCallback(\n    (page: number) => {\n      setCurrentPage(page)\n      // \u6EDA\u52A8\u5230\u6A21\u5757\u9876\u90E8\n      if (containerRef.current) {\n        const top = containerRef.current.offsetTop\n        window.scrollTo({\n          top: top - 80, // \u51CF\u53BB 80px \u7684\u504F\u79FB\u91CF\uFF0C\u907F\u514D\u88AB\u56FA\u5B9A\u5934\u90E8\u906E\u6321\n          behavior: 'smooth',\n        })\n      }\n    },\n    [setCurrentPage]\n  )\n\n  // \u5904\u7406 tab \u5207\u6362\u5E76\u53D1\u9001\u57CB\u70B9\n  const handleTabChange = useCallback(\n    (value: string) => {\n      const tabType = value as 'memberPrice' | 'redeem'\n      setActiveTab(tabType)\n\n      // \u67E5\u627E\u5F53\u524D tab \u7684 label\n      const currentTab = copy.tabs.find(tab => tab.type === tabType)\n      const tabLabel = currentTab?.label || ''\n\n      // \u53D1\u9001 tab \u70B9\u51FB\u57CB\u70B9\n      gaTrack({\n        event: 'ga4Event',\n        event_name: 'lp_button',\n        member_active_status: profile?.activated ? 'active' : 'not active',\n        event_parameters: {\n          page_group: gtm.pageGroup,\n          position: copy.title,\n          button_name: tabLabel,\n        },\n      })\n    },\n    [copy.tabs, copy.title, profile?.activated, gtm.pageGroup]\n  )\n\n  return (\n    <Container id={id} className={cn('bg-[#F5F5F5]')} ref={containerRef}>\n      <Heading as=\"h2\" size=\"4\" html={copy.title} className=\"mx:px-[16px]\" />\n\n      <Tabs\n        align=\"left\"\n        className=\"mt-[24px]\"\n        value={activeTab}\n        onValueChange={handleTabChange}\n      >\n        <TabsList>\n          {copy.tabs.map((tab, index) => (\n            <TabsTrigger key={index} value={tab.type}>\n              {tab.label}\n            </TabsTrigger>\n          ))}\n        </TabsList>\n      </Tabs>\n\n      {/* Tab \u5185\u5BB9 */}\n      <div className=\"relative mt-[24px]\">\n        {/* \u4F1A\u5458\u4EF7 Tab  */}\n        {activeTab === 'memberPrice' && (\n          <>\n            <div className=\"grid md:grid-cols-2 gap-[12px] grid-cols-4 md-xl:grid-cols-3 lg:gap-[16px]\">\n              {memberPricePagination.currentItems?.map((item, index: number) => (\n                <MemberPriceItem key={index} itemData={item} copy={copy.memberPriceTab} />\n              ))}\n            </div>\n            <Pagination\n              currentPage={currentPage}\n              totalPages={memberPricePagination.totalPages}\n              onPageChange={handlePageChange}\n            />\n          </>\n        )}\n\n        {/* \u79EF\u5206\u5151\u6362 Tab  */}\n        {activeTab === 'redeem' && (\n          <>\n            <div className=\"grid md:grid-cols-2 gap-[12px] grid-cols-4 md-xl:grid-cols-3 lg:gap-[16px]\">\n              {redeemPagination.currentItems?.map((item, index: number) => (\n                <RedeemableItem\n                  key={index}\n                  copy={{\n                    title: copy.title,\n                    ...copy.redeemTab,\n                  }}\n                  itemData={item}\n                  setRules={setRules}\n                  currencyCode={redeemProducts?.[0]?.price.currencyCode || 'USD'}\n                />\n              ))}\n            </div>\n            <Pagination\n              currentPage={currentPage}\n              totalPages={redeemPagination.totalPages}\n              onPageChange={handlePageChange}\n            />\n          </>\n        )}\n      </div>\n\n      {/* Rules Modal */}\n      {rules && (\n        <RulesModal\n          overlayClassName=\"md:px-[16px] md:items-center\"\n          className={cn('md:h-fit md:rounded-b-[16px]', !rounded && 'md:rounded-none')}\n          isOpen={rules.length > 0}\n          onClose={() => setRules([])}\n          titleClassName=\"border-b-transparent h-[56px]\"\n          rules={rules}\n          scrollClassName=\"md:mt-[8px] md:mb-[24px] md:pt-0\"\n          title={pageCommon?.ruleLabel}\n          ruleClassName=\"text-[#1d1d1f] font-bold\"\n        />\n      )}\n    </Container>\n  )\n}\n"],
+  "sourcesContent": ["import { Container, Heading, Tabs, TabsList, TabsTrigger } from '@anker-in/headless-ui'\nimport { useMemo, useState, useEffect, useCallback, useRef } from 'react'\nimport Decimal from 'decimal.js'\n\nimport MemberPriceItem from './MemberPriceItem'\nimport RedeemableItem from '../creditsCash/RedeemableItem'\nimport useRedeemableList from '../context/hooks/useRedeemableList'\nimport RulesModal from '../modal/RulesModal'\nimport { Pagination } from './Pagination'\nimport { useProductsByHandles, useHeadlessContext, gaTrack } from '@anker-in/lib'\nimport { CreditsMemberPriceCopy, MemberPriceProduct } from './type'\nimport { Product, classNames as cn } from '@anker-in/lib'\nimport { useCreditsContext } from '../context/provider'\nimport { RedeemItem } from '../creditsCash/type'\nimport { FunctionDiscountType } from '../context/memberPriceConst'\nimport { ROUNDED_BRANDS } from '../../../constants'\n\nexport const CreditsMemberPrice = ({ copy, id }: { copy: CreditsMemberPriceCopy; id?: string }) => {\n  const [activeTab, setActiveTab] = useState<'memberPrice' | 'redeem'>(copy.tabs[0]?.type || 'memberPrice')\n  const [rules, setRules] = useState<string | string[]>()\n  const [currentPage, setCurrentPage] = useState(1)\n  const [itemsPerPage, setItemsPerPage] = useState(9) // \u9ED8\u8BA4 1024px \u4EE5\u4E0A\uFF1A3\u5217 \u00D7 3\u884C = 9\n  const { redeemableList } = useRedeemableList()\n  const { pageCommon, memberPriceDiscount, profile, gtm } = useCreditsContext()\n  const { brand } = useHeadlessContext()\n  const rounded = ROUNDED_BRANDS.includes(brand)\n  const containerRef = useRef<HTMLDivElement>(null)\n\n  // \u5B9A\u4E49\u9700\u8981\u83B7\u53D6\u7684 metafield\uFF0C\u5305\u62EC\u900F\u660E\u56FE\u548C\u4F18\u60E0\u5238\u4FE1\u606F\n  const variantMetafieldIdentifiers: any[] = [\n    {\n      namespace: 'global',\n      key: 'transparentImg',\n    },\n    {\n      namespace: '__discountCodeApp',\n      key: 'data',\n    },\n  ]\n\n  // \u6839\u636E\u5C4F\u5E55\u5C3A\u5BF8\u52A8\u6001\u8C03\u6574\u6BCF\u9875\u663E\u793A\u7684\u5546\u54C1\u6570\u91CF\n  useEffect(() => {\n    const updateItemsPerPage = () => {\n      const width = window.innerWidth\n      if (width >= 1440) {\n        // 1920px \u4EE5\u4E0A\uFF1A4\u5217 \u00D7 3\u884C = 12\u4E2A\n        setItemsPerPage(12)\n      } else if (width >= 1024) {\n        // 1024px - 1919px\uFF1A3\u5217 \u00D7 3\u884C = 9\u4E2A\n        setItemsPerPage(9)\n      } else if (width >= 768) {\n        // 1024px \u4EE5\u4E0B\uFF1A3\u5217 \u00D7 4\u884C = 12\u4E2A\n        setItemsPerPage(12)\n      } else {\n        // 768px \u4EE5\u4E0B\uFF1A2\u5217 \u00D7 4\u884C = 8\u4E2A\n        setItemsPerPage(8)\n      }\n    }\n\n    updateItemsPerPage()\n    window.addEventListener('resize', updateItemsPerPage)\n    return () => window.removeEventListener('resize', updateItemsPerPage)\n  }, [])\n\n  // \u5F53\u5207\u6362 tab \u6216\u6BCF\u9875\u6570\u91CF\u53D8\u5316\u65F6\u91CD\u7F6E\u9875\u7801\n  useEffect(() => {\n    setCurrentPage(1)\n  }, [activeTab, itemsPerPage])\n\n  // \u6839\u636E\u914D\u7F6E\u7684 ruleId \u67E5\u627E\u5BF9\u5E94\u7684\u4F1A\u5458\u4EF7\u89C4\u5219\n  const targetRule = useMemo(() => {\n    if (!memberPriceDiscount || !copy.memberPriceTab.memberPriceRuleId) return null\n    return memberPriceDiscount.find(rule => String(rule.rule_id) === String(copy.memberPriceTab.memberPriceRuleId))\n  }, [memberPriceDiscount, copy.memberPriceTab.memberPriceRuleId])\n\n  const memberPriceHandles = useMemo(() => {\n    if (!targetRule) return []\n\n    // \u83B7\u53D6\u6240\u6709 user_identity === 1 \u7684 discounts\n    const allDiscounts = targetRule.result_detail?.member_discounts?.filter(\n      (discount: any) => discount.user_identity === 1\n    ) || []\n\n    // \u5408\u5E76\u6240\u6709 discounts \u7684 variants \u7684 handles\n    const handles = allDiscounts.flatMap((discount: any) =>\n      discount.main_products?.variants?.map((variant: any) => variant.handle) || []\n    )\n\n    return handles\n  }, [targetRule])\n\n  // \u83B7\u53D6\u4F1A\u5458\u4EF7\u4EA7\u54C1\u6570\u636E\uFF08\u901A\u8FC7\u4ECE memberPriceDiscount \u63D0\u53D6\u7684 handles \u83B7\u53D6\u4EA7\u54C1\uFF09\n  const { data: memberPriceProducts } = useProductsByHandles({\n    handles: memberPriceHandles,\n    metafieldIdentifiers: {\n      variant: variantMetafieldIdentifiers,\n    },\n  })\n\n  // \u83B7\u53D6\u79EF\u5206\u5151\u6362\u4EA7\u54C1\u6570\u636E\n  const { data: redeemProducts } = useProductsByHandles({\n    handles: copy?.redeemTab?.list?.map(item => item.products?.[0]?.handle) || [],\n    metafieldIdentifiers: {\n      variant: variantMetafieldIdentifiers,\n    },\n  })\n\n  // \u4ECE variant metafields \u4E2D\u83B7\u53D6\u6709\u6548\u7684 coupon \u6298\u6263\u91D1\u989D\n  const getCouponDiscount = useCallback((variant: any) => {\n    try {\n      const discountData = variant?.metafields?.__discountCodeApp?.data\n      if (!discountData) return 0\n\n      // discountData \u5DF2\u7ECF\u662F\u5BF9\u8C61\uFF0C\u4E0D\u9700\u8981 JSON.parse\n      const discounts = discountData\n      if (!Array.isArray(discounts) || discounts.length === 0) return 0\n\n      // \u83B7\u53D6\u7B2C\u4E00\u4E2A\u6709\u6548\u7684 coupon\uFF08\u68C0\u67E5\u65F6\u95F4\u8303\u56F4\uFF09\n      const now = new Date()\n      const validDiscount = discounts.find((discount: any) => {\n        const startsAt = discount.starts_at ? new Date(discount.starts_at) : null\n        const endsAt = discount.ends_at ? new Date(discount.ends_at) : null\n\n        // \u68C0\u67E5 coupon \u662F\u5426\u5728\u6709\u6548\u671F\u5185\n        if (startsAt && startsAt > now) return false\n        if (endsAt && endsAt < now) return false\n\n        return true\n      })\n\n      // \u8FD4\u56DE\u6298\u6263\u91D1\u989D\uFF08fixed_amount \u7C7B\u578B\uFF09\n      if (validDiscount?.fixed_value) {\n        return parseFloat(validDiscount.fixed_value)\n      }\n\n      return 0\n    } catch (error) {\n      console.error('Failed to get coupon discount:', error)\n      return 0\n    }\n  }, [])\n\n  // \u8BA1\u7B97\u4F1A\u5458\u4EF7\u7684\u8F85\u52A9\u51FD\u6570\uFF08\u4EC5\u4F7F\u7528\u666E\u901A\u4F1A\u5458 user_identity = 1 \u7684\u6298\u6263\uFF0C\u5E76\u53E0\u52A0 coupon \u6298\u6263\uFF09\n  const calculateMemberPrice = useCallback(\n    (price: number, discount: any, variant?: any) => {\n      const discountConfig = discount?.discount_conf\n      if (!discountConfig) return null\n\n      // \u6839\u636E\u6298\u6263\u7C7B\u578B\u8BA1\u7B97\u4F1A\u5458\u4EF7\n      let salePrice = new Decimal(price)\n      switch (discountConfig.discount_type) {\n        case FunctionDiscountType.Percentage:\n          salePrice = salePrice.mul(100 - discountConfig.discount_value).div(100)\n          break\n        case FunctionDiscountType.FixedAmount:\n          salePrice = salePrice.sub(discountConfig.discount_value)\n          break\n        case FunctionDiscountType.FixedPrice:\n          salePrice = new Decimal(discountConfig.discount_value)\n          break\n      }\n\n      // \u53E0\u52A0 coupon \u6298\u6263\n      if (variant) {\n        const couponDiscount = getCouponDiscount(variant)\n        if (couponDiscount > 0) {\n          salePrice = salePrice.sub(couponDiscount)\n        }\n      }\n\n      // \u786E\u4FDD\u4EF7\u683C\u4E0D\u4E3A\u8D1F\u6570\n      if (salePrice.lessThan(0)) {\n        salePrice = new Decimal(0)\n      }\n\n      return {\n        memberPrice: salePrice.toNumber(),\n        originalPrice: price,\n      }\n    },\n    [getCouponDiscount]\n  )\n\n  // \u5904\u7406\u4F1A\u5458\u4EF7\u4EA7\u54C1\u5217\u8868\uFF08\u4EC5\u666E\u901A\u4F1A\u5458 user_identity = 1 \u7684\u6298\u6263\uFF09\n  const memberPriceList = useMemo(() => {\n    if (!targetRule || !memberPriceProducts) return []\n\n    // \u83B7\u53D6\u6240\u6709 user_identity === 1 \u7684 discounts\n    const allDiscounts = targetRule.result_detail?.member_discounts?.filter(\n      (discount: any) => discount.user_identity === 1\n    ) || []\n\n    // \u5408\u5E76\u6240\u6709 discounts \u7684 variants\uFF0C\u5E76\u4FDD\u5B58\u5BF9\u5E94\u7684 discount \u4FE1\u606F\n    const allVariantsWithDiscount = allDiscounts.flatMap((discount: any) =>\n      (discount.main_products?.variants || []).map((variant: any) => ({\n        ...variant,\n        discount, // \u5C06 discount \u4FE1\u606F\u4FDD\u5B58\u5230 variant \u4E2D\n      }))\n    )\n\n    return (\n      (allVariantsWithDiscount\n        .map((variantWithDiscount: any) => {\n          const product = memberPriceProducts.find(p => p.handle === variantWithDiscount.handle)\n          if (!product) return null\n\n          const productVariant = product.variants?.find(v => v.sku === variantWithDiscount.sku) || product.variants?.[0]\n          if (!productVariant || !productVariant.availableForSale) return null\n\n          const priceResult = calculateMemberPrice(\n            productVariant.price.amount,\n            variantWithDiscount.discount,\n            productVariant\n          )\n          if (!priceResult) return null\n\n          return {\n            product,\n            productVariant,\n            memberPrice: priceResult.memberPrice,\n            originalPrice: priceResult.originalPrice,\n          }\n        })\n        ?.filter(Boolean) as unknown as MemberPriceProduct[]) || []\n    )\n  }, [targetRule, memberPriceProducts, calculateMemberPrice])\n\n  // \u5904\u7406\u79EF\u5206\u5151\u6362\u4EA7\u54C1\u5217\u8868\uFF08\u590D\u7528 creditsCash \u7684\u903B\u8F91\uFF0C\u8FC7\u6EE4\u7F3A\u8D27\u5546\u54C1\uFF09\n  const redeemList = useMemo(() => {\n    return redeemProducts\n      ?.map((product: Product) => {\n        const config = copy.redeemTab.list.find(item => item.products?.[0]?.handle === product.handle)\n        const alpcData = redeemableList.find(item => item.id?.toString() === config?.redeemId?.toString())\n        const productVariant =\n          product.variants?.find((variant: any) => variant.sku === config?.products?.[0]?.sku) || product.variants?.[0]\n\n        // \u8FC7\u6EE4\u6761\u4EF6\uFF1A\n        // 1. \u5FC5\u987B\u6709 alpcData \u548C productVariant\n        // 2. \u5546\u54C1\u4E0D\u80FD\u7F3A\u8D27\n        // 3. \u5982\u679C\u6709\u5E93\u5B58\u9650\u5236\uFF0C\u5219\u5E93\u5B58\u5FC5\u987B\u5927\u4E8E 0\n        if (!alpcData || !productVariant) return null\n        if (!productVariant.availableForSale) return null\n        if (alpcData.is_limited && alpcData.remaining_inventory <= 0) return null\n\n        return {\n          product,\n          productVariant,\n          alpcData: {\n            id: alpcData?.id,\n            consumeCredits: alpcData?.consume_credits,\n            remainingInventory: alpcData?.remaining_inventory,\n            isLimited: alpcData?.is_limited,\n            consumeType: alpcData?.consume_type,\n            title: alpcData?.name,\n            desc: alpcData?.note,\n          },\n          config,\n        }\n      })\n      .filter(Boolean) as unknown as RedeemItem[]\n  }, [redeemProducts, copy.redeemTab.list, redeemableList])\n\n  // \u8BA1\u7B97\u4F1A\u5458\u4EF7\u5206\u9875\n  const memberPricePagination = useMemo(() => {\n    const totalItems = memberPriceList?.length || 0\n    const totalPages = Math.ceil(totalItems / itemsPerPage)\n    const startIndex = (currentPage - 1) * itemsPerPage\n    const endIndex = startIndex + itemsPerPage\n    const currentItems = memberPriceList?.slice(startIndex, endIndex) || []\n\n    return {\n      totalPages,\n      currentItems,\n      showPagination: totalPages > 1,\n    }\n  }, [memberPriceList, currentPage, itemsPerPage])\n\n  // \u8BA1\u7B97\u79EF\u5206\u5151\u6362\u5206\u9875\n  const redeemPagination = useMemo(() => {\n    const totalItems = redeemList?.length || 0\n    const totalPages = Math.ceil(totalItems / itemsPerPage)\n    const startIndex = (currentPage - 1) * itemsPerPage\n    const endIndex = startIndex + itemsPerPage\n    const currentItems = redeemList?.slice(startIndex, endIndex) || []\n\n    return {\n      totalPages,\n      currentItems,\n      showPagination: totalPages > 1,\n    }\n  }, [redeemList, currentPage, itemsPerPage])\n\n  // \u5904\u7406\u9875\u9762\u5207\u6362\uFF0C\u6EDA\u52A8\u5230\u6A21\u5757\u9876\u90E8\n  const handlePageChange = useCallback(\n    (page: number) => {\n      setCurrentPage(page)\n      // \u6EDA\u52A8\u5230\u6A21\u5757\u9876\u90E8\n      if (containerRef.current) {\n        const top = containerRef.current.offsetTop\n        window.scrollTo({\n          top: top - 80, // \u51CF\u53BB 80px \u7684\u504F\u79FB\u91CF\uFF0C\u907F\u514D\u88AB\u56FA\u5B9A\u5934\u90E8\u906E\u6321\n          behavior: 'smooth',\n        })\n      }\n    },\n    [setCurrentPage]\n  )\n\n  // \u5904\u7406 tab \u5207\u6362\u5E76\u53D1\u9001\u57CB\u70B9\n  const handleTabChange = useCallback(\n    (value: string) => {\n      const tabType = value as 'memberPrice' | 'redeem'\n      setActiveTab(tabType)\n\n      // \u67E5\u627E\u5F53\u524D tab \u7684 label\n      const currentTab = copy.tabs.find(tab => tab.type === tabType)\n      const tabLabel = currentTab?.label || ''\n\n      // \u53D1\u9001 tab \u70B9\u51FB\u57CB\u70B9\n      gaTrack({\n        event: 'ga4Event',\n        event_name: 'lp_button',\n        member_active_status: profile?.activated ? 'active' : 'not active',\n        event_parameters: {\n          page_group: gtm.pageGroup,\n          position: copy.title,\n          button_name: tabLabel,\n        },\n      })\n    },\n    [copy.tabs, copy.title, profile?.activated, gtm.pageGroup]\n  )\n\n  return (\n    <Container id={id} className={cn('bg-[#F5F5F5]')} ref={containerRef}>\n      <Heading as=\"h2\" size=\"4\" html={copy.title} className=\"mx:px-[16px]\" />\n\n      <Tabs\n        align=\"left\"\n        className=\"mt-[24px]\"\n        value={activeTab}\n        onValueChange={handleTabChange}\n      >\n        <TabsList>\n          {copy.tabs.map((tab, index) => (\n            <TabsTrigger key={index} value={tab.type}>\n              {tab.label}\n            </TabsTrigger>\n          ))}\n        </TabsList>\n      </Tabs>\n\n      {/* Tab \u5185\u5BB9 */}\n      <div className=\"relative mt-[24px]\">\n        {/* \u4F1A\u5458\u4EF7 Tab  */}\n        {activeTab === 'memberPrice' && (\n          <>\n            <div className=\"grid md:grid-cols-2 gap-[12px] grid-cols-4 md-xl:grid-cols-3 lg:gap-[16px]\">\n              {memberPricePagination.currentItems?.map((item, index: number) => (\n                <MemberPriceItem key={index} itemData={item} copy={copy.memberPriceTab} />\n              ))}\n            </div>\n            <Pagination\n              currentPage={currentPage}\n              totalPages={memberPricePagination.totalPages}\n              onPageChange={handlePageChange}\n            />\n          </>\n        )}\n\n        {/* \u79EF\u5206\u5151\u6362 Tab  */}\n        {activeTab === 'redeem' && (\n          <>\n            <div className=\"grid md:grid-cols-2 gap-[12px] grid-cols-4 md-xl:grid-cols-3 lg:gap-[16px]\">\n              {redeemPagination.currentItems?.map((item, index: number) => (\n                <RedeemableItem\n                  key={index}\n                  copy={{\n                    title: copy.title,\n                    ...copy.redeemTab,\n                  }}\n                  itemData={item}\n                  setRules={setRules}\n                  currencyCode={redeemProducts?.[0]?.price.currencyCode || 'USD'}\n                />\n              ))}\n            </div>\n            <Pagination\n              currentPage={currentPage}\n              totalPages={redeemPagination.totalPages}\n              onPageChange={handlePageChange}\n            />\n          </>\n        )}\n      </div>\n\n      {/* Rules Modal */}\n      {rules && (\n        <RulesModal\n          overlayClassName=\"md:px-[16px] md:items-center\"\n          className={cn('md:h-fit md:rounded-b-[16px]', !rounded && 'md:rounded-none')}\n          isOpen={rules.length > 0}\n          onClose={() => setRules([])}\n          titleClassName=\"border-b-transparent h-[56px]\"\n          rules={rules}\n          scrollClassName=\"md:mt-[8px] md:mb-[24px] md:pt-0\"\n          title={pageCommon?.ruleLabel}\n          ruleClassName=\"text-[#1d1d1f] font-bold\"\n        />\n      )}\n    </Container>\n  )\n}\n"],
   "mappings": "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",
-  "names": ["CreditsMemberPrice_exports", "__export", "CreditsMemberPrice", "__toCommonJS", "import_jsx_runtime", "import_headless_ui", "import_react", "import_decimal", "import_MemberPriceItem", "import_RedeemableItem", "import_useRedeemableList", "import_rulesModal", "import_Pagination", "import_lib", "import_provider", "import_memberPriceConst", "import_constants", "copy", "id", "activeTab", "setActiveTab", "rules", "setRules", "currentPage", "setCurrentPage", "itemsPerPage", "setItemsPerPage", "redeemableList", "useRedeemableList", "pageCommon", "memberPriceDiscount", "profile", "gtm", "brand", "rounded", "containerRef", "variantMetafieldIdentifiers", "updateItemsPerPage", "width", "targetRule", "rule", "memberPriceHandles", "discount", "variant", "memberPriceProducts", "redeemProducts", "item", "getCouponDiscount", "discountData", "discounts", "now", "validDiscount", "startsAt", "endsAt", "error", "calculateMemberPrice", "price", "discountConfig", "salePrice", "Decimal", "couponDiscount", "memberPriceList", "variantWithDiscount", "product", "p", "productVariant", "v", "priceResult", "redeemList", "config", "alpcData", "memberPricePagination", "totalItems", "totalPages", "startIndex", "endIndex", "currentItems", "redeemPagination", "handlePageChange", "page", "top", "handleTabChange", "value", "tabType", "tabLabel", "tab", "cn", "index", "MemberPriceItem", "RedeemableItem", "RulesModal"]
+  "names": ["CreditsMemberPrice_exports", "__export", "CreditsMemberPrice", "__toCommonJS", "import_jsx_runtime", "import_headless_ui", "import_react", "import_decimal", "import_MemberPriceItem", "import_RedeemableItem", "import_useRedeemableList", "import_RulesModal", "import_Pagination", "import_lib", "import_provider", "import_memberPriceConst", "import_constants", "copy", "id", "activeTab", "setActiveTab", "rules", "setRules", "currentPage", "setCurrentPage", "itemsPerPage", "setItemsPerPage", "redeemableList", "useRedeemableList", "pageCommon", "memberPriceDiscount", "profile", "gtm", "brand", "rounded", "containerRef", "variantMetafieldIdentifiers", "updateItemsPerPage", "width", "targetRule", "rule", "memberPriceHandles", "discount", "variant", "memberPriceProducts", "redeemProducts", "item", "getCouponDiscount", "discountData", "discounts", "now", "validDiscount", "startsAt", "endsAt", "error", "calculateMemberPrice", "price", "discountConfig", "salePrice", "Decimal", "couponDiscount", "memberPriceList", "variantWithDiscount", "product", "p", "productVariant", "v", "priceResult", "redeemList", "config", "alpcData", "memberPricePagination", "totalItems", "totalPages", "startIndex", "endIndex", "currentItems", "redeemPagination", "handlePageChange", "page", "top", "handleTabChange", "value", "tabType", "tabLabel", "tab", "cn", "index", "MemberPriceItem", "RedeemableItem", "RulesModal"]
 }

package/dist/cjs/components/credits/creditsRedeemList/CreditsRedeemList.js

@@ -1,2 +1,2 @@
-"use strict";var Q=Object.create;var C=Object.defineProperty;var W=Object.getOwnPropertyDescriptor;var X=Object.getOwnPropertyNames;var Y=Object.getPrototypeOf,Z=Object.prototype.hasOwnProperty;var ee=(e,s)=>{for(var r in s)C(e,r,{get:s[r],enumerable:!0})},O=(e,s,r,f)=>{if(s&&typeof s=="object"||typeof s=="function")for(let p of X(s))!Z.call(e,p)&&p!==r&&C(e,p,{get:()=>s[p],enumerable:!(f=W(s,p))||f.enumerable});return e};var b=(e,s,r)=>(r=e!=null?Q(Y(e)):{},O(s||!e||!e.__esModule?C(r,"default",{value:e,enumerable:!0}):r,e)),te=e=>O(C({},"__esModule",{value:!0}),e);var se={};ee(se,{CreditsRedeemList:()=>ne});module.exports=te(se);var n=require("react/jsx-runtime"),i=require("@anker-in/headless-ui"),v=b(require("classnames")),o=require("react"),P=b(require("./RedeemCouponModal")),D=b(require("./RedeemProductModal")),F=require("../context/provider"),H=b(require("../context/hooks/useRedeemableList")),g=require("../context/const"),l=require("@anker-in/lib"),$=require("./RedeemableItem"),B=require("../../../constants"),U=b(require("../modal/rulesModal")),j=require("../../../components/registration"),q=require("../context/utils");const ne=({copy:e,id:s})=>{const{profile:r,openSignUpPopup:f,gtm:{pageGroup:p},pageCommon:w,creditInfo:z}=(0,F.useCreditsContext)(),{authCodeActivate:L}=(0,j.useRegistration)(),{brand:y}=(0,l.useHeadlessContext)(),N=B.ROUNDED_BRANDS.includes(y),S=Object.keys(r||{}).length>0,[x,G]=(0,o.useState)(e.list?.[0]?.label||""),[d,R]=(0,o.useState)(void 0),[T,_]=(0,o.useState)(),{listLoading:V,redeemableList:k,getRedeemableList:I}=(0,H.default)(),c=(0,o.useMemo)(()=>k.map(t=>({id:t.id.toString(),title:t.name,consumeCredits:t.consume_credits,remainingInventory:t.remaining_inventory,isLimited:!!t.is_limited,consumeType:t.consume_type,handle:t.sku_handle,sku:t.goods_sku,image:t.goods_url})),[e.list,x,k]),J=c.map(t=>t.handle),{data:A}=(0,l.useProductsByHandles)({handles:J}),K=(0,o.useMemo)(()=>(e.list?.find(a=>a.label===x)?.list||[]).filter(a=>c.some(m=>String(m.id)===String(a.id))).map(a=>{const m=c.find(u=>String(u.id)===String(a.id)),h=A?.find(u=>u.handle===m?.handle),M=h?.variants.find(u=>u.sku===m?.sku);return m?.isLimited&&(!m?.remainingInventory||m.remainingInventory<=0)||m?.consumeType===g.AlpcConsumeType.Product&&(!h||!M)?null:{alpc:c.find(u=>String(u.id)===String(a.id)),config:a,product:h,variant:M}}).filter(a=>a!==null),[c,A]),E=(0,o.useCallback)(t=>{t===g.AlpcErrorCode.CodeLpcRuleInventoryNotEnough&&I()},[I]);return(0,n.jsxs)(i.Container,{id:s,className:(0,v.default)("relative bg-[#F5F5F7]"),children:[(0,n.jsx)(i.Heading,{as:"h2",size:"4",html:e.title}),S&&e.availableCredits&&(0,n.jsx)("p",{className:"mt-[12px] text-[20px] l-xxl:text-[18px] l:text-[16px] font-bold text-[#4A4C56]",children:e.availableCredits.includes("$credits")?(0,n.jsxs)(n.Fragment,{children:[e.availableCredits.split("$credits")[0],(0,n.jsx)("span",{className:(0,l.classNames)("text-brand-color-0",y==="ankersolix"&&"bg-gradient-to-r from-[#2c7ed0] via-[#00a9e1] via-[43%] to-[#00db84] bg-clip-text text-transparent"),children:(0,q.numberFormat)(z?.available_credit||0).toString()}),e.availableCredits.split("$credits")[1]||""]}):e.availableCredits}),(0,n.jsx)(i.Tabs,{shape:N?"rounded":"square",align:"left",className:(0,v.default)("py-[24px] md:justify-center"),value:x.toString(),onValueChange:t=>{G(t),(0,l.gaTrack)({event:"ga4Event",event_name:"lp_navigation",event_parameters:{navigation:t,page_group:p}})},children:(0,n.jsx)(i.TabsList,{children:(e.list||[]).map(t=>(0,n.jsx)(i.TabsTrigger,{value:t.label,children:t.label},t.label))})}),!!c?.length&&!V&&(0,n.jsx)("div",{className:(0,v.default)("relative grid grid-cols-4 gap-[16px] md:grid-cols-2 md:gap-[12px] md-xl:grid-cols-3"),children:K?.map(t=>(0,n.jsx)($.RedeemableItem,{copy:e,item:t,onRedeem:a=>{S?!r?.activated&&!L.isActivateSuccess?L.open():R(a):f()},onRulesOpen:_},t?.alpc?.id))}),d?.alpc?.consumeType===g.AlpcConsumeType.Coupon&&e?.redeemModal?.coupon&&d&&(0,n.jsx)(P.default,{isOpen:!!d,item:d,copy:e,onError:E,onClose:()=>{R(void 0)}}),d?.alpc?.consumeType===g.AlpcConsumeType.Product&&e?.redeemModal&&d&&(0,n.jsx)(D.default,{isOpen:!!d,item:d,copy:e,onError:E,onClose:()=>{R(void 0)}}),T&&(0,n.jsx)(U.default,{overlayClassName:"md:px-[16px] md:items-center",className:(0,l.classNames)("md:h-fit md:rounded-b-[16px]",!N&&"md:rounded-none"),isOpen:T.length>0,onClose:()=>_([]),titleClassName:"border-b-transparent h-[56px]",rules:T,scrollClassName:"md:mt-[8px] md:mb-[24px] md:pt-0",title:w?.ruleLabel,ruleClassName:"text-[#1d1d1f] font-bold"})]})};
+"use strict";var X=Object.create;var x=Object.defineProperty;var Y=Object.getOwnPropertyDescriptor;var Z=Object.getOwnPropertyNames;var ee=Object.getPrototypeOf,te=Object.prototype.hasOwnProperty;var re=(e,n)=>{for(var o in n)x(e,o,{get:n[o],enumerable:!0})},F=(e,n,o,C)=>{if(n&&typeof n=="object"||typeof n=="function")for(let c of Z(n))!te.call(e,c)&&c!==o&&x(e,c,{get:()=>n[c],enumerable:!(C=Y(n,c))||C.enumerable});return e};var b=(e,n,o)=>(o=e!=null?X(ee(e)):{},F(n||!e||!e.__esModule?x(o,"default",{value:e,enumerable:!0}):o,e)),ne=e=>F(x({},"__esModule",{value:!0}),e);var ie={};re(ie,{CreditsRedeemList:()=>oe});module.exports=ne(ie);var r=require("react/jsx-runtime"),l=require("@anker-in/headless-ui"),R=b(require("classnames")),d=require("react"),G=b(require("./RedeemCouponModal")),O=b(require("./RedeemProductModal")),H=b(require("./RedeemVirtualProductModal")),$=require("../context/provider"),B=b(require("../context/hooks/useRedeemableList")),s=require("../context/const"),m=require("@anker-in/lib"),U=require("./RedeemableItem"),V=require("../../../constants"),j=b(require("../modal/RulesModal")),q=require("../../../components/registration"),w=require("../context/utils");const oe=({copy:e,id:n})=>{const{profile:o,openSignUpPopup:C,gtm:{pageGroup:c},pageCommon:y,creditInfo:z}=(0,$.useCreditsContext)(),{authCodeActivate:S}=(0,q.useRegistration)(),{brand:_}=(0,m.useHeadlessContext)(),k=V.ROUNDED_BRANDS.includes(_),I=Object.keys(o||{}).length>0,[h,J]=(0,d.useState)(e.list?.[0]?.label||""),[i,v]=(0,d.useState)(void 0),[T,M]=(0,d.useState)(),{listLoading:K,redeemableList:E,getRedeemableList:A}=(0,B.default)(),g=(0,d.useMemo)(()=>({...y?.redeemModal||{},...e.redeemModal||{}}),[e.redeemModal,y?.redeemModal]),f=(0,d.useMemo)(()=>E.map(t=>({id:t.id.toString(),title:t.name,consumeCredits:t.consume_credits,remainingInventory:t.remaining_inventory,isLimited:!!t.is_limited,consumeType:t.consume_type,handle:t.sku_handle,sku:t.goods_sku,image:t.goods_url})),[e.list,h,E]),Q=f.map(t=>t.handle),{data:P}=(0,m.useProductsByHandles)({handles:Q}),W=(0,d.useMemo)(()=>(e.list?.find(a=>a.label===h)?.list||[]).filter(a=>f.some(p=>String(p.id)===String(a.id))).map(a=>{const p=f.find(u=>String(u.id)===String(a.id)),N=P?.find(u=>u.handle===p?.handle),D=N?.variants.find(u=>u.sku===p?.sku);return p?.isLimited&&(!p?.remainingInventory||p.remainingInventory<=0)||p?.consumeType===s.AlpcConsumeType.Product&&(!N||!D)?null:{alpc:f.find(u=>String(u.id)===String(a.id)),config:a,product:N,variant:D}}).filter(a=>a!==null),[f,P]),L=(0,d.useCallback)(t=>{t===s.AlpcErrorCode.CodeLpcRuleInventoryNotEnough&&A()},[A]);return(0,r.jsxs)(l.Container,{id:n,className:(0,R.default)("relative bg-[#F5F5F7]"),children:[(0,r.jsx)(l.Heading,{as:"h2",size:"4",html:e.title}),I&&e.availableCredits&&(0,r.jsx)("p",{className:"mt-[12px] text-[20px] l-xxl:text-[18px] l:text-[16px] font-bold text-[#4A4C56]",children:e.availableCredits.includes("$credits")?(0,r.jsxs)(r.Fragment,{children:[e.availableCredits.split("$credits")[0],(0,r.jsx)("span",{className:(0,m.classNames)("text-brand-color-0",_==="ankersolix"&&"bg-gradient-to-r from-[#2c7ed0] via-[#00a9e1] via-[43%] to-[#00db84] bg-clip-text text-transparent"),children:(0,w.numberFormat)(z?.available_credit||0).toString()}),e.availableCredits.split("$credits")[1]||""]}):e.availableCredits}),(0,r.jsx)(l.Tabs,{shape:k?"rounded":"square",align:"left",className:(0,R.default)("py-[24px] md:justify-center"),value:h.toString(),onValueChange:t=>{J(t),(0,m.gaTrack)({event:"ga4Event",event_name:"lp_navigation",event_parameters:{navigation:t,page_group:c}})},children:(0,r.jsx)(l.TabsList,{children:(e.list||[]).map(t=>(0,r.jsx)(l.TabsTrigger,{value:t.label,children:t.label},t.label))})}),!!f?.length&&!K&&(0,r.jsx)("div",{className:(0,R.default)("relative grid grid-cols-4 gap-[16px] md:grid-cols-2 md:gap-[12px] md-xl:grid-cols-3"),children:W?.map(t=>(0,r.jsx)(U.RedeemableItem,{copy:e,item:t,onRedeem:a=>{I?!o?.activated&&!S.isActivateSuccess?S.open():v(a):C()},onRulesOpen:M},t?.alpc?.id))}),(i?.config?.type===s.ConsumeType.Coupon||i?.config?.type===s.ConsumeType.ShippingCoupon)&&g?.coupon&&i&&(0,r.jsx)(G.default,{item:i,copy:g,onError:L,onClose:()=>{v(void 0)}}),i?.config?.type===s.ConsumeType.Product&&g?.product&&i&&(0,r.jsx)(O.default,{item:i,copy:g,onError:L,onClose:()=>{v(void 0)}}),(i?.config?.type===s.ConsumeType.GiftCard||i?.config?.type===s.ConsumeType.GoGift)&&g?.virtualProduct&&i&&(0,r.jsx)(H.default,{item:i,copy:g,onError:L,onClose:()=>{v(void 0)}}),T&&(0,r.jsx)(j.default,{overlayClassName:"md:px-[16px] md:items-center",className:(0,m.classNames)("md:h-fit md:rounded-b-[16px]",!k&&"md:rounded-none"),isOpen:T.length>0,onClose:()=>M([]),titleClassName:"border-b-transparent h-[56px]",rules:T,scrollClassName:"md:mt-[8px] md:mb-[24px] md:pt-0",title:y?.ruleLabel,ruleClassName:"text-[#1d1d1f] font-bold"})]})};
 //# sourceMappingURL=CreditsRedeemList.js.map

package/dist/cjs/components/credits/creditsRedeemList/CreditsRedeemList.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/components/credits/creditsRedeemList/CreditsRedeemList.tsx"],
-  "sourcesContent": ["import { Container, Heading, Tabs, TabsList, TabsTrigger } from '@anker-in/headless-ui'\nimport classNames from 'classnames'\nimport { useCallback, useMemo, useState } from 'react'\n\nimport RedeemCouponModal from './RedeemCouponModal'\nimport RedeemProductModal from './RedeemProductModal'\nimport { useCreditsContext } from '../context/provider'\nimport useRedeemableList from '../context/hooks/useRedeemableList'\nimport { AlpcConsumeType, AlpcErrorCode } from '../context/const'\nimport { useHeadlessContext, useProductsByHandles, gaTrack, classNames as cn } from '@anker-in/lib'\nimport type { RedeemableItem as RedeemableItemType } from '../type'\nimport { RedeemableItem } from './RedeemableItem'\nimport { ROUNDED_BRANDS } from '../../../constants'\nimport RulesModal from '../modal/rulesModal'\nimport { CreditsRedeemListCopy } from './type'\nimport { useRegistration } from '../../../components/registration'\nimport { numberFormat } from '../context/utils'\n\nexport const CreditsRedeemList = ({ copy, id }: { copy: CreditsRedeemListCopy; id?: string }) => {\n  const {\n    profile,\n    openSignUpPopup,\n    gtm: { pageGroup },\n    pageCommon,\n    creditInfo,\n  } = useCreditsContext()\n  const { authCodeActivate } = useRegistration()\n  const { brand } = useHeadlessContext()\n  const rounded = ROUNDED_BRANDS.includes(brand)\n\n  const isLogin = Object.keys(profile || {}).length > 0\n\n  const [activeTab, setActiveTab] = useState<string>(copy.list?.[0]?.label || '')\n\n  const [popRedeemData, setPopRedeemData] = useState<RedeemableItemType | undefined>(undefined)\n\n  const [rules, setRules] = useState<string | string[]>()\n\n  const { listLoading, redeemableList, getRedeemableList } = useRedeemableList()\n\n  const alpcList = useMemo(() => {\n    return redeemableList.map(item => {\n      return {\n        id: item.id.toString(),\n        title: item.name,\n        consumeCredits: item.consume_credits,\n        remainingInventory: item.remaining_inventory,\n        isLimited: !!item.is_limited,\n        consumeType: item.consume_type,\n        handle: item.sku_handle,\n        sku: item.goods_sku,\n        image: item.goods_url,\n      }\n    })\n  }, [copy.list, activeTab, redeemableList])\n\n  const handles = alpcList.map(item => item.handle)\n  const { data: products } = useProductsByHandles({ handles })\n\n  const list = useMemo(() => {\n    const currentList = copy.list?.find(item => item.label === activeTab)\n    return (currentList?.list || [])\n      .filter(item => alpcList.some(alpcItem => String(alpcItem.id) === String(item.id)))\n      .map(item => {\n        const alpcItem = alpcList.find(alpcItem => String(alpcItem.id) === String(item.id))\n        const product = products?.find(product => product.handle === alpcItem?.handle)\n        const variant = product?.variants.find(variant => variant.sku === alpcItem?.sku)\n        // \u8FC7\u6EE4\u6389\u5E93\u5B58\u4E0D\u8DB3\u7684\u5546\u54C1\n        if (alpcItem?.isLimited && (!alpcItem?.remainingInventory || alpcItem.remainingInventory <= 0)) return null\n        if (alpcItem?.consumeType === AlpcConsumeType.Product && (!product || !variant)) return null\n        return {\n          alpc: alpcList.find(alpcItem => String(alpcItem.id) === String(item.id)),\n          config: item,\n          product,\n          variant,\n        }\n      })\n      .filter(item => item !== null) as unknown as RedeemableItemType[]\n  }, [alpcList, products])\n\n  const handleRedeemError = useCallback(\n    (errorCode: AlpcErrorCode) => {\n      if (errorCode === AlpcErrorCode.CodeLpcRuleInventoryNotEnough) {\n        getRedeemableList()\n      }\n    },\n    [getRedeemableList]\n  )\n\n  return (\n    <Container id={id} className={classNames('relative bg-[#F5F5F7]')}>\n      <Heading as=\"h2\" size=\"4\" html={copy.title} />\n\n      {/* \u53EF\u7528\u79EF\u5206\u5C55\u793A */}\n      {isLogin && copy.availableCredits && (\n        <p className=\"mt-[12px] text-[20px] l-xxl:text-[18px] l:text-[16px] font-bold text-[#4A4C56]\">\n          {copy.availableCredits.includes('$credits') ? (\n            <>\n              {copy.availableCredits.split('$credits')[0]}\n              <span\n                className={cn(\n                  'text-brand-color-0',\n                  brand === 'ankersolix' &&\n                    'bg-gradient-to-r from-[#2c7ed0] via-[#00a9e1] via-[43%] to-[#00db84] bg-clip-text text-transparent'\n                )}\n              >\n                {numberFormat(creditInfo?.available_credit || 0).toString()}\n              </span>\n              {copy.availableCredits.split('$credits')[1] || ''}\n            </>\n          ) : (\n            copy.availableCredits\n          )}\n        </p>\n      )}\n\n      <Tabs\n        shape={rounded ? 'rounded' : 'square'}\n        align=\"left\"\n        className={classNames('py-[24px] md:justify-center')}\n        value={activeTab.toString()}\n        onValueChange={value => {\n          setActiveTab(value)\n          gaTrack({\n            event: 'ga4Event',\n            event_name: 'lp_navigation',\n            event_parameters: {\n              navigation: value,\n              page_group: pageGroup,\n            },\n          })\n        }}\n      >\n        <TabsList>\n          {(copy.list || []).map(item => (\n            <TabsTrigger key={item.label} value={item.label}>\n              {item.label}\n            </TabsTrigger>\n          ))}\n        </TabsList>\n      </Tabs>\n      {/* PC\u7AEF */}\n      {!!alpcList?.length && !listLoading && (\n        <div\n          className={classNames('relative grid grid-cols-4 gap-[16px] md:grid-cols-2 md:gap-[12px] md-xl:grid-cols-3')}\n        >\n          {list?.map(item => (\n            <RedeemableItem\n              key={item?.alpc?.id}\n              copy={copy}\n              item={item}\n              onRedeem={(item: RedeemableItemType) => {\n                if (!isLogin) {\n                  openSignUpPopup()\n                } else if (!profile?.activated && !authCodeActivate.isActivateSuccess) {\n                  authCodeActivate.open()\n                } else {\n                  setPopRedeemData(item)\n                }\n              }}\n              onRulesOpen={setRules}\n            />\n          ))}\n        </div>\n      )}\n\n      {popRedeemData?.alpc?.consumeType === AlpcConsumeType.Coupon && copy?.redeemModal?.coupon && popRedeemData && (\n        <RedeemCouponModal\n          isOpen={!!popRedeemData}\n          item={popRedeemData}\n          copy={copy}\n          onError={handleRedeemError}\n          onClose={() => {\n            setPopRedeemData(undefined)\n          }}\n        />\n      )}\n      {popRedeemData?.alpc?.consumeType === AlpcConsumeType.Product && copy?.redeemModal && popRedeemData && (\n        <RedeemProductModal\n          isOpen={!!popRedeemData}\n          item={popRedeemData}\n          copy={copy}\n          onError={handleRedeemError}\n          onClose={() => {\n            setPopRedeemData(undefined)\n          }}\n        />\n      )}\n      {rules && (\n        <RulesModal\n          overlayClassName=\"md:px-[16px] md:items-center\"\n          className={cn('md:h-fit md:rounded-b-[16px]', !rounded && 'md:rounded-none')}\n          isOpen={rules.length > 0}\n          onClose={() => setRules([])}\n          titleClassName=\"border-b-transparent h-[56px]\"\n          rules={rules}\n          scrollClassName=\"md:mt-[8px] md:mb-[24px] md:pt-0\"\n          title={pageCommon?.ruleLabel}\n          ruleClassName=\"text-[#1d1d1f] font-bold\"\n        />\n      )}\n    </Container>\n  )\n}\n"],
-  "mappings": "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",
-  "names": ["CreditsRedeemList_exports", "__export", "CreditsRedeemList", "__toCommonJS", "import_jsx_runtime", "import_headless_ui", "import_classnames", "import_react", "import_RedeemCouponModal", "import_RedeemProductModal", "import_provider", "import_useRedeemableList", "import_const", "import_lib", "import_RedeemableItem", "import_constants", "import_rulesModal", "import_registration", "import_utils", "copy", "id", "profile", "openSignUpPopup", "pageGroup", "pageCommon", "creditInfo", "authCodeActivate", "brand", "rounded", "isLogin", "activeTab", "setActiveTab", "popRedeemData", "setPopRedeemData", "rules", "setRules", "listLoading", "redeemableList", "getRedeemableList", "useRedeemableList", "alpcList", "item", "handles", "products", "list", "alpcItem", "product", "variant", "handleRedeemError", "errorCode", "classNames", "cn", "value", "RedeemCouponModal", "RedeemProductModal", "RulesModal"]
+  "sourcesContent": ["import { Container, Heading, Tabs, TabsList, TabsTrigger } from '@anker-in/headless-ui'\nimport classNames from 'classnames'\nimport { useCallback, useMemo, useState } from 'react'\n\nimport RedeemCouponModal from './RedeemCouponModal'\nimport RedeemProductModal from './RedeemProductModal'\nimport RedeemVirtualProductModal from './RedeemVirtualProductModal'\nimport { useCreditsContext } from '../context/provider'\nimport useRedeemableList from '../context/hooks/useRedeemableList'\nimport { AlpcConsumeType, AlpcErrorCode, ConsumeType } from '../context/const'\nimport { useHeadlessContext, useProductsByHandles, gaTrack, classNames as cn } from '@anker-in/lib'\nimport type { RedeemableItem as RedeemableItemType } from '../type'\nimport { RedeemableItem } from './RedeemableItem'\nimport { ROUNDED_BRANDS } from '../../../constants'\nimport RulesModal from '../modal/RulesModal'\nimport { CreditsRedeemListCopy } from './type'\nimport { useRegistration } from '../../../components/registration'\nimport { numberFormat } from '../context/utils'\n\nexport const CreditsRedeemList = ({ copy, id }: { copy: CreditsRedeemListCopy; id?: string }) => {\n  const {\n    profile,\n    openSignUpPopup,\n    gtm: { pageGroup },\n    pageCommon,\n    creditInfo,\n  } = useCreditsContext()\n  const { authCodeActivate } = useRegistration()\n  const { brand } = useHeadlessContext()\n  const rounded = ROUNDED_BRANDS.includes(brand)\n\n  const isLogin = Object.keys(profile || {}).length > 0\n\n  const [activeTab, setActiveTab] = useState<string>(copy.list?.[0]?.label || '')\n\n  const [popRedeemData, setPopRedeemData] = useState<RedeemableItemType | undefined>(undefined)\n\n  const [rules, setRules] = useState<string | string[]>()\n\n  const { listLoading, redeemableList, getRedeemableList } = useRedeemableList()\n\n  // \u5408\u5E76 redeemModal \u6587\u6848\uFF0C\u4F18\u5148\u4F7F\u7528 copy.redeemModal\uFF0Cfallback \u5230 pageCommon.redeemModal\n  const redeemModalCopy = useMemo(() => {\n    return {\n      ...(pageCommon?.redeemModal || {}),\n      ...(copy.redeemModal || {}),\n    }\n  }, [copy.redeemModal, pageCommon?.redeemModal])\n\n  const alpcList = useMemo(() => {\n    return redeemableList.map(item => {\n      return {\n        id: item.id.toString(),\n        title: item.name,\n        consumeCredits: item.consume_credits,\n        remainingInventory: item.remaining_inventory,\n        isLimited: !!item.is_limited,\n        consumeType: item.consume_type,\n        handle: item.sku_handle,\n        sku: item.goods_sku,\n        image: item.goods_url,\n      }\n    })\n  }, [copy.list, activeTab, redeemableList])\n\n  const handles = alpcList.map(item => item.handle)\n  const { data: products } = useProductsByHandles({ handles })\n\n  const list = useMemo(() => {\n    const currentList = copy.list?.find(item => item.label === activeTab)\n    return (currentList?.list || [])\n      .filter(item => alpcList.some(alpcItem => String(alpcItem.id) === String(item.id)))\n      .map(item => {\n        const alpcItem = alpcList.find(alpcItem => String(alpcItem.id) === String(item.id))\n        const product = products?.find(product => product.handle === alpcItem?.handle)\n        const variant = product?.variants.find(variant => variant.sku === alpcItem?.sku)\n        // \u8FC7\u6EE4\u6389\u5E93\u5B58\u4E0D\u8DB3\u7684\u5546\u54C1\n        if (alpcItem?.isLimited && (!alpcItem?.remainingInventory || alpcItem.remainingInventory <= 0)) return null\n        if (alpcItem?.consumeType === AlpcConsumeType.Product && (!product || !variant)) return null\n        return {\n          alpc: alpcList.find(alpcItem => String(alpcItem.id) === String(item.id)),\n          config: item,\n          product,\n          variant,\n        }\n      })\n      .filter(item => item !== null) as unknown as RedeemableItemType[]\n  }, [alpcList, products])\n\n  const handleRedeemError = useCallback(\n    (errorCode: AlpcErrorCode) => {\n      if (errorCode === AlpcErrorCode.CodeLpcRuleInventoryNotEnough) {\n        getRedeemableList()\n      }\n    },\n    [getRedeemableList]\n  )\n\n  return (\n    <Container id={id} className={classNames('relative bg-[#F5F5F7]')}>\n      <Heading as=\"h2\" size=\"4\" html={copy.title} />\n\n      {/* \u53EF\u7528\u79EF\u5206\u5C55\u793A */}\n      {isLogin && copy.availableCredits && (\n        <p className=\"mt-[12px] text-[20px] l-xxl:text-[18px] l:text-[16px] font-bold text-[#4A4C56]\">\n          {copy.availableCredits.includes('$credits') ? (\n            <>\n              {copy.availableCredits.split('$credits')[0]}\n              <span\n                className={cn(\n                  'text-brand-color-0',\n                  brand === 'ankersolix' &&\n                  'bg-gradient-to-r from-[#2c7ed0] via-[#00a9e1] via-[43%] to-[#00db84] bg-clip-text text-transparent'\n                )}\n              >\n                {numberFormat(creditInfo?.available_credit || 0).toString()}\n              </span>\n              {copy.availableCredits.split('$credits')[1] || ''}\n            </>\n          ) : (\n            copy.availableCredits\n          )}\n        </p>\n      )}\n\n      <Tabs\n        shape={rounded ? 'rounded' : 'square'}\n        align=\"left\"\n        className={classNames('py-[24px] md:justify-center')}\n        value={activeTab.toString()}\n        onValueChange={value => {\n          setActiveTab(value)\n          gaTrack({\n            event: 'ga4Event',\n            event_name: 'lp_navigation',\n            event_parameters: {\n              navigation: value,\n              page_group: pageGroup,\n            },\n          })\n        }}\n      >\n        <TabsList>\n          {(copy.list || []).map(item => (\n            <TabsTrigger key={item.label} value={item.label}>\n              {item.label}\n            </TabsTrigger>\n          ))}\n        </TabsList>\n      </Tabs>\n      {/* PC\u7AEF */}\n      {!!alpcList?.length && !listLoading && (\n        <div\n          className={classNames('relative grid grid-cols-4 gap-[16px] md:grid-cols-2 md:gap-[12px] md-xl:grid-cols-3')}\n        >\n          {list?.map(item => (\n            <RedeemableItem\n              key={item?.alpc?.id}\n              copy={copy}\n              item={item}\n              onRedeem={(item: RedeemableItemType) => {\n                if (!isLogin) {\n                  openSignUpPopup()\n                } else if (!profile?.activated && !authCodeActivate.isActivateSuccess) {\n                  authCodeActivate.open()\n                } else {\n                  setPopRedeemData(item)\n                }\n              }}\n              onRulesOpen={setRules}\n            />\n          ))}\n        </div>\n      )}\n\n      {(popRedeemData?.config?.type === ConsumeType.Coupon ||\n        popRedeemData?.config?.type === ConsumeType.ShippingCoupon) &&\n        redeemModalCopy?.coupon &&\n        popRedeemData && (\n          <RedeemCouponModal\n            item={popRedeemData}\n            copy={redeemModalCopy}\n            onError={handleRedeemError}\n            onClose={() => {\n              setPopRedeemData(undefined)\n            }}\n          />\n        )}\n      {popRedeemData?.config?.type === ConsumeType.Product && redeemModalCopy?.product && popRedeemData && (\n        <RedeemProductModal\n          item={popRedeemData}\n          copy={redeemModalCopy}\n          onError={handleRedeemError}\n          onClose={() => {\n            setPopRedeemData(undefined)\n          }}\n        />\n      )}\n      {(popRedeemData?.config?.type === ConsumeType.GiftCard || popRedeemData?.config?.type === ConsumeType.GoGift) &&\n        redeemModalCopy?.virtualProduct &&\n        popRedeemData && (\n          <RedeemVirtualProductModal\n            item={popRedeemData}\n            copy={redeemModalCopy}\n            onError={handleRedeemError}\n            onClose={() => {\n              setPopRedeemData(undefined)\n            }}\n          />\n        )}\n      {rules && (\n        <RulesModal\n          overlayClassName=\"md:px-[16px] md:items-center\"\n          className={cn('md:h-fit md:rounded-b-[16px]', !rounded && 'md:rounded-none')}\n          isOpen={rules.length > 0}\n          onClose={() => setRules([])}\n          titleClassName=\"border-b-transparent h-[56px]\"\n          rules={rules}\n          scrollClassName=\"md:mt-[8px] md:mb-[24px] md:pt-0\"\n          title={pageCommon?.ruleLabel}\n          ruleClassName=\"text-[#1d1d1f] font-bold\"\n        />\n      )}\n    </Container>\n  )\n}\n"],
+  "mappings": "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",
+  "names": ["CreditsRedeemList_exports", "__export", "CreditsRedeemList", "__toCommonJS", "import_jsx_runtime", "import_headless_ui", "import_classnames", "import_react", "import_RedeemCouponModal", "import_RedeemProductModal", "import_RedeemVirtualProductModal", "import_provider", "import_useRedeemableList", "import_const", "import_lib", "import_RedeemableItem", "import_constants", "import_RulesModal", "import_registration", "import_utils", "copy", "id", "profile", "openSignUpPopup", "pageGroup", "pageCommon", "creditInfo", "authCodeActivate", "brand", "rounded", "isLogin", "activeTab", "setActiveTab", "popRedeemData", "setPopRedeemData", "rules", "setRules", "listLoading", "redeemableList", "getRedeemableList", "useRedeemableList", "redeemModalCopy", "alpcList", "item", "handles", "products", "list", "alpcItem", "product", "variant", "handleRedeemError", "errorCode", "classNames", "cn", "value", "RedeemCouponModal", "RedeemProductModal", "RedeemVirtualProductModal", "RulesModal"]
 }

package/dist/cjs/components/credits/creditsRedeemList/RedeemCouponModal/CouponInit.d.ts

@@ -0,0 +1,10 @@
+import type { RedeemableItem as RedeemableItemType, RedeemModalCommon } from '../../type';
+type CouponInitProps = {
+    item: RedeemableItemType;
+    copy: RedeemModalCommon;
+    loading: boolean;
+    disabled: boolean;
+    onConfirm: () => void;
+};
+export declare const CouponInit: ({ item, copy, loading, disabled, onConfirm }: CouponInitProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/cjs/components/credits/creditsRedeemList/RedeemCouponModal/CouponInit.js

@@ -0,0 +1,2 @@
+"use strict";var g=Object.create;var d=Object.defineProperty;var b=Object.getOwnPropertyDescriptor;var v=Object.getOwnPropertyNames;var N=Object.getPrototypeOf,h=Object.prototype.hasOwnProperty;var C=(e,o)=>{for(var l in o)d(e,l,{get:o[l],enumerable:!0})},x=(e,o,l,p)=>{if(o&&typeof o=="object"||typeof o=="function")for(let a of v(o))!h.call(e,a)&&a!==l&&d(e,a,{get:()=>o[a],enumerable:!(p=b(o,a))||p.enumerable});return e};var y=(e,o,l)=>(l=e!=null?g(N(e)):{},x(o||!e||!e.__esModule?d(l,"default",{value:e,enumerable:!0}):l,e)),w=e=>x(d({},"__esModule",{value:!0}),e);var T={};C(T,{CouponInit:()=>I});module.exports=w(T);var t=require("react/jsx-runtime"),m=require("@anker-in/headless-ui"),n=y(require("classnames")),s=require("../../context/utils"),r=require("../RedeemProductModal/NonProductValue"),c=require("../../context/provider");const I=({item:e,copy:o,loading:l,disabled:p,onConfirm:a})=>{const{pageCommon:i}=(0,c.useCreditsContext)();return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsxs)("div",{className:(0,n.default)("max-h-[500px] overflow-y-auto bg-[#F5F5F7] px-[48px] pb-[24px] md:max-h-[400px] md:px-[16px]"),children:[(0,t.jsxs)("div",{className:"relative mx-auto h-[164px] w-[324px]",children:[i?.imageMapping?.[e.config?.type]?.url&&(0,t.jsx)(m.Picture,{source:i.imageMapping[e.config.type].url,className:"h-full [&_img]:h-full"}),(0,t.jsx)("div",{className:"absolute bottom-[8px] left-[16px] font-extrabold text-white",children:e.config.value?(0,t.jsx)(r.NoneProductValue,{item:e}):(0,t.jsx)(m.Text,{size:3,html:e.alpc?.title})})]}),(0,t.jsxs)(m.Text,{as:"p",className:(0,n.default)("mt-[30px] text-center text-[24px] font-bold leading-[1.2] md:mt-[18px] md:text-[20px] md:leading-[1.2]"),children:[(0,s.numberFormat)(e.alpc?.consumeCredits)," ",i?.pointUnit]}),e.config?.rules?.length>0&&(0,t.jsxs)("div",{className:"mt-[18px] w-full text-[16px] font-bold leading-[1.4] text-[#6D6D6F] md:mt-[12px] md:text-[14px]",children:[(0,t.jsxs)("div",{className:"mb-[4px]",children:[i?.ruleLabel,":"]}),(0,t.jsx)("ul",{className:"ml-4 grid grid-flow-row gap-[4px]",children:e.config?.rules?.map((u,f)=>(0,t.jsx)("li",{className:"list-disc",children:(0,t.jsx)(m.Text,{html:u})},f))})]})]}),(0,t.jsxs)("div",{className:"bg-white px-[48px] pt-[24px] text-center md:px-[16px]",children:[(0,t.jsx)(m.Text,{className:"block text-[24px] font-bold leading-[1.2] md:text-[20px] md:leading-[1.2]",html:o.confirmTitle}),(0,t.jsx)(m.Button,{loading:l,variant:"primary",size:"lg",className:"mt-[16px] w-full",onClick:a,disabled:p,children:o.confirmButton})]})]})};
+//# sourceMappingURL=CouponInit.js.map

package/dist/cjs/components/credits/creditsRedeemList/RedeemCouponModal/CouponInit.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/components/credits/creditsRedeemList/RedeemCouponModal/CouponInit.tsx"],
+  "sourcesContent": ["import { Button, Picture, Text } from '@anker-in/headless-ui'\nimport classNames from 'classnames'\nimport { numberFormat } from '../../context/utils'\nimport type { RedeemableItem as RedeemableItemType, RedeemModalCommon } from '../../type'\nimport { NoneProductValue } from '../RedeemProductModal/NonProductValue'\nimport { useCreditsContext } from '../../context/provider'\n\ntype CouponInitProps = {\n  item: RedeemableItemType\n  copy: RedeemModalCommon\n  loading: boolean\n  disabled: boolean\n  onConfirm: () => void\n}\n\nexport const CouponInit = ({ item, copy, loading, disabled, onConfirm }: CouponInitProps) => {\n  const { pageCommon } = useCreditsContext()\n\n  return (\n    <>\n      <div\n        className={classNames(\n          'max-h-[500px] overflow-y-auto bg-[#F5F5F7] px-[48px] pb-[24px] md:max-h-[400px] md:px-[16px]'\n        )}\n      >\n        <div className=\"relative mx-auto h-[164px] w-[324px]\">\n          {pageCommon?.imageMapping?.[item.config?.type]?.url && (\n            <Picture source={pageCommon.imageMapping[item.config.type].url} className=\"h-full [&_img]:h-full\" />\n          )}\n          <div className=\"absolute bottom-[8px] left-[16px] font-extrabold text-white\">\n            {item.config.value ? (\n              <NoneProductValue item={item} />\n            ) : (\n              <Text size={3} html={item.alpc?.title} />\n            )}\n          </div>\n        </div>\n        <Text\n          as=\"p\"\n          className={classNames(\n            'mt-[30px] text-center text-[24px] font-bold leading-[1.2] md:mt-[18px] md:text-[20px] md:leading-[1.2]'\n          )}\n        >\n          {numberFormat(item.alpc?.consumeCredits)} {pageCommon?.pointUnit}\n        </Text>\n        {item.config?.rules?.length > 0 && (\n          <div className=\"mt-[18px] w-full text-[16px] font-bold leading-[1.4] text-[#6D6D6F] md:mt-[12px] md:text-[14px]\">\n            <div className=\"mb-[4px]\">{pageCommon?.ruleLabel}:</div>\n            <ul className=\"ml-4 grid grid-flow-row gap-[4px]\">\n              {item.config?.rules?.map((text, index) => (\n                <li className=\"list-disc\" key={index}>\n                  <Text html={text} />\n                </li>\n              ))}\n            </ul>\n          </div>\n        )}\n      </div>\n      <div className=\"bg-white px-[48px] pt-[24px] text-center md:px-[16px]\">\n        <Text\n          className=\"block text-[24px] font-bold leading-[1.2] md:text-[20px] md:leading-[1.2]\"\n          html={copy.confirmTitle}\n        ></Text>\n        <Button\n          loading={loading}\n          variant=\"primary\"\n          size=\"lg\"\n          className=\"mt-[16px] w-full\"\n          onClick={onConfirm}\n          disabled={disabled}\n        >\n          {copy.confirmButton}\n        </Button>\n      </div>\n    </>\n  )\n}\n"],
+  "mappings": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,gBAAAE,IAAA,eAAAC,EAAAH,GAmBI,IAAAI,EAAA,6BAnBJC,EAAsC,iCACtCC,EAAuB,yBACvBC,EAA6B,+BAE7BC,EAAiC,iDACjCC,EAAkC,kCAU3B,MAAMP,EAAa,CAAC,CAAE,KAAAQ,EAAM,KAAAC,EAAM,QAAAC,EAAS,SAAAC,EAAU,UAAAC,CAAU,IAAuB,CAC3F,KAAM,CAAE,WAAAC,CAAW,KAAI,qBAAkB,EAEzC,SACE,oBACE,qBAAC,OACC,aAAW,EAAAC,SACT,8FACF,EAEA,qBAAC,OAAI,UAAU,uCACZ,UAAAD,GAAY,eAAeL,EAAK,QAAQ,IAAI,GAAG,QAC9C,OAAC,WAAQ,OAAQK,EAAW,aAAaL,EAAK,OAAO,IAAI,EAAE,IAAK,UAAU,wBAAwB,KAEpG,OAAC,OAAI,UAAU,8DACZ,SAAAA,EAAK,OAAO,SACX,OAAC,oBAAiB,KAAMA,EAAM,KAE9B,OAAC,QAAK,KAAM,EAAG,KAAMA,EAAK,MAAM,MAAO,EAE3C,GACF,KACA,QAAC,QACC,GAAG,IACH,aAAW,EAAAM,SACT,wGACF,EAEC,6BAAaN,EAAK,MAAM,cAAc,EAAE,IAAEK,GAAY,WACzD,EACCL,EAAK,QAAQ,OAAO,OAAS,MAC5B,QAAC,OAAI,UAAU,kGACb,qBAAC,OAAI,UAAU,WAAY,UAAAK,GAAY,UAAU,KAAC,KAClD,OAAC,MAAG,UAAU,oCACX,SAAAL,EAAK,QAAQ,OAAO,IAAI,CAACO,EAAMC,OAC9B,OAAC,MAAG,UAAU,YACZ,mBAAC,QAAK,KAAMD,EAAM,GADWC,CAE/B,CACD,EACH,GACF,GAEJ,KACA,QAAC,OAAI,UAAU,wDACb,oBAAC,QACC,UAAU,4EACV,KAAMP,EAAK,aACZ,KACD,OAAC,UACC,QAASC,EACT,QAAQ,UACR,KAAK,KACL,UAAU,mBACV,QAASE,EACT,SAAUD,EAET,SAAAF,EAAK,cACR,GACF,GACF,CAEJ",
+  "names": ["CouponInit_exports", "__export", "CouponInit", "__toCommonJS", "import_jsx_runtime", "import_headless_ui", "import_classnames", "import_utils", "import_NonProductValue", "import_provider", "item", "copy", "loading", "disabled", "onConfirm", "pageCommon", "classNames", "text", "index"]
+}

package/dist/cjs/components/credits/creditsRedeemList/RedeemCouponModal/CouponSuccess.d.ts

@@ -0,0 +1,10 @@
+import type { RedeemModalCommon, RedeemableItem as RedeemableItemType } from '../../type';
+type CouponSuccessProps = {
+    item: RedeemableItemType;
+    copy: RedeemModalCommon;
+    couponCode: string;
+    disabled: boolean;
+    onClose: () => void;
+};
+export declare const CouponSuccess: ({ item, copy, couponCode, disabled, onClose }: CouponSuccessProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/cjs/components/credits/creditsRedeemList/RedeemCouponModal/CouponSuccess.js

@@ -0,0 +1,2 @@
+"use strict";var N=Object.create;var i=Object.defineProperty;var C=Object.getOwnPropertyDescriptor;var h=Object.getOwnPropertyNames;var w=Object.getPrototypeOf,T=Object.prototype.hasOwnProperty;var D=(e,o)=>{for(var s in o)i(e,s,{get:o[s],enumerable:!0})},x=(e,o,s,a)=>{if(o&&typeof o=="object"||typeof o=="function")for(let l of h(o))!T.call(e,l)&&l!==s&&i(e,l,{get:()=>o[l],enumerable:!(a=C(o,l))||a.enumerable});return e};var r=(e,o,s)=>(s=e!=null?N(w(e)):{},x(o||!e||!e.__esModule?i(s,"default",{value:e,enumerable:!0}):s,e)),R=e=>x(i({},"__esModule",{value:!0}),e);var B={};D(B,{CouponSuccess:()=>k});module.exports=R(B);var t=require("react/jsx-runtime"),p=require("@anker-in/headless-ui"),c=r(require("classnames")),u=r(require("../../context/hooks/useCopy")),f=require("../../context/provider"),v=require("@anker-in/lib"),b=require("../RedeemProductModal/NonProductValue");const k=({item:e,copy:o,couponCode:s,disabled:a,onClose:l})=>{const{locale:g}=(0,v.useHeadlessContext)(),{pageCommon:m}=(0,f.useCreditsContext)(),{copy:y,copied:d}=(0,u.default)();return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsxs)("div",{className:(0,c.default)("max-h-[500px] overflow-y-auto bg-[#F5F5F7] px-[48px] pb-[24px] md:max-h-[400px] md:px-[16px]"),children:[(0,t.jsxs)("div",{className:"relative mx-auto h-[164px] w-[324px]",children:[m?.imageMapping?.[e.config?.type]?.url&&(0,t.jsx)(p.Picture,{source:m.imageMapping[e.config.type].url,className:"h-full [&_img]:h-full"}),(0,t.jsx)("div",{className:"absolute bottom-[8px] left-[16px] font-extrabold text-white",children:e.config.value?(0,t.jsx)(b.NoneProductValue,{item:e}):(0,t.jsx)(p.Text,{size:3,html:e.alpc?.title})})]}),(0,t.jsxs)("div",{className:"mt-[30px] flex items-center justify-center md:mt-[18px]",children:[(0,t.jsx)("div",{className:"mr-[10px] text-[24px] font-bold leading-[1.4] md:leading-[1.2]",children:s}),(0,t.jsx)("div",{className:(0,c.default)("cursor-pointer text-[16px] font-bold leading-[1.2] underline md:text-[14px]",d?"pointer-events-none":"pointer-events-auto"),onClick:()=>y(s),role:"button",tabIndex:0,onKeyDown:n=>{(n.key==="Enter"||n.key===" ")&&n.preventDefault()},children:d?m?.copied:m?.copy})]})]}),(0,t.jsxs)("div",{className:"bg-white px-[48px] pt-[24px] text-center md:px-[16px]",children:[(0,t.jsxs)("div",{className:"flex flex-col",children:[(0,t.jsx)(p.Text,{className:"mb-[4px] text-[24px] font-bold leading-[1.2] md:text-[20px]",html:o.coupon.successTitle}),(0,t.jsx)(p.Text,{className:"text-[16px] font-bold leading-[1.4] text-[#6D6D6F] md:text-[14px]",html:o.coupon.successDesc})]}),(0,t.jsx)(p.Button,{variant:"primary",size:"lg",className:"mt-[16px] w-full",onClick:()=>{window.location.href=o.coupon.successButtonUrl||`/${g}`,l()},disabled:a,children:o.coupon.successButton})]})]})};
+//# sourceMappingURL=CouponSuccess.js.map

package/dist/cjs/components/credits/creditsRedeemList/RedeemCouponModal/CouponSuccess.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/components/credits/creditsRedeemList/RedeemCouponModal/CouponSuccess.tsx"],
+  "sourcesContent": ["import { Button, Picture, Text } from '@anker-in/headless-ui'\nimport classNames from 'classnames'\nimport useCopy from '../../context/hooks/useCopy'\nimport { useCreditsContext } from '../../context/provider'\nimport { useHeadlessContext } from '@anker-in/lib'\nimport type { RedeemModalCommon, RedeemableItem as RedeemableItemType } from '../../type'\nimport { NoneProductValue } from '../RedeemProductModal/NonProductValue'\n\ntype CouponSuccessProps = {\n  item: RedeemableItemType\n  copy: RedeemModalCommon\n  couponCode: string\n  disabled: boolean\n  onClose: () => void\n}\n\nexport const CouponSuccess = ({ item, copy, couponCode, disabled, onClose }: CouponSuccessProps) => {\n  const { locale } = useHeadlessContext()\n  const { pageCommon } = useCreditsContext()\n  const { copy: copyText, copied: copiedStatus } = useCopy()\n  return (\n    <>\n      <div\n        className={classNames(\n          'max-h-[500px] overflow-y-auto bg-[#F5F5F7] px-[48px] pb-[24px] md:max-h-[400px] md:px-[16px]'\n        )}\n      >\n        <div className=\"relative mx-auto h-[164px] w-[324px]\">\n          {pageCommon?.imageMapping?.[item.config?.type]?.url && (\n            <Picture source={pageCommon.imageMapping[item.config.type].url} className=\"h-full [&_img]:h-full\" />\n          )}\n          <div className=\"absolute bottom-[8px] left-[16px] font-extrabold text-white\">\n            {item.config.value ? (\n              <NoneProductValue item={item} />\n            ) : (\n              <Text size={3} html={item.alpc?.title} />\n            )}\n          </div>\n        </div>\n        <div className=\"mt-[30px] flex items-center justify-center md:mt-[18px]\">\n          <div className=\"mr-[10px] text-[24px] font-bold leading-[1.4] md:leading-[1.2]\">{couponCode}</div>\n          <div\n            className={classNames(\n              'cursor-pointer text-[16px] font-bold leading-[1.2] underline md:text-[14px]',\n              copiedStatus ? 'pointer-events-none' : 'pointer-events-auto'\n            )}\n            onClick={() => copyText(couponCode)}\n            role=\"button\"\n            tabIndex={0}\n            onKeyDown={e => {\n              if (e.key === 'Enter' || e.key === ' ') {\n                e.preventDefault()\n              }\n            }}\n          >\n            {copiedStatus ? pageCommon?.copied : pageCommon?.copy}\n          </div>\n        </div>\n      </div>\n      <div className=\"bg-white px-[48px] pt-[24px] text-center md:px-[16px]\">\n        <div className=\"flex flex-col\">\n          <Text\n            className=\"mb-[4px] text-[24px] font-bold leading-[1.2] md:text-[20px]\"\n            html={copy.coupon.successTitle}\n          ></Text>\n          <Text\n            className=\"text-[16px] font-bold leading-[1.4] text-[#6D6D6F] md:text-[14px]\"\n            html={copy.coupon.successDesc}\n          ></Text>\n        </div>\n        <Button\n          variant=\"primary\"\n          size=\"lg\"\n          className=\"mt-[16px] w-full\"\n          onClick={() => {\n            window.location.href = copy.coupon.successButtonUrl || `/${locale}`\n            onClose()\n          }}\n          disabled={disabled}\n        >\n          {copy.coupon.successButton}\n        </Button>\n      </div>\n    </>\n  )\n}\n"],
+  "mappings": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,mBAAAE,IAAA,eAAAC,EAAAH,GAqBI,IAAAI,EAAA,6BArBJC,EAAsC,iCACtCC,EAAuB,yBACvBC,EAAoB,0CACpBC,EAAkC,kCAClCC,EAAmC,yBAEnCC,EAAiC,iDAU1B,MAAMR,EAAgB,CAAC,CAAE,KAAAS,EAAM,KAAAC,EAAM,WAAAC,EAAY,SAAAC,EAAU,QAAAC,CAAQ,IAA0B,CAClG,KAAM,CAAE,OAAAC,CAAO,KAAI,sBAAmB,EAChC,CAAE,WAAAC,CAAW,KAAI,qBAAkB,EACnC,CAAE,KAAMC,EAAU,OAAQC,CAAa,KAAI,EAAAC,SAAQ,EACzD,SACE,oBACE,qBAAC,OACC,aAAW,EAAAC,SACT,8FACF,EAEA,qBAAC,OAAI,UAAU,uCACZ,UAAAJ,GAAY,eAAeN,EAAK,QAAQ,IAAI,GAAG,QAC9C,OAAC,WAAQ,OAAQM,EAAW,aAAaN,EAAK,OAAO,IAAI,EAAE,IAAK,UAAU,wBAAwB,KAEpG,OAAC,OAAI,UAAU,8DACZ,SAAAA,EAAK,OAAO,SACX,OAAC,oBAAiB,KAAMA,EAAM,KAE9B,OAAC,QAAK,KAAM,EAAG,KAAMA,EAAK,MAAM,MAAO,EAE3C,GACF,KACA,QAAC,OAAI,UAAU,0DACb,oBAAC,OAAI,UAAU,iEAAkE,SAAAE,EAAW,KAC5F,OAAC,OACC,aAAW,EAAAQ,SACT,8EACAF,EAAe,sBAAwB,qBACzC,EACA,QAAS,IAAMD,EAASL,CAAU,EAClC,KAAK,SACL,SAAU,EACV,UAAWS,GAAK,EACVA,EAAE,MAAQ,SAAWA,EAAE,MAAQ,MACjCA,EAAE,eAAe,CAErB,EAEC,SAAAH,EAAeF,GAAY,OAASA,GAAY,KACnD,GACF,GACF,KACA,QAAC,OAAI,UAAU,wDACb,qBAAC,OAAI,UAAU,gBACb,oBAAC,QACC,UAAU,8DACV,KAAML,EAAK,OAAO,aACnB,KACD,OAAC,QACC,UAAU,oEACV,KAAMA,EAAK,OAAO,YACnB,GACH,KACA,OAAC,UACC,QAAQ,UACR,KAAK,KACL,UAAU,mBACV,QAAS,IAAM,CACb,OAAO,SAAS,KAAOA,EAAK,OAAO,kBAAoB,IAAII,CAAM,GACjED,EAAQ,CACV,EACA,SAAUD,EAET,SAAAF,EAAK,OAAO,cACf,GACF,GACF,CAEJ",
+  "names": ["CouponSuccess_exports", "__export", "CouponSuccess", "__toCommonJS", "import_jsx_runtime", "import_headless_ui", "import_classnames", "import_useCopy", "import_provider", "import_lib", "import_NonProductValue", "item", "copy", "couponCode", "disabled", "onClose", "locale", "pageCommon", "copyText", "copiedStatus", "useCopy", "classNames", "e"]
+}

package/dist/cjs/components/credits/creditsRedeemList/RedeemCouponModal.d.ts

@@ -1,9 +1,8 @@
-import type { ModalContainerProps } from '../modal/modalContainer';
-import type { RedeemableItem as RedeemableItemType } from '../type';
-import { CreditsRedeemListCopy } from './type';
-declare function RedeemCouponModal({ item, copy, onError, ...props }: ModalContainerProps & {
+import type { ModalContainerProps } from '../modal/ModalContainer';
+import type { RedeemableItem as RedeemableItemType, RedeemModalCommon } from '../type';
+declare function RedeemCouponModal({ item, copy, onError, ...props }: Omit<ModalContainerProps, 'isOpen'> & {
     item: RedeemableItemType;
-    copy: CreditsRedeemListCopy;
+    copy: RedeemModalCommon;
     onError: (code: number) => void;
 }): import("react/jsx-runtime").JSX.Element;
 export default RedeemCouponModal;

package/dist/cjs/components/credits/creditsRedeemList/RedeemCouponModal.js

@@ -1,2 +1,2 @@
-"use strict";var z=Object.create;var g=Object.defineProperty;var O=Object.getOwnPropertyDescriptor;var U=Object.getOwnPropertyNames;var A=Object.getPrototypeOf,D=Object.prototype.hasOwnProperty;var H=(o,t)=>{for(var r in t)g(o,r,{get:t[r],enumerable:!0})},E=(o,t,r,i)=>{if(t&&typeof t=="object"||typeof t=="function")for(let a of U(t))!D.call(o,a)&&a!==r&&g(o,a,{get:()=>t[a],enumerable:!(i=O(t,a))||i.enumerable});return o};var w=(o,t,r)=>(r=o!=null?z(A(o)):{},E(t||!o||!o.__esModule?g(r,"default",{value:o,enumerable:!0}):r,o)),K=o=>E(g({},"__esModule",{value:!0}),o);var j={};H(j,{default:()=>$});module.exports=K(j);var e=require("react/jsx-runtime"),d=require("@anker-in/headless-ui"),C=w(require("classnames")),m=require("react"),F=w(require("../context/hooks/useCopy")),R=require("../context/provider"),T=require("../context/hooks/useRedeemCoupon"),u=require("../context/const"),k=require("../modal/modalContainer"),I=require("../context/utils"),L=require("@anker-in/lib"),_=require("./RedeemProductModal/NonProductValue");function V({item:o,copy:t,onError:r,...i}){const{locale:a}=(0,L.useHeadlessContext)(),[p,B]=(0,m.useState)(),[b,c]=(0,m.useState)(),[v,x]=(0,m.useState)(!1),{copy:S,copied:N}=(0,F.default)(),{profile:f,fetchCreditInfo:h,pageCommon:n}=(0,R.useCreditsContext)(),{isMutating:M,trigger:y}=(0,T.useRedeemCoupon)({onSuccess(l){if(!l){c(t.redeemModal.commonError);return}if(l?.data?.success)B(l.data.coupon_code),h(f?.user_id);else{let s;l.code===u.AlpcErrorCode.CodeLpcShopifyCouponRuleRedeemLimit?(s=t.redeemModal.redeemLimitError,x(!0)):l.code===u.AlpcErrorCode.CodeLpcRuleInventoryNotEnough?(s=t.redeemModal.inventoryNotEnough,x(!0)):l.code===u.AlpcErrorCode.CodeLpcNotEnoughCredits?(s=t.redeemModal.creditsNotEnough,x(!0),h(f?.user_id)):l.code===u.AlpcErrorCode.CodeCrossSiteError&&(s=t.redeemModal.crossSiteError,x(!0)),c(s||t.redeemModal.commonError||""),r&&r(l.code)}},onError(l){c(l.message||t.redeemModal.commonError)}}),P=(0,m.useCallback)(async()=>{c(""),y({user_id:f?.user_id,rule_id:Number(o.alpc?.id)})},[o,f,y]);return(0,m.useEffect)(()=>{i.isOpen||(x(!1),c(""))},[i.isOpen]),(0,e.jsxs)(k.CreditsModalContainer,{...i,className:"w-[540px] md:h-auto",scrollClassName:"mb-[40px] min-l:px-0 md:mb-[24px] px-0",titleClassName:"h-[56px] bg-[#F5F5F7]",children:[(0,e.jsxs)("div",{className:(0,C.default)("max-h-[500px] overflow-y-auto bg-[#F5F5F7] px-[48px] pb-[24px] md:max-h-[400px] md:px-[16px]"),children:[(0,e.jsxs)("div",{className:"relative mx-auto h-[164px] w-[324px]",children:[n?.imageMapping?.[o.config?.type]?.url&&(0,e.jsx)(d.Picture,{source:n.imageMapping[o.config.type].url,className:"h-full [&_img]:h-full"}),(0,e.jsx)("div",{className:"absolute bottom-[8px] left-[16px] font-extrabold text-white",children:o.config.value?(0,e.jsx)(_.NoneProductValue,{item:o,copy:t}):(0,e.jsx)(d.Text,{size:3,html:o.alpc?.title})})]}),p?(0,e.jsxs)("div",{className:"mt-[30px] flex items-center justify-center md:mt-[18px]",children:[(0,e.jsx)("div",{className:"mr-[10px] text-[24px] font-bold leading-[1.4] md:leading-[1.2]",children:p}),(0,e.jsx)("div",{className:(0,C.default)("cursor-pointer text-[16px] font-bold leading-[1.2] underline md:text-[14px]",N?"pointer-events-none":"pointer-events-auto"),onClick:()=>{S(p)},role:"button",tabIndex:0,onKeyDown:l=>{(l.key==="Enter"||l.key===" ")&&l.preventDefault()},children:N?n?.copied:n?.copy})]}):(0,e.jsxs)(d.Text,{as:"p",className:(0,C.default)("mt-[30px] text-center text-[24px] font-bold leading-[1.2] md:mt-[18px] md:text-[20px] md:leading-[1.2]"),children:[(0,I.numberFormat)(o.alpc?.consumeCredits)," ",n?.pointUnit]}),!p&&o.config?.rules?.length>0&&(0,e.jsxs)("div",{className:"mt-[18px] w-full text-[16px] font-bold leading-[1.4] text-[#6D6D6F] md:mt-[12px] md:text-[14px]",children:[(0,e.jsxs)("div",{className:"mb-[4px]",children:[n?.ruleLabel,":"]}),(0,e.jsx)("ul",{className:"ml-4 grid grid-flow-row gap-[4px]",children:o.config?.rules?.map((l,s)=>(0,e.jsx)("li",{className:"list-disc",children:(0,e.jsx)(d.Text,{html:l})},s))})]})]}),(0,e.jsxs)("div",{className:"bg-white px-[48px] pt-[24px] text-center md:px-[16px]",children:[p&&!M?(0,e.jsxs)(e.Fragment,{children:[(0,e.jsxs)("div",{className:"flex flex-col",children:[(0,e.jsx)(d.Text,{className:"mb-[4px] text-[24px] font-bold leading-[1.2] md:text-[20px]",html:t.redeemModal.coupon.successTitle}),(0,e.jsx)(d.Text,{className:"text-[16px] font-bold leading-[1.4] text-[#6D6D6F] md:text-[14px]",html:t.redeemModal.coupon.successDesc})]}),(0,e.jsx)(d.Button,{variant:"primary",size:"lg",className:"mt-[16px] w-full",onClick:()=>{window.location.href=t.redeemModal.coupon.successButtonUrl||`/${a}`,i.onClose&&i.onClose()},disabled:v,children:t.redeemModal.coupon.successButton})]}):(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)(d.Text,{className:"block text-[24px] font-bold leading-[1.2] md:text-[20px] md:leading-[1.2]",html:t.redeemModal.confirmTitle}),(0,e.jsx)(d.Button,{loading:M,variant:"primary",size:"lg",className:"mt-[16px] w-full",onClick:P,disabled:v,children:t.redeemModal.confirmButton})]}),b&&(0,e.jsx)("div",{className:"mx-auto max-w-full py-[12px] text-center text-[#FF0000]",children:(0,e.jsx)(d.Text,{className:"text-[14px] font-semibold text-[#1F2021]",html:b})})]})]})}var $=V;
+"use strict";var p=Object.defineProperty;var _=Object.getOwnPropertyDescriptor;var v=Object.getOwnPropertyNames;var y=Object.prototype.hasOwnProperty;var L=(o,e)=>{for(var i in e)p(o,i,{get:e[i],enumerable:!0})},w=(o,e,i,n)=>{if(e&&typeof e=="object"||typeof e=="function")for(let t of v(e))!y.call(o,t)&&t!==i&&p(o,t,{get:()=>e[t],enumerable:!(n=_(e,t))||n.enumerable});return o};var O=o=>w(p({},"__esModule",{value:!0}),o);var k={};L(k,{default:()=>P});module.exports=O(k);var m=require("react/jsx-runtime"),h=require("@anker-in/headless-ui"),d=require("react"),M=require("../context/provider"),N=require("../context/hooks/useRedeemCoupon"),a=require("../context/const"),R=require("../modal/ModalContainer"),I=require("./RedeemCouponModal/CouponInit"),F=require("./RedeemCouponModal/CouponSuccess");function T({item:o,copy:e,onError:i,...n}){const[t,C]=(0,d.useState)(),[f,s]=(0,d.useState)(),[x,l]=(0,d.useState)(!1),{profile:c,fetchCreditInfo:b}=(0,M.useCreditsContext)(),{isMutating:g,trigger:E}=(0,N.useRedeemCoupon)({onSuccess(r){if(!r){s(e.commonError);return}if(r?.data?.success)C(r.data.coupon_code),b(c?.user_id);else{let u;r.code===a.AlpcErrorCode.CodeLpcShopifyCouponRuleRedeemLimit?(u=e.redeemLimitError,l(!0)):r.code===a.AlpcErrorCode.CodeLpcRuleInventoryNotEnough?(u=e.inventoryNotEnough,l(!0)):r.code===a.AlpcErrorCode.CodeLpcNotEnoughCredits?(u=e.creditsNotEnough,l(!0),b(c?.user_id)):r.code===a.AlpcErrorCode.CodeCrossSiteError&&(u=e.crossSiteError,l(!0)),s(u||e.commonError||""),i&&i(r.code)}},onError(r){s(r.message||e.commonError)}}),S=(0,d.useCallback)(async()=>{s(""),E({user_id:c?.user_id,rule_id:Number(o.alpc?.id)})},[o,c,E]);return(0,d.useEffect)(()=>()=>{l(!1),s(""),C(void 0)},[]),(0,m.jsxs)(R.CreditsModalContainer,{...n,isOpen:!!o,className:"w-[540px] md:h-auto",scrollClassName:"mb-[40px] min-l:px-0 md:mb-[24px] px-0",titleClassName:"h-[56px] bg-[#F5F5F7]",children:[t&&!g?(0,m.jsx)(F.CouponSuccess,{item:o,copy:e,couponCode:t,disabled:x,onClose:n.onClose}):(0,m.jsx)(I.CouponInit,{item:o,copy:e,loading:g,disabled:x,onConfirm:S}),f&&(0,m.jsx)("div",{className:"mx-auto max-w-full bg-white px-[48px] py-[12px] text-center text-[#FF0000] md:px-[16px]",children:(0,m.jsx)(h.Text,{className:"text-[14px] font-semibold text-[#1F2021]",html:f})})]})}var P=T;
 //# sourceMappingURL=RedeemCouponModal.js.map