@dynamic-labs/sdk-react-core 4.22.8 → 4.23.0

package/CHANGELOG.md

@@ -1,4 +1,18 @@
 
+## [4.23.0](https://github.com/dynamic-labs/dynamic-auth/compare/v4.22.8...v4.23.0) (2025-07-11)
+
+
+### Features
+
+* add passkey to react-native ([#9111](https://github.com/dynamic-labs/dynamic-auth/issues/9111)) ([b06e971](https://github.com/dynamic-labs/dynamic-auth/commit/b06e9718537519e25ffef50dfb616964316d8a99))
+* add walletConnectionFailed event ([#9152](https://github.com/dynamic-labs/dynamic-auth/issues/9152)) ([ebdd06f](https://github.com/dynamic-labs/dynamic-auth/commit/ebdd06f6b799867db35f784d84a345f8f91fedb1))
+* selectWalletOption now resolves to the connected wallet ([#9153](https://github.com/dynamic-labs/dynamic-auth/issues/9153)) ([775430c](https://github.com/dynamic-labs/dynamic-auth/commit/775430cd2d2b60a4010b70301db298b72dfb8f1e))
+
+
+### Bug Fixes
+
+* zod import reference with parser bundler ([#9157](https://github.com/dynamic-labs/dynamic-auth/issues/9157)) ([6dfe18d](https://github.com/dynamic-labs/dynamic-auth/commit/6dfe18d583ba6356205030ad4151b3312513ca46))
+
 ### [4.22.8](https://github.com/dynamic-labs/dynamic-auth/compare/v4.22.7...v4.22.8) (2025-07-10)
 
 

package/package.cjs

@@ -3,10 +3,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var version = "4.22.8";
+var version = "4.23.0";
 var dependencies = {
 	"@dynamic-labs/sdk-api-core": "0.0.706",
-	"@dynamic-labs-sdk/client": "0.0.1-alpha.13",
+	"@dynamic-labs-sdk/client": "0.0.1-alpha.14",
 	"@hcaptcha/react-hcaptcha": "1.4.4",
 	"@thumbmarkjs/thumbmarkjs": "0.16.0",
 	"country-list": "2.3.0",

package/package.js

@@ -1,8 +1,8 @@
 'use client'
-var version = "4.22.8";
+var version = "4.23.0";
 var dependencies = {
 	"@dynamic-labs/sdk-api-core": "0.0.706",
-	"@dynamic-labs-sdk/client": "0.0.1-alpha.13",
+	"@dynamic-labs-sdk/client": "0.0.1-alpha.14",
 	"@hcaptcha/react-hcaptcha": "1.4.4",
 	"@thumbmarkjs/thumbmarkjs": "0.16.0",
 	"country-list": "2.3.0",

package/package.json

@@ -1,9 +1,9 @@
 {
   "name": "@dynamic-labs/sdk-react-core",
-  "version": "4.22.8",
+  "version": "4.23.0",
   "dependencies": {
     "@dynamic-labs/sdk-api-core": "0.0.706",
-    "@dynamic-labs-sdk/client": "0.0.1-alpha.13",
+    "@dynamic-labs-sdk/client": "0.0.1-alpha.14",
     "@hcaptcha/react-hcaptcha": "1.4.4",
     "@thumbmarkjs/thumbmarkjs": "0.16.0",
     "country-list": "2.3.0",
@@ -15,16 +15,16 @@
     "yup": "0.32.11",
     "react-international-phone": "4.5.0",
     "bs58": "5.0.0",
-    "@dynamic-labs/assert-package-version": "4.22.8",
-    "@dynamic-labs/iconic": "4.22.8",
-    "@dynamic-labs/logger": "4.22.8",
-    "@dynamic-labs/multi-wallet": "4.22.8",
-    "@dynamic-labs/rpc-providers": "4.22.8",
-    "@dynamic-labs/store": "4.22.8",
-    "@dynamic-labs/types": "4.22.8",
-    "@dynamic-labs/utils": "4.22.8",
-    "@dynamic-labs/wallet-book": "4.22.8",
-    "@dynamic-labs/wallet-connector-core": "4.22.8",
+    "@dynamic-labs/assert-package-version": "4.23.0",
+    "@dynamic-labs/iconic": "4.23.0",
+    "@dynamic-labs/logger": "4.23.0",
+    "@dynamic-labs/multi-wallet": "4.23.0",
+    "@dynamic-labs/rpc-providers": "4.23.0",
+    "@dynamic-labs/store": "4.23.0",
+    "@dynamic-labs/types": "4.23.0",
+    "@dynamic-labs/utils": "4.23.0",
+    "@dynamic-labs/wallet-book": "4.23.0",
+    "@dynamic-labs/wallet-connector-core": "4.23.0",
     "eventemitter3": "5.0.1"
   },
   "devDependencies": {

package/src/index.cjs

@@ -65,7 +65,7 @@ var dynamicEvents = require('./lib/events/dynamicEvents.cjs');
 var api = require('./lib/data/api/api.cjs');
 require('@dynamic-labs-sdk/client/core');
 require('@dynamic-labs-sdk/client');
-require('./lib/client/client.cjs');
+var client = require('./lib/client/client.cjs');
 require('@dynamic-labs/multi-wallet');
 require('react-international-phone');
 var mergeNetworks = require('./lib/utils/functions/mergeNetworks/mergeNetworks.cjs');
@@ -241,6 +241,7 @@ exports.useWalletConnectorEvent = useWalletConnectorEvent.useWalletConnectorEven
 exports.useAuthenticateConnectedUser = useAuthenticateConnectedUser.useAuthenticateConnectedUser;
 exports.dynamicEvents = dynamicEvents.publicDynamicEvents;
 exports.apiClient = api.sdkApi;
+exports.useDynamicClient = client.useDynamicClient;
 exports.mergeNetworks = mergeNetworks.mergeNetworks;
 exports.overrideNetworkRpcUrl = overrideNetworkRpcUrl.overrideNetworkRpcUrl;
 exports.isAuthenticatedWithAWallet = isAuthenticatedWithAWallet.isAuthenticatedWithAWallet;

package/src/index.d.ts

@@ -10,6 +10,7 @@ export { useDynamicContext } from './lib/context/DynamicContext/useDynamicContex
 export { useDynamicScopes } from './lib/utils/hooks/useDynamicScopes';
 export { useUserWalletsExternal as useUserWallets } from './lib/context/UserWalletsContext';
 export { DynamicConnectButton, ShadowDOM, IsBrowser } from './lib/components';
+export { useDynamicClient } from './lib/client';
 export { DynamicBridgeWidget, DynamicEmbeddedAuthFlow, DynamicEmbeddedUserProfile, DynamicEmbeddedWidget, DynamicMultiWalletPromptsWidget, DynamicNav, DynamicUserProfile, DynamicWidget, 
 /** @deprecated use OnrampWidget instead */
 OnrampWidget as FundingWidget, OnrampWidget, } from './lib/widgets';

package/src/index.js

@@ -61,7 +61,7 @@ export { publicDynamicEvents as dynamicEvents } from './lib/events/dynamicEvents
 export { sdkApi as apiClient } from './lib/data/api/api.js';
 import '@dynamic-labs-sdk/client/core';
 import '@dynamic-labs-sdk/client';
-import './lib/client/client.js';
+export { useDynamicClient } from './lib/client/client.js';
 import '@dynamic-labs/multi-wallet';
 import 'react-international-phone';
 export { mergeNetworks } from './lib/utils/functions/mergeNetworks/mergeNetworks.js';

package/src/lib/client/client.cjs

@@ -17,6 +17,7 @@ const setDynamicClient = (newClient) => {
     dynamicClient = newClient;
     dynamicClientEmitter.emit('changed', newClient);
 };
+const hasDynamicClient = () => dynamicClient !== null;
 const getDynamicClient = () => {
     if (!dynamicClient) {
         throw new utils.DynamicError('Tried to getClient when it was still null');
@@ -39,5 +40,6 @@ const useDynamicClient = () => {
 };
 
 exports.getDynamicClient = getDynamicClient;
+exports.hasDynamicClient = hasDynamicClient;
 exports.setDynamicClient = setDynamicClient;
 exports.useDynamicClient = useDynamicClient;

package/src/lib/client/client.d.ts

@@ -1,5 +1,6 @@
 import { DynamicClient } from '@dynamic-labs-sdk/client';
 export declare const setDynamicClient: (newClient: DynamicClient) => void;
+export declare const hasDynamicClient: () => boolean;
 export declare const getDynamicClient: () => DynamicClient;
 /**
  * Not many customers will ever change the client mid execution, but demo v2 will.

package/src/lib/client/client.js

@@ -9,6 +9,7 @@ const setDynamicClient = (newClient) => {
     dynamicClient = newClient;
     dynamicClientEmitter.emit('changed', newClient);
 };
+const hasDynamicClient = () => dynamicClient !== null;
 const getDynamicClient = () => {
     if (!dynamicClient) {
         throw new DynamicError('Tried to getClient when it was still null');
@@ -30,4 +31,4 @@ const useDynamicClient = () => {
     return client;
 };
 
-export { getDynamicClient, setDynamicClient, useDynamicClient };
+export { getDynamicClient, hasDynamicClient, setDynamicClient, useDynamicClient };

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

@@ -4,6 +4,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var _tslib = require('../../../../../../../_virtual/_tslib.cjs');
+var utils = require('@dynamic-labs/utils');
 
 /**
  * Applies mock responses to requests that are not expected to be while in dog-feeding phase of the SDK.
@@ -21,7 +22,10 @@ const fetchOverride = (req, init) => _tslib.__awaiter(void 0, void 0, void 0, fu
     if (req.toString().includes('settings')) {
         return new Response(JSON.stringify(null), { status: 200 });
     }
-    return window.fetch(req, init);
+    /**
+     * We need to use the FetchService.fetch for ReactNative, Flutter and Unity3d SDKs.
+     */
+    return utils.FetchService.fetch(req, init);
 });
 
 exports.fetchOverride = fetchOverride;

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

@@ -1,5 +1,6 @@
 'use client'
 import { __awaiter } from '../../../../../../../_virtual/_tslib.js';
+import { FetchService } from '@dynamic-labs/utils';
 
 /**
  * Applies mock responses to requests that are not expected to be while in dog-feeding phase of the SDK.
@@ -17,7 +18,10 @@ const fetchOverride = (req, init) => __awaiter(void 0, void 0, void 0, function*
     if (req.toString().includes('settings')) {
         return new Response(JSON.stringify(null), { status: 200 });
     }
-    return window.fetch(req, init);
+    /**
+     * We need to use the FetchService.fetch for ReactNative, Flutter and Unity3d SDKs.
+     */
+    return FetchService.fetch(req, init);
 });
 
 export { fetchOverride };

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

@@ -12,8 +12,29 @@ var fetchOverride = require('./fetchOverride/fetchOverride.cjs');
 var getApiHeaders = require('./getApiHeaders/getApiHeaders.cjs');
 var syncEvents = require('./syncEvents/syncEvents.cjs');
 
-const useInitializeSdkClient = ({ settings }) => {
+const useInitializeSdkClient = ({ settings, client: clientFromProps, }) => {
     const lastClientDependencyKey = React.useRef(null);
+    /**
+     * Sets the client to the state and setup the extensions.
+     */
+    const setClient = (client$2) => {
+        if (client.hasExtension(client$2, constants.CLIENT_EXTENSION_NAME)) {
+            return;
+        }
+        client$1.setDynamicClient(client$2);
+        core.registerExtension(client$2, constants.CLIENT_EXTENSION_NAME);
+        syncEvents.syncEvents(client$2);
+    };
+    /**
+     * If a client is provided by the props, we should use it instead of
+     * creating a new one.
+     */
+    if (clientFromProps) {
+        if (!client$1.hasDynamicClient() || client$1.getDynamicClient() !== clientFromProps) {
+            setClient(clientFromProps);
+        }
+        return;
+    }
     const clientDependencyKey = [
         settings.apiBaseUrl,
         settings.environmentId,
@@ -21,17 +42,14 @@ const useInitializeSdkClient = ({ settings }) => {
     if (lastClientDependencyKey.current === clientDependencyKey)
         return;
     lastClientDependencyKey.current = clientDependencyKey;
-    const newClient = client.createDynamicClient({
+    setClient(client.createDynamicClient({
         coreConfig: {
             apiBaseUrl: settings.apiBaseUrl,
             fetch: fetchOverride.fetchOverride,
             getApiHeaders: getApiHeaders.getApiHeaders,
         },
         environmentId: settings.environmentId,
-    });
-    client$1.setDynamicClient(newClient);
-    core.registerExtension(newClient, constants.CLIENT_EXTENSION_NAME);
-    syncEvents.syncEvents(newClient);
+    }));
 };
 
 exports.useInitializeSdkClient = useInitializeSdkClient;

package/src/lib/client/extension/hooks/useInitializeSdkClient/useInitializeSdkClient.d.ts

@@ -1,2 +1,2 @@
 import { DynamicContextProps } from '../../../../context/DynamicContext';
-export declare const useInitializeSdkClient: ({ settings }: DynamicContextProps) => void;
+export declare const useInitializeSdkClient: ({ settings, client: clientFromProps, }: DynamicContextProps) => void;

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

@@ -1,15 +1,36 @@
 'use client'
 import { useRef } from 'react';
-import { createDynamicClient } from '@dynamic-labs-sdk/client';
+import { createDynamicClient, hasExtension } from '@dynamic-labs-sdk/client';
 import { registerExtension } from '@dynamic-labs-sdk/client/core';
-import { setDynamicClient } from '../../../client.js';
+import { setDynamicClient, hasDynamicClient, getDynamicClient } from '../../../client.js';
 import { CLIENT_EXTENSION_NAME } from '../../constants.js';
 import { fetchOverride } from './fetchOverride/fetchOverride.js';
 import { getApiHeaders } from './getApiHeaders/getApiHeaders.js';
 import { syncEvents } from './syncEvents/syncEvents.js';
 
-const useInitializeSdkClient = ({ settings }) => {
+const useInitializeSdkClient = ({ settings, client: clientFromProps, }) => {
     const lastClientDependencyKey = useRef(null);
+    /**
+     * Sets the client to the state and setup the extensions.
+     */
+    const setClient = (client) => {
+        if (hasExtension(client, CLIENT_EXTENSION_NAME)) {
+            return;
+        }
+        setDynamicClient(client);
+        registerExtension(client, CLIENT_EXTENSION_NAME);
+        syncEvents(client);
+    };
+    /**
+     * If a client is provided by the props, we should use it instead of
+     * creating a new one.
+     */
+    if (clientFromProps) {
+        if (!hasDynamicClient() || getDynamicClient() !== clientFromProps) {
+            setClient(clientFromProps);
+        }
+        return;
+    }
     const clientDependencyKey = [
         settings.apiBaseUrl,
         settings.environmentId,
@@ -17,17 +38,14 @@ const useInitializeSdkClient = ({ settings }) => {
     if (lastClientDependencyKey.current === clientDependencyKey)
         return;
     lastClientDependencyKey.current = clientDependencyKey;
-    const newClient = createDynamicClient({
+    setClient(createDynamicClient({
         coreConfig: {
             apiBaseUrl: settings.apiBaseUrl,
             fetch: fetchOverride,
             getApiHeaders,
         },
         environmentId: settings.environmentId,
-    });
-    setDynamicClient(newClient);
-    registerExtension(newClient, CLIENT_EXTENSION_NAME);
-    syncEvents(newClient);
+    }));
 };
 
 export { useInitializeSdkClient };

package/src/lib/components/MenuList/DropdownMenu/DropdownMenu.cjs

@@ -22,6 +22,6 @@ var Typography = require('../../Typography/Typography.cjs');
 const DropdownMenu = ({ options, setShowMenu, }) => (jsxRuntime.jsx("div", { className: 'dots-menu-dropdown__container', style: { zIndex: index.tooltipZIndex }, children: options.map((option) => option.hide ? null : (jsxRuntime.jsxs("div", { className: 'dots-menu-dropdown__item', onClick: () => {
             option.callback();
             setShowMenu(false);
-        }, children: [option.Icon && jsxRuntime.jsx(Icon.Icon, { color: 'text-tertiary', children: option.Icon }), jsxRuntime.jsxs(Typography.Typography, { className: 'dots-menu-dropdown__item-text', color: option.fontColor ? option.fontColor : 'secondary', weight: option.fontWeight, children: [option.text, " ", option.badge ? jsxRuntime.jsx(Badge.Badge, { text: option.badge }) : null] }), option.endSlot && (jsxRuntime.jsx("div", { className: 'dots-menu-dropdown__item__end-slot', children: option.endSlot }))] }, option.text))) }));
+        }, children: [option.Icon && jsxRuntime.jsx(Icon.Icon, { color: 'text-tertiary', children: option.Icon }), jsxRuntime.jsxs(Typography.Typography, { copykey: option.copykey, className: 'dots-menu-dropdown__item-text', color: option.fontColor ? option.fontColor : 'secondary', weight: option.fontWeight, children: [option.text, " ", option.badge ? jsxRuntime.jsx(Badge.Badge, { text: option.badge }) : null] }), option.endSlot && (jsxRuntime.jsx("div", { className: 'dots-menu-dropdown__item__end-slot', children: option.endSlot }))] }, option.text))) }));
 
 exports.DropdownMenu = DropdownMenu;

package/src/lib/components/MenuList/DropdownMenu/DropdownMenu.js

@@ -18,6 +18,6 @@ import { Typography } from '../../Typography/Typography.js';
 const DropdownMenu = ({ options, setShowMenu, }) => (jsx("div", { className: 'dots-menu-dropdown__container', style: { zIndex: tooltipZIndex }, children: options.map((option) => option.hide ? null : (jsxs("div", { className: 'dots-menu-dropdown__item', onClick: () => {
             option.callback();
             setShowMenu(false);
-        }, children: [option.Icon && jsx(Icon, { color: 'text-tertiary', children: option.Icon }), jsxs(Typography, { className: 'dots-menu-dropdown__item-text', color: option.fontColor ? option.fontColor : 'secondary', weight: option.fontWeight, children: [option.text, " ", option.badge ? jsx(Badge, { text: option.badge }) : null] }), option.endSlot && (jsx("div", { className: 'dots-menu-dropdown__item__end-slot', children: option.endSlot }))] }, option.text))) }));
+        }, children: [option.Icon && jsx(Icon, { color: 'text-tertiary', children: option.Icon }), jsxs(Typography, { copykey: option.copykey, className: 'dots-menu-dropdown__item-text', color: option.fontColor ? option.fontColor : 'secondary', weight: option.fontWeight, children: [option.text, " ", option.badge ? jsx(Badge, { text: option.badge }) : null] }), option.endSlot && (jsx("div", { className: 'dots-menu-dropdown__item__end-slot', children: option.endSlot }))] }, option.text))) }));
 
 export { DropdownMenu };

package/src/lib/components/Search/Search.cjs

@@ -4,10 +4,14 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var jsxRuntime = require('react/jsx-runtime');
+var reactI18next = require('react-i18next');
 require('react');
 var search = require('../../assets/search.cjs');
 var classNames = require('../../utils/functions/classNames/classNames.cjs');
 
-const Search = ({ className = '', id, label, type, onChange, onBlur, name, value, onClickClear, copykey, }) => (jsxRuntime.jsxs("label", { htmlFor: id, className: classNames.classNames('search__container', value ? 'search__container--active' : undefined), children: [jsxRuntime.jsx("div", { className: 'search-icon__container', children: jsxRuntime.jsx(search.ReactComponent, {}) }), jsxRuntime.jsx("input", { name: name, value: value, onChange: onChange, onBlur: onBlur, type: type, id: id, placeholder: label, className: classNames.classNames('search__input', className), "data-testid": 'Search', copykey: copykey }), value.length > 0 && (jsxRuntime.jsx("button", { type: 'button', onClick: onClickClear, className: 'search__button--clear', "data-testid": 'search-clear-button', children: "Clear" }))] }));
+const Search = ({ className = '', id, label, type, onChange, onBlur, name, value, onClickClear, copykey, }) => {
+    const { t } = reactI18next.useTranslation();
+    return (jsxRuntime.jsxs("label", { htmlFor: id, className: classNames.classNames('search__container', value ? 'search__container--active' : undefined), children: [jsxRuntime.jsx("div", { className: 'search-icon__container', children: jsxRuntime.jsx(search.ReactComponent, {}) }), jsxRuntime.jsx("input", { name: name, value: value, onChange: onChange, onBlur: onBlur, type: type, id: id, placeholder: label, className: classNames.classNames('search__input', className), "data-testid": 'Search', copykey: copykey }), value.length > 0 && (jsxRuntime.jsx("button", { type: 'button', onClick: onClickClear, className: 'search__button--clear', "data-testid": 'search-clear-button', copykey: 'dyn_search.clear', children: t('dyn_search.clear') }))] }));
+};
 
 exports.Search = Search;

package/src/lib/components/Search/Search.js

@@ -1,9 +1,13 @@
 'use client'
 import { jsxs, jsx } from 'react/jsx-runtime';
+import { useTranslation } from 'react-i18next';
 import 'react';
 import { ReactComponent as SvgSearch } from '../../assets/search.js';
 import { classNames } from '../../utils/functions/classNames/classNames.js';
 
-const Search = ({ className = '', id, label, type, onChange, onBlur, name, value, onClickClear, copykey, }) => (jsxs("label", { htmlFor: id, className: classNames('search__container', value ? 'search__container--active' : undefined), children: [jsx("div", { className: 'search-icon__container', children: jsx(SvgSearch, {}) }), jsx("input", { name: name, value: value, onChange: onChange, onBlur: onBlur, type: type, id: id, placeholder: label, className: classNames('search__input', className), "data-testid": 'Search', copykey: copykey }), value.length > 0 && (jsx("button", { type: 'button', onClick: onClickClear, className: 'search__button--clear', "data-testid": 'search-clear-button', children: "Clear" }))] }));
+const Search = ({ className = '', id, label, type, onChange, onBlur, name, value, onClickClear, copykey, }) => {
+    const { t } = useTranslation();
+    return (jsxs("label", { htmlFor: id, className: classNames('search__container', value ? 'search__container--active' : undefined), children: [jsx("div", { className: 'search-icon__container', children: jsx(SvgSearch, {}) }), jsx("input", { name: name, value: value, onChange: onChange, onBlur: onBlur, type: type, id: id, placeholder: label, className: classNames('search__input', className), "data-testid": 'Search', copykey: copykey }), value.length > 0 && (jsx("button", { type: 'button', onClick: onClickClear, className: 'search__button--clear', "data-testid": 'search-clear-button', copykey: 'dyn_search.clear', children: t('dyn_search.clear') }))] }));
+};
 
 export { Search };

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

@@ -9,8 +9,8 @@ require('@dynamic-labs/sdk-api-core');
 require('react');
 require('@dynamic-labs-sdk/client');
 require('../../../client/client.cjs');
-require('../../../utils/constants/values.cjs');
 require('@dynamic-labs/utils');
+require('../../../utils/constants/values.cjs');
 require('@dynamic-labs/multi-wallet');
 require('../../../shared/logger.cjs');
 require('../../../utils/constants/colors.cjs');

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

@@ -5,8 +5,8 @@ import '@dynamic-labs/sdk-api-core';
 import 'react';
 import '@dynamic-labs-sdk/client';
 import '../../../client/client.js';
-import '../../../utils/constants/values.js';
 import '@dynamic-labs/utils';
+import '../../../utils/constants/values.js';
 import '@dynamic-labs/multi-wallet';
 import '../../../shared/logger.js';
 import '../../../utils/constants/colors.js';

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

@@ -9,8 +9,8 @@ require('@dynamic-labs/sdk-api-core');
 require('react');
 require('@dynamic-labs-sdk/client');
 require('../../../client/client.cjs');
-require('../../../utils/constants/values.cjs');
 require('@dynamic-labs/utils');
+require('../../../utils/constants/values.cjs');
 require('@dynamic-labs/multi-wallet');
 require('../../../shared/logger.cjs');
 require('../../../utils/constants/colors.cjs');

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

@@ -5,8 +5,8 @@ import '@dynamic-labs/sdk-api-core';
 import 'react';
 import '@dynamic-labs-sdk/client';
 import '../../../client/client.js';
-import '../../../utils/constants/values.js';
 import '@dynamic-labs/utils';
+import '../../../utils/constants/values.js';
 import '@dynamic-labs/multi-wallet';
 import '../../../shared/logger.js';
 import '../../../utils/constants/colors.js';

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

@@ -1,9 +1,10 @@
 import { ReactNode } from 'react';
+import { DynamicClient } from '@dynamic-labs-sdk/client';
 import { CountryIso2 } from 'react-international-phone';
 import { LogLevel } from '@dynamic-labs/logger';
-import { type MobileExperience, type CoinbaseWalletPreference, type SocialProviderFilter, AuthMode } from '@dynamic-labs/types';
-import { DeepLinkVariant, WalletConnectorExtension, WalletConnectorsMethod } from '@dynamic-labs/wallet-connector-core';
 import { TokenBalance } from '@dynamic-labs/sdk-api-core';
+import { type CoinbaseWalletPreference, type MobileExperience, type SocialProviderFilter, AuthMode } from '@dynamic-labs/types';
+import { DeepLinkVariant, WalletConnectorExtension, WalletConnectorsMethod } from '@dynamic-labs/wallet-connector-core';
 import { LocaleResource } from '../../../locale';
 import { AccessDeniedCustomButton, ChainToWalletMap, DynamicEventsCallbacks, RecommendedWallet, TransactionConfirmationSettings, WalletsFilter } from '../../../shared';
 import { DynamicHandlers } from '../../../shared/types/dynamicHandlers';
@@ -15,6 +16,12 @@ import { SocialSettings } from './SocialSettings';
 export interface DynamicContextProps {
     children: ReactNode;
     locale?: LocaleResource;
+    /**
+     * The DynamicClient instance to use for the DynamicContext.
+     * If not provided, a new instance will be created.
+     * @default undefined
+     */
+    client?: DynamicClient;
     settings: {
         accessDeniedButton?: AccessDeniedCustomButton;
         accessDeniedMessagePrimary?: string;

package/src/lib/events/dynamicEvents.cjs

@@ -35,6 +35,7 @@ const externalEvents = [
     'userWalletsChanged',
     'walletConnectedForFunding',
     'walletTabSelected',
+    'walletConnectionFailed',
 ];
 // Full internal event emitter
 const dynamicEvents = new EventEmitter__default["default"]();

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

@@ -13,7 +13,7 @@ import { WalletEvents } from './wallets';
 /** Maps internal event names to their listeners */
 export type DynamicEvents = AuthEvents & UIEvents & OTPEvents & WalletEvents & PasskeyEvents & SocialEvents & EmbeddedWalletEvents & MultiWalletInternalEvents & TokenBalancesEvents & UserEvents & FundingEvents;
 /** Which events are accessible by our clients */
-export declare const externalEvents: ("authFailure" | "authInit" | "logout" | "mfaCompletionSuccess" | "mfaCompletionFailure" | "authFlowOpen" | "authFlowClose" | "authFlowCancelled" | "walletTabSelected" | "emailVerificationResult" | "smsVerificationResult" | "walletAdded" | "walletRemoved" | "primaryWalletChanged" | "primaryWalletNetworkChanged" | "userWalletsChanged" | "embeddedWalletCreated" | "walletConnectedForFunding")[];
+export declare const externalEvents: ("authFailure" | "authInit" | "logout" | "mfaCompletionSuccess" | "mfaCompletionFailure" | "authFlowOpen" | "authFlowClose" | "authFlowCancelled" | "walletTabSelected" | "emailVerificationResult" | "smsVerificationResult" | "walletAdded" | "walletRemoved" | "primaryWalletChanged" | "primaryWalletNetworkChanged" | "userWalletsChanged" | "walletConnectionFailed" | "embeddedWalletCreated" | "walletConnectedForFunding")[];
 export declare const dynamicEvents: EventEmitter<DynamicEvents, any>;
-export declare const publicDynamicEvents: EventEmitter<"authFailure" | "authInit" | "logout" | "mfaCompletionSuccess" | "mfaCompletionFailure" | "authFlowOpen" | "authFlowClose" | "authFlowCancelled" | "walletTabSelected" | "emailVerificationResult" | "smsVerificationResult" | "walletAdded" | "walletRemoved" | "primaryWalletChanged" | "primaryWalletNetworkChanged" | "userWalletsChanged" | "embeddedWalletCreated" | "walletConnectedForFunding", any>;
+export declare const publicDynamicEvents: EventEmitter<"authFailure" | "authInit" | "logout" | "mfaCompletionSuccess" | "mfaCompletionFailure" | "authFlowOpen" | "authFlowClose" | "authFlowCancelled" | "walletTabSelected" | "emailVerificationResult" | "smsVerificationResult" | "walletAdded" | "walletRemoved" | "primaryWalletChanged" | "primaryWalletNetworkChanged" | "userWalletsChanged" | "walletConnectionFailed" | "embeddedWalletCreated" | "walletConnectedForFunding", any>;
 export type DynamicEventEmitter = typeof dynamicEvents;

package/src/lib/events/dynamicEvents.js

@@ -27,6 +27,7 @@ const externalEvents = [
     'userWalletsChanged',
     'walletConnectedForFunding',
     'walletTabSelected',
+    'walletConnectionFailed',
 ];
 // Full internal event emitter
 const dynamicEvents = new EventEmitter();

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

@@ -35,4 +35,6 @@ export type WalletEvents = {
     userWalletsChanged: (params: UserWalletsChangedParams) => void;
     /** Triggered when user wallets changes from an empty array to a non-empty array */
     userWalletsPopulated: (userWallets: Wallet[]) => void;
+    /** Triggered when Dynamic fails to connect to a wallet */
+    walletConnectionFailed: (walletConnector: WalletConnector, error: unknown) => void;
 };

package/src/lib/layout/DynamicUserProfileLayout/DynamicUserProfileLayout.cjs

@@ -131,7 +131,7 @@ const shouldNotRenderBottomNavBarOptions = [
     'confirm-exchange-transfer',
     'choose-onramp-provider',
     'choose-linked-wallet',
-    'manage-mfa-no-footer',
+    'manage-totp-mfa-no-footer',
 ];
 const DynamicUserProfileLayout = ({ variant, className, style, }) => {
     const { multiWallet } = useInternalDynamicContext.useInternalDynamicContext();

package/src/lib/layout/DynamicUserProfileLayout/DynamicUserProfileLayout.js

@@ -127,7 +127,7 @@ const shouldNotRenderBottomNavBarOptions = [
     'confirm-exchange-transfer',
     'choose-onramp-provider',
     'choose-linked-wallet',
-    'manage-mfa-no-footer',
+    'manage-totp-mfa-no-footer',
 ];
 const DynamicUserProfileLayout = ({ variant, className, style, }) => {
     const { multiWallet } = useInternalDynamicContext();

package/src/lib/locale/en/translation.cjs

@@ -1010,6 +1010,15 @@ const translation = {
         mfa_button: 'Authenticator App',
         title: '2 factor authentication',
       },
+      mfa_section: {
+        title: 'MFA',
+        passkey_button: 'Passkeys',
+        totp_button: 'TOTP',
+      },
+      wallet_security_section: {
+        title: 'Wallet Security',
+        passkey_button: 'Passkeys',
+      },
       title: 'Settings',
       button_logout: 'Log out',
       empty_screen: {
@@ -1057,6 +1066,15 @@ const translation = {
             mfa_button: 'Authenticator App',
             title: '2 factor authentication',
         },
+        mfa_section: {
+            title: 'MFA',
+            passkey_button: 'Passkeys',
+            totp_button: 'TOTP',
+        },
+        wallet_security_section: {
+            title: 'Wallet Security',
+            passkey_button: 'Passkeys',
+        },
         title: 'Settings',
         button_logout: 'Log out',
         account_security: {
@@ -2766,6 +2784,16 @@ const translation = {
         connection_proposal_expired: 'Connection proposal expired. Please try again.',
         sei_not_enabled_in_keplr_wallet: 'Sei network is not enabled in Keplr. Please enable it and try again.',
     },
+    /**
+     * @description copy keys for search component
+     * @default
+     * {
+        clear: 'Clear',
+      }
+     */
+    dyn_search: {
+        clear: 'Clear',
+    },
 };
 
 exports.translation = translation;

package/src/lib/locale/en/translation.d.ts

@@ -1004,6 +1004,15 @@ export declare const translation: {
         mfa_button: 'Authenticator App',
         title: '2 factor authentication',
       },
+      mfa_section: {
+        title: 'MFA',
+        passkey_button: 'Passkeys',
+        totp_button: 'TOTP',
+      },
+      wallet_security_section: {
+        title: 'Wallet Security',
+        passkey_button: 'Passkeys',
+      },
       title: 'Settings',
       button_logout: 'Log out',
       empty_screen: {
@@ -1053,6 +1062,15 @@ export declare const translation: {
             mfa_button: string;
             title: string;
         };
+        mfa_section: {
+            title: string;
+            passkey_button: string;
+            totp_button: string;
+        };
+        wallet_security_section: {
+            title: string;
+            passkey_button: string;
+        };
         title: string;
         button_logout: string;
         account_security: {
@@ -2762,4 +2780,14 @@ export declare const translation: {
         connection_proposal_expired: string;
         sei_not_enabled_in_keplr_wallet: string;
     };
+    /**
+     * @description copy keys for search component
+     * @default
+     * {
+        clear: 'Clear',
+      }
+     */
+    dyn_search: {
+        clear: string;
+    };
 };