@getpara/react-sdk 2.0.0-alpha.15 → 2.0.0-alpha.17

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

@@ -31,7 +31,7 @@ const Account = ({ onClose }) => {
   const { data: balance, isLoading: isBalanceLoading } = useWalletBalance();
   const [isDisconnecting, setIsDisconnecting] = useState(false);
   const isGuestMode = (account == null ? void 0 : account.isConnected) && account.isGuestMode;
-  const cantBuyAndWithdraw = para.externalWalletConnectionType === "CONNECTION_ONLY" && !para.userId;
+  const cantBuyAndWithdraw = (para.externalWalletConnectionType === "CONNECTION_ONLY" || para.externalWalletConnectionType === "VERIFICATION") && !para.userId;
   const isOnRampLoaded = !!onRampConfig;
   const handleBuyClick = () => {
     if (isGuestMode) {

package/dist/modal/components/AddFunds/AddFundsAwaiting.js

@@ -9,7 +9,7 @@ import { OnRampProvider } from "@getpara/web-sdk";
 import { useModalStore } from "../../stores/index.js";
 import { lazy, useEffect, useMemo, useState } from "react";
 import { ModalStep } from "../../utils/steps.js";
-import { RampEmbed, StripeEmbed } from "@getpara/react-common";
+import { RampEmbed } from "@getpara/react-common";
 import styled from "styled-components";
 import { useGoBack } from "../../hooks/useGoBack.js";
 import { useInternalClient } from "../../../provider/hooks/utils/useInternalClient.js";
@@ -50,12 +50,12 @@ const AddFundsAwaiting = () => {
       return null;
     }
     switch (onRampPurchase == null ? void 0 : onRampPurchase.provider) {
-      case OnRampProvider.STRIPE:
-        return /* @__PURE__ */ jsx(StripeEmbed, __spreadProps(__spreadValues({}, props), { onRampConfig: props.onRampConfig }));
       case OnRampProvider.MOONPAY:
         return !MoonPayEmbed || typeof window === "undefined" ? null : /* @__PURE__ */ jsx(MoonPayEmbed, __spreadProps(__spreadValues({}, props), { onRampConfig: props.onRampConfig }));
       case OnRampProvider.RAMP:
         return /* @__PURE__ */ jsx(RampEmbed, __spreadProps(__spreadValues({}, props), { apiKey: (_b = (_a = props.onRampConfig) == null ? void 0 : _a.rampApiKey) != null ? _b : "", onRampConfig: props.onRampConfig }));
+      default:
+        return null;
     }
   }, [onRampPurchase == null ? void 0 : onRampPurchase.provider, MoonPayEmbed]);
   useEffect(() => {

package/dist/modal/components/AuthInput/phoneMasks.js

@@ -158,7 +158,7 @@ const phoneMasks = {
   NZ: "## ### ###",
   NI: "#### ####",
   NE: "## ## ## ##",
-  NG: "## ### ####",
+  NG: "## #### ####",
   NU: "####",
   NF: "### ###",
   MK: "## ### ###",

package/dist/modal/components/LoginDoneStep/LoginDoneStep.js

@@ -34,7 +34,7 @@ const LoginDoneStep = ({ onClose }) => {
   return /* @__PURE__ */ jsxs(StepContainer, { children: [
     /* @__PURE__ */ jsx(HeroIcon, { icon: "checkCircleFilled" }),
     /* @__PURE__ */ jsx(Heading, { variant: "headingS", weight: "bold", children: "Connected" }),
-    !hideWallets && /* @__PURE__ */ jsx(WalletCards, { children: para.externalWalletConnectionType === "CONNECTION_ONLY" ? /* @__PURE__ */ jsx(ExternalWalletCard, { address: (_b = (_a = Object.values(para.externalWallets || {})[0]) == null ? void 0 : _a.address) != null ? _b : "" }) : para.currentWalletIdsArray.map(([id, type]) => {
+    !hideWallets && /* @__PURE__ */ jsx(WalletCards, { children: para.externalWalletConnectionType === "CONNECTION_ONLY" || para.externalWalletConnectionType === "VERIFICATION" ? /* @__PURE__ */ jsx(ExternalWalletCard, { address: (_b = (_a = Object.values(para.externalWallets || {})[0]) == null ? void 0 : _a.address) != null ? _b : "" }) : para.currentWalletIdsArray.map(([id, type]) => {
       return /* @__PURE__ */ jsx(WalletCard, { id, type }, `${id}-${type}`);
     }) })
   ] });

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" | "wallet" | "close" | "copy" | "cosmos" | "code" | "menu" | "alertCircle" | "alertTriangle" | "alignVerticalCenter" | "angelListBrand" | "angelList" | "appleBrand" | "apple" | "arbitrumBrand" | "arrowCircleBrokenDownLeft" | "arrowCircleDownFilled" | "arrowNarrow" | "arrow" | "asterisk" | "backupKit" | "bank" | "baseBrand" | "brush" | "celoBrand" | "checkCircleFilled" | "checkCircle" | "checkSquare" | "check" | "chevronDown" | "chevronRight" | "chevronSelectorVertical" | "chevronUp" | "clock" | "clubhouseBrand" | "clubhouse" | "copy07" | "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" | "googleBrand" | "google" | "gridDots" | "helpCircle" | "heroAlertCircle" | "heroCheckmarkCapsule" | "heroCheckmark" | "heroEmail" | "heroExternalConnection" | "heroLock" | "heroPasskey" | "heroPhone" | "heroPlusCircleCapsule" | "heroPlusCircle" | "heroWallet" | "home" | "hp" | "image" | "infoCircle" | "instagramBrand" | "instagram" | "laptop" | "lenovo" | "lg" | "lightning01" | "lightning" | "linkExternal" | "linkedinBrand" | "linkedin" | "lockKeyholeCircle" | "logOut" | "mail" | "monitor" | "moonpayBrand" | "moreLoginOptions" | "motorola" | "nobleBrand" | "optimismBrand" | "paraBlackBg" | "paraBrand" | "paraIconBrand" | "paraIconQr" | "paraIcon" | "paraLogo" | "paraRingsDark" | "paraRings" | "passcode" | "pintrestBrand" | "pintrest" | "plusCircle" | "plus" | "polygonBrand" | "polygon" | "puzzlePiece" | "qrCode02" | "qrCode" | "rampNetworkBrand" | "rampNetwork" | "redditBrand" | "reddit" | "refresh" | "samsung" | "send" | "settings" | "share" | "shield" | "signalBrand" | "signal" | "sliders" | "snapchatBrand" | "snapchat" | "solana" | "spacingHeight" | "star04Filled" | "stars01Filled" | "stars02" | "stars" | "stopSquare" | "stripeBrand" | "telegramBrand" | "tetherBrand" | "tikTokBrand" | "tikTok" | "trash" | "tumblrBrand" | "tumblr" | "twitterBrand" | "twitter" | "usdcBrand" | "userCircle" | "user" | "youtubeBrand" | "youtube" | "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" | "wallet" | "close" | "copy" | "cosmos" | "code" | "menu" | "alertCircle" | "alertTriangle" | "alignVerticalCenter" | "angelListBrand" | "angelList" | "appleBrand" | "apple" | "arbitrumBrand" | "arrowCircleBrokenDownLeft" | "arrowCircleDownFilled" | "arrowNarrow" | "arrow" | "asterisk" | "backupKit" | "bank" | "baseBrand" | "brush" | "celoBrand" | "checkCircleFilled" | "checkCircle" | "checkSquare" | "check" | "chevronDown" | "chevronRight" | "chevronSelectorVertical" | "chevronUp" | "clock" | "clubhouseBrand" | "clubhouse" | "copy07" | "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" | "googleBrand" | "google" | "gridDots" | "helpCircle" | "heroAlertCircle" | "heroCheckmarkCapsule" | "heroCheckmark" | "heroEmail" | "heroExternalConnection" | "heroLock" | "heroPasskey" | "heroPhone" | "heroPlusCircleCapsule" | "heroPlusCircle" | "heroWallet" | "home" | "hp" | "image" | "infoCircle" | "instagramBrand" | "instagram" | "laptop" | "lenovo" | "lg" | "lightning01" | "lightning" | "linkExternal" | "linkedinBrand" | "linkedin" | "lockKeyholeCircle" | "logOut" | "mail" | "monitor" | "moonpayBrand" | "moreLoginOptions" | "motorola" | "nobleBrand" | "optimismBrand" | "paraBlackBg" | "paraBrand" | "paraIconBrand" | "paraIconQr" | "paraIcon" | "paraLogo" | "paraRingsDark" | "paraRings" | "passcode" | "pintrestBrand" | "pintrest" | "plusCircle" | "plus" | "polygonBrand" | "polygon" | "puzzlePiece" | "qrCode02" | "qrCode" | "rampNetworkBrand" | "rampNetwork" | "redditBrand" | "reddit" | "refresh" | "samsung" | "send" | "settings" | "share" | "shield" | "signalBrand" | "signal" | "sliders" | "snapchatBrand" | "snapchat" | "solana" | "spacingHeight" | "star04Filled" | "star05" | "stars01Filled" | "stars02" | "stars" | "stopSquare" | "stripeBrand" | "telegramBrand" | "tetherBrand" | "tikTokBrand" | "tikTok" | "trash" | "tumblrBrand" | "tumblr" | "twitterBrand" | "twitter" | "usdcBrand" | "userCircle" | "user" | "youtubeBrand" | "youtube" | "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.13";
+const SDK_VERSION = "2.0.0-alpha.17";
 export {
   BODY_MOTION_VARIANTS,
   BODY_TRANSITION,

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

@@ -5,7 +5,8 @@ export declare enum EvmWallet {
     WALLETCONNECT = "WALLETCONNECT",
     ZERION = "ZERION",
     SAFE = "SAFE",
-    RABBY = "RABBY"
+    RABBY = "RABBY",
+    OKX = "OKX"
 }
 export declare enum SolanaWallet {
     PHANTOM = "PHANTOM",
@@ -29,5 +30,6 @@ export declare const ExternalWallet: {
     ZERION: EvmWallet.ZERION;
     SAFE: EvmWallet.SAFE;
     RABBY: EvmWallet.RABBY;
+    OKX: EvmWallet.OKX;
 };
 export type TExternalWallet = keyof typeof ExternalWallet;

package/dist/modal/types/externalWallets.js

@@ -10,6 +10,7 @@ var EvmWallet = /* @__PURE__ */ ((EvmWallet2) => {
   EvmWallet2["ZERION"] = "ZERION";
   EvmWallet2["SAFE"] = "SAFE";
   EvmWallet2["RABBY"] = "RABBY";
+  EvmWallet2["OKX"] = "OKX";
   return EvmWallet2;
 })(EvmWallet || {});
 var SolanaWallet = /* @__PURE__ */ ((SolanaWallet2) => {

package/dist/provider/ParaProvider.js

@@ -23,6 +23,10 @@ const ParaProvider = forwardRef(({ children, paraClientConfig, callbacks, config
   const externalWallets = useStore((state) => state.externalWallets);
   const setExternalWalletsWithFullAuth = useStore((state) => state.setExternalWalletsWithFullAuth);
   const externalWalletsWithFullAuth = useStore((state) => state.externalWalletsWithFullAuth);
+  const setIncludeWalletVerification = useStore((state) => state.setIncludeWalletVerification);
+  const includeWalletVerification = useStore((state) => state.includeWalletVerification);
+  const setConnectionOnly = useStore((state) => state.setConnectionOnly);
+  const connectionOnly = useStore((state) => state.connectionOnly);
   const setModalConfig = useStore((state) => state.setModalConfig);
   const modalConfig = useStore((state) => state.modalConfig);
   const setAppName = useStore((state) => state.setAppName);
@@ -45,6 +49,23 @@ const ParaProvider = forwardRef(({ children, paraClientConfig, callbacks, config
   useEffect(() => {
     if (modalConfig !== paraModalConfig) setModalConfig(paraModalConfig);
   }, [paraModalConfig]);
+  useEffect(() => {
+    var _a;
+    if (connectionOnly !== (externalWalletConfig == null ? void 0 : externalWalletConfig.connectionOnly)) {
+      setConnectionOnly((_a = externalWalletConfig == null ? void 0 : externalWalletConfig.connectionOnly) != null ? _a : false);
+    }
+  }, [externalWalletConfig == null ? void 0 : externalWalletConfig.connectionOnly]);
+  useEffect(() => {
+    var _a, _b;
+    if (includeWalletVerification !== (externalWalletConfig == null ? void 0 : externalWalletConfig.includeWalletVerification)) {
+      if ((externalWalletConfig == null ? void 0 : externalWalletConfig.connectionOnly) || (isConfigType(paraClientConfig) ? (_a = paraClientConfig.opts) == null ? void 0 : _a.externalWalletConnectionOnly : paraClientConfig.externalWalletConnectionOnly)) {
+        console.warn("includeWalletVerification has no effect when using connection only external wallets");
+        setIncludeWalletVerification(false);
+      } else {
+        setIncludeWalletVerification((_b = externalWalletConfig == null ? void 0 : externalWalletConfig.includeWalletVerification) != null ? _b : false);
+      }
+    }
+  }, [externalWalletConfig == null ? void 0 : externalWalletConfig.includeWalletVerification]);
   useEffect(() => {
     var _a;
     if (externalWallets !== (externalWalletConfig == null ? void 0 : externalWalletConfig.wallets)) {
@@ -54,8 +75,8 @@ const ParaProvider = forwardRef(({ children, paraClientConfig, callbacks, config
   useEffect(() => {
     var _a, _b;
     if (externalWalletsWithFullAuth !== (externalWalletConfig == null ? void 0 : externalWalletConfig.createLinkedEmbeddedForExternalWallets)) {
-      if (isConfigType(paraClientConfig) ? (_a = paraClientConfig.opts) == null ? void 0 : _a.externalWalletConnectionOnly : paraClientConfig.externalWalletConnectionOnly) {
-        console.warn("createLinkedEmbeddedForExternalWallets has no effect when using externalWalletConnectionOnly");
+      if ((externalWalletConfig == null ? void 0 : externalWalletConfig.connectionOnly) || (isConfigType(paraClientConfig) ? (_a = paraClientConfig.opts) == null ? void 0 : _a.externalWalletConnectionOnly : paraClientConfig.externalWalletConnectionOnly)) {
+        console.warn("createLinkedEmbeddedForExternalWallets has no effect when using connection only external wallets");
         setExternalWalletsWithFullAuth([]);
       } else {
         setExternalWalletsWithFullAuth(

package/dist/provider/components/CosmosWalletWrapper.js

@@ -17,11 +17,20 @@ const CosmosWalletWrapper = ({
   const externalWalletsWithFullAuth = useStore((state) => state.externalWalletsWithFullAuth);
   const wallets = useStore((state) => state.externalWallets);
   const isUsing = wallets.some((w) => w in CosmosWallet);
+  const connectionOnly = useStore((state) => state.connectionOnly);
+  const includeWalletVerification = useStore((state) => state.includeWalletVerification);
   return /* @__PURE__ */ jsx(
     CosmosExternalWalletProvider,
     {
       config: cosmosConnectorConfig,
-      internalConfig: { onSwitchWallet, para, walletsWithFullAuth: externalWalletsWithFullAuth, connectedWallet: wallet },
+      internalConfig: {
+        onSwitchWallet,
+        para,
+        walletsWithFullAuth: externalWalletsWithFullAuth,
+        connectedWallet: wallet,
+        connectionOnly,
+        includeWalletVerification
+      },
       grazProviderProps,
       isUsing,
       wallets,

package/dist/provider/components/EvmWalletWrapper.js

@@ -16,12 +16,21 @@ const EvmWalletWrapper = ({
   const { data: wallet } = useWallet();
   const externalWalletsWithFullAuth = useStore((state) => state.externalWalletsWithFullAuth);
   const wallets = useStore((state) => state.externalWallets);
+  const connectionOnly = useStore((state) => state.connectionOnly);
+  const includeWalletVerification = useStore((state) => state.includeWalletVerification);
   const isUsing = wallets.some((w) => w in EvmWallet);
   return /* @__PURE__ */ jsx(
     EvmExternalWalletProvider,
     {
       config: evmProviderConfig,
-      internalConfig: { onSwitchWallet, para, walletsWithFullAuth: externalWalletsWithFullAuth, connectedWallet: wallet },
+      internalConfig: {
+        onSwitchWallet,
+        para,
+        walletsWithFullAuth: externalWalletsWithFullAuth,
+        connectedWallet: wallet,
+        connectionOnly,
+        includeWalletVerification
+      },
       wagmiProviderProps,
       isUsing,
       wallets,

package/dist/provider/components/SolanaWalletWrapper.js

@@ -13,6 +13,8 @@ const SolanaWalletWrapper = ({
   const externalWalletsWithFullAuth = useStore((state) => state.externalWalletsWithFullAuth);
   const para = useInternalClient();
   const wallets = useStore((state) => state.externalWallets);
+  const connectionOnly = useStore((state) => state.connectionOnly);
+  const includeWalletVerification = useStore((state) => state.includeWalletVerification);
   const isUsing = wallets.some((w) => w in SolanaWallet);
   if (!solanaProviderConfig) {
     if (isUsing) {
@@ -24,7 +26,13 @@ const SolanaWalletWrapper = ({
     SolanaExternalWalletProvider,
     {
       config: solanaProviderConfig,
-      internalConfig: { onSwitchWallet, para, walletsWithFullAuth: externalWalletsWithFullAuth },
+      internalConfig: {
+        onSwitchWallet,
+        para,
+        walletsWithFullAuth: externalWalletsWithFullAuth,
+        connectionOnly,
+        includeWalletVerification
+      },
       isUsing,
       wallets,
       children

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

@@ -46,7 +46,7 @@ const useWalletBalance = (args) => {
       (selectedWallet == null ? void 0 : selectedWallet.isExternal) ? chainId : ""
     ],
     queryFn,
-    enabled: !!selectedWallet && !!rpcUrl && !!(account == null ? void 0 : account.isConnected)
+    enabled: !!client && !!selectedWallet && !!rpcUrl && !!(account == null ? void 0 : account.isConnected)
   });
 };
 export {

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

@@ -9,6 +9,7 @@ import {
 import { ACCOUNT_BASE_KEY } from "../queries/useAccount.js";
 import { useStore } from "../../stores/useStore.js";
 import { WALLET_BASE_KEY } from "../queries/useWallet.js";
+import { WALLET_BALANCE_BASE_KEY } from "../queries/useWalletBalance.js";
 const useEventListeners = ({
   onLogin,
   onLogout,
@@ -28,6 +29,7 @@ const useEventListeners = ({
   const loginOrSetupListener = useCallback(() => {
     queryClient.refetchQueries({ queryKey: [ACCOUNT_BASE_KEY] });
     queryClient.refetchQueries({ queryKey: [WALLET_BASE_KEY] });
+    queryClient.invalidateQueries({ queryKey: [WALLET_BALANCE_BASE_KEY], exact: false });
   }, [queryClient]);
   const loginListener = useCallback(
     (event) => {

package/dist/provider/providers/ExternalWalletProvider.js

@@ -1,6 +1,7 @@
 "use client";
 import {
-  __async
+  __async,
+  __spreadValues
 } from "../../chunk-MMUBH76A.js";
 import { jsx } from "react/jsx-runtime";
 import { createContext, useCallback, useContext, useEffect, useMemo, useState } from "react";
@@ -38,6 +39,8 @@ function ExternalWalletProvider({ children }) {
   const solanaContext = useStore((state) => state.solanaContext);
   const externalWallets = useStore((state) => state.externalWallets);
   const externalWalletsWithFullAuth = useStore((state) => state.externalWalletsWithFullAuth);
+  const includeWalletVerification = useStore((state) => state.includeWalletVerification);
+  const connectionOnly = useStore((state) => state.connectionOnly);
   const {
     wallets: evmWallets,
     disconnect: evmDisconnect,
@@ -177,23 +180,34 @@ function ExternalWalletProvider({ children }) {
     [evmSwitchChain, cosmosSwitchChain]
   );
   const verifyWalletSignature = useCallback(() => __async(this, null, function* () {
-    var _a;
     setExternalWalletError();
     setIsExternalWalletVerifying(true);
-    const walletType = (_a = Object.values(para.externalWallets)[0]) == null ? void 0 : _a.type;
+    const wallet2 = Object.values(para.externalWallets)[0];
+    const walletType = wallet2 == null ? void 0 : wallet2.type;
     let verifyExternalWalletParams;
+    const withVerification = includeWalletVerification;
+    const isConnectionOnly = connectionOnly;
+    const withFullParaAuth = (wallet2 == null ? void 0 : wallet2.name) ? externalWalletsWithFullAuth.includes(wallet2.name.toUpperCase()) : false;
+    const defaultWalletInfo = {
+      withVerification,
+      isConnectionOnly,
+      withFullParaAuth,
+      provider: wallet2.name,
+      isExternal: true
+    };
     switch (walletType) {
       case "COSMOS":
         {
-          const { address, signature, error, cosmosPublicKeyHex, cosmosSigner } = yield cosmosSignVerificationMessage();
+          const { address, signature, error, cosmosPublicKeyHex, cosmosSigner, addressBech32 } = yield cosmosSignVerificationMessage();
           if (error) {
             setExternalWalletError([error]);
           } else if (signature && address) {
             verifyExternalWalletParams = {
-              externalWallet: {
+              externalWallet: __spreadValues({
                 type: "COSMOS",
-                address
-              },
+                address,
+                addressBech32
+              }, defaultWalletInfo),
               signedMessage: signature,
               cosmosPublicKeyHex,
               cosmosSigner
@@ -208,10 +222,10 @@ function ExternalWalletProvider({ children }) {
             setExternalWalletError([error]);
           } else if (signature && address) {
             verifyExternalWalletParams = {
-              externalWallet: {
+              externalWallet: __spreadValues({
                 type: "EVM",
                 address
-              },
+              }, defaultWalletInfo),
               signedMessage: signature
             };
           }
@@ -224,10 +238,10 @@ function ExternalWalletProvider({ children }) {
             setExternalWalletError([error]);
           } else if (signature && address) {
             verifyExternalWalletParams = {
-              externalWallet: {
+              externalWallet: __spreadValues({
                 type: "SOLANA",
                 address
-              },
+              }, defaultWalletInfo),
               signedMessage: signature
             };
           }
@@ -242,7 +256,14 @@ function ExternalWalletProvider({ children }) {
         return;
       }
       verifyExternalWallet(verifyExternalWalletParams, {
-        onSuccess: onNewAuthState,
+        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."]);
@@ -255,7 +276,7 @@ function ExternalWalletProvider({ children }) {
     }
     setIsExternalWalletVerifying(false);
     return void 0;
-  }), [cosmosSignVerificationMessage, evmSignVerificationMessage, solanaSignVerificationMessage]);
+  }), [cosmosSignVerificationMessage, evmSignVerificationMessage, solanaSignVerificationMessage, wallet]);
   const connectExternalWallet = useCallback(
     (wallet2, isMobileConnect, isManualWalletConnect, isResetAfterManualWalletConnect) => __async(this, null, function* () {
       if (isExternalWalletConnecting && isManualWalletConnect) {
@@ -269,7 +290,7 @@ function ExternalWalletProvider({ children }) {
         setExternalWalletError();
         setIsExternalWalletConnecting(true);
         setIsUsingMobileConnector(isMobileConnect);
-        const { address, error, authState } = yield isMobileConnect ? wallet2.connectMobile(isManualWalletConnect) : wallet2.connect();
+        const { address, error, authState } = yield isMobileConnect ? wallet2.connectMobile(isManualWalletConnect, connectionOnly) : wallet2.connect(connectionOnly);
         if (error) {
           setExternalWalletError([error]);
           setIsUsingMobileConnector();
@@ -280,7 +301,7 @@ function ExternalWalletProvider({ children }) {
             return;
           }
         } else if (address) {
-          if (!!authState && (externalWalletsWithFullAuth == null ? void 0 : externalWalletsWithFullAuth.includes(wallet2.id.toUpperCase()))) {
+          if (!!authState && ((externalWalletsWithFullAuth == null ? void 0 : externalWalletsWithFullAuth.includes(wallet2.name.toUpperCase())) || includeWalletVerification)) {
             onNewAuthState(authState);
           } else {
             setStep(ModalStep.LOGIN_DONE);
@@ -289,7 +310,7 @@ function ExternalWalletProvider({ children }) {
         setIsExternalWalletConnecting(false);
       }
     }),
-    [isExternalWalletConnecting, externalWalletsWithFullAuth]
+    [isExternalWalletConnecting, externalWalletsWithFullAuth, connectionOnly, includeWalletVerification]
   );
   const disconnectExternalWallet = () => __async(this, null, function* () {
     yield para.logout();

package/dist/provider/stores/slices/externalWallets.js

@@ -9,6 +9,10 @@ const createExternalWalletsSlice = (set) => ({
   setExternalWallets: (externalWallets) => set({ externalWallets }),
   externalWalletsWithFullAuth: [],
   setExternalWalletsWithFullAuth: (externalWalletsWithFullAuth) => set({ externalWalletsWithFullAuth }),
+  includeWalletVerification: false,
+  setIncludeWalletVerification: (includeWalletVerification) => set({ includeWalletVerification }),
+  connectionOnly: false,
+  setConnectionOnly: (connectionOnly) => set({ connectionOnly }),
   evmContext: EvmExternalWalletContext,
   setEvmContext: (evmContext) => set({ evmContext }),
   EvmProvider: void 0,

package/dist/provider/stores/types.d.ts

@@ -37,6 +37,10 @@ export interface WalletSlice {
 export interface ExternalWalletsSlice {
     externalWallets: TExternalWallet[];
     setExternalWallets: (_: TExternalWallet[]) => void;
+    connectionOnly: boolean;
+    setConnectionOnly: (_: boolean) => void;
+    includeWalletVerification: boolean;
+    setIncludeWalletVerification: (_: boolean) => void;
     externalWalletsWithFullAuth: TExternalWallet[];
     setExternalWalletsWithFullAuth: (_: TExternalWallet[]) => void;
     evmContext: Context<EvmExternalWalletContextType>;

package/dist/provider/types/provider.d.ts

@@ -107,11 +107,23 @@ export type ExternalWalletConfig<chains extends readonly [Chain, ...Chain[]], tr
      */
     wallets?: TExternalWallet[];
     /**
-     * Array of external wallets that will also include linked embedded wallets.
+     * Array of external wallets that will also include linked embedded wallets. Also includes a wallet verification step.
      *
      * You can also pass `ALL` to include linked embedded wallets for all external wallets.
      */
     createLinkedEmbeddedForExternalWallets?: TExternalWallet[] | 'ALL';
+    /**
+     * Whether or not to validate a signature from the connected external wallet and create a Para session.
+     *
+     * All wallets using createLinkedEmbeddedForExternalWallets automatically include wallet verification.
+     */
+    includeWalletVerification?: boolean;
+    /**
+     * Whether or not to treat external wallets as connections only, skipping all Para functionality.
+     *
+     * This prop will override the createLinkedEmbeddedForExternalWallets and includeWalletVerification props
+     */
+    connectionOnly?: boolean;
 };
 export interface ParaProviderProps<chains extends readonly [Chain, ...Chain[]], transports extends Record<chains[number]['id'], Transport>> extends PropsWithChildren {
     /**

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@getpara/react-sdk",
-  "version": "2.0.0-alpha.15",
+  "version": "2.0.0-alpha.17",
   "type": "module",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -15,9 +15,9 @@
     "*.css"
   ],
   "dependencies": {
-    "@getpara/react-common": "2.0.0-alpha.15",
-    "@getpara/react-components": "2.0.0-alpha.15",
-    "@getpara/web-sdk": "2.0.0-alpha.15",
+    "@getpara/react-common": "2.0.0-alpha.17",
+    "@getpara/react-components": "2.0.0-alpha.17",
+    "@getpara/web-sdk": "2.0.0-alpha.17",
     "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.15",
-    "@getpara/evm-wallet-connectors": "2.0.0-alpha.15",
-    "@getpara/solana-wallet-connectors": "2.0.0-alpha.15",
+    "@getpara/cosmos-wallet-connectors": "2.0.0-alpha.17",
+    "@getpara/evm-wallet-connectors": "2.0.0-alpha.17",
+    "@getpara/solana-wallet-connectors": "2.0.0-alpha.17",
     "@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": "f837a1584f2a0b5d61c9b7a91cd74a68c01d5161"
+  "gitHead": "5cb0f3dee5564995c465ead160ed817ba2ba37a7"
 }

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

@@ -1,16 +0,0 @@
-import { OnrampSessionResult } from '@stripe/crypto';
-export declare const STRIPE_PUBLISHABLE_KEY = "pk_live_51MvquNGrzDeP5yP9EgVSMBPQbrbg0oHDjPIIXypePd0jzOFjbadyfO7wBKLHhUtbKIUiEUVC3YYcTJyAmJ8xA7JE00T2UDfYKz";
-export declare const STRIPE_PUBLISHABLE_KEY_TEST = "pk_test_51MvquNGrzDeP5yP98WgPaAUgQ50I3OpfPhVfiLO47FBHepJnZRPO62IzZY2uxT5ovhSS10RwcTcnaVil1mcJOzIi00dHapODdS";
-export declare const CryptoElements: ({ stripeOnramp, children }: {
-    stripeOnramp: any;
-    children: any;
-}) => import("react/jsx-runtime").JSX.Element;
-export declare const useStripeOnramp: () => any;
-export declare const OnrampElement: ({ clientSecret, appearance, onReady, onSessionChange, ...props }: {
-    clientSecret: string;
-    appearance: "dark" | "light";
-    onReady?: () => void;
-    onSessionChange: (_: {
-        session: OnrampSessionResult;
-    }) => void;
-}) => import("react/jsx-runtime").JSX.Element;

package/dist/modal/components/StripeComponents/StripeComponents.js

@@ -1,88 +0,0 @@
-"use client";
-import {
-  __objRest,
-  __spreadProps,
-  __spreadValues
-} from "../../../chunk-MMUBH76A.js";
-import { jsx } from "react/jsx-runtime";
-import React from "react";
-const STRIPE_PUBLISHABLE_KEY = "pk_live_51MvquNGrzDeP5yP9EgVSMBPQbrbg0oHDjPIIXypePd0jzOFjbadyfO7wBKLHhUtbKIUiEUVC3YYcTJyAmJ8xA7JE00T2UDfYKz";
-const STRIPE_PUBLISHABLE_KEY_TEST = "pk_test_51MvquNGrzDeP5yP98WgPaAUgQ50I3OpfPhVfiLO47FBHepJnZRPO62IzZY2uxT5ovhSS10RwcTcnaVil1mcJOzIi00dHapODdS";
-const CryptoElementsContext = React.createContext({ onramp: null });
-CryptoElementsContext.displayName = "CryptoElementsContext";
-const CryptoElements = ({ stripeOnramp, children }) => {
-  const [ctx, setContext] = React.useState(() => ({
-    onramp: null
-  }));
-  React.useEffect(() => {
-    let isMounted = true;
-    Promise.resolve(stripeOnramp).then((onramp) => {
-      if (onramp && isMounted) {
-        setContext((ctx2) => ctx2.onramp ? ctx2 : { onramp });
-      }
-    });
-    return () => {
-      isMounted = false;
-    };
-  }, [stripeOnramp]);
-  return /* @__PURE__ */ jsx(CryptoElementsContext.Provider, { value: ctx, children });
-};
-const useStripeOnramp = () => {
-  const context = React.useContext(CryptoElementsContext);
-  return context == null ? void 0 : context.onramp;
-};
-const useOnrampSessionListener = (type, session, callback) => {
-  React.useEffect(() => {
-    if (session && callback) {
-      const listener = (e) => callback(e.payload);
-      session.addEventListener(type, listener);
-      return () => {
-        session.removeEventListener(type, listener);
-      };
-    }
-    return () => {
-    };
-  }, [session, callback, type]);
-};
-const OnrampElement = (_a) => {
-  var _b = _a, {
-    clientSecret,
-    appearance,
-    onReady = () => {
-    },
-    onSessionChange
-  } = _b, props = __objRest(_b, [
-    "clientSecret",
-    "appearance",
-    "onReady",
-    "onSessionChange"
-  ]);
-  const stripeOnramp = useStripeOnramp();
-  const onrampElementRef = React.useRef(null);
-  const [session, setSession] = React.useState();
-  const appearanceJSON = JSON.stringify(appearance);
-  React.useEffect(() => {
-    const containerRef = onrampElementRef.current;
-    if (containerRef) {
-      containerRef.innerHTML = "";
-      if (clientSecret && stripeOnramp) {
-        setSession(
-          stripeOnramp.createSession({
-            clientSecret,
-            appearance: { theme: appearance }
-          }).mount(containerRef)
-        );
-      }
-    }
-  }, [appearanceJSON, clientSecret, stripeOnramp]);
-  useOnrampSessionListener("onramp_ui_loaded", session, onReady);
-  useOnrampSessionListener("onramp_session_updated", session, onSessionChange);
-  return /* @__PURE__ */ jsx("div", __spreadProps(__spreadValues({}, props), { ref: onrampElementRef }));
-};
-export {
-  CryptoElements,
-  OnrampElement,
-  STRIPE_PUBLISHABLE_KEY,
-  STRIPE_PUBLISHABLE_KEY_TEST,
-  useStripeOnramp
-};