@digitaldefiance/express-suite-react-components 5.0.2 → 5.0.4

package/src/wrappers/BackupCodesWrapper.js

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BackupCodesWrapper = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_router_1 = require("react-router");
+const BackupCodesForm_1 = require("../components/BackupCodesForm");
+const hooks_1 = require("../hooks");
+const BackupCodesWrapper = ({ componentProps = {}, }) => {
+    const location = (0, react_router_1.useLocation)();
+    const initialCodeCount = location.state?.codeCount ?? null;
+    const { backupCodesRemaining, generateBackupCodes } = (0, hooks_1.useBackupCodes)({ initialCodeCount });
+    const handleSubmit = async (values) => {
+        return await generateBackupCodes(values.password, values.mnemonic);
+    };
+    return ((0, jsx_runtime_1.jsx)(BackupCodesForm_1.BackupCodesForm, { onSubmit: handleSubmit, backupCodesRemaining: backupCodesRemaining, ...componentProps }));
+};
+exports.BackupCodesWrapper = BackupCodesWrapper;

package/src/wrappers/ChangePasswordFormWrapper.d.ts

@@ -0,0 +1,8 @@
+import { FC } from 'react';
+import { ChangePasswordForm } from '../components/ChangePasswordForm';
+export interface ChangePasswordFormWrapperProps {
+    onSuccess?: () => void;
+    componentProps?: Partial<React.ComponentProps<typeof ChangePasswordForm>>;
+}
+export declare const ChangePasswordFormWrapper: FC<ChangePasswordFormWrapperProps>;
+//# sourceMappingURL=ChangePasswordFormWrapper.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ChangePasswordFormWrapper.d.ts","sourceRoot":"","sources":["../../../../../packages/digitaldefiance-express-suite-react-components/src/wrappers/ChangePasswordFormWrapper.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAC3B,OAAO,EAAE,kBAAkB,EAAE,MAAM,kCAAkC,CAAC;AAGtE,MAAM,WAAW,8BAA8B;IAC7C,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,cAAc,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,kBAAkB,CAAC,CAAC,CAAC;CAC3E;AAED,eAAO,MAAM,yBAAyB,EAAE,EAAE,CAAC,8BAA8B,CAwBxE,CAAC"}

package/src/wrappers/ChangePasswordFormWrapper.js

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ChangePasswordFormWrapper = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const ChangePasswordForm_1 = require("../components/ChangePasswordForm");
+const contexts_1 = require("../contexts");
+const ChangePasswordFormWrapper = ({ onSuccess, componentProps = {}, }) => {
+    const { changePassword } = (0, contexts_1.useAuth)();
+    const handleSubmit = async (values) => {
+        const result = await changePassword(values.currentPassword, values.newPassword);
+        if ('error' in result) {
+            return { error: result.error };
+        }
+        if (onSuccess) {
+            onSuccess();
+        }
+        return result;
+    };
+    return (0, jsx_runtime_1.jsx)(ChangePasswordForm_1.ChangePasswordForm, { onSubmit: handleSubmit, ...componentProps });
+};
+exports.ChangePasswordFormWrapper = ChangePasswordFormWrapper;

package/src/wrappers/ForgotPasswordFormWrapper.d.ts

@@ -0,0 +1,8 @@
+import { FC } from 'react';
+import { ForgotPasswordFormProps } from '../components/ForgotPasswordForm';
+export interface ForgotPasswordFormWrapperProps {
+    onSuccess?: () => void;
+    componentProps?: Partial<Omit<ForgotPasswordFormProps, 'onSubmit'>>;
+}
+export declare const ForgotPasswordFormWrapper: FC<ForgotPasswordFormWrapperProps>;
+//# sourceMappingURL=ForgotPasswordFormWrapper.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ForgotPasswordFormWrapper.d.ts","sourceRoot":"","sources":["../../../../../packages/digitaldefiance-express-suite-react-components/src/wrappers/ForgotPasswordFormWrapper.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAK3B,OAAO,EAEL,uBAAuB,EAExB,MAAM,kCAAkC,CAAC;AAG1C,MAAM,WAAW,8BAA8B;IAC7C,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,cAAc,CAAC,EAAE,OAAO,CAAC,IAAI,CAAC,uBAAuB,EAAE,UAAU,CAAC,CAAC,CAAC;CACrE;AAED,eAAO,MAAM,yBAAyB,EAAE,EAAE,CAAC,8BAA8B,CA2BxE,CAAC"}

package/src/wrappers/ForgotPasswordFormWrapper.js

@@ -0,0 +1,29 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ForgotPasswordFormWrapper = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const suite_core_lib_1 = require("@digitaldefiance/suite-core-lib");
+const ForgotPasswordForm_1 = require("../components/ForgotPasswordForm");
+const contexts_1 = require("../contexts");
+const ForgotPasswordFormWrapper = ({ onSuccess, componentProps = {}, }) => {
+    const { baseUrl } = (0, contexts_1.useSuiteConfig)();
+    const handleSubmit = async (values) => {
+        const res = await fetch(`${baseUrl}/user/forgot-password`, {
+            method: 'POST',
+            headers: { 'Content-Type': 'application/json' },
+            body: JSON.stringify({ email: values.email }),
+        });
+        if (!res.ok) {
+            const body = await res.json().catch(() => ({}));
+            if (body.message) {
+                throw new Error(body.message);
+            }
+            throw new suite_core_lib_1.TranslatableSuiteError(suite_core_lib_1.SuiteCoreStringKey.ForgotPassword_Error);
+        }
+        if (onSuccess) {
+            onSuccess();
+        }
+    };
+    return (0, jsx_runtime_1.jsx)(ForgotPasswordForm_1.ForgotPasswordForm, { onSubmit: handleSubmit, ...componentProps });
+};
+exports.ForgotPasswordFormWrapper = ForgotPasswordFormWrapper;

package/src/wrappers/LoginFormWrapper.d.ts

@@ -0,0 +1,21 @@
+import { FC } from 'react';
+import { IRequestUserDTO } from '@digitaldefiance/suite-core-lib';
+import { LoginFormProps } from '../components/LoginForm';
+export interface LoginFormWrapperProps {
+    onSuccess?: () => void;
+    redirectTo?: string;
+    componentProps?: Partial<Omit<LoginFormProps, 'onSubmit'>>;
+    /**
+     * Called when the user submits a TOTP verification code during login.
+     * Typically wired to `AuthService.verifyTotpLogin(pendingTotpToken, code)`.
+     * When not provided, the wrapper cannot complete TOTP-protected logins.
+     */
+    onVerifyTotp?: (code: string, pendingTotpToken: string) => Promise<{
+        token: string;
+        user: IRequestUserDTO;
+    } | {
+        error: string;
+    }>;
+}
+export declare const LoginFormWrapper: FC<LoginFormWrapperProps>;
+//# sourceMappingURL=LoginFormWrapper.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LoginFormWrapper.d.ts","sourceRoot":"","sources":["../../../../../packages/digitaldefiance-express-suite-react-components/src/wrappers/LoginFormWrapper.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAY,MAAM,OAAO,CAAC;AAGrC,OAAO,EAAE,eAAe,EAA8C,MAAM,iCAAiC,CAAC;AAC9G,OAAO,EAA8B,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAIrF,MAAM,WAAW,qBAAqB;IACpC,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,cAAc,CAAC,EAAE,OAAO,CAAC,IAAI,CAAC,cAAc,EAAE,UAAU,CAAC,CAAC,CAAC;IAC3D;;;;OAIG;IACH,YAAY,CAAC,EAAE,CACb,IAAI,EAAE,MAAM,EACZ,gBAAgB,EAAE,MAAM,KACrB,OAAO,CAAC;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,eAAe,CAAA;KAAE,GAAG;QAAE,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;CAC5E;AAED,eAAO,MAAM,gBAAgB,EAAE,EAAE,CAAC,qBAAqB,CAoFtD,CAAC"}

package/src/wrappers/LoginFormWrapper.js

@@ -0,0 +1,72 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.LoginFormWrapper = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const react_router_1 = require("react-router");
+const ecies_lib_1 = require("@digitaldefiance/ecies-lib");
+const suite_core_lib_1 = require("@digitaldefiance/suite-core-lib");
+const LoginForm_1 = require("../components/LoginForm");
+const TotpVerificationForm_1 = require("../components/TotpVerificationForm");
+const contexts_1 = require("../contexts");
+const LoginFormWrapper = ({ onSuccess, redirectTo, componentProps = {}, onVerifyTotp, }) => {
+    const { directLogin, passwordLogin, verifyTotpLogin, setUser } = (0, contexts_1.useAuth)();
+    const navigate = (0, react_router_1.useNavigate)();
+    const { routes } = (0, contexts_1.useSuiteConfig)();
+    const [pendingTotpToken, setPendingTotpToken] = (0, react_1.useState)(null);
+    const handleLoginSuccess = () => {
+        if (onSuccess) {
+            onSuccess();
+        }
+        navigate(redirectTo || routes.dashboard || '/dashboard');
+    };
+    const handleSubmit = async (values) => {
+        const email = values.email && values.email.trim().length > 0 ? new ecies_lib_1.EmailString(values.email) : undefined;
+        const username = values.username && values.username.trim() ? values.username : undefined;
+        if (values.password) {
+            const result = await passwordLogin(new ecies_lib_1.SecureString(values.password), username, email);
+            if ('error' in result) {
+                throw new Error(result.error);
+            }
+            if ('pendingTotpToken' in result) {
+                setPendingTotpToken(result.pendingTotpToken);
+                return;
+            }
+            handleLoginSuccess();
+        }
+        else if (values.mnemonic) {
+            const result = await directLogin(new ecies_lib_1.SecureString(values.mnemonic), username, email);
+            if ('error' in result) {
+                throw new Error(result.error);
+            }
+            if ('pendingTotpToken' in result) {
+                setPendingTotpToken(result.pendingTotpToken);
+                return;
+            }
+            handleLoginSuccess();
+        }
+        else {
+            throw new suite_core_lib_1.TranslatableSuiteError(suite_core_lib_1.SuiteCoreStringKey.Error_NoPasswordOrMnemonicProvided);
+        }
+    };
+    const handleTotpSubmit = async (code, token) => {
+        // Use the explicitly provided callback, or fall back to verifyTotpLogin from AuthContext
+        const verifyFn = onVerifyTotp ?? ((c, t) => verifyTotpLogin(t, c));
+        const result = await verifyFn(code, token);
+        if ('error' in result) {
+            return result;
+        }
+        // Store the full JWT and complete the login flow
+        localStorage.setItem('authToken', result.token);
+        localStorage.setItem('user', JSON.stringify(result.user));
+        // Update auth context so PrivateRoute guards see the user as authenticated
+        await setUser(result.user);
+        handleLoginSuccess();
+        return result;
+    };
+    if (pendingTotpToken) {
+        return ((0, jsx_runtime_1.jsx)(TotpVerificationForm_1.TotpVerificationForm, { pendingTotpToken: pendingTotpToken, onSubmit: handleTotpSubmit }));
+    }
+    return (0, jsx_runtime_1.jsx)(LoginForm_1.LoginForm, { onSubmit: handleSubmit, ...componentProps });
+};
+exports.LoginFormWrapper = LoginFormWrapper;

package/src/wrappers/LogoutPageWrapper.d.ts

@@ -0,0 +1,9 @@
+import { FC } from 'react';
+import { LogoutPage } from '../components/LogoutPage';
+export interface LogoutPageWrapperProps {
+    onSuccess?: () => void;
+    redirectTo?: string;
+    componentProps?: Partial<React.ComponentProps<typeof LogoutPage>>;
+}
+export declare const LogoutPageWrapper: FC<LogoutPageWrapperProps>;
+//# sourceMappingURL=LogoutPageWrapper.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LogoutPageWrapper.d.ts","sourceRoot":"","sources":["../../../../../packages/digitaldefiance-express-suite-react-components/src/wrappers/LogoutPageWrapper.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAE3B,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAGtD,MAAM,WAAW,sBAAsB;IACrC,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,cAAc,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,UAAU,CAAC,CAAC,CAAC;CACnE;AAED,eAAO,MAAM,iBAAiB,EAAE,EAAE,CAAC,sBAAsB,CAkBxD,CAAC"}

package/src/wrappers/LogoutPageWrapper.js

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.LogoutPageWrapper = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_router_1 = require("react-router");
+const LogoutPage_1 = require("../components/LogoutPage");
+const contexts_1 = require("../contexts");
+const LogoutPageWrapper = ({ onSuccess, redirectTo, componentProps = {}, }) => {
+    const { logout } = (0, contexts_1.useAuth)();
+    const navigate = (0, react_router_1.useNavigate)();
+    const { routes } = (0, contexts_1.useSuiteConfig)();
+    const handleLogout = async () => {
+        await logout();
+        if (onSuccess) {
+            onSuccess();
+        }
+        navigate(redirectTo || routes.login || '/login');
+    };
+    return (0, jsx_runtime_1.jsx)(LogoutPage_1.LogoutPage, { onLogout: handleLogout, onNavigate: navigate, ...componentProps });
+};
+exports.LogoutPageWrapper = LogoutPageWrapper;

package/src/wrappers/RegisterFormWrapper.d.ts

@@ -0,0 +1,20 @@
+import { FC } from 'react';
+import { RegisterFormProps } from '../components/RegisterForm';
+export interface RegisterFormWrapperProps {
+    onSuccess?: () => void;
+    /**
+     * When true, offer the TOTP setup step after successful registration.
+     * Typically sourced from window.APP_CONFIG.totpAvailable.
+     * Defaults to false.
+     *
+     * NOTE: This requires the registration endpoint to return a session token
+     * so the user is authenticated when the TOTP setup call is made. If
+     * registration does not issue a token (the default in this suite), leave
+     * this false and direct users to enable TOTP from their settings page
+     * after logging in.
+     */
+    enableTotpSetup?: boolean;
+    componentProps?: Partial<Omit<RegisterFormProps, 'onSubmit' | 'timezones' | 'getInitialTimezone'>>;
+}
+export declare const RegisterFormWrapper: FC<RegisterFormWrapperProps>;
+//# sourceMappingURL=RegisterFormWrapper.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RegisterFormWrapper.d.ts","sourceRoot":"","sources":["../../../../../packages/digitaldefiance-express-suite-react-components/src/wrappers/RegisterFormWrapper.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAC3B,OAAO,EAEL,iBAAiB,EAElB,MAAM,4BAA4B,CAAC;AAGpC,MAAM,WAAW,wBAAwB;IACvC,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB;;;;;;;;;;OAUG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,cAAc,CAAC,EAAE,OAAO,CACtB,IAAI,CAAC,iBAAiB,EAAE,UAAU,GAAG,WAAW,GAAG,oBAAoB,CAAC,CACzE,CAAC;CACH;AAED,eAAO,MAAM,mBAAmB,EAAE,EAAE,CAAC,wBAAwB,CAgF5D,CAAC"}

package/src/wrappers/RegisterFormWrapper.js

@@ -0,0 +1,51 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.RegisterFormWrapper = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const ecies_lib_1 = require("@digitaldefiance/ecies-lib");
+const RegisterForm_1 = require("../components/RegisterForm");
+const contexts_1 = require("../contexts");
+const RegisterFormWrapper = ({ onSuccess, enableTotpSetup = false, componentProps = {}, }) => {
+    const { register, setUpBrowserPasswordLogin, setupTotp, confirmTotp } = (0, contexts_1.useAuth)();
+    const { timezones } = (0, contexts_1.useSuiteConfig)();
+    const handleSubmit = async (values, usePassword) => {
+        const result = await register(values.username, values.email, values.timezone || 'UTC', values.password, values.mnemonic, values.displayName, values.directChallenge);
+        if ('error' in result) {
+            return result;
+        }
+        // After successful registration with a password, set up the browser-side
+        // password login bundle (encrypts mnemonic with password and stores in localStorage).
+        // This is required for subsequent password-based logins to work.
+        if (usePassword && values.password && result.mnemonic) {
+            const setupResult = await setUpBrowserPasswordLogin(new ecies_lib_1.SecureString(result.mnemonic), new ecies_lib_1.SecureString(values.password));
+            if ('error' in setupResult) {
+                // Password login setup failed — still return success for registration
+                // but log the issue. The user can set up password login later.
+                console.warn('Registration succeeded but browser password login setup failed:', setupResult.error);
+            }
+        }
+        if (onSuccess) {
+            onSuccess();
+        }
+        // Don't navigate away — let RegisterForm show the success message
+        // (mnemonic grid or email verification notice). The user navigates
+        // manually via the "Proceed to login" / "I Have Saved My Recovery
+        // Phrase" button.
+        return result;
+    };
+    const defaultTimezones = timezones || [
+        'UTC',
+        'America/New_York',
+        'America/Los_Angeles',
+        'Europe/London',
+    ];
+    const totpProps = enableTotpSetup
+        ? {
+            enableTotpSetup: true,
+            onTotpSetup: setupTotp,
+            onTotpConfirm: confirmTotp,
+        }
+        : {};
+    return ((0, jsx_runtime_1.jsx)(RegisterForm_1.RegisterForm, { onSubmit: handleSubmit, timezones: defaultTimezones, getInitialTimezone: () => Intl.DateTimeFormat().resolvedOptions().timeZone || 'UTC', ...totpProps, ...componentProps }));
+};
+exports.RegisterFormWrapper = RegisterFormWrapper;

package/src/wrappers/ResetPasswordFormWrapper.d.ts

@@ -0,0 +1,9 @@
+import { FC } from 'react';
+import { ResetPasswordFormProps } from '../components/ResetPasswordForm';
+export interface ResetPasswordFormWrapperProps {
+    onSuccess?: () => void;
+    redirectTo?: string;
+    componentProps?: Partial<Omit<ResetPasswordFormProps, 'onSubmit' | 'token'>>;
+}
+export declare const ResetPasswordFormWrapper: FC<ResetPasswordFormWrapperProps>;
+//# sourceMappingURL=ResetPasswordFormWrapper.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ResetPasswordFormWrapper.d.ts","sourceRoot":"","sources":["../../../../../packages/digitaldefiance-express-suite-react-components/src/wrappers/ResetPasswordFormWrapper.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAM3B,OAAO,EAEL,sBAAsB,EACvB,MAAM,iCAAiC,CAAC;AAGzC,MAAM,WAAW,6BAA6B;IAC5C,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,cAAc,CAAC,EAAE,OAAO,CAAC,IAAI,CAAC,sBAAsB,EAAE,UAAU,GAAG,OAAO,CAAC,CAAC,CAAC;CAC9E;AAED,eAAO,MAAM,wBAAwB,EAAE,EAAE,CAAC,6BAA6B,CAsCtE,CAAC"}

package/src/wrappers/ResetPasswordFormWrapper.js

@@ -0,0 +1,34 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ResetPasswordFormWrapper = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_router_1 = require("react-router");
+const suite_core_lib_1 = require("@digitaldefiance/suite-core-lib");
+const ResetPasswordForm_1 = require("../components/ResetPasswordForm");
+const contexts_1 = require("../contexts");
+const ResetPasswordFormWrapper = ({ onSuccess, redirectTo, componentProps = {}, }) => {
+    const { baseUrl, routes } = (0, contexts_1.useSuiteConfig)();
+    const navigate = (0, react_router_1.useNavigate)();
+    const [searchParams] = (0, react_router_1.useSearchParams)();
+    const token = searchParams.get('token');
+    const handleSubmit = async (resetToken, password) => {
+        const res = await fetch(`${baseUrl}/user/reset-password`, {
+            method: 'POST',
+            headers: { 'Content-Type': 'application/json' },
+            body: JSON.stringify({ token: resetToken, password }),
+        });
+        if (!res.ok) {
+            const body = await res.json().catch(() => ({}));
+            if (body.message) {
+                throw new Error(body.message);
+            }
+            throw new suite_core_lib_1.TranslatableSuiteError(suite_core_lib_1.SuiteCoreStringKey.Error_PasswordChange);
+        }
+        if (onSuccess) {
+            onSuccess();
+        }
+        navigate(redirectTo || routes.login || '/login');
+    };
+    return ((0, jsx_runtime_1.jsx)(ResetPasswordForm_1.ResetPasswordForm, { token: token, onSubmit: handleSubmit, ...componentProps }));
+};
+exports.ResetPasswordFormWrapper = ResetPasswordFormWrapper;

package/src/wrappers/UserSettingsFormWrapper.d.ts

@@ -0,0 +1,29 @@
+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>;
+//# sourceMappingURL=UserSettingsFormWrapper.d.ts.map

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

@@ -0,0 +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,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,CA0GpE,CAAC"}

package/src/wrappers/UserSettingsFormWrapper.js

@@ -0,0 +1,95 @@
+"use strict";
+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 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, baseUrl } = (0, contexts_1.useSuiteConfig)();
+    // 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.
+    // We gate on totpAvailable (no point fetching if TOTP isn't enabled on this
+    // deployment) but NOT on isAuthenticated — isAuthenticated can be false
+    // transiently (e.g. verify 403 on page refresh with a stale token) even
+    // when the user has a valid session token in localStorage. The
+    // authenticatedApi interceptor attaches the token automatically; if the
+    // call fails we leave totpEnabled undefined so no TOTP controls are shown.
+    (0, react_1.useEffect)(() => {
+        if (!totpAvailable)
+            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)
+        });
+    }, [totpAvailable, authenticatedApi]);
+    const handleSubmit = async (values) => {
+        const result = await updateSettings(values);
+        if ('success' in result && result.success && onSuccess) {
+            onSuccess();
+        }
+        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), "..."] });
+    }
+    // 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;

package/src/wrappers/VerifyEmailPageWrapper.d.ts

@@ -0,0 +1,8 @@
+import { FC } from 'react';
+import { VerifyEmailPage } from '../components/VerifyEmailPage';
+export interface VerifyEmailPageWrapperProps {
+    onSuccess?: () => void;
+    componentProps?: Partial<React.ComponentProps<typeof VerifyEmailPage>>;
+}
+export declare const VerifyEmailPageWrapper: FC<VerifyEmailPageWrapperProps>;
+//# sourceMappingURL=VerifyEmailPageWrapper.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"VerifyEmailPageWrapper.d.ts","sourceRoot":"","sources":["../../../../../packages/digitaldefiance-express-suite-react-components/src/wrappers/VerifyEmailPageWrapper.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAe,MAAM,OAAO,CAAC;AACxC,OAAO,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAC;AAGhE,MAAM,WAAW,2BAA2B;IAC1C,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,cAAc,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,CAAC,CAAC;CACxE;AAED,eAAO,MAAM,sBAAsB,EAAE,EAAE,CAAC,2BAA2B,CAiBlE,CAAC"}

package/src/wrappers/VerifyEmailPageWrapper.js

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.VerifyEmailPageWrapper = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const VerifyEmailPage_1 = require("../components/VerifyEmailPage");
+const hooks_1 = require("../hooks");
+const VerifyEmailPageWrapper = ({ onSuccess, componentProps = {}, }) => {
+    const searchParams = new URLSearchParams(window.location.search);
+    const token = searchParams.get('token');
+    const { verifyEmail } = (0, hooks_1.useEmailVerification)();
+    const handleVerify = (0, react_1.useCallback)(async (verificationToken) => {
+        const result = await verifyEmail(verificationToken);
+        if (result.success && onSuccess) {
+            onSuccess();
+        }
+        return result;
+    }, [verifyEmail, onSuccess]);
+    return (0, jsx_runtime_1.jsx)(VerifyEmailPage_1.VerifyEmailPage, { token: token, onVerify: handleVerify, ...componentProps });
+};
+exports.VerifyEmailPageWrapper = VerifyEmailPageWrapper;

package/src/wrappers/{index.tsx → index.d.ts}

@@ -1,30 +1,21 @@
-// Re-export all wrapper components from their individual files
 export { BackupCodeLoginWrapper } from './BackupCodeLoginWrapper';
 export type { BackupCodeLoginWrapperProps } from './BackupCodeLoginWrapper';
-
 export { BackupCodesWrapper } from './BackupCodesWrapper';
 export type { BackupCodesWrapperProps } from './BackupCodesWrapper';
-
 export { ChangePasswordFormWrapper } from './ChangePasswordFormWrapper';
 export type { ChangePasswordFormWrapperProps } from './ChangePasswordFormWrapper';
-
 export { ForgotPasswordFormWrapper } from './ForgotPasswordFormWrapper';
 export type { ForgotPasswordFormWrapperProps } from './ForgotPasswordFormWrapper';
-
 export { LoginFormWrapper } from './LoginFormWrapper';
 export type { LoginFormWrapperProps } from './LoginFormWrapper';
-
 export { RegisterFormWrapper } from './RegisterFormWrapper';
 export type { RegisterFormWrapperProps } from './RegisterFormWrapper';
-
 export { ResetPasswordFormWrapper } from './ResetPasswordFormWrapper';
 export type { ResetPasswordFormWrapperProps } from './ResetPasswordFormWrapper';
-
 export { LogoutPageWrapper } from './LogoutPageWrapper';
 export type { LogoutPageWrapperProps } from './LogoutPageWrapper';
-
 export { VerifyEmailPageWrapper } from './VerifyEmailPageWrapper';
 export type { VerifyEmailPageWrapperProps } from './VerifyEmailPageWrapper';
-
 export { UserSettingsFormWrapper } from './UserSettingsFormWrapper';
 export type { UserSettingsFormWrapperProps } from './UserSettingsFormWrapper';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../packages/digitaldefiance-express-suite-react-components/src/wrappers/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAClE,YAAY,EAAE,2BAA2B,EAAE,MAAM,0BAA0B,CAAC;AAE5E,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,YAAY,EAAE,uBAAuB,EAAE,MAAM,sBAAsB,CAAC;AAEpE,OAAO,EAAE,yBAAyB,EAAE,MAAM,6BAA6B,CAAC;AACxE,YAAY,EAAE,8BAA8B,EAAE,MAAM,6BAA6B,CAAC;AAElF,OAAO,EAAE,yBAAyB,EAAE,MAAM,6BAA6B,CAAC;AACxE,YAAY,EAAE,8BAA8B,EAAE,MAAM,6BAA6B,CAAC;AAElF,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,YAAY,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAEhE,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,YAAY,EAAE,wBAAwB,EAAE,MAAM,uBAAuB,CAAC;AAEtE,OAAO,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AACtE,YAAY,EAAE,6BAA6B,EAAE,MAAM,4BAA4B,CAAC;AAEhF,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,YAAY,EAAE,sBAAsB,EAAE,MAAM,qBAAqB,CAAC;AAElE,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAClE,YAAY,EAAE,2BAA2B,EAAE,MAAM,0BAA0B,CAAC;AAE5E,OAAO,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AACpE,YAAY,EAAE,4BAA4B,EAAE,MAAM,2BAA2B,CAAC"}

package/src/wrappers/index.js

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.UserSettingsFormWrapper = exports.VerifyEmailPageWrapper = exports.LogoutPageWrapper = exports.ResetPasswordFormWrapper = exports.RegisterFormWrapper = exports.LoginFormWrapper = exports.ForgotPasswordFormWrapper = exports.ChangePasswordFormWrapper = exports.BackupCodesWrapper = exports.BackupCodeLoginWrapper = void 0;
+// Re-export all wrapper components from their individual files
+var BackupCodeLoginWrapper_1 = require("./BackupCodeLoginWrapper");
+Object.defineProperty(exports, "BackupCodeLoginWrapper", { enumerable: true, get: function () { return BackupCodeLoginWrapper_1.BackupCodeLoginWrapper; } });
+var BackupCodesWrapper_1 = require("./BackupCodesWrapper");
+Object.defineProperty(exports, "BackupCodesWrapper", { enumerable: true, get: function () { return BackupCodesWrapper_1.BackupCodesWrapper; } });
+var ChangePasswordFormWrapper_1 = require("./ChangePasswordFormWrapper");
+Object.defineProperty(exports, "ChangePasswordFormWrapper", { enumerable: true, get: function () { return ChangePasswordFormWrapper_1.ChangePasswordFormWrapper; } });
+var ForgotPasswordFormWrapper_1 = require("./ForgotPasswordFormWrapper");
+Object.defineProperty(exports, "ForgotPasswordFormWrapper", { enumerable: true, get: function () { return ForgotPasswordFormWrapper_1.ForgotPasswordFormWrapper; } });
+var LoginFormWrapper_1 = require("./LoginFormWrapper");
+Object.defineProperty(exports, "LoginFormWrapper", { enumerable: true, get: function () { return LoginFormWrapper_1.LoginFormWrapper; } });
+var RegisterFormWrapper_1 = require("./RegisterFormWrapper");
+Object.defineProperty(exports, "RegisterFormWrapper", { enumerable: true, get: function () { return RegisterFormWrapper_1.RegisterFormWrapper; } });
+var ResetPasswordFormWrapper_1 = require("./ResetPasswordFormWrapper");
+Object.defineProperty(exports, "ResetPasswordFormWrapper", { enumerable: true, get: function () { return ResetPasswordFormWrapper_1.ResetPasswordFormWrapper; } });
+var LogoutPageWrapper_1 = require("./LogoutPageWrapper");
+Object.defineProperty(exports, "LogoutPageWrapper", { enumerable: true, get: function () { return LogoutPageWrapper_1.LogoutPageWrapper; } });
+var VerifyEmailPageWrapper_1 = require("./VerifyEmailPageWrapper");
+Object.defineProperty(exports, "VerifyEmailPageWrapper", { enumerable: true, get: function () { return VerifyEmailPageWrapper_1.VerifyEmailPageWrapper; } });
+var UserSettingsFormWrapper_1 = require("./UserSettingsFormWrapper");
+Object.defineProperty(exports, "UserSettingsFormWrapper", { enumerable: true, get: function () { return UserSettingsFormWrapper_1.UserSettingsFormWrapper; } });

package/LICENSE

@@ -1,21 +0,0 @@
-MIT License
-
-Copyright (c) 2025 Digital Defiance, Jessica Mulein
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.