@dynamic-labs/sdk-react-core 4.22.8 → 4.23.1

package/src/lib/widgets/DynamicWidget/views/{ManageMfaWidgetView → ManageTotpMfaWidgetView}/components/UserDeviceTile.js

@@ -7,7 +7,7 @@ import { ReactComponent as SvgAuthenticator } from '../../../../../shared/assets
 import '@dynamic-labs/iconic';
 import '../../../../../context/ViewContext/ViewContext.js';
 import { DotsMenu } from '../../../components/DotsMenu/DotsMenu.js';
-import { getTimeSince } from '../../../helpers/getTimeSince.js';
+import { getTimeSince } from '../../../../../utils/functions/getTimeSince/getTimeSince.js';
 
 const UserDeviceTile = ({ userDevice, deleteDevice, isMfaRequired, }) => {
     const { t } = useTranslation();
@@ -20,10 +20,10 @@ const UserDeviceTile = ({ userDevice, deleteDevice, isMfaRequired, }) => {
         },
     ];
     const timeSinceCreated = userDevice.verifiedAt && getTimeSince(new Date(userDevice.verifiedAt));
-    return (jsxs("div", { className: 'manage-mfa-widget-view__list-tile', children: [jsx(SvgAuthenticator, { className: 'manage-mfa-widget-view__list-tile__icon' }), jsxs("div", { className: 'manage-mfa-widget-view__list-tile__details', children: [jsx("div", { className: 'manage-mfa-widget-view__list-tile__details__title', children: jsx(Typography, { variant: 'body_normal', color: 'primary', children: userDevice.alias || 'Authenticator App' }) }), timeSinceCreated && (jsxs(Typography, { variant: 'body_small', color: 'secondary', children: ["Created ", timeSinceCreated.value, " ", timeSinceCreated.unit, " ago"] }))] }), isMfaRequired || (jsx("div", { style: {
+    return (jsxs("div", { className: 'manage-totp-mfa-widget-view__list-tile', children: [jsx(SvgAuthenticator, { className: 'manage-totp-mfa-widget-view__list-tile__icon' }), jsxs("div", { className: 'manage-totp-mfa-widget-view__list-tile__details', children: [jsx("div", { className: 'manage-totp-mfa-widget-view__list-tile__details__title', children: jsx(Typography, { variant: 'body_normal', color: 'primary', children: userDevice.alias || 'Authenticator App' }) }), timeSinceCreated && (jsxs(Typography, { variant: 'body_small', color: 'secondary', children: ["Created ", timeSinceCreated.value, " ", timeSinceCreated.unit, " ago"] }))] }), isMfaRequired || (jsx("div", { style: {
                     cursor: 'pointer',
                     display: 'flex',
-                }, children: jsx(DotsMenu, { direction: 'left', "data-testid": 'dots-menu', options: optionsMenu, buttonClassName: 'manage-mfa-widget-view__list-tile__dots-menu', buttonClassNameWithOpenMenu: 'manage-mfa-widget-view__list-tile__dots-menu' }) }))] }, userDevice.id));
+                }, children: jsx(DotsMenu, { direction: 'left', "data-testid": 'dots-menu', options: optionsMenu, buttonClassName: 'manage-totp-mfa-widget-view__list-tile__dots-menu', buttonClassNameWithOpenMenu: 'manage-totp-mfa-widget-view__list-tile__dots-menu' }) }))] }, userDevice.id));
 };
 
 export { UserDeviceTile };

package/src/lib/widgets/DynamicWidget/views/ManageTotpMfaWidgetView/index.d.ts

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

package/src/lib/widgets/DynamicWidget/views/SettingsView/SettingsView.cjs

@@ -103,12 +103,13 @@ var EmptyScreen = require('./EmptyScreen/EmptyScreen.cjs');
 require('../../../../context/OnrampContext/OnrampContext.cjs');
 require('../ReceiveWalletFunds/ReceiveWalletFunds.cjs');
 require('../../../../../index.cjs');
+var useIsMfaEnabled = require('../../../../utils/hooks/useIsMfaEnabled/useIsMfaEnabled.cjs');
 require('../../../../store/state/tokenBalances.cjs');
 require('../../../../shared/utils/functions/getInitialUrl/getInitialUrl.cjs');
 var useInternalDynamicContext = require('../../../../context/DynamicContext/useDynamicContext/useInternalDynamicContext/useInternalDynamicContext.cjs');
 
 const SettingsView = () => {
-    var _a, _b, _c, _d, _e, _f, _g;
+    var _a, _b, _c, _d, _e;
     const { clearStackAndPush } = ViewContext.useViewContext();
     const { primaryWallet, handleLogOut, setShowAuthFlow } = useInternalDynamicContext.useInternalDynamicContext();
     const projectSettings$1 = projectSettings.useProjectSettings();
@@ -134,9 +135,9 @@ const SettingsView = () => {
     const { getEOAWallet } = useSmartWallets.useSmartWallets();
     const eoaWallet = primaryWallet && getEOAWallet(primaryWallet);
     const wallet = eoaWallet !== null && eoaWallet !== void 0 ? eoaWallet : primaryWallet;
-    const isMfaEnabled = Boolean((_c = (_b = projectSettings$1 === null || projectSettings$1 === void 0 ? void 0 : projectSettings$1.security) === null || _b === void 0 ? void 0 : _b.mfa) === null || _c === void 0 ? void 0 : _c.enabled);
-    const isEmbeddedWallet = Boolean(wallet && ((_e = (_d = wallet === null || wallet === void 0 ? void 0 : wallet.connector) === null || _d === void 0 ? void 0 : _d.key) === null || _e === void 0 ? void 0 : _e.startsWith('turnkey')));
-    const isV3WaasWallet = Boolean(wallet && ((_g = (_f = wallet === null || wallet === void 0 ? void 0 : wallet.connector) === null || _f === void 0 ? void 0 : _f.key) === null || _g === void 0 ? void 0 : _g.startsWith('dynamicwaas')));
+    const isMfaEnabled = useIsMfaEnabled.useIsMfaEnabled();
+    const isEmbeddedWallet = Boolean(wallet && ((_c = (_b = wallet === null || wallet === void 0 ? void 0 : wallet.connector) === null || _b === void 0 ? void 0 : _b.key) === null || _c === void 0 ? void 0 : _c.startsWith('turnkey')));
+    const isV3WaasWallet = Boolean(wallet && ((_e = (_d = wallet === null || wallet === void 0 ? void 0 : wallet.connector) === null || _d === void 0 ? void 0 : _d.key) === null || _e === void 0 ? void 0 : _e.startsWith('dynamicwaas')));
     const shouldShowAccountAndSecuritySettings = isMfaEnabled ||
         isEmbeddedWallet ||
         isV3WaasWallet ||

package/src/lib/widgets/DynamicWidget/views/SettingsView/SettingsView.js

@@ -99,12 +99,13 @@ import { EmptyScreen } from './EmptyScreen/EmptyScreen.js';
 import '../../../../context/OnrampContext/OnrampContext.js';
 import '../ReceiveWalletFunds/ReceiveWalletFunds.js';
 import '../../../../../index.js';
+import { useIsMfaEnabled } from '../../../../utils/hooks/useIsMfaEnabled/useIsMfaEnabled.js';
 import '../../../../store/state/tokenBalances.js';
 import '../../../../shared/utils/functions/getInitialUrl/getInitialUrl.js';
 import { useInternalDynamicContext } from '../../../../context/DynamicContext/useDynamicContext/useInternalDynamicContext/useInternalDynamicContext.js';
 
 const SettingsView = () => {
-    var _a, _b, _c, _d, _e, _f, _g;
+    var _a, _b, _c, _d, _e;
     const { clearStackAndPush } = useViewContext();
     const { primaryWallet, handleLogOut, setShowAuthFlow } = useInternalDynamicContext();
     const projectSettings = useProjectSettings();
@@ -130,9 +131,9 @@ const SettingsView = () => {
     const { getEOAWallet } = useSmartWallets();
     const eoaWallet = primaryWallet && getEOAWallet(primaryWallet);
     const wallet = eoaWallet !== null && eoaWallet !== void 0 ? eoaWallet : primaryWallet;
-    const isMfaEnabled = Boolean((_c = (_b = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.security) === null || _b === void 0 ? void 0 : _b.mfa) === null || _c === void 0 ? void 0 : _c.enabled);
-    const isEmbeddedWallet = Boolean(wallet && ((_e = (_d = wallet === null || wallet === void 0 ? void 0 : wallet.connector) === null || _d === void 0 ? void 0 : _d.key) === null || _e === void 0 ? void 0 : _e.startsWith('turnkey')));
-    const isV3WaasWallet = Boolean(wallet && ((_g = (_f = wallet === null || wallet === void 0 ? void 0 : wallet.connector) === null || _f === void 0 ? void 0 : _f.key) === null || _g === void 0 ? void 0 : _g.startsWith('dynamicwaas')));
+    const isMfaEnabled = useIsMfaEnabled();
+    const isEmbeddedWallet = Boolean(wallet && ((_c = (_b = wallet === null || wallet === void 0 ? void 0 : wallet.connector) === null || _b === void 0 ? void 0 : _b.key) === null || _c === void 0 ? void 0 : _c.startsWith('turnkey')));
+    const isV3WaasWallet = Boolean(wallet && ((_e = (_d = wallet === null || wallet === void 0 ? void 0 : wallet.connector) === null || _d === void 0 ? void 0 : _d.key) === null || _e === void 0 ? void 0 : _e.startsWith('dynamicwaas')));
     const shouldShowAccountAndSecuritySettings = isMfaEnabled ||
         isEmbeddedWallet ||
         isV3WaasWallet ||

package/src/lib/widgets/DynamicWidget/views/ManageMfaWidgetView/ManageMfaWidgetView.d.ts

@@ -1,2 +0,0 @@
-import { FC } from 'react';
-export declare const ManageMfaWidgetView: FC;

package/src/lib/widgets/DynamicWidget/views/ManageMfaWidgetView/index.d.ts

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