@dynamic-labs/sdk-react-core 4.19.5 → 4.19.7

package/CHANGELOG.md

@@ -1,4 +1,31 @@
 
+### [4.19.7](https://github.com/dynamic-labs/dynamic-auth/compare/v4.19.6...v4.19.7) (2025-06-06)
+
+
+### Features
+
+* add util to find waas wallets ([#8871](https://github.com/dynamic-labs/dynamic-auth/issues/8871)) ([2d7114e](https://github.com/dynamic-labs/dynamic-auth/commit/2d7114e51f5badf1d04600597f1fd9433fabf3d0))
+
+
+### Bug Fixes
+
+* make sure smart account is deployed before creating sessions ([#8894](https://github.com/dynamic-labs/dynamic-auth/issues/8894)) ([5ba3d23](https://github.com/dynamic-labs/dynamic-auth/commit/5ba3d23bb8ef7c7438809128c8ef74c390ba1d48))
+* only deploy zksync smart account if not deployed ([#8840](https://github.com/dynamic-labs/dynamic-auth/issues/8840)) ([66a306a](https://github.com/dynamic-labs/dynamic-auth/commit/66a306aaee25c58f685fa050a5d6aea79b196fce))
+* primary wallet loading time when using React 19 ([#8896](https://github.com/dynamic-labs/dynamic-auth/issues/8896)) ([f5690f3](https://github.com/dynamic-labs/dynamic-auth/commit/f5690f31012e8fc6a5650423d4ece6c04f7c1811))
+
+### [4.19.6](https://github.com/dynamic-labs/dynamic-auth/compare/v4.19.5...v4.19.6) (2025-06-04)
+
+
+### Features
+
+* backup unsuccessful popup when create wallet fails ([#8872](https://github.com/dynamic-labs/dynamic-auth/issues/8872)) ([c8f88f2](https://github.com/dynamic-labs/dynamic-auth/commit/c8f88f2cafdb7856764305764a230e159f09dadf))
+* **global-wallet:** new native api method to return the eoa wallet for a connected smart wallet ([#8864](https://github.com/dynamic-labs/dynamic-auth/issues/8864)) ([5d0e200](https://github.com/dynamic-labs/dynamic-auth/commit/5d0e2002caefb658f6120b102abe145d6caafaf4))
+
+
+### Bug Fixes
+
+* dont call select endpoint when signing in with 7702 wallet ([#8854](https://github.com/dynamic-labs/dynamic-auth/issues/8854)) ([9828a8f](https://github.com/dynamic-labs/dynamic-auth/commit/9828a8fb758b07dd4dc51cb9eadee483b884defe))
+
 ### [4.19.5](https://github.com/dynamic-labs/dynamic-auth/compare/v4.19.4...v4.19.5) (2025-06-02)
 
 

package/package.cjs

@@ -3,9 +3,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var version = "4.19.5";
+var version = "4.19.7";
 var dependencies = {
-	"@dynamic-labs/sdk-api-core": "0.0.672",
+	"@dynamic-labs/sdk-api-core": "0.0.681",
+	"@dynamic-labs-sdk/client": "0.0.1-alpha.5",
 	"@hcaptcha/react-hcaptcha": "1.4.4",
 	"@thumbmarkjs/thumbmarkjs": "0.16.0",
 	"country-list": "2.3.0",

package/package.js

@@ -1,7 +1,8 @@
 'use client'
-var version = "4.19.5";
+var version = "4.19.7";
 var dependencies = {
-	"@dynamic-labs/sdk-api-core": "0.0.672",
+	"@dynamic-labs/sdk-api-core": "0.0.681",
+	"@dynamic-labs-sdk/client": "0.0.1-alpha.5",
 	"@hcaptcha/react-hcaptcha": "1.4.4",
 	"@thumbmarkjs/thumbmarkjs": "0.16.0",
 	"country-list": "2.3.0",

package/package.json

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

package/src/functions.d.ts

@@ -0,0 +1 @@
+export { getProjectSettings } from './lib/store/state/projectSettings';

package/src/lib/client/client.cjs

@@ -0,0 +1,19 @@
+'use client'
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+require('react');
+var EventEmitter = require('eventemitter3');
+require('@dynamic-labs/utils');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var EventEmitter__default = /*#__PURE__*/_interopDefaultLegacy(EventEmitter);
+
+const clientEmitter = new EventEmitter__default["default"]();
+const setClient = (newClient) => {
+    clientEmitter.emit('changed', newClient);
+};
+
+exports.setClient = setClient;

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

@@ -0,0 +1,8 @@
+import { DynamicClient } from '@dynamic-labs-sdk/client';
+export declare const setClient: (newClient: DynamicClient) => void;
+export declare const getClient: () => DynamicClient;
+/**
+ * Not many customers will ever change the client mid execution, but demo v2 will.
+ * That means we need hooks that can react to client changes.
+ */
+export declare const useClient: () => DynamicClient;

package/src/lib/client/client.js

@@ -0,0 +1,11 @@
+'use client'
+import 'react';
+import EventEmitter from 'eventemitter3';
+import '@dynamic-labs/utils';
+
+const clientEmitter = new EventEmitter();
+const setClient = (newClient) => {
+    clientEmitter.emit('changed', newClient);
+};
+
+export { setClient };

package/src/lib/client/extension/constants.cjs

@@ -0,0 +1,12 @@
+'use client'
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+/**
+ * The name for the extension that this package creates to
+ * integrate with the Client SDK.
+ */
+const CLIENT_EXTENSION_NAME = 'sdk-react-core-integration';
+
+exports.CLIENT_EXTENSION_NAME = CLIENT_EXTENSION_NAME;

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

@@ -0,0 +1,5 @@
+/**
+ * The name for the extension that this package creates to
+ * integrate with the Client SDK.
+ */
+export declare const CLIENT_EXTENSION_NAME = "sdk-react-core-integration";

package/src/lib/client/extension/constants.js

@@ -0,0 +1,8 @@
+'use client'
+/**
+ * The name for the extension that this package creates to
+ * integrate with the Client SDK.
+ */
+const CLIENT_EXTENSION_NAME = 'sdk-react-core-integration';
+
+export { CLIENT_EXTENSION_NAME };

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

@@ -0,0 +1 @@
+export { useInitializeSdkClient } from './useInitializeSdkClient';

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

@@ -0,0 +1,14 @@
+'use client'
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var utils = require('@dynamic-labs/utils');
+
+class MockedFetchError extends utils.DynamicError {
+    constructor(req) {
+        super(`MockedFetchError — the Dynamic SDK Client request is being mocked: ${req.toString()}`);
+    }
+}
+
+exports.MockedFetchError = MockedFetchError;

package/src/lib/client/extension/useInitializeSdkClient/fetchOverride/MockedFetchError.d.ts

@@ -0,0 +1,4 @@
+import { DynamicError } from '@dynamic-labs/utils';
+export declare class MockedFetchError extends DynamicError {
+    constructor(req: RequestInfo);
+}

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

@@ -0,0 +1,10 @@
+'use client'
+import { DynamicError } from '@dynamic-labs/utils';
+
+class MockedFetchError extends DynamicError {
+    constructor(req) {
+        super(`MockedFetchError — the Dynamic SDK Client request is being mocked: ${req.toString()}`);
+    }
+}
+
+export { MockedFetchError };

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

@@ -0,0 +1,29 @@
+'use client'
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _tslib = require('../../../../../../_virtual/_tslib.cjs');
+var MockedFetchError = require('./MockedFetchError.cjs');
+
+/**
+ * Applies mock responses to requests that are not expected to be while in dog-feeding phase of the SDK.
+ *
+ * While dog-feeding is not complete, we must keep the client from doing anything other than
+ * what it should be doing.
+ */
+const fetchOverride = (req) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+    // For now, we are handling JWT revoke in sdk-react-core.
+    if (req.toString().includes('revoke')) {
+        return new Response(null, { status: 200 });
+    }
+    // This endpoint is frequently hit so we mock it directly instead of returning the MockedFetchError
+    // to avoid spamming the console with errors.
+    if (req.toString().includes('settings')) {
+        return new Response(JSON.stringify(null), { status: 200 });
+    }
+    // Any other requests would be unexpected, so we throw an error to ensure they get visibility.
+    throw new MockedFetchError.MockedFetchError(req);
+});
+
+exports.fetchOverride = fetchOverride;

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

@@ -0,0 +1,7 @@
+/**
+ * Applies mock responses to requests that are not expected to be while in dog-feeding phase of the SDK.
+ *
+ * While dog-feeding is not complete, we must keep the client from doing anything other than
+ * what it should be doing.
+ */
+export declare const fetchOverride: (req: RequestInfo) => Promise<Response>;

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

@@ -0,0 +1,25 @@
+'use client'
+import { __awaiter } from '../../../../../../_virtual/_tslib.js';
+import { MockedFetchError } from './MockedFetchError.js';
+
+/**
+ * Applies mock responses to requests that are not expected to be while in dog-feeding phase of the SDK.
+ *
+ * While dog-feeding is not complete, we must keep the client from doing anything other than
+ * what it should be doing.
+ */
+const fetchOverride = (req) => __awaiter(void 0, void 0, void 0, function* () {
+    // For now, we are handling JWT revoke in sdk-react-core.
+    if (req.toString().includes('revoke')) {
+        return new Response(null, { status: 200 });
+    }
+    // This endpoint is frequently hit so we mock it directly instead of returning the MockedFetchError
+    // to avoid spamming the console with errors.
+    if (req.toString().includes('settings')) {
+        return new Response(JSON.stringify(null), { status: 200 });
+    }
+    // Any other requests would be unexpected, so we throw an error to ensure they get visibility.
+    throw new MockedFetchError(req);
+});
+
+export { fetchOverride };

package/src/lib/client/extension/useInitializeSdkClient/fetchOverride/index.d.ts

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

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

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

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

@@ -0,0 +1,30 @@
+'use client'
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var client = require('@dynamic-labs-sdk/client');
+var core = require('@dynamic-labs-sdk/client/core');
+var client$1 = require('../../client.cjs');
+var constants = require('../constants.cjs');
+var fetchOverride = require('./fetchOverride/fetchOverride.cjs');
+
+const useInitializeSdkClient = ({ settings }) => {
+    const lastClientDependencyKey = React.useRef(null);
+    const clientDependencyKey = [
+        settings.apiBaseUrl,
+        settings.environmentId,
+    ].join('-');
+    if (lastClientDependencyKey.current === clientDependencyKey)
+        return;
+    lastClientDependencyKey.current = clientDependencyKey;
+    const newClient = client.createDynamicClient({
+        coreConfig: { apiBaseUrl: settings.apiBaseUrl, fetch: fetchOverride.fetchOverride },
+        environmentId: settings.environmentId,
+    });
+    client$1.setClient(newClient);
+    core.registerExtension(newClient, constants.CLIENT_EXTENSION_NAME);
+};
+
+exports.useInitializeSdkClient = useInitializeSdkClient;

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

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

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

@@ -0,0 +1,26 @@
+'use client'
+import { useRef } from 'react';
+import { createDynamicClient } from '@dynamic-labs-sdk/client';
+import { registerExtension } from '@dynamic-labs-sdk/client/core';
+import { setClient } from '../../client.js';
+import { CLIENT_EXTENSION_NAME } from '../constants.js';
+import { fetchOverride } from './fetchOverride/fetchOverride.js';
+
+const useInitializeSdkClient = ({ settings }) => {
+    const lastClientDependencyKey = useRef(null);
+    const clientDependencyKey = [
+        settings.apiBaseUrl,
+        settings.environmentId,
+    ].join('-');
+    if (lastClientDependencyKey.current === clientDependencyKey)
+        return;
+    lastClientDependencyKey.current = clientDependencyKey;
+    const newClient = createDynamicClient({
+        coreConfig: { apiBaseUrl: settings.apiBaseUrl, fetch: fetchOverride },
+        environmentId: settings.environmentId,
+    });
+    setClient(newClient);
+    registerExtension(newClient, CLIENT_EXTENSION_NAME);
+};
+
+export { useInitializeSdkClient };

package/src/lib/client/extension/utils/useClientState/index.d.ts

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

package/src/lib/client/extension/utils/useClientState/useClientState.d.ts

@@ -0,0 +1,2 @@
+import { DynamicClient } from '@dynamic-labs-sdk/client';
+export declare const useClientState: <T extends keyof DynamicClient>(variable: T) => DynamicClient[T];

package/src/lib/components/AppOriginTile/AppOriginTile.cjs

@@ -10,18 +10,21 @@ var Typography = require('../Typography/Typography.cjs');
 var Chip = require('../Chip/Chip.cjs');
 var getGlobalWalletContext = require('../../shared/utils/functions/getGlobalWalletContext/getGlobalWalletContext.cjs');
 
-const AppOriginTile = () => {
+const AppOriginTile = ({ origin }) => {
     const { requesterOrigin } = getGlobalWalletContext.getGlobalWalletContext();
-    const origin = React.useMemo(() => {
+    const displayOrigin = React.useMemo(() => {
+        if (origin) {
+            return origin;
+        }
         if (requesterOrigin) {
             return requesterOrigin;
         }
         return utils.PlatformService.getDisplayOrigin();
-    }, [requesterOrigin]);
-    if (!origin) {
+    }, [origin, requesterOrigin]);
+    if (!displayOrigin) {
         return null;
     }
-    return (jsxRuntime.jsx(Chip.Chip, { className: 'app-origin-tile', children: jsxRuntime.jsx(Typography.Typography, { color: 'secondary', variant: 'body_normal', weight: 'regular', children: origin }) }));
+    return (jsxRuntime.jsx(Chip.Chip, { className: 'app-origin-tile', children: jsxRuntime.jsx(Typography.Typography, { color: 'secondary', variant: 'body_normal', weight: 'regular', as: 'span', children: displayOrigin }) }));
 };
 
 exports.AppOriginTile = AppOriginTile;

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

@@ -1,2 +1,5 @@
 import { FC } from 'react';
-export declare const AppOriginTile: FC;
+export interface AppOriginTileProps {
+    origin?: string;
+}
+export declare const AppOriginTile: FC<AppOriginTileProps>;

package/src/lib/components/AppOriginTile/AppOriginTile.js

@@ -6,18 +6,21 @@ import { Typography } from '../Typography/Typography.js';
 import { Chip } from '../Chip/Chip.js';
 import { getGlobalWalletContext } from '../../shared/utils/functions/getGlobalWalletContext/getGlobalWalletContext.js';
 
-const AppOriginTile = () => {
+const AppOriginTile = ({ origin }) => {
     const { requesterOrigin } = getGlobalWalletContext();
-    const origin = useMemo(() => {
+    const displayOrigin = useMemo(() => {
+        if (origin) {
+            return origin;
+        }
         if (requesterOrigin) {
             return requesterOrigin;
         }
         return PlatformService.getDisplayOrigin();
-    }, [requesterOrigin]);
-    if (!origin) {
+    }, [origin, requesterOrigin]);
+    if (!displayOrigin) {
         return null;
     }
-    return (jsx(Chip, { className: 'app-origin-tile', children: jsx(Typography, { color: 'secondary', variant: 'body_normal', weight: 'regular', children: origin }) }));
+    return (jsx(Chip, { className: 'app-origin-tile', children: jsx(Typography, { color: 'secondary', variant: 'body_normal', weight: 'regular', as: 'span', children: displayOrigin }) }));
 };
 
 export { AppOriginTile };

package/src/lib/components/Chip/Chip.cjs

@@ -7,8 +7,7 @@ var jsxRuntime = require('react/jsx-runtime');
 var Typography = require('../Typography/Typography.cjs');
 var classNames = require('../../utils/functions/classNames/classNames.cjs');
 
-const Chip = ({ children, icon, className, }) => (jsxRuntime.jsxs("div", { className: classNames.classNames('chip', className, {
-        'chip__with-icon': Boolean(icon),
-    }), children: [Boolean(icon) && jsxRuntime.jsx("div", { className: 'chip--icon', children: icon }), jsxRuntime.jsx(Typography.Typography, { variant: 'body_small', children: children })] }));
+/** An outlined chip component that displays a label and optional leading and trailing icons. */
+const Chip = ({ children, leading, trailing, className, }) => (jsxRuntime.jsxs("div", { className: classNames.classNames('chip', className), children: [Boolean(leading) && jsxRuntime.jsx("div", { className: 'chip--leading', children: leading }), jsxRuntime.jsx(Typography.Typography, { variant: 'body_small', children: children }), Boolean(trailing) && jsxRuntime.jsx("div", { className: 'chip--trailing', children: trailing })] }));
 
 exports.Chip = Chip;

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

@@ -1,7 +1,8 @@
 import { FC, PropsWithChildren, ReactNode } from 'react';
-type ChipProps = {
+export interface ChipProps {
     className?: string;
-    icon?: ReactNode;
-};
+    leading?: ReactNode;
+    trailing?: ReactNode;
+}
+/** An outlined chip component that displays a label and optional leading and trailing icons. */
 export declare const Chip: FC<PropsWithChildren<ChipProps>>;
-export {};

package/src/lib/components/Chip/Chip.js

@@ -3,8 +3,7 @@ import { jsxs, jsx } from 'react/jsx-runtime';
 import { Typography } from '../Typography/Typography.js';
 import { classNames } from '../../utils/functions/classNames/classNames.js';
 
-const Chip = ({ children, icon, className, }) => (jsxs("div", { className: classNames('chip', className, {
-        'chip__with-icon': Boolean(icon),
-    }), children: [Boolean(icon) && jsx("div", { className: 'chip--icon', children: icon }), jsx(Typography, { variant: 'body_small', children: children })] }));
+/** An outlined chip component that displays a label and optional leading and trailing icons. */
+const Chip = ({ children, leading, trailing, className, }) => (jsxs("div", { className: classNames('chip', className), children: [Boolean(leading) && jsx("div", { className: 'chip--leading', children: leading }), jsx(Typography, { variant: 'body_small', children: children }), Boolean(trailing) && jsx("div", { className: 'chip--trailing', children: trailing })] }));
 
 export { Chip };

package/src/lib/components/NeedHelpSection/NeedHelpSection.cjs

@@ -103,7 +103,7 @@ var useInternalDynamicContext = require('../../context/DynamicContext/useDynamic
 
 const NeedHelpSection = ({ isRecoveryFlow = false, isExport = false, }) => {
     var _a, _b, _c, _d, _e;
-    const { projectSettings, user } = useInternalDynamicContext.useInternalDynamicContext();
+    const { projectSettings, user, primaryWallet } = useInternalDynamicContext.useInternalDynamicContext();
     const { t } = reactI18next.useTranslation();
     const { pushView } = ViewContext.useViewContext();
     const { initPasskeyRecoveryProcess } = usePasskeyRecovery.usePasskeyRecovery();
@@ -114,8 +114,9 @@ const NeedHelpSection = ({ isRecoveryFlow = false, isExport = false, }) => {
         ((_c = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.providers) === null || _c === void 0 ? void 0 : _c.find((p) => p.provider === sdkApiCore.ProviderEnum.Turnkey && p.enabledAt)) &&
         Boolean((_e = (_d = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk) === null || _d === void 0 ? void 0 : _d.embeddedWallets) === null || _e === void 0 ? void 0 : _e.emailRecoveryEnabled);
     const v2Wallet = user === null || user === void 0 ? void 0 : user.verifiedCredentials.some((credential) => { var _a; return ((_a = credential.walletProperties) === null || _a === void 0 ? void 0 : _a.version) === sdkApiCore.EmbeddedWalletVersionEnum.V2; });
+    const v3Wallet = (primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.key) === 'dynamicwaas';
     // revert to v2 wallet view (no passkey recovery) if passkey recovery is not enabled
-    const v1Wallet = !v2Wallet && isRecoveryEnabled;
+    const v1Wallet = !v3Wallet && !v2Wallet && isRecoveryEnabled;
     const hasContactInfo = Boolean(supportEmail || Object.keys(supportUrls || {}).length > 0);
     const getSupportHelpSession = () => {
         // For v1 wallets, only show the "Go here for support" link that triggers recovery

package/src/lib/components/NeedHelpSection/NeedHelpSection.js

@@ -99,7 +99,7 @@ import { useInternalDynamicContext } from '../../context/DynamicContext/useDynam
 
 const NeedHelpSection = ({ isRecoveryFlow = false, isExport = false, }) => {
     var _a, _b, _c, _d, _e;
-    const { projectSettings, user } = useInternalDynamicContext();
+    const { projectSettings, user, primaryWallet } = useInternalDynamicContext();
     const { t } = useTranslation();
     const { pushView } = useViewContext();
     const { initPasskeyRecoveryProcess } = usePasskeyRecovery();
@@ -110,8 +110,9 @@ const NeedHelpSection = ({ isRecoveryFlow = false, isExport = false, }) => {
         ((_c = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.providers) === null || _c === void 0 ? void 0 : _c.find((p) => p.provider === ProviderEnum.Turnkey && p.enabledAt)) &&
         Boolean((_e = (_d = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk) === null || _d === void 0 ? void 0 : _d.embeddedWallets) === null || _e === void 0 ? void 0 : _e.emailRecoveryEnabled);
     const v2Wallet = user === null || user === void 0 ? void 0 : user.verifiedCredentials.some((credential) => { var _a; return ((_a = credential.walletProperties) === null || _a === void 0 ? void 0 : _a.version) === EmbeddedWalletVersionEnum.V2; });
+    const v3Wallet = (primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.key) === 'dynamicwaas';
     // revert to v2 wallet view (no passkey recovery) if passkey recovery is not enabled
-    const v1Wallet = !v2Wallet && isRecoveryEnabled;
+    const v1Wallet = !v3Wallet && !v2Wallet && isRecoveryEnabled;
     const hasContactInfo = Boolean(supportEmail || Object.keys(supportUrls || {}).length > 0);
     const getSupportHelpSession = () => {
         // For v1 wallets, only show the "Go here for support" link that triggers recovery

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

@@ -14,6 +14,7 @@ var walletBook = require('@dynamic-labs/wallet-book');
 var walletConnectorCore = require('@dynamic-labs/wallet-connector-core');
 var version = require('../../../version.cjs');
 var app = require('../../app.cjs');
+var useInitializeSdkClient = require('../../client/extension/useInitializeSdkClient/useInitializeSdkClient.cjs');
 require('../../components/Accordion/components/AccordionItem/AccordionItem.cjs');
 var ViewContext = require('../ViewContext/ViewContext.cjs');
 require('@dynamic-labs/sdk-api-core');
@@ -729,6 +730,8 @@ const InnerDynamicContextProvider = (props) => {
 };
 /** The context provider you need to have access too all of Dynamic's hooks */
 const DynamicContextProvider = (props) => {
+    // Initialize client before anything else
+    useInitializeSdkClient.useInitializeSdkClient(props);
     logger.Logger.setEnvironmentId(props.settings.environmentId);
     logger.Logger.setEmitErrors(props.emitErrors);
     useParentDynamicContextGuard.useParentDynamicContextGuard();

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

@@ -10,6 +10,7 @@ import { useWalletBookCdn, getWalletBookCdnUrl, WalletBookContextProvider } from
 import { setChainInfoOverrides, logger as logger$1, isSessionKeyCompatibleWalletConnector } from '@dynamic-labs/wallet-connector-core';
 import { VERSION } from '../../../version.js';
 import { DynamicAuthFlow } from '../../app.js';
+import { useInitializeSdkClient } from '../../client/extension/useInitializeSdkClient/useInitializeSdkClient.js';
 import '../../components/Accordion/components/AccordionItem/AccordionItem.js';
 import { ViewContextProvider } from '../ViewContext/ViewContext.js';
 import '@dynamic-labs/sdk-api-core';
@@ -725,6 +726,8 @@ const InnerDynamicContextProvider = (props) => {
 };
 /** The context provider you need to have access too all of Dynamic's hooks */
 const DynamicContextProvider = (props) => {
+    // Initialize client before anything else
+    useInitializeSdkClient(props);
     Logger.setEnvironmentId(props.settings.environmentId);
     Logger.setEmitErrors(props.emitErrors);
     useParentDynamicContextGuard();

package/src/lib/context/OnrampContext/useEnabledOnrampProviders/useEnabledOnrampProviders.d.ts

@@ -1,5 +1,5 @@
 import { type Wallet } from '@dynamic-labs/wallet-connector-core';
-import { type OnrampConfiguration, type OnrampProviders } from '@dynamic-labs/sdk-api-core';
+import { type RampConfiguration, type OnrampProviders } from '@dynamic-labs/sdk-api-core';
 export type EnabledOnrampProvidersTarget = {
     address?: string;
     token?: string;
@@ -11,5 +11,5 @@ type UseEnabledOnrampProvidersProps = {
     environmentId: string;
     target: EnabledOnrampProvidersTarget;
 };
-export declare const useEnabledOnrampProviders: ({ primaryWallet, network, environmentId, projectSettingsOnramps, target, }: UseEnabledOnrampProvidersProps) => OnrampConfiguration[];
+export declare const useEnabledOnrampProviders: ({ primaryWallet, network, environmentId, projectSettingsOnramps, target, }: UseEnabledOnrampProvidersProps) => RampConfiguration[];
 export {};

package/src/lib/context/ViewContext/types/index.d.ts

@@ -1,6 +1,6 @@
 import { ComponentProps, FC } from 'react';
 import { viewToComponentMap } from '../../../views/viewToComponentMap';
-export type ViewType = 'access-blocked' | 'select-hardware-wallet' | 'captcha' | 'chainalysis-blocked-wallet' | 'collect-user-data' | 'collect-user-data-login-no-wallet' | 'login-with-email-or-wallet-full-wallet-list' | 'login-with-email-or-wallet' | 'login-with-wallet-only' | 'login-with-email-verification' | 'login-with-sms-verification' | 'network-not-supported' | 'network-not-supported-manual' | 'no-access' | 'no-qr-not-installed' | 'pending-connect' | 'pending-signature-without-back-button' | 'pending-signature' | 'qr-code' | 'verify-email' | 'verify-sms' | 'wallet-connect-mobile-wallets-list' | 'wallet-list' | 'external-funding-wallet-list' | 'sandbox-maximum-threshold-reached' | 'multi-wallet-wallet-list' | 'wallet-sign' | 'wallet-used' | 'wallet-group' | 'select-wallet-in-wallet-group' | 'wait-for-email-confirmation-view' | 'email-wallet-otp-verification-view' | 'social-redirect-view' | 'wallet-locked-view' | 'social-wrong-account' | 'gate-blocked-wallet' | 'bridge-welcome' | 'bridge-summary' | 'bridge-next-wallet-connection' | 'account-exists' | 'merge-user-accounts' | 'merge-user-accounts-conflicts' | 'merge-user-accounts-with-same-email' | 'mfa-choose-device' | 'mfa-recovery' | 'mfa-secure-device' | 'mfa-secure-device-help' | 'mfa-verification' | 'mfa-display-backup-codes' | 'wallet-cannot-be-transferred' | 'passkey-intro' | 'passkey-recovery-add-email' | 'global-wallet-confirm' | 'global-wallet-malicious' | 'global-wallet-info' | 'passkey-recovery-start' | 'passkey-recovery-bundle' | 'passkey-recovery-complete' | 'passkey-new-domain-detected' | 'embedded-delete-view' | 'embedded-reveal-view' | 'embedded-reveal-account-view' | 'embedded-wallet-auth-choice' | 'rename-passkey' | 'wallet-redirect-view' | 'mobile-wallet-redirect-view' | 'farcaster-connect-view' | 'embedded-wallet-exists' | 'user-delete-account';
+export type ViewType = 'access-blocked' | 'backup-unsuccessful' | 'select-hardware-wallet' | 'captcha' | 'chainalysis-blocked-wallet' | 'collect-user-data' | 'collect-user-data-login-no-wallet' | 'login-with-email-or-wallet-full-wallet-list' | 'login-with-email-or-wallet' | 'login-with-wallet-only' | 'login-with-email-verification' | 'login-with-sms-verification' | 'network-not-supported' | 'network-not-supported-manual' | 'no-access' | 'no-qr-not-installed' | 'pending-connect' | 'pending-signature-without-back-button' | 'pending-signature' | 'qr-code' | 'verify-email' | 'verify-sms' | 'wallet-connect-mobile-wallets-list' | 'wallet-list' | 'external-funding-wallet-list' | 'sandbox-maximum-threshold-reached' | 'multi-wallet-wallet-list' | 'wallet-sign' | 'wallet-used' | 'wallet-group' | 'select-wallet-in-wallet-group' | 'wait-for-email-confirmation-view' | 'email-wallet-otp-verification-view' | 'social-redirect-view' | 'wallet-locked-view' | 'social-wrong-account' | 'gate-blocked-wallet' | 'bridge-welcome' | 'bridge-summary' | 'bridge-next-wallet-connection' | 'account-exists' | 'merge-user-accounts' | 'merge-user-accounts-conflicts' | 'merge-user-accounts-with-same-email' | 'mfa-choose-device' | 'mfa-recovery' | 'mfa-secure-device' | 'mfa-secure-device-help' | 'mfa-verification' | 'mfa-display-backup-codes' | 'wallet-cannot-be-transferred' | 'passkey-intro' | 'passkey-recovery-add-email' | 'global-wallet-confirm' | 'global-wallet-malicious' | 'global-wallet-info' | 'passkey-recovery-start' | 'passkey-recovery-bundle' | 'passkey-recovery-complete' | 'passkey-new-domain-detected' | 'embedded-delete-view' | 'embedded-reveal-view' | 'embedded-reveal-account-view' | 'embedded-wallet-auth-choice' | 'rename-passkey' | 'wallet-redirect-view' | 'mobile-wallet-redirect-view' | 'farcaster-connect-view' | 'embedded-wallet-exists' | 'user-delete-account';
 export type ViewMapConstraint = Record<ViewType, FC<any>>;
 export type ViewMap = typeof viewToComponentMap;
 export type ViewState<T extends ViewType> = {

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

@@ -0,0 +1,45 @@
+import { Account, CreateExchangeTransferRequest, ExchangeKeyEnum, ExchangeTransferResponse } from '@dynamic-labs/sdk-api-core';
+/**
+ * Retrieve the list of exchange accounts linked to a user for a given exchange provider.
+ *
+ * @param environmentId – Dynamic environment ID
+ * @param exchangeKey – The key identifying the exchange provider (e.g., 'coinbase')
+ * @returns An array of `Account` objects representing the user's linked exchange accounts
+ */
+export declare const getUserExchangeAccounts: ({ environmentId, exchangeKey, }: {
+    environmentId: string;
+    exchangeKey: ExchangeKeyEnum;
+}) => Promise<Account[]>;
+/**
+ * Transfer funds from a user-linked exchange account to an external address
+ * or another Coinbase account.
+ *
+ * @param environmentId – Dynamic environment ID
+ * @param exchangeKey   – The key identifying the exchange provider (e.g., `'coinbase'`)
+ * @param accountId     – The exchange-account ID to transfer funds **from**
+ * @param transfer      – JSON body matching `CreateExchangeTransferRequest`
+ * @returns Details of the created transfer (`ExchangeTransferResponse`)
+ *
+ * @example
+ * ```ts
+ * await createExchangeAccountTransfer({
+ *   environmentId: 'env_123',
+ *   exchangeKey: ExchangeKeyEnum.COINBASE,
+ *   accountId: 'acc_456',
+ *   transfer: {
+ *     to: '0xRecipientAddress',
+ *     amount: 0.25,
+ *     currency: 'ETH',
+ *     network: 'ethereum',
+ *     description: 'Withdrawal to cold wallet',
+ *     mfaCode: '123456',
+ *   },
+ * });
+ * ```
+ */
+export declare const createExchangeAccountTransfer: ({ environmentId, exchangeKey, accountId, transfer, }: {
+    environmentId: string;
+    exchangeKey: ExchangeKeyEnum;
+    accountId: string;
+    transfer: CreateExchangeTransferRequest;
+}) => Promise<ExchangeTransferResponse>;

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

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