@dynamic-labs/sdk-react-core 1.0.5 → 1.0.7

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

@@ -17,8 +17,8 @@ import '../../utils/constants/colors.js';
 import { DEFAULT_NUMBER_OF_WALLETS_TO_SHOW } from '../../utils/constants/values.js';
 import { LocalStorage } from '../../shared/utils/classes/storage/localStorage.js';
 import 'viem';
-import { useLocalStorage } from '../../shared/utils/hooks/useLocalStorage/useLocalStorage.js';
 import { useGlobalLoading } from '../../shared/utils/hooks/useGlobalLoading/useGlobalLoading.js';
+import { useLocalStorage } from '../../shared/utils/hooks/useLocalStorage/useLocalStorage.js';
 import '../../shared/consts/index.js';
 import '@dynamic-labs/multi-wallet';
 import { getAuthToken } from '../../utils/functions/getAuthToken/getAuthToken.js';
@@ -114,7 +114,7 @@ const DynamicContext = createContext(undefined);
 /** The context provider itself we only use internally */
 const InnerDynamicContextProvider = ({ children, theme, settings, locale, }) => {
     var _a, _b, _c, _d, _e, _f, _g, _h;
-    const { accessDeniedMessagePrimary, accessDeniedMessageSecondary, accessDeniedButton, apiBaseUrl, enableForcedNetworkValidation: enableForcedNetworkValidationProp = false, deepLinkPreference = 'native', bridgeChains, cssOverrides, defaultNumberOfWalletsToShow = DEFAULT_NUMBER_OF_WALLETS_TO_SHOW, flowNetwork, initialAuthenticationMode = 'connect-and-sign', debugError = false, displaySiweStatement = true, newToWeb3WalletChainMap, enableVisitTrackingOnConnectOnly = true, environmentId, localStorageSuffix, eventsCallbacks, evmNetworks, walletsFilter, logLevel = 'WARN', notInTheListImageUrl, onboardingImageUrl, policiesConsentInnerComponent, customPrivacyPolicy, privacyPolicyUrl, signWithEmailWalletName, socialMediaLinkText, socialMediaIconUrl, socialMediaUrl, customTermsOfServices, termsOfServiceUrl, toolkitEnabled, siweStatement, shadowDOMEnabled = true, walletConnectors: walletConnectorsProp, socialProvidersFilter, showLockedWalletView = true, walletConnectPreferredChains, walletConnectorExtensions, } = settings;
+    const { accessDeniedMessagePrimary, accessDeniedMessageSecondary, accessDeniedButton, apiBaseUrl, enableForcedNetworkValidation: enableForcedNetworkValidationProp = false, deepLinkPreference = 'native', bridgeChains, cssOverrides, defaultNumberOfWalletsToShow = DEFAULT_NUMBER_OF_WALLETS_TO_SHOW, flowNetwork, initialAuthenticationMode = 'connect-and-sign', debugError = false, displaySiweStatement = true, newToWeb3WalletChainMap, enableVisitTrackingOnConnectOnly = true, environmentId, localStorageSuffix, eventsCallbacks, evmNetworks, walletsFilter, logLevel = 'WARN', notInTheListImageUrl, onboardingImageUrl, policiesConsentInnerComponent, customPrivacyPolicy, privacyPolicyUrl, signWithEmailWalletName, socialMediaLinkText, socialMediaIconUrl, socialMediaUrl, customTermsOfServices, termsOfServiceUrl, toolkitEnabled, siweStatement, shadowDOMEnabled = true, walletConnectors: walletConnectorsProp, socialProvidersFilter, showLockedWalletView = false, walletConnectPreferredChains, walletConnectorExtensions, } = settings;
     let enableForcedNetworkValidation = enableForcedNetworkValidationProp;
     if (bridgeChains) {
         enableForcedNetworkValidation = true;
@@ -366,9 +366,11 @@ const InnerDynamicContextProvider = ({ children, theme, settings, locale, }) =>
     });
     const handleUnlinkWallet = useHandleUnlinkWallet({
         environmentId,
+        eventsCallbacks,
         primaryWalletId,
         secondaryWallets,
         setUser,
+        user,
         verifiedCredentials: (user === null || user === void 0 ? void 0 : user.verifiedCredentials) || [],
     });
     const { loadingNetwork, network, setNetwork } = useWalletEventListeners({

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

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
+require('@dynamic-labs/wallet-connector-core');
 require('@dynamic-labs/sdk-api');
 require('../../../../shared/logger.cjs');
 require('@dynamic-labs/iconic');
-require('@dynamic-labs/wallet-connector-core');
 require('react/jsx-runtime');
 require('../../../ViewContext/ViewContext.cjs');
 require('@dynamic-labs/wallet-book');

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

@@ -1,8 +1,8 @@
 import { useState, useEffect } from 'react';
+import '@dynamic-labs/wallet-connector-core';
 import '@dynamic-labs/sdk-api';
 import '../../../../shared/logger.js';
 import '@dynamic-labs/iconic';
-import '@dynamic-labs/wallet-connector-core';
 import 'react/jsx-runtime';
 import '../../../ViewContext/ViewContext.js';
 import '@dynamic-labs/wallet-book';

package/src/lib/data/api.cjs

@@ -430,9 +430,9 @@ const getOnrampProviders = ({ chain, environmentId, networkId, token, walletAddr
 });
 const sendDynamicProps = (environmentId, settingsToSend) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
     try {
-        const { dynamicContextProps, dynamicWagmiSettings } = settingsToSend;
+        const { dynamicContextProps, dynamicWagmiSettings, frameworkSettings } = settingsToSend;
         if (dynamicContextProps) {
-            yield sendDynamicContextSettings(environmentId, { dynamicContextProps }, helpers.isDynamicContextSessionSettingExpired, helpers.setDynamicContextSessionSettings);
+            yield sendDynamicContextSettings(environmentId, { dynamicContextProps, frameworkSettings }, helpers.isDynamicContextSessionSettingExpired, helpers.setDynamicContextSessionSettings);
         }
         if (dynamicWagmiSettings) {
             yield sendDynamicContextSettings(environmentId, { dynamicWagmiSettings }, helpers.isWagmiSessionSettingExpired, helpers.setWagmiSessionSettings);

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

@@ -70,6 +70,7 @@ export declare const getOnrampProviders: ({ chain, environmentId, networkId, tok
 export declare const sendDynamicProps: (environmentId: string, settingsToSend: {
     dynamicContextProps?: object;
     dynamicWagmiSettings?: object;
+    frameworkSettings?: object;
 }) => Promise<void>;
 export declare const mergeUserAccounts: (userJwt: string, environmentId: string) => Promise<string | undefined>;
 export type CreateTurnkeyEvmEmbeddedWalletProps = {

package/src/lib/data/api.js

@@ -426,9 +426,9 @@ const getOnrampProviders = ({ chain, environmentId, networkId, token, walletAddr
 });
 const sendDynamicProps = (environmentId, settingsToSend) => __awaiter(void 0, void 0, void 0, function* () {
     try {
-        const { dynamicContextProps, dynamicWagmiSettings } = settingsToSend;
+        const { dynamicContextProps, dynamicWagmiSettings, frameworkSettings } = settingsToSend;
         if (dynamicContextProps) {
-            yield sendDynamicContextSettings(environmentId, { dynamicContextProps }, isDynamicContextSessionSettingExpired, setDynamicContextSessionSettings);
+            yield sendDynamicContextSettings(environmentId, { dynamicContextProps, frameworkSettings }, isDynamicContextSessionSettingExpired, setDynamicContextSessionSettings);
         }
         if (dynamicWagmiSettings) {
             yield sendDynamicContextSettings(environmentId, { dynamicWagmiSettings }, isWagmiSessionSettingExpired, setWagmiSessionSettings);

package/src/lib/shared/utils/hooks/index.d.ts

@@ -1,7 +1,8 @@
+export { useEffectOnce } from './useEffectOnce';
+export { useForwardedRef } from './useForwardedRef';
+export { useGlobalLoading } from './useGlobalLoading';
 export { useLocalStorage } from './useLocalStorage';
+export { useMediaQuery } from './useMediaQuery';
 export { useOnClickOutside } from './useOnClickOutside';
 export { usePreventPageScroll } from './usePreventPageScroll';
-export { useGlobalLoading } from './useGlobalLoading';
-export { useMediaQuery } from './useMediaQuery';
-export { useEffectOnce } from './useEffectOnce';
-export { useForwardedRef } from './useForwardedRef';
+export * from './useThrottle';

package/src/lib/shared/utils/hooks/useThrottle/index.d.ts

@@ -0,0 +1 @@
+export * from './useThrottle';

package/src/lib/shared/utils/hooks/useThrottle/useThrottle.cjs

@@ -0,0 +1,29 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+
+/**
+ * useThrottle hook to throttle a callback function.
+ *
+ * @param callback - The callback function to be throttled. It must return void.
+ * @param delay - The time in milliseconds to wait before the next call.
+ * @returns A throttled version of the callback function.
+ */
+const useThrottle = (callback, delay) => {
+    const isThrottled = React.useRef(false);
+    const savedCallback = React.useRef(callback);
+    // Remember the latest callback if it changes.
+    savedCallback.current = callback;
+    return React.useCallback((...args) => {
+        if (!isThrottled.current) {
+            savedCallback.current(...args);
+            isThrottled.current = true;
+            // Set the throttle off after the delay
+            setTimeout(() => (isThrottled.current = false), delay);
+        }
+    }, [delay]);
+};
+
+exports.useThrottle = useThrottle;

package/src/lib/shared/utils/hooks/useThrottle/useThrottle.d.ts

@@ -0,0 +1,8 @@
+/**
+ * useThrottle hook to throttle a callback function.
+ *
+ * @param callback - The callback function to be throttled. It must return void.
+ * @param delay - The time in milliseconds to wait before the next call.
+ * @returns A throttled version of the callback function.
+ */
+export declare const useThrottle: <T extends (...args: unknown[]) => void>(callback: T, delay: number) => (...args: Parameters<T>) => void;

package/src/lib/shared/utils/hooks/useThrottle/useThrottle.js

@@ -0,0 +1,25 @@
+import { useRef, useCallback } from 'react';
+
+/**
+ * useThrottle hook to throttle a callback function.
+ *
+ * @param callback - The callback function to be throttled. It must return void.
+ * @param delay - The time in milliseconds to wait before the next call.
+ * @returns A throttled version of the callback function.
+ */
+const useThrottle = (callback, delay) => {
+    const isThrottled = useRef(false);
+    const savedCallback = useRef(callback);
+    // Remember the latest callback if it changes.
+    savedCallback.current = callback;
+    return useCallback((...args) => {
+        if (!isThrottled.current) {
+            savedCallback.current(...args);
+            isThrottled.current = true;
+            // Set the throttle off after the delay
+            setTimeout(() => (isThrottled.current = false), delay);
+        }
+    }, [delay]);
+};
+
+export { useThrottle };

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

@@ -0,0 +1,7 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const getWalletIdentifier = ({ address, connector, }) => `${address}+${connector.key}`;
+
+exports.getWalletIdentifier = getWalletIdentifier;

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

@@ -0,0 +1,2 @@
+import { Wallet } from '../../../shared';
+export declare const getWalletIdentifier: ({ address, connector, }: Pick<Wallet, 'address' | 'connector'>) => `${string}+${string}`;

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

@@ -0,0 +1,3 @@
+const getWalletIdentifier = ({ address, connector, }) => `${address}+${connector.key}`;
+
+export { getWalletIdentifier };

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

@@ -0,0 +1 @@
+export * from './getWalletIdentifier';

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

@@ -1,3 +1,4 @@
+export * from './createOwnerWallet';
 export * from './createUserProfile';
 export * from './digestSHA256';
 export * from './encodeBase64URL';
@@ -23,12 +24,15 @@ export * from './getUserProfileFields';
 export * from './getUserWalletsFromVerifiedCredentials';
 export * from './getVerifyArgs';
 export * from './getWalletConnectorNetworks/getWalletConnectorNetworks';
+export * from './getWalletIdentifier';
 export * from './groupBy';
+export * from './isAccountAbstractionWallet';
 export * from './isEmailProviderEnabled';
 export * from './isEmbeddedWalletPresent';
 export * from './isMagicConnector';
 export * from './isNetworkUnsupported';
 export * from './isOnrampProvider';
+export * from './isPasskeyEnabled';
 export * from './isProgrammableNetworkSwitchSupported';
 export * from './isProviderEnabled';
 export * from './isSocialKycEnabled';
@@ -38,11 +42,9 @@ export * from './isTurnkeyEnabled';
 export * from './isWalletConnected';
 export * from './pixelToRem';
 export * from './randomString';
+export * from './removeElementById';
 export * from './requiresTwoStepAuthentication';
 export * from './sendTransactionWithAutoNonce';
 export * from './shouldManuallyReconnectOnRefresh';
 export * from './storeAuthToken';
 export * from './stringifyURIQuery';
-export * from './removeElementById';
-export * from './isAccountAbstractionWallet';
-export * from './createOwnerWallet';

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

@@ -9,6 +9,15 @@ var isWalletLinked = require('../../../functions/isWalletLinked/isWalletLinked.c
 var ViewContext = require('../../../../context/ViewContext/ViewContext.cjs');
 var useInternalDynamicContext = require('../../../../context/DynamicContext/useInternalDynamicContext.cjs');
 var errors = require('../../../constants/errors.cjs');
+require('@dynamic-labs/sdk-api');
+var logger = require('../../../../shared/logger.cjs');
+require('@dynamic-labs/iconic');
+require('react/jsx-runtime');
+require('@dynamic-labs/wallet-book');
+require('../../../constants/colors.cjs');
+require('../../../../shared/utils/classes/storage/localStorage.cjs');
+require('viem');
+require('../../../../shared/consts/index.cjs');
 
 const useSyncPrimaryWallet = (canSync = true) => {
     const { setShowAuthFlow, isAuthenticated, authMode, connectWallet, handleLogOut, multiWalletWidgetState, primaryWallet, secondaryWallets, setMultiWalletWidgetState, setPrimaryWallet, setShowWidgetStatePopup, showLockedWalletView, showWidgetStatePopup, setSelectedWalletWithAction, } = useInternalDynamicContext.useInternalDynamicContext();
@@ -76,6 +85,10 @@ const useSyncPrimaryWallet = (canSync = true) => {
         primaryWallet.connector
             .getConnectedAccounts()
             .then((accounts) => {
+            logger.logger.debug('Sync primary wallet - getConnectedAccounts', {
+                accounts,
+                primaryWalletAddress: primaryWallet.address,
+            });
             const [connectedAddress] = accounts;
             if (!connectedAddress) {
                 throw new utils.DynamicError('Missing wallet address', errors.MISSING_ADDRESS_ERROR);
@@ -100,9 +113,7 @@ const useSyncPrimaryWallet = (canSync = true) => {
                 if (showLockedWalletView) {
                     setShowAuthFlow(true);
                     setView('wallet-locked-view');
-                    return;
                 }
-                handleLogOut();
             }
         });
     }, [

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

@@ -5,6 +5,15 @@ import { isWalletLinked } from '../../../functions/isWalletLinked/isWalletLinked
 import { useViewContext } from '../../../../context/ViewContext/ViewContext.js';
 import { useInternalDynamicContext } from '../../../../context/DynamicContext/useInternalDynamicContext.js';
 import { MISSING_ADDRESS_ERROR } from '../../../constants/errors.js';
+import '@dynamic-labs/sdk-api';
+import { logger } from '../../../../shared/logger.js';
+import '@dynamic-labs/iconic';
+import 'react/jsx-runtime';
+import '@dynamic-labs/wallet-book';
+import '../../../constants/colors.js';
+import '../../../../shared/utils/classes/storage/localStorage.js';
+import 'viem';
+import '../../../../shared/consts/index.js';
 
 const useSyncPrimaryWallet = (canSync = true) => {
     const { setShowAuthFlow, isAuthenticated, authMode, connectWallet, handleLogOut, multiWalletWidgetState, primaryWallet, secondaryWallets, setMultiWalletWidgetState, setPrimaryWallet, setShowWidgetStatePopup, showLockedWalletView, showWidgetStatePopup, setSelectedWalletWithAction, } = useInternalDynamicContext();
@@ -72,6 +81,10 @@ const useSyncPrimaryWallet = (canSync = true) => {
         primaryWallet.connector
             .getConnectedAccounts()
             .then((accounts) => {
+            logger.debug('Sync primary wallet - getConnectedAccounts', {
+                accounts,
+                primaryWalletAddress: primaryWallet.address,
+            });
             const [connectedAddress] = accounts;
             if (!connectedAddress) {
                 throw new DynamicError('Missing wallet address', MISSING_ADDRESS_ERROR);
@@ -96,9 +109,7 @@ const useSyncPrimaryWallet = (canSync = true) => {
                 if (showLockedWalletView) {
                     setShowAuthFlow(true);
                     setView('wallet-locked-view');
-                    return;
                 }
-                handleLogOut();
             }
         });
     }, [

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

@@ -13,8 +13,8 @@ require('@dynamic-labs/wallet-book');
 require('../../constants/colors.cjs');
 require('../../../shared/utils/classes/storage/localStorage.cjs');
 require('viem');
-require('@dynamic-labs/utils');
 var useMediaQuery = require('../../../shared/utils/hooks/useMediaQuery/useMediaQuery.cjs');
+require('@dynamic-labs/utils');
 require('../../../shared/consts/index.cjs');
 
 const useColorSchemePreference = () => {

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

@@ -9,8 +9,8 @@ import '@dynamic-labs/wallet-book';
 import '../../constants/colors.js';
 import '../../../shared/utils/classes/storage/localStorage.js';
 import 'viem';
-import '@dynamic-labs/utils';
 import { useMediaQuery } from '../../../shared/utils/hooks/useMediaQuery/useMediaQuery.js';
+import '@dynamic-labs/utils';
 import '../../../shared/consts/index.js';
 
 const useColorSchemePreference = () => {

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

@@ -5,10 +5,10 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var React = require('react');
 var useInternalDynamicContext = require('../../../context/DynamicContext/useInternalDynamicContext.cjs');
 var ViewContext = require('../../../context/ViewContext/ViewContext.cjs');
+require('@dynamic-labs/wallet-connector-core');
 require('@dynamic-labs/sdk-api');
 require('../../../shared/logger.cjs');
 require('@dynamic-labs/iconic');
-require('@dynamic-labs/wallet-connector-core');
 require('react/jsx-runtime');
 require('@dynamic-labs/wallet-book');
 require('../../constants/colors.cjs');

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

@@ -1,10 +1,10 @@
 import { useEffect } from 'react';
 import { useInternalDynamicContext } from '../../../context/DynamicContext/useInternalDynamicContext.js';
 import { useViewContext } from '../../../context/ViewContext/ViewContext.js';
+import '@dynamic-labs/wallet-connector-core';
 import '@dynamic-labs/sdk-api';
 import '../../../shared/logger.js';
 import '@dynamic-labs/iconic';
-import '@dynamic-labs/wallet-connector-core';
 import 'react/jsx-runtime';
 import '@dynamic-labs/wallet-book';
 import '../../constants/colors.js';

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

@@ -10,9 +10,9 @@ var ViewContext = require('../../../context/ViewContext/ViewContext.cjs');
 var useWalletItemActions = require('../useWalletItemActions/useWalletItemActions.cjs');
 var useConnectWithEmail = require('../useConnectWithEmail/useConnectWithEmail.cjs');
 var api = require('../../../data/api.cjs');
+require('@dynamic-labs/wallet-connector-core');
 require('../../../shared/logger.cjs');
 require('@dynamic-labs/iconic');
-require('@dynamic-labs/wallet-connector-core');
 require('react/jsx-runtime');
 require('react');
 require('@dynamic-labs/wallet-book');

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

@@ -6,9 +6,9 @@ import { useViewContext } from '../../../context/ViewContext/ViewContext.js';
 import { useWalletItemActions } from '../useWalletItemActions/useWalletItemActions.js';
 import { useConnectWithEmail } from '../useConnectWithEmail/useConnectWithEmail.js';
 import { getEmailProvider, createEmailVerification } from '../../../data/api.js';
+import '@dynamic-labs/wallet-connector-core';
 import '../../../shared/logger.js';
 import '@dynamic-labs/iconic';
-import '@dynamic-labs/wallet-connector-core';
 import 'react/jsx-runtime';
 import 'react';
 import '@dynamic-labs/wallet-book';

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

@@ -61,7 +61,7 @@ const useEmbeddedWallet = () => {
         internalSetShowAuthFlow,
         internalEvents,
     ]);
-    const startEmbeddedWalletCreationFlow = () => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+    const startEmbeddedWalletCreationFlow = React.useCallback(() => _tslib.__awaiter(void 0, void 0, void 0, function* () {
         internalSetShowAuthFlow(true);
         setView('passkey-intro');
         return new Promise((resolve, reject) => {
@@ -70,15 +70,16 @@ const useEmbeddedWallet = () => {
                 // 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') {
+                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* () {
+    }), [internalEvents, internalSetShowAuthFlow, setView]);
+    const returnEmbeddedWallet = React.useCallback((jwt, embeddedWalletVerifiedCredential) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
         var _a, _b, _c, _d;
         const decodedJwt = decodeJwt.decodeJwt(jwt);
         const turnkeyWallet = findTurnkeyWallet.findTurnkeyWallet(walletConnectorOptions);
@@ -109,7 +110,7 @@ const useEmbeddedWallet = () => {
             id: embeddedWalletVerifiedCredential.id,
         };
         return Promise.resolve(passkeyWallet);
-    });
+    }), [setPrimaryWalletId, walletConnectorOptions]);
     const createEmbeddedWallet = React.useCallback(() => _tslib.__awaiter(void 0, void 0, void 0, function* () {
         var _e, _f, _g;
         const jwt = (_e = getAuthToken.getAuthToken()) !== null && _e !== void 0 ? _e : onboardingOnlyJwt;
@@ -132,14 +133,21 @@ const useEmbeddedWallet = () => {
         const embeddedWalletVerifiedCredential = findEmbeddedWalletFromVerifiedCredentials.findEmbeddedWalletFromVerifiedCredentials(jwt);
         // if user logged in with MM for example, just continue the flow
         if (!embeddedWalletVerifiedCredential) {
+            // user logged in through an email linked to a third party wallet
+            // at this point primary wallet is still undefined and we need to set it
+            if (!primaryWallet) {
+                setPrimaryWalletId(userWaletsCredentials[0].id);
+            }
             return Promise.resolve(primaryWallet);
         }
         // if user already has embedded wallet, returns it
         return returnEmbeddedWallet(jwt, embeddedWalletVerifiedCredential);
     }), [
-        internalSetShowAuthFlow,
         onboardingOnlyJwt,
         projectSettings,
+        internalSetShowAuthFlow,
+        returnEmbeddedWallet,
+        startEmbeddedWalletCreationFlow,
         startPregeneratedWalletCreationFlow,
         primaryWallet,
     ]);

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

@@ -57,7 +57,7 @@ const useEmbeddedWallet = () => {
         internalSetShowAuthFlow,
         internalEvents,
     ]);
-    const startEmbeddedWalletCreationFlow = () => __awaiter(void 0, void 0, void 0, function* () {
+    const startEmbeddedWalletCreationFlow = useCallback(() => __awaiter(void 0, void 0, void 0, function* () {
         internalSetShowAuthFlow(true);
         setView('passkey-intro');
         return new Promise((resolve, reject) => {
@@ -66,15 +66,16 @@ const useEmbeddedWallet = () => {
                 // 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') {
+                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* () {
+    }), [internalEvents, internalSetShowAuthFlow, setView]);
+    const returnEmbeddedWallet = useCallback((jwt, embeddedWalletVerifiedCredential) => __awaiter(void 0, void 0, void 0, function* () {
         var _a, _b, _c, _d;
         const decodedJwt = decodeJwt(jwt);
         const turnkeyWallet = findTurnkeyWallet(walletConnectorOptions);
@@ -105,7 +106,7 @@ const useEmbeddedWallet = () => {
             id: embeddedWalletVerifiedCredential.id,
         };
         return Promise.resolve(passkeyWallet);
-    });
+    }), [setPrimaryWalletId, walletConnectorOptions]);
     const createEmbeddedWallet = useCallback(() => __awaiter(void 0, void 0, void 0, function* () {
         var _e, _f, _g;
         const jwt = (_e = getAuthToken()) !== null && _e !== void 0 ? _e : onboardingOnlyJwt;
@@ -128,14 +129,21 @@ const useEmbeddedWallet = () => {
         const embeddedWalletVerifiedCredential = findEmbeddedWalletFromVerifiedCredentials(jwt);
         // if user logged in with MM for example, just continue the flow
         if (!embeddedWalletVerifiedCredential) {
+            // user logged in through an email linked to a third party wallet
+            // at this point primary wallet is still undefined and we need to set it
+            if (!primaryWallet) {
+                setPrimaryWalletId(userWaletsCredentials[0].id);
+            }
             return Promise.resolve(primaryWallet);
         }
         // if user already has embedded wallet, returns it
         return returnEmbeddedWallet(jwt, embeddedWalletVerifiedCredential);
     }), [
-        internalSetShowAuthFlow,
         onboardingOnlyJwt,
         projectSettings,
+        internalSetShowAuthFlow,
+        returnEmbeddedWallet,
+        startEmbeddedWalletCreationFlow,
         startPregeneratedWalletCreationFlow,
         primaryWallet,
     ]);

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

@@ -16,8 +16,8 @@ var localStorage = require('../../constants/localStorage.cjs');
 require('../../constants/colors.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');
+var useLocalStorage = require('../../../shared/utils/hooks/useLocalStorage/useLocalStorage.cjs');
 require('../../../shared/consts/index.cjs');
 var validators = require('../../../context/DynamicContext/validators.cjs');
 
@@ -61,6 +61,7 @@ const useFetchProjectSettings = ({ authToken, environmentId, maxRetries = 2, dyn
             const serializedDynamicContextProps = Object.assign(Object.assign({}, updatedDynamicProps), { settings: Object.assign(Object.assign({}, updatedDynamicProps.settings), { eventsCallbacks: serializedEventsCallbacks, walletConnectors: serializedWalletConnectors }) });
             api.sendDynamicProps(environmentId, {
                 dynamicContextProps: serializedDynamicContextProps,
+                frameworkSettings: getFrameworkSettings(),
             });
             api.fetchProjectSettings(environmentId)
                 .then((response) => {
@@ -123,6 +124,19 @@ const serializeWalletConnectors = (walletConnectors) => {
         return undefined;
     }
 };
+const getFrameworkSettings = () => {
+    var _a;
+    return ({
+        nextJs: {
+            // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+            // @ts-ignore
+            version: (_a = window.next) === null || _a === void 0 ? void 0 : _a.version,
+        },
+        react: {
+            version: React.version,
+        },
+    });
+};
 
 exports.serializeEventsCallbacks = serializeEventsCallbacks;
 exports.serializeWalletConnectors = serializeWalletConnectors;

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

@@ -1,4 +1,4 @@
-import { useState, useEffect, useMemo } from 'react';
+import { useState, useEffect, useMemo, version } from 'react';
 import { DynamicError } from '@dynamic-labs/utils';
 import { sendDynamicProps, fetchProjectSettings } from '../../../data/api.js';
 import '@dynamic-labs/sdk-api';
@@ -12,8 +12,8 @@ import { PROJECT_SETTINGS_STORAGE_KEY, CONNECTED_WALLETS_INFO } from '../../cons
 import '../../constants/colors.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 { useLocalStorage } from '../../../shared/utils/hooks/useLocalStorage/useLocalStorage.js';
 import '../../../shared/consts/index.js';
 import { validateLocalStorageExpiry } from '../../../context/DynamicContext/validators.js';
 
@@ -57,6 +57,7 @@ const useFetchProjectSettings = ({ authToken, environmentId, maxRetries = 2, dyn
             const serializedDynamicContextProps = Object.assign(Object.assign({}, updatedDynamicProps), { settings: Object.assign(Object.assign({}, updatedDynamicProps.settings), { eventsCallbacks: serializedEventsCallbacks, walletConnectors: serializedWalletConnectors }) });
             sendDynamicProps(environmentId, {
                 dynamicContextProps: serializedDynamicContextProps,
+                frameworkSettings: getFrameworkSettings(),
             });
             fetchProjectSettings(environmentId)
                 .then((response) => {
@@ -119,5 +120,18 @@ const serializeWalletConnectors = (walletConnectors) => {
         return undefined;
     }
 };
+const getFrameworkSettings = () => {
+    var _a;
+    return ({
+        nextJs: {
+            // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+            // @ts-ignore
+            version: (_a = window.next) === null || _a === void 0 ? void 0 : _a.version,
+        },
+        react: {
+            version,
+        },
+    });
+};
 
 export { serializeEventsCallbacks, serializeWalletConnectors, useFetchProjectSettings };

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

@@ -20,7 +20,7 @@ require('../../../shared/consts/index.cjs');
 var handleUnlinkHelper = require('../../functions/handleUnlinkHelper/handleUnlinkHelper.cjs');
 var isSameWalletName = require('../../functions/isSameWalletName/isSameWalletName.cjs');
 
-const useHandleUnlinkWallet = ({ verifiedCredentials, environmentId, primaryWalletId, secondaryWallets, setUser, }) => {
+const useHandleUnlinkWallet = ({ verifiedCredentials, environmentId, primaryWalletId, secondaryWallets, setUser, user, eventsCallbacks, }) => {
     const callback = React.useCallback((walletId) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
         var _a;
         // when we call handleUnlinkWallet on the same execution stack as setPrimaryWallet, the value of
@@ -35,6 +35,7 @@ const useHandleUnlinkWallet = ({ verifiedCredentials, environmentId, primaryWall
         const currentPrimaryWalletId = (_a = localStorage.LocalStorage.getFromLS(localStorage$1.PRIMARY_WALLET_ID)) !== null && _a !== void 0 ? _a : primaryWalletId;
         if (walletId === currentPrimaryWalletId)
             return;
+        const vcWalletFromId = user === null || user === void 0 ? void 0 : user.verifiedCredentials.find((wallet) => wallet.id === walletId);
         const newUser = yield handleUnlinkHelper.handleUnlinkHelper({
             environmentId,
             primaryWalletId: currentPrimaryWalletId,
@@ -50,12 +51,17 @@ const useHandleUnlinkWallet = ({ verifiedCredentials, environmentId, primaryWall
         if (numberOfLinkedWallets === 1) {
             yield (wallet === null || wallet === void 0 ? void 0 : wallet.connector.endSession());
         }
+        if (vcWalletFromId && (eventsCallbacks === null || eventsCallbacks === void 0 ? void 0 : eventsCallbacks.onUnlinkSuccess)) {
+            eventsCallbacks.onUnlinkSuccess(vcWalletFromId);
+        }
     }), [
         primaryWalletId,
         environmentId,
         secondaryWallets,
         setUser,
         verifiedCredentials,
+        eventsCallbacks,
+        user,
     ]);
     return callback;
 };