@getpara/react-sdk 2.0.0-alpha.16 → 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/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.js

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

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/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.16",
+  "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.16",
-    "@getpara/react-components": "2.0.0-alpha.16",
-    "@getpara/web-sdk": "2.0.0-alpha.16",
+    "@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.16",
-    "@getpara/evm-wallet-connectors": "2.0.0-alpha.16",
-    "@getpara/solana-wallet-connectors": "2.0.0-alpha.16",
+    "@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": "84eb1a14fa8918c449ae4b163fe173d34688cdcd"
+  "gitHead": "5cb0f3dee5564995c465ead160ed817ba2ba37a7"
 }