@web3auth/modal 10.14.1 → 11.0.0-beta.0

package/dist/lib.cjs/packages/modal/src/react/hooks/useEnableMFA.js

@@ -1,30 +0,0 @@
-'use strict';
-
-var react = require('react');
-var useWeb3AuthInner = require('./useWeb3AuthInner.js');
-
-const useEnableMFA = () => {
-  const {
-    web3Auth
-  } = useWeb3AuthInner.useWeb3AuthInner();
-  const [loading, setLoading] = react.useState(false);
-  const [error, setError] = react.useState(null);
-  const enableMFA = react.useCallback(async params => {
-    setLoading(true);
-    setError(null);
-    try {
-      await web3Auth.enableMFA(params);
-    } catch (error) {
-      setError(error);
-    } finally {
-      setLoading(false);
-    }
-  }, [web3Auth]);
-  return {
-    loading,
-    error,
-    enableMFA
-  };
-};
-
-exports.useEnableMFA = useEnableMFA;

package/dist/lib.cjs/packages/modal/src/react/hooks/useFunding.js

@@ -1,34 +0,0 @@
-'use strict';
-
-var noModal = require('@web3auth/no-modal');
-var react = require('react');
-var useWalletServicesPlugin = require('./useWalletServicesPlugin.js');
-
-const useFunding = () => {
-  const {
-    plugin,
-    ready
-  } = useWalletServicesPlugin.useWalletServicesPlugin();
-  const [loading, setLoading] = react.useState(false);
-  const [error, setError] = react.useState(null);
-  const showFunding = react.useCallback(async showFundingParams => {
-    setLoading(true);
-    setError(null);
-    try {
-      if (!plugin) throw noModal.WalletServicesPluginError.notInitialized();
-      if (!ready) throw noModal.WalletServicesPluginError.walletPluginNotConnected();
-      await plugin.showFunding(showFundingParams);
-    } catch (error) {
-      setError(error);
-    } finally {
-      setLoading(false);
-    }
-  }, [plugin, ready]);
-  return {
-    loading,
-    error,
-    showFunding
-  };
-};
-
-exports.useFunding = useFunding;

package/dist/lib.cjs/packages/modal/src/react/hooks/useIdentityToken.js

@@ -1,46 +0,0 @@
-'use strict';
-
-var react = require('react');
-var useWeb3AuthInner = require('./useWeb3AuthInner.js');
-
-const useIdentityToken = () => {
-  const {
-    web3Auth,
-    isAuthorized
-  } = useWeb3AuthInner.useWeb3AuthInner();
-  const [loading, setLoading] = react.useState(false);
-  const [error, setError] = react.useState(null);
-  const [token, setToken] = react.useState(null);
-  const getIdentityToken = react.useCallback(async () => {
-    setLoading(true);
-    setError(null);
-    try {
-      const userAuthInfo = await web3Auth.getIdentityToken();
-      if (userAuthInfo !== null && userAuthInfo !== void 0 && userAuthInfo.idToken) {
-        setToken(userAuthInfo.idToken);
-      }
-      return userAuthInfo === null || userAuthInfo === void 0 ? void 0 : userAuthInfo.idToken;
-    } catch (error) {
-      setError(error);
-    } finally {
-      setLoading(false);
-    }
-  }, [web3Auth]);
-  react.useEffect(() => {
-    if (!web3Auth) return;
-    if (!isAuthorized && token) {
-      setToken(null);
-    }
-    if (isAuthorized && !token) {
-      setToken(web3Auth.idToken);
-    }
-  }, [isAuthorized, token, web3Auth]);
-  return {
-    loading,
-    error,
-    token,
-    getIdentityToken
-  };
-};
-
-exports.useIdentityToken = useIdentityToken;

package/dist/lib.cjs/packages/modal/src/react/hooks/useManageMFA.js

@@ -1,30 +0,0 @@
-'use strict';
-
-var react = require('react');
-var useWeb3AuthInner = require('./useWeb3AuthInner.js');
-
-const useManageMFA = () => {
-  const {
-    web3Auth
-  } = useWeb3AuthInner.useWeb3AuthInner();
-  const [loading, setLoading] = react.useState(false);
-  const [error, setError] = react.useState(null);
-  const manageMFA = react.useCallback(async params => {
-    setLoading(true);
-    setError(null);
-    try {
-      await web3Auth.manageMFA(params);
-    } catch (error) {
-      setError(error);
-    } finally {
-      setLoading(false);
-    }
-  }, [web3Auth]);
-  return {
-    loading,
-    error,
-    manageMFA
-  };
-};
-
-exports.useManageMFA = useManageMFA;

package/dist/lib.cjs/packages/modal/src/react/hooks/useReceive.js

@@ -1,34 +0,0 @@
-'use strict';
-
-var noModal = require('@web3auth/no-modal');
-var react = require('react');
-var useWalletServicesPlugin = require('./useWalletServicesPlugin.js');
-
-const useReceive = () => {
-  const {
-    plugin,
-    ready
-  } = useWalletServicesPlugin.useWalletServicesPlugin();
-  const [loading, setLoading] = react.useState(false);
-  const [error, setError] = react.useState(null);
-  const showReceive = react.useCallback(async showReceiveParams => {
-    setLoading(true);
-    setError(null);
-    try {
-      if (!plugin) throw noModal.WalletServicesPluginError.notInitialized();
-      if (!ready) throw noModal.WalletServicesPluginError.walletPluginNotConnected();
-      await plugin.showReceive(showReceiveParams);
-    } catch (error) {
-      setError(error);
-    } finally {
-      setLoading(false);
-    }
-  }, [plugin, ready]);
-  return {
-    loading,
-    error,
-    showReceive
-  };
-};
-
-exports.useReceive = useReceive;

package/dist/lib.cjs/packages/modal/src/react/hooks/useSwap.js

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

package/dist/lib.cjs/packages/modal/src/react/hooks/useSwitchChain.js

@@ -1,32 +0,0 @@
-'use strict';
-
-var react = require('react');
-var useWeb3AuthInner = require('./useWeb3AuthInner.js');
-
-const useSwitchChain = () => {
-  const {
-    web3Auth
-  } = useWeb3AuthInner.useWeb3AuthInner();
-  const [loading, setLoading] = react.useState(false);
-  const [error, setError] = react.useState(null);
-  const switchChain = react.useCallback(async chainId => {
-    setLoading(true);
-    setError(null);
-    try {
-      await web3Auth.switchChain({
-        chainId
-      });
-    } catch (error) {
-      setError(error);
-    } finally {
-      setLoading(false);
-    }
-  }, [web3Auth]);
-  return {
-    loading,
-    error,
-    switchChain
-  };
-};
-
-exports.useSwitchChain = useSwitchChain;

package/dist/lib.cjs/packages/modal/src/react/hooks/useWalletConnectScanner.js

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

package/dist/lib.cjs/packages/modal/src/react/hooks/useWalletServicesPlugin.js

@@ -1,13 +0,0 @@
-'use strict';
-
-var noModal = require('@web3auth/no-modal');
-var react = require('react');
-var WalletServicesInnerContext = require('../context/WalletServicesInnerContext.js');
-
-const useWalletServicesPlugin = () => {
-  const context = react.useContext(WalletServicesInnerContext.WalletServicesContext);
-  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/react/hooks/useWalletUI.js

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

package/dist/lib.cjs/packages/modal/src/react/hooks/useWeb3AuthDisconnect.js

@@ -1,30 +0,0 @@
-'use strict';
-
-var react = require('react');
-var useWeb3AuthInner = require('./useWeb3AuthInner.js');
-
-const useWeb3AuthDisconnect = () => {
-  const {
-    web3Auth
-  } = useWeb3AuthInner.useWeb3AuthInner();
-  const [loading, setLoading] = react.useState(false);
-  const [error, setError] = react.useState(null);
-  const disconnect = react.useCallback(async options => {
-    setLoading(true);
-    setError(null);
-    try {
-      await web3Auth.logout(options);
-    } catch (error) {
-      setError(error);
-    } finally {
-      setLoading(false);
-    }
-  }, [web3Auth]);
-  return {
-    loading,
-    error,
-    disconnect
-  };
-};
-
-exports.useWeb3AuthDisconnect = useWeb3AuthDisconnect;

package/dist/lib.cjs/packages/modal/src/react/hooks/useWeb3AuthUser.js

@@ -1,50 +0,0 @@
-'use strict';
-
-var react = require('react');
-var useWeb3AuthInner = require('./useWeb3AuthInner.js');
-
-const useWeb3AuthUser = () => {
-  const {
-    web3Auth,
-    isConnected,
-    isMFAEnabled,
-    setIsMFAEnabled
-  } = useWeb3AuthInner.useWeb3AuthInner();
-  const [userInfo, setUserInfo] = react.useState(null);
-  const [loading, setLoading] = react.useState(false);
-  const [error, setError] = react.useState(null);
-  const getUserInfo = react.useCallback(async () => {
-    setLoading(true);
-    setError(null);
-    try {
-      const userInfo = await web3Auth.getUserInfo();
-      setUserInfo(userInfo);
-      return userInfo;
-    } catch (error) {
-      setError(error);
-    } finally {
-      setLoading(false);
-    }
-  }, [web3Auth]);
-  react.useEffect(() => {
-    const saveUserInfo = async () => {
-      const userInfo = await getUserInfo();
-      setUserInfo(userInfo);
-      setIsMFAEnabled((userInfo === null || userInfo === void 0 ? void 0 : userInfo.isMfaEnabled) || false);
-    };
-    if (isConnected && !userInfo) saveUserInfo();
-    if (!isConnected && userInfo) {
-      setUserInfo(null);
-      setIsMFAEnabled(false);
-    }
-  }, [isConnected, userInfo, getUserInfo, setIsMFAEnabled]);
-  return {
-    loading,
-    error,
-    userInfo,
-    isMFAEnabled,
-    getUserInfo
-  };
-};
-
-exports.useWeb3AuthUser = useWeb3AuthUser;

package/dist/lib.cjs/packages/modal/src/react/solana/hooks/useSignAndSendTransaction.js

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

package/dist/lib.cjs/packages/modal/src/react/solana/hooks/useSignMessage.js

@@ -1,37 +0,0 @@
-'use strict';
-
-var noModal = require('@web3auth/no-modal');
-var react = require('react');
-var useSolanaWallet = require('./useSolanaWallet.js');
-
-const useSignMessage = () => {
-  const {
-    solanaWallet,
-    accounts
-  } = useSolanaWallet.useSolanaWallet();
-  const [loading, setLoading] = react.useState(false);
-  const [error, setError] = react.useState(null);
-  const [data, setData] = react.useState(null);
-  const signMessage = react.useCallback(async (message, from) => {
-    setLoading(true);
-    setError(null);
-    try {
-      if (!solanaWallet) throw noModal.WalletInitializationError.notReady();
-      const signature = await solanaWallet.signMessage(message, from !== null && from !== void 0 ? from : accounts === null || accounts === void 0 ? void 0 : accounts[0]);
-      setData(signature);
-      return signature;
-    } catch (error) {
-      setError(error);
-    } finally {
-      setLoading(false);
-    }
-  }, [solanaWallet, accounts]);
-  return {
-    loading,
-    error,
-    data,
-    signMessage
-  };
-};
-
-exports.useSignMessage = useSignMessage;

package/dist/lib.cjs/packages/modal/src/react/solana/hooks/useSignTransaction.js

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

package/dist/lib.cjs/packages/modal/src/react/solana/hooks/useSolanaWallet.js

@@ -1,68 +0,0 @@
-'use strict';
-
-var web3_js = require('@solana/web3.js');
-var noModal = require('@web3auth/no-modal');
-var react = require('react');
-var useChain = require('../../hooks/useChain.js');
-require('@babel/runtime/helpers/objectSpread2');
-require('@babel/runtime/helpers/defineProperty');
-require('@web3auth/auth');
-require('deepmerge');
-require('../../../config.js');
-require('../../../ui/config.js');
-require('../../../ui/interfaces.js');
-require('react/jsx-runtime');
-require('../../../ui/css/index.css.js');
-require('bowser');
-require('react-dom/client');
-require('@toruslabs/http-helpers');
-require('clsx');
-require('tailwind-merge');
-require('react-i18next');
-require('../../../ui/context/RootContext.js');
-require('../../../ui/localeImport.js');
-require('classnames');
-require('react-qrcode-logo');
-require('../../../ui/components/Login/Login.js');
-var useWeb3Auth = require('../../hooks/useWeb3Auth.js');
-
-const useSolanaWallet = () => {
-  const {
-    provider,
-    web3Auth
-  } = useWeb3Auth.useWeb3Auth();
-  const {
-    chainNamespace
-  } = useChain.useChain();
-  const [accounts, setAccounts] = react.useState(null);
-  const solanaWallet = react.useMemo(() => {
-    if (!provider) return null;
-    if (chainNamespace !== noModal.CHAIN_NAMESPACES.SOLANA) return null;
-    return new noModal.SolanaWallet(provider);
-  }, [provider, chainNamespace]);
-  const connection = react.useMemo(() => {
-    if (!web3Auth || !provider || chainNamespace !== noModal.CHAIN_NAMESPACES.SOLANA) return null;
-    return new web3_js.Connection(web3Auth.currentChain.rpcTarget);
-  }, [web3Auth, provider, chainNamespace]);
-  react.useEffect(() => {
-    const init = async () => {
-      if (chainNamespace !== noModal.CHAIN_NAMESPACES.SOLANA) {
-        setAccounts(null);
-        return;
-      }
-      if (!solanaWallet) return;
-      const accounts = await solanaWallet.getAccounts();
-      if ((accounts === null || accounts === void 0 ? void 0 : accounts.length) > 0) {
-        setAccounts(accounts);
-      }
-    };
-    if (solanaWallet) init();
-  }, [solanaWallet, chainNamespace]);
-  return {
-    solanaWallet,
-    accounts,
-    connection
-  };
-};
-
-exports.useSolanaWallet = useSolanaWallet;

package/dist/lib.cjs/packages/modal/src/ui/components/CircularLoader/CircularLoader.js

@@ -1,88 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var utils = require('../../utils.js');
-
-function toSize(value, fallback = 160) {
-  return value !== null && value !== void 0 ? value : fallback;
-}
-const CircularLoader = props => {
-  const {
-    width,
-    height,
-    thickness = 12,
-    className = "",
-    children,
-    showChildren = true,
-    trackColor = "rgba(226, 232, 240, 1)",
-    // Tailwind slate-200 equivalent
-    gradient,
-    arcSizeDeg = 36,
-    arcColors
-  } = props;
-  const w = toSize(width, 160);
-  const h = toSize(height, 160);
-  const ringMask = `radial-gradient(farthest-side, transparent calc(100% - ${thickness}px), #000 calc(100% - ${thickness}px))`;
-  function hexToRgba(hex, alpha) {
-    const normalized = hex.replace("#", "");
-    const full = normalized.length === 3 ? normalized.split("").map(c => c + c).join("") : normalized;
-    const r = parseInt(full.substring(0, 2), 16);
-    const g = parseInt(full.substring(2, 4), 16);
-    const b = parseInt(full.substring(4, 6), 16);
-    return `rgba(${r}, ${g}, ${b}, ${alpha})`;
-  }
-  function withAlpha(color, alpha) {
-    if (!color) return color;
-    const c = color.trim().toLowerCase();
-    if (c.startsWith("#")) return hexToRgba(c, alpha);
-    if (c.startsWith("rgba(")) return color;
-    if (c.startsWith("rgb(")) {
-      const nums = c.slice(4, -1);
-      return `rgba(${nums}, ${alpha})`;
-    }
-    // Fallback: return the same color (alpha may be ignored by browser)
-    return color;
-  }
-  const arcColorGradient = gradient || (arcColors ? `radial-gradient(210.91% 85.29% at 14.56% 18.67%, ${withAlpha(arcColors[0], 0)} 9.5%, ${arcColors[1]} 41.82%, ${arcColors[1]} 64.83%, ${withAlpha(arcColors[0], 0.44)} 100%)` : "radial-gradient(210.91% 85.29% at 14.56% 18.67%, rgba(255, 98, 58, 0.00) 9.5%, #FF623A 41.82%, #FF623A 64.83%, rgba(255, 98, 58, 0.44) 100%)");
-  const wedgeMask = `conic-gradient(#000 0deg ${arcSizeDeg}deg, transparent ${arcSizeDeg}deg 360deg)`;
-  return jsxRuntime.jsxs("div", {
-    className: utils.cn("w3a--relative w3a--inline-flex w3a--items-center w3a--justify-center", className),
-    style: {
-      width: w,
-      height: h
-    },
-    children: [jsxRuntime.jsx("div", {
-      className: "w3a--absolute w3a--inset-0 w3a--rounded-full",
-      style: {
-        background: trackColor,
-        WebkitMaskImage: ringMask,
-        maskImage: ringMask,
-        WebkitMaskRepeat: "no-repeat",
-        maskRepeat: "no-repeat"
-      }
-    }), jsxRuntime.jsx("div", {
-      className: "w3a--absolute w3a--inset-0 w3a--animate-spin",
-      style: {
-        WebkitMaskImage: wedgeMask,
-        maskImage: wedgeMask,
-        WebkitMaskRepeat: "no-repeat",
-        maskRepeat: "no-repeat"
-      },
-      children: jsxRuntime.jsx("div", {
-        className: "w3a--absolute w3a--inset-0 w3a--rounded-full",
-        style: {
-          background: arcColorGradient,
-          WebkitMaskImage: ringMask,
-          maskImage: ringMask,
-          WebkitMaskRepeat: "no-repeat",
-          maskRepeat: "no-repeat"
-        }
-      })
-    }), showChildren && children ? jsxRuntime.jsx("div", {
-      className: "w3a--relative",
-      children: children
-    }) : null]
-  });
-};
-
-module.exports = CircularLoader;