@dynamic-labs/sdk-react-core 1.0.0-alpha.0 → 1.0.0-alpha.10

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

@@ -10,26 +10,29 @@ var decodeJwt = require('../../../shared/utils/functions/decodeJwt/decodeJwt.cjs
 require('@dynamic-labs/iconic');
 require('@dynamic-labs/wallet-connector-core');
 require('react/jsx-runtime');
-require('../../../shared/logger.cjs');
+var logger = require('../../../shared/logger.cjs');
 require('@dynamic-labs/wallet-book');
-require('@dynamic-labs/utils');
 require('../../constants/colors.cjs');
 require('../../../shared/utils/classes/storage/localStorage.cjs');
 require('viem');
+require('@dynamic-labs/utils');
 require('../../../shared/consts/index.cjs');
+var findEmbeddedWalletFromVerifiedCredentials = require('../../functions/findEmbeddedWalletFromVerifiedCredentials/findEmbeddedWalletFromVerifiedCredentials.cjs');
+var findTurnkeyWallet = require('../../functions/findTurnkeyWallet/findTurnkeyWallet.cjs');
 require('@dynamic-labs/multi-wallet');
 var getAuthToken = require('../../functions/getAuthToken/getAuthToken.cjs');
 require('@dynamic-labs/sdk-api');
-var isTurnkeyEnabled = require('../../functions/isTurnkeyEnabled/isTurnkeyEnabled.cjs');
-var isEmbeddedWalletPresent = require('../../functions/isEmbeddedWalletPresent/isEmbeddedWalletPresent.cjs');
-var findEmbeddedWalletFromVerifiedCredentials = require('../../functions/findEmbeddedWalletFromVerifiedCredentials/findEmbeddedWalletFromVerifiedCredentials.cjs');
-var findTurnkeyWallet = require('../../functions/findTurnkeyWallet/findTurnkeyWallet.cjs');
 var getUserWalletsFromVerifiedCredentials = require('../../functions/getUserWalletsFromVerifiedCredentials/getUserWalletsFromVerifiedCredentials.cjs');
+var isEmbeddedWalletPresent = require('../../functions/isEmbeddedWalletPresent/isEmbeddedWalletPresent.cjs');
+var isTurnkeyEnabled = require('../../functions/isTurnkeyEnabled/isTurnkeyEnabled.cjs');
+var smartWallet = require('../useWalletConnectors/utils/smartWallet/smartWallet.cjs');
+var useCreateDynamicEmbeddedWalletMutation = require('../useCreateDynamicEmbeddedWalletMutation/useCreateDynamicEmbeddedWalletMutation.cjs');
 
 // Hook exposed to customers and used internally to trigger embedded wallet creation
 const useEmbeddedWallet = () => {
-    const { projectSettings, onboardingOnlyJwt, setPrimaryWalletId, wallets, internalSetShowAuthFlow, internalEvents, primaryWallet, } = useInternalDynamicContext.useInternalDynamicContext();
+    const { projectSettings, onboardingOnlyJwt, setPrimaryWalletId, walletConnectorOptions, internalSetShowAuthFlow, internalEvents, primaryWallet, environmentId, } = useInternalDynamicContext.useInternalDynamicContext();
     const { setView } = ViewContext.useViewContext();
+    const { createDynamicEmbeddedWalletMutation } = useCreateDynamicEmbeddedWalletMutation.useCreateDynamicEmbeddedWalletMutation();
     const userHasEmbeddedWallet = () => {
         var _a;
         const jwt = (_a = getAuthToken.getAuthToken()) !== null && _a !== void 0 ? _a : onboardingOnlyJwt;
@@ -38,10 +41,77 @@ const useEmbeddedWallet = () => {
         }
         return isEmbeddedWalletPresent.isEmbeddedWalletPresent(jwt);
     };
+    const startPregeneratedWalletCreationFlow = React.useCallback((jwt, decodedJwt) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+        createDynamicEmbeddedWalletMutation({
+            authToken: jwt,
+            decodedJwt,
+            environmentId,
+            walletConnectorOptions,
+            withAuthenticator: false,
+        });
+        internalSetShowAuthFlow(false); // close email otp pin modal
+        return new Promise((resolve, reject) => {
+            internalEvents.current.once('embeddedWalletCreated', (wallet) => resolve(wallet));
+            internalEvents.current.once('embeddedWalletFailed', (error) => reject(error));
+        });
+    }), [
+        createDynamicEmbeddedWalletMutation,
+        environmentId,
+        walletConnectorOptions,
+        internalSetShowAuthFlow,
+        internalEvents,
+    ]);
+    const startEmbeddedWalletCreationFlow = () => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+        internalSetShowAuthFlow(true);
+        setView('passkey-intro');
+        return new Promise((resolve, reject) => {
+            internalEvents.current.once('embeddedWalletCreated', (wallet) => resolve(wallet));
+            internalEvents.current.once('embeddedWalletFailed', (error) => {
+                // when creating a passkey, if user cancels the passkey modal more than once
+                // it will throw this DOMException, but we don't want to let user to have access
+                // to the app before they've a passkey correctly setup
+                if (error instanceof DOMException && error.name === 'NotAllowedError') {
+                    logger.logger.error('User cancelled the passkey creation.', error);
+                    return;
+                }
+                reject(error);
+            });
+        });
+    });
+    const returnEmbeddedWallet = (jwt, embeddedWalletVerifiedCredential) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+        var _a, _b, _c;
+        const decodedJwt = decodeJwt.decodeJwt(jwt);
+        const turnkeyWallet = findTurnkeyWallet.findTurnkeyWallet(walletConnectorOptions);
+        // if user already has embedded wallet, set it as primary wallet
+        if (decodedJwt) {
+            (_a = turnkeyWallet === null || turnkeyWallet === void 0 ? void 0 : turnkeyWallet.walletConnector) === null || _a === void 0 ? void 0 : _a.setVerifiedCredentials(decodedJwt.verifiedCredentials);
+            const smartWallet$1 = smartWallet.findSmartWallet(embeddedWalletVerifiedCredential, decodedJwt.verifiedCredentials);
+            if (smartWallet$1) {
+                yield smartWallet.initializeSmartWallet({
+                    account: smartWallet$1,
+                    verifiedCredentials: decodedJwt.verifiedCredentials,
+                    walletConnectorOptions,
+                });
+                setPrimaryWalletId(smartWallet$1.id);
+            }
+            else {
+                setPrimaryWalletId(embeddedWalletVerifiedCredential.id);
+            }
+        }
+        const passkeyWallet = {
+            address: (yield ((_b = turnkeyWallet === null || turnkeyWallet === void 0 ? void 0 : turnkeyWallet.walletConnector) === null || _b === void 0 ? void 0 : _b.fetchPublicAddress())) || '',
+            chain: ((_c = turnkeyWallet === null || turnkeyWallet === void 0 ? void 0 : turnkeyWallet.walletConnector) === null || _c === void 0 ? void 0 : _c.connectedChain) || '',
+            connected: true,
+            connector: (turnkeyWallet === null || turnkeyWallet === void 0 ? void 0 : turnkeyWallet.walletConnector) || {},
+            id: embeddedWalletVerifiedCredential.id,
+        };
+        return Promise.resolve(passkeyWallet);
+    });
     const createEmbeddedWallet = React.useCallback(() => _tslib.__awaiter(void 0, void 0, void 0, function* () {
-        var _a, _b, _c, _d;
-        const jwt = (_a = getAuthToken.getAuthToken()) !== null && _a !== void 0 ? _a : onboardingOnlyJwt;
-        if (!jwt) {
+        var _d, _e, _f;
+        const jwt = (_d = getAuthToken.getAuthToken()) !== null && _d !== void 0 ? _d : onboardingOnlyJwt;
+        const decodedJwt = decodeJwt.decodeJwt(jwt);
+        if (!jwt || !decodedJwt) {
             throw new Error('User is not logged in');
         }
         if (!isTurnkeyEnabled.isTurnkeyEnabled(projectSettings)) {
@@ -50,42 +120,25 @@ const useEmbeddedWallet = () => {
         const userWaletsCredentials = getUserWalletsFromVerifiedCredentials.getUserWalletsFromVerifiedCredentials(jwt);
         // if user doesn't have a wallet yet, show the passkey view to create an embedded wallet
         if (!(userWaletsCredentials === null || userWaletsCredentials === void 0 ? void 0 : userWaletsCredentials.length)) {
-            internalSetShowAuthFlow(true);
-            setView('passkey-intro');
-            return new Promise((resolve, reject) => {
-                internalEvents.current.once('embeddedWalletCreated', (wallet) => resolve(wallet));
-                internalEvents.current.once('embeddedWalletFailed', (error) => reject(error));
-            });
+            if (((_f = (_e = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk.embeddedWalletSecurityMethods) === null || _e === void 0 ? void 0 : _e.length) !== null && _f !== void 0 ? _f : 0) === 0) {
+                return startPregeneratedWalletCreationFlow(jwt, decodedJwt);
+            }
+            return startEmbeddedWalletCreationFlow();
         }
         internalSetShowAuthFlow(false);
         const embeddedWalletVerifiedCredential = findEmbeddedWalletFromVerifiedCredentials.findEmbeddedWalletFromVerifiedCredentials(jwt);
-        const turnkeyWallet = findTurnkeyWallet.findTurnkeyWallet(wallets);
         // if user logged in with MM for example, just continue the flow
         if (!embeddedWalletVerifiedCredential) {
             return Promise.resolve(primaryWallet);
         }
-        const decodedJwt = decodeJwt.decodeJwt(jwt);
-        // if user already has embedded wallet, set it as primary wallet
-        if (decodedJwt) {
-            (_b = turnkeyWallet === null || turnkeyWallet === void 0 ? void 0 : turnkeyWallet.walletConnector) === null || _b === void 0 ? void 0 : _b.setVerifiedCredentials(decodedJwt.verifiedCredentials);
-            setPrimaryWalletId(embeddedWalletVerifiedCredential.id);
-        }
-        const passkeyWallet = {
-            address: (yield ((_c = turnkeyWallet === null || turnkeyWallet === void 0 ? void 0 : turnkeyWallet.walletConnector) === null || _c === void 0 ? void 0 : _c.fetchPublicAddress())) || '',
-            chain: ((_d = turnkeyWallet === null || turnkeyWallet === void 0 ? void 0 : turnkeyWallet.walletConnector) === null || _d === void 0 ? void 0 : _d.connectedChain) || '',
-            connected: true,
-            connector: (turnkeyWallet === null || turnkeyWallet === void 0 ? void 0 : turnkeyWallet.walletConnector) || {},
-            id: embeddedWalletVerifiedCredential.id,
-        };
-        return Promise.resolve(passkeyWallet);
+        // if user already has embedded wallet, returns it
+        return returnEmbeddedWallet(jwt, embeddedWalletVerifiedCredential);
     }), [
-        internalEvents,
         internalSetShowAuthFlow,
         onboardingOnlyJwt,
         projectSettings,
-        setPrimaryWalletId,
-        setView,
-        wallets,
+        startPregeneratedWalletCreationFlow,
+        primaryWallet,
     ]);
     return {
         createEmbeddedWallet,

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

@@ -1,5 +1,5 @@
 import { Wallet } from '../../../shared';
 export declare const useEmbeddedWallet: () => {
-    readonly createEmbeddedWallet: () => Promise<Wallet>;
+    readonly createEmbeddedWallet: () => Promise<Wallet | undefined>;
     readonly userHasEmbeddedWallet: () => boolean;
 };

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

@@ -6,26 +6,29 @@ import { decodeJwt } from '../../../shared/utils/functions/decodeJwt/decodeJwt.j
 import '@dynamic-labs/iconic';
 import '@dynamic-labs/wallet-connector-core';
 import 'react/jsx-runtime';
-import '../../../shared/logger.js';
+import { logger } from '../../../shared/logger.js';
 import '@dynamic-labs/wallet-book';
-import '@dynamic-labs/utils';
 import '../../constants/colors.js';
 import '../../../shared/utils/classes/storage/localStorage.js';
 import 'viem';
+import '@dynamic-labs/utils';
 import '../../../shared/consts/index.js';
+import { findEmbeddedWalletFromVerifiedCredentials } from '../../functions/findEmbeddedWalletFromVerifiedCredentials/findEmbeddedWalletFromVerifiedCredentials.js';
+import { findTurnkeyWallet } from '../../functions/findTurnkeyWallet/findTurnkeyWallet.js';
 import '@dynamic-labs/multi-wallet';
 import { getAuthToken } from '../../functions/getAuthToken/getAuthToken.js';
 import '@dynamic-labs/sdk-api';
-import { isTurnkeyEnabled } from '../../functions/isTurnkeyEnabled/isTurnkeyEnabled.js';
-import { isEmbeddedWalletPresent } from '../../functions/isEmbeddedWalletPresent/isEmbeddedWalletPresent.js';
-import { findEmbeddedWalletFromVerifiedCredentials } from '../../functions/findEmbeddedWalletFromVerifiedCredentials/findEmbeddedWalletFromVerifiedCredentials.js';
-import { findTurnkeyWallet } from '../../functions/findTurnkeyWallet/findTurnkeyWallet.js';
 import { getUserWalletsFromVerifiedCredentials } from '../../functions/getUserWalletsFromVerifiedCredentials/getUserWalletsFromVerifiedCredentials.js';
+import { isEmbeddedWalletPresent } from '../../functions/isEmbeddedWalletPresent/isEmbeddedWalletPresent.js';
+import { isTurnkeyEnabled } from '../../functions/isTurnkeyEnabled/isTurnkeyEnabled.js';
+import { findSmartWallet, initializeSmartWallet } from '../useWalletConnectors/utils/smartWallet/smartWallet.js';
+import { useCreateDynamicEmbeddedWalletMutation } from '../useCreateDynamicEmbeddedWalletMutation/useCreateDynamicEmbeddedWalletMutation.js';
 
 // Hook exposed to customers and used internally to trigger embedded wallet creation
 const useEmbeddedWallet = () => {
-    const { projectSettings, onboardingOnlyJwt, setPrimaryWalletId, wallets, internalSetShowAuthFlow, internalEvents, primaryWallet, } = useInternalDynamicContext();
+    const { projectSettings, onboardingOnlyJwt, setPrimaryWalletId, walletConnectorOptions, internalSetShowAuthFlow, internalEvents, primaryWallet, environmentId, } = useInternalDynamicContext();
     const { setView } = useViewContext();
+    const { createDynamicEmbeddedWalletMutation } = useCreateDynamicEmbeddedWalletMutation();
     const userHasEmbeddedWallet = () => {
         var _a;
         const jwt = (_a = getAuthToken()) !== null && _a !== void 0 ? _a : onboardingOnlyJwt;
@@ -34,10 +37,77 @@ const useEmbeddedWallet = () => {
         }
         return isEmbeddedWalletPresent(jwt);
     };
+    const startPregeneratedWalletCreationFlow = useCallback((jwt, decodedJwt) => __awaiter(void 0, void 0, void 0, function* () {
+        createDynamicEmbeddedWalletMutation({
+            authToken: jwt,
+            decodedJwt,
+            environmentId,
+            walletConnectorOptions,
+            withAuthenticator: false,
+        });
+        internalSetShowAuthFlow(false); // close email otp pin modal
+        return new Promise((resolve, reject) => {
+            internalEvents.current.once('embeddedWalletCreated', (wallet) => resolve(wallet));
+            internalEvents.current.once('embeddedWalletFailed', (error) => reject(error));
+        });
+    }), [
+        createDynamicEmbeddedWalletMutation,
+        environmentId,
+        walletConnectorOptions,
+        internalSetShowAuthFlow,
+        internalEvents,
+    ]);
+    const startEmbeddedWalletCreationFlow = () => __awaiter(void 0, void 0, void 0, function* () {
+        internalSetShowAuthFlow(true);
+        setView('passkey-intro');
+        return new Promise((resolve, reject) => {
+            internalEvents.current.once('embeddedWalletCreated', (wallet) => resolve(wallet));
+            internalEvents.current.once('embeddedWalletFailed', (error) => {
+                // when creating a passkey, if user cancels the passkey modal more than once
+                // it will throw this DOMException, but we don't want to let user to have access
+                // to the app before they've a passkey correctly setup
+                if (error instanceof DOMException && error.name === 'NotAllowedError') {
+                    logger.error('User cancelled the passkey creation.', error);
+                    return;
+                }
+                reject(error);
+            });
+        });
+    });
+    const returnEmbeddedWallet = (jwt, embeddedWalletVerifiedCredential) => __awaiter(void 0, void 0, void 0, function* () {
+        var _a, _b, _c;
+        const decodedJwt = decodeJwt(jwt);
+        const turnkeyWallet = findTurnkeyWallet(walletConnectorOptions);
+        // if user already has embedded wallet, set it as primary wallet
+        if (decodedJwt) {
+            (_a = turnkeyWallet === null || turnkeyWallet === void 0 ? void 0 : turnkeyWallet.walletConnector) === null || _a === void 0 ? void 0 : _a.setVerifiedCredentials(decodedJwt.verifiedCredentials);
+            const smartWallet = findSmartWallet(embeddedWalletVerifiedCredential, decodedJwt.verifiedCredentials);
+            if (smartWallet) {
+                yield initializeSmartWallet({
+                    account: smartWallet,
+                    verifiedCredentials: decodedJwt.verifiedCredentials,
+                    walletConnectorOptions,
+                });
+                setPrimaryWalletId(smartWallet.id);
+            }
+            else {
+                setPrimaryWalletId(embeddedWalletVerifiedCredential.id);
+            }
+        }
+        const passkeyWallet = {
+            address: (yield ((_b = turnkeyWallet === null || turnkeyWallet === void 0 ? void 0 : turnkeyWallet.walletConnector) === null || _b === void 0 ? void 0 : _b.fetchPublicAddress())) || '',
+            chain: ((_c = turnkeyWallet === null || turnkeyWallet === void 0 ? void 0 : turnkeyWallet.walletConnector) === null || _c === void 0 ? void 0 : _c.connectedChain) || '',
+            connected: true,
+            connector: (turnkeyWallet === null || turnkeyWallet === void 0 ? void 0 : turnkeyWallet.walletConnector) || {},
+            id: embeddedWalletVerifiedCredential.id,
+        };
+        return Promise.resolve(passkeyWallet);
+    });
     const createEmbeddedWallet = useCallback(() => __awaiter(void 0, void 0, void 0, function* () {
-        var _a, _b, _c, _d;
-        const jwt = (_a = getAuthToken()) !== null && _a !== void 0 ? _a : onboardingOnlyJwt;
-        if (!jwt) {
+        var _d, _e, _f;
+        const jwt = (_d = getAuthToken()) !== null && _d !== void 0 ? _d : onboardingOnlyJwt;
+        const decodedJwt = decodeJwt(jwt);
+        if (!jwt || !decodedJwt) {
             throw new Error('User is not logged in');
         }
         if (!isTurnkeyEnabled(projectSettings)) {
@@ -46,42 +116,25 @@ const useEmbeddedWallet = () => {
         const userWaletsCredentials = getUserWalletsFromVerifiedCredentials(jwt);
         // if user doesn't have a wallet yet, show the passkey view to create an embedded wallet
         if (!(userWaletsCredentials === null || userWaletsCredentials === void 0 ? void 0 : userWaletsCredentials.length)) {
-            internalSetShowAuthFlow(true);
-            setView('passkey-intro');
-            return new Promise((resolve, reject) => {
-                internalEvents.current.once('embeddedWalletCreated', (wallet) => resolve(wallet));
-                internalEvents.current.once('embeddedWalletFailed', (error) => reject(error));
-            });
+            if (((_f = (_e = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk.embeddedWalletSecurityMethods) === null || _e === void 0 ? void 0 : _e.length) !== null && _f !== void 0 ? _f : 0) === 0) {
+                return startPregeneratedWalletCreationFlow(jwt, decodedJwt);
+            }
+            return startEmbeddedWalletCreationFlow();
         }
         internalSetShowAuthFlow(false);
         const embeddedWalletVerifiedCredential = findEmbeddedWalletFromVerifiedCredentials(jwt);
-        const turnkeyWallet = findTurnkeyWallet(wallets);
         // if user logged in with MM for example, just continue the flow
         if (!embeddedWalletVerifiedCredential) {
             return Promise.resolve(primaryWallet);
         }
-        const decodedJwt = decodeJwt(jwt);
-        // if user already has embedded wallet, set it as primary wallet
-        if (decodedJwt) {
-            (_b = turnkeyWallet === null || turnkeyWallet === void 0 ? void 0 : turnkeyWallet.walletConnector) === null || _b === void 0 ? void 0 : _b.setVerifiedCredentials(decodedJwt.verifiedCredentials);
-            setPrimaryWalletId(embeddedWalletVerifiedCredential.id);
-        }
-        const passkeyWallet = {
-            address: (yield ((_c = turnkeyWallet === null || turnkeyWallet === void 0 ? void 0 : turnkeyWallet.walletConnector) === null || _c === void 0 ? void 0 : _c.fetchPublicAddress())) || '',
-            chain: ((_d = turnkeyWallet === null || turnkeyWallet === void 0 ? void 0 : turnkeyWallet.walletConnector) === null || _d === void 0 ? void 0 : _d.connectedChain) || '',
-            connected: true,
-            connector: (turnkeyWallet === null || turnkeyWallet === void 0 ? void 0 : turnkeyWallet.walletConnector) || {},
-            id: embeddedWalletVerifiedCredential.id,
-        };
-        return Promise.resolve(passkeyWallet);
+        // if user already has embedded wallet, returns it
+        return returnEmbeddedWallet(jwt, embeddedWalletVerifiedCredential);
     }), [
-        internalEvents,
         internalSetShowAuthFlow,
         onboardingOnlyJwt,
         projectSettings,
-        setPrimaryWalletId,
-        setView,
-        wallets,
+        startPregeneratedWalletCreationFlow,
+        primaryWallet,
     ]);
     return {
         createEmbeddedWallet,

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

@@ -7,6 +7,7 @@ var React = require('react');
 const useEventListener = (eventName, handler) => {
     // Create a ref that stores handler
     const savedHandler = React.useRef(handler);
+    savedHandler.current = handler;
     React.useEffect(() => {
         // Define the listening target
         const targetElement = window;
@@ -19,7 +20,7 @@ const useEventListener = (eventName, handler) => {
         return () => {
             targetElement.removeEventListener(eventName, listener);
         };
-    }, [eventName]);
+    }, [eventName, handler]);
 };
 
 exports.useEventListener = useEventListener;

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

@@ -3,6 +3,7 @@ import { useRef, useEffect } from 'react';
 const useEventListener = (eventName, handler) => {
     // Create a ref that stores handler
     const savedHandler = useRef(handler);
+    savedHandler.current = handler;
     useEffect(() => {
         // Define the listening target
         const targetElement = window;
@@ -15,7 +16,7 @@ const useEventListener = (eventName, handler) => {
         return () => {
             targetElement.removeEventListener(eventName, listener);
         };
-    }, [eventName]);
+    }, [eventName, handler]);
 };
 
 export { useEventListener };

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

@@ -4,6 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var utils = require('@dynamic-labs/utils');
+var validators = require('../../../context/DynamicContext/validators.cjs');
 var api = require('../../../data/api.cjs');
 require('@dynamic-labs/sdk-api');
 require('../../../shared/logger.cjs');
@@ -18,7 +19,7 @@ var localStorage$1 = require('../../../shared/utils/classes/storage/localStorage
 require('viem');
 var useLocalStorage = require('../../../shared/utils/hooks/useLocalStorage/useLocalStorage.cjs');
 require('../../../shared/consts/index.cjs');
-var validators = require('../../../context/DynamicContext/validators.cjs');
+var usePrevious = require('../usePrevious/usePrevious.cjs');
 var mergeCustomerEvmNetworksWithServerNetworks = require('./utils/mergeCustomerEvmNetworksWithServerNetworks/mergeCustomerEvmNetworksWithServerNetworks.cjs');
 
 const MAX_RETRIES = 2;
@@ -54,6 +55,14 @@ const useFetchNetworkConfigurations = ({ authToken, environmentId, evmNetworks:
             handleRemoveLsNetworks();
         }
     }, [authToken, handleRemoveLsNetworks]);
+    // When customer networks change, we need to update ls networks
+    const previousCustomerEvmNetworks = usePrevious.usePrevious(customerEvmNetworks);
+    React.useEffect(() => {
+        if (JSON.stringify(customerEvmNetworks) ===
+            JSON.stringify(previousCustomerEvmNetworks))
+            return;
+        setlsNetworksExists(false);
+    }, [customerEvmNetworks, previousCustomerEvmNetworks]);
     React.useEffect(() => {
         var _a, _b;
         if (lsNetworksExists && customerEvmNetworksJson && !completed) {

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

@@ -1,5 +1,6 @@
 import { useState, useCallback, useEffect } from 'react';
 import { DynamicError } from '@dynamic-labs/utils';
+import { validateLocalStorageExpiry } from '../../../context/DynamicContext/validators.js';
 import { fetchNetworkSettings } from '../../../data/api.js';
 import '@dynamic-labs/sdk-api';
 import '../../../shared/logger.js';
@@ -14,7 +15,7 @@ import { LocalStorage } from '../../../shared/utils/classes/storage/localStorage
 import 'viem';
 import { useLocalStorage } from '../../../shared/utils/hooks/useLocalStorage/useLocalStorage.js';
 import '../../../shared/consts/index.js';
-import { validateLocalStorageExpiry } from '../../../context/DynamicContext/validators.js';
+import { usePrevious } from '../usePrevious/usePrevious.js';
 import { mergeCustomerEvmNetworksWithServerNetworks } from './utils/mergeCustomerEvmNetworksWithServerNetworks/mergeCustomerEvmNetworksWithServerNetworks.js';
 
 const MAX_RETRIES = 2;
@@ -50,6 +51,14 @@ const useFetchNetworkConfigurations = ({ authToken, environmentId, evmNetworks:
             handleRemoveLsNetworks();
         }
     }, [authToken, handleRemoveLsNetworks]);
+    // When customer networks change, we need to update ls networks
+    const previousCustomerEvmNetworks = usePrevious(customerEvmNetworks);
+    useEffect(() => {
+        if (JSON.stringify(customerEvmNetworks) ===
+            JSON.stringify(previousCustomerEvmNetworks))
+            return;
+        setlsNetworksExists(false);
+    }, [customerEvmNetworks, previousCustomerEvmNetworks]);
     useEffect(() => {
         var _a, _b;
         if (lsNetworksExists && customerEvmNetworksJson && !completed) {

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

@@ -6,7 +6,7 @@ var React = require('react');
 var utils = require('@dynamic-labs/utils');
 var api = require('../../../data/api.cjs');
 require('@dynamic-labs/sdk-api');
-require('../../../shared/logger.cjs');
+var logger = require('../../../shared/logger.cjs');
 require('@dynamic-labs/iconic');
 require('@dynamic-labs/wallet-connector-core');
 require('react/jsx-runtime');
@@ -14,9 +14,10 @@ require('../../../context/ViewContext/ViewContext.cjs');
 require('@dynamic-labs/wallet-book');
 var localStorage = require('../../constants/localStorage.cjs');
 require('../../constants/colors.cjs');
-require('../../../shared/utils/classes/storage/localStorage.cjs');
+var localStorage$1 = require('../../../shared/utils/classes/storage/localStorage.cjs');
 require('viem');
 var useLocalStorage = require('../../../shared/utils/hooks/useLocalStorage/useLocalStorage.cjs');
+var useEffectOnce = require('../../../shared/utils/hooks/useEffectOnce/useEffectOnce.cjs');
 require('../../../shared/consts/index.cjs');
 var validators = require('../../../context/DynamicContext/validators.cjs');
 
@@ -55,8 +56,11 @@ const useFetchProjectSettings = ({ authToken, environmentId, maxRetries = 2, dyn
             const updatedDynamicProps = {
                 settings: Object.assign(Object.assign({}, dynamicContextProps.settings), { customPrivacyPolicy: Boolean(dynamicContextProps.settings.customPrivacyPolicy), customTermsOfServices: Boolean(dynamicContextProps.settings.customTermsOfServices), policiesConsentInnerComponent: Boolean(dynamicContextProps.settings.policiesConsentInnerComponent) }),
             };
+            const serializedEventsCallbacks = serializeEventsCallbacks(updatedDynamicProps.settings.eventsCallbacks);
+            const serializedWalletConnectors = serializeWalletConnectors(updatedDynamicProps.settings.walletConnectors);
+            const serializedDynamicContextProps = Object.assign(Object.assign({}, updatedDynamicProps), { settings: Object.assign(Object.assign({}, updatedDynamicProps.settings), { eventsCallbacks: serializedEventsCallbacks, walletConnectors: serializedWalletConnectors }) });
             api.sendDynamicProps(environmentId, {
-                dynamicContextProps: updatedDynamicProps,
+                dynamicContextProps: serializedDynamicContextProps,
             });
             api.fetchProjectSettings(environmentId)
                 .then((response) => {
@@ -78,11 +82,48 @@ const useFetchProjectSettings = ({ authToken, environmentId, maxRetries = 2, dyn
         }
     }, [environmentId, isLoading, lsSettingsExists, maxRetries, retries]);
     const settingsWithOverride = React.useMemo(() => overrideSettings(lsSettings === null || lsSettings === void 0 ? void 0 : lsSettings.settings, dynamicContextProps.settings.overrides), [lsSettings === null || lsSettings === void 0 ? void 0 : lsSettings.settings, dynamicContextProps.settings.overrides]);
+    useEffectOnce.useEffectOnce(() => {
+        const [connectedWalletData] = localStorage$1.LocalStorage.getFromLS(localStorage.CONNECTED_WALLETS_INFO) || [];
+        if (!authToken && !connectedWalletData) {
+            removeLsSettings();
+        }
+    });
     return {
         isLoading,
         projectSettings: settingsWithOverride,
         removeLsSettings,
     };
 };
+const serializeEventsCallbacks = (eventsCallbacks) => {
+    try {
+        if (!eventsCallbacks)
+            return undefined;
+        const eventsCallbackValues = Object.values(eventsCallbacks);
+        const eventsCallbacksKeys = Object.keys(eventsCallbacks);
+        return eventsCallbacksKeys.filter((key, index) => {
+            if (eventsCallbackValues[index] === undefined) {
+                return false;
+            }
+            return key;
+        });
+    }
+    catch (error) {
+        logger.logger.error('error serializing eventsCallbacks', error);
+        return undefined;
+    }
+};
+const serializeWalletConnectors = (walletConnectors) => {
+    try {
+        if (!walletConnectors)
+            return undefined;
+        return walletConnectors.map((connector) => connector.name);
+    }
+    catch (error) {
+        logger.logger.error('error serializing walletConnectors', error);
+        return undefined;
+    }
+};
 
+exports.serializeEventsCallbacks = serializeEventsCallbacks;
+exports.serializeWalletConnectors = serializeWalletConnectors;
 exports.useFetchProjectSettings = useFetchProjectSettings;

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

@@ -1,4 +1,6 @@
 import { ProjectSettings } from '@dynamic-labs/sdk-api';
+import { WalletConnectorsMethod } from '@dynamic-labs/wallet-connector-core';
+import { DynamicEventsCallbacks } from '../../../shared';
 import { DynamicContextProps } from '../../../context/DynamicContext';
 export type fetchProjectSettingsProps = {
     authToken: string | undefined;
@@ -11,3 +13,5 @@ export declare const useFetchProjectSettings: ({ authToken, environmentId, maxRe
     projectSettings: ProjectSettings | undefined;
     removeLsSettings: () => void;
 };
+export declare const serializeEventsCallbacks: (eventsCallbacks: DynamicEventsCallbacks | undefined) => string[] | undefined;
+export declare const serializeWalletConnectors: (walletConnectors?: WalletConnectorsMethod[]) => string[] | undefined;

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

@@ -2,17 +2,18 @@ import { useState, useEffect, useMemo } from 'react';
 import { DynamicError } from '@dynamic-labs/utils';
 import { sendDynamicProps, fetchProjectSettings } from '../../../data/api.js';
 import '@dynamic-labs/sdk-api';
-import '../../../shared/logger.js';
+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 '@dynamic-labs/wallet-book';
-import { PROJECT_SETTINGS_STORAGE_KEY } from '../../constants/localStorage.js';
+import { PROJECT_SETTINGS_STORAGE_KEY, CONNECTED_WALLETS_INFO } from '../../constants/localStorage.js';
 import '../../constants/colors.js';
-import '../../../shared/utils/classes/storage/localStorage.js';
+import { LocalStorage } from '../../../shared/utils/classes/storage/localStorage.js';
 import 'viem';
 import { useLocalStorage } from '../../../shared/utils/hooks/useLocalStorage/useLocalStorage.js';
+import { useEffectOnce } from '../../../shared/utils/hooks/useEffectOnce/useEffectOnce.js';
 import '../../../shared/consts/index.js';
 import { validateLocalStorageExpiry } from '../../../context/DynamicContext/validators.js';
 
@@ -51,8 +52,11 @@ const useFetchProjectSettings = ({ authToken, environmentId, maxRetries = 2, dyn
             const updatedDynamicProps = {
                 settings: Object.assign(Object.assign({}, dynamicContextProps.settings), { customPrivacyPolicy: Boolean(dynamicContextProps.settings.customPrivacyPolicy), customTermsOfServices: Boolean(dynamicContextProps.settings.customTermsOfServices), policiesConsentInnerComponent: Boolean(dynamicContextProps.settings.policiesConsentInnerComponent) }),
             };
+            const serializedEventsCallbacks = serializeEventsCallbacks(updatedDynamicProps.settings.eventsCallbacks);
+            const serializedWalletConnectors = serializeWalletConnectors(updatedDynamicProps.settings.walletConnectors);
+            const serializedDynamicContextProps = Object.assign(Object.assign({}, updatedDynamicProps), { settings: Object.assign(Object.assign({}, updatedDynamicProps.settings), { eventsCallbacks: serializedEventsCallbacks, walletConnectors: serializedWalletConnectors }) });
             sendDynamicProps(environmentId, {
-                dynamicContextProps: updatedDynamicProps,
+                dynamicContextProps: serializedDynamicContextProps,
             });
             fetchProjectSettings(environmentId)
                 .then((response) => {
@@ -74,11 +78,46 @@ const useFetchProjectSettings = ({ authToken, environmentId, maxRetries = 2, dyn
         }
     }, [environmentId, isLoading, lsSettingsExists, maxRetries, retries]);
     const settingsWithOverride = useMemo(() => overrideSettings(lsSettings === null || lsSettings === void 0 ? void 0 : lsSettings.settings, dynamicContextProps.settings.overrides), [lsSettings === null || lsSettings === void 0 ? void 0 : lsSettings.settings, dynamicContextProps.settings.overrides]);
+    useEffectOnce(() => {
+        const [connectedWalletData] = LocalStorage.getFromLS(CONNECTED_WALLETS_INFO) || [];
+        if (!authToken && !connectedWalletData) {
+            removeLsSettings();
+        }
+    });
     return {
         isLoading,
         projectSettings: settingsWithOverride,
         removeLsSettings,
     };
 };
+const serializeEventsCallbacks = (eventsCallbacks) => {
+    try {
+        if (!eventsCallbacks)
+            return undefined;
+        const eventsCallbackValues = Object.values(eventsCallbacks);
+        const eventsCallbacksKeys = Object.keys(eventsCallbacks);
+        return eventsCallbacksKeys.filter((key, index) => {
+            if (eventsCallbackValues[index] === undefined) {
+                return false;
+            }
+            return key;
+        });
+    }
+    catch (error) {
+        logger.error('error serializing eventsCallbacks', error);
+        return undefined;
+    }
+};
+const serializeWalletConnectors = (walletConnectors) => {
+    try {
+        if (!walletConnectors)
+            return undefined;
+        return walletConnectors.map((connector) => connector.name);
+    }
+    catch (error) {
+        logger.error('error serializing walletConnectors', error);
+        return undefined;
+    }
+};
 
-export { useFetchProjectSettings };
+export { serializeEventsCallbacks, serializeWalletConnectors, useFetchProjectSettings };

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

@@ -10,10 +10,10 @@ require('@dynamic-labs/wallet-connector-core');
 require('react/jsx-runtime');
 require('../../../context/ViewContext/ViewContext.cjs');
 require('@dynamic-labs/wallet-book');
-require('@dynamic-labs/utils');
 require('../../constants/colors.cjs');
 require('../../../shared/utils/classes/storage/localStorage.cjs');
 require('viem');
+require('@dynamic-labs/utils');
 var index = require('../../../shared/consts/index.cjs');
 
 const useFetchWalletsForChainsMap = (propsWalletsChainsMap) => {