@getpara/react-sdk-lite 2.0.0-alpha.63 → 2.0.0-alpha.65

package/dist/modal/components/Waiting/Waiting.js

@@ -3,15 +3,20 @@ import "../../../chunk-MMUBH76A.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { CpslSpinner, CpslText } from "@getpara/react-components";
 import { Heading, SpinnerContainer, StepContainer, InnerStepContainer } from "../common.js";
+import { safeStyled } from "@getpara/react-common";
 const Waiting = ({ heading, subheading }) => {
-  return /* @__PURE__ */ jsxs(StepContainer, { $wide: true, children: [
+  return /* @__PURE__ */ jsxs(Container, { $wide: true, children: [
     /* @__PURE__ */ jsx(SpinnerContainer, { children: /* @__PURE__ */ jsx(CpslSpinner, { size: 100 }) }),
-    /* @__PURE__ */ jsxs(InnerStepContainer, { children: [
+    heading && /* @__PURE__ */ jsxs(InnerStepContainer, { children: [
       /* @__PURE__ */ jsx(Heading, { children: heading }),
       subheading && /* @__PURE__ */ jsx(CpslText, { variant: "bodyS", color: "secondary", weight: "medium", children: subheading })
     ] })
   ] });
 };
+const Container = safeStyled(StepContainer)`
+  flex: 1;
+  justify-content: space-between;
+`;
 export {
   Waiting
 };

package/dist/modal/components/WalletCard/WalletCard.js

@@ -1,7 +1,7 @@
 "use client";
 import "../../../chunk-MMUBH76A.js";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { safeStyled } from "@getpara/react-common";
+import { safeStyled, WalletTypeIcon } from "@getpara/react-common";
 import { useModalStore } from "../../stores/index.js";
 import { CpslButton, CpslIcon, CpslText } from "@getpara/react-components";
 import { truncateAddress } from "@getpara/web-sdk";
@@ -9,7 +9,6 @@ import { ModalStep } from "../../utils/steps.js";
 import { useWalletState } from "../../../provider/index.js";
 import { useInternalClient } from "../../../provider/hooks/utils/useInternalClient.js";
 import { useStore } from "../../../provider/stores/useStore.js";
-import { WalletTypeIcon } from "../common.js";
 const ExternalWalletCard = ({
   address,
   showAddFunds

package/dist/modal/components/WalletSelectOld/WalletSelectOld.js

@@ -4,10 +4,9 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { useEffect, useRef } from "react";
 import { useInternalClient } from "../../../provider/hooks/utils/useInternalClient.js";
 import { useDropdownPosition } from "../AuthInput/hooks/useDropdownPosition.js";
-import { safeStyled, useCopyToClipboard } from "@getpara/react-common";
+import { safeStyled, useCopyToClipboard, WalletTypeIcon as WalletTypeIconBase } from "@getpara/react-common";
 import { useAccount, useWallet, useWalletState } from "../../../provider/index.js";
 import { CpslButton, CpslIcon, CpslSelect, CpslSelectItem, CpslText } from "@getpara/react-components";
-import * as common from "../common.js";
 const getValue = (id, type) => {
   return id && type ? `${id}~${type}` : void 0;
 };
@@ -139,7 +138,7 @@ const SelectContainer = safeStyled.div`
   border-radius: var(--cpsl-border-radius-tile-button);
   background-color: var(--cpsl-color-background-4);
 `;
-const WalletTypeIcon = safeStyled(common.WalletTypeIcon)`
+const WalletTypeIcon = safeStyled(WalletTypeIconBase)`
   --border: 1px solid var(--cpsl-color-background-8);
   --background: var(--cpsl-color-background-0);
   --border-radius: 4px;

package/dist/modal/components/common.d.ts

@@ -1,6 +1,5 @@
-import { CpslIcon, CpslInput, CpslText, CpslTileButton } from '@getpara/react-components';
-import { CommonWallet } from '@getpara/react-common';
-import { TExternalWallet, TLinkedAccountType, TNetwork, TOnRampAsset, TWalletType } from '@getpara/web-sdk';
+import { CpslInput, CpslText, CpslTileButton } from '@getpara/react-components';
+import { TLinkedAccountType, TNetwork, TOnRampAsset } from '@getpara/web-sdk';
 import { ComponentProps, PropsWithChildren } from 'react';
 export declare const SpinnerContainer: import("styled-components/dist/types.js").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const QRContainer: import("styled-components/dist/types.js").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
@@ -38,11 +37,6 @@ export declare function NetworkIcon({ network, size }: {
     network?: TNetwork;
     size?: string;
 }): import("react/jsx-runtime").JSX.Element;
-export declare function WalletTypeIcon({ className, walletType, externalWallet, ...props }: {
-    className?: string;
-    walletType: TWalletType;
-    externalWallet?: TExternalWallet | CommonWallet | string;
-} & Parameters<typeof CpslIcon>[0]): import("react/jsx-runtime").JSX.Element;
 export declare const ErrorContainer: import("styled-components/dist/types.js").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const ErrorIcon: import("styled-components/dist/types.js").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<Omit<any, "ref"> & import("react").RefAttributes<any>, "ref"> & {
     ref?: ((instance: any) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<any> | null | undefined;

package/dist/modal/components/common.js

@@ -6,8 +6,7 @@ import {
 } from "../../chunk-MMUBH76A.js";
 import { jsx } from "react/jsx-runtime";
 import { CpslIcon, CpslInput, CpslSelect, CpslSelectItem, CpslText, CpslTileButton } from "@getpara/react-components";
-import { ACCOUNT_TYPES, safeStyled } from "@getpara/react-common";
-import { MOBILE_SIZE, NETWORKS, ON_RAMP_ASSETS, WALLET_TYPES_METADATA } from "../constants/constants.js";
+import { ACCOUNT_TYPES, safeStyled, MOBILE_SIZE, NETWORKS, ON_RAMP_ASSETS } from "@getpara/react-common";
 import { useStore } from "../../provider/stores/useStore.js";
 import { useEffect, useRef, useState } from "react";
 const SpinnerContainer = safeStyled.div`
@@ -167,40 +166,6 @@ function NetworkIcon({ network, size }) {
     }
   );
 }
-function WalletTypeIcon(_c) {
-  var _d = _c, {
-    className,
-    walletType,
-    externalWallet
-  } = _d, props = __objRest(_d, [
-    "className",
-    "walletType",
-    "externalWallet"
-  ]);
-  var _a, _b;
-  const isDark = useStore((state) => {
-    var _a2, _b2;
-    return ((_b2 = (_a2 = state.modalConfig) == null ? void 0 : _a2.theme) == null ? void 0 : _b2.mode) === "dark";
-  });
-  if (typeof externalWallet === "object" && "iconUrl" in externalWallet) {
-    return /* @__PURE__ */ jsx(CpslIcon, __spreadProps(__spreadValues({ className, src: externalWallet.iconUrl }, props), { inset: (_a = props.inset) != null ? _a : "10%" }));
-  }
-  const data = (externalWallet ? ACCOUNT_TYPES[externalWallet] : WALLET_TYPES_METADATA[walletType]) || {
-    icon: "wallet02",
-    isDark: true
-  };
-  props.size;
-  return /* @__PURE__ */ jsx(
-    CpslIcon,
-    __spreadProps(__spreadValues({
-      className,
-      icon: data.icon,
-      invert: isDark && data.isDark
-    }, props), {
-      inset: (_b = props.inset) != null ? _b : "10%"
-    })
-  );
-}
 const ErrorContainer = safeStyled.div`
   display: flex;
   align-items: center;
@@ -326,6 +291,5 @@ export {
   QRContainer,
   SpinnerContainer,
   StepContainer,
-  StyledCpslTileButton,
-  WalletTypeIcon
+  StyledCpslTileButton
 };

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, getAssetCode, getNetworkIcon, getNetworkName, } from './constants/constants.js';
+export { ON_RAMP_PROVIDERS, ON_RAMP_ASSETS, NETWORKS, getAssetIcon, getAssetCode, getNetworkIcon, getNetworkName, } from '@getpara/react-common';
 export { SaveRecoverySecret } from './components/RecoverySecretStep/RecoverySecretStep.js';
 export * from './utils/validateOnRampConfig.js';

package/dist/modal/index.js

@@ -12,7 +12,7 @@ import {
   getAssetCode,
   getNetworkIcon,
   getNetworkName
-} from "./constants/constants.js";
+} from "@getpara/react-common";
 import { SaveRecoverySecret } from "./components/RecoverySecretStep/RecoverySecretStep.js";
 export * from "./utils/validateOnRampConfig.js";
 export {

package/dist/modal/utils/authInputHelpers.js

@@ -1,6 +1,6 @@
 "use client";
 import "../../chunk-MMUBH76A.js";
-import { EMAIL_REGEX } from "../constants/constants.js";
+import { EMAIL_REGEX } from "@getpara/react-common";
 import { formatPhoneNumber } from "@getpara/web-sdk";
 function isCcMatch(countryCode, option) {
   return countryCode === "+1" ? option.selectedLabel === "US" : option.value === countryCode;

package/dist/modal/utils/countryCodes.js

@@ -3,22 +3,61 @@ import "../../chunk-MMUBH76A.js";
 import { getCountries, getCountryCallingCode } from "libphonenumber-js";
 const excludedCountries = [
   "AC",
+  "AF",
+  "AO",
+  "AZ",
+  "BD",
+  "BO",
   "CG",
   "CI",
   "CV",
+  "DZ",
+  "ER",
+  "ET",
+  "GE",
   "GF",
+  "GG",
+  "GH",
   "GP",
+  "ID",
+  "IQ",
+  "JE",
+  "JO",
+  "KG",
+  "KH",
+  "KZ",
+  "LA",
+  "LK",
+  "LS",
+  "LY",
+  "MA",
   "MF",
+  "MG",
+  "MM",
   "NC",
+  "NG",
+  "NP",
+  "OM",
+  "PK",
   "PM",
+  "PS",
   "RE",
+  "RU",
+  "RW",
   "SD",
   "SH",
   "SJ",
   "TA",
+  "TJ",
+  "TM",
+  "TN",
+  "UG",
+  "UZ",
   "VA",
+  "VN",
   "WF",
   "XK",
+  "YE",
   "YT"
 ];
 const generateCountryCodes = () => {

package/dist/modal/utils/getWalletDisplayName.js

@@ -1,6 +1,6 @@
 "use client";
 import "../../chunk-MMUBH76A.js";
-import { WALLET_TYPES_METADATA } from "../constants/constants.js";
+import { WALLET_TYPES_METADATA } from "@getpara/react-common";
 function getWalletDisplayName(para, {
   type,
   isExternal,

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

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

package/dist/modal/utils/openPopup.js

@@ -17,7 +17,8 @@ function openPopup({
       popUpHeight = 798;
       break;
     }
-    case "LOGIN_PASSKEY": {
+    case "LOGIN_PASSKEY":
+    case "SWITCH_WALLETS": {
       popUpHeight = 798;
       break;
     }
@@ -34,6 +35,7 @@ function openPopup({
       break;
     }
     case "OAUTH":
+    case "ADD_CREDENTIAL":
     default: {
       popUpHeight = 768;
       break;

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

@@ -40,6 +40,8 @@ export declare enum ModalStep {
     ACCOUNT_PROFILE_LIST = "ACCOUNT_PROFILE_LIST",
     ACCOUNT_PROFILE_REMOVE = "ACCOUNT_PROFILE_REMOVE",
     AWAITING_ACCOUNT = "AWAITING_ACCOUNT",
+    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",
@@ -63,10 +65,13 @@ declare enum AccountStep {
     ACCOUNT_PROFILE_ADD = "ACCOUNT_PROFILE_ADD",
     ACCOUNT_PROFILE_LIST = "ACCOUNT_PROFILE_LIST",
     ACCOUNT_PROFILE_REMOVE = "ACCOUNT_PROFILE_REMOVE",
+    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"
+    ADD_EX_WALLET_NETWORK_SELECT = "ADD_EX_WALLET_NETWORK_SELECT",
+    LINK_EX_WALLET_NETWORK_SELECT = "LINK_EX_WALLET_NETWORK_SELECT"
 }
 export declare const RESET_TO_AUTH_STEPS: ModalStep[];
 export declare const RESET_TO_ACCOUNT_STEPS: ModalStep[];

package/dist/modal/utils/steps.js

@@ -41,6 +41,8 @@ var ModalStep = /* @__PURE__ */ ((ModalStep2) => {
   ModalStep2["ACCOUNT_PROFILE_LIST"] = "ACCOUNT_PROFILE_LIST";
   ModalStep2["ACCOUNT_PROFILE_REMOVE"] = "ACCOUNT_PROFILE_REMOVE";
   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";
@@ -62,10 +64,13 @@ 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["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";
   return AccountStep2;
 })(AccountStep || {});
 const RESET_TO_AUTH_STEPS = [
@@ -106,6 +111,8 @@ const RESET_TO_ACCOUNT_STEPS = [
   "ACCOUNT_PROFILE_ADD" /* ACCOUNT_PROFILE_ADD */,
   "ACCOUNT_PROFILE_LIST" /* ACCOUNT_PROFILE_LIST */,
   "ACCOUNT_PROFILE_REMOVE" /* ACCOUNT_PROFILE_REMOVE */,
+  "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 */,
@@ -126,10 +133,13 @@ const AccountPreviousStep = {
   ["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 */,
+  ["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 */
+  ["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 */
 };
 var SignUpModalStep = /* @__PURE__ */ ((SignUpModalStep2) => {
   SignUpModalStep2["AUTH_MAIN"] = "AUTH_MAIN";
@@ -285,7 +295,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.js

@@ -1,6 +1,6 @@
 "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])}`;

package/dist/provider/ParaProviderMin.js

@@ -109,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(() => {

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 (error) {
+    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,6 +28,7 @@ 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/shared").VerifiedAuth;
 } | {
@@ -45,3 +46,4 @@ export declare const verifyFarcasterLink: (_?: import("@getpara/core-sdk").defau
 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/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: "error" | "idle" | "pending" | "success";
+    data: string | undefined;
+    isSuccess: boolean;
+    variables: void | {
+        authMethod?: Exclude<import("@getpara/web-sdk").TAuthMethod, "BASIC_LOGIN"> | undefined;
+    } | undefined;
+    error: Error | null;
+    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?: Exclude<import("@getpara/web-sdk").TAuthMethod, "BASIC_LOGIN"> | undefined;
+    }, unknown>;
+    addAuthMethodAsync: import("@tanstack/react-query").UseMutateAsyncFunction<string, Error, void | {
+        authMethod?: Exclude<import("@getpara/web-sdk").TAuthMethod, "BASIC_LOGIN"> | undefined;
+    }, unknown>;
+};

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

@@ -0,0 +1,59 @@
+"use client";
+import {
+  __async
+} from "../../../chunk-MMUBH76A.js";
+import { useMutation, useQueryClient } from "@tanstack/react-query";
+import { useClient } from "../utils/index.js";
+import { getPortalBaseURL } from "@getpara/web-sdk";
+import { renameMutations } from "../../utils/renameMutations.js";
+import { addCredential } from "../../actions/index.js";
+import { openPopup as openPopupFn } from "../../../modal/index.js";
+import { ACCOUNT_BASE_KEY } from "../queries/useAccount.js";
+const ADD_CREDENTIAL_KEY = "ADD_CREDENTIAL";
+const useAddAuthMethod = ({ openPopup } = { openPopup: true }) => {
+  const para = useClient();
+  const queryClient = useQueryClient();
+  const mutation = useMutation({
+    mutationKey: [ADD_CREDENTIAL_KEY],
+    mutationFn: (..._0) => __async(void 0, [..._0], function* (args = {}) {
+      try {
+        const result = yield addCredential(para, args);
+        if (result && openPopup) {
+          openPopupFn({ url: result, target: "ParaAddAuthCredential", type: "ADD_CREDENTIAL" });
+          if (typeof window !== "undefined" && para) {
+            const handleMessage = (event) => {
+              var _a;
+              const portalBase = getPortalBaseURL(para.ctx);
+              const portalLocalBase = getPortalBaseURL(para.ctx, true);
+              if (!event.origin.startsWith(portalBase) && !event.origin.startsWith(portalLocalBase)) {
+                return;
+              }
+              if (((_a = event.data) == null ? void 0 : _a.type) === "CLOSE_WINDOW") {
+                if (event.data.success) {
+                  queryClient.refetchQueries({ queryKey: [ACCOUNT_BASE_KEY] });
+                }
+                window.removeEventListener("message", handleMessage);
+                clearTimeout(timeoutId);
+              }
+            };
+            const timeoutId = setTimeout(
+              () => {
+                window.removeEventListener("message", handleMessage);
+              },
+              1e3 * 60 * 3
+            );
+            window.addEventListener("message", handleMessage);
+          }
+        }
+        return result;
+      } catch (error) {
+        throw error;
+      }
+    })
+  });
+  return renameMutations(mutation, "addAuthMethod");
+};
+export {
+  ADD_CREDENTIAL_KEY,
+  useAddAuthMethod
+};

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

@@ -0,0 +1,15 @@
+export declare const EXPORT_PRIVATE_KEY_KEY = "EXPORT_PRIVATE_KEY";
+/**
+ * React hook for the `exportPrivateKey` mutation.
+ *
+ * @example
+ * const { mutateAsync: exportPrivateKeyAsync } = useExportPrivateKey();
+ * await exportPrivateKeyAsync({ walletId: '...' });
+ */
+export declare const useExportPrivateKey: () => import("@tanstack/react-query").UseMutationResult<{
+    popupWindow?: Window;
+    url: string;
+}, Error, {
+    walletId?: string;
+    shouldOpenPopup?: boolean;
+} | undefined, unknown>;