@web3auth/no-modal 10.4.0 → 10.5.1

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

package/dist/lib.esm/react/index.js

@@ -1,8 +1,10 @@
 export { Web3AuthProvider } from './Web3AuthProvider.js';
 export { useCheckout } from './hooks/useCheckout.js';
 export { useEnableMFA } from './hooks/useEnableMFA.js';
+export { useFunding } from './hooks/useFunding.js';
 export { useIdentityToken } from './hooks/useIdentityToken.js';
 export { useManageMFA } from './hooks/useManageMFA.js';
+export { useReceive } from './hooks/useReceive.js';
 export { useSwap } from './hooks/useSwap.js';
 export { useSwitchChain } from './hooks/useSwitchChain.js';
 export { useWalletConnectScanner } from './hooks/useWalletConnectScanner.js';

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

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

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

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

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

@@ -1,8 +1,10 @@
 export { Web3AuthProvider } from './Web3AuthProvider.js';
 export { useCheckout } from './composables/useCheckout.js';
 export { useEnableMFA } from './composables/useEnableMFA.js';
+export { useFunding } from './composables/useFunding.js';
 export { useIdentityToken } from './composables/useIdentityToken.js';
 export { useManageMFA } from './composables/useManageMFA.js';
+export { useReceive } from './composables/useReceive.js';
 export { useSwap } from './composables/useSwap.js';
 export { useSwitchChain } from './composables/useSwitchChain.js';
 export { useWalletConnectScanner } from './composables/useWalletConnectScanner.js';