@web3auth/modal 10.14.1 → 11.0.0-beta.0

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

@@ -1,39 +1,68 @@
 'use strict';
 
-var useChain = require('./composables/useChain.js');
-var useCheckout = require('./composables/useCheckout.js');
-var useEnableMFA = require('./composables/useEnableMFA.js');
-var useFunding = require('./composables/useFunding.js');
-var useIdentityToken = require('./composables/useIdentityToken.js');
-var useManageMFA = require('./composables/useManageMFA.js');
-var useReceive = require('./composables/useReceive.js');
-var useSwap = require('./composables/useSwap.js');
-var useSwitchChain = require('./composables/useSwitchChain.js');
-var useWalletConnectScanner = require('./composables/useWalletConnectScanner.js');
-var useWalletServicesPlugin = require('./composables/useWalletServicesPlugin.js');
-var useWalletUI = require('./composables/useWalletUI.js');
 var useWeb3Auth = require('./composables/useWeb3Auth.js');
 var useWeb3AuthConnect = require('./composables/useWeb3AuthConnect.js');
-var useWeb3AuthDisconnect = require('./composables/useWeb3AuthDisconnect.js');
-var useWeb3AuthUser = require('./composables/useWeb3AuthUser.js');
+var vue = require('@web3auth/no-modal/vue');
 var Web3AuthProvider = require('./Web3AuthProvider.js');
 
 
 
-exports.useChain = useChain.useChain;
-exports.useCheckout = useCheckout.useCheckout;
-exports.useEnableMFA = useEnableMFA.useEnableMFA;
-exports.useFunding = useFunding.useFunding;
-exports.useIdentityToken = useIdentityToken.useIdentityToken;
-exports.useManageMFA = useManageMFA.useManageMFA;
-exports.useReceive = useReceive.useReceive;
-exports.useSwap = useSwap.useSwap;
-exports.useSwitchChain = useSwitchChain.useSwitchChain;
-exports.useWalletConnectScanner = useWalletConnectScanner.useWalletConnectScanner;
-exports.useWalletServicesPlugin = useWalletServicesPlugin.useWalletServicesPlugin;
-exports.useWalletUI = useWalletUI.useWalletUI;
 exports.useWeb3Auth = useWeb3Auth.useWeb3Auth;
 exports.useWeb3AuthConnect = useWeb3AuthConnect.useWeb3AuthConnect;
-exports.useWeb3AuthDisconnect = useWeb3AuthDisconnect.useWeb3AuthDisconnect;
-exports.useWeb3AuthUser = useWeb3AuthUser.useWeb3AuthUser;
+Object.defineProperty(exports, "useAuthTokenInfo", {
+	enumerable: true,
+	get: function () { return vue.useAuthTokenInfo; }
+});
+Object.defineProperty(exports, "useChain", {
+	enumerable: true,
+	get: function () { return vue.useChain; }
+});
+Object.defineProperty(exports, "useCheckout", {
+	enumerable: true,
+	get: function () { return vue.useCheckout; }
+});
+Object.defineProperty(exports, "useEnableMFA", {
+	enumerable: true,
+	get: function () { return vue.useEnableMFA; }
+});
+Object.defineProperty(exports, "useFunding", {
+	enumerable: true,
+	get: function () { return vue.useFunding; }
+});
+Object.defineProperty(exports, "useManageMFA", {
+	enumerable: true,
+	get: function () { return vue.useManageMFA; }
+});
+Object.defineProperty(exports, "useReceive", {
+	enumerable: true,
+	get: function () { return vue.useReceive; }
+});
+Object.defineProperty(exports, "useSwap", {
+	enumerable: true,
+	get: function () { return vue.useSwap; }
+});
+Object.defineProperty(exports, "useSwitchChain", {
+	enumerable: true,
+	get: function () { return vue.useSwitchChain; }
+});
+Object.defineProperty(exports, "useWalletConnectScanner", {
+	enumerable: true,
+	get: function () { return vue.useWalletConnectScanner; }
+});
+Object.defineProperty(exports, "useWalletServicesPlugin", {
+	enumerable: true,
+	get: function () { return vue.useWalletServicesPlugin; }
+});
+Object.defineProperty(exports, "useWalletUI", {
+	enumerable: true,
+	get: function () { return vue.useWalletUI; }
+});
+Object.defineProperty(exports, "useWeb3AuthDisconnect", {
+	enumerable: true,
+	get: function () { return vue.useWeb3AuthDisconnect; }
+});
+Object.defineProperty(exports, "useWeb3AuthUser", {
+	enumerable: true,
+	get: function () { return vue.useWeb3AuthUser; }
+});
 exports.Web3AuthProvider = Web3AuthProvider.Web3AuthProvider;

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

@@ -1,13 +1,34 @@
 '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');
+var solana = require('@web3auth/no-modal/vue/solana');
 
 
 
-exports.useSignAndSendTransaction = useSignAndSendTransaction.useSignAndSendTransaction;
-exports.useSignMessage = useSignMessage.useSignMessage;
-exports.useSignTransaction = useSignTransaction.useSignTransaction;
-exports.useSolanaWallet = useSolanaWallet.useSolanaWallet;
+Object.defineProperty(exports, "SOLANA_CLIENT_KEY", {
+	enumerable: true,
+	get: function () { return solana.SOLANA_CLIENT_KEY; }
+});
+Object.defineProperty(exports, "SolanaProvider", {
+	enumerable: true,
+	get: function () { return solana.SolanaProvider; }
+});
+Object.defineProperty(exports, "useSignAndSendTransaction", {
+	enumerable: true,
+	get: function () { return solana.useSignAndSendTransaction; }
+});
+Object.defineProperty(exports, "useSignMessage", {
+	enumerable: true,
+	get: function () { return solana.useSignMessage; }
+});
+Object.defineProperty(exports, "useSignTransaction", {
+	enumerable: true,
+	get: function () { return solana.useSignTransaction; }
+});
+Object.defineProperty(exports, "useSolanaClient", {
+	enumerable: true,
+	get: function () { return solana.useSolanaClient; }
+});
+Object.defineProperty(exports, "useSolanaWallet", {
+	enumerable: true,
+	get: function () { return solana.useSolanaWallet; }
+});

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

@@ -2,15 +2,14 @@
 
 var _objectSpread = require('@babel/runtime/helpers/objectSpread2');
 var core = require('@wagmi/core');
-var vue$1 = require('@wagmi/vue');
+var vue$2 = require('@wagmi/vue');
 var connectors = require('@wagmi/vue/connectors');
 var auth = require('@web3auth/auth');
 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');
+var vue$1 = require('@web3auth/no-modal/vue');
 var constants = require('./constants.js');
 
 const WEB3AUTH_CONNECTOR_ID = "web3auth";
@@ -76,16 +75,16 @@ const Web3AuthWagmiProvider = vue.defineComponent({
   setup() {
     const {
       isConnected,
-      provider
+      connection
     } = useWeb3Auth.useWeb3Auth();
     const {
       disconnect
-    } = useWeb3AuthDisconnect.useWeb3AuthDisconnect();
-    const wagmiConfig = vue$1.useConfig();
+    } = vue$1.useWeb3AuthDisconnect();
+    const wagmiConfig = vue$2.useConfig();
     const {
-      reconnect
-    } = vue$1.useReconnect();
-    vue$1.useAccountEffect({
+      mutate: reconnect
+    } = vue$2.useReconnect();
+    vue$2.useConnectionEffect({
       onDisconnect: async () => {
         noModal.log.info("Disconnected from wagmi");
         if (isConnected.value) await disconnect();
@@ -97,9 +96,11 @@ const Web3AuthWagmiProvider = vue.defineComponent({
         }
       }
     });
-    vue.watch(isConnected, async newIsConnected => {
-      if (newIsConnected && provider.value) {
-        const connector = await setupConnector(provider.value, wagmiConfig);
+    vue.watch([isConnected, connection], async () => {
+      var _connection$value;
+      const newIsConnected = isConnected.value;
+      if (newIsConnected && (_connection$value = connection.value) !== null && _connection$value !== void 0 && _connection$value.ethereumProvider) {
+        const connector = await setupConnector(connection.value.ethereumProvider, wagmiConfig);
         if (!connector) {
           noModal.log.error("Failed to setup vue wagmi connector");
           throw new Error("Failed to setup connector");
@@ -132,7 +133,7 @@ const Web3AuthWagmiInnerProvider = vue.defineComponent({
     const {
       config
     } = props;
-    vue.provide(vue$1.configKey, config);
+    vue.provide(vue$2.configKey, config);
   },
   render() {
     var _this$$slots$default2;
@@ -221,7 +222,7 @@ const WagmiProvider = vue.defineComponent({
         });
         configParams.chains = [wagmiChains[0], ...wagmiChains.slice(1)];
       }
-      return vue$1.createConfig(configParams);
+      return vue$2.createConfig(configParams);
     };
     const hydrateWagmiConfig = () => {
       if (finalConfig.value) {

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

@@ -0,0 +1,12 @@
+'use strict';
+
+var x402 = require('@web3auth/no-modal/x402');
+
+
+
+Object.keys(x402).forEach(function (k) {
+	if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
+		enumerable: true,
+		get: function () { return x402[k]; }
+	});
+});

package/dist/lib.cjs/packages/modal/src/x402/react.js

@@ -0,0 +1,26 @@
+'use strict';
+
+var react = require('@web3auth/no-modal/x402/react');
+
+
+
+Object.defineProperty(exports, "createEvmX402Fetch", {
+	enumerable: true,
+	get: function () { return react.createEvmX402Fetch; }
+});
+Object.defineProperty(exports, "createProviderBackedEvmSigner", {
+	enumerable: true,
+	get: function () { return react.createProviderBackedEvmSigner; }
+});
+Object.defineProperty(exports, "createSolanaX402Fetch", {
+	enumerable: true,
+	get: function () { return react.createSolanaX402Fetch; }
+});
+Object.defineProperty(exports, "getEvmAddress", {
+	enumerable: true,
+	get: function () { return react.getEvmAddress; }
+});
+Object.defineProperty(exports, "useX402Fetch", {
+	enumerable: true,
+	get: function () { return react.useX402Fetch; }
+});

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

@@ -0,0 +1,18 @@
+'use strict';
+
+var vue = require('@web3auth/no-modal/x402/vue');
+
+
+
+Object.defineProperty(exports, "createEvmX402Fetch", {
+	enumerable: true,
+	get: function () { return vue.createEvmX402Fetch; }
+});
+Object.defineProperty(exports, "createSolanaX402Fetch", {
+	enumerable: true,
+	get: function () { return vue.createSolanaX402Fetch; }
+});
+Object.defineProperty(exports, "useX402Fetch", {
+	enumerable: true,
+	get: function () { return vue.useX402Fetch; }
+});

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

@@ -1,4 +1,4 @@
-import type { BaseConnectorConfig, IProvider, IWeb3Auth, LoginMethodConfig, WALLET_CONNECTOR_TYPE } from "@web3auth/no-modal";
+import type { BaseConnectorConfig, Connection, IWeb3Auth, LoginMethodConfig, WALLET_CONNECTOR_TYPE } from "@web3auth/no-modal";
 export interface ModalConfig extends Omit<BaseConnectorConfig, "isInjected" | "chainNamespaces"> {
     loginMethods?: LoginMethodConfig;
 }
@@ -7,5 +7,5 @@ export interface ConnectorsModalConfig {
     hideWalletDiscovery?: boolean;
 }
 export interface IWeb3AuthModal extends IWeb3Auth {
-    connect(): Promise<IProvider | null>;
+    connect(): Promise<Connection | null>;
 }

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

@@ -1,4 +1,4 @@
-import { type IProvider, type IWeb3AuthCoreOptions, IWeb3AuthState, type ProjectConfig, Web3AuthNoModal } from "@web3auth/no-modal";
+import { type Connection, type IWeb3AuthCoreOptions, IWeb3AuthState, LoginModeType, type ProjectConfig, Web3AuthNoModal } from "@web3auth/no-modal";
 import { type ConnectorsModalConfig, type IWeb3AuthModal } from "./interface";
 import { LoginModal, type UIConfig } from "./ui";
 export interface Web3AuthOptions extends IWeb3AuthCoreOptions {
@@ -13,13 +13,15 @@ export interface Web3AuthOptions extends IWeb3AuthCoreOptions {
 }
 export declare class Web3Auth extends Web3AuthNoModal implements IWeb3AuthModal {
     loginModal: LoginModal;
+    loginMode: LoginModeType;
     readonly options: Web3AuthOptions;
     private modalConfig;
-    constructor(options: Web3AuthOptions, initialState?: IWeb3AuthState);
+    constructor(options: Web3AuthOptions, initialState?: Partial<IWeb3AuthState>);
     init(options?: {
         signal?: AbortSignal;
     }): Promise<void>;
-    connect(): Promise<IProvider | null>;
+    connect(): Promise<Connection | null>;
+    acceptConsent(): Promise<void>;
     protected initUIConfig(projectConfig: ProjectConfig): void;
     protected getInitializationTrackData(): Record<string, unknown>;
     private filterWalletRegistry;
@@ -34,6 +36,8 @@ export declare class Web3Auth extends Web3AuthNoModal implements IWeb3AuthModal
     private onExternalWalletLogin;
     private onModalVisibility;
     private onMobileVerifyConnect;
+    private onAcceptConsent;
+    private onDeclineConsent;
     private getChainNamespaces;
     private getCombinedConnectionId;
 }

package/dist/lib.cjs/types/react/context/WalletServicesInnerContext.d.ts

@@ -1,6 +1,13 @@
-import { Context, PropsWithChildren } from "react";
-import { IWalletServicesContext, IWeb3AuthInnerContext } from "../interfaces";
+import { type Context, PropsWithChildren } from "react";
+import { type IWalletServicesContext } from "../interfaces";
+type IWeb3AuthContextForWalletServices = {
+    getPlugin: (name: string) => unknown;
+    isInitialized: boolean;
+    isConnected: boolean;
+};
+type WalletServicesContextProviderProps<TWeb3AuthContext extends IWeb3AuthContextForWalletServices> = PropsWithChildren<{
+    context: Context<TWeb3AuthContext>;
+}>;
 export declare const WalletServicesContext: Context<IWalletServicesContext>;
-export declare function WalletServicesContextProvider({ children, context }: PropsWithChildren<{
-    context: Context<IWeb3AuthInnerContext>;
-}>): import("react").FunctionComponentElement<import("react").ProviderProps<IWalletServicesContext>>;
+export declare function WalletServicesContextProvider<TWeb3AuthContext extends IWeb3AuthContextForWalletServices>({ children, context, }: WalletServicesContextProviderProps<TWeb3AuthContext>): import("react").FunctionComponentElement<import("react").ProviderProps<IWalletServicesContext>>;
+export {};

package/dist/lib.cjs/types/react/context/Web3AuthInnerContext.d.ts

@@ -1,4 +1,5 @@
+import { Web3AuthInnerContext as Web3AuthInnerContextNoModal } from "@web3auth/no-modal/react";
 import { PropsWithChildren } from "react";
-import { IWeb3AuthInnerContext, Web3AuthProviderProps } from "../interfaces";
-export declare const Web3AuthInnerContext: import("react").Context<IWeb3AuthInnerContext>;
-export declare function Web3AuthInnerProvider(params: PropsWithChildren<Web3AuthProviderProps>): import("react").FunctionComponentElement<import("react").ProviderProps<IWeb3AuthInnerContext>>;
+import { Web3AuthProviderProps } from "../interfaces";
+export { Web3AuthInnerContextNoModal as Web3AuthInnerContext };
+export declare function Web3AuthInnerProvider(params: PropsWithChildren<Web3AuthProviderProps>): import("react").FunctionComponentElement<import("react").ProviderProps<import("@web3auth/no-modal/react").IWeb3AuthInnerContext>>;

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

@@ -1,16 +1,17 @@
-export * from "./useChain";
-export * from "./useCheckout";
-export * from "./useEnableMFA";
-export * from "./useFunding";
-export * from "./useIdentityToken";
-export * from "./useManageMFA";
-export * from "./useReceive";
-export * from "./useSwap";
-export * from "./useSwitchChain";
-export * from "./useWalletConnectScanner";
-export * from "./useWalletServicesPlugin";
-export * from "./useWalletUI";
 export * from "./useWeb3Auth";
 export * from "./useWeb3AuthConnect";
-export * from "./useWeb3AuthDisconnect";
-export * from "./useWeb3AuthUser";
+export type { IUseAuthTokenInfo, IUseChain, IUseCheckout, IUseEnableMFA, IUseFunding, IUseManageMFA, IUseReceive, IUseSwap, IUseSwitchChain, IUseWalletConnectScanner, IUseWalletUI, IUseWeb3AuthDisconnect, IUseWeb3AuthUser, } from "@web3auth/no-modal/react";
+export { useAuthTokenInfo } from "@web3auth/no-modal/react";
+export { useChain } from "@web3auth/no-modal/react";
+export { useCheckout } from "@web3auth/no-modal/react";
+export { useEnableMFA } from "@web3auth/no-modal/react";
+export { useFunding } from "@web3auth/no-modal/react";
+export { useManageMFA } from "@web3auth/no-modal/react";
+export { useReceive } from "@web3auth/no-modal/react";
+export { useSwap } from "@web3auth/no-modal/react";
+export { useSwitchChain } from "@web3auth/no-modal/react";
+export { useWalletConnectScanner } from "@web3auth/no-modal/react";
+export { useWalletServicesPlugin } from "@web3auth/no-modal/react";
+export { useWalletUI } from "@web3auth/no-modal/react";
+export { useWeb3AuthDisconnect } from "@web3auth/no-modal/react";
+export { useWeb3AuthUser } from "@web3auth/no-modal/react";

package/dist/lib.cjs/types/react/hooks/useWeb3Auth.d.ts

@@ -1,3 +1,2 @@
 import { IWeb3AuthInnerContext } from "../interfaces";
-export type IUseWeb3Auth = Omit<IWeb3AuthInnerContext, "isMFAEnabled" | "setIsMFAEnabled" | "chainId" | "chainNamespace">;
-export declare const useWeb3Auth: () => IUseWeb3Auth;
+export declare const useWeb3Auth: () => IWeb3AuthInnerContext;

package/dist/lib.cjs/types/react/hooks/useWeb3AuthConnect.d.ts

@@ -1,10 +1,10 @@
-import type { IProvider, LoginParamMap, WALLET_CONNECTOR_TYPE, Web3AuthError } from "@web3auth/no-modal";
+import type { Connection, LoginParamMap, WALLET_CONNECTOR_TYPE, Web3AuthError } from "@web3auth/no-modal";
 export interface IUseWeb3AuthConnect {
     isConnected: boolean;
     loading: boolean;
     error: Web3AuthError | null;
     connectorName: WALLET_CONNECTOR_TYPE | null;
-    connect(): Promise<IProvider | null>;
-    connectTo<T extends WALLET_CONNECTOR_TYPE>(connector: T, params?: LoginParamMap[T]): Promise<IProvider | null>;
+    connect(): Promise<Connection | null>;
+    connectTo<T extends WALLET_CONNECTOR_TYPE>(connector: T, params?: LoginParamMap[T]): Promise<Connection | null>;
 }
 export declare const useWeb3AuthConnect: () => IUseWeb3AuthConnect;

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

@@ -1,4 +1,5 @@
-import type { IBaseWeb3AuthHookContext, IWeb3AuthState, WalletServicesPluginType } from "@web3auth/no-modal";
+import type { IWeb3AuthState, WalletServicesPluginType } from "@web3auth/no-modal";
+import type { IWeb3AuthInnerContext as INoModalWeb3AuthInnerContext } from "@web3auth/no-modal/react";
 import type { Web3Auth, Web3AuthOptions } from "../modalManager";
 export type Web3AuthContextConfig = {
     web3AuthOptions: Web3AuthOptions;
@@ -7,7 +8,7 @@ export interface Web3AuthProviderProps {
     config: Web3AuthContextConfig;
     initialState?: IWeb3AuthState;
 }
-export interface IWeb3AuthInnerContext extends IBaseWeb3AuthHookContext {
+export interface IWeb3AuthInnerContext extends Omit<INoModalWeb3AuthInnerContext, "web3Auth"> {
     web3Auth: Web3Auth | null;
 }
 export interface IWalletServicesContext {

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

@@ -1,4 +1,5 @@
-export * from "./useSignAndSendTransaction";
-export * from "./useSignMessage";
-export * from "./useSignTransaction";
-export * from "./useSolanaWallet";
+export type { IUseSignAndSendTransaction, IUseSignMessage, IUseSignTransaction, IUseSolanaWallet } from "@web3auth/no-modal/react/solana";
+export { useSignAndSendTransaction } from "@web3auth/no-modal/react/solana";
+export { useSignMessage } from "@web3auth/no-modal/react/solana";
+export { useSignTransaction } from "@web3auth/no-modal/react/solana";
+export { useSolanaWallet } from "@web3auth/no-modal/react/solana";

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

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

package/dist/lib.cjs/types/react/solana/provider.d.ts

@@ -0,0 +1 @@
+export { SolanaProvider } from "@web3auth/no-modal/react/solana";

package/dist/lib.cjs/types/ui/components/BottomSheet/BottomSheet.d.ts

@@ -3,5 +3,5 @@ import { BottomSheetProps } from "./BottomSheet.type";
  * BottomSheet component
  * @returns BottomSheet component
  */
-declare function BottomSheet({ isShown, onClose, children, uiConfig, sheetClassName, showCloseButton }: BottomSheetProps): import("react/jsx-runtime").JSX.Element;
+declare function BottomSheet({ isShown, onClose, children, sheetClassName, showCloseButton, borderRadiusType }: BottomSheetProps): import("react/jsx-runtime").JSX.Element;
 export default BottomSheet;

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

@@ -1,9 +1,10 @@
-import { UIConfig } from "../../interfaces";
+import { type ReactNode } from "react";
+import { BorderRadiusType } from "../../interfaces";
 export interface BottomSheetProps {
     isShown: boolean;
-    uiConfig: UIConfig;
     onClose: () => void;
-    children: React.ReactNode;
+    children: ReactNode;
     sheetClassName?: string;
     showCloseButton?: boolean;
+    borderRadiusType?: BorderRadiusType;
 }

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

@@ -1,5 +1,6 @@
 import { browser, ButtonRadiusType, ExternalButton, os, platform } from "../../../interfaces";
 export interface ButtonWalletProps {
+    isDark: boolean;
     label: string;
     onClick?: () => void;
     button?: ExternalButton;

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

@@ -1,10 +1,8 @@
-import { BaseConnectorConfig, WALLET_CONNECTOR_TYPE, WalletRegistry } from "@web3auth/no-modal";
+import { BaseConnectorConfig, WALLET_CONNECTOR_TYPE } from "@web3auth/no-modal";
 import type { ModalStatusType } from "../../interfaces";
 export interface LoaderProps {
     externalWalletsConfig: Record<string, BaseConnectorConfig>;
-    walletRegistry?: WalletRegistry;
     message?: string;
-    appLogo?: string;
     connector: string;
     connectorName: string;
     modalStatus: ModalStatusType;
@@ -14,8 +12,12 @@ export interface LoaderProps {
         connector: WALLET_CONNECTOR_TYPE;
     }) => void;
     hideSuccessScreen?: boolean;
+    onAcceptConsent?: () => void | Promise<void>;
+    onDeclineConsent?: () => void | Promise<void>;
+    privacyPolicy?: string;
+    tncLink?: string;
 }
-export type ConnectingStatusType = Pick<LoaderProps, "connectorName" | "appLogo" | "connector">;
+export type ConnectingStatusType = Pick<LoaderProps, "connectorName" | "connector">;
 export type ConnectedStatusType = Pick<LoaderProps, "message">;
 export type ErroredStatusType = Pick<LoaderProps, "message">;
-export type AuthorizingStatusType = Pick<LoaderProps, "connector" | "externalWalletsConfig" | "walletRegistry" | "handleMobileVerifyConnect">;
+export type AuthorizingStatusType = Pick<LoaderProps, "connector" | "externalWalletsConfig" | "handleMobileVerifyConnect">;

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

@@ -1,5 +1,6 @@
+import { type ReactNode } from "react";
 export interface LoginHintProps {
-    children: React.ReactNode;
+    children: ReactNode;
     content: string;
     isDark?: boolean;
     hideHint?: boolean;

package/dist/lib.cjs/types/ui/components/SpinnerLoader/SpinnerLoader.d.ts

@@ -0,0 +1,4 @@
+import "./SpinnerLoader.css";
+import type { SpinnerLoaderProps } from "./SpinnerLoader.type";
+declare const SpinnerLoader: (props: SpinnerLoaderProps) => import("react/jsx-runtime").JSX.Element;
+export default SpinnerLoader;

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

@@ -0,0 +1,9 @@
+import type { ReactNode } from "react";
+export type SpinnerLoaderClassesKey = "spinner";
+export interface SpinnerLoaderProps {
+    children?: ReactNode;
+    classes?: Partial<Record<SpinnerLoaderClassesKey, string>>;
+    width?: number | string;
+    height?: number | string;
+    className?: string;
+}

package/dist/lib.cjs/types/ui/components/SpinnerLoader/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from "./SpinnerLoader";
+export type { SpinnerLoaderClassesKey, SpinnerLoaderProps } from "./SpinnerLoader.type";

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

@@ -1,12 +1,15 @@
 import { WalletRegistryItem } from "@web3auth/no-modal";
 export declare const PAGES: {
-    LOGIN: string;
-    SHOW_SOCIAL_LOGINS: string;
-    CONNECT_WALLET: string;
-    SELECTED_WALLET: string;
+    /** Main login options: social logins and wallet button (e.g. MetaMask) */
+    LOGIN_OPTIONS: string;
+    /** List of all available wallets to connect */
+    WALLET_LIST: string;
+    /** QR code or instructions for connecting to the selected wallet */
+    WALLET_CONNECTION_DETAILS: string;
 };
 export declare const CONNECT_WALLET_PAGES: {
     CONNECT_WALLET: string;
+    /** Sub-page title when showing QR/instructions for selected wallet */
     SELECTED_WALLET: string;
 };
 export declare const DEFAULT_LOGO_LIGHT = "https://images.web3auth.io/web3auth-logo-w.svg";

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

@@ -0,0 +1,7 @@
+import type { ExternalButton } from "../../interfaces";
+export interface ConnectWalletProps {
+    allRegistryButtons: ExternalButton[];
+    customConnectorButtons: ExternalButton[];
+    connectorVisibilityMap: Record<string, boolean>;
+    isExternalWalletModeOnly?: boolean;
+}

package/dist/lib.cjs/types/ui/{components → containers}/ConnectWallet/ConnectWalletChainFilter/ConnectWalletChainFilter.type.d.ts

@@ -1,4 +1,3 @@
-import type { ChainNamespaceType } from "@web3auth/no-modal";
 export interface Chain {
     id: string;
     name: string;
@@ -8,6 +7,5 @@ export interface ConnectWalletChainFilterProps {
     isDark: boolean;
     isLoading: boolean;
     selectedChain: string;
-    chainNamespace: ChainNamespaceType[];
     setSelectedChain: (chain: string) => void;
 }

package/dist/lib.cjs/types/ui/{components → containers}/ConnectWallet/ConnectWalletList/ConnectWalletList.type.d.ts

@@ -1,20 +1,14 @@
-import { browser, ButtonRadiusType, ExternalButton, os, platform } from "../../../interfaces";
+import { ExternalButton } from "../../../interfaces";
 export interface ConnectWalletListProps {
     externalButtons: ExternalButton[];
     isLoading: boolean;
     totalExternalWalletsCount: number;
     initialWalletCount: number;
     isDark: boolean;
-    deviceDetails: {
-        platform: platform;
-        browser: browser;
-        os: os;
-    };
     walletConnectUri: string;
-    buttonRadius: ButtonRadiusType;
     handleWalletClick: (button: ExternalButton) => void;
     handleMoreWallets: () => void;
     isShowAllWallets: boolean;
 }
-export type WalletsFoundProps = Pick<ConnectWalletListProps, "externalButtons" | "isLoading" | "handleWalletClick" | "deviceDetails" | "walletConnectUri" | "buttonRadius">;
-export type MoreWalletsButtonProps = Pick<ConnectWalletListProps, "totalExternalWalletsCount" | "initialWalletCount" | "handleMoreWallets" | "isLoading" | "isDark" | "buttonRadius">;
+export type WalletsFoundProps = Pick<ConnectWalletListProps, "externalButtons" | "isLoading" | "handleWalletClick" | "walletConnectUri">;
+export type MoreWalletsButtonProps = Pick<ConnectWalletListProps, "totalExternalWalletsCount" | "initialWalletCount" | "handleMoreWallets" | "isLoading" | "isDark">;

package/dist/lib.cjs/types/ui/{components → containers}/ConnectWallet/ConnectWalletSearch/ConnectWalletSearch.type.d.ts

@@ -1,9 +1,7 @@
 import type { FormEvent } from "react";
-import type { ButtonRadiusType } from "../../../interfaces";
 export interface ConnectWalletSearchProps {
     totalExternalWalletCount: number;
     isLoading: boolean;
     walletSearch: string;
     handleWalletSearch: (e: FormEvent<HTMLInputElement>) => void;
-    buttonRadius: ButtonRadiusType;
 }

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

@@ -0,0 +1,6 @@
+import type { ExternalButton } from "../../interfaces";
+export interface LoginProps {
+    installedExternalWalletConfig: ExternalButton[];
+    totalExternalWallets: number;
+    remainingUndisplayedWallets: number;
+}

package/dist/lib.cjs/types/ui/containers/Root/Root.type.d.ts

@@ -0,0 +1,3 @@
+export interface RootProps {
+    onCloseLoader: () => void;
+}

package/dist/lib.cjs/types/ui/containers/Root/RootBodySheets/RootBodySheets.d.ts

@@ -0,0 +1 @@
+export default function RootBodySheets(): import("react/jsx-runtime").JSX.Element;

package/dist/lib.cjs/types/ui/containers/Widget/Widget.type.d.ts

@@ -0,0 +1,5 @@
+import { SafeEventEmitter } from "@web3auth/auth";
+import { StateEmitterEvents } from "../../interfaces";
+export interface WidgetProps {
+    stateListener: SafeEventEmitter<StateEmitterEvents>;
+}