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

package/src/components/BackupCodesForm.js

@@ -0,0 +1,120 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BackupCodesForm = 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 BackupCodesForm = ({ onSubmit, backupCodesRemaining = null, mnemonicValidation, passwordValidation, labels = {}, }) => {
+    const { tComponent } = (0, contexts_1.useI18n)();
+    const [apiError, setApiError] = (0, react_1.useState)(null);
+    const [apiSuccess, setApiSuccess] = (0, react_1.useState)(null);
+    const [backupCodes, setBackupCodes] = (0, react_1.useState)(null);
+    const validation = {
+        mnemonic: mnemonicValidation ||
+            Yup.string()
+                .trim()
+                .matches(suite_core_lib_1.Constants.MnemonicRegex, tComponent(suite_core_lib_1.SuiteCoreComponentId, suite_core_lib_1.SuiteCoreStringKey.Validation_MnemonicRegex))
+                .optional(),
+        password: passwordValidation ||
+            Yup.string()
+                .trim()
+                .matches(suite_core_lib_1.Constants.PasswordRegex, tComponent(suite_core_lib_1.SuiteCoreComponentId, suite_core_lib_1.SuiteCoreStringKey.Validation_PasswordRegexErrorTemplate))
+                .optional(),
+    };
+    const translatedLabels = {
+        codesRemaining: labels.codesRemaining ||
+            tComponent(suite_core_lib_1.SuiteCoreComponentId, suite_core_lib_1.SuiteCoreStringKey.BackupCodeRecovery_CodesRemainingTemplate),
+        mnemonic: labels.mnemonic ||
+            tComponent(suite_core_lib_1.SuiteCoreComponentId, suite_core_lib_1.SuiteCoreStringKey.Common_Mnemonic),
+        password: labels.password ||
+            tComponent(suite_core_lib_1.SuiteCoreComponentId, suite_core_lib_1.SuiteCoreStringKey.Common_Password),
+        generateButton: labels.generateButton ||
+            tComponent(suite_core_lib_1.SuiteCoreComponentId, suite_core_lib_1.SuiteCoreStringKey.BackupCodeRecovery_GenerateNewCodes),
+        successTitle: labels.successTitle ||
+            tComponent(suite_core_lib_1.SuiteCoreComponentId, suite_core_lib_1.SuiteCoreStringKey.BackupCodeRecovery_YourNewCodes),
+        xorError: tComponent(suite_core_lib_1.SuiteCoreComponentId, suite_core_lib_1.SuiteCoreStringKey.Validation_MnemonicOrPasswordRequired),
+        unexpectedError: tComponent(suite_core_lib_1.SuiteCoreComponentId, suite_core_lib_1.SuiteCoreStringKey.Common_UnexpectedError),
+    };
+    const validationSchema = Yup.object({
+        mnemonic: validation.mnemonic,
+        password: validation.password,
+    })
+        .test('xor-mnemonic-password-mnemonic', translatedLabels.xorError, function (value) {
+        const mnemonic = value?.mnemonic?.trim() ?? '';
+        const password = value?.password?.trim() ?? '';
+        const hasMnemonic = mnemonic.length > 0;
+        const hasPassword = password.length > 0;
+        if (!hasMnemonic && !hasPassword) {
+            return this.createError({
+                path: 'mnemonic',
+                message: translatedLabels.xorError,
+            });
+        }
+        if (hasMnemonic && hasPassword) {
+            return this.createError({
+                path: 'mnemonic',
+                message: translatedLabels.xorError,
+            });
+        }
+        return true;
+    })
+        .test('xor-mnemonic-password-password', translatedLabels.xorError, function (value) {
+        const mnemonic = value?.mnemonic?.trim() ?? '';
+        const password = value?.password?.trim() ?? '';
+        const hasMnemonic = mnemonic.length > 0;
+        const hasPassword = password.length > 0;
+        if (!hasMnemonic && !hasPassword) {
+            return this.createError({
+                path: 'password',
+                message: translatedLabels.xorError,
+            });
+        }
+        if (hasMnemonic && hasPassword) {
+            return this.createError({
+                path: 'password',
+                message: translatedLabels.xorError,
+            });
+        }
+        return true;
+    });
+    const formik = (0, formik_1.useFormik)({
+        initialValues: {
+            password: '',
+            mnemonic: '',
+        },
+        validationSchema,
+        onSubmit: async (values, { setSubmitting }) => {
+            try {
+                const result = await onSubmit(values);
+                if (result && result.backupCodes) {
+                    setApiSuccess(translatedLabels.successTitle);
+                    setBackupCodes(result.backupCodes);
+                }
+                if (result && result.message) {
+                    setApiSuccess(result.message);
+                }
+                setApiError(null);
+            }
+            catch (e) {
+                setApiSuccess(null);
+                const error = e;
+                setApiError(error.response?.data?.message ?? translatedLabels.unexpectedError);
+            }
+            finally {
+                setSubmitting(false);
+            }
+        },
+    });
+    return ((0, jsx_runtime_1.jsxs)(material_1.Container, { component: "main", maxWidth: "xs", children: [(0, jsx_runtime_1.jsx)(material_1.Box, { children: (0, jsx_runtime_1.jsx)(material_1.Typography, { component: "h1", variant: "h5", children: translatedLabels.codesRemaining.replace('{count}', String(backupCodesRemaining ?? 0)) }) }), (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, { margin: "normal", fullWidth: true, id: "mnemonic", label: translatedLabels.mnemonic, type: "password", name: "mnemonic", autoComplete: "mnemonic", autoFocus: true, value: formik.values.mnemonic, onChange: formik.handleChange, onBlur: formik.handleBlur, error: (formik.touched.mnemonic || formik.submitCount > 0) &&
+                            Boolean(formik.errors.mnemonic), helperText: (formik.touched.mnemonic || formik.submitCount > 0) &&
+                            formik.errors.mnemonic }), (0, jsx_runtime_1.jsx)(material_1.TextField, { margin: "normal", fullWidth: true, name: "password", label: translatedLabels.password, type: "password", id: "password", value: formik.values.password, onChange: formik.handleChange, onBlur: formik.handleBlur, error: (formik.touched.password || formik.submitCount > 0) &&
+                            Boolean(formik.errors.password), helperText: (formik.touched.password || formik.submitCount > 0) &&
+                            formik.errors.password }), (0, jsx_runtime_1.jsx)(material_1.Button, { type: "submit", fullWidth: true, variant: "contained", sx: { mt: 2 }, children: translatedLabels.generateButton })] }), apiError && ((0, jsx_runtime_1.jsx)(material_1.Alert, { severity: "error", sx: { mt: 2, mb: 2 }, children: apiError })), backupCodes && apiSuccess && ((0, jsx_runtime_1.jsxs)(material_1.Box, { sx: { mt: 2, mb: 2 }, children: [(0, jsx_runtime_1.jsx)(material_1.Typography, { component: "h2", variant: "h6", children: apiSuccess }), (0, jsx_runtime_1.jsx)("ul", { children: backupCodes.map((code, index) => ((0, jsx_runtime_1.jsx)("li", { children: (0, jsx_runtime_1.jsx)("pre", { children: code }) }, index))) })] }))] }));
+};
+exports.BackupCodesForm = BackupCodesForm;
+exports.default = exports.BackupCodesForm;

package/src/components/CategoryMenu.d.ts

@@ -0,0 +1,17 @@
+import { FC } from 'react';
+import { ICategoryConfig } from '../interfaces/ICategoryConfig';
+import { IMenuConfig } from '../interfaces/IMenuConfig';
+export interface CategoryMenuProps {
+    category: ICategoryConfig;
+    menus: IMenuConfig[];
+}
+/**
+ * Renders an AppBar icon button that opens a popover containing a grid of
+ * icon tiles. Each tile is a {@link DropdownMenu} for one of the supplied
+ * `menus`, preserving its existing sub-menu behaviour. Use this together with
+ * `IMenuConfig.category` to collapse many top-bar icons into a small number
+ * of category containers (a "mega-menu" pattern).
+ */
+export declare const CategoryMenu: FC<CategoryMenuProps>;
+export default CategoryMenu;
+//# sourceMappingURL=CategoryMenu.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CategoryMenu.d.ts","sourceRoot":"","sources":["../../../../../packages/digitaldefiance-express-suite-react-components/src/components/CategoryMenu.tsx"],"names":[],"mappings":"AAQA,OAAO,EACL,EAAE,EAMH,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAC;AAChE,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AAGxD,MAAM,WAAW,iBAAiB;IAChC,QAAQ,EAAE,eAAe,CAAC;IAC1B,KAAK,EAAE,WAAW,EAAE,CAAC;CACtB;AAED;;;;;;GAMG;AACH,eAAO,MAAM,YAAY,EAAE,EAAE,CAAC,iBAAiB,CAwH9C,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/src/components/CategoryMenu.js

@@ -0,0 +1,65 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CategoryMenu = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const material_1 = require("@mui/material");
+const react_1 = require("react");
+const DropdownMenu_1 = require("./DropdownMenu");
+/**
+ * Renders an AppBar icon button that opens a popover containing a grid of
+ * icon tiles. Each tile is a {@link DropdownMenu} for one of the supplied
+ * `menus`, preserving its existing sub-menu behaviour. Use this together with
+ * `IMenuConfig.category` to collapse many top-bar icons into a small number
+ * of category containers (a "mega-menu" pattern).
+ */
+const CategoryMenu = ({ category, menus }) => {
+    const [anchorEl, setAnchorEl] = (0, react_1.useState)(null);
+    const handleOpen = (0, react_1.useCallback)((event) => {
+        setAnchorEl(event.currentTarget);
+    }, []);
+    const handleClose = (0, react_1.useCallback)(() => {
+        setAnchorEl(null);
+    }, []);
+    const columns = category.columns ?? 3;
+    const showLabels = category.showLabels ?? true;
+    const showHeader = category.showHeader ?? false;
+    const hideWhenEmpty = category.hideWhenEmpty ?? true;
+    const visibleMenus = (0, react_1.useMemo)(() => menus.filter((m) => !m.isUserMenu), [menus]);
+    if (visibleMenus.length === 0 && hideWhenEmpty) {
+        return null;
+    }
+    const trigger = ((0, jsx_runtime_1.jsx)(material_1.IconButton, { color: "inherit", onClick: handleOpen, "aria-label": category.label ?? category.id, "aria-haspopup": "true", "aria-expanded": Boolean(anchorEl) || undefined, children: category.icon }));
+    return ((0, jsx_runtime_1.jsxs)(material_1.Box, { children: [category.label ? ((0, jsx_runtime_1.jsx)(material_1.Tooltip, { title: category.label, children: trigger })) : (trigger), (0, jsx_runtime_1.jsx)(material_1.Popover, { anchorEl: anchorEl, open: Boolean(anchorEl), onClose: handleClose, anchorOrigin: { vertical: 'bottom', horizontal: 'right' }, transformOrigin: { vertical: 'top', horizontal: 'right' }, TransitionComponent: material_1.Fade, children: (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: { p: 1.5, minWidth: 64 * columns + 24 }, children: [showHeader && (category.header || category.label) && ((0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "overline", sx: {
+                                display: 'block',
+                                px: 1,
+                                pb: 1,
+                                color: 'text.secondary',
+                                lineHeight: 1.2,
+                            }, children: category.header ?? category.label })), (0, jsx_runtime_1.jsx)(material_1.Box, { sx: {
+                                display: 'grid',
+                                gridTemplateColumns: `repeat(${columns}, minmax(72px, 1fr))`,
+                                gap: 1,
+                            }, children: visibleMenus.map((menu, index) => {
+                                const tileLabel = menu.label ?? String(menu.menuType);
+                                return ((0, jsx_runtime_1.jsxs)(material_1.Box, { sx: {
+                                        display: 'flex',
+                                        flexDirection: 'column',
+                                        alignItems: 'center',
+                                        justifyContent: 'flex-start',
+                                        px: 0.5,
+                                        py: 0.5,
+                                        borderRadius: 1,
+                                        '&:hover': {
+                                            backgroundColor: 'action.hover',
+                                        },
+                                    }, children: [(0, jsx_runtime_1.jsx)(DropdownMenu_1.DropdownMenu, { menuType: menu.menuType, menuIcon: menu.menuIcon, action: menu.action, hideWhenEmpty: menu.hideWhenEmpty }), showLabels && ((0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "caption", sx: {
+                                                mt: -0.5,
+                                                textAlign: 'center',
+                                                lineHeight: 1.1,
+                                                color: 'text.primary',
+                                                userSelect: 'none',
+                                            }, children: tileLabel }))] }, `${category.id}-tile-${menu.menuType}-${index}`));
+                            }) })] }) })] }));
+};
+exports.CategoryMenu = CategoryMenu;
+exports.default = exports.CategoryMenu;

package/src/components/ChangePasswordForm.d.ts

@@ -0,0 +1,26 @@
+import { FC } from 'react';
+import * as Yup from 'yup';
+export interface ChangePasswordFormValues {
+    currentPassword: string;
+    newPassword: string;
+    confirmPassword: string;
+}
+export interface ChangePasswordFormProps {
+    onSubmit: (values: ChangePasswordFormValues) => Promise<{
+        success?: boolean;
+        error?: string;
+    }>;
+    titleText?: string;
+    currentPasswordLabel?: string;
+    newPasswordLabel?: string;
+    confirmPasswordLabel?: string;
+    submitButtonText?: string;
+    submittingButtonText?: string;
+    successMessage?: string;
+    currentPasswordValidation?: Yup.StringSchema;
+    newPasswordValidation?: Yup.StringSchema;
+    confirmPasswordValidation?: Yup.StringSchema;
+}
+export declare const ChangePasswordForm: FC<ChangePasswordFormProps>;
+export default ChangePasswordForm;
+//# sourceMappingURL=ChangePasswordForm.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ChangePasswordForm.d.ts","sourceRoot":"","sources":["../../../../../packages/digitaldefiance-express-suite-react-components/src/components/ChangePasswordForm.tsx"],"names":[],"mappings":"AAeA,OAAO,EAAE,EAAE,EAAY,MAAM,OAAO,CAAC;AACrC,OAAO,KAAK,GAAG,MAAM,KAAK,CAAC;AAG3B,MAAM,WAAW,wBAAwB;IACvC,eAAe,EAAE,MAAM,CAAC;IACxB,WAAW,EAAE,MAAM,CAAC;IACpB,eAAe,EAAE,MAAM,CAAC;CACzB;AAED,MAAM,WAAW,uBAAuB;IACtC,QAAQ,EAAE,CACR,MAAM,EAAE,wBAAwB,KAC7B,OAAO,CAAC;QAAE,OAAO,CAAC,EAAE,OAAO,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IACpD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,yBAAyB,CAAC,EAAE,GAAG,CAAC,YAAY,CAAC;IAC7C,qBAAqB,CAAC,EAAE,GAAG,CAAC,YAAY,CAAC;IACzC,yBAAyB,CAAC,EAAE,GAAG,CAAC,YAAY,CAAC;CAC9C;AAED,eAAO,MAAM,kBAAkB,EAAE,EAAE,CAAC,uBAAuB,CAqO1D,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

package/src/components/ChangePasswordForm.js

@@ -0,0 +1,78 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ChangePasswordForm = 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 ChangePasswordForm = ({ onSubmit, titleText, currentPasswordLabel, newPasswordLabel, confirmPasswordLabel, submitButtonText, submittingButtonText, successMessage, currentPasswordValidation, newPasswordValidation, confirmPasswordValidation, }) => {
+    const { tComponent } = (0, contexts_1.useI18n)();
+    const [success, setSuccess] = (0, react_1.useState)(false);
+    const [apiError, setApiError] = (0, react_1.useState)('');
+    const validation = {
+        currentPassword: currentPasswordValidation ||
+            Yup.string().required(tComponent(suite_core_lib_1.SuiteCoreComponentId, suite_core_lib_1.SuiteCoreStringKey.Validation_Required)),
+        newPassword: newPasswordValidation ||
+            Yup.string()
+                .min(suite_core_lib_1.Constants.PasswordMinLength, tComponent(suite_core_lib_1.SuiteCoreComponentId, suite_core_lib_1.SuiteCoreStringKey.Validation_PasswordMinLengthTemplate))
+                .required(tComponent(suite_core_lib_1.SuiteCoreComponentId, suite_core_lib_1.SuiteCoreStringKey.Validation_Required)),
+        confirmPassword: confirmPasswordValidation ||
+            Yup.string()
+                .oneOf([Yup.ref('newPassword')], tComponent(suite_core_lib_1.SuiteCoreComponentId, suite_core_lib_1.SuiteCoreStringKey.Validation_PasswordMatch))
+                .required(tComponent(suite_core_lib_1.SuiteCoreComponentId, suite_core_lib_1.SuiteCoreStringKey.Validation_Required)),
+    };
+    const labels = {
+        title: titleText ||
+            tComponent(suite_core_lib_1.SuiteCoreComponentId, suite_core_lib_1.SuiteCoreStringKey.Common_ChangePassword),
+        currentPassword: currentPasswordLabel ||
+            tComponent(suite_core_lib_1.SuiteCoreComponentId, suite_core_lib_1.SuiteCoreStringKey.Common_CurrentPassword),
+        newPassword: newPasswordLabel ||
+            tComponent(suite_core_lib_1.SuiteCoreComponentId, suite_core_lib_1.SuiteCoreStringKey.Common_NewPassword),
+        confirmPassword: confirmPasswordLabel ||
+            tComponent(suite_core_lib_1.SuiteCoreComponentId, suite_core_lib_1.SuiteCoreStringKey.Common_ConfirmNewPassword),
+        submitButton: submitButtonText ||
+            tComponent(suite_core_lib_1.SuiteCoreComponentId, suite_core_lib_1.SuiteCoreStringKey.Common_ChangePassword),
+        submittingButton: submittingButtonText ||
+            tComponent(suite_core_lib_1.SuiteCoreComponentId, suite_core_lib_1.SuiteCoreStringKey.Common_ChangingPassword),
+        success: successMessage ||
+            tComponent(suite_core_lib_1.SuiteCoreComponentId, suite_core_lib_1.SuiteCoreStringKey.PasswordChange_Success),
+    };
+    const formik = (0, formik_1.useFormik)({
+        initialValues: {
+            currentPassword: '',
+            newPassword: '',
+            confirmPassword: '',
+        },
+        validationSchema: Yup.object({
+            currentPassword: validation.currentPassword,
+            newPassword: validation.newPassword,
+            confirmPassword: validation.confirmPassword,
+        }),
+        onSubmit: async (values, { resetForm }) => {
+            const result = await onSubmit(values);
+            if ('success' in result) {
+                setSuccess(true);
+                setApiError('');
+                resetForm();
+            }
+            else if ('error' in result && result.error) {
+                setApiError(result.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: labels.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: "currentPassword", name: "currentPassword", label: labels.currentPassword, type: "password", value: formik.values.currentPassword, onChange: formik.handleChange, onBlur: formik.handleBlur, error: Boolean(formik.touched.currentPassword && formik.errors.currentPassword), helperText: formik.touched.currentPassword && formik.errors.currentPassword, margin: "normal" }), (0, jsx_runtime_1.jsx)(material_1.TextField, { fullWidth: true, id: "newPassword", name: "newPassword", label: labels.newPassword, type: "password", value: formik.values.newPassword, onChange: formik.handleChange, onBlur: formik.handleBlur, error: Boolean(formik.touched.newPassword && formik.errors.newPassword), helperText: formik.touched.newPassword && formik.errors.newPassword, margin: "normal" }), (0, jsx_runtime_1.jsx)(material_1.TextField, { fullWidth: true, id: "confirmPassword", name: "confirmPassword", label: labels.confirmPassword, type: "password", value: formik.values.confirmPassword, onChange: formik.handleChange, onBlur: formik.handleBlur, error: Boolean(formik.touched.confirmPassword && formik.errors.confirmPassword), helperText: formik.touched.confirmPassword && formik.errors.confirmPassword, 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: labels.success })), (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: formik.isSubmitting
+                                ? labels.submittingButton
+                                : labels.submitButton })] })] }) }));
+};
+exports.ChangePasswordForm = ChangePasswordForm;
+exports.default = exports.ChangePasswordForm;

package/src/components/ConfirmationDialog.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+export interface ConfirmationDialogProps {
+    open: boolean;
+    title: string;
+    message: string;
+    confirmText?: string;
+    cancelText?: string;
+    onConfirm: () => void;
+    onCancel: () => void;
+}
+export declare const ConfirmationDialog: React.FC<ConfirmationDialogProps>;
+export default ConfirmationDialog;
+//# sourceMappingURL=ConfirmationDialog.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ConfirmationDialog.d.ts","sourceRoot":"","sources":["../../../../../packages/digitaldefiance-express-suite-react-components/src/components/ConfirmationDialog.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,WAAW,uBAAuB;IACtC,IAAI,EAAE,OAAO,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CAyBhE,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

package/src/components/ConfirmationDialog.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ConfirmationDialog = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const material_1 = require("@mui/material");
+const ConfirmationDialog = ({ open, title, message, confirmText = 'Confirm', cancelText = 'Cancel', onConfirm, onCancel, }) => {
+    return ((0, jsx_runtime_1.jsxs)(material_1.Dialog, { open: open, onClose: onCancel, children: [(0, jsx_runtime_1.jsx)(material_1.DialogTitle, { children: title }), (0, jsx_runtime_1.jsx)(material_1.DialogContent, { children: (0, jsx_runtime_1.jsx)(material_1.DialogContentText, { children: message }) }), (0, jsx_runtime_1.jsxs)(material_1.DialogActions, { children: [(0, jsx_runtime_1.jsx)(material_1.Button, { onClick: onCancel, color: "primary", children: cancelText }), (0, jsx_runtime_1.jsx)(material_1.Button, { onClick: onConfirm, color: "primary", children: confirmText })] })] }));
+};
+exports.ConfirmationDialog = ConfirmationDialog;
+exports.default = exports.ConfirmationDialog;

package/src/components/CurrencyCodeSelector.d.ts

@@ -0,0 +1,9 @@
+import { FC } from 'react';
+export interface CurrencyCodeSelectorProps {
+    name: string;
+    label: string;
+    onCurrencyChange?: (code: string) => void;
+}
+export declare const CurrencyCodeSelector: FC<CurrencyCodeSelectorProps>;
+export default CurrencyCodeSelector;
+//# sourceMappingURL=CurrencyCodeSelector.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CurrencyCodeSelector.d.ts","sourceRoot":"","sources":["../../../../../packages/digitaldefiance-express-suite-react-components/src/components/CurrencyCodeSelector.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAe,EAAE,EAAE,MAAM,OAAO,CAAC;AAExC,MAAM,WAAW,yBAAyB;IACxC,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,gBAAgB,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CAC3C;AAED,eAAO,MAAM,oBAAoB,EAAE,EAAE,CAAC,yBAAyB,CA8C9D,CAAC;AAEF,eAAe,oBAAoB,CAAC"}

package/src/components/CurrencyCodeSelector.js

@@ -0,0 +1,31 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CurrencyCodeSelector = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const i18n_lib_1 = require("@digitaldefiance/i18n-lib");
+const material_1 = require("@mui/material");
+const formik_1 = require("formik");
+const CurrencyCodeSelector = ({ name, label, onCurrencyChange, }) => {
+    return ((0, jsx_runtime_1.jsx)(formik_1.Field, { name: name, children: ({ field, form }) => ((0, jsx_runtime_1.jsx)(material_1.TextField, { select: true, fullWidth: true, label: label, ...field, onChange: (event) => {
+                const selectedCode = event.target.value;
+                form.setFieldValue(name, selectedCode);
+                onCurrencyChange?.(selectedCode);
+            }, error: form.touched[name] && Boolean(form.errors[name]), helperText: form.touched[name] && form.errors[name], sx: {
+                '& .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: i18n_lib_1.CurrencyCode.getAll().map((code) => ((0, jsx_runtime_1.jsx)(material_1.MenuItem, { value: code, children: code }, code))) })) }));
+};
+exports.CurrencyCodeSelector = CurrencyCodeSelector;
+exports.default = exports.CurrencyCodeSelector;

package/src/components/CurrencyInput.d.ts

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

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

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

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

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

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

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

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

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

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

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

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

@@ -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,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"}