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

package/CHANGELOG.md

@@ -1,4 +1,18 @@
 
+### [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)
 
 

package/package.cjs

@@ -3,9 +3,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var version = "4.19.6";
+var version = "4.19.7";
 var dependencies = {
 	"@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.6";
+var version = "4.19.7";
 var dependencies = {
 	"@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.6",
+  "version": "4.19.7",
   "dependencies": {
     "@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.6",
-    "@dynamic-labs/iconic": "4.19.6",
-    "@dynamic-labs/logger": "4.19.6",
-    "@dynamic-labs/multi-wallet": "4.19.6",
-    "@dynamic-labs/rpc-providers": "4.19.6",
-    "@dynamic-labs/store": "4.19.6",
-    "@dynamic-labs/types": "4.19.6",
-    "@dynamic-labs/utils": "4.19.6",
-    "@dynamic-labs/wallet-book": "4.19.6",
-    "@dynamic-labs/wallet-connector-core": "4.19.6",
+    "@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/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();