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

package/src/components/CurrencyInput.d.ts

@@ -1,13 +0,0 @@
-export interface CurrencyInputProps {
-    value: number;
-    onChange: (value: number) => void;
-    currencyCode?: string;
-    locale?: string;
-    label: string;
-    error?: boolean;
-    helperText?: string;
-    name: string;
-}
-export declare const CurrencyInput: React.FC<CurrencyInputProps>;
-export default CurrencyInput;
-//# sourceMappingURL=CurrencyInput.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"CurrencyInput.d.ts","sourceRoot":"","sources":["../../../../../packages/digitaldefiance-express-suite-react-components/src/components/CurrencyInput.tsx"],"names":[],"mappings":"AAIA,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,IAAI,EAAE,MAAM,CAAC;CACd;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CA8DtD,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/src/components/CurrencyInput.js

@@ -1,22 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CurrencyInput = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const material_1 = require("@mui/material");
-const react_number_format_1 = require("react-number-format");
-const i18n_lib_1 = require("@digitaldefiance/i18n-lib");
-const CurrencyInput = ({ value, onChange, currencyCode = 'USD', locale = 'en-US', label, error, helperText, name, }) => {
-    const format = (0, i18n_lib_1.getCurrencyFormat)(locale, currencyCode);
-    if (format.position === 'infix') {
-        const [whole, decimal] = value.toString().split('.');
-        const displayValue = `${whole}${format.symbol}${format.decimalSeparator}${decimal || '00'}`;
-        return ((0, jsx_runtime_1.jsx)(react_number_format_1.NumericFormat, { customInput: material_1.TextField, fullWidth: true, margin: "normal", label: label, value: displayValue, thousandSeparator: format.groupSeparator, decimalSeparator: format.decimalSeparator, decimalScale: 2, fixedDecimalScale: true, valueIsNumericString: true, onValueChange: (values) => {
-                onChange(values.floatValue || 0);
-            }, error: error, helperText: helperText, name: name }));
-    }
-    return ((0, jsx_runtime_1.jsx)(react_number_format_1.NumericFormat, { customInput: material_1.TextField, fullWidth: true, margin: "normal", label: label, value: value, thousandSeparator: format.groupSeparator, decimalSeparator: format.decimalSeparator, decimalScale: 2, fixedDecimalScale: true, prefix: format.position === 'prefix' ? format.symbol + ' ' : undefined, suffix: format.position === 'postfix' ? ' ' + format.symbol : undefined, valueIsNumericString: true, onValueChange: (values) => {
-            onChange(values.floatValue || 0);
-        }, error: error, helperText: helperText, name: name }));
-};
-exports.CurrencyInput = CurrencyInput;
-exports.default = exports.CurrencyInput;

package/src/components/DashboardPage.d.ts

@@ -1,8 +0,0 @@
-import { FC, ReactNode } from 'react';
-export interface DashboardPageProps {
-    title?: string;
-    children?: ReactNode;
-}
-export declare const DashboardPage: FC<DashboardPageProps>;
-export default DashboardPage;
-//# sourceMappingURL=DashboardPage.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"DashboardPage.d.ts","sourceRoot":"","sources":["../../../../../packages/digitaldefiance-express-suite-react-components/src/components/DashboardPage.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEtC,MAAM,WAAW,kBAAkB;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,eAAO,MAAM,aAAa,EAAE,EAAE,CAAC,kBAAkB,CAahD,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/src/components/DashboardPage.js

@@ -1,10 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DashboardPage = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const material_1 = require("@mui/material");
-const DashboardPage = ({ title = 'Dashboard', children }) => {
-    return ((0, jsx_runtime_1.jsx)(material_1.Container, { maxWidth: "md", children: (0, jsx_runtime_1.jsxs)(material_1.Box, { my: 4, children: [(0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "h4", component: "h1", gutterBottom: true, align: "center", children: title }), (0, jsx_runtime_1.jsx)(material_1.Box, { display: "flex", justifyContent: "center", mt: 3, children: children })] }) }));
-};
-exports.DashboardPage = DashboardPage;
-exports.default = exports.DashboardPage;

package/src/components/DropdownMenu.d.ts

@@ -1,13 +0,0 @@
-import { FC, ReactElement } from 'react';
-import { MenuType } from '../types/MenuType';
-interface DropdownMenuProps {
-    menuType: MenuType;
-    menuIcon: ReactElement;
-    /** When true, the entire icon button is hidden if there are no menu options. Defaults to false. */
-    hideWhenEmpty?: boolean;
-    /** Optional callback invoked when the icon button is clicked. When provided alongside menu options, the action fires first and the dropdown still opens. When there are no menu options, only the action fires. */
-    action?: () => void;
-}
-export declare const DropdownMenu: FC<DropdownMenuProps>;
-export default DropdownMenu;
-//# sourceMappingURL=DropdownMenu.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"DropdownMenu.d.ts","sourceRoot":"","sources":["../../../../../packages/digitaldefiance-express-suite-react-components/src/components/DropdownMenu.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,EAAE,EAAc,YAAY,EAAyB,MAAM,OAAO,CAAC;AAE5E,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAI7C,UAAU,iBAAiB;IACzB,QAAQ,EAAE,QAAQ,CAAC;IACnB,QAAQ,EAAE,YAAY,CAAC;IACvB,mGAAmG;IACnG,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,mNAAmN;IACnN,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,eAAO,MAAM,YAAY,EAAE,EAAE,CAAC,iBAAiB,CAsF9C,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/src/components/DropdownMenu.js

@@ -1,63 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DropdownMenu = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const material_1 = require("@mui/material");
-const react_1 = require("react");
-const react_router_1 = require("react-router");
-const MenuContext_1 = require("../contexts/MenuContext");
-const DropdownMenu = ({ menuType, menuIcon, hideWhenEmpty = false, action }) => {
-    const { getMenuOptions } = (0, MenuContext_1.useMenu)();
-    const [anchorEl, setAnchorEl] = (0, react_1.useState)(null);
-    const navigate = (0, react_router_1.useNavigate)();
-    const handleClose = (0, react_1.useCallback)(() => {
-        setAnchorEl(null);
-    }, []);
-    const handleMenuItemClick = (0, react_1.useCallback)((option) => (event) => {
-        event.stopPropagation();
-        if (option.action) {
-            option.action();
-        }
-        else if (option.link !== undefined) {
-            if (typeof option.link === 'object' &&
-                'pathname' in option.link &&
-                'state' in option.link) {
-                navigate(option.link.pathname, { state: option.link.state });
-            }
-            else {
-                navigate(option.link);
-            }
-        }
-        handleClose(); // Call handleClose after handling the click
-    }, [navigate, handleClose]);
-    const menuItems = getMenuOptions(menuType, false);
-    const hasItems = menuItems.length > 0;
-    const handleClick = (0, react_1.useCallback)((event) => {
-        if (action) {
-            action();
-        }
-        if (hasItems) {
-            setAnchorEl(event.currentTarget);
-        }
-    }, [action, hasItems]);
-    if (!hasItems && hideWhenEmpty) {
-        return null;
-    }
-    return ((0, jsx_runtime_1.jsxs)(material_1.Box, { children: [(0, jsx_runtime_1.jsx)(material_1.IconButton, { color: "inherit", onClick: (hasItems || action) ? handleClick : undefined, children: menuIcon }), hasItems && ((0, jsx_runtime_1.jsx)(material_1.Menu, { anchorEl: anchorEl, open: Boolean(anchorEl), onClose: handleClose, TransitionComponent: material_1.Fade, sx: {
-                    '& .MuiPopover-paper': {
-                        opacity: 0.5,
-                        overflow: 'visible',
-                    },
-                }, children: menuItems.map((option) => ((0, jsx_runtime_1.jsxs)(material_1.MenuItem, { component: "li", onClick: handleMenuItemClick(option), sx: {
-                        display: 'flex',
-                        alignItems: 'center',
-                        '& > svg': {
-                            marginRight: 2,
-                            width: 24,
-                            height: 24,
-                        },
-                        ...option.additionalSx
-                    }, children: [option.icon, option.label] }, option.id))) }))] }));
-};
-exports.DropdownMenu = DropdownMenu;
-exports.default = exports.DropdownMenu;

package/src/components/ExpirationSecondsSelector.d.ts

@@ -1,13 +0,0 @@
-import { FormikProps } from 'formik';
-import { FC } from 'react';
-export interface ExpirationSecondsSelectorProps<T = Record<string, unknown>> {
-    name: string;
-    label: string;
-    formik: FormikProps<T>;
-    optionValues: number[];
-    optionNames: string[];
-    onChange?: (value: number) => void;
-}
-export declare const ExpirationSecondsSelector: FC<ExpirationSecondsSelectorProps<Record<string, unknown>>>;
-export default ExpirationSecondsSelector;
-//# sourceMappingURL=ExpirationSecondsSelector.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ExpirationSecondsSelector.d.ts","sourceRoot":"","sources":["../../../../../packages/digitaldefiance-express-suite-react-components/src/components/ExpirationSecondsSelector.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,QAAQ,CAAC;AACrC,OAAO,EAAe,EAAE,EAAE,MAAM,OAAO,CAAC;AAExC,MAAM,WAAW,8BAA8B,CAAC,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IACzE,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,WAAW,CAAC,CAAC,CAAC,CAAC;IACvB,YAAY,EAAE,MAAM,EAAE,CAAC;IACvB,WAAW,EAAE,MAAM,EAAE,CAAC;IACtB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACpC;AAED,eAAO,MAAM,yBAAyB,EAAE,EAAE,CACxC,8BAA8B,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CA2CxD,CAAC;AAEF,eAAe,yBAAyB,CAAC"}

package/src/components/ExpirationSecondsSelector.js

@@ -1,32 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ExpirationSecondsSelector = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const material_1 = require("@mui/material");
-const ExpirationSecondsSelector = ({ name, label, formik, optionValues, optionNames, onChange }) => {
-    return ((0, jsx_runtime_1.jsx)(material_1.TextField, { select: true, fullWidth: true, label: label, name: name, value: formik.values[name] ?? '', onChange: (event) => {
-            const selectedValue = event.target.value;
-            formik.setFieldValue(name, selectedValue);
-            if (onChange) {
-                onChange(parseInt(selectedValue));
-            }
-        }, error: formik.touched[name] && Boolean(formik.errors[name]), helperText: formik.touched[name] && formik.errors[name], sx: {
-            mt: 1,
-            '& .MuiSelect-select': {
-                paddingRight: '32px',
-            },
-            '& .MuiOutlinedInput-root': {
-                '& fieldset': {
-                    borderColor: 'rgba(0, 0, 0, 0.23)',
-                },
-                '&:hover fieldset': {
-                    borderColor: 'rgba(0, 0, 0, 0.87)',
-                },
-                '&.Mui-focused fieldset': {
-                    borderColor: 'primary.main',
-                },
-            },
-        }, children: optionNames.map((name, index) => ((0, jsx_runtime_1.jsx)(material_1.MenuItem, { value: optionValues[index], children: name }, name))) }));
-};
-exports.ExpirationSecondsSelector = ExpirationSecondsSelector;
-exports.default = exports.ExpirationSecondsSelector;

package/src/components/FakeEmailAdminPanel.d.ts

@@ -1,23 +0,0 @@
-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

@@ -1 +0,0 @@
-{"version":3,"file":"FakeEmailAdminPanel.d.ts","sourceRoot":"","sources":["../../../../../packages/digitaldefiance-express-suite-react-components/src/components/FakeEmailAdminPanel.tsx"],"names":[],"mappings":"AAkCA,OAAO,EAAE,EAAE,EAA4C,MAAM,OAAO,CAAC;AAQrE,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;AAiRD,eAAO,MAAM,mBAAmB,EAAE,EAIjC,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

@@ -1,147 +0,0 @@
-"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

@@ -1,20 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,43 +0,0 @@
-"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

@@ -1,18 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,61 +0,0 @@
-"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

@@ -1,44 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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"}