@anker-in/campaign-ui 0.5.0-beta.9 → 0.5.1-beta.1

package/dist/cjs/components/memberPopup/panels/ConsumeCredits/index.js

@@ -1,2 +1,2 @@
-"use strict";var h=Object.defineProperty;var H=Object.getOwnPropertyDescriptor;var q=Object.getOwnPropertyNames;var J=Object.prototype.hasOwnProperty;var K=(t,i)=>{for(var a in i)h(t,a,{get:i[a],enumerable:!0})},Q=(t,i,a,l)=>{if(i&&typeof i=="object"||typeof i=="function")for(let o of q(i))!J.call(t,o)&&o!==a&&h(t,o,{get:()=>i[o],enumerable:!(l=H(i,o))||l.enumerable});return t};var W=t=>Q(h({},"__esModule",{value:!0}),t);var Z={};K(Z,{default:()=>Y});module.exports=W(Z);var r=require("react/jsx-runtime"),c=require("react"),g=require("@anker-in/headless-ui"),p=require("@anker-in/lib"),D=require("../../context/provider"),k=require("../../context/viewStack"),A=require("./hooks/useRedeemableList"),S=require("./hooks/useRedeemAndBuy"),n=require("../../type"),v=require("../../../credits/context/utils"),M=require("../../../../constants");function X({copy:t,onClose:i}){const{profile:a,creditInfo:l,openSignUpPopup:o,alpcConfig:b}=(0,D.useMemberPopupContext)(),{pushView:y}=(0,k.useViewStack)(),{brand:O}=(0,p.useHeadlessContext)(),I=M.ROUNDED_BRANDS.includes(O),[P,R]=(0,c.useState)(""),[U,w]=(0,c.useState)(null),[E,L]=(0,c.useState)(!1),m=!!a,{redeemableList:_,listLoading:$}=(0,A.useRedeemableList)(b),{trigger:z}=(0,S.useRedeemAndBuy)(b),F=t.list.map(e=>e.product?.handle).filter(Boolean),{data:B}=(0,p.useProductsByHandles)({handles:F}),T=(0,c.useMemo)(()=>t.list.map(e=>{const s=_.find(f=>String(f.id)===String(e.redeemId));if(!s)return null;const d=Number(l?.available_credit??0),C=m&&!!a?.activated&&s.consume_credits>d,x=s.is_limited&&(!s.remaining_inventory||s.remaining_inventory<=0);let u,N;return(e.type===n.ConsumeCreditsItemType.RedeemAndBuy||e.type===n.ConsumeCreditsItemType.Product)&&e.product&&(u=B?.find(f=>f.handle===e.product.handle),N=u?.variants?.find(f=>f.sku===e.product.sku)??u?.variants?.[0],e.type===n.ConsumeCreditsItemType.RedeemAndBuy&&(!u||!N))?null:{...e,alpcData:s,insufficient:C,soldOut:x,product:u,variant:N}}).filter(Boolean),[t.list,_,l,a,m,B]);function V(e){return m?e.soldOut?t.soldOut:t.btnRedeem:t.unlockRewards}function j(e){return e.type===n.ConsumeCreditsItemType.GiftCard||e.type===n.ConsumeCreditsItemType.Product?e.insufficient:e.soldOut||e.insufficient}async function G(e){if(!m){o();return}if(!a?.activated&&!E){y({type:n.MemberPopupPanelType.Activate,props:{onSuccess:()=>L(!0)}});return}if(e.type===n.ConsumeCreditsItemType.GiftCard||e.type===n.ConsumeCreditsItemType.Product){t.creditsPage?.url&&window.open(t.creditsPage.url,"_blank","noopener,noreferrer");return}if(e.type===n.ConsumeCreditsItemType.Coupon)y({type:n.MemberPopupPanelType.RedeemCoupon,props:{itemTitle:e.title,itemCredits:e.alpcData.consume_credits,itemImage:t.imageMapping?.[e.type]?{url:t.imageMapping[e.type].url,alt:e.image?.alt}:e.image,itemValue:e.value,itemOff:t.off,itemRules:e.rules,redeemId:Number(e.redeemId),userId:a?.user_id,alpcConfig:b}});else{R(""),w(e.redeemId);try{await z({productVariant:e.variant,redeemId:Number(e.redeemId),userId:a?.user_id})}catch(s){R(s?.message??t.redeemModal.commonError)}finally{w(null)}}}return(0,r.jsx)(r.Fragment,{children:(0,r.jsxs)("div",{className:"flex flex-1 flex-col gap-[12px]",children:[(0,r.jsxs)("div",{className:"flex flex-col gap-[8px]",children:[t.title&&(0,r.jsx)("h2",{className:"text-[24px] font-[700] leading-[1.2] text-[#080a0f]",children:t.title}),t.subtitle&&(0,r.jsx)("p",{className:"text-[16px] font-[700] leading-snug text-[#4a4c56]",children:t.subtitle})]}),t.insufficientCredits&&l&&(0,r.jsxs)("div",{className:"text-[14px] font-[700] text-[#1d1d1f]",children:[t.insufficientCredits,": ",(0,v.numberFormat)(l.available_credit)," ",t.pointUnit]}),P&&(0,r.jsx)("div",{className:"text-[14px] font-[700] text-[#f84d4f]",children:P}),$?(0,r.jsx)("div",{className:"flex flex-1 items-center justify-center py-[32px]",children:(0,r.jsx)("div",{className:"size-[32px] animate-spin rounded-full border-[3px] border-[#080a0f] border-t-transparent"})}):(0,r.jsx)("div",{className:"flex flex-col",children:T.map((e,s)=>{const d=!!e.product;return(0,r.jsxs)("div",{className:"relative py-[16px]",children:[s>0&&(0,r.jsx)("div",{className:"absolute inset-x-0 top-0 h-px bg-[#dadce0]"}),(0,r.jsxs)("div",{className:"flex items-center gap-[12px]",children:[(()=>{const C=t.imageMapping?.[e.type]?.url,x=d?e.variant?.image?.url??e.product?.images?.[0]?.url??e.image?.url:C??e.image?.url,u=d?e.variant?.image?.altText??e.product?.images?.[0]?.alt??e.image?.alt??"":e.image?.alt??"";return x?(0,r.jsxs)("div",{className:(0,p.classNames)("relative size-[64px] shrink-0 overflow-hidden",I?"rounded-[4px]":"rounded-none"),children:[(0,r.jsx)(g.Picture,{source:x,alt:u,className:"flex size-full items-center justify-center",imgClassName:d?"object-cover":"h-full w-auto object-contain"}),!d&&e.value&&(0,r.jsxs)("div",{className:"absolute bottom-[16px] left-[4px] text-[12px] font-[800] leading-none text-white",children:[e.value," ",t.off]})]}):null})(),(0,r.jsxs)("div",{className:"min-w-0 flex-1",children:[(0,r.jsx)("div",{className:"text-[16px] font-[700] text-[#1e2024] line-clamp-2",children:d&&e.product?.title?e.product.title:e.title}),(0,r.jsx)("div",{className:"mt-[4px] text-[14px] text-[#666]",children:d&&e.price!=null?`${(0,v.numberFormat)(e.alpcData.consume_credits)} ${t.pointUnit??""} + $${Number(e.price).toFixed(2)}`:`${(0,v.numberFormat)(e.alpcData.consume_credits)} ${t.pointUnit??""}`})]}),(0,r.jsxs)("div",{className:"relative group",children:[(0,r.jsx)(g.Button,{className:(0,p.classNames)("bg-[#080a0f] px-[20px] pb-[10px] pt-[11px] text-[14px] font-[700] leading-[1.2] text-white",I?"rounded-[4px]":"rounded-none"),disabled:j(e),loading:U===e.redeemId,onClick:()=>G(e),children:V(e)}),e.insufficient&&(0,r.jsx)("div",{className:"pointer-events-none absolute right-0 top-full z-[100] mt-[10px] hidden w-[200px] group-hover:block",children:(0,r.jsxs)("div",{className:"relative bg-[#6D6D6F] p-[16px] text-[14px] font-[700] text-white shadow",children:[(0,r.jsx)("p",{className:"text-pretty tracking-[-0.02em] text-[14px]",children:t.insufficientCredits}),(0,r.jsx)("div",{className:"absolute -top-[8px] right-[20px] size-[16px] origin-top-left rotate-45 rounded-[2px] bg-[#6D6D6F]"})]})})]})]})]},s)})}),t.creditsPage?.url&&(0,r.jsx)("a",{href:t.creditsPage.url,target:"_blank",rel:"noopener noreferrer",className:"mt-auto self-start text-[14px] font-[700] text-[#080a0f] underline",children:t.creditsPage.label??"Go to Credits Page"})]})})}var Y=X;
+"use strict";var y=Object.defineProperty;var J=Object.getOwnPropertyDescriptor;var K=Object.getOwnPropertyNames;var Q=Object.prototype.hasOwnProperty;var X=(a,n)=>{for(var d in n)y(a,d,{get:n[d],enumerable:!0})},Y=(a,n,d,f)=>{if(n&&typeof n=="object"||typeof n=="function")for(let o of K(n))!Q.call(a,o)&&o!==d&&y(a,o,{get:()=>n[o],enumerable:!(f=J(n,o))||f.enumerable});return a};var Z=a=>Y(y({},"__esModule",{value:!0}),a);var ae={};X(ae,{default:()=>te});module.exports=Z(ae);var t=require("react/jsx-runtime"),u=require("react"),N=require("@anker-in/headless-ui"),i=require("@anker-in/lib"),D=require("../../context/provider"),S=require("../../context/viewStack"),L=require("./hooks/useRedeemableList"),E=require("./hooks/useRedeemAndBuy"),r=require("../../type"),m=require("../../../credits/context/utils"),M=require("../../../../constants");function ee({copy:a}){const{profile:n,creditInfo:d,openSignUpPopup:f,alpcConfig:o,isActivateSuccess:U,fetchCreditInfo:$,pageHandle:x}=(0,D.useMemberPopupContext)(),{pushView:P}=(0,S.useViewStack)(),{brand:F}=(0,i.useHeadlessContext)(),w=M.ROUNDED_BRANDS.includes(F),[R,I]=(0,u.useState)(""),[z,k]=(0,u.useState)(null);(0,u.useEffect)(()=>{n?.user_id&&$(n.user_id)},[]);const c=!!n,{redeemableList:B,listLoading:T}=(0,L.useRedeemableList)(o),{trigger:O}=(0,E.useRedeemAndBuy)(o),G=a.list.map(e=>e.product?.handle).filter(Boolean),{data:A}=(0,i.useProductsByHandles)({handles:G}),V=(0,u.useMemo)(()=>a.list.map(e=>{const s=B.find(p=>String(p.id)===String(e.redeemId));if(!s)return null;const l=Number(d?.available_credit??0),g=s.consume_credits>l,h=s.is_limited&&(!s.remaining_inventory||s.remaining_inventory<=0),q=e.type===r.ConsumeCreditsItemType.RedeemAndBuy||e.type===r.ConsumeCreditsItemType.Product,b=A?.find(p=>p.handle===e.product?.handle),C=b?.variants?.find(p=>p.sku===e.product?.sku)??b?.variants?.[0];return q&&(!b||!C||!C?.availableForSale||h)||e.type===r.ConsumeCreditsItemType.RedeemAndBuy&&e.price==null?null:{...e,alpcData:s,insufficient:g,product:b,variant:C}}).filter(Boolean),[a.list,B,d,n,c,A]),v=n?.activated||U;function j(e){return!c||!v?a.unlockRewards:e.soldOut?a.soldOut:a.btnRedeem}function H(e){return!c||!v?!1:e.insufficient}function _(e){(0,i.gaTrack)({event:"ga4Event",event_name:"lp_button",event_parameters:{position:"consume_credits",button_name:"redeem",info:"Member Floating Window"}})}async function W(e){if(!c){f();return}if(!v){P({type:r.MemberPopupPanelType.Activate});return}if(e.type===r.ConsumeCreditsItemType.GiftCard||e.type===r.ConsumeCreditsItemType.Product){if(a.creditsPage?.url){const s=a.creditsPage.redeemListSectionId??"creditsRedeemList",l=new URL(a.creditsPage.url,window.location.href);l.searchParams.set("section",s),l.hash=s,x&&l.searchParams.set("ref",`${x}_consume_credits`),_(e.title),window.open(l.toString(),"_blank","noopener,noreferrer")}return}if(e.type===r.ConsumeCreditsItemType.Coupon)_(e.title),P({type:r.MemberPopupPanelType.RedeemCoupon,props:{itemTitle:e.title,itemCredits:e.alpcData.consume_credits,itemImage:a.imageMapping?.[e.type]?{url:a.imageMapping[e.type].url,alt:e.image?.alt}:e.image,itemValue:e.value,itemRules:e.rules,redeemId:Number(e.redeemId),userId:n?.user_id,alpcConfig:o}});else{I(""),k(e.redeemId),_(e.title);try{await O({productVariant:e.variant,redeemId:Number(e.redeemId),userId:n?.user_id}),(0,i.gaTrack)({event:"ga4Event",event_name:"lp_button",event_parameters:{position:"consume_credits",button_name:"redeem_success",info:"Member Floating Window"}})}catch(s){I(s?.message??a.redeemModal.commonError)}finally{k(null)}}}return(0,t.jsx)(t.Fragment,{children:(0,t.jsxs)("div",{className:"flex flex-1 flex-col",children:[(0,t.jsxs)("div",{className:"flex flex-col gap-[8px]",children:[a.title&&(0,t.jsx)("h2",{className:"text-[24px] font-[700] leading-[1.2] text-[#080a0f]",children:a.title}),a.subtitle&&(0,t.jsx)("p",{className:"text-[16px] mt-[8px] font-[700] leading-snug text-[#4a4c56]",children:a.subtitle})]}),c&&(0,t.jsxs)("div",{className:(0,i.classNames)("flex items-center mt-[16px] gap-[12px] bg-[#f5f6f7] p-[16px]",w?"rounded-[8px]":"rounded-none"),children:[(0,t.jsxs)("div",{className:"flex flex-1 flex-col gap-[4px]",children:[(0,t.jsx)("div",{className:"text-[14px] font-[700] text-[#1e2024]",children:a.balanceLabel??"AnkerCredits Balance"}),(0,t.jsxs)("div",{className:"flex items-end gap-[4px]",children:[(0,t.jsx)("span",{className:"text-[24px] font-[700] leading-[1.2] text-[#1e2024]",children:(0,m.numberFormat)(d?.available_credit||0)}),(0,t.jsx)("span",{className:"text-[14px] font-[700] leading-[1.4] text-[#1e2024]",children:a.creditUnit??"ankercredits"})]})]}),(0,t.jsx)("div",{className:"h-full w-px bg-[#dadce0]"}),(0,t.jsxs)("div",{className:"flex flex-1 flex-col gap-[4px]",children:[(0,t.jsx)("div",{className:"text-[14px] font-[700] text-[#1e2024]",children:a.comingSoonLabel??"Coming Soon"}),(0,t.jsxs)("div",{className:"flex items-end gap-[4px]",children:[(0,t.jsx)("span",{className:"text-[24px] font-[700] leading-[1.2] text-[#1e2024]",children:(0,m.numberFormat)(d?.pending_credit||0)}),(0,t.jsx)("span",{className:"text-[14px] font-[700] leading-[1.4] text-[#1e2024]",children:a.creditUnit??"ankercredits"})]})]})]}),R&&(0,t.jsx)("div",{className:"text-[14px] mt-[8px] font-[700] text-[#f84d4f]",children:R}),T?(0,t.jsx)("div",{className:"flex flex-1 items-center justify-center py-[32px]",children:(0,t.jsx)("div",{className:"size-[32px] animate-spin rounded-full border-[3px] border-[#080a0f] border-t-transparent"})}):(0,t.jsx)("div",{className:"flex mt-[16px] flex-col",children:V.map((e,s)=>(0,t.jsxs)("div",{className:"relative py-[16px]",children:[s>0&&(0,t.jsx)("div",{className:"absolute inset-x-0 top-0 h-px bg-[#dadce0]"}),(0,t.jsxs)("div",{className:"flex items-center gap-[12px]",children:[(()=>{const l=e.type===r.ConsumeCreditsItemType.Product||e.type===r.ConsumeCreditsItemType.RedeemAndBuy,g=l?e.variant?.image?.url??e.product?.images?.[0]?.url??e.image?.url:e.image?.url||a.imageMapping?.[e.type]?.url,h=l?e.variant?.image?.altText??e.product?.images?.[0]?.alt??e.image?.alt??"":e.image?.alt??"";return g?(0,t.jsxs)("div",{className:(0,i.classNames)("relative size-[64px] shrink-0 overflow-hidden",w?"rounded-[4px]":"rounded-none"),children:[(0,t.jsx)(N.Picture,{source:g,alt:h,className:"flex size-full items-center justify-center",imgClassName:l?"object-cover":"h-full w-auto object-contain"}),e.type===r.ConsumeCreditsItemType.Coupon&&e.value&&(0,t.jsx)("div",{className:"absolute bottom-[16px] left-[4px] text-[12px] font-[800] leading-none text-white",children:e.value&&`${e.value} ${a.off}`}),e.type===r.ConsumeCreditsItemType.GiftCard&&e.value&&(0,t.jsx)("div",{className:"absolute bottom-[16px] left-[4px] text-[12px] font-[800] leading-none text-white",children:e.value&&`${e.value} ${a.giftCard||"Gift Card"}`})]}):null})(),(0,t.jsxs)("div",{className:"min-w-0 flex-1",children:[(0,t.jsx)("div",{className:"text-[16px] font-[700] text-[#1e2024] line-clamp-2",children:e.product?.title??e.title??e.alpcData?.name}),(0,t.jsx)("div",{className:"mt-[4px] text-[14px] text-[#666]",children:e.type===r.ConsumeCreditsItemType.RedeemAndBuy?(0,t.jsxs)("div",{children:[(0,t.jsxs)("span",{children:[(0,m.numberFormat)(e.alpcData.consume_credits)," ",a.creditUnit??""," + $",Number(e.price).toFixed(2)]}),e.variant?.price?.amount&&(0,t.jsxs)("span",{className:"text-[12px] ml-1 text-[#999] line-through",children:["$",Number(e.variant.price.amount).toFixed(2)]})]}):`${(0,m.numberFormat)(e.alpcData.consume_credits)} ${a.creditUnit??""}`})]}),(0,t.jsxs)("div",{className:"relative group",children:[(0,t.jsx)(N.Button,{size:"base",disabled:H(e),loading:z===e.redeemId,onClick:()=>W(e),children:j(e)}),e.insufficient&&c&&v&&(0,t.jsx)("div",{className:"pointer-events-none absolute right-0 top-full z-[100] mt-[10px] hidden w-[200px] group-hover:block",children:(0,t.jsxs)("div",{className:"relative bg-[#6D6D6F] p-[16px] text-[14px] font-[700] text-white shadow",children:[(0,t.jsx)("p",{className:"text-pretty tracking-[-0.02em] text-[14px]",children:a.insufficientCredits}),(0,t.jsx)("div",{className:"absolute -top-[8px] right-[20px] size-[16px] origin-top-left rotate-45 rounded-[2px] bg-[#6D6D6F]"})]})})]})]})]},s))}),a.creditsPage?.url&&(0,t.jsx)("a",{href:(()=>{if(!x)return a.creditsPage.url;try{const e=new URL(a.creditsPage.url,window.location.href);return e.searchParams.set("ref",`${x}_consume_credits`),e.toString()}catch{return a.creditsPage.url}})(),target:"_blank",rel:"noopener noreferrer",className:"mt-auto self-start text-[14px] font-[700] text-[#080a0f] underline",onClick:()=>(0,i.gaTrack)({event:"ga4Event",event_name:"lp_button",event_parameters:{position:"consume_credits",button_name:"credits_page_link",info:"Member Floating Window"}}),children:a.creditsPage.label??"Go to Credits Page"})]})})}var te=ee;
 //# sourceMappingURL=index.js.map

package/dist/cjs/components/memberPopup/panels/ConsumeCredits/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/components/memberPopup/panels/ConsumeCredits/index.tsx"],
-  "sourcesContent": ["import { useMemo, useState } from 'react'\nimport { Picture, Button } from '@anker-in/headless-ui'\nimport { classNames as cn, useProductsByHandles, useHeadlessContext } from '@anker-in/lib'\nimport { useMemberPopupContext } from '../../context/provider'\nimport { useViewStack } from '../../context/viewStack'\nimport { useRedeemableList } from './hooks/useRedeemableList'\nimport { useRedeemAndBuy } from './hooks/useRedeemAndBuy'\nimport {\n  ConsumeCreditsItemType,\n  MemberPopupPanelType,\n  type ConsumeCreditsopy,\n  type ConsumeCreditsItem,\n} from '../../type'\nimport { numberFormat } from '../../../credits/context/utils'\nimport type { ConsumeCreditRuleResponse } from '../../../credits/context/response'\nimport { ROUNDED_BRANDS } from '../../../../constants'\n\ntype EnrichedItem = ConsumeCreditsItem & {\n  alpcData: ConsumeCreditRuleResponse\n  insufficient: boolean\n  soldOut: boolean\n  product?: any\n  variant?: any\n}\n\ntype Props = {\n  copy: ConsumeCreditsopy\n  onClose: () => void\n}\n\nfunction ConsumeCredits({ copy, onClose }: Props) {\n  const { profile, creditInfo, openSignUpPopup, alpcConfig } = useMemberPopupContext()\n  const { pushView } = useViewStack()\n  const { brand } = useHeadlessContext()\n  const rounded = ROUNDED_BRANDS.includes(brand)\n\n  const [redeemAndBuyError, setRedeemAndBuyError] = useState('')\n  const [loadingId, setLoadingId] = useState<string | number | null>(null)\n  const [isActivateSuccess, setIsActivateSuccess] = useState(false)\n\n  const isLogin = !!profile\n  const { redeemableList, listLoading } = useRedeemableList(alpcConfig)\n  const { trigger: redeemAndBuy } = useRedeemAndBuy(alpcConfig)\n\n  const handles = copy.list.map(item => item.product?.handle).filter(Boolean) as string[]\n  const { data: products } = useProductsByHandles({ handles })\n\n  const list = useMemo(() => {\n    return copy.list\n      .map(item => {\n        const alpcData = redeemableList.find(r => String(r.id) === String(item.redeemId))\n        if (!alpcData) return null\n\n        const availableCredit = Number(creditInfo?.available_credit ?? 0)\n        const insufficient = isLogin && !!profile?.activated && alpcData.consume_credits > availableCredit\n        const soldOut = alpcData.is_limited && (!alpcData.remaining_inventory || alpcData.remaining_inventory <= 0)\n\n        let product\n        let variant\n        if (\n          (item.type === ConsumeCreditsItemType.RedeemAndBuy ||\n            item.type === ConsumeCreditsItemType.Product) &&\n          item.product\n        ) {\n          product = products?.find((p: any) => p.handle === item.product!.handle)\n          variant = product?.variants?.find((v: any) => v.sku === item.product!.sku) ?? product?.variants?.[0]\n          if (item.type === ConsumeCreditsItemType.RedeemAndBuy && (!product || !variant)) return null\n        }\n\n        return { ...item, alpcData, insufficient, soldOut, product, variant }\n      })\n      .filter(Boolean) as EnrichedItem[]\n  }, [copy.list, redeemableList, creditInfo, profile, isLogin, products])\n\n  function getButtonLabel(item: (typeof list)[number]) {\n    if (!isLogin) return copy.unlockRewards\n    if (item.soldOut) return copy.soldOut\n    return copy.btnRedeem\n  }\n\n  function isDisabled(item: (typeof list)[number]) {\n    if (\n      item.type === ConsumeCreditsItemType.GiftCard ||\n      item.type === ConsumeCreditsItemType.Product\n    ) {\n      return item.insufficient\n    }\n    return item.soldOut || item.insufficient\n  }\n\n  async function handleRedeem(item: (typeof list)[number]) {\n    if (!isLogin) {\n      openSignUpPopup()\n      return\n    }\n    if (!profile?.activated && !isActivateSuccess) {\n      pushView({\n        type: MemberPopupPanelType.Activate,\n        props: { onSuccess: () => setIsActivateSuccess(true) },\n      })\n      return\n    }\n    if (\n      item.type === ConsumeCreditsItemType.GiftCard ||\n      item.type === ConsumeCreditsItemType.Product\n    ) {\n      if (copy.creditsPage?.url) {\n        window.open(copy.creditsPage.url, '_blank', 'noopener,noreferrer')\n      }\n      return\n    }\n    if (item.type === ConsumeCreditsItemType.Coupon) {\n      pushView({\n        type: MemberPopupPanelType.RedeemCoupon,\n        props: {\n          itemTitle: item.title,\n          itemCredits: item.alpcData.consume_credits,\n          itemImage: copy.imageMapping?.[item.type]\n            ? { url: copy.imageMapping[item.type]!.url, alt: item.image?.alt }\n            : item.image,\n          itemValue: item.value,\n          itemOff: copy.off,\n          itemRules: item.rules,\n          redeemId: Number(item.redeemId),\n          userId: profile?.user_id,\n          alpcConfig,\n        },\n      })\n    } else {\n      setRedeemAndBuyError('')\n      setLoadingId(item.redeemId)\n      try {\n        await redeemAndBuy({\n          productVariant: item.variant,\n          redeemId: Number(item.redeemId),\n          userId: profile?.user_id,\n        })\n      } catch (e: any) {\n        setRedeemAndBuyError(e?.message ?? copy.redeemModal.commonError)\n      } finally {\n        setLoadingId(null)\n      }\n    }\n  }\n\n  return (\n    <>\n      <div className=\"flex flex-1 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.subtitle && <p className=\"text-[16px] font-[700] leading-snug text-[#4a4c56]\">{copy.subtitle}</p>}\n        </div>\n\n        {copy.insufficientCredits && creditInfo && (\n          <div className=\"text-[14px] font-[700] text-[#1d1d1f]\">\n            {copy.insufficientCredits}: {numberFormat(creditInfo.available_credit)} {copy.pointUnit}\n          </div>\n        )}\n        {redeemAndBuyError && <div className=\"text-[14px] font-[700] text-[#f84d4f]\">{redeemAndBuyError}</div>}\n\n        {listLoading ? (\n          <div className=\"flex flex-1 items-center justify-center py-[32px]\">\n            <div className=\"size-[32px] animate-spin rounded-full border-[3px] border-[#080a0f] border-t-transparent\" />\n          </div>\n        ) : (\n          <div className=\"flex flex-col\">\n          {list.map((item, idx) => {\n            const hasProduct = !!item.product\n            return (\n            <div key={idx} className=\"relative py-[16px]\">\n              {idx > 0 && <div className=\"absolute inset-x-0 top-0 h-px bg-[#dadce0]\" />}\n              <div className=\"flex items-center gap-[12px]\">\n                {(() => {\n                  const mappedImgUrl = copy.imageMapping?.[item.type]?.url\n                  const imgUrl = hasProduct\n                    ? (item.variant?.image?.url ?? item.product?.images?.[0]?.url ?? item.image?.url)\n                    : (mappedImgUrl ?? item.image?.url)\n                  const imgAlt = hasProduct\n                    ? (item.variant?.image?.altText ?? item.product?.images?.[0]?.alt ?? item.image?.alt ?? '')\n                    : (item.image?.alt ?? '')\n                  if (!imgUrl) return null\n                  return (\n                    <div className={cn('relative size-[64px] shrink-0 overflow-hidden', rounded ? 'rounded-[4px]' : 'rounded-none')}>\n                      <Picture\n                        source={imgUrl}\n                        alt={imgAlt}\n                        className=\"flex size-full items-center justify-center\"\n                        imgClassName={hasProduct ? 'object-cover' : 'h-full w-auto object-contain'}\n                      />\n                      {!hasProduct && item.value && (\n                        <div className=\"absolute bottom-[16px] left-[4px] text-[12px] font-[800] leading-none text-white\">\n                          {item.value} {copy.off}\n                        </div>\n                      )}\n                    </div>\n                  )\n                })()}\n                <div className=\"min-w-0 flex-1\">\n                  <div className=\"text-[16px] font-[700] text-[#1e2024] line-clamp-2\">\n                    {hasProduct && item.product?.title\n                      ? item.product.title\n                      : item.title}\n                  </div>\n                  <div className=\"mt-[4px] text-[14px] text-[#666]\">\n                    {hasProduct && item.price != null\n                      ? `${numberFormat(item.alpcData.consume_credits)} ${copy.pointUnit ?? ''} + $${Number(item.price).toFixed(2)}`\n                      : `${numberFormat(item.alpcData.consume_credits)} ${copy.pointUnit ?? ''}`}\n                  </div>\n                </div>\n                <div className=\"relative group\">\n                  <Button\n                    className={cn('bg-[#080a0f] px-[20px] pb-[10px] pt-[11px] text-[14px] font-[700] leading-[1.2] text-white', rounded ? 'rounded-[4px]' : 'rounded-none')}\n                    disabled={isDisabled(item)}\n                    loading={loadingId === item.redeemId}\n                    onClick={() => handleRedeem(item)}\n                  >\n                    {getButtonLabel(item)}\n                  </Button>\n                  {item.insufficient && (\n                    <div className=\"pointer-events-none absolute right-0 top-full z-[100] mt-[10px] hidden w-[200px] group-hover:block\">\n                      <div className=\"relative bg-[#6D6D6F] p-[16px] text-[14px] font-[700] text-white shadow\">\n                        <p className=\"text-pretty tracking-[-0.02em] text-[14px]\">{copy.insufficientCredits}</p>\n                        <div className=\"absolute -top-[8px] right-[20px] size-[16px] origin-top-left rotate-45 rounded-[2px] bg-[#6D6D6F]\" />\n                      </div>\n                    </div>\n                  )}\n                </div>\n              </div>\n            </div>\n            )\n          })}\n        </div>\n        )}\n\n        {copy.creditsPage?.url && (\n          <a\n            href={copy.creditsPage.url}\n            target=\"_blank\"\n            rel=\"noopener noreferrer\"\n            className=\"mt-auto self-start text-[14px] font-[700] text-[#080a0f] underline\"\n          >\n            {copy.creditsPage.label ?? 'Go to Credits Page'}\n          </a>\n        )}\n      </div>\n    </>\n  )\n}\n\nexport default ConsumeCredits\n"],
-  "mappings": "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",
-  "names": ["ConsumeCredits_exports", "__export", "ConsumeCredits_default", "__toCommonJS", "import_jsx_runtime", "import_react", "import_headless_ui", "import_lib", "import_provider", "import_viewStack", "import_useRedeemableList", "import_useRedeemAndBuy", "import_type", "import_utils", "import_constants", "ConsumeCredits", "copy", "onClose", "profile", "creditInfo", "openSignUpPopup", "alpcConfig", "pushView", "brand", "rounded", "redeemAndBuyError", "setRedeemAndBuyError", "loadingId", "setLoadingId", "isActivateSuccess", "setIsActivateSuccess", "isLogin", "redeemableList", "listLoading", "redeemAndBuy", "handles", "item", "products", "list", "alpcData", "r", "availableCredit", "insufficient", "soldOut", "product", "variant", "p", "v", "getButtonLabel", "isDisabled", "handleRedeem", "e", "idx", "hasProduct", "mappedImgUrl", "imgUrl", "imgAlt", "cn"]
+  "sourcesContent": ["import { useEffect, useMemo, useState } from 'react'\nimport { Picture, Button } from '@anker-in/headless-ui'\nimport { gaTrack, classNames as cn, useProductsByHandles, useHeadlessContext } from '@anker-in/lib'\nimport { useMemberPopupContext } from '../../context/provider'\nimport { useViewStack } from '../../context/viewStack'\nimport { useRedeemableList } from './hooks/useRedeemableList'\nimport { useRedeemAndBuy } from './hooks/useRedeemAndBuy'\nimport {\n  ConsumeCreditsItemType,\n  MemberPopupPanelType,\n  type ConsumeCreditsopy,\n  type ConsumeCreditsItem,\n} from '../../type'\nimport { numberFormat } from '../../../credits/context/utils'\nimport type { ConsumeCreditRuleResponse } from '../../../credits/context/response'\nimport { ROUNDED_BRANDS } from '../../../../constants'\n\ntype EnrichedItem = ConsumeCreditsItem & {\n  alpcData: ConsumeCreditRuleResponse\n  insufficient: boolean\n  soldOut: boolean\n  disabled: boolean\n  product?: any\n  variant?: any\n}\n\ntype Props = {\n  copy: ConsumeCreditsopy\n}\n\nfunction ConsumeCredits({ copy }: Props) {\n  const { profile, creditInfo, openSignUpPopup, alpcConfig, isActivateSuccess, fetchCreditInfo, pageHandle } =\n    useMemberPopupContext()\n  const { pushView } = useViewStack()\n  const { brand } = useHeadlessContext()\n  const rounded = ROUNDED_BRANDS.includes(brand)\n\n  const [redeemAndBuyError, setRedeemAndBuyError] = useState('')\n  const [loadingId, setLoadingId] = useState<string | number | null>(null)\n\n  useEffect(() => {\n    if (profile?.user_id) fetchCreditInfo(profile.user_id)\n  }, [])\n\n  const isLogin = !!profile\n  const { redeemableList, listLoading } = useRedeemableList(alpcConfig)\n  const { trigger: redeemAndBuy } = useRedeemAndBuy(alpcConfig)\n\n  const handles = copy.list.map(item => item.product?.handle).filter(Boolean) as string[]\n  const { data: products } = useProductsByHandles({ handles })\n\n  const list = useMemo(() => {\n    return copy.list\n      .map(item => {\n        const alpcData = redeemableList.find(r => String(r.id) === String(item.redeemId))\n        if (!alpcData) return null\n\n        const availableCredit = Number(creditInfo?.available_credit ?? 0)\n        const insufficient = alpcData.consume_credits > availableCredit\n        const alpcSoldOut = alpcData.is_limited && (!alpcData.remaining_inventory || alpcData.remaining_inventory <= 0)\n\n        const isPhysicalProduct =\n          item.type === ConsumeCreditsItemType.RedeemAndBuy || item.type === ConsumeCreditsItemType.Product\n        const product = products?.find((p: any) => p.handle === item.product?.handle)\n        const variant = product?.variants?.find((v: any) => v.sku === item.product?.sku) ?? product?.variants?.[0]\n        if (isPhysicalProduct && (!product || !variant || !variant?.availableForSale || alpcSoldOut)) {\n          return null\n        }\n        if (item.type === ConsumeCreditsItemType.RedeemAndBuy && item.price == null) {\n          return null\n        }\n        return { ...item, alpcData, insufficient, product, variant }\n      })\n      .filter(Boolean) as EnrichedItem[]\n  }, [copy.list, redeemableList, creditInfo, profile, isLogin, products])\n\n  const isActivate = profile?.activated || isActivateSuccess\n\n  function getButtonLabel(item: (typeof list)[number]) {\n    if (!isLogin || !isActivate) {\n      return copy.unlockRewards\n    }\n    if (item.soldOut) {\n      return copy.soldOut\n    }\n    return copy.btnRedeem\n  }\n\n  function isDisabled(item: (typeof list)[number]) {\n    if (!isLogin || !isActivate) {\n      return false\n    }\n    return item.insufficient\n  }\n\n  function trackRedeemButton(itemTitle: string) {\n    gaTrack({\n      event: 'ga4Event',\n      event_name: 'lp_button',\n      event_parameters: {\n        position: 'consume_credits',\n        button_name: 'redeem',\n        info: 'Member Floating Window',\n      },\n    })\n  }\n\n  async function handleRedeem(item: (typeof list)[number]) {\n    if (!isLogin) {\n      openSignUpPopup()\n      return\n    }\n    if (!isActivate) {\n      pushView({\n        type: MemberPopupPanelType.Activate,\n      })\n      return\n    }\n    if (item.type === ConsumeCreditsItemType.GiftCard || item.type === ConsumeCreditsItemType.Product) {\n      if (copy.creditsPage?.url) {\n        const sectionId = copy.creditsPage.redeemListSectionId ?? 'creditsRedeemList'\n        const targetUrl = new URL(copy.creditsPage.url, window.location.href)\n        targetUrl.searchParams.set('section', sectionId)\n        targetUrl.hash = sectionId\n        if (pageHandle) {\n          targetUrl.searchParams.set('ref', `${pageHandle}_consume_credits`)\n        }\n        trackRedeemButton(item.title)\n        window.open(targetUrl.toString(), '_blank', 'noopener,noreferrer')\n      }\n      return\n    }\n    if (item.type === ConsumeCreditsItemType.Coupon) {\n      trackRedeemButton(item.title)\n      pushView({\n        type: MemberPopupPanelType.RedeemCoupon,\n        props: {\n          itemTitle: item.title,\n          itemCredits: item.alpcData.consume_credits,\n          itemImage: copy.imageMapping?.[item.type]\n            ? { url: copy.imageMapping[item.type]!.url, alt: item.image?.alt }\n            : item.image,\n          itemValue: item.value,\n          itemRules: item.rules,\n          redeemId: Number(item.redeemId),\n          userId: profile?.user_id,\n          alpcConfig,\n        },\n      })\n    } else {\n      setRedeemAndBuyError('')\n      setLoadingId(item.redeemId)\n      trackRedeemButton(item.title)\n      try {\n        await redeemAndBuy({\n          productVariant: item.variant,\n          redeemId: Number(item.redeemId),\n          userId: profile?.user_id,\n        })\n        gaTrack({\n          event: 'ga4Event',\n          event_name: 'lp_button',\n          event_parameters: {\n            position: 'consume_credits',\n            button_name: 'redeem_success',\n            info: 'Member Floating Window',\n          },\n        })\n      } catch (e: any) {\n        setRedeemAndBuyError(e?.message ?? copy.redeemModal.commonError)\n      } finally {\n        setLoadingId(null)\n      }\n    }\n  }\n\n  return (\n    <>\n      <div className=\"flex flex-1 flex-col\">\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.subtitle && (\n            <p className=\"text-[16px] mt-[8px] font-[700] leading-snug text-[#4a4c56]\">{copy.subtitle}</p>\n          )}\n        </div>\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.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        {redeemAndBuyError && <div className=\"text-[14px] mt-[8px] font-[700] text-[#f84d4f]\">{redeemAndBuyError}</div>}\n\n        {listLoading ? (\n          <div className=\"flex flex-1 items-center justify-center py-[32px]\">\n            <div className=\"size-[32px] animate-spin rounded-full border-[3px] border-[#080a0f] border-t-transparent\" />\n          </div>\n        ) : (\n          <div className=\"flex mt-[16px] flex-col\">\n            {list.map((item, idx) => {\n              return (\n                <div key={idx} className=\"relative py-[16px]\">\n                  {idx > 0 && <div className=\"absolute inset-x-0 top-0 h-px bg-[#dadce0]\" />}\n                  <div className=\"flex items-center gap-[12px]\">\n                    {(() => {\n                      const phsicalProduct =\n                        item.type === ConsumeCreditsItemType.Product ||\n                        item.type === ConsumeCreditsItemType.RedeemAndBuy\n                      const imgUrl = phsicalProduct\n                        ? (item.variant?.image?.url ?? item.product?.images?.[0]?.url ?? item.image?.url)\n                        : item.image?.url || copy.imageMapping?.[item.type]?.url\n                      const imgAlt = phsicalProduct\n                        ? (item.variant?.image?.altText ?? item.product?.images?.[0]?.alt ?? item.image?.alt ?? '')\n                        : (item.image?.alt ?? '')\n                      if (!imgUrl) return null\n                      return (\n                        <div\n                          className={cn(\n                            'relative size-[64px] shrink-0 overflow-hidden',\n                            rounded ? 'rounded-[4px]' : 'rounded-none'\n                          )}\n                        >\n                          <Picture\n                            source={imgUrl}\n                            alt={imgAlt}\n                            className=\"flex size-full items-center justify-center\"\n                            imgClassName={phsicalProduct ? 'object-cover' : 'h-full w-auto object-contain'}\n                          />\n                          {item.type === ConsumeCreditsItemType.Coupon && item.value && (\n                            <div className=\"absolute bottom-[16px] left-[4px] text-[12px] font-[800] leading-none text-white\">\n                              {item.value && `${item.value} ${copy.off}`}\n                            </div>\n                          )}\n                          {item.type === ConsumeCreditsItemType.GiftCard && item.value && (\n                            <div className=\"absolute bottom-[16px] left-[4px] text-[12px] font-[800] leading-none text-white\">\n                              {item.value && `${item.value} ${copy.giftCard || 'Gift Card'}`}\n                            </div>\n                          )}\n                        </div>\n                      )\n                    })()}\n                    <div className=\"min-w-0 flex-1\">\n                      <div className=\"text-[16px] font-[700] text-[#1e2024] line-clamp-2\">\n                        {item.product?.title ?? item.title ?? item.alpcData?.name}\n                      </div>\n                      <div className=\"mt-[4px] text-[14px] text-[#666]\">\n                        {item.type === ConsumeCreditsItemType.RedeemAndBuy ? (\n                          <div>\n                            <span>\n                              {numberFormat(item.alpcData.consume_credits)} {copy.creditUnit ?? ''} + $\n                              {Number(item.price).toFixed(2)}\n                            </span>\n                            {item.variant?.price?.amount && (\n                              <span className=\"text-[12px] ml-1 text-[#999] line-through\">\n                                ${Number(item.variant.price.amount).toFixed(2)}\n                              </span>\n                            )}\n                          </div>\n                        ) : (\n                          `${numberFormat(item.alpcData.consume_credits)} ${copy.creditUnit ?? ''}`\n                        )}\n                      </div>\n                    </div>\n                    <div className=\"relative group\">\n                      <Button\n                        size=\"base\"\n                        disabled={isDisabled(item)}\n                        loading={loadingId === item.redeemId}\n                        onClick={() => handleRedeem(item)}\n                      >\n                        {getButtonLabel(item)}\n                      </Button>\n                      {item.insufficient && isLogin && isActivate && (\n                        <div className=\"pointer-events-none absolute right-0 top-full z-[100] mt-[10px] hidden w-[200px] group-hover:block\">\n                          <div className=\"relative bg-[#6D6D6F] p-[16px] text-[14px] font-[700] text-white shadow\">\n                            <p className=\"text-pretty tracking-[-0.02em] text-[14px]\">{copy.insufficientCredits}</p>\n                            <div className=\"absolute -top-[8px] right-[20px] size-[16px] origin-top-left rotate-45 rounded-[2px] bg-[#6D6D6F]\" />\n                          </div>\n                        </div>\n                      )}\n                    </div>\n                  </div>\n                </div>\n              )\n            })}\n          </div>\n        )}\n\n        {copy.creditsPage?.url && (\n          <a\n            href={(() => {\n              if (!pageHandle) return copy.creditsPage!.url\n              try {\n                const url = new URL(copy.creditsPage!.url, window.location.href)\n                url.searchParams.set('ref', `${pageHandle}_consume_credits`)\n                return url.toString()\n              } catch {\n                return copy.creditsPage!.url\n              }\n            })()}\n            target=\"_blank\"\n            rel=\"noopener noreferrer\"\n            className=\"mt-auto self-start text-[14px] font-[700] text-[#080a0f] underline\"\n            onClick={() =>\n              gaTrack({\n                event: 'ga4Event',\n                event_name: 'lp_button',\n                event_parameters: {\n                  position: 'consume_credits',\n                  button_name: 'credits_page_link',\n                  info: 'Member Floating Window',\n                },\n              })\n            }\n          >\n            {copy.creditsPage.label ?? 'Go to Credits Page'}\n          </a>\n        )}\n      </div>\n    </>\n  )\n}\n\nexport default ConsumeCredits\n"],
+  "mappings": "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",
+  "names": ["ConsumeCredits_exports", "__export", "ConsumeCredits_default", "__toCommonJS", "import_jsx_runtime", "import_react", "import_headless_ui", "import_lib", "import_provider", "import_viewStack", "import_useRedeemableList", "import_useRedeemAndBuy", "import_type", "import_utils", "import_constants", "ConsumeCredits", "copy", "profile", "creditInfo", "openSignUpPopup", "alpcConfig", "isActivateSuccess", "fetchCreditInfo", "pageHandle", "pushView", "brand", "rounded", "redeemAndBuyError", "setRedeemAndBuyError", "loadingId", "setLoadingId", "isLogin", "redeemableList", "listLoading", "redeemAndBuy", "handles", "item", "products", "list", "alpcData", "r", "availableCredit", "insufficient", "alpcSoldOut", "isPhysicalProduct", "product", "variant", "v", "isActivate", "getButtonLabel", "isDisabled", "trackRedeemButton", "itemTitle", "handleRedeem", "sectionId", "targetUrl", "e", "cn", "idx", "phsicalProduct", "imgUrl", "imgAlt", "url"]
 }

package/dist/cjs/components/memberPopup/panels/EarnCredits/ActivatePanel.d.ts

@@ -2,7 +2,6 @@ import type { AuthCodeActivateCopy } from '../../type';
 type Props = {
     copy: AuthCodeActivateCopy;
     onClose: () => void;
-    onSuccess?: () => void;
 };
-export default function ActivatePanel({ copy, onClose, onSuccess }: Props): import("react/jsx-runtime").JSX.Element;
+export default function ActivatePanel({ copy, onClose }: Props): import("react/jsx-runtime").JSX.Element;
 export {};

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

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

package/dist/cjs/components/memberPopup/panels/EarnCredits/ActivatePanel.js.map

@@ -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": ["ActivatePanel_exports", "__export", "ActivatePanel", "__toCommonJS", "import_jsx_runtime", "import_react", "import_headless_ui", "import_lib", "import_Message", "import_registration", "import_constants", "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", "cn", "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": ["ActivatePanel_exports", "__export", "ActivatePanel", "__toCommonJS", "import_jsx_runtime", "import_react", "import_headless_ui", "import_lib", "import_Message", "import_registration", "import_provider", "import_constants", "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", "cn", "paste", "pastedCode"]
 }

package/dist/cjs/components/memberPopup/panels/EarnCredits/CompleteProfilePanel.d.ts

@@ -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/cjs/components/memberPopup/panels/EarnCredits/CompleteProfilePanel.js

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

package/dist/cjs/components/memberPopup/panels/EarnCredits/CompleteProfilePanel.js.map

@@ -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": ["CompleteProfilePanel_exports", "__export", "CompleteProfilePanel", "__toCommonJS", "import_jsx_runtime", "import_react", "import_headless_ui", "import_lib", "import_useUpdateProfile", "import_useCountries", "import_provider", "import_constants", "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", "useCountries", "validate", "hasError", "handleSubmit", "cn", "e", "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": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,IAAA,eAAAC,EAAAH,GAuGwB,IAAAI,EAAA,6BAvGxBC,EAAiD,iBACjDC,EAA6B,iCAC7BC,EAA8D,yBAE9DC,EAAiC,oCACjCC,EAAyB,0DACzBC,EAAsC,kCACtCC,EAA+B,iCAOhB,SAART,EAAsC,CAAE,KAAAU,EAAM,QAAAC,CAAQ,EAAU,CACrE,KAAM,CAAE,QAAAC,EAAS,gBAAAC,EAAiB,WAAAC,EAAY,4BAAAC,CAA4B,KAAI,yBAAsB,EAC9F,CAAE,OAAAC,CAAO,EAAIF,EACb,CAAE,MAAAG,EAAO,YAAAC,CAAY,KAAI,sBAAmB,EAC5CC,EAAU,iBAAe,SAASF,CAAK,EAEvC,CAACG,EAAWC,CAAY,KAAI,YAAS,EAAE,EACvC,CAACC,EAAUC,CAAW,KAAI,YAAS,EAAE,EACrC,CAACC,EAAOC,CAAQ,KAAI,YAAS,EAAE,EAC/B,CAACC,EAAUC,CAAW,KAAI,YAAS,EAAE,EACrC,CAACC,EAASC,CAAU,KAAI,YAAS,EAAE,EACnC,CAACC,EAAgBC,CAAiB,KAAI,YAAS,EAAE,EACjD,CAACC,EAAeC,CAAgB,KAAI,YAAS,EAAE,EAE/C,CAAE,cAAAC,EAAe,UAAAC,CAAU,KAAI,oBAAiB,CAAE,OAAAnB,EAAQ,QAASF,EAAW,OAAQ,CAAC,EACvF,CAAE,UAAAsB,CAAU,KAAI,EAAAC,SAAa,CAAE,mBAAoBnB,CAAY,CAAC,KAEtE,aAAU,IAAM,CACVN,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,KAEZ,aAAU,IAAM,CACVwB,EAAU,OAAS,GAAK,CAACR,GAC3BC,EAAWO,EAAU,CAAC,EAAE,EAAE,CAE9B,EAAG,CAACA,CAAS,CAAC,EAEd,MAAME,KAAW,eAAY,IAAM,CACjC,IAAIC,EAAW,GACf,OAAKnB,EAAU,KAAK,EAIlBW,EAAkB,EAAE,GAHpBA,EAAkBrB,EAAK,QAAQ,EAC/B6B,EAAW,IAIRjB,EAAS,KAAK,EAIjBW,EAAiB,EAAE,GAHnBA,EAAiBvB,EAAK,QAAQ,EAC9B6B,EAAW,IAINA,CACT,EAAG,CAACnB,EAAWE,EAAUZ,EAAK,QAAQ,CAAC,EAEjC8B,KAAe,eAAY,SAAY,CAC3C,GAAIF,EAAS,EAAG,OACA,MAAMJ,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,KAChC,WAAQ,CACN,MAAO,WACP,WAAY,YACZ,iBAAkB,CAChB,SAAU,eACV,YAAa,2BACb,KAAM,wBACR,CACF,CAAC,EACDJ,EAAQ,EAEZ,EAAG,CACD2B,EACAJ,EACAd,EACAE,EACAE,EACAI,EACAF,EACAb,EACAD,EACAG,EACAJ,CACF,CAAC,EAED,SACE,QAAC,OAAI,UAAU,2BACZ,UAAAD,EAAK,aAAY,OAAC,QAAK,UAAU,6BAA6B,KAAMA,EAAK,SAAU,KAEpF,QAAC,OACC,oBAAC,SAAM,UAAU,8CAA+C,SAAAA,EAAK,MAAM,KAC3E,OAAC,SACC,aAAW,EAAA+B,YACT,kGACAtB,EAAU,gBAAkB,cAC9B,EACA,MAAOP,GAAS,OAAS,GACzB,SAAQ,GACV,GACF,KAEA,QAAC,OACC,qBAAC,SAAM,UAAU,8CACd,UAAAF,EAAK,UAAU,OAAC,OAAC,QAAK,UAAU,iBAAiB,aAAC,GACrD,KACA,OAAC,SACC,aAAW,EAAA+B,YACT,qEACAX,EAAiB,mBAAqB,mBACtCX,EAAU,gBAAkB,cAC9B,EACA,MAAOC,EACP,SAAUsB,GAAK,CACbrB,EAAaqB,EAAE,OAAO,KAAK,EAC3BX,EAAkB,EAAE,CACtB,EACF,EACCD,MAAkB,OAAC,QAAK,UAAU,sCAAsC,KAAMA,EAAgB,GACjG,KAEA,QAAC,OACC,qBAAC,SAAM,UAAU,8CACd,UAAApB,EAAK,SAAS,OAAC,OAAC,QAAK,UAAU,iBAAiB,aAAC,GACpD,KACA,OAAC,SACC,aAAW,EAAA+B,YACT,qEACAT,EAAgB,mBAAqB,mBACrCb,EAAU,gBAAkB,cAC9B,EACA,MAAOG,EACP,SAAUoB,GAAK,CACbnB,EAAYmB,EAAE,OAAO,KAAK,EAC1BT,EAAiB,EAAE,CACrB,EACF,EACCD,MAAiB,OAAC,QAAK,UAAU,sCAAsC,KAAMA,EAAe,GAC/F,KAEA,QAAC,OACC,oBAAC,SAAM,UAAU,8CAA+C,SAAAtB,EAAK,SAAS,KAC9E,OAAC,SACC,aAAW,EAAA+B,YACT,sFACAtB,EAAU,gBAAkB,cAC9B,EACA,KAAK,OACL,MAAOO,EACP,SAAUgB,GAAKf,EAAYe,EAAE,OAAO,KAAK,EAC3C,GACF,KAEA,QAAC,OACC,oBAAC,SAAM,UAAU,8CAA+C,SAAAhC,EAAK,MAAM,KAC3E,OAAC,SACC,aAAW,EAAA+B,YACT,sFACAtB,EAAU,gBAAkB,cAC9B,EACA,MAAOK,EACP,SAAUkB,GAAKjB,EAASiB,EAAE,OAAO,KAAK,EACxC,GACF,KAEA,QAAC,OACC,oBAAC,SAAM,UAAU,8CAA+C,SAAAhC,EAAK,QAAQ,KAC7E,OAAC,UACC,aAAW,EAAA+B,YACT,sFACAtB,EAAU,gBAAkB,cAC9B,EACA,MAAOS,EACP,SAAUc,GAAKb,EAAWa,EAAE,OAAO,KAAK,EAEvC,SAAAN,EAAU,IAAKO,MACd,OAAC,UAAkB,MAAOA,EAAE,GACzB,SAAAA,EAAE,MADQA,EAAE,EAEf,CACD,EACH,GACF,KAEA,QAAC,OAAI,UAAU,kBACb,oBAAC,UAAO,QAAQ,YAAY,KAAK,OAAO,UAAU,SAAS,QAAShC,EAAS,SAAUwB,EACpF,SAAAzB,EAAK,OACR,KACA,OAAC,UAAO,QAAQ,UAAU,KAAK,OAAO,UAAU,SAAS,QAASyB,EAAW,QAASK,EACnF,SAAA9B,EAAK,KACR,GACF,GACF,CAEJ",
+  "names": ["CompleteProfilePanel_exports", "__export", "CompleteProfilePanel", "__toCommonJS", "import_jsx_runtime", "import_react", "import_headless_ui", "import_lib", "import_useUpdateProfile", "import_useCountries", "import_provider", "import_constants", "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", "useCountries", "validate", "hasError", "handleSubmit", "cn", "e", "c"]
 }

package/dist/cjs/components/memberPopup/panels/EarnCredits/SubscribeEmailPanel.d.ts

@@ -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/cjs/components/memberPopup/panels/EarnCredits/SubscribeEmailPanel.js

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

package/dist/cjs/components/memberPopup/panels/EarnCredits/SubscribeEmailPanel.js.map

@@ -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": ["SubscribeEmailPanel_exports", "__export", "SubscribeEmailPanel", "__toCommonJS", "import_jsx_runtime", "import_react", "import_headless_ui", "import_lib", "import_js_cookie", "import_query_string", "import_utils", "import_provider", "import_constants", "getAdCookie", "search", "href", "query", "Cookies", "copy", "initialEmail", "onClose", "onSuccess", "alpcConfig", "brand", "locale", "headlessBrand", "rounded", "policy", "setPolicy", "email", "setEmail", "errorMessage", "setErrorMessage", "successMessage", "setSuccessMessage", "loading", "setLoading", "handleSubmit", "register_source", "result", "cn", "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": ["SubscribeEmailPanel_exports", "__export", "SubscribeEmailPanel", "__toCommonJS", "import_jsx_runtime", "import_react", "import_headless_ui", "import_lib", "import_js_cookie", "import_query_string", "import_utils", "import_provider", "import_constants", "getAdCookie", "search", "href", "query", "Cookies", "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", "cn", "e", "v"]
 }

package/dist/cjs/components/memberPopup/panels/EarnCredits/index.d.ts

@@ -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;