@web3auth/modal 10.0.0-beta.6 → 10.0.0-beta.7

package/dist/lib.cjs/packages/modal/src/ui/loginModal.js

@@ -38,6 +38,7 @@ class LoginModal {
     _defineProperty(this, "chainNamespaces", void 0);
     _defineProperty(this, "walletRegistry", void 0);
     _defineProperty(this, "callbacks", void 0);
+    _defineProperty(this, "externalWalletsConfig", void 0);
     _defineProperty(this, "initModal", async () => {
       const darkState = {
         isDark: this.isDark
@@ -175,6 +176,7 @@ class LoginModal {
       noModal.log.info("addSocialLogins", connector, loginMethods, loginMethodsOrder, uiConfig);
     });
     _defineProperty(this, "addWalletLogins", (externalWalletsConfig, options) => {
+      this.externalWalletsConfig = externalWalletsConfig;
       this.setState({
         externalWalletsConfig,
         externalWalletsInitialized: !!options.externalWalletsInitialized,
@@ -242,29 +244,36 @@ class LoginModal {
     _defineProperty(this, "setState", newState => {
       this.stateEmitter.emit("STATE_UPDATED", newState);
     });
-    _defineProperty(this, "updateWalletConnect", walletConnectUri => {
-      if (!walletConnectUri) return;
-      this.setState({
-        walletConnectUri
-      });
-    });
     _defineProperty(this, "handleConnectorData", connectorData => {
       if (connectorData.connectorName === noModal.WALLET_CONNECTORS.WALLET_CONNECT_V2) {
         const walletConnectData = connectorData.data;
-        this.updateWalletConnect(walletConnectData.uri);
+        if (walletConnectData.uri) {
+          this.setState({
+            walletConnectUri: walletConnectData.uri
+          });
+        }
+      }
+      if (connectorData.connectorName === noModal.WALLET_CONNECTORS.METAMASK) {
+        const metamaskData = connectorData.data;
+        if (metamaskData.uri) {
+          this.setState({
+            metamaskConnectUri: metamaskData.uri
+          });
+        }
       }
     });
     _defineProperty(this, "subscribeCoreEvents", listener => {
       listener.on(noModal.CONNECTOR_EVENTS.CONNECTING, data => {
+        var _this$externalWallets;
         noModal.log.info("connecting with connector", data);
-        // don't show loader in case of wallet connect, because currently it listens for incoming for incoming
-        // connections without any user interaction.
-        if ((data === null || data === void 0 ? void 0 : data.connector) !== noModal.WALLET_CONNECTORS.WALLET_CONNECT_V2) {
-          // const provider = data?.loginProvider || "";
-          this.setState({
-            status: interfaces.MODAL_STATUS.CONNECTING
-          });
-        }
+        // don't show loader in case of wallet connect, because currently it listens for incoming connections without any user interaction
+        if ((data === null || data === void 0 ? void 0 : data.connector) === noModal.WALLET_CONNECTORS.WALLET_CONNECT_V2) return;
+        // don't show loader in case of metamask qr code, because currently it listens for incoming connections without any user interaction
+        const isMetamaskInjected = (_this$externalWallets = this.externalWalletsConfig) === null || _this$externalWallets === void 0 || (_this$externalWallets = _this$externalWallets[noModal.WALLET_CONNECTORS.METAMASK]) === null || _this$externalWallets === void 0 ? void 0 : _this$externalWallets.isInjected;
+        if ((data === null || data === void 0 ? void 0 : data.connector) === noModal.WALLET_CONNECTORS.METAMASK && !isMetamaskInjected) return;
+        this.setState({
+          status: interfaces.MODAL_STATUS.CONNECTING
+        });
       });
       listener.on(noModal.CONNECTOR_EVENTS.CONNECTED, data => {
         noModal.log.debug("connected with connector", data);

package/dist/lib.cjs/packages/modal/src/ui/utils.js

@@ -82,16 +82,28 @@ const validatePhoneNumber = async phoneNumber => {
     const result = await httpHelpers.post(`${passwordlessBackendUrl}/api/v3/phone_number/validate`, {
       phone_number: phoneNumber
     });
-    if (result && result.success) return result.parsed_number;
-    return false;
+    if (result && result.success) return result;
+    return {
+      success: false,
+      parsed_number: "",
+      country_flag: ""
+    };
   } catch (error) {
     noModal.log.error("error validating phone number", error);
     if (error.status === 400) {
-      return false;
+      return {
+        success: false,
+        parsed_number: "",
+        country_flag: ""
+      };
     }
     // sending true because we don't want the user to be stuck on a flow
     // if there is an error with the api or something went wrong.
-    return true;
+    return {
+      success: false,
+      parsed_number: "",
+      country_flag: ""
+    };
   }
 };
 const getUserLanguage = defaultLanguage => {

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

@@ -1,11 +1,12 @@
 '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 new Error("WalletServicesContext not found");
+  if (!context) throw noModal.WalletInitializationError.fromCode(1000, "usage of useWalletServicesPlugin not wrapped in `WalletServicesContextProvider`.");
   return context;
 };
 

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

@@ -16,6 +16,10 @@ const useWeb3AuthConnect = () => {
     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
   });

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,46 @@
+'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);
+  vue.watch(provider, async newVal => {
+    var _accounts$value;
+    if (!newVal && solanaWallet.value) {
+      solanaWallet.value = null;
+      accounts.value = null;
+      connection.value = null;
+      return;
+    }
+    if (!solanaWallet.value) {
+      solanaWallet.value = new noModal.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$value;
+      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);
+    }
+  });
+  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/index.js

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

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

@@ -0,0 +1,218 @@
+'use strict';
+
+var _objectSpread = require('@babel/runtime/helpers/objectSpread2');
+var core = require('@wagmi/core');
+var vue$1 = require('@wagmi/vue');
+var connectors = require('@wagmi/vue/connectors');
+var noModal = require('@web3auth/no-modal');
+var viem = require('viem');
+var vue = require('vue');
+require('@web3auth/no-modal/vue');
+var useWeb3Auth = require('../composables/useWeb3Auth.js');
+var useWeb3AuthDisconnect = require('../composables/useWeb3AuthDisconnect.js');
+
+const WEB3AUTH_CONNECTOR_ID = "web3auth";
+// Helper to initialize connectors for the given wallets
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+async function setupConnector(provider, config) {
+  let connector = config.connectors.find(c => c.id === WEB3AUTH_CONNECTOR_ID);
+  if (connector) return connector;
+  // Create new connector if not already existing
+  connector = connectors.injected({
+    target: {
+      provider: provider,
+      id: WEB3AUTH_CONNECTOR_ID,
+      name: "Web3Auth"
+    }
+  });
+  const result = config._internal.connectors.setup(connector);
+  config._internal.connectors.setState(current => [...current, result]);
+  return result;
+}
+// Helper to connect a wallet and update wagmi state
+async function connectWeb3AuthWithWagmi(connector, config) {
+  var _config$storage, _config$storage2;
+  await Promise.all([(_config$storage = config.storage) === null || _config$storage === void 0 ? void 0 : _config$storage.removeItem(`${connector.id}.disconnected`), (_config$storage2 = config.storage) === null || _config$storage2 === void 0 ? void 0 : _config$storage2.setItem("recentConnectorId", connector.id)]);
+  let chainId = await connector.getChainId();
+  if (!config.chains.find(c => c.id === chainId)) {
+    chainId = config.chains[0].id;
+  }
+  const accounts = await connector.getAccounts();
+  const connections = new Map([[connector.uid, {
+    accounts: [accounts[0]],
+    chainId,
+    connector
+  }]]);
+  config.setState(state => _objectSpread(_objectSpread({}, state), {}, {
+    chainId,
+    connections,
+    current: connector.uid,
+    status: "connected"
+  }));
+}
+async function disconnectWeb3AuthFromWagmi(config) {
+  config._internal.connectors.setState(prev => prev.filter(c => c.id !== WEB3AUTH_CONNECTOR_ID));
+  config.setState(state => _objectSpread(_objectSpread({}, state), {}, {
+    chainId: state.chainId,
+    connections: new Map(),
+    current: undefined,
+    status: "disconnected"
+  }));
+}
+const Web3AuthWagmiProvider = vue.defineComponent({
+  name: "Web3AuthWagmiProvider",
+  setup() {
+    const {
+      isConnected,
+      provider
+    } = useWeb3Auth.useWeb3Auth();
+    const {
+      disconnect
+    } = useWeb3AuthDisconnect.useWeb3AuthDisconnect();
+    const wagmiConfig = vue$1.useConfig();
+    vue$1.useAccountEffect({
+      onDisconnect: async () => {
+        noModal.log.info("Disconnected from wagmi");
+        if (isConnected.value) await disconnect();
+      }
+    });
+    vue.watch(isConnected, async newIsConnected => {
+      if (newIsConnected && provider.value) {
+        const connector = await setupConnector(provider.value, wagmiConfig);
+        if (!connector) {
+          noModal.log.error("Failed to setup vue wagmi connector");
+          throw new Error("Failed to setup connector");
+        }
+        await connectWeb3AuthWithWagmi(connector, wagmiConfig);
+      } else if (!newIsConnected) {
+        if (wagmiConfig.state.status === "connected") {
+          await disconnectWeb3AuthFromWagmi(wagmiConfig);
+        }
+      }
+    }, {
+      immediate: true
+    });
+  },
+  render() {
+    var _this$$slots$default;
+    return vue.h((_this$$slots$default = this.$slots.default) !== null && _this$$slots$default !== void 0 ? _this$$slots$default : "");
+  }
+});
+const Web3AuthWagmiInnerProvider = vue.defineComponent({
+  name: "Web3AuthWagmiInnerProvider",
+  props: {
+    config: {
+      type: Object,
+      required: false
+    }
+  },
+  setup(props) {
+    const {
+      config
+    } = props;
+    vue.provide(vue$1.configKey, config);
+  },
+  render() {
+    var _this$$slots$default2;
+    return vue.h(Web3AuthWagmiProvider, {}, (_this$$slots$default2 = this.$slots.default) !== null && _this$$slots$default2 !== void 0 ? _this$$slots$default2 : "");
+  }
+});
+const WagmiProvider = vue.defineComponent({
+  name: "WagmiProvider",
+  props: {
+    config: {
+      type: Object,
+      required: false
+    }
+  },
+  setup(props) {
+    const {
+      config
+    } = props;
+    const {
+      web3Auth,
+      isInitialized
+    } = useWeb3Auth.useWeb3Auth();
+    const finalConfig = vue.shallowRef(null);
+    const defineWagmiConfig = () => {
+      var _web3Auth$value;
+      const configParams = _objectSpread(_objectSpread({
+        ssr: true
+      }, config), {}, {
+        chains: undefined,
+        connectors: [],
+        transports: {},
+        multiInjectedProviderDiscovery: false,
+        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) {
+        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;
+        chains.forEach(chain => {
+          const wagmiChain = viem.defineChain({
+            id: Number.parseInt(chain.chainId, 16),
+            // id in number form
+            name: chain.displayName,
+            rpcUrls: {
+              default: {
+                http: [chain.rpcTarget],
+                webSocket: [chain.wsTarget]
+              }
+            },
+            blockExplorers: chain.blockExplorerUrl ? {
+              default: {
+                name: "explorer",
+                // TODO: correct name if chain config has it
+                url: chain.blockExplorerUrl
+              }
+            } : undefined,
+            nativeCurrency: {
+              name: chain.tickerName,
+              symbol: chain.ticker,
+              decimals: chain.decimals || 18
+            }
+          });
+          if (defaultChainId === chain.chainId) {
+            wagmiChains.unshift(wagmiChain);
+          } else {
+            wagmiChains.push(wagmiChain);
+          }
+          configParams.transports[wagmiChain.id] = viem.http(chain.rpcTarget);
+        });
+        configParams.chains = [wagmiChains[0], ...wagmiChains.slice(1)];
+      }
+      if (!configParams.chains) return;
+      return vue$1.createConfig(configParams);
+    };
+    vue.watch(isInitialized, newIsInitialized => {
+      if (newIsInitialized && !finalConfig.value) {
+        finalConfig.value = defineWagmiConfig();
+        if (finalConfig.value) {
+          core.hydrate(finalConfig.value, _objectSpread({
+            reconnectOnMount: false
+          }, props.config));
+        }
+      }
+    }, {
+      immediate: true
+    });
+    return {
+      finalConfig
+    };
+  },
+  render() {
+    if (!this.finalConfig) return null;
+    return vue.h(Web3AuthWagmiInnerProvider, {
+      config: this.finalConfig
+    }, {
+      default: () => {
+        var _this$$slots$default3, _this$$slots;
+        return (_this$$slots$default3 = (_this$$slots = this.$slots).default) === null || _this$$slots$default3 === void 0 ? void 0 : _this$$slots$default3.call(_this$$slots);
+      }
+    });
+  }
+});
+
+exports.WagmiProvider = WagmiProvider;

package/dist/lib.cjs/types/interface.d.ts

@@ -3,7 +3,7 @@ export interface ModalConfig extends Omit<BaseConnectorConfig, "isInjected" | "c
     loginMethods?: LoginMethodConfig;
 }
 export interface ConnectorsModalConfig {
-    connectors?: Record<WALLET_CONNECTOR_TYPE, ModalConfig>;
+    connectors?: Partial<Record<WALLET_CONNECTOR_TYPE, ModalConfig>>;
     hideWalletDiscovery?: boolean;
 }
 export interface IWeb3AuthModal extends IWeb3Auth {

package/dist/lib.cjs/types/react/solana/hooks/useSignTransaction.d.ts

@@ -1,4 +1,4 @@
-import { TransactionOrVersionedTransaction, Web3AuthError } from "@web3auth/no-modal";
+import { type TransactionOrVersionedTransaction, Web3AuthError } from "@web3auth/no-modal";
 export type IUseSignTransaction = {
     loading: boolean;
     error: Web3AuthError | null;

package/dist/lib.cjs/types/react/solana/hooks/useSolanaWallet.d.ts

@@ -1,6 +1,8 @@
+import { Connection } from "@solana/web3.js";
 import { SolanaWallet } from "@web3auth/no-modal";
 export type IUseSolanaWallet = {
     accounts: string[] | null;
     solanaWallet: SolanaWallet | null;
+    connection: Connection | null;
 };
 export declare const useSolanaWallet: () => IUseSolanaWallet;

package/dist/lib.cjs/types/react/wagmi/index.d.ts

@@ -1 +1,2 @@
+export * from "./interface";
 export * from "./provider";

package/dist/lib.cjs/types/react/wagmi/interface.d.ts

@@ -1,4 +1,4 @@
 import type { CreateConfigParameters, WagmiProviderProps as WagmiProviderPropsBase } from "wagmi";
 export type WagmiProviderProps = Omit<WagmiProviderPropsBase, "config"> & {
-    config?: CreateConfigParameters;
+    config?: Omit<CreateConfigParameters, "chains" | "connectors" | "transports" | "multiInjectedProviderDiscovery" | "client">;
 };

package/dist/lib.cjs/types/ui/components/ConnectWallet/ConnectWallet.type.d.ts

@@ -4,6 +4,7 @@ export interface ConnectWalletProps {
     isDark: boolean;
     config: Record<string, BaseConnectorConfig>;
     walletConnectUri: string | undefined;
+    metamaskConnectUri: string | undefined;
     walletRegistry?: WalletRegistry;
     allExternalButtons: ExternalButton[];
     customConnectorButtons: ExternalButton[];

package/dist/lib.cjs/types/ui/components/ConnectWallet/ConnectWalletQrCode/ConnectWalletQrCode.type.d.ts

@@ -1,7 +1,6 @@
-import { RootContextType } from "../../../context/RootContext";
-import { ExternalButton } from "../../../interfaces";
-export interface ConnectWalletQrCodeProps extends RootContextType {
-    walletConnectUri: string;
+import { type ExternalButton } from "../../../interfaces";
+export interface ConnectWalletQrCodeProps {
+    qrCodeValue: string;
     isDark: boolean;
     selectedButton: ExternalButton;
     logoImage?: string;

package/dist/lib.cjs/types/ui/components/Login/LoginOtp/LoginOtp.type.d.ts

@@ -2,9 +2,10 @@ import { type AUTH_CONNECTION_TYPE } from "@web3auth/auth";
 export interface LoginOtpProps {
     otpLoading: boolean;
     authConnection: AUTH_CONNECTION_TYPE;
-    loginHint?: string;
+    countryFlag: string;
     errorMessage: string;
+    loginHint?: string;
     setShowOtpFlow: (showOtpFlow: boolean) => void;
     handleOtpComplete: (otp: string) => void;
 }
-export type OtpInputProps = Pick<LoginOtpProps, "otpLoading" | "loginHint" | "setShowOtpFlow" | "handleOtpComplete" | "authConnection" | "errorMessage">;
+export type OtpInputProps = Pick<LoginOtpProps, "otpLoading" | "loginHint" | "setShowOtpFlow" | "handleOtpComplete" | "authConnection" | "errorMessage" | "countryFlag">;

package/dist/lib.cjs/types/ui/constants.d.ts

@@ -1,3 +1,4 @@
+import { WalletRegistryItem } from "@web3auth/no-modal";
 export declare const PAGES: {
     LOGIN: string;
     SHOW_SOCIAL_LOGINS: string;
@@ -13,3 +14,4 @@ export declare const DEFAULT_LOGO_DARK = "https://images.web3auth.io/web3auth-lo
 export declare const WALLET_CONNECT_LOGO = "https://images.web3auth.io/login-wallet-connect.svg";
 export declare const DEFAULT_PRIMARY_COLOR = "#0364FF";
 export declare const DEFAULT_ON_PRIMARY_COLOR = "#FFFFFF";
+export declare const DEFAULT_METAMASK_WALLET_REGISTRY_ITEM: WalletRegistryItem;

package/dist/lib.cjs/types/ui/context/RootContext.d.ts

@@ -1,9 +1,18 @@
 import { Dispatch, SetStateAction } from "react";
 import { ExternalButton, ToastType } from "../interfaces";
 export type BodyState = {
-    showWalletDetails?: boolean;
-    showMultiChainSelector?: boolean;
-    walletDetails?: ExternalButton;
+    installLinks?: {
+        show: boolean;
+        wallet: ExternalButton;
+    };
+    multiChainSelector: {
+        show: boolean;
+        wallet: ExternalButton;
+    };
+    metamaskQrCode: {
+        show: boolean;
+        wallet: ExternalButton;
+    };
 };
 export type ToastState = {
     message: string;

package/dist/lib.cjs/types/ui/interfaces.d.ts

@@ -89,6 +89,7 @@ export interface ModalState {
     modalVisibilityDelayed: boolean;
     postLoadingMessage: string;
     walletConnectUri: string;
+    metamaskConnectUri: string;
     socialLoginsConfig: SocialLoginsConfig;
     externalWalletsConfig: Record<string, BaseConnectorConfig>;
     detailedLoaderConnector: string;
@@ -205,3 +206,8 @@ export declare enum TOAST_TYPE {
     INFO = "info"
 }
 export type ToastType = (typeof TOAST_TYPE)[keyof typeof TOAST_TYPE];
+export interface ValidatePhoneNumberApiResponse {
+    success: boolean;
+    parsed_number: string;
+    country_flag: string;
+}

package/dist/lib.cjs/types/ui/loginModal.d.ts

@@ -7,6 +7,7 @@ export declare class LoginModal {
     private chainNamespaces;
     private walletRegistry;
     private callbacks;
+    private externalWalletsConfig;
     constructor(uiConfig: LoginModalProps, callbacks: LoginModalCallbacks);
     get isDark(): boolean;
     initModal: () => Promise<void>;
@@ -23,7 +24,6 @@ export declare class LoginModal {
     private handleExternalWalletClick;
     private handleSocialLoginClick;
     private setState;
-    private updateWalletConnect;
     private handleConnectorData;
     private subscribeCoreEvents;
 }