@web3auth/no-modal 10.0.0-beta.3 → 10.0.0-beta.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@web3auth/no-modal",
-  "version": "10.0.0-beta.3",
+  "version": "10.0.0-beta.4",
   "description": "Multi chain wallet aggregator for web3Auth",
   "keywords": [
     "web3Auth/no-modal",
@@ -34,18 +34,26 @@
   "peerDependencies": {
     "@babel/runtime": "^7.x",
     "@coinbase/wallet-sdk": "^4.3.x",
-    "react": "^18 || ^19",
-    "vue": "^3.x"
+    "react": ">=18",
+    "viem": "^2.23.x",
+    "vue": "^3.x",
+    "wagmi": "^2.x"
   },
   "peerDependenciesMeta": {
     "@coinbase/wallet-sdk": {
       "optional": true
     },
+    "@tanstack/react-query": {
+      "optional": true
+    },
     "react": {
       "optional": true
     },
     "vue": {
       "optional": true
+    },
+    "wagmi": {
+      "optional": true
     }
   },
   "dependencies": {
@@ -91,8 +99,8 @@
     "@coinbase/wallet-sdk": "^4.3.x",
     "@types/elliptic": "6.4.18",
     "@types/json-rpc-random-id": "^1.0.3",
-    "@types/react": "^18.3.12",
-    "react": "^18 || ^19",
+    "@types/react": "^19.1.2",
+    "react": "^19.1.0",
     "vue": "^3.x"
   },
   "exports": {
@@ -106,6 +114,11 @@
       "require": "./dist/lib.cjs/react/index.js",
       "types": "./dist/lib.cjs/types/react/index.d.ts"
     },
+    "./react/wagmi": {
+      "import": "./dist/lib.esm/react/wagmi/index.js",
+      "require": "./dist/lib.cjs/react/wagmi/index.js",
+      "types": "./dist/lib.cjs/types/react/wagmi/index.d.ts"
+    },
     "./vue": {
       "import": "./dist/lib.esm/vue/index.js",
       "require": "./dist/lib.cjs/vue/index.js",
@@ -117,6 +130,9 @@
       "react": [
         "./dist/lib.cjs/types/react/index.d.ts"
       ],
+      "react/wagmi": [
+        "./dist/lib.cjs/types/react/wagmi/index.d.ts"
+      ],
       "vue": [
         "./dist/lib.cjs/types/vue/index.d.ts"
       ]
@@ -142,5 +158,5 @@
     "node": ">=20.x",
     "npm": ">=9.x"
   },
-  "gitHead": "8e5c8f90b722b50eec1599bb3f5fd79bea76c83c"
+  "gitHead": "bc526b2ca7baa9bc6369e22b15efdcf9386988f0"
 }

package/dist/lib.cjs/react/no-modal/Web3AuthProvider.js

@@ -1,15 +0,0 @@
-'use strict';
-
-var react = require('react');
-var Web3AuthInnerContext = require('./Web3AuthInnerContext.js');
-
-function Web3AuthProvider({
-  config,
-  children
-}) {
-  return react.createElement(Web3AuthInnerContext.Web3AuthInnerProvider, {
-    config
-  }, children);
-}
-
-exports.Web3AuthProvider = Web3AuthProvider;

package/dist/lib.cjs/react/wallet-services-plugin/WalletServicesProvider.js

@@ -1,16 +0,0 @@
-'use strict';
-
-var react = require('react');
-var WalletServicesContext = require('./WalletServicesContext.js');
-
-function WalletServicesProvider({
-  children,
-  context
-}) {
-  const wsElement = react.createElement(WalletServicesContext.WalletServicesContextProvider, {
-    context
-  }, children);
-  return wsElement;
-}
-
-exports.WalletServicesProvider = WalletServicesProvider;

package/dist/lib.cjs/react/wallet-services-plugin/hooks/useWalletServicesPlugin.js

@@ -1,26 +0,0 @@
-'use strict';
-
-var react = require('react');
-require('@toruslabs/base-controllers');
-require('@babel/runtime/helpers/defineProperty');
-require('@web3auth/auth');
-var index = require('../../../base/errors/index.js');
-require('../../../base/wallet/index.js');
-require('../../../base/connector/constants.js');
-require('jwt-decode');
-require('../../../base/loglevel.js');
-require('../../../base/plugin/errors.js');
-require('../../../base/plugin/IPlugin.js');
-require('@toruslabs/constants');
-require('@toruslabs/http-helpers');
-var WalletServicesContext = require('../WalletServicesContext.js');
-
-const useWalletServicesPlugin = () => {
-  const context = react.useContext(WalletServicesContext.WalletServicesContext);
-  if (!context) {
-    throw index.WalletInitializationError.fromCode(1000, "usage of useWalletServicesPlugin not wrapped in `WalletServicesContextProvider`.");
-  }
-  return context;
-};
-
-exports.useWalletServicesPlugin = useWalletServicesPlugin;

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

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

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

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

package/dist/lib.cjs/types/react/no-modal/index.d.ts

@@ -1,3 +0,0 @@
-export * from "./hooks";
-export * from "./interfaces";
-export * from "./Web3AuthProvider";

package/dist/lib.cjs/types/react/wallet-services-plugin/WalletServicesContext.d.ts

@@ -1,7 +0,0 @@
-import { Context, PropsWithChildren } from "react";
-import { IBaseWeb3AuthHookContext } from "../../base";
-import { IWalletServicesContext } from "./interfaces";
-export declare const WalletServicesContext: Context<IWalletServicesContext>;
-export declare function WalletServicesContextProvider<T extends IBaseWeb3AuthHookContext>({ children, context }: PropsWithChildren<{
-    context: Context<T>;
-}>): import("react").FunctionComponentElement<import("react").ProviderProps<IWalletServicesContext>>;

package/dist/lib.cjs/types/react/wallet-services-plugin/WalletServicesProvider.d.ts

@@ -1,7 +0,0 @@
-import { type Context, type PropsWithChildren } from "react";
-import { type IBaseWeb3AuthHookContext } from "../../base";
-export declare function WalletServicesProvider<T extends IBaseWeb3AuthHookContext>({ children, context }: PropsWithChildren<{
-    context: Context<T>;
-}>): import("react").FunctionComponentElement<PropsWithChildren<{
-    context: Context<T>;
-}>>;

package/dist/lib.cjs/types/react/wallet-services-plugin/hooks/index.d.ts

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

package/dist/lib.cjs/types/react/wallet-services-plugin/index.d.ts

@@ -1,4 +0,0 @@
-export * from "./hooks";
-export * from "./interfaces";
-export * from "./WalletServicesContext";
-export * from "./WalletServicesProvider";

package/dist/lib.cjs/types/react/wallet-services-plugin/interfaces.d.ts

@@ -1,5 +0,0 @@
-import type { IBaseWalletServicesHookContext } from "../../base";
-import type { WalletServicesPluginType } from "../../plugins/wallet-services-plugin";
-export interface IWalletServicesContext extends IBaseWalletServicesHookContext {
-    plugin: WalletServicesPluginType | null;
-}

package/dist/lib.esm/react/no-modal/Web3AuthProvider.js

@@ -1,13 +0,0 @@
-import { createElement } from 'react';
-import { Web3AuthInnerProvider } from './Web3AuthInnerContext.js';
-
-function Web3AuthProvider({
-  config,
-  children
-}) {
-  return createElement(Web3AuthInnerProvider, {
-    config
-  }, children);
-}
-
-export { Web3AuthProvider };

package/dist/lib.esm/react/wallet-services-plugin/WalletServicesContext.js

@@ -1,95 +0,0 @@
-import { createContext, useState, useContext, useEffect, useCallback, useMemo, createElement } from 'react';
-import '@toruslabs/base-controllers';
-import '@babel/runtime/helpers/defineProperty';
-import '@web3auth/auth';
-import '../../base/errors/index.js';
-import '../../base/wallet/index.js';
-import { CONNECTOR_STATUS } from '../../base/connector/constants.js';
-import 'jwt-decode';
-import '../../base/loglevel.js';
-import { WalletServicesPluginError } from '../../base/plugin/errors.js';
-import { EVM_PLUGINS, PLUGIN_EVENTS } from '../../base/plugin/IPlugin.js';
-import '@toruslabs/constants';
-import '@toruslabs/http-helpers';
-
-const WalletServicesContext = createContext(null);
-function WalletServicesContextProvider({
-  children,
-  context
-}) {
-  const [isPluginConnected, setIsPluginConnected] = useState(false);
-  const [walletServicesPlugin, setWalletServicesPlugin] = useState(null);
-  const web3AuthContext = useContext(context);
-  const {
-    getPlugin,
-    isInitialized,
-    isConnected
-  } = web3AuthContext;
-  useEffect(() => {
-    if (isInitialized) {
-      const plugin = getPlugin(EVM_PLUGINS.WALLET_SERVICES);
-      setWalletServicesPlugin(plugin);
-    }
-  }, [isInitialized, getPlugin]);
-  useEffect(() => {
-    if (isConnected) {
-      const plugin = getPlugin(EVM_PLUGINS.WALLET_SERVICES);
-      if (!walletServicesPlugin) setWalletServicesPlugin(plugin);
-      // when rehydrating, the connectedListener may be registered after the connected event is emitted, we need to check the status here
-      if ((walletServicesPlugin === null || walletServicesPlugin === void 0 ? void 0 : walletServicesPlugin.status) === CONNECTOR_STATUS.CONNECTED) setIsPluginConnected(true);
-    }
-  }, [isConnected, getPlugin, walletServicesPlugin]);
-  useEffect(() => {
-    const connectedListener = () => {
-      setIsPluginConnected(true);
-    };
-    const disconnectedListener = () => {
-      setIsPluginConnected(false);
-    };
-    if (walletServicesPlugin) {
-      walletServicesPlugin.on(PLUGIN_EVENTS.CONNECTED, connectedListener);
-      walletServicesPlugin.on(PLUGIN_EVENTS.DISCONNECTED, disconnectedListener);
-    }
-    return () => {
-      if (walletServicesPlugin) {
-        walletServicesPlugin.off(PLUGIN_EVENTS.CONNECTED, connectedListener);
-        walletServicesPlugin.off(PLUGIN_EVENTS.DISCONNECTED, disconnectedListener);
-      }
-    };
-  }, [walletServicesPlugin]);
-  const showWalletConnectScanner = useCallback(async showWalletConnectParams => {
-    if (!walletServicesPlugin) throw WalletServicesPluginError.notInitialized();
-    if (!isPluginConnected) throw WalletServicesPluginError.walletPluginNotConnected();
-    return walletServicesPlugin.showWalletConnectScanner(showWalletConnectParams);
-  }, [walletServicesPlugin, isPluginConnected]);
-  const showWalletUI = useCallback(async showWalletUiParams => {
-    if (!walletServicesPlugin) throw WalletServicesPluginError.notInitialized();
-    if (!isPluginConnected) throw WalletServicesPluginError.walletPluginNotConnected();
-    return walletServicesPlugin.showWalletUi(showWalletUiParams);
-  }, [walletServicesPlugin, isPluginConnected]);
-  const showCheckout = useCallback(async showCheckoutParams => {
-    if (!walletServicesPlugin) throw WalletServicesPluginError.notInitialized();
-    if (!isPluginConnected) throw WalletServicesPluginError.walletPluginNotConnected();
-    return walletServicesPlugin.showCheckout(showCheckoutParams);
-  }, [walletServicesPlugin, isPluginConnected]);
-  const showSwap = useCallback(async showSwapParams => {
-    if (!walletServicesPlugin) throw WalletServicesPluginError.notInitialized();
-    if (!isPluginConnected) throw WalletServicesPluginError.walletPluginNotConnected();
-    return walletServicesPlugin.showSwap(showSwapParams);
-  }, [walletServicesPlugin, isPluginConnected]);
-  const value = useMemo(() => {
-    return {
-      plugin: walletServicesPlugin,
-      isPluginConnected,
-      showWalletConnectScanner,
-      showCheckout,
-      showWalletUI,
-      showSwap
-    };
-  }, [walletServicesPlugin, isPluginConnected, showWalletConnectScanner, showCheckout, showWalletUI, showSwap]);
-  return createElement(WalletServicesContext.Provider, {
-    value
-  }, children);
-}
-
-export { WalletServicesContext, WalletServicesContextProvider };

package/dist/lib.esm/react/wallet-services-plugin/WalletServicesProvider.js

@@ -1,14 +0,0 @@
-import { createElement } from 'react';
-import { WalletServicesContextProvider } from './WalletServicesContext.js';
-
-function WalletServicesProvider({
-  children,
-  context
-}) {
-  const wsElement = createElement(WalletServicesContextProvider, {
-    context
-  }, children);
-  return wsElement;
-}
-
-export { WalletServicesProvider };

package/dist/lib.esm/react/wallet-services-plugin/hooks/useWalletServicesPlugin.js

@@ -1,24 +0,0 @@
-import { useContext } from 'react';
-import '@toruslabs/base-controllers';
-import '@babel/runtime/helpers/defineProperty';
-import '@web3auth/auth';
-import { WalletInitializationError } from '../../../base/errors/index.js';
-import '../../../base/wallet/index.js';
-import '../../../base/connector/constants.js';
-import 'jwt-decode';
-import '../../../base/loglevel.js';
-import '../../../base/plugin/errors.js';
-import '../../../base/plugin/IPlugin.js';
-import '@toruslabs/constants';
-import '@toruslabs/http-helpers';
-import { WalletServicesContext } from '../WalletServicesContext.js';
-
-const useWalletServicesPlugin = () => {
-  const context = useContext(WalletServicesContext);
-  if (!context) {
-    throw WalletInitializationError.fromCode(1000, "usage of useWalletServicesPlugin not wrapped in `WalletServicesContextProvider`.");
-  }
-  return context;
-};
-
-export { useWalletServicesPlugin };