@web3auth/no-modal 10.16.0 → 11.0.0-beta.1

package/dist/lib.cjs/vue/composables/useWeb3AuthInner.js

@@ -1,27 +1,9 @@
 'use strict';
 
-var vue = require('vue');
-require('@babel/runtime/helpers/objectSpread2');
-require('@babel/runtime/helpers/defineProperty');
-require('@segment/analytics-next');
-require('../../base/loglevel.js');
-require('@toruslabs/base-controllers');
-var index = require('../../base/composables/index.js');
-require('@web3auth/auth');
-var index$1 = require('../../base/errors/index.js');
-require('../../base/wallet/index.js');
-require('../../base/connector/connectorStatus.js');
-require('../../base/connector/constants.js');
-require('jwt-decode');
-require('../../base/plugin/errors.js');
-require('../../base/plugin/IPlugin.js');
-require('@toruslabs/constants');
-require('@toruslabs/http-helpers');
+var useInjectedWeb3AuthInnerContext = require('./useInjectedWeb3AuthInnerContext.js');
 
 const useWeb3AuthInner = () => {
-  const context = vue.inject(index.Web3AuthContextKey);
-  if (!context) throw index$1.WalletInitializationError.fromCode(1000, "usage of `useWeb3Auth` not wrapped in `Web3AuthProvider`.");
-  return context;
+  return useInjectedWeb3AuthInnerContext.useInjectedWeb3AuthInnerContext();
 };
 
 exports.useWeb3AuthInner = useWeb3AuthInner;

package/dist/lib.cjs/vue/composables/useWeb3AuthUser.js

@@ -6,16 +6,18 @@ require('@babel/runtime/helpers/defineProperty');
 require('@segment/analytics-next');
 var loglevel = require('../../base/loglevel.js');
 require('@toruslabs/base-controllers');
+require('@toruslabs/session-manager');
 require('@web3auth/auth');
 var index = require('../../base/errors/index.js');
+require('@toruslabs/constants');
+require('@toruslabs/http-helpers');
+require('../../base/constants.js');
 require('../../base/wallet/index.js');
 require('../../base/connector/connectorStatus.js');
 require('../../base/connector/constants.js');
 require('jwt-decode');
 require('../../base/plugin/errors.js');
 require('../../base/plugin/IPlugin.js');
-require('@toruslabs/constants');
-require('@toruslabs/http-helpers');
 var useWeb3AuthInner = require('./useWeb3AuthInner.js');
 
 const useWeb3AuthUser = () => {

package/dist/lib.cjs/vue/index.js

@@ -1,15 +1,17 @@
 'use strict';
 
+var useAuthTokenInfo = require('./composables/useAuthTokenInfo.js');
 var useChain = require('./composables/useChain.js');
 var useCheckout = require('./composables/useCheckout.js');
 var useEnableMFA = require('./composables/useEnableMFA.js');
 var useFunding = require('./composables/useFunding.js');
-var useIdentityToken = require('./composables/useIdentityToken.js');
+var useInjectedWeb3AuthInnerContext = require('./composables/useInjectedWeb3AuthInnerContext.js');
 var useManageMFA = require('./composables/useManageMFA.js');
 var useReceive = require('./composables/useReceive.js');
 var useSwap = require('./composables/useSwap.js');
 var useSwitchChain = require('./composables/useSwitchChain.js');
 var useWalletConnectScanner = require('./composables/useWalletConnectScanner.js');
+var useWallets = require('./composables/useWallets.js');
 var useWalletServicesPlugin = require('./composables/useWalletServicesPlugin.js');
 var useWalletUI = require('./composables/useWalletUI.js');
 var useWeb3Auth = require('./composables/useWeb3Auth.js');
@@ -17,20 +19,24 @@ var useWeb3AuthConnect = require('./composables/useWeb3AuthConnect.js');
 var useWeb3AuthDisconnect = require('./composables/useWeb3AuthDisconnect.js');
 var useWeb3AuthUser = require('./composables/useWeb3AuthUser.js');
 var WalletServicesContext = require('./context/WalletServicesContext.js');
+var useWalletServicesInnerContextValue = require('./useWalletServicesInnerContextValue.js');
+var useWeb3AuthInnerContextValue = require('./useWeb3AuthInnerContextValue.js');
 var Web3AuthProvider = require('./Web3AuthProvider.js');
 
 
 
+exports.useAuthTokenInfo = useAuthTokenInfo.useAuthTokenInfo;
 exports.useChain = useChain.useChain;
 exports.useCheckout = useCheckout.useCheckout;
 exports.useEnableMFA = useEnableMFA.useEnableMFA;
 exports.useFunding = useFunding.useFunding;
-exports.useIdentityToken = useIdentityToken.useIdentityToken;
+exports.useInjectedWeb3AuthInnerContext = useInjectedWeb3AuthInnerContext.useInjectedWeb3AuthInnerContext;
 exports.useManageMFA = useManageMFA.useManageMFA;
 exports.useReceive = useReceive.useReceive;
 exports.useSwap = useSwap.useSwap;
 exports.useSwitchChain = useSwitchChain.useSwitchChain;
 exports.useWalletConnectScanner = useWalletConnectScanner.useWalletConnectScanner;
+exports.useWallets = useWallets.useWallets;
 exports.useWalletServicesPlugin = useWalletServicesPlugin.useWalletServicesPlugin;
 exports.useWalletUI = useWalletUI.useWalletUI;
 exports.useWeb3Auth = useWeb3Auth.useWeb3Auth;
@@ -38,4 +44,6 @@ exports.useWeb3AuthConnect = useWeb3AuthConnect.useWeb3AuthConnect;
 exports.useWeb3AuthDisconnect = useWeb3AuthDisconnect.useWeb3AuthDisconnect;
 exports.useWeb3AuthUser = useWeb3AuthUser.useWeb3AuthUser;
 exports.WalletServicesContextKey = WalletServicesContext.WalletServicesContextKey;
+exports.useWalletServicesInnerContextValue = useWalletServicesInnerContextValue.useWalletServicesInnerContextValue;
+exports.useWeb3AuthInnerContextValue = useWeb3AuthInnerContextValue.useWeb3AuthInnerContextValue;
 exports.Web3AuthProvider = Web3AuthProvider.Web3AuthProvider;

package/dist/lib.cjs/vue/solana/composables/useSignAndSendTransaction.js

@@ -6,17 +6,20 @@ require('@babel/runtime/helpers/defineProperty');
 require('@segment/analytics-next');
 var loglevel = require('../../../base/loglevel.js');
 require('@toruslabs/base-controllers');
+require('@toruslabs/session-manager');
 require('@web3auth/auth');
 var index = require('../../../base/errors/index.js');
+require('@toruslabs/constants');
+require('@toruslabs/http-helpers');
+require('../../../base/constants.js');
 require('../../../base/wallet/index.js');
 require('../../../base/connector/connectorStatus.js');
 require('../../../base/connector/constants.js');
 require('jwt-decode');
 require('../../../base/plugin/errors.js');
 require('../../../base/plugin/IPlugin.js');
-require('@toruslabs/constants');
-require('@toruslabs/http-helpers');
 var useSolanaWallet = require('./useSolanaWallet.js');
+var solana = require('../../../base/wallet/solana.js');
 
 const useSignAndSendTransaction = () => {
   const {
@@ -30,7 +33,7 @@ const useSignAndSendTransaction = () => {
     error.value = null;
     try {
       if (!solanaWallet.value) throw index.WalletInitializationError.notReady();
-      const signature = await solanaWallet.value.signAndSendTransaction(transaction);
+      const signature = await solana.walletSignAndSendTransaction(solanaWallet.value, transaction);
       data.value = signature;
       return signature;
     } catch (err) {

package/dist/lib.cjs/vue/solana/composables/useSignMessage.js

@@ -6,17 +6,20 @@ require('@babel/runtime/helpers/defineProperty');
 require('@segment/analytics-next');
 var loglevel = require('../../../base/loglevel.js');
 require('@toruslabs/base-controllers');
+require('@toruslabs/session-manager');
 require('@web3auth/auth');
 var index = require('../../../base/errors/index.js');
+require('@toruslabs/constants');
+require('@toruslabs/http-helpers');
+require('../../../base/constants.js');
 require('../../../base/wallet/index.js');
 require('../../../base/connector/connectorStatus.js');
 require('../../../base/connector/constants.js');
 require('jwt-decode');
 require('../../../base/plugin/errors.js');
 require('../../../base/plugin/IPlugin.js');
-require('@toruslabs/constants');
-require('@toruslabs/http-helpers');
 var useSolanaWallet = require('./useSolanaWallet.js');
+var solana = require('../../../base/wallet/solana.js');
 
 const useSignMessage = () => {
   const {
@@ -32,7 +35,7 @@ const useSignMessage = () => {
     try {
       var _accounts$value;
       if (!solanaWallet.value) throw index.WalletInitializationError.notReady();
-      const signature = await solanaWallet.value.signMessage(message, from !== null && from !== void 0 ? from : (_accounts$value = accounts.value) === null || _accounts$value === void 0 ? void 0 : _accounts$value[0]);
+      const signature = await solana.walletSignMessage(solanaWallet.value, message, from !== null && from !== void 0 ? from : (_accounts$value = accounts.value) === null || _accounts$value === void 0 ? void 0 : _accounts$value[0]);
       data.value = signature;
       return signature;
     } catch (err) {

package/dist/lib.cjs/vue/solana/composables/useSignTransaction.js

@@ -6,17 +6,20 @@ require('@babel/runtime/helpers/defineProperty');
 require('@segment/analytics-next');
 var loglevel = require('../../../base/loglevel.js');
 require('@toruslabs/base-controllers');
+require('@toruslabs/session-manager');
 require('@web3auth/auth');
 var index = require('../../../base/errors/index.js');
+require('@toruslabs/constants');
+require('@toruslabs/http-helpers');
+require('../../../base/constants.js');
 require('../../../base/wallet/index.js');
 require('../../../base/connector/connectorStatus.js');
 require('../../../base/connector/constants.js');
 require('jwt-decode');
 require('../../../base/plugin/errors.js');
 require('../../../base/plugin/IPlugin.js');
-require('@toruslabs/constants');
-require('@toruslabs/http-helpers');
 var useSolanaWallet = require('./useSolanaWallet.js');
+var solana = require('../../../base/wallet/solana.js');
 
 const useSignTransaction = () => {
   const {
@@ -30,7 +33,7 @@ const useSignTransaction = () => {
     error.value = null;
     try {
       if (!solanaWallet.value) throw index.WalletInitializationError.notReady();
-      const signedTransaction = await solanaWallet.value.signTransaction(transaction);
+      const signedTransaction = await solana.walletSignTransaction(solanaWallet.value, transaction);
       data.value = signedTransaction;
       return signedTransaction;
     } catch (err) {

package/dist/lib.cjs/vue/solana/composables/useSolanaClient.js

@@ -0,0 +1,14 @@
+'use strict';
+
+var vue = require('vue');
+var constants = require('../constants.js');
+
+/**
+ * Injects the Solana Framework Kit client when inside SolanaProvider and Web3Auth is connected on Solana.
+ * Otherwise returns null.
+ */
+function useSolanaClient() {
+  return vue.inject(constants.SOLANA_CLIENT_KEY, vue.ref(null));
+}
+
+exports.useSolanaClient = useSolanaClient;

package/dist/lib.cjs/vue/solana/composables/useSolanaWallet.js

@@ -1,80 +1,99 @@
 'use strict';
 
-var web3_js = require('@solana/web3.js');
+var kit = require('@solana/kit');
+var features = require('@wallet-standard/features');
+var wsEmbed = require('@web3auth/ws-embed');
 var vue = require('vue');
 var baseControllers = require('@toruslabs/base-controllers');
-var solanaWallet = require('../../../providers/solana-provider/solanaWallet.js');
-var useChain = require('../../composables/useChain.js');
+var index = require('../../../base/wallet/index.js');
 require('@babel/runtime/helpers/objectSpread2');
 require('@babel/runtime/helpers/defineProperty');
 require('@segment/analytics-next');
 require('../../../base/loglevel.js');
+require('@toruslabs/session-manager');
 require('@web3auth/auth');
 require('../../../base/errors/index.js');
-require('../../../base/wallet/index.js');
+require('@toruslabs/constants');
+require('@toruslabs/http-helpers');
+require('../../../base/constants.js');
 require('../../../base/connector/connectorStatus.js');
 require('../../../base/connector/constants.js');
 require('jwt-decode');
 require('../../../base/plugin/errors.js');
 require('../../../base/plugin/IPlugin.js');
-require('@toruslabs/constants');
-require('@toruslabs/http-helpers');
+var useChain = require('../../composables/useChain.js');
 var useWeb3Auth = require('../../composables/useWeb3Auth.js');
 
 const useSolanaWallet = () => {
   const {
-    provider,
+    connection,
     web3Auth
   } = useWeb3Auth.useWeb3Auth();
   const {
     chainNamespace
   } = useChain.useChain();
-  const accounts = vue.ref([]);
-  const solanaWallet$1 = vue.shallowRef(null);
-  const connection = vue.shallowRef(null);
-  const isSolana = vue.computed(() => chainNamespace.value === baseControllers.CHAIN_NAMESPACES.SOLANA);
-  const setupWallet = async () => {
-    var _web3Auth$value;
-    if (!isSolana.value) {
-      return;
-    }
-    if (!provider.value) {
-      return;
-    }
-    solanaWallet$1.value = new solanaWallet.SolanaWallet(provider.value);
-    const result = await solanaWallet$1.value.getAccounts();
-    if ((result === null || result === void 0 ? void 0 : result.length) > 0) {
-      accounts.value = result;
-    }
-    if ((_web3Auth$value = web3Auth.value) !== null && _web3Auth$value !== void 0 && (_web3Auth$value = _web3Auth$value.currentChain) !== null && _web3Auth$value !== void 0 && _web3Auth$value.rpcTarget) {
-      connection.value = new web3_js.Connection(web3Auth.value.currentChain.rpcTarget);
+  const accounts = vue.ref(null);
+  const solanaWallet = vue.shallowRef(null);
+  const rpc = vue.shallowRef(null);
+  let unsubscribeStandardEvents = null;
+  const teardownWalletListeners = () => {
+    var _unsubscribeStandardE;
+    (_unsubscribeStandardE = unsubscribeStandardEvents) === null || _unsubscribeStandardE === void 0 || _unsubscribeStandardE();
+    unsubscribeStandardEvents = null;
+  };
+  const syncAccounts = () => {
+    var _solanaWallet$value$a, _solanaWallet$value;
+    const accts = (_solanaWallet$value$a = (_solanaWallet$value = solanaWallet.value) === null || _solanaWallet$value === void 0 ? void 0 : _solanaWallet$value.accounts.map(a => a.address)) !== null && _solanaWallet$value$a !== void 0 ? _solanaWallet$value$a : [];
+    accounts.value = accts.length > 0 ? accts : null;
+  };
+  const setupWallet = () => {
+    var _connection$value$sol, _connection$value, _web3Auth$value;
+    teardownWalletListeners();
+    const wallet = (_connection$value$sol = (_connection$value = connection.value) === null || _connection$value === void 0 ? void 0 : _connection$value.solanaWallet) !== null && _connection$value$sol !== void 0 ? _connection$value$sol : null;
+    if (!wallet) return;
+    solanaWallet.value = wallet;
+    syncAccounts();
+    unsubscribeStandardEvents = wallet.features[features.StandardEvents].on("change", syncAccounts);
+    if ((_web3Auth$value = web3Auth.value) !== null && _web3Auth$value !== void 0 && (_web3Auth$value = _web3Auth$value.currentChain) !== null && _web3Auth$value !== void 0 && _web3Auth$value.rpcTarget && chainNamespace.value === baseControllers.CHAIN_NAMESPACES.SOLANA) {
+      rpc.value = kit.createSolanaRpc(web3Auth.value.currentChain.rpcTarget);
     }
   };
   const resetWallet = () => {
-    solanaWallet$1.value = null;
+    teardownWalletListeners();
+    solanaWallet.value = null;
     accounts.value = null;
-    connection.value = null;
+    rpc.value = null;
   };
-  if (provider.value && !solanaWallet$1.value) {
-    setupWallet();
-  }
-  vue.watch([provider, chainNamespace], async ([newProvider, newChainNamespace]) => {
-    if (!newProvider || newChainNamespace !== baseControllers.CHAIN_NAMESPACES.SOLANA) {
-      if (solanaWallet$1.value) {
-        resetWallet();
-      }
-      return;
+  vue.onScopeDispose(teardownWalletListeners);
+  const getPrivateKey = async () => {
+    var _connection$value2, _web3Auth$value$prima;
+    if (!web3Auth.value) throw new Error("Web3Auth not initialized");
+    if (((_connection$value2 = connection.value) === null || _connection$value2 === void 0 ? void 0 : _connection$value2.connectorName) !== index.WALLET_CONNECTORS.AUTH) {
+      throw new Error("getPrivateKey is only supported with the Auth connector");
     }
-    if (newProvider && !solanaWallet$1.value) {
-      setupWallet();
+    const provider = (_web3Auth$value$prima = web3Auth.value.primaryConnector) === null || _web3Auth$value$prima === void 0 ? void 0 : _web3Auth$value$prima.provider;
+    if (!provider) throw new Error("Provider not available");
+    const privateKey = await provider.request({
+      method: wsEmbed.SOLANA_METHOD_TYPES.SOLANA_PRIVATE_KEY
+    });
+    if (!privateKey) throw new Error("Failed to retrieve private key");
+    return privateKey;
+  };
+  vue.watch([connection, chainNamespace], ([newConnection, newChainNamespace]) => {
+    if (!(newConnection !== null && newConnection !== void 0 && newConnection.solanaWallet)) {
+      if (solanaWallet.value) resetWallet();
+      return;
     }
+    // setup wallet if not setup or chain namespace is changed to solana
+    if (!solanaWallet.value || newChainNamespace === baseControllers.CHAIN_NAMESPACES.SOLANA) setupWallet();
   }, {
     immediate: true
   });
   return {
-    solanaWallet: solanaWallet$1,
+    solanaWallet,
     accounts,
-    connection
+    rpc,
+    getPrivateKey
   };
 };
 

package/dist/lib.cjs/vue/solana/constants.js

@@ -0,0 +1,5 @@
+'use strict';
+
+const SOLANA_CLIENT_KEY = Symbol("SolanaClient");
+
+exports.SOLANA_CLIENT_KEY = SOLANA_CLIENT_KEY;

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

@@ -3,11 +3,17 @@
 var useSignAndSendTransaction = require('./composables/useSignAndSendTransaction.js');
 var useSignMessage = require('./composables/useSignMessage.js');
 var useSignTransaction = require('./composables/useSignTransaction.js');
+var useSolanaClient = require('./composables/useSolanaClient.js');
 var useSolanaWallet = require('./composables/useSolanaWallet.js');
+var constants = require('./constants.js');
+var provider = require('./provider.js');
 
 
 
 exports.useSignAndSendTransaction = useSignAndSendTransaction.useSignAndSendTransaction;
 exports.useSignMessage = useSignMessage.useSignMessage;
 exports.useSignTransaction = useSignTransaction.useSignTransaction;
+exports.useSolanaClient = useSolanaClient.useSolanaClient;
 exports.useSolanaWallet = useSolanaWallet.useSolanaWallet;
+exports.SOLANA_CLIENT_KEY = constants.SOLANA_CLIENT_KEY;
+exports.SolanaProvider = provider.SolanaProvider;

package/dist/lib.cjs/vue/solana/provider.js

@@ -0,0 +1,110 @@
+'use strict';
+
+var client = require('@solana/client');
+var vue = require('vue');
+require('@babel/runtime/helpers/objectSpread2');
+require('@babel/runtime/helpers/defineProperty');
+require('@segment/analytics-next');
+var loglevel = require('../../base/loglevel.js');
+var baseControllers = require('@toruslabs/base-controllers');
+require('@toruslabs/session-manager');
+require('@web3auth/auth');
+require('../../base/errors/index.js');
+require('@toruslabs/constants');
+require('@toruslabs/http-helpers');
+require('../../base/constants.js');
+require('../../base/wallet/index.js');
+require('../../base/connector/connectorStatus.js');
+require('../../base/connector/constants.js');
+require('jwt-decode');
+require('../../base/plugin/errors.js');
+require('../../base/plugin/IPlugin.js');
+var useWeb3Auth = require('../composables/useWeb3Auth.js');
+var constants = require('./constants.js');
+
+const disposeClient = async client => {
+  try {
+    await client.actions.disconnectWallet();
+  } catch (e) {
+    loglevel.log.warn("Solana client disconnect", e);
+  }
+  client.destroy();
+};
+/**
+ * Syncs Web3Auth Solana connection with Framework Kit client.
+ * When user is connected via Web3Auth and current chain is Solana, creates a Framework Kit client
+ * with Web3Auth as the wallet connector and connects it (same pattern as Wagmi provider).
+ */
+const SolanaProvider = vue.defineComponent({
+  name: "SolanaProvider",
+  setup(_, {
+    slots
+  }) {
+    const {
+      isConnected,
+      connection,
+      web3Auth
+    } = useWeb3Auth.useWeb3Auth();
+    const clientRef = vue.ref(null);
+    // provide the client to the app
+    vue.provide(constants.SOLANA_CLIENT_KEY, clientRef);
+    // watch for changes in the connection and chain namespace
+    vue.watch([isConnected, connection], async ([newIsConnected, newConnection]) => {
+      var _web3Auth$value;
+      if (!newIsConnected || !(newConnection !== null && newConnection !== void 0 && newConnection.solanaWallet)) {
+        if (clientRef.value) {
+          await disposeClient(clientRef.value);
+          clientRef.value = null;
+        }
+        return;
+      }
+      const currentChain = web3Auth.value.currentChain;
+      let chainConfig;
+      if ((currentChain === null || currentChain === void 0 ? void 0 : currentChain.chainNamespace) === baseControllers.CHAIN_NAMESPACES.SOLANA) {
+        chainConfig = currentChain;
+      } else {
+        // use the 1st Solana chain if current chain is not solana
+        chainConfig = web3Auth.value.coreOptions.chains.find(c => c.chainNamespace === baseControllers.CHAIN_NAMESPACES.SOLANA);
+        if (!chainConfig) return;
+      }
+      // only reconnect for the primary connector
+      if (newConnection.connectorName !== ((_web3Auth$value = web3Auth.value) === null || _web3Auth$value === void 0 ? void 0 : _web3Auth$value.primaryConnectorName)) return;
+      const prevClient = clientRef.value;
+      try {
+        // create a wallet standard connector from connected wallet
+        const solanaWalletId = "wallet-standard:" + connection.value.connectorName;
+        const connector = client.createWalletStandardConnector(connection.value.solanaWallet, {
+          id: solanaWalletId,
+          name: connection.value.connectorName
+        });
+        // create a solana client
+        const {
+          rpcTarget,
+          wsTarget
+        } = chainConfig;
+        const client$1 = client.createClient({
+          endpoint: rpcTarget,
+          websocketEndpoint: wsTarget,
+          walletConnectors: [connector]
+        });
+        clientRef.value = client$1;
+        if (prevClient) await disposeClient(prevClient);
+        // connect the client to the wallet
+        await client$1.actions.connectWallet(solanaWalletId, {
+          autoConnect: true
+        });
+      } catch (err) {
+        loglevel.log.error("Failed to create or connect Solana client", err);
+        clientRef.value = null;
+      }
+    }, {
+      immediate: true
+    });
+    return () => {
+      var _slots$default, _slots$default2;
+      return vue.h(vue.Fragment, null, (_slots$default = (_slots$default2 = slots.default) === null || _slots$default2 === void 0 ? void 0 : _slots$default2.call(slots)) !== null && _slots$default !== void 0 ? _slots$default : []);
+    };
+  }
+});
+
+exports.SolanaProvider = SolanaProvider;

package/dist/lib.cjs/vue/useWalletServicesInnerContextValue.js

@@ -0,0 +1,75 @@
+'use strict';
+
+var vue = require('vue');
+require('@babel/runtime/helpers/objectSpread2');
+require('@babel/runtime/helpers/defineProperty');
+require('@segment/analytics-next');
+require('../base/loglevel.js');
+require('@toruslabs/base-controllers');
+require('@toruslabs/session-manager');
+require('@web3auth/auth');
+require('../base/errors/index.js');
+require('@toruslabs/constants');
+require('@toruslabs/http-helpers');
+require('../base/constants.js');
+require('../base/wallet/index.js');
+var connectorStatus = require('../base/connector/connectorStatus.js');
+require('../base/connector/constants.js');
+require('jwt-decode');
+require('../base/plugin/errors.js');
+var IPlugin = require('../base/plugin/IPlugin.js');
+
+function useWalletServicesInnerContextValue(web3AuthContext) {
+  const {
+    getPlugin,
+    isInitialized,
+    isConnected
+  } = web3AuthContext;
+  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);
+      walletServicesPlugin.value = plugin;
+    }
+  });
+  vue.watch(isConnected, newIsConnected => {
+    if (newIsConnected) {
+      const plugin = getPlugin(IPlugin.EVM_PLUGINS.WALLET_SERVICES);
+      walletServicesPlugin.value = plugin;
+      // When rehydrating, the connected listener may be registered after the connected event is emitted.
+      if (connectorStatus.CONNECTED_STATUSES.includes(plugin === null || plugin === void 0 ? void 0 : plugin.status)) ready.value = true;
+    }
+  });
+  vue.watch(walletServicesPlugin, (newWalletServicesPlugin, prevWalletServicesPlugin) => {
+    const connectedListener = () => {
+      ready.value = true;
+    };
+    const disconnectedListener = () => {
+      ready.value = false;
+    };
+    const connectingListener = () => {
+      connecting.value = true;
+    };
+    const previousPlugin = prevWalletServicesPlugin;
+    const currentPlugin = newWalletServicesPlugin;
+    if (previousPlugin && currentPlugin !== previousPlugin) {
+      previousPlugin.removeListener(IPlugin.PLUGIN_EVENTS.CONNECTED, connectedListener);
+      previousPlugin.removeListener(IPlugin.PLUGIN_EVENTS.DISCONNECTED, disconnectedListener);
+      previousPlugin.removeListener(IPlugin.PLUGIN_EVENTS.CONNECTING, connectingListener);
+    }
+    if (currentPlugin && currentPlugin !== previousPlugin) {
+      currentPlugin.on(IPlugin.PLUGIN_EVENTS.CONNECTED, connectedListener);
+      currentPlugin.on(IPlugin.PLUGIN_EVENTS.DISCONNECTED, disconnectedListener);
+      currentPlugin.on(IPlugin.PLUGIN_EVENTS.CONNECTING, connectingListener);
+    }
+  });
+  return {
+    plugin: walletServicesPlugin,
+    ready,
+    connecting
+  };
+}
+
+exports.useWalletServicesInnerContextValue = useWalletServicesInnerContextValue;