@getpara/react-sdk-lite 2.0.0-dev.6 → 2.0.0

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

@@ -1,4 +1,4 @@
-import { EnabledFlow } from '@getpara/web-sdk';
+import { EnabledFlow } from '@getpara/core-sdk/src/types/config.js';
 export declare enum ModalStep {
     AUTH_MAIN = "AUTH_MAIN",
     AUTH_MORE = "AUTH_MORE",
@@ -39,8 +39,18 @@ export declare enum ModalStep {
     ACCOUNT_PROFILE_ADD = "ACCOUNT_PROFILE_ADD",
     ACCOUNT_PROFILE_LIST = "ACCOUNT_PROFILE_LIST",
     ACCOUNT_PROFILE_REMOVE = "ACCOUNT_PROFILE_REMOVE",
+    ACCOUNT_WALLET = "ACCOUNT_WALLET",
     AWAITING_ACCOUNT = "AWAITING_ACCOUNT",
-    OTP = "OTP"
+    SWITCH_WALLETS = "SWITCH_WALLETS",
+    SWITCH_WALLETS_IFRAME = "SWITCH_WALLETS_IFRAME",
+    OTP = "OTP",
+    ADD_EX_WALLET_MORE = "ADD_EX_WALLET_MORE",
+    ADD_EX_WALLET_SELECTED = "ADD_EX_WALLET_SELECTED",
+    ADD_EX_WALLET_NETWORK_SELECT = "ADD_EX_WALLET_NETWORK_SELECT",
+    LINK_EX_WALLET_NETWORK_SELECT = "LINK_EX_WALLET_NETWORK_SELECT",
+    ACCOUNT_SEND = "ACCOUNT_SEND",
+    ACCOUNT_SEND_ASSET = "ACCOUNT_SEND_ASSET",
+    ACCOUNT_SEND_NETWORK = "ACCOUNT_SEND_NETWORK"
 }
 export type ModalStepPropU = keyof typeof ModalStep | ModalStep;
 export type ModalStepPropL = Lowercase<ModalStepPropU>;
@@ -58,7 +68,18 @@ declare enum AccountStep {
     ACCOUNT_PROFILE = "ACCOUNT_PROFILE",
     ACCOUNT_PROFILE_ADD = "ACCOUNT_PROFILE_ADD",
     ACCOUNT_PROFILE_LIST = "ACCOUNT_PROFILE_LIST",
-    ACCOUNT_PROFILE_REMOVE = "ACCOUNT_PROFILE_REMOVE"
+    ACCOUNT_PROFILE_REMOVE = "ACCOUNT_PROFILE_REMOVE",
+    ACCOUNT_WALLET = "ACCOUNT_WALLET",
+    SWITCH_WALLETS = "SWITCH_WALLETS",
+    SWITCH_WALLETS_IFRAME = "SWITCH_WALLETS_IFRAME",
+    EXTERNAL_WALLET_VERIFICATION = "EXTERNAL_WALLET_VERIFICATION",
+    ADD_EX_WALLET_MORE = "ADD_EX_WALLET_MORE",
+    ADD_EX_WALLET_SELECTED = "ADD_EX_WALLET_SELECTED",
+    ADD_EX_WALLET_NETWORK_SELECT = "ADD_EX_WALLET_NETWORK_SELECT",
+    LINK_EX_WALLET_NETWORK_SELECT = "LINK_EX_WALLET_NETWORK_SELECT",
+    ACCOUNT_SEND = "ACCOUNT_SEND",
+    ACCOUNT_SEND_ASSET = "ACCOUNT_SEND_ASSET",
+    ACCOUNT_SEND_NETWORK = "ACCOUNT_SEND_NETWORK"
 }
 export declare const RESET_TO_AUTH_STEPS: ModalStep[];
 export declare const RESET_TO_ACCOUNT_STEPS: ModalStep[];

package/dist/modal/utils/steps.js

@@ -40,8 +40,18 @@ var ModalStep = /* @__PURE__ */ ((ModalStep2) => {
   ModalStep2["ACCOUNT_PROFILE_ADD"] = "ACCOUNT_PROFILE_ADD";
   ModalStep2["ACCOUNT_PROFILE_LIST"] = "ACCOUNT_PROFILE_LIST";
   ModalStep2["ACCOUNT_PROFILE_REMOVE"] = "ACCOUNT_PROFILE_REMOVE";
+  ModalStep2["ACCOUNT_WALLET"] = "ACCOUNT_WALLET";
   ModalStep2["AWAITING_ACCOUNT"] = "AWAITING_ACCOUNT";
+  ModalStep2["SWITCH_WALLETS"] = "SWITCH_WALLETS";
+  ModalStep2["SWITCH_WALLETS_IFRAME"] = "SWITCH_WALLETS_IFRAME";
   ModalStep2["OTP"] = "OTP";
+  ModalStep2["ADD_EX_WALLET_MORE"] = "ADD_EX_WALLET_MORE";
+  ModalStep2["ADD_EX_WALLET_SELECTED"] = "ADD_EX_WALLET_SELECTED";
+  ModalStep2["ADD_EX_WALLET_NETWORK_SELECT"] = "ADD_EX_WALLET_NETWORK_SELECT";
+  ModalStep2["LINK_EX_WALLET_NETWORK_SELECT"] = "LINK_EX_WALLET_NETWORK_SELECT";
+  ModalStep2["ACCOUNT_SEND"] = "ACCOUNT_SEND";
+  ModalStep2["ACCOUNT_SEND_ASSET"] = "ACCOUNT_SEND_ASSET";
+  ModalStep2["ACCOUNT_SEND_NETWORK"] = "ACCOUNT_SEND_NETWORK";
   return ModalStep2;
 })(ModalStep || {});
 var AccountStep = /* @__PURE__ */ ((AccountStep2) => {
@@ -58,10 +68,20 @@ var AccountStep = /* @__PURE__ */ ((AccountStep2) => {
   AccountStep2["ACCOUNT_PROFILE_ADD"] = "ACCOUNT_PROFILE_ADD";
   AccountStep2["ACCOUNT_PROFILE_LIST"] = "ACCOUNT_PROFILE_LIST";
   AccountStep2["ACCOUNT_PROFILE_REMOVE"] = "ACCOUNT_PROFILE_REMOVE";
+  AccountStep2["ACCOUNT_WALLET"] = "ACCOUNT_WALLET";
+  AccountStep2["SWITCH_WALLETS"] = "SWITCH_WALLETS";
+  AccountStep2["SWITCH_WALLETS_IFRAME"] = "SWITCH_WALLETS_IFRAME";
+  AccountStep2["EXTERNAL_WALLET_VERIFICATION"] = "EXTERNAL_WALLET_VERIFICATION";
+  AccountStep2["ADD_EX_WALLET_MORE"] = "ADD_EX_WALLET_MORE";
+  AccountStep2["ADD_EX_WALLET_SELECTED"] = "ADD_EX_WALLET_SELECTED";
+  AccountStep2["ADD_EX_WALLET_NETWORK_SELECT"] = "ADD_EX_WALLET_NETWORK_SELECT";
+  AccountStep2["LINK_EX_WALLET_NETWORK_SELECT"] = "LINK_EX_WALLET_NETWORK_SELECT";
+  AccountStep2["ACCOUNT_SEND"] = "ACCOUNT_SEND";
+  AccountStep2["ACCOUNT_SEND_ASSET"] = "ACCOUNT_SEND_ASSET";
+  AccountStep2["ACCOUNT_SEND_NETWORK"] = "ACCOUNT_SEND_NETWORK";
   return AccountStep2;
 })(AccountStep || {});
 const RESET_TO_AUTH_STEPS = [
-  "EX_WALLET_MORE" /* EX_WALLET_MORE */,
   "EX_WALLET_SELECTED" /* EX_WALLET_SELECTED */,
   "EX_WALLET_NETWORK_SELECT" /* EX_WALLET_NETWORK_SELECT */,
   "VERIFICATIONS" /* VERIFICATIONS */,
@@ -84,7 +104,6 @@ const RESET_TO_AUTH_STEPS = [
   "SETUP_2FA" /* SETUP_2FA */,
   "VERIFY_2FA" /* VERIFY_2FA */,
   "TWO_FACTOR_DONE" /* TWO_FACTOR_DONE */,
-  "LOGIN_DONE" /* LOGIN_DONE */,
   "OTP" /* OTP */
 ];
 const RESET_TO_ACCOUNT_STEPS = [
@@ -99,7 +118,18 @@ const RESET_TO_ACCOUNT_STEPS = [
   "ACCOUNT_PROFILE" /* ACCOUNT_PROFILE */,
   "ACCOUNT_PROFILE_ADD" /* ACCOUNT_PROFILE_ADD */,
   "ACCOUNT_PROFILE_LIST" /* ACCOUNT_PROFILE_LIST */,
-  "ACCOUNT_PROFILE_REMOVE" /* ACCOUNT_PROFILE_REMOVE */
+  "ACCOUNT_PROFILE_REMOVE" /* ACCOUNT_PROFILE_REMOVE */,
+  "ACCOUNT_SEND" /* ACCOUNT_SEND */,
+  "ACCOUNT_SEND_ASSET" /* ACCOUNT_SEND_ASSET */,
+  "ACCOUNT_SEND_NETWORK" /* ACCOUNT_SEND_NETWORK */,
+  "ACCOUNT_WALLET" /* ACCOUNT_WALLET */,
+  "SWITCH_WALLETS" /* SWITCH_WALLETS */,
+  "SWITCH_WALLETS_IFRAME" /* SWITCH_WALLETS_IFRAME */,
+  "ADD_EX_WALLET_MORE" /* ADD_EX_WALLET_MORE */,
+  "ADD_EX_WALLET_SELECTED" /* ADD_EX_WALLET_SELECTED */,
+  "ADD_EX_WALLET_NETWORK_SELECT" /* ADD_EX_WALLET_NETWORK_SELECT */,
+  "LINK_EX_WALLET_NETWORK_SELECT" /* LINK_EX_WALLET_NETWORK_SELECT */,
+  "EXTERNAL_WALLET_VERIFICATION" /* EXTERNAL_WALLET_VERIFICATION */
 ];
 const AccountPreviousStep = {
   ["ACCOUNT_MAIN" /* ACCOUNT_MAIN */]: void 0,
@@ -114,7 +144,18 @@ const AccountPreviousStep = {
   ["ACCOUNT_PROFILE" /* ACCOUNT_PROFILE */]: "ACCOUNT_MAIN" /* ACCOUNT_MAIN */,
   ["ACCOUNT_PROFILE_LIST" /* ACCOUNT_PROFILE_LIST */]: "ACCOUNT_PROFILE" /* ACCOUNT_PROFILE */,
   ["ACCOUNT_PROFILE_ADD" /* ACCOUNT_PROFILE_ADD */]: "ACCOUNT_PROFILE_LIST" /* ACCOUNT_PROFILE_LIST */,
-  ["ACCOUNT_PROFILE_REMOVE" /* ACCOUNT_PROFILE_REMOVE */]: "ACCOUNT_PROFILE" /* ACCOUNT_PROFILE */
+  ["ACCOUNT_PROFILE_REMOVE" /* ACCOUNT_PROFILE_REMOVE */]: "ACCOUNT_PROFILE" /* ACCOUNT_PROFILE */,
+  ["ACCOUNT_WALLET" /* ACCOUNT_WALLET */]: "ACCOUNT_PROFILE" /* ACCOUNT_PROFILE */,
+  ["SWITCH_WALLETS" /* SWITCH_WALLETS */]: "ACCOUNT_PROFILE" /* ACCOUNT_PROFILE */,
+  ["SWITCH_WALLETS_IFRAME" /* SWITCH_WALLETS_IFRAME */]: "ACCOUNT_PROFILE" /* ACCOUNT_PROFILE */,
+  ["EXTERNAL_WALLET_VERIFICATION" /* EXTERNAL_WALLET_VERIFICATION */]: "EX_WALLET_SELECTED" /* EX_WALLET_SELECTED */,
+  ["ADD_EX_WALLET_MORE" /* ADD_EX_WALLET_MORE */]: "ACCOUNT_PROFILE" /* ACCOUNT_PROFILE */,
+  ["ADD_EX_WALLET_SELECTED" /* ADD_EX_WALLET_SELECTED */]: "ADD_EX_WALLET_MORE" /* ADD_EX_WALLET_MORE */,
+  ["ADD_EX_WALLET_NETWORK_SELECT" /* ADD_EX_WALLET_NETWORK_SELECT */]: "ADD_EX_WALLET_MORE" /* ADD_EX_WALLET_MORE */,
+  ["LINK_EX_WALLET_NETWORK_SELECT" /* LINK_EX_WALLET_NETWORK_SELECT */]: "ACCOUNT_PROFILE_LIST" /* ACCOUNT_PROFILE_LIST */,
+  ["ACCOUNT_SEND" /* ACCOUNT_SEND */]: "ACCOUNT_MAIN" /* ACCOUNT_MAIN */,
+  ["ACCOUNT_SEND_ASSET" /* ACCOUNT_SEND_ASSET */]: "ACCOUNT_SEND" /* ACCOUNT_SEND */,
+  ["ACCOUNT_SEND_NETWORK" /* ACCOUNT_SEND_NETWORK */]: "ACCOUNT_SEND_ASSET" /* ACCOUNT_SEND_ASSET */
 };
 var SignUpModalStep = /* @__PURE__ */ ((SignUpModalStep2) => {
   SignUpModalStep2["AUTH_MAIN"] = "AUTH_MAIN";
@@ -270,7 +311,12 @@ function getAddFundsStep(currentTab) {
       return "ADD_FUNDS_WITHDRAW" /* ADD_FUNDS_WITHDRAW */;
   }
 }
-const IFrameSteps = ["PASSWORD_CREATION" /* PASSWORD_CREATION */, "EMBEDDED_PASSWORD_LOGIN" /* EMBEDDED_PASSWORD_LOGIN */, "OTP" /* OTP */];
+const IFrameSteps = [
+  "PASSWORD_CREATION" /* PASSWORD_CREATION */,
+  "EMBEDDED_PASSWORD_LOGIN" /* EMBEDDED_PASSWORD_LOGIN */,
+  "OTP" /* OTP */,
+  "SWITCH_WALLETS_IFRAME" /* SWITCH_WALLETS_IFRAME */
+];
 export {
   AccountPreviousStep,
   GuestPreviousStep,

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

@@ -1,5 +1,4 @@
-import { Network } from '@getpara/web-sdk';
-export declare const formatNetworkList: (networks: Network[]) => string;
+import { TNetwork } from '@getpara/web-sdk';
+export declare const formatNetworkList: (networks: TNetwork[]) => string;
 export declare const formatWalletCreatedDate: (date: string) => string;
 export declare const camelToSnakeCase: (str: string) => string;
-export declare const formatBalanceString: (str: string) => string;

package/dist/modal/utils/stringFormatters.js

@@ -1,19 +1,23 @@
 "use client";
 import "../../chunk-MMUBH76A.js";
-import { getNetworkName } from "../constants/constants.js";
+import { getNetworkName } from "@getpara/react-common";
 import { format } from "date-fns";
 const formatNetworkList = (networks) => {
-  return networks.length === 1 ? getNetworkName(networks[0]) : `${networks.map((id) => getNetworkName(id)).slice(0, -1).join(", ")}${networks.length > 2 ? "," : ""} and ${getNetworkName(networks[networks.length - 1])}`;
+  if (networks.length === 0) {
+    return "";
+  }
+  if (networks.length === 1) {
+    return getNetworkName(networks[0]);
+  }
+  const networkNames = networks.map((id) => getNetworkName(id));
+  const allButLast = networkNames.slice(0, -1);
+  const last = networkNames[networkNames.length - 1];
+  return `${allButLast.join(", ")}${networks.length > 2 ? "," : ""} and ${last}`;
 };
 const formatWalletCreatedDate = (date) => `${format(new Date(date), "M/d/y")}`;
 const camelToSnakeCase = (str) => str.replace(/[A-Z]/g, (letter) => `_${letter.toLowerCase()}`);
-const formatBalanceString = (str) => {
-  const numericBalance = parseFloat(str);
-  return `$${numericBalance.toLocaleString(void 0, { maximumFractionDigits: 2 })}`;
-};
 export {
   camelToSnakeCase,
-  formatBalanceString,
   formatNetworkList,
   formatWalletCreatedDate
 };

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

@@ -0,0 +1,2 @@
+import { Ctx } from '@getpara/web-sdk';
+export declare const validatePortalOrigin: (event: MessageEvent, paraCtx: Ctx) => boolean;

package/dist/modal/utils/validatePortalOrigin.js

@@ -0,0 +1,14 @@
+"use client";
+import "../../chunk-MMUBH76A.js";
+import { getPortalBaseURL } from "@getpara/web-sdk";
+const validatePortalOrigin = (event, paraCtx) => {
+  const portalBase = getPortalBaseURL(paraCtx);
+  const portalLocalBase = getPortalBaseURL(paraCtx, true);
+  if (event.origin !== portalBase && event.origin !== portalLocalBase) {
+    return false;
+  }
+  return true;
+};
+export {
+  validatePortalOrigin
+};

package/dist/provider/ParaProviderMin.js

@@ -6,6 +6,7 @@ import {
 import { jsx, jsxs } from "react/jsx-runtime";
 import { forwardRef, useEffect, useState } from "react";
 import { useStore } from "./stores/useStore.js";
+import { useModalStore } from "../modal/stores/index.js";
 import { useAutoSessionKeepAlive } from "./hooks/utils/useAutoSessionKeepAlive.js";
 import { useEventListeners } from "./hooks/utils/useEventListeners.js";
 import { ExternalWalletWrapper } from "./components/ExternalWalletWrapper.js";
@@ -15,6 +16,7 @@ import ParaWeb from "@getpara/web-sdk";
 import { EXTERNAL_WALLET_TYPES } from "@getpara/web-sdk";
 import { AuthProvider } from "./providers/AuthProvider.js";
 import { AccountLinkProvider } from "./providers/AccountLinkProvider.js";
+import { AssetsProvider } from "./providers/AssetsProvider.js";
 const ParaProviderMin = forwardRef(({ children, paraClientConfig, callbacks, config, externalWalletConfig, paraModalConfig }, ref) => {
   useEventListeners(callbacks);
   useAutoSessionKeepAlive({ disabled: config.disableAutoSessionKeepAlive });
@@ -37,6 +39,7 @@ const ParaProviderMin = forwardRef(({ children, paraClientConfig, callbacks, con
   const rpcUrl = useStore((state) => state.rpcUrl);
   const setRpcUrl = useStore((state) => state.setRpcUrl);
   const setProviderProps = useStore((state) => state.setProviderProps);
+  const setModalError = useModalStore((state) => state.setModalError);
   const [isClientReady, setIsClientReady] = useState(client == null ? void 0 : client.isReady);
   useEffect(() => {
     setProviderProps(__spreadProps(__spreadValues(__spreadValues(__spreadValues({}, config), externalWalletConfig), paraModalConfig), {
@@ -88,9 +91,7 @@ const ParaProviderMin = forwardRef(({ children, paraClientConfig, callbacks, con
         console.warn("createLinkedEmbeddedForExternalWallets has no effect when using connection only external wallets");
         setExternalWalletsWithFullAuth([]);
       } else {
-        setExternalWalletsWithFullAuth(
-          (externalWalletConfig == null ? void 0 : externalWalletConfig.createLinkedEmbeddedForExternalWallets) === "ALL" ? [...EXTERNAL_WALLET_TYPES] : (_b = externalWalletConfig == null ? void 0 : externalWalletConfig.createLinkedEmbeddedForExternalWallets) != null ? _b : []
-        );
+        setExternalWalletsWithFullAuth((_b = externalWalletConfig == null ? void 0 : externalWalletConfig.createLinkedEmbeddedForExternalWallets) != null ? _b : []);
       }
     }
   }, [externalWalletConfig == null ? void 0 : externalWalletConfig.createLinkedEmbeddedForExternalWallets]);
@@ -99,6 +100,8 @@ const ParaProviderMin = forwardRef(({ children, paraClientConfig, callbacks, con
       throw new Error("Invalid Para config");
     }
     const newClient = isParaWeb(paraClientConfig) ? paraClientConfig : new ParaWeb(paraClientConfig.env, paraClientConfig.apiKey, paraClientConfig.opts);
+    newClient.setModalError = setModalError;
+    newClient.portalTheme = paraModalConfig == null ? void 0 : paraModalConfig.theme;
     if (newClient.isReady) {
       setIsClientReady(true);
     } else {
@@ -106,6 +109,11 @@ const ParaProviderMin = forwardRef(({ children, paraClientConfig, callbacks, con
     }
     setClient(newClient);
   }, [paraClientConfig]);
+  useEffect(() => {
+    if (client) {
+      client.portalTheme = paraModalConfig == null ? void 0 : paraModalConfig.theme;
+    }
+  }, [paraModalConfig == null ? void 0 : paraModalConfig.theme, client]);
   useEffect(() => {
     if (client && !client.isReady) {
       client.ready().then(() => {
@@ -128,10 +136,10 @@ const ParaProviderMin = forwardRef(({ children, paraClientConfig, callbacks, con
         login: paraModalConfig == null ? void 0 : paraModalConfig.loginTransitionOverride,
         createWallets: paraModalConfig == null ? void 0 : paraModalConfig.createWalletOverride
       },
-      children: /* @__PURE__ */ jsx(ExternalWalletWrapper, { config: externalWalletConfig, children: /* @__PURE__ */ jsxs(AccountLinkProvider, { children: [
+      children: /* @__PURE__ */ jsx(AssetsProvider, { children: /* @__PURE__ */ jsx(ExternalWalletWrapper, { config: externalWalletConfig, children: /* @__PURE__ */ jsxs(AccountLinkProvider, { children: [
         children,
         !config.disableEmbeddedModal && client.isReady && /* @__PURE__ */ jsx(ParaModal, { ref })
-      ] }) })
+      ] }) }) })
     }
   );
 });

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

@@ -1,4 +1,4 @@
-import ParaWeb, { PrimaryAuthInfo } from '@getpara/web-sdk';
+import ParaWeb, { AuthMethod, PrimaryAuthInfo } from '@getpara/web-sdk';
 type AccountValue = PrimaryAuthInfo & {
     email?: string;
     phone?: `+${number}`;
@@ -7,6 +7,7 @@ type AccountValue = PrimaryAuthInfo & {
     externalWalletAddress?: string;
     wallets: (typeof ParaWeb.prototype)['availableWallets'];
     userId?: string;
+    authMethods?: Set<AuthMethod>;
 };
 export type Account = ({
     isConnected: false;
@@ -22,5 +23,5 @@ export type Account = ({
     isConnected: true;
     isGuestMode: false;
 } & AccountValue);
-export declare const getEmbeddedAccount: (para: ParaWeb | undefined, isFullyLoggedIn: boolean | undefined) => Account;
+export declare const getEmbeddedAccount: (para: ParaWeb | undefined, isFullyLoggedIn: boolean | undefined) => Promise<Account>;
 export {};

package/dist/provider/actions/getEmbeddedAccount.js

@@ -1,6 +1,8 @@
 "use client";
-import "../../chunk-MMUBH76A.js";
-const getEmbeddedAccount = (para, isFullyLoggedIn) => {
+import {
+  __async
+} from "../../chunk-MMUBH76A.js";
+const getEmbeddedAccount = (para, isFullyLoggedIn) => __async(void 0, null, function* () {
   switch (true) {
     case !para:
     case !(para == null ? void 0 : para.isReady):
@@ -20,6 +22,12 @@ const getEmbeddedAccount = (para, isFullyLoggedIn) => {
     };
   }
   const authInfo = para.authInfo;
+  let authMethods;
+  try {
+    authMethods = yield para.supportedUserAuthMethods();
+  } catch (e) {
+    authMethods = /* @__PURE__ */ new Set();
+  }
   const value = {
     auth: authInfo == null ? void 0 : authInfo.auth,
     authType: authInfo == null ? void 0 : authInfo.authType,
@@ -27,7 +35,8 @@ const getEmbeddedAccount = (para, isFullyLoggedIn) => {
     userId: para.userId,
     wallets: para.availableWallets,
     isConnected: true,
-    isGuestMode: false
+    isGuestMode: false,
+    authMethods
   };
   if (authInfo) {
     switch (authInfo.authType) {
@@ -51,7 +60,7 @@ const getEmbeddedAccount = (para, isFullyLoggedIn) => {
     }
   }
   return value;
-};
+});
 export {
   getEmbeddedAccount
 };

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

@@ -28,20 +28,22 @@ export declare const getWalletBalance: import("./utils.js").CoreAction<"getWalle
 export declare const issueJwt: import("./utils.js").CoreAction<"issueJwt">;
 export declare const getLinkedAccounts: import("./utils.js").CoreAction<"getLinkedAccounts">;
 export declare const accountLinkInProgress: import("./utils.js").CoreAction<"accountLinkInProgress">;
+export declare const addCredential: import("./utils.js").CoreAction<"addCredential">;
 export declare const linkAccount: (_?: import("@getpara/core-sdk").default, __?: {
-    auth: import("@getpara/user-management-client").VerifiedAuth;
+    auth: import("@getpara/shared").VerifiedAuth;
 } | {
-    externalWallet: import("@getpara/user-management-client").ExternalWalletInfo;
+    externalWallet: import("@getpara/shared").ExternalWalletInfo;
 } | {
-    type: import("@getpara/user-management-client").TLinkedAccountType | "X";
+    type: import("@getpara/shared").TLinkedAccountType | "X";
 } | undefined) => Promise<import("@getpara/core-sdk").AccountLinkInProgress>;
 export declare const unlinkAccount: (_?: import("@getpara/core-sdk").default, __?: {
     linkedAccountId: string;
-} | undefined) => Promise<import("@getpara/user-management-client").LinkedAccounts>;
+} | undefined) => Promise<import("@getpara/shared").LinkedAccounts>;
 export declare const verifyEmailOrPhoneLink: (_?: import("@getpara/core-sdk").default, __?: {
     verificationCode?: string;
-} | undefined) => Promise<import("@getpara/user-management-client").LinkedAccounts>;
-export declare const verifyFarcasterLink: (_?: import("@getpara/core-sdk").default, __?: import("@getpara/core-sdk/dist/types/types/methods.js").FarcasterParams | undefined) => Promise<import("@getpara/user-management-client").LinkedAccounts>;
-export declare const verifyTelegramLink: (_?: import("@getpara/core-sdk").default, __?: import("@getpara/core-sdk/dist/types/types/methods.js").TelegramParams | undefined) => Promise<import("@getpara/user-management-client").LinkedAccounts>;
-export declare const verifyOAuthLink: (_?: import("@getpara/core-sdk").default, __?: import("@getpara/core-sdk/dist/types/types/methods.js").OAuthParams | undefined) => Promise<import("@getpara/user-management-client").LinkedAccounts>;
-export declare const verifyExternalWalletLink: (_?: import("@getpara/core-sdk").default, __?: Omit<import("@getpara/user-management-client").VerifyExternalWalletParams, "externalWallet"> | undefined) => Promise<import("@getpara/user-management-client").LinkedAccounts>;
+} | undefined) => Promise<import("@getpara/shared").LinkedAccounts>;
+export declare const verifyFarcasterLink: (_?: import("@getpara/core-sdk").default, __?: import("@getpara/core-sdk/dist/types/types/methods.js").FarcasterParams | undefined) => Promise<import("@getpara/shared").LinkedAccounts>;
+export declare const verifyTelegramLink: (_?: import("@getpara/core-sdk").default, __?: import("@getpara/core-sdk/dist/types/types/methods.js").TelegramParams | undefined) => Promise<import("@getpara/shared").LinkedAccounts>;
+export declare const verifyOAuthLink: (_?: import("@getpara/core-sdk").default, __?: import("@getpara/core-sdk/dist/types/types/methods.js").OAuthParams | undefined) => Promise<import("@getpara/shared").LinkedAccounts>;
+export declare const verifyExternalWalletLink: (_?: import("@getpara/core-sdk").default, __?: Omit<import("@getpara/shared").VerifyExternalWalletParams, "externalWallet"> | undefined) => Promise<import("@getpara/shared").LinkedAccounts>;
+export declare const exportPrivateKey: import("./utils.js").CoreAction<"exportPrivateKey">;

package/dist/provider/actions/index.js

@@ -31,6 +31,7 @@ const getWalletBalance = generateCoreAction("getWalletBalance");
 const issueJwt = generateCoreAction("issueJwt");
 const getLinkedAccounts = generateCoreAction("getLinkedAccounts");
 const accountLinkInProgress = generateCoreAction("accountLinkInProgress");
+const addCredential = generateCoreAction("addCredential");
 const linkAccount = generateInternalAction("linkAccount");
 const unlinkAccount = generateInternalAction("unlinkAccount");
 const verifyEmailOrPhoneLink = generateInternalAction("verifyEmailOrPhoneLink");
@@ -38,8 +39,10 @@ const verifyFarcasterLink = generateInternalAction("verifyFarcasterLink");
 const verifyTelegramLink = generateInternalAction("verifyTelegramLink");
 const verifyOAuthLink = generateInternalAction("verifyOAuthLink");
 const verifyExternalWalletLink = generateInternalAction("verifyExternalWalletLink");
+const exportPrivateKey = generateCoreAction("exportPrivateKey");
 export {
   accountLinkInProgress,
+  addCredential,
   claimPregenWallets,
   createGuestWallets,
   createPregenWallet,
@@ -47,6 +50,7 @@ export {
   createWallet,
   createWalletPerType,
   enable2fa,
+  exportPrivateKey,
   getLinkedAccounts,
   getWalletBalance,
   hasPregenWallet,

package/dist/provider/components/CosmosWalletWrapper.js

@@ -5,7 +5,7 @@ import { CosmosExternalWalletProvider } from "../providers/CosmosExternalWalletP
 import { useInternalClient } from "../hooks/utils/useInternalClient.js";
 import { useStore } from "../stores/useStore.js";
 import { COSMOS_WALLETS } from "@getpara/web-sdk";
-import { useWallet } from "../hooks/index.js";
+import { useWalletState } from "../hooks/index.js";
 const CosmosWalletWrapper = ({
   children,
   cosmosConnectorConfig,
@@ -13,7 +13,7 @@ const CosmosWalletWrapper = ({
   onSwitchWallet
 }) => {
   const para = useInternalClient();
-  const { data: wallet } = useWallet();
+  const { selectedWallet } = useWalletState();
   const externalWalletsWithFullAuth = useStore((state) => state.externalWalletsWithFullAuth);
   const wallets = useStore((state) => state.externalWallets);
   const isUsing = wallets.some((w) => w in COSMOS_WALLETS);
@@ -27,7 +27,7 @@ const CosmosWalletWrapper = ({
         onSwitchWallet,
         para,
         walletsWithFullAuth: externalWalletsWithFullAuth,
-        connectedWallet: wallet,
+        connectedWallet: (selectedWallet == null ? void 0 : selectedWallet.id) ? { id: selectedWallet.id, type: selectedWallet.type } : null,
         connectionOnly,
         includeWalletVerification
       },

package/dist/provider/components/EvmWalletWrapper.js

@@ -5,7 +5,7 @@ import { EvmExternalWalletProvider } from "../providers/EvmExternalWalletProvide
 import { useInternalClient } from "../hooks/utils/useInternalClient.js";
 import { useStore } from "../stores/useStore.js";
 import { EVM_WALLETS } from "@getpara/web-sdk";
-import { useWallet } from "../hooks/index.js";
+import { useWalletState } from "../hooks/index.js";
 const EvmWalletWrapper = ({
   children,
   evmProviderConfig,
@@ -13,7 +13,7 @@ const EvmWalletWrapper = ({
   onSwitchWallet
 }) => {
   const para = useInternalClient();
-  const { data: wallet } = useWallet();
+  const { selectedWallet } = useWalletState();
   const externalWalletsWithFullAuth = useStore((state) => state.externalWalletsWithFullAuth);
   const wallets = useStore((state) => state.externalWallets);
   const connectionOnly = useStore((state) => state.connectionOnly);
@@ -27,7 +27,7 @@ const EvmWalletWrapper = ({
         onSwitchWallet,
         para,
         walletsWithFullAuth: externalWalletsWithFullAuth,
-        connectedWallet: wallet,
+        connectedWallet: (selectedWallet == null ? void 0 : selectedWallet.id) ? { id: selectedWallet.id, type: selectedWallet.type } : null,
         connectionOnly,
         includeWalletVerification
       },

package/dist/provider/components/ExternalWalletWrapper.js

@@ -11,6 +11,8 @@ import { EvmWalletWrapper } from "./EvmWalletWrapper.js";
 import { CosmosWalletWrapper } from "./CosmosWalletWrapper.js";
 import { SolanaWalletWrapper } from "./SolanaWalletWrapper.js";
 import { useStore } from "../stores/useStore.js";
+import { useInternalClient } from "../hooks/utils/useInternalClient.js";
+import { EVM_WALLETS } from "@getpara/web-sdk";
 const ExternalWalletWrapper = ({
   children,
   config
@@ -20,8 +22,12 @@ const ExternalWalletWrapper = ({
   const appName = useStore((state) => state.appName);
   const resetModalState = useModalStore((state) => state.resetState);
   const wallets = useStore((state) => state.externalWallets);
+  const para = useInternalClient();
   useEffect(() => {
-    if (!!wallets.length && !(walletConnect == null ? void 0 : walletConnect.projectId)) {
+    if (!!wallets.length && !(walletConnect == null ? void 0 : walletConnect.projectId) && wallets.some((wallet) => EVM_WALLETS.includes(wallet))) {
+      para.displayModalError(
+        "It is recommended to provide a WalletConnect project id to ensure wallet connection works as expected. Refer to our docs at [https://docs.getpara.com/v2/react/guides/external-wallets/evm#configure-the-providers](https://docs.getpara.com/v2/react/guides/external-wallets/evm#configure-the-providers) for configuration details and sign up for your free key at [https://cloud.walletconnect.com/sign-in](https://cloud.walletconnect.com/sign-in)"
+      );
       console.warn(
         "It is recommended to provide a WalletConnect project id to ensure wallet connection works as expected. Sign up for your free key at https://cloud.walletconnect.com/sign-in"
       );

package/dist/provider/external/stubs/CosmosExternalWalletContextStub.js

@@ -2,7 +2,9 @@
 import "../../../chunk-MMUBH76A.js";
 import { defaultCosmosExternalWallet } from "@getpara/react-common";
 import { createContext } from "react";
-const CosmosExternalWalletContext = createContext(defaultCosmosExternalWallet);
+const CosmosExternalWalletContext = createContext(
+  defaultCosmosExternalWallet
+);
 export {
   CosmosExternalWalletContext
 };

package/dist/provider/external/stubs/EvmExternalWalletContextStub.js

@@ -2,7 +2,9 @@
 import "../../../chunk-MMUBH76A.js";
 import { createContext } from "react";
 import { defaultEvmExternalWallet } from "@getpara/react-common";
-const EvmExternalWalletContext = createContext(defaultEvmExternalWallet);
+const EvmExternalWalletContext = createContext(
+  defaultEvmExternalWallet
+);
 export {
   EvmExternalWalletContext
 };

package/dist/provider/external/stubs/SolanaExternalWalletContextStub.js

@@ -2,7 +2,9 @@
 import "../../../chunk-MMUBH76A.js";
 import { createContext } from "react";
 import { defaultSolanaExternalWallet } from "@getpara/react-common";
-const SolanaExternalWalletContext = createContext(defaultSolanaExternalWallet);
+const SolanaExternalWalletContext = createContext(
+  defaultSolanaExternalWallet
+);
 export {
   SolanaExternalWalletContext
 };

package/dist/provider/hooks/mutations/index.d.ts

@@ -26,4 +26,6 @@ export { useCreateGuestWallets } from './useCreateGuestWallets.js';
 export { useSignMessage } from './useSignMessage.js';
 export { useSignTransaction } from './useSignTransaction.js';
 export { useIssueJwt } from './useIssueJwt.js';
+export { useAddAuthMethod } from './useAddAuthMethod.js';
+export { useExportPrivateKey } from './useExportPrivateKey.js';
 export declare const useCreateGuestWalletsState: import("../../types/utils.js").CoreMethodMutationStateHook<"createGuestWallets">;

package/dist/provider/hooks/mutations/index.js

@@ -29,8 +29,11 @@ import { useCreateGuestWallets } from "./useCreateGuestWallets.js";
 import { useSignMessage } from "./useSignMessage.js";
 import { useSignTransaction } from "./useSignTransaction.js";
 import { useIssueJwt } from "./useIssueJwt.js";
+import { useAddAuthMethod } from "./useAddAuthMethod.js";
+import { useExportPrivateKey } from "./useExportPrivateKey.js";
 const useCreateGuestWalletsState = generateStateHook("createGuestWallets");
 export {
+  useAddAuthMethod,
   useClaimPregenWallets,
   useCreateGuestWallets,
   useCreateGuestWalletsState,
@@ -39,6 +42,7 @@ export {
   useCreateWallet,
   useCreateWalletPerType,
   useEnable2fa,
+  useExportPrivateKey,
   useHasPregenWallet,
   useIssueJwt,
   useKeepSessionAlive,

package/dist/provider/hooks/mutations/useAddAuthMethod.d.ts

@@ -0,0 +1,42 @@
+export declare const ADD_CREDENTIAL_KEY = "ADD_CREDENTIAL";
+/**
+ * React hook to add a new auth method to a user's account. Useful for move a user's account away from basic login.
+ *
+ * Returns a mutation result object with all standard fields from `useMutation`, except:
+ * - `mutate` and `mutateAsync` are replaced by:
+ *   - `addAuthMethod`: function to trigger the mutation (same as `mutate`)
+ *   - `addAuthMethodAsync`: async function to trigger the mutation (same as `mutateAsync`)
+ *
+ * @example
+ * const { addAuthMethod, addAuthMethodAsync } = useAddAuthMethod();
+ * // sync and with defined auth method to add
+ * addAuthMethod({ authMethod: 'PASSKEY' });
+ * // or async and without defined auth method to add (gives the user the option to choose)
+ * await addAuthMethodAsync();
+ */
+export declare const useAddAuthMethod: ({ openPopup }?: {
+    openPopup: boolean;
+}) => {
+    status: "idle" | "pending" | "error" | "success";
+    error: Error | null;
+    data: string | undefined;
+    isSuccess: boolean;
+    variables: void | {
+        authMethod?: import("@getpara/web-sdk").TAuthMethod | undefined;
+    } | undefined;
+    isError: boolean;
+    isIdle: boolean;
+    isPending: boolean;
+    reset: () => void;
+    context: unknown;
+    failureCount: number;
+    failureReason: Error | null;
+    isPaused: boolean;
+    submittedAt: number;
+    addAuthMethod: import("@tanstack/react-query").UseMutateFunction<string, Error, void | {
+        authMethod?: import("@getpara/web-sdk").TAuthMethod | undefined;
+    }, unknown>;
+    addAuthMethodAsync: import("@tanstack/react-query").UseMutateAsyncFunction<string, Error, void | {
+        authMethod?: import("@getpara/web-sdk").TAuthMethod | undefined;
+    }, unknown>;
+};