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

package/dist/cjs/components/memberPopup/panels/EarnCredits/hooks/useSubscribed.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../src/components/memberPopup/panels/EarnCredits/hooks/useSubscribed.ts"],
+  "sourcesContent": ["import { useMemo } from 'react'\nimport { useSubscriptions } from '@anker-in/lib'\nimport { TaskSubType } from '../../../../credits/context/const'\nimport useActivities from './useActivities'\n\ntype UseSubscribedConfig = {\n  userId: string | undefined\n  brand: string\n  email: string | undefined\n  locale?: string\n  apiBaseUrl?: string\n}\n\nexport function useSubscribed({ userId, brand, email, locale = '', apiBaseUrl }: UseSubscribedConfig) {\n  const { activities } = useActivities(\n    { userId, brand, apiBaseUrl, locale },\n    { page: 1, pageSize: 50 }\n  )\n  const { data: subscription } = useSubscriptions({ email })\n  const subscriptionData = subscription?.data || subscription\n\n  return useMemo(() => {\n    if (!subscriptionData?.preference) {\n      return false\n    }\n    const subscribedByPreference = subscriptionData.preference.some(\n      (item: any) => item.brand === brand && item.subscribe\n    )\n    if (subscribedByPreference) return true\n    return activities?.some(item => item.task_sub_type === TaskSubType.Subscription)\n  }, [subscriptionData?.preference, activities, brand])\n}\n"],
+  "mappings": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,mBAAAE,IAAA,eAAAC,EAAAH,GAAA,IAAAI,EAAwB,iBACxBC,EAAiC,yBACjCC,EAA4B,6CAC5BC,EAA0B,8BAUnB,SAASL,EAAc,CAAE,OAAAM,EAAQ,MAAAC,EAAO,MAAAC,EAAO,OAAAC,EAAS,GAAI,WAAAC,CAAW,EAAwB,CACpG,KAAM,CAAE,WAAAC,CAAW,KAAI,EAAAC,SACrB,CAAE,OAAAN,EAAQ,MAAAC,EAAO,WAAAG,EAAY,OAAAD,CAAO,EACpC,CAAE,KAAM,EAAG,SAAU,EAAG,CAC1B,EACM,CAAE,KAAMI,CAAa,KAAI,oBAAiB,CAAE,MAAAL,CAAM,CAAC,EACnDM,EAAmBD,GAAc,MAAQA,EAE/C,SAAO,WAAQ,IACRC,GAAkB,WAGQA,EAAiB,WAAW,KACxDC,GAAcA,EAAK,QAAUR,GAASQ,EAAK,SAC9C,EACmC,GAC5BJ,GAAY,KAAKI,GAAQA,EAAK,gBAAkB,cAAY,YAAY,EANtE,GAOR,CAACD,GAAkB,WAAYH,EAAYJ,CAAK,CAAC,CACtD",
+  "names": ["useSubscribed_exports", "__export", "useSubscribed", "__toCommonJS", "import_react", "import_lib", "import_const", "import_useActivities", "userId", "brand", "email", "locale", "apiBaseUrl", "activities", "useActivities", "subscription", "subscriptionData", "item"]
+}

package/dist/cjs/components/memberPopup/panels/EarnCredits/hooks/useUpdateProfile.d.ts

@@ -0,0 +1,17 @@
+type UseUpdateProfileConfig = {
+    locale?: string;
+    appName?: string;
+};
+type ProfileData = {
+    first_name?: string;
+    last_name?: string;
+    phone_number?: string;
+    country?: string;
+    dob?: string;
+};
+export declare function useUpdateProfile({ locale, appName }?: UseUpdateProfileConfig): {
+    updateProfile: (data: ProfileData) => Promise<boolean>;
+    isLoading: boolean;
+    error: string | null;
+};
+export {};

package/dist/cjs/components/memberPopup/panels/EarnCredits/hooks/useUpdateProfile.js

@@ -0,0 +1,2 @@
+"use strict";var u=Object.defineProperty;var p=Object.getOwnPropertyDescriptor;var g=Object.getOwnPropertyNames;var c=Object.prototype.hasOwnProperty;var d=(r,e)=>{for(var n in e)u(r,n,{get:e[n],enumerable:!0})},m=(r,e,n,s)=>{if(e&&typeof e=="object"||typeof e=="function")for(let t of g(e))!c.call(r,t)&&t!==n&&u(r,t,{get:()=>e[t],enumerable:!(s=p(e,t))||s.enumerable});return r};var y=r=>m(u({},"__esModule",{value:!0}),r);var U={};d(U,{useUpdateProfile:()=>P});module.exports=y(U);var a=require("react");function P({locale:r="",appName:e=""}={}){const[n,s]=(0,a.useState)(!1),[t,i]=(0,a.useState)(null);return{updateProfile:(0,a.useCallback)(async f=>{s(!0),i(null);try{const o=await fetch("/api/multipass/account/users/update_profile",{method:"PUT",headers:{"Content-Type":"application/json","current-language":r},body:JSON.stringify({app:e,...f})}),l=await o.json();return o.ok&&!l.error?!0:(i(l?.error?.message||l?.error||"Update failed"),!1)}catch(o){return i(o?.message??"Unknown error"),!1}finally{s(!1)}},[r,e]),isLoading:n,error:t}}
+//# sourceMappingURL=useUpdateProfile.js.map

package/dist/cjs/components/memberPopup/panels/EarnCredits/hooks/useUpdateProfile.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../src/components/memberPopup/panels/EarnCredits/hooks/useUpdateProfile.ts"],
+  "sourcesContent": ["import { useCallback, useState } from 'react'\n\ntype UseUpdateProfileConfig = {\n  locale?: string\n  appName?: string\n}\n\ntype ProfileData = {\n  first_name?: string\n  last_name?: string\n  phone_number?: string\n  country?: string\n  dob?: string\n}\n\nexport function useUpdateProfile({ locale = '', appName = '' }: UseUpdateProfileConfig = {}) {\n  const [isLoading, setIsLoading] = useState(false)\n  const [error, setError] = useState<string | null>(null)\n\n  const updateProfile = useCallback(\n    async (data: ProfileData): Promise<boolean> => {\n      setIsLoading(true)\n      setError(null)\n      try {\n        const response = await fetch('/api/multipass/account/users/update_profile', {\n          method: 'PUT',\n          headers: {\n            'Content-Type': 'application/json',\n            'current-language': locale,\n          },\n          body: JSON.stringify({ app: appName, ...data }),\n        })\n        const result = await response.json()\n        if (response.ok && !result.error) {\n          return true\n        }\n        setError(result?.error?.message || result?.error || 'Update failed')\n        return false\n      } catch (e: any) {\n        setError(e?.message ?? 'Unknown error')\n        return false\n      } finally {\n        setIsLoading(false)\n      }\n    },\n    [locale, appName]\n  )\n\n  return { updateProfile, isLoading, error }\n}\n"],
+  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,sBAAAE,IAAA,eAAAC,EAAAH,GAAA,IAAAI,EAAsC,iBAe/B,SAASF,EAAiB,CAAE,OAAAG,EAAS,GAAI,QAAAC,EAAU,EAAG,EAA4B,CAAC,EAAG,CAC3F,KAAM,CAACC,EAAWC,CAAY,KAAI,YAAS,EAAK,EAC1C,CAACC,EAAOC,CAAQ,KAAI,YAAwB,IAAI,EA+BtD,MAAO,CAAE,iBA7Ba,eACpB,MAAOC,GAAwC,CAC7CH,EAAa,EAAI,EACjBE,EAAS,IAAI,EACb,GAAI,CACF,MAAME,EAAW,MAAM,MAAM,8CAA+C,CAC1E,OAAQ,MACR,QAAS,CACP,eAAgB,mBAChB,mBAAoBP,CACtB,EACA,KAAM,KAAK,UAAU,CAAE,IAAKC,EAAS,GAAGK,CAAK,CAAC,CAChD,CAAC,EACKE,EAAS,MAAMD,EAAS,KAAK,EACnC,OAAIA,EAAS,IAAM,CAACC,EAAO,MAClB,IAETH,EAASG,GAAQ,OAAO,SAAWA,GAAQ,OAAS,eAAe,EAC5D,GACT,OAASC,EAAQ,CACf,OAAAJ,EAASI,GAAG,SAAW,eAAe,EAC/B,EACT,QAAE,CACAN,EAAa,EAAK,CACpB,CACF,EACA,CAACH,EAAQC,CAAO,CAClB,EAEwB,UAAAC,EAAW,MAAAE,CAAM,CAC3C",
+  "names": ["useUpdateProfile_exports", "__export", "useUpdateProfile", "__toCommonJS", "import_react", "locale", "appName", "isLoading", "setIsLoading", "error", "setError", "data", "response", "result", "e"]
+}

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

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

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

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

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/components/memberPopup/panels/EarnCredits/index.tsx"],
+  "sourcesContent": ["import { useMemo } from 'react'\nimport { classNames as cn, useHeadlessContext } from '@anker-in/lib'\nimport { useMemberPopupContext } from '../../context/provider'\nimport { useViewStack } from '../../context/viewStack'\nimport { useSubscribed } from './hooks/useSubscribed'\nimport { EarnCreditsTaskType, MemberPopupPanelType, type EarnCreditsCopy } from '../../type'\nimport { IconBag, IconLock, IconSubscription, IconOrders } from '../../icons'\nimport { numberFormat } from '../../../credits/context/utils'\nimport { ROUNDED_BRANDS } from '../../../../constants'\n\nfunction TaskIcon({ id, className }: { id: EarnCreditsTaskType; className?: string }) {\n  switch (id) {\n    case EarnCreditsTaskType.Activate:\n      return <IconLock className={className} />\n    case EarnCreditsTaskType.Subscribe:\n      return <IconSubscription className={className} />\n    case EarnCreditsTaskType.Shop:\n      return <IconBag className={className} />\n    case EarnCreditsTaskType.CompleteProfile:\n      return <IconOrders className={className} />\n  }\n}\n\ntype Props = {\n  copy: EarnCreditsCopy\n  onClose: () => void\n  isSubscribeSuccess?: boolean\n  isActivateSuccess?: boolean\n  isProfileCompleteSuccess?: boolean\n  onSubscribeSuccess?: () => void\n  onActivateSuccess?: () => void\n  onProfileCompleteSuccess?: () => void\n}\n\nfunction EarnCredits({\n  copy,\n  onClose,\n  isSubscribeSuccess = false,\n  isActivateSuccess = false,\n  isProfileCompleteSuccess = false,\n  onSubscribeSuccess,\n  onActivateSuccess,\n  onProfileCompleteSuccess,\n}: Props) {\n  const { profile, openSignUpPopup, alpcConfig, creditInfo } = useMemberPopupContext()\n  const { pushView } = useViewStack()\n  const { locale } = alpcConfig\n  const { brand } = useHeadlessContext()\n  const rounded = ROUNDED_BRANDS.includes(brand)\n\n  const isLogin = !!profile\n\n  const isSubscribed = useSubscribed({\n    userId: profile?.user_id,\n    brand: alpcConfig.brand,\n    email: profile?.email,\n    locale,\n    apiBaseUrl: alpcConfig.apiBaseUrl,\n  })\n\n  const profileCompleted = useMemo(() => {\n    return isProfileCompleteSuccess || (!!(profile?.first_name || profile?.last_name) && !!profile?.phone_number && !!profile?.dob)\n  }, [profile, isProfileCompleteSuccess])\n\n  const taskStates: Record<EarnCreditsTaskType, { finished: boolean; onClick?: () => void; link?: string }> = useMemo(() => ({\n    [EarnCreditsTaskType.Activate]: {\n      finished: !!profile?.activated || isActivateSuccess,\n      onClick: isLogin\n        ? () => pushView({\n            type: MemberPopupPanelType.Activate,\n            props: { onSuccess: onActivateSuccess },\n          })\n        : openSignUpPopup,\n    },\n    [EarnCreditsTaskType.CompleteProfile]: {\n      finished: profileCompleted,\n      onClick: isLogin\n        ? () => pushView({\n            type: MemberPopupPanelType.CompleteProfile,\n            props: { onSuccess: onProfileCompleteSuccess },\n          })\n        : openSignUpPopup,\n    },\n    [EarnCreditsTaskType.Subscribe]: {\n      finished: isSubscribed || isSubscribeSuccess,\n      onClick: isLogin\n        ? () => pushView({\n            type: MemberPopupPanelType.SubscribeEmail,\n            props: { onSuccess: onSubscribeSuccess },\n          })\n        : openSignUpPopup,\n    },\n    [EarnCreditsTaskType.Shop]: {\n      finished: false,\n      link: copy.goShopLink,\n      onClick: isLogin ? undefined : openSignUpPopup,\n    },\n  }), [profile, isLogin, isActivateSuccess, isProfileCompleteSuccess, profileCompleted, isSubscribed, isSubscribeSuccess, openSignUpPopup, pushView, copy.goShopLink])\n\n  const list = useMemo(() => {\n    return copy.list.map(item => {\n      const state = taskStates[item.id]\n      if (!state) return null\n      const buttonLabel = state.finished\n        ? copy.completed\n        : isLogin\n        ? getNotFinishedLabel(item.id, copy)\n        : copy.joinNow\n      return { ...item, ...state, buttonLabel }\n    }).filter(Boolean) as (typeof copy.list[number] & {\n      finished: boolean\n      onClick?: () => void\n      link?: string\n      buttonLabel: string\n    })[]\n  }, [copy, taskStates, isLogin])\n\n  return (\n    <div className=\"flex flex-col gap-[16px]\">\n      <div className=\"flex flex-col gap-[16px]\">\n        <div className=\"flex flex-col gap-[8px]\">\n          {copy.title && <h2 className=\"text-[24px] font-[700] leading-[1.2] text-[#080a0f]\">{copy.title}</h2>}\n        </div>\n\n        {isLogin && creditInfo && (\n          <div className={cn('flex items-center gap-[12px] bg-[#f5f6f7] p-[16px]', rounded ? 'rounded-[8px]' : 'rounded-none')}>\n            <div className=\"flex flex-1 flex-col gap-[4px]\">\n              <div className=\"text-[14px] font-[700] text-[#1e2024]\">\n                {copy.balanceLabel ?? 'AnkerCredits Balance'}\n              </div>\n              <div className=\"flex items-end gap-[4px]\">\n                <span className=\"text-[24px] font-[700] leading-[1.2] text-[#1e2024]\">\n                  {numberFormat(creditInfo.available_credit)}\n                </span>\n                <span className=\"text-[14px] font-[700] leading-[1.4] text-[#1e2024]\">\n                  {copy.creditUnit ?? 'ankercredits'}\n                </span>\n              </div>\n            </div>\n            <div className=\"h-full w-px bg-[#dadce0]\" />\n            <div className=\"flex flex-1 flex-col gap-[4px]\">\n              <div className=\"text-[14px] font-[700] text-[#1e2024]\">\n                {copy.comingSoonLabel ?? 'Coming Soon'}\n              </div>\n              <div className=\"flex items-end gap-[4px]\">\n                <span className=\"text-[24px] font-[700] leading-[1.2] text-[#1e2024]\">\n                  {numberFormat(creditInfo.pending_credit ?? 0)}\n                </span>\n                <span className=\"text-[14px] font-[700] leading-[1.4] text-[#1e2024]\">\n                  {copy.creditUnit ?? 'ankercredits'}\n                </span>\n              </div>\n            </div>\n          </div>\n        )}\n      </div>\n\n      <div className=\"flex flex-col gap-[16px]\">\n        {copy.subtitle && (\n          <p className=\"text-[16px] font-[700] text-[#1e2024]\">{copy.subtitle}</p>\n        )}\n\n        <div className=\"flex flex-col\">\n          {list.map((item, idx) => (\n            <div key={idx} className=\"relative py-[16px]\">\n              {idx > 0 && <div className=\"absolute left-0 right-0 top-0 h-px bg-[#dadce0]\" />}\n              <div className={cn('flex items-center gap-[12px]', item.finished && 'opacity-60')}>\n                <TaskIcon id={item.id} className=\"size-[24px] shrink-0\" />\n                <div className=\"flex-1\">\n                  <div className=\"text-[16px] font-[700] text-[#1e2024]\">{item.title}</div>\n                  {item.description && (\n                    <div className=\"mt-[4px] text-[14px] font-[700] text-[#4a4c56]\">{item.description}</div>\n                  )}\n                </div>\n                {!item.finished && item.link ? (\n                  <a\n                    href={item.link}\n                    target=\"_blank\"\n                    rel=\"noopener noreferrer\"\n                    className={cn('cursor-pointer bg-[#080a0f] min-w-[118px] px-[20px] pb-[10px] pt-[11px] text-[14px] font-[700] leading-[1.2] text-white', rounded ? 'rounded-[4px]' : 'rounded-none')}\n                  >\n                    {item.buttonLabel}\n                  </a>\n                ) : (\n                  <button\n                    className={cn(\n                      'cursor-pointer min-w-[118px] px-[20px] pb-[10px] pt-[11px] text-[14px] font-[700] leading-[1.2] text-white',\n                      item.finished ? 'bg-[#767880]' : 'bg-[#080a0f]',\n                      rounded ? 'rounded-[4px]' : 'rounded-none'\n                    )}\n                    disabled={item.finished}\n                    onClick={!item.finished ? item.onClick : undefined}\n                  >\n                    {item.buttonLabel}\n                  </button>\n                )}\n              </div>\n            </div>\n          ))}\n        </div>\n      </div>\n    </div>\n  )\n}\n\nfunction getNotFinishedLabel(id: EarnCreditsTaskType, copy: EarnCreditsCopy): string {\n  switch (id) {\n    case EarnCreditsTaskType.Activate: return copy.activate\n    case EarnCreditsTaskType.CompleteProfile: return copy.completeProfileLabel\n    case EarnCreditsTaskType.Subscribe: return copy.subscribeLabel\n    case EarnCreditsTaskType.Shop: return copy.shopNow\n  }\n}\n\nexport default EarnCredits\n"],
+  "mappings": "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",
+  "names": ["EarnCredits_exports", "__export", "EarnCredits_default", "__toCommonJS", "import_jsx_runtime", "import_react", "import_lib", "import_provider", "import_viewStack", "import_useSubscribed", "import_type", "import_icons", "import_utils", "import_constants", "TaskIcon", "id", "className", "EarnCredits", "copy", "onClose", "isSubscribeSuccess", "isActivateSuccess", "isProfileCompleteSuccess", "onSubscribeSuccess", "onActivateSuccess", "onProfileCompleteSuccess", "profile", "openSignUpPopup", "alpcConfig", "creditInfo", "pushView", "locale", "brand", "rounded", "isLogin", "isSubscribed", "profileCompleted", "taskStates", "list", "item", "state", "buttonLabel", "getNotFinishedLabel", "cn", "idx"]
+}

package/dist/cjs/components/memberPopup/panels/Referral/hooks/useReferralDashboard.d.ts

@@ -0,0 +1,13 @@
+type ReferralDashboardResponse = {
+    data: {
+        cash_available: number;
+        cash_pending: number;
+    };
+    code: number;
+    msg: string;
+};
+export declare function useReferralDashboard({ enabled, locale }: {
+    enabled: boolean;
+    locale?: string;
+}): import("swr/mutation").SWRMutationResponse<ReferralDashboardResponse, Error, string | null, never>;
+export {};

package/dist/cjs/components/memberPopup/panels/Referral/hooks/useReferralDashboard.js

@@ -0,0 +1,2 @@
+"use strict";var i=Object.create;var s=Object.defineProperty;var u=Object.getOwnPropertyDescriptor;var p=Object.getOwnPropertyNames;var b=Object.getPrototypeOf,d=Object.prototype.hasOwnProperty;var c=(e,r)=>{for(var n in r)s(e,n,{get:r[n],enumerable:!0})},t=(e,r,n,o)=>{if(r&&typeof r=="object"||typeof r=="function")for(let a of p(r))!d.call(e,a)&&a!==n&&s(e,a,{get:()=>r[a],enumerable:!(o=u(r,a))||o.enumerable});return e};var h=(e,r,n)=>(n=e!=null?i(b(e)):{},t(r||!e||!e.__esModule?s(n,"default",{value:e,enumerable:!0}):n,e)),f=e=>t(s({},"__esModule",{value:!0}),e);var m={};c(m,{useReferralDashboard:()=>g});module.exports=f(m);var l=h(require("swr/mutation"));function g({enabled:e,locale:r=""}){return(0,l.default)(e?"/api/multipass/mktsrv/v1/referral/dashboard/info":null,async n=>(await fetch(n,{method:"POST",headers:{"Content-Type":"application/json","current-language":r},body:JSON.stringify({channel:"web"})})).json())}
+//# sourceMappingURL=useReferralDashboard.js.map

package/dist/cjs/components/memberPopup/panels/Referral/hooks/useReferralDashboard.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../src/components/memberPopup/panels/Referral/hooks/useReferralDashboard.ts"],
+  "sourcesContent": ["import useSWRMutation from 'swr/mutation'\n\ntype ReferralDashboardResponse = {\n  data: {\n    cash_available: number\n    cash_pending: number\n  }\n  code: number\n  msg: string\n}\n\nexport function useReferralDashboard({ enabled, locale = '' }: { enabled: boolean; locale?: string }) {\n  return useSWRMutation<ReferralDashboardResponse, Error, string | null>(\n    enabled ? '/api/multipass/mktsrv/v1/referral/dashboard/info' : null,\n    async (url: string) => {\n      const response = await fetch(url, {\n        method: 'POST',\n        headers: {\n          'Content-Type': 'application/json',\n          'current-language': locale,\n        },\n        body: JSON.stringify({ channel: 'web' }),\n      })\n      return response.json()\n    }\n  )\n}\n"],
+  "mappings": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,0BAAAE,IAAA,eAAAC,EAAAH,GAAA,IAAAI,EAA2B,2BAWpB,SAASF,EAAqB,CAAE,QAAAG,EAAS,OAAAC,EAAS,EAAG,EAA0C,CACpG,SAAO,EAAAC,SACLF,EAAU,mDAAqD,KAC/D,MAAOG,IACY,MAAM,MAAMA,EAAK,CAChC,OAAQ,OACR,QAAS,CACP,eAAgB,mBAChB,mBAAoBF,CACtB,EACA,KAAM,KAAK,UAAU,CAAE,QAAS,KAAM,CAAC,CACzC,CAAC,GACe,KAAK,CAEzB,CACF",
+  "names": ["useReferralDashboard_exports", "__export", "useReferralDashboard", "__toCommonJS", "import_mutation", "enabled", "locale", "useSWRMutation", "url"]
+}

package/dist/cjs/components/memberPopup/panels/Referral/hooks/useReferralOverview.d.ts

@@ -0,0 +1,12 @@
+export type ReferralRewardOverviewResponse = {
+    data: {
+        data: {
+            available: number;
+            pending: number;
+        };
+    };
+};
+export declare function useReferralOverview(): {
+    isLoading: boolean;
+    data?: ReferralRewardOverviewResponse;
+};

package/dist/cjs/components/memberPopup/panels/Referral/hooks/useReferralOverview.js

@@ -0,0 +1,2 @@
+"use strict";var v=Object.create;var n=Object.defineProperty;var w=Object.getOwnPropertyDescriptor;var f=Object.getOwnPropertyNames;var R=Object.getPrototypeOf,m=Object.prototype.hasOwnProperty;var g=(e,r)=>{for(var a in r)n(e,a,{get:r[a],enumerable:!0})},i=(e,r,a,s)=>{if(r&&typeof r=="object"||typeof r=="function")for(let o of f(r))!m.call(e,o)&&o!==a&&n(e,o,{get:()=>r[o],enumerable:!(s=w(r,o))||s.enumerable});return e};var h=(e,r,a)=>(a=e!=null?v(R(e)):{},i(r||!e||!e.__esModule?n(a,"default",{value:e,enumerable:!0}):a,e)),b=e=>i(n({},"__esModule",{value:!0}),e);var y={};g(y,{useReferralOverview:()=>O});module.exports=b(y);var l=h(require("swr")),p=require("../../../context/provider");function O(){const{profile:e,alpcConfig:r}=(0,p.useMemberPopupContext)(),s=!!e?"/api/multipass/mktsrv/v1/referral/reward/overview/cash":null,o=async d=>{const t=await fetch(d,{method:"GET",headers:{"Content-Type":"application/json","current-language":r.locale}});if(!t.ok)throw new Error(`HTTP error! status: ${t.status}`);return t.json()},{data:c,isLoading:u}=(0,l.default)(s,o,{revalidateOnFocus:!1});return{isLoading:u,data:c}}
+//# sourceMappingURL=useReferralOverview.js.map

package/dist/cjs/components/memberPopup/panels/Referral/hooks/useReferralOverview.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../src/components/memberPopup/panels/Referral/hooks/useReferralOverview.ts"],
+  "sourcesContent": ["import useSWR from 'swr'\nimport { useMemberPopupContext } from '../../../context/provider'\n\nexport type ReferralRewardOverviewResponse = {\n  data: {\n    data: {\n      available: number\n      pending: number\n    }\n  }\n}\n\nexport function useReferralOverview(): {\n  isLoading: boolean\n  data?: ReferralRewardOverviewResponse\n} {\n  const { profile, alpcConfig } = useMemberPopupContext()\n  const isLogin = !!profile\n\n  const swrKey = isLogin ? `/api/multipass/mktsrv/v1/referral/reward/overview/cash` : null\n\n  const swrFetcher = async (url: string) => {\n    const response = await fetch(url, {\n      method: 'GET',\n      headers: {\n        'Content-Type': 'application/json',\n        'current-language': alpcConfig.locale,\n      },\n    })\n    if (!response.ok) {\n      throw new Error(`HTTP error! status: ${response.status}`)\n    }\n    return response.json()\n  }\n\n  const { data, isLoading } = useSWR<ReferralRewardOverviewResponse>(swrKey, swrFetcher, {\n    revalidateOnFocus: false,\n  })\n\n  return { isLoading, data }\n}\n"],
+  "mappings": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,yBAAAE,IAAA,eAAAC,EAAAH,GAAA,IAAAI,EAAmB,kBACnBC,EAAsC,qCAW/B,SAASH,GAGd,CACA,KAAM,CAAE,QAAAI,EAAS,WAAAC,CAAW,KAAI,yBAAsB,EAGhDC,EAFU,CAAC,CAACF,EAEO,yDAA2D,KAE9EG,EAAa,MAAOC,GAAgB,CACxC,MAAMC,EAAW,MAAM,MAAMD,EAAK,CAChC,OAAQ,MACR,QAAS,CACP,eAAgB,mBAChB,mBAAoBH,EAAW,MACjC,CACF,CAAC,EACD,GAAI,CAACI,EAAS,GACZ,MAAM,IAAI,MAAM,uBAAuBA,EAAS,MAAM,EAAE,EAE1D,OAAOA,EAAS,KAAK,CACvB,EAEM,CAAE,KAAAC,EAAM,UAAAC,CAAU,KAAI,EAAAC,SAAuCN,EAAQC,EAAY,CACrF,kBAAmB,EACrB,CAAC,EAED,MAAO,CAAE,UAAAI,EAAW,KAAAD,CAAK,CAC3B",
+  "names": ["useReferralOverview_exports", "__export", "useReferralOverview", "__toCommonJS", "import_swr", "import_provider", "profile", "alpcConfig", "swrKey", "swrFetcher", "url", "response", "data", "isLoading", "useSWR"]
+}

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

@@ -0,0 +1,7 @@
+import type { ReferralCopy } from '../../type';
+type Props = {
+    copy: ReferralCopy;
+    onClose: () => void;
+};
+declare function Referral({ copy, onClose }: Props): import("react/jsx-runtime").JSX.Element;
+export default Referral;

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

@@ -0,0 +1,2 @@
+"use strict";var d=Object.defineProperty;var N=Object.getOwnPropertyDescriptor;var b=Object.getOwnPropertyNames;var w=Object.prototype.hasOwnProperty;var C=(e,t)=>{for(var o in t)d(e,o,{get:t[o],enumerable:!0})},L=(e,t,o,r)=>{if(t&&typeof t=="object"||typeof t=="function")for(let l of b(t))!w.call(e,l)&&l!==o&&d(e,l,{get:()=>t[l],enumerable:!(r=N(t,l))||r.enumerable});return e};var T=e=>L(d({},"__esModule",{value:!0}),e);var M={};C(M,{default:()=>D});module.exports=T(M);var a=require("react/jsx-runtime"),m=require("@anker-in/headless-ui"),n=require("@anker-in/lib"),g=require("../../context/provider"),u=require("./hooks/useReferralOverview"),x=require("../../../credits/context/utils"),h=require("../../../../constants");function P({copy:e,onClose:t}){const{profile:o,alpcConfig:r}=(0,g.useMemberPopupContext)(),l=!!o,{brand:v,currencyCode:f="USD"}=(0,n.useHeadlessContext)(),i=h.ROUNDED_BRANDS.includes(v),{data:s}=(0,u.useReferralOverview)(),c=s?.data?.data?.available??0,p=s?.data?.data?.pending??0;return console.log("cashAvailable",c),console.log("cashPending",p),console.log("data",s),console.log("data.data",s?.data),(0,a.jsxs)("div",{className:"flex flex-col gap-[12px]",children:[e.title&&(0,a.jsx)("h2",{className:"text-[24px] font-[700] leading-[1.2] text-[#080a0f]",children:e.title}),l&&(0,a.jsxs)("div",{className:(0,n.classNames)("flex items-center gap-[12px] bg-[#f5f6f7] p-[16px]",i?"rounded-[8px]":"rounded-none"),children:[(0,a.jsxs)("div",{className:"flex flex-1 flex-col gap-[4px]",children:[(0,a.jsx)("div",{className:"text-[14px] font-[700] text-[#1e2024]",children:e.cashAvailableLabel}),(0,a.jsx)("span",{className:"text-[24px] font-[700] leading-[1.2] text-[#1e2024]",children:(0,x.formatPrice)({amount:c,currencyCode:f,locale:r.locale})})]}),(0,a.jsx)("div",{className:"h-full w-px self-stretch bg-[#dadce0]"}),(0,a.jsxs)("div",{className:"flex flex-1 flex-col gap-[4px]",children:[(0,a.jsx)("div",{className:"text-[14px] font-[700] text-[#1e2024]",children:e.cashPendingLabel}),(0,a.jsx)("span",{className:"text-[24px] font-[700] leading-[1.2] text-[#1e2024]",children:(0,x.formatPrice)({amount:p,currencyCode:f,locale:r.locale})})]})]}),(e.howToTitle||e.howToDescription)&&(0,a.jsxs)("div",{className:"flex flex-col gap-[8px]",children:[e.howToTitle&&(0,a.jsx)("h3",{className:"text-[20px] font-[700] leading-[1.2] text-[#080a0f]",children:e.howToTitle}),e.howToDescription&&(0,a.jsx)("p",{className:"text-[14px] leading-[1.5] text-[#1e2024]",children:e.howToDescription}),e.learnMoreLabel&&e.learnMoreUrl&&(0,a.jsxs)("a",{href:e.learnMoreUrl,target:"_blank",rel:"noopener noreferrer",className:"flex items-center gap-[4px] text-[14px] font-[700] text-[#080a0f] underline",children:[e.learnMoreLabel,(0,a.jsx)("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",children:(0,a.jsx)("path",{d:"M5.52827 3.52876C5.78862 3.26841 6.21063 3.26841 6.47098 3.52876L10.471 7.52876C10.7313 7.78911 10.7313 8.21112 10.471 8.47147L6.47098 12.4715C6.21063 12.7318 5.78862 12.7318 5.52827 12.4715C5.26792 12.2111 5.26792 11.7891 5.52827 11.5288L9.05692 8.00011L5.52827 4.47147C5.26792 4.21112 5.26792 3.78911 5.52827 3.52876Z",fill:"#080A0F"})})]})]}),e.image?.url&&(0,a.jsx)(m.Picture,{source:e.image.url,alt:e.image.alt??"",className:(0,n.classNames)("h-[100px] w-full object-cover",i?"rounded-[8px]":"rounded-none")}),e.ctaButton&&(0,a.jsx)("a",{href:e.ctaUrl??"#",target:"_blank",rel:"noopener noreferrer",className:(0,n.classNames)("block w-full cursor-pointer bg-[#080a0f] py-[14px] text-center text-[14px] font-[700] text-white",i?"rounded-[4px]":"rounded-none"),children:e.ctaButton})]})}var D=P;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/components/memberPopup/panels/Referral/index.tsx"],
+  "sourcesContent": ["import { Picture } from '@anker-in/headless-ui'\nimport { classNames as cn, useHeadlessContext } from '@anker-in/lib'\nimport { useMemberPopupContext } from '../../context/provider'\nimport { useReferralOverview } from './hooks/useReferralOverview'\nimport { formatPrice } from '../../../credits/context/utils'\n\nimport type { ReferralCopy } from '../../type'\nimport { ROUNDED_BRANDS } from '../../../../constants'\n\ntype Props = {\n  copy: ReferralCopy\n  onClose: () => void\n}\n\nfunction Referral({ copy, onClose }: Props) {\n  const { profile, alpcConfig } = useMemberPopupContext()\n  const isLogin = !!profile\n  const { brand, currencyCode = 'USD' as string } = useHeadlessContext()\n  const rounded = ROUNDED_BRANDS.includes(brand)\n\n  const { data } = useReferralOverview()\n\n  const cashAvailable = data?.data?.data?.available ?? 0\n  const cashPending = data?.data?.data?.pending ?? 0\n\n  console.log('cashAvailable', cashAvailable)\n  console.log('cashPending', cashPending)\n  console.log('data', data)\n  console.log('data.data', data?.data)\n\n  return (\n    <div className=\"flex flex-col gap-[12px]\">\n      {copy.title && <h2 className=\"text-[24px] font-[700] leading-[1.2] text-[#080a0f]\">{copy.title}</h2>}\n\n      {isLogin && (\n        <div\n          className={cn(\n            'flex items-center gap-[12px] bg-[#f5f6f7] p-[16px]',\n            rounded ? 'rounded-[8px]' : 'rounded-none'\n          )}\n        >\n          <div className=\"flex flex-1 flex-col gap-[4px]\">\n            <div className=\"text-[14px] font-[700] text-[#1e2024]\">{copy.cashAvailableLabel}</div>\n            <span className=\"text-[24px] font-[700] leading-[1.2] text-[#1e2024]\">\n              {formatPrice({ amount: cashAvailable, currencyCode, locale: alpcConfig.locale })}\n            </span>\n          </div>\n          <div className=\"h-full w-px self-stretch bg-[#dadce0]\" />\n          <div className=\"flex flex-1 flex-col gap-[4px]\">\n            <div className=\"text-[14px] font-[700] text-[#1e2024]\">{copy.cashPendingLabel}</div>\n            <span className=\"text-[24px] font-[700] leading-[1.2] text-[#1e2024]\">\n              {formatPrice({ amount: cashPending, currencyCode, locale: alpcConfig.locale })}\n            </span>\n          </div>\n        </div>\n      )}\n\n      {(copy.howToTitle || copy.howToDescription) && (\n        <div className=\"flex flex-col gap-[8px]\">\n          {copy.howToTitle && (\n            <h3 className=\"text-[20px] font-[700] leading-[1.2] text-[#080a0f]\">{copy.howToTitle}</h3>\n          )}\n          {copy.howToDescription && <p className=\"text-[14px] leading-[1.5] text-[#1e2024]\">{copy.howToDescription}</p>}\n          {copy.learnMoreLabel && copy.learnMoreUrl && (\n            <a\n              href={copy.learnMoreUrl}\n              target=\"_blank\"\n              rel=\"noopener noreferrer\"\n              className=\"flex items-center gap-[4px] text-[14px] font-[700] text-[#080a0f] underline\"\n            >\n              {copy.learnMoreLabel}\n              <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\n                <path\n                  d=\"M5.52827 3.52876C5.78862 3.26841 6.21063 3.26841 6.47098 3.52876L10.471 7.52876C10.7313 7.78911 10.7313 8.21112 10.471 8.47147L6.47098 12.4715C6.21063 12.7318 5.78862 12.7318 5.52827 12.4715C5.26792 12.2111 5.26792 11.7891 5.52827 11.5288L9.05692 8.00011L5.52827 4.47147C5.26792 4.21112 5.26792 3.78911 5.52827 3.52876Z\"\n                  fill=\"#080A0F\"\n                />\n              </svg>\n            </a>\n          )}\n        </div>\n      )}\n\n      {copy.image?.url && (\n        <Picture\n          source={copy.image.url}\n          alt={copy.image.alt ?? ''}\n          className={cn('h-[100px] w-full object-cover', rounded ? 'rounded-[8px]' : 'rounded-none')}\n        />\n      )}\n\n      {copy.ctaButton && (\n        <a\n          href={copy.ctaUrl ?? '#'}\n          target=\"_blank\"\n          rel=\"noopener noreferrer\"\n          className={cn(\n            'block w-full cursor-pointer bg-[#080a0f] py-[14px] text-center text-[14px] font-[700] text-white',\n            rounded ? 'rounded-[4px]' : 'rounded-none'\n          )}\n        >\n          {copy.ctaButton}\n        </a>\n      )}\n    </div>\n  )\n}\n\nexport default Referral\n"],
+  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,IAAA,eAAAC,EAAAH,GAgCqB,IAAAI,EAAA,6BAhCrBC,EAAwB,iCACxBC,EAAqD,yBACrDC,EAAsC,kCACtCC,EAAoC,uCACpCC,EAA4B,0CAG5BC,EAA+B,iCAO/B,SAASC,EAAS,CAAE,KAAAC,EAAM,QAAAC,CAAQ,EAAU,CAC1C,KAAM,CAAE,QAAAC,EAAS,WAAAC,CAAW,KAAI,yBAAsB,EAChDC,EAAU,CAAC,CAACF,EACZ,CAAE,MAAAG,EAAO,aAAAC,EAAe,KAAgB,KAAI,sBAAmB,EAC/DC,EAAU,iBAAe,SAASF,CAAK,EAEvC,CAAE,KAAAG,CAAK,KAAI,uBAAoB,EAE/BC,EAAgBD,GAAM,MAAM,MAAM,WAAa,EAC/CE,EAAcF,GAAM,MAAM,MAAM,SAAW,EAEjD,eAAQ,IAAI,gBAAiBC,CAAa,EAC1C,QAAQ,IAAI,cAAeC,CAAW,EACtC,QAAQ,IAAI,OAAQF,CAAI,EACxB,QAAQ,IAAI,YAAaA,GAAM,IAAI,KAGjC,QAAC,OAAI,UAAU,2BACZ,UAAAR,EAAK,UAAS,OAAC,MAAG,UAAU,sDAAuD,SAAAA,EAAK,MAAM,EAE9FI,MACC,QAAC,OACC,aAAW,EAAAO,YACT,qDACAJ,EAAU,gBAAkB,cAC9B,EAEA,qBAAC,OAAI,UAAU,iCACb,oBAAC,OAAI,UAAU,wCAAyC,SAAAP,EAAK,mBAAmB,KAChF,OAAC,QAAK,UAAU,sDACb,2BAAY,CAAE,OAAQS,EAAe,aAAAH,EAAc,OAAQH,EAAW,MAAO,CAAC,EACjF,GACF,KACA,OAAC,OAAI,UAAU,wCAAwC,KACvD,QAAC,OAAI,UAAU,iCACb,oBAAC,OAAI,UAAU,wCAAyC,SAAAH,EAAK,iBAAiB,KAC9E,OAAC,QAAK,UAAU,sDACb,2BAAY,CAAE,OAAQU,EAAa,aAAAJ,EAAc,OAAQH,EAAW,MAAO,CAAC,EAC/E,GACF,GACF,GAGAH,EAAK,YAAcA,EAAK,sBACxB,QAAC,OAAI,UAAU,0BACZ,UAAAA,EAAK,eACJ,OAAC,MAAG,UAAU,sDAAuD,SAAAA,EAAK,WAAW,EAEtFA,EAAK,qBAAoB,OAAC,KAAE,UAAU,2CAA4C,SAAAA,EAAK,iBAAiB,EACxGA,EAAK,gBAAkBA,EAAK,iBAC3B,QAAC,KACC,KAAMA,EAAK,aACX,OAAO,SACP,IAAI,sBACJ,UAAU,8EAET,UAAAA,EAAK,kBACN,OAAC,OAAI,MAAM,KAAK,OAAO,KAAK,QAAQ,YAAY,KAAK,OACnD,mBAAC,QACC,EAAE,kUACF,KAAK,UACP,EACF,GACF,GAEJ,EAGDA,EAAK,OAAO,QACX,OAAC,WACC,OAAQA,EAAK,MAAM,IACnB,IAAKA,EAAK,MAAM,KAAO,GACvB,aAAW,EAAAW,YAAG,gCAAiCJ,EAAU,gBAAkB,cAAc,EAC3F,EAGDP,EAAK,cACJ,OAAC,KACC,KAAMA,EAAK,QAAU,IACrB,OAAO,SACP,IAAI,sBACJ,aAAW,EAAAW,YACT,mGACAJ,EAAU,gBAAkB,cAC9B,EAEC,SAAAP,EAAK,UACR,GAEJ,CAEJ,CAEA,IAAOV,EAAQS",
+  "names": ["Referral_exports", "__export", "Referral_default", "__toCommonJS", "import_jsx_runtime", "import_headless_ui", "import_lib", "import_provider", "import_useReferralOverview", "import_utils", "import_constants", "Referral", "copy", "onClose", "profile", "alpcConfig", "isLogin", "brand", "currencyCode", "rounded", "data", "cashAvailable", "cashPending", "cn"]
+}

package/dist/cjs/components/memberPopup/type.d.ts

@@ -0,0 +1,201 @@
+import type { AuthCodeActivateCopy } from '../registration/authCodeActivate/type';
+import type { CreditInfoResponse } from '../credits/context/response';
+import type { DTC_TASK_TYPE } from '../credits/context/const';
+export type { AuthCodeActivateCopy };
+export declare enum MemberPopupPanelType {
+    EarnCredits = "EARN_CREDITS",
+    ConsumeCredits = "CONSUME_CREDITS",
+    Referral = "REFERRAL",
+    CompleteProfile = "COMPLETE_PROFILE",
+    Subscribe = "SUBSCRIBE",
+    SubscribeEmail = "SUBSCRIBE_EMAIL",
+    RedeemCoupon = "REDEEM_COUPON",
+    Activate = "ACTIVATE"
+}
+export declare enum MemberPopupActionType {
+    ExternalLink = "EXTERNAL_LINK",
+    OpenEarnCredits = "OPEN_EARN_CREDITS",
+    OpenConsumeCredits = "OPEN_CONSUME_CREDITS",
+    OpenReferral = "OPEN_REFERRAL",
+    OpenSubscribe = "OPEN_SUBSCRIBE"
+}
+export declare enum EarnCreditsTaskType {
+    Activate = "activate",
+    CompleteProfile = "completeProfile",
+    Subscribe = "subscribe",
+    Shop = "shop"
+}
+export declare enum ConsumeCreditsItemType {
+    Coupon = "COUPON",
+    RedeemAndBuy = "REDEEM_AND_BUY"
+}
+export type MemberPopupLink = {
+    type: MemberPopupActionType;
+    label: string;
+    url?: string;
+};
+export type MemberPopupItem = {
+    title: string;
+    description?: string;
+    links: MemberPopupLink[];
+};
+export type MemberPopupCopy = {
+    triggerImg: {
+        url: string;
+        alt?: string;
+    };
+    title?: string;
+    subtitle?: string;
+    list: MemberPopupItem[];
+    footer?: {
+        loginHint: string;
+        loginLabel: string;
+        joinLabel: string;
+        shopLabel: string;
+        shopUrl?: string;
+    };
+    subscribe?: SubscribeModalCopy;
+    earnCredits?: EarnCreditsCopy;
+    consumeCredits?: ConsumeCreditsopy;
+    referral?: ReferralCopy;
+};
+export type EarnCreditsCopy = {
+    title?: string;
+    subtitle?: string;
+    balanceLabel?: string;
+    comingSoonLabel?: string;
+    creditUnit?: string;
+    joinNow: string;
+    completed: string;
+    activate: string;
+    completeProfileLabel: string;
+    subscribeLabel: string;
+    shopNow: string;
+    goShopLink?: string;
+    list: {
+        id: EarnCreditsTaskType;
+        title: string;
+        description: string;
+        credits?: string;
+    }[];
+    authCodeActivate: AuthCodeActivateCopy;
+    completeProfile: CompleteProfileCopy;
+    subscribe: SubscribeModalCopy;
+};
+export type CompleteProfileCopy = {
+    title: string;
+    subtitle?: string;
+    firstName: string;
+    lastName: string;
+    email: string;
+    phone: string;
+    birthday: string;
+    country: string;
+    save: string;
+    cancel: string;
+    edit: string;
+    required: string;
+};
+export type SubscribeModalCopy = {
+    title: string;
+    desc?: string;
+    placeholder: string;
+    policy?: string;
+    successTips?: string;
+    dealsType?: string;
+    buttonLabel?: string;
+    single_brand_subscribe?: boolean;
+    genre?: string;
+    sub_brand_type?: string;
+};
+export type ConsumeCreditsopy = {
+    title?: string;
+    subtitle?: string;
+    soldOut: string;
+    unlockRewards: string;
+    btnRedeem: string;
+    insufficientCredits?: string;
+    pointUnit?: string;
+    off?: string;
+    imageMapping?: {
+        [key in ConsumeCreditsItemType]?: {
+            url: string;
+        };
+    };
+    list: ConsumeCreditsItem[];
+    redeemModal: RedeemCouponModalCopy;
+    creditsPage?: {
+        label: string;
+        url: string;
+    };
+};
+export type ConsumeCreditsItem = {
+    redeemId: string | number;
+    title: string;
+    description?: string;
+    image: {
+        url: string;
+        alt?: string;
+    };
+    type: ConsumeCreditsItemType;
+    product?: {
+        handle: string;
+        sku: string;
+    };
+    price?: number;
+    value?: string;
+    rules?: string[];
+};
+export type RedeemCouponModalCopy = {
+    confirmTitle: string;
+    confirmButton: string;
+    commonError: string;
+    redeemLimitError: string;
+    inventoryNotEnough: string;
+    creditsNotEnough: string;
+    crossSiteError: string;
+    successTitle: string;
+    successDesc: string;
+    successButton: string;
+    successButtonUrl?: string;
+};
+export type ReferralCopy = {
+    title?: string;
+    description?: string;
+    cashAvailableLabel: string;
+    cashPendingLabel: string;
+    creditUnit?: string;
+    referralLinksLabel?: string;
+    referralLinkBaseUrl?: string;
+    copyLabel?: string;
+    copiedLabel?: string;
+    howToTitle?: string;
+    howToDescription?: string;
+    learnMoreLabel?: string;
+    learnMoreUrl?: string;
+    image?: {
+        url: string;
+        alt?: string;
+    };
+    ctaButton: string;
+    ctaUrl?: string;
+    loginTitle?: string;
+    loginDescription?: string;
+    loginCtaLabel?: string;
+};
+export type AlpcConfig = {
+    brand: string;
+    locale: string;
+    appName: string;
+    apiBaseUrl?: string;
+};
+export type MemberPopupContextValue = {
+    profile: any;
+    isLoadingProfile: boolean;
+    creditInfo?: CreditInfoResponse;
+    fetchCreditInfo: (userId: string) => void;
+    openSignUpPopup: () => void;
+    openSignInPopup: () => void;
+    taskIdToTypeMapping?: Record<string, DTC_TASK_TYPE>;
+    alpcConfig: AlpcConfig;
+};

package/dist/cjs/components/memberPopup/type.js

@@ -0,0 +1,2 @@
+"use strict";var o=Object.defineProperty;var d=Object.getOwnPropertyDescriptor;var C=Object.getOwnPropertyNames;var u=Object.prototype.hasOwnProperty;var b=(e,i)=>{for(var s in i)o(e,s,{get:i[s],enumerable:!0})},m=(e,i,s,g)=>{if(i&&typeof i=="object"||typeof i=="function")for(let t of C(i))!u.call(e,t)&&t!==s&&o(e,t,{get:()=>i[t],enumerable:!(g=d(i,t))||g.enumerable});return e};var E=e=>m(o({},"__esModule",{value:!0}),e);var f={};b(f,{ConsumeCreditsItemType:()=>c,EarnCreditsTaskType:()=>a,MemberPopupActionType:()=>p,MemberPopupPanelType:()=>l});module.exports=E(f);var l=(r=>(r.EarnCredits="EARN_CREDITS",r.ConsumeCredits="CONSUME_CREDITS",r.Referral="REFERRAL",r.CompleteProfile="COMPLETE_PROFILE",r.Subscribe="SUBSCRIBE",r.SubscribeEmail="SUBSCRIBE_EMAIL",r.RedeemCoupon="REDEEM_COUPON",r.Activate="ACTIVATE",r))(l||{}),p=(n=>(n.ExternalLink="EXTERNAL_LINK",n.OpenEarnCredits="OPEN_EARN_CREDITS",n.OpenConsumeCredits="OPEN_CONSUME_CREDITS",n.OpenReferral="OPEN_REFERRAL",n.OpenSubscribe="OPEN_SUBSCRIBE",n))(p||{}),a=(t=>(t.Activate="activate",t.CompleteProfile="completeProfile",t.Subscribe="subscribe",t.Shop="shop",t))(a||{}),c=(s=>(s.Coupon="COUPON",s.RedeemAndBuy="REDEEM_AND_BUY",s))(c||{});
+//# sourceMappingURL=type.js.map

package/dist/cjs/components/memberPopup/type.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/components/memberPopup/type.ts"],
+  "sourcesContent": ["import type { AuthCodeActivateCopy } from '../registration/authCodeActivate/type'\nimport type { CreditInfoResponse } from '../credits/context/response'\nimport type { DTC_TASK_TYPE } from '../credits/context/const'\n\nexport type { AuthCodeActivateCopy }\n\n// \u2500\u2500\u2500 \u9762\u677F\u7C7B\u578B\u679A\u4E3E \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\nexport enum MemberPopupPanelType {\n  EarnCredits = 'EARN_CREDITS',\n  ConsumeCredits = 'CONSUME_CREDITS',\n  Referral = 'REFERRAL',\n  CompleteProfile = 'COMPLETE_PROFILE',\n  Subscribe = 'SUBSCRIBE',\n  SubscribeEmail = 'SUBSCRIBE_EMAIL',\n  RedeemCoupon = 'REDEEM_COUPON',\n  Activate = 'ACTIVATE',\n}\n\n// \u2500\u2500\u2500 item action \u7C7B\u578B\u679A\u4E3E \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\nexport enum MemberPopupActionType {\n  ExternalLink = 'EXTERNAL_LINK',\n  OpenEarnCredits = 'OPEN_EARN_CREDITS',\n  OpenConsumeCredits = 'OPEN_CONSUME_CREDITS',\n  OpenReferral = 'OPEN_REFERRAL',\n  OpenSubscribe = 'OPEN_SUBSCRIBE',\n}\n\n// \u2500\u2500\u2500 EarnCredits \u4EFB\u52A1\u7C7B\u578B\u679A\u4E3E \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\nexport enum EarnCreditsTaskType {\n  Activate = 'activate',\n  CompleteProfile = 'completeProfile',\n  Subscribe = 'subscribe',\n  Shop = 'shop',\n}\n\n// \u2500\u2500\u2500 ConsumeCredits item \u7C7B\u578B\u679A\u4E3E \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\nexport enum ConsumeCreditsItemType {\n  Coupon = 'COUPON',\n  RedeemAndBuy = 'REDEEM_AND_BUY',\n}\n\n// \u2500\u2500\u2500 \u901A\u7528 link\uFF08\u7EDF\u4E00\u4E00\u79CD\u7C7B\u578B\uFF09 \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\nexport type MemberPopupLink = {\n  type: MemberPopupActionType\n  label: string\n  url?: string // \u4EC5 ExternalLink \u65F6\u4F7F\u7528\n}\n\n// \u2500\u2500\u2500 list item \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\nexport type MemberPopupItem = {\n  title: string\n  description?: string\n  links: MemberPopupLink[]\n}\n\n// \u2500\u2500\u2500 \u4E3B\u7EC4\u4EF6 Copy \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\nexport type MemberPopupCopy = {\n  triggerImg: { url: string; alt?: string }\n  title?: string\n  subtitle?: string\n  list: MemberPopupItem[]\n  footer?: {\n    loginHint: string\n    loginLabel: string\n    joinLabel: string\n    shopLabel: string\n    shopUrl?: string\n  }\n  subscribe?: SubscribeModalCopy\n  earnCredits?: EarnCreditsCopy\n  consumeCredits?: ConsumeCreditsopy\n  referral?: ReferralCopy\n}\n\n// \u2500\u2500\u2500 EarnCredits Copy \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\nexport type EarnCreditsCopy = {\n  title?: string\n  subtitle?: string\n  balanceLabel?: string\n  comingSoonLabel?: string\n  creditUnit?: string\n  joinNow: string\n  completed: string\n  activate: string\n  completeProfileLabel: string\n  subscribeLabel: string\n  shopNow: string\n  goShopLink?: string\n  list: {\n    id: EarnCreditsTaskType\n    title: string\n    description: string\n    credits?: string\n  }[]\n  // \u5B50\u5F39\u7A97\u6587\u6848\n  authCodeActivate: AuthCodeActivateCopy\n  completeProfile: CompleteProfileCopy\n  subscribe: SubscribeModalCopy\n}\n\nexport type CompleteProfileCopy = {\n  title: string\n  subtitle?: string\n  firstName: string\n  lastName: string\n  email: string\n  phone: string\n  birthday: string\n  country: string\n  save: string\n  cancel: string\n  edit: string\n  required: string\n}\n\nexport type SubscribeModalCopy = {\n  title: string\n  desc?: string\n  placeholder: string\n  policy?: string\n  successTips?: string\n  dealsType?: string\n  buttonLabel?: string\n  single_brand_subscribe?: boolean\n  genre?: string\n  sub_brand_type?: string\n}\n\n// \u2500\u2500\u2500 ConsumeCredits Copy \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\nexport type ConsumeCreditsopy = {\n  title?: string\n  subtitle?: string\n  soldOut: string\n  unlockRewards: string\n  btnRedeem: string\n  insufficientCredits?: string\n  pointUnit?: string\n  off?: string\n  imageMapping?: {\n    [key in ConsumeCreditsItemType]?: { url: string }\n  }\n  list: ConsumeCreditsItem[]\n  redeemModal: RedeemCouponModalCopy\n  creditsPage?: { label: string; url: string }\n}\n\nexport type ConsumeCreditsItem = {\n  redeemId: string | number\n  title: string\n  description?: string\n  image: { url: string; alt?: string }\n  type: ConsumeCreditsItemType\n  product?: { handle: string; sku: string }\n  price?: number\n  value?: string\n  rules?: string[]\n}\n\nexport type RedeemCouponModalCopy = {\n  confirmTitle: string\n  confirmButton: string\n  commonError: string\n  redeemLimitError: string\n  inventoryNotEnough: string\n  creditsNotEnough: string\n  crossSiteError: string\n  successTitle: string\n  successDesc: string\n  successButton: string\n  successButtonUrl?: string\n}\n\n// \u2500\u2500\u2500 Referral Copy \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\nexport type ReferralCopy = {\n  title?: string\n  description?: string\n  cashAvailableLabel: string\n  cashPendingLabel: string\n  creditUnit?: string\n  referralLinksLabel?: string\n  referralLinkBaseUrl?: string\n  copyLabel?: string\n  copiedLabel?: string\n  howToTitle?: string\n  howToDescription?: string\n  learnMoreLabel?: string\n  learnMoreUrl?: string\n  image?: { url: string; alt?: string }\n  ctaButton: string\n  ctaUrl?: string\n  loginTitle?: string\n  loginDescription?: string\n  loginCtaLabel?: string\n}\n\n// \u2500\u2500\u2500 Provider Context \u7C7B\u578B \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\nexport type AlpcConfig = {\n  brand: string\n  locale: string\n  appName: string\n  apiBaseUrl?: string\n}\n\nexport type MemberPopupContextValue = {\n  profile: any\n  isLoadingProfile: boolean\n  creditInfo?: CreditInfoResponse\n  fetchCreditInfo: (userId: string) => void\n  openSignUpPopup: () => void\n  openSignInPopup: () => void\n  taskIdToTypeMapping?: Record<string, DTC_TASK_TYPE>\n  alpcConfig: AlpcConfig\n}\n"],
+  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,4BAAAE,EAAA,wBAAAC,EAAA,0BAAAC,EAAA,yBAAAC,IAAA,eAAAC,EAAAN,GAOO,IAAKK,OACVA,EAAA,YAAc,eACdA,EAAA,eAAiB,kBACjBA,EAAA,SAAW,WACXA,EAAA,gBAAkB,mBAClBA,EAAA,UAAY,YACZA,EAAA,eAAiB,kBACjBA,EAAA,aAAe,gBACfA,EAAA,SAAW,WARDA,OAAA,IAYAD,OACVA,EAAA,aAAe,gBACfA,EAAA,gBAAkB,oBAClBA,EAAA,mBAAqB,uBACrBA,EAAA,aAAe,gBACfA,EAAA,cAAgB,iBALNA,OAAA,IASAD,OACVA,EAAA,SAAW,WACXA,EAAA,gBAAkB,kBAClBA,EAAA,UAAY,YACZA,EAAA,KAAO,OAJGA,OAAA,IAQAD,OACVA,EAAA,OAAS,SACTA,EAAA,aAAe,iBAFLA,OAAA",
+  "names": ["type_exports", "__export", "ConsumeCreditsItemType", "EarnCreditsTaskType", "MemberPopupActionType", "MemberPopupPanelType", "__toCommonJS"]
+}

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

@@ -2,5 +2,6 @@ export { default as Chat } from './chat/index';
 export { Role, ActionExecutionMessage, TextMessage, useCopilotChat, useCopilotAction, useCopilotReadable, } from './chat/utils';
 export * from './credits/index.js';
 export * from './registration/index.js';
+export * from './memberPopup/index.js';
 export { LiveChatWidget } from './LiveChatWidget/index.js';
 export type { LiveChatWidgetProps, Message, MessageContent, MessageRole, MessageContentType, MessageMetadata, MessageRenderer, QuickReply, ProductCardContent, ProductListContent, PolicyContent, QuickRepliesContent, ThinkingContent, ErrorContent, SSEEvent, ChatStreamRequest, } from './LiveChatWidget/index.js';

package/dist/esm/components/index.js

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

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

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

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

@@ -0,0 +1,9 @@
+import { type HeadlessConfig } from '@anker-in/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;
+export {};

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

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

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

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

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

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

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

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