@web3auth/no-modal 10.0.0-beta.0 → 10.0.0-beta.10

package/dist/lib.cjs/types/vue/WalletServicesInnerProvider.d.ts

@@ -0,0 +1 @@
+export declare const WalletServicesInnerProvider: import("vue").DefineComponent<{}, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

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

@@ -0,0 +1,13 @@
+export * from "./useCheckout";
+export * from "./useEnableMFA";
+export * from "./useIdentityToken";
+export * from "./useManageMFA";
+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";

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

@@ -0,0 +1,9 @@
+import { BaseEmbedControllerState } from "@toruslabs/base-controllers";
+import { Ref } from "vue";
+import { Web3AuthError } from "../../base";
+export interface IUseCheckout {
+    loading: Ref<boolean>;
+    error: Ref<Web3AuthError | null>;
+    showCheckout: (showCheckoutParams?: BaseEmbedControllerState["showCheckout"]) => Promise<void>;
+}
+export declare const useCheckout: () => IUseCheckout;

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

@@ -0,0 +1,8 @@
+import { Ref } from "vue";
+import { Web3AuthError } from "../../base";
+export interface IUseEnableMFA {
+    loading: Ref<boolean>;
+    error: Ref<Web3AuthError | null>;
+    enableMFA<T>(params?: T): Promise<void>;
+}
+export declare const useEnableMFA: () => IUseEnableMFA;

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

@@ -0,0 +1,9 @@
+import { Ref } from "vue";
+import { Web3AuthError } from "../../base";
+export interface IUseIdentityToken {
+    loading: Ref<boolean>;
+    error: Ref<Web3AuthError | null>;
+    token: Ref<string | null>;
+    authenticateUser: () => Promise<string | null>;
+}
+export declare const useIdentityToken: () => IUseIdentityToken;

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

@@ -0,0 +1,8 @@
+import { Ref } from "vue";
+import { Web3AuthError } from "../../base";
+export interface IUseManageMFA {
+    loading: Ref<boolean>;
+    error: Ref<Web3AuthError | null>;
+    manageMFA<T>(params?: T): Promise<void>;
+}
+export declare const useManageMFA: () => IUseManageMFA;

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

@@ -0,0 +1,9 @@
+import { BaseEmbedControllerState } from "@toruslabs/base-controllers";
+import { Ref } from "vue";
+import { Web3AuthError } from "../../base";
+export interface IUseSwap {
+    loading: Ref<boolean>;
+    error: Ref<Web3AuthError | null>;
+    showSwap: (showSwapParams?: BaseEmbedControllerState["showSwap"]) => Promise<void>;
+}
+export declare const useSwap: () => IUseSwap;

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

@@ -0,0 +1,10 @@
+import { Ref } from "vue";
+import { Web3AuthError } from "../../base";
+export interface IUseSwitchChain {
+    loading: Ref<boolean>;
+    error: Ref<Web3AuthError | null>;
+    switchChain: (chainParams: {
+        chainId: string;
+    }) => Promise<void>;
+}
+export declare const useSwitchChain: () => IUseSwitchChain;

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

@@ -0,0 +1,9 @@
+import { BaseEmbedControllerState } from "@toruslabs/base-controllers";
+import { Ref } from "vue";
+import { Web3AuthError } from "../../base";
+export interface IUseWalletConnectScanner {
+    loading: Ref<boolean>;
+    error: Ref<Web3AuthError | null>;
+    showWalletConnectScanner: (showWalletConnectScannerParams?: BaseEmbedControllerState["showWalletConnect"]) => Promise<void>;
+}
+export declare const useWalletConnectScanner: () => IUseWalletConnectScanner;

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

@@ -0,0 +1,2 @@
+import { IWalletServicesInnerContext } from "../interfaces";
+export declare const useWalletServicesPlugin: () => IWalletServicesInnerContext;

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

@@ -0,0 +1,9 @@
+import { BaseEmbedControllerState } from "@toruslabs/base-controllers";
+import { Ref } from "vue";
+import { Web3AuthError } from "../../base";
+export interface IUseWalletUI {
+    loading: Ref<boolean>;
+    error: Ref<Web3AuthError | null>;
+    showWalletUI: (showWalletUiParams?: BaseEmbedControllerState["showWalletUi"]) => Promise<void>;
+}
+export declare const useWalletUI: () => IUseWalletUI;

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

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

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

@@ -0,0 +1,10 @@
+import { Ref } from "vue";
+import { IProvider, LoginParamMap, WALLET_CONNECTOR_TYPE, Web3AuthError } from "../../base";
+export interface IUseWeb3AuthConnect {
+    isConnected: Ref<boolean>;
+    loading: Ref<boolean>;
+    error: Ref<Web3AuthError | null>;
+    connectorName: Ref<WALLET_CONNECTOR_TYPE | null>;
+    connect: <T extends WALLET_CONNECTOR_TYPE>(connectorType: T, loginParams?: LoginParamMap[T]) => Promise<IProvider | null>;
+}
+export declare const useWeb3AuthConnect: () => IUseWeb3AuthConnect;

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

@@ -0,0 +1,10 @@
+import { Ref } from "vue";
+import { Web3AuthError } from "../../base";
+export interface IUseWeb3AuthDisconnect {
+    loading: Ref<boolean>;
+    error: Ref<Web3AuthError | null>;
+    disconnect(options?: {
+        cleanup: boolean;
+    }): Promise<void>;
+}
+export declare const useWeb3AuthDisconnect: () => IUseWeb3AuthDisconnect;

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

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

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

@@ -0,0 +1,10 @@
+import { Ref } from "vue";
+import { type UserInfo, Web3AuthError } from "../../base";
+export interface IUseWeb3AuthUser {
+    loading: Ref<boolean>;
+    error: Ref<Web3AuthError | null>;
+    userInfo: Ref<Partial<UserInfo> | null>;
+    isMFAEnabled: Ref<boolean>;
+    getUserInfo: () => Promise<Partial<UserInfo> | null>;
+}
+export declare const useWeb3AuthUser: () => IUseWeb3AuthUser;

package/dist/lib.cjs/types/vue/{wallet-services-plugin/context.d.ts → context/WalletServicesContext.d.ts}

@@ -1,3 +1,3 @@
 import { InjectionKey } from "vue";
-import { IWalletServicesContext } from "./interfaces";
-export declare const WalletServicesContextKey: InjectionKey<IWalletServicesContext>;
+import { IWalletServicesInnerContext } from "../interfaces";
+export declare const WalletServicesContextKey: InjectionKey<IWalletServicesInnerContext>;

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

@@ -0,0 +1 @@
+export * from "./WalletServicesContext";

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

@@ -1,2 +1,4 @@
-export * from "./no-modal";
-export * from "./wallet-services-plugin";
+export * from "./composables";
+export * from "./context";
+export * from "./interfaces";
+export * from "./Web3AuthProvider";

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

@@ -0,0 +1,30 @@
+import { Ref, ShallowRef } from "vue";
+import type { CONNECTOR_STATUS_TYPE, IPlugin, IProvider, IWeb3AuthCoreOptions } from "../base";
+import type { Web3AuthNoModal } from "../noModal";
+import { WalletServicesPluginType } from "../plugins/wallet-services-plugin";
+export type Web3AuthContextConfig = {
+    web3AuthOptions: IWeb3AuthCoreOptions;
+};
+export interface Web3AuthProviderProps {
+    config: Web3AuthContextConfig;
+}
+interface IBaseWeb3AuthComposableContext {
+    isConnected: 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>;
+    getPlugin: (pluginName: string) => IPlugin | null;
+    setIsMFAEnabled: (isMfaEnabled: boolean) => void;
+}
+export interface IWeb3AuthInnerContext extends IBaseWeb3AuthComposableContext {
+    web3Auth: ShallowRef<Web3AuthNoModal | null>;
+}
+export interface IWalletServicesInnerContext {
+    plugin: ShallowRef<WalletServicesPluginType | null>;
+    ready: Ref<boolean>;
+    connecting: Ref<boolean>;
+}
+export {};

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

@@ -0,0 +1,4 @@
+export * from "./useSignAndSendTransaction";
+export * from "./useSignMessage";
+export * from "./useSignTransaction";
+export * from "./useSolanaWallet";

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

@@ -0,0 +1,10 @@
+import { Ref } from "vue";
+import { type Web3AuthError } from "../../../base/errors";
+import type { TransactionOrVersionedTransaction } from "../../../providers/solana-provider";
+export type IUseSignAndSendTransaction = {
+    loading: Ref<boolean>;
+    error: Ref<Web3AuthError | null>;
+    data: Ref<string | null>;
+    signAndSendTransaction: (transaction: TransactionOrVersionedTransaction) => Promise<string>;
+};
+export declare const useSignAndSendTransaction: () => IUseSignAndSendTransaction;

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

@@ -0,0 +1,9 @@
+import { Ref } from "vue";
+import { type Web3AuthError } from "../../../base/errors";
+export type IUseSignMessage = {
+    loading: Ref<boolean>;
+    error: Ref<Web3AuthError | null>;
+    data: Ref<string | null>;
+    signMessage: (message: string, from?: string) => Promise<string>;
+};
+export declare const useSignMessage: () => IUseSignMessage;

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

@@ -0,0 +1,10 @@
+import { Ref } from "vue";
+import { type Web3AuthError } from "../../../base/errors";
+import { TransactionOrVersionedTransaction } from "../../../providers/solana-provider";
+export type IUseSignTransaction = {
+    loading: Ref<boolean>;
+    error: Ref<Web3AuthError | null>;
+    data: Ref<string | null>;
+    signTransaction: (transaction: TransactionOrVersionedTransaction) => Promise<string>;
+};
+export declare const useSignTransaction: () => IUseSignTransaction;

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

@@ -0,0 +1,9 @@
+import { Connection } from "@solana/web3.js";
+import { Ref, ShallowRef } from "vue";
+import { SolanaWallet } from "../../../providers/solana-provider/solanaWallet";
+export type IUseSolanaWallet = {
+    accounts: Ref<string[] | null>;
+    solanaWallet: ShallowRef<SolanaWallet | null>;
+    connection: ShallowRef<Connection | null>;
+};
+export declare const useSolanaWallet: () => IUseSolanaWallet;

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

@@ -0,0 +1 @@
+export * from "./composables";

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

@@ -0,0 +1,43 @@
+export declare const defaultWagmiConfig: import("wagmi").Config<readonly [{
+    blockExplorers: {
+        readonly default: {
+            readonly name: "Etherscan";
+            readonly url: "https://etherscan.io";
+            readonly apiUrl: "https://api.etherscan.io/api";
+        };
+    };
+    contracts: {
+        readonly ensRegistry: {
+            readonly address: "0x00000000000C2E074eC69A0dFb2997BA6C7d2e1e";
+        };
+        readonly ensUniversalResolver: {
+            readonly address: "0xce01f8eee7E479C928F8919abD53E553a36CeF67";
+            readonly blockCreated: 19258213;
+        };
+        readonly multicall3: {
+            readonly address: "0xca11bde05977b3631167028862be2a173976ca11";
+            readonly blockCreated: 14353601;
+        };
+    };
+    ensTlds?: readonly string[] | undefined;
+    id: 1;
+    name: "Ethereum";
+    nativeCurrency: {
+        readonly name: "Ether";
+        readonly symbol: "ETH";
+        readonly decimals: 18;
+    };
+    rpcUrls: {
+        readonly default: {
+            readonly http: readonly ["https://eth.merkle.io"];
+        };
+    };
+    sourceId?: number | undefined | undefined;
+    testnet?: boolean | undefined | undefined;
+    custom?: Record<string, unknown> | undefined;
+    fees?: import("viem").ChainFees<undefined> | undefined;
+    formatters?: undefined;
+    serializers?: import("viem").ChainSerializers<undefined, import("viem").TransactionSerializable> | undefined;
+}], {
+    1: import("viem").HttpTransport<undefined, false>;
+}, readonly []>;

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

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

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

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

package/dist/lib.cjs/types/vue/wagmi/provider.d.ts

@@ -0,0 +1,17 @@
+import { type Config } from "@wagmi/core";
+import { PropType } from "vue";
+import { WagmiProviderProps } from "./interface";
+export declare const WagmiProvider: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    config: {
+        type: PropType<WagmiProviderProps>;
+        required: false;
+    };
+}>, {
+    finalConfig: import("vue").ShallowRef<Config, Config>;
+    configKey: import("vue").Ref<string, string>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    config: {
+        type: PropType<WagmiProviderProps>;
+        required: false;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/dist/lib.cjs/vue/{wallet-services-plugin/WalletServicesProvider.js → WalletServicesInnerProvider.js}

@@ -1,33 +1,34 @@
 'use strict';
 
 var vue = require('vue');
-require('../../base/errors/index.js');
 require('@toruslabs/base-controllers');
-var index = require('../../base/composables/index.js');
 require('@babel/runtime/helpers/defineProperty');
 require('@web3auth/auth');
-require('../../base/wallet/index.js');
-var constants = require('../../base/connector/constants.js');
+require('../base/errors/index.js');
+require('../base/wallet/index.js');
+var constants = require('../base/connector/constants.js');
 require('jwt-decode');
-require('../../base/loglevel.js');
-var errors = require('../../base/plugin/errors.js');
-var IPlugin = require('../../base/plugin/IPlugin.js');
+require('../base/loglevel.js');
+var errors = require('../base/plugin/errors.js');
+var IPlugin = require('../base/plugin/IPlugin.js');
 require('@toruslabs/constants');
 require('@toruslabs/http-helpers');
-var context = require('./context.js');
+var useWeb3AuthInner = require('./composables/useWeb3AuthInner.js');
+var WalletServicesContext = require('./context/WalletServicesContext.js');
 
-const WalletServicesProvider = vue.defineComponent({
-  name: "WalletServicesProvider",
+const WalletServicesInnerProvider = vue.defineComponent({
+  name: "WalletServicesInnerProvider",
   setup() {
-    const web3AuthContext = vue.inject(index.Web3AuthContextKey);
+    const web3AuthContext = useWeb3AuthInner.useWeb3AuthInner();
     if (!web3AuthContext) throw errors.WalletServicesPluginError.fromCode(1000, "`WalletServicesProvider` must be wrapped by `Web3AuthProvider`");
     const {
       getPlugin,
       isInitialized,
       isConnected
     } = web3AuthContext;
-    const walletServicesPlugin = vue.ref(null);
-    const isPluginConnected = vue.ref(false);
+    const walletServicesPlugin = vue.shallowRef(null);
+    const ready = vue.ref(false);
+    const connecting = vue.ref(false);
     vue.watch(isInitialized, newIsInitialized => {
       if (newIsInitialized) {
         const plugin = getPlugin(IPlugin.EVM_PLUGINS.WALLET_SERVICES);
@@ -40,53 +41,35 @@ const WalletServicesProvider = vue.defineComponent({
         const plugin = getPlugin(IPlugin.EVM_PLUGINS.WALLET_SERVICES);
         if (!walletServicesPlugin.value) walletServicesPlugin.value = plugin;
         // when rehydrating, the connectedListener may be registered after the connected event is emitted, we need to check the status here
-        if (((_walletServicesPlugin = walletServicesPlugin.value) === null || _walletServicesPlugin === void 0 ? void 0 : _walletServicesPlugin.status) === constants.CONNECTOR_STATUS.CONNECTED) isPluginConnected.value = true;
+        if (((_walletServicesPlugin = walletServicesPlugin.value) === null || _walletServicesPlugin === void 0 ? void 0 : _walletServicesPlugin.status) === constants.CONNECTOR_STATUS.CONNECTED) ready.value = true;
       }
     });
     vue.watch(walletServicesPlugin, (newWalletServicesPlugin, prevWalletServicesPlugin) => {
       const connectedListener = () => {
-        isPluginConnected.value = true;
+        ready.value = true;
       };
       const disconnectedListener = () => {
-        isPluginConnected.value = false;
+        ready.value = false;
+      };
+      const connectingListener = () => {
+        connecting.value = true;
       };
       // unregister previous listeners
       if (prevWalletServicesPlugin && newWalletServicesPlugin !== prevWalletServicesPlugin) {
         prevWalletServicesPlugin.off(IPlugin.PLUGIN_EVENTS.CONNECTED, connectedListener);
         prevWalletServicesPlugin.off(IPlugin.PLUGIN_EVENTS.DISCONNECTED, disconnectedListener);
+        prevWalletServicesPlugin.off(IPlugin.PLUGIN_EVENTS.CONNECTING, connectingListener);
       }
       if (newWalletServicesPlugin && newWalletServicesPlugin !== prevWalletServicesPlugin) {
         newWalletServicesPlugin.on(IPlugin.PLUGIN_EVENTS.CONNECTED, connectedListener);
         newWalletServicesPlugin.on(IPlugin.PLUGIN_EVENTS.DISCONNECTED, disconnectedListener);
+        newWalletServicesPlugin.on(IPlugin.PLUGIN_EVENTS.CONNECTING, connectingListener);
       }
     });
-    const showWalletConnectScanner = async showWalletConnectScannerParams => {
-      if (!walletServicesPlugin.value) throw errors.WalletServicesPluginError.notInitialized();
-      if (!isPluginConnected.value) throw errors.WalletServicesPluginError.walletPluginNotConnected();
-      return walletServicesPlugin.value.showWalletConnectScanner(showWalletConnectScannerParams);
-    };
-    const showWalletUI = async showWalletUiParams => {
-      if (!walletServicesPlugin.value) throw errors.WalletServicesPluginError.notInitialized();
-      if (!isPluginConnected.value) throw errors.WalletServicesPluginError.walletPluginNotConnected();
-      return walletServicesPlugin.value.showWalletUi(showWalletUiParams);
-    };
-    const showCheckout = async showCheckoutParams => {
-      if (!walletServicesPlugin.value) throw errors.WalletServicesPluginError.notInitialized();
-      if (!isPluginConnected.value) throw errors.WalletServicesPluginError.walletPluginNotConnected();
-      return walletServicesPlugin.value.showCheckout(showCheckoutParams);
-    };
-    const showSwap = async showSwapParams => {
-      if (!walletServicesPlugin.value) throw errors.WalletServicesPluginError.notInitialized();
-      if (!isPluginConnected.value) throw errors.WalletServicesPluginError.walletPluginNotConnected();
-      return walletServicesPlugin.value.showSwap(showSwapParams);
-    };
-    vue.provide(context.WalletServicesContextKey, {
+    vue.provide(WalletServicesContext.WalletServicesContextKey, {
       plugin: walletServicesPlugin,
-      isPluginConnected,
-      showWalletConnectScanner,
-      showCheckout,
-      showWalletUI,
-      showSwap
+      ready,
+      connecting
     });
   },
   render() {
@@ -95,4 +78,4 @@ const WalletServicesProvider = vue.defineComponent({
   }
 });
 
-exports.WalletServicesProvider = WalletServicesProvider;
+exports.WalletServicesInnerProvider = WalletServicesInnerProvider;