@dynamic-labs/sdk-react-core 4.72.0 → 4.73.2

package/CHANGELOG.md

@@ -1,4 +1,32 @@
 
+### [4.73.2](https://github.com/dynamic-labs/dynamic-auth/compare/v4.73.1...v4.73.2) (2026-03-31)
+
+
+### Bug Fixes
+
+* use initial URL for device registration redirect detection ([#10821](https://github.com/dynamic-labs/dynamic-auth/issues/10821)) ([dbec178](https://github.com/dynamic-labs/dynamic-auth/commit/dbec178e0bad9a7e99c529b79cb0fbe0fd347904))
+
+### [4.73.1](https://github.com/dynamic-labs/dynamic-auth/compare/v4.73.0...v4.73.1) (2026-03-30)
+
+
+### Features
+
+* **tempo:** add isTempoWallet type guard and TempoWallet class ([#10814](https://github.com/dynamic-labs/dynamic-auth/issues/10814)) ([1f2ec94](https://github.com/dynamic-labs/dynamic-auth/commit/1f2ec949bcfd25b2c460e07214041d06b172f12d))
+
+## [4.73.0](https://github.com/dynamic-labs/dynamic-auth/compare/v4.72.0...v4.73.0) (2026-03-30)
+
+
+### Features
+
+* allow passing credentialId at call time for step-up auth methods ([#10795](https://github.com/dynamic-labs/dynamic-auth/issues/10795)) ([9746667](https://github.com/dynamic-labs/dynamic-auth/commit/974666758ad8b01584cf30efbf2cb64dbde63986))
+* **waas:** preserve WaaS key shares on session expiry using LogoutReason ([#10714](https://github.com/dynamic-labs/dynamic-auth/issues/10714)) ([26f40f7](https://github.com/dynamic-labs/dynamic-auth/commit/26f40f722302b8cf4cc035886d4408393a785283))
+
+
+### Bug Fixes
+
+* override handlebars to >=4.7.9 (CVE-2026-33937) ([#10805](https://github.com/dynamic-labs/dynamic-auth/issues/10805)) ([7aa40b8](https://github.com/dynamic-labs/dynamic-auth/commit/7aa40b8472487694b438ae3a64b14524c9c726e4))
+* use currentColor in settings icons for dark mode support ([#10811](https://github.com/dynamic-labs/dynamic-auth/issues/10811)) ([8653e97](https://github.com/dynamic-labs/dynamic-auth/commit/8653e97759f0ea5126258c1ced36ae26af3a405c)), closes [#383C48](https://github.com/dynamic-labs/dynamic-auth/issues/383C48) [#ABACB2](https://github.com/dynamic-labs/dynamic-auth/issues/ABACB2)
+
 ## [4.72.0](https://github.com/dynamic-labs/dynamic-auth/compare/v4.71.0...v4.72.0) (2026-03-26)
 
 

package/package.cjs

@@ -3,7 +3,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var version = "4.72.0";
+var version = "4.73.2";
 var dependencies = {
 	"@dynamic-labs/sdk-api-core": "0.0.909",
 	"@dynamic-labs-sdk/client": "0.19.0",

package/package.js

@@ -1,5 +1,5 @@
 'use client'
-var version = "4.72.0";
+var version = "4.73.2";
 var dependencies = {
 	"@dynamic-labs/sdk-api-core": "0.0.909",
 	"@dynamic-labs-sdk/client": "0.19.0",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dynamic-labs/sdk-react-core",
-  "version": "4.72.0",
+  "version": "4.73.2",
   "dependencies": {
     "@dynamic-labs/sdk-api-core": "0.0.909",
     "@dynamic-labs-sdk/client": "0.19.0",
@@ -16,17 +16,17 @@
     "yup": "0.32.11",
     "react-international-phone": "4.5.0",
     "bs58": "5.0.0",
-    "@dynamic-labs/assert-package-version": "4.72.0",
-    "@dynamic-labs/iconic": "4.72.0",
-    "@dynamic-labs/locale": "4.72.0",
-    "@dynamic-labs/logger": "4.72.0",
-    "@dynamic-labs/multi-wallet": "4.72.0",
-    "@dynamic-labs/rpc-providers": "4.72.0",
-    "@dynamic-labs/store": "4.72.0",
-    "@dynamic-labs/types": "4.72.0",
-    "@dynamic-labs/utils": "4.72.0",
-    "@dynamic-labs/wallet-book": "4.72.0",
-    "@dynamic-labs/wallet-connector-core": "4.72.0",
+    "@dynamic-labs/assert-package-version": "4.73.2",
+    "@dynamic-labs/iconic": "4.73.2",
+    "@dynamic-labs/locale": "4.73.2",
+    "@dynamic-labs/logger": "4.73.2",
+    "@dynamic-labs/multi-wallet": "4.73.2",
+    "@dynamic-labs/rpc-providers": "4.73.2",
+    "@dynamic-labs/store": "4.73.2",
+    "@dynamic-labs/types": "4.73.2",
+    "@dynamic-labs/utils": "4.73.2",
+    "@dynamic-labs/wallet-book": "4.73.2",
+    "@dynamic-labs/wallet-connector-core": "4.73.2",
     "eventemitter3": "5.0.1"
   },
   "devDependencies": {

package/src/index.d.ts

@@ -104,7 +104,7 @@ export { getDefaultColor, getThemeConfig, themesData, } from './lib/context/Them
 export type { 
 /** @deprecated */
 ViewType, } from './lib/context/ViewContext';
-export type { NotSupportedError, SandboxMaximumThresholdReachedError, NoAccessError, ChainalysisError, EmailAlreadyExistsError, UsernameAlreadyExistsError, SocialAccountAlreadyExistsError, WalletNotDeployedError, WalletUsedError, EmailVerificationError, AccountExistsError, InvalidPhoneNumberError, } from '@dynamic-labs/utils';
+export type { NotSupportedError, SandboxMaximumThresholdReachedError, NoAccessError, ChainalysisError, EmailAlreadyExistsError, UsernameAlreadyExistsError, SocialAccountAlreadyExistsError, WalletNotDeployedError, WalletUsedError, EmailVerificationError, AccountExistsError, InvalidPhoneNumberError, RateLimitError, } from '@dynamic-labs/utils';
 export type { WalletConnector, Chain, } from '@dynamic-labs/wallet-connector-core';
 export type { EvmNetwork, PhoneData, OtpDestination, UserProfile, 
 /** @deprecated use AuthOptions instead */

package/src/lib/client/extension/hooks/useInitializeSdkClient/syncEvents/syncEvents.cjs

@@ -21,8 +21,8 @@ const syncEvents = (client$1) => {
     }, client$1);
     client.onEvent({
         event: 'logout',
-        listener: () => {
-            dynamicEvents.dynamicEvents.emit('logout');
+        listener: (metadata) => {
+            dynamicEvents.dynamicEvents.emit('logout', metadata);
         },
     }, client$1);
     client.onEvent({

package/src/lib/client/extension/hooks/useInitializeSdkClient/syncEvents/syncEvents.js

@@ -17,8 +17,8 @@ const syncEvents = (client) => {
     }, client);
     onEvent({
         event: 'logout',
-        listener: () => {
-            dynamicEvents.emit('logout');
+        listener: (metadata) => {
+            dynamicEvents.emit('logout', metadata);
         },
     }, client);
     onEvent({

package/src/lib/context/DynamicContext/hooks/useHandleLogout/useHandleLogout.cjs

@@ -113,7 +113,7 @@ require('../../../../shared/utils/functions/getInitialUrl/getInitialUrl.cjs');
 const useHandleLogout = (params) => {
     const paramsRef = React.useRef(params);
     paramsRef.current = params;
-    const logoutReactSdk = React.useCallback(() => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+    const logoutReactSdk = React.useCallback((reason) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
         const p = paramsRef.current;
         // We store which wallet connectors were active before logout
         // to not have to worry about having the array change midway through
@@ -148,15 +148,17 @@ const useHandleLogout = (params) => {
         primaryWalletId.resetPrimaryWalletId();
         p.removeConnectedNameService();
         p.removeSessionStorageSessionKeys();
-        yield Promise.all(activeConnectors.map((connector) => connector.endSession()));
+        yield Promise.all(activeConnectors.map((connector) => connector.endSession(reason)));
     }), []);
-    const logout = React.useCallback(() => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+    const logout = React.useCallback((reason) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
         yield client.logout();
-        yield logoutReactSdk();
+        yield logoutReactSdk(reason);
     }), [logoutReactSdk]);
     React.useEffect(() => client.onEvent({
         event: 'logout',
-        listener: () => logoutReactSdk(),
+        listener: (metadata) => {
+            logoutReactSdk(metadata === null || metadata === void 0 ? void 0 : metadata.reason);
+        },
     }), [logoutReactSdk]);
     /** Trigger a logout when the SDK failed to load data from storage */
     React.useEffect(() => {

package/src/lib/context/DynamicContext/hooks/useHandleLogout/useHandleLogout.d.ts

@@ -1,2 +1,3 @@
+import { LogoutReason } from '@dynamic-labs-sdk/client';
 import { UseHandleLogoutParams } from './types';
-export declare const useHandleLogout: (params: UseHandleLogoutParams) => () => Promise<void>;
+export declare const useHandleLogout: (params: UseHandleLogoutParams) => (reason?: LogoutReason) => Promise<void>;

package/src/lib/context/DynamicContext/hooks/useHandleLogout/useHandleLogout.js

@@ -109,7 +109,7 @@ import '../../../../shared/utils/functions/getInitialUrl/getInitialUrl.js';
 const useHandleLogout = (params) => {
     const paramsRef = useRef(params);
     paramsRef.current = params;
-    const logoutReactSdk = useCallback(() => __awaiter(void 0, void 0, void 0, function* () {
+    const logoutReactSdk = useCallback((reason) => __awaiter(void 0, void 0, void 0, function* () {
         const p = paramsRef.current;
         // We store which wallet connectors were active before logout
         // to not have to worry about having the array change midway through
@@ -144,15 +144,17 @@ const useHandleLogout = (params) => {
         resetPrimaryWalletId();
         p.removeConnectedNameService();
         p.removeSessionStorageSessionKeys();
-        yield Promise.all(activeConnectors.map((connector) => connector.endSession()));
+        yield Promise.all(activeConnectors.map((connector) => connector.endSession(reason)));
     }), []);
-    const logout$1 = useCallback(() => __awaiter(void 0, void 0, void 0, function* () {
+    const logout$1 = useCallback((reason) => __awaiter(void 0, void 0, void 0, function* () {
         yield logout();
-        yield logoutReactSdk();
+        yield logoutReactSdk(reason);
     }), [logoutReactSdk]);
     useEffect(() => onEvent({
         event: 'logout',
-        listener: () => logoutReactSdk(),
+        listener: (metadata) => {
+            logoutReactSdk(metadata === null || metadata === void 0 ? void 0 : metadata.reason);
+        },
     }), [logoutReactSdk]);
     /** Trigger a logout when the SDK failed to load data from storage */
     useEffect(() => {

package/src/lib/context/ErrorContext/hooks/useErrorText/useErrorText.cjs

@@ -21,6 +21,7 @@ const mapErrorCodeToTranslation = {
     [utils.ErrorCode.MISSING_PUBLIC_ADDRESS]: 'dyn_error.missing_public_address',
     [utils.ErrorCode.CONNECTION_PROPOSAL_EXPIRED]: 'dyn_error.connection_proposal_expired',
     [utils.ErrorCode.SEI_NOT_ENABLED_IN_KEPLR_WALLET]: 'dyn_error.sei_not_enabled_in_keplr_wallet',
+    [utils.RATE_LIMIT_ERROR_CODE]: 'dyn_error.rate_limit_error',
 };
 /** A hook that listens to the error context and returns a translated value */
 const useErrorText = () => {

package/src/lib/context/ErrorContext/hooks/useErrorText/useErrorText.js

@@ -1,7 +1,7 @@
 'use client'
 import { useMemo } from 'react';
 import { useTranslation } from 'react-i18next';
-import { ErrorCode } from '@dynamic-labs/utils';
+import { ErrorCode, RATE_LIMIT_ERROR_CODE } from '@dynamic-labs/utils';
 import { useErrorContext } from '../../ErrorContext.js';
 
 const mapErrorCodeToTranslation = {
@@ -17,6 +17,7 @@ const mapErrorCodeToTranslation = {
     [ErrorCode.MISSING_PUBLIC_ADDRESS]: 'dyn_error.missing_public_address',
     [ErrorCode.CONNECTION_PROPOSAL_EXPIRED]: 'dyn_error.connection_proposal_expired',
     [ErrorCode.SEI_NOT_ENABLED_IN_KEPLR_WALLET]: 'dyn_error.sei_not_enabled_in_keplr_wallet',
+    [RATE_LIMIT_ERROR_CODE]: 'dyn_error.rate_limit_error',
 };
 /** A hook that listens to the error context and returns a translated value */
 const useErrorText = () => {

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

@@ -4,6 +4,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var _tslib = require('../../../../_virtual/_tslib.cjs');
+var utils = require('@dynamic-labs/utils');
 require('@dynamic-labs/iconic');
 require('@dynamic-labs/wallet-connector-core');
 require('react');
@@ -11,22 +12,48 @@ require('react/jsx-runtime');
 require('../../context/ViewContext/ViewContext.cjs');
 var logger = require('../../shared/logger.cjs');
 require('@dynamic-labs/wallet-book');
-require('@dynamic-labs/utils');
 require('../../utils/constants/colors.cjs');
 require('../../utils/constants/values.cjs');
 require('@dynamic-labs/sdk-api-core');
 require('../../shared/consts/index.cjs');
 var api = require('./api.cjs');
 
+const RATE_LIMIT_MESSAGE = 'Too many requests. Please try again later.';
+const NETWORK_ERROR_MESSAGE = 'Request failed. You may be sending too many requests — please wait a moment and try again.';
 const logResponseError = (e_1, message_1, ...args_1) => _tslib.__awaiter(void 0, [e_1, message_1, ...args_1], void 0, function* (e, message, logLevel = 'error') {
+    var _a, _b, _c, _d, _e, _f, _g;
     if (e instanceof Response) {
-        const data = yield e.json();
-        logger.logger[logLevel](message, { error: data.error, status: e.status });
+        const requestId = (_b = (_a = e.headers) === null || _a === void 0 ? void 0 : _a.get('x-dyn-request-id')) !== null && _b !== void 0 ? _b : undefined;
+        const cfRay = (_d = (_c = e.headers) === null || _c === void 0 ? void 0 : _c.get('cf-ray')) !== null && _d !== void 0 ? _d : undefined;
+        let data;
+        try {
+            data = yield e.json();
+        }
+        catch (_h) {
+            data = {};
+        }
+        // Normalize 429 responses regardless of body content
+        if (e.status === 429) {
+            data.code = utils.RATE_LIMIT_ERROR_CODE;
+            data.error = (_e = data.error) !== null && _e !== void 0 ? _e : RATE_LIMIT_MESSAGE;
+        }
+        data.code = (_f = data.code) !== null && _f !== void 0 ? _f : utils.UNKNOWN_ERROR_CODE;
+        data.error = (_g = data.error) !== null && _g !== void 0 ? _g : `Request failed with status ${e.status}`;
+        logger.logger[logLevel](message, {
+            cfRay,
+            error: data.error,
+            requestId,
+            status: e.status,
+        });
         return data;
     }
-    else if (e instanceof Error) {
+    if (e instanceof Error) {
         logger.logger[logLevel](message, e);
     }
+    return {
+        code: utils.UNKNOWN_ERROR_CODE,
+        error: NETWORK_ERROR_MESSAGE,
+    };
 });
 const getNonce = (environmentId) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
     try {

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

@@ -1,5 +1,6 @@
 'use client'
 import { __awaiter } from '../../../../_virtual/_tslib.js';
+import { RATE_LIMIT_ERROR_CODE, UNKNOWN_ERROR_CODE } from '@dynamic-labs/utils';
 import '@dynamic-labs/iconic';
 import '@dynamic-labs/wallet-connector-core';
 import 'react';
@@ -7,22 +8,48 @@ import 'react/jsx-runtime';
 import '../../context/ViewContext/ViewContext.js';
 import { logger } from '../../shared/logger.js';
 import '@dynamic-labs/wallet-book';
-import '@dynamic-labs/utils';
 import '../../utils/constants/colors.js';
 import '../../utils/constants/values.js';
 import '@dynamic-labs/sdk-api-core';
 import '../../shared/consts/index.js';
 import { sdkApi } from './api.js';
 
+const RATE_LIMIT_MESSAGE = 'Too many requests. Please try again later.';
+const NETWORK_ERROR_MESSAGE = 'Request failed. You may be sending too many requests — please wait a moment and try again.';
 const logResponseError = (e_1, message_1, ...args_1) => __awaiter(void 0, [e_1, message_1, ...args_1], void 0, function* (e, message, logLevel = 'error') {
+    var _a, _b, _c, _d, _e, _f, _g;
     if (e instanceof Response) {
-        const data = yield e.json();
-        logger[logLevel](message, { error: data.error, status: e.status });
+        const requestId = (_b = (_a = e.headers) === null || _a === void 0 ? void 0 : _a.get('x-dyn-request-id')) !== null && _b !== void 0 ? _b : undefined;
+        const cfRay = (_d = (_c = e.headers) === null || _c === void 0 ? void 0 : _c.get('cf-ray')) !== null && _d !== void 0 ? _d : undefined;
+        let data;
+        try {
+            data = yield e.json();
+        }
+        catch (_h) {
+            data = {};
+        }
+        // Normalize 429 responses regardless of body content
+        if (e.status === 429) {
+            data.code = RATE_LIMIT_ERROR_CODE;
+            data.error = (_e = data.error) !== null && _e !== void 0 ? _e : RATE_LIMIT_MESSAGE;
+        }
+        data.code = (_f = data.code) !== null && _f !== void 0 ? _f : UNKNOWN_ERROR_CODE;
+        data.error = (_g = data.error) !== null && _g !== void 0 ? _g : `Request failed with status ${e.status}`;
+        logger[logLevel](message, {
+            cfRay,
+            error: data.error,
+            requestId,
+            status: e.status,
+        });
         return data;
     }
-    else if (e instanceof Error) {
+    if (e instanceof Error) {
         logger[logLevel](message, e);
     }
+    return {
+        code: UNKNOWN_ERROR_CODE,
+        error: NETWORK_ERROR_MESSAGE,
+    };
 });
 const getNonce = (environmentId) => __awaiter(void 0, void 0, void 0, function* () {
     try {

package/src/lib/events/auth.d.ts

@@ -1,3 +1,4 @@
+import type { LogoutEventMetadata } from '@dynamic-labs-sdk/client';
 import { AuthEventPayload } from '@dynamic-labs/types';
 export type AuthEvents = {
     /**
@@ -12,7 +13,7 @@ export type AuthEvents = {
     }) => void;
     /** Informs an auth attempt initialized, and provides insight into which auth option it is */
     authInit: (method: AuthEventPayload) => void;
-    logout: () => void;
+    logout: (metadata?: LogoutEventMetadata) => void;
     /** This event is used to trigger logout to be called, DO NOT listen to it. Listen to "logout" instead */
     triggerLogout: () => void;
     /**

package/src/lib/shared/assets/backupArrow.cjs

@@ -47,7 +47,7 @@ var SvgBackupArrow = function SvgBackupArrow(_ref) {
     fillRule: "evenodd",
     clipRule: "evenodd",
     d: "M4.955 12.806a7.373 7.373 0 1 0 9.14-7.07l.35.358a.922.922 0 1 1-1.32 1.287l-1.82-1.866a.922.922 0 0 1 .015-1.303l1.866-1.82a.922.922 0 0 1 1.287 1.32l-.182.177a9.217 9.217 0 1 1-6.548 1.01.922.922 0 0 1 .918 1.598 7.37 7.37 0 0 0-3.706 6.31Z",
-    fill: "#7B7D86"
+    fill: "currentColor"
   })));
 };
 

package/src/lib/shared/assets/backupArrow.js

@@ -23,7 +23,7 @@ var SvgBackupArrow = function SvgBackupArrow(_ref) {
     fillRule: "evenodd",
     clipRule: "evenodd",
     d: "M4.955 12.806a7.373 7.373 0 1 0 9.14-7.07l.35.358a.922.922 0 1 1-1.32 1.287l-1.82-1.866a.922.922 0 0 1 .015-1.303l1.866-1.82a.922.922 0 0 1 1.287 1.32l-.182.177a9.217 9.217 0 1 1-6.548 1.01.922.922 0 0 1 .918 1.598 7.37 7.37 0 0 0-3.706 6.31Z",
-    fill: "#7B7D86"
+    fill: "currentColor"
   })));
 };
 

package/src/lib/shared/assets/export-private-key.cjs

@@ -47,8 +47,7 @@ var SvgExportPrivateKey = function SvgExportPrivateKey(_ref) {
     fillRule: "evenodd",
     clipRule: "evenodd",
     d: "M19.834 4.667a2.333 2.333 0 0 0-2.333-2.334H7a4.668 4.668 0 0 0-4.592 3.83 4.654 4.654 0 0 1 3.425-1.496h14ZM21 7a4.667 4.667 0 0 1 4.667 4.667V21A4.667 4.667 0 0 1 21 25.667H7A4.667 4.667 0 0 1 2.333 21v-9.333A4.667 4.667 0 0 1 7 7h14Zm-4.915 3.792a3.649 3.649 0 1 1 0 7.297 3.649 3.649 0 0 1 0-7.297Zm0 1.824a1.824 1.824 0 1 1 0 3.649 1.824 1.824 0 0 1 0-3.649Zm-3.16 5.115a4.565 4.565 0 0 1-.714-.924l-4.336 4.336 1.29 1.29 1.254-1.253 1.279 1.278 1.29-1.29-1.279-1.278 1.721-1.722a4.598 4.598 0 0 1-.505-.437Z",
-    fill: "#383C48",
-    fillOpacity: 0.4
+    fill: "currentColor"
   })));
 };
 

package/src/lib/shared/assets/export-private-key.js

@@ -23,8 +23,7 @@ var SvgExportPrivateKey = function SvgExportPrivateKey(_ref) {
     fillRule: "evenodd",
     clipRule: "evenodd",
     d: "M19.834 4.667a2.333 2.333 0 0 0-2.333-2.334H7a4.668 4.668 0 0 0-4.592 3.83 4.654 4.654 0 0 1 3.425-1.496h14ZM21 7a4.667 4.667 0 0 1 4.667 4.667V21A4.667 4.667 0 0 1 21 25.667H7A4.667 4.667 0 0 1 2.333 21v-9.333A4.667 4.667 0 0 1 7 7h14Zm-4.915 3.792a3.649 3.649 0 1 1 0 7.297 3.649 3.649 0 0 1 0-7.297Zm0 1.824a1.824 1.824 0 1 1 0 3.649 1.824 1.824 0 0 1 0-3.649Zm-3.16 5.115a4.565 4.565 0 0 1-.714-.924l-4.336 4.336 1.29 1.29 1.254-1.253 1.279 1.278 1.29-1.29-1.279-1.278 1.721-1.722a4.598 4.598 0 0 1-.505-.437Z",
-    fill: "#383C48",
-    fillOpacity: 0.4
+    fill: "currentColor"
   })));
 };
 

package/src/lib/shared/assets/export-recovery-phrase.cjs

@@ -47,8 +47,7 @@ var SvgExportRecoveryPhrase = function SvgExportRecoveryPhrase(_ref) {
     fillRule: "evenodd",
     clipRule: "evenodd",
     d: "M17.5 2.333a2.333 2.333 0 0 1 2.334 2.334h-14A4.654 4.654 0 0 0 2.41 6.164 4.668 4.668 0 0 1 7 2.334h10.5Zm8.167 9.334A4.667 4.667 0 0 0 21 7H7a4.667 4.667 0 0 0-4.667 4.667V21A4.667 4.667 0 0 0 7 25.667h14A4.667 4.667 0 0 0 25.667 21v-9.333Zm-16.8.933A.933.933 0 1 1 7 12.6a.933.933 0 0 1 1.867 0Zm2.426-.933a.933.933 0 1 0 0 1.866h8.214a.933.933 0 1 0 0-1.866h-8.214Zm-2.426 4.666a.933.933 0 1 1-1.867 0 .933.933 0 0 1 1.867 0Zm2.426-.933a.933.933 0 1 0 0 1.867h8.214a.933.933 0 0 0 0-1.867h-8.214Zm-2.426 4.667a.933.933 0 1 1-1.867 0 .933.933 0 0 1 1.867 0Zm2.24-.934a.933.933 0 0 0 0 1.867h8.213a.933.933 0 1 0 0-1.867h-8.213Z",
-    fill: "#383C48",
-    fillOpacity: 0.4
+    fill: "currentColor"
   })));
 };
 

package/src/lib/shared/assets/export-recovery-phrase.js

@@ -23,8 +23,7 @@ var SvgExportRecoveryPhrase = function SvgExportRecoveryPhrase(_ref) {
     fillRule: "evenodd",
     clipRule: "evenodd",
     d: "M17.5 2.333a2.333 2.333 0 0 1 2.334 2.334h-14A4.654 4.654 0 0 0 2.41 6.164 4.668 4.668 0 0 1 7 2.334h10.5Zm8.167 9.334A4.667 4.667 0 0 0 21 7H7a4.667 4.667 0 0 0-4.667 4.667V21A4.667 4.667 0 0 0 7 25.667h14A4.667 4.667 0 0 0 25.667 21v-9.333Zm-16.8.933A.933.933 0 1 1 7 12.6a.933.933 0 0 1 1.867 0Zm2.426-.933a.933.933 0 1 0 0 1.866h8.214a.933.933 0 1 0 0-1.866h-8.214Zm-2.426 4.666a.933.933 0 1 1-1.867 0 .933.933 0 0 1 1.867 0Zm2.426-.933a.933.933 0 1 0 0 1.867h8.214a.933.933 0 0 0 0-1.867h-8.214Zm-2.426 4.667a.933.933 0 1 1-1.867 0 .933.933 0 0 1 1.867 0Zm2.24-.934a.933.933 0 0 0 0 1.867h8.213a.933.933 0 1 0 0-1.867h-8.213Z",
-    fill: "#383C48",
-    fillOpacity: 0.4
+    fill: "currentColor"
   })));
 };
 

package/src/lib/shared/assets/face-id.cjs

@@ -47,7 +47,7 @@ var SvgFaceId = function SvgFaceId(_ref) {
     fillRule: "evenodd",
     clipRule: "evenodd",
     d: "M18.055 2.4A3.548 3.548 0 0 1 21.6 5.945v2.013a1.095 1.095 0 0 1-2.19 0V5.945c0-.747-.608-1.355-1.355-1.355h-2.012a1.095 1.095 0 1 1 0-2.19h2.012Zm-10.098 0a1.095 1.095 0 0 1 0 2.19H5.945c-.747 0-1.355.608-1.355 1.355v2.013a1.095 1.095 0 0 1-2.19 0V5.945A3.548 3.548 0 0 1 5.945 2.4h2.012Zm7.692 5.083c.6 0 1.086.486 1.086 1.086v1.347a1.086 1.086 0 1 1-2.172 0V8.57c0-.6.486-1.086 1.086-1.086Zm-4.121 0c.614 0 1.112.498 1.112 1.112v2.982h.008a1.113 1.113 0 0 1 0 2.226h-.386a1.849 1.849 0 0 1-1.847-1.848v-3.36c0-.614.498-1.112 1.113-1.112Zm-3.282 0c.6 0 1.086.486 1.086 1.086v1.347a1.086 1.086 0 0 1-2.172 0V8.57c0-.6.486-1.086 1.086-1.086Zm12.259 7.465c.605 0 1.095.49 1.095 1.095v2.012a3.548 3.548 0 0 1-3.545 3.545h-2.012a1.095 1.095 0 1 1 0-2.19h2.012c.747 0 1.355-.608 1.355-1.355v-2.012c0-.605.49-1.095 1.095-1.095Zm-17.01 0c.605 0 1.095.49 1.095 1.095v2.012c0 .747.608 1.355 1.355 1.355h2.012a1.095 1.095 0 0 1 0 2.19H5.945A3.548 3.548 0 0 1 2.4 18.055v-2.012c0-.605.49-1.095 1.095-1.095Zm5.365 1.337a.473.473 0 0 0 0 0l-.434.47a1.113 1.113 0 0 1 1.51-1.634c.563.52 1.296.806 2.064.806s1.5-.286 2.065-.807a1.113 1.113 0 0 1 1.51 1.634A5.255 5.255 0 0 1 12 18.153a5.255 5.255 0 0 1-3.574-1.397l.434-.47a4.615 4.615 0 0 1 0 0Zm5.947.28a4.694 4.694 0 0 1 0 0Z",
-    fill: "#ABACB2"
+    fill: "currentColor"
   })));
 };
 

package/src/lib/shared/assets/face-id.js

@@ -23,7 +23,7 @@ var SvgFaceId = function SvgFaceId(_ref) {
     fillRule: "evenodd",
     clipRule: "evenodd",
     d: "M18.055 2.4A3.548 3.548 0 0 1 21.6 5.945v2.013a1.095 1.095 0 0 1-2.19 0V5.945c0-.747-.608-1.355-1.355-1.355h-2.012a1.095 1.095 0 1 1 0-2.19h2.012Zm-10.098 0a1.095 1.095 0 0 1 0 2.19H5.945c-.747 0-1.355.608-1.355 1.355v2.013a1.095 1.095 0 0 1-2.19 0V5.945A3.548 3.548 0 0 1 5.945 2.4h2.012Zm7.692 5.083c.6 0 1.086.486 1.086 1.086v1.347a1.086 1.086 0 1 1-2.172 0V8.57c0-.6.486-1.086 1.086-1.086Zm-4.121 0c.614 0 1.112.498 1.112 1.112v2.982h.008a1.113 1.113 0 0 1 0 2.226h-.386a1.849 1.849 0 0 1-1.847-1.848v-3.36c0-.614.498-1.112 1.113-1.112Zm-3.282 0c.6 0 1.086.486 1.086 1.086v1.347a1.086 1.086 0 0 1-2.172 0V8.57c0-.6.486-1.086 1.086-1.086Zm12.259 7.465c.605 0 1.095.49 1.095 1.095v2.012a3.548 3.548 0 0 1-3.545 3.545h-2.012a1.095 1.095 0 1 1 0-2.19h2.012c.747 0 1.355-.608 1.355-1.355v-2.012c0-.605.49-1.095 1.095-1.095Zm-17.01 0c.605 0 1.095.49 1.095 1.095v2.012c0 .747.608 1.355 1.355 1.355h2.012a1.095 1.095 0 0 1 0 2.19H5.945A3.548 3.548 0 0 1 2.4 18.055v-2.012c0-.605.49-1.095 1.095-1.095Zm5.365 1.337a.473.473 0 0 0 0 0l-.434.47a1.113 1.113 0 0 1 1.51-1.634c.563.52 1.296.806 2.064.806s1.5-.286 2.065-.807a1.113 1.113 0 0 1 1.51 1.634A5.255 5.255 0 0 1 12 18.153a5.255 5.255 0 0 1-3.574-1.397l.434-.47a4.615 4.615 0 0 1 0 0Zm5.947.28a4.694 4.694 0 0 1 0 0Z",
-    fill: "#ABACB2"
+    fill: "currentColor"
   })));
 };
 

package/src/lib/shared/assets/lock.cjs

@@ -47,8 +47,7 @@ var SvgLock = function SvgLock(_ref) {
     fillRule: "evenodd",
     clipRule: "evenodd",
     d: "M7 7a5 5 0 0 1 10 0v3h1a3 3 0 0 1 3 3v6a3 3 0 0 1-3 3H6a3 3 0 0 1-3-3v-6a3 3 0 0 1 3-3h1V7Zm2 3h6V7a3 3 0 1 0-6 0v3Zm-3 2a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-6a1 1 0 0 0-1-1H6Zm6 2a1 1 0 0 1 1 1v2a1 1 0 1 1-2 0v-2a1 1 0 0 1 1-1Z",
-    fill: "#383C48",
-    fillOpacity: 0.4
+    fill: "currentColor"
   })));
 };
 

package/src/lib/shared/assets/lock.js

@@ -23,8 +23,7 @@ var SvgLock = function SvgLock(_ref) {
     fillRule: "evenodd",
     clipRule: "evenodd",
     d: "M7 7a5 5 0 0 1 10 0v3h1a3 3 0 0 1 3 3v6a3 3 0 0 1-3 3H6a3 3 0 0 1-3-3v-6a3 3 0 0 1 3-3h1V7Zm2 3h6V7a3 3 0 1 0-6 0v3Zm-3 2a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-6a1 1 0 0 0-1-1H6Zm6 2a1 1 0 0 1 1 1v2a1 1 0 1 1-2 0v-2a1 1 0 0 1 1-1Z",
-    fill: "#383C48",
-    fillOpacity: 0.4
+    fill: "currentColor"
   })));
 };
 

package/src/lib/utils/hooks/useStepUpAuthentication/useStepUpAuthentication.types.d.ts

@@ -5,12 +5,16 @@ export type StepUpAuthenticationState = {
     isLoading: boolean;
     otpVerification: OTPVerification | null;
 };
+export type SendOtpParams = {
+    credentialId?: string;
+};
 export type VerifyOtpParams = {
     requestedScopes?: TokenScope[];
     verificationToken: string;
 };
 export type VerifyWalletParams = {
     requestedScopes?: TokenScope[];
+    walletId?: string;
 };
 export type VerifyPasskeyMfaParams = {
     requestedScopes?: TokenScope[];
@@ -53,7 +57,7 @@ export type UseStepUpAuthenticationReturn = {
     promptReauthenticate: (props?: PromptReauthParams) => Promise<string | undefined>;
     promptStepUpAuth: (props?: PromptStepUpAuthParams) => Promise<string | undefined>;
     resetState: () => void;
-    sendOtp: () => Promise<OTPVerification | null>;
+    sendOtp: (params?: SendOtpParams) => Promise<OTPVerification | null>;
     state: StepUpAuthenticationState;
     verifyOtp: (params: VerifyOtpParams) => Promise<VerifyResponse | null>;
     verifyPasskeyMfa: (params: VerifyPasskeyMfaParams) => Promise<VerifyResponse | null>;

package/src/lib/utils/hooks/useStepUpAuthentication/useStepUpOtp.cjs

@@ -68,13 +68,15 @@ const useStepUpOtp = ({ credentialId, stateActions, }) => {
     const user = useUser.useUser();
     const { setError, setLoading, setSuccess } = stateActions;
     const otpVerificationRef = React.useRef(null);
-    const sendOtp = React.useCallback(() => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+    const sendOtp = React.useCallback((params) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+        var _a;
         const credentials = user === null || user === void 0 ? void 0 : user.verifiedCredentials;
         if (!(credentials === null || credentials === void 0 ? void 0 : credentials.length)) {
             setError('No verified credentials found for the authenticated user');
             return null;
         }
-        const result = resolveTargetCredential(credentials, credentialId);
+        const effectiveCredentialId = (_a = params === null || params === void 0 ? void 0 : params.credentialId) !== null && _a !== void 0 ? _a : credentialId;
+        const result = resolveTargetCredential(credentials, effectiveCredentialId);
         if (typeof result === 'string') {
             setError(result);
             return null;
@@ -95,14 +97,8 @@ const useStepUpOtp = ({ credentialId, stateActions, }) => {
             setError(errorMessage);
             return null;
         }
-    }), [
-        credentialId,
-        setError,
-        setLoading,
-        setSuccess,
-        user === null || user === void 0 ? void 0 : user.verifiedCredentials,
-    ]);
-    const verifyOtp = React.useCallback((_a) => _tslib.__awaiter(void 0, [_a], void 0, function* ({ requestedScopes, verificationToken, }) {
+    }), [credentialId, setError, setLoading, setSuccess, user === null || user === void 0 ? void 0 : user.verifiedCredentials]);
+    const verifyOtp = React.useCallback((_b) => _tslib.__awaiter(void 0, [_b], void 0, function* ({ requestedScopes, verificationToken, }) {
         const otpVerification = otpVerificationRef.current;
         if (!otpVerification) {
             setError('OTP verification has not been initiated. Call sendOtp() first');

package/src/lib/utils/hooks/useStepUpAuthentication/useStepUpOtp.d.ts

@@ -1,6 +1,6 @@
 import type { OTPVerification } from '@dynamic-labs-sdk/client';
 import { VerifyResponse } from '@dynamic-labs/sdk-api-core';
-import type { VerifyOtpParams } from './useStepUpAuthentication.types';
+import type { SendOtpParams, VerifyOtpParams } from './useStepUpAuthentication.types';
 import type { useStepUpState } from './useStepUpState';
 type StepUpStateActions = ReturnType<typeof useStepUpState>;
 type UseStepUpOtpParams = {
@@ -9,7 +9,7 @@ type UseStepUpOtpParams = {
 };
 export declare const useStepUpOtp: ({ credentialId, stateActions, }: UseStepUpOtpParams) => {
     resetOtpRef: () => void;
-    sendOtp: () => Promise<OTPVerification | null>;
+    sendOtp: (params?: SendOtpParams) => Promise<OTPVerification | null>;
     verifyOtp: ({ requestedScopes, verificationToken, }: VerifyOtpParams) => Promise<VerifyResponse | null>;
 };
 export {};

package/src/lib/utils/hooks/useStepUpAuthentication/useStepUpOtp.js

@@ -64,13 +64,15 @@ const useStepUpOtp = ({ credentialId, stateActions, }) => {
     const user = useUser();
     const { setError, setLoading, setSuccess } = stateActions;
     const otpVerificationRef = useRef(null);
-    const sendOtp = useCallback(() => __awaiter(void 0, void 0, void 0, function* () {
+    const sendOtp = useCallback((params) => __awaiter(void 0, void 0, void 0, function* () {
+        var _a;
         const credentials = user === null || user === void 0 ? void 0 : user.verifiedCredentials;
         if (!(credentials === null || credentials === void 0 ? void 0 : credentials.length)) {
             setError('No verified credentials found for the authenticated user');
             return null;
         }
-        const result = resolveTargetCredential(credentials, credentialId);
+        const effectiveCredentialId = (_a = params === null || params === void 0 ? void 0 : params.credentialId) !== null && _a !== void 0 ? _a : credentialId;
+        const result = resolveTargetCredential(credentials, effectiveCredentialId);
         if (typeof result === 'string') {
             setError(result);
             return null;
@@ -91,14 +93,8 @@ const useStepUpOtp = ({ credentialId, stateActions, }) => {
             setError(errorMessage);
             return null;
         }
-    }), [
-        credentialId,
-        setError,
-        setLoading,
-        setSuccess,
-        user === null || user === void 0 ? void 0 : user.verifiedCredentials,
-    ]);
-    const verifyOtp = useCallback((_a) => __awaiter(void 0, [_a], void 0, function* ({ requestedScopes, verificationToken, }) {
+    }), [credentialId, setError, setLoading, setSuccess, user === null || user === void 0 ? void 0 : user.verifiedCredentials]);
+    const verifyOtp = useCallback((_b) => __awaiter(void 0, [_b], void 0, function* ({ requestedScopes, verificationToken, }) {
         const otpVerification = otpVerificationRef.current;
         if (!otpVerification) {
             setError('OTP verification has not been initiated. Call sendOtp() first');

package/src/lib/utils/hooks/useStepUpAuthentication/useStepUpWallet.cjs

@@ -115,11 +115,17 @@ const useStepUpWallet = ({ credentialId, stateActions, }) => {
     const connectAndSign = useConnectAndSign.useConnectAndSign();
     const { userWallets } = UserWalletsContext.useInternalUserWallets();
     const { setError, setLoading, setSuccess } = stateActions;
-    const verifyWallet = React.useCallback((_a) => _tslib.__awaiter(void 0, [_a], void 0, function* ({ requestedScopes }) {
+    const verifyWallet = React.useCallback((_a) => _tslib.__awaiter(void 0, [_a], void 0, function* ({ requestedScopes, walletId, }) {
         setLoading();
-        const wallet = userWallets.find((w) => w.id === credentialId);
+        const effectiveId = walletId !== null && walletId !== void 0 ? walletId : credentialId;
+        const wallet = effectiveId
+            ? userWallets.find((w) => w.id === effectiveId)
+            : userWallets[0];
         if (!wallet) {
-            setError(`Wallet with id "${credentialId}" not found`);
+            const message = effectiveId
+                ? `Wallet with id "${effectiveId}" not found`
+                : 'No connected wallets found for step-up authentication';
+            setError(message);
             return;
         }
         const connector = wallet.connector;

package/src/lib/utils/hooks/useStepUpAuthentication/useStepUpWallet.d.ts

@@ -6,6 +6,6 @@ type UseStepUpWalletParams = {
     stateActions: StepUpStateActions;
 };
 export declare const useStepUpWallet: ({ credentialId, stateActions, }: UseStepUpWalletParams) => {
-    verifyWallet: ({ requestedScopes }: VerifyWalletParams) => Promise<void>;
+    verifyWallet: ({ requestedScopes, walletId, }: VerifyWalletParams) => Promise<void>;
 };
 export {};

package/src/lib/utils/hooks/useStepUpAuthentication/useStepUpWallet.js

@@ -111,11 +111,17 @@ const useStepUpWallet = ({ credentialId, stateActions, }) => {
     const connectAndSign = useConnectAndSign();
     const { userWallets } = useInternalUserWallets();
     const { setError, setLoading, setSuccess } = stateActions;
-    const verifyWallet = useCallback((_a) => __awaiter(void 0, [_a], void 0, function* ({ requestedScopes }) {
+    const verifyWallet = useCallback((_a) => __awaiter(void 0, [_a], void 0, function* ({ requestedScopes, walletId, }) {
         setLoading();
-        const wallet = userWallets.find((w) => w.id === credentialId);
+        const effectiveId = walletId !== null && walletId !== void 0 ? walletId : credentialId;
+        const wallet = effectiveId
+            ? userWallets.find((w) => w.id === effectiveId)
+            : userWallets[0];
         if (!wallet) {
-            setError(`Wallet with id "${credentialId}" not found`);
+            const message = effectiveId
+                ? `Wallet with id "${effectiveId}" not found`
+                : 'No connected wallets found for step-up authentication';
+            setError(message);
             return;
         }
         const connector = wallet.connector;

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

@@ -106,7 +106,7 @@ require('../../../widgets/DynamicWidget/views/ManageTotpMfaWidgetView/ManageTotp
 require('../../../widgets/DynamicWidget/views/ReceiveWalletFunds/ReceiveWalletFunds.cjs');
 require('../../../store/state/tokenBalances.cjs');
 require('../../../store/state/multichainBalances.cjs');
-require('../../../shared/utils/functions/getInitialUrl/getInitialUrl.cjs');
+var getInitialUrl = require('../../../shared/utils/functions/getInitialUrl/getInitialUrl.cjs');
 var useInternalDynamicContext = require('../../../context/DynamicContext/useDynamicContext/useInternalDynamicContext/useInternalDynamicContext.cjs');
 
 /**
@@ -120,14 +120,14 @@ const useSyncDeviceRegistrationFlow = () => {
     React.useEffect(() => {
         let cancelled = false;
         const syncDeviceRegistration = () => _tslib.__awaiter(void 0, void 0, void 0, function* () {
-            var _a;
+            var _a, _b;
             if (!sdkHasLoaded || !userWithMissingInfo) {
                 return;
             }
             if (!((_a = userWithMissingInfo.scope) === null || _a === void 0 ? void 0 : _a.includes('device:register'))) {
                 return;
             }
-            const url = window.location.href;
+            const url = ((_b = getInitialUrl.getInitialUrl()) === null || _b === void 0 ? void 0 : _b.href) || window.location.href;
             // If the user arrived via the device registration email link,
             // complete registration directly without showing the modal
             if (client.detectDeviceRegistrationRedirect({ url })) {

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

@@ -102,7 +102,7 @@ import '../../../widgets/DynamicWidget/views/ManageTotpMfaWidgetView/ManageTotpM
 import '../../../widgets/DynamicWidget/views/ReceiveWalletFunds/ReceiveWalletFunds.js';
 import '../../../store/state/tokenBalances.js';
 import '../../../store/state/multichainBalances.js';
-import '../../../shared/utils/functions/getInitialUrl/getInitialUrl.js';
+import { getInitialUrl } from '../../../shared/utils/functions/getInitialUrl/getInitialUrl.js';
 import { useInternalDynamicContext } from '../../../context/DynamicContext/useDynamicContext/useInternalDynamicContext/useInternalDynamicContext.js';
 
 /**
@@ -116,14 +116,14 @@ const useSyncDeviceRegistrationFlow = () => {
     useEffect(() => {
         let cancelled = false;
         const syncDeviceRegistration = () => __awaiter(void 0, void 0, void 0, function* () {
-            var _a;
+            var _a, _b;
             if (!sdkHasLoaded || !userWithMissingInfo) {
                 return;
             }
             if (!((_a = userWithMissingInfo.scope) === null || _a === void 0 ? void 0 : _a.includes('device:register'))) {
                 return;
             }
-            const url = window.location.href;
+            const url = ((_b = getInitialUrl()) === null || _b === void 0 ? void 0 : _b.href) || window.location.href;
             // If the user arrived via the device registration email link,
             // complete registration directly without showing the modal
             if (detectDeviceRegistrationRedirect({ url })) {

package/src/lib/utils/hooks/useValidateSession/handleWalletInfoOutOfSync/handleWalletInfoOutOfSync.cjs

@@ -63,7 +63,7 @@ const handleWalletInfoOutOfSync = (_a) => _tslib.__awaiter(void 0, [_a], void 0,
         connectedWallets,
         primaryWalletId: primaryWalletId$1,
         user,
-    });
+    }, isTokenExpired ? 'token-expired' : 'user-intent');
 });
 
 exports.handleWalletInfoOutOfSync = handleWalletInfoOutOfSync;

package/src/lib/utils/hooks/useValidateSession/handleWalletInfoOutOfSync/handleWalletInfoOutOfSync.d.ts

@@ -1,5 +1,6 @@
+import type { LogoutReason } from '@dynamic-labs-sdk/client';
 export type HandleWalletInfoOutOfSyncParams = {
-    logout: (reason: string, params: any) => Promise<void>;
+    logout: (reason: string, params: any, logoutReason?: LogoutReason) => Promise<void>;
 };
 /**
  * Detects mismatch between wallet info.

package/src/lib/utils/hooks/useValidateSession/handleWalletInfoOutOfSync/handleWalletInfoOutOfSync.js

@@ -59,7 +59,7 @@ const handleWalletInfoOutOfSync = (_a) => __awaiter(void 0, [_a], void 0, functi
         connectedWallets,
         primaryWalletId,
         user,
-    });
+    }, isTokenExpired ? 'token-expired' : 'user-intent');
 });
 
 export { handleWalletInfoOutOfSync };

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

@@ -41,9 +41,9 @@ const useValidateSession = ({ environmentId, handleLogOut }) => {
     const initStatus = useInitStatus.useClientInitStatus();
     const logout = React.useCallback(
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    (reason, params) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+    (reason, params, logoutReason) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
         logger.logger.info(`Logging out due to invalid session - Reason: ${reason}`, Object.assign({}, params));
-        return handleLogOut();
+        return handleLogOut(logoutReason);
     }), [handleLogOut]);
     const validateSession = React.useCallback((projectSettings) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
         const params = {

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

@@ -1,6 +1,7 @@
+import type { LogoutReason } from '@dynamic-labs-sdk/client';
 type Props = {
     environmentId: string;
-    handleLogOut: () => Promise<void>;
+    handleLogOut: (reason?: LogoutReason) => Promise<void>;
 };
 export declare const useValidateSession: ({ environmentId, handleLogOut }: Props) => void;
 export {};

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

@@ -37,9 +37,9 @@ const useValidateSession = ({ environmentId, handleLogOut }) => {
     const initStatus = useClientInitStatus();
     const logout = useCallback(
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    (reason, params) => __awaiter(void 0, void 0, void 0, function* () {
+    (reason, params, logoutReason) => __awaiter(void 0, void 0, void 0, function* () {
         logger.info(`Logging out due to invalid session - Reason: ${reason}`, Object.assign({}, params));
-        return handleLogOut();
+        return handleLogOut(logoutReason);
     }), [handleLogOut]);
     const validateSession = useCallback((projectSettings) => __awaiter(void 0, void 0, void 0, function* () {
         const params = {

package/src/lib/widgets/DynamicWidget/views/AccountAndSecuritySettingsView/EmbeddedWalletExportSection/EmbeddedWalletExportSection.cjs

@@ -50,7 +50,7 @@ require('../../../../../context/VerificationContext/VerificationContext.cjs');
 require('react-dom');
 require('../../../../../utils/functions/compareChains/compareChains.cjs');
 require('../../../../../views/Passkey/utils/findPrimaryEmbeddedChain/findPrimaryEmbeddedChain.cjs');
-var ThemeContext = require('../../../../../context/ThemeContext/ThemeContext.cjs');
+require('../../../../../context/ThemeContext/ThemeContext.cjs');
 var useSmartWallets = require('../../../../../utils/hooks/useSmartWallets/useSmartWallets.cjs');
 require('../../../../../utils/hooks/useUserUpdateRequest/useUpdateUser/userFieldsSchema.cjs');
 var usePasskeyRecovery = require('../../../../../utils/hooks/usePasskeyRecovery/usePasskeyRecovery.cjs');
@@ -127,7 +127,6 @@ var useInternalDynamicContext = require('../../../../../context/DynamicContext/u
 const EmbeddedWalletExportSection = () => {
     var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
     const { t } = reactI18next.useTranslation();
-    const { theme } = ThemeContext.useThemeContext();
     const { setDynamicWidgetView } = DynamicWidgetContext.useWidgetContext();
     const { primaryWallet, user, projectSettings, setShowAuthFlow } = useInternalDynamicContext.useInternalDynamicContext();
     const { pushView } = ViewContext.useViewContext();
@@ -221,7 +220,7 @@ const EmbeddedWalletExportSection = () => {
         handleExportClick();
     }, [handleExportClick]);
     const handleExportWithPhraseClick = React.useCallback(() => handleExportClick(true), [handleExportClick]);
-    const exportIconClasses = React.useMemo(() => `settings-view__body__section__button__icon${theme.theme.name === 'dark' ? '__stroke' : ''}`, [theme.theme.name]);
+    const exportIconClasses = 'settings-view__body__section__button__icon';
     const backupOptions = (_k = (_j = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk) === null || _j === void 0 ? void 0 : _j.waas) === null || _k === void 0 ? void 0 : _k.backupOptions;
     const isCloudBackupEnabled = Boolean((backupOptions === null || backupOptions === void 0 ? void 0 : backupOptions.includes(sdkApiCore.WaasBackupOptionsEnum.GoogleDrive)) ||
         (backupOptions === null || backupOptions === void 0 ? void 0 : backupOptions.includes(sdkApiCore.WaasBackupOptionsEnum.ICloud)));

package/src/lib/widgets/DynamicWidget/views/AccountAndSecuritySettingsView/EmbeddedWalletExportSection/EmbeddedWalletExportSection.js

@@ -46,7 +46,7 @@ import '../../../../../context/VerificationContext/VerificationContext.js';
 import 'react-dom';
 import '../../../../../utils/functions/compareChains/compareChains.js';
 import '../../../../../views/Passkey/utils/findPrimaryEmbeddedChain/findPrimaryEmbeddedChain.js';
-import { useThemeContext } from '../../../../../context/ThemeContext/ThemeContext.js';
+import '../../../../../context/ThemeContext/ThemeContext.js';
 import { useSmartWallets } from '../../../../../utils/hooks/useSmartWallets/useSmartWallets.js';
 import '../../../../../utils/hooks/useUserUpdateRequest/useUpdateUser/userFieldsSchema.js';
 import { usePasskeyRecovery } from '../../../../../utils/hooks/usePasskeyRecovery/usePasskeyRecovery.js';
@@ -123,7 +123,6 @@ import { useInternalDynamicContext } from '../../../../../context/DynamicContext
 const EmbeddedWalletExportSection = () => {
     var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
     const { t } = useTranslation();
-    const { theme } = useThemeContext();
     const { setDynamicWidgetView } = useWidgetContext();
     const { primaryWallet, user, projectSettings, setShowAuthFlow } = useInternalDynamicContext();
     const { pushView } = useViewContext();
@@ -217,7 +216,7 @@ const EmbeddedWalletExportSection = () => {
         handleExportClick();
     }, [handleExportClick]);
     const handleExportWithPhraseClick = useCallback(() => handleExportClick(true), [handleExportClick]);
-    const exportIconClasses = useMemo(() => `settings-view__body__section__button__icon${theme.theme.name === 'dark' ? '__stroke' : ''}`, [theme.theme.name]);
+    const exportIconClasses = 'settings-view__body__section__button__icon';
     const backupOptions = (_k = (_j = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk) === null || _j === void 0 ? void 0 : _j.waas) === null || _k === void 0 ? void 0 : _k.backupOptions;
     const isCloudBackupEnabled = Boolean((backupOptions === null || backupOptions === void 0 ? void 0 : backupOptions.includes(WaasBackupOptionsEnum.GoogleDrive)) ||
         (backupOptions === null || backupOptions === void 0 ? void 0 : backupOptions.includes(WaasBackupOptionsEnum.ICloud)));

package/src/lib/widgets/DynamicWidget/views/ExportAndRecoveryView/ExportAndRecoveryView.cjs

@@ -49,7 +49,7 @@ require('../../../../context/VerificationContext/VerificationContext.cjs');
 require('react-dom');
 require('../../../../utils/functions/compareChains/compareChains.cjs');
 require('../../../../views/Passkey/utils/findPrimaryEmbeddedChain/findPrimaryEmbeddedChain.cjs');
-var ThemeContext = require('../../../../context/ThemeContext/ThemeContext.cjs');
+require('../../../../context/ThemeContext/ThemeContext.cjs');
 var useSmartWallets = require('../../../../utils/hooks/useSmartWallets/useSmartWallets.cjs');
 require('../../../../utils/hooks/useUserUpdateRequest/useUpdateUser/userFieldsSchema.cjs');
 var usePasskeyRecovery = require('../../../../utils/hooks/usePasskeyRecovery/usePasskeyRecovery.cjs');
@@ -122,7 +122,6 @@ var useInternalDynamicContext = require('../../../../context/DynamicContext/useD
 const ExportAndRecoveryView = () => {
     var _a, _b;
     const { t } = reactI18next.useTranslation();
-    const { theme } = ThemeContext.useThemeContext();
     const { setDynamicWidgetView } = DynamicWidgetContext.useWidgetContext();
     const { primaryWallet, setShowAuthFlow } = useInternalDynamicContext.useInternalDynamicContext();
     const { pushView } = ViewContext.useViewContext();
@@ -163,7 +162,7 @@ const ExportAndRecoveryView = () => {
             pushView('export-shares-view');
         }
     }, [isPasswordEncrypted, setDynamicWidgetView, setShowAuthFlow, pushView]);
-    const exportIconClasses = React.useMemo(() => `settings-view__body__section__button__icon${theme.theme.name === 'dark' ? '__stroke' : ''}`, [theme.theme.name]);
+    const exportIconClasses = 'settings-view__body__section__button__icon';
     const privateKeyButtonStartSlot = React.useMemo(() => (jsxRuntime.jsxs("div", { className: 'settings-view__body__section__button__start-slot', children: [jsxRuntime.jsx(exportPrivateKey.ReactComponent, { className: exportIconClasses }), jsxRuntime.jsx(Typography.Typography, { color: 'primary', weight: 'medium', copykey: 'dyn_export_and_recovery.private_key', children: t('dyn_export_and_recovery.private_key') })] })), [exportIconClasses, t]);
     const exportSharesButtonStartSlot = React.useMemo(() => (jsxRuntime.jsxs("div", { className: 'settings-view__body__section__button__start-slot', children: [jsxRuntime.jsx(exportRecoveryPhrase.ReactComponent, { className: exportIconClasses }), jsxRuntime.jsxs("div", { className: 'export-and-recovery-view__export-shares-label', children: [jsxRuntime.jsx(Typography.Typography, { color: 'primary', weight: 'medium', copykey: 'dyn_export_and_recovery.export_shares', children: t('dyn_export_and_recovery.export_shares') }), jsxRuntime.jsx("span", { className: 'export-and-recovery-view__advanced-badge', children: jsxRuntime.jsx(Typography.Typography, { variant: 'body_small', color: 'inherit', weight: 'medium', copykey: 'dyn_export_and_recovery.advanced', children: t('dyn_export_and_recovery.advanced') }) })] })] })), [exportIconClasses, t]);
     const backButton = (jsxRuntime.jsx(IconButton.IconButton, { type: 'button', onClick: handleBackClick, "data-testid": 'back-button', children: jsxRuntime.jsx(chevronLeft.ReactComponent, {}) }));

package/src/lib/widgets/DynamicWidget/views/ExportAndRecoveryView/ExportAndRecoveryView.js

@@ -45,7 +45,7 @@ import '../../../../context/VerificationContext/VerificationContext.js';
 import 'react-dom';
 import '../../../../utils/functions/compareChains/compareChains.js';
 import '../../../../views/Passkey/utils/findPrimaryEmbeddedChain/findPrimaryEmbeddedChain.js';
-import { useThemeContext } from '../../../../context/ThemeContext/ThemeContext.js';
+import '../../../../context/ThemeContext/ThemeContext.js';
 import { useSmartWallets } from '../../../../utils/hooks/useSmartWallets/useSmartWallets.js';
 import '../../../../utils/hooks/useUserUpdateRequest/useUpdateUser/userFieldsSchema.js';
 import { usePasskeyRecovery } from '../../../../utils/hooks/usePasskeyRecovery/usePasskeyRecovery.js';
@@ -118,7 +118,6 @@ import { useInternalDynamicContext } from '../../../../context/DynamicContext/us
 const ExportAndRecoveryView = () => {
     var _a, _b;
     const { t } = useTranslation();
-    const { theme } = useThemeContext();
     const { setDynamicWidgetView } = useWidgetContext();
     const { primaryWallet, setShowAuthFlow } = useInternalDynamicContext();
     const { pushView } = useViewContext();
@@ -159,7 +158,7 @@ const ExportAndRecoveryView = () => {
             pushView('export-shares-view');
         }
     }, [isPasswordEncrypted, setDynamicWidgetView, setShowAuthFlow, pushView]);
-    const exportIconClasses = useMemo(() => `settings-view__body__section__button__icon${theme.theme.name === 'dark' ? '__stroke' : ''}`, [theme.theme.name]);
+    const exportIconClasses = 'settings-view__body__section__button__icon';
     const privateKeyButtonStartSlot = useMemo(() => (jsxs("div", { className: 'settings-view__body__section__button__start-slot', children: [jsx(SvgExportPrivateKey, { className: exportIconClasses }), jsx(Typography, { color: 'primary', weight: 'medium', copykey: 'dyn_export_and_recovery.private_key', children: t('dyn_export_and_recovery.private_key') })] })), [exportIconClasses, t]);
     const exportSharesButtonStartSlot = useMemo(() => (jsxs("div", { className: 'settings-view__body__section__button__start-slot', children: [jsx(SvgExportRecoveryPhrase, { className: exportIconClasses }), jsxs("div", { className: 'export-and-recovery-view__export-shares-label', children: [jsx(Typography, { color: 'primary', weight: 'medium', copykey: 'dyn_export_and_recovery.export_shares', children: t('dyn_export_and_recovery.export_shares') }), jsx("span", { className: 'export-and-recovery-view__advanced-badge', children: jsx(Typography, { variant: 'body_small', color: 'inherit', weight: 'medium', copykey: 'dyn_export_and_recovery.advanced', children: t('dyn_export_and_recovery.advanced') }) })] })] })), [exportIconClasses, t]);
     const backButton = (jsx(IconButton, { type: 'button', onClick: handleBackClick, "data-testid": 'back-button', children: jsx(SvgChevronLeft, {}) }));