@anker-in/campaign-ui 0.5.20 → 0.5.22

package/dist/esm/lib/utils/fetcher/fetcher.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/lib/utils/fetcher/fetcher.ts"],
-  "sourcesContent": ["import { handleFetchResponse } from './fetchResponse'\n\nexport const fetcher = async ({\n  locale = 'en',\n  url,\n  method = 'POST',\n  headers = {},\n  repeatKey,\n  body,\n  type,\n  timeout = 90000,\n}: any) => {\n  // \u6DFB\u52A0\u8C37\u6B4C\u9A8C\u8BC1\n  let bodyData = ''\n  if (type === 'uploadFile') {\n    bodyData = body\n  } else {\n    bodyData = body ? JSON.stringify(body) : ''\n  }\n\n  const controller = new AbortController()\n  if (timeout) {\n    // \u8D85\u65F6\u62A5\u9519\n    setTimeout(() => controller.abort(), timeout)\n  }\n\n  const data = await fetch(url, {\n    method,\n    mode: 'cors',\n    credentials: 'include',\n    headers: {\n      'current-language': locale,\n      ...headers,\n    },\n    ...(timeout && { signal: controller.signal }),\n    ...(method !== 'GET' && { body: bodyData }),\n  })\n  return handleFetchResponse(data)\n}\n"],
-  "mappings": "AAAA,OAAS,uBAAAA,MAA2B,kBAE7B,MAAMC,EAAU,MAAO,CAC5B,OAAAC,EAAS,KACT,IAAAC,EACA,OAAAC,EAAS,OACT,QAAAC,EAAU,CAAC,EACX,UAAAC,EACA,KAAAC,EACA,KAAAC,EACA,QAAAC,EAAU,GACZ,IAAW,CAET,IAAIC,EAAW,GACXF,IAAS,aACXE,EAAWH,EAEXG,EAAWH,EAAO,KAAK,UAAUA,CAAI,EAAI,GAG3C,MAAMI,EAAa,IAAI,gBACnBF,GAEF,WAAW,IAAME,EAAW,MAAM,EAAGF,CAAO,EAG9C,MAAMG,EAAO,MAAM,MAAMT,EAAK,CAC5B,OAAAC,EACA,KAAM,OACN,YAAa,UACb,QAAS,CACP,mBAAoBF,EACpB,GAAGG,CACL,EACA,GAAII,GAAW,CAAE,OAAQE,EAAW,MAAO,EAC3C,GAAIP,IAAW,OAAS,CAAE,KAAMM,CAAS,CAC3C,CAAC,EACD,OAAOV,EAAoBY,CAAI,CACjC",
-  "names": ["handleFetchResponse", "fetcher", "locale", "url", "method", "headers", "repeatKey", "body", "type", "timeout", "bodyData", "controller", "data"]
+  "sourcesContent": ["import { handleFetchResponse } from './fetchResponse'\n\nexport const fetcher = async ({\n  locale = 'en',\n  url,\n  baseUrl,\n  method = 'POST',\n  headers = {},\n  repeatKey,\n  body,\n  type,\n  timeout = 90000,\n}: any) => {\n  // \u6DFB\u52A0\u8C37\u6B4C\u9A8C\u8BC1\n  let bodyData = ''\n  if (type === 'uploadFile') {\n    bodyData = body\n  } else {\n    bodyData = body ? JSON.stringify(body) : ''\n  }\n\n  const controller = new AbortController()\n  if (timeout) {\n    // \u8D85\u65F6\u62A5\u9519\n    setTimeout(() => controller.abort(), timeout)\n  }\n\n  const data = await fetch(`${baseUrl || ''}${url}`, {\n    method,\n    mode: 'cors',\n    credentials: 'include',\n    headers: {\n      'current-language': locale,\n      ...headers,\n    },\n    ...(timeout && { signal: controller.signal }),\n    ...(method !== 'GET' && { body: bodyData }),\n  })\n  return handleFetchResponse(data)\n}\n"],
+  "mappings": "AAAA,OAAS,uBAAAA,MAA2B,kBAE7B,MAAMC,EAAU,MAAO,CAC5B,OAAAC,EAAS,KACT,IAAAC,EACA,QAAAC,EACA,OAAAC,EAAS,OACT,QAAAC,EAAU,CAAC,EACX,UAAAC,EACA,KAAAC,EACA,KAAAC,EACA,QAAAC,EAAU,GACZ,IAAW,CAET,IAAIC,EAAW,GACXF,IAAS,aACXE,EAAWH,EAEXG,EAAWH,EAAO,KAAK,UAAUA,CAAI,EAAI,GAG3C,MAAMI,EAAa,IAAI,gBACnBF,GAEF,WAAW,IAAME,EAAW,MAAM,EAAGF,CAAO,EAG9C,MAAMG,EAAO,MAAM,MAAM,GAAGT,GAAW,EAAE,GAAGD,CAAG,GAAI,CACjD,OAAAE,EACA,KAAM,OACN,YAAa,UACb,QAAS,CACP,mBAAoBH,EACpB,GAAGI,CACL,EACA,GAAII,GAAW,CAAE,OAAQE,EAAW,MAAO,EAC3C,GAAIP,IAAW,OAAS,CAAE,KAAMM,CAAS,CAC3C,CAAC,EACD,OAAOX,EAAoBa,CAAI,CACjC",
+  "names": ["handleFetchResponse", "fetcher", "locale", "url", "baseUrl", "method", "headers", "repeatKey", "body", "type", "timeout", "bodyData", "controller", "data"]
 }

package/dist/esm/templates/Credits.js

@@ -1,2 +1,2 @@
-import{Fragment as g,jsx as o,jsxs as u}from"react/jsx-runtime";import{classNames as M,HeadlessProvider as h}from"../lib";import{useEffect as T,useRef as w}from"react";import{RegistrationProvider as B}from"../components/registration/context/provider";import{CreditsProvider as b,useCreditsContext as I}from"../components/credits/context/provider";import{CreditsBanner as G}from"../components/credits/creditsBanner";import{CreditsInfoCard as R}from"../components/credits/creditsInfoCard";import{CreditsBenefits as L}from"../components/credits/creditsBenefits";import{CreditsWaysToGetCredits as N}from"../components/credits/creditsWaysToGetCredits";import{CreditsAnkersolixTask as A}from"../components/credits/creditsAnkersolixTask";import{CreditsRedeemList as S}from"../components/credits/creditsRedeemList";import{CreditsGoGift as D}from"../components/credits/creditsGoGift";import{CreditsCash as F}from"../components/credits/creditsCash";import{CreditsMemberPrice as q}from"../components/credits/creditsMemberPrice";import{CreditsFaq as x}from"../components/credits/creditsFaq";import{CreditsNavigation as O}from"../components/credits/creditsNavigation";import U from"../components/credits/modal/ActivitiesModal";import W from"../components/credits/modal/RewardsModal";import{ComponentKey as t}from"./Credits.types";const E=({headlessConfig:d,pageConfig:s,userContext:p})=>{const{openMyRewardsModal:i,setOpenMyRewardsModal:n,openActivitiesModal:m,setOpenActivitiesModal:C,pageCommon:a}=I(),c=w(!1);return T(()=>{if(c.current||typeof window>"u")return;const r=new URLSearchParams(window.location.search).get("section");if(!r)return;const P=56,l=(f=0)=>{const y=document.getElementById(r);if(y){c.current=!0;const v=y.getBoundingClientRect().top+window.pageYOffset-P;window.scrollTo({top:v,behavior:"smooth"})}else f<10&&setTimeout(()=>l(f+1),300)};l()},[]),u(g,{children:[s.components[t.Navigation]&&o(O,{copy:s.components[t.Navigation]}),o("div",{className:M("bg-[#f5f5f7] leading-[1.2]"),children:s.order.map(e=>{if(e===t.Navigation)return null;const r=s.components?.[e];return r?u(g,{children:[e===t.Banner&&o(G,{copy:r,id:e}),e===t.InfoCard&&p?.profile&&o(R,{copy:r,id:e}),e===t.Benefits&&o(L,{copy:r,id:e}),e===t.WaysToGetCredits&&o(N,{copy:r,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===t.AnkersolixTask&&o(A,{copy:r,id:e}),e===t.RedeemList&&o(S,{copy:r,id:e}),e===t.GoGift&&o(D,{copy:r,id:e}),e===t.SpendCreditsLikeCash&&o(F,{copy:r,id:e}),e===t.MemberPrice&&o(q,{copy:r,id:e}),e===t.Faqs&&o(x,{copy:r,id:e}),e!==t.Banner&&o("div",{className:"laptop:h-16 desktop:h-[96px] lg-desktop:h-[128px] tablet:h-16 h-16"})]}):null})}),a?.activitiesModal&&o(U,{isOpen:m,data:a.activitiesModal,onClose:()=>C(!1)}),a?.rewardsModal&&o(W,{isOpen:i,data:a.rewardsModal,onClose:()=>n(!1)})]})},se=({headlessConfig:d,siteConfig:s,creditsConfig:p,userContext:i,pageConfig:n,registrationContext:m,gtm:C,cartConfig:a})=>o(h,{headlessConfig:d,children:o(B,{copy:s.registrationsSettings,email:i?.profile?.email,children:o(b,{profile:i?.profile,removeProfile:i?.removeProfile,isLoadingProfile:i?.isLoadingProfile,openSignInPopup:m.openSignInPopup,openSignUpPopup:m.openSignUpPopup,creditInfo:i?.creditInfo,taskIdToTypeMapping:s.taskIdToTypeMapping,taskNameMapping:s.taskNameMapping,customer:i?.customer,fetchCreditInfo:i?.fetchCreditInfo,customerLoading:i?.customerLoading,gtm:C,pageCommon:n.common,memberPriceDiscount:s.memberPriceDiscount,alpcBrand:p?.alpcBrand,alpcCountry:p?.alpcCountry,cartConfig:a,apiBaseUrl:i?.apiBaseUrl,children:o(E,{headlessConfig:d,pageConfig:n,userContext:i})})})});export{se as CreditsTemplate};
+import{Fragment as g,jsx as o,jsxs as u}from"react/jsx-runtime";import{classNames as M,HeadlessProvider as h}from"../lib";import{useEffect as T,useRef as B}from"react";import{RegistrationProvider as w}from"../components/registration/context/provider";import{CreditsProvider as b,useCreditsContext as I}from"../components/credits/context/provider";import{CreditsBanner as G}from"../components/credits/creditsBanner";import{CreditsInfoCard as R}from"../components/credits/creditsInfoCard";import{CreditsBenefits as L}from"../components/credits/creditsBenefits";import{CreditsWaysToGetCredits as N}from"../components/credits/creditsWaysToGetCredits";import{CreditsAnkersolixTask as A}from"../components/credits/creditsAnkersolixTask";import{CreditsRedeemList as S}from"../components/credits/creditsRedeemList";import{CreditsGoGift as D}from"../components/credits/creditsGoGift";import{CreditsCash as F}from"../components/credits/creditsCash";import{CreditsMemberPrice as U}from"../components/credits/creditsMemberPrice";import{CreditsFaq as q}from"../components/credits/creditsFaq";import{CreditsNavigation as O}from"../components/credits/creditsNavigation";import x from"../components/credits/modal/ActivitiesModal";import W from"../components/credits/modal/RewardsModal";import{ComponentKey as i}from"./Credits.types";const E=({headlessConfig:d,pageConfig:s,userContext:p})=>{const{openMyRewardsModal:t,setOpenMyRewardsModal:n,openActivitiesModal:m,setOpenActivitiesModal:C,pageCommon:a}=I(),l=B(!1);return T(()=>{if(l.current||typeof window>"u")return;const r=new URLSearchParams(window.location.search).get("section");if(!r)return;const P=56,c=(f=0)=>{const y=document.getElementById(r);if(y){l.current=!0;const v=y.getBoundingClientRect().top+window.pageYOffset-P;window.scrollTo({top:v,behavior:"smooth"})}else f<10&&setTimeout(()=>c(f+1),300)};c()},[]),u(g,{children:[s.components[i.Navigation]&&o(O,{copy:s.components[i.Navigation]}),o("div",{className:M("bg-[#f5f5f7] leading-[1.2]"),children:s.order.map(e=>{if(e===i.Navigation)return null;const r=s.components?.[e];return r?u(g,{children:[e===i.Banner&&o(G,{copy:r,id:e}),e===i.InfoCard&&p?.profile&&o(R,{copy:r,id:e}),e===i.Benefits&&o(L,{copy:r,id:e}),e===i.WaysToGetCredits&&o(N,{copy:r,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===i.AnkersolixTask&&o(A,{copy:r,id:e}),e===i.RedeemList&&o(S,{copy:r,id:e}),e===i.GoGift&&o(D,{copy:r,id:e}),e===i.SpendCreditsLikeCash&&o(F,{copy:r,id:e}),e===i.MemberPrice&&o(U,{copy:r,id:e}),e===i.Faqs&&o(q,{copy:r,id:e}),e!==i.Banner&&o("div",{className:"laptop:h-16 desktop:h-[96px] lg-desktop:h-[128px] tablet:h-16 h-16"})]}):null})}),a?.activitiesModal&&o(x,{isOpen:m,data:a.activitiesModal,onClose:()=>C(!1)}),a?.rewardsModal&&o(W,{isOpen:t,data:a.rewardsModal,onClose:()=>n(!1)})]})},se=({headlessConfig:d,siteConfig:s,creditsConfig:p,userContext:t,pageConfig:n,registrationContext:m,gtm:C,cartConfig:a})=>o(h,{headlessConfig:d,children:o(w,{copy:s.registrationsSettings,email:t?.profile?.email,apiBaseUrl:t?.apiBaseUrl,children:o(b,{profile:t?.profile,removeProfile:t?.removeProfile,isLoadingProfile:t?.isLoadingProfile,openSignInPopup:m.openSignInPopup,openSignUpPopup:m.openSignUpPopup,creditInfo:t?.creditInfo,taskIdToTypeMapping:s.taskIdToTypeMapping,taskNameMapping:s.taskNameMapping,customer:t?.customer,fetchCreditInfo:t?.fetchCreditInfo,customerLoading:t?.customerLoading,gtm:C,pageCommon:n.common,memberPriceDiscount:s.memberPriceDiscount,alpcBrand:p?.alpcBrand,alpcCountry:p?.alpcCountry,cartConfig:a,apiBaseUrl:t?.apiBaseUrl,children:o(E,{headlessConfig:d,pageConfig:n,userContext:t})})})});export{se 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, HeadlessProvider } from '../lib'\nimport { useEffect, useRef } from 'react'\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  const hasScrolled = useRef(false)\n\n  useEffect(() => {\n    if (hasScrolled.current || typeof window === 'undefined') return\n\n    const params = new URLSearchParams(window.location.search)\n    const section = params.get('section')\n    if (!section) return\n\n    const navHeight = 56\n\n    const tryScroll = (attempts = 0) => {\n      const el = document.getElementById(section)\n      if (el) {\n        hasScrolled.current = true\n        const top = el.getBoundingClientRect().top + window.pageYOffset - navHeight\n        window.scrollTo({ top, behavior: 'smooth' })\n      } else if (attempts < 10) {\n        setTimeout(() => tryScroll(attempts + 1), 300)\n      }\n    }\n\n    tryScroll()\n  }, [])\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          taskNameMapping={siteConfig.taskNameMapping}\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          alpcCountry={creditsConfig?.alpcCountry}\n          cartConfig={cartConfig}\n          apiBaseUrl={userContext?.apiBaseUrl}\n        >\n          <CreditsContent headlessConfig={headlessConfig} pageConfig={pageConfig} userContext={userContext} />\n        </CreditsProvider>\n      </RegistrationProvider>\n    </HeadlessProvider>\n  )\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["import { classNames, HeadlessProvider } from '../lib'\nimport { useEffect, useRef } from 'react'\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  const hasScrolled = useRef(false)\n\n  useEffect(() => {\n    if (hasScrolled.current || typeof window === 'undefined') return\n\n    const params = new URLSearchParams(window.location.search)\n    const section = params.get('section')\n    if (!section) return\n\n    const navHeight = 56\n\n    const tryScroll = (attempts = 0) => {\n      const el = document.getElementById(section)\n      if (el) {\n        hasScrolled.current = true\n        const top = el.getBoundingClientRect().top + window.pageYOffset - navHeight\n        window.scrollTo({ top, behavior: 'smooth' })\n      } else if (attempts < 10) {\n        setTimeout(() => tryScroll(attempts + 1), 300)\n      }\n    }\n\n    tryScroll()\n  }, [])\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\n        copy={siteConfig.registrationsSettings}\n        email={userContext?.profile?.email}\n        apiBaseUrl={userContext?.apiBaseUrl}\n      >\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          taskNameMapping={siteConfig.taskNameMapping}\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          alpcCountry={creditsConfig?.alpcCountry}\n          cartConfig={cartConfig}\n          apiBaseUrl={userContext?.apiBaseUrl}\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", "useEffect", "useRef", "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", "hasScrolled", "section", "navHeight", "tryScroll", "attempts", "el", "top", "key", "componentCopy", "CreditsTemplate", "siteConfig", "creditsConfig", "registrationContext", "gtm", "cartConfig"]
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@anker-in/campaign-ui",
-  "version": "0.5.20",
+  "version": "0.5.22",
   "description": "Campaign UI components and utilities for Anker projects",
   "repository": {
     "type": "git",

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

@@ -3,7 +3,7 @@ import { useEffect, useState } from 'react'
 import { useHeadlessContext } from '../../../../lib'
 import { type ShippingCountry } from '../../type'
 
-function useCountries({ shopifyStoreDomain }: { shopifyStoreDomain: string }) {
+function useCountries({ shopifyStoreDomain, apiBaseUrl }: { shopifyStoreDomain: string; apiBaseUrl?: string }) {
   const { locale = '' } = useHeadlessContext()
 
   const [isLoading, setLoading] = useState(false)
@@ -13,7 +13,7 @@ function useCountries({ shopifyStoreDomain }: { shopifyStoreDomain: string }) {
     const fetchCountries = async () => {
       setLoading(true)
       try {
-        const response = await fetch('/api/multipass/account/countries', {
+        const response = await fetch(`${apiBaseUrl || ''}/api/multipass/account/countries`, {
           credentials: 'include',
           headers: {
             'current-language': locale,
@@ -39,7 +39,7 @@ function useCountries({ shopifyStoreDomain }: { shopifyStoreDomain: string }) {
     }
 
     fetchCountries()
-  }, [locale])
+  }, [locale, apiBaseUrl])
 
   return {
     isLoading,

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

@@ -3,7 +3,13 @@ import { useEffect, useState } from 'react'
 import { useHeadlessContext } from '../../../../lib'
 import { type ShippingCountry, type ShippingZone } from '../../type'
 
-function useShippingCountries({ shopifyStoreDomain }: { shopifyStoreDomain: string }) {
+function useShippingCountries({
+  shopifyStoreDomain,
+  apiBaseUrl,
+}: {
+  shopifyStoreDomain: string
+  apiBaseUrl?: string
+}) {
   const { locale = '' } = useHeadlessContext()
 
   const [isLoading, setLoading] = useState(false)
@@ -13,12 +19,15 @@ function useShippingCountries({ shopifyStoreDomain }: { shopifyStoreDomain: stri
     const fetchCountries = async () => {
       setLoading(true)
       try {
-        const response = await fetch(`/api/multipass/rainbowbridge/uc/shop/shipping_zones?shop=${shopifyStoreDomain}`, {
-          credentials: 'include',
-          headers: {
-            'current-language': locale,
-          },
-        })
+        const response = await fetch(
+          `${apiBaseUrl || ''}/api/multipass/rainbowbridge/uc/shop/shipping_zones?shop=${shopifyStoreDomain}`,
+          {
+            credentials: 'include',
+            headers: {
+              'current-language': locale,
+            },
+          }
+        )
         const res: any = await response.json()
 
         // 国家过滤
@@ -50,7 +59,7 @@ function useShippingCountries({ shopifyStoreDomain }: { shopifyStoreDomain: stri
     }
 
     fetchCountries()
-  }, [locale])
+  }, [locale, apiBaseUrl, shopifyStoreDomain])
 
   return {
     isLoading,

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

@@ -5,11 +5,10 @@ import { useCreditsContext } from '../provider'
 const normalizeResponseData = (responseData: any) => {
   if (!responseData) return responseData
 
-  if (typeof responseData.data === 'object' && !Array.isArray(responseData.data) && 'data' in responseData.data) {
+  // 兼容部分仓库的代码会对返回进行封装
+  if (responseData.data) {
     return responseData.data
   }
-
-  // 一层结构，直接返回
   return responseData
 }
 

package/src/components/credits/creditsRedeemList/RedeemProductModal/Address.tsx

@@ -1,5 +1,6 @@
 import { Button, Text } from '@anker-in/headless-ui'
 import classNames from 'classnames'
+import { useCreditsContext } from '../../context/provider'
 import { AddressForm } from '../AddressForm'
 import { useHeadlessContext } from '../../../../lib'
 import type { RedeemableItem as RedeemableItemType, RedeemModalCommon } from '../../type'
@@ -35,8 +36,9 @@ export const Address = ({
   item,
 }: AddressProps) => {
   const { storeDomain, brand } = useHeadlessContext()
+  const { apiBaseUrl } = useCreditsContext()
   const rounded = ROUNDED_BRANDS.includes(brand)
-  const { countries = [], isLoading: countriesLoading } = useShippingCountries({ shopifyStoreDomain: storeDomain })
+  const { countries = [], isLoading: countriesLoading } = useShippingCountries({ shopifyStoreDomain: storeDomain, apiBaseUrl })
 
   return (
     <div className="relative">

package/src/components/credits/creditsRedeemList/RedeemProductModal/index.tsx

@@ -21,7 +21,7 @@ type RedeemProductModalProps = Omit<ModalContainerProps, 'isOpen'> & {
 }
 
 function RedeemProductModal({ item, copy, onError, ...props }: RedeemProductModalProps) {
-  const { fetchCreditInfo, profile, pageCommon } = useCreditsContext()
+  const { fetchCreditInfo, profile, pageCommon, apiBaseUrl } = useCreditsContext()
   const { storeDomain } = useHeadlessContext()
 
   const { shippingAddress, shippingProduct } = copy.product
@@ -35,7 +35,7 @@ function RedeemProductModal({ item, copy, onError, ...props }: RedeemProductModa
   })
   const [disabled, setDisabled] = useState(false)
 
-  const { countries = [], isLoading: countriesLoading } = useShippingCountries({ shopifyStoreDomain: storeDomain })
+  const { countries = [], isLoading: countriesLoading } = useShippingCountries({ shopifyStoreDomain: storeDomain, apiBaseUrl })
 
   const { isMutating: loading, trigger } = useRedeemProduct({
     onSuccess(responseData) {

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

@@ -44,6 +44,7 @@ export function MemberPopupProvider({
       <RegistrationProvider
         email={contextValue.profile?.email}
         copy={{ authCodeActivate: earnCreditsCopy?.authCodeActivate }}
+        apiBaseUrl={contextValue.alpcConfig?.apiBaseUrl}
       >
         <MemberPopupContext.Provider
           value={{

package/src/components/memberPopup/panels/ActivitiesSubscribePanel.tsx

@@ -37,7 +37,7 @@ async function getRecaptchaToken(sitekey: string): Promise<string> {
 
 export default function ActivitiesSubscribeModal({ copy, email: initialEmail }: Props) {
   const { alpcConfig, setIsSubscribeSuccess, pageHandle } = useMemberPopupContext()
-  const { locale } = alpcConfig
+  const { locale, apiBaseUrl } = alpcConfig
   const { brand: headlessBrand, storeDomain, recaptchaSitekey } = useHeadlessContext()
   const rounded = ROUNDED_BRANDS.includes(headlessBrand)
   const [policy, setPolicy] = useState(copy.policyDefaultChecked ?? false)
@@ -60,7 +60,7 @@ export default function ActivitiesSubscribeModal({ copy, email: initialEmail }:
     const { register_source } = getAdCookie()
     const recaptchaToken = await getRecaptchaToken(recaptchaSitekey || '')
     try {
-      const response = await fetch('/api/multipass/rainbowbridge/activities', {
+      const response = await fetch(`${apiBaseUrl || ''}/api/multipass/rainbowbridge/activities`, {
         method: 'POST',
         credentials: 'include',
         headers: {
@@ -100,7 +100,7 @@ export default function ActivitiesSubscribeModal({ copy, email: initialEmail }:
     } finally {
       setLoading(false)
     }
-  }, [email, policy, locale, storeDomain, copy, setIsSubscribeSuccess])
+  }, [email, policy, locale, storeDomain, copy, setIsSubscribeSuccess, apiBaseUrl])
 
   return (
     <div className="flex flex-col">

package/src/components/memberPopup/panels/EarnCredits/ActivatePanel.tsx

@@ -20,7 +20,7 @@ type Props = {
 }
 
 export default function ActivatePanel({ copy, onClose }: Props) {
-  const { setIsActivateSuccess, fetchCreditInfo, profile } = useMemberPopupContext()
+  const { setIsActivateSuccess, fetchCreditInfo, profile, alpcConfig } = useMemberPopupContext()
   const { locale, brand } = useHeadlessContext()
   const { email } = useRegistration()
   const rounded = ROUNDED_BRANDS.includes(brand)
@@ -29,9 +29,9 @@ export default function ActivatePanel({ copy, onClose }: Props) {
     isMutating: isSendingEmail,
     trigger: triggerSendValidationEmail,
     data: sendEmailData,
-  } = useSendEmailValidation()
+  } = useSendEmailValidation(alpcConfig.apiBaseUrl)
 
-  const { isMutating: emailValidationLoading, trigger: triggerEmailValidation } = useEmailValidation()
+  const { isMutating: emailValidationLoading, trigger: triggerEmailValidation } = useEmailValidation(undefined, alpcConfig.apiBaseUrl)
 
   const [messageText, setMessageText] = useState('')
   const [messageStatus, setMessageStatus] = useState('')

package/src/components/memberPopup/panels/EarnCredits/CompleteProfilePanel.tsx

@@ -26,8 +26,8 @@ export default function CompleteProfilePanel({ copy, onClose }: Props) {
   const [firstNameError, setFirstNameError] = useState('')
   const [lastNameError, setLastNameError] = useState('')
 
-  const { updateProfile, isLoading } = useUpdateProfile({ locale, appName: alpcConfig.appName })
-  const { countries } = useCountries({ shopifyStoreDomain: storeDomain })
+  const { updateProfile, isLoading } = useUpdateProfile({ locale, appName: alpcConfig.appName, apiBaseUrl: alpcConfig.apiBaseUrl })
+  const { countries } = useCountries({ shopifyStoreDomain: storeDomain, apiBaseUrl: alpcConfig.apiBaseUrl })
 
   useEffect(() => {
     if (profile) {

package/src/components/memberPopup/panels/EarnCredits/hooks/useUpdateProfile.ts

@@ -3,6 +3,7 @@ import { useCallback, useState } from 'react'
 type UseUpdateProfileConfig = {
   locale?: string
   appName?: string
+  apiBaseUrl?: string
 }
 
 type ProfileData = {
@@ -13,7 +14,7 @@ type ProfileData = {
   dob?: string
 }
 
-export function useUpdateProfile({ locale = '', appName = '' }: UseUpdateProfileConfig = {}) {
+export function useUpdateProfile({ locale = '', appName = '', apiBaseUrl = '' }: UseUpdateProfileConfig = {}) {
   const [isLoading, setIsLoading] = useState(false)
   const [error, setError] = useState<string | null>(null)
 
@@ -22,7 +23,7 @@ export function useUpdateProfile({ locale = '', appName = '' }: UseUpdateProfile
       setIsLoading(true)
       setError(null)
       try {
-        const response = await fetch('/api/multipass/account/users/update_profile', {
+        const response = await fetch(`${apiBaseUrl}/api/multipass/account/users/update_profile`, {
           method: 'PUT',
           credentials: 'include',
           headers: {
@@ -44,7 +45,7 @@ export function useUpdateProfile({ locale = '', appName = '' }: UseUpdateProfile
         setIsLoading(false)
       }
     },
-    [locale, appName]
+    [locale, appName, apiBaseUrl]
   )
 
   return { updateProfile, isLoading, error }

package/src/components/memberPopup/panels/Referral/hooks/useReferralOverview.ts

@@ -17,7 +17,7 @@ export function useReferralOverview(): {
   const { profile, alpcConfig } = useMemberPopupContext()
   const isLogin = !!profile
 
-  const swrKey = isLogin ? `/api/multipass/mktsrv/v1/referral/reward/overview/cash` : null
+  const swrKey = isLogin ? `${alpcConfig.apiBaseUrl || ''}/api/multipass/mktsrv/v1/referral/reward/overview/cash` : null
 
   const swrFetcher = async (url: string) => {
     const response = await fetch(url, {

package/src/components/registration/authCodeActivate/index.tsx

@@ -16,19 +16,19 @@ import { ROUNDED_BRANDS } from '../../../constants'
 
 export const AuthCodeActivate: React.FC<AuthCodeActivateProps> = ({ copy }) => {
   const { locale, brand } = useHeadlessContext()
-  const { email, authCodeActivate } = useRegistration()
+  const { email, authCodeActivate, apiBaseUrl } = useRegistration()
   const rounded = ROUNDED_BRANDS.includes(brand)
 
   const { activeToken, setActiveToken, setIsSendingActivateEmail, setIsActivateSuccess, onAuthSuccess, autoSendEmail } =
     authCodeActivate
 
-  const { isMutating: emailValidationLoading, trigger: triggerEmailValidation } = useEmailValidation()
+  const { isMutating: emailValidationLoading, trigger: triggerEmailValidation } = useEmailValidation(undefined, apiBaseUrl)
 
   const {
     isMutating: isSendingEmail,
     trigger: triggerSendValidationEmail,
     data: sendEmailData,
-  } = useSendEmailValidation()
+  } = useSendEmailValidation(apiBaseUrl)
 
   const [messageText, setMessageText] = useState('')
   const [messageStatus, setMessageStatus] = useState('')

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

@@ -4,6 +4,7 @@ import { AuthCodeActivate } from '../authCodeActivate'
 interface RegistrationContextType {
   email?: string
   copy?: any
+  apiBaseUrl?: string
   authCodeActivate: {
     isOpen: boolean
     open: () => void
@@ -49,7 +50,12 @@ export const useRegistration = () => {
   return context
 }
 
-export const RegistrationProvider = ({ children, email, copy }: PropsWithChildren<{ email?: string; copy?: any }>) => {
+export const RegistrationProvider = ({
+  children,
+  email,
+  copy,
+  apiBaseUrl,
+}: PropsWithChildren<{ email?: string; copy?: any; apiBaseUrl?: string }>) => {
   const [popAuthCode, setPopAuthCode] = useState(false)
   const [onAuthSuccess, setOnAuthSuccess] = useState<(() => void) | undefined>(undefined)
   const [isActivateSuccess, setIsActivateSuccess] = useState(false)
@@ -62,6 +68,7 @@ export const RegistrationProvider = ({ children, email, copy }: PropsWithChildre
       value={{
         email,
         copy,
+        apiBaseUrl,
         authCodeActivate: {
           activeToken,
           isOpen: popAuthCode,

package/src/lib/registration/hooks/useEmailValidation.ts

@@ -8,7 +8,8 @@ export const useEmailValidation = (
     { type: 'responseError'; data: any; response: any },
     string,
     { token: string; code: string }
-  >
+  >,
+  apiBaseUrl?: string
 ) => {
   const { locale } = useHeadlessContext()
   return useSWRMutation(
@@ -16,6 +17,7 @@ export const useEmailValidation = (
     (_, { arg: { token, code } }: { arg: { token: string; code: string } }) => {
       return fetcher({
         url: `/api/multipass/account/users/email_validation`,
+        baseUrl: apiBaseUrl,
         method: 'POST',
         body: { activation_code: token, verify_code: code },
         action: 'account',

package/src/lib/registration/hooks/useSendEmailValidation.ts

@@ -5,13 +5,14 @@ import { fetcher } from '../../utils'
 // data 参数会被 stringify 后放入到邮件链接参数中
 export type RequestData = { email: string; data: any }
 
-export function useSendEmailValidation(): SWRMutationResponse<any, any, string, { email: string } & any> {
+export function useSendEmailValidation(apiBaseUrl?: string): SWRMutationResponse<any, any, string, { email: string } & any> {
   const { appName, locale } = useHeadlessContext()
 
   return useSWRMutation('send-email-validation', (_, { arg: { email, ...rest } }: { arg: RequestData }) =>
     fetcher({
       locale,
       url: '/api/multipass/account/users/send_validation_email',
+      baseUrl: apiBaseUrl,
       method: 'POST',
       body: { email: email, app: appName, ...rest },
       needRecaptcha: true,

package/src/lib/utils/fetcher/fetcher.ts

@@ -3,6 +3,7 @@ import { handleFetchResponse } from './fetchResponse'
 export const fetcher = async ({
   locale = 'en',
   url,
+  baseUrl,
   method = 'POST',
   headers = {},
   repeatKey,
@@ -24,7 +25,7 @@ export const fetcher = async ({
     setTimeout(() => controller.abort(), timeout)
   }
 
-  const data = await fetch(url, {
+  const data = await fetch(`${baseUrl || ''}${url}`, {
     method,
     mode: 'cors',
     credentials: 'include',

package/src/templates/Credits.tsx

@@ -150,7 +150,11 @@ export const CreditsTemplate = ({
 }: CreditsTemplateProps) => {
   return (
     <HeadlessProvider headlessConfig={headlessConfig}>
-      <RegistrationProvider copy={siteConfig.registrationsSettings} email={userContext?.profile?.email}>
+      <RegistrationProvider
+        copy={siteConfig.registrationsSettings}
+        email={userContext?.profile?.email}
+        apiBaseUrl={userContext?.apiBaseUrl}
+      >
         <CreditsProvider
           profile={userContext?.profile}
           removeProfile={userContext?.removeProfile}