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

package/src/components/ResetPasswordForm.js

@@ -1,78 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ResetPasswordForm = 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 ResetPasswordForm = ({ token, onSubmit, passwordValidation, confirmPasswordValidation, labels = {}, }) => {
-    const { tComponent } = (0, contexts_1.useI18n)();
-    const [success, setSuccess] = (0, react_1.useState)(false);
-    const [apiError, setApiError] = (0, react_1.useState)('');
-    const validation = {
-        password: passwordValidation ||
-            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('password')], 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 translatedLabels = {
-        title: labels.title ||
-            tComponent(suite_core_lib_1.SuiteCoreComponentId, suite_core_lib_1.SuiteCoreStringKey.PasswordReset_Title),
-        password: labels.password ||
-            tComponent(suite_core_lib_1.SuiteCoreComponentId, suite_core_lib_1.SuiteCoreStringKey.Common_NewPassword),
-        confirmPassword: labels.confirmPassword ||
-            tComponent(suite_core_lib_1.SuiteCoreComponentId, suite_core_lib_1.SuiteCoreStringKey.Common_ConfirmNewPassword),
-        resetButton: labels.resetButton ||
-            tComponent(suite_core_lib_1.SuiteCoreComponentId, suite_core_lib_1.SuiteCoreStringKey.PasswordReset_Button),
-        successMessage: labels.successMessage ||
-            tComponent(suite_core_lib_1.SuiteCoreComponentId, suite_core_lib_1.SuiteCoreStringKey.PasswordReset_Success),
-        invalidToken: labels.invalidToken ||
-            tComponent(suite_core_lib_1.SuiteCoreComponentId, suite_core_lib_1.SuiteCoreStringKey.ForgotPassword_InvalidToken),
-    };
-    const formik = (0, formik_1.useFormik)({
-        initialValues: {
-            password: '',
-            confirmPassword: '',
-        },
-        validationSchema: Yup.object({
-            password: validation.password,
-            confirmPassword: validation.confirmPassword,
-        }),
-        onSubmit: async (values) => {
-            if (!token) {
-                setApiError(translatedLabels.invalidToken);
-                return;
-            }
-            try {
-                await onSubmit(token, values.password);
-                setSuccess(true);
-                setApiError('');
-            }
-            catch (error) {
-                const err = error;
-                setApiError(err.response?.data?.message ||
-                    tComponent(suite_core_lib_1.SuiteCoreComponentId, suite_core_lib_1.SuiteCoreStringKey.Error_PasswordChange));
-                setSuccess(false);
-            }
-        },
-    });
-    if (!token) {
-        return ((0, jsx_runtime_1.jsx)(material_1.Container, { maxWidth: "sm", children: (0, jsx_runtime_1.jsx)(material_1.Alert, { severity: "error", sx: { mt: 4 }, children: translatedLabels.invalidToken }) }));
-    }
-    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: "password", name: "password", label: translatedLabels.password, type: "password", value: formik.values.password, onChange: formik.handleChange, onBlur: formik.handleBlur, error: Boolean(formik.touched.password && formik.errors.password), helperText: formik.touched.password && formik.errors.password, margin: "normal" }), (0, jsx_runtime_1.jsx)(material_1.TextField, { fullWidth: true, id: "confirmPassword", name: "confirmPassword", label: translatedLabels.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: 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.resetButton })] })] }) }));
-};
-exports.ResetPasswordForm = ResetPasswordForm;
-exports.default = exports.ResetPasswordForm;

package/src/components/SideMenu.d.ts

@@ -1,8 +0,0 @@
-import { FC } from 'react';
-interface SideMenuProps {
-    isOpen: boolean;
-    onClose: () => void;
-}
-export declare const SideMenu: FC<SideMenuProps>;
-export default SideMenu;
-//# sourceMappingURL=SideMenu.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"SideMenu.d.ts","sourceRoot":"","sources":["../../../../../packages/digitaldefiance-express-suite-react-components/src/components/SideMenu.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAO3B,UAAU,aAAa;IACrB,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,eAAO,MAAM,QAAQ,EAAE,EAAE,CAAC,aAAa,CA8BtC,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/src/components/SideMenu.js

@@ -1,25 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SideMenu = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const material_1 = require("@mui/material");
-const react_router_1 = require("react-router");
-const MenuContext_1 = require("../contexts/MenuContext");
-const MenuType_1 = require("../types/MenuType");
-const SideMenuListItem_1 = require("./SideMenuListItem");
-const SideMenu = ({ isOpen, onClose }) => {
-    const { getMenuOptions } = (0, MenuContext_1.useMenu)();
-    const navigate = (0, react_router_1.useNavigate)();
-    const menuOptions = getMenuOptions(MenuType_1.MenuTypes.SideMenu, true);
-    const handleNavigate = (link) => {
-        if (typeof link === 'string') {
-            navigate(link);
-        }
-        else if (link.pathname) {
-            navigate(link.pathname, { state: link.state });
-        }
-    };
-    return ((0, jsx_runtime_1.jsx)(material_1.Drawer, { anchor: "left", open: isOpen, onClose: onClose, children: (0, jsx_runtime_1.jsx)(material_1.List, { children: menuOptions.map((item) => ((0, jsx_runtime_1.jsx)(SideMenuListItem_1.SideMenuListItem, { menuItem: item, onClose: onClose, onNavigate: handleNavigate }, item.id))) }) }));
-};
-exports.SideMenu = SideMenu;
-exports.default = exports.SideMenu;

package/src/components/SideMenuListItem.d.ts

@@ -1,13 +0,0 @@
-import { FC } from 'react';
-import { IMenuOption } from '../interfaces';
-export interface SideMenuListItemProps {
-    menuItem: IMenuOption;
-    onClose: () => void;
-    onNavigate?: (link: string | Partial<{
-        pathname: string;
-        state?: unknown;
-    }>) => void;
-}
-export declare const SideMenuListItem: FC<SideMenuListItemProps>;
-export default SideMenuListItem;
-//# sourceMappingURL=SideMenuListItem.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"SideMenuListItem.d.ts","sourceRoot":"","sources":["../../../../../packages/digitaldefiance-express-suite-react-components/src/components/SideMenuListItem.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,EAAE,EAAe,MAAM,OAAO,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAE5C,MAAM,WAAW,qBAAqB;IACpC,QAAQ,EAAE,WAAW,CAAC;IACtB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,UAAU,CAAC,EAAE,CACX,IAAI,EAAE,MAAM,GAAG,OAAO,CAAC;QAAE,QAAQ,EAAE,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,OAAO,CAAA;KAAE,CAAC,KAC1D,IAAI,CAAC;CACX;AAED,eAAO,MAAM,gBAAgB,EAAE,EAAE,CAAC,qBAAqB,CAuDtD,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

package/src/components/SideMenuListItem.js

@@ -1,44 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SideMenuListItem = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const material_1 = require("@mui/material");
-const react_1 = require("react");
-const SideMenuListItem = ({ menuItem, onClose, onNavigate, }) => {
-    const handleMenuItemClick = (0, react_1.useCallback)((option) => (event) => {
-        event.stopPropagation();
-        if (option.action) {
-            option.action();
-        }
-        else if (option.link !== undefined && onNavigate) {
-            if (typeof option.link === 'string') {
-                onNavigate(option.link);
-            }
-            else if (typeof option.link === 'object' &&
-                'pathname' in option.link &&
-                option.link.pathname) {
-                onNavigate({
-                    pathname: option.link.pathname,
-                    state: 'state' in option.link ? option.link.state : undefined,
-                });
-            }
-        }
-        onClose();
-    }, [onNavigate, onClose]);
-    if (menuItem.divider) {
-        return (0, jsx_runtime_1.jsx)(material_1.Divider, { sx: { ...menuItem.sideSx } }, menuItem.id);
-    }
-    else if (menuItem.link) {
-        return ((0, jsx_runtime_1.jsxs)(material_1.ListItemButton, { onClick: handleMenuItemClick(menuItem), sx: { ...menuItem.sideSx }, children: [menuItem.icon && (0, jsx_runtime_1.jsx)(material_1.ListItemIcon, { sx: { ...menuItem.sideIconSx }, children: menuItem.icon }), (0, jsx_runtime_1.jsx)(material_1.ListItemText, { primary: menuItem.label, sx: { ...menuItem.sideTextSx } })] }, menuItem.id));
-    }
-    else if (menuItem.action) {
-        const action = menuItem.action;
-        return ((0, jsx_runtime_1.jsxs)(material_1.ListItemButton, { onClick: async () => {
-                await action();
-                onClose();
-            }, sx: { ...menuItem.sideSx }, children: [menuItem.icon && (0, jsx_runtime_1.jsx)(material_1.ListItemIcon, { sx: { ...menuItem.sideIconSx }, children: menuItem.icon }), (0, jsx_runtime_1.jsx)(material_1.ListItemText, { primary: menuItem.label, sx: { ...menuItem.sideTextSx } })] }, menuItem.id));
-    }
-    return null;
-};
-exports.SideMenuListItem = SideMenuListItem;
-exports.default = exports.SideMenuListItem;

package/src/components/T.d.ts

@@ -1,7 +0,0 @@
-interface FCParams<TEnum extends string> {
-    stringKey: TEnum;
-    vars?: Record<string, string | number>;
-}
-export declare const Tbranded: <TEnum extends string>({ stringKey, vars, }: FCParams<TEnum>) => string | undefined;
-export default Tbranded;
-//# sourceMappingURL=T.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"T.d.ts","sourceRoot":"","sources":["../../../../../packages/digitaldefiance-express-suite-react-components/src/components/T.tsx"],"names":[],"mappings":"AAKA,UAAU,QAAQ,CAAC,KAAK,SAAS,MAAM;IACrC,SAAS,EAAE,KAAK,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC,CAAC;CACxC;AAED,eAAO,MAAM,QAAQ,GAAI,KAAK,SAAS,MAAM,EAAE,sBAG5C,QAAQ,CAAC,KAAK,CAAC,KAAG,MAAM,GAAG,SAQ7B,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/src/components/T.js

@@ -1,13 +0,0 @@
-"use strict";
-// src/app/components/T.tsx
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Tbranded = void 0;
-const react_1 = require("react");
-const contexts_1 = require("../contexts");
-const Tbranded = ({ stringKey, vars, }) => {
-    const { currentLanguage, tBranded } = (0, contexts_1.useI18n)();
-    const translated = (0, react_1.useMemo)(() => tBranded(stringKey, vars, currentLanguage), [tBranded, stringKey, vars, currentLanguage]);
-    return translated;
-};
-exports.Tbranded = Tbranded;
-exports.default = exports.Tbranded;

package/src/components/TDiv.d.ts

@@ -1,9 +0,0 @@
-import { DetailedHTMLProps, HTMLAttributes, ReactElement } from 'react';
-interface FCParams<TEnum extends string> {
-    stringKey: TEnum;
-    vars?: Record<string, string | number>;
-    divOptions?: DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>;
-}
-export declare const TDivBranded: <TEnum extends string>({ stringKey, vars, divOptions, }: FCParams<TEnum>) => ReactElement;
-export default TDivBranded;
-//# sourceMappingURL=TDiv.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"TDiv.d.ts","sourceRoot":"","sources":["../../../../../packages/digitaldefiance-express-suite-react-components/src/components/TDiv.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,iBAAiB,EAAE,cAAc,EAAE,YAAY,EAAW,MAAM,OAAO,CAAC;AAGjF,UAAU,QAAQ,CAAC,KAAK,SAAS,MAAM;IACrC,SAAS,EAAE,KAAK,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC,CAAC;IACvC,UAAU,CAAC,EAAE,iBAAiB,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,cAAc,CAAC,CAAC;CAChF;AAED,eAAO,MAAM,WAAW,GAAI,KAAK,SAAS,MAAM,EAAE,kCAI/C,QAAQ,CAAC,KAAK,CAAC,KAAG,YAQpB,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/src/components/TDiv.js

@@ -1,14 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.TDivBranded = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-// src/app/components/TDiv.tsx
-const react_1 = require("react");
-const contexts_1 = require("../contexts");
-const TDivBranded = ({ stringKey, vars, divOptions, }) => {
-    const { currentLanguage, tBranded } = (0, contexts_1.useI18n)();
-    const translated = (0, react_1.useMemo)(() => tBranded(stringKey, vars, currentLanguage), [tBranded, stringKey, vars, currentLanguage]);
-    return (0, jsx_runtime_1.jsx)("div", { ...divOptions, children: translated });
-};
-exports.TDivBranded = TDivBranded;
-exports.default = exports.TDivBranded;

package/src/components/TImgAlt.d.ts

@@ -1,10 +0,0 @@
-import { DetailedHTMLProps, ImgHTMLAttributes, ReactElement } from 'react';
-interface FCParams<TEnum extends string> {
-    src: string;
-    stringKey: TEnum;
-    vars?: Record<string, string | number>;
-    imgOptions?: DetailedHTMLProps<ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>;
-}
-export declare const TImgAlt: <TEnum extends string>({ src, stringKey, vars, imgOptions, }: FCParams<TEnum>) => ReactElement;
-export default TImgAlt;
-//# sourceMappingURL=TImgAlt.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"TImgAlt.d.ts","sourceRoot":"","sources":["../../../../../packages/digitaldefiance-express-suite-react-components/src/components/TImgAlt.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,YAAY,EAAW,MAAM,OAAO,CAAC;AAGpF,UAAU,QAAQ,CAAC,KAAK,SAAS,MAAM;IACrC,GAAG,EAAE,MAAM,CAAC;IACZ,SAAS,EAAE,KAAK,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC,CAAC;IACvC,UAAU,CAAC,EAAE,iBAAiB,CAAC,iBAAiB,CAAC,gBAAgB,CAAC,EAAE,gBAAgB,CAAC,CAAC;CACvF;AAED,eAAO,MAAM,OAAO,GAAI,KAAK,SAAS,MAAM,EAAE,uCAK3C,QAAQ,CAAC,KAAK,CAAC,KAAG,YAQpB,CAAC;AAEF,eAAe,OAAO,CAAC"}

package/src/components/TImgAlt.js

@@ -1,14 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.TImgAlt = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-// src/app/components/TImgAlt.tsx
-const react_1 = require("react");
-const contexts_1 = require("../contexts");
-const TImgAlt = ({ src, stringKey, vars, imgOptions, }) => {
-    const { currentLanguage, tBranded } = (0, contexts_1.useI18n)();
-    const translated = (0, react_1.useMemo)(() => tBranded(stringKey, vars, currentLanguage), [tBranded, stringKey, vars, currentLanguage]);
-    return (0, jsx_runtime_1.jsx)("img", { src: src, ...imgOptions, alt: translated });
-};
-exports.TImgAlt = TImgAlt;
-exports.default = exports.TImgAlt;

package/src/components/TopMenu.d.ts

@@ -1,50 +0,0 @@
-import { IConstants } from '@digitaldefiance/suite-core-lib';
-import React, { FC, ReactElement } from 'react';
-import { ICategoryConfig } from '../interfaces/ICategoryConfig';
-import { MenuType } from '../types/MenuType';
-declare global {
-    interface Window {
-        APP_CONFIG?: {
-            hostname: string;
-            siteTitle: string;
-            server: string;
-            [key: string]: unknown;
-        };
-    }
-}
-export interface AdditionalDropdownMenu {
-    menuType: MenuType;
-    menuIcon: ReactElement;
-    priority?: number;
-    /** Optional callback invoked when the icon button is clicked. */
-    action?: () => void;
-    /** When true, the menu icon is hidden if there are no sub-options. Defaults to false. */
-    hideWhenEmpty?: boolean;
-    /**
-     * Optional category id. When the TopMenu is given matching `categories`,
-     * this menu is rendered inside that category's popover instead of inline.
-     */
-    category?: string;
-    /** Optional label used for tile captions and tooltips. */
-    label?: string;
-}
-export interface TopMenuProps {
-    Logo: React.ReactNode;
-    additionalMenus?: Array<AdditionalDropdownMenu>;
-    /**
-     * Optional category configurations. When provided, any menu (whether
-     * registered via `MenuContext` or passed in `additionalMenus`) whose
-     * `category` matches a category `id` is rendered as a tile inside that
-     * category's mega-menu popover. Menus without a matching category render
-     * inline in the AppBar exactly as before, so this is backwards compatible:
-     * omit `categories` (or use empty array) for the original layout.
-     */
-    categories?: ICategoryConfig[];
-    /** Custom action elements rendered in the toolbar after menu dropdowns (e.g. notification bell). Only shown when authenticated. */
-    actions?: React.ReactNode;
-    constants?: IConstants;
-    showTitle?: boolean;
-}
-export declare const TopMenu: FC<TopMenuProps>;
-export default TopMenu;
-//# sourceMappingURL=TopMenu.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"TopMenu.d.ts","sourceRoot":"","sources":["../../../../../packages/digitaldefiance-express-suite-react-components/src/components/TopMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,UAAU,EAIX,MAAM,iCAAiC,CAAC;AAUzC,OAAO,KAAK,EAAE,EAEZ,EAAE,EACF,YAAY,EAIb,MAAM,OAAO,CAAC;AAKf,OAAO,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAC;AAEhE,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAQ7C,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,MAAM;QACd,UAAU,CAAC,EAAE;YACX,QAAQ,EAAE,MAAM,CAAC;YACjB,SAAS,EAAE,MAAM,CAAC;YAClB,MAAM,EAAE,MAAM,CAAC;YACf,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;SACxB,CAAC;KACH;CACF;AAED,MAAM,WAAW,sBAAsB;IACrC,QAAQ,EAAE,QAAQ,CAAC;IACnB,QAAQ,EAAE,YAAY,CAAC;IACvB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,iEAAiE;IACjE,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,yFAAyF;IACzF,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,0DAA0D;IAC1D,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,YAAY;IAC3B,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC;IACtB,eAAe,CAAC,EAAE,KAAK,CAAC,sBAAsB,CAAC,CAAC;IAChD;;;;;;;OAOG;IACH,UAAU,CAAC,EAAE,eAAe,EAAE,CAAC;IAC/B,mIAAmI;IACnI,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,UAAU,CAAC;IACvB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,eAAO,MAAM,OAAO,EAAE,EAAE,CAAC,YAAY,CAsKpC,CAAC;AAEF,eAAe,OAAO,CAAC"}

package/src/components/TopMenu.js

@@ -1,79 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.TopMenu = 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 Menu_1 = tslib_1.__importDefault(require("@mui/icons-material/Menu"));
-const material_1 = require("@mui/material");
-const react_1 = require("react");
-const react_router_1 = require("react-router");
-const AuthProvider_1 = require("../contexts/AuthProvider");
-const I18nProvider_1 = require("../contexts/I18nProvider");
-const MenuContext_1 = require("../contexts/MenuContext");
-const CategoryMenu_1 = require("./CategoryMenu");
-const DropdownMenu_1 = require("./DropdownMenu");
-const SideMenu_1 = require("./SideMenu");
-const UserLanguageSelector_1 = require("./UserLanguageSelector");
-const UserMenu_1 = require("./UserMenu");
-const TopMenu = ({ Logo, additionalMenus, categories, actions, constants, showTitle, }) => {
-    const { isAuthenticated } = (0, react_1.useContext)(AuthProvider_1.AuthContext);
-    const { getTopMenus } = (0, MenuContext_1.useMenu)();
-    const [isSideMenuOpen, setIsSideMenuOpen] = (0, react_1.useState)(false);
-    const handleOpenSideMenu = () => setIsSideMenuOpen(true);
-    const handleCloseSideMenu = () => setIsSideMenuOpen(false);
-    const { tComponent } = (0, I18nProvider_1.useI18n)();
-    // When constants are explicitly provided, pass Site as a template variable
-    // override. Otherwise let the i18n engine resolve {Site} from its registered
-    // constants (which the consuming app sets up via createI18nSetup).
-    const siteTitle = tComponent(suite_core_lib_1.SuiteCoreComponentId, suite_core_lib_1.SuiteCoreStringKey.Common_SiteTemplate, constants ? { Site: constants.Site } : undefined);
-    const allMenus = (0, react_1.useMemo)(() => {
-        const contextMenus = getTopMenus();
-        if (!additionalMenus || additionalMenus.length === 0) {
-            return contextMenus;
-        }
-        const additional = additionalMenus.map((m) => ({
-            ...m,
-            options: [],
-            isUserMenu: false,
-        }));
-        return [...contextMenus, ...additional].sort((a, b) => (b.priority ?? 0) - (a.priority ?? 0));
-    }, [getTopMenus, additionalMenus]);
-    // Split menus into those that belong to a configured category vs. those
-    // that should render inline in the AppBar (default, backwards-compatible
-    // behaviour). The user menu is always inline.
-    const { inlineMenus, menusByCategory, orderedCategories } = (0, react_1.useMemo)(() => {
-        const hasCategories = !!categories && categories.length > 0;
-        const categoryIds = new Set(hasCategories ? categories.map((c) => c.id) : []);
-        const byCategory = new Map();
-        const inline = [];
-        for (const menu of allMenus) {
-            const cat = menu.category;
-            if (!menu.isUserMenu && hasCategories && cat && categoryIds.has(cat)) {
-                const list = byCategory.get(cat) ?? [];
-                list.push(menu);
-                byCategory.set(cat, list);
-            }
-            else {
-                inline.push(menu);
-            }
-        }
-        const ordered = hasCategories
-            ? [...categories].sort((a, b) => (b.priority ?? 0) - (a.priority ?? 0))
-            : [];
-        return {
-            inlineMenus: inline,
-            menusByCategory: byCategory,
-            orderedCategories: ordered,
-        };
-    }, [allMenus, categories]);
-    return ((0, jsx_runtime_1.jsxs)(material_1.AppBar, { position: "fixed", sx: { top: 10 }, children: [(0, jsx_runtime_1.jsxs)(material_1.Toolbar, { children: [(0, jsx_runtime_1.jsx)(material_1.IconButton, { size: "large", edge: "start", color: "inherit", "aria-label": "menu", sx: { mr: 2 }, onClick: handleOpenSideMenu, children: (0, jsx_runtime_1.jsx)(Menu_1.default, {}) }), (0, jsx_runtime_1.jsx)(material_1.Box, { sx: {
-                            height: 40,
-                            width: 'auto',
-                            marginRight: 2,
-                            display: 'flex',
-                            alignItems: 'center',
-                        }, children: Logo }), (0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "h6", component: "div", sx: { flexGrow: 1 }, children: showTitle !== false ? siteTitle : '\u00A0' }), (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: { display: 'flex', alignItems: 'center' }, children: [isAuthenticated ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(material_1.Button, { color: "inherit", component: react_router_1.Link, to: "/dashboard", children: tComponent(suite_core_lib_1.SuiteCoreComponentId, suite_core_lib_1.SuiteCoreStringKey.Common_Dashboard) }), inlineMenus.map((menu, index) => menu.isUserMenu ? ((0, jsx_runtime_1.jsx)(UserMenu_1.UserMenu, {}, `user-menu`)) : ((0, jsx_runtime_1.jsx)(DropdownMenu_1.DropdownMenu, { menuType: menu.menuType, menuIcon: menu.menuIcon, action: menu.action, hideWhenEmpty: menu.hideWhenEmpty }, `menu-${index}`))), orderedCategories.map((category) => ((0, jsx_runtime_1.jsx)(CategoryMenu_1.CategoryMenu, { category: category, menus: menusByCategory.get(category.id) ?? [] }, `category-${category.id}`)))] })) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(material_1.Button, { color: "inherit", component: react_router_1.Link, to: "/login", children: tComponent(suite_core_lib_1.SuiteCoreComponentId, suite_core_lib_1.SuiteCoreStringKey.Login_LoginButton) }), (0, jsx_runtime_1.jsx)(material_1.Button, { color: "inherit", component: react_router_1.Link, to: "/register", children: tComponent(suite_core_lib_1.SuiteCoreComponentId, suite_core_lib_1.SuiteCoreStringKey.RegisterButton) })] })), isAuthenticated && actions, (0, jsx_runtime_1.jsx)(UserLanguageSelector_1.UserLanguageSelector, {})] })] }), (0, jsx_runtime_1.jsx)(SideMenu_1.SideMenu, { isOpen: isSideMenuOpen, onClose: handleCloseSideMenu })] }));
-};
-exports.TopMenu = TopMenu;
-exports.default = exports.TopMenu;

package/src/components/TotpSetupForm.d.ts

@@ -1,24 +0,0 @@
-import { FC } from 'react';
-export interface TotpSetupFormValues {
-    code: string;
-}
-export interface TotpSetupFormProps {
-    provisioningUri: string;
-    secret: string;
-    onConfirm: (code: string) => Promise<{
-        success: boolean;
-    } | {
-        error: string;
-    }>;
-    labels?: {
-        title?: string;
-        qrCodeAlt?: string;
-        secretLabel?: string;
-        codeLabel?: string;
-        confirmButton?: string;
-        errorMessage?: string;
-    };
-}
-export declare const TotpSetupForm: FC<TotpSetupFormProps>;
-export default TotpSetupForm;
-//# sourceMappingURL=TotpSetupForm.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"TotpSetupForm.d.ts","sourceRoot":"","sources":["../../../../../packages/digitaldefiance-express-suite-react-components/src/components/TotpSetupForm.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,EAAE,EAAY,MAAM,OAAO,CAAC;AAGrC,MAAM,WAAW,mBAAmB;IAClC,IAAI,EAAE,MAAM,CAAC;CACd;AAED,MAAM,WAAW,kBAAkB;IACjC,eAAe,EAAE,MAAM,CAAC;IACxB,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,CACT,IAAI,EAAE,MAAM,KACT,OAAO,CAAC;QAAE,OAAO,EAAE,OAAO,CAAA;KAAE,GAAG;QAAE,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IACvD,MAAM,CAAC,EAAE;QACP,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,WAAW,CAAC,EAAE,MAAM,CAAC;QACrB,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,aAAa,CAAC,EAAE,MAAM,CAAC;QACvB,YAAY,CAAC,EAAE,MAAM,CAAC;KACvB,CAAC;CACH;AAiBD,eAAO,MAAM,aAAa,EAAE,EAAE,CAAC,kBAAkB,CAgJhD,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/src/components/TotpSetupForm.js

@@ -1,82 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.TotpSetupForm = void 0;
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const material_1 = require("@mui/material");
-const formik_1 = require("formik");
-const qrcode_react_1 = require("qrcode.react");
-const react_1 = require("react");
-const Yup = tslib_1.__importStar(require("yup"));
-const defaultLabels = {
-    title: 'Set Up Two-Factor Authentication',
-    qrCodeAlt: 'QR code for TOTP authenticator app setup',
-    secretLabel: 'Manual entry key',
-    codeLabel: 'Confirmation code',
-    confirmButton: 'Confirm',
-    errorMessage: 'An unexpected error occurred',
-};
-const totpCodeSchema = Yup.object({
-    code: Yup.string()
-        .required('Confirmation code is required')
-        .matches(/^\d{6}$/, 'Code must be exactly 6 digits'),
-});
-const TotpSetupForm = ({ provisioningUri, secret, onConfirm, labels = {}, }) => {
-    const [confirmError, setConfirmError] = (0, react_1.useState)(null);
-    const resolvedLabels = {
-        title: labels.title ?? defaultLabels.title,
-        qrCodeAlt: labels.qrCodeAlt ?? defaultLabels.qrCodeAlt,
-        secretLabel: labels.secretLabel ?? defaultLabels.secretLabel,
-        codeLabel: labels.codeLabel ?? defaultLabels.codeLabel,
-        confirmButton: labels.confirmButton ?? defaultLabels.confirmButton,
-        errorMessage: labels.errorMessage ?? defaultLabels.errorMessage,
-    };
-    const formik = (0, formik_1.useFormik)({
-        initialValues: {
-            code: '',
-        },
-        validationSchema: totpCodeSchema,
-        onSubmit: async (values, { setSubmitting }) => {
-            try {
-                setConfirmError(null);
-                const result = await onConfirm(values.code);
-                if ('error' in result) {
-                    setConfirmError(result.error);
-                }
-            }
-            catch {
-                setConfirmError(resolvedLabels.errorMessage);
-            }
-            finally {
-                setSubmitting(false);
-            }
-        },
-    });
-    const errorId = 'totp-setup-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: resolvedLabels.title }), (0, jsx_runtime_1.jsx)(material_1.Box, { sx: { mt: 3, display: 'flex', justifyContent: 'center' }, children: (0, jsx_runtime_1.jsx)(qrcode_react_1.QRCodeSVG, { value: provisioningUri, size: 200, role: "img", "aria-label": resolvedLabels.qrCodeAlt, "data-testid": "qr-code-svg" }) }), (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: {
-                        mt: 2,
-                        p: 2,
-                        bgcolor: 'grey.100',
-                        borderRadius: 1,
-                        width: '100%',
-                        textAlign: 'center',
-                    }, children: [(0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "subtitle2", gutterBottom: true, children: resolvedLabels.secretLabel }), (0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "body2", sx: {
-                                fontFamily: 'monospace',
-                                wordBreak: 'break-all',
-                                userSelect: 'all',
-                            }, children: secret })] }), (0, jsx_runtime_1.jsxs)(material_1.Box, { component: "form", onSubmit: formik.handleSubmit, sx: { mt: 2, width: '100%' }, children: [(0, jsx_runtime_1.jsx)(material_1.TextField, { margin: "normal", required: true, fullWidth: true, id: "code", name: "code", label: resolvedLabels.codeLabel, inputProps: {
-                                'aria-label': resolvedLabels.codeLabel,
-                                inputMode: 'numeric',
-                                maxLength: 6,
-                                pattern: '\\d{6}',
-                                ...(confirmError ? { 'aria-describedby': errorId } : {}),
-                            }, autoComplete: "one-time-code", autoFocus: true, value: formik.values.code, onChange: formik.handleChange, onBlur: formik.handleBlur, error: (formik.touched.code && Boolean(formik.errors.code)) ||
-                                Boolean(confirmError), helperText: formik.touched.code && formik.errors.code }), confirmError && ((0, jsx_runtime_1.jsx)(material_1.Typography, { id: errorId, color: "error", variant: "body2", sx: { mt: 1 }, role: "alert", children: confirmError })), (0, jsx_runtime_1.jsx)(material_1.Button, { type: "submit", fullWidth: true, variant: "contained", sx: { mt: 3, mb: 2 }, disabled: formik.isSubmitting, children: resolvedLabels.confirmButton })] })] }) }));
-};
-exports.TotpSetupForm = TotpSetupForm;
-exports.default = exports.TotpSetupForm;

package/src/components/TotpVerificationForm.d.ts

@@ -1,23 +0,0 @@
-import { FC } from 'react';
-import { IRequestUserDTO } from '@digitaldefiance/suite-core-lib';
-export interface TotpVerificationFormValues {
-    code: string;
-}
-export interface TotpVerificationFormProps {
-    pendingTotpToken: string;
-    onSubmit: (code: string, pendingTotpToken: string) => Promise<{
-        token: string;
-        user: IRequestUserDTO;
-    } | {
-        error: string;
-    }>;
-    labels?: {
-        title?: string;
-        codeLabel?: string;
-        submitButton?: string;
-        errorMessage?: string;
-    };
-}
-export declare const TotpVerificationForm: FC<TotpVerificationFormProps>;
-export default TotpVerificationForm;
-//# sourceMappingURL=TotpVerificationForm.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"TotpVerificationForm.d.ts","sourceRoot":"","sources":["../../../../../packages/digitaldefiance-express-suite-react-components/src/components/TotpVerificationForm.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,EAAE,EAAY,MAAM,OAAO,CAAC;AAErC,OAAO,EAAE,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAElE,MAAM,WAAW,0BAA0B;IACzC,IAAI,EAAE,MAAM,CAAC;CACd;AAED,MAAM,WAAW,yBAAyB;IACxC,gBAAgB,EAAE,MAAM,CAAC;IACzB,QAAQ,EAAE,CACR,IAAI,EAAE,MAAM,EACZ,gBAAgB,EAAE,MAAM,KACrB,OAAO,CACV;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,eAAe,CAAA;KAAE,GAAG;QAAE,KAAK,EAAE,MAAM,CAAA;KAAE,CAC7D,CAAC;IACF,MAAM,CAAC,EAAE;QACP,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,YAAY,CAAC,EAAE,MAAM,CAAC;QACtB,YAAY,CAAC,EAAE,MAAM,CAAC;KACvB,CAAC;CACH;AAeD,eAAO,MAAM,oBAAoB,EAAE,EAAE,CAAC,yBAAyB,CA0G9D,CAAC;AAEF,eAAe,oBAAoB,CAAC"}

package/src/components/TotpVerificationForm.js

@@ -1,66 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.TotpVerificationForm = void 0;
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const material_1 = require("@mui/material");
-const formik_1 = require("formik");
-const react_1 = require("react");
-const Yup = tslib_1.__importStar(require("yup"));
-const defaultLabels = {
-    title: 'Two-Factor Authentication',
-    codeLabel: 'Authentication code',
-    submitButton: 'Verify',
-    errorMessage: 'An unexpected error occurred',
-};
-const totpCodeSchema = Yup.object({
-    code: Yup.string()
-        .required('Authentication code is required')
-        .matches(/^\d{6}$/, 'Code must be exactly 6 digits'),
-});
-const TotpVerificationForm = ({ pendingTotpToken, onSubmit, labels = {}, }) => {
-    const [submitError, setSubmitError] = (0, react_1.useState)(null);
-    const resolvedLabels = {
-        title: labels.title ?? defaultLabels.title,
-        codeLabel: labels.codeLabel ?? defaultLabels.codeLabel,
-        submitButton: labels.submitButton ?? defaultLabels.submitButton,
-        errorMessage: labels.errorMessage ?? defaultLabels.errorMessage,
-    };
-    const formik = (0, formik_1.useFormik)({
-        initialValues: {
-            code: '',
-        },
-        validationSchema: totpCodeSchema,
-        onSubmit: async (values, { setSubmitting }) => {
-            try {
-                setSubmitError(null);
-                const result = await onSubmit(values.code, pendingTotpToken);
-                if ('error' in result) {
-                    setSubmitError(result.error);
-                }
-            }
-            catch {
-                setSubmitError(resolvedLabels.errorMessage);
-            }
-            finally {
-                setSubmitting(false);
-            }
-        },
-    });
-    const errorId = 'totp-verification-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: resolvedLabels.title }), (0, jsx_runtime_1.jsxs)(material_1.Box, { component: "form", onSubmit: formik.handleSubmit, sx: { mt: 2, width: '100%' }, children: [(0, jsx_runtime_1.jsx)(material_1.TextField, { margin: "normal", required: true, fullWidth: true, id: "code", name: "code", label: resolvedLabels.codeLabel, inputProps: {
-                                'aria-label': resolvedLabels.codeLabel,
-                                inputMode: 'numeric',
-                                maxLength: 6,
-                                pattern: '\\d{6}',
-                                ...(submitError ? { 'aria-describedby': errorId } : {}),
-                            }, autoComplete: "one-time-code", autoFocus: true, value: formik.values.code, onChange: formik.handleChange, onBlur: formik.handleBlur, error: (formik.touched.code && Boolean(formik.errors.code)) ||
-                                Boolean(submitError), helperText: formik.touched.code && formik.errors.code }), submitError && ((0, jsx_runtime_1.jsx)(material_1.Typography, { id: errorId, color: "error", variant: "body2", sx: { mt: 1 }, role: "alert", children: submitError })), (0, jsx_runtime_1.jsx)(material_1.Button, { type: "submit", fullWidth: true, variant: "contained", sx: { mt: 3, mb: 2 }, disabled: formik.isSubmitting, children: resolvedLabels.submitButton })] })] }) }));
-};
-exports.TotpVerificationForm = TotpVerificationForm;
-exports.default = exports.TotpVerificationForm;

package/src/components/TranslatedTitle.d.ts

@@ -1,8 +0,0 @@
-interface FCParams<TEnum extends string> {
-    componentId: string;
-    stringKey: TEnum;
-    vars?: Record<string, string | number>;
-}
-export declare const TranslatedTitle: <TEnum extends string>({ componentId, stringKey, vars, }: FCParams<TEnum>) => null;
-export default TranslatedTitle;
-//# sourceMappingURL=TranslatedTitle.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"TranslatedTitle.d.ts","sourceRoot":"","sources":["../../../../../packages/digitaldefiance-express-suite-react-components/src/components/TranslatedTitle.tsx"],"names":[],"mappings":"AAKA,UAAU,QAAQ,CAAC,KAAK,SAAS,MAAM;IACrC,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,EAAE,KAAK,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC,CAAC;CACxC;AAED,eAAO,MAAM,eAAe,GAAI,KAAK,SAAS,MAAM,EAAE,mCAInD,QAAQ,CAAC,KAAK,CAAC,KAAG,IAapB,CAAC;AAEF,eAAe,eAAe,CAAC"}