@dynamic-labs/sdk-react-core 4.63.1 → 4.65.0

package/src/lib/widgets/DynamicWidget/views/AccountAndSecuritySettingsView/MfaSection/MfaSection.cjs

@@ -7,11 +7,10 @@ var _tslib = require('../../../../../../../_virtual/_tslib.cjs');
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var reactI18next = require('react-i18next');
-require('@dynamic-labs-sdk/client/core');
-require('@dynamic-labs/sdk-api-core');
-require('../../../../../client/client.cjs');
-require('@dynamic-labs-sdk/client');
-require('../../../../../config/ApiEndpoint.cjs');
+var Typography = require('../../../../../components/Typography/Typography.cjs');
+var TypographyButton = require('../../../../../components/TypographyButton/TypographyButton.cjs');
+require('../../../../../context/DynamicContext/DynamicContext.cjs');
+require('../../../../../store/state/loadingAndLifecycle/loadingAndLifecycle.cjs');
 require('@dynamic-labs/iconic');
 require('@dynamic-labs/wallet-connector-core');
 var chevronLeft = require('../../../../../shared/assets/chevron-left.cjs');
@@ -23,23 +22,23 @@ require('@dynamic-labs/wallet-book');
 require('@dynamic-labs/utils');
 require('../../../../../utils/constants/colors.cjs');
 require('../../../../../utils/constants/values.cjs');
+require('@dynamic-labs/sdk-api-core');
 require('../../../../../shared/consts/index.cjs');
+require('../../../../../events/dynamicEvents.cjs');
+require('../../../../../context/CaptchaContext/CaptchaContext.cjs');
+require('../../../../../context/ErrorContext/ErrorContext.cjs');
 require('@dynamic-labs/multi-wallet');
 require('react-international-phone');
 require('../../../../../store/state/nonce/nonce.cjs');
+require('@dynamic-labs-sdk/client/core');
+require('../../../../../client/client.cjs');
+require('@dynamic-labs-sdk/client');
+require('../../../../../config/ApiEndpoint.cjs');
 require('@dynamic-labs/locale');
 require('../../../../../store/state/dynamicContextProps/dynamicContextProps.cjs');
 require('../../../../../store/state/primaryWalletId/primaryWalletId.cjs');
 require('../../../../../store/state/connectedWalletsInfo/connectedWalletsInfo.cjs');
 require('../../../../../utils/functions/getWaasAddressTypeLabel/getWaasAddressTypeLabel.cjs');
-require('../../../../../events/dynamicEvents.cjs');
-var useProjectSettings = require('../../../../../client/extension/projectSettings/useProjectSettings/useProjectSettings.cjs');
-var Typography = require('../../../../../components/Typography/Typography.cjs');
-var TypographyButton = require('../../../../../components/TypographyButton/TypographyButton.cjs');
-require('../../../../../context/DynamicContext/DynamicContext.cjs');
-require('../../../../../store/state/loadingAndLifecycle/loadingAndLifecycle.cjs');
-require('../../../../../context/CaptchaContext/CaptchaContext.cjs');
-require('../../../../../context/ErrorContext/ErrorContext.cjs');
 require('../../../../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 require('../../../../../context/AccountExistsContext/AccountExistsContext.cjs');
 require('../../../../../context/UserWalletsContext/UserWalletsContext.cjs');
@@ -119,14 +118,13 @@ var useIsPasskeysMfaEnabled = require('../../../../../utils/hooks/useIsPasskeysM
 var useInternalDynamicContext = require('../../../../../context/DynamicContext/useDynamicContext/useInternalDynamicContext/useInternalDynamicContext.cjs');
 
 const MfaSection = ({ isLoading }) => {
-    var _a, _b, _c;
+    var _a, _b;
     const { t } = reactI18next.useTranslation();
     const { setDynamicWidgetView } = DynamicWidgetContext.useWidgetContext();
     const { primaryWallet, setShowAuthFlow } = useInternalDynamicContext.useInternalDynamicContext();
     const { pushView } = ViewContext.useViewContext();
     const { getEOAWallet } = useSmartWallets.useSmartWallets();
-    const projectSettings = useProjectSettings.useProjectSettings();
-    const { updatePassword } = useWalletPassword.useWalletPassword();
+    const { setPassword } = useWalletPassword.useWalletPassword();
     const isPasswordEncrypted = useIsPasswordEncrypted.useIsPasswordEncrypted();
     const isMfaEnabled = useIsMfaEnabled.useIsMfaEnabled();
     const isTotpMfaEnabled = useIsTotpMfaEnabled.useIsTotpMfaEnabled();
@@ -134,8 +132,7 @@ const MfaSection = ({ isLoading }) => {
     const eoaWallet = primaryWallet && getEOAWallet(primaryWallet);
     const wallet = eoaWallet !== null && eoaWallet !== void 0 ? eoaWallet : primaryWallet;
     const isWaasWallet = Boolean(wallet && ((_b = (_a = wallet === null || wallet === void 0 ? void 0 : wallet.connector) === null || _a === void 0 ? void 0 : _a.key) === null || _b === void 0 ? void 0 : _b.startsWith('dynamicwaas')));
-    const isPasscodeRequired = (_c = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk.waas) === null || _c === void 0 ? void 0 : _c.passcodeRequired;
-    const shouldShowPasswordSetup = isWaasWallet && isPasscodeRequired;
+    const shouldShowPasswordSetup = isWaasWallet;
     const handleTotpMfaClick = React.useCallback(() => setDynamicWidgetView('manage-totp-mfa'), [setDynamicWidgetView]);
     const handlePasskeyMfaClick = React.useCallback(() => setDynamicWidgetView('manage-passkeys-mfa'), [setDynamicWidgetView]);
     const handlePasscodeClick = React.useCallback(() => {
@@ -145,15 +142,14 @@ const MfaSection = ({ isLoading }) => {
                     logger.logger.error('No wallet address or chain available for password setup');
                     return;
                 }
-                yield updatePassword({
+                yield setPassword({
                     accountAddress: wallet.address,
                     chainName: wallet.chain,
-                    existingPassword: '',
                     newPassword: password,
                 });
             }),
         });
-    }, [setDynamicWidgetView, wallet, updatePassword]);
+    }, [setDynamicWidgetView, wallet, setPassword]);
     const handleResetPasswordClick = React.useCallback(() => {
         setShowAuthFlow(true, {
             ignoreIfIsEmbeddedWidget: false,

package/src/lib/widgets/DynamicWidget/views/AccountAndSecuritySettingsView/MfaSection/MfaSection.js

@@ -3,11 +3,10 @@ import { __awaiter } from '../../../../../../../_virtual/_tslib.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { useCallback } from 'react';
 import { useTranslation } from 'react-i18next';
-import '@dynamic-labs-sdk/client/core';
-import '@dynamic-labs/sdk-api-core';
-import '../../../../../client/client.js';
-import '@dynamic-labs-sdk/client';
-import '../../../../../config/ApiEndpoint.js';
+import { Typography } from '../../../../../components/Typography/Typography.js';
+import { TypographyButton } from '../../../../../components/TypographyButton/TypographyButton.js';
+import '../../../../../context/DynamicContext/DynamicContext.js';
+import '../../../../../store/state/loadingAndLifecycle/loadingAndLifecycle.js';
 import '@dynamic-labs/iconic';
 import '@dynamic-labs/wallet-connector-core';
 import { ReactComponent as SvgChevronLeft } from '../../../../../shared/assets/chevron-left.js';
@@ -19,23 +18,23 @@ import '@dynamic-labs/wallet-book';
 import '@dynamic-labs/utils';
 import '../../../../../utils/constants/colors.js';
 import '../../../../../utils/constants/values.js';
+import '@dynamic-labs/sdk-api-core';
 import '../../../../../shared/consts/index.js';
+import '../../../../../events/dynamicEvents.js';
+import '../../../../../context/CaptchaContext/CaptchaContext.js';
+import '../../../../../context/ErrorContext/ErrorContext.js';
 import '@dynamic-labs/multi-wallet';
 import 'react-international-phone';
 import '../../../../../store/state/nonce/nonce.js';
+import '@dynamic-labs-sdk/client/core';
+import '../../../../../client/client.js';
+import '@dynamic-labs-sdk/client';
+import '../../../../../config/ApiEndpoint.js';
 import '@dynamic-labs/locale';
 import '../../../../../store/state/dynamicContextProps/dynamicContextProps.js';
 import '../../../../../store/state/primaryWalletId/primaryWalletId.js';
 import '../../../../../store/state/connectedWalletsInfo/connectedWalletsInfo.js';
 import '../../../../../utils/functions/getWaasAddressTypeLabel/getWaasAddressTypeLabel.js';
-import '../../../../../events/dynamicEvents.js';
-import { useProjectSettings } from '../../../../../client/extension/projectSettings/useProjectSettings/useProjectSettings.js';
-import { Typography } from '../../../../../components/Typography/Typography.js';
-import { TypographyButton } from '../../../../../components/TypographyButton/TypographyButton.js';
-import '../../../../../context/DynamicContext/DynamicContext.js';
-import '../../../../../store/state/loadingAndLifecycle/loadingAndLifecycle.js';
-import '../../../../../context/CaptchaContext/CaptchaContext.js';
-import '../../../../../context/ErrorContext/ErrorContext.js';
 import '../../../../../context/AccessDeniedContext/AccessDeniedContext.js';
 import '../../../../../context/AccountExistsContext/AccountExistsContext.js';
 import '../../../../../context/UserWalletsContext/UserWalletsContext.js';
@@ -115,14 +114,13 @@ import { useIsPasskeysMfaEnabled } from '../../../../../utils/hooks/useIsPasskey
 import { useInternalDynamicContext } from '../../../../../context/DynamicContext/useDynamicContext/useInternalDynamicContext/useInternalDynamicContext.js';
 
 const MfaSection = ({ isLoading }) => {
-    var _a, _b, _c;
+    var _a, _b;
     const { t } = useTranslation();
     const { setDynamicWidgetView } = useWidgetContext();
     const { primaryWallet, setShowAuthFlow } = useInternalDynamicContext();
     const { pushView } = useViewContext();
     const { getEOAWallet } = useSmartWallets();
-    const projectSettings = useProjectSettings();
-    const { updatePassword } = useWalletPassword();
+    const { setPassword } = useWalletPassword();
     const isPasswordEncrypted = useIsPasswordEncrypted();
     const isMfaEnabled = useIsMfaEnabled();
     const isTotpMfaEnabled = useIsTotpMfaEnabled();
@@ -130,8 +128,7 @@ const MfaSection = ({ isLoading }) => {
     const eoaWallet = primaryWallet && getEOAWallet(primaryWallet);
     const wallet = eoaWallet !== null && eoaWallet !== void 0 ? eoaWallet : primaryWallet;
     const isWaasWallet = Boolean(wallet && ((_b = (_a = wallet === null || wallet === void 0 ? void 0 : wallet.connector) === null || _a === void 0 ? void 0 : _a.key) === null || _b === void 0 ? void 0 : _b.startsWith('dynamicwaas')));
-    const isPasscodeRequired = (_c = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk.waas) === null || _c === void 0 ? void 0 : _c.passcodeRequired;
-    const shouldShowPasswordSetup = isWaasWallet && isPasscodeRequired;
+    const shouldShowPasswordSetup = isWaasWallet;
     const handleTotpMfaClick = useCallback(() => setDynamicWidgetView('manage-totp-mfa'), [setDynamicWidgetView]);
     const handlePasskeyMfaClick = useCallback(() => setDynamicWidgetView('manage-passkeys-mfa'), [setDynamicWidgetView]);
     const handlePasscodeClick = useCallback(() => {
@@ -141,15 +138,14 @@ const MfaSection = ({ isLoading }) => {
                     logger.error('No wallet address or chain available for password setup');
                     return;
                 }
-                yield updatePassword({
+                yield setPassword({
                     accountAddress: wallet.address,
                     chainName: wallet.chain,
-                    existingPassword: '',
                     newPassword: password,
                 });
             }),
         });
-    }, [setDynamicWidgetView, wallet, updatePassword]);
+    }, [setDynamicWidgetView, wallet, setPassword]);
     const handleResetPasswordClick = useCallback(() => {
         setShowAuthFlow(true, {
             ignoreIfIsEmbeddedWidget: false,