@getpara/react-sdk 1.12.0 → 2.0.0-alpha.10

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

@@ -6,6 +6,7 @@ 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";
@@ -13,38 +14,37 @@ var OnRampStep = /* @__PURE__ */ ((OnRampStep2) => {
   return OnRampStep2;
 })(OnRampStep || {});
 const DEFAULT_MODAL_STATE = {
+  recoveryShare: null,
   flow: void 0,
   stepDirection: 1,
-  webAuthURLForLogin: void 0,
-  webAuthURLForCreate: void 0,
-  passwordUrlForLogin: void 0,
-  supportedAuthMethods: /* @__PURE__ */ new Set(),
+  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,
-  biometricLocationHints: 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()
   },
-  authStepRoute: void 0,
   isPasskeySupported: true
 };
 const useModalStore = create()(
   persist(
     (set, get) => __spreadValues(__spreadValues({
       step: ModalStep.AUTH_MAIN,
-      onRampConfig: void 0,
-      activeWallet: void 0
+      onRampConfig: void 0
     }, DEFAULT_MODAL_STATE), getActions(set, get)),
     {
       version: 1,
@@ -52,14 +52,10 @@ const useModalStore = create()(
       storage: createJSONStorage(() => localStorage),
       partialize: (state) => ({
         step: state.step,
-        webAuthURLForLogin: state.webAuthURLForLogin,
-        webAuthURLForCreate: state.webAuthURLForCreate,
-        passwordUrlForLogin: state.passwordUrlForLogin,
-        biometricLocationHints: state.biometricLocationHints,
+        authState: state.authState,
         onRampPurchase: state.onRampPurchase,
         selectedExternalWalletId: state.selectedExternalWalletId,
         isUsingMobileConnector: state.isUsingMobileConnector,
-        supportedAuthMethods: state.supportedAuthMethods,
         isPasskeySupported: state.isPasskeySupported
       })
     }

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

@@ -1,56 +1,4 @@
 import { IconType } from '@getpara/react-components';
-import { WalletType } from '@getpara/web-sdk';
-export type WalletMetadata = {
-    id: string;
-    name: string;
-    iconUrl: string;
-    rdns?: 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;
-        userExists: boolean;
-        isVerified: boolean;
-    }>;
-    connectMobile: (_: {
-        isManualWalletConnect?: boolean;
-    }) => Promise<{
-        address?: string;
-        bufferAddress?: string;
-        error?: string;
-        userExists: boolean;
-        isVerified: boolean;
-    }>;
-    type: WalletType;
-} & WalletMetadata;
-export type CommonChain = {
-    id: string | number;
-    name: string;
-};
 export type Tab<T> = {
     label: string;
     value: T;

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

@@ -1,8 +1,7 @@
-import ParaWeb, { CurrentWalletIds, OAuthMethod, deprecated__NetworkProp, deprecated__OnRampConfig } 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';
-import { TExternalWallet } from './externalWallets.js';
 export type ParaModalHandle = {
     /**
      * Move the modal backward
@@ -55,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`.
@@ -74,21 +73,6 @@ export interface ParaModalProps {
      * Logo to be shown throughout the modal.
      */
     logo?: string;
-    /**
-     * App name to be shown throughout the modal.
-     */
-    appName?: string;
-    /**
-     * Configure on-ramp providers to allow users to add funds upon signing up.
-     * @deprecated Configure on-ramps in the Para Developer Portal.
-     */
-    onRampConfig?: deprecated__OnRampConfig;
-    /**
-     * Configures which EVM networks your app supports, an array of one or more of `["ETHEREUM", "ARBITRUM", "BASE", "OPTIMISM", and "POLYGON"]`.
-     * Defaults to `["ETHEREUM"]`.
-     * @deprecated Configure this setting in the Para Developer Portal.
-     */
-    networks?: deprecated__NetworkProp[];
     /**
      * Whether or not to run configured on-ramp providers in test mode.
      */
@@ -110,18 +94,6 @@ export interface ParaModalProps {
      */
     embeddedModal?: boolean;
     className?: string;
-    /**
-     * Which external wallets to show and in what order they should be displayed.
-     *
-     * NOTE: Any wallets that are detected as installed will be sorted first, followed by those that are not detected or not installed.
-     */
-    externalWallets?: TExternalWallet[];
-    /**
-     * Which external wallets to include full Para authentication for.
-     *
-     * These wallets should also be included in the externalWallets list in order to be displayed in the modal.
-     */
-    externalWalletsWithParaAuth?: TExternalWallet[];
     /**
      * How the modal should order the components on the main auth screen.
      * Only the first method of each type (auth or external) will be used.
@@ -129,9 +101,9 @@ export interface ParaModalProps {
      */
     authLayout?: TAuthLayout[];
     /**
-     * RPC url to use for retrieving the embedded wallet balance
+     * Default email or phone number (formatted like: +15555555555) to pre-populate the input field.
      */
-    rpcUrl?: string;
+    defaultAuthIdentifier?: string;
     /**
      * Called when the modal step changes
      */
@@ -140,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/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.d.ts

@@ -1,3 +1,3 @@
 import { TAuthLayout } from '../types/modalProps.js';
-export declare const hasExternalWallet: (authLayout: TAuthLayout[]) => "AUTH:FULL" | "AUTH:CONDENSED" | "EXTERNAL:FULL" | "EXTERNAL:CONDENSED";
-export declare const hasEmbeddedAuth: (authLayout: TAuthLayout[]) => "AUTH:FULL" | "AUTH:CONDENSED" | "EXTERNAL:FULL" | "EXTERNAL:CONDENSED";
+export declare const hasExternalWallet: (authLayout: TAuthLayout[]) => "AUTH:FULL" | "AUTH:CONDENSED" | "EXTERNAL:FULL" | "EXTERNAL:CONDENSED" | undefined;
+export declare const hasEmbeddedAuth: (authLayout: TAuthLayout[]) => "AUTH:FULL" | "AUTH:CONDENSED" | "EXTERNAL:FULL" | "EXTERNAL:CONDENSED" | undefined;

package/dist/modal/{components/AuthInput → utils}/countryCodes.js

@@ -1,5 +1,5 @@
 "use client";
-import "../../../chunk-MMUBH76A.js";
+import "../../chunk-MMUBH76A.js";
 import { getCountries, getCountryCallingCode } from "libphonenumber-js";
 const excludedCountries = [
   "AC",
@@ -27,12 +27,15 @@ const generateCountryCodes = () => {
     const countryCode = getCountryCallingCode(country);
     const countryName = new Intl.DisplayNames(["en"], { type: "region" }).of(country);
     return {
-      label: countryName,
+      label: countryName != null ? countryName : "",
       value: `+${countryCode}`,
       selectedLabel: country,
       icon: country
     };
-  }).sort((a, b) => a.label.localeCompare(b.label));
+  }).sort((a, b) => {
+    var _a, _b;
+    return ((_a = a.label) != null ? _a : "").localeCompare((_b = b.label) != null ? _b : "");
+  });
   return countryList;
 };
 const countryCodes = generateCountryCodes();

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

@@ -1 +1 @@
-export declare const getTileButtonFlex: (index: number, totalItems: number) => "1 1 auto" | "0 0 calc(33.333333% - 5.336px)" | "0 0 calc(50% - 4px)";
+export declare const getTileButtonFlex: (index: number, totalItems: number) => "1 1 auto" | "0 0 calc(33.333333% - 5.336px)" | "0 0 calc(50% - 4px)" | undefined;

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

@@ -0,0 +1 @@
+export declare const isPasskeySupported: () => boolean;

package/dist/modal/utils/isPasskeySupported.js

@@ -0,0 +1,15 @@
+"use client";
+import "../../chunk-MMUBH76A.js";
+import { detect } from "detect-browser";
+const isPasskeySupported = () => {
+  const browser = detect();
+  switch (browser == null ? void 0 : browser.os) {
+    case "linux":
+    case "Chrome OS":
+      return false;
+  }
+  return true;
+};
+export {
+  isPasskeySupported
+};

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

@@ -2,5 +2,5 @@ export declare function openPopup({ url, target, type, current, }: {
     url: string;
     target: string;
     type: 'OAUTH' | 'LOGIN_PASSKEY' | 'CREATE_PASSKEY' | 'TRANSACTION_REVIEW' | 'CREATE_PASSWORD' | 'LOGIN_PASSWORD';
-    current?: Window;
-}): Window;
+    current?: Window | null;
+}): Window | null;

package/dist/modal/utils/openPopup.js

@@ -7,7 +7,7 @@ function openPopup({
   current
 }) {
   if (typeof window === "undefined") {
-    return;
+    return null;
   }
   current == null ? void 0 : current.close();
   const popUpWidth = 560;
@@ -53,7 +53,7 @@ function openPopup({
       popupWindow = window.open(url, "_blank");
     }, 0);
   }
-  return popupWindow;
+  return popupWindow != null ? popupWindow : null;
 }
 export {
   openPopup

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

@@ -2,6 +2,8 @@ import { EnabledFlow } from '@getpara/web-sdk';
 export declare enum ModalStep {
     AUTH_MAIN = "AUTH_MAIN",
     AUTH_MORE = "AUTH_MORE",
+    AUTH_GUEST_SIGNUP = "AUTH_GUEST_SIGNUP",
+    AWAITING_GUEST_WALLET_CREATION = "AWAITING_GUEST_WALLET_CREATION",
     EX_WALLET_MORE = "EX_WALLET_MORE",
     EX_WALLET_SELECTED = "EX_WALLET_SELECTED",
     VERIFICATIONS = "VERIFICATIONS",
@@ -37,6 +39,7 @@ export type ModalStepPropL = Lowercase<ModalStepPropU>;
 export type ModalStepProp = ModalStepPropU | ModalStepPropL;
 declare enum AccountStep {
     ACCOUNT_MAIN = "ACCOUNT_MAIN",
+    AUTH_GUEST_SIGNUP = "AUTH_GUEST_SIGNUP",
     ADD_FUNDS_BUY = "ADD_FUNDS_BUY",
     ADD_FUNDS_RECEIVE = "ADD_FUNDS_RECEIVE",
     ADD_FUNDS_WITHDRAW = "ADD_FUNDS_WITHDRAW",
@@ -80,6 +83,9 @@ declare enum SignUpModalStep {
 export declare const SignUpPreviousStep: {
     [key in SignUpModalStep]: ModalStep | undefined;
 };
+export declare const GuestPreviousStep: {
+    [key in AccountStep]: ModalStep | undefined;
+};
 declare enum LoginModalStep {
     AUTH_MAIN = "AUTH_MAIN",
     AUTH_MORE = "AUTH_MORE",

package/dist/modal/utils/steps.js

@@ -3,6 +3,8 @@ import "../../chunk-MMUBH76A.js";
 var ModalStep = /* @__PURE__ */ ((ModalStep2) => {
   ModalStep2["AUTH_MAIN"] = "AUTH_MAIN";
   ModalStep2["AUTH_MORE"] = "AUTH_MORE";
+  ModalStep2["AUTH_GUEST_SIGNUP"] = "AUTH_GUEST_SIGNUP";
+  ModalStep2["AWAITING_GUEST_WALLET_CREATION"] = "AWAITING_GUEST_WALLET_CREATION";
   ModalStep2["EX_WALLET_MORE"] = "EX_WALLET_MORE";
   ModalStep2["EX_WALLET_SELECTED"] = "EX_WALLET_SELECTED";
   ModalStep2["VERIFICATIONS"] = "VERIFICATIONS";
@@ -36,6 +38,7 @@ var ModalStep = /* @__PURE__ */ ((ModalStep2) => {
 })(ModalStep || {});
 var AccountStep = /* @__PURE__ */ ((AccountStep2) => {
   AccountStep2["ACCOUNT_MAIN"] = "ACCOUNT_MAIN";
+  AccountStep2["AUTH_GUEST_SIGNUP"] = "AUTH_GUEST_SIGNUP";
   AccountStep2["ADD_FUNDS_BUY"] = "ADD_FUNDS_BUY";
   AccountStep2["ADD_FUNDS_RECEIVE"] = "ADD_FUNDS_RECEIVE";
   AccountStep2["ADD_FUNDS_WITHDRAW"] = "ADD_FUNDS_WITHDRAW";
@@ -69,6 +72,7 @@ const RESET_TO_AUTH_STEPS = [
   "LOGIN_DONE" /* LOGIN_DONE */
 ];
 const RESET_TO_ACCOUNT_STEPS = [
+  "AUTH_GUEST_SIGNUP" /* AUTH_GUEST_SIGNUP */,
   "ADD_FUNDS_BUY" /* ADD_FUNDS_BUY */,
   "ADD_FUNDS_RECEIVE" /* ADD_FUNDS_RECEIVE */,
   "ADD_FUNDS_WITHDRAW" /* ADD_FUNDS_WITHDRAW */,
@@ -79,6 +83,7 @@ const RESET_TO_ACCOUNT_STEPS = [
 ];
 const AccountPreviousStep = {
   ["ACCOUNT_MAIN" /* ACCOUNT_MAIN */]: void 0,
+  ["AUTH_GUEST_SIGNUP" /* AUTH_GUEST_SIGNUP */]: "ACCOUNT_MAIN" /* ACCOUNT_MAIN */,
   ["ADD_FUNDS_BUY" /* ADD_FUNDS_BUY */]: "ACCOUNT_MAIN" /* ACCOUNT_MAIN */,
   ["ADD_FUNDS_WITHDRAW" /* ADD_FUNDS_WITHDRAW */]: "ACCOUNT_MAIN" /* ACCOUNT_MAIN */,
   ["ADD_FUNDS_RECEIVE" /* ADD_FUNDS_RECEIVE */]: "ACCOUNT_MAIN" /* ACCOUNT_MAIN */,
@@ -142,6 +147,15 @@ const SignUpPreviousStep = {
   ["ADD_FUNDS_SUCCESS" /* ADD_FUNDS_SUCCESS */]: void 0,
   ["ADD_FUNDS_FAILURE" /* ADD_FUNDS_FAILURE */]: void 0
 };
+const GuestPreviousStep = Object.fromEntries([
+  ...Object.entries(SignUpPreviousStep).map(([key, value]) => {
+    if (value === "AUTH_MAIN" /* AUTH_MAIN */) {
+      return [key, "AUTH_GUEST_SIGNUP" /* AUTH_GUEST_SIGNUP */];
+    }
+    return [key, value];
+  }),
+  ...Object.entries(AccountPreviousStep)
+]);
 var LoginModalStep = /* @__PURE__ */ ((LoginModalStep2) => {
   LoginModalStep2["AUTH_MAIN"] = "AUTH_MAIN";
   LoginModalStep2["AUTH_MORE"] = "AUTH_MORE";
@@ -221,6 +235,7 @@ function getAddFundsStep(currentTab) {
 const IFrameSteps = ["PASSWORD_CREATION" /* PASSWORD_CREATION */];
 export {
   AccountPreviousStep,
+  GuestPreviousStep,
   IFrameSteps,
   LoginPreviousStep,
   ModalStep,

package/dist/provider/ParaProvider.d.ts

@@ -1,2 +1,4 @@
 import { ParaProviderProps } from './types/provider.js';
-export declare const ParaProvider: ({ children, paraClientConfig, callbacks, config }: ParaProviderProps) => import("react").ReactNode;
+import { Chain, Transport } from 'viem';
+import { ParaModalHandle } from '../modal/index.js';
+export declare const ParaProvider: import("react").ForwardRefExoticComponent<ParaProviderProps<readonly [Chain, ...Chain[]], Record<number, Transport>> & import("react").RefAttributes<ParaModalHandle>>;

package/dist/provider/ParaProvider.js

@@ -1,22 +1,83 @@
 "use client";
 import "../chunk-MMUBH76A.js";
-import { useEffect } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { forwardRef, useEffect } from "react";
 import { useStore } from "./stores/useStore.js";
 import { useAutoSessionKeepAlive } from "./hooks/utils/useAutoSessionKeepAlive.js";
 import { useEventListeners } from "./hooks/utils/useEventListeners.js";
-import { ParaInternal } from "@getpara/react-common";
-const DEFAULT_CONFIG = { disableAutoSessionKeepAlive: false };
-const ParaProvider = ({ children, paraClientConfig, callbacks, config = DEFAULT_CONFIG }) => {
+import { ExternalWalletWrapper } from "./components/ExternalWalletWrapper.js";
+import { ParaModal } from "../modal/ParaModal.js";
+import { isConfigType, isParaWeb } from "./utils/paraConfigTypeGuards.js";
+import ParaWeb from "@getpara/web-sdk";
+import { ExternalWallet } from "@getpara/react-common";
+import { AuthProvider } from "./providers/AuthProvider.js";
+const ParaProvider = forwardRef(({ children, paraClientConfig, callbacks, config, externalWalletConfig, paraModalConfig }, ref) => {
   useEventListeners(callbacks);
   useAutoSessionKeepAlive({ disabled: config.disableAutoSessionKeepAlive });
   const setClient = useStore((state) => state.setClient);
+  const client = useStore((state) => state.client);
+  const setExternalWallets = useStore((state) => state.setExternalWallets);
+  const externalWallets = useStore((state) => state.externalWallets);
+  const setExternalWalletsWithFullAuth = useStore((state) => state.setExternalWalletsWithFullAuth);
+  const externalWalletsWithFullAuth = useStore((state) => state.externalWalletsWithFullAuth);
+  const setModalConfig = useStore((state) => state.setModalConfig);
+  const modalConfig = useStore((state) => state.modalConfig);
+  const setAppName = useStore((state) => state.setAppName);
+  const appName = useStore((state) => state.appName);
+  const rpcUrl = useStore((state) => state.rpcUrl);
+  const setRpcUrl = useStore((state) => state.setRpcUrl);
+  useEffect(() => {
+    if (rpcUrl !== config.rpcUrl) setRpcUrl(config.rpcUrl);
+  }, [config.rpcUrl]);
+  useEffect(() => {
+    if (appName !== config.appName) setAppName(config.appName);
+  }, [config.appName]);
+  useEffect(() => {
+    if (modalConfig !== paraModalConfig) setModalConfig(paraModalConfig);
+  }, [paraModalConfig]);
   useEffect(() => {
     var _a;
-    const newClient = (_a = config.paraClientOverride) != null ? _a : new ParaInternal(paraClientConfig.env, paraClientConfig.apiKey, paraClientConfig.opts);
+    if (externalWallets !== (externalWalletConfig == null ? void 0 : externalWalletConfig.wallets)) {
+      setExternalWallets((_a = externalWalletConfig == null ? void 0 : externalWalletConfig.wallets) != null ? _a : Object.values(ExternalWallet));
+    }
+  }, [externalWalletConfig == null ? void 0 : externalWalletConfig.wallets]);
+  useEffect(() => {
+    var _a, _b;
+    if (externalWalletsWithFullAuth !== (externalWalletConfig == null ? void 0 : externalWalletConfig.walletsWithParaAuth)) {
+      if (isConfigType(paraClientConfig) ? (_a = paraClientConfig.opts) == null ? void 0 : _a.externalWalletConnectionOnly : paraClientConfig.externalWalletConnectionOnly) {
+        console.warn("walletsWithParaAuth has no effect when using externalWalletConnectionOnly");
+        setExternalWalletsWithFullAuth([]);
+      } else {
+        setExternalWalletsWithFullAuth((_b = externalWalletConfig == null ? void 0 : externalWalletConfig.walletsWithParaAuth) != null ? _b : []);
+      }
+    }
+  }, [externalWalletConfig == null ? void 0 : externalWalletConfig.walletsWithParaAuth]);
+  useEffect(() => {
+    if (!isConfigType(paraClientConfig) && !isParaWeb(paraClientConfig)) {
+      throw new Error("Invalid Para config");
+    }
+    const newClient = isConfigType(paraClientConfig) ? new ParaWeb(paraClientConfig.env, paraClientConfig.apiKey, paraClientConfig.opts) : paraClientConfig;
     setClient(newClient);
-  }, [paraClientConfig, config.paraClientOverride]);
-  return children;
-};
+  }, [paraClientConfig]);
+  if (!client) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx(
+    AuthProvider,
+    {
+      is2faEnabled: paraModalConfig == null ? void 0 : paraModalConfig.twoFactorAuthEnabled,
+      isRecoverySecretStepEnabled: paraModalConfig == null ? void 0 : paraModalConfig.recoverySecretStepEnabled,
+      overrides: {
+        login: paraModalConfig == null ? void 0 : paraModalConfig.loginTransitionOverride,
+        createWallets: paraModalConfig == null ? void 0 : paraModalConfig.createWalletOverride
+      },
+      children: /* @__PURE__ */ jsxs(ExternalWalletWrapper, { config: externalWalletConfig, children: [
+        children,
+        !config.disableEmbeddedModal && /* @__PURE__ */ jsx(ParaModal, { ref })
+      ] })
+    }
+  );
+});
 export {
   ParaProvider
 };

package/dist/provider/actions/getAccount.d.ts

@@ -1,8 +1,26 @@
-import ParaWeb from '@getpara/web-sdk';
-export declare const getAccount: (para?: ParaWeb) => Promise<{
-    isConnected: boolean;
-    isGuestMode: boolean;
-    email: any;
-    phone: any;
-    wallets: any;
-}>;
+import ParaWeb, { CoreAuthInfo } from '@getpara/web-sdk';
+type AccountValue = CoreAuthInfo & {
+    email?: string;
+    phone?: `+${number}`;
+    farcasterUsername?: string;
+    telegramUserId?: string;
+    externalWalletAddress?: string;
+    wallets: (typeof ParaWeb.prototype)['availableWallets'];
+    userId?: string;
+};
+export type Account = ({
+    isConnected: false;
+    isGuestMode?: false;
+} & {
+    [key in keyof AccountValue]?: undefined;
+}) | ({
+    isConnected: true;
+    isGuestMode: true;
+} & Pick<AccountValue, 'wallets'> & {
+    [key in keyof Omit<AccountValue, 'wallets'>]?: undefined;
+}) | ({
+    isConnected: true;
+    isGuestMode: false;
+} & AccountValue);
+export declare const getAccount: (para?: ParaWeb) => Promise<Account>;
+export {};

package/dist/provider/actions/getAccount.js

@@ -1,22 +1,50 @@
 "use client";
 import {
-  __async
+  __async,
+  __spreadProps,
+  __spreadValues
 } from "../../chunk-MMUBH76A.js";
 const getAccount = (para) => __async(void 0, null, function* () {
-  const isLoggedIn = yield para == null ? void 0 : para.isFullyLoggedIn();
-  const resp = {
-    isConnected: !!isLoggedIn,
-    isGuestMode: para == null ? void 0 : para.isGuestMode,
-    email: void 0,
-    phone: void 0,
-    wallets: void 0
-  };
-  if (para && resp.isConnected) {
-    resp.email = para.getEmail();
-    resp.phone = para.getPhoneNumber();
-    resp.wallets = para.getWallets();
+  if (!!para && para.isGuestMode) {
+    return {
+      isConnected: true,
+      isGuestMode: true,
+      wallets: para.availableWallets
+    };
   }
-  return resp;
+  const isConnected = !!para && (yield para == null ? void 0 : para.isFullyLoggedIn());
+  if (isConnected) {
+    const authInfo = para.authInfo;
+    const value = __spreadProps(__spreadValues({}, authInfo || {}), {
+      userId: para.userId,
+      wallets: para.availableWallets,
+      isConnected: true,
+      isGuestMode: false
+    });
+    if (authInfo) {
+      switch (authInfo.authType) {
+        case "email":
+          value.email = authInfo.identifier;
+          break;
+        case "phone":
+          value.phone = authInfo.identifier;
+          break;
+        case "farcaster":
+          value.farcasterUsername = authInfo.identifier;
+          break;
+        case "telegram":
+          value.telegramUserId = authInfo.identifier;
+          break;
+        case "externalWallet":
+          value.externalWalletAddress = authInfo.identifier;
+          break;
+        default:
+          break;
+      }
+    }
+    return value;
+  }
+  return { isConnected: false };
 });
 export {
   getAccount

package/dist/provider/actions/getWallet.d.ts

@@ -1,5 +1,5 @@
-import ParaWeb, { WalletType } from '@getpara/web-sdk';
+import ParaWeb, { TWalletType } from '@getpara/web-sdk';
 export declare const getWallet: (para?: ParaWeb, selectedWallet?: {
     id?: string;
-    type?: WalletType;
-}) => Promise<Omit<import("@getpara/web-sdk").Wallet, "signer">>;
+    type?: TWalletType;
+}) => Promise<Omit<import("@getpara/web-sdk").Wallet, "signer"> | null | undefined>;