@web3auth/no-modal 10.0.0-beta.1 → 10.0.0-beta.10

package/dist/lib.esm/react/no-modal/hooks/useWeb3Auth.js

@@ -1,24 +0,0 @@
-import { useContext } from 'react';
-import '@toruslabs/base-controllers';
-import '@babel/runtime/helpers/defineProperty';
-import '@web3auth/auth';
-import { WalletInitializationError } from '../../../base/errors/index.js';
-import '../../../base/wallet/index.js';
-import '../../../base/connector/constants.js';
-import 'jwt-decode';
-import '../../../base/loglevel.js';
-import '../../../base/plugin/errors.js';
-import '../../../base/plugin/IPlugin.js';
-import '@toruslabs/constants';
-import '@toruslabs/http-helpers';
-import { Web3AuthInnerContext } from '../Web3AuthInnerContext.js';
-
-const useWeb3Auth = () => {
-  const context = useContext(Web3AuthInnerContext);
-  if (!context) {
-    throw WalletInitializationError.fromCode(1000, "usage of useWeb3Auth not wrapped in `Web3AuthContextProvider`.");
-  }
-  return context;
-};
-
-export { useWeb3Auth };

package/dist/lib.esm/react/wallet-services-plugin/WalletServicesContext.js

@@ -1,95 +0,0 @@
-import { createContext, useState, useContext, useEffect, useCallback, useMemo, createElement } from 'react';
-import '@toruslabs/base-controllers';
-import '@babel/runtime/helpers/defineProperty';
-import '@web3auth/auth';
-import '../../base/errors/index.js';
-import '../../base/wallet/index.js';
-import { CONNECTOR_STATUS } from '../../base/connector/constants.js';
-import 'jwt-decode';
-import '../../base/loglevel.js';
-import { WalletServicesPluginError } from '../../base/plugin/errors.js';
-import { EVM_PLUGINS, PLUGIN_EVENTS } from '../../base/plugin/IPlugin.js';
-import '@toruslabs/constants';
-import '@toruslabs/http-helpers';
-
-const WalletServicesContext = createContext(null);
-function WalletServicesContextProvider({
-  children,
-  context
-}) {
-  const [isPluginConnected, setIsPluginConnected] = useState(false);
-  const [walletServicesPlugin, setWalletServicesPlugin] = useState(null);
-  const web3AuthContext = useContext(context);
-  const {
-    getPlugin,
-    isInitialized,
-    isConnected
-  } = web3AuthContext;
-  useEffect(() => {
-    if (isInitialized) {
-      const plugin = getPlugin(EVM_PLUGINS.WALLET_SERVICES);
-      setWalletServicesPlugin(plugin);
-    }
-  }, [isInitialized, getPlugin]);
-  useEffect(() => {
-    if (isConnected) {
-      const plugin = getPlugin(EVM_PLUGINS.WALLET_SERVICES);
-      if (!walletServicesPlugin) setWalletServicesPlugin(plugin);
-      // when rehydrating, the connectedListener may be registered after the connected event is emitted, we need to check the status here
-      if ((walletServicesPlugin === null || walletServicesPlugin === void 0 ? void 0 : walletServicesPlugin.status) === CONNECTOR_STATUS.CONNECTED) setIsPluginConnected(true);
-    }
-  }, [isConnected, getPlugin, walletServicesPlugin]);
-  useEffect(() => {
-    const connectedListener = () => {
-      setIsPluginConnected(true);
-    };
-    const disconnectedListener = () => {
-      setIsPluginConnected(false);
-    };
-    if (walletServicesPlugin) {
-      walletServicesPlugin.on(PLUGIN_EVENTS.CONNECTED, connectedListener);
-      walletServicesPlugin.on(PLUGIN_EVENTS.DISCONNECTED, disconnectedListener);
-    }
-    return () => {
-      if (walletServicesPlugin) {
-        walletServicesPlugin.off(PLUGIN_EVENTS.CONNECTED, connectedListener);
-        walletServicesPlugin.off(PLUGIN_EVENTS.DISCONNECTED, disconnectedListener);
-      }
-    };
-  }, [walletServicesPlugin]);
-  const showWalletConnectScanner = useCallback(async showWalletConnectParams => {
-    if (!walletServicesPlugin) throw WalletServicesPluginError.notInitialized();
-    if (!isPluginConnected) throw WalletServicesPluginError.walletPluginNotConnected();
-    return walletServicesPlugin.showWalletConnectScanner(showWalletConnectParams);
-  }, [walletServicesPlugin, isPluginConnected]);
-  const showWalletUI = useCallback(async showWalletUiParams => {
-    if (!walletServicesPlugin) throw WalletServicesPluginError.notInitialized();
-    if (!isPluginConnected) throw WalletServicesPluginError.walletPluginNotConnected();
-    return walletServicesPlugin.showWalletUi(showWalletUiParams);
-  }, [walletServicesPlugin, isPluginConnected]);
-  const showCheckout = useCallback(async showCheckoutParams => {
-    if (!walletServicesPlugin) throw WalletServicesPluginError.notInitialized();
-    if (!isPluginConnected) throw WalletServicesPluginError.walletPluginNotConnected();
-    return walletServicesPlugin.showCheckout(showCheckoutParams);
-  }, [walletServicesPlugin, isPluginConnected]);
-  const showSwap = useCallback(async showSwapParams => {
-    if (!walletServicesPlugin) throw WalletServicesPluginError.notInitialized();
-    if (!isPluginConnected) throw WalletServicesPluginError.walletPluginNotConnected();
-    return walletServicesPlugin.showSwap(showSwapParams);
-  }, [walletServicesPlugin, isPluginConnected]);
-  const value = useMemo(() => {
-    return {
-      plugin: walletServicesPlugin,
-      isPluginConnected,
-      showWalletConnectScanner,
-      showCheckout,
-      showWalletUI,
-      showSwap
-    };
-  }, [walletServicesPlugin, isPluginConnected, showWalletConnectScanner, showCheckout, showWalletUI, showSwap]);
-  return createElement(WalletServicesContext.Provider, {
-    value
-  }, children);
-}
-
-export { WalletServicesContext, WalletServicesContextProvider };

package/dist/lib.esm/react/wallet-services-plugin/WalletServicesProvider.js

@@ -1,14 +0,0 @@
-import { createElement } from 'react';
-import { WalletServicesContextProvider } from './WalletServicesContext.js';
-
-function WalletServicesProvider({
-  children,
-  context
-}) {
-  const wsElement = createElement(WalletServicesContextProvider, {
-    context
-  }, children);
-  return wsElement;
-}
-
-export { WalletServicesProvider };

package/dist/lib.esm/react/wallet-services-plugin/hooks/useWalletServicesPlugin.js

@@ -1,24 +0,0 @@
-import { useContext } from 'react';
-import '@toruslabs/base-controllers';
-import '@babel/runtime/helpers/defineProperty';
-import '@web3auth/auth';
-import { WalletInitializationError } from '../../../base/errors/index.js';
-import '../../../base/wallet/index.js';
-import '../../../base/connector/constants.js';
-import 'jwt-decode';
-import '../../../base/loglevel.js';
-import '../../../base/plugin/errors.js';
-import '../../../base/plugin/IPlugin.js';
-import '@toruslabs/constants';
-import '@toruslabs/http-helpers';
-import { WalletServicesContext } from '../WalletServicesContext.js';
-
-const useWalletServicesPlugin = () => {
-  const context = useContext(WalletServicesContext);
-  if (!context) {
-    throw WalletInitializationError.fromCode(1000, "usage of useWalletServicesPlugin not wrapped in `WalletServicesContextProvider`.");
-  }
-  return context;
-};
-
-export { useWalletServicesPlugin };

package/dist/lib.esm/vue/no-modal/Web3AuthProvider.js

@@ -1,203 +0,0 @@
-import { defineComponent, h, shallowRef, ref, watch, provide } from 'vue';
-import '@toruslabs/base-controllers';
-import { Web3AuthContextKey } from '../../base/composables/index.js';
-import '@babel/runtime/helpers/defineProperty';
-import '@web3auth/auth';
-import { WalletInitializationError, WalletLoginError } from '../../base/errors/index.js';
-import '../../base/wallet/index.js';
-import { CONNECTOR_EVENTS, CONNECTOR_STATUS } from '../../base/connector/constants.js';
-import 'jwt-decode';
-import '../../base/loglevel.js';
-import '../../base/plugin/errors.js';
-import '../../base/plugin/IPlugin.js';
-import '@toruslabs/constants';
-import '@toruslabs/http-helpers';
-import { Web3AuthNoModal } from '../../noModal.js';
-
-const Web3AuthProvider = defineComponent({
-  name: "Web3AuthProvider",
-  props: {
-    config: {
-      type: Object,
-      required: true
-    }
-  },
-  setup(props) {
-    const web3Auth = shallowRef(null);
-    const provider = ref(null);
-    const userInfo = ref(null);
-    const isMFAEnabled = ref(false);
-    const status = ref(null);
-    const isInitializing = ref(false);
-    const initError = ref(null);
-    const isInitialized = ref(false);
-    const isConnecting = ref(false);
-    const connectError = ref(null);
-    const isConnected = ref(false);
-    const getPlugin = name => {
-      if (!web3Auth.value) throw WalletInitializationError.notReady();
-      return web3Auth.value.getPlugin(name);
-    };
-    const enableMFA = async loginParams => {
-      if (!web3Auth.value) throw WalletInitializationError.notReady();
-      if (!isConnected.value) throw WalletLoginError.notConnectedError();
-      await web3Auth.value.enableMFA(loginParams);
-      const localUserInfo = await web3Auth.value.getUserInfo();
-      userInfo.value = localUserInfo;
-      isMFAEnabled.value = localUserInfo.isMfaEnabled || false;
-    };
-    const manageMFA = async loginParams => {
-      if (!web3Auth.value) throw WalletInitializationError.notReady();
-      if (!isConnected.value) throw WalletLoginError.notConnectedError();
-      await web3Auth.value.manageMFA(loginParams);
-    };
-    const logout = async (logoutParams = {
-      cleanup: false
-    }) => {
-      if (!web3Auth.value) throw WalletInitializationError.notReady();
-      if (!isConnected.value) throw WalletLoginError.notConnectedError();
-      await web3Auth.value.logout(logoutParams);
-    };
-    const connectTo = async (walletName, loginParams) => {
-      if (!web3Auth.value) throw WalletInitializationError.notReady();
-      try {
-        connectError.value = null;
-        isConnecting.value = true;
-        const localProvider = await web3Auth.value.connectTo(walletName, loginParams);
-        return localProvider;
-      } catch (error) {
-        connectError.value = error;
-      } finally {
-        isConnecting.value = false;
-      }
-    };
-    const authenticateUser = async () => {
-      if (!web3Auth.value) throw WalletInitializationError.notReady();
-      return web3Auth.value.authenticateUser();
-    };
-    const switchChain = chainParams => {
-      if (!web3Auth.value) throw WalletInitializationError.notReady();
-      return web3Auth.value.switchChain(chainParams);
-    };
-    watch(() => props.config, newConfig => {
-      const resetHookState = () => {
-        provider.value = null;
-        userInfo.value = null;
-        isMFAEnabled.value = false;
-        isConnected.value = false;
-        status.value = null;
-      };
-      resetHookState();
-      const {
-        web3AuthOptions
-      } = newConfig;
-      const web3AuthInstance = new Web3AuthNoModal(web3AuthOptions);
-      web3Auth.value = web3AuthInstance;
-    }, {
-      immediate: true
-    });
-    watch(web3Auth, async newWeb3Auth => {
-      if (newWeb3Auth) {
-        try {
-          initError.value = null;
-          isInitializing.value = true;
-          await newWeb3Auth.init();
-        } catch (error) {
-          initError.value = error;
-        } finally {
-          isInitializing.value = false;
-        }
-      }
-    }, {
-      immediate: true
-    });
-    watch(isConnected, () => {
-      if (web3Auth.value) {
-        const addState = async web3AuthInstance => {
-          provider.value = web3AuthInstance.provider;
-          const userState = await web3AuthInstance.getUserInfo();
-          userInfo.value = userState;
-          isMFAEnabled.value = (userState === null || userState === void 0 ? void 0 : userState.isMfaEnabled) || false;
-        };
-        const resetState = () => {
-          provider.value = null;
-          userInfo.value = null;
-          isMFAEnabled.value = false;
-        };
-        if (isConnected.value) addState(web3Auth.value);else resetState();
-      }
-    });
-    watch(web3Auth, (newWeb3Auth, prevWeb3Auth) => {
-      const notReadyListener = () => status.value = web3Auth.value.status;
-      const readyListener = () => {
-        status.value = web3Auth.value.status;
-        isInitialized.value = true;
-      };
-      const connectedListener = () => {
-        status.value = web3Auth.value.status;
-        // we do this because of rehydration issues. status connected is fired first but web3auth sdk is not ready yet.
-        if (web3Auth.value.status === CONNECTOR_STATUS.CONNECTED) {
-          isInitialized.value = true;
-          isConnected.value = true;
-        }
-      };
-      const disconnectedListener = () => {
-        status.value = web3Auth.value.status;
-        isConnected.value = false;
-      };
-      const connectingListener = () => {
-        status.value = web3Auth.value.status;
-      };
-      const errorListener = () => {
-        status.value = CONNECTOR_EVENTS.ERRORED;
-      };
-      // unregister previous listeners
-      if (prevWeb3Auth && newWeb3Auth !== prevWeb3Auth) {
-        prevWeb3Auth.off(CONNECTOR_EVENTS.NOT_READY, notReadyListener);
-        prevWeb3Auth.off(CONNECTOR_EVENTS.READY, readyListener);
-        prevWeb3Auth.off(CONNECTOR_EVENTS.CONNECTED, connectedListener);
-        prevWeb3Auth.off(CONNECTOR_EVENTS.DISCONNECTED, disconnectedListener);
-        prevWeb3Auth.off(CONNECTOR_EVENTS.CONNECTING, connectingListener);
-        prevWeb3Auth.off(CONNECTOR_EVENTS.ERRORED, errorListener);
-      }
-      if (newWeb3Auth && newWeb3Auth !== prevWeb3Auth) {
-        status.value = newWeb3Auth.status;
-        // web3Auth is initialized here.
-        newWeb3Auth.on(CONNECTOR_EVENTS.NOT_READY, notReadyListener);
-        newWeb3Auth.on(CONNECTOR_EVENTS.READY, readyListener);
-        newWeb3Auth.on(CONNECTOR_EVENTS.CONNECTED, connectedListener);
-        newWeb3Auth.on(CONNECTOR_EVENTS.DISCONNECTED, disconnectedListener);
-        newWeb3Auth.on(CONNECTOR_EVENTS.CONNECTING, connectingListener);
-        newWeb3Auth.on(CONNECTOR_EVENTS.ERRORED, errorListener);
-      }
-    }, {
-      immediate: true
-    });
-    provide(Web3AuthContextKey, {
-      web3Auth,
-      isConnected,
-      isInitialized,
-      provider,
-      userInfo,
-      isMFAEnabled,
-      status,
-      getPlugin,
-      connectTo,
-      enableMFA,
-      manageMFA,
-      logout,
-      authenticateUser,
-      switchChain,
-      isInitializing,
-      isConnecting,
-      initError,
-      connectError
-    });
-  },
-  render() {
-    var _this$$slots$default;
-    return h((_this$$slots$default = this.$slots.default) !== null && _this$$slots$default !== void 0 ? _this$$slots$default : "");
-  }
-});
-
-export { Web3AuthProvider };

package/dist/lib.esm/vue/no-modal/composables/useWeb3Auth.js

@@ -1,22 +0,0 @@
-import { inject } from 'vue';
-import '@toruslabs/base-controllers';
-import { Web3AuthContextKey } from '../../../base/composables/index.js';
-import '@babel/runtime/helpers/defineProperty';
-import '@web3auth/auth';
-import { WalletInitializationError } from '../../../base/errors/index.js';
-import '../../../base/wallet/index.js';
-import '../../../base/connector/constants.js';
-import 'jwt-decode';
-import '../../../base/loglevel.js';
-import '../../../base/plugin/errors.js';
-import '../../../base/plugin/IPlugin.js';
-import '@toruslabs/constants';
-import '@toruslabs/http-helpers';
-
-const useWeb3Auth = () => {
-  const context = inject(Web3AuthContextKey);
-  if (!context) throw WalletInitializationError.fromCode(1000, "usage of `useWeb3Auth` not wrapped in `Web3AuthProvider`.");
-  return context;
-};
-
-export { useWeb3Auth };

package/dist/lib.esm/vue/wallet-services-plugin/WalletServicesProvider.js

@@ -1,96 +0,0 @@
-import { defineComponent, h, inject, ref, watch, provide } from 'vue';
-import '@toruslabs/base-controllers';
-import { Web3AuthContextKey } from '../../base/composables/index.js';
-import '@babel/runtime/helpers/defineProperty';
-import '@web3auth/auth';
-import '../../base/errors/index.js';
-import '../../base/wallet/index.js';
-import { CONNECTOR_STATUS } from '../../base/connector/constants.js';
-import 'jwt-decode';
-import '../../base/loglevel.js';
-import { WalletServicesPluginError } from '../../base/plugin/errors.js';
-import { EVM_PLUGINS, PLUGIN_EVENTS } from '../../base/plugin/IPlugin.js';
-import '@toruslabs/constants';
-import '@toruslabs/http-helpers';
-import { WalletServicesContextKey } from './context.js';
-
-const WalletServicesProvider = defineComponent({
-  name: "WalletServicesProvider",
-  setup() {
-    const web3AuthContext = inject(Web3AuthContextKey);
-    if (!web3AuthContext) throw WalletServicesPluginError.fromCode(1000, "`WalletServicesProvider` must be wrapped by `Web3AuthProvider`");
-    const {
-      getPlugin,
-      isInitialized,
-      isConnected
-    } = web3AuthContext;
-    const walletServicesPlugin = ref(null);
-    const isPluginConnected = ref(false);
-    watch(isInitialized, newIsInitialized => {
-      if (newIsInitialized) {
-        const plugin = getPlugin(EVM_PLUGINS.WALLET_SERVICES);
-        walletServicesPlugin.value = plugin;
-      }
-    });
-    watch(isConnected, newIsConnected => {
-      if (newIsConnected) {
-        var _walletServicesPlugin;
-        const plugin = getPlugin(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) === CONNECTOR_STATUS.CONNECTED) isPluginConnected.value = true;
-      }
-    });
-    watch(walletServicesPlugin, (newWalletServicesPlugin, prevWalletServicesPlugin) => {
-      const connectedListener = () => {
-        isPluginConnected.value = true;
-      };
-      const disconnectedListener = () => {
-        isPluginConnected.value = false;
-      };
-      // unregister previous listeners
-      if (prevWalletServicesPlugin && newWalletServicesPlugin !== prevWalletServicesPlugin) {
-        prevWalletServicesPlugin.off(PLUGIN_EVENTS.CONNECTED, connectedListener);
-        prevWalletServicesPlugin.off(PLUGIN_EVENTS.DISCONNECTED, disconnectedListener);
-      }
-      if (newWalletServicesPlugin && newWalletServicesPlugin !== prevWalletServicesPlugin) {
-        newWalletServicesPlugin.on(PLUGIN_EVENTS.CONNECTED, connectedListener);
-        newWalletServicesPlugin.on(PLUGIN_EVENTS.DISCONNECTED, disconnectedListener);
-      }
-    });
-    const showWalletConnectScanner = async showWalletConnectScannerParams => {
-      if (!walletServicesPlugin.value) throw WalletServicesPluginError.notInitialized();
-      if (!isPluginConnected.value) throw WalletServicesPluginError.walletPluginNotConnected();
-      return walletServicesPlugin.value.showWalletConnectScanner(showWalletConnectScannerParams);
-    };
-    const showWalletUI = async showWalletUiParams => {
-      if (!walletServicesPlugin.value) throw WalletServicesPluginError.notInitialized();
-      if (!isPluginConnected.value) throw WalletServicesPluginError.walletPluginNotConnected();
-      return walletServicesPlugin.value.showWalletUi(showWalletUiParams);
-    };
-    const showCheckout = async showCheckoutParams => {
-      if (!walletServicesPlugin.value) throw WalletServicesPluginError.notInitialized();
-      if (!isPluginConnected.value) throw WalletServicesPluginError.walletPluginNotConnected();
-      return walletServicesPlugin.value.showCheckout(showCheckoutParams);
-    };
-    const showSwap = async showSwapParams => {
-      if (!walletServicesPlugin.value) throw WalletServicesPluginError.notInitialized();
-      if (!isPluginConnected.value) throw WalletServicesPluginError.walletPluginNotConnected();
-      return walletServicesPlugin.value.showSwap(showSwapParams);
-    };
-    provide(WalletServicesContextKey, {
-      plugin: walletServicesPlugin,
-      isPluginConnected,
-      showWalletConnectScanner,
-      showCheckout,
-      showWalletUI,
-      showSwap
-    });
-  },
-  render() {
-    var _this$$slots$default;
-    return h((_this$$slots$default = this.$slots.default) !== null && _this$$slots$default !== void 0 ? _this$$slots$default : "");
-  }
-});
-
-export { WalletServicesProvider };

package/dist/lib.esm/vue/wallet-services-plugin/composables/useWalletServicesPlugin.js

@@ -1,22 +0,0 @@
-import { inject } from 'vue';
-import '@toruslabs/base-controllers';
-import '@babel/runtime/helpers/defineProperty';
-import '@web3auth/auth';
-import '../../../base/errors/index.js';
-import '../../../base/wallet/index.js';
-import '../../../base/connector/constants.js';
-import 'jwt-decode';
-import '../../../base/loglevel.js';
-import { WalletServicesPluginError } from '../../../base/plugin/errors.js';
-import '../../../base/plugin/IPlugin.js';
-import '@toruslabs/constants';
-import '@toruslabs/http-helpers';
-import { WalletServicesContextKey } from '../context.js';
-
-const useWalletServicesPlugin = () => {
-  const context = inject(WalletServicesContextKey);
-  if (!context) throw WalletServicesPluginError.fromCode(1000, "usage of `useWalletServicesPlugin` not wrapped in `WalletServicesProvider`.");
-  return context;
-};
-
-export { useWalletServicesPlugin };