@digitaldefiance/express-suite-react-components 4.26.26 → 4.27.1

package/src/wrappers/UserSettingsFormWrapper.d.ts

@@ -1,7 +1,28 @@
 import { FC } from 'react';
 import { UserSettingsFormProps } from '../components/UserSettingsForm';
+import { IConstants } from '@digitaldefiance/suite-core-lib';
+import { IECIESConfig } from '@digitaldefiance/ecies-lib';
 export interface UserSettingsFormWrapperProps {
     onSuccess?: () => void;
+    /**
+     * Constants for AuthService (required for TOTP methods).
+     * If not provided, TOTP callbacks will not be wired up.
+     */
+    constants?: IConstants;
+    /**
+     * ECIES config for AuthService (required for TOTP methods).
+     * If not provided, TOTP callbacks will not be wired up.
+     */
+    eciesConfig?: IECIESConfig;
+    /**
+     * Email domain for AuthService (required for TOTP methods).
+     */
+    emailDomain?: string;
+    /**
+     * When false (default), TOTP management controls are not shown.
+     * Set to true when TOTP_AVAILABLE is enabled in the server environment.
+     */
+    totpAvailable?: boolean;
     componentProps?: Partial<Omit<UserSettingsFormProps, 'initialValues' | 'onSubmit' | 'languages'>>;
 }
 export declare const UserSettingsFormWrapper: FC<UserSettingsFormWrapperProps>;

package/src/wrappers/UserSettingsFormWrapper.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"UserSettingsFormWrapper.d.ts","sourceRoot":"","sources":["../../../../../packages/digitaldefiance-express-suite-react-components/src/wrappers/UserSettingsFormWrapper.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAC3B,OAAO,EAA4C,qBAAqB,EAAE,MAAM,gCAAgC,CAAC;AAKjH,MAAM,WAAW,4BAA4B;IAC3C,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,cAAc,CAAC,EAAE,OAAO,CAAC,IAAI,CAAC,qBAAqB,EAAE,eAAe,GAAG,UAAU,GAAG,WAAW,CAAC,CAAC,CAAC;CACnG;AAED,eAAO,MAAM,uBAAuB,EAAE,EAAE,CAAC,4BAA4B,CA6BpE,CAAC"}
+{"version":3,"file":"UserSettingsFormWrapper.d.ts","sourceRoot":"","sources":["../../../../../packages/digitaldefiance-express-suite-react-components/src/wrappers/UserSettingsFormWrapper.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAA6C,MAAM,OAAO,CAAC;AACtE,OAAO,EAA4C,qBAAqB,EAAE,MAAM,gCAAgC,CAAC;AAGjH,OAAO,EAA2B,UAAU,EAAsB,MAAM,iCAAiC,CAAC;AAG1G,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAE1D,MAAM,WAAW,4BAA4B;IAC3C,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB;;;OAGG;IACH,SAAS,CAAC,EAAE,UAAU,CAAC;IACvB;;;OAGG;IACH,WAAW,CAAC,EAAE,YAAY,CAAC;IAC3B;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,cAAc,CAAC,EAAE,OAAO,CAAC,IAAI,CAAC,qBAAqB,EAAE,eAAe,GAAG,UAAU,GAAG,WAAW,CAAC,CAAC,CAAC;CACnG;AAED,eAAO,MAAM,uBAAuB,EAAE,EAAE,CAAC,4BAA4B,CAqGpE,CAAC"}

package/src/wrappers/UserSettingsFormWrapper.js

@@ -2,13 +2,38 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.UserSettingsFormWrapper = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
 const UserSettingsForm_1 = require("../components/UserSettingsForm");
 const contexts_1 = require("../contexts");
 const hooks_1 = require("../hooks");
 const suite_core_lib_1 = require("@digitaldefiance/suite-core-lib");
-const UserSettingsFormWrapper = ({ onSuccess, componentProps = {}, }) => {
+const authService_1 = require("../services/authService");
+const authenticatedApi_1 = require("../services/authenticatedApi");
+const UserSettingsFormWrapper = ({ onSuccess, constants, eciesConfig, emailDomain = '', totpAvailable = false, componentProps = {}, }) => {
     const { settings, updateSettings } = (0, hooks_1.useUserSettingsPublic)();
-    const { languages } = (0, contexts_1.useSuiteConfig)();
+    const { languages, baseUrl } = (0, contexts_1.useSuiteConfig)();
+    const { isAuthenticated } = (0, contexts_1.useAuth)();
+    // Fetch totpEnabled from the settings API
+    const [totpEnabled, setTotpEnabled] = (0, react_1.useState)(undefined);
+    const authenticatedApi = (0, react_1.useMemo)(() => (0, authenticatedApi_1.createAuthenticatedApiClient)(baseUrl), [baseUrl]);
+    const authService = (0, react_1.useMemo)(() => {
+        if (!constants || !eciesConfig)
+            return null;
+        return (0, authService_1.createAuthService)(constants, baseUrl, eciesConfig, emailDomain);
+    }, [constants, eciesConfig, baseUrl, emailDomain]);
+    // Fetch totpEnabled from GET /user/settings
+    (0, react_1.useEffect)(() => {
+        if (!isAuthenticated)
+            return;
+        authenticatedApi
+            .get('/user/settings')
+            .then((res) => {
+            setTotpEnabled(res.data?.settings?.totpEnabled ?? false);
+        })
+            .catch(() => {
+            // If the endpoint fails, leave totpEnabled undefined (no TOTP controls shown)
+        });
+    }, [isAuthenticated, authenticatedApi]);
     const handleSubmit = async (values) => {
         const result = await updateSettings(values);
         if ('success' in result && result.success && onSuccess) {
@@ -16,11 +41,50 @@ const UserSettingsFormWrapper = ({ onSuccess, componentProps = {}, }) => {
         }
         return result;
     };
+    // TOTP callbacks — only wired when authService is available
+    const handleTotpSetup = (0, react_1.useCallback)(async () => {
+        if (!authService)
+            return { error: 'AuthService not configured' };
+        return authService.setupTotp();
+    }, [authService]);
+    const handleTotpConfirm = (0, react_1.useCallback)(async (code) => {
+        if (!authService)
+            return { error: 'AuthService not configured' };
+        const result = await authService.confirmTotp(code);
+        if ('success' in result && result.success) {
+            setTotpEnabled(true);
+        }
+        return result;
+    }, [authService]);
+    const handleTotpDisable = (0, react_1.useCallback)(async (code) => {
+        if (!authService)
+            return { error: 'AuthService not configured' };
+        const result = await authService.disableTotp(code);
+        if ('success' in result && result.success) {
+            setTotpEnabled(false);
+        }
+        return result;
+    }, [authService]);
+    const handleTotpReset = (0, react_1.useCallback)(async (code) => {
+        if (!authService)
+            return { error: 'AuthService not configured' };
+        return authService.resetTotp(code);
+    }, [authService]);
     // Only show loading on initial load, not during updates
     // Once we have settings, keep showing the form even during updates
     if (!settings) {
         return (0, jsx_runtime_1.jsxs)("div", { children: [(0, suite_core_lib_1.getSuiteCoreTranslation)(suite_core_lib_1.SuiteCoreStringKey.Common_Loading), "..."] });
     }
-    return ((0, jsx_runtime_1.jsx)(UserSettingsForm_1.UserSettingsForm, { initialValues: settings, onSubmit: handleSubmit, languages: languages, ...componentProps }));
+    // Only pass TOTP props when totpAvailable is true, authService is available, and totpEnabled has been fetched
+    const totpProps = totpAvailable && authService && totpEnabled !== undefined
+        ? {
+            totpEnabled,
+            onTotpSetup: handleTotpSetup,
+            onTotpConfirm: handleTotpConfirm,
+            onTotpDisable: handleTotpDisable,
+            onTotpReset: handleTotpReset,
+        }
+        : {};
+    return ((0, jsx_runtime_1.jsx)(UserSettingsForm_1.UserSettingsForm, { initialValues: settings, onSubmit: handleSubmit, languages: languages, ...totpProps, ...componentProps }));
 };
 exports.UserSettingsFormWrapper = UserSettingsFormWrapper;