@web3auth/no-modal 10.4.0 → 10.5.0

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

@@ -0,0 +1,8 @@
+import { BaseEmbedControllerState } from "@toruslabs/base-controllers";
+import { Web3AuthError } from "../../base";
+export interface IUseFunding {
+    loading: boolean;
+    error: Web3AuthError | null;
+    showFunding: (showFundingParams?: BaseEmbedControllerState["showFunding"]) => Promise<void>;
+}
+export declare const useFunding: () => IUseFunding;

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

@@ -0,0 +1,8 @@
+import { BaseEmbedControllerState } from "@toruslabs/base-controllers";
+import { Web3AuthError } from "../../base";
+export interface IUseReceive {
+    loading: boolean;
+    error: Web3AuthError | null;
+    showReceive: (showReceiveParams?: BaseEmbedControllerState["showReceive"]) => Promise<void>;
+}
+export declare const useReceive: () => IUseReceive;

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

@@ -1,7 +1,9 @@
 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";

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

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

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

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

package/dist/lib.cjs/vue/composables/useFunding.js

@@ -0,0 +1,47 @@
+'use strict';
+
+var vue = require('vue');
+require('@babel/runtime/helpers/objectSpread2');
+require('@babel/runtime/helpers/defineProperty');
+require('@segment/analytics-next');
+require('../../base/loglevel.js');
+require('@toruslabs/base-controllers');
+require('@web3auth/auth');
+require('../../base/errors/index.js');
+require('../../base/wallet/index.js');
+require('../../base/connector/constants.js');
+require('jwt-decode');
+var errors = require('../../base/plugin/errors.js');
+require('../../base/plugin/IPlugin.js');
+require('@toruslabs/constants');
+require('@toruslabs/http-helpers');
+var useWalletServicesPlugin = require('./useWalletServicesPlugin.js');
+
+const useFunding = () => {
+  const {
+    plugin,
+    ready
+  } = useWalletServicesPlugin.useWalletServicesPlugin();
+  const loading = vue.ref(false);
+  const error = vue.ref(null);
+  const showFunding = async showFundingParams => {
+    loading.value = true;
+    error.value = null;
+    try {
+      if (!plugin) throw errors.WalletServicesPluginError.notInitialized();
+      if (!ready) throw errors.WalletServicesPluginError.walletPluginNotConnected();
+      await plugin.value.showFunding(showFundingParams);
+    } catch (err) {
+      error.value = err;
+    } finally {
+      loading.value = false;
+    }
+  };
+  return {
+    loading,
+    error,
+    showFunding
+  };
+};
+
+exports.useFunding = useFunding;

package/dist/lib.cjs/vue/composables/useReceive.js

@@ -0,0 +1,47 @@
+'use strict';
+
+var vue = require('vue');
+require('@babel/runtime/helpers/objectSpread2');
+require('@babel/runtime/helpers/defineProperty');
+require('@segment/analytics-next');
+require('../../base/loglevel.js');
+require('@toruslabs/base-controllers');
+require('@web3auth/auth');
+require('../../base/errors/index.js');
+require('../../base/wallet/index.js');
+require('../../base/connector/constants.js');
+require('jwt-decode');
+var errors = require('../../base/plugin/errors.js');
+require('../../base/plugin/IPlugin.js');
+require('@toruslabs/constants');
+require('@toruslabs/http-helpers');
+var useWalletServicesPlugin = require('./useWalletServicesPlugin.js');
+
+const useReceive = () => {
+  const {
+    plugin,
+    ready
+  } = useWalletServicesPlugin.useWalletServicesPlugin();
+  const loading = vue.ref(false);
+  const error = vue.ref(null);
+  const showReceive = async showReceiveParams => {
+    loading.value = true;
+    error.value = null;
+    try {
+      if (!plugin) throw errors.WalletServicesPluginError.notInitialized();
+      if (!ready) throw errors.WalletServicesPluginError.walletPluginNotConnected();
+      await plugin.value.showReceive(showReceiveParams);
+    } catch (err) {
+      error.value = err;
+    } finally {
+      loading.value = false;
+    }
+  };
+  return {
+    loading,
+    error,
+    showReceive
+  };
+};
+
+exports.useReceive = useReceive;

package/dist/lib.cjs/vue/index.js

@@ -2,8 +2,10 @@
 
 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');
@@ -20,8 +22,10 @@ var Web3AuthProvider = require('./Web3AuthProvider.js');
 
 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;

package/dist/lib.esm/base/analytics.js

@@ -112,7 +112,9 @@ const ANALYTICS_EVENTS = {
   // Wallet Plugin
   WALLET_UI_CLICKED: "Wallet UI Clicked",
   WALLET_CONNECT_SCANNER_CLICKED: "Wallet Connect Scanner Clicked",
+  WALLET_FUNDING_CLICKED: "Wallet Funding Clicked",
   WALLET_CHECKOUT_CLICKED: "Wallet Checkout Clicked",
+  WALLET_RECEIVE_CLICKED: "Wallet Receive Clicked",
   WALLET_SWAP_CLICKED: "Wallet Swap Clicked"
 };
 const ANALYTICS_INTEGRATION_TYPE = {

package/dist/lib.esm/base/utils.js

@@ -145,7 +145,7 @@ const getWalletServicesAnalyticsProperties = walletServicesConfig => {
     ws_default_portfolio: walletServicesConfig === null || walletServicesConfig === void 0 || (_walletServicesConfig1 = walletServicesConfig.whiteLabel) === null || _walletServicesConfig1 === void 0 ? void 0 : _walletServicesConfig1.defaultPortfolio
   };
 };
-const sdkVersion = "10.4.0";
+const sdkVersion = "10.5.0";
 const getErrorAnalyticsProperties = error => {
   try {
     const code = error instanceof Web3AuthError ? error.code : error === null || error === void 0 ? void 0 : error.code;

package/dist/lib.esm/connectors/auth-connector/authConnector.js

@@ -142,7 +142,8 @@ class AuthConnector extends BaseConnector {
       if (sessionId && (options.autoConnect || isRedirectResult)) {
         this.rehydrated = true;
         await this.connect({
-          chainId: options.chainId
+          chainId: options.chainId,
+          getIdentityToken: false
         });
       } else if (!sessionId && options.autoConnect) {
         // if here, this means that the connector is cached but the sessionId is not available.
@@ -364,11 +365,18 @@ class AuthConnector extends BaseConnector {
         });
         if (isLoggedIn) {
           var _this$wsEmbedInstance3;
+          // if getIdentityToken is true, then get the identity token
+          // No need to get the identity token for auth connector as it is already handled
+          let identityTokenInfo;
+          if (params.getIdentityToken) {
+            identityTokenInfo = await this.getIdentityToken();
+          }
           this.status = CONNECTOR_STATUS.CONNECTED;
           this.emit(CONNECTOR_EVENTS.CONNECTED, {
             connector: WALLET_CONNECTORS.AUTH,
             reconnected: this.rehydrated,
-            provider: this.provider
+            provider: this.provider,
+            identityTokenInfo
           });
           // handle disconnect from ws embed
           (_this$wsEmbedInstance3 = this.wsEmbedInstance) === null || _this$wsEmbedInstance3 === void 0 || _this$wsEmbedInstance3.provider.on("accountsChanged", (accounts = []) => {

package/dist/lib.esm/connectors/coinbase-connector/coinbaseConnector.js

@@ -54,7 +54,8 @@ class CoinbaseConnector extends BaseEvmConnector {
       if (options.autoConnect) {
         this.rehydrated = true;
         const provider = await this.connect({
-          chainId: options.chainId
+          chainId: options.chainId,
+          getIdentityToken: false
         });
         // the connect function could fail silently as well.
         if (!provider) {
@@ -67,7 +68,8 @@ class CoinbaseConnector extends BaseEvmConnector {
     }
   }
   async connect({
-    chainId
+    chainId,
+    getIdentityToken
   }) {
     super.checkConnectionRequirements();
     if (!this.coinbaseProvider) throw WalletLoginError.notConnectedError("Connector is not initialized");
@@ -93,10 +95,15 @@ class CoinbaseConnector extends BaseEvmConnector {
         // ready to be connected again
         this.disconnect();
       });
+      let identityTokenInfo;
+      if (getIdentityToken) {
+        identityTokenInfo = await this.getIdentityToken();
+      }
       this.emit(CONNECTOR_EVENTS.CONNECTED, {
         connector: WALLET_CONNECTORS.COINBASE,
         reconnected: this.rehydrated,
-        provider: this.provider
+        provider: this.provider,
+        identityTokenInfo
       });
       return this.provider;
     } catch (error) {

package/dist/lib.esm/connectors/injected-evm-connector/injectedEvmConnector.js

@@ -43,7 +43,8 @@ class InjectedEvmConnector extends BaseEvmConnector {
       if (options.autoConnect) {
         this.rehydrated = true;
         const provider = await this.connect({
-          chainId: options.chainId
+          chainId: options.chainId,
+          getIdentityToken: false
         });
         if (!provider) {
           this.rehydrated = false;
@@ -55,7 +56,8 @@ class InjectedEvmConnector extends BaseEvmConnector {
     }
   }
   async connect({
-    chainId
+    chainId,
+    getIdentityToken
   }) {
     super.checkConnectionRequirements();
     if (!this.injectedProvider) throw WalletLoginError.connectionError("Injected provider is not available");
@@ -87,10 +89,15 @@ class InjectedEvmConnector extends BaseEvmConnector {
         }
       };
       this.injectedProvider.on("accountsChanged", accountDisconnectHandler);
+      let identityTokenInfo;
+      if (getIdentityToken) {
+        identityTokenInfo = await this.getIdentityToken();
+      }
       this.emit(CONNECTOR_EVENTS.CONNECTED, {
         connector: this.name,
         reconnected: this.rehydrated,
-        provider: this.injectedProvider
+        provider: this.injectedProvider,
+        identityTokenInfo
       });
       return this.injectedProvider;
     } catch (error) {

package/dist/lib.esm/connectors/injected-solana-connector/walletStandardConnector.js

@@ -57,7 +57,8 @@ class WalletStandardConnector extends BaseSolanaConnector {
       if (options.autoConnect) {
         this.rehydrated = true;
         const provider = await this.connect({
-          chainId: options.chainId
+          chainId: options.chainId,
+          getIdentityToken: false
         });
         if (!provider) {
           this.rehydrated = false;
@@ -69,7 +70,8 @@ class WalletStandardConnector extends BaseSolanaConnector {
     }
   }
   async connect({
-    chainId
+    chainId,
+    getIdentityToken
   }) {
     try {
       super.checkConnectionRequirements();
@@ -86,10 +88,15 @@ class WalletStandardConnector extends BaseSolanaConnector {
       }
       if (this.wallet.accounts.length === 0) throw WalletLoginError.connectionError();
       this.status = CONNECTOR_STATUS.CONNECTED;
+      let identityTokenInfo;
+      if (getIdentityToken) {
+        identityTokenInfo = await this.getIdentityToken();
+      }
       this.emit(CONNECTOR_EVENTS.CONNECTED, {
         connector: this.name,
         reconnected: this.rehydrated,
-        provider: this.provider
+        provider: this.provider,
+        identityTokenInfo
       });
       return this.provider;
     } catch (error) {

package/dist/lib.esm/connectors/metamask-connector/metamaskConnector.js

@@ -37,7 +37,6 @@ class MetaMaskConnector extends BaseEvmConnector {
     throw new Error("Not implemented");
   }
   async init(options) {
-    var _metamaskOptions$useD;
     await super.init(options);
     const chainConfig = this.coreOptions.chains.find(x => x.chainId === options.chainId);
     super.checkInitializationRequirements({
@@ -59,7 +58,7 @@ class MetaMaskConnector extends BaseEvmConnector {
     });
     this.metamaskSDK = new MetaMaskSDK(_objectSpread(_objectSpread({}, metamaskOptions), {}, {
       _source: "web3auth",
-      useDeeplink: (_metamaskOptions$useD = metamaskOptions.useDeeplink) !== null && _metamaskOptions$useD !== void 0 ? _metamaskOptions$useD : true
+      preferDesktop: true
     }));
     // Work around: in case there is an existing SDK instance in memory (window.mmsdk exists), it won't initialize the new SDK instance again
     // and return the existing instance instead of undefined (this is an assumption, not sure if it's a bug or feature of the MetaMask SDK)
@@ -74,7 +73,8 @@ class MetaMaskConnector extends BaseEvmConnector {
       if (options.autoConnect) {
         this.rehydrated = true;
         const provider = await this.connect({
-          chainId: options.chainId
+          chainId: options.chainId,
+          getIdentityToken: false
         });
         if (!provider) {
           this.rehydrated = false;
@@ -86,7 +86,8 @@ class MetaMaskConnector extends BaseEvmConnector {
     }
   }
   async connect({
-    chainId
+    chainId,
+    getIdentityToken
   }) {
     super.checkConnectionRequirements();
     if (!this.metamaskSDK) throw WalletLoginError.notConnectedError("Connector is not initialized");
@@ -152,10 +153,15 @@ class MetaMaskConnector extends BaseEvmConnector {
           duration: Date.now() - startTime
         }));
       }
+      let identityTokenInfo;
+      if (getIdentityToken) {
+        identityTokenInfo = await this.getIdentityToken();
+      }
       this.emit(CONNECTOR_EVENTS.CONNECTED, {
         connector: WALLET_CONNECTORS.METAMASK,
         reconnected: this.rehydrated,
-        provider: this.metamaskProvider
+        provider: this.metamaskProvider,
+        identityTokenInfo
       });
       return this.metamaskProvider;
     } catch (error) {

package/dist/lib.esm/connectors/wallet-connect-v2-connector/walletConnectV2Connector.js

@@ -99,7 +99,8 @@ class WalletConnectV2Connector extends BaseConnector {
         this.rehydrated = true;
         try {
           await this.onConnectHandler({
-            chain: chainConfig
+            chain: chainConfig,
+            getIdentityToken: false
           });
         } catch (error) {
           log.error("wallet auto connect", error);
@@ -112,7 +113,8 @@ class WalletConnectV2Connector extends BaseConnector {
     }
   }
   async connect({
-    chainId
+    chainId,
+    getIdentityToken
   }) {
     super.checkConnectionRequirements();
     const chainConfig = this.coreOptions.chains.find(x => x.chainId === chainId);
@@ -164,14 +166,16 @@ class WalletConnectV2Connector extends BaseConnector {
       // if already connected
       if (this.connected) {
         await this.onConnectHandler({
-          chain: chainConfig
+          chain: chainConfig,
+          getIdentityToken: false
         });
         return this.provider;
       }
       if (this.status !== CONNECTOR_STATUS.CONNECTING) {
         await this.createNewSession({
           chainConfig,
-          trackCompletionEvents
+          trackCompletionEvents,
+          getIdentityToken
         });
       }
       return this.provider;
@@ -306,7 +310,8 @@ class WalletConnectV2Connector extends BaseConnector {
   async createNewSession({
     forceNewSession = false,
     chainConfig,
-    trackCompletionEvents
+    trackCompletionEvents,
+    getIdentityToken
   }) {
     try {
       var _this$activeSession4, _this$connectorOption7;
@@ -355,7 +360,8 @@ class WalletConnectV2Connector extends BaseConnector {
       // Handle the returned session (e.g. update UI to "connected" state).
       await this.onConnectHandler({
         chain: chainConfig,
-        trackCompletionEvents
+        trackCompletionEvents,
+        getIdentityToken
       });
       if (qrcodeModal) {
         qrcodeModal.closeModal();
@@ -369,7 +375,8 @@ class WalletConnectV2Connector extends BaseConnector {
           log.info("retrying to create new wallet connect session since proposal expired");
           return this.createNewSession({
             forceNewSession: true,
-            chainConfig
+            chainConfig,
+            getIdentityToken
           });
         }
         if (this.status === CONNECTOR_STATUS.READY) {
@@ -384,7 +391,8 @@ class WalletConnectV2Connector extends BaseConnector {
   }
   async onConnectHandler({
     chain,
-    trackCompletionEvents
+    trackCompletionEvents,
+    getIdentityToken
   }) {
     var _this$connectorOption8;
     if (!this.connector || !this.wcProvider) throw WalletInitializationError.notReady("Wallet connect connector is not ready yet");
@@ -405,10 +413,15 @@ class WalletConnectV2Connector extends BaseConnector {
 
     // track connection events
     if (trackCompletionEvents) trackCompletionEvents();
+    let identityTokenInfo;
+    if (getIdentityToken) {
+      identityTokenInfo = await this.getIdentityToken();
+    }
     this.emit(CONNECTOR_EVENTS.CONNECTED, {
       connector: WALLET_CONNECTORS.WALLET_CONNECT_V2,
       reconnected: this.rehydrated,
-      provider: this.provider
+      provider: this.provider,
+      identityTokenInfo
     });
   }
   subscribeEvents() {

package/dist/lib.esm/noModal.js

@@ -603,6 +603,14 @@ class Web3AuthNoModal extends SafeEventEmitter {
     const isExternalWalletEnabled = Boolean(projectConfig.externalWalletAuth);
     const isMipdEnabled = isExternalWalletEnabled && ((_this$coreOptions$mul = this.coreOptions.multiInjectedProviderDiscovery) !== null && _this$coreOptions$mul !== void 0 ? _this$coreOptions$mul : true);
     const chainNamespaces = new Set(this.coreOptions.chains.map(chain => chain.chainNamespace));
+
+    // it's safe to add it here as if there is a MetaMask injected provider, this won't override it
+    // only set headless to true if modal SDK is used, otherwise just use the modal from native Metamask SDK
+    if (isBrowser() && chainNamespaces.has(CHAIN_NAMESPACES.EIP155) && !chainNamespaces.has(CHAIN_NAMESPACES.SOLANA)) {
+      connectorFns.push(metaMaskConnector(modalMode ? {
+        headless: true
+      } : undefined));
+    }
     if (isMipdEnabled && isBrowser()) {
       // Solana chains
       if (chainNamespaces.has(CHAIN_NAMESPACES.SOLANA)) {
@@ -637,7 +645,7 @@ class Web3AuthNoModal extends SafeEventEmitter {
 
     // it's safe to add it here as if there is a MetaMask injected provider, this won't override it
     // only set headless to true if modal SDK is used, otherwise just use the modal from native Metamask SDK
-    if (isBrowser() && (chainNamespaces.has(CHAIN_NAMESPACES.EIP155) || chainNamespaces.has(CHAIN_NAMESPACES.SOLANA))) {
+    if (isBrowser() && (chainNamespaces.has(CHAIN_NAMESPACES.SOLANA) || chainNamespaces.has(CHAIN_NAMESPACES.EIP155))) {
       connectorFns.push(metaMaskConnector(modalMode ? {
         headless: true
       } : undefined));

package/dist/lib.esm/plugins/wallet-services-plugin/plugin.js

@@ -89,36 +89,62 @@ class WalletServicesPlugin extends SafeEventEmitter {
     });
     return this.wsEmbedInstance.showWalletConnectScanner(showWalletConnectParams);
   }
-  async showCheckout(showCheckoutParams) {
+  async showFunding(showFundingParams) {
     var _this$wsEmbedInstance3, _this$analytics2;
     if (!((_this$wsEmbedInstance3 = this.wsEmbedInstance) !== null && _this$wsEmbedInstance3 !== void 0 && _this$wsEmbedInstance3.isLoggedIn)) throw WalletServicesPluginError.walletPluginNotConnected();
 
     // analytics
-    (_this$analytics2 = this.analytics) === null || _this$analytics2 === void 0 || _this$analytics2.track(ANALYTICS_EVENTS.WALLET_CHECKOUT_CLICKED, {
+    (_this$analytics2 = this.analytics) === null || _this$analytics2 === void 0 || _this$analytics2.track(ANALYTICS_EVENTS.WALLET_FUNDING_CLICKED, {
+      is_visible: showFundingParams === null || showFundingParams === void 0 ? void 0 : showFundingParams.show
+    });
+    return this.wsEmbedInstance.showFunding(showFundingParams);
+  }
+  async showCheckout(showCheckoutParams) {
+    var _this$wsEmbedInstance4, _this$analytics3;
+    if (!((_this$wsEmbedInstance4 = this.wsEmbedInstance) !== null && _this$wsEmbedInstance4 !== void 0 && _this$wsEmbedInstance4.isLoggedIn)) throw WalletServicesPluginError.walletPluginNotConnected();
+
+    // analytics
+    (_this$analytics3 = this.analytics) === null || _this$analytics3 === void 0 || _this$analytics3.track(ANALYTICS_EVENTS.WALLET_CHECKOUT_CLICKED, {
       is_visible: showCheckoutParams === null || showCheckoutParams === void 0 ? void 0 : showCheckoutParams.show,
       receive_wallet_address_enabled: !!(showCheckoutParams !== null && showCheckoutParams !== void 0 && showCheckoutParams.receiveWalletAddress),
+      // TODO: where is the below?
+      // receive_wallet_address: showCheckoutParams?.receiveWalletAddress,
       token_list: showCheckoutParams === null || showCheckoutParams === void 0 ? void 0 : showCheckoutParams.tokenList,
-      fiat_list: showCheckoutParams === null || showCheckoutParams === void 0 ? void 0 : showCheckoutParams.fiatList
+      fiat_list: showCheckoutParams === null || showCheckoutParams === void 0 ? void 0 : showCheckoutParams.fiatList,
+      crypto: showCheckoutParams === null || showCheckoutParams === void 0 ? void 0 : showCheckoutParams.crypto,
+      fiat: showCheckoutParams === null || showCheckoutParams === void 0 ? void 0 : showCheckoutParams.fiat,
+      fiat_amount: showCheckoutParams === null || showCheckoutParams === void 0 ? void 0 : showCheckoutParams.fiatAmount,
+      crypto_amount: showCheckoutParams === null || showCheckoutParams === void 0 ? void 0 : showCheckoutParams.cryptoAmount
     });
     return this.wsEmbedInstance.showCheckout(showCheckoutParams);
   }
+  async showReceive(showReceiveParams) {
+    var _this$wsEmbedInstance5, _this$analytics4;
+    if (!((_this$wsEmbedInstance5 = this.wsEmbedInstance) !== null && _this$wsEmbedInstance5 !== void 0 && _this$wsEmbedInstance5.isLoggedIn)) throw WalletServicesPluginError.walletPluginNotConnected();
+
+    // analytics
+    (_this$analytics4 = this.analytics) === null || _this$analytics4 === void 0 || _this$analytics4.track(ANALYTICS_EVENTS.WALLET_RECEIVE_CLICKED, {
+      is_visible: showReceiveParams === null || showReceiveParams === void 0 ? void 0 : showReceiveParams.show
+    });
+    return this.wsEmbedInstance.showReceive(showReceiveParams);
+  }
   async showWalletUi(showWalletUiParams) {
-    var _this$wsEmbedInstance4, _this$analytics3;
-    if (!((_this$wsEmbedInstance4 = this.wsEmbedInstance) !== null && _this$wsEmbedInstance4 !== void 0 && _this$wsEmbedInstance4.isLoggedIn)) throw WalletServicesPluginError.walletPluginNotConnected();
+    var _this$wsEmbedInstance6, _this$analytics5;
+    if (!((_this$wsEmbedInstance6 = this.wsEmbedInstance) !== null && _this$wsEmbedInstance6 !== void 0 && _this$wsEmbedInstance6.isLoggedIn)) throw WalletServicesPluginError.walletPluginNotConnected();
 
     // analytics
-    (_this$analytics3 = this.analytics) === null || _this$analytics3 === void 0 || _this$analytics3.track(ANALYTICS_EVENTS.WALLET_UI_CLICKED, {
+    (_this$analytics5 = this.analytics) === null || _this$analytics5 === void 0 || _this$analytics5.track(ANALYTICS_EVENTS.WALLET_UI_CLICKED, {
       is_visible: showWalletUiParams === null || showWalletUiParams === void 0 ? void 0 : showWalletUiParams.show,
       path: showWalletUiParams === null || showWalletUiParams === void 0 ? void 0 : showWalletUiParams.path
     });
     return this.wsEmbedInstance.showWalletUi(showWalletUiParams);
   }
   async showSwap(showSwapParams) {
-    var _this$wsEmbedInstance5, _this$analytics4;
-    if (!((_this$wsEmbedInstance5 = this.wsEmbedInstance) !== null && _this$wsEmbedInstance5 !== void 0 && _this$wsEmbedInstance5.isLoggedIn)) throw WalletServicesPluginError.walletPluginNotConnected();
+    var _this$wsEmbedInstance7, _this$analytics6;
+    if (!((_this$wsEmbedInstance7 = this.wsEmbedInstance) !== null && _this$wsEmbedInstance7 !== void 0 && _this$wsEmbedInstance7.isLoggedIn)) throw WalletServicesPluginError.walletPluginNotConnected();
 
     // analytics
-    (_this$analytics4 = this.analytics) === null || _this$analytics4 === void 0 || _this$analytics4.track(ANALYTICS_EVENTS.WALLET_SWAP_CLICKED, {
+    (_this$analytics6 = this.analytics) === null || _this$analytics6 === void 0 || _this$analytics6.track(ANALYTICS_EVENTS.WALLET_SWAP_CLICKED, {
       is_visible: showSwapParams === null || showSwapParams === void 0 ? void 0 : showSwapParams.show,
       from_token: showSwapParams === null || showSwapParams === void 0 ? void 0 : showSwapParams.fromToken,
       to_token: showSwapParams === null || showSwapParams === void 0 ? void 0 : showSwapParams.toToken,
@@ -128,13 +154,13 @@ class WalletServicesPlugin extends SafeEventEmitter {
     return this.wsEmbedInstance.showSwap(showSwapParams);
   }
   async cleanup() {
-    var _this$wsEmbedInstance6;
-    return (_this$wsEmbedInstance6 = this.wsEmbedInstance) === null || _this$wsEmbedInstance6 === void 0 ? void 0 : _this$wsEmbedInstance6.cleanUp();
+    var _this$wsEmbedInstance8;
+    return (_this$wsEmbedInstance8 = this.wsEmbedInstance) === null || _this$wsEmbedInstance8 === void 0 ? void 0 : _this$wsEmbedInstance8.cleanUp();
   }
   async disconnect() {
-    var _this$wsEmbedInstance7;
+    var _this$wsEmbedInstance9;
     if (this.status !== PLUGIN_STATUS.CONNECTED) throw WalletServicesPluginError.invalidSession("Wallet Services plugin is not connected");
-    if ((_this$wsEmbedInstance7 = this.wsEmbedInstance) !== null && _this$wsEmbedInstance7 !== void 0 && _this$wsEmbedInstance7.isLoggedIn) {
+    if ((_this$wsEmbedInstance9 = this.wsEmbedInstance) !== null && _this$wsEmbedInstance9 !== void 0 && _this$wsEmbedInstance9.isLoggedIn) {
       await this.wsEmbedInstance.logout();
     }
     this.emit(PLUGIN_EVENTS.DISCONNECTED);

package/dist/lib.esm/react/hooks/useFunding.js

@@ -0,0 +1,32 @@
+import { useState, useCallback } from 'react';
+import { useWalletServicesPlugin } from './useWalletServicesPlugin.js';
+import { WalletServicesPluginError } from '../../base/plugin/errors.js';
+
+const useFunding = () => {
+  const {
+    plugin,
+    ready
+  } = useWalletServicesPlugin();
+  const [loading, setLoading] = useState(false);
+  const [error, setError] = useState(null);
+  const showFunding = useCallback(async showFundingParams => {
+    setLoading(true);
+    setError(null);
+    try {
+      if (!plugin) throw WalletServicesPluginError.notInitialized();
+      if (!ready) throw WalletServicesPluginError.walletPluginNotConnected();
+      await plugin.showFunding(showFundingParams);
+    } catch (error) {
+      setError(error);
+    } finally {
+      setLoading(false);
+    }
+  }, [plugin, ready]);
+  return {
+    loading,
+    error,
+    showFunding
+  };
+};
+
+export { useFunding };

package/dist/lib.esm/react/hooks/useReceive.js

@@ -0,0 +1,32 @@
+import { useState, useCallback } from 'react';
+import { useWalletServicesPlugin } from './useWalletServicesPlugin.js';
+import { WalletServicesPluginError } from '../../base/plugin/errors.js';
+
+const useReceive = () => {
+  const {
+    plugin,
+    ready
+  } = useWalletServicesPlugin();
+  const [loading, setLoading] = useState(false);
+  const [error, setError] = useState(null);
+  const showReceive = useCallback(async showReceiveParams => {
+    setLoading(true);
+    setError(null);
+    try {
+      if (!plugin) throw WalletServicesPluginError.notInitialized();
+      if (!ready) throw WalletServicesPluginError.walletPluginNotConnected();
+      await plugin.showReceive(showReceiveParams);
+    } catch (error) {
+      setError(error);
+    } finally {
+      setLoading(false);
+    }
+  }, [plugin, ready]);
+  return {
+    loading,
+    error,
+    showReceive
+  };
+};
+
+export { useReceive };