@web3auth/no-modal 10.0.0-beta.4 → 10.0.0-beta.6

package/dist/lib.cjs/connectors/coinbase-connector/coinbaseConnector.js

@@ -2,7 +2,6 @@
 
 var _objectSpread = require('@babel/runtime/helpers/objectSpread2');
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
-var walletSdk = require('@coinbase/wallet-sdk');
 var IChainInterface = require('../../base/chain/IChainInterface.js');
 require('@web3auth/auth');
 var index$1 = require('../../base/errors/index.js');
@@ -46,7 +45,10 @@ class CoinbaseConnector extends baseEvmConnector.BaseEvmConnector {
     super.checkInitializationRequirements({
       chainConfig
     });
-    const coinbaseInstance = walletSdk.createCoinbaseWalletSDK(_objectSpread(_objectSpread({}, this.coinbaseOptions), {}, {
+    const {
+      createCoinbaseWalletSDK
+    } = await import('@coinbase/wallet-sdk');
+    const coinbaseInstance = createCoinbaseWalletSDK(_objectSpread(_objectSpread({}, this.coinbaseOptions), {}, {
       preference: {
         options: this.coinbaseOptions.options || "smartWalletOnly"
       },

package/dist/lib.cjs/connectors/coinbase-connector/index.js

@@ -0,0 +1,7 @@
+'use strict';
+
+var coinbaseConnector = require('./coinbaseConnector.js');
+
+
+
+exports.coinbaseConnector = coinbaseConnector.coinbaseConnector;

package/dist/lib.cjs/index.js

@@ -17,7 +17,6 @@ var index$2 = require('./base/wallet/index.js');
 var authConnector = require('./connectors/auth-connector/authConnector.js');
 var baseEvmConnector = require('./connectors/base-evm-connector/baseEvmConnector.js');
 var baseSolanaConnector = require('./connectors/base-solana-connector/baseSolanaConnector.js');
-var coinbaseConnector = require('./connectors/coinbase-connector/coinbaseConnector.js');
 var injectedEvmConnector = require('./connectors/injected-evm-connector/injectedEvmConnector.js');
 var mipd = require('mipd');
 var index$3 = require('./connectors/injected-solana-connector/index.js');
@@ -127,7 +126,6 @@ exports.WALLET_CONNECTORS = index$2.WALLET_CONNECTORS;
 exports.authConnector = authConnector.authConnector;
 exports.BaseEvmConnector = baseEvmConnector.BaseEvmConnector;
 exports.BaseSolanaConnector = baseSolanaConnector.BaseSolanaConnector;
-exports.coinbaseConnector = coinbaseConnector.coinbaseConnector;
 exports.injectedEvmConnector = injectedEvmConnector.injectedEvmConnector;
 Object.defineProperty(exports, "createMipd", {
 	enumerable: true,

package/dist/lib.cjs/react/solana/hooks/useSignAndSendTransaction.js

@@ -0,0 +1,35 @@
+'use strict';
+
+var react = require('react');
+var useSolanaWallet = require('./useSolanaWallet.js');
+
+const useSignAndSendTransaction = () => {
+  const {
+    solanaWallet
+  } = useSolanaWallet.useSolanaWallet();
+  const [loading, setLoading] = react.useState(false);
+  const [error, setError] = react.useState(null);
+  const [data, setData] = react.useState(null);
+  const signAndSendTransaction = react.useCallback(async transaction => {
+    setLoading(true);
+    setError(null);
+    try {
+      if (!solanaWallet) throw new Error("Solana wallet not found");
+      const signature = await solanaWallet.signAndSendTransaction(transaction);
+      setData(signature);
+      return signature;
+    } catch (error) {
+      setError(error);
+    } finally {
+      setLoading(false);
+    }
+  }, [solanaWallet]);
+  return {
+    loading,
+    error,
+    data,
+    signAndSendTransaction
+  };
+};
+
+exports.useSignAndSendTransaction = useSignAndSendTransaction;

package/dist/lib.cjs/react/solana/hooks/useSignMessage.js

@@ -0,0 +1,36 @@
+'use strict';
+
+var react = require('react');
+var useSolanaWallet = require('./useSolanaWallet.js');
+
+const useSignMessage = () => {
+  const {
+    solanaWallet,
+    accounts
+  } = useSolanaWallet.useSolanaWallet();
+  const [loading, setLoading] = react.useState(false);
+  const [error, setError] = react.useState(null);
+  const [data, setData] = react.useState(null);
+  const signMessage = react.useCallback(async (message, from) => {
+    setLoading(true);
+    setError(null);
+    try {
+      if (!solanaWallet) throw new Error("Solana wallet not found");
+      const signature = await solanaWallet.signMessage(message, from !== null && from !== void 0 ? from : accounts === null || accounts === void 0 ? void 0 : accounts[0]);
+      setData(signature);
+      return signature;
+    } catch (error) {
+      setError(error);
+    } finally {
+      setLoading(false);
+    }
+  }, [solanaWallet, accounts]);
+  return {
+    loading,
+    error,
+    data,
+    signMessage
+  };
+};
+
+exports.useSignMessage = useSignMessage;

package/dist/lib.cjs/react/solana/hooks/useSignTransaction.js

@@ -0,0 +1,34 @@
+'use strict';
+
+var react = require('react');
+var useSolanaWallet = require('./useSolanaWallet.js');
+
+const useSignTransaction = () => {
+  const {
+    solanaWallet
+  } = useSolanaWallet.useSolanaWallet();
+  const [loading, setLoading] = react.useState(false);
+  const [error, setError] = react.useState(null);
+  const [data, setData] = react.useState(null);
+  const signTransaction = react.useCallback(async transaction => {
+    setLoading(true);
+    setError(null);
+    try {
+      const signedTransaction = await solanaWallet.signTransaction(transaction);
+      setData(signedTransaction);
+      return signedTransaction;
+    } catch (error) {
+      setError(error);
+    } finally {
+      setLoading(false);
+    }
+  }, [solanaWallet]);
+  return {
+    loading,
+    error,
+    data,
+    signTransaction
+  };
+};
+
+exports.useSignTransaction = useSignTransaction;

package/dist/lib.cjs/react/solana/hooks/useSolanaWallet.js

@@ -0,0 +1,52 @@
+'use strict';
+
+var react = require('react');
+require('@solana/wallet-standard-features');
+require('@solana/web3.js');
+require('@toruslabs/bs58');
+require('@toruslabs/base-controllers');
+require('@babel/runtime/helpers/defineProperty');
+require('@web3auth/auth');
+require('../../../base/errors/index.js');
+require('../../../base/wallet/index.js');
+require('../../../base/connector/constants.js');
+require('jwt-decode');
+require('../../../base/loglevel.js');
+require('../../../base/plugin/errors.js');
+require('../../../base/plugin/IPlugin.js');
+require('@toruslabs/constants');
+require('@toruslabs/http-helpers');
+require('@babel/runtime/helpers/objectSpread2');
+require('../../../providers/base-provider/utils.js');
+require('../../../providers/base-provider/CommonJRPCProvider.js');
+require('../../../providers/base-provider/commonPrivateKeyProvider.js');
+require('@web3auth/ws-embed');
+var solanaWallet = require('../../../providers/solana-provider/solanaWallet.js');
+var useWeb3Auth = require('../../hooks/useWeb3Auth.js');
+
+const useSolanaWallet = () => {
+  const {
+    provider
+  } = useWeb3Auth.useWeb3Auth();
+  const [accounts, setAccounts] = react.useState(null);
+  const solanaWallet$1 = react.useMemo(() => {
+    if (!provider) return null;
+    return new solanaWallet.SolanaWallet(provider);
+  }, [provider]);
+  react.useEffect(() => {
+    const fetchAccounts = async () => {
+      if (!solanaWallet$1) return;
+      const accounts = await solanaWallet$1.requestAccounts();
+      if ((accounts === null || accounts === void 0 ? void 0 : accounts.length) > 0) {
+        setAccounts(accounts);
+      }
+    };
+    if (solanaWallet$1) fetchAccounts();
+  }, [solanaWallet$1]);
+  return {
+    solanaWallet: solanaWallet$1,
+    accounts
+  };
+};
+
+exports.useSolanaWallet = useSolanaWallet;

package/dist/lib.cjs/react/solana/index.js

@@ -0,0 +1,13 @@
+'use strict';
+
+var useSignAndSendTransaction = require('./hooks/useSignAndSendTransaction.js');
+var useSignMessage = require('./hooks/useSignMessage.js');
+var useSignTransaction = require('./hooks/useSignTransaction.js');
+var useSolanaWallet = require('./hooks/useSolanaWallet.js');
+
+
+
+exports.useSignAndSendTransaction = useSignAndSendTransaction.useSignAndSendTransaction;
+exports.useSignMessage = useSignMessage.useSignMessage;
+exports.useSignTransaction = useSignTransaction.useSignTransaction;
+exports.useSolanaWallet = useSolanaWallet.useSolanaWallet;

package/dist/lib.cjs/types/connectors/coinbase-connector/coinbaseConnector.d.ts

@@ -1,4 +1,4 @@
-import { AppMetadata, Preference } from "@coinbase/wallet-sdk";
+import type { AppMetadata, Preference } from "@coinbase/wallet-sdk";
 import { BaseConnectorSettings, ConnectorFn } from "../../base";
 export type CoinbaseWalletSDKOptions = Partial<AppMetadata & Preference>;
 export interface CoinbaseConnectorOptions extends BaseConnectorSettings {

package/dist/lib.cjs/types/connectors/index.d.ts

@@ -1,7 +1,6 @@
 export * from "./auth-connector";
 export * from "./base-evm-connector";
 export * from "./base-solana-connector";
-export * from "./coinbase-connector";
 export * from "./injected-evm-connector";
 export * from "./injected-solana-connector";
 export * from "./metamask-connector";

package/dist/lib.cjs/types/react/solana/hooks/index.d.ts

@@ -0,0 +1,4 @@
+export * from "./useSignAndSendTransaction";
+export * from "./useSignMessage";
+export * from "./useSignTransaction";
+export * from "./useSolanaWallet";

package/dist/lib.cjs/types/react/solana/hooks/useSignAndSendTransaction.d.ts

@@ -0,0 +1,9 @@
+import { Web3AuthError } from "../../../base";
+import { TransactionOrVersionedTransaction } from "../../../providers/solana-provider";
+export type IUseSignAndSendTransaction = {
+    loading: boolean;
+    error: Web3AuthError | null;
+    data: string | null;
+    signAndSendTransaction: (transaction: TransactionOrVersionedTransaction) => Promise<string>;
+};
+export declare const useSignAndSendTransaction: () => IUseSignAndSendTransaction;

package/dist/lib.cjs/types/react/solana/hooks/useSignMessage.d.ts

@@ -0,0 +1,8 @@
+import { Web3AuthError } from "../../../base";
+export type IUseSignMessage = {
+    loading: boolean;
+    error: Web3AuthError | null;
+    data: string | null;
+    signMessage: (message: string) => Promise<string>;
+};
+export declare const useSignMessage: () => IUseSignMessage;

package/dist/lib.cjs/types/react/solana/hooks/useSignTransaction.d.ts

@@ -0,0 +1,14 @@
+import { Web3AuthError } from "../../../base";
+import { TransactionOrVersionedTransaction } from "../../../providers/solana-provider";
+export type IUseSignTransaction = {
+    loading: boolean;
+    error: Web3AuthError | null;
+    data: string | null;
+    signTransaction: (transaction: TransactionOrVersionedTransaction) => Promise<string>;
+};
+export declare const useSignTransaction: () => {
+    loading: boolean;
+    error: Web3AuthError;
+    data: string;
+    signTransaction: (transaction: TransactionOrVersionedTransaction) => Promise<string>;
+};

package/dist/lib.cjs/types/react/solana/hooks/useSolanaWallet.d.ts

@@ -0,0 +1,6 @@
+import { SolanaWallet } from "../../../providers/solana-provider";
+export type IUseSolanaWallet = {
+    accounts: string[] | null;
+    solanaWallet: SolanaWallet | null;
+};
+export declare const useSolanaWallet: () => IUseSolanaWallet;

package/dist/lib.cjs/types/react/solana/index.d.ts

@@ -0,0 +1 @@
+export * from "./hooks";

package/dist/lib.cjs/types/vue/WalletServicesInnerProvider.d.ts

@@ -0,0 +1 @@
+export declare const WalletServicesInnerProvider: import("vue").DefineComponent<{}, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/dist/lib.cjs/types/vue/composables/index.d.ts

@@ -0,0 +1,13 @@
+export * from "./useCheckout";
+export * from "./useEnableMFA";
+export * from "./useIdentityToken";
+export * from "./useManageMFA";
+export * from "./useSwap";
+export * from "./useSwitchChain";
+export * from "./useWalletConnectScanner";
+export * from "./useWalletServicesPlugin";
+export * from "./useWalletUI";
+export * from "./useWeb3Auth";
+export * from "./useWeb3AuthConnect";
+export * from "./useWeb3AuthDisconnect";
+export * from "./useWeb3AuthUser";

package/dist/lib.cjs/types/vue/composables/useCheckout.d.ts

@@ -0,0 +1,9 @@
+import { BaseEmbedControllerState } from "@toruslabs/base-controllers";
+import { Ref } from "vue";
+import { Web3AuthError } from "../../base";
+export interface IUseCheckout {
+    loading: Ref<boolean>;
+    error: Ref<Web3AuthError | null>;
+    showCheckout: (showCheckoutParams?: BaseEmbedControllerState["showCheckout"]) => Promise<void>;
+}
+export declare const useCheckout: () => IUseCheckout;

package/dist/lib.cjs/types/vue/composables/useEnableMFA.d.ts

@@ -0,0 +1,8 @@
+import { Ref } from "vue";
+import { Web3AuthError } from "../../base";
+export interface IUseEnableMFA {
+    loading: Ref<boolean>;
+    error: Ref<Web3AuthError | null>;
+    enableMFA<T>(params?: T): Promise<void>;
+}
+export declare const useEnableMFA: () => IUseEnableMFA;

package/dist/lib.cjs/types/vue/composables/useIdentityToken.d.ts

@@ -0,0 +1,9 @@
+import { Ref } from "vue";
+import { Web3AuthError } from "../../base";
+export interface IUseIdentityToken {
+    loading: Ref<boolean>;
+    error: Ref<Web3AuthError | null>;
+    token: Ref<string | null>;
+    authenticateUser: () => Promise<string | null>;
+}
+export declare const useIdentityToken: () => IUseIdentityToken;

package/dist/lib.cjs/types/vue/composables/useManageMFA.d.ts

@@ -0,0 +1,8 @@
+import { Ref } from "vue";
+import { Web3AuthError } from "../../base";
+export interface IUseManageMFA {
+    loading: Ref<boolean>;
+    error: Ref<Web3AuthError | null>;
+    manageMFA<T>(params?: T): Promise<void>;
+}
+export declare const useManageMFA: () => IUseManageMFA;

package/dist/lib.cjs/types/vue/composables/useSwap.d.ts

@@ -0,0 +1,9 @@
+import { BaseEmbedControllerState } from "@toruslabs/base-controllers";
+import { Ref } from "vue";
+import { Web3AuthError } from "../../base";
+export interface IUseSwap {
+    loading: Ref<boolean>;
+    error: Ref<Web3AuthError | null>;
+    showSwap: (showSwapParams?: BaseEmbedControllerState["showSwap"]) => Promise<void>;
+}
+export declare const useSwap: () => IUseSwap;

package/dist/lib.cjs/types/vue/composables/useSwitchChain.d.ts

@@ -0,0 +1,10 @@
+import { Ref } from "vue";
+import { Web3AuthError } from "../../base";
+export interface IUseSwitchChain {
+    loading: Ref<boolean>;
+    error: Ref<Web3AuthError | null>;
+    switchChain: (chainParams: {
+        chainId: string;
+    }) => Promise<void>;
+}
+export declare const useSwitchChain: () => IUseSwitchChain;

package/dist/lib.cjs/types/vue/composables/useWalletConnectScanner.d.ts

@@ -0,0 +1,9 @@
+import { BaseEmbedControllerState } from "@toruslabs/base-controllers";
+import { Ref } from "vue";
+import { Web3AuthError } from "../../base";
+export interface IUseWalletConnectScanner {
+    loading: Ref<boolean>;
+    error: Ref<Web3AuthError | null>;
+    showWalletConnectScanner: (showWalletConnectScannerParams?: BaseEmbedControllerState["showWalletConnect"]) => Promise<void>;
+}
+export declare const useWalletConnectScanner: () => IUseWalletConnectScanner;

package/dist/lib.cjs/types/vue/composables/useWalletServicesPlugin.d.ts

@@ -0,0 +1,2 @@
+import { IWalletServicesInnerContext } from "../interfaces";
+export declare const useWalletServicesPlugin: () => IWalletServicesInnerContext;

package/dist/lib.cjs/types/vue/composables/useWalletUI.d.ts

@@ -0,0 +1,9 @@
+import { BaseEmbedControllerState } from "@toruslabs/base-controllers";
+import { Ref } from "vue";
+import { Web3AuthError } from "../../base";
+export interface IUseWalletUI {
+    loading: Ref<boolean>;
+    error: Ref<Web3AuthError | null>;
+    showWalletUI: (showWalletUiParams?: BaseEmbedControllerState["showWalletUi"]) => Promise<void>;
+}
+export declare const useWalletUI: () => IUseWalletUI;

package/dist/lib.cjs/types/vue/composables/useWeb3Auth.d.ts

@@ -0,0 +1,3 @@
+import { IWeb3AuthInnerContext } from "../interfaces";
+export type IWeb3AuthNoModalContext = Omit<IWeb3AuthInnerContext, "isMFAEnabled" | "setIsMFAEnabled">;
+export declare const useWeb3Auth: () => IWeb3AuthNoModalContext;

package/dist/lib.cjs/types/vue/composables/useWeb3AuthConnect.d.ts

@@ -0,0 +1,10 @@
+import { Ref } from "vue";
+import { IProvider, LoginParamMap, WALLET_CONNECTOR_TYPE, Web3AuthError } from "../../base";
+export interface IUseWeb3AuthConnect {
+    isConnected: Ref<boolean>;
+    loading: Ref<boolean>;
+    error: Ref<Web3AuthError | null>;
+    connectorName: Ref<WALLET_CONNECTOR_TYPE | null>;
+    connect: <T extends WALLET_CONNECTOR_TYPE>(connectorType: T, loginParams?: LoginParamMap[T]) => Promise<IProvider | null>;
+}
+export declare const useWeb3AuthConnect: () => IUseWeb3AuthConnect;

package/dist/lib.cjs/types/vue/composables/useWeb3AuthDisconnect.d.ts

@@ -0,0 +1,10 @@
+import { Ref } from "vue";
+import { Web3AuthError } from "../../base";
+export interface IUseWeb3AuthDisconnect {
+    loading: Ref<boolean>;
+    error: Ref<Web3AuthError | null>;
+    disconnect(options?: {
+        cleanup: boolean;
+    }): Promise<void>;
+}
+export declare const useWeb3AuthDisconnect: () => IUseWeb3AuthDisconnect;

package/dist/lib.cjs/types/vue/composables/useWeb3AuthInner.d.ts

@@ -0,0 +1,2 @@
+import { IWeb3AuthInnerContext } from "../interfaces";
+export declare const useWeb3AuthInner: () => IWeb3AuthInnerContext;

package/dist/lib.cjs/types/vue/composables/useWeb3AuthUser.d.ts

@@ -0,0 +1,10 @@
+import { Ref } from "vue";
+import { type UserInfo, Web3AuthError } from "../../base";
+export interface IUseWeb3AuthUser {
+    loading: Ref<boolean>;
+    error: Ref<Web3AuthError | null>;
+    userInfo: Ref<Partial<UserInfo> | null>;
+    isMFAEnabled: Ref<boolean>;
+    getUserInfo: () => Promise<Partial<UserInfo> | null>;
+}
+export declare const useWeb3AuthUser: () => IUseWeb3AuthUser;

package/dist/lib.cjs/types/vue/{wallet-services-plugin/context.d.ts → context/WalletServicesContext.d.ts}

@@ -1,3 +1,3 @@
 import { InjectionKey } from "vue";
-import { IWalletServicesContext } from "./interfaces";
-export declare const WalletServicesContextKey: InjectionKey<IWalletServicesContext>;
+import { IWalletServicesInnerContext } from "../interfaces";
+export declare const WalletServicesContextKey: InjectionKey<IWalletServicesInnerContext>;

package/dist/lib.cjs/types/vue/context/index.d.ts

@@ -0,0 +1 @@
+export * from "./WalletServicesContext";

package/dist/lib.cjs/types/vue/index.d.ts

@@ -1,2 +1,4 @@
-export * from "./no-modal";
-export * from "./wallet-services-plugin";
+export * from "./composables";
+export * from "./context";
+export * from "./interfaces";
+export * from "./Web3AuthProvider";

package/dist/lib.cjs/types/vue/interfaces.d.ts

@@ -0,0 +1,30 @@
+import { Ref, ShallowRef } from "vue";
+import type { CONNECTOR_STATUS_TYPE, IPlugin, IProvider, IWeb3AuthCoreOptions } from "../base";
+import { WalletServicesPluginType } from "../plugins/wallet-services-plugin";
+import type { Web3AuthNoModal } from "../noModal";
+export type Web3AuthContextConfig = {
+    web3AuthOptions: IWeb3AuthCoreOptions;
+};
+export interface Web3AuthProviderProps {
+    config: Web3AuthContextConfig;
+}
+interface IBaseWeb3AuthComposableContext {
+    isConnected: Ref<boolean>;
+    provider: Ref<IProvider | null>;
+    isInitializing: Ref<boolean>;
+    initError: Ref<Error | null>;
+    isInitialized: Ref<boolean>;
+    status: Ref<CONNECTOR_STATUS_TYPE | null>;
+    isMFAEnabled: Ref<boolean>;
+    getPlugin: (pluginName: string) => IPlugin | null;
+    setIsMFAEnabled: (isMfaEnabled: boolean) => void;
+}
+export interface IWeb3AuthInnerContext extends IBaseWeb3AuthComposableContext {
+    web3Auth: ShallowRef<Web3AuthNoModal | null>;
+}
+export interface IWalletServicesInnerContext {
+    plugin: ShallowRef<WalletServicesPluginType | null>;
+    ready: Ref<boolean>;
+    connecting: Ref<boolean>;
+}
+export {};

package/dist/lib.cjs/vue/{wallet-services-plugin/WalletServicesProvider.js → WalletServicesInnerProvider.js}

@@ -2,32 +2,33 @@
 
 var vue = require('vue');
 require('@toruslabs/base-controllers');
-var index = require('../../base/composables/index.js');
 require('@babel/runtime/helpers/defineProperty');
 require('@web3auth/auth');
-require('../../base/errors/index.js');
-require('../../base/wallet/index.js');
-var constants = require('../../base/connector/constants.js');
+require('../base/errors/index.js');
+require('../base/wallet/index.js');
+var constants = require('../base/connector/constants.js');
 require('jwt-decode');
-require('../../base/loglevel.js');
-var errors = require('../../base/plugin/errors.js');
-var IPlugin = require('../../base/plugin/IPlugin.js');
+require('../base/loglevel.js');
+var errors = require('../base/plugin/errors.js');
+var IPlugin = require('../base/plugin/IPlugin.js');
 require('@toruslabs/constants');
 require('@toruslabs/http-helpers');
-var context = require('./context.js');
+var useWeb3AuthInner = require('./composables/useWeb3AuthInner.js');
+var WalletServicesContext = require('./context/WalletServicesContext.js');
 
-const WalletServicesProvider = vue.defineComponent({
-  name: "WalletServicesProvider",
+const WalletServicesInnerProvider = vue.defineComponent({
+  name: "WalletServicesInnerProvider",
   setup() {
-    const web3AuthContext = vue.inject(index.Web3AuthContextKey);
+    const web3AuthContext = useWeb3AuthInner.useWeb3AuthInner();
     if (!web3AuthContext) throw errors.WalletServicesPluginError.fromCode(1000, "`WalletServicesProvider` must be wrapped by `Web3AuthProvider`");
     const {
       getPlugin,
       isInitialized,
       isConnected
     } = web3AuthContext;
-    const walletServicesPlugin = vue.ref(null);
-    const isPluginConnected = vue.ref(false);
+    const walletServicesPlugin = vue.shallowRef(null);
+    const ready = vue.ref(false);
+    const connecting = vue.ref(false);
     vue.watch(isInitialized, newIsInitialized => {
       if (newIsInitialized) {
         const plugin = getPlugin(IPlugin.EVM_PLUGINS.WALLET_SERVICES);
@@ -40,53 +41,35 @@ const WalletServicesProvider = vue.defineComponent({
         const plugin = getPlugin(IPlugin.EVM_PLUGINS.WALLET_SERVICES);
         if (!walletServicesPlugin.value) walletServicesPlugin.value = plugin;
         // when rehydrating, the connectedListener may be registered after the connected event is emitted, we need to check the status here
-        if (((_walletServicesPlugin = walletServicesPlugin.value) === null || _walletServicesPlugin === void 0 ? void 0 : _walletServicesPlugin.status) === constants.CONNECTOR_STATUS.CONNECTED) isPluginConnected.value = true;
+        if (((_walletServicesPlugin = walletServicesPlugin.value) === null || _walletServicesPlugin === void 0 ? void 0 : _walletServicesPlugin.status) === constants.CONNECTOR_STATUS.CONNECTED) ready.value = true;
       }
     });
     vue.watch(walletServicesPlugin, (newWalletServicesPlugin, prevWalletServicesPlugin) => {
       const connectedListener = () => {
-        isPluginConnected.value = true;
+        ready.value = true;
       };
       const disconnectedListener = () => {
-        isPluginConnected.value = false;
+        ready.value = false;
+      };
+      const connectingListener = () => {
+        connecting.value = true;
       };
       // unregister previous listeners
       if (prevWalletServicesPlugin && newWalletServicesPlugin !== prevWalletServicesPlugin) {
         prevWalletServicesPlugin.off(IPlugin.PLUGIN_EVENTS.CONNECTED, connectedListener);
         prevWalletServicesPlugin.off(IPlugin.PLUGIN_EVENTS.DISCONNECTED, disconnectedListener);
+        prevWalletServicesPlugin.off(IPlugin.PLUGIN_EVENTS.CONNECTING, connectingListener);
       }
       if (newWalletServicesPlugin && newWalletServicesPlugin !== prevWalletServicesPlugin) {
         newWalletServicesPlugin.on(IPlugin.PLUGIN_EVENTS.CONNECTED, connectedListener);
         newWalletServicesPlugin.on(IPlugin.PLUGIN_EVENTS.DISCONNECTED, disconnectedListener);
+        newWalletServicesPlugin.on(IPlugin.PLUGIN_EVENTS.CONNECTING, connectingListener);
       }
     });
-    const showWalletConnectScanner = async showWalletConnectScannerParams => {
-      if (!walletServicesPlugin.value) throw errors.WalletServicesPluginError.notInitialized();
-      if (!isPluginConnected.value) throw errors.WalletServicesPluginError.walletPluginNotConnected();
-      return walletServicesPlugin.value.showWalletConnectScanner(showWalletConnectScannerParams);
-    };
-    const showWalletUI = async showWalletUiParams => {
-      if (!walletServicesPlugin.value) throw errors.WalletServicesPluginError.notInitialized();
-      if (!isPluginConnected.value) throw errors.WalletServicesPluginError.walletPluginNotConnected();
-      return walletServicesPlugin.value.showWalletUi(showWalletUiParams);
-    };
-    const showCheckout = async showCheckoutParams => {
-      if (!walletServicesPlugin.value) throw errors.WalletServicesPluginError.notInitialized();
-      if (!isPluginConnected.value) throw errors.WalletServicesPluginError.walletPluginNotConnected();
-      return walletServicesPlugin.value.showCheckout(showCheckoutParams);
-    };
-    const showSwap = async showSwapParams => {
-      if (!walletServicesPlugin.value) throw errors.WalletServicesPluginError.notInitialized();
-      if (!isPluginConnected.value) throw errors.WalletServicesPluginError.walletPluginNotConnected();
-      return walletServicesPlugin.value.showSwap(showSwapParams);
-    };
-    vue.provide(context.WalletServicesContextKey, {
+    vue.provide(WalletServicesContext.WalletServicesContextKey, {
       plugin: walletServicesPlugin,
-      isPluginConnected,
-      showWalletConnectScanner,
-      showCheckout,
-      showWalletUI,
-      showSwap
+      ready,
+      connecting
     });
   },
   render() {
@@ -95,4 +78,4 @@ const WalletServicesProvider = vue.defineComponent({
   }
 });
 
-exports.WalletServicesProvider = WalletServicesProvider;
+exports.WalletServicesInnerProvider = WalletServicesInnerProvider;