@dynamic-labs/sdk-react-core 1.1.0-alpha.22 → 1.1.0-alpha.23

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

@@ -263,6 +263,70 @@ const translation = {
         resend_code_in: 'Re-send code in {{remainingSeconds}}',
         title: 'Confirm your email',
     },
+    /**
+     * @description copy keys for embedded wallet authenticator choice view
+     * @default
+     * {
+        description:
+          'Protect your account and simplify your transaction experience.',
+        email: {
+          badge: 'Fastest',
+          description: ' You will need to renew after {{expiration}} minutes ',
+          title: 'Use a one-time code',
+        },
+        passkey: {
+          auth_info: {
+            convinience: {
+              title: 'Convenient and Fast',
+              description:
+                'Use Face-ID our Touch ID to complete transactions quickly.',
+            },
+            security: {
+              title: 'Increased Security',
+              description:
+                'Passkeys are encrypted end-to-end on your device or password manager to prevent phishing attempts.',
+            },
+            add_button: 'Add a passkey',
+            start_button: 'Add a passkey',
+          },
+          badge: 'Recommended',
+          description:
+            'Works across devices & secured with biometric to prevent phishing attempts ',
+          title: 'Create new passkey',
+        },
+        skip: 'Not now',
+        title: 'Account security',
+      }
+     */
+    dyn_embedded_authenticator: {
+        description: 'Protect your account and simplify your transaction experience.',
+        email: {
+            badge: 'Fastest',
+            description: ' You will need to renew after {{expiration}} minutes ',
+            title: 'Use a one-time code',
+        },
+        passkey: {
+            auth_info: {
+                convinience: {
+                    title: 'Convenient and Fast',
+                    description: 'Use Face-ID our Touch ID to complete transactions quickly.',
+                },
+                security: {
+                    title: 'Increased Security',
+                    description: 'Passkeys are encrypted end-to-end on your device or password manager to prevent phishing attempts.',
+                },
+                add_button: 'Add a passkey',
+                start_button: 'Add a passkey',
+            },
+            badge: 'Recommended',
+            description: 'Works across devices & secured with biometric to prevent phishing attempts ',
+            title: 'Create new passkey',
+        },
+        skip: 'Not now',
+        title: 'Account security',
+        need_help_title: 'Problem Signing?',
+        need_help_description: 'Select from an option below to complete',
+    },
     /**
      * @description copy keys for log in view
      * @default
@@ -471,29 +535,31 @@ const translation = {
      * @description wallet settings for Dynamic wallet settings view which are used inside dynamic widget
      * @default
      * {
-        title: 'Wallet settings',
-        signing_section: {
-          title: 'Security & Signing Methods',
-          passkey_button: 'Passkeys',
-        },
         export_section: {
-          title: 'Export & Backup',
-          srp_button: 'Recovery phrase',
           private_key_button: 'Private key',
+          srp_button: 'Recovery phrase',
+          title: 'Export & Backup',
+        },
+        signing_section: {
+          email_auth_button: 'One time code',
+          passkey_button: 'Passkeys',
+          title: 'Security & Signing Methods',
         },
+        title: 'Wallet settings',
       }
      */
     dyn_wallet_settings: {
-        title: 'Wallet settings',
-        signing_section: {
-            title: 'Security & Signing Methods',
-            passkey_button: 'Passkeys',
-        },
         export_section: {
-            title: 'Export & Backup',
-            srp_button: 'Recovery phrase',
             private_key_button: 'Private key',
+            srp_button: 'Recovery phrase',
+            title: 'Export & Backup',
+        },
+        signing_section: {
+            email_auth_button: 'One time code',
+            passkey_button: 'Passkeys',
+            title: 'Security & Signing Methods',
         },
+        title: 'Wallet settings',
     },
     /**
      * @description copy keys for merge user accounts view
@@ -524,17 +590,17 @@ const translation = {
      * @description copy key for Dynamic need help footer section
      * @default
      * {
-        info: 'Can’t find your passkey?',
+        info: 'Problem Signing?',
         contact_support: 'Contact support',
         divider: 'or',
-        recovery_button: 'generate a new one.',
+        help_button: 'go here.',
       }
      */
     dyn_need_help_section: {
-        info: 'Can’t find your passkey?',
+        info: 'Problem Signing?',
         contact_support: 'Contact support',
         divider: 'or',
-        recovery_button: 'generate a new one.',
+        help_button: 'go here.',
     },
     /**
      * @description copy keys for network not supported view
@@ -651,6 +717,7 @@ const translation = {
      * {
         button: 'Set up a passkey',
         button_logout: 'Log out',
+        button_skip: 'Skip for now',
         disabled: 'Passkeys are not available on this device or browser. Please open on Chrome, Safari, or Brave to continue',
         helper: {
           section_1: {
@@ -671,6 +738,7 @@ const translation = {
     dyn_passkey_intro: {
         button: 'Set up a passkey',
         button_logout: 'Log out',
+        button_skip: 'Skip for now',
         disabled: 'Passkeys are not available on this device or browser. Please open on Chrome, Safari, or Brave to continue',
         helper: {
             section_1: {
@@ -687,14 +755,54 @@ const translation = {
         subtitle: 'Passkeys are stored natively to your device with a biometric and can only be accessed by you.',
         title: 'Secure your wallet',
     },
+    /**
+     * @description copy keys for passkey new domain detected modal
+     * @default
+     * {
+     title: 'New domain detected',
+     description: 'To complete your transaction select a signing method',
+     actions: {
+     passkey: {
+     title: 'Add new passkey',
+     subtitle: 'Does not expire. Works across devices & secured with biometric.',
+     },
+     emailAuth: {
+     title: 'Use a one-time code',
+     subtitle: 'Allows you to transact for 30 min',
+     },
+     badges: {
+     recommended: 'Recommended',
+     fastest: 'Fastest',
+     },
+     },
+     }
+     */
+    dyn_passkey_new_domain_detected: {
+        title: 'New domain detected',
+        description: 'To complete your transaction select a signing method',
+        actions: {
+            passkey: {
+                title: 'Add new passkey',
+                subtitle: 'Does not expire. Works across devices & secured with biometric.',
+            },
+            emailAuth: {
+                title: 'Use a one-time code',
+                subtitle: 'Allows you to transact for 30 min',
+            },
+            badges: {
+                recommended: 'Recommended',
+                fastest: 'Fastest',
+            },
+        },
+    },
     /**
      * @description copy keys for passkeys recovery flow
      * @default
      * {
         code: {
-            description: 'A code has been sent to the email on file.',
+            description: 'A verification code has been sent to {{email}}',
             input_label: 'Enter your code here...',
-            title: 'Enter email code',
+            title: 'Verification code sent',
           resend: {
               button: 'Resend code',
               text: "Didn't receive a code?",
@@ -715,9 +823,9 @@ const translation = {
      */
     dyn_passkey_recovery: {
         code: {
-            description: 'A code has been sent to the email on file.',
+            description: 'A verification code has been sent to {{email}}',
             input_label: 'Enter your code here...',
-            title: 'Enter email code',
+            title: 'Verification code sent',
             resend: {
                 button: 'Resend code',
                 text: "Didn't receive a code?",
@@ -813,13 +921,16 @@ const translation = {
      * @default
      * {
         code: {
-          description: 'A code has been sent to the email on file.',
+          action_based_description: 'To {{action}} verify account.',
+          description: 'A secure code has been sent to {{email}}.',
           input_label: 'Enter your code here...',
-          title: 'Enter email code',
+          title: 'Verification code sent',
           resend: {
             button: 'Resend code',
             text: "Didn't receive a code?",
           },
+          complete_transaction_action: 'complete transaction',
+          sign_message_action: 'sign this message',
         },
         complete: {
           complete_button: 'Create a passkey',
@@ -837,13 +948,16 @@ const translation = {
      */
     dyn_passkey_secure_modal: {
         code: {
-            description: 'A code has been sent to the email on file.',
+            action_based_description: 'To {{action}} verify account.',
+            description: 'A secure code has been sent to {{email}}.',
             input_label: 'Enter your code here...',
-            title: 'Enter email code',
+            title: 'Verification code sent',
             resend: {
                 button: 'Resend code',
                 text: "Didn't receive a code?",
             },
+            complete_transaction_action: 'complete transaction',
+            sign_message_action: 'sign this message',
         },
         complete: {
             complete_button: 'Create a passkey',
@@ -860,13 +974,13 @@ const translation = {
      * @description copy keys for secure pregenerated embedded wallet
      * @default
      * {
-        description: 'Some features are not available until you add a security method to your account.',
-        secure_button: 'Secure your account',
-      }
+        description: 'Make transactions simpler and more secure.',
+        action: 'Get started'
+     }
      */
     dyn_secure_pregenerated_wallet: {
-        description: 'Some features are not available until you add a security method to your account.',
-        secure_button: 'Secure your account',
+        description: 'Make transactions simpler and more secure.',
+        action: 'Get started',
     },
     /**
      * @description copy keys for send transaction flow views

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

@@ -56,8 +56,8 @@ require('formik');
 require('../../components/IconButton/IconButton.cjs');
 require('../../components/Alert/Alert.cjs');
 require('../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
-require('@dynamic-labs/viem-utils');
 require('../../context/PasskeyContext/PasskeyContext.cjs');
+require('@dynamic-labs/viem-utils');
 require('../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
 var WalletProgressStepper = require('../../layout/DynamicAuthLayout/WalletProgressStepper/WalletProgressStepper.cjs');
 var useAuthLayoutChecks = require('../../utils/hooks/useAuthLayoutChecks/useAuthLayoutChecks.cjs');

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

@@ -52,8 +52,8 @@ import 'formik';
 import '../../components/IconButton/IconButton.js';
 import '../../components/Alert/Alert.js';
 import '../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
-import '@dynamic-labs/viem-utils';
 import '../../context/PasskeyContext/PasskeyContext.js';
+import '@dynamic-labs/viem-utils';
 import '../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
 import { WalletProgressStepper } from '../../layout/DynamicAuthLayout/WalletProgressStepper/WalletProgressStepper.js';
 import { useAuthLayoutChecks } from '../../utils/hooks/useAuthLayoutChecks/useAuthLayoutChecks.js';

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

@@ -2,18 +2,18 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var _tslib = require('../../../../_virtual/_tslib.cjs');
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var reactI18next = require('react-i18next');
-require('../../events/dynamicEvents.cjs');
-require('../../../../_virtual/_tslib.cjs');
+var dynamicEvents = require('../../events/dynamicEvents.cjs');
 require('@dynamic-labs/utils');
 require('../../context/DynamicContext/DynamicContext.cjs');
 require('@dynamic-labs/sdk-api');
 require('../../shared/logger.cjs');
 require('@dynamic-labs/iconic');
 require('@dynamic-labs/wallet-connector-core');
-require('../../context/ViewContext/ViewContext.cjs');
+var ViewContext = require('../../context/ViewContext/ViewContext.cjs');
 var close = require('../../shared/assets/close.cjs');
 var signCircle = require('../../shared/assets/sign-circle.cjs');
 require('@dynamic-labs/wallet-book');
@@ -23,6 +23,7 @@ require('../../shared/utils/classes/storage/localStorage.cjs');
 require('viem');
 var usePreventPageScroll = require('../../shared/utils/hooks/usePreventPageScroll/usePreventPageScroll.cjs');
 var index = require('../../shared/consts/index.cjs');
+var useInternalDynamicContext = require('../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.cjs');
 require('../../context/CaptchaContext/CaptchaContext.cjs');
 require('../../context/ErrorContext/ErrorContext.cjs');
 require('@dynamic-labs/multi-wallet');
@@ -34,6 +35,7 @@ require('../../context/EmailVerificationContext/EmailVerificationContext.cjs');
 require('react-dom');
 require('../../context/ThemeContext/ThemeContext.cjs');
 var useMutation = require('../../utils/hooks/useMutation/useMutation.cjs');
+var usePasskeyRecovery = require('../../utils/hooks/usePasskeyRecovery/usePasskeyRecovery.cjs');
 require('@dynamic-labs/types');
 require('yup');
 require('../../context/MockContext/MockContext.cjs');
@@ -71,10 +73,9 @@ var IconButton = require('../../components/IconButton/IconButton.cjs');
 var Typography = require('../../components/Typography/Typography.cjs');
 require('../../components/Alert/Alert.cjs');
 var AppOriginTile = require('../../components/AppOriginTile/AppOriginTile.cjs');
-var SecureTurnkeyWalletCard = require('../../components/SecureTurnkeyWalletCard/SecureTurnkeyWalletCard.cjs');
 var PasskeyCreatedSuccessBanner = require('../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
+var PasskeyContext = require('../../context/PasskeyContext/PasskeyContext.cjs');
 require('@dynamic-labs/viem-utils');
-require('../../context/PasskeyContext/PasskeyContext.cjs');
 require('../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
 var getProperErrorMessage = require('./getProperErrorMessage.cjs');
 require('../../components/InlineWidget/InlineWidget.cjs');
@@ -92,7 +93,11 @@ const SignMessageConfirmationModal = ({ appLogoUrl, appName, appOrigin, message,
     usePreventPageScroll.usePreventPageScroll(true);
     const didConfirmRef = React.useRef(false);
     const [show, setShow] = React.useState(true);
-    const { isTurnkeyWalletWithoutAuthenticator } = useIsTurnkeyWallet.useIsTurnkeyWallet();
+    const { initPasskeyRecoveryProcess, shouldInitRecovery } = usePasskeyRecovery.usePasskeyRecovery();
+    const { isTurnkeyWallet } = useIsTurnkeyWallet.useIsTurnkeyWallet();
+    const { setShowAuthFlow } = useInternalDynamicContext.useInternalDynamicContext();
+    const { setView } = ViewContext.useViewContext();
+    const { userNeedsCrossDomainPasskey } = PasskeyContext.usePasskeyContext();
     const { t } = reactI18next.useTranslation();
     const handleOnReject = React.useCallback(() => {
         didConfirmRef.current = false;
@@ -110,10 +115,27 @@ const SignMessageConfirmationModal = ({ appLogoUrl, appName, appOrigin, message,
         }
         onReject(signMessageError || new Error('user rejected signing'));
     }, [signedMessage, onSignMessage, onReject, signMessageError]);
+    const handleMessageSign = () => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+        if (yield shouldInitRecovery()) {
+            yield initPasskeyRecoveryProcess('email', 'signMessage');
+        }
+        if (isTurnkeyWallet && userNeedsCrossDomainPasskey) {
+            setView('passkey-new-domain-detected');
+            setShowAuthFlow(true, {
+                ignoreIfIsEmbeddedWidget: false,
+                performMultiWalletChecks: false,
+            });
+            dynamicEvents.dynamicEvents.once('passkeyRecoveryCompleted', () => {
+                confirm();
+            });
+            return;
+        }
+        confirm();
+    });
     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', 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, {})] })] }) }) }));
+        }, 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.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: handleMessageSign, expanded: true, loading: isLoading, copykey: 'dyn_sign_message.sign_button', dataTestId: '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,15 +1,15 @@
+import { __awaiter } from '../../../../_virtual/_tslib.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { useRef, useState, useCallback } from 'react';
 import { useTranslation } from 'react-i18next';
-import '../../events/dynamicEvents.js';
-import '../../../../_virtual/_tslib.js';
+import { dynamicEvents } from '../../events/dynamicEvents.js';
 import '@dynamic-labs/utils';
 import '../../context/DynamicContext/DynamicContext.js';
 import '@dynamic-labs/sdk-api';
 import '../../shared/logger.js';
 import '@dynamic-labs/iconic';
 import '@dynamic-labs/wallet-connector-core';
-import '../../context/ViewContext/ViewContext.js';
+import { useViewContext } from '../../context/ViewContext/ViewContext.js';
 import { ReactComponent as SvgClose } from '../../shared/assets/close.js';
 import { ReactComponent as SvgSignCircle } from '../../shared/assets/sign-circle.js';
 import '@dynamic-labs/wallet-book';
@@ -19,6 +19,7 @@ import '../../shared/utils/classes/storage/localStorage.js';
 import 'viem';
 import { usePreventPageScroll } from '../../shared/utils/hooks/usePreventPageScroll/usePreventPageScroll.js';
 import { authModalZIndex } from '../../shared/consts/index.js';
+import { useInternalDynamicContext } from '../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.js';
 import '../../context/CaptchaContext/CaptchaContext.js';
 import '../../context/ErrorContext/ErrorContext.js';
 import '@dynamic-labs/multi-wallet';
@@ -30,6 +31,7 @@ import '../../context/EmailVerificationContext/EmailVerificationContext.js';
 import 'react-dom';
 import '../../context/ThemeContext/ThemeContext.js';
 import { useMutation } from '../../utils/hooks/useMutation/useMutation.js';
+import { usePasskeyRecovery } from '../../utils/hooks/usePasskeyRecovery/usePasskeyRecovery.js';
 import '@dynamic-labs/types';
 import 'yup';
 import '../../context/MockContext/MockContext.js';
@@ -67,10 +69,9 @@ import { IconButton } from '../../components/IconButton/IconButton.js';
 import { Typography } from '../../components/Typography/Typography.js';
 import '../../components/Alert/Alert.js';
 import { AppOriginTile } from '../../components/AppOriginTile/AppOriginTile.js';
-import { SecureTurnkeyWalletCard } from '../../components/SecureTurnkeyWalletCard/SecureTurnkeyWalletCard.js';
 import { PasskeyCreatedSuccessBanner } from '../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
+import { usePasskeyContext } from '../../context/PasskeyContext/PasskeyContext.js';
 import '@dynamic-labs/viem-utils';
-import '../../context/PasskeyContext/PasskeyContext.js';
 import '../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
 import { getProperErrorMessage } from './getProperErrorMessage.js';
 import '../../components/InlineWidget/InlineWidget.js';
@@ -88,7 +89,11 @@ const SignMessageConfirmationModal = ({ appLogoUrl, appName, appOrigin, message,
     usePreventPageScroll(true);
     const didConfirmRef = useRef(false);
     const [show, setShow] = useState(true);
-    const { isTurnkeyWalletWithoutAuthenticator } = useIsTurnkeyWallet();
+    const { initPasskeyRecoveryProcess, shouldInitRecovery } = usePasskeyRecovery();
+    const { isTurnkeyWallet } = useIsTurnkeyWallet();
+    const { setShowAuthFlow } = useInternalDynamicContext();
+    const { setView } = useViewContext();
+    const { userNeedsCrossDomainPasskey } = usePasskeyContext();
     const { t } = useTranslation();
     const handleOnReject = useCallback(() => {
         didConfirmRef.current = false;
@@ -106,10 +111,27 @@ const SignMessageConfirmationModal = ({ appLogoUrl, appName, appOrigin, message,
         }
         onReject(signMessageError || new Error('user rejected signing'));
     }, [signedMessage, onSignMessage, onReject, signMessageError]);
+    const handleMessageSign = () => __awaiter(void 0, void 0, void 0, function* () {
+        if (yield shouldInitRecovery()) {
+            yield initPasskeyRecoveryProcess('email', 'signMessage');
+        }
+        if (isTurnkeyWallet && userNeedsCrossDomainPasskey) {
+            setView('passkey-new-domain-detected');
+            setShowAuthFlow(true, {
+                ignoreIfIsEmbeddedWidget: false,
+                performMultiWalletChecks: false,
+            });
+            dynamicEvents.once('passkeyRecoveryCompleted', () => {
+                confirm();
+            });
+            return;
+        }
+        confirm();
+    });
     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', 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, {})] })] }) }) }));
+        }, 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() }) })] }), 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: handleMessageSign, expanded: true, loading: isLoading, copykey: 'dyn_sign_message.sign_button', dataTestId: 'sign-button', children: t('dyn_sign_message.sign_button') })] }), jsx(NeedHelpSection, {}), jsx(PoweredByDynamic, {})] })] }) }) }));
 };
 
 export { SignMessageConfirmationModal };

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

@@ -61,8 +61,8 @@ require('formik');
 require('../../components/IconButton/IconButton.cjs');
 require('../../components/Alert/Alert.cjs');
 require('../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
-var TransactionConfirmationView = require('../../views/TransactionConfirmationView/TransactionConfirmationView.cjs');
 require('../../context/PasskeyContext/PasskeyContext.cjs');
+var TransactionConfirmationView = require('../../views/TransactionConfirmationView/TransactionConfirmationView.cjs');
 require('../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
 require('../../components/InlineWidget/InlineWidget.cjs');
 require('../../components/MenuList/Dropdown/Dropdown.cjs');

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

@@ -57,8 +57,8 @@ import 'formik';
 import '../../components/IconButton/IconButton.js';
 import '../../components/Alert/Alert.js';
 import '../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
-import { TransactionConfirmationView } from '../../views/TransactionConfirmationView/TransactionConfirmationView.js';
 import '../../context/PasskeyContext/PasskeyContext.js';
+import { TransactionConfirmationView } from '../../views/TransactionConfirmationView/TransactionConfirmationView.js';
 import '../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
 import '../../components/InlineWidget/InlineWidget.js';
 import '../../components/MenuList/Dropdown/Dropdown.js';

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

@@ -57,8 +57,8 @@ require('formik');
 require('../../components/IconButton/IconButton.cjs');
 require('../../components/Alert/Alert.cjs');
 require('../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
-require('@dynamic-labs/viem-utils');
 require('../../context/PasskeyContext/PasskeyContext.cjs');
+require('@dynamic-labs/viem-utils');
 require('../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
 var UserFieldEditorView = require('../../views/UserFieldEditorView/UserFieldEditorView.cjs');
 require('../../components/InlineWidget/InlineWidget.cjs');

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

@@ -53,8 +53,8 @@ import 'formik';
 import '../../components/IconButton/IconButton.js';
 import '../../components/Alert/Alert.js';
 import '../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
-import '@dynamic-labs/viem-utils';
 import '../../context/PasskeyContext/PasskeyContext.js';
+import '@dynamic-labs/viem-utils';
 import '../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
 import { UserFieldEditorView } from '../../views/UserFieldEditorView/UserFieldEditorView.js';
 import '../../components/InlineWidget/InlineWidget.js';

package/src/lib/shared/assets/domain.cjs

@@ -0,0 +1,53 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n["default"] = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+
+var _path;
+var _excluded = ["title", "titleId"];
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+var SvgDomain = function SvgDomain(_ref) {
+  var title = _ref.title,
+    titleId = _ref.titleId,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends({
+    width: 65,
+    height: 64,
+    viewBox: "0 0 65 64",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    "aria-labelledby": titleId
+  }, props), title ? /*#__PURE__*/React__namespace.createElement("title", {
+    id: titleId
+  }, title) : null, _path || (_path = /*#__PURE__*/React__namespace.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M32.5 64c17.673 0 32-14.327 32-32 0-17.673-14.327-32-32-32C14.827 0 .5 14.327.5 32c0 17.673 14.327 32 32 32Zm-4.928-29.305h9.717c-.207 4.908-1.087 9.168-2.3 12.206-.7 1.756-1.433 2.9-2.036 3.54-.245.26-.42.387-.523.448-.102-.06-.277-.189-.522-.449-.603-.638-1.336-1.783-2.037-3.539-1.213-3.038-2.092-7.298-2.3-12.206Zm2.3-16.655c-1.242 3.108-2.134 7.497-2.314 12.55h9.744c-.18-5.053-1.071-9.442-2.313-12.55-.7-1.756-1.433-2.9-2.036-3.54-.245-.26-.42-.388-.523-.449-.102.061-.277.19-.522.45-.603.638-1.336 1.783-2.037 3.539ZM14.5 30.59h8.951c.216-6.53 1.541-12.27 3.503-16.036C20.23 16.789 15.22 23.03 14.5 30.59Zm.036 4.105h8.928c.25 6.387 1.563 11.993 3.49 15.692-6.622-2.201-11.582-8.288-12.418-15.692Zm35.789 0h-8.928c-.25 6.387-1.563 11.993-3.49 15.692 6.621-2.201 11.581-8.288 12.418-15.692Zm.125-2.224v.066-.133.066Zm-9.04-1.88h8.95c-.719-7.56-5.73-13.802-12.454-16.037 1.962 3.766 3.288 9.507 3.503 16.036Zm-9.09 20.35c0-.001.008-.004.023-.007-.015.006-.023.008-.023.007Zm.198-.007a.072.072 0 0 1 .023.007s-.008-.001-.023-.007ZM32.541 14s-.008.004-.023.007c.015-.006.023-.008.023-.007Zm-.198.007A.068.068 0 0 1 32.32 14s.008.001.023.007Z",
+    fill: "#4779FF"
+  })));
+};
+
+exports.ReactComponent = SvgDomain;

package/src/lib/shared/assets/domain.js

@@ -0,0 +1,29 @@
+import * as React from 'react';
+
+var _path;
+var _excluded = ["title", "titleId"];
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+var SvgDomain = function SvgDomain(_ref) {
+  var title = _ref.title,
+    titleId = _ref.titleId,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    width: 65,
+    height: 64,
+    viewBox: "0 0 65 64",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    "aria-labelledby": titleId
+  }, props), title ? /*#__PURE__*/React.createElement("title", {
+    id: titleId
+  }, title) : null, _path || (_path = /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M32.5 64c17.673 0 32-14.327 32-32 0-17.673-14.327-32-32-32C14.827 0 .5 14.327.5 32c0 17.673 14.327 32 32 32Zm-4.928-29.305h9.717c-.207 4.908-1.087 9.168-2.3 12.206-.7 1.756-1.433 2.9-2.036 3.54-.245.26-.42.387-.523.448-.102-.06-.277-.189-.522-.449-.603-.638-1.336-1.783-2.037-3.539-1.213-3.038-2.092-7.298-2.3-12.206Zm2.3-16.655c-1.242 3.108-2.134 7.497-2.314 12.55h9.744c-.18-5.053-1.071-9.442-2.313-12.55-.7-1.756-1.433-2.9-2.036-3.54-.245-.26-.42-.388-.523-.449-.102.061-.277.19-.522.45-.603.638-1.336 1.783-2.037 3.539ZM14.5 30.59h8.951c.216-6.53 1.541-12.27 3.503-16.036C20.23 16.789 15.22 23.03 14.5 30.59Zm.036 4.105h8.928c.25 6.387 1.563 11.993 3.49 15.692-6.622-2.201-11.582-8.288-12.418-15.692Zm35.789 0h-8.928c-.25 6.387-1.563 11.993-3.49 15.692 6.621-2.201 11.581-8.288 12.418-15.692Zm.125-2.224v.066-.133.066Zm-9.04-1.88h8.95c-.719-7.56-5.73-13.802-12.454-16.037 1.962 3.766 3.288 9.507 3.503 16.036Zm-9.09 20.35c0-.001.008-.004.023-.007-.015.006-.023.008-.023.007Zm.198-.007a.072.072 0 0 1 .023.007s-.008-.001-.023-.007ZM32.541 14s-.008.004-.023.007c.015-.006.023-.008.023-.007Zm-.198.007A.068.068 0 0 1 32.32 14s.008.001.023.007Z",
+    fill: "#4779FF"
+  })));
+};
+
+export { SvgDomain as ReactComponent };