@web3auth/modal 10.16.0 → 11.0.0-beta.1

package/dist/lib.esm/packages/modal/src/ui/components/Widget/Widget.js

@@ -1,253 +0,0 @@
-import _objectSpread from '@babel/runtime/helpers/objectSpread2';
-import { BUILD_ENV, WEB3AUTH_NETWORK, AUTH_CONNECTION } from '@web3auth/auth';
-import { WIDGET_TYPE, CONNECTOR_INITIAL_AUTHENTICATION_MODE, log, cloneDeep, WALLET_CONNECTORS, CONNECTOR_NAMES } from '@web3auth/no-modal';
-import deepmerge from 'deepmerge';
-import { useMemo, useState, useEffect } from 'react';
-import { PAGES } from '../../constants.js';
-import { MODAL_STATUS } from '../../interfaces.js';
-import Embed from '../Embed/Embed.js';
-import Modal from '../Modal/Modal.js';
-import Root from '../Root/Root.js';
-import { jsx } from 'react/jsx-runtime';
-
-function Widget(props) {
-  const {
-    stateListener,
-    handleSocialLoginClick,
-    handleExternalWalletClick,
-    handleMobileVerifyConnect,
-    handleShowExternalWallets,
-    closeModal,
-    appLogo,
-    appName,
-    chainNamespaces,
-    walletRegistry,
-    uiConfig,
-    deviceDetails,
-    initialAuthenticationMode
-  } = props;
-  const {
-    widgetType
-  } = uiConfig;
-  const visible = useMemo(() => widgetType === WIDGET_TYPE.EMBED, [widgetType]);
-  const [modalState, setModalState] = useState({
-    externalWalletsVisibility: false,
-    status: MODAL_STATUS.INITIALIZED,
-    hasExternalWallets: false,
-    externalWalletsInitialized: false,
-    modalVisibility: false,
-    modalVisibilityDelayed: false,
-    postLoadingMessage: "",
-    walletConnectUri: "",
-    metamaskConnectUri: "",
-    socialLoginsConfig: {
-      loginMethods: {},
-      loginMethodsOrder: [],
-      connector: "",
-      uiConfig: {}
-    },
-    externalWalletsConfig: {},
-    showExternalWalletsOnly: false,
-    currentPage: PAGES.LOGIN,
-    detailedLoaderConnector: "",
-    detailedLoaderConnectorName: "",
-    web3authClientId: "",
-    web3authNetwork: WEB3AUTH_NETWORK.SAPPHIRE_MAINNET,
-    authBuildEnv: BUILD_ENV.PRODUCTION
-  });
-  const isConnectAndSignAuthenticationMode = useMemo(() => initialAuthenticationMode === CONNECTOR_INITIAL_AUTHENTICATION_MODE.CONNECT_AND_SIGN, [initialAuthenticationMode]);
-  useEffect(() => {
-    setModalState(prev => _objectSpread(_objectSpread({}, prev), {}, {
-      modalVisibility: visible
-    }));
-  }, [visible]);
-  useEffect(() => {
-    stateListener.on("STATE_UPDATED", newModalState => {
-      log.debug("state updated", newModalState);
-      setModalState(prevState => {
-        const mergedState = cloneDeep(deepmerge(prevState, newModalState, {
-          arrayMerge: (_prevState, newState) => newState
-        }));
-        return mergedState;
-      });
-    });
-    stateListener.emit("MOUNTED");
-  }, [stateListener]);
-  const preHandleExternalWalletClick = params => {
-    const {
-      connector
-    } = params;
-    setModalState(prevState => _objectSpread(_objectSpread({}, prevState), {}, {
-      detailedLoaderConnector: connector,
-      detailedLoaderConnectorName: CONNECTOR_NAMES[connector]
-    }));
-
-    // Call the passed-in handler with the params
-    if (handleExternalWalletClick) handleExternalWalletClick(params);
-  };
-  const preHandleSocialWalletClick = params => {
-    const {
-      loginParams
-    } = params;
-    setModalState(prevState => {
-      return _objectSpread(_objectSpread({}, prevState), {}, {
-        detailedLoaderConnector: loginParams.authConnection,
-        detailedLoaderConnectorName: loginParams.name
-      });
-    });
-    handleSocialLoginClick(params);
-  };
-
-  // Memo for checking if social logins are visible
-  const areSocialLoginsVisible = useMemo(() => {
-    var _modalState$socialLog, _modalState$socialLog2;
-    if (modalState.showExternalWalletsOnly) return false;
-    if (Object.keys(((_modalState$socialLog = modalState.socialLoginsConfig) === null || _modalState$socialLog === void 0 ? void 0 : _modalState$socialLog.loginMethods) || {}).length === 0) return false;
-    const isAnySocialLoginVisible = Object.entries(((_modalState$socialLog2 = modalState.socialLoginsConfig) === null || _modalState$socialLog2 === void 0 ? void 0 : _modalState$socialLog2.loginMethods) || {}).some(([k, v]) => ![AUTH_CONNECTION.EMAIL_PASSWORDLESS, AUTH_CONNECTION.SMS_PASSWORDLESS].includes(k) && v.showOnModal !== false);
-    return isAnySocialLoginVisible;
-  }, [modalState]);
-
-  // Memo for checking if email passwordless login is visible
-  const isEmailPasswordLessLoginVisible = useMemo(() => {
-    var _modalState$socialLog3;
-    return (_modalState$socialLog3 = modalState.socialLoginsConfig) === null || _modalState$socialLog3 === void 0 || (_modalState$socialLog3 = _modalState$socialLog3.loginMethods[AUTH_CONNECTION.EMAIL_PASSWORDLESS]) === null || _modalState$socialLog3 === void 0 ? void 0 : _modalState$socialLog3.showOnModal;
-  }, [modalState.socialLoginsConfig]);
-
-  // Memo for checking if SMS passwordless login is visible
-  const isSmsPasswordLessLoginVisible = useMemo(() => {
-    var _modalState$socialLog4;
-    return (_modalState$socialLog4 = modalState.socialLoginsConfig) === null || _modalState$socialLog4 === void 0 || (_modalState$socialLog4 = _modalState$socialLog4.loginMethods[AUTH_CONNECTION.SMS_PASSWORDLESS]) === null || _modalState$socialLog4 === void 0 ? void 0 : _modalState$socialLog4.showOnModal;
-  }, [modalState.socialLoginsConfig]);
-  const isEmailPrimary = useMemo(() => {
-    var _modalState$socialLog5;
-    return ((_modalState$socialLog5 = modalState.socialLoginsConfig) === null || _modalState$socialLog5 === void 0 || (_modalState$socialLog5 = _modalState$socialLog5.uiConfig) === null || _modalState$socialLog5 === void 0 ? void 0 : _modalState$socialLog5.primaryButton) === "emailLogin";
-  }, [modalState.socialLoginsConfig]);
-  const isExternalPrimary = useMemo(() => {
-    var _modalState$socialLog6;
-    return ((_modalState$socialLog6 = modalState.socialLoginsConfig) === null || _modalState$socialLog6 === void 0 || (_modalState$socialLog6 = _modalState$socialLog6.uiConfig) === null || _modalState$socialLog6 === void 0 ? void 0 : _modalState$socialLog6.primaryButton) === "externalLogin";
-  }, [modalState.socialLoginsConfig]);
-  const showPasswordLessInput = useMemo(() => isEmailPasswordLessLoginVisible || isSmsPasswordLessLoginVisible, [isEmailPasswordLessLoginVisible, isSmsPasswordLessLoginVisible]);
-  const showExternalWalletButton = useMemo(() => modalState.hasExternalWallets || !!modalState.externalWalletsConfig[WALLET_CONNECTORS.METAMASK], [modalState]);
-  const showExternalWalletPage = useMemo(() => (areSocialLoginsVisible || showPasswordLessInput || !!modalState.externalWalletsConfig[WALLET_CONNECTORS.METAMASK]) && !modalState.externalWalletsVisibility, [areSocialLoginsVisible, showPasswordLessInput, modalState]);
-  const handleExternalWalletBtnClick = flag => {
-    setModalState(prevState => {
-      return _objectSpread(_objectSpread({}, prevState), {}, {
-        externalWalletsVisibility: flag
-      });
-    });
-    if (flag && handleShowExternalWallets) handleShowExternalWallets(modalState.externalWalletsInitialized);
-  };
-  const onCloseModal = () => {
-    setModalState(prevState => _objectSpread(_objectSpread({}, prevState), {}, {
-      externalWalletsVisibility: false,
-      modalVisibility: false,
-      currentPage: PAGES.LOGIN
-    }));
-    closeModal();
-  };
-  const onCloseLoader = () => {
-    if (!isConnectAndSignAuthenticationMode && modalState.status === MODAL_STATUS.CONNECTED) {
-      setModalState(_objectSpread(_objectSpread({}, modalState), {}, {
-        modalVisibility: false,
-        externalWalletsVisibility: false
-      }));
-    }
-    if (isConnectAndSignAuthenticationMode && modalState.status === MODAL_STATUS.AUTHORIZED) {
-      setModalState(_objectSpread(_objectSpread({}, modalState), {}, {
-        modalVisibility: false,
-        externalWalletsVisibility: false
-      }));
-    }
-    if (modalState.status === MODAL_STATUS.ERRORED) {
-      setModalState(_objectSpread(_objectSpread({}, modalState), {}, {
-        modalVisibility: true,
-        status: MODAL_STATUS.INITIALIZED
-      }));
-    }
-  };
-  const showCloseIcon = useMemo(() => {
-    return modalState.status === MODAL_STATUS.INITIALIZED || modalState.status === MODAL_STATUS.CONNECTED || modalState.status === MODAL_STATUS.ERRORED || modalState.status === MODAL_STATUS.AUTHORIZED;
-  }, [modalState.status]);
-  useEffect(() => {
-    // TODO: maybe move this inside root
-    if (!modalState.modalVisibility) return;
-    if (typeof modalState.externalWalletsConfig === "object") {
-      var _modalState$externalW;
-      // auto connect to WC if not injected to generate QR code URI for mobile connection
-      const wcAvailable = (((_modalState$externalW = modalState.externalWalletsConfig[WALLET_CONNECTORS.WALLET_CONNECT_V2]) === null || _modalState$externalW === void 0 ? void 0 : _modalState$externalW.showOnModal) || false) !== false;
-      if (wcAvailable && !modalState.walletConnectUri && typeof handleExternalWalletClick === "function") {
-        handleExternalWalletClick({
-          connector: WALLET_CONNECTORS.WALLET_CONNECT_V2
-        });
-      }
-    }
-  }, [modalState, handleExternalWalletClick]);
-  if (widgetType === WIDGET_TYPE.MODAL) {
-    return /*#__PURE__*/jsx(Modal, {
-      open: modalState.modalVisibility,
-      placement: "center",
-      padding: false,
-      showCloseIcon: showCloseIcon,
-      onClose: onCloseModal,
-      borderRadius: uiConfig.borderRadiusType,
-      children: modalState.modalVisibility && /*#__PURE__*/jsx(Root, {
-        appLogo: appLogo,
-        appName: appName,
-        chainNamespaces: chainNamespaces,
-        walletRegistry: walletRegistry,
-        showPasswordLessInput: showPasswordLessInput,
-        showExternalWalletButton: showExternalWalletButton,
-        handleSocialLoginClick: params => preHandleSocialWalletClick(params),
-        socialLoginsConfig: modalState.socialLoginsConfig,
-        areSocialLoginsVisible: areSocialLoginsVisible,
-        isEmailPrimary: isEmailPrimary,
-        isExternalPrimary: isExternalPrimary,
-        showExternalWalletPage: showExternalWalletPage,
-        handleExternalWalletBtnClick: handleExternalWalletBtnClick,
-        modalState: modalState,
-        preHandleExternalWalletClick: preHandleExternalWalletClick,
-        setModalState: setModalState,
-        onCloseLoader: onCloseLoader,
-        isEmailPasswordLessLoginVisible: isEmailPasswordLessLoginVisible,
-        isSmsPasswordLessLoginVisible: isSmsPasswordLessLoginVisible,
-        uiConfig: uiConfig,
-        deviceDetails: deviceDetails,
-        isConnectAndSignAuthenticationMode: isConnectAndSignAuthenticationMode,
-        handleMobileVerifyConnect: handleMobileVerifyConnect
-      })
-    });
-  }
-  return /*#__PURE__*/jsx(Embed, {
-    open: modalState.modalVisibility,
-    padding: false,
-    onClose: onCloseModal,
-    borderRadius: uiConfig.borderRadiusType,
-    children: modalState.modalVisibility && /*#__PURE__*/jsx(Root, {
-      chainNamespaces: chainNamespaces,
-      walletRegistry: walletRegistry,
-      appLogo: appLogo,
-      appName: appName,
-      showPasswordLessInput: showPasswordLessInput,
-      showExternalWalletButton: showExternalWalletButton,
-      handleSocialLoginClick: params => preHandleSocialWalletClick(params),
-      socialLoginsConfig: modalState.socialLoginsConfig,
-      areSocialLoginsVisible: areSocialLoginsVisible,
-      isEmailPrimary: isEmailPrimary,
-      isExternalPrimary: isExternalPrimary,
-      showExternalWalletPage: showExternalWalletPage,
-      handleExternalWalletBtnClick: handleExternalWalletBtnClick,
-      modalState: modalState,
-      preHandleExternalWalletClick: preHandleExternalWalletClick,
-      setModalState: setModalState,
-      onCloseLoader: onCloseLoader,
-      isEmailPasswordLessLoginVisible: isEmailPasswordLessLoginVisible,
-      isSmsPasswordLessLoginVisible: isSmsPasswordLessLoginVisible,
-      uiConfig: uiConfig,
-      deviceDetails: deviceDetails,
-      isConnectAndSignAuthenticationMode: isConnectAndSignAuthenticationMode,
-      handleMobileVerifyConnect: handleMobileVerifyConnect
-    })
-  });
-}
-
-export { Widget as default };

package/dist/lib.esm/packages/modal/src/ui/context/ThemeContext.js

@@ -1,7 +0,0 @@
-import { createContext } from 'react';
-
-const ThemedContext = /*#__PURE__*/createContext({
-  isDark: true // default value
-});
-
-export { ThemedContext };

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

@@ -1,11 +0,0 @@
-import { useWeb3AuthInner } from './useWeb3AuthInner.js';
-
-const useChain = () => {
-  const context = useWeb3AuthInner();
-  return {
-    chainId: context.chainId,
-    chainNamespace: context.chainNamespace
-  };
-};
-
-export { useChain };

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

@@ -1,33 +0,0 @@
-import { WalletServicesPluginError, log } from '@web3auth/no-modal';
-import { ref } from 'vue';
-import { useWalletServicesPlugin } from './useWalletServicesPlugin.js';
-
-const useCheckout = () => {
-  const {
-    plugin,
-    ready
-  } = useWalletServicesPlugin();
-  const loading = ref(false);
-  const error = ref(null);
-  const showCheckout = async showCheckoutParams => {
-    loading.value = true;
-    error.value = null;
-    try {
-      if (!plugin) throw WalletServicesPluginError.notInitialized();
-      if (!ready) throw WalletServicesPluginError.walletPluginNotConnected();
-      await plugin.value.showCheckout(showCheckoutParams);
-    } catch (err) {
-      log.error("Error showing checkout", err);
-      error.value = err;
-    } finally {
-      loading.value = false;
-    }
-  };
-  return {
-    loading,
-    error,
-    showCheckout
-  };
-};
-
-export { useCheckout };

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

@@ -1,31 +0,0 @@
-import { WalletInitializationError, log } from '@web3auth/no-modal';
-import { ref } from 'vue';
-import { useWeb3AuthInner } from './useWeb3AuthInner.js';
-
-const useEnableMFA = () => {
-  const {
-    web3Auth
-  } = useWeb3AuthInner();
-  const loading = ref(false);
-  const error = ref(null);
-  const enableMFA = async () => {
-    try {
-      if (!web3Auth.value) throw WalletInitializationError.notReady();
-      error.value = null;
-      loading.value = true;
-      await web3Auth.value.enableMFA();
-    } catch (err) {
-      log.error("Error enabling MFA", err);
-      error.value = err;
-    } finally {
-      loading.value = false;
-    }
-  };
-  return {
-    loading,
-    error,
-    enableMFA
-  };
-};
-
-export { useEnableMFA };

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

@@ -1,33 +0,0 @@
-import { WalletServicesPluginError, log } from '@web3auth/no-modal';
-import { ref } from 'vue';
-import { useWalletServicesPlugin } from './useWalletServicesPlugin.js';
-
-const useFunding = () => {
-  const {
-    plugin,
-    ready
-  } = useWalletServicesPlugin();
-  const loading = ref(false);
-  const error = ref(null);
-  const showFunding = async showFundingParams => {
-    loading.value = true;
-    error.value = null;
-    try {
-      if (!plugin) throw WalletServicesPluginError.notInitialized();
-      if (!ready) throw WalletServicesPluginError.walletPluginNotConnected();
-      await plugin.value.showFunding(showFundingParams);
-    } catch (err) {
-      log.error("Error showing funding", err);
-      error.value = err;
-    } finally {
-      loading.value = false;
-    }
-  };
-  return {
-    loading,
-    error,
-    showFunding
-  };
-};
-
-export { useFunding };

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

@@ -1,49 +0,0 @@
-import { WalletInitializationError, log } from '@web3auth/no-modal';
-import { ref, watch } from 'vue';
-import { useWeb3AuthInner } from './useWeb3AuthInner.js';
-
-const useIdentityToken = () => {
-  const {
-    web3Auth,
-    isAuthorized
-  } = useWeb3AuthInner();
-  const loading = ref(false);
-  const error = ref(null);
-  const token = ref(null);
-  const getIdentityToken = async () => {
-    try {
-      if (!web3Auth.value) throw 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) {
-      log.error("Error getting identity token", err);
-      error.value = err;
-    } finally {
-      loading.value = false;
-    }
-  };
-  watch(isAuthorized, newIsAuthorized => {
-    if (!web3Auth.value) return;
-    if (!newIsAuthorized && token.value) {
-      token.value = null;
-    }
-    if (newIsAuthorized && !token.value) {
-      token.value = web3Auth.value.idToken;
-    }
-  }, {
-    immediate: true
-  });
-  return {
-    loading,
-    error,
-    token,
-    getIdentityToken
-  };
-};
-
-export { useIdentityToken };

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

@@ -1,31 +0,0 @@
-import { WalletInitializationError, log } from '@web3auth/no-modal';
-import { ref } from 'vue';
-import { useWeb3AuthInner } from './useWeb3AuthInner.js';
-
-const useManageMFA = () => {
-  const {
-    web3Auth
-  } = useWeb3AuthInner();
-  const loading = ref(false);
-  const error = ref(null);
-  const manageMFA = async () => {
-    try {
-      if (!web3Auth.value) throw WalletInitializationError.notReady();
-      error.value = null;
-      loading.value = true;
-      await web3Auth.value.manageMFA();
-    } catch (err) {
-      log.error("Error managing MFA", err);
-      error.value = err;
-    } finally {
-      loading.value = false;
-    }
-  };
-  return {
-    loading,
-    error,
-    manageMFA
-  };
-};
-
-export { useManageMFA };

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

@@ -1,33 +0,0 @@
-import { WalletServicesPluginError, log } from '@web3auth/no-modal';
-import { ref } from 'vue';
-import { useWalletServicesPlugin } from './useWalletServicesPlugin.js';
-
-const useReceive = () => {
-  const {
-    plugin,
-    ready
-  } = useWalletServicesPlugin();
-  const loading = ref(false);
-  const error = ref(null);
-  const showReceive = async showReceiveParams => {
-    loading.value = true;
-    error.value = null;
-    try {
-      if (!plugin) throw WalletServicesPluginError.notInitialized();
-      if (!ready) throw WalletServicesPluginError.walletPluginNotConnected();
-      await plugin.value.showReceive(showReceiveParams);
-    } catch (err) {
-      log.error("Error showing receive", err);
-      error.value = err;
-    } finally {
-      loading.value = false;
-    }
-  };
-  return {
-    loading,
-    error,
-    showReceive
-  };
-};
-
-export { useReceive };

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

@@ -1,33 +0,0 @@
-import { WalletServicesPluginError, log } from '@web3auth/no-modal';
-import { ref } from 'vue';
-import { useWalletServicesPlugin } from './useWalletServicesPlugin.js';
-
-const useSwap = () => {
-  const {
-    plugin,
-    ready
-  } = useWalletServicesPlugin();
-  const loading = ref(false);
-  const error = ref(null);
-  const showSwap = async showSwapParams => {
-    loading.value = true;
-    error.value = null;
-    try {
-      if (!plugin) throw WalletServicesPluginError.notInitialized();
-      if (!ready) throw WalletServicesPluginError.walletPluginNotConnected();
-      await plugin.value.showSwap(showSwapParams);
-    } catch (err) {
-      log.error("Error showing swap", err);
-      error.value = err;
-    } finally {
-      loading.value = false;
-    }
-  };
-  return {
-    loading,
-    error,
-    showSwap
-  };
-};
-
-export { useSwap };

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

@@ -1,31 +0,0 @@
-import { WalletInitializationError, log } from '@web3auth/no-modal';
-import { ref } from 'vue';
-import { useWeb3AuthInner } from './useWeb3AuthInner.js';
-
-const useSwitchChain = () => {
-  const {
-    web3Auth
-  } = useWeb3AuthInner();
-  const loading = ref(false);
-  const error = ref(null);
-  const switchChain = async chainParams => {
-    try {
-      if (!web3Auth.value) throw WalletInitializationError.notReady();
-      error.value = null;
-      loading.value = true;
-      await web3Auth.value.switchChain(chainParams);
-    } catch (err) {
-      log.error("Error switching chain", err);
-      error.value = err;
-    } finally {
-      loading.value = false;
-    }
-  };
-  return {
-    loading,
-    error,
-    switchChain
-  };
-};
-
-export { useSwitchChain };

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

@@ -1,33 +0,0 @@
-import { WalletServicesPluginError, log } from '@web3auth/no-modal';
-import { ref } from 'vue';
-import { useWalletServicesPlugin } from './useWalletServicesPlugin.js';
-
-const useWalletConnectScanner = () => {
-  const {
-    plugin,
-    ready
-  } = useWalletServicesPlugin();
-  const loading = ref(false);
-  const error = ref(null);
-  const showWalletConnectScanner = async showWalletConnectScannerParams => {
-    loading.value = true;
-    error.value = null;
-    try {
-      if (!plugin) throw WalletServicesPluginError.notInitialized();
-      if (!ready) throw WalletServicesPluginError.walletPluginNotConnected();
-      await plugin.value.showWalletConnectScanner(showWalletConnectScannerParams);
-    } catch (err) {
-      log.error("Error showing wallet connect scanner", err);
-      error.value = err;
-    } finally {
-      loading.value = false;
-    }
-  };
-  return {
-    loading,
-    error,
-    showWalletConnectScanner
-  };
-};
-
-export { useWalletConnectScanner };

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

@@ -1,11 +0,0 @@
-import { WalletInitializationError } from '@web3auth/no-modal';
-import { WalletServicesContextKey } from '@web3auth/no-modal/vue';
-import { inject } from 'vue';
-
-const useWalletServicesPlugin = () => {
-  const context = inject(WalletServicesContextKey);
-  if (!context) throw WalletInitializationError.fromCode(1000, "usage of useWalletServicesPlugin not wrapped in `WalletServicesContextProvider`.");
-  return context;
-};
-
-export { useWalletServicesPlugin };

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

@@ -1,33 +0,0 @@
-import { WalletServicesPluginError, log } from '@web3auth/no-modal';
-import { ref } from 'vue';
-import { useWalletServicesPlugin } from './useWalletServicesPlugin.js';
-
-const useWalletUI = () => {
-  const {
-    plugin,
-    ready
-  } = useWalletServicesPlugin();
-  const loading = ref(false);
-  const error = ref(null);
-  const showWalletUI = async showWalletUiParams => {
-    loading.value = true;
-    error.value = null;
-    try {
-      if (!plugin) throw WalletServicesPluginError.notInitialized();
-      if (!ready) throw WalletServicesPluginError.walletPluginNotConnected();
-      await plugin.value.showWalletUi(showWalletUiParams);
-    } catch (err) {
-      log.error("Error showing wallet UI", err);
-      error.value = err;
-    } finally {
-      loading.value = false;
-    }
-  };
-  return {
-    loading,
-    error,
-    showWalletUI
-  };
-};
-
-export { useWalletUI };

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

@@ -1,31 +0,0 @@
-import { WalletInitializationError, log } from '@web3auth/no-modal';
-import { ref } from 'vue';
-import { useWeb3AuthInner } from './useWeb3AuthInner.js';
-
-const useWeb3AuthDisconnect = () => {
-  const {
-    web3Auth
-  } = useWeb3AuthInner();
-  const loading = ref(false);
-  const error = ref(null);
-  const disconnect = async options => {
-    try {
-      if (!web3Auth.value) throw WalletInitializationError.notReady();
-      error.value = null;
-      loading.value = true;
-      await web3Auth.value.logout(options);
-    } catch (err) {
-      log.error("Error disconnecting", err);
-      error.value = err;
-    } finally {
-      loading.value = false;
-    }
-  };
-  return {
-    loading,
-    error,
-    disconnect
-  };
-};
-
-export { useWeb3AuthDisconnect };