@dynamic-labs/sdk-react-core 1.0.1 → 1.1.0-alpha.1

package/src/lib/layout/DynamicAuthLayout/HelpContent/WalletListHelpContent/WalletExtensionOrAppContinueButton/WalletExtensionOrAppContinueButton.js

@@ -1,6 +1,7 @@
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import { isMobile } from '@dynamic-labs/utils';
 import 'react';
+import '../../../../../events/dynamicEvents.js';
 import '../../../../../context/DynamicContext/DynamicContext.js';
 import '@dynamic-labs/wallet-connector-core';
 import '../../../../../context/CaptchaContext/CaptchaContext.js';

package/src/lib/layout/DynamicAuthLayout/HelpContent/WalletListHelpContent/WalletListHelpContent.cjs

@@ -19,6 +19,7 @@ require('../../../../shared/utils/classes/storage/localStorage.cjs');
 require('viem');
 require('../../../../shared/consts/index.cjs');
 var parseWalletLinks = require('../../../../utils/functions/parseWalletLinks/parseWalletLinks.cjs');
+require('../../../../events/dynamicEvents.cjs');
 require('../../../../context/CaptchaContext/CaptchaContext.cjs');
 require('../../../../context/ErrorContext/ErrorContext.cjs');
 require('@dynamic-labs/multi-wallet');

package/src/lib/layout/DynamicAuthLayout/HelpContent/WalletListHelpContent/WalletListHelpContent.js

@@ -15,6 +15,7 @@ import '../../../../shared/utils/classes/storage/localStorage.js';
 import 'viem';
 import '../../../../shared/consts/index.js';
 import { parseWalletLinks } from '../../../../utils/functions/parseWalletLinks/parseWalletLinks.js';
+import '../../../../events/dynamicEvents.js';
 import '../../../../context/CaptchaContext/CaptchaContext.js';
 import '../../../../context/ErrorContext/ErrorContext.js';
 import '@dynamic-labs/multi-wallet';

package/src/lib/layout/DynamicAuthLayout/HelpContent/WalletMoreInfoContent/WalletMoreInfoContent.cjs

@@ -5,6 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var jsxRuntime = require('react/jsx-runtime');
 var walletConnectorCore = require('@dynamic-labs/wallet-connector-core');
 require('react');
+require('../../../../events/dynamicEvents.cjs');
 require('@dynamic-labs/utils');
 require('../../../../context/DynamicContext/DynamicContext.cjs');
 require('../../../../context/CaptchaContext/CaptchaContext.cjs');

package/src/lib/layout/DynamicAuthLayout/HelpContent/WalletMoreInfoContent/WalletMoreInfoContent.js

@@ -1,6 +1,7 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { PhantomLedgerWalletName } from '@dynamic-labs/wallet-connector-core';
 import 'react';
+import '../../../../events/dynamicEvents.js';
 import '@dynamic-labs/utils';
 import '../../../../context/DynamicContext/DynamicContext.js';
 import '../../../../context/CaptchaContext/CaptchaContext.js';

package/src/lib/layout/DynamicAuthLayout/ToSFooter/ToSFooter.cjs

@@ -4,6 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var jsxRuntime = require('react/jsx-runtime');
 require('react');
+require('../../../events/dynamicEvents.cjs');
 require('@dynamic-labs/utils');
 require('../../../context/DynamicContext/DynamicContext.cjs');
 require('@dynamic-labs/wallet-connector-core');

package/src/lib/layout/DynamicAuthLayout/ToSFooter/ToSFooter.js

@@ -1,5 +1,6 @@
 import { jsx } from 'react/jsx-runtime';
 import 'react';
+import '../../../events/dynamicEvents.js';
 import '@dynamic-labs/utils';
 import '../../../context/DynamicContext/DynamicContext.js';
 import '@dynamic-labs/wallet-connector-core';

package/src/lib/layout/DynamicAuthLayout/WalletProgressStepper/WalletProgressStepper.cjs

@@ -5,6 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var jsxRuntime = require('react/jsx-runtime');
 var walletConnectorCore = require('@dynamic-labs/wallet-connector-core');
 require('react');
+require('../../../events/dynamicEvents.cjs');
 require('@dynamic-labs/utils');
 var useInternalDynamicContext = require('../../../context/DynamicContext/useInternalDynamicContext.cjs');
 require('../../../context/CaptchaContext/CaptchaContext.cjs');

package/src/lib/layout/DynamicAuthLayout/WalletProgressStepper/WalletProgressStepper.js

@@ -1,6 +1,7 @@
 import { jsx } from 'react/jsx-runtime';
 import { getChainInfo } from '@dynamic-labs/wallet-connector-core';
 import 'react';
+import '../../../events/dynamicEvents.js';
 import '@dynamic-labs/utils';
 import { useInternalDynamicContext } from '../../../context/DynamicContext/useInternalDynamicContext.js';
 import '../../../context/CaptchaContext/CaptchaContext.js';

package/src/lib/layout/DynamicUserProfileLayout/DynamicUserProfileLayout.cjs

@@ -5,6 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var jsxRuntime = require('react/jsx-runtime');
 require('react');
 require('react-dom');
+require('../../events/dynamicEvents.cjs');
 require('@dynamic-labs/utils');
 require('../../context/DynamicContext/DynamicContext.cjs');
 require('@dynamic-labs/wallet-connector-core');

package/src/lib/layout/DynamicUserProfileLayout/DynamicUserProfileLayout.js

@@ -1,6 +1,7 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import 'react';
 import 'react-dom';
+import '../../events/dynamicEvents.js';
 import '@dynamic-labs/utils';
 import '../../context/DynamicContext/DynamicContext.js';
 import '@dynamic-labs/wallet-connector-core';

package/src/lib/layouts/BridgeNextWalletToConnectLayout/BridgeNextWalletToConnectLayout.cjs

@@ -4,6 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var jsxRuntime = require('react/jsx-runtime');
 require('react');
+require('../../events/dynamicEvents.cjs');
 require('@dynamic-labs/utils');
 require('../../context/DynamicContext/DynamicContext.cjs');
 require('@dynamic-labs/wallet-connector-core');

package/src/lib/layouts/BridgeNextWalletToConnectLayout/BridgeNextWalletToConnectLayout.js

@@ -1,5 +1,6 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import 'react';
+import '../../events/dynamicEvents.js';
 import '@dynamic-labs/utils';
 import '../../context/DynamicContext/DynamicContext.js';
 import '@dynamic-labs/wallet-connector-core';

package/src/lib/layouts/BridgeWelcomeLayout/BridgeWelcomeLayout.cjs

@@ -4,6 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var jsxRuntime = require('react/jsx-runtime');
 require('react');
+require('../../events/dynamicEvents.cjs');
 require('@dynamic-labs/utils');
 require('../../context/DynamicContext/DynamicContext.cjs');
 require('@dynamic-labs/wallet-connector-core');
@@ -64,9 +65,9 @@ require('react-focus-lock');
 var Step = require('../../components/Step/Step.cjs');
 var Stepper = require('../../components/Stepper/Stepper.cjs');
 
-const BridgeWelcomeLayout = ({ body, chains = [], onClickAction, onClickClose, title, actionButtonText, }) => {
+const BridgeWelcomeLayout = ({ body, chains = [], onClickAction, onClickClose, title, actionButtonText, copykey, }) => {
     const closeButton = onClickClose && (jsxRuntime.jsx(IconButton.IconButton, { type: 'button', onClick: onClickClose, "data-testid": 'close-button', children: jsxRuntime.jsx(close.ReactComponent, {}) }));
-    return (jsxRuntime.jsxs("div", { className: 'bridge-welcome-layout', children: [jsxRuntime.jsx(ModalHeader.ModalHeader, { trailing: closeButton, alignContent: 'bottom', children: jsxRuntime.jsx("div", { className: 'bridge-welcome-layout__chain-icon-group', children: [...chains].reverse().map((chain, index) => (jsxRuntime.jsx("div", { className: 'bridge-welcome-layout__chain-icon', style: { zIndex: index }, children: chain.icon }, chain.id))) }) }), jsxRuntime.jsxs("div", { className: 'bridge-welcome-layout__body', children: [jsxRuntime.jsxs("div", { className: 'bridge-welcome-layout__message-container', children: [jsxRuntime.jsx(Typography.Typography, { variant: 'title', color: 'primary', children: title }), jsxRuntime.jsx(Typography.Typography, { variant: 'body_normal', color: 'secondary', children: body })] }), jsxRuntime.jsx("div", { children: jsxRuntime.jsx(Stepper.Stepper, { children: chains.map((chain) => (jsxRuntime.jsx(Step.Step, { children: chain.name }, chain.id))) }) }), jsxRuntime.jsx(Button.Button, { buttonVariant: 'primary', buttonPadding: 'large', onClick: onClickAction, children: actionButtonText })] })] }));
+    return (jsxRuntime.jsxs("div", { className: 'bridge-welcome-layout', children: [jsxRuntime.jsx(ModalHeader.ModalHeader, { trailing: closeButton, alignContent: 'bottom', children: jsxRuntime.jsx("div", { className: 'bridge-welcome-layout__chain-icon-group', children: [...chains].reverse().map((chain, index) => (jsxRuntime.jsx("div", { className: 'bridge-welcome-layout__chain-icon', style: { zIndex: index }, children: chain.icon }, chain.id))) }) }), jsxRuntime.jsxs("div", { className: 'bridge-welcome-layout__body', children: [jsxRuntime.jsxs("div", { className: 'bridge-welcome-layout__message-container', children: [jsxRuntime.jsx(Typography.Typography, { variant: 'title', color: 'primary', copykey: copykey, children: title }), jsxRuntime.jsx(Typography.Typography, { variant: 'body_normal', color: 'secondary', children: body })] }), jsxRuntime.jsx("div", { children: jsxRuntime.jsx(Stepper.Stepper, { children: chains.map((chain) => (jsxRuntime.jsx(Step.Step, { children: chain.name }, chain.id))) }) }), jsxRuntime.jsx(Button.Button, { buttonVariant: 'primary', buttonPadding: 'large', onClick: onClickAction, children: actionButtonText })] })] }));
 };
 
 exports.BridgeWelcomeLayout = BridgeWelcomeLayout;

package/src/lib/layouts/BridgeWelcomeLayout/BridgeWelcomeLayout.d.ts

@@ -1,4 +1,5 @@
 import { FC, MouseEventHandler, ReactNode } from 'react';
+import { CopyKey } from '../../shared';
 export type BridgeWelcomeLayoutChainInfo = {
     id: number;
     name: string;
@@ -15,5 +16,5 @@ export type BridgeWelcomeLayoutProps = {
     }[];
     onClickClose?: MouseEventHandler<HTMLButtonElement>;
     onClickAction?: MouseEventHandler<HTMLButtonElement>;
-};
+} & CopyKey;
 export declare const BridgeWelcomeLayout: FC<BridgeWelcomeLayoutProps>;

package/src/lib/layouts/BridgeWelcomeLayout/BridgeWelcomeLayout.js

@@ -1,5 +1,6 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import 'react';
+import '../../events/dynamicEvents.js';
 import '@dynamic-labs/utils';
 import '../../context/DynamicContext/DynamicContext.js';
 import '@dynamic-labs/wallet-connector-core';
@@ -60,9 +61,9 @@ import 'react-focus-lock';
 import { Step } from '../../components/Step/Step.js';
 import { Stepper } from '../../components/Stepper/Stepper.js';
 
-const BridgeWelcomeLayout = ({ body, chains = [], onClickAction, onClickClose, title, actionButtonText, }) => {
+const BridgeWelcomeLayout = ({ body, chains = [], onClickAction, onClickClose, title, actionButtonText, copykey, }) => {
     const closeButton = onClickClose && (jsx(IconButton, { type: 'button', onClick: onClickClose, "data-testid": 'close-button', children: jsx(SvgClose, {}) }));
-    return (jsxs("div", { className: 'bridge-welcome-layout', children: [jsx(ModalHeader, { trailing: closeButton, alignContent: 'bottom', children: jsx("div", { className: 'bridge-welcome-layout__chain-icon-group', children: [...chains].reverse().map((chain, index) => (jsx("div", { className: 'bridge-welcome-layout__chain-icon', style: { zIndex: index }, children: chain.icon }, chain.id))) }) }), jsxs("div", { className: 'bridge-welcome-layout__body', children: [jsxs("div", { className: 'bridge-welcome-layout__message-container', children: [jsx(Typography, { variant: 'title', color: 'primary', children: title }), jsx(Typography, { variant: 'body_normal', color: 'secondary', children: body })] }), jsx("div", { children: jsx(Stepper, { children: chains.map((chain) => (jsx(Step, { children: chain.name }, chain.id))) }) }), jsx(Button, { buttonVariant: 'primary', buttonPadding: 'large', onClick: onClickAction, children: actionButtonText })] })] }));
+    return (jsxs("div", { className: 'bridge-welcome-layout', children: [jsx(ModalHeader, { trailing: closeButton, alignContent: 'bottom', children: jsx("div", { className: 'bridge-welcome-layout__chain-icon-group', children: [...chains].reverse().map((chain, index) => (jsx("div", { className: 'bridge-welcome-layout__chain-icon', style: { zIndex: index }, children: chain.icon }, chain.id))) }) }), jsxs("div", { className: 'bridge-welcome-layout__body', children: [jsxs("div", { className: 'bridge-welcome-layout__message-container', children: [jsx(Typography, { variant: 'title', color: 'primary', copykey: copykey, children: title }), jsx(Typography, { variant: 'body_normal', color: 'secondary', children: body })] }), jsx("div", { children: jsx(Stepper, { children: chains.map((chain) => (jsx(Step, { children: chain.name }, chain.id))) }) }), jsx(Button, { buttonVariant: 'primary', buttonPadding: 'large', onClick: onClickAction, children: actionButtonText })] })] }));
 };
 
 export { BridgeWelcomeLayout };

package/src/lib/layouts/ConnectedWalletsListLayout/ConnectedWalletsListLayout.cjs

@@ -4,6 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var jsxRuntime = require('react/jsx-runtime');
 require('react');
+require('../../events/dynamicEvents.cjs');
 require('@dynamic-labs/utils');
 require('../../context/DynamicContext/DynamicContext.cjs');
 require('@dynamic-labs/wallet-connector-core');
@@ -63,10 +64,10 @@ require('../../components/Popper/Popper/Popper.cjs');
 require('../../components/Popper/PopperContext/PopperContext.cjs');
 require('react-focus-lock');
 
-const ConnectedWalletsListLayout = ({ title, body, onClickBack, onClickClose, onClickAction, actionButtonText = 'Continue', children, }) => {
+const ConnectedWalletsListLayout = ({ title, body, onClickBack, onClickClose, onClickAction, actionButtonText = 'Continue', children, copykey, }) => {
     const closeButton = onClickClose && (jsxRuntime.jsx(IconButton.IconButton, { type: 'button', onClick: onClickClose, "data-testid": 'close-button', children: jsxRuntime.jsx(close.ReactComponent, {}) }));
     const backButton = onClickBack && (jsxRuntime.jsx(IconButton.IconButton, { type: 'button', onClick: onClickBack, "data-testid": 'back-button', children: jsxRuntime.jsx(chevronLeft.ReactComponent, {}) }));
-    return (jsxRuntime.jsxs("div", { className: 'connected-wallets-list-layout', children: [jsxRuntime.jsx(ModalHeader.ModalHeader, { leading: backButton, trailing: closeButton, children: jsxRuntime.jsx(Typography.Typography, { variant: 'title', color: 'primary', children: title }) }), jsxRuntime.jsxs("div", { className: 'connected-wallets-list-layout__body', children: [jsxRuntime.jsx(Typography.Typography, { variant: 'body_normal', color: 'secondary', className: 'connected-wallets-list-layout__body__text', children: body }), children, jsxRuntime.jsx(Button.Button, { buttonPadding: 'large', buttonVariant: 'primary', onClick: onClickAction, children: actionButtonText })] })] }));
+    return (jsxRuntime.jsxs("div", { className: 'connected-wallets-list-layout', children: [jsxRuntime.jsx(ModalHeader.ModalHeader, { leading: backButton, trailing: closeButton, children: jsxRuntime.jsx(Typography.Typography, { variant: 'title', color: 'primary', copykey: copykey, children: title }) }), jsxRuntime.jsxs("div", { className: 'connected-wallets-list-layout__body', children: [jsxRuntime.jsx(Typography.Typography, { variant: 'body_normal', color: 'secondary', className: 'connected-wallets-list-layout__body__text', children: body }), children, jsxRuntime.jsx(Button.Button, { buttonPadding: 'large', buttonVariant: 'primary', onClick: onClickAction, children: actionButtonText })] })] }));
 };
 
 exports.ConnectedWalletsListLayout = ConnectedWalletsListLayout;

package/src/lib/layouts/ConnectedWalletsListLayout/ConnectedWalletsListLayout.d.ts

@@ -1,4 +1,5 @@
 import { FC, MouseEventHandler, PropsWithChildren, ReactNode } from 'react';
+import { CopyKey } from '../../shared';
 export type ConnectedWalletsListLayoutProps = {
     title: ReactNode;
     body?: ReactNode;
@@ -6,5 +7,5 @@ export type ConnectedWalletsListLayoutProps = {
     onClickBack?: MouseEventHandler<HTMLButtonElement>;
     onClickAction?: MouseEventHandler<HTMLButtonElement>;
     actionButtonText?: ReactNode;
-};
+} & CopyKey;
 export declare const ConnectedWalletsListLayout: FC<PropsWithChildren<ConnectedWalletsListLayoutProps>>;

package/src/lib/layouts/ConnectedWalletsListLayout/ConnectedWalletsListLayout.js

@@ -1,5 +1,6 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import 'react';
+import '../../events/dynamicEvents.js';
 import '@dynamic-labs/utils';
 import '../../context/DynamicContext/DynamicContext.js';
 import '@dynamic-labs/wallet-connector-core';
@@ -59,10 +60,10 @@ import '../../components/Popper/Popper/Popper.js';
 import '../../components/Popper/PopperContext/PopperContext.js';
 import 'react-focus-lock';
 
-const ConnectedWalletsListLayout = ({ title, body, onClickBack, onClickClose, onClickAction, actionButtonText = 'Continue', children, }) => {
+const ConnectedWalletsListLayout = ({ title, body, onClickBack, onClickClose, onClickAction, actionButtonText = 'Continue', children, copykey, }) => {
     const closeButton = onClickClose && (jsx(IconButton, { type: 'button', onClick: onClickClose, "data-testid": 'close-button', children: jsx(SvgClose, {}) }));
     const backButton = onClickBack && (jsx(IconButton, { type: 'button', onClick: onClickBack, "data-testid": 'back-button', children: jsx(SvgChevronLeft, {}) }));
-    return (jsxs("div", { className: 'connected-wallets-list-layout', children: [jsx(ModalHeader, { leading: backButton, trailing: closeButton, children: jsx(Typography, { variant: 'title', color: 'primary', children: title }) }), jsxs("div", { className: 'connected-wallets-list-layout__body', children: [jsx(Typography, { variant: 'body_normal', color: 'secondary', className: 'connected-wallets-list-layout__body__text', children: body }), children, jsx(Button, { buttonPadding: 'large', buttonVariant: 'primary', onClick: onClickAction, children: actionButtonText })] })] }));
+    return (jsxs("div", { className: 'connected-wallets-list-layout', children: [jsx(ModalHeader, { leading: backButton, trailing: closeButton, children: jsx(Typography, { variant: 'title', color: 'primary', copykey: copykey, children: title }) }), jsxs("div", { className: 'connected-wallets-list-layout__body', children: [jsx(Typography, { variant: 'body_normal', color: 'secondary', className: 'connected-wallets-list-layout__body__text', children: body }), children, jsx(Button, { buttonPadding: 'large', buttonVariant: 'primary', onClick: onClickAction, children: actionButtonText })] })] }));
 };
 
 export { ConnectedWalletsListLayout };

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

@@ -471,6 +471,7 @@ const translation = {
         confirm_code: 'Confirm verification code',
         hang_tight: 'Hang tight while we get things ready for you',
         verification_succeeded: 'Verification code confirmed',
+        title: 'Confirm verification code',
       }
      */
     dyn_otp_verification: {
@@ -479,6 +480,7 @@ const translation = {
         confirm_code: 'Confirm verification code',
         hang_tight: 'Hang tight while we get things ready for you',
         verification_succeeded: 'Verification code confirmed',
+        title: 'Confirm verification code',
     },
     /**
      * @description copy key for passkey created success banner
@@ -863,6 +865,7 @@ const translation = {
           warning: 'Linking your wallet to this account will unlink it from its previously associated account',
         },
         log_out_button: 'Log out',
+        title: 'Transfer this wallet?'
       }
      */
     dyn_wallet_link: {
@@ -878,6 +881,7 @@ const translation = {
             warning: 'Linking your wallet to this account will unlink it from its previously associated account',
         },
         log_out_button: 'Log out',
+        title: 'Transfer this wallet?',
     },
     /**
      * @description copy keys for connecting wallets list view
@@ -952,6 +956,8 @@ const translation = {
         connect: 'Connect your wallet',
         empty_wallets: '{{action}} additional wallets to see them here.',
         other_wallets: 'My other wallets',
+        empty_wallets_action_link: 'Link',
+        empty_wallets_action_connect: 'Connect',
     },
 };
 

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

@@ -466,6 +466,7 @@ export declare const translation: {
         confirm_code: 'Confirm verification code',
         hang_tight: 'Hang tight while we get things ready for you',
         verification_succeeded: 'Verification code confirmed',
+        title: 'Confirm verification code',
       }
      */
     dyn_otp_verification: {
@@ -474,6 +475,7 @@ export declare const translation: {
         confirm_code: string;
         hang_tight: string;
         verification_succeeded: string;
+        title: string;
     };
     /**
      * @description copy key for passkey created success banner
@@ -858,6 +860,7 @@ export declare const translation: {
           warning: 'Linking your wallet to this account will unlink it from its previously associated account',
         },
         log_out_button: 'Log out',
+        title: 'Transfer this wallet?'
       }
      */
     dyn_wallet_link: {
@@ -873,6 +876,7 @@ export declare const translation: {
             warning: string;
         };
         log_out_button: string;
+        title: string;
     };
     /**
      * @description copy keys for connecting wallets list view
@@ -947,5 +951,7 @@ export declare const translation: {
         connect: string;
         empty_wallets: string;
         other_wallets: string;
+        empty_wallets_action_link: string;
+        empty_wallets_action_connect: string;
     };
 };

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

@@ -467,6 +467,7 @@ const translation = {
         confirm_code: 'Confirm verification code',
         hang_tight: 'Hang tight while we get things ready for you',
         verification_succeeded: 'Verification code confirmed',
+        title: 'Confirm verification code',
       }
      */
     dyn_otp_verification: {
@@ -475,6 +476,7 @@ const translation = {
         confirm_code: 'Confirm verification code',
         hang_tight: 'Hang tight while we get things ready for you',
         verification_succeeded: 'Verification code confirmed',
+        title: 'Confirm verification code',
     },
     /**
      * @description copy key for passkey created success banner
@@ -859,6 +861,7 @@ const translation = {
           warning: 'Linking your wallet to this account will unlink it from its previously associated account',
         },
         log_out_button: 'Log out',
+        title: 'Transfer this wallet?'
       }
      */
     dyn_wallet_link: {
@@ -874,6 +877,7 @@ const translation = {
             warning: 'Linking your wallet to this account will unlink it from its previously associated account',
         },
         log_out_button: 'Log out',
+        title: 'Transfer this wallet?',
     },
     /**
      * @description copy keys for connecting wallets list view
@@ -948,6 +952,8 @@ const translation = {
         connect: 'Connect your wallet',
         empty_wallets: '{{action}} additional wallets to see them here.',
         other_wallets: 'My other wallets',
+        empty_wallets_action_link: 'Link',
+        empty_wallets_action_connect: 'Connect',
     },
 };
 

package/src/lib/modals/DynamicAuthModal/DynamicAuthModal.cjs

@@ -4,6 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var jsxRuntime = require('react/jsx-runtime');
 require('react');
+require('../../events/dynamicEvents.cjs');
 require('@dynamic-labs/utils');
 require('../../context/DynamicContext/DynamicContext.cjs');
 require('@dynamic-labs/wallet-connector-core');

package/src/lib/modals/DynamicAuthModal/DynamicAuthModal.js

@@ -1,5 +1,6 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import 'react';
+import '../../events/dynamicEvents.js';
 import '@dynamic-labs/utils';
 import '../../context/DynamicContext/DynamicContext.js';
 import '@dynamic-labs/wallet-connector-core';

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

@@ -4,6 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
+require('../../events/dynamicEvents.cjs');
 require('@dynamic-labs/utils');
 require('../../context/DynamicContext/DynamicContext.cjs');
 require('@dynamic-labs/wallet-connector-core');

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

@@ -1,5 +1,6 @@
 import { jsx } from 'react/jsx-runtime';
 import { useState, useRef, useCallback } from 'react';
+import '../../events/dynamicEvents.js';
 import '@dynamic-labs/utils';
 import '../../context/DynamicContext/DynamicContext.js';
 import '@dynamic-labs/wallet-connector-core';

package/src/lib/modals/SignMessageConfirmationModal/SignMessageConfirmationModal.cjs

@@ -5,6 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var reactI18next = require('react-i18next');
+require('../../events/dynamicEvents.cjs');
 require('@dynamic-labs/utils');
 require('../../context/DynamicContext/DynamicContext.cjs');
 require('@dynamic-labs/wallet-connector-core');
@@ -28,8 +29,8 @@ require('../../context/AccountExistsContext/AccountExistsContext.cjs');
 require('../../config/ApiEndpoint.cjs');
 require('../../context/EmailVerificationContext/EmailVerificationContext.cjs');
 require('react-dom');
-var useMutation = require('../../utils/hooks/useMutation/useMutation.cjs');
 require('../../context/ThemeContext/ThemeContext.cjs');
+var useMutation = require('../../utils/hooks/useMutation/useMutation.cjs');
 require('@dynamic-labs/types');
 require('yup');
 require('../../context/MockContext/MockContext.cjs');
@@ -105,7 +106,7 @@ const SignMessageConfirmationModal = ({ appLogoUrl, appName, appOrigin, message,
     const closeButton = (jsxRuntime.jsx(IconButton.IconButton, { type: 'button', onClick: handleOnReject, "data-testid": 'close', disabled: isLoading, children: jsxRuntime.jsx(close.ReactComponent, {}) }));
     return (jsxRuntime.jsx(Portal.Portal, { handleClose: handleOnReject, isShown: show, zIndex: index.authModalZIndex, withBackdrop: true, elementId: 'dynamic-sign-message', transitionEvents: {
             onUnmount: handleOnModalUnmount,
-        }, children: jsxRuntime.jsx(Modal.Modal, { children: jsxRuntime.jsxs(ModalCard.ModalCard, { children: [jsxRuntime.jsx(ModalHeader.ModalHeader, { trailing: closeButton, alignContent: 'bottom', children: jsxRuntime.jsx(IconWithSpinner.IconWithSpinner, { Icon: (props) => (jsxRuntime.jsx(Icon.Icon, { color: 'brand-primary', children: jsxRuntime.jsx(signCircle.ReactComponent, Object.assign({}, props)) })), iconSize: 64, isSpinning: true }) }), jsxRuntime.jsx(PasskeyCreatedSuccessBanner.PasskeyCreatedSuccessBanner, {}), jsxRuntime.jsxs("div", { className: 'sign-message-confirmation__body', children: [jsxRuntime.jsx(Typography.Typography, { variant: 'title', color: 'primary', className: 'sign-message-confirmation__title', children: t('dyn_sign_message.title') }), jsxRuntime.jsx(AnimatePresence.AnimatePresence, { animationComponent: jsxRuntime.jsx(VerticalDrawerTransition.VerticalDrawerTransition, {}), children: signMessageError && (jsxRuntime.jsx("div", { className: 'sign-message-confirmation__error', children: jsxRuntime.jsx(ErrorContainer.ErrorContainer, { children: getProperErrorMessage.getProperErrorMessage(signMessageError) }) })) }), jsxRuntime.jsxs("div", { className: 'sign-message-confirmation__message-container', children: [jsxRuntime.jsx(AppOriginTile.AppOriginTile, { appLogoUrl: appLogoUrl, appName: appName, appOrigin: appOrigin }), jsxRuntime.jsx("div", { className: 'sign-message-confirmation__message', children: jsxRuntime.jsx(SignMessagePreview.SignMessagePreview, { message: message.toString() }) })] }), jsxRuntime.jsx(SecureTurnkeyWalletCard.SecureTurnkeyWalletCard, { className: 'sign-message-confirmation__secure-wallet' }), jsxRuntime.jsxs("div", { className: 'sign-message-confirmation__actions', children: [jsxRuntime.jsx(Button.Button, { buttonVariant: 'secondary', onClick: handleOnReject, expanded: true, buttonPadding: 'large', disabled: isLoading, children: t('dyn_sign_message.cancel_button') }), jsxRuntime.jsx(Button.Button, { buttonVariant: 'primary', buttonPadding: 'large', onClick: () => confirm(), expanded: true, disabled: isTurnkeyWalletWithoutAuthenticator, loading: isLoading, children: t('dyn_sign_message.sign_button') })] }), jsxRuntime.jsx(NeedHelpSection.NeedHelpSection, {}), jsxRuntime.jsx(PoweredByDynamic.PoweredByDynamic, {})] })] }) }) }));
+        }, children: jsxRuntime.jsx(Modal.Modal, { children: jsxRuntime.jsxs(ModalCard.ModalCard, { children: [jsxRuntime.jsx(ModalHeader.ModalHeader, { trailing: closeButton, alignContent: 'bottom', children: jsxRuntime.jsx(IconWithSpinner.IconWithSpinner, { Icon: (props) => (jsxRuntime.jsx(Icon.Icon, { color: 'brand-primary', children: jsxRuntime.jsx(signCircle.ReactComponent, Object.assign({}, props)) })), iconSize: 64, isSpinning: true }) }), jsxRuntime.jsx(PasskeyCreatedSuccessBanner.PasskeyCreatedSuccessBanner, {}), jsxRuntime.jsxs("div", { className: 'sign-message-confirmation__body', children: [jsxRuntime.jsx(Typography.Typography, { variant: 'title', color: 'primary', className: 'sign-message-confirmation__title', copykey: 'dyn_sign_message.title', children: t('dyn_sign_message.title') }), jsxRuntime.jsx(AnimatePresence.AnimatePresence, { animationComponent: jsxRuntime.jsx(VerticalDrawerTransition.VerticalDrawerTransition, {}), children: signMessageError && (jsxRuntime.jsx("div", { className: 'sign-message-confirmation__error', children: jsxRuntime.jsx(ErrorContainer.ErrorContainer, { children: getProperErrorMessage.getProperErrorMessage(signMessageError) }) })) }), jsxRuntime.jsxs("div", { className: 'sign-message-confirmation__message-container', children: [jsxRuntime.jsx(AppOriginTile.AppOriginTile, { appLogoUrl: appLogoUrl, appName: appName, appOrigin: appOrigin }), jsxRuntime.jsx("div", { className: 'sign-message-confirmation__message', children: jsxRuntime.jsx(SignMessagePreview.SignMessagePreview, { message: message.toString() }) })] }), jsxRuntime.jsx(SecureTurnkeyWalletCard.SecureTurnkeyWalletCard, { className: 'sign-message-confirmation__secure-wallet' }), jsxRuntime.jsxs("div", { className: 'sign-message-confirmation__actions', children: [jsxRuntime.jsx(Button.Button, { buttonVariant: 'secondary', onClick: handleOnReject, expanded: true, buttonPadding: 'large', disabled: isLoading, copykey: 'dyn_sign_message.cancel_button', children: t('dyn_sign_message.cancel_button') }), jsxRuntime.jsx(Button.Button, { buttonVariant: 'primary', buttonPadding: 'large', onClick: () => confirm(), expanded: true, disabled: isTurnkeyWalletWithoutAuthenticator, loading: isLoading, copykey: 'dyn_sign_message.sign_button', children: t('dyn_sign_message.sign_button') })] }), jsxRuntime.jsx(NeedHelpSection.NeedHelpSection, {}), jsxRuntime.jsx(PoweredByDynamic.PoweredByDynamic, {})] })] }) }) }));
 };
 
 exports.SignMessageConfirmationModal = SignMessageConfirmationModal;

package/src/lib/modals/SignMessageConfirmationModal/SignMessageConfirmationModal.js

@@ -1,6 +1,7 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { useRef, useState, useCallback } from 'react';
 import { useTranslation } from 'react-i18next';
+import '../../events/dynamicEvents.js';
 import '@dynamic-labs/utils';
 import '../../context/DynamicContext/DynamicContext.js';
 import '@dynamic-labs/wallet-connector-core';
@@ -24,8 +25,8 @@ import '../../context/AccountExistsContext/AccountExistsContext.js';
 import '../../config/ApiEndpoint.js';
 import '../../context/EmailVerificationContext/EmailVerificationContext.js';
 import 'react-dom';
-import { useMutation } from '../../utils/hooks/useMutation/useMutation.js';
 import '../../context/ThemeContext/ThemeContext.js';
+import { useMutation } from '../../utils/hooks/useMutation/useMutation.js';
 import '@dynamic-labs/types';
 import 'yup';
 import '../../context/MockContext/MockContext.js';
@@ -101,7 +102,7 @@ const SignMessageConfirmationModal = ({ appLogoUrl, appName, appOrigin, message,
     const closeButton = (jsx(IconButton, { type: 'button', onClick: handleOnReject, "data-testid": 'close', disabled: isLoading, children: jsx(SvgClose, {}) }));
     return (jsx(Portal, { handleClose: handleOnReject, isShown: show, zIndex: authModalZIndex, withBackdrop: true, elementId: 'dynamic-sign-message', transitionEvents: {
             onUnmount: handleOnModalUnmount,
-        }, children: jsx(Modal, { children: jsxs(ModalCard, { children: [jsx(ModalHeader, { trailing: closeButton, alignContent: 'bottom', children: jsx(IconWithSpinner, { Icon: (props) => (jsx(Icon, { color: 'brand-primary', children: jsx(SvgSignCircle, Object.assign({}, props)) })), iconSize: 64, isSpinning: true }) }), jsx(PasskeyCreatedSuccessBanner, {}), jsxs("div", { className: 'sign-message-confirmation__body', children: [jsx(Typography, { variant: 'title', color: 'primary', className: 'sign-message-confirmation__title', children: t('dyn_sign_message.title') }), jsx(AnimatePresence, { animationComponent: jsx(VerticalDrawerTransition, {}), children: signMessageError && (jsx("div", { className: 'sign-message-confirmation__error', children: jsx(ErrorContainer, { children: getProperErrorMessage(signMessageError) }) })) }), jsxs("div", { className: 'sign-message-confirmation__message-container', children: [jsx(AppOriginTile, { appLogoUrl: appLogoUrl, appName: appName, appOrigin: appOrigin }), jsx("div", { className: 'sign-message-confirmation__message', children: jsx(SignMessagePreview, { message: message.toString() }) })] }), jsx(SecureTurnkeyWalletCard, { className: 'sign-message-confirmation__secure-wallet' }), jsxs("div", { className: 'sign-message-confirmation__actions', children: [jsx(Button, { buttonVariant: 'secondary', onClick: handleOnReject, expanded: true, buttonPadding: 'large', disabled: isLoading, children: t('dyn_sign_message.cancel_button') }), jsx(Button, { buttonVariant: 'primary', buttonPadding: 'large', onClick: () => confirm(), expanded: true, disabled: isTurnkeyWalletWithoutAuthenticator, loading: isLoading, children: t('dyn_sign_message.sign_button') })] }), jsx(NeedHelpSection, {}), jsx(PoweredByDynamic, {})] })] }) }) }));
+        }, children: jsx(Modal, { children: jsxs(ModalCard, { children: [jsx(ModalHeader, { trailing: closeButton, alignContent: 'bottom', children: jsx(IconWithSpinner, { Icon: (props) => (jsx(Icon, { color: 'brand-primary', children: jsx(SvgSignCircle, Object.assign({}, props)) })), iconSize: 64, isSpinning: true }) }), jsx(PasskeyCreatedSuccessBanner, {}), jsxs("div", { className: 'sign-message-confirmation__body', children: [jsx(Typography, { variant: 'title', color: 'primary', className: 'sign-message-confirmation__title', copykey: 'dyn_sign_message.title', children: t('dyn_sign_message.title') }), jsx(AnimatePresence, { animationComponent: jsx(VerticalDrawerTransition, {}), children: signMessageError && (jsx("div", { className: 'sign-message-confirmation__error', children: jsx(ErrorContainer, { children: getProperErrorMessage(signMessageError) }) })) }), jsxs("div", { className: 'sign-message-confirmation__message-container', children: [jsx(AppOriginTile, { appLogoUrl: appLogoUrl, appName: appName, appOrigin: appOrigin }), jsx("div", { className: 'sign-message-confirmation__message', children: jsx(SignMessagePreview, { message: message.toString() }) })] }), jsx(SecureTurnkeyWalletCard, { className: 'sign-message-confirmation__secure-wallet' }), jsxs("div", { className: 'sign-message-confirmation__actions', children: [jsx(Button, { buttonVariant: 'secondary', onClick: handleOnReject, expanded: true, buttonPadding: 'large', disabled: isLoading, copykey: 'dyn_sign_message.cancel_button', children: t('dyn_sign_message.cancel_button') }), jsx(Button, { buttonVariant: 'primary', buttonPadding: 'large', onClick: () => confirm(), expanded: true, disabled: isTurnkeyWalletWithoutAuthenticator, loading: isLoading, copykey: 'dyn_sign_message.sign_button', children: t('dyn_sign_message.sign_button') })] }), jsx(NeedHelpSection, {}), jsx(PoweredByDynamic, {})] })] }) }) }));
 };
 
 export { SignMessageConfirmationModal };

package/src/lib/modals/TransactionConfirmationModal/TransactionConfirmationModal.cjs

@@ -5,6 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var viem = require('viem');
+require('../../events/dynamicEvents.cjs');
 require('@dynamic-labs/utils');
 require('../../context/DynamicContext/DynamicContext.cjs');
 require('@dynamic-labs/wallet-connector-core');
@@ -64,7 +65,7 @@ require('../../components/Popper/Popper/Popper.cjs');
 require('../../components/Popper/PopperContext/PopperContext.cjs');
 var Portal = require('../../components/Portal/Portal.cjs');
 
-const TransactionConfirmationModal = ({ title, handler, onReject, onTransactionResponseSuccess, transaction, provider, walletConnector, }) => {
+const TransactionConfirmationModal = ({ title, handler, onReject, onTransactionResponseSuccess, transaction, provider, walletConnector, copykey, }) => {
     usePreventPageScroll.usePreventPageScroll(true);
     const [show, setShow] = React.useState(true);
     const errorRef = React.useRef(null);
@@ -87,7 +88,7 @@ const TransactionConfirmationModal = ({ title, handler, onReject, onTransactionR
     }, [onTransactionResponseSuccess, onReject]);
     return (jsxRuntime.jsx(Portal.Portal, { handleClose: closeModal, isShown: show, zIndex: index.authModalZIndex, withBackdrop: true, elementId: 'dynamic-send-transaction', transitionEvents: {
             onUnmount: handleOnModalUnmount,
-        }, children: jsxRuntime.jsx(Modal.Modal, { children: jsxRuntime.jsx(ModalCard.ModalCard, { children: jsxRuntime.jsx(TransactionConfirmationView.TransactionConfirmationView, { provider: provider, transaction: transactionWithGasPrice, title: title, mutation: () => sendTransactionWithAutoNonce.sendTransactionWithAutoNonce(walletConnector, transactionWithGasPrice, handler), onClickClose: closeModal, onError: (error) => (errorRef.current = error), displayPoweredByDynamicFooter: true, onSuccess: (transactionResponse) => {
+        }, children: jsxRuntime.jsx(Modal.Modal, { children: jsxRuntime.jsx(ModalCard.ModalCard, { children: jsxRuntime.jsx(TransactionConfirmationView.TransactionConfirmationView, { provider: provider, transaction: transactionWithGasPrice, title: title, copykey: copykey, mutation: () => sendTransactionWithAutoNonce.sendTransactionWithAutoNonce(walletConnector, transactionWithGasPrice, handler), onClickClose: closeModal, onError: (error) => (errorRef.current = error), displayPoweredByDynamicFooter: true, onSuccess: (transactionResponse) => {
                         errorRef.current = null;
                         transactionResponseRef.current = transactionResponse;
                         closeModal();

package/src/lib/modals/TransactionConfirmationModal/TransactionConfirmationModal.js

@@ -1,6 +1,7 @@
 import { jsx } from 'react/jsx-runtime';
 import { useState, useRef, useCallback } from 'react';
 import { TransactionExecutionError, BaseError } from 'viem';
+import '../../events/dynamicEvents.js';
 import '@dynamic-labs/utils';
 import '../../context/DynamicContext/DynamicContext.js';
 import '@dynamic-labs/wallet-connector-core';
@@ -60,7 +61,7 @@ import '../../components/Popper/Popper/Popper.js';
 import '../../components/Popper/PopperContext/PopperContext.js';
 import { Portal } from '../../components/Portal/Portal.js';
 
-const TransactionConfirmationModal = ({ title, handler, onReject, onTransactionResponseSuccess, transaction, provider, walletConnector, }) => {
+const TransactionConfirmationModal = ({ title, handler, onReject, onTransactionResponseSuccess, transaction, provider, walletConnector, copykey, }) => {
     usePreventPageScroll(true);
     const [show, setShow] = useState(true);
     const errorRef = useRef(null);
@@ -83,7 +84,7 @@ const TransactionConfirmationModal = ({ title, handler, onReject, onTransactionR
     }, [onTransactionResponseSuccess, onReject]);
     return (jsx(Portal, { handleClose: closeModal, isShown: show, zIndex: authModalZIndex, withBackdrop: true, elementId: 'dynamic-send-transaction', transitionEvents: {
             onUnmount: handleOnModalUnmount,
-        }, children: jsx(Modal, { children: jsx(ModalCard, { children: jsx(TransactionConfirmationView, { provider: provider, transaction: transactionWithGasPrice, title: title, mutation: () => sendTransactionWithAutoNonce(walletConnector, transactionWithGasPrice, handler), onClickClose: closeModal, onError: (error) => (errorRef.current = error), displayPoweredByDynamicFooter: true, onSuccess: (transactionResponse) => {
+        }, children: jsx(Modal, { children: jsx(ModalCard, { children: jsx(TransactionConfirmationView, { provider: provider, transaction: transactionWithGasPrice, title: title, copykey: copykey, mutation: () => sendTransactionWithAutoNonce(walletConnector, transactionWithGasPrice, handler), onClickClose: closeModal, onError: (error) => (errorRef.current = error), displayPoweredByDynamicFooter: true, onSuccess: (transactionResponse) => {
                         errorRef.current = null;
                         transactionResponseRef.current = transactionResponse;
                         closeModal();

package/src/lib/modals/TransactionConfirmationModal/TransactionConfirmationModal.types.d.ts

@@ -1,6 +1,7 @@
 import { FC, ReactNode } from 'react';
 import { Address, PublicClient, TransactionRequest } from 'viem';
 import { WalletConnector } from '@dynamic-labs/wallet-connector-core';
+import { CopyKey } from '../../shared';
 export type TransactionConfirmationModalProps = {
     handler: (transaction: TransactionRequest) => Promise<Address>;
     onReject: (error: unknown) => void;
@@ -9,5 +10,5 @@ export type TransactionConfirmationModalProps = {
     transaction: TransactionRequest;
     provider: PublicClient;
     walletConnector: WalletConnector;
-};
+} & CopyKey;
 export type TransactionConfirmationModalComponent = FC<TransactionConfirmationModalProps>;

package/src/lib/modals/UserFieldEditorModal/UserFieldEditorModal.cjs

@@ -5,6 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var _tslib = require('../../../../_virtual/_tslib.cjs');
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
+require('../../events/dynamicEvents.cjs');
 require('@dynamic-labs/utils');
 require('../../context/DynamicContext/DynamicContext.cjs');
 require('@dynamic-labs/wallet-connector-core');

package/src/lib/modals/UserFieldEditorModal/UserFieldEditorModal.js

@@ -1,6 +1,7 @@
 import { __rest, __awaiter } from '../../../../_virtual/_tslib.js';
 import { jsx } from 'react/jsx-runtime';
 import { useState, useRef, useCallback } from 'react';
+import '../../events/dynamicEvents.js';
 import '@dynamic-labs/utils';
 import '../../context/DynamicContext/DynamicContext.js';
 import '@dynamic-labs/wallet-connector-core';

package/src/lib/shared/types/index.d.ts

@@ -60,6 +60,9 @@ export type WalletGroupOption = WalletOption & {
 export type ErrorWithCode = Error & {
     code: string;
 };
+export interface CopyKey {
+    copykey?: string;
+}
 export interface ModalProps {
     onClose: () => void;
 }

package/src/lib/utils/functions/walletListBuilder/utils/groupWalletOptions/groupWalletOptions.cjs

@@ -28,9 +28,11 @@ const groupWalletOptions = (walletBook$1, walletOptionList) => {
         // Validate if there is any other wallet with the same group
         const isThereWalletOptionWithSameGroup = walletOptionList.some((walletOption) => {
             var _a;
-            return currentWalletOption.group === walletOption.group &&
-                (((_a = walletOption.injectedConfig) === null || _a === void 0 ? void 0 : _a.length) ||
-                    currentWalletOption.key !== walletOption.key);
+            const isSameGroup = currentWalletOption.group === walletOption.group;
+            const isDifferentKey = currentWalletOption.key !== walletOption.key;
+            const hasInjectedConfig = ((_a = walletOption.injectedConfig) === null || _a === void 0 ? void 0 : _a.length) &&
+                walletOption.injectedConfig.length > 1;
+            return isSameGroup && (hasInjectedConfig || isDifferentKey);
         });
         // Avoid group creation if there only one wallet in group
         if (!isThereWalletOptionWithSameGroup) {

package/src/lib/utils/functions/walletListBuilder/utils/groupWalletOptions/groupWalletOptions.js

@@ -24,9 +24,11 @@ const groupWalletOptions = (walletBook, walletOptionList) => {
         // Validate if there is any other wallet with the same group
         const isThereWalletOptionWithSameGroup = walletOptionList.some((walletOption) => {
             var _a;
-            return currentWalletOption.group === walletOption.group &&
-                (((_a = walletOption.injectedConfig) === null || _a === void 0 ? void 0 : _a.length) ||
-                    currentWalletOption.key !== walletOption.key);
+            const isSameGroup = currentWalletOption.group === walletOption.group;
+            const isDifferentKey = currentWalletOption.key !== walletOption.key;
+            const hasInjectedConfig = ((_a = walletOption.injectedConfig) === null || _a === void 0 ? void 0 : _a.length) &&
+                walletOption.injectedConfig.length > 1;
+            return isSameGroup && (hasInjectedConfig || isDifferentKey);
         });
         // Avoid group creation if there only one wallet in group
         if (!isThereWalletOptionWithSameGroup) {

package/src/lib/utils/hooks/events/index.d.ts

@@ -0,0 +1,3 @@
+export * from './useDynamicEvents';
+export * from './useEventListener';
+export * from './useWalletConnectorEvent';