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

package/dist/esm/templates/{credits.d.ts → Credits.d.ts}

@@ -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/esm/templates/Credits.js

@@ -0,0 +1,2 @@
+import{Fragment as K,jsx as o,jsxs as a}from"react/jsx-runtime";import{classNames as c,HeadlessProvider as f}from"@anker-in/lib";import{RegistrationProvider as l}from"../components/registration/context/provider";import{CreditsProvider as y}from"../components/credits/context/provider";import{CreditsBanner as g}from"../components/credits/creditsBanner";import{CreditsInfoCard as P}from"../components/credits/creditsInfoCard";import{CreditsBenefits as T}from"../components/credits/creditsBenefits";import{CreditsWaysToGetCredits as v}from"../components/credits/creditsWaysToGetCredits";import{CreditsAnkersolixTask as u}from"../components/credits/creditsAnkersolixTask";import{CreditsRedeemList as b}from"../components/credits/creditsRedeemList";import{CreditsCash as h}from"../components/credits/creditsCash";import{CreditsMemberPrice as B}from"../components/credits/creditsMemberPrice";import{CreditsFaq as I}from"../components/credits/creditsFaq";import{CreditsNavigation as A}from"../components/credits/creditsNavigation";var L=(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))(L||{});const ne=({headlessConfig:d,siteConfig:n,creditsConfig:C,userContext:t,pageConfig:s,registrationContext:p,gtm:m})=>(console.log("siteConfig",n),o(f,{headlessConfig:d,children:o(l,{copy:n.registrationsSettings,email:t?.profile?.email,children:a(y,{profile:t?.profile,removeProfile:t?.removeProfile,isLoadingProfile:t?.isLoadingProfile,openSignInPopup:p.openSignInPopup,openSignUpPopup:p.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,children:[s.components.creditsNavigation&&o(A,{copy:s.components.creditsNavigation}),o("div",{className:c("bg-[#f5f5f7] leading-[1.2]"),children:s.order.map(e=>{if(e==="creditsNavigation")return null;const i=s.components?.[e];return i?a(K,{children:[e==="creditsBanner"&&o(g,{copy:i,id:e}),e==="creditsInfoCard"&&t?.profile&&o(P,{copy:i,id:e}),e==="creditsBenefits"&&o(T,{copy:i,id:e}),e==="creditsWaysToGetCredits"&&o(v,{copy:i,id:e,classNames:d.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(u,{copy:i,id:e}),e==="creditsRedeemList"&&o(b,{copy:i,id:e}),e==="creditsCash"&&o(h,{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{L as ComponentKey,ne as CreditsTemplate};
+//# sourceMappingURL=Credits.js.map

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

@@ -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": "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",
+  "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", "key", "componentCopy"]
+}

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

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

package/dist/esm/templates/index.js

@@ -1,2 +1,2 @@
-export*from"./credits";
+export*from"./Credits";
 //# sourceMappingURL=index.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/templates/index.ts"],
-  "sourcesContent": ["export * from './credits'\n"],
+  "sourcesContent": ["export * from './Credits'\n"],
   "mappings": "AAAA,WAAc",
   "names": []
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@anker-in/campaign-ui",
-  "version": "0.2.1",
+  "version": "0.2.2-beta.2",
   "description": "Campaign UI components and utilities for Anker projects",
   "main": "./dist/cjs/index.js",
   "module": "./dist/esm/index.js",
@@ -80,6 +80,7 @@
     "clsx": "^2.1.1",
     "crypto-js": "^4.2.0",
     "dayjs": "^1.11.7",
+    "decimal.js": "^10.4.3",
     "gsap": "^3.12.5",
     "monaco-editor": "^0.52.0",
     "postcss": "^8.4.38",
@@ -87,8 +88,8 @@
     "swiper": "^11.1.3",
     "tailwind-merge": "^2.3.0",
     "tailwindcss": "^3.4.3",
-    "@anker-in/headless-ui": "1.0.26",
-    "@anker-in/lib": "1.1.1"
+    "@anker-in/headless-ui": "1.1.25-alpha.1767516866003",
+    "@anker-in/lib": "1.1.2-beta.1"
   },
   "publishConfig": {
     "access": "public",

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

@@ -6,8 +6,9 @@ import { useCreditsContext } from '../provider'
 import { useHeadlessContext } from '@anker-in/lib'
 
 function useActivities({ page, pageSize, options = {} }: { page: number; pageSize: number; options?: any }) {
-  const { profile, isLoadingProfile } = useCreditsContext()
-  const { brand } = useHeadlessContext()
+  const { profile, isLoadingProfile, alpcBrand } = useCreditsContext()
+  const { brand: headlessBrand } = useHeadlessContext()
+  const brand = alpcBrand || headlessBrand
   const [activities, setActivities] = useState<CreditLogResponse[]>([])
   const [total, setTotal] = useState(0)
 

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

@@ -192,11 +192,13 @@ export const useAlpcFetch = <TData>(
   swrOptions?: UseAlpcFetchOptionsSwrOptions<TData, Error>
 ) => {
   const [retry, setRetry] = useState(false)
-  const { removeProfile } = useCreditsContext()
+  const { removeProfile, alpcBrand } = useCreditsContext()
 
   const { enable, ...otherSwrOptions } = swrOptions || {}
 
-  const { locale = '', brand } = useHeadlessContext()
+  const { locale = '', brand: headlessBrand } = useHeadlessContext()
+  // 优先使用 creditsContext 中的 alpcBrand，如果没有则使用 headlessConfig 中的 brand
+  const brand = alpcBrand || headlessBrand
 
   const { queryKey = [], body: fetchBody = {}, headers, ...fetchOptions } = options
   const fetchEnable = enable ?? true
@@ -249,9 +251,11 @@ export const useAlpcFetch = <TData>(
 
 export const useAlpcMutation = <TData, TBody>(options: MutationOptions, mutationOptions?: UseMutationConfig<TData>) => {
   const [retry, setRetry] = useState(false)
-  const { removeProfile } = useCreditsContext()
+  const { removeProfile, alpcBrand } = useCreditsContext()
 
-  const { locale = '', brand } = useHeadlessContext()
+  const { locale = '', brand: headlessBrand } = useHeadlessContext()
+  // 优先使用 creditsContext 中的 alpcBrand，如果没有则使用 headlessConfig 中的 brand
+  const brand = alpcBrand || headlessBrand
 
   const { url, initData, headers, ...fetchOptions } = options
 

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

@@ -0,0 +1,33 @@
+import { ProductVariant } from '@anker-in/lib'
+import { FunctionMemberPriceResult } from '../memberPriceTypes'
+import { getFunctionMemberPrice } from '../utils/getFunctionMemberPrice'
+import { useMemo } from 'react'
+import { useCreditsContext } from '../provider'
+import { useHeadlessContext } from '@anker-in/lib'
+
+// 计算单件商品的会员价
+export const useFunctionMemberPrice = ({ variant }: { variant?: ProductVariant }) => {
+  const { memberPriceDiscount } = useCreditsContext()
+  const { locale = '' } = useHeadlessContext()
+
+  const memberPrice:
+    | FunctionMemberPriceResult
+    | (Partial<FunctionMemberPriceResult> & {
+        hasMemberPrice: false
+      }) = useMemo(() => {
+    const result = getFunctionMemberPrice({
+      memberPriceDiscount: memberPriceDiscount,
+      currencyCode: variant?.price.currencyCode,
+      variant,
+      locale,
+    })
+
+    if (result) {
+      return result as FunctionMemberPriceResult
+    }
+
+    return { hasMemberPrice: false }
+  }, [locale, memberPriceDiscount, variant])
+
+  return memberPrice
+}

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

@@ -15,8 +15,9 @@ function useMyRewards({
   pageSize: number
   consumeType?: AlpcConsumeType
 }) {
-  const { isLoadingProfile, profile } = useCreditsContext()
-  const { brand, locale, appName } = useHeadlessContext()
+  const { isLoadingProfile, profile, alpcBrand } = useCreditsContext()
+  const { brand: headlessBrand, locale, appName } = useHeadlessContext()
+  const brand = alpcBrand || headlessBrand
   const isLogin = !!profile
 
   const [myRewards, setMyRewards] = useState<RedeemLogResponse[]>([])

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

@@ -1,6 +1,7 @@
 import { ALPC_COUNTRY_MAP } from '../const'
 import { useAlpcMutation, type UseMutationConfig } from './useAlpcFetch'
 import { useHeadlessContext } from '@anker-in/lib'
+import { useCreditsContext } from '../provider'
 
 type RedeemCouponResponse = {
   data: {
@@ -12,7 +13,9 @@ type RedeemCouponResponse = {
 }
 
 export const useRedeemCoupon = (mutationOptions: UseMutationConfig<RedeemCouponResponse> = {}) => {
-  const { locale, appName, brand } = useHeadlessContext()
+  const { alpcBrand } = useCreditsContext()
+  const { locale, appName, brand: headlessBrand } = useHeadlessContext()
+  const brand = alpcBrand || headlessBrand
 
   return useAlpcMutation<
     RedeemCouponResponse,

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

@@ -1,6 +1,7 @@
 import { ALPC_COUNTRY_MAP } from '../const'
 import { useAlpcMutation, type UseMutationConfig } from './useAlpcFetch'
 import { useHeadlessContext } from '@anker-in/lib'
+import { useCreditsContext } from '../provider'
 
 type RedeemProductResponse = {
   code: number
@@ -10,7 +11,9 @@ type RedeemProductResponse = {
 }
 
 export const useRedeemProduct = (mutationOptions: UseMutationConfig<RedeemProductResponse> = {}) => {
-  const { storeDomain, locale, appName, brand } = useHeadlessContext()
+  const { alpcBrand } = useCreditsContext()
+  const { storeDomain, locale, appName, brand: headlessBrand } = useHeadlessContext()
+  const brand = alpcBrand || headlessBrand
 
   return useAlpcMutation<
     RedeemProductResponse,

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

@@ -8,8 +8,9 @@ import { useHeadlessContext } from '@anker-in/lib'
 
 function useRedeemableList() {
   let locale = '' as string
-  const { profile, isLoadingProfile } = useCreditsContext()
-  const { locale: contextLocale, brand } = useHeadlessContext()
+  const { profile, isLoadingProfile, alpcBrand } = useCreditsContext()
+  const { locale: contextLocale, brand: headlessBrand } = useHeadlessContext()
+  const brand = alpcBrand || headlessBrand
 
   if (contextLocale === 'pl') {
     locale = 'eu'
@@ -30,7 +31,6 @@ function useRedeemableList() {
       page: 1,
       page_size: 20,
       country: (ALPC_COUNTRY_MAP.get(locale) || locale)?.toUpperCase(),
-      task_target: 1, // 1: 'app', 2: 'website'
     },
   })
 

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

@@ -0,0 +1,13 @@
+// Function 折扣类型
+export enum FunctionDiscountType {
+  Percentage = 1,
+  FixedAmount,
+  FixedPrice,
+}
+
+// 小数位取舍方式
+export enum RoundSelected {
+  RoundHighest = 'round_highest',
+  RoundLowest = 'round_lowest',
+  RoundNearest = 'round_nearest',
+}

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

@@ -0,0 +1,54 @@
+import { FunctionDiscountType, RoundSelected } from './memberPriceConst'
+
+// 价格结尾配置
+export type PriceEndingConf = {
+  apply_price_ending: boolean
+  one_decimal_place: string
+  two_decimal_place: string
+  round_selected: RoundSelected
+}
+
+// 折扣配置
+export type DiscountConfig = {
+  discount_type: FunctionDiscountType
+  discount_value: number
+  price_ending_conf?: PriceEndingConf
+}
+
+// 会员价配置类型
+export type FunctionMemberPriceConfig = {
+  rule_id: string
+  result_detail: {
+    member_discounts?: {
+      user_identity: number // 用户身份：1-普通会员，2-高级会员等
+      main_products: {
+        all_store_variant: boolean
+        variants: {
+          variant_id: string
+          sku: string
+          handle: string
+        }[]
+      }
+      discount_conf: DiscountConfig
+    }[]
+  }
+  discount_combinations: {
+    other_product_discounts: boolean
+  }
+}
+
+// 会员价计算结果
+export type FunctionMemberPriceResult = {
+  hasMemberPrice: boolean
+  useCoupon: boolean
+  originalPrice: number
+  originalPriceWithCurrency: string
+  salePrice: number
+  salePriceWithCurrency: string
+  salePriceWithoutCoupon: number
+  salePriceWithoutCouponWithCurrency: string
+  savePrice: number
+  savePriceWithCurrency: string
+  savePriceWithoutCoupon: number
+  savePriceWithoutCouponWithCurrency: string
+}

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

@@ -2,6 +2,7 @@ import { createContext, PropsWithChildren, useContext } from 'react'
 import type { DTC_TASK_TYPE } from './const'
 import type { CreditInfoResponse } from './response'
 import { CreditsPageCommon } from '../type'
+import { FunctionMemberPriceConfig } from './memberPriceTypes'
 
 type Context = {
   profile: any
@@ -18,6 +19,8 @@ type Context = {
     pageGroup: string
   }
   pageCommon: CreditsPageCommon
+  memberPriceDiscount?: FunctionMemberPriceConfig[]
+  alpcBrand?: string
 }
 
 export const CreditsContext = createContext<Context>({
@@ -34,6 +37,8 @@ export const CreditsContext = createContext<Context>({
     pageGroup: '',
   },
   pageCommon: {},
+  memberPriceDiscount: undefined,
+  alpcBrand: undefined,
 })
 
 export function CreditsProvider({
@@ -50,6 +55,8 @@ export function CreditsProvider({
   fetchCreditInfo,
   gtm,
   pageCommon,
+  memberPriceDiscount,
+  alpcBrand,
 }: PropsWithChildren<Context>) {
   return (
     <CreditsContext.Provider
@@ -66,6 +73,8 @@ export function CreditsProvider({
         customerLoading,
         gtm,
         pageCommon,
+        memberPriceDiscount,
+        alpcBrand,
       }}
     >
       {children}

package/src/components/credits/context/utils/atobID.ts

@@ -0,0 +1,8 @@
+// 从 Shopify GraphQL ID 中提取数字 ID
+export function atobID(id: string) {
+  if (id && typeof id === 'string' && id.includes('/')) {
+    return id.split('/').pop()?.split('?')?.shift()
+  } else {
+    return id
+  }
+}

package/src/components/credits/context/utils/functionDiscountCalculate.ts

@@ -0,0 +1,57 @@
+import { FunctionDiscountType, RoundSelected } from '../memberPriceConst'
+import { DiscountConfig } from '../memberPriceTypes'
+import Decimal from 'decimal.js'
+
+// Function 计算折后价
+export const functionDiscountCalculate = ({
+  config,
+  price,
+}: {
+  config: DiscountConfig
+  price: number
+}) => {
+  const { apply_price_ending, one_decimal_place, two_decimal_place, round_selected } =
+    config.price_ending_conf || {}
+
+  let salePrice = new Decimal(price)
+
+  switch (config.discount_type) {
+    // 百分比折扣
+    case FunctionDiscountType.Percentage:
+      salePrice = salePrice.mul(100 - config.discount_value).div(100)
+      break
+    // 固定金额折扣
+    case FunctionDiscountType.FixedAmount:
+      salePrice = salePrice.sub(config.discount_value)
+      break
+    // 固定价格折扣
+    case FunctionDiscountType.FixedPrice:
+      salePrice = new Decimal(config.discount_value)
+      break
+    default:
+      break
+  }
+
+  if (apply_price_ending) {
+    // 小数位取舍
+    switch (round_selected) {
+      case RoundSelected.RoundHighest:
+        salePrice = salePrice.ceil()
+        break
+      case RoundSelected.RoundLowest:
+        salePrice = salePrice.floor()
+        break
+      case RoundSelected.RoundNearest:
+        salePrice = salePrice.round()
+        break
+      default:
+        salePrice = new Decimal(salePrice.toFixed(2, Decimal.ROUND_DOWN))
+        break
+    }
+
+    const priceEnding = salePrice.toString().split('.')
+    salePrice = new Decimal(priceEnding[0] + '.' + one_decimal_place + two_decimal_place)
+  }
+
+  return salePrice.toNumber()
+}

package/src/components/credits/context/utils/getFunctionMemberPrice.ts

@@ -0,0 +1,135 @@
+import { formatPrice } from '../utils'
+import { FunctionMemberPriceConfig, FunctionMemberPriceResult } from '../memberPriceTypes'
+import { ProductVariant } from '@anker-in/lib'
+import { functionDiscountCalculate } from './functionDiscountCalculate'
+import Decimal from 'decimal.js'
+import { getFunctionMemberPriceDiscountConfig } from './getFunctionMemberPriceDiscountConfig'
+import variantGetCoupon from './variantGetCoupon'
+
+// 计算单件商品的会员价
+export const getFunctionMemberPrice = ({
+  memberPriceDiscount,
+  currencyCode,
+  variant,
+  locale,
+}: {
+  memberPriceDiscount?: FunctionMemberPriceConfig[]
+  currencyCode?: string
+  variant?: ProductVariant
+  locale: string
+}) => {
+  const couponData = variantGetCoupon({ variant })
+
+  // variant对应的会员价折扣配置
+  const { memberPriceDiscountConfig, activeMemberPriceConfig } = getFunctionMemberPriceDiscountConfig({
+    config: memberPriceDiscount,
+    variant,
+  })
+
+  const useCoupon = !!activeMemberPriceConfig?.discount_combinations.other_product_discounts
+
+  if (!memberPriceDiscountConfig) {
+    return false as false
+  }
+
+  const originalPrice = {
+    amount: variant?.price.amount || 0,
+    priceWithCurrency: formatPrice({
+      amount: variant?.price.amount || 0,
+      currencyCode: currencyCode || 'USD',
+      locale,
+    }),
+  }
+
+  const salePriceWithoutCouponAmount = memberPriceDiscountConfig
+    ? functionDiscountCalculate({
+        config: memberPriceDiscountConfig,
+        price: variant?.price.amount || 0,
+      })
+    : variant?.price.amount || 0
+  const salePriceWithoutCoupon = {
+    amount: salePriceWithoutCouponAmount,
+    priceWithCurrency: formatPrice({
+      amount: salePriceWithoutCouponAmount,
+      currencyCode: currencyCode || 'USD',
+      locale,
+    }),
+  }
+
+  // function 会员价是在原价的基础上进行计算，暂不支持折后价
+  let salePriceAmount = salePriceWithoutCouponAmount
+
+  // 减去code的优惠
+  if (couponData?.variant_price4wscode && variant && useCoupon) {
+    if (useCoupon) {
+      // code的优惠金额
+      const codeSaveAmountDecimal = new Decimal(variant.price.amount).minus(couponData.variant_price4wscode)
+      salePriceAmount = new Decimal(salePriceWithoutCouponAmount).minus(codeSaveAmountDecimal).toNumber()
+    } else {
+      // 不能与 code 同时使用，需要判断会员价是否小于 code 的优惠金额，如果小于则当做没有会员价
+      const codeSaveAmountDecimal = new Decimal(variant.price.amount).minus(couponData.variant_price4wscode)
+      if (salePriceWithoutCouponAmount > codeSaveAmountDecimal.toNumber()) {
+        return false as false
+      }
+    }
+  }
+
+  const salePrice = {
+    amount: salePriceAmount,
+    priceWithCurrency: formatPrice({
+      amount: salePriceAmount,
+      currencyCode: currencyCode || 'USD',
+      locale,
+    }),
+  }
+
+  const savePriceAmount = new Decimal(originalPrice.amount).minus(salePrice.amount).toNumber()
+  const savePrice = {
+    amount: savePriceAmount,
+    priceWithCurrency: formatPrice({
+      amount: savePriceAmount,
+      currencyCode: currencyCode || 'USD',
+      locale,
+      maximumFractionDigits: 2,
+    }),
+  }
+
+  const savePriceWithoutCouponAmount = new Decimal(originalPrice.amount)
+    .minus(salePriceWithoutCoupon.amount)
+    .toNumber()
+  const savePriceWithoutCoupon = {
+    amount: savePriceWithoutCouponAmount,
+    priceWithCurrency: formatPrice({
+      amount: savePriceWithoutCouponAmount,
+      currencyCode: currencyCode || 'USD',
+      locale,
+      maximumFractionDigits: 2,
+    }),
+  }
+
+  const result: FunctionMemberPriceResult = {
+    // 是否存在会员价
+    hasMemberPrice: !!memberPriceDiscountConfig,
+    useCoupon,
+    // 原价
+    originalPrice: originalPrice.amount,
+    originalPriceWithCurrency: originalPrice.priceWithCurrency as string,
+    // 使用券后的折后价
+    salePrice: salePrice.amount,
+    salePriceWithCurrency: salePrice.priceWithCurrency as string,
+
+    // 不使用券的折后价
+    salePriceWithoutCoupon: salePriceWithoutCoupon.amount,
+    salePriceWithoutCouponWithCurrency: salePriceWithoutCoupon.priceWithCurrency as string,
+
+    // 包含使用券的节省金额
+    savePrice: savePrice.amount,
+    savePriceWithCurrency: savePrice.priceWithCurrency as string,
+
+    // 不使用券的节省金额
+    savePriceWithoutCoupon: savePriceWithoutCoupon.amount,
+    savePriceWithoutCouponWithCurrency: savePriceWithoutCoupon.priceWithCurrency as string,
+  }
+
+  return result
+}

package/src/components/credits/context/utils/getFunctionMemberPriceDiscountConfig.ts

@@ -0,0 +1,51 @@
+import { DiscountConfig, FunctionMemberPriceConfig } from '../memberPriceTypes'
+import { ProductVariant } from '@anker-in/lib'
+import { atobID } from './atobID'
+
+// 获取会员价折扣配置
+export const getFunctionMemberPriceDiscountConfig = ({
+  config,
+  variant,
+}: {
+  config?: FunctionMemberPriceConfig[]
+  variant?: ProductVariant
+}) => {
+  let memberPriceDiscountConfig: DiscountConfig | undefined
+  let activeMemberPriceConfig: FunctionMemberPriceConfig | undefined
+
+  if (!config || !variant) {
+    return {
+      memberPriceDiscountConfig,
+      activeMemberPriceConfig,
+    }
+  }
+
+  for (const configItem of config) {
+    memberPriceDiscountConfig = configItem.result_detail.member_discounts?.find(discountItem => {
+      if (discountItem.main_products.all_store_variant) {
+        return discountItem
+      }
+
+      return discountItem.main_products.variants.find(
+        variantConfig => String(variantConfig.variant_id) === atobID(variant.id as string)
+      )
+    })?.discount_conf
+
+    if (memberPriceDiscountConfig) {
+      activeMemberPriceConfig = configItem
+      break
+    }
+  }
+
+  if (!memberPriceDiscountConfig) {
+    return {
+      memberPriceDiscountConfig,
+      activeMemberPriceConfig,
+    }
+  }
+
+  return {
+    memberPriceDiscountConfig,
+    activeMemberPriceConfig,
+  }
+}