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

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

@@ -56,7 +56,6 @@ require('../../../../views/CollectUserDataView/useFields.cjs');
 require('../../../../context/FieldsStateContext/FieldsStateContext.cjs');
 require('../../../../context/UserFieldEditorContext/UserFieldEditorContext.cjs');
 require('@dynamic-labs/rpc-providers');
-var useEffectOnce = require('../../../../utils/hooks/useEffectOnce/useEffectOnce.cjs');
 require('../../../../store/state/loadingAndLifecycle.cjs');
 require('@dynamic-labs/store');
 require('../../../../store/state/walletOptions/walletOptions.cjs');
@@ -80,6 +79,7 @@ var ModalHeader = require('../../../../components/ModalHeader/ModalHeader.cjs');
 require('../../../../store/state/sendBalances.cjs');
 require('../../../../components/Input/Input.cjs');
 require('../../../../components/OverlayCard/OverlayCard.cjs');
+var useEffectOnce = require('../../../../utils/hooks/useEffectOnce/useEffectOnce.cjs');
 require('../../../../views/TransactionConfirmationView/TransactionConfirmationView.cjs');
 require('../../../../context/PasskeyContext/PasskeyContext.cjs');
 require('../ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.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

@@ -52,7 +52,6 @@ import '../../../../views/CollectUserDataView/useFields.js';
 import '../../../../context/FieldsStateContext/FieldsStateContext.js';
 import '../../../../context/UserFieldEditorContext/UserFieldEditorContext.js';
 import '@dynamic-labs/rpc-providers';
-import { useEffectOnce } from '../../../../utils/hooks/useEffectOnce/useEffectOnce.js';
 import '../../../../store/state/loadingAndLifecycle.js';
 import '@dynamic-labs/store';
 import '../../../../store/state/walletOptions/walletOptions.js';
@@ -76,6 +75,7 @@ import { ModalHeader } from '../../../../components/ModalHeader/ModalHeader.js';
 import '../../../../store/state/sendBalances.js';
 import '../../../../components/Input/Input.js';
 import '../../../../components/OverlayCard/OverlayCard.js';
+import { useEffectOnce } from '../../../../utils/hooks/useEffectOnce/useEffectOnce.js';
 import '../../../../views/TransactionConfirmationView/TransactionConfirmationView.js';
 import '../../../../context/PasskeyContext/PasskeyContext.js';
 import '../ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.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';

package/src/lib/widgets/DynamicWidget/views/{ReceiveExternalWalletFunds/ReceiveExternalWalletFunds.cjs → ReceiveWalletFunds/ReceiveWalletFunds.cjs}

@@ -113,7 +113,7 @@ var isFiatToken = require('./utils/isFiatToken/isFiatToken.cjs');
 var isNonZero = require('./utils/isNonZero/isNonZero.cjs');
 var respectsMinimum = require('./utils/respectsMinimum/respectsMinimum.cjs');
 var useExchangeRatesForFunding = require('./utils/useExchangeRatesForFunding/useExchangeRatesForFunding.cjs');
-var useSubmitExternalWalletFunding = require('./utils/useSubmitExternalWalletFunding/useSubmitExternalWalletFunding.cjs');
+var useSubmitWalletFunding = require('./utils/useSubmitWalletFunding/useSubmitWalletFunding.cjs');
 var useTokensForFunding = require('./utils/useTokensForFunding/useTokensForFunding.cjs');
 var calculateFiatBalance = require('./utils/calculateFiatBalance/calculateFiatBalance.cjs');
 
@@ -124,7 +124,7 @@ const defaultQuickSuggestions = {
 const rulesThatHideQuickSuggestions = ['exact', 'minimum'];
 const rulesThatDisableTokenSelect = ['exact', 'exact-with-amount'];
 const inputEmitter = formattedInputEmitter.createFormattedInputEmitter();
-const ReceiveExternalWalletFunds = ({ amount: initialAmount, token: initialTokenRaw, externalWallet, quickSuggestions = defaultQuickSuggestions, }) => {
+const ReceiveWalletFunds = ({ amount: initialAmount, token: initialTokenRaw, wallet, quickSuggestions = defaultQuickSuggestions, }) => {
     var _a, _b, _c, _d, _e, _f, _g, _h, _j;
     // For now we hardcode the default value, soon we will fetch this from project settings
     const initialToken = initialTokenRaw !== null && initialTokenRaw !== void 0 ? initialTokenRaw : {
@@ -146,7 +146,7 @@ const ReceiveExternalWalletFunds = ({ amount: initialAmount, token: initialToken
     const [conversionErrorIconRef, setConversionErrorIconRef] = React.useState(null);
     const { setDynamicWidgetView } = DynamicWidgetContext.useWidgetContext();
     const { isLoading: tokenBalancesLoading, tokens: tokenBalances } = useTokensForFunding.useTokensForFunding({
-        wallet: externalWallet,
+        wallet: wallet,
     });
     const exchangeRates = useExchangeRatesForFunding.useExchangeRatesForFunding({
         // Initialize amounts after exchange rates are fetched
@@ -258,10 +258,10 @@ const ReceiveExternalWalletFunds = ({ amount: initialAmount, token: initialToken
                 value: (_e = currentToken === null || currentToken === void 0 ? void 0 : currentToken.balance) !== null && _e !== void 0 ? _e : 0,
             },
         ];
-    const showNotEnoughBalance = Boolean(!currentToken ||
-        (isNonZero.isNonZero(tokenAmount) &&
-            tokenAmount !== undefined &&
-            currentToken.balance < parseFloat(tokenAmount)));
+    const showNotEnoughBalance = Boolean(!tokenBalancesLoading &&
+        isNonZero.isNonZero(tokenAmount) &&
+        tokenAmount !== undefined &&
+        (!currentToken || currentToken.balance < parseFloat(tokenAmount)));
     const showMinimumRequired = Boolean(!isMinimumRespected && !showNotEnoughBalance);
     const showQuickSuggestions = quickSuggestionsParsed.length > 0 &&
         !hasUserInteracted &&
@@ -286,7 +286,7 @@ const ReceiveExternalWalletFunds = ({ amount: initialAmount, token: initialToken
         setAmountsByFiatValue,
         setAmountsByTokenValue,
     ]);
-    const handleSubmit = useSubmitExternalWalletFunding.useSubmitExternalWalletFunding();
+    const handleSubmit = useSubmitWalletFunding.useSubmitWalletFunding();
     const disableSubmit = !isMinimumRespected || showNotEnoughBalance || !isNonZero.isNonZero(tokenAmount);
     const closeTokenSelect = React.useCallback(() => {
         setShowTokenSelect(false);
@@ -301,9 +301,9 @@ const ReceiveExternalWalletFunds = ({ amount: initialAmount, token: initialToken
     const backButton = (jsxRuntime.jsx(IconButton.IconButton, { type: 'button', id: 'back-button', "data-testid": 'back-button', onClick: () => setDynamicWidgetView('choose-wallet-funding-method'), children: jsxRuntime.jsx(arrowLeft.ReactComponent, {}) }));
     return (jsxRuntime.jsxs("div", { className: 'fund-from-wallet', children: [!disableTokenSelect && (jsxRuntime.jsx(TokenSelectScreen.TokenSelectScreen, { onClose: closeTokenSelect, onSelectToken: handleSelectToken, tokens: tokenBalances !== null && tokenBalances !== void 0 ? tokenBalances : [], currentToken: tokenSymbol, className: classNames.classNames('fund-from-wallet__token-select', {
                     'fund-from-wallet__token-select--open': showTokenSelect,
-                }), showTokenAsPrimary: showTokenAsPrimary, exchangeRates: exchangeRates })), jsxRuntime.jsx(ModalHeader.ModalHeader, { leading: backButton, children: jsxRuntime.jsx(Typography.Typography, { variant: 'title', children: t('dyn_wallet_funding.from_external_wallet.funding_view.title') }) }), jsxRuntime.jsxs("div", { className: 'fund-from-wallet__content', children: [jsxRuntime.jsxs("div", { className: 'fund-from-wallet__content__amount-container', children: [minimum && (jsxRuntime.jsx(Typography.Typography, { color: 'error-1', className: classNames.classNames('fund-from-wallet__content__amount-container__minimum-error', {
+                }), showTokenAsPrimary: showTokenAsPrimary, exchangeRates: exchangeRates })), jsxRuntime.jsx(ModalHeader.ModalHeader, { leading: backButton, children: jsxRuntime.jsx(Typography.Typography, { variant: 'title', children: t('dyn_wallet_funding.from_wallet.amount_input.title') }) }), jsxRuntime.jsxs("div", { className: 'fund-from-wallet__content', children: [jsxRuntime.jsxs("div", { className: 'fund-from-wallet__content__amount-container', children: [minimum && (jsxRuntime.jsx(Typography.Typography, { color: 'error-1', className: classNames.classNames('fund-from-wallet__content__amount-container__minimum-error', {
                                     'fund-from-wallet__content__amount-container__minimum-error--visible': showMinimumRequired,
-                                }), variant: 'body_normal', weight: 'medium', children: t('dyn_wallet_funding.from_external_wallet.funding_view.minimum_error', {
+                                }), variant: 'body_normal', weight: 'medium', children: t('dyn_wallet_funding.from_wallet.amount_input.minimum_error', {
                                     minimum: formatValue.formatValue({
                                         symbol: minimum.token,
                                         value: minimum.value,
@@ -324,9 +324,9 @@ const ReceiveExternalWalletFunds = ({ amount: initialAmount, token: initialToken
                                         }), children: secondaryDisplay }), jsxRuntime.jsx(Icon.Icon, { size: 'small', color: 'text-secondary', className: 'fund-from-wallet__content__amount-container__secondary-amount-container__switch', children: jsxRuntime.jsx(switchToggle.ReactComponent, { "data-testid": 'switch-primary-and-secondary', onClick: switchPrimaryAndSecondary }) })] })), !showQuickSuggestions && !secondaryDisplay && (jsxRuntime.jsxs("div", { className: 'fund-from-wallet__content__amount-container__secondary-missing', children: [jsxRuntime.jsx(Typography.Typography, { weight: 'medium', children: formatValue.formatValue({
                                             symbol: secondaryData.symbol,
                                             value: consts.UNAVAILABLE_VALUE,
-                                        }) }), jsxRuntime.jsx("div", { ref: setConversionErrorIconRef, children: jsxRuntime.jsx(Icon.Icon, { size: 'medium', color: 'text-tertiary', children: jsxRuntime.jsx(footerInfoIcon.ReactComponent, {}) }) }), jsxRuntime.jsx(Tooltip.Tooltip, { content: t('dyn_wallet_funding.from_external_wallet.funding_view.pricing_unavailable'), targetRef: conversionErrorIconRef, className: 'fund-from-wallet__content__amount-container__secondary-missing__tooltip' })] })), jsxRuntime.jsx(Typography.Typography, { color: 'error-1', className: classNames.classNames('fund-from-wallet__content__amount-container__balance-error', {
+                                        }) }), jsxRuntime.jsx("div", { ref: setConversionErrorIconRef, children: jsxRuntime.jsx(Icon.Icon, { size: 'medium', color: 'text-tertiary', children: jsxRuntime.jsx(footerInfoIcon.ReactComponent, {}) }) }), jsxRuntime.jsx(Tooltip.Tooltip, { content: t('dyn_wallet_funding.from_wallet.amount_input.pricing_unavailable'), targetRef: conversionErrorIconRef, className: 'fund-from-wallet__content__amount-container__secondary-missing__tooltip' })] })), jsxRuntime.jsx(Typography.Typography, { color: 'error-1', className: classNames.classNames('fund-from-wallet__content__amount-container__balance-error', {
                                     'fund-from-wallet__content__amount-container__balance-error--visible': showNotEnoughBalance,
-                                }), variant: 'body_normal', weight: 'medium', children: t('dyn_wallet_funding.from_external_wallet.funding_view.balance_error') })] }), jsxRuntime.jsxs("div", { className: 'fund-from-wallet__content__wallet-card', children: [jsxRuntime.jsxs("div", { className: 'fund-from-wallet__content__wallet-card__wallet-details', children: [jsxRuntime.jsx(walletBook.WalletIcon, { icon: externalWallet.connector.metadata.icon, walletKey: externalWallet.connector.key, className: 'fund-from-wallet__content__wallet-card__wallet-details__icon' }), jsxRuntime.jsxs("div", { className: 'fund-from-wallet__content__wallet-card__wallet-details__rows', children: [jsxRuntime.jsx(Typography.Typography, { variant: 'body_small', weight: 'medium', children: t('dyn_wallet_funding.from_external_wallet.funding_view.wallet_detail_from') }), jsxRuntime.jsx(Typography.Typography, { variant: 'body_small', color: 'secondary', weight: 'medium', children: shortenWalletAddress.shortenWalletAddress(externalWallet.address) })] })] }), tokenBalancesLoading && (jsxRuntime.jsx(Skeleton.Skeleton, { dataTestId: 'balance-skeleton', container: {
+                                }), variant: 'body_normal', weight: 'medium', children: t('dyn_wallet_funding.from_wallet.amount_input.balance_error') })] }), jsxRuntime.jsxs("div", { className: 'fund-from-wallet__content__wallet-card', children: [jsxRuntime.jsxs("div", { className: 'fund-from-wallet__content__wallet-card__wallet-details', children: [jsxRuntime.jsx(walletBook.WalletIcon, { icon: wallet.connector.metadata.icon, walletKey: wallet.connector.key, className: 'fund-from-wallet__content__wallet-card__wallet-details__icon' }), jsxRuntime.jsxs("div", { className: 'fund-from-wallet__content__wallet-card__wallet-details__rows', children: [jsxRuntime.jsx(Typography.Typography, { variant: 'body_small', weight: 'medium', children: t('dyn_wallet_funding.from_wallet.amount_input.wallet_detail_from') }), jsxRuntime.jsx(Typography.Typography, { variant: 'body_small', color: 'secondary', weight: 'medium', children: shortenWalletAddress.shortenWalletAddress(wallet.address) })] })] }), tokenBalancesLoading && (jsxRuntime.jsx(Skeleton.Skeleton, { dataTestId: 'balance-skeleton', container: {
                                     className: 'fund-from-wallet__content__wallet-card__balance-skeleton',
                                 } })), !tokenBalancesLoading && (jsxRuntime.jsxs("div", { className: classNames.classNames('fund-from-wallet__content__wallet-card__balance', {
                                     'fund-from-wallet__content__wallet-card__balance--disable-select': disableTokenSelect,
@@ -345,11 +345,11 @@ const ReceiveExternalWalletFunds = ({ amount: initialAmount, token: initialToken
                                                     value: (_j = secondaryBalance.value) !== null && _j !== void 0 ? _j : consts.UNAVAILABLE_VALUE,
                                                     withFixedZeros: isFiatToken.isFiatOrStablecoin(secondaryBalance.symbol),
                                                 }) })] }), !disableTokenSelect && (jsxRuntime.jsx(Icon.Icon, { color: 'text-tertiary', size: 'small', className: 'fund-from-wallet__content__wallet-card__balance__icon', children: jsxRuntime.jsx(chevronDown.ReactComponent, { "data-testid": 'token-select-dropdown' }) }))] }))] })] }), jsxRuntime.jsx(TypographyButton.TypographyButton, { dataTestId: 'confirm-button', buttonVariant: 'brand-primary', buttonPadding: 'large', typographyProps: { color: 'white' }, className: 'fund-from-wallet__confirm-button', disabled: disableSubmit, onClick: () => handleSubmit({
-                    externalWallet,
                     tokenAmount,
                     tokenBalances,
                     tokenSymbol,
-                }), children: t('dyn_wallet_funding.from_external_wallet.funding_view.confirm_button') })] }));
+                    wallet,
+                }), children: t('dyn_wallet_funding.from_wallet.amount_input.confirm_button') })] }));
 };
 
-exports.ReceiveExternalWalletFunds = ReceiveExternalWalletFunds;
+exports.ReceiveWalletFunds = ReceiveWalletFunds;

package/src/lib/widgets/DynamicWidget/views/ReceiveWalletFunds/ReceiveWalletFunds.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+import { ReceiveWalletFundsProps } from './types';
+export declare const ReceiveWalletFunds: FC<ReceiveWalletFundsProps>;

package/src/lib/widgets/DynamicWidget/views/{ReceiveExternalWalletFunds/ReceiveExternalWalletFunds.js → ReceiveWalletFunds/ReceiveWalletFunds.js}

@@ -109,7 +109,7 @@ import { isFiatOrStablecoin, isFiatToken } from './utils/isFiatToken/isFiatToken
 import { isNonZero } from './utils/isNonZero/isNonZero.js';
 import { respectsMinimum } from './utils/respectsMinimum/respectsMinimum.js';
 import { useExchangeRatesForFunding } from './utils/useExchangeRatesForFunding/useExchangeRatesForFunding.js';
-import { useSubmitExternalWalletFunding } from './utils/useSubmitExternalWalletFunding/useSubmitExternalWalletFunding.js';
+import { useSubmitWalletFunding } from './utils/useSubmitWalletFunding/useSubmitWalletFunding.js';
 import { useTokensForFunding } from './utils/useTokensForFunding/useTokensForFunding.js';
 import { calculateFiatBalance } from './utils/calculateFiatBalance/calculateFiatBalance.js';
 
@@ -120,7 +120,7 @@ const defaultQuickSuggestions = {
 const rulesThatHideQuickSuggestions = ['exact', 'minimum'];
 const rulesThatDisableTokenSelect = ['exact', 'exact-with-amount'];
 const inputEmitter = createFormattedInputEmitter();
-const ReceiveExternalWalletFunds = ({ amount: initialAmount, token: initialTokenRaw, externalWallet, quickSuggestions = defaultQuickSuggestions, }) => {
+const ReceiveWalletFunds = ({ amount: initialAmount, token: initialTokenRaw, wallet, quickSuggestions = defaultQuickSuggestions, }) => {
     var _a, _b, _c, _d, _e, _f, _g, _h, _j;
     // For now we hardcode the default value, soon we will fetch this from project settings
     const initialToken = initialTokenRaw !== null && initialTokenRaw !== void 0 ? initialTokenRaw : {
@@ -142,7 +142,7 @@ const ReceiveExternalWalletFunds = ({ amount: initialAmount, token: initialToken
     const [conversionErrorIconRef, setConversionErrorIconRef] = useState(null);
     const { setDynamicWidgetView } = useWidgetContext();
     const { isLoading: tokenBalancesLoading, tokens: tokenBalances } = useTokensForFunding({
-        wallet: externalWallet,
+        wallet: wallet,
     });
     const exchangeRates = useExchangeRatesForFunding({
         // Initialize amounts after exchange rates are fetched
@@ -254,10 +254,10 @@ const ReceiveExternalWalletFunds = ({ amount: initialAmount, token: initialToken
                 value: (_e = currentToken === null || currentToken === void 0 ? void 0 : currentToken.balance) !== null && _e !== void 0 ? _e : 0,
             },
         ];
-    const showNotEnoughBalance = Boolean(!currentToken ||
-        (isNonZero(tokenAmount) &&
-            tokenAmount !== undefined &&
-            currentToken.balance < parseFloat(tokenAmount)));
+    const showNotEnoughBalance = Boolean(!tokenBalancesLoading &&
+        isNonZero(tokenAmount) &&
+        tokenAmount !== undefined &&
+        (!currentToken || currentToken.balance < parseFloat(tokenAmount)));
     const showMinimumRequired = Boolean(!isMinimumRespected && !showNotEnoughBalance);
     const showQuickSuggestions = quickSuggestionsParsed.length > 0 &&
         !hasUserInteracted &&
@@ -282,7 +282,7 @@ const ReceiveExternalWalletFunds = ({ amount: initialAmount, token: initialToken
         setAmountsByFiatValue,
         setAmountsByTokenValue,
     ]);
-    const handleSubmit = useSubmitExternalWalletFunding();
+    const handleSubmit = useSubmitWalletFunding();
     const disableSubmit = !isMinimumRespected || showNotEnoughBalance || !isNonZero(tokenAmount);
     const closeTokenSelect = useCallback(() => {
         setShowTokenSelect(false);
@@ -297,9 +297,9 @@ const ReceiveExternalWalletFunds = ({ amount: initialAmount, token: initialToken
     const backButton = (jsx(IconButton, { type: 'button', id: 'back-button', "data-testid": 'back-button', onClick: () => setDynamicWidgetView('choose-wallet-funding-method'), children: jsx(SvgArrowLeft, {}) }));
     return (jsxs("div", { className: 'fund-from-wallet', children: [!disableTokenSelect && (jsx(TokenSelectScreen, { onClose: closeTokenSelect, onSelectToken: handleSelectToken, tokens: tokenBalances !== null && tokenBalances !== void 0 ? tokenBalances : [], currentToken: tokenSymbol, className: classNames('fund-from-wallet__token-select', {
                     'fund-from-wallet__token-select--open': showTokenSelect,
-                }), showTokenAsPrimary: showTokenAsPrimary, exchangeRates: exchangeRates })), jsx(ModalHeader, { leading: backButton, children: jsx(Typography, { variant: 'title', children: t('dyn_wallet_funding.from_external_wallet.funding_view.title') }) }), jsxs("div", { className: 'fund-from-wallet__content', children: [jsxs("div", { className: 'fund-from-wallet__content__amount-container', children: [minimum && (jsx(Typography, { color: 'error-1', className: classNames('fund-from-wallet__content__amount-container__minimum-error', {
+                }), showTokenAsPrimary: showTokenAsPrimary, exchangeRates: exchangeRates })), jsx(ModalHeader, { leading: backButton, children: jsx(Typography, { variant: 'title', children: t('dyn_wallet_funding.from_wallet.amount_input.title') }) }), jsxs("div", { className: 'fund-from-wallet__content', children: [jsxs("div", { className: 'fund-from-wallet__content__amount-container', children: [minimum && (jsx(Typography, { color: 'error-1', className: classNames('fund-from-wallet__content__amount-container__minimum-error', {
                                     'fund-from-wallet__content__amount-container__minimum-error--visible': showMinimumRequired,
-                                }), variant: 'body_normal', weight: 'medium', children: t('dyn_wallet_funding.from_external_wallet.funding_view.minimum_error', {
+                                }), variant: 'body_normal', weight: 'medium', children: t('dyn_wallet_funding.from_wallet.amount_input.minimum_error', {
                                     minimum: formatValue({
                                         symbol: minimum.token,
                                         value: minimum.value,
@@ -320,9 +320,9 @@ const ReceiveExternalWalletFunds = ({ amount: initialAmount, token: initialToken
                                         }), children: secondaryDisplay }), jsx(Icon, { size: 'small', color: 'text-secondary', className: 'fund-from-wallet__content__amount-container__secondary-amount-container__switch', children: jsx(SvgSwitchToggle, { "data-testid": 'switch-primary-and-secondary', onClick: switchPrimaryAndSecondary }) })] })), !showQuickSuggestions && !secondaryDisplay && (jsxs("div", { className: 'fund-from-wallet__content__amount-container__secondary-missing', children: [jsx(Typography, { weight: 'medium', children: formatValue({
                                             symbol: secondaryData.symbol,
                                             value: UNAVAILABLE_VALUE,
-                                        }) }), jsx("div", { ref: setConversionErrorIconRef, children: jsx(Icon, { size: 'medium', color: 'text-tertiary', children: jsx(SvgFooterInfoIcon, {}) }) }), jsx(Tooltip, { content: t('dyn_wallet_funding.from_external_wallet.funding_view.pricing_unavailable'), targetRef: conversionErrorIconRef, className: 'fund-from-wallet__content__amount-container__secondary-missing__tooltip' })] })), jsx(Typography, { color: 'error-1', className: classNames('fund-from-wallet__content__amount-container__balance-error', {
+                                        }) }), jsx("div", { ref: setConversionErrorIconRef, children: jsx(Icon, { size: 'medium', color: 'text-tertiary', children: jsx(SvgFooterInfoIcon, {}) }) }), jsx(Tooltip, { content: t('dyn_wallet_funding.from_wallet.amount_input.pricing_unavailable'), targetRef: conversionErrorIconRef, className: 'fund-from-wallet__content__amount-container__secondary-missing__tooltip' })] })), jsx(Typography, { color: 'error-1', className: classNames('fund-from-wallet__content__amount-container__balance-error', {
                                     'fund-from-wallet__content__amount-container__balance-error--visible': showNotEnoughBalance,
-                                }), variant: 'body_normal', weight: 'medium', children: t('dyn_wallet_funding.from_external_wallet.funding_view.balance_error') })] }), jsxs("div", { className: 'fund-from-wallet__content__wallet-card', children: [jsxs("div", { className: 'fund-from-wallet__content__wallet-card__wallet-details', children: [jsx(WalletIcon, { icon: externalWallet.connector.metadata.icon, walletKey: externalWallet.connector.key, className: 'fund-from-wallet__content__wallet-card__wallet-details__icon' }), jsxs("div", { className: 'fund-from-wallet__content__wallet-card__wallet-details__rows', children: [jsx(Typography, { variant: 'body_small', weight: 'medium', children: t('dyn_wallet_funding.from_external_wallet.funding_view.wallet_detail_from') }), jsx(Typography, { variant: 'body_small', color: 'secondary', weight: 'medium', children: shortenWalletAddress(externalWallet.address) })] })] }), tokenBalancesLoading && (jsx(Skeleton, { dataTestId: 'balance-skeleton', container: {
+                                }), variant: 'body_normal', weight: 'medium', children: t('dyn_wallet_funding.from_wallet.amount_input.balance_error') })] }), jsxs("div", { className: 'fund-from-wallet__content__wallet-card', children: [jsxs("div", { className: 'fund-from-wallet__content__wallet-card__wallet-details', children: [jsx(WalletIcon, { icon: wallet.connector.metadata.icon, walletKey: wallet.connector.key, className: 'fund-from-wallet__content__wallet-card__wallet-details__icon' }), jsxs("div", { className: 'fund-from-wallet__content__wallet-card__wallet-details__rows', children: [jsx(Typography, { variant: 'body_small', weight: 'medium', children: t('dyn_wallet_funding.from_wallet.amount_input.wallet_detail_from') }), jsx(Typography, { variant: 'body_small', color: 'secondary', weight: 'medium', children: shortenWalletAddress(wallet.address) })] })] }), tokenBalancesLoading && (jsx(Skeleton, { dataTestId: 'balance-skeleton', container: {
                                     className: 'fund-from-wallet__content__wallet-card__balance-skeleton',
                                 } })), !tokenBalancesLoading && (jsxs("div", { className: classNames('fund-from-wallet__content__wallet-card__balance', {
                                     'fund-from-wallet__content__wallet-card__balance--disable-select': disableTokenSelect,
@@ -341,11 +341,11 @@ const ReceiveExternalWalletFunds = ({ amount: initialAmount, token: initialToken
                                                     value: (_j = secondaryBalance.value) !== null && _j !== void 0 ? _j : UNAVAILABLE_VALUE,
                                                     withFixedZeros: isFiatOrStablecoin(secondaryBalance.symbol),
                                                 }) })] }), !disableTokenSelect && (jsx(Icon, { color: 'text-tertiary', size: 'small', className: 'fund-from-wallet__content__wallet-card__balance__icon', children: jsx(SvgChevronDown, { "data-testid": 'token-select-dropdown' }) }))] }))] })] }), jsx(TypographyButton, { dataTestId: 'confirm-button', buttonVariant: 'brand-primary', buttonPadding: 'large', typographyProps: { color: 'white' }, className: 'fund-from-wallet__confirm-button', disabled: disableSubmit, onClick: () => handleSubmit({
-                    externalWallet,
                     tokenAmount,
                     tokenBalances,
                     tokenSymbol,
-                }), children: t('dyn_wallet_funding.from_external_wallet.funding_view.confirm_button') })] }));
+                    wallet,
+                }), children: t('dyn_wallet_funding.from_wallet.amount_input.confirm_button') })] }));
 };
 
-export { ReceiveExternalWalletFunds };
+export { ReceiveWalletFunds };

package/src/lib/widgets/DynamicWidget/views/{ReceiveExternalWalletFunds → ReceiveWalletFunds}/TokenSelectScreen/TokenOption/TokenOption.cjs

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

package/src/lib/widgets/DynamicWidget/views/{ReceiveExternalWalletFunds → ReceiveWalletFunds}/TokenSelectScreen/TokenOption/TokenOption.js

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

package/src/lib/widgets/DynamicWidget/views/{ReceiveExternalWalletFunds → ReceiveWalletFunds}/TokenSelectScreen/TokenSelectScreen.cjs

@@ -85,7 +85,7 @@ require('../../ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
 var LinearGradientFrame = require('../../../../../components/LinearGradientFrame/LinearGradientFrame.cjs');
 require('../../../../../context/OnrampContext/OnrampContext.cjs');
 require('qrcode');
-require('../ReceiveExternalWalletFunds.cjs');
+require('../ReceiveWalletFunds.cjs');
 require('../../../../../../index.cjs');
 require('../../../../../context/IpConfigurationContext/IpConfigurationContext.cjs');
 require('../../../../../context/ConnectWithOtpContext/ConnectWithOtpContext.cjs');
@@ -114,8 +114,8 @@ const TokenSelectScreen = ({ onClose, onSelectToken, currentToken, tokens, class
     const noAssets = tokens.length === 0;
     const closeButton = (jsxRuntime.jsx(IconButton.IconButton, { type: 'button', id: 'close-button', "data-testid": 'close-button', onClick: onClose, children: jsxRuntime.jsx(close.ReactComponent, {}) }));
     return (jsxRuntime.jsxs("div", { className: classNames.classNames('token-select', className), style: style, "data-testid": 'token-select', children: [jsxRuntime.jsx(ModalHeader.ModalHeader, { trailing: closeButton, children: jsxRuntime.jsx(Typography.Typography, { variant: 'title', children: t(noAssets
-                        ? 'dyn_wallet_funding.from_external_wallet.token_select.no_assets_title'
-                        : 'dyn_wallet_funding.from_external_wallet.token_select.title') }) }), noAssets && (jsxRuntime.jsxs("div", { className: 'token-select__no-assets', children: [jsxRuntime.jsx(LinearGradientFrame.LinearGradientFrame, { Icon: jsxRuntime.jsx(walletIllustration.ReactComponent, {}) }), jsxRuntime.jsx(Typography.Typography, { variant: 'title', color: 'secondary', weight: 'medium', children: t('dyn_wallet_funding.from_external_wallet.token_select.no_assets_description') })] })), !noAssets && (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs("label", { htmlFor: 'token-select-search', className: 'token-select__search', children: [jsxRuntime.jsx(Icon.Icon, { color: 'text-tertiary', size: 'small', children: jsxRuntime.jsx(search.ReactComponent, {}) }), jsxRuntime.jsx("input", { id: 'token-select-search', placeholder: t('dyn_wallet_funding.from_external_wallet.token_select.search_placeholder'), className: 'token-select__search__input', value: search$1, onChange: (e) => setSearch(e.target.value) })] }), jsxRuntime.jsx("div", { className: 'token-select__tokens', children: filteredTokens.map((token) => (jsxRuntime.jsx(TokenOption.TokenOption, { token: token, isSelected: token.symbol === currentToken, onSelect: () => onSelectToken(token.symbol), showTokenAsPrimary: showTokenAsPrimary, exchangeRates: exchangeRates }, token.symbol))) })] }))] }));
+                        ? 'dyn_wallet_funding.from_wallet.token_select.no_assets_title'
+                        : 'dyn_wallet_funding.from_wallet.token_select.title') }) }), noAssets && (jsxRuntime.jsxs("div", { className: 'token-select__no-assets', children: [jsxRuntime.jsx(LinearGradientFrame.LinearGradientFrame, { Icon: jsxRuntime.jsx(walletIllustration.ReactComponent, {}) }), jsxRuntime.jsx(Typography.Typography, { variant: 'title', color: 'secondary', weight: 'medium', children: t('dyn_wallet_funding.from_wallet.token_select.no_assets_description') })] })), !noAssets && (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs("label", { htmlFor: 'token-select-search', className: 'token-select__search', children: [jsxRuntime.jsx(Icon.Icon, { color: 'text-tertiary', size: 'small', children: jsxRuntime.jsx(search.ReactComponent, {}) }), jsxRuntime.jsx("input", { id: 'token-select-search', placeholder: t('dyn_wallet_funding.from_wallet.token_select.search_placeholder'), className: 'token-select__search__input', value: search$1, onChange: (e) => setSearch(e.target.value) })] }), jsxRuntime.jsx("div", { className: 'token-select__tokens', children: filteredTokens.map((token) => (jsxRuntime.jsx(TokenOption.TokenOption, { token: token, isSelected: token.symbol === currentToken, onSelect: () => onSelectToken(token.symbol), showTokenAsPrimary: showTokenAsPrimary, exchangeRates: exchangeRates }, token.symbol))) })] }))] }));
 };
 
 exports.TokenSelectScreen = TokenSelectScreen;