@getpara/react-sdk 2.0.0-alpha.3 → 2.0.0-alpha.6

package/dist/modal/constants/oAuthLogos.d.ts

@@ -1,8 +1,8 @@
 import { IconType } from '@getpara/react-components';
-import { OAuthMethod } from '@getpara/web-sdk';
+import { TOAuthMethod } from '@getpara/web-sdk';
 export declare const brandedOAuthLogos: {
-    [key in OAuthMethod]: IconType;
+    [key in TOAuthMethod]: IconType;
 };
 export declare const oAuthLogos: {
-    [key in OAuthMethod]: IconType;
+    [key in TOAuthMethod]: IconType;
 };

package/dist/modal/constants/oAuthLogos.js

@@ -0,0 +1,24 @@
+"use client";
+import "../../chunk-MMUBH76A.js";
+const brandedOAuthLogos = {
+  GOOGLE: "googleBrand",
+  TWITTER: "twitter",
+  APPLE: "apple",
+  DISCORD: "discordBrand",
+  FACEBOOK: "facebookBrand",
+  FARCASTER: "farcasterBrand",
+  TELEGRAM: "telegramBrand"
+};
+const oAuthLogos = {
+  GOOGLE: "google",
+  TWITTER: "twitter",
+  APPLE: "apple",
+  DISCORD: "discord",
+  FACEBOOK: "facebook",
+  FARCASTER: "farcaster",
+  TELEGRAM: "telegram"
+};
+export {
+  brandedOAuthLogos,
+  oAuthLogos
+};

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/index.d.ts

@@ -3,7 +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';
-export * from './types/externalWallets.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.js

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

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

@@ -0,0 +1,133 @@
+"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;
+    }
+    if (!flow) {
+      return;
+    }
+    const onModalStepChange = get().onModalStepChange;
+    const signupState = get().getSignupState();
+    const iFrameUrl = get().iFrameUrl;
+    const refs = get().refs;
+    let prevStep = getPreviousStep(flow, currentStep);
+    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 !!flow && !!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 })
+});
+export {
+  getActions
+};

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

@@ -1,12 +1,16 @@
 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 { OnRampConfig as OnRampConfigBase, OnRampPurchase, TWalletType } from '@getpara/web-sdk';
+import { Tab as AddFundsTabType } from '../../components/AddFunds/AddFundsContext.js';
 import { AuthStateLogin, AuthStateSignup, AuthState, AuthStateVerify } from '@getpara/core-sdk';
 import { TAuthLayout } from '../../types/modalProps.js';
 import { MutableRefObject } from 'react';
 import { 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;
 };
@@ -24,8 +28,10 @@ interface ModalState {
     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;
@@ -51,6 +57,7 @@ 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,6 +70,7 @@ export interface ModalActions {
     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;

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

@@ -0,0 +1,68 @@
+"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 { 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()
+  },
+  isPasskeySupported: true
+};
+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.d.ts

@@ -1,51 +1,4 @@
 import { IconType } from '@getpara/react-components';
-import { AuthStateLogin, AuthStateVerify, WalletType } from '@getpara/web-sdk';
-export type WalletMetadata = {
-    id: string;
-    name: string;
-    iconUrl: string;
-    installed?: boolean;
-    isExtension?: boolean;
-    isMobile?: boolean;
-    isWeb?: boolean;
-    downloadUrl?: string;
-    getQrUri?: () => Promise<string>;
-    downloadUrls?: {
-        android?: string;
-        ios?: string;
-        mobile?: string;
-        qrCode?: string;
-        chrome?: string;
-        edge?: string;
-        firefox?: string;
-        opera?: string;
-        safari?: string;
-        browserExtension?: string;
-        macos?: string;
-        windows?: string;
-        linux?: string;
-        desktop?: string;
-    };
-};
-export type CommonWallet = {
-    connect: () => Promise<{
-        address?: string;
-        bufferAddress?: string;
-        error?: string;
-        authState?: AuthStateVerify | AuthStateLogin;
-    }>;
-    connectMobile: (isManualWalletConnect?: boolean) => Promise<{
-        address?: string;
-        bufferAddress?: string;
-        error?: string;
-        authState?: AuthStateVerify | AuthStateLogin;
-    }>;
-    type: WalletType;
-} & WalletMetadata;
-export type CommonChain = {
-    id: string | number;
-    name: string;
-};
 export type Tab<T> = {
     label: string;
     value: T;

package/dist/modal/types/commonTypes.js

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

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

@@ -4,6 +4,7 @@ export declare enum EvmWallet {
     COINBASE = "COINBASE",
     WALLETCONNECT = "WALLETCONNECT",
     ZERION = "ZERION",
+    SAFE = "SAFE",
     RABBY = "RABBY"
 }
 export declare enum SolanaWallet {
@@ -26,6 +27,7 @@ export declare const ExternalWallet: {
     COINBASE: EvmWallet.COINBASE;
     WALLETCONNECT: EvmWallet.WALLETCONNECT;
     ZERION: EvmWallet.ZERION;
+    SAFE: EvmWallet.SAFE;
     RABBY: EvmWallet.RABBY;
 };
 export type TExternalWallet = keyof typeof ExternalWallet;

package/dist/modal/types/externalWallets.js

@@ -0,0 +1,32 @@
+"use client";
+import {
+  __spreadValues
+} from "../../chunk-MMUBH76A.js";
+var EvmWallet = /* @__PURE__ */ ((EvmWallet2) => {
+  EvmWallet2["METAMASK"] = "METAMASK";
+  EvmWallet2["RAINBOW"] = "RAINBOW";
+  EvmWallet2["COINBASE"] = "COINBASE";
+  EvmWallet2["WALLETCONNECT"] = "WALLETCONNECT";
+  EvmWallet2["ZERION"] = "ZERION";
+  EvmWallet2["SAFE"] = "SAFE";
+  EvmWallet2["RABBY"] = "RABBY";
+  return EvmWallet2;
+})(EvmWallet || {});
+var SolanaWallet = /* @__PURE__ */ ((SolanaWallet2) => {
+  SolanaWallet2["PHANTOM"] = "PHANTOM";
+  SolanaWallet2["GLOW"] = "GLOW";
+  SolanaWallet2["BACKPACK"] = "BACKPACK";
+  return SolanaWallet2;
+})(SolanaWallet || {});
+var CosmosWallet = /* @__PURE__ */ ((CosmosWallet2) => {
+  CosmosWallet2["KEPLR"] = "KEPLR";
+  CosmosWallet2["LEAP"] = "LEAP";
+  return CosmosWallet2;
+})(CosmosWallet || {});
+const ExternalWallet = __spreadValues(__spreadValues(__spreadValues({}, EvmWallet), SolanaWallet), CosmosWallet);
+export {
+  CosmosWallet,
+  EvmWallet,
+  ExternalWallet,
+  SolanaWallet
+};

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

@@ -1,4 +1,4 @@
-import ParaWeb, { CurrentWalletIds, OAuthMethod } from '@getpara/web-sdk';
+import ParaWeb, { CurrentWalletIds, 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,6 +112,10 @@ 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;

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,7 @@
+import countryCodes from './countryCodes.js';
+export declare function isCcMatch(countryCode: string, option: (typeof countryCodes)[number]): boolean;
+export declare function validateAuth(identifier: string, countryCode?: string, type?: 'email' | 'phone'): {
+    email: string;
+} | {
+    phone: import("@getpara/user-management-client").AuthIdentifier<"phone">;
+};

package/dist/modal/utils/authInputHelpers.js

@@ -0,0 +1,38 @@
+"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(identifier, countryCode, type) {
+  const isEmail = type === "email";
+  const isPhone = type === "phone";
+  let auth;
+  switch (true) {
+    case isEmail:
+      if (!EMAIL_REGEX.test(identifier)) {
+        throw new Error("Please enter a valid email!");
+      }
+      auth = { email: identifier };
+      break;
+    case isPhone:
+      if (countryCode === "+1" && identifier.slice(3, 6) === "555") {
+        auth = { phone: `${countryCode}${identifier}` };
+        break;
+      }
+      const validatedPhone = formatPhoneNumber(identifier, countryCode);
+      if (!validatedPhone) {
+        throw new Error("Please enter a valid phone number!");
+      }
+      auth = { phone: validatedPhone };
+      break;
+    default:
+      throw new Error("Please enter a valid email or phone number!");
+  }
+  return auth;
+}
+export {
+  isCcMatch,
+  validateAuth
+};

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
+};