@dynamic-labs/sdk-react-core 4.71.0 → 4.73.0

package/src/lib/context/ConnectWithOtpContext/utils/createEmailHandler.js

@@ -24,10 +24,10 @@ import '@dynamic-labs/locale';
 import '../../../store/state/dynamicContextProps/dynamicContextProps.js';
 import '../../../store/state/primaryWalletId/primaryWalletId.js';
 import '../../../store/state/connectedWalletsInfo/connectedWalletsInfo.js';
-import { generateClientSessionKeys } from '../../../utils/functions/clientSessionKeys/getClientSessionKeys.js';
 import '../../../utils/functions/getWaasAddressTypeLabel/getWaasAddressTypeLabel.js';
 import '../../../events/dynamicEvents.js';
 import { storeTokenAndUser } from '../../../client/extension/storeTokenAndUser/storeTokenAndUser.js';
+import { generateSessionKeys } from '../../../client/extension/functions/generateSessionKeys/generateSessionKeys.js';
 
 const createEmailHandler = (environmentId, { shouldRegisterSessionKeysOnSignin, generateSessionKey, }) => (email, captchaToken) => __awaiter(void 0, void 0, void 0, function* () {
     const createEmailVerificationResponse = yield createEmailVerification({
@@ -53,7 +53,7 @@ const createEmailHandler = (environmentId, { shouldRegisterSessionKeysOnSignin,
                 const keypair = yield generateSessionKey();
                 sessionPublicKey = keypair.publicKey;
             }
-            yield generateClientSessionKeys();
+            yield generateSessionKeys();
             const response = yield signInWithEmailVerification({
                 captchaToken,
                 environmentId,

package/src/lib/context/ConnectWithOtpContext/utils/createSmsHandler.cjs

@@ -27,10 +27,10 @@ var sms = require('../../../data/api/sms/sms.cjs');
 require('../../../store/state/dynamicContextProps/dynamicContextProps.cjs');
 require('../../../store/state/primaryWalletId/primaryWalletId.cjs');
 require('../../../store/state/connectedWalletsInfo/connectedWalletsInfo.cjs');
-var getClientSessionKeys = require('../../../utils/functions/clientSessionKeys/getClientSessionKeys.cjs');
 require('../../../utils/functions/getWaasAddressTypeLabel/getWaasAddressTypeLabel.cjs');
 require('../../../events/dynamicEvents.cjs');
 var storeTokenAndUser = require('../../../client/extension/storeTokenAndUser/storeTokenAndUser.cjs');
+var generateSessionKeys = require('../../../client/extension/functions/generateSessionKeys/generateSessionKeys.cjs');
 
 const createSmsHandler = (environmentId, { shouldRegisterSessionKeysOnSignin, generateSessionKey, }) => (phone, captchaToken) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
     const { verificationUUID } = yield sms.createSmsVerification({
@@ -48,7 +48,7 @@ const createSmsHandler = (environmentId, { shouldRegisterSessionKeysOnSignin, ge
                 const keypair = yield generateSessionKey();
                 sessionPublicKey = keypair.publicKey;
             }
-            yield getClientSessionKeys.generateClientSessionKeys();
+            yield generateSessionKeys.generateSessionKeys();
             const response = yield sms.signInWithSmsVerification({
                 captchaToken,
                 environmentId,

package/src/lib/context/ConnectWithOtpContext/utils/createSmsHandler.js

@@ -23,10 +23,10 @@ import { createSmsVerification, signInWithSmsVerification } from '../../../data/
 import '../../../store/state/dynamicContextProps/dynamicContextProps.js';
 import '../../../store/state/primaryWalletId/primaryWalletId.js';
 import '../../../store/state/connectedWalletsInfo/connectedWalletsInfo.js';
-import { generateClientSessionKeys } from '../../../utils/functions/clientSessionKeys/getClientSessionKeys.js';
 import '../../../utils/functions/getWaasAddressTypeLabel/getWaasAddressTypeLabel.js';
 import '../../../events/dynamicEvents.js';
 import { storeTokenAndUser } from '../../../client/extension/storeTokenAndUser/storeTokenAndUser.js';
+import { generateSessionKeys } from '../../../client/extension/functions/generateSessionKeys/generateSessionKeys.js';
 
 const createSmsHandler = (environmentId, { shouldRegisterSessionKeysOnSignin, generateSessionKey, }) => (phone, captchaToken) => __awaiter(void 0, void 0, void 0, function* () {
     const { verificationUUID } = yield createSmsVerification({
@@ -44,7 +44,7 @@ const createSmsHandler = (environmentId, { shouldRegisterSessionKeysOnSignin, ge
                 const keypair = yield generateSessionKey();
                 sessionPublicKey = keypair.publicKey;
             }
-            yield generateClientSessionKeys();
+            yield generateSessionKeys();
             const response = yield signInWithSmsVerification({
                 captchaToken,
                 environmentId,

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

@@ -88,7 +88,6 @@ require('../../shared/utils/functions/getInitialUrl/getInitialUrl.cjs');
 var useEndUserWarning = require('../../utils/hooks/useEndUserWarning/useEndUserWarning.cjs');
 var useDeviceFingerprint = require('../../utils/hooks/useDeviceFingerprint/useDeviceFingerprint.cjs');
 var useAggregateWalletEvents = require('../../utils/hooks/useAggregateWalletEvents/useAggregateWalletEvents.cjs');
-var useClientSessionKeys = require('../../utils/hooks/useClientSessionKeys/useClientSessionKeys.cjs');
 require('../../utils/hooks/useGetMfaToken/useGetMfaToken.cjs');
 var OnrampContext = require('../OnrampContext/OnrampContext.cjs');
 require('../../../index.cjs');
@@ -238,8 +237,6 @@ const InnerDynamicContextProvider = (props) => {
     }
     // Calculates and stores a device fingerprint
     useDeviceFingerprint.useDeviceFingerprint();
-    // Generate client session keys
-    useClientSessionKeys.useClientSessionKeys();
     const isAuthenticated = Boolean(user);
     const [qrcodeUri, setQrcodeUri] = React.useState('');
     const [desktopUri, setDesktopUri] = React.useState('');

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

@@ -84,7 +84,6 @@ import '../../shared/utils/functions/getInitialUrl/getInitialUrl.js';
 import { useEndUserWarning } from '../../utils/hooks/useEndUserWarning/useEndUserWarning.js';
 import { useDeviceFingerprint } from '../../utils/hooks/useDeviceFingerprint/useDeviceFingerprint.js';
 import { useAggregateWalletEvents } from '../../utils/hooks/useAggregateWalletEvents/useAggregateWalletEvents.js';
-import { useClientSessionKeys } from '../../utils/hooks/useClientSessionKeys/useClientSessionKeys.js';
 import '../../utils/hooks/useGetMfaToken/useGetMfaToken.js';
 import { OnrampContextProvider } from '../OnrampContext/OnrampContext.js';
 import '../../../index.js';
@@ -234,8 +233,6 @@ const InnerDynamicContextProvider = (props) => {
     }
     // Calculates and stores a device fingerprint
     useDeviceFingerprint();
-    // Generate client session keys
-    useClientSessionKeys();
     const isAuthenticated = Boolean(user);
     const [qrcodeUri, setQrcodeUri] = useState('');
     const [desktopUri, setDesktopUri] = useState('');

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

@@ -35,7 +35,6 @@ require('../../../../config/ApiEndpoint.cjs');
 require('../../../../events/dynamicEvents.cjs');
 require('@dynamic-labs/locale');
 require('../../../../store/state/dynamicContextProps/dynamicContextProps.cjs');
-var getClientSessionKeys = require('../../../../utils/functions/clientSessionKeys/getClientSessionKeys.cjs');
 require('../../../../utils/functions/getWaasAddressTypeLabel/getWaasAddressTypeLabel.cjs');
 require('../../../AccessDeniedContext/AccessDeniedContext.cjs');
 require('../../../AccountExistsContext/AccountExistsContext.cjs');
@@ -114,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
@@ -136,7 +135,6 @@ const useHandleLogout = (params) => {
         utils.StorageService.removeItem(localStorage.EXCHANGE_PICKER_SEARCH_KEY);
         utils.StorageService.removeItem(localStorage.PHANTOM_SIGNATURE_STATE);
         utils.StorageService.removeItem(localStorage.DELEGATION_STATE);
-        getClientSessionKeys.clearClientSessionKeys();
         authMode.setAuthMode(p.initialAuthenticationMode);
         p.setShowAuthFlow(false, {
             emitCancelAuth: false,
@@ -150,21 +148,24 @@ 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(() => {
-        utils.StorageService.events.on('parseFailure', () => logout());
+        const handler = () => logout();
+        utils.StorageService.events.on('parseFailure', handler);
         return () => {
-            utils.StorageService.events.off('parseFailure', () => logout());
+            utils.StorageService.events.off('parseFailure', handler);
         };
     }, [logout]);
     /** Allows triggering a logout from anywhere in the code */

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

@@ -31,7 +31,6 @@ import '../../../../config/ApiEndpoint.js';
 import '../../../../events/dynamicEvents.js';
 import '@dynamic-labs/locale';
 import '../../../../store/state/dynamicContextProps/dynamicContextProps.js';
-import { clearClientSessionKeys } from '../../../../utils/functions/clientSessionKeys/getClientSessionKeys.js';
 import '../../../../utils/functions/getWaasAddressTypeLabel/getWaasAddressTypeLabel.js';
 import '../../../AccessDeniedContext/AccessDeniedContext.js';
 import '../../../AccountExistsContext/AccountExistsContext.js';
@@ -110,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
@@ -132,7 +131,6 @@ const useHandleLogout = (params) => {
         StorageService.removeItem(EXCHANGE_PICKER_SEARCH_KEY);
         StorageService.removeItem(PHANTOM_SIGNATURE_STATE);
         StorageService.removeItem(DELEGATION_STATE);
-        clearClientSessionKeys();
         setAuthMode(p.initialAuthenticationMode);
         p.setShowAuthFlow(false, {
             emitCancelAuth: false,
@@ -146,21 +144,24 @@ 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(() => {
-        StorageService.events.on('parseFailure', () => logout$1());
+        const handler = () => logout$1();
+        StorageService.events.on('parseFailure', handler);
         return () => {
-            StorageService.events.off('parseFailure', () => logout$1());
+            StorageService.events.off('parseFailure', handler);
         };
     }, [logout$1]);
     /** Allows triggering a logout from anywhere in the code */

package/src/lib/context/DynamicContext/types/DynamicContextProps.d.ts

@@ -105,6 +105,16 @@ export interface DynamicContextProps {
          * Hidden tokens will not count towards the user's total balance.
          */
         tokensFilter?: (tokens: TokenBalance[]) => TokenBalance[];
+        /**
+         * Controls the device registration modal behavior.
+         * When set to { enabled: false }, the SDK will not automatically show the
+         * device registration modal. Customers can build their own headless experience
+         * using `isDeviceRegistrationRequired` from @dynamic-labs-sdk/client.
+         * @default { enabled: true }
+         */
+        deviceRegistrationModal?: {
+            enabled: boolean;
+        };
         transactionConfirmation?: TransactionConfirmationSettings;
         /**
          * If true, the Metamask SDK will be used to connect to the wallet.

package/src/lib/context/SocialRedirectContext/SocialRedirectContext.cjs

@@ -24,7 +24,6 @@ var updatePrimaryWalletId = require('../../utils/functions/updatePrimaryWalletId
 require('../../store/state/connectedWalletsInfo/connectedWalletsInfo.cjs');
 require('../../store/state/dynamicContextProps/dynamicContextProps.cjs');
 require('../../store/state/primaryWalletId/primaryWalletId.cjs');
-var getClientSessionKeys = require('../../utils/functions/clientSessionKeys/getClientSessionKeys.cjs');
 require('@dynamic-labs-sdk/client');
 require('@dynamic-labs-sdk/client/core');
 require('../../client/client.cjs');
@@ -239,7 +238,6 @@ const SocialRedirectContextProvider = ({ children, }) => {
                     yield connectWallet(socialWalletConnector);
                     const address = yield socialWalletConnector.getAddress();
                     walletUiUtils.disabledConfirmationOnce();
-                    yield getClientSessionKeys.generateClientSessionKeys();
                     yield verifyWallet({
                         captchaToken: getCaptchaToken(),
                         oauth: {

package/src/lib/context/SocialRedirectContext/SocialRedirectContext.js

@@ -20,7 +20,6 @@ import { updatePrimaryWalletId } from '../../utils/functions/updatePrimaryWallet
 import '../../store/state/connectedWalletsInfo/connectedWalletsInfo.js';
 import '../../store/state/dynamicContextProps/dynamicContextProps.js';
 import '../../store/state/primaryWalletId/primaryWalletId.js';
-import { generateClientSessionKeys } from '../../utils/functions/clientSessionKeys/getClientSessionKeys.js';
 import '@dynamic-labs-sdk/client';
 import '@dynamic-labs-sdk/client/core';
 import '../../client/client.js';
@@ -235,7 +234,6 @@ const SocialRedirectContextProvider = ({ children, }) => {
                     yield connectWallet(socialWalletConnector);
                     const address = yield socialWalletConnector.getAddress();
                     walletUiUtils.disabledConfirmationOnce();
-                    yield generateClientSessionKeys();
                     yield verifyWallet({
                         captchaToken: getCaptchaToken(),
                         oauth: {

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

@@ -19,10 +19,10 @@ require('@dynamic-labs/wallet-book');
 require('../../utils/constants/colors.cjs');
 require('../../utils/constants/values.cjs');
 require('../../shared/consts/index.cjs');
+require('../../../../_virtual/_tslib.cjs');
 var getApiHeaders = require('../../client/extension/hooks/useInitializeSdkClient/getApiHeaders/getApiHeaders.cjs');
 require('../../events/dynamicEvents.cjs');
 var getProjectSettings = require('../../client/extension/projectSettings/getProjectSettings/getProjectSettings.cjs');
-require('../../../../_virtual/_tslib.cjs');
 var isCookieEnabled = require('../../client/extension/functions/isCookieEnabled/isCookieEnabled.cjs');
 var getMinAuthToken = require('../../client/extension/functions/getMinAuthToken/getMinAuthToken.cjs');
 var createDeviceSignatureHeadersMiddleware = require('../../client/extension/functions/createDeviceSignatureHeadersMiddleware/createDeviceSignatureHeadersMiddleware.cjs');

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

@@ -15,10 +15,10 @@ import '@dynamic-labs/wallet-book';
 import '../../utils/constants/colors.js';
 import '../../utils/constants/values.js';
 import '../../shared/consts/index.js';
+import '../../../../_virtual/_tslib.js';
 import { getApiHeaders } from '../../client/extension/hooks/useInitializeSdkClient/getApiHeaders/getApiHeaders.js';
 import '../../events/dynamicEvents.js';
 import { getProjectSettings } from '../../client/extension/projectSettings/getProjectSettings/getProjectSettings.js';
-import '../../../../_virtual/_tslib.js';
 import { isCookieEnabled } from '../../client/extension/functions/isCookieEnabled/isCookieEnabled.js';
 import { getMinAuthToken } from '../../client/extension/functions/getMinAuthToken/getMinAuthToken.js';
 import { createDeviceSignatureHeadersMiddleware } from '../../client/extension/functions/createDeviceSignatureHeadersMiddleware/createDeviceSignatureHeadersMiddleware.js';

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

@@ -29,10 +29,10 @@ require('@dynamic-labs/locale');
 require('../../../store/state/dynamicContextProps/dynamicContextProps.cjs');
 require('../../../store/state/primaryWalletId/primaryWalletId.cjs');
 require('../../../store/state/connectedWalletsInfo/connectedWalletsInfo.cjs');
-var getClientSessionKeys = require('../../../utils/functions/clientSessionKeys/getClientSessionKeys.cjs');
 require('../../../utils/functions/getWaasAddressTypeLabel/getWaasAddressTypeLabel.cjs');
 require('../../../events/dynamicEvents.cjs');
 var storeTokenAndUser = require('../../../client/extension/storeTokenAndUser/storeTokenAndUser.cjs');
+var getClientSessionNonceHeaders = require('../../../client/extension/functions/getClientSessionNonceHeaders/getClientSessionNonceHeaders.cjs');
 
 const createTurnkeyEmbeddedWallet = (_a) => _tslib.__awaiter(void 0, [_a], void 0, function* ({ attestation, challenge, environmentId, chains = [sdkApiCore.EmbeddedWalletChainEnum.Evm], passkeyAlias, sessionPublicKey, }) {
     const embeddedWallets = [
@@ -159,9 +159,7 @@ const exportEmbeddedWallet = (_g) => _tslib.__awaiter(void 0, [_g], void 0, func
 const registerSessionKey = (_h) => _tslib.__awaiter(void 0, [_h], void 0, function* ({ environmentId, walletId, publicKey, prevSessionKeySignature, }) {
     let response;
     try {
-        const { nonce, nonceSignature, publicKey: sessionPublicKey, } = yield getClientSessionKeys.getClientSessionNonceSignature({
-            environmentId,
-        });
+        const { nonce, nonceSignature, publicKey: sessionPublicKey, } = yield getClientSessionNonceHeaders.getClientSessionNonceHeaders();
         response = yield api.sdkApi({
             customHeaders: {
                 [constants.DYNAMIC_SESSION_NONCE_HEADER]: nonce,

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

@@ -25,10 +25,10 @@ import '@dynamic-labs/locale';
 import '../../../store/state/dynamicContextProps/dynamicContextProps.js';
 import '../../../store/state/primaryWalletId/primaryWalletId.js';
 import '../../../store/state/connectedWalletsInfo/connectedWalletsInfo.js';
-import { getClientSessionNonceSignature } from '../../../utils/functions/clientSessionKeys/getClientSessionKeys.js';
 import '../../../utils/functions/getWaasAddressTypeLabel/getWaasAddressTypeLabel.js';
 import '../../../events/dynamicEvents.js';
 import { storeTokenAndUser } from '../../../client/extension/storeTokenAndUser/storeTokenAndUser.js';
+import { getClientSessionNonceHeaders } from '../../../client/extension/functions/getClientSessionNonceHeaders/getClientSessionNonceHeaders.js';
 
 const createTurnkeyEmbeddedWallet = (_a) => __awaiter(void 0, [_a], void 0, function* ({ attestation, challenge, environmentId, chains = [EmbeddedWalletChainEnum.Evm], passkeyAlias, sessionPublicKey, }) {
     const embeddedWallets = [
@@ -155,9 +155,7 @@ const exportEmbeddedWallet = (_g) => __awaiter(void 0, [_g], void 0, function* (
 const registerSessionKey = (_h) => __awaiter(void 0, [_h], void 0, function* ({ environmentId, walletId, publicKey, prevSessionKeySignature, }) {
     let response;
     try {
-        const { nonce, nonceSignature, publicKey: sessionPublicKey, } = yield getClientSessionNonceSignature({
-            environmentId,
-        });
+        const { nonce, nonceSignature, publicKey: sessionPublicKey, } = yield getClientSessionNonceHeaders();
         response = yield sdkApi({
             customHeaders: {
                 [DYNAMIC_SESSION_NONCE_HEADER]: nonce,

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/store/state/dynamicContextProps/defaultDynamicSettings.cjs

@@ -7,12 +7,14 @@ const PUBLIC_PROJECT_LIVE_ENVIRONMENT_ID = '2762a57b-faa4-41ce-9f16-abff9300e2c9
 /**
  * These values will override undefined values in the dynamic context settings.
  */
+const deviceRegistrationModalDefault = { enabled: true };
 const defaultDynamicSettings = {
     appLogoUrl: 'https://demo.dynamic.xyz/assets/dynamic-logo.svg',
     appName: 'Dynamic Example',
     debugError: false,
     deepLinkPreference: 'native',
     detectNewWalletsForLinking: false,
+    deviceRegistrationModal: deviceRegistrationModalDefault,
     displaySiweStatement: true,
     enableConnectOnlyFallback: false,
     enableVisitTrackingOnConnectOnly: true,

package/src/lib/store/state/dynamicContextProps/defaultDynamicSettings.d.ts

@@ -1,13 +1,13 @@
 export declare const PUBLIC_PROJECT_LIVE_ENVIRONMENT_ID = "2762a57b-faa4-41ce-9f16-abff9300e2c9";
-/**
- * These values will override undefined values in the dynamic context settings.
- */
 export declare const defaultDynamicSettings: {
     appLogoUrl: string;
     appName: string;
     debugError: false;
     deepLinkPreference: "native";
     detectNewWalletsForLinking: false;
+    deviceRegistrationModal: {
+        enabled: boolean;
+    };
     displaySiweStatement: true;
     enableConnectOnlyFallback: false;
     enableVisitTrackingOnConnectOnly: true;

package/src/lib/store/state/dynamicContextProps/defaultDynamicSettings.js

@@ -3,12 +3,14 @@ const PUBLIC_PROJECT_LIVE_ENVIRONMENT_ID = '2762a57b-faa4-41ce-9f16-abff9300e2c9
 /**
  * These values will override undefined values in the dynamic context settings.
  */
+const deviceRegistrationModalDefault = { enabled: true };
 const defaultDynamicSettings = {
     appLogoUrl: 'https://demo.dynamic.xyz/assets/dynamic-logo.svg',
     appName: 'Dynamic Example',
     debugError: false,
     deepLinkPreference: 'native',
     detectNewWalletsForLinking: false,
+    deviceRegistrationModal: deviceRegistrationModalDefault,
     displaySiweStatement: true,
     enableConnectOnlyFallback: false,
     enableVisitTrackingOnConnectOnly: true,