npm - @anker-in/campaign-ui - Versions diffs - 0.5.0-beta.8 → 0.5.0 - Mend

@anker-in/campaign-ui 0.5.0-beta.8 → 0.5.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (158) hide show

package/dist/cjs/templates/Credits.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";var N=Object.create;var m=Object.defineProperty;var F=Object.getOwnPropertyDescriptor;var q=Object.getOwnPropertyNames;var w=Object.getPrototypeOf,S=Object.prototype.hasOwnProperty;var x=(r,i)=>{for(var d in i)m(r,d,{get:i[d],enumerable:!0})},P=(r,i,d,t)=>{if(i&&typeof i=="object"||typeof i=="function")for(let p of q(i))!S.call(r,p)&&p!==d&&m(r,p,{get:()=>i[p],enumerable:!(t=F(i,p))||t.enumerable});return r};var y=(r,i,d)=>(d=r!=null?N(w(r)):{},P(i||!r||!r.__esModule?m(d,"default",{value:r,enumerable:!0}):d,r)),O=r=>P(m({},"__esModule",{value:!0}),r);var H={};x(H,{CreditsTemplate:()=>W});module.exports=O(H);var e=require("react/jsx-runtime"),l=require("@anker-in/lib"),g=require("../components/registration/context/provider"),c=require("../components/credits/context/provider"),v=require("../components/credits/creditsBanner"),M=require("../components/credits/creditsInfoCard"),T=require("../components/credits/creditsBenefits"),b=require("../components/credits/creditsWaysToGetCredits"),h=require("../components/credits/creditsAnkersolixTask"),u=require("../components/credits/creditsRedeemList"),B=require("../components/credits/creditsGoGift"),G=require("../components/credits/creditsCash"),I=require("../components/credits/creditsMemberPrice"),A=require("../components/credits/creditsFaq"),L=require("../components/credits/creditsNavigation"),R=y(require("../components/credits/modal/ActivitiesModal")),D=y(require("../components/credits/modal/RewardsModal")),s=require("./Credits.types");const U=({headlessConfig:r,pageConfig:i,userContext:d})=>{const{openMyRewardsModal:t,setOpenMyRewardsModal:p,openActivitiesModal:C,setOpenActivitiesModal:f,pageCommon:n}=(0,c.useCreditsContext)();return(0,e.jsxs)(e.Fragment,{children:[i.components[s.ComponentKey.Navigation]&&(0,e.jsx)(L.CreditsNavigation,{copy:i.components[s.ComponentKey.Navigation]}),(0,e.jsx)("div",{className:(0,l.classNames)("bg-[#f5f5f7] leading-[1.2]"),children:i.order.map(o=>{if(o===s.ComponentKey.Navigation)return null;const a=i.components?.[o];return a?(0,e.jsxs)(e.Fragment,{children:[o===s.ComponentKey.Banner&&(0,e.jsx)(v.CreditsBanner,{copy:a,id:o}),o===s.ComponentKey.InfoCard&&d?.profile&&(0,e.jsx)(M.CreditsInfoCard,{copy:a,id:o}),o===s.ComponentKey.Benefits&&(0,e.jsx)(T.CreditsBenefits,{copy:a,id:o}),o===s.ComponentKey.WaysToGetCredits&&(0,e.jsx)(b.CreditsWaysToGetCredits,{copy:a,id:o,classNames:r.brand==="anker"?{subtitle:"text-white",equalCreditsText:"bg-gradient-to-r from-[#3AD1FF] to-[#008CD6] bg-clip-text text-transparent"}:{subtitle:"text-[#D1D1D1]",equalCreditsText:"text-[#F6EAD0]"}}),o===s.ComponentKey.AnkersolixTask&&(0,e.jsx)(h.CreditsAnkersolixTask,{copy:a,id:o}),o===s.ComponentKey.RedeemList&&(0,e.jsx)(u.CreditsRedeemList,{copy:a,id:o}),o===s.ComponentKey.GoGift&&(0,e.jsx)(B.CreditsGoGift,{copy:a,id:o}),o===s.ComponentKey.SpendCreditsLikeCash&&(0,e.jsx)(G.CreditsCash,{copy:a,id:o}),o===s.ComponentKey.MemberPrice&&(0,e.jsx)(I.CreditsMemberPrice,{copy:a,id:o}),o===s.ComponentKey.Faqs&&(0,e.jsx)(A.CreditsFaq,{copy:a,id:o}),o!==s.ComponentKey.Banner&&(0,e.jsx)("div",{className:"laptop:h-16 desktop:h-[96px] lg-desktop:h-[128px] tablet:h-16 h-16"})]}):null})}),n?.activitiesModal&&(0,e.jsx)(R.default,{isOpen:C,data:n.activitiesModal,onClose:()=>f(!1)}),n?.rewardsModal&&(0,e.jsx)(D.default,{isOpen:t,data:n.rewardsModal,onClose:()=>p(!1)})]})},W=({headlessConfig:r,siteConfig:i,creditsConfig:d,userContext:t,pageConfig:p,registrationContext:C,gtm:f,cartConfig:n})=>(0,e.jsx)(l.HeadlessProvider,{headlessConfig:r,children:(0,e.jsx)(g.RegistrationProvider,{copy:i.registrationsSettings,email:t?.profile?.email,children:(0,e.jsx)(c.CreditsProvider,{profile:t?.profile,removeProfile:t?.removeProfile,isLoadingProfile:t?.isLoadingProfile,openSignInPopup:C.openSignInPopup,openSignUpPopup:C.openSignUpPopup,creditInfo:t?.creditInfo,taskIdToTypeMapping:i.taskIdToTypeMapping,customer:t?.customer,fetchCreditInfo:t?.fetchCreditInfo,customerLoading:t?.customerLoading,gtm:f,pageCommon:p.common,memberPriceDiscount:i.memberPriceDiscount,alpcBrand:d?.alpcBrand,cartConfig:n,apiBaseUrl:t?.apiBaseUrl,children:(0,e.jsx)(U,{headlessConfig:r,pageConfig:p,userContext:t})})})});
+"use strict";var U=Object.create;var C=Object.defineProperty;var W=Object.getOwnPropertyDescriptor;var E=Object.getOwnPropertyNames;var H=Object.getPrototypeOf,K=Object.prototype.hasOwnProperty;var Y=(r,i)=>{for(var a in i)C(r,a,{get:i[a],enumerable:!0})},h=(r,i,a,t)=>{if(i&&typeof i=="object"||typeof i=="function")for(let p of E(i))!K.call(r,p)&&p!==a&&C(r,p,{get:()=>i[p],enumerable:!(t=W(i,p))||t.enumerable});return r};var T=(r,i,a)=>(a=r!=null?U(H(r)):{},h(i||!r||!r.__esModule?C(a,"default",{value:r,enumerable:!0}):a,r)),z=r=>h(C({},"__esModule",{value:!0}),r);var V={};Y(V,{CreditsTemplate:()=>Q});module.exports=z(V);var e=require("react/jsx-runtime"),c=require("@anker-in/lib"),l=require("react"),M=require("../components/registration/context/provider"),f=require("../components/credits/context/provider"),w=require("../components/credits/creditsBanner"),B=require("../components/credits/creditsInfoCard"),b=require("../components/credits/creditsBenefits"),I=require("../components/credits/creditsWaysToGetCredits"),G=require("../components/credits/creditsAnkersolixTask"),R=require("../components/credits/creditsRedeemList"),L=require("../components/credits/creditsGoGift"),A=require("../components/credits/creditsCash"),S=require("../components/credits/creditsMemberPrice"),D=require("../components/credits/creditsFaq"),N=require("../components/credits/creditsNavigation"),F=T(require("../components/credits/modal/ActivitiesModal")),q=T(require("../components/credits/modal/RewardsModal")),s=require("./Credits.types");const J=({headlessConfig:r,pageConfig:i,userContext:a})=>{const{openMyRewardsModal:t,setOpenMyRewardsModal:p,openActivitiesModal:m,setOpenActivitiesModal:g,pageCommon:n}=(0,f.useCreditsContext)(),y=(0,l.useRef)(!1);return(0,l.useEffect)(()=>{if(y.current||typeof window>"u")return;const d=new URLSearchParams(window.location.search).get("section");if(!d)return;const x=56,P=(u=0)=>{const v=document.getElementById(d);if(v){y.current=!0;const O=v.getBoundingClientRect().top+window.pageYOffset-x;window.scrollTo({top:O,behavior:"smooth"})}else u<10&&setTimeout(()=>P(u+1),300)};P()},[]),(0,e.jsxs)(e.Fragment,{children:[i.components[s.ComponentKey.Navigation]&&(0,e.jsx)(N.CreditsNavigation,{copy:i.components[s.ComponentKey.Navigation]}),(0,e.jsx)("div",{className:(0,c.classNames)("bg-[#f5f5f7] leading-[1.2]"),children:i.order.map(o=>{if(o===s.ComponentKey.Navigation)return null;const d=i.components?.[o];return d?(0,e.jsxs)(e.Fragment,{children:[o===s.ComponentKey.Banner&&(0,e.jsx)(w.CreditsBanner,{copy:d,id:o}),o===s.ComponentKey.InfoCard&&a?.profile&&(0,e.jsx)(B.CreditsInfoCard,{copy:d,id:o}),o===s.ComponentKey.Benefits&&(0,e.jsx)(b.CreditsBenefits,{copy:d,id:o}),o===s.ComponentKey.WaysToGetCredits&&(0,e.jsx)(I.CreditsWaysToGetCredits,{copy:d,id:o,classNames:r.brand==="anker"?{subtitle:"text-white",equalCreditsText:"bg-gradient-to-r from-[#3AD1FF] to-[#008CD6] bg-clip-text text-transparent"}:{subtitle:"text-[#D1D1D1]",equalCreditsText:"text-[#F6EAD0]"}}),o===s.ComponentKey.AnkersolixTask&&(0,e.jsx)(G.CreditsAnkersolixTask,{copy:d,id:o}),o===s.ComponentKey.RedeemList&&(0,e.jsx)(R.CreditsRedeemList,{copy:d,id:o}),o===s.ComponentKey.GoGift&&(0,e.jsx)(L.CreditsGoGift,{copy:d,id:o}),o===s.ComponentKey.SpendCreditsLikeCash&&(0,e.jsx)(A.CreditsCash,{copy:d,id:o}),o===s.ComponentKey.MemberPrice&&(0,e.jsx)(S.CreditsMemberPrice,{copy:d,id:o}),o===s.ComponentKey.Faqs&&(0,e.jsx)(D.CreditsFaq,{copy:d,id:o}),o!==s.ComponentKey.Banner&&(0,e.jsx)("div",{className:"laptop:h-16 desktop:h-[96px] lg-desktop:h-[128px] tablet:h-16 h-16"})]}):null})}),n?.activitiesModal&&(0,e.jsx)(F.default,{isOpen:m,data:n.activitiesModal,onClose:()=>g(!1)}),n?.rewardsModal&&(0,e.jsx)(q.default,{isOpen:t,data:n.rewardsModal,onClose:()=>p(!1)})]})},Q=({headlessConfig:r,siteConfig:i,creditsConfig:a,userContext:t,pageConfig:p,registrationContext:m,gtm:g,cartConfig:n})=>(0,e.jsx)(c.HeadlessProvider,{headlessConfig:r,children:(0,e.jsx)(M.RegistrationProvider,{copy:i.registrationsSettings,email:t?.profile?.email,children:(0,e.jsx)(f.CreditsProvider,{profile:t?.profile,removeProfile:t?.removeProfile,isLoadingProfile:t?.isLoadingProfile,openSignInPopup:m.openSignInPopup,openSignUpPopup:m.openSignUpPopup,creditInfo:t?.creditInfo,taskIdToTypeMapping:i.taskIdToTypeMapping,customer:t?.customer,fetchCreditInfo:t?.fetchCreditInfo,customerLoading:t?.customerLoading,gtm:g,pageCommon:p.common,memberPriceDiscount:i.memberPriceDiscount,alpcBrand:a?.alpcBrand,cartConfig:n,apiBaseUrl:t?.apiBaseUrl,children:(0,e.jsx)(J,{headlessConfig:r,pageConfig:p,userContext:t})})})});
 //# sourceMappingURL=Credits.js.map

package/dist/cjs/templates/Credits.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/templates/Credits.tsx"],
-  "sourcesContent": ["import { classNames, HeadlessProvider } from '@anker-in/lib'\nimport { RegistrationProvider } from '../components/registration/context/provider'\nimport { CreditsProvider, useCreditsContext } from '../components/credits/context/provider'\nimport { CreditsBanner } from '../components/credits/creditsBanner'\nimport { CreditsInfoCard } from '../components/credits/creditsInfoCard'\nimport { CreditsBenefits } from '../components/credits/creditsBenefits'\nimport { CreditsWaysToGetCredits } from '../components/credits/creditsWaysToGetCredits'\nimport { CreditsAnkersolixTask } from '../components/credits/creditsAnkersolixTask'\nimport { CreditsRedeemList } from '../components/credits/creditsRedeemList'\nimport { CreditsGoGift } from '../components/credits/creditsGoGift'\nimport { CreditsCash } from '../components/credits/creditsCash'\nimport { CreditsMemberPrice } from '../components/credits/creditsMemberPrice'\nimport { CreditsFaq } from '../components/credits/creditsFaq'\nimport { CreditsNavigation } from '../components/credits/creditsNavigation'\nimport ActivitiesModal from '../components/credits/modal/ActivitiesModal'\nimport RewardsModal from '../components/credits/modal/RewardsModal'\nimport { ComponentKey } from './Credits.types'\nimport type {\n  CreditsTemplateProps,\n  CreditsContentProps,\n  CreditsBannerCopy,\n  CreditsInfoCardCopy,\n  CreditsBenefitsCopy,\n  CreditsWaysToGetCreditsCopy,\n  CreditsAnkersolixTaskCopy,\n  CreditsRedeemListCopy,\n  CreditsGoGiftCopy,\n  CreditsCashCopy,\n  CreditsMemberPriceCopy,\n  CreditsFaqCopy,\n} from './Credits.types'\n\nconst CreditsContent = ({ headlessConfig, pageConfig, userContext }: CreditsContentProps) => {\n  const { openMyRewardsModal, setOpenMyRewardsModal, openActivitiesModal, setOpenActivitiesModal, pageCommon } = useCreditsContext()\n\n  return (\n    <>\n      {/* \u5BFC\u822A\u7EC4\u4EF6 - \u56FA\u5B9A\u4F4D\u7F6E\uFF0C\u4E0D\u53C2\u4E0E order \u6392\u5E8F */}\n      {pageConfig.components[ComponentKey.Navigation] && (\n        <CreditsNavigation copy={pageConfig.components[ComponentKey.Navigation]} />\n      )}\n      <div className={classNames('bg-[#f5f5f7] leading-[1.2]')}>\n        {pageConfig.order.map(key => {\n          // \u8DF3\u8FC7\u5BFC\u822A\u7EC4\u4EF6\uFF0C\u56E0\u4E3A\u5B83\u5DF2\u7ECF\u56FA\u5B9A\u6E32\u67D3\u5728\u4E0A\u65B9\n          if (key === ComponentKey.Navigation) return null\n          const componentCopy = pageConfig.components?.[key]\n          if (!componentCopy) return null\n          return (\n            <>\n              {key === ComponentKey.Banner && <CreditsBanner copy={componentCopy as CreditsBannerCopy} id={key} />}\n              {key === ComponentKey.InfoCard && userContext?.profile && (\n                <CreditsInfoCard copy={componentCopy as CreditsInfoCardCopy} id={key} />\n              )}\n              {key === ComponentKey.Benefits && (\n                <CreditsBenefits copy={componentCopy as CreditsBenefitsCopy} id={key} />\n              )}\n              {key === ComponentKey.WaysToGetCredits && (\n                <CreditsWaysToGetCredits\n                  copy={componentCopy as CreditsWaysToGetCreditsCopy}\n                  id={key}\n                  classNames={\n                    headlessConfig.brand === 'anker'\n                      ? {\n                        subtitle: 'text-white',\n                        equalCreditsText:\n                          'bg-gradient-to-r from-[#3AD1FF] to-[#008CD6] bg-clip-text text-transparent',\n                      }\n                      : {\n                        subtitle: 'text-[#D1D1D1]',\n                        equalCreditsText: 'text-[#F6EAD0]',\n                      }\n                  }\n                />\n              )}\n              {key === ComponentKey.AnkersolixTask && (\n                <CreditsAnkersolixTask copy={componentCopy as CreditsAnkersolixTaskCopy} id={key} />\n              )}\n              {key === ComponentKey.RedeemList && (\n                <CreditsRedeemList copy={componentCopy as CreditsRedeemListCopy} id={key} />\n              )}\n              {key === ComponentKey.GoGift && <CreditsGoGift copy={componentCopy as CreditsGoGiftCopy} id={key} />}\n              {key === ComponentKey.SpendCreditsLikeCash && (\n                <CreditsCash copy={componentCopy as CreditsCashCopy} id={key} />\n              )}\n              {key === ComponentKey.MemberPrice && (\n                <CreditsMemberPrice copy={componentCopy as CreditsMemberPriceCopy} id={key} />\n              )}\n              {key === ComponentKey.Faqs && <CreditsFaq copy={componentCopy as CreditsFaqCopy} id={key} />}\n              {key !== ComponentKey.Banner && (\n                <div className=\"laptop:h-16 desktop:h-[96px] lg-desktop:h-[128px] tablet:h-16 h-16\" />\n              )}\n            </>\n          )\n        })}\n      </div>\n\n      {/* Global Modals */}\n      {pageCommon?.activitiesModal && (\n        <ActivitiesModal\n          isOpen={openActivitiesModal}\n          data={pageCommon.activitiesModal}\n          onClose={() => setOpenActivitiesModal(false)}\n        />\n      )}\n      {pageCommon?.rewardsModal && (\n        <RewardsModal\n          isOpen={openMyRewardsModal}\n          data={pageCommon.rewardsModal}\n          onClose={() => setOpenMyRewardsModal(false)}\n        />\n      )}\n    </>\n  )\n}\n\nexport const CreditsTemplate = ({\n  headlessConfig,\n  siteConfig,\n  creditsConfig,\n  userContext,\n  pageConfig,\n  registrationContext,\n  gtm,\n  cartConfig,\n}: CreditsTemplateProps) => {\n  return (\n    <HeadlessProvider headlessConfig={headlessConfig}>\n      <RegistrationProvider copy={siteConfig.registrationsSettings} email={userContext?.profile?.email}>\n        <CreditsProvider\n          profile={userContext?.profile}\n          removeProfile={userContext?.removeProfile}\n          isLoadingProfile={userContext?.isLoadingProfile}\n          openSignInPopup={registrationContext.openSignInPopup}\n          openSignUpPopup={registrationContext.openSignUpPopup}\n          creditInfo={userContext?.creditInfo}\n          taskIdToTypeMapping={siteConfig.taskIdToTypeMapping}\n          customer={userContext?.customer}\n          fetchCreditInfo={userContext?.fetchCreditInfo}\n          customerLoading={userContext?.customerLoading}\n          gtm={gtm}\n          pageCommon={pageConfig.common}\n          memberPriceDiscount={siteConfig.memberPriceDiscount}\n          alpcBrand={creditsConfig?.alpcBrand}\n          cartConfig={cartConfig}\n          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,GAuCQ,IAAAI,EAAA,6BAvCRC,EAA6C,yBAC7CC,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,EAEjI,SACE,oBAEG,UAAAN,EAAW,WAAW,eAAa,UAAU,MAC5C,OAAC,qBAAkB,KAAMA,EAAW,WAAW,eAAa,UAAU,EAAG,KAE3E,OAAC,OAAI,aAAW,cAAW,4BAA4B,EACpD,SAAAA,EAAW,MAAM,IAAIO,GAAO,CAE3B,GAAIA,IAAQ,eAAa,WAAY,OAAO,KAC5C,MAAMC,EAAgBR,EAAW,aAAaO,CAAG,EACjD,OAAKC,KAEH,oBACG,UAAAD,IAAQ,eAAa,WAAU,OAAC,iBAAc,KAAMC,EAAoC,GAAID,EAAK,EACjGA,IAAQ,eAAa,UAAYN,GAAa,YAC7C,OAAC,mBAAgB,KAAMO,EAAsC,GAAID,EAAK,EAEvEA,IAAQ,eAAa,aACpB,OAAC,mBAAgB,KAAMC,EAAsC,GAAID,EAAK,EAEvEA,IAAQ,eAAa,qBACpB,OAAC,2BACC,KAAMC,EACN,GAAID,EACJ,WACER,EAAe,QAAU,QACrB,CACA,SAAU,aACV,iBACE,4EACJ,EACE,CACA,SAAU,iBACV,iBAAkB,gBACpB,EAEN,EAEDQ,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,EAGCD,GAAY,oBACX,OAAC,EAAAG,QAAA,CACC,OAAQL,EACR,KAAME,EAAW,gBACjB,QAAS,IAAMD,EAAuB,EAAK,EAC7C,EAEDC,GAAY,iBACX,OAAC,EAAAI,QAAA,CACC,OAAQR,EACR,KAAMI,EAAW,aACjB,QAAS,IAAMH,EAAsB,EAAK,EAC5C,GAEJ,CAEJ,EAEaxB,EAAkB,CAAC,CAC9B,eAAAoB,EACA,WAAAY,EACA,cAAAC,EACA,YAAAX,EACA,WAAAD,EACA,oBAAAa,EACA,IAAAC,EACA,WAAAC,CACF,OAEI,OAAC,oBAAiB,eAAgBhB,EAChC,mBAAC,wBAAqB,KAAMY,EAAW,sBAAuB,MAAOV,GAAa,SAAS,MACzF,mBAAC,mBACC,QAASA,GAAa,QACtB,cAAeA,GAAa,cAC5B,iBAAkBA,GAAa,iBAC/B,gBAAiBY,EAAoB,gBACrC,gBAAiBA,EAAoB,gBACrC,WAAYZ,GAAa,WACzB,oBAAqBU,EAAW,oBAChC,SAAUV,GAAa,SACvB,gBAAiBA,GAAa,gBAC9B,gBAAiBA,GAAa,gBAC9B,IAAKa,EACL,WAAYd,EAAW,OACvB,oBAAqBW,EAAW,oBAChC,UAAWC,GAAe,UAC1B,WAAYG,EACZ,WAAYd,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_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", "key", "componentCopy", "ActivitiesModal", "RewardsModal", "siteConfig", "creditsConfig", "registrationContext", "gtm", "cartConfig"]
+  "sourcesContent": ["import { classNames, HeadlessProvider } from '@anker-in/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          customer={userContext?.customer}\n          fetchCreditInfo={userContext?.fetchCreditInfo}\n          customerLoading={userContext?.customerLoading}\n          gtm={gtm}\n          pageCommon={pageConfig.common}\n          memberPriceDiscount={siteConfig.memberPriceDiscount}\n          alpcBrand={creditsConfig?.alpcBrand}\n          cartConfig={cartConfig}\n          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,yBAC7CC,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,wBAAqB,KAAMmB,EAAW,sBAAuB,MAAOjB,GAAa,SAAS,MACzF,mBAAC,mBACC,QAASA,GAAa,QACtB,cAAeA,GAAa,cAC5B,iBAAkBA,GAAa,iBAC/B,gBAAiBmB,EAAoB,gBACrC,gBAAiBA,EAAoB,gBACrC,WAAYnB,GAAa,WACzB,oBAAqBiB,EAAW,oBAChC,SAAUjB,GAAa,SACvB,gBAAiBA,GAAa,gBAC9B,gBAAiBA,GAAa,gBAC9B,IAAKoB,EACL,WAAYrB,EAAW,OACvB,oBAAqBkB,EAAW,oBAChC,UAAWC,GAAe,UAC1B,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/LiveChatWidget/components/MessageContent/TextBlock.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{jsx as t}from"react/jsx-runtime";import d from"react-markdown";import n from"remark-gfm";const i={render:(l,a,s)=>{const r=l;return r.text?t("div",{className:"livechat-markdown text-base md:text-sm",children:t(d,{remarkPlugins:[n],components:{a:({node:o,...e})=>t("a",{...e,className:`underline ${a?"text-blue-200 hover:text-blue-100":"text-blue-600 hover:text-blue-700"}`,target:"_blank",rel:"noopener noreferrer"}),code:({node:o,...e})=>e.inline?t("code",{...e,className:`rounded px-1.5 py-0.5 font-mono text-xs ${a?"livechat-code-user bg-[#004A6E] text-white":"bg-gray-200 text-gray-800"}`}):t("code",{...e,className:`block overflow-x-auto rounded px-3 py-2 font-mono text-xs ${a?"livechat-code-user bg-[#004A6E] text-white":"bg-gray-200 text-gray-800"}`}),p:({node:o,...e})=>t("p",{...e,className:"last:mb-0"}),ul:({node:o,...e})=>t("ul",{...e,className:"ml-4 list-disc"}),ol:({node:o,...e})=>t("ol",{...e,className:"mb-2 ml-4 list-decimal"}),li:({node:o,...e})=>t("li",{...e,className:"mb-1"}),h1:({node:o,...e})=>t("h1",{...e,className:"mb-2 font-bold"}),h2:({node:o,...e})=>t("h2",{...e,className:"mb-2 font-bold"}),h3:({node:o,...e})=>t("h3",{...e,className:"mb-1 font-bold"}),strong:({node:o,...e})=>t("strong",{...e,className:"font-bold"}),em:({node:o,...e})=>t("em",{...e,className:"italic"}),table:({node:o,...e})=>t("div",{className:"my-2 overflow-x-auto",children:t("table",{...e,className:"min-w-full border-collapse border border-gray-300 text-base md:text-sm"})}),thead:({node:o,...e})=>t("thead",{...e,className:"bg-gray-100"}),tbody:({node:o,...e})=>t("tbody",{...e}),tr:({node:o,...e})=>t("tr",{...e,className:"border-b border-gray-300"}),th:({node:o,...e})=>t("th",{...e,className:"border border-gray-300 px-3 py-2 text-left font-semibold"}),td:({node:o,...e})=>t("td",{...e,className:"border border-gray-300 px-3 py-2"})},children:r.text})}):null}};export{i as TextBlock};
+import{jsx as t}from"react/jsx-runtime";import d from"react-markdown";import n from"remark-gfm";const y={render:(s,a,m)=>{const r=s;return r.text?t("div",{className:"livechat-markdown text-base md:text-sm",children:t(d,{remarkPlugins:[n],components:{a:({node:o,...e})=>t("a",{...e,className:`underline ${a?"text-blue-200 hover:text-blue-100":"text-blue-600 hover:text-blue-700"}`,target:"_blank",rel:"noopener noreferrer"}),code:({node:o,className:e,...l})=>/language-/.test(e||"")?t("code",{...l,className:`block overflow-x-auto rounded px-3 py-2 font-mono text-xs ${a?"livechat-code-user bg-[#004A6E] text-white":"bg-gray-200 text-gray-800"}`}):t("code",{...l,className:`rounded px-1.5 py-0.5 font-mono text-xs ${a?"livechat-code-user bg-[#004A6E] text-white":"bg-gray-200 text-gray-800"}`}),p:({node:o,...e})=>t("p",{...e,className:"last:mb-0"}),ul:({node:o,...e})=>t("ul",{...e,className:"ml-4 list-disc"}),ol:({node:o,...e})=>t("ol",{...e,className:"mb-2 ml-4 list-decimal"}),li:({node:o,...e})=>t("li",{...e,className:"mb-1"}),h1:({node:o,...e})=>t("h1",{...e,className:"mb-2 font-bold"}),h2:({node:o,...e})=>t("h2",{...e,className:"mb-2 font-bold"}),h3:({node:o,...e})=>t("h3",{...e,className:"mb-1 font-bold"}),strong:({node:o,...e})=>t("strong",{...e,className:"font-bold"}),em:({node:o,...e})=>t("em",{...e,className:"italic"}),table:({node:o,...e})=>t("div",{className:"my-2 overflow-x-auto",children:t("table",{...e,className:"min-w-full border-collapse border border-gray-300 text-base md:text-sm"})}),thead:({node:o,...e})=>t("thead",{...e,className:"bg-gray-100"}),tbody:({node:o,...e})=>t("tbody",{...e}),tr:({node:o,...e})=>t("tr",{...e,className:"border-b border-gray-300"}),th:({node:o,...e})=>t("th",{...e,className:"border border-gray-300 px-3 py-2 text-left font-semibold"}),td:({node:o,...e})=>t("td",{...e,className:"border border-gray-300 px-3 py-2"})},children:r.text})}):null}};export{y as TextBlock};
 //# sourceMappingURL=TextBlock.js.map

package/dist/esm/components/LiveChatWidget/components/MessageContent/TextBlock.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/components/LiveChatWidget/components/MessageContent/TextBlock.tsx"],
-  "sourcesContent": ["/**\n * \u6587\u672C\u6D88\u606F\u5185\u5BB9\u6E32\u67D3\u5668\n * \u652F\u6301 Markdown \u683C\u5F0F\n * \u57FA\u4E8E specs/livechat-widget/plan.md \u7684\u6587\u672C\u6D88\u606F\u8BBE\u8BA1\n */\n\nimport React from 'react'\nimport ReactMarkdown from 'react-markdown'\nimport remarkGfm from 'remark-gfm'\nimport type { MessageRenderer, TextContent } from '../../types'\n\n/**\n * \u6587\u672C\u6D88\u606F\u6E32\u67D3\u5668\n *\n * \u529F\u80FD\uFF1A\n * - \u652F\u6301 Markdown \u8BED\u6CD5\uFF08\u7C97\u4F53\u3001\u659C\u4F53\u3001\u94FE\u63A5\u3001\u5217\u8868\u7B49\uFF09\n * - \u5B89\u5168\u6E32\u67D3\uFF08React Markdown \u81EA\u52A8\u9632\u62A4 XSS\uFF09\n * - \u54CD\u5E94\u5F0F\u6587\u672C\u6837\u5F0F\n *\n * Markdown \u652F\u6301\uFF1A\n * - \u7C97\u4F53\uFF1A**text** \u6216 __text__\n * - \u659C\u4F53\uFF1A*text* \u6216 _text_\n * - \u94FE\u63A5\uFF1A[text](url)\n * - \u5217\u8868\uFF1A- item \u6216 1. item\n * - \u4EE3\u7801\uFF1A`code` \u6216 ```code block```\n *\n * @example\n * ```tsx\n * const content: TextContent = {\n *   type: 'text',\n *   text: '\u60A8\u597D\uFF01**\u8FD9\u662F\u7C97\u4F53**\uFF0C*\u8FD9\u662F\u659C\u4F53*\u3002'\n * }\n * <TextBlock.render(content, false, false) />\n * ```\n */\nexport const TextBlock: MessageRenderer = {\n  render: (content, isUser, isSystem) => {\n    const textContent = content as TextContent\n\n    if (!textContent.text) {\n      return null\n    }\n\n    return (\n      <div className=\"livechat-markdown text-base md:text-sm\">\n        <ReactMarkdown\n          remarkPlugins={[remarkGfm]}\n          components={{\n            // \u81EA\u5B9A\u4E49\u94FE\u63A5\u6837\u5F0F\n            a: ({ node, ...props }) => (\n              <a\n                {...props}\n                className={`underline ${isUser ? 'text-blue-200 hover:text-blue-100' : 'text-blue-600 hover:text-blue-700'}`}\n                target=\"_blank\"\n                rel=\"noopener noreferrer\"\n              />\n            ),\n            // \u81EA\u5B9A\u4E49\u4EE3\u7801\u5757\u6837\u5F0F\n            code: ({ node, ...props }: any) =>\n              props.inline ? (\n                <code\n                  {...props}\n                  className={`rounded px-1.5 py-0.5 font-mono text-xs ${isUser ? 'livechat-code-user bg-[#004A6E] text-white' : 'bg-gray-200 text-gray-800'}`}\n                />\n              ) : (\n                <code\n                  {...props}\n                  className={`block overflow-x-auto rounded px-3 py-2 font-mono text-xs ${isUser ? 'livechat-code-user bg-[#004A6E] text-white' : 'bg-gray-200 text-gray-800'}`}\n                />\n              ),\n            // \u81EA\u5B9A\u4E49\u6BB5\u843D\u6837\u5F0F\n            p: ({ node, ...props }) => <p {...props} className=\"last:mb-0\" />,\n            // \u81EA\u5B9A\u4E49\u5217\u8868\u6837\u5F0F\n            ul: ({ node, ...props }) => <ul {...props} className=\"ml-4 list-disc\" />,\n            ol: ({ node, ...props }) => <ol {...props} className=\"mb-2 ml-4 list-decimal\" />,\n            li: ({ node, ...props }) => <li {...props} className=\"mb-1\" />,\n            // \u81EA\u5B9A\u4E49\u6807\u9898\u6837\u5F0F\n            h1: ({ node, ...props }) => <h1 {...props} className=\"mb-2 font-bold\" />,\n            h2: ({ node, ...props }) => <h2 {...props} className=\"mb-2 font-bold\" />,\n            h3: ({ node, ...props }) => <h3 {...props} className=\"mb-1 font-bold\" />,\n            // \u81EA\u5B9A\u4E49\u5F3A\u8C03\u6837\u5F0F\n            strong: ({ node, ...props }) => <strong {...props} className=\"font-bold\" />,\n            em: ({ node, ...props }) => <em {...props} className=\"italic\" />,\n            // \u8868\u683C\u6837\u5F0F\n            table: ({ node, ...props }) => (\n              <div className=\"my-2 overflow-x-auto\">\n                <table {...props} className=\"min-w-full border-collapse border border-gray-300 text-base md:text-sm\" />\n              </div>\n            ),\n            thead: ({ node, ...props }) => (\n              <thead {...props} className=\"bg-gray-100\" />\n            ),\n            tbody: ({ node, ...props }) => <tbody {...props} />,\n            tr: ({ node, ...props }) => (\n              <tr {...props} className=\"border-b border-gray-300\" />\n            ),\n            th: ({ node, ...props }) => (\n              <th {...props} className=\"border border-gray-300 px-3 py-2 text-left font-semibold\" />\n            ),\n            td: ({ node, ...props }) => (\n              <td {...props} className=\"border border-gray-300 px-3 py-2\" />\n            ),\n          }}\n        >\n          {textContent.text}\n        </ReactMarkdown>\n      </div>\n    )\n  },\n}\n"],
-  "mappings": "AAkDc,cAAAA,MAAA,oBA3Cd,OAAOC,MAAmB,iBAC1B,OAAOC,MAAe,aA2Bf,MAAMC,EAA6B,CACxC,OAAQ,CAACC,EAASC,EAAQC,IAAa,CACrC,MAAMC,EAAcH,EAEpB,OAAKG,EAAY,KAKfP,EAAC,OAAI,UAAU,yCACb,SAAAA,EAACC,EAAA,CACC,cAAe,CAACC,CAAS,EACzB,WAAY,CAEV,EAAG,CAAC,CAAE,KAAAM,EAAM,GAAGC,CAAM,IACnBT,EAAC,KACE,GAAGS,EACJ,UAAW,aAAaJ,EAAS,oCAAsC,mCAAmC,GAC1G,OAAO,SACP,IAAI,sBACN,EAGF,KAAM,CAAC,CAAE,KAAAG,EAAM,GAAGC,CAAM,IACtBA,EAAM,OACJT,EAAC,QACE,GAAGS,EACJ,UAAW,2CAA2CJ,EAAS,6CAA+C,2BAA2B,GAC3I,EAEAL,EAAC,QACE,GAAGS,EACJ,UAAW,6DAA6DJ,EAAS,6CAA+C,2BAA2B,GAC7J,EAGJ,EAAG,CAAC,CAAE,KAAAG,EAAM,GAAGC,CAAM,IAAMT,EAAC,KAAG,GAAGS,EAAO,UAAU,YAAY,EAE/D,GAAI,CAAC,CAAE,KAAAD,EAAM,GAAGC,CAAM,IAAMT,EAAC,MAAI,GAAGS,EAAO,UAAU,iBAAiB,EACtE,GAAI,CAAC,CAAE,KAAAD,EAAM,GAAGC,CAAM,IAAMT,EAAC,MAAI,GAAGS,EAAO,UAAU,yBAAyB,EAC9E,GAAI,CAAC,CAAE,KAAAD,EAAM,GAAGC,CAAM,IAAMT,EAAC,MAAI,GAAGS,EAAO,UAAU,OAAO,EAE5D,GAAI,CAAC,CAAE,KAAAD,EAAM,GAAGC,CAAM,IAAMT,EAAC,MAAI,GAAGS,EAAO,UAAU,iBAAiB,EACtE,GAAI,CAAC,CAAE,KAAAD,EAAM,GAAGC,CAAM,IAAMT,EAAC,MAAI,GAAGS,EAAO,UAAU,iBAAiB,EACtE,GAAI,CAAC,CAAE,KAAAD,EAAM,GAAGC,CAAM,IAAMT,EAAC,MAAI,GAAGS,EAAO,UAAU,iBAAiB,EAEtE,OAAQ,CAAC,CAAE,KAAAD,EAAM,GAAGC,CAAM,IAAMT,EAAC,UAAQ,GAAGS,EAAO,UAAU,YAAY,EACzE,GAAI,CAAC,CAAE,KAAAD,EAAM,GAAGC,CAAM,IAAMT,EAAC,MAAI,GAAGS,EAAO,UAAU,SAAS,EAE9D,MAAO,CAAC,CAAE,KAAAD,EAAM,GAAGC,CAAM,IACvBT,EAAC,OAAI,UAAU,uBACb,SAAAA,EAAC,SAAO,GAAGS,EAAO,UAAU,yEAAyE,EACvG,EAEF,MAAO,CAAC,CAAE,KAAAD,EAAM,GAAGC,CAAM,IACvBT,EAAC,SAAO,GAAGS,EAAO,UAAU,cAAc,EAE5C,MAAO,CAAC,CAAE,KAAAD,EAAM,GAAGC,CAAM,IAAMT,EAAC,SAAO,GAAGS,EAAO,EACjD,GAAI,CAAC,CAAE,KAAAD,EAAM,GAAGC,CAAM,IACpBT,EAAC,MAAI,GAAGS,EAAO,UAAU,2BAA2B,EAEtD,GAAI,CAAC,CAAE,KAAAD,EAAM,GAAGC,CAAM,IACpBT,EAAC,MAAI,GAAGS,EAAO,UAAU,2DAA2D,EAEtF,GAAI,CAAC,CAAE,KAAAD,EAAM,GAAGC,CAAM,IACpBT,EAAC,MAAI,GAAGS,EAAO,UAAU,mCAAmC,CAEhE,EAEC,SAAAF,EAAY,KACf,EACF,EAlEO,IAoEX,CACF",
-  "names": ["jsx", "ReactMarkdown", "remarkGfm", "TextBlock", "content", "isUser", "isSystem", "textContent", "node", "props"]
+  "sourcesContent": ["/**\n * \u6587\u672C\u6D88\u606F\u5185\u5BB9\u6E32\u67D3\u5668\n * \u652F\u6301 Markdown \u683C\u5F0F\n * \u57FA\u4E8E specs/livechat-widget/plan.md \u7684\u6587\u672C\u6D88\u606F\u8BBE\u8BA1\n */\n\nimport React from 'react'\nimport ReactMarkdown from 'react-markdown'\nimport remarkGfm from 'remark-gfm'\nimport type { MessageRenderer, TextContent } from '../../types'\n\n/**\n * \u6587\u672C\u6D88\u606F\u6E32\u67D3\u5668\n *\n * \u529F\u80FD\uFF1A\n * - \u652F\u6301 Markdown \u8BED\u6CD5\uFF08\u7C97\u4F53\u3001\u659C\u4F53\u3001\u94FE\u63A5\u3001\u5217\u8868\u7B49\uFF09\n * - \u5B89\u5168\u6E32\u67D3\uFF08React Markdown \u81EA\u52A8\u9632\u62A4 XSS\uFF09\n * - \u54CD\u5E94\u5F0F\u6587\u672C\u6837\u5F0F\n *\n * Markdown \u652F\u6301\uFF1A\n * - \u7C97\u4F53\uFF1A**text** \u6216 __text__\n * - \u659C\u4F53\uFF1A*text* \u6216 _text_\n * - \u94FE\u63A5\uFF1A[text](url)\n * - \u5217\u8868\uFF1A- item \u6216 1. item\n * - \u4EE3\u7801\uFF1A`code` \u6216 ```code block```\n *\n * @example\n * ```tsx\n * const content: TextContent = {\n *   type: 'text',\n *   text: '\u60A8\u597D\uFF01**\u8FD9\u662F\u7C97\u4F53**\uFF0C*\u8FD9\u662F\u659C\u4F53*\u3002'\n * }\n * <TextBlock.render(content, false, false) />\n * ```\n */\nexport const TextBlock: MessageRenderer = {\n  render: (content, isUser, isSystem) => {\n    const textContent = content as TextContent\n\n    if (!textContent.text) {\n      return null\n    }\n\n    return (\n      <div className=\"livechat-markdown text-base md:text-sm\">\n        <ReactMarkdown\n          remarkPlugins={[remarkGfm]}\n          components={{\n            // \u81EA\u5B9A\u4E49\u94FE\u63A5\u6837\u5F0F\n            a: ({ node, ...props }) => (\n              <a\n                {...props}\n                className={`underline ${isUser ? 'text-blue-200 hover:text-blue-100' : 'text-blue-600 hover:text-blue-700'}`}\n                target=\"_blank\"\n                rel=\"noopener noreferrer\"\n              />\n            ),\n            // \u81EA\u5B9A\u4E49\u4EE3\u7801\u5757\u6837\u5F0F\n            code: ({ node, className, ...props }: any) => {\n              const isBlock = /language-/.test(className || '')\n              return isBlock ? (\n                <code\n                  {...props}\n                  className={`block overflow-x-auto rounded px-3 py-2 font-mono text-xs ${isUser ? 'livechat-code-user bg-[#004A6E] text-white' : 'bg-gray-200 text-gray-800'}`}\n                />\n              ) : (\n                <code\n                  {...props}\n                  className={`rounded px-1.5 py-0.5 font-mono text-xs ${isUser ? 'livechat-code-user bg-[#004A6E] text-white' : 'bg-gray-200 text-gray-800'}`}\n                />\n              )\n            },\n            // \u81EA\u5B9A\u4E49\u6BB5\u843D\u6837\u5F0F\n            p: ({ node, ...props }) => <p {...props} className=\"last:mb-0\" />,\n            // \u81EA\u5B9A\u4E49\u5217\u8868\u6837\u5F0F\n            ul: ({ node, ...props }) => <ul {...props} className=\"ml-4 list-disc\" />,\n            ol: ({ node, ...props }) => <ol {...props} className=\"mb-2 ml-4 list-decimal\" />,\n            li: ({ node, ...props }) => <li {...props} className=\"mb-1\" />,\n            // \u81EA\u5B9A\u4E49\u6807\u9898\u6837\u5F0F\n            h1: ({ node, ...props }) => <h1 {...props} className=\"mb-2 font-bold\" />,\n            h2: ({ node, ...props }) => <h2 {...props} className=\"mb-2 font-bold\" />,\n            h3: ({ node, ...props }) => <h3 {...props} className=\"mb-1 font-bold\" />,\n            // \u81EA\u5B9A\u4E49\u5F3A\u8C03\u6837\u5F0F\n            strong: ({ node, ...props }) => <strong {...props} className=\"font-bold\" />,\n            em: ({ node, ...props }) => <em {...props} className=\"italic\" />,\n            // \u8868\u683C\u6837\u5F0F\n            table: ({ node, ...props }) => (\n              <div className=\"my-2 overflow-x-auto\">\n                <table {...props} className=\"min-w-full border-collapse border border-gray-300 text-base md:text-sm\" />\n              </div>\n            ),\n            thead: ({ node, ...props }) => (\n              <thead {...props} className=\"bg-gray-100\" />\n            ),\n            tbody: ({ node, ...props }) => <tbody {...props} />,\n            tr: ({ node, ...props }) => (\n              <tr {...props} className=\"border-b border-gray-300\" />\n            ),\n            th: ({ node, ...props }) => (\n              <th {...props} className=\"border border-gray-300 px-3 py-2 text-left font-semibold\" />\n            ),\n            td: ({ node, ...props }) => (\n              <td {...props} className=\"border border-gray-300 px-3 py-2\" />\n            ),\n          }}\n        >\n          {textContent.text}\n        </ReactMarkdown>\n      </div>\n    )\n  },\n}\n"],
+  "mappings": "AAkDc,cAAAA,MAAA,oBA3Cd,OAAOC,MAAmB,iBAC1B,OAAOC,MAAe,aA2Bf,MAAMC,EAA6B,CACxC,OAAQ,CAACC,EAASC,EAAQC,IAAa,CACrC,MAAMC,EAAcH,EAEpB,OAAKG,EAAY,KAKfP,EAAC,OAAI,UAAU,yCACb,SAAAA,EAACC,EAAA,CACC,cAAe,CAACC,CAAS,EACzB,WAAY,CAEV,EAAG,CAAC,CAAE,KAAAM,EAAM,GAAGC,CAAM,IACnBT,EAAC,KACE,GAAGS,EACJ,UAAW,aAAaJ,EAAS,oCAAsC,mCAAmC,GAC1G,OAAO,SACP,IAAI,sBACN,EAGF,KAAM,CAAC,CAAE,KAAAG,EAAM,UAAAE,EAAW,GAAGD,CAAM,IACjB,YAAY,KAAKC,GAAa,EAAE,EAE9CV,EAAC,QACE,GAAGS,EACJ,UAAW,6DAA6DJ,EAAS,6CAA+C,2BAA2B,GAC7J,EAEAL,EAAC,QACE,GAAGS,EACJ,UAAW,2CAA2CJ,EAAS,6CAA+C,2BAA2B,GAC3I,EAIJ,EAAG,CAAC,CAAE,KAAAG,EAAM,GAAGC,CAAM,IAAMT,EAAC,KAAG,GAAGS,EAAO,UAAU,YAAY,EAE/D,GAAI,CAAC,CAAE,KAAAD,EAAM,GAAGC,CAAM,IAAMT,EAAC,MAAI,GAAGS,EAAO,UAAU,iBAAiB,EACtE,GAAI,CAAC,CAAE,KAAAD,EAAM,GAAGC,CAAM,IAAMT,EAAC,MAAI,GAAGS,EAAO,UAAU,yBAAyB,EAC9E,GAAI,CAAC,CAAE,KAAAD,EAAM,GAAGC,CAAM,IAAMT,EAAC,MAAI,GAAGS,EAAO,UAAU,OAAO,EAE5D,GAAI,CAAC,CAAE,KAAAD,EAAM,GAAGC,CAAM,IAAMT,EAAC,MAAI,GAAGS,EAAO,UAAU,iBAAiB,EACtE,GAAI,CAAC,CAAE,KAAAD,EAAM,GAAGC,CAAM,IAAMT,EAAC,MAAI,GAAGS,EAAO,UAAU,iBAAiB,EACtE,GAAI,CAAC,CAAE,KAAAD,EAAM,GAAGC,CAAM,IAAMT,EAAC,MAAI,GAAGS,EAAO,UAAU,iBAAiB,EAEtE,OAAQ,CAAC,CAAE,KAAAD,EAAM,GAAGC,CAAM,IAAMT,EAAC,UAAQ,GAAGS,EAAO,UAAU,YAAY,EACzE,GAAI,CAAC,CAAE,KAAAD,EAAM,GAAGC,CAAM,IAAMT,EAAC,MAAI,GAAGS,EAAO,UAAU,SAAS,EAE9D,MAAO,CAAC,CAAE,KAAAD,EAAM,GAAGC,CAAM,IACvBT,EAAC,OAAI,UAAU,uBACb,SAAAA,EAAC,SAAO,GAAGS,EAAO,UAAU,yEAAyE,EACvG,EAEF,MAAO,CAAC,CAAE,KAAAD,EAAM,GAAGC,CAAM,IACvBT,EAAC,SAAO,GAAGS,EAAO,UAAU,cAAc,EAE5C,MAAO,CAAC,CAAE,KAAAD,EAAM,GAAGC,CAAM,IAAMT,EAAC,SAAO,GAAGS,EAAO,EACjD,GAAI,CAAC,CAAE,KAAAD,EAAM,GAAGC,CAAM,IACpBT,EAAC,MAAI,GAAGS,EAAO,UAAU,2BAA2B,EAEtD,GAAI,CAAC,CAAE,KAAAD,EAAM,GAAGC,CAAM,IACpBT,EAAC,MAAI,GAAGS,EAAO,UAAU,2DAA2D,EAEtF,GAAI,CAAC,CAAE,KAAAD,EAAM,GAAGC,CAAM,IACpBT,EAAC,MAAI,GAAGS,EAAO,UAAU,mCAAmC,CAEhE,EAEC,SAAAF,EAAY,KACf,EACF,EApEO,IAsEX,CACF",
+  "names": ["jsx", "ReactMarkdown", "remarkGfm", "TextBlock", "content", "isUser", "isSystem", "textContent", "node", "props", "className"]
 }

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

@@ -0,0 +1,8 @@
+import { type ShippingCountry } from '../../type';
+declare function useShippingCountries({ shopifyStoreDomain }: {
+    shopifyStoreDomain: string;
+}): {
+    isLoading: boolean;
+    countries: ShippingCountry[];
+};
+export default useShippingCountries;

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

	@@ -0,0 +1,2 @@
1	+ import{useEffect as l,useState as p}from"react";import{useHeadlessContext as d}from"@anker-in/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}`,{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};
2	+ //# sourceMappingURL=useShippingCountries.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/components/credits/context/hooks/useShippingCountries.ts"],
+  "sourcesContent": ["import { useEffect, useState } from 'react'\n\nimport { useHeadlessContext } from '@anker-in/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          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,gBAGnC,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,CAMF,MAAMG,EAAW,MALA,MAAM,MAAM,4DAA4DN,CAAkB,GAAI,CAC7G,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"]
+}

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

@@ -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"@anker-in/lib";import{ProductInfo as A}from"./ProductInfo";import F from"../../context/hooks/useCountries";import{ROUNDED_BRANDS as C}from"../../../../constants";const L=({copy:o,shippingAddress:d,setAddress:a,validateAddress:i,validateErrors:n,shippingProduct:s,loading:l,address:p,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:l||!p,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 N,Text as r}from"@anker-in/headless-ui";import m from"classnames";import{AddressForm as R}from"../AddressForm";import{useHeadlessContext as h}from"@anker-in/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};
 //# sourceMappingURL=Address.js.map

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

@@ -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 '@anker-in/lib'\nimport type { RedeemableItem as RedeemableItemType, RedeemModalCommon } from '../../type'\nimport { ProductInfo } from './ProductInfo'\nimport useCountries from '../../context/hooks/useCountries'\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 } = useCountries({ 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,gBAEnC,OAAS,eAAAC,MAAmB,gBAC5B,OAAOC,MAAkB,mCACzB,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,EAAa,CAAE,mBAAoBc,CAAY,CAAC,EAExG,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", "useCountries", "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 { AddressForm } from '../AddressForm'\nimport { useHeadlessContext } from '@anker-in/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,gBAEnC,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"]
 }

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

@@ -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/useCountries";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"@anker-in/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 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"@anker-in/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};
 //# sourceMappingURL=index.js.map

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

@@ -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 useCountries from '../../context/hooks/useCountries'\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 '@anker-in/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 } = useCountries({ 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", "useCountries", "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 '@anker-in/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"]
 }

package/dist/esm/components/memberPopup/MemberPopup.d.ts CHANGED Viewed

@@ -5,5 +5,5 @@ type MemberPopupProps = MemberPopupContextValue & {
     copy: MemberPopupCopy;
     bottomOffset?: string;
 };
-export declare function MemberPopup({ copy, bottomOffset, ...providerProps }: MemberPopupProps): import("react/jsx-runtime").JSX.Element;
+export declare function MemberPopup({ copy, bottomOffset, ...providerProps }: MemberPopupProps): import("react/jsx-runtime").JSX.Element | null;
 export {};

package/dist/esm/components/memberPopup/MemberPopup.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use client";import{Fragment as ce,jsx as t,jsxs as r}from"react/jsx-runtime";import{lazy as l,Suspense as D,useState as d,useCallback as M,useMemo as F}from"react";import{Picture as L}from"@anker-in/headless-ui";import{useHeadlessContext as U,classNames as P}from"@anker-in/lib";import{MemberPopupActionType as a,MemberPopupPageScope as O,MemberPopupPanelType as i}from"./type";import{MemberPopupProvider as B}from"./context/provider";import{useMemberPopupContext as W}from"./context/provider";import{ViewStackContext as q}from"./context/viewStack";import{IconClose as G,IconArrow as J,IconCredit as K,IconBag as Q,IconReferral as X,IconSwitch as Y,IconSubscription as Z}from"./icons";import{ROUNDED_BRANDS as $}from"../../constants";const ee=l(()=>import("./panels/EarnCredits")),te=l(()=>import("./panels/ConsumeCredits")),se=l(()=>import("./panels/Referral")),oe=l(()=>import("./panels/EarnCredits/CompleteProfilePanel")),re=l(()=>import("./panels/ActivitiesSubscribePanel")),ie=l(()=>import("./panels/EarnCredits/SubscribeEmailPanel")),ne=l(()=>import("./panels/EarnCredits/ActivatePanel")),pe=l(()=>import("./panels/ConsumeCredits/RedeemCouponPanel"));function Se({copy:e,bottomOffset:u="24px",...c}){return t(B,{...c,earnCreditsCopy:e.earnCredits,children:t(ae,{copy:e,bottomOffset:u})})}function ae({copy:e,bottomOffset:u}){const{profile:c,openSignInPopup:C,openSignUpPopup:m}=W(),{brand:b,storeDomain:x}=U(),g=$.includes(b),A=!!c,[S,w]=d(!1),[h,v]=d([]),[V,R]=d(!1),[H,z]=d(!1),[E,T]=d(!1),[j,N]=d(!1),s=h[h.length-1]??null;if(!F(()=>{const o=e.pageConfig;if(!o)return!0;const p=typeof window<"u"?window.location.pathname:"",I=o.pages.some(k=>p===k||p.startsWith(k+"/"));switch(o.scope){case O.Include:return I;case O.Exclude:return!I;default:return!0}},[e.pageConfig]))return null;const f=M(o=>{v(p=>[...p,o])},[]),n=M(()=>{v(o=>o.slice(0,-1))},[]);function _(o,p){switch(o){case a.ExternalLink:p&&window.open(p,"_blank","noopener,noreferrer");break;case a.OpenEarnCredits:f({type:i.EarnCredits});break;case a.OpenConsumeCredits:f({type:i.ConsumeCredits});break;case a.OpenReferral:f({type:i.Referral});break;case a.OpenSubscribe:f({type:i.Subscribe});break}}function y(){w(!1),v([]),N(!1)}return r(q.Provider,{value:{pushView:f,popView:n},children:[S&&t("div",{className:"fixed inset-0 z-[998]",onClick:y}),r("div",{className:"fixed right-0 z-[999] flex flex-row items-end pr-[16px] md:flex-col md:items-end md:right-0 md:w-screen md:pr-0 md:pl-0",style:{bottom:u},children:[S&&r("div",{className:P("relative mr-[8px] flex w-[420px] max-w-[calc(100vw-32px)] min-h-[500px] flex-col overflow-hidden bg-white shadow-[0_8px_32px_rgba(0,0,0,0.16)] md:mr-0 md:mb-[8px] md:mx-[16px] md:w-[calc(100vw-32px)] md:max-w-[400px]",g?"rounded-[12px]":"rounded-none"),style:{maxHeight:"min(80vh, 606px)"},onClick:o=>o.stopPropagation(),children:[t("div",{className:"absolute right-[-8px] top-[24px] size-0 border-y-8 border-l-8 border-y-transparent border-l-white md:bottom-[-8px] md:left-auto md:right-[29px] md:top-auto md:border-x-8 md:border-b-transparent md:border-t-white"}),r("div",{className:"flex items-center justify-end pl-[10px] pr-[16px] pb-[8px] pt-[16px]",children:[s!==null&&t("button",{className:"mr-auto flex size-[24px] cursor-pointer items-center justify-center",onClick:n,"aria-label":"Back",children:t(Y,{})}),t("button",{className:"flex size-[24px] cursor-pointer items-center justify-center",onClick:y,"aria-label":"Close",children:t(G,{})})]}),r("div",{className:"flex flex-1 flex-col gap-[12px] overflow-y-auto p-[16px]",children:[s===null&&r(ce,{children:[(e.title||e.subtitle)&&r("div",{className:"flex flex-col gap-[4px]",children:[e.title&&t("h2",{className:"text-[24px] font-[700] leading-[1.2] text-[#080a0f]",children:e.title}),e.subtitle&&t("p",{className:"text-[16px] font-[700] leading-snug text-[#4a4c56]",children:e.subtitle})]}),e.list.map((o,p)=>t(le,{item:o,onAction:_,rounded:g},p))]}),s!==null&&r(D,{fallback:t("div",{className:"flex items-center justify-center py-[32px]",children:t("div",{className:"size-[32px] animate-spin rounded-full border-[3px] border-[#080a0f] border-t-transparent"})}),children:[s.type===i.EarnCredits&&e.earnCredits&&t(ee,{copy:e.earnCredits,onClose:n,isSubscribeSuccess:V,isActivateSuccess:H,isProfileCompleteSuccess:E,onSubscribeSuccess:()=>R(!0),onActivateSuccess:()=>z(!0),onProfileCompleteSuccess:()=>T(!0)}),s.type===i.ConsumeCredits&&e.consumeCredits&&t(te,{copy:e.consumeCredits,onClose:n}),s.type===i.Referral&&e.referral&&t(se,{copy:e.referral,onClose:n}),s.type===i.CompleteProfile&&e.earnCredits&&t(oe,{copy:e.earnCredits.completeProfile,shopifyStoreDomain:x,onClose:n,onSuccess:s.props?.onSuccess}),s.type===i.Subscribe&&e.activitiesSubscribe&&t(re,{copy:e.activitiesSubscribe,email:c?.email,onSuccess:s.props?.onSuccess,hideForm:j,onHideForm:()=>N(!0)}),s.type===i.SubscribeEmail&&e.earnCredits&&t(ie,{copy:e.earnCredits.subscribe,email:c?.email,onClose:n,onSuccess:s.props?.onSuccess}),s.type===i.Activate&&e.earnCredits&&t(ne,{copy:e.earnCredits.authCodeActivate,onClose:n,onSuccess:s.props?.onSuccess}),s.type===i.RedeemCoupon&&s.props&&e.consumeCredits&&t(pe,{itemTitle:s.props.itemTitle,itemCredits:s.props.itemCredits,itemImage:s.props.itemImage,itemValue:s.props.itemValue,itemOff:s.props.itemOff,itemRules:s.props.itemRules,redeemId:s.props.redeemId,userId:s.props.userId,alpcConfig:s.props.alpcConfig,copy:e.consumeCredits.redeemModal,pointUnit:e.consumeCredits.pointUnit,onClose:n})]})]}),e.footer&&!A&&t("div",{className:"border-t border-[#dadce0] p-[16px]",children:r("div",{className:"flex items-center justify-between gap-[16px]",children:[r("div",{className:"flex items-center gap-[4px]",children:[t("span",{className:"text-[14px] font-[700] text-[#080a0f]",children:e.footer.loginHint}),t("button",{className:"cursor-pointer text-[14px] font-[700] text-[#080a0f] underline",onClick:C,children:e.footer.loginLabel})]}),t("div",{className:"flex shrink-0 items-center gap-[8px]",children:t("button",{className:P("cursor-pointer border-[1.6px] border-[#080a0f] px-[20px] pb-[10px] pt-[11px] text-[14px] font-[700] leading-[1.2] text-[#080a0f]",g?"rounded-[4px]":"rounded-none"),onClick:m,children:e.footer.joinLabel})})]})})]}),t("button",{className:"flex cursor-pointer items-center justify-center rounded-full bg-white shadow-lg md:ml-auto md:mr-[16px]",onClick:()=>w(o=>!o),"aria-label":e.triggerImg.alt??"Open member popup",children:t(L,{source:e.triggerImg.url,alt:e.triggerImg.alt??"",className:"size-[58px]"})})]})]})}function le({item:e,onAction:u,rounded:c}){const C={[a.OpenEarnCredits]:K,[a.OpenConsumeCredits]:Q,[a.OpenReferral]:X,[a.OpenSubscribe]:Z};return r("div",{className:P("flex flex-col gap-[16px] bg-[#f5f6f7] p-[16px]",c?"rounded-[8px]":"rounded-none"),children:[r("div",{className:"flex flex-col gap-[4px]",children:[t("h3",{className:"text-[20px] font-[700] leading-[1.2] text-[#1e2024]",children:e.title}),e.description&&t("p",{className:"text-[14px] font-[700] leading-[1.43] text-[#1e2024]",children:e.description})]}),t("div",{className:"flex flex-col gap-[16px]",children:e.links.map((m,b)=>{const x=C[m.type];return r("div",{children:[b>0&&t("div",{className:"mb-[16px] h-px bg-[#dadce0]"}),r("button",{className:"flex w-full cursor-pointer items-center gap-[12px]",onClick:()=>u(m.type,m.url),children:[x&&t(x,{className:"size-[24px] shrink-0"}),t("span",{className:"flex-1 text-left text-[14px] font-[700] text-[#1e2024]",children:m.label}),t(J,{className:"size-[16px] shrink-0"})]})]},b)})})]})}export{Se as MemberPopup};
+"use client";import{Fragment as re,jsx as t,jsxs as r}from"react/jsx-runtime";import{lazy as d,Suspense as _,useState as h,useCallback as M,useEffect as A}from"react";import{Picture as E}from"@anker-in/headless-ui";import{gaTrack as V,useHeadlessContext as R,classNames as N}from"@anker-in/lib";import{MemberPopupActionType as p,MemberPopupPageScope as S,MemberPopupPanelType as s}from"./type";import{MemberPopupProvider as z}from"./context/provider";import{useMemberPopupContext as H}from"./context/provider";import{ViewStackContext as T}from"./context/viewStack";import{IconClose as j,IconArrow as B,IconCredit as L,IconBag as D,IconReferral as U,IconSwitch as F,IconSubscription as W}from"./icons";import{ROUNDED_BRANDS as q}from"../../constants";const G=d(()=>import("./panels/EarnCredits")),J=d(()=>import("./panels/ConsumeCredits")),K=d(()=>import("./panels/Referral")),Q=d(()=>import("./panels/EarnCredits/CompleteProfilePanel")),X=d(()=>import("./panels/ActivitiesSubscribePanel")),Y=d(()=>import("./panels/EarnCredits/SubscribeEmailPanel")),Z=d(()=>import("./panels/EarnCredits/ActivatePanel")),$=d(()=>import("./panels/ConsumeCredits/RedeemCouponPanel"));function ce({copy:e,bottomOffset:f="24px",...c}){const[C,i]=h(!1);return A(()=>{const l=e.pageConfig;if(!l){i(!0);return}const a=window.location.pathname,v=l.pages.some(b=>a===b||a.startsWith(b+"/"));switch(l.scope){case S.Include:i(v);break;case S.Exclude:i(!v);break;default:i(!0)}},[e.pageConfig]),C?t(z,{...c,earnCreditsCopy:e.earnCredits,children:t(ee,{copy:e,bottomOffset:f})}):null}function ee({copy:e,bottomOffset:f}){const{profile:c,openSignInPopup:C,openSignUpPopup:i}=H(),{brand:l}=R(),a=q.includes(l),v=!!c,[b,w]=h(!1),[y,P]=h([]),n=y[y.length-1]??null,g=M(o=>{P(m=>[...m,o])},[]),u=M(()=>{P(o=>o.slice(0,-1))},[]),I="Member Floating Window";function x(o,m){V({event:"ga4Event",event_name:"lp_button",event_parameters:{position:o,button_name:m,info:I}})}function O(o,m){switch(o){case p.ExternalLink:m&&window.open(m,"_blank","noopener,noreferrer");break;case p.OpenEarnCredits:x("home","earn_credits"),g({type:s.EarnCredits});break;case p.OpenConsumeCredits:x("home","consume_credits"),g({type:s.ConsumeCredits});break;case p.OpenReferral:x("home","referral"),g({type:s.Referral});break;case p.OpenSubscribe:x("home","subscribe"),g({type:s.Subscribe});break}}function k(){w(!1),P([])}return r(T.Provider,{value:{pushView:g,popView:u},children:[b&&t("div",{className:"fixed inset-0 z-[998]",onClick:k}),r("div",{className:"fixed right-0 z-[999] flex flex-row items-end pr-[20px] md:flex-col md:items-end md:right-0 md:w-screen md:pr-0 md:pl-0",style:{bottom:f},children:[b&&r("div",{className:"relative mr-[12px] md:mr-[12px] md:mb-[12px]",onClick:o=>o.stopPropagation(),children:[t("div",{className:"absolute right-[-7px] bottom-[24px] size-0 border-y-8 border-l-8 border-r-0 border-y-transparent border-l-white md:bottom-[-8px] md:right-[25px] md:top-auto md:border-y-0 md:border-l-8 md:border-r-8 md:border-t-8 md:border-l-transparent md:border-r-transparent md:border-t-white"}),r("div",{className:N("flex w-[420px] max-w-[calc(100vw-32px)] min-h-[500px] flex-col overflow-hidden bg-white shadow-[0_8px_32px_rgba(0,0,0,0.16)] md:w-[calc(100vw-32px)] md:max-w-[400px]",a?"rounded-[12px]":"rounded-none"),style:{maxHeight:"min(80vh, 606px)"},children:[r("div",{className:"flex items-center justify-end pl-[10px] pr-[16px] pb-[8px] pt-[16px]",children:[n!==null&&t("button",{className:"mr-auto flex size-[24px] cursor-pointer items-center justify-center",onClick:u,"aria-label":"Back",children:t(F,{})}),t("button",{className:"flex size-[24px] cursor-pointer items-center justify-center",onClick:()=>{x("floating_button","close"),k()},"aria-label":"Close",children:t(j,{})})]}),r("div",{className:"flex flex-1 flex-col gap-[12px] overflow-y-auto p-[16px]",children:[n===null&&r(re,{children:[(e.title||e.subtitle)&&r("div",{className:"flex flex-col gap-[4px]",children:[e.title&&t("h2",{className:"text-[24px] font-[700] leading-[1.2] text-[#080a0f]",children:e.title}),e.subtitle&&t("p",{className:"text-[16px] font-[700] leading-snug text-[#4a4c56]",children:e.subtitle})]}),e.list.map((o,m)=>t(te,{item:o,onAction:O,rounded:a},m))]}),n!==null&&r(_,{fallback:t("div",{className:"flex items-center justify-center py-[32px]",children:t("div",{className:"size-[32px] animate-spin rounded-full border-[3px] border-[#080a0f] border-t-transparent"})}),children:[n.type===s.EarnCredits&&e.earnCredits&&t(G,{copy:e.earnCredits}),n.type===s.ConsumeCredits&&e.consumeCredits&&t(J,{copy:e.consumeCredits}),n.type===s.Referral&&e.referral&&t(K,{copy:e.referral,onClose:u}),n.type===s.CompleteProfile&&e.earnCredits&&t(Q,{copy:e.earnCredits.completeProfile,onClose:u}),n.type===s.Subscribe&&e.activitiesSubscribe&&t(X,{copy:e.activitiesSubscribe,email:c?.email}),n.type===s.SubscribeEmail&&e.earnCredits&&t(Y,{copy:e.earnCredits.subscribe,email:c?.email,onClose:u}),n.type===s.Activate&&e.earnCredits&&t(Z,{copy:e.earnCredits.authCodeActivate,onClose:u}),n.type===s.RedeemCoupon&&n.props&&e.consumeCredits&&t($,{item:n.props,copy:e.consumeCredits,onClose:u})]})]}),e.footer&&!v&&t("div",{className:"border-t border-[#dadce0] p-[16px]",children:r("div",{className:"flex items-center justify-between gap-[16px]",children:[r("div",{className:"inline gap-[4px]",children:[t("span",{className:"text-[14px] font-[700] text-[#080a0f]",children:e.footer.loginHint}),t("button",{className:"cursor-pointer ml-[4px] text-[14px] font-bold text-[#080a0f] underline",onClick:C,children:e.footer.loginLabel})]}),t("div",{className:"flex shrink-0 items-center gap-[8px]",children:t("button",{className:N("cursor-pointer border-[1.6px] border-[#080a0f] px-[20px] pb-[10px] pt-[11px] text-[14px] font-[700] leading-[1.2] text-[#080a0f]",a?"rounded-[4px]":"rounded-none"),onClick:i,children:e.footer.joinLabel})})]})})]})]}),t("button",{className:"flex cursor-pointer items-center justify-center rounded-full bg-white shadow-lg md:ml-auto md:mr-[16px]",onClick:()=>{const o=!b;x("floating_button",o?"open":"close"),w(o)},"aria-label":e.triggerImg.alt??"Open member popup",children:t(E,{source:e.triggerImg.url,alt:e.triggerImg.alt??"",className:"size-[58px]"})})]})]})}function te({item:e,onAction:f,rounded:c}){const C={[p.OpenEarnCredits]:L,[p.OpenConsumeCredits]:D,[p.OpenReferral]:U,[p.OpenSubscribe]:W};return r("div",{className:N("flex flex-col gap-[16px] bg-[#f5f6f7] p-[16px]",c?"rounded-[8px]":"rounded-none"),children:[r("div",{className:"flex flex-col gap-[4px]",children:[t("h3",{className:"text-[20px] font-[700] leading-[1.2] text-[#1e2024]",children:e.title}),e.description&&t("p",{className:"text-[14px] font-[700] leading-[1.43] text-[#1e2024]",children:e.description})]}),t("div",{className:"flex flex-col gap-[16px]",children:e.links.map((i,l)=>{const a=C[i.type];return r("div",{children:[l>0&&t("div",{className:"mb-[16px] h-px bg-[#dadce0]"}),r("button",{className:"flex w-full cursor-pointer items-center gap-[12px]",onClick:()=>f(i.type,i.url),children:[a&&t(a,{className:"size-[24px] shrink-0"}),t("span",{className:"flex-1 text-left text-[14px] font-[700] text-[#1e2024]",children:i.label}),t(B,{className:"size-[16px] shrink-0"})]})]},l)})})]})}export{ce as MemberPopup};
 //# sourceMappingURL=MemberPopup.js.map

package/dist/esm/components/memberPopup/MemberPopup.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/components/memberPopup/MemberPopup.tsx"],
-  "sourcesContent": ["'use client'\n\nimport { lazy, Suspense, useState, useCallback, useMemo } from 'react'\nimport { Picture } from '@anker-in/headless-ui'\nimport { type HeadlessConfig, useHeadlessContext, classNames as cn } from '@anker-in/lib'\nimport {\n  MemberPopupActionType,\n  MemberPopupPageScope,\n  MemberPopupPanelType,\n  type MemberPopupCopy,\n  type MemberPopupContextValue,\n  type MemberPopupItem,\n} from './type'\nimport { MemberPopupProvider } from './context/provider'\nimport { useMemberPopupContext } from './context/provider'\nimport { ViewStackContext, type ViewPayload } from './context/viewStack'\nimport { IconClose, IconArrow, IconCredit, IconBag, IconReferral, IconSwitch, IconSubscription } from './icons'\nimport { ROUNDED_BRANDS } from '../../constants'\n\nconst EarnCredits = lazy(() => import('./panels/EarnCredits'))\nconst ConsumeCredits = lazy(() => import('./panels/ConsumeCredits'))\nconst Referral = lazy(() => import('./panels/Referral'))\nconst CompleteProfile = lazy(() => import('./panels/EarnCredits/CompleteProfilePanel'))\nconst ActivitiesSubscribe = lazy(() => import('./panels/ActivitiesSubscribePanel'))\nconst SubscribeEmail = lazy(() => import('./panels/EarnCredits/SubscribeEmailPanel'))\nconst Activate = lazy(() => import('./panels/EarnCredits/ActivatePanel'))\nconst RedeemCoupon = lazy(() => import('./panels/ConsumeCredits/RedeemCouponPanel'))\n\ntype MemberPopupProps = MemberPopupContextValue & {\n  headlessConfig: HeadlessConfig\n  copy: MemberPopupCopy\n  bottomOffset?: string\n}\n\nexport function MemberPopup({ copy, bottomOffset = '24px', ...providerProps }: MemberPopupProps) {\n  return (\n    <MemberPopupProvider {...providerProps} earnCreditsCopy={copy.earnCredits}>\n      <MemberPopupContent copy={copy} bottomOffset={bottomOffset} />\n    </MemberPopupProvider>\n  )\n}\n\ntype MemberPopupContentProps = {\n  copy: MemberPopupCopy\n  bottomOffset: string\n}\n\nfunction MemberPopupContent({ copy, bottomOffset }: MemberPopupContentProps) {\n  const { profile, openSignInPopup, openSignUpPopup } = useMemberPopupContext()\n  const { brand, storeDomain } = useHeadlessContext()\n  const rounded = ROUNDED_BRANDS.includes(brand)\n  const isLogin = !!profile\n  const [isOpen, setIsOpen] = useState(false)\n  const [viewStack, setViewStack] = useState<ViewPayload[]>([])\n  const [isSubscribeSuccess, setIsSubscribeSuccess] = useState(false)\n  const [isActivateSuccess, setIsActivateSuccess] = useState(false)\n  const [isProfileCompleteSuccess, setIsProfileCompleteSuccess] = useState(false)\n  const [isSubscribeFormHidden, setIsSubscribeFormHidden] = useState(false)\n\n  const currentView = viewStack[viewStack.length - 1] ?? null\n\n  const isVisible = useMemo(() => {\n    const config = copy.pageConfig\n    if (!config) return true\n    const pathname = typeof window !== 'undefined' ? window.location.pathname : ''\n    const matches = config.pages.some(page => pathname === page || pathname.startsWith(page + '/'))\n    switch (config.scope) {\n      case MemberPopupPageScope.Include:\n        return matches\n      case MemberPopupPageScope.Exclude:\n        return !matches\n      default:\n        return true\n    }\n  }, [copy.pageConfig])\n\n  if (!isVisible) return null\n\n  const pushView = useCallback((view: ViewPayload) => {\n    setViewStack(prev => [...prev, view])\n  }, [])\n\n  const popView = useCallback(() => {\n    setViewStack(prev => prev.slice(0, -1))\n  }, [])\n\n  function handleAction(type: MemberPopupActionType, url?: string) {\n    switch (type) {\n      case MemberPopupActionType.ExternalLink:\n        if (url) window.open(url, '_blank', 'noopener,noreferrer')\n        break\n      case MemberPopupActionType.OpenEarnCredits:\n        pushView({ type: MemberPopupPanelType.EarnCredits })\n        break\n      case MemberPopupActionType.OpenConsumeCredits:\n        pushView({ type: MemberPopupPanelType.ConsumeCredits })\n        break\n      case MemberPopupActionType.OpenReferral:\n        pushView({ type: MemberPopupPanelType.Referral })\n        break\n      case MemberPopupActionType.OpenSubscribe:\n        pushView({ type: MemberPopupPanelType.Subscribe })\n        break\n    }\n  }\n\n  function handleClose() {\n    setIsOpen(false)\n    setViewStack([])\n    setIsSubscribeFormHidden(false)\n  }\n\n  return (\n    <ViewStackContext.Provider value={{ pushView, popView }}>\n      {isOpen && <div className=\"fixed inset-0 z-[998]\" onClick={handleClose} />}\n      <div\n        className=\"fixed right-0 z-[999] flex flex-row items-end pr-[16px] md:flex-col md:items-end md:right-0 md:w-screen md:pr-0 md:pl-0\"\n        style={{ bottom: bottomOffset }}\n      >\n        {isOpen && (\n          <div\n            className={cn(\n              'relative mr-[8px] flex w-[420px] max-w-[calc(100vw-32px)] min-h-[500px] flex-col overflow-hidden bg-white shadow-[0_8px_32px_rgba(0,0,0,0.16)] md:mr-0 md:mb-[8px] md:mx-[16px] md:w-[calc(100vw-32px)] md:max-w-[400px]',\n              rounded ? 'rounded-[12px]' : 'rounded-none'\n            )}\n            style={{ maxHeight: 'min(80vh, 606px)' }}\n            onClick={e => e.stopPropagation()}\n          >\n            <div className=\"absolute right-[-8px] top-[24px] size-0 border-y-8 border-l-8 border-y-transparent border-l-white md:bottom-[-8px] md:left-auto md:right-[29px] md:top-auto md:border-x-8 md:border-b-transparent md:border-t-white\" />\n            <div className=\"flex items-center justify-end pl-[10px] pr-[16px] pb-[8px] pt-[16px]\">\n              {currentView !== null && (\n                <button\n                  className=\"mr-auto flex size-[24px] cursor-pointer items-center justify-center\"\n                  onClick={popView}\n                  aria-label=\"Back\"\n                >\n                  <IconSwitch />\n                </button>\n              )}\n              <button\n                className=\"flex size-[24px] cursor-pointer items-center justify-center\"\n                onClick={handleClose}\n                aria-label=\"Close\"\n              >\n                <IconClose />\n              </button>\n            </div>\n\n            <div className=\"flex flex-1 flex-col gap-[12px] overflow-y-auto p-[16px]\">\n              {currentView === null && (\n                <>\n                  {(copy.title || copy.subtitle) && (\n                    <div className=\"flex flex-col gap-[4px]\">\n                      {copy.title && (\n                        <h2 className=\"text-[24px] font-[700] leading-[1.2] text-[#080a0f]\">{copy.title}</h2>\n                      )}\n                      {copy.subtitle && (\n                        <p className=\"text-[16px] font-[700] leading-snug text-[#4a4c56]\">{copy.subtitle}</p>\n                      )}\n                    </div>\n                  )}\n                  {copy.list.map((item, i) => (\n                    <HomeCard key={i} item={item} onAction={handleAction} rounded={rounded} />\n                  ))}\n                </>\n              )}\n\n              {currentView !== null && (\n                <Suspense\n                  fallback={\n                    <div className=\"flex items-center justify-center py-[32px]\">\n                      <div className=\"size-[32px] animate-spin rounded-full border-[3px] border-[#080a0f] border-t-transparent\" />\n                    </div>\n                  }\n                >\n                  {currentView.type === MemberPopupPanelType.EarnCredits && copy.earnCredits && (\n                    <EarnCredits\n                      copy={copy.earnCredits}\n                      onClose={popView}\n                      isSubscribeSuccess={isSubscribeSuccess}\n                      isActivateSuccess={isActivateSuccess}\n                      isProfileCompleteSuccess={isProfileCompleteSuccess}\n                      onSubscribeSuccess={() => setIsSubscribeSuccess(true)}\n                      onActivateSuccess={() => setIsActivateSuccess(true)}\n                      onProfileCompleteSuccess={() => setIsProfileCompleteSuccess(true)}\n                    />\n                  )}\n                  {currentView.type === MemberPopupPanelType.ConsumeCredits && copy.consumeCredits && (\n                    <ConsumeCredits copy={copy.consumeCredits} onClose={popView} />\n                  )}\n                  {currentView.type === MemberPopupPanelType.Referral && copy.referral && (\n                    <Referral copy={copy.referral} onClose={popView} />\n                  )}\n                  {currentView.type === MemberPopupPanelType.CompleteProfile && copy.earnCredits && (\n                    <CompleteProfile\n                      copy={copy.earnCredits.completeProfile}\n                      shopifyStoreDomain={storeDomain}\n                      onClose={popView}\n                      onSuccess={currentView.props?.onSuccess}\n                    />\n                  )}\n                  {currentView.type === MemberPopupPanelType.Subscribe && copy.activitiesSubscribe && (\n                    <ActivitiesSubscribe\n                      copy={copy.activitiesSubscribe}\n                      email={profile?.email}\n                      onSuccess={currentView.props?.onSuccess}\n                      hideForm={isSubscribeFormHidden}\n                      onHideForm={() => setIsSubscribeFormHidden(true)}\n                    />\n                  )}\n                  {currentView.type === MemberPopupPanelType.SubscribeEmail && copy.earnCredits && (\n                    <SubscribeEmail\n                      copy={copy.earnCredits.subscribe}\n                      email={profile?.email}\n                      onClose={popView}\n                      onSuccess={currentView.props?.onSuccess}\n                    />\n                  )}\n                  {currentView.type === MemberPopupPanelType.Activate && copy.earnCredits && (\n                    <Activate\n                      copy={copy.earnCredits.authCodeActivate}\n                      onClose={popView}\n                      onSuccess={currentView.props?.onSuccess}\n                    />\n                  )}\n                  {currentView.type === MemberPopupPanelType.RedeemCoupon &&\n                    currentView.props &&\n                    copy.consumeCredits && (\n                      <RedeemCoupon\n                        itemTitle={currentView.props.itemTitle}\n                        itemCredits={currentView.props.itemCredits}\n                        itemImage={currentView.props.itemImage}\n                        itemValue={currentView.props.itemValue}\n                        itemOff={currentView.props.itemOff}\n                        itemRules={currentView.props.itemRules}\n                        redeemId={currentView.props.redeemId}\n                        userId={currentView.props.userId}\n                        alpcConfig={currentView.props.alpcConfig}\n                        copy={copy.consumeCredits.redeemModal}\n                        pointUnit={copy.consumeCredits.pointUnit}\n                        onClose={popView}\n                      />\n                    )}\n                </Suspense>\n              )}\n            </div>\n\n            {copy.footer && !isLogin && (\n              <div className=\"border-t border-[#dadce0] p-[16px]\">\n                <div className=\"flex items-center justify-between gap-[16px]\">\n                  <div className=\"flex items-center gap-[4px]\">\n                    <span className=\"text-[14px] font-[700] text-[#080a0f]\">{copy.footer.loginHint}</span>\n                    <button\n                      className=\"cursor-pointer text-[14px] font-[700] text-[#080a0f] underline\"\n                      onClick={openSignInPopup}\n                    >\n                      {copy.footer.loginLabel}\n                    </button>\n                  </div>\n                  <div className=\"flex shrink-0 items-center gap-[8px]\">\n                    <button\n                      className={cn(\n                        'cursor-pointer border-[1.6px] border-[#080a0f] px-[20px] pb-[10px] pt-[11px] text-[14px] font-[700] leading-[1.2] text-[#080a0f]',\n                        rounded ? 'rounded-[4px]' : 'rounded-none'\n                      )}\n                      onClick={openSignUpPopup}\n                    >\n                      {copy.footer.joinLabel}\n                    </button>\n                  </div>\n                </div>\n              </div>\n            )}\n          </div>\n        )}\n\n        <button\n          className=\"flex cursor-pointer items-center justify-center rounded-full bg-white shadow-lg md:ml-auto md:mr-[16px]\"\n          onClick={() => setIsOpen(prev => !prev)}\n          aria-label={copy.triggerImg.alt ?? 'Open member popup'}\n        >\n          <Picture source={copy.triggerImg.url} alt={copy.triggerImg.alt ?? ''} className=\"size-[58px]\" />\n        </button>\n      </div>\n    </ViewStackContext.Provider>\n  )\n}\n\ntype HomeCardProps = {\n  item: MemberPopupItem\n  onAction: (type: MemberPopupActionType, url?: string) => void\n  rounded: boolean\n}\n\nfunction HomeCard({ item, onAction, rounded }: HomeCardProps) {\n  const ACTION_ICON: Partial<Record<MemberPopupActionType, typeof IconCredit>> = {\n    [MemberPopupActionType.OpenEarnCredits]: IconCredit,\n    [MemberPopupActionType.OpenConsumeCredits]: IconBag,\n    [MemberPopupActionType.OpenReferral]: IconReferral,\n    [MemberPopupActionType.OpenSubscribe]: IconSubscription,\n  }\n\n  return (\n    <div className={cn('flex flex-col gap-[16px] bg-[#f5f6f7] p-[16px]', rounded ? 'rounded-[8px]' : 'rounded-none')}>\n      <div className=\"flex flex-col gap-[4px]\">\n        <h3 className=\"text-[20px] font-[700] leading-[1.2] text-[#1e2024]\">{item.title}</h3>\n        {item.description && <p className=\"text-[14px] font-[700] leading-[1.43] text-[#1e2024]\">{item.description}</p>}\n      </div>\n\n      <div className=\"flex flex-col gap-[16px]\">\n        {item.links.map((link, i) => {\n          const IconComponent = ACTION_ICON[link.type]\n          return (\n            <div key={i}>\n              {i > 0 && <div className=\"mb-[16px] h-px bg-[#dadce0]\" />}\n              <button\n                className=\"flex w-full cursor-pointer items-center gap-[12px]\"\n                onClick={() => onAction(link.type, link.url)}\n              >\n                {IconComponent && <IconComponent className=\"size-[24px] shrink-0\" />}\n                <span className=\"flex-1 text-left text-[14px] font-[700] text-[#1e2024]\">{link.label}</span>\n                <IconArrow className=\"size-[16px] shrink-0\" />\n              </button>\n            </div>\n          )\n        })}\n      </div>\n    </div>\n  )\n}\n"],
-  "mappings": "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",
-  "names": ["Fragment", "jsx", "jsxs", "lazy", "Suspense", "useState", "useCallback", "useMemo", "Picture", "useHeadlessContext", "cn", "MemberPopupActionType", "MemberPopupPageScope", "MemberPopupPanelType", "MemberPopupProvider", "useMemberPopupContext", "ViewStackContext", "IconClose", "IconArrow", "IconCredit", "IconBag", "IconReferral", "IconSwitch", "IconSubscription", "ROUNDED_BRANDS", "EarnCredits", "ConsumeCredits", "Referral", "CompleteProfile", "ActivitiesSubscribe", "SubscribeEmail", "Activate", "RedeemCoupon", "MemberPopup", "copy", "bottomOffset", "providerProps", "MemberPopupContent", "profile", "openSignInPopup", "openSignUpPopup", "brand", "storeDomain", "rounded", "isLogin", "isOpen", "setIsOpen", "viewStack", "setViewStack", "isSubscribeSuccess", "setIsSubscribeSuccess", "isActivateSuccess", "setIsActivateSuccess", "isProfileCompleteSuccess", "setIsProfileCompleteSuccess", "isSubscribeFormHidden", "setIsSubscribeFormHidden", "currentView", "config", "pathname", "matches", "page", "pushView", "view", "prev", "popView", "handleAction", "type", "url", "handleClose", "e", "item", "i", "HomeCard", "onAction", "ACTION_ICON", "link", "IconComponent"]
+  "sourcesContent": ["'use client'\n\nimport { lazy, Suspense, useState, useCallback, useEffect } from 'react'\nimport { Picture } from '@anker-in/headless-ui'\nimport { gaTrack, type HeadlessConfig, useHeadlessContext, classNames as cn } from '@anker-in/lib'\nimport {\n  MemberPopupActionType,\n  MemberPopupPageScope,\n  MemberPopupPanelType,\n  type MemberPopupCopy,\n  type MemberPopupContextValue,\n  type MemberPopupItem,\n} from './type'\nimport { MemberPopupProvider } from './context/provider'\nimport { useMemberPopupContext } from './context/provider'\nimport { ViewStackContext, type ViewPayload } from './context/viewStack'\nimport { IconClose, IconArrow, IconCredit, IconBag, IconReferral, IconSwitch, IconSubscription } from './icons'\nimport { ROUNDED_BRANDS } from '../../constants'\n\nconst EarnCredits = lazy(() => import('./panels/EarnCredits'))\nconst ConsumeCredits = lazy(() => import('./panels/ConsumeCredits'))\nconst Referral = lazy(() => import('./panels/Referral'))\nconst CompleteProfilePanel = lazy(() => import('./panels/EarnCredits/CompleteProfilePanel'))\nconst ActivitiesSubscribePanel = lazy(() => import('./panels/ActivitiesSubscribePanel'))\nconst SubscribeEmailPanel = lazy(() => import('./panels/EarnCredits/SubscribeEmailPanel'))\nconst ActivatePanel = lazy(() => import('./panels/EarnCredits/ActivatePanel'))\nconst RedeemCouponPanel = lazy(() => import('./panels/ConsumeCredits/RedeemCouponPanel'))\n\ntype MemberPopupProps = MemberPopupContextValue & {\n  headlessConfig: HeadlessConfig\n  copy: MemberPopupCopy\n  bottomOffset?: string\n}\n\nexport function MemberPopup({ copy, bottomOffset = '24px', ...providerProps }: MemberPopupProps) {\n  const [isVisible, setIsVisible] = useState(false)\n\n  useEffect(() => {\n    const config = copy.pageConfig\n    if (!config) {\n      setIsVisible(true)\n      return\n    }\n    const pathname = window.location.pathname\n    const matches = config.pages.some(page => pathname === page || pathname.startsWith(page + '/'))\n    switch (config.scope) {\n      case MemberPopupPageScope.Include:\n        setIsVisible(matches)\n        break\n      case MemberPopupPageScope.Exclude:\n        setIsVisible(!matches)\n        break\n      default:\n        setIsVisible(true)\n    }\n  }, [copy.pageConfig])\n\n  return isVisible ? (\n    <MemberPopupProvider {...providerProps} earnCreditsCopy={copy.earnCredits}>\n      <MemberPopupContent copy={copy} bottomOffset={bottomOffset} />\n    </MemberPopupProvider>\n  ) : null\n}\n\ntype MemberPopupContentProps = {\n  copy: MemberPopupCopy\n  bottomOffset: string\n}\n\nfunction MemberPopupContent({ copy, bottomOffset }: MemberPopupContentProps) {\n  const { profile, openSignInPopup, openSignUpPopup } = useMemberPopupContext()\n  const { brand } = useHeadlessContext()\n  const rounded = ROUNDED_BRANDS.includes(brand)\n  const isLogin = !!profile\n  const [isOpen, setIsOpen] = useState(false)\n  const [viewStack, setViewStack] = useState<ViewPayload[]>([])\n\n  const currentView = viewStack[viewStack.length - 1] ?? null\n\n  const pushView = useCallback((view: ViewPayload) => {\n    setViewStack(prev => [...prev, view])\n  }, [])\n\n  const popView = useCallback(() => {\n    setViewStack(prev => prev.slice(0, -1))\n  }, [])\n\n  const MEMBER_POPUP_INFO = 'Member Floating Window'\n\n  function trackLpButton(position: string, buttonName: string) {\n    gaTrack({\n      event: 'ga4Event',\n      event_name: 'lp_button',\n      event_parameters: {\n        position,\n        button_name: buttonName,\n        info: MEMBER_POPUP_INFO,\n      },\n    })\n  }\n\n  function handleAction(type: MemberPopupActionType, url?: string) {\n    switch (type) {\n      case MemberPopupActionType.ExternalLink:\n        if (url) window.open(url, '_blank', 'noopener,noreferrer')\n        break\n      case MemberPopupActionType.OpenEarnCredits:\n        trackLpButton('home', 'earn_credits')\n        pushView({ type: MemberPopupPanelType.EarnCredits })\n        break\n      case MemberPopupActionType.OpenConsumeCredits:\n        trackLpButton('home', 'consume_credits')\n        pushView({ type: MemberPopupPanelType.ConsumeCredits })\n        break\n      case MemberPopupActionType.OpenReferral:\n        trackLpButton('home', 'referral')\n        pushView({ type: MemberPopupPanelType.Referral })\n        break\n      case MemberPopupActionType.OpenSubscribe:\n        trackLpButton('home', 'subscribe')\n        pushView({ type: MemberPopupPanelType.Subscribe })\n        break\n    }\n  }\n\n  function handleClose() {\n    setIsOpen(false)\n    setViewStack([])\n  }\n\n  return (\n    <ViewStackContext.Provider value={{ pushView, popView }}>\n      {isOpen && <div className=\"fixed inset-0 z-[998]\" onClick={handleClose} />}\n      <div\n        className=\"fixed right-0 z-[999] flex flex-row items-end pr-[20px] md:flex-col md:items-end md:right-0 md:w-screen md:pr-0 md:pl-0\"\n        style={{ bottom: bottomOffset }}\n      >\n        {isOpen && (\n          <div className=\"relative mr-[12px] md:mr-[12px] md:mb-[12px]\" onClick={e => e.stopPropagation()}>\n            <div className=\"absolute right-[-7px] bottom-[24px] size-0 border-y-8 border-l-8 border-r-0 border-y-transparent border-l-white md:bottom-[-8px] md:right-[25px] md:top-auto md:border-y-0 md:border-l-8 md:border-r-8 md:border-t-8 md:border-l-transparent md:border-r-transparent md:border-t-white\" />\n            <div\n              className={cn(\n                'flex w-[420px] max-w-[calc(100vw-32px)] min-h-[500px] flex-col overflow-hidden bg-white shadow-[0_8px_32px_rgba(0,0,0,0.16)] md:w-[calc(100vw-32px)] md:max-w-[400px]',\n                rounded ? 'rounded-[12px]' : 'rounded-none'\n              )}\n              style={{ maxHeight: 'min(80vh, 606px)' }}\n            >\n              <div className=\"flex items-center justify-end pl-[10px] pr-[16px] pb-[8px] pt-[16px]\">\n                {currentView !== null && (\n                  <button\n                    className=\"mr-auto flex size-[24px] cursor-pointer items-center justify-center\"\n                    onClick={popView}\n                    aria-label=\"Back\"\n                  >\n                    <IconSwitch />\n                  </button>\n                )}\n                <button\n                  className=\"flex size-[24px] cursor-pointer items-center justify-center\"\n                  onClick={() => {\n                    trackLpButton('floating_button', 'close')\n                    handleClose()\n                  }}\n                  aria-label=\"Close\"\n                >\n                  <IconClose />\n                </button>\n              </div>\n\n              <div className=\"flex flex-1 flex-col gap-[12px] overflow-y-auto p-[16px]\">\n                {currentView === null && (\n                  <>\n                    {(copy.title || copy.subtitle) && (\n                      <div className=\"flex flex-col gap-[4px]\">\n                        {copy.title && (\n                          <h2 className=\"text-[24px] font-[700] leading-[1.2] text-[#080a0f]\">{copy.title}</h2>\n                        )}\n                        {copy.subtitle && (\n                          <p className=\"text-[16px] font-[700] leading-snug text-[#4a4c56]\">{copy.subtitle}</p>\n                        )}\n                      </div>\n                    )}\n                    {copy.list.map((item, i) => (\n                      <HomeCard key={i} item={item} onAction={handleAction} rounded={rounded} />\n                    ))}\n                  </>\n                )}\n\n                {currentView !== null && (\n                  <Suspense\n                    fallback={\n                      <div className=\"flex items-center justify-center py-[32px]\">\n                        <div className=\"size-[32px] animate-spin rounded-full border-[3px] border-[#080a0f] border-t-transparent\" />\n                      </div>\n                    }\n                  >\n                    {currentView.type === MemberPopupPanelType.EarnCredits && copy.earnCredits && (\n                      <EarnCredits copy={copy.earnCredits} />\n                    )}\n                    {currentView.type === MemberPopupPanelType.ConsumeCredits && copy.consumeCredits && (\n                      <ConsumeCredits copy={copy.consumeCredits} />\n                    )}\n                    {currentView.type === MemberPopupPanelType.Referral && copy.referral && (\n                      <Referral copy={copy.referral} onClose={popView} />\n                    )}\n                    {currentView.type === MemberPopupPanelType.CompleteProfile && copy.earnCredits && (\n                      <CompleteProfilePanel copy={copy.earnCredits.completeProfile} onClose={popView} />\n                    )}\n                    {currentView.type === MemberPopupPanelType.Subscribe && copy.activitiesSubscribe && (\n                      <ActivitiesSubscribePanel copy={copy.activitiesSubscribe} email={profile?.email} />\n                    )}\n                    {currentView.type === MemberPopupPanelType.SubscribeEmail && copy.earnCredits && (\n                      <SubscribeEmailPanel copy={copy.earnCredits.subscribe} email={profile?.email} onClose={popView} />\n                    )}\n                    {currentView.type === MemberPopupPanelType.Activate && copy.earnCredits && (\n                      <ActivatePanel copy={copy.earnCredits.authCodeActivate} onClose={popView} />\n                    )}\n                    {currentView.type === MemberPopupPanelType.RedeemCoupon &&\n                      currentView.props &&\n                      copy.consumeCredits && (\n                        <RedeemCouponPanel\n                          item={currentView.props as any}\n                          copy={copy.consumeCredits}\n                          onClose={popView}\n                        />\n                      )}\n                  </Suspense>\n                )}\n              </div>\n\n              {copy.footer && !isLogin && (\n                <div className=\"border-t border-[#dadce0] p-[16px]\">\n                  <div className=\"flex items-center justify-between gap-[16px]\">\n                    <div className=\"inline gap-[4px]\">\n                      <span className=\"text-[14px] font-[700] text-[#080a0f]\">{copy.footer.loginHint}</span>\n                      <button\n                        className=\"cursor-pointer ml-[4px] text-[14px] font-bold text-[#080a0f] underline\"\n                        onClick={openSignInPopup}\n                      >\n                        {copy.footer.loginLabel}\n                      </button>\n                    </div>\n                    <div className=\"flex shrink-0 items-center gap-[8px]\">\n                      <button\n                        className={cn(\n                          'cursor-pointer border-[1.6px] border-[#080a0f] px-[20px] pb-[10px] pt-[11px] text-[14px] font-[700] leading-[1.2] text-[#080a0f]',\n                          rounded ? 'rounded-[4px]' : 'rounded-none'\n                        )}\n                        onClick={openSignUpPopup}\n                      >\n                        {copy.footer.joinLabel}\n                      </button>\n                    </div>\n                  </div>\n                </div>\n              )}\n            </div>\n          </div>\n        )}\n\n        <button\n          className=\"flex cursor-pointer items-center justify-center rounded-full bg-white shadow-lg md:ml-auto md:mr-[16px]\"\n          onClick={() => {\n            const next = !isOpen\n            trackLpButton('floating_button', next ? 'open' : 'close')\n            setIsOpen(next)\n          }}\n          aria-label={copy.triggerImg.alt ?? 'Open member popup'}\n        >\n          <Picture source={copy.triggerImg.url} alt={copy.triggerImg.alt ?? ''} className=\"size-[58px]\" />\n        </button>\n      </div>\n    </ViewStackContext.Provider>\n  )\n}\n\ntype HomeCardProps = {\n  item: MemberPopupItem\n  onAction: (type: MemberPopupActionType, url?: string) => void\n  rounded: boolean\n}\n\nfunction HomeCard({ item, onAction, rounded }: HomeCardProps) {\n  const ACTION_ICON: Partial<Record<MemberPopupActionType, typeof IconCredit>> = {\n    [MemberPopupActionType.OpenEarnCredits]: IconCredit,\n    [MemberPopupActionType.OpenConsumeCredits]: IconBag,\n    [MemberPopupActionType.OpenReferral]: IconReferral,\n    [MemberPopupActionType.OpenSubscribe]: IconSubscription,\n  }\n\n  return (\n    <div className={cn('flex flex-col gap-[16px] bg-[#f5f6f7] p-[16px]', rounded ? 'rounded-[8px]' : 'rounded-none')}>\n      <div className=\"flex flex-col gap-[4px]\">\n        <h3 className=\"text-[20px] font-[700] leading-[1.2] text-[#1e2024]\">{item.title}</h3>\n        {item.description && <p className=\"text-[14px] font-[700] leading-[1.43] text-[#1e2024]\">{item.description}</p>}\n      </div>\n\n      <div className=\"flex flex-col gap-[16px]\">\n        {item.links.map((link, i) => {\n          const IconComponent = ACTION_ICON[link.type]\n          return (\n            <div key={i}>\n              {i > 0 && <div className=\"mb-[16px] h-px bg-[#dadce0]\" />}\n              <button\n                className=\"flex w-full cursor-pointer items-center gap-[12px]\"\n                onClick={() => onAction(link.type, link.url)}\n              >\n                {IconComponent && <IconComponent className=\"size-[24px] shrink-0\" />}\n                <span className=\"flex-1 text-left text-[14px] font-[700] text-[#1e2024]\">{link.label}</span>\n                <IconArrow className=\"size-[16px] shrink-0\" />\n              </button>\n            </div>\n          )\n        })}\n      </div>\n    </div>\n  )\n}\n"],
+  "mappings": "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",
+  "names": ["Fragment", "jsx", "jsxs", "lazy", "Suspense", "useState", "useCallback", "useEffect", "Picture", "gaTrack", "useHeadlessContext", "cn", "MemberPopupActionType", "MemberPopupPageScope", "MemberPopupPanelType", "MemberPopupProvider", "useMemberPopupContext", "ViewStackContext", "IconClose", "IconArrow", "IconCredit", "IconBag", "IconReferral", "IconSwitch", "IconSubscription", "ROUNDED_BRANDS", "EarnCredits", "ConsumeCredits", "Referral", "CompleteProfilePanel", "ActivitiesSubscribePanel", "SubscribeEmailPanel", "ActivatePanel", "RedeemCouponPanel", "MemberPopup", "copy", "bottomOffset", "providerProps", "isVisible", "setIsVisible", "config", "pathname", "matches", "page", "MemberPopupContent", "profile", "openSignInPopup", "openSignUpPopup", "brand", "rounded", "isLogin", "isOpen", "setIsOpen", "viewStack", "setViewStack", "currentView", "pushView", "view", "prev", "popView", "MEMBER_POPUP_INFO", "trackLpButton", "position", "buttonName", "handleAction", "type", "url", "handleClose", "e", "item", "i", "HomeCard", "next", "onAction", "ACTION_ICON", "link", "IconComponent"]
 }

package/dist/esm/components/memberPopup/context/provider.d.ts CHANGED Viewed

@@ -1,11 +1,11 @@
 import { PropsWithChildren } from 'react';
 import { type HeadlessConfig } from '@anker-in/lib';
-import type { EarnCreditsCopy, MemberPopupContextValue } from '../type';
-export declare const MemberPopupContext: import("react").Context<MemberPopupContextValue>;
+import type { EarnCreditsCopy, MemberPopupContextValue, MemberPopupInternalContextValue } from '../type';
+export declare const MemberPopupContext: import("react").Context<MemberPopupInternalContextValue>;
 type MemberPopupProviderProps = MemberPopupContextValue & {
     headlessConfig: HeadlessConfig;
     earnCreditsCopy?: EarnCreditsCopy;
 };
 export declare function MemberPopupProvider({ children, headlessConfig, earnCreditsCopy, ...contextValue }: PropsWithChildren<MemberPopupProviderProps>): import("react/jsx-runtime").JSX.Element;
-export declare function useMemberPopupContext(): MemberPopupContextValue;
+export declare function useMemberPopupContext(): MemberPopupInternalContextValue;
 export {};

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

@@ -1,2 +1,2 @@
-import{jsx as o}from"react/jsx-runtime";import{createContext as n,useContext as d}from"react";import{HeadlessProvider as a}from"@anker-in/lib";import{RegistrationProvider as s}from"../../registration";const p=n({profile:null,isLoadingProfile:!1,creditInfo:void 0,fetchCreditInfo:()=>{},openSignUpPopup:()=>{},openSignInPopup:()=>{},taskIdToTypeMapping:{},alpcConfig:{brand:"",locale:"",appName:""}});function m({children:e,headlessConfig:t,earnCreditsCopy:i,...r}){return o(a,{headlessConfig:t,children:o(s,{email:r.profile?.email,copy:{authCodeActivate:i?.authCodeActivate},children:o(p.Provider,{value:r,children:e})})})}function f(){const e=d(p);if(!e)throw new Error("useMemberPopupContext must be used within a MemberPopupProvider");return e}export{p as MemberPopupContext,m as MemberPopupProvider,f as useMemberPopupContext};
+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"@anker-in/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};
 //# sourceMappingURL=provider.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/components/memberPopup/context/provider.tsx"],
-  "sourcesContent": ["import { createContext, PropsWithChildren, useContext } from 'react'\nimport { HeadlessProvider, type HeadlessConfig } from '@anker-in/lib'\nimport { RegistrationProvider } from '../../registration'\nimport type { EarnCreditsCopy, MemberPopupContextValue } from '../type'\n\nexport const MemberPopupContext = createContext<MemberPopupContextValue>({\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})\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  return (\n    <HeadlessProvider headlessConfig={headlessConfig}>\n      <RegistrationProvider\n        email={contextValue.profile?.email}\n        copy={{ authCodeActivate: earnCreditsCopy?.authCodeActivate }}\n      >\n        <MemberPopupContext.Provider value={contextValue}>\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": "AAqCQ,cAAAA,MAAA,oBArCR,OAAS,iBAAAC,EAAkC,cAAAC,MAAkB,QAC7D,OAAS,oBAAAC,MAA6C,gBACtD,OAAS,wBAAAC,MAA4B,qBAG9B,MAAMC,EAAqBJ,EAAuC,CACvE,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,CACF,CAAC,EAOM,SAASK,EAAoB,CAClC,SAAAC,EACA,eAAAC,EACA,gBAAAC,EACA,GAAGC,CACL,EAAgD,CAC9C,OACEV,EAACG,EAAA,CAAiB,eAAgBK,EAChC,SAAAR,EAACI,EAAA,CACC,MAAOM,EAAa,SAAS,MAC7B,KAAM,CAAE,iBAAkBD,GAAiB,gBAAiB,EAE5D,SAAAT,EAACK,EAAmB,SAAnB,CAA4B,MAAOK,EACjC,SAAAH,EACH,EACF,EACF,CAEJ,CAEO,SAASI,GAAwB,CACtC,MAAMC,EAAUV,EAAWG,CAAkB,EAC7C,GAAI,CAACO,EACH,MAAM,IAAI,MAAM,iEAAiE,EAEnF,OAAOA,CACT",
-  "names": ["jsx", "createContext", "useContext", "HeadlessProvider", "RegistrationProvider", "MemberPopupContext", "MemberPopupProvider", "children", "headlessConfig", "earnCreditsCopy", "contextValue", "useMemberPopupContext", "context"]
+  "sourcesContent": ["import { createContext, PropsWithChildren, useContext, useState } from 'react'\nimport { HeadlessProvider, type HeadlessConfig } from '@anker-in/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,gBACtD,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",
+  "names": ["jsx", "createContext", "useContext", "useState", "HeadlessProvider", "RegistrationProvider", "MemberPopupContext", "MemberPopupProvider", "children", "headlessConfig", "earnCreditsCopy", "contextValue", "isSubscribeSuccess", "setIsSubscribeSuccess", "isActivateSuccess", "setIsActivateSuccess", "isProfileCompleteSuccess", "setIsProfileCompleteSuccess", "useMemberPopupContext", "context"]
 }