@dynamic-labs/sdk-react-core 1.0.2 → 1.0.3

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

@@ -53,6 +53,18 @@ export declare const translation: {
             title: string;
         };
     };
+    /**
+     * @description copy keys for Dynamic Captcha
+     * @default
+     * {
+        verify_user_subtitle: 'We need to quickly verify you’re human before we proceed.',
+        verify_user_title: "Let's verify you're human",
+      }
+     */
+    dyn_captcha: {
+        verify_user_subtitle: string;
+        verify_user_title: string;
+    };
     /**
      * @description copy keys for chainalysis blocked wallet view
      * @default
@@ -113,6 +125,8 @@ export declare const translation: {
           error_message: 'This network is not available, please update.',
           title: 'Update Network',
         },
+        update_email_tooltip:
+        'This email is tied to your wallet so cannot be updated',
       }
      */
     dyn_collect_user_data: {
@@ -162,6 +176,7 @@ export declare const translation: {
             error_message: string;
             title: string;
         };
+        update_email_tooltip: string;
     };
     /**
      * @description copy keys for email verification view after email logging in with magiclink
@@ -265,6 +280,12 @@ export declare const translation: {
         wallet_list: {
           button_only: 'Continue with a wallet',
         },
+        wrong_social_account: {
+          retry_button: 'Try again',
+          retry_title: 'Please connect with: ',
+          subtitle: 'You must connect with the same account you originally signed in with.',
+          title: 'Whoops. Wrong Account',
+  },
       }
      */
     dyn_login: {
@@ -310,6 +331,12 @@ export declare const translation: {
         wallet_list: {
             button_only: string;
         };
+        wrong_social_account: {
+            retry_button: string;
+            retry_title: string;
+            subtitle: string;
+            title: string;
+        };
     };
     /**
      * @description copy keys for Dynamic manage passkeys view which are used inside dynamic widget
@@ -351,14 +378,21 @@ export declare const translation: {
      * {
         cancel_button: "No, I'll use a different email",
         confirm_button: 'Yes, link to existing account',
+        errors: {
+          merge_error: 'Something went wrong, please try again.',
+        },
         existing_account: 'An account already exists that uses',
         existing_account_trail: 'email.',
         title: 'Would you like to link this wallet to this existing account?',
+      },
       }
      */
     dyn_merge_user_accounts: {
         cancel_button: string;
         confirm_button: string;
+        errors: {
+            merge_error: string;
+        };
         existing_account: string;
         existing_account_trail: string;
         title: string;
@@ -466,6 +500,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 +509,7 @@ export declare const translation: {
         confirm_code: string;
         hang_tight: string;
         verification_succeeded: string;
+        title: string;
     };
     /**
      * @description copy key for passkey created success banner
@@ -550,7 +586,7 @@ export declare const translation: {
             'To complete this process, ensure you are using the same device/browser.',
           start_button: 'Send me an email',
           title: 'Initiate Request',
-        },`
+        },
       }
      */
     dyn_passkey_recovery: {
@@ -574,6 +610,80 @@ export declare const translation: {
             title: string;
         };
     };
+    /**
+     * @description copy keys for Dynamic pending wallet connection
+     * @default
+     * {
+        mobile: 'Click connect in your mobile wallet',
+        computer: 'Click connect in your wallet popup',
+      }
+     */
+    dyn_pending_connection: {
+        mobile: string;
+        computer: string;
+    };
+    /**
+       * @description copy keys for Dynamic pending signature, we have overrides for phantom ledger which does not support message signing.
+       * @default
+       * {
+          click_to_sign: 'Click to Sign',
+          note: 'Note: ',
+          phantom_ledger_sign: "Click sign in your wallet to confirm you own this wallet (this doesn't cost gas).",
+          phantom_ledger_warning: "Ledger with Phantom doesn't support message signing. When logging in, a small fee (which should not apply) may appear. See below to learn more.",
+          regular_sign_description: 'Click sign-in in your wallet to confirm you own this wallet.',
+    }
+       */
+    dyn_pending_signature: {
+        click_to_sign: string;
+        note: string;
+        phantom_ledger_sign: string;
+        phantom_ledger_warning: string;
+        regular_sign_description: string;
+    };
+    /**
+       * @description copy keys for Dynamic QR code Wallet Connection Pop-Up
+       * @default
+       * {
+          copy_button: 'Copy QR URI',
+          open_button: 'Open {{wallet}} App',
+          scan_title: "Scan this QR code from your mobile wallet or phone's camera to connect.",
+          wallet_not_installed: {
+            browser_install: 'Install {{browser}} extension',
+            install: 'Install {{wallet}} extension to connect',
+            refresh: 'Refresh the page once installed',
+            select: 'Select from your preferred options below:',
+          },
+        }
+       */
+    dyn_qr_code: {
+        copy_button: string;
+        open_button: string;
+        scan_title: string;
+        wallet_not_installed: {
+            browser_install: string;
+            install: string;
+            refresh: string;
+            select: string;
+        };
+    };
+    /**
+       * @description copy keys for Dynamic wallet locked/disconnected
+       * @default
+       * {
+          connect_continue: 'Connect your wallet to continue',
+          title: 'Welcome back',
+          subtitle: "We couldn't connect to your wallet. Click connect to retry the connection ",
+          connect: 'Connect wallet',
+          logout: 'Log out',
+        }
+       */
+    dyn_wallet_locked: {
+        connect_continue: string;
+        title: string;
+        subtitle: string;
+        connect: string;
+        logout: string;
+    };
     /**
      * @description copy keys for passkeys creation flow for existent embedded wallets
      * @default
@@ -858,6 +968,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 +984,7 @@ export declare const translation: {
             warning: string;
         };
         log_out_button: string;
+        title: string;
     };
     /**
      * @description copy keys for connecting wallets list view
@@ -925,12 +1037,21 @@ export declare const translation: {
      * @default
      * {
         sign: {
+          spinner: {
+            cancel: 'Cancel',
+            confirm_transfer:
+            'Sign the message to confirm transferring this wallet to this account.',
+          },
           title: 'Sign to confirm transfer',
         },
       }
      */
     dyn_wallet_transfer: {
         sign: {
+            spinner: {
+                cancel: string;
+                confirm_transfer: string;
+            };
             title: string;
         };
     };
@@ -947,5 +1068,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

@@ -54,6 +54,18 @@ const translation = {
             title: 'Connect to {{appName}}',
         },
     },
+    /**
+     * @description copy keys for Dynamic Captcha
+     * @default
+     * {
+        verify_user_subtitle: 'We need to quickly verify you’re human before we proceed.',
+        verify_user_title: "Let's verify you're human",
+      }
+     */
+    dyn_captcha: {
+        verify_user_subtitle: 'We need to quickly verify you’re human before we proceed.',
+        verify_user_title: "Let's verify you're human",
+    },
     /**
      * @description copy keys for chainalysis blocked wallet view
      * @default
@@ -114,6 +126,8 @@ const translation = {
           error_message: 'This network is not available, please update.',
           title: 'Update Network',
         },
+        update_email_tooltip:
+        'This email is tied to your wallet so cannot be updated',
       }
      */
     dyn_collect_user_data: {
@@ -163,6 +177,7 @@ const translation = {
             error_message: 'This network is not available, please update.',
             title: 'Update Network',
         },
+        update_email_tooltip: 'This email is tied to your wallet so cannot be updated',
     },
     /**
      * @description copy keys for email verification view after email logging in with magiclink
@@ -266,6 +281,12 @@ const translation = {
         wallet_list: {
           button_only: 'Continue with a wallet',
         },
+        wrong_social_account: {
+          retry_button: 'Try again',
+          retry_title: 'Please connect with: ',
+          subtitle: 'You must connect with the same account you originally signed in with.',
+          title: 'Whoops. Wrong Account',
+  },
       }
      */
     dyn_login: {
@@ -311,6 +332,12 @@ const translation = {
         wallet_list: {
             button_only: 'Continue with a wallet',
         },
+        wrong_social_account: {
+            retry_button: 'Try again',
+            retry_title: 'Please connect with: ',
+            subtitle: 'You must connect with the same account you originally signed in with.',
+            title: 'Whoops. Wrong Account',
+        },
     },
     /**
      * @description copy keys for Dynamic manage passkeys view which are used inside dynamic widget
@@ -352,14 +379,21 @@ const translation = {
      * {
         cancel_button: "No, I'll use a different email",
         confirm_button: 'Yes, link to existing account',
+        errors: {
+          merge_error: 'Something went wrong, please try again.',
+        },
         existing_account: 'An account already exists that uses',
         existing_account_trail: 'email.',
         title: 'Would you like to link this wallet to this existing account?',
+      },
       }
      */
     dyn_merge_user_accounts: {
         cancel_button: "No, I'll use a different email",
         confirm_button: 'Yes, link to existing account',
+        errors: {
+            merge_error: 'Something went wrong, please try again.',
+        },
         existing_account: 'An account already exists that uses',
         existing_account_trail: 'email.',
         title: 'Would you like to link this wallet to this existing account?',
@@ -467,6 +501,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 +510,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
@@ -551,7 +587,7 @@ const translation = {
             'To complete this process, ensure you are using the same device/browser.',
           start_button: 'Send me an email',
           title: 'Initiate Request',
-        },`
+        },
       }
      */
     dyn_passkey_recovery: {
@@ -575,6 +611,80 @@ const translation = {
             title: 'Initiate Request',
         },
     },
+    /**
+     * @description copy keys for Dynamic pending wallet connection
+     * @default
+     * {
+        mobile: 'Click connect in your mobile wallet',
+        computer: 'Click connect in your wallet popup',
+      }
+     */
+    dyn_pending_connection: {
+        mobile: 'Click connect in your mobile wallet',
+        computer: 'Click connect in your wallet popup',
+    },
+    /**
+       * @description copy keys for Dynamic pending signature, we have overrides for phantom ledger which does not support message signing.
+       * @default
+       * {
+          click_to_sign: 'Click to Sign',
+          note: 'Note: ',
+          phantom_ledger_sign: "Click sign in your wallet to confirm you own this wallet (this doesn't cost gas).",
+          phantom_ledger_warning: "Ledger with Phantom doesn't support message signing. When logging in, a small fee (which should not apply) may appear. See below to learn more.",
+          regular_sign_description: 'Click sign-in in your wallet to confirm you own this wallet.',
+    }
+       */
+    dyn_pending_signature: {
+        click_to_sign: 'Click to Sign',
+        note: 'Note: ',
+        phantom_ledger_sign: "Click sign in your wallet to confirm you own this wallet (this doesn't cost gas).",
+        phantom_ledger_warning: "Ledger with Phantom doesn't support message signing. When logging in, a small fee (which should not apply) may appear. See below to learn more.",
+        regular_sign_description: 'Click sign-in in your wallet to confirm you own this wallet.',
+    },
+    /**
+       * @description copy keys for Dynamic QR code Wallet Connection Pop-Up
+       * @default
+       * {
+          copy_button: 'Copy QR URI',
+          open_button: 'Open {{wallet}} App',
+          scan_title: "Scan this QR code from your mobile wallet or phone's camera to connect.",
+          wallet_not_installed: {
+            browser_install: 'Install {{browser}} extension',
+            install: 'Install {{wallet}} extension to connect',
+            refresh: 'Refresh the page once installed',
+            select: 'Select from your preferred options below:',
+          },
+        }
+       */
+    dyn_qr_code: {
+        copy_button: 'Copy QR URI',
+        open_button: 'Open {{wallet}} App',
+        scan_title: "Scan this QR code from your mobile wallet or phone's camera to connect.",
+        wallet_not_installed: {
+            browser_install: 'Install {{browser}} extension',
+            install: 'Install {{wallet}} extension to connect',
+            refresh: 'Refresh the page once installed',
+            select: 'Select from your preferred options below:',
+        },
+    },
+    /**
+       * @description copy keys for Dynamic wallet locked/disconnected
+       * @default
+       * {
+          connect_continue: 'Connect your wallet to continue',
+          title: 'Welcome back',
+          subtitle: "We couldn't connect to your wallet. Click connect to retry the connection ",
+          connect: 'Connect wallet',
+          logout: 'Log out',
+        }
+       */
+    dyn_wallet_locked: {
+        connect_continue: 'Connect your wallet to continue',
+        title: 'Welcome back',
+        subtitle: "We couldn't connect to your wallet. Click connect to retry the connection ",
+        connect: 'Connect wallet',
+        logout: 'Log out',
+    },
     /**
      * @description copy keys for passkeys creation flow for existent embedded wallets
      * @default
@@ -859,6 +969,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 +985,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
@@ -926,12 +1038,21 @@ const translation = {
      * @default
      * {
         sign: {
+          spinner: {
+            cancel: 'Cancel',
+            confirm_transfer:
+            'Sign the message to confirm transferring this wallet to this account.',
+          },
           title: 'Sign to confirm transfer',
         },
       }
      */
     dyn_wallet_transfer: {
         sign: {
+            spinner: {
+                cancel: 'Cancel',
+                confirm_transfer: 'Sign the message to confirm transferring this wallet to this account.',
+            },
             title: 'Sign to confirm transfer',
         },
     },
@@ -948,6 +1069,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/SignMessageConfirmationModal/SignMessageConfirmationModal.cjs

@@ -105,7 +105,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

@@ -101,7 +101,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

@@ -64,7 +64,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 +87,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

@@ -60,7 +60,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 +83,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/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/hooks/authenticationHooks/useEmailVerificationRequest/useEmailVerificationRequest.cjs

@@ -8,14 +8,31 @@ var useInternalDynamicContext = require('../../../../context/DynamicContext/useI
 var api = require('../../../../data/api.cjs');
 var useUpdateUserProfileByJWTCallback = require('../../useUpdateUserProfileByJWTCallback/useUpdateUserProfileByJWTCallback.cjs');
 var EmailVerificationContext = require('../../../../context/EmailVerificationContext/EmailVerificationContext.cjs');
+require('@dynamic-labs/sdk-api');
+require('../../../../shared/logger.cjs');
+require('@dynamic-labs/iconic');
+require('@dynamic-labs/wallet-connector-core');
+require('react/jsx-runtime');
+require('../../../../context/ViewContext/ViewContext.cjs');
+require('@dynamic-labs/wallet-book');
+require('../../../constants/colors.cjs');
+require('../../../../shared/utils/classes/storage/localStorage.cjs');
+require('viem');
+require('@dynamic-labs/utils');
+require('../../../../shared/consts/index.cjs');
+require('@dynamic-labs/multi-wallet');
+var isTurnkeyEnabled = require('../../../functions/isTurnkeyEnabled/isTurnkeyEnabled.cjs');
 
 // Hook exposed to the public as a scoped function in useUserUpdateRequest result
 const useEmailVerificationRequest = () => {
-    const { onboardingOnlyJwt, authToken, environmentId } = useInternalDynamicContext.useInternalDynamicContext();
+    var _a;
+    const { onboardingOnlyJwt, authToken, environmentId, projectSettings, primaryWallet, } = useInternalDynamicContext.useInternalDynamicContext();
     const jwtToken = onboardingOnlyJwt || authToken;
+    const isTurnkeyProviderEnabled = isTurnkeyEnabled.isTurnkeyEnabled(projectSettings);
     const { updateUserProfileByJWT } = useUpdateUserProfileByJWTCallback.useUpdateUserProfileByJWTCallback();
     const { verificationUUID: emailVerificationContextVerificationUUID } = EmailVerificationContext.useEmailVerificationContext();
     const verifyEmail = React.useCallback((verificationToken, verificationUUID) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+        var _b;
         if (!jwtToken)
             throw new Error('No JWT token provided');
         // VerificationUUID is saved in the context in case the view changes
@@ -27,12 +44,22 @@ const useEmailVerificationRequest = () => {
             verificationToken,
             verificationUUID: String(verificationUUID || emailVerificationContextVerificationUUID),
         }, jwtToken);
+        if (isTurnkeyProviderEnabled &&
+            ((_b = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk) === null || _b === void 0 ? void 0 : _b.automaticEmbeddedWalletCreation) &&
+            !primaryWallet) {
+            // Don't create the user right now
+            // It will be done after the wallet creation
+            return verifyEmailResponse;
+        }
         yield updateUserProfileByJWT(verifyEmailResponse.jwt);
         return verifyEmailResponse;
     }), [
         emailVerificationContextVerificationUUID,
         environmentId,
+        isTurnkeyProviderEnabled,
         jwtToken,
+        primaryWallet,
+        (_a = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk) === null || _a === void 0 ? void 0 : _a.automaticEmbeddedWalletCreation,
         updateUserProfileByJWT,
     ]);
     return { verifyEmail };