@dynamic-labs/sdk-react-core 1.1.0-alpha.0 → 1.1.0-alpha.10

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

@@ -19,14 +19,18 @@ const translation = {
         trail_message_social: 'through {{socialOauth}}',
     },
     /**
-     * @description copy keys for showing an alert when a user is connected to a testnet network
+     * @description copy keys for active wallet information (address, network, etc)
      * @default
      * {
           testnet_warning: 'A testnet network has been selected. Please only use testnet funds or they will be lost.',
+          ordinals_address: 'Ordinals address',
+          payment_address: 'Payment address',
        }
      */
     dyn_active_wallet_info: {
         testnet_warning: 'A testnet network has been selected. Please only use testnet funds or they will be lost.',
+        ordinals_address: 'Ordinals address',
+        payment_address: 'Payment address',
     },
     /**
      * @description copy keys for bridge view
@@ -54,6 +58,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 +130,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 +181,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 +285,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 +336,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
@@ -332,7 +363,7 @@ const translation = {
       }
      */
     dyn_manage_passkeys: {
-        title: 'My passkeys',
+        title: 'Manage passkeys',
         passkey_from: 'from',
         passkey_providers: {
             android: 'Android Phone',
@@ -346,20 +377,97 @@ const translation = {
         },
         recovery_button: 'Set up new passkey',
     },
+    /**
+     * @description export keys for Dynamic embedded reveal view
+     * @default
+     * {
+        title: 'Export wallet',
+        agreement_title: 'Agree to continue',
+        private_key_title: 'Private key',
+        recovery_phrase_title: 'Secret recovery phrase',
+        description:
+          'Your wallet is non-custodial, meaning you are always in control of it.',
+        statement_1: {
+          title: 'Do not publicly share your {{keyType}}',
+          description: 'Your {{keyType}} controls your account and assets.',
+        },
+        checkbox_label:
+          'I am responsible for safeguarding and using my wallet key information.',
+        reveal_description: 'Make sure to safely back up this information',
+        reveal_button_label: 'Reveal',
+        copy_button_label: 'Copy to clipboard',
+        done_button_label: "I'm Done",
+      },
+     */
+    dyn_embedded_reveal: {
+        title: 'Export wallet',
+        agreement_title: 'Agree to continue',
+        private_key_title: 'Private key',
+        recovery_phrase_title: 'Secret recovery phrase',
+        badge_label: 'Sensitive information',
+        statement_1: {
+            title: 'Your wallet is non-custodial',
+            description: 'You are always in control of it.',
+        },
+        statement_2: {
+            title: 'Do not publicly share your wallet key',
+            description: 'Your {{credential_type}} controls your account and assets.',
+        },
+        checkbox_label: 'I am responsible for safeguarding and using my wallet key information.',
+        reveal_description: 'Make sure to safely back up this information',
+        reveal_button_label: 'Reveal',
+        copy_button_label: 'Copy to clipboard',
+        done_button_label: "I'm Done",
+    },
+    /**
+     * @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',
+        },
+      }
+     */
+    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',
+        },
+    },
     /**
      * @description copy keys for merge user accounts view
      * @default
      * {
         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 +575,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 +584,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 +661,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 +685,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
@@ -763,6 +947,18 @@ const translation = {
             gas_not_sponsored: 'The gas fee has increased. Confirm if you still want to complete this transaction.',
         },
     },
+    /**
+     * @description copy keys for Select Chain view
+     * @default
+     * {
+        description: "This wallet supports multiple chains. Select which chain you'd like to connect to",
+        using_hardware_wallet_toggle_label: 'Using Ledger with Solana',
+      }
+     */
+    dyn_select_chain: {
+        description: "This wallet supports multiple chains. Select which chain you'd like to connect to",
+        using_hardware_wallet_toggle_label: 'Using Ledger with Solana',
+    },
     /**
      * @description copy keys for sign message flow views
      * @default
@@ -859,6 +1055,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 +1071,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 +1124,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 +1155,44 @@ 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',
+    },
+    /**
+     * @description copy keys for Unlink wallet prompt
+     * @default
+     * {
+        disconnect_title: 'Disconnect your wallet?',
+        unlink_title: 'Unlink your wallet?',
+        disconnect_description: 'Are you sure you want to disconnect your wallet?',
+        unlink_description: 'Are you sure you want to unlink your wallet?',
+        disconnect_button: 'Yes, disconnect',
+        unlink_button: 'Yes, unlink',
+        cancel_button: 'No',
+      }
+     */
+    dyn_unlink_wallet_pop_up: {
+        disconnect_title: 'Disconnect your wallet?',
+        unlink_title: 'Unlink your wallet?',
+        disconnect_description: 'Are you sure you want to disconnect your wallet?',
+        unlink_description: 'Are you sure you want to unlink your wallet?',
+        disconnect_button: 'Yes, disconnect',
+        unlink_button: 'Yes, unlink',
+        cancel_button: 'No',
+    },
+    /**
+     * @description copy keys for Detected new wallet prompt
+     * @default
+     * {
+        title: 'Account Change Detected',
+        description: 'Your active account in {{walletName}} has changed. This account is not currently linked to this app. Do you want to add it?',
+        confirm_button: 'Yes, link this wallet',
+      }
+     */
+    dyn_detected_new_wallet: {
+        title: 'Account Change Detected',
+        description: 'Your active account in {{walletName}} has changed. This account is not currently linked to this app. Do you want to add it?',
+        confirm_button: 'Yes, link this wallet',
     },
 };
 

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');
@@ -40,9 +41,12 @@ require('../../components/Transition/OpacityTransition/OpacityTransition.cjs');
 require('../../components/ShadowDOM/ShadowDOM.cjs');
 require('../../components/OverlayCard/OverlayCard.context.cjs');
 require('../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
+var Modal = require('../../components/Modal/Modal.cjs');
+var ModalCard = require('../../components/ModalCard/ModalCard.cjs');
+require('react-focus-lock');
+require('../../context/LoadingContext/LoadingContext.cjs');
 require('qrcode');
 require('../../context/QrCodeContext/QrCodeContext.cjs');
-require('../../context/LoadingContext/LoadingContext.cjs');
 require('i18next');
 require('../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.cjs');
@@ -55,11 +59,8 @@ var WalletProgressStepper = require('../../layout/DynamicAuthLayout/WalletProgre
 var useAuthLayoutChecks = require('../../utils/hooks/useAuthLayoutChecks/useAuthLayoutChecks.cjs');
 require('../../components/InlineWidget/InlineWidget.cjs');
 require('../../components/MenuList/Dropdown/Dropdown.cjs');
-var Modal = require('../../components/Modal/Modal.cjs');
-var ModalCard = require('../../components/ModalCard/ModalCard.cjs');
 require('../../components/Popper/Popper/Popper.cjs');
 require('../../components/Popper/PopperContext/PopperContext.cjs');
-require('react-focus-lock');
 
 const DynamicAuthModal = ({ children, onClose, transitionProps, walletConnector, projectSettings, className, }) => {
     const { showConnectedWalletProgress } = useAuthLayoutChecks.useAuthLayoutChecks(walletConnector);

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';
@@ -36,9 +37,12 @@ import '../../components/Transition/OpacityTransition/OpacityTransition.js';
 import '../../components/ShadowDOM/ShadowDOM.js';
 import '../../components/OverlayCard/OverlayCard.context.js';
 import '../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
+import { Modal } from '../../components/Modal/Modal.js';
+import { ModalCard } from '../../components/ModalCard/ModalCard.js';
+import 'react-focus-lock';
+import '../../context/LoadingContext/LoadingContext.js';
 import 'qrcode';
 import '../../context/QrCodeContext/QrCodeContext.js';
-import '../../context/LoadingContext/LoadingContext.js';
 import 'i18next';
 import '../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.js';
@@ -51,11 +55,8 @@ import { WalletProgressStepper } from '../../layout/DynamicAuthLayout/WalletProg
 import { useAuthLayoutChecks } from '../../utils/hooks/useAuthLayoutChecks/useAuthLayoutChecks.js';
 import '../../components/InlineWidget/InlineWidget.js';
 import '../../components/MenuList/Dropdown/Dropdown.js';
-import { Modal } from '../../components/Modal/Modal.js';
-import { ModalCard } from '../../components/ModalCard/ModalCard.js';
 import '../../components/Popper/Popper/Popper.js';
 import '../../components/Popper/PopperContext/PopperContext.js';
-import 'react-focus-lock';
 
 const DynamicAuthModal = ({ children, onClose, transitionProps, walletConnector, projectSettings, className, }) => {
     const { showConnectedWalletProgress } = useAuthLayoutChecks(walletConnector);

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');
@@ -44,8 +45,11 @@ require('../../context/FooterAnimationContext/index.cjs');
 require('../../context/QrCodeContext/QrCodeContext.cjs');
 require('../../context/WalletGroupContext/WalletGroupContext.cjs');
 require('../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
-require('qrcode');
+var Modal = require('../../components/Modal/Modal.cjs');
+var ModalCard = require('../../components/ModalCard/ModalCard.cjs');
+var Portal = require('../../components/Portal/Portal.cjs');
 require('../../context/LoadingContext/LoadingContext.cjs');
+require('qrcode');
 require('i18next');
 require('../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.cjs');
@@ -57,11 +61,8 @@ require('../../components/Alert/Alert.cjs');
 require('../../components/IconButton/IconButton.cjs');
 require('../../components/InlineWidget/InlineWidget.cjs');
 require('../../components/MenuList/Dropdown/Dropdown.cjs');
-var Modal = require('../../components/Modal/Modal.cjs');
-var ModalCard = require('../../components/ModalCard/ModalCard.cjs');
 require('../../components/Popper/Popper/Popper.cjs');
 require('../../components/Popper/PopperContext/PopperContext.cjs');
-var Portal = require('../../components/Portal/Portal.cjs');
 
 const SendBalanceModal = ({ initialRecipientAddress, initialValue, onReject, onSuccess, }) => {
     usePreventPageScroll.usePreventPageScroll(true);

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';
@@ -40,8 +41,11 @@ import '../../context/FooterAnimationContext/index.js';
 import '../../context/QrCodeContext/QrCodeContext.js';
 import '../../context/WalletGroupContext/WalletGroupContext.js';
 import '../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
-import 'qrcode';
+import { Modal } from '../../components/Modal/Modal.js';
+import { ModalCard } from '../../components/ModalCard/ModalCard.js';
+import { Portal } from '../../components/Portal/Portal.js';
 import '../../context/LoadingContext/LoadingContext.js';
+import 'qrcode';
 import 'i18next';
 import '../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.js';
@@ -53,11 +57,8 @@ import '../../components/Alert/Alert.js';
 import '../../components/IconButton/IconButton.js';
 import '../../components/InlineWidget/InlineWidget.js';
 import '../../components/MenuList/Dropdown/Dropdown.js';
-import { Modal } from '../../components/Modal/Modal.js';
-import { ModalCard } from '../../components/ModalCard/ModalCard.js';
 import '../../components/Popper/Popper/Popper.js';
 import '../../components/Popper/PopperContext/PopperContext.js';
-import { Portal } from '../../components/Portal/Portal.js';
 
 const SendBalanceModal = ({ initialRecipientAddress, initialValue, onReject, onSuccess, }) => {
     usePreventPageScroll(true);

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');
@@ -50,9 +51,12 @@ var useIsTurnkeyWallet = require('../../utils/hooks/useIsTurnkeyWallet/useIsTurn
 var PoweredByDynamic = require('../../components/PoweredByDynamic/PoweredByDynamic.cjs');
 require('../../context/WalletGroupContext/WalletGroupContext.cjs');
 require('../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
+var Modal = require('../../components/Modal/Modal.cjs');
+var ModalCard = require('../../components/ModalCard/ModalCard.cjs');
+var Portal = require('../../components/Portal/Portal.cjs');
 var IconWithSpinner = require('../../components/IconWithSpinner/IconWithSpinner.cjs');
-require('qrcode');
 require('../../context/LoadingContext/LoadingContext.cjs');
+require('qrcode');
 var Icon = require('../../components/Icon/Icon.cjs');
 require('i18next');
 require('../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
@@ -72,12 +76,9 @@ require('../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/
 var getProperErrorMessage = require('./getProperErrorMessage.cjs');
 require('../../components/InlineWidget/InlineWidget.cjs');
 require('../../components/MenuList/Dropdown/Dropdown.cjs');
-var Modal = require('../../components/Modal/Modal.cjs');
-var ModalCard = require('../../components/ModalCard/ModalCard.cjs');
 var NeedHelpSection = require('../../components/NeedHelpSection/NeedHelpSection.cjs');
 require('../../components/Popper/Popper/Popper.cjs');
 require('../../components/Popper/PopperContext/PopperContext.cjs');
-var Portal = require('../../components/Portal/Portal.cjs');
 var SignMessagePreview = require('../../components/SignMessagePreview/SignMessagePreview.cjs');
 
 const SignMessageConfirmationModal = ({ appLogoUrl, appName, appOrigin, message, handler, onReject, onSignMessage, }) => {
@@ -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';
@@ -46,9 +47,12 @@ import { useIsTurnkeyWallet } from '../../utils/hooks/useIsTurnkeyWallet/useIsTu
 import { PoweredByDynamic } from '../../components/PoweredByDynamic/PoweredByDynamic.js';
 import '../../context/WalletGroupContext/WalletGroupContext.js';
 import '../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
+import { Modal } from '../../components/Modal/Modal.js';
+import { ModalCard } from '../../components/ModalCard/ModalCard.js';
+import { Portal } from '../../components/Portal/Portal.js';
 import { IconWithSpinner } from '../../components/IconWithSpinner/IconWithSpinner.js';
-import 'qrcode';
 import '../../context/LoadingContext/LoadingContext.js';
+import 'qrcode';
 import { Icon } from '../../components/Icon/Icon.js';
 import 'i18next';
 import '../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
@@ -68,12 +72,9 @@ import '../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/P
 import { getProperErrorMessage } from './getProperErrorMessage.js';
 import '../../components/InlineWidget/InlineWidget.js';
 import '../../components/MenuList/Dropdown/Dropdown.js';
-import { Modal } from '../../components/Modal/Modal.js';
-import { ModalCard } from '../../components/ModalCard/ModalCard.js';
 import { NeedHelpSection } from '../../components/NeedHelpSection/NeedHelpSection.js';
 import '../../components/Popper/Popper/Popper.js';
 import '../../components/Popper/PopperContext/PopperContext.js';
-import { Portal } from '../../components/Portal/Portal.js';
 import { SignMessagePreview } from '../../components/SignMessagePreview/SignMessagePreview.js';
 
 const SignMessageConfirmationModal = ({ appLogoUrl, appName, appOrigin, message, handler, onReject, onSignMessage, }) => {
@@ -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 };