@anker-in/campaign-ui 0.2.10-beta.8 → 0.2.11-beta.2

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

@@ -0,0 +1,73 @@
+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;
+    };
+};
+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

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

package/dist/esm/templates/index.js

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

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

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

package/package.json

@@ -1,10 +1,10 @@
 {
   "name": "@anker-in/campaign-ui",
-  "version": "0.2.10-beta.8",
-  "type": "commonjs",
+  "version": "0.2.11-beta.2",
+  "description": "Campaign UI components and utilities for Anker projects",
   "main": "./dist/cjs/index.js",
-  "types": "./dist/cjs/index.d.ts",
   "module": "./dist/esm/index.js",
+  "types": "./dist/esm/index.d.ts",
   "exports": {
     ".": {
       "require": {
@@ -21,7 +21,6 @@
     "./chat.css": "./src/styles/chat.css",
     "./*": "./*"
   },
-  "description": "",
   "files": [
     "src/**",
     "dist/**",
@@ -43,22 +42,25 @@
     "@babel/preset-env": "^7.24.6",
     "@babel/preset-react": "^7.24.6",
     "@babel/preset-typescript": "^7.24.6",
-    "@hyrious/esbuild-plugin-commonjs": "^0.2.6",
     "@testing-library/jest-dom": "^6.4.6",
     "@testing-library/react": "^14.3.1",
+    "@types/crypto-js": "^4.2.2",
     "@types/jest": "^29.5.12",
     "@types/node": "^20",
     "babel-jest": "^29.7.0",
-    "esbuild": "^0.20.2",
-    "esbuild-copy-static-files": "^0.1.0",
-    "esbuild-style-plugin": "^1.6.3",
+    "esbuild": "^0.19.0",
     "eslint-plugin-react-hooks": "^4.6.2",
     "eslint-plugin-require-extensions": "^0.1.3",
     "jest": "^29.7.0",
     "jest-environment-jsdom": "^29.7.0",
     "postcss-cli": "^11.0.0",
     "react-test-renderer": "^18.3.1",
-    "stylelint": "^16.6.0"
+    "stylelint": "^16.6.0",
+    "tsup": "^8.4.0",
+    "typescript": "^5.0.0"
+  },
+  "peerDependencies": {
+    "crypto-js": "^4.1.1"
   },
   "dependencies": {
     "@copilotkit/react-core": "1.1.2",
@@ -76,36 +78,38 @@
     "autoprefixer": "^10.4.19",
     "class-variance-authority": "^0.7.0",
     "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",
     "react-codepen-embed": "^1.1.0",
+    "swiper": "^11.1.3",
     "tailwind-merge": "^2.3.0",
     "tailwindcss": "^3.4.3",
-    "@anker-in/headless-ui": "1.0.19",
-    "@anker-in/shopify": "^0.0.0-beta.2"
+    "@anker-in/headless-ui": "1.1.25-alpha.1767516866003",
+    "@anker-in/lib": "1.1.2-beta.1"
   },
-  "peerDependencies": {
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1",
-    "next": ">=12.0.0"
+  "publishConfig": {
+    "access": "public",
+    "registry": "https://registry.npmjs.org/"
   },
+  "exclude": [
+    "dist/**/*"
+  ],
   "scripts": {
-    "dev": "pnpm run dev:css & pnpm run dev:js:esm & pnpm run dev:js:cjs & pnpm run dev:js:esm:types & pnpm run dev:js:cjs:types",
-    "dev:js:cjs": "node esbuild-cjs.mjs watch=true",
-    "dev:js:cjs:types": "tsc --watch --incremental --outdir dist/cjs",
-    "dev:js:esm": "node esbuild-esm.mjs watch=true",
-    "dev:js:esm:types": "tsc --watch --incremental --outdir dist/esm",
+    "dev": "pnpm run dev:css & tsup --watch",
     "dev:css": "postcss src/styles/global.css -o style.css --watch",
     "build": "pnpm run build:css & pnpm run build:js:esm & pnpm run build:js:cjs & pnpm run build:js:esm:types & pnpm run build:js:cjs:types",
     "build:js:cjs": "node esbuild-cjs.mjs",
     "build:js:cjs:types": "tsc --outdir dist/cjs",
     "build:js:esm": "node esbuild-esm.mjs",
     "build:js:esm:types": "tsc --outdir dist/esm",
-    "build:css": "postcss src/styles/chat.css -o style.css",
+    "build:css": "postcss src/styles/global.css -o style.css",
     "lint": "eslint \"src/**/*.ts*\"",
     "test": "echo run @anker-in/campaign-ui tests",
+    "type-check": "tsc --noEmit",
     "clean": "rm -rf .turbo node_modules dist style.css"
   }
 }

package/src/components/chat/index.tsx

@@ -8,7 +8,7 @@ import Messages from './messages'
 import ResponseButton from './response'
 import Suggestions from './suggestions'
 import { CopilotAction } from './action'
-import fetcher from '../../helpers/fetcher'
+import { fetcher } from '@anker-in/lib'
 
 export interface ChatProps {
   title: string

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

@@ -10,6 +10,7 @@ export enum ConsumeType {
   GiftCard = 'giftCard',
   GoGift = 'goGift',
   Product = 'product',
+  ShippingCoupon = 'shippingCoupon',
 }
 
 export enum AlpcConsumeType {

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

@@ -3,11 +3,12 @@ import { useCallback, useEffect, useState } from 'react'
 import { useAlpcMutation } from './useAlpcFetch'
 import type { CreditLogResponse } from '../response'
 import { useCreditsContext } from '../provider'
-import { useShopifyContext } from '@anker-in/shopify'
+import { useHeadlessContext } from '@anker-in/lib'
 
 function useActivities({ page, pageSize, options = {} }: { page: number; pageSize: number; options?: any }) {
-  const { profile, isLoadingProfile } = useCreditsContext()
-  const { brand } = useShopifyContext()
+  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/useAddressValidate.ts

@@ -1,6 +1,6 @@
 import { useCallback, useMemo, useState } from 'react'
 import { emailValidate } from '../utils'
-import { useShopifyContext } from '@anker-in/shopify'
+import { useHeadlessContext } from '@anker-in/lib'
 
 type ValidatorCallback = (value: string, params?: Record<string, any>) => boolean
 
@@ -106,7 +106,7 @@ export const useAddressValidate = ({
     email: string
   }
 }) => {
-  const { locale } = useShopifyContext()
+  const { locale } = useHeadlessContext()
   const [errors, setErrors] = useState<{ key: string; message: string }[]>([])
 
   const addressRules: Rule[] = useMemo(() => {

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

@@ -1,7 +1,7 @@
 import Cookies from 'js-cookie'
 import { useCallback, useRef, useState } from 'react'
 import useSWR, { type SWRConfiguration } from 'swr'
-import { useShopifyContext } from '@anker-in/shopify'
+import { useHeadlessContext } from '@anker-in/lib'
 
 import { getAlpcPath } from '../utils'
 import { useCreditsContext } from '../provider'
@@ -77,7 +77,7 @@ const fetcher = (options: FetcherOptions) => {
   })
 }
 
-const reAuth = async (locale: string, retry: boolean) => {
+const reAuth = async (locale: string, retry: boolean, brand: string) => {
   let reloginResponse = await fetch(`${getAlpcPath(locale)}/cloud/login`, {
     method: 'POST',
   })
@@ -91,12 +91,12 @@ const reAuth = async (locale: string, retry: boolean) => {
       if (Number(alpcEUCookie) === 1) {
         Cookies.set('alpcEU', '0', {
           expires: 30,
-          domain: '.soundcore.com',
+          domain: `.${brand}.com`,
         })
       } else {
         Cookies.set('alpcEU', '1', {
           expires: 30,
-          domain: '.soundcore.com',
+          domain: `.${brand}.com`,
         })
       }
 
@@ -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 = '' } = useShopifyContext()
+  const { locale = '', brand: headlessBrand } = useHeadlessContext()
+  // 优先使用 creditsContext 中的 alpcBrand，如果没有则使用 headlessConfig 中的 brand
+  const brand = alpcBrand || headlessBrand
 
   const { queryKey = [], body: fetchBody = {}, headers, ...fetchOptions } = options
   const fetchEnable = enable ?? true
@@ -224,7 +226,7 @@ export const useAlpcFetch = <TData>(
               ...fetchOptions,
             },
             onReAuth: async () => {
-              const result = await reAuth(locale, retry)
+              const result = await reAuth(locale, retry, brand)
 
               if (result) {
                 setRetry(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 = '' } = useShopifyContext()
+  const { locale = '', brand: headlessBrand } = useHeadlessContext()
+  // 优先使用 creditsContext 中的 alpcBrand，如果没有则使用 headlessConfig 中的 brand
+  const brand = alpcBrand || headlessBrand
 
   const { url, initData, headers, ...fetchOptions } = options
 
@@ -274,7 +278,7 @@ export const useAlpcMutation = <TData, TBody>(options: MutationOptions, mutation
           }),
         },
         onReAuth: async () => {
-          const result = await reAuth(locale, retry)
+          const result = await reAuth(locale, retry, brand)
 
           if (result) {
             setRetry(true)

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

@@ -1,10 +1,10 @@
 import { useEffect, useState } from 'react'
 
-import { useShopifyContext } from '@anker-in/shopify'
+import { useHeadlessContext } from '@anker-in/lib'
 import { type ShippingCountry, type ShippingZone } from '../../type'
 
 function useCountries({ shopifyStoreDomain }: { shopifyStoreDomain: string }) {
-  const { locale = '' } = useShopifyContext()
+  const { locale = '' } = useHeadlessContext()
 
   const [isLoading, setLoading] = useState(false)
   const [countries, setCountries] = useState<ShippingCountry[]>([])

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

@@ -4,7 +4,7 @@ import { ALPC_COUNTRY_MAP, AlpcConsumeType } from '../const'
 import { useAlpcMutation } from './useAlpcFetch'
 import type { RedeemLogResponse } from '../response'
 import { useCreditsContext } from '../provider'
-import { useShopifyContext } from '@anker-in/shopify'
+import { useHeadlessContext } from '@anker-in/lib'
 
 function useMyRewards({
   page,
@@ -15,8 +15,9 @@ function useMyRewards({
   pageSize: number
   consumeType?: AlpcConsumeType
 }) {
-  const { isLoadingProfile, profile } = useCreditsContext()
-  const { brand, locale, appName } = useShopifyContext()
+  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/useRedeemAndBuy.ts

@@ -1,14 +1,24 @@
-import useSWRMutation from 'swr/mutation'
+import useSWRMutation, { SWRMutationConfiguration } from 'swr/mutation'
 import { useRedeemCoupon } from './useRedeemCoupon'
-import { useCreateCartMutation } from '@anker-in/shopify'
-import type { ProductVariant } from '@anker-in/shopify'
+import type { ProductVariant } from '@anker-in/lib'
 import { useCreditsContext } from '../provider'
+import { useBuyNow } from '@anker-in/lib'
 
-export const useRedeemAndBuy = () => {
+export const useRedeemAndBuy = (
+  _: any,
+  swrOptions?: SWRMutationConfiguration<undefined, Error, string, any> & {
+    throwOnError?: boolean
+  }
+) => {
   const { trigger } = useRedeemCoupon()
   const { profile } = useCreditsContext()
 
-  const { trigger: buyNow } = useCreateCartMutation()
+  const { trigger: buyNow } = useBuyNow(
+    {},
+    {
+      throwOnError: true,
+    }
+  )
 
   return useSWRMutation(
     'redeemAndBuy',
@@ -29,32 +39,19 @@ export const useRedeemAndBuy = () => {
         rule_id: arg.redeemId,
       })
       if (res && res?.data?.coupon_code) {
-        const cart = await buyNow({
+        buyNow({
           discountCodes: [res.data.coupon_code],
-          lines: [
+          lineItems: [
             {
-              merchandiseId: String(arg.productVariant.id),
+              variant: arg.productVariant,
               quantity: arg.quantity || 1,
             },
           ],
         })
-        if (cart?.url) {
-          return {
-            success: true,
-            url: cart.url,
-          }
-        } else {
-          return {
-            success: false,
-            error: 'Create cart failed',
-          }
-        }
       } else {
-        return {
-          success: false,
-          error: 'Redeem failed',
-        }
+        throw new Error(`Redeem failed: ${res?.msg}`)
       }
-    }
+    },
+    swrOptions
   )
 }

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

@@ -1,17 +1,21 @@
 import { ALPC_COUNTRY_MAP } from '../const'
 import { useAlpcMutation, type UseMutationConfig } from './useAlpcFetch'
-import { useShopifyContext } from '@anker-in/shopify'
+import { useHeadlessContext } from '@anker-in/lib'
+import { useCreditsContext } from '../provider'
 
 type RedeemCouponResponse = {
-  code: number
   data: {
     success: boolean
     coupon_code: string
   }
+  msg: string // 报错信息
+  code: number // 报错码
 }
 
 export const useRedeemCoupon = (mutationOptions: UseMutationConfig<RedeemCouponResponse> = {}) => {
-  const { locale, appName, brand } = useShopifyContext()
+  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 { useShopifyContext } from '@anker-in/shopify'
+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 } = useShopifyContext()
+  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

@@ -4,12 +4,13 @@ import { useAlpcMutation } from './useAlpcFetch'
 import { ALPC_COUNTRY_MAP } from '../const'
 import { useCreditsContext } from '../provider'
 import type { ConsumeCreditRuleResponse } from '../response'
-import { useShopifyContext } from '@anker-in/shopify'
+import { useHeadlessContext } from '@anker-in/lib'
 
 function useRedeemableList() {
   let locale = '' as string
-  const { profile, isLoadingProfile } = useCreditsContext()
-  const { locale: contextLocale, brand } = useShopifyContext()
+  const { profile, isLoadingProfile, alpcBrand } = useCreditsContext()
+  const { locale: contextLocale, brand: headlessBrand } = useHeadlessContext()
+  const brand = alpcBrand || headlessBrand
 
   if (contextLocale === 'pl') {
     locale = 'eu'
@@ -30,25 +31,10 @@ function useRedeemableList() {
       page: 1,
       page_size: 20,
       country: (ALPC_COUNTRY_MAP.get(locale) || locale)?.toUpperCase(),
-      task_target: 1, // 1: 'app', 2: 'website'
     },
   })
 
   const getRedeemableList = useCallback(() => {
-    const cacheName = `consume_credit_rules-${locale}`
-
-    const cacheStr = localStorage?.getItem(cacheName)
-    if (cacheStr) {
-      try {
-        const cache = JSON.parse(cacheStr)
-        if (cache.expire > Date.now() && cache.consume_credit_rules.length) {
-          // 缓存未过期
-          setRedeemableList(cache.consume_credit_rules)
-          return
-        }
-      } catch (e) {}
-      localStorage?.removeItem(cacheName)
-    }
     trigger(
       {
         user_id: profile?.user_id,

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

@@ -2,25 +2,24 @@ import { useMemo } from 'react'
 
 import { TaskSubType } from '../const'
 import useActivities from './useActivities'
-import useSubscriptions from './useSubscriptions'
 import { useCreditsContext } from '../provider'
-import { useShopifyContext } from '@anker-in/shopify'
+import { useHeadlessContext, useSubscriptions } from '@anker-in/lib'
 
 export const useSubscribed = () => {
   const { profile } = useCreditsContext()
-  const { brand } = useShopifyContext()
+  const { brand } = useHeadlessContext()
 
   const activitiesOptions = useMemo(() => ({ page: 1, pageSize: 50 }), [])
 
   const { activities } = useActivities(activitiesOptions)
-  const { subscriptionData } = useSubscriptions(profile?.email)
+  const { data: subscription } = useSubscriptions({ email: profile?.email })
 
   const isSubscribed = useMemo(() => {
-    if (!subscriptionData?.preference) {
+    if (!subscription?.preference) {
       return false
     }
 
-    const subscribeResult = subscriptionData.preference.some(item => {
+    const subscribeResult = subscription.preference.some(item => {
       return item.brand === brand && item.subscribe
     })
 
@@ -31,7 +30,7 @@ export const useSubscribed = () => {
     return activities?.some(item => {
       return item.task_sub_type === TaskSubType.Subscription
     })
-  }, [subscriptionData, activities])
+  }, [subscription?.preference, activities])
 
   return isSubscribed
 }

package/src/components/credits/context/hooks/useUploadReceipt.tsx

@@ -18,7 +18,6 @@ export const uploadReceipt = async (
     }),
   })
   const { data } = await response.json()
-  console.log('data', data)
   return {
     ok: data?.code === 0,
     code: data?.code,