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

package/CHANGELOG.md

@@ -1,4 +1,17 @@
 
+### [4.9.5](https://github.com/dynamic-labs/dynamic-auth/compare/v4.9.4...v4.9.5) (2025-03-19)
+
+
+### Features
+
+* add support for AA to Global Wallet ([#8294](https://github.com/dynamic-labs/dynamic-auth/issues/8294)) ([173dfb9](https://github.com/dynamic-labs/dynamic-auth/commit/173dfb9c00e4307feec6ab11913f1a80310885eb))
+
+
+### Bug Fixes
+
+* Remove the usage of random uuid in Global Wallet ([#8314](https://github.com/dynamic-labs/dynamic-auth/issues/8314)) ([79a7a64](https://github.com/dynamic-labs/dynamic-auth/commit/79a7a640b9ce470051a3c877ea46e8d4c94ea542))
+* Fix UI when token balance is 0 ([#8299](https://github.com/dynamic-labs/dynamic-auth/issues/8299)) ([e8a2eca](https://github.com/dynamic-labs/dynamic-auth/commit/e8a2eca9876d914db738557a74751537eee2e129))
+
 ### [4.9.4](https://github.com/dynamic-labs/dynamic-auth/compare/v4.9.3...v4.9.4) (2025-03-17)
 
 

package/package.cjs

@@ -3,9 +3,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var version = "4.9.4";
+var version = "4.9.5";
 var dependencies = {
-	"@dynamic-labs/sdk-api-core": "0.0.642",
+	"@dynamic-labs/sdk-api-core": "0.0.644",
 	"@hcaptcha/react-hcaptcha": "1.4.4",
 	"@thumbmarkjs/thumbmarkjs": "0.16.0",
 	"country-list": "2.3.0",

package/package.js

@@ -1,7 +1,7 @@
 'use client'
-var version = "4.9.4";
+var version = "4.9.5";
 var dependencies = {
-	"@dynamic-labs/sdk-api-core": "0.0.642",
+	"@dynamic-labs/sdk-api-core": "0.0.644",
 	"@hcaptcha/react-hcaptcha": "1.4.4",
 	"@thumbmarkjs/thumbmarkjs": "0.16.0",
 	"country-list": "2.3.0",

package/package.json

@@ -1,8 +1,8 @@
 {
   "name": "@dynamic-labs/sdk-react-core",
-  "version": "4.9.4",
+  "version": "4.9.5",
   "dependencies": {
-    "@dynamic-labs/sdk-api-core": "0.0.642",
+    "@dynamic-labs/sdk-api-core": "0.0.644",
     "@hcaptcha/react-hcaptcha": "1.4.4",
     "@thumbmarkjs/thumbmarkjs": "0.16.0",
     "country-list": "2.3.0",
@@ -14,16 +14,16 @@
     "yup": "0.32.11",
     "react-international-phone": "4.2.5",
     "bs58": "5.0.0",
-    "@dynamic-labs/assert-package-version": "4.9.4",
-    "@dynamic-labs/iconic": "4.9.4",
-    "@dynamic-labs/logger": "4.9.4",
-    "@dynamic-labs/multi-wallet": "4.9.4",
-    "@dynamic-labs/rpc-providers": "4.9.4",
-    "@dynamic-labs/store": "4.9.4",
-    "@dynamic-labs/types": "4.9.4",
-    "@dynamic-labs/utils": "4.9.4",
-    "@dynamic-labs/wallet-book": "4.9.4",
-    "@dynamic-labs/wallet-connector-core": "4.9.4",
+    "@dynamic-labs/assert-package-version": "4.9.5",
+    "@dynamic-labs/iconic": "4.9.5",
+    "@dynamic-labs/logger": "4.9.5",
+    "@dynamic-labs/multi-wallet": "4.9.5",
+    "@dynamic-labs/rpc-providers": "4.9.5",
+    "@dynamic-labs/store": "4.9.5",
+    "@dynamic-labs/types": "4.9.5",
+    "@dynamic-labs/utils": "4.9.5",
+    "@dynamic-labs/wallet-book": "4.9.5",
+    "@dynamic-labs/wallet-connector-core": "4.9.5",
     "eventemitter3": "5.0.1"
   },
   "devDependencies": {

package/src/index.cjs

@@ -177,7 +177,6 @@ var getNetwork = require('./lib/utils/functions/getNetwork/getNetwork.cjs');
 var useFunding = require('./lib/utils/hooks/useFunding/useFunding.cjs');
 var useOnramp = require('./lib/utils/hooks/useOnramp/useOnramp.cjs');
 var useOpenFundingOptions = require('./lib/utils/hooks/useOpenFundingOptions/useOpenFundingOptions.cjs');
-var coinbase = require('./lib/utils/functions/onrampProviders/coinbase.cjs');
 var SendBalanceContext = require('./lib/context/SendBalanceContext/SendBalanceContext.cjs');
 require('./lib/context/ConnectWithOtpContext/ConnectWithOtpContext.cjs');
 require('./lib/context/ConnectWithOtpContext/constants.cjs');
@@ -306,7 +305,6 @@ exports.getNetwork = getNetwork.getNetwork;
 exports.useFunding = useFunding.useFunding;
 exports.useOnramp = useOnramp.useOnramp;
 exports.useOpenFundingOptions = useOpenFundingOptions.useOpenFundingOptions;
-exports.formatCoinbaseOnrampUrl = coinbase.formatCoinbaseOnrampUrl;
 exports.useSendBalance = SendBalanceContext.useSendBalance;
 exports.useConnectWithOtp = useConnectWithOtp.useConnectWithOtp;
 exports.useSwitchNetwork = useSwitchNetwork.useSwitchNetwork;

package/src/index.d.ts

@@ -121,7 +121,6 @@ useFunding, } from './lib/utils/hooks/useFunding';
 export { useOnramp } from './lib/utils/hooks/useOnramp';
 export { useOpenFundingOptions } from './lib/utils/hooks/useOpenFundingOptions';
 export { useFundWithWallet } from './lib/utils/hooks/useFundWithWallet';
-export { formatCoinbaseOnrampUrl } from './lib/utils/functions/onrampProviders';
 export { useUserUpdateRequest, useWalletConnectorEvent, } from './lib/utils/hooks';
 export { type VerifyOtp, useOtpVerificationRequest, } from './lib/utils/hooks/authenticationHooks/';
 export type { UpdateUserFieldsArg } from './lib/utils/hooks/';

package/src/index.js

@@ -173,7 +173,6 @@ export { getNetwork } from './lib/utils/functions/getNetwork/getNetwork.js';
 export { useFunding } from './lib/utils/hooks/useFunding/useFunding.js';
 export { useOnramp } from './lib/utils/hooks/useOnramp/useOnramp.js';
 export { useOpenFundingOptions } from './lib/utils/hooks/useOpenFundingOptions/useOpenFundingOptions.js';
-export { formatCoinbaseOnrampUrl } from './lib/utils/functions/onrampProviders/coinbase.js';
 export { useSendBalance } from './lib/context/SendBalanceContext/SendBalanceContext.js';
 import './lib/context/ConnectWithOtpContext/ConnectWithOtpContext.js';
 import './lib/context/ConnectWithOtpContext/constants.js';

package/src/lib/components/MenuList/DropdownMenu/DropdownMenu.cjs

@@ -0,0 +1,27 @@
+'use client'
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+require('@dynamic-labs/sdk-api-core');
+require('../../../shared/logger.cjs');
+require('@dynamic-labs/iconic');
+require('@dynamic-labs/wallet-connector-core');
+require('react');
+require('../../../context/ViewContext/ViewContext.cjs');
+require('@dynamic-labs/wallet-book');
+require('@dynamic-labs/utils');
+require('../../../utils/constants/colors.cjs');
+require('../../../utils/constants/values.cjs');
+var index = require('../../../shared/consts/index.cjs');
+var Badge = require('../../Badge/Badge.cjs');
+var Icon = require('../../Icon/Icon.cjs');
+var Typography = require('../../Typography/Typography.cjs');
+
+const DropdownMenu = ({ options, setShowMenu, }) => (jsxRuntime.jsx("div", { className: 'dots-menu-dropdown__container', style: { zIndex: index.tooltipZIndex }, children: options.map((option) => option.hide ? null : (jsxRuntime.jsxs("div", { className: 'dots-menu-dropdown__item', onClick: () => {
+            option.callback();
+            setShowMenu(false);
+        }, children: [option.Icon && jsxRuntime.jsx(Icon.Icon, { color: 'text-tertiary', children: option.Icon }), jsxRuntime.jsxs(Typography.Typography, { className: 'dots-menu-dropdown__item-text', color: option.fontColor ? option.fontColor : 'secondary', weight: option.fontWeight, children: [option.text, " ", option.badge ? jsxRuntime.jsx(Badge.Badge, { text: option.badge }) : null] }), option.endSlot && (jsxRuntime.jsx("div", { className: 'dots-menu-dropdown__item__end-slot', children: option.endSlot }))] }, option.text))) }));
+
+exports.DropdownMenu = DropdownMenu;

package/src/lib/components/MenuList/DropdownMenu/DropdownMenu.d.ts

@@ -0,0 +1,2 @@
+import { DropdownMenuComponent } from './DropdownMenu.types';
+export declare const DropdownMenu: DropdownMenuComponent;

package/src/lib/components/MenuList/DropdownMenu/DropdownMenu.js

@@ -0,0 +1,23 @@
+'use client'
+import { jsx, jsxs } from 'react/jsx-runtime';
+import '@dynamic-labs/sdk-api-core';
+import '../../../shared/logger.js';
+import '@dynamic-labs/iconic';
+import '@dynamic-labs/wallet-connector-core';
+import 'react';
+import '../../../context/ViewContext/ViewContext.js';
+import '@dynamic-labs/wallet-book';
+import '@dynamic-labs/utils';
+import '../../../utils/constants/colors.js';
+import '../../../utils/constants/values.js';
+import { tooltipZIndex } from '../../../shared/consts/index.js';
+import { Badge } from '../../Badge/Badge.js';
+import { Icon } from '../../Icon/Icon.js';
+import { Typography } from '../../Typography/Typography.js';
+
+const DropdownMenu = ({ options, setShowMenu, }) => (jsx("div", { className: 'dots-menu-dropdown__container', style: { zIndex: tooltipZIndex }, children: options.map((option) => option.hide ? null : (jsxs("div", { className: 'dots-menu-dropdown__item', onClick: () => {
+            option.callback();
+            setShowMenu(false);
+        }, children: [option.Icon && jsx(Icon, { color: 'text-tertiary', children: option.Icon }), jsxs(Typography, { className: 'dots-menu-dropdown__item-text', color: option.fontColor ? option.fontColor : 'secondary', weight: option.fontWeight, children: [option.text, " ", option.badge ? jsx(Badge, { text: option.badge }) : null] }), option.endSlot && (jsx("div", { className: 'dots-menu-dropdown__item__end-slot', children: option.endSlot }))] }, option.text))) }));
+
+export { DropdownMenu };

package/src/lib/components/MenuList/DropdownMenu/DropdownMenu.types.d.ts

@@ -0,0 +1,17 @@
+import { Dispatch, FC, ReactElement, SetStateAction } from 'react';
+import { TypographyColor, TypographyWeight } from '../../Typography/Typography.types';
+export type MenuOption = {
+    Icon: ReactElement | null;
+    callback: VoidFunction;
+    text: string;
+    hide?: boolean;
+    fontColor?: TypographyColor;
+    fontWeight?: TypographyWeight;
+    endSlot?: ReactElement;
+    badge?: string;
+};
+export type DropdownMenuProps = {
+    options: MenuOption[];
+    setShowMenu: Dispatch<SetStateAction<boolean>>;
+};
+export type DropdownMenuComponent = FC<DropdownMenuProps>;

package/src/lib/components/MenuList/DropdownMenu/index.d.ts

@@ -0,0 +1,2 @@
+export { DropdownMenu } from './DropdownMenu';
+export type { MenuOption } from './DropdownMenu.types';

package/src/lib/components/MenuList/index.d.ts

@@ -1,2 +1,3 @@
 export * from './Dropdown';
+export * from './DropdownMenu';
 export * from './MenuList';

package/src/lib/components/NetworkPicker/components/NetworkDropdown/NetworkDropdown.cjs

@@ -8,10 +8,6 @@ var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var walletConnectorCore = require('@dynamic-labs/wallet-connector-core');
 require('../../../MenuList/Dropdown/Dropdown.cjs');
-var MenuList = require('../../../MenuList/MenuList/MenuList.cjs');
-var NetworkAction = require('../NetworkAction/NetworkAction.cjs');
-var isNetworkUnsupported = require('../../../../utils/functions/isNetworkUnsupported/isNetworkUnsupported.cjs');
-var usePromise = require('../../../../utils/hooks/usePromise/usePromise.cjs');
 require('@dynamic-labs/sdk-api-core');
 var logger = require('../../../../shared/logger.cjs');
 require('@dynamic-labs/iconic');
@@ -21,6 +17,10 @@ require('@dynamic-labs/utils');
 require('../../../../utils/constants/colors.cjs');
 require('../../../../utils/constants/values.cjs');
 require('../../../../shared/consts/index.cjs');
+var MenuList = require('../../../MenuList/MenuList/MenuList.cjs');
+var NetworkAction = require('../NetworkAction/NetworkAction.cjs');
+var isNetworkUnsupported = require('../../../../utils/functions/isNetworkUnsupported/isNetworkUnsupported.cjs');
+var usePromise = require('../../../../utils/hooks/usePromise/usePromise.cjs');
 
 const NetworkDropdown = ({ anchorRef, connector, customCallbackOnSuccess, setIsNetworkPickerOpen, isNetworkPickerOpen, currentNetwork, className, checkboxClassName, }) => {
     const [newNetworkId, setNewNetworkId] = React.useState(undefined);

package/src/lib/components/NetworkPicker/components/NetworkDropdown/NetworkDropdown.js

@@ -4,10 +4,6 @@ import { jsx } from 'react/jsx-runtime';
 import { useState } from 'react';
 import { isWalletConnectConnector } from '@dynamic-labs/wallet-connector-core';
 import '../../../MenuList/Dropdown/Dropdown.js';
-import { MenuList } from '../../../MenuList/MenuList/MenuList.js';
-import { NetworkAction } from '../NetworkAction/NetworkAction.js';
-import { isNetworkUnsupported } from '../../../../utils/functions/isNetworkUnsupported/isNetworkUnsupported.js';
-import { usePromise } from '../../../../utils/hooks/usePromise/usePromise.js';
 import '@dynamic-labs/sdk-api-core';
 import { logger } from '../../../../shared/logger.js';
 import '@dynamic-labs/iconic';
@@ -17,6 +13,10 @@ import '@dynamic-labs/utils';
 import '../../../../utils/constants/colors.js';
 import '../../../../utils/constants/values.js';
 import '../../../../shared/consts/index.js';
+import { MenuList } from '../../../MenuList/MenuList/MenuList.js';
+import { NetworkAction } from '../NetworkAction/NetworkAction.js';
+import { isNetworkUnsupported } from '../../../../utils/functions/isNetworkUnsupported/isNetworkUnsupported.js';
+import { usePromise } from '../../../../utils/hooks/usePromise/usePromise.js';
 
 const NetworkDropdown = ({ anchorRef, connector, customCallbackOnSuccess, setIsNetworkPickerOpen, isNetworkPickerOpen, currentNetwork, className, checkboxClassName, }) => {
     const [newNetworkId, setNewNetworkId] = useState(undefined);

package/src/lib/context/DynamicContext/types/IDynamicContext.d.ts

@@ -160,9 +160,6 @@ export interface IDynamicContext {
     termsOfServiceUrl?: string;
     theme?: ThemeData | ThemeSetting;
     toolkitEnabled?: boolean;
-    /**
-     * @deprecated fetch from store instead. Try `getUser` / `useUser` or `useUserCoalesced`.
-     */
     user: UserProfile | undefined;
     userWithMissingInfo: UserProfile | undefined;
     /**

package/src/lib/context/OnrampContext/useEnabledOnrampProviders/useEnabledOnrampProviders.cjs

@@ -10,7 +10,6 @@ var sdkApiCore = require('@dynamic-labs/sdk-api-core');
 var getWalletAdditionalAddressByType = require('../../../utils/functions/getWalletAdditionalAddressByType/getWalletAdditionalAddressByType.cjs');
 var usePromise = require('../../../utils/hooks/usePromise/usePromise.cjs');
 var onramp = require('../../../data/api/onramp/onramp.cjs');
-var coinbase = require('../../../utils/functions/onrampProviders/coinbase.cjs');
 
 const useEnabledOnrampProviders = ({ primaryWallet, network, environmentId, projectSettingsOnramps, target, }) => {
     var _a;
@@ -21,10 +20,6 @@ const useEnabledOnrampProviders = ({ primaryWallet, network, environmentId, proj
         walletConnectorCore.isBitcoinConnector(primaryWallet.connector) &&
         getWalletAdditionalAddressByType.getWalletAdditionalAddressByType(sdkApiCore.WalletAddressType.Payment, primaryWallet);
     const chainHasNetwork = network && chainName === 'evm';
-    const nonTestnetNetworks = primaryWallet
-        ? coinbase.getEnabledNonTestnetNetworks(primaryWallet)
-        : [];
-    const hasNonTestnetNetworks = nonTestnetNetworks.length > 0;
     const { data: onrampProviders } = usePromise.usePromise(() => _tslib.__awaiter(void 0, void 0, void 0, function* () {
         if (!chainName || !(primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.address))
             return [];
@@ -47,19 +42,9 @@ const useEnabledOnrampProviders = ({ primaryWallet, network, environmentId, proj
         enabled: Boolean(projectSettingsOnramps === null || projectSettingsOnramps === void 0 ? void 0 : projectSettingsOnramps.length),
         initialData: [],
     });
-    return React.useMemo(() => {
-        const filteredProviders = onrampProviders
-            .filter((p) => projectSettingsOnramps === null || projectSettingsOnramps === void 0 ? void 0 : projectSettingsOnramps.includes(p.provider))
-            .filter((p) => {
-            // Only apply network filtering to Coinbase
-            if (p.provider === sdkApiCore.ProviderEnum.CoinbaseOnramp) {
-                return hasNonTestnetNetworks;
-            }
-            // Always show other providers (like Banxa)
-            return true;
-        });
-        return filteredProviders;
-    }, [onrampProviders, projectSettingsOnramps, hasNonTestnetNetworks]);
+    return React.useMemo(() => 
+    // Filter providers based on what's enabled in project settings
+    onrampProviders.filter((p) => projectSettingsOnramps === null || projectSettingsOnramps === void 0 ? void 0 : projectSettingsOnramps.includes(p.provider)), [onrampProviders, projectSettingsOnramps]);
 };
 
 exports.useEnabledOnrampProviders = useEnabledOnrampProviders;

package/src/lib/context/OnrampContext/useEnabledOnrampProviders/useEnabledOnrampProviders.js

@@ -2,11 +2,10 @@
 import { __awaiter } from '../../../../../_virtual/_tslib.js';
 import { useMemo } from 'react';
 import { getChainInfo, isBitcoinConnector } from '@dynamic-labs/wallet-connector-core';
-import { WalletAddressType, ProviderEnum } from '@dynamic-labs/sdk-api-core';
+import { WalletAddressType } from '@dynamic-labs/sdk-api-core';
 import { getWalletAdditionalAddressByType } from '../../../utils/functions/getWalletAdditionalAddressByType/getWalletAdditionalAddressByType.js';
 import { usePromise } from '../../../utils/hooks/usePromise/usePromise.js';
 import { getOnrampProviders } from '../../../data/api/onramp/onramp.js';
-import { getEnabledNonTestnetNetworks } from '../../../utils/functions/onrampProviders/coinbase.js';
 
 const useEnabledOnrampProviders = ({ primaryWallet, network, environmentId, projectSettingsOnramps, target, }) => {
     var _a;
@@ -17,10 +16,6 @@ const useEnabledOnrampProviders = ({ primaryWallet, network, environmentId, proj
         isBitcoinConnector(primaryWallet.connector) &&
         getWalletAdditionalAddressByType(WalletAddressType.Payment, primaryWallet);
     const chainHasNetwork = network && chainName === 'evm';
-    const nonTestnetNetworks = primaryWallet
-        ? getEnabledNonTestnetNetworks(primaryWallet)
-        : [];
-    const hasNonTestnetNetworks = nonTestnetNetworks.length > 0;
     const { data: onrampProviders } = usePromise(() => __awaiter(void 0, void 0, void 0, function* () {
         if (!chainName || !(primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.address))
             return [];
@@ -43,19 +38,9 @@ const useEnabledOnrampProviders = ({ primaryWallet, network, environmentId, proj
         enabled: Boolean(projectSettingsOnramps === null || projectSettingsOnramps === void 0 ? void 0 : projectSettingsOnramps.length),
         initialData: [],
     });
-    return useMemo(() => {
-        const filteredProviders = onrampProviders
-            .filter((p) => projectSettingsOnramps === null || projectSettingsOnramps === void 0 ? void 0 : projectSettingsOnramps.includes(p.provider))
-            .filter((p) => {
-            // Only apply network filtering to Coinbase
-            if (p.provider === ProviderEnum.CoinbaseOnramp) {
-                return hasNonTestnetNetworks;
-            }
-            // Always show other providers (like Banxa)
-            return true;
-        });
-        return filteredProviders;
-    }, [onrampProviders, projectSettingsOnramps, hasNonTestnetNetworks]);
+    return useMemo(() => 
+    // Filter providers based on what's enabled in project settings
+    onrampProviders.filter((p) => projectSettingsOnramps === null || projectSettingsOnramps === void 0 ? void 0 : projectSettingsOnramps.includes(p.provider)), [onrampProviders, projectSettingsOnramps]);
 };
 
 export { useEnabledOnrampProviders };