@anker-in/campaign-ui 0.5.20 → 0.5.22

package/dist/cjs/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": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,qBAAAE,IAAA,eAAAC,EAAAH,GAgEQ,IAAAI,EAAA,6BAhERC,EAA6C,kBAC7CC,EAAkC,iBAClCC,EAAqC,uDACrCA,EAAmD,kDACnDC,EAA8B,+CAC9BC,EAAgC,iDAChCC,EAAgC,iDAChCC,EAAwC,yDACxCC,EAAsC,uDACtCC,EAAkC,mDAClCC,EAA8B,+CAC9BC,EAA4B,6CAC5BC,EAAmC,oDACnCC,EAA2B,4CAC3BC,EAAkC,mDAClCC,EAA4B,0DAC5BC,EAAyB,uDACzBC,EAA6B,2BAgB7B,MAAMC,EAAiB,CAAC,CAAE,eAAAC,EAAgB,WAAAC,EAAY,YAAAC,CAAY,IAA2B,CAC3F,KAAM,CAAE,mBAAAC,EAAoB,sBAAAC,EAAuB,oBAAAC,EAAqB,uBAAAC,EAAwB,WAAAC,CAAW,KAAI,qBAAkB,EAC3HC,KAAc,UAAO,EAAK,EAEhC,sBAAU,IAAM,CACd,GAAIA,EAAY,SAAW,OAAO,OAAW,IAAa,OAG1D,MAAMC,EADS,IAAI,gBAAgB,OAAO,SAAS,MAAM,EAClC,IAAI,SAAS,EACpC,GAAI,CAACA,EAAS,OAEd,MAAMC,EAAY,GAEZC,EAAY,CAACC,EAAW,IAAM,CAClC,MAAMC,EAAK,SAAS,eAAeJ,CAAO,EAC1C,GAAII,EAAI,CACNL,EAAY,QAAU,GACtB,MAAMM,EAAMD,EAAG,sBAAsB,EAAE,IAAM,OAAO,YAAcH,EAClE,OAAO,SAAS,CAAE,IAAAI,EAAK,SAAU,QAAS,CAAC,CAC7C,MAAWF,EAAW,IACpB,WAAW,IAAMD,EAAUC,EAAW,CAAC,EAAG,GAAG,CAEjD,EAEAD,EAAU,CACZ,EAAG,CAAC,CAAC,KAGH,oBAEG,UAAAV,EAAW,WAAW,eAAa,UAAU,MAC5C,OAAC,qBAAkB,KAAMA,EAAW,WAAW,eAAa,UAAU,EAAG,KAE3E,OAAC,OAAI,aAAW,cAAW,4BAA4B,EACpD,SAAAA,EAAW,MAAM,IAAIc,GAAO,CAE3B,GAAIA,IAAQ,eAAa,WAAY,OAAO,KAC5C,MAAMC,EAAgBf,EAAW,aAAac,CAAG,EACjD,OAAKC,KAEH,oBACG,UAAAD,IAAQ,eAAa,WAAU,OAAC,iBAAc,KAAMC,EAAoC,GAAID,EAAK,EACjGA,IAAQ,eAAa,UAAYb,GAAa,YAC7C,OAAC,mBAAgB,KAAMc,EAAsC,GAAID,EAAK,EAEvEA,IAAQ,eAAa,aACpB,OAAC,mBAAgB,KAAMC,EAAsC,GAAID,EAAK,EAEvEA,IAAQ,eAAa,qBACpB,OAAC,2BACC,KAAMC,EACN,GAAID,EACJ,WACEf,EAAe,QAAU,QACrB,CACA,SAAU,aACV,iBACE,4EACJ,EACE,CACA,SAAU,iBACV,iBAAkB,gBACpB,EAEN,EAEDe,IAAQ,eAAa,mBACpB,OAAC,yBAAsB,KAAMC,EAA4C,GAAID,EAAK,EAEnFA,IAAQ,eAAa,eACpB,OAAC,qBAAkB,KAAMC,EAAwC,GAAID,EAAK,EAE3EA,IAAQ,eAAa,WAAU,OAAC,iBAAc,KAAMC,EAAoC,GAAID,EAAK,EACjGA,IAAQ,eAAa,yBACpB,OAAC,eAAY,KAAMC,EAAkC,GAAID,EAAK,EAE/DA,IAAQ,eAAa,gBACpB,OAAC,sBAAmB,KAAMC,EAAyC,GAAID,EAAK,EAE7EA,IAAQ,eAAa,SAAQ,OAAC,cAAW,KAAMC,EAAiC,GAAID,EAAK,EACzFA,IAAQ,eAAa,WACpB,OAAC,OAAI,UAAU,qEAAqE,GAExF,EA7CyB,IA+C7B,CAAC,EACH,EAGCR,GAAY,oBACX,OAAC,EAAAU,QAAA,CACC,OAAQZ,EACR,KAAME,EAAW,gBACjB,QAAS,IAAMD,EAAuB,EAAK,EAC7C,EAEDC,GAAY,iBACX,OAAC,EAAAW,QAAA,CACC,OAAQf,EACR,KAAMI,EAAW,aACjB,QAAS,IAAMH,EAAsB,EAAK,EAC5C,GAEJ,CAEJ,EAEazB,EAAkB,CAAC,CAC9B,eAAAqB,EACA,WAAAmB,EACA,cAAAC,EACA,YAAAlB,EACA,WAAAD,EACA,oBAAAoB,EACA,IAAAC,EACA,WAAAC,CACF,OAEI,OAAC,oBAAiB,eAAgBvB,EAChC,mBAAC,wBACC,KAAMmB,EAAW,sBACjB,MAAOjB,GAAa,SAAS,MAC7B,WAAYA,GAAa,WAEzB,mBAAC,mBACC,QAASA,GAAa,QACtB,cAAeA,GAAa,cAC5B,iBAAkBA,GAAa,iBAC/B,gBAAiBmB,EAAoB,gBACrC,gBAAiBA,EAAoB,gBACrC,WAAYnB,GAAa,WACzB,oBAAqBiB,EAAW,oBAChC,gBAAiBA,EAAW,gBAC5B,SAAUjB,GAAa,SACvB,gBAAiBA,GAAa,gBAC9B,gBAAiBA,GAAa,gBAC9B,IAAKoB,EACL,WAAYrB,EAAW,OACvB,oBAAqBkB,EAAW,oBAChC,UAAWC,GAAe,UAC1B,YAAaA,GAAe,YAC5B,WAAYG,EACZ,WAAYrB,GAAa,WAEzB,mBAACH,EAAA,CAAe,eAAgBC,EAAgB,WAAYC,EAAY,YAAaC,EAAa,EACpG,EACF,EACF",
   "names": ["Credits_exports", "__export", "CreditsTemplate", "__toCommonJS", "import_jsx_runtime", "import_lib", "import_react", "import_provider", "import_creditsBanner", "import_creditsInfoCard", "import_creditsBenefits", "import_creditsWaysToGetCredits", "import_creditsAnkersolixTask", "import_creditsRedeemList", "import_creditsGoGift", "import_creditsCash", "import_creditsMemberPrice", "import_creditsFaq", "import_creditsNavigation", "import_ActivitiesModal", "import_RewardsModal", "import_Credits", "CreditsContent", "headlessConfig", "pageConfig", "userContext", "openMyRewardsModal", "setOpenMyRewardsModal", "openActivitiesModal", "setOpenActivitiesModal", "pageCommon", "hasScrolled", "section", "navHeight", "tryScroll", "attempts", "el", "top", "key", "componentCopy", "ActivitiesModal", "RewardsModal", "siteConfig", "creditsConfig", "registrationContext", "gtm", "cartConfig"]
 }

package/dist/esm/components/credits/context/hooks/useCountries.d.ts

@@ -1,6 +1,7 @@
 import { type ShippingCountry } from '../../type';
-declare function useCountries({ shopifyStoreDomain }: {
+declare function useCountries({ shopifyStoreDomain, apiBaseUrl }: {
     shopifyStoreDomain: string;
+    apiBaseUrl?: string;
 }): {
     isLoading: boolean;
     countries: ShippingCountry[];

package/dist/esm/components/credits/context/hooks/useCountries.js

@@ -1,2 +1,2 @@
-import{useEffect as p,useState as r}from"react";import{useHeadlessContext as l}from"../../../../lib";function f({shopifyStoreDomain:h}){const{locale:t=""}=l(),[i,o]=r(!1),[a,s]=r([]);return p(()=>{(async()=>{o(!0);try{let e=(await(await fetch("/api/multipass/account/countries",{credentials:"include",headers:{"current-language":t}})).json())?.data?.data||[];e=e.sort((c,u)=>c.name.localeCompare(u.name)),console.log("fetch shipsToCountries",e),s(e)}catch(n){s([]),console.error(n)}finally{o(!1)}})()},[t]),{isLoading:i,countries:a}}var S=f;export{S as default};
+import{useEffect as l,useState as i}from"react";import{useHeadlessContext as f}from"../../../../lib";function h({shopifyStoreDomain:m,apiBaseUrl:t}){const{locale:o=""}=f(),[a,s]=i(!1),[c,n]=i([]);return l(()=>{(async()=>{s(!0);try{let e=(await(await fetch(`${t||""}/api/multipass/account/countries`,{credentials:"include",headers:{"current-language":o}})).json())?.data?.data||[];e=e.sort((u,p)=>u.name.localeCompare(p.name)),console.log("fetch shipsToCountries",e),n(e)}catch(r){n([]),console.error(r)}finally{s(!1)}})()},[o,t]),{isLoading:a,countries:c}}var w=h;export{w as default};
 //# sourceMappingURL=useCountries.js.map

package/dist/esm/components/credits/context/hooks/useCountries.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/components/credits/context/hooks/useCountries.ts"],
-  "sourcesContent": ["import { useEffect, useState } from 'react'\n\nimport { useHeadlessContext } from '../../../../lib'\nimport { type ShippingCountry } from '../../type'\n\nfunction useCountries({ shopifyStoreDomain }: { shopifyStoreDomain: string }) {\n  const { locale = '' } = useHeadlessContext()\n\n  const [isLoading, setLoading] = useState(false)\n  const [countries, setCountries] = useState<ShippingCountry[]>([])\n\n  useEffect(() => {\n    const fetchCountries = async () => {\n      setLoading(true)\n      try {\n        const response = await fetch('/api/multipass/account/countries', {\n          credentials: 'include',\n          headers: {\n            'current-language': locale,\n          },\n        })\n        const res: any = await response.json()\n\n        let shipsToCountries: ShippingCountry[] = res?.data?.data || []\n\n        // \u5B57\u6BCD\u987A\u5E8F\u6392\u5E8F\n        shipsToCountries = shipsToCountries.sort((a, b) => {\n          return a.name.localeCompare(b.name)\n        })\n\n        console.log('fetch shipsToCountries', shipsToCountries)\n        setCountries(shipsToCountries)\n      } catch (e) {\n        setCountries([])\n        console.error(e)\n      } finally {\n        setLoading(false)\n      }\n    }\n\n    fetchCountries()\n  }, [locale])\n\n  return {\n    isLoading,\n    countries,\n  }\n}\n\nexport default useCountries\n"],
-  "mappings": "AAAA,OAAS,aAAAA,EAAW,YAAAC,MAAgB,QAEpC,OAAS,sBAAAC,MAA0B,kBAGnC,SAASC,EAAa,CAAE,mBAAAC,CAAmB,EAAmC,CAC5E,KAAM,CAAE,OAAAC,EAAS,EAAG,EAAIH,EAAmB,EAErC,CAACI,EAAWC,CAAU,EAAIN,EAAS,EAAK,EACxC,CAACO,EAAWC,CAAY,EAAIR,EAA4B,CAAC,CAAC,EAEhE,OAAAD,EAAU,IAAM,EACS,SAAY,CACjCO,EAAW,EAAI,EACf,GAAI,CASF,IAAIG,GAFa,MANA,MAAM,MAAM,mCAAoC,CAC/D,YAAa,UACb,QAAS,CACP,mBAAoBL,CACtB,CACF,CAAC,GAC+B,KAAK,IAEU,MAAM,MAAQ,CAAC,EAG9DK,EAAmBA,EAAiB,KAAK,CAACC,EAAGC,IACpCD,EAAE,KAAK,cAAcC,EAAE,IAAI,CACnC,EAED,QAAQ,IAAI,yBAA0BF,CAAgB,EACtDD,EAAaC,CAAgB,CAC/B,OAASG,EAAG,CACVJ,EAAa,CAAC,CAAC,EACf,QAAQ,MAAMI,CAAC,CACjB,QAAE,CACAN,EAAW,EAAK,CAClB,CACF,GAEe,CACjB,EAAG,CAACF,CAAM,CAAC,EAEJ,CACL,UAAAC,EACA,UAAAE,CACF,CACF,CAEA,IAAOM,EAAQX",
-  "names": ["useEffect", "useState", "useHeadlessContext", "useCountries", "shopifyStoreDomain", "locale", "isLoading", "setLoading", "countries", "setCountries", "shipsToCountries", "a", "b", "e", "useCountries_default"]
+  "sourcesContent": ["import { useEffect, useState } from 'react'\n\nimport { useHeadlessContext } from '../../../../lib'\nimport { type ShippingCountry } from '../../type'\n\nfunction useCountries({ shopifyStoreDomain, apiBaseUrl }: { shopifyStoreDomain: string; apiBaseUrl?: string }) {\n  const { locale = '' } = useHeadlessContext()\n\n  const [isLoading, setLoading] = useState(false)\n  const [countries, setCountries] = useState<ShippingCountry[]>([])\n\n  useEffect(() => {\n    const fetchCountries = async () => {\n      setLoading(true)\n      try {\n        const response = await fetch(`${apiBaseUrl || ''}/api/multipass/account/countries`, {\n          credentials: 'include',\n          headers: {\n            'current-language': locale,\n          },\n        })\n        const res: any = await response.json()\n\n        let shipsToCountries: ShippingCountry[] = res?.data?.data || []\n\n        // \u5B57\u6BCD\u987A\u5E8F\u6392\u5E8F\n        shipsToCountries = shipsToCountries.sort((a, b) => {\n          return a.name.localeCompare(b.name)\n        })\n\n        console.log('fetch shipsToCountries', shipsToCountries)\n        setCountries(shipsToCountries)\n      } catch (e) {\n        setCountries([])\n        console.error(e)\n      } finally {\n        setLoading(false)\n      }\n    }\n\n    fetchCountries()\n  }, [locale, apiBaseUrl])\n\n  return {\n    isLoading,\n    countries,\n  }\n}\n\nexport default useCountries\n"],
+  "mappings": "AAAA,OAAS,aAAAA,EAAW,YAAAC,MAAgB,QAEpC,OAAS,sBAAAC,MAA0B,kBAGnC,SAASC,EAAa,CAAE,mBAAAC,EAAoB,WAAAC,CAAW,EAAwD,CAC7G,KAAM,CAAE,OAAAC,EAAS,EAAG,EAAIJ,EAAmB,EAErC,CAACK,EAAWC,CAAU,EAAIP,EAAS,EAAK,EACxC,CAACQ,EAAWC,CAAY,EAAIT,EAA4B,CAAC,CAAC,EAEhE,OAAAD,EAAU,IAAM,EACS,SAAY,CACjCQ,EAAW,EAAI,EACf,GAAI,CASF,IAAIG,GAFa,MANA,MAAM,MAAM,GAAGN,GAAc,EAAE,mCAAoC,CAClF,YAAa,UACb,QAAS,CACP,mBAAoBC,CACtB,CACF,CAAC,GAC+B,KAAK,IAEU,MAAM,MAAQ,CAAC,EAG9DK,EAAmBA,EAAiB,KAAK,CAACC,EAAGC,IACpCD,EAAE,KAAK,cAAcC,EAAE,IAAI,CACnC,EAED,QAAQ,IAAI,yBAA0BF,CAAgB,EACtDD,EAAaC,CAAgB,CAC/B,OAASG,EAAG,CACVJ,EAAa,CAAC,CAAC,EACf,QAAQ,MAAMI,CAAC,CACjB,QAAE,CACAN,EAAW,EAAK,CAClB,CACF,GAEe,CACjB,EAAG,CAACF,EAAQD,CAAU,CAAC,EAEhB,CACL,UAAAE,EACA,UAAAE,CACF,CACF,CAEA,IAAOM,EAAQZ",
+  "names": ["useEffect", "useState", "useHeadlessContext", "useCountries", "shopifyStoreDomain", "apiBaseUrl", "locale", "isLoading", "setLoading", "countries", "setCountries", "shipsToCountries", "a", "b", "e", "useCountries_default"]
 }

package/dist/esm/components/credits/context/hooks/useShippingCountries.d.ts

@@ -1,6 +1,7 @@
 import { type ShippingCountry } from '../../type';
-declare function useShippingCountries({ shopifyStoreDomain }: {
+declare function useShippingCountries({ shopifyStoreDomain, apiBaseUrl, }: {
     shopifyStoreDomain: string;
+    apiBaseUrl?: string;
 }): {
     isLoading: boolean;
     countries: ShippingCountry[];

package/dist/esm/components/credits/context/hooks/useShippingCountries.js

@@ -1,2 +1,2 @@
-import{useEffect as l,useState as p}from"react";import{useHeadlessContext as d}from"../../../../lib";function g({shopifyStoreDomain:u}){const{locale:t=""}=d(),[h,n]=p(!1),[f,i]=p([]);return l(()=>{(async()=>{n(!0);try{const a=await(await fetch(`/api/multipass/rainbowbridge/uc/shop/shipping_zones?shop=${u}`,{credentials:"include",headers:{"current-language":t}})).json();let e=[];const c=new Set;(a?.data?.data||a?.data||[]).forEach(s=>{s.countries.forEach(o=>{c.has(o.code)||(c.add(o.code),e.push(o))})}),e=e.sort((s,o)=>s.code.localeCompare(o.code)),console.log("fetch shipsToCountries",e),i(e)}catch(r){i([]),console.error(r)}finally{n(!1)}})()},[t]),{isLoading:h,countries:f}}var E=g;export{E as default};
+import{useEffect as f,useState as h}from"react";import{useHeadlessContext as g}from"../../../../lib";function C({shopifyStoreDomain:t,apiBaseUrl:n}){const{locale:i=""}=g(),[l,r]=h(!1),[d,a]=h([]);return f(()=>{(async()=>{r(!0);try{const p=await(await fetch(`${n||""}/api/multipass/rainbowbridge/uc/shop/shipping_zones?shop=${t}`,{credentials:"include",headers:{"current-language":i}})).json();let e=[];const u=new Set;(p?.data?.data||p?.data||[]).forEach(s=>{s.countries.forEach(o=>{u.has(o.code)||(u.add(o.code),e.push(o))})}),e=e.sort((s,o)=>s.code.localeCompare(o.code)),console.log("fetch shipsToCountries",e),a(e)}catch(c){a([]),console.error(c)}finally{r(!1)}})()},[i,n,t]),{isLoading:l,countries:d}}var b=C;export{b as default};
 //# sourceMappingURL=useShippingCountries.js.map

package/dist/esm/components/credits/context/hooks/useShippingCountries.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/components/credits/context/hooks/useShippingCountries.ts"],
-  "sourcesContent": ["import { useEffect, useState } from 'react'\n\nimport { useHeadlessContext } from '../../../../lib'\nimport { type ShippingCountry, type ShippingZone } from '../../type'\n\nfunction useShippingCountries({ shopifyStoreDomain }: { shopifyStoreDomain: string }) {\n  const { locale = '' } = useHeadlessContext()\n\n  const [isLoading, setLoading] = useState(false)\n  const [countries, setCountries] = useState<ShippingCountry[]>([])\n\n  useEffect(() => {\n    const fetchCountries = async () => {\n      setLoading(true)\n      try {\n        const response = await fetch(`/api/multipass/rainbowbridge/uc/shop/shipping_zones?shop=${shopifyStoreDomain}`, {\n          credentials: 'include',\n          headers: {\n            'current-language': locale,\n          },\n        })\n        const res: any = await response.json()\n\n        // \u56FD\u5BB6\u8FC7\u6EE4\n        let shipsToCountries: ShippingCountry[] = []\n        const countrySet = new Set()\n        const shippingZones = res?.data?.data || res?.data || []\n        shippingZones.forEach((shippingZoneItem: ShippingZone) => {\n          shippingZoneItem.countries.forEach(shippingZoneCountryItem => {\n            if (!countrySet.has(shippingZoneCountryItem.code)) {\n              countrySet.add(shippingZoneCountryItem.code)\n              shipsToCountries.push(shippingZoneCountryItem)\n            }\n          })\n        })\n\n        // \u5B57\u6BCD\u987A\u5E8F\u6392\u5E8F\n        shipsToCountries = shipsToCountries.sort((a, b) => {\n          return a.code.localeCompare(b.code)\n        })\n\n        console.log('fetch shipsToCountries', shipsToCountries)\n        setCountries(shipsToCountries)\n      } catch (e) {\n        setCountries([])\n        console.error(e)\n      } finally {\n        setLoading(false)\n      }\n    }\n\n    fetchCountries()\n  }, [locale])\n\n  return {\n    isLoading,\n    countries,\n  }\n}\n\nexport default useShippingCountries\n"],
-  "mappings": "AAAA,OAAS,aAAAA,EAAW,YAAAC,MAAgB,QAEpC,OAAS,sBAAAC,MAA0B,kBAGnC,SAASC,EAAqB,CAAE,mBAAAC,CAAmB,EAAmC,CACpF,KAAM,CAAE,OAAAC,EAAS,EAAG,EAAIH,EAAmB,EAErC,CAACI,EAAWC,CAAU,EAAIN,EAAS,EAAK,EACxC,CAACO,EAAWC,CAAY,EAAIR,EAA4B,CAAC,CAAC,EAEhE,OAAAD,EAAU,IAAM,EACS,SAAY,CACjCO,EAAW,EAAI,EACf,GAAI,CAOF,MAAMG,EAAW,MANA,MAAM,MAAM,4DAA4DN,CAAkB,GAAI,CAC7G,YAAa,UACb,QAAS,CACP,mBAAoBC,CACtB,CACF,CAAC,GAC+B,KAAK,EAGrC,IAAIM,EAAsC,CAAC,EAC3C,MAAMC,EAAa,IAAI,KACDF,GAAK,MAAM,MAAQA,GAAK,MAAQ,CAAC,GACzC,QAASG,GAAmC,CACxDA,EAAiB,UAAU,QAAQC,GAA2B,CACvDF,EAAW,IAAIE,EAAwB,IAAI,IAC9CF,EAAW,IAAIE,EAAwB,IAAI,EAC3CH,EAAiB,KAAKG,CAAuB,EAEjD,CAAC,CACH,CAAC,EAGDH,EAAmBA,EAAiB,KAAK,CAACI,EAAGC,IACpCD,EAAE,KAAK,cAAcC,EAAE,IAAI,CACnC,EAED,QAAQ,IAAI,yBAA0BL,CAAgB,EACtDF,EAAaE,CAAgB,CAC/B,OAASM,EAAG,CACVR,EAAa,CAAC,CAAC,EACf,QAAQ,MAAMQ,CAAC,CACjB,QAAE,CACAV,EAAW,EAAK,CAClB,CACF,GAEe,CACjB,EAAG,CAACF,CAAM,CAAC,EAEJ,CACL,UAAAC,EACA,UAAAE,CACF,CACF,CAEA,IAAOU,EAAQf",
-  "names": ["useEffect", "useState", "useHeadlessContext", "useShippingCountries", "shopifyStoreDomain", "locale", "isLoading", "setLoading", "countries", "setCountries", "res", "shipsToCountries", "countrySet", "shippingZoneItem", "shippingZoneCountryItem", "a", "b", "e", "useShippingCountries_default"]
+  "sourcesContent": ["import { useEffect, useState } from 'react'\n\nimport { useHeadlessContext } from '../../../../lib'\nimport { type ShippingCountry, type ShippingZone } from '../../type'\n\nfunction useShippingCountries({\n  shopifyStoreDomain,\n  apiBaseUrl,\n}: {\n  shopifyStoreDomain: string\n  apiBaseUrl?: string\n}) {\n  const { locale = '' } = useHeadlessContext()\n\n  const [isLoading, setLoading] = useState(false)\n  const [countries, setCountries] = useState<ShippingCountry[]>([])\n\n  useEffect(() => {\n    const fetchCountries = async () => {\n      setLoading(true)\n      try {\n        const response = await fetch(\n          `${apiBaseUrl || ''}/api/multipass/rainbowbridge/uc/shop/shipping_zones?shop=${shopifyStoreDomain}`,\n          {\n            credentials: 'include',\n            headers: {\n              'current-language': locale,\n            },\n          }\n        )\n        const res: any = await response.json()\n\n        // \u56FD\u5BB6\u8FC7\u6EE4\n        let shipsToCountries: ShippingCountry[] = []\n        const countrySet = new Set()\n        const shippingZones = res?.data?.data || res?.data || []\n        shippingZones.forEach((shippingZoneItem: ShippingZone) => {\n          shippingZoneItem.countries.forEach(shippingZoneCountryItem => {\n            if (!countrySet.has(shippingZoneCountryItem.code)) {\n              countrySet.add(shippingZoneCountryItem.code)\n              shipsToCountries.push(shippingZoneCountryItem)\n            }\n          })\n        })\n\n        // \u5B57\u6BCD\u987A\u5E8F\u6392\u5E8F\n        shipsToCountries = shipsToCountries.sort((a, b) => {\n          return a.code.localeCompare(b.code)\n        })\n\n        console.log('fetch shipsToCountries', shipsToCountries)\n        setCountries(shipsToCountries)\n      } catch (e) {\n        setCountries([])\n        console.error(e)\n      } finally {\n        setLoading(false)\n      }\n    }\n\n    fetchCountries()\n  }, [locale, apiBaseUrl, shopifyStoreDomain])\n\n  return {\n    isLoading,\n    countries,\n  }\n}\n\nexport default useShippingCountries\n"],
+  "mappings": "AAAA,OAAS,aAAAA,EAAW,YAAAC,MAAgB,QAEpC,OAAS,sBAAAC,MAA0B,kBAGnC,SAASC,EAAqB,CAC5B,mBAAAC,EACA,WAAAC,CACF,EAGG,CACD,KAAM,CAAE,OAAAC,EAAS,EAAG,EAAIJ,EAAmB,EAErC,CAACK,EAAWC,CAAU,EAAIP,EAAS,EAAK,EACxC,CAACQ,EAAWC,CAAY,EAAIT,EAA4B,CAAC,CAAC,EAEhE,OAAAD,EAAU,IAAM,EACS,SAAY,CACjCQ,EAAW,EAAI,EACf,GAAI,CAUF,MAAMG,EAAW,MATA,MAAM,MACrB,GAAGN,GAAc,EAAE,4DAA4DD,CAAkB,GACjG,CACE,YAAa,UACb,QAAS,CACP,mBAAoBE,CACtB,CACF,CACF,GACgC,KAAK,EAGrC,IAAIM,EAAsC,CAAC,EAC3C,MAAMC,EAAa,IAAI,KACDF,GAAK,MAAM,MAAQA,GAAK,MAAQ,CAAC,GACzC,QAASG,GAAmC,CACxDA,EAAiB,UAAU,QAAQC,GAA2B,CACvDF,EAAW,IAAIE,EAAwB,IAAI,IAC9CF,EAAW,IAAIE,EAAwB,IAAI,EAC3CH,EAAiB,KAAKG,CAAuB,EAEjD,CAAC,CACH,CAAC,EAGDH,EAAmBA,EAAiB,KAAK,CAACI,EAAGC,IACpCD,EAAE,KAAK,cAAcC,EAAE,IAAI,CACnC,EAED,QAAQ,IAAI,yBAA0BL,CAAgB,EACtDF,EAAaE,CAAgB,CAC/B,OAASM,EAAG,CACVR,EAAa,CAAC,CAAC,EACf,QAAQ,MAAMQ,CAAC,CACjB,QAAE,CACAV,EAAW,EAAK,CAClB,CACF,GAEe,CACjB,EAAG,CAACF,EAAQD,EAAYD,CAAkB,CAAC,EAEpC,CACL,UAAAG,EACA,UAAAE,CACF,CACF,CAEA,IAAOU,EAAQhB",
+  "names": ["useEffect", "useState", "useHeadlessContext", "useShippingCountries", "shopifyStoreDomain", "apiBaseUrl", "locale", "isLoading", "setLoading", "countries", "setCountries", "res", "shipsToCountries", "countrySet", "shippingZoneItem", "shippingZoneCountryItem", "a", "b", "e", "useShippingCountries_default"]
 }

package/dist/esm/components/credits/context/hooks/useUploadReceipt.js

@@ -1,2 +1,2 @@
-import i from"swr/mutation";import{useHeadlessContext as d}from"../../../../lib";import{useCreditsContext as s}from"../provider";const c=t=>t&&(typeof t.data=="object"&&!Array.isArray(t.data)&&"data"in t.data?t.data:t),f=()=>{const{locale:t}=d(),{apiBaseUrl:r}=s(),o=async(u,{arg:{orderName:a}})=>{const n=await(await fetch(`${r||""}/api/multipass/mktsrv/v1/credit/upload_third_party_order`,{credentials:"include",method:"POST",headers:{"Content-Type":"application/json","current-language":t},body:JSON.stringify({order_name:a})})).json(),e=c(n);return{ok:e?.code===0,code:e?.code??-1}};return i(`${r||""}/api/multipass/mktsrv/v1/credit/upload_third_party_order`,o)};export{f as useUploadReceipt};
+import i from"swr/mutation";import{useHeadlessContext as s}from"../../../../lib";import{useCreditsContext as d}from"../provider";const c=e=>e&&(e.data?e.data:e),_=()=>{const{locale:e}=s(),{apiBaseUrl:t}=d(),o=async(u,{arg:{orderName:a}})=>{const n=await(await fetch(`${t||""}/api/multipass/mktsrv/v1/credit/upload_third_party_order`,{credentials:"include",method:"POST",headers:{"Content-Type":"application/json","current-language":e},body:JSON.stringify({order_name:a})})).json(),r=c(n);return{ok:r?.code===0,code:r?.code??-1}};return i(`${t||""}/api/multipass/mktsrv/v1/credit/upload_third_party_order`,o)};export{_ as useUploadReceipt};
 //# sourceMappingURL=useUploadReceipt.js.map

package/dist/esm/components/credits/context/hooks/useUploadReceipt.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/components/credits/context/hooks/useUploadReceipt.tsx"],
-  "sourcesContent": ["import useSWRMutation from 'swr/mutation'\nimport { useHeadlessContext } from '../../../../lib'\nimport { useCreditsContext } from '../provider'\n\nconst normalizeResponseData = (responseData: any) => {\n  if (!responseData) return responseData\n\n  if (typeof responseData.data === 'object' && !Array.isArray(responseData.data) && 'data' in responseData.data) {\n    return responseData.data\n  }\n\n  // \u4E00\u5C42\u7ED3\u6784\uFF0C\u76F4\u63A5\u8FD4\u56DE\n  return responseData\n}\n\nexport const useUploadReceipt = () => {\n  const { locale } = useHeadlessContext()\n  const { apiBaseUrl } = useCreditsContext()\n\n  const uploadReceipt = async (\n    _: any,\n    { arg: { orderName } }: { arg: { orderName: string } }\n  ): Promise<{\n    ok: boolean\n    code: number\n  }> => {\n    const response = await fetch(`${apiBaseUrl || ''}/api/multipass/mktsrv/v1/credit/upload_third_party_order`, {\n      credentials: 'include',\n      method: 'POST',\n      headers: {\n        'Content-Type': 'application/json',\n        'current-language': locale,\n      },\n      body: JSON.stringify({\n        order_name: orderName,\n      }),\n    })\n    const result = await response.json()\n    const normalizedData = normalizeResponseData(result)\n    return {\n      ok: normalizedData?.code === 0,\n      code: normalizedData?.code ?? -1,\n    }\n  }\n\n  return useSWRMutation(`${apiBaseUrl || ''}/api/multipass/mktsrv/v1/credit/upload_third_party_order`, uploadReceipt)\n}\n"],
-  "mappings": "AAAA,OAAOA,MAAoB,eAC3B,OAAS,sBAAAC,MAA0B,kBACnC,OAAS,qBAAAC,MAAyB,cAElC,MAAMC,EAAyBC,GACxBA,IAED,OAAOA,EAAa,MAAS,UAAY,CAAC,MAAM,QAAQA,EAAa,IAAI,GAAK,SAAUA,EAAa,KAChGA,EAAa,KAIfA,GAGIC,EAAmB,IAAM,CACpC,KAAM,CAAE,OAAAC,CAAO,EAAIL,EAAmB,EAChC,CAAE,WAAAM,CAAW,EAAIL,EAAkB,EAEnCM,EAAgB,MACpBC,EACA,CAAE,IAAK,CAAE,UAAAC,CAAU,CAAE,IAIjB,CAYJ,MAAMC,EAAS,MAXE,MAAM,MAAM,GAAGJ,GAAc,EAAE,2DAA4D,CAC1G,YAAa,UACb,OAAQ,OACR,QAAS,CACP,eAAgB,mBAChB,mBAAoBD,CACtB,EACA,KAAM,KAAK,UAAU,CACnB,WAAYI,CACd,CAAC,CACH,CAAC,GAC6B,KAAK,EAC7BE,EAAiBT,EAAsBQ,CAAM,EACnD,MAAO,CACL,GAAIC,GAAgB,OAAS,EAC7B,KAAMA,GAAgB,MAAQ,EAChC,CACF,EAEA,OAAOZ,EAAe,GAAGO,GAAc,EAAE,2DAA4DC,CAAa,CACpH",
+  "sourcesContent": ["import useSWRMutation from 'swr/mutation'\nimport { useHeadlessContext } from '../../../../lib'\nimport { useCreditsContext } from '../provider'\n\nconst normalizeResponseData = (responseData: any) => {\n  if (!responseData) return responseData\n\n  // \u517C\u5BB9\u90E8\u5206\u4ED3\u5E93\u7684\u4EE3\u7801\u4F1A\u5BF9\u8FD4\u56DE\u8FDB\u884C\u5C01\u88C5\n  if (responseData.data) {\n    return responseData.data\n  }\n  return responseData\n}\n\nexport const useUploadReceipt = () => {\n  const { locale } = useHeadlessContext()\n  const { apiBaseUrl } = useCreditsContext()\n\n  const uploadReceipt = async (\n    _: any,\n    { arg: { orderName } }: { arg: { orderName: string } }\n  ): Promise<{\n    ok: boolean\n    code: number\n  }> => {\n    const response = await fetch(`${apiBaseUrl || ''}/api/multipass/mktsrv/v1/credit/upload_third_party_order`, {\n      credentials: 'include',\n      method: 'POST',\n      headers: {\n        'Content-Type': 'application/json',\n        'current-language': locale,\n      },\n      body: JSON.stringify({\n        order_name: orderName,\n      }),\n    })\n    const result = await response.json()\n    const normalizedData = normalizeResponseData(result)\n    return {\n      ok: normalizedData?.code === 0,\n      code: normalizedData?.code ?? -1,\n    }\n  }\n\n  return useSWRMutation(`${apiBaseUrl || ''}/api/multipass/mktsrv/v1/credit/upload_third_party_order`, uploadReceipt)\n}\n"],
+  "mappings": "AAAA,OAAOA,MAAoB,eAC3B,OAAS,sBAAAC,MAA0B,kBACnC,OAAS,qBAAAC,MAAyB,cAElC,MAAMC,EAAyBC,GACxBA,IAGDA,EAAa,KACRA,EAAa,KAEfA,GAGIC,EAAmB,IAAM,CACpC,KAAM,CAAE,OAAAC,CAAO,EAAIL,EAAmB,EAChC,CAAE,WAAAM,CAAW,EAAIL,EAAkB,EAEnCM,EAAgB,MACpBC,EACA,CAAE,IAAK,CAAE,UAAAC,CAAU,CAAE,IAIjB,CAYJ,MAAMC,EAAS,MAXE,MAAM,MAAM,GAAGJ,GAAc,EAAE,2DAA4D,CAC1G,YAAa,UACb,OAAQ,OACR,QAAS,CACP,eAAgB,mBAChB,mBAAoBD,CACtB,EACA,KAAM,KAAK,UAAU,CACnB,WAAYI,CACd,CAAC,CACH,CAAC,GAC6B,KAAK,EAC7BE,EAAiBT,EAAsBQ,CAAM,EACnD,MAAO,CACL,GAAIC,GAAgB,OAAS,EAC7B,KAAMA,GAAgB,MAAQ,EAChC,CACF,EAEA,OAAOZ,EAAe,GAAGO,GAAc,EAAE,2DAA4DC,CAAa,CACpH",
   "names": ["useSWRMutation", "useHeadlessContext", "useCreditsContext", "normalizeResponseData", "responseData", "useUploadReceipt", "locale", "apiBaseUrl", "uploadReceipt", "_", "orderName", "result", "normalizedData"]
 }

package/dist/esm/components/credits/creditsRedeemList/RedeemProductModal/Address.js

@@ -1,2 +1,2 @@
-import{jsx as e,jsxs as t}from"react/jsx-runtime";import{Button as N,Text as r}from"@anker-in/headless-ui";import m from"classnames";import{AddressForm as R}from"../AddressForm";import{useHeadlessContext as h}from"../../../../lib";import{ProductInfo as A}from"./ProductInfo";import F from"../../context/hooks/useShippingCountries";import{ROUNDED_BRANDS as C}from"../../../../constants";const L=({copy:o,shippingAddress:d,setAddress:a,validateAddress:i,validateErrors:n,shippingProduct:s,loading:p,address:l,disabled:x,handlePayment:c,item:u})=>{const{storeDomain:f,brand:v}=h(),b=C.includes(v),{countries:g=[],isLoading:y}=F({shopifyStoreDomain:f});return t("div",{className:"relative",children:[e("div",{className:m("max-h-[500px] overflow-y-auto px-[48px] pb-[24px] md:max-h-[400px] md:px-[16px]"),children:t("div",{children:[d&&e(r,{className:"mb-5 text-[16px] font-bold",html:d}),o?.product?.addressForm&&e(R,{onChange:a,validate:i,errors:n,form:o.product.addressForm,countries:g,countriesLoading:y})]})}),t("div",{className:"sticky bottom-0 flex flex-col items-center justify-center bg-white px-[48px] py-[24px] l:px-[16px]",children:[t("div",{className:m("flex w-full items-center bg-[#F5F5F7] p-[16px]",!b&&"rounded-none"),children:[s&&e(r,{className:"mb-5 text-[16px] font-bold",html:s}),e(A,{item:u,copy:o})]}),e(N,{loading:p||!l,variant:"primary",className:"mx-auto mt-[16px] w-[444px] md:mt-[12px] md:w-full",onClick:c,disabled:x,children:o.product.paymentButton})]})]})};export{L as Address};
+import{jsx as e,jsxs as t}from"react/jsx-runtime";import{Button as R,Text as r}from"@anker-in/headless-ui";import m from"classnames";import{useCreditsContext as h}from"../../context/provider";import{AddressForm as A}from"../AddressForm";import{useHeadlessContext as C}from"../../../../lib";import{ProductInfo as F}from"./ProductInfo";import w from"../../context/hooks/useShippingCountries";import{ROUNDED_BRANDS as B}from"../../../../constants";const M=({copy:o,shippingAddress:s,setAddress:a,validateAddress:i,validateErrors:n,shippingProduct:d,loading:p,address:l,disabled:x,handlePayment:c,item:u})=>{const{storeDomain:f,brand:v}=C(),{apiBaseUrl:b}=h(),g=B.includes(v),{countries:y=[],isLoading:N}=w({shopifyStoreDomain:f,apiBaseUrl:b});return t("div",{className:"relative",children:[e("div",{className:m("max-h-[500px] overflow-y-auto px-[48px] pb-[24px] md:max-h-[400px] md:px-[16px]"),children:t("div",{children:[s&&e(r,{className:"mb-5 text-[16px] font-bold",html:s}),o?.product?.addressForm&&e(A,{onChange:a,validate:i,errors:n,form:o.product.addressForm,countries:y,countriesLoading:N})]})}),t("div",{className:"sticky bottom-0 flex flex-col items-center justify-center bg-white px-[48px] py-[24px] l:px-[16px]",children:[t("div",{className:m("flex w-full items-center bg-[#F5F5F7] p-[16px]",!g&&"rounded-none"),children:[d&&e(r,{className:"mb-5 text-[16px] font-bold",html:d}),e(F,{item:u,copy:o})]}),e(R,{loading:p||!l,variant:"primary",className:"mx-auto mt-[16px] w-[444px] md:mt-[12px] md:w-full",onClick:c,disabled:x,children:o.product.paymentButton})]})]})};export{M as Address};
 //# sourceMappingURL=Address.js.map

package/dist/esm/components/credits/creditsRedeemList/RedeemProductModal/Address.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/components/credits/creditsRedeemList/RedeemProductModal/Address.tsx"],
-  "sourcesContent": ["import { Button, Text } from '@anker-in/headless-ui'\nimport classNames from 'classnames'\nimport { AddressForm } from '../AddressForm'\nimport { useHeadlessContext } from '../../../../lib'\nimport type { RedeemableItem as RedeemableItemType, RedeemModalCommon } from '../../type'\nimport { ProductInfo } from './ProductInfo'\nimport useShippingCountries from '../../context/hooks/useShippingCountries'\nimport { ROUNDED_BRANDS } from '../../../../constants'\n\ntype AddressProps = {\n  copy: RedeemModalCommon\n  shippingAddress: string\n  setAddress: (address: Record<string, any>) => void\n  validateAddress: (address: Record<string, any>) => boolean\n  validateErrors: { key: string; message: string }[]\n  item: RedeemableItemType\n  loading: boolean\n  address: Record<string, any> | undefined\n  disabled: boolean\n  handlePayment: () => void\n  shippingProduct: string\n}\n\nexport const Address = ({\n  copy,\n  shippingAddress,\n  setAddress,\n  validateAddress,\n  validateErrors,\n  shippingProduct,\n  loading,\n  address,\n  disabled,\n  handlePayment,\n  item,\n}: AddressProps) => {\n  const { storeDomain, brand } = useHeadlessContext()\n  const rounded = ROUNDED_BRANDS.includes(brand)\n  const { countries = [], isLoading: countriesLoading } = useShippingCountries({ shopifyStoreDomain: storeDomain })\n\n  return (\n    <div className=\"relative\">\n      <div className={classNames('max-h-[500px] overflow-y-auto px-[48px] pb-[24px] md:max-h-[400px] md:px-[16px]')}>\n        <div>\n          {shippingAddress && <Text className=\"mb-5 text-[16px] font-bold\" html={shippingAddress}></Text>}\n          {copy?.product?.addressForm && (\n            <AddressForm\n              onChange={setAddress}\n              validate={validateAddress}\n              errors={validateErrors}\n              form={copy.product.addressForm}\n              countries={countries}\n              countriesLoading={countriesLoading}\n            ></AddressForm>\n          )}\n        </div>\n      </div>\n      <div className=\"sticky bottom-0 flex flex-col items-center justify-center bg-white px-[48px] py-[24px] l:px-[16px]\">\n        <div className={classNames('flex w-full items-center bg-[#F5F5F7] p-[16px]', !rounded && 'rounded-none')}>\n          {shippingProduct && <Text className=\"mb-5 text-[16px] font-bold\" html={shippingProduct}></Text>}\n          <ProductInfo item={item} copy={copy} />\n        </div>\n        <Button\n          loading={loading || !address}\n          variant=\"primary\"\n          className=\"mx-auto mt-[16px] w-[444px] md:mt-[12px] md:w-full\"\n          onClick={handlePayment}\n          disabled={disabled}\n        >\n          {copy.product.paymentButton}\n        </Button>\n      </div>\n    </div>\n  )\n}\n"],
-  "mappings": "AA2CQ,OACsB,OAAAA,EADtB,QAAAC,MAAA,oBA3CR,OAAS,UAAAC,EAAQ,QAAAC,MAAY,wBAC7B,OAAOC,MAAgB,aACvB,OAAS,eAAAC,MAAmB,iBAC5B,OAAS,sBAAAC,MAA0B,kBAEnC,OAAS,eAAAC,MAAmB,gBAC5B,OAAOC,MAA0B,2CACjC,OAAS,kBAAAC,MAAsB,wBAgBxB,MAAMC,EAAU,CAAC,CACtB,KAAAC,EACA,gBAAAC,EACA,WAAAC,EACA,gBAAAC,EACA,eAAAC,EACA,gBAAAC,EACA,QAAAC,EACA,QAAAC,EACA,SAAAC,EACA,cAAAC,EACA,KAAAC,CACF,IAAoB,CAClB,KAAM,CAAE,YAAAC,EAAa,MAAAC,CAAM,EAAIjB,EAAmB,EAC5CkB,EAAUf,EAAe,SAASc,CAAK,EACvC,CAAE,UAAAE,EAAY,CAAC,EAAG,UAAWC,CAAiB,EAAIlB,EAAqB,CAAE,mBAAoBc,CAAY,CAAC,EAEhH,OACErB,EAAC,OAAI,UAAU,WACb,UAAAD,EAAC,OAAI,UAAWI,EAAW,iFAAiF,EAC1G,SAAAH,EAAC,OACE,UAAAW,GAAmBZ,EAACG,EAAA,CAAK,UAAU,6BAA6B,KAAMS,EAAiB,EACvFD,GAAM,SAAS,aACdX,EAACK,EAAA,CACC,SAAUQ,EACV,SAAUC,EACV,OAAQC,EACR,KAAMJ,EAAK,QAAQ,YACnB,UAAWc,EACX,iBAAkBC,EACnB,GAEL,EACF,EACAzB,EAAC,OAAI,UAAU,qGACb,UAAAA,EAAC,OAAI,UAAWG,EAAW,iDAAkD,CAACoB,GAAW,cAAc,EACpG,UAAAR,GAAmBhB,EAACG,EAAA,CAAK,UAAU,6BAA6B,KAAMa,EAAiB,EACxFhB,EAACO,EAAA,CAAY,KAAMc,EAAM,KAAMV,EAAM,GACvC,EACAX,EAACE,EAAA,CACC,QAASe,GAAW,CAACC,EACrB,QAAQ,UACR,UAAU,qDACV,QAASE,EACT,SAAUD,EAET,SAAAR,EAAK,QAAQ,cAChB,GACF,GACF,CAEJ",
-  "names": ["jsx", "jsxs", "Button", "Text", "classNames", "AddressForm", "useHeadlessContext", "ProductInfo", "useShippingCountries", "ROUNDED_BRANDS", "Address", "copy", "shippingAddress", "setAddress", "validateAddress", "validateErrors", "shippingProduct", "loading", "address", "disabled", "handlePayment", "item", "storeDomain", "brand", "rounded", "countries", "countriesLoading"]
+  "sourcesContent": ["import { Button, Text } from '@anker-in/headless-ui'\nimport classNames from 'classnames'\nimport { useCreditsContext } from '../../context/provider'\nimport { AddressForm } from '../AddressForm'\nimport { useHeadlessContext } from '../../../../lib'\nimport type { RedeemableItem as RedeemableItemType, RedeemModalCommon } from '../../type'\nimport { ProductInfo } from './ProductInfo'\nimport useShippingCountries from '../../context/hooks/useShippingCountries'\nimport { ROUNDED_BRANDS } from '../../../../constants'\n\ntype AddressProps = {\n  copy: RedeemModalCommon\n  shippingAddress: string\n  setAddress: (address: Record<string, any>) => void\n  validateAddress: (address: Record<string, any>) => boolean\n  validateErrors: { key: string; message: string }[]\n  item: RedeemableItemType\n  loading: boolean\n  address: Record<string, any> | undefined\n  disabled: boolean\n  handlePayment: () => void\n  shippingProduct: string\n}\n\nexport const Address = ({\n  copy,\n  shippingAddress,\n  setAddress,\n  validateAddress,\n  validateErrors,\n  shippingProduct,\n  loading,\n  address,\n  disabled,\n  handlePayment,\n  item,\n}: AddressProps) => {\n  const { storeDomain, brand } = useHeadlessContext()\n  const { apiBaseUrl } = useCreditsContext()\n  const rounded = ROUNDED_BRANDS.includes(brand)\n  const { countries = [], isLoading: countriesLoading } = useShippingCountries({ shopifyStoreDomain: storeDomain, apiBaseUrl })\n\n  return (\n    <div className=\"relative\">\n      <div className={classNames('max-h-[500px] overflow-y-auto px-[48px] pb-[24px] md:max-h-[400px] md:px-[16px]')}>\n        <div>\n          {shippingAddress && <Text className=\"mb-5 text-[16px] font-bold\" html={shippingAddress}></Text>}\n          {copy?.product?.addressForm && (\n            <AddressForm\n              onChange={setAddress}\n              validate={validateAddress}\n              errors={validateErrors}\n              form={copy.product.addressForm}\n              countries={countries}\n              countriesLoading={countriesLoading}\n            ></AddressForm>\n          )}\n        </div>\n      </div>\n      <div className=\"sticky bottom-0 flex flex-col items-center justify-center bg-white px-[48px] py-[24px] l:px-[16px]\">\n        <div className={classNames('flex w-full items-center bg-[#F5F5F7] p-[16px]', !rounded && 'rounded-none')}>\n          {shippingProduct && <Text className=\"mb-5 text-[16px] font-bold\" html={shippingProduct}></Text>}\n          <ProductInfo item={item} copy={copy} />\n        </div>\n        <Button\n          loading={loading || !address}\n          variant=\"primary\"\n          className=\"mx-auto mt-[16px] w-[444px] md:mt-[12px] md:w-full\"\n          onClick={handlePayment}\n          disabled={disabled}\n        >\n          {copy.product.paymentButton}\n        </Button>\n      </div>\n    </div>\n  )\n}\n"],
+  "mappings": "AA6CQ,OACsB,OAAAA,EADtB,QAAAC,MAAA,oBA7CR,OAAS,UAAAC,EAAQ,QAAAC,MAAY,wBAC7B,OAAOC,MAAgB,aACvB,OAAS,qBAAAC,MAAyB,yBAClC,OAAS,eAAAC,MAAmB,iBAC5B,OAAS,sBAAAC,MAA0B,kBAEnC,OAAS,eAAAC,MAAmB,gBAC5B,OAAOC,MAA0B,2CACjC,OAAS,kBAAAC,MAAsB,wBAgBxB,MAAMC,EAAU,CAAC,CACtB,KAAAC,EACA,gBAAAC,EACA,WAAAC,EACA,gBAAAC,EACA,eAAAC,EACA,gBAAAC,EACA,QAAAC,EACA,QAAAC,EACA,SAAAC,EACA,cAAAC,EACA,KAAAC,CACF,IAAoB,CAClB,KAAM,CAAE,YAAAC,EAAa,MAAAC,CAAM,EAAIjB,EAAmB,EAC5C,CAAE,WAAAkB,CAAW,EAAIpB,EAAkB,EACnCqB,EAAUhB,EAAe,SAASc,CAAK,EACvC,CAAE,UAAAG,EAAY,CAAC,EAAG,UAAWC,CAAiB,EAAInB,EAAqB,CAAE,mBAAoBc,EAAa,WAAAE,CAAW,CAAC,EAE5H,OACExB,EAAC,OAAI,UAAU,WACb,UAAAD,EAAC,OAAI,UAAWI,EAAW,iFAAiF,EAC1G,SAAAH,EAAC,OACE,UAAAY,GAAmBb,EAACG,EAAA,CAAK,UAAU,6BAA6B,KAAMU,EAAiB,EACvFD,GAAM,SAAS,aACdZ,EAACM,EAAA,CACC,SAAUQ,EACV,SAAUC,EACV,OAAQC,EACR,KAAMJ,EAAK,QAAQ,YACnB,UAAWe,EACX,iBAAkBC,EACnB,GAEL,EACF,EACA3B,EAAC,OAAI,UAAU,qGACb,UAAAA,EAAC,OAAI,UAAWG,EAAW,iDAAkD,CAACsB,GAAW,cAAc,EACpG,UAAAT,GAAmBjB,EAACG,EAAA,CAAK,UAAU,6BAA6B,KAAMc,EAAiB,EACxFjB,EAACQ,EAAA,CAAY,KAAMc,EAAM,KAAMV,EAAM,GACvC,EACAZ,EAACE,EAAA,CACC,QAASgB,GAAW,CAACC,EACrB,QAAQ,UACR,UAAU,qDACV,QAASE,EACT,SAAUD,EAET,SAAAR,EAAK,QAAQ,cAChB,GACF,GACF,CAEJ",
+  "names": ["jsx", "jsxs", "Button", "Text", "classNames", "useCreditsContext", "AddressForm", "useHeadlessContext", "ProductInfo", "useShippingCountries", "ROUNDED_BRANDS", "Address", "copy", "shippingAddress", "setAddress", "validateAddress", "validateErrors", "shippingProduct", "loading", "address", "disabled", "handlePayment", "item", "storeDomain", "brand", "apiBaseUrl", "rounded", "countries", "countriesLoading"]
 }

package/dist/esm/components/credits/creditsRedeemList/RedeemProductModal/index.js

@@ -1,2 +1,2 @@
-import{jsx as u,jsxs as W}from"react/jsx-runtime";import A from"classnames";import{useCallback as q,useEffect as w,useMemo as F,useState as m}from"react";import{useCreditsContext as K}from"../../context/provider";import _ from"../../context/hooks/useShippingCountries";import{AlpcErrorCode as l}from"../../context/const";import{useAddressValidate as k}from"../../context/hooks/useAddressValidate";import{useRedeemProduct as T}from"../../context/hooks/useRedeemProduct";import{CreditsModalContainer as B}from"../../modal/ModalContainer";import{useHeadlessContext as G}from"../../../../lib";import{Error as H}from"./Error";import{Success as J}from"./Success";import{Address as V}from"./Address";import{Init as z}from"./Init";function Q({item:s,copy:e,onError:h,...E}){const{fetchCreditInfo:I,profile:v,pageCommon:N}=K(),{storeDomain:S}=G(),{shippingAddress:x,shippingProduct:b}=e.product,[t,d]=m("init"),[i,M]=m(),[U,a]=m({code:0,message:"",imageUrl:""}),[c,n]=m(!1),{countries:P=[],isLoading:X}=_({shopifyStoreDomain:S}),{isMutating:f,trigger:R}=T({onSuccess(r){if(!r){d("error"),a({code:0,imageUrl:e.errorImageUrl||"",message:e.commonError||""});return}if(r?.code===0)I(v?.user_id),d("success");else{let o,C;r.code===l.CodeLpcShopifyCouponRuleRedeemLimit?(o=e.redeemLimitError,n(!0)):r.code===l.CodeLpcRuleInventoryNotEnough?(o=e.inventoryNotEnough,n(!0),C=e.inventoryNotEnough):r.code===l.CodeLpcNotEnoughCredits?(o=e.creditsNotEnough,n(!0),I(v?.user_id)):r.code===l.CodeCrossSiteError&&(o=e.crossSiteError,n(!0)),d("error"),a({code:r.code,imageUrl:C||e.errorImageUrl||"",message:o||e.commonError||""}),h&&h(r.code)}},onError(r){d("error"),a({code:0,imageUrl:e.errorImageUrl||"",message:e.commonError||""})}}),p=F(()=>e?.product.form?.flat().find(o=>o.type==="state")?.key,[e?.product.form]),{validate:g,errors:y}=k({address:i,validatorInfo:N?.validatorInfo,formData:e?.product.form?.flat()||[],errorLabel:{require:e.product.required,email:e.product.invalidEmail}}),L=q(async()=>{const r=[];if(p&&((P.find(O=>O.code===i.country)?.provinces||[]).length||r.push(p)),g({force:!0,ignoreKeys:r}))return;let o={...i};o.name&&delete o.name,o.country==="UK"&&(o.country="GB"),R({address:btoa(JSON.stringify(o)),rule_id:Number(s.alpc?.id)})},[s,R,p,g,i,P]);return w(()=>()=>{n(!1),a({code:0,message:"",imageUrl:""}),d("init"),M(void 0)},[]),W(B,{...E,isOpen:!!s,className:A("w-[540px] md:h-auto min-md:max-h-[calc(100vh-40px)]",t!=="init"&&"w-[740px] md:w-full"),scrollClassName:"mb-0 min-l:px-0 md:mb-0 px-0",titleClassName:A("h-[56px]",t==="init"&&"bg-[#F5F5F7]"),title:t==="address"?"Order Confirmation":"",children:[t==="error"&&u(H,{errorInfo:U}),t==="success"&&u(J,{copy:e,shippingProduct:b,loading:f,address:i,disabled:c,onClose:E.onClose,item:s}),t==="address"&&u(V,{copy:e,shippingAddress:x,setAddress:M,validateAddress:g,validateErrors:y,shippingProduct:b,loading:f,address:i,disabled:c,handlePayment:L,item:s}),t==="init"&&u(z,{item:s,copy:e,loading:f,disabled:c,setStatus:d})]})}var ae=Q;export{ae as default};
+import{jsx as u,jsxs as X}from"react/jsx-runtime";import A from"classnames";import{useCallback as w,useEffect as F,useMemo as K,useState as m}from"react";import{useCreditsContext as _}from"../../context/provider";import k from"../../context/hooks/useShippingCountries";import{AlpcErrorCode as l}from"../../context/const";import{useAddressValidate as B}from"../../context/hooks/useAddressValidate";import{useRedeemProduct as T}from"../../context/hooks/useRedeemProduct";import{CreditsModalContainer as G}from"../../modal/ModalContainer";import{useHeadlessContext as H}from"../../../../lib";import{Error as J}from"./Error";import{Success as V}from"./Success";import{Address as z}from"./Address";import{Init as Q}from"./Init";function W({item:s,copy:e,onError:h,...E}){const{fetchCreditInfo:I,profile:v,pageCommon:N,apiBaseUrl:S}=_(),{storeDomain:U}=H(),{shippingAddress:x,shippingProduct:b}=e.product,[t,d]=m("init"),[i,M]=m(),[y,a]=m({code:0,message:"",imageUrl:""}),[c,n]=m(!1),{countries:P=[],isLoading:Y}=k({shopifyStoreDomain:U,apiBaseUrl:S}),{isMutating:f,trigger:R}=T({onSuccess(r){if(!r){d("error"),a({code:0,imageUrl:e.errorImageUrl||"",message:e.commonError||""});return}if(r?.code===0)I(v?.user_id),d("success");else{let o,C;r.code===l.CodeLpcShopifyCouponRuleRedeemLimit?(o=e.redeemLimitError,n(!0)):r.code===l.CodeLpcRuleInventoryNotEnough?(o=e.inventoryNotEnough,n(!0),C=e.inventoryNotEnough):r.code===l.CodeLpcNotEnoughCredits?(o=e.creditsNotEnough,n(!0),I(v?.user_id)):r.code===l.CodeCrossSiteError&&(o=e.crossSiteError,n(!0)),d("error"),a({code:r.code,imageUrl:C||e.errorImageUrl||"",message:o||e.commonError||""}),h&&h(r.code)}},onError(r){d("error"),a({code:0,imageUrl:e.errorImageUrl||"",message:e.commonError||""})}}),p=K(()=>e?.product.form?.flat().find(o=>o.type==="state")?.key,[e?.product.form]),{validate:g,errors:L}=B({address:i,validatorInfo:N?.validatorInfo,formData:e?.product.form?.flat()||[],errorLabel:{require:e.product.required,email:e.product.invalidEmail}}),O=w(async()=>{const r=[];if(p&&((P.find(q=>q.code===i.country)?.provinces||[]).length||r.push(p)),g({force:!0,ignoreKeys:r}))return;let o={...i};o.name&&delete o.name,o.country==="UK"&&(o.country="GB"),R({address:btoa(JSON.stringify(o)),rule_id:Number(s.alpc?.id)})},[s,R,p,g,i,P]);return F(()=>()=>{n(!1),a({code:0,message:"",imageUrl:""}),d("init"),M(void 0)},[]),X(G,{...E,isOpen:!!s,className:A("w-[540px] md:h-auto min-md:max-h-[calc(100vh-40px)]",t!=="init"&&"w-[740px] md:w-full"),scrollClassName:"mb-0 min-l:px-0 md:mb-0 px-0",titleClassName:A("h-[56px]",t==="init"&&"bg-[#F5F5F7]"),title:t==="address"?"Order Confirmation":"",children:[t==="error"&&u(J,{errorInfo:y}),t==="success"&&u(V,{copy:e,shippingProduct:b,loading:f,address:i,disabled:c,onClose:E.onClose,item:s}),t==="address"&&u(z,{copy:e,shippingAddress:x,setAddress:M,validateAddress:g,validateErrors:L,shippingProduct:b,loading:f,address:i,disabled:c,handlePayment:O,item:s}),t==="init"&&u(Q,{item:s,copy:e,loading:f,disabled:c,setStatus:d})]})}var me=W;export{me as default};
 //# sourceMappingURL=index.js.map

package/dist/esm/components/credits/creditsRedeemList/RedeemProductModal/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/components/credits/creditsRedeemList/RedeemProductModal/index.tsx"],
-  "sourcesContent": ["import classNames from 'classnames'\nimport { useCallback, useEffect, useMemo, useState } from 'react'\nimport { useCreditsContext } from '../../context/provider'\nimport useShippingCountries from '../../context/hooks/useShippingCountries'\nimport { AlpcErrorCode } from '../../context/const'\nimport { useAddressValidate } from '../../context/hooks/useAddressValidate'\nimport { useRedeemProduct } from '../../context/hooks/useRedeemProduct'\nimport type { ModalContainerProps } from '../../modal/ModalContainer'\nimport { CreditsModalContainer } from '../../modal/ModalContainer'\nimport type { RedeemableItem as RedeemableItemType, RedeemModalCommon } from '../../type'\nimport { useHeadlessContext } from '../../../../lib'\nimport { Error } from './Error'\nimport { Success } from './Success'\nimport { Address } from './Address'\nimport { Init } from './Init'\n\ntype RedeemProductModalProps = Omit<ModalContainerProps, 'isOpen'> & {\n  item: RedeemableItemType\n  copy: RedeemModalCommon\n  onError: (code: AlpcErrorCode) => void\n}\n\nfunction RedeemProductModal({ item, copy, onError, ...props }: RedeemProductModalProps) {\n  const { fetchCreditInfo, profile, pageCommon } = useCreditsContext()\n  const { storeDomain } = useHeadlessContext()\n\n  const { shippingAddress, shippingProduct } = copy.product\n\n  const [status, setStatus] = useState<'init' | 'address' | 'success' | 'error'>('init')\n  const [address, setAddress] = useState<any>()\n  const [errorInfo, setErrorInfo] = useState({\n    code: 0,\n    message: '',\n    imageUrl: '',\n  })\n  const [disabled, setDisabled] = useState(false)\n\n  const { countries = [], isLoading: countriesLoading } = useShippingCountries({ shopifyStoreDomain: storeDomain })\n\n  const { isMutating: loading, trigger } = useRedeemProduct({\n    onSuccess(responseData) {\n      if (!responseData) {\n        setStatus('error')\n        setErrorInfo({\n          code: 0,\n          imageUrl: copy.errorImageUrl || '',\n          message: copy.commonError || '',\n        })\n        return\n      }\n\n      if (responseData?.code === 0) {\n        fetchCreditInfo(profile?.user_id)\n        setStatus('success')\n      } else {\n        let errorMsg\n        let errorImage\n        if (responseData.code === AlpcErrorCode.CodeLpcShopifyCouponRuleRedeemLimit) {\n          errorMsg = copy.redeemLimitError\n          setDisabled(true)\n        } else if (responseData.code === AlpcErrorCode.CodeLpcRuleInventoryNotEnough) {\n          errorMsg = copy.inventoryNotEnough\n          setDisabled(true)\n          errorImage = copy.inventoryNotEnough\n        } else if (responseData.code === AlpcErrorCode.CodeLpcNotEnoughCredits) {\n          errorMsg = copy.creditsNotEnough\n          setDisabled(true)\n          fetchCreditInfo(profile?.user_id)\n        } else if (responseData.code === AlpcErrorCode.CodeCrossSiteError) {\n          errorMsg = copy.crossSiteError\n          setDisabled(true)\n        }\n\n        setStatus('error')\n        setErrorInfo({\n          code: responseData.code,\n          imageUrl: errorImage || copy.errorImageUrl || '',\n          message: errorMsg || copy.commonError || '',\n        })\n        onError && onError(responseData.code)\n      }\n    },\n    onError(error) {\n      setStatus('error')\n      setErrorInfo({\n        code: 0,\n        imageUrl: copy.errorImageUrl || '',\n        message: copy.commonError || '',\n      })\n    },\n  })\n\n  const stateInputKey = useMemo(() => {\n    const stateInput = copy?.product.form?.flat().find(item => item.type === 'state')\n    return stateInput?.key\n  }, [copy?.product.form])\n\n  const { validate: validateAddress, errors: validateErrors } = useAddressValidate({\n    address: address,\n    validatorInfo: pageCommon?.validatorInfo,\n    formData: copy?.product.form?.flat() || [],\n    errorLabel: {\n      require: copy.product.required,\n      email: copy.product.invalidEmail,\n    },\n  })\n\n  const handlePayment = useCallback(async () => {\n    const ignoreKeys: string[] = []\n\n    if (stateInputKey) {\n      const provinces = countries.find(item => item.code === address.country)?.provinces || []\n\n      if (!provinces.length) {\n        ignoreKeys.push(stateInputKey as never)\n      }\n    }\n\n    if (\n      validateAddress({\n        force: true,\n        ignoreKeys,\n      })\n    ) {\n      // \u5730\u5740\u6821\u9A8C\u9519\u8BEF\n      return\n    }\n    let requestAddress = { ...address }\n    if (requestAddress.name) {\n      delete requestAddress.name\n    }\n    if (requestAddress.country === 'UK') {\n      requestAddress.country = 'GB'\n    }\n    trigger({\n      address: btoa(JSON.stringify(requestAddress)),\n      rule_id: Number(item.alpc?.id),\n    })\n  }, [item, trigger, stateInputKey, validateAddress, address, countries])\n\n  useEffect(() => {\n    return () => {\n      setDisabled(false)\n      setErrorInfo({ code: 0, message: '', imageUrl: '' })\n      setStatus('init')\n      setAddress(undefined)\n    }\n  }, [])\n\n  return (\n    <CreditsModalContainer\n      {...props}\n      isOpen={!!item}\n      className={classNames(\n        'w-[540px] md:h-auto min-md:max-h-[calc(100vh-40px)]',\n        status !== 'init' && 'w-[740px] md:w-full'\n      )}\n      scrollClassName=\"mb-0 min-l:px-0 md:mb-0 px-0\"\n      titleClassName={classNames('h-[56px]', status === 'init' && 'bg-[#F5F5F7]')}\n      title={status === 'address' ? 'Order Confirmation' : ''}\n    >\n      {status === 'error' && <Error errorInfo={errorInfo} />}\n      {status === 'success' && (\n        <Success\n          copy={copy}\n          shippingProduct={shippingProduct}\n          loading={loading}\n          address={address}\n          disabled={disabled}\n          onClose={props.onClose}\n          item={item}\n        />\n      )}\n      {status === 'address' && (\n        <Address\n          copy={copy}\n          shippingAddress={shippingAddress}\n          setAddress={setAddress}\n          validateAddress={validateAddress}\n          validateErrors={validateErrors}\n          shippingProduct={shippingProduct}\n          loading={loading}\n          address={address}\n          disabled={disabled}\n          handlePayment={handlePayment}\n          item={item}\n        />\n      )}\n      {status === 'init' && (\n        <Init item={item} copy={copy} loading={loading} disabled={disabled} setStatus={setStatus} />\n      )}\n    </CreditsModalContainer>\n  )\n}\n\nexport default RedeemProductModal\n"],
-  "mappings": "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",
-  "names": ["jsx", "jsxs", "classNames", "useCallback", "useEffect", "useMemo", "useState", "useCreditsContext", "useShippingCountries", "AlpcErrorCode", "useAddressValidate", "useRedeemProduct", "CreditsModalContainer", "useHeadlessContext", "Error", "Success", "Address", "Init", "RedeemProductModal", "item", "copy", "onError", "props", "fetchCreditInfo", "profile", "pageCommon", "storeDomain", "shippingAddress", "shippingProduct", "status", "setStatus", "address", "setAddress", "errorInfo", "setErrorInfo", "disabled", "setDisabled", "countries", "countriesLoading", "loading", "trigger", "responseData", "errorMsg", "errorImage", "error", "stateInputKey", "validateAddress", "validateErrors", "handlePayment", "ignoreKeys", "requestAddress", "RedeemProductModal_default"]
+  "sourcesContent": ["import classNames from 'classnames'\nimport { useCallback, useEffect, useMemo, useState } from 'react'\nimport { useCreditsContext } from '../../context/provider'\nimport useShippingCountries from '../../context/hooks/useShippingCountries'\nimport { AlpcErrorCode } from '../../context/const'\nimport { useAddressValidate } from '../../context/hooks/useAddressValidate'\nimport { useRedeemProduct } from '../../context/hooks/useRedeemProduct'\nimport type { ModalContainerProps } from '../../modal/ModalContainer'\nimport { CreditsModalContainer } from '../../modal/ModalContainer'\nimport type { RedeemableItem as RedeemableItemType, RedeemModalCommon } from '../../type'\nimport { useHeadlessContext } from '../../../../lib'\nimport { Error } from './Error'\nimport { Success } from './Success'\nimport { Address } from './Address'\nimport { Init } from './Init'\n\ntype RedeemProductModalProps = Omit<ModalContainerProps, 'isOpen'> & {\n  item: RedeemableItemType\n  copy: RedeemModalCommon\n  onError: (code: AlpcErrorCode) => void\n}\n\nfunction RedeemProductModal({ item, copy, onError, ...props }: RedeemProductModalProps) {\n  const { fetchCreditInfo, profile, pageCommon, apiBaseUrl } = useCreditsContext()\n  const { storeDomain } = useHeadlessContext()\n\n  const { shippingAddress, shippingProduct } = copy.product\n\n  const [status, setStatus] = useState<'init' | 'address' | 'success' | 'error'>('init')\n  const [address, setAddress] = useState<any>()\n  const [errorInfo, setErrorInfo] = useState({\n    code: 0,\n    message: '',\n    imageUrl: '',\n  })\n  const [disabled, setDisabled] = useState(false)\n\n  const { countries = [], isLoading: countriesLoading } = useShippingCountries({ shopifyStoreDomain: storeDomain, apiBaseUrl })\n\n  const { isMutating: loading, trigger } = useRedeemProduct({\n    onSuccess(responseData) {\n      if (!responseData) {\n        setStatus('error')\n        setErrorInfo({\n          code: 0,\n          imageUrl: copy.errorImageUrl || '',\n          message: copy.commonError || '',\n        })\n        return\n      }\n\n      if (responseData?.code === 0) {\n        fetchCreditInfo(profile?.user_id)\n        setStatus('success')\n      } else {\n        let errorMsg\n        let errorImage\n        if (responseData.code === AlpcErrorCode.CodeLpcShopifyCouponRuleRedeemLimit) {\n          errorMsg = copy.redeemLimitError\n          setDisabled(true)\n        } else if (responseData.code === AlpcErrorCode.CodeLpcRuleInventoryNotEnough) {\n          errorMsg = copy.inventoryNotEnough\n          setDisabled(true)\n          errorImage = copy.inventoryNotEnough\n        } else if (responseData.code === AlpcErrorCode.CodeLpcNotEnoughCredits) {\n          errorMsg = copy.creditsNotEnough\n          setDisabled(true)\n          fetchCreditInfo(profile?.user_id)\n        } else if (responseData.code === AlpcErrorCode.CodeCrossSiteError) {\n          errorMsg = copy.crossSiteError\n          setDisabled(true)\n        }\n\n        setStatus('error')\n        setErrorInfo({\n          code: responseData.code,\n          imageUrl: errorImage || copy.errorImageUrl || '',\n          message: errorMsg || copy.commonError || '',\n        })\n        onError && onError(responseData.code)\n      }\n    },\n    onError(error) {\n      setStatus('error')\n      setErrorInfo({\n        code: 0,\n        imageUrl: copy.errorImageUrl || '',\n        message: copy.commonError || '',\n      })\n    },\n  })\n\n  const stateInputKey = useMemo(() => {\n    const stateInput = copy?.product.form?.flat().find(item => item.type === 'state')\n    return stateInput?.key\n  }, [copy?.product.form])\n\n  const { validate: validateAddress, errors: validateErrors } = useAddressValidate({\n    address: address,\n    validatorInfo: pageCommon?.validatorInfo,\n    formData: copy?.product.form?.flat() || [],\n    errorLabel: {\n      require: copy.product.required,\n      email: copy.product.invalidEmail,\n    },\n  })\n\n  const handlePayment = useCallback(async () => {\n    const ignoreKeys: string[] = []\n\n    if (stateInputKey) {\n      const provinces = countries.find(item => item.code === address.country)?.provinces || []\n\n      if (!provinces.length) {\n        ignoreKeys.push(stateInputKey as never)\n      }\n    }\n\n    if (\n      validateAddress({\n        force: true,\n        ignoreKeys,\n      })\n    ) {\n      // \u5730\u5740\u6821\u9A8C\u9519\u8BEF\n      return\n    }\n    let requestAddress = { ...address }\n    if (requestAddress.name) {\n      delete requestAddress.name\n    }\n    if (requestAddress.country === 'UK') {\n      requestAddress.country = 'GB'\n    }\n    trigger({\n      address: btoa(JSON.stringify(requestAddress)),\n      rule_id: Number(item.alpc?.id),\n    })\n  }, [item, trigger, stateInputKey, validateAddress, address, countries])\n\n  useEffect(() => {\n    return () => {\n      setDisabled(false)\n      setErrorInfo({ code: 0, message: '', imageUrl: '' })\n      setStatus('init')\n      setAddress(undefined)\n    }\n  }, [])\n\n  return (\n    <CreditsModalContainer\n      {...props}\n      isOpen={!!item}\n      className={classNames(\n        'w-[540px] md:h-auto min-md:max-h-[calc(100vh-40px)]',\n        status !== 'init' && 'w-[740px] md:w-full'\n      )}\n      scrollClassName=\"mb-0 min-l:px-0 md:mb-0 px-0\"\n      titleClassName={classNames('h-[56px]', status === 'init' && 'bg-[#F5F5F7]')}\n      title={status === 'address' ? 'Order Confirmation' : ''}\n    >\n      {status === 'error' && <Error errorInfo={errorInfo} />}\n      {status === 'success' && (\n        <Success\n          copy={copy}\n          shippingProduct={shippingProduct}\n          loading={loading}\n          address={address}\n          disabled={disabled}\n          onClose={props.onClose}\n          item={item}\n        />\n      )}\n      {status === 'address' && (\n        <Address\n          copy={copy}\n          shippingAddress={shippingAddress}\n          setAddress={setAddress}\n          validateAddress={validateAddress}\n          validateErrors={validateErrors}\n          shippingProduct={shippingProduct}\n          loading={loading}\n          address={address}\n          disabled={disabled}\n          handlePayment={handlePayment}\n          item={item}\n        />\n      )}\n      {status === 'init' && (\n        <Init item={item} copy={copy} loading={loading} disabled={disabled} setStatus={setStatus} />\n      )}\n    </CreditsModalContainer>\n  )\n}\n\nexport default RedeemProductModal\n"],
+  "mappings": "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",
+  "names": ["jsx", "jsxs", "classNames", "useCallback", "useEffect", "useMemo", "useState", "useCreditsContext", "useShippingCountries", "AlpcErrorCode", "useAddressValidate", "useRedeemProduct", "CreditsModalContainer", "useHeadlessContext", "Error", "Success", "Address", "Init", "RedeemProductModal", "item", "copy", "onError", "props", "fetchCreditInfo", "profile", "pageCommon", "apiBaseUrl", "storeDomain", "shippingAddress", "shippingProduct", "status", "setStatus", "address", "setAddress", "errorInfo", "setErrorInfo", "disabled", "setDisabled", "countries", "countriesLoading", "loading", "trigger", "responseData", "errorMsg", "errorImage", "error", "stateInputKey", "validateAddress", "validateErrors", "handlePayment", "ignoreKeys", "requestAddress", "RedeemProductModal_default"]
 }

package/dist/esm/components/memberPopup/context/provider.js

@@ -1,2 +1,2 @@
-import{jsx as s}from"react/jsx-runtime";import{createContext as d,useContext as f,useState as o}from"react";import{HeadlessProvider as C}from"../../../lib";import{RegistrationProvider as m}from"../../registration";const r=d({profile:null,isLoadingProfile:!1,creditInfo:void 0,fetchCreditInfo:()=>{},openSignUpPopup:()=>{},openSignInPopup:()=>{},taskIdToTypeMapping:{},alpcConfig:{brand:"",locale:"",appName:""},isSubscribeSuccess:!1,setIsSubscribeSuccess:()=>{},isActivateSuccess:!1,setIsActivateSuccess:()=>{},isProfileCompleteSuccess:!1,setIsProfileCompleteSuccess:()=>{}});function x({children:e,headlessConfig:i,earnCreditsCopy:p,...t}){const[n,u]=o(!1),[c,a]=o(!1),[l,P]=o(!1);return s(C,{headlessConfig:i,children:s(m,{email:t.profile?.email,copy:{authCodeActivate:p?.authCodeActivate},children:s(r.Provider,{value:{...t,isSubscribeSuccess:n,setIsSubscribeSuccess:u,isActivateSuccess:c,setIsActivateSuccess:a,isProfileCompleteSuccess:l,setIsProfileCompleteSuccess:P},children:e})})})}function I(){const e=f(r);if(!e)throw new Error("useMemberPopupContext must be used within a MemberPopupProvider");return e}export{r as MemberPopupContext,x as MemberPopupProvider,I as useMemberPopupContext};
+import{jsx as r}from"react/jsx-runtime";import{createContext as d,useContext as f,useState as s}from"react";import{HeadlessProvider as C}from"../../../lib";import{RegistrationProvider as m}from"../../registration";const t=d({profile:null,isLoadingProfile:!1,creditInfo:void 0,fetchCreditInfo:()=>{},openSignUpPopup:()=>{},openSignInPopup:()=>{},taskIdToTypeMapping:{},alpcConfig:{brand:"",locale:"",appName:""},isSubscribeSuccess:!1,setIsSubscribeSuccess:()=>{},isActivateSuccess:!1,setIsActivateSuccess:()=>{},isProfileCompleteSuccess:!1,setIsProfileCompleteSuccess:()=>{}});function g({children:e,headlessConfig:i,earnCreditsCopy:p,...o}){const[n,a]=s(!1),[c,u]=s(!1),[l,P]=s(!1);return r(C,{headlessConfig:i,children:r(m,{email:o.profile?.email,copy:{authCodeActivate:p?.authCodeActivate},apiBaseUrl:o.alpcConfig?.apiBaseUrl,children:r(t.Provider,{value:{...o,isSubscribeSuccess:n,setIsSubscribeSuccess:a,isActivateSuccess:c,setIsActivateSuccess:u,isProfileCompleteSuccess:l,setIsProfileCompleteSuccess:P},children:e})})})}function I(){const e=f(t);if(!e)throw new Error("useMemberPopupContext must be used within a MemberPopupProvider");return e}export{t as MemberPopupContext,g as MemberPopupProvider,I as useMemberPopupContext};
 //# sourceMappingURL=provider.js.map

package/dist/esm/components/memberPopup/context/provider.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/components/memberPopup/context/provider.tsx"],
-  "sourcesContent": ["import { createContext, PropsWithChildren, useContext, useState } from 'react'\nimport { HeadlessProvider, type HeadlessConfig } from '../../../lib'\nimport { RegistrationProvider } from '../../registration'\nimport type { EarnCreditsCopy, MemberPopupContextValue, MemberPopupInternalContextValue } from '../type'\n\nexport const MemberPopupContext = createContext<MemberPopupInternalContextValue>({\n  profile: null,\n  isLoadingProfile: false,\n  creditInfo: undefined,\n  fetchCreditInfo: () => {},\n  openSignUpPopup: () => {},\n  openSignInPopup: () => {},\n  taskIdToTypeMapping: {},\n  alpcConfig: {\n    brand: '',\n    locale: '',\n    appName: '',\n  },\n  isSubscribeSuccess: false,\n  setIsSubscribeSuccess: () => {},\n  isActivateSuccess: false,\n  setIsActivateSuccess: () => {},\n  isProfileCompleteSuccess: false,\n  setIsProfileCompleteSuccess: () => {},\n})\n\ntype MemberPopupProviderProps = MemberPopupContextValue & {\n  headlessConfig: HeadlessConfig\n  earnCreditsCopy?: EarnCreditsCopy\n}\n\nexport function MemberPopupProvider({\n  children,\n  headlessConfig,\n  earnCreditsCopy,\n  ...contextValue\n}: PropsWithChildren<MemberPopupProviderProps>) {\n  const [isSubscribeSuccess, setIsSubscribeSuccess] = useState(false)\n  const [isActivateSuccess, setIsActivateSuccess] = useState(false)\n  const [isProfileCompleteSuccess, setIsProfileCompleteSuccess] = useState(false)\n\n  return (\n    <HeadlessProvider headlessConfig={headlessConfig}>\n      <RegistrationProvider\n        email={contextValue.profile?.email}\n        copy={{ authCodeActivate: earnCreditsCopy?.authCodeActivate }}\n      >\n        <MemberPopupContext.Provider\n          value={{\n            ...contextValue,\n            isSubscribeSuccess,\n            setIsSubscribeSuccess,\n            isActivateSuccess,\n            setIsActivateSuccess,\n            isProfileCompleteSuccess,\n            setIsProfileCompleteSuccess,\n          }}\n        >\n          {children}\n        </MemberPopupContext.Provider>\n      </RegistrationProvider>\n    </HeadlessProvider>\n  )\n}\n\nexport function useMemberPopupContext() {\n  const context = useContext(MemberPopupContext)\n  if (!context) {\n    throw new Error('useMemberPopupContext must be used within a MemberPopupProvider')\n  }\n  return context\n}\n"],
-  "mappings": "AA+CQ,cAAAA,MAAA,oBA/CR,OAAS,iBAAAC,EAAkC,cAAAC,EAAY,YAAAC,MAAgB,QACvE,OAAS,oBAAAC,MAA6C,eACtD,OAAS,wBAAAC,MAA4B,qBAG9B,MAAMC,EAAqBL,EAA+C,CAC/E,QAAS,KACT,iBAAkB,GAClB,WAAY,OACZ,gBAAiB,IAAM,CAAC,EACxB,gBAAiB,IAAM,CAAC,EACxB,gBAAiB,IAAM,CAAC,EACxB,oBAAqB,CAAC,EACtB,WAAY,CACV,MAAO,GACP,OAAQ,GACR,QAAS,EACX,EACA,mBAAoB,GACpB,sBAAuB,IAAM,CAAC,EAC9B,kBAAmB,GACnB,qBAAsB,IAAM,CAAC,EAC7B,yBAA0B,GAC1B,4BAA6B,IAAM,CAAC,CACtC,CAAC,EAOM,SAASM,EAAoB,CAClC,SAAAC,EACA,eAAAC,EACA,gBAAAC,EACA,GAAGC,CACL,EAAgD,CAC9C,KAAM,CAACC,EAAoBC,CAAqB,EAAIV,EAAS,EAAK,EAC5D,CAACW,EAAmBC,CAAoB,EAAIZ,EAAS,EAAK,EAC1D,CAACa,EAA0BC,CAA2B,EAAId,EAAS,EAAK,EAE9E,OACEH,EAACI,EAAA,CAAiB,eAAgBK,EAChC,SAAAT,EAACK,EAAA,CACC,MAAOM,EAAa,SAAS,MAC7B,KAAM,CAAE,iBAAkBD,GAAiB,gBAAiB,EAE5D,SAAAV,EAACM,EAAmB,SAAnB,CACC,MAAO,CACL,GAAGK,EACH,mBAAAC,EACA,sBAAAC,EACA,kBAAAC,EACA,qBAAAC,EACA,yBAAAC,EACA,4BAAAC,CACF,EAEC,SAAAT,EACH,EACF,EACF,CAEJ,CAEO,SAASU,GAAwB,CACtC,MAAMC,EAAUjB,EAAWI,CAAkB,EAC7C,GAAI,CAACa,EACH,MAAM,IAAI,MAAM,iEAAiE,EAEnF,OAAOA,CACT",
+  "sourcesContent": ["import { createContext, PropsWithChildren, useContext, useState } from 'react'\nimport { HeadlessProvider, type HeadlessConfig } from '../../../lib'\nimport { RegistrationProvider } from '../../registration'\nimport type { EarnCreditsCopy, MemberPopupContextValue, MemberPopupInternalContextValue } from '../type'\n\nexport const MemberPopupContext = createContext<MemberPopupInternalContextValue>({\n  profile: null,\n  isLoadingProfile: false,\n  creditInfo: undefined,\n  fetchCreditInfo: () => {},\n  openSignUpPopup: () => {},\n  openSignInPopup: () => {},\n  taskIdToTypeMapping: {},\n  alpcConfig: {\n    brand: '',\n    locale: '',\n    appName: '',\n  },\n  isSubscribeSuccess: false,\n  setIsSubscribeSuccess: () => {},\n  isActivateSuccess: false,\n  setIsActivateSuccess: () => {},\n  isProfileCompleteSuccess: false,\n  setIsProfileCompleteSuccess: () => {},\n})\n\ntype MemberPopupProviderProps = MemberPopupContextValue & {\n  headlessConfig: HeadlessConfig\n  earnCreditsCopy?: EarnCreditsCopy\n}\n\nexport function MemberPopupProvider({\n  children,\n  headlessConfig,\n  earnCreditsCopy,\n  ...contextValue\n}: PropsWithChildren<MemberPopupProviderProps>) {\n  const [isSubscribeSuccess, setIsSubscribeSuccess] = useState(false)\n  const [isActivateSuccess, setIsActivateSuccess] = useState(false)\n  const [isProfileCompleteSuccess, setIsProfileCompleteSuccess] = useState(false)\n\n  return (\n    <HeadlessProvider headlessConfig={headlessConfig}>\n      <RegistrationProvider\n        email={contextValue.profile?.email}\n        copy={{ authCodeActivate: earnCreditsCopy?.authCodeActivate }}\n        apiBaseUrl={contextValue.alpcConfig?.apiBaseUrl}\n      >\n        <MemberPopupContext.Provider\n          value={{\n            ...contextValue,\n            isSubscribeSuccess,\n            setIsSubscribeSuccess,\n            isActivateSuccess,\n            setIsActivateSuccess,\n            isProfileCompleteSuccess,\n            setIsProfileCompleteSuccess,\n          }}\n        >\n          {children}\n        </MemberPopupContext.Provider>\n      </RegistrationProvider>\n    </HeadlessProvider>\n  )\n}\n\nexport function useMemberPopupContext() {\n  const context = useContext(MemberPopupContext)\n  if (!context) {\n    throw new Error('useMemberPopupContext must be used within a MemberPopupProvider')\n  }\n  return context\n}\n"],
+  "mappings": "AAgDQ,cAAAA,MAAA,oBAhDR,OAAS,iBAAAC,EAAkC,cAAAC,EAAY,YAAAC,MAAgB,QACvE,OAAS,oBAAAC,MAA6C,eACtD,OAAS,wBAAAC,MAA4B,qBAG9B,MAAMC,EAAqBL,EAA+C,CAC/E,QAAS,KACT,iBAAkB,GAClB,WAAY,OACZ,gBAAiB,IAAM,CAAC,EACxB,gBAAiB,IAAM,CAAC,EACxB,gBAAiB,IAAM,CAAC,EACxB,oBAAqB,CAAC,EACtB,WAAY,CACV,MAAO,GACP,OAAQ,GACR,QAAS,EACX,EACA,mBAAoB,GACpB,sBAAuB,IAAM,CAAC,EAC9B,kBAAmB,GACnB,qBAAsB,IAAM,CAAC,EAC7B,yBAA0B,GAC1B,4BAA6B,IAAM,CAAC,CACtC,CAAC,EAOM,SAASM,EAAoB,CAClC,SAAAC,EACA,eAAAC,EACA,gBAAAC,EACA,GAAGC,CACL,EAAgD,CAC9C,KAAM,CAACC,EAAoBC,CAAqB,EAAIV,EAAS,EAAK,EAC5D,CAACW,EAAmBC,CAAoB,EAAIZ,EAAS,EAAK,EAC1D,CAACa,EAA0BC,CAA2B,EAAId,EAAS,EAAK,EAE9E,OACEH,EAACI,EAAA,CAAiB,eAAgBK,EAChC,SAAAT,EAACK,EAAA,CACC,MAAOM,EAAa,SAAS,MAC7B,KAAM,CAAE,iBAAkBD,GAAiB,gBAAiB,EAC5D,WAAYC,EAAa,YAAY,WAErC,SAAAX,EAACM,EAAmB,SAAnB,CACC,MAAO,CACL,GAAGK,EACH,mBAAAC,EACA,sBAAAC,EACA,kBAAAC,EACA,qBAAAC,EACA,yBAAAC,EACA,4BAAAC,CACF,EAEC,SAAAT,EACH,EACF,EACF,CAEJ,CAEO,SAASU,GAAwB,CACtC,MAAMC,EAAUjB,EAAWI,CAAkB,EAC7C,GAAI,CAACa,EACH,MAAM,IAAI,MAAM,iEAAiE,EAEnF,OAAOA,CACT",
   "names": ["jsx", "createContext", "useContext", "useState", "HeadlessProvider", "RegistrationProvider", "MemberPopupContext", "MemberPopupProvider", "children", "headlessConfig", "earnCreditsCopy", "contextValue", "isSubscribeSuccess", "setIsSubscribeSuccess", "isActivateSuccess", "setIsActivateSuccess", "isProfileCompleteSuccess", "setIsProfileCompleteSuccess", "useMemberPopupContext", "context"]
 }

package/dist/esm/components/memberPopup/panels/ActivitiesSubscribePanel.js

@@ -1,2 +1,2 @@
-import{jsx as t,jsxs as c}from"react/jsx-runtime";import{useCallback as y,useEffect as A,useState as i}from"react";import{Button as U,Checkbox as B,Picture as D,Text as o}from"@anker-in/headless-ui";import{gaTrack as R,classNames as C,useHeadlessContext as E}from"../../../lib";import d from"js-cookie";import{parse as F}from"query-string";import{emailValidate as H}from"../../credits/context/utils";import{useMemberPopupContext as I}from"../context/provider";import{ROUNDED_BRANDS as O}from"../../../constants";function j(){if(typeof window>"u")return{register_source:""};const{search:e,href:a}=window.location,n=F(e);return{fbuy_ref_code:d.get("fbuy_ref_code"),ref:d.get("ref_ads"),inviter_code:n.ic??n.inviter_code??d.get("inviter_code"),register_source:n.redirect??d.get("reg_source")??a}}async function q(e){if(typeof window>"u"||!window?.grecaptcha?.execute||!e)return"";try{return await window.grecaptcha.execute(e,{action:"activity"})}catch{return""}}function z({copy:e,email:a}){const{alpcConfig:n,setIsSubscribeSuccess:f,pageHandle:p}=I(),{locale:b}=n,{brand:N,storeDomain:x,recaptchaSitekey:M}=E(),g=O.includes(N),[u,S]=i(e.policyDefaultChecked??!1),[l,h]=i(a??""),[_,s]=i(""),[k,v]=i(""),[L,w]=i(!1);A(()=>{a&&h(a)},[a]);const T=y(async()=>{if(s(""),!l)return s("Please fill in your email");if(!H(l))return s("Invalid email address");if(!u)return s("Please agree to the policy");w(!0);const{register_source:r}=j(),P=await q(M||"");try{const m=await(await fetch("/api/multipass/rainbowbridge/activities",{method:"POST",credentials:"include",headers:{"Content-Type":"application/json","current-language":b,"X-Recaptcha-Token":P},body:JSON.stringify({email:l,register_source:r,shopify_domain:x,single_brand_subscribe:e.single_brand_subscribe??!0,genre:e.genre??e.dealsType??"",sub_brand_type:e.sub_brand_type??""})})).json();m?.data?.is_new_subscribe?m?.data?.errors?s(m?.data?.errors??"Error occurred"):(v(e.successTips??"Subscribed successfully!"),f(!0),R({event:"ga4Event",event_name:"subscribe",event_parameters:{page_group:e.dealsType??e.genre??"",position:"sticky",info:"Member Floating Window"}})):v(e.subscribedLabel??"You've already subscribed!")}catch{s("Network error")}finally{w(!1)}},[l,u,b,x,e,f]);return c("div",{className:"flex flex-col",children:[t(o,{className:"text-[22px] font-bold leading-[1.2]",html:e.title}),e.desc&&t(o,{className:"text-[16px] mt-[16px] font-bold text-[#1E2024]",html:e.desc}),t("input",{className:C("h-[46px] w-full border mt-[8px] px-[14px] text-[16px] outline-none placeholder:text-[#999]",g?"rounded-[4px]":"rounded-none"),placeholder:e.placeholder,value:l,onChange:r=>{s(""),h(r.target.value.trim())}}),c("div",{className:"flex w-full mt-[8px] items-start gap-[8px]",children:[t(B,{checked:u,onCheckedChange:()=>S(r=>!r),className:"border-[#1d1d1f] mt-[2px]"}),t("label",{className:"text-left text-[14px] font-bold text-[#4A4C56] [&_a]:underline",dangerouslySetInnerHTML:{__html:e.policy??""}})]}),t(U,{className:"w-full mt-[16px]",size:"base",loading:L,onClick:T,children:e.buttonLabel??"Subscribe"}),_&&t("div",{className:"text-left mt-[4px] text-[16px] font-semibold text-[#f84d4f]",children:t(o,{html:_})}),t("div",{className:"text-left mt-[4px] text-[16px] font-semibold text-[#52c41a]",children:t(o,{html:k})}),e.promo&&c("div",{className:"flex mt-[32px] flex-col text-left",children:[c("div",{className:"flex flex-col",children:[e.promo?.title&&t(o,{className:"text-[18px] font-bold leading-[1.2]",html:e.promo.title}),e.promo.description&&t(o,{className:"text-[14px] text-[#080A0F] mt-[8px] font-bold",html:e.promo.description}),e.promo.learnMoreLabel&&e.promo.learnMoreUrl&&c("a",{href:(()=>{try{if(!p)return e.promo.learnMoreUrl;const r=new URL(e.promo.learnMoreUrl,window.location.href);return r.searchParams.set("ref",`${p}_subscribe`),r.toString()}catch{return e.promo.learnMoreUrl}})(),target:"_blank",rel:"noopener noreferrer",className:"flex mt-[8px] items-center gap-[4px] text-[14px] font-bold",children:[e.promo.learnMoreLabel,t("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",children:t("path",{d:"M5.52827 3.52876C5.78862 3.26841 6.21063 3.26841 6.47098 3.52876L10.471 7.52876C10.7313 7.78911 10.7313 8.21112 10.471 8.47147L6.47098 12.4715C6.21063 12.7318 5.78862 12.7318 5.52827 12.4715C5.26792 12.2111 5.26792 11.7891 5.52827 11.5288L9.05692 8.00011L5.52827 4.47147C5.26792 4.21112 5.26792 3.78911 5.52827 3.52876Z",fill:"#080A0F"})})]})]}),e.promo.image?.url&&t(D,{source:e.promo.image.url,alt:e.promo.image.alt??"",className:C("h-[100px] mt-[8px] w-full object-cover",g?"rounded-[8px]":"rounded-none")})]})]})}export{z as default};
+import{jsx as t,jsxs as c}from"react/jsx-runtime";import{useCallback as U,useEffect as A,useState as i}from"react";import{Button as B,Checkbox as D,Picture as R,Text as o}from"@anker-in/headless-ui";import{gaTrack as E,classNames as N,useHeadlessContext as F}from"../../../lib";import d from"js-cookie";import{parse as H}from"query-string";import{emailValidate as I}from"../../credits/context/utils";import{useMemberPopupContext as O}from"../context/provider";import{ROUNDED_BRANDS as j}from"../../../constants";function $(){if(typeof window>"u")return{register_source:""};const{search:e,href:a}=window.location,n=H(e);return{fbuy_ref_code:d.get("fbuy_ref_code"),ref:d.get("ref_ads"),inviter_code:n.ic??n.inviter_code??d.get("inviter_code"),register_source:n.redirect??d.get("reg_source")??a}}async function q(e){if(typeof window>"u"||!window?.grecaptcha?.execute||!e)return"";try{return await window.grecaptcha.execute(e,{action:"activity"})}catch{return""}}function z({copy:e,email:a}){const{alpcConfig:n,setIsSubscribeSuccess:f,pageHandle:p}=O(),{locale:b,apiBaseUrl:x}=n,{brand:M,storeDomain:g,recaptchaSitekey:S}=F(),h=j.includes(M),[u,k]=i(e.policyDefaultChecked??!1),[l,_]=i(a??""),[v,s]=i(""),[L,w]=i(""),[T,C]=i(!1);A(()=>{a&&_(a)},[a]);const P=U(async()=>{if(s(""),!l)return s("Please fill in your email");if(!I(l))return s("Invalid email address");if(!u)return s("Please agree to the policy");C(!0);const{register_source:r}=$(),y=await q(S||"");try{const m=await(await fetch(`${x||""}/api/multipass/rainbowbridge/activities`,{method:"POST",credentials:"include",headers:{"Content-Type":"application/json","current-language":b,"X-Recaptcha-Token":y},body:JSON.stringify({email:l,register_source:r,shopify_domain:g,single_brand_subscribe:e.single_brand_subscribe??!0,genre:e.genre??e.dealsType??"",sub_brand_type:e.sub_brand_type??""})})).json();m?.data?.is_new_subscribe?m?.data?.errors?s(m?.data?.errors??"Error occurred"):(w(e.successTips??"Subscribed successfully!"),f(!0),E({event:"ga4Event",event_name:"subscribe",event_parameters:{page_group:e.dealsType??e.genre??"",position:"sticky",info:"Member Floating Window"}})):w(e.subscribedLabel??"You've already subscribed!")}catch{s("Network error")}finally{C(!1)}},[l,u,b,g,e,f,x]);return c("div",{className:"flex flex-col",children:[t(o,{className:"text-[22px] font-bold leading-[1.2]",html:e.title}),e.desc&&t(o,{className:"text-[16px] mt-[16px] font-bold text-[#1E2024]",html:e.desc}),t("input",{className:N("h-[46px] w-full border mt-[8px] px-[14px] text-[16px] outline-none placeholder:text-[#999]",h?"rounded-[4px]":"rounded-none"),placeholder:e.placeholder,value:l,onChange:r=>{s(""),_(r.target.value.trim())}}),c("div",{className:"flex w-full mt-[8px] items-start gap-[8px]",children:[t(D,{checked:u,onCheckedChange:()=>k(r=>!r),className:"border-[#1d1d1f] mt-[2px]"}),t("label",{className:"text-left text-[14px] font-bold text-[#4A4C56] [&_a]:underline",dangerouslySetInnerHTML:{__html:e.policy??""}})]}),t(B,{className:"w-full mt-[16px]",size:"base",loading:T,onClick:P,children:e.buttonLabel??"Subscribe"}),v&&t("div",{className:"text-left mt-[4px] text-[16px] font-semibold text-[#f84d4f]",children:t(o,{html:v})}),t("div",{className:"text-left mt-[4px] text-[16px] font-semibold text-[#52c41a]",children:t(o,{html:L})}),e.promo&&c("div",{className:"flex mt-[32px] flex-col text-left",children:[c("div",{className:"flex flex-col",children:[e.promo?.title&&t(o,{className:"text-[18px] font-bold leading-[1.2]",html:e.promo.title}),e.promo.description&&t(o,{className:"text-[14px] text-[#080A0F] mt-[8px] font-bold",html:e.promo.description}),e.promo.learnMoreLabel&&e.promo.learnMoreUrl&&c("a",{href:(()=>{try{if(!p)return e.promo.learnMoreUrl;const r=new URL(e.promo.learnMoreUrl,window.location.href);return r.searchParams.set("ref",`${p}_subscribe`),r.toString()}catch{return e.promo.learnMoreUrl}})(),target:"_blank",rel:"noopener noreferrer",className:"flex mt-[8px] items-center gap-[4px] text-[14px] font-bold",children:[e.promo.learnMoreLabel,t("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",children:t("path",{d:"M5.52827 3.52876C5.78862 3.26841 6.21063 3.26841 6.47098 3.52876L10.471 7.52876C10.7313 7.78911 10.7313 8.21112 10.471 8.47147L6.47098 12.4715C6.21063 12.7318 5.78862 12.7318 5.52827 12.4715C5.26792 12.2111 5.26792 11.7891 5.52827 11.5288L9.05692 8.00011L5.52827 4.47147C5.26792 4.21112 5.26792 3.78911 5.52827 3.52876Z",fill:"#080A0F"})})]})]}),e.promo.image?.url&&t(R,{source:e.promo.image.url,alt:e.promo.image.alt??"",className:N("h-[100px] mt-[8px] w-full object-cover",h?"rounded-[8px]":"rounded-none")})]})]})}export{z as default};
 //# sourceMappingURL=ActivitiesSubscribePanel.js.map

package/dist/esm/components/memberPopup/panels/ActivitiesSubscribePanel.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/components/memberPopup/panels/ActivitiesSubscribePanel.tsx"],
-  "sourcesContent": ["import { useCallback, useEffect, useState } from 'react'\nimport { Button, Checkbox, Picture, Text } from '@anker-in/headless-ui'\nimport { gaTrack, classNames as cn, useHeadlessContext } from '../../../lib'\nimport Cookies from 'js-cookie'\nimport { parse } from 'query-string'\nimport { emailValidate } from '../../credits/context/utils'\nimport { useMemberPopupContext } from '../context/provider'\nimport type { SubscribeModalCopy } from '../type'\nimport { ROUNDED_BRANDS } from '../../../constants'\n\ntype Props = {\n  copy: SubscribeModalCopy\n  email?: string\n}\n\nfunction getAdCookie() {\n  if (typeof window === 'undefined') return { register_source: '' }\n  const { search, href } = window.location\n  const query = parse(search)\n  return {\n    fbuy_ref_code: Cookies.get('fbuy_ref_code'),\n    ref: Cookies.get('ref_ads'),\n    inviter_code: query.ic ?? query.inviter_code ?? Cookies.get('inviter_code'),\n    register_source: query.redirect ?? Cookies.get('reg_source') ?? href,\n  }\n}\n\nasync function getRecaptchaToken(sitekey: string): Promise<string> {\n  if (typeof window === 'undefined' || !window?.grecaptcha?.execute) return ''\n  if (!sitekey) return ''\n  try {\n    return await window.grecaptcha.execute(sitekey, { action: 'activity' })\n  } catch {\n    return ''\n  }\n}\n\nexport default function ActivitiesSubscribeModal({ copy, email: initialEmail }: Props) {\n  const { alpcConfig, setIsSubscribeSuccess, pageHandle } = useMemberPopupContext()\n  const { locale } = alpcConfig\n  const { brand: headlessBrand, storeDomain, recaptchaSitekey } = useHeadlessContext()\n  const rounded = ROUNDED_BRANDS.includes(headlessBrand)\n  const [policy, setPolicy] = useState(copy.policyDefaultChecked ?? false)\n  const [email, setEmail] = useState(initialEmail ?? '')\n  const [errorMessage, setErrorMessage] = useState('')\n  const [successMessage, setSuccessMessage] = useState('')\n  const [loading, setLoading] = useState(false)\n\n  useEffect(() => {\n    if (initialEmail) setEmail(initialEmail)\n  }, [initialEmail])\n\n  const handleSubmit = useCallback(async () => {\n    setErrorMessage('')\n    if (!email) return setErrorMessage('Please fill in your email')\n    if (!emailValidate(email)) return setErrorMessage('Invalid email address')\n    if (!policy) return setErrorMessage('Please agree to the policy')\n\n    setLoading(true)\n    const { register_source } = getAdCookie()\n    const recaptchaToken = await getRecaptchaToken(recaptchaSitekey || '')\n    try {\n      const response = await fetch('/api/multipass/rainbowbridge/activities', {\n        method: 'POST',\n        credentials: 'include',\n        headers: {\n          'Content-Type': 'application/json',\n          'current-language': locale,\n          'X-Recaptcha-Token': recaptchaToken,\n        },\n        body: JSON.stringify({\n          email,\n          register_source,\n          shopify_domain: storeDomain,\n          single_brand_subscribe: copy.single_brand_subscribe ?? true,\n          genre: copy.genre ?? copy.dealsType ?? '',\n          sub_brand_type: copy.sub_brand_type ?? '',\n        }),\n      })\n      const result = await response.json()\n      if (!result?.data?.is_new_subscribe) {\n        setSuccessMessage(copy.subscribedLabel ?? \"You've already subscribed!\")\n      } else if (!result?.data?.errors) {\n        setSuccessMessage(copy.successTips ?? 'Subscribed successfully!')\n        setIsSubscribeSuccess(true)\n        gaTrack({\n          event: 'ga4Event',\n          event_name: 'subscribe',\n          event_parameters: {\n            page_group: copy.dealsType ?? copy.genre ?? '',\n            position: 'sticky',\n            info: 'Member Floating Window',\n          },\n        })\n      } else {\n        setErrorMessage(result?.data?.errors ?? 'Error occurred')\n      }\n    } catch {\n      setErrorMessage('Network error')\n    } finally {\n      setLoading(false)\n    }\n  }, [email, policy, locale, storeDomain, copy, setIsSubscribeSuccess])\n\n  return (\n    <div className=\"flex flex-col\">\n      <Text className=\"text-[22px] font-bold leading-[1.2]\" html={copy.title} />\n      {copy.desc && <Text className=\"text-[16px] mt-[16px] font-bold text-[#1E2024]\" html={copy.desc} />}\n\n      <input\n        className={cn(\n          'h-[46px] w-full border mt-[8px] px-[14px] text-[16px] outline-none placeholder:text-[#999]',\n          rounded ? 'rounded-[4px]' : 'rounded-none'\n        )}\n        placeholder={copy.placeholder}\n        value={email}\n        onChange={e => {\n          setErrorMessage('')\n          setEmail(e.target.value.trim())\n        }}\n      />\n\n      <div className=\"flex w-full mt-[8px] items-start gap-[8px]\">\n        <Checkbox checked={policy} onCheckedChange={() => setPolicy(v => !v)} className=\"border-[#1d1d1f] mt-[2px]\" />\n        <label\n          className=\"text-left text-[14px] font-bold text-[#4A4C56] [&_a]:underline\"\n          dangerouslySetInnerHTML={{ __html: copy.policy ?? '' }}\n        />\n      </div>\n\n      <Button className=\"w-full mt-[16px]\" size=\"base\" loading={loading} onClick={handleSubmit}>\n        {copy.buttonLabel ?? 'Subscribe'}\n      </Button>\n\n      {errorMessage && (\n        <div className=\"text-left mt-[4px] text-[16px] font-semibold text-[#f84d4f]\">\n          <Text html={errorMessage} />\n        </div>\n      )}\n      <div className=\"text-left mt-[4px] text-[16px] font-semibold text-[#52c41a]\">\n        <Text html={successMessage} />\n      </div>\n\n      {copy.promo && (\n        <div className=\"flex mt-[32px] flex-col text-left\">\n          <div className=\"flex flex-col\">\n            {copy.promo?.title && <Text className=\"text-[18px] font-bold leading-[1.2]\" html={copy.promo.title} />}\n            {copy.promo.description && (\n              <Text className=\"text-[14px] text-[#080A0F] mt-[8px] font-bold\" html={copy.promo.description} />\n            )}\n            {copy.promo.learnMoreLabel && copy.promo.learnMoreUrl && (\n              <a\n                href={(() => {\n                  try {\n                    if (!pageHandle) return copy.promo!.learnMoreUrl!\n                    const url = new URL(copy.promo!.learnMoreUrl!, window.location.href)\n                    url.searchParams.set('ref', `${pageHandle}_subscribe`)\n                    return url.toString()\n                  } catch {\n                    return copy.promo!.learnMoreUrl!\n                  }\n                })()}\n                target=\"_blank\"\n                rel=\"noopener noreferrer\"\n                className=\"flex mt-[8px] items-center gap-[4px] text-[14px] font-bold\"\n              >\n                {copy.promo.learnMoreLabel}\n                <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\n                  <path\n                    d=\"M5.52827 3.52876C5.78862 3.26841 6.21063 3.26841 6.47098 3.52876L10.471 7.52876C10.7313 7.78911 10.7313 8.21112 10.471 8.47147L6.47098 12.4715C6.21063 12.7318 5.78862 12.7318 5.52827 12.4715C5.26792 12.2111 5.26792 11.7891 5.52827 11.5288L9.05692 8.00011L5.52827 4.47147C5.26792 4.21112 5.26792 3.78911 5.52827 3.52876Z\"\n                    fill=\"#080A0F\"\n                  />\n                </svg>\n              </a>\n            )}\n          </div>\n          {copy.promo.image?.url && (\n            <Picture\n              source={copy.promo.image.url}\n              alt={copy.promo.image.alt ?? ''}\n              className={cn('h-[100px] mt-[8px] w-full object-cover', rounded ? 'rounded-[8px]' : 'rounded-none')}\n            />\n          )}\n        </div>\n      )}\n    </div>\n  )\n}\n"],
-  "mappings": "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",
-  "names": ["jsx", "jsxs", "useCallback", "useEffect", "useState", "Button", "Checkbox", "Picture", "Text", "gaTrack", "cn", "useHeadlessContext", "Cookies", "parse", "emailValidate", "useMemberPopupContext", "ROUNDED_BRANDS", "getAdCookie", "search", "href", "query", "getRecaptchaToken", "sitekey", "ActivitiesSubscribeModal", "copy", "initialEmail", "alpcConfig", "setIsSubscribeSuccess", "pageHandle", "locale", "headlessBrand", "storeDomain", "recaptchaSitekey", "rounded", "policy", "setPolicy", "email", "setEmail", "errorMessage", "setErrorMessage", "successMessage", "setSuccessMessage", "loading", "setLoading", "handleSubmit", "register_source", "recaptchaToken", "result", "e", "v", "url"]
+  "sourcesContent": ["import { useCallback, useEffect, useState } from 'react'\nimport { Button, Checkbox, Picture, Text } from '@anker-in/headless-ui'\nimport { gaTrack, classNames as cn, useHeadlessContext } from '../../../lib'\nimport Cookies from 'js-cookie'\nimport { parse } from 'query-string'\nimport { emailValidate } from '../../credits/context/utils'\nimport { useMemberPopupContext } from '../context/provider'\nimport type { SubscribeModalCopy } from '../type'\nimport { ROUNDED_BRANDS } from '../../../constants'\n\ntype Props = {\n  copy: SubscribeModalCopy\n  email?: string\n}\n\nfunction getAdCookie() {\n  if (typeof window === 'undefined') return { register_source: '' }\n  const { search, href } = window.location\n  const query = parse(search)\n  return {\n    fbuy_ref_code: Cookies.get('fbuy_ref_code'),\n    ref: Cookies.get('ref_ads'),\n    inviter_code: query.ic ?? query.inviter_code ?? Cookies.get('inviter_code'),\n    register_source: query.redirect ?? Cookies.get('reg_source') ?? href,\n  }\n}\n\nasync function getRecaptchaToken(sitekey: string): Promise<string> {\n  if (typeof window === 'undefined' || !window?.grecaptcha?.execute) return ''\n  if (!sitekey) return ''\n  try {\n    return await window.grecaptcha.execute(sitekey, { action: 'activity' })\n  } catch {\n    return ''\n  }\n}\n\nexport default function ActivitiesSubscribeModal({ copy, email: initialEmail }: Props) {\n  const { alpcConfig, setIsSubscribeSuccess, pageHandle } = useMemberPopupContext()\n  const { locale, apiBaseUrl } = alpcConfig\n  const { brand: headlessBrand, storeDomain, recaptchaSitekey } = useHeadlessContext()\n  const rounded = ROUNDED_BRANDS.includes(headlessBrand)\n  const [policy, setPolicy] = useState(copy.policyDefaultChecked ?? false)\n  const [email, setEmail] = useState(initialEmail ?? '')\n  const [errorMessage, setErrorMessage] = useState('')\n  const [successMessage, setSuccessMessage] = useState('')\n  const [loading, setLoading] = useState(false)\n\n  useEffect(() => {\n    if (initialEmail) setEmail(initialEmail)\n  }, [initialEmail])\n\n  const handleSubmit = useCallback(async () => {\n    setErrorMessage('')\n    if (!email) return setErrorMessage('Please fill in your email')\n    if (!emailValidate(email)) return setErrorMessage('Invalid email address')\n    if (!policy) return setErrorMessage('Please agree to the policy')\n\n    setLoading(true)\n    const { register_source } = getAdCookie()\n    const recaptchaToken = await getRecaptchaToken(recaptchaSitekey || '')\n    try {\n      const response = await fetch(`${apiBaseUrl || ''}/api/multipass/rainbowbridge/activities`, {\n        method: 'POST',\n        credentials: 'include',\n        headers: {\n          'Content-Type': 'application/json',\n          'current-language': locale,\n          'X-Recaptcha-Token': recaptchaToken,\n        },\n        body: JSON.stringify({\n          email,\n          register_source,\n          shopify_domain: storeDomain,\n          single_brand_subscribe: copy.single_brand_subscribe ?? true,\n          genre: copy.genre ?? copy.dealsType ?? '',\n          sub_brand_type: copy.sub_brand_type ?? '',\n        }),\n      })\n      const result = await response.json()\n      if (!result?.data?.is_new_subscribe) {\n        setSuccessMessage(copy.subscribedLabel ?? \"You've already subscribed!\")\n      } else if (!result?.data?.errors) {\n        setSuccessMessage(copy.successTips ?? 'Subscribed successfully!')\n        setIsSubscribeSuccess(true)\n        gaTrack({\n          event: 'ga4Event',\n          event_name: 'subscribe',\n          event_parameters: {\n            page_group: copy.dealsType ?? copy.genre ?? '',\n            position: 'sticky',\n            info: 'Member Floating Window',\n          },\n        })\n      } else {\n        setErrorMessage(result?.data?.errors ?? 'Error occurred')\n      }\n    } catch {\n      setErrorMessage('Network error')\n    } finally {\n      setLoading(false)\n    }\n  }, [email, policy, locale, storeDomain, copy, setIsSubscribeSuccess, apiBaseUrl])\n\n  return (\n    <div className=\"flex flex-col\">\n      <Text className=\"text-[22px] font-bold leading-[1.2]\" html={copy.title} />\n      {copy.desc && <Text className=\"text-[16px] mt-[16px] font-bold text-[#1E2024]\" html={copy.desc} />}\n\n      <input\n        className={cn(\n          'h-[46px] w-full border mt-[8px] px-[14px] text-[16px] outline-none placeholder:text-[#999]',\n          rounded ? 'rounded-[4px]' : 'rounded-none'\n        )}\n        placeholder={copy.placeholder}\n        value={email}\n        onChange={e => {\n          setErrorMessage('')\n          setEmail(e.target.value.trim())\n        }}\n      />\n\n      <div className=\"flex w-full mt-[8px] items-start gap-[8px]\">\n        <Checkbox checked={policy} onCheckedChange={() => setPolicy(v => !v)} className=\"border-[#1d1d1f] mt-[2px]\" />\n        <label\n          className=\"text-left text-[14px] font-bold text-[#4A4C56] [&_a]:underline\"\n          dangerouslySetInnerHTML={{ __html: copy.policy ?? '' }}\n        />\n      </div>\n\n      <Button className=\"w-full mt-[16px]\" size=\"base\" loading={loading} onClick={handleSubmit}>\n        {copy.buttonLabel ?? 'Subscribe'}\n      </Button>\n\n      {errorMessage && (\n        <div className=\"text-left mt-[4px] text-[16px] font-semibold text-[#f84d4f]\">\n          <Text html={errorMessage} />\n        </div>\n      )}\n      <div className=\"text-left mt-[4px] text-[16px] font-semibold text-[#52c41a]\">\n        <Text html={successMessage} />\n      </div>\n\n      {copy.promo && (\n        <div className=\"flex mt-[32px] flex-col text-left\">\n          <div className=\"flex flex-col\">\n            {copy.promo?.title && <Text className=\"text-[18px] font-bold leading-[1.2]\" html={copy.promo.title} />}\n            {copy.promo.description && (\n              <Text className=\"text-[14px] text-[#080A0F] mt-[8px] font-bold\" html={copy.promo.description} />\n            )}\n            {copy.promo.learnMoreLabel && copy.promo.learnMoreUrl && (\n              <a\n                href={(() => {\n                  try {\n                    if (!pageHandle) return copy.promo!.learnMoreUrl!\n                    const url = new URL(copy.promo!.learnMoreUrl!, window.location.href)\n                    url.searchParams.set('ref', `${pageHandle}_subscribe`)\n                    return url.toString()\n                  } catch {\n                    return copy.promo!.learnMoreUrl!\n                  }\n                })()}\n                target=\"_blank\"\n                rel=\"noopener noreferrer\"\n                className=\"flex mt-[8px] items-center gap-[4px] text-[14px] font-bold\"\n              >\n                {copy.promo.learnMoreLabel}\n                <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\n                  <path\n                    d=\"M5.52827 3.52876C5.78862 3.26841 6.21063 3.26841 6.47098 3.52876L10.471 7.52876C10.7313 7.78911 10.7313 8.21112 10.471 8.47147L6.47098 12.4715C6.21063 12.7318 5.78862 12.7318 5.52827 12.4715C5.26792 12.2111 5.26792 11.7891 5.52827 11.5288L9.05692 8.00011L5.52827 4.47147C5.26792 4.21112 5.26792 3.78911 5.52827 3.52876Z\"\n                    fill=\"#080A0F\"\n                  />\n                </svg>\n              </a>\n            )}\n          </div>\n          {copy.promo.image?.url && (\n            <Picture\n              source={copy.promo.image.url}\n              alt={copy.promo.image.alt ?? ''}\n              className={cn('h-[100px] mt-[8px] w-full object-cover', rounded ? 'rounded-[8px]' : 'rounded-none')}\n            />\n          )}\n        </div>\n      )}\n    </div>\n  )\n}\n"],
+  "mappings": "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",
+  "names": ["jsx", "jsxs", "useCallback", "useEffect", "useState", "Button", "Checkbox", "Picture", "Text", "gaTrack", "cn", "useHeadlessContext", "Cookies", "parse", "emailValidate", "useMemberPopupContext", "ROUNDED_BRANDS", "getAdCookie", "search", "href", "query", "getRecaptchaToken", "sitekey", "ActivitiesSubscribeModal", "copy", "initialEmail", "alpcConfig", "setIsSubscribeSuccess", "pageHandle", "locale", "apiBaseUrl", "headlessBrand", "storeDomain", "recaptchaSitekey", "rounded", "policy", "setPolicy", "email", "setEmail", "errorMessage", "setErrorMessage", "successMessage", "setSuccessMessage", "loading", "setLoading", "handleSubmit", "register_source", "recaptchaToken", "result", "e", "v", "url"]
 }

package/dist/esm/components/memberPopup/panels/EarnCredits/ActivatePanel.js

@@ -1,2 +1,2 @@
-import{jsx as n,jsxs as _}from"react/jsx-runtime";import{useState as p,useCallback as R,useRef as U,useEffect as H}from"react";import{Button as q,Text as r}from"@anker-in/headless-ui";import{useSendEmailValidation as G,gaTrack as S,classNames as L,useHeadlessContext as J,useEmailValidation as Q,useCountDown as X}from"../../../../lib";import{Message as Y}from"../../../registration/authCodeActivate/Message";import{useRegistration as Z}from"../../../registration";import{useMemberPopupContext as ee}from"../../context/provider";import{ROUNDED_BRANDS as te}from"../../../../constants";function ae({copy:e,onClose:v}){const{setIsActivateSuccess:h,fetchCreditInfo:C,profile:f}=ee(),{locale:P,brand:V}=J(),{email:i}=Z(),B=te.includes(V),{isMutating:F,trigger:x,data:E}=G(),{isMutating:$,trigger:k}=Q(),[z,l]=p(""),[y,u]=p(""),{startCountDown:A,startAction:D,countDown:W}=X(60),[I,c]=p(""),[N,m]=p(0),[o,w]=p(new Array(6).fill("")),T=U([]),b=o.join("");H(()=>{T.current[N]&&T.current[N].focus()},[N]),H(()=>{i&&x({email:i,data:{redirect_url:`${window?.location?.origin}${window?.location?.pathname}`}},{onSuccess:()=>{u("success"),l(e?.sendEmailSuccessMessage||""),D(),setTimeout(()=>{u(""),l("")},5e3)}})},[i]);const j=R(async()=>{i&&(await x({email:i,data:{redirect_url:`${window?.location?.origin}${window?.location?.pathname}`}},{onSuccess:()=>{u("success"),l(e?.sendEmailSuccessMessage||""),D(),setTimeout(()=>{u(""),l("")},5e3)}}),S({event:"ga4Event",event_name:"lp_button",event_parameters:{page_group:"reg_sub_pop",position:"auth_code",button_name:"sent_again"}}))},[i,x]),K=(d,a)=>{const{value:t}=d.target;if(c(""),Number.isNaN(Number(t)))return;if(t.length>1){a<o.length-1&&(o[a+1]||(m(a+1),w(g=>{const M=[...g];return M[a]=t[0],t.length>1&&(M[a+1]=t[1]),M})));return}const s=[...o];s[a]=t,w(s),t?a<o.length-1&&!o[a+1]&&m(a+1):a>0&&m(a-1)},O=R(async()=>{if(!b?.length){c(e?.codeEmptyError||"");return}if(b.length<6){c(e?.incorrectCodeError||"");return}const d=E?.data?.data?.active_token??E?.data?.active_token;d&&await k({token:d,code:b},{onSuccess:t=>{if(t.status>=200&&t.status<300)u("success"),l(e?.authSuccessMessage||""),h(!0),f?.user_id&&setTimeout(()=>C(f.user_id),3e3),S({event:"ga4Event",event_name:"lp_button",event_parameters:{page_group:"reg_sub_pop",position:"auth_code",button_name:"check_and_active",info:"Member Floating Window"}}),setTimeout(()=>{v()},3e3);else{const s=t?.data?.error_code??t?.error_code;s==="104"?(h(!0),f?.user_id&&setTimeout(()=>C(f.user_id),3e3),S({event:"ga4Event",event_name:"lp_button",event_parameters:{page_group:"reg_sub_pop",position:"auth_code",button_name:"check_and_active",info:"Member Floating Window"}}),setTimeout(()=>{v()},3e3)):c(s==="142"?e?.incorrectCodeError||"Invalid verification code.":s==="154"?e?.expiredCodeMessage||"":e?.sendEmailErrorMessage||"")}}});let a=setTimeout(()=>{u(""),l(""),clearTimeout(a)},5e3)},[b,e?.codeEmptyError,e?.authSuccessMessage,e?.incorrectCodeError,e?.expiredCodeMessage,e?.sendEmailErrorMessage,P,E,k,v,h,C,f]);return _("div",{className:"relative",children:[_("div",{children:[n(r,{className:"text-[22px] font-extrabold leading-[120%] text-[#333] min-l:text-[24px] [&_abbr]:text-[#005d8e]",html:e?.authCodeTitle}),n(r,{as:"p",className:"mt-3 text-[14px] font-semibold leading-[140%] text-[rgba(51,51,51,0.75)] min-l:text-base [&_abbr]:text-[#333]",html:e?.authCodeDesc?.replace("%email%",i||"")})]}),_("div",{className:"mt-6",children:[n(r,{className:"mt-4 text-[14px] !font-bold font-semibold leading-[140%] text-[#333] min-l:mt-6",html:e?.enterActiveCodeText}),n("div",{className:"my-3 grid grid-cols-6 gap-2",children:o.map((d,a)=>n("div",{className:"col-span-1 aspect-1 text-[#555]",children:n("input",{ref:t=>{t&&(T.current[a]=t)},type:"tel",className:L("flex size-full items-center justify-center border border-[#333333]/20 bg-[#EEEEEE] text-center text-[24px] font-medium focus:border-[#333]/50 [&::-webkit-inner-spin-button]:appearance-none [&::-webkit-outer-spin-button]:appearance-none [&:focus-visible]:outline-none",B&&"rounded-[12px]"),value:d,autoComplete:"false",autoCorrect:"false",spellCheck:"false",autoCapitalize:"false",onChange:t=>K(t,a),onFocus:()=>{m(a)},onPaste:t=>{const s=t.clipboardData.getData("text");if(!Number.isNaN(Number(s))){const g=s.split("").slice(0,6);w(g.concat(Array(6-g.length).fill(""))),g.length<=o.length&&m(g.length-1)}},onKeyDown:t=>{const{value:s}=t.target;t.key==="Backspace"&&!s&&a>0&&m(a-1)}},a)},a))}),I&&n(r,{className:"mb-3 text-[14px] font-semibold leading-[120%] text-[#f84d4f]",html:I}),e?.authCodeContent&&n("ul",{className:'flex flex-col gap-1 [&_li]:flex [&_li]:gap-2 [&_li]:text-[14px] [&_li]:font-semibold [&_li]:leading-[120%] [&_li]:text-[rgba(51,51,51,0.55)] [&_li]:before:content-["\u2022"]',dangerouslySetInnerHTML:{__html:e?.authCodeContent}})]}),_("div",{className:"mt-4 min-l:mt-6",children:[n(r,{className:"text-base font-semibold leading-[100%] text-[#333]",html:e?.authCodeReceiveText})," ",A?n(r,{html:e?.retrieveText?.replace("%countdownTime%",W.toString()),className:"cursor-pointer text-base font-semibold leading-[100%] !text-brand text-[#005d8e] text-[#333] underline"}):n(r,{onClick:j,className:L("cursor-pointer text-base font-semibold leading-[100%] !text-brand text-[#005d8e] text-[#333] underline",{"pointer-events-none":A||F}),html:e?.sendAgainText}),n(q,{type:"submit",loading:$,className:"mt-6 w-full min-l:mt-8",size:"base",onClick:O,children:e.buttonText})]}),n(Y,{status:y,message:z})]})}export{ae as default};
+import{jsx as n,jsxs as _}from"react/jsx-runtime";import{useState as p,useCallback as R,useRef as q,useEffect as H}from"react";import{Button as G,Text as r}from"@anker-in/headless-ui";import{useSendEmailValidation as J,gaTrack as S,classNames as L,useHeadlessContext as Q,useEmailValidation as X,useCountDown as Y}from"../../../../lib";import{Message as Z}from"../../../registration/authCodeActivate/Message";import{useRegistration as ee}from"../../../registration";import{useMemberPopupContext as te}from"../../context/provider";import{ROUNDED_BRANDS as ae}from"../../../../constants";function ne({copy:e,onClose:v}){const{setIsActivateSuccess:h,fetchCreditInfo:C,profile:f,alpcConfig:k}=te(),{locale:P,brand:V}=Q(),{email:i}=ee(),F=ae.includes(V),{isMutating:$,trigger:x,data:E}=J(k.apiBaseUrl),{isMutating:z,trigger:A}=X(void 0,k.apiBaseUrl),[U,l]=p(""),[y,u]=p(""),{startCountDown:D,startAction:I,countDown:W}=Y(60),[B,c]=p(""),[N,m]=p(0),[o,w]=p(new Array(6).fill("")),T=q([]),b=o.join("");H(()=>{T.current[N]&&T.current[N].focus()},[N]),H(()=>{i&&x({email:i,data:{redirect_url:`${window?.location?.origin}${window?.location?.pathname}`}},{onSuccess:()=>{u("success"),l(e?.sendEmailSuccessMessage||""),I(),setTimeout(()=>{u(""),l("")},5e3)}})},[i]);const j=R(async()=>{i&&(await x({email:i,data:{redirect_url:`${window?.location?.origin}${window?.location?.pathname}`}},{onSuccess:()=>{u("success"),l(e?.sendEmailSuccessMessage||""),I(),setTimeout(()=>{u(""),l("")},5e3)}}),S({event:"ga4Event",event_name:"lp_button",event_parameters:{page_group:"reg_sub_pop",position:"auth_code",button_name:"sent_again"}}))},[i,x]),K=(d,a)=>{const{value:t}=d.target;if(c(""),Number.isNaN(Number(t)))return;if(t.length>1){a<o.length-1&&(o[a+1]||(m(a+1),w(g=>{const M=[...g];return M[a]=t[0],t.length>1&&(M[a+1]=t[1]),M})));return}const s=[...o];s[a]=t,w(s),t?a<o.length-1&&!o[a+1]&&m(a+1):a>0&&m(a-1)},O=R(async()=>{if(!b?.length){c(e?.codeEmptyError||"");return}if(b.length<6){c(e?.incorrectCodeError||"");return}const d=E?.data?.data?.active_token??E?.data?.active_token;d&&await A({token:d,code:b},{onSuccess:t=>{if(t.status>=200&&t.status<300)u("success"),l(e?.authSuccessMessage||""),h(!0),f?.user_id&&setTimeout(()=>C(f.user_id),3e3),S({event:"ga4Event",event_name:"lp_button",event_parameters:{page_group:"reg_sub_pop",position:"auth_code",button_name:"check_and_active",info:"Member Floating Window"}}),setTimeout(()=>{v()},3e3);else{const s=t?.data?.error_code??t?.error_code;s==="104"?(h(!0),f?.user_id&&setTimeout(()=>C(f.user_id),3e3),S({event:"ga4Event",event_name:"lp_button",event_parameters:{page_group:"reg_sub_pop",position:"auth_code",button_name:"check_and_active",info:"Member Floating Window"}}),setTimeout(()=>{v()},3e3)):c(s==="142"?e?.incorrectCodeError||"Invalid verification code.":s==="154"?e?.expiredCodeMessage||"":e?.sendEmailErrorMessage||"")}}});let a=setTimeout(()=>{u(""),l(""),clearTimeout(a)},5e3)},[b,e?.codeEmptyError,e?.authSuccessMessage,e?.incorrectCodeError,e?.expiredCodeMessage,e?.sendEmailErrorMessage,P,E,A,v,h,C,f]);return _("div",{className:"relative",children:[_("div",{children:[n(r,{className:"text-[22px] font-extrabold leading-[120%] text-[#333] min-l:text-[24px] [&_abbr]:text-[#005d8e]",html:e?.authCodeTitle}),n(r,{as:"p",className:"mt-3 text-[14px] font-semibold leading-[140%] text-[rgba(51,51,51,0.75)] min-l:text-base [&_abbr]:text-[#333]",html:e?.authCodeDesc?.replace("%email%",i||"")})]}),_("div",{className:"mt-6",children:[n(r,{className:"mt-4 text-[14px] !font-bold font-semibold leading-[140%] text-[#333] min-l:mt-6",html:e?.enterActiveCodeText}),n("div",{className:"my-3 grid grid-cols-6 gap-2",children:o.map((d,a)=>n("div",{className:"col-span-1 aspect-1 text-[#555]",children:n("input",{ref:t=>{t&&(T.current[a]=t)},type:"tel",className:L("flex size-full items-center justify-center border border-[#333333]/20 bg-[#EEEEEE] text-center text-[24px] font-medium focus:border-[#333]/50 [&::-webkit-inner-spin-button]:appearance-none [&::-webkit-outer-spin-button]:appearance-none [&:focus-visible]:outline-none",F&&"rounded-[12px]"),value:d,autoComplete:"false",autoCorrect:"false",spellCheck:"false",autoCapitalize:"false",onChange:t=>K(t,a),onFocus:()=>{m(a)},onPaste:t=>{const s=t.clipboardData.getData("text");if(!Number.isNaN(Number(s))){const g=s.split("").slice(0,6);w(g.concat(Array(6-g.length).fill(""))),g.length<=o.length&&m(g.length-1)}},onKeyDown:t=>{const{value:s}=t.target;t.key==="Backspace"&&!s&&a>0&&m(a-1)}},a)},a))}),B&&n(r,{className:"mb-3 text-[14px] font-semibold leading-[120%] text-[#f84d4f]",html:B}),e?.authCodeContent&&n("ul",{className:'flex flex-col gap-1 [&_li]:flex [&_li]:gap-2 [&_li]:text-[14px] [&_li]:font-semibold [&_li]:leading-[120%] [&_li]:text-[rgba(51,51,51,0.55)] [&_li]:before:content-["\u2022"]',dangerouslySetInnerHTML:{__html:e?.authCodeContent}})]}),_("div",{className:"mt-4 min-l:mt-6",children:[n(r,{className:"text-base font-semibold leading-[100%] text-[#333]",html:e?.authCodeReceiveText})," ",D?n(r,{html:e?.retrieveText?.replace("%countdownTime%",W.toString()),className:"cursor-pointer text-base font-semibold leading-[100%] !text-brand text-[#005d8e] text-[#333] underline"}):n(r,{onClick:j,className:L("cursor-pointer text-base font-semibold leading-[100%] !text-brand text-[#005d8e] text-[#333] underline",{"pointer-events-none":D||$}),html:e?.sendAgainText}),n(G,{type:"submit",loading:z,className:"mt-6 w-full min-l:mt-8",size:"base",onClick:O,children:e.buttonText})]}),n(Z,{status:y,message:U})]})}export{ne as default};
 //# sourceMappingURL=ActivatePanel.js.map