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

package/src/components/FakeEmailAdminPanel.js

@@ -0,0 +1,147 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FakeEmailAdminButtons = exports.FakeEmailAdminPanel = void 0;
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+/**
+ * FakeEmailAdminPanel — dev-only panel for inspecting captured emails.
+ *
+ * Renders only in development/test environments where FakeEmailService is
+ * active. Calls the AdminEmailRouter endpoints mounted at `baseUrl/api/admin/emails`.
+ *
+ * Self-contained: wraps itself with AuthenticatedApiProvider internally.
+ * Usage (inside SuiteConfigProvider):
+ *   <FakeEmailAdminPanel />
+ */
+const suite_core_lib_1 = require("@digitaldefiance/suite-core-lib");
+const Delete_1 = tslib_1.__importDefault(require("@mui/icons-material/Delete"));
+const ExpandLess_1 = tslib_1.__importDefault(require("@mui/icons-material/ExpandLess"));
+const ExpandMore_1 = tslib_1.__importDefault(require("@mui/icons-material/ExpandMore"));
+const Refresh_1 = tslib_1.__importDefault(require("@mui/icons-material/Refresh"));
+const material_1 = require("@mui/material");
+const react_1 = require("react");
+const contexts_1 = require("../contexts");
+const ConfirmationDialog_1 = require("./ConfirmationDialog");
+const useAuthenticatedApi_1 = require("../hooks/useAuthenticatedApi");
+/**
+ * Renders email HTML content in a sandboxed iframe so that links are
+ * clickable and open in a new tab. Falls back to plain text when no
+ * HTML body is available.
+ */
+const EmailBodyIframe = ({ html, text, }) => {
+    const iframeRef = (0, react_1.useRef)(null);
+    (0, react_1.useEffect)(() => {
+        const iframe = iframeRef.current;
+        if (!iframe)
+            return;
+        const doc = iframe.contentDocument ?? iframe.contentWindow?.document;
+        if (!doc)
+            return;
+        if (html) {
+            // Inject a <base target="_blank"> so every link opens in a new tab,
+            // then write the original HTML body.
+            doc.open();
+            doc.write(`<!DOCTYPE html><html><head><base target="_blank"><style>body{font-family:sans-serif;font-size:14px;margin:8px;}</style></head><body>${html}</body></html>`);
+            doc.close();
+        }
+        else {
+            doc.open();
+            doc.write(`<!DOCTYPE html><html><head><style>body{font-family:sans-serif;font-size:14px;margin:8px;white-space:pre-wrap;}</style></head><body>${text.replace(/</g, '&lt;').replace(/>/g, '&gt;')}</body></html>`);
+            doc.close();
+        }
+        // Auto-resize iframe height to fit content
+        const resize = () => {
+            if (doc.body) {
+                iframe.style.height = `${doc.body.scrollHeight + 16}px`;
+            }
+        };
+        // Resize after content loads (images, etc.)
+        iframe.addEventListener('load', resize);
+        resize();
+        // Small delay to catch late-rendering content
+        const timer = setTimeout(resize, 200);
+        return () => {
+            iframe.removeEventListener('load', resize);
+            clearTimeout(timer);
+        };
+    }, [html, text]);
+    return ((0, jsx_runtime_1.jsx)("iframe", { ref: iframeRef, sandbox: "allow-popups allow-popups-to-escape-sandbox allow-same-origin", style: {
+            width: '100%',
+            minHeight: 80,
+            border: '1px solid #e0e0e0',
+            borderRadius: 4,
+            background: '#fff',
+        }, title: "Email body" }));
+};
+const FakeEmailAdminPanelContent = () => {
+    const api = (0, useAuthenticatedApi_1.useAuthenticatedApi)();
+    const { tComponent } = (0, contexts_1.useI18n)();
+    const t = (key) => tComponent(suite_core_lib_1.SuiteCoreComponentId, key);
+    const [recipients, setRecipients] = (0, react_1.useState)([]);
+    const [expanded, setExpanded] = (0, react_1.useState)(null);
+    /** Tracks which individual email is expanded to show its body (address:idx) */
+    const [expandedEmail, setExpandedEmail] = (0, react_1.useState)(null);
+    const [emailsByAddress, setEmailsByAddress] = (0, react_1.useState)({});
+    const [loading, setLoading] = (0, react_1.useState)(false);
+    const [error, setError] = (0, react_1.useState)(null);
+    const [clearDialogOpen, setClearDialogOpen] = (0, react_1.useState)(false);
+    const loadRecipients = (0, react_1.useCallback)(async () => {
+        setLoading(true);
+        setError(null);
+        try {
+            const res = await api.get('/admin/emails');
+            setRecipients(res.data.recipients);
+        }
+        catch (err) {
+            setError(err instanceof Error ? err.message : String(err));
+        }
+        finally {
+            setLoading(false);
+        }
+    }, [api]);
+    (0, react_1.useEffect)(() => {
+        void loadRecipients();
+    }, [loadRecipients]);
+    const toggleExpand = (0, react_1.useCallback)(async (address) => {
+        if (expanded === address) {
+            setExpanded(null);
+            return;
+        }
+        setExpanded(address);
+        if (!emailsByAddress[address]) {
+            try {
+                const res = await api.get(`/admin/emails/${encodeURIComponent(address)}`);
+                setEmailsByAddress((prev) => ({ ...prev, [address]: res.data }));
+            }
+            catch (err) {
+                setError(err instanceof Error ? err.message : String(err));
+            }
+        }
+    }, [api, expanded, emailsByAddress]);
+    const handleClearAll = (0, react_1.useCallback)(async () => {
+        setClearDialogOpen(false);
+        try {
+            await api.delete('/admin/emails');
+            setRecipients([]);
+            setEmailsByAddress({});
+            setExpanded(null);
+        }
+        catch (err) {
+            setError(err instanceof Error ? err.message : String(err));
+        }
+    }, [api]);
+    return ((0, jsx_runtime_1.jsxs)(material_1.Paper, { variant: "outlined", sx: { p: 2 }, children: [(0, jsx_runtime_1.jsxs)(material_1.Box, { sx: { display: 'flex', alignItems: 'center', gap: 1, mb: 1 }, children: [(0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "subtitle1", fontWeight: "bold", sx: { flexGrow: 1 }, children: t(suite_core_lib_1.SuiteCoreStringKey.FakeEmail_Admin_Title) }), (0, jsx_runtime_1.jsx)(material_1.Chip, { label: "DEV", size: "small", color: "warning" }), (0, jsx_runtime_1.jsx)(material_1.IconButton, { size: "small", onClick: () => void loadRecipients(), title: t(suite_core_lib_1.SuiteCoreStringKey.FakeEmail_Admin_Refresh), children: (0, jsx_runtime_1.jsx)(Refresh_1.default, { fontSize: "small" }) }), (0, jsx_runtime_1.jsx)(material_1.IconButton, { size: "small", color: "error", onClick: () => setClearDialogOpen(true), title: t(suite_core_lib_1.SuiteCoreStringKey.FakeEmail_Admin_ClearAll), disabled: recipients.length === 0, children: (0, jsx_runtime_1.jsx)(Delete_1.default, { fontSize: "small" }) })] }), (0, jsx_runtime_1.jsx)(material_1.Divider, { sx: { mb: 1 } }), error && ((0, jsx_runtime_1.jsx)(material_1.Alert, { severity: "error", sx: { mb: 1 }, onClose: () => setError(null), children: error })), loading && ((0, jsx_runtime_1.jsx)(material_1.Box, { sx: { display: 'flex', justifyContent: 'center', py: 2 }, children: (0, jsx_runtime_1.jsx)(material_1.CircularProgress, { size: 24 }) })), !loading && recipients.length === 0 && ((0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "body2", color: "text.secondary", children: t(suite_core_lib_1.SuiteCoreStringKey.FakeEmail_Admin_NoRecipients) })), !loading && recipients.length > 0 && ((0, jsx_runtime_1.jsx)(material_1.List, { dense: true, disablePadding: true, children: recipients.map((r) => ((0, jsx_runtime_1.jsxs)(material_1.Box, { children: [(0, jsx_runtime_1.jsxs)(material_1.ListItemButton, { onClick: () => void toggleExpand(r.address), sx: { px: 0, py: 0.5 }, children: [(0, jsx_runtime_1.jsx)(material_1.ListItemText, { primary: r.address, secondary: `${r.count} ${t(suite_core_lib_1.SuiteCoreStringKey.FakeEmail_Admin_Recipients)}` }), expanded === r.address ? ((0, jsx_runtime_1.jsx)(ExpandLess_1.default, { fontSize: "small" })) : ((0, jsx_runtime_1.jsx)(ExpandMore_1.default, { fontSize: "small" }))] }), (0, jsx_runtime_1.jsx)(material_1.Collapse, { in: expanded === r.address, unmountOnExit: true, children: emailsByAddress[r.address]?.length === 0 ? ((0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "body2", color: "text.secondary", sx: { pl: 2, py: 0.5 }, children: t(suite_core_lib_1.SuiteCoreStringKey.FakeEmail_Admin_NoEmails) })) : ((0, jsx_runtime_1.jsx)(material_1.List, { dense: true, disablePadding: true, sx: { pl: 2 }, children: (emailsByAddress[r.address] ?? []).map((email, idx) => {
+                                    const emailKey = `${r.address}:${idx}`;
+                                    const isEmailExpanded = expandedEmail === emailKey;
+                                    return ((0, jsx_runtime_1.jsxs)(material_1.Box, { sx: { py: 0.25 }, children: [(0, jsx_runtime_1.jsxs)(material_1.ListItemButton, { disableGutters: true, onClick: () => setExpandedEmail(isEmailExpanded ? null : emailKey), sx: { py: 0.25, px: 0.5, borderRadius: 1 }, children: [(0, jsx_runtime_1.jsx)(material_1.ListItemText, { primary: email.subject || '(no subject)', secondary: `${t(suite_core_lib_1.SuiteCoreStringKey.FakeEmail_Admin_Timestamp)}: ${new Date(email.timestamp).toLocaleString()}`, primaryTypographyProps: { variant: 'body2' }, secondaryTypographyProps: { variant: 'caption' } }), isEmailExpanded ? ((0, jsx_runtime_1.jsx)(ExpandLess_1.default, { fontSize: "small" })) : ((0, jsx_runtime_1.jsx)(ExpandMore_1.default, { fontSize: "small" }))] }), (0, jsx_runtime_1.jsx)(material_1.Collapse, { in: isEmailExpanded, unmountOnExit: true, children: (0, jsx_runtime_1.jsx)(material_1.Box, { sx: { pl: 1, pr: 1, pb: 1 }, children: (0, jsx_runtime_1.jsx)(EmailBodyIframe, { html: email.html, text: email.text }) }) })] }, idx));
+                                }) })) }), (0, jsx_runtime_1.jsx)(material_1.Divider, {})] }, r.address))) })), (0, jsx_runtime_1.jsx)(ConfirmationDialog_1.ConfirmationDialog, { open: clearDialogOpen, title: t(suite_core_lib_1.SuiteCoreStringKey.FakeEmail_Admin_ClearAll), message: t(suite_core_lib_1.SuiteCoreStringKey.FakeEmail_Admin_ClearConfirm), onConfirm: () => void handleClearAll(), onCancel: () => setClearDialogOpen(false) })] }));
+};
+const FakeEmailAdminPanel = () => ((0, jsx_runtime_1.jsx)(useAuthenticatedApi_1.AuthenticatedApiProvider, { children: (0, jsx_runtime_1.jsx)(FakeEmailAdminPanelContent, {}) }));
+exports.FakeEmailAdminPanel = FakeEmailAdminPanel;
+exports.default = exports.FakeEmailAdminPanel;
+const FakeEmailAdminButtons = ({ onRefresh, onClear, disabled = false, }) => {
+    const { tComponent } = (0, contexts_1.useI18n)();
+    const t = (key) => tComponent(suite_core_lib_1.SuiteCoreComponentId, key);
+    return ((0, jsx_runtime_1.jsxs)(material_1.Box, { sx: { display: 'flex', gap: 1 }, children: [(0, jsx_runtime_1.jsx)(material_1.Button, { size: "small", startIcon: (0, jsx_runtime_1.jsx)(Refresh_1.default, {}), onClick: onRefresh, disabled: disabled, children: t(suite_core_lib_1.SuiteCoreStringKey.FakeEmail_Admin_Refresh) }), (0, jsx_runtime_1.jsx)(material_1.Button, { size: "small", color: "error", startIcon: (0, jsx_runtime_1.jsx)(Delete_1.default, {}), onClick: onClear, disabled: disabled, children: t(suite_core_lib_1.SuiteCoreStringKey.FakeEmail_Admin_ClearAll) })] }));
+};
+exports.FakeEmailAdminButtons = FakeEmailAdminButtons;

package/src/components/Flag.d.ts

@@ -0,0 +1,20 @@
+import { SxProps, Theme } from '@mui/material';
+import { FC } from 'react';
+export interface FlagProps {
+    language: string;
+    sx?: SxProps<Theme>;
+}
+/**
+ * A simple component to display a flag icon for a given language.
+ *
+ * Props:
+ *   language: The language to display a flag for, as a StringLanguages enum value.
+ *   sx: Optional styles to apply to the component.
+ *
+ * Returns a Box component with an SVG flag icon from flagcdn.com as a ::before pseudo-element.
+ * The flag is sized to 1.5rem by default, but can be overridden by passing a custom sx prop.
+ * The component also includes an aria-label for accessibility, set to `Flag for <language>`.
+ */
+export declare const Flag: FC<FlagProps>;
+export default Flag;
+//# sourceMappingURL=Flag.d.ts.map

package/src/components/Flag.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Flag.d.ts","sourceRoot":"","sources":["../../../../../packages/digitaldefiance-express-suite-react-components/src/components/Flag.tsx"],"names":[],"mappings":"AACA,OAAO,EAAO,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AACpD,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAE3B,MAAM,WAAW,SAAS;IACxB,QAAQ,EAAE,MAAM,CAAC;IACjB,EAAE,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC;CACrB;AAED;;;;;;;;;;GAUG;AACH,eAAO,MAAM,IAAI,EAAE,EAAE,CAAC,SAAS,CA6B9B,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/src/components/Flag.js

@@ -0,0 +1,43 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Flag = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const suite_core_lib_1 = require("@digitaldefiance/suite-core-lib");
+const material_1 = require("@mui/material");
+/**
+ * A simple component to display a flag icon for a given language.
+ *
+ * Props:
+ *   language: The language to display a flag for, as a StringLanguages enum value.
+ *   sx: Optional styles to apply to the component.
+ *
+ * Returns a Box component with an SVG flag icon from flagcdn.com as a ::before pseudo-element.
+ * The flag is sized to 1.5rem by default, but can be overridden by passing a custom sx prop.
+ * The component also includes an aria-label for accessibility, set to `Flag for <language>`.
+ */
+const Flag = ({ language, sx }) => {
+    const flagContent = (0, suite_core_lib_1.getFlagCode)(language);
+    if (!flagContent) {
+        return null;
+    }
+    return ((0, jsx_runtime_1.jsx)(material_1.Box, { component: "span", "aria-label": `Flag for ${language}`, sx: {
+            fontSize: '1.5rem',
+            lineHeight: 1,
+            verticalAlign: 'middle',
+            '&::before': {
+                content: `" "`,
+                display: 'inline-block',
+                width: '1em',
+                height: '1em',
+                backgroundImage: `url(https://flagcdn.com/${flagContent.toLowerCase()}.svg)`,
+                backgroundSize: 'contain',
+                backgroundRepeat: 'no-repeat',
+                backgroundPosition: 'center',
+                border: '1px solid rgba(0, 0, 0, 0.1)',
+                borderRadius: '2px',
+            },
+            ...sx,
+        } }));
+};
+exports.Flag = Flag;
+exports.default = exports.Flag;

package/src/components/ForgotPasswordForm.d.ts

@@ -0,0 +1,18 @@
+import { FC } from 'react';
+import * as Yup from 'yup';
+export interface ForgotPasswordFormValues {
+    email: string;
+}
+export interface ForgotPasswordFormProps {
+    onSubmit: (values: ForgotPasswordFormValues) => Promise<void>;
+    emailValidation?: Yup.StringSchema;
+    labels?: {
+        title?: string;
+        email?: string;
+        sendResetLink?: string;
+        successMessage?: string;
+    };
+}
+export declare const ForgotPasswordForm: FC<ForgotPasswordFormProps>;
+export default ForgotPasswordForm;
+//# sourceMappingURL=ForgotPasswordForm.d.ts.map

package/src/components/ForgotPasswordForm.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ForgotPasswordForm.d.ts","sourceRoot":"","sources":["../../../../../packages/digitaldefiance-express-suite-react-components/src/components/ForgotPasswordForm.tsx"],"names":[],"mappings":"AAcA,OAAO,EAAE,EAAE,EAAY,MAAM,OAAO,CAAC;AACrC,OAAO,KAAK,GAAG,MAAM,KAAK,CAAC;AAG3B,MAAM,WAAW,wBAAwB;IACvC,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,uBAAuB;IACtC,QAAQ,EAAE,CAAC,MAAM,EAAE,wBAAwB,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC9D,eAAe,CAAC,EAAE,GAAG,CAAC,YAAY,CAAC;IACnC,MAAM,CAAC,EAAE;QACP,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,aAAa,CAAC,EAAE,MAAM,CAAC;QACvB,cAAc,CAAC,EAAE,MAAM,CAAC;KACzB,CAAC;CACH;AAED,eAAO,MAAM,kBAAkB,EAAE,EAAE,CAAC,uBAAuB,CA0I1D,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

package/src/components/ForgotPasswordForm.js

@@ -0,0 +1,61 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ForgotPasswordForm = void 0;
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const suite_core_lib_1 = require("@digitaldefiance/suite-core-lib");
+const material_1 = require("@mui/material");
+const formik_1 = require("formik");
+const react_1 = require("react");
+const Yup = tslib_1.__importStar(require("yup"));
+const contexts_1 = require("../contexts");
+const ForgotPasswordForm = ({ onSubmit, emailValidation, labels = {}, }) => {
+    const { tComponent } = (0, contexts_1.useI18n)();
+    const [success, setSuccess] = (0, react_1.useState)(false);
+    const [apiError, setApiError] = (0, react_1.useState)('');
+    const validation = {
+        email: emailValidation ||
+            Yup.string()
+                .email(tComponent(suite_core_lib_1.SuiteCoreComponentId, suite_core_lib_1.SuiteCoreStringKey.Validation_InvalidEmail))
+                .required(tComponent(suite_core_lib_1.SuiteCoreComponentId, suite_core_lib_1.SuiteCoreStringKey.Validation_Required)),
+    };
+    const translatedLabels = {
+        title: labels.title ||
+            tComponent(suite_core_lib_1.SuiteCoreComponentId, suite_core_lib_1.SuiteCoreStringKey.ForgotPassword_Title),
+        email: labels.email ||
+            tComponent(suite_core_lib_1.SuiteCoreComponentId, suite_core_lib_1.SuiteCoreStringKey.Common_Email),
+        sendResetLink: labels.sendResetLink ||
+            tComponent(suite_core_lib_1.SuiteCoreComponentId, suite_core_lib_1.SuiteCoreStringKey.ForgotPassword_SendResetLink),
+        successMessage: labels.successMessage ||
+            tComponent(suite_core_lib_1.SuiteCoreComponentId, suite_core_lib_1.SuiteCoreStringKey.PasswordReset_Success),
+    };
+    const formik = (0, formik_1.useFormik)({
+        initialValues: {
+            email: '',
+        },
+        validationSchema: Yup.object({
+            email: validation.email,
+        }),
+        onSubmit: async (values) => {
+            try {
+                await onSubmit(values);
+                setSuccess(true);
+                setApiError('');
+            }
+            catch (error) {
+                const err = error;
+                setApiError(err.response?.data?.message ||
+                    tComponent(suite_core_lib_1.SuiteCoreComponentId, suite_core_lib_1.SuiteCoreStringKey.ForgotPassword_Error));
+                setSuccess(false);
+            }
+        },
+    });
+    return ((0, jsx_runtime_1.jsx)(material_1.Container, { maxWidth: "sm", children: (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: {
+                mt: 8,
+                display: 'flex',
+                flexDirection: 'column',
+                alignItems: 'center',
+            }, children: [(0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "h4", component: "h1", gutterBottom: true, children: translatedLabels.title }), (0, jsx_runtime_1.jsxs)(material_1.Box, { component: "form", onSubmit: formik.handleSubmit, sx: { mt: 1, width: '100%' }, children: [(0, jsx_runtime_1.jsx)(material_1.TextField, { fullWidth: true, id: "email", name: "email", label: translatedLabels.email, value: formik.values.email, onChange: formik.handleChange, onBlur: formik.handleBlur, error: Boolean(formik.touched.email && formik.errors.email), helperText: formik.touched.email && formik.errors.email, margin: "normal" }), apiError && ((0, jsx_runtime_1.jsx)(material_1.Alert, { severity: "error", sx: { mt: 2, mb: 2 }, children: apiError })), success && ((0, jsx_runtime_1.jsx)(material_1.Alert, { severity: "success", sx: { mt: 2, mb: 2 }, children: translatedLabels.successMessage })), (0, jsx_runtime_1.jsx)(material_1.Button, { type: "submit", fullWidth: true, variant: "contained", color: "primary", sx: { mt: 3, mb: 2 }, disabled: formik.isSubmitting, children: translatedLabels.sendResetLink })] })] }) }));
+};
+exports.ForgotPasswordForm = ForgotPasswordForm;
+exports.default = exports.ForgotPasswordForm;

package/src/components/LoginForm.d.ts

@@ -0,0 +1,44 @@
+import { useFormik } from 'formik';
+import { FC } from 'react';
+import * as Yup from 'yup';
+export interface LoginFormValues {
+    email?: string;
+    username?: string;
+    password?: string;
+    mnemonic?: string;
+    [key: string]: string | boolean | undefined;
+}
+export interface LoginFormProps {
+    onSubmit: (values: LoginFormValues) => Promise<void>;
+    loginType?: 'email' | 'username';
+    authType?: 'password' | 'mnemonic';
+    allowLoginTypeToggle?: boolean;
+    allowAuthTypeToggle?: boolean;
+    showForgotPassword?: boolean;
+    showSignUp?: boolean;
+    forgotPasswordLink?: string;
+    signUpLink?: string;
+    emailLabel?: string;
+    usernameLabel?: string;
+    passwordLabel?: string;
+    mnemonicLabel?: string;
+    signInButtonText?: string;
+    forgotPasswordText?: string;
+    signUpText?: string;
+    useUsernameText?: string;
+    useEmailText?: string;
+    useMnemonicText?: string;
+    usePasswordText?: string;
+    toggleVisibilityLabel?: string;
+    titleText?: string;
+    emailValidation?: Yup.StringSchema;
+    usernameValidation?: Yup.StringSchema;
+    passwordValidation?: Yup.StringSchema;
+    mnemonicValidation?: Yup.StringSchema;
+    additionalFields?: (formik: ReturnType<typeof useFormik<LoginFormValues>>) => React.ReactNode;
+    additionalInitialValues?: Record<string, string | boolean>;
+    additionalValidation?: Record<string, Yup.Schema>;
+}
+export declare const LoginForm: FC<LoginFormProps>;
+export default LoginForm;
+//# sourceMappingURL=LoginForm.d.ts.map

package/src/components/LoginForm.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LoginForm.d.ts","sourceRoot":"","sources":["../../../../../packages/digitaldefiance-express-suite-react-components/src/components/LoginForm.tsx"],"names":[],"mappings":"AAkBA,OAAO,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AACnC,OAAO,EAAE,EAAE,EAAY,MAAM,OAAO,CAAC;AACrC,OAAO,KAAK,GAAG,MAAM,KAAK,CAAC;AAG3B,MAAM,WAAW,eAAe;IAC9B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,SAAS,CAAC;CAC7C;AAED,MAAM,WAAW,cAAc;IAC7B,QAAQ,EAAE,CAAC,MAAM,EAAE,eAAe,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IACrD,SAAS,CAAC,EAAE,OAAO,GAAG,UAAU,CAAC;IACjC,QAAQ,CAAC,EAAE,UAAU,GAAG,UAAU,CAAC;IACnC,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE,GAAG,CAAC,YAAY,CAAC;IACnC,kBAAkB,CAAC,EAAE,GAAG,CAAC,YAAY,CAAC;IACtC,kBAAkB,CAAC,EAAE,GAAG,CAAC,YAAY,CAAC;IACtC,kBAAkB,CAAC,EAAE,GAAG,CAAC,YAAY,CAAC;IACtC,gBAAgB,CAAC,EAAE,CACjB,MAAM,EAAE,UAAU,CAAC,OAAO,SAAS,CAAC,eAAe,CAAC,CAAC,KAClD,KAAK,CAAC,SAAS,CAAC;IACrB,uBAAuB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,OAAO,CAAC,CAAC;IAC3D,oBAAoB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;CACnD;AAED,eAAO,MAAM,SAAS,EAAE,EAAE,CAAC,cAAc,CAgZxC,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/src/components/LoginForm.js

@@ -0,0 +1,123 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.LoginForm = void 0;
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const suite_core_lib_1 = require("@digitaldefiance/suite-core-lib");
+const icons_material_1 = require("@mui/icons-material");
+const material_1 = require("@mui/material");
+const formik_1 = require("formik");
+const react_1 = require("react");
+const Yup = tslib_1.__importStar(require("yup"));
+const contexts_1 = require("../contexts");
+const LoginForm = ({ onSubmit, loginType: initialLoginType = 'email', authType: initialAuthType = 'password', allowLoginTypeToggle = true, allowAuthTypeToggle = true, showForgotPassword = true, showSignUp = true, forgotPasswordLink = '/forgot-password', signUpLink = '/register', emailLabel, usernameLabel, passwordLabel, mnemonicLabel, signInButtonText, forgotPasswordText, signUpText, useUsernameText, useEmailText, useMnemonicText, usePasswordText, toggleVisibilityLabel, titleText, emailValidation, usernameValidation, passwordValidation, mnemonicValidation, additionalFields, additionalInitialValues = {}, additionalValidation = {}, }) => {
+    const { tComponent } = (0, contexts_1.useI18n)();
+    const [loginType, setLoginType] = (0, react_1.useState)(initialLoginType);
+    const [authType, setAuthType] = (0, react_1.useState)(initialAuthType);
+    const [showSecret, setShowSecret] = (0, react_1.useState)(false);
+    // Use translations with fallbacks
+    const labels = {
+        title: titleText ||
+            tComponent(suite_core_lib_1.SuiteCoreComponentId, suite_core_lib_1.SuiteCoreStringKey.Login_Title),
+        email: emailLabel ||
+            tComponent(suite_core_lib_1.SuiteCoreComponentId, suite_core_lib_1.SuiteCoreStringKey.Common_Email),
+        username: usernameLabel ||
+            tComponent(suite_core_lib_1.SuiteCoreComponentId, suite_core_lib_1.SuiteCoreStringKey.Common_Username),
+        password: passwordLabel ||
+            tComponent(suite_core_lib_1.SuiteCoreComponentId, suite_core_lib_1.SuiteCoreStringKey.Common_Password),
+        mnemonic: mnemonicLabel ||
+            tComponent(suite_core_lib_1.SuiteCoreComponentId, suite_core_lib_1.SuiteCoreStringKey.Common_Mnemonic),
+        signIn: signInButtonText ||
+            tComponent(suite_core_lib_1.SuiteCoreComponentId, suite_core_lib_1.SuiteCoreStringKey.SignInButton),
+        forgotPassword: forgotPasswordText ||
+            tComponent(suite_core_lib_1.SuiteCoreComponentId, suite_core_lib_1.SuiteCoreStringKey.Login_ForgotPassword),
+        signUp: signUpText ||
+            tComponent(suite_core_lib_1.SuiteCoreComponentId, suite_core_lib_1.SuiteCoreStringKey.Login_SignUp),
+        useUsername: useUsernameText ||
+            tComponent(suite_core_lib_1.SuiteCoreComponentId, suite_core_lib_1.SuiteCoreStringKey.Login_UseUsername),
+        useEmail: useEmailText ||
+            tComponent(suite_core_lib_1.SuiteCoreComponentId, suite_core_lib_1.SuiteCoreStringKey.Login_UseEmailAddress),
+        useMnemonic: useMnemonicText ||
+            tComponent(suite_core_lib_1.SuiteCoreComponentId, suite_core_lib_1.SuiteCoreStringKey.Common_UseMnemonic),
+        usePassword: usePasswordText ||
+            tComponent(suite_core_lib_1.SuiteCoreComponentId, suite_core_lib_1.SuiteCoreStringKey.Common_UsePassword),
+        toggleVisibility: toggleVisibilityLabel ||
+            tComponent(suite_core_lib_1.SuiteCoreComponentId, suite_core_lib_1.SuiteCoreStringKey.TogglePasswordVisibility),
+        passwordAuthInfo: tComponent(suite_core_lib_1.SuiteCoreComponentId, suite_core_lib_1.SuiteCoreStringKey.Login_PasswordAuthInfo),
+    };
+    const validation = {
+        email: emailValidation ||
+            Yup.string()
+                .email(tComponent(suite_core_lib_1.SuiteCoreComponentId, suite_core_lib_1.SuiteCoreStringKey.Validation_InvalidEmail))
+                .required(tComponent(suite_core_lib_1.SuiteCoreComponentId, suite_core_lib_1.SuiteCoreStringKey.Validation_Required)),
+        username: usernameValidation ||
+            Yup.string()
+                .matches(suite_core_lib_1.Constants.UsernameRegex, tComponent(suite_core_lib_1.SuiteCoreComponentId, suite_core_lib_1.SuiteCoreStringKey.Validation_UsernameRegexErrorTemplate))
+                .required(tComponent(suite_core_lib_1.SuiteCoreComponentId, suite_core_lib_1.SuiteCoreStringKey.Validation_Required)),
+        password: passwordValidation ||
+            Yup.string()
+                .min(1, tComponent(suite_core_lib_1.SuiteCoreComponentId, suite_core_lib_1.SuiteCoreStringKey.Validation_Required))
+                .required(tComponent(suite_core_lib_1.SuiteCoreComponentId, suite_core_lib_1.SuiteCoreStringKey.Validation_Required)),
+        mnemonic: mnemonicValidation ||
+            Yup.string()
+                .matches(suite_core_lib_1.Constants.MnemonicRegex, tComponent(suite_core_lib_1.SuiteCoreComponentId, suite_core_lib_1.SuiteCoreStringKey.Validation_InvalidMnemonic))
+                .required(tComponent(suite_core_lib_1.SuiteCoreComponentId, suite_core_lib_1.SuiteCoreStringKey.Validation_Required)),
+    };
+    const formik = (0, formik_1.useFormik)({
+        initialValues: {
+            email: '',
+            username: '',
+            mnemonic: '',
+            password: '',
+            ...additionalInitialValues,
+        },
+        validationSchema: Yup.object({
+            [loginType]: loginType === 'email' ? validation.email : validation.username,
+            ...(authType === 'mnemonic'
+                ? { mnemonic: validation.mnemonic }
+                : { password: validation.password }),
+            ...additionalValidation,
+        }),
+        enableReinitialize: true,
+        onSubmit: async (values, { setStatus }) => {
+            try {
+                setStatus(null);
+                await onSubmit(values);
+            }
+            catch (error) {
+                const err = error;
+                setStatus(err.message ||
+                    tComponent(suite_core_lib_1.SuiteCoreComponentId, suite_core_lib_1.SuiteCoreStringKey.Common_UnexpectedError));
+                throw error;
+            }
+        },
+    });
+    return ((0, jsx_runtime_1.jsx)(material_1.Container, { component: "main", maxWidth: "xs", children: (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: {
+                marginTop: 8,
+                display: 'flex',
+                flexDirection: 'column',
+                alignItems: 'center',
+            }, children: [(0, jsx_runtime_1.jsx)(material_1.Typography, { component: "h1", variant: "h5", children: labels.title }), (0, jsx_runtime_1.jsxs)(material_1.Box, { component: "form", onSubmit: formik.handleSubmit, sx: { mt: 1, width: '100%' }, children: [formik.status && ((0, jsx_runtime_1.jsx)(material_1.Alert, { severity: "error", sx: { mb: 2 }, children: formik.status })), (0, jsx_runtime_1.jsx)(material_1.TextField, { margin: "normal", fullWidth: true, id: loginType, label: loginType === 'email' ? labels.email : labels.username, name: loginType, autoComplete: loginType === 'email' ? 'email' : 'username', autoFocus: true, value: loginType === 'email'
+                                ? formik.values.email
+                                : formik.values.username, onChange: formik.handleChange, error: formik.touched[loginType] && Boolean(formik.errors[loginType]), helperText: formik.touched[loginType] && formik.errors[loginType] }), authType === 'password' ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(material_1.TextField, { margin: "normal", required: true, fullWidth: true, name: "password", label: labels.password, id: "password", type: showSecret ? 'text' : 'password', value: formik.values.password, onChange: formik.handleChange, error: formik.touched.password && Boolean(formik.errors.password), helperText: formik.touched.password && formik.errors.password, slotProps: {
+                                        input: {
+                                            endAdornment: ((0, jsx_runtime_1.jsx)(material_1.InputAdornment, { position: "end", children: (0, jsx_runtime_1.jsx)(material_1.IconButton, { "aria-label": labels.toggleVisibility, onClick: () => setShowSecret(!showSecret), edge: "end", children: showSecret ? (0, jsx_runtime_1.jsx)(icons_material_1.VisibilityOff, {}) : (0, jsx_runtime_1.jsx)(icons_material_1.Visibility, {}) }) })),
+                                        },
+                                    } }), (0, jsx_runtime_1.jsx)(material_1.Alert, { severity: "info", sx: { mt: 1 }, children: labels.passwordAuthInfo })] })) : ((0, jsx_runtime_1.jsx)(material_1.TextField, { margin: "normal", required: true, fullWidth: true, name: "mnemonic", label: labels.mnemonic, id: "mnemonic", multiline: true, rows: 3, autoComplete: "section-mnemonic current-password", value: formik.values.mnemonic, onChange: formik.handleChange, error: formik.touched.mnemonic && Boolean(formik.errors.mnemonic), helperText: formik.touched.mnemonic && formik.errors.mnemonic, type: showSecret ? 'text' : 'password', slotProps: {
+                                input: {
+                                    endAdornment: ((0, jsx_runtime_1.jsx)(material_1.InputAdornment, { position: "end", children: (0, jsx_runtime_1.jsx)(material_1.IconButton, { "aria-label": labels.toggleVisibility, onClick: () => setShowSecret(!showSecret), edge: "end", children: showSecret ? (0, jsx_runtime_1.jsx)(icons_material_1.VisibilityOff, {}) : (0, jsx_runtime_1.jsx)(icons_material_1.Visibility, {}) }) })),
+                                },
+                            } })), additionalFields && additionalFields(formik), (0, jsx_runtime_1.jsx)(material_1.Button, { type: "submit", fullWidth: true, variant: "contained", sx: { mt: 3, mb: 2 }, disabled: formik.isSubmitting, children: labels.signIn }), (showForgotPassword || showSignUp) && ((0, jsx_runtime_1.jsxs)(material_1.Box, { sx: { display: 'flex', justifyContent: 'space-between' }, children: [showForgotPassword && ((0, jsx_runtime_1.jsx)(material_1.Link, { href: forgotPasswordLink, variant: "body2", children: labels.forgotPassword })), showSignUp && ((0, jsx_runtime_1.jsx)(material_1.Link, { href: signUpLink, variant: "body2", children: labels.signUp }))] })), (allowLoginTypeToggle || allowAuthTypeToggle) && ((0, jsx_runtime_1.jsxs)(material_1.Box, { sx: { display: 'flex', gap: 1, mt: 2 }, children: [allowLoginTypeToggle && ((0, jsx_runtime_1.jsx)(material_1.Button, { fullWidth: true, variant: "text", onClick: () => {
+                                        const newType = loginType === 'email' ? 'username' : 'email';
+                                        formik.setFieldValue(loginType, '');
+                                        setLoginType(newType);
+                                    }, children: loginType === 'email' ? labels.useUsername : labels.useEmail })), allowAuthTypeToggle && ((0, jsx_runtime_1.jsx)(material_1.Button, { fullWidth: true, variant: "text", onClick: () => {
+                                        const newType = authType === 'password' ? 'mnemonic' : 'password';
+                                        formik.setFieldValue(authType, '');
+                                        setAuthType(newType);
+                                    }, children: authType === 'password'
+                                        ? labels.useMnemonic
+                                        : labels.usePassword }))] }))] })] }) }));
+};
+exports.LoginForm = LoginForm;
+exports.default = exports.LoginForm;

package/src/components/LogoutPage.d.ts

@@ -0,0 +1,8 @@
+export interface LogoutPageProps {
+    onLogout: () => Promise<void> | void;
+    onNavigate?: (path: string) => void;
+    redirectTo?: string;
+}
+export declare const LogoutPage: ({ onLogout, onNavigate, redirectTo }: LogoutPageProps) => null;
+export default LogoutPage;
+//# sourceMappingURL=LogoutPage.d.ts.map

package/src/components/LogoutPage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LogoutPage.d.ts","sourceRoot":"","sources":["../../../../../packages/digitaldefiance-express-suite-react-components/src/components/LogoutPage.tsx"],"names":[],"mappings":"AAEA,MAAM,WAAW,eAAe;IAC9B,QAAQ,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC;IACrC,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,eAAO,MAAM,UAAU,GAAI,sCAAiD,eAAe,SAU1F,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/src/components/LogoutPage.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.LogoutPage = void 0;
+const react_1 = require("react");
+const LogoutPage = ({ onLogout, onNavigate, redirectTo = '/login' }) => {
+    (0, react_1.useEffect)(() => {
+        const performLogout = async () => {
+            await onLogout();
+            onNavigate?.(redirectTo);
+        };
+        performLogout();
+    }, [onLogout, onNavigate, redirectTo]);
+    return null;
+};
+exports.LogoutPage = LogoutPage;
+exports.default = exports.LogoutPage;

package/src/components/RegisterForm.d.ts

@@ -0,0 +1,100 @@
+import { useFormik } from 'formik';
+import { FC } from 'react';
+import * as Yup from 'yup';
+export interface RegisterFormValues {
+    username: string;
+    email: string;
+    displayName?: string;
+    timezone: string;
+    password?: string;
+    confirmPassword?: string;
+    directChallenge?: boolean;
+    mnemonic?: string;
+    [key: string]: string | boolean | undefined;
+}
+export interface RegisterFormProps {
+    onSubmit: (values: RegisterFormValues, usePassword: boolean) => Promise<{
+        success: boolean;
+        message: string;
+        mnemonic?: string;
+    } | {
+        error: string;
+        errorType?: string;
+        field?: string;
+        errors?: Array<{
+            path: string;
+            msg: string;
+        }>;
+    }>;
+    timezones: string[];
+    getInitialTimezone: () => string;
+    usernameValidation?: Yup.StringSchema;
+    emailValidation?: Yup.StringSchema;
+    displayNameValidation?: Yup.StringSchema;
+    timezoneValidation?: Yup.StringSchema;
+    passwordValidation?: Yup.StringSchema;
+    confirmPasswordValidation?: Yup.StringSchema;
+    /**
+     * When true, display a TOTP setup step after successful registration.
+     * Defaults to false. When false or not provided, existing flow is unchanged.
+     */
+    enableTotpSetup?: boolean;
+    /**
+     * Called to initiate TOTP setup (e.g. AuthService.setupTotp()).
+     * Must return provisioning URI and secret on success, or an error.
+     */
+    onTotpSetup?: () => Promise<{
+        provisioningUri: string;
+        secret: string;
+    } | {
+        error: string;
+    }>;
+    /**
+     * Called to confirm TOTP setup with a 6-digit code (e.g. AuthService.confirmTotp()).
+     */
+    onTotpConfirm?: (code: string) => Promise<{
+        success: boolean;
+    } | {
+        error: string;
+    }>;
+    /**
+     * Called after the user successfully confirms TOTP during the registration flow.
+     */
+    onTotpSetupComplete?: () => void;
+    /**
+     * List of email domains that are not allowed during registration.
+     * For example, the home system's email domain should be disallowed
+     * so users cannot register with addresses managed by the platform.
+     */
+    disallowedEmailDomains?: string[];
+    additionalFields?: (formik: ReturnType<typeof useFormik<RegisterFormValues>>, usePassword: boolean) => React.ReactNode;
+    additionalInitialValues?: Record<string, string | boolean>;
+    additionalValidation?: Record<string, Yup.Schema>;
+    labels?: {
+        title?: string;
+        username?: string;
+        email?: string;
+        displayName?: string;
+        timezone?: string;
+        password?: string;
+        confirmPassword?: string;
+        useMnemonic?: string;
+        usePassword?: string;
+        registering?: string;
+        register?: string;
+        successTitle?: string;
+        mnemonicSuccess?: string;
+        proceedToLogin?: string;
+        savedRecoveryPhrase?: string;
+        loginLink?: string;
+        mnemonic?: string;
+        totpSetupTitle?: string;
+        totpSkipButton?: string;
+        totpSetupError?: string;
+        totpSetupSuccess?: string;
+        passwordAuthInfo?: string;
+    };
+}
+export declare const RegisterForm: FC<RegisterFormProps>;
+export default RegisterForm;
+//# sourceMappingURL=RegisterForm.d.ts.map

package/src/components/RegisterForm.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RegisterForm.d.ts","sourceRoot":"","sources":["../../../../../packages/digitaldefiance-express-suite-react-components/src/components/RegisterForm.tsx"],"names":[],"mappings":"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"}