npm - @anker-in/campaign-ui - Versions diffs - 0.4.5-beta.11 → 0.4.5-beta.13 - Mend

@anker-in/campaign-ui 0.4.5-beta.11 → 0.4.5-beta.13

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 (148) hide show

package/dist/esm/components/credits/modal/SubscribeModal.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/components/credits/modal/SubscribeModal.tsx"],
-  "sourcesContent": ["import { useCallback, useEffect, useState } from 'react'\nimport { useRouter } from 'next/router'\nimport { Button, Checkbox, Picture, Text } from '@anker-in/headless-ui'\nimport { classNames, fetcher, gaTrack, useHeadlessContext } from '@anker-in/lib'\nimport Cookies from 'js-cookie'\nimport { parse } from 'query-string'\nimport sha256 from 'crypto-js/sha256'\nimport { useCreditsContext } from '../context/provider'\nimport { ROUNDED_BRANDS } from '../../../constants'\nimport { emailValidate } from '../context/utils'\nimport { CreditsModalContainer, type ModalContainerProps } from './ModalContainer'\n\nexport type CreditsSubscribeModalCopy = {\n  title: string\n  desc?: string\n  placeholder: string\n  policy?: string\n  successTips?: string\n  dealsType?: string\n}\n\ninterface CreditsSubscribeModalProps extends ModalContainerProps {\n  copy: CreditsSubscribeModalCopy\n  onSuccess?: () => void\n}\n\nconst getAdCookie = () => {\n  if (typeof window === 'undefined') {\n    return { register_source: '' }\n  }\n  const { search, href } = window.location || {}\n  const query = parse(search)\n\n  return {\n    fbuy_ref_code: Cookies.get('fbuy_ref_code'),\n    affiliate: Cookies.get('affiliate'),\n    ref: Cookies.get('ref_ads'),\n    inviter_code: query.ic || query.inviter_code || Cookies.get('inviter_code'),\n    register_source: query.redirect || Cookies.get('reg_source') || href,\n    deals_type: Cookies.get('deal'),\n    transfer_id: Cookies.get('transfer_id'),\n  }\n}\n\nexport function CreditsSubscribeModal({ copy, onSuccess, ...props }: CreditsSubscribeModalProps) {\n  const { brand } = useHeadlessContext()\n  const rounded = ROUNDED_BRANDS.includes(brand)\n  const { locale } = useRouter()\n  const [policy, setPolicy] = useState(false)\n  const [email, setEmail] = useState('')\n  const [errorMessage, setErrorMessage] = useState('')\n  const [successMessage, setSuccessMessage] = useState('')\n  const [loading, setLoading] = useState(false)\n  const { profile } = useCreditsContext()\n\n  const handleEmailChange = useCallback((event: React.ChangeEvent<HTMLInputElement>) => {\n    setErrorMessage('')\n    setEmail(event.target?.value?.trim())\n  }, [])\n\n  const handleSubmit = useCallback(async () => {\n    setErrorMessage('')\n    if (!email) {\n      return setErrorMessage('Please fill in your email')\n    }\n\n    if (!emailValidate(email)) {\n      return setErrorMessage('Invalid email address')\n    }\n\n    if (!policy) {\n      return setErrorMessage('Please agree to the policy')\n    }\n\n    setLoading(true)\n    const { register_source } = getAdCookie()\n\n    const result = await fetcher({\n      locale,\n      action: 'subscribe',\n      url: '/api/multipass/subscribe/subscribe_emails',\n      method: 'POST',\n      body: {\n        email,\n        register_source,\n        brand,\n        deals_type: copy.dealsType || 'vip_subscribe',\n      },\n      headers: {},\n      type: '',\n    })\n    setLoading(false)\n\n    if (!result.errors) {\n      setSuccessMessage(copy.successTips || 'Subscribed successfully!')\n      if (onSuccess) {\n        onSuccess()\n      }\n      setTimeout(() => {\n        setSuccessMessage('')\n      }, 3000)\n      gaTrack({\n        subscribe_hashed_email: email ? sha256(email) : '',\n      })\n      gaTrack({\n        event: 'ga4Event',\n        event_name: 'subscribe',\n        event_parameters: {\n          page_group: copy.dealsType || 'vip_subscribe',\n          position: 'pop_up',\n        },\n      })\n      gaTrack({\n        event: 'uaEvent',\n        eventCategory: 'subscribe',\n        eventAction: copy.dealsType || 'vip_subscribe',\n        eventLabel: 'pop_up',\n        nonInteraction: false,\n      })\n    } else {\n      setErrorMessage(result.errors || result.statusText)\n    }\n  }, [email, policy, locale, brand, copy.dealsType, copy.successTips, onSuccess])\n\n  useEffect(() => {\n    if (profile && profile?.email) {\n      setEmail(profile?.email)\n    }\n  }, [profile])\n\n  return (\n    <CreditsModalContainer\n      className=\"w-[540px] md:h-auto\"\n      scrollClassName=\"mb-[40px] min-l:px-[48px] md:mb-[24px]\"\n      titleClassName=\"h-[56px]\"\n      useAnimation\n      animationClassName=\"md:translate-y-[100vh]\"\n      {...props}\n    >\n      <div className=\"flex flex-col gap-[16px] text-center min-l:px-[16px]\">\n        <div>\n          <Text className={classNames('mb-[24px] text-[22px] font-bold')} html={copy.title}></Text>\n        </div>\n        {copy.desc && (\n          <Text\n            className=\"mb-[8px] text-left text-[16px] font-semibold leading-[1.4] text-[#1F2021]\"\n            html={copy.desc}\n          ></Text>\n        )}\n        <div\n          className={classNames(\n            'relative flex h-[52px] w-full overflow-hidden rounded-[2px] md:grid md:h-auto md:grid-rows-1 md:gap-[16px]',\n            !rounded && 'rounded-none'\n          )}\n        >\n          <input\n            className={classNames(\n              'h-full flex-1 rounded-l-[2px] border-[1px] border-[#d8d8d8] px-[14px] py-[17px] text-[16px] font-semibold leading-[1] outline-none placeholder:text-[#999] md:h-[52px] md:rounded-[2px]',\n              !rounded && 'rounded-none'\n            )}\n            placeholder={copy.placeholder}\n            value={email}\n            onChange={handleEmailChange}\n          />\n          <Button\n            variant=\"primary\"\n            onClick={handleSubmit}\n            loading={loading}\n            className={classNames(\n              'legacy-headless-ui-primary-button !h-full !min-w-0 !rounded-l-none !rounded-r-[2px] !px-[40px] !py-[13px]',\n              !rounded && 'rounded-none'\n            )}\n          >\n            <Picture\n              source=\"https://cdn.shopify.com/s/files/1/0512/8568/8505/files/icon_email.png?v=1697527383\"\n              className=\"h-[24px] w-[24px]\"\n              alt=\"email\"\n            />\n          </Button>\n        </div>\n        <div className=\"flex w-full\">\n          <Checkbox checked={policy} onCheckedChange={() => setPolicy(!policy)} required className=\"border-[#1d1d1f]\" />\n          <label\n            className=\"text-left ml-2 text-[14px] font-semibold text-[#777] [&_a]:underline\"\n            dangerouslySetInnerHTML={{\n              __html: copy?.policy || '',\n            }}\n          />\n        </div>\n        <div\n          className={classNames(\n            'w-full text-left text-[16px] font-semibold',\n            errorMessage && 'text-[#F84D4F]',\n            successMessage && 'text-[#52C41A]'\n          )}\n        >\n          <Text html={successMessage || errorMessage || ''} />\n        </div>\n      </div>\n    </CreditsModalContainer>\n  )\n}\n"],
-  "mappings": "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",
-  "names": ["jsx", "jsxs", "useCallback", "useEffect", "useState", "useRouter", "Button", "Checkbox", "Picture", "Text", "classNames", "fetcher", "gaTrack", "useHeadlessContext", "Cookies", "parse", "sha256", "useCreditsContext", "ROUNDED_BRANDS", "emailValidate", "CreditsModalContainer", "getAdCookie", "search", "href", "query", "CreditsSubscribeModal", "copy", "onSuccess", "props", "brand", "rounded", "locale", "policy", "setPolicy", "email", "setEmail", "errorMessage", "setErrorMessage", "successMessage", "setSuccessMessage", "loading", "setLoading", "profile", "handleEmailChange", "event", "handleSubmit", "register_source", "result"]
+  "sourcesContent": ["import { useCallback, useEffect, useState } from 'react'\nimport { Button, Checkbox, Picture, Text } from '@anker-in/headless-ui'\nimport { classNames, fetcher, gaTrack, useHeadlessContext } from '@anker-in/lib'\nimport Cookies from 'js-cookie'\nimport { parse } from 'query-string'\nimport sha256 from 'crypto-js/sha256'\nimport { useCreditsContext } from '../context/provider'\nimport { ROUNDED_BRANDS } from '../../../constants'\nimport { emailValidate } from '../context/utils'\nimport { CreditsModalContainer, type ModalContainerProps } from './ModalContainer'\n\nexport type CreditsSubscribeModalCopy = {\n  title: string\n  desc?: string\n  placeholder: string\n  policy?: string\n  successTips?: string\n  dealsType?: string\n}\n\ninterface CreditsSubscribeModalProps extends ModalContainerProps {\n  copy: CreditsSubscribeModalCopy\n  onSuccess?: () => void\n}\n\nconst getAdCookie = () => {\n  if (typeof window === 'undefined') {\n    return { register_source: '' }\n  }\n  const { search, href } = window.location || {}\n  const query = parse(search)\n\n  return {\n    fbuy_ref_code: Cookies.get('fbuy_ref_code'),\n    affiliate: Cookies.get('affiliate'),\n    ref: Cookies.get('ref_ads'),\n    inviter_code: query.ic || query.inviter_code || Cookies.get('inviter_code'),\n    register_source: query.redirect || Cookies.get('reg_source') || href,\n    deals_type: Cookies.get('deal'),\n    transfer_id: Cookies.get('transfer_id'),\n  }\n}\n\nexport function CreditsSubscribeModal({ copy, onSuccess, ...props }: CreditsSubscribeModalProps) {\n  const { brand, locale } = useHeadlessContext()\n  const rounded = ROUNDED_BRANDS.includes(brand)\n  const [policy, setPolicy] = useState(false)\n  const [email, setEmail] = useState('')\n  const [errorMessage, setErrorMessage] = useState('')\n  const [successMessage, setSuccessMessage] = useState('')\n  const [loading, setLoading] = useState(false)\n  const { profile } = useCreditsContext()\n\n  const handleEmailChange = useCallback((event: React.ChangeEvent<HTMLInputElement>) => {\n    setErrorMessage('')\n    setEmail(event.target?.value?.trim())\n  }, [])\n\n  const handleSubmit = useCallback(async () => {\n    setErrorMessage('')\n    if (!email) {\n      return setErrorMessage('Please fill in your email')\n    }\n\n    if (!emailValidate(email)) {\n      return setErrorMessage('Invalid email address')\n    }\n\n    if (!policy) {\n      return setErrorMessage('Please agree to the policy')\n    }\n\n    setLoading(true)\n    const { register_source } = getAdCookie()\n\n    const result = await fetcher({\n      locale,\n      action: 'subscribe',\n      url: '/api/multipass/subscribe/subscribe_emails',\n      method: 'POST',\n      body: {\n        email,\n        register_source,\n        brand,\n        deals_type: copy.dealsType || 'vip_subscribe',\n      },\n      headers: {},\n      type: '',\n    })\n    setLoading(false)\n\n    if (!result.errors) {\n      setSuccessMessage(copy.successTips || 'Subscribed successfully!')\n      if (onSuccess) {\n        onSuccess()\n      }\n      setTimeout(() => {\n        setSuccessMessage('')\n      }, 3000)\n      gaTrack({\n        subscribe_hashed_email: email ? sha256(email) : '',\n      })\n      gaTrack({\n        event: 'ga4Event',\n        event_name: 'subscribe',\n        event_parameters: {\n          page_group: copy.dealsType || 'vip_subscribe',\n          position: 'pop_up',\n        },\n      })\n      gaTrack({\n        event: 'uaEvent',\n        eventCategory: 'subscribe',\n        eventAction: copy.dealsType || 'vip_subscribe',\n        eventLabel: 'pop_up',\n        nonInteraction: false,\n      })\n    } else {\n      setErrorMessage(result.errors || result.statusText)\n    }\n  }, [email, policy, locale, brand, copy.dealsType, copy.successTips, onSuccess])\n\n  useEffect(() => {\n    if (profile && profile?.email) {\n      setEmail(profile?.email)\n    }\n  }, [profile])\n\n  return (\n    <CreditsModalContainer\n      className=\"w-[540px] md:h-auto\"\n      scrollClassName=\"mb-[40px] min-l:px-[48px] md:mb-[24px]\"\n      titleClassName=\"h-[56px]\"\n      useAnimation\n      animationClassName=\"md:translate-y-[100vh]\"\n      {...props}\n    >\n      <div className=\"min-l:px-[16px] flex flex-col gap-[16px] text-center\">\n        <div>\n          <Text className={classNames('mb-[24px] text-[22px] font-bold')} html={copy.title}></Text>\n        </div>\n        {copy.desc && (\n          <Text\n            className=\"mb-[8px] text-left text-[16px] font-semibold leading-[1.4] text-[#1F2021]\"\n            html={copy.desc}\n          ></Text>\n        )}\n        <div\n          className={classNames(\n            'relative flex h-[52px] w-full overflow-hidden rounded-[2px] md:grid md:h-auto md:grid-rows-1 md:gap-[16px]',\n            !rounded && 'rounded-none'\n          )}\n        >\n          <input\n            className={classNames(\n              'h-full flex-1 rounded-l-[2px] border-[1px] border-[#d8d8d8] px-[14px] py-[17px] text-[16px] font-semibold leading-[1] outline-none placeholder:text-[#999] md:h-[52px] md:rounded-[2px]',\n              !rounded && 'rounded-none'\n            )}\n            placeholder={copy.placeholder}\n            value={email}\n            onChange={handleEmailChange}\n          />\n          <Button\n            variant=\"primary\"\n            onClick={handleSubmit}\n            loading={loading}\n            className={classNames(\n              'legacy-headless-ui-primary-button !h-full !min-w-0 !rounded-l-none !rounded-r-[2px] !px-[40px] !py-[13px]',\n              !rounded && 'rounded-none'\n            )}\n          >\n            <Picture\n              source=\"https://cdn.shopify.com/s/files/1/0512/8568/8505/files/icon_email.png?v=1697527383\"\n              className=\"size-[24px]\"\n              alt=\"email\"\n            />\n          </Button>\n        </div>\n        <div className=\"flex w-full\">\n          <Checkbox checked={policy} onCheckedChange={() => setPolicy(!policy)} required className=\"border-[#1d1d1f]\" />\n          <label\n            className=\"ml-2 text-left text-[14px] font-semibold text-[#777] [&_a]:underline\"\n            dangerouslySetInnerHTML={{\n              __html: copy?.policy || '',\n            }}\n          />\n        </div>\n        <div\n          className={classNames(\n            'w-full text-left text-[16px] font-semibold',\n            errorMessage && 'text-[#F84D4F]',\n            successMessage && 'text-[#52C41A]'\n          )}\n        >\n          <Text html={successMessage || errorMessage || ''} />\n        </div>\n      </div>\n    </CreditsModalContainer>\n  )\n}\n"],
+  "mappings": "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",
+  "names": ["jsx", "jsxs", "useCallback", "useEffect", "useState", "Button", "Checkbox", "Picture", "Text", "classNames", "fetcher", "gaTrack", "useHeadlessContext", "Cookies", "parse", "sha256", "useCreditsContext", "ROUNDED_BRANDS", "emailValidate", "CreditsModalContainer", "getAdCookie", "search", "href", "query", "CreditsSubscribeModal", "copy", "onSuccess", "props", "brand", "locale", "rounded", "policy", "setPolicy", "email", "setEmail", "errorMessage", "setErrorMessage", "successMessage", "setSuccessMessage", "loading", "setLoading", "profile", "handleEmailChange", "event", "handleSubmit", "register_source", "result"]
 }

package/dist/esm/components/index.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
-export { default as Chat } from './chat/index.js';
-export { Role, ActionExecutionMessage, TextMessage, useCopilotChat, useCopilotAction, useCopilotReadable, } from './chat/utils.js';
+export { default as Chat } from './chat/index';
+export { Role, ActionExecutionMessage, TextMessage, useCopilotChat, useCopilotAction, useCopilotReadable, } from './chat/utils';
 export * from './credits/index.js';
 export * from './registration/index.js';
 export { LiveChatWidget } from './LiveChatWidget/index.js';

package/dist/esm/components/index.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{default as o}from"./chat/index.js";import{Role as n,ActionExecutionMessage as a,TextMessage as r,useCopilotChat as i,useCopilotAction as C,useCopilotReadable as p}from"./chat/utils.js";export*from"./credits/index.js";export*from"./registration/index.js";import{LiveChatWidget as u}from"./LiveChatWidget/index.js";export{a as ActionExecutionMessage,o as Chat,u as LiveChatWidget,n as Role,r as TextMessage,C as useCopilotAction,i as useCopilotChat,p as useCopilotReadable};
+import{default as o}from"./chat/index";import{Role as n,ActionExecutionMessage as a,TextMessage as r,useCopilotChat as i,useCopilotAction as C,useCopilotReadable as p}from"./chat/utils";export*from"./credits/index.js";export*from"./registration/index.js";import{LiveChatWidget as u}from"./LiveChatWidget/index.js";export{a as ActionExecutionMessage,o as Chat,u as LiveChatWidget,n as Role,r as TextMessage,C as useCopilotAction,i as useCopilotChat,p as useCopilotReadable};
 //# sourceMappingURL=index.js.map

package/dist/esm/components/index.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/index.ts"],
-  "sourcesContent": ["export { default as Chat } from './chat/index.js'\n\nexport {\n  Role,\n  ActionExecutionMessage,\n  TextMessage,\n  useCopilotChat,\n  useCopilotAction,\n  useCopilotReadable,\n} from './chat/utils.js'\n\nexport * from './credits/index.js'\n\nexport * from './registration/index.js'\n\n\n\n// LiveChatWidget \u5BFC\u51FA\nexport { LiveChatWidget } from './LiveChatWidget/index.js'\nexport type {\n  LiveChatWidgetProps,\n  Message,\n  MessageContent,\n  MessageRole,\n  MessageContentType,\n  MessageMetadata,\n  MessageRenderer,\n  QuickReply,\n  ProductCardContent,\n  ProductListContent,\n  PolicyContent,\n  QuickRepliesContent,\n  ThinkingContent,\n  ErrorContent,\n  SSEEvent,\n  ChatStreamRequest,\n} from './LiveChatWidget/index.js'\n"],
-  "mappings": "AAAA,OAAoB,WAAXA,MAAuB,kBAEhC,OACE,QAAAC,EACA,0BAAAC,EACA,eAAAC,EACA,kBAAAC,EACA,oBAAAC,EACA,sBAAAC,MACK,kBAEP,WAAc,qBAEd,WAAc,0BAKd,OAAS,kBAAAC,MAAsB",
+  "sourcesContent": ["export { default as Chat } from './chat/index'\n\nexport {\n  Role,\n  ActionExecutionMessage,\n  TextMessage,\n  useCopilotChat,\n  useCopilotAction,\n  useCopilotReadable,\n} from './chat/utils'\n\nexport * from './credits/index.js'\n\nexport * from './registration/index.js'\n\n\n\n// LiveChatWidget \u5BFC\u51FA\nexport { LiveChatWidget } from './LiveChatWidget/index.js'\nexport type {\n  LiveChatWidgetProps,\n  Message,\n  MessageContent,\n  MessageRole,\n  MessageContentType,\n  MessageMetadata,\n  MessageRenderer,\n  QuickReply,\n  ProductCardContent,\n  ProductListContent,\n  PolicyContent,\n  QuickRepliesContent,\n  ThinkingContent,\n  ErrorContent,\n  SSEEvent,\n  ChatStreamRequest,\n} from './LiveChatWidget/index.js'\n"],
+  "mappings": "AAAA,OAAoB,WAAXA,MAAuB,eAEhC,OACE,QAAAC,EACA,0BAAAC,EACA,eAAAC,EACA,kBAAAC,EACA,oBAAAC,EACA,sBAAAC,MACK,eAEP,WAAc,qBAEd,WAAc,0BAKd,OAAS,kBAAAC,MAAsB",
   "names": ["default", "Role", "ActionExecutionMessage", "TextMessage", "useCopilotChat", "useCopilotAction", "useCopilotReadable", "LiveChatWidget"]
 }

package/dist/esm/components/registration/authCodeActivate/index.js CHANGED Viewed

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

package/dist/esm/components/registration/authCodeActivate/index.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/components/registration/authCodeActivate/index.tsx"],
-  "sourcesContent": ["import { Button, Text } from '@anker-in/headless-ui'\nimport {\n  useSendEmailValidation,\n  gaTrack,\n  classNames as cn,\n  useHeadlessContext,\n  useEmailValidation,\n  useCountDown,\n} from '@anker-in/lib'\nimport React, { useCallback, useEffect, useRef, useState } from 'react'\nimport { Message } from './Message'\nimport { AuthCodeActivateProps } from './type'\nimport { useRegistration } from '../context'\nimport { RegistrationModalContainer } from '../modalContainer'\nimport { ROUNDED_BRANDS } from '../../../constants'\n\nexport const AuthCodeActivate: React.FC<AuthCodeActivateProps> = ({ copy }) => {\n  const { locale, brand } = useHeadlessContext()\n  const { email, authCodeActivate } = useRegistration()\n  const rounded = ROUNDED_BRANDS.includes(brand)\n\n  const { activeToken, setActiveToken, setIsSendingActivateEmail, setIsActivateSuccess, onAuthSuccess, autoSendEmail } =\n    authCodeActivate\n\n  const { isMutating: emailValidationLoading, trigger: triggerEmailValidation } = useEmailValidation()\n\n  const {\n    isMutating: isSendingEmail,\n    trigger: triggerSendValidationEmail,\n    data: sendEmailData,\n  } = useSendEmailValidation()\n\n  const [messageText, setMessageText] = useState('')\n  const [messageStatus, setMessageStatus] = useState('')\n  const { startCountDown: isStartCountDown, startAction: startCountDown, countDown } = useCountDown(60)\n\n  const [error, setError] = useState('')\n  const [focusIndex, setFocusIndex] = useState(0)\n  const [codeArray, setCodeArray] = useState(new Array(6).fill(''))\n\n  const inputRefs = useRef<HTMLInputElement[]>([])\n  const code = codeArray.join('')\n\n  useEffect(() => {\n    if (inputRefs.current[focusIndex]) {\n      inputRefs.current[focusIndex].focus()\n    }\n  }, [focusIndex])\n\n  useEffect(() => {\n    if (sendEmailData?.data?.data?.active_token) {\n      setActiveToken(sendEmailData.data.data.active_token)\n    }\n  }, [sendEmailData?.data?.data?.active_token])\n\n  useEffect(() => {\n    setIsSendingActivateEmail(isSendingEmail)\n  }, [isSendingEmail, setIsSendingActivateEmail])\n\n  // \u81EA\u52A8\u53D1\u9001\u90AE\u7BB1\u9A8C\u8BC1\u7801\n  useEffect(() => {\n    if (autoSendEmail && email) {\n      triggerSendValidationEmail(\n        {\n          email: email,\n          data: {\n            redirect_url: `${window?.location?.origin}${window?.location?.pathname}`,\n          },\n        },\n        {\n          onSuccess: () => {\n            setMessageStatus('success')\n            setMessageText(copy?.sendEmailSuccessMessage || '')\n            startCountDown()\n            setTimeout(() => {\n              setMessageStatus('')\n              setMessageText('')\n            }, 5000)\n          },\n        }\n      )\n    }\n  }, [autoSendEmail, email, triggerSendValidationEmail])\n\n  const handleSendAgain = useCallback(async () => {\n    if (!email) return\n    // \u53D1\u8D77\u7F51\u7EDC\u8BF7\u6C42\n    await triggerSendValidationEmail(\n      {\n        email: email,\n        data: {\n          redirect_url: `${window?.location?.origin}${window?.location?.pathname}`,\n        },\n      },\n      {\n        onSuccess: () => {\n          setMessageStatus('success')\n          setMessageText(copy?.sendEmailSuccessMessage || '')\n          startCountDown()\n          setTimeout(() => {\n            setMessageStatus('')\n            setMessageText('')\n          }, 5000)\n        },\n      }\n    )\n    gaTrack({\n      event: 'ga4Event',\n      event_name: 'lp_button',\n      event_parameters: {\n        page_group: 'reg_sub_pop',\n        position: 'auth_code',\n        button_name: 'sent_again',\n      },\n    })\n  }, [email, triggerSendValidationEmail])\n\n  const handleInputCodeChange = (event: React.ChangeEvent<HTMLInputElement>, index: number) => {\n    const { value } = event.target\n\n    setError('')\n\n    if (Number.isNaN(Number(value))) {\n      return\n    }\n\n    if (value.length > 1) {\n      if (index < codeArray.length - 1) {\n        if (!codeArray[index + 1]) {\n          setFocusIndex(index + 1)\n          setCodeArray(old => {\n            const newCode = [...old]\n            newCode[index] = value[0]\n            if (value.length > 1) {\n              newCode[index + 1] = value[1]\n            }\n            return newCode\n          })\n        }\n      }\n      return\n    }\n    const newCode = [...codeArray]\n    newCode[index] = value\n    setCodeArray(newCode)\n    if (value) {\n      if (index < codeArray.length - 1 && !codeArray[index + 1]) {\n        setFocusIndex(index + 1)\n      }\n    } else if (index > 0) {\n      setFocusIndex(index - 1)\n    }\n  }\n\n  const handleAuthCodeSubmit = useCallback(async () => {\n    if (!code?.length) {\n      setError(copy?.codeEmptyError || '')\n      return\n    }\n\n    if (code.length < 6) {\n      setError(copy?.incorrectCodeError || '')\n      return\n    }\n\n    if (activeToken) {\n      await triggerEmailValidation(\n        {\n          token: activeToken,\n          code: code,\n        },\n        {\n          onSuccess: data => {\n            if (data.status >= 200 && data.status < 300) {\n              setMessageStatus('success')\n              setMessageText(copy?.authSuccessMessage || '')\n              setIsActivateSuccess(true)\n              if (onAuthSuccess) {\n                onAuthSuccess()\n              } else {\n                setTimeout(() => {\n                  authCodeActivate.close()\n                  window.location.reload()\n                }, 3000)\n              }\n            } else {\n              if (data?.data?.error_code === '104') {\n                if (onAuthSuccess) {\n                  onAuthSuccess()\n                } else {\n                  setTimeout(() => {\n                    authCodeActivate.close()\n                    window.location.reload()\n                  }, 3000)\n                }\n              } else if (data?.data?.error_code === '142') {\n                setError(copy?.incorrectCodeError || 'Invalid verification code.')\n              } else if (data?.data?.error_code === '154') {\n                setError(copy?.expiredCodeMessage || '')\n              } else {\n                setError(copy?.sendEmailErrorMessage || '')\n              }\n            }\n          },\n        }\n      )\n    }\n\n    // \u8BBE\u7F6E\u5B9A\u65F6\u5668\u6E05\u9664\u72B6\u6001\u4FE1\u606F\n    let timer = setTimeout(() => {\n      setMessageStatus('')\n      setMessageText('')\n      clearTimeout(timer)\n    }, 5000)\n\n    gaTrack({\n      event: 'ga4Event',\n      event_name: 'lp_button',\n      event_parameters: {\n        page_group: 'reg_sub_pop',\n        position: 'auth_code',\n        button_name: 'check_and_active',\n      },\n    })\n  }, [\n    code,\n    copy?.codeEmptyError,\n    copy?.authSuccessMessage,\n    copy?.incorrectCodeError,\n    copy?.expiredCodeMessage,\n    copy?.sendEmailErrorMessage,\n    locale,\n    activeToken,\n  ])\n\n  return (\n    <RegistrationModalContainer isOpen={authCodeActivate.isOpen} onClose={authCodeActivate.close}>\n      <div className=\"relative\">\n        <div>\n          <Text\n            className=\"text-[22px] font-extrabold leading-[120%] text-[#333] min-l:text-[24px] [&_abbr]:text-[#005d8e]\"\n            html={copy?.authCodeTitle}\n          />\n          <Text\n            as=\"p\"\n            className=\"mt-3 text-[14px] font-semibold leading-[140%] text-[rgba(51,51,51,0.75)] min-l:text-base [&_abbr]:text-[#333]\"\n            html={copy?.authCodeDesc?.replace('%email%', email || '')}\n          />\n        </div>\n        <div className=\"mt-6\">\n          <Text\n            className=\"mt-4 text-[14px] !font-bold font-semibold leading-[140%] text-[#333] min-l:mt-6\"\n            html={copy?.enterActiveCodeText}\n          />\n          <div className=\"my-3 grid grid-cols-6 gap-2\">\n            {codeArray.map((item, index) => (\n              <div key={index} className=\"col-span-1 aspect-1 text-[#555]\">\n                <input\n                  ref={inputRef => {\n                    if (inputRef) {\n                      inputRefs.current[index] = inputRef\n                    }\n                  }}\n                  key={index}\n                  type=\"tel\"\n                  className={cn(\n                    'flex size-full items-center justify-center border border-[#333333]/20 bg-[#EEEEEE] text-center text-[24px] font-medium focus:border-[#333]/50 [&::-webkit-inner-spin-button]:appearance-none [&::-webkit-outer-spin-button]:appearance-none [&:focus-visible]:outline-none',\n                    rounded && 'rounded-[12px]'\n                  )}\n                  value={item}\n                  autoComplete=\"false\"\n                  autoCorrect=\"false\"\n                  spellCheck=\"false\"\n                  autoCapitalize=\"false\"\n                  onChange={event => handleInputCodeChange(event, index)}\n                  onFocus={() => {\n                    setFocusIndex(index)\n                  }}\n                  onPaste={event => {\n                    const paste = event.clipboardData.getData('text')\n                    if (!Number.isNaN(Number(paste))) {\n                      const pastedCode = paste.split('').slice(0, 6)\n                      setCodeArray(pastedCode.concat(Array(6 - pastedCode.length).fill('')))\n                      if (pastedCode.length <= codeArray.length) {\n                        setFocusIndex(pastedCode.length - 1)\n                      }\n                    }\n                  }}\n                  onKeyDown={event => {\n                    const { value } = event.target as HTMLInputElement\n                    if (event.key === 'Backspace' && !value && index > 0) {\n                      setFocusIndex(index - 1)\n                    }\n                  }}\n                />\n              </div>\n            ))}\n          </div>\n\n          {error && <Text className=\"mb-3 text-[14px] font-semibold leading-[120%] text-[#f84d4f]\" html={error} />}\n          {copy?.authCodeContent && (\n            <ul\n              className='flex flex-col gap-1 [&_li]:flex [&_li]:gap-2 [&_li]:text-[14px] [&_li]:font-semibold [&_li]:leading-[120%] [&_li]:text-[rgba(51,51,51,0.55)] [&_li]:before:content-[\"\u2022\"]'\n              dangerouslySetInnerHTML={{ __html: copy?.authCodeContent }}\n            />\n          )}\n        </div>\n        <div className=\"mt-4 min-l:mt-6\">\n          <Text className=\"text-base font-semibold leading-[100%] text-[#333]\" html={copy?.authCodeReceiveText} />{' '}\n          {isStartCountDown ? (\n            <Text\n              html={copy?.retrieveText?.replace('%countdownTime%', countDown.toString())}\n              className=\"cursor-pointer text-base font-semibold leading-[100%] !text-brand text-[#005d8e] text-[#333] underline\"\n            />\n          ) : (\n            <Text\n              onClick={handleSendAgain}\n              className={cn(\n                'cursor-pointer text-base font-semibold leading-[100%] !text-brand text-[#005d8e] text-[#333] underline',\n                {\n                  'pointer-events-none': isStartCountDown || isSendingEmail,\n                }\n              )}\n              html={copy?.sendAgainText}\n            />\n          )}\n          <Button\n            type=\"submit\"\n            loading={emailValidationLoading}\n            className=\"mt-6 flex h-[54px] w-full cursor-pointer items-center justify-center px-8 py-[15px] text-center text-base font-bold leading-[100%] text-white min-l:mt-8\"\n            onClick={handleAuthCodeSubmit}\n          >\n            {copy.buttonText}\n          </Button>\n        </div>\n        <Message status={messageStatus} message={messageText} />\n      </div>\n    </RegistrationModalContainer>\n  )\n}\n"],
-  "mappings": "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",
-  "names": ["jsx", "jsxs", "Button", "Text", "useSendEmailValidation", "gaTrack", "cn", "useHeadlessContext", "useEmailValidation", "useCountDown", "useCallback", "useEffect", "useRef", "useState", "Message", "useRegistration", "RegistrationModalContainer", "ROUNDED_BRANDS", "AuthCodeActivate", "copy", "locale", "brand", "email", "authCodeActivate", "rounded", "activeToken", "setActiveToken", "setIsSendingActivateEmail", "setIsActivateSuccess", "onAuthSuccess", "autoSendEmail", "emailValidationLoading", "triggerEmailValidation", "isSendingEmail", "triggerSendValidationEmail", "sendEmailData", "messageText", "setMessageText", "messageStatus", "setMessageStatus", "isStartCountDown", "startCountDown", "countDown", "error", "setError", "focusIndex", "setFocusIndex", "codeArray", "setCodeArray", "inputRefs", "code", "handleSendAgain", "handleInputCodeChange", "event", "index", "value", "old", "newCode", "handleAuthCodeSubmit", "data", "timer", "item", "inputRef", "paste", "pastedCode"]
+  "sourcesContent": ["import { Button, Text } from '@anker-in/headless-ui'\nimport {\n  useSendEmailValidation,\n  gaTrack,\n  classNames as cn,\n  useHeadlessContext,\n  useEmailValidation,\n  useCountDown,\n} from '@anker-in/lib'\nimport React, { useCallback, useEffect, useRef, useState } from 'react'\nimport { Message } from './Message'\nimport { AuthCodeActivateProps } from './type'\nimport { useRegistration } from '../context'\nimport { RegistrationModalContainer } from '../modalContainer'\nimport { ROUNDED_BRANDS } from '../../../constants'\n\nexport const AuthCodeActivate: React.FC<AuthCodeActivateProps> = ({ copy }) => {\n  const { locale, brand } = useHeadlessContext()\n  const { email, authCodeActivate } = useRegistration()\n  const rounded = ROUNDED_BRANDS.includes(brand)\n\n  const { activeToken, setActiveToken, setIsSendingActivateEmail, setIsActivateSuccess, onAuthSuccess, autoSendEmail } =\n    authCodeActivate\n\n  const { isMutating: emailValidationLoading, trigger: triggerEmailValidation } = useEmailValidation()\n\n  const {\n    isMutating: isSendingEmail,\n    trigger: triggerSendValidationEmail,\n    data: sendEmailData,\n  } = useSendEmailValidation()\n\n  const [messageText, setMessageText] = useState('')\n  const [messageStatus, setMessageStatus] = useState('')\n  const { startCountDown: isStartCountDown, startAction: startCountDown, countDown } = useCountDown(60)\n\n  const [error, setError] = useState('')\n  const [focusIndex, setFocusIndex] = useState(0)\n  const [codeArray, setCodeArray] = useState(new Array(6).fill(''))\n\n  const inputRefs = useRef<HTMLInputElement[]>([])\n  const code = codeArray.join('')\n\n  useEffect(() => {\n    if (inputRefs.current[focusIndex]) {\n      inputRefs.current[focusIndex].focus()\n    }\n  }, [focusIndex])\n\n  useEffect(() => {\n    const token = sendEmailData?.data?.data?.active_token ?? sendEmailData?.data?.active_token\n    if (token) {\n      setActiveToken(token)\n    }\n  }, [sendEmailData?.data?.data?.active_token, sendEmailData?.data?.active_token])\n\n  useEffect(() => {\n    setIsSendingActivateEmail(isSendingEmail)\n  }, [isSendingEmail, setIsSendingActivateEmail])\n\n  // \u81EA\u52A8\u53D1\u9001\u90AE\u7BB1\u9A8C\u8BC1\u7801\n  useEffect(() => {\n    if (autoSendEmail && email) {\n      triggerSendValidationEmail(\n        {\n          email: email,\n          data: {\n            redirect_url: `${window?.location?.origin}${window?.location?.pathname}`,\n          },\n        },\n        {\n          onSuccess: () => {\n            setMessageStatus('success')\n            setMessageText(copy?.sendEmailSuccessMessage || '')\n            startCountDown()\n            setTimeout(() => {\n              setMessageStatus('')\n              setMessageText('')\n            }, 5000)\n          },\n        }\n      )\n    }\n  }, [autoSendEmail, email, triggerSendValidationEmail])\n\n  const handleSendAgain = useCallback(async () => {\n    if (!email) return\n    // \u53D1\u8D77\u7F51\u7EDC\u8BF7\u6C42\n    await triggerSendValidationEmail(\n      {\n        email: email,\n        data: {\n          redirect_url: `${window?.location?.origin}${window?.location?.pathname}`,\n        },\n      },\n      {\n        onSuccess: () => {\n          setMessageStatus('success')\n          setMessageText(copy?.sendEmailSuccessMessage || '')\n          startCountDown()\n          setTimeout(() => {\n            setMessageStatus('')\n            setMessageText('')\n          }, 5000)\n        },\n      }\n    )\n    gaTrack({\n      event: 'ga4Event',\n      event_name: 'lp_button',\n      event_parameters: {\n        page_group: 'reg_sub_pop',\n        position: 'auth_code',\n        button_name: 'sent_again',\n      },\n    })\n  }, [email, triggerSendValidationEmail])\n\n  const handleInputCodeChange = (event: React.ChangeEvent<HTMLInputElement>, index: number) => {\n    const { value } = event.target\n\n    setError('')\n\n    if (Number.isNaN(Number(value))) {\n      return\n    }\n\n    if (value.length > 1) {\n      if (index < codeArray.length - 1) {\n        if (!codeArray[index + 1]) {\n          setFocusIndex(index + 1)\n          setCodeArray(old => {\n            const newCode = [...old]\n            newCode[index] = value[0]\n            if (value.length > 1) {\n              newCode[index + 1] = value[1]\n            }\n            return newCode\n          })\n        }\n      }\n      return\n    }\n    const newCode = [...codeArray]\n    newCode[index] = value\n    setCodeArray(newCode)\n    if (value) {\n      if (index < codeArray.length - 1 && !codeArray[index + 1]) {\n        setFocusIndex(index + 1)\n      }\n    } else if (index > 0) {\n      setFocusIndex(index - 1)\n    }\n  }\n\n  const handleAuthCodeSubmit = useCallback(async () => {\n    if (!code?.length) {\n      setError(copy?.codeEmptyError || '')\n      return\n    }\n\n    if (code.length < 6) {\n      setError(copy?.incorrectCodeError || '')\n      return\n    }\n\n    if (activeToken) {\n      await triggerEmailValidation(\n        {\n          token: activeToken,\n          code: code,\n        },\n        {\n          onSuccess: data => {\n            if (data.status >= 200 && data.status < 300) {\n              setMessageStatus('success')\n              setMessageText(copy?.authSuccessMessage || '')\n              setIsActivateSuccess(true)\n              if (onAuthSuccess) {\n                onAuthSuccess()\n              } else {\n                setTimeout(() => {\n                  authCodeActivate.close()\n                  window.location.reload()\n                }, 3000)\n              }\n            } else {\n              const errorCode = data?.data?.error_code ?? data?.error_code\n              if (errorCode === '104') {\n                if (onAuthSuccess) {\n                  onAuthSuccess()\n                } else {\n                  setTimeout(() => {\n                    authCodeActivate.close()\n                    window.location.reload()\n                  }, 3000)\n                }\n              } else if (errorCode === '142') {\n                setError(copy?.incorrectCodeError || 'Invalid verification code.')\n              } else if (errorCode === '154') {\n                setError(copy?.expiredCodeMessage || '')\n              } else {\n                setError(copy?.sendEmailErrorMessage || '')\n              }\n            }\n          },\n        }\n      )\n    }\n\n    // \u8BBE\u7F6E\u5B9A\u65F6\u5668\u6E05\u9664\u72B6\u6001\u4FE1\u606F\n    let timer = setTimeout(() => {\n      setMessageStatus('')\n      setMessageText('')\n      clearTimeout(timer)\n    }, 5000)\n\n    gaTrack({\n      event: 'ga4Event',\n      event_name: 'lp_button',\n      event_parameters: {\n        page_group: 'reg_sub_pop',\n        position: 'auth_code',\n        button_name: 'check_and_active',\n      },\n    })\n  }, [\n    code,\n    copy?.codeEmptyError,\n    copy?.authSuccessMessage,\n    copy?.incorrectCodeError,\n    copy?.expiredCodeMessage,\n    copy?.sendEmailErrorMessage,\n    locale,\n    activeToken,\n  ])\n\n  return (\n    <RegistrationModalContainer isOpen={authCodeActivate.isOpen} onClose={authCodeActivate.close}>\n      <div className=\"relative\">\n        <div>\n          <Text\n            className=\"text-[22px] font-extrabold leading-[120%] text-[#333] min-l:text-[24px] [&_abbr]:text-[#005d8e]\"\n            html={copy?.authCodeTitle}\n          />\n          <Text\n            as=\"p\"\n            className=\"mt-3 text-[14px] font-semibold leading-[140%] text-[rgba(51,51,51,0.75)] min-l:text-base [&_abbr]:text-[#333]\"\n            html={copy?.authCodeDesc?.replace('%email%', email || '')}\n          />\n        </div>\n        <div className=\"mt-6\">\n          <Text\n            className=\"mt-4 text-[14px] !font-bold font-semibold leading-[140%] text-[#333] min-l:mt-6\"\n            html={copy?.enterActiveCodeText}\n          />\n          <div className=\"my-3 grid grid-cols-6 gap-2\">\n            {codeArray.map((item, index) => (\n              <div key={index} className=\"col-span-1 aspect-1 text-[#555]\">\n                <input\n                  ref={inputRef => {\n                    if (inputRef) {\n                      inputRefs.current[index] = inputRef\n                    }\n                  }}\n                  key={index}\n                  type=\"tel\"\n                  className={cn(\n                    'flex size-full items-center justify-center border border-[#333333]/20 bg-[#EEEEEE] text-center text-[24px] font-medium focus:border-[#333]/50 [&::-webkit-inner-spin-button]:appearance-none [&::-webkit-outer-spin-button]:appearance-none [&:focus-visible]:outline-none',\n                    rounded && 'rounded-[12px]'\n                  )}\n                  value={item}\n                  autoComplete=\"false\"\n                  autoCorrect=\"false\"\n                  spellCheck=\"false\"\n                  autoCapitalize=\"false\"\n                  onChange={event => handleInputCodeChange(event, index)}\n                  onFocus={() => {\n                    setFocusIndex(index)\n                  }}\n                  onPaste={event => {\n                    const paste = event.clipboardData.getData('text')\n                    if (!Number.isNaN(Number(paste))) {\n                      const pastedCode = paste.split('').slice(0, 6)\n                      setCodeArray(pastedCode.concat(Array(6 - pastedCode.length).fill('')))\n                      if (pastedCode.length <= codeArray.length) {\n                        setFocusIndex(pastedCode.length - 1)\n                      }\n                    }\n                  }}\n                  onKeyDown={event => {\n                    const { value } = event.target as HTMLInputElement\n                    if (event.key === 'Backspace' && !value && index > 0) {\n                      setFocusIndex(index - 1)\n                    }\n                  }}\n                />\n              </div>\n            ))}\n          </div>\n\n          {error && <Text className=\"mb-3 text-[14px] font-semibold leading-[120%] text-[#f84d4f]\" html={error} />}\n          {copy?.authCodeContent && (\n            <ul\n              className='flex flex-col gap-1 [&_li]:flex [&_li]:gap-2 [&_li]:text-[14px] [&_li]:font-semibold [&_li]:leading-[120%] [&_li]:text-[rgba(51,51,51,0.55)] [&_li]:before:content-[\"\u2022\"]'\n              dangerouslySetInnerHTML={{ __html: copy?.authCodeContent }}\n            />\n          )}\n        </div>\n        <div className=\"mt-4 min-l:mt-6\">\n          <Text className=\"text-base font-semibold leading-[100%] text-[#333]\" html={copy?.authCodeReceiveText} />{' '}\n          {isStartCountDown ? (\n            <Text\n              html={copy?.retrieveText?.replace('%countdownTime%', countDown.toString())}\n              className=\"cursor-pointer text-base font-semibold leading-[100%] !text-brand text-[#005d8e] text-[#333] underline\"\n            />\n          ) : (\n            <Text\n              onClick={handleSendAgain}\n              className={cn(\n                'cursor-pointer text-base font-semibold leading-[100%] !text-brand text-[#005d8e] text-[#333] underline',\n                {\n                  'pointer-events-none': isStartCountDown || isSendingEmail,\n                }\n              )}\n              html={copy?.sendAgainText}\n            />\n          )}\n          <Button\n            type=\"submit\"\n            loading={emailValidationLoading}\n            className=\"mt-6 flex h-[54px] w-full cursor-pointer items-center justify-center px-8 py-[15px] text-center text-base font-bold leading-[100%] text-white min-l:mt-8\"\n            onClick={handleAuthCodeSubmit}\n          >\n            {copy.buttonText}\n          </Button>\n        </div>\n        <Message status={messageStatus} message={messageText} />\n      </div>\n    </RegistrationModalContainer>\n  )\n}\n"],
+  "mappings": "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",
+  "names": ["jsx", "jsxs", "Button", "Text", "useSendEmailValidation", "gaTrack", "cn", "useHeadlessContext", "useEmailValidation", "useCountDown", "useCallback", "useEffect", "useRef", "useState", "Message", "useRegistration", "RegistrationModalContainer", "ROUNDED_BRANDS", "AuthCodeActivate", "copy", "locale", "brand", "email", "authCodeActivate", "rounded", "activeToken", "setActiveToken", "setIsSendingActivateEmail", "setIsActivateSuccess", "onAuthSuccess", "autoSendEmail", "emailValidationLoading", "triggerEmailValidation", "isSendingEmail", "triggerSendValidationEmail", "sendEmailData", "messageText", "setMessageText", "messageStatus", "setMessageStatus", "isStartCountDown", "startCountDown", "countDown", "error", "setError", "focusIndex", "setFocusIndex", "codeArray", "setCodeArray", "inputRefs", "code", "token", "handleSendAgain", "handleInputCodeChange", "event", "index", "value", "old", "newCode", "handleAuthCodeSubmit", "data", "errorCode", "timer", "item", "inputRef", "paste", "pastedCode"]
 }

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

@@ -1,2 +1,2 @@
-import{Fragment as l,jsx as o,jsxs as c}from"react/jsx-runtime";import{classNames as f,HeadlessProvider as P}from"@anker-in/lib";import{RegistrationProvider as y}from"../components/registration/context/provider";import{CreditsProvider as g,useCreditsContext as v}from"../components/credits/context/provider";import{CreditsBanner as M}from"../components/credits/creditsBanner";import{CreditsInfoCard as T}from"../components/credits/creditsInfoCard";import{CreditsBenefits as u}from"../components/credits/creditsBenefits";import{CreditsWaysToGetCredits as b}from"../components/credits/creditsWaysToGetCredits";import{CreditsAnkersolixTask as h}from"../components/credits/creditsAnkersolixTask";import{CreditsRedeemList as G}from"../components/credits/creditsRedeemList";import{CreditsGoGift as I}from"../components/credits/creditsGoGift";import{CreditsCash as B}from"../components/credits/creditsCash";import{CreditsMemberPrice as A}from"../components/credits/creditsMemberPrice";import{CreditsFaq as L}from"../components/credits/creditsFaq";import{CreditsNavigation as R}from"../components/credits/creditsNavigation";import D from"../components/credits/modal/ActivitiesModal";import N from"../components/credits/modal/RewardsModal";import{ComponentKey as i}from"./Credits.types";const F=({headlessConfig:p,pageConfig:s,userContext:C})=>{const{openMyRewardsModal:r,setOpenMyRewardsModal:a,openActivitiesModal:n,setOpenActivitiesModal:m,pageCommon:d}=v();return c(l,{children:[s.components[i.Navigation]&&o(R,{copy:s.components[i.Navigation]}),o("div",{className:f("bg-[#f5f5f7] leading-[1.2]"),children:s.order.map(e=>{if(e===i.Navigation)return null;const t=s.components?.[e];return t?c(l,{children:[e===i.Banner&&o(M,{copy:t,id:e}),e===i.InfoCard&&C?.profile&&o(T,{copy:t,id:e}),e===i.Benefits&&o(u,{copy:t,id:e}),e===i.WaysToGetCredits&&o(b,{copy:t,id:e,classNames:p.brand==="anker"?{subtitle:"text-white",equalCreditsText:"bg-gradient-to-r from-[#3AD1FF] to-[#008CD6] bg-clip-text text-transparent"}:{subtitle:"text-[#D1D1D1]",equalCreditsText:"text-[#F6EAD0]"}}),e===i.AnkersolixTask&&o(h,{copy:t,id:e}),e===i.RedeemList&&o(G,{copy:t,id:e}),e===i.GoGift&&o(I,{copy:t,id:e}),e===i.SpendCreditsLikeCash&&o(B,{copy:t,id:e}),e===i.MemberPrice&&o(A,{copy:t,id:e}),e===i.Faqs&&o(L,{copy:t,id:e}),e!==i.Banner&&o("div",{className:"laptop:h-16 desktop:h-[96px] lg-desktop:h-[128px] tablet:h-16 h-16"})]}):null})}),d?.activitiesModal&&o(D,{isOpen:n,data:d.activitiesModal,onClose:()=>m(!1)}),d?.rewardsModal&&o(N,{isOpen:r,data:d.rewardsModal,onClose:()=>a(!1)})]})},_=({headlessConfig:p,siteConfig:s,creditsConfig:C,userContext:r,pageConfig:a,registrationContext:n,gtm:m,cartConfig:d})=>o(P,{headlessConfig:p,children:o(y,{copy:s.registrationsSettings,email:r?.profile?.email,children:o(g,{profile:r?.profile,removeProfile:r?.removeProfile,isLoadingProfile:r?.isLoadingProfile,openSignInPopup:n.openSignInPopup,openSignUpPopup:n.openSignUpPopup,creditInfo:r?.creditInfo,taskIdToTypeMapping:s.taskIdToTypeMapping,customer:r?.customer,fetchCreditInfo:r?.fetchCreditInfo,customerLoading:r?.customerLoading,gtm:m,pageCommon:a.common,memberPriceDiscount:s.memberPriceDiscount,alpcBrand:C?.alpcBrand,cartConfig:d,children:o(F,{headlessConfig:p,pageConfig:a,userContext:r})})})});export{_ as CreditsTemplate};
+import{Fragment as l,jsx as o,jsxs as c}from"react/jsx-runtime";import{classNames as f,HeadlessProvider as P}from"@anker-in/lib";import{RegistrationProvider as y}from"../components/registration/context/provider";import{CreditsProvider as g,useCreditsContext as v}from"../components/credits/context/provider";import{CreditsBanner as M}from"../components/credits/creditsBanner";import{CreditsInfoCard as T}from"../components/credits/creditsInfoCard";import{CreditsBenefits as b}from"../components/credits/creditsBenefits";import{CreditsWaysToGetCredits as h}from"../components/credits/creditsWaysToGetCredits";import{CreditsAnkersolixTask as u}from"../components/credits/creditsAnkersolixTask";import{CreditsRedeemList as B}from"../components/credits/creditsRedeemList";import{CreditsGoGift as G}from"../components/credits/creditsGoGift";import{CreditsCash as I}from"../components/credits/creditsCash";import{CreditsMemberPrice as A}from"../components/credits/creditsMemberPrice";import{CreditsFaq as L}from"../components/credits/creditsFaq";import{CreditsNavigation as R}from"../components/credits/creditsNavigation";import D from"../components/credits/modal/ActivitiesModal";import N from"../components/credits/modal/RewardsModal";import{ComponentKey as i}from"./Credits.types";const F=({headlessConfig:a,pageConfig:s,userContext:C})=>{const{openMyRewardsModal:r,setOpenMyRewardsModal:p,openActivitiesModal:n,setOpenActivitiesModal:m,pageCommon:d}=v();return c(l,{children:[s.components[i.Navigation]&&o(R,{copy:s.components[i.Navigation]}),o("div",{className:f("bg-[#f5f5f7] leading-[1.2]"),children:s.order.map(e=>{if(e===i.Navigation)return null;const t=s.components?.[e];return t?c(l,{children:[e===i.Banner&&o(M,{copy:t,id:e}),e===i.InfoCard&&C?.profile&&o(T,{copy:t,id:e}),e===i.Benefits&&o(b,{copy:t,id:e}),e===i.WaysToGetCredits&&o(h,{copy:t,id:e,classNames:a.brand==="anker"?{subtitle:"text-white",equalCreditsText:"bg-gradient-to-r from-[#3AD1FF] to-[#008CD6] bg-clip-text text-transparent"}:{subtitle:"text-[#D1D1D1]",equalCreditsText:"text-[#F6EAD0]"}}),e===i.AnkersolixTask&&o(u,{copy:t,id:e}),e===i.RedeemList&&o(B,{copy:t,id:e}),e===i.GoGift&&o(G,{copy:t,id:e}),e===i.SpendCreditsLikeCash&&o(I,{copy:t,id:e}),e===i.MemberPrice&&o(A,{copy:t,id:e}),e===i.Faqs&&o(L,{copy:t,id:e}),e!==i.Banner&&o("div",{className:"laptop:h-16 desktop:h-[96px] lg-desktop:h-[128px] tablet:h-16 h-16"})]}):null})}),d?.activitiesModal&&o(D,{isOpen:n,data:d.activitiesModal,onClose:()=>m(!1)}),d?.rewardsModal&&o(N,{isOpen:r,data:d.rewardsModal,onClose:()=>p(!1)})]})},_=({headlessConfig:a,siteConfig:s,creditsConfig:C,userContext:r,pageConfig:p,registrationContext:n,gtm:m,cartConfig:d})=>o(P,{headlessConfig:a,children:o(y,{copy:s.registrationsSettings,email:r?.profile?.email,children:o(g,{profile:r?.profile,removeProfile:r?.removeProfile,isLoadingProfile:r?.isLoadingProfile,openSignInPopup:n.openSignInPopup,openSignUpPopup:n.openSignUpPopup,creditInfo:r?.creditInfo,taskIdToTypeMapping:s.taskIdToTypeMapping,customer:r?.customer,fetchCreditInfo:r?.fetchCreditInfo,customerLoading:r?.customerLoading,gtm:m,pageCommon:p.common,memberPriceDiscount:s.memberPriceDiscount,alpcBrand:C?.alpcBrand,cartConfig:d,apiBaseUrl:r?.apiBaseUrl,children:o(F,{headlessConfig:a,pageConfig:p,userContext:r})})})});export{_ as CreditsTemplate};
 //# sourceMappingURL=Credits.js.map

package/dist/esm/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        >\n          <CreditsContent headlessConfig={headlessConfig} pageConfig={pageConfig} userContext={userContext} />\n        </CreditsProvider>\n      </RegistrationProvider>\n    </HeadlessProvider>\n  )\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["import { classNames, HeadlessProvider } from '@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": "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",
   "names": ["Fragment", "jsx", "jsxs", "classNames", "HeadlessProvider", "RegistrationProvider", "CreditsProvider", "useCreditsContext", "CreditsBanner", "CreditsInfoCard", "CreditsBenefits", "CreditsWaysToGetCredits", "CreditsAnkersolixTask", "CreditsRedeemList", "CreditsGoGift", "CreditsCash", "CreditsMemberPrice", "CreditsFaq", "CreditsNavigation", "ActivitiesModal", "RewardsModal", "ComponentKey", "CreditsContent", "headlessConfig", "pageConfig", "userContext", "openMyRewardsModal", "setOpenMyRewardsModal", "openActivitiesModal", "setOpenActivitiesModal", "pageCommon", "key", "componentCopy", "CreditsTemplate", "siteConfig", "creditsConfig", "registrationContext", "gtm", "cartConfig"]
 }

package/dist/esm/templates/Credits.types.d.ts CHANGED Viewed

@@ -65,6 +65,7 @@ export type CreditsTemplateProps = {
         customer: any;
         customerLoading: boolean;
         fetchCreditInfo: () => void;
+        apiBaseUrl?: string;
     };
     registrationContext: {
         openSignUpPopup: () => void;

package/dist/esm/templates/Credits.types.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/templates/Credits.types.ts"],
-  "sourcesContent": ["import { HeadlessConfig } from '@anker-in/lib'\nimport { DTC_TASK_TYPE } from '../components/credits/context/const'\nimport { CreditsPageCommon } from '../components/credits/type'\nimport { FunctionMemberPriceConfig } from '../components/credits/context/memberPriceTypes'\nimport { AuthCodeActivateCopy } from 'src/components/registration/authCodeActivate/type'\nimport type { CreditsBannerCopy } from '../components/credits/creditsBanner'\nimport type { CreditsInfoCardCopy } from '../components/credits/creditsInfoCard'\nimport type { CreditsBenefitsCopy } from '../components/credits/creditsBenefits'\nimport type { CreditsWaysToGetCreditsCopy } from '../components/credits/creditsWaysToGetCredits'\nimport type { CreditsAnkersolixTaskCopy } from '../components/credits/creditsAnkersolixTask'\nimport type { CreditsRedeemListCopy } from '../components/credits/creditsRedeemList'\nimport type { CreditsGoGiftCopy } from '../components/credits/creditsGoGift'\nimport type { CreditsCashCopy } from '../components/credits/creditsCash'\nimport type { CreditsMemberPriceCopy } from '../components/credits/creditsMemberPrice'\nimport type { CreditsFaqCopy } from '../components/credits/creditsFaq'\nimport type { CreditsNavigationCopy } from '../components/credits/creditsNavigation'\n\n// Re-export copy types for convenience\nexport type {\n  CreditsBannerCopy,\n  CreditsInfoCardCopy,\n  CreditsBenefitsCopy,\n  CreditsWaysToGetCreditsCopy,\n  CreditsAnkersolixTaskCopy,\n  CreditsRedeemListCopy,\n  CreditsGoGiftCopy,\n  CreditsCashCopy,\n  CreditsMemberPriceCopy,\n  CreditsFaqCopy,\n  CreditsNavigationCopy,\n}\n\nexport enum ComponentKey {\n  Navigation = 'creditsNavigation',\n  Banner = 'creditsBanner',\n  InfoCard = 'creditsInfoCard',\n  Benefits = 'creditsBenefits',\n  WaysToGetCredits = 'creditsWaysToGetCredits',\n  AnkersolixTask = 'creditsAnkersolixTask',\n  RedeemList = 'creditsRedeemList',\n  GoGift = 'creditsGoGift',\n  SpendCreditsLikeCash = 'creditsCash',\n  MemberPrice = 'creditsMemberPrice',\n  Faqs = 'creditsFaq',\n}\n\nexport type CreditsTemplateProps = {\n  headlessConfig: HeadlessConfig\n  siteConfig: {\n    registrationsSettings: {\n      authCodeActivate: AuthCodeActivateCopy\n    }\n    taskIdToTypeMapping: Record<string, DTC_TASK_TYPE>\n    memberPriceDiscount?: FunctionMemberPriceConfig[]\n  }\n  creditsConfig?: {\n    alpcBrand?: string\n  }\n  pageConfig: {\n    order: ComponentKey[]\n    common: CreditsPageCommon\n    components: {\n      [ComponentKey.Navigation]?: CreditsNavigationCopy\n      [ComponentKey.Banner]?: CreditsBannerCopy\n      [ComponentKey.InfoCard]?: CreditsInfoCardCopy\n      [ComponentKey.Benefits]?: CreditsBenefitsCopy\n      [ComponentKey.WaysToGetCredits]?: CreditsWaysToGetCreditsCopy\n      [ComponentKey.AnkersolixTask]?: CreditsAnkersolixTaskCopy\n      [ComponentKey.RedeemList]?: CreditsRedeemListCopy\n      [ComponentKey.GoGift]?: CreditsGoGiftCopy\n      [ComponentKey.SpendCreditsLikeCash]?: CreditsCashCopy\n      [ComponentKey.MemberPrice]?: CreditsMemberPriceCopy\n      [ComponentKey.Faqs]?: CreditsFaqCopy\n    }\n  }\n  userContext: {\n    profile: any\n    removeProfile: () => void\n    isLoadingProfile: boolean\n    creditInfo: any\n    customer: any\n    customerLoading: boolean\n    fetchCreditInfo: () => void\n  }\n  registrationContext: {\n    openSignUpPopup: () => void\n    openSignInPopup: () => void\n  }\n  gtm: {\n    pageGroup: string\n    pageHandle?: string\n  }\n  cartConfig?: {\n    addToCart: (params: {\n      variantList: Array<{\n        variant: any\n        quantity: number\n        attributes?: Array<{ key: string; value: string }>\n      }>\n      cartAttributes?: Record<string, string>\n      discountCodes?: string[]\n    }) => void | Promise<any>\n  }\n}\n\nexport type CreditsContentProps = {\n  headlessConfig: HeadlessConfig\n  pageConfig: CreditsTemplateProps['pageConfig']\n  userContext: CreditsTemplateProps['userContext']\n}\n"],
+  "sourcesContent": ["import { HeadlessConfig } from '@anker-in/lib'\nimport { DTC_TASK_TYPE } from '../components/credits/context/const'\nimport { CreditsPageCommon } from '../components/credits/type'\nimport { FunctionMemberPriceConfig } from '../components/credits/context/memberPriceTypes'\nimport { AuthCodeActivateCopy } from 'src/components/registration/authCodeActivate/type'\nimport type { CreditsBannerCopy } from '../components/credits/creditsBanner'\nimport type { CreditsInfoCardCopy } from '../components/credits/creditsInfoCard'\nimport type { CreditsBenefitsCopy } from '../components/credits/creditsBenefits'\nimport type { CreditsWaysToGetCreditsCopy } from '../components/credits/creditsWaysToGetCredits'\nimport type { CreditsAnkersolixTaskCopy } from '../components/credits/creditsAnkersolixTask'\nimport type { CreditsRedeemListCopy } from '../components/credits/creditsRedeemList'\nimport type { CreditsGoGiftCopy } from '../components/credits/creditsGoGift'\nimport type { CreditsCashCopy } from '../components/credits/creditsCash'\nimport type { CreditsMemberPriceCopy } from '../components/credits/creditsMemberPrice'\nimport type { CreditsFaqCopy } from '../components/credits/creditsFaq'\nimport type { CreditsNavigationCopy } from '../components/credits/creditsNavigation'\n\n// Re-export copy types for convenience\nexport type {\n  CreditsBannerCopy,\n  CreditsInfoCardCopy,\n  CreditsBenefitsCopy,\n  CreditsWaysToGetCreditsCopy,\n  CreditsAnkersolixTaskCopy,\n  CreditsRedeemListCopy,\n  CreditsGoGiftCopy,\n  CreditsCashCopy,\n  CreditsMemberPriceCopy,\n  CreditsFaqCopy,\n  CreditsNavigationCopy,\n}\n\nexport enum ComponentKey {\n  Navigation = 'creditsNavigation',\n  Banner = 'creditsBanner',\n  InfoCard = 'creditsInfoCard',\n  Benefits = 'creditsBenefits',\n  WaysToGetCredits = 'creditsWaysToGetCredits',\n  AnkersolixTask = 'creditsAnkersolixTask',\n  RedeemList = 'creditsRedeemList',\n  GoGift = 'creditsGoGift',\n  SpendCreditsLikeCash = 'creditsCash',\n  MemberPrice = 'creditsMemberPrice',\n  Faqs = 'creditsFaq',\n}\n\nexport type CreditsTemplateProps = {\n  headlessConfig: HeadlessConfig\n  siteConfig: {\n    registrationsSettings: {\n      authCodeActivate: AuthCodeActivateCopy\n    }\n    taskIdToTypeMapping: Record<string, DTC_TASK_TYPE>\n    memberPriceDiscount?: FunctionMemberPriceConfig[]\n  }\n  creditsConfig?: {\n    alpcBrand?: string\n  }\n  pageConfig: {\n    order: ComponentKey[]\n    common: CreditsPageCommon\n    components: {\n      [ComponentKey.Navigation]?: CreditsNavigationCopy\n      [ComponentKey.Banner]?: CreditsBannerCopy\n      [ComponentKey.InfoCard]?: CreditsInfoCardCopy\n      [ComponentKey.Benefits]?: CreditsBenefitsCopy\n      [ComponentKey.WaysToGetCredits]?: CreditsWaysToGetCreditsCopy\n      [ComponentKey.AnkersolixTask]?: CreditsAnkersolixTaskCopy\n      [ComponentKey.RedeemList]?: CreditsRedeemListCopy\n      [ComponentKey.GoGift]?: CreditsGoGiftCopy\n      [ComponentKey.SpendCreditsLikeCash]?: CreditsCashCopy\n      [ComponentKey.MemberPrice]?: CreditsMemberPriceCopy\n      [ComponentKey.Faqs]?: CreditsFaqCopy\n    }\n  }\n  userContext: {\n    profile: any\n    removeProfile: () => void\n    isLoadingProfile: boolean\n    creditInfo: any\n    customer: any\n    customerLoading: boolean\n    fetchCreditInfo: () => void\n    apiBaseUrl?: string\n  }\n  registrationContext: {\n    openSignUpPopup: () => void\n    openSignInPopup: () => void\n  }\n  gtm: {\n    pageGroup: string\n    pageHandle?: string\n  }\n  cartConfig?: {\n    addToCart: (params: {\n      variantList: Array<{\n        variant: any\n        quantity: number\n        attributes?: Array<{ key: string; value: string }>\n      }>\n      cartAttributes?: Record<string, string>\n      discountCodes?: string[]\n    }) => void | Promise<any>\n  }\n}\n\nexport type CreditsContentProps = {\n  headlessConfig: HeadlessConfig\n  pageConfig: CreditsTemplateProps['pageConfig']\n  userContext: CreditsTemplateProps['userContext']\n}\n"],
   "mappings": "AAgCO,IAAKA,OACVA,EAAA,WAAa,oBACbA,EAAA,OAAS,gBACTA,EAAA,SAAW,kBACXA,EAAA,SAAW,kBACXA,EAAA,iBAAmB,0BACnBA,EAAA,eAAiB,wBACjBA,EAAA,WAAa,oBACbA,EAAA,OAAS,gBACTA,EAAA,qBAAuB,cACvBA,EAAA,YAAc,qBACdA,EAAA,KAAO,aAXGA,OAAA",
   "names": ["ComponentKey"]
 }

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@anker-in/campaign-ui",
-  "version": "0.4.5-beta.11",
+  "version": "0.4.5-beta.13",
   "description": "Campaign UI components and utilities for Anker projects",
   "main": "./dist/cjs/index.js",
   "module": "./dist/esm/index.js",
@@ -95,8 +95,7 @@
     "swiper": "^11.1.3",
     "tailwind-merge": "^2.3.0",
     "tailwindcss": "^3.4.3",
-    "@anker-in/lib": "1.1.3",
-    "@anker-in/headless-ui": "1.1.25-alpha.1767516866003"
+    "@anker-in/lib": "1.1.4"
   },
   "publishConfig": {
     "access": "public",

package/src/components/LiveChatWidget/components/MessageContent/CartCard.tsx CHANGED Viewed

@@ -6,7 +6,7 @@
 import React from 'react'
 import type { MessageRenderer, CartContent, CartLine, CartAmount } from '../../types'
-import { formatCurrency, DEFAULT_COMMON_TEXT } from '../../constants.js'
+import { CURRENCY_SYMBOLS, DEFAULT_COMMON_TEXT } from '../../constants.js'
 /**
  * 格式化金额
@@ -15,7 +15,11 @@ import { formatCurrency, DEFAULT_COMMON_TEXT } from '../../constants.js'
  */
 function formatAmount(amount: CartAmount): string {
   const { amount: value, currencyCode } = amount
-  return formatCurrency(value, currencyCode)
+  const symbol = CURRENCY_SYMBOLS[currencyCode] || currencyCode
+  const numValue = parseFloat(value)
+  return `${symbol}${numValue.toFixed(2)}`
 }
 /**

package/src/components/LiveChatWidget/components/MessageContent/ProductCard.tsx CHANGED Viewed

@@ -6,14 +6,16 @@
 import React from 'react'
 import type { MessageRenderer, ProductCardContent, Product, CommonText } from '../../types'
-import { formatCurrency, DEFAULT_COMMON_TEXT } from '../../constants.js'
+import { CURRENCY_SYMBOLS, DEFAULT_COMMON_TEXT } from '../../constants.js'
 /**
  * 格式化价格
  */
 function formatPrice(price: Product['price']): string {
   const { amount, currency } = price
-  return formatCurrency(amount, currency)
+  const symbol = CURRENCY_SYMBOLS[currency] || currency
+  return `${symbol}${amount.toFixed(2)}`
 }
 /**
@@ -45,7 +47,8 @@ function formatDiscountLabel(
   }
   if (discount.discount_type === 'fixed_amount') {
-    return `${formatCurrency(Math.round(value), currency)} ${offText}`
+    const symbol = CURRENCY_SYMBOLS[currency] || currency
+    return `${symbol}${Math.round(value)} ${offText}`
   }
   return ''

package/src/components/LiveChatWidget/components/MessageContent/ProductComparison.tsx CHANGED Viewed

@@ -6,7 +6,7 @@
 import React, { useState } from 'react'
 import type { Product, MessageRenderer, CommonText } from '../../types'
-import { DEFAULT_COMMON_TEXT, formatCurrency } from '../../constants'
+import { DEFAULT_COMMON_TEXT, CURRENCY_SYMBOLS } from '../../constants'
 /**
  * 对比维度数据结构
@@ -65,10 +65,10 @@ export interface ProductComparisonProps {
 /**
  * 格式化价格显示
- * 根据货币类型自动决定符号位置（前置或后置）
  */
 const formatPrice = (amount: number, currency: string = 'USD'): string => {
-  return formatCurrency(amount, currency)
+  const symbol = CURRENCY_SYMBOLS[currency] || currency
+  return `${symbol}${amount}`
 }
 /**
@@ -298,7 +298,7 @@ export const ProductComparison: React.FC<ProductComparisonProps> = ({ data, onAd
               {/* 价格展示（带划线价） */}
               <div className="mb-4 flex flex-col items-center gap-1">
-                <div className="flex items-center gap-2 justify-center flex-wrap">
+                <div className="flex items-center gap-2">
                   {/* 当前价格（折扣价或原价） */}
                   <span className="text-base font-bold leading-[1.2] tracking-[-0.02em] text-[#1D1D1F]">
                     {formatPrice(currentPrice, priceInfo?.currency || product.price.currency)}
@@ -317,7 +317,7 @@ export const ProductComparison: React.FC<ProductComparisonProps> = ({ data, onAd
                 <button
                   type="button"
                   onClick={handleAddToCart}
-                  className="livechat-btn-primary mb-3 mt-auto w-fit rounded-full px-[20px] py-[10px] text-center text-sm font-bold leading-[1.2] tracking-[-0.04em] text-white"
+                  className="livechat-btn-primary mb-3 w-fit rounded-full px-[20px] py-[10px] text-center text-sm font-bold leading-[1.2] tracking-[-0.04em] text-white"
                   style={{ backgroundColor: '#1D1D1F' }}
                 >
                   {mergedText.addToCart}

package/src/components/LiveChatWidget/components/MessageContent/ProductList.tsx CHANGED Viewed

@@ -6,14 +6,16 @@
 import React, { useState } from 'react'
 import type { MessageRenderer, ProductListContent, Product, CommonText } from '../../types'
-import { formatCurrency, DEFAULT_COMMON_TEXT } from '../../constants.js'
+import { CURRENCY_SYMBOLS, DEFAULT_COMMON_TEXT } from '../../constants.js'
 /**
  * 格式化价格
  */
 function formatPrice(price: Product['price']): string {
   const { amount, currency } = price
-  return formatCurrency(amount, currency)
+  const symbol = CURRENCY_SYMBOLS[currency] || currency
+  return `${symbol}${amount.toFixed(2)}`
 }
 /**
@@ -45,7 +47,8 @@ function formatDiscountLabel(
   }
   if (discount.discount_type === 'fixed_amount') {
-    return `${formatCurrency(Math.round(value), currency)} ${offText}`
+    const symbol = CURRENCY_SYMBOLS[currency] || currency
+    return `${symbol}${Math.round(value)} ${offText}`
   }
   return ''

package/src/components/LiveChatWidget/constants.ts CHANGED Viewed

@@ -23,15 +23,6 @@ export const CURRENCY_SYMBOLS: Record<string, string> = {
     RON: "Lei"
 }
-const SUFFIX_CURRENCIES = new Set(["VND", "RON", "PLN"])
-export function formatCurrency(amount: number | string, currency: string = 'USD'): string {
-  const symbol = CURRENCY_SYMBOLS[currency] || currency
-  const value = typeof amount === 'string' ? parseFloat(amount) : amount
-  const formatted = Number.isInteger(value) ? String(value) : value.toFixed(2)
-  return SUFFIX_CURRENCIES.has(currency) ? `${formatted} ${symbol}` : `${symbol}${formatted}`
-}
 /**
  * 默认文案配置
  */

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

@@ -51,14 +51,14 @@ function useActivities({ page, pageSize, options = {} }: { page: number; pageSiz
   }, [activities, profile, page, pageSize, options, trigger])
   useEffect(() => {
-    if (isLoadingProfile || !profile || isLoading) {
+    if (isLoadingProfile || !profile || !brand || isLoading) {
       return
     }
     if (page !== currentPage && page) {
       getActivities()
     }
-  }, [getActivities, isLoadingProfile, isLoading, profile, page, currentPage])
+  }, [getActivities, isLoadingProfile, isLoading, profile, brand, page, currentPage])
   return {
     activities,