@dynamic-labs/sdk-react-core 4.16.0 → 4.18.0

package/CHANGELOG.md

@@ -1,4 +1,31 @@
 
+## [4.18.0](https://github.com/dynamic-labs/dynamic-auth/compare/v4.17.0...v4.18.0) (2025-05-07)
+
+
+### Features
+
+* 7702 authorization now happens on the first transaction and could use sponsored user operation if paymaster provided (IMPORTANT: viem need to be upgraded to at least 2.28.4)
+
+
+### Bug Fixes
+
+* inline email submit button color when active ([#8663](https://github.com/dynamic-labs/dynamic-auth/issues/8663)) ([ea556e9](https://github.com/dynamic-labs/dynamic-auth/commit/ea556e9116e876fb2180870e74b6c8c6a13faecb))
+
+## [4.17.0](https://github.com/dynamic-labs/dynamic-auth/compare/v4.16.0...v4.17.0) (2025-05-06)
+
+
+### Features
+
+* add chain id option to create kernel client in react-native ([#8650](https://github.com/dynamic-labs/dynamic-auth/issues/8650)) ([1450bea](https://github.com/dynamic-labs/dynamic-auth/commit/1450bea6f979a82ed4880700aff14fa1ead9dc60))
+* add sendCalls method to EthereumWallet ([#8634](https://github.com/dynamic-labs/dynamic-auth/issues/8634)) ([7c9aef9](https://github.com/dynamic-labs/dynamic-auth/commit/7c9aef95382b4823a40279bebfb084de32c25610))
+
+
+### Bug Fixes
+
+* 7702 do not override existing old aa ([#8630](https://github.com/dynamic-labs/dynamic-auth/issues/8630)) ([a731d9e](https://github.com/dynamic-labs/dynamic-auth/commit/a731d9e77ecd9e1dec3a7704a63989b5f2741a57))
+* improve error message when email login fails ([#8649](https://github.com/dynamic-labs/dynamic-auth/issues/8649)) ([e1c03ac](https://github.com/dynamic-labs/dynamic-auth/commit/e1c03ac6dc83386c63d63db59d31355bc4fe2959))
+* improve react-native stability on android ([#8652](https://github.com/dynamic-labs/dynamic-auth/issues/8652)) ([1617546](https://github.com/dynamic-labs/dynamic-auth/commit/1617546e6053c2ab32f7d385336c47df185d077f))
+
 ## [4.16.0](https://github.com/dynamic-labs/dynamic-auth/compare/v4.15.0...v4.16.0) (2025-05-03)
 
 

package/package.cjs

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

package/package.js

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dynamic-labs/sdk-react-core",
-  "version": "4.16.0",
+  "version": "4.18.0",
   "dependencies": {
     "@dynamic-labs/sdk-api-core": "0.0.660",
     "@hcaptcha/react-hcaptcha": "1.4.4",
@@ -14,24 +14,24 @@
     "yup": "0.32.11",
     "react-international-phone": "4.2.5",
     "bs58": "5.0.0",
-    "@dynamic-labs/assert-package-version": "4.16.0",
-    "@dynamic-labs/iconic": "4.16.0",
-    "@dynamic-labs/logger": "4.16.0",
-    "@dynamic-labs/multi-wallet": "4.16.0",
-    "@dynamic-labs/rpc-providers": "4.16.0",
-    "@dynamic-labs/store": "4.16.0",
-    "@dynamic-labs/types": "4.16.0",
-    "@dynamic-labs/utils": "4.16.0",
-    "@dynamic-labs/wallet-book": "4.16.0",
-    "@dynamic-labs/wallet-connector-core": "4.16.0",
+    "@dynamic-labs/assert-package-version": "4.18.0",
+    "@dynamic-labs/iconic": "4.18.0",
+    "@dynamic-labs/logger": "4.18.0",
+    "@dynamic-labs/multi-wallet": "4.18.0",
+    "@dynamic-labs/rpc-providers": "4.18.0",
+    "@dynamic-labs/store": "4.18.0",
+    "@dynamic-labs/types": "4.18.0",
+    "@dynamic-labs/utils": "4.18.0",
+    "@dynamic-labs/wallet-book": "4.18.0",
+    "@dynamic-labs/wallet-connector-core": "4.18.0",
     "eventemitter3": "5.0.1"
   },
   "devDependencies": {
     "semver": "7.5.4"
   },
   "peerDependencies": {
-    "react": "^18.0.0",
-    "react-dom": "^18.0.0"
+    "react": ">=18.0.0 <20.0.0",
+    "react-dom": ">=18.0.0 <20.0.0"
   },
   "description": "A React SDK for implementing wallet web3 authentication and authorization to your website.",
   "author": "Dynamic Labs, Inc.",

package/src/lib/components/InlineSubmitButton/InlineSubmitButton.cjs

@@ -15,8 +15,8 @@ const InlineSubmitButton = ({ disabled, highlighted, isFocused, isHovered, class
     if (!emailSubmitButtonInsideInput)
         return null;
     return (jsxRuntime.jsx(IconButton.IconButton, { "data-testid": 'in_line_submit_button', type: 'submit', className: classNames.classNames('inline-submit-button', className, {
-            'inline-submit-button--active': isFocused || isHovered,
-            'inline-submit-button--ready': highlighted,
+            'icon-button--active': isFocused || isHovered,
+            'icon-button--has-content': highlighted,
         }), disabled: disabled, style: style, children: jsxRuntime.jsx(arrowRightBackground.ReactComponent, {}) }));
 };
 

package/src/lib/components/InlineSubmitButton/InlineSubmitButton.js

@@ -11,8 +11,8 @@ const InlineSubmitButton = ({ disabled, highlighted, isFocused, isHovered, class
     if (!emailSubmitButtonInsideInput)
         return null;
     return (jsx(IconButton, { "data-testid": 'in_line_submit_button', type: 'submit', className: classNames('inline-submit-button', className, {
-            'inline-submit-button--active': isFocused || isHovered,
-            'inline-submit-button--ready': highlighted,
+            'icon-button--active': isFocused || isHovered,
+            'icon-button--has-content': highlighted,
         }), disabled: disabled, style: style, children: jsx(SvgArrowRightBackground, {}) }));
 };
 

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

@@ -131,7 +131,6 @@ const useHandleLogout = (params) => {
         utils.StorageService.removeItem(localStorage.WALLET_PICKER_SEARCH_KEY);
         utils.StorageService.removeItem(localStorage.PHANTOM_SIGNATURE_STATE);
         utils.StorageService.removeItem(localStorage.AUTH_EXPIRES_AT);
-        utils.StorageService.removeItem(localStorage.ZERODEV_AUTHORIZATION);
         p.setAuthMode(p.initialAuthenticationMode);
         p.setShowAuthFlow(false, {
             emitCancelAuth: false,

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

@@ -8,7 +8,7 @@ import '../../../../store/state/projectSettings/projectSettings.js';
 import { DYNAMIC_AUTH_COOKIE_NAME } from '../../../../utils/constants/values.js';
 import '@dynamic-labs/multi-wallet';
 import { logger } from '../../../../shared/logger.js';
-import { AUTH_TOKEN, AUTH_MIN_TOKEN, WALLET_PICKER_SEARCH_KEY, PHANTOM_SIGNATURE_STATE, AUTH_EXPIRES_AT, ZERODEV_AUTHORIZATION } from '../../../../utils/constants/localStorage.js';
+import { AUTH_TOKEN, AUTH_MIN_TOKEN, WALLET_PICKER_SEARCH_KEY, PHANTOM_SIGNATURE_STATE, AUTH_EXPIRES_AT } from '../../../../utils/constants/localStorage.js';
 import '../../../../utils/constants/colors.js';
 import 'react-international-phone';
 import '@dynamic-labs/iconic';
@@ -127,7 +127,6 @@ const useHandleLogout = (params) => {
         StorageService.removeItem(WALLET_PICKER_SEARCH_KEY);
         StorageService.removeItem(PHANTOM_SIGNATURE_STATE);
         StorageService.removeItem(AUTH_EXPIRES_AT);
-        StorageService.removeItem(ZERODEV_AUTHORIZATION);
         p.setAuthMode(p.initialAuthenticationMode);
         p.setShowAuthFlow(false, {
             emitCancelAuth: false,

package/src/lib/context/PasskeyContext/PasskeyContext.cjs

@@ -52,7 +52,7 @@ require('../SocialRedirectContext/SocialRedirectContext.cjs');
 require('../LoadingContext/LoadingContext.cjs');
 var useEmbeddedWallet = require('../../utils/hooks/useEmbeddedWallet/useEmbeddedWallet.cjs');
 require('../WalletContext/WalletContext.cjs');
-require('../../utils/hooks/useEmbeddedWallet/useSecureEnclaveEmbeddedWallet/constants.cjs');
+var constants = require('../../utils/hooks/useEmbeddedWallet/useSecureEnclaveEmbeddedWallet/constants.cjs');
 require('yup');
 require('../MockContext/MockContext.cjs');
 require('../../views/CollectUserDataView/useFields.cjs');
@@ -103,7 +103,7 @@ require('../../shared/utils/functions/getInitialUrl/getInitialUrl.cjs');
 const PasskeyContext = React.createContext(undefined);
 const PasskeyContextProviderWithBrowser = ({ children, }) => {
     var _a, _b, _c, _d, _e, _f, _g, _h;
-    const { userHasEmbeddedWallet } = useEmbeddedWallet.useEmbeddedWallet();
+    const { userHasEmbeddedWallet, getWalletVersion } = useEmbeddedWallet.useEmbeddedWallet();
     const { isSessionKeyCompatible, isTurnkeyWalletWithoutAuthenticator } = useIsTurnkeyWallet.useIsTurnkeyWallet();
     const { environmentId, projectSettings, user } = useInternalDynamicContext.useInternalDynamicContext();
     // state for when passkey list needs to re-render
@@ -138,12 +138,23 @@ const PasskeyContextProviderWithBrowser = ({ children, }) => {
     ]);
     // It fetches user passkeys if user has embedded wallet
     const getUserPasskeysResult = usePromise.usePromise(() => _tslib.__awaiter(void 0, void 0, void 0, function* () {
-        const data = yield embeddedWallets.getUserPasskeys({
-            environmentId: environmentId,
-        });
-        return data.passkeys;
+        const walletVersion = getWalletVersion();
+        const isV1Wallet = walletVersion === constants.EmbeddedWalletVersion.V1;
+        if (isV1Wallet) {
+            const data = yield embeddedWallets.getUserPasskeys({
+                environmentId: environmentId,
+            });
+            return data.passkeys;
+        }
+        return;
     }), {
-        deps: [environmentId, user, userHasEmbeddedWallet(), passkeyEdited],
+        deps: [
+            environmentId,
+            user,
+            userHasEmbeddedWallet(),
+            passkeyEdited,
+            getWalletVersion,
+        ],
         enabled: Boolean(environmentId && user && userHasEmbeddedWallet()),
     });
     // Returns true if user has passkeys for current origin

package/src/lib/context/PasskeyContext/PasskeyContext.js

@@ -48,7 +48,7 @@ import '../SocialRedirectContext/SocialRedirectContext.js';
 import '../LoadingContext/LoadingContext.js';
 import { useEmbeddedWallet } from '../../utils/hooks/useEmbeddedWallet/useEmbeddedWallet.js';
 import '../WalletContext/WalletContext.js';
-import '../../utils/hooks/useEmbeddedWallet/useSecureEnclaveEmbeddedWallet/constants.js';
+import { EmbeddedWalletVersion } from '../../utils/hooks/useEmbeddedWallet/useSecureEnclaveEmbeddedWallet/constants.js';
 import 'yup';
 import '../MockContext/MockContext.js';
 import '../../views/CollectUserDataView/useFields.js';
@@ -99,7 +99,7 @@ import '../../shared/utils/functions/getInitialUrl/getInitialUrl.js';
 const PasskeyContext = createContext(undefined);
 const PasskeyContextProviderWithBrowser = ({ children, }) => {
     var _a, _b, _c, _d, _e, _f, _g, _h;
-    const { userHasEmbeddedWallet } = useEmbeddedWallet();
+    const { userHasEmbeddedWallet, getWalletVersion } = useEmbeddedWallet();
     const { isSessionKeyCompatible, isTurnkeyWalletWithoutAuthenticator } = useIsTurnkeyWallet();
     const { environmentId, projectSettings, user } = useInternalDynamicContext();
     // state for when passkey list needs to re-render
@@ -134,12 +134,23 @@ const PasskeyContextProviderWithBrowser = ({ children, }) => {
     ]);
     // It fetches user passkeys if user has embedded wallet
     const getUserPasskeysResult = usePromise(() => __awaiter(void 0, void 0, void 0, function* () {
-        const data = yield getUserPasskeys({
-            environmentId: environmentId,
-        });
-        return data.passkeys;
+        const walletVersion = getWalletVersion();
+        const isV1Wallet = walletVersion === EmbeddedWalletVersion.V1;
+        if (isV1Wallet) {
+            const data = yield getUserPasskeys({
+                environmentId: environmentId,
+            });
+            return data.passkeys;
+        }
+        return;
     }), {
-        deps: [environmentId, user, userHasEmbeddedWallet(), passkeyEdited],
+        deps: [
+            environmentId,
+            user,
+            userHasEmbeddedWallet(),
+            passkeyEdited,
+            getWalletVersion,
+        ],
         enabled: Boolean(environmentId && user && userHasEmbeddedWallet()),
     });
     // Returns true if user has passkeys for current origin

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

@@ -22,7 +22,7 @@ const createEmailVerification = (_a) => _tslib.__awaiter(void 0, [_a], void 0, f
     }
     catch (e) {
         const data = yield utils.logResponseError(e, 'Error creating email verification');
-        throw new utils$1.EmailVerificationError(data.code);
+        throw new utils$1.EmailVerificationError(data.error, data.code);
     }
 });
 const signInWithEmailVerification = (_b) => _tslib.__awaiter(void 0, [_b], void 0, function* ({ verificationToken, verificationUUID, environmentId, captchaToken, sessionPublicKey, }) {
@@ -49,7 +49,7 @@ const signInWithEmailVerification = (_b) => _tslib.__awaiter(void 0, [_b], void
         if (data.error.code === 'sandbox_maximum_threshold_reached') {
             throw new utils$1.SandboxMaximumThresholdReachedError(data.error.message);
         }
-        throw new utils$1.EmailVerificationError(data.code);
+        throw new utils$1.EmailVerificationError(data.error, data.code);
     }
 });
 const retryEmailVerification = (_c) => _tslib.__awaiter(void 0, [_c], void 0, function* ({ email, environmentId, verificationUUID, }) {
@@ -65,7 +65,7 @@ const retryEmailVerification = (_c) => _tslib.__awaiter(void 0, [_c], void 0, fu
     }
     catch (e) {
         const data = yield utils.logResponseError(e, 'Error retrying email verification');
-        throw new utils$1.EmailVerificationError(data.code);
+        throw new utils$1.EmailVerificationError(data.error, data.code);
     }
 });
 const verifyEmail = (_d) => _tslib.__awaiter(void 0, [_d], void 0, function* ({ verificationToken, verificationUUID, environmentId, }) {
@@ -87,7 +87,7 @@ const verifyEmail = (_d) => _tslib.__awaiter(void 0, [_d], void 0, function* ({
         if (data.error.code === 'sandbox_maximum_threshold_reached') {
             throw new utils$1.SandboxMaximumThresholdReachedError(data.error.message);
         }
-        throw new utils$1.EmailVerificationError(data.code);
+        throw new utils$1.EmailVerificationError(data.error, data.code);
     }
 });
 

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

@@ -18,7 +18,7 @@ const createEmailVerification = (_a) => __awaiter(void 0, [_a], void 0, function
     }
     catch (e) {
         const data = yield logResponseError(e, 'Error creating email verification');
-        throw new EmailVerificationError(data.code);
+        throw new EmailVerificationError(data.error, data.code);
     }
 });
 const signInWithEmailVerification = (_b) => __awaiter(void 0, [_b], void 0, function* ({ verificationToken, verificationUUID, environmentId, captchaToken, sessionPublicKey, }) {
@@ -45,7 +45,7 @@ const signInWithEmailVerification = (_b) => __awaiter(void 0, [_b], void 0, func
         if (data.error.code === 'sandbox_maximum_threshold_reached') {
             throw new SandboxMaximumThresholdReachedError(data.error.message);
         }
-        throw new EmailVerificationError(data.code);
+        throw new EmailVerificationError(data.error, data.code);
     }
 });
 const retryEmailVerification = (_c) => __awaiter(void 0, [_c], void 0, function* ({ email, environmentId, verificationUUID, }) {
@@ -61,7 +61,7 @@ const retryEmailVerification = (_c) => __awaiter(void 0, [_c], void 0, function*
     }
     catch (e) {
         const data = yield logResponseError(e, 'Error retrying email verification');
-        throw new EmailVerificationError(data.code);
+        throw new EmailVerificationError(data.error, data.code);
     }
 });
 const verifyEmail = (_d) => __awaiter(void 0, [_d], void 0, function* ({ verificationToken, verificationUUID, environmentId, }) {
@@ -83,7 +83,7 @@ const verifyEmail = (_d) => __awaiter(void 0, [_d], void 0, function* ({ verific
         if (data.error.code === 'sandbox_maximum_threshold_reached') {
             throw new SandboxMaximumThresholdReachedError(data.error.message);
         }
-        throw new EmailVerificationError(data.code);
+        throw new EmailVerificationError(data.error, data.code);
     }
 });