@dynamic-labs/sdk-react-core 4.6.1 → 4.6.2

package/src/lib/widgets/DynamicWidget/views/ChooseWalletFundingMethod/useFundingMethods/{useStartExternalWalletFunding/getPromptAmountParams → getPromptAmountParams}/getPromptAmountParams.js

@@ -1,20 +1,20 @@
 'use client'
 import { DynamicError } from '@dynamic-labs/utils';
-import { getProjectSettings } from '../../../../../../../store/state/projectSettings/projectSettings.js';
+import { getProjectSettings } from '../../../../../../store/state/projectSettings/projectSettings.js';
 
-const getPromptAmountParams = ({ externalWallet, }) => {
+const getPromptAmountParams = ({ wallet, }) => {
     var _a, _b, _c, _d, _e, _f, _g;
-    const walletChain = externalWallet.connector.connectedChain;
+    const walletChain = wallet.connector.connectedChain;
     const chainSettings = (_e = (_d = (_c = (_b = (_a = getProjectSettings()) === null || _a === void 0 ? void 0 : _a.sdk.funding) === null || _b === void 0 ? void 0 : _b.externalWallets) === null || _c === void 0 ? void 0 : _c.defaultSettings) === null || _d === void 0 ? void 0 : _d.chainSettings) === null || _e === void 0 ? void 0 : _e.find(({ chain }) => chain === walletChain);
     // This is always supposed to be present, otherwise there's some backend error
     if (!((_f = chainSettings === null || chainSettings === void 0 ? void 0 : chainSettings.token) === null || _f === void 0 ? void 0 : _f.value) || !((_g = chainSettings === null || chainSettings === void 0 ? void 0 : chainSettings.token) === null || _g === void 0 ? void 0 : _g.rule))
-        throw new DynamicError(`No external wallet funding chain settings found for chain ${walletChain}`);
+        throw new DynamicError(`No wallet funding chain settings found for chain ${walletChain}`);
     return {
-        externalWallet,
         token: {
             rule: chainSettings.token.rule,
             value: chainSettings.token.value,
         },
+        wallet,
     };
 };
 

package/src/lib/widgets/DynamicWidget/views/ChooseWalletFundingMethod/useFundingMethods/useFundingMethods.cjs

@@ -19,6 +19,7 @@ require('@dynamic-labs/iconic');
 require('@dynamic-labs/wallet-connector-core');
 var addThick = require('../../../../../shared/assets/add-thick.cjs');
 var globe = require('../../../../../shared/assets/globe.cjs');
+var linkCircle = require('../../../../../shared/assets/link-circle.cjs');
 var qrCode = require('../../../../../shared/assets/qr-code.cjs');
 var walletOutlineV2 = require('../../../../../shared/assets/wallet-outline-v2.cjs');
 require('../../../../../context/ViewContext/ViewContext.cjs');
@@ -86,8 +87,9 @@ var index = require('../../../../../utils/functions/walletFilters/index.cjs');
 var useFundWithWallet = require('../../../../../utils/hooks/useFundWithWallet/useFundWithWallet.cjs');
 var useWalletList = require('../../../../../utils/hooks/useWalletList/useWalletList.cjs');
 var useStartExternalWalletFunding = require('./useStartExternalWalletFunding/useStartExternalWalletFunding.cjs');
+var useStartLinkedWalletFunding = require('./useStartLinkedWalletFunding/useStartLinkedWalletFunding.cjs');
 require('qrcode');
-require('../../ReceiveExternalWalletFunds/ReceiveExternalWalletFunds.cjs');
+require('../../ReceiveWalletFunds/ReceiveWalletFunds.cjs');
 require('../../../../../../index.cjs');
 require('../../../../../context/IpConfigurationContext/IpConfigurationContext.cjs');
 require('../../../../../context/ConnectWithOtpContext/ConnectWithOtpContext.cjs');
@@ -111,7 +113,7 @@ const MAX_PREVIEW_ICONS = 3;
 const useFundingMethods = () => {
     const { t } = reactI18next.useTranslation();
     const { setDynamicWidgetView } = DynamicWidgetContext.useWidgetContext();
-    const { externalWalletFundingEnabled } = useFundWithWallet.useFundWithWallet();
+    const { externalWalletFundingEnabled } = useFundWithWallet.useInternalFundWithWallet();
     const { enabledOnrampProviders } = OnrampContext.useOnrampContext();
     const { primaryWallet } = useInternalDynamicContext.useInternalDynamicContext();
     const viewWalletsFilter = React.useMemo(() => (primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.chain)
@@ -121,7 +123,8 @@ const useFundingMethods = () => {
         viewWalletsFilter,
     });
     const walletGroups = walletOptions.useWalletGroups();
-    const startExternalWalletFunding = useStartExternalWalletFunding.useStartExternalWalletFunding();
+    const { startExternalWalletFunding } = useStartExternalWalletFunding.useStartExternalWalletFunding();
+    const { startLinkedWalletFunding, filteredLinkedWallets } = useStartLinkedWalletFunding.useStartLinkedWalletFunding();
     const onrampOptions = React.useMemo(() => enabledOnrampProviders.filter(({ isPaymentMethod }) => !isPaymentMethod), [enabledOnrampProviders]);
     const paymentMethods = React.useMemo(() => enabledOnrampProviders.filter(({ isPaymentMethod }) => isPaymentMethod), [enabledOnrampProviders]);
     const handleQrClick = React.useCallback(() => setDynamicWidgetView('deposit-view'), [setDynamicWidgetView]);
@@ -177,6 +180,15 @@ const useFundingMethods = () => {
                 showChevron: onrampOptions.length > 1,
             });
         }
+        if (filteredLinkedWallets.length > 0) {
+            methods.push({
+                icon: jsxRuntime.jsx(linkCircle.ReactComponent, {}),
+                key: 'linked-wallet',
+                label: t('dyn_wallet_funding.funding_method_selection.linked_wallet_option'),
+                onClick: startLinkedWalletFunding,
+                showChevron: true,
+            });
+        }
         if (externalWalletFundingEnabled) {
             methods.push({
                 icon: jsxRuntime.jsx(walletOutlineV2.ReactComponent, {}),
@@ -191,14 +203,16 @@ const useFundingMethods = () => {
     }, [
         t,
         handleQrClick,
-        paymentMethods,
+        primaryWallet,
         onrampOptions.length,
+        filteredLinkedWallets.length,
+        externalWalletFundingEnabled,
+        paymentMethods,
         handleBuyCryptoClick,
         previewOnrampIcons,
-        externalWalletFundingEnabled,
+        startLinkedWalletFunding,
         startExternalWalletFunding,
         previewWalletIcons,
-        primaryWallet,
     ]);
 };
 

package/src/lib/widgets/DynamicWidget/views/ChooseWalletFundingMethod/useFundingMethods/useFundingMethods.js

@@ -15,6 +15,7 @@ import '@dynamic-labs/iconic';
 import '@dynamic-labs/wallet-connector-core';
 import { ReactComponent as SvgAddThick } from '../../../../../shared/assets/add-thick.js';
 import { ReactComponent as SvgGlobe } from '../../../../../shared/assets/globe.js';
+import { ReactComponent as SvgLinkCircle } from '../../../../../shared/assets/link-circle.js';
 import { ReactComponent as SvgQrCode } from '../../../../../shared/assets/qr-code.js';
 import { ReactComponent as SvgWalletOutlineV2 } from '../../../../../shared/assets/wallet-outline-v2.js';
 import '../../../../../context/ViewContext/ViewContext.js';
@@ -79,11 +80,12 @@ import '../../../../../context/PasskeyContext/PasskeyContext.js';
 import '../../ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
 import { useOnrampContext } from '../../../../../context/OnrampContext/OnrampContext.js';
 import { FilterChain } from '../../../../../utils/functions/walletFilters/index.js';
-import { useFundWithWallet } from '../../../../../utils/hooks/useFundWithWallet/useFundWithWallet.js';
+import { useInternalFundWithWallet } from '../../../../../utils/hooks/useFundWithWallet/useFundWithWallet.js';
 import { useWalletList } from '../../../../../utils/hooks/useWalletList/useWalletList.js';
 import { useStartExternalWalletFunding } from './useStartExternalWalletFunding/useStartExternalWalletFunding.js';
+import { useStartLinkedWalletFunding } from './useStartLinkedWalletFunding/useStartLinkedWalletFunding.js';
 import 'qrcode';
-import '../../ReceiveExternalWalletFunds/ReceiveExternalWalletFunds.js';
+import '../../ReceiveWalletFunds/ReceiveWalletFunds.js';
 import '../../../../../../index.js';
 import '../../../../../context/IpConfigurationContext/IpConfigurationContext.js';
 import '../../../../../context/ConnectWithOtpContext/ConnectWithOtpContext.js';
@@ -107,7 +109,7 @@ const MAX_PREVIEW_ICONS = 3;
 const useFundingMethods = () => {
     const { t } = useTranslation();
     const { setDynamicWidgetView } = useWidgetContext();
-    const { externalWalletFundingEnabled } = useFundWithWallet();
+    const { externalWalletFundingEnabled } = useInternalFundWithWallet();
     const { enabledOnrampProviders } = useOnrampContext();
     const { primaryWallet } = useInternalDynamicContext();
     const viewWalletsFilter = useMemo(() => (primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.chain)
@@ -117,7 +119,8 @@ const useFundingMethods = () => {
         viewWalletsFilter,
     });
     const walletGroups = useWalletGroups();
-    const startExternalWalletFunding = useStartExternalWalletFunding();
+    const { startExternalWalletFunding } = useStartExternalWalletFunding();
+    const { startLinkedWalletFunding, filteredLinkedWallets } = useStartLinkedWalletFunding();
     const onrampOptions = useMemo(() => enabledOnrampProviders.filter(({ isPaymentMethod }) => !isPaymentMethod), [enabledOnrampProviders]);
     const paymentMethods = useMemo(() => enabledOnrampProviders.filter(({ isPaymentMethod }) => isPaymentMethod), [enabledOnrampProviders]);
     const handleQrClick = useCallback(() => setDynamicWidgetView('deposit-view'), [setDynamicWidgetView]);
@@ -173,6 +176,15 @@ const useFundingMethods = () => {
                 showChevron: onrampOptions.length > 1,
             });
         }
+        if (filteredLinkedWallets.length > 0) {
+            methods.push({
+                icon: jsx(SvgLinkCircle, {}),
+                key: 'linked-wallet',
+                label: t('dyn_wallet_funding.funding_method_selection.linked_wallet_option'),
+                onClick: startLinkedWalletFunding,
+                showChevron: true,
+            });
+        }
         if (externalWalletFundingEnabled) {
             methods.push({
                 icon: jsx(SvgWalletOutlineV2, {}),
@@ -187,14 +199,16 @@ const useFundingMethods = () => {
     }, [
         t,
         handleQrClick,
-        paymentMethods,
+        primaryWallet,
         onrampOptions.length,
+        filteredLinkedWallets.length,
+        externalWalletFundingEnabled,
+        paymentMethods,
         handleBuyCryptoClick,
         previewOnrampIcons,
-        externalWalletFundingEnabled,
+        startLinkedWalletFunding,
         startExternalWalletFunding,
         previewWalletIcons,
-        primaryWallet,
     ]);
 };
 

package/src/lib/widgets/DynamicWidget/views/ChooseWalletFundingMethod/useFundingMethods/useStartExternalWalletFunding/useStartExternalWalletFunding.cjs

@@ -6,20 +6,25 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var _tslib = require('../../../../../../../../_virtual/_tslib.cjs');
 var React = require('react');
 var useFundWithWallet = require('../../../../../../utils/hooks/useFundWithWallet/useFundWithWallet.cjs');
-var getPromptAmountParams = require('./getPromptAmountParams/getPromptAmountParams.cjs');
+var getPromptAmountParams = require('../getPromptAmountParams/getPromptAmountParams.cjs');
 
 const useStartExternalWalletFunding = () => {
-    const { connectWalletForFunding, promptAmountAndFund } = useFundWithWallet.useFundWithWallet();
-    return React.useCallback(() => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+    const { connectWalletForFunding, promptAmountAndFund } = useFundWithWallet.useInternalFundWithWallet();
+    const startExternalWalletFunding = React.useCallback(() => _tslib.__awaiter(void 0, void 0, void 0, function* () {
         try {
-            const externalWallet = yield connectWalletForFunding();
-            const props = getPromptAmountParams.getPromptAmountParams({ externalWallet });
+            const externalWallet = yield connectWalletForFunding({
+                initiatedByWidget: true,
+            });
+            const props = getPromptAmountParams.getPromptAmountParams({ wallet: externalWallet });
             promptAmountAndFund(props);
         }
         catch (_a) {
             /* empty */
         }
     }), [connectWalletForFunding, promptAmountAndFund]);
+    return {
+        startExternalWalletFunding,
+    };
 };
 
 exports.useStartExternalWalletFunding = useStartExternalWalletFunding;

package/src/lib/widgets/DynamicWidget/views/ChooseWalletFundingMethod/useFundingMethods/useStartExternalWalletFunding/useStartExternalWalletFunding.d.ts

@@ -1 +1,3 @@
-export declare const useStartExternalWalletFunding: () => () => Promise<void>;
+export declare const useStartExternalWalletFunding: () => {
+    startExternalWalletFunding: () => Promise<void>;
+};

package/src/lib/widgets/DynamicWidget/views/ChooseWalletFundingMethod/useFundingMethods/useStartExternalWalletFunding/useStartExternalWalletFunding.js

@@ -1,21 +1,26 @@
 'use client'
 import { __awaiter } from '../../../../../../../../_virtual/_tslib.js';
 import { useCallback } from 'react';
-import { useFundWithWallet } from '../../../../../../utils/hooks/useFundWithWallet/useFundWithWallet.js';
-import { getPromptAmountParams } from './getPromptAmountParams/getPromptAmountParams.js';
+import { useInternalFundWithWallet } from '../../../../../../utils/hooks/useFundWithWallet/useFundWithWallet.js';
+import { getPromptAmountParams } from '../getPromptAmountParams/getPromptAmountParams.js';
 
 const useStartExternalWalletFunding = () => {
-    const { connectWalletForFunding, promptAmountAndFund } = useFundWithWallet();
-    return useCallback(() => __awaiter(void 0, void 0, void 0, function* () {
+    const { connectWalletForFunding, promptAmountAndFund } = useInternalFundWithWallet();
+    const startExternalWalletFunding = useCallback(() => __awaiter(void 0, void 0, void 0, function* () {
         try {
-            const externalWallet = yield connectWalletForFunding();
-            const props = getPromptAmountParams({ externalWallet });
+            const externalWallet = yield connectWalletForFunding({
+                initiatedByWidget: true,
+            });
+            const props = getPromptAmountParams({ wallet: externalWallet });
             promptAmountAndFund(props);
         }
         catch (_a) {
             /* empty */
         }
     }), [connectWalletForFunding, promptAmountAndFund]);
+    return {
+        startExternalWalletFunding,
+    };
 };
 
 export { useStartExternalWalletFunding };

package/src/lib/widgets/DynamicWidget/views/ChooseWalletFundingMethod/useFundingMethods/useStartLinkedWalletFunding/index.d.ts

@@ -0,0 +1 @@
+export * from './useStartLinkedWalletFunding';

package/src/lib/widgets/DynamicWidget/views/ChooseWalletFundingMethod/useFundingMethods/useStartLinkedWalletFunding/useStartLinkedWalletFunding.cjs

@@ -0,0 +1,31 @@
+'use client'
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _tslib = require('../../../../../../../../_virtual/_tslib.cjs');
+var React = require('react');
+var useFundWithWallet = require('../../../../../../utils/hooks/useFundWithWallet/useFundWithWallet.cjs');
+var getPromptAmountParams = require('../getPromptAmountParams/getPromptAmountParams.cjs');
+
+const useStartLinkedWalletFunding = () => {
+    const { promptAmountAndFund, chooseLinkedWallet, filteredLinkedWallets } = useFundWithWallet.useInternalFundWithWallet();
+    const startLinkedWalletFunding = React.useCallback(() => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+        try {
+            const linkedWallet = yield chooseLinkedWallet();
+            if (!linkedWallet)
+                return;
+            const props = getPromptAmountParams.getPromptAmountParams({ wallet: linkedWallet });
+            promptAmountAndFund(props);
+        }
+        catch (_a) {
+            /* empty */
+        }
+    }), [chooseLinkedWallet, promptAmountAndFund]);
+    return {
+        filteredLinkedWallets,
+        startLinkedWalletFunding,
+    };
+};
+
+exports.useStartLinkedWalletFunding = useStartLinkedWalletFunding;

package/src/lib/widgets/DynamicWidget/views/ChooseWalletFundingMethod/useFundingMethods/useStartLinkedWalletFunding/useStartLinkedWalletFunding.d.ts

@@ -0,0 +1,4 @@
+export declare const useStartLinkedWalletFunding: () => {
+    filteredLinkedWallets: import("dist/packages/wallet-connector-core/src").Wallet<import("dist/packages/wallet-connector-core/src").WalletConnectorCore.WalletConnector>[];
+    startLinkedWalletFunding: () => Promise<void>;
+};

package/src/lib/widgets/DynamicWidget/views/ChooseWalletFundingMethod/useFundingMethods/useStartLinkedWalletFunding/useStartLinkedWalletFunding.js

@@ -0,0 +1,27 @@
+'use client'
+import { __awaiter } from '../../../../../../../../_virtual/_tslib.js';
+import { useCallback } from 'react';
+import { useInternalFundWithWallet } from '../../../../../../utils/hooks/useFundWithWallet/useFundWithWallet.js';
+import { getPromptAmountParams } from '../getPromptAmountParams/getPromptAmountParams.js';
+
+const useStartLinkedWalletFunding = () => {
+    const { promptAmountAndFund, chooseLinkedWallet, filteredLinkedWallets } = useInternalFundWithWallet();
+    const startLinkedWalletFunding = useCallback(() => __awaiter(void 0, void 0, void 0, function* () {
+        try {
+            const linkedWallet = yield chooseLinkedWallet();
+            if (!linkedWallet)
+                return;
+            const props = getPromptAmountParams({ wallet: linkedWallet });
+            promptAmountAndFund(props);
+        }
+        catch (_a) {
+            /* empty */
+        }
+    }), [chooseLinkedWallet, promptAmountAndFund]);
+    return {
+        filteredLinkedWallets,
+        startLinkedWalletFunding,
+    };
+};
+
+export { useStartLinkedWalletFunding };

package/src/lib/widgets/DynamicWidget/views/ConnectedAppsView/ConnectedAppsView.cjs

@@ -84,7 +84,7 @@ require('../../../../context/PasskeyContext/PasskeyContext.cjs');
 require('../ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
 require('../../../../context/OnrampContext/OnrampContext.cjs');
 require('qrcode');
-require('../ReceiveExternalWalletFunds/ReceiveExternalWalletFunds.cjs');
+require('../ReceiveWalletFunds/ReceiveWalletFunds.cjs');
 require('../../../../../index.cjs');
 require('../../../../context/IpConfigurationContext/IpConfigurationContext.cjs');
 require('../../../../context/ConnectWithOtpContext/ConnectWithOtpContext.cjs');

package/src/lib/widgets/DynamicWidget/views/ConnectedAppsView/ConnectedAppsView.js

@@ -80,7 +80,7 @@ import '../../../../context/PasskeyContext/PasskeyContext.js';
 import '../ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
 import '../../../../context/OnrampContext/OnrampContext.js';
 import 'qrcode';
-import '../ReceiveExternalWalletFunds/ReceiveExternalWalletFunds.js';
+import '../ReceiveWalletFunds/ReceiveWalletFunds.js';
 import '../../../../../index.js';
 import '../../../../context/IpConfigurationContext/IpConfigurationContext.js';
 import '../../../../context/ConnectWithOtpContext/ConnectWithOtpContext.js';

package/src/lib/widgets/DynamicWidget/views/DepositView/DepositView.cjs

@@ -96,7 +96,7 @@ require('../../components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
 require('../../../../views/TransactionConfirmationView/TransactionConfirmationView.cjs');
 require('../ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
 require('../../../../context/OnrampContext/OnrampContext.cjs');
-require('../ReceiveExternalWalletFunds/ReceiveExternalWalletFunds.cjs');
+require('../ReceiveWalletFunds/ReceiveWalletFunds.cjs');
 require('../../../../../index.cjs');
 require('../../../../store/state/tokenBalances.cjs');
 require('../../../../shared/utils/functions/getInitialUrl/getInitialUrl.cjs');

package/src/lib/widgets/DynamicWidget/views/DepositView/DepositView.js

@@ -92,7 +92,7 @@ import '../../components/DynamicWidgetHeader/DynamicWidgetHeader.js';
 import '../../../../views/TransactionConfirmationView/TransactionConfirmationView.js';
 import '../ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
 import '../../../../context/OnrampContext/OnrampContext.js';
-import '../ReceiveExternalWalletFunds/ReceiveExternalWalletFunds.js';
+import '../ReceiveWalletFunds/ReceiveWalletFunds.js';
 import '../../../../../index.js';
 import '../../../../store/state/tokenBalances.js';
 import '../../../../shared/utils/functions/getInitialUrl/getInitialUrl.js';

package/src/lib/widgets/DynamicWidget/views/EditProfileView/EditProfileView.cjs

@@ -81,7 +81,7 @@ require('../../../../context/PasskeyContext/PasskeyContext.cjs');
 require('../ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
 require('../../../../context/OnrampContext/OnrampContext.cjs');
 require('qrcode');
-require('../ReceiveExternalWalletFunds/ReceiveExternalWalletFunds.cjs');
+require('../ReceiveWalletFunds/ReceiveWalletFunds.cjs');
 require('../../../../../index.cjs');
 require('../../../../utils/hooks/useSubdomainCheck/useSubdomainCheck.cjs');
 require('../../../../context/IpConfigurationContext/IpConfigurationContext.cjs');

package/src/lib/widgets/DynamicWidget/views/EditProfileView/EditProfileView.js

@@ -77,7 +77,7 @@ import '../../../../context/PasskeyContext/PasskeyContext.js';
 import '../ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
 import '../../../../context/OnrampContext/OnrampContext.js';
 import 'qrcode';
-import '../ReceiveExternalWalletFunds/ReceiveExternalWalletFunds.js';
+import '../ReceiveWalletFunds/ReceiveWalletFunds.js';
 import '../../../../../index.js';
 import '../../../../utils/hooks/useSubdomainCheck/useSubdomainCheck.js';
 import '../../../../context/IpConfigurationContext/IpConfigurationContext.js';

package/src/lib/widgets/DynamicWidget/views/GlobalWalletView/GlobalWalletView.cjs

@@ -86,7 +86,7 @@ require('../ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
 require('../../../../context/OnrampContext/OnrampContext.cjs');
 require('qrcode');
 var GlobalWalletScanner = require('./scanner/GlobalWalletScanner.cjs');
-require('../ReceiveExternalWalletFunds/ReceiveExternalWalletFunds.cjs');
+require('../ReceiveWalletFunds/ReceiveWalletFunds.cjs');
 require('../../../../../index.cjs');
 require('../../../../context/IpConfigurationContext/IpConfigurationContext.cjs');
 require('../../../../context/ConnectWithOtpContext/ConnectWithOtpContext.cjs');

package/src/lib/widgets/DynamicWidget/views/GlobalWalletView/GlobalWalletView.js

@@ -82,7 +82,7 @@ import '../ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
 import '../../../../context/OnrampContext/OnrampContext.js';
 import 'qrcode';
 import { GlobalWalletScanner } from './scanner/GlobalWalletScanner.js';
-import '../ReceiveExternalWalletFunds/ReceiveExternalWalletFunds.js';
+import '../ReceiveWalletFunds/ReceiveWalletFunds.js';
 import '../../../../../index.js';
 import '../../../../context/IpConfigurationContext/IpConfigurationContext.js';
 import '../../../../context/ConnectWithOtpContext/ConnectWithOtpContext.js';

package/src/lib/widgets/DynamicWidget/views/ManageMfaWidgetView/ManageMfaWidgetView.cjs

@@ -88,7 +88,7 @@ require('qrcode');
 var MfaDeviceTileSkeleton = require('../../../../components/MfaDeviceTileSkeleton/MfaDeviceTileSkeleton.cjs');
 var UserDeviceTile = require('./components/UserDeviceTile.cjs');
 var sort = require('./components/utils/sort.cjs');
-require('../ReceiveExternalWalletFunds/ReceiveExternalWalletFunds.cjs');
+require('../ReceiveWalletFunds/ReceiveWalletFunds.cjs');
 require('../../../../../index.cjs');
 require('../../../../context/IpConfigurationContext/IpConfigurationContext.cjs');
 require('../../../../context/ConnectWithOtpContext/ConnectWithOtpContext.cjs');
@@ -112,7 +112,7 @@ const ManageMfaWidgetView = () => {
     const [loading, setLoading] = React.useState(false);
     const { setDynamicWidgetView, dynamicWidgetView } = DynamicWidgetContext.useWidgetContext();
     const { setShowMfaQRCode, setShowOTPVerification } = useDynamicModals.useDynamicModals();
-    const { pushView } = ViewContext.useViewContext();
+    const { clearStackAndPush } = ViewContext.useViewContext();
     const { getUserDevices, deleteUserDevice } = useMfa.useMfa();
     const { t } = reactI18next.useTranslation();
     const { projectSettings, setShowAuthFlow } = useInternalDynamicContext.useInternalDynamicContext();
@@ -144,10 +144,10 @@ const ManageMfaWidgetView = () => {
     useEffectOnce.useEffectOnce(() => {
         getDevices();
     });
-    const backButton = dynamicWidgetView === 'manage-mfa' ? (jsxRuntime.jsx(IconButton.IconButton, { type: 'button', onClick: () => setDynamicWidgetView('settings'), "data-testid": 'back-button', children: jsxRuntime.jsx(chevronLeft.ReactComponent, {}) })) : undefined;
+    const backButton = dynamicWidgetView === 'manage-mfa' ? (jsxRuntime.jsx(IconButton.IconButton, { type: 'button', onClick: () => setDynamicWidgetView('account-and-security-settings'), "data-testid": 'back-button', children: jsxRuntime.jsx(chevronLeft.ReactComponent, {}) })) : undefined;
     const handleGenerateBackupCodes = () => _tslib.__awaiter(void 0, void 0, void 0, function* () {
         setShowAuthFlow(true);
-        pushView('mfa-display-backup-codes', { regenerateCodes: true });
+        clearStackAndPush('mfa-display-backup-codes', { regenerateCodes: true });
     });
     return (jsxRuntime.jsxs("div", { className: 'manage-mfa-widget-view', children: [jsxRuntime.jsx(ModalHeader.ModalHeader, { leading: backButton, children: jsxRuntime.jsx("div", { className: 'send-balance-page-layout__header-content', children: jsxRuntime.jsx(Typography.Typography, { variant: 'title', color: 'primary', copykey: 'dyn_manage_mfa.title', children: t('dyn_manage_mfa.title') }) }) }), jsxRuntime.jsxs("div", { className: 'manage-mfa-widget-view__scroll-container', children: [loading && jsxRuntime.jsx(MfaDeviceTileSkeleton.MfaDeviceTileSkeleton, {}), !loading && userDevices.length === 0 && (jsxRuntime.jsx(Typography.Typography, { className: 'manage-mfa-widget-view__no-devices', variant: 'body_normal', color: 'secondary', copykey: 'dyn_manage_mfa.no_devices', children: t('dyn_manage_mfa.no_devices') })), userDevices.map((device, index) => (jsxRuntime.jsx(UserDeviceTile.UserDeviceTile, { isMfaRequired: isMfaRequired, userDevice: device, index: index, deleteDevice: deleteDevice }, device.id)))] }), jsxRuntime.jsx("div", { className: 'manage-mfa-widget-view__add-mfa-button-container', children: userDevices.length > 0 ? (jsxRuntime.jsx(TypographyButton.TypographyButton, { buttonClassName: 'manage-mfa-widget-view__add-mfa-button-container__button', onClick: handleGenerateBackupCodes, copykey: 'dyn_manage_mfa.generate_backup_codes_button', children: t('dyn_manage_mfa.generate_backup_codes_button') })) : (jsxRuntime.jsx(TypographyButton.TypographyButton, { buttonClassName: 'manage-mfa-widget-view__add-mfa-button-container__button', onClick: () => setShowMfaQRCode(true), copykey: 'dyn_manage_mfa.add_mfa_button', startSlot: jsxRuntime.jsx(add.ReactComponent, {}), children: t('dyn_manage_mfa.add_mfa_button') })) })] }));
 };

package/src/lib/widgets/DynamicWidget/views/ManageMfaWidgetView/ManageMfaWidgetView.js

@@ -84,7 +84,7 @@ import 'qrcode';
 import { MfaDeviceTileSkeleton } from '../../../../components/MfaDeviceTileSkeleton/MfaDeviceTileSkeleton.js';
 import { UserDeviceTile } from './components/UserDeviceTile.js';
 import { sortDevices } from './components/utils/sort.js';
-import '../ReceiveExternalWalletFunds/ReceiveExternalWalletFunds.js';
+import '../ReceiveWalletFunds/ReceiveWalletFunds.js';
 import '../../../../../index.js';
 import '../../../../context/IpConfigurationContext/IpConfigurationContext.js';
 import '../../../../context/ConnectWithOtpContext/ConnectWithOtpContext.js';
@@ -108,7 +108,7 @@ const ManageMfaWidgetView = () => {
     const [loading, setLoading] = useState(false);
     const { setDynamicWidgetView, dynamicWidgetView } = useWidgetContext();
     const { setShowMfaQRCode, setShowOTPVerification } = useDynamicModals();
-    const { pushView } = useViewContext();
+    const { clearStackAndPush } = useViewContext();
     const { getUserDevices, deleteUserDevice } = useMfa();
     const { t } = useTranslation();
     const { projectSettings, setShowAuthFlow } = useInternalDynamicContext();
@@ -140,10 +140,10 @@ const ManageMfaWidgetView = () => {
     useEffectOnce(() => {
         getDevices();
     });
-    const backButton = dynamicWidgetView === 'manage-mfa' ? (jsx(IconButton, { type: 'button', onClick: () => setDynamicWidgetView('settings'), "data-testid": 'back-button', children: jsx(SvgChevronLeft, {}) })) : undefined;
+    const backButton = dynamicWidgetView === 'manage-mfa' ? (jsx(IconButton, { type: 'button', onClick: () => setDynamicWidgetView('account-and-security-settings'), "data-testid": 'back-button', children: jsx(SvgChevronLeft, {}) })) : undefined;
     const handleGenerateBackupCodes = () => __awaiter(void 0, void 0, void 0, function* () {
         setShowAuthFlow(true);
-        pushView('mfa-display-backup-codes', { regenerateCodes: true });
+        clearStackAndPush('mfa-display-backup-codes', { regenerateCodes: true });
     });
     return (jsxs("div", { className: 'manage-mfa-widget-view', children: [jsx(ModalHeader, { leading: backButton, children: jsx("div", { className: 'send-balance-page-layout__header-content', children: jsx(Typography, { variant: 'title', color: 'primary', copykey: 'dyn_manage_mfa.title', children: t('dyn_manage_mfa.title') }) }) }), jsxs("div", { className: 'manage-mfa-widget-view__scroll-container', children: [loading && jsx(MfaDeviceTileSkeleton, {}), !loading && userDevices.length === 0 && (jsx(Typography, { className: 'manage-mfa-widget-view__no-devices', variant: 'body_normal', color: 'secondary', copykey: 'dyn_manage_mfa.no_devices', children: t('dyn_manage_mfa.no_devices') })), userDevices.map((device, index) => (jsx(UserDeviceTile, { isMfaRequired: isMfaRequired, userDevice: device, index: index, deleteDevice: deleteDevice }, device.id)))] }), jsx("div", { className: 'manage-mfa-widget-view__add-mfa-button-container', children: userDevices.length > 0 ? (jsx(TypographyButton, { buttonClassName: 'manage-mfa-widget-view__add-mfa-button-container__button', onClick: handleGenerateBackupCodes, copykey: 'dyn_manage_mfa.generate_backup_codes_button', children: t('dyn_manage_mfa.generate_backup_codes_button') })) : (jsx(TypographyButton, { buttonClassName: 'manage-mfa-widget-view__add-mfa-button-container__button', onClick: () => setShowMfaQRCode(true), copykey: 'dyn_manage_mfa.add_mfa_button', startSlot: jsx(SvgAdd, {}), children: t('dyn_manage_mfa.add_mfa_button') })) })] }));
 };

package/src/lib/widgets/DynamicWidget/views/ManagePasskeysWidgetView/ManagePasskeysWidgetView.cjs

@@ -85,7 +85,7 @@ var PasskeyContext = require('../../../../context/PasskeyContext/PasskeyContext.
 var PasskeyCard = require('./PasskeyCard/PasskeyCard.cjs');
 require('../../../../context/OnrampContext/OnrampContext.cjs');
 require('qrcode');
-require('../ReceiveExternalWalletFunds/ReceiveExternalWalletFunds.cjs');
+require('../ReceiveWalletFunds/ReceiveWalletFunds.cjs');
 require('../../../../../index.cjs');
 require('../../../../context/IpConfigurationContext/IpConfigurationContext.cjs');
 require('../../../../context/ConnectWithOtpContext/ConnectWithOtpContext.cjs');
@@ -108,7 +108,7 @@ const ManagePasskeysWidgetView = () => {
     const { initPasskeyRecoveryProcess } = usePasskeyRecovery.usePasskeyRecovery();
     const { t } = reactI18next.useTranslation();
     const isRecoveryEnabled = Boolean((_a = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk.embeddedWallets) === null || _a === void 0 ? void 0 : _a.emailRecoveryEnabled);
-    const backButton = (jsxRuntime.jsx(IconButton.IconButton, { type: 'button', onClick: () => setDynamicWidgetView('settings'), "data-testid": 'back-button', children: jsxRuntime.jsx(chevronLeft.ReactComponent, {}) }));
+    const backButton = (jsxRuntime.jsx(IconButton.IconButton, { type: 'button', onClick: () => setDynamicWidgetView('account-and-security-settings'), "data-testid": 'back-button', children: jsxRuntime.jsx(chevronLeft.ReactComponent, {}) }));
     return (jsxRuntime.jsxs("div", { className: 'manage-passkeys-widget-view', children: [jsxRuntime.jsx(ModalHeader.ModalHeader, { leading: backButton, children: jsxRuntime.jsx("div", { className: 'send-balance-page-layout__header-content', children: jsxRuntime.jsx(Typography.Typography, { variant: 'title', color: 'primary', copykey: 'dyn_manage_passkeys.title', children: t('dyn_manage_passkeys.title') }) }) }), jsxRuntime.jsx(PasskeyCreatedSuccessBanner.PasskeyCreatedSuccessBanner, {}), jsxRuntime.jsxs("div", { className: 'manage-passkeys-widget-view__body', children: [jsxRuntime.jsx("div", { className: 'manage-passkeys-widget-view__body__cards', children: isLoading ? (jsxRuntime.jsx(Skeleton.Skeleton, { count: 1, className: 'manage-passkeys-widget-view__body__cards__skeleton' })) : (userPasskeys.map((passkey) => (jsxRuntime.jsx(PasskeyCard.PasskeyCard, { passkey: passkey }, passkey.id)))) }), isRecoveryEnabled && (jsxRuntime.jsx(TypographyButton.TypographyButton, { buttonPadding: 'large', buttonClassName: 'manage-passkeys-widget-view__body__recovery-button', onClick: () => initPasskeyRecoveryProcess('passkey'), showInternalLoading: false, startSlot: jsxRuntime.jsx(add.ReactComponent, {}), copykey: 'dyn_manage_passkeys.recovery_button', children: t('dyn_manage_passkeys.recovery_button') }))] })] }));
 };
 

package/src/lib/widgets/DynamicWidget/views/ManagePasskeysWidgetView/ManagePasskeysWidgetView.js

@@ -81,7 +81,7 @@ import { usePasskeyContext } from '../../../../context/PasskeyContext/PasskeyCon
 import { PasskeyCard } from './PasskeyCard/PasskeyCard.js';
 import '../../../../context/OnrampContext/OnrampContext.js';
 import 'qrcode';
-import '../ReceiveExternalWalletFunds/ReceiveExternalWalletFunds.js';
+import '../ReceiveWalletFunds/ReceiveWalletFunds.js';
 import '../../../../../index.js';
 import '../../../../context/IpConfigurationContext/IpConfigurationContext.js';
 import '../../../../context/ConnectWithOtpContext/ConnectWithOtpContext.js';
@@ -104,7 +104,7 @@ const ManagePasskeysWidgetView = () => {
     const { initPasskeyRecoveryProcess } = usePasskeyRecovery();
     const { t } = useTranslation();
     const isRecoveryEnabled = Boolean((_a = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk.embeddedWallets) === null || _a === void 0 ? void 0 : _a.emailRecoveryEnabled);
-    const backButton = (jsx(IconButton, { type: 'button', onClick: () => setDynamicWidgetView('settings'), "data-testid": 'back-button', children: jsx(SvgChevronLeft, {}) }));
+    const backButton = (jsx(IconButton, { type: 'button', onClick: () => setDynamicWidgetView('account-and-security-settings'), "data-testid": 'back-button', children: jsx(SvgChevronLeft, {}) }));
     return (jsxs("div", { className: 'manage-passkeys-widget-view', children: [jsx(ModalHeader, { leading: backButton, children: jsx("div", { className: 'send-balance-page-layout__header-content', children: jsx(Typography, { variant: 'title', color: 'primary', copykey: 'dyn_manage_passkeys.title', children: t('dyn_manage_passkeys.title') }) }) }), jsx(PasskeyCreatedSuccessBanner, {}), jsxs("div", { className: 'manage-passkeys-widget-view__body', children: [jsx("div", { className: 'manage-passkeys-widget-view__body__cards', children: isLoading ? (jsx(Skeleton, { count: 1, className: 'manage-passkeys-widget-view__body__cards__skeleton' })) : (userPasskeys.map((passkey) => (jsx(PasskeyCard, { passkey: passkey }, passkey.id)))) }), isRecoveryEnabled && (jsx(TypographyButton, { buttonPadding: 'large', buttonClassName: 'manage-passkeys-widget-view__body__recovery-button', onClick: () => initPasskeyRecoveryProcess('passkey'), showInternalLoading: false, startSlot: jsx(SvgAdd, {}), copykey: 'dyn_manage_passkeys.recovery_button', children: t('dyn_manage_passkeys.recovery_button') }))] })] }));
 };
 

package/src/lib/widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs

@@ -83,7 +83,7 @@ require('../../../../../views/TransactionConfirmationView/TransactionConfirmatio
 var PasskeyContext = require('../../../../../context/PasskeyContext/PasskeyContext.cjs');
 require('../../../../../context/OnrampContext/OnrampContext.cjs');
 require('qrcode');
-require('../../ReceiveExternalWalletFunds/ReceiveExternalWalletFunds.cjs');
+require('../../ReceiveWalletFunds/ReceiveWalletFunds.cjs');
 require('../../../../../../index.cjs');
 require('../../../../../context/IpConfigurationContext/IpConfigurationContext.cjs');
 require('../../../../../context/ConnectWithOtpContext/ConnectWithOtpContext.cjs');

package/src/lib/widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js

@@ -79,7 +79,7 @@ import '../../../../../views/TransactionConfirmationView/TransactionConfirmation
 import { usePasskeyContext } from '../../../../../context/PasskeyContext/PasskeyContext.js';
 import '../../../../../context/OnrampContext/OnrampContext.js';
 import 'qrcode';
-import '../../ReceiveExternalWalletFunds/ReceiveExternalWalletFunds.js';
+import '../../ReceiveWalletFunds/ReceiveWalletFunds.js';
 import '../../../../../../index.js';
 import '../../../../../context/IpConfigurationContext/IpConfigurationContext.js';
 import '../../../../../context/ConnectWithOtpContext/ConnectWithOtpContext.js';