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

package/dist/modal/components/Account/AccountProfile.d.ts

@@ -1,4 +1,4 @@
 export declare const AccountProfile: ({ isDisconnecting, onDisconnect, }: {
     isDisconnecting: boolean;
     onDisconnect: () => void;
-}) => import("react/jsx-runtime").JSX.Element | null;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/modal/components/Account/AccountProfile.js

@@ -3,26 +3,27 @@ import {
   __spreadProps,
   __spreadValues
 } from "../../../chunk-MMUBH76A.js";
-import { jsx, jsxs } from "react/jsx-runtime";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { AccountTypeIcon, GradientScroll, StepContainer, WalletTypeIcon } from "../common.js";
 import { CpslButton, CpslIcon, CpslText } from "@getpara/react-components";
 import { useAccount } from "../../../provider/index.js";
 import { useLinkedAccounts } from "../../../provider/hooks/index.js";
-import { getWalletDisplayName } from "../../utils/getWalletDisplayName.js";
 import {
   formatAssetQuantity,
   formatCurrency,
   truncateAddress
 } from "@getpara/web-sdk";
 import { useAccountLinking } from "../../../provider/providers/AccountLinkProvider.js";
-import { useMemo } from "react";
+import { useEffect, useMemo } from "react";
 import { ACCOUNT_TYPES, safeStyled, useCopyToClipboard } from "@getpara/react-common";
 import { useExternalWallets } from "../../../provider/providers/ExternalWalletProvider.js";
 import { useStore } from "../../../provider/stores/useStore.js";
 import { useAssets } from "../../../provider/providers/AssetsProvider.js";
+import { useAuthActions } from "../../../provider/providers/AuthProvider.js";
 import { useModalStore } from "../../stores/index.js";
 import { ModalStep } from "../../utils/steps.js";
 import { useInternalClient } from "../../../provider/hooks/utils/useInternalClient.js";
+import { Waiting } from "../Waiting/Waiting.js";
 const Entry = ({
   identifier,
   icon,
@@ -79,45 +80,70 @@ const AccountProfile = ({
   isDisconnecting,
   onDisconnect
 }) => {
-  var _a;
   const para = useInternalClient();
   const { embedded } = useAccount();
   const { data: linkedAccounts } = useLinkedAccounts();
   const { wallets } = useExternalWallets();
-  const { isEnabled, linkAccount, unlinkAccount } = useAccountLinking();
+  const { isEnabled: isAccountLinkingEnabled, linkAccount, unlinkAccount } = useAccountLinking();
   const hideWallets = useStore((state) => {
-    var _a2;
-    return (_a2 = state.modalConfig) == null ? void 0 : _a2.hideWallets;
+    var _a;
+    return (_a = state.modalConfig) == null ? void 0 : _a.hideWallets;
   });
   const { profileBalance } = useAssets();
+  const { switchWallets, switchWalletsUrl, setSwitchWalletsUrl, isSwitchWalletsPending } = useAuthActions();
   const setStep = useModalStore((state) => state.setStep);
-  if (!para) {
-    return null;
+  const partnerGroups = useMemo(() => {
+    var _a;
+    return (_a = embedded == null ? void 0 : embedded.wallets) == null ? void 0 : _a.reduce((acc, wallet) => {
+      if (!wallet.partner || !wallet.partner.id || !wallet.partner.displayName) return acc;
+      const partnerGroup = acc.find((group) => {
+        var _a2;
+        return group.partner.id === ((_a2 = wallet.partner) == null ? void 0 : _a2.id);
+      });
+      return !!partnerGroup ? acc.map(
+        (group) => group.partner.id === wallet.partner.id ? __spreadProps(__spreadValues({}, group), { wallets: [...group.wallets, wallet] }) : group
+      ) : [...acc, { partner: wallet.partner, wallets: [wallet] }];
+    }, []);
+  }, [embedded == null ? void 0 : embedded.wallets]);
+  useEffect(() => {
+    if (para) {
+      para.getSwitchWalletsUrl().then((url) => {
+        setSwitchWalletsUrl(url);
+      });
+    }
+  }, []);
+  if (!para || !switchWalletsUrl) {
+    return /* @__PURE__ */ jsx(Waiting, {});
   }
-  const embeddedWallets = (_a = para == null ? void 0 : para.availableWallets) == null ? void 0 : _a.filter((wallet) => !wallet.isExternal);
   return /* @__PURE__ */ jsxs(StepContainer, { children: [
-    embeddedWallets.length > 0 && /* @__PURE__ */ jsxs(Section, { children: [
-      /* @__PURE__ */ jsxs(Title, { variant: "bodyS", color: "secondary", children: [
-        para.partnerName,
-        " Wallets"
-      ] }),
-      /* @__PURE__ */ jsx(Content, { children: embeddedWallets.map((wallet) => /* @__PURE__ */ jsx(
-        Entry,
-        {
-          icon: /* @__PURE__ */ jsx(WalletTypeIcon, { walletType: wallet.type, externalWallet: wallet.externalProviderId, size: "24px" }),
-          name: getWalletDisplayName(para, wallet),
-          address: wallet.address,
-          addressShort: truncateAddress(wallet.address, wallet.type),
-          balance: profileBalance == null ? void 0 : profileBalance.wallets.find((w) => w.address === wallet.address)
-        },
-        wallet.address
-      )) })
+    partnerGroups && partnerGroups.length > 0 && /* @__PURE__ */ jsxs(Section, { children: [
+      partnerGroups.map(({ partner, wallets: wallets2 }) => {
+        return /* @__PURE__ */ jsxs(Section, { children: [
+          /* @__PURE__ */ jsxs(Title, { variant: "bodyS", color: "secondary", children: [
+            partner.displayName,
+            " Wallets"
+          ] }),
+          /* @__PURE__ */ jsx(Content, { children: wallets2.map((wallet) => /* @__PURE__ */ jsx(
+            Entry,
+            {
+              icon: /* @__PURE__ */ jsx(WalletTypeIcon, { walletType: wallet.type, externalWallet: wallet.externalProviderId, size: "24px" }),
+              name: truncateAddress(wallet.address, wallet.type),
+              balance: profileBalance == null ? void 0 : profileBalance.wallets.find((w) => w.address === wallet.address)
+            },
+            `${wallet.address}-${wallet.type}`
+          )) })
+        ] }, partner.id);
+      }),
+      !embedded.isGuestMode && /* @__PURE__ */ jsx(CpslButton, { fullWidth: true, variant: "tertiary", onClick: switchWallets, disabled: isSwitchWalletsPending, children: isSwitchWalletsPending ? "Please Wait..." : /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(CpslIcon, { icon: "shuffle", slot: "start", size: "16px" }),
+        para.isMultiWallet ? "Switch Wallets" : "Switch Wallet"
+      ] }) })
     ] }),
-    /* @__PURE__ */ jsxs(Section, { children: [
-      /* @__PURE__ */ jsx(Title, { variant: "bodyS", color: "secondary", children: "External Wallets" }),
+    !embedded.isGuestMode && /* @__PURE__ */ jsxs(Section, { children: [
+      /* @__PURE__ */ jsx(Title, { variant: "bodyS", color: "secondary", children: "Connected Wallets" }),
       /* @__PURE__ */ jsxs(Content, { children: [
         Object.values((para == null ? void 0 : para.externalWallets) || {}).map((wallet) => {
-          var _a2, _b;
+          var _a, _b;
           const externalWallet = wallets.find((w) => w.name === wallet.name);
           return /* @__PURE__ */ jsx(
             Entry,
@@ -131,7 +157,7 @@ const AccountProfile = ({
                   inset: "0"
                 }
               ),
-              name: (_b = (_a2 = wallet.ensName) != null ? _a2 : wallet.name) != null ? _b : "",
+              name: (_b = (_a = wallet.ensName) != null ? _a : wallet.name) != null ? _b : "",
               address: wallet.address,
               addressShort: wallet.address ? truncateAddress(wallet.address, wallet.type, {
                 prefix: para.cosmosPrefix
@@ -157,18 +183,18 @@ const AccountProfile = ({
         )
       ] })
     ] }),
-    isEnabled && /* @__PURE__ */ jsxs(Section, { children: [
+    isAccountLinkingEnabled && /* @__PURE__ */ jsxs(Section, { children: [
       /* @__PURE__ */ jsx(Title, { variant: "bodyS", color: "secondary", children: "Linked Accounts" }),
       /* @__PURE__ */ jsxs(Content, { children: [
         /* @__PURE__ */ jsx(GradientScroll, { gap: "12px", height: "360px", children: [...((linkedAccounts == null ? void 0 : linkedAccounts.primary) || []).map((p) => __spreadProps(__spreadValues({}, p), { isPrimary: true })), ...(linkedAccounts == null ? void 0 : linkedAccounts.linked) || []].filter(({ externalWallet }) => {
           return !externalWallet || externalWallet.address !== (embedded == null ? void 0 : embedded.externalWalletAddress);
         }).map((linkedAccount) => {
-          var _a2, _b, _c, _d, _e;
+          var _a, _b, _c, _d, _e;
           const { identifier, displayName, type, isPrimary = false, externalWallet } = linkedAccount;
           const externalWalletConnector = wallets.find(
             (wallet) => {
-              var _a3, _b2;
-              return wallet.id === (externalWallet == null ? void 0 : externalWallet.providerId) || wallet.id.toLowerCase() === ((_a3 = externalWallet == null ? void 0 : externalWallet.providerId) == null ? void 0 : _a3.toLowerCase()) || wallet.name.toLowerCase() === ((_b2 = externalWallet == null ? void 0 : externalWallet.providerId) == null ? void 0 : _b2.toLowerCase());
+              var _a2, _b2;
+              return wallet.id === (externalWallet == null ? void 0 : externalWallet.providerId) || wallet.id.toLowerCase() === ((_a2 = externalWallet == null ? void 0 : externalWallet.providerId) == null ? void 0 : _a2.toLowerCase()) || wallet.name.toLowerCase() === ((_b2 = externalWallet == null ? void 0 : externalWallet.providerId) == null ? void 0 : _b2.toLowerCase());
             }
           );
           let accountType = type;
@@ -189,7 +215,7 @@ const AccountProfile = ({
             Entry,
             {
               icon: /* @__PURE__ */ jsx(AccountTypeIcon, { accountType, src, size: "24px" }),
-              name: externalWallet ? (_c = (_b = (_a2 = externalWallet.ensName) != null ? _a2 : externalWalletConnector == null ? void 0 : externalWalletConnector.name) != null ? _b : externalWallet.provider) != null ? _c : "" : displayName != null ? displayName : identifier,
+              name: externalWallet ? (_c = (_b = (_a = externalWallet.ensName) != null ? _a : externalWalletConnector == null ? void 0 : externalWalletConnector.name) != null ? _b : externalWallet.provider) != null ? _c : "" : displayName != null ? displayName : identifier,
               address: (_d = externalWallet == null ? void 0 : externalWallet.addressBech32) != null ? _d : externalWallet == null ? void 0 : externalWallet.address,
               addressShort: externalWallet ? truncateAddress((_e = externalWallet.addressBech32) != null ? _e : externalWallet.address, externalWallet.type, {
                 prefix: para.cosmosPrefix
@@ -203,7 +229,7 @@ const AccountProfile = ({
           );
         }) }),
         /* @__PURE__ */ jsxs(CpslButton, { fullWidth: true, variant: "tertiary", onClick: () => linkAccount(void 0), children: [
-          /* @__PURE__ */ jsx(CpslIcon, { icon: "userPlus", slot: "start" }),
+          /* @__PURE__ */ jsx(CpslIcon, { icon: "userPlus", slot: "start", size: "16px" }),
           "Link an account"
         ] })
       ] })

package/dist/modal/components/BiometricLoginStep/BiometricLoginStep.js

@@ -26,7 +26,10 @@ const BiometricLoginStep = () => {
       /* @__PURE__ */ jsx(UserIdentifier, { authInfo: para.authInfo })
     ] }),
     /* @__PURE__ */ jsxs(MainContainer, { children: [
-      (isPassword || isPIN) && /* @__PURE__ */ jsx(CpslButton, { fullWidth: true, onClick: () => presentLoginUi(isPIN ? AuthMethod.PIN : AuthMethod.PASSWORD, loginState), children: "Login" }),
+      (isPassword || isPIN) && /* @__PURE__ */ jsxs(CpslButton, { fullWidth: true, onClick: () => presentLoginUi(isPIN ? AuthMethod.PIN : AuthMethod.PASSWORD, loginState), children: [
+        /* @__PURE__ */ jsx(CpslIcon, { slot: "start", icon: "passcode" }),
+        isPIN && isPassword ? "Login" : isPIN ? "Login with PIN" : "Login with Password"
+      ] }),
       isPasskey && /* @__PURE__ */ jsxs(Fragment, { children: [
         displayKnownDevices && /* @__PURE__ */ jsxs(Fragment, { children: [
           /* @__PURE__ */ jsx(KnownDevices, { hints: biometricHints, link: passkeyKnownDeviceUrl }),
@@ -34,7 +37,7 @@ const BiometricLoginStep = () => {
         ] }),
         /* @__PURE__ */ jsx(CpslButton, { fullWidth: true, onClick: () => presentLoginUi(AuthMethod.PASSKEY, loginState), children: isPasskeyUnavailable ? "Continue anyway" : /* @__PURE__ */ jsxs(Fragment, { children: [
           /* @__PURE__ */ jsx(CpslIcon, { slot: "start", icon: "key" }),
-          "Login with passkey"
+          "Login with Passkey"
         ] }) })
       ] })
     ] })

package/dist/modal/components/Body/Body.js

@@ -43,6 +43,7 @@ import { AccountProfileLink } from "../Account/AccountProfileLink.js";
 import { AccountProfileUnlink } from "../Account/AccountProfileUnlink.js";
 import { ExternalWalletNetworkSelectStep } from "../ExternalWalletNetworkSelectStep/ExternalWalletNetworkSelectStep.js";
 import { AwaitingAccountStep } from "../AwaitingAccountStep/AwaitingAccountStep.js";
+import { SwitchWalletsStep } from "../SwitchWalletsStep/SwitchWalletsStep.js";
 import { Footer } from "../Footer/Footer.js";
 import { renderTextWithLinks } from "../../utils/renderTextWithLinks.js";
 const MIN_HEIGHT = {
@@ -210,6 +211,9 @@ const Body = ({
       case ModalStep.AWAITING_ACCOUNT: {
         return /* @__PURE__ */ jsx(AwaitingAccountStep, {});
       }
+      case ModalStep.SWITCH_WALLETS: {
+        return /* @__PURE__ */ jsx(SwitchWalletsStep, {});
+      }
       default: {
         if (IFrameSteps.includes(currentStep)) {
           return null;

package/dist/modal/components/IFrameStep/IFrameStep.js

@@ -37,9 +37,9 @@ const IFrameStep = () => {
         return;
       }
       if (event.data) {
-        if (event.data.type === "HEIGHT") {
-          setHeight(event.data.height);
-          setIsReady(true);
+        if (event.data.type === "HEIGHT" && typeof event.data.height === "number") {
+          setHeight(Math.max(event.data.height, 200));
+          setIsReady(event.data.height > 0 ? true : false);
         }
       }
     };

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

@@ -0,0 +1 @@
+export declare const SwitchWalletsStep: () => import("react/jsx-runtime").JSX.Element;

package/dist/modal/components/SwitchWalletsStep/SwitchWalletsStep.js

@@ -0,0 +1,10 @@
+"use client";
+import "../../../chunk-MMUBH76A.js";
+import { jsx } from "react/jsx-runtime";
+import { Waiting } from "../Waiting/Waiting.js";
+const SwitchWalletsStep = () => {
+  return /* @__PURE__ */ jsx(Waiting, { heading: "Switching Wallets", subheading: "Please complete the wallet selection in the popup window." });
+};
+export {
+  SwitchWalletsStep
+};

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

@@ -1,5 +1,5 @@
 interface WaitingProps {
-    heading: string;
+    heading?: string;
     subheading?: string;
 }
 export declare const Waiting: ({ heading, subheading }: WaitingProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -25,7 +25,7 @@ export declare function getNetworkName(str: TNetwork | string): string;
 export declare function getNetworkIcon(str: TNetwork | string): IconType;
 export declare function getAssetCode(str: TOnRampAsset | string): string;
 export declare function getAssetName(str: TOnRampAsset | string): string;
-export declare function getAssetIcon(str: TOnRampAsset | string): "key" | "phone" | "farcaster" | "telegram" | "discord" | "x" | "search" | "wallet" | "cosmos" | "solana" | "para" | "walletConnect" | "close" | "copy" | "safe" | "stripeBrand" | "alertCircle" | "alertTriangle" | "alignVerticalCenter" | "angelListBrand" | "angelList" | "appleBrand" | "apple" | "arbitrumBrand" | "arrowCircleBrokenDownLeft" | "arrowCircleDownFilled" | "arrowCircleDown" | "arrowNarrow" | "arrow" | "asterisk" | "backpack" | "backupKit" | "bank" | "baseBrand" | "beraBrand" | "brush" | "celoBrand" | "checkCircleFilled" | "checkCircle" | "checkSquare" | "check" | "chevronDown" | "chevronRight" | "chevronSelectorVertical" | "chevronUp" | "clock" | "clubhouseBrand" | "clubhouse" | "code" | "coinbase" | "copy07" | "cosmosCircle" | "cosmostation" | "creditCard02" | "creditCard" | "cube03" | "cubeOutline" | "cube" | "currencyDollar" | "decentBrand" | "decent" | "dell" | "discordBrand" | "dot" | "dotsSquare" | "dots" | "downloadCloud" | "download" | "dribbbleBrand" | "dribbble" | "earth" | "edit02" | "emptyCircle" | "ethCircle" | "ethereum" | "eyeOff" | "eye" | "facebookBrand" | "facebook" | "farcasterBrand" | "figmaBrand" | "figma" | "file" | "folder" | "githubBrand" | "github" | "globe" | "glow" | "googleBrand" | "google" | "gridDots" | "haha" | "helpCircle" | "heroAlertCircle" | "heroCheckmarkCapsule" | "heroCheckmark" | "heroEmail" | "heroExternalConnection" | "heroLock" | "heroPasskey" | "heroPhone" | "heroPlusCircleCapsule" | "heroPlusCircle" | "heroWallet" | "home" | "hp" | "image" | "infoCircle" | "instagramBrand" | "instagram" | "keplr" | "laptop" | "leap" | "lenovo" | "lg" | "lightning01" | "lightning" | "linkExternal" | "linkedinBrand" | "linkedin" | "lockKeyholeCircle" | "logOut" | "mail" | "menu" | "metamask" | "monitor" | "moonpayBrand" | "moreLoginOptions" | "motorola" | "nobleBrand" | "okx" | "optimismBrand" | "paraArrow" | "paraBlackBg" | "paraBrand" | "paraIconBrand" | "paraIconQr" | "paraIcon" | "paraLogo" | "paraRingsDark" | "paraRings" | "passcode" | "phantom" | "pintrestBrand" | "pintrest" | "plusCircle" | "plus" | "polygonBrand" | "polygon" | "puzzlePiece" | "qrCode02" | "qrCode" | "rabby" | "rainbow" | "rampNetworkBrand" | "rampNetwork" | "redditBrand" | "reddit" | "refresh" | "samsung" | "send" | "settings" | "share" | "shield" | "signalBrand" | "signal" | "sliders" | "snapchatBrand" | "snapchat" | "solanaCircle" | "solflare" | "spacingHeight" | "star04Filled" | "star05" | "stars01Filled" | "stars02" | "stars" | "stopSquare" | "telegramBrand" | "tetherBrand" | "tikTokBrand" | "tikTok" | "trash" | "tumblrBrand" | "tumblr" | "twitterBrand" | "twitter" | "usdcBrand" | "user01" | "userCircle" | "userPlus" | "user" | "valora" | "wallet02" | "youtubeBrand" | "youtube" | "zerion" | "AD" | "AE" | "AF" | "AG" | "AI" | "AL" | "AM" | "AO" | "AR" | "AS" | "AT" | "AU" | "AW" | "AX" | "AZ" | "BA" | "BB" | "BD" | "BE" | "BF" | "BG" | "BH" | "BI" | "BJ" | "BL" | "BM" | "BN" | "BO" | "BQ" | "BQ2" | "BQ3" | "BR" | "BS" | "BT" | "BW" | "BY" | "BZ" | "CA" | "CC" | "CD" | "CD2" | "CF" | "CH" | "CK" | "CL" | "CM" | "CN" | "CO" | "CR" | "CU" | "CW" | "CX" | "CY" | "CZ" | "DE" | "DJ" | "DK" | "DM" | "DO" | "DS" | "DZ" | "EC" | "EE" | "EG" | "EH" | "ER" | "ES" | "ET" | "FI" | "FJ" | "FK" | "FM" | "FO" | "FR" | "GA" | "GB2" | "GB" | "GD" | "GE" | "GG" | "GH" | "GI" | "GL" | "GM" | "GN" | "GQ" | "GR" | "GT" | "GU" | "GW" | "GY" | "HK" | "HN" | "HR" | "HT" | "HU" | "ID" | "IE" | "IL" | "IM" | "IN" | "IO" | "IQ" | "IR" | "IS" | "IT" | "JE" | "JM" | "JO" | "JP" | "KE" | "KG" | "KH" | "KI" | "KM" | "KN" | "KP" | "KR" | "KW" | "KY" | "KZ" | "LA" | "LB" | "LC" | "LI" | "LK" | "LR" | "LS" | "LT" | "LU" | "LV" | "LY" | "MA" | "MC" | "MD" | "ME" | "MG" | "MH" | "MK" | "ML" | "MM" | "MN" | "MO" | "MP" | "MQ" | "MR" | "MS" | "MT" | "MU" | "MV" | "MW" | "MX" | "MY" | "MZ" | "NA" | "NE" | "NF" | "NG" | "NI" | "NL" | "NO" | "NP" | "NR" | "NU" | "NZ" | "OM" | "PA" | "PE" | "PF" | "PG" | "PH" | "PK" | "PL" | "PN" | "PR" | "PS" | "PT" | "PW" | "PY" | "QA" | "RO" | "RS" | "RU" | "RW" | "SA" | "SB" | "SC" | "SE" | "SG" | "SI" | "SK" | "SL" | "SM" | "SN" | "SO" | "SR" | "SS" | "ST" | "SV" | "SX" | "SY" | "SZ" | "TC" | "TD" | "TG" | "TH" | "TJ" | "TK" | "TL" | "TM" | "TN" | "TO" | "TR" | "TT" | "TV" | "TW" | "TZ" | "UA" | "UG" | "US" | "UY" | "UZ" | "VC" | "VE" | "VG" | "VI" | "VN" | "VU" | "WS" | "YE" | "ZA" | "ZM" | "ZW";
+export declare function getAssetIcon(str: TOnRampAsset | string): "key" | "phone" | "farcaster" | "telegram" | "discord" | "x" | "search" | "wallet" | "cosmos" | "solana" | "para" | "walletConnect" | "close" | "copy" | "safe" | "stripeBrand" | "alertCircle" | "alertTriangle" | "alignVerticalCenter" | "angelListBrand" | "angelList" | "appleBrand" | "apple" | "arbitrumBrand" | "arrowCircleBrokenDownLeft" | "arrowCircleDownFilled" | "arrowCircleDown" | "arrowNarrow" | "arrow" | "asterisk" | "backpack" | "backupKit" | "bank" | "baseBrand" | "beraBrand" | "brush" | "celoBrand" | "checkCircleFilled" | "checkCircle" | "checkSquare" | "check" | "chevronDown" | "chevronRight" | "chevronSelectorVertical" | "chevronUp" | "clock" | "clubhouseBrand" | "clubhouse" | "code" | "coinbase" | "copy07" | "cosmosCircle" | "cosmostation" | "creditCard02" | "creditCard" | "cube03" | "cubeOutline" | "cube" | "currencyDollar" | "decentBrand" | "decent" | "dell" | "discordBrand" | "dot" | "dotsSquare" | "dots" | "downloadCloud" | "download" | "dribbbleBrand" | "dribbble" | "earth" | "edit02" | "emptyCircle" | "ethCircle" | "ethereum" | "eyeOff" | "eye" | "facebookBrand" | "facebook" | "farcasterBrand" | "figmaBrand" | "figma" | "file" | "folder" | "githubBrand" | "github" | "globe" | "glow" | "googleBrand" | "google" | "gridDots" | "haha" | "helpCircle" | "heroAlertCircle" | "heroCheckmarkCapsule" | "heroCheckmark" | "heroEmail" | "heroExternalConnection" | "heroLock" | "heroPasskey" | "heroPhone" | "heroPlusCircleCapsule" | "heroPlusCircle" | "heroWallet" | "home" | "hp" | "image" | "infoCircle" | "instagramBrand" | "instagram" | "keplr" | "laptop" | "leap" | "lenovo" | "lg" | "lightning01" | "lightning" | "linkExternal" | "linkedinBrand" | "linkedin" | "lockKeyholeCircle" | "logOut" | "mail" | "menu" | "metamask" | "monitor" | "moonpayBrand" | "moreLoginOptions" | "motorola" | "nobleBrand" | "okx" | "optimismBrand" | "paraArrow" | "paraBlackBg" | "paraBrand" | "paraIconBrand" | "paraIconQr" | "paraIcon" | "paraLogo" | "paraRingsDark" | "paraRings" | "passcode" | "phantom" | "pintrestBrand" | "pintrest" | "plusCircle" | "plus" | "polygonBrand" | "polygon" | "puzzlePiece" | "qrCode02" | "qrCode" | "rabby" | "rainbow" | "rampNetworkBrand" | "rampNetwork" | "redditBrand" | "reddit" | "refresh" | "samsung" | "send" | "settings" | "share" | "shield" | "shuffle" | "signalBrand" | "signal" | "sliders" | "snapchatBrand" | "snapchat" | "solanaCircle" | "solflare" | "spacingHeight" | "star04Filled" | "star05" | "stars01Filled" | "stars02" | "stars" | "stopSquare" | "telegramBrand" | "tetherBrand" | "tikTokBrand" | "tikTok" | "trash" | "tumblrBrand" | "tumblr" | "twitterBrand" | "twitter" | "usdcBrand" | "user01" | "userCircle" | "userPlus" | "user" | "valora" | "wallet02" | "youtubeBrand" | "youtube" | "zerion" | "AD" | "AE" | "AF" | "AG" | "AI" | "AL" | "AM" | "AO" | "AR" | "AS" | "AT" | "AU" | "AW" | "AX" | "AZ" | "BA" | "BB" | "BD" | "BE" | "BF" | "BG" | "BH" | "BI" | "BJ" | "BL" | "BM" | "BN" | "BO" | "BQ" | "BQ2" | "BQ3" | "BR" | "BS" | "BT" | "BW" | "BY" | "BZ" | "CA" | "CC" | "CD" | "CD2" | "CF" | "CH" | "CK" | "CL" | "CM" | "CN" | "CO" | "CR" | "CU" | "CW" | "CX" | "CY" | "CZ" | "DE" | "DJ" | "DK" | "DM" | "DO" | "DS" | "DZ" | "EC" | "EE" | "EG" | "EH" | "ER" | "ES" | "ET" | "FI" | "FJ" | "FK" | "FM" | "FO" | "FR" | "GA" | "GB2" | "GB" | "GD" | "GE" | "GG" | "GH" | "GI" | "GL" | "GM" | "GN" | "GQ" | "GR" | "GT" | "GU" | "GW" | "GY" | "HK" | "HN" | "HR" | "HT" | "HU" | "ID" | "IE" | "IL" | "IM" | "IN" | "IO" | "IQ" | "IR" | "IS" | "IT" | "JE" | "JM" | "JO" | "JP" | "KE" | "KG" | "KH" | "KI" | "KM" | "KN" | "KP" | "KR" | "KW" | "KY" | "KZ" | "LA" | "LB" | "LC" | "LI" | "LK" | "LR" | "LS" | "LT" | "LU" | "LV" | "LY" | "MA" | "MC" | "MD" | "ME" | "MG" | "MH" | "MK" | "ML" | "MM" | "MN" | "MO" | "MP" | "MQ" | "MR" | "MS" | "MT" | "MU" | "MV" | "MW" | "MX" | "MY" | "MZ" | "NA" | "NE" | "NF" | "NG" | "NI" | "NL" | "NO" | "NP" | "NR" | "NU" | "NZ" | "OM" | "PA" | "PE" | "PF" | "PG" | "PH" | "PK" | "PL" | "PN" | "PR" | "PS" | "PT" | "PW" | "PY" | "QA" | "RO" | "RS" | "RU" | "RW" | "SA" | "SB" | "SC" | "SE" | "SG" | "SI" | "SK" | "SL" | "SM" | "SN" | "SO" | "SR" | "SS" | "ST" | "SV" | "SX" | "SY" | "SZ" | "TC" | "TD" | "TG" | "TH" | "TJ" | "TK" | "TL" | "TM" | "TN" | "TO" | "TR" | "TT" | "TV" | "TW" | "TZ" | "UA" | "UG" | "US" | "UY" | "UZ" | "VC" | "VE" | "VG" | "VI" | "VN" | "VU" | "WS" | "YE" | "ZA" | "ZM" | "ZW";
 export declare const MOBILE_SIZE = 480;
 export declare const NETWORK_NOT_SUPPORTED_ERROR = "network not supported";
 export declare const EMAIL_REGEX: RegExp;

package/dist/modal/constants/constants.js

@@ -126,7 +126,7 @@ const BODY_MOTION_VARIANTS = {
 const BODY_TRANSITION = {
   duration: 0.2
 };
-const SDK_VERSION = "2.0.0-alpha.63";
+const SDK_VERSION = "2.0.0-alpha.64";
 export {
   BODY_MOTION_VARIANTS,
   BODY_TRANSITION,

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/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/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,13 @@ const getEmbeddedAccount = (para, isFullyLoggedIn) => {
     };
   }
   const authInfo = para.authInfo;
+  let authMethods;
+  try {
+    authMethods = yield para.supportedUserAuthMethods();
+  } catch (error) {
+    console.error("Error getting supported auth methods:", error);
+    authMethods = /* @__PURE__ */ new Set();
+  }
   const value = {
     auth: authInfo == null ? void 0 : authInfo.auth,
     authType: authInfo == null ? void 0 : authInfo.authType,
@@ -27,7 +36,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 +61,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;
 } | {

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");
@@ -40,6 +41,7 @@ const verifyOAuthLink = generateInternalAction("verifyOAuthLink");
 const verifyExternalWalletLink = generateInternalAction("verifyExternalWalletLink");
 export {
   accountLinkInProgress,
+  addCredential,
   claimPregenWallets,
   createGuestWallets,
   createPregenWallet,

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

@@ -26,4 +26,5 @@ 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 declare const useCreateGuestWalletsState: import("../../types/utils.js").CoreMethodMutationStateHook<"createGuestWallets">;

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

@@ -29,8 +29,10 @@ 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";
 const useCreateGuestWalletsState = generateStateHook("createGuestWallets");
 export {
+  useAddAuthMethod,
   useClaimPregenWallets,
   useCreateGuestWallets,
   useCreateGuestWalletsState,

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

@@ -0,0 +1,57 @@
+export declare const SWITCH_WALLETS_KEY = "SWITCH_WALLETS";
+/**
+ * React hook for the `switchWallets` mutation.
+ *
+ * Returns a mutation result object with all standard fields from `useMutation`, except:
+ * - `mutate` and `mutateAsync` are replaced by:
+ *   - `switchWallets`: function to trigger the mutation (same as `mutate`)
+ *   - `switchWalletsAsync`: async function to trigger the mutation (same as `mutateAsync`)
+ *
+ * @example
+ * const { switchWallets, switchWalletsAsync } = useSwitchWallets();
+ * switchWallets({ authMethod: 'PASSKEY' });
+ * // or
+ * await switchWalletsAsync({ authMethod: 'PASSKEY' });
+ */
+export declare const useSwitchWallets: () => {
+    status: "error" | "idle" | "pending" | "success";
+    data: {
+        needsWallet?: boolean | undefined;
+        partnerId?: string | undefined;
+    } | undefined;
+    isSuccess: boolean;
+    variables: void | {
+        onPoll?: (() => void) | undefined;
+        onCancel?: (() => void) | undefined;
+        skipSessionRefresh?: boolean | undefined;
+        isCanceled?: (() => boolean) | undefined;
+    } | undefined;
+    error: Error | null;
+    isError: boolean;
+    isIdle: boolean;
+    isPending: boolean;
+    reset: () => void;
+    context: unknown;
+    failureCount: number;
+    failureReason: Error | null;
+    isPaused: boolean;
+    submittedAt: number;
+    switchWallets: import("@tanstack/react-query").UseMutateFunction<{
+        needsWallet?: boolean | undefined;
+        partnerId?: string | undefined;
+    }, Error, void | {
+        onPoll?: (() => void) | undefined;
+        onCancel?: (() => void) | undefined;
+        skipSessionRefresh?: boolean | undefined;
+        isCanceled?: (() => boolean) | undefined;
+    }, unknown>;
+    switchWalletsAsync: import("@tanstack/react-query").UseMutateAsyncFunction<{
+        needsWallet?: boolean | undefined;
+        partnerId?: string | undefined;
+    }, Error, void | {
+        onPoll?: (() => void) | undefined;
+        onCancel?: (() => void) | undefined;
+        skipSessionRefresh?: boolean | undefined;
+        isCanceled?: (() => boolean) | undefined;
+    }, unknown>;
+};

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

@@ -0,0 +1,30 @@
+"use client";
+import {
+  __async
+} from "../../../chunk-MMUBH76A.js";
+import { useMutation } from "@tanstack/react-query";
+import { useInternalClient } from "../utils/useInternalClient.js";
+import { renameMutations } from "../../utils/renameMutations.js";
+const SWITCH_WALLETS_KEY = "SWITCH_WALLETS";
+const useSwitchWallets = () => {
+  const para = useInternalClient();
+  const mutation = useMutation({
+    mutationKey: [SWITCH_WALLETS_KEY],
+    mutationFn: (..._0) => __async(void 0, [..._0], function* (args = {}) {
+      if (!para) {
+        throw new Error("Para client not available");
+      }
+      try {
+        const result = yield para.waitForWalletSwitching(args);
+        return result;
+      } catch (error) {
+        throw error;
+      }
+    })
+  });
+  return renameMutations(mutation, "switchWallets");
+};
+export {
+  SWITCH_WALLETS_KEY,
+  useSwitchWallets
+};

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

@@ -25,6 +25,7 @@ export declare const useVerifyExternalWallet: () => {
         signedMessage: string;
         cosmosPublicKeyHex?: string | undefined;
         cosmosSigner?: string | undefined;
+        sessionLookupId?: string | undefined;
     } | undefined;
     error: Error | null;
     isError: boolean;
@@ -43,6 +44,7 @@ export declare const useVerifyExternalWallet: () => {
         signedMessage: string;
         cosmosPublicKeyHex?: string | undefined;
         cosmosSigner?: string | undefined;
+        sessionLookupId?: string | undefined;
     }, unknown>;
     verifyExternalWalletAsync: import("@tanstack/react-query").UseMutateAsyncFunction<Compute<import("@getpara/web-sdk").AuthStateSignup | import("@getpara/web-sdk").AuthStateLogin>, Error, {
         portalTheme?: import("@getpara/web-sdk").Theme | undefined;
@@ -51,5 +53,6 @@ export declare const useVerifyExternalWallet: () => {
         signedMessage: string;
         cosmosPublicKeyHex?: string | undefined;
         cosmosSigner?: string | undefined;
+        sessionLookupId?: string | undefined;
     }, unknown>;
 };

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

@@ -30,7 +30,7 @@ export declare const useVerifyNewAccount: () => {
         passkeyId?: string | undefined;
         passwordId?: string | undefined;
         pinId?: string | undefined;
-        signupAuthMethods?: import("@getpara/web-sdk").AuthMethod[] | undefined;
+        signupAuthMethods?: import("@getpara/web-sdk").TAuthMethod[] | undefined;
     } | undefined;
     isSuccess: boolean;
     variables: {
@@ -63,7 +63,7 @@ export declare const useVerifyNewAccount: () => {
         passkeyId?: string | undefined;
         passwordId?: string | undefined;
         pinId?: string | undefined;
-        signupAuthMethods?: import("@getpara/web-sdk").AuthMethod[] | undefined;
+        signupAuthMethods?: import("@getpara/web-sdk").TAuthMethod[] | undefined;
     }, Error, {
         portalTheme?: import("@getpara/web-sdk").Theme | undefined;
         useShortUrls?: boolean | undefined;
@@ -84,7 +84,7 @@ export declare const useVerifyNewAccount: () => {
         passkeyId?: string | undefined;
         passwordId?: string | undefined;
         pinId?: string | undefined;
-        signupAuthMethods?: import("@getpara/web-sdk").AuthMethod[] | undefined;
+        signupAuthMethods?: import("@getpara/web-sdk").TAuthMethod[] | undefined;
     }, Error, {
         portalTheme?: import("@getpara/web-sdk").Theme | undefined;
         useShortUrls?: boolean | undefined;

package/dist/provider/hooks/queries/useAccount.js

@@ -1,5 +1,6 @@
 "use client";
 import {
+  __async,
   __objRest,
   __spreadProps,
   __spreadValues
@@ -62,8 +63,8 @@ const useAccount = ({ cosmos } = {}) => {
       cosmosQueryKeys,
       solanaQueryKeys
     ],
-    queryFn: () => {
-      const paraAccount = getEmbeddedAccount(client, isFullyLoggedIn);
+    queryFn: () => __async(void 0, null, function* () {
+      const paraAccount = yield getEmbeddedAccount(client, isFullyLoggedIn);
       let connectionType = "none";
       if (paraAccount.isConnected) {
         connectionType = "embedded";
@@ -107,7 +108,7 @@ const useAccount = ({ cosmos } = {}) => {
           solana: pickSolanaAdapter(solanaAdapter)
         }
       };
-    }
+    })
   });
   const defaultResp = {
     isConnected: false,

package/dist/provider/providers/AccountLinkProvider.js

@@ -112,7 +112,7 @@ const AccountLinkProvider = ({ children }) => {
     status: statusVerifyExternalWalletLink,
     reset: resetVerifyExternalWalletLink
   } = useVerifyExternalWalletLink();
-  const isEnabled = (embedded == null ? void 0 : embedded.isConnected) || !(embedded == null ? void 0 : embedded.isGuestMode) && (!((_a = para.authInfo) == null ? void 0 : _a.externalWallet) || includeWalletVerification || externalWalletsWithFullAuth === "ALL" || externalWalletsWithFullAuth.includes((_c = (_b = para.authInfo) == null ? void 0 : _b.externalWallet) == null ? void 0 : _c.providerId));
+  const isEnabled = !(embedded == null ? void 0 : embedded.isGuestMode) && (embedded == null ? void 0 : embedded.isConnected) && (!((_a = para.authInfo) == null ? void 0 : _a.externalWallet) || includeWalletVerification || externalWalletsWithFullAuth === "ALL" || externalWalletsWithFullAuth.includes((_c = (_b = para.authInfo) == null ? void 0 : _b.externalWallet) == null ? void 0 : _c.providerId));
   const [accountLinkInProgress, setAccountLinkInProgress] = useState(
     coreAccountLinkInProgress || void 0
   );

package/dist/provider/providers/AuthProvider.d.ts

@@ -23,6 +23,10 @@ type Value = {
     createGuestWallets: () => void;
     isCreateGuestWalletsPending: boolean;
     logout: () => void;
+    switchWallets: (authMethod?: string) => void;
+    switchWalletsUrl: string | undefined;
+    setSwitchWalletsUrl: (_: string) => void;
+    isSwitchWalletsPending: boolean;
     biometricHints?: BiometricHints;
 };
 type Props = PropsWithChildren<{

package/dist/provider/providers/AuthProvider.js

@@ -6,7 +6,7 @@ import {
 } from "../../chunk-MMUBH76A.js";
 import { jsx } from "react/jsx-runtime";
 import { useUserAgent } from "@getpara/react-common";
-import { createContext, useCallback, useContext, useEffect, useMemo } from "react";
+import { createContext, useCallback, useContext, useEffect, useMemo, useState } from "react";
 import { useModalStore } from "../../modal/stores/index.js";
 import { ModalStep } from "../../modal/utils/steps.js";
 import {
@@ -20,8 +20,10 @@ import {
   useVerifyTelegram,
   useSetup2fa,
   useLogout,
-  useCreateGuestWallets
+  useCreateGuestWallets,
+  useWalletState
 } from "../index.js";
+import { useSwitchWallets } from "../hooks/mutations/useSwitchWallets.js";
 import { DEFAULTS } from "../../modal/constants/defaults.js";
 import { openPopup } from "../../modal/utils/openPopup.js";
 import {
@@ -65,7 +67,13 @@ const AuthContext = createContext({
   },
   isCreateGuestWalletsPending: false,
   logout: () => {
-  }
+  },
+  switchWallets: () => {
+  },
+  switchWalletsUrl: void 0,
+  setSwitchWalletsUrl: () => {
+  },
+  isSwitchWalletsPending: false
 });
 function AuthProvider({
   children,
@@ -111,10 +119,14 @@ function AuthProvider({
   const { waitForLogin: mutateWaitForLogin } = useWaitForLogin();
   const { waitForSignup: mutateWaitForSignup } = useWaitForSignup();
   const { waitForWalletCreationAsync: mutateAsyncWaitForWalletCreation } = useWaitForWalletCreation();
+  const { switchWallets: mutateSwitchWallets, isPending: mutateIsSwitchWalletsPending } = useSwitchWallets();
   const { setup2fa: mutateSetup2fa, isPending: isSetup2faPending } = useSetup2fa();
   const { createGuestWallets: mutateCreateGuestWallets, isPending: isCreateGuestWalletsPending } = useCreateGuestWallets();
   const { logout: mutateLogout } = useLogout();
+  const { updateSelectedWallet } = useWalletState();
   const { data: biometricHints } = useFormattedBiometricHints();
+  const [switchWalletsUrl, setSwitchWalletsUrl] = useState(void 0);
+  const [isSwitchWalletsPending, setIsSwitchWalletsPending] = useState(mutateIsSwitchWalletsPending);
   const goBackIfPopupClosedOnSteps = (steps) => {
     var _a;
     if (((_a = refs.popupWindow.current) == null ? void 0 : _a.closed) && (!refs.currentStep.current || steps.includes(refs.currentStep.current))) {
@@ -278,14 +290,16 @@ function AuthProvider({
                 ModalStep.OTP,
                 ModalStep.FARCASTER_OAUTH,
                 ModalStep.TELEGRAM_OAUTH,
-                ModalStep.AWAITING_OAUTH
+                ModalStep.AWAITING_OAUTH,
+                ModalStep.SWITCH_WALLETS
               ]),
               onPoll: () => {
                 goBackIfPopupClosedOnSteps([
                   ModalStep.AWAITING_BIOMETRIC_LOGIN,
                   ModalStep.AWAITING_PASSWORD_LOGIN,
                   ModalStep.EMBEDDED_PASSWORD_LOGIN,
-                  ModalStep.OTP
+                  ModalStep.OTP,
+                  ModalStep.SWITCH_WALLETS
                 ]);
               }
             },
@@ -557,6 +571,75 @@ function AuthProvider({
   const logout = () => {
     mutateLogout();
   };
+  const switchWallets = () => {
+    if (!switchWalletsUrl) {
+      return;
+    }
+    setIsSwitchWalletsPending(true);
+    try {
+      setStep(ModalStep.SWITCH_WALLETS);
+      refs.popupWindow.current = openPopup({
+        url: switchWalletsUrl,
+        target: "ParaSwitchWallets",
+        type: "SWITCH_WALLETS",
+        current: refs.popupWindow.current
+      });
+      pollSwitchWallets();
+    } catch (error) {
+      console.error("Failed to open wallet switching popup:", error);
+    }
+  };
+  const pollSwitchWallets = () => {
+    if (typeof window !== "undefined") {
+      refs.poll.current = {
+        action: "login",
+        timeout: window == null ? void 0 : window.setTimeout(() => __async(this, null, function* () {
+          mutateSwitchWallets(
+            {
+              isCanceled: () => {
+                var _a, _b;
+                const exitedSteps = cancelIfExitedSteps([ModalStep.SWITCH_WALLETS, ModalStep.SWITCH_WALLETS_IFRAME]);
+                const popupClosed = (_b = (_a = refs.popupWindow.current) == null ? void 0 : _a.closed) != null ? _b : false;
+                const isCanceled = exitedSteps || popupClosed;
+                if (isCanceled) {
+                  if (popupClosed && (refs.currentStep.current === ModalStep.SWITCH_WALLETS || refs.currentStep.current === ModalStep.SWITCH_WALLETS_IFRAME)) {
+                    goBack();
+                  }
+                }
+                return isCanceled;
+              },
+              onPoll: () => {
+                if (refs.currentStep.current === ModalStep.SWITCH_WALLETS || refs.currentStep.current === ModalStep.SWITCH_WALLETS_IFRAME) {
+                  goBackIfPopupClosedOnSteps([ModalStep.SWITCH_WALLETS, ModalStep.SWITCH_WALLETS_IFRAME]);
+                }
+              }
+            },
+            {
+              onSuccess: () => {
+                updateSelectedWallet();
+                setTimeout(() => {
+                  setStep(ModalStep.ACCOUNT_PROFILE);
+                  refs.popupWindow.current = null;
+                }, 500);
+              },
+              onError: () => {
+                if (refs.currentStep.current === ModalStep.SWITCH_WALLETS) {
+                  goBack();
+                }
+              },
+              onSettled: () => {
+                var _a;
+                setIsSwitchWalletsPending(false);
+                window == null ? void 0 : window.clearTimeout((_a = refs.poll.current) == null ? void 0 : _a.timeout);
+                refs.poll.current = null;
+                refs.popupWindow.current = null;
+              }
+            }
+          );
+        }), DEFAULTS.LOGGIN_POLLING_DELAY_MS)
+      };
+    }
+  };
   const isPasswordIFrameLoading = !!iFrameUrl && iFrameUrl === (signupState == null ? void 0 : signupState.passwordUrl) && !isIFrameReady;
   const value = useMemo(
     () => ({
@@ -577,6 +660,10 @@ function AuthProvider({
       createGuestWallets,
       isCreateGuestWalletsPending,
       logout,
+      switchWallets,
+      switchWalletsUrl,
+      setSwitchWalletsUrl,
+      isSwitchWalletsPending,
       biometricHints: biometricHints || void 0,
       verifyFarcasterStatus
     }),
@@ -599,6 +686,10 @@ function AuthProvider({
       createGuestWallets,
       isCreateGuestWalletsPending,
       logout,
+      switchWallets,
+      switchWalletsUrl,
+      setSwitchWalletsUrl,
+      isSwitchWalletsPending,
       biometricHints,
       verifyFarcasterStatus
     ]
@@ -618,6 +709,9 @@ function AuthProvider({
       setStep(ModalStep.ACCOUNT_MAIN);
     }
   }, [isCreateGuestWalletsPending]);
+  useEffect(() => {
+    setIsSwitchWalletsPending((prev) => !!prev ? mutateIsSwitchWalletsPending : prev);
+  }, [mutateIsSwitchWalletsPending]);
   useEffect(() => {
     return () => {
       var _a;

package/package.json

@@ -1,13 +1,13 @@
 {
   "name": "@getpara/react-sdk-lite",
-  "version": "2.0.0-alpha.63",
+  "version": "2.0.0-alpha.64",
   "bin": {
     "setup-para": "dist/cli/cli.mjs"
   },
   "dependencies": {
-    "@getpara/react-common": "2.0.0-alpha.63",
-    "@getpara/react-components": "2.0.0-alpha.63",
-    "@getpara/web-sdk": "2.0.0-alpha.63",
+    "@getpara/react-common": "2.0.0-alpha.64",
+    "@getpara/react-components": "2.0.0-alpha.64",
+    "@getpara/web-sdk": "2.0.0-alpha.64",
     "date-fns": "^3.6.0",
     "framer-motion": "^11.3.31",
     "libphonenumber-js": "^1.11.7",
@@ -16,9 +16,9 @@
     "zustand-sync-tabs": "^0.2.2"
   },
   "devDependencies": {
-    "@getpara/cosmos-wallet-connectors": "2.0.0-alpha.63",
-    "@getpara/evm-wallet-connectors": "2.0.0-alpha.63",
-    "@getpara/solana-wallet-connectors": "2.0.0-alpha.63",
+    "@getpara/cosmos-wallet-connectors": "2.0.0-alpha.64",
+    "@getpara/evm-wallet-connectors": "2.0.0-alpha.64",
+    "@getpara/solana-wallet-connectors": "2.0.0-alpha.64",
     "@tanstack/react-query": "^5.74.0",
     "@testing-library/dom": "^10.4.0",
     "@testing-library/react": "^16.3.0",
@@ -38,7 +38,7 @@
     "package.json",
     "styles.css"
   ],
-  "gitHead": "440300efa66a6bc808504e2771b21e92bdee4c9b",
+  "gitHead": "c55ecfbbd200053ddb78d88c93c597c0f781a6bb",
   "main": "dist/index.js",
   "peerDependencies": {
     "@tanstack/react-query": ">=5.0.0",