@dynamic-labs/sdk-react-core 4.4.0 → 4.4.2-preview.0

package/src/lib/widgets/DynamicWidget/prompts/PendingSignModal/PendingSignModal.cjs

@@ -71,7 +71,6 @@ require('qrcode');
 var useCloseMultiWalletPrompt = require('../../hooks/useCloseMultiWalletPrompt/useCloseMultiWalletPrompt.cjs');
 require('formik');
 require('../../../../utils/hooks/useSubdomainCheck/useSubdomainCheck.cjs');
-require('../../../../context/FooterAnimationContext/index.cjs');
 require('../../../../context/WalletGroupContext/WalletGroupContext.cjs');
 require('../../../../context/IpConfigurationContext/IpConfigurationContext.cjs');
 require('../../../../context/ConnectWithOtpContext/ConnectWithOtpContext.cjs');
@@ -79,6 +78,7 @@ require('../../../../context/ConnectWithOtpContext/constants.cjs');
 require('../../../DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
 require('@hcaptcha/react-hcaptcha');
 require('../../context/DynamicWidgetContext.cjs');
+require('../../../../context/FooterAnimationContext/index.cjs');
 require('../../../../context/PasskeyContext/PasskeyContext.cjs');
 require('../../../../store/state/sendBalances.cjs');
 require('../../../../components/OverlayCardBase/OverlayCardTarget/OverlayCardTarget.cjs');

package/src/lib/widgets/DynamicWidget/prompts/PendingSignModal/PendingSignModal.js

@@ -67,7 +67,6 @@ import 'qrcode';
 import { useCloseMultiWalletPrompt } from '../../hooks/useCloseMultiWalletPrompt/useCloseMultiWalletPrompt.js';
 import 'formik';
 import '../../../../utils/hooks/useSubdomainCheck/useSubdomainCheck.js';
-import '../../../../context/FooterAnimationContext/index.js';
 import '../../../../context/WalletGroupContext/WalletGroupContext.js';
 import '../../../../context/IpConfigurationContext/IpConfigurationContext.js';
 import '../../../../context/ConnectWithOtpContext/ConnectWithOtpContext.js';
@@ -75,6 +74,7 @@ import '../../../../context/ConnectWithOtpContext/constants.js';
 import '../../../DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
 import '@hcaptcha/react-hcaptcha';
 import '../../context/DynamicWidgetContext.js';
+import '../../../../context/FooterAnimationContext/index.js';
 import '../../../../context/PasskeyContext/PasskeyContext.js';
 import '../../../../store/state/sendBalances.js';
 import '../../../../components/OverlayCardBase/OverlayCardTarget/OverlayCardTarget.js';

package/src/lib/widgets/DynamicWidget/prompts/UnlinkWalletPopUp/UnlinkWalletPopUp.cjs

@@ -73,7 +73,6 @@ require('qrcode');
 var useCloseMultiWalletPrompt = require('../../hooks/useCloseMultiWalletPrompt/useCloseMultiWalletPrompt.cjs');
 require('formik');
 require('../../../../utils/hooks/useSubdomainCheck/useSubdomainCheck.cjs');
-require('../../../../context/FooterAnimationContext/index.cjs');
 require('../../../../context/WalletGroupContext/WalletGroupContext.cjs');
 require('../../../../context/IpConfigurationContext/IpConfigurationContext.cjs');
 require('../../../../context/ConnectWithOtpContext/ConnectWithOtpContext.cjs');
@@ -81,6 +80,7 @@ require('../../../../context/ConnectWithOtpContext/constants.cjs');
 require('../../../DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
 require('@hcaptcha/react-hcaptcha');
 require('../../context/DynamicWidgetContext.cjs');
+require('../../../../context/FooterAnimationContext/index.cjs');
 require('../../../../context/PasskeyContext/PasskeyContext.cjs');
 require('../../../../store/state/sendBalances.cjs');
 require('../../../../components/OverlayCardBase/OverlayCardTarget/OverlayCardTarget.cjs');

package/src/lib/widgets/DynamicWidget/prompts/UnlinkWalletPopUp/UnlinkWalletPopUp.js

@@ -69,7 +69,6 @@ import 'qrcode';
 import { useCloseMultiWalletPrompt } from '../../hooks/useCloseMultiWalletPrompt/useCloseMultiWalletPrompt.js';
 import 'formik';
 import '../../../../utils/hooks/useSubdomainCheck/useSubdomainCheck.js';
-import '../../../../context/FooterAnimationContext/index.js';
 import '../../../../context/WalletGroupContext/WalletGroupContext.js';
 import '../../../../context/IpConfigurationContext/IpConfigurationContext.js';
 import '../../../../context/ConnectWithOtpContext/ConnectWithOtpContext.js';
@@ -77,6 +76,7 @@ import '../../../../context/ConnectWithOtpContext/constants.js';
 import '../../../DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
 import '@hcaptcha/react-hcaptcha';
 import '../../context/DynamicWidgetContext.js';
+import '../../../../context/FooterAnimationContext/index.js';
 import '../../../../context/PasskeyContext/PasskeyContext.js';
 import '../../../../store/state/sendBalances.js';
 import '../../../../components/OverlayCardBase/OverlayCardTarget/OverlayCardTarget.js';

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

@@ -79,7 +79,6 @@ require('../../../../components/ShadowDOM/ShadowDOM.cjs');
 var useFetchChain = require('../../hooks/useFetchChain/useFetchChain.cjs');
 require('formik');
 require('../../../../utils/hooks/useSubdomainCheck/useSubdomainCheck.cjs');
-require('../../../../context/FooterAnimationContext/index.cjs');
 require('../../../../context/WalletGroupContext/WalletGroupContext.cjs');
 require('../../../../context/IpConfigurationContext/IpConfigurationContext.cjs');
 require('../../../../context/ConnectWithOtpContext/ConnectWithOtpContext.cjs');
@@ -87,6 +86,7 @@ require('../../../../context/ConnectWithOtpContext/constants.cjs');
 require('../../../DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
 require('@hcaptcha/react-hcaptcha');
 var DynamicWidgetContext = require('../../context/DynamicWidgetContext.cjs');
+require('../../../../context/FooterAnimationContext/index.cjs');
 require('../../../../context/PasskeyContext/PasskeyContext.cjs');
 require('../../../../store/state/sendBalances.cjs');
 require('../../../../components/OverlayCardBase/OverlayCardTarget/OverlayCardTarget.cjs');

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

@@ -75,7 +75,6 @@ import '../../../../components/ShadowDOM/ShadowDOM.js';
 import { useFetchChain } from '../../hooks/useFetchChain/useFetchChain.js';
 import 'formik';
 import '../../../../utils/hooks/useSubdomainCheck/useSubdomainCheck.js';
-import '../../../../context/FooterAnimationContext/index.js';
 import '../../../../context/WalletGroupContext/WalletGroupContext.js';
 import '../../../../context/IpConfigurationContext/IpConfigurationContext.js';
 import '../../../../context/ConnectWithOtpContext/ConnectWithOtpContext.js';
@@ -83,6 +82,7 @@ import '../../../../context/ConnectWithOtpContext/constants.js';
 import '../../../DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
 import '@hcaptcha/react-hcaptcha';
 import { useWidgetContext } from '../../context/DynamicWidgetContext.js';
+import '../../../../context/FooterAnimationContext/index.js';
 import '../../../../context/PasskeyContext/PasskeyContext.js';
 import '../../../../store/state/sendBalances.js';
 import '../../../../components/OverlayCardBase/OverlayCardTarget/OverlayCardTarget.js';

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

@@ -252,17 +252,9 @@ const ReceiveExternalWalletFunds = ({ amount: initialAmount, token: initialToken
         ? { leading: '$' }
         : { trailing: primaryData.symbol };
     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, {}) }));
-    const walletCardContent = (jsxRuntime.jsxs(jsxRuntime.Fragment, { 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', color: 'secondary', children: t('dyn_wallet_funding.from_external_wallet.funding_view.wallet_detail_from') }), jsxRuntime.jsx(Typography.Typography, { variant: 'body_small', children: shortenWalletAddress.shortenWalletAddress(externalWallet.address) })] })] }), jsxRuntime.jsxs("div", { className: classNames.classNames('fund-from-wallet__content__wallet-card__balance', {
-                    'fund-from-wallet__content__wallet-card__balance--disable-select': disableTokenSelect,
-                }), onClick: () => !disableTokenSelect && setShowTokenSelect(true), children: [jsxRuntime.jsxs("div", { className: 'fund-from-wallet__content__wallet-card__balance__rows', children: [jsxRuntime.jsx(Typography.Typography, { variant: 'body_small', color: 'secondary', weight: 'bold', children: t('dyn_wallet_funding.from_external_wallet.funding_view.balance') }), jsxRuntime.jsx(Typography.Typography, { variant: 'body_small', weight: 'bold', "data-testid": `balance-amount-${tokenSymbol}`, children: formatValue.formatValue({
-                                    maxDecimals: 8,
-                                    symbol: tokenSymbol,
-                                    value: balanceNumber,
-                                    withFixedZeros: isFiatToken.isFiatToken(tokenSymbol) || tokenSymbol === 'USDC',
-                                }) })] }), !disableTokenSelect && (jsxRuntime.jsx(Icon.Icon, { color: 'text-tertiary', size: 'small', className: 'fund-from-wallet__content__wallet-card__balance__icon', children: jsxRuntime.jsx(chevronDown.ReactComponent, {}) }))] })] }));
     return (jsxRuntime.jsxs("div", { className: 'fund-from-wallet', children: [!disableTokenSelect && (jsxRuntime.jsx(TokenSelectScreen.TokenSelectScreen, { onClose: () => setShowTokenSelect(false), 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,
-                }) })), 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.jsx("div", { className: classNames.classNames('fund-from-wallet__content__wallet-card', 'fund-from-wallet__content__wallet-card--invisible'), children: walletCardContent }), 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', {
+                }) })), 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', {
                                     'fund-from-wallet__content__amount-container__minimum-error--visible': showMinimumRequired,
                                 }), variant: 'body_normal', children: t('dyn_wallet_funding.from_external_wallet.funding_view.minimum_error', {
                                     minimum: formatValue.formatValue({
@@ -286,7 +278,14 @@ const ReceiveExternalWalletFunds = ({ amount: initialAmount, token: initialToken
                                             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.network_conversion_error'), 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', children: t('dyn_wallet_funding.from_external_wallet.funding_view.balance_error') })] }), jsxRuntime.jsx("div", { className: 'fund-from-wallet__content__wallet-card', children: walletCardContent })] }), jsxRuntime.jsx(TypographyButton.TypographyButton, { buttonVariant: 'brand-primary', buttonPadding: 'large', typographyProps: { color: 'white' }, className: 'fund-from-wallet__confirm-button', disabled: !isMinimumRespected || showNotEnoughBalance || !isNonZero.isNonZero(tokenAmount), onClick: () => handleSubmit({
+                                }), variant: 'body_normal', 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', color: 'secondary', children: t('dyn_wallet_funding.from_external_wallet.funding_view.wallet_detail_from') }), jsxRuntime.jsx(Typography.Typography, { variant: 'body_small', children: shortenWalletAddress.shortenWalletAddress(externalWallet.address) })] })] }), jsxRuntime.jsxs("div", { className: classNames.classNames('fund-from-wallet__content__wallet-card__balance', {
+                                    'fund-from-wallet__content__wallet-card__balance--disable-select': disableTokenSelect,
+                                }), onClick: () => !disableTokenSelect && setShowTokenSelect(true), children: [jsxRuntime.jsxs("div", { className: 'fund-from-wallet__content__wallet-card__balance__rows', children: [jsxRuntime.jsx(Typography.Typography, { variant: 'body_small', color: 'secondary', weight: 'bold', children: t('dyn_wallet_funding.from_external_wallet.funding_view.balance') }), jsxRuntime.jsx(Typography.Typography, { variant: 'body_small', weight: 'bold', "data-testid": `balance-amount-${tokenSymbol}`, children: formatValue.formatValue({
+                                                    maxDecimals: 8,
+                                                    symbol: tokenSymbol,
+                                                    value: balanceNumber,
+                                                    withFixedZeros: isFiatToken.isFiatToken(tokenSymbol) || tokenSymbol === 'USDC',
+                                                }) })] }), !disableTokenSelect && (jsxRuntime.jsx(Icon.Icon, { color: 'text-tertiary', size: 'small', className: 'fund-from-wallet__content__wallet-card__balance__icon', children: jsxRuntime.jsx(chevronDown.ReactComponent, {}) }))] })] })] }), jsxRuntime.jsx(TypographyButton.TypographyButton, { buttonVariant: 'brand-primary', buttonPadding: 'large', typographyProps: { color: 'white' }, className: 'fund-from-wallet__confirm-button', disabled: !isMinimumRespected || showNotEnoughBalance || !isNonZero.isNonZero(tokenAmount), onClick: () => handleSubmit({
                     externalWallet,
                     tokenAmount,
                     tokenBalances,

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

@@ -1,10 +1,3 @@
 import { FC } from 'react';
-import { Wallet } from '@dynamic-labs/wallet-connector-core';
-import { FundingTokenData, ReceiveExternalWalletFundsProps } from './types';
-export type submitExternalWalletFundingProps = {
-    tokenAmount: string | undefined;
-    externalWallet: Wallet;
-    tokenSymbol: string;
-    tokenBalances: FundingTokenData[];
-};
+import { ReceiveExternalWalletFundsProps } from './types';
 export declare const ReceiveExternalWalletFunds: FC<ReceiveExternalWalletFundsProps>;

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

@@ -1,5 +1,5 @@
 'use client'
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { jsx, jsxs } from 'react/jsx-runtime';
 import { useState } from 'react';
 import { useTranslation } from 'react-i18next';
 import { WalletIcon } from '@dynamic-labs/wallet-book';
@@ -248,17 +248,9 @@ const ReceiveExternalWalletFunds = ({ amount: initialAmount, token: initialToken
         ? { leading: '$' }
         : { trailing: primaryData.symbol };
     const backButton = (jsx(IconButton, { type: 'button', id: 'back-button', "data-testid": 'back-button', onClick: () => setDynamicWidgetView('choose-wallet-funding-method'), children: jsx(SvgArrowLeft, {}) }));
-    const walletCardContent = (jsxs(Fragment, { 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', color: 'secondary', children: t('dyn_wallet_funding.from_external_wallet.funding_view.wallet_detail_from') }), jsx(Typography, { variant: 'body_small', children: shortenWalletAddress(externalWallet.address) })] })] }), jsxs("div", { className: classNames('fund-from-wallet__content__wallet-card__balance', {
-                    'fund-from-wallet__content__wallet-card__balance--disable-select': disableTokenSelect,
-                }), onClick: () => !disableTokenSelect && setShowTokenSelect(true), children: [jsxs("div", { className: 'fund-from-wallet__content__wallet-card__balance__rows', children: [jsx(Typography, { variant: 'body_small', color: 'secondary', weight: 'bold', children: t('dyn_wallet_funding.from_external_wallet.funding_view.balance') }), jsx(Typography, { variant: 'body_small', weight: 'bold', "data-testid": `balance-amount-${tokenSymbol}`, children: formatValue({
-                                    maxDecimals: 8,
-                                    symbol: tokenSymbol,
-                                    value: balanceNumber,
-                                    withFixedZeros: isFiatToken(tokenSymbol) || tokenSymbol === 'USDC',
-                                }) })] }), !disableTokenSelect && (jsx(Icon, { color: 'text-tertiary', size: 'small', className: 'fund-from-wallet__content__wallet-card__balance__icon', children: jsx(SvgChevronDown, {}) }))] })] }));
     return (jsxs("div", { className: 'fund-from-wallet', children: [!disableTokenSelect && (jsx(TokenSelectScreen, { onClose: () => setShowTokenSelect(false), 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,
-                }) })), 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: [jsx("div", { className: classNames('fund-from-wallet__content__wallet-card', 'fund-from-wallet__content__wallet-card--invisible'), children: walletCardContent }), 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', {
+                }) })), 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', {
                                     'fund-from-wallet__content__amount-container__minimum-error--visible': showMinimumRequired,
                                 }), variant: 'body_normal', children: t('dyn_wallet_funding.from_external_wallet.funding_view.minimum_error', {
                                     minimum: formatValue({
@@ -282,7 +274,14 @@ const ReceiveExternalWalletFunds = ({ amount: initialAmount, token: initialToken
                                             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.network_conversion_error'), 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', children: t('dyn_wallet_funding.from_external_wallet.funding_view.balance_error') })] }), jsx("div", { className: 'fund-from-wallet__content__wallet-card', children: walletCardContent })] }), jsx(TypographyButton, { buttonVariant: 'brand-primary', buttonPadding: 'large', typographyProps: { color: 'white' }, className: 'fund-from-wallet__confirm-button', disabled: !isMinimumRespected || showNotEnoughBalance || !isNonZero(tokenAmount), onClick: () => handleSubmit({
+                                }), variant: 'body_normal', 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', color: 'secondary', children: t('dyn_wallet_funding.from_external_wallet.funding_view.wallet_detail_from') }), jsx(Typography, { variant: 'body_small', children: shortenWalletAddress(externalWallet.address) })] })] }), jsxs("div", { className: classNames('fund-from-wallet__content__wallet-card__balance', {
+                                    'fund-from-wallet__content__wallet-card__balance--disable-select': disableTokenSelect,
+                                }), onClick: () => !disableTokenSelect && setShowTokenSelect(true), children: [jsxs("div", { className: 'fund-from-wallet__content__wallet-card__balance__rows', children: [jsx(Typography, { variant: 'body_small', color: 'secondary', weight: 'bold', children: t('dyn_wallet_funding.from_external_wallet.funding_view.balance') }), jsx(Typography, { variant: 'body_small', weight: 'bold', "data-testid": `balance-amount-${tokenSymbol}`, children: formatValue({
+                                                    maxDecimals: 8,
+                                                    symbol: tokenSymbol,
+                                                    value: balanceNumber,
+                                                    withFixedZeros: isFiatToken(tokenSymbol) || tokenSymbol === 'USDC',
+                                                }) })] }), !disableTokenSelect && (jsx(Icon, { color: 'text-tertiary', size: 'small', className: 'fund-from-wallet__content__wallet-card__balance__icon', children: jsx(SvgChevronDown, {}) }))] })] })] }), jsx(TypographyButton, { buttonVariant: 'brand-primary', buttonPadding: 'large', typographyProps: { color: 'white' }, className: 'fund-from-wallet__confirm-button', disabled: !isMinimumRespected || showNotEnoughBalance || !isNonZero(tokenAmount), onClick: () => handleSubmit({
                     externalWallet,
                     tokenAmount,
                     tokenBalances,

package/src/lib/widgets/DynamicWidget/views/ReceiveExternalWalletFunds/utils/useTokensForFunding/useTokensForFunding.cjs

@@ -72,7 +72,6 @@ var useFetchBalance = require('../../../../hooks/useFetchBalance/useFetchBalance
 var useFetchCurrency = require('../../../../hooks/useFetchCurrency/useFetchCurrency.cjs');
 require('formik');
 require('../../../../../../utils/hooks/useSubdomainCheck/useSubdomainCheck.cjs');
-require('../../../../../../context/FooterAnimationContext/index.cjs');
 require('../../../../../../context/WalletGroupContext/WalletGroupContext.cjs');
 require('../../../../../../context/IpConfigurationContext/IpConfigurationContext.cjs');
 require('../../../../../../context/ConnectWithOtpContext/ConnectWithOtpContext.cjs');
@@ -80,6 +79,7 @@ require('../../../../../../context/ConnectWithOtpContext/constants.cjs');
 require('../../../../../DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
 require('@hcaptcha/react-hcaptcha');
 require('../../../../context/DynamicWidgetContext.cjs');
+require('../../../../../../context/FooterAnimationContext/index.cjs');
 require('../../../../../../context/PasskeyContext/PasskeyContext.cjs');
 require('../../../../../../store/state/sendBalances.cjs');
 require('../../../../../../components/OverlayCardBase/OverlayCardTarget/OverlayCardTarget.cjs');

package/src/lib/widgets/DynamicWidget/views/ReceiveExternalWalletFunds/utils/useTokensForFunding/useTokensForFunding.js

@@ -68,7 +68,6 @@ import { useFetchBalance } from '../../../../hooks/useFetchBalance/useFetchBalan
 import { useFetchCurrency } from '../../../../hooks/useFetchCurrency/useFetchCurrency.js';
 import 'formik';
 import '../../../../../../utils/hooks/useSubdomainCheck/useSubdomainCheck.js';
-import '../../../../../../context/FooterAnimationContext/index.js';
 import '../../../../../../context/WalletGroupContext/WalletGroupContext.js';
 import '../../../../../../context/IpConfigurationContext/IpConfigurationContext.js';
 import '../../../../../../context/ConnectWithOtpContext/ConnectWithOtpContext.js';
@@ -76,6 +75,7 @@ import '../../../../../../context/ConnectWithOtpContext/constants.js';
 import '../../../../../DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
 import '@hcaptcha/react-hcaptcha';
 import '../../../../context/DynamicWidgetContext.js';
+import '../../../../../../context/FooterAnimationContext/index.js';
 import '../../../../../../context/PasskeyContext/PasskeyContext.js';
 import '../../../../../../store/state/sendBalances.js';
 import '../../../../../../components/OverlayCardBase/OverlayCardTarget/OverlayCardTarget.js';

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

@@ -93,7 +93,6 @@ require('react-focus-lock');
 require('qrcode');
 require('formik');
 require('../../../../utils/hooks/useSubdomainCheck/useSubdomainCheck.cjs');
-require('../../../../context/FooterAnimationContext/index.cjs');
 require('../../../../context/WalletGroupContext/WalletGroupContext.cjs');
 require('../../../../context/IpConfigurationContext/IpConfigurationContext.cjs');
 require('../../../../context/ConnectWithOtpContext/ConnectWithOtpContext.cjs');
@@ -101,6 +100,7 @@ require('../../../../context/ConnectWithOtpContext/constants.cjs');
 require('../../../DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
 require('@hcaptcha/react-hcaptcha');
 var DynamicWidgetContext = require('../../context/DynamicWidgetContext.cjs');
+require('../../../../context/FooterAnimationContext/index.cjs');
 var PasskeyDeviceIcon = require('../../../../views/Passkey/PasskeyDeviceIcon/PasskeyDeviceIcon.cjs');
 require('../../../../context/PasskeyContext/PasskeyContext.cjs');
 require('../../../../store/state/sendBalances.cjs');

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

@@ -89,7 +89,6 @@ import 'react-focus-lock';
 import 'qrcode';
 import 'formik';
 import '../../../../utils/hooks/useSubdomainCheck/useSubdomainCheck.js';
-import '../../../../context/FooterAnimationContext/index.js';
 import '../../../../context/WalletGroupContext/WalletGroupContext.js';
 import '../../../../context/IpConfigurationContext/IpConfigurationContext.js';
 import '../../../../context/ConnectWithOtpContext/ConnectWithOtpContext.js';
@@ -97,6 +96,7 @@ import '../../../../context/ConnectWithOtpContext/constants.js';
 import '../../../DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
 import '@hcaptcha/react-hcaptcha';
 import { useWidgetContext } from '../../context/DynamicWidgetContext.js';
+import '../../../../context/FooterAnimationContext/index.js';
 import { PasskeyDeviceIcon } from '../../../../views/Passkey/PasskeyDeviceIcon/PasskeyDeviceIcon.js';
 import '../../../../context/PasskeyContext/PasskeyContext.js';
 import '../../../../store/state/sendBalances.js';

package/src/lib/widgets/FundingWidget/views/FundWalletView/FundWalletView.cjs

@@ -98,7 +98,7 @@ const FundWalletView = () => {
     if (!onrampEnabled || !(selectedOnramp === null || selectedOnramp === void 0 ? void 0 : selectedOnramp.url)) {
         return null;
     }
-    return (jsxRuntime.jsx(ShadowDOM.ShadowDOM, { children: jsxRuntime.jsxs(OpacityTransition.OpacityTransition, { isShown: showOnramp, children: [jsxRuntime.jsx("div", { className: 'fund-wallet__backdrop', "aria-hidden": 'true', "data-testid": 'fund-wallet-backdrop' }), jsxRuntime.jsx("div", { className: 'fund-wallet__modal', "data-testid": 'fund-wallet-modal', ref: setOnrampRef, children: jsxRuntime.jsx("iframe", { id: 'onramp-iframe', src: selectedOnramp.url, allow: 'camera *;geolocation *', title: 'Crypto Onramp' }) })] }) }));
+    return (jsxRuntime.jsx(ShadowDOM.ShadowDOM, { children: jsxRuntime.jsxs(OpacityTransition.OpacityTransition, { isShown: showOnramp, children: [jsxRuntime.jsx("div", { className: 'fund-wallet__backdrop', "aria-hidden": 'true', "data-testid": 'fund-wallet-backdrop' }), jsxRuntime.jsx("div", { className: 'fund-wallet__modal', children: jsxRuntime.jsx("iframe", { id: 'onramp-iframe', src: selectedOnramp.url, allow: 'camera *;geolocation *', title: 'Crypto Onramp', ref: setOnrampRef, "data-testid": 'fund-wallet-modal' }) })] }) }));
 };
 
 exports.FundWalletView = FundWalletView;

package/src/lib/widgets/FundingWidget/views/FundWalletView/FundWalletView.js

@@ -94,7 +94,7 @@ const FundWalletView = () => {
     if (!onrampEnabled || !(selectedOnramp === null || selectedOnramp === void 0 ? void 0 : selectedOnramp.url)) {
         return null;
     }
-    return (jsx(ShadowDOM, { children: jsxs(OpacityTransition, { isShown: showOnramp, children: [jsx("div", { className: 'fund-wallet__backdrop', "aria-hidden": 'true', "data-testid": 'fund-wallet-backdrop' }), jsx("div", { className: 'fund-wallet__modal', "data-testid": 'fund-wallet-modal', ref: setOnrampRef, children: jsx("iframe", { id: 'onramp-iframe', src: selectedOnramp.url, allow: 'camera *;geolocation *', title: 'Crypto Onramp' }) })] }) }));
+    return (jsx(ShadowDOM, { children: jsxs(OpacityTransition, { isShown: showOnramp, children: [jsx("div", { className: 'fund-wallet__backdrop', "aria-hidden": 'true', "data-testid": 'fund-wallet-backdrop' }), jsx("div", { className: 'fund-wallet__modal', children: jsx("iframe", { id: 'onramp-iframe', src: selectedOnramp.url, allow: 'camera *;geolocation *', title: 'Crypto Onramp', ref: setOnrampRef, "data-testid": 'fund-wallet-modal' }) })] }) }));
 };
 
 export { FundWalletView };