@dynamic-labs/sdk-react-core 4.69.0 → 4.71.0

package/src/lib/components/NetworkPicker/components/NetworkSwitchControl/NetworkSwitchControl.js

@@ -90,6 +90,8 @@ import '../../../../context/OnrampContext/OnrampContext.js';
 import '../../../../../index.js';
 import '../../../../widgets/DynamicWidget/helpers/convertExchangeKeyAndProviderEnum.js';
 import 'qrcode';
+import '../../../../widgets/DynamicWidget/views/ManagePasskeysMfaWidgetView/ManagePasskeysMfaWidgetView.js';
+import '../../../../widgets/DynamicWidget/views/ManageTotpMfaWidgetView/ManageTotpMfaWidgetView.js';
 import '../../../../widgets/DynamicWidget/views/ReceiveWalletFunds/ReceiveWalletFunds.js';
 import { NetworkControlSkeleton } from '../NetworkControlSkeleton/NetworkControlSkeleton.js';
 import { UnsupportedNetwork } from '../UnsupportedNetwork/UnsupportedNetwork.js';

package/src/lib/components/NetworkPicker/components/NonNetworkSwitchingSupportedControl/NonNetworkSwitchingSupportedControl.cjs

@@ -95,6 +95,8 @@ require('../../../../context/OnrampContext/OnrampContext.cjs');
 require('../../../../../index.cjs');
 require('../../../../widgets/DynamicWidget/helpers/convertExchangeKeyAndProviderEnum.cjs');
 require('qrcode');
+require('../../../../widgets/DynamicWidget/views/ManagePasskeysMfaWidgetView/ManagePasskeysMfaWidgetView.cjs');
+require('../../../../widgets/DynamicWidget/views/ManageTotpMfaWidgetView/ManageTotpMfaWidgetView.cjs');
 require('../../../../widgets/DynamicWidget/views/ReceiveWalletFunds/ReceiveWalletFunds.cjs');
 var NetworkControlSkeleton = require('../NetworkControlSkeleton/NetworkControlSkeleton.cjs');
 var UnsupportedNetwork = require('../UnsupportedNetwork/UnsupportedNetwork.cjs');

package/src/lib/components/NetworkPicker/components/NonNetworkSwitchingSupportedControl/NonNetworkSwitchingSupportedControl.js

@@ -91,6 +91,8 @@ import '../../../../context/OnrampContext/OnrampContext.js';
 import '../../../../../index.js';
 import '../../../../widgets/DynamicWidget/helpers/convertExchangeKeyAndProviderEnum.js';
 import 'qrcode';
+import '../../../../widgets/DynamicWidget/views/ManagePasskeysMfaWidgetView/ManagePasskeysMfaWidgetView.js';
+import '../../../../widgets/DynamicWidget/views/ManageTotpMfaWidgetView/ManageTotpMfaWidgetView.js';
 import '../../../../widgets/DynamicWidget/views/ReceiveWalletFunds/ReceiveWalletFunds.js';
 import { NetworkControlSkeleton } from '../NetworkControlSkeleton/NetworkControlSkeleton.js';
 import { UnsupportedNetwork } from '../UnsupportedNetwork/UnsupportedNetwork.js';

package/src/lib/components/OptionsSwitcher/OptionsSwitcher.cjs

@@ -103,6 +103,8 @@ require('../../views/TransactionConfirmationView/TransactionConfirmationView.cjs
 require('../../widgets/DynamicWidget/components/PasskeyCard/PasskeyCard.cjs');
 require('../../widgets/DynamicWidget/views/CryptoComOnramp/CryptoComOnramp.cjs');
 require('../../../index.cjs');
+require('../../widgets/DynamicWidget/views/ManagePasskeysMfaWidgetView/ManagePasskeysMfaWidgetView.cjs');
+require('../../widgets/DynamicWidget/views/ManageTotpMfaWidgetView/ManageTotpMfaWidgetView.cjs');
 require('../../widgets/DynamicWidget/views/ReceiveWalletFunds/ReceiveWalletFunds.cjs');
 require('../../store/state/tokenBalances.cjs');
 require('../../store/state/multichainBalances.cjs');

package/src/lib/components/OptionsSwitcher/OptionsSwitcher.js

@@ -99,6 +99,8 @@ import '../../views/TransactionConfirmationView/TransactionConfirmationView.js';
 import '../../widgets/DynamicWidget/components/PasskeyCard/PasskeyCard.js';
 import '../../widgets/DynamicWidget/views/CryptoComOnramp/CryptoComOnramp.js';
 import '../../../index.js';
+import '../../widgets/DynamicWidget/views/ManagePasskeysMfaWidgetView/ManagePasskeysMfaWidgetView.js';
+import '../../widgets/DynamicWidget/views/ManageTotpMfaWidgetView/ManageTotpMfaWidgetView.js';
 import '../../widgets/DynamicWidget/views/ReceiveWalletFunds/ReceiveWalletFunds.js';
 import '../../store/state/tokenBalances.js';
 import '../../store/state/multichainBalances.js';

package/src/lib/components/OverlayCardBase/OverlayCardBase.cjs

@@ -106,6 +106,8 @@ require('../../views/TransactionConfirmationView/TransactionConfirmationView.cjs
 require('../../widgets/DynamicWidget/components/PasskeyCard/PasskeyCard.cjs');
 require('../../widgets/DynamicWidget/views/CryptoComOnramp/CryptoComOnramp.cjs');
 require('../../../index.cjs');
+require('../../widgets/DynamicWidget/views/ManagePasskeysMfaWidgetView/ManagePasskeysMfaWidgetView.cjs');
+require('../../widgets/DynamicWidget/views/ManageTotpMfaWidgetView/ManageTotpMfaWidgetView.cjs');
 require('../../widgets/DynamicWidget/views/ReceiveWalletFunds/ReceiveWalletFunds.cjs');
 require('../../store/state/tokenBalances.cjs');
 require('../../store/state/multichainBalances.cjs');

package/src/lib/components/OverlayCardBase/OverlayCardBase.js

@@ -102,6 +102,8 @@ import '../../views/TransactionConfirmationView/TransactionConfirmationView.js';
 import '../../widgets/DynamicWidget/components/PasskeyCard/PasskeyCard.js';
 import '../../widgets/DynamicWidget/views/CryptoComOnramp/CryptoComOnramp.js';
 import '../../../index.js';
+import '../../widgets/DynamicWidget/views/ManagePasskeysMfaWidgetView/ManagePasskeysMfaWidgetView.js';
+import '../../widgets/DynamicWidget/views/ManageTotpMfaWidgetView/ManageTotpMfaWidgetView.js';
 import '../../widgets/DynamicWidget/views/ReceiveWalletFunds/ReceiveWalletFunds.js';
 import '../../store/state/tokenBalances.js';
 import '../../store/state/multichainBalances.js';

package/src/lib/components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs

@@ -102,6 +102,8 @@ require('../../views/TransactionConfirmationView/TransactionConfirmationView.cjs
 require('../../widgets/DynamicWidget/components/PasskeyCard/PasskeyCard.cjs');
 require('../../widgets/DynamicWidget/views/CryptoComOnramp/CryptoComOnramp.cjs');
 require('../../../index.cjs');
+require('../../widgets/DynamicWidget/views/ManagePasskeysMfaWidgetView/ManagePasskeysMfaWidgetView.cjs');
+require('../../widgets/DynamicWidget/views/ManageTotpMfaWidgetView/ManageTotpMfaWidgetView.cjs');
 require('../../widgets/DynamicWidget/views/ReceiveWalletFunds/ReceiveWalletFunds.cjs');
 require('../../store/state/tokenBalances.cjs');
 require('../../store/state/multichainBalances.cjs');

package/src/lib/components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js

@@ -98,6 +98,8 @@ import '../../views/TransactionConfirmationView/TransactionConfirmationView.js';
 import '../../widgets/DynamicWidget/components/PasskeyCard/PasskeyCard.js';
 import '../../widgets/DynamicWidget/views/CryptoComOnramp/CryptoComOnramp.js';
 import '../../../index.js';
+import '../../widgets/DynamicWidget/views/ManagePasskeysMfaWidgetView/ManagePasskeysMfaWidgetView.js';
+import '../../widgets/DynamicWidget/views/ManageTotpMfaWidgetView/ManageTotpMfaWidgetView.js';
 import '../../widgets/DynamicWidget/views/ReceiveWalletFunds/ReceiveWalletFunds.js';
 import '../../store/state/tokenBalances.js';
 import '../../store/state/multichainBalances.js';

package/src/lib/components/PhoneNumberField/PhoneNumberField.cjs

@@ -94,6 +94,8 @@ require('../../context/OnrampContext/OnrampContext.cjs');
 require('../../../index.cjs');
 require('../../widgets/DynamicWidget/helpers/convertExchangeKeyAndProviderEnum.cjs');
 require('qrcode');
+require('../../widgets/DynamicWidget/views/ManagePasskeysMfaWidgetView/ManagePasskeysMfaWidgetView.cjs');
+require('../../widgets/DynamicWidget/views/ManageTotpMfaWidgetView/ManageTotpMfaWidgetView.cjs');
 require('../../widgets/DynamicWidget/views/ReceiveWalletFunds/ReceiveWalletFunds.cjs');
 require('../../context/IpConfigurationContext/IpConfigurationContext.cjs');
 require('../../context/ConnectWithOtpContext/ConnectWithOtpContext.cjs');

package/src/lib/components/PhoneNumberField/PhoneNumberField.js

@@ -90,6 +90,8 @@ import '../../context/OnrampContext/OnrampContext.js';
 import '../../../index.js';
 import '../../widgets/DynamicWidget/helpers/convertExchangeKeyAndProviderEnum.js';
 import 'qrcode';
+import '../../widgets/DynamicWidget/views/ManagePasskeysMfaWidgetView/ManagePasskeysMfaWidgetView.js';
+import '../../widgets/DynamicWidget/views/ManageTotpMfaWidgetView/ManageTotpMfaWidgetView.js';
 import '../../widgets/DynamicWidget/views/ReceiveWalletFunds/ReceiveWalletFunds.js';
 import '../../context/IpConfigurationContext/IpConfigurationContext.js';
 import '../../context/ConnectWithOtpContext/ConnectWithOtpContext.js';

package/src/lib/components/QRCode/QRCode.cjs

@@ -104,6 +104,8 @@ require('../../views/TransactionConfirmationView/TransactionConfirmationView.cjs
 require('../../widgets/DynamicWidget/components/PasskeyCard/PasskeyCard.cjs');
 require('../../widgets/DynamicWidget/views/CryptoComOnramp/CryptoComOnramp.cjs');
 require('../../../index.cjs');
+require('../../widgets/DynamicWidget/views/ManagePasskeysMfaWidgetView/ManagePasskeysMfaWidgetView.cjs');
+require('../../widgets/DynamicWidget/views/ManageTotpMfaWidgetView/ManageTotpMfaWidgetView.cjs');
 require('../../widgets/DynamicWidget/views/ReceiveWalletFunds/ReceiveWalletFunds.cjs');
 require('../../store/state/tokenBalances.cjs');
 require('../../store/state/multichainBalances.cjs');

package/src/lib/components/QRCode/QRCode.js

@@ -100,6 +100,8 @@ import '../../views/TransactionConfirmationView/TransactionConfirmationView.js';
 import '../../widgets/DynamicWidget/components/PasskeyCard/PasskeyCard.js';
 import '../../widgets/DynamicWidget/views/CryptoComOnramp/CryptoComOnramp.js';
 import '../../../index.js';
+import '../../widgets/DynamicWidget/views/ManagePasskeysMfaWidgetView/ManagePasskeysMfaWidgetView.js';
+import '../../widgets/DynamicWidget/views/ManageTotpMfaWidgetView/ManageTotpMfaWidgetView.js';
 import '../../widgets/DynamicWidget/views/ReceiveWalletFunds/ReceiveWalletFunds.js';
 import '../../store/state/tokenBalances.js';
 import '../../store/state/multichainBalances.js';

package/src/lib/components/QrCodeWrapper/QrCodeContainer/QrCodeContainer.cjs

@@ -97,6 +97,8 @@ require('../../../../index.cjs');
 require('../../../widgets/DynamicWidget/helpers/convertExchangeKeyAndProviderEnum.cjs');
 var CopyButton = require('../../CopyButton/CopyButton.cjs');
 var QRCode = require('../../QRCode/QRCode.cjs');
+require('../../../widgets/DynamicWidget/views/ManagePasskeysMfaWidgetView/ManagePasskeysMfaWidgetView.cjs');
+require('../../../widgets/DynamicWidget/views/ManageTotpMfaWidgetView/ManageTotpMfaWidgetView.cjs');
 require('../../../widgets/DynamicWidget/views/ReceiveWalletFunds/ReceiveWalletFunds.cjs');
 require('../../../context/IpConfigurationContext/IpConfigurationContext.cjs');
 require('../../../context/ConnectWithOtpContext/ConnectWithOtpContext.cjs');

package/src/lib/components/QrCodeWrapper/QrCodeContainer/QrCodeContainer.js

@@ -93,6 +93,8 @@ import '../../../../index.js';
 import '../../../widgets/DynamicWidget/helpers/convertExchangeKeyAndProviderEnum.js';
 import { CopyButton } from '../../CopyButton/CopyButton.js';
 import { QRCode } from '../../QRCode/QRCode.js';
+import '../../../widgets/DynamicWidget/views/ManagePasskeysMfaWidgetView/ManagePasskeysMfaWidgetView.js';
+import '../../../widgets/DynamicWidget/views/ManageTotpMfaWidgetView/ManageTotpMfaWidgetView.js';
 import '../../../widgets/DynamicWidget/views/ReceiveWalletFunds/ReceiveWalletFunds.js';
 import '../../../context/IpConfigurationContext/IpConfigurationContext.js';
 import '../../../context/ConnectWithOtpContext/ConnectWithOtpContext.js';

package/src/lib/components/QrCodeWrapper/QrCodeWrapper.cjs

@@ -93,6 +93,8 @@ require('../../context/OnrampContext/OnrampContext.cjs');
 require('../../../index.cjs');
 require('../../widgets/DynamicWidget/helpers/convertExchangeKeyAndProviderEnum.cjs');
 require('qrcode');
+require('../../widgets/DynamicWidget/views/ManagePasskeysMfaWidgetView/ManagePasskeysMfaWidgetView.cjs');
+require('../../widgets/DynamicWidget/views/ManageTotpMfaWidgetView/ManageTotpMfaWidgetView.cjs');
 require('../../widgets/DynamicWidget/views/ReceiveWalletFunds/ReceiveWalletFunds.cjs');
 require('../../context/IpConfigurationContext/IpConfigurationContext.cjs');
 require('../../context/ConnectWithOtpContext/ConnectWithOtpContext.cjs');

package/src/lib/components/QrCodeWrapper/QrCodeWrapper.js

@@ -89,6 +89,8 @@ import '../../context/OnrampContext/OnrampContext.js';
 import '../../../index.js';
 import '../../widgets/DynamicWidget/helpers/convertExchangeKeyAndProviderEnum.js';
 import 'qrcode';
+import '../../widgets/DynamicWidget/views/ManagePasskeysMfaWidgetView/ManagePasskeysMfaWidgetView.js';
+import '../../widgets/DynamicWidget/views/ManageTotpMfaWidgetView/ManageTotpMfaWidgetView.js';
 import '../../widgets/DynamicWidget/views/ReceiveWalletFunds/ReceiveWalletFunds.js';
 import '../../context/IpConfigurationContext/IpConfigurationContext.js';
 import '../../context/ConnectWithOtpContext/ConnectWithOtpContext.js';

package/src/lib/components/RenderView/RenderView.cjs

@@ -89,6 +89,8 @@ require('../../context/OnrampContext/OnrampContext.cjs');
 require('../../../index.cjs');
 require('../../widgets/DynamicWidget/helpers/convertExchangeKeyAndProviderEnum.cjs');
 require('qrcode');
+require('../../widgets/DynamicWidget/views/ManagePasskeysMfaWidgetView/ManagePasskeysMfaWidgetView.cjs');
+require('../../widgets/DynamicWidget/views/ManageTotpMfaWidgetView/ManageTotpMfaWidgetView.cjs');
 require('../../widgets/DynamicWidget/views/ReceiveWalletFunds/ReceiveWalletFunds.cjs');
 require('../../store/state/connectorsInitializing/connectorsInitializing.cjs');
 require('../../store/state/tokenBalances.cjs');

package/src/lib/components/RenderView/RenderView.js

@@ -85,6 +85,8 @@ import '../../context/OnrampContext/OnrampContext.js';
 import '../../../index.js';
 import '../../widgets/DynamicWidget/helpers/convertExchangeKeyAndProviderEnum.js';
 import 'qrcode';
+import '../../widgets/DynamicWidget/views/ManagePasskeysMfaWidgetView/ManagePasskeysMfaWidgetView.js';
+import '../../widgets/DynamicWidget/views/ManageTotpMfaWidgetView/ManageTotpMfaWidgetView.js';
 import '../../widgets/DynamicWidget/views/ReceiveWalletFunds/ReceiveWalletFunds.js';
 import '../../store/state/connectorsInitializing/connectorsInitializing.js';
 import '../../store/state/tokenBalances.js';

package/src/lib/components/RetrySendVerificationCodeSection/RetrySendVerificationCodeSection.cjs

@@ -108,6 +108,8 @@ require('../../views/TransactionConfirmationView/TransactionConfirmationView.cjs
 require('../../widgets/DynamicWidget/components/PasskeyCard/PasskeyCard.cjs');
 require('../../widgets/DynamicWidget/views/CryptoComOnramp/CryptoComOnramp.cjs');
 require('../../../index.cjs');
+require('../../widgets/DynamicWidget/views/ManagePasskeysMfaWidgetView/ManagePasskeysMfaWidgetView.cjs');
+require('../../widgets/DynamicWidget/views/ManageTotpMfaWidgetView/ManageTotpMfaWidgetView.cjs');
 require('../../widgets/DynamicWidget/views/ReceiveWalletFunds/ReceiveWalletFunds.cjs');
 require('../../store/state/tokenBalances.cjs');
 require('../../store/state/multichainBalances.cjs');

package/src/lib/components/RetrySendVerificationCodeSection/RetrySendVerificationCodeSection.js

@@ -104,6 +104,8 @@ import '../../views/TransactionConfirmationView/TransactionConfirmationView.js';
 import '../../widgets/DynamicWidget/components/PasskeyCard/PasskeyCard.js';
 import '../../widgets/DynamicWidget/views/CryptoComOnramp/CryptoComOnramp.js';
 import '../../../index.js';
+import '../../widgets/DynamicWidget/views/ManagePasskeysMfaWidgetView/ManagePasskeysMfaWidgetView.js';
+import '../../widgets/DynamicWidget/views/ManageTotpMfaWidgetView/ManageTotpMfaWidgetView.js';
 import '../../widgets/DynamicWidget/views/ReceiveWalletFunds/ReceiveWalletFunds.js';
 import '../../store/state/tokenBalances.js';
 import '../../store/state/multichainBalances.js';

package/src/lib/components/SandboxIndicatorWrapper/SandboxIndicatorWrapper.cjs

@@ -102,6 +102,8 @@ require('../../views/TransactionConfirmationView/TransactionConfirmationView.cjs
 require('../../widgets/DynamicWidget/components/PasskeyCard/PasskeyCard.cjs');
 require('../../widgets/DynamicWidget/views/CryptoComOnramp/CryptoComOnramp.cjs');
 require('../../../index.cjs');
+require('../../widgets/DynamicWidget/views/ManagePasskeysMfaWidgetView/ManagePasskeysMfaWidgetView.cjs');
+require('../../widgets/DynamicWidget/views/ManageTotpMfaWidgetView/ManageTotpMfaWidgetView.cjs');
 require('../../widgets/DynamicWidget/views/ReceiveWalletFunds/ReceiveWalletFunds.cjs');
 require('../../store/state/tokenBalances.cjs');
 require('../../store/state/multichainBalances.cjs');

package/src/lib/components/SandboxIndicatorWrapper/SandboxIndicatorWrapper.js

@@ -98,6 +98,8 @@ import '../../views/TransactionConfirmationView/TransactionConfirmationView.js';
 import '../../widgets/DynamicWidget/components/PasskeyCard/PasskeyCard.js';
 import '../../widgets/DynamicWidget/views/CryptoComOnramp/CryptoComOnramp.js';
 import '../../../index.js';
+import '../../widgets/DynamicWidget/views/ManagePasskeysMfaWidgetView/ManagePasskeysMfaWidgetView.js';
+import '../../widgets/DynamicWidget/views/ManageTotpMfaWidgetView/ManageTotpMfaWidgetView.js';
 import '../../widgets/DynamicWidget/views/ReceiveWalletFunds/ReceiveWalletFunds.js';
 import '../../store/state/tokenBalances.js';
 import '../../store/state/multichainBalances.js';

package/src/lib/components/SecureEmbeddedWalletCard/SecureEmbeddedWalletCard.cjs

@@ -106,6 +106,8 @@ require('../../views/TransactionConfirmationView/TransactionConfirmationView.cjs
 require('../../widgets/DynamicWidget/components/PasskeyCard/PasskeyCard.cjs');
 require('../../widgets/DynamicWidget/views/CryptoComOnramp/CryptoComOnramp.cjs');
 require('../../../index.cjs');
+require('../../widgets/DynamicWidget/views/ManagePasskeysMfaWidgetView/ManagePasskeysMfaWidgetView.cjs');
+require('../../widgets/DynamicWidget/views/ManageTotpMfaWidgetView/ManageTotpMfaWidgetView.cjs');
 require('../../widgets/DynamicWidget/views/ReceiveWalletFunds/ReceiveWalletFunds.cjs');
 require('../../store/state/tokenBalances.cjs');
 require('../../store/state/multichainBalances.cjs');

package/src/lib/components/SecureEmbeddedWalletCard/SecureEmbeddedWalletCard.js

@@ -102,6 +102,8 @@ import '../../views/TransactionConfirmationView/TransactionConfirmationView.js';
 import '../../widgets/DynamicWidget/components/PasskeyCard/PasskeyCard.js';
 import '../../widgets/DynamicWidget/views/CryptoComOnramp/CryptoComOnramp.js';
 import '../../../index.js';
+import '../../widgets/DynamicWidget/views/ManagePasskeysMfaWidgetView/ManagePasskeysMfaWidgetView.js';
+import '../../widgets/DynamicWidget/views/ManageTotpMfaWidgetView/ManageTotpMfaWidgetView.js';
 import '../../widgets/DynamicWidget/views/ReceiveWalletFunds/ReceiveWalletFunds.js';
 import '../../store/state/tokenBalances.js';
 import '../../store/state/multichainBalances.js';

package/src/lib/components/Select/Select.cjs

@@ -107,6 +107,8 @@ require('../../views/TransactionConfirmationView/TransactionConfirmationView.cjs
 require('../../widgets/DynamicWidget/components/PasskeyCard/PasskeyCard.cjs');
 require('../../widgets/DynamicWidget/views/CryptoComOnramp/CryptoComOnramp.cjs');
 require('../../../index.cjs');
+require('../../widgets/DynamicWidget/views/ManagePasskeysMfaWidgetView/ManagePasskeysMfaWidgetView.cjs');
+require('../../widgets/DynamicWidget/views/ManageTotpMfaWidgetView/ManageTotpMfaWidgetView.cjs');
 require('../../widgets/DynamicWidget/views/ReceiveWalletFunds/ReceiveWalletFunds.cjs');
 require('../../store/state/tokenBalances.cjs');
 require('../../store/state/multichainBalances.cjs');

package/src/lib/components/Select/Select.js

@@ -103,6 +103,8 @@ import '../../views/TransactionConfirmationView/TransactionConfirmationView.js';
 import '../../widgets/DynamicWidget/components/PasskeyCard/PasskeyCard.js';
 import '../../widgets/DynamicWidget/views/CryptoComOnramp/CryptoComOnramp.js';
 import '../../../index.js';
+import '../../widgets/DynamicWidget/views/ManagePasskeysMfaWidgetView/ManagePasskeysMfaWidgetView.js';
+import '../../widgets/DynamicWidget/views/ManageTotpMfaWidgetView/ManageTotpMfaWidgetView.js';
 import '../../widgets/DynamicWidget/views/ReceiveWalletFunds/ReceiveWalletFunds.js';
 import '../../store/state/tokenBalances.js';
 import '../../store/state/multichainBalances.js';

package/src/lib/components/SendBalanceForm/SendBalanceForm.cjs

@@ -107,6 +107,8 @@ require('../../views/TransactionConfirmationView/TransactionConfirmationView.cjs
 require('../../widgets/DynamicWidget/components/PasskeyCard/PasskeyCard.cjs');
 require('../../widgets/DynamicWidget/views/CryptoComOnramp/CryptoComOnramp.cjs');
 require('../../../index.cjs');
+require('../../widgets/DynamicWidget/views/ManagePasskeysMfaWidgetView/ManagePasskeysMfaWidgetView.cjs');
+require('../../widgets/DynamicWidget/views/ManageTotpMfaWidgetView/ManageTotpMfaWidgetView.cjs');
 require('../../widgets/DynamicWidget/views/ReceiveWalletFunds/ReceiveWalletFunds.cjs');
 require('../../store/state/tokenBalances.cjs');
 require('../../store/state/multichainBalances.cjs');
@@ -137,7 +139,9 @@ const getDisplayErrorMessage = (errors, t, field, decimals) => {
     }
     return '';
 };
-const SendBalanceForm = ({ initialValues, onSubmit, decimals = 18, validateAddress = () => true, validateAmount = () => true, currentToken, transaction, tokenBalances, setCurrentToken, isLoading, }) => {
+const SendBalanceForm = ({ initialValues, onSubmit, decimals = 18, validateAddress = () => true, validateAmount = () => true, currentToken, transaction, tokenBalances, setCurrentToken, isLoading, 
+// Tempo-specific props
+isTempo = false, feeTokenOptions, currentFeeToken, setCurrentFeeToken, }) => {
     const { t } = reactI18next.useTranslation();
     const { showFiat } = useInternalDynamicContext.useInternalDynamicContext();
     const floatingValueRef = React.useRef(null);
@@ -192,7 +196,18 @@ const SendBalanceForm = ({ initialValues, onSubmit, decimals = 18, validateAddre
                                     paddingLeft: `${leftSymbolPadding}px`,
                                 } }), jsxRuntime.jsx("div", { className: 'send-balance-form__amount-container__floating_value', ref: floatingValueRef, children: jsxRuntime.jsx(Typography.Typography, { variant: 'title', weight: 'regular', color: 'secondary', children: currentToken === null || currentToken === void 0 ? void 0 : currentToken.symbol }) }), jsxRuntime.jsx("div", { className: 'send-balance-form__amount-container__balance', children: showFiat && !Number.isNaN(amount) && (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(Typography.Typography, { variant: 'body_mini', weight: 'bold', color: 'secondary', children: "$" }), jsxRuntime.jsx(Typography.Typography, { variant: 'body_mini', weight: 'regular', color: 'secondary', children: utils.getDisplayFiatPrice(amount, currentToken) })] })) })] }), jsxRuntime.jsx(Typography.Typography, { className: 'send-balance-form__amount_available', variant: 'body_small', weight: 'regular', color: 'secondary', as: 'div', children: jsxRuntime.jsxs("div", { style: { display: 'flex', gap: '0.225rem' }, children: [jsxRuntime.jsx(Typography.Typography, { className: 'send-balance-form__amount_available__line', variant: 'body_small', weight: 'bold', color: 'primary', as: 'div', children: (_a = currentToken === null || currentToken === void 0 ? void 0 : currentToken.balance) !== null && _a !== void 0 ? _a : 0 }), t('dyn_send_transaction.data.symbol_available', {
                                     symbol: currentToken === null || currentToken === void 0 ? void 0 : currentToken.symbol,
-                                })] }) }), jsxRuntime.jsx(Typography.Typography, { variant: 'body_small', weight: 'regular', color: 'secondary', copykey: 'dyn_send_transaction.data.recipient.label', children: "Recipient Address" }), jsxRuntime.jsx(formik.Field, { className: 'send-balance-form__field', placeholder: t('dyn_send_transaction.data.recipient.placeholder'), label: t('dyn_send_transaction.data.recipient.label'), id: 'recipient', name: 'recipient', as: Input.Input, error: errors['recipient'], copykey: 'dyn_send_transaction.data.recipient.label', message: touched['recipient'] &&
+                                })] }) }), isTempo &&
+                        feeTokenOptions &&
+                        feeTokenOptions.length > 0 &&
+                        setCurrentFeeToken && (jsxRuntime.jsxs("div", { className: 'send-balance-form__fee-token-container', children: [jsxRuntime.jsx(Typography.Typography, { variant: 'body_small', weight: 'regular', color: 'secondary', style: { marginBottom: '8px' }, children: t('dyn_send_transaction.data.fee_token_label') }), jsxRuntime.jsx("select", { className: 'send-balance-form__fee-token-select', value: (currentFeeToken === null || currentFeeToken === void 0 ? void 0 : currentFeeToken.address) || '', onChange: ({ target: { value } }) => {
+                                    const selected = feeTokenOptions.find((token) => token.address === value);
+                                    if (selected) {
+                                        setCurrentFeeToken(selected);
+                                    }
+                                }, children: feeTokenOptions.map((token) => {
+                                    var _a;
+                                    return (jsxRuntime.jsxs("option", { value: token.address, children: [token.symbol, " (", ((_a = token.balance) === null || _a === void 0 ? void 0 : _a.toLocaleString()) || 0, ' ', "available)"] }, token.address));
+                                }) })] })), jsxRuntime.jsx(Typography.Typography, { variant: 'body_small', weight: 'regular', color: 'secondary', copykey: 'dyn_send_transaction.data.recipient.label', children: "Recipient Address" }), jsxRuntime.jsx(formik.Field, { className: 'send-balance-form__field', placeholder: t('dyn_send_transaction.data.recipient.placeholder'), label: t('dyn_send_transaction.data.recipient.label'), id: 'recipient', name: 'recipient', as: Input.Input, error: errors['recipient'], copykey: 'dyn_send_transaction.data.recipient.label', message: touched['recipient'] &&
                             getDisplayErrorMessage(errors, t, 'recipient') }), jsxRuntime.jsx(TypographyButton.TypographyButton, { dataTestId: 'sendBalanceFormSubmitButton', expanded: true, type: 'submit', buttonVariant: 'primary', buttonPadding: 'small', buttonClassName: 'send-balance-form__button', copykey: 'dyn_send_transaction.preview_transaction', children: t('dyn_send_transaction.preview_transaction') })] }));
         } }));
 };

package/src/lib/components/SendBalanceForm/SendBalanceForm.d.ts

@@ -16,5 +16,9 @@ export type Props = {
     setCurrentToken: Dispatch<SetStateAction<TokenBalance | undefined>>;
     isLoading?: boolean;
     transaction: IUITransaction;
+    isTempo?: boolean;
+    feeTokenOptions?: TokenBalance[];
+    currentFeeToken?: TokenBalance;
+    setCurrentFeeToken?: Dispatch<SetStateAction<TokenBalance | undefined>>;
 };
 export declare const SendBalanceForm: FC<Props>;

package/src/lib/components/SendBalanceForm/SendBalanceForm.js

@@ -103,6 +103,8 @@ import '../../views/TransactionConfirmationView/TransactionConfirmationView.js';
 import '../../widgets/DynamicWidget/components/PasskeyCard/PasskeyCard.js';
 import '../../widgets/DynamicWidget/views/CryptoComOnramp/CryptoComOnramp.js';
 import '../../../index.js';
+import '../../widgets/DynamicWidget/views/ManagePasskeysMfaWidgetView/ManagePasskeysMfaWidgetView.js';
+import '../../widgets/DynamicWidget/views/ManageTotpMfaWidgetView/ManageTotpMfaWidgetView.js';
 import '../../widgets/DynamicWidget/views/ReceiveWalletFunds/ReceiveWalletFunds.js';
 import '../../store/state/tokenBalances.js';
 import '../../store/state/multichainBalances.js';
@@ -133,7 +135,9 @@ const getDisplayErrorMessage = (errors, t, field, decimals) => {
     }
     return '';
 };
-const SendBalanceForm = ({ initialValues, onSubmit, decimals = 18, validateAddress = () => true, validateAmount = () => true, currentToken, transaction, tokenBalances, setCurrentToken, isLoading, }) => {
+const SendBalanceForm = ({ initialValues, onSubmit, decimals = 18, validateAddress = () => true, validateAmount = () => true, currentToken, transaction, tokenBalances, setCurrentToken, isLoading, 
+// Tempo-specific props
+isTempo = false, feeTokenOptions, currentFeeToken, setCurrentFeeToken, }) => {
     const { t } = useTranslation();
     const { showFiat } = useInternalDynamicContext();
     const floatingValueRef = useRef(null);
@@ -188,7 +192,18 @@ const SendBalanceForm = ({ initialValues, onSubmit, decimals = 18, validateAddre
                                     paddingLeft: `${leftSymbolPadding}px`,
                                 } }), jsx("div", { className: 'send-balance-form__amount-container__floating_value', ref: floatingValueRef, children: jsx(Typography, { variant: 'title', weight: 'regular', color: 'secondary', children: currentToken === null || currentToken === void 0 ? void 0 : currentToken.symbol }) }), jsx("div", { className: 'send-balance-form__amount-container__balance', children: showFiat && !Number.isNaN(amount) && (jsxs(Fragment, { children: [jsx(Typography, { variant: 'body_mini', weight: 'bold', color: 'secondary', children: "$" }), jsx(Typography, { variant: 'body_mini', weight: 'regular', color: 'secondary', children: getDisplayFiatPrice(amount, currentToken) })] })) })] }), jsx(Typography, { className: 'send-balance-form__amount_available', variant: 'body_small', weight: 'regular', color: 'secondary', as: 'div', children: jsxs("div", { style: { display: 'flex', gap: '0.225rem' }, children: [jsx(Typography, { className: 'send-balance-form__amount_available__line', variant: 'body_small', weight: 'bold', color: 'primary', as: 'div', children: (_a = currentToken === null || currentToken === void 0 ? void 0 : currentToken.balance) !== null && _a !== void 0 ? _a : 0 }), t('dyn_send_transaction.data.symbol_available', {
                                     symbol: currentToken === null || currentToken === void 0 ? void 0 : currentToken.symbol,
-                                })] }) }), jsx(Typography, { variant: 'body_small', weight: 'regular', color: 'secondary', copykey: 'dyn_send_transaction.data.recipient.label', children: "Recipient Address" }), jsx(Field, { className: 'send-balance-form__field', placeholder: t('dyn_send_transaction.data.recipient.placeholder'), label: t('dyn_send_transaction.data.recipient.label'), id: 'recipient', name: 'recipient', as: Input, error: errors['recipient'], copykey: 'dyn_send_transaction.data.recipient.label', message: touched['recipient'] &&
+                                })] }) }), isTempo &&
+                        feeTokenOptions &&
+                        feeTokenOptions.length > 0 &&
+                        setCurrentFeeToken && (jsxs("div", { className: 'send-balance-form__fee-token-container', children: [jsx(Typography, { variant: 'body_small', weight: 'regular', color: 'secondary', style: { marginBottom: '8px' }, children: t('dyn_send_transaction.data.fee_token_label') }), jsx("select", { className: 'send-balance-form__fee-token-select', value: (currentFeeToken === null || currentFeeToken === void 0 ? void 0 : currentFeeToken.address) || '', onChange: ({ target: { value } }) => {
+                                    const selected = feeTokenOptions.find((token) => token.address === value);
+                                    if (selected) {
+                                        setCurrentFeeToken(selected);
+                                    }
+                                }, children: feeTokenOptions.map((token) => {
+                                    var _a;
+                                    return (jsxs("option", { value: token.address, children: [token.symbol, " (", ((_a = token.balance) === null || _a === void 0 ? void 0 : _a.toLocaleString()) || 0, ' ', "available)"] }, token.address));
+                                }) })] })), jsx(Typography, { variant: 'body_small', weight: 'regular', color: 'secondary', copykey: 'dyn_send_transaction.data.recipient.label', children: "Recipient Address" }), jsx(Field, { className: 'send-balance-form__field', placeholder: t('dyn_send_transaction.data.recipient.placeholder'), label: t('dyn_send_transaction.data.recipient.label'), id: 'recipient', name: 'recipient', as: Input, error: errors['recipient'], copykey: 'dyn_send_transaction.data.recipient.label', message: touched['recipient'] &&
                             getDisplayErrorMessage(errors, t, 'recipient') }), jsx(TypographyButton, { dataTestId: 'sendBalanceFormSubmitButton', expanded: true, type: 'submit', buttonVariant: 'primary', buttonPadding: 'small', buttonClassName: 'send-balance-form__button', copykey: 'dyn_send_transaction.preview_transaction', children: t('dyn_send_transaction.preview_transaction') })] }));
         } }));
 };

package/src/lib/components/SendBalancePageLayout/SendBalancePageLayout.cjs

@@ -114,6 +114,8 @@ require('../../views/TransactionConfirmationView/TransactionConfirmationView.cjs
 require('../../widgets/DynamicWidget/components/PasskeyCard/PasskeyCard.cjs');
 require('../../widgets/DynamicWidget/views/CryptoComOnramp/CryptoComOnramp.cjs');
 require('../../../index.cjs');
+require('../../widgets/DynamicWidget/views/ManagePasskeysMfaWidgetView/ManagePasskeysMfaWidgetView.cjs');
+require('../../widgets/DynamicWidget/views/ManageTotpMfaWidgetView/ManageTotpMfaWidgetView.cjs');
 require('../../widgets/DynamicWidget/views/ReceiveWalletFunds/ReceiveWalletFunds.cjs');
 require('../../store/state/tokenBalances.cjs');
 require('../../store/state/multichainBalances.cjs');
@@ -121,7 +123,7 @@ require('../../shared/utils/functions/getInitialUrl/getInitialUrl.cjs');
 var useInternalDynamicContext = require('../../context/DynamicContext/useDynamicContext/useInternalDynamicContext/useInternalDynamicContext.cjs');
 
 const SendBalancePageLayout = ({ error, onClickClose, onClickBack, onSubmit, displayPoweredByDynamicFooter = false, transaction, networkCurrencyDecimals, tokenBalances, currentToken, setCurrentToken, isLoading, isNativeToken, }) => {
-    var _a;
+    var _a, _b;
     const { t } = reactI18next.useTranslation();
     const { primaryWallet, projectSettings, overrides } = useInternalDynamicContext.useInternalDynamicContext();
     const networkInfo = useNetworkConfigurationsFromProjectSettings.useNetworkConfigurationsFromProjectSettings({
@@ -130,6 +132,21 @@ const SendBalancePageLayout = ({ error, onClickClose, onClickBack, onSubmit, dis
     });
     const walletConnector = primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.connector;
     const { chain } = useFetchChain.useFetchChain(walletConnector);
+    // Tempo-specific: detect Tempo chain and manage fee token state
+    const isTempo = ((_a = primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.connector) === null || _a === void 0 ? void 0 : _a.connectedChain) === 'TEMPO';
+    const [currentFeeToken, setCurrentFeeToken] = React.useState(undefined);
+    // Initialize fee token to first available token for Tempo
+    // Also reset if current token is no longer in the list (stale after refresh)
+    React.useEffect(() => {
+        if (isTempo && tokenBalances && tokenBalances.length > 0) {
+            const currentTokenStillExists = currentFeeToken
+                ? tokenBalances.some((token) => token.address === currentFeeToken.address)
+                : false;
+            if (!currentFeeToken || !currentTokenStillExists) {
+                setCurrentFeeToken(tokenBalances[0]);
+            }
+        }
+    }, [isTempo, tokenBalances, currentFeeToken]);
     const closeButton = onClickClose && (jsxRuntime.jsx(IconButton.IconButton, { type: 'button', onClick: onClickClose, "data-testid": 'close-button', children: jsxRuntime.jsx(close.ReactComponent, {}) }));
     const backButton = onClickBack && (jsxRuntime.jsx(IconButton.IconButton, { type: 'button', onClick: onClickBack, "data-testid": 'back-button', children: jsxRuntime.jsx(arrowLeft.ReactComponent, {}) }));
     const { data: balance } = usePromise.usePromise(() => transaction.getBalance(), {
@@ -189,7 +206,9 @@ const SendBalancePageLayout = ({ error, onClickClose, onClickBack, onSubmit, dis
             ? transaction.formatNonNativeToken(transaction.nonNativeValue, transaction.nonNativeDecimal)
             : '';
     };
-    return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(ModalHeader.ModalHeader, { leading: backButton, trailing: closeButton, alignContent: 'bottom', children: jsxRuntime.jsx("div", { className: 'send-balance-page-layout__header-content', children: jsxRuntime.jsx(Typography.Typography, { variant: 'title', color: 'primary', copykey: 'dyn_send_transaction.data.send', children: t('dyn_send_transaction.data.send') }) }) }), jsxRuntime.jsxs("div", { className: 'send-balance-page-layout__body', children: [jsxRuntime.jsx(AnimatePresence.AnimatePresence, { animationComponent: jsxRuntime.jsx(VerticalDrawerTransition.VerticalDrawerTransition, {}), children: error && (jsxRuntime.jsx("div", { className: 'send-balance-page-layout__error', children: jsxRuntime.jsx(Alert.Alert, { icon: 'error', variant: 'error', children: error }) })) }), jsxRuntime.jsx(SendBalanceForm.SendBalanceForm, { tokenBalances: tokenBalances, setCurrentToken: setCurrentToken, isLoading: isLoading, onSubmit: ({ amount, recipient }) => {
+    return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(ModalHeader.ModalHeader, { leading: backButton, trailing: closeButton, alignContent: 'bottom', children: jsxRuntime.jsx("div", { className: 'send-balance-page-layout__header-content', children: jsxRuntime.jsx(Typography.Typography, { variant: 'title', color: 'primary', copykey: 'dyn_send_transaction.data.send', children: t('dyn_send_transaction.data.send') }) }) }), jsxRuntime.jsxs("div", { className: 'send-balance-page-layout__body', children: [jsxRuntime.jsx(AnimatePresence.AnimatePresence, { animationComponent: jsxRuntime.jsx(VerticalDrawerTransition.VerticalDrawerTransition, {}), children: error && (jsxRuntime.jsx("div", { className: 'send-balance-page-layout__error', children: jsxRuntime.jsx(Alert.Alert, { icon: 'error', variant: 'error', children: error }) })) }), jsxRuntime.jsx(SendBalanceForm.SendBalanceForm, { tokenBalances: tokenBalances, setCurrentToken: setCurrentToken, isLoading: isLoading, 
+                        // Tempo-specific props
+                        isTempo: isTempo, feeTokenOptions: isTempo ? tokenBalances : undefined, currentFeeToken: currentFeeToken, setCurrentFeeToken: setCurrentFeeToken, onSubmit: ({ amount, recipient }) => {
                             if (isNativeToken) {
                                 transaction.value = transaction.parse(amount);
                             }
@@ -200,10 +219,15 @@ const SendBalancePageLayout = ({ error, onClickClose, onClickBack, onSubmit, dis
                                 transaction.nonNativeDecimal = currentToken === null || currentToken === void 0 ? void 0 : currentToken.decimals;
                             }
                             transaction.to = recipient;
+                            // Tempo-specific: set fee token address and symbol
+                            if (isTempo && (currentFeeToken === null || currentFeeToken === void 0 ? void 0 : currentFeeToken.address)) {
+                                transaction.feeTokenAddress = currentFeeToken.address;
+                                transaction.feeTokenSymbol = currentFeeToken.symbol;
+                            }
                             onSubmit();
                         }, initialValues: {
                             amount: getAmount(),
-                            recipient: (_a = transaction.to) !== null && _a !== void 0 ? _a : '',
+                            recipient: (_b = transaction.to) !== null && _b !== void 0 ? _b : '',
                         }, decimals: isNativeToken ? networkCurrencyDecimals : currentToken === null || currentToken === void 0 ? void 0 : currentToken.decimals, validateAddress: (value) => {
                             if (!value)
                                 return true;

package/src/lib/components/SendBalancePageLayout/SendBalancePageLayout.js

@@ -1,7 +1,7 @@
 'use client'
 import { __awaiter } from '../../../../_virtual/_tslib.js';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { useEffect } from 'react';
+import { useState, useEffect } from 'react';
 import { useTranslation } from 'react-i18next';
 import '../../context/DynamicContext/DynamicContext.js';
 import '../../store/state/loadingAndLifecycle/loadingAndLifecycle.js';
@@ -110,6 +110,8 @@ import '../../views/TransactionConfirmationView/TransactionConfirmationView.js';
 import '../../widgets/DynamicWidget/components/PasskeyCard/PasskeyCard.js';
 import '../../widgets/DynamicWidget/views/CryptoComOnramp/CryptoComOnramp.js';
 import '../../../index.js';
+import '../../widgets/DynamicWidget/views/ManagePasskeysMfaWidgetView/ManagePasskeysMfaWidgetView.js';
+import '../../widgets/DynamicWidget/views/ManageTotpMfaWidgetView/ManageTotpMfaWidgetView.js';
 import '../../widgets/DynamicWidget/views/ReceiveWalletFunds/ReceiveWalletFunds.js';
 import '../../store/state/tokenBalances.js';
 import '../../store/state/multichainBalances.js';
@@ -117,7 +119,7 @@ import '../../shared/utils/functions/getInitialUrl/getInitialUrl.js';
 import { useInternalDynamicContext } from '../../context/DynamicContext/useDynamicContext/useInternalDynamicContext/useInternalDynamicContext.js';
 
 const SendBalancePageLayout = ({ error, onClickClose, onClickBack, onSubmit, displayPoweredByDynamicFooter = false, transaction, networkCurrencyDecimals, tokenBalances, currentToken, setCurrentToken, isLoading, isNativeToken, }) => {
-    var _a;
+    var _a, _b;
     const { t } = useTranslation();
     const { primaryWallet, projectSettings, overrides } = useInternalDynamicContext();
     const networkInfo = useNetworkConfigurationsFromProjectSettings({
@@ -126,6 +128,21 @@ const SendBalancePageLayout = ({ error, onClickClose, onClickBack, onSubmit, dis
     });
     const walletConnector = primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.connector;
     const { chain } = useFetchChain(walletConnector);
+    // Tempo-specific: detect Tempo chain and manage fee token state
+    const isTempo = ((_a = primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.connector) === null || _a === void 0 ? void 0 : _a.connectedChain) === 'TEMPO';
+    const [currentFeeToken, setCurrentFeeToken] = useState(undefined);
+    // Initialize fee token to first available token for Tempo
+    // Also reset if current token is no longer in the list (stale after refresh)
+    useEffect(() => {
+        if (isTempo && tokenBalances && tokenBalances.length > 0) {
+            const currentTokenStillExists = currentFeeToken
+                ? tokenBalances.some((token) => token.address === currentFeeToken.address)
+                : false;
+            if (!currentFeeToken || !currentTokenStillExists) {
+                setCurrentFeeToken(tokenBalances[0]);
+            }
+        }
+    }, [isTempo, tokenBalances, currentFeeToken]);
     const closeButton = onClickClose && (jsx(IconButton, { type: 'button', onClick: onClickClose, "data-testid": 'close-button', children: jsx(SvgClose, {}) }));
     const backButton = onClickBack && (jsx(IconButton, { type: 'button', onClick: onClickBack, "data-testid": 'back-button', children: jsx(SvgArrowLeft, {}) }));
     const { data: balance } = usePromise(() => transaction.getBalance(), {
@@ -185,7 +202,9 @@ const SendBalancePageLayout = ({ error, onClickClose, onClickBack, onSubmit, dis
             ? transaction.formatNonNativeToken(transaction.nonNativeValue, transaction.nonNativeDecimal)
             : '';
     };
-    return (jsxs(Fragment, { children: [jsx(ModalHeader, { leading: backButton, trailing: closeButton, alignContent: 'bottom', children: jsx("div", { className: 'send-balance-page-layout__header-content', children: jsx(Typography, { variant: 'title', color: 'primary', copykey: 'dyn_send_transaction.data.send', children: t('dyn_send_transaction.data.send') }) }) }), jsxs("div", { className: 'send-balance-page-layout__body', children: [jsx(AnimatePresence, { animationComponent: jsx(VerticalDrawerTransition, {}), children: error && (jsx("div", { className: 'send-balance-page-layout__error', children: jsx(Alert, { icon: 'error', variant: 'error', children: error }) })) }), jsx(SendBalanceForm, { tokenBalances: tokenBalances, setCurrentToken: setCurrentToken, isLoading: isLoading, onSubmit: ({ amount, recipient }) => {
+    return (jsxs(Fragment, { children: [jsx(ModalHeader, { leading: backButton, trailing: closeButton, alignContent: 'bottom', children: jsx("div", { className: 'send-balance-page-layout__header-content', children: jsx(Typography, { variant: 'title', color: 'primary', copykey: 'dyn_send_transaction.data.send', children: t('dyn_send_transaction.data.send') }) }) }), jsxs("div", { className: 'send-balance-page-layout__body', children: [jsx(AnimatePresence, { animationComponent: jsx(VerticalDrawerTransition, {}), children: error && (jsx("div", { className: 'send-balance-page-layout__error', children: jsx(Alert, { icon: 'error', variant: 'error', children: error }) })) }), jsx(SendBalanceForm, { tokenBalances: tokenBalances, setCurrentToken: setCurrentToken, isLoading: isLoading, 
+                        // Tempo-specific props
+                        isTempo: isTempo, feeTokenOptions: isTempo ? tokenBalances : undefined, currentFeeToken: currentFeeToken, setCurrentFeeToken: setCurrentFeeToken, onSubmit: ({ amount, recipient }) => {
                             if (isNativeToken) {
                                 transaction.value = transaction.parse(amount);
                             }
@@ -196,10 +215,15 @@ const SendBalancePageLayout = ({ error, onClickClose, onClickBack, onSubmit, dis
                                 transaction.nonNativeDecimal = currentToken === null || currentToken === void 0 ? void 0 : currentToken.decimals;
                             }
                             transaction.to = recipient;
+                            // Tempo-specific: set fee token address and symbol
+                            if (isTempo && (currentFeeToken === null || currentFeeToken === void 0 ? void 0 : currentFeeToken.address)) {
+                                transaction.feeTokenAddress = currentFeeToken.address;
+                                transaction.feeTokenSymbol = currentFeeToken.symbol;
+                            }
                             onSubmit();
                         }, initialValues: {
                             amount: getAmount(),
-                            recipient: (_a = transaction.to) !== null && _a !== void 0 ? _a : '',
+                            recipient: (_b = transaction.to) !== null && _b !== void 0 ? _b : '',
                         }, decimals: isNativeToken ? networkCurrencyDecimals : currentToken === null || currentToken === void 0 ? void 0 : currentToken.decimals, validateAddress: (value) => {
                             if (!value)
                                 return true;

package/src/lib/components/SendBalancePageLayout/components/TokensBalanceDropdown/TokensBalanceDropdown.cjs

@@ -78,6 +78,7 @@ require('../../../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../../../IconButton/IconButton.cjs');
 require('../../../../utils/hooks/useGetMfaToken/useGetMfaToken.cjs');
 require('../../../MenuList/Dropdown/Dropdown.cjs');
+var Image = require('../../../Image/Image.cjs');
 require('formik');
 require('../../../../utils/hooks/useSubdomainCheck/useSubdomainCheck.cjs');
 var sendBalances = require('../../../../store/state/sendBalances.cjs');
@@ -96,6 +97,8 @@ require('../../../../context/OnrampContext/OnrampContext.cjs');
 require('../../../../../index.cjs');
 require('../../../../widgets/DynamicWidget/helpers/convertExchangeKeyAndProviderEnum.cjs');
 require('qrcode');
+require('../../../../widgets/DynamicWidget/views/ManagePasskeysMfaWidgetView/ManagePasskeysMfaWidgetView.cjs');
+require('../../../../widgets/DynamicWidget/views/ManageTotpMfaWidgetView/ManageTotpMfaWidgetView.cjs');
 require('../../../../widgets/DynamicWidget/views/ReceiveWalletFunds/ReceiveWalletFunds.cjs');
 require('../../../../context/IpConfigurationContext/IpConfigurationContext.cjs');
 require('../../../../context/ConnectWithOtpContext/ConnectWithOtpContext.cjs');
@@ -190,7 +193,9 @@ const TokensBalanceDropdown = ({ tokenBalances, currentToken, setCurrentToken, i
     if (isLoading) {
         return jsxRuntime.jsx(Skeleton.Skeleton, {});
     }
-    const tokenLogo = (token, size) => (token === null || token === void 0 ? void 0 : token.logoURI) ? (jsxRuntime.jsx("img", { src: token.logoURI, alt: token === null || token === void 0 ? void 0 : token.name, width: size, height: size })) : (jsxRuntime.jsx("div", { className: 'token-balance-item__skeleton-icon', "data-testid": 'token-balance-item__skeleton-icon' }));
+    const tokenLogo = (token, size) => (jsxRuntime.jsx(Image.Image, { src: token === null || token === void 0 ? void 0 : token.logoURI, alt: token === null || token === void 0 ? void 0 : token.name, className: 'token-balance-item__icon', dataTestId: 'token-balance-item-icon', fallback: 
+        // eslint-disable-next-line react/jsx-wrap-multilines
+        jsxRuntime.jsx("div", { className: 'token-balance-item__skeleton-icon', "data-testid": 'token-balance-item__skeleton-icon', style: { height: `${size}px`, width: `${size}px` } }) }));
     return (jsxRuntime.jsxs("div", { className: 'tokens-balance-dropdown', ref: anchorRef, onClick: () => setIsDropdownOpen(!isDropdownOpen), "data-testid": 'tokens-balance-dropdown', children: [!isLoading && (jsxRuntime.jsxs("div", { className: 'tokens-balance-dropdown__selected', children: [tokenLogo(currentToken, '20'), jsxRuntime.jsx(Typography.Typography, { variant: 'body_normal', color: 'primary', children: currentToken === null || currentToken === void 0 ? void 0 : currentToken.name }), jsxRuntime.jsx(Icon.Icon, { color: 'text-primary', size: 'small', className: classNames.classNames('evm-network-control__arrow-icon', {
                             'evm-network-control__arrow-icon--active': isDropdownOpen,
                         }), children: jsxRuntime.jsx(stroke.ReactComponent, {}) })] })), jsxRuntime.jsx(MenuList.MenuList, { className: 'tokens-balance-dropdown__menu_list', isOpen: isDropdownOpen, popperProps: {