@web3auth/modal 10.0.0-beta.9 → 10.0.0

package/dist/lib.esm/packages/modal/src/vue/composables/useWeb3AuthConnect.js

@@ -36,12 +36,28 @@ const useWeb3AuthConnect = () => {
       loading.value = false;
     }
   };
+  const connectTo = async (connectorType, loginParams) => {
+    try {
+      if (!web3Auth.value) throw WalletInitializationError.notReady();
+      error.value = null;
+      loading.value = true;
+      const localProvider = await web3Auth.value.connectTo(connectorType, loginParams);
+      connectorName.value = web3Auth.value.connectedConnectorName;
+      return localProvider;
+    } catch (err) {
+      error.value = err;
+      return null;
+    } finally {
+      loading.value = false;
+    }
+  };
   return {
     isConnected,
     loading,
     error,
     connectorName,
-    connect
+    connect,
+    connectTo
   };
 };
 

package/dist/lib.esm/packages/modal/src/vue/solana/composables/useSolanaWallet.js

@@ -12,30 +12,33 @@ const useSolanaWallet = () => {
   const accounts = ref([]);
   const solanaWallet = shallowRef(null);
   const connection = shallowRef(null);
-  watch(provider, async newVal => {
-    var _web3Auth$value, _accounts$value;
+  const setupWallet = async () => {
+    var _web3Auth$value, _web3Auth$value2;
     if (!((_web3Auth$value = web3Auth.value) !== null && _web3Auth$value !== void 0 && (_web3Auth$value = _web3Auth$value.currentChain) !== null && _web3Auth$value !== void 0 && _web3Auth$value.chainNamespace) || web3Auth.value.currentChain.chainNamespace !== CHAIN_NAMESPACES.SOLANA) {
       return;
     }
+    solanaWallet.value = new SolanaWallet(provider.value);
+    const result = await solanaWallet.value.requestAccounts();
+    if ((result === null || result === void 0 ? void 0 : result.length) > 0) {
+      accounts.value = result;
+    }
+    connection.value = new Connection((_web3Auth$value2 = web3Auth.value) === null || _web3Auth$value2 === void 0 || (_web3Auth$value2 = _web3Auth$value2.currentChain) === null || _web3Auth$value2 === void 0 ? void 0 : _web3Auth$value2.rpcTarget);
+  };
+  if (provider.value && !solanaWallet.value) {
+    setupWallet();
+  }
+  watch(provider, async newVal => {
     if (!newVal && solanaWallet.value) {
       solanaWallet.value = null;
       accounts.value = null;
       connection.value = null;
       return;
     }
-    if (!solanaWallet.value) {
-      solanaWallet.value = new SolanaWallet(newVal);
-    }
-    if (solanaWallet.value && ((_accounts$value = accounts.value) === null || _accounts$value === void 0 ? void 0 : _accounts$value.length) === 0) {
-      const result = await solanaWallet.value.requestAccounts();
-      if ((result === null || result === void 0 ? void 0 : result.length) > 0) {
-        accounts.value = result;
-      }
-    }
-    if (solanaWallet.value && !connection.value) {
-      var _web3Auth$value2;
-      connection.value = new Connection((_web3Auth$value2 = web3Auth.value) === null || _web3Auth$value2 === void 0 || (_web3Auth$value2 = _web3Auth$value2.currentChain) === null || _web3Auth$value2 === void 0 ? void 0 : _web3Auth$value2.rpcTarget);
+    if (newVal && !solanaWallet.value) {
+      setupWallet();
     }
+  }, {
+    immediate: true
   });
   return {
     solanaWallet,

package/dist/lib.esm/packages/modal/src/vue/wagmi/constants.js

@@ -0,0 +1,14 @@
+import { createConfig, http } from '@wagmi/vue';
+import { mainnet } from '@wagmi/vue/chains';
+
+const defaultWagmiConfig = createConfig({
+  chains: [mainnet],
+  connectors: [],
+  // or your basic wallets
+  ssr: true,
+  transports: {
+    [mainnet.id]: http(mainnet.rpcUrls.default.http[0])
+  }
+});
+
+export { defaultWagmiConfig };

package/dist/lib.esm/packages/modal/src/vue/wagmi/provider.js

@@ -1,13 +1,15 @@
 import _objectSpread from '@babel/runtime/helpers/objectSpread2';
 import { hydrate } from '@wagmi/core';
-import { useConfig, useAccountEffect, configKey, createConfig } from '@wagmi/vue';
+import { useConfig, useReconnect, useAccountEffect, configKey, createConfig } from '@wagmi/vue';
 import { injected } from '@wagmi/vue/connectors';
-import { log } from '@web3auth/no-modal';
+import { randomId } from '@web3auth/auth';
+import { log, CHAIN_NAMESPACES, WalletInitializationError } from '@web3auth/no-modal';
 import { defineChain, webSocket, http } from 'viem';
-import { defineComponent, h, watch, provide, shallowRef } from 'vue';
+import { defineComponent, h, watch, provide, shallowRef, ref } from 'vue';
 import '@web3auth/no-modal/vue';
 import { useWeb3Auth } from '../composables/useWeb3Auth.js';
 import { useWeb3AuthDisconnect } from '../composables/useWeb3AuthDisconnect.js';
+import { defaultWagmiConfig } from './constants.js';
 
 const WEB3AUTH_CONNECTOR_ID = "web3auth";
 
@@ -71,6 +73,9 @@ const Web3AuthWagmiProvider = defineComponent({
       disconnect
     } = useWeb3AuthDisconnect();
     const wagmiConfig = useConfig();
+    const {
+      reconnect
+    } = useReconnect();
     useAccountEffect({
       onDisconnect: async () => {
         log.info("Disconnected from wagmi");
@@ -85,6 +90,7 @@ const Web3AuthWagmiProvider = defineComponent({
           throw new Error("Failed to setup connector");
         }
         await connectWeb3AuthWithWagmi(connector, wagmiConfig);
+        reconnect();
       } else if (!newIsConnected) {
         if (wagmiConfig.state.status === "connected") {
           await disconnectWeb3AuthFromWagmi(wagmiConfig);
@@ -127,6 +133,7 @@ const WagmiProvider = defineComponent({
     }
   },
   setup(props) {
+    var _web3Auth$value;
     const {
       config
     } = props;
@@ -134,9 +141,13 @@ const WagmiProvider = defineComponent({
       web3Auth,
       isInitialized
     } = useWeb3Auth();
-    const finalConfig = shallowRef(null);
+    const finalConfig = shallowRef(defaultWagmiConfig);
+    const configKey = ref(randomId());
+    (_web3Auth$value = web3Auth.value) === null || _web3Auth$value === void 0 || _web3Auth$value.setAnalyticsProperties({
+      wagmi_enabled: true
+    });
     const defineWagmiConfig = () => {
-      var _web3Auth$value;
+      var _web3Auth$value2;
       const configParams = _objectSpread(_objectSpread({
         ssr: true
       }, config), {}, {
@@ -147,10 +158,11 @@ const WagmiProvider = defineComponent({
         client: undefined
       });
       const wagmiChains = [];
-      if (isInitialized.value && web3Auth !== null && web3Auth !== void 0 && (_web3Auth$value = web3Auth.value) !== null && _web3Auth$value !== void 0 && (_web3Auth$value = _web3Auth$value.coreOptions) !== null && _web3Auth$value !== void 0 && _web3Auth$value.chains) {
+      if (isInitialized.value && web3Auth !== null && web3Auth !== void 0 && (_web3Auth$value2 = web3Auth.value) !== null && _web3Auth$value2 !== void 0 && (_web3Auth$value2 = _web3Auth$value2.coreOptions) !== null && _web3Auth$value2 !== void 0 && _web3Auth$value2.chains) {
         var _web3Auth$value$curre;
         const defaultChainId = (_web3Auth$value$curre = web3Auth.value.currentChain) === null || _web3Auth$value$curre === void 0 ? void 0 : _web3Auth$value$curre.chainId;
-        const chains = web3Auth.value.coreOptions.chains;
+        const chains = web3Auth.value.coreOptions.chains.filter(chain => chain.chainNamespace === CHAIN_NAMESPACES.EIP155);
+        if (chains.length === 0) throw WalletInitializationError.invalidParams("No valid chains found in web3auth config for wagmi.");
         chains.forEach(chain => {
           const wagmiChain = defineChain({
             id: Number.parseInt(chain.chainId, 16),
@@ -184,29 +196,36 @@ const WagmiProvider = defineComponent({
         });
         configParams.chains = [wagmiChains[0], ...wagmiChains.slice(1)];
       }
-      if (!configParams.chains) return;
       return createConfig(configParams);
     };
-    watch(isInitialized, newIsInitialized => {
-      if (newIsInitialized && !finalConfig.value) {
+    const hydrateWagmiConfig = () => {
+      if (finalConfig.value) {
+        hydrate(finalConfig.value, _objectSpread({
+          reconnectOnMount: false
+        }, props.config));
+      }
+    };
+    watch(isInitialized, (newIsInitialized, prevIsInitialized) => {
+      if (newIsInitialized && !prevIsInitialized) {
         finalConfig.value = defineWagmiConfig();
-        if (finalConfig.value) {
-          hydrate(finalConfig.value, _objectSpread({
-            reconnectOnMount: false
-          }, props.config));
-        }
+        hydrateWagmiConfig();
+        configKey.value = randomId();
       }
     }, {
       immediate: true
     });
+    if (!isInitialized.value) {
+      hydrateWagmiConfig();
+    }
     return {
-      finalConfig
+      finalConfig,
+      configKey
     };
   },
   render() {
-    if (!this.finalConfig) return null;
     return h(Web3AuthWagmiInnerProvider, {
-      config: this.finalConfig
+      config: this.finalConfig,
+      key: this.configKey
     }, {
       default: () => {
         var _this$$slots$default3, _this$$slots;