@dynamic-labs/sdk-react-core 4.4.4 → 4.5.1

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

@@ -45,6 +45,7 @@ require('react-dom');
 require('../../../../utils/functions/compareChains/compareChains.cjs');
 require('../../../../context/ThemeContext/ThemeContext.cjs');
 require('../../../../utils/hooks/useUserUpdateRequest/useUpdateUser/userFieldsSchema.cjs');
+require('bs58');
 require('@dynamic-labs/types');
 require('../../../../context/SocialRedirectContext/SocialRedirectContext.cjs');
 require('../../../../context/LoadingContext/LoadingContext.cjs');

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

@@ -41,6 +41,7 @@ import 'react-dom';
 import '../../../../utils/functions/compareChains/compareChains.js';
 import '../../../../context/ThemeContext/ThemeContext.js';
 import '../../../../utils/hooks/useUserUpdateRequest/useUpdateUser/userFieldsSchema.js';
+import 'bs58';
 import '@dynamic-labs/types';
 import '../../../../context/SocialRedirectContext/SocialRedirectContext.js';
 import '../../../../context/LoadingContext/LoadingContext.js';

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

@@ -47,6 +47,7 @@ require('react-dom');
 require('../../../../utils/functions/compareChains/compareChains.cjs');
 require('../../../../context/ThemeContext/ThemeContext.cjs');
 require('../../../../utils/hooks/useUserUpdateRequest/useUpdateUser/userFieldsSchema.cjs');
+require('bs58');
 var usePromise = require('../../../../utils/hooks/usePromise/usePromise.cjs');
 require('@dynamic-labs/types');
 require('../../../../context/SocialRedirectContext/SocialRedirectContext.cjs');

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

@@ -43,6 +43,7 @@ import 'react-dom';
 import '../../../../utils/functions/compareChains/compareChains.js';
 import '../../../../context/ThemeContext/ThemeContext.js';
 import '../../../../utils/hooks/useUserUpdateRequest/useUpdateUser/userFieldsSchema.js';
+import 'bs58';
 import { usePromise } from '../../../../utils/hooks/usePromise/usePromise.js';
 import '@dynamic-labs/types';
 import '../../../../context/SocialRedirectContext/SocialRedirectContext.js';

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

@@ -41,6 +41,7 @@ require('../../../../utils/functions/compareChains/compareChains.cjs');
 require('../../../../context/ThemeContext/ThemeContext.cjs');
 require('../../../../utils/hooks/useUserUpdateRequest/useUpdateUser/userFieldsSchema.cjs');
 var useKYCFlag = require('../../../../utils/hooks/useKYCFlag/useKYCFlag.cjs');
+require('bs58');
 require('@dynamic-labs/types');
 require('../../../../context/SocialRedirectContext/SocialRedirectContext.cjs');
 require('../../../../context/LoadingContext/LoadingContext.cjs');

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

@@ -37,6 +37,7 @@ import '../../../../utils/functions/compareChains/compareChains.js';
 import '../../../../context/ThemeContext/ThemeContext.js';
 import '../../../../utils/hooks/useUserUpdateRequest/useUpdateUser/userFieldsSchema.js';
 import { useKYCFlag } from '../../../../utils/hooks/useKYCFlag/useKYCFlag.js';
+import 'bs58';
 import '@dynamic-labs/types';
 import '../../../../context/SocialRedirectContext/SocialRedirectContext.js';
 import '../../../../context/LoadingContext/LoadingContext.js';

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

@@ -47,6 +47,8 @@ require('react-dom');
 require('../../../../utils/functions/compareChains/compareChains.cjs');
 require('../../../../context/ThemeContext/ThemeContext.cjs');
 require('../../../../utils/hooks/useUserUpdateRequest/useUpdateUser/userFieldsSchema.cjs');
+var blockaid = require('../../../../data/api/transactions/blockaid.cjs');
+require('bs58');
 require('@dynamic-labs/types');
 require('../../../../context/SocialRedirectContext/SocialRedirectContext.cjs');
 require('../../../../context/LoadingContext/LoadingContext.cjs');
@@ -82,7 +84,6 @@ require('../../../../context/PasskeyContext/PasskeyContext.cjs');
 require('../ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
 require('../../../../context/OnrampContext/OnrampContext.cjs');
 require('qrcode');
-var blockaid = require('../../../../data/api/transactions/blockaid.cjs');
 var GlobalWalletScanner = require('./scanner/GlobalWalletScanner.cjs');
 require('../ReceiveExternalWalletFunds/ReceiveExternalWalletFunds.cjs');
 require('../../../../../index.cjs');

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

@@ -43,6 +43,8 @@ import 'react-dom';
 import '../../../../utils/functions/compareChains/compareChains.js';
 import '../../../../context/ThemeContext/ThemeContext.js';
 import '../../../../utils/hooks/useUserUpdateRequest/useUpdateUser/userFieldsSchema.js';
+import { isMaliciousUrl } from '../../../../data/api/transactions/blockaid.js';
+import 'bs58';
 import '@dynamic-labs/types';
 import '../../../../context/SocialRedirectContext/SocialRedirectContext.js';
 import '../../../../context/LoadingContext/LoadingContext.js';
@@ -78,7 +80,6 @@ import '../../../../context/PasskeyContext/PasskeyContext.js';
 import '../ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
 import '../../../../context/OnrampContext/OnrampContext.js';
 import 'qrcode';
-import { isMaliciousUrl } from '../../../../data/api/transactions/blockaid.js';
 import { GlobalWalletScanner } from './scanner/GlobalWalletScanner.js';
 import '../ReceiveExternalWalletFunds/ReceiveExternalWalletFunds.js';
 import '../../../../../index.js';

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

@@ -44,6 +44,7 @@ require('react-dom');
 require('../../../../utils/functions/compareChains/compareChains.cjs');
 require('../../../../context/ThemeContext/ThemeContext.cjs');
 require('../../../../utils/hooks/useUserUpdateRequest/useUpdateUser/userFieldsSchema.cjs');
+require('bs58');
 require('@dynamic-labs/types');
 require('../../../../context/SocialRedirectContext/SocialRedirectContext.cjs');
 require('../../../../context/LoadingContext/LoadingContext.cjs');

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

@@ -40,6 +40,7 @@ import 'react-dom';
 import '../../../../utils/functions/compareChains/compareChains.js';
 import '../../../../context/ThemeContext/ThemeContext.js';
 import '../../../../utils/hooks/useUserUpdateRequest/useUpdateUser/userFieldsSchema.js';
+import 'bs58';
 import '@dynamic-labs/types';
 import '../../../../context/SocialRedirectContext/SocialRedirectContext.js';
 import '../../../../context/LoadingContext/LoadingContext.js';

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

@@ -44,6 +44,7 @@ require('../../../../utils/functions/compareChains/compareChains.cjs');
 require('../../../../context/ThemeContext/ThemeContext.cjs');
 require('../../../../utils/hooks/useUserUpdateRequest/useUpdateUser/userFieldsSchema.cjs');
 var usePasskeyRecovery = require('../../../../utils/hooks/usePasskeyRecovery/usePasskeyRecovery.cjs');
+require('bs58');
 require('@dynamic-labs/types');
 require('../../../../context/SocialRedirectContext/SocialRedirectContext.cjs');
 require('../../../../context/LoadingContext/LoadingContext.cjs');

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

@@ -40,6 +40,7 @@ import '../../../../utils/functions/compareChains/compareChains.js';
 import '../../../../context/ThemeContext/ThemeContext.js';
 import '../../../../utils/hooks/useUserUpdateRequest/useUpdateUser/userFieldsSchema.js';
 import { usePasskeyRecovery } from '../../../../utils/hooks/usePasskeyRecovery/usePasskeyRecovery.js';
+import 'bs58';
 import '@dynamic-labs/types';
 import '../../../../context/SocialRedirectContext/SocialRedirectContext.js';
 import '../../../../context/LoadingContext/LoadingContext.js';

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

@@ -44,6 +44,7 @@ require('react-dom');
 require('../../../../../utils/functions/compareChains/compareChains.cjs');
 require('../../../../../context/ThemeContext/ThemeContext.cjs');
 require('../../../../../utils/hooks/useUserUpdateRequest/useUpdateUser/userFieldsSchema.cjs');
+require('bs58');
 require('@dynamic-labs/types');
 require('../../../../../context/SocialRedirectContext/SocialRedirectContext.cjs');
 require('../../../../../context/LoadingContext/LoadingContext.cjs');
@@ -57,8 +58,6 @@ require('../../../../../context/UserFieldEditorContext/UserFieldEditorContext.cj
 require('@dynamic-labs/rpc-providers');
 require('../../../../../store/state/loadingAndLifecycle.cjs');
 require('../../../../../store/state/walletOptions/walletOptions.cjs');
-var getPasskeyProviderFromUserAgent = require('../../../helpers/getPasskeyProviderFromUserAgent.cjs');
-var getTimeSince = require('../../../helpers/getTimeSince.cjs');
 var Typography = require('../../../../../components/Typography/Typography.cjs');
 require('../../../../../context/FooterAnimationContext/index.cjs');
 require('../../../../../components/ShadowDOM/ShadowDOM.cjs');
@@ -69,6 +68,8 @@ require('../../../../../components/OverlayCardBase/OverlayCardTarget/OverlayCard
 require('../../../../../context/WalletGroupContext/WalletGroupContext.cjs');
 require('../../../components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
 require('react-focus-lock');
+var getPasskeyProviderFromUserAgent = require('../../../helpers/getPasskeyProviderFromUserAgent.cjs');
+var getTimeSince = require('../../../helpers/getTimeSince.cjs');
 require('../../../context/DynamicWidgetContext.cjs');
 require('formik');
 require('../../../../../utils/hooks/useSubdomainCheck/useSubdomainCheck.cjs');

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

@@ -40,6 +40,7 @@ import 'react-dom';
 import '../../../../../utils/functions/compareChains/compareChains.js';
 import '../../../../../context/ThemeContext/ThemeContext.js';
 import '../../../../../utils/hooks/useUserUpdateRequest/useUpdateUser/userFieldsSchema.js';
+import 'bs58';
 import '@dynamic-labs/types';
 import '../../../../../context/SocialRedirectContext/SocialRedirectContext.js';
 import '../../../../../context/LoadingContext/LoadingContext.js';
@@ -53,8 +54,6 @@ import '../../../../../context/UserFieldEditorContext/UserFieldEditorContext.js'
 import '@dynamic-labs/rpc-providers';
 import '../../../../../store/state/loadingAndLifecycle.js';
 import '../../../../../store/state/walletOptions/walletOptions.js';
-import { getPasskeyProviderFromUserAgent } from '../../../helpers/getPasskeyProviderFromUserAgent.js';
-import { getTimeSince } from '../../../helpers/getTimeSince.js';
 import { Typography } from '../../../../../components/Typography/Typography.js';
 import '../../../../../context/FooterAnimationContext/index.js';
 import '../../../../../components/ShadowDOM/ShadowDOM.js';
@@ -65,6 +64,8 @@ import '../../../../../components/OverlayCardBase/OverlayCardTarget/OverlayCardT
 import '../../../../../context/WalletGroupContext/WalletGroupContext.js';
 import '../../../components/DynamicWidgetHeader/DynamicWidgetHeader.js';
 import 'react-focus-lock';
+import { getPasskeyProviderFromUserAgent } from '../../../helpers/getPasskeyProviderFromUserAgent.js';
+import { getTimeSince } from '../../../helpers/getTimeSince.js';
 import '../../../context/DynamicWidgetContext.js';
 import 'formik';
 import '../../../../../utils/hooks/useSubdomainCheck/useSubdomainCheck.js';

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

@@ -46,6 +46,7 @@ require('react-dom');
 require('../../../../utils/functions/compareChains/compareChains.cjs');
 require('../../../../context/ThemeContext/ThemeContext.cjs');
 require('../../../../utils/hooks/useUserUpdateRequest/useUpdateUser/userFieldsSchema.cjs');
+require('bs58');
 var usePromise = require('../../../../utils/hooks/usePromise/usePromise.cjs');
 require('@dynamic-labs/types');
 require('../../../../context/SocialRedirectContext/SocialRedirectContext.cjs');
@@ -122,7 +123,7 @@ const rulesThatHideQuickSuggestions = ['exact', 'minimum'];
 const rulesThatDisableTokenSelect = ['exact', 'exact-with-amount'];
 const inputEmitter = formattedInputEmitter.createFormattedInputEmitter();
 const ReceiveExternalWalletFunds = ({ amount: initialAmount, token: initialTokenRaw, externalWallet, quickSuggestions = defaultQuickSuggestions, }) => {
-    var _a, _b, _c, _d, _e, _f;
+    var _a, _b, _c, _d, _e, _f, _g;
     // For now we hardcode the default value, soon we will fetch this from project settings
     const initialToken = initialTokenRaw !== null && initialTokenRaw !== void 0 ? initialTokenRaw : {
         rule: 'recommended',
@@ -207,10 +208,11 @@ const ReceiveExternalWalletFunds = ({ amount: initialAmount, token: initialToken
             },
             { amount: tokenAmount, symbol: tokenSymbol },
         ];
+    const secondaryDisplayHasFixedZeros = isFiatToken.isFiatToken(secondaryData.symbol) || secondaryData.symbol === 'USDC';
     const secondaryDisplay = formatValue.formatValue({
         symbol: secondaryData.symbol,
         value: secondaryData.amount,
-        withFixedZeros: isFiatToken.isFiatToken(secondaryData.symbol) || secondaryData.symbol === 'USDC',
+        withFixedZeros: secondaryDisplayHasFixedZeros,
     });
     const quickSuggestionsWithToken = Array.isArray(quickSuggestions)
         ? { token: 'USD', values: quickSuggestions }
@@ -250,6 +252,9 @@ const ReceiveExternalWalletFunds = ({ amount: initialAmount, token: initialToken
         inputEmitter.emit('focus');
     };
     const handleSubmit = useSubmitExternalWalletFunding.useSubmitExternalWalletFunding();
+    const grayOutSecondaryDisplay = !isNonZero.isNonZero(secondaryData.amount) ||
+        (secondaryDisplayHasFixedZeros &&
+            parseFloat((_f = secondaryData.amount) !== null && _f !== void 0 ? _f : '0') < 0.0099);
     const inputSymbolProp = primaryData.symbol === 'USD'
         ? { leading: '$' }
         : { trailing: primaryData.symbol };
@@ -264,17 +269,17 @@ const ReceiveExternalWalletFunds = ({ amount: initialAmount, token: initialToken
                                         value: minimum.value,
                                     }),
                                 }) })), primaryData.amount !== undefined && (jsxRuntime.jsx(FormattedInput.FormattedInput, Object.assign({ className: 'fund-from-wallet__content__amount-container__amount', value: (initialAmount === null || initialAmount === void 0 ? void 0 : initialAmount.rule) === 'exact'
-                                    ? (_f = formatValue.formatValue({
+                                    ? (_g = formatValue.formatValue({
                                         maxDecimals: 8,
                                         symbol: undefined,
                                         value: primaryData.amount,
                                         withFixedZeros: isFiatToken.isFiatToken(primaryData.symbol) ||
                                             primaryData.symbol === 'USDC',
-                                    })) !== null && _f !== void 0 ? _f : primaryData.amount
+                                    })) !== null && _g !== void 0 ? _g : primaryData.amount
                                     : primaryData.amount, onChange: primaryData.setAmount, emitter: inputEmitter, onInteraction: () => setHasUserInteracted(true), locked: (initialAmount === null || initialAmount === void 0 ? void 0 : initialAmount.rule) === 'exact' }, inputSymbolProp))), primaryData.amount === undefined && (jsxRuntime.jsx(Skeleton.Skeleton, { dataTestId: 'primary-amount-skeleton', container: {
                                     className: 'fund-from-wallet__content__amount-container__skeleton',
                                 } })), showQuickSuggestions && (jsxRuntime.jsx("div", { className: 'fund-from-wallet__content__amount-container__quick-suggestions', children: quickSuggestionsParsed.map(({ display, value }) => (jsxRuntime.jsx(Typography.Typography, { variant: 'body_small', color: 'secondary', onClick: () => handleQuickSuggestion(value), children: display }, value))) })), !showQuickSuggestions && secondaryDisplay && (jsxRuntime.jsxs("div", { className: 'fund-from-wallet__content__amount-container__secondary-amount-container', children: [jsxRuntime.jsx(Typography.Typography, { weight: 'medium', className: classNames.classNames('fund-from-wallet__content__amount-container__secondary-amount-container__amount', {
-                                            'fund-from-wallet__content__amount-container__secondary-amount-container__amount--zero': !isNonZero.isNonZero(secondaryData.amount),
+                                            'fund-from-wallet__content__amount-container__secondary-amount-container__amount--grayed-out': grayOutSecondaryDisplay,
                                         }), 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,
@@ -289,7 +294,7 @@ const ReceiveExternalWalletFunds = ({ amount: initialAmount, token: initialToken
                                                     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({
+                                                }) })] }), !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, { dataTestId: 'confirm-button', 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.js

@@ -42,6 +42,7 @@ import 'react-dom';
 import '../../../../utils/functions/compareChains/compareChains.js';
 import '../../../../context/ThemeContext/ThemeContext.js';
 import '../../../../utils/hooks/useUserUpdateRequest/useUpdateUser/userFieldsSchema.js';
+import 'bs58';
 import { usePromise } from '../../../../utils/hooks/usePromise/usePromise.js';
 import '@dynamic-labs/types';
 import '../../../../context/SocialRedirectContext/SocialRedirectContext.js';
@@ -118,7 +119,7 @@ const rulesThatHideQuickSuggestions = ['exact', 'minimum'];
 const rulesThatDisableTokenSelect = ['exact', 'exact-with-amount'];
 const inputEmitter = createFormattedInputEmitter();
 const ReceiveExternalWalletFunds = ({ amount: initialAmount, token: initialTokenRaw, externalWallet, quickSuggestions = defaultQuickSuggestions, }) => {
-    var _a, _b, _c, _d, _e, _f;
+    var _a, _b, _c, _d, _e, _f, _g;
     // For now we hardcode the default value, soon we will fetch this from project settings
     const initialToken = initialTokenRaw !== null && initialTokenRaw !== void 0 ? initialTokenRaw : {
         rule: 'recommended',
@@ -203,10 +204,11 @@ const ReceiveExternalWalletFunds = ({ amount: initialAmount, token: initialToken
             },
             { amount: tokenAmount, symbol: tokenSymbol },
         ];
+    const secondaryDisplayHasFixedZeros = isFiatToken(secondaryData.symbol) || secondaryData.symbol === 'USDC';
     const secondaryDisplay = formatValue({
         symbol: secondaryData.symbol,
         value: secondaryData.amount,
-        withFixedZeros: isFiatToken(secondaryData.symbol) || secondaryData.symbol === 'USDC',
+        withFixedZeros: secondaryDisplayHasFixedZeros,
     });
     const quickSuggestionsWithToken = Array.isArray(quickSuggestions)
         ? { token: 'USD', values: quickSuggestions }
@@ -246,6 +248,9 @@ const ReceiveExternalWalletFunds = ({ amount: initialAmount, token: initialToken
         inputEmitter.emit('focus');
     };
     const handleSubmit = useSubmitExternalWalletFunding();
+    const grayOutSecondaryDisplay = !isNonZero(secondaryData.amount) ||
+        (secondaryDisplayHasFixedZeros &&
+            parseFloat((_f = secondaryData.amount) !== null && _f !== void 0 ? _f : '0') < 0.0099);
     const inputSymbolProp = primaryData.symbol === 'USD'
         ? { leading: '$' }
         : { trailing: primaryData.symbol };
@@ -260,17 +265,17 @@ const ReceiveExternalWalletFunds = ({ amount: initialAmount, token: initialToken
                                         value: minimum.value,
                                     }),
                                 }) })), primaryData.amount !== undefined && (jsx(FormattedInput, Object.assign({ className: 'fund-from-wallet__content__amount-container__amount', value: (initialAmount === null || initialAmount === void 0 ? void 0 : initialAmount.rule) === 'exact'
-                                    ? (_f = formatValue({
+                                    ? (_g = formatValue({
                                         maxDecimals: 8,
                                         symbol: undefined,
                                         value: primaryData.amount,
                                         withFixedZeros: isFiatToken(primaryData.symbol) ||
                                             primaryData.symbol === 'USDC',
-                                    })) !== null && _f !== void 0 ? _f : primaryData.amount
+                                    })) !== null && _g !== void 0 ? _g : primaryData.amount
                                     : primaryData.amount, onChange: primaryData.setAmount, emitter: inputEmitter, onInteraction: () => setHasUserInteracted(true), locked: (initialAmount === null || initialAmount === void 0 ? void 0 : initialAmount.rule) === 'exact' }, inputSymbolProp))), primaryData.amount === undefined && (jsx(Skeleton, { dataTestId: 'primary-amount-skeleton', container: {
                                     className: 'fund-from-wallet__content__amount-container__skeleton',
                                 } })), showQuickSuggestions && (jsx("div", { className: 'fund-from-wallet__content__amount-container__quick-suggestions', children: quickSuggestionsParsed.map(({ display, value }) => (jsx(Typography, { variant: 'body_small', color: 'secondary', onClick: () => handleQuickSuggestion(value), children: display }, value))) })), !showQuickSuggestions && secondaryDisplay && (jsxs("div", { className: 'fund-from-wallet__content__amount-container__secondary-amount-container', children: [jsx(Typography, { weight: 'medium', className: classNames('fund-from-wallet__content__amount-container__secondary-amount-container__amount', {
-                                            'fund-from-wallet__content__amount-container__secondary-amount-container__amount--zero': !isNonZero(secondaryData.amount),
+                                            'fund-from-wallet__content__amount-container__secondary-amount-container__amount--grayed-out': grayOutSecondaryDisplay,
                                         }), 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,
@@ -285,7 +290,7 @@ const ReceiveExternalWalletFunds = ({ amount: initialAmount, token: initialToken
                                                     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({
+                                                }) })] }), !disableTokenSelect && (jsx(Icon, { color: 'text-tertiary', size: 'small', className: 'fund-from-wallet__content__wallet-card__balance__icon', children: jsx(SvgChevronDown, {}) }))] }))] })] }), jsx(TypographyButton, { dataTestId: 'confirm-button', 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/TokenSelectScreen/TokenOption/TokenOption.cjs

@@ -42,6 +42,7 @@ require('react-dom');
 require('../../../../../../utils/functions/compareChains/compareChains.cjs');
 require('../../../../../../context/ThemeContext/ThemeContext.cjs');
 require('../../../../../../utils/hooks/useUserUpdateRequest/useUpdateUser/userFieldsSchema.cjs');
+require('bs58');
 require('@dynamic-labs/types');
 require('../../../../../../context/SocialRedirectContext/SocialRedirectContext.cjs');
 require('../../../../../../context/LoadingContext/LoadingContext.cjs');

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

@@ -38,6 +38,7 @@ import 'react-dom';
 import '../../../../../../utils/functions/compareChains/compareChains.js';
 import '../../../../../../context/ThemeContext/ThemeContext.js';
 import '../../../../../../utils/hooks/useUserUpdateRequest/useUpdateUser/userFieldsSchema.js';
+import 'bs58';
 import '@dynamic-labs/types';
 import '../../../../../../context/SocialRedirectContext/SocialRedirectContext.js';
 import '../../../../../../context/LoadingContext/LoadingContext.js';

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

@@ -44,6 +44,7 @@ require('react-dom');
 require('../../../../../utils/functions/compareChains/compareChains.cjs');
 require('../../../../../context/ThemeContext/ThemeContext.cjs');
 require('../../../../../utils/hooks/useUserUpdateRequest/useUpdateUser/userFieldsSchema.cjs');
+require('bs58');
 require('@dynamic-labs/types');
 require('../../../../../context/SocialRedirectContext/SocialRedirectContext.cjs');
 require('../../../../../context/LoadingContext/LoadingContext.cjs');

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

@@ -40,6 +40,7 @@ import 'react-dom';
 import '../../../../../utils/functions/compareChains/compareChains.js';
 import '../../../../../context/ThemeContext/ThemeContext.js';
 import '../../../../../utils/hooks/useUserUpdateRequest/useUpdateUser/userFieldsSchema.js';
+import 'bs58';
 import '@dynamic-labs/types';
 import '../../../../../context/SocialRedirectContext/SocialRedirectContext.js';
 import '../../../../../context/LoadingContext/LoadingContext.js';

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

@@ -32,6 +32,12 @@ const formatValue = ({ value, symbol, withFixedZeros = false, maxDecimals, }) =>
     if (value === undefined)
         return undefined;
     const parsed = value === '' ? 0 : parseFloat(value.toString());
+    if (parsed === 0)
+        return addSymbol(withFixedZeros ? '0.00' : '0', symbol);
+    // When value is inferior to 0.01 and withFixedZeros is true, we would return 0.00,
+    // so to avoid this misleading behavior, we return a less than 0.01 value
+    if (withFixedZeros && parsed < 0.0099)
+        return `< ${addSymbol('0.01', symbol)}`;
     const categorized = categorizeValue(parsed);
     const categorySymbol = typeof categorized === 'object' ? categorized.symbol : '';
     let formattedValue;

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

@@ -28,6 +28,12 @@ const formatValue = ({ value, symbol, withFixedZeros = false, maxDecimals, }) =>
     if (value === undefined)
         return undefined;
     const parsed = value === '' ? 0 : parseFloat(value.toString());
+    if (parsed === 0)
+        return addSymbol(withFixedZeros ? '0.00' : '0', symbol);
+    // When value is inferior to 0.01 and withFixedZeros is true, we would return 0.00,
+    // so to avoid this misleading behavior, we return a less than 0.01 value
+    if (withFixedZeros && parsed < 0.0099)
+        return `< ${addSymbol('0.01', symbol)}`;
     const categorized = categorizeValue(parsed);
     const categorySymbol = typeof categorized === 'object' ? categorized.symbol : '';
     let formattedValue;

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

@@ -4,14 +4,19 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var _tslib = require('../../../../../../../../_virtual/_tslib.cjs');
+var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
+var reactI18next = require('react-i18next');
+var Typography = require('../../../../../../components/Typography/Typography.cjs');
 var logger = require('../../../../../../shared/logger.cjs');
-var useFunding = require('../../../../../../utils/hooks/useFunding/useFunding.cjs');
+var pixelToRem = require('../../../../../../utils/functions/pixelToRem/pixelToRem.cjs');
+var useFundWithWallet = require('../../../../../../utils/hooks/useFundWithWallet/useFundWithWallet.cjs');
 var DynamicWidgetContext = require('../../../../context/DynamicWidgetContext.cjs');
 
 const useSubmitExternalWalletFunding = () => {
-    const { fundWithExternalWallet } = useFunding.useFunding();
+    const { fund } = useFundWithWallet.useFundWithWallet();
     const { goToInitialDynamicWidgetView, setHeaderAlert } = DynamicWidgetContext.useWidgetContext();
+    const { t } = reactI18next.useTranslation();
     return React.useCallback((_a) => _tslib.__awaiter(void 0, [_a], void 0, function* ({ tokenAmount, externalWallet, tokenSymbol, tokenBalances, }) {
         var _b;
         if (!tokenAmount)
@@ -23,22 +28,29 @@ const useSubmitExternalWalletFunding = () => {
         if (!token)
             return;
         try {
-            const txId = yield fundWithExternalWallet({
+            const txId = yield fund({
                 amount: parseFloat(tokenAmount),
                 fromWallet: externalWallet,
                 token: token === 'native' ? undefined : token,
             });
             logger.logger.info(`Funding with external wallet succeeded with transaction id: ${txId}`);
+            const blockExplorerUrl = (yield externalWallet.connector.getBlockExplorerUrlsForCurrentNetwork())[0];
+            const TxnSuccessAlert = (jsxRuntime.jsxs(Typography.Typography, { variant: 'body_normal', color: 'current-color', children: [t('dyn_wallet_funding.success'), blockExplorerUrl && (jsxRuntime.jsx(Typography.Typography, { as: 'a', href: `${blockExplorerUrl}/tx/${txId}`, target: '_blank', rel: 'noreferrer', style: {
+                            marginLeft: pixelToRem.pixelToRem(4),
+                            textDecoration: 'underline',
+                            textDecorationThickness: pixelToRem.pixelToRem(1),
+                            textUnderlineOffset: pixelToRem.pixelToRem(2),
+                        }, weight: 'bold', color: 'current-color', children: t('dyn_wallet_funding.success_txn_link') }))] }));
             goToInitialDynamicWidgetView();
             setHeaderAlert({
-                copykey: 'dyn_wallet_funding.success',
+                content: TxnSuccessAlert,
                 variant: 'success',
             });
         }
         catch (error) {
             logger.logger.error('Failed to fund with external wallet', error);
         }
-    }), [fundWithExternalWallet, goToInitialDynamicWidgetView, setHeaderAlert]);
+    }), [fund, goToInitialDynamicWidgetView, setHeaderAlert, t]);
 };
 
 exports.useSubmitExternalWalletFunding = useSubmitExternalWalletFunding;

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

@@ -1,13 +1,18 @@
 'use client'
 import { __awaiter } from '../../../../../../../../_virtual/_tslib.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
 import { useCallback } from 'react';
+import { useTranslation } from 'react-i18next';
+import { Typography } from '../../../../../../components/Typography/Typography.js';
 import { logger } from '../../../../../../shared/logger.js';
-import { useFunding } from '../../../../../../utils/hooks/useFunding/useFunding.js';
+import { pixelToRem } from '../../../../../../utils/functions/pixelToRem/pixelToRem.js';
+import { useFundWithWallet } from '../../../../../../utils/hooks/useFundWithWallet/useFundWithWallet.js';
 import { useWidgetContext } from '../../../../context/DynamicWidgetContext.js';
 
 const useSubmitExternalWalletFunding = () => {
-    const { fundWithExternalWallet } = useFunding();
+    const { fund } = useFundWithWallet();
     const { goToInitialDynamicWidgetView, setHeaderAlert } = useWidgetContext();
+    const { t } = useTranslation();
     return useCallback((_a) => __awaiter(void 0, [_a], void 0, function* ({ tokenAmount, externalWallet, tokenSymbol, tokenBalances, }) {
         var _b;
         if (!tokenAmount)
@@ -19,22 +24,29 @@ const useSubmitExternalWalletFunding = () => {
         if (!token)
             return;
         try {
-            const txId = yield fundWithExternalWallet({
+            const txId = yield fund({
                 amount: parseFloat(tokenAmount),
                 fromWallet: externalWallet,
                 token: token === 'native' ? undefined : token,
             });
             logger.info(`Funding with external wallet succeeded with transaction id: ${txId}`);
+            const blockExplorerUrl = (yield externalWallet.connector.getBlockExplorerUrlsForCurrentNetwork())[0];
+            const TxnSuccessAlert = (jsxs(Typography, { variant: 'body_normal', color: 'current-color', children: [t('dyn_wallet_funding.success'), blockExplorerUrl && (jsx(Typography, { as: 'a', href: `${blockExplorerUrl}/tx/${txId}`, target: '_blank', rel: 'noreferrer', style: {
+                            marginLeft: pixelToRem(4),
+                            textDecoration: 'underline',
+                            textDecorationThickness: pixelToRem(1),
+                            textUnderlineOffset: pixelToRem(2),
+                        }, weight: 'bold', color: 'current-color', children: t('dyn_wallet_funding.success_txn_link') }))] }));
             goToInitialDynamicWidgetView();
             setHeaderAlert({
-                copykey: 'dyn_wallet_funding.success',
+                content: TxnSuccessAlert,
                 variant: 'success',
             });
         }
         catch (error) {
             logger.error('Failed to fund with external wallet', error);
         }
-    }), [fundWithExternalWallet, goToInitialDynamicWidgetView, setHeaderAlert]);
+    }), [fund, goToInitialDynamicWidgetView, setHeaderAlert, t]);
 };
 
 export { useSubmitExternalWalletFunding };

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

@@ -37,6 +37,7 @@ require('react-dom');
 require('../../../../../../utils/functions/compareChains/compareChains.cjs');
 require('../../../../../../context/ThemeContext/ThemeContext.cjs');
 require('../../../../../../utils/hooks/useUserUpdateRequest/useUpdateUser/userFieldsSchema.cjs');
+require('bs58');
 require('@dynamic-labs/types');
 require('../../../../../../context/SocialRedirectContext/SocialRedirectContext.cjs');
 require('../../../../../../context/LoadingContext/LoadingContext.cjs');

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

@@ -33,6 +33,7 @@ import 'react-dom';
 import '../../../../../../utils/functions/compareChains/compareChains.js';
 import '../../../../../../context/ThemeContext/ThemeContext.js';
 import '../../../../../../utils/hooks/useUserUpdateRequest/useUpdateUser/userFieldsSchema.js';
+import 'bs58';
 import '@dynamic-labs/types';
 import '../../../../../../context/SocialRedirectContext/SocialRedirectContext.js';
 import '../../../../../../context/LoadingContext/LoadingContext.js';