@dynamic-labs/sdk-react-core 4.8.1 → 4.8.2

package/src/lib/context/DynamicContext/DynamicContext.js

@@ -97,6 +97,7 @@ import '../ConnectWithOtpContext/ConnectWithOtpContext.js';
 import '../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
 import '@hcaptcha/react-hcaptcha';
 import '../FooterAnimationContext/index.js';
+import '../ErrorContext/hooks/useErrorText/useErrorText.js';
 import { PasskeyContextProvider } from '../PasskeyContext/PasskeyContext.js';
 import '../../store/state/sendBalances.js';
 import { useNetworkConfigurationsFromProjectSettings } from '../../utils/hooks/useNetworkConfigurationsFromProjectSettings/useNetworkConfigurationsFromProjectSettings.js';
@@ -112,7 +113,7 @@ import { useMultiWalletWidgetState } from '../../utils/hooks/multiWallet/useMult
 import { useClearWalletConnectSessions } from '../../utils/hooks/useClearWalletConnectSessions/useClearWalletConnectSessions.js';
 import { useConnectWallet } from '../../utils/hooks/useConnectWallet/useConnectWallet.js';
 import { useFetchWalletsForChainsMap } from '../../utils/hooks/useFetchWalletsForChainsMap/useFetchWalletsForChainsMap.js';
-import { useHandleUnlinkWallet } from '../../utils/hooks/useHandleUnlinkWallet/useHandleUnlinkWallet.js';
+import { useGlobalLoading } from '../../utils/hooks/useGlobalLoading/useGlobalLoading.js';
 import { useWalletEventListeners } from '../../utils/hooks/useWalletEventListeners/useWalletEventListeners.js';
 import { useTabState } from '../../views/WalletList/hooks/useTabState.js';
 import { DynamicBridgeWidgetContextProvider } from '../../widgets/DynamicBridgeWidget/context/DynamicBridgeWidgetContext/DynamicBridgeWidgetContext.js';
@@ -132,7 +133,7 @@ import { PhantomRedirectContextProvider } from '../PhantomRedirectContext/Phanto
 import { ReinitializeContextProvider } from '../ReinitializeContext/ReinitializeContextProvider.js';
 import { SendBalanceContextProvider } from '../SendBalanceContext/SendBalanceContext.js';
 import { UseNetworkValidation } from '../UseNetworkValidation/UseNetworkValidation.js';
-import { useGlobalLoading } from '../../utils/hooks/useGlobalLoading/useGlobalLoading.js';
+import { useRemoveWallet } from './hooks/useRemoveWallet/useRemoveWallet.js';
 import { onReinitialize } from './functions/onReinitialize/onReinitialize.js';
 import { useDisplayOrderState } from './hooks/useDisplayOrderState/useDisplayOrderState.js';
 import { useEmailLoginState } from './hooks/useEmailLoginState/useEmailLoginState.js';
@@ -146,10 +147,10 @@ import { useMultiWallet } from './hooks/useMultiWallet/useMultiWallet.js';
 import { useMultiAsset } from './hooks/useMultiAsset/useMultiAsset.js';
 import { useParentDynamicContextGuard } from './hooks/useParentDynamicContextGuard/useParentDynamicContextGuard.js';
 import { useRegisterStorageService } from './hooks/useRegisterStorageService/useRegisterStorageService.js';
+import { useShowDynamicUserProfile } from './hooks/useShowDynamicUserProfile/useShowDynamicUserProfile.js';
 import { useShowEmbeddedWalletActionsUI } from './hooks/useShowEmbeddedWalletActionsUI/useShowEmbeddedWalletActionsUI.js';
 import { useShowFiat } from './hooks/useShowFiat/useShowFiat.js';
 import { useCustomerCallbacks } from './useCustomerCallbacks/useCustomerCallbacks.js';
-import { useShowDynamicUserProfile } from './hooks/useShowDynamicUserProfile/useShowDynamicUserProfile.js';
 
 const PUBLIC_PROJECT_LIVE_ENVIRONMENT_ID = '2762a57b-faa4-41ce-9f16-abff9300e2c9';
 const DynamicContext = createContext(undefined);
@@ -392,12 +393,11 @@ const InnerDynamicContextProvider = (props) => {
         clientCallbacks: settings.events,
         user,
     });
-    const verifiedCredentials = useMemo(() => (user === null || user === void 0 ? void 0 : user.verifiedCredentials) || [], [user]);
-    const handleUnlinkWallet = useHandleUnlinkWallet({
-        environmentId,
-        primaryWalletId,
+    const removeWallet = useRemoveWallet({
+        authMode,
+        handleLogOut,
         secondaryWallets,
-        verifiedCredentials,
+        setPrimaryWallet,
     });
     const { isLoading: loadingNetwork, network } = useWalletConnectorNetwork(primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.connector, {
         onChange: (newNetwork) => {
@@ -512,7 +512,6 @@ const InnerDynamicContextProvider = (props) => {
             getConnectedWalletById,
             getNameService,
             handleLogOut,
-            handleUnlinkWallet: authMode === 'connect-only' ? disconnectWallet : handleUnlinkWallet,
             handlers,
             i18nSDKInstance,
             isBridgeFlow,
@@ -544,6 +543,7 @@ const InnerDynamicContextProvider = (props) => {
             redirectUrl: settings.redirectUrl,
             refetchProjectSettings,
             removeBridgeOnboardingCompleted,
+            removeWallet,
             sdkHasLoaded,
             secondaryWallets,
             selectedTabIndex,
@@ -628,7 +628,7 @@ const InnerDynamicContextProvider = (props) => {
         getConnectedWalletById,
         getNameService,
         handleLogOut,
-        handleUnlinkWallet,
+        removeWallet,
         handlers,
         i18nSDKInstance,
         isBridgeFlow,
@@ -676,6 +676,7 @@ const InnerDynamicContextProvider = (props) => {
         setSelectedTabIndex,
         setSelectedWalletConnectorKey,
         setShowAuthFlow,
+        setShowDynamicUserProfile,
         setShowQrcodeModal,
         shadowDOMEnabled,
         showAuthFlow,

package/src/lib/context/DynamicContext/hooks/useHandleLogout/useHandleLogout.cjs

@@ -83,6 +83,7 @@ require('../../../../widgets/DynamicBridgeWidget/views/WalletsView/components/Se
 require('@hcaptcha/react-hcaptcha');
 require('../../../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../../../FooterAnimationContext/index.cjs');
+require('../../../ErrorContext/hooks/useErrorText/useErrorText.cjs');
 require('../../../PasskeyContext/PasskeyContext.cjs');
 require('../../../../store/state/sendBalances.cjs');
 require('../../../../components/OverlayCardBase/OverlayCardTarget/OverlayCardTarget.cjs');

package/src/lib/context/DynamicContext/hooks/useHandleLogout/useHandleLogout.js

@@ -79,6 +79,7 @@ import '../../../../widgets/DynamicBridgeWidget/views/WalletsView/components/Sec
 import '@hcaptcha/react-hcaptcha';
 import '../../../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../../../FooterAnimationContext/index.js';
+import '../../../ErrorContext/hooks/useErrorText/useErrorText.js';
 import '../../../PasskeyContext/PasskeyContext.js';
 import '../../../../store/state/sendBalances.js';
 import '../../../../components/OverlayCardBase/OverlayCardTarget/OverlayCardTarget.js';

package/src/lib/context/DynamicContext/hooks/useRemoveWallet/index.d.ts

@@ -0,0 +1 @@
+export { useRemoveWallet } from './useRemoveWallet';

package/src/lib/context/DynamicContext/hooks/useRemoveWallet/useRemoveWallet.cjs

@@ -0,0 +1,88 @@
+'use client'
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _tslib = require('../../../../../../_virtual/_tslib.cjs');
+var React = require('react');
+require('@dynamic-labs/utils');
+require('@dynamic-labs/sdk-api-core');
+require('../../../../config/ApiEndpoint.cjs');
+require('../../../../utils/constants/values.cjs');
+require('@dynamic-labs/multi-wallet');
+var logger = require('../../../../shared/logger.cjs');
+require('../../../../utils/constants/colors.cjs');
+require('react-international-phone');
+require('@dynamic-labs/iconic');
+require('@dynamic-labs/wallet-connector-core');
+require('react/jsx-runtime');
+require('../../../ViewContext/ViewContext.cjs');
+require('@dynamic-labs/wallet-book');
+require('../../../../shared/consts/index.cjs');
+require('../../../../store/state/nonce/nonce.cjs');
+require('../../../../store/state/projectSettings/projectSettings.cjs');
+var dynamicContextProps = require('../../../../store/state/dynamicContextProps/dynamicContextProps.cjs');
+var primaryWalletId = require('../../../../store/state/primaryWalletId/primaryWalletId.cjs');
+require('../../../../store/state/user/user.cjs');
+require('../../../../locale/locale.cjs');
+var wallets = require('../../../../data/api/wallets/wallets.cjs');
+var connectedWalletsInfo = require('../../../../store/state/connectedWalletsInfo/connectedWalletsInfo.cjs');
+var UserWalletsContext = require('../../../UserWalletsContext/UserWalletsContext.cjs');
+
+const useRemoveWallet = ({ secondaryWallets, authMode, handleLogOut, setPrimaryWallet, }) => {
+    const { removedWalletsIds, userWallets } = UserWalletsContext.useInternalUserWallets();
+    const connectedWalletsInfo$1 = connectedWalletsInfo.useConnectedWalletsInfo();
+    const nextWalletId = React.useMemo(() => (secondaryWallets[0] ? secondaryWallets[0].id : undefined), [secondaryWallets]);
+    const callback = React.useCallback((walletId) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+        const wallet = userWallets.find((w) => w.id === walletId);
+        if (!wallet)
+            return;
+        const primaryWalletId$1 = primaryWalletId.getPrimaryWalletId();
+        const isPrimaryWallet = walletId === primaryWalletId$1;
+        if (authMode === 'connect-and-sign') {
+            // At the moment, we don't support unlinking the primary wallet.
+            // That is because if this is the only verified credential, the backend user will get orphaned
+            // and inaccessible.
+            // This can be changed in the future if we want to support it, for now we're just simplifying.
+            if (isPrimaryWallet) {
+                logger.logger.info('Cannot unlink primary wallet');
+                return;
+            }
+            yield wallets.unlinkWallet({
+                environmentId: dynamicContextProps.getEnvironmentId(),
+                onSuccess: () => {
+                    removedWalletsIds.current.push(walletId);
+                },
+                primaryWalletId: primaryWalletId$1,
+                walletId,
+            });
+        }
+        else {
+            removedWalletsIds.current.push(walletId);
+        }
+        const updatedConnectedWalletsInfo = connectedWalletsInfo$1.filter((wallet) => wallet.id !== walletId);
+        connectedWalletsInfo.setConnectedWalletsInfo(updatedConnectedWalletsInfo);
+        if (isPrimaryWallet) {
+            if (nextWalletId)
+                setPrimaryWallet(nextWalletId);
+            else
+                handleLogOut();
+        }
+        const numberOfWalletsWithSameConnector = userWallets.filter(({ connector }) => connector.key === wallet.connector.key).length;
+        // If there's only 1, it's the one being removed and we can kill the session
+        if (numberOfWalletsWithSameConnector === 1) {
+            yield wallet.connector.endSession();
+        }
+    }), [
+        userWallets,
+        authMode,
+        connectedWalletsInfo$1,
+        nextWalletId,
+        removedWalletsIds,
+        setPrimaryWallet,
+        handleLogOut,
+    ]);
+    return callback;
+};
+
+exports.useRemoveWallet = useRemoveWallet;

package/src/lib/context/DynamicContext/hooks/useRemoveWallet/useRemoveWallet.d.ts

@@ -0,0 +1,9 @@
+import { AuthMode } from '@dynamic-labs/types';
+import { Wallet } from '../../../../shared/types/wallets';
+export type UseRemoveWalletProps = {
+    secondaryWallets: Wallet[];
+    authMode: AuthMode;
+    handleLogOut: () => void;
+    setPrimaryWallet: (walletId: string) => void;
+};
+export declare const useRemoveWallet: ({ secondaryWallets, authMode, handleLogOut, setPrimaryWallet, }: UseRemoveWalletProps) => (walletId: string) => Promise<void>;

package/src/lib/context/DynamicContext/hooks/useRemoveWallet/useRemoveWallet.js

@@ -0,0 +1,84 @@
+'use client'
+import { __awaiter } from '../../../../../../_virtual/_tslib.js';
+import { useMemo, useCallback } from 'react';
+import '@dynamic-labs/utils';
+import '@dynamic-labs/sdk-api-core';
+import '../../../../config/ApiEndpoint.js';
+import '../../../../utils/constants/values.js';
+import '@dynamic-labs/multi-wallet';
+import { logger } from '../../../../shared/logger.js';
+import '../../../../utils/constants/colors.js';
+import 'react-international-phone';
+import '@dynamic-labs/iconic';
+import '@dynamic-labs/wallet-connector-core';
+import 'react/jsx-runtime';
+import '../../../ViewContext/ViewContext.js';
+import '@dynamic-labs/wallet-book';
+import '../../../../shared/consts/index.js';
+import '../../../../store/state/nonce/nonce.js';
+import '../../../../store/state/projectSettings/projectSettings.js';
+import { getEnvironmentId } from '../../../../store/state/dynamicContextProps/dynamicContextProps.js';
+import { getPrimaryWalletId } from '../../../../store/state/primaryWalletId/primaryWalletId.js';
+import '../../../../store/state/user/user.js';
+import '../../../../locale/locale.js';
+import { unlinkWallet } from '../../../../data/api/wallets/wallets.js';
+import { useConnectedWalletsInfo, setConnectedWalletsInfo } from '../../../../store/state/connectedWalletsInfo/connectedWalletsInfo.js';
+import { useInternalUserWallets } from '../../../UserWalletsContext/UserWalletsContext.js';
+
+const useRemoveWallet = ({ secondaryWallets, authMode, handleLogOut, setPrimaryWallet, }) => {
+    const { removedWalletsIds, userWallets } = useInternalUserWallets();
+    const connectedWalletsInfo = useConnectedWalletsInfo();
+    const nextWalletId = useMemo(() => (secondaryWallets[0] ? secondaryWallets[0].id : undefined), [secondaryWallets]);
+    const callback = useCallback((walletId) => __awaiter(void 0, void 0, void 0, function* () {
+        const wallet = userWallets.find((w) => w.id === walletId);
+        if (!wallet)
+            return;
+        const primaryWalletId = getPrimaryWalletId();
+        const isPrimaryWallet = walletId === primaryWalletId;
+        if (authMode === 'connect-and-sign') {
+            // At the moment, we don't support unlinking the primary wallet.
+            // That is because if this is the only verified credential, the backend user will get orphaned
+            // and inaccessible.
+            // This can be changed in the future if we want to support it, for now we're just simplifying.
+            if (isPrimaryWallet) {
+                logger.info('Cannot unlink primary wallet');
+                return;
+            }
+            yield unlinkWallet({
+                environmentId: getEnvironmentId(),
+                onSuccess: () => {
+                    removedWalletsIds.current.push(walletId);
+                },
+                primaryWalletId,
+                walletId,
+            });
+        }
+        else {
+            removedWalletsIds.current.push(walletId);
+        }
+        const updatedConnectedWalletsInfo = connectedWalletsInfo.filter((wallet) => wallet.id !== walletId);
+        setConnectedWalletsInfo(updatedConnectedWalletsInfo);
+        if (isPrimaryWallet) {
+            if (nextWalletId)
+                setPrimaryWallet(nextWalletId);
+            else
+                handleLogOut();
+        }
+        const numberOfWalletsWithSameConnector = userWallets.filter(({ connector }) => connector.key === wallet.connector.key).length;
+        // If there's only 1, it's the one being removed and we can kill the session
+        if (numberOfWalletsWithSameConnector === 1) {
+            yield wallet.connector.endSession();
+        }
+    }), [
+        userWallets,
+        authMode,
+        connectedWalletsInfo,
+        nextWalletId,
+        removedWalletsIds,
+        setPrimaryWallet,
+        handleLogOut,
+    ]);
+    return callback;
+};
+
+export { useRemoveWallet };

package/src/lib/context/DynamicContext/hooks/useTieCallbacksToEvents/useTieCallbacksToEvents.cjs

@@ -81,6 +81,7 @@ require('../../../../widgets/DynamicBridgeWidget/views/WalletsView/components/Se
 require('@hcaptcha/react-hcaptcha');
 require('../../../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../../../FooterAnimationContext/index.cjs');
+require('../../../ErrorContext/hooks/useErrorText/useErrorText.cjs');
 require('../../../PasskeyContext/PasskeyContext.cjs');
 require('../../../../store/state/sendBalances.cjs');
 require('../../../../components/OverlayCardBase/OverlayCardTarget/OverlayCardTarget.cjs');

package/src/lib/context/DynamicContext/hooks/useTieCallbacksToEvents/useTieCallbacksToEvents.js

@@ -77,6 +77,7 @@ import '../../../../widgets/DynamicBridgeWidget/views/WalletsView/components/Sec
 import '@hcaptcha/react-hcaptcha';
 import '../../../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../../../FooterAnimationContext/index.js';
+import '../../../ErrorContext/hooks/useErrorText/useErrorText.js';
 import '../../../PasskeyContext/PasskeyContext.js';
 import '../../../../store/state/sendBalances.js';
 import '../../../../components/OverlayCardBase/OverlayCardTarget/OverlayCardTarget.js';

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

@@ -60,7 +60,7 @@ export interface IDynamicContext {
     getConnectedWalletById: (walletId: string) => Wallet | undefined;
     getNameService: (address?: string) => Promise<NameServiceData | undefined>;
     handleLogOut: () => Promise<void>;
-    handleUnlinkWallet: (walletId: string) => Promise<void> | void;
+    removeWallet: (walletId: string) => Promise<void> | void;
     handlers?: DynamicHandlers;
     isBridgeFlow: boolean;
     /** Whether there is an instance of DynamicEmbeddedAuthFlow being rendered */
@@ -96,6 +96,9 @@ export interface IDynamicContext {
     passkeySuccessPopup: PasskeySuccessEnum | undefined;
     policiesConsentInnerComponent?: ReactNode | ReactNode[];
     primaryWallet: Wallet | null;
+    /**
+     * @deprecated get primaryWalletId from store instead with usePrimaryWalletId or getPrimaryWalletId()
+     */
     primaryWalletId: string | undefined;
     privacyPolicyUrl?: string;
     /**

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

@@ -1,7 +1,7 @@
-import { SdkView } from '@dynamic-labs/sdk-api-core';
-import { GenericNetwork } from '@dynamic-labs/types';
-import { ChainDisplayOverrides, Wallet } from '@dynamic-labs/wallet-connector-core';
-import { WalletListViewTabItem } from '../../../shared';
+import type { SdkView } from '@dynamic-labs/sdk-api-core';
+import type { GenericNetwork } from '@dynamic-labs/types';
+import type { ChainDisplayOverrides, Wallet } from '@dynamic-labs/wallet-connector-core';
+import type { WalletListViewTabItem } from '../../../shared';
 export type WalletListViewSettings = {
     type: 'wallet-list';
     tabs?: {
@@ -90,5 +90,11 @@ export type SettingsOverrides = {
      * Allows overriding the chain info for a specific chain.
      */
     chainDisplayValues?: ChainDisplayOverrides;
-    onrampOptions?: OnrampOption[];
+    /**
+     * Allows overriding or extending the onramp options.
+     * If an array is provided, it will be used instead of the dashboard-configured onramps.
+     * If a function is provided, it will be called with the existing enabled onramp options from the dashboard,
+     * and should return the final array of onramp options to be used.
+     */
+    onrampOptions?: OnrampOption[] | ((existingOptions: OnrampOption[]) => OnrampOption[]);
 };

package/src/lib/context/DynamicContext/useDynamicContext/useDynamicContext.cjs

@@ -13,7 +13,7 @@ const useDynamicContext = () => {
     if (context === undefined) {
         throw new Error('useDynamicContext must be used within a DynamicContextProvider');
     }
-    const { accountSwitchState, authMode, awaitingSignatureState, getNameService, handleLogOut, handleUnlinkWallet, loadingNetwork, locale, loginWithEmail, multiWalletWidgetState, network, networkConfigurations, qrcodeUri, refetchProjectSettings, sdkHasLoaded, setLogInWithEmail, setMultiWalletWidgetState, setShowAuthFlow, setShowDynamicUserProfile, setShowQrcodeModal, shadowDOMEnabled, showAuthFlow, showQrcodeModal, user, userWithMissingInfo, bridgeChains, bridgeChainsToConnect, primaryWallet, setShowBridgeWidget, sendWagmiSettings, showDynamicUserProfile, selectedTabIndex, setSelectedTabIndex, } = context;
+    const { accountSwitchState, authMode, awaitingSignatureState, getNameService, handleLogOut, removeWallet, loadingNetwork, locale, loginWithEmail, multiWalletWidgetState, network, networkConfigurations, qrcodeUri, refetchProjectSettings, sdkHasLoaded, setLogInWithEmail, setMultiWalletWidgetState, setShowAuthFlow, setShowDynamicUserProfile, setShowQrcodeModal, shadowDOMEnabled, showAuthFlow, showQrcodeModal, user, userWithMissingInfo, bridgeChains, bridgeChainsToConnect, primaryWallet, setShowBridgeWidget, sendWagmiSettings, showDynamicUserProfile, selectedTabIndex, setSelectedTabIndex, } = context;
     const { setAuthMode } = useOverrides.useOverrides(context);
     const externalSetShowAuthFlow = React.useCallback((value) => {
         setShowAuthFlow(value, {
@@ -32,7 +32,7 @@ const useDynamicContext = () => {
         bridgeChainsToConnect,
         getNameService,
         handleLogOut,
-        handleUnlinkWallet,
+        handleUnlinkWallet: removeWallet,
         loadingNetwork,
         locale,
         loginWithEmail,
@@ -42,6 +42,7 @@ const useDynamicContext = () => {
         primaryWallet,
         qrcodeUri,
         refetchProjectSettings,
+        removeWallet,
         sdkHasLoaded,
         selectedTabIndex,
         sendWagmiSettings,

package/src/lib/context/DynamicContext/useDynamicContext/useDynamicContext.d.ts

@@ -1,6 +1,10 @@
 import { Dispatch, SetStateAction } from 'react';
 import { IDynamicContext } from '../types';
-export type UseDynamicContext = Pick<IDynamicContext, 'accountSwitchState' | 'authMode' | 'awaitingSignatureState' | 'getNameService' | 'handleLogOut' | 'handleUnlinkWallet' | 'loadingNetwork' | 'locale' | 'loginWithEmail' | 'multiWalletWidgetState' | 'network' | 'networkConfigurations' | 'primaryWallet' | 'qrcodeUri' | 'refetchProjectSettings' | 'sdkHasLoaded' | 'setLogInWithEmail' | 'setMultiWalletWidgetState' | 'setShowDynamicUserProfile' | 'setShowQrcodeModal' | 'shadowDOMEnabled' | 'showAuthFlow' | 'showQrcodeModal' | 'user' | 'userWithMissingInfo' | 'bridgeChains' | 'bridgeChainsToConnect' | 'setShowBridgeWidget' | 'sendWagmiSettings' | 'showDynamicUserProfile' | 'setAuthMode' | 'selectedTabIndex' | 'setSelectedTabIndex'> & {
+export type UseDynamicContext = Pick<IDynamicContext, 'accountSwitchState' | 'authMode' | 'awaitingSignatureState' | 'getNameService' | 'handleLogOut' | 'removeWallet' | 'loadingNetwork' | 'locale' | 'loginWithEmail' | 'multiWalletWidgetState' | 'network' | 'networkConfigurations' | 'primaryWallet' | 'qrcodeUri' | 'refetchProjectSettings' | 'sdkHasLoaded' | 'setLogInWithEmail' | 'setMultiWalletWidgetState' | 'setShowDynamicUserProfile' | 'setShowQrcodeModal' | 'shadowDOMEnabled' | 'showAuthFlow' | 'showQrcodeModal' | 'user' | 'userWithMissingInfo' | 'bridgeChains' | 'bridgeChainsToConnect' | 'setShowBridgeWidget' | 'sendWagmiSettings' | 'showDynamicUserProfile' | 'setAuthMode' | 'selectedTabIndex' | 'setSelectedTabIndex'> & {
     setShowAuthFlow: Dispatch<SetStateAction<boolean>>;
+    /**
+     * @deprecated Use removeWallet instead
+     */
+    handleUnlinkWallet: (walletId: string) => void;
 };
 export declare const useDynamicContext: () => UseDynamicContext;

package/src/lib/context/DynamicContext/useDynamicContext/useDynamicContext.js

@@ -9,7 +9,7 @@ const useDynamicContext = () => {
     if (context === undefined) {
         throw new Error('useDynamicContext must be used within a DynamicContextProvider');
     }
-    const { accountSwitchState, authMode, awaitingSignatureState, getNameService, handleLogOut, handleUnlinkWallet, loadingNetwork, locale, loginWithEmail, multiWalletWidgetState, network, networkConfigurations, qrcodeUri, refetchProjectSettings, sdkHasLoaded, setLogInWithEmail, setMultiWalletWidgetState, setShowAuthFlow, setShowDynamicUserProfile, setShowQrcodeModal, shadowDOMEnabled, showAuthFlow, showQrcodeModal, user, userWithMissingInfo, bridgeChains, bridgeChainsToConnect, primaryWallet, setShowBridgeWidget, sendWagmiSettings, showDynamicUserProfile, selectedTabIndex, setSelectedTabIndex, } = context;
+    const { accountSwitchState, authMode, awaitingSignatureState, getNameService, handleLogOut, removeWallet, loadingNetwork, locale, loginWithEmail, multiWalletWidgetState, network, networkConfigurations, qrcodeUri, refetchProjectSettings, sdkHasLoaded, setLogInWithEmail, setMultiWalletWidgetState, setShowAuthFlow, setShowDynamicUserProfile, setShowQrcodeModal, shadowDOMEnabled, showAuthFlow, showQrcodeModal, user, userWithMissingInfo, bridgeChains, bridgeChainsToConnect, primaryWallet, setShowBridgeWidget, sendWagmiSettings, showDynamicUserProfile, selectedTabIndex, setSelectedTabIndex, } = context;
     const { setAuthMode } = useOverrides(context);
     const externalSetShowAuthFlow = useCallback((value) => {
         setShowAuthFlow(value, {
@@ -28,7 +28,7 @@ const useDynamicContext = () => {
         bridgeChainsToConnect,
         getNameService,
         handleLogOut,
-        handleUnlinkWallet,
+        handleUnlinkWallet: removeWallet,
         loadingNetwork,
         locale,
         loginWithEmail,
@@ -38,6 +38,7 @@ const useDynamicContext = () => {
         primaryWallet,
         qrcodeUri,
         refetchProjectSettings,
+        removeWallet,
         sdkHasLoaded,
         selectedTabIndex,
         sendWagmiSettings,

package/src/lib/context/DynamicContext/useDynamicContext/useOverrides/useOverrides.cjs

@@ -81,6 +81,7 @@ require('../../../../widgets/DynamicBridgeWidget/views/WalletsView/components/Se
 require('@hcaptcha/react-hcaptcha');
 require('../../../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../../../FooterAnimationContext/index.cjs');
+require('../../../ErrorContext/hooks/useErrorText/useErrorText.cjs');
 require('../../../PasskeyContext/PasskeyContext.cjs');
 require('../../../../store/state/sendBalances.cjs');
 require('../../../../components/OverlayCardBase/OverlayCardTarget/OverlayCardTarget.cjs');

package/src/lib/context/DynamicContext/useDynamicContext/useOverrides/useOverrides.js

@@ -77,6 +77,7 @@ import '../../../../widgets/DynamicBridgeWidget/views/WalletsView/components/Sec
 import '@hcaptcha/react-hcaptcha';
 import '../../../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../../../FooterAnimationContext/index.js';
+import '../../../ErrorContext/hooks/useErrorText/useErrorText.js';
 import '../../../PasskeyContext/PasskeyContext.js';
 import '../../../../store/state/sendBalances.js';
 import '../../../../components/OverlayCardBase/OverlayCardTarget/OverlayCardTarget.js';

package/src/lib/context/ErrorContext/ErrorContext.cjs

@@ -5,7 +5,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
+var utils = require('@dynamic-labs/utils');
 
+/** @deprecated Prefer setError with a translation key instead */
 const errorMessageMap = {
     '-32000': 'Message signature denied',
     '-32002': 'Please unlock your wallet extension and try again.',
@@ -32,20 +34,35 @@ const errorMessageMap = {
 };
 const ErrorContext = React.createContext(undefined);
 const ErrorContextProvider = ({ children }) => {
-    const [error, setError] = React.useState(undefined);
+    /** The error message as a string, used as a fallback if translation is not available */
+    const [error, _setError] = React.useState(undefined);
+    /** The [ErrorCode] of the error, used for translation. */
+    const [errorCode, _setErrorCode] = React.useState(undefined);
+    const setError = React.useCallback((error, errorCode) => {
+        _setError(error);
+        _setErrorCode(errorCode);
+    }, []);
+    /** Uses the default error message for fallbacks */
+    const setDefaultError = React.useCallback(() => {
+        setError('Something went wrong. Please try again.', utils.ErrorCode.DEFAULT);
+    }, [setError]);
+    /** @deprecated Prefer setError with a translation key instead */
     const setErrorMessage = React.useCallback((status) => {
         var _a;
         setError((_a = errorMessageMap[status]) !== null && _a !== void 0 ? _a : 'Something went wrong. Please try again.');
-    }, []);
+    }, [setError]);
     const clearError = React.useCallback(() => {
-        setError(undefined);
+        _setError(undefined);
+        _setErrorCode(undefined);
     }, []);
     const value = React.useMemo(() => ({
         clearError,
         error,
+        errorCode,
+        setDefaultError,
         setError,
         setErrorMessage,
-    }), [clearError, error, setError, setErrorMessage]);
+    }), [clearError, error, errorCode, setDefaultError, setError, setErrorMessage]);
     return (jsxRuntime.jsx(ErrorContext.Provider, { value: value, children: children }));
 };
 const useErrorContext = () => {

package/src/lib/context/ErrorContext/ErrorContext.d.ts

@@ -1,8 +1,11 @@
 import { ReactNode } from 'react';
+import { ErrorCode } from '@dynamic-labs/utils';
 interface ErrorContextProps {
     error: string | undefined;
-    setError(error: string | undefined): void;
+    errorCode: ErrorCode | string | undefined;
+    setError(error: string | undefined, errorCode?: ErrorCode | string): void;
     setErrorMessage: (status: string) => void;
+    setDefaultError: () => void;
     clearError(): void;
 }
 export declare const ErrorContext: import("react").Context<ErrorContextProps | undefined>;

package/src/lib/context/ErrorContext/ErrorContext.js

@@ -1,7 +1,9 @@
 'use client'
 import { jsx } from 'react/jsx-runtime';
 import { createContext, useState, useCallback, useMemo, useContext } from 'react';
+import { ErrorCode } from '@dynamic-labs/utils';
 
+/** @deprecated Prefer setError with a translation key instead */
 const errorMessageMap = {
     '-32000': 'Message signature denied',
     '-32002': 'Please unlock your wallet extension and try again.',
@@ -28,20 +30,35 @@ const errorMessageMap = {
 };
 const ErrorContext = createContext(undefined);
 const ErrorContextProvider = ({ children }) => {
-    const [error, setError] = useState(undefined);
+    /** The error message as a string, used as a fallback if translation is not available */
+    const [error, _setError] = useState(undefined);
+    /** The [ErrorCode] of the error, used for translation. */
+    const [errorCode, _setErrorCode] = useState(undefined);
+    const setError = useCallback((error, errorCode) => {
+        _setError(error);
+        _setErrorCode(errorCode);
+    }, []);
+    /** Uses the default error message for fallbacks */
+    const setDefaultError = useCallback(() => {
+        setError('Something went wrong. Please try again.', ErrorCode.DEFAULT);
+    }, [setError]);
+    /** @deprecated Prefer setError with a translation key instead */
     const setErrorMessage = useCallback((status) => {
         var _a;
         setError((_a = errorMessageMap[status]) !== null && _a !== void 0 ? _a : 'Something went wrong. Please try again.');
-    }, []);
+    }, [setError]);
     const clearError = useCallback(() => {
-        setError(undefined);
+        _setError(undefined);
+        _setErrorCode(undefined);
     }, []);
     const value = useMemo(() => ({
         clearError,
         error,
+        errorCode,
+        setDefaultError,
         setError,
         setErrorMessage,
-    }), [clearError, error, setError, setErrorMessage]);
+    }), [clearError, error, errorCode, setDefaultError, setError, setErrorMessage]);
     return (jsx(ErrorContext.Provider, { value: value, children: children }));
 };
 const useErrorContext = () => {

package/src/lib/context/ErrorContext/hooks/useErrorText/index.d.ts

@@ -0,0 +1 @@
+export { useErrorText } from './useErrorText';

package/src/lib/context/ErrorContext/hooks/useErrorText/useErrorText.cjs

@@ -0,0 +1,38 @@
+'use client'
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var reactI18next = require('react-i18next');
+var utils = require('@dynamic-labs/utils');
+var ErrorContext = require('../../ErrorContext.cjs');
+
+const mapErrorCodeToTranslation = {
+    [utils.ErrorCode.UNKNOWN]: 'dyn_error.default',
+    [utils.ErrorCode.DEFAULT]: 'dyn_error.default',
+    [utils.ErrorCode.USER_REJECTED]: 'dyn_error.user_rejected',
+    [utils.ErrorCode.MESSAGE_SIGNATURE_DENIED]: 'dyn_error.message_signature_denied',
+    [utils.ErrorCode.WALLET_LOCKED]: 'dyn_error.wallet_locked',
+    [utils.ErrorCode.INVALID_PARAMETERS]: 'dyn_error.invalid_parameters',
+    [utils.ErrorCode.INTERNAL_ERROR]: 'dyn_error.internal_error',
+    [utils.ErrorCode.ACCOUNT_ALREADY_LINKED_TO_DIFFERENT_PROFILE]: 'dyn_error.account_already_linked_to_different_profile',
+    [utils.ErrorCode.CONNECTION_REJECTED]: 'dyn_error.connection_rejected',
+    [utils.ErrorCode.MISSING_PUBLIC_ADDRESS]: 'dyn_error.missing_public_address',
+};
+/** A hook that listens to the error context and returns a translated value */
+const useErrorText = () => {
+    const { t } = reactI18next.useTranslation();
+    const { error, errorCode } = ErrorContext.useErrorContext();
+    const errorText = React.useMemo(() => {
+        var _a;
+        if (errorCode) {
+            return t((_a = mapErrorCodeToTranslation[errorCode]) !== null && _a !== void 0 ? _a : 'dyn_error.default');
+        }
+        return error;
+    }, [error, errorCode, t]);
+    return { errorText };
+};
+
+exports.mapErrorCodeToTranslation = mapErrorCodeToTranslation;
+exports.useErrorText = useErrorText;

package/src/lib/context/ErrorContext/hooks/useErrorText/useErrorText.d.ts

@@ -0,0 +1,6 @@
+import { ErrorCode } from '@dynamic-labs/utils';
+export declare const mapErrorCodeToTranslation: Record<ErrorCode | string, string>;
+/** A hook that listens to the error context and returns a translated value */
+export declare const useErrorText: () => {
+    errorText: string | undefined;
+};