@web3auth/modal 10.16.0 → 11.0.0-beta.1

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/AccountLinking/AccountLinking.d.ts

@@ -0,0 +1,6 @@
+import { type ExternalButton } from "../../interfaces";
+interface AccountLinkingProps {
+    allExternalWallets: ExternalButton[];
+}
+declare function AccountLinking(props: AccountLinkingProps): import("react/jsx-runtime").JSX.Element;
+export default AccountLinking;

package/dist/lib.cjs/types/ui/containers/AccountLinking/index.d.ts

@@ -0,0 +1 @@
+export { default } from "./AccountLinking";

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/ConnectWalletHeader/ConnectWalletHeader.type.d.ts

@@ -5,4 +5,5 @@ export interface ConnectWalletHeaderProps {
     currentPage: string;
     selectedButton: ExternalButton;
     hideBackButton?: boolean;
+    isLinking?: boolean;
 }

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/{components → containers}/Root/Root.d.ts

@@ -1,3 +1,3 @@
-import { RootProps } from "./Root.type";
+import type { RootProps } from "./Root.type";
 declare function Root(props: RootProps): import("react/jsx-runtime").JSX.Element;
 export default Root;

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>;
+}

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

@@ -0,0 +1,28 @@
+import { type Dispatch, type FC, type ReactNode, type SetStateAction } from "react";
+import { type ExternalWalletEventType, ModalState, type SocialLoginEventType, StateEmitterEvents } from "../interfaces";
+type StateListener = {
+    on: <K extends keyof StateEmitterEvents>(event: K, listener: StateEmitterEvents[K]) => void;
+    emit: <K extends keyof StateEmitterEvents>(event: K, ...args: Parameters<StateEmitterEvents[K]>) => void;
+};
+type ModalStateContextType = {
+    modalState: ModalState;
+    setModalState: Dispatch<SetStateAction<ModalState>>;
+    preHandleExternalWalletClick: (params: ExternalWalletEventType) => void;
+    preHandleSocialLoginClick: (params: SocialLoginEventType) => void;
+    handleShowExternalWallets: (flag: boolean) => void;
+    areSocialLoginsVisible: boolean;
+    isEmailPrimary: boolean;
+    isExternalPrimary: boolean;
+    isEmailPasswordLessLoginVisible: boolean;
+    isSmsPasswordLessLoginVisible: boolean;
+    showPasswordLessInput: boolean;
+    showExternalWalletButton: boolean;
+    shouldShowLoginPage: boolean;
+};
+type ModalStateProviderProps = {
+    children: ReactNode;
+    stateListener: StateListener;
+};
+export declare const ModalStateProvider: FC<ModalStateProviderProps>;
+export declare const useModalState: () => ModalStateContextType;
+export {};

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

@@ -1,4 +1,4 @@
-import { Dispatch, SetStateAction } from "react";
+import { type Dispatch, type FC, type ReactNode, type SetStateAction } from "react";
 import { ExternalButton, ToastType } from "../interfaces";
 export type BodyState = {
     installLinks?: {
@@ -9,19 +9,31 @@ export type BodyState = {
         show: boolean;
         wallet: ExternalButton;
     };
-    metamaskQrCode: {
-        show: boolean;
-        wallet: ExternalButton;
-    };
+    preSelectedWallet?: ExternalButton;
 };
 export type ToastState = {
     message: string;
     type: ToastType;
 };
-export type RootContextType = {
+export declare const initialBodyState: BodyState;
+export declare const initialToastState: ToastState;
+type RootContextType = {
+    bodyState: BodyState;
+    setBodyState: Dispatch<SetStateAction<BodyState>>;
+    toast: ToastState;
+    setToast: Dispatch<SetStateAction<ToastState>>;
+};
+type RootProviderProps = {
+    children: ReactNode;
+};
+export declare const RootProvider: FC<RootProviderProps>;
+export declare const useRoot: () => RootContextType;
+export declare const useBodyState: () => {
     bodyState: BodyState;
     setBodyState: Dispatch<SetStateAction<BodyState>>;
+};
+export declare const useToast: () => {
     toast: ToastState;
     setToast: Dispatch<SetStateAction<ToastState>>;
 };
-export declare const RootContext: import("react").Context<RootContextType>;
+export {};

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

@@ -0,0 +1,45 @@
+import { WALLET_CONNECTOR_TYPE } from "@web3auth/no-modal";
+import { type FC, type ReactNode } from "react";
+import { browser, ExternalWalletEventType, LoginModalProps, os, platform, SocialLoginEventType } from "../interfaces";
+type WidgetContextType = {
+    isDark: boolean;
+    appLogo?: string;
+    deviceDetails: {
+        platform: platform;
+        browser: browser;
+        os: os;
+    };
+    uiConfig: LoginModalProps;
+    isConnectAndSignAuthenticationMode: boolean;
+    handleSocialLoginClick: (params: SocialLoginEventType) => void;
+    handleExternalWalletClick: (params: ExternalWalletEventType) => void;
+    handleMobileVerifyConnect: (params: {
+        connector: WALLET_CONNECTOR_TYPE;
+    }) => void;
+    handleShowExternalWallets: (externalWalletsInitialized: boolean) => void;
+    handleAcceptConsent: () => void | Promise<void>;
+    handleDeclineConsent: () => void | Promise<void>;
+    closeModal: () => void;
+};
+type WidgetProviderProps = {
+    children: ReactNode;
+    isDark: boolean;
+    deviceDetails: {
+        platform: platform;
+        browser: browser;
+        os: os;
+    };
+    uiConfig: LoginModalProps;
+    handleSocialLoginClick: (params: SocialLoginEventType) => void;
+    handleExternalWalletClick: (params: ExternalWalletEventType) => void;
+    handleMobileVerifyConnect: (params: {
+        connector: WALLET_CONNECTOR_TYPE;
+    }) => void;
+    handleShowExternalWallets: (externalWalletsInitialized: boolean) => void;
+    handleAcceptConsent: () => void | Promise<void>;
+    handleDeclineConsent: () => void | Promise<void>;
+    closeModal: () => void;
+};
+export declare const WidgetProvider: FC<WidgetProviderProps>;
+export declare const useWidget: () => WidgetContextType;
+export {};

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

@@ -63,7 +63,6 @@ export interface LoginModalCallbacks {
         externalWalletsInitialized: boolean;
     }) => Promise<void>;
     onSocialLogin: (params: {
-        connector: WALLET_CONNECTOR_TYPE;
         loginParams: ModalLoginParams;
     }) => Promise<void>;
     onExternalWalletLogin: (params: {
@@ -76,6 +75,8 @@ export interface LoginModalCallbacks {
     onMobileVerifyConnect: (params: {
         connector: WALLET_CONNECTOR_TYPE;
     }) => Promise<void>;
+    onAcceptConsent: () => Promise<void>;
+    onDeclineConsent: () => Promise<void>;
 }
 export declare const LOGIN_MODAL_EVENTS: {
     readonly MODAL_VISIBILITY: "MODAL_VISIBILITY";
@@ -83,7 +84,6 @@ export declare const LOGIN_MODAL_EVENTS: {
 export type SocialLoginsConfig = {
     loginMethodsOrder: string[];
     loginMethods: LoginMethodConfig;
-    connector: WALLET_CONNECTOR_TYPE;
     uiConfig: Omit<UIConfig, "connectorListener">;
 };
 export declare const MODAL_STATUS: {
@@ -93,30 +93,69 @@ export declare const MODAL_STATUS: {
     readonly ERRORED: "errored";
     readonly AUTHORIZING: "authorizing";
     readonly AUTHORIZED: "authorized";
+    readonly CONSENT_REQUIRING: "consent_requiring";
 };
 export type ModalStatusType = (typeof MODAL_STATUS)[keyof typeof MODAL_STATUS];
+export declare const ACCOUNT_LINKING_STATUS: {
+    readonly IDLE: "idle";
+    readonly INITIALIZING: "initializing";
+    readonly AWAITING_CONNECTION: "awaiting_connection";
+    readonly WALLET_CONNECTED: "wallet_connected";
+    readonly LINKING: "linking";
+    readonly ERRORED: "errored";
+    readonly COMPLETED: "completed";
+};
+export type AccountLinkingStatusType = (typeof ACCOUNT_LINKING_STATUS)[keyof typeof ACCOUNT_LINKING_STATUS];
+export declare const ACCOUNT_LINKING_INTENT: {
+    readonly LINK: "link";
+    readonly SWITCH: "switch";
+};
+export type AccountLinkingIntentType = (typeof ACCOUNT_LINKING_INTENT)[keyof typeof ACCOUNT_LINKING_INTENT];
+export interface AccountLinkingState {
+    active: boolean;
+    /**
+     * True when the modal is showing the wallet picker for `linkAccount()` called
+     * without a `connectorName`. The user's selection in the ConnectWallet UI will
+     * be routed to the linking flow instead of the regular login flow.
+     */
+    pickerActive: boolean;
+    /**
+     * The name of the wallet to be linked to.
+     */
+    connectorName: WALLET_CONNECTOR_TYPE | string | null;
+    /**
+     * The underlying actual connector that is used to connect to the target account.
+     * This is different from the connectorName coz except for Metamask, others wallet can be used to connect with injectedEvmConnector/solanaStandardWalletConnector if installed.
+     * Otherwise, will fallback to the wallet-connect connector.
+     *
+     * This is useful when we want to rehydrate the linked account, using this transport connector to connect back to the target account.
+     **/
+    transportConnectorName: WALLET_CONNECTOR_TYPE | string | null;
+    chainId: string | null;
+    intent: AccountLinkingIntentType;
+    status: AccountLinkingStatusType;
+    walletConnectUri?: string;
+    errorMessage: string;
+}
+export declare const DEFAULT_ACCOUNT_LINKING_STATE: AccountLinkingState;
 export interface ModalState {
     status: ModalStatusType;
-    externalWalletsInitialized: boolean;
-    hasExternalWallets: boolean;
-    externalWalletsVisibility: boolean;
     modalVisibility: boolean;
-    modalVisibilityDelayed: boolean;
+    externalWalletsVisibility: boolean;
+    currentPage?: string;
     postLoadingMessage: string;
+    detailedLoaderConnector: string;
+    detailedLoaderConnectorName: string;
+    hasExternalWallets: boolean;
+    externalWalletsInitialized: boolean;
+    showExternalWalletsOnly: boolean;
     walletConnectUri: string;
     metamaskConnectUri: string;
+    accountLinking: AccountLinkingState;
     socialLoginsConfig: SocialLoginsConfig;
     externalWalletsConfig: Record<string, BaseConnectorConfig>;
-    detailedLoaderConnector: string;
-    detailedLoaderConnectorName: string;
-    showExternalWalletsOnly: boolean;
-    currentPage?: string;
-    web3authClientId: string;
-    web3authNetwork: WEB3AUTH_NETWORK_TYPE;
-    authBuildEnv: BUILD_ENV_TYPE;
 }
 export type SocialLoginEventType = {
-    connector: WALLET_CONNECTOR_TYPE;
     loginParams: ModalLoginParams;
 };
 export type ExternalWalletEventType = {
@@ -150,7 +189,6 @@ export type rowType = {
     isDark: boolean;
     isPrimaryBtn: boolean;
     name: string;
-    connector: SocialLoginsConfig["connector"];
     loginParams: {
         authConnection: AUTH_CONNECTION_TYPE;
         name: string;

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

@@ -1,15 +1,16 @@
 import "./css/index.css";
 import { type BaseConnectorConfig, type LoginMethodConfig, type WALLET_CONNECTOR_TYPE } from "@web3auth/no-modal";
-import { browser, LoginModalCallbacks, LoginModalProps, os, platform, UIConfig } from "./interfaces";
+import { ACCOUNT_LINKING_INTENT, type AccountLinkingState, browser, LoginModalCallbacks, LoginModalProps, os, platform, UIConfig } from "./interfaces";
 export declare class LoginModal {
     private uiConfig;
     private stateEmitter;
-    private chainNamespaces;
-    private walletRegistry;
     private callbacks;
     private externalWalletsConfig;
     private analytics;
+    private modalStatus;
+    private accountLinkingState;
     constructor(uiConfig: LoginModalProps, callbacks: LoginModalCallbacks);
+    get consentRequired(): boolean;
     get isDark(): boolean;
     get deviceDetails(): {
         platform: platform;
@@ -17,18 +18,44 @@ export declare class LoginModal {
         os: os;
     };
     initModal: () => Promise<void>;
-    addSocialLogins: (connector: WALLET_CONNECTOR_TYPE, loginMethods: LoginMethodConfig, loginMethodsOrder: string[], uiConfig: Omit<UIConfig, "connectorListener">) => void;
+    addSocialLogins: (loginMethods: LoginMethodConfig, loginMethodsOrder: string[], uiConfig: Omit<UIConfig, "connectorListener">) => void;
     addWalletLogins: (externalWalletsConfig: Record<string, BaseConnectorConfig>, options?: {
         externalWalletsInitialized: boolean;
         externalWalletsVisibility: boolean;
         showExternalWalletsOnly: boolean;
     }) => void;
+    startAccountLinkingSession: (params: {
+        connectorName: WALLET_CONNECTOR_TYPE | string;
+        transportConnectorName?: WALLET_CONNECTOR_TYPE | string;
+        chainId: string;
+        intent?: (typeof ACCOUNT_LINKING_INTENT)[keyof typeof ACCOUNT_LINKING_INTENT];
+    }) => void;
+    updateAccountLinkingState: (accountLinking: Partial<AccountLinkingState>) => void;
+    resetAccountLinkingSession: () => void;
+    hasActiveAccountLinkingSession: () => boolean;
+    startAccountLinkingPicker: (params: {
+        chainId: string;
+    }) => void;
+    endAccountLinkingPicker: () => void;
+    startConnectingLoader: (params: {
+        connector: WALLET_CONNECTOR_TYPE | string;
+        connectorName: string;
+    }) => void;
+    markLoaderAuthorizing: () => void;
+    endConnectingLoader: (params: {
+        success: boolean;
+        errorMessage?: string;
+        successMessage?: string;
+        skipSuccessScreen?: boolean;
+    }) => void;
     open: () => void;
     closeModal: () => void;
     initExternalWalletContainer: () => void;
     private handleShowExternalWallets;
     private handleExternalWalletClick;
     private handleMobileVerifyConnect;
+    private handleAcceptConsent;
+    private handleDeclineConsent;
     private handleSocialLoginClick;
     private setState;
     private handleConnectorData;

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

@@ -5,7 +5,7 @@ import { browser, mobileOs, platform, ValidatePhoneNumberApiResponse } from "./i
 export declare function cn(...inputs: ClassValue[]): string;
 export declare const getBrowserExtensionUrl: (browserType: browser, walletId: string) => string;
 export declare const getMobileInstallLink: (os: mobileOs, appId: string) => string;
-export declare const getOsName: (os: mobileOs) => "iOS" | "Android" | "";
+export declare const getOsName: (os: mobileOs) => "" | "iOS" | "Android";
 export declare const getBrowserName: (browserType: browser) => string;
 export declare const getIcons: (icon: string) => string;
 export declare function validateImageUrl(url: string): Promise<boolean>;

package/dist/lib.cjs/types/vue/composables/index.d.ts

@@ -1,16 +1,5 @@
-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 "./useWallets";
 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/vue";
+export { useAuthTokenInfo, useChain, useCheckout, useEnableMFA, useFunding, useManageMFA, useReceive, useSwap, useSwitchChain, useWalletConnectScanner, useWalletServicesPlugin, useWalletUI, useWeb3AuthDisconnect, useWeb3AuthUser, } from "@web3auth/no-modal/vue";

package/dist/lib.cjs/types/vue/composables/useWallets.d.ts

@@ -0,0 +1,2 @@
+export type { IUseWallets } from "@web3auth/no-modal/vue";
+export { useWallets } from "@web3auth/no-modal/vue";

package/dist/lib.cjs/types/vue/composables/useWeb3Auth.d.ts

@@ -1,3 +1,2 @@
 import { IWeb3AuthInnerContext } from "../interfaces";
-export type IWeb3AuthModalContext = IWeb3AuthInnerContext;
-export declare const useWeb3Auth: () => IWeb3AuthModalContext;
+export declare const useWeb3Auth: () => IWeb3AuthInnerContext;

package/dist/lib.cjs/types/vue/composables/useWeb3AuthConnect.d.ts

@@ -1,11 +1,11 @@
-import { IProvider, LoginParamMap, WALLET_CONNECTOR_TYPE, Web3AuthError } from "@web3auth/no-modal";
+import { Connection, LoginParamMap, WALLET_CONNECTOR_TYPE, Web3AuthError } from "@web3auth/no-modal";
 import { Ref } from "vue";
 export interface IUseWeb3AuthConnect {
     isConnected: Ref<boolean>;
     loading: Ref<boolean>;
     error: Ref<Web3AuthError | null>;
     connectorName: Ref<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/vue/interfaces.d.ts

@@ -1,4 +1,5 @@
-import type { ChainNamespaceType, CONNECTOR_STATUS_TYPE, IPlugin, IProvider, WalletServicesPluginType } from "@web3auth/no-modal";
+import type { WalletServicesPluginType } from "@web3auth/no-modal";
+import type { IWeb3AuthInnerContext as INoModalWeb3AuthInnerContext } from "@web3auth/no-modal/vue";
 import { Ref, ShallowRef } from "vue";
 import type { Web3Auth, Web3AuthOptions } from "../modalManager";
 export type Web3AuthContextConfig = {
@@ -7,21 +8,7 @@ export type Web3AuthContextConfig = {
 export interface Web3AuthProviderProps {
     config: Web3AuthContextConfig;
 }
-interface IBaseWeb3AuthComposableContext {
-    isConnected: Ref<boolean>;
-    isAuthorized: Ref<boolean>;
-    provider: Ref<IProvider | null>;
-    isInitializing: Ref<boolean>;
-    initError: Ref<Error | null>;
-    isInitialized: Ref<boolean>;
-    status: Ref<CONNECTOR_STATUS_TYPE | null>;
-    isMFAEnabled: Ref<boolean>;
-    chainId: Ref<string | null>;
-    chainNamespace: Ref<ChainNamespaceType | null>;
-    getPlugin: (pluginName: string) => IPlugin | null;
-    setIsMFAEnabled: (isMfaEnabled: boolean) => void;
-}
-export interface IWeb3AuthInnerContext extends IBaseWeb3AuthComposableContext {
+export interface IWeb3AuthInnerContext extends Omit<INoModalWeb3AuthInnerContext, "web3Auth"> {
     web3Auth: ShallowRef<Web3Auth | null>;
 }
 export interface IWalletServicesInnerContext {
@@ -29,4 +16,3 @@ export interface IWalletServicesInnerContext {
     ready: Ref<boolean>;
     connecting: Ref<boolean>;
 }
-export {};

package/dist/lib.cjs/types/vue/solana/composables/index.d.ts

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

package/dist/lib.cjs/types/vue/solana/composables/useSolanaClient.d.ts

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

package/dist/lib.cjs/types/vue/solana/constants.d.ts

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