@digitaldefiance/express-suite-react-components 4.26.15 → 4.26.16

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@digitaldefiance/express-suite-react-components",
-  "version": "4.26.15",
+  "version": "4.26.16",
   "homepage": "https://github.com/Digital-Defiance/react-components",
   "description": "React MUI components for Digital Defiance Express Suite",
   "repository": {
@@ -32,7 +32,7 @@
   },
   "dependencies": {
     "@digitaldefiance/i18n-lib": "4.7.3",
-    "@digitaldefiance/suite-core-lib": "4.26.8",
+    "@digitaldefiance/suite-core-lib": "4.26.9",
     "@emotion/react": "^11.14.0",
     "@emotion/styled": "^11.14.0",
     "@mui/icons-material": "^7.0.2",

package/src/components/FakeEmailAdminPanel.d.ts

@@ -0,0 +1,23 @@
+import { FC } from 'react';
+/** Shape of a single captured email as returned by AdminEmailRouter */
+export interface CapturedEmailInfo {
+    to: string;
+    subject: string;
+    text: string;
+    html: string;
+    timestamp: string;
+}
+/** Shape of a recipient summary as returned by GET /api/admin/emails */
+export interface RecipientSummary {
+    address: string;
+    count: number;
+}
+export declare const FakeEmailAdminPanel: FC;
+export default FakeEmailAdminPanel;
+export interface FakeEmailAdminButtonsProps {
+    onRefresh: () => void;
+    onClear: () => void;
+    disabled?: boolean;
+}
+export declare const FakeEmailAdminButtons: FC<FakeEmailAdminButtonsProps>;
+//# sourceMappingURL=FakeEmailAdminPanel.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FakeEmailAdminPanel.d.ts","sourceRoot":"","sources":["../../../../../packages/digitaldefiance-express-suite-react-components/src/components/FakeEmailAdminPanel.tsx"],"names":[],"mappings":"AAkCA,OAAO,EAAE,EAAE,EAAoC,MAAM,OAAO,CAAC;AAK7D,uEAAuE;AACvE,MAAM,WAAW,iBAAiB;IAChC,EAAE,EAAE,MAAM,CAAC;IACX,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,MAAM,CAAC;CACnB;AAED,wEAAwE;AACxE,MAAM,WAAW,gBAAgB;IAC/B,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;CACf;AAED,eAAO,MAAM,mBAAmB,EAAE,EAgLjC,CAAC;AAEF,eAAe,mBAAmB,CAAC;AAGnC,MAAM,WAAW,0BAA0B;IACzC,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,qBAAqB,EAAE,EAAE,CAAC,0BAA0B,CA8BhE,CAAC"}

package/src/components/FakeEmailAdminPanel.js

@@ -0,0 +1,89 @@
+"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`.
+ *
+ * Usage (inside AuthenticatedApiProvider + 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");
+const FakeEmailAdminPanel = () => {
+    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);
+    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('/api/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(`/api/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('/api/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) => ((0, jsx_runtime_1.jsx)(material_1.ListItem, { disablePadding: true, sx: { py: 0.25 }, 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' } }) }, 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) })] }));
+};
+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/index.d.ts

@@ -8,6 +8,7 @@ export * from './CurrencyInput';
 export * from './DashboardPage';
 export * from './DropdownMenu';
 export * from './ExpirationSecondsSelector';
+export * from './FakeEmailAdminPanel';
 export * from './Flag';
 export * from './ForgotPasswordForm';
 export * from './LoginForm';

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../packages/digitaldefiance-express-suite-react-components/src/components/index.ts"],"names":[],"mappings":"AACA,cAAc,aAAa,CAAC;AAC5B,cAAc,uBAAuB,CAAC;AACtC,cAAc,mBAAmB,CAAC;AAClC,cAAc,sBAAsB,CAAC;AACrC,cAAc,sBAAsB,CAAC;AACrC,cAAc,wBAAwB,CAAC;AACvC,cAAc,iBAAiB,CAAC;AAChC,cAAc,iBAAiB,CAAC;AAChC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,6BAA6B,CAAC;AAC5C,cAAc,QAAQ,CAAC;AACvB,cAAc,sBAAsB,CAAC;AACrC,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,YAAY,CAAC;AAC3B,cAAc,oBAAoB,CAAC;AACnC,cAAc,WAAW,CAAC;AAC1B,cAAc,mBAAmB,CAAC;AAClC,cAAc,YAAY,CAAC;AAC3B,cAAc,wBAAwB,CAAC;AACvC,cAAc,mBAAmB,CAAC;AAClC,cAAc,KAAK,CAAC;AACpB,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../packages/digitaldefiance-express-suite-react-components/src/components/index.ts"],"names":[],"mappings":"AACA,cAAc,aAAa,CAAC;AAC5B,cAAc,uBAAuB,CAAC;AACtC,cAAc,mBAAmB,CAAC;AAClC,cAAc,sBAAsB,CAAC;AACrC,cAAc,sBAAsB,CAAC;AACrC,cAAc,wBAAwB,CAAC;AACvC,cAAc,iBAAiB,CAAC;AAChC,cAAc,iBAAiB,CAAC;AAChC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,6BAA6B,CAAC;AAC5C,cAAc,uBAAuB,CAAC;AACtC,cAAc,QAAQ,CAAC;AACvB,cAAc,sBAAsB,CAAC;AACrC,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,YAAY,CAAC;AAC3B,cAAc,oBAAoB,CAAC;AACnC,cAAc,WAAW,CAAC;AAC1B,cAAc,mBAAmB,CAAC;AAClC,cAAc,YAAY,CAAC;AAC3B,cAAc,wBAAwB,CAAC;AACvC,cAAc,mBAAmB,CAAC;AAClC,cAAc,KAAK,CAAC;AACpB,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC"}

package/src/components/index.js

@@ -12,6 +12,7 @@ tslib_1.__exportStar(require("./CurrencyInput"), exports);
 tslib_1.__exportStar(require("./DashboardPage"), exports);
 tslib_1.__exportStar(require("./DropdownMenu"), exports);
 tslib_1.__exportStar(require("./ExpirationSecondsSelector"), exports);
+tslib_1.__exportStar(require("./FakeEmailAdminPanel"), exports);
 tslib_1.__exportStar(require("./Flag"), exports);
 tslib_1.__exportStar(require("./ForgotPasswordForm"), exports);
 tslib_1.__exportStar(require("./LoginForm"), exports);