@dynamic-labs/sdk-react-core 3.0.0-alpha.51 → 3.0.0-alpha.53

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

@@ -3,7 +3,7 @@ import { changeLanguage } from 'i18next';
 import { CountryIso2 } from 'react-international-phone';
 import { NameServiceData, ProjectSettings } from '@dynamic-labs/sdk-api-core';
 import { MobileExperience, NetworkConfigurationMap, SocialProviderFilter, UserProfile, WalletUiUtils } from '@dynamic-labs/types';
-import { Chain, GetAddressOpts, WalletConnector } from '@dynamic-labs/wallet-connector-core';
+import { Chain, GetAddressOpts, InternalWalletConnector, WalletConnector } from '@dynamic-labs/wallet-connector-core';
 import { PasskeySuccessEnum } from '../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner';
 import { AccessDeniedCustomButton, AccountSwitchState, AuthModeType, AwaitingSignatureState, ChainToWalletMap, DynamicEventsCallbacks, MultiWalletWidgetState, RecommendedWallet, Wallet, WalletOption, WalletWithAction } from '../../../shared';
 import { DynamicHandlers } from '../../../shared/types/dynamicHandlers';
@@ -50,6 +50,7 @@ export interface IDynamicContext {
     debugError: boolean;
     defaultNumberOfWalletsToShow: number;
     desktopUri: string;
+    detectNewWalletsForLinking: boolean;
     disconnectWallet: (walletId: string) => void;
     displaySiweStatement: boolean;
     enableConnectOnlyFallback?: boolean;
@@ -107,7 +108,7 @@ export interface IDynamicContext {
     removeConnectedWalletsInfo: () => void;
     sdkHasLoaded: boolean;
     secondaryWallets: Wallet[];
-    selectedWalletConnector: WalletConnector | null;
+    selectedWalletConnector: InternalWalletConnector | null;
     selectedWalletWithAction: WalletWithAction | null;
     sendWagmiSettings: (settings: {
         dynamicWagmiSettings?: object;
@@ -138,7 +139,6 @@ export interface IDynamicContext {
     setShowBridgeWidget: Dispatch<SetStateAction<boolean>>;
     setShowDynamicUserProfile: Dispatch<SetStateAction<boolean>>;
     setShowQrcodeModal: Dispatch<SetStateAction<boolean>>;
-    setShowWidgetStatePopup: Dispatch<SetStateAction<boolean>>;
     setUser: SetUserAction;
     shadowDOMEnabled: boolean;
     showAuthFlow: boolean;
@@ -150,7 +150,6 @@ export interface IDynamicContext {
     showFiat: boolean;
     showLockedWalletView?: boolean;
     showQrcodeModal: boolean;
-    showWidgetStatePopup: boolean;
     signWithEmailWalletName?: string;
     siweStatement?: string;
     socialMediaIconUrl?: Record<string, string> | Record<SocialNetworkIconType, string>;
@@ -163,6 +162,6 @@ export interface IDynamicContext {
     user: UserProfile | undefined;
     userWithMissingInfo: UserProfile | undefined;
     walletConnectorOptions: WalletOption[];
-    walletUiUtils: WalletUiUtils<WalletConnector>;
+    walletUiUtils: WalletUiUtils<InternalWalletConnector>;
     walletsFilter?: (options: WalletOption[]) => WalletOption[];
 }

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

@@ -9,7 +9,7 @@ export type WalletListViewSettings = {
         items: WalletListViewTabItem[];
     };
 };
-export type EvmNetworksOverrides = GenericNetwork[] | ((dashboardNetworks: GenericNetwork[]) => GenericNetwork[]);
+export type NetworksOverrides = GenericNetwork[] | ((dashboardNetworks: GenericNetwork[]) => GenericNetwork[]);
 export type ViewsOverrides = SdkView | WalletListViewSettings;
 export type SettingsOverrides = {
     views?: Array<ViewsOverrides>;
@@ -22,7 +22,8 @@ export type SettingsOverrides = {
      * WARNING: this callback must be memoized as it will be used in a dependency array to ensure
      * the SDK can react to this value changing (for ex, toggling a chain off).
      */
-    evmNetworks?: EvmNetworksOverrides;
+    evmNetworks?: NetworksOverrides;
+    cosmosNetworks?: NetworksOverrides;
     /**
      * Allows overriding the multi-wallet feature from the dashboard.
      */

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

@@ -1,7 +1,7 @@
 import { ReactNode } from 'react';
-import { WalletConnector } from '../../..';
+import { InternalWalletConnector } from '@dynamic-labs/wallet-connector-core';
 export type PhantomContextReturnType = {
-    phantomRedirectConnector: WalletConnector | undefined;
+    phantomRedirectConnector: InternalWalletConnector | undefined;
 };
 export declare const PhantomRedirectContext: import("react").Context<PhantomContextReturnType | undefined>;
 export declare const PhantomRedirectContextProvider: ({ children, }: {

package/src/lib/context/ReinitializeContext/ReinitializeContextProvider.cjs

@@ -5,7 +5,6 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
-require('@dynamic-labs/wallet-connector-core');
 require('@dynamic-labs/sdk-api-core');
 require('../../utils/constants/values.cjs');
 require('@dynamic-labs/utils');
@@ -13,6 +12,7 @@ require('../../../../_virtual/_tslib.cjs');
 require('@dynamic-labs/multi-wallet');
 require('../../shared/logger.cjs');
 require('@dynamic-labs/iconic');
+require('@dynamic-labs/wallet-connector-core');
 require('../ViewContext/ViewContext.cjs');
 require('@dynamic-labs/wallet-book');
 require('../../utils/constants/colors.cjs');

package/src/lib/context/ReinitializeContext/ReinitializeContextProvider.js

@@ -1,7 +1,6 @@
 'use client'
 import { jsx } from 'react/jsx-runtime';
 import { createContext, useContext, useState, useRef, useCallback, cloneElement } from 'react';
-import '@dynamic-labs/wallet-connector-core';
 import '@dynamic-labs/sdk-api-core';
 import '../../utils/constants/values.js';
 import '@dynamic-labs/utils';
@@ -9,6 +8,7 @@ import '../../../../_virtual/_tslib.js';
 import '@dynamic-labs/multi-wallet';
 import '../../shared/logger.js';
 import '@dynamic-labs/iconic';
+import '@dynamic-labs/wallet-connector-core';
 import '../ViewContext/ViewContext.js';
 import '@dynamic-labs/wallet-book';
 import '../../utils/constants/colors.js';

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

@@ -1,6 +1,6 @@
 import { ReactNode } from 'react';
 import { JwtVerifiedCredential, SignInProviderEnum, SocialSignInProviderEnum } from '@dynamic-labs/sdk-api-core';
-import { WalletConnector } from '../../..';
+import { InternalWalletConnector } from '@dynamic-labs/wallet-connector-core';
 type SocialRedirectStatus = 'idle' | 'loading' | 'success' | 'error';
 export type SocialContextReturnType = {
     enabledSocialProviders: SocialSignInProviderEnum[];
@@ -8,7 +8,7 @@ export type SocialContextReturnType = {
     setSocialProvider: (val?: SocialSignInProviderEnum) => void;
     socialAccount: JwtVerifiedCredential | undefined;
     socialProvider: SocialSignInProviderEnum | undefined;
-    socialWalletConnector: WalletConnector | undefined;
+    socialWalletConnector: InternalWalletConnector | undefined;
     signInProvider: SignInProviderEnum | undefined;
 };
 export declare const SocialRedirectContext: import("react").Context<SocialContextReturnType | undefined>;

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

@@ -18,4 +18,4 @@ export declare const UserWalletsProvider: FC<PropsWithChildren>;
 /** Provides access to state and setters of the current user/session wallets array */
 export declare const useInternalUserWallets: () => UserWalletsContextType;
 /** Provides access to the current user/session wallets */
-export declare const useUserWallets: () => Wallet[];
+export declare const useUserWallets: () => Wallet<import("@dynamic-labs/wallet-connector-core").WalletConnectorCore.WalletConnector>[];

package/src/lib/context/WalletContext/WalletContext.cjs

@@ -5,93 +5,10 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
-require('../../../../_virtual/_tslib.cjs');
-require('../DynamicContext/DynamicContext.cjs');
-require('@dynamic-labs/sdk-api-core');
-require('../../shared/logger.cjs');
-require('@dynamic-labs/iconic');
-require('@dynamic-labs/wallet-connector-core');
-require('../ViewContext/ViewContext.cjs');
-require('@dynamic-labs/wallet-book');
-require('../../utils/constants/colors.cjs');
-require('../../utils/constants/values.cjs');
-require('../../shared/utils/classes/storage/localStorage.cjs');
-require('../../shared/utils/classes/storage/sessionStorage.cjs');
-require('@dynamic-labs/utils');
-require('../../shared/consts/index.cjs');
-require('../../events/dynamicEvents.cjs');
-require('../CaptchaContext/CaptchaContext.cjs');
-require('../ErrorContext/ErrorContext.cjs');
-require('@dynamic-labs/multi-wallet');
-require('react-international-phone');
-require('../../config/ApiEndpoint.cjs');
-require('@dynamic-labs/store');
-require('../../locale/locale.cjs');
-require('../AccessDeniedContext/AccessDeniedContext.cjs');
-require('../AccountExistsContext/AccountExistsContext.cjs');
-require('../UserWalletsContext/UserWalletsContext.cjs');
-require('../VerificationContext/VerificationContext.cjs');
-require('react-dom');
-require('../../utils/hooks/useEmbeddedWallet/useSecureEnclaveEmbeddedWallet/constants.cjs');
-require('../ThemeContext/ThemeContext.cjs');
-require('../../utils/hooks/useUserUpdateRequest/useUpdateUser/userFieldsSchema.cjs');
-require('@dynamic-labs/types');
-require('../LoadingContext/LoadingContext.cjs');
-require('yup');
-require('../MockContext/MockContext.cjs');
-require('../../views/CollectUserDataView/useFields.cjs');
-require('../FieldsStateContext/FieldsStateContext.cjs');
-require('../UserFieldEditorContext/UserFieldEditorContext.cjs');
-require('@dynamic-labs/rpc-providers');
-require('react-i18next');
-require('../../components/Accordion/components/AccordionItem/AccordionItem.cjs');
-require('../../components/Alert/Alert.cjs');
-require('../../components/ShadowDOM/ShadowDOM.cjs');
-require('../../components/IconButton/IconButton.cjs');
-require('../../components/InlineWidget/InlineWidget.cjs');
-require('../../components/Input/Input.cjs');
-require('../../components/IsBrowser/IsBrowser.cjs');
-require('../../components/MenuList/Dropdown/Dropdown.cjs');
-require('../../components/Transition/ZoomTransition/ZoomTransition.cjs');
-require('../../components/Transition/SlideInUpTransition/SlideInUpTransition.cjs');
-require('../../components/Transition/OpacityTransition/OpacityTransition.cjs');
-require('../../components/OverlayCard/OverlayCardTarget/OverlayCardTarget.cjs');
-require('../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
-require('../../components/Popper/Popper/Popper.cjs');
-require('../../components/Popper/PopperContext/PopperContext.cjs');
-require('react-focus-lock');
-require('qrcode');
-require('formik');
-require('../../views/WalletList/WalletList.cjs');
-require('../SocialRedirectContext/SocialRedirectContext.cjs');
-require('../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
-require('@hcaptcha/react-hcaptcha');
-require('../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
-require('../FooterAnimationContext/index.cjs');
-require('../WalletGroupContext/WalletGroupContext.cjs');
-require('../IpConfigurationContext/IpConfigurationContext.cjs');
-require('../PasskeyContext/PasskeyContext.cjs');
-require('@dynamic-labs/ethereum-core');
-require('../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
-require('../../views/TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
-require('../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
-require('../../../polyfills.cjs');
-require('../ErrorBoundary/ErrorBoundaryBase.cjs');
-require('../ErrorBoundary/ErrorBoundaryContext.cjs');
-require('../../widgets/DynamicBridgeWidget/context/DynamicBridgeWidgetContext/DynamicBridgeWidgetContext.cjs');
-require('../../widgets/DynamicWidget/components/DynamicWidgetCard/DynamicWidgetCard.cjs');
-require('../WidgetRegistry/WidgetRegistryContextProvider.cjs');
-require('../FundingContext/FundingContext.cjs');
-require('../SendBalanceContext/SendBalanceContext.cjs');
-require('../ConnectWithOtpContext/ConnectWithOtpContext.cjs');
-require('../ConnectWithOtpContext/constants.cjs');
-require('../ReinitializeContext/ReinitializeContextProvider.cjs');
-var useSyncPrimaryWallet = require('../../utils/hooks/multiWallet/useSyncPrimaryWallet/useSyncPrimaryWallet.cjs');
 
 const WalletContext = React.createContext(undefined);
-const WalletContextProvider = ({ children, canSync, }) => {
+const WalletContextProvider = ({ children, }) => {
     const [isLoadingEmbeddedWallet, setIsLoadingEmbeddedWallet] = React.useState(false);
-    useSyncPrimaryWallet.useSyncPrimaryWallet(canSync);
     const value = React.useMemo(() => ({
         isLoadingEmbeddedWallet,
         setIsLoadingEmbeddedWallet,

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

@@ -4,9 +4,8 @@ type WalletContextProps = {
     setIsLoadingEmbeddedWallet: Dispatch<SetStateAction<boolean>>;
 };
 export declare const WalletContext: import("react").Context<WalletContextProps | undefined>;
-export declare const WalletContextProvider: ({ children, canSync, }: {
+export declare const WalletContextProvider: ({ children, }: {
     children: ReactNode;
-    canSync: boolean;
 }) => JSX.Element;
 export declare const useWalletContext: () => WalletContextProps;
 export {};

package/src/lib/context/WalletContext/WalletContext.js

@@ -1,93 +1,10 @@
 'use client'
 import { jsx } from 'react/jsx-runtime';
 import { createContext, useContext, useState, useMemo } from 'react';
-import '../../../../_virtual/_tslib.js';
-import '../DynamicContext/DynamicContext.js';
-import '@dynamic-labs/sdk-api-core';
-import '../../shared/logger.js';
-import '@dynamic-labs/iconic';
-import '@dynamic-labs/wallet-connector-core';
-import '../ViewContext/ViewContext.js';
-import '@dynamic-labs/wallet-book';
-import '../../utils/constants/colors.js';
-import '../../utils/constants/values.js';
-import '../../shared/utils/classes/storage/localStorage.js';
-import '../../shared/utils/classes/storage/sessionStorage.js';
-import '@dynamic-labs/utils';
-import '../../shared/consts/index.js';
-import '../../events/dynamicEvents.js';
-import '../CaptchaContext/CaptchaContext.js';
-import '../ErrorContext/ErrorContext.js';
-import '@dynamic-labs/multi-wallet';
-import 'react-international-phone';
-import '../../config/ApiEndpoint.js';
-import '@dynamic-labs/store';
-import '../../locale/locale.js';
-import '../AccessDeniedContext/AccessDeniedContext.js';
-import '../AccountExistsContext/AccountExistsContext.js';
-import '../UserWalletsContext/UserWalletsContext.js';
-import '../VerificationContext/VerificationContext.js';
-import 'react-dom';
-import '../../utils/hooks/useEmbeddedWallet/useSecureEnclaveEmbeddedWallet/constants.js';
-import '../ThemeContext/ThemeContext.js';
-import '../../utils/hooks/useUserUpdateRequest/useUpdateUser/userFieldsSchema.js';
-import '@dynamic-labs/types';
-import '../LoadingContext/LoadingContext.js';
-import 'yup';
-import '../MockContext/MockContext.js';
-import '../../views/CollectUserDataView/useFields.js';
-import '../FieldsStateContext/FieldsStateContext.js';
-import '../UserFieldEditorContext/UserFieldEditorContext.js';
-import '@dynamic-labs/rpc-providers';
-import 'react-i18next';
-import '../../components/Accordion/components/AccordionItem/AccordionItem.js';
-import '../../components/Alert/Alert.js';
-import '../../components/ShadowDOM/ShadowDOM.js';
-import '../../components/IconButton/IconButton.js';
-import '../../components/InlineWidget/InlineWidget.js';
-import '../../components/Input/Input.js';
-import '../../components/IsBrowser/IsBrowser.js';
-import '../../components/MenuList/Dropdown/Dropdown.js';
-import '../../components/Transition/ZoomTransition/ZoomTransition.js';
-import '../../components/Transition/SlideInUpTransition/SlideInUpTransition.js';
-import '../../components/Transition/OpacityTransition/OpacityTransition.js';
-import '../../components/OverlayCard/OverlayCardTarget/OverlayCardTarget.js';
-import '../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
-import '../../components/Popper/Popper/Popper.js';
-import '../../components/Popper/PopperContext/PopperContext.js';
-import 'react-focus-lock';
-import 'qrcode';
-import 'formik';
-import '../../views/WalletList/WalletList.js';
-import '../SocialRedirectContext/SocialRedirectContext.js';
-import '../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
-import '@hcaptcha/react-hcaptcha';
-import '../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
-import '../FooterAnimationContext/index.js';
-import '../WalletGroupContext/WalletGroupContext.js';
-import '../IpConfigurationContext/IpConfigurationContext.js';
-import '../PasskeyContext/PasskeyContext.js';
-import '@dynamic-labs/ethereum-core';
-import '../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
-import '../../views/TransactionConfirmationView/helpers/transactionErrorMessage.js';
-import '../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
-import '../../../polyfills.js';
-import '../ErrorBoundary/ErrorBoundaryBase.js';
-import '../ErrorBoundary/ErrorBoundaryContext.js';
-import '../../widgets/DynamicBridgeWidget/context/DynamicBridgeWidgetContext/DynamicBridgeWidgetContext.js';
-import '../../widgets/DynamicWidget/components/DynamicWidgetCard/DynamicWidgetCard.js';
-import '../WidgetRegistry/WidgetRegistryContextProvider.js';
-import '../FundingContext/FundingContext.js';
-import '../SendBalanceContext/SendBalanceContext.js';
-import '../ConnectWithOtpContext/ConnectWithOtpContext.js';
-import '../ConnectWithOtpContext/constants.js';
-import '../ReinitializeContext/ReinitializeContextProvider.js';
-import { useSyncPrimaryWallet } from '../../utils/hooks/multiWallet/useSyncPrimaryWallet/useSyncPrimaryWallet.js';
 
 const WalletContext = createContext(undefined);
-const WalletContextProvider = ({ children, canSync, }) => {
+const WalletContextProvider = ({ children, }) => {
     const [isLoadingEmbeddedWallet, setIsLoadingEmbeddedWallet] = useState(false);
-    useSyncPrimaryWallet(canSync);
     const value = useMemo(() => ({
         isLoadingEmbeddedWallet,
         setIsLoadingEmbeddedWallet,

package/src/lib/context/WidgetRegistry/WidgetRegistryContextProvider.cjs

@@ -5,7 +5,6 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
-require('@dynamic-labs/wallet-connector-core');
 require('@dynamic-labs/sdk-api-core');
 require('../../utils/constants/values.cjs');
 require('@dynamic-labs/utils');
@@ -13,6 +12,7 @@ require('../../../../_virtual/_tslib.cjs');
 require('@dynamic-labs/multi-wallet');
 require('../../shared/logger.cjs');
 require('@dynamic-labs/iconic');
+require('@dynamic-labs/wallet-connector-core');
 require('../ViewContext/ViewContext.cjs');
 require('@dynamic-labs/wallet-book');
 require('../../utils/constants/colors.cjs');

package/src/lib/context/WidgetRegistry/WidgetRegistryContextProvider.js

@@ -1,7 +1,6 @@
 'use client'
 import { jsx } from 'react/jsx-runtime';
 import { createContext, useState, useCallback, useContext, useRef, useEffect } from 'react';
-import '@dynamic-labs/wallet-connector-core';
 import '@dynamic-labs/sdk-api-core';
 import '../../utils/constants/values.js';
 import '@dynamic-labs/utils';
@@ -9,6 +8,7 @@ import '../../../../_virtual/_tslib.js';
 import '@dynamic-labs/multi-wallet';
 import '../../shared/logger.js';
 import '@dynamic-labs/iconic';
+import '@dynamic-labs/wallet-connector-core';
 import '../ViewContext/ViewContext.js';
 import '@dynamic-labs/wallet-book';
 import '../../utils/constants/colors.js';

package/src/lib/data/api/api.cjs

@@ -7,12 +7,12 @@ var sdkApiCore = require('@dynamic-labs/sdk-api-core');
 var utils = require('@dynamic-labs/utils');
 var version = require('../../../version.cjs');
 var ApiEndpoint = require('../../config/ApiEndpoint.cjs');
-require('@dynamic-labs/wallet-connector-core');
 require('../../utils/constants/values.cjs');
 require('../../../../_virtual/_tslib.cjs');
 require('@dynamic-labs/multi-wallet');
 require('../../shared/logger.cjs');
 require('@dynamic-labs/iconic');
+require('@dynamic-labs/wallet-connector-core');
 require('react/jsx-runtime');
 require('../../context/ViewContext/ViewContext.cjs');
 require('react');

package/src/lib/data/api/api.js

@@ -3,12 +3,12 @@ import { SDKApi, Configuration } from '@dynamic-labs/sdk-api-core';
 import { FetchService } from '@dynamic-labs/utils';
 import { VERSION, API_VERSION } from '../../../version.js';
 import ApiEndpoint from '../../config/ApiEndpoint.js';
-import '@dynamic-labs/wallet-connector-core';
 import '../../utils/constants/values.js';
 import '../../../../_virtual/_tslib.js';
 import '@dynamic-labs/multi-wallet';
 import '../../shared/logger.js';
 import '@dynamic-labs/iconic';
+import '@dynamic-labs/wallet-connector-core';
 import 'react/jsx-runtime';
 import '../../context/ViewContext/ViewContext.js';
 import 'react';

package/src/lib/locale/en/translation.cjs

@@ -2051,16 +2051,50 @@ const translation = {
         confirm_button: 'Yes, link this wallet',
     },
     /**
-       * @description copy keys for sync wallet prompt
+       * @description copy keys for sync wallet view
        * @default
        * {
-          title: 'Switch wallet in {{walletName}}',
-          description: 'Switch to wallet {{walletAddress}} in {{walletName}} to make it active.',
+          switch_wallet: {
+            title: 'Your wallets are mismatched. \nSwitch to continue.',
+            active_address: {
+              heading: 'Currently active in wallet',
+            },
+            expected_address: {
+              heading: 'Currently active on website',
+              prompt: 'Manually switch to this wallet',
+            },
+          },
+          reconnecting: {
+            title: 'This wallet is not connected',
+            description: 'Reconnecting wallet {{walletAddress}} to make it active...',
+          },
+          reconnect_with_qr_code: {
+            title: 'This wallet is not connected',
+          },
+          cancel_button: 'Cancel',
+          retry_button: 'Retry',
         }
       */
     dyn_sync_wallet: {
-        title: 'Switch wallet in {{walletName}}',
-        description: 'Switch to wallet {{walletAddress}} in {{walletName}} to make it active.',
+        switch_wallet: {
+            title: 'Your wallets are mismatched. \nSwitch to continue.',
+            active_address: {
+                heading: 'Currently active in wallet',
+            },
+            expected_address: {
+                heading: 'Currently active on website',
+                prompt: 'Manually switch to this wallet',
+            },
+        },
+        reconnecting: {
+            title: 'This wallet is not connected',
+            description: 'Reconnecting wallet {{walletAddress}} to make it active...',
+        },
+        reconnect_with_qr_code: {
+            title: 'This wallet is not connected',
+        },
+        cancel_button: 'Cancel',
+        retry_button: 'Retry',
     },
 };
 

package/src/lib/locale/en/translation.d.ts

@@ -2047,15 +2047,49 @@ export declare const translation: {
         confirm_button: string;
     };
     /**
-       * @description copy keys for sync wallet prompt
+       * @description copy keys for sync wallet view
        * @default
        * {
-          title: 'Switch wallet in {{walletName}}',
-          description: 'Switch to wallet {{walletAddress}} in {{walletName}} to make it active.',
+          switch_wallet: {
+            title: 'Your wallets are mismatched. \nSwitch to continue.',
+            active_address: {
+              heading: 'Currently active in wallet',
+            },
+            expected_address: {
+              heading: 'Currently active on website',
+              prompt: 'Manually switch to this wallet',
+            },
+          },
+          reconnecting: {
+            title: 'This wallet is not connected',
+            description: 'Reconnecting wallet {{walletAddress}} to make it active...',
+          },
+          reconnect_with_qr_code: {
+            title: 'This wallet is not connected',
+          },
+          cancel_button: 'Cancel',
+          retry_button: 'Retry',
         }
       */
     dyn_sync_wallet: {
-        title: string;
-        description: string;
+        switch_wallet: {
+            title: string;
+            active_address: {
+                heading: string;
+            };
+            expected_address: {
+                heading: string;
+                prompt: string;
+            };
+        };
+        reconnecting: {
+            title: string;
+            description: string;
+        };
+        reconnect_with_qr_code: {
+            title: string;
+        };
+        cancel_button: string;
+        retry_button: string;
     };
 };

package/src/lib/locale/en/translation.js

@@ -2047,16 +2047,50 @@ const translation = {
         confirm_button: 'Yes, link this wallet',
     },
     /**
-       * @description copy keys for sync wallet prompt
+       * @description copy keys for sync wallet view
        * @default
        * {
-          title: 'Switch wallet in {{walletName}}',
-          description: 'Switch to wallet {{walletAddress}} in {{walletName}} to make it active.',
+          switch_wallet: {
+            title: 'Your wallets are mismatched. \nSwitch to continue.',
+            active_address: {
+              heading: 'Currently active in wallet',
+            },
+            expected_address: {
+              heading: 'Currently active on website',
+              prompt: 'Manually switch to this wallet',
+            },
+          },
+          reconnecting: {
+            title: 'This wallet is not connected',
+            description: 'Reconnecting wallet {{walletAddress}} to make it active...',
+          },
+          reconnect_with_qr_code: {
+            title: 'This wallet is not connected',
+          },
+          cancel_button: 'Cancel',
+          retry_button: 'Retry',
         }
       */
     dyn_sync_wallet: {
-        title: 'Switch wallet in {{walletName}}',
-        description: 'Switch to wallet {{walletAddress}} in {{walletName}} to make it active.',
+        switch_wallet: {
+            title: 'Your wallets are mismatched. \nSwitch to continue.',
+            active_address: {
+                heading: 'Currently active in wallet',
+            },
+            expected_address: {
+                heading: 'Currently active on website',
+                prompt: 'Manually switch to this wallet',
+            },
+        },
+        reconnecting: {
+            title: 'This wallet is not connected',
+            description: 'Reconnecting wallet {{walletAddress}} to make it active...',
+        },
+        reconnect_with_qr_code: {
+            title: 'This wallet is not connected',
+        },
+        cancel_button: 'Cancel',
+        retry_button: 'Retry',
     },
 };
 

package/src/lib/modals/SendBalanceModal/SendBalanceModal.cjs

@@ -82,6 +82,7 @@ require('../../views/WalletList/WalletList.cjs');
 require('../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
 require('@hcaptcha/react-hcaptcha');
 require('../../context/IpConfigurationContext/IpConfigurationContext.cjs');
+require('../../components/Input/Input.cjs');
 require('../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
 require('../../context/SendBalanceContext/SendBalanceContext.cjs');
 require('../../context/ConnectWithOtpContext/ConnectWithOtpContext.cjs');
@@ -89,7 +90,6 @@ require('../../context/ConnectWithOtpContext/constants.cjs');
 require('../../context/ReinitializeContext/ReinitializeContextProvider.cjs');
 require('../../views/TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
 require('../../components/InlineWidget/InlineWidget.cjs');
-require('../../components/Input/Input.cjs');
 require('qrcode');
 require('@dynamic-labs/ethereum-core');
 

package/src/lib/modals/SendBalanceModal/SendBalanceModal.js

@@ -78,6 +78,7 @@ import '../../views/WalletList/WalletList.js';
 import '../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
 import '@hcaptcha/react-hcaptcha';
 import '../../context/IpConfigurationContext/IpConfigurationContext.js';
+import '../../components/Input/Input.js';
 import '../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
 import '../../context/SendBalanceContext/SendBalanceContext.js';
 import '../../context/ConnectWithOtpContext/ConnectWithOtpContext.js';
@@ -85,7 +86,6 @@ import '../../context/ConnectWithOtpContext/constants.js';
 import '../../context/ReinitializeContext/ReinitializeContextProvider.js';
 import '../../views/TransactionConfirmationView/helpers/transactionErrorMessage.js';
 import '../../components/InlineWidget/InlineWidget.js';
-import '../../components/Input/Input.js';
 import 'qrcode';
 import '@dynamic-labs/ethereum-core';