npm - @anker-in/campaign-ui - Versions diffs - 0.2.1 → 0.2.2-beta.2 - Mend

@anker-in/campaign-ui 0.2.1 → 0.2.2-beta.2

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

Files changed (270) hide show

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

@@ -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, ROUNDED_BRANDS } from '@anker-in/lib'\nimport type { RedeemableItem as RedeemableItemType } from '../type'\nimport { RedeemableItem } from './RedeemableItem'\nimport RulesModal from '../modal/rulesModal'\nimport { CreditsRedeemListCopy } from './type'\nimport { useRegistration } from '../../../components/registration'\n\nexport const CreditsRedeemList = ({ copy }: { copy: CreditsRedeemListCopy }) => {\n  const {\n    profile,\n    openSignUpPopup,\n    gtm: { pageGroup },\n    pageCommon,\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 => alpcItem.id === item.id))\n      .map(item => {\n        const alpcItem = alpcList.find(alpcItem => alpcItem.id === item.id)\n        const product = products?.find(product => product.handle === alpcItem?.handle)\n        const variant = product?.variants.find(variant => variant.sku === alpcItem?.sku)\n        if (alpcItem?.consumeType === AlpcConsumeType.Product && (!product || !variant)) return null\n        return {\n          alpc: alpcList.find(alpcItem => alpcItem.id === 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 className={classNames('relative bg-[#F5F5F7]')}>\n      <Heading as=\"h2\" size=\"4\" html={copy.title} />\n\n      <Tabs\n        shape={rounded ? 'rounded' : 'square'}\n        align=\"left\"\n        className={classNames('sticky top-0 z-20 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=\"md:h-fit md:rounded-b-[16px]\"\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_rulesModal", "import_registration", "copy", "profile", "openSignUpPopup", "pageGroup", "pageCommon", "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", "value", "RedeemCouponModal", "RedeemProductModal", "RulesModal"]
+  "sourcesContent": ["import { Container, Heading, Tabs, TabsList, TabsTrigger, Text } 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, ROUNDED_BRANDS } from '@anker-in/lib'\nimport type { RedeemableItem as RedeemableItemType } from '../type'\nimport { RedeemableItem } from './RedeemableItem'\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  const isActivated = profile?.activated\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 => alpcItem.id === item.id))\n      .map(item => {\n        const alpcItem = alpcList.find(alpcItem => alpcItem.id === 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 => alpcItem.id === 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 && isActivated && (\n        <Text\n          html={copy.availableCredits?.replace('$credits', numberFormat(creditInfo?.available_credit || 0).toString())}\n          className=\"mt-[12px] text-[20px] l-xxl:text-[18px] l:text-[16px] font-bold text-[#4A4C56]\"\n          as=\"p\"\n        />\n      )}\n\n      <Tabs\n        shape={rounded ? 'rounded' : 'square'}\n        align=\"left\"\n        className={classNames('sticky top-0 z-20 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=\"md:h-fit md:rounded-b-[16px]\"\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_rulesModal", "import_registration", "import_utils", "copy", "id", "profile", "openSignUpPopup", "pageGroup", "pageCommon", "creditInfo", "authCodeActivate", "brand", "rounded", "isLogin", "isActivated", "activeTab", "setActiveTab", "popRedeemData", "setPopRedeemData", "rules", "setRules", "listLoading", "redeemableList", "getRedeemableList", "useRedeemableList", "alpcList", "item", "handles", "products", "list", "alpcItem", "product", "variant", "handleRedeemError", "errorCode", "classNames", "value", "RedeemCouponModal", "RedeemProductModal", "RulesModal"]
 }

package/dist/cjs/components/credits/creditsRedeemList/RedeemProductModal/Error.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";var x=Object.defineProperty;var p=Object.getOwnPropertyDescriptor;var i=Object.getOwnPropertyNames;var c=Object.prototype.hasOwnProperty;var l=(r,e)=>{for(var a in e)x(r,a,{get:e[a],enumerable:!0})},g=(r,e,a,o)=>{if(e&&typeof e=="object"||typeof e=="function")for(let t of i(e))!c.call(r,t)&&t!==a&&x(r,t,{get:()=>e[t],enumerable:!(o=p(e,t))||o.enumerable});return r};var n=r=>g(x({},"__esModule",{value:!0}),r);var d={};l(d,{Error:()=>u});module.exports=n(d);var s=require("react/jsx-runtime"),m=require("@anker-in/headless-ui");const u=({errorInfo:r})=>(0,s.jsxs)("div",{className:"mx-auto max-w-[404px] text-[16px] text-black/40",children:[(0,s.jsx)(m.Picture,{className:"mx-auto mb-[12px] h-[140px] w-[220px]",source:r.imageUrl}),(0,s.jsx)(m.Text,{as:"div",className:"mt-[16px] text-center",html:r.message})]});
+"use strict";var x=Object.defineProperty;var o=Object.getOwnPropertyDescriptor;var i=Object.getOwnPropertyNames;var c=Object.prototype.hasOwnProperty;var l=(r,e)=>{for(var a in e)x(r,a,{get:e[a],enumerable:!0})},g=(r,e,a,p)=>{if(e&&typeof e=="object"||typeof e=="function")for(let t of i(e))!c.call(r,t)&&t!==a&&x(r,t,{get:()=>e[t],enumerable:!(p=o(e,t))||p.enumerable});return r};var n=r=>g(x({},"__esModule",{value:!0}),r);var d={};l(d,{Error:()=>u});module.exports=n(d);var s=require("react/jsx-runtime"),m=require("@anker-in/headless-ui");const u=({errorInfo:r})=>(0,s.jsxs)("div",{className:"mx-auto max-w-[404px] text-[16px] text-black/40 py-[56px]",children:[(0,s.jsx)(m.Picture,{className:"mx-auto mb-[12px] h-[140px] w-[220px]",source:r.imageUrl}),(0,s.jsx)(m.Text,{as:"div",className:"mt-[16px] text-center",html:r.message})]});
 //# sourceMappingURL=Error.js.map

package/dist/cjs/components/credits/creditsRedeemList/RedeemProductModal/Error.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/components/credits/creditsRedeemList/RedeemProductModal/Error.tsx"],
-  "sourcesContent": ["import { Picture, Text } from '@anker-in/headless-ui'\n\ntype ErrorProps = {\n  errorInfo: { imageUrl: string; message: string }\n}\n\nexport const Error = ({ errorInfo }: ErrorProps) => {\n  return (\n    <div className=\"mx-auto max-w-[404px] text-[16px] text-black/40\">\n      <Picture className=\"mx-auto mb-[12px] h-[140px] w-[220px]\" source={errorInfo.imageUrl} />\n      <Text as=\"div\" className=\"mt-[16px] text-center\" html={errorInfo.message} />\n    </div>\n  )\n}\n"],
-  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,WAAAE,IAAA,eAAAC,EAAAH,GAQI,IAAAI,EAAA,6BARJC,EAA8B,iCAMvB,MAAMH,EAAQ,CAAC,CAAE,UAAAI,CAAU,OAE9B,QAAC,OAAI,UAAU,kDACb,oBAAC,WAAQ,UAAU,wCAAwC,OAAQA,EAAU,SAAU,KACvF,OAAC,QAAK,GAAG,MAAM,UAAU,wBAAwB,KAAMA,EAAU,QAAS,GAC5E",
+  "sourcesContent": ["import { Picture, Text } from '@anker-in/headless-ui'\n\ntype ErrorProps = {\n  errorInfo: { imageUrl: string; message: string }\n}\n\nexport const Error = ({ errorInfo }: ErrorProps) => {\n  return (\n    <div className=\"mx-auto max-w-[404px] text-[16px] text-black/40 py-[56px]\">\n      <Picture className=\"mx-auto mb-[12px] h-[140px] w-[220px]\" source={errorInfo.imageUrl} />\n      <Text as=\"div\" className=\"mt-[16px] text-center\" html={errorInfo.message} />\n    </div>\n  )\n}\n"],
+  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,WAAAE,IAAA,eAAAC,EAAAH,GAQI,IAAAI,EAAA,6BARJC,EAA8B,iCAMvB,MAAMH,EAAQ,CAAC,CAAE,UAAAI,CAAU,OAE9B,QAAC,OAAI,UAAU,4DACb,oBAAC,WAAQ,UAAU,wCAAwC,OAAQA,EAAU,SAAU,KACvF,OAAC,QAAK,GAAG,MAAM,UAAU,wBAAwB,KAAMA,EAAU,QAAS,GAC5E",
   "names": ["Error_exports", "__export", "Error", "__toCommonJS", "import_jsx_runtime", "import_headless_ui", "errorInfo"]
 }

package/dist/cjs/components/credits/creditsRedeemList/type.d.ts CHANGED Viewed

@@ -1,5 +1,6 @@
 export type CreditsRedeemListCopy = {
     title: string;
+    availableCredits: string;
     unlockRewards: string;
     btnRedeem: string;
     list: {

package/dist/cjs/components/credits/creditsRedeemList/type.js CHANGED Viewed

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

package/dist/cjs/components/credits/creditsRedeemList/type.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/components/credits/creditsRedeemList/type.ts"],
-  "sourcesContent": ["export type CreditsRedeemListCopy = {\n  title: string\n  unlockRewards: string\n  btnRedeem: string\n  list: {\n    label: string\n    list: {\n      id: string\n      type: string\n      value: string\n      rules: string[]\n    }[]\n  }[]\n  redeemModal: {\n    confirmTitle: string\n    confirmButton: string\n    commonError: string\n    redeemLimitError: string\n    inventoryNotEnough: string\n    creditsNotEnough: string\n    crossSiteError: string\n    errorImageUrl: string\n    coupon: {\n      successDesc: string\n      successTitle: string\n      successButton: string\n      successButtonUrl: string\n    }\n    product: {\n      required: string\n      invalidEmail: string\n      shippingAddress: string\n      shippingProduct: string\n      addressForm: {\n        key: string\n        type: string\n        label: string\n        isSelect: boolean\n        required: boolean\n        placeholder: string\n      }[][]\n      form: {\n        key: string\n        type: string\n        isSelect: boolean\n        required: boolean\n        placeholder: string\n      }[][]\n      successDesc: string[]\n      rules: string[]\n      steps: {\n        imageUrl: string\n        title: string\n      }[]\n      quantityLabel: string\n      totalPriceLabel: string\n      variantLabel: string\n      shippingFeeLabel: string\n      paymentButton: string\n      stepTitle: string\n    }\n  }\n}\n"],
+  "sourcesContent": ["export type CreditsRedeemListCopy = {\n  title: string\n  availableCredits: string\n  unlockRewards: string\n  btnRedeem: string\n  list: {\n    label: string\n    list: {\n      id: string\n      type: string\n      value: string\n      rules: string[]\n    }[]\n  }[]\n  redeemModal: {\n    confirmTitle: string\n    confirmButton: string\n    commonError: string\n    redeemLimitError: string\n    inventoryNotEnough: string\n    creditsNotEnough: string\n    crossSiteError: string\n    errorImageUrl: string\n    coupon: {\n      successDesc: string\n      successTitle: string\n      successButton: string\n      successButtonUrl: string\n    }\n    product: {\n      required: string\n      invalidEmail: string\n      shippingAddress: string\n      shippingProduct: string\n      addressForm: {\n        key: string\n        type: string\n        label: string\n        isSelect: boolean\n        required: boolean\n        placeholder: string\n      }[][]\n      form: {\n        key: string\n        type: string\n        isSelect: boolean\n        required: boolean\n        placeholder: string\n      }[][]\n      successDesc: string[]\n      rules: string[]\n      steps: {\n        imageUrl: string\n        title: string\n      }[]\n      quantityLabel: string\n      totalPriceLabel: string\n      variantLabel: string\n      shippingFeeLabel: string\n      paymentButton: string\n      stepTitle: string\n    }\n  }\n}\n"],
   "mappings": "+WAAA,IAAAA,EAAA,kBAAAC,EAAAD",
   "names": ["type_exports", "__toCommonJS"]
 }

package/dist/cjs/components/credits/creditsWaysToGetCredits/CreditsWaysToGetCredits.d.ts CHANGED Viewed

@@ -1,2 +1,4 @@
 import { type CreditsWaysToGetCreditsProps } from './type';
-export declare const CreditsWaysToGetCredits: ({ copy, classNames }: CreditsWaysToGetCreditsProps) => import("react/jsx-runtime").JSX.Element;
+export declare const CreditsWaysToGetCredits: ({ copy, classNames, id }: CreditsWaysToGetCreditsProps & {
+    id?: string;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/cjs/components/credits/creditsWaysToGetCredits/CreditsWaysToGetCredits.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";var k=Object.defineProperty;var _=Object.getOwnPropertyDescriptor;var j=Object.getOwnPropertyNames;var q=Object.prototype.hasOwnProperty;var E=(t,n)=>{for(var l in n)k(t,l,{get:n[l],enumerable:!0})},H=(t,n,l,p)=>{if(n&&typeof n=="object"||typeof n=="function")for(let d of j(n))!q.call(t,d)&&d!==l&&k(t,d,{get:()=>n[d],enumerable:!(p=_(n,d))||p.enumerable});return t};var V=t=>H(k({},"__esModule",{value:!0}),t);var K={};E(K,{CreditsWaysToGetCredits:()=>J});module.exports=V(K);var e=require("react/jsx-runtime"),i=require("@anker-in/headless-ui"),f=require("@heroicons/react/24/outline"),I=require("framer-motion"),a=require("react"),x=require("./type"),y=require("./useActions"),D=require("../context/provider"),o=require("@anker-in/lib"),R=require("../../registration"),T=require("../modal/creditsUploadReceiptModal"),U=require("../modal/subscribeModal");const J=({copy:t,classNames:n})=>{const[l,p]=(0,a.useState)(!1),{profile:d}=(0,D.useCreditsContext)(),{authCodeActivate:L}=(0,R.useRegistration)(),{brand:M}=(0,o.useHeadlessContext)(),C=o.ROUNDED_BRANDS.includes(M),b=!!d,[O,N]=(0,a.useState)(!1),[A,h]=(0,a.useState)(!1),[w,B]=(0,a.useState)(!1),[F,P]=(0,a.useState)(!1),{actions:v}=(0,y.useActions)({copy:t,subscribe:{openSubscribePopup:()=>h(!0),isSuccess:w},uploadReceipt:{openUploadReceiptPopup:()=>N(!0),isSuccess:F}}),G=(0,a.useMemo)(()=>{const s=t.list.map(r=>{if(!v[r.id])return;const{finished:c,notLogin:S,notFinished:g,completed:W}=v[r.id];let m="",u,z;return b?c?(m=W.buttonLabel,u=void 0):(m=g.buttonLabel,u=g.handleClick,z=g.link):(m=S.buttonLabel,u=S.handleClick),{...r,buttonLabel:m,handleClick:u,finished:c,link:z}}).filter(Boolean);return b?s.sort((r,c)=>r?.finished&&!c?.finished?1:!r?.finished&&c?.finished?-1:0):s},[v,t.list,b]);return(0,e.jsxs)(i.Container,{id:"ways-to-get-credits",className:" bg-[#F5F5F7] [&>div]:l:!px-0",children:[(0,e.jsxs)("div",{className:(0,o.classNames)("rounded-[16px] bg-[#1D1D1F] py-[64px] px-[140px] text-white md:px-[16px] l:rounded-none md-l:px-[32px] l-xl:px-[77px]",!C&&"rounded-none"),children:[(0,e.jsx)(i.Heading,{as:"h2",size:4,html:t?.title,className:"text-center l:pl-[16px] l:text-left"}),(0,e.jsxs)("div",{className:"mt-[64px] flex items-center justify-between md:mt-[64px] l:mt-[24px] l:flex-col-reverse l:items-start md-l:mt-[32px]",children:[(0,e.jsxs)("div",{className:"pl-[16px] l:mt-[40px] desktop:pl-[24px] lg-desktop:pl-[32px]",children:[(0,e.jsx)(i.Heading,{size:3,as:"h3",html:t.subtitle,className:n?.subtitle}),(0,e.jsxs)("div",{className:"mt-[8px] flex items-center",children:[t.creditsIcon?.url&&(0,e.jsx)(i.Picture,{className:"size-[48px] mr-[8px] stroke-brand xl:size-[30px] [&_path]:stroke-brand",source:t.creditsIcon.url,alt:t.creditsIcon.alt||"credits"}),(0,e.jsx)(i.Heading,{html:t.equalCredits,size:4,as:"h3",className:(0,o.classNames)("mt-2 text-white md:text-[24px]",n?.equalCreditsText)})]})]}),(0,e.jsx)(i.Picture,{className:"w-full laptop:w-[50%]",source:t.mainImage?.url})]}),(0,e.jsxs)("div",{className:"relative",children:[(0,e.jsxs)(I.motion.div,{className:(0,o.classNames)("relative mt-[64px] grid grid-cols-3 gap-[16px] overflow-hidden md:mt-[16px] md:grid-cols-1 l:gap-[12px]  min-md:!h-auto md-l:mt-[32px] md-l:grid-cols-2"),initial:{height:512},animate:{height:l?"auto":512},transition:{duration:.3},onAnimationComplete:()=>{if(!l&&window.screen.width<768){const s=document.getElementById("ways-to-get-credits");s&&s.scrollIntoView({behavior:"smooth",block:"end"})}},children:[G.map(s=>(0,e.jsxs)("div",{className:(0,o.classNames)("flex min-h-[160px] flex-col justify-between rounded-[16px] bg-white p-[16px] text-[#1D1D1F] desktop:min-h-[192px] desktop:p-[24px] lg-desktop:min-h-[240px] lg-desktop:p-[32px]",!C&&"rounded-none"),children:[(0,e.jsxs)("div",{children:[(0,e.jsx)(i.Heading,{as:"h4",html:s.title,size:2,className:"text-pretty"}),(0,e.jsxs)("div",{className:"mt-[4px] flex items-center",children:[(0,e.jsx)(i.Picture,{className:"size-[24px] xl:size-[18px] [&_path]:size-full",source:"https://cdn.shopify.com/s/files/1/0511/6346/3874/files/20250902-153351.png?v=1756798450"}),(0,e.jsx)(i.Text,{as:"p",html:s.credits,size:2,className:"ml-[4px] mt-[6px] lg-desktop:text-[18px]"})]})]}),s.handleClick&&!(s.id===x.TaskType.UploadReceipt&&F)&&!(s.id===x.TaskType.Activate&&L.isActivateSuccess)&&!(s.id===x.TaskType.Subscribe&&w)?(0,e.jsx)(i.Button,{as:s.link?"a":"button",...s.link&&{href:s.link},...s.handleClick&&{onClick:s.handleClick},variant:"primary",size:"lg",className:"mt-[24px] w-fit",children:s.buttonLabel}):(0,e.jsx)(i.Button,{variant:"primary",size:"lg",className:"mt-[24px] w-fit",disabled:!0,children:s.buttonLabel})]},s.id)),!l&&(0,e.jsx)("div",{className:"absolute inset-0 pointer-events-none min-md:hidden",style:{background:"linear-gradient(180deg, rgba(29, 29, 31, 0) 66.37%, #1D1D1F 100%)"}})]}),l?(0,e.jsx)("button",{className:"mx-auto mt-[12px] block w-fit min-md:hidden",onClick:()=>{p(!1)},children:(0,e.jsx)(f.ChevronUpIcon,{className:"size-[40px] rounded-full bg-[#FFFFFF33] p-[8px]"})}):(0,e.jsx)(e.Fragment,{children:(0,e.jsx)("div",{className:"absolute bottom-0 flex w-full translate-y-1/2 justify-center min-md:hidden",children:(0,e.jsx)("button",{className:"w-fit",onClick:()=>p(!l),children:(0,e.jsx)(f.ChevronDownIcon,{className:"size-[40px] rounded-full bg-[#FFFFFF33] p-[8px]"})})})})]})]}),t.receipt&&(0,e.jsx)(T.CreditsUploadReceiptModal,{isOpen:O,onClose:()=>{N(!1)},copy:t.receipt,onSuccess:()=>{P(!0)}}),t.subscribe&&(0,e.jsx)(U.CreditsSubscribeModal,{copy:t.subscribe,onSuccess:()=>{B(!0),setTimeout(()=>{h(!1)},3e3)},isOpen:A,onClose:()=>{h(!1)}})]})};
+"use strict";var k=Object.defineProperty;var j=Object.getOwnPropertyDescriptor;var q=Object.getOwnPropertyNames;var E=Object.prototype.hasOwnProperty;var H=(t,n)=>{for(var r in n)k(t,r,{get:n[r],enumerable:!0})},V=(t,n,r,o)=>{if(n&&typeof n=="object"||typeof n=="function")for(let a of q(n))!E.call(t,a)&&a!==r&&k(t,a,{get:()=>n[a],enumerable:!(o=j(n,a))||o.enumerable});return t};var J=t=>V(k({},"__esModule",{value:!0}),t);var Q={};H(Q,{CreditsWaysToGetCredits:()=>K});module.exports=J(Q);var e=require("react/jsx-runtime"),i=require("@anker-in/headless-ui"),f=require("@heroicons/react/24/outline"),I=require("framer-motion"),d=require("react"),x=require("./type"),y=require("./useActions"),D=require("../context/provider"),l=require("@anker-in/lib"),R=require("../../registration"),T=require("../modal/creditsUploadReceiptModal"),U=require("../modal/subscribeModal");const K=({copy:t,classNames:n,id:r})=>{const[o,a]=(0,d.useState)(!1),{profile:L}=(0,D.useCreditsContext)(),{authCodeActivate:M}=(0,R.useRegistration)(),{brand:O}=(0,l.useHeadlessContext)(),C=l.ROUNDED_BRANDS.includes(O),b=!!L,[A,N]=(0,d.useState)(!1),[B,h]=(0,d.useState)(!1),[w,P]=(0,d.useState)(!1),[F,G]=(0,d.useState)(!1),{actions:v}=(0,y.useActions)({copy:t,subscribe:{openSubscribePopup:()=>h(!0),isSuccess:w},uploadReceipt:{openUploadReceiptPopup:()=>N(!0),isSuccess:F}}),W=(0,d.useMemo)(()=>{const s=t.list.map(p=>{if(!v[p.id])return;const{finished:c,notLogin:S,notFinished:g,completed:_}=v[p.id];let m="",u,z;return b?c?(m=_.buttonLabel,u=void 0):(m=g.buttonLabel,u=g.handleClick,z=g.link):(m=S.buttonLabel,u=S.handleClick),{...p,buttonLabel:m,handleClick:u,finished:c,link:z}}).filter(Boolean);return b?s.sort((p,c)=>p?.finished&&!c?.finished?1:!p?.finished&&c?.finished?-1:0):s},[v,t.list,b]);return(0,e.jsxs)(i.Container,{id:r,className:" bg-[#F5F5F7] [&>div]:l:!px-0",children:[(0,e.jsxs)("div",{className:(0,l.classNames)("rounded-[16px] bg-[#1D1D1F] py-[64px] px-[140px] text-white md:px-[16px] l:rounded-none md-l:px-[32px] l-xl:px-[77px]",!C&&"rounded-none"),children:[(0,e.jsx)(i.Heading,{as:"h2",size:4,html:t?.title,className:"text-center l:pl-[16px] l:text-left"}),(0,e.jsxs)("div",{className:"mt-[64px] flex items-center justify-between md:mt-[64px] l:mt-[24px] l:flex-col-reverse l:items-start md-l:mt-[32px]",children:[(0,e.jsxs)("div",{className:"pl-[16px] l:mt-[40px] desktop:pl-[24px] lg-desktop:pl-[32px]",children:[(0,e.jsx)(i.Heading,{size:3,as:"h3",html:t.subtitle,className:n?.subtitle}),(0,e.jsxs)("div",{className:"mt-[8px] flex items-center",children:[t.creditsIcon?.url&&(0,e.jsx)(i.Picture,{className:"size-[48px] mr-[8px] stroke-brand xl:size-[30px] [&_path]:stroke-brand",source:t.creditsIcon.url,alt:t.creditsIcon.alt||"credits"}),(0,e.jsx)(i.Heading,{html:t.equalCredits,size:4,as:"h3",className:(0,l.classNames)("mt-2 text-white md:text-[24px]",n?.equalCreditsText)})]})]}),(0,e.jsx)(i.Picture,{className:"w-full laptop:w-[50%]",source:t.mainImage?.url})]}),(0,e.jsxs)("div",{className:"relative",children:[(0,e.jsxs)(I.motion.div,{className:(0,l.classNames)("relative mt-[64px] grid grid-cols-3 gap-[16px] overflow-hidden md:mt-[16px] md:grid-cols-1 l:gap-[12px]  min-md:!h-auto md-l:mt-[32px] md-l:grid-cols-2"),initial:{height:512},animate:{height:o?"auto":512},transition:{duration:.3},onAnimationComplete:()=>{if(!o&&window.screen.width<768){const s=document.getElementById("ways-to-get-credits");s&&s.scrollIntoView({behavior:"smooth",block:"end"})}},children:[W.map(s=>(0,e.jsxs)("div",{className:(0,l.classNames)("flex min-h-[160px] flex-col justify-between rounded-[16px] bg-white p-[16px] text-[#1D1D1F] desktop:min-h-[192px] desktop:p-[24px] lg-desktop:min-h-[240px] lg-desktop:p-[32px]",!C&&"rounded-none"),children:[(0,e.jsxs)("div",{children:[(0,e.jsx)(i.Heading,{as:"h4",html:s.title,size:2,className:"text-pretty"}),(0,e.jsxs)("div",{className:"mt-[4px] flex items-center",children:[(0,e.jsx)(i.Picture,{className:"size-[24px] xl:size-[18px] [&_path]:size-full",source:"https://cdn.shopify.com/s/files/1/0511/6346/3874/files/20250902-153351.png?v=1756798450"}),(0,e.jsx)(i.Text,{as:"p",html:s.credits,size:2,className:"ml-[4px] mt-[6px] lg-desktop:text-[18px]"})]})]}),s.handleClick&&!(s.id===x.TaskType.UploadReceipt&&F)&&!(s.id===x.TaskType.Activate&&M.isActivateSuccess)&&!(s.id===x.TaskType.Subscribe&&w)?(0,e.jsx)(i.Button,{as:s.link?"a":"button",...s.link&&{href:s.link},...s.handleClick&&{onClick:s.handleClick},variant:"primary",size:"lg",className:"mt-[24px] w-fit",children:s.buttonLabel}):(0,e.jsx)(i.Button,{variant:"primary",size:"lg",className:"mt-[24px] w-fit",disabled:!0,children:s.buttonLabel})]},s.id)),!o&&(0,e.jsx)("div",{className:"absolute inset-0 pointer-events-none min-md:hidden",style:{background:"linear-gradient(180deg, rgba(29, 29, 31, 0) 66.37%, #1D1D1F 100%)"}})]}),o?(0,e.jsx)("button",{className:"mx-auto mt-[12px] block w-fit min-md:hidden",onClick:()=>{a(!1)},children:(0,e.jsx)(f.ChevronUpIcon,{className:"size-[40px] rounded-full bg-[#FFFFFF33] p-[8px]"})}):(0,e.jsx)(e.Fragment,{children:(0,e.jsx)("div",{className:"absolute bottom-0 flex w-full translate-y-1/2 justify-center min-md:hidden",children:(0,e.jsx)("button",{className:"w-fit",onClick:()=>a(!o),children:(0,e.jsx)(f.ChevronDownIcon,{className:"size-[40px] rounded-full bg-[#FFFFFF33] p-[8px]"})})})})]})]}),t.receipt&&(0,e.jsx)(T.CreditsUploadReceiptModal,{isOpen:A,onClose:()=>{N(!1)},copy:t.receipt,onSuccess:()=>{G(!0)}}),t.subscribe&&(0,e.jsx)(U.CreditsSubscribeModal,{copy:t.subscribe,onSuccess:()=>{P(!0),setTimeout(()=>{h(!1)},3e3)},isOpen:B,onClose:()=>{h(!1)}})]})};
 //# sourceMappingURL=CreditsWaysToGetCredits.js.map

package/dist/cjs/components/credits/creditsWaysToGetCredits/CreditsWaysToGetCredits.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/components/credits/creditsWaysToGetCredits/CreditsWaysToGetCredits.tsx"],
-  "sourcesContent": ["import { Button, Container, Heading, Picture, Text } from '@anker-in/headless-ui'\nimport { ChevronDownIcon, ChevronUpIcon } from '@heroicons/react/24/outline'\nimport { motion } from 'framer-motion'\nimport { useMemo, useState } from 'react'\n\nimport { TaskType, type CreditsWaysToGetCreditsProps } from './type'\nimport { useActions } from './useActions'\nimport { useCreditsContext } from '../context/provider'\nimport { classNames as cn, useHeadlessContext, ROUNDED_BRANDS } from '@anker-in/lib'\nimport { useRegistration } from '../../registration'\nimport { CreditsUploadReceiptModal } from '../modal/creditsUploadReceiptModal'\nimport { CreditsSubscribeModal } from '../modal/subscribeModal'\n\nexport const CreditsWaysToGetCredits = ({ copy, classNames }: CreditsWaysToGetCreditsProps) => {\n  const [showMore, setShowMore] = useState(false)\n  const { profile } = useCreditsContext()\n  const { authCodeActivate } = useRegistration()\n  const { brand } = useHeadlessContext()\n  const rounded = ROUNDED_BRANDS.includes(brand)\n  const isLogin = !!profile\n\n  const [isUploadReceiptModalOpen, setIsUploadReceiptModalOpen] = useState(false)\n  const [isSubscribeModalOpen, setIsSubscribeModalOpen] = useState(false)\n  const [isSubscribeSuccess, setIsSubscribeSuccess] = useState(false)\n  const [isUploadReceiptSuccess, setIsUploadReceiptSuccess] = useState(false)\n\n  const { actions } = useActions({\n    copy,\n    subscribe: {\n      openSubscribePopup: () => setIsSubscribeModalOpen(true),\n      isSuccess: isSubscribeSuccess,\n    },\n    uploadReceipt: {\n      openUploadReceiptPopup: () => setIsUploadReceiptModalOpen(true),\n      isSuccess: isUploadReceiptSuccess,\n    },\n  })\n  const list = useMemo(() => {\n    const list = copy.list\n      .map(item => {\n        if (!actions[item.id as keyof typeof actions]) {\n          return undefined\n        }\n        const { finished, notLogin, notFinished, completed } = actions[item.id as keyof typeof actions]\n        let buttonLabel = ''\n        let handleClick = undefined\n        let link = undefined\n        if (!isLogin) {\n          buttonLabel = notLogin.buttonLabel\n          handleClick = notLogin.handleClick\n        } else if (finished) {\n          buttonLabel = completed.buttonLabel\n          handleClick = undefined\n        } else {\n          buttonLabel = notFinished.buttonLabel\n          handleClick = notFinished.handleClick\n          link = (notFinished as { link: string }).link\n        }\n        return {\n          ...item,\n          buttonLabel,\n          handleClick,\n          finished,\n          link,\n        }\n      })\n      .filter(Boolean) as {\n      title: string\n      credits: string\n      id: TaskType\n      buttonLabel: string\n      finished: boolean\n      link: string\n      handleClick: (() => void) | undefined\n    }[]\n\n    // \u767B\u5F55\u540E\uFF0C\u4FDD\u7559\u539F\u987A\u5E8F\uFF0C\u5C06\u5DF2\u5B8C\u6210\u7684\u4EFB\u52A1\u653E\u5728\u6700\u540E\n    if (isLogin) {\n      return list.sort((a, b) => {\n        if (a?.finished && !b?.finished) {\n          return 1 // a\u5DF2\u5B8C\u6210\uFF0Cb\u672A\u5B8C\u6210\uFF0Ca\u6392\u5728\u540E\u9762\n        }\n        if (!a?.finished && b?.finished) {\n          return -1 // a\u672A\u5B8C\u6210\uFF0Cb\u5DF2\u5B8C\u6210\uFF0Ca\u6392\u5728\u524D\u9762\n        }\n        return 0 // \u90FD\u5DF2\u5B8C\u6210\u6216\u90FD\u672A\u5B8C\u6210\uFF0C\u4FDD\u6301\u539F\u987A\u5E8F\n      })\n    } else {\n      return list\n    }\n  }, [actions, copy.list, isLogin])\n\n  return (\n    <Container id=\"ways-to-get-credits\" className=\" bg-[#F5F5F7] [&>div]:l:!px-0\">\n      <div\n        className={cn(\n          'rounded-[16px] bg-[#1D1D1F] py-[64px] px-[140px] text-white md:px-[16px] l:rounded-none md-l:px-[32px] l-xl:px-[77px]',\n          !rounded && 'rounded-none'\n        )}\n      >\n        <Heading as=\"h2\" size={4} html={copy?.title} className=\"text-center l:pl-[16px] l:text-left\" />\n        <div className=\"mt-[64px] flex items-center justify-between md:mt-[64px] l:mt-[24px] l:flex-col-reverse l:items-start md-l:mt-[32px]\">\n          <div className=\"pl-[16px] l:mt-[40px] desktop:pl-[24px] lg-desktop:pl-[32px]\">\n            <Heading size={3} as=\"h3\" html={copy.subtitle} className={classNames?.subtitle} />\n            <div className=\"mt-[8px] flex items-center\">\n              {copy.creditsIcon?.url && (\n                <Picture\n                  className=\"size-[48px] mr-[8px] stroke-brand xl:size-[30px] [&_path]:stroke-brand\"\n                  source={copy.creditsIcon.url}\n                  alt={copy.creditsIcon.alt || 'credits'}\n                />\n              )}\n              <Heading\n                html={copy.equalCredits}\n                size={4}\n                as=\"h3\"\n                className={cn('mt-2 text-white md:text-[24px]', classNames?.equalCreditsText)}\n              />\n            </div>\n          </div>\n          <Picture className=\"w-full laptop:w-[50%]\" source={copy.mainImage?.url} />\n        </div>\n\n        <div className=\"relative\">\n          <motion.div\n            className={cn(\n              'relative mt-[64px] grid grid-cols-3 gap-[16px] overflow-hidden md:mt-[16px] md:grid-cols-1 l:gap-[12px]  min-md:!h-auto md-l:mt-[32px] md-l:grid-cols-2'\n            )}\n            initial={{ height: 512 }}\n            animate={{ height: showMore ? 'auto' : 512 }}\n            transition={{ duration: 0.3 }}\n            onAnimationComplete={() => {\n              if (!showMore && window.screen.width < 768) {\n                const section = document.getElementById('ways-to-get-credits')\n                if (section) {\n                  section.scrollIntoView({ behavior: 'smooth', block: 'end' })\n                }\n              }\n            }}\n          >\n            {list.map(item => (\n              <div\n                key={item.id}\n                className={cn(\n                  'flex min-h-[160px] flex-col justify-between rounded-[16px] bg-white p-[16px] text-[#1D1D1F] desktop:min-h-[192px] desktop:p-[24px] lg-desktop:min-h-[240px] lg-desktop:p-[32px]',\n                  !rounded && 'rounded-none'\n                )}\n              >\n                <div>\n                  <Heading as=\"h4\" html={item.title} size={2} className=\"text-pretty\" />\n                  <div className=\"mt-[4px] flex items-center\">\n                    <Picture\n                      className=\"size-[24px] xl:size-[18px] [&_path]:size-full\"\n                      source=\"https://cdn.shopify.com/s/files/1/0511/6346/3874/files/20250902-153351.png?v=1756798450\"\n                    />\n                    <Text as=\"p\" html={item.credits} size={2} className=\"ml-[4px] mt-[6px] lg-desktop:text-[18px]\" />\n                  </div>\n                </div>\n\n                {item.handleClick &&\n                !(item.id === TaskType.UploadReceipt && isUploadReceiptSuccess) &&\n                !(item.id === TaskType.Activate && authCodeActivate.isActivateSuccess) &&\n                !(item.id === TaskType.Subscribe && isSubscribeSuccess) ? (\n                  <Button\n                    as={item.link ? 'a' : 'button'}\n                    {...(item.link && { href: item.link })}\n                    {...(item.handleClick && { onClick: item.handleClick })}\n                    variant=\"primary\"\n                    size=\"lg\"\n                    className=\"mt-[24px] w-fit\"\n                  >\n                    {item.buttonLabel}\n                  </Button>\n                ) : (\n                  <Button variant=\"primary\" size=\"lg\" className=\"mt-[24px] w-fit\" disabled>\n                    {item.buttonLabel}\n                  </Button>\n                )}\n              </div>\n            ))}\n            {!showMore && (\n              <div\n                className=\"absolute inset-0 pointer-events-none min-md:hidden\"\n                style={{ background: 'linear-gradient(180deg, rgba(29, 29, 31, 0) 66.37%, #1D1D1F 100%)' }}\n              ></div>\n            )}\n          </motion.div>\n          {showMore ? (\n            <button\n              className=\"mx-auto mt-[12px] block w-fit min-md:hidden\"\n              onClick={() => {\n                setShowMore(false)\n              }}\n            >\n              <ChevronUpIcon className=\"size-[40px] rounded-full bg-[#FFFFFF33] p-[8px]\"></ChevronUpIcon>\n            </button>\n          ) : (\n            <>\n              <div className=\"absolute bottom-0 flex w-full translate-y-1/2 justify-center min-md:hidden\">\n                <button className=\"w-fit\" onClick={() => setShowMore(!showMore)}>\n                  <ChevronDownIcon className=\"size-[40px] rounded-full bg-[#FFFFFF33] p-[8px]\"></ChevronDownIcon>\n                </button>\n              </div>\n            </>\n          )}\n        </div>\n      </div>\n      {copy.receipt && (\n        <CreditsUploadReceiptModal\n          isOpen={isUploadReceiptModalOpen}\n          onClose={() => {\n            setIsUploadReceiptModalOpen(false)\n          }}\n          copy={copy.receipt}\n          onSuccess={() => {\n            setIsUploadReceiptSuccess(true)\n          }}\n        />\n      )}\n      {copy.subscribe && (\n        <CreditsSubscribeModal\n          copy={copy.subscribe}\n          onSuccess={() => {\n            setIsSubscribeSuccess(true)\n            setTimeout(() => {\n              setIsSubscribeModalOpen(false)\n            }, 3000)\n          }}\n          isOpen={isSubscribeModalOpen}\n          onClose={() => {\n            setIsSubscribeModalOpen(false)\n          }}\n        />\n      )}\n    </Container>\n  )\n}\n"],
-  "mappings": "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",
-  "names": ["CreditsWaysToGetCredits_exports", "__export", "CreditsWaysToGetCredits", "__toCommonJS", "import_jsx_runtime", "import_headless_ui", "import_outline", "import_framer_motion", "import_react", "import_type", "import_useActions", "import_provider", "import_lib", "import_registration", "import_creditsUploadReceiptModal", "import_subscribeModal", "copy", "classNames", "showMore", "setShowMore", "profile", "authCodeActivate", "brand", "rounded", "isLogin", "isUploadReceiptModalOpen", "setIsUploadReceiptModalOpen", "isSubscribeModalOpen", "setIsSubscribeModalOpen", "isSubscribeSuccess", "setIsSubscribeSuccess", "isUploadReceiptSuccess", "setIsUploadReceiptSuccess", "actions", "list", "item", "finished", "notLogin", "notFinished", "completed", "buttonLabel", "handleClick", "link", "a", "b", "cn", "section"]
+  "sourcesContent": ["import { Button, Container, Heading, Picture, Text } from '@anker-in/headless-ui'\nimport { ChevronDownIcon, ChevronUpIcon } from '@heroicons/react/24/outline'\nimport { motion } from 'framer-motion'\nimport { useMemo, useState } from 'react'\n\nimport { TaskType, type CreditsWaysToGetCreditsProps } from './type'\nimport { useActions } from './useActions'\nimport { useCreditsContext } from '../context/provider'\nimport { classNames as cn, useHeadlessContext, ROUNDED_BRANDS } from '@anker-in/lib'\nimport { useRegistration } from '../../registration'\nimport { CreditsUploadReceiptModal } from '../modal/creditsUploadReceiptModal'\nimport { CreditsSubscribeModal } from '../modal/subscribeModal'\n\nexport const CreditsWaysToGetCredits = ({ copy, classNames, id }: CreditsWaysToGetCreditsProps & { id?: string }) => {\n  const [showMore, setShowMore] = useState(false)\n  const { profile } = useCreditsContext()\n  const { authCodeActivate } = useRegistration()\n  const { brand } = useHeadlessContext()\n  const rounded = ROUNDED_BRANDS.includes(brand)\n  const isLogin = !!profile\n\n  const [isUploadReceiptModalOpen, setIsUploadReceiptModalOpen] = useState(false)\n  const [isSubscribeModalOpen, setIsSubscribeModalOpen] = useState(false)\n  const [isSubscribeSuccess, setIsSubscribeSuccess] = useState(false)\n  const [isUploadReceiptSuccess, setIsUploadReceiptSuccess] = useState(false)\n\n  const { actions } = useActions({\n    copy,\n    subscribe: {\n      openSubscribePopup: () => setIsSubscribeModalOpen(true),\n      isSuccess: isSubscribeSuccess,\n    },\n    uploadReceipt: {\n      openUploadReceiptPopup: () => setIsUploadReceiptModalOpen(true),\n      isSuccess: isUploadReceiptSuccess,\n    },\n  })\n  const list = useMemo(() => {\n    const list = copy.list\n      .map(item => {\n        if (!actions[item.id as keyof typeof actions]) {\n          return undefined\n        }\n        const { finished, notLogin, notFinished, completed } = actions[item.id as keyof typeof actions]\n        let buttonLabel = ''\n        let handleClick = undefined\n        let link = undefined\n        if (!isLogin) {\n          buttonLabel = notLogin.buttonLabel\n          handleClick = notLogin.handleClick\n        } else if (finished) {\n          buttonLabel = completed.buttonLabel\n          handleClick = undefined\n        } else {\n          buttonLabel = notFinished.buttonLabel\n          handleClick = notFinished.handleClick\n          link = (notFinished as { link: string }).link\n        }\n        return {\n          ...item,\n          buttonLabel,\n          handleClick,\n          finished,\n          link,\n        }\n      })\n      .filter(Boolean) as {\n      title: string\n      credits: string\n      id: TaskType\n      buttonLabel: string\n      finished: boolean\n      link: string\n      handleClick: (() => void) | undefined\n    }[]\n\n    // \u767B\u5F55\u540E\uFF0C\u4FDD\u7559\u539F\u987A\u5E8F\uFF0C\u5C06\u5DF2\u5B8C\u6210\u7684\u4EFB\u52A1\u653E\u5728\u6700\u540E\n    if (isLogin) {\n      return list.sort((a, b) => {\n        if (a?.finished && !b?.finished) {\n          return 1 // a\u5DF2\u5B8C\u6210\uFF0Cb\u672A\u5B8C\u6210\uFF0Ca\u6392\u5728\u540E\u9762\n        }\n        if (!a?.finished && b?.finished) {\n          return -1 // a\u672A\u5B8C\u6210\uFF0Cb\u5DF2\u5B8C\u6210\uFF0Ca\u6392\u5728\u524D\u9762\n        }\n        return 0 // \u90FD\u5DF2\u5B8C\u6210\u6216\u90FD\u672A\u5B8C\u6210\uFF0C\u4FDD\u6301\u539F\u987A\u5E8F\n      })\n    } else {\n      return list\n    }\n  }, [actions, copy.list, isLogin])\n\n  return (\n    <Container id={id} className=\" bg-[#F5F5F7] [&>div]:l:!px-0\">\n      <div\n        className={cn(\n          'rounded-[16px] bg-[#1D1D1F] py-[64px] px-[140px] text-white md:px-[16px] l:rounded-none md-l:px-[32px] l-xl:px-[77px]',\n          !rounded && 'rounded-none'\n        )}\n      >\n        <Heading as=\"h2\" size={4} html={copy?.title} className=\"text-center l:pl-[16px] l:text-left\" />\n        <div className=\"mt-[64px] flex items-center justify-between md:mt-[64px] l:mt-[24px] l:flex-col-reverse l:items-start md-l:mt-[32px]\">\n          <div className=\"pl-[16px] l:mt-[40px] desktop:pl-[24px] lg-desktop:pl-[32px]\">\n            <Heading size={3} as=\"h3\" html={copy.subtitle} className={classNames?.subtitle} />\n            <div className=\"mt-[8px] flex items-center\">\n              {copy.creditsIcon?.url && (\n                <Picture\n                  className=\"size-[48px] mr-[8px] stroke-brand xl:size-[30px] [&_path]:stroke-brand\"\n                  source={copy.creditsIcon.url}\n                  alt={copy.creditsIcon.alt || 'credits'}\n                />\n              )}\n              <Heading\n                html={copy.equalCredits}\n                size={4}\n                as=\"h3\"\n                className={cn('mt-2 text-white md:text-[24px]', classNames?.equalCreditsText)}\n              />\n            </div>\n          </div>\n          <Picture className=\"w-full laptop:w-[50%]\" source={copy.mainImage?.url} />\n        </div>\n\n        <div className=\"relative\">\n          <motion.div\n            className={cn(\n              'relative mt-[64px] grid grid-cols-3 gap-[16px] overflow-hidden md:mt-[16px] md:grid-cols-1 l:gap-[12px]  min-md:!h-auto md-l:mt-[32px] md-l:grid-cols-2'\n            )}\n            initial={{ height: 512 }}\n            animate={{ height: showMore ? 'auto' : 512 }}\n            transition={{ duration: 0.3 }}\n            onAnimationComplete={() => {\n              if (!showMore && window.screen.width < 768) {\n                const section = document.getElementById('ways-to-get-credits')\n                if (section) {\n                  section.scrollIntoView({ behavior: 'smooth', block: 'end' })\n                }\n              }\n            }}\n          >\n            {list.map(item => (\n              <div\n                key={item.id}\n                className={cn(\n                  'flex min-h-[160px] flex-col justify-between rounded-[16px] bg-white p-[16px] text-[#1D1D1F] desktop:min-h-[192px] desktop:p-[24px] lg-desktop:min-h-[240px] lg-desktop:p-[32px]',\n                  !rounded && 'rounded-none'\n                )}\n              >\n                <div>\n                  <Heading as=\"h4\" html={item.title} size={2} className=\"text-pretty\" />\n                  <div className=\"mt-[4px] flex items-center\">\n                    <Picture\n                      className=\"size-[24px] xl:size-[18px] [&_path]:size-full\"\n                      source=\"https://cdn.shopify.com/s/files/1/0511/6346/3874/files/20250902-153351.png?v=1756798450\"\n                    />\n                    <Text as=\"p\" html={item.credits} size={2} className=\"ml-[4px] mt-[6px] lg-desktop:text-[18px]\" />\n                  </div>\n                </div>\n\n                {item.handleClick &&\n                !(item.id === TaskType.UploadReceipt && isUploadReceiptSuccess) &&\n                !(item.id === TaskType.Activate && authCodeActivate.isActivateSuccess) &&\n                !(item.id === TaskType.Subscribe && isSubscribeSuccess) ? (\n                  <Button\n                    as={item.link ? 'a' : 'button'}\n                    {...(item.link && { href: item.link })}\n                    {...(item.handleClick && { onClick: item.handleClick })}\n                    variant=\"primary\"\n                    size=\"lg\"\n                    className=\"mt-[24px] w-fit\"\n                  >\n                    {item.buttonLabel}\n                  </Button>\n                ) : (\n                  <Button variant=\"primary\" size=\"lg\" className=\"mt-[24px] w-fit\" disabled>\n                    {item.buttonLabel}\n                  </Button>\n                )}\n              </div>\n            ))}\n            {!showMore && (\n              <div\n                className=\"absolute inset-0 pointer-events-none min-md:hidden\"\n                style={{ background: 'linear-gradient(180deg, rgba(29, 29, 31, 0) 66.37%, #1D1D1F 100%)' }}\n              ></div>\n            )}\n          </motion.div>\n          {showMore ? (\n            <button\n              className=\"mx-auto mt-[12px] block w-fit min-md:hidden\"\n              onClick={() => {\n                setShowMore(false)\n              }}\n            >\n              <ChevronUpIcon className=\"size-[40px] rounded-full bg-[#FFFFFF33] p-[8px]\"></ChevronUpIcon>\n            </button>\n          ) : (\n            <>\n              <div className=\"absolute bottom-0 flex w-full translate-y-1/2 justify-center min-md:hidden\">\n                <button className=\"w-fit\" onClick={() => setShowMore(!showMore)}>\n                  <ChevronDownIcon className=\"size-[40px] rounded-full bg-[#FFFFFF33] p-[8px]\"></ChevronDownIcon>\n                </button>\n              </div>\n            </>\n          )}\n        </div>\n      </div>\n      {copy.receipt && (\n        <CreditsUploadReceiptModal\n          isOpen={isUploadReceiptModalOpen}\n          onClose={() => {\n            setIsUploadReceiptModalOpen(false)\n          }}\n          copy={copy.receipt}\n          onSuccess={() => {\n            setIsUploadReceiptSuccess(true)\n          }}\n        />\n      )}\n      {copy.subscribe && (\n        <CreditsSubscribeModal\n          copy={copy.subscribe}\n          onSuccess={() => {\n            setIsSubscribeSuccess(true)\n            setTimeout(() => {\n              setIsSubscribeModalOpen(false)\n            }, 3000)\n          }}\n          isOpen={isSubscribeModalOpen}\n          onClose={() => {\n            setIsSubscribeModalOpen(false)\n          }}\n        />\n      )}\n    </Container>\n  )\n}\n"],
+  "mappings": "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",
+  "names": ["CreditsWaysToGetCredits_exports", "__export", "CreditsWaysToGetCredits", "__toCommonJS", "import_jsx_runtime", "import_headless_ui", "import_outline", "import_framer_motion", "import_react", "import_type", "import_useActions", "import_provider", "import_lib", "import_registration", "import_creditsUploadReceiptModal", "import_subscribeModal", "copy", "classNames", "id", "showMore", "setShowMore", "profile", "authCodeActivate", "brand", "rounded", "isLogin", "isUploadReceiptModalOpen", "setIsUploadReceiptModalOpen", "isSubscribeModalOpen", "setIsSubscribeModalOpen", "isSubscribeSuccess", "setIsSubscribeSuccess", "isUploadReceiptSuccess", "setIsUploadReceiptSuccess", "actions", "list", "item", "finished", "notLogin", "notFinished", "completed", "buttonLabel", "handleClick", "link", "a", "b", "cn", "section"]
 }

package/dist/cjs/templates/{credits.d.ts → Credits.d.ts} RENAMED Viewed

@@ -1,21 +1,28 @@
 import { HeadlessConfig } from '@anker-in/lib';
 import { DTC_TASK_TYPE } from '../components/credits/context/const';
 import { CreditsPageCommon } from '../components/credits/type';
+import { FunctionMemberPriceConfig } from '../components/credits/context/memberPriceTypes';
 import { CreditsBannerCopy } from '../components/credits/creditsBanner';
 import { CreditsInfoCardCopy } from '../components/credits/creditsInfoCard';
 import { CreditsBenefitsCopy } from '../components/credits/creditsBenefits';
 import { CreditsWaysToGetCreditsCopy } from '../components/credits/creditsWaysToGetCredits';
+import { CreditsAnkersolixTaskCopy } from '../components/credits/creditsAnkersolixTask';
 import { CreditsRedeemListCopy } from '../components/credits/creditsRedeemList';
 import { CreditsCashCopy } from '../components/credits/creditsCash';
+import { CreditsMemberPriceCopy } from '../components/credits/creditsMemberPrice';
 import { CreditsFaqCopy } from '../components/credits/creditsFaq';
+import { CreditsNavigationCopy } from '../components/credits/creditsNavigation';
 import { AuthCodeActivateCopy } from 'src/components/registration/authCodeActivate/type';
 export declare enum ComponentKey {
+    Navigation = "creditsNavigation",
     Banner = "creditsBanner",
     InfoCard = "creditsInfoCard",
     Benefits = "creditsBenefits",
     WaysToGetCredits = "creditsWaysToGetCredits",
+    AnkersolixTask = "creditsAnkersolixTask",
     RedeemList = "creditsRedeemList",
     SpendCreditsLikeCash = "creditsCash",
+    MemberPrice = "creditsMemberPrice",
     Faqs = "creditsFaq"
 }
 export type CreditsTemplateProps = {
@@ -25,17 +32,24 @@ export type CreditsTemplateProps = {
             authCodeActivate: AuthCodeActivateCopy;
         };
         taskIdToTypeMapping: Record<string, DTC_TASK_TYPE>;
+        memberPriceDiscount?: FunctionMemberPriceConfig[];
+    };
+    creditsConfig?: {
+        alpcBrand?: string;
     };
     pageConfig: {
         order: ComponentKey[];
         common: CreditsPageCommon;
         components: {
+            [ComponentKey.Navigation]?: CreditsNavigationCopy;
             [ComponentKey.Banner]?: CreditsBannerCopy;
             [ComponentKey.InfoCard]?: CreditsInfoCardCopy;
             [ComponentKey.Benefits]?: CreditsBenefitsCopy;
             [ComponentKey.WaysToGetCredits]?: CreditsWaysToGetCreditsCopy;
+            [ComponentKey.AnkersolixTask]?: CreditsAnkersolixTaskCopy;
             [ComponentKey.RedeemList]?: CreditsRedeemListCopy;
             [ComponentKey.SpendCreditsLikeCash]?: CreditsCashCopy;
+            [ComponentKey.MemberPrice]?: CreditsMemberPriceCopy;
             [ComponentKey.Faqs]?: CreditsFaqCopy;
         };
     };
@@ -56,4 +70,4 @@ export type CreditsTemplateProps = {
         pageGroup: string;
     };
 };
-export declare const CreditsTemplate: ({ headlessConfig, siteConfig, userContext, pageConfig, registrationContext, gtm, }: CreditsTemplateProps) => import("react/jsx-runtime").JSX.Element;
+export declare const CreditsTemplate: ({ headlessConfig, siteConfig, creditsConfig, userContext, pageConfig, registrationContext, gtm, }: CreditsTemplateProps) => import("react/jsx-runtime").JSX.Element;

package/dist/cjs/templates/Credits.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";var C=Object.defineProperty;var L=Object.getOwnPropertyDescriptor;var K=Object.getOwnPropertyNames;var F=Object.prototype.hasOwnProperty;var M=(s,i)=>{for(var p in i)C(s,p,{get:i[p],enumerable:!0})},N=(s,i,p,r)=>{if(i&&typeof i=="object"\|\|typeof i=="function")for(let t of K(i))!F.call(s,t)&&t!==p&&C(s,t,{get:()=>i[t],enumerable:!(r=L(i,t))\|\|r.enumerable});return s};var S=s=>N(C({},"__esModule",{value:!0}),s);var D={};M(D,{ComponentKey:()=>I,CreditsTemplate:()=>x});module.exports=S(D);var o=require("react/jsx-runtime"),a=require("@anker-in/lib"),c=require("../components/registration/context/provider"),f=require("../components/credits/context/provider"),l=require("../components/credits/creditsBanner"),y=require("../components/credits/creditsInfoCard"),g=require("../components/credits/creditsBenefits"),P=require("../components/credits/creditsWaysToGetCredits"),T=require("../components/credits/creditsAnkersolixTask"),v=require("../components/credits/creditsRedeemList"),u=require("../components/credits/creditsCash"),b=require("../components/credits/creditsMemberPrice"),h=require("../components/credits/creditsFaq"),B=require("../components/credits/creditsNavigation"),I=(d=>(d.Navigation="creditsNavigation",d.Banner="creditsBanner",d.InfoCard="creditsInfoCard",d.Benefits="creditsBenefits",d.WaysToGetCredits="creditsWaysToGetCredits",d.AnkersolixTask="creditsAnkersolixTask",d.RedeemList="creditsRedeemList",d.SpendCreditsLikeCash="creditsCash",d.MemberPrice="creditsMemberPrice",d.Faqs="creditsFaq",d))(I\|\|{});const x=({headlessConfig:s,siteConfig:i,creditsConfig:p,userContext:r,pageConfig:t,registrationContext:m,gtm:A})=>(console.log("siteConfig",i),(0,o.jsx)(a.HeadlessProvider,{headlessConfig:s,children:(0,o.jsx)(c.RegistrationProvider,{copy:i.registrationsSettings,email:r?.profile?.email,children:(0,o.jsxs)(f.CreditsProvider,{profile:r?.profile,removeProfile:r?.removeProfile,isLoadingProfile:r?.isLoadingProfile,openSignInPopup:m.openSignInPopup,openSignUpPopup:m.openSignUpPopup,creditInfo:r?.creditInfo,taskIdToTypeMapping:i.taskIdToTypeMapping,customer:r?.customer,fetchCreditInfo:r?.fetchCreditInfo,customerLoading:r?.customerLoading,gtm:A,pageCommon:t.common,memberPriceDiscount:i.memberPriceDiscount,alpcBrand:p?.alpcBrand,children:[t.components.creditsNavigation&&(0,o.jsx)(B.CreditsNavigation,{copy:t.components.creditsNavigation}),(0,o.jsx)("div",{className:(0,a.classNames)("bg-[#f5f5f7] leading-[1.2]"),children:t.order.map(e=>{if(e==="creditsNavigation")return null;const n=t.components?.[e];return n?(0,o.jsxs)(o.Fragment,{children:[e==="creditsBanner"&&(0,o.jsx)(l.CreditsBanner,{copy:n,id:e}),e==="creditsInfoCard"&&r?.profile&&(0,o.jsx)(y.CreditsInfoCard,{copy:n,id:e}),e==="creditsBenefits"&&(0,o.jsx)(g.CreditsBenefits,{copy:n,id:e}),e==="creditsWaysToGetCredits"&&(0,o.jsx)(P.CreditsWaysToGetCredits,{copy:n,id:e,classNames:s.brand==="anker"?{subtitle:"text-white",equalCreditsText:"bg-gradient-to-r from-[#3AD1FF] to-[#008CD6] bg-clip-text text-transparent"}:{subtitle:"text-[#D1D1D1]",equalCreditsText:"text-[#F6EAD0]"}}),e==="creditsAnkersolixTask"&&(0,o.jsx)(T.CreditsAnkersolixTask,{copy:n,id:e}),e==="creditsRedeemList"&&(0,o.jsx)(v.CreditsRedeemList,{copy:n,id:e}),e==="creditsCash"&&(0,o.jsx)(u.CreditsCash,{copy:n,id:e}),e==="creditsMemberPrice"&&(0,o.jsx)(b.CreditsMemberPrice,{copy:n,id:e}),e==="creditsFaq"&&(0,o.jsx)(h.CreditsFaq,{copy:n,id:e}),e!=="creditsBanner"&&(0,o.jsx)("div",{className:"laptop:h-16 desktop:h-[96px] lg-desktop:h-[128px] tablet:h-16 h-16"})]}):null})})]})})}));
2	+ //# sourceMappingURL=Credits.js.map

package/dist/cjs/templates/Credits.js.map ADDED Viewed

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/templates/Credits.tsx"],
+  "sourcesContent": ["import { classNames, HeadlessConfig, HeadlessProvider } from '@anker-in/lib'\nimport { RegistrationProvider } from '../components/registration/context/provider'\n\nimport { DTC_TASK_TYPE } from '../components/credits/context/const'\nimport { CreditsProvider } from '../components/credits/context/provider'\nimport { CreditsPageCommon } from '../components/credits/type'\nimport { FunctionMemberPriceConfig } from '../components/credits/context/memberPriceTypes'\n\nimport { CreditsBanner, CreditsBannerCopy } from '../components/credits/creditsBanner'\nimport { CreditsInfoCard, CreditsInfoCardCopy } from '../components/credits/creditsInfoCard'\nimport { CreditsBenefits, CreditsBenefitsCopy } from '../components/credits/creditsBenefits'\nimport { CreditsWaysToGetCredits, CreditsWaysToGetCreditsCopy } from '../components/credits/creditsWaysToGetCredits'\nimport { CreditsAnkersolixTask, CreditsAnkersolixTaskCopy } from '../components/credits/creditsAnkersolixTask'\nimport { CreditsRedeemList, CreditsRedeemListCopy } from '../components/credits/creditsRedeemList'\nimport { CreditsCash, CreditsCashCopy } from '../components/credits/creditsCash'\nimport { CreditsMemberPrice, CreditsMemberPriceCopy } from '../components/credits/creditsMemberPrice'\nimport { CreditsFaq, CreditsFaqCopy } from '../components/credits/creditsFaq'\nimport { CreditsNavigation, CreditsNavigationCopy } from '../components/credits/creditsNavigation'\nimport { AuthCodeActivateCopy } from 'src/components/registration/authCodeActivate/type'\n\nexport enum ComponentKey {\n  Navigation = 'creditsNavigation',\n  Banner = 'creditsBanner',\n  InfoCard = 'creditsInfoCard',\n  Benefits = 'creditsBenefits',\n  WaysToGetCredits = 'creditsWaysToGetCredits',\n  AnkersolixTask = 'creditsAnkersolixTask',\n  RedeemList = 'creditsRedeemList',\n  SpendCreditsLikeCash = 'creditsCash',\n  MemberPrice = 'creditsMemberPrice',\n  Faqs = 'creditsFaq',\n}\nexport type CreditsTemplateProps = {\n  headlessConfig: HeadlessConfig\n  siteConfig: {\n    registrationsSettings: {\n      authCodeActivate: AuthCodeActivateCopy\n    }\n    taskIdToTypeMapping: Record<string, DTC_TASK_TYPE>\n    memberPriceDiscount?: FunctionMemberPriceConfig[]\n  }\n  creditsConfig?: {\n    alpcBrand?: string\n  }\n  pageConfig: {\n    order: ComponentKey[]\n    common: CreditsPageCommon\n    components: {\n      [ComponentKey.Navigation]?: CreditsNavigationCopy\n      [ComponentKey.Banner]?: CreditsBannerCopy\n      [ComponentKey.InfoCard]?: CreditsInfoCardCopy\n      [ComponentKey.Benefits]?: CreditsBenefitsCopy\n      [ComponentKey.WaysToGetCredits]?: CreditsWaysToGetCreditsCopy\n      [ComponentKey.AnkersolixTask]?: CreditsAnkersolixTaskCopy\n      [ComponentKey.RedeemList]?: CreditsRedeemListCopy\n      [ComponentKey.SpendCreditsLikeCash]?: CreditsCashCopy\n      [ComponentKey.MemberPrice]?: CreditsMemberPriceCopy\n      [ComponentKey.Faqs]?: CreditsFaqCopy\n    }\n  }\n  userContext: {\n    profile: any\n    removeProfile: () => void\n    isLoadingProfile: boolean\n    creditInfo: any\n    customer: any\n    customerLoading: boolean\n    fetchCreditInfo: () => void\n  }\n  registrationContext: {\n    openSignUpPopup: () => void\n    openSignInPopup: () => void\n  }\n  gtm: {\n    pageGroup: string\n  }\n}\n\nexport const CreditsTemplate = ({\n  headlessConfig,\n  siteConfig,\n  creditsConfig,\n  userContext,\n  pageConfig,\n  registrationContext,\n  gtm,\n}: CreditsTemplateProps) => {\n\n  console.log('siteConfig', siteConfig)\n  return (\n    <HeadlessProvider headlessConfig={headlessConfig}>\n      <RegistrationProvider copy={siteConfig.registrationsSettings} email={userContext?.profile?.email}>\n        <CreditsProvider\n          profile={userContext?.profile}\n          removeProfile={userContext?.removeProfile}\n          isLoadingProfile={userContext?.isLoadingProfile}\n          openSignInPopup={registrationContext.openSignInPopup}\n          openSignUpPopup={registrationContext.openSignUpPopup}\n          creditInfo={userContext?.creditInfo}\n          taskIdToTypeMapping={siteConfig.taskIdToTypeMapping}\n          customer={userContext?.customer}\n          fetchCreditInfo={userContext?.fetchCreditInfo}\n          customerLoading={userContext?.customerLoading}\n          gtm={gtm}\n          pageCommon={pageConfig.common}\n          memberPriceDiscount={siteConfig.memberPriceDiscount}\n          alpcBrand={creditsConfig?.alpcBrand}\n        >\n          {/* \u5BFC\u822A\u7EC4\u4EF6 - \u56FA\u5B9A\u4F4D\u7F6E\uFF0C\u4E0D\u53C2\u4E0E order \u6392\u5E8F */}\n          {pageConfig.components[ComponentKey.Navigation] && (\n            <CreditsNavigation copy={pageConfig.components[ComponentKey.Navigation]} />\n          )}\n          <div className={classNames('bg-[#f5f5f7] leading-[1.2]')}>\n            {pageConfig.order.map(key => {\n              // \u8DF3\u8FC7\u5BFC\u822A\u7EC4\u4EF6\uFF0C\u56E0\u4E3A\u5B83\u5DF2\u7ECF\u56FA\u5B9A\u6E32\u67D3\u5728\u4E0A\u65B9\n              if (key === ComponentKey.Navigation) return null\n              const componentCopy = pageConfig.components?.[key]\n              if (!componentCopy) return null\n              return (\n                <>\n                  {key === ComponentKey.Banner && <CreditsBanner copy={componentCopy as CreditsBannerCopy} id={key} />}\n                  {key === ComponentKey.InfoCard && userContext?.profile && (\n                    <CreditsInfoCard copy={componentCopy as CreditsInfoCardCopy} id={key} />\n                  )}\n                  {key === ComponentKey.Benefits && <CreditsBenefits copy={componentCopy as CreditsBenefitsCopy} id={key} />}\n                  {key === ComponentKey.WaysToGetCredits && (\n                    <CreditsWaysToGetCredits\n                      copy={componentCopy as CreditsWaysToGetCreditsCopy}\n                      id={key}\n                      classNames={\n                        headlessConfig.brand === 'anker'\n                          ? {\n                              subtitle: 'text-white',\n                              equalCreditsText:\n                                'bg-gradient-to-r from-[#3AD1FF] to-[#008CD6] bg-clip-text text-transparent',\n                            }\n                          : {\n                              subtitle: 'text-[#D1D1D1]',\n                              equalCreditsText: 'text-[#F6EAD0]',\n                            }\n                      }\n                    />\n                  )}\n                  {key === ComponentKey.AnkersolixTask && (\n                    <CreditsAnkersolixTask\n                      copy={componentCopy as CreditsAnkersolixTaskCopy}\n                      id={key}\n                    />\n                  )}\n                  {key === ComponentKey.RedeemList && <CreditsRedeemList copy={componentCopy as CreditsRedeemListCopy} id={key} />}\n                  {key === ComponentKey.SpendCreditsLikeCash && <CreditsCash copy={componentCopy as CreditsCashCopy} id={key} />}\n                  {key === ComponentKey.MemberPrice && <CreditsMemberPrice copy={componentCopy as CreditsMemberPriceCopy} id={key} />}\n                  {key === ComponentKey.Faqs && <CreditsFaq copy={componentCopy as CreditsFaqCopy} id={key} />}\n                  {key !== ComponentKey.Banner && (\n                    <div className=\"laptop:h-16 desktop:h-[96px] lg-desktop:h-[128px] tablet:h-16 h-16\" />\n                  )}\n                </>\n              )\n            })}\n          </div>\n        </CreditsProvider>\n      </RegistrationProvider>\n    </HeadlessProvider>\n  )\n}\n"],
+  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,kBAAAE,EAAA,oBAAAC,IAAA,eAAAC,EAAAJ,GA8GY,IAAAK,EAAA,6BA9GZC,EAA6D,yBAC7DC,EAAqC,uDAGrCA,EAAgC,kDAIhCC,EAAiD,+CACjDC,EAAqD,iDACrDC,EAAqD,iDACrDC,EAAqE,yDACrEC,EAAiE,uDACjEC,EAAyD,mDACzDC,EAA6C,6CAC7CC,EAA2D,oDAC3DC,EAA2C,4CAC3CC,EAAyD,mDAG7Cf,OACVA,EAAA,WAAa,oBACbA,EAAA,OAAS,gBACTA,EAAA,SAAW,kBACXA,EAAA,SAAW,kBACXA,EAAA,iBAAmB,0BACnBA,EAAA,eAAiB,wBACjBA,EAAA,WAAa,oBACbA,EAAA,qBAAuB,cACvBA,EAAA,YAAc,qBACdA,EAAA,KAAO,aAVGA,OAAA,IA0DL,MAAMC,EAAkB,CAAC,CAC9B,eAAAe,EACA,WAAAC,EACA,cAAAC,EACA,YAAAC,EACA,WAAAC,EACA,oBAAAC,EACA,IAAAC,CACF,KAEE,QAAQ,IAAI,aAAcL,CAAU,KAElC,OAAC,oBAAiB,eAAgBD,EAChC,mBAAC,wBAAqB,KAAMC,EAAW,sBAAuB,MAAOE,GAAa,SAAS,MACzF,oBAAC,mBACC,QAASA,GAAa,QACtB,cAAeA,GAAa,cAC5B,iBAAkBA,GAAa,iBAC/B,gBAAiBE,EAAoB,gBACrC,gBAAiBA,EAAoB,gBACrC,WAAYF,GAAa,WACzB,oBAAqBF,EAAW,oBAChC,SAAUE,GAAa,SACvB,gBAAiBA,GAAa,gBAC9B,gBAAiBA,GAAa,gBAC9B,IAAKG,EACL,WAAYF,EAAW,OACvB,oBAAqBH,EAAW,oBAChC,UAAWC,GAAe,UAGzB,UAAAE,EAAW,WAAW,sBACrB,OAAC,qBAAkB,KAAMA,EAAW,WAAW,kBAA0B,KAE3E,OAAC,OAAI,aAAW,cAAW,4BAA4B,EACpD,SAAAA,EAAW,MAAM,IAAIG,GAAO,CAE3B,GAAIA,IAAQ,oBAAyB,OAAO,KAC5C,MAAMC,EAAgBJ,EAAW,aAAaG,CAAG,EACjD,OAAKC,KAEH,oBACG,UAAAD,IAAQ,oBAAuB,OAAC,iBAAc,KAAMC,EAAoC,GAAID,EAAK,EACjGA,IAAQ,mBAAyBJ,GAAa,YAC7C,OAAC,mBAAgB,KAAMK,EAAsC,GAAID,EAAK,EAEvEA,IAAQ,sBAAyB,OAAC,mBAAgB,KAAMC,EAAsC,GAAID,EAAK,EACvGA,IAAQ,8BACP,OAAC,2BACC,KAAMC,EACN,GAAID,EACJ,WACEP,EAAe,QAAU,QACrB,CACE,SAAU,aACV,iBACE,4EACJ,EACA,CACE,SAAU,iBACV,iBAAkB,gBACpB,EAER,EAEDO,IAAQ,4BACP,OAAC,yBACC,KAAMC,EACN,GAAID,EACN,EAEDA,IAAQ,wBAA2B,OAAC,qBAAkB,KAAMC,EAAwC,GAAID,EAAK,EAC7GA,IAAQ,kBAAqC,OAAC,eAAY,KAAMC,EAAkC,GAAID,EAAK,EAC3GA,IAAQ,yBAA4B,OAAC,sBAAmB,KAAMC,EAAyC,GAAID,EAAK,EAChHA,IAAQ,iBAAqB,OAAC,cAAW,KAAMC,EAAiC,GAAID,EAAK,EACzFA,IAAQ,oBACP,OAAC,OAAI,UAAU,qEAAqE,GAExF,EAvCyB,IAyC7B,CAAC,EACH,GACF,EACF,EACF",
+  "names": ["Credits_exports", "__export", "ComponentKey", "CreditsTemplate", "__toCommonJS", "import_jsx_runtime", "import_lib", "import_provider", "import_creditsBanner", "import_creditsInfoCard", "import_creditsBenefits", "import_creditsWaysToGetCredits", "import_creditsAnkersolixTask", "import_creditsRedeemList", "import_creditsCash", "import_creditsMemberPrice", "import_creditsFaq", "import_creditsNavigation", "headlessConfig", "siteConfig", "creditsConfig", "userContext", "pageConfig", "registrationContext", "gtm", "key", "componentCopy"]
+}

package/dist/cjs/templates/index.d.ts CHANGED Viewed

	@@ -1 +1 @@
1	- export * from './~~credits~~';
1	+ export * from './Credits';

package/dist/cjs/templates/index.js CHANGED Viewed

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

package/dist/cjs/templates/index.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/templates/index.ts"],
-  "sourcesContent": ["export * from './credits'\n"],
+  "sourcesContent": ["export * from './Credits'\n"],
   "mappings": "iaAAA,IAAAA,EAAA,kBAAAC,EAAAD,GAAAE,EAAAF,EAAc,qBAAd",
   "names": ["templates_exports", "__toCommonJS", "__reExport"]
 }

package/dist/esm/components/credits/context/hooks/useActivities.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{useCallback as L,useEffect as v,useState as o}from"react";import{useAlpcMutation as _}from"./useAlpcFetch";import{useCreditsContext as x}from"../provider";import{useHeadlessContext as A}from"@anker-in/lib";function y({page:t,pageSize:r,options:n={}}){const{profile:e,isLoadingProfile:a}=x(),{brand:l}=A(),[s,f]=o([]),[c,p]=o(0),[u,C]=o(0),{isMutating:i,trigger:d}=_({url:"/v1/credit/log",initData:{brand:l}}),g=L(async()=>{const b={page:t,page_size:r,user_id:e?.user_id,...n};d(b,{onSuccess(m){C(t),p(m?.data?.total),f(s.concat(m?.data?.creditLogs||[]))}})},[s,e,t,r,n,d]);return v(()=>{a||!e||i||t!==u&&t&&g()},[g,a,i,e,t,u]),{activities:s,isLoading:i,total:c,canNext:c>s.length&&!i}}var S=y;export{S as default};
+import{useCallback as _,useEffect as x,useState as r}from"react";import{useAlpcMutation as A}from"./useAlpcFetch";import{useCreditsContext as y}from"../provider";import{useHeadlessContext as P}from"@anker-in/lib";function R({page:t,pageSize:o,options:n={}}){const{profile:e,isLoadingProfile:a,alpcBrand:m}=y(),{brand:p}=P(),f=m||p,[s,b]=r([]),[c,C]=r(0),[u,L]=r(0),{isMutating:i,trigger:d}=A({url:"/v1/credit/log",initData:{brand:f}}),g=_(async()=>{const v={page:t,page_size:o,user_id:e?.user_id,...n};d(v,{onSuccess(l){L(t),C(l?.data?.total),b(s.concat(l?.data?.creditLogs||[]))}})},[s,e,t,o,n,d]);return x(()=>{a||!e||i||t!==u&&t&&g()},[g,a,i,e,t,u]),{activities:s,isLoading:i,total:c,canNext:c>s.length&&!i}}var S=R;export{S as default};
 //# sourceMappingURL=useActivities.js.map

package/dist/esm/components/credits/context/hooks/useActivities.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/components/credits/context/hooks/useActivities.ts"],
-  "sourcesContent": ["import { useCallback, useEffect, useState } from 'react'\n\nimport { useAlpcMutation } from './useAlpcFetch'\nimport type { CreditLogResponse } from '../response'\nimport { useCreditsContext } from '../provider'\nimport { useHeadlessContext } from '@anker-in/lib'\n\nfunction useActivities({ page, pageSize, options = {} }: { page: number; pageSize: number; options?: any }) {\n  const { profile, isLoadingProfile } = useCreditsContext()\n  const { brand } = useHeadlessContext()\n  const [activities, setActivities] = useState<CreditLogResponse[]>([])\n  const [total, setTotal] = useState(0)\n\n  const [currentPage, setCurrentPage] = useState(0)\n\n  const { isMutating: isLoading, trigger } = useAlpcMutation<\n    {\n      data: {\n        total: number\n        creditLogs: CreditLogResponse[]\n      }\n    },\n    {\n      page: number\n      page_size: number\n      user_id: string\n    }\n  >({\n    url: `/v1/credit/log`,\n    initData: {\n      brand,\n    },\n  })\n\n  const getActivities = useCallback(async () => {\n    const params = {\n      page: page,\n      page_size: pageSize,\n      user_id: profile?.user_id,\n      ...options,\n    }\n\n    trigger(params, {\n      onSuccess(responseData) {\n        setCurrentPage(page)\n        setTotal(responseData?.data?.total)\n        setActivities(activities.concat(responseData?.data?.creditLogs || []))\n      },\n    })\n  }, [activities, profile, page, pageSize, options, trigger])\n\n  useEffect(() => {\n    if (isLoadingProfile || !profile || isLoading) {\n      return\n    }\n\n    if (page !== currentPage && page) {\n      getActivities()\n    }\n  }, [getActivities, isLoadingProfile, isLoading, profile, page, currentPage])\n\n  return {\n    activities,\n    isLoading,\n    total,\n    canNext: total > activities.length && !isLoading,\n  }\n}\n\nexport default useActivities\n"],
-  "mappings": "AAAA,OAAS,eAAAA,EAAa,aAAAC,EAAW,YAAAC,MAAgB,QAEjD,OAAS,mBAAAC,MAAuB,iBAEhC,OAAS,qBAAAC,MAAyB,cAClC,OAAS,sBAAAC,MAA0B,gBAEnC,SAASC,EAAc,CAAE,KAAAC,EAAM,SAAAC,EAAU,QAAAC,EAAU,CAAC,CAAE,EAAsD,CAC1G,KAAM,CAAE,QAAAC,EAAS,iBAAAC,CAAiB,EAAIP,EAAkB,EAClD,CAAE,MAAAQ,CAAM,EAAIP,EAAmB,EAC/B,CAACQ,EAAYC,CAAa,EAAIZ,EAA8B,CAAC,CAAC,EAC9D,CAACa,EAAOC,CAAQ,EAAId,EAAS,CAAC,EAE9B,CAACe,EAAaC,CAAc,EAAIhB,EAAS,CAAC,EAE1C,CAAE,WAAYiB,EAAW,QAAAC,CAAQ,EAAIjB,EAYzC,CACA,IAAK,iBACL,SAAU,CACR,MAAAS,CACF,CACF,CAAC,EAEKS,EAAgBrB,EAAY,SAAY,CAC5C,MAAMsB,EAAS,CACb,KAAMf,EACN,UAAWC,EACX,QAASE,GAAS,QAClB,GAAGD,CACL,EAEAW,EAAQE,EAAQ,CACd,UAAUC,EAAc,CACtBL,EAAeX,CAAI,EACnBS,EAASO,GAAc,MAAM,KAAK,EAClCT,EAAcD,EAAW,OAAOU,GAAc,MAAM,YAAc,CAAC,CAAC,CAAC,CACvE,CACF,CAAC,CACH,EAAG,CAACV,EAAYH,EAASH,EAAMC,EAAUC,EAASW,CAAO,CAAC,EAE1D,OAAAnB,EAAU,IAAM,CACVU,GAAoB,CAACD,GAAWS,GAIhCZ,IAASU,GAAeV,GAC1Bc,EAAc,CAElB,EAAG,CAACA,EAAeV,EAAkBQ,EAAWT,EAASH,EAAMU,CAAW,CAAC,EAEpE,CACL,WAAAJ,EACA,UAAAM,EACA,MAAAJ,EACA,QAASA,EAAQF,EAAW,QAAU,CAACM,CACzC,CACF,CAEA,IAAOK,EAAQlB",
-  "names": ["useCallback", "useEffect", "useState", "useAlpcMutation", "useCreditsContext", "useHeadlessContext", "useActivities", "page", "pageSize", "options", "profile", "isLoadingProfile", "brand", "activities", "setActivities", "total", "setTotal", "currentPage", "setCurrentPage", "isLoading", "trigger", "getActivities", "params", "responseData", "useActivities_default"]
+  "sourcesContent": ["import { useCallback, useEffect, useState } from 'react'\n\nimport { useAlpcMutation } from './useAlpcFetch'\nimport type { CreditLogResponse } from '../response'\nimport { useCreditsContext } from '../provider'\nimport { useHeadlessContext } from '@anker-in/lib'\n\nfunction useActivities({ page, pageSize, options = {} }: { page: number; pageSize: number; options?: any }) {\n  const { profile, isLoadingProfile, alpcBrand } = useCreditsContext()\n  const { brand: headlessBrand } = useHeadlessContext()\n  const brand = alpcBrand || headlessBrand\n  const [activities, setActivities] = useState<CreditLogResponse[]>([])\n  const [total, setTotal] = useState(0)\n\n  const [currentPage, setCurrentPage] = useState(0)\n\n  const { isMutating: isLoading, trigger } = useAlpcMutation<\n    {\n      data: {\n        total: number\n        creditLogs: CreditLogResponse[]\n      }\n    },\n    {\n      page: number\n      page_size: number\n      user_id: string\n    }\n  >({\n    url: `/v1/credit/log`,\n    initData: {\n      brand,\n    },\n  })\n\n  const getActivities = useCallback(async () => {\n    const params = {\n      page: page,\n      page_size: pageSize,\n      user_id: profile?.user_id,\n      ...options,\n    }\n\n    trigger(params, {\n      onSuccess(responseData) {\n        setCurrentPage(page)\n        setTotal(responseData?.data?.total)\n        setActivities(activities.concat(responseData?.data?.creditLogs || []))\n      },\n    })\n  }, [activities, profile, page, pageSize, options, trigger])\n\n  useEffect(() => {\n    if (isLoadingProfile || !profile || isLoading) {\n      return\n    }\n\n    if (page !== currentPage && page) {\n      getActivities()\n    }\n  }, [getActivities, isLoadingProfile, isLoading, profile, page, currentPage])\n\n  return {\n    activities,\n    isLoading,\n    total,\n    canNext: total > activities.length && !isLoading,\n  }\n}\n\nexport default useActivities\n"],
+  "mappings": "AAAA,OAAS,eAAAA,EAAa,aAAAC,EAAW,YAAAC,MAAgB,QAEjD,OAAS,mBAAAC,MAAuB,iBAEhC,OAAS,qBAAAC,MAAyB,cAClC,OAAS,sBAAAC,MAA0B,gBAEnC,SAASC,EAAc,CAAE,KAAAC,EAAM,SAAAC,EAAU,QAAAC,EAAU,CAAC,CAAE,EAAsD,CAC1G,KAAM,CAAE,QAAAC,EAAS,iBAAAC,EAAkB,UAAAC,CAAU,EAAIR,EAAkB,EAC7D,CAAE,MAAOS,CAAc,EAAIR,EAAmB,EAC9CS,EAAQF,GAAaC,EACrB,CAACE,EAAYC,CAAa,EAAId,EAA8B,CAAC,CAAC,EAC9D,CAACe,EAAOC,CAAQ,EAAIhB,EAAS,CAAC,EAE9B,CAACiB,EAAaC,CAAc,EAAIlB,EAAS,CAAC,EAE1C,CAAE,WAAYmB,EAAW,QAAAC,CAAQ,EAAInB,EAYzC,CACA,IAAK,iBACL,SAAU,CACR,MAAAW,CACF,CACF,CAAC,EAEKS,EAAgBvB,EAAY,SAAY,CAC5C,MAAMwB,EAAS,CACb,KAAMjB,EACN,UAAWC,EACX,QAASE,GAAS,QAClB,GAAGD,CACL,EAEAa,EAAQE,EAAQ,CACd,UAAUC,EAAc,CACtBL,EAAeb,CAAI,EACnBW,EAASO,GAAc,MAAM,KAAK,EAClCT,EAAcD,EAAW,OAAOU,GAAc,MAAM,YAAc,CAAC,CAAC,CAAC,CACvE,CACF,CAAC,CACH,EAAG,CAACV,EAAYL,EAASH,EAAMC,EAAUC,EAASa,CAAO,CAAC,EAE1D,OAAArB,EAAU,IAAM,CACVU,GAAoB,CAACD,GAAWW,GAIhCd,IAASY,GAAeZ,GAC1BgB,EAAc,CAElB,EAAG,CAACA,EAAeZ,EAAkBU,EAAWX,EAASH,EAAMY,CAAW,CAAC,EAEpE,CACL,WAAAJ,EACA,UAAAM,EACA,MAAAJ,EACA,QAASA,EAAQF,EAAW,QAAU,CAACM,CACzC,CACF,CAEA,IAAOK,EAAQpB",
+  "names": ["useCallback", "useEffect", "useState", "useAlpcMutation", "useCreditsContext", "useHeadlessContext", "useActivities", "page", "pageSize", "options", "profile", "isLoadingProfile", "alpcBrand", "headlessBrand", "brand", "activities", "setActivities", "total", "setTotal", "currentPage", "setCurrentPage", "isLoading", "trigger", "getActivities", "params", "responseData", "useActivities_default"]
 }

package/dist/esm/components/credits/context/hooks/useAlpcFetch.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import A from"js-cookie";import{useCallback as C,useRef as T,useState as m}from"react";import E from"swr";import{useHeadlessContext as U}from"@anker-in/lib";import{getAlpcPath as D}from"../utils";import{useCreditsContext as S}from"../provider";let O;const b=t=>fetch(D(t.locale)+t.url,t.fetchOptions).then(async n=>{if(n.status<300)return(await n.json()).data;if(n.status===401&&t.onReAuth){O||(O=t.onReAuth());const r=await O;if(O=void 0,r)return fetch(D(t.locale)+t.url,t.fetchOptions).then(async e=>{if(e.status<300)return(await e.json()).data;if(e.status===401){t.onUnAuth&&t.onUnAuth();return}});t.onUnAuth&&t.onUnAuth();return}}),x=async(t,n,r)=>{let e=await fetch(`${D(t)}/cloud/login`,{method:"POST"}),a=await e.json();if(e.status<300&&!n&&a?.data?.code===27004){const o=A.get("alpcEU");if(Number(o)===1?A.set("alpcEU","0",{expires:30,domain:`.${r}.com`}):A.set("alpcEU","1",{expires:30,domain:`.${r}.com`}),e=await fetch(`${D(t)}/cloud/login`,{method:"POST"}),a=await e.json(),e.status>300)return!1}return!a?.data?.code},M=(t,n,r={})=>{const e=T(!1),[a,o]=m(),[i,s]=m(!1),u=T(t),f=T(n),l=T(r),g=C(async(h,d={})=>{if(e.current)return;e.current=!0,s(!0);const y={...l.current,...d},{onSuccess:p,onError:R}=y||{};try{const c=await f.current(u.current,{arg:h});return o(c),s(!1),e.current=!1,p&&p(c),c}catch(c){s(!1),e.current=!1,R&&R(c)}},[]);return{isMutating:i,trigger:g,data:a}},$=(t,n)=>{const[r,e]=m(!1),{removeProfile:a}=S(),{enable:o,...i}=n||{},{locale:s="",brand:u}=U(),{queryKey:f=[],body:l={},headers:g,...h}=t,d=o??!0,[y,p]=f;return E([y,p],d?([c,w])=>b({url:c,locale:s,fetchOptions:{method:"POST",headers:{"current-language":s,...g},body:JSON.stringify({...l,...w}),...h},onReAuth:async()=>await x(s,r,u)?(e(!0),!0):!1,onUnAuth(){a()}}):null,{revalidateOnFocus:!1,...i})},k=(t,n)=>{const[r,e]=m(!1),{removeProfile:a}=S(),{locale:o="",brand:i}=U(),{url:s,initData:u,headers:f,...l}=t;return M(s,(h,d)=>b({url:h,locale:o,fetchOptions:{method:"POST",headers:{"current-language":o,...f},...l,body:JSON.stringify({...u,...d.arg})},onReAuth:async()=>await x(o,r,i)?(e(!0),!0):!1,onUnAuth(){a()}}),n)};export{$ as useAlpcFetch,k as useAlpcMutation};
+import A from"js-cookie";import{useCallback as C,useRef as m,useState as D}from"react";import E from"swr";import{useHeadlessContext as U}from"@anker-in/lib";import{getAlpcPath as O}from"../utils";import{useCreditsContext as b}from"../provider";let R;const S=t=>fetch(O(t.locale)+t.url,t.fetchOptions).then(async n=>{if(n.status<300)return(await n.json()).data;if(n.status===401&&t.onReAuth){R||(R=t.onReAuth());const r=await R;if(R=void 0,r)return fetch(O(t.locale)+t.url,t.fetchOptions).then(async e=>{if(e.status<300)return(await e.json()).data;if(e.status===401){t.onUnAuth&&t.onUnAuth();return}});t.onUnAuth&&t.onUnAuth();return}}),x=async(t,n,r)=>{let e=await fetch(`${O(t)}/cloud/login`,{method:"POST"}),a=await e.json();if(e.status<300&&!n&&a?.data?.code===27004){const o=A.get("alpcEU");if(Number(o)===1?A.set("alpcEU","0",{expires:30,domain:`.${r}.com`}):A.set("alpcEU","1",{expires:30,domain:`.${r}.com`}),e=await fetch(`${O(t)}/cloud/login`,{method:"POST"}),a=await e.json(),e.status>300)return!1}return!a?.data?.code},M=(t,n,r={})=>{const e=m(!1),[a,o]=D(),[s,c]=D(!1),i=m(t),f=m(n),d=m(r),h=C(async(g,T={})=>{if(e.current)return;e.current=!0,c(!0);const y={...d.current,...T},{onSuccess:l,onError:p}=y||{};try{const u=await f.current(i.current,{arg:g});return o(u),c(!1),e.current=!1,l&&l(u),u}catch(u){c(!1),e.current=!1,p&&p(u)}},[]);return{isMutating:s,trigger:h,data:a}},N=(t,n)=>{const[r,e]=D(!1),{removeProfile:a,alpcBrand:o}=b(),{enable:s,...c}=n||{},{locale:i="",brand:f}=U(),d=o||f,{queryKey:h=[],body:g={},headers:T,...y}=t,l=s??!0,[p,u]=h;return E([p,u],l?([B,w])=>S({url:B,locale:i,fetchOptions:{method:"POST",headers:{"current-language":i,...T},body:JSON.stringify({...g,...w}),...y},onReAuth:async()=>await x(i,r,d)?(e(!0),!0):!1,onUnAuth(){a()}}):null,{revalidateOnFocus:!1,...c})},W=(t,n)=>{const[r,e]=D(!1),{removeProfile:a,alpcBrand:o}=b(),{locale:s="",brand:c}=U(),i=o||c,{url:f,initData:d,headers:h,...g}=t;return M(f,(y,l)=>S({url:y,locale:s,fetchOptions:{method:"POST",headers:{"current-language":s,...h},...g,body:JSON.stringify({...d,...l.arg})},onReAuth:async()=>await x(s,r,i)?(e(!0),!0):!1,onUnAuth(){a()}}),n)};export{N as useAlpcFetch,W as useAlpcMutation};
 //# sourceMappingURL=useAlpcFetch.js.map

package/dist/esm/components/credits/context/hooks/useAlpcFetch.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/components/credits/context/hooks/useAlpcFetch.ts"],
-  "sourcesContent": ["import Cookies from 'js-cookie'\nimport { useCallback, useRef, useState } from 'react'\nimport useSWR, { type SWRConfiguration } from 'swr'\nimport { useHeadlessContext } from '@anker-in/lib'\n\nimport { getAlpcPath } from '../utils'\nimport { useCreditsContext } from '../provider'\n\ninterface UseAlpcFetchOptionsSwrOptions<TData, Error> extends SWRConfiguration<TData, Error> {\n  enable?: boolean\n}\n\ninterface FetchOptions extends RequestInit {\n  queryKey: [string, Record<string, any>]\n  data?: Record<string, any>\n}\n\ninterface MutationOptions extends RequestInit {\n  url: string\n  initData: Record<string, any>\n}\n\ninterface FetcherOptions {\n  url: string\n  locale: string\n  fetchOptions: RequestInit\n  onReAuth: () => Promise<boolean>\n  onUnAuth: () => void\n}\n\nlet reAuthPromise: Promise<boolean> | undefined\n\ntype Fetcher<TData, TBody> = (url: string, data: { arg: TBody }) => Promise<TData>\n\nconst fetcher = (options: FetcherOptions) => {\n  return fetch(getAlpcPath(options.locale) + options.url, options.fetchOptions).then(async response => {\n    if (response.status < 300) {\n      const responseData = await response.json()\n      return responseData.data\n    }\n\n    // \u9519\u8BEF\u5904\u7406\n    if (response.status === 401) {\n      // \u91CD\u65B0\u767B\u5F55\u5C1D\u8BD5\n      if (options.onReAuth) {\n        if (!reAuthPromise) {\n          reAuthPromise = options.onReAuth()\n        }\n\n        const result = await reAuthPromise\n\n        reAuthPromise = undefined\n\n        if (result) {\n          // \u8DE8\u533A\u91CD\u65B0\u767B\u5F55\u540E\u9700\u8981\u66FF\u6362\u533A\u57DF\u6807\u5FD7\uFF0C\u6240\u4EE5\u4E0D\u80FD\u7528\u6700\u5F00\u59CB\u8BF7\u6C42\u7684\u90A3\u4E2A\u94FE\u63A5\n          return fetch(getAlpcPath(options.locale) + options.url, options.fetchOptions).then(async response => {\n            if (response.status < 300) {\n              const responseData = await response.json()\n              return responseData.data\n            }\n\n            if (response.status === 401) {\n              if (options.onUnAuth) {\n                options.onUnAuth()\n              }\n              return\n            }\n          })\n        } else {\n          if (options.onUnAuth) {\n            options.onUnAuth()\n          }\n          return\n        }\n      }\n    }\n  })\n}\n\nconst reAuth = async (locale: string, retry: boolean, brand: string) => {\n  let reloginResponse = await fetch(`${getAlpcPath(locale)}/cloud/login`, {\n    method: 'POST',\n  })\n  let reloginResponseData = await reloginResponse.json()\n\n  if (reloginResponse!.status < 300 && !retry) {\n    if (reloginResponseData?.data?.code === 27004) {\n      // \u8DE8\u533A\u767B\u5F55\u9519\u8BEF\n      const alpcEUCookie = Cookies.get('alpcEU')\n\n      if (Number(alpcEUCookie) === 1) {\n        Cookies.set('alpcEU', '0', {\n          expires: 30,\n          domain: `.${brand}.com`,\n        })\n      } else {\n        Cookies.set('alpcEU', '1', {\n          expires: 30,\n          domain: `.${brand}.com`,\n        })\n      }\n\n      // \u91CD\u65B0\u5C1D\u8BD5\u6362\u533A\u767B\u5F55\n      reloginResponse = await fetch(`${getAlpcPath(locale)}/cloud/login`, {\n        method: 'POST',\n      })\n      reloginResponseData = await reloginResponse.json()\n\n      if (reloginResponse.status > 300) {\n        return false\n      }\n    }\n  }\n  if (!reloginResponseData?.data?.code) {\n    // \u91CD\u65B0\u767B\u5F55\u6210\u529F\n    return true\n  }\n\n  return false\n}\n\nexport interface UseMutationConfig<TData> {\n  onSuccess?: (response: TData) => any\n  onError?: (error: Error) => any\n}\n\nconst useMutation = <TData, TBody>(\n  url: string,\n  fetcher: Fetcher<TData, TBody>,\n  mutationConfig: UseMutationConfig<TData> = {}\n) => {\n  const innerMutating = useRef<boolean>(false)\n\n  const [data, setData] = useState<TData>()\n  const [isMutating, setIsMutating] = useState(false)\n\n  const urlRef = useRef(url)\n  const fetcherRef = useRef(fetcher)\n  const configRef = useRef(mutationConfig)\n\n  const trigger = useCallback(\n    async (fetchData: TBody, opts: UseMutationConfig<TData> = {}) => {\n      if (innerMutating.current) {\n        return\n      }\n\n      innerMutating.current = true\n      setIsMutating(true)\n\n      const config = {\n        ...configRef.current,\n        ...opts,\n      }\n\n      const { onSuccess, onError } = config || {}\n\n      try {\n        const fetchResult = await fetcherRef.current(urlRef.current, {\n          arg: fetchData,\n        })\n        setData(fetchResult)\n\n        setIsMutating(false)\n        innerMutating.current = false\n\n        if (onSuccess) {\n          onSuccess(fetchResult)\n        }\n        return fetchResult\n      } catch (err: any) {\n        setIsMutating(false)\n        innerMutating.current = false\n\n        if (onError) {\n          onError(err)\n        }\n      }\n    },\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    []\n  )\n\n  return {\n    isMutating,\n    trigger,\n    data,\n  }\n}\n\nexport const useAlpcFetch = <TData>(\n  options: FetchOptions,\n  swrOptions?: UseAlpcFetchOptionsSwrOptions<TData, Error>\n) => {\n  const [retry, setRetry] = useState(false)\n  const { removeProfile } = useCreditsContext()\n\n  const { enable, ...otherSwrOptions } = swrOptions || {}\n\n  const { locale = '', brand } = useHeadlessContext()\n\n  const { queryKey = [], body: fetchBody = {}, headers, ...fetchOptions } = options\n  const fetchEnable = enable ?? true\n\n  const [url, requestBody] = queryKey\n\n  const context = useSWR<TData>(\n    [url, requestBody],\n    !fetchEnable\n      ? null\n      : ([requestUrl, data]: [string, Record<string, any>]) =>\n          fetcher({\n            url: requestUrl,\n            locale,\n            fetchOptions: {\n              method: 'POST',\n              headers: {\n                'current-language': locale,\n                ...headers,\n              },\n              body: JSON.stringify({\n                ...fetchBody,\n                ...data,\n              }),\n              ...fetchOptions,\n            },\n            onReAuth: async () => {\n              const result = await reAuth(locale, retry, brand)\n\n              if (result) {\n                setRetry(true)\n                return true\n              }\n\n              return false\n            },\n            onUnAuth() {\n              // \u5931\u8D25\u540E\u9000\u51FA\u767B\u5F55\n              removeProfile()\n            },\n          }),\n    {\n      revalidateOnFocus: false,\n      ...otherSwrOptions,\n    }\n  )\n\n  return context\n}\n\nexport const useAlpcMutation = <TData, TBody>(options: MutationOptions, mutationOptions?: UseMutationConfig<TData>) => {\n  const [retry, setRetry] = useState(false)\n  const { removeProfile } = useCreditsContext()\n\n  const { locale = '', brand } = useHeadlessContext()\n\n  const { url, initData, headers, ...fetchOptions } = options\n\n  const context = useMutation<TData, TBody>(\n    url,\n    (requestUrl, data: { arg: TBody }) =>\n      fetcher({\n        url: requestUrl,\n        locale,\n        fetchOptions: {\n          method: 'POST',\n          headers: {\n            'current-language': locale,\n            ...headers,\n          },\n          ...fetchOptions,\n          body: JSON.stringify({\n            ...initData,\n            ...data.arg,\n          }),\n        },\n        onReAuth: async () => {\n          const result = await reAuth(locale, retry, brand)\n\n          if (result) {\n            setRetry(true)\n            return true\n          }\n\n          return false\n        },\n        onUnAuth() {\n          // \u5931\u8D25\u540E\u9000\u51FA\u767B\u5F55\n          removeProfile()\n        },\n      }),\n    mutationOptions\n  )\n\n  return context\n}\n"],
-  "mappings": "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",
-  "names": ["Cookies", "useCallback", "useRef", "useState", "useSWR", "useHeadlessContext", "getAlpcPath", "useCreditsContext", "reAuthPromise", "fetcher", "options", "response", "result", "reAuth", "locale", "retry", "brand", "reloginResponse", "reloginResponseData", "alpcEUCookie", "useMutation", "url", "mutationConfig", "innerMutating", "data", "setData", "isMutating", "setIsMutating", "urlRef", "fetcherRef", "configRef", "trigger", "fetchData", "opts", "config", "onSuccess", "onError", "fetchResult", "err", "useAlpcFetch", "swrOptions", "setRetry", "removeProfile", "enable", "otherSwrOptions", "queryKey", "fetchBody", "headers", "fetchOptions", "fetchEnable", "requestBody", "requestUrl", "useAlpcMutation", "mutationOptions", "initData"]
+  "sourcesContent": ["import Cookies from 'js-cookie'\nimport { useCallback, useRef, useState } from 'react'\nimport useSWR, { type SWRConfiguration } from 'swr'\nimport { useHeadlessContext } from '@anker-in/lib'\n\nimport { getAlpcPath } from '../utils'\nimport { useCreditsContext } from '../provider'\n\ninterface UseAlpcFetchOptionsSwrOptions<TData, Error> extends SWRConfiguration<TData, Error> {\n  enable?: boolean\n}\n\ninterface FetchOptions extends RequestInit {\n  queryKey: [string, Record<string, any>]\n  data?: Record<string, any>\n}\n\ninterface MutationOptions extends RequestInit {\n  url: string\n  initData: Record<string, any>\n}\n\ninterface FetcherOptions {\n  url: string\n  locale: string\n  fetchOptions: RequestInit\n  onReAuth: () => Promise<boolean>\n  onUnAuth: () => void\n}\n\nlet reAuthPromise: Promise<boolean> | undefined\n\ntype Fetcher<TData, TBody> = (url: string, data: { arg: TBody }) => Promise<TData>\n\nconst fetcher = (options: FetcherOptions) => {\n  return fetch(getAlpcPath(options.locale) + options.url, options.fetchOptions).then(async response => {\n    if (response.status < 300) {\n      const responseData = await response.json()\n      return responseData.data\n    }\n\n    // \u9519\u8BEF\u5904\u7406\n    if (response.status === 401) {\n      // \u91CD\u65B0\u767B\u5F55\u5C1D\u8BD5\n      if (options.onReAuth) {\n        if (!reAuthPromise) {\n          reAuthPromise = options.onReAuth()\n        }\n\n        const result = await reAuthPromise\n\n        reAuthPromise = undefined\n\n        if (result) {\n          // \u8DE8\u533A\u91CD\u65B0\u767B\u5F55\u540E\u9700\u8981\u66FF\u6362\u533A\u57DF\u6807\u5FD7\uFF0C\u6240\u4EE5\u4E0D\u80FD\u7528\u6700\u5F00\u59CB\u8BF7\u6C42\u7684\u90A3\u4E2A\u94FE\u63A5\n          return fetch(getAlpcPath(options.locale) + options.url, options.fetchOptions).then(async response => {\n            if (response.status < 300) {\n              const responseData = await response.json()\n              return responseData.data\n            }\n\n            if (response.status === 401) {\n              if (options.onUnAuth) {\n                options.onUnAuth()\n              }\n              return\n            }\n          })\n        } else {\n          if (options.onUnAuth) {\n            options.onUnAuth()\n          }\n          return\n        }\n      }\n    }\n  })\n}\n\nconst reAuth = async (locale: string, retry: boolean, brand: string) => {\n  let reloginResponse = await fetch(`${getAlpcPath(locale)}/cloud/login`, {\n    method: 'POST',\n  })\n  let reloginResponseData = await reloginResponse.json()\n\n  if (reloginResponse!.status < 300 && !retry) {\n    if (reloginResponseData?.data?.code === 27004) {\n      // \u8DE8\u533A\u767B\u5F55\u9519\u8BEF\n      const alpcEUCookie = Cookies.get('alpcEU')\n\n      if (Number(alpcEUCookie) === 1) {\n        Cookies.set('alpcEU', '0', {\n          expires: 30,\n          domain: `.${brand}.com`,\n        })\n      } else {\n        Cookies.set('alpcEU', '1', {\n          expires: 30,\n          domain: `.${brand}.com`,\n        })\n      }\n\n      // \u91CD\u65B0\u5C1D\u8BD5\u6362\u533A\u767B\u5F55\n      reloginResponse = await fetch(`${getAlpcPath(locale)}/cloud/login`, {\n        method: 'POST',\n      })\n      reloginResponseData = await reloginResponse.json()\n\n      if (reloginResponse.status > 300) {\n        return false\n      }\n    }\n  }\n  if (!reloginResponseData?.data?.code) {\n    // \u91CD\u65B0\u767B\u5F55\u6210\u529F\n    return true\n  }\n\n  return false\n}\n\nexport interface UseMutationConfig<TData> {\n  onSuccess?: (response: TData) => any\n  onError?: (error: Error) => any\n}\n\nconst useMutation = <TData, TBody>(\n  url: string,\n  fetcher: Fetcher<TData, TBody>,\n  mutationConfig: UseMutationConfig<TData> = {}\n) => {\n  const innerMutating = useRef<boolean>(false)\n\n  const [data, setData] = useState<TData>()\n  const [isMutating, setIsMutating] = useState(false)\n\n  const urlRef = useRef(url)\n  const fetcherRef = useRef(fetcher)\n  const configRef = useRef(mutationConfig)\n\n  const trigger = useCallback(\n    async (fetchData: TBody, opts: UseMutationConfig<TData> = {}) => {\n      if (innerMutating.current) {\n        return\n      }\n\n      innerMutating.current = true\n      setIsMutating(true)\n\n      const config = {\n        ...configRef.current,\n        ...opts,\n      }\n\n      const { onSuccess, onError } = config || {}\n\n      try {\n        const fetchResult = await fetcherRef.current(urlRef.current, {\n          arg: fetchData,\n        })\n        setData(fetchResult)\n\n        setIsMutating(false)\n        innerMutating.current = false\n\n        if (onSuccess) {\n          onSuccess(fetchResult)\n        }\n        return fetchResult\n      } catch (err: any) {\n        setIsMutating(false)\n        innerMutating.current = false\n\n        if (onError) {\n          onError(err)\n        }\n      }\n    },\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    []\n  )\n\n  return {\n    isMutating,\n    trigger,\n    data,\n  }\n}\n\nexport const useAlpcFetch = <TData>(\n  options: FetchOptions,\n  swrOptions?: UseAlpcFetchOptionsSwrOptions<TData, Error>\n) => {\n  const [retry, setRetry] = useState(false)\n  const { removeProfile, alpcBrand } = useCreditsContext()\n\n  const { enable, ...otherSwrOptions } = swrOptions || {}\n\n  const { locale = '', brand: headlessBrand } = useHeadlessContext()\n  // \u4F18\u5148\u4F7F\u7528 creditsContext \u4E2D\u7684 alpcBrand\uFF0C\u5982\u679C\u6CA1\u6709\u5219\u4F7F\u7528 headlessConfig \u4E2D\u7684 brand\n  const brand = alpcBrand || headlessBrand\n\n  const { queryKey = [], body: fetchBody = {}, headers, ...fetchOptions } = options\n  const fetchEnable = enable ?? true\n\n  const [url, requestBody] = queryKey\n\n  const context = useSWR<TData>(\n    [url, requestBody],\n    !fetchEnable\n      ? null\n      : ([requestUrl, data]: [string, Record<string, any>]) =>\n          fetcher({\n            url: requestUrl,\n            locale,\n            fetchOptions: {\n              method: 'POST',\n              headers: {\n                'current-language': locale,\n                ...headers,\n              },\n              body: JSON.stringify({\n                ...fetchBody,\n                ...data,\n              }),\n              ...fetchOptions,\n            },\n            onReAuth: async () => {\n              const result = await reAuth(locale, retry, brand)\n\n              if (result) {\n                setRetry(true)\n                return true\n              }\n\n              return false\n            },\n            onUnAuth() {\n              // \u5931\u8D25\u540E\u9000\u51FA\u767B\u5F55\n              removeProfile()\n            },\n          }),\n    {\n      revalidateOnFocus: false,\n      ...otherSwrOptions,\n    }\n  )\n\n  return context\n}\n\nexport const useAlpcMutation = <TData, TBody>(options: MutationOptions, mutationOptions?: UseMutationConfig<TData>) => {\n  const [retry, setRetry] = useState(false)\n  const { removeProfile, alpcBrand } = useCreditsContext()\n\n  const { locale = '', brand: headlessBrand } = useHeadlessContext()\n  // \u4F18\u5148\u4F7F\u7528 creditsContext \u4E2D\u7684 alpcBrand\uFF0C\u5982\u679C\u6CA1\u6709\u5219\u4F7F\u7528 headlessConfig \u4E2D\u7684 brand\n  const brand = alpcBrand || headlessBrand\n\n  const { url, initData, headers, ...fetchOptions } = options\n\n  const context = useMutation<TData, TBody>(\n    url,\n    (requestUrl, data: { arg: TBody }) =>\n      fetcher({\n        url: requestUrl,\n        locale,\n        fetchOptions: {\n          method: 'POST',\n          headers: {\n            'current-language': locale,\n            ...headers,\n          },\n          ...fetchOptions,\n          body: JSON.stringify({\n            ...initData,\n            ...data.arg,\n          }),\n        },\n        onReAuth: async () => {\n          const result = await reAuth(locale, retry, brand)\n\n          if (result) {\n            setRetry(true)\n            return true\n          }\n\n          return false\n        },\n        onUnAuth() {\n          // \u5931\u8D25\u540E\u9000\u51FA\u767B\u5F55\n          removeProfile()\n        },\n      }),\n    mutationOptions\n  )\n\n  return context\n}\n"],
+  "mappings": "AAAA,OAAOA,MAAa,YACpB,OAAS,eAAAC,EAAa,UAAAC,EAAQ,YAAAC,MAAgB,QAC9C,OAAOC,MAAuC,MAC9C,OAAS,sBAAAC,MAA0B,gBAEnC,OAAS,eAAAC,MAAmB,WAC5B,OAAS,qBAAAC,MAAyB,cAwBlC,IAAIC,EAIJ,MAAMC,EAAWC,GACR,MAAMJ,EAAYI,EAAQ,MAAM,EAAIA,EAAQ,IAAKA,EAAQ,YAAY,EAAE,KAAK,MAAMC,GAAY,CACnG,GAAIA,EAAS,OAAS,IAEpB,OADqB,MAAMA,EAAS,KAAK,GACrB,KAItB,GAAIA,EAAS,SAAW,KAElBD,EAAQ,SAAU,CACfF,IACHA,EAAgBE,EAAQ,SAAS,GAGnC,MAAME,EAAS,MAAMJ,EAIrB,GAFAA,EAAgB,OAEZI,EAEF,OAAO,MAAMN,EAAYI,EAAQ,MAAM,EAAIA,EAAQ,IAAKA,EAAQ,YAAY,EAAE,KAAK,MAAMC,GAAY,CACnG,GAAIA,EAAS,OAAS,IAEpB,OADqB,MAAMA,EAAS,KAAK,GACrB,KAGtB,GAAIA,EAAS,SAAW,IAAK,CACvBD,EAAQ,UACVA,EAAQ,SAAS,EAEnB,MACF,CACF,CAAC,EAEGA,EAAQ,UACVA,EAAQ,SAAS,EAEnB,MAEJ,CAEJ,CAAC,EAGGG,EAAS,MAAOC,EAAgBC,EAAgBC,IAAkB,CACtE,IAAIC,EAAkB,MAAM,MAAM,GAAGX,EAAYQ,CAAM,CAAC,eAAgB,CACtE,OAAQ,MACV,CAAC,EACGI,EAAsB,MAAMD,EAAgB,KAAK,EAErD,GAAIA,EAAiB,OAAS,KAAO,CAACF,GAChCG,GAAqB,MAAM,OAAS,MAAO,CAE7C,MAAMC,EAAenB,EAAQ,IAAI,QAAQ,EAoBzC,GAlBI,OAAOmB,CAAY,IAAM,EAC3BnB,EAAQ,IAAI,SAAU,IAAK,CACzB,QAAS,GACT,OAAQ,IAAIgB,CAAK,MACnB,CAAC,EAEDhB,EAAQ,IAAI,SAAU,IAAK,CACzB,QAAS,GACT,OAAQ,IAAIgB,CAAK,MACnB,CAAC,EAIHC,EAAkB,MAAM,MAAM,GAAGX,EAAYQ,CAAM,CAAC,eAAgB,CAClE,OAAQ,MACV,CAAC,EACDI,EAAsB,MAAMD,EAAgB,KAAK,EAE7CA,EAAgB,OAAS,IAC3B,MAAO,EAEX,CAEF,MAAK,CAAAC,GAAqB,MAAM,IAMlC,EAOME,EAAc,CAClBC,EACAZ,EACAa,EAA2C,CAAC,IACzC,CACH,MAAMC,EAAgBrB,EAAgB,EAAK,EAErC,CAACsB,EAAMC,CAAO,EAAItB,EAAgB,EAClC,CAACuB,EAAYC,CAAa,EAAIxB,EAAS,EAAK,EAE5CyB,EAAS1B,EAAOmB,CAAG,EACnBQ,EAAa3B,EAAOO,CAAO,EAC3BqB,EAAY5B,EAAOoB,CAAc,EAEjCS,EAAU9B,EACd,MAAO+B,EAAkBC,EAAiC,CAAC,IAAM,CAC/D,GAAIV,EAAc,QAChB,OAGFA,EAAc,QAAU,GACxBI,EAAc,EAAI,EAElB,MAAMO,EAAS,CACb,GAAGJ,EAAU,QACb,GAAGG,CACL,EAEM,CAAE,UAAAE,EAAW,QAAAC,CAAQ,EAAIF,GAAU,CAAC,EAE1C,GAAI,CACF,MAAMG,EAAc,MAAMR,EAAW,QAAQD,EAAO,QAAS,CAC3D,IAAKI,CACP,CAAC,EACD,OAAAP,EAAQY,CAAW,EAEnBV,EAAc,EAAK,EACnBJ,EAAc,QAAU,GAEpBY,GACFA,EAAUE,CAAW,EAEhBA,CACT,OAASC,EAAU,CACjBX,EAAc,EAAK,EACnBJ,EAAc,QAAU,GAEpBa,GACFA,EAAQE,CAAG,CAEf,CACF,EAEA,CAAC,CACH,EAEA,MAAO,CACL,WAAAZ,EACA,QAAAK,EACA,KAAAP,CACF,CACF,EAEae,EAAe,CAC1B7B,EACA8B,IACG,CACH,KAAM,CAACzB,EAAO0B,CAAQ,EAAItC,EAAS,EAAK,EAClC,CAAE,cAAAuC,EAAe,UAAAC,CAAU,EAAIpC,EAAkB,EAEjD,CAAE,OAAAqC,EAAQ,GAAGC,CAAgB,EAAIL,GAAc,CAAC,EAEhD,CAAE,OAAA1B,EAAS,GAAI,MAAOgC,CAAc,EAAIzC,EAAmB,EAE3DW,EAAQ2B,GAAaG,EAErB,CAAE,SAAAC,EAAW,CAAC,EAAG,KAAMC,EAAY,CAAC,EAAG,QAAAC,EAAS,GAAGC,CAAa,EAAIxC,EACpEyC,EAAcP,GAAU,GAExB,CAACvB,EAAK+B,CAAW,EAAIL,EA2C3B,OAzCgB3C,EACd,CAACiB,EAAK+B,CAAW,EAChBD,EAEG,CAAC,CAACE,EAAY7B,CAAI,IAChBf,EAAQ,CACN,IAAK4C,EACL,OAAAvC,EACA,aAAc,CACZ,OAAQ,OACR,QAAS,CACP,mBAAoBA,EACpB,GAAGmC,CACL,EACA,KAAM,KAAK,UAAU,CACnB,GAAGD,EACH,GAAGxB,CACL,CAAC,EACD,GAAG0B,CACL,EACA,SAAU,SACO,MAAMrC,EAAOC,EAAQC,EAAOC,CAAK,GAG9CyB,EAAS,EAAI,EACN,IAGF,GAET,UAAW,CAETC,EAAc,CAChB,CACF,CAAC,EA/BH,KAgCJ,CACE,kBAAmB,GACnB,GAAGG,CACL,CACF,CAGF,EAEaS,EAAkB,CAAe5C,EAA0B6C,IAA+C,CACrH,KAAM,CAACxC,EAAO0B,CAAQ,EAAItC,EAAS,EAAK,EAClC,CAAE,cAAAuC,EAAe,UAAAC,CAAU,EAAIpC,EAAkB,EAEjD,CAAE,OAAAO,EAAS,GAAI,MAAOgC,CAAc,EAAIzC,EAAmB,EAE3DW,EAAQ2B,GAAaG,EAErB,CAAE,IAAAzB,EAAK,SAAAmC,EAAU,QAAAP,EAAS,GAAGC,CAAa,EAAIxC,EAsCpD,OApCgBU,EACdC,EACA,CAACgC,EAAY7B,IACXf,EAAQ,CACN,IAAK4C,EACL,OAAAvC,EACA,aAAc,CACZ,OAAQ,OACR,QAAS,CACP,mBAAoBA,EACpB,GAAGmC,CACL,EACA,GAAGC,EACH,KAAM,KAAK,UAAU,CACnB,GAAGM,EACH,GAAGhC,EAAK,GACV,CAAC,CACH,EACA,SAAU,SACO,MAAMX,EAAOC,EAAQC,EAAOC,CAAK,GAG9CyB,EAAS,EAAI,EACN,IAGF,GAET,UAAW,CAETC,EAAc,CAChB,CACF,CAAC,EACHa,CACF,CAGF",
+  "names": ["Cookies", "useCallback", "useRef", "useState", "useSWR", "useHeadlessContext", "getAlpcPath", "useCreditsContext", "reAuthPromise", "fetcher", "options", "response", "result", "reAuth", "locale", "retry", "brand", "reloginResponse", "reloginResponseData", "alpcEUCookie", "useMutation", "url", "mutationConfig", "innerMutating", "data", "setData", "isMutating", "setIsMutating", "urlRef", "fetcherRef", "configRef", "trigger", "fetchData", "opts", "config", "onSuccess", "onError", "fetchResult", "err", "useAlpcFetch", "swrOptions", "setRetry", "removeProfile", "alpcBrand", "enable", "otherSwrOptions", "headlessBrand", "queryKey", "fetchBody", "headers", "fetchOptions", "fetchEnable", "requestBody", "requestUrl", "useAlpcMutation", "mutationOptions", "initData"]
 }

package/dist/esm/components/credits/context/hooks/useFunctionMemberPrice.d.ts ADDED Viewed

@@ -0,0 +1,7 @@
+import { ProductVariant } from '@anker-in/lib';
+import { FunctionMemberPriceResult } from '../memberPriceTypes';
+export declare const useFunctionMemberPrice: ({ variant }: {
+    variant?: ProductVariant;
+}) => FunctionMemberPriceResult | (Partial<FunctionMemberPriceResult> & {
+    hasMemberPrice: false;
+});

package/dist/esm/components/credits/context/hooks/useFunctionMemberPrice.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{getFunctionMemberPrice as c}from"../utils/getFunctionMemberPrice";import{useMemo as i}from"react";import{useCreditsContext as m}from"../provider";import{useHeadlessContext as n}from"@anker-in/lib";const d=({variant:e})=>{const{memberPriceDiscount:r}=m(),{locale:t=""}=n();return i(()=>{const o=c({memberPriceDiscount:r,currencyCode:e?.price.currencyCode,variant:e,locale:t});return o\|\|{hasMemberPrice:!1}},[t,r,e])};export{d as useFunctionMemberPrice};
2	+ //# sourceMappingURL=useFunctionMemberPrice.js.map

package/dist/esm/components/credits/context/hooks/useFunctionMemberPrice.js.map ADDED Viewed

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/components/credits/context/hooks/useFunctionMemberPrice.ts"],
+  "sourcesContent": ["import { ProductVariant } from '@anker-in/lib'\nimport { FunctionMemberPriceResult } from '../memberPriceTypes'\nimport { getFunctionMemberPrice } from '../utils/getFunctionMemberPrice'\nimport { useMemo } from 'react'\nimport { useCreditsContext } from '../provider'\nimport { useHeadlessContext } from '@anker-in/lib'\n\n// \u8BA1\u7B97\u5355\u4EF6\u5546\u54C1\u7684\u4F1A\u5458\u4EF7\nexport const useFunctionMemberPrice = ({ variant }: { variant?: ProductVariant }) => {\n  const { memberPriceDiscount } = useCreditsContext()\n  const { locale = '' } = useHeadlessContext()\n\n  const memberPrice:\n    | FunctionMemberPriceResult\n    | (Partial<FunctionMemberPriceResult> & {\n        hasMemberPrice: false\n      }) = useMemo(() => {\n    const result = getFunctionMemberPrice({\n      memberPriceDiscount: memberPriceDiscount,\n      currencyCode: variant?.price.currencyCode,\n      variant,\n      locale,\n    })\n\n    if (result) {\n      return result as FunctionMemberPriceResult\n    }\n\n    return { hasMemberPrice: false }\n  }, [locale, memberPriceDiscount, variant])\n\n  return memberPrice\n}\n"],
+  "mappings": "AAEA,OAAS,0BAAAA,MAA8B,kCACvC,OAAS,WAAAC,MAAe,QACxB,OAAS,qBAAAC,MAAyB,cAClC,OAAS,sBAAAC,MAA0B,gBAG5B,MAAMC,EAAyB,CAAC,CAAE,QAAAC,CAAQ,IAAoC,CACnF,KAAM,CAAE,oBAAAC,CAAoB,EAAIJ,EAAkB,EAC5C,CAAE,OAAAK,EAAS,EAAG,EAAIJ,EAAmB,EAqB3C,OAfSF,EAAQ,IAAM,CACrB,MAAMO,EAASR,EAAuB,CACpC,oBAAqBM,EACrB,aAAcD,GAAS,MAAM,aAC7B,QAAAA,EACA,OAAAE,CACF,CAAC,EAED,OAAIC,GAIG,CAAE,eAAgB,EAAM,CACjC,EAAG,CAACD,EAAQD,EAAqBD,CAAO,CAAC,CAG3C",
+  "names": ["getFunctionMemberPrice", "useMemo", "useCreditsContext", "useHeadlessContext", "useFunctionMemberPrice", "variant", "memberPriceDiscount", "locale", "result"]
+}

package/dist/esm/components/credits/context/hooks/useMyRewards.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{useCallback as L,useEffect as A,useState as m}from"react";import{ALPC_COUNTRY_MAP as M,AlpcConsumeType as _}from"../const";import{useAlpcMutation as w}from"./useAlpcFetch";import{useCreditsContext as P}from"../provider";import{useHeadlessContext as x}from"@anker-in/lib";function N({page:e,pageSize:s,consumeType:r}){const{isLoadingProfile:n,profile:t}=P(),{brand:g,locale:c,appName:f}=x(),C=!!t,[u,d]=m([]),[p,y]=m(0),[l,R]=m(0),{isMutating:o,trigger:a}=w({url:"/v1/credit/log/coupon",initData:{brand:g,country:M.get(c)||c,app_name:f}});A(()=>{n||!t||o||e!==l&&e&&a({consume_type:r||_.Coupon,page:e,page_size:s,user_id:t?.user_id},{onSuccess(i){R(e),y(i?.data?.total),d(u.concat(i?.data?.redeem_logs||[]))}})},[a,u,r,e,s,l,t,n,o]);const b=L(async()=>{n||!C||!t||o||await a({consume_type:r||_.Coupon,page:e,page_size:s,user_id:t?.user_id},{onSuccess(i){d(i?.data?.redeem_logs||[])}})},[r,o,n,e,s,t,a]);return{myRewards:u,isLoading:o,total:p,getMyRewards:b,canNext:p>u.length&&!o}}var E=N;export{E as default};
+import{useCallback as M,useEffect as w,useState as c}from"react";import{ALPC_COUNTRY_MAP as P,AlpcConsumeType as _}from"../const";import{useAlpcMutation as x}from"./useAlpcFetch";import{useCreditsContext as N}from"../provider";import{useHeadlessContext as T}from"@anker-in/lib";function h({page:e,pageSize:s,consumeType:r}){const{isLoadingProfile:n,profile:t,alpcBrand:g}=N(),{brand:f,locale:d,appName:C}=T(),y=g||f,R=!!t,[a,m]=c([]),[p,b]=c(0),[l,L]=c(0),{isMutating:o,trigger:u}=x({url:"/v1/credit/log/coupon",initData:{brand:y,country:P.get(d)||d,app_name:C}});w(()=>{n||!t||o||e!==l&&e&&u({consume_type:r||_.Coupon,page:e,page_size:s,user_id:t?.user_id},{onSuccess(i){L(e),b(i?.data?.total),m(a.concat(i?.data?.redeem_logs||[]))}})},[u,a,r,e,s,l,t,n,o]);const A=M(async()=>{n||!R||!t||o||await u({consume_type:r||_.Coupon,page:e,page_size:s,user_id:t?.user_id},{onSuccess(i){m(i?.data?.redeem_logs||[])}})},[r,o,n,e,s,t,u]);return{myRewards:a,isLoading:o,total:p,getMyRewards:A,canNext:p>a.length&&!o}}var H=h;export{H as default};
 //# sourceMappingURL=useMyRewards.js.map