@getpara/react-sdk 2.0.0-alpha.21 → 2.0.0-alpha.23

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

@@ -19,7 +19,7 @@ import { ExternalWalletMobileConnect } from "../ExternalWalletStep/ExternalWalle
 import { useResendVerificationCode } from "../../../provider/index.js";
 import { AccountLinkError } from "@getpara/web-sdk";
 function AccountProfileLink() {
-  var _a, _b;
+  var _a, _b, _c, _d;
   const {
     accountLinkInProgress,
     verifyEmailOrPhoneLink,
@@ -29,7 +29,7 @@ function AccountProfileLink() {
     linkAccount,
     isLinkAccountPending,
     resetMutations
-  } = useAccountLinking(), { wallets } = useExternalWallets(), { mutate: resendVerificationCode } = useResendVerificationCode(), accountLinkType = accountLinkInProgress == null ? void 0 : accountLinkInProgress.type, externalWalletType = (_b = accountLinkInProgress == null ? void 0 : accountLinkInProgress.pendingWalletType) != null ? _b : (_a = accountLinkInProgress == null ? void 0 : accountLinkInProgress.externalWallet) == null ? void 0 : _a.providerId, accountLinkIcon = externalWalletType != null ? externalWalletType : accountLinkType, isTelegram = accountLinkType === "TELEGRAM", {
+  } = useAccountLinking(), { wallets } = useExternalWallets(), { mutate: resendVerificationCode } = useResendVerificationCode(), accountLinkType = accountLinkInProgress == null ? void 0 : accountLinkInProgress.type, externalWalletProvider = (_b = accountLinkInProgress == null ? void 0 : accountLinkInProgress.pendingWalletProvider) != null ? _b : (_a = accountLinkInProgress == null ? void 0 : accountLinkInProgress.externalWallet) == null ? void 0 : _a.providerId, externalWalletType = (_d = accountLinkInProgress == null ? void 0 : accountLinkInProgress.pendingWalletType) != null ? _d : (_c = accountLinkInProgress == null ? void 0 : accountLinkInProgress.externalWallet) == null ? void 0 : _c.type, accountLinkIcon = externalWalletProvider != null ? externalWalletProvider : accountLinkType, isTelegram = accountLinkType === "TELEGRAM", {
     url,
     status: telegramStatus,
     isLoaded,
@@ -37,7 +37,7 @@ function AccountProfileLink() {
   } = useTelegramLogin(
     isTelegram ? { isActive: isTelegram, status: linkAccountStatus, onSubmit: verifyTelegramLink } : { isActive: false }
   ), status = (accountLinkInProgress == null ? void 0 : accountLinkInProgress.isComplete) ? "success" : isTelegram ? telegramStatus : linkAccountStatus, commonWallet = useMemo(() => {
-    const wallet = wallets.find((w) => w.internalId === externalWalletType);
+    const wallet = wallets.find((w) => w.internalId === externalWalletProvider && w.type === externalWalletType);
     return wallet;
   }, [wallets]), walletDisplayHelpers = useWalletDisplayHelpers(commonWallet);
   const { upper, lower } = useMemo(() => {
@@ -71,7 +71,8 @@ function AccountProfileLink() {
         text: message
       }
     );
-    const onTryAgain = externalWalletType ? () => linkAccount({ externalWallet: externalWalletType }) : accountLinkType && accountLinkType !== "EXTERNAL_WALLET" ? () => linkAccount({ type: accountLinkType }) : void 0;
+    ``;
+    const onTryAgain = externalWalletProvider && externalWalletType ? () => linkAccount({ externalWallet: { internalId: externalWalletProvider, type: externalWalletType } }) : accountLinkType && accountLinkType !== "EXTERNAL_WALLET" ? () => linkAccount({ type: accountLinkType }) : void 0;
     const tryAgain = onTryAgain ? /* @__PURE__ */ jsxs(CpslButton, { variant: "secondary", fullWidth: true, onClick: onTryAgain, children: [
       /* @__PURE__ */ jsx(CpslIcon, { icon: "refresh", slot: "start" }),
       "Try Again"
@@ -147,7 +148,7 @@ function AccountProfileLink() {
                     wallet: commonWallet,
                     isSelfFetching: true,
                     onConnectWc: (w) => __async(this, null, function* () {
-                      yield linkAccount({ externalWallet: w.internalId });
+                      yield linkAccount({ externalWallet: { internalId: w.internalId, type: w.type } });
                     })
                   }
                 );

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

@@ -30,19 +30,30 @@ function AccountProfileLinkOptions() {
       ...EXTERNAL_WALLET_TYPES,
       ...accountLinkOptions.slice(externalWalletIndex + 1)
     ] : accountLinkOptions;
-    return baseOptions.filter((option) => {
-      if (!isExternalWallet(option) || (connectedWallet == null ? void 0 : connectedWallet.internalId) !== option && wallets.some(
-        ({ type, internalId, installed, isMobile }) => (installed || isMobile) && (para == null ? void 0 : para.supportedWalletTypes.some((obj) => obj.type === type)) && internalId === option
-      )) {
-        return true;
-      }
-      return false;
-    });
+    return Array.from(
+      new Set(
+        baseOptions.filter((option) => {
+          if (!isExternalWallet(option) || (connectedWallet == null ? void 0 : connectedWallet.internalId) !== option && wallets.some(({ type, internalId, installed, isMobile }) => {
+            return (installed || isMobile) && (para == null ? void 0 : para.supportedWalletTypes.some((obj) => obj.type === type)) && internalId === option;
+          })) {
+            return true;
+          }
+          return false;
+        })
+      )
+    );
   }, [accountLinkOptions, externalWalletIndex, wallets]);
   useEffect(() => {
     resetMutations();
     setLinkAccountError(null);
   }, []);
+  const getExternalWalletType = (internalId) => {
+    const allWallets = wallets.filter((wallet) => wallet.internalId === internalId);
+    if (allWallets.length === 1) {
+      return allWallets[0].type;
+    }
+    return void 0;
+  };
   return /* @__PURE__ */ jsx(StepContainer, { $wide: true, children: /* @__PURE__ */ jsxs(Content, { children: [
     (isEmail || isPhone) && /* @__PURE__ */ jsxs(Fragment, { children: [
       /* @__PURE__ */ jsx(
@@ -68,7 +79,9 @@ function AccountProfileLinkOptions() {
         {
           fullWidth: true,
           variant: "tertiary",
-          onClick: () => linkAccount(isWallet ? { externalWallet: option } : { type: option }),
+          onClick: () => linkAccount(
+            isWallet ? { externalWallet: { internalId: option, type: getExternalWalletType(option) } } : { type: option }
+          ),
           children: [
             /* @__PURE__ */ jsx(AccountTypeIcon, { accountType: option, size: "24px" }),
             /* @__PURE__ */ jsx(CpslText, { color: "contrast", variant: "bodyM", children: getAccountTypeName(option) })

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

@@ -42,6 +42,7 @@ import { AccountProfile } from "../Account/AccountProfile.js";
 import { AccountProfileLinkOptions } from "../Account/AccountProfileLinkOptions.js";
 import { AccountProfileLink } from "../Account/AccountProfileLink.js";
 import { AccountProfileUnlink } from "../Account/AccountProfileUnlink.js";
+import { ExternalWalletNetworkSelectStep } from "../ExternalWalletNetworkSelectStep/ExternalWalletNetworkSelectStep.js";
 const MIN_HEIGHT = {
   [ModalStep.ADD_FUNDS_AWAITING]: "680px"
 };
@@ -188,6 +189,9 @@ const Body = ({
       case ModalStep.CHAIN_SWITCH: {
         return /* @__PURE__ */ jsx(ChainSwitch, {});
       }
+      case ModalStep.EX_WALLET_NETWORK_SELECT: {
+        return /* @__PURE__ */ jsx(ExternalWalletNetworkSelectStep, {});
+      }
       default: {
         if (IFrameSteps.includes(currentStep)) {
           return null;

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

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

package/dist/modal/components/ExternalWalletNetworkSelectStep/ExternalWalletNetworkSelectStep.js

@@ -0,0 +1,75 @@
+"use client";
+import "../../../chunk-MMUBH76A.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { safeStyled } from "@getpara/react-common";
+import { useExternalWallets } from "../../../provider/providers/ExternalWalletProvider.js";
+import { useModalStore } from "../../stores/index.js";
+import { ModalStep } from "../../utils/steps.js";
+import { CpslButton, CpslIcon, CpslText } from "@getpara/react-components";
+import { WALLET_TYPE_CONFIG } from "../../constants/walletTypeConfig.js";
+import { useAccountLinking } from "../../../provider/providers/AccountLinkProvider.js";
+const ExternalWalletNetworkSelectStep = () => {
+  var _a, _b;
+  const setStep = useModalStore((state) => state.setStep);
+  const selectedExternalWalletId = useModalStore((state) => state.selectedExternalWalletId);
+  const setSelectedExternalWalletId = useModalStore((state) => state.setSelectedExternalWalletId);
+  const { wallets, connectExternalWallet } = useExternalWallets();
+  const { accountLinkInProgress, linkAccount } = useAccountLinking();
+  const externalWalletProvider = (_b = accountLinkInProgress == null ? void 0 : accountLinkInProgress.pendingWalletProvider) != null ? _b : (_a = accountLinkInProgress == null ? void 0 : accountLinkInProgress.externalWallet) == null ? void 0 : _a.providerId;
+  if (!accountLinkInProgress && !selectedExternalWalletId) {
+    setStep(ModalStep.ACCOUNT_MAIN);
+    return null;
+  }
+  const availableWallets = wallets.filter((w) => w.internalId === (externalWalletProvider != null ? externalWalletProvider : selectedExternalWalletId));
+  const firstWallet = availableWallets[0];
+  const handleWalletClick = (wallet) => () => {
+    if (accountLinkInProgress) {
+      linkAccount({ externalWallet: wallet });
+      return;
+    }
+    setSelectedExternalWalletId(wallet.internalId);
+    setStep(ModalStep.EX_WALLET_SELECTED);
+    if (wallet.installed) {
+      connectExternalWallet(wallet);
+    } else if (wallet.isMobile) {
+      connectExternalWallet(wallet, true);
+    }
+  };
+  return /* @__PURE__ */ jsxs(Container, { children: [
+    /* @__PURE__ */ jsx(Avatar, { slot: "image", src: firstWallet == null ? void 0 : firstWallet.iconUrl }),
+    /* @__PURE__ */ jsx(ButtonContainer, { children: availableWallets.map((wallet) => {
+      const config = WALLET_TYPE_CONFIG[wallet.type];
+      return /* @__PURE__ */ jsx(CpslButton, { fullWidth: true, variant: "tertiary", onClick: handleWalletClick(wallet), children: /* @__PURE__ */ jsxs(ButtonInnerContainer, { children: [
+        /* @__PURE__ */ jsx(CpslIcon, { slot: "start", icon: config.icon }),
+        /* @__PURE__ */ jsx(CpslText, { weight: "medium", children: config.name })
+      ] }) }, wallet.type);
+    }) })
+  ] });
+};
+const Container = safeStyled.div`
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 32px;
+`;
+const ButtonContainer = safeStyled.div`
+  width: 100%;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 8px;
+`;
+const Avatar = safeStyled.img`
+  width: 80px;
+  height: 80px;
+  object-fit: contain;
+`;
+const ButtonInnerContainer = safeStyled.div`
+  width: 100%;
+  display: flex;
+  align-items: center;
+  gap: 8px;
+`;
+export {
+  ExternalWalletNetworkSelectStep
+};

package/dist/modal/components/ExternalWalletVerificationStep/ExternalWalletVerificationStep.js

@@ -2,16 +2,21 @@
 import "../../../chunk-MMUBH76A.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { CpslButton, CpslSpinner, CpslText } from "@getpara/react-components";
-import { useEffect } from "react";
 import { safeStyled } from "@getpara/react-common";
 import { useModalStore } from "../../stores/index.js";
 import { ErrorContainer, ErrorIcon, Heading, InnerStepContainer, StepContainer } from "../common.js";
 import { useExternalWallets } from "../../../provider/providers/ExternalWalletProvider.js";
+import { useEffect, useRef } from "react";
 const ExternalWalletVerificationStep = () => {
+  const effectRan = useRef(false);
   const { isExternalWalletVerifying, verifyWalletSignature } = useExternalWallets();
   const externalWalletError = useModalStore((state) => state.externalWalletError);
   useEffect(() => {
-    verifyWalletSignature();
+    const hasRun = effectRan.current;
+    if (!hasRun) {
+      verifyWalletSignature();
+      effectRan.current = true;
+    }
   }, []);
   return /* @__PURE__ */ jsxs(StepContainer, { $wide: true, children: [
     /* @__PURE__ */ jsxs(InnerStepContainer, { children: [
@@ -22,7 +27,7 @@ const ExternalWalletVerificationStep = () => {
         /* @__PURE__ */ jsx(CpslText, { weight: "semiBold", color: "error", children: externalWalletError == null ? void 0 : externalWalletError[0] })
       ] })
     ] }),
-    /* @__PURE__ */ jsx(InnerStepContainer, { children: isExternalWalletVerifying ? /* @__PURE__ */ jsx(CpslSpinner, {}) : /* @__PURE__ */ jsx(CpslButton, { onClick: verifyWalletSignature, children: "Retry" }) })
+    /* @__PURE__ */ jsx(InnerStepContainer, { children: isExternalWalletVerifying || !effectRan.current ? /* @__PURE__ */ jsx(CpslSpinner, {}) : /* @__PURE__ */ jsx(CpslButton, { onClick: verifyWalletSignature, children: "Retry" }) })
   ] });
 };
 const InlineText = safeStyled(CpslText)`

package/dist/modal/components/ExternalWallets/ExternalWallets.js

@@ -13,14 +13,17 @@ import { hasEmbeddedAuth } from "../../utils/authLayoutHelpers.js";
 import { useExternalWallets } from "../../../provider/providers/ExternalWalletProvider.js";
 const HAS_MORE_LENGTH = 3;
 const ExternalWallets = () => {
-  const { wallets, connectExternalWallet } = useExternalWallets();
+  const { wallets: allWallets, connectExternalWallet } = useExternalWallets();
   const setSelectedExternalWalletId = useModalStore((state) => state.setSelectedExternalWalletId);
   const setStep = useModalStore((state) => state.setStep);
   const showAll = useModalStore((state) => state.step === ModalStep.EX_WALLET_MORE);
   const authLayout = useModalStore((state) => state.authLayout);
   const [search, setSearch] = useState("");
-  const hasMore = wallets.length > HAS_MORE_LENGTH;
-  const walletsToShow = showAll || !hasMore ? search ? wallets.filter((w) => w.name.toLowerCase().includes(search.toLowerCase())) : wallets : wallets.slice(0, HAS_MORE_LENGTH);
+  const dedupedWallets = Array.from(new Set(allWallets.map((wallet) => wallet.id))).map((id) => {
+    return allWallets.find((wallet) => wallet.id === id);
+  });
+  const hasMore = dedupedWallets.length > HAS_MORE_LENGTH;
+  const walletsToShow = showAll || !hasMore ? search ? dedupedWallets.filter((w) => w.name.toLowerCase().includes(search.toLowerCase())) : dedupedWallets : dedupedWallets.slice(0, HAS_MORE_LENGTH);
   const showMoreButton = !showAll && hasMore;
   const handleShowAll = () => {
     setStep(ModalStep.EX_WALLET_MORE);
@@ -29,7 +32,13 @@ const ExternalWallets = () => {
     setStep(ModalStep.AUTH_MORE);
   };
   const handleWalletClick = (wallet) => () => {
-    setSelectedExternalWalletId(wallet.id);
+    const shouldShowNetworkSelection = allWallets.filter((w) => w.id === wallet.id).length > 1;
+    if (shouldShowNetworkSelection) {
+      setSelectedExternalWalletId(wallet.internalId);
+      setStep(ModalStep.EX_WALLET_NETWORK_SELECT);
+      return;
+    }
+    setSelectedExternalWalletId(wallet.internalId);
     setStep(ModalStep.EX_WALLET_SELECTED);
     if (wallet.installed) {
       connectExternalWallet(wallet);

package/dist/modal/components/common.js

@@ -199,10 +199,10 @@ function GradientScroll({ height, gap, children }) {
     GradientScrollContainer,
     {
       ref,
-      height,
-      gap,
-      isNotAtBottom,
-      isNotAtTop,
+      $height: height,
+      $gap: gap,
+      $isNotAtBottom: isNotAtBottom,
+      $isNotAtTop: isNotAtTop,
       onScroll,
       children: /* @__PURE__ */ jsx("div", { children })
     }
@@ -212,16 +212,16 @@ const HeroGenericIcon = ({ accountType }) => {
   return /* @__PURE__ */ jsx(Avatar, { children: /* @__PURE__ */ jsx(AccountTypeIcon, { accountType, size: "24px" }) });
 };
 const GradientScrollContainer = safeStyled.div`
-  max-height: ${({ height }) => height || "100%"};
+  max-height: ${({ $height }) => $height || "100%"};
   width: 100%;
   overflow-y: auto;
-  mask-image: ${({ isNotAtBottom, isNotAtTop }) => isNotAtBottom && isNotAtTop ? "linear-gradient(to bottom, transparent 0%, black 24px, black calc(100% - 24px), transparent 100%)" : isNotAtBottom ? "linear-gradient(to bottom, black calc(100% - 24px), transparent 100%)" : isNotAtTop ? "linear-gradient(to top, black calc(100% - 24px), transparent 100%)" : "none"};
+  mask-image: ${({ $isNotAtBottom, $isNotAtTop }) => $isNotAtBottom && $isNotAtTop ? "linear-gradient(to bottom, transparent 0%, black 24px, black calc(100% - 24px), transparent 100%)" : $isNotAtBottom ? "linear-gradient(to bottom, black calc(100% - 24px), transparent 100%)" : $isNotAtTop ? "linear-gradient(to top, black calc(100% - 24px), transparent 100%)" : "none"};
 
   & > div {
     width: 100%;
     display: flex;
     flex-direction: column;
-    gap: ${({ gap }) => gap || "8px"};
+    gap: ${({ $gap }) => $gap || "8px"};
   }
 `;
 const Avatar = safeStyled.div`

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

@@ -30,7 +30,7 @@ export declare function getNetworkName(str: Network | string): string;
 export declare function getNetworkIcon(str: Network | string): IconType;
 export declare function getAssetCode(str: OnRampAsset | string): string;
 export declare function getAssetName(str: OnRampAsset | string): string;
-export declare function getAssetIcon(str: OnRampAsset | string): "key" | "phone" | "farcaster" | "telegram" | "discord" | "x" | "search" | "para" | "walletConnect" | "wallet" | "close" | "copy" | "safe" | "cosmos" | "alertCircle" | "alertTriangle" | "alignVerticalCenter" | "angelListBrand" | "angelList" | "appleBrand" | "apple" | "arbitrumBrand" | "arrowCircleBrokenDownLeft" | "arrowCircleDownFilled" | "arrowNarrow" | "arrow" | "asterisk" | "backpack" | "backupKit" | "bank" | "baseBrand" | "brush" | "celoBrand" | "checkCircleFilled" | "checkCircle" | "checkSquare" | "check" | "chevronDown" | "chevronRight" | "chevronSelectorVertical" | "chevronUp" | "clock" | "clubhouseBrand" | "clubhouse" | "code" | "coinbase" | "copy07" | "cosmostation" | "creditCard02" | "creditCard" | "cube03" | "cubeOutline" | "cube" | "currencyDollar" | "decentBrand" | "decent" | "dell" | "discordBrand" | "dot" | "dots" | "downloadCloud" | "download" | "dribbbleBrand" | "dribbble" | "earth" | "edit02" | "emptyCircle" | "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" | "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" | "solana" | "solflare" | "spacingHeight" | "star04Filled" | "star05" | "stars01Filled" | "stars02" | "stars" | "stopSquare" | "stripeBrand" | "telegramBrand" | "tetherBrand" | "tikTokBrand" | "tikTok" | "trash" | "tumblrBrand" | "tumblr" | "twitterBrand" | "twitter" | "usdcBrand" | "userCircle" | "userPlus" | "user" | "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: OnRampAsset | string): "key" | "phone" | "farcaster" | "telegram" | "discord" | "x" | "search" | "para" | "walletConnect" | "wallet" | "close" | "copy" | "safe" | "cosmos" | "alertCircle" | "alertTriangle" | "alignVerticalCenter" | "angelListBrand" | "angelList" | "appleBrand" | "apple" | "arbitrumBrand" | "arrowCircleBrokenDownLeft" | "arrowCircleDownFilled" | "arrowNarrow" | "arrow" | "asterisk" | "backpack" | "backupKit" | "bank" | "baseBrand" | "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" | "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" | "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" | "solana" | "solflare" | "spacingHeight" | "star04Filled" | "star05" | "stars01Filled" | "stars02" | "stars" | "stopSquare" | "stripeBrand" | "telegramBrand" | "tetherBrand" | "tikTokBrand" | "tikTok" | "trash" | "tumblrBrand" | "tumblr" | "twitterBrand" | "twitter" | "usdcBrand" | "userCircle" | "userPlus" | "user" | "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

@@ -119,7 +119,7 @@ const BODY_MOTION_VARIANTS = {
 const BODY_TRANSITION = {
   duration: 0.2
 };
-const SDK_VERSION = "2.0.0-alpha.21";
+const SDK_VERSION = "2.0.0-alpha.22";
 export {
   BODY_MOTION_VARIANTS,
   BODY_TRANSITION,

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

@@ -0,0 +1,6 @@
+import { IconType } from '@getpara/react-components';
+import { TWalletType } from '@getpara/web-sdk';
+export declare const WALLET_TYPE_CONFIG: Record<TWalletType, {
+    name: string;
+    icon: IconType;
+}>;

package/dist/modal/constants/walletTypeConfig.js

@@ -0,0 +1,13 @@
+"use client";
+import "../../chunk-MMUBH76A.js";
+const WALLET_TYPE_CONFIG = {
+  EVM: {
+    name: "Ethereum",
+    icon: "ethCircle"
+  },
+  SOLANA: { name: "Solana", icon: "solanaCircle" },
+  COSMOS: { name: "Cosmos", icon: "cosmosCircle" }
+};
+export {
+  WALLET_TYPE_CONFIG
+};

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

@@ -6,6 +6,7 @@ export declare enum ModalStep {
     AWAITING_GUEST_WALLET_CREATION = "AWAITING_GUEST_WALLET_CREATION",
     EX_WALLET_MORE = "EX_WALLET_MORE",
     EX_WALLET_SELECTED = "EX_WALLET_SELECTED",
+    EX_WALLET_NETWORK_SELECT = "EX_WALLET_NETWORK_SELECT",
     VERIFICATIONS = "VERIFICATIONS",
     EXTERNAL_WALLET_VERIFICATION = "EXTERNAL_WALLET_VERIFICATION",
     AWAITING_OAUTH = "AWAITING_OAUTH",
@@ -67,6 +68,7 @@ declare enum SignUpModalStep {
     AUTH_MORE = "AUTH_MORE",
     EX_WALLET_MORE = "EX_WALLET_MORE",
     EX_WALLET_SELECTED = "EX_WALLET_SELECTED",
+    EX_WALLET_NETWORK_SELECT = "EX_WALLET_NETWORK_SELECT",
     VERIFICATIONS = "VERIFICATIONS",
     EXTERNAL_WALLET_VERIFICATION = "EXTERNAL_WALLET_VERIFICATION",
     AWAITING_OAUTH = "AWAITING_OAUTH",
@@ -100,6 +102,7 @@ declare enum LoginModalStep {
     AUTH_MORE = "AUTH_MORE",
     EX_WALLET_MORE = "EX_WALLET_MORE",
     EX_WALLET_SELECTED = "EX_WALLET_SELECTED",
+    EX_WALLET_NETWORK_SELECT = "EX_WALLET_NETWORK_SELECT",
     AWAITING_OAUTH = "AWAITING_OAUTH",
     FARCASTER_OAUTH = "FARCASTER_OAUTH",
     TELEGRAM_OAUTH = "TELEGRAM_OAUTH",

package/dist/modal/utils/steps.js

@@ -7,6 +7,7 @@ var ModalStep = /* @__PURE__ */ ((ModalStep2) => {
   ModalStep2["AWAITING_GUEST_WALLET_CREATION"] = "AWAITING_GUEST_WALLET_CREATION";
   ModalStep2["EX_WALLET_MORE"] = "EX_WALLET_MORE";
   ModalStep2["EX_WALLET_SELECTED"] = "EX_WALLET_SELECTED";
+  ModalStep2["EX_WALLET_NETWORK_SELECT"] = "EX_WALLET_NETWORK_SELECT";
   ModalStep2["VERIFICATIONS"] = "VERIFICATIONS";
   ModalStep2["EXTERNAL_WALLET_VERIFICATION"] = "EXTERNAL_WALLET_VERIFICATION";
   ModalStep2["AWAITING_OAUTH"] = "AWAITING_OAUTH";
@@ -60,6 +61,7 @@ var AccountStep = /* @__PURE__ */ ((AccountStep2) => {
 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 */,
   "EXTERNAL_WALLET_VERIFICATION" /* EXTERNAL_WALLET_VERIFICATION */,
   "AWAITING_OAUTH" /* AWAITING_OAUTH */,
@@ -115,6 +117,7 @@ var SignUpModalStep = /* @__PURE__ */ ((SignUpModalStep2) => {
   SignUpModalStep2["AUTH_MORE"] = "AUTH_MORE";
   SignUpModalStep2["EX_WALLET_MORE"] = "EX_WALLET_MORE";
   SignUpModalStep2["EX_WALLET_SELECTED"] = "EX_WALLET_SELECTED";
+  SignUpModalStep2["EX_WALLET_NETWORK_SELECT"] = "EX_WALLET_NETWORK_SELECT";
   SignUpModalStep2["VERIFICATIONS"] = "VERIFICATIONS";
   SignUpModalStep2["EXTERNAL_WALLET_VERIFICATION"] = "EXTERNAL_WALLET_VERIFICATION";
   SignUpModalStep2["AWAITING_OAUTH"] = "AWAITING_OAUTH";
@@ -143,6 +146,7 @@ const SignUpPreviousStep = {
   ["AUTH_MORE" /* AUTH_MORE */]: "AUTH_MAIN" /* AUTH_MAIN */,
   ["EX_WALLET_MORE" /* EX_WALLET_MORE */]: "AUTH_MAIN" /* AUTH_MAIN */,
   ["EX_WALLET_SELECTED" /* EX_WALLET_SELECTED */]: "AUTH_MAIN" /* AUTH_MAIN */,
+  ["EX_WALLET_NETWORK_SELECT" /* EX_WALLET_NETWORK_SELECT */]: "AUTH_MAIN" /* AUTH_MAIN */,
   ["VERIFICATIONS" /* VERIFICATIONS */]: "AUTH_MAIN" /* AUTH_MAIN */,
   ["EXTERNAL_WALLET_VERIFICATION" /* EXTERNAL_WALLET_VERIFICATION */]: "AUTH_MAIN" /* AUTH_MAIN */,
   ["AWAITING_OAUTH" /* AWAITING_OAUTH */]: "AUTH_MAIN" /* AUTH_MAIN */,
@@ -179,6 +183,7 @@ var LoginModalStep = /* @__PURE__ */ ((LoginModalStep2) => {
   LoginModalStep2["AUTH_MORE"] = "AUTH_MORE";
   LoginModalStep2["EX_WALLET_MORE"] = "EX_WALLET_MORE";
   LoginModalStep2["EX_WALLET_SELECTED"] = "EX_WALLET_SELECTED";
+  LoginModalStep2["EX_WALLET_NETWORK_SELECT"] = "EX_WALLET_NETWORK_SELECT";
   LoginModalStep2["AWAITING_OAUTH"] = "AWAITING_OAUTH";
   LoginModalStep2["FARCASTER_OAUTH"] = "FARCASTER_OAUTH";
   LoginModalStep2["TELEGRAM_OAUTH"] = "TELEGRAM_OAUTH";
@@ -206,6 +211,7 @@ const LoginPreviousStep = {
   ["AUTH_MORE" /* AUTH_MORE */]: "AUTH_MAIN" /* AUTH_MAIN */,
   ["EX_WALLET_MORE" /* EX_WALLET_MORE */]: "AUTH_MAIN" /* AUTH_MAIN */,
   ["EX_WALLET_SELECTED" /* EX_WALLET_SELECTED */]: "AUTH_MAIN" /* AUTH_MAIN */,
+  ["EX_WALLET_NETWORK_SELECT" /* EX_WALLET_NETWORK_SELECT */]: "AUTH_MAIN" /* AUTH_MAIN */,
   ["TELEGRAM_OAUTH" /* TELEGRAM_OAUTH */]: "AUTH_MAIN" /* AUTH_MAIN */,
   ["AWAITING_OAUTH" /* AWAITING_OAUTH */]: "AUTH_MAIN" /* AUTH_MAIN */,
   ["FARCASTER_OAUTH" /* FARCASTER_OAUTH */]: "AUTH_MAIN" /* AUTH_MAIN */,

package/dist/provider/external/stubs/CosmosExternalWalletContextStub.d.ts

@@ -1,2 +1,2 @@
-import { CosmosExternalWalletContextType } from '@getpara/cosmos-wallet-connectors';
+import { type CosmosExternalWalletContextType } from '@getpara/cosmos-wallet-connectors';
 export declare const CosmosExternalWalletContext: import("react").Context<CosmosExternalWalletContextType>;

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

@@ -1,6 +1,6 @@
 "use client";
 import "../../../chunk-MMUBH76A.js";
-import { defaultCosmosExternalWallet } from "@getpara/cosmos-wallet-connectors";
+import { defaultCosmosExternalWallet } from "@getpara/react-common";
 import { createContext } from "react";
 const CosmosExternalWalletContext = createContext(defaultCosmosExternalWallet);
 export {

package/dist/provider/external/stubs/EvmExternalWalletContextStub.d.ts

@@ -1,2 +1,2 @@
-import { EvmExternalWalletContextType } from '@getpara/evm-wallet-connectors';
+import { type EvmExternalWalletContextType } from '@getpara/evm-wallet-connectors';
 export declare const EvmExternalWalletContext: import("react").Context<EvmExternalWalletContextType>;

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

@@ -1,7 +1,7 @@
 "use client";
 import "../../../chunk-MMUBH76A.js";
 import { createContext } from "react";
-import { defaultEvmExternalWallet } from "@getpara/evm-wallet-connectors";
+import { defaultEvmExternalWallet } from "@getpara/react-common";
 const EvmExternalWalletContext = createContext(defaultEvmExternalWallet);
 export {
   EvmExternalWalletContext

package/dist/provider/external/stubs/SolanaExternalWalletContextStub.d.ts

@@ -1,2 +1,2 @@
-import { SolanaExternalWalletContextType } from '@getpara/solana-wallet-connectors';
+import { type SolanaExternalWalletContextType } from '@getpara/solana-wallet-connectors';
 export declare const SolanaExternalWalletContext: import("react").Context<SolanaExternalWalletContextType>;

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

@@ -1,7 +1,7 @@
 "use client";
 import "../../../chunk-MMUBH76A.js";
 import { createContext } from "react";
-import { defaultSolanaExternalWallet } from "@getpara/solana-wallet-connectors";
+import { defaultSolanaExternalWallet } from "@getpara/react-common";
 const SolanaExternalWalletContext = createContext(defaultSolanaExternalWallet);
 export {
   SolanaExternalWalletContext

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

@@ -14,7 +14,7 @@ function generateCoreQueryHook(method, action) {
           return null;
         }
         const result = yield action(para);
-        return result;
+        return result != null ? result : null;
       })
     });
   };

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

@@ -1,15 +1,20 @@
 import { PropsWithChildren } from 'react';
 import { MutationStatus } from '@tanstack/react-query';
 import { AccountLinkError, AccountLinkInProgress as CoreAccountLinkInProgress, LinkedAccount, LinkedAccounts, SupportedAccountLinks, TelegramAuthResponse, TExternalWallet, TLinkedAccountType, Auth, InternalMethodParams } from '@getpara/web-sdk';
+import { TWalletType } from '@getpara/user-management-client';
 type AccountLinkInProgress = Partial<CoreAccountLinkInProgress & {
-    pendingWalletType?: TExternalWallet;
+    pendingWalletProvider?: TExternalWallet;
+    pendingWalletType?: TWalletType;
 }>;
 export type ModalLinkAccountArgs = undefined | {
     auth: Auth<'email' | 'phone'>;
 } | {
     type: Exclude<TLinkedAccountType, 'EXTERNAL_WALLET'> | 'X';
 } | {
-    externalWallet: TExternalWallet;
+    externalWallet: {
+        internalId: TExternalWallet;
+        type?: TWalletType;
+    };
 } | {
     options: SupportedAccountLinks;
 };

package/dist/provider/providers/AccountLinkProvider.js

@@ -137,18 +137,26 @@ const AccountLinkProvider = ({ children }) => {
         break;
       case (args && "externalWallet" in args):
         {
-          const providerId = args.externalWallet;
+          const providerId = args.externalWallet.internalId;
+          const type = args.externalWallet.type;
           if (providerId === (connectedWallet == null ? void 0 : connectedWallet.internalId)) {
             throw new Error(`Cannot link the currently connected external wallet: ${providerId}`);
           }
-          setAccountLinkInProgress({ type: "EXTERNAL_WALLET", pendingWalletType: providerId });
+          setAccountLinkInProgress({
+            type: "EXTERNAL_WALLET",
+            pendingWalletProvider: providerId,
+            pendingWalletType: type
+          });
           const linkWallet = wallets.find((w) => w.internalId === providerId);
           if (!linkWallet) {
             throw new Error(`wallet not installed: ${providerId}`);
           }
-          openModal({ step: ModalStep.ACCOUNT_PROFILE_ADD });
+          openModal({ step: !type ? ModalStep.EX_WALLET_NETWORK_SELECT : ModalStep.ACCOUNT_PROFILE_ADD });
+          if (!type) {
+            return;
+          }
           try {
-            const externalWallet = yield externalWalletRequestInfo(providerId);
+            const externalWallet = yield externalWalletRequestInfo(providerId, type);
             const accountLinkInProgress2 = yield mutateLinkAccountAsync({ externalWallet });
             yield onAccountLinked(accountLinkInProgress2);
             const signatureVerificationMessage = accountLinkInProgress2.externalWallet.signatureVerificationMessage;

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

@@ -1,4 +1,5 @@
 import { PropsWithChildren } from 'react';
+import { TWalletType } from '@getpara/web-sdk';
 import { BalanceManagement, ChainManagement, CommonWallet, ExternalWalletContextType, TExternalWallet } from '@getpara/react-common';
 import { ExternalWalletInfo, VerifyExternalWalletParams } from '@getpara/web-sdk';
 import { CosmosSignResult } from '@getpara/cosmos-wallet-connectors';
@@ -34,7 +35,7 @@ export declare const defaultExternalWallet: {
     requestInfo: (_: TExternalWallet) => Promise<ExternalWalletInfo>;
     disconnectBase: (_: TExternalWallet) => Promise<void>;
 };
-type Value = Omit<ExternalWalletContextType<CosmosSignResult>, 'disconnect' | 'signVerificationMessage'> & ChainManagement<string, void> & BalanceManagement & {
+type Value = Omit<ExternalWalletContextType<CosmosSignResult>, 'disconnect' | 'signVerificationMessage' | 'requestInfo'> & ChainManagement<string, void> & BalanceManagement & {
     wallet?: CommonWallet;
     qrUri?: string;
     chainIdSwitchingTo?: string;
@@ -52,6 +53,7 @@ type Value = Omit<ExternalWalletContextType<CosmosSignResult>, 'disconnect' | 's
     isSigningMessage: boolean;
     verifyWalletSignature: () => Promise<VerifyExternalWalletParams | undefined>;
     isExternalWalletVerifying?: boolean;
+    requestInfo: (_: TExternalWallet, __: TWalletType) => Promise<ExternalWalletInfo>;
 };
 export declare const ExternalWalletContext: import("react").Context<Value>;
 export declare function ExternalWalletProvider({ children }: PropsWithChildren): import("react/jsx-runtime").JSX.Element;

package/dist/provider/providers/ExternalWalletProvider.js

@@ -108,7 +108,7 @@ function ExternalWalletProvider({ children }) {
   const para = useInternalClient();
   const { setSelectedWallet } = useWalletState();
   const { onNewAuthState } = useAuthActions();
-  const { mutate: verifyExternalWallet } = useVerifyExternalWallet();
+  const { mutateAsync: verifyExternalWallet } = useVerifyExternalWallet();
   const [qrUri, setQrUri] = useState();
   const [chainIdSwitchingTo, setChainIdSwitchingTo] = useState();
   const [isExternalWalletVerifying, setIsExternalWalletVerifying] = useState(false);
@@ -116,7 +116,10 @@ function ExternalWalletProvider({ children }) {
   const wallets = [...evmWallets, ...solanaWallets, ...cosmosWallets].filter((w) => externalWallets.includes(w.id.toUpperCase())).sort(
     (a, b) => externalWallets.indexOf(a.id.toUpperCase()) - externalWallets.indexOf(b.id.toUpperCase())
   ).sort((a, b) => a.installed === b.installed ? 0 : a.installed ? -1 : 1);
-  const wallet = useMemo(() => wallets.find((w) => w.id === selectedExternalWalletId), [wallets, selectedExternalWalletId]);
+  const wallet = useMemo(
+    () => wallets.find((w) => w.internalId === selectedExternalWalletId),
+    [wallets, selectedExternalWalletId]
+  );
   const updateQrUri = () => __async(this, null, function* () {
     var _a;
     const uri = yield (_a = wallet == null ? void 0 : wallet.getQrUri) == null ? void 0 : _a.call(wallet);
@@ -209,6 +212,7 @@ function ExternalWalletProvider({ children }) {
     [evmSwitchChain, cosmosSwitchChain]
   );
   const verifyWalletSignature = useCallback(() => __async(this, null, function* () {
+    var _a;
     setExternalWalletError();
     setIsExternalWalletVerifying(true);
     const wallet2 = Object.values(para.externalWallets)[0];
@@ -285,23 +289,19 @@ function ExternalWalletProvider({ children }) {
         console.error("No signature or address found on the verifyWalletSignature response.");
         return;
       }
-      verifyExternalWallet(verifyExternalWalletParams, {
-        onSuccess: (d) => {
-          var _a;
-          if (wallet2 && (externalWalletsWithFullAuth == null ? void 0 : externalWalletsWithFullAuth.includes((_a = wallet2.name) == null ? void 0 : _a.toUpperCase()))) {
-            onNewAuthState(d);
-          } else {
-            setStep(ModalStep.LOGIN_DONE);
-          }
-        },
-        onError: (e) => {
-          console.error("Error verifying signature:", e);
-          setExternalWalletError(["Signature verification failed."]);
-        },
-        onSettled: () => {
-          setIsExternalWalletVerifying(false);
+      try {
+        const d = yield verifyExternalWallet(verifyExternalWalletParams);
+        if (wallet2 && (externalWalletsWithFullAuth == null ? void 0 : externalWalletsWithFullAuth.includes((_a = wallet2.name) == null ? void 0 : _a.toUpperCase()))) {
+          onNewAuthState(d);
+        } else {
+          setStep(ModalStep.LOGIN_DONE);
         }
-      });
+      } catch (e) {
+        console.error("Error verifying signature:", e);
+        setExternalWalletError(["Signature verification failed."]);
+      } finally {
+        setIsExternalWalletVerifying(false);
+      }
       return verifyExternalWalletParams;
     }
     setIsExternalWalletVerifying(false);
@@ -397,22 +397,17 @@ function ExternalWalletProvider({ children }) {
     }),
     [isExternalWalletConnecting, externalWalletsWithFullAuth, connectionOnly, includeWalletVerification]
   );
-  const requestInfo = (providerId) => __async(this, null, function* () {
-    const [isEvm, isSolana, _isCosmos] = [
-      EVM_WALLETS.includes(providerId),
-      SOLANA_WALLETS.includes(providerId),
-      COSMOS_WALLETS.includes(providerId)
-    ];
-    switch (true) {
-      case isEvm: {
+  const requestInfo = (providerId, type) => __async(this, null, function* () {
+    switch (type) {
+      case "EVM": {
         const externalWallet = yield evmRequestInfo(providerId);
         return externalWallet;
       }
-      case isSolana: {
+      case "SOLANA": {
         const externalWallet = yield solanaRequestInfo(providerId);
         return externalWallet;
       }
-      default: {
+      case "COSMOS": {
         const externalWallet = yield cosmosRequestInfo(providerId);
         return externalWallet;
       }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@getpara/react-sdk",
-  "version": "2.0.0-alpha.21",
+  "version": "2.0.0-alpha.23",
   "type": "module",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -15,9 +15,9 @@
     "*.css"
   ],
   "dependencies": {
-    "@getpara/react-common": "2.0.0-alpha.21",
-    "@getpara/react-components": "2.0.0-alpha.21",
-    "@getpara/web-sdk": "2.0.0-alpha.21",
+    "@getpara/react-common": "2.0.0-alpha.23",
+    "@getpara/react-components": "2.0.0-alpha.23",
+    "@getpara/web-sdk": "2.0.0-alpha.23",
     "date-fns": "^3.6.0",
     "framer-motion": "11.3.28",
     "libphonenumber-js": "^1.11.1",
@@ -33,9 +33,9 @@
     "cli": "node ./dist/cli/cli.mjs"
   },
   "devDependencies": {
-    "@getpara/cosmos-wallet-connectors": "2.0.0-alpha.21",
-    "@getpara/evm-wallet-connectors": "2.0.0-alpha.21",
-    "@getpara/solana-wallet-connectors": "2.0.0-alpha.21",
+    "@getpara/cosmos-wallet-connectors": "2.0.0-alpha.23",
+    "@getpara/evm-wallet-connectors": "2.0.0-alpha.23",
+    "@getpara/solana-wallet-connectors": "2.0.0-alpha.23",
     "@testing-library/dom": "^10.4.0",
     "@testing-library/react": "^16.3.0",
     "@testing-library/react-hooks": "^8.0.1",
@@ -63,5 +63,5 @@
   "resolutions": {
     "styled-components": "^6"
   },
-  "gitHead": "03daa3537312bc52e0640225c8abdbf8047c15da"
+  "gitHead": "e7c7e95f79bcfca4d57a80f4dd721dc5ecaff24d"
 }