@getpara/react-sdk 2.0.0-dev.1 → 2.0.0-dev.3

package/dist/modal/hooks/useGoBack.js

@@ -0,0 +1,43 @@
+"use client";
+import "../../chunk-MMUBH76A.js";
+import { useInternalClient } from "../../provider/hooks/utils/useInternalClient.js";
+import { useExternalWallets } from "../../provider/providers/ExternalWalletProvider.js";
+import { useModalStore } from "../stores/index.js";
+import { getAddFundsStep, ModalStep } from "../utils/steps.js";
+const useGoBack = () => {
+  const currentStep = useModalStore((state) => state.step);
+  const refs = useModalStore((state) => state.refs);
+  const setStep = useModalStore((state) => state.setStep);
+  const accountAddFundTab = useModalStore((state) => state.accountAddFundTab);
+  const decrementStep = useModalStore((state) => state.decrementStep);
+  const resetState = useModalStore((state) => state.resetState);
+  const { setChainIdSwitchingTo, disconnectExternalWallet } = useExternalWallets();
+  const para = useInternalClient();
+  const goBack = () => {
+    if (accountAddFundTab && currentStep === ModalStep.ADD_FUNDS_AWAITING) {
+      setStep(getAddFundsStep(accountAddFundTab));
+    } else {
+      decrementStep();
+    }
+    switch (refs.currentStep.current) {
+      case ModalStep.AUTH_MAIN:
+      case ModalStep.AUTH_MORE:
+      case ModalStep.EX_WALLET_SELECTED:
+      case ModalStep.EXTERNAL_WALLET_VERIFICATION: {
+        resetState();
+        if (para.isExternalWalletAuth) {
+          disconnectExternalWallet();
+        }
+        break;
+      }
+      case ModalStep.CHAIN_SWITCH: {
+        setChainIdSwitchingTo();
+        break;
+      }
+    }
+  };
+  return goBack;
+};
+export {
+  useGoBack
+};

package/dist/modal/hooks/useTelegramLogin.d.ts

@@ -0,0 +1,12 @@
+import { TelegramAuthResponse } from '@getpara/user-management-client';
+import { MutationStatus } from '@tanstack/react-query';
+export declare const useTelegramLogin: ({ isActive, onSubmit, status: propsStatus, }?: {
+    isActive?: boolean;
+    onSubmit?: (_: TelegramAuthResponse) => void;
+    status?: MutationStatus;
+}) => {
+    url: string | undefined;
+    isLoaded: boolean;
+    setIsLoaded: import("react").Dispatch<import("react").SetStateAction<boolean>>;
+    status: MutationStatus | undefined;
+};

package/dist/modal/hooks/useTelegramLogin.js

@@ -0,0 +1,65 @@
+"use client";
+import {
+  __async
+} from "../../chunk-MMUBH76A.js";
+import { useEffect, useState } from "react";
+import { useInternalClient } from "../../provider/hooks/utils/useInternalClient.js";
+import { useModalStore } from "../stores/index.js";
+const useTelegramLogin = ({
+  isActive = false,
+  onSubmit,
+  status: propsStatus
+} = {}) => {
+  const para = useInternalClient();
+  const refs = useModalStore((state) => state.refs);
+  const [url, setUrl] = useState();
+  const [isLoaded, setIsLoaded] = useState(false);
+  const [msgStatus, setMsgStatus] = useState("idle");
+  const status = msgStatus === "success" ? propsStatus : msgStatus;
+  useEffect(() => {
+    if (isActive) {
+      if (!url) {
+        para.constructPortalUrl("telegramLogin").then(setUrl);
+      }
+    }
+  }, [isActive, url]);
+  useEffect(() => {
+    const updateState = (event) => __async(void 0, null, function* () {
+      var _a, _b;
+      switch (event.data.type) {
+        case "TELEGRAM_LOGIN":
+          setMsgStatus("pending");
+          break;
+        case "TELEGRAM_FAILED":
+          setMsgStatus("error");
+          break;
+        case "TELEGRAM_SUCCESS":
+          setMsgStatus("success");
+          if (!!event.data.payload) {
+            const authObject = event.data.payload;
+            try {
+              yield onSubmit == null ? void 0 : onSubmit(authObject);
+            } catch (e) {
+              (_b = (_a = refs.telegramIFrame.current) == null ? void 0 : _a.contentWindow) == null ? void 0 : _b.postMessage({ type: "TELEGRAM_RETRY" }, "*");
+            }
+          }
+          break;
+      }
+    });
+    if (isActive) {
+      window == null ? void 0 : window.addEventListener("message", updateState, false);
+    }
+    return () => {
+      window == null ? void 0 : window.removeEventListener("message", updateState, false);
+    };
+  }, [isActive, onSubmit]);
+  return {
+    url,
+    isLoaded,
+    setIsLoaded,
+    status
+  };
+};
+export {
+  useTelegramLogin
+};

package/dist/modal/index.d.ts

@@ -3,6 +3,6 @@ export type { ParaModalProps, ParaModalHandle, ParaModalTheme } from './types/mo
 export { ModalStep, type ModalStepProp } from './utils/steps.js';
 export { AuthLayout } from './types/modalProps.js';
 export * from './utils/openPopup.js';
-export { ON_RAMP_PROVIDERS, ON_RAMP_ASSETS, NETWORKS, getAssetIcon, getAssetName, getNetworkIcon, getNetworkName, } from './constants/constants.js';
+export { ON_RAMP_PROVIDERS, ON_RAMP_ASSETS, NETWORKS, getAssetIcon, getAssetCode, getNetworkIcon, getNetworkName, } from './constants/constants.js';
 export { SaveRecoverySecret } from './components/RecoverySecretStep/RecoverySecretStep.js';
 export * from './utils/validateOnRampConfig.js';

package/dist/modal/index.js

@@ -0,0 +1,29 @@
+"use client";
+import "../chunk-MMUBH76A.js";
+export * from "./ParaModal.js";
+import { ModalStep } from "./utils/steps.js";
+import { AuthLayout } from "./types/modalProps.js";
+export * from "./utils/openPopup.js";
+import {
+  ON_RAMP_PROVIDERS,
+  ON_RAMP_ASSETS,
+  NETWORKS,
+  getAssetIcon,
+  getAssetCode,
+  getNetworkIcon,
+  getNetworkName
+} from "./constants/constants.js";
+import { SaveRecoverySecret } from "./components/RecoverySecretStep/RecoverySecretStep.js";
+export * from "./utils/validateOnRampConfig.js";
+export {
+  AuthLayout,
+  ModalStep,
+  NETWORKS,
+  ON_RAMP_ASSETS,
+  ON_RAMP_PROVIDERS,
+  SaveRecoverySecret,
+  getAssetCode,
+  getAssetIcon,
+  getNetworkIcon,
+  getNetworkName
+};

package/dist/modal/stores/index.d.ts

@@ -1,2 +1 @@
 export * from './modal/useModalStore.js';
-export * from './userInfo/useUserInfoStore.js';

package/dist/modal/stores/index.js

@@ -0,0 +1,2 @@
+"use client";
+export * from "./modal/useModalStore.js";

package/dist/modal/stores/modal/actions.js

@@ -0,0 +1,135 @@
+"use client";
+import {
+  __spreadValues
+} from "../../../chunk-MMUBH76A.js";
+import { DEFAULT_MODAL_STATE } from "./useModalStore.js";
+import {
+  AccountPreviousStep,
+  GuestPreviousStep,
+  LoginPreviousStep,
+  ModalStep,
+  SignUpPreviousStep
+} from "../../utils/steps.js";
+function getPreviousStep(flow, step) {
+  return flow === "account" ? AccountPreviousStep[step] : flow === "login" ? LoginPreviousStep[step] : flow === "guest" ? GuestPreviousStep[step] : SignUpPreviousStep[step];
+}
+const getActions = (set, get) => ({
+  resetState: () => set(DEFAULT_MODAL_STATE),
+  setOnModalStepChange: (onModalStepChange) => set({ onModalStepChange }),
+  setRecoveryShare: (recoveryShare) => set({ recoveryShare }),
+  setStep: (step) => {
+    const onModalStepChange = get().onModalStepChange;
+    const previousStep = get().step;
+    set({ step });
+    onModalStepChange == null ? void 0 : onModalStepChange({ previousStep, currentStep: step, canGoBack: get().hasPreviousStep() });
+  },
+  decrementStep: () => {
+    var _a;
+    const currentStep = get().step;
+    const onRampStep = get().onRampStep;
+    const flow = get().flow;
+    if ([ModalStep.ADD_FUNDS_BUY, ModalStep.ADD_FUNDS_WITHDRAW].includes(currentStep) && onRampStep > 0) {
+      set({ onRampStep: onRampStep - 1 });
+      return;
+    }
+    const onModalStepChange = get().onModalStepChange;
+    const accountLinkOptions = get().accountLinkOptions || [];
+    const signupState = get().getSignupState();
+    const iFrameUrl = get().iFrameUrl;
+    const refs = get().refs;
+    let prevStep = getPreviousStep(flow, currentStep);
+    if (currentStep === ModalStep.ACCOUNT_PROFILE_ADD && accountLinkOptions.length < 2) {
+      prevStep = ModalStep.ACCOUNT_PROFILE;
+    }
+    if (currentStep === ModalStep.PASSWORD_CREATION && iFrameUrl && !(signupState == null ? void 0 : signupState.passkeyUrl)) {
+      prevStep = ModalStep.AUTH_MAIN;
+    }
+    if (currentStep === ModalStep.EX_WALLET_SELECTED) {
+      set({ selectedExternalWalletId: void 0, isExternalWalletConnecting: false, externalWalletError: void 0 });
+    }
+    if (prevStep) {
+      set(__spreadValues({
+        authStepRoute: void 0,
+        step: prevStep,
+        stepDirection: -1
+      }, prevStep === ModalStep.AUTH_MAIN && { flow: void 0 }));
+      onModalStepChange == null ? void 0 : onModalStepChange({ previousStep: currentStep, currentStep: prevStep, canGoBack: get().hasPreviousStep() });
+    }
+    (_a = refs.popupWindow.current) == null ? void 0 : _a.close();
+    refs.popupWindow.current = null;
+  },
+  hasPreviousStep: () => {
+    const flow = get().flow;
+    const currentStep = get().step;
+    const onRampStep = get().onRampStep;
+    if ([ModalStep.ADD_FUNDS_BUY, ModalStep.ADD_FUNDS_WITHDRAW].includes(currentStep) && onRampStep > 0) {
+      return true;
+    }
+    return !!getPreviousStep(flow, currentStep);
+  },
+  setFlow: (flow) => set({ flow }),
+  isLogin: () => get().flow === "login",
+  isAccount: () => get().flow === "account",
+  setAuthState: (authState) => {
+    let flow = get().flow, newFlow;
+    switch (authState == null ? void 0 : authState.stage) {
+      case "login":
+        newFlow = "login";
+        break;
+      case "signup":
+      case "verify":
+        newFlow = flow === "guest" ? "guest" : "signup";
+        break;
+      default:
+        break;
+    }
+    set(__spreadValues({ authState }, newFlow ? { flow: newFlow } : {}));
+  },
+  getVerifyState: () => {
+    const authState = get().authState;
+    return (authState == null ? void 0 : authState.stage) === "verify" ? authState : void 0;
+  },
+  getLoginState: () => {
+    const authState = get().authState;
+    return (authState == null ? void 0 : authState.stage) === "login" ? authState : void 0;
+  },
+  getSignupState: () => {
+    const authState = get().authState;
+    return (authState == null ? void 0 : authState.stage) === "signup" ? authState : void 0;
+  },
+  setOnRampPurchase: (onRampPurchase) => set((state) => ({ onRampPurchase: __spreadValues(__spreadValues({}, state.onRampPurchase || {}), onRampPurchase) })),
+  setOnRampConfig: (onRampConfig) => set({ onRampConfig }),
+  setOnRampStep: (onRampStep) => set({ onRampStep }),
+  setIsFullyLoggedIn: (isFullyLoggedIn) => set({ isFullyLoggedIn }),
+  setAccountAddFundTab: (accountAddFundTab) => set({ accountAddFundTab }),
+  setGuestAddFundsTab: (guestAddFundsTab) => set({ guestAddFundsTab }),
+  setSelectedExternalWalletId: (selectedExternalWalletId) => set({ selectedExternalWalletId }),
+  setIsExternalWalletConnecting: (isExternalWalletConnecting) => set({ isExternalWalletConnecting }),
+  setExternalWalletError: (externalWalletError) => set({ externalWalletError }),
+  setIsUsingMobileConnector: (isUsingMobileConnector) => set({ isUsingMobileConnector }),
+  setStepDirection: (stepDirection) => set({ stepDirection }),
+  setFarcasterConnectUri: (farcasterConnectUri) => set({ farcasterConnectUri }),
+  setTwoFactorStatus: (twoFactorStatus) => set({ twoFactorStatus }),
+  setIFrameUrl: (iFrameUrl) => set({ iFrameUrl }),
+  setIsIFrameReady: (isIFrameReady) => set({ isIFrameReady }),
+  setAuthLayout: (authLayout) => {
+    const types = [];
+    const uniqueLayouts = [];
+    authLayout.map((layout) => {
+      const type = layout.split(":")[0];
+      if (!types.includes(type)) {
+        uniqueLayouts.push(layout);
+        types.push(type);
+      } else {
+        console.warn(`${layout} is a duplicate ${type} layout type. Please remove the duplicate type from your config.`);
+      }
+    });
+    set({ authLayout: uniqueLayouts });
+  },
+  setAuthStepRoute: (authStepRoute) => set({ authStepRoute }),
+  setIsPasskeySupported: (isPasskeySupported) => set({ isPasskeySupported }),
+  setAccountLinkOptions: (accountLinkOptions) => set({ accountLinkOptions })
+});
+export {
+  getActions
+};

package/dist/modal/stores/modal/useModalStore.d.ts

@@ -1,12 +1,14 @@
 import { ModalStep } from '../../utils/steps.js';
-import { OnRampConfig as OnRampConfigBase, OnRampPurchase, WalletType } from '@getpara/web-sdk';
-import { Tab as AddFundsTabType } from '../../components/AddFunds/AddFunds.js';
-import { AuthStateLogin, AuthStateSignup, AuthMethod, AuthState, AuthStateVerify } from '@getpara/core-sdk';
+import { AuthStateLogin, AuthStateSignup, AuthState, AuthStateVerify, OnRampConfig as OnRampConfigBase, OnRampPurchase, TWalletType, Setup2faResponse, SupportedAccountLinks } from '@getpara/web-sdk';
+import { Tab as AddFundsTabType } from '../../components/AddFunds/AddFundsContext.js';
 import { TAuthLayout } from '../../types/modalProps.js';
 import { MutableRefObject } from 'react';
-import { BiometricLocationHint, Setup2faResponse } from '@getpara/user-management-client';
-type Flow = AuthStateSignup['stage'] | AuthStateLogin['stage'] | 'account';
-type ActiveWallet = [string | undefined, WalletType | undefined];
+export type Flow = AuthStateSignup['stage'] | AuthStateLogin['stage'] | 'account' | 'guest';
+type ActiveWallet = [string | undefined, TWalletType | undefined];
+export declare enum OnRampStep {
+    SETTINGS = 0,
+    PROVIDER = 1
+}
 export type OnRampConfig = OnRampConfigBase & {
     testMode?: boolean;
 };
@@ -16,19 +18,18 @@ export interface OnModalStepChangeValue {
     canGoBack: boolean;
 }
 interface ModalState {
+    recoveryShare: string | null;
     step: ModalStep;
     stepDirection: 1 | -1;
     flow: Flow | undefined;
     authState: AuthState | undefined;
-    webAuthURLForLogin: string | undefined;
-    webAuthURLForCreate: string | undefined;
-    passwordUrlForLogin: string | undefined;
-    supportedAuthMethods: Set<AuthMethod>;
     onModalStepChange?: (value: OnModalStepChangeValue) => void | undefined;
     onRampConfig: OnRampConfig | undefined;
     onRampPurchase: Partial<OnRampPurchase> | undefined;
+    onRampStep: OnRampStep;
     isFullyLoggedIn: boolean;
     accountAddFundTab?: AddFundsTabType;
+    guestAddFundsTab?: AddFundsTabType;
     selectedExternalWalletId?: string;
     isUsingMobileConnector?: boolean;
     isExternalWalletConnecting?: boolean;
@@ -36,7 +37,6 @@ interface ModalState {
     activeWallet: ActiveWallet | undefined;
     farcasterConnectUri: string | undefined;
     twoFactorStatus: Setup2faResponse | undefined;
-    biometricLocationHints: BiometricLocationHint[] | undefined;
     iFrameUrl: string | undefined;
     isIFrameReady: boolean | undefined;
     authLayout?: TAuthLayout[];
@@ -48,12 +48,16 @@ interface ModalState {
             timeout: number;
         } | null>;
         currentStep: MutableRefObject<ModalStep | null>;
+        telegramIFrame: MutableRefObject<HTMLIFrameElement | null>;
     };
     isPasskeySupported: boolean;
+    accountLinkOptions: SupportedAccountLinks;
 }
 export interface ModalActions {
     resetState: () => void;
+    setRecoveryShare: (recoveryShare: string | null) => void;
     setStep: (step: ModalStep) => void;
+    setGuestAddFundsTab: (tab?: AddFundsTabType | undefined) => void;
     decrementStep: () => void;
     hasPreviousStep: () => boolean;
     setFlow: (flow?: Flow) => void;
@@ -63,13 +67,10 @@ export interface ModalActions {
     getLoginState: () => AuthStateLogin | undefined;
     isLogin: () => boolean;
     isAccount: () => boolean;
-    setSupportedAuthMethods: (authMethods: Set<AuthMethod>) => void;
-    setWebAuthURLForLogin: (url?: string) => void;
-    setWebAuthURLForCreate: (url?: string) => void;
-    setPasswordUrlForLogin: (url?: string) => void;
     setOnModalStepChange: (fn?: (value: OnModalStepChangeValue) => void) => void;
     setOnRampConfig: (_: OnRampConfig | undefined) => void;
     setOnRampPurchase: (_: Partial<OnRampPurchase> | undefined) => void;
+    setOnRampStep: (_: OnRampStep) => void;
     setIsFullyLoggedIn: (isFullyLoggedIn: boolean) => void;
     setAccountAddFundTab: (accountAddFundTab?: AddFundsTabType) => void;
     setSelectedExternalWalletId: (id?: string) => void;
@@ -79,12 +80,12 @@ export interface ModalActions {
     setStepDirection: (stepDirection: 1 | -1) => void;
     setFarcasterConnectUri: (_: string | undefined) => void;
     setTwoFactorStatus: (twoFactorStatus?: Setup2faResponse) => void;
-    setBiometricLocationHints: (_?: BiometricLocationHint[]) => void;
     setIFrameUrl: (_?: string) => void;
     setIsIFrameReady: (_?: boolean) => void;
     setAuthLayout: (authLayout: TAuthLayout[]) => void;
     setAuthStepRoute: (_?: ModalStep) => void;
     setIsPasskeySupported: (_: boolean) => void;
+    setAccountLinkOptions: (_: SupportedAccountLinks) => void;
 }
 export type ModalStore = ModalState & ModalActions;
 export declare const DEFAULT_MODAL_STATE: Omit<ModalState, 'step' | 'onRampConfig'>;

package/dist/modal/stores/modal/useModalStore.js

@@ -0,0 +1,73 @@
+"use client";
+import {
+  __spreadValues
+} from "../../../chunk-MMUBH76A.js";
+import { create } from "zustand";
+import { persist, createJSONStorage } from "zustand/middleware";
+import { ModalStep } from "../../utils/steps.js";
+import { getActions } from "./actions.js";
+import {
+  LINKED_ACCOUNT_TYPES
+} from "@getpara/web-sdk";
+import { AuthLayout } from "../../types/modalProps.js";
+import { createRef } from "react";
+var OnRampStep = /* @__PURE__ */ ((OnRampStep2) => {
+  OnRampStep2[OnRampStep2["SETTINGS"] = 0] = "SETTINGS";
+  OnRampStep2[OnRampStep2["PROVIDER"] = 1] = "PROVIDER";
+  return OnRampStep2;
+})(OnRampStep || {});
+const DEFAULT_MODAL_STATE = {
+  recoveryShare: null,
+  flow: void 0,
+  stepDirection: 1,
+  authState: void 0,
+  onModalStepChange: void 0,
+  onRampPurchase: void 0,
+  onRampStep: 0 /* SETTINGS */,
+  isFullyLoggedIn: false,
+  accountAddFundTab: void 0,
+  guestAddFundsTab: void 0,
+  isExternalWalletConnecting: false,
+  externalWalletError: void 0,
+  activeWallet: [void 0, void 0],
+  farcasterConnectUri: void 0,
+  twoFactorStatus: void 0,
+  iFrameUrl: void 0,
+  isIFrameReady: void 0,
+  authLayout: [AuthLayout.AUTH_FULL, AuthLayout.EXTERNAL_FULL],
+  authStepRoute: void 0,
+  refs: {
+    popupWindow: createRef(),
+    poll: createRef(),
+    currentStep: createRef(),
+    telegramIFrame: createRef()
+  },
+  isPasskeySupported: true,
+  accountLinkOptions: [...LINKED_ACCOUNT_TYPES]
+};
+const useModalStore = create()(
+  persist(
+    (set, get) => __spreadValues(__spreadValues({
+      step: ModalStep.AUTH_MAIN,
+      onRampConfig: void 0
+    }, DEFAULT_MODAL_STATE), getActions(set, get)),
+    {
+      version: 1,
+      name: "@PARA/modalState",
+      storage: createJSONStorage(() => localStorage),
+      partialize: (state) => ({
+        step: state.step,
+        authState: state.authState,
+        onRampPurchase: state.onRampPurchase,
+        selectedExternalWalletId: state.selectedExternalWalletId,
+        isUsingMobileConnector: state.isUsingMobileConnector,
+        isPasskeySupported: state.isPasskeySupported
+      })
+    }
+  )
+);
+export {
+  DEFAULT_MODAL_STATE,
+  OnRampStep,
+  useModalStore
+};

package/dist/modal/types/commonTypes.js

@@ -0,0 +1 @@
+"use client";

package/dist/modal/types/modalProps.d.ts

@@ -1,4 +1,4 @@
-import ParaWeb, { CurrentWalletIds, OAuthMethod } from '@getpara/web-sdk';
+import ParaWeb, { CurrentWalletIds, SupportedAccountLinks, TOAuthMethod } from '@getpara/web-sdk';
 import { Theme } from '@getpara/react-components';
 import { OnModalStepChangeValue } from '../stores/index.js';
 import { ModalStep, ModalStepProp } from '../utils/steps.js';
@@ -54,7 +54,7 @@ export interface ParaModalProps {
      * Which OAuth methods (if any) to show.
      * Defaults to `true`.
      */
-    oAuthMethods?: OAuthMethod[];
+    oAuthMethods?: TOAuthMethod[];
     /**
      * Whether or not to allow for email login. If true, only OAuth login will be available.
      * Defaults to `false`.
@@ -100,6 +100,10 @@ export interface ParaModalProps {
      * Default to [AuthLayout.AUTH_FULL, AuthLayout.EXTERNAL_FULL]
      */
     authLayout?: TAuthLayout[];
+    /**
+     * Default email or phone number (formatted like: +15555555555) to pre-populate the input field.
+     */
+    defaultAuthIdentifier?: string;
     /**
      * Called when the modal step changes
      */
@@ -108,9 +112,18 @@ export interface ParaModalProps {
      * Called when the modal is closed
      */
     onClose?: () => void;
+    /**
+     * Whether to enable guest login. A guest user will be provisioned embedded wallets that they will then claim upon signing up through your app.
+     */
+    isGuestModeEnabled?: boolean;
     loginTransitionOverride?: (para: ParaWeb) => Promise<void>;
     createWalletOverride?: (para: ParaWeb) => Promise<{
         recoverySecret?: string;
         walletIds: CurrentWalletIds;
     }>;
+    /**
+     * Which external accounts or wallets to allow your users to link to their accounts. The accounts will be displayed in this order in the modal account screen.
+     * If not provided, will default to your Developer Portal configuration or to all available account types.
+     */
+    supportedAccountLinks?: SupportedAccountLinks;
 }

package/dist/modal/types/modalProps.js

@@ -0,0 +1,12 @@
+"use client";
+import "../../chunk-MMUBH76A.js";
+var AuthLayout = /* @__PURE__ */ ((AuthLayout2) => {
+  AuthLayout2["AUTH_FULL"] = "AUTH:FULL";
+  AuthLayout2["AUTH_CONDENSED"] = "AUTH:CONDENSED";
+  AuthLayout2["EXTERNAL_FULL"] = "EXTERNAL:FULL";
+  AuthLayout2["EXTERNAL_CONDENSED"] = "EXTERNAL:CONDENSED";
+  return AuthLayout2;
+})(AuthLayout || {});
+export {
+  AuthLayout
+};

package/dist/modal/utils/authInputHelpers.d.ts

@@ -0,0 +1,5 @@
+import { Auth } from '@getpara/user-management-client';
+import countryCodes from './countryCodes.js';
+export declare function isCcMatch(countryCode: string, option: (typeof countryCodes)[number]): boolean;
+export declare function validateAuth(auth: Auth<'email' | 'phone'>): Auth<'email' | 'phone'>;
+export declare function validateInput(identifier: string, countryCode?: string, type?: 'email' | 'phone'): Auth<"email" | "phone">;

package/dist/modal/utils/authInputHelpers.js

@@ -0,0 +1,41 @@
+"use client";
+import "../../chunk-MMUBH76A.js";
+import { EMAIL_REGEX } from "../constants/constants.js";
+import { formatPhoneNumber } from "@getpara/web-sdk";
+function isCcMatch(countryCode, option) {
+  return countryCode === "+1" ? option.selectedLabel === "US" : option.value === countryCode;
+}
+function validateAuth(auth) {
+  switch (true) {
+    case "email" in auth:
+      if (!EMAIL_REGEX.test(auth.email)) {
+        throw new Error("Please enter a valid email address!");
+      }
+      break;
+    case "phone" in auth:
+      {
+        if (!/^\+1\d{3}555\d{4}$/.test(auth.phone)) {
+          const formatted = formatPhoneNumber(auth.phone);
+          if (!formatted) {
+            throw new Error("Please enter a valid phone number!");
+          }
+        }
+      }
+      break;
+  }
+  return auth;
+}
+function validateInput(identifier, countryCode, type) {
+  const isEmail = type === "email";
+  const isPhone = type === "phone";
+  const auth = isEmail ? { email: identifier } : isPhone ? { phone: `${countryCode}${identifier}` } : void 0;
+  if (!auth) {
+    throw new Error("Please enter a valid email or phone number!");
+  }
+  return validateAuth(auth);
+}
+export {
+  isCcMatch,
+  validateAuth,
+  validateInput
+};

package/dist/modal/utils/authLayoutHelpers.js

@@ -0,0 +1,8 @@
+"use client";
+import "../../chunk-MMUBH76A.js";
+const hasExternalWallet = (authLayout) => authLayout.find((layout) => layout.includes("EXTERNAL"));
+const hasEmbeddedAuth = (authLayout) => authLayout.find((layout) => layout.includes("AUTH"));
+export {
+  hasEmbeddedAuth,
+  hasExternalWallet
+};

package/dist/modal/utils/countryCodes.js

@@ -0,0 +1,45 @@
+"use client";
+import "../../chunk-MMUBH76A.js";
+import { getCountries, getCountryCallingCode } from "libphonenumber-js";
+const excludedCountries = [
+  "AC",
+  "CG",
+  "CI",
+  "CV",
+  "GF",
+  "GP",
+  "MF",
+  "NC",
+  "PM",
+  "RE",
+  "SD",
+  "SH",
+  "SJ",
+  "TA",
+  "VA",
+  "WF",
+  "XK",
+  "YT"
+];
+const generateCountryCodes = () => {
+  const countries = getCountries();
+  const countryList = countries.filter((country) => !excludedCountries.includes(country)).map((country) => {
+    const countryCode = getCountryCallingCode(country);
+    const countryName = new Intl.DisplayNames(["en"], { type: "region" }).of(country);
+    return {
+      label: countryName != null ? countryName : "",
+      value: `+${countryCode}`,
+      selectedLabel: country,
+      icon: country
+    };
+  }).sort((a, b) => {
+    var _a, _b;
+    return ((_a = a.label) != null ? _a : "").localeCompare((_b = b.label) != null ? _b : "");
+  });
+  return countryList;
+};
+const countryCodes = generateCountryCodes();
+var countryCodes_default = countryCodes;
+export {
+  countryCodes_default as default
+};

package/dist/modal/utils/getMailtoLink.js

@@ -0,0 +1,10 @@
+"use client";
+import "../../chunk-MMUBH76A.js";
+function getMailtoLink(email, recoveryShare) {
+  const emailBody = `Hello,%0D%0DBelow is your Para Recovery Secret. Keep this safe!%0D%0D${recoveryShare}%0D%0DPlease get in touch via support@getpara.com if you have any questions`;
+  const mailText = `mailto:${email}?subject=Para%20Recovery%20Secret&body=${emailBody}`;
+  return mailText;
+}
+export {
+  getMailtoLink
+};

package/dist/modal/utils/getTileButtonFlex.js

@@ -0,0 +1,20 @@
+"use client";
+import "../../chunk-MMUBH76A.js";
+const getTileButtonFlex = (index, totalItems) => {
+  const gapOffset = 8 - 8 * 0.333;
+  if (totalItems < 2) {
+    return "1 1 auto";
+  }
+  if (totalItems % 3 === 0) {
+    return `0 0 calc(33.333333% - ${gapOffset}px)`;
+  }
+  if (totalItems % 3 === 1) {
+    return index < 4 ? "0 0 calc(50% - 4px)" : `0 0 calc(33.333333% - ${gapOffset}px)`;
+  }
+  if (totalItems % 3 === 2) {
+    return index < 2 ? "0 0 calc(50% - 4px)" : `0 0 calc(33.333333% - ${gapOffset}px)`;
+  }
+};
+export {
+  getTileButtonFlex
+};