npm - @anker-in/campaign-ui - Versions diffs - 0.5.16 → 0.5.18 - Mend

@anker-in/campaign-ui 0.5.16 → 0.5.18

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

Files changed (1258) hide show

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

@@ -1,9 +1,9 @@
-import { type HeadlessConfig } from '@anker-in/lib';
+import { type HeadlessConfig } from '../../lib';
 import { type MemberPopupCopy, type MemberPopupContextValue } from './type';
 type MemberPopupProps = MemberPopupContextValue & {
     headlessConfig: HeadlessConfig;
     copy: MemberPopupCopy;
     bottomOffset?: string;
 };
-export declare function MemberPopup({ copy, bottomOffset, ...providerProps }: MemberPopupProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function MemberPopup({ copy, bottomOffset, ...providerProps }: MemberPopupProps): import("react").JSX.Element | null;
 export {};

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

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

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

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

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

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

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

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

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

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

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

@@ -1,27 +1,27 @@
 export declare function IconCredit({ className }: {
     className?: string;
-}): import("react/jsx-runtime").JSX.Element;
+}): import("react").JSX.Element;
 export declare function IconReferral({ className }: {
     className?: string;
-}): import("react/jsx-runtime").JSX.Element;
+}): import("react").JSX.Element;
 export declare function IconBag({ className }: {
     className?: string;
-}): import("react/jsx-runtime").JSX.Element;
+}): import("react").JSX.Element;
 export declare function IconArrow({ className }: {
     className?: string;
-}): import("react/jsx-runtime").JSX.Element;
+}): import("react").JSX.Element;
 export declare function IconSwitch({ className }: {
     className?: string;
-}): import("react/jsx-runtime").JSX.Element;
+}): import("react").JSX.Element;
 export declare function IconClose({ className }: {
     className?: string;
-}): import("react/jsx-runtime").JSX.Element;
+}): import("react").JSX.Element;
 export declare function IconLock({ className }: {
     className?: string;
-}): import("react/jsx-runtime").JSX.Element;
+}): import("react").JSX.Element;
 export declare function IconSubscription({ className }: {
     className?: string;
-}): import("react/jsx-runtime").JSX.Element;
+}): import("react").JSX.Element;
 export declare function IconOrders({ className }: {
     className?: string;
-}): import("react/jsx-runtime").JSX.Element;
+}): import("react").JSX.Element;

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

@@ -3,5 +3,5 @@ type Props = {
     copy: SubscribeModalCopy;
     email?: string;
 };
-export default function ActivitiesSubscribeModal({ copy, email: initialEmail }: Props): import("react/jsx-runtime").JSX.Element;
+export default function ActivitiesSubscribeModal({ copy, email: initialEmail }: Props): import("react").JSX.Element;
 export {};

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

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

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

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

package/dist/esm/components/memberPopup/panels/ConsumeCredits/RedeemCouponPanel.d.ts CHANGED Viewed

@@ -18,5 +18,5 @@ type Props = {
     copy: ConsumeCreditsopy;
     onError?: (code: number) => void;
 };
-export default function RedeemCouponPanel({ onClose, item, copy, onError }: Props): import("react/jsx-runtime").JSX.Element;
+export default function RedeemCouponPanel({ onClose, item, copy, onError }: Props): import("react").JSX.Element;
 export {};

package/dist/esm/components/memberPopup/panels/ConsumeCredits/RedeemCouponPanel.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{jsx as t,jsxs as s}from"react/jsx-runtime";import{useCallback as U,useEffect as M,useState as u}from"react";import{Text as r,Button as y}from"@anker-in/headless-ui";import{gaTrack as P,useHeadlessContext as F,classNames as V}from"@anker-in/lib";import{AlpcErrorCode as d}from"../../../credits/context/const";import{useRedeemCoupon as j}from"./hooks/useRedeemCoupon";import H from"../../../credits/context/hooks/useCopy";import{ROUNDED_BRANDS as O}from"../../../../constants";function W({onClose:$,item:h,copy:E,onError:f}){const{itemTitle:q,itemCredits:w,itemImage:c,itemValue:x,itemRules:m,redeemId:p,userId:g,alpcConfig:I}=h,{redeemModal:e,creditUnit:R}=E,_=R??"pts",[i,C]=u(),[v,a]=u(""),[k,l]=u(!1),{copy:B,copied:N}=H(),{brand:D}=F(),L=O.includes(D),{isMutating:T,trigger:b}=j(I),S=U(async()=>{a("");const{data:o}=await b({user_id:g,rule_id:p});if(!o){a(e.commonError);return}if(o.data?.success)C(o.data.coupon_code),P({event:"ga4Event",event_name:"lp_button",event_parameters:{position:"consume_credits",button_name:"redeem_coupon_success",info:"Member Floating Window"}});else{let n=e.commonError;o.code===d.CodeLpcShopifyCouponRuleRedeemLimit?(n=e.redeemLimitError,l(!0)):o.code===d.CodeLpcRuleInventoryNotEnough?(n=e.inventoryNotEnough,l(!0)):o.code===d.CodeLpcNotEnoughCredits?(n=e.creditsNotEnough,l(!0)):o.code===d.CodeCrossSiteError&&(n=e.crossSiteError,l(!0)),a(n),f?.(o.code)}},[b,g,p,e,f]);M(()=>{C(void 0),a(""),l(!1)},[p]);const A=m&&m.length>0&&t("div",{className:"w-full text-[16px] font-bold leading-[1.4] text-[#6D6D6F] md:mt-[12px] md:text-[14px]",children:t("ul",{className:"ml-4 grid grid-flow-row gap-[4px]",children:m?.map((o,n)=>t("li",{className:"list-disc",children:t(r,{html:o,className:"font-bold"})},n))})});return s("div",{className:"flex flex-col",children:[c?.url&&t("div",{className:"relative w-full px-[24px]",children:s("div",{className:V("relative mx-auto overflow-hidden",L?"rounded-[8px]":"rounded-none"),children:[t("img",{src:c.url,alt:c.alt??"",className:"mx-auto h-[140px] w-full object-cover"}),x&&s("div",{className:"absolute bottom-[20px] left-[20px] text-[32px] font-[800] leading-none text-white",children:[x,e.off?` ${e.off}`:""]})]})}),!i&&s("div",{className:"flex flex-col gap-[16px] px-[24px] py-[20px]",children:[s("p",{className:"text-center text-[24px] font-[700] text-[#1d1d1f]",children:[w," ",_]}),A]}),i&&s("div",{className:"flex mt-[16px] flex-col gap-[8px] text-center",children:[s("div",{className:"flex items-center justify-center gap-[10px]",children:[t("span",{className:"text-[24px] font-[700]",children:i}),t("button",{className:"cursor-pointer text-[14px] font-[700] underline disabled:pointer-events-none",disabled:N,onClick:()=>B(i),children:N?e.copiedLabel??"Copied":e.copyLabel??"Copy"})]}),t(r,{className:"text-[20px] font-[700]",html:e.successTitle}),t(r,{className:"text-[14px] font-[700] text-[#6d6d6f]",html:e.successDesc}),t(y,{as:"a",href:e.successButtonUrl,className:"w-full",children:e.successButton})]}),!i&&s("div",{className:"sticky bottom-0 bg-white border-t border-[#e5e5e5] pt-[10px]",children:[s("div",{className:"flex flex-col gap-[8px] text-center",children:[t(r,{className:"block text-[16px] font-[700] leading-[1.3]",html:e.confirmTitle}),t(y,{className:"w-full",disabled:k,loading:T,onClick:S,children:e.confirmButton})]}),v&&t(r,{className:"mt-[8px] text-center text-[14px] font-[700] text-[#ff0000]",html:v})]})]})}export{W as default};
+import{jsx as t,jsxs as s}from"react/jsx-runtime";import{useCallback as U,useEffect as M,useState as u}from"react";import{Text as r,Button as y}from"@anker-in/headless-ui";import{gaTrack as P,useHeadlessContext as F,classNames as V}from"../../../../lib";import{AlpcErrorCode as d}from"../../../credits/context/const";import{useRedeemCoupon as j}from"./hooks/useRedeemCoupon";import H from"../../../credits/context/hooks/useCopy";import{ROUNDED_BRANDS as O}from"../../../../constants";function W({onClose:$,item:h,copy:E,onError:f}){const{itemTitle:q,itemCredits:w,itemImage:c,itemValue:x,itemRules:m,redeemId:p,userId:g,alpcConfig:I}=h,{redeemModal:e,creditUnit:R}=E,_=R??"pts",[i,C]=u(),[v,a]=u(""),[k,l]=u(!1),{copy:B,copied:N}=H(),{brand:D}=F(),L=O.includes(D),{isMutating:T,trigger:b}=j(I),S=U(async()=>{a("");const{data:o}=await b({user_id:g,rule_id:p});if(!o){a(e.commonError);return}if(o.data?.success)C(o.data.coupon_code),P({event:"ga4Event",event_name:"lp_button",event_parameters:{position:"consume_credits",button_name:"redeem_coupon_success",info:"Member Floating Window"}});else{let n=e.commonError;o.code===d.CodeLpcShopifyCouponRuleRedeemLimit?(n=e.redeemLimitError,l(!0)):o.code===d.CodeLpcRuleInventoryNotEnough?(n=e.inventoryNotEnough,l(!0)):o.code===d.CodeLpcNotEnoughCredits?(n=e.creditsNotEnough,l(!0)):o.code===d.CodeCrossSiteError&&(n=e.crossSiteError,l(!0)),a(n),f?.(o.code)}},[b,g,p,e,f]);M(()=>{C(void 0),a(""),l(!1)},[p]);const A=m&&m.length>0&&t("div",{className:"w-full text-[16px] font-bold leading-[1.4] text-[#6D6D6F] md:mt-[12px] md:text-[14px]",children:t("ul",{className:"ml-4 grid grid-flow-row gap-[4px]",children:m?.map((o,n)=>t("li",{className:"list-disc",children:t(r,{html:o,className:"font-bold"})},n))})});return s("div",{className:"flex flex-col",children:[c?.url&&t("div",{className:"relative w-full px-[24px]",children:s("div",{className:V("relative mx-auto overflow-hidden",L?"rounded-[8px]":"rounded-none"),children:[t("img",{src:c.url,alt:c.alt??"",className:"mx-auto h-[140px] w-full object-cover"}),x&&s("div",{className:"absolute bottom-[20px] left-[20px] text-[32px] font-[800] leading-none text-white",children:[x,e.off?` ${e.off}`:""]})]})}),!i&&s("div",{className:"flex flex-col gap-[16px] px-[24px] py-[20px]",children:[s("p",{className:"text-center text-[24px] font-[700] text-[#1d1d1f]",children:[w," ",_]}),A]}),i&&s("div",{className:"flex mt-[16px] flex-col gap-[8px] text-center",children:[s("div",{className:"flex items-center justify-center gap-[10px]",children:[t("span",{className:"text-[24px] font-[700]",children:i}),t("button",{className:"cursor-pointer text-[14px] font-[700] underline disabled:pointer-events-none",disabled:N,onClick:()=>B(i),children:N?e.copiedLabel??"Copied":e.copyLabel??"Copy"})]}),t(r,{className:"text-[20px] font-[700]",html:e.successTitle}),t(r,{className:"text-[14px] font-[700] text-[#6d6d6f]",html:e.successDesc}),t(y,{as:"a",href:e.successButtonUrl,className:"w-full",children:e.successButton})]}),!i&&s("div",{className:"sticky bottom-0 bg-white border-t border-[#e5e5e5] pt-[10px]",children:[s("div",{className:"flex flex-col gap-[8px] text-center",children:[t(r,{className:"block text-[16px] font-[700] leading-[1.3]",html:e.confirmTitle}),t(y,{className:"w-full",disabled:k,loading:T,onClick:S,children:e.confirmButton})]}),v&&t(r,{className:"mt-[8px] text-center text-[14px] font-[700] text-[#ff0000]",html:v})]})]})}export{W as default};
 //# sourceMappingURL=RedeemCouponPanel.js.map

package/dist/esm/components/memberPopup/panels/ConsumeCredits/RedeemCouponPanel.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/components/memberPopup/panels/ConsumeCredits/RedeemCouponPanel.tsx"],
-  "sourcesContent": ["import { useCallback, useEffect, useState } from 'react'\nimport { Text, Button } from '@anker-in/headless-ui'\nimport { gaTrack, useHeadlessContext, classNames as cn } from '@anker-in/lib'\nimport { AlpcErrorCode } from '../../../credits/context/const'\nimport { useRedeemCoupon } from './hooks/useRedeemCoupon'\nimport useCopy from '../../../credits/context/hooks/useCopy'\nimport type { ConsumeCreditsopy, AlpcConfig } from '../../type'\nimport { ROUNDED_BRANDS } from '../../../../constants'\n\ntype RedeemCouponItem = {\n  itemTitle: string\n  itemCredits: number\n  itemImage?: { url: string; alt?: string }\n  itemValue?: string\n  itemRules?: string[]\n  redeemId: number\n  userId?: string\n  alpcConfig: AlpcConfig\n}\n\ntype Props = {\n  onClose: () => void\n  item: RedeemCouponItem\n  copy: ConsumeCreditsopy\n  onError?: (code: number) => void\n}\n\nexport default function RedeemCouponPanel({ onClose, item, copy, onError }: Props) {\n  const { itemTitle, itemCredits, itemImage, itemValue, itemRules, redeemId, userId, alpcConfig } = item\n  const { redeemModal, creditUnit } = copy\n  const pointUnit = creditUnit ?? 'pts'\n  const [couponCode, setCouponCode] = useState<string>()\n  const [errorInfo, setErrorInfo] = useState('')\n  const [disabled, setDisabled] = useState(false)\n  const { copy: copyText, copied } = useCopy()\n  const { brand } = useHeadlessContext()\n  const rounded = ROUNDED_BRANDS.includes(brand)\n\n  const { isMutating: loading, trigger } = useRedeemCoupon(alpcConfig)\n\n  const handleConfirm = useCallback(async () => {\n    setErrorInfo('')\n    const { data } = await trigger({ user_id: userId, rule_id: redeemId })\n    if (!data) {\n      setErrorInfo(redeemModal.commonError)\n      return\n    }\n    if (data.data?.success) {\n      setCouponCode(data.data.coupon_code)\n      gaTrack({\n        event: 'ga4Event',\n        event_name: 'lp_button',\n        event_parameters: {\n          position: 'consume_credits',\n          button_name: 'redeem_coupon_success',\n          info: 'Member Floating Window',\n        },\n      })\n    } else {\n      let msg = redeemModal.commonError\n      if (data.code === AlpcErrorCode.CodeLpcShopifyCouponRuleRedeemLimit) {\n        msg = redeemModal.redeemLimitError\n        setDisabled(true)\n      } else if (data.code === AlpcErrorCode.CodeLpcRuleInventoryNotEnough) {\n        msg = redeemModal.inventoryNotEnough\n        setDisabled(true)\n      } else if (data.code === AlpcErrorCode.CodeLpcNotEnoughCredits) {\n        msg = redeemModal.creditsNotEnough\n        setDisabled(true)\n      } else if (data.code === AlpcErrorCode.CodeCrossSiteError) {\n        msg = redeemModal.crossSiteError\n        setDisabled(true)\n      }\n      setErrorInfo(msg)\n      onError?.(data.code)\n    }\n  }, [trigger, userId, redeemId, redeemModal, onError])\n\n  useEffect(() => {\n    setCouponCode(undefined)\n    setErrorInfo('')\n    setDisabled(false)\n  }, [redeemId])\n\n  const rulesSection = itemRules && itemRules.length > 0 && (\n    <div className=\"w-full text-[16px] font-bold leading-[1.4] text-[#6D6D6F] md:mt-[12px] md:text-[14px]\">\n      <ul className=\"ml-4 grid grid-flow-row gap-[4px]\">\n        {itemRules?.map((text, index) => (\n          <li className=\"list-disc\" key={index}>\n            <Text html={text} className=\"font-bold\" />\n          </li>\n        ))}\n      </ul>\n    </div>\n  )\n\n  return (\n    <div className=\"flex flex-col\">\n      {itemImage?.url && (\n        <div className=\"relative w-full px-[24px]\">\n          <div className={cn('relative mx-auto overflow-hidden', rounded ? 'rounded-[8px]' : 'rounded-none')}>\n            <img src={itemImage.url} alt={itemImage.alt ?? ''} className=\"mx-auto h-[140px] w-full object-cover\" />\n            {itemValue && (\n              <div className=\"absolute bottom-[20px] left-[20px] text-[32px] font-[800] leading-none text-white\">\n                {itemValue}\n                {redeemModal.off ? ` ${redeemModal.off}` : ''}\n              </div>\n            )}\n          </div>\n        </div>\n      )}\n\n      {!couponCode && (\n        <div className=\"flex flex-col gap-[16px] px-[24px] py-[20px]\">\n          <p className=\"text-center text-[24px] font-[700] text-[#1d1d1f]\">\n            {itemCredits} {pointUnit}\n          </p>\n          {rulesSection}\n        </div>\n      )}\n\n      {couponCode && (\n        <div className=\"flex mt-[16px] flex-col gap-[8px] text-center\">\n          <div className=\"flex items-center justify-center gap-[10px]\">\n            <span className=\"text-[24px] font-[700]\">{couponCode}</span>\n            <button\n              className=\"cursor-pointer text-[14px] font-[700] underline disabled:pointer-events-none\"\n              disabled={copied}\n              onClick={() => copyText(couponCode)}\n            >\n              {copied ? (redeemModal.copiedLabel ?? 'Copied') : (redeemModal.copyLabel ?? 'Copy')}\n            </button>\n          </div>\n          <Text className=\"text-[20px] font-[700]\" html={redeemModal.successTitle} />\n          <Text className=\"text-[14px] font-[700] text-[#6d6d6f]\" html={redeemModal.successDesc} />\n          <Button as=\"a\" href={redeemModal.successButtonUrl} className=\"w-full\">\n            {redeemModal.successButton}\n          </Button>\n        </div>\n      )}\n\n      {!couponCode && (\n        <div className=\"sticky bottom-0 bg-white border-t border-[#e5e5e5] pt-[10px]\">\n          <div className=\"flex flex-col gap-[8px] text-center\">\n            <Text className=\"block text-[16px] font-[700] leading-[1.3]\" html={redeemModal.confirmTitle} />\n            <Button className=\"w-full\" disabled={disabled} loading={loading} onClick={handleConfirm}>\n              {redeemModal.confirmButton}\n            </Button>\n          </div>\n\n          {errorInfo && (\n            <Text className=\"mt-[8px] text-center text-[14px] font-[700] text-[#ff0000]\" html={errorInfo} />\n          )}\n        </div>\n      )}\n    </div>\n  )\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["import { useCallback, useEffect, useState } from 'react'\nimport { Text, Button } from '@anker-in/headless-ui'\nimport { gaTrack, useHeadlessContext, classNames as cn } from '../../../../lib'\nimport { AlpcErrorCode } from '../../../credits/context/const'\nimport { useRedeemCoupon } from './hooks/useRedeemCoupon'\nimport useCopy from '../../../credits/context/hooks/useCopy'\nimport type { ConsumeCreditsopy, AlpcConfig } from '../../type'\nimport { ROUNDED_BRANDS } from '../../../../constants'\n\ntype RedeemCouponItem = {\n  itemTitle: string\n  itemCredits: number\n  itemImage?: { url: string; alt?: string }\n  itemValue?: string\n  itemRules?: string[]\n  redeemId: number\n  userId?: string\n  alpcConfig: AlpcConfig\n}\n\ntype Props = {\n  onClose: () => void\n  item: RedeemCouponItem\n  copy: ConsumeCreditsopy\n  onError?: (code: number) => void\n}\n\nexport default function RedeemCouponPanel({ onClose, item, copy, onError }: Props) {\n  const { itemTitle, itemCredits, itemImage, itemValue, itemRules, redeemId, userId, alpcConfig } = item\n  const { redeemModal, creditUnit } = copy\n  const pointUnit = creditUnit ?? 'pts'\n  const [couponCode, setCouponCode] = useState<string>()\n  const [errorInfo, setErrorInfo] = useState('')\n  const [disabled, setDisabled] = useState(false)\n  const { copy: copyText, copied } = useCopy()\n  const { brand } = useHeadlessContext()\n  const rounded = ROUNDED_BRANDS.includes(brand)\n\n  const { isMutating: loading, trigger } = useRedeemCoupon(alpcConfig)\n\n  const handleConfirm = useCallback(async () => {\n    setErrorInfo('')\n    const { data } = await trigger({ user_id: userId, rule_id: redeemId })\n    if (!data) {\n      setErrorInfo(redeemModal.commonError)\n      return\n    }\n    if (data.data?.success) {\n      setCouponCode(data.data.coupon_code)\n      gaTrack({\n        event: 'ga4Event',\n        event_name: 'lp_button',\n        event_parameters: {\n          position: 'consume_credits',\n          button_name: 'redeem_coupon_success',\n          info: 'Member Floating Window',\n        },\n      })\n    } else {\n      let msg = redeemModal.commonError\n      if (data.code === AlpcErrorCode.CodeLpcShopifyCouponRuleRedeemLimit) {\n        msg = redeemModal.redeemLimitError\n        setDisabled(true)\n      } else if (data.code === AlpcErrorCode.CodeLpcRuleInventoryNotEnough) {\n        msg = redeemModal.inventoryNotEnough\n        setDisabled(true)\n      } else if (data.code === AlpcErrorCode.CodeLpcNotEnoughCredits) {\n        msg = redeemModal.creditsNotEnough\n        setDisabled(true)\n      } else if (data.code === AlpcErrorCode.CodeCrossSiteError) {\n        msg = redeemModal.crossSiteError\n        setDisabled(true)\n      }\n      setErrorInfo(msg)\n      onError?.(data.code)\n    }\n  }, [trigger, userId, redeemId, redeemModal, onError])\n\n  useEffect(() => {\n    setCouponCode(undefined)\n    setErrorInfo('')\n    setDisabled(false)\n  }, [redeemId])\n\n  const rulesSection = itemRules && itemRules.length > 0 && (\n    <div className=\"w-full text-[16px] font-bold leading-[1.4] text-[#6D6D6F] md:mt-[12px] md:text-[14px]\">\n      <ul className=\"ml-4 grid grid-flow-row gap-[4px]\">\n        {itemRules?.map((text, index) => (\n          <li className=\"list-disc\" key={index}>\n            <Text html={text} className=\"font-bold\" />\n          </li>\n        ))}\n      </ul>\n    </div>\n  )\n\n  return (\n    <div className=\"flex flex-col\">\n      {itemImage?.url && (\n        <div className=\"relative w-full px-[24px]\">\n          <div className={cn('relative mx-auto overflow-hidden', rounded ? 'rounded-[8px]' : 'rounded-none')}>\n            <img src={itemImage.url} alt={itemImage.alt ?? ''} className=\"mx-auto h-[140px] w-full object-cover\" />\n            {itemValue && (\n              <div className=\"absolute bottom-[20px] left-[20px] text-[32px] font-[800] leading-none text-white\">\n                {itemValue}\n                {redeemModal.off ? ` ${redeemModal.off}` : ''}\n              </div>\n            )}\n          </div>\n        </div>\n      )}\n\n      {!couponCode && (\n        <div className=\"flex flex-col gap-[16px] px-[24px] py-[20px]\">\n          <p className=\"text-center text-[24px] font-[700] text-[#1d1d1f]\">\n            {itemCredits} {pointUnit}\n          </p>\n          {rulesSection}\n        </div>\n      )}\n\n      {couponCode && (\n        <div className=\"flex mt-[16px] flex-col gap-[8px] text-center\">\n          <div className=\"flex items-center justify-center gap-[10px]\">\n            <span className=\"text-[24px] font-[700]\">{couponCode}</span>\n            <button\n              className=\"cursor-pointer text-[14px] font-[700] underline disabled:pointer-events-none\"\n              disabled={copied}\n              onClick={() => copyText(couponCode)}\n            >\n              {copied ? (redeemModal.copiedLabel ?? 'Copied') : (redeemModal.copyLabel ?? 'Copy')}\n            </button>\n          </div>\n          <Text className=\"text-[20px] font-[700]\" html={redeemModal.successTitle} />\n          <Text className=\"text-[14px] font-[700] text-[#6d6d6f]\" html={redeemModal.successDesc} />\n          <Button as=\"a\" href={redeemModal.successButtonUrl} className=\"w-full\">\n            {redeemModal.successButton}\n          </Button>\n        </div>\n      )}\n\n      {!couponCode && (\n        <div className=\"sticky bottom-0 bg-white border-t border-[#e5e5e5] pt-[10px]\">\n          <div className=\"flex flex-col gap-[8px] text-center\">\n            <Text className=\"block text-[16px] font-[700] leading-[1.3]\" html={redeemModal.confirmTitle} />\n            <Button className=\"w-full\" disabled={disabled} loading={loading} onClick={handleConfirm}>\n              {redeemModal.confirmButton}\n            </Button>\n          </div>\n\n          {errorInfo && (\n            <Text className=\"mt-[8px] text-center text-[14px] font-[700] text-[#ff0000]\" html={errorInfo} />\n          )}\n        </div>\n      )}\n    </div>\n  )\n}\n"],
+  "mappings": "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",
   "names": ["jsx", "jsxs", "useCallback", "useEffect", "useState", "Text", "Button", "gaTrack", "useHeadlessContext", "cn", "AlpcErrorCode", "useRedeemCoupon", "useCopy", "ROUNDED_BRANDS", "RedeemCouponPanel", "onClose", "item", "copy", "onError", "itemTitle", "itemCredits", "itemImage", "itemValue", "itemRules", "redeemId", "userId", "alpcConfig", "redeemModal", "creditUnit", "pointUnit", "couponCode", "setCouponCode", "errorInfo", "setErrorInfo", "disabled", "setDisabled", "copyText", "copied", "brand", "rounded", "loading", "trigger", "handleConfirm", "data", "msg", "rulesSection", "text", "index"]
 }

package/dist/esm/components/memberPopup/panels/ConsumeCredits/hooks/useRedeemAndBuy.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 import type { AlpcConfig } from '../../../type';
-import type { ProductVariant } from '@anker-in/lib';
+import type { ProductVariant } from '../../../../../lib';
 type RedeemAndBuyArg = {
     productVariant: ProductVariant;
     quantity?: number;

package/dist/esm/components/memberPopup/panels/ConsumeCredits/hooks/useRedeemAndBuy.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{useBuyNow as i}from"@anker-in/lib";import{useRedeemCoupon as d}from"./useRedeemCoupon";function c(t){const{trigger:o}=d(t),{trigger:n}=i({},{throwOnError:!0});return{trigger:async e=>{const{data:r}=await o({user_id:e.userId,rule_id:e.redeemId});if(r?.data?.coupon_code)await n({discountCodes:[r.data.coupon_code],lineItems:[{variant:e.productVariant,quantity:e.quantity??1}]});else throw new Error(r?.msg??"Redeem failed")}}}export{c as useRedeemAndBuy};
+import{useBuyNow as i}from"../../../../../lib";import{useRedeemCoupon as d}from"./useRedeemCoupon";function c(t){const{trigger:o}=d(t),{trigger:n}=i({},{throwOnError:!0});return{trigger:async e=>{const{data:r}=await o({user_id:e.userId,rule_id:e.redeemId});if(r?.data?.coupon_code)await n({discountCodes:[r.data.coupon_code],lineItems:[{variant:e.productVariant,quantity:e.quantity??1}]});else throw new Error(r?.msg??"Redeem failed")}}}export{c as useRedeemAndBuy};
 //# sourceMappingURL=useRedeemAndBuy.js.map

package/dist/esm/components/memberPopup/panels/ConsumeCredits/hooks/useRedeemAndBuy.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../src/components/memberPopup/panels/ConsumeCredits/hooks/useRedeemAndBuy.ts"],
-  "sourcesContent": ["import { useBuyNow } from '@anker-in/lib'\nimport { useRedeemCoupon } from './useRedeemCoupon'\nimport type { AlpcConfig } from '../../../type'\nimport type { ProductVariant } from '@anker-in/lib'\n\ntype RedeemAndBuyArg = {\n  productVariant: ProductVariant\n  quantity?: number\n  redeemId: number\n  userId?: string\n}\n\nexport function useRedeemAndBuy(config: AlpcConfig) {\n  const { trigger: redeemTrigger } = useRedeemCoupon(config)\n  const { trigger: buyNow } = useBuyNow({}, { throwOnError: true })\n\n  const trigger = async (arg: RedeemAndBuyArg) => {\n    const { data } = await redeemTrigger({\n      user_id: arg.userId,\n      rule_id: arg.redeemId,\n    })\n    if (data?.data?.coupon_code) {\n      await buyNow({\n        discountCodes: [data.data.coupon_code],\n        lineItems: [{ variant: arg.productVariant, quantity: arg.quantity ?? 1 }],\n      })\n    } else {\n      throw new Error(data?.msg ?? 'Redeem failed')\n    }\n  }\n\n  return { trigger }\n}\n"],
-  "mappings": "AAAA,OAAS,aAAAA,MAAiB,gBAC1B,OAAS,mBAAAC,MAAuB,oBAWzB,SAASC,EAAgBC,EAAoB,CAClD,KAAM,CAAE,QAASC,CAAc,EAAIH,EAAgBE,CAAM,EACnD,CAAE,QAASE,CAAO,EAAIL,EAAU,CAAC,EAAG,CAAE,aAAc,EAAK,CAAC,EAiBhE,MAAO,CAAE,QAfO,MAAOM,GAAyB,CAC9C,KAAM,CAAE,KAAAC,CAAK,EAAI,MAAMH,EAAc,CACnC,QAASE,EAAI,OACb,QAASA,EAAI,QACf,CAAC,EACD,GAAIC,GAAM,MAAM,YACd,MAAMF,EAAO,CACX,cAAe,CAACE,EAAK,KAAK,WAAW,EACrC,UAAW,CAAC,CAAE,QAASD,EAAI,eAAgB,SAAUA,EAAI,UAAY,CAAE,CAAC,CAC1E,CAAC,MAED,OAAM,IAAI,MAAMC,GAAM,KAAO,eAAe,CAEhD,CAEiB,CACnB",
+  "sourcesContent": ["import { useBuyNow } from '../../../../../lib'\nimport { useRedeemCoupon } from './useRedeemCoupon'\nimport type { AlpcConfig } from '../../../type'\nimport type { ProductVariant } from '../../../../../lib'\n\ntype RedeemAndBuyArg = {\n  productVariant: ProductVariant\n  quantity?: number\n  redeemId: number\n  userId?: string\n}\n\nexport function useRedeemAndBuy(config: AlpcConfig) {\n  const { trigger: redeemTrigger } = useRedeemCoupon(config)\n  const { trigger: buyNow } = useBuyNow({}, { throwOnError: true })\n\n  const trigger = async (arg: RedeemAndBuyArg) => {\n    const { data } = await redeemTrigger({\n      user_id: arg.userId,\n      rule_id: arg.redeemId,\n    })\n    if (data?.data?.coupon_code) {\n      await buyNow({\n        discountCodes: [data.data.coupon_code],\n        lineItems: [{ variant: arg.productVariant, quantity: arg.quantity ?? 1 }],\n      })\n    } else {\n      throw new Error(data?.msg ?? 'Redeem failed')\n    }\n  }\n\n  return { trigger }\n}\n"],
+  "mappings": "AAAA,OAAS,aAAAA,MAAiB,qBAC1B,OAAS,mBAAAC,MAAuB,oBAWzB,SAASC,EAAgBC,EAAoB,CAClD,KAAM,CAAE,QAASC,CAAc,EAAIH,EAAgBE,CAAM,EACnD,CAAE,QAASE,CAAO,EAAIL,EAAU,CAAC,EAAG,CAAE,aAAc,EAAK,CAAC,EAiBhE,MAAO,CAAE,QAfO,MAAOM,GAAyB,CAC9C,KAAM,CAAE,KAAAC,CAAK,EAAI,MAAMH,EAAc,CACnC,QAASE,EAAI,OACb,QAASA,EAAI,QACf,CAAC,EACD,GAAIC,GAAM,MAAM,YACd,MAAMF,EAAO,CACX,cAAe,CAACE,EAAK,KAAK,WAAW,EACrC,UAAW,CAAC,CAAE,QAASD,EAAI,eAAgB,SAAUA,EAAI,UAAY,CAAE,CAAC,CAC1E,CAAC,MAED,OAAM,IAAI,MAAMC,GAAM,KAAO,eAAe,CAEhD,CAEiB,CACnB",
   "names": ["useBuyNow", "useRedeemCoupon", "useRedeemAndBuy", "config", "redeemTrigger", "buyNow", "arg", "data"]
 }

package/dist/esm/components/memberPopup/panels/ConsumeCredits/hooks/useRedeemCoupon.d.ts CHANGED Viewed

@@ -13,5 +13,5 @@ type RedeemCouponParams = {
     user_id?: string;
     rule_id: number;
 };
-export declare function useRedeemCoupon(config: AlpcConfig): import("swr/mutation").SWRMutationResponse<RedeemCouponResponse, Error, string, RedeemCouponParams>;
+export declare function useRedeemCoupon(config: AlpcConfig): import("swr/dist/mutation").SWRMutationResponse<RedeemCouponResponse, Error, string, RedeemCouponParams>;
 export {};

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

@@ -2,5 +2,5 @@ import { type ConsumeCreditsopy } from '../../type';
 type Props = {
     copy: ConsumeCreditsopy;
 };
-declare function ConsumeCredits({ copy }: Props): import("react/jsx-runtime").JSX.Element;
+declare function ConsumeCredits({ copy }: Props): import("react").JSX.Element;
 export default ConsumeCredits;

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

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