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

package/src/lib/utils/hooks/authenticationHooks/useConnectAndSignSplitSteps/useConnectAndSignSplitSteps.js

@@ -1,4 +1,5 @@
 import { __awaiter } from '../../../../../../_virtual/_tslib.js';
+import { MissingPublicAddressError, isMobile } from '@dynamic-labs/utils';
 import { useInternalDynamicContext } from '../../../../context/DynamicContext/useInternalDynamicContext.js';
 import { useErrorContext } from '../../../../context/ErrorContext/ErrorContext.js';
 import { useViewContext } from '../../../../context/ViewContext/ViewContext.js';
@@ -16,7 +17,6 @@ import { LAST_USED_WALLET } from '../../../constants/localStorage.js';
 import '../../../constants/colors.js';
 import { LocalStorage } from '../../../../shared/utils/classes/storage/localStorage.js';
 import 'viem';
-import '@dynamic-labs/utils';
 import '../../../../shared/consts/index.js';
 import { useCaptchaContext } from '../../../../context/CaptchaContext/CaptchaContext.js';
 import { useHandleWalletsToConnect } from '../../useHandleWalletsToConnect/useHandleWalletsToConnect.js';
@@ -34,6 +34,19 @@ const useConnectAndSignSplitSteps = () => {
         projectSettings,
         setIsSingleWalletAccount,
     });
+    const onErrorHandler = (err) => {
+        logger.debug(err);
+        goToInitialView();
+        setIsVerificationInProgress(false);
+        /**
+         * On mobile we don't want to show error message because the user
+         * is redirected to the wallet mobile app
+         */
+        const isMissingPublicAddressErrorExpected = err instanceof MissingPublicAddressError && isMobile();
+        if (!isMissingPublicAddressErrorExpected) {
+            setErrorMessage(err.toString());
+        }
+    };
     // This method is similar to useConnectAndSign, but it skips signing for now
     // It's used when we want to connect and sign in two separate steps
     // For example on mobile when we want to sign on button click
@@ -67,10 +80,7 @@ const useConnectAndSignSplitSteps = () => {
             setView('pending-signature');
         }
         catch (err) {
-            logger.debug(err);
-            setErrorMessage(err.toString());
-            goToInitialView();
-            setIsVerificationInProgress(false);
+            onErrorHandler(err);
             return;
         }
     });
@@ -91,10 +101,7 @@ const useConnectAndSignSplitSteps = () => {
             });
         }
         catch (err) {
-            logger.debug(err);
-            setErrorMessage(err.toString());
-            goToInitialView();
-            setIsVerificationInProgress(false);
+            onErrorHandler(err);
             return;
         }
     });

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 };

package/src/lib/utils/hooks/authenticationHooks/useEmailVerificationRequest/useEmailVerificationRequest.js

@@ -4,14 +4,31 @@ import { useInternalDynamicContext } from '../../../../context/DynamicContext/us
 import { verifyEmail } from '../../../../data/api.js';
 import { useUpdateUserProfileByJWTCallback } from '../../useUpdateUserProfileByJWTCallback/useUpdateUserProfileByJWTCallback.js';
 import { useEmailVerificationContext } from '../../../../context/EmailVerificationContext/EmailVerificationContext.js';
+import '@dynamic-labs/sdk-api';
+import '../../../../shared/logger.js';
+import '@dynamic-labs/iconic';
+import '@dynamic-labs/wallet-connector-core';
+import 'react/jsx-runtime';
+import '../../../../context/ViewContext/ViewContext.js';
+import '@dynamic-labs/wallet-book';
+import '../../../constants/colors.js';
+import '../../../../shared/utils/classes/storage/localStorage.js';
+import 'viem';
+import '@dynamic-labs/utils';
+import '../../../../shared/consts/index.js';
+import '@dynamic-labs/multi-wallet';
+import { isTurnkeyEnabled } from '../../../functions/isTurnkeyEnabled/isTurnkeyEnabled.js';
 
 // Hook exposed to the public as a scoped function in useUserUpdateRequest result
 const useEmailVerificationRequest = () => {
-    const { onboardingOnlyJwt, authToken, environmentId } = useInternalDynamicContext();
+    var _a;
+    const { onboardingOnlyJwt, authToken, environmentId, projectSettings, primaryWallet, } = useInternalDynamicContext();
     const jwtToken = onboardingOnlyJwt || authToken;
+    const isTurnkeyProviderEnabled = isTurnkeyEnabled(projectSettings);
     const { updateUserProfileByJWT } = useUpdateUserProfileByJWTCallback();
     const { verificationUUID: emailVerificationContextVerificationUUID } = useEmailVerificationContext();
     const verifyEmail$1 = useCallback((verificationToken, verificationUUID) => __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
@@ -23,12 +40,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: verifyEmail$1 };

package/src/lib/utils/hooks/useAuthLayoutChecks/useAuthLayoutChecks.cjs

@@ -94,12 +94,14 @@ const useAuthLayoutChecks = (walletConnector) => {
         view === 'passkey-intro' ||
         (view === 'merge-user-accounts' && !user);
     const showQrCodePreHeader = view === 'qr-code' && showQrCodeMessage && !showQrCodeImage;
+    const showDefaultFooter = !showDynamicFooter && !showToSFooter;
     return {
         displayBorderBelowHeader,
         isWalletListTypeView,
         showBackButton,
         showCloseButton,
         showConnectedWalletProgress,
+        showDefaultFooter,
         showDynamicFooter,
         showHeader,
         showHelpContent,

package/src/lib/utils/hooks/useAuthLayoutChecks/useAuthLayoutChecks.d.ts

@@ -5,6 +5,7 @@ export declare const useAuthLayoutChecks: (walletConnector?: WalletConnector | n
     showBackButton: boolean;
     showCloseButton: boolean;
     showConnectedWalletProgress: boolean;
+    showDefaultFooter: boolean;
     showDynamicFooter: boolean;
     showHeader: boolean;
     showHelpContent: boolean;

package/src/lib/utils/hooks/useAuthLayoutChecks/useAuthLayoutChecks.js

@@ -90,12 +90,14 @@ const useAuthLayoutChecks = (walletConnector) => {
         view === 'passkey-intro' ||
         (view === 'merge-user-accounts' && !user);
     const showQrCodePreHeader = view === 'qr-code' && showQrCodeMessage && !showQrCodeImage;
+    const showDefaultFooter = !showDynamicFooter && !showToSFooter;
     return {
         displayBorderBelowHeader,
         isWalletListTypeView,
         showBackButton,
         showCloseButton,
         showConnectedWalletProgress,
+        showDefaultFooter,
         showDynamicFooter,
         showHeader,
         showHelpContent,

package/src/lib/utils/hooks/useConnectWallet/useConnectWallet.cjs

@@ -5,6 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var _tslib = require('../../../../../_virtual/_tslib.cjs');
 var React = require('react');
 var walletConnectorCore = require('@dynamic-labs/wallet-connector-core');
+var utils = require('@dynamic-labs/utils');
 var UserWalletsContext = require('../../../context/UserWalletsContext/UserWalletsContext.cjs');
 var api = require('../../../data/api.cjs');
 require('@dynamic-labs/sdk-api');
@@ -18,7 +19,6 @@ require('../../constants/colors.cjs');
 require('../../../shared/utils/classes/storage/localStorage.cjs');
 require('viem');
 var useLocalStorage = require('../../../shared/utils/hooks/useLocalStorage/useLocalStorage.cjs');
-require('@dynamic-labs/utils');
 require('../../../shared/consts/index.cjs');
 require('@dynamic-labs/multi-wallet');
 var shouldManuallyReconnectOnRefresh = require('../../functions/shouldManuallyReconnectOnRefresh/shouldManuallyReconnectOnRefresh.cjs');
@@ -166,9 +166,7 @@ const useConnectWallet = ({ authMode, clearPrimaryWalletId, enableVisitTrackingO
     const connectWallet = (walletConnector, fetchPublicAddressOpts, shouldCallCallback = true) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
         const walletAddress = yield walletConnector.fetchPublicAddress(fetchPublicAddressOpts);
         if (!walletAddress) {
-            const error = new Error();
-            error.code = 'missing-public-address';
-            throw error;
+            throw new utils.MissingPublicAddressError();
         }
         if (onBeforeConnectSuccessConfirmation && shouldCallCallback) {
             const shouldProceedWithConnection = yield onBeforeConnectSuccessConfirmation({

package/src/lib/utils/hooks/useConnectWallet/useConnectWallet.js

@@ -1,6 +1,7 @@
 import { __awaiter } from '../../../../../_virtual/_tslib.js';
 import { useState, useCallback, useEffect } from 'react';
 import { getWalletConnectorByKey, logger } from '@dynamic-labs/wallet-connector-core';
+import { MissingPublicAddressError } from '@dynamic-labs/utils';
 import { useInternalUserWallets } from '../../../context/UserWalletsContext/UserWalletsContext.js';
 import { createVisit } from '../../../data/api.js';
 import '@dynamic-labs/sdk-api';
@@ -14,7 +15,6 @@ import '../../constants/colors.js';
 import '../../../shared/utils/classes/storage/localStorage.js';
 import 'viem';
 import { useLocalStorage } from '../../../shared/utils/hooks/useLocalStorage/useLocalStorage.js';
-import '@dynamic-labs/utils';
 import '../../../shared/consts/index.js';
 import '@dynamic-labs/multi-wallet';
 import { shouldManuallyReconnectOnRefresh } from '../../functions/shouldManuallyReconnectOnRefresh/shouldManuallyReconnectOnRefresh.js';
@@ -162,9 +162,7 @@ const useConnectWallet = ({ authMode, clearPrimaryWalletId, enableVisitTrackingO
     const connectWallet = (walletConnector, fetchPublicAddressOpts, shouldCallCallback = true) => __awaiter(void 0, void 0, void 0, function* () {
         const walletAddress = yield walletConnector.fetchPublicAddress(fetchPublicAddressOpts);
         if (!walletAddress) {
-            const error = new Error();
-            error.code = 'missing-public-address';
-            throw error;
+            throw new MissingPublicAddressError();
         }
         if (onBeforeConnectSuccessConfirmation && shouldCallCallback) {
             const shouldProceedWithConnection = yield onBeforeConnectSuccessConfirmation({

package/src/lib/utils/hooks/useDynamicLayoutData/useDynamicLayoutData.cjs

@@ -12,101 +12,145 @@ const useDynamicLayoutData = ({ view, authMode, }) => {
     const { isTurnkeyWalletWithoutAuthenticator } = useIsTurnkeyWallet.useIsTurnkeyWallet();
     if (view === 'no-access') {
         const headerData = {
+            copykey: 'dyn_no_access.title',
             heading: t('dyn_no_access.title'),
         };
         return { headerData };
     }
     const helpHeaderMap = {
         'login-with-email-or-wallet-full-wallet-list': {
+            copykey: 'dyn_login.helper.all_wallet_list',
             heading: t('dyn_login.helper.all_wallet_list'),
         },
         'login-with-wallet-only': {
+            copykey: 'dyn_login.helper.wallet_only',
             heading: t('dyn_login.helper.wallet_only'),
         },
         'passkey-intro': {
+            copykey: 'dyn_passkey_intro.helper.title',
             heading: t('dyn_passkey_intro.helper.title'),
         },
         'pending-connect': {
+            copykey: 'dyn_login.helper.pending_connect.title',
             heading: t('dyn_login.helper.pending_connect.title'),
         },
         'pending-signature': {
+            copykey: 'dyn_login.helper.pending_signature.title',
             heading: t('dyn_login.helper.pending_signature.title'),
         },
         'pending-signature-without-back-button': {
+            copykey: 'dyn_login.helper.pending_signature_without_back_button.title',
             heading: t('dyn_login.helper.pending_signature_without_back_button.title'),
         },
         'qr-code': {
+            copykey: 'dyn_login.helper.qr_code.title',
             heading: t('dyn_login.helper.qr_code.title'),
         },
         'wallet-connect-mobile-wallets-list': {
+            copykey: 'dyn_wallet_conect.mobile.wallet_list.helper',
             heading: t('dyn_wallet_conect.mobile.wallet_list.helper'),
         },
         'wallet-list': {
+            copykey: 'dyn_wallet_list.helper',
             heading: t('dyn_wallet_list.helper'),
         },
     };
     const headerMap = {
-        'account-exists': { heading: t('dyn_account_exists.title') },
+        'account-exists': {
+            copykey: 'dyn_account_exists.title',
+            heading: t('dyn_account_exists.title'),
+        },
         'chainalysis-blocked-wallet': {
+            copykey: 'dyn_chainalysis_blocked_wallet.title',
             heading: t('dyn_chainalysis_blocked_wallet.title'),
         },
-        'login-with-email-or-wallet': { heading: t('dyn_login.title.all') },
+        'login-with-email-or-wallet': {
+            copykey: 'dyn_login.title.all',
+            heading: t('dyn_login.title.all'),
+        },
         'login-with-email-or-wallet-full-wallet-list': {
+            copykey: 'dyn_login.title.all_wallet_list',
             heading: t('dyn_login.title.all_wallet_list'),
         },
         'login-with-email-verification': {
-            heading: 'Confirm verification code',
+            copykey: 'dyn_otp_verification.title',
+            heading: t('dyn_otp_verification.title'),
         },
         'login-with-wallet-only': {
+            copykey: 'dyn_login.title.wallet_only',
             heading: t('dyn_login.title.wallet_only'),
         },
         'multi-wallet-wallet-list': {
+            copykey: authMode === 'connect-only'
+                ? 'dyn_wallet_list.title.connect'
+                : 'dyn_wallet_list.title.link',
             heading: authMode === 'connect-only'
                 ? t('dyn_wallet_list.title.connect')
                 : t('dyn_wallet_list.title.link'),
         },
         'network-not-supported': {
-            heading: 'Update Network',
+            copykey: 'dyn_network_not_supported.title',
+            heading: t('dyn_network_not_supported.title'),
         },
         'passkey-recovery-bundle': {
+            copykey: isTurnkeyWalletWithoutAuthenticator
+                ? 'dyn_passkey_secure_modal.code.title'
+                : 'dyn_passkey_recovery.code.title',
             heading: isTurnkeyWalletWithoutAuthenticator
                 ? t('dyn_passkey_secure_modal.code.title')
                 : t('dyn_passkey_recovery.code.title'),
         },
         'passkey-recovery-complete': {
+            copykey: isTurnkeyWalletWithoutAuthenticator
+                ? 'dyn_passkey_secure_modal.complete.title'
+                : 'dyn_passkey_recovery.complete.title',
             heading: isTurnkeyWalletWithoutAuthenticator
                 ? t('dyn_passkey_secure_modal.complete.title')
                 : t('dyn_passkey_recovery.complete.title'),
         },
         'passkey-recovery-start': {
+            copykey: isTurnkeyWalletWithoutAuthenticator
+                ? 'dyn_passkey_secure_modal.start.title'
+                : 'dyn_passkey_recovery.start.title',
             heading: isTurnkeyWalletWithoutAuthenticator
                 ? t('dyn_passkey_secure_modal.start.title')
                 : t('dyn_passkey_recovery.start.title'),
         },
         'pending-connect': {
+            copykey: 'dyn_login.connect_wallet.title',
             heading: t('dyn_login.connect_wallet.title'),
         },
         'pending-signature': {
+            copykey: 'dyn_login.sign_wallet.title',
             heading: t('dyn_login.sign_wallet.title'),
         },
         'qr-code': {
+            copykey: 'dyn_login.qr_code.title',
             heading: t('dyn_login.qr_code.title'),
         },
         'verify-email': {
-            heading: 'Confirm verification code',
+            copykey: 'dyn_otp_verification.title',
+            heading: t('dyn_otp_verification.title'),
         },
         'wallet-connect-mobile-wallets-list': {
+            copykey: 'dyn_wallet_conect.mobile.wallet_list.title',
             heading: (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(iconic.WalletConnectIcon, { style: { height: '1.5rem', width: '1.5rem' } }), ' ', t('dyn_wallet_conect.mobile.wallet_list.title')] })),
         },
         'wallet-group': {
+            copykey: 'dyn_login.wallet_group.title',
             heading: t('dyn_login.wallet_group.title'),
         },
         'wallet-list': {
+            copykey: 'dyn_wallet_list.title.select',
             heading: t('dyn_wallet_list.title.select'),
         },
-        'wallet-sign': { heading: t('dyn_wallet_transfer.sign.title') },
+        'wallet-sign': {
+            copykey: 'dyn_wallet_transfer.sign.title',
+            heading: t('dyn_wallet_transfer.sign.title'),
+        },
         'wallet-used': {
-            heading: 'Transfer this wallet?',
+            copykey: 'dyn_wallet_link.title',
+            heading: t('dyn_wallet_link.title'),
         },
     };
     const helpHeaderData = helpHeaderMap[view];

package/src/lib/utils/hooks/useDynamicLayoutData/useDynamicLayoutData.d.ts

@@ -3,9 +3,11 @@ import { ViewType } from '../../../context/ViewContext';
 import { AuthModeType } from '../../../shared';
 interface FooterContentProps {
     heading: string;
+    copykey: string;
 }
 interface HeaderContentProps {
     heading: string | JSX.Element;
+    copykey: string;
 }
 interface DynamicLayoutProps {
     view: ViewType;
@@ -13,6 +15,7 @@ interface DynamicLayoutProps {
 }
 export declare const useDynamicLayoutData: ({ view, authMode, }: DynamicLayoutProps) => {
     headerData: {
+        copykey: string;
         heading: string;
     };
     helpHeaderData?: undefined;

package/src/lib/utils/hooks/useDynamicLayoutData/useDynamicLayoutData.js

@@ -8,101 +8,145 @@ const useDynamicLayoutData = ({ view, authMode, }) => {
     const { isTurnkeyWalletWithoutAuthenticator } = useIsTurnkeyWallet();
     if (view === 'no-access') {
         const headerData = {
+            copykey: 'dyn_no_access.title',
             heading: t('dyn_no_access.title'),
         };
         return { headerData };
     }
     const helpHeaderMap = {
         'login-with-email-or-wallet-full-wallet-list': {
+            copykey: 'dyn_login.helper.all_wallet_list',
             heading: t('dyn_login.helper.all_wallet_list'),
         },
         'login-with-wallet-only': {
+            copykey: 'dyn_login.helper.wallet_only',
             heading: t('dyn_login.helper.wallet_only'),
         },
         'passkey-intro': {
+            copykey: 'dyn_passkey_intro.helper.title',
             heading: t('dyn_passkey_intro.helper.title'),
         },
         'pending-connect': {
+            copykey: 'dyn_login.helper.pending_connect.title',
             heading: t('dyn_login.helper.pending_connect.title'),
         },
         'pending-signature': {
+            copykey: 'dyn_login.helper.pending_signature.title',
             heading: t('dyn_login.helper.pending_signature.title'),
         },
         'pending-signature-without-back-button': {
+            copykey: 'dyn_login.helper.pending_signature_without_back_button.title',
             heading: t('dyn_login.helper.pending_signature_without_back_button.title'),
         },
         'qr-code': {
+            copykey: 'dyn_login.helper.qr_code.title',
             heading: t('dyn_login.helper.qr_code.title'),
         },
         'wallet-connect-mobile-wallets-list': {
+            copykey: 'dyn_wallet_conect.mobile.wallet_list.helper',
             heading: t('dyn_wallet_conect.mobile.wallet_list.helper'),
         },
         'wallet-list': {
+            copykey: 'dyn_wallet_list.helper',
             heading: t('dyn_wallet_list.helper'),
         },
     };
     const headerMap = {
-        'account-exists': { heading: t('dyn_account_exists.title') },
+        'account-exists': {
+            copykey: 'dyn_account_exists.title',
+            heading: t('dyn_account_exists.title'),
+        },
         'chainalysis-blocked-wallet': {
+            copykey: 'dyn_chainalysis_blocked_wallet.title',
             heading: t('dyn_chainalysis_blocked_wallet.title'),
         },
-        'login-with-email-or-wallet': { heading: t('dyn_login.title.all') },
+        'login-with-email-or-wallet': {
+            copykey: 'dyn_login.title.all',
+            heading: t('dyn_login.title.all'),
+        },
         'login-with-email-or-wallet-full-wallet-list': {
+            copykey: 'dyn_login.title.all_wallet_list',
             heading: t('dyn_login.title.all_wallet_list'),
         },
         'login-with-email-verification': {
-            heading: 'Confirm verification code',
+            copykey: 'dyn_otp_verification.title',
+            heading: t('dyn_otp_verification.title'),
         },
         'login-with-wallet-only': {
+            copykey: 'dyn_login.title.wallet_only',
             heading: t('dyn_login.title.wallet_only'),
         },
         'multi-wallet-wallet-list': {
+            copykey: authMode === 'connect-only'
+                ? 'dyn_wallet_list.title.connect'
+                : 'dyn_wallet_list.title.link',
             heading: authMode === 'connect-only'
                 ? t('dyn_wallet_list.title.connect')
                 : t('dyn_wallet_list.title.link'),
         },
         'network-not-supported': {
-            heading: 'Update Network',
+            copykey: 'dyn_network_not_supported.title',
+            heading: t('dyn_network_not_supported.title'),
         },
         'passkey-recovery-bundle': {
+            copykey: isTurnkeyWalletWithoutAuthenticator
+                ? 'dyn_passkey_secure_modal.code.title'
+                : 'dyn_passkey_recovery.code.title',
             heading: isTurnkeyWalletWithoutAuthenticator
                 ? t('dyn_passkey_secure_modal.code.title')
                 : t('dyn_passkey_recovery.code.title'),
         },
         'passkey-recovery-complete': {
+            copykey: isTurnkeyWalletWithoutAuthenticator
+                ? 'dyn_passkey_secure_modal.complete.title'
+                : 'dyn_passkey_recovery.complete.title',
             heading: isTurnkeyWalletWithoutAuthenticator
                 ? t('dyn_passkey_secure_modal.complete.title')
                 : t('dyn_passkey_recovery.complete.title'),
         },
         'passkey-recovery-start': {
+            copykey: isTurnkeyWalletWithoutAuthenticator
+                ? 'dyn_passkey_secure_modal.start.title'
+                : 'dyn_passkey_recovery.start.title',
             heading: isTurnkeyWalletWithoutAuthenticator
                 ? t('dyn_passkey_secure_modal.start.title')
                 : t('dyn_passkey_recovery.start.title'),
         },
         'pending-connect': {
+            copykey: 'dyn_login.connect_wallet.title',
             heading: t('dyn_login.connect_wallet.title'),
         },
         'pending-signature': {
+            copykey: 'dyn_login.sign_wallet.title',
             heading: t('dyn_login.sign_wallet.title'),
         },
         'qr-code': {
+            copykey: 'dyn_login.qr_code.title',
             heading: t('dyn_login.qr_code.title'),
         },
         'verify-email': {
-            heading: 'Confirm verification code',
+            copykey: 'dyn_otp_verification.title',
+            heading: t('dyn_otp_verification.title'),
         },
         'wallet-connect-mobile-wallets-list': {
+            copykey: 'dyn_wallet_conect.mobile.wallet_list.title',
             heading: (jsxs(Fragment, { children: [jsx(WalletConnectIcon, { style: { height: '1.5rem', width: '1.5rem' } }), ' ', t('dyn_wallet_conect.mobile.wallet_list.title')] })),
         },
         'wallet-group': {
+            copykey: 'dyn_login.wallet_group.title',
             heading: t('dyn_login.wallet_group.title'),
         },
         'wallet-list': {
+            copykey: 'dyn_wallet_list.title.select',
             heading: t('dyn_wallet_list.title.select'),
         },
-        'wallet-sign': { heading: t('dyn_wallet_transfer.sign.title') },
+        'wallet-sign': {
+            copykey: 'dyn_wallet_transfer.sign.title',
+            heading: t('dyn_wallet_transfer.sign.title'),
+        },
         'wallet-used': {
-            heading: 'Transfer this wallet?',
+            copykey: 'dyn_wallet_link.title',
+            heading: t('dyn_wallet_link.title'),
         },
     };
     const helpHeaderData = helpHeaderMap[view];

package/src/lib/utils/hooks/useEmbeddedWallet/useEmbeddedWallet.cjs

@@ -27,12 +27,14 @@ var isEmbeddedWalletPresent = require('../../functions/isEmbeddedWalletPresent/i
 var isTurnkeyEnabled = require('../../functions/isTurnkeyEnabled/isTurnkeyEnabled.cjs');
 var smartWallet = require('../useWalletConnectors/utils/smartWallet/smartWallet.cjs');
 var useCreateDynamicEmbeddedWalletMutation = require('../useCreateDynamicEmbeddedWalletMutation/useCreateDynamicEmbeddedWalletMutation.cjs');
+var useCreateUserProfileByJWTCallback = require('../useCreateUserProfileByJWTCallback/useCreateUserProfileByJWTCallback.cjs');
 
 // Hook exposed to customers and used internally to trigger embedded wallet creation
 const useEmbeddedWallet = () => {
     const { projectSettings, onboardingOnlyJwt, setPrimaryWalletId, walletConnectorOptions, internalSetShowAuthFlow, internalEvents, primaryWallet, environmentId, } = useInternalDynamicContext.useInternalDynamicContext();
     const { setView } = ViewContext.useViewContext();
     const { createDynamicEmbeddedWalletMutation } = useCreateDynamicEmbeddedWalletMutation.useCreateDynamicEmbeddedWalletMutation();
+    const { createUserProfileByJWT } = useCreateUserProfileByJWTCallback.useCreateUserProfileByJWTCallback();
     const userHasEmbeddedWallet = () => {
         var _a;
         const jwt = (_a = getAuthToken.getAuthToken()) !== null && _a !== void 0 ? _a : onboardingOnlyJwt;
@@ -85,6 +87,7 @@ const useEmbeddedWallet = () => {
         // if user already has embedded wallet, set it as primary wallet
         if (decodedJwt) {
             (_a = turnkeyWallet === null || turnkeyWallet === void 0 ? void 0 : turnkeyWallet.walletConnector) === null || _a === void 0 ? void 0 : _a.setVerifiedCredentials(decodedJwt.verifiedCredentials);
+            yield createUserProfileByJWT(jwt);
             const smartWallet$1 = smartWallet.findSmartWallet(embeddedWalletVerifiedCredential, decodedJwt.verifiedCredentials);
             if (smartWallet$1) {
                 yield smartWallet.initializeSmartWallet({

package/src/lib/utils/hooks/useEmbeddedWallet/useEmbeddedWallet.js

@@ -23,12 +23,14 @@ import { isEmbeddedWalletPresent } from '../../functions/isEmbeddedWalletPresent
 import { isTurnkeyEnabled } from '../../functions/isTurnkeyEnabled/isTurnkeyEnabled.js';
 import { findSmartWallet, initializeSmartWallet } from '../useWalletConnectors/utils/smartWallet/smartWallet.js';
 import { useCreateDynamicEmbeddedWalletMutation } from '../useCreateDynamicEmbeddedWalletMutation/useCreateDynamicEmbeddedWalletMutation.js';
+import { useCreateUserProfileByJWTCallback } from '../useCreateUserProfileByJWTCallback/useCreateUserProfileByJWTCallback.js';
 
 // Hook exposed to customers and used internally to trigger embedded wallet creation
 const useEmbeddedWallet = () => {
     const { projectSettings, onboardingOnlyJwt, setPrimaryWalletId, walletConnectorOptions, internalSetShowAuthFlow, internalEvents, primaryWallet, environmentId, } = useInternalDynamicContext();
     const { setView } = useViewContext();
     const { createDynamicEmbeddedWalletMutation } = useCreateDynamicEmbeddedWalletMutation();
+    const { createUserProfileByJWT } = useCreateUserProfileByJWTCallback();
     const userHasEmbeddedWallet = () => {
         var _a;
         const jwt = (_a = getAuthToken()) !== null && _a !== void 0 ? _a : onboardingOnlyJwt;
@@ -81,6 +83,7 @@ const useEmbeddedWallet = () => {
         // if user already has embedded wallet, set it as primary wallet
         if (decodedJwt) {
             (_a = turnkeyWallet === null || turnkeyWallet === void 0 ? void 0 : turnkeyWallet.walletConnector) === null || _a === void 0 ? void 0 : _a.setVerifiedCredentials(decodedJwt.verifiedCredentials);
+            yield createUserProfileByJWT(jwt);
             const smartWallet = findSmartWallet(embeddedWalletVerifiedCredential, decodedJwt.verifiedCredentials);
             if (smartWallet) {
                 yield initializeSmartWallet({

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

@@ -0,0 +1 @@
+export { useProcessNetworkConfigurations } from './useProcessNetworkConfigurations';