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

package/dist/esm/templates/Credits.d.ts

@@ -1,88 +1,2 @@
-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 = {
-    headlessConfig: HeadlessConfig;
-    siteConfig: {
-        registrationsSettings: {
-            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;
-        };
-    };
-    userContext: {
-        profile: any;
-        removeProfile: () => void;
-        isLoadingProfile: boolean;
-        creditInfo: any;
-        customer: any;
-        customerLoading: boolean;
-        fetchCreditInfo: () => void;
-    };
-    registrationContext: {
-        openSignUpPopup: () => void;
-        openSignInPopup: () => void;
-    };
-    gtm: {
-        pageGroup: string;
-        pageHandle?: string;
-    };
-    cartConfig?: {
-        addToCart: (params: {
-            variantList: Array<{
-                variant: any;
-                quantity: number;
-                attributes?: Array<{
-                    key: string;
-                    value: string;
-                }>;
-            }>;
-            cartAttributes?: Record<string, string>;
-            discountCodes?: string[];
-        }) => void | Promise<any>;
-    };
-};
+import type { CreditsTemplateProps } from './Credits.types';
 export declare const CreditsTemplate: ({ headlessConfig, siteConfig, creditsConfig, userContext, pageConfig, registrationContext, gtm, cartConfig, }: CreditsTemplateProps) => import("react/jsx-runtime").JSX.Element;

package/dist/esm/templates/Credits.js

@@ -1,2 +1,2 @@
-import{Fragment as F,jsx as o,jsxs as p}from"react/jsx-runtime";import{classNames as f,HeadlessProvider as y}from"@anker-in/lib";import{RegistrationProvider as l}from"../components/registration/context/provider";import{CreditsProvider as g}from"../components/credits/context/provider";import{CreditsBanner as P}from"../components/credits/creditsBanner";import{CreditsInfoCard as T}from"../components/credits/creditsInfoCard";import{CreditsBenefits as v}from"../components/credits/creditsBenefits";import{CreditsWaysToGetCredits as u}from"../components/credits/creditsWaysToGetCredits";import{CreditsAnkersolixTask as b}from"../components/credits/creditsAnkersolixTask";import{CreditsRedeemList as h}from"../components/credits/creditsRedeemList";import{CreditsCash as A}from"../components/credits/creditsCash";import{CreditsMemberPrice as B}from"../components/credits/creditsMemberPrice";import{CreditsFaq as I}from"../components/credits/creditsFaq";import{CreditsNavigation as L}from"../components/credits/creditsNavigation";var K=(r=>(r.Navigation="creditsNavigation",r.Banner="creditsBanner",r.InfoCard="creditsInfoCard",r.Benefits="creditsBenefits",r.WaysToGetCredits="creditsWaysToGetCredits",r.AnkersolixTask="creditsAnkersolixTask",r.RedeemList="creditsRedeemList",r.SpendCreditsLikeCash="creditsCash",r.MemberPrice="creditsMemberPrice",r.Faqs="creditsFaq",r))(K||{});const ae=({headlessConfig:a,siteConfig:n,creditsConfig:C,userContext:t,pageConfig:s,registrationContext:d,gtm:m,cartConfig:c})=>(console.log("siteConfig",n),o(y,{headlessConfig:a,children:o(l,{copy:n.registrationsSettings,email:t?.profile?.email,children:p(g,{profile:t?.profile,removeProfile:t?.removeProfile,isLoadingProfile:t?.isLoadingProfile,openSignInPopup:d.openSignInPopup,openSignUpPopup:d.openSignUpPopup,creditInfo:t?.creditInfo,taskIdToTypeMapping:n.taskIdToTypeMapping,customer:t?.customer,fetchCreditInfo:t?.fetchCreditInfo,customerLoading:t?.customerLoading,gtm:m,pageCommon:s.common,memberPriceDiscount:n.memberPriceDiscount,alpcBrand:C?.alpcBrand,cartConfig:c,children:[s.components.creditsNavigation&&o(L,{copy:s.components.creditsNavigation}),o("div",{className:f("bg-[#f5f5f7] leading-[1.2]"),children:s.order.map(e=>{if(e==="creditsNavigation")return null;const i=s.components?.[e];return i?p(F,{children:[e==="creditsBanner"&&o(P,{copy:i,id:e}),e==="creditsInfoCard"&&t?.profile&&o(T,{copy:i,id:e}),e==="creditsBenefits"&&o(v,{copy:i,id:e}),e==="creditsWaysToGetCredits"&&o(u,{copy:i,id:e,classNames:a.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"&&o(b,{copy:i,id:e}),e==="creditsRedeemList"&&o(h,{copy:i,id:e}),e==="creditsCash"&&o(A,{copy:i,id:e}),e==="creditsMemberPrice"&&o(B,{copy:i,id:e}),e==="creditsFaq"&&o(I,{copy:i,id:e}),e!=="creditsBanner"&&o("div",{className:"laptop:h-16 desktop:h-[96px] lg-desktop:h-[128px] tablet:h-16 h-16"})]}):null})})]})})}));export{K as ComponentKey,ae as CreditsTemplate};
+import{Fragment as l,jsx as o,jsxs as c}from"react/jsx-runtime";import{classNames as f,HeadlessProvider as P}from"@anker-in/lib";import{RegistrationProvider as y}from"../components/registration/context/provider";import{CreditsProvider as g,useCreditsContext as v}from"../components/credits/context/provider";import{CreditsBanner as M}from"../components/credits/creditsBanner";import{CreditsInfoCard as T}from"../components/credits/creditsInfoCard";import{CreditsBenefits as u}from"../components/credits/creditsBenefits";import{CreditsWaysToGetCredits as b}from"../components/credits/creditsWaysToGetCredits";import{CreditsAnkersolixTask as h}from"../components/credits/creditsAnkersolixTask";import{CreditsRedeemList as G}from"../components/credits/creditsRedeemList";import{CreditsGoGift as I}from"../components/credits/creditsGoGift";import{CreditsCash as B}from"../components/credits/creditsCash";import{CreditsMemberPrice as A}from"../components/credits/creditsMemberPrice";import{CreditsFaq as L}from"../components/credits/creditsFaq";import{CreditsNavigation as R}from"../components/credits/creditsNavigation";import D from"../components/credits/modal/ActivitiesModal";import N from"../components/credits/modal/RewardsModal";import{ComponentKey as i}from"./Credits.types";const F=({headlessConfig:p,pageConfig:s,userContext:C})=>{const{openMyRewardsModal:r,setOpenMyRewardsModal:a,openActivitiesModal:n,setOpenActivitiesModal:m,pageCommon:d}=v();return c(l,{children:[s.components[i.Navigation]&&o(R,{copy:s.components[i.Navigation]}),o("div",{className:f("bg-[#f5f5f7] leading-[1.2]"),children:s.order.map(e=>{if(e===i.Navigation)return null;const t=s.components?.[e];return t?c(l,{children:[e===i.Banner&&o(M,{copy:t,id:e}),e===i.InfoCard&&C?.profile&&o(T,{copy:t,id:e}),e===i.Benefits&&o(u,{copy:t,id:e}),e===i.WaysToGetCredits&&o(b,{copy:t,id:e,classNames:p.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===i.AnkersolixTask&&o(h,{copy:t,id:e}),e===i.RedeemList&&o(G,{copy:t,id:e}),e===i.GoGift&&o(I,{copy:t,id:e}),e===i.SpendCreditsLikeCash&&o(B,{copy:t,id:e}),e===i.MemberPrice&&o(A,{copy:t,id:e}),e===i.Faqs&&o(L,{copy:t,id:e}),e!==i.Banner&&o("div",{className:"laptop:h-16 desktop:h-[96px] lg-desktop:h-[128px] tablet:h-16 h-16"})]}):null})}),d?.activitiesModal&&o(D,{isOpen:n,data:d.activitiesModal,onClose:()=>m(!1)}),d?.rewardsModal&&o(N,{isOpen:r,data:d.rewardsModal,onClose:()=>a(!1)})]})},_=({headlessConfig:p,siteConfig:s,creditsConfig:C,userContext:r,pageConfig:a,registrationContext:n,gtm:m,cartConfig:d})=>o(P,{headlessConfig:p,children:o(y,{copy:s.registrationsSettings,email:r?.profile?.email,children:o(g,{profile:r?.profile,removeProfile:r?.removeProfile,isLoadingProfile:r?.isLoadingProfile,openSignInPopup:n.openSignInPopup,openSignUpPopup:n.openSignUpPopup,creditInfo:r?.creditInfo,taskIdToTypeMapping:s.taskIdToTypeMapping,customer:r?.customer,fetchCreditInfo:r?.fetchCreditInfo,customerLoading:r?.customerLoading,gtm:m,pageCommon:a.common,memberPriceDiscount:s.memberPriceDiscount,alpcBrand:C?.alpcBrand,cartConfig:d,children:o(F,{headlessConfig:p,pageConfig:a,userContext:r})})})});export{_ as CreditsTemplate};
 //# sourceMappingURL=Credits.js.map

package/dist/esm/templates/Credits.js.map

@@ -1,7 +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    pageHandle?: string\n  }\n  cartConfig?: {\n    addToCart: (params: {\n      variantList: Array<{\n        variant: any\n        quantity: number\n        attributes?: Array<{ key: string; value: string }>\n      }>\n      cartAttributes?: Record<string, string>\n      discountCodes?: string[]\n    }) => void | Promise<any>\n  }\n}\n\nexport const CreditsTemplate = ({\n  headlessConfig,\n  siteConfig,\n  creditsConfig,\n  userContext,\n  pageConfig,\n  registrationContext,\n  gtm,\n  cartConfig,\n}: CreditsTemplateProps) => {\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          cartConfig={cartConfig}\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 && (\n                    <CreditsBenefits copy={componentCopy as CreditsBenefitsCopy} id={key} />\n                  )}\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 copy={componentCopy as CreditsAnkersolixTaskCopy} id={key} />\n                  )}\n                  {key === ComponentKey.RedeemList && (\n                    <CreditsRedeemList copy={componentCopy as CreditsRedeemListCopy} id={key} />\n                  )}\n                  {key === ComponentKey.SpendCreditsLikeCash && (\n                    <CreditsCash copy={componentCopy as CreditsCashCopy} id={key} />\n                  )}\n                  {key === ComponentKey.MemberPrice && (\n                    <CreditsMemberPrice copy={componentCopy as CreditsMemberPriceCopy} id={key} />\n                  )}\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": "AA2HY,OASI,YAAAA,EATJ,OAAAC,EASI,QAAAC,MATJ,oBA3HZ,OAAS,cAAAC,EAA4B,oBAAAC,MAAwB,gBAC7D,OAAS,wBAAAC,MAA4B,8CAGrC,OAAS,mBAAAC,MAAuB,yCAIhC,OAAS,iBAAAC,MAAwC,sCACjD,OAAS,mBAAAC,MAA4C,wCACrD,OAAS,mBAAAC,MAA4C,wCACrD,OAAS,2BAAAC,MAA4D,gDACrE,OAAS,yBAAAC,MAAwD,8CACjE,OAAS,qBAAAC,MAAgD,0CACzD,OAAS,eAAAC,MAAoC,oCAC7C,OAAS,sBAAAC,MAAkD,2CAC3D,OAAS,cAAAC,MAAkC,mCAC3C,OAAS,qBAAAC,MAAgD,0CAGlD,IAAKC,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,IAsEL,MAAMC,GAAkB,CAAC,CAC9B,eAAAC,EACA,WAAAC,EACA,cAAAC,EACA,YAAAC,EACA,WAAAC,EACA,oBAAAC,EACA,IAAAC,EACA,WAAAC,CACF,KACE,QAAQ,IAAI,aAAcN,CAAU,EAElCnB,EAACG,EAAA,CAAiB,eAAgBe,EAChC,SAAAlB,EAACI,EAAA,CAAqB,KAAMe,EAAW,sBAAuB,MAAOE,GAAa,SAAS,MACzF,SAAApB,EAACI,EAAA,CACC,QAASgB,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,UAC1B,WAAYK,EAGX,UAAAH,EAAW,WAAW,mBACrBtB,EAACe,EAAA,CAAkB,KAAMO,EAAW,WAAW,kBAA0B,EAE3EtB,EAAC,OAAI,UAAWE,EAAW,4BAA4B,EACpD,SAAAoB,EAAW,MAAM,IAAII,GAAO,CAE3B,GAAIA,IAAQ,oBAAyB,OAAO,KAC5C,MAAMC,EAAgBL,EAAW,aAAaI,CAAG,EACjD,OAAKC,EAEH1B,EAAAF,EAAA,CACG,UAAA2B,IAAQ,iBAAuB1B,EAACM,EAAA,CAAc,KAAMqB,EAAoC,GAAID,EAAK,EACjGA,IAAQ,mBAAyBL,GAAa,SAC7CrB,EAACO,EAAA,CAAgB,KAAMoB,EAAsC,GAAID,EAAK,EAEvEA,IAAQ,mBACP1B,EAACQ,EAAA,CAAgB,KAAMmB,EAAsC,GAAID,EAAK,EAEvEA,IAAQ,2BACP1B,EAACS,EAAA,CACC,KAAMkB,EACN,GAAID,EACJ,WACER,EAAe,QAAU,QACrB,CACE,SAAU,aACV,iBACE,4EACJ,EACA,CACE,SAAU,iBACV,iBAAkB,gBACpB,EAER,EAEDQ,IAAQ,yBACP1B,EAACU,EAAA,CAAsB,KAAMiB,EAA4C,GAAID,EAAK,EAEnFA,IAAQ,qBACP1B,EAACW,EAAA,CAAkB,KAAMgB,EAAwC,GAAID,EAAK,EAE3EA,IAAQ,eACP1B,EAACY,EAAA,CAAY,KAAMe,EAAkC,GAAID,EAAK,EAE/DA,IAAQ,sBACP1B,EAACa,EAAA,CAAmB,KAAMc,EAAyC,GAAID,EAAK,EAE7EA,IAAQ,cAAqB1B,EAACc,EAAA,CAAW,KAAMa,EAAiC,GAAID,EAAK,EACzFA,IAAQ,iBACP1B,EAAC,OAAI,UAAU,qEAAqE,GAExF,EA5CyB,IA8C7B,CAAC,EACH,GACF,EACF,EACF",
-  "names": ["Fragment", "jsx", "jsxs", "classNames", "HeadlessProvider", "RegistrationProvider", "CreditsProvider", "CreditsBanner", "CreditsInfoCard", "CreditsBenefits", "CreditsWaysToGetCredits", "CreditsAnkersolixTask", "CreditsRedeemList", "CreditsCash", "CreditsMemberPrice", "CreditsFaq", "CreditsNavigation", "ComponentKey", "CreditsTemplate", "headlessConfig", "siteConfig", "creditsConfig", "userContext", "pageConfig", "registrationContext", "gtm", "cartConfig", "key", "componentCopy"]
+  "sourcesContent": ["import { classNames, HeadlessProvider } from '@anker-in/lib'\nimport { RegistrationProvider } from '../components/registration/context/provider'\nimport { CreditsProvider, useCreditsContext } from '../components/credits/context/provider'\nimport { CreditsBanner } from '../components/credits/creditsBanner'\nimport { CreditsInfoCard } from '../components/credits/creditsInfoCard'\nimport { CreditsBenefits } from '../components/credits/creditsBenefits'\nimport { CreditsWaysToGetCredits } from '../components/credits/creditsWaysToGetCredits'\nimport { CreditsAnkersolixTask } from '../components/credits/creditsAnkersolixTask'\nimport { CreditsRedeemList } from '../components/credits/creditsRedeemList'\nimport { CreditsGoGift } from '../components/credits/creditsGoGift'\nimport { CreditsCash } from '../components/credits/creditsCash'\nimport { CreditsMemberPrice } from '../components/credits/creditsMemberPrice'\nimport { CreditsFaq } from '../components/credits/creditsFaq'\nimport { CreditsNavigation } from '../components/credits/creditsNavigation'\nimport ActivitiesModal from '../components/credits/modal/ActivitiesModal'\nimport RewardsModal from '../components/credits/modal/RewardsModal'\nimport { ComponentKey } from './Credits.types'\nimport type {\n  CreditsTemplateProps,\n  CreditsContentProps,\n  CreditsBannerCopy,\n  CreditsInfoCardCopy,\n  CreditsBenefitsCopy,\n  CreditsWaysToGetCreditsCopy,\n  CreditsAnkersolixTaskCopy,\n  CreditsRedeemListCopy,\n  CreditsGoGiftCopy,\n  CreditsCashCopy,\n  CreditsMemberPriceCopy,\n  CreditsFaqCopy,\n} from './Credits.types'\n\nconst CreditsContent = ({ headlessConfig, pageConfig, userContext }: CreditsContentProps) => {\n  const { openMyRewardsModal, setOpenMyRewardsModal, openActivitiesModal, setOpenActivitiesModal, pageCommon } = useCreditsContext()\n\n  return (\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 && (\n                <CreditsBenefits copy={componentCopy as CreditsBenefitsCopy} id={key} />\n              )}\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 copy={componentCopy as CreditsAnkersolixTaskCopy} id={key} />\n              )}\n              {key === ComponentKey.RedeemList && (\n                <CreditsRedeemList copy={componentCopy as CreditsRedeemListCopy} id={key} />\n              )}\n              {key === ComponentKey.GoGift && <CreditsGoGift copy={componentCopy as CreditsGoGiftCopy} id={key} />}\n              {key === ComponentKey.SpendCreditsLikeCash && (\n                <CreditsCash copy={componentCopy as CreditsCashCopy} id={key} />\n              )}\n              {key === ComponentKey.MemberPrice && (\n                <CreditsMemberPrice copy={componentCopy as CreditsMemberPriceCopy} id={key} />\n              )}\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\n      {/* Global Modals */}\n      {pageCommon?.activitiesModal && (\n        <ActivitiesModal\n          isOpen={openActivitiesModal}\n          data={pageCommon.activitiesModal}\n          onClose={() => setOpenActivitiesModal(false)}\n        />\n      )}\n      {pageCommon?.rewardsModal && (\n        <RewardsModal\n          isOpen={openMyRewardsModal}\n          data={pageCommon.rewardsModal}\n          onClose={() => setOpenMyRewardsModal(false)}\n        />\n      )}\n    </>\n  )\n}\n\nexport const CreditsTemplate = ({\n  headlessConfig,\n  siteConfig,\n  creditsConfig,\n  userContext,\n  pageConfig,\n  registrationContext,\n  gtm,\n  cartConfig,\n}: CreditsTemplateProps) => {\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          cartConfig={cartConfig}\n        >\n          <CreditsContent headlessConfig={headlessConfig} pageConfig={pageConfig} userContext={userContext} />\n        </CreditsProvider>\n      </RegistrationProvider>\n    </HeadlessProvider>\n  )\n}\n"],
+  "mappings": "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",
+  "names": ["Fragment", "jsx", "jsxs", "classNames", "HeadlessProvider", "RegistrationProvider", "CreditsProvider", "useCreditsContext", "CreditsBanner", "CreditsInfoCard", "CreditsBenefits", "CreditsWaysToGetCredits", "CreditsAnkersolixTask", "CreditsRedeemList", "CreditsGoGift", "CreditsCash", "CreditsMemberPrice", "CreditsFaq", "CreditsNavigation", "ActivitiesModal", "RewardsModal", "ComponentKey", "CreditsContent", "headlessConfig", "pageConfig", "userContext", "openMyRewardsModal", "setOpenMyRewardsModal", "openActivitiesModal", "setOpenActivitiesModal", "pageCommon", "key", "componentCopy", "CreditsTemplate", "siteConfig", "creditsConfig", "registrationContext", "gtm", "cartConfig"]
 }

package/dist/esm/templates/Credits.types.d.ts

@@ -0,0 +1,96 @@
+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 { AuthCodeActivateCopy } from 'src/components/registration/authCodeActivate/type';
+import type { CreditsBannerCopy } from '../components/credits/creditsBanner';
+import type { CreditsInfoCardCopy } from '../components/credits/creditsInfoCard';
+import type { CreditsBenefitsCopy } from '../components/credits/creditsBenefits';
+import type { CreditsWaysToGetCreditsCopy } from '../components/credits/creditsWaysToGetCredits';
+import type { CreditsAnkersolixTaskCopy } from '../components/credits/creditsAnkersolixTask';
+import type { CreditsRedeemListCopy } from '../components/credits/creditsRedeemList';
+import type { CreditsGoGiftCopy } from '../components/credits/creditsGoGift';
+import type { CreditsCashCopy } from '../components/credits/creditsCash';
+import type { CreditsMemberPriceCopy } from '../components/credits/creditsMemberPrice';
+import type { CreditsFaqCopy } from '../components/credits/creditsFaq';
+import type { CreditsNavigationCopy } from '../components/credits/creditsNavigation';
+export type { CreditsBannerCopy, CreditsInfoCardCopy, CreditsBenefitsCopy, CreditsWaysToGetCreditsCopy, CreditsAnkersolixTaskCopy, CreditsRedeemListCopy, CreditsGoGiftCopy, CreditsCashCopy, CreditsMemberPriceCopy, CreditsFaqCopy, CreditsNavigationCopy, };
+export declare enum ComponentKey {
+    Navigation = "creditsNavigation",
+    Banner = "creditsBanner",
+    InfoCard = "creditsInfoCard",
+    Benefits = "creditsBenefits",
+    WaysToGetCredits = "creditsWaysToGetCredits",
+    AnkersolixTask = "creditsAnkersolixTask",
+    RedeemList = "creditsRedeemList",
+    GoGift = "creditsGoGift",
+    SpendCreditsLikeCash = "creditsCash",
+    MemberPrice = "creditsMemberPrice",
+    Faqs = "creditsFaq"
+}
+export type CreditsTemplateProps = {
+    headlessConfig: HeadlessConfig;
+    siteConfig: {
+        registrationsSettings: {
+            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.GoGift]?: CreditsGoGiftCopy;
+            [ComponentKey.SpendCreditsLikeCash]?: CreditsCashCopy;
+            [ComponentKey.MemberPrice]?: CreditsMemberPriceCopy;
+            [ComponentKey.Faqs]?: CreditsFaqCopy;
+        };
+    };
+    userContext: {
+        profile: any;
+        removeProfile: () => void;
+        isLoadingProfile: boolean;
+        creditInfo: any;
+        customer: any;
+        customerLoading: boolean;
+        fetchCreditInfo: () => void;
+    };
+    registrationContext: {
+        openSignUpPopup: () => void;
+        openSignInPopup: () => void;
+    };
+    gtm: {
+        pageGroup: string;
+        pageHandle?: string;
+    };
+    cartConfig?: {
+        addToCart: (params: {
+            variantList: Array<{
+                variant: any;
+                quantity: number;
+                attributes?: Array<{
+                    key: string;
+                    value: string;
+                }>;
+            }>;
+            cartAttributes?: Record<string, string>;
+            discountCodes?: string[];
+        }) => void | Promise<any>;
+    };
+};
+export type CreditsContentProps = {
+    headlessConfig: HeadlessConfig;
+    pageConfig: CreditsTemplateProps['pageConfig'];
+    userContext: CreditsTemplateProps['userContext'];
+};

package/dist/esm/templates/Credits.types.js

@@ -0,0 +1,2 @@
+var t=(e=>(e.Navigation="creditsNavigation",e.Banner="creditsBanner",e.InfoCard="creditsInfoCard",e.Benefits="creditsBenefits",e.WaysToGetCredits="creditsWaysToGetCredits",e.AnkersolixTask="creditsAnkersolixTask",e.RedeemList="creditsRedeemList",e.GoGift="creditsGoGift",e.SpendCreditsLikeCash="creditsCash",e.MemberPrice="creditsMemberPrice",e.Faqs="creditsFaq",e))(t||{});export{t as ComponentKey};
+//# sourceMappingURL=Credits.types.js.map

package/dist/esm/templates/Credits.types.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/templates/Credits.types.ts"],
+  "sourcesContent": ["import { HeadlessConfig } from '@anker-in/lib'\nimport { DTC_TASK_TYPE } from '../components/credits/context/const'\nimport { CreditsPageCommon } from '../components/credits/type'\nimport { FunctionMemberPriceConfig } from '../components/credits/context/memberPriceTypes'\nimport { AuthCodeActivateCopy } from 'src/components/registration/authCodeActivate/type'\nimport type { CreditsBannerCopy } from '../components/credits/creditsBanner'\nimport type { CreditsInfoCardCopy } from '../components/credits/creditsInfoCard'\nimport type { CreditsBenefitsCopy } from '../components/credits/creditsBenefits'\nimport type { CreditsWaysToGetCreditsCopy } from '../components/credits/creditsWaysToGetCredits'\nimport type { CreditsAnkersolixTaskCopy } from '../components/credits/creditsAnkersolixTask'\nimport type { CreditsRedeemListCopy } from '../components/credits/creditsRedeemList'\nimport type { CreditsGoGiftCopy } from '../components/credits/creditsGoGift'\nimport type { CreditsCashCopy } from '../components/credits/creditsCash'\nimport type { CreditsMemberPriceCopy } from '../components/credits/creditsMemberPrice'\nimport type { CreditsFaqCopy } from '../components/credits/creditsFaq'\nimport type { CreditsNavigationCopy } from '../components/credits/creditsNavigation'\n\n// Re-export copy types for convenience\nexport type {\n  CreditsBannerCopy,\n  CreditsInfoCardCopy,\n  CreditsBenefitsCopy,\n  CreditsWaysToGetCreditsCopy,\n  CreditsAnkersolixTaskCopy,\n  CreditsRedeemListCopy,\n  CreditsGoGiftCopy,\n  CreditsCashCopy,\n  CreditsMemberPriceCopy,\n  CreditsFaqCopy,\n  CreditsNavigationCopy,\n}\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  GoGift = 'creditsGoGift',\n  SpendCreditsLikeCash = 'creditsCash',\n  MemberPrice = 'creditsMemberPrice',\n  Faqs = 'creditsFaq',\n}\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.GoGift]?: CreditsGoGiftCopy\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    pageHandle?: string\n  }\n  cartConfig?: {\n    addToCart: (params: {\n      variantList: Array<{\n        variant: any\n        quantity: number\n        attributes?: Array<{ key: string; value: string }>\n      }>\n      cartAttributes?: Record<string, string>\n      discountCodes?: string[]\n    }) => void | Promise<any>\n  }\n}\n\nexport type CreditsContentProps = {\n  headlessConfig: HeadlessConfig\n  pageConfig: CreditsTemplateProps['pageConfig']\n  userContext: CreditsTemplateProps['userContext']\n}\n"],
+  "mappings": "AAgCO,IAAKA,OACVA,EAAA,WAAa,oBACbA,EAAA,OAAS,gBACTA,EAAA,SAAW,kBACXA,EAAA,SAAW,kBACXA,EAAA,iBAAmB,0BACnBA,EAAA,eAAiB,wBACjBA,EAAA,WAAa,oBACbA,EAAA,OAAS,gBACTA,EAAA,qBAAuB,cACvBA,EAAA,YAAc,qBACdA,EAAA,KAAO,aAXGA,OAAA",
+  "names": ["ComponentKey"]
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@anker-in/campaign-ui",
-  "version": "0.3.5",
+  "version": "0.4.0-beta.02",
   "description": "Campaign UI components and utilities for Anker projects",
   "main": "./dist/cjs/index.js",
   "module": "./dist/esm/index.js",

package/src/components/credits/context/const.ts

@@ -16,6 +16,7 @@ export enum ConsumeType {
 export enum AlpcConsumeType {
   Coupon = 1,
   Product = 2,
+  ExternalProduct = 5,
 }
 
 export enum TaskType {
@@ -54,6 +55,13 @@ export enum RewardType {
   Unfulfilled = 4,
   Fulfilled = 5,
   Failed = 6,
+  GogiftPending = 7,
+  GogiftApproved = 8,
+  GogiftSecondConfirm = 9,
+  GogiftRejected = 10,
+  GogiftCallbackPending = 11,
+  GogiftCallbackSuccess = 12,
+  GogiftCallbackTimeout = 13,
 }
 
 export enum AlpcErrorCode {

package/src/components/credits/context/hooks/useMyRewards.ts

@@ -15,16 +15,13 @@ function useMyRewards({
   pageSize: number
   consumeType?: AlpcConsumeType
 }) {
-  const { isLoadingProfile, profile, alpcBrand } = useCreditsContext()
+  const {  profile, alpcBrand } = useCreditsContext()
   const { brand: headlessBrand, locale, appName } = useHeadlessContext()
   const brand = alpcBrand || headlessBrand
-  const isLogin = !!profile
 
   const [myRewards, setMyRewards] = useState<RedeemLogResponse[]>([])
   const [total, setTotal] = useState(0)
 
-  const [currentPage, setCurrentPage] = useState(0)
-
   const { isMutating: isLoading, trigger } = useAlpcMutation<
     { data: { redeem_logs: RedeemLogResponse[]; total: number } },
     {
@@ -42,32 +39,8 @@ function useMyRewards({
     },
   })
 
-  useEffect(() => {
-    if (isLoadingProfile || !profile || isLoading) {
-      return
-    }
-
-    if (page !== currentPage && page) {
-      trigger(
-        {
-          consume_type: consumeType || AlpcConsumeType.Coupon,
-          page,
-          page_size: pageSize,
-          user_id: profile?.user_id,
-        },
-        {
-          onSuccess(responseData) {
-            setCurrentPage(page)
-            setTotal(responseData?.data?.total)
-            setMyRewards(myRewards.concat(responseData?.data?.redeem_logs || []))
-          },
-        }
-      )
-    }
-  }, [trigger, myRewards, consumeType, page, pageSize, currentPage, profile, isLoadingProfile, isLoading])
-
   const getMyRewards = useCallback(async () => {
-    if (isLoadingProfile || !isLogin || !profile || isLoading) {
+    if (!profile?.user_id) {
       return
     }
     await trigger(
@@ -78,13 +51,16 @@ function useMyRewards({
         user_id: profile?.user_id,
       },
       {
-        // 仅支持1页的
         onSuccess(responseData) {
           setMyRewards(responseData?.data?.redeem_logs || [])
         },
       }
     )
-  }, [consumeType, isLoading, isLoadingProfile, page, pageSize, profile, trigger])
+  }, [consumeType, page, pageSize, profile?.user_id])
+
+  useEffect(() => {
+    getMyRewards()
+  }, [getMyRewards])
 
   return {
     myRewards,

package/src/components/credits/context/hooks/useRedeemGoGift.ts

@@ -0,0 +1,36 @@
+import { ALPC_COUNTRY_MAP } from '../const'
+import { useAlpcMutation, type UseMutationConfig } from './useAlpcFetch'
+import { useHeadlessContext } from '@anker-in/lib'
+import { useCreditsContext } from '../provider'
+
+type RedeemGoGiftResponse = {
+  data: {
+    id: string
+  }
+  msg: string // 报错信息
+  code: number // 报错码
+}
+
+export const useRedeemGoGift = (mutationOptions: UseMutationConfig<RedeemGoGiftResponse> = {}) => {
+  const { alpcBrand } = useCreditsContext()
+  const { locale, appName, brand: headlessBrand } = useHeadlessContext()
+  const brand = alpcBrand || headlessBrand
+
+  return useAlpcMutation<
+    RedeemGoGiftResponse,
+    {
+      user_id?: string
+      rule_id: number
+    }
+  >(
+    {
+      url: `/v1/credit/redeem/gogift`,
+      initData: {
+        brand,
+        country: ALPC_COUNTRY_MAP.get(locale) || locale,
+        app_name: appName,
+      },
+    },
+    mutationOptions
+  )
+}

package/src/components/credits/context/hooks/useRedeemableList.ts

@@ -1,12 +1,12 @@
 import { useCallback, useEffect, useState } from 'react'
 
 import { useAlpcMutation } from './useAlpcFetch'
-import { ALPC_COUNTRY_MAP } from '../const'
+import { ALPC_COUNTRY_MAP, AlpcConsumeType } from '../const'
 import { useCreditsContext } from '../provider'
 import type { ConsumeCreditRuleResponse } from '../response'
 import { useHeadlessContext } from '@anker-in/lib'
 
-function useRedeemableList() {
+function useRedeemableList(props?: { consumeType: AlpcConsumeType }) {
   let locale = '' as string
   const { profile, isLoadingProfile, alpcBrand } = useCreditsContext()
   const { locale: contextLocale, brand: headlessBrand } = useHeadlessContext()
@@ -23,7 +23,7 @@ function useRedeemableList() {
     {
       data: { consume_credit_rules: ConsumeCreditRuleResponse[] }
     },
-    { user_id?: string }
+    { consume_type?: AlpcConsumeType, user_id?: string}
   >({
     url: `/v1/credit/consume_credit_rules`,
     initData: {
@@ -34,28 +34,22 @@ function useRedeemableList() {
     },
   })
 
-  const getRedeemableList = useCallback(() => {
+  const getRedeemableList = useCallback((props?: { consumeType?: AlpcConsumeType}) => {
     trigger(
       {
         user_id: profile?.user_id,
+        ...(props?.consumeType && {consume_type: props.consumeType})
       },
       {
         onSuccess(responseData) {
+          console.log('responseData', responseData)
           let list = responseData.data.consume_credit_rules || []
-          let cList = list.filter(i => i.consume_type == 1) || []
-          let pList = list.filter(i => i.consume_type == 2) || []
-          cList = cList.sort((prev, next) => prev.consume_credits - next.consume_credits)
-          pList = pList.sort((prev, next) => prev.consume_credits - next.consume_credits)
-          const resultList = cList.concat(pList)
-          setRedeemableList(resultList)
-
-          localStorage?.setItem(
-            `consume_credit_rules-${locale}`,
-            JSON.stringify({
-              expire: Date.now() + 10 * 60 * 1000,
-              consume_credit_rules: resultList,
-            })
-          )
+          // let cList = list.filter(i => i.consume_type == 1) || []
+          // let pList = list.filter(i => i.consume_type == 2) || []
+          // cList = cList.sort((prev, next) => prev.consume_credits - next.consume_credits)
+          // pList = pList.sort((prev, next) => prev.consume_credits - next.consume_credits)
+          // const resultList = cList.concat(pList)
+          setRedeemableList(list)
         },
       }
     )
@@ -63,7 +57,7 @@ function useRedeemableList() {
 
   useEffect(() => {
     if (!isLoadingProfile) {
-      getRedeemableList()
+      getRedeemableList({ consumeType: props?.consumeType })
     }
   }, [getRedeemableList, isLoadingProfile])
 

package/src/components/credits/context/provider.tsx

@@ -1,4 +1,4 @@
-import { createContext, PropsWithChildren, useContext } from 'react'
+import { createContext, PropsWithChildren, useContext, useState } from 'react'
 import type { DTC_TASK_TYPE } from './const'
 import type { CreditInfoResponse } from './response'
 import { CreditsPageCommon } from '../type'
@@ -33,6 +33,10 @@ type Context = {
       discountCodes?: string[]
     }) => void | Promise<any>
   }
+  openMyRewardsModal: boolean
+  setOpenMyRewardsModal: (open: boolean) => void
+  openActivitiesModal: boolean
+  setOpenActivitiesModal: (open: boolean) => void
 }
 
 export const CreditsContext = createContext<Context>({
@@ -53,6 +57,10 @@ export const CreditsContext = createContext<Context>({
   memberPriceDiscount: undefined,
   alpcBrand: undefined,
   cartConfig: undefined,
+  openMyRewardsModal: false,
+  setOpenMyRewardsModal: () => {},
+  openActivitiesModal: false,
+  setOpenActivitiesModal: () => {},
 })
 
 export function CreditsProvider({
@@ -72,7 +80,10 @@ export function CreditsProvider({
   memberPriceDiscount,
   alpcBrand,
   cartConfig,
-}: PropsWithChildren<Context>) {
+}: PropsWithChildren<Omit<Context, 'openMyRewardsModal' | 'setOpenMyRewardsModal' | 'openActivitiesModal' | 'setOpenActivitiesModal'>>) {
+  const [openMyRewardsModal, setOpenMyRewardsModal] = useState(false)
+  const [openActivitiesModal, setOpenActivitiesModal] = useState(false)
+
   return (
     <CreditsContext.Provider
       value={{
@@ -91,6 +102,10 @@ export function CreditsProvider({
         memberPriceDiscount,
         alpcBrand,
         cartConfig,
+        openMyRewardsModal,
+        setOpenMyRewardsModal,
+        openActivitiesModal,
+        setOpenActivitiesModal,
       }}
     >
       {children}

package/src/components/credits/context/response.ts

@@ -52,6 +52,7 @@ export interface RedeemLogResponse extends BaseResponse {
   approval_status: ApprovalStatus
   rule_id: number
   code_status: number
+  link?: string
 }
 
 export interface CreditTaskResponse extends Task {

package/src/components/credits/creditsAnkersolixTask/CreditsAnkersolixTask.tsx

@@ -7,8 +7,8 @@ import { useActions } from '../creditsWaysToGetCredits/useActions'
 import { useCreditsContext } from '../context/provider'
 import { classNames as cn, useHeadlessContext } from '@anker-in/lib'
 import { useRegistration } from '../../registration'
-import { CreditsUploadReceiptModal } from '../modal/creditsUploadReceiptModal'
-import { CreditsSubscribeModal } from '../modal/subscribeModal'
+import { CreditsUploadReceiptModal } from '../modal/CreditsUploadReceiptModal'
+import { CreditsSubscribeModal } from '../modal/SubscribeModal'
 import { ROUNDED_BRANDS } from '../../../constants'
 
 export const CreditsAnkersolixTask = ({ copy, classNames, id }: CreditsAnkersolixTaskProps & { id?: string }) => {

package/src/components/credits/creditsCash/CreditsCash.tsx

@@ -3,7 +3,7 @@ import { useMemo, useState } from 'react'
 
 import RedeemableItem from './RedeemableItem'
 import useRedeemableList from '../context/hooks/useRedeemableList'
-import RulesModal from '../modal/rulesModal'
+import RulesModal from '../modal/RulesModal'
 import { useProductsByHandles, useHeadlessContext } from '@anker-in/lib'
 import { CreditsCashCopy, RedeemItem } from './type'
 import { Product, classNames as cn } from '@anker-in/lib'