@getpara/react-sdk 2.0.0-dev.2 → 2.0.0-dev.3

package/dist/provider/ParaProvider.js

@@ -0,0 +1,117 @@
+"use client";
+import {
+  __spreadProps,
+  __spreadValues
+} from "../chunk-MMUBH76A.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { forwardRef, useEffect } from "react";
+import { useStore } from "./stores/useStore.js";
+import { useAutoSessionKeepAlive } from "./hooks/utils/useAutoSessionKeepAlive.js";
+import { useEventListeners } from "./hooks/utils/useEventListeners.js";
+import { ExternalWalletWrapper } from "./components/ExternalWalletWrapper.js";
+import { ParaModal } from "../modal/ParaModal.js";
+import { isConfigType, isParaWeb } from "./utils/paraConfigTypeGuards.js";
+import ParaWeb from "@getpara/web-sdk";
+import { EXTERNAL_WALLET_TYPES } from "@getpara/web-sdk";
+import { AuthProvider } from "./providers/AuthProvider.js";
+import { AccountLinkProvider } from "./providers/AccountLinkProvider.js";
+const ParaProvider = forwardRef(({ children, paraClientConfig, callbacks, config, externalWalletConfig, paraModalConfig }, ref) => {
+  useEventListeners(callbacks);
+  useAutoSessionKeepAlive({ disabled: config.disableAutoSessionKeepAlive });
+  const setClient = useStore((state) => state.setClient);
+  const client = useStore((state) => state.client);
+  const setExternalWallets = useStore((state) => state.setExternalWallets);
+  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);
+  const appName = useStore((state) => state.appName);
+  const rpcUrl = useStore((state) => state.rpcUrl);
+  const setRpcUrl = useStore((state) => state.setRpcUrl);
+  const setProviderProps = useStore((state) => state.setProviderProps);
+  useEffect(() => {
+    setProviderProps(__spreadProps(__spreadValues(__spreadValues(__spreadValues({}, config), externalWalletConfig), paraModalConfig), {
+      // Redacting walletConnect to avoid exposing project id
+      walletConnect: void 0
+    }));
+  }, [config, externalWalletConfig, paraModalConfig]);
+  useEffect(() => {
+    if (rpcUrl !== config.rpcUrl) setRpcUrl(config.rpcUrl);
+  }, [config.rpcUrl]);
+  useEffect(() => {
+    if (appName !== config.appName) setAppName(config.appName);
+  }, [config.appName]);
+  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)) {
+      setExternalWallets((_a = externalWalletConfig == null ? void 0 : externalWalletConfig.wallets) != null ? _a : [...EXTERNAL_WALLET_TYPES]);
+    }
+  }, [externalWalletConfig == null ? void 0 : externalWalletConfig.wallets]);
+  useEffect(() => {
+    var _a, _b;
+    if (externalWalletsWithFullAuth !== (externalWalletConfig == null ? void 0 : externalWalletConfig.createLinkedEmbeddedForExternalWallets)) {
+      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(
+          (externalWalletConfig == null ? void 0 : externalWalletConfig.createLinkedEmbeddedForExternalWallets) === "ALL" ? [...EXTERNAL_WALLET_TYPES] : (_b = externalWalletConfig == null ? void 0 : externalWalletConfig.createLinkedEmbeddedForExternalWallets) != null ? _b : []
+        );
+      }
+    }
+  }, [externalWalletConfig == null ? void 0 : externalWalletConfig.createLinkedEmbeddedForExternalWallets]);
+  useEffect(() => {
+    if (!isConfigType(paraClientConfig) && !isParaWeb(paraClientConfig)) {
+      throw new Error("Invalid Para config");
+    }
+    const newClient = isConfigType(paraClientConfig) ? new ParaWeb(paraClientConfig.env, paraClientConfig.apiKey, paraClientConfig.opts) : paraClientConfig;
+    setClient(newClient);
+  }, [paraClientConfig]);
+  if (!client) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx(
+    AuthProvider,
+    {
+      is2faEnabled: paraModalConfig == null ? void 0 : paraModalConfig.twoFactorAuthEnabled,
+      isRecoverySecretStepEnabled: paraModalConfig == null ? void 0 : paraModalConfig.recoverySecretStepEnabled,
+      overrides: {
+        login: paraModalConfig == null ? void 0 : paraModalConfig.loginTransitionOverride,
+        createWallets: paraModalConfig == null ? void 0 : paraModalConfig.createWalletOverride
+      },
+      children: /* @__PURE__ */ jsx(ExternalWalletWrapper, { config: externalWalletConfig, children: /* @__PURE__ */ jsxs(AccountLinkProvider, { children: [
+        children,
+        !config.disableEmbeddedModal && client.isReady && /* @__PURE__ */ jsx(ParaModal, { ref })
+      ] }) })
+    }
+  );
+});
+export {
+  ParaProvider
+};

package/dist/provider/actions/getEmbeddedAccount.d.ts

@@ -0,0 +1,26 @@
+import ParaWeb, { PrimaryAuthInfo } from '@getpara/web-sdk';
+type AccountValue = PrimaryAuthInfo & {
+    email?: string;
+    phone?: `+${number}`;
+    farcasterUsername?: string;
+    telegramUserId?: string;
+    externalWalletAddress?: string;
+    wallets: (typeof ParaWeb.prototype)['availableWallets'];
+    userId?: string;
+};
+export type Account = ({
+    isConnected: false;
+    isGuestMode?: false;
+} & {
+    [key in keyof AccountValue]?: undefined;
+}) | ({
+    isConnected: true;
+    isGuestMode: true;
+} & Pick<AccountValue, 'wallets'> & {
+    [key in keyof Omit<AccountValue, 'wallets'>]?: undefined;
+}) | ({
+    isConnected: true;
+    isGuestMode: false;
+} & AccountValue);
+export declare const getEmbeddedAccount: (para?: ParaWeb, _isConnected?: boolean) => Promise<Account>;
+export {};

package/dist/provider/actions/getEmbeddedAccount.js

@@ -0,0 +1,52 @@
+"use client";
+import {
+  __async
+} from "../../chunk-MMUBH76A.js";
+const getEmbeddedAccount = (para, _isConnected) => __async(void 0, null, function* () {
+  if (!!para && para.isGuestMode) {
+    return {
+      isConnected: true,
+      isGuestMode: true,
+      wallets: para.availableWallets
+    };
+  }
+  const isConnected = !!para && (_isConnected != null ? _isConnected : yield para == null ? void 0 : para.isFullyLoggedIn());
+  if (isConnected) {
+    const authInfo = para.authInfo;
+    const value = {
+      auth: authInfo == null ? void 0 : authInfo.auth,
+      authType: authInfo == null ? void 0 : authInfo.authType,
+      identifier: authInfo == null ? void 0 : authInfo.identifier,
+      userId: para.userId,
+      wallets: para.availableWallets,
+      isConnected: true,
+      isGuestMode: false
+    };
+    if (authInfo) {
+      switch (authInfo.authType) {
+        case "email":
+          value.email = authInfo.identifier;
+          break;
+        case "phone":
+          value.phone = authInfo.identifier;
+          break;
+        case "farcaster":
+          value.farcasterUsername = authInfo.identifier;
+          break;
+        case "telegram":
+          value.telegramUserId = authInfo.identifier;
+          break;
+        case "externalWallet":
+          value.externalWalletAddress = authInfo.identifier;
+          break;
+        default:
+          break;
+      }
+    }
+    return value;
+  }
+  return { isConnected: false };
+});
+export {
+  getEmbeddedAccount
+};

package/dist/provider/actions/getWallet.d.ts

@@ -1,5 +1,5 @@
-import ParaWeb, { WalletType } from '@getpara/web-sdk';
+import ParaWeb, { TWalletType } from '@getpara/web-sdk';
 export declare const getWallet: (para?: ParaWeb, selectedWallet?: {
     id?: string;
-    type?: WalletType;
-}) => Promise<Omit<import("@getpara/web-sdk").Wallet, "signer"> | null | undefined>;
+    type?: TWalletType;
+}, isConnected?: boolean) => Promise<Omit<import("@getpara/web-sdk").Wallet, "signer"> | null>;

package/dist/provider/actions/getWallet.js

@@ -0,0 +1,18 @@
+"use client";
+import {
+  __async
+} from "../../chunk-MMUBH76A.js";
+const getWallet = (para, selectedWallet, isConnected) => __async(void 0, null, function* () {
+  var _a;
+  if (!para) {
+    return null;
+  }
+  const isLoggedIn = isConnected != null ? isConnected : yield para == null ? void 0 : para.isFullyLoggedIn();
+  if (!isLoggedIn) {
+    return null;
+  }
+  return (_a = para.findWallet(selectedWallet == null ? void 0 : selectedWallet.id, selectedWallet == null ? void 0 : selectedWallet.type)) != null ? _a : null;
+});
+export {
+  getWallet
+};

package/dist/provider/actions/index.d.ts

@@ -1,25 +1,47 @@
-export declare const signUpOrLogIn: import("./utils.js").CoreAction<"signUpOrLogInV2">;
-export declare const verifyNewAccount: import("./utils.js").CoreAction<"verifyNewAccountV2">;
-export declare const waitForLogin: import("./utils.js").CoreAction<"waitForLoginV2">;
-export declare const waitForSignup: import("./utils.js").CoreAction<"waitForSignupV2">;
-export declare const waitForWalletCreation: import("./utils.js").CoreAction<"waitForWalletCreationV2">;
-export declare const verifyOAuth: import("./utils.js").CoreAction<"verifyOAuthV2">;
-export declare const verifyFarcaster: import("./utils.js").CoreAction<"verifyFarcasterV2">;
-export declare const verifyTelegram: import("./utils.js").CoreAction<"verifyTelegramV2">;
-export declare const loginExternalWallet: import("./utils.js").CoreAction<"loginExternalWalletV2">;
-export declare const verifyExternalWallet: import("./utils.js").CoreAction<"verifyExternalWalletV2">;
-export declare const setup2fa: import("./utils.js").CoreAction<"setup2faV2">;
-export declare const enable2fa: import("./utils.js").CoreAction<"enable2faV2">;
-export declare const verify2fa: import("./utils.js").CoreAction<"verify2faV2">;
+export declare const signUpOrLogIn: import("./utils.js").CoreAction<"signUpOrLogIn">;
+export declare const verifyNewAccount: import("./utils.js").CoreAction<"verifyNewAccount">;
+export declare const waitForLogin: import("./utils.js").CoreAction<"waitForLogin">;
+export declare const waitForSignup: import("./utils.js").CoreAction<"waitForSignup">;
+export declare const waitForWalletCreation: import("./utils.js").CoreAction<"waitForWalletCreation">;
+export declare const verifyOAuth: import("./utils.js").CoreAction<"verifyOAuth">;
+export declare const verifyFarcaster: import("./utils.js").CoreAction<"verifyFarcaster">;
+export declare const verifyTelegram: import("./utils.js").CoreAction<"verifyTelegram">;
+export declare const loginExternalWallet: import("./utils.js").CoreAction<"loginExternalWallet">;
+export declare const verifyExternalWallet: import("./utils.js").CoreAction<"verifyExternalWallet">;
+export declare const setup2fa: import("./utils.js").CoreAction<"setup2fa">;
+export declare const enable2fa: import("./utils.js").CoreAction<"enable2fa">;
+export declare const verify2fa: import("./utils.js").CoreAction<"verify2fa">;
 export declare const keepSessionAlive: import("./utils.js").CoreAction<"keepSessionAlive">;
 export declare const logout: import("./utils.js").CoreAction<"logout">;
 export declare const resendVerificationCode: import("./utils.js").CoreAction<"resendVerificationCode">;
 export declare const createWallet: import("./utils.js").CoreAction<"createWallet">;
 export declare const createWalletPerType: import("./utils.js").CoreAction<"createWalletPerType">;
-export declare const createPregenWallet: import("./utils.js").CoreAction<"createPregenWalletV2">;
-export declare const createPregenWalletPerType: import("./utils.js").CoreAction<"createPregenWalletPerTypeV2">;
-export declare const claimPregenWallets: import("./utils.js").CoreAction<"claimPregenWalletsV2">;
-export declare const hasPregenWallet: import("./utils.js").CoreAction<"hasPregenWalletV2">;
-export declare const updatePregenWalletIdentifier: import("./utils.js").CoreAction<"updatePregenWalletIdentifierV2">;
+export declare const createPregenWallet: import("./utils.js").CoreAction<"createPregenWallet">;
+export declare const createPregenWalletPerType: import("./utils.js").CoreAction<"createPregenWalletPerType">;
+export declare const claimPregenWallets: import("./utils.js").CoreAction<"claimPregenWallets">;
+export declare const hasPregenWallet: import("./utils.js").CoreAction<"hasPregenWallet">;
+export declare const updatePregenWalletIdentifier: import("./utils.js").CoreAction<"updatePregenWalletIdentifier">;
+export declare const createGuestWallets: import("./utils.js").CoreAction<"createGuestWallets">;
 export declare const signMessage: import("./utils.js").CoreAction<"signMessage">;
 export declare const signTransaction: import("./utils.js").CoreAction<"signTransaction">;
+export declare const getWalletBalance: import("./utils.js").CoreAction<"getWalletBalance">;
+export declare const issueJwt: import("./utils.js").CoreAction<"issueJwt">;
+export declare const getLinkedAccounts: import("./utils.js").CoreAction<"getLinkedAccounts">;
+export declare const accountLinkInProgress: import("./utils.js").CoreAction<"accountLinkInProgress">;
+export declare const linkAccount: (_?: import("@getpara/core-sdk").default, __?: {
+    auth: import("@getpara/user-management-client").VerifiedAuth;
+} | {
+    externalWallet: import("@getpara/user-management-client").ExternalWalletInfo;
+} | {
+    type: import("@getpara/user-management-client").TLinkedAccountType | "X";
+} | undefined) => Promise<import("@getpara/core-sdk").AccountLinkInProgress>;
+export declare const unlinkAccount: (_?: import("@getpara/core-sdk").default, __?: {
+    linkedAccountId: string;
+} | undefined) => Promise<import("@getpara/user-management-client").LinkedAccounts>;
+export declare const verifyEmailOrPhoneLink: (_?: import("@getpara/core-sdk").default, __?: {
+    verificationCode?: string;
+} | undefined) => Promise<import("@getpara/user-management-client").LinkedAccounts>;
+export declare const verifyFarcasterLink: (_?: import("@getpara/core-sdk").default, __?: import("@getpara/core-sdk/dist/types/types/methods.js").FarcasterParams | undefined) => Promise<import("@getpara/user-management-client").LinkedAccounts>;
+export declare const verifyTelegramLink: (_?: import("@getpara/core-sdk").default, __?: import("@getpara/core-sdk/dist/types/types/methods.js").TelegramParams | undefined) => Promise<import("@getpara/user-management-client").LinkedAccounts>;
+export declare const verifyOAuthLink: (_?: import("@getpara/core-sdk").default, __?: import("@getpara/core-sdk/dist/types/types/methods.js").OAuthParams | undefined) => Promise<import("@getpara/user-management-client").LinkedAccounts>;
+export declare const verifyExternalWalletLink: (_?: import("@getpara/core-sdk").default, __?: Omit<import("@getpara/user-management-client").VerifyExternalWalletParams, "externalWallet"> | undefined) => Promise<import("@getpara/user-management-client").LinkedAccounts>;

package/dist/provider/actions/index.js

@@ -0,0 +1,79 @@
+"use client";
+import "../../chunk-MMUBH76A.js";
+import { generateCoreAction, generateInternalAction } from "./utils.js";
+const signUpOrLogIn = generateCoreAction("signUpOrLogIn");
+const verifyNewAccount = generateCoreAction("verifyNewAccount");
+const waitForLogin = generateCoreAction("waitForLogin");
+const waitForSignup = generateCoreAction("waitForSignup");
+const waitForWalletCreation = generateCoreAction("waitForWalletCreation");
+const verifyOAuth = generateCoreAction("verifyOAuth");
+const verifyFarcaster = generateCoreAction("verifyFarcaster");
+const verifyTelegram = generateCoreAction("verifyTelegram");
+const loginExternalWallet = generateCoreAction("loginExternalWallet");
+const verifyExternalWallet = generateCoreAction("verifyExternalWallet");
+const setup2fa = generateCoreAction("setup2fa");
+const enable2fa = generateCoreAction("enable2fa");
+const verify2fa = generateCoreAction("verify2fa");
+const keepSessionAlive = generateCoreAction("keepSessionAlive");
+const logout = generateCoreAction("logout");
+const resendVerificationCode = generateCoreAction("resendVerificationCode");
+const createWallet = generateCoreAction("createWallet");
+const createWalletPerType = generateCoreAction("createWalletPerType");
+const createPregenWallet = generateCoreAction("createPregenWallet");
+const createPregenWalletPerType = generateCoreAction("createPregenWalletPerType");
+const claimPregenWallets = generateCoreAction("claimPregenWallets");
+const hasPregenWallet = generateCoreAction("hasPregenWallet");
+const updatePregenWalletIdentifier = generateCoreAction("updatePregenWalletIdentifier");
+const createGuestWallets = generateCoreAction("createGuestWallets");
+const signMessage = generateCoreAction("signMessage");
+const signTransaction = generateCoreAction("signTransaction");
+const getWalletBalance = generateCoreAction("getWalletBalance");
+const issueJwt = generateCoreAction("issueJwt");
+const getLinkedAccounts = generateCoreAction("getLinkedAccounts");
+const accountLinkInProgress = generateCoreAction("accountLinkInProgress");
+const linkAccount = generateInternalAction("linkAccount");
+const unlinkAccount = generateInternalAction("unlinkAccount");
+const verifyEmailOrPhoneLink = generateInternalAction("verifyEmailOrPhoneLink");
+const verifyFarcasterLink = generateInternalAction("verifyFarcasterLink");
+const verifyTelegramLink = generateInternalAction("verifyTelegramLink");
+const verifyOAuthLink = generateInternalAction("verifyOAuthLink");
+const verifyExternalWalletLink = generateInternalAction("verifyExternalWalletLink");
+export {
+  accountLinkInProgress,
+  claimPregenWallets,
+  createGuestWallets,
+  createPregenWallet,
+  createPregenWalletPerType,
+  createWallet,
+  createWalletPerType,
+  enable2fa,
+  getLinkedAccounts,
+  getWalletBalance,
+  hasPregenWallet,
+  issueJwt,
+  keepSessionAlive,
+  linkAccount,
+  loginExternalWallet,
+  logout,
+  resendVerificationCode,
+  setup2fa,
+  signMessage,
+  signTransaction,
+  signUpOrLogIn,
+  unlinkAccount,
+  updatePregenWalletIdentifier,
+  verify2fa,
+  verifyEmailOrPhoneLink,
+  verifyExternalWallet,
+  verifyExternalWalletLink,
+  verifyFarcaster,
+  verifyFarcasterLink,
+  verifyNewAccount,
+  verifyOAuth,
+  verifyOAuthLink,
+  verifyTelegram,
+  verifyTelegramLink,
+  waitForLogin,
+  waitForSignup,
+  waitForWalletCreation
+};

package/dist/provider/actions/utils.d.ts

@@ -1,3 +1,4 @@
-import ParaWeb, { CoreMethodName, CoreMethodParams, CoreMethodResponse, CoreMethods } from '@getpara/web-sdk';
-export type CoreAction<method extends CoreMethodName & keyof CoreMethods> = (para?: ParaWeb, ...args: [CoreMethodParams<method>]) => Promise<Awaited<CoreMethodResponse<method>>>;
-export declare function generateAction<const method extends CoreMethodName & keyof CoreMethods>(method: method): CoreAction<method>;
+import ParaWeb, { CoreMethodName, CoreMethodParams, CoreMethodResponse, CoreMethods, InternalAction, InternalMethodName, InternalMethods } from '@getpara/web-sdk';
+export type CoreAction<method extends CoreMethodName & keyof CoreMethods> = (para?: ParaWeb, ...args: [CoreMethodParams<method>] | []) => Promise<Awaited<CoreMethodResponse<method>>>;
+export declare function generateCoreAction<const method extends CoreMethodName & keyof CoreMethods>(method: method): CoreAction<method>;
+export declare function generateInternalAction<const method extends InternalMethodName & keyof InternalMethods>(method: method): InternalAction<method>;

package/dist/provider/actions/utils.js

@@ -0,0 +1,34 @@
+"use client";
+import {
+  __async
+} from "../../chunk-MMUBH76A.js";
+function generateCoreAction(method) {
+  return (_para, ...args) => __async(this, null, function* () {
+    try {
+      if (!_para) {
+        throw new Error("no para instance");
+      }
+      const para = _para;
+      return typeof para[method] === "function" ? yield para[method](...args) : para[method];
+    } catch (e) {
+      throw e;
+    }
+  });
+}
+function generateInternalAction(method) {
+  return (_para, ...args) => __async(this, null, function* () {
+    try {
+      if (!_para) {
+        throw new Error("no para instance");
+      }
+      const para = _para;
+      return typeof para[method] === "function" ? yield para[method](...args) : para[method];
+    } catch (e) {
+      throw e;
+    }
+  });
+}
+export {
+  generateCoreAction,
+  generateInternalAction
+};

package/dist/provider/components/CosmosWalletWrapper.js

@@ -0,0 +1,43 @@
+"use client";
+import "../../chunk-MMUBH76A.js";
+import { jsx } from "react/jsx-runtime";
+import { CosmosExternalWalletProvider } from "../providers/CosmosExternalWalletProvider.js";
+import { useInternalClient } from "../hooks/utils/useInternalClient.js";
+import { useStore } from "../stores/useStore.js";
+import { COSMOS_WALLETS } from "@getpara/web-sdk";
+import { useWallet } from "../hooks/index.js";
+const CosmosWalletWrapper = ({
+  children,
+  cosmosConnectorConfig,
+  grazProviderProps,
+  onSwitchWallet
+}) => {
+  const para = useInternalClient();
+  const { data: wallet } = useWallet();
+  const externalWalletsWithFullAuth = useStore((state) => state.externalWalletsWithFullAuth);
+  const wallets = useStore((state) => state.externalWallets);
+  const isUsing = wallets.some((w) => w in COSMOS_WALLETS);
+  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,
+        connectionOnly,
+        includeWalletVerification
+      },
+      grazProviderProps,
+      isUsing,
+      wallets,
+      children
+    }
+  );
+};
+export {
+  CosmosWalletWrapper
+};

package/dist/provider/components/EvmWalletWrapper.js

@@ -0,0 +1,43 @@
+"use client";
+import "../../chunk-MMUBH76A.js";
+import { jsx } from "react/jsx-runtime";
+import { EvmExternalWalletProvider } from "../providers/EvmExternalWalletProvider.js";
+import { useInternalClient } from "../hooks/utils/useInternalClient.js";
+import { useStore } from "../stores/useStore.js";
+import { EVM_WALLETS } from "@getpara/web-sdk";
+import { useWallet } from "../hooks/index.js";
+const EvmWalletWrapper = ({
+  children,
+  evmProviderConfig,
+  wagmiProviderProps,
+  onSwitchWallet
+}) => {
+  const para = useInternalClient();
+  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 EVM_WALLETS);
+  return /* @__PURE__ */ jsx(
+    EvmExternalWalletProvider,
+    {
+      config: evmProviderConfig,
+      internalConfig: {
+        onSwitchWallet,
+        para,
+        walletsWithFullAuth: externalWalletsWithFullAuth,
+        connectedWallet: wallet,
+        connectionOnly,
+        includeWalletVerification
+      },
+      wagmiProviderProps,
+      isUsing,
+      wallets,
+      children
+    }
+  );
+};
+export {
+  EvmWalletWrapper
+};

package/dist/provider/components/ExternalWalletWrapper.js

@@ -0,0 +1,140 @@
+"use client";
+import {
+  __spreadProps,
+  __spreadValues
+} from "../../chunk-MMUBH76A.js";
+import { jsx } from "react/jsx-runtime";
+import { useCallback, useEffect, useMemo } from "react";
+import { useModalStore } from "../../modal/stores/index.js";
+import { ExternalWalletProvider } from "../providers/ExternalWalletProvider.js";
+import { EvmWalletWrapper } from "./EvmWalletWrapper.js";
+import { CosmosWalletWrapper } from "./CosmosWalletWrapper.js";
+import { SolanaWalletWrapper } from "./SolanaWalletWrapper.js";
+import { useStore } from "../stores/useStore.js";
+const ExternalWalletWrapper = ({
+  children,
+  config
+}) => {
+  var _a;
+  const { appDescription, appIcon, appUrl, walletConnect, evmConnector, cosmosConnector, solanaConnector } = config != null ? config : {};
+  const appName = useStore((state) => state.appName);
+  const resetModalState = useModalStore((state) => state.resetState);
+  const wallets = useStore((state) => state.externalWallets);
+  useEffect(() => {
+    if (!!wallets.length && !(walletConnect == null ? void 0 : walletConnect.projectId)) {
+      console.warn(
+        "It is recommended to provide a WalletConnect project id to ensure wallet connection works as expected. Sign up for your free key at https://cloud.walletconnect.com/sign-in"
+      );
+    }
+  }, [wallets, walletConnect]);
+  const evmProviderConfig = useMemo(
+    () => {
+      var _a2, _b;
+      return !evmConnector ? {
+        appName,
+        chains: [
+          {
+            id: 11155111,
+            name: "Sepolia",
+            nativeCurrency: { name: "Sepolia Ether", symbol: "ETH", decimals: 18 },
+            rpcUrls: { default: { http: ["https://rpc.sepolia.org"] } },
+            blockExplorers: {
+              default: {
+                name: "Etherscan",
+                url: "https://sepolia.etherscan.io",
+                apiUrl: "https://api-sepolia.etherscan.io/api"
+              }
+            },
+            contracts: {
+              multicall3: { address: "0xca11bde05977b3631167028862be2a173976ca11", blockCreated: 751532 },
+              ensRegistry: { address: "0x00000000000C2E074eC69A0dFb2997BA6C7d2e1e" },
+              ensUniversalResolver: { address: "0xc8Af999e38273D658BE1b921b88A9Ddf005769cC", blockCreated: 5317080 }
+            },
+            testnet: true
+          }
+        ],
+        projectId: (_a2 = walletConnect == null ? void 0 : walletConnect.projectId) != null ? _a2 : ""
+      } : __spreadValues({ appName, appDescription, appIcon, appUrl, projectId: (_b = walletConnect == null ? void 0 : walletConnect.projectId) != null ? _b : "" }, evmConnector == null ? void 0 : evmConnector.config);
+    },
+    [appName, appDescription, appIcon, appUrl, walletConnect == null ? void 0 : walletConnect.projectId, evmConnector]
+  );
+  const solanaProviderConfig = useMemo(() => {
+    var _a2, _b, _c, _d, _e, _f;
+    const appIdentity = {
+      name: (_b = (_a2 = solanaConnector == null ? void 0 : solanaConnector.config.appIdentity) == null ? void 0 : _a2.name) != null ? _b : appName,
+      uri: (_d = (_c = solanaConnector == null ? void 0 : solanaConnector.config.appIdentity) == null ? void 0 : _c.uri) != null ? _d : appUrl,
+      icon: (_f = (_e = solanaConnector == null ? void 0 : solanaConnector.config.appIdentity) == null ? void 0 : _e.icon) != null ? _f : appIcon
+    };
+    return !solanaConnector ? { appIdentity, chain: "devnet", endpoint: "https://api.devnet.solana.com" } : __spreadValues({ appIdentity }, solanaConnector == null ? void 0 : solanaConnector.config);
+  }, [solanaConnector]);
+  const cosmosProviderConfig = useMemo(
+    () => !cosmosConnector ? {
+      chains: [
+        {
+          chainId: "theta-testnet-001",
+          currencies: [{ coinDenom: "atom", coinMinimalDenom: "uatom", coinDecimals: 6 }],
+          rest: "https://cosmoshubt.lava.build",
+          rpc: "https://cosmoshubt.tendermintrpc.lava.build:443",
+          bech32Config: {
+            bech32PrefixAccAddr: "cosmos",
+            bech32PrefixAccPub: "cosmospub",
+            bech32PrefixValAddr: "cosmosvaloper",
+            bech32PrefixValPub: "cosmosvaloperpub",
+            bech32PrefixConsAddr: "cosmosvalcons",
+            bech32PrefixConsPub: "cosmosvalconspub"
+          },
+          chainName: "cosmoshubtestnet",
+          feeCurrencies: [
+            {
+              coinDenom: "atom",
+              coinMinimalDenom: "uatom",
+              coinDecimals: 6,
+              coinGeckoId: "",
+              gasPriceStep: { low: 0.01, average: 0.025, high: 0.03 }
+            }
+          ],
+          stakeCurrency: { coinDenom: "atom", coinMinimalDenom: "uatom", coinDecimals: 6 },
+          bip44: { coinType: 118 }
+        }
+      ],
+      onSwitchChain: () => {
+      },
+      selectedChainId: "theta-testnet-001"
+    } : cosmosConnector.config,
+    [cosmosConnector]
+  );
+  const grazProviderProps = useMemo(() => {
+    var _a2, _b;
+    const connectorsGrazProviderProps = cosmosConnector == null ? void 0 : cosmosConnector.grazProviderProps;
+    return __spreadProps(__spreadValues({}, connectorsGrazProviderProps), {
+      walletConnect: __spreadProps(__spreadValues({}, connectorsGrazProviderProps == null ? void 0 : connectorsGrazProviderProps.walletConnect), {
+        options: __spreadProps(__spreadValues({}, (_a2 = connectorsGrazProviderProps == null ? void 0 : connectorsGrazProviderProps.walletConnect) == null ? void 0 : _a2.options), { projectId: (_b = walletConnect == null ? void 0 : walletConnect.projectId) != null ? _b : "" })
+      })
+    });
+  }, [cosmosConnector, walletConnect == null ? void 0 : walletConnect.projectId]);
+  const handleSwitchWallet = useCallback(({ address, error }) => {
+    if (error || !address) {
+      resetModalState();
+    }
+  }, []);
+  return /* @__PURE__ */ jsx(
+    EvmWalletWrapper,
+    {
+      evmProviderConfig,
+      wagmiProviderProps: (_a = evmConnector == null ? void 0 : evmConnector.wagmiProviderProps) != null ? _a : {},
+      onSwitchWallet: handleSwitchWallet,
+      children: /* @__PURE__ */ jsx(
+        CosmosWalletWrapper,
+        {
+          cosmosConnectorConfig: cosmosProviderConfig,
+          grazProviderProps,
+          onSwitchWallet: handleSwitchWallet,
+          children: /* @__PURE__ */ jsx(SolanaWalletWrapper, { onSwitchWallet: handleSwitchWallet, solanaProviderConfig, children: /* @__PURE__ */ jsx(ExternalWalletProvider, { children }) })
+        }
+      )
+    }
+  );
+};
+export {
+  ExternalWalletWrapper
+};