@dynamic-labs/sdk-react-core 4.2.3 → 4.3.1

package/CHANGELOG.md

@@ -1,4 +1,25 @@
 
+### [4.3.1](https://github.com/dynamic-labs/dynamic-auth/compare/v4.3.0...v4.3.1) (2025-01-23)
+
+
+### Bug Fixes
+
+* correctly parse message to sign when it has unscaped new line character ([#7850](https://github.com/dynamic-labs/dynamic-auth/issues/7850)) ([156c144](https://github.com/dynamic-labs/dynamic-auth/commit/156c1440989ef7cb9a9066491e8670bc1737eb68))
+* ensure user wallets state has been updated before emitting walletAdded/walletRemoved events ([#7863](https://github.com/dynamic-labs/dynamic-auth/issues/7863)) ([2bf61db](https://github.com/dynamic-labs/dynamic-auth/commit/2bf61dbace85d93c8fb684a9c7304fe562a85395))
+* ensure zerodev simulation has correct gas limit and initCode data ([#7861](https://github.com/dynamic-labs/dynamic-auth/issues/7861)) ([88c2588](https://github.com/dynamic-labs/dynamic-auth/commit/88c2588256a2421907c0d9f0f724a8708cf9a54a))
+
+## [4.3.0](https://github.com/dynamic-labs/dynamic-auth/compare/v4.2.3...v4.3.0) (2025-01-21)
+
+
+### Features
+
+* add support for Nightly wallet on Eclipse ([#7848](https://github.com/dynamic-labs/dynamic-auth/issues/7848)) ([dd6e8d4](https://github.com/dynamic-labs/dynamic-auth/commit/dd6e8d41daf632a1b55137f903b6fc99a148c071))
+
+
+### Bug Fixes
+
+* fix storage sync issues when upgrade to sdk v4 while user is logged in ([#7835](https://github.com/dynamic-labs/dynamic-auth/issues/7835)) ([528b6f9](https://github.com/dynamic-labs/dynamic-auth/commit/528b6f9ce5d0e77d518dcfb7021fc711d2a9e503))
+
 ### [4.2.3](https://github.com/dynamic-labs/dynamic-auth/compare/v4.2.2...v4.2.3) (2025-01-16)
 
 

package/package.cjs

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

package/package.js

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

package/package.json

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

package/src/components.d.ts

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

package/src/lib/components/SignMessagePreview/SignMessagePreview.cjs

@@ -11,11 +11,12 @@ var isSignTypedData = require('./utils/isSignTypedData/isSignTypedData.cjs');
 var isRawMessage = require('./utils/isRawMessage/isRawMessage.cjs');
 var SignTypedDataPreview = require('./components/SignTypedDataPreview/SignTypedDataPreview.cjs');
 var containsSpecialCharacters = require('./utils/containsSpecialCharacters/containsSpecialCharacters.cjs');
+var safeJsonParse = require('./utils/safeJsonParse/safeJsonParse.cjs');
 
 const SignMessagePreview = ({ message, }) => {
     const jsonMessage = React.useMemo(() => {
         try {
-            const json = JSON.parse(message);
+            const json = safeJsonParse.safeJsonParse(message);
             return json;
         }
         catch (e) {

package/src/lib/components/SignMessagePreview/SignMessagePreview.js

@@ -7,11 +7,12 @@ import { isSignTypedData } from './utils/isSignTypedData/isSignTypedData.js';
 import { isRawMessage } from './utils/isRawMessage/isRawMessage.js';
 import { SignTypedDataPreview } from './components/SignTypedDataPreview/SignTypedDataPreview.js';
 import { containsSpecialCharacters } from './utils/containsSpecialCharacters/containsSpecialCharacters.js';
+import { safeJsonParse } from './utils/safeJsonParse/safeJsonParse.js';
 
 const SignMessagePreview = ({ message, }) => {
     const jsonMessage = useMemo(() => {
         try {
-            const json = JSON.parse(message);
+            const json = safeJsonParse(message);
             return json;
         }
         catch (e) {

package/src/lib/components/SignMessagePreview/utils/safeJsonParse/index.d.ts

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

package/src/lib/components/SignMessagePreview/utils/safeJsonParse/safeJsonParse.cjs

@@ -0,0 +1,21 @@
+'use client'
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const safeJsonParse = (message) => {
+    try {
+        // First attempt a direct parse
+        return JSON.parse(message);
+    }
+    catch (e) {
+        if (message.includes('raw')) {
+            // If that fails, attempt to fix newlines, then parse
+            const fixed = message.replace(/\n/g, '\\n');
+            return JSON.parse(fixed);
+        }
+        throw e;
+    }
+};
+
+exports.safeJsonParse = safeJsonParse;

package/src/lib/components/SignMessagePreview/utils/safeJsonParse/safeJsonParse.d.ts

@@ -0,0 +1 @@
+export declare const safeJsonParse: (message: string) => any;

package/src/lib/components/SignMessagePreview/utils/safeJsonParse/safeJsonParse.js

@@ -0,0 +1,17 @@
+'use client'
+const safeJsonParse = (message) => {
+    try {
+        // First attempt a direct parse
+        return JSON.parse(message);
+    }
+    catch (e) {
+        if (message.includes('raw')) {
+            // If that fails, attempt to fix newlines, then parse
+            const fixed = message.replace(/\n/g, '\\n');
+            return JSON.parse(fixed);
+        }
+        throw e;
+    }
+};
+
+export { safeJsonParse };

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

@@ -73,3 +73,4 @@ export * from './EmailForm';
 export * from './StatusDot';
 export * from './OptionsSwitcher';
 export * from './WalletConnectorEvents';
+export * from './AuthProviderIcon';

package/src/lib/context/UserWalletsContext/UserWalletsContext.cjs

@@ -11,28 +11,33 @@ var dynamicEvents = require('../../events/dynamicEvents.cjs');
 const UserWalletsContext = React.createContext(undefined);
 const UserWalletsProvider = ({ children }) => {
     const [userWallets, _setUserWallets] = React.useState([]);
+    const prevUserWallets = React.useRef([]);
     const addedWalletsIds = React.useRef([]);
     const removedWalletsIds = React.useRef([]);
     const setUserWallets = React.useCallback((returnUpdatedWallets) => {
         _setUserWallets((prevWallets) => {
+            prevUserWallets.current = prevWallets;
             const updatedWallets = returnUpdatedWallets(prevWallets);
-            addedWalletsIds.current.forEach((walletId) => {
-                const wallet = updatedWallets.find(({ id }) => id === walletId);
-                if (!wallet)
-                    return;
-                dynamicEvents.dynamicEvents.emit('walletAdded', wallet, updatedWallets);
-            });
-            removedWalletsIds.current.forEach((walletId) => {
-                const wallet = prevWallets.find(({ id }) => id === walletId);
-                if (!wallet)
-                    return;
-                dynamicEvents.dynamicEvents.emit('walletRemoved', wallet, updatedWallets);
-            });
-            addedWalletsIds.current = [];
-            removedWalletsIds.current = [];
             return updatedWallets;
         });
     }, []);
+    // it's an useEffect because it needs to be called after the userWallets state is updated
+    React.useEffect(() => {
+        addedWalletsIds.current.forEach((walletId) => {
+            const wallet = userWallets.find(({ id }) => id === walletId);
+            if (!wallet)
+                return;
+            dynamicEvents.dynamicEvents.emit('walletAdded', wallet, userWallets);
+        });
+        removedWalletsIds.current.forEach((walletId) => {
+            const wallet = prevUserWallets.current.find(({ id }) => id === walletId);
+            if (!wallet)
+                return;
+            dynamicEvents.dynamicEvents.emit('walletRemoved', wallet, userWallets);
+        });
+        addedWalletsIds.current = [];
+        removedWalletsIds.current = [];
+    }, [userWallets]);
     return (jsxRuntime.jsx(UserWalletsContext.Provider, { value: {
             addedWalletsIds,
             registerUserWallet: (newWallet) => setUserWallets((userWallets) => [...userWallets, newWallet]),

package/src/lib/context/UserWalletsContext/UserWalletsContext.js

@@ -1,34 +1,39 @@
 'use client'
 import { jsx } from 'react/jsx-runtime';
-import { createContext, useContext, useState, useRef, useCallback } from 'react';
+import { createContext, useContext, useState, useRef, useCallback, useEffect } from 'react';
 import { dynamicEvents } from '../../events/dynamicEvents.js';
 
 /** Context for accessing the current user/session's wallets */
 const UserWalletsContext = createContext(undefined);
 const UserWalletsProvider = ({ children }) => {
     const [userWallets, _setUserWallets] = useState([]);
+    const prevUserWallets = useRef([]);
     const addedWalletsIds = useRef([]);
     const removedWalletsIds = useRef([]);
     const setUserWallets = useCallback((returnUpdatedWallets) => {
         _setUserWallets((prevWallets) => {
+            prevUserWallets.current = prevWallets;
             const updatedWallets = returnUpdatedWallets(prevWallets);
-            addedWalletsIds.current.forEach((walletId) => {
-                const wallet = updatedWallets.find(({ id }) => id === walletId);
-                if (!wallet)
-                    return;
-                dynamicEvents.emit('walletAdded', wallet, updatedWallets);
-            });
-            removedWalletsIds.current.forEach((walletId) => {
-                const wallet = prevWallets.find(({ id }) => id === walletId);
-                if (!wallet)
-                    return;
-                dynamicEvents.emit('walletRemoved', wallet, updatedWallets);
-            });
-            addedWalletsIds.current = [];
-            removedWalletsIds.current = [];
             return updatedWallets;
         });
     }, []);
+    // it's an useEffect because it needs to be called after the userWallets state is updated
+    useEffect(() => {
+        addedWalletsIds.current.forEach((walletId) => {
+            const wallet = userWallets.find(({ id }) => id === walletId);
+            if (!wallet)
+                return;
+            dynamicEvents.emit('walletAdded', wallet, userWallets);
+        });
+        removedWalletsIds.current.forEach((walletId) => {
+            const wallet = prevUserWallets.current.find(({ id }) => id === walletId);
+            if (!wallet)
+                return;
+            dynamicEvents.emit('walletRemoved', wallet, userWallets);
+        });
+        addedWalletsIds.current = [];
+        removedWalletsIds.current = [];
+    }, [userWallets]);
     return (jsx(UserWalletsContext.Provider, { value: {
             addedWalletsIds,
             registerUserWallet: (newWallet) => setUserWallets((userWallets) => [...userWallets, newWallet]),

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

@@ -1,6 +1,6 @@
 import { 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' | 'deposit-view' | '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' | 'create-password-view' | 'wallet-claim-intro' | 'mobile-wallet-redirect-view' | 'farcaster-connect-view';
+export type ViewType = 'access-blocked' | 'select-hardware-wallet' | 'captcha' | 'chainalysis-blocked-wallet' | 'collect-user-data' | 'collect-user-data-login-no-wallet' | 'deposit-view' | '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' | 'create-password-view' | 'wallet-claim-intro' | 'mobile-wallet-redirect-view' | 'farcaster-connect-view' | 'embedded-wallet-exists';
 export type ViewMapConstraint = Record<ViewType, FC<any>>;
 type ComponentProps<T extends FC<any>> = T extends FC<infer P> ? P : never;
 export type ViewMap = typeof viewToComponentMap;

package/src/lib/data/api/wallets/wallets.cjs

@@ -51,6 +51,9 @@ const linkWallet = (environmentId_1, _b) => _tslib.__awaiter(void 0, [environmen
     }
     catch (e) {
         const data = yield utils.logResponseError(e, 'Error linkWallet');
+        if (data.code === 'embedded_wallet_address_already_linked') {
+            throw new utils$1.EmbeddedWalletExistsError(data.code);
+        }
         if (data.code === 'reassign_wallet_confirm' ||
             data.code === 'reassign_wallet_error') {
             throw new utils$1.WalletUsedError(data.code);

package/src/lib/data/api/wallets/wallets.js

@@ -1,7 +1,7 @@
 'use client'
 import { __awaiter } from '../../../../../_virtual/_tslib.js';
 import { VerifyRequestFromJSON } from '@dynamic-labs/sdk-api-core';
-import { WalletUsedError, MergeAccountsConfirmationError, SandboxMaximumThresholdReachedError, DynamicError, WalletNotDeployedError, ChainalysisError, GateBlockedError, NoAccessError, AccountExistsError } from '@dynamic-labs/utils';
+import { EmbeddedWalletExistsError, WalletUsedError, MergeAccountsConfirmationError, SandboxMaximumThresholdReachedError, DynamicError, WalletNotDeployedError, ChainalysisError, GateBlockedError, NoAccessError, AccountExistsError } from '@dynamic-labs/utils';
 import { sdkApi } from '../api.js';
 import { storeAuthTokenAndUser } from '../../../store/state/user/storeAuthTokenAndUser/storeAuthTokenAndUser.js';
 import '../../../store/state/user/user.js';
@@ -47,6 +47,9 @@ const linkWallet = (environmentId_1, _b) => __awaiter(void 0, [environmentId_1,
     }
     catch (e) {
         const data = yield logResponseError(e, 'Error linkWallet');
+        if (data.code === 'embedded_wallet_address_already_linked') {
+            throw new EmbeddedWalletExistsError(data.code);
+        }
         if (data.code === 'reassign_wallet_confirm' ||
             data.code === 'reassign_wallet_error') {
             throw new WalletUsedError(data.code);

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

@@ -2099,6 +2099,10 @@ const translation = {
         },
         log_out_button: 'Log out',
         title: 'Transfer this wallet?',
+        already_exists: {
+            title: 'Wallet Already Linked',
+            description: 'This wallet is already used as an embedded wallet. You cannot link it unless you delete the existing embedded wallet.',
+        },
     },
     /**
      * @description copy keys for connecting wallets list view

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

@@ -2095,6 +2095,10 @@ export declare const translation: {
         };
         log_out_button: string;
         title: string;
+        already_exists: {
+            title: string;
+            description: string;
+        };
     };
     /**
      * @description copy keys for connecting wallets list view

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

@@ -2095,6 +2095,10 @@ const translation = {
         },
         log_out_button: 'Log out',
         title: 'Transfer this wallet?',
+        already_exists: {
+            title: 'Wallet Already Linked',
+            description: 'This wallet is already used as an embedded wallet. You cannot link it unless you delete the existing embedded wallet.',
+        },
     },
     /**
      * @description copy keys for connecting wallets list view

package/src/lib/store/internalImplementation/store.cjs

@@ -4,10 +4,12 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var store$1 = require('@dynamic-labs/store');
+var utils = require('@dynamic-labs/utils');
 var localStorage$1 = require('../../utils/constants/localStorage.cjs');
 require('../../utils/constants/colors.cjs');
 require('../../utils/constants/values.cjs');
 var stateConfig = require('../stateConfig.cjs');
+var version = require('../../../version.cjs');
 var clearExpiredData = require('./utils/clearExpiredData/clearExpiredData.cjs');
 var syncLegacyStorage = require('./utils/syncLegacyStorage/syncLegacyStorage.cjs');
 
@@ -38,6 +40,7 @@ const initializeStore = (props) => {
         storage: getStorage(),
         // Map each entry to its initialValue
         store: store$1.createStore(() => stateConfig.createInitialStates(props)),
+        version: utils.formatVersion(version.VERSION, 'major.minor'),
     }));
     clearExpiredData.clearExpiredData(store);
 };

package/src/lib/store/internalImplementation/store.js

@@ -1,9 +1,11 @@
 'use client'
 import { persist, createStore } from '@dynamic-labs/store';
+import { formatVersion } from '@dynamic-labs/utils';
 import { STORE_STORAGE_KEY } from '../../utils/constants/localStorage.js';
 import '../../utils/constants/colors.js';
 import '../../utils/constants/values.js';
 import { transformStateForLocalStorage, createInitialStates } from '../stateConfig.js';
+import { VERSION } from '../../../version.js';
 import { clearExpiredData } from './utils/clearExpiredData/clearExpiredData.js';
 import { syncLegacyStorage } from './utils/syncLegacyStorage/syncLegacyStorage.js';
 
@@ -34,6 +36,7 @@ const initializeStore = (props) => {
         storage: getStorage(),
         // Map each entry to its initialValue
         store: createStore(() => createInitialStates(props)),
+        version: formatVersion(VERSION, 'major.minor'),
     }));
     clearExpiredData(store);
 };