@web3auth/modal 10.0.0-beta.1 → 10.0.0-beta.12

package/dist/lib.cjs/packages/modal/src/vue/composables/useIdentityToken.js

@@ -0,0 +1,44 @@
+'use strict';
+
+var noModal = require('@web3auth/no-modal');
+var vue = require('vue');
+var useWeb3AuthInner = require('./useWeb3AuthInner.js');
+
+const useIdentityToken = () => {
+  const {
+    web3Auth,
+    isConnected
+  } = useWeb3AuthInner.useWeb3AuthInner();
+  const loading = vue.ref(false);
+  const error = vue.ref(null);
+  const token = vue.ref(null);
+  const getIdentityToken = async () => {
+    try {
+      if (!web3Auth.value) throw noModal.WalletInitializationError.notReady();
+      error.value = null;
+      loading.value = true;
+      const result = await web3Auth.value.getIdentityToken();
+      if (result !== null && result !== void 0 && result.idToken) {
+        token.value = result.idToken;
+      }
+      return result === null || result === void 0 ? void 0 : result.idToken;
+    } catch (err) {
+      error.value = err;
+    } finally {
+      loading.value = false;
+    }
+  };
+  vue.watch(isConnected, newIsConnected => {
+    if (!newIsConnected && token.value) {
+      token.value = null;
+    }
+  });
+  return {
+    loading,
+    error,
+    token,
+    getIdentityToken
+  };
+};
+
+exports.useIdentityToken = useIdentityToken;

package/dist/lib.cjs/packages/modal/src/vue/composables/useManageMFA.js

@@ -0,0 +1,32 @@
+'use strict';
+
+var noModal = require('@web3auth/no-modal');
+var vue = require('vue');
+var useWeb3AuthInner = require('./useWeb3AuthInner.js');
+
+const useManageMFA = () => {
+  const {
+    web3Auth
+  } = useWeb3AuthInner.useWeb3AuthInner();
+  const loading = vue.ref(false);
+  const error = vue.ref(null);
+  const manageMFA = async () => {
+    try {
+      if (!web3Auth.value) throw noModal.WalletInitializationError.notReady();
+      error.value = null;
+      loading.value = true;
+      await web3Auth.value.enableMFA();
+    } catch (err) {
+      error.value = err;
+    } finally {
+      loading.value = false;
+    }
+  };
+  return {
+    loading,
+    error,
+    manageMFA
+  };
+};
+
+exports.useManageMFA = useManageMFA;

package/dist/lib.cjs/packages/modal/src/vue/composables/useSwap.js

@@ -0,0 +1,34 @@
+'use strict';
+
+var noModal = require('@web3auth/no-modal');
+var vue = require('vue');
+var useWalletServicesPlugin = require('./useWalletServicesPlugin.js');
+
+const useSwap = () => {
+  const {
+    plugin,
+    ready
+  } = useWalletServicesPlugin.useWalletServicesPlugin();
+  const loading = vue.ref(false);
+  const error = vue.ref(null);
+  const showSwap = async showSwapParams => {
+    loading.value = true;
+    error.value = null;
+    try {
+      if (!plugin) throw noModal.WalletServicesPluginError.notInitialized();
+      if (!ready) throw noModal.WalletServicesPluginError.walletPluginNotConnected();
+      await plugin.value.showSwap(showSwapParams);
+    } catch (err) {
+      error.value = err;
+    } finally {
+      loading.value = false;
+    }
+  };
+  return {
+    loading,
+    error,
+    showSwap
+  };
+};
+
+exports.useSwap = useSwap;

package/dist/lib.cjs/packages/modal/src/vue/composables/useSwitchChain.js

@@ -0,0 +1,32 @@
+'use strict';
+
+var noModal = require('@web3auth/no-modal');
+var vue = require('vue');
+var useWeb3AuthInner = require('./useWeb3AuthInner.js');
+
+const useSwitchChain = () => {
+  const {
+    web3Auth
+  } = useWeb3AuthInner.useWeb3AuthInner();
+  const loading = vue.ref(false);
+  const error = vue.ref(null);
+  const switchChain = async chainParams => {
+    try {
+      if (!web3Auth.value) throw noModal.WalletInitializationError.notReady();
+      error.value = null;
+      loading.value = true;
+      await web3Auth.value.switchChain(chainParams);
+    } catch (err) {
+      error.value = err;
+    } finally {
+      loading.value = false;
+    }
+  };
+  return {
+    loading,
+    error,
+    switchChain
+  };
+};
+
+exports.useSwitchChain = useSwitchChain;

package/dist/lib.cjs/packages/modal/src/vue/composables/useWalletConnectScanner.js

@@ -0,0 +1,34 @@
+'use strict';
+
+var noModal = require('@web3auth/no-modal');
+var vue = require('vue');
+var useWalletServicesPlugin = require('./useWalletServicesPlugin.js');
+
+const useWalletConnectScanner = () => {
+  const {
+    plugin,
+    ready
+  } = useWalletServicesPlugin.useWalletServicesPlugin();
+  const loading = vue.ref(false);
+  const error = vue.ref(null);
+  const showWalletConnectScanner = async showWalletConnectScannerParams => {
+    loading.value = true;
+    error.value = null;
+    try {
+      if (!plugin) throw noModal.WalletServicesPluginError.notInitialized();
+      if (!ready) throw noModal.WalletServicesPluginError.walletPluginNotConnected();
+      await plugin.value.showWalletConnectScanner(showWalletConnectScannerParams);
+    } catch (err) {
+      error.value = err;
+    } finally {
+      loading.value = false;
+    }
+  };
+  return {
+    loading,
+    error,
+    showWalletConnectScanner
+  };
+};
+
+exports.useWalletConnectScanner = useWalletConnectScanner;

package/dist/lib.cjs/packages/modal/src/vue/composables/useWalletServicesPlugin.js

@@ -0,0 +1,13 @@
+'use strict';
+
+var noModal = require('@web3auth/no-modal');
+var vue$1 = require('@web3auth/no-modal/vue');
+var vue = require('vue');
+
+const useWalletServicesPlugin = () => {
+  const context = vue.inject(vue$1.WalletServicesContextKey);
+  if (!context) throw noModal.WalletInitializationError.fromCode(1000, "usage of useWalletServicesPlugin not wrapped in `WalletServicesContextProvider`.");
+  return context;
+};
+
+exports.useWalletServicesPlugin = useWalletServicesPlugin;

package/dist/lib.cjs/packages/modal/src/vue/composables/useWalletUI.js

@@ -0,0 +1,34 @@
+'use strict';
+
+var noModal = require('@web3auth/no-modal');
+var vue = require('vue');
+var useWalletServicesPlugin = require('./useWalletServicesPlugin.js');
+
+const useWalletUI = () => {
+  const {
+    plugin,
+    ready
+  } = useWalletServicesPlugin.useWalletServicesPlugin();
+  const loading = vue.ref(false);
+  const error = vue.ref(null);
+  const showWalletUI = async showWalletUiParams => {
+    loading.value = true;
+    error.value = null;
+    try {
+      if (!plugin) throw noModal.WalletServicesPluginError.notInitialized();
+      if (!ready) throw noModal.WalletServicesPluginError.walletPluginNotConnected();
+      await plugin.value.showWalletUi(showWalletUiParams);
+    } catch (err) {
+      error.value = err;
+    } finally {
+      loading.value = false;
+    }
+  };
+  return {
+    loading,
+    error,
+    showWalletUI
+  };
+};
+
+exports.useWalletUI = useWalletUI;

package/dist/lib.cjs/packages/modal/src/vue/composables/useWeb3Auth.js

@@ -1,11 +1,9 @@
 'use strict';
 
-var noModal = require('@web3auth/no-modal');
-var vue = require('vue');
+var useWeb3AuthInner = require('./useWeb3AuthInner.js');
 
 const useWeb3Auth = () => {
-  const context = vue.inject(noModal.Web3AuthContextKey);
-  if (!context) throw noModal.WalletInitializationError.fromCode(1000, "usage of `useWeb3Auth` not wrapped in `Web3AuthProvider`.");
+  const context = useWeb3AuthInner.useWeb3AuthInner();
   return context;
 };
 

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

@@ -0,0 +1,66 @@
+'use strict';
+
+var noModal = require('@web3auth/no-modal');
+var vue = require('vue');
+var useWeb3AuthInner = require('./useWeb3AuthInner.js');
+
+const useWeb3AuthConnect = () => {
+  const {
+    web3Auth,
+    isConnected
+  } = useWeb3AuthInner.useWeb3AuthInner();
+  const loading = vue.ref(false);
+  const error = vue.ref(null);
+  const connectorName = vue.ref(null);
+  vue.watch(isConnected, newVal => {
+    if (!newVal && connectorName.value) {
+      connectorName.value = null;
+    }
+    if (newVal && !connectorName.value) {
+      var _web3Auth$value;
+      connectorName.value = (_web3Auth$value = web3Auth.value) === null || _web3Auth$value === void 0 ? void 0 : _web3Auth$value.connectedConnectorName;
+    }
+  }, {
+    immediate: true
+  });
+  const connect = async () => {
+    try {
+      if (!web3Auth.value) throw noModal.WalletInitializationError.notReady();
+      error.value = null;
+      loading.value = true;
+      const localProvider = await web3Auth.value.connect();
+      connectorName.value = web3Auth.value.connectedConnectorName;
+      return localProvider;
+    } catch (err) {
+      error.value = err;
+      return null;
+    } finally {
+      loading.value = false;
+    }
+  };
+  const connectTo = async (connectorType, loginParams) => {
+    try {
+      if (!web3Auth.value) throw noModal.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,
+    connectTo
+  };
+};
+
+exports.useWeb3AuthConnect = useWeb3AuthConnect;

package/dist/lib.cjs/packages/modal/src/vue/composables/useWeb3AuthDisconnect.js

@@ -0,0 +1,32 @@
+'use strict';
+
+var noModal = require('@web3auth/no-modal');
+var vue = require('vue');
+var useWeb3AuthInner = require('./useWeb3AuthInner.js');
+
+const useWeb3AuthDisconnect = () => {
+  const {
+    web3Auth
+  } = useWeb3AuthInner.useWeb3AuthInner();
+  const loading = vue.ref(false);
+  const error = vue.ref(null);
+  const disconnect = async options => {
+    try {
+      if (!web3Auth.value) throw noModal.WalletInitializationError.notReady();
+      error.value = null;
+      loading.value = true;
+      await web3Auth.value.logout(options);
+    } catch (err) {
+      error.value = err;
+    } finally {
+      loading.value = false;
+    }
+  };
+  return {
+    loading,
+    error,
+    disconnect
+  };
+};
+
+exports.useWeb3AuthDisconnect = useWeb3AuthDisconnect;

package/dist/lib.cjs/packages/modal/src/vue/composables/useWeb3AuthInner.js

@@ -0,0 +1,12 @@
+'use strict';
+
+var noModal = require('@web3auth/no-modal');
+var vue = require('vue');
+
+const useWeb3AuthInner = () => {
+  const context = vue.inject(noModal.Web3AuthContextKey);
+  if (!context) throw noModal.WalletInitializationError.fromCode(1000, "usage of `useWeb3Auth` not wrapped in `Web3AuthProvider`.");
+  return context;
+};
+
+exports.useWeb3AuthInner = useWeb3AuthInner;

package/dist/lib.cjs/packages/modal/src/vue/composables/useWeb3AuthUser.js

@@ -0,0 +1,53 @@
+'use strict';
+
+var noModal = require('@web3auth/no-modal');
+var vue = require('vue');
+var useWeb3AuthInner = require('./useWeb3AuthInner.js');
+
+const useWeb3AuthUser = () => {
+  const {
+    web3Auth,
+    isConnected,
+    isMFAEnabled,
+    setIsMFAEnabled
+  } = useWeb3AuthInner.useWeb3AuthInner();
+  const loading = vue.ref(false);
+  const error = vue.ref(null);
+  const userInfo = vue.ref(null);
+  const getUserInfo = async () => {
+    try {
+      if (!web3Auth.value) throw noModal.WalletInitializationError.notReady();
+      error.value = null;
+      loading.value = true;
+      const result = await web3Auth.value.getUserInfo();
+      userInfo.value = result;
+      return result;
+    } catch (err) {
+      error.value = err;
+    } finally {
+      loading.value = false;
+    }
+  };
+  vue.watch(isConnected, async newIsConnected => {
+    if (newIsConnected && !userInfo.value) {
+      const result = await getUserInfo();
+      userInfo.value = result;
+      setIsMFAEnabled((result === null || result === void 0 ? void 0 : result.isMfaEnabled) || false);
+    }
+    if (!newIsConnected && userInfo.value) {
+      userInfo.value = null;
+      setIsMFAEnabled(false);
+    }
+  }, {
+    immediate: true
+  });
+  return {
+    loading,
+    error,
+    userInfo,
+    isMFAEnabled,
+    getUserInfo
+  };
+};
+
+exports.useWeb3AuthUser = useWeb3AuthUser;

package/dist/lib.cjs/packages/modal/src/vue/index.js

@@ -1,9 +1,33 @@
 'use strict';
 
+var useCheckout = require('./composables/useCheckout.js');
+var useEnableMFA = require('./composables/useEnableMFA.js');
+var useIdentityToken = require('./composables/useIdentityToken.js');
+var useManageMFA = require('./composables/useManageMFA.js');
+var useSwap = require('./composables/useSwap.js');
+var useSwitchChain = require('./composables/useSwitchChain.js');
+var useWalletConnectScanner = require('./composables/useWalletConnectScanner.js');
+var useWalletServicesPlugin = require('./composables/useWalletServicesPlugin.js');
+var useWalletUI = require('./composables/useWalletUI.js');
 var useWeb3Auth = require('./composables/useWeb3Auth.js');
+var useWeb3AuthConnect = require('./composables/useWeb3AuthConnect.js');
+var useWeb3AuthDisconnect = require('./composables/useWeb3AuthDisconnect.js');
+var useWeb3AuthUser = require('./composables/useWeb3AuthUser.js');
 var Web3AuthProvider = require('./Web3AuthProvider.js');
 
 
 
+exports.useCheckout = useCheckout.useCheckout;
+exports.useEnableMFA = useEnableMFA.useEnableMFA;
+exports.useIdentityToken = useIdentityToken.useIdentityToken;
+exports.useManageMFA = useManageMFA.useManageMFA;
+exports.useSwap = useSwap.useSwap;
+exports.useSwitchChain = useSwitchChain.useSwitchChain;
+exports.useWalletConnectScanner = useWalletConnectScanner.useWalletConnectScanner;
+exports.useWalletServicesPlugin = useWalletServicesPlugin.useWalletServicesPlugin;
+exports.useWalletUI = useWalletUI.useWalletUI;
 exports.useWeb3Auth = useWeb3Auth.useWeb3Auth;
+exports.useWeb3AuthConnect = useWeb3AuthConnect.useWeb3AuthConnect;
+exports.useWeb3AuthDisconnect = useWeb3AuthDisconnect.useWeb3AuthDisconnect;
+exports.useWeb3AuthUser = useWeb3AuthUser.useWeb3AuthUser;
 exports.Web3AuthProvider = Web3AuthProvider.Web3AuthProvider;

package/dist/lib.cjs/packages/modal/src/vue/solana/composables/useSignAndSendTransaction.js

@@ -0,0 +1,36 @@
+'use strict';
+
+var noModal = require('@web3auth/no-modal');
+var vue = require('vue');
+var useSolanaWallet = require('./useSolanaWallet.js');
+
+const useSignAndSendTransaction = () => {
+  const {
+    solanaWallet
+  } = useSolanaWallet.useSolanaWallet();
+  const loading = vue.ref(false);
+  const error = vue.ref(null);
+  const data = vue.ref(null);
+  const signAndSendTransaction = async transaction => {
+    loading.value = true;
+    error.value = null;
+    try {
+      if (!solanaWallet.value) throw noModal.WalletInitializationError.notReady();
+      const signature = await solanaWallet.value.signAndSendTransaction(transaction);
+      data.value = signature;
+      return signature;
+    } catch (err) {
+      error.value = err;
+    } finally {
+      loading.value = false;
+    }
+  };
+  return {
+    loading,
+    error,
+    data,
+    signAndSendTransaction
+  };
+};
+
+exports.useSignAndSendTransaction = useSignAndSendTransaction;

package/dist/lib.cjs/packages/modal/src/vue/solana/composables/useSignMessage.js

@@ -0,0 +1,38 @@
+'use strict';
+
+var noModal = require('@web3auth/no-modal');
+var vue = require('vue');
+var useSolanaWallet = require('./useSolanaWallet.js');
+
+const useSignMessage = () => {
+  const {
+    solanaWallet,
+    accounts
+  } = useSolanaWallet.useSolanaWallet();
+  const loading = vue.ref(false);
+  const error = vue.ref(null);
+  const data = vue.ref(null);
+  const signMessage = async (message, from) => {
+    loading.value = true;
+    error.value = null;
+    try {
+      var _accounts$value;
+      if (!solanaWallet.value) throw noModal.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]);
+      data.value = signature;
+      return signature;
+    } catch (err) {
+      error.value = err;
+    } finally {
+      loading.value = false;
+    }
+  };
+  return {
+    loading,
+    error,
+    data,
+    signMessage
+  };
+};
+
+exports.useSignMessage = useSignMessage;

package/dist/lib.cjs/packages/modal/src/vue/solana/composables/useSignTransaction.js

@@ -0,0 +1,36 @@
+'use strict';
+
+var noModal = require('@web3auth/no-modal');
+var vue = require('vue');
+var useSolanaWallet = require('./useSolanaWallet.js');
+
+const useSignTransaction = () => {
+  const {
+    solanaWallet
+  } = useSolanaWallet.useSolanaWallet();
+  const loading = vue.ref(false);
+  const error = vue.ref(null);
+  const data = vue.ref(null);
+  const signTransaction = async transaction => {
+    loading.value = true;
+    error.value = null;
+    try {
+      if (!solanaWallet.value) throw noModal.WalletInitializationError.notReady();
+      const signedTransaction = await solanaWallet.value.signTransaction(transaction);
+      data.value = signedTransaction;
+      return signedTransaction;
+    } catch (err) {
+      error.value = err;
+    } finally {
+      loading.value = false;
+    }
+  };
+  return {
+    loading,
+    error,
+    data,
+    signTransaction
+  };
+};
+
+exports.useSignTransaction = useSignTransaction;

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

@@ -0,0 +1,53 @@
+'use strict';
+
+var web3_js = require('@solana/web3.js');
+var noModal = require('@web3auth/no-modal');
+var vue = require('vue');
+require('@web3auth/no-modal/vue');
+var useWeb3Auth = require('../../composables/useWeb3Auth.js');
+
+const useSolanaWallet = () => {
+  const {
+    provider,
+    web3Auth
+  } = useWeb3Auth.useWeb3Auth();
+  const accounts = vue.ref([]);
+  const solanaWallet = vue.shallowRef(null);
+  const connection = vue.shallowRef(null);
+  const setupWallet = async () => {
+    var _web3Auth$value;
+    solanaWallet.value = new noModal.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 web3_js.Connection((_web3Auth$value = web3Auth.value) === null || _web3Auth$value === void 0 || (_web3Auth$value = _web3Auth$value.currentChain) === null || _web3Auth$value === void 0 ? void 0 : _web3Auth$value.rpcTarget);
+  };
+  if (provider.value && !solanaWallet.value) {
+    setupWallet();
+  }
+  vue.watch(provider, async newVal => {
+    var _web3Auth$value2;
+    if (!((_web3Auth$value2 = web3Auth.value) !== null && _web3Auth$value2 !== void 0 && (_web3Auth$value2 = _web3Auth$value2.currentChain) !== null && _web3Auth$value2 !== void 0 && _web3Auth$value2.chainNamespace) || web3Auth.value.currentChain.chainNamespace !== noModal.CHAIN_NAMESPACES.SOLANA) {
+      return;
+    }
+    if (!newVal && solanaWallet.value) {
+      solanaWallet.value = null;
+      accounts.value = null;
+      connection.value = null;
+      return;
+    }
+    if (newVal && !solanaWallet.value) {
+      setupWallet();
+    }
+  }, {
+    immediate: true
+  });
+  return {
+    solanaWallet,
+    accounts,
+    connection
+  };
+};
+
+exports.useSolanaWallet = useSolanaWallet;

package/dist/lib.cjs/packages/modal/src/vue/solana/index.js

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

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

@@ -0,0 +1,16 @@
+'use strict';
+
+var vue = require('@wagmi/vue');
+var chains = require('@wagmi/vue/chains');
+
+const defaultWagmiConfig = vue.createConfig({
+  chains: [chains.mainnet],
+  connectors: [],
+  // or your basic wallets
+  ssr: true,
+  transports: {
+    [chains.mainnet.id]: vue.http(chains.mainnet.rpcUrls.default.http[0])
+  }
+});
+
+exports.defaultWagmiConfig = defaultWagmiConfig;

package/dist/lib.cjs/packages/modal/src/vue/wagmi/index.js

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