@dynamic-labs/sdk-react-core 4.40.0 → 4.40.1

package/src/lib/views/LoginView/sections/SocialSignInSection/SocialSignInSection.js

@@ -1,24 +1,19 @@
 'use client'
 import { jsx } from 'react/jsx-runtime';
 import { ProviderEnum, SignInProviderEnum } from '@dynamic-labs/sdk-api-core';
-import 'react';
-import '../../../../context/DynamicContext/DynamicContext.js';
-import '../../../../store/state/loadingAndLifecycle/loadingAndLifecycle.js';
+import '../../../../utils/constants/values.js';
+import '@dynamic-labs/utils';
+import '../../../../../../_virtual/_tslib.js';
+import '@dynamic-labs/multi-wallet';
+import 'react-international-phone';
+import '../../../../utils/constants/colors.js';
 import '@dynamic-labs/iconic';
 import '@dynamic-labs/wallet-connector-core';
+import 'react';
 import '../../../../context/ViewContext/ViewContext.js';
 import { logger } from '../../../../shared/logger.js';
 import '@dynamic-labs/wallet-book';
-import '@dynamic-labs/utils';
-import '../../../../utils/constants/colors.js';
-import '../../../../utils/constants/values.js';
 import '../../../../shared/consts/index.js';
-import '../../../../events/dynamicEvents.js';
-import '../../../../../../_virtual/_tslib.js';
-import '../../../../context/CaptchaContext/CaptchaContext.js';
-import '../../../../context/ErrorContext/ErrorContext.js';
-import '@dynamic-labs/multi-wallet';
-import 'react-international-phone';
 import { getSocialSignInProviderFromString } from '../../../../utils/functions/getSocialSignInProviderFromString/getSocialSignInProviderFromString.js';
 import '../../../../store/state/nonce/nonce.js';
 import { isProviderEnabled } from '../../../../utils/functions/isProviderEnabled/isProviderEnabled.js';
@@ -26,86 +21,23 @@ import '@dynamic-labs-sdk/client/core';
 import '../../../../client/client.js';
 import '@dynamic-labs-sdk/client';
 import '../../../../config/ApiEndpoint.js';
+import '../../../../events/dynamicEvents.js';
+import { useProjectSettings } from '../../../../client/extension/projectSettings/useProjectSettings/useProjectSettings.js';
 import '@dynamic-labs/locale';
 import '../../../../store/state/dynamicContextProps/dynamicContextProps.js';
 import '../../../../store/state/primaryWalletId/primaryWalletId.js';
 import '../../../../store/state/connectedWalletsInfo/connectedWalletsInfo.js';
-import '../../../../context/AccessDeniedContext/AccessDeniedContext.js';
-import '../../../../context/AccountExistsContext/AccountExistsContext.js';
-import '../../../../context/UserWalletsContext/UserWalletsContext.js';
-import '../../../../store/state/authMode/authMode.js';
-import '../../../../context/VerificationContext/VerificationContext.js';
-import 'react-dom';
-import '../../../../utils/functions/compareChains/compareChains.js';
-import '../../../Passkey/utils/findPrimaryEmbeddedChain/findPrimaryEmbeddedChain.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';
-import '../../../../context/WalletContext/WalletContext.js';
-import '../../../../utils/hooks/useEmbeddedWallet/useSecureEnclaveEmbeddedWallet/constants.js';
-import 'yup';
-import '../../../../context/MockContext/MockContext.js';
-import '../../../CollectUserDataView/useFields.js';
-import '../../../../context/FieldsStateContext/FieldsStateContext.js';
-import '../../../../context/UserFieldEditorContext/UserFieldEditorContext.js';
-import '@dynamic-labs/rpc-providers';
-import '../../../../store/state/walletOptions/walletOptions.js';
-import 'react-i18next';
-import '../../../../components/Accordion/components/AccordionItem/AccordionItem.js';
-import '../../../../components/Alert/Alert.js';
-import '../../../../components/ShadowDOM/ShadowDOM.js';
-import '../../../../components/IconButton/IconButton.js';
-import '../../../../components/InlineWidget/InlineWidget.js';
-import '../../../../components/Input/Input.js';
-import '../../../../components/IsBrowser/IsBrowser.js';
-import '../../../../components/MenuList/Dropdown/Dropdown.js';
-import '../../../../components/OverlayCard/OverlayCard.js';
-import '../../../../components/Transition/ZoomTransition/ZoomTransition.js';
-import '../../../../components/Transition/SlideInUpTransition/SlideInUpTransition.js';
-import '../../../../components/Transition/OpacityTransition/OpacityTransition.js';
-import '../../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
-import '../../../../components/Popper/Popper/Popper.js';
-import '../../../../components/Popper/PopperContext/PopperContext.js';
-import 'react-focus-lock';
-import 'qrcode';
-import 'formik';
-import '../../../../utils/hooks/useSubdomainCheck/useSubdomainCheck.js';
-import '../../../../context/WalletGroupContext/WalletGroupContext.js';
-import '../../../../context/IpConfigurationContext/IpConfigurationContext.js';
-import '../../../../context/ConnectWithOtpContext/ConnectWithOtpContext.js';
-import '../../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
-import '@hcaptcha/react-hcaptcha';
-import '../../../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
-import '../../../../widgets/DynamicWidget/helpers/convertExchangeKeyAndProviderEnum.js';
-import '../../../ExchangeWhitelistWarning/ExchangeWhitelistWarning.js';
-import '../../../../context/ErrorContext/hooks/useErrorText/useErrorText.js';
-import '../../../../context/FooterAnimationContext/index.js';
 import { MagicSocialSignIn } from './MagicSocialSignIn/MagicSocialSignIn.js';
 import { DynamicSocialSignIn } from './DynamicSocialSignIn/DynamicSocialSignIn.js';
-import '../../../MfaChooseDeviceView/useGetMfaOptions/useGetMfaOptions.js';
-import '../../../../context/PasskeyContext/PasskeyContext.js';
-import '../../../../context/OnrampContext/OnrampContext.js';
-import '../../../../store/state/sendBalances.js';
-import '../../../../store/state/connectorsInitializing/connectorsInitializing.js';
-import '../../../../components/OverlayCardBase/OverlayCardTarget/OverlayCardTarget.js';
-import '../../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
-import '../../../TransactionConfirmationView/TransactionConfirmationView.js';
-import '../../../../widgets/DynamicWidget/components/PasskeyCard/PasskeyCard.js';
-import '../../../../../index.js';
-import '../../../../widgets/DynamicWidget/views/CryptoComOnramp/CryptoComOnramp.js';
-import '../../../../widgets/DynamicWidget/views/ReceiveWalletFunds/ReceiveWalletFunds.js';
-import '../../../../store/state/tokenBalances.js';
-import '../../../../store/state/multichainBalances.js';
-import '../../../../shared/utils/functions/getInitialUrl/getInitialUrl.js';
-import { useInternalDynamicContext } from '../../../../context/DynamicContext/useDynamicContext/useInternalDynamicContext/useInternalDynamicContext.js';
 
 const SocialSignInSection = ({ sectionData, collapsedLayout, }) => {
     var _a, _b, _c;
-    const { projectSettings } = useInternalDynamicContext();
-    const providers = (_a = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.providers) !== null && _a !== void 0 ? _a : [];
+    const projectSettings = useProjectSettings();
+    if (!projectSettings) {
+        logger.debug('Failed to render SocialSignInSection - no project settings');
+        return null;
+    }
+    const providers = (_a = projectSettings.providers) !== null && _a !== void 0 ? _a : [];
     const componentProps = {
         collapsedLayout,
         defaultProvider: getSocialSignInProviderFromString(sectionData.defaultItem),
@@ -113,11 +45,11 @@ const SocialSignInSection = ({ sectionData, collapsedLayout, }) => {
     };
     const isMagicEnabled = isProviderEnabled(providers, ProviderEnum.MagicLink);
     if (isMagicEnabled &&
-        ((_b = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk.socialSignIn) === null || _b === void 0 ? void 0 : _b.signInProvider) ===
+        ((_b = projectSettings.sdk.socialSignIn) === null || _b === void 0 ? void 0 : _b.signInProvider) ===
             SignInProviderEnum.MagicLink) {
         return jsx(MagicSocialSignIn, Object.assign({}, componentProps));
     }
-    if (((_c = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk.socialSignIn) === null || _c === void 0 ? void 0 : _c.signInProvider) ===
+    if (((_c = projectSettings.sdk.socialSignIn) === null || _c === void 0 ? void 0 : _c.signInProvider) ===
         SignInProviderEnum.Dynamic) {
         return jsx(DynamicSocialSignIn, Object.assign({}, componentProps));
     }

package/src/lib/views/LoginView/useLoginView/useLoginView.cjs

@@ -31,6 +31,7 @@ require('@dynamic-labs-sdk/client/core');
 require('../../../client/client.cjs');
 require('@dynamic-labs-sdk/client');
 require('../../../config/ApiEndpoint.cjs');
+var useProjectSettings = require('../../../client/extension/projectSettings/useProjectSettings/useProjectSettings.cjs');
 require('@dynamic-labs/locale');
 require('../../../store/state/dynamicContextProps/dynamicContextProps.cjs');
 require('../../../store/state/primaryWalletId/primaryWalletId.cjs');
@@ -112,7 +113,8 @@ var useInternalDynamicContext = require('../../../context/DynamicContext/useDyna
 const NUMBER_OF_WALLETS = 3;
 const useLoginView = () => {
     const loginView = useViewSettings.useViewSettings(sdkApiCore.SdkViewType.Login);
-    const { projectSettings, authorizationViewDisplayOrder, loginWithEmail, walletsFilter, } = useInternalDynamicContext.useInternalDynamicContext();
+    const { authorizationViewDisplayOrder, loginWithEmail, walletsFilter } = useInternalDynamicContext.useInternalDynamicContext();
+    const projectSettings = useProjectSettings.useProjectSettings();
     const { t } = reactI18next.useTranslation();
     const { enabledSocialProviders } = SocialRedirectContext.useSocialRedirectContext();
     const { numberOfWallets } = useWalletList.useWalletList({
@@ -157,7 +159,8 @@ const useLoginView = () => {
         var _a;
         const hasEnabledNetwork = (chain) => { var _a; return (_a = chain.networks) === null || _a === void 0 ? void 0 : _a.some((network) => network.enabled); };
         const hasEnabledChain = (_a = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.chains) === null || _a === void 0 ? void 0 : _a.some((chain) => chain.enabled && hasEnabledNetwork(chain));
-        if (!hasEnabledChain &&
+        if (projectSettings &&
+            !hasEnabledChain &&
             sections.find((section) => section.type === 'wallet')) {
             logger.logger.error('Failed to render WalletSignInSection - no chains enabled');
         }
@@ -165,7 +168,7 @@ const useLoginView = () => {
             return sections;
         }
         return sections.filter((section) => section.type !== 'wallet');
-    }, [numberOfWallets, projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.chains]);
+    }, [numberOfWallets, projectSettings]);
     /**
      * returns the login view sections to be displayed in order from projectSettings?.sdk?.views
      * and has backwards compatibility with project settings design.modal props
@@ -212,15 +215,16 @@ const useLoginView = () => {
         }
         return sections;
     }, [
-        authorizationViewDisplayOrder,
+        loginView === null || loginView === void 0 ? void 0 : loginView.sections,
+        projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.design.modal,
         enabledSocialProviders,
-        filterLoginViewSections,
         hasEmailProviderEnabled,
+        hasPasskeyProviderEnabled,
         hasPhoneProviderEnabled,
-        loginView === null || loginView === void 0 ? void 0 : loginView.sections,
-        projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.design.modal,
         numberOfWallets,
+        authorizationViewDisplayOrder,
         t,
+        filterLoginViewSections,
     ]);
     return {
         isWalletOnly,

package/src/lib/views/LoginView/useLoginView/useLoginView.js

@@ -27,6 +27,7 @@ import '@dynamic-labs-sdk/client/core';
 import '../../../client/client.js';
 import '@dynamic-labs-sdk/client';
 import '../../../config/ApiEndpoint.js';
+import { useProjectSettings } from '../../../client/extension/projectSettings/useProjectSettings/useProjectSettings.js';
 import '@dynamic-labs/locale';
 import '../../../store/state/dynamicContextProps/dynamicContextProps.js';
 import '../../../store/state/primaryWalletId/primaryWalletId.js';
@@ -108,7 +109,8 @@ import { useInternalDynamicContext } from '../../../context/DynamicContext/useDy
 const NUMBER_OF_WALLETS = 3;
 const useLoginView = () => {
     const loginView = useViewSettings(SdkViewType.Login);
-    const { projectSettings, authorizationViewDisplayOrder, loginWithEmail, walletsFilter, } = useInternalDynamicContext();
+    const { authorizationViewDisplayOrder, loginWithEmail, walletsFilter } = useInternalDynamicContext();
+    const projectSettings = useProjectSettings();
     const { t } = useTranslation();
     const { enabledSocialProviders } = useSocialRedirectContext();
     const { numberOfWallets } = useWalletList({
@@ -153,7 +155,8 @@ const useLoginView = () => {
         var _a;
         const hasEnabledNetwork = (chain) => { var _a; return (_a = chain.networks) === null || _a === void 0 ? void 0 : _a.some((network) => network.enabled); };
         const hasEnabledChain = (_a = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.chains) === null || _a === void 0 ? void 0 : _a.some((chain) => chain.enabled && hasEnabledNetwork(chain));
-        if (!hasEnabledChain &&
+        if (projectSettings &&
+            !hasEnabledChain &&
             sections.find((section) => section.type === 'wallet')) {
             logger.error('Failed to render WalletSignInSection - no chains enabled');
         }
@@ -161,7 +164,7 @@ const useLoginView = () => {
             return sections;
         }
         return sections.filter((section) => section.type !== 'wallet');
-    }, [numberOfWallets, projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.chains]);
+    }, [numberOfWallets, projectSettings]);
     /**
      * returns the login view sections to be displayed in order from projectSettings?.sdk?.views
      * and has backwards compatibility with project settings design.modal props
@@ -208,15 +211,16 @@ const useLoginView = () => {
         }
         return sections;
     }, [
-        authorizationViewDisplayOrder,
+        loginView === null || loginView === void 0 ? void 0 : loginView.sections,
+        projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.design.modal,
         enabledSocialProviders,
-        filterLoginViewSections,
         hasEmailProviderEnabled,
+        hasPasskeyProviderEnabled,
         hasPhoneProviderEnabled,
-        loginView === null || loginView === void 0 ? void 0 : loginView.sections,
-        projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.design.modal,
         numberOfWallets,
+        authorizationViewDisplayOrder,
         t,
+        filterLoginViewSections,
     ]);
     return {
         isWalletOnly,

package/src/lib/views/WalletDelegation/WalletDelegationView/WalletDelegationView.cjs

@@ -239,7 +239,7 @@ const WalletDelegationView = ({ wallets, }) => {
                     setShowEditView(false);
                     setAgreementChecked(false);
                 }, dataTestId: 'embedded-delegation-okay-button', copykey: 'dyn_wallet_delegation.learn_more_okay_button', style: {
-                    backgroundColor: 'white',
+                    backgroundColor: 'var(--dynamic-base-2)',
                     border: 'var(--px-to-rem-1) solid var(--dynamic-base-4)',
                     width: '100%',
                 }, className: 'embedded-delegated-view__body__button', expanded: true, children: t('dyn_wallet_delegation.learn_more_okay_button') }));
@@ -249,7 +249,7 @@ const WalletDelegationView = ({ wallets, }) => {
                     color: 'primary',
                     weight: 'bold',
                 }, onClick: () => setShowAuthFlow(false), dataTestId: 'embedded-delegation-done-button', copykey: 'dyn_wallet_delegation.done_button', style: {
-                    backgroundColor: 'white',
+                    backgroundColor: 'var(--dynamic-base-2)',
                     border: 'var(--px-to-rem-1) solid var(--dynamic-base-4)',
                     width: '100%',
                 }, className: 'embedded-delegated-view__body__button', expanded: true, children: t('dyn_wallet_delegation.done_button') }));
@@ -259,7 +259,7 @@ const WalletDelegationView = ({ wallets, }) => {
                     color: 'primary',
                     weight: 'bold',
                 }, onClick: () => handleDelegateWallets(), dataTestId: 'embedded-delegation-try-again-button', copykey: 'dyn_wallet_delegation.try_again_button', style: {
-                    backgroundColor: 'white',
+                    backgroundColor: 'var(--dynamic-base-2)',
                     border: 'var(--px-to-rem-1) solid var(--dynamic-base-4)',
                     width: '100%',
                 }, className: 'embedded-delegated-view__body__button', expanded: true, children: t('dyn_wallet_delegation.try_again_button') }));
@@ -274,7 +274,7 @@ const WalletDelegationView = ({ wallets, }) => {
                     setAgreementChecked(false);
                     setShowLearnMoreView(false);
                 }, dataTestId: 'embedded-delegation-done-button', copykey: 'dyn_wallet_delegation.done_button', style: {
-                    backgroundColor: 'white',
+                    backgroundColor: 'var(--dynamic-base-2)',
                     border: 'var(--px-to-rem-1) solid var(--dynamic-base-4)',
                     width: '100%',
                 }, className: 'embedded-delegated-view__body__button', expanded: true, children: t('dyn_wallet_delegation.done_button') }));
@@ -285,7 +285,7 @@ const WalletDelegationView = ({ wallets, }) => {
                         color: 'primary',
                         weight: 'bold',
                     }, onClick: () => handleDenySelectedWallets(), dataTestId: 'embedded-delegation-deny-button', copykey: 'dyn_wallet_delegation.deny_button', style: {
-                        backgroundColor: 'white',
+                        backgroundColor: 'var(--dynamic-base-2)',
                         border: 'var(--px-to-rem-1) solid var(--dynamic-base-4)',
                         width: '100%',
                     }, className: 'embedded-delegated-view__body__button embedded-delegated-view__body__deny-button', expanded: true, children: t('dyn_wallet_delegation.deny_button') })), !isLoading && requiresDelegation && (jsxRuntime.jsx(TypographyButton.TypographyButton, { buttonPadding: 'medium', buttonVariant: 'brand-primary', typographyProps: {
@@ -294,7 +294,7 @@ const WalletDelegationView = ({ wallets, }) => {
                     }, onClick: () => {
                         handleLogOut();
                     }, dataTestId: 'embedded-delegation-logout-button', copykey: 'dyn_wallet_delegation.logout_button', style: {
-                        backgroundColor: 'white',
+                        backgroundColor: 'var(--dynamic-base-2)',
                         border: 'var(--px-to-rem-1) solid var(--dynamic-base-4)',
                         width: '100%',
                     }, className: 'embedded-delegated-view__body__button embedded-delegated-view__body__logout-button', expanded: true, children: t('dyn_wallet_delegation.logout_button') }))] }));

package/src/lib/views/WalletDelegation/WalletDelegationView/WalletDelegationView.js

@@ -235,7 +235,7 @@ const WalletDelegationView = ({ wallets, }) => {
                     setShowEditView(false);
                     setAgreementChecked(false);
                 }, dataTestId: 'embedded-delegation-okay-button', copykey: 'dyn_wallet_delegation.learn_more_okay_button', style: {
-                    backgroundColor: 'white',
+                    backgroundColor: 'var(--dynamic-base-2)',
                     border: 'var(--px-to-rem-1) solid var(--dynamic-base-4)',
                     width: '100%',
                 }, className: 'embedded-delegated-view__body__button', expanded: true, children: t('dyn_wallet_delegation.learn_more_okay_button') }));
@@ -245,7 +245,7 @@ const WalletDelegationView = ({ wallets, }) => {
                     color: 'primary',
                     weight: 'bold',
                 }, onClick: () => setShowAuthFlow(false), dataTestId: 'embedded-delegation-done-button', copykey: 'dyn_wallet_delegation.done_button', style: {
-                    backgroundColor: 'white',
+                    backgroundColor: 'var(--dynamic-base-2)',
                     border: 'var(--px-to-rem-1) solid var(--dynamic-base-4)',
                     width: '100%',
                 }, className: 'embedded-delegated-view__body__button', expanded: true, children: t('dyn_wallet_delegation.done_button') }));
@@ -255,7 +255,7 @@ const WalletDelegationView = ({ wallets, }) => {
                     color: 'primary',
                     weight: 'bold',
                 }, onClick: () => handleDelegateWallets(), dataTestId: 'embedded-delegation-try-again-button', copykey: 'dyn_wallet_delegation.try_again_button', style: {
-                    backgroundColor: 'white',
+                    backgroundColor: 'var(--dynamic-base-2)',
                     border: 'var(--px-to-rem-1) solid var(--dynamic-base-4)',
                     width: '100%',
                 }, className: 'embedded-delegated-view__body__button', expanded: true, children: t('dyn_wallet_delegation.try_again_button') }));
@@ -270,7 +270,7 @@ const WalletDelegationView = ({ wallets, }) => {
                     setAgreementChecked(false);
                     setShowLearnMoreView(false);
                 }, dataTestId: 'embedded-delegation-done-button', copykey: 'dyn_wallet_delegation.done_button', style: {
-                    backgroundColor: 'white',
+                    backgroundColor: 'var(--dynamic-base-2)',
                     border: 'var(--px-to-rem-1) solid var(--dynamic-base-4)',
                     width: '100%',
                 }, className: 'embedded-delegated-view__body__button', expanded: true, children: t('dyn_wallet_delegation.done_button') }));
@@ -281,7 +281,7 @@ const WalletDelegationView = ({ wallets, }) => {
                         color: 'primary',
                         weight: 'bold',
                     }, onClick: () => handleDenySelectedWallets(), dataTestId: 'embedded-delegation-deny-button', copykey: 'dyn_wallet_delegation.deny_button', style: {
-                        backgroundColor: 'white',
+                        backgroundColor: 'var(--dynamic-base-2)',
                         border: 'var(--px-to-rem-1) solid var(--dynamic-base-4)',
                         width: '100%',
                     }, className: 'embedded-delegated-view__body__button embedded-delegated-view__body__deny-button', expanded: true, children: t('dyn_wallet_delegation.deny_button') })), !isLoading && requiresDelegation && (jsx(TypographyButton, { buttonPadding: 'medium', buttonVariant: 'brand-primary', typographyProps: {
@@ -290,7 +290,7 @@ const WalletDelegationView = ({ wallets, }) => {
                     }, onClick: () => {
                         handleLogOut();
                     }, dataTestId: 'embedded-delegation-logout-button', copykey: 'dyn_wallet_delegation.logout_button', style: {
-                        backgroundColor: 'white',
+                        backgroundColor: 'var(--dynamic-base-2)',
                         border: 'var(--px-to-rem-1) solid var(--dynamic-base-4)',
                         width: '100%',
                     }, className: 'embedded-delegated-view__body__button embedded-delegated-view__body__logout-button', expanded: true, children: t('dyn_wallet_delegation.logout_button') }))] }));

package/src/lib/widgets/DynamicWidget/components/ActiveWalletBalance/TokenBalanceItem/TokenBalanceItem.cjs

@@ -110,13 +110,6 @@ const currencyFormatter = new Intl.NumberFormat('en-US', {
 });
 const TokenBalanceItem = ({ tokenBalance, }) => {
     const { showFiat } = useInternalDynamicContext.useInternalDynamicContext();
-    const roundToSixDecimal = (value) => {
-        if (value === 0) {
-            return '0';
-        }
-        const rounded = Math.round(value * 1e6) / 1e6; // 10^6 is 1000000
-        return rounded === 0 ? '<0.000001' : rounded;
-    };
     const formattedFiatValue = () => {
         var _a;
         if (tokenBalance.marketValue !== 0 && !tokenBalance.marketValue) {
@@ -126,7 +119,7 @@ const TokenBalanceItem = ({ tokenBalance, }) => {
             ? currencyFormatter.format(parseFloat((_a = tokenBalance.marketValue) === null || _a === void 0 ? void 0 : _a.toFixed(2)))
             : '<$0.01';
     };
-    return (jsxRuntime.jsxs("div", { className: 'token-balance-item', children: [jsxRuntime.jsxs("div", { className: 'token-balance-item__name', children: [tokenBalance.logoURI ? (jsxRuntime.jsx(Image.Image, { src: tokenBalance.logoURI, alt: tokenBalance.symbol, className: 'token-balance-item__icon', dataTestId: 'token-balance-item-icon' })) : (jsxRuntime.jsx("div", { className: 'token-balance-item__skeleton-icon', "data-testid": 'token-balance-item__skeleton-icon' })), jsxRuntime.jsx("div", { children: jsxRuntime.jsx(Typography.Typography, { variant: 'body_small', className: 'token-balance-item__title', color: 'primary', children: tokenBalance.name }) })] }), jsxRuntime.jsxs("div", { className: 'flex', children: [showFiat ? (jsxRuntime.jsx(Typography.Typography, { variant: 'body_small', weight: 'bold', color: 'primary', style: { textAlign: 'right' }, children: formattedFiatValue() })) : null, jsxRuntime.jsx("div", { className: 'token-balance-item__value', children: jsxRuntime.jsxs("div", { className: 'token-balance-item__value__balance', "data-testid": 'token-balance-item-balance', children: [jsxRuntime.jsx(Typography.Typography, { variant: 'body_small', color: 'secondary', style: { marginRight: '2px' }, children: roundToSixDecimal(tokenBalance.balance) }), jsxRuntime.jsx(Typography.Typography, { variant: 'body_small', color: 'secondary', children: tokenBalance.symbol })] }) })] })] }, tokenBalance.address));
+    return (jsxRuntime.jsxs("div", { className: 'token-balance-item', children: [jsxRuntime.jsxs("div", { className: 'token-balance-item__name', children: [tokenBalance.logoURI ? (jsxRuntime.jsx(Image.Image, { src: tokenBalance.logoURI, alt: tokenBalance.symbol, className: 'token-balance-item__icon', dataTestId: 'token-balance-item-icon' })) : (jsxRuntime.jsx("div", { className: 'token-balance-item__skeleton-icon', "data-testid": 'token-balance-item__skeleton-icon' })), jsxRuntime.jsx("div", { children: jsxRuntime.jsx(Typography.Typography, { variant: 'body_small', className: 'token-balance-item__title', color: 'primary', children: tokenBalance.name }) })] }), jsxRuntime.jsxs("div", { className: 'flex', children: [showFiat ? (jsxRuntime.jsx(Typography.Typography, { variant: 'body_small', weight: 'bold', color: 'primary', style: { textAlign: 'right' }, children: formattedFiatValue() })) : null, jsxRuntime.jsx("div", { className: 'token-balance-item__value', children: jsxRuntime.jsxs("div", { className: 'token-balance-item__value__balance', "data-testid": 'token-balance-item-balance', children: [jsxRuntime.jsx(Typography.Typography, { variant: 'body_small', color: 'secondary', style: { marginRight: '2px' }, children: tokenBalance.balance }), jsxRuntime.jsx(Typography.Typography, { variant: 'body_small', color: 'secondary', children: tokenBalance.symbol })] }) })] })] }, tokenBalance.address));
 };
 
 exports.TokenBalanceItem = TokenBalanceItem;

package/src/lib/widgets/DynamicWidget/components/ActiveWalletBalance/TokenBalanceItem/TokenBalanceItem.js

@@ -106,13 +106,6 @@ const currencyFormatter = new Intl.NumberFormat('en-US', {
 });
 const TokenBalanceItem = ({ tokenBalance, }) => {
     const { showFiat } = useInternalDynamicContext();
-    const roundToSixDecimal = (value) => {
-        if (value === 0) {
-            return '0';
-        }
-        const rounded = Math.round(value * 1e6) / 1e6; // 10^6 is 1000000
-        return rounded === 0 ? '<0.000001' : rounded;
-    };
     const formattedFiatValue = () => {
         var _a;
         if (tokenBalance.marketValue !== 0 && !tokenBalance.marketValue) {
@@ -122,7 +115,7 @@ const TokenBalanceItem = ({ tokenBalance, }) => {
             ? currencyFormatter.format(parseFloat((_a = tokenBalance.marketValue) === null || _a === void 0 ? void 0 : _a.toFixed(2)))
             : '<$0.01';
     };
-    return (jsxs("div", { className: 'token-balance-item', children: [jsxs("div", { className: 'token-balance-item__name', children: [tokenBalance.logoURI ? (jsx(Image, { src: tokenBalance.logoURI, alt: tokenBalance.symbol, className: 'token-balance-item__icon', dataTestId: 'token-balance-item-icon' })) : (jsx("div", { className: 'token-balance-item__skeleton-icon', "data-testid": 'token-balance-item__skeleton-icon' })), jsx("div", { children: jsx(Typography, { variant: 'body_small', className: 'token-balance-item__title', color: 'primary', children: tokenBalance.name }) })] }), jsxs("div", { className: 'flex', children: [showFiat ? (jsx(Typography, { variant: 'body_small', weight: 'bold', color: 'primary', style: { textAlign: 'right' }, children: formattedFiatValue() })) : null, jsx("div", { className: 'token-balance-item__value', children: jsxs("div", { className: 'token-balance-item__value__balance', "data-testid": 'token-balance-item-balance', children: [jsx(Typography, { variant: 'body_small', color: 'secondary', style: { marginRight: '2px' }, children: roundToSixDecimal(tokenBalance.balance) }), jsx(Typography, { variant: 'body_small', color: 'secondary', children: tokenBalance.symbol })] }) })] })] }, tokenBalance.address));
+    return (jsxs("div", { className: 'token-balance-item', children: [jsxs("div", { className: 'token-balance-item__name', children: [tokenBalance.logoURI ? (jsx(Image, { src: tokenBalance.logoURI, alt: tokenBalance.symbol, className: 'token-balance-item__icon', dataTestId: 'token-balance-item-icon' })) : (jsx("div", { className: 'token-balance-item__skeleton-icon', "data-testid": 'token-balance-item__skeleton-icon' })), jsx("div", { children: jsx(Typography, { variant: 'body_small', className: 'token-balance-item__title', color: 'primary', children: tokenBalance.name }) })] }), jsxs("div", { className: 'flex', children: [showFiat ? (jsx(Typography, { variant: 'body_small', weight: 'bold', color: 'primary', style: { textAlign: 'right' }, children: formattedFiatValue() })) : null, jsx("div", { className: 'token-balance-item__value', children: jsxs("div", { className: 'token-balance-item__value__balance', "data-testid": 'token-balance-item-balance', children: [jsx(Typography, { variant: 'body_small', color: 'secondary', style: { marginRight: '2px' }, children: tokenBalance.balance }), jsx(Typography, { variant: 'body_small', color: 'secondary', children: tokenBalance.symbol })] }) })] })] }, tokenBalance.address));
 };
 
 export { TokenBalanceItem };