@dynamic-labs/sdk-react-core 4.5.0 → 4.5.1

package/CHANGELOG.md

@@ -1,4 +1,11 @@
 
+### [4.5.1](https://github.com/dynamic-labs/dynamic-auth/compare/v4.5.0...v4.5.1) (2025-02-05)
+
+
+### Bug Fixes
+
+* improve sdk performance ([#7992](https://github.com/dynamic-labs/dynamic-auth/issues/7992)) ([7c541d4](https://github.com/dynamic-labs/dynamic-auth/commit/7c541d498b3afe708e468327e53c839826029490))
+
 ## [4.5.0](https://github.com/dynamic-labs/dynamic-auth/compare/v4.4.4...v4.5.0) (2025-02-04)
 
 

package/package.cjs

@@ -3,7 +3,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var version = "4.5.0";
+var version = "4.5.1";
 var dependencies = {
 	"@dynamic-labs/sdk-api-core": "0.0.607",
 	"@hcaptcha/react-hcaptcha": "1.4.4",

package/package.js

@@ -1,5 +1,5 @@
 'use client'
-var version = "4.5.0";
+var version = "4.5.1";
 var dependencies = {
 	"@dynamic-labs/sdk-api-core": "0.0.607",
 	"@hcaptcha/react-hcaptcha": "1.4.4",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dynamic-labs/sdk-react-core",
-  "version": "4.5.0",
+  "version": "4.5.1",
   "dependencies": {
     "@dynamic-labs/sdk-api-core": "0.0.607",
     "@hcaptcha/react-hcaptcha": "1.4.4",
@@ -14,16 +14,16 @@
     "yup": "0.32.11",
     "react-international-phone": "4.2.5",
     "bs58": "5.0.0",
-    "@dynamic-labs/assert-package-version": "4.5.0",
-    "@dynamic-labs/iconic": "4.5.0",
-    "@dynamic-labs/logger": "4.5.0",
-    "@dynamic-labs/multi-wallet": "4.5.0",
-    "@dynamic-labs/rpc-providers": "4.5.0",
-    "@dynamic-labs/store": "4.5.0",
-    "@dynamic-labs/types": "4.5.0",
-    "@dynamic-labs/utils": "4.5.0",
-    "@dynamic-labs/wallet-book": "4.5.0",
-    "@dynamic-labs/wallet-connector-core": "4.5.0",
+    "@dynamic-labs/assert-package-version": "4.5.1",
+    "@dynamic-labs/iconic": "4.5.1",
+    "@dynamic-labs/logger": "4.5.1",
+    "@dynamic-labs/multi-wallet": "4.5.1",
+    "@dynamic-labs/rpc-providers": "4.5.1",
+    "@dynamic-labs/store": "4.5.1",
+    "@dynamic-labs/types": "4.5.1",
+    "@dynamic-labs/utils": "4.5.1",
+    "@dynamic-labs/wallet-book": "4.5.1",
+    "@dynamic-labs/wallet-connector-core": "4.5.1",
     "eventemitter3": "5.0.1"
   },
   "devDependencies": {

package/src/index.cjs

@@ -125,8 +125,6 @@ require('./lib/views/TransactionConfirmationView/TransactionConfirmationView.cjs
 require('./lib/context/PasskeyContext/PasskeyContext.cjs');
 require('./lib/widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
 var useEmbeddedReveal = require('./lib/utils/hooks/useEmbeddedReveal/useEmbeddedReveal.cjs');
-var useEmbeddedWallet = require('./lib/utils/hooks/useEmbeddedWallet/useEmbeddedWallet.cjs');
-var constants = require('./lib/utils/hooks/useEmbeddedWallet/useSecureEnclaveEmbeddedWallet/constants.cjs');
 var useEmbeddedWalletAuthenticator = require('./lib/utils/hooks/useEmbeddedWalletAuthenticator/useEmbeddedWalletAuthenticator.cjs');
 require('./lib/context/OnrampContext/OnrampContext.cjs');
 var index$2 = require('./lib/utils/functions/walletFilters/index.cjs');
@@ -146,6 +144,8 @@ var viewToComponentMap = require('./lib/views/viewToComponentMap.cjs');
 var useDynamicModals = require('./lib/utils/hooks/useDynamicModals/useDynamicModals.cjs');
 var useMfa = require('./lib/utils/hooks/useMfa/useMfa.cjs');
 var useTokenBalances = require('./lib/utils/hooks/useTokenBalances/useTokenBalances.cjs');
+var useEmbeddedWallet = require('./lib/utils/hooks/useEmbeddedWallet/useEmbeddedWallet.cjs');
+var constants = require('./lib/utils/hooks/useEmbeddedWallet/useSecureEnclaveEmbeddedWallet/constants.cjs');
 var useExternalAuth = require('./lib/utils/hooks/useExternalAuth/useExternalAuth.cjs');
 var useRefreshUser = require('./lib/utils/hooks/useRefreshUser/useRefreshUser.cjs');
 var useWalletOptions = require('./lib/utils/hooks/useWalletOptions/useWalletOptions.cjs');
@@ -247,11 +247,6 @@ exports.useMultiWalletPromptState = useMultiWalletPromptState.useMultiWalletProm
 exports.DynamicWidgetContextProvider = DynamicWidgetContext.DynamicWidgetContextProvider;
 exports.useSwitchWallet = useSwitchWallet.useSwitchWallet;
 exports.useEmbeddedReveal = useEmbeddedReveal.useEmbeddedReveal;
-exports.useEmbeddedWallet = useEmbeddedWallet.useEmbeddedWallet;
-Object.defineProperty(exports, 'EmbeddedWalletVersion', {
-  enumerable: true,
-  get: function () { return constants.EmbeddedWalletVersion; }
-});
 exports.useEmbeddedWalletAuthenticator = useEmbeddedWalletAuthenticator.useEmbeddedWalletAuthenticator;
 exports.FilterAndSortWallets = index$2.FilterAndSortWallets;
 exports.FilterBridgeChainsName = index$2.FilterBridgeChainsName;
@@ -274,6 +269,11 @@ exports.viewToComponentMap = viewToComponentMap.viewToComponentMap;
 exports.useDynamicModals = useDynamicModals.useDynamicModals;
 exports.useMfa = useMfa.useMfa;
 exports.useTokenBalances = useTokenBalances.useTokenBalances;
+exports.useEmbeddedWallet = useEmbeddedWallet.useEmbeddedWallet;
+Object.defineProperty(exports, 'EmbeddedWalletVersion', {
+  enumerable: true,
+  get: function () { return constants.EmbeddedWalletVersion; }
+});
 exports.useExternalAuth = useExternalAuth.useExternalAuth;
 exports.useRefreshUser = useRefreshUser.useRefreshUser;
 exports.useWalletOptions = useWalletOptions.useWalletOptions;

package/src/index.js

@@ -121,8 +121,6 @@ import './lib/views/TransactionConfirmationView/TransactionConfirmationView.js';
 import './lib/context/PasskeyContext/PasskeyContext.js';
 import './lib/widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
 export { useEmbeddedReveal } from './lib/utils/hooks/useEmbeddedReveal/useEmbeddedReveal.js';
-export { useEmbeddedWallet } from './lib/utils/hooks/useEmbeddedWallet/useEmbeddedWallet.js';
-export { EmbeddedWalletVersion } from './lib/utils/hooks/useEmbeddedWallet/useSecureEnclaveEmbeddedWallet/constants.js';
 export { useEmbeddedWalletAuthenticator } from './lib/utils/hooks/useEmbeddedWalletAuthenticator/useEmbeddedWalletAuthenticator.js';
 import './lib/context/OnrampContext/OnrampContext.js';
 export { FilterAndSortWallets, FilterBridgeChainsName, FilterChain, FilterWallets, RemoveWallets, SortWallets, UniswapFilter } from './lib/utils/functions/walletFilters/index.js';
@@ -142,6 +140,8 @@ export { viewToComponentMap } from './lib/views/viewToComponentMap.js';
 export { useDynamicModals } from './lib/utils/hooks/useDynamicModals/useDynamicModals.js';
 export { useMfa } from './lib/utils/hooks/useMfa/useMfa.js';
 export { useTokenBalances } from './lib/utils/hooks/useTokenBalances/useTokenBalances.js';
+export { useEmbeddedWallet } from './lib/utils/hooks/useEmbeddedWallet/useEmbeddedWallet.js';
+export { EmbeddedWalletVersion } from './lib/utils/hooks/useEmbeddedWallet/useSecureEnclaveEmbeddedWallet/constants.js';
 export { useExternalAuth } from './lib/utils/hooks/useExternalAuth/useExternalAuth.js';
 export { useRefreshUser } from './lib/utils/hooks/useRefreshUser/useRefreshUser.js';
 export { useWalletOptions } from './lib/utils/hooks/useWalletOptions/useWalletOptions.js';

package/src/lib/components/Alert/Alert.cjs

@@ -16,13 +16,16 @@ require('@dynamic-labs/utils');
 require('../../utils/constants/colors.cjs');
 require('../../utils/constants/values.cjs');
 require('../../shared/consts/index.cjs');
-var Icon = require('../Icon/Icon.cjs');
-var Typography = require('../Typography/Typography.cjs');
 var classNames = require('../../utils/functions/classNames/classNames.cjs');
+var Icon = require('../Icon/Icon.cjs');
+var AlertText = require('./AlertText/AlertText.cjs');
 
 const errorIconMap = {
     error: jsxRuntime.jsx(error.ReactComponent, {}),
 };
-const Alert = ({ children, icon, variant = 'error', contentDataTestId, className = '', }) => (jsxRuntime.jsxs("div", { className: classNames.classNames('alert', `alert--${variant}`, className), children: [icon && (jsxRuntime.jsx(Icon.Icon, { size: 'small', className: 'alert__icon', children: typeof icon === 'string' ? errorIconMap[icon] : icon })), jsxRuntime.jsx(Typography.Typography, { variant: 'body_small', "data-testid": contentDataTestId, color: 'current-color', children: children })] }));
+const Alert = ({ children, icon, variant = 'error', contentDataTestId, className = '', }) => (jsxRuntime.jsxs("div", { className: classNames.classNames('alert', `alert--${variant}`, className, {
+        'alert--with-icon': Boolean(icon),
+    }), children: [icon && (jsxRuntime.jsx(Icon.Icon, { size: 'small', className: 'alert__icon', children: typeof icon === 'string' ? errorIconMap[icon] : icon })), jsxRuntime.jsx(AlertText.AlertText, { content: children, contentDataTestId: contentDataTestId })] }));
 
 exports.Alert = Alert;
+exports.errorIconMap = errorIconMap;

package/src/lib/components/Alert/Alert.d.ts

@@ -7,4 +7,5 @@ export type AlertProps = PropsWithChildren & {
     variant?: 'error' | 'warning' | 'info' | 'success';
     className?: string;
 } & CopyKey;
+export declare const errorIconMap: Record<AlertIcons, ReactElement>;
 export declare const Alert: FC<AlertProps>;

package/src/lib/components/Alert/Alert.js

@@ -12,13 +12,15 @@ import '@dynamic-labs/utils';
 import '../../utils/constants/colors.js';
 import '../../utils/constants/values.js';
 import '../../shared/consts/index.js';
-import { Icon } from '../Icon/Icon.js';
-import { Typography } from '../Typography/Typography.js';
 import { classNames } from '../../utils/functions/classNames/classNames.js';
+import { Icon } from '../Icon/Icon.js';
+import { AlertText } from './AlertText/AlertText.js';
 
 const errorIconMap = {
     error: jsx(SvgError, {}),
 };
-const Alert = ({ children, icon, variant = 'error', contentDataTestId, className = '', }) => (jsxs("div", { className: classNames('alert', `alert--${variant}`, className), children: [icon && (jsx(Icon, { size: 'small', className: 'alert__icon', children: typeof icon === 'string' ? errorIconMap[icon] : icon })), jsx(Typography, { variant: 'body_small', "data-testid": contentDataTestId, color: 'current-color', children: children })] }));
+const Alert = ({ children, icon, variant = 'error', contentDataTestId, className = '', }) => (jsxs("div", { className: classNames('alert', `alert--${variant}`, className, {
+        'alert--with-icon': Boolean(icon),
+    }), children: [icon && (jsx(Icon, { size: 'small', className: 'alert__icon', children: typeof icon === 'string' ? errorIconMap[icon] : icon })), jsx(AlertText, { content: children, contentDataTestId: contentDataTestId })] }));
 
-export { Alert };
+export { Alert, errorIconMap };

package/src/lib/components/Alert/AlertText/AlertText.cjs

@@ -0,0 +1,16 @@
+'use client'
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var Typography = require('../../Typography/Typography.cjs');
+
+const AlertText = ({ content, contentDataTestId, }) => {
+    if (typeof content === 'string')
+        return (jsxRuntime.jsx(Typography.Typography, { variant: 'body_small', color: 'current-color', "data-testid": contentDataTestId, children: content }));
+    // eslint-disable-next-line react/jsx-no-useless-fragment
+    return jsxRuntime.jsx(jsxRuntime.Fragment, { children: content });
+};
+
+exports.AlertText = AlertText;

package/src/lib/components/Alert/AlertText/AlertText.d.ts

@@ -0,0 +1,7 @@
+import { FC, ReactNode } from 'react';
+type AlertTextProps = {
+    content: string | ReactNode;
+    contentDataTestId?: string;
+};
+export declare const AlertText: FC<AlertTextProps>;
+export {};

package/src/lib/components/Alert/AlertText/AlertText.js

@@ -0,0 +1,12 @@
+'use client'
+import { jsx, Fragment } from 'react/jsx-runtime';
+import { Typography } from '../../Typography/Typography.js';
+
+const AlertText = ({ content, contentDataTestId, }) => {
+    if (typeof content === 'string')
+        return (jsx(Typography, { variant: 'body_small', color: 'current-color', "data-testid": contentDataTestId, children: content }));
+    // eslint-disable-next-line react/jsx-no-useless-fragment
+    return jsx(Fragment, { children: content });
+};
+
+export { AlertText };

package/src/lib/components/Alert/AlertText/index.d.ts

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

package/src/lib/components/SendBalancePageLayout/SendBalancePageLayout.cjs

@@ -27,10 +27,10 @@ require('@dynamic-labs/multi-wallet');
 require('react-international-phone');
 require('../../store/state/nonce/nonce.cjs');
 require('../../store/state/projectSettings/projectSettings.cjs');
+var networksAndChains = require('../../utils/functions/networksAndChains/networksAndChains.cjs');
 require('../../config/ApiEndpoint.cjs');
 require('../../store/state/user/user.cjs');
 require('../../locale/locale.cjs');
-var networksAndChains = require('../../utils/functions/networksAndChains/networksAndChains.cjs');
 require('../../store/state/dynamicContextProps/dynamicContextProps.cjs');
 require('../../store/state/primaryWalletId/primaryWalletId.cjs');
 require('../../context/AccessDeniedContext/AccessDeniedContext.cjs');

package/src/lib/components/SendBalancePageLayout/SendBalancePageLayout.js

@@ -23,10 +23,10 @@ import '@dynamic-labs/multi-wallet';
 import 'react-international-phone';
 import '../../store/state/nonce/nonce.js';
 import '../../store/state/projectSettings/projectSettings.js';
+import { getNetworkInfoEntry } from '../../utils/functions/networksAndChains/networksAndChains.js';
 import '../../config/ApiEndpoint.js';
 import '../../store/state/user/user.js';
 import '../../locale/locale.js';
-import { getNetworkInfoEntry } from '../../utils/functions/networksAndChains/networksAndChains.js';
 import '../../store/state/dynamicContextProps/dynamicContextProps.js';
 import '../../store/state/primaryWalletId/primaryWalletId.js';
 import '../../context/AccessDeniedContext/AccessDeniedContext.js';

package/src/lib/components/ShadowDOM/ShadowDOM.cjs

@@ -100,7 +100,6 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
 const ShadowDOMContext = React__default["default"].createContext({});
-const useShadowDOMContext = () => React__default["default"].useContext(ShadowDOMContext);
 const ShadowDOMStyle = () => jsxRuntime.jsx("style", { children: index_shadow });
 const ShadowDOM = ({ mode = 'open', id, className, children, dataTestId, zIndex, }) => {
     const { shadowDOMEnabled: shadowDOMSetting, cssOverrides } = useInternalDynamicContext.useInternalDynamicContext();
@@ -142,4 +141,3 @@ const ShadowDOM = ({ mode = 'open', id, className, children, dataTestId, zIndex,
 exports.ShadowDOM = ShadowDOM;
 exports.ShadowDOMContext = ShadowDOMContext;
 exports.ShadowDOMStyle = ShadowDOMStyle;
-exports.useShadowDOMContext = useShadowDOMContext;

package/src/lib/components/ShadowDOM/ShadowDOM.js

@@ -92,7 +92,6 @@ import { LegacySafariCssOverrides } from '../LegacySafariCssOverrides/LegacySafa
 import { isShadowDOMFlagEnabled } from './utils.js';
 
 const ShadowDOMContext = React__default.createContext({});
-const useShadowDOMContext = () => React__default.useContext(ShadowDOMContext);
 const ShadowDOMStyle = () => jsx("style", { children: css_248z });
 const ShadowDOM = ({ mode = 'open', id, className, children, dataTestId, zIndex, }) => {
     const { shadowDOMEnabled: shadowDOMSetting, cssOverrides } = useInternalDynamicContext();
@@ -131,4 +130,4 @@ const ShadowDOM = ({ mode = 'open', id, className, children, dataTestId, zIndex,
                     createPortal(jsxs("div", { className: 'dynamic-shadow-dom-content', children: [children, shouldRenderStyles && jsx(ShadowDOMStyle, {}), isLegacySafari() && jsx(LegacySafariCssOverrides, {}), CssOverridesElement && jsx(CssOverridesElement, {})] }), shadowRoot) }) }) }));
 };
 
-export { ShadowDOM, ShadowDOMContext, ShadowDOMStyle, useShadowDOMContext };
+export { ShadowDOM, ShadowDOMContext, ShadowDOMStyle };

package/src/lib/components/TransactionConfirmationPageLayout/TransactionConfirmationPageLayout.cjs

@@ -29,10 +29,10 @@ require('@dynamic-labs/multi-wallet');
 require('react-international-phone');
 require('../../store/state/nonce/nonce.cjs');
 require('../../store/state/projectSettings/projectSettings.cjs');
+var fiatUtils = require('../../utils/functions/fiatUtils/fiatUtils.cjs');
 require('../../config/ApiEndpoint.cjs');
 require('../../store/state/user/user.cjs');
 require('../../locale/locale.cjs');
-var fiatUtils = require('../../utils/functions/fiatUtils/fiatUtils.cjs');
 require('../../store/state/dynamicContextProps/dynamicContextProps.cjs');
 require('../../store/state/primaryWalletId/primaryWalletId.cjs');
 require('../../context/AccessDeniedContext/AccessDeniedContext.cjs');

package/src/lib/components/TransactionConfirmationPageLayout/TransactionConfirmationPageLayout.js

@@ -25,10 +25,10 @@ import '@dynamic-labs/multi-wallet';
 import 'react-international-phone';
 import '../../store/state/nonce/nonce.js';
 import '../../store/state/projectSettings/projectSettings.js';
+import { getGasFiatValue, getTotalFiatCost } from '../../utils/functions/fiatUtils/fiatUtils.js';
 import '../../config/ApiEndpoint.js';
 import '../../store/state/user/user.js';
 import '../../locale/locale.js';
-import { getGasFiatValue, getTotalFiatCost } from '../../utils/functions/fiatUtils/fiatUtils.js';
 import '../../store/state/dynamicContextProps/dynamicContextProps.js';
 import '../../store/state/primaryWalletId/primaryWalletId.js';
 import '../../context/AccessDeniedContext/AccessDeniedContext.js';

package/src/lib/components/TransactionStatusLayout/TransactionStatusLayout.cjs

@@ -35,10 +35,10 @@ require('@dynamic-labs/multi-wallet');
 require('react-international-phone');
 require('../../store/state/nonce/nonce.cjs');
 require('../../store/state/projectSettings/projectSettings.cjs');
+var fiatUtils = require('../../utils/functions/fiatUtils/fiatUtils.cjs');
 require('../../config/ApiEndpoint.cjs');
 require('../../store/state/user/user.cjs');
 require('../../locale/locale.cjs');
-var fiatUtils = require('../../utils/functions/fiatUtils/fiatUtils.cjs');
 require('../../store/state/dynamicContextProps/dynamicContextProps.cjs');
 require('../../store/state/primaryWalletId/primaryWalletId.cjs');
 require('../../context/AccessDeniedContext/AccessDeniedContext.cjs');

package/src/lib/components/TransactionStatusLayout/TransactionStatusLayout.js

@@ -31,10 +31,10 @@ import '@dynamic-labs/multi-wallet';
 import 'react-international-phone';
 import '../../store/state/nonce/nonce.js';
 import '../../store/state/projectSettings/projectSettings.js';
+import { getTotalFiatCost } from '../../utils/functions/fiatUtils/fiatUtils.js';
 import '../../config/ApiEndpoint.js';
 import '../../store/state/user/user.js';
 import '../../locale/locale.js';
-import { getTotalFiatCost } from '../../utils/functions/fiatUtils/fiatUtils.js';
 import '../../store/state/dynamicContextProps/dynamicContextProps.js';
 import '../../store/state/primaryWalletId/primaryWalletId.js';
 import '../../context/AccessDeniedContext/AccessDeniedContext.js';

package/src/lib/components/UserProfile/UserProfile.cjs

@@ -35,10 +35,10 @@ var getUserProfileFields = require('../../utils/functions/getUserProfileFields/g
 require('../../store/state/nonce/nonce.cjs');
 var isSocialKycEnabled = require('../../utils/functions/isSocialKycEnabled/isSocialKycEnabled.cjs');
 require('../../store/state/projectSettings/projectSettings.cjs');
+var isAllowedToLinkWallet = require('../../utils/functions/isAllowedToLinkWallet/isAllowedToLinkWallet.cjs');
 require('../../config/ApiEndpoint.cjs');
 require('../../store/state/user/user.cjs');
 require('../../locale/locale.cjs');
-var isAllowedToLinkWallet = require('../../utils/functions/isAllowedToLinkWallet/isAllowedToLinkWallet.cjs');
 require('../../store/state/dynamicContextProps/dynamicContextProps.cjs');
 require('../../store/state/primaryWalletId/primaryWalletId.cjs');
 require('../../context/AccessDeniedContext/AccessDeniedContext.cjs');

package/src/lib/components/UserProfile/UserProfile.js

@@ -31,10 +31,10 @@ import { getUserProfileFields } from '../../utils/functions/getUserProfileFields
 import '../../store/state/nonce/nonce.js';
 import { isSocialKycEnabled } from '../../utils/functions/isSocialKycEnabled/isSocialKycEnabled.js';
 import '../../store/state/projectSettings/projectSettings.js';
+import { isAllowedToLinkWallet } from '../../utils/functions/isAllowedToLinkWallet/isAllowedToLinkWallet.js';
 import '../../config/ApiEndpoint.js';
 import '../../store/state/user/user.js';
 import '../../locale/locale.js';
-import { isAllowedToLinkWallet } from '../../utils/functions/isAllowedToLinkWallet/isAllowedToLinkWallet.js';
 import '../../store/state/dynamicContextProps/dynamicContextProps.js';
 import '../../store/state/primaryWalletId/primaryWalletId.js';
 import '../../context/AccessDeniedContext/AccessDeniedContext.js';

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

@@ -330,7 +330,7 @@ const InnerDynamicContextProvider = (props) => {
     React.useEffect(() => {
         setRequiredWalletsConnected(!(bridgeChainsToConnect === null || bridgeChainsToConnect === void 0 ? void 0 : bridgeChainsToConnect.length) && Boolean(primaryWallet));
     }, [bridgeChainsToConnect, primaryWallet]);
-    const walletConnectors = linkedOrConnectedWallets.map((wallet) => wallet.connector);
+    const walletConnectors = React.useMemo(() => linkedOrConnectedWallets.map((wallet) => wallet.connector), [linkedOrConnectedWallets]);
     projectSettings.useFetchProjectSettings();
     nonce.useFetchNonce({
         shouldFetch: shouldFetchNonce.shouldFetchNonce({ authMode }),
@@ -402,11 +402,12 @@ const InnerDynamicContextProvider = (props) => {
         clientCallbacks: settings$1.events,
         user: user$1,
     });
+    const verifiedCredentials = React.useMemo(() => (user$1 === null || user$1 === void 0 ? void 0 : user$1.verifiedCredentials) || [], [user$1]);
     const handleUnlinkWallet = useHandleUnlinkWallet.useHandleUnlinkWallet({
         environmentId,
         primaryWalletId: primaryWalletId$1,
         secondaryWallets,
-        verifiedCredentials: (user$1 === null || user$1 === void 0 ? void 0 : user$1.verifiedCredentials) || [],
+        verifiedCredentials,
     });
     const { isLoading: loadingNetwork, network } = useWalletConnectorNetwork.useWalletConnectorNetwork(primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.connector, {
         onChange: (newNetwork) => {
@@ -484,6 +485,10 @@ const InnerDynamicContextProvider = (props) => {
         removeConnectedWalletsInfo,
     ]);
     const { passkeySuccessPopup, setPasskeySuccessPopup } = usePasskeySuccessPopup.usePasskeySuccessPopup();
+    const memoizedLocale = React.useMemo(() => ({
+        changeLanguage: locale.Locale.getInstance().changeLanguage,
+    }), []);
+    const linkedWallets = React.useMemo(() => authMode === 'connect-only' || !user$1 ? [] : linkedOrConnectedWallets, [authMode, linkedOrConnectedWallets, user$1]);
     const value = React.useMemo(() => {
         var _a;
         return ({
@@ -525,11 +530,9 @@ const InnerDynamicContextProvider = (props) => {
             isRenderingEmbeddedAuthFlow,
             isSingleWalletAccount,
             legacyIsVerifying,
-            linkedWallets: authMode === 'connect-only' || !user$1 ? [] : linkedOrConnectedWallets,
+            linkedWallets,
             loadingNetwork,
-            locale: {
-                changeLanguage: locale.Locale.getInstance().changeLanguage,
-            },
+            locale: memoizedLocale,
             loginWithEmail,
             multiAsset,
             multiWallet,
@@ -630,6 +633,9 @@ const InnerDynamicContextProvider = (props) => {
         enableConnectOnlyFallback,
         environmentId,
         settings$1.events,
+        settings$1.overrides,
+        settings$1.redirectUrl,
+        settings$1.social,
         getConnectedWalletById,
         getNameService,
         handleLogOut,
@@ -639,9 +645,9 @@ const InnerDynamicContextProvider = (props) => {
         isBridgeFlow,
         isSingleWalletAccount,
         legacyIsVerifying,
-        user$1,
-        linkedOrConnectedWallets,
+        linkedWallets,
         loadingNetwork,
+        memoizedLocale,
         loginWithEmail,
         multiAsset,
         multiWallet,
@@ -654,9 +660,6 @@ const InnerDynamicContextProvider = (props) => {
         notInTheListImageUrl,
         imageUserInAccessList,
         onboardingImageUrl,
-        settings$1.overrides,
-        settings$1.redirectUrl,
-        settings$1.social,
         passkeySuccessPopup,
         policiesConsentInnerComponent,
         primaryWallet,
@@ -674,7 +677,6 @@ const InnerDynamicContextProvider = (props) => {
         selectedWalletConnector,
         selectedWalletWithAction,
         sendWagmiSettings,
-        setAuthMode,
         setAuthorizationViewDisplayOrder,
         setBridgeOnboardingCompleted,
         setCallback,
@@ -702,6 +704,7 @@ const InnerDynamicContextProvider = (props) => {
         termsOfServiceUrl,
         theme,
         toolkitEnabled,
+        user$1,
         userWithMissingInfo,
         walletConnectorOptions,
         walletUiUtils,

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

@@ -326,7 +326,7 @@ const InnerDynamicContextProvider = (props) => {
     useEffect(() => {
         setRequiredWalletsConnected(!(bridgeChainsToConnect === null || bridgeChainsToConnect === void 0 ? void 0 : bridgeChainsToConnect.length) && Boolean(primaryWallet));
     }, [bridgeChainsToConnect, primaryWallet]);
-    const walletConnectors = linkedOrConnectedWallets.map((wallet) => wallet.connector);
+    const walletConnectors = useMemo(() => linkedOrConnectedWallets.map((wallet) => wallet.connector), [linkedOrConnectedWallets]);
     useFetchProjectSettings();
     useFetchNonce({
         shouldFetch: shouldFetchNonce({ authMode }),
@@ -398,11 +398,12 @@ const InnerDynamicContextProvider = (props) => {
         clientCallbacks: settings.events,
         user,
     });
+    const verifiedCredentials = useMemo(() => (user === null || user === void 0 ? void 0 : user.verifiedCredentials) || [], [user]);
     const handleUnlinkWallet = useHandleUnlinkWallet({
         environmentId,
         primaryWalletId,
         secondaryWallets,
-        verifiedCredentials: (user === null || user === void 0 ? void 0 : user.verifiedCredentials) || [],
+        verifiedCredentials,
     });
     const { isLoading: loadingNetwork, network } = useWalletConnectorNetwork(primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.connector, {
         onChange: (newNetwork) => {
@@ -480,6 +481,10 @@ const InnerDynamicContextProvider = (props) => {
         removeConnectedWalletsInfo,
     ]);
     const { passkeySuccessPopup, setPasskeySuccessPopup } = usePasskeySuccessPopup();
+    const memoizedLocale = useMemo(() => ({
+        changeLanguage: Locale.getInstance().changeLanguage,
+    }), []);
+    const linkedWallets = useMemo(() => authMode === 'connect-only' || !user ? [] : linkedOrConnectedWallets, [authMode, linkedOrConnectedWallets, user]);
     const value = useMemo(() => {
         var _a;
         return ({
@@ -521,11 +526,9 @@ const InnerDynamicContextProvider = (props) => {
             isRenderingEmbeddedAuthFlow,
             isSingleWalletAccount,
             legacyIsVerifying,
-            linkedWallets: authMode === 'connect-only' || !user ? [] : linkedOrConnectedWallets,
+            linkedWallets,
             loadingNetwork,
-            locale: {
-                changeLanguage: Locale.getInstance().changeLanguage,
-            },
+            locale: memoizedLocale,
             loginWithEmail,
             multiAsset,
             multiWallet,
@@ -626,6 +629,9 @@ const InnerDynamicContextProvider = (props) => {
         enableConnectOnlyFallback,
         environmentId,
         settings.events,
+        settings.overrides,
+        settings.redirectUrl,
+        settings.social,
         getConnectedWalletById,
         getNameService,
         handleLogOut,
@@ -635,9 +641,9 @@ const InnerDynamicContextProvider = (props) => {
         isBridgeFlow,
         isSingleWalletAccount,
         legacyIsVerifying,
-        user,
-        linkedOrConnectedWallets,
+        linkedWallets,
         loadingNetwork,
+        memoizedLocale,
         loginWithEmail,
         multiAsset,
         multiWallet,
@@ -650,9 +656,6 @@ const InnerDynamicContextProvider = (props) => {
         notInTheListImageUrl,
         imageUserInAccessList,
         onboardingImageUrl,
-        settings.overrides,
-        settings.redirectUrl,
-        settings.social,
         passkeySuccessPopup,
         policiesConsentInnerComponent,
         primaryWallet,
@@ -670,7 +673,6 @@ const InnerDynamicContextProvider = (props) => {
         selectedWalletConnector,
         selectedWalletWithAction,
         sendWagmiSettings,
-        setAuthMode,
         setAuthorizationViewDisplayOrder,
         setBridgeOnboardingCompleted,
         setCallback,
@@ -698,6 +700,7 @@ const InnerDynamicContextProvider = (props) => {
         termsOfServiceUrl,
         theme,
         toolkitEnabled,
+        user,
         userWithMissingInfo,
         walletConnectorOptions,
         walletUiUtils,

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

@@ -32,9 +32,9 @@ const useEmailLoginState = (providers, user) => {
     const reset = () => {
         _setLoginWithEmail(null);
     };
-    const setLoginWithEmail = (value) => {
+    const setLoginWithEmail = React.useCallback((value) => {
         _setLoginWithEmail(value);
-    };
+    }, [_setLoginWithEmail]);
     const defaultLoginWithEmail = React.useMemo(() => (user ? false : isEmailProviderEnabled.isEmailProviderEnabled(providers)), [providers, user]);
     return [loginWithEmail !== null && loginWithEmail !== void 0 ? loginWithEmail : defaultLoginWithEmail, setLoginWithEmail, reset];
 };

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

@@ -1,5 +1,5 @@
 'use client'
-import { useState, useMemo } from 'react';
+import { useState, useCallback, useMemo } from 'react';
 import '@dynamic-labs/sdk-api-core';
 import '../../../../utils/constants/values.js';
 import '@dynamic-labs/utils';
@@ -28,9 +28,9 @@ const useEmailLoginState = (providers, user) => {
     const reset = () => {
         _setLoginWithEmail(null);
     };
-    const setLoginWithEmail = (value) => {
+    const setLoginWithEmail = useCallback((value) => {
         _setLoginWithEmail(value);
-    };
+    }, [_setLoginWithEmail]);
     const defaultLoginWithEmail = useMemo(() => (user ? false : isEmailProviderEnabled(providers)), [providers, user]);
     return [loginWithEmail !== null && loginWithEmail !== void 0 ? loginWithEmail : defaultLoginWithEmail, setLoginWithEmail, reset];
 };

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

@@ -138,10 +138,6 @@ const useHandleLogout = (params) => {
         primaryWalletId.resetPrimaryWalletId();
         p.removeConnectedNameService();
         p.removeSessionStorageSessionKeys();
-        dynamicEvents.dynamicEvents.removeListener('embeddedWalletCreatePasswordCompleted');
-        dynamicEvents.dynamicEvents.removeListener('embeddedWalletCreatePasswordFailed');
-        dynamicEvents.dynamicEvents.removeListener('embeddedWalletUpdatePasswordCompleted');
-        dynamicEvents.dynamicEvents.removeListener('embeddedWalletUpdatePasswordFailed');
         dynamicEvents.dynamicEvents.emit('logout');
         user.setUser(undefined);
         yield Promise.all(p.walletConnectors.map((connector) => connector.endSession()));

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

@@ -134,10 +134,6 @@ const useHandleLogout = (params) => {
         resetPrimaryWalletId();
         p.removeConnectedNameService();
         p.removeSessionStorageSessionKeys();
-        dynamicEvents.removeListener('embeddedWalletCreatePasswordCompleted');
-        dynamicEvents.removeListener('embeddedWalletCreatePasswordFailed');
-        dynamicEvents.removeListener('embeddedWalletUpdatePasswordCompleted');
-        dynamicEvents.removeListener('embeddedWalletUpdatePasswordFailed');
         dynamicEvents.emit('logout');
         setUser(undefined);
         yield Promise.all(p.walletConnectors.map((connector) => connector.endSession()));

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

@@ -57,7 +57,7 @@ const useNameService = ({ currentWallet, user }) => {
         }
         return undefined;
     }), [setConnectedNameService]);
-    const getNameService = (address) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+    const getNameService = React.useCallback((address) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
         var _a;
         if (!currentWallet) {
             return;
@@ -87,7 +87,12 @@ const useNameService = ({ currentWallet, user }) => {
         }
         // if doesn't find correct name service in verified credentials or local storage, fetch it from blockchain
         return fetchNameServiceFromBlockchain(currentWallet);
-    });
+    }), [
+        currentWallet,
+        user === null || user === void 0 ? void 0 : user.verifiedCredentials,
+        connectedNameService,
+        fetchNameServiceFromBlockchain,
+    ]);
     return { getNameService, removeConnectedNameService };
 };