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

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

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

Files changed (158) hide show

package/dist/esm/components/memberPopup/panels/EarnCredits/ActivatePanel.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/components/memberPopup/panels/EarnCredits/ActivatePanel.tsx"],
-  "sourcesContent": ["import { useState, useCallback, useRef, useEffect } from 'react'\nimport { 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 { Message } from '../../../registration/authCodeActivate/Message'\nimport type { AuthCodeActivateCopy } from '../../type'\nimport { useRegistration } from '../../../registration'\nimport { ROUNDED_BRANDS } from '../../../../constants'\n\ntype Props = {\n  copy: AuthCodeActivateCopy\n  onClose: () => void\n  onSuccess?: () => void\n}\n\nexport default function ActivatePanel({ copy, onClose, onSuccess }: Props) {\n  const { locale, brand } = useHeadlessContext()\n  const { email } = useRegistration()\n  const rounded = ROUNDED_BRANDS.includes(brand)\n\n  const {\n    isMutating: isSendingEmail,\n    trigger: triggerSendValidationEmail,\n    data: sendEmailData,\n  } = useSendEmailValidation()\n\n  const { isMutating: emailValidationLoading, trigger: triggerEmailValidation } = useEmailValidation()\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 (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  }, [email])\n\n  const handleSendAgain = useCallback(async () => {\n    if (!email) return\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    const token = sendEmailData?.data?.data?.active_token ?? sendEmailData?.data?.active_token\n    if (token) {\n      await triggerEmailValidation(\n        {\n          token: token,\n          code: code,\n        },\n        {\n          onSuccess: data => {\n            if (data.status >= 200 && data.status < 300) {\n              setMessageStatus('success')\n              setMessageText(copy?.authSuccessMessage || '')\n              onSuccess?.()\n              setTimeout(() => {\n                onClose()\n              }, 3000)\n            } else {\n              const errorCode = data?.data?.error_code ?? data?.error_code\n              if (errorCode === '104') {\n                onSuccess?.()\n                setTimeout(() => {\n                  onClose()\n                }, 3000)\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    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    sendEmailData,\n    triggerEmailValidation,\n    onClose,\n    onSuccess,\n  ])\n\n  return (\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  )\n}\n"],
-  "mappings": "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",
-  "names": ["jsx", "jsxs", "useState", "useCallback", "useRef", "useEffect", "Button", "Text", "useSendEmailValidation", "gaTrack", "cn", "useHeadlessContext", "useEmailValidation", "useCountDown", "Message", "useRegistration", "ROUNDED_BRANDS", "ActivatePanel", "copy", "onClose", "onSuccess", "locale", "brand", "email", "rounded", "isSendingEmail", "triggerSendValidationEmail", "sendEmailData", "emailValidationLoading", "triggerEmailValidation", "messageText", "setMessageText", "messageStatus", "setMessageStatus", "isStartCountDown", "startCountDown", "countDown", "error", "setError", "focusIndex", "setFocusIndex", "codeArray", "setCodeArray", "inputRefs", "code", "handleSendAgain", "handleInputCodeChange", "event", "index", "value", "old", "newCode", "handleAuthCodeSubmit", "token", "data", "errorCode", "timer", "item", "inputRef", "paste", "pastedCode"]
+  "sourcesContent": ["import { useState, useCallback, useRef, useEffect } from 'react'\nimport { 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 { Message } from '../../../registration/authCodeActivate/Message'\nimport type { AuthCodeActivateCopy } from '../../type'\nimport { useRegistration } from '../../../registration'\nimport { useMemberPopupContext } from '../../context/provider'\nimport { ROUNDED_BRANDS } from '../../../../constants'\n\ntype Props = {\n  copy: AuthCodeActivateCopy\n  onClose: () => void\n}\n\nexport default function ActivatePanel({ copy, onClose }: Props) {\n  const { setIsActivateSuccess, fetchCreditInfo, profile } = useMemberPopupContext()\n  const { locale, brand } = useHeadlessContext()\n  const { email } = useRegistration()\n  const rounded = ROUNDED_BRANDS.includes(brand)\n\n  const {\n    isMutating: isSendingEmail,\n    trigger: triggerSendValidationEmail,\n    data: sendEmailData,\n  } = useSendEmailValidation()\n\n  const { isMutating: emailValidationLoading, trigger: triggerEmailValidation } = useEmailValidation()\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 (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  }, [email])\n\n  const handleSendAgain = useCallback(async () => {\n    if (!email) return\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    const token = sendEmailData?.data?.data?.active_token ?? sendEmailData?.data?.active_token\n    if (token) {\n      await triggerEmailValidation(\n        {\n          token: token,\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 (profile?.user_id) setTimeout(() => fetchCreditInfo(profile.user_id), 3000)\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                  info: 'Member Floating Window',\n                },\n              })\n              setTimeout(() => {\n                onClose()\n              }, 3000)\n            } else {\n              const errorCode = data?.data?.error_code ?? data?.error_code\n              if (errorCode === '104') {\n                setIsActivateSuccess(true)\n                if (profile?.user_id) setTimeout(() => fetchCreditInfo(profile.user_id), 3000)\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                    info: 'Member Floating Window',\n                  },\n                })\n                setTimeout(() => {\n                  onClose()\n                }, 3000)\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    let timer = setTimeout(() => {\n      setMessageStatus('')\n      setMessageText('')\n      clearTimeout(timer)\n    }, 5000)\n  }, [\n    code,\n    copy?.codeEmptyError,\n    copy?.authSuccessMessage,\n    copy?.incorrectCodeError,\n    copy?.expiredCodeMessage,\n    copy?.sendEmailErrorMessage,\n    locale,\n    sendEmailData,\n    triggerEmailValidation,\n    onClose,\n    setIsActivateSuccess,\n    fetchCreditInfo,\n    profile,\n  ])\n\n  return (\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 w-full min-l:mt-8\"\n          size=\"base\"\n          onClick={handleAuthCodeSubmit}\n        >\n          {copy.buttonText}\n        </Button>\n      </div>\n      <Message status={messageStatus} message={messageText} />\n    </div>\n  )\n}\n"],
+  "mappings": "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",
+  "names": ["jsx", "jsxs", "useState", "useCallback", "useRef", "useEffect", "Button", "Text", "useSendEmailValidation", "gaTrack", "cn", "useHeadlessContext", "useEmailValidation", "useCountDown", "Message", "useRegistration", "useMemberPopupContext", "ROUNDED_BRANDS", "ActivatePanel", "copy", "onClose", "setIsActivateSuccess", "fetchCreditInfo", "profile", "locale", "brand", "email", "rounded", "isSendingEmail", "triggerSendValidationEmail", "sendEmailData", "emailValidationLoading", "triggerEmailValidation", "messageText", "setMessageText", "messageStatus", "setMessageStatus", "isStartCountDown", "startCountDown", "countDown", "error", "setError", "focusIndex", "setFocusIndex", "codeArray", "setCodeArray", "inputRefs", "code", "handleSendAgain", "handleInputCodeChange", "event", "index", "value", "old", "newCode", "handleAuthCodeSubmit", "token", "data", "errorCode", "timer", "item", "inputRef", "paste", "pastedCode"]
 }

package/dist/esm/components/memberPopup/panels/EarnCredits/CompleteProfilePanel.d.ts CHANGED Viewed

@@ -1,9 +1,7 @@
 import type { CompleteProfileCopy } from '../../type';
 type Props = {
     copy: CompleteProfileCopy;
-    shopifyStoreDomain?: string;
     onClose: () => void;
-    onSuccess?: () => void;
 };
-export default function CompleteProfilePanel({ copy, shopifyStoreDomain, onClose, onSuccess }: Props): import("react/jsx-runtime").JSX.Element;
+export default function CompleteProfilePanel({ copy, onClose }: Props): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/esm/components/memberPopup/panels/EarnCredits/CompleteProfilePanel.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{jsx as t,jsxs as l}from"react/jsx-runtime";import{useCallback as q,useEffect as L,useState as r}from"react";import{Button as z,Text as g}from"@anker-in/headless-ui";import{classNames as s,useHeadlessContext as H}from"@anker-in/lib";import{useUpdateProfile as I}from"./hooks/useUpdateProfile";import M from"../../../credits/context/hooks/useCountries";import{useMemberPopupContext as O}from"../../context/provider";import{ROUNDED_BRANDS as T}from"../../../../constants";function G({copy:a,shopifyStoreDomain:F="",onClose:m,onSuccess:C}){const{profile:o,fetchCreditInfo:k,alpcConfig:P}=O(),{locale:R}=P,{brand:U}=H(),n=T.includes(U),[d,_]=r(""),[i,w]=r(""),[u,y]=r(""),[f,E]=r(""),[p,c]=r(""),[b,N]=r(""),[v,h]=r(""),{updateProfile:D,isLoading:B}=I({locale:R,appName:P.appName}),{countries:x}=M({shopifyStoreDomain:F});L(()=>{o&&(_(o.first_name??""),w(o.last_name??""),y(o.phone_number??""),E(o.dob??""),c(o.country?.id??""))},[o]),L(()=>{x.length>0&&!p&&c(x[0].id)},[x]);const S=q(()=>{let e=!1;return d.trim()?N(""):(N(a.required),e=!0),i.trim()?h(""):(h(a.required),e=!0),e},[d,i,a.required]),A=q(async()=>{if(S())return;await D({first_name:d.trim(),last_name:i.trim(),phone_number:u,country:p,dob:f})&&(k(o?.user_id),C?.(),m())},[S,D,d,i,u,p,f,k,o,C,m]);return l("div",{className:"flex flex-col gap-[20px]",children:[a.subtitle&&t(g,{className:"text-[14px] text-[#1d1d1f]",html:a.subtitle}),l("div",{children:[t("label",{className:"block text-[14px] font-[700] text-[#1d1d1f]",children:a.email}),t("input",{className:s("mt-[8px] h-[46px] w-full border border-[#d8d8d8] bg-[#f5f5f5] px-[12px] text-[14px] text-[#999]",n?"rounded-[4px]":"rounded-none"),value:o?.email??"",disabled:!0})]}),l("div",{children:[l("label",{className:"block text-[14px] font-[700] text-[#1d1d1f]",children:[a.firstName," ",t("span",{className:"text-[#f84d4f]",children:"*"})]}),t("input",{className:s("mt-[8px] h-[46px] w-full border px-[12px] text-[14px] outline-none",b?"border-[#f84d4f]":"border-[#d8d8d8]",n?"rounded-[4px]":"rounded-none"),value:d,onChange:e=>{_(e.target.value),N("")}}),b&&t(g,{className:"mt-[4px] text-[12px] text-[#f84d4f]",html:b})]}),l("div",{children:[l("label",{className:"block text-[14px] font-[700] text-[#1d1d1f]",children:[a.lastName," ",t("span",{className:"text-[#f84d4f]",children:"*"})]}),t("input",{className:s("mt-[8px] h-[46px] w-full border px-[12px] text-[14px] outline-none",v?"border-[#f84d4f]":"border-[#d8d8d8]",n?"rounded-[4px]":"rounded-none"),value:i,onChange:e=>{w(e.target.value),h("")}}),v&&t(g,{className:"mt-[4px] text-[12px] text-[#f84d4f]",html:v})]}),l("div",{children:[t("label",{className:"block text-[14px] font-[700] text-[#1d1d1f]",children:a.birthday}),t("input",{className:s("mt-[8px] h-[46px] w-full border border-[#d8d8d8] px-[12px] text-[14px] outline-none",n?"rounded-[4px]":"rounded-none"),type:"date",value:f,onChange:e=>E(e.target.value)})]}),l("div",{children:[t("label",{className:"block text-[14px] font-[700] text-[#1d1d1f]",children:a.phone}),t("input",{className:s("mt-[8px] h-[46px] w-full border border-[#d8d8d8] px-[12px] text-[14px] outline-none",n?"rounded-[4px]":"rounded-none"),value:u,onChange:e=>y(e.target.value)})]}),l("div",{children:[t("label",{className:"block text-[14px] font-[700] text-[#1d1d1f]",children:a.country}),t("select",{className:s("mt-[8px] h-[46px] w-full border border-[#d8d8d8] px-[12px] text-[14px] outline-none",n?"rounded-[4px]":"rounded-none"),value:p,onChange:e=>c(e.target.value),children:x.map(e=>t("option",{value:e.id,children:e.name},e.id))})]}),l("div",{className:"flex gap-[12px]",children:[t(z,{variant:"secondary",size:"lg",className:"flex-1",onClick:m,disabled:B,children:a.cancel}),t(z,{variant:"primary",size:"lg",className:"flex-1",loading:B,onClick:A,children:a.save})]})]})}export{G as default};
+import{jsx as t,jsxs as n}from"react/jsx-runtime";import{useCallback as q,useEffect as F,useState as r}from"react";import{Button as L,Text as g}from"@anker-in/headless-ui";import{gaTrack as R,classNames as l,useHeadlessContext as U}from"@anker-in/lib";import{useUpdateProfile as A}from"./hooks/useUpdateProfile";import H from"../../../credits/context/hooks/useCountries";import{useMemberPopupContext as O}from"../../context/provider";import{ROUNDED_BRANDS as W}from"../../../../constants";function G({copy:a,onClose:x}){const{profile:o,fetchCreditInfo:C,alpcConfig:_,setIsProfileCompleteSuccess:k}=O(),{locale:T}=_,{brand:z,storeDomain:I}=U(),s=W.includes(z),[d,P]=r(""),[i,w]=r(""),[u,E]=r(""),[f,y]=r(""),[p,c]=r(""),[b,v]=r(""),[N,h]=r(""),{updateProfile:D,isLoading:B}=A({locale:T,appName:_.appName}),{countries:m}=H({shopifyStoreDomain:I});F(()=>{o&&(P(o.first_name??""),w(o.last_name??""),E(o.phone_number??""),y(o.dob??""),c(o.country?.id??""))},[o]),F(()=>{m.length>0&&!p&&c(m[0].id)},[m]);const S=q(()=>{let e=!1;return d.trim()?v(""):(v(a.required),e=!0),i.trim()?h(""):(h(a.required),e=!0),e},[d,i,a.required]),M=q(async()=>{if(S())return;await D({first_name:d.trim(),last_name:i.trim(),phone_number:u,country:p,dob:f})&&(setTimeout(()=>C(o?.user_id),3e3),k(!0),R({event:"ga4Event",event_name:"lp_button",event_parameters:{position:"earn_credits",button_name:"complete_profile_success",info:"Member Floating Window"}}),x())},[S,D,d,i,u,p,f,C,o,k,x]);return n("div",{className:"flex flex-col gap-[16px]",children:[a.subtitle&&t(g,{className:"text-[14px] text-[#1d1d1f]",html:a.subtitle}),n("div",{children:[t("label",{className:"block text-[14px] font-[700] text-[#1d1d1f]",children:a.email}),t("input",{className:l("mt-[8px] h-[46px] w-full border border-[#d8d8d8] bg-[#f5f5f5] px-[12px] text-[14px] text-[#999]",s?"rounded-[4px]":"rounded-none"),value:o?.email??"",disabled:!0})]}),n("div",{children:[n("label",{className:"block text-[14px] font-[700] text-[#1d1d1f]",children:[a.firstName," ",t("span",{className:"text-[#f84d4f]",children:"*"})]}),t("input",{className:l("mt-[8px] h-[46px] w-full border px-[12px] text-[14px] outline-none",b?"border-[#f84d4f]":"border-[#d8d8d8]",s?"rounded-[4px]":"rounded-none"),value:d,onChange:e=>{P(e.target.value),v("")}}),b&&t(g,{className:"mt-[4px] text-[12px] text-[#f84d4f]",html:b})]}),n("div",{children:[n("label",{className:"block text-[14px] font-[700] text-[#1d1d1f]",children:[a.lastName," ",t("span",{className:"text-[#f84d4f]",children:"*"})]}),t("input",{className:l("mt-[8px] h-[46px] w-full border px-[12px] text-[14px] outline-none",N?"border-[#f84d4f]":"border-[#d8d8d8]",s?"rounded-[4px]":"rounded-none"),value:i,onChange:e=>{w(e.target.value),h("")}}),N&&t(g,{className:"mt-[4px] text-[12px] text-[#f84d4f]",html:N})]}),n("div",{children:[t("label",{className:"block text-[14px] font-[700] text-[#1d1d1f]",children:a.birthday}),t("input",{className:l("mt-[8px] h-[46px] w-full border border-[#d8d8d8] px-[12px] text-[14px] outline-none",s?"rounded-[4px]":"rounded-none"),type:"date",value:f,onChange:e=>y(e.target.value)})]}),n("div",{children:[t("label",{className:"block text-[14px] font-[700] text-[#1d1d1f]",children:a.phone}),t("input",{className:l("mt-[8px] h-[46px] w-full border border-[#d8d8d8] px-[12px] text-[14px] outline-none",s?"rounded-[4px]":"rounded-none"),value:u,onChange:e=>E(e.target.value)})]}),n("div",{children:[t("label",{className:"block text-[14px] font-[700] text-[#1d1d1f]",children:a.country}),t("select",{className:l("mt-[8px] h-[46px] w-full border border-[#d8d8d8] px-[12px] text-[14px] outline-none",s?"rounded-[4px]":"rounded-none"),value:p,onChange:e=>c(e.target.value),children:m.map(e=>t("option",{value:e.id,children:e.name},e.id))})]}),n("div",{className:"flex gap-[12px]",children:[t(L,{variant:"secondary",size:"base",className:"flex-1",onClick:x,disabled:B,children:a.cancel}),t(L,{variant:"primary",size:"base",className:"flex-1",loading:B,onClick:M,children:a.save})]})]})}export{G as default};
 //# sourceMappingURL=CompleteProfilePanel.js.map

package/dist/esm/components/memberPopup/panels/EarnCredits/CompleteProfilePanel.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/components/memberPopup/panels/EarnCredits/CompleteProfilePanel.tsx"],
-  "sourcesContent": ["import { useCallback, useEffect, useState } from 'react'\nimport { Button, Text } from '@anker-in/headless-ui'\nimport { classNames as cn, useHeadlessContext } from '@anker-in/lib'\nimport type { CompleteProfileCopy } from '../../type'\nimport { useUpdateProfile } from './hooks/useUpdateProfile'\nimport useCountries from '../../../credits/context/hooks/useCountries'\nimport { useMemberPopupContext } from '../../context/provider'\nimport { ROUNDED_BRANDS } from '../../../../constants'\n\ntype Props = {\n  copy: CompleteProfileCopy\n  shopifyStoreDomain?: string\n  onClose: () => void\n  onSuccess?: () => void\n}\n\nexport default function CompleteProfilePanel({ copy, shopifyStoreDomain = '', onClose, onSuccess }: Props) {\n  const { profile, fetchCreditInfo, alpcConfig } = useMemberPopupContext()\n  const { locale } = alpcConfig\n  const { brand } = useHeadlessContext()\n  const rounded = ROUNDED_BRANDS.includes(brand)\n\n  const [firstName, setFirstName] = useState('')\n  const [lastName, setLastName] = useState('')\n  const [phone, setPhone] = useState('')\n  const [birthDay, setBirthDay] = useState('')\n  const [country, setCountry] = useState('')\n  const [firstNameError, setFirstNameError] = useState('')\n  const [lastNameError, setLastNameError] = useState('')\n\n  const { updateProfile, isLoading } = useUpdateProfile({ locale, appName: alpcConfig.appName })\n  const { countries } = useCountries({ shopifyStoreDomain })\n\n  useEffect(() => {\n    if (profile) {\n      setFirstName(profile.first_name ?? '')\n      setLastName(profile.last_name ?? '')\n      setPhone(profile.phone_number ?? '')\n      setBirthDay(profile.dob ?? '')\n      setCountry(profile.country?.id ?? '')\n    }\n  }, [profile])\n\n  useEffect(() => {\n    if (countries.length > 0 && !country) {\n      setCountry(countries[0].id)\n    }\n  }, [countries])\n\n  const validate = useCallback(() => {\n    let hasError = false\n    if (!firstName.trim()) {\n      setFirstNameError(copy.required)\n      hasError = true\n    } else {\n      setFirstNameError('')\n    }\n    if (!lastName.trim()) {\n      setLastNameError(copy.required)\n      hasError = true\n    } else {\n      setLastNameError('')\n    }\n    return hasError\n  }, [firstName, lastName, copy.required])\n\n  const handleSubmit = useCallback(async () => {\n    if (validate()) return\n    const success = await updateProfile({\n      first_name: firstName.trim(),\n      last_name: lastName.trim(),\n      phone_number: phone,\n      country,\n      dob: birthDay,\n    })\n    if (success) {\n      fetchCreditInfo(profile?.user_id)\n      onSuccess?.()\n      onClose()\n    }\n  }, [validate, updateProfile, firstName, lastName, phone, country, birthDay, fetchCreditInfo, profile, onSuccess, onClose])\n\n  return (\n    <div className=\"flex flex-col gap-[20px]\">\n      {copy.subtitle && (\n        <Text className=\"text-[14px] text-[#1d1d1f]\" html={copy.subtitle} />\n      )}\n\n      <div>\n        <label className=\"block text-[14px] font-[700] text-[#1d1d1f]\">{copy.email}</label>\n        <input\n          className={cn('mt-[8px] h-[46px] w-full border border-[#d8d8d8] bg-[#f5f5f5] px-[12px] text-[14px] text-[#999]', rounded ? 'rounded-[4px]' : 'rounded-none')}\n          value={profile?.email ?? ''}\n          disabled\n        />\n      </div>\n\n      <div>\n        <label className=\"block text-[14px] font-[700] text-[#1d1d1f]\">\n          {copy.firstName} <span className=\"text-[#f84d4f]\">*</span>\n        </label>\n        <input\n          className={cn(\n            'mt-[8px] h-[46px] w-full border px-[12px] text-[14px] outline-none',\n            firstNameError ? 'border-[#f84d4f]' : 'border-[#d8d8d8]',\n            rounded ? 'rounded-[4px]' : 'rounded-none'\n          )}\n          value={firstName}\n          onChange={e => { setFirstName(e.target.value); setFirstNameError('') }}\n        />\n        {firstNameError && <Text className=\"mt-[4px] text-[12px] text-[#f84d4f]\" html={firstNameError} />}\n      </div>\n\n      <div>\n        <label className=\"block text-[14px] font-[700] text-[#1d1d1f]\">\n          {copy.lastName} <span className=\"text-[#f84d4f]\">*</span>\n        </label>\n        <input\n          className={cn(\n            'mt-[8px] h-[46px] w-full border px-[12px] text-[14px] outline-none',\n            lastNameError ? 'border-[#f84d4f]' : 'border-[#d8d8d8]',\n            rounded ? 'rounded-[4px]' : 'rounded-none'\n          )}\n          value={lastName}\n          onChange={e => { setLastName(e.target.value); setLastNameError('') }}\n        />\n        {lastNameError && <Text className=\"mt-[4px] text-[12px] text-[#f84d4f]\" html={lastNameError} />}\n      </div>\n\n      <div>\n        <label className=\"block text-[14px] font-[700] text-[#1d1d1f]\">{copy.birthday}</label>\n        <input\n          className={cn('mt-[8px] h-[46px] w-full border border-[#d8d8d8] px-[12px] text-[14px] outline-none', rounded ? 'rounded-[4px]' : 'rounded-none')}\n          type=\"date\"\n          value={birthDay}\n          onChange={e => setBirthDay(e.target.value)}\n        />\n      </div>\n\n      <div>\n        <label className=\"block text-[14px] font-[700] text-[#1d1d1f]\">{copy.phone}</label>\n        <input\n          className={cn('mt-[8px] h-[46px] w-full border border-[#d8d8d8] px-[12px] text-[14px] outline-none', rounded ? 'rounded-[4px]' : 'rounded-none')}\n          value={phone}\n          onChange={e => setPhone(e.target.value)}\n        />\n      </div>\n\n      <div>\n        <label className=\"block text-[14px] font-[700] text-[#1d1d1f]\">{copy.country}</label>\n        <select\n          className={cn('mt-[8px] h-[46px] w-full border border-[#d8d8d8] px-[12px] text-[14px] outline-none', rounded ? 'rounded-[4px]' : 'rounded-none')}\n          value={country}\n          onChange={e => setCountry(e.target.value)}\n        >\n          {countries.map((c: { id: string; name: string }) => (\n            <option key={c.id} value={c.id}>{c.name}</option>\n          ))}\n        </select>\n      </div>\n\n      <div className=\"flex gap-[12px]\">\n        <Button\n          variant=\"secondary\"\n          size=\"lg\"\n          className=\"flex-1\"\n          onClick={onClose}\n          disabled={isLoading}\n        >\n          {copy.cancel}\n        </Button>\n        <Button\n          variant=\"primary\"\n          size=\"lg\"\n          className=\"flex-1\"\n          loading={isLoading}\n          onClick={handleSubmit}\n        >\n          {copy.save}\n        </Button>\n      </div>\n    </div>\n  )\n}\n"],
-  "mappings": "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",
-  "names": ["jsx", "jsxs", "useCallback", "useEffect", "useState", "Button", "Text", "cn", "useHeadlessContext", "useUpdateProfile", "useCountries", "useMemberPopupContext", "ROUNDED_BRANDS", "CompleteProfilePanel", "copy", "shopifyStoreDomain", "onClose", "onSuccess", "profile", "fetchCreditInfo", "alpcConfig", "locale", "brand", "rounded", "firstName", "setFirstName", "lastName", "setLastName", "phone", "setPhone", "birthDay", "setBirthDay", "country", "setCountry", "firstNameError", "setFirstNameError", "lastNameError", "setLastNameError", "updateProfile", "isLoading", "countries", "validate", "hasError", "handleSubmit", "c"]
+  "sourcesContent": ["import { useCallback, useEffect, useState } from 'react'\nimport { Button, Text } from '@anker-in/headless-ui'\nimport { gaTrack, classNames as cn, useHeadlessContext } from '@anker-in/lib'\nimport type { CompleteProfileCopy } from '../../type'\nimport { useUpdateProfile } from './hooks/useUpdateProfile'\nimport useCountries from '../../../credits/context/hooks/useCountries'\nimport { useMemberPopupContext } from '../../context/provider'\nimport { ROUNDED_BRANDS } from '../../../../constants'\n\ntype Props = {\n  copy: CompleteProfileCopy\n  onClose: () => void\n}\n\nexport default function CompleteProfilePanel({ copy, onClose }: Props) {\n  const { profile, fetchCreditInfo, alpcConfig, setIsProfileCompleteSuccess } = useMemberPopupContext()\n  const { locale } = alpcConfig\n  const { brand, storeDomain } = useHeadlessContext()\n  const rounded = ROUNDED_BRANDS.includes(brand)\n\n  const [firstName, setFirstName] = useState('')\n  const [lastName, setLastName] = useState('')\n  const [phone, setPhone] = useState('')\n  const [birthDay, setBirthDay] = useState('')\n  const [country, setCountry] = useState('')\n  const [firstNameError, setFirstNameError] = useState('')\n  const [lastNameError, setLastNameError] = useState('')\n\n  const { updateProfile, isLoading } = useUpdateProfile({ locale, appName: alpcConfig.appName })\n  const { countries } = useCountries({ shopifyStoreDomain: storeDomain })\n\n  useEffect(() => {\n    if (profile) {\n      setFirstName(profile.first_name ?? '')\n      setLastName(profile.last_name ?? '')\n      setPhone(profile.phone_number ?? '')\n      setBirthDay(profile.dob ?? '')\n      setCountry(profile.country?.id ?? '')\n    }\n  }, [profile])\n\n  useEffect(() => {\n    if (countries.length > 0 && !country) {\n      setCountry(countries[0].id)\n    }\n  }, [countries])\n\n  const validate = useCallback(() => {\n    let hasError = false\n    if (!firstName.trim()) {\n      setFirstNameError(copy.required)\n      hasError = true\n    } else {\n      setFirstNameError('')\n    }\n    if (!lastName.trim()) {\n      setLastNameError(copy.required)\n      hasError = true\n    } else {\n      setLastNameError('')\n    }\n    return hasError\n  }, [firstName, lastName, copy.required])\n\n  const handleSubmit = useCallback(async () => {\n    if (validate()) return\n    const success = await updateProfile({\n      first_name: firstName.trim(),\n      last_name: lastName.trim(),\n      phone_number: phone,\n      country,\n      dob: birthDay,\n    })\n    if (success) {\n      setTimeout(() => fetchCreditInfo(profile?.user_id), 3000)\n      setIsProfileCompleteSuccess(true)\n      gaTrack({\n        event: 'ga4Event',\n        event_name: 'lp_button',\n        event_parameters: {\n          position: 'earn_credits',\n          button_name: 'complete_profile_success',\n          info: 'Member Floating Window',\n        },\n      })\n      onClose()\n    }\n  }, [\n    validate,\n    updateProfile,\n    firstName,\n    lastName,\n    phone,\n    country,\n    birthDay,\n    fetchCreditInfo,\n    profile,\n    setIsProfileCompleteSuccess,\n    onClose,\n  ])\n\n  return (\n    <div className=\"flex flex-col gap-[16px]\">\n      {copy.subtitle && <Text className=\"text-[14px] text-[#1d1d1f]\" html={copy.subtitle} />}\n\n      <div>\n        <label className=\"block text-[14px] font-[700] text-[#1d1d1f]\">{copy.email}</label>\n        <input\n          className={cn(\n            'mt-[8px] h-[46px] w-full border border-[#d8d8d8] bg-[#f5f5f5] px-[12px] text-[14px] text-[#999]',\n            rounded ? 'rounded-[4px]' : 'rounded-none'\n          )}\n          value={profile?.email ?? ''}\n          disabled\n        />\n      </div>\n\n      <div>\n        <label className=\"block text-[14px] font-[700] text-[#1d1d1f]\">\n          {copy.firstName} <span className=\"text-[#f84d4f]\">*</span>\n        </label>\n        <input\n          className={cn(\n            'mt-[8px] h-[46px] w-full border px-[12px] text-[14px] outline-none',\n            firstNameError ? 'border-[#f84d4f]' : 'border-[#d8d8d8]',\n            rounded ? 'rounded-[4px]' : 'rounded-none'\n          )}\n          value={firstName}\n          onChange={e => {\n            setFirstName(e.target.value)\n            setFirstNameError('')\n          }}\n        />\n        {firstNameError && <Text className=\"mt-[4px] text-[12px] text-[#f84d4f]\" html={firstNameError} />}\n      </div>\n\n      <div>\n        <label className=\"block text-[14px] font-[700] text-[#1d1d1f]\">\n          {copy.lastName} <span className=\"text-[#f84d4f]\">*</span>\n        </label>\n        <input\n          className={cn(\n            'mt-[8px] h-[46px] w-full border px-[12px] text-[14px] outline-none',\n            lastNameError ? 'border-[#f84d4f]' : 'border-[#d8d8d8]',\n            rounded ? 'rounded-[4px]' : 'rounded-none'\n          )}\n          value={lastName}\n          onChange={e => {\n            setLastName(e.target.value)\n            setLastNameError('')\n          }}\n        />\n        {lastNameError && <Text className=\"mt-[4px] text-[12px] text-[#f84d4f]\" html={lastNameError} />}\n      </div>\n\n      <div>\n        <label className=\"block text-[14px] font-[700] text-[#1d1d1f]\">{copy.birthday}</label>\n        <input\n          className={cn(\n            'mt-[8px] h-[46px] w-full border border-[#d8d8d8] px-[12px] text-[14px] outline-none',\n            rounded ? 'rounded-[4px]' : 'rounded-none'\n          )}\n          type=\"date\"\n          value={birthDay}\n          onChange={e => setBirthDay(e.target.value)}\n        />\n      </div>\n\n      <div>\n        <label className=\"block text-[14px] font-[700] text-[#1d1d1f]\">{copy.phone}</label>\n        <input\n          className={cn(\n            'mt-[8px] h-[46px] w-full border border-[#d8d8d8] px-[12px] text-[14px] outline-none',\n            rounded ? 'rounded-[4px]' : 'rounded-none'\n          )}\n          value={phone}\n          onChange={e => setPhone(e.target.value)}\n        />\n      </div>\n\n      <div>\n        <label className=\"block text-[14px] font-[700] text-[#1d1d1f]\">{copy.country}</label>\n        <select\n          className={cn(\n            'mt-[8px] h-[46px] w-full border border-[#d8d8d8] px-[12px] text-[14px] outline-none',\n            rounded ? 'rounded-[4px]' : 'rounded-none'\n          )}\n          value={country}\n          onChange={e => setCountry(e.target.value)}\n        >\n          {countries.map((c: { id: string; name: string }) => (\n            <option key={c.id} value={c.id}>\n              {c.name}\n            </option>\n          ))}\n        </select>\n      </div>\n\n      <div className=\"flex gap-[12px]\">\n        <Button variant=\"secondary\" size=\"base\" className=\"flex-1\" onClick={onClose} disabled={isLoading}>\n          {copy.cancel}\n        </Button>\n        <Button variant=\"primary\" size=\"base\" className=\"flex-1\" loading={isLoading} onClick={handleSubmit}>\n          {copy.save}\n        </Button>\n      </div>\n    </div>\n  )\n}\n"],
+  "mappings": "AAuGwB,cAAAA,EAElB,QAAAC,MAFkB,oBAvGxB,OAAS,eAAAC,EAAa,aAAAC,EAAW,YAAAC,MAAgB,QACjD,OAAS,UAAAC,EAAQ,QAAAC,MAAY,wBAC7B,OAAS,WAAAC,EAAS,cAAcC,EAAI,sBAAAC,MAA0B,gBAE9D,OAAS,oBAAAC,MAAwB,2BACjC,OAAOC,MAAkB,8CACzB,OAAS,yBAAAC,MAA6B,yBACtC,OAAS,kBAAAC,MAAsB,wBAOhB,SAARC,EAAsC,CAAE,KAAAC,EAAM,QAAAC,CAAQ,EAAU,CACrE,KAAM,CAAE,QAAAC,EAAS,gBAAAC,EAAiB,WAAAC,EAAY,4BAAAC,CAA4B,EAAIR,EAAsB,EAC9F,CAAE,OAAAS,CAAO,EAAIF,EACb,CAAE,MAAAG,EAAO,YAAAC,CAAY,EAAId,EAAmB,EAC5Ce,EAAUX,EAAe,SAASS,CAAK,EAEvC,CAACG,EAAWC,CAAY,EAAItB,EAAS,EAAE,EACvC,CAACuB,EAAUC,CAAW,EAAIxB,EAAS,EAAE,EACrC,CAACyB,EAAOC,CAAQ,EAAI1B,EAAS,EAAE,EAC/B,CAAC2B,EAAUC,CAAW,EAAI5B,EAAS,EAAE,EACrC,CAAC6B,EAASC,CAAU,EAAI9B,EAAS,EAAE,EACnC,CAAC+B,EAAgBC,CAAiB,EAAIhC,EAAS,EAAE,EACjD,CAACiC,EAAeC,CAAgB,EAAIlC,EAAS,EAAE,EAE/C,CAAE,cAAAmC,EAAe,UAAAC,CAAU,EAAI9B,EAAiB,CAAE,OAAAW,EAAQ,QAASF,EAAW,OAAQ,CAAC,EACvF,CAAE,UAAAsB,CAAU,EAAI9B,EAAa,CAAE,mBAAoBY,CAAY,CAAC,EAEtEpB,EAAU,IAAM,CACVc,IACFS,EAAaT,EAAQ,YAAc,EAAE,EACrCW,EAAYX,EAAQ,WAAa,EAAE,EACnCa,EAASb,EAAQ,cAAgB,EAAE,EACnCe,EAAYf,EAAQ,KAAO,EAAE,EAC7BiB,EAAWjB,EAAQ,SAAS,IAAM,EAAE,EAExC,EAAG,CAACA,CAAO,CAAC,EAEZd,EAAU,IAAM,CACVsC,EAAU,OAAS,GAAK,CAACR,GAC3BC,EAAWO,EAAU,CAAC,EAAE,EAAE,CAE9B,EAAG,CAACA,CAAS,CAAC,EAEd,MAAMC,EAAWxC,EAAY,IAAM,CACjC,IAAIyC,EAAW,GACf,OAAKlB,EAAU,KAAK,EAIlBW,EAAkB,EAAE,GAHpBA,EAAkBrB,EAAK,QAAQ,EAC/B4B,EAAW,IAIRhB,EAAS,KAAK,EAIjBW,EAAiB,EAAE,GAHnBA,EAAiBvB,EAAK,QAAQ,EAC9B4B,EAAW,IAINA,CACT,EAAG,CAAClB,EAAWE,EAAUZ,EAAK,QAAQ,CAAC,EAEjC6B,EAAe1C,EAAY,SAAY,CAC3C,GAAIwC,EAAS,EAAG,OACA,MAAMH,EAAc,CAClC,WAAYd,EAAU,KAAK,EAC3B,UAAWE,EAAS,KAAK,EACzB,aAAcE,EACd,QAAAI,EACA,IAAKF,CACP,CAAC,IAEC,WAAW,IAAMb,EAAgBD,GAAS,OAAO,EAAG,GAAI,EACxDG,EAA4B,EAAI,EAChCb,EAAQ,CACN,MAAO,WACP,WAAY,YACZ,iBAAkB,CAChB,SAAU,eACV,YAAa,2BACb,KAAM,wBACR,CACF,CAAC,EACDS,EAAQ,EAEZ,EAAG,CACD0B,EACAH,EACAd,EACAE,EACAE,EACAI,EACAF,EACAb,EACAD,EACAG,EACAJ,CACF,CAAC,EAED,OACEf,EAAC,OAAI,UAAU,2BACZ,UAAAc,EAAK,UAAYf,EAACM,EAAA,CAAK,UAAU,6BAA6B,KAAMS,EAAK,SAAU,EAEpFd,EAAC,OACC,UAAAD,EAAC,SAAM,UAAU,8CAA+C,SAAAe,EAAK,MAAM,EAC3Ef,EAAC,SACC,UAAWQ,EACT,kGACAgB,EAAU,gBAAkB,cAC9B,EACA,MAAOP,GAAS,OAAS,GACzB,SAAQ,GACV,GACF,EAEAhB,EAAC,OACC,UAAAA,EAAC,SAAM,UAAU,8CACd,UAAAc,EAAK,UAAU,IAACf,EAAC,QAAK,UAAU,iBAAiB,aAAC,GACrD,EACAA,EAAC,SACC,UAAWQ,EACT,qEACA2B,EAAiB,mBAAqB,mBACtCX,EAAU,gBAAkB,cAC9B,EACA,MAAOC,EACP,SAAU,GAAK,CACbC,EAAa,EAAE,OAAO,KAAK,EAC3BU,EAAkB,EAAE,CACtB,EACF,EACCD,GAAkBnC,EAACM,EAAA,CAAK,UAAU,sCAAsC,KAAM6B,EAAgB,GACjG,EAEAlC,EAAC,OACC,UAAAA,EAAC,SAAM,UAAU,8CACd,UAAAc,EAAK,SAAS,IAACf,EAAC,QAAK,UAAU,iBAAiB,aAAC,GACpD,EACAA,EAAC,SACC,UAAWQ,EACT,qEACA6B,EAAgB,mBAAqB,mBACrCb,EAAU,gBAAkB,cAC9B,EACA,MAAOG,EACP,SAAU,GAAK,CACbC,EAAY,EAAE,OAAO,KAAK,EAC1BU,EAAiB,EAAE,CACrB,EACF,EACCD,GAAiBrC,EAACM,EAAA,CAAK,UAAU,sCAAsC,KAAM+B,EAAe,GAC/F,EAEApC,EAAC,OACC,UAAAD,EAAC,SAAM,UAAU,8CAA+C,SAAAe,EAAK,SAAS,EAC9Ef,EAAC,SACC,UAAWQ,EACT,sFACAgB,EAAU,gBAAkB,cAC9B,EACA,KAAK,OACL,MAAOO,EACP,SAAU,GAAKC,EAAY,EAAE,OAAO,KAAK,EAC3C,GACF,EAEA/B,EAAC,OACC,UAAAD,EAAC,SAAM,UAAU,8CAA+C,SAAAe,EAAK,MAAM,EAC3Ef,EAAC,SACC,UAAWQ,EACT,sFACAgB,EAAU,gBAAkB,cAC9B,EACA,MAAOK,EACP,SAAU,GAAKC,EAAS,EAAE,OAAO,KAAK,EACxC,GACF,EAEA7B,EAAC,OACC,UAAAD,EAAC,SAAM,UAAU,8CAA+C,SAAAe,EAAK,QAAQ,EAC7Ef,EAAC,UACC,UAAWQ,EACT,sFACAgB,EAAU,gBAAkB,cAC9B,EACA,MAAOS,EACP,SAAU,GAAKC,EAAW,EAAE,OAAO,KAAK,EAEvC,SAAAO,EAAU,IAAKI,GACd7C,EAAC,UAAkB,MAAO6C,EAAE,GACzB,SAAAA,EAAE,MADQA,EAAE,EAEf,CACD,EACH,GACF,EAEA5C,EAAC,OAAI,UAAU,kBACb,UAAAD,EAACK,EAAA,CAAO,QAAQ,YAAY,KAAK,OAAO,UAAU,SAAS,QAASW,EAAS,SAAUwB,EACpF,SAAAzB,EAAK,OACR,EACAf,EAACK,EAAA,CAAO,QAAQ,UAAU,KAAK,OAAO,UAAU,SAAS,QAASmC,EAAW,QAASI,EACnF,SAAA7B,EAAK,KACR,GACF,GACF,CAEJ",
+  "names": ["jsx", "jsxs", "useCallback", "useEffect", "useState", "Button", "Text", "gaTrack", "cn", "useHeadlessContext", "useUpdateProfile", "useCountries", "useMemberPopupContext", "ROUNDED_BRANDS", "CompleteProfilePanel", "copy", "onClose", "profile", "fetchCreditInfo", "alpcConfig", "setIsProfileCompleteSuccess", "locale", "brand", "storeDomain", "rounded", "firstName", "setFirstName", "lastName", "setLastName", "phone", "setPhone", "birthDay", "setBirthDay", "country", "setCountry", "firstNameError", "setFirstNameError", "lastNameError", "setLastNameError", "updateProfile", "isLoading", "countries", "validate", "hasError", "handleSubmit", "c"]
 }

package/dist/esm/components/memberPopup/panels/EarnCredits/SubscribeEmailPanel.d.ts CHANGED Viewed

@@ -3,7 +3,6 @@ type Props = {
     copy: SubscribeModalCopy;
     email?: string;
     onClose: () => void;
-    onSuccess?: () => void;
 };
-export default function SubscribeEmailPanel({ copy, email: initialEmail, onClose, onSuccess }: Props): import("react/jsx-runtime").JSX.Element;
+export default function SubscribeEmailPanel({ copy, email: initialEmail, onClose }: Props): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/esm/components/memberPopup/panels/EarnCredits/SubscribeEmailPanel.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{jsx as t,jsxs as d}from"react/jsx-runtime";import{useCallback as P,useEffect as T,useState as i}from"react";import{Checkbox as D,Text as C}from"@anker-in/headless-ui";import{classNames as p,useHeadlessContext as E}from"@anker-in/lib";import c from"js-cookie";import{parse as L}from"query-string";import{emailValidate as O}from"../../../credits/context/utils";import{useMemberPopupContext as A}from"../../context/provider";import{ROUNDED_BRANDS as B}from"../../../../constants";function H(){if(typeof window>"u")return{register_source:""};const{search:e,href:o}=window.location,a=L(e);return{fbuy_ref_code:c.get("fbuy_ref_code"),ref:c.get("ref_ads"),inviter_code:a.ic??a.inviter_code??c.get("inviter_code"),register_source:a.redirect??c.get("reg_source")??o}}function I({copy:e,email:o,onClose:a,onSuccess:m}){const{alpcConfig:S}=A(),{brand:x,locale:b}=S,{brand:w}=E(),g=B.includes(w),[u,h]=i(!1),[l,v]=i(o??""),[n,s]=i(""),[f,_]=i(""),[k,y]=i(!1);T(()=>{o&&v(o)},[o]);const M=P(async()=>{if(s(""),!l)return s("Please fill in your email");if(!O(l))return s("Invalid email address");if(!u)return s("Please agree to the policy");y(!0);const{register_source:r}=H();try{const N=await(await fetch("/api/multipass/subscribe/subscribe_emails",{method:"POST",headers:{"Content-Type":"application/json","current-language":b},body:JSON.stringify({email:l,register_source:r,brand:x,deals_type:e.dealsType??"vip_subscribe"})})).json();N.errors?s(N.errors??"Error occurred"):(_(e.successTips??"Subscribed successfully!"),m?.(),setTimeout(()=>{_(""),a()},3e3))}catch{s("Network error")}finally{y(!1)}},[l,u,b,x,e,a,m]);return d("div",{className:"flex flex-col gap-[12px]",children:[d("div",{className:"flex flex-col gap-[8px]",children:[e.title&&t("h2",{className:"text-[24px] font-[700] leading-[1.2] text-[#080a0f]",children:e.title}),e.desc&&t(C,{className:"text-[16px] text-[#1e2024]",html:e.desc})]}),d("div",{className:"flex flex-col gap-[16px]",children:[t("input",{className:p("h-[46px] w-full border px-[14px] text-[16px] outline-none placeholder:text-[#999]",n?"border-[#f84d4f]":"border-[#d8d8d8]",g?"rounded-[4px]":"rounded-none"),placeholder:e.placeholder,value:l,onChange:r=>{s(""),v(r.target.value.trim())}}),d("div",{className:"flex w-full items-start gap-[8px]",children:[t(D,{checked:u,onCheckedChange:()=>h(r=>!r),className:"mt-[2px] border-[#1d1d1f]"}),t("label",{className:"cursor-pointer text-left text-[14px] text-[#1e2024] [&_a]:underline",onClick:()=>h(r=>!r),dangerouslySetInnerHTML:{__html:e.policy??""}})]}),(n||f)&&t("div",{className:p("text-[14px] font-[700]",n&&"text-[#f84d4f]",f&&"text-[#52c41a]"),children:t(C,{html:f||n})}),t("button",{className:p("w-full cursor-pointer bg-[#080a0f] py-[14px] text-[14px] font-[700] text-white disabled:opacity-60",g?"rounded-[4px]":"rounded-none"),disabled:k,onClick:M,children:e.buttonLabel??"Subscribe"})]})]})}export{I as default};
+import{jsx as t,jsxs as d}from"react/jsx-runtime";import{useCallback as B,useEffect as D,useState as l}from"react";import{Button as E,Checkbox as I,Text as C}from"@anker-in/headless-ui";import{gaTrack as L,classNames as N,useHeadlessContext as O}from"@anker-in/lib";import c from"js-cookie";import{parse as A}from"query-string";import{emailValidate as H}from"../../../credits/context/utils";import{useMemberPopupContext as R}from"../../context/provider";import{ROUNDED_BRANDS as j}from"../../../../constants";function q(){if(typeof window>"u")return{register_source:""};const{search:e,href:o}=window.location,a=A(e);return{fbuy_ref_code:c.get("fbuy_ref_code"),ref:c.get("ref_ads"),inviter_code:a.ic??a.inviter_code??c.get("inviter_code"),register_source:a.redirect??c.get("reg_source")??o}}function J({copy:e,email:o,onClose:a}){const{alpcConfig:S,setIsSubscribeSuccess:p,fetchCreditInfo:k,profile:m}=R(),{brand:x,locale:b}=S,{brand:w}=O(),T=j.includes(w),[u,g]=l(e.policyDefaultChecked??!1),[i,h]=l(o??""),[n,s]=l(""),[f,_]=l(""),[M,v]=l(!1);D(()=>{o&&h(o)},[o]);const P=B(async()=>{if(s(""),!i)return s("Please fill in your email");if(!H(i))return s("Invalid email address");if(!u)return s("Please agree to the policy");v(!0);const{register_source:r}=q();try{const y=await(await fetch("/api/multipass/subscribe/subscribe_emails",{method:"POST",headers:{"Content-Type":"application/json","current-language":b},body:JSON.stringify({email:i,register_source:r,brand:x,deals_type:e.dealsType??"vip_subscribe"})})).json();y.errors?s(y.errors??"Error occurred"):(_(e.successTips??"Subscribed successfully!"),p(!0),m?.user_id&&setTimeout(()=>k(m.user_id),3e3),L({event:"ga4Event",event_name:"subscribe",event_parameters:{page_group:e.dealsType??"",position:"sticky",info:""}}),setTimeout(()=>{_(""),a()},3e3))}catch{s("Network error")}finally{v(!1)}},[i,u,b,x,e,a,p]);return d("div",{className:"flex flex-col gap-[12px]",children:[d("div",{className:"flex flex-col gap-[8px]",children:[e.title&&t("h2",{className:"text-[24px] font-[700] leading-[1.2] text-[#080a0f]",children:e.title}),e.desc&&t(C,{className:"text-[16px] text-[#1e2024]",html:e.desc})]}),d("div",{className:"flex flex-col gap-[16px]",children:[t("input",{className:N("h-[46px] w-full border px-[14px] text-[16px] outline-none placeholder:text-[#999]",n?"border-[#f84d4f]":"border-[#d8d8d8]",T?"rounded-[4px]":"rounded-none"),placeholder:e.placeholder,value:i,onChange:r=>{s(""),h(r.target.value.trim())}}),d("div",{className:"flex w-full items-start gap-[8px]",children:[t(I,{checked:u,onCheckedChange:()=>g(r=>!r),className:"mt-[2px] border-[#1d1d1f]"}),t("label",{className:"cursor-pointer text-left text-[14px] text-[#1e2024] [&_a]:underline",onClick:()=>g(r=>!r),dangerouslySetInnerHTML:{__html:e.policy??""}})]}),(n||f)&&t("div",{className:N("text-[14px] font-[700]",n&&"text-[#f84d4f]",f&&"text-[#52c41a]"),children:t(C,{html:f||n})}),t(E,{className:"w-full",loading:M,onClick:P,children:e.buttonLabel??"Subscribe"})]})]})}export{J as default};
 //# sourceMappingURL=SubscribeEmailPanel.js.map

package/dist/esm/components/memberPopup/panels/EarnCredits/SubscribeEmailPanel.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/components/memberPopup/panels/EarnCredits/SubscribeEmailPanel.tsx"],
-  "sourcesContent": ["import { useCallback, useEffect, useState } from 'react'\nimport { Checkbox, Text } from '@anker-in/headless-ui'\nimport { classNames as cn, useHeadlessContext } from '@anker-in/lib'\nimport Cookies from 'js-cookie'\nimport { parse } from 'query-string'\nimport { emailValidate } from '../../../credits/context/utils'\nimport { useMemberPopupContext } from '../../context/provider'\nimport type { SubscribeModalCopy } from '../../type'\nimport { ROUNDED_BRANDS } from '../../../../constants'\n\ntype Props = {\n  copy: SubscribeModalCopy\n  email?: string\n  onClose: () => void\n  onSuccess?: () => void\n}\n\nfunction getAdCookie() {\n  if (typeof window === 'undefined') return { register_source: '' }\n  const { search, href } = window.location\n  const query = parse(search)\n  return {\n    fbuy_ref_code: Cookies.get('fbuy_ref_code'),\n    ref: Cookies.get('ref_ads'),\n    inviter_code: query.ic ?? query.inviter_code ?? Cookies.get('inviter_code'),\n    register_source: query.redirect ?? Cookies.get('reg_source') ?? href,\n  }\n}\n\nexport default function SubscribeEmailPanel({ copy, email: initialEmail, onClose, onSuccess }: Props) {\n  const { alpcConfig } = useMemberPopupContext()\n  const { brand, locale } = alpcConfig\n  const { brand: headlessBrand } = useHeadlessContext()\n  const rounded = ROUNDED_BRANDS.includes(headlessBrand)\n  const [policy, setPolicy] = useState(false)\n  const [email, setEmail] = useState(initialEmail ?? '')\n  const [errorMessage, setErrorMessage] = useState('')\n  const [successMessage, setSuccessMessage] = useState('')\n  const [loading, setLoading] = useState(false)\n\n  useEffect(() => {\n    if (initialEmail) setEmail(initialEmail)\n  }, [initialEmail])\n\n  const handleSubmit = useCallback(async () => {\n    setErrorMessage('')\n    if (!email) return setErrorMessage('Please fill in your email')\n    if (!emailValidate(email)) return setErrorMessage('Invalid email address')\n    if (!policy) return setErrorMessage('Please agree to the policy')\n\n    setLoading(true)\n    const { register_source } = getAdCookie()\n    try {\n      const response = await fetch('/api/multipass/subscribe/subscribe_emails', {\n        method: 'POST',\n        headers: { 'Content-Type': 'application/json', 'current-language': locale },\n        body: JSON.stringify({\n          email,\n          register_source,\n          brand,\n          deals_type: copy.dealsType ?? 'vip_subscribe',\n        }),\n      })\n      const result = await response.json()\n      if (!result.errors) {\n        setSuccessMessage(copy.successTips ?? 'Subscribed successfully!')\n        onSuccess?.()\n        setTimeout(() => {\n          setSuccessMessage('')\n          onClose()\n        }, 3000)\n      } else {\n        setErrorMessage(result.errors ?? 'Error occurred')\n      }\n    } catch {\n      setErrorMessage('Network error')\n    } finally {\n      setLoading(false)\n    }\n  }, [email, policy, locale, brand, copy, onClose, onSuccess])\n\n  return (\n    <div className=\"flex flex-col gap-[12px]\">\n      <div className=\"flex flex-col gap-[8px]\">\n        {copy.title && (\n          <h2 className=\"text-[24px] font-[700] leading-[1.2] text-[#080a0f]\">{copy.title}</h2>\n        )}\n        {copy.desc && (\n          <Text className=\"text-[16px] text-[#1e2024]\" html={copy.desc} />\n        )}\n      </div>\n\n      <div className=\"flex flex-col gap-[16px]\">\n        <input\n          className={cn(\n            'h-[46px] w-full border px-[14px] text-[16px] outline-none placeholder:text-[#999]',\n            errorMessage ? 'border-[#f84d4f]' : 'border-[#d8d8d8]',\n            rounded ? 'rounded-[4px]' : 'rounded-none'\n          )}\n          placeholder={copy.placeholder}\n          value={email}\n          onChange={e => { setErrorMessage(''); setEmail(e.target.value.trim()) }}\n        />\n\n        <div className=\"flex w-full items-start gap-[8px]\">\n          <Checkbox checked={policy} onCheckedChange={() => setPolicy(v => !v)} className=\"mt-[2px] border-[#1d1d1f]\" />\n          <label\n            className=\"cursor-pointer text-left text-[14px] text-[#1e2024] [&_a]:underline\"\n            onClick={() => setPolicy(v => !v)}\n            dangerouslySetInnerHTML={{ __html: copy.policy ?? '' }}\n          />\n        </div>\n\n        {(errorMessage || successMessage) && (\n          <div className={cn('text-[14px] font-[700]', errorMessage && 'text-[#f84d4f]', successMessage && 'text-[#52c41a]')}>\n            <Text html={successMessage || errorMessage} />\n          </div>\n        )}\n\n        <button\n          className={cn('w-full cursor-pointer bg-[#080a0f] py-[14px] text-[14px] font-[700] text-white disabled:opacity-60', rounded ? 'rounded-[4px]' : 'rounded-none')}\n          disabled={loading}\n          onClick={handleSubmit}\n        >\n          {copy.buttonLabel ?? 'Subscribe'}\n        </button>\n      </div>\n    </div>\n  )\n}\n"],
-  "mappings": "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",
-  "names": ["jsx", "jsxs", "useCallback", "useEffect", "useState", "Checkbox", "Text", "cn", "useHeadlessContext", "Cookies", "parse", "emailValidate", "useMemberPopupContext", "ROUNDED_BRANDS", "getAdCookie", "search", "href", "query", "SubscribeEmailPanel", "copy", "initialEmail", "onClose", "onSuccess", "alpcConfig", "brand", "locale", "headlessBrand", "rounded", "policy", "setPolicy", "email", "setEmail", "errorMessage", "setErrorMessage", "successMessage", "setSuccessMessage", "loading", "setLoading", "handleSubmit", "register_source", "result", "e", "v"]
+  "sourcesContent": ["import { useCallback, useEffect, useState } from 'react'\nimport { Button, Checkbox, Text } from '@anker-in/headless-ui'\nimport { gaTrack, classNames as cn, useHeadlessContext } from '@anker-in/lib'\nimport Cookies from 'js-cookie'\nimport { parse } from 'query-string'\nimport { emailValidate } from '../../../credits/context/utils'\nimport { useMemberPopupContext } from '../../context/provider'\nimport type { SubscribeModalCopy } from '../../type'\nimport { ROUNDED_BRANDS } from '../../../../constants'\n\ntype Props = {\n  copy: SubscribeModalCopy\n  email?: string\n  onClose: () => void\n}\n\nfunction getAdCookie() {\n  if (typeof window === 'undefined') return { register_source: '' }\n  const { search, href } = window.location\n  const query = parse(search)\n  return {\n    fbuy_ref_code: Cookies.get('fbuy_ref_code'),\n    ref: Cookies.get('ref_ads'),\n    inviter_code: query.ic ?? query.inviter_code ?? Cookies.get('inviter_code'),\n    register_source: query.redirect ?? Cookies.get('reg_source') ?? href,\n  }\n}\n\nexport default function SubscribeEmailPanel({ copy, email: initialEmail, onClose }: Props) {\n  const { alpcConfig, setIsSubscribeSuccess, fetchCreditInfo, profile } = useMemberPopupContext()\n  const { brand, locale } = alpcConfig\n  const { brand: headlessBrand } = useHeadlessContext()\n  const rounded = ROUNDED_BRANDS.includes(headlessBrand)\n  const [policy, setPolicy] = useState(copy.policyDefaultChecked ?? false)\n  const [email, setEmail] = useState(initialEmail ?? '')\n  const [errorMessage, setErrorMessage] = useState('')\n  const [successMessage, setSuccessMessage] = useState('')\n  const [loading, setLoading] = useState(false)\n\n  useEffect(() => {\n    if (initialEmail) setEmail(initialEmail)\n  }, [initialEmail])\n\n  const handleSubmit = useCallback(async () => {\n    setErrorMessage('')\n    if (!email) return setErrorMessage('Please fill in your email')\n    if (!emailValidate(email)) return setErrorMessage('Invalid email address')\n    if (!policy) return setErrorMessage('Please agree to the policy')\n\n    setLoading(true)\n    const { register_source } = getAdCookie()\n    try {\n      const response = await fetch('/api/multipass/subscribe/subscribe_emails', {\n        method: 'POST',\n        headers: { 'Content-Type': 'application/json', 'current-language': locale },\n        body: JSON.stringify({\n          email,\n          register_source,\n          brand,\n          deals_type: copy.dealsType ?? 'vip_subscribe',\n        }),\n      })\n      const result = await response.json()\n      if (!result.errors) {\n        setSuccessMessage(copy.successTips ?? 'Subscribed successfully!')\n        setIsSubscribeSuccess(true)\n        if (profile?.user_id) setTimeout(() => fetchCreditInfo(profile.user_id), 3000)\n        gaTrack({\n          event: 'ga4Event',\n          event_name: 'subscribe',\n          event_parameters: {\n            page_group: copy.dealsType ?? '',\n            position: 'sticky',\n            info: '',\n          },\n        })\n        setTimeout(() => {\n          setSuccessMessage('')\n          onClose()\n        }, 3000)\n      } else {\n        setErrorMessage(result.errors ?? 'Error occurred')\n      }\n    } catch {\n      setErrorMessage('Network error')\n    } finally {\n      setLoading(false)\n    }\n  }, [email, policy, locale, brand, copy, onClose, setIsSubscribeSuccess])\n\n  return (\n    <div className=\"flex flex-col gap-[12px]\">\n      <div className=\"flex flex-col gap-[8px]\">\n        {copy.title && <h2 className=\"text-[24px] font-[700] leading-[1.2] text-[#080a0f]\">{copy.title}</h2>}\n        {copy.desc && <Text className=\"text-[16px] text-[#1e2024]\" html={copy.desc} />}\n      </div>\n\n      <div className=\"flex flex-col gap-[16px]\">\n        <input\n          className={cn(\n            'h-[46px] w-full border px-[14px] text-[16px] outline-none placeholder:text-[#999]',\n            errorMessage ? 'border-[#f84d4f]' : 'border-[#d8d8d8]',\n            rounded ? 'rounded-[4px]' : 'rounded-none'\n          )}\n          placeholder={copy.placeholder}\n          value={email}\n          onChange={e => {\n            setErrorMessage('')\n            setEmail(e.target.value.trim())\n          }}\n        />\n\n        <div className=\"flex w-full items-start gap-[8px]\">\n          <Checkbox checked={policy} onCheckedChange={() => setPolicy(v => !v)} className=\"mt-[2px] border-[#1d1d1f]\" />\n          <label\n            className=\"cursor-pointer text-left text-[14px] text-[#1e2024] [&_a]:underline\"\n            onClick={() => setPolicy(v => !v)}\n            dangerouslySetInnerHTML={{ __html: copy.policy ?? '' }}\n          />\n        </div>\n\n        {(errorMessage || successMessage) && (\n          <div\n            className={cn(\n              'text-[14px] font-[700]',\n              errorMessage && 'text-[#f84d4f]',\n              successMessage && 'text-[#52c41a]'\n            )}\n          >\n            <Text html={successMessage || errorMessage} />\n          </div>\n        )}\n\n        <Button className=\"w-full\" loading={loading} onClick={handleSubmit}>\n          {copy.buttonLabel ?? 'Subscribe'}\n        </Button>\n      </div>\n    </div>\n  )\n}\n"],
+  "mappings": "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",
+  "names": ["jsx", "jsxs", "useCallback", "useEffect", "useState", "Button", "Checkbox", "Text", "gaTrack", "cn", "useHeadlessContext", "Cookies", "parse", "emailValidate", "useMemberPopupContext", "ROUNDED_BRANDS", "getAdCookie", "search", "href", "query", "SubscribeEmailPanel", "copy", "initialEmail", "onClose", "alpcConfig", "setIsSubscribeSuccess", "fetchCreditInfo", "profile", "brand", "locale", "headlessBrand", "rounded", "policy", "setPolicy", "email", "setEmail", "errorMessage", "setErrorMessage", "successMessage", "setSuccessMessage", "loading", "setLoading", "handleSubmit", "register_source", "result", "e", "v"]
 }

package/dist/esm/components/memberPopup/panels/EarnCredits/index.d.ts CHANGED Viewed

@@ -1,13 +1,6 @@
 import { type EarnCreditsCopy } from '../../type';
 type Props = {
     copy: EarnCreditsCopy;
-    onClose: () => void;
-    isSubscribeSuccess?: boolean;
-    isActivateSuccess?: boolean;
-    isProfileCompleteSuccess?: boolean;
-    onSubscribeSuccess?: () => void;
-    onActivateSuccess?: () => void;
-    onProfileCompleteSuccess?: () => void;
 };
-declare function EarnCredits({ copy, onClose, isSubscribeSuccess, isActivateSuccess, isProfileCompleteSuccess, onSubscribeSuccess, onActivateSuccess, onProfileCompleteSuccess, }: Props): import("react/jsx-runtime").JSX.Element;
+declare function EarnCredits({ copy }: Props): import("react/jsx-runtime").JSX.Element;
 export default EarnCredits;

package/dist/esm/components/memberPopup/panels/EarnCredits/index.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{jsx as e,jsxs as n}from"react/jsx-runtime";import{useMemo as m}from"react";import{classNames as c,useHeadlessContext as A}from"@anker-in/lib";import{useMemberPopupContext as B}from"../../context/provider";import{useViewStack as U}from"../../context/viewStack";import{useSubscribed as D}from"./hooks/useSubscribed";import{EarnCreditsTaskType as i,MemberPopupPanelType as b}from"../../type";import{IconBag as M,IconLock as R,IconSubscription as y,IconOrders as F}from"../../icons";import{numberFormat as L}from"../../../credits/context/utils";import{ROUNDED_BRANDS as O}from"../../../../constants";function V({id:t,className:a}){switch(t){case i.Activate:return e(R,{className:a});case i.Subscribe:return e(y,{className:a});case i.Shop:return e(M,{className:a});case i.CompleteProfile:return e(F,{className:a})}}function z({copy:t,onClose:a,isSubscribeSuccess:v=!1,isActivateSuccess:g=!1,isProfileCompleteSuccess:f=!1,onSubscribeSuccess:w,onActivateSuccess:P,onProfileCompleteSuccess:E}){const{profile:o,openSignUpPopup:d,alpcConfig:N,creditInfo:x}=B(),{pushView:p}=U(),{locale:T}=N,{brand:h}=A(),u=O.includes(h);console.log("creditInfo",x);const l=!!o,C=D({userId:o?.user_id,brand:h,email:o?.email,locale:T,apiBaseUrl:N.apiBaseUrl}),k=m(()=>f||!!(o?.first_name||o?.last_name)&&!!o?.phone_number&&!!o?.dob,[o,f]),S=m(()=>({[i.Activate]:{finished:!!o?.activated||g,onClick:l?()=>p({type:b.Activate,props:{onSuccess:P}}):d},[i.CompleteProfile]:{finished:k,onClick:l?()=>p({type:b.CompleteProfile,props:{onSuccess:E}}):d},[i.Subscribe]:{finished:C||v,onClick:l?()=>p({type:b.SubscribeEmail,props:{onSuccess:w}}):d},[i.Shop]:{finished:!1,link:t.goShopLink,onClick:l?void 0:d}}),[o,l,g,f,k,C,v,d,p,t.goShopLink]),I=m(()=>t.list.map(s=>{const r=S[s.id];if(!r)return null;const _=r.finished?t.completed:l?H(s.id,t):t.joinNow;return{...s,...r,buttonLabel:_}}).filter(Boolean),[t,S,l]);return n("div",{className:"flex flex-col gap-[16px]",children:[n("div",{className:"flex flex-col gap-[16px]",children:[e("div",{className:"flex flex-col gap-[8px]",children:t.title&&e("h2",{className:"text-[24px] font-[700] leading-[1.2] text-[#080a0f]",children:t.title})}),l&&n("div",{className:c("flex items-center gap-[12px] bg-[#f5f6f7] p-[16px]",u?"rounded-[8px]":"rounded-none"),children:[n("div",{className:"flex flex-1 flex-col gap-[4px]",children:[e("div",{className:"text-[14px] font-[700] text-[#1e2024]",children:t.balanceLabel??"AnkerCredits Balance"}),n("div",{className:"flex items-end gap-[4px]",children:[e("span",{className:"text-[24px] font-[700] leading-[1.2] text-[#1e2024]",children:L(x?.available_credit??0)}),e("span",{className:"text-[14px] font-[700] leading-[1.4] text-[#1e2024]",children:t.creditUnit??"ankercredits"})]})]}),e("div",{className:"h-full w-px bg-[#dadce0]"}),n("div",{className:"flex flex-1 flex-col gap-[4px]",children:[e("div",{className:"text-[14px] font-[700] text-[#1e2024]",children:t.comingSoonLabel??"Coming Soon"}),n("div",{className:"flex items-end gap-[4px]",children:[e("span",{className:"text-[24px] font-[700] leading-[1.2] text-[#1e2024]",children:L(x?.pending_credit??0)}),e("span",{className:"text-[14px] font-[700] leading-[1.4] text-[#1e2024]",children:t.creditUnit??"ankercredits"})]})]})]})]}),n("div",{className:"flex flex-col gap-[16px]",children:[t.subtitle&&e("p",{className:"text-[16px] font-[700] text-[#1e2024]",children:t.subtitle}),e("div",{className:"flex flex-col",children:I.map((s,r)=>n("div",{className:"relative py-[16px]",children:[r>0&&e("div",{className:"absolute left-0 right-0 top-0 h-px bg-[#dadce0]"}),n("div",{className:c("flex items-center gap-[12px]",s.finished&&"opacity-60"),children:[e(V,{id:s.id,className:"size-[24px] shrink-0"}),n("div",{className:"flex-1",children:[e("div",{className:"text-[16px] font-[700] text-[#1e2024]",children:s.title}),s.description&&e("div",{className:"mt-[4px] text-[14px] font-[700] text-[#4a4c56]",children:s.description})]}),!s.finished&&s.link?e("a",{href:s.link,target:"_blank",rel:"noopener noreferrer",className:c("cursor-pointer bg-[#080a0f] min-w-[118px] px-[20px] pb-[10px] pt-[11px] text-[14px] font-[700] leading-[1.2] text-white",u?"rounded-[4px]":"rounded-none"),children:s.buttonLabel}):e("button",{className:c("cursor-pointer min-w-[118px] px-[20px] pb-[10px] pt-[11px] text-[14px] font-[700] leading-[1.2] text-white",s.finished?"bg-[#767880]":"bg-[#080a0f]",u?"rounded-[4px]":"rounded-none"),disabled:s.finished,onClick:s.finished?void 0:s.onClick,children:s.buttonLabel})]})]},r))})]})]})}function H(t,a){switch(t){case i.Activate:return a.activate;case i.CompleteProfile:return a.completeProfileLabel;case i.Subscribe:return a.subscribeLabel;case i.Shop:return a.shopNow}}var Z=z;export{Z as default};
+import{jsx as t,jsxs as n}from"react/jsx-runtime";import{useEffect as w,useMemo as f}from"react";import{gaTrack as A,classNames as h,useHeadlessContext as I}from"@anker-in/lib";import{useMemberPopupContext as U}from"../../context/provider";import{useViewStack as M}from"../../context/viewStack";import{useSubscribed as R}from"./hooks/useSubscribed";import{EarnCreditsTaskType as s,MemberPopupPanelType as m}from"../../type";import{IconBag as y,IconLock as z,IconSubscription as D,IconOrders as F}from"../../icons";import{numberFormat as S}from"../../../credits/context/utils";import{ROUNDED_BRANDS as O}from"../../../../constants";import{Button as T}from"@anker-in/headless-ui";function V({id:i,className:e}){switch(i){case s.Activate:return t(z,{className:e});case s.Subscribe:return t(D,{className:e});case s.Shop:return t(y,{className:e});case s.CompleteProfile:return t(F,{className:e})}}function H({copy:i}){const{profile:e,openSignUpPopup:l,alpcConfig:x,creditInfo:u,fetchCreditInfo:_,isSubscribeSuccess:b,isActivateSuccess:v,isProfileCompleteSuccess:p}=U(),{pushView:d}=M(),{locale:E}=x,{brand:g}=I(),P=O.includes(g);w(()=>{e?.user_id&&_(e.user_id)},[]);const o=!!e,C=R({userId:e?.user_id,brand:g,email:e?.email,locale:E,apiBaseUrl:x.apiBaseUrl}),N=f(()=>p||!!(e?.first_name||e?.last_name)&&!!e?.phone_number&&!!e?.dob,[e,p]);function c(a){const r={[s.Activate]:"activate",[s.CompleteProfile]:"complete_profile",[s.Subscribe]:"subscribe",[s.Shop]:"shop"};A({event:"ga4Event",event_name:"lp_button",event_parameters:{position:"earn_credits",button_name:r[a],info:"Member Floating Window"}})}const k=f(()=>({[s.Activate]:{finished:!!e?.activated||v,onClick:o?()=>{c(s.Activate),d({type:m.Activate})}:l},[s.CompleteProfile]:{finished:N,onClick:o?()=>{c(s.CompleteProfile),d({type:m.CompleteProfile})}:l},[s.Subscribe]:{finished:C||b,onClick:o?()=>{c(s.Subscribe),d({type:m.SubscribeEmail})}:l},[s.Shop]:{finished:!1,link:i.goShopLink,onClick:o?()=>c(s.Shop):l}}),[e,o,v,p,N,C,b,l,d,i.goShopLink]),L=f(()=>i.list.map(a=>{const r=k[a.id];if(!r)return null;const B=r.finished?i.completed:o?W(a.id,i):i.joinNow;return{...a,...r,buttonLabel:B}}).filter(Boolean),[i,k,o]);return n("div",{className:"flex flex-col gap-[16px]",children:[n("div",{className:"flex flex-col gap-[16px]",children:[t("div",{className:"flex flex-col gap-[8px]",children:i.title&&t("h2",{className:"text-[24px] font-[700] leading-[1.2] text-[#080a0f]",children:i.title})}),o&&n("div",{className:h("flex items-center gap-[12px] bg-[#f5f6f7] p-[16px]",P?"rounded-[8px]":"rounded-none"),children:[n("div",{className:"flex flex-1 flex-col gap-[4px]",children:[t("div",{className:"text-[14px] font-[700] text-[#1e2024]",children:i.balanceLabel??"AnkerCredits Balance"}),n("div",{className:"flex items-end gap-[4px]",children:[t("span",{className:"text-[24px] font-[700] leading-[1.2] text-[#1e2024]",children:S(u?.available_credit??0)}),t("span",{className:"text-[14px] font-[700] leading-[1.4] text-[#1e2024]",children:i.creditUnit??"ankercredits"})]})]}),t("div",{className:"h-full w-px bg-[#dadce0]"}),n("div",{className:"flex flex-1 flex-col gap-[4px]",children:[t("div",{className:"text-[14px] font-[700] text-[#1e2024]",children:i.comingSoonLabel??"Coming Soon"}),n("div",{className:"flex items-end gap-[4px]",children:[t("span",{className:"text-[24px] font-[700] leading-[1.2] text-[#1e2024]",children:S(u?.pending_credit??0)}),t("span",{className:"text-[14px] font-[700] leading-[1.4] text-[#1e2024]",children:i.creditUnit??"ankercredits"})]})]})]})]}),n("div",{className:"flex flex-col gap-[16px]",children:[i.subtitle&&t("p",{className:"text-[16px] font-[700] text-[#1e2024]",children:i.subtitle}),t("div",{className:"flex flex-col",children:L.map((a,r)=>n("div",{className:"relative py-[16px]",children:[r>0&&t("div",{className:"absolute left-0 right-0 top-0 h-px bg-[#dadce0]"}),n("div",{className:h("flex items-center gap-[12px]"),children:[t(V,{id:a.id,className:"size-[24px] shrink-0"}),n("div",{className:"flex-1",children:[t("div",{className:"text-[16px] font-[700] text-[#1e2024]",children:a.title}),a.credits&&t("div",{className:"mt-[4px] text-[14px] font-bold text-[#4A4C56]",children:a.credits})]}),!a.finished&&a.link&&o?t(T,{as:"a",size:"base",href:a.link,target:"_blank",rel:"noopener noreferrer",className:"min-w-[116px]",onClick:()=>c(a.id),children:a.buttonLabel}):t(T,{size:"base",disabled:a.finished,className:"min-w-[116px]",onClick:a.onClick,children:a.buttonLabel})]})]},r))})]})]})}function W(i,e){switch(i){case s.Activate:return e.activate;case s.CompleteProfile:return e.completeProfileLabel;case s.Subscribe:return e.subscribeLabel;case s.Shop:return e.shopNow}}var ee=H;export{ee as default};
 //# sourceMappingURL=index.js.map

package/dist/esm/components/memberPopup/panels/EarnCredits/index.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/components/memberPopup/panels/EarnCredits/index.tsx"],
-  "sourcesContent": ["import { useMemo } from 'react'\nimport { classNames as cn, useHeadlessContext } from '@anker-in/lib'\nimport { useMemberPopupContext } from '../../context/provider'\nimport { useViewStack } from '../../context/viewStack'\nimport { useSubscribed } from './hooks/useSubscribed'\nimport { EarnCreditsTaskType, MemberPopupPanelType, type EarnCreditsCopy } from '../../type'\nimport { IconBag, IconLock, IconSubscription, IconOrders } from '../../icons'\nimport { numberFormat } from '../../../credits/context/utils'\nimport { ROUNDED_BRANDS } from '../../../../constants'\n\nfunction TaskIcon({ id, className }: { id: EarnCreditsTaskType; className?: string }) {\n  switch (id) {\n    case EarnCreditsTaskType.Activate:\n      return <IconLock className={className} />\n    case EarnCreditsTaskType.Subscribe:\n      return <IconSubscription className={className} />\n    case EarnCreditsTaskType.Shop:\n      return <IconBag className={className} />\n    case EarnCreditsTaskType.CompleteProfile:\n      return <IconOrders className={className} />\n  }\n}\n\ntype Props = {\n  copy: EarnCreditsCopy\n  onClose: () => void\n  isSubscribeSuccess?: boolean\n  isActivateSuccess?: boolean\n  isProfileCompleteSuccess?: boolean\n  onSubscribeSuccess?: () => void\n  onActivateSuccess?: () => void\n  onProfileCompleteSuccess?: () => void\n}\n\nfunction EarnCredits({\n  copy,\n  onClose,\n  isSubscribeSuccess = false,\n  isActivateSuccess = false,\n  isProfileCompleteSuccess = false,\n  onSubscribeSuccess,\n  onActivateSuccess,\n  onProfileCompleteSuccess,\n}: Props) {\n  const { profile, openSignUpPopup, alpcConfig, creditInfo } = useMemberPopupContext()\n  const { pushView } = useViewStack()\n  const { locale } = alpcConfig\n  const { brand } = useHeadlessContext()\n  const rounded = ROUNDED_BRANDS.includes(brand)\n\n  console.log('creditInfo', creditInfo)\n\n  const isLogin = !!profile\n\n  const isSubscribed = useSubscribed({\n    userId: profile?.user_id,\n    brand: brand,\n    email: profile?.email,\n    locale,\n    apiBaseUrl: alpcConfig.apiBaseUrl,\n  })\n\n  const profileCompleted = useMemo(() => {\n    return (\n      isProfileCompleteSuccess ||\n      (!!(profile?.first_name || profile?.last_name) && !!profile?.phone_number && !!profile?.dob)\n    )\n  }, [profile, isProfileCompleteSuccess])\n\n  const taskStates: Record<EarnCreditsTaskType, { finished: boolean; onClick?: () => void; link?: string }> = useMemo(\n    () => ({\n      [EarnCreditsTaskType.Activate]: {\n        finished: !!profile?.activated || isActivateSuccess,\n        onClick: isLogin\n          ? () =>\n              pushView({\n                type: MemberPopupPanelType.Activate,\n                props: { onSuccess: onActivateSuccess },\n              })\n          : openSignUpPopup,\n      },\n      [EarnCreditsTaskType.CompleteProfile]: {\n        finished: profileCompleted,\n        onClick: isLogin\n          ? () =>\n              pushView({\n                type: MemberPopupPanelType.CompleteProfile,\n                props: { onSuccess: onProfileCompleteSuccess },\n              })\n          : openSignUpPopup,\n      },\n      [EarnCreditsTaskType.Subscribe]: {\n        finished: isSubscribed || isSubscribeSuccess,\n        onClick: isLogin\n          ? () =>\n              pushView({\n                type: MemberPopupPanelType.SubscribeEmail,\n                props: { onSuccess: onSubscribeSuccess },\n              })\n          : openSignUpPopup,\n      },\n      [EarnCreditsTaskType.Shop]: {\n        finished: false,\n        link: copy.goShopLink,\n        onClick: isLogin ? undefined : openSignUpPopup,\n      },\n    }),\n    [\n      profile,\n      isLogin,\n      isActivateSuccess,\n      isProfileCompleteSuccess,\n      profileCompleted,\n      isSubscribed,\n      isSubscribeSuccess,\n      openSignUpPopup,\n      pushView,\n      copy.goShopLink,\n    ]\n  )\n\n  const list = useMemo(() => {\n    return copy.list\n      .map(item => {\n        const state = taskStates[item.id]\n        if (!state) return null\n        const buttonLabel = state.finished\n          ? copy.completed\n          : isLogin\n            ? getNotFinishedLabel(item.id, copy)\n            : copy.joinNow\n        return { ...item, ...state, buttonLabel }\n      })\n      .filter(Boolean) as ((typeof copy.list)[number] & {\n      finished: boolean\n      onClick?: () => void\n      link?: string\n      buttonLabel: string\n    })[]\n  }, [copy, taskStates, isLogin])\n\n  return (\n    <div className=\"flex flex-col gap-[16px]\">\n      <div className=\"flex flex-col gap-[16px]\">\n        <div className=\"flex flex-col gap-[8px]\">\n          {copy.title && <h2 className=\"text-[24px] font-[700] leading-[1.2] text-[#080a0f]\">{copy.title}</h2>}\n        </div>\n\n        {isLogin && (\n          <div\n            className={cn(\n              'flex items-center gap-[12px] bg-[#f5f6f7] p-[16px]',\n              rounded ? 'rounded-[8px]' : 'rounded-none'\n            )}\n          >\n            <div className=\"flex flex-1 flex-col gap-[4px]\">\n              <div className=\"text-[14px] font-[700] text-[#1e2024]\">{copy.balanceLabel ?? 'AnkerCredits Balance'}</div>\n              <div className=\"flex items-end gap-[4px]\">\n                <span className=\"text-[24px] font-[700] leading-[1.2] text-[#1e2024]\">\n                  {numberFormat(creditInfo?.available_credit ?? 0)}\n                </span>\n                <span className=\"text-[14px] font-[700] leading-[1.4] text-[#1e2024]\">\n                  {copy.creditUnit ?? 'ankercredits'}\n                </span>\n              </div>\n            </div>\n            <div className=\"h-full w-px bg-[#dadce0]\" />\n            <div className=\"flex flex-1 flex-col gap-[4px]\">\n              <div className=\"text-[14px] font-[700] text-[#1e2024]\">{copy.comingSoonLabel ?? 'Coming Soon'}</div>\n              <div className=\"flex items-end gap-[4px]\">\n                <span className=\"text-[24px] font-[700] leading-[1.2] text-[#1e2024]\">\n                  {numberFormat(creditInfo?.pending_credit ?? 0)}\n                </span>\n                <span className=\"text-[14px] font-[700] leading-[1.4] text-[#1e2024]\">\n                  {copy.creditUnit ?? 'ankercredits'}\n                </span>\n              </div>\n            </div>\n          </div>\n        )}\n      </div>\n\n      <div className=\"flex flex-col gap-[16px]\">\n        {copy.subtitle && <p className=\"text-[16px] font-[700] text-[#1e2024]\">{copy.subtitle}</p>}\n\n        <div className=\"flex flex-col\">\n          {list.map((item, idx) => (\n            <div key={idx} className=\"relative py-[16px]\">\n              {idx > 0 && <div className=\"absolute left-0 right-0 top-0 h-px bg-[#dadce0]\" />}\n              <div className={cn('flex items-center gap-[12px]', item.finished && 'opacity-60')}>\n                <TaskIcon id={item.id} className=\"size-[24px] shrink-0\" />\n                <div className=\"flex-1\">\n                  <div className=\"text-[16px] font-[700] text-[#1e2024]\">{item.title}</div>\n                  {item.description && (\n                    <div className=\"mt-[4px] text-[14px] font-[700] text-[#4a4c56]\">{item.description}</div>\n                  )}\n                </div>\n                {!item.finished && item.link ? (\n                  <a\n                    href={item.link}\n                    target=\"_blank\"\n                    rel=\"noopener noreferrer\"\n                    className={cn(\n                      'cursor-pointer bg-[#080a0f] min-w-[118px] px-[20px] pb-[10px] pt-[11px] text-[14px] font-[700] leading-[1.2] text-white',\n                      rounded ? 'rounded-[4px]' : 'rounded-none'\n                    )}\n                  >\n                    {item.buttonLabel}\n                  </a>\n                ) : (\n                  <button\n                    className={cn(\n                      'cursor-pointer min-w-[118px] px-[20px] pb-[10px] pt-[11px] text-[14px] font-[700] leading-[1.2] text-white',\n                      item.finished ? 'bg-[#767880]' : 'bg-[#080a0f]',\n                      rounded ? 'rounded-[4px]' : 'rounded-none'\n                    )}\n                    disabled={item.finished}\n                    onClick={!item.finished ? item.onClick : undefined}\n                  >\n                    {item.buttonLabel}\n                  </button>\n                )}\n              </div>\n            </div>\n          ))}\n        </div>\n      </div>\n    </div>\n  )\n}\n\nfunction getNotFinishedLabel(id: EarnCreditsTaskType, copy: EarnCreditsCopy): string {\n  switch (id) {\n    case EarnCreditsTaskType.Activate:\n      return copy.activate\n    case EarnCreditsTaskType.CompleteProfile:\n      return copy.completeProfileLabel\n    case EarnCreditsTaskType.Subscribe:\n      return copy.subscribeLabel\n    case EarnCreditsTaskType.Shop:\n      return copy.shopNow\n  }\n}\n\nexport default EarnCredits\n"],
-  "mappings": "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",
-  "names": ["jsx", "jsxs", "useMemo", "cn", "useHeadlessContext", "useMemberPopupContext", "useViewStack", "useSubscribed", "EarnCreditsTaskType", "MemberPopupPanelType", "IconBag", "IconLock", "IconSubscription", "IconOrders", "numberFormat", "ROUNDED_BRANDS", "TaskIcon", "id", "className", "EarnCredits", "copy", "onClose", "isSubscribeSuccess", "isActivateSuccess", "isProfileCompleteSuccess", "onSubscribeSuccess", "onActivateSuccess", "onProfileCompleteSuccess", "profile", "openSignUpPopup", "alpcConfig", "creditInfo", "pushView", "locale", "brand", "rounded", "isLogin", "isSubscribed", "profileCompleted", "taskStates", "list", "item", "state", "buttonLabel", "getNotFinishedLabel", "idx", "EarnCredits_default"]
+  "sourcesContent": ["import { useEffect, useMemo } from 'react'\nimport { gaTrack, classNames as cn, useHeadlessContext } from '@anker-in/lib'\nimport { useMemberPopupContext } from '../../context/provider'\nimport { useViewStack } from '../../context/viewStack'\nimport { useSubscribed } from './hooks/useSubscribed'\nimport { EarnCreditsTaskType, MemberPopupPanelType, type EarnCreditsCopy } from '../../type'\nimport { IconBag, IconLock, IconSubscription, IconOrders } from '../../icons'\nimport { numberFormat } from '../../../credits/context/utils'\nimport { ROUNDED_BRANDS } from '../../../../constants'\nimport { Button } from '@anker-in/headless-ui'\n\nfunction TaskIcon({ id, className }: { id: EarnCreditsTaskType; className?: string }) {\n  switch (id) {\n    case EarnCreditsTaskType.Activate:\n      return <IconLock className={className} />\n    case EarnCreditsTaskType.Subscribe:\n      return <IconSubscription className={className} />\n    case EarnCreditsTaskType.Shop:\n      return <IconBag className={className} />\n    case EarnCreditsTaskType.CompleteProfile:\n      return <IconOrders className={className} />\n  }\n}\n\ntype Props = {\n  copy: EarnCreditsCopy\n}\n\nfunction EarnCredits({ copy }: Props) {\n  const {\n    profile,\n    openSignUpPopup,\n    alpcConfig,\n    creditInfo,\n    fetchCreditInfo,\n    isSubscribeSuccess,\n    isActivateSuccess,\n    isProfileCompleteSuccess,\n  } = useMemberPopupContext()\n  const { pushView } = useViewStack()\n  const { locale } = alpcConfig\n  const { brand } = useHeadlessContext()\n  const rounded = ROUNDED_BRANDS.includes(brand)\n\n  useEffect(() => {\n    if (profile?.user_id) fetchCreditInfo(profile.user_id)\n  }, [])\n\n  const isLogin = !!profile\n\n  const isSubscribed = useSubscribed({\n    userId: profile?.user_id,\n    brand: brand,\n    email: profile?.email,\n    locale,\n    apiBaseUrl: alpcConfig.apiBaseUrl,\n  })\n\n  const profileCompleted = useMemo(() => {\n    return (\n      isProfileCompleteSuccess ||\n      (!!(profile?.first_name || profile?.last_name) && !!profile?.phone_number && !!profile?.dob)\n    )\n  }, [profile, isProfileCompleteSuccess])\n\n  function trackTaskButton(taskId: EarnCreditsTaskType) {\n    const taskButtonNameMap: Record<EarnCreditsTaskType, string> = {\n      [EarnCreditsTaskType.Activate]: 'activate',\n      [EarnCreditsTaskType.CompleteProfile]: 'complete_profile',\n      [EarnCreditsTaskType.Subscribe]: 'subscribe',\n      [EarnCreditsTaskType.Shop]: 'shop',\n    }\n    gaTrack({\n      event: 'ga4Event',\n      event_name: 'lp_button',\n      event_parameters: {\n        position: 'earn_credits',\n        button_name: taskButtonNameMap[taskId],\n        info: 'Member Floating Window',\n      },\n    })\n  }\n\n  const taskStates: Record<EarnCreditsTaskType, { finished: boolean; onClick?: () => void; link?: string }> = useMemo(\n    () => ({\n      [EarnCreditsTaskType.Activate]: {\n        finished: !!profile?.activated || isActivateSuccess,\n        onClick: isLogin\n          ? () => {\n              trackTaskButton(EarnCreditsTaskType.Activate)\n              pushView({\n                type: MemberPopupPanelType.Activate,\n              })\n            }\n          : openSignUpPopup,\n      },\n      [EarnCreditsTaskType.CompleteProfile]: {\n        finished: profileCompleted,\n        onClick: isLogin\n          ? () => {\n              trackTaskButton(EarnCreditsTaskType.CompleteProfile)\n              pushView({\n                type: MemberPopupPanelType.CompleteProfile,\n              })\n            }\n          : openSignUpPopup,\n      },\n      [EarnCreditsTaskType.Subscribe]: {\n        finished: isSubscribed || isSubscribeSuccess,\n        onClick: isLogin\n          ? () => {\n              trackTaskButton(EarnCreditsTaskType.Subscribe)\n              pushView({\n                type: MemberPopupPanelType.SubscribeEmail,\n              })\n            }\n          : openSignUpPopup,\n      },\n      [EarnCreditsTaskType.Shop]: {\n        finished: false,\n        link: copy.goShopLink,\n        onClick: isLogin ? () => trackTaskButton(EarnCreditsTaskType.Shop) : openSignUpPopup,\n      },\n    }),\n    [\n      profile,\n      isLogin,\n      isActivateSuccess,\n      isProfileCompleteSuccess,\n      profileCompleted,\n      isSubscribed,\n      isSubscribeSuccess,\n      openSignUpPopup,\n      pushView,\n      copy.goShopLink,\n    ]\n  )\n\n  const list = useMemo(() => {\n    return copy.list\n      .map(item => {\n        const state = taskStates[item.id]\n        if (!state) return null\n        const buttonLabel = state.finished\n          ? copy.completed\n          : isLogin\n            ? getNotFinishedLabel(item.id, copy)\n            : copy.joinNow\n        return { ...item, ...state, buttonLabel }\n      })\n      .filter(Boolean) as ((typeof copy.list)[number] & {\n      finished: boolean\n      onClick?: () => void\n      link?: string\n      buttonLabel: string\n    })[]\n  }, [copy, taskStates, isLogin])\n\n  return (\n    <div className=\"flex flex-col gap-[16px]\">\n      <div className=\"flex flex-col gap-[16px]\">\n        <div className=\"flex flex-col gap-[8px]\">\n          {copy.title && <h2 className=\"text-[24px] font-[700] leading-[1.2] text-[#080a0f]\">{copy.title}</h2>}\n        </div>\n\n        {isLogin && (\n          <div\n            className={cn(\n              'flex items-center gap-[12px] bg-[#f5f6f7] p-[16px]',\n              rounded ? 'rounded-[8px]' : 'rounded-none'\n            )}\n          >\n            <div className=\"flex flex-1 flex-col gap-[4px]\">\n              <div className=\"text-[14px] font-[700] text-[#1e2024]\">{copy.balanceLabel ?? 'AnkerCredits Balance'}</div>\n              <div className=\"flex items-end gap-[4px]\">\n                <span className=\"text-[24px] font-[700] leading-[1.2] text-[#1e2024]\">\n                  {numberFormat(creditInfo?.available_credit ?? 0)}\n                </span>\n                <span className=\"text-[14px] font-[700] leading-[1.4] text-[#1e2024]\">\n                  {copy.creditUnit ?? 'ankercredits'}\n                </span>\n              </div>\n            </div>\n            <div className=\"h-full w-px bg-[#dadce0]\" />\n            <div className=\"flex flex-1 flex-col gap-[4px]\">\n              <div className=\"text-[14px] font-[700] text-[#1e2024]\">{copy.comingSoonLabel ?? 'Coming Soon'}</div>\n              <div className=\"flex items-end gap-[4px]\">\n                <span className=\"text-[24px] font-[700] leading-[1.2] text-[#1e2024]\">\n                  {numberFormat(creditInfo?.pending_credit ?? 0)}\n                </span>\n                <span className=\"text-[14px] font-[700] leading-[1.4] text-[#1e2024]\">\n                  {copy.creditUnit ?? 'ankercredits'}\n                </span>\n              </div>\n            </div>\n          </div>\n        )}\n      </div>\n\n      <div className=\"flex flex-col gap-[16px]\">\n        {copy.subtitle && <p className=\"text-[16px] font-[700] text-[#1e2024]\">{copy.subtitle}</p>}\n\n        <div className=\"flex flex-col\">\n          {list.map((item, idx) => (\n            <div key={idx} className=\"relative py-[16px]\">\n              {idx > 0 && <div className=\"absolute left-0 right-0 top-0 h-px bg-[#dadce0]\" />}\n              <div className={cn('flex items-center gap-[12px]')}>\n                <TaskIcon id={item.id} className=\"size-[24px] shrink-0\" />\n                <div className=\"flex-1\">\n                  <div className=\"text-[16px] font-[700] text-[#1e2024]\">{item.title}</div>\n                  {item.credits && <div className=\"mt-[4px] text-[14px] font-bold text-[#4A4C56]\">{item.credits}</div>}\n                </div>\n                {!item.finished && item.link && isLogin ? (\n                  <Button\n                    as=\"a\"\n                    size=\"base\"\n                    href={item.link}\n                    target=\"_blank\"\n                    rel=\"noopener noreferrer\"\n                    className=\"min-w-[116px]\"\n                    onClick={() => trackTaskButton(item.id)}\n                  >\n                    {item.buttonLabel}\n                  </Button>\n                ) : (\n                  <Button size=\"base\" disabled={item.finished} className=\"min-w-[116px]\" onClick={item.onClick}>\n                    {item.buttonLabel}\n                  </Button>\n                )}\n              </div>\n            </div>\n          ))}\n        </div>\n      </div>\n    </div>\n  )\n}\n\nfunction getNotFinishedLabel(id: EarnCreditsTaskType, copy: EarnCreditsCopy): string {\n  switch (id) {\n    case EarnCreditsTaskType.Activate:\n      return copy.activate\n    case EarnCreditsTaskType.CompleteProfile:\n      return copy.completeProfileLabel\n    case EarnCreditsTaskType.Subscribe:\n      return copy.subscribeLabel\n    case EarnCreditsTaskType.Shop:\n      return copy.shopNow\n  }\n}\n\nexport default EarnCredits\n"],
+  "mappings": "AAca,cAAAA,EAgKC,QAAAC,MAhKD,oBAdb,OAAS,aAAAC,EAAW,WAAAC,MAAe,QACnC,OAAS,WAAAC,EAAS,cAAcC,EAAI,sBAAAC,MAA0B,gBAC9D,OAAS,yBAAAC,MAA6B,yBACtC,OAAS,gBAAAC,MAAoB,0BAC7B,OAAS,iBAAAC,MAAqB,wBAC9B,OAAS,uBAAAC,EAAqB,wBAAAC,MAAkD,aAChF,OAAS,WAAAC,EAAS,YAAAC,EAAU,oBAAAC,EAAkB,cAAAC,MAAkB,cAChE,OAAS,gBAAAC,MAAoB,iCAC7B,OAAS,kBAAAC,MAAsB,wBAC/B,OAAS,UAAAC,MAAc,wBAEvB,SAASC,EAAS,CAAE,GAAAC,EAAI,UAAAC,CAAU,EAAoD,CACpF,OAAQD,EAAI,CACV,KAAKV,EAAoB,SACvB,OAAOV,EAACa,EAAA,CAAS,UAAWQ,EAAW,EACzC,KAAKX,EAAoB,UACvB,OAAOV,EAACc,EAAA,CAAiB,UAAWO,EAAW,EACjD,KAAKX,EAAoB,KACvB,OAAOV,EAACY,EAAA,CAAQ,UAAWS,EAAW,EACxC,KAAKX,EAAoB,gBACvB,OAAOV,EAACe,EAAA,CAAW,UAAWM,EAAW,CAC7C,CACF,CAMA,SAASC,EAAY,CAAE,KAAAC,CAAK,EAAU,CACpC,KAAM,CACJ,QAAAC,EACA,gBAAAC,EACA,WAAAC,EACA,WAAAC,EACA,gBAAAC,EACA,mBAAAC,EACA,kBAAAC,EACA,yBAAAC,CACF,EAAIxB,EAAsB,EACpB,CAAE,SAAAyB,CAAS,EAAIxB,EAAa,EAC5B,CAAE,OAAAyB,CAAO,EAAIP,EACb,CAAE,MAAAQ,CAAM,EAAI5B,EAAmB,EAC/B6B,EAAUlB,EAAe,SAASiB,CAAK,EAE7ChC,EAAU,IAAM,CACVsB,GAAS,SAASI,EAAgBJ,EAAQ,OAAO,CACvD,EAAG,CAAC,CAAC,EAEL,MAAMY,EAAU,CAAC,CAACZ,EAEZa,EAAe5B,EAAc,CACjC,OAAQe,GAAS,QACjB,MAAOU,EACP,MAAOV,GAAS,MAChB,OAAAS,EACA,WAAYP,EAAW,UACzB,CAAC,EAEKY,EAAmBnC,EAAQ,IAE7B4B,GACC,CAAC,EAAEP,GAAS,YAAcA,GAAS,YAAc,CAAC,CAACA,GAAS,cAAgB,CAAC,CAACA,GAAS,IAEzF,CAACA,EAASO,CAAwB,CAAC,EAEtC,SAASQ,EAAgBC,EAA6B,CACpD,MAAMC,EAAyD,CAC7D,CAAC/B,EAAoB,QAAQ,EAAG,WAChC,CAACA,EAAoB,eAAe,EAAG,mBACvC,CAACA,EAAoB,SAAS,EAAG,YACjC,CAACA,EAAoB,IAAI,EAAG,MAC9B,EACAN,EAAQ,CACN,MAAO,WACP,WAAY,YACZ,iBAAkB,CAChB,SAAU,eACV,YAAaqC,EAAkBD,CAAM,EACrC,KAAM,wBACR,CACF,CAAC,CACH,CAEA,MAAME,EAAsGvC,EAC1G,KAAO,CACL,CAACO,EAAoB,QAAQ,EAAG,CAC9B,SAAU,CAAC,CAACc,GAAS,WAAaM,EAClC,QAASM,EACL,IAAM,CACJG,EAAgB7B,EAAoB,QAAQ,EAC5CsB,EAAS,CACP,KAAMrB,EAAqB,QAC7B,CAAC,CACH,EACAc,CACN,EACA,CAACf,EAAoB,eAAe,EAAG,CACrC,SAAU4B,EACV,QAASF,EACL,IAAM,CACJG,EAAgB7B,EAAoB,eAAe,EACnDsB,EAAS,CACP,KAAMrB,EAAqB,eAC7B,CAAC,CACH,EACAc,CACN,EACA,CAACf,EAAoB,SAAS,EAAG,CAC/B,SAAU2B,GAAgBR,EAC1B,QAASO,EACL,IAAM,CACJG,EAAgB7B,EAAoB,SAAS,EAC7CsB,EAAS,CACP,KAAMrB,EAAqB,cAC7B,CAAC,CACH,EACAc,CACN,EACA,CAACf,EAAoB,IAAI,EAAG,CAC1B,SAAU,GACV,KAAMa,EAAK,WACX,QAASa,EAAU,IAAMG,EAAgB7B,EAAoB,IAAI,EAAIe,CACvE,CACF,GACA,CACED,EACAY,EACAN,EACAC,EACAO,EACAD,EACAR,EACAJ,EACAO,EACAT,EAAK,UACP,CACF,EAEMoB,EAAOxC,EAAQ,IACZoB,EAAK,KACT,IAAIqB,GAAQ,CACX,MAAMC,EAAQH,EAAWE,EAAK,EAAE,EAChC,GAAI,CAACC,EAAO,OAAO,KACnB,MAAMC,EAAcD,EAAM,SACtBtB,EAAK,UACLa,EACEW,EAAoBH,EAAK,GAAIrB,CAAI,EACjCA,EAAK,QACX,MAAO,CAAE,GAAGqB,EAAM,GAAGC,EAAO,YAAAC,CAAY,CAC1C,CAAC,EACA,OAAO,OAAO,EAMhB,CAACvB,EAAMmB,EAAYN,CAAO,CAAC,EAE9B,OACEnC,EAAC,OAAI,UAAU,2BACb,UAAAA,EAAC,OAAI,UAAU,2BACb,UAAAD,EAAC,OAAI,UAAU,0BACZ,SAAAuB,EAAK,OAASvB,EAAC,MAAG,UAAU,sDAAuD,SAAAuB,EAAK,MAAM,EACjG,EAECa,GACCnC,EAAC,OACC,UAAWI,EACT,qDACA8B,EAAU,gBAAkB,cAC9B,EAEA,UAAAlC,EAAC,OAAI,UAAU,iCACb,UAAAD,EAAC,OAAI,UAAU,wCAAyC,SAAAuB,EAAK,cAAgB,uBAAuB,EACpGtB,EAAC,OAAI,UAAU,2BACb,UAAAD,EAAC,QAAK,UAAU,sDACb,SAAAgB,EAAaW,GAAY,kBAAoB,CAAC,EACjD,EACA3B,EAAC,QAAK,UAAU,sDACb,SAAAuB,EAAK,YAAc,eACtB,GACF,GACF,EACAvB,EAAC,OAAI,UAAU,2BAA2B,EAC1CC,EAAC,OAAI,UAAU,iCACb,UAAAD,EAAC,OAAI,UAAU,wCAAyC,SAAAuB,EAAK,iBAAmB,cAAc,EAC9FtB,EAAC,OAAI,UAAU,2BACb,UAAAD,EAAC,QAAK,UAAU,sDACb,SAAAgB,EAAaW,GAAY,gBAAkB,CAAC,EAC/C,EACA3B,EAAC,QAAK,UAAU,sDACb,SAAAuB,EAAK,YAAc,eACtB,GACF,GACF,GACF,GAEJ,EAEAtB,EAAC,OAAI,UAAU,2BACZ,UAAAsB,EAAK,UAAYvB,EAAC,KAAE,UAAU,wCAAyC,SAAAuB,EAAK,SAAS,EAEtFvB,EAAC,OAAI,UAAU,gBACZ,SAAA2C,EAAK,IAAI,CAACC,EAAMI,IACf/C,EAAC,OAAc,UAAU,qBACtB,UAAA+C,EAAM,GAAKhD,EAAC,OAAI,UAAU,kDAAkD,EAC7EC,EAAC,OAAI,UAAWI,EAAG,8BAA8B,EAC/C,UAAAL,EAACmB,EAAA,CAAS,GAAIyB,EAAK,GAAI,UAAU,uBAAuB,EACxD3C,EAAC,OAAI,UAAU,SACb,UAAAD,EAAC,OAAI,UAAU,wCAAyC,SAAA4C,EAAK,MAAM,EAClEA,EAAK,SAAW5C,EAAC,OAAI,UAAU,gDAAiD,SAAA4C,EAAK,QAAQ,GAChG,EACC,CAACA,EAAK,UAAYA,EAAK,MAAQR,EAC9BpC,EAACkB,EAAA,CACC,GAAG,IACH,KAAK,OACL,KAAM0B,EAAK,KACX,OAAO,SACP,IAAI,sBACJ,UAAU,gBACV,QAAS,IAAML,EAAgBK,EAAK,EAAE,EAErC,SAAAA,EAAK,YACR,EAEA5C,EAACkB,EAAA,CAAO,KAAK,OAAO,SAAU0B,EAAK,SAAU,UAAU,gBAAgB,QAASA,EAAK,QAClF,SAAAA,EAAK,YACR,GAEJ,IAzBQI,CA0BV,CACD,EACH,GACF,GACF,CAEJ,CAEA,SAASD,EAAoB3B,EAAyBG,EAA+B,CACnF,OAAQH,EAAI,CACV,KAAKV,EAAoB,SACvB,OAAOa,EAAK,SACd,KAAKb,EAAoB,gBACvB,OAAOa,EAAK,qBACd,KAAKb,EAAoB,UACvB,OAAOa,EAAK,eACd,KAAKb,EAAoB,KACvB,OAAOa,EAAK,OAChB,CACF,CAEA,IAAO0B,GAAQ3B",
+  "names": ["jsx", "jsxs", "useEffect", "useMemo", "gaTrack", "cn", "useHeadlessContext", "useMemberPopupContext", "useViewStack", "useSubscribed", "EarnCreditsTaskType", "MemberPopupPanelType", "IconBag", "IconLock", "IconSubscription", "IconOrders", "numberFormat", "ROUNDED_BRANDS", "Button", "TaskIcon", "id", "className", "EarnCredits", "copy", "profile", "openSignUpPopup", "alpcConfig", "creditInfo", "fetchCreditInfo", "isSubscribeSuccess", "isActivateSuccess", "isProfileCompleteSuccess", "pushView", "locale", "brand", "rounded", "isLogin", "isSubscribed", "profileCompleted", "trackTaskButton", "taskId", "taskButtonNameMap", "taskStates", "list", "item", "state", "buttonLabel", "getNotFinishedLabel", "idx", "EarnCredits_default"]
 }

package/dist/esm/components/memberPopup/panels/Referral/index.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{jsx as a,jsxs as t}from"react/jsx-runtime";import{Picture as m}from"@anker-in/headless-ui";import{classNames as n,useHeadlessContext as g}from"@anker-in/lib";import{useMemberPopupContext as u}from"../../context/provider";import{useReferralOverview as h}from"./hooks/useReferralOverview";import{formatPrice as x}from"../../../credits/context/utils";import{ROUNDED_BRANDS as v}from"../../../../constants";function N({copy:e,onClose:b}){const{profile:f,alpcConfig:r}=u(),c=!!f,{brand:p,currencyCode:s="USD"}=g(),o=v.includes(p),{data:l}=h(),i=l?.data?.data?.available??0,d=l?.data?.data?.pending??0;return console.log("cashAvailable",i),console.log("cashPending",d),console.log("data",l),console.log("data.data",l?.data),t("div",{className:"flex flex-col gap-[12px]",children:[e.title&&a("h2",{className:"text-[24px] font-[700] leading-[1.2] text-[#080a0f]",children:e.title}),c&&t("div",{className:n("flex items-center gap-[12px] bg-[#f5f6f7] p-[16px]",o?"rounded-[8px]":"rounded-none"),children:[t("div",{className:"flex flex-1 flex-col gap-[4px]",children:[a("div",{className:"text-[14px] font-[700] text-[#1e2024]",children:e.cashAvailableLabel}),a("span",{className:"text-[24px] font-[700] leading-[1.2] text-[#1e2024]",children:x({amount:i,currencyCode:s,locale:r.locale})})]}),a("div",{className:"h-full w-px self-stretch bg-[#dadce0]"}),t("div",{className:"flex flex-1 flex-col gap-[4px]",children:[a("div",{className:"text-[14px] font-[700] text-[#1e2024]",children:e.cashPendingLabel}),a("span",{className:"text-[24px] font-[700] leading-[1.2] text-[#1e2024]",children:x({amount:d,currencyCode:s,locale:r.locale})})]})]}),(e.howToTitle||e.howToDescription)&&t("div",{className:"flex flex-col gap-[8px]",children:[e.howToTitle&&a("h3",{className:"text-[20px] font-[700] leading-[1.2] text-[#080a0f]",children:e.howToTitle}),e.howToDescription&&a("p",{className:"text-[14px] leading-[1.5] text-[#1e2024]",children:e.howToDescription}),e.learnMoreLabel&&e.learnMoreUrl&&t("a",{href:e.learnMoreUrl,target:"_blank",rel:"noopener noreferrer",className:"flex items-center gap-[4px] text-[14px] font-[700] text-[#080a0f] underline",children:[e.learnMoreLabel,a("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",children:a("path",{d:"M5.52827 3.52876C5.78862 3.26841 6.21063 3.26841 6.47098 3.52876L10.471 7.52876C10.7313 7.78911 10.7313 8.21112 10.471 8.47147L6.47098 12.4715C6.21063 12.7318 5.78862 12.7318 5.52827 12.4715C5.26792 12.2111 5.26792 11.7891 5.52827 11.5288L9.05692 8.00011L5.52827 4.47147C5.26792 4.21112 5.26792 3.78911 5.52827 3.52876Z",fill:"#080A0F"})})]})]}),e.image?.url&&a(m,{source:e.image.url,alt:e.image.alt??"",className:n("mt-[8px] h-[100px] w-full object-cover",o?"rounded-[8px]":"rounded-none")}),e.ctaButton&&a("a",{href:e.ctaUrl??"#",target:"_blank",rel:"noopener noreferrer",className:n("block w-full cursor-pointer bg-[#080a0f] py-[14px] text-center text-[14px] font-[700] text-white",o?"rounded-[4px]":"rounded-none"),children:e.ctaButton})]})}var M=N;export{M as default};
+import{jsx as t,jsxs as a}from"react/jsx-runtime";import{Button as b,Picture as N}from"@anker-in/headless-ui";import{gaTrack as w,classNames as x,useHeadlessContext as C}from"@anker-in/lib";import{useMemberPopupContext as L}from"../../context/provider";import{useReferralOverview as T}from"./hooks/useReferralOverview";import{formatPrice as m}from"../../../credits/context/utils";import{ROUNDED_BRANDS as R}from"../../../../constants";function _({copy:e,onClose:P}){const{profile:c,alpcConfig:r,pageHandle:n}=L(),p=!!c,{brand:g,currencyCode:o="USD"}=C(),s=R.includes(g),{data:i}=T(),u=i?.data?.data?.available??0,v=i?.data?.data?.pending??0;function f(l){try{if(!n)return l;const d=new URL(l,window.location.href);return d.searchParams.set("ref",`${n}_referral`),d.toString()}catch{return l}}function h(){w({event:"ga4Event",event_name:"lp_button",event_parameters:{position:"referral",button_name:"referral_cta",info:"Member Floating Window"}})}return a("div",{className:"flex flex-col",children:[e.title&&t("h2",{className:"text-[24px] font-[700] leading-[1.2] text-[#080a0f]",children:e.title}),p&&a("div",{className:x("flex items-center mt-[16px] gap-[12px] bg-[#f5f6f7] p-[16px]",s?"rounded-[8px]":"rounded-none"),children:[a("div",{className:"flex flex-1 flex-col gap-[4px]",children:[t("div",{className:"text-[14px] font-[700] text-[#1e2024]",children:e.cashAvailableLabel}),t("span",{className:"text-[24px] font-[700] leading-[1.2] text-[#1e2024]",children:m({amount:u,currencyCode:o,locale:r.locale})})]}),t("div",{className:"h-full w-px self-stretch bg-[#dadce0]"}),a("div",{className:"flex flex-1 flex-col gap-[4px]",children:[t("div",{className:"text-[14px] font-[700] text-[#1e2024]",children:e.cashPendingLabel}),t("span",{className:"text-[24px] font-[700] leading-[1.2] text-[#1e2024]",children:m({amount:v,currencyCode:o,locale:r.locale})})]})]}),(e.howToTitle||e.howToDescription)&&a("div",{className:"flex mt-[32px] flex-col gap-[8px]",children:[e.howToTitle&&t("h3",{className:"text-[20px] font-bold leading-[1.2] text-[#080a0f]",children:e.howToTitle}),e.howToDescription&&t("p",{className:"text-[14px] font-bold leading-[1.4] text-[#080A0F]",children:e.howToDescription}),e.learnMoreLabel&&e.learnMoreUrl&&a("a",{href:f(e.learnMoreUrl),target:"_blank",rel:"noopener noreferrer",className:"flex items-center gap-[4px] text-[14px] font-[700] text-[#080a0f] underline",children:[e.learnMoreLabel,t("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",children:t("path",{d:"M5.52827 3.52876C5.78862 3.26841 6.21063 3.26841 6.47098 3.52876L10.471 7.52876C10.7313 7.78911 10.7313 8.21112 10.471 8.47147L6.47098 12.4715C6.21063 12.7318 5.78862 12.7318 5.52827 12.4715C5.26792 12.2111 5.26792 11.7891 5.52827 11.5288L9.05692 8.00011L5.52827 4.47147C5.26792 4.21112 5.26792 3.78911 5.52827 3.52876Z",fill:"#080A0F"})})]})]}),e.image?.url&&t(N,{source:e.image.url,alt:e.image.alt??"",className:x("mt-[8px] w-full",s?"rounded-[8px]":"rounded-none")}),e.ctaButton&&t(b,{size:"base",as:"a",className:"mt-[16px]",href:e.ctaUrl?f(e.ctaUrl):"#",target:"_blank",rel:"noopener noreferrer",onClick:h,children:e.ctaButton})]})}var F=_;export{F as default};
 //# sourceMappingURL=index.js.map

package/dist/esm/components/memberPopup/panels/Referral/index.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/components/memberPopup/panels/Referral/index.tsx"],
-  "sourcesContent": ["import { Picture } from '@anker-in/headless-ui'\nimport { classNames as cn, useHeadlessContext } from '@anker-in/lib'\nimport { useMemberPopupContext } from '../../context/provider'\nimport { useReferralOverview } from './hooks/useReferralOverview'\nimport { formatPrice } from '../../../credits/context/utils'\n\nimport type { ReferralCopy } from '../../type'\nimport { ROUNDED_BRANDS } from '../../../../constants'\n\ntype Props = {\n  copy: ReferralCopy\n  onClose: () => void\n}\n\nfunction Referral({ copy, onClose }: Props) {\n  const { profile, alpcConfig } = useMemberPopupContext()\n  const isLogin = !!profile\n  const { brand, currencyCode = 'USD' as string } = useHeadlessContext()\n  const rounded = ROUNDED_BRANDS.includes(brand)\n\n  const { data } = useReferralOverview()\n\n  const cashAvailable = data?.data?.data?.available ?? 0\n  const cashPending = data?.data?.data?.pending ?? 0\n\n  console.log('cashAvailable', cashAvailable)\n  console.log('cashPending', cashPending)\n  console.log('data', data)\n  console.log('data.data', data?.data)\n\n  return (\n    <div className=\"flex flex-col gap-[12px]\">\n      {copy.title && <h2 className=\"text-[24px] font-[700] leading-[1.2] text-[#080a0f]\">{copy.title}</h2>}\n\n      {isLogin && (\n        <div\n          className={cn(\n            'flex items-center gap-[12px] bg-[#f5f6f7] p-[16px]',\n            rounded ? 'rounded-[8px]' : 'rounded-none'\n          )}\n        >\n          <div className=\"flex flex-1 flex-col gap-[4px]\">\n            <div className=\"text-[14px] font-[700] text-[#1e2024]\">{copy.cashAvailableLabel}</div>\n            <span className=\"text-[24px] font-[700] leading-[1.2] text-[#1e2024]\">\n              {formatPrice({ amount: cashAvailable, currencyCode, locale: alpcConfig.locale })}\n            </span>\n          </div>\n          <div className=\"h-full w-px self-stretch bg-[#dadce0]\" />\n          <div className=\"flex flex-1 flex-col gap-[4px]\">\n            <div className=\"text-[14px] font-[700] text-[#1e2024]\">{copy.cashPendingLabel}</div>\n            <span className=\"text-[24px] font-[700] leading-[1.2] text-[#1e2024]\">\n              {formatPrice({ amount: cashPending, currencyCode, locale: alpcConfig.locale })}\n            </span>\n          </div>\n        </div>\n      )}\n\n      {(copy.howToTitle || copy.howToDescription) && (\n        <div className=\"flex flex-col gap-[8px]\">\n          {copy.howToTitle && (\n            <h3 className=\"text-[20px] font-[700] leading-[1.2] text-[#080a0f]\">{copy.howToTitle}</h3>\n          )}\n          {copy.howToDescription && <p className=\"text-[14px] leading-[1.5] text-[#1e2024]\">{copy.howToDescription}</p>}\n          {copy.learnMoreLabel && copy.learnMoreUrl && (\n            <a\n              href={copy.learnMoreUrl}\n              target=\"_blank\"\n              rel=\"noopener noreferrer\"\n              className=\"flex items-center gap-[4px] text-[14px] font-[700] text-[#080a0f] underline\"\n            >\n              {copy.learnMoreLabel}\n              <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\n                <path\n                  d=\"M5.52827 3.52876C5.78862 3.26841 6.21063 3.26841 6.47098 3.52876L10.471 7.52876C10.7313 7.78911 10.7313 8.21112 10.471 8.47147L6.47098 12.4715C6.21063 12.7318 5.78862 12.7318 5.52827 12.4715C5.26792 12.2111 5.26792 11.7891 5.52827 11.5288L9.05692 8.00011L5.52827 4.47147C5.26792 4.21112 5.26792 3.78911 5.52827 3.52876Z\"\n                  fill=\"#080A0F\"\n                />\n              </svg>\n            </a>\n          )}\n        </div>\n      )}\n\n      {copy.image?.url && (\n        <Picture\n          source={copy.image.url}\n          alt={copy.image.alt ?? ''}\n          className={cn('mt-[8px] h-[100px] w-full object-cover', rounded ? 'rounded-[8px]' : 'rounded-none')}\n        />\n      )}\n\n      {copy.ctaButton && (\n        <a\n          href={copy.ctaUrl ?? '#'}\n          target=\"_blank\"\n          rel=\"noopener noreferrer\"\n          className={cn(\n            'block w-full cursor-pointer bg-[#080a0f] py-[14px] text-center text-[14px] font-[700] text-white',\n            rounded ? 'rounded-[4px]' : 'rounded-none'\n          )}\n        >\n          {copy.ctaButton}\n        </a>\n      )}\n    </div>\n  )\n}\n\nexport default Referral\n"],
-  "mappings": "AAgCqB,cAAAA,EASX,QAAAC,MATW,oBAhCrB,OAAS,WAAAC,MAAe,wBACxB,OAAS,cAAcC,EAAI,sBAAAC,MAA0B,gBACrD,OAAS,yBAAAC,MAA6B,yBACtC,OAAS,uBAAAC,MAA2B,8BACpC,OAAS,eAAAC,MAAmB,iCAG5B,OAAS,kBAAAC,MAAsB,wBAO/B,SAASC,EAAS,CAAE,KAAAC,EAAM,QAAAC,CAAQ,EAAU,CAC1C,KAAM,CAAE,QAAAC,EAAS,WAAAC,CAAW,EAAIR,EAAsB,EAChDS,EAAU,CAAC,CAACF,EACZ,CAAE,MAAAG,EAAO,aAAAC,EAAe,KAAgB,EAAIZ,EAAmB,EAC/Da,EAAUT,EAAe,SAASO,CAAK,EAEvC,CAAE,KAAAG,CAAK,EAAIZ,EAAoB,EAE/Ba,EAAgBD,GAAM,MAAM,MAAM,WAAa,EAC/CE,EAAcF,GAAM,MAAM,MAAM,SAAW,EAEjD,eAAQ,IAAI,gBAAiBC,CAAa,EAC1C,QAAQ,IAAI,cAAeC,CAAW,EACtC,QAAQ,IAAI,OAAQF,CAAI,EACxB,QAAQ,IAAI,YAAaA,GAAM,IAAI,EAGjCjB,EAAC,OAAI,UAAU,2BACZ,UAAAS,EAAK,OAASV,EAAC,MAAG,UAAU,sDAAuD,SAAAU,EAAK,MAAM,EAE9FI,GACCb,EAAC,OACC,UAAWE,EACT,qDACAc,EAAU,gBAAkB,cAC9B,EAEA,UAAAhB,EAAC,OAAI,UAAU,iCACb,UAAAD,EAAC,OAAI,UAAU,wCAAyC,SAAAU,EAAK,mBAAmB,EAChFV,EAAC,QAAK,UAAU,sDACb,SAAAO,EAAY,CAAE,OAAQY,EAAe,aAAAH,EAAc,OAAQH,EAAW,MAAO,CAAC,EACjF,GACF,EACAb,EAAC,OAAI,UAAU,wCAAwC,EACvDC,EAAC,OAAI,UAAU,iCACb,UAAAD,EAAC,OAAI,UAAU,wCAAyC,SAAAU,EAAK,iBAAiB,EAC9EV,EAAC,QAAK,UAAU,sDACb,SAAAO,EAAY,CAAE,OAAQa,EAAa,aAAAJ,EAAc,OAAQH,EAAW,MAAO,CAAC,EAC/E,GACF,GACF,GAGAH,EAAK,YAAcA,EAAK,mBACxBT,EAAC,OAAI,UAAU,0BACZ,UAAAS,EAAK,YACJV,EAAC,MAAG,UAAU,sDAAuD,SAAAU,EAAK,WAAW,EAEtFA,EAAK,kBAAoBV,EAAC,KAAE,UAAU,2CAA4C,SAAAU,EAAK,iBAAiB,EACxGA,EAAK,gBAAkBA,EAAK,cAC3BT,EAAC,KACC,KAAMS,EAAK,aACX,OAAO,SACP,IAAI,sBACJ,UAAU,8EAET,UAAAA,EAAK,eACNV,EAAC,OAAI,MAAM,KAAK,OAAO,KAAK,QAAQ,YAAY,KAAK,OACnD,SAAAA,EAAC,QACC,EAAE,kUACF,KAAK,UACP,EACF,GACF,GAEJ,EAGDU,EAAK,OAAO,KACXV,EAACE,EAAA,CACC,OAAQQ,EAAK,MAAM,IACnB,IAAKA,EAAK,MAAM,KAAO,GACvB,UAAWP,EAAG,yCAA0Cc,EAAU,gBAAkB,cAAc,EACpG,EAGDP,EAAK,WACJV,EAAC,KACC,KAAMU,EAAK,QAAU,IACrB,OAAO,SACP,IAAI,sBACJ,UAAWP,EACT,mGACAc,EAAU,gBAAkB,cAC9B,EAEC,SAAAP,EAAK,UACR,GAEJ,CAEJ,CAEA,IAAOW,EAAQZ",
-  "names": ["jsx", "jsxs", "Picture", "cn", "useHeadlessContext", "useMemberPopupContext", "useReferralOverview", "formatPrice", "ROUNDED_BRANDS", "Referral", "copy", "onClose", "profile", "alpcConfig", "isLogin", "brand", "currencyCode", "rounded", "data", "cashAvailable", "cashPending", "Referral_default"]
+  "sourcesContent": ["import { Button, Picture } from '@anker-in/headless-ui'\nimport { gaTrack, classNames as cn, useHeadlessContext } from '@anker-in/lib'\nimport { useMemberPopupContext } from '../../context/provider'\nimport { useReferralOverview } from './hooks/useReferralOverview'\nimport { formatPrice } from '../../../credits/context/utils'\n\nimport type { ReferralCopy } from '../../type'\nimport { ROUNDED_BRANDS } from '../../../../constants'\n\ntype Props = {\n  copy: ReferralCopy\n  onClose: () => void\n}\n\nfunction Referral({ copy, onClose }: Props) {\n  const { profile, alpcConfig, pageHandle } = useMemberPopupContext()\n  const isLogin = !!profile\n  const { brand, currencyCode = 'USD' as string } = useHeadlessContext()\n  const rounded = ROUNDED_BRANDS.includes(brand)\n\n  const { data } = useReferralOverview()\n\n  const cashAvailable = data?.data?.data?.available ?? 0\n  const cashPending = data?.data?.data?.pending ?? 0\n\n  function buildRefUrl(url: string) {\n    try {\n      if (!pageHandle) return url\n      const target = new URL(url, window.location.href)\n      target.searchParams.set('ref', `${pageHandle}_referral`)\n      return target.toString()\n    } catch {\n      return url\n    }\n  }\n\n  function trackReferralCta() {\n    gaTrack({\n      event: 'ga4Event',\n      event_name: 'lp_button',\n      event_parameters: {\n        position: 'referral',\n        button_name: 'referral_cta',\n        info: 'Member Floating Window',\n      },\n    })\n  }\n\n  return (\n    <div className=\"flex flex-col\">\n      {copy.title && <h2 className=\"text-[24px] font-[700] leading-[1.2] text-[#080a0f]\">{copy.title}</h2>}\n\n      {isLogin && (\n        <div\n          className={cn(\n            'flex items-center mt-[16px] gap-[12px] bg-[#f5f6f7] p-[16px]',\n            rounded ? 'rounded-[8px]' : 'rounded-none'\n          )}\n        >\n          <div className=\"flex flex-1 flex-col gap-[4px]\">\n            <div className=\"text-[14px] font-[700] text-[#1e2024]\">{copy.cashAvailableLabel}</div>\n            <span className=\"text-[24px] font-[700] leading-[1.2] text-[#1e2024]\">\n              {formatPrice({ amount: cashAvailable, currencyCode, locale: alpcConfig.locale })}\n            </span>\n          </div>\n          <div className=\"h-full w-px self-stretch bg-[#dadce0]\" />\n          <div className=\"flex flex-1 flex-col gap-[4px]\">\n            <div className=\"text-[14px] font-[700] text-[#1e2024]\">{copy.cashPendingLabel}</div>\n            <span className=\"text-[24px] font-[700] leading-[1.2] text-[#1e2024]\">\n              {formatPrice({ amount: cashPending, currencyCode, locale: alpcConfig.locale })}\n            </span>\n          </div>\n        </div>\n      )}\n\n      {(copy.howToTitle || copy.howToDescription) && (\n        <div className=\"flex mt-[32px] flex-col gap-[8px]\">\n          {copy.howToTitle && <h3 className=\"text-[20px] font-bold leading-[1.2] text-[#080a0f]\">{copy.howToTitle}</h3>}\n          {copy.howToDescription && (\n            <p className=\"text-[14px] font-bold leading-[1.4] text-[#080A0F]\">{copy.howToDescription}</p>\n          )}\n          {copy.learnMoreLabel && copy.learnMoreUrl && (\n            <a\n              href={buildRefUrl(copy.learnMoreUrl)}\n              target=\"_blank\"\n              rel=\"noopener noreferrer\"\n              className=\"flex items-center gap-[4px] text-[14px] font-[700] text-[#080a0f] underline\"\n            >\n              {copy.learnMoreLabel}\n              <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\n                <path\n                  d=\"M5.52827 3.52876C5.78862 3.26841 6.21063 3.26841 6.47098 3.52876L10.471 7.52876C10.7313 7.78911 10.7313 8.21112 10.471 8.47147L6.47098 12.4715C6.21063 12.7318 5.78862 12.7318 5.52827 12.4715C5.26792 12.2111 5.26792 11.7891 5.52827 11.5288L9.05692 8.00011L5.52827 4.47147C5.26792 4.21112 5.26792 3.78911 5.52827 3.52876Z\"\n                  fill=\"#080A0F\"\n                />\n              </svg>\n            </a>\n          )}\n        </div>\n      )}\n\n      {copy.image?.url && (\n        <Picture\n          source={copy.image.url}\n          alt={copy.image.alt ?? ''}\n          className={cn('mt-[8px] w-full', rounded ? 'rounded-[8px]' : 'rounded-none')}\n        />\n      )}\n\n      {copy.ctaButton && (\n        <Button\n          size=\"base\"\n          as=\"a\"\n          className=\"mt-[16px]\"\n          href={copy.ctaUrl ? buildRefUrl(copy.ctaUrl) : '#'}\n          target=\"_blank\"\n          rel=\"noopener noreferrer\"\n          onClick={trackReferralCta}\n        >\n          {copy.ctaButton}\n        </Button>\n      )}\n    </div>\n  )\n}\n\nexport default Referral\n"],
+  "mappings": "AAkDqB,cAAAA,EASX,QAAAC,MATW,oBAlDrB,OAAS,UAAAC,EAAQ,WAAAC,MAAe,wBAChC,OAAS,WAAAC,EAAS,cAAcC,EAAI,sBAAAC,MAA0B,gBAC9D,OAAS,yBAAAC,MAA6B,yBACtC,OAAS,uBAAAC,MAA2B,8BACpC,OAAS,eAAAC,MAAmB,iCAG5B,OAAS,kBAAAC,MAAsB,wBAO/B,SAASC,EAAS,CAAE,KAAAC,EAAM,QAAAC,CAAQ,EAAU,CAC1C,KAAM,CAAE,QAAAC,EAAS,WAAAC,EAAY,WAAAC,CAAW,EAAIT,EAAsB,EAC5DU,EAAU,CAAC,CAACH,EACZ,CAAE,MAAAI,EAAO,aAAAC,EAAe,KAAgB,EAAIb,EAAmB,EAC/Dc,EAAUV,EAAe,SAASQ,CAAK,EAEvC,CAAE,KAAAG,CAAK,EAAIb,EAAoB,EAE/Bc,EAAgBD,GAAM,MAAM,MAAM,WAAa,EAC/CE,EAAcF,GAAM,MAAM,MAAM,SAAW,EAEjD,SAASG,EAAYC,EAAa,CAChC,GAAI,CACF,GAAI,CAACT,EAAY,OAAOS,EACxB,MAAMC,EAAS,IAAI,IAAID,EAAK,OAAO,SAAS,IAAI,EAChD,OAAAC,EAAO,aAAa,IAAI,MAAO,GAAGV,CAAU,WAAW,EAChDU,EAAO,SAAS,CACzB,MAAQ,CACN,OAAOD,CACT,CACF,CAEA,SAASE,GAAmB,CAC1BvB,EAAQ,CACN,MAAO,WACP,WAAY,YACZ,iBAAkB,CAChB,SAAU,WACV,YAAa,eACb,KAAM,wBACR,CACF,CAAC,CACH,CAEA,OACEH,EAAC,OAAI,UAAU,gBACZ,UAAAW,EAAK,OAASZ,EAAC,MAAG,UAAU,sDAAuD,SAAAY,EAAK,MAAM,EAE9FK,GACChB,EAAC,OACC,UAAWI,EACT,+DACAe,EAAU,gBAAkB,cAC9B,EAEA,UAAAnB,EAAC,OAAI,UAAU,iCACb,UAAAD,EAAC,OAAI,UAAU,wCAAyC,SAAAY,EAAK,mBAAmB,EAChFZ,EAAC,QAAK,UAAU,sDACb,SAAAS,EAAY,CAAE,OAAQa,EAAe,aAAAH,EAAc,OAAQJ,EAAW,MAAO,CAAC,EACjF,GACF,EACAf,EAAC,OAAI,UAAU,wCAAwC,EACvDC,EAAC,OAAI,UAAU,iCACb,UAAAD,EAAC,OAAI,UAAU,wCAAyC,SAAAY,EAAK,iBAAiB,EAC9EZ,EAAC,QAAK,UAAU,sDACb,SAAAS,EAAY,CAAE,OAAQc,EAAa,aAAAJ,EAAc,OAAQJ,EAAW,MAAO,CAAC,EAC/E,GACF,GACF,GAGAH,EAAK,YAAcA,EAAK,mBACxBX,EAAC,OAAI,UAAU,oCACZ,UAAAW,EAAK,YAAcZ,EAAC,MAAG,UAAU,qDAAsD,SAAAY,EAAK,WAAW,EACvGA,EAAK,kBACJZ,EAAC,KAAE,UAAU,qDAAsD,SAAAY,EAAK,iBAAiB,EAE1FA,EAAK,gBAAkBA,EAAK,cAC3BX,EAAC,KACC,KAAMuB,EAAYZ,EAAK,YAAY,EACnC,OAAO,SACP,IAAI,sBACJ,UAAU,8EAET,UAAAA,EAAK,eACNZ,EAAC,OAAI,MAAM,KAAK,OAAO,KAAK,QAAQ,YAAY,KAAK,OACnD,SAAAA,EAAC,QACC,EAAE,kUACF,KAAK,UACP,EACF,GACF,GAEJ,EAGDY,EAAK,OAAO,KACXZ,EAACG,EAAA,CACC,OAAQS,EAAK,MAAM,IACnB,IAAKA,EAAK,MAAM,KAAO,GACvB,UAAWP,EAAG,kBAAmBe,EAAU,gBAAkB,cAAc,EAC7E,EAGDR,EAAK,WACJZ,EAACE,EAAA,CACC,KAAK,OACL,GAAG,IACH,UAAU,YACV,KAAMU,EAAK,OAASY,EAAYZ,EAAK,MAAM,EAAI,IAC/C,OAAO,SACP,IAAI,sBACJ,QAASe,EAER,SAAAf,EAAK,UACR,GAEJ,CAEJ,CAEA,IAAOgB,EAAQjB",
+  "names": ["jsx", "jsxs", "Button", "Picture", "gaTrack", "cn", "useHeadlessContext", "useMemberPopupContext", "useReferralOverview", "formatPrice", "ROUNDED_BRANDS", "Referral", "copy", "onClose", "profile", "alpcConfig", "pageHandle", "isLogin", "brand", "currencyCode", "rounded", "data", "cashAvailable", "cashPending", "buildRefUrl", "url", "target", "trackReferralCta", "Referral_default"]
 }