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

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/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/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/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;

package/src/lib/widgets/DynamicWidget/components/DotsMenu/DotsMenu.d.ts

@@ -1,17 +1,7 @@
 import { ReactElement } from 'react';
-import { TypographyColor, TypographyWeight } from '../../../../components/Typography/Typography.types';
-export type DotsMenuOption = {
-    Icon: ReactElement | null;
-    callback: VoidFunction;
-    text: string;
-    hide?: boolean;
-    fontColor?: TypographyColor;
-    fontWeight?: TypographyWeight;
-    endSlot?: ReactElement;
-    badge?: string;
-};
+import { type MenuOption } from '../../../../components/MenuList/DropdownMenu';
 type Props = {
-    options: DotsMenuOption[];
+    options: MenuOption[];
     direction?: 'right' | 'left';
     buttonClassName?: string;
     buttonClassNameWithOpenMenu?: string;

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

@@ -4,7 +4,7 @@ import { useRef, useState, useCallback } from 'react';
 import { Icon } from '../../../../components/Icon/Icon.js';
 import { IconButton } from '../../../../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 { ReactComponent as SvgThreeDots } from '../../../../shared/assets/three-dots.js';
 import '@dynamic-labs/iconic';
 import '../../../../context/ViewContext/ViewContext.js';
@@ -20,7 +20,7 @@ const DotsMenu = ({ options, buttonClassName, buttonClassNameWithOpenMenu, direc
     const handleMenuClose = useCallback(() => {
         setShowMenu(false);
     }, [setShowMenu]);
-    return (jsxs(Fragment, { children: [jsx(IconButton, { ref: dotsMenuRef, onClick: handleIconClick, "data-testid": 'dotsMenu', className: showMenu ? buttonClassNameWithOpenMenu : buttonClassName, children: iconOverride ? (iconOverride) : (jsx(Icon, { children: jsx(SvgThreeDots, {}) })) }), jsx(Dropdown, { isOpen: showMenu, onClickOutside: handleMenuClose, onScroll: handleMenuClose, anchorRef: dotsMenuRef, anchorOrigin: direction === 'right' ? 'bottom-left' : 'top-right', transformOrigin: direction === 'right' ? 'top-left' : 'bottom-right', children: jsx(DotsMenuDropdown, { options: options, setShowMenu: setShowMenu }) })] }));
+    return (jsxs(Fragment, { children: [jsx(IconButton, { ref: dotsMenuRef, onClick: handleIconClick, "data-testid": 'dotsMenu', className: showMenu ? buttonClassNameWithOpenMenu : buttonClassName, children: iconOverride ? (iconOverride) : (jsx(Icon, { children: jsx(SvgThreeDots, {}) })) }), jsx(Dropdown, { isOpen: showMenu, onClickOutside: handleMenuClose, onScroll: handleMenuClose, anchorRef: dotsMenuRef, anchorOrigin: direction === 'right' ? 'bottom-left' : 'top-right', transformOrigin: direction === 'right' ? 'top-left' : 'bottom-right', children: jsx(DropdownMenu, { options: options, setShowMenu: setShowMenu }) })] }));
 };
 
 export { DotsMenu };

package/src/lib/widgets/DynamicWidget/components/DotsMenu/index.d.ts

@@ -1,2 +1 @@
 export { DotsMenu } from './DotsMenu';
-export type { DotsMenuOption } from './DotsMenu';

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

@@ -1,55 +0,0 @@
-'use client'
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-/**
- * Gets the enabled non-testnet networks for a wallet
- * @param wallet User's wallet
- * @returns Array of enabled non-testnet networks, or empty array if no wallet or networks
- */
-const getEnabledNonTestnetNetworks = (wallet) => {
-    if (!wallet ||
-        !wallet.connector ||
-        typeof wallet.connector.getEnabledNetworks !== 'function') {
-        return [];
-    }
-    const networks = wallet.connector.getEnabledNetworks();
-    if (!networks || networks.length === 0) {
-        return [];
-    }
-    return networks.filter((network) => !network.isTestnet);
-};
-/**
- * Formats a Coinbase onramp URL with wallet information
- * @param url Base URL from Coinbase
- * @param wallet User's wallet
- * @returns Formatted URL with wallet information
- */
-const formatCoinbaseOnrampUrl = (url, wallet) => {
-    const nonTestnetNetworks = getEnabledNonTestnetNetworks(wallet);
-    if (nonTestnetNetworks.length === 0 || !(wallet === null || wallet === void 0 ? void 0 : wallet.address)) {
-        return url;
-    }
-    const baseUrl = new URL(url);
-    const appId = baseUrl.searchParams.get('appId');
-    // If no appId is present, return the original URL
-    if (!appId) {
-        return url;
-    }
-    // Filter out networks with empty or undefined keys and remove duplicates
-    const uniqueNetworkKeys = Array.from(new Set(nonTestnetNetworks
-        .map((network) => network.key)
-        .filter((key) => Boolean(key))));
-    if (uniqueNetworkKeys.length === 0) {
-        return url;
-    }
-    // Construct the URL with the raw query parameters
-    const finalUrl = `${baseUrl.origin}${baseUrl.pathname}?appId=${appId}&addresses=${encodeURIComponent(JSON.stringify({
-        [wallet.address]: uniqueNetworkKeys,
-    }))}`;
-    return finalUrl;
-};
-
-exports.formatCoinbaseOnrampUrl = formatCoinbaseOnrampUrl;
-exports.getEnabledNonTestnetNetworks = getEnabledNonTestnetNetworks;

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

@@ -1,15 +0,0 @@
-import type { Wallet } from '@dynamic-labs/wallet-connector-core';
-import type { GenericNetwork } from '@dynamic-labs/types';
-/**
- * Gets the enabled non-testnet networks for a wallet
- * @param wallet User's wallet
- * @returns Array of enabled non-testnet networks, or empty array if no wallet or networks
- */
-export declare const getEnabledNonTestnetNetworks: (wallet?: Wallet) => GenericNetwork[];
-/**
- * Formats a Coinbase onramp URL with wallet information
- * @param url Base URL from Coinbase
- * @param wallet User's wallet
- * @returns Formatted URL with wallet information
- */
-export declare const formatCoinbaseOnrampUrl: (url: string, wallet?: Wallet) => string;