@dynamic-labs/sdk-react-core 2.1.0-alpha.14 → 2.1.0-alpha.16

package/src/lib/utils/constants/index.d.ts

@@ -1,4 +1,4 @@
-export { AUTH_TOKEN, AUTH_MIN_TOKEN, AUTH_USER, LAST_USED_WALLET, NETWORKS_STORAGE_KEY, NONCE_STORAGE_KEY, PRIMARY_WALLET_ID, THEME, WALLET_PICKER_SEARCH_KEY, AUTH_MODE, PHANTOM_SIGNATURE_STATE, } from './localStorage';
+export { AUTH_TOKEN, AUTH_MIN_TOKEN, AUTH_ONBOARDING_TOKEN, STORE_STORAGE_KEY, LAST_USED_WALLET, NETWORKS_STORAGE_KEY, NONCE_STORAGE_KEY, PRIMARY_WALLET_ID, THEME, WALLET_PICKER_SEARCH_KEY, AUTH_MODE, PHANTOM_SIGNATURE_STATE, } from './localStorage';
 export { BASE_LIGHT_1, BASE_LIGHT_2, BASE_LIGHT_3, BASE_LIGHT_4, BASE_LIGHT_5, BASE_DARK_5, TEXT_LIGHT_PRIMARY, TEXT_LIGHT_SECONDARY, TEXT_LIGHT_TERTIARY, TEXT_LIGHT_LINK, CONNECTION_LIGHT_GREEN, CONNECTION_LIGHT_ORANGE, ERROR_LIGHT_1, ERROR_LIGHT_2, OVERLAY_LIGHT, HOVER_LIGHT, LOADING_ANIMATION_GRADIENT_LIGHT, BASE_DARK_1, BASE_DARK_2, BASE_DARK_3, BASE_DARK_4, DYNAMIC_CONNECT_BUTTON_BACKGROUND, DYNAMIC_CONNECT_BUTTON_BORDER, DYNAMIC_CONNECT_BUTTON_COLOR, TEXT_DARK_PRIMARY, TEXT_DARK_SECONDARY, TEXT_DARK_TERTIARY, TEXT_DARK_LINK, BRAND_HOVER, BRAND_PRIMARY, BRAND_SECONDARY, CONNECTION_DARK_GREEN, CONNECTION_DARK_ORANGE, ERROR_DARK_1, ERROR_DARK_2, OVERLAY_DARK, HOVER_DARK, LOADING_ANIMATION_GRADIENT_DARK, SHADOW_DOWN_1, SHADOW_DOWN_2, SHADOW_DOWN_3, SHADOW_UP_1, BRAND_HOVER_COLOR, BRAND_PRIMARY_COLOR, BRAND_SECONDARY_COLOR, } from './colors';
 export { BORDER_SQUARE, BORDER_ROUNDED, BORDER_RADIUS } from './theme';
 export { TITLE, BODY_NORMAL, BODY_SMALL, BODY_MINI, BUTTON_PRIMARY, BUTTON_SECONDARY, NUMBERS_BIG, NUMBERS_MEDIUM, } from './typography';

package/src/lib/utils/constants/localStorage.cjs

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const AUTH_TOKEN = 'dynamic_authentication_token';
 const AUTH_MIN_TOKEN = 'dynamic_min_authentication_token';
-const AUTH_USER = 'dynamic_authenticated_user';
+const AUTH_ONBOARDING_TOKEN = 'dynamic_onboarding_authentication_token';
 const LAST_USED_WALLET = 'dynamic_last_used_wallet';
 const NETWORKS_STORAGE_KEY = 'dynamic_networks';
 const NONCE_STORAGE_KEY = 'dynamic_nonce';
@@ -26,11 +26,12 @@ const PHONE_INPUT_DEFAULT_COUNTRY = 'dynamic_phone_input_default_country';
  * Used to identify the purpose of a signature after phantom redirects back to the app in mobile
  */
 const PHANTOM_SIGNATURE_STATE = 'phantom_verification_type';
+const STORE_STORAGE_KEY = 'dynamic_store';
 
 exports.AUTH_MIN_TOKEN = AUTH_MIN_TOKEN;
 exports.AUTH_MODE = AUTH_MODE;
+exports.AUTH_ONBOARDING_TOKEN = AUTH_ONBOARDING_TOKEN;
 exports.AUTH_TOKEN = AUTH_TOKEN;
-exports.AUTH_USER = AUTH_USER;
 exports.BRIDGE_ONBOARDING_COMPLETED = BRIDGE_ONBOARDING_COMPLETED;
 exports.CONNECTED_WALLETS_INFO = CONNECTED_WALLETS_INFO;
 exports.CONNECTED_WALLET_NAME_SERVICE = CONNECTED_WALLET_NAME_SERVICE;
@@ -45,5 +46,6 @@ exports.PHANTOM_SIGNATURE_STATE = PHANTOM_SIGNATURE_STATE;
 exports.PHONE_INPUT_DEFAULT_COUNTRY = PHONE_INPUT_DEFAULT_COUNTRY;
 exports.PRIMARY_WALLET_ID = PRIMARY_WALLET_ID;
 exports.PROJECT_SETTINGS_STORAGE_KEY = PROJECT_SETTINGS_STORAGE_KEY;
+exports.STORE_STORAGE_KEY = STORE_STORAGE_KEY;
 exports.WAGMI_LAST_SESSION_SETTINGS = WAGMI_LAST_SESSION_SETTINGS;
 exports.WALLET_PICKER_SEARCH_KEY = WALLET_PICKER_SEARCH_KEY;

package/src/lib/utils/constants/localStorage.d.ts

@@ -1,6 +1,6 @@
 export declare const AUTH_TOKEN = "dynamic_authentication_token";
 export declare const AUTH_MIN_TOKEN = "dynamic_min_authentication_token";
-export declare const AUTH_USER = "dynamic_authenticated_user";
+export declare const AUTH_ONBOARDING_TOKEN = "dynamic_onboarding_authentication_token";
 export declare const LAST_USED_WALLET = "dynamic_last_used_wallet";
 export declare const NETWORKS_STORAGE_KEY = "dynamic_networks";
 export declare const NONCE_STORAGE_KEY = "dynamic_nonce";
@@ -31,3 +31,4 @@ export type PhantomSignatureState = {
  * Used to identify the purpose of a signature after phantom redirects back to the app in mobile
  */
 export declare const PHANTOM_SIGNATURE_STATE = "phantom_verification_type";
+export declare const STORE_STORAGE_KEY = "dynamic_store";

package/src/lib/utils/constants/localStorage.js

@@ -1,7 +1,7 @@
 'use client'
 const AUTH_TOKEN = 'dynamic_authentication_token';
 const AUTH_MIN_TOKEN = 'dynamic_min_authentication_token';
-const AUTH_USER = 'dynamic_authenticated_user';
+const AUTH_ONBOARDING_TOKEN = 'dynamic_onboarding_authentication_token';
 const LAST_USED_WALLET = 'dynamic_last_used_wallet';
 const NETWORKS_STORAGE_KEY = 'dynamic_networks';
 const NONCE_STORAGE_KEY = 'dynamic_nonce';
@@ -22,5 +22,6 @@ const PHONE_INPUT_DEFAULT_COUNTRY = 'dynamic_phone_input_default_country';
  * Used to identify the purpose of a signature after phantom redirects back to the app in mobile
  */
 const PHANTOM_SIGNATURE_STATE = 'phantom_verification_type';
+const STORE_STORAGE_KEY = 'dynamic_store';
 
-export { AUTH_MIN_TOKEN, AUTH_MODE, AUTH_TOKEN, AUTH_USER, BRIDGE_ONBOARDING_COMPLETED, CONNECTED_WALLETS_INFO, CONNECTED_WALLET_NAME_SERVICE, DYNAMIC_CONTEXT_LAST_SESSION_SETTINGS, EMBEDDED_WALLET_SECURE_BANNER, EMBEDDED_WALLET_SESSION_SETTINGS, LAST_USED_WALLET, NETWORKS_STORAGE_KEY, NEWTOWEB3_WALLET_EXTENSION_FLAG_KEY, NONCE_STORAGE_KEY, PHANTOM_SIGNATURE_STATE, PHONE_INPUT_DEFAULT_COUNTRY, PRIMARY_WALLET_ID, PROJECT_SETTINGS_STORAGE_KEY, WAGMI_LAST_SESSION_SETTINGS, WALLET_PICKER_SEARCH_KEY };
+export { AUTH_MIN_TOKEN, AUTH_MODE, AUTH_ONBOARDING_TOKEN, AUTH_TOKEN, BRIDGE_ONBOARDING_COMPLETED, CONNECTED_WALLETS_INFO, CONNECTED_WALLET_NAME_SERVICE, DYNAMIC_CONTEXT_LAST_SESSION_SETTINGS, EMBEDDED_WALLET_SECURE_BANNER, EMBEDDED_WALLET_SESSION_SETTINGS, LAST_USED_WALLET, NETWORKS_STORAGE_KEY, NEWTOWEB3_WALLET_EXTENSION_FLAG_KEY, NONCE_STORAGE_KEY, PHANTOM_SIGNATURE_STATE, PHONE_INPUT_DEFAULT_COUNTRY, PRIMARY_WALLET_ID, PROJECT_SETTINGS_STORAGE_KEY, STORE_STORAGE_KEY, WAGMI_LAST_SESSION_SETTINGS, WALLET_PICKER_SEARCH_KEY };

package/src/lib/utils/functions/downloadFile/downloadFile.cjs

@@ -0,0 +1,15 @@
+'use client'
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const downloadFile = (fileName, content) => {
+    const element = document.createElement('a');
+    const file = new Blob([content], { type: 'text/plain' });
+    element.href = URL.createObjectURL(file);
+    element.download = fileName;
+    document.body.appendChild(element);
+    element.click();
+};
+
+exports.downloadFile = downloadFile;

package/src/lib/utils/functions/downloadFile/downloadFile.d.ts

@@ -0,0 +1 @@
+export declare const downloadFile: (fileName: string, content: string) => void;

package/src/lib/utils/functions/downloadFile/downloadFile.js

@@ -0,0 +1,11 @@
+'use client'
+const downloadFile = (fileName, content) => {
+    const element = document.createElement('a');
+    const file = new Blob([content], { type: 'text/plain' });
+    element.href = URL.createObjectURL(file);
+    element.download = fileName;
+    document.body.appendChild(element);
+    element.click();
+};
+
+export { downloadFile };

package/src/lib/utils/functions/downloadFile/index.d.ts

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

package/src/lib/utils/functions/getCoinbaseMPCConnectorFetchers/getCoinbaseMPCConnectorFetchers.cjs

@@ -18,27 +18,31 @@ require('../../constants/values.cjs');
 require('../../../shared/utils/classes/storage/localStorage.cjs');
 require('../../../shared/consts/index.cjs');
 require('../../../config/ApiEndpoint.cjs');
+require('@dynamic-labs/multi-wallet');
+require('react-international-phone');
+require('viem');
+require('viem/chains');
 var embeddedWallets = require('../../../data/api/embeddedWallets/embeddedWallets.cjs');
 require('../../../locale/locale.cjs');
 
-const getCoinbaseMPCConnectorFetchers = ({ environmentId, authToken, }) => {
+const getCoinbaseMPCConnectorFetchers = ({ environmentId }) => {
     const fetchAuthToken = () => _tslib.__awaiter(void 0, void 0, void 0, function* () {
         const token = yield embeddedWallets.getWalletAuthToken({
             environmentId,
             type: sdkApiCore.EmbeddedWalletAuthType.Mpc,
-        }, authToken);
+        });
         return token || '';
     });
     const fetchBackupCode = () => _tslib.__awaiter(void 0, void 0, void 0, function* () {
         const token = yield embeddedWallets.getEmbeddedWalletBackup({
             environmentId,
-        }, authToken);
+        });
         return token || '';
     });
     const fetchPasscode = () => _tslib.__awaiter(void 0, void 0, void 0, function* () {
         const token = yield embeddedWallets.getEmbeddedWalletPasscode({
             environmentId,
-        }, authToken);
+        });
         return token || '';
     });
     return { fetchAuthToken, fetchBackupCode, fetchPasscode };

package/src/lib/utils/functions/getCoinbaseMPCConnectorFetchers/getCoinbaseMPCConnectorFetchers.d.ts

@@ -1,8 +1,7 @@
 type Props = {
     environmentId: string;
-    authToken: string;
 };
-export declare const getCoinbaseMPCConnectorFetchers: ({ environmentId, authToken, }: Props) => {
+export declare const getCoinbaseMPCConnectorFetchers: ({ environmentId }: Props) => {
     fetchAuthToken: () => Promise<string>;
     fetchBackupCode: () => Promise<string>;
     fetchPasscode: () => Promise<string>;

package/src/lib/utils/functions/getCoinbaseMPCConnectorFetchers/getCoinbaseMPCConnectorFetchers.js

@@ -14,27 +14,31 @@ import '../../constants/values.js';
 import '../../../shared/utils/classes/storage/localStorage.js';
 import '../../../shared/consts/index.js';
 import '../../../config/ApiEndpoint.js';
+import '@dynamic-labs/multi-wallet';
+import 'react-international-phone';
+import 'viem';
+import 'viem/chains';
 import { getWalletAuthToken, getEmbeddedWalletBackup, getEmbeddedWalletPasscode } from '../../../data/api/embeddedWallets/embeddedWallets.js';
 import '../../../locale/locale.js';
 
-const getCoinbaseMPCConnectorFetchers = ({ environmentId, authToken, }) => {
+const getCoinbaseMPCConnectorFetchers = ({ environmentId }) => {
     const fetchAuthToken = () => __awaiter(void 0, void 0, void 0, function* () {
         const token = yield getWalletAuthToken({
             environmentId,
             type: EmbeddedWalletAuthType.Mpc,
-        }, authToken);
+        });
         return token || '';
     });
     const fetchBackupCode = () => __awaiter(void 0, void 0, void 0, function* () {
         const token = yield getEmbeddedWalletBackup({
             environmentId,
-        }, authToken);
+        });
         return token || '';
     });
     const fetchPasscode = () => __awaiter(void 0, void 0, void 0, function* () {
         const token = yield getEmbeddedWalletPasscode({
             environmentId,
-        }, authToken);
+        });
         return token || '';
     });
     return { fetchAuthToken, fetchBackupCode, fetchPasscode };

package/src/lib/utils/functions/getOnboardingAuthToken/getOnboardingAuthToken.cjs

@@ -0,0 +1,31 @@
+'use client'
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var helpers = require('../../../context/DynamicContext/helpers/helpers.cjs');
+require('@dynamic-labs/sdk-api-core');
+require('../../../shared/logger.cjs');
+require('@dynamic-labs/iconic');
+require('@dynamic-labs/wallet-connector-core');
+require('react/jsx-runtime');
+require('../../../context/ViewContext/ViewContext.cjs');
+require('react');
+require('@dynamic-labs/wallet-book');
+var localStorage$1 = require('../../constants/localStorage.cjs');
+require('../../constants/colors.cjs');
+require('../../constants/values.cjs');
+var localStorage = require('../../../shared/utils/classes/storage/localStorage.cjs');
+require('@dynamic-labs/utils');
+require('../../../shared/consts/index.cjs');
+
+const getOnboardingAuthToken = () => {
+    if (typeof window === 'undefined')
+        return undefined;
+    const token = localStorage.LocalStorage.getFromLS(localStorage$1.AUTH_ONBOARDING_TOKEN, true);
+    if (!token || helpers.isMinAuthTokenExpired(token))
+        return undefined;
+    return token;
+};
+
+exports.getOnboardingAuthToken = getOnboardingAuthToken;

package/src/lib/utils/functions/getOnboardingAuthToken/getOnboardingAuthToken.d.ts

@@ -0,0 +1 @@
+export declare const getOnboardingAuthToken: () => any;

package/src/lib/utils/functions/getOnboardingAuthToken/getOnboardingAuthToken.js

@@ -0,0 +1,27 @@
+'use client'
+import { isMinAuthTokenExpired } from '../../../context/DynamicContext/helpers/helpers.js';
+import '@dynamic-labs/sdk-api-core';
+import '../../../shared/logger.js';
+import '@dynamic-labs/iconic';
+import '@dynamic-labs/wallet-connector-core';
+import 'react/jsx-runtime';
+import '../../../context/ViewContext/ViewContext.js';
+import 'react';
+import '@dynamic-labs/wallet-book';
+import { AUTH_ONBOARDING_TOKEN } from '../../constants/localStorage.js';
+import '../../constants/colors.js';
+import '../../constants/values.js';
+import { LocalStorage } from '../../../shared/utils/classes/storage/localStorage.js';
+import '@dynamic-labs/utils';
+import '../../../shared/consts/index.js';
+
+const getOnboardingAuthToken = () => {
+    if (typeof window === 'undefined')
+        return undefined;
+    const token = LocalStorage.getFromLS(AUTH_ONBOARDING_TOKEN, true);
+    if (!token || isMinAuthTokenExpired(token))
+        return undefined;
+    return token;
+};
+
+export { getOnboardingAuthToken };

package/src/lib/utils/functions/getOnboardingAuthToken/index.d.ts

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

package/src/lib/utils/functions/handleUnlinkHelper/handleUnlinkHelper.cjs

@@ -18,14 +18,14 @@ require('../../constants/values.cjs');
 require('../../../shared/utils/classes/storage/localStorage.cjs');
 require('../../../shared/consts/index.cjs');
 require('../../../config/ApiEndpoint.cjs');
-require('../../../locale/locale.cjs');
-var wallets = require('../../../data/api/wallets/wallets.cjs');
 require('@dynamic-labs/multi-wallet');
 var getMinAuthToken = require('../getMinAuthToken/getMinAuthToken.cjs');
 require('react-international-phone');
 require('viem');
 require('viem/chains');
 var updateJWTAndCreateUserProfile = require('../updateJWTAndCreateUserProfile/updateJWTAndCreateUserProfile.cjs');
+require('../../../locale/locale.cjs');
+var wallets = require('../../../data/api/wallets/wallets.cjs');
 
 /**
  * A helper function that wraps the unlinkWallet function from the API.
@@ -37,7 +37,11 @@ const handleUnlinkHelper = (_a) => _tslib.__awaiter(void 0, [_a], void 0, functi
     const token = getMinAuthToken.getMinAuthToken();
     if (!token)
         return;
-    const response = yield wallets.unlinkWallet({ environmentId, primaryWalletId, walletId }, token);
+    const response = yield wallets.unlinkWallet({
+        environmentId,
+        primaryWalletId,
+        walletId,
+    });
     return updateJWTAndCreateUserProfile.updateJWTAndCreateUserProfile(response === null || response === void 0 ? void 0 : response.jwt, response === null || response === void 0 ? void 0 : response.minifiedJwt);
 });
 

package/src/lib/utils/functions/handleUnlinkHelper/handleUnlinkHelper.js

@@ -14,14 +14,14 @@ import '../../constants/values.js';
 import '../../../shared/utils/classes/storage/localStorage.js';
 import '../../../shared/consts/index.js';
 import '../../../config/ApiEndpoint.js';
-import '../../../locale/locale.js';
-import { unlinkWallet } from '../../../data/api/wallets/wallets.js';
 import '@dynamic-labs/multi-wallet';
 import { getMinAuthToken } from '../getMinAuthToken/getMinAuthToken.js';
 import 'react-international-phone';
 import 'viem';
 import 'viem/chains';
 import { updateJWTAndCreateUserProfile } from '../updateJWTAndCreateUserProfile/updateJWTAndCreateUserProfile.js';
+import '../../../locale/locale.js';
+import { unlinkWallet } from '../../../data/api/wallets/wallets.js';
 
 /**
  * A helper function that wraps the unlinkWallet function from the API.
@@ -33,7 +33,11 @@ const handleUnlinkHelper = (_a) => __awaiter(void 0, [_a], void 0, function* ({
     const token = getMinAuthToken();
     if (!token)
         return;
-    const response = yield unlinkWallet({ environmentId, primaryWalletId, walletId }, token);
+    const response = yield unlinkWallet({
+        environmentId,
+        primaryWalletId,
+        walletId,
+    });
     return updateJWTAndCreateUserProfile(response === null || response === void 0 ? void 0 : response.jwt, response === null || response === void 0 ? void 0 : response.minifiedJwt);
 });
 

package/src/lib/utils/functions/index.d.ts

@@ -11,6 +11,7 @@ export * from './modulo';
 export * from './getAppOrigin';
 export * from './getAuthToken';
 export * from './getMinAuthToken';
+export * from './getOnboardingAuthToken';
 export * from './getEnabledKYC';
 export * from './validatePhoneLength';
 export * from './getEnabledOAuthProviders';
@@ -73,3 +74,4 @@ export * from './hasEmbeddedWallet';
 export * from './getEmbeddedWalletAuthHandler';
 export * from './getEmbeddedWalletSessionExpiration';
 export * from './serializeWalletConnectors';
+export * from './downloadFile';

package/src/lib/utils/hooks/authenticationHooks/useOtpVerificationRequest/useOtpVerificationRequest.cjs

@@ -102,7 +102,7 @@ const useOtpVerificationRequestRaw = () => {
             environmentId,
             verificationToken,
             verificationUUID,
-        }, jwtToken);
+        });
         // check if decoded JWT still somehow has missing fields, we can't proceed if it does
         const decodedJwt = decodeJwt.decodeJwt(updateSelfResponse.jwt);
         const missingFields = (_a = decodedJwt === null || decodedJwt === void 0 ? void 0 : decodedJwt.missingFields) !== null && _a !== void 0 ? _a : [];

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

@@ -98,7 +98,7 @@ const useOtpVerificationRequestRaw = () => {
             environmentId,
             verificationToken,
             verificationUUID,
-        }, jwtToken);
+        });
         // check if decoded JWT still somehow has missing fields, we can't proceed if it does
         const decodedJwt = decodeJwt(updateSelfResponse.jwt);
         const missingFields = (_a = decodedJwt === null || decodedJwt === void 0 ? void 0 : decodedJwt.missingFields) !== null && _a !== void 0 ? _a : [];

package/src/lib/utils/hooks/multiWallet/useVerifyOnAwaitingSignature/useVerifyOnAwaitingSignature.cjs

@@ -25,13 +25,13 @@ require('../../../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 require('../../../../context/AccountExistsContext/AccountExistsContext.cjs');
 require('../../../../context/UserWalletsContext/UserWalletsContext.cjs');
 require('../../../../config/ApiEndpoint.cjs');
-require('../../../../locale/locale.cjs');
 require('@dynamic-labs/multi-wallet');
-require('../../../../context/CaptchaContext/CaptchaContext.cjs');
 require('react-international-phone');
 var requiresTwoStepAuthentication = require('../../../functions/requiresTwoStepAuthentication/requiresTwoStepAuthentication.cjs');
 require('viem');
 require('viem/chains');
+require('../../../../locale/locale.cjs');
+require('../../../../context/CaptchaContext/CaptchaContext.cjs');
 require('../../../../context/VerificationContext/VerificationContext.cjs');
 require('react-dom');
 require('../../../../context/WalletContext/WalletContext.cjs');

package/src/lib/utils/hooks/multiWallet/useVerifyOnAwaitingSignature/useVerifyOnAwaitingSignature.js

@@ -21,13 +21,13 @@ import '../../../../context/AccessDeniedContext/AccessDeniedContext.js';
 import '../../../../context/AccountExistsContext/AccountExistsContext.js';
 import '../../../../context/UserWalletsContext/UserWalletsContext.js';
 import '../../../../config/ApiEndpoint.js';
-import '../../../../locale/locale.js';
 import '@dynamic-labs/multi-wallet';
-import '../../../../context/CaptchaContext/CaptchaContext.js';
 import 'react-international-phone';
 import { requiresTwoStepAuthentication } from '../../../functions/requiresTwoStepAuthentication/requiresTwoStepAuthentication.js';
 import 'viem';
 import 'viem/chains';
+import '../../../../locale/locale.js';
+import '../../../../context/CaptchaContext/CaptchaContext.js';
 import '../../../../context/VerificationContext/VerificationContext.js';
 import 'react-dom';
 import '../../../../context/WalletContext/WalletContext.js';

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

@@ -168,7 +168,8 @@ const useAuthLayoutChecks = () => {
             view.type === 'farcaster-connect-view' ||
             view.type === 'merge-user-accounts' ||
             view.type === 'merge-user-accounts-conflicts' ||
-            view.type === 'mfa-verification');
+            view.type === 'mfa-verification' ||
+            view.type === 'mfa-display-backup-codes');
     const showCloseButton = view.type !== 'login-with-email-or-wallet-full-wallet-list' &&
         view.type !== 'login-with-email-verification' &&
         view.type !== 'login-with-sms-verification' &&
@@ -178,7 +179,8 @@ const useAuthLayoutChecks = () => {
         view.type !== 'passkey-recovery-bundle' &&
         view.type !== 'rename-passkey' &&
         view.type !== 'qr-code' &&
-        view.type !== 'mfa-verification';
+        view.type !== 'mfa-verification' &&
+        view.type !== 'mfa-display-backup-codes';
     const showBackButton = view.type === 'pending-signature' ||
         view.type === 'no-qr-not-installed' ||
         view.type === 'wallet-connect-mobile-wallets-list' ||

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

@@ -164,7 +164,8 @@ const useAuthLayoutChecks = () => {
             view.type === 'farcaster-connect-view' ||
             view.type === 'merge-user-accounts' ||
             view.type === 'merge-user-accounts-conflicts' ||
-            view.type === 'mfa-verification');
+            view.type === 'mfa-verification' ||
+            view.type === 'mfa-display-backup-codes');
     const showCloseButton = view.type !== 'login-with-email-or-wallet-full-wallet-list' &&
         view.type !== 'login-with-email-verification' &&
         view.type !== 'login-with-sms-verification' &&
@@ -174,7 +175,8 @@ const useAuthLayoutChecks = () => {
         view.type !== 'passkey-recovery-bundle' &&
         view.type !== 'rename-passkey' &&
         view.type !== 'qr-code' &&
-        view.type !== 'mfa-verification';
+        view.type !== 'mfa-verification' &&
+        view.type !== 'mfa-display-backup-codes';
     const showBackButton = view.type === 'pending-signature' ||
         view.type === 'no-qr-not-installed' ||
         view.type === 'wallet-connect-mobile-wallets-list' ||

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

@@ -21,13 +21,13 @@ require('../../../shared/utils/classes/storage/localStorage.cjs');
 var useLocalStorage = require('../../../shared/utils/hooks/useLocalStorage/useLocalStorage.cjs');
 require('../../../shared/consts/index.cjs');
 require('../../../config/ApiEndpoint.cjs');
-var session = require('../../../data/api/session/session.cjs');
-require('../../../locale/locale.cjs');
 require('@dynamic-labs/multi-wallet');
 require('react-international-phone');
 var shouldManuallyReconnectOnRefresh = require('../../functions/shouldManuallyReconnectOnRefresh/shouldManuallyReconnectOnRefresh.cjs');
 require('viem');
 require('viem/chains');
+var session = require('../../../data/api/session/session.cjs');
+require('../../../locale/locale.cjs');
 var getWalletProvider = require('../../functions/getWalletProvider/getWalletProvider.cjs');
 var isConnectOnly = require('../authenticationHooks/helpers/isConnectOnly.cjs');
 var updateUserWalletsFromConnectedWallets = require('./updateUserWalletsFromConnectedWallets/updateUserWalletsFromConnectedWallets.cjs');

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

@@ -17,13 +17,13 @@ import '../../../shared/utils/classes/storage/localStorage.js';
 import { useLocalStorage } from '../../../shared/utils/hooks/useLocalStorage/useLocalStorage.js';
 import '../../../shared/consts/index.js';
 import '../../../config/ApiEndpoint.js';
-import { createVisit } from '../../../data/api/session/session.js';
-import '../../../locale/locale.js';
 import '@dynamic-labs/multi-wallet';
 import 'react-international-phone';
 import { shouldManuallyReconnectOnRefresh } from '../../functions/shouldManuallyReconnectOnRefresh/shouldManuallyReconnectOnRefresh.js';
 import 'viem';
 import 'viem/chains';
+import { createVisit } from '../../../data/api/session/session.js';
+import '../../../locale/locale.js';
 import { getWalletProvider } from '../../functions/getWalletProvider/getWalletProvider.js';
 import { isConnectOnly } from '../authenticationHooks/helpers/isConnectOnly.js';
 import { updateUserWalletsFromConnectedWallets } from './updateUserWalletsFromConnectedWallets/updateUserWalletsFromConnectedWallets.js';

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

@@ -113,6 +113,10 @@ const useDynamicLayoutData = ({ view, authMode, }) => {
             copykey: 'dyn_mfa.choose_device_view.title',
             heading: t('dyn_mfa.choose_device_view.title'),
         },
+        'mfa-display-backup-codes': {
+            copykey: 'dyn_mfa.display_backup_codes_view.title',
+            heading: t('dyn_mfa.display_backup_codes_view.title'),
+        },
         'mfa-secure-device': {
             copykey: 'dyn_mfa.secure_device_view.title',
             heading: t('dyn_mfa.secure_device_view.title'),

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

@@ -109,6 +109,10 @@ const useDynamicLayoutData = ({ view, authMode, }) => {
             copykey: 'dyn_mfa.choose_device_view.title',
             heading: t('dyn_mfa.choose_device_view.title'),
         },
+        'mfa-display-backup-codes': {
+            copykey: 'dyn_mfa.display_backup_codes_view.title',
+            heading: t('dyn_mfa.display_backup_codes_view.title'),
+        },
         'mfa-secure-device': {
             copykey: 'dyn_mfa.secure_device_view.title',
             heading: t('dyn_mfa.secure_device_view.title'),

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

@@ -118,7 +118,7 @@ const useCoinbaseMPC = () => {
         const passcodeArgs = source === sdkApiCore.PasswordSourceTypeEnum.Dynamic
             ? { password, passwordSource: source }
             : {};
-        const response = yield wallets.linkWallet(environmentId, Object.assign(Object.assign(Object.assign({}, passcodeArgs), verifyArgs), { backup: backupCode }), jwt);
+        const response = yield wallets.linkWallet(environmentId, Object.assign(Object.assign(Object.assign({}, passcodeArgs), verifyArgs), { backup: backupCode }));
         const user = updateJWTAndCreateUserProfile.updateJWTAndCreateUserProfile(response === null || response === void 0 ? void 0 : response.jwt, response === null || response === void 0 ? void 0 : response.minifiedJwt);
         const newSelectedCredentialWallet = user.verifiedCredentials.find((cred) => cred.id === user.lastVerifiedCredentialId &&
             cred.format === 'blockchain');
@@ -187,7 +187,6 @@ const useCoinbaseMPC = () => {
         }
         setShowAuthFlow(false);
         const { fetchAuthToken } = getCoinbaseMPCConnectorFetchers.getCoinbaseMPCConnectorFetchers({
-            authToken: jwt,
             environmentId,
         });
         if (fetchAuthToken) {

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

@@ -114,7 +114,7 @@ const useCoinbaseMPC = () => {
         const passcodeArgs = source === PasswordSourceTypeEnum.Dynamic
             ? { password, passwordSource: source }
             : {};
-        const response = yield linkWallet(environmentId, Object.assign(Object.assign(Object.assign({}, passcodeArgs), verifyArgs), { backup: backupCode }), jwt);
+        const response = yield linkWallet(environmentId, Object.assign(Object.assign(Object.assign({}, passcodeArgs), verifyArgs), { backup: backupCode }));
         const user = updateJWTAndCreateUserProfile(response === null || response === void 0 ? void 0 : response.jwt, response === null || response === void 0 ? void 0 : response.minifiedJwt);
         const newSelectedCredentialWallet = user.verifiedCredentials.find((cred) => cred.id === user.lastVerifiedCredentialId &&
             cred.format === 'blockchain');
@@ -183,7 +183,6 @@ const useCoinbaseMPC = () => {
         }
         setShowAuthFlow(false);
         const { fetchAuthToken } = getCoinbaseMPCConnectorFetchers({
-            authToken: jwt,
             environmentId,
         });
         if (fetchAuthToken) {

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

@@ -220,7 +220,7 @@ const useSecureEnclaveEmbeddedWallet = () => {
      */
     const createPasskey = React.useCallback((options) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
         var _p, _q;
-        const { decodedJwt, jwt } = validateUserIsLoggedIn.validateUserIsLoggedIn(getAuthToken.getAuthToken() || onboardingOnlyJwt);
+        const { decodedJwt } = validateUserIsLoggedIn.validateUserIsLoggedIn(getAuthToken.getAuthToken() || onboardingOnlyJwt);
         validateTurnkeyProviderEnabled.validateTurnkeyProviderEnabled(projectSettings);
         const turnkeyWallet = findTurnkeyWallet.findTurnkeyWalletByPrimaryChain(walletConnectorOptions, (_p = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk.embeddedWallets) === null || _p === void 0 ? void 0 : _p.chainConfigurations, decodedJwt.verifiedCredentials);
         if (!(turnkeyWallet === null || turnkeyWallet === void 0 ? void 0 : turnkeyWallet.walletConnector)) {
@@ -254,7 +254,6 @@ const useSecureEnclaveEmbeddedWallet = () => {
             attestation: attestation,
             challenge,
             environmentId,
-            userJwt: jwt,
             walletId: turnkeyWallet === null || turnkeyWallet === void 0 ? void 0 : turnkeyWallet.id,
         });
         const { jwt: updatedJwt, minifiedJwt } = passkeyResponse;
@@ -275,10 +274,9 @@ const useSecureEnclaveEmbeddedWallet = () => {
      */
     const getPasskeys = React.useCallback(() => _tslib.__awaiter(void 0, void 0, void 0, function* () {
         var _r;
-        const { jwt } = validateUserIsLoggedIn.validateUserIsLoggedIn((_r = getAuthToken.getAuthToken()) !== null && _r !== void 0 ? _r : onboardingOnlyJwt);
+        validateUserIsLoggedIn.validateUserIsLoggedIn((_r = getAuthToken.getAuthToken()) !== null && _r !== void 0 ? _r : onboardingOnlyJwt);
         const data = yield embeddedWallets.getUserPasskeys({
             environmentId: environmentId,
-            userJwt: jwt,
         });
         return data.passkeys;
     }), [environmentId, onboardingOnlyJwt]);
@@ -335,7 +333,7 @@ const useSecureEnclaveEmbeddedWallet = () => {
      */
     const sendOneTimeCode = React.useCallback(() => _tslib.__awaiter(void 0, void 0, void 0, function* () {
         var _v, _w, _x;
-        const { jwt, decodedJwt } = validateUserIsLoggedIn.validateUserIsLoggedIn((_v = getAuthToken.getAuthToken()) !== null && _v !== void 0 ? _v : onboardingOnlyJwt);
+        const { decodedJwt } = validateUserIsLoggedIn.validateUserIsLoggedIn((_v = getAuthToken.getAuthToken()) !== null && _v !== void 0 ? _v : onboardingOnlyJwt);
         validateTurnkeyProviderEnabled.validateTurnkeyProviderEnabled(projectSettings);
         const targetTurnkeyWallet = findTurnkeyWallet.findTurnkeyWalletByPrimaryChain(walletConnectorOptions, (_w = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk.embeddedWallets) === null || _w === void 0 ? void 0 : _w.chainConfigurations, decodedJwt.verifiedCredentials);
         if (!targetTurnkeyWallet || !('id' in targetTurnkeyWallet)) {
@@ -356,7 +354,6 @@ const useSecureEnclaveEmbeddedWallet = () => {
             authenticatorType: 'email',
             environmentId,
             publicKey,
-            userJwt: jwt,
             walletId: targetTurnkeyWalletId,
         });
         turnkeyAuthenticatorHandler.recoveryUserId = response.turnkeyUserId;

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

@@ -216,7 +216,7 @@ const useSecureEnclaveEmbeddedWallet = () => {
      */
     const createPasskey = useCallback((options) => __awaiter(void 0, void 0, void 0, function* () {
         var _p, _q;
-        const { decodedJwt, jwt } = validateUserIsLoggedIn(getAuthToken() || onboardingOnlyJwt);
+        const { decodedJwt } = validateUserIsLoggedIn(getAuthToken() || onboardingOnlyJwt);
         validateTurnkeyProviderEnabled(projectSettings);
         const turnkeyWallet = findTurnkeyWalletByPrimaryChain(walletConnectorOptions, (_p = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk.embeddedWallets) === null || _p === void 0 ? void 0 : _p.chainConfigurations, decodedJwt.verifiedCredentials);
         if (!(turnkeyWallet === null || turnkeyWallet === void 0 ? void 0 : turnkeyWallet.walletConnector)) {
@@ -250,7 +250,6 @@ const useSecureEnclaveEmbeddedWallet = () => {
             attestation: attestation,
             challenge,
             environmentId,
-            userJwt: jwt,
             walletId: turnkeyWallet === null || turnkeyWallet === void 0 ? void 0 : turnkeyWallet.id,
         });
         const { jwt: updatedJwt, minifiedJwt } = passkeyResponse;
@@ -271,10 +270,9 @@ const useSecureEnclaveEmbeddedWallet = () => {
      */
     const getPasskeys = useCallback(() => __awaiter(void 0, void 0, void 0, function* () {
         var _r;
-        const { jwt } = validateUserIsLoggedIn((_r = getAuthToken()) !== null && _r !== void 0 ? _r : onboardingOnlyJwt);
+        validateUserIsLoggedIn((_r = getAuthToken()) !== null && _r !== void 0 ? _r : onboardingOnlyJwt);
         const data = yield getUserPasskeys({
             environmentId: environmentId,
-            userJwt: jwt,
         });
         return data.passkeys;
     }), [environmentId, onboardingOnlyJwt]);
@@ -331,7 +329,7 @@ const useSecureEnclaveEmbeddedWallet = () => {
      */
     const sendOneTimeCode = useCallback(() => __awaiter(void 0, void 0, void 0, function* () {
         var _v, _w, _x;
-        const { jwt, decodedJwt } = validateUserIsLoggedIn((_v = getAuthToken()) !== null && _v !== void 0 ? _v : onboardingOnlyJwt);
+        const { decodedJwt } = validateUserIsLoggedIn((_v = getAuthToken()) !== null && _v !== void 0 ? _v : onboardingOnlyJwt);
         validateTurnkeyProviderEnabled(projectSettings);
         const targetTurnkeyWallet = findTurnkeyWalletByPrimaryChain(walletConnectorOptions, (_w = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk.embeddedWallets) === null || _w === void 0 ? void 0 : _w.chainConfigurations, decodedJwt.verifiedCredentials);
         if (!targetTurnkeyWallet || !('id' in targetTurnkeyWallet)) {
@@ -352,7 +350,6 @@ const useSecureEnclaveEmbeddedWallet = () => {
             authenticatorType: 'email',
             environmentId,
             publicKey,
-            userJwt: jwt,
             walletId: targetTurnkeyWalletId,
         });
         turnkeyAuthenticatorHandler.recoveryUserId = response.turnkeyUserId;