@dynamic-labs/sdk-react-core 4.9.4 → 4.9.6

package/src/lib/utils/functions/onrampProviders/index.cjs

@@ -3,22 +3,18 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var coinbase = require('./coinbase.cjs');
+var sdkApiCore = require('@dynamic-labs/sdk-api-core');
 
-/**
- * Registry of provider-specific URL formatters
- */
-const providerUrlFormatters = {
-    coinbaseOnramp: coinbase.formatCoinbaseOnrampUrl,
-};
 /**
  * Registry of provider display modes (iframe or popup)
+ *
+ * This mapping controls how each onramp provider is displayed in the UI.
+ * - 'popup': Opens in a new browser window/tab
+ * - 'iframe': Embedded directly in the current page
  */
 const providerDisplayModes = {
-    coinbaseOnramp: 'popup',
+    [sdkApiCore.ProviderEnum.CoinbaseOnramp]: 'popup',
     // Default for other providers is iframe
 };
 
-exports.formatCoinbaseOnrampUrl = coinbase.formatCoinbaseOnrampUrl;
 exports.providerDisplayModes = providerDisplayModes;
-exports.providerUrlFormatters = providerUrlFormatters;

package/src/lib/utils/functions/onrampProviders/index.d.ts

@@ -1,11 +1,8 @@
-import type { Wallet } from '@dynamic-labs/wallet-connector-core';
-import { formatCoinbaseOnrampUrl } from './coinbase';
-/**
- * Registry of provider-specific URL formatters
- */
-export declare const providerUrlFormatters: Record<string, (url: string, wallet: Wallet) => string>;
 /**
  * Registry of provider display modes (iframe or popup)
+ *
+ * This mapping controls how each onramp provider is displayed in the UI.
+ * - 'popup': Opens in a new browser window/tab
+ * - 'iframe': Embedded directly in the current page
  */
 export declare const providerDisplayModes: Record<string, 'iframe' | 'popup'>;
-export { formatCoinbaseOnrampUrl };

package/src/lib/utils/functions/onrampProviders/index.js

@@ -1,19 +1,16 @@
 'use client'
-import { formatCoinbaseOnrampUrl } from './coinbase.js';
-export { formatCoinbaseOnrampUrl } from './coinbase.js';
+import { ProviderEnum } from '@dynamic-labs/sdk-api-core';
 
-/**
- * Registry of provider-specific URL formatters
- */
-const providerUrlFormatters = {
-    coinbaseOnramp: formatCoinbaseOnrampUrl,
-};
 /**
  * Registry of provider display modes (iframe or popup)
+ *
+ * This mapping controls how each onramp provider is displayed in the UI.
+ * - 'popup': Opens in a new browser window/tab
+ * - 'iframe': Embedded directly in the current page
  */
 const providerDisplayModes = {
-    coinbaseOnramp: 'popup',
+    [ProviderEnum.CoinbaseOnramp]: 'popup',
     // Default for other providers is iframe
 };
 
-export { providerDisplayModes, providerUrlFormatters };
+export { providerDisplayModes };

package/src/lib/utils/functions/openOnrampPopup.cjs

@@ -5,7 +5,6 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var _tslib = require('../../../../_virtual/_tslib.cjs');
 var sdkApiCore = require('@dynamic-labs/sdk-api-core');
-var index = require('./onrampProviders/index.cjs');
 var openPopup = require('./openPopup/openPopup.cjs');
 
 const ONRAMP_POPUP_CONFIG = {
@@ -19,16 +18,30 @@ const ONRAMP_POPUP_CONFIG = {
  * @param setShowOnramp Callback to update the UI state when popup is closed
  * @param provider The onramp provider ID
  * @returns A promise that resolves when the popup is opened
+ * @throws Error if there are issues with URL, wallet compatibility, etc.
  */
 const openOnrampPopup = (url_1, wallet_1, setShowOnramp_1, ...args_1) => _tslib.__awaiter(void 0, [url_1, wallet_1, setShowOnramp_1, ...args_1], void 0, function* (url, wallet, setShowOnramp, provider = sdkApiCore.OnrampProviders.CoinbaseOnramp) {
-    // Format the URL with wallet information if a formatter exists for this provider
-    const formatUrl = index.providerUrlFormatters[provider] || ((url) => url);
-    const formattedUrl = wallet ? formatUrl(url, wallet) : url;
-    // Open the popup - errors will propagate to the caller
-    yield openPopup.openPopup(formattedUrl, ONRAMP_POPUP_CONFIG.width, ONRAMP_POPUP_CONFIG.height, () => {
-        // When the popup is closed (by user or programmatically), update the UI
+    try {
+        // Safety check: don't open popup with empty URL
+        if (!url) {
+            throw new Error('Cannot open onramp popup: Empty URL');
+        }
+        // Open the popup - errors will propagate to the caller
+        yield openPopup.openPopup(url, ONRAMP_POPUP_CONFIG.width, ONRAMP_POPUP_CONFIG.height, () => {
+            // When the popup is closed (by user or programmatically), update the UI
+            setShowOnramp(false);
+        });
+    }
+    catch (error) {
+        // Always set showOnramp to false on any error
         setShowOnramp(false);
-    });
+        // Re-throw any error
+        if (error instanceof Error) {
+            throw error;
+        }
+        // For non-Error objects, wrap in a generic Error
+        throw new Error('Error opening onramp popup');
+    }
 });
 
 exports.ONRAMP_POPUP_CONFIG = ONRAMP_POPUP_CONFIG;

package/src/lib/utils/functions/openOnrampPopup.d.ts

@@ -11,5 +11,6 @@ export declare const ONRAMP_POPUP_CONFIG: {
  * @param setShowOnramp Callback to update the UI state when popup is closed
  * @param provider The onramp provider ID
  * @returns A promise that resolves when the popup is opened
+ * @throws Error if there are issues with URL, wallet compatibility, etc.
  */
 export declare const openOnrampPopup: (url: string, wallet: Wallet | undefined, setShowOnramp: (show: boolean) => void, provider?: OnrampProviders) => Promise<void>;

package/src/lib/utils/functions/openOnrampPopup.js

@@ -1,7 +1,6 @@
 'use client'
 import { __awaiter } from '../../../../_virtual/_tslib.js';
 import { OnrampProviders } from '@dynamic-labs/sdk-api-core';
-import { providerUrlFormatters } from './onrampProviders/index.js';
 import { openPopup } from './openPopup/openPopup.js';
 
 const ONRAMP_POPUP_CONFIG = {
@@ -15,16 +14,30 @@ const ONRAMP_POPUP_CONFIG = {
  * @param setShowOnramp Callback to update the UI state when popup is closed
  * @param provider The onramp provider ID
  * @returns A promise that resolves when the popup is opened
+ * @throws Error if there are issues with URL, wallet compatibility, etc.
  */
 const openOnrampPopup = (url_1, wallet_1, setShowOnramp_1, ...args_1) => __awaiter(void 0, [url_1, wallet_1, setShowOnramp_1, ...args_1], void 0, function* (url, wallet, setShowOnramp, provider = OnrampProviders.CoinbaseOnramp) {
-    // Format the URL with wallet information if a formatter exists for this provider
-    const formatUrl = providerUrlFormatters[provider] || ((url) => url);
-    const formattedUrl = wallet ? formatUrl(url, wallet) : url;
-    // Open the popup - errors will propagate to the caller
-    yield openPopup(formattedUrl, ONRAMP_POPUP_CONFIG.width, ONRAMP_POPUP_CONFIG.height, () => {
-        // When the popup is closed (by user or programmatically), update the UI
+    try {
+        // Safety check: don't open popup with empty URL
+        if (!url) {
+            throw new Error('Cannot open onramp popup: Empty URL');
+        }
+        // Open the popup - errors will propagate to the caller
+        yield openPopup(url, ONRAMP_POPUP_CONFIG.width, ONRAMP_POPUP_CONFIG.height, () => {
+            // When the popup is closed (by user or programmatically), update the UI
+            setShowOnramp(false);
+        });
+    }
+    catch (error) {
+        // Always set showOnramp to false on any error
         setShowOnramp(false);
-    });
+        // Re-throw any error
+        if (error instanceof Error) {
+            throw error;
+        }
+        // For non-Error objects, wrap in a generic Error
+        throw new Error('Error opening onramp popup');
+    }
 });
 
 export { ONRAMP_POPUP_CONFIG, openOnrampPopup };

package/src/lib/utils/hooks/authenticationHooks/useConnectAndSign/useConnectAndSign.cjs

@@ -137,6 +137,9 @@ const useConnectAndSign = ({ shouldUpdateWallets = true, shouldCallCallback = tr
         clearStackAndPushInitialView();
     };
     const handleWalletConnectionError = (error) => {
+        if (error instanceof utils.GetAddressCancelledError) {
+            return;
+        }
         clearStackAndPushInitialView();
         if (error instanceof utils.CustomError) {
             setError(error.message, error.code);

package/src/lib/utils/hooks/authenticationHooks/useConnectAndSign/useConnectAndSign.js

@@ -1,6 +1,6 @@
 'use client'
 import { __awaiter } from '../../../../../../_virtual/_tslib.js';
-import { StorageService, CustomError } from '@dynamic-labs/utils';
+import { StorageService, GetAddressCancelledError, CustomError } from '@dynamic-labs/utils';
 import { isEmailWalletConnector, isEmailOTPWalletConnector, isBloctoConnector } from '@dynamic-labs/wallet-connector-core';
 import { useCaptchaContext } from '../../../../context/CaptchaContext/CaptchaContext.js';
 import 'react';
@@ -133,6 +133,9 @@ const useConnectAndSign = ({ shouldUpdateWallets = true, shouldCallCallback = tr
         clearStackAndPushInitialView();
     };
     const handleWalletConnectionError = (error) => {
+        if (error instanceof GetAddressCancelledError) {
+            return;
+        }
         clearStackAndPushInitialView();
         if (error instanceof CustomError) {
             setError(error.message, error.code);

package/src/lib/utils/hooks/useTokenBalances/useTokenBalances.cjs

@@ -160,7 +160,10 @@ const useTokenBalances = ({ accountAddress, networkId, chainName = sdkApiCore.Ch
             tokenBalances.setTokenBalanceVariable('error', errorMessage);
         }
         finally {
-            tokenBalances.setTokenBalanceVariable('tokenBalances', response);
+            // remove tokens with 0 balance. This should only be required
+            // for native tokens as they are returned in the response even if the balance is 0
+            const filteredResponse = response === null || response === void 0 ? void 0 : response.filter((token) => token.balance !== 0);
+            tokenBalances.setTokenBalanceVariable('tokenBalances', filteredResponse);
             tokenBalances.setTokenBalanceVariable('isLoading', false);
         }
     }), [

package/src/lib/utils/hooks/useTokenBalances/useTokenBalances.js

@@ -156,7 +156,10 @@ const useTokenBalances = ({ accountAddress, networkId, chainName = ChainEnum.Evm
             setTokenBalanceVariable('error', errorMessage);
         }
         finally {
-            setTokenBalanceVariable('tokenBalances', response);
+            // remove tokens with 0 balance. This should only be required
+            // for native tokens as they are returned in the response even if the balance is 0
+            const filteredResponse = response === null || response === void 0 ? void 0 : response.filter((token) => token.balance !== 0);
+            setTokenBalanceVariable('tokenBalances', filteredResponse);
             setTokenBalanceVariable('isLoading', false);
         }
     }), [

package/src/lib/utils/hooks/useWalletItemActions/useHandleWalletItem/useHandleWalletItem.cjs

@@ -211,11 +211,11 @@ const useHandleWalletItem = ({ allowAlreadyConnectedWallet, onQrCodeConnect, onC
         const { walletConnector, isInstalledOnBrowser } = wallet;
         const shouldEndWalletConnectorSession = walletConnector.connectedChain === 'FLOW' ||
             walletConnectorCore.isPhantomRedirectConnector(walletConnector) ||
-            // because WC only supports one connection at a time,
+            // because some wallet connectors only supports one connection at a time,
             // we need to end the session (disconnect) when the user selects
             // a different wallet to connect with
             // a new connection is established a few steps further down
-            walletConnectorCore.isWalletConnectConnector(walletConnector);
+            !walletConnector.canHandleMultipleConnections;
         logger.logger.logVerboseTroubleshootingMessage('[handleWalletItemClick]', {
             mockedSDK,
             shouldEndWalletConnectorSession,

package/src/lib/utils/hooks/useWalletItemActions/useHandleWalletItem/useHandleWalletItem.js

@@ -1,7 +1,7 @@
 'use client'
 import { __awaiter } from '../../../../../../_virtual/_tslib.js';
 import { StorageService, isMobile, UserRejectedRequestError } from '@dynamic-labs/utils';
-import { isPhantomRedirectConnector, isWalletConnectConnector } from '@dynamic-labs/wallet-connector-core';
+import { isPhantomRedirectConnector } from '@dynamic-labs/wallet-connector-core';
 import 'react';
 import '../../../../context/DynamicContext/DynamicContext.js';
 import '@dynamic-labs/sdk-api-core';
@@ -207,11 +207,11 @@ const useHandleWalletItem = ({ allowAlreadyConnectedWallet, onQrCodeConnect, onC
         const { walletConnector, isInstalledOnBrowser } = wallet;
         const shouldEndWalletConnectorSession = walletConnector.connectedChain === 'FLOW' ||
             isPhantomRedirectConnector(walletConnector) ||
-            // because WC only supports one connection at a time,
+            // because some wallet connectors only supports one connection at a time,
             // we need to end the session (disconnect) when the user selects
             // a different wallet to connect with
             // a new connection is established a few steps further down
-            isWalletConnectConnector(walletConnector);
+            !walletConnector.canHandleMultipleConnections;
         logger.logVerboseTroubleshootingMessage('[handleWalletItemClick]', {
             mockedSDK,
             shouldEndWalletConnectorSession,

package/src/lib/utils/hooks/useWalletOptions/useWalletOptions.d.ts

@@ -1,7 +1,7 @@
 import { WalletOption } from '../../../shared';
 export declare const useWalletOptions: () => {
     getFilteredWalletOptions: (filter: (options: WalletOption[]) => WalletOption[]) => {
-        chain: "ETH" | "FLOW" | "SOL" | "EVM" | "ALGO" | "STARK" | "ATOM" | "COSMOS" | "BTC" | "ECLIPSE";
+        chain: "ETH" | "FLOW" | "SOL" | "EVM" | "ALGO" | "STARK" | "ATOM" | "COSMOS" | "BTC" | "ECLIPSE" | "SUI";
         group: string | undefined;
         groupName: string | undefined;
         isInstalledOnBrowser: boolean;
@@ -11,7 +11,7 @@ export declare const useWalletOptions: () => {
     }[];
     selectWalletOption: (walletKey: string, selectGroupIfAvailable?: boolean) => Promise<void>;
     walletOptions: {
-        chain: "ETH" | "FLOW" | "SOL" | "EVM" | "ALGO" | "STARK" | "ATOM" | "COSMOS" | "BTC" | "ECLIPSE";
+        chain: "ETH" | "FLOW" | "SOL" | "EVM" | "ALGO" | "STARK" | "ATOM" | "COSMOS" | "BTC" | "ECLIPSE" | "SUI";
         group: string | undefined;
         groupName: string | undefined;
         isInstalledOnBrowser: boolean;

package/src/lib/views/LoginView/sections/WalletSignInSection/ListItemButton/ListItemButton.cjs

@@ -71,6 +71,7 @@ var ListTile = require('../../../../../components/ListTile/ListTile.cjs');
 require('../../../../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../../../../../components/IconButton/IconButton.cjs');
 require('../../../../../components/MenuList/Dropdown/Dropdown.cjs');
+var Badge = require('../../../../../components/Badge/Badge.cjs');
 require('formik');
 require('../../../../../utils/hooks/useSubdomainCheck/useSubdomainCheck.cjs');
 require('../../../../../store/state/sendBalances.cjs');
@@ -88,7 +89,6 @@ require('../../../../../context/ConnectWithOtpContext/ConnectWithOtpContext.cjs'
 require('../../../../../context/ConnectWithOtpContext/constants.cjs');
 require('../../../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
 require('@hcaptcha/react-hcaptcha');
-var Badge = require('../../../../../components/Badge/Badge.cjs');
 require('../../../../../context/ErrorContext/hooks/useErrorText/useErrorText.cjs');
 require('../../../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
 require('../../../../../store/state/connectorsInitializing/connectorsInitializing.cjs');

package/src/lib/views/LoginView/sections/WalletSignInSection/ListItemButton/ListItemButton.js

@@ -67,6 +67,7 @@ import { ListTile } from '../../../../../components/ListTile/ListTile.js';
 import '../../../../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../../../../../components/IconButton/IconButton.js';
 import '../../../../../components/MenuList/Dropdown/Dropdown.js';
+import { Badge } from '../../../../../components/Badge/Badge.js';
 import 'formik';
 import '../../../../../utils/hooks/useSubdomainCheck/useSubdomainCheck.js';
 import '../../../../../store/state/sendBalances.js';
@@ -84,7 +85,6 @@ import '../../../../../context/ConnectWithOtpContext/ConnectWithOtpContext.js';
 import '../../../../../context/ConnectWithOtpContext/constants.js';
 import '../../../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
 import '@hcaptcha/react-hcaptcha';
-import { Badge } from '../../../../../components/Badge/Badge.js';
 import '../../../../../context/ErrorContext/hooks/useErrorText/useErrorText.js';
 import '../../../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
 import '../../../../../store/state/connectorsInitializing/connectorsInitializing.js';

package/src/lib/views/Passkey/EmbeddedAuthChoiceCards/ActionCard/ActionCard.cjs

@@ -71,6 +71,7 @@ var Icon = require('../../../../components/Icon/Icon.cjs');
 require('../../../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../../../../components/IconButton/IconButton.cjs');
 require('../../../../components/MenuList/Dropdown/Dropdown.cjs');
+var Badge = require('../../../../components/Badge/Badge.cjs');
 var spinner = require('../../../../components/Spinner/spinner.cjs');
 require('formik');
 require('../../../../utils/hooks/useSubdomainCheck/useSubdomainCheck.cjs');
@@ -89,7 +90,6 @@ require('../../../../context/ConnectWithOtpContext/ConnectWithOtpContext.cjs');
 require('../../../../context/ConnectWithOtpContext/constants.cjs');
 require('../../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
 require('@hcaptcha/react-hcaptcha');
-var Badge = require('../../../../components/Badge/Badge.cjs');
 require('../../../../context/ErrorContext/hooks/useErrorText/useErrorText.cjs');
 require('../../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
 require('../../../../store/state/connectorsInitializing/connectorsInitializing.cjs');

package/src/lib/views/Passkey/EmbeddedAuthChoiceCards/ActionCard/ActionCard.js

@@ -67,6 +67,7 @@ import { Icon } from '../../../../components/Icon/Icon.js';
 import '../../../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../../../../components/IconButton/IconButton.js';
 import '../../../../components/MenuList/Dropdown/Dropdown.js';
+import { Badge } from '../../../../components/Badge/Badge.js';
 import { Spinner } from '../../../../components/Spinner/spinner.js';
 import 'formik';
 import '../../../../utils/hooks/useSubdomainCheck/useSubdomainCheck.js';
@@ -85,7 +86,6 @@ import '../../../../context/ConnectWithOtpContext/ConnectWithOtpContext.js';
 import '../../../../context/ConnectWithOtpContext/constants.js';
 import '../../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
 import '@hcaptcha/react-hcaptcha';
-import { Badge } from '../../../../components/Badge/Badge.js';
 import '../../../../context/ErrorContext/hooks/useErrorText/useErrorText.js';
 import '../../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
 import '../../../../store/state/connectorsInitializing/connectorsInitializing.js';

package/src/lib/views/SelectWalletInWalletGroupView/components/WalletGroupItem/WalletGroupItem.cjs

@@ -75,6 +75,7 @@ var ListTile = require('../../../../components/ListTile/ListTile.cjs');
 require('../../../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../../../../components/IconButton/IconButton.cjs');
 require('../../../../components/MenuList/Dropdown/Dropdown.cjs');
+var Badge = require('../../../../components/Badge/Badge.cjs');
 require('formik');
 require('../../../../utils/hooks/useSubdomainCheck/useSubdomainCheck.cjs');
 require('../../../../store/state/sendBalances.cjs');
@@ -92,7 +93,6 @@ require('../../../../context/ConnectWithOtpContext/ConnectWithOtpContext.cjs');
 require('../../../../context/ConnectWithOtpContext/constants.cjs');
 require('../../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
 require('@hcaptcha/react-hcaptcha');
-var Badge = require('../../../../components/Badge/Badge.cjs');
 require('../../../../context/ErrorContext/hooks/useErrorText/useErrorText.cjs');
 require('../../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
 require('../../../../store/state/connectorsInitializing/connectorsInitializing.cjs');

package/src/lib/views/SelectWalletInWalletGroupView/components/WalletGroupItem/WalletGroupItem.js

@@ -71,6 +71,7 @@ import { ListTile } from '../../../../components/ListTile/ListTile.js';
 import '../../../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../../../../components/IconButton/IconButton.js';
 import '../../../../components/MenuList/Dropdown/Dropdown.js';
+import { Badge } from '../../../../components/Badge/Badge.js';
 import 'formik';
 import '../../../../utils/hooks/useSubdomainCheck/useSubdomainCheck.js';
 import '../../../../store/state/sendBalances.js';
@@ -88,7 +89,6 @@ import '../../../../context/ConnectWithOtpContext/ConnectWithOtpContext.js';
 import '../../../../context/ConnectWithOtpContext/constants.js';
 import '../../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
 import '@hcaptcha/react-hcaptcha';
-import { Badge } from '../../../../components/Badge/Badge.js';
 import '../../../../context/ErrorContext/hooks/useErrorText/useErrorText.js';
 import '../../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
 import '../../../../store/state/connectorsInitializing/connectorsInitializing.js';

package/src/lib/views/WalletGroupView/components/WalletGroupItem/WalletGroupItem.cjs

@@ -75,6 +75,7 @@ var ListTile = require('../../../../components/ListTile/ListTile.cjs');
 require('../../../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../../../../components/IconButton/IconButton.cjs');
 require('../../../../components/MenuList/Dropdown/Dropdown.cjs');
+var Badge = require('../../../../components/Badge/Badge.cjs');
 require('formik');
 require('../../../../utils/hooks/useSubdomainCheck/useSubdomainCheck.cjs');
 require('../../../../store/state/sendBalances.cjs');
@@ -92,7 +93,6 @@ require('../../../../context/ConnectWithOtpContext/ConnectWithOtpContext.cjs');
 require('../../../../context/ConnectWithOtpContext/constants.cjs');
 require('../../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
 require('@hcaptcha/react-hcaptcha');
-var Badge = require('../../../../components/Badge/Badge.cjs');
 require('../../../../context/ErrorContext/hooks/useErrorText/useErrorText.cjs');
 require('../../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
 require('../../../../store/state/connectorsInitializing/connectorsInitializing.cjs');

package/src/lib/views/WalletGroupView/components/WalletGroupItem/WalletGroupItem.js

@@ -71,6 +71,7 @@ import { ListTile } from '../../../../components/ListTile/ListTile.js';
 import '../../../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../../../../components/IconButton/IconButton.js';
 import '../../../../components/MenuList/Dropdown/Dropdown.js';
+import { Badge } from '../../../../components/Badge/Badge.js';
 import 'formik';
 import '../../../../utils/hooks/useSubdomainCheck/useSubdomainCheck.js';
 import '../../../../store/state/sendBalances.js';
@@ -88,7 +89,6 @@ import '../../../../context/ConnectWithOtpContext/ConnectWithOtpContext.js';
 import '../../../../context/ConnectWithOtpContext/constants.js';
 import '../../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
 import '@hcaptcha/react-hcaptcha';
-import { Badge } from '../../../../components/Badge/Badge.js';
 import '../../../../context/ErrorContext/hooks/useErrorText/useErrorText.js';
 import '../../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
 import '../../../../store/state/connectorsInitializing/connectorsInitializing.js';

package/src/lib/views/WalletList/WalletListItem/WalletListItem.cjs

@@ -75,6 +75,7 @@ var ListTile = require('../../../components/ListTile/ListTile.cjs');
 require('../../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../../../components/IconButton/IconButton.cjs');
 require('../../../components/MenuList/Dropdown/Dropdown.cjs');
+var Badge = require('../../../components/Badge/Badge.cjs');
 require('formik');
 require('../../../utils/hooks/useSubdomainCheck/useSubdomainCheck.cjs');
 require('../../../store/state/sendBalances.cjs');
@@ -92,7 +93,6 @@ require('../../../context/ConnectWithOtpContext/ConnectWithOtpContext.cjs');
 require('../../../context/ConnectWithOtpContext/constants.cjs');
 require('../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
 require('@hcaptcha/react-hcaptcha');
-var Badge = require('../../../components/Badge/Badge.cjs');
 require('../../../context/ErrorContext/hooks/useErrorText/useErrorText.cjs');
 require('../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
 require('../../../store/state/connectorsInitializing/connectorsInitializing.cjs');

package/src/lib/views/WalletList/WalletListItem/WalletListItem.js

@@ -71,6 +71,7 @@ import { ListTile } from '../../../components/ListTile/ListTile.js';
 import '../../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../../../components/IconButton/IconButton.js';
 import '../../../components/MenuList/Dropdown/Dropdown.js';
+import { Badge } from '../../../components/Badge/Badge.js';
 import 'formik';
 import '../../../utils/hooks/useSubdomainCheck/useSubdomainCheck.js';
 import '../../../store/state/sendBalances.js';
@@ -88,7 +89,6 @@ import '../../../context/ConnectWithOtpContext/ConnectWithOtpContext.js';
 import '../../../context/ConnectWithOtpContext/constants.js';
 import '../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
 import '@hcaptcha/react-hcaptcha';
-import { Badge } from '../../../components/Badge/Badge.js';
 import '../../../context/ErrorContext/hooks/useErrorText/useErrorText.js';
 import '../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
 import '../../../store/state/connectorsInitializing/connectorsInitializing.js';

package/src/lib/views/WalletList/data.d.ts

@@ -4,7 +4,7 @@ interface IChain {
     enabled: boolean;
     name: string;
 }
-export declare const getEnabledChains: (chains: IChain[]) => ("STARK" | "ETH" | "FLOW" | "SOL" | "EVM" | "ALGO" | "ATOM" | "COSMOS" | "BTC" | "ECLIPSE")[];
+export declare const getEnabledChains: (chains: IChain[]) => ("STARK" | "ETH" | "FLOW" | "SOL" | "EVM" | "ALGO" | "ATOM" | "COSMOS" | "BTC" | "ECLIPSE" | "SUI")[];
 type BaseGetSupportedWalletOpts = Omit<GetSupportedWalletsOpts, 'walletConnectProjectId' | 'chainRpcProviders'>;
 export declare const getWallets: (props: {
     getSupportedWalletOpts: BaseGetSupportedWalletOpts;

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

@@ -104,6 +104,9 @@ 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;
     };

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

@@ -100,6 +100,9 @@ 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;
     };

package/src/lib/widgets/DynamicWidget/components/ActiveWalletInformation/ActiveBitcoinWalletAddresses/ActiveBitcoinWalletAddresses.d.ts

@@ -1,8 +1,8 @@
 /// <reference types="react" />
+import { MenuOption } from '../../../../../components';
 import { Wallet } from '../../../../../shared';
-import { DotsMenuOption } from '../../DotsMenu';
 type Props = {
-    menuOption: DotsMenuOption[];
+    menuOption: MenuOption[];
     wallet?: Wallet;
 };
 export declare const ActiveBitcoinWalletAddresses: ({ menuOption, wallet }: Props) => JSX.Element;

package/src/lib/widgets/DynamicWidget/components/ActiveWalletInformation/ActiveWalletAddress/ActiveWalletAddress.cjs

@@ -72,7 +72,7 @@ require('react-focus-lock');
 require('../../../context/DynamicWidgetContext.cjs');
 require('../../../../../components/IconButton/IconButton.cjs');
 var Dropdown = require('../../../../../components/MenuList/Dropdown/Dropdown.cjs');
-var DotsMenuDropdown = require('../../DotsMenuDropdown/DotsMenuDropdown.cjs');
+var DropdownMenu = require('../../../../../components/MenuList/DropdownMenu/DropdownMenu.cjs');
 var BaseButton = require('../../../../../components/BaseButton/BaseButton.cjs');
 require('formik');
 require('../../../../../utils/hooks/useSubdomainCheck/useSubdomainCheck.cjs');
@@ -144,7 +144,7 @@ const ActiveWalletAddress = ({ wallet, nameServiceName, menuOption, fullWidth =
     const menuIcon = React.useMemo(() => (jsxRuntime.jsx("div", { ref: iconRef, className: 'active-wallet-information__handle-icon', children: showAlert() ? (jsxRuntime.jsx(IconWithStatus.IconWithStatus, { Icon: () => jsxRuntime.jsx(arrowDown.ReactComponent, { width: 24, height: 24 }), variant: 'yellow' })) : (jsxRuntime.jsx(arrowDown.ReactComponent, { width: 24, height: 24 })) })), [showAlert]);
     return (jsxRuntime.jsxs("div", { className: 'active-wallet-information__address-container', children: [jsxRuntime.jsxs(BaseButton.BaseButton, { onClick: handleMenuOpen, dataTestId: 'active-wallet-information-button', children: [jsxRuntime.jsxs("div", { className: 'active-wallet-information__handle-row', children: [jsxRuntime.jsx(Typography.Typography, { className: fullWidth
                                     ? 'active-wallet-information__handle--full-width'
-                                    : 'active-wallet-information__handle', color: 'primary', variant: 'body_normal', "data-testid": 'header-text', children: header }), header && menuIcon] }), jsxRuntime.jsxs("div", { className: 'active-wallet-information__handle-row', children: [jsxRuntime.jsx(Typography.Typography, { className: 'active-wallet-information__address', weight: header ? 'regular' : 'medium', variant: header ? 'body_small' : 'body_normal', color: header ? 'secondary' : 'primary', children: isLoading ? (jsxRuntime.jsx(Skeleton.Skeleton, { className: 'active-wallet-information__address-skeleton' })) : (shortenWalletAddress.shortenWalletAddress(address, 4, 4)) }), !header && menuIcon] })] }), jsxRuntime.jsx(Dropdown.Dropdown, { isOpen: showMenu, onClickOutside: handleMenuClose, onScroll: handleMenuClose, anchorRef: iconRef, anchorOrigin: 'bottom-right', transformOrigin: 'top-left', children: jsxRuntime.jsx(DotsMenuDropdown.DotsMenuDropdown, { options: menuOption, setShowMenu: setShowMenu }) })] }));
+                                    : 'active-wallet-information__handle', color: 'primary', variant: 'body_normal', "data-testid": 'header-text', children: header }), header && menuIcon] }), jsxRuntime.jsxs("div", { className: 'active-wallet-information__handle-row', children: [jsxRuntime.jsx(Typography.Typography, { className: 'active-wallet-information__address', weight: header ? 'regular' : 'medium', variant: header ? 'body_small' : 'body_normal', color: header ? 'secondary' : 'primary', children: isLoading ? (jsxRuntime.jsx(Skeleton.Skeleton, { className: 'active-wallet-information__address-skeleton' })) : (shortenWalletAddress.shortenWalletAddress(address, 4, 4)) }), !header && menuIcon] })] }), jsxRuntime.jsx(Dropdown.Dropdown, { isOpen: showMenu, onClickOutside: handleMenuClose, onScroll: handleMenuClose, anchorRef: iconRef, anchorOrigin: 'bottom-right', transformOrigin: 'top-left', children: jsxRuntime.jsx(DropdownMenu.DropdownMenu, { options: menuOption, setShowMenu: setShowMenu }) })] }));
 };
 
 exports.ActiveWalletAddress = ActiveWalletAddress;

package/src/lib/widgets/DynamicWidget/components/ActiveWalletInformation/ActiveWalletAddress/ActiveWalletAddress.d.ts

@@ -1,10 +1,10 @@
 import { FC } from 'react';
+import { type MenuOption } from '../../../../../components/MenuList/DropdownMenu';
 import { Wallet } from '../../../../../shared';
-import { DotsMenuOption } from '../../DotsMenu';
 type ActiveWalletAddressProps = {
     wallet: Wallet | null;
     nameServiceName?: string;
-    menuOption: DotsMenuOption[];
+    menuOption: MenuOption[];
     fullWidth?: boolean;
     isLoading?: boolean;
 };

package/src/lib/widgets/DynamicWidget/components/ActiveWalletInformation/ActiveWalletAddress/ActiveWalletAddress.js

@@ -68,7 +68,7 @@ import 'react-focus-lock';
 import '../../../context/DynamicWidgetContext.js';
 import '../../../../../components/IconButton/IconButton.js';
 import { Dropdown } from '../../../../../components/MenuList/Dropdown/Dropdown.js';
-import { DotsMenuDropdown } from '../../DotsMenuDropdown/DotsMenuDropdown.js';
+import { DropdownMenu } from '../../../../../components/MenuList/DropdownMenu/DropdownMenu.js';
 import { BaseButton } from '../../../../../components/BaseButton/BaseButton.js';
 import 'formik';
 import '../../../../../utils/hooks/useSubdomainCheck/useSubdomainCheck.js';
@@ -140,7 +140,7 @@ const ActiveWalletAddress = ({ wallet, nameServiceName, menuOption, fullWidth =
     const menuIcon = useMemo(() => (jsx("div", { ref: iconRef, className: 'active-wallet-information__handle-icon', children: showAlert() ? (jsx(IconWithStatus, { Icon: () => jsx(SvgArrowDown, { width: 24, height: 24 }), variant: 'yellow' })) : (jsx(SvgArrowDown, { width: 24, height: 24 })) })), [showAlert]);
     return (jsxs("div", { className: 'active-wallet-information__address-container', children: [jsxs(BaseButton, { onClick: handleMenuOpen, dataTestId: 'active-wallet-information-button', children: [jsxs("div", { className: 'active-wallet-information__handle-row', children: [jsx(Typography, { className: fullWidth
                                     ? 'active-wallet-information__handle--full-width'
-                                    : 'active-wallet-information__handle', color: 'primary', variant: 'body_normal', "data-testid": 'header-text', children: header }), header && menuIcon] }), jsxs("div", { className: 'active-wallet-information__handle-row', children: [jsx(Typography, { className: 'active-wallet-information__address', weight: header ? 'regular' : 'medium', variant: header ? 'body_small' : 'body_normal', color: header ? 'secondary' : 'primary', children: isLoading ? (jsx(Skeleton, { className: 'active-wallet-information__address-skeleton' })) : (shortenWalletAddress(address, 4, 4)) }), !header && menuIcon] })] }), jsx(Dropdown, { isOpen: showMenu, onClickOutside: handleMenuClose, onScroll: handleMenuClose, anchorRef: iconRef, anchorOrigin: 'bottom-right', transformOrigin: 'top-left', children: jsx(DotsMenuDropdown, { options: menuOption, setShowMenu: setShowMenu }) })] }));
+                                    : 'active-wallet-information__handle', color: 'primary', variant: 'body_normal', "data-testid": 'header-text', children: header }), header && menuIcon] }), jsxs("div", { className: 'active-wallet-information__handle-row', children: [jsx(Typography, { className: 'active-wallet-information__address', weight: header ? 'regular' : 'medium', variant: header ? 'body_small' : 'body_normal', color: header ? 'secondary' : 'primary', children: isLoading ? (jsx(Skeleton, { className: 'active-wallet-information__address-skeleton' })) : (shortenWalletAddress(address, 4, 4)) }), !header && menuIcon] })] }), jsx(Dropdown, { isOpen: showMenu, onClickOutside: handleMenuClose, onScroll: handleMenuClose, anchorRef: iconRef, anchorOrigin: 'bottom-right', transformOrigin: 'top-left', children: jsx(DropdownMenu, { options: menuOption, setShowMenu: setShowMenu }) })] }));
 };
 
 export { ActiveWalletAddress, getNameIfNoIcon };

package/src/lib/widgets/DynamicWidget/components/DotsMenu/DotsMenu.cjs

@@ -8,7 +8,7 @@ var React = require('react');
 var Icon = require('../../../../components/Icon/Icon.cjs');
 var IconButton = require('../../../../components/IconButton/IconButton.cjs');
 var Dropdown = require('../../../../components/MenuList/Dropdown/Dropdown.cjs');
-var DotsMenuDropdown = require('../DotsMenuDropdown/DotsMenuDropdown.cjs');
+var DropdownMenu = require('../../../../components/MenuList/DropdownMenu/DropdownMenu.cjs');
 var threeDots = require('../../../../shared/assets/three-dots.cjs');
 require('@dynamic-labs/iconic');
 require('../../../../context/ViewContext/ViewContext.cjs');
@@ -24,7 +24,7 @@ const DotsMenu = ({ options, buttonClassName, buttonClassNameWithOpenMenu, direc
     const handleMenuClose = React.useCallback(() => {
         setShowMenu(false);
     }, [setShowMenu]);
-    return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(IconButton.IconButton, { ref: dotsMenuRef, onClick: handleIconClick, "data-testid": 'dotsMenu', className: showMenu ? buttonClassNameWithOpenMenu : buttonClassName, children: iconOverride ? (iconOverride) : (jsxRuntime.jsx(Icon.Icon, { children: jsxRuntime.jsx(threeDots.ReactComponent, {}) })) }), jsxRuntime.jsx(Dropdown.Dropdown, { isOpen: showMenu, onClickOutside: handleMenuClose, onScroll: handleMenuClose, anchorRef: dotsMenuRef, anchorOrigin: direction === 'right' ? 'bottom-left' : 'top-right', transformOrigin: direction === 'right' ? 'top-left' : 'bottom-right', children: jsxRuntime.jsx(DotsMenuDropdown.DotsMenuDropdown, { options: options, setShowMenu: setShowMenu }) })] }));
+    return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(IconButton.IconButton, { ref: dotsMenuRef, onClick: handleIconClick, "data-testid": 'dotsMenu', className: showMenu ? buttonClassNameWithOpenMenu : buttonClassName, children: iconOverride ? (iconOverride) : (jsxRuntime.jsx(Icon.Icon, { children: jsxRuntime.jsx(threeDots.ReactComponent, {}) })) }), jsxRuntime.jsx(Dropdown.Dropdown, { isOpen: showMenu, onClickOutside: handleMenuClose, onScroll: handleMenuClose, anchorRef: dotsMenuRef, anchorOrigin: direction === 'right' ? 'bottom-left' : 'top-right', transformOrigin: direction === 'right' ? 'top-left' : 'bottom-right', children: jsxRuntime.jsx(DropdownMenu.DropdownMenu, { options: options, setShowMenu: setShowMenu }) })] }));
 };
 
 exports.DotsMenu = DotsMenu;