@dynamic-labs/sdk-react-core 4.0.0-alpha.48 → 4.0.0-alpha.49

package/src/lib/data/api/user/user.cjs

@@ -4,7 +4,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var _tslib = require('../../../../../_virtual/_tslib.cjs');
-var utils = require('@dynamic-labs/utils');
+var utils$1 = require('@dynamic-labs/utils');
 require('@dynamic-labs/sdk-api-core');
 var logger = require('../../../shared/logger.cjs');
 require('@dynamic-labs/iconic');
@@ -20,6 +20,7 @@ require('../../../shared/consts/index.cjs');
 var api = require('../api.cjs');
 var storeAuthTokenAndUser = require('../../../store/state/user/storeAuthTokenAndUser/storeAuthTokenAndUser.cjs');
 require('../../../store/state/user/user.cjs');
+var utils = require('../utils.cjs');
 
 const updateUserProfileFields = (environmentId, fields) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
     try {
@@ -31,24 +32,23 @@ const updateUserProfileFields = (environmentId, fields) => _tslib.__awaiter(void
         return Object.assign(Object.assign({}, response), { userProfile });
     }
     catch (e) {
-        logger.logger.error(e);
+        const error = yield utils.logResponseError(e, 'Error updateUserProfileFields');
         if (e instanceof Response) {
-            const error = yield e.json();
             if (error.code === 'email_already_exists') {
-                throw new utils.EmailAlreadyExistsError();
+                throw new utils$1.EmailAlreadyExistsError();
             }
             else if (error.code === 'custom_field_data_not_unique') {
-                throw new utils.CustomFieldNotUniqueError();
+                throw new utils$1.CustomFieldNotUniqueError();
             }
             else if (error.code === 'username_already_exists') {
-                throw new utils.UsernameAlreadyExistsError();
+                throw new utils$1.UsernameAlreadyExistsError();
             }
             else if (error.code === 'too_many_verification_attempts') {
-                throw new utils.TooManyEmailVerificationsError();
+                throw new utils$1.TooManyEmailVerificationsError();
             }
             else if (error.code === 'invalid_phone' ||
                 error.code === 'invalid_sms_verification') {
-                throw new utils.InvalidPhoneNumberError(error.error);
+                throw new utils$1.InvalidPhoneNumberError(error.error);
             }
         }
         throw e;
@@ -63,7 +63,7 @@ const mergeUserAccounts = (environmentId) => _tslib.__awaiter(void 0, void 0, vo
         return user;
     }
     catch (e) {
-        logger.logger.error(e);
+        yield utils.logResponseError(e, 'Error mergeUserAccounts');
         throw e;
     }
 });
@@ -79,7 +79,7 @@ const verifyMergeUsers = (environmentId, mergeConflictResolutions) => _tslib.__a
         return user;
     }
     catch (e) {
-        logger.logger.error(e);
+        yield utils.logResponseError(e, 'Error verifyMergeUsers');
         throw e;
     }
 });
@@ -92,6 +92,7 @@ const refreshUserJwt = (_a) => _tslib.__awaiter(void 0, [_a], void 0, function*
         return user;
     }
     catch (e) {
+        yield utils.logResponseError(e, 'Error refreshUserJwt');
         return undefined;
     }
 });
@@ -102,11 +103,12 @@ const getAuthenticatedUser = (_b) => _tslib.__awaiter(void 0, [_b], void 0, func
         });
     }
     catch (e) {
+        yield utils.logResponseError(e, 'Error getAuthenticatedUser');
         // only explicitly throw `CookieInvalidError` when we attempt to get the authenticated user
         // and the backend returns a 401, indicating that there is no valid auth for the request
         if (e.status === 401) {
             logger.logger.error('No valid auth for getAuthenticatedUser', e);
-            throw new utils.CookieInvalidError();
+            throw new utils$1.CookieInvalidError();
         }
         logger.logger.error('Other error getting authenticated user', e);
         return undefined;
@@ -121,7 +123,7 @@ const getUserFieldsCheck = (_c) => _tslib.__awaiter(void 0, [_c], void 0, functi
         });
     }
     catch (e) {
-        logger.logger.error('Error checking user field availability', e);
+        yield utils.logResponseError(e, 'Error checking user field availability');
         return undefined;
     }
 });

package/src/lib/data/api/user/user.js

@@ -16,6 +16,7 @@ import '../../../shared/consts/index.js';
 import { sdkApi } from '../api.js';
 import { storeAuthTokenAndUser } from '../../../store/state/user/storeAuthTokenAndUser/storeAuthTokenAndUser.js';
 import '../../../store/state/user/user.js';
+import { logResponseError } from '../utils.js';
 
 const updateUserProfileFields = (environmentId, fields) => __awaiter(void 0, void 0, void 0, function* () {
     try {
@@ -27,9 +28,8 @@ const updateUserProfileFields = (environmentId, fields) => __awaiter(void 0, voi
         return Object.assign(Object.assign({}, response), { userProfile });
     }
     catch (e) {
-        logger.error(e);
+        const error = yield logResponseError(e, 'Error updateUserProfileFields');
         if (e instanceof Response) {
-            const error = yield e.json();
             if (error.code === 'email_already_exists') {
                 throw new EmailAlreadyExistsError();
             }
@@ -59,7 +59,7 @@ const mergeUserAccounts = (environmentId) => __awaiter(void 0, void 0, void 0, f
         return user;
     }
     catch (e) {
-        logger.error(e);
+        yield logResponseError(e, 'Error mergeUserAccounts');
         throw e;
     }
 });
@@ -75,7 +75,7 @@ const verifyMergeUsers = (environmentId, mergeConflictResolutions) => __awaiter(
         return user;
     }
     catch (e) {
-        logger.error(e);
+        yield logResponseError(e, 'Error verifyMergeUsers');
         throw e;
     }
 });
@@ -88,6 +88,7 @@ const refreshUserJwt = (_a) => __awaiter(void 0, [_a], void 0, function* ({ envi
         return user;
     }
     catch (e) {
+        yield logResponseError(e, 'Error refreshUserJwt');
         return undefined;
     }
 });
@@ -98,6 +99,7 @@ const getAuthenticatedUser = (_b) => __awaiter(void 0, [_b], void 0, function* (
         });
     }
     catch (e) {
+        yield logResponseError(e, 'Error getAuthenticatedUser');
         // only explicitly throw `CookieInvalidError` when we attempt to get the authenticated user
         // and the backend returns a 401, indicating that there is no valid auth for the request
         if (e.status === 401) {
@@ -117,7 +119,7 @@ const getUserFieldsCheck = (_c) => __awaiter(void 0, [_c], void 0, function* ({
         });
     }
     catch (e) {
-        logger.error('Error checking user field availability', e);
+        yield logResponseError(e, 'Error checking user field availability');
         return undefined;
     }
 });

package/src/lib/data/api/utils.cjs

@@ -4,8 +4,31 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var _tslib = require('../../../../_virtual/_tslib.cjs');
+require('@dynamic-labs/sdk-api-core');
+var logger = 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');
+require('@dynamic-labs/utils');
+require('../../utils/constants/colors.cjs');
+require('../../utils/constants/values.cjs');
+require('../../store/state/loadingAndLifecycle.cjs');
+require('../../shared/consts/index.cjs');
 var api = require('./api.cjs');
 
+const logResponseError = (e, message) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+    if (e instanceof Response) {
+        const data = yield e.json();
+        logger.logger.error(message, { error: data.error, status: e.status });
+        return data;
+    }
+    else if (e instanceof Error) {
+        logger.logger.error(message, e);
+    }
+});
 const getNonce = (environmentId) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
     try {
         const res = yield api.sdkApi().getNonce({
@@ -19,3 +42,4 @@ const getNonce = (environmentId) => _tslib.__awaiter(void 0, void 0, void 0, fun
 });
 
 exports.getNonce = getNonce;
+exports.logResponseError = logResponseError;

package/src/lib/data/api/utils.d.ts

@@ -1 +1,2 @@
+export declare const logResponseError: (e: any, message: string) => Promise<any>;
 export declare const getNonce: (environmentId: string) => Promise<string | undefined>;

package/src/lib/data/api/utils.js

@@ -1,7 +1,30 @@
 'use client'
 import { __awaiter } from '../../../../_virtual/_tslib.js';
+import '@dynamic-labs/sdk-api-core';
+import { logger } from '../../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 '@dynamic-labs/utils';
+import '../../utils/constants/colors.js';
+import '../../utils/constants/values.js';
+import '../../store/state/loadingAndLifecycle.js';
+import '../../shared/consts/index.js';
 import { sdkApi } from './api.js';
 
+const logResponseError = (e, message) => __awaiter(void 0, void 0, void 0, function* () {
+    if (e instanceof Response) {
+        const data = yield e.json();
+        logger.error(message, { error: data.error, status: e.status });
+        return data;
+    }
+    else if (e instanceof Error) {
+        logger.error(message, e);
+    }
+});
 const getNonce = (environmentId) => __awaiter(void 0, void 0, void 0, function* () {
     try {
         const res = yield sdkApi().getNonce({
@@ -14,4 +37,4 @@ const getNonce = (environmentId) => __awaiter(void 0, void 0, void 0, function*
     }
 });
 
-export { getNonce };
+export { getNonce, logResponseError };

package/src/lib/data/api/wallets/wallets.cjs

@@ -5,21 +5,11 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var _tslib = require('../../../../../_virtual/_tslib.cjs');
 var sdkApiCore = require('@dynamic-labs/sdk-api-core');
-var utils = require('@dynamic-labs/utils');
-var logger = 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');
-require('../../../utils/constants/colors.cjs');
-require('../../../utils/constants/values.cjs');
-require('../../../store/state/loadingAndLifecycle.cjs');
-require('../../../shared/consts/index.cjs');
+var utils$1 = require('@dynamic-labs/utils');
 var api = require('../api.cjs');
 var storeAuthTokenAndUser = require('../../../store/state/user/storeAuthTokenAndUser/storeAuthTokenAndUser.cjs');
 require('../../../store/state/user/user.cjs');
+var utils = require('../utils.cjs');
 
 const storeSelectedWallet = (_a) => _tslib.__awaiter(void 0, [_a], void 0, function* ({ environmentId, walletId, }) {
     try {
@@ -33,7 +23,7 @@ const storeSelectedWallet = (_a) => _tslib.__awaiter(void 0, [_a], void 0, funct
         return user;
     }
     catch (e) {
-        logger.logger.error('error storing selected wallet', e);
+        yield utils.logResponseError(e, 'Error storing selected wallet');
         return undefined;
     }
 });
@@ -60,23 +50,22 @@ const linkWallet = (environmentId_1, _b) => _tslib.__awaiter(void 0, [environmen
         return response;
     }
     catch (e) {
-        logger.logger.error(e);
-        const data = yield e.json();
+        const data = yield utils.logResponseError(e, 'Error linkWallet');
         if (data.code === 'reassign_wallet_confirm' ||
             data.code === 'reassign_wallet_error') {
-            throw new utils.WalletUsedError(data.code);
+            throw new utils$1.WalletUsedError(data.code);
         }
         if (data.code === 'merge_accounts_confirmation') {
-            throw new utils.MergeAccountsConfirmationError({
+            throw new utils$1.MergeAccountsConfirmationError({
                 code: data.code,
                 mergeConflicts: data.payload.mergeConflicts,
                 walletAddress: publicWalletAddress,
             });
         }
         if (data.error.code === 'sandbox_maximum_threshold_reached') {
-            throw new utils.SandboxMaximumThresholdReachedError(data.error.message);
+            throw new utils$1.SandboxMaximumThresholdReachedError(data.error.message);
         }
-        throw new utils.DynamicError(data.error);
+        throw new utils$1.DynamicError(data.error);
     }
 });
 const unlinkWallet = (_c) => _tslib.__awaiter(void 0, [_c], void 0, function* ({ environmentId, primaryWalletId, walletId, onSuccess, }) {
@@ -93,6 +82,7 @@ const unlinkWallet = (_c) => _tslib.__awaiter(void 0, [_c], void 0, function* ({
         return user;
     }
     catch (e) {
+        yield utils.logResponseError(e, 'Error unlinkWallet');
         return undefined;
     }
 });
@@ -117,7 +107,7 @@ const transferWallet = (environmentId_2, _d) => _tslib.__awaiter(void 0, [enviro
         return user;
     }
     catch (e) {
-        logger.logger.error('error transferring wallet', e);
+        yield utils.logResponseError(e, 'Error transfering wallet');
         return undefined;
     }
 });
@@ -143,27 +133,26 @@ const verifyWallet = (environmentId_3, _e) => _tslib.__awaiter(void 0, [environm
         return response;
     }
     catch (e) {
-        logger.logger.error(e);
-        const data = yield e.json();
+        const data = yield utils.logResponseError(e, 'Error verifyWallet');
         if (data.code === 'wallet_not_deployed') {
-            throw new utils.WalletNotDeployedError();
+            throw new utils$1.WalletNotDeployedError();
         }
         if (data.error.code === 'chainalysis_blocked_wallet') {
-            throw new utils.ChainalysisError(data.payload.walletPublicKey);
+            throw new utils$1.ChainalysisError(data.payload.walletPublicKey);
         }
         if (data.error.code === 'gate_blocked') {
-            throw new utils.GateBlockedError(data.payload.walletPublicKey);
+            throw new utils$1.GateBlockedError(data.payload.walletPublicKey);
         }
         if (data.error.code === 'missing_from_list') {
-            throw new utils.NoAccessError({
+            throw new utils$1.NoAccessError({
                 walletPublicKey: data.payload.walletPublicKey,
             });
         }
         if (data.code === 'email_associated_with_different_provider') {
-            throw new utils.AccountExistsError(data.error, data.payload);
+            throw new utils$1.AccountExistsError(data.error, data.payload);
         }
         if (data.error.code === 'sandbox_maximum_threshold_reached') {
-            throw new utils.SandboxMaximumThresholdReachedError(data.error.message);
+            throw new utils$1.SandboxMaximumThresholdReachedError(data.error.message);
         }
         return undefined;
     }

package/src/lib/data/api/wallets/wallets.js

@@ -2,20 +2,10 @@
 import { __awaiter } from '../../../../../_virtual/_tslib.js';
 import { VerifyRequestFromJSON } from '@dynamic-labs/sdk-api-core';
 import { WalletUsedError, MergeAccountsConfirmationError, SandboxMaximumThresholdReachedError, DynamicError, WalletNotDeployedError, ChainalysisError, GateBlockedError, NoAccessError, AccountExistsError } from '@dynamic-labs/utils';
-import { logger } from '../../../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 '../../../utils/constants/colors.js';
-import '../../../utils/constants/values.js';
-import '../../../store/state/loadingAndLifecycle.js';
-import '../../../shared/consts/index.js';
 import { sdkApi } from '../api.js';
 import { storeAuthTokenAndUser } from '../../../store/state/user/storeAuthTokenAndUser/storeAuthTokenAndUser.js';
 import '../../../store/state/user/user.js';
+import { logResponseError } from '../utils.js';
 
 const storeSelectedWallet = (_a) => __awaiter(void 0, [_a], void 0, function* ({ environmentId, walletId, }) {
     try {
@@ -29,7 +19,7 @@ const storeSelectedWallet = (_a) => __awaiter(void 0, [_a], void 0, function* ({
         return user;
     }
     catch (e) {
-        logger.error('error storing selected wallet', e);
+        yield logResponseError(e, 'Error storing selected wallet');
         return undefined;
     }
 });
@@ -56,8 +46,7 @@ const linkWallet = (environmentId_1, _b) => __awaiter(void 0, [environmentId_1,
         return response;
     }
     catch (e) {
-        logger.error(e);
-        const data = yield e.json();
+        const data = yield logResponseError(e, 'Error linkWallet');
         if (data.code === 'reassign_wallet_confirm' ||
             data.code === 'reassign_wallet_error') {
             throw new WalletUsedError(data.code);
@@ -89,6 +78,7 @@ const unlinkWallet = (_c) => __awaiter(void 0, [_c], void 0, function* ({ enviro
         return user;
     }
     catch (e) {
+        yield logResponseError(e, 'Error unlinkWallet');
         return undefined;
     }
 });
@@ -113,7 +103,7 @@ const transferWallet = (environmentId_2, _d) => __awaiter(void 0, [environmentId
         return user;
     }
     catch (e) {
-        logger.error('error transferring wallet', e);
+        yield logResponseError(e, 'Error transfering wallet');
         return undefined;
     }
 });
@@ -139,8 +129,7 @@ const verifyWallet = (environmentId_3, _e) => __awaiter(void 0, [environmentId_3
         return response;
     }
     catch (e) {
-        logger.error(e);
-        const data = yield e.json();
+        const data = yield logResponseError(e, 'Error verifyWallet');
         if (data.code === 'wallet_not_deployed') {
             throw new WalletNotDeployedError();
         }

package/src/lib/layout/DynamicAuthLayout/DynamicAuthLayout.cjs

@@ -27,6 +27,7 @@ require('../../context/CaptchaContext/CaptchaContext.cjs');
 require('../../context/ErrorContext/ErrorContext.cjs');
 require('@dynamic-labs/multi-wallet');
 require('react-international-phone');
+require('../../store/state/nonce/nonce.cjs');
 require('../../config/ApiEndpoint.cjs');
 require('../../store/state/user/user.cjs');
 require('../../locale/locale.cjs');
@@ -34,7 +35,6 @@ require('../../store/state/projectSettings/projectSettings.cjs');
 require('../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 require('../../context/AccountExistsContext/AccountExistsContext.cjs');
 require('../../context/UserWalletsContext/UserWalletsContext.cjs');
-require('../../store/state/dynamicContextProps/dynamicContextProps.cjs');
 require('../../context/VerificationContext/VerificationContext.cjs');
 require('react-dom');
 require('../../utils/functions/compareChains/compareChains.cjs');
@@ -50,7 +50,8 @@ require('../../views/CollectUserDataView/useFields.cjs');
 require('../../context/FieldsStateContext/FieldsStateContext.cjs');
 require('../../context/UserFieldEditorContext/UserFieldEditorContext.cjs');
 require('@dynamic-labs/rpc-providers');
-require('../../store/state/walletConnectorOptions.cjs');
+require('../../store/state/dynamicContextProps/dynamicContextProps.cjs');
+require('../../store/state/walletOptions/walletOptions.cjs');
 require('react-i18next');
 var DynamicFooter = require('../../components/DynamicFooter/DynamicFooter.cjs');
 require('../../components/ShadowDOM/ShadowDOM.cjs');
@@ -92,17 +93,18 @@ require('../../components/IsBrowser/IsBrowser.cjs');
 require('../../components/Popper/Popper/Popper.cjs');
 require('../../components/Popper/PopperContext/PopperContext.cjs');
 require('qrcode');
+require('@dynamic-labs/ethereum-aa');
 
 const DynamicAuthLayout = ({ children, className, style, onClose, projectSettings, hideBridgeProgressSteppers, }) => {
     const { view } = ViewContext.useViewContext();
     const { authMode } = useInternalDynamicContext.useInternalDynamicContext();
     const { isFooterExpanded } = index.useFooterAnimationContext();
-    const { headerData, helpHeaderData } = useDynamicLayoutData.useDynamicLayoutData({
+    const { headerData, helpHeaderData, descriptionData } = useDynamicLayoutData.useDynamicLayoutData({
         authMode,
         view: view.type,
     });
     const { showConnectedWalletProgress, showHeader, showHelpContent, showToSFooter, showDynamicFooter, } = useAuthLayoutChecks.useAuthLayoutChecks();
-    return (jsxRuntime.jsx(OverlayCardTarget.OverlayCardTarget, { children: jsxRuntime.jsxs(VerticalAccordion.VerticalAccordion, { style: style, className: className, children: [jsxRuntime.jsxs(AccordionItem.AccordionItem, { isOpen: !isFooterExpanded, dimOnHide: true, children: [showConnectedWalletProgress && !hideBridgeProgressSteppers && (jsxRuntime.jsx(WalletProgressStepper.WalletProgressStepper, {})), showHeader && (jsxRuntime.jsx(header.Header, { onClose: onClose, heading: (headerData === null || headerData === void 0 ? void 0 : headerData.heading) || '', projectSettings: projectSettings, copykey: headerData === null || headerData === void 0 ? void 0 : headerData.copykey })), children, showToSFooter && jsxRuntime.jsx(ToSFooter.ToSFooter, {}), showDynamicFooter && jsxRuntime.jsx(DynamicFooter.DynamicFooter, {})] }), helpHeaderData && showHelpContent && (jsxRuntime.jsx(AccordionItem.AccordionItem, { isOpen: isFooterExpanded, children: jsxRuntime.jsx("div", { children: jsxRuntime.jsx(HelpContent.HelpContent, {}) }, isFooterExpanded.toString()) }))] }) }));
+    return (jsxRuntime.jsx(OverlayCardTarget.OverlayCardTarget, { children: jsxRuntime.jsxs(VerticalAccordion.VerticalAccordion, { style: style, className: className, children: [jsxRuntime.jsxs(AccordionItem.AccordionItem, { isOpen: !isFooterExpanded, dimOnHide: true, children: [showConnectedWalletProgress && !hideBridgeProgressSteppers && (jsxRuntime.jsx(WalletProgressStepper.WalletProgressStepper, {})), showHeader && (jsxRuntime.jsx(header.Header, { onClose: onClose, heading: (headerData === null || headerData === void 0 ? void 0 : headerData.heading) || '', projectSettings: projectSettings, copykey: headerData === null || headerData === void 0 ? void 0 : headerData.copykey, description: descriptionData === null || descriptionData === void 0 ? void 0 : descriptionData.text, descriptionCopykey: descriptionData === null || descriptionData === void 0 ? void 0 : descriptionData.copykey })), children, showToSFooter && jsxRuntime.jsx(ToSFooter.ToSFooter, {}), showDynamicFooter && jsxRuntime.jsx(DynamicFooter.DynamicFooter, {})] }), helpHeaderData && showHelpContent && (jsxRuntime.jsx(AccordionItem.AccordionItem, { isOpen: isFooterExpanded, children: jsxRuntime.jsx("div", { children: jsxRuntime.jsx(HelpContent.HelpContent, {}) }, isFooterExpanded.toString()) }))] }) }));
 };
 
 exports.DynamicAuthLayout = DynamicAuthLayout;

package/src/lib/layout/DynamicAuthLayout/DynamicAuthLayout.js

@@ -23,6 +23,7 @@ import '../../context/CaptchaContext/CaptchaContext.js';
 import '../../context/ErrorContext/ErrorContext.js';
 import '@dynamic-labs/multi-wallet';
 import 'react-international-phone';
+import '../../store/state/nonce/nonce.js';
 import '../../config/ApiEndpoint.js';
 import '../../store/state/user/user.js';
 import '../../locale/locale.js';
@@ -30,7 +31,6 @@ import '../../store/state/projectSettings/projectSettings.js';
 import '../../context/AccessDeniedContext/AccessDeniedContext.js';
 import '../../context/AccountExistsContext/AccountExistsContext.js';
 import '../../context/UserWalletsContext/UserWalletsContext.js';
-import '../../store/state/dynamicContextProps/dynamicContextProps.js';
 import '../../context/VerificationContext/VerificationContext.js';
 import 'react-dom';
 import '../../utils/functions/compareChains/compareChains.js';
@@ -46,7 +46,8 @@ import '../../views/CollectUserDataView/useFields.js';
 import '../../context/FieldsStateContext/FieldsStateContext.js';
 import '../../context/UserFieldEditorContext/UserFieldEditorContext.js';
 import '@dynamic-labs/rpc-providers';
-import '../../store/state/walletConnectorOptions.js';
+import '../../store/state/dynamicContextProps/dynamicContextProps.js';
+import '../../store/state/walletOptions/walletOptions.js';
 import 'react-i18next';
 import { DynamicFooter } from '../../components/DynamicFooter/DynamicFooter.js';
 import '../../components/ShadowDOM/ShadowDOM.js';
@@ -88,17 +89,18 @@ import '../../components/IsBrowser/IsBrowser.js';
 import '../../components/Popper/Popper/Popper.js';
 import '../../components/Popper/PopperContext/PopperContext.js';
 import 'qrcode';
+import '@dynamic-labs/ethereum-aa';
 
 const DynamicAuthLayout = ({ children, className, style, onClose, projectSettings, hideBridgeProgressSteppers, }) => {
     const { view } = useViewContext();
     const { authMode } = useInternalDynamicContext();
     const { isFooterExpanded } = useFooterAnimationContext();
-    const { headerData, helpHeaderData } = useDynamicLayoutData({
+    const { headerData, helpHeaderData, descriptionData } = useDynamicLayoutData({
         authMode,
         view: view.type,
     });
     const { showConnectedWalletProgress, showHeader, showHelpContent, showToSFooter, showDynamicFooter, } = useAuthLayoutChecks();
-    return (jsx(OverlayCardTarget, { children: jsxs(VerticalAccordion, { style: style, className: className, children: [jsxs(AccordionItem, { isOpen: !isFooterExpanded, dimOnHide: true, children: [showConnectedWalletProgress && !hideBridgeProgressSteppers && (jsx(WalletProgressStepper, {})), showHeader && (jsx(Header, { onClose: onClose, heading: (headerData === null || headerData === void 0 ? void 0 : headerData.heading) || '', projectSettings: projectSettings, copykey: headerData === null || headerData === void 0 ? void 0 : headerData.copykey })), children, showToSFooter && jsx(ToSFooter, {}), showDynamicFooter && jsx(DynamicFooter, {})] }), helpHeaderData && showHelpContent && (jsx(AccordionItem, { isOpen: isFooterExpanded, children: jsx("div", { children: jsx(HelpContent, {}) }, isFooterExpanded.toString()) }))] }) }));
+    return (jsx(OverlayCardTarget, { children: jsxs(VerticalAccordion, { style: style, className: className, children: [jsxs(AccordionItem, { isOpen: !isFooterExpanded, dimOnHide: true, children: [showConnectedWalletProgress && !hideBridgeProgressSteppers && (jsx(WalletProgressStepper, {})), showHeader && (jsx(Header, { onClose: onClose, heading: (headerData === null || headerData === void 0 ? void 0 : headerData.heading) || '', projectSettings: projectSettings, copykey: headerData === null || headerData === void 0 ? void 0 : headerData.copykey, description: descriptionData === null || descriptionData === void 0 ? void 0 : descriptionData.text, descriptionCopykey: descriptionData === null || descriptionData === void 0 ? void 0 : descriptionData.copykey })), children, showToSFooter && jsx(ToSFooter, {}), showDynamicFooter && jsx(DynamicFooter, {})] }), helpHeaderData && showHelpContent && (jsx(AccordionItem, { isOpen: isFooterExpanded, children: jsx("div", { children: jsx(HelpContent, {}) }, isFooterExpanded.toString()) }))] }) }));
 };
 
 export { DynamicAuthLayout };

package/src/lib/layout/DynamicAuthLayout/Header/header.cjs

@@ -30,6 +30,7 @@ require('../../../context/CaptchaContext/CaptchaContext.cjs');
 var ErrorContext = require('../../../context/ErrorContext/ErrorContext.cjs');
 require('@dynamic-labs/multi-wallet');
 require('react-international-phone');
+require('../../../store/state/nonce/nonce.cjs');
 require('../../../config/ApiEndpoint.cjs');
 require('../../../store/state/user/user.cjs');
 require('../../../locale/locale.cjs');
@@ -37,7 +38,6 @@ require('../../../store/state/projectSettings/projectSettings.cjs');
 require('../../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 var AccountExistsContext = require('../../../context/AccountExistsContext/AccountExistsContext.cjs');
 require('../../../context/UserWalletsContext/UserWalletsContext.cjs');
-require('../../../store/state/dynamicContextProps/dynamicContextProps.cjs');
 require('../../../context/VerificationContext/VerificationContext.cjs');
 require('react-dom');
 require('../../../utils/functions/compareChains/compareChains.cjs');
@@ -53,7 +53,8 @@ require('../../../views/CollectUserDataView/useFields.cjs');
 require('../../../context/FieldsStateContext/FieldsStateContext.cjs');
 require('../../../context/UserFieldEditorContext/UserFieldEditorContext.cjs');
 require('@dynamic-labs/rpc-providers');
-require('../../../store/state/walletConnectorOptions.cjs');
+require('../../../store/state/dynamicContextProps/dynamicContextProps.cjs');
+require('../../../store/state/walletOptions/walletOptions.cjs');
 require('react-i18next');
 var Typography = require('../../../components/Typography/Typography.cjs');
 var useAuthLayoutChecks = require('../../../utils/hooks/useAuthLayoutChecks/useAuthLayoutChecks.cjs');
@@ -93,8 +94,9 @@ require('../../../components/IsBrowser/IsBrowser.cjs');
 require('../../../components/Popper/Popper/Popper.cjs');
 require('../../../components/Popper/PopperContext/PopperContext.cjs');
 require('qrcode');
+require('@dynamic-labs/ethereum-aa');
 
-const Header = ({ onClose: handleClose, heading, projectSettings, copykey, }) => {
+const Header = ({ onClose: handleClose, heading, projectSettings, copykey, description, descriptionCopykey, }) => {
     const { setError } = ErrorContext.useErrorContext();
     const { isFooterExpanded, setIsFooterExpanded } = index.useFooterAnimationContext();
     const { selectedWalletConnector } = useInternalDynamicContext.useInternalDynamicContext();
@@ -145,7 +147,7 @@ const Header = ({ onClose: handleClose, heading, projectSettings, copykey, }) =>
     if (closeButton && infoButton) {
         leadingButtons.push(infoButton);
     }
-    return (jsxRuntime.jsx(ModalHeader.ModalHeader, { leading: leadingButtons, trailing: closeButton || infoButton, displayBorder: displayBorderBelowHeader, children: (!projectSettings || Boolean(heading)) && (jsxRuntime.jsx(Typography.Typography, { as: 'h1', variant: 'title', color: 'primary', "data-testid": 'dynamic-auth-modal-heading', className: 'header__typography', copykey: copykey, children: !projectSettings ? (jsxRuntime.jsx(Skeleton.Skeleton, { className: 'header__skeleton' })) : (heading) })) }));
+    return (jsxRuntime.jsx(ModalHeader.ModalHeader, { leading: leadingButtons, trailing: closeButton || infoButton, displayBorder: displayBorderBelowHeader, children: jsxRuntime.jsxs("div", { className: 'header__content', children: [(!projectSettings || heading) && (jsxRuntime.jsx(Typography.Typography, { as: 'h1', variant: 'title', color: 'primary', "data-testid": 'dynamic-auth-modal-heading', className: 'header__typography', copykey: copykey, children: !projectSettings ? (jsxRuntime.jsx(Skeleton.Skeleton, { className: 'header__skeleton' })) : (heading) })), description && (jsxRuntime.jsx(Typography.Typography, { as: 'p', variant: 'body_mini', color: 'secondary', copykey: descriptionCopykey, children: description }))] }) }));
 };
 
 exports.Header = Header;

package/src/lib/layout/DynamicAuthLayout/Header/header.d.ts

@@ -3,6 +3,8 @@ import { ProjectSettings } from '@dynamic-labs/sdk-api-core';
 import { CopyKey, ModalProps } from '../../../shared';
 export type WalletHeaderProps = Partial<ModalProps> & CopyKey & {
     heading: string | JSX.Element;
+    description?: string | JSX.Element;
+    descriptionCopykey?: string;
     projectSettings?: ProjectSettings;
 };
 export declare const Header: FC<WalletHeaderProps>;

package/src/lib/layout/DynamicAuthLayout/Header/header.js

@@ -1,5 +1,5 @@
 'use client'
-import { jsx } from 'react/jsx-runtime';
+import { jsx, jsxs } from 'react/jsx-runtime';
 import { useCallback } from 'react';
 import { ProviderEnum } from '@dynamic-labs/sdk-api-core';
 import '@dynamic-labs/utils';
@@ -26,6 +26,7 @@ import '../../../context/CaptchaContext/CaptchaContext.js';
 import { useErrorContext } from '../../../context/ErrorContext/ErrorContext.js';
 import '@dynamic-labs/multi-wallet';
 import 'react-international-phone';
+import '../../../store/state/nonce/nonce.js';
 import '../../../config/ApiEndpoint.js';
 import '../../../store/state/user/user.js';
 import '../../../locale/locale.js';
@@ -33,7 +34,6 @@ import '../../../store/state/projectSettings/projectSettings.js';
 import '../../../context/AccessDeniedContext/AccessDeniedContext.js';
 import { useAccountExistsContext } from '../../../context/AccountExistsContext/AccountExistsContext.js';
 import '../../../context/UserWalletsContext/UserWalletsContext.js';
-import '../../../store/state/dynamicContextProps/dynamicContextProps.js';
 import '../../../context/VerificationContext/VerificationContext.js';
 import 'react-dom';
 import '../../../utils/functions/compareChains/compareChains.js';
@@ -49,7 +49,8 @@ import '../../../views/CollectUserDataView/useFields.js';
 import '../../../context/FieldsStateContext/FieldsStateContext.js';
 import '../../../context/UserFieldEditorContext/UserFieldEditorContext.js';
 import '@dynamic-labs/rpc-providers';
-import '../../../store/state/walletConnectorOptions.js';
+import '../../../store/state/dynamicContextProps/dynamicContextProps.js';
+import '../../../store/state/walletOptions/walletOptions.js';
 import 'react-i18next';
 import { Typography } from '../../../components/Typography/Typography.js';
 import { useAuthLayoutChecks } from '../../../utils/hooks/useAuthLayoutChecks/useAuthLayoutChecks.js';
@@ -89,8 +90,9 @@ import '../../../components/IsBrowser/IsBrowser.js';
 import '../../../components/Popper/Popper/Popper.js';
 import '../../../components/Popper/PopperContext/PopperContext.js';
 import 'qrcode';
+import '@dynamic-labs/ethereum-aa';
 
-const Header = ({ onClose: handleClose, heading, projectSettings, copykey, }) => {
+const Header = ({ onClose: handleClose, heading, projectSettings, copykey, description, descriptionCopykey, }) => {
     const { setError } = useErrorContext();
     const { isFooterExpanded, setIsFooterExpanded } = useFooterAnimationContext();
     const { selectedWalletConnector } = useInternalDynamicContext();
@@ -141,7 +143,7 @@ const Header = ({ onClose: handleClose, heading, projectSettings, copykey, }) =>
     if (closeButton && infoButton) {
         leadingButtons.push(infoButton);
     }
-    return (jsx(ModalHeader, { leading: leadingButtons, trailing: closeButton || infoButton, displayBorder: displayBorderBelowHeader, children: (!projectSettings || Boolean(heading)) && (jsx(Typography, { as: 'h1', variant: 'title', color: 'primary', "data-testid": 'dynamic-auth-modal-heading', className: 'header__typography', copykey: copykey, children: !projectSettings ? (jsx(Skeleton, { className: 'header__skeleton' })) : (heading) })) }));
+    return (jsx(ModalHeader, { leading: leadingButtons, trailing: closeButton || infoButton, displayBorder: displayBorderBelowHeader, children: jsxs("div", { className: 'header__content', children: [(!projectSettings || heading) && (jsx(Typography, { as: 'h1', variant: 'title', color: 'primary', "data-testid": 'dynamic-auth-modal-heading', className: 'header__typography', copykey: copykey, children: !projectSettings ? (jsx(Skeleton, { className: 'header__skeleton' })) : (heading) })), description && (jsx(Typography, { as: 'p', variant: 'body_mini', color: 'secondary', copykey: descriptionCopykey, children: description }))] }) }));
 };
 
 export { Header };