@dynamic-labs/sdk-react-core 3.0.0-alpha.35 → 3.0.0-alpha.36

package/CHANGELOG.md

@@ -1,4 +1,13 @@
 
+## [3.0.0-alpha.36](https://github.com/dynamic-labs/DynamicAuth/compare/v3.0.0-alpha.35...v3.0.0-alpha.36) (2024-08-06)
+
+
+### Bug Fixes
+
+* emb wallet export with silent signing ([#6493](https://github.com/dynamic-labs/DynamicAuth/issues/6493)) ([af69c3a](https://github.com/dynamic-labs/DynamicAuth/commit/af69c3a85d8c1db6a0bf9b42c1310bf3183f9360))
+* use correct redirect url override when connecting with social ([#6502](https://github.com/dynamic-labs/DynamicAuth/issues/6502)) ([e27a0de](https://github.com/dynamic-labs/DynamicAuth/commit/e27a0ded2ad2d95b80a2ad354accaf57f5228691))
+* wagmi account sync issues when switching wallets ([#6441](https://github.com/dynamic-labs/DynamicAuth/issues/6441)) ([4536f88](https://github.com/dynamic-labs/DynamicAuth/commit/4536f88d41bf4a30cf114e8cd7efd7a211c00889))
+
 ## [3.0.0-alpha.35](https://github.com/dynamic-labs/DynamicAuth/compare/v3.0.0-alpha.34...v3.0.0-alpha.35) (2024-08-06)
 
 

package/package.cjs

@@ -3,9 +3,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var version = "3.0.0-alpha.35";
+var version = "3.0.0-alpha.36";
 var dependencies = {
-	"@dynamic-labs/sdk-api-core": "0.0.506",
+	"@dynamic-labs/sdk-api-core": "0.0.509",
 	"@hcaptcha/react-hcaptcha": "1.4.4",
 	"country-list": "2.3.0",
 	formik: "2.2.9",

package/package.js

@@ -1,7 +1,7 @@
 'use client'
-var version = "3.0.0-alpha.35";
+var version = "3.0.0-alpha.36";
 var dependencies = {
-	"@dynamic-labs/sdk-api-core": "0.0.506",
+	"@dynamic-labs/sdk-api-core": "0.0.509",
 	"@hcaptcha/react-hcaptcha": "1.4.4",
 	"country-list": "2.3.0",
 	formik: "2.2.9",

package/package.json

@@ -1,13 +1,13 @@
 {
   "name": "@dynamic-labs/sdk-react-core",
-  "version": "3.0.0-alpha.35",
+  "version": "3.0.0-alpha.36",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/dynamic-labs/dynamic-auth.git",
     "directory": "packages/sdk-react-core"
   },
   "dependencies": {
-    "@dynamic-labs/sdk-api-core": "0.0.506",
+    "@dynamic-labs/sdk-api-core": "0.0.509",
     "@hcaptcha/react-hcaptcha": "1.4.4",
     "country-list": "2.3.0",
     "formik": "2.2.9",
@@ -17,16 +17,16 @@
     "react-i18next": "13.5.0",
     "yup": "0.32.11",
     "react-international-phone": "4.2.5",
-    "@dynamic-labs/iconic": "3.0.0-alpha.35",
-    "@dynamic-labs/logger": "3.0.0-alpha.35",
-    "@dynamic-labs/message-transport": "3.0.0-alpha.35",
-    "@dynamic-labs/multi-wallet": "3.0.0-alpha.35",
-    "@dynamic-labs/rpc-providers": "3.0.0-alpha.35",
-    "@dynamic-labs/store": "3.0.0-alpha.35",
-    "@dynamic-labs/types": "3.0.0-alpha.35",
-    "@dynamic-labs/utils": "3.0.0-alpha.35",
-    "@dynamic-labs/wallet-book": "3.0.0-alpha.35",
-    "@dynamic-labs/wallet-connector-core": "3.0.0-alpha.35",
+    "@dynamic-labs/iconic": "3.0.0-alpha.36",
+    "@dynamic-labs/logger": "3.0.0-alpha.36",
+    "@dynamic-labs/message-transport": "3.0.0-alpha.36",
+    "@dynamic-labs/multi-wallet": "3.0.0-alpha.36",
+    "@dynamic-labs/rpc-providers": "3.0.0-alpha.36",
+    "@dynamic-labs/store": "3.0.0-alpha.36",
+    "@dynamic-labs/types": "3.0.0-alpha.36",
+    "@dynamic-labs/utils": "3.0.0-alpha.36",
+    "@dynamic-labs/wallet-book": "3.0.0-alpha.36",
+    "@dynamic-labs/wallet-connector-core": "3.0.0-alpha.36",
     "eventemitter3": "5.0.1"
   },
   "devDependencies": {

package/src/index.cjs

@@ -68,7 +68,7 @@ require('@dynamic-labs/store');
 require('./lib/locale/locale.cjs');
 var useEmbeddedWallet = require('./lib/utils/hooks/useEmbeddedWallet/useEmbeddedWallet.cjs');
 require('./lib/context/WalletContext/WalletContext.cjs');
-require('./lib/utils/hooks/useEmbeddedWallet/useSecureEnclaveEmbeddedWallet/constants.cjs');
+var constants = require('./lib/utils/hooks/useEmbeddedWallet/useSecureEnclaveEmbeddedWallet/constants.cjs');
 require('./lib/context/ErrorContext/ErrorContext.cjs');
 require('./lib/context/ThemeContext/ThemeContext.cjs');
 var useIsLoggedIn = require('./lib/utils/hooks/useIsLoggedIn/useIsLoggedIn.cjs');
@@ -206,6 +206,10 @@ exports.SpinnerIcon = spinner.ReactComponent;
 exports.ArrowIcon = stroke.ReactComponent;
 exports.mergeNetworks = mergeNetworks.mergeNetworks;
 exports.useEmbeddedWallet = useEmbeddedWallet.useEmbeddedWallet;
+Object.defineProperty(exports, 'EmbeddedWalletVersion', {
+  enumerable: true,
+  get: function () { return constants.EmbeddedWalletVersion; }
+});
 exports.useIsLoggedIn = useIsLoggedIn.useIsLoggedIn;
 exports.useOtpVerificationRequest = useOtpVerificationRequest.useOtpVerificationRequest;
 exports.usePasskeyRecovery = usePasskeyRecovery.usePasskeyRecovery;

package/src/index.d.ts

@@ -108,7 +108,7 @@ export { FilterAndSortWallets, FilterBridgeChainsName, FilterChain, FilterWallet
 export { 
 /** @deprecated */
 DynamicWidgetContextProvider, } from './lib/widgets/DynamicWidget/context';
-export { useWalletItemActions, useAuthenticateConnectedUser, useSocialAccounts, useEmbeddedWallet, useEmbeddedWalletAuthenticator, usePasskeyRecovery, useEmbeddedReveal, useIsLoggedIn, useDynamicModals, useMfa, useTokenBalances, useSwitchWallet, useRpcProviders, useRefreshUser, useSelectWalletOption, } from './lib/utils/hooks';
+export { useWalletItemActions, useAuthenticateConnectedUser, useSocialAccounts, useEmbeddedWallet, useEmbeddedWalletAuthenticator, usePasskeyRecovery, useEmbeddedReveal, useIsLoggedIn, useDynamicModals, useMfa, useTokenBalances, useSwitchWallet, useRpcProviders, useRefreshUser, useSelectWalletOption, EmbeddedWalletVersion, } from './lib/utils/hooks';
 export { useUserUpdateRequest, useWalletConnectorEvent, } from './lib/utils/hooks';
 export { type VerifyOtp, useOtpVerificationRequest, } from './lib/utils/hooks/authenticationHooks/';
 export type { UpdateUserFieldsArg } from './lib/utils/hooks/';

package/src/index.js

@@ -64,7 +64,7 @@ import '@dynamic-labs/store';
 import './lib/locale/locale.js';
 export { useEmbeddedWallet } from './lib/utils/hooks/useEmbeddedWallet/useEmbeddedWallet.js';
 import './lib/context/WalletContext/WalletContext.js';
-import './lib/utils/hooks/useEmbeddedWallet/useSecureEnclaveEmbeddedWallet/constants.js';
+export { EmbeddedWalletVersion } from './lib/utils/hooks/useEmbeddedWallet/useSecureEnclaveEmbeddedWallet/constants.js';
 import './lib/context/ErrorContext/ErrorContext.js';
 import './lib/context/ThemeContext/ThemeContext.js';
 export { useIsLoggedIn } from './lib/utils/hooks/useIsLoggedIn/useIsLoggedIn.js';

package/src/lib/components/OTPVerificationView/OTPVerificationView.cjs

@@ -11,8 +11,8 @@ require('../../shared/logger.cjs');
 require('@dynamic-labs/iconic');
 require('@dynamic-labs/wallet-connector-core');
 require('../../context/ViewContext/ViewContext.cjs');
+var arrowLeft = require('../../shared/assets/arrow-left.cjs');
 var check = require('../../shared/assets/check.cjs');
-var chevronLeft = require('../../shared/assets/chevron-left.cjs');
 var pencilAltIcon = require('../../shared/assets/pencil-alt-icon.cjs');
 require('@dynamic-labs/wallet-book');
 require('../../utils/constants/colors.cjs');
@@ -34,7 +34,7 @@ var Typography = require('../Typography/Typography.cjs');
 
 const OTPVerificationView = ({ onClickBack, onClickEditDestination, isLoading, displayedDestination, description, onPinComplete, isValid, error, retryHandler, onPinChange, successBannerTextKey, MainIcon, hideHeader, appendAboveOTPInput, appendToEnd, }) => {
     const { t } = reactI18next.useTranslation();
-    const backButton = onClickBack && (jsxRuntime.jsx(IconButton.IconButton, { type: 'button', onClick: onClickBack, "data-testid": 'back-button', children: jsxRuntime.jsx(chevronLeft.ReactComponent, {}) }));
+    const backButton = onClickBack && (jsxRuntime.jsx(IconButton.IconButton, { type: 'button', onClick: onClickBack, "data-testid": 'back-button', children: jsxRuntime.jsx(arrowLeft.ReactComponent, {}) }));
     const titleCopyKey = React.useMemo(() => isValid
         ? 'dyn_otp_verification.verification_succeeded'
         : 'dyn_otp_verification.confirm_code', [isValid]);

package/src/lib/components/OTPVerificationView/OTPVerificationView.js

@@ -7,8 +7,8 @@ import '../../shared/logger.js';
 import '@dynamic-labs/iconic';
 import '@dynamic-labs/wallet-connector-core';
 import '../../context/ViewContext/ViewContext.js';
+import { ReactComponent as SvgArrowLeft } from '../../shared/assets/arrow-left.js';
 import { ReactComponent as SvgCheck } from '../../shared/assets/check.js';
-import { ReactComponent as SvgChevronLeft } from '../../shared/assets/chevron-left.js';
 import { ReactComponent as SvgPencilAltIcon } from '../../shared/assets/pencil-alt-icon.js';
 import '@dynamic-labs/wallet-book';
 import '../../utils/constants/colors.js';
@@ -30,7 +30,7 @@ import { Typography } from '../Typography/Typography.js';
 
 const OTPVerificationView = ({ onClickBack, onClickEditDestination, isLoading, displayedDestination, description, onPinComplete, isValid, error, retryHandler, onPinChange, successBannerTextKey, MainIcon, hideHeader, appendAboveOTPInput, appendToEnd, }) => {
     const { t } = useTranslation();
-    const backButton = onClickBack && (jsx(IconButton, { type: 'button', onClick: onClickBack, "data-testid": 'back-button', children: jsx(SvgChevronLeft, {}) }));
+    const backButton = onClickBack && (jsx(IconButton, { type: 'button', onClick: onClickBack, "data-testid": 'back-button', children: jsx(SvgArrowLeft, {}) }));
     const titleCopyKey = useMemo(() => isValid
         ? 'dyn_otp_verification.verification_succeeded'
         : 'dyn_otp_verification.confirm_code', [isValid]);

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

@@ -163,10 +163,15 @@ const authMfaRecovery = (_j) => _tslib.__awaiter(void 0, [_j], void 0, function*
         });
         return response;
     }
-    catch (e) {
-        const data = yield e.json();
-        logger.logger.error(data.error);
-        return undefined;
+    catch (error) {
+        logger.logger.error(error);
+        if (error instanceof Response) {
+            const responseError = yield error.json();
+            if (responseError.code === 'mfa_invalid_code') {
+                throw new utils.MfaInvalidOtpError();
+            }
+        }
+        throw error;
     }
 });
 

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

@@ -159,10 +159,15 @@ const authMfaRecovery = (_j) => __awaiter(void 0, [_j], void 0, function* ({ env
         });
         return response;
     }
-    catch (e) {
-        const data = yield e.json();
-        logger.error(data.error);
-        return undefined;
+    catch (error) {
+        logger.error(error);
+        if (error instanceof Response) {
+            const responseError = yield error.json();
+            if (responseError.code === 'mfa_invalid_code') {
+                throw new MfaInvalidOtpError();
+            }
+        }
+        throw error;
     }
 });
 

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

@@ -858,13 +858,15 @@ const translation = {
           authenticator_app: 'Authenticator app',
           authenticator_app_description:
             'Use your preferred authenticator app such as Authy, Google Authenticator, etc.',
-          sms_code: 'SMS code',
-          sms_code_description:
-            'Use your preferred authenticator app such as Authy, Google Authenticator, etc.',
+          backup_code: 'Backup code',
+          backup_code_description:
+            'Enter one of your saved backup codes to authenticate.',
+          choose_another_method:  'Choose another method',
+          choose_another_method_description: 'Use one of the methods below:',
         },
         display_backup_codes_view: {
           title: 'Back up your codes',
-          body: 'Backup codes help recover your account if you lose access to your device.',
+          body: 'Backup codes help recover your account if you lose access to your device. Each code can be used only 1 time.',
           warning: 'You won’t be able to see these again',
           copy_all: 'Copy all',
           download: 'Download',
@@ -875,6 +877,7 @@ const translation = {
           title: 'Confirm verification code',
           body: 'Enter the verification code generated by your authenticator app',
           error: 'Invalid code. Please try again.',
+          choose_another_method: 'Sign in another way',
         },
         secure_device_view: {
           title: 'Secure your account',
@@ -889,12 +892,14 @@ const translation = {
             select_options: 'Protect your account by adding multi-factor authentication',
             authenticator_app: 'Authenticator app',
             authenticator_app_description: 'Use your preferred authenticator app such as Authy, Google Authenticator, etc.',
-            sms_code: 'SMS code',
-            sms_code_description: 'Use your preferred authenticator app such as Authy, Google Authenticator, etc.',
+            backup_code: 'Backup code',
+            backup_code_description: 'Enter one of your saved backup codes to authenticate.',
+            choose_another_method: 'Choose another method',
+            choose_another_method_description: 'Use one of the methods below:',
         },
         display_backup_codes_view: {
             title: 'Back up your codes',
-            body: 'Backup codes help recover your account if you lose access to your device.',
+            body: 'Backup codes help recover your account if you lose access to your device. Each code can be used only 1 time.',
             warning: 'You won’t be able to see these again',
             copy_all: 'Copy all',
             download: 'Download',
@@ -905,6 +910,7 @@ const translation = {
             title: 'Confirm verification code',
             body: 'Enter the verification code generated by your authenticator app',
             error: 'Invalid code. Please try again.',
+            choose_another_method: 'Sign in another way',
         },
         secure_device_view: {
             title: 'Secure your account',
@@ -928,7 +934,7 @@ const translation = {
         },
         recovery_view: {
             title: 'Enter your backup code',
-            body: 'Your backup code is the 24 character code you received when you activated two step authentication',
+            body: 'Your backup code is one of the 10 codes you received when you first enrolled in multi-factor authentication',
             input_label: 'Enter back up code',
             button_label: 'Continue',
             get_help: {

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

@@ -854,13 +854,15 @@ export declare const translation: {
           authenticator_app: 'Authenticator app',
           authenticator_app_description:
             'Use your preferred authenticator app such as Authy, Google Authenticator, etc.',
-          sms_code: 'SMS code',
-          sms_code_description:
-            'Use your preferred authenticator app such as Authy, Google Authenticator, etc.',
+          backup_code: 'Backup code',
+          backup_code_description:
+            'Enter one of your saved backup codes to authenticate.',
+          choose_another_method:  'Choose another method',
+          choose_another_method_description: 'Use one of the methods below:',
         },
         display_backup_codes_view: {
           title: 'Back up your codes',
-          body: 'Backup codes help recover your account if you lose access to your device.',
+          body: 'Backup codes help recover your account if you lose access to your device. Each code can be used only 1 time.',
           warning: 'You won’t be able to see these again',
           copy_all: 'Copy all',
           download: 'Download',
@@ -871,6 +873,7 @@ export declare const translation: {
           title: 'Confirm verification code',
           body: 'Enter the verification code generated by your authenticator app',
           error: 'Invalid code. Please try again.',
+          choose_another_method: 'Sign in another way',
         },
         secure_device_view: {
           title: 'Secure your account',
@@ -885,8 +888,10 @@ export declare const translation: {
             select_options: string;
             authenticator_app: string;
             authenticator_app_description: string;
-            sms_code: string;
-            sms_code_description: string;
+            backup_code: string;
+            backup_code_description: string;
+            choose_another_method: string;
+            choose_another_method_description: string;
         };
         display_backup_codes_view: {
             title: string;
@@ -901,6 +906,7 @@ export declare const translation: {
             title: string;
             body: string;
             error: string;
+            choose_another_method: string;
         };
         secure_device_view: {
             title: string;

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

@@ -854,13 +854,15 @@ const translation = {
           authenticator_app: 'Authenticator app',
           authenticator_app_description:
             'Use your preferred authenticator app such as Authy, Google Authenticator, etc.',
-          sms_code: 'SMS code',
-          sms_code_description:
-            'Use your preferred authenticator app such as Authy, Google Authenticator, etc.',
+          backup_code: 'Backup code',
+          backup_code_description:
+            'Enter one of your saved backup codes to authenticate.',
+          choose_another_method:  'Choose another method',
+          choose_another_method_description: 'Use one of the methods below:',
         },
         display_backup_codes_view: {
           title: 'Back up your codes',
-          body: 'Backup codes help recover your account if you lose access to your device.',
+          body: 'Backup codes help recover your account if you lose access to your device. Each code can be used only 1 time.',
           warning: 'You won’t be able to see these again',
           copy_all: 'Copy all',
           download: 'Download',
@@ -871,6 +873,7 @@ const translation = {
           title: 'Confirm verification code',
           body: 'Enter the verification code generated by your authenticator app',
           error: 'Invalid code. Please try again.',
+          choose_another_method: 'Sign in another way',
         },
         secure_device_view: {
           title: 'Secure your account',
@@ -885,12 +888,14 @@ const translation = {
             select_options: 'Protect your account by adding multi-factor authentication',
             authenticator_app: 'Authenticator app',
             authenticator_app_description: 'Use your preferred authenticator app such as Authy, Google Authenticator, etc.',
-            sms_code: 'SMS code',
-            sms_code_description: 'Use your preferred authenticator app such as Authy, Google Authenticator, etc.',
+            backup_code: 'Backup code',
+            backup_code_description: 'Enter one of your saved backup codes to authenticate.',
+            choose_another_method: 'Choose another method',
+            choose_another_method_description: 'Use one of the methods below:',
         },
         display_backup_codes_view: {
             title: 'Back up your codes',
-            body: 'Backup codes help recover your account if you lose access to your device.',
+            body: 'Backup codes help recover your account if you lose access to your device. Each code can be used only 1 time.',
             warning: 'You won’t be able to see these again',
             copy_all: 'Copy all',
             download: 'Download',
@@ -901,6 +906,7 @@ const translation = {
             title: 'Confirm verification code',
             body: 'Enter the verification code generated by your authenticator app',
             error: 'Invalid code. Please try again.',
+            choose_another_method: 'Sign in another way',
         },
         secure_device_view: {
             title: 'Secure your account',
@@ -924,7 +930,7 @@ const translation = {
         },
         recovery_view: {
             title: 'Enter your backup code',
-            body: 'Your backup code is the 24 character code you received when you activated two step authentication',
+            body: 'Your backup code is one of the 10 codes you received when you first enrolled in multi-factor authentication',
             input_label: 'Enter back up code',
             button_label: 'Continue',
             get_help: {