@digitaldefiance/express-suite-react-components 2.1.42 → 2.1.47

package/README.md

@@ -261,6 +261,12 @@ MIT © Digital Defiance
 
 ## ChangeLog
 
+### v2.1.47
+
+### v2.1.43
+
+- Update TranslatedTitle to be generic
+
 ### v2.1.40
 
 - Alignment/upgrade all packages

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@digitaldefiance/express-suite-react-components",
-  "version": "2.1.42",
+  "version": "2.1.47",
   "description": "React MUI components for Digital Defiance Express Suite",
   "main": "src/index.js",
   "types": "src/index.d.ts",
@@ -27,7 +27,7 @@
   },
   "dependencies": {
     "@digitaldefiance/i18n-lib": "2.1.40",
-    "@digitaldefiance/suite-core-lib": "2.1.42",
+    "@digitaldefiance/suite-core-lib": "2.1.46",
     "@emotion/react": "^11.14.0",
     "@emotion/styled": "^11.14.0",
     "@mui/icons-material": "^7.0.2",

package/src/components/ApiAccess.js

@@ -30,7 +30,7 @@ const ApiAccessTitle = (0, material_1.styled)(material_1.Typography)(({ theme })
     color: theme.palette.primary.main,
 }));
 const ApiAccess = ({ token, labels = {}, }) => {
-    const { t, tComponent } = (0, contexts_1.useI18n)();
+    const { tComponent } = (0, contexts_1.useI18n)();
     const [dialogOpen, setDialogOpen] = (0, react_1.useState)(false);
     const [isError, setIsError] = (0, react_1.useState)(false);
     const translatedLabels = {

package/src/components/BackupCodeLoginForm.js

@@ -10,7 +10,7 @@ const Yup = tslib_1.__importStar(require("yup"));
 const suite_core_lib_1 = require("@digitaldefiance/suite-core-lib");
 const contexts_1 = require("../contexts");
 const BackupCodeLoginForm = ({ onSubmit, onNavigate, isAuthenticated = false, emailValidation, usernameValidation, codeValidation, passwordValidation, confirmPasswordValidation, labels = {}, }) => {
-    const { t, tComponent } = (0, contexts_1.useI18n)();
+    const { tComponent } = (0, contexts_1.useI18n)();
     const [loginType, setLoginType] = (0, react_1.useState)('email');
     const [loginError, setLoginError] = (0, react_1.useState)(null);
     const [recoveredMnemonic, setRecoveredMnemonic] = (0, react_1.useState)(null);

package/src/components/DropdownMenu.d.ts

@@ -1,15 +1,9 @@
 import { FC, ReactElement } from 'react';
-export interface MenuOption {
-    id: string;
-    label: string;
-    icon?: ReactElement;
-    action?: () => void;
-    link?: string;
-}
-export interface DropdownMenuProps {
+import { IncludeOnMenu } from '../enumerations/IncludeOnMenu';
+interface DropdownMenuProps {
+    menuType: IncludeOnMenu;
     menuIcon: ReactElement;
-    options: MenuOption[];
-    onNavigate?: (link: string) => void;
 }
 export declare const DropdownMenu: FC<DropdownMenuProps>;
+export {};
 //# sourceMappingURL=DropdownMenu.d.ts.map

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

@@ -1 +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,MAAM,WAAW,UAAU;IACzB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,iBAAiB;IAChC,QAAQ,EAAE,YAAY,CAAC;IACvB,OAAO,EAAE,UAAU,EAAE,CAAC;IACtB,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CACrC;AAED,eAAO,MAAM,YAAY,EAAE,EAAE,CAAC,iBAAiB,CAmE9C,CAAC"}
+{"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,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9D,UAAU,iBAAiB;IACzB,QAAQ,EAAE,aAAa,CAAC;IACxB,QAAQ,EAAE,YAAY,CAAC;CACxB;AAED,eAAO,MAAM,YAAY,EAAE,EAAE,CAAC,iBAAiB,CA6E9C,CAAC"}

package/src/components/DropdownMenu.js

@@ -4,8 +4,12 @@ exports.DropdownMenu = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const material_1 = require("@mui/material");
 const react_1 = require("react");
-const DropdownMenu = ({ menuIcon, options, onNavigate }) => {
+const react_router_dom_1 = require("react-router-dom");
+const MenuContext_1 = require("../contexts/MenuContext");
+const DropdownMenu = ({ menuType, menuIcon }) => {
+    const { getMenuOptions } = (0, MenuContext_1.useMenu)();
     const [anchorEl, setAnchorEl] = (0, react_1.useState)(null);
+    const navigate = (0, react_router_dom_1.useNavigate)();
     const handleClose = (0, react_1.useCallback)(() => {
         setAnchorEl(null);
     }, []);
@@ -14,15 +18,23 @@ const DropdownMenu = ({ menuIcon, options, onNavigate }) => {
         if (option.action) {
             option.action();
         }
-        else if (option.link && onNavigate) {
-            onNavigate(option.link);
+        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();
-    }, [onNavigate, handleClose]);
+        handleClose(); // Call handleClose after handling the click
+    }, [navigate, handleClose]);
     const handleClick = (0, react_1.useCallback)((event) => {
         setAnchorEl(event.currentTarget);
     }, []);
-    if (options.length === 0) {
+    const menuItems = getMenuOptions(menuType, false);
+    if (menuItems.length === 0) {
         return null;
     }
     return ((0, jsx_runtime_1.jsxs)(material_1.Box, { children: [(0, jsx_runtime_1.jsx)(material_1.IconButton, { color: "inherit", onClick: handleClick, children: menuIcon }), (0, jsx_runtime_1.jsx)(material_1.Menu, { anchorEl: anchorEl, open: Boolean(anchorEl), onClose: handleClose, TransitionComponent: material_1.Fade, sx: {
@@ -30,7 +42,7 @@ const DropdownMenu = ({ menuIcon, options, onNavigate }) => {
                         opacity: 0.5,
                         overflow: 'visible',
                     },
-                }, children: options.map((option) => ((0, jsx_runtime_1.jsxs)(material_1.MenuItem, { component: "li", onClick: handleMenuItemClick(option), sx: {
+                }, children: menuItems.map((option) => ((0, jsx_runtime_1.jsxs)(material_1.MenuItem, { component: "li", onClick: handleMenuItemClick(option), sx: {
                         display: 'flex',
                         alignItems: 'center',
                         '& > svg': {

package/src/components/Flag.d.ts

@@ -1,9 +1,19 @@
 import { SxProps, Theme } from '@mui/material';
 import { FC } from 'react';
 export interface FlagProps {
-    languageCode: string;
-    countryCode: string;
+    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>;
 //# sourceMappingURL=Flag.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Flag.d.ts","sourceRoot":"","sources":["../../../../../packages/digitaldefiance-express-suite-react-components/src/components/Flag.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAO,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AACpD,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAE3B,MAAM,WAAW,SAAS;IACxB,YAAY,EAAE,MAAM,CAAC;IACrB,WAAW,EAAE,MAAM,CAAC;IACpB,EAAE,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC;CACrB;AAED,eAAO,MAAM,IAAI,EAAE,EAAE,CAAC,SAAS,CA6B9B,CAAC"}
+{"version":3,"file":"Flag.d.ts","sourceRoot":"","sources":["../../../../../packages/digitaldefiance-express-suite-react-components/src/components/Flag.tsx"],"names":[],"mappings":"AAEA,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"}

package/src/components/Flag.js

@@ -2,12 +2,25 @@
 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");
-const Flag = ({ languageCode, countryCode, sx }) => {
-    if (!countryCode) {
+/**
+ * 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 ${languageCode}`, sx: {
+    return ((0, jsx_runtime_1.jsx)(material_1.Box, { component: "span", "aria-label": `Flag for ${language}`, sx: {
             fontSize: '1.5rem',
             lineHeight: 1,
             verticalAlign: 'middle',
@@ -16,7 +29,7 @@ const Flag = ({ languageCode, countryCode, sx }) => {
                 display: 'inline-block',
                 width: '1em',
                 height: '1em',
-                backgroundImage: `url(https://flagcdn.com/${countryCode.toLowerCase()}.svg)`,
+                backgroundImage: `url(https://flagcdn.com/${flagContent.toLowerCase()}.svg)`,
                 backgroundSize: 'contain',
                 backgroundRepeat: 'no-repeat',
                 backgroundPosition: 'center',

package/src/components/ForgotPasswordForm.js

@@ -10,7 +10,7 @@ const Yup = tslib_1.__importStar(require("yup"));
 const suite_core_lib_1 = require("@digitaldefiance/suite-core-lib");
 const contexts_1 = require("../contexts");
 const ForgotPasswordForm = ({ onSubmit, emailValidation, labels = {}, }) => {
-    const { t, tComponent } = (0, contexts_1.useI18n)();
+    const { tComponent } = (0, contexts_1.useI18n)();
     const [success, setSuccess] = (0, react_1.useState)(false);
     const [apiError, setApiError] = (0, react_1.useState)('');
     const validation = {

package/src/components/LoginForm.js

@@ -11,7 +11,7 @@ const Yup = tslib_1.__importStar(require("yup"));
 const suite_core_lib_1 = require("@digitaldefiance/suite-core-lib");
 const contexts_1 = require("../contexts");
 const LoginForm = ({ onSubmit, loginType: initialLoginType = 'email', authType: initialAuthType = 'password', allowLoginTypeToggle = true, allowAuthTypeToggle = true, showForgotPassword = true, showSignUp = true, forgotPasswordLink = '/forgot-password', signUpLink = '/register', emailLabel, usernameLabel, passwordLabel, mnemonicLabel, signInButtonText, forgotPasswordText, signUpText, useUsernameText, useEmailText, useMnemonicText, usePasswordText, toggleVisibilityLabel, titleText, emailValidation, usernameValidation, passwordValidation, mnemonicValidation, additionalFields, additionalInitialValues = {}, additionalValidation = {}, }) => {
-    const { t, tComponent } = (0, contexts_1.useI18n)();
+    const { tComponent } = (0, contexts_1.useI18n)();
     const [loginType, setLoginType] = (0, react_1.useState)(initialLoginType);
     const [authType, setAuthType] = (0, react_1.useState)(initialAuthType);
     const [showSecret, setShowSecret] = (0, react_1.useState)(false);

package/src/components/SideMenu.d.ts

@@ -1,13 +1,8 @@
 import { FC } from 'react';
-import { IMenuOption } from '../interfaces';
-export interface SideMenuProps {
+interface SideMenuProps {
     isOpen: boolean;
     onClose: () => void;
-    menuOptions: IMenuOption[];
-    onNavigate?: (link: string | {
-        pathname: string;
-        state?: any;
-    }) => void;
 }
 export declare const SideMenu: FC<SideMenuProps>;
+export default SideMenu;
 //# sourceMappingURL=SideMenu.d.ts.map

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

@@ -1 +1 @@
-{"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;AAC3B,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAG5C,MAAM,WAAW,aAAa;IAC5B,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,WAAW,EAAE,WAAW,EAAE,CAAC;IAC3B,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,GAAG;QAAE,QAAQ,EAAE,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,GAAG,CAAA;KAAE,KAAK,IAAI,CAAC;CACzE;AAED,eAAO,MAAM,QAAQ,EAAE,EAAE,CAAC,aAAa,CAUtC,CAAC"}
+{"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;AAM3B,UAAU,aAAa;IACrB,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,eAAO,MAAM,QAAQ,EAAE,EAAE,CAAC,aAAa,CActC,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/src/components/SideMenu.js

@@ -3,8 +3,13 @@ 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 IncludeOnMenu_1 = require("../enumerations/IncludeOnMenu");
+const MenuContext_1 = require("../contexts/MenuContext");
 const SideMenuListItem_1 = require("./SideMenuListItem");
-const SideMenu = ({ isOpen, onClose, menuOptions, onNavigate }) => {
-    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: onNavigate }, item.id))) }) }));
+const SideMenu = ({ isOpen, onClose }) => {
+    const { getMenuOptions } = (0, MenuContext_1.useMenu)();
+    const menuOptions = getMenuOptions(IncludeOnMenu_1.IncludeOnMenu.SideMenu, true);
+    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 }, item.id))) }) }));
 };
 exports.SideMenu = SideMenu;
+exports.default = exports.SideMenu;

package/src/components/TopMenu.d.ts

@@ -1,18 +1,7 @@
-import { FC, ReactNode } from 'react';
-import { IMenuOption } from '../interfaces';
+import React, { FC } from 'react';
 export interface TopMenuProps {
-    title: string;
-    logo?: string;
-    logoAlt?: string;
-    isAuthenticated?: boolean;
-    menuOptions: IMenuOption[];
-    authenticatedButtons?: ReactNode;
-    unauthenticatedButtons?: ReactNode;
-    rightContent?: ReactNode;
-    onNavigate?: (link: string | {
-        pathname: string;
-        state?: any;
-    }) => void;
+    Logo: React.ReactNode;
 }
 export declare const TopMenu: FC<TopMenuProps>;
+export default TopMenu;
 //# sourceMappingURL=TopMenu.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"TopMenu.d.ts","sourceRoot":"","sources":["../../../../../packages/digitaldefiance-express-suite-react-components/src/components/TopMenu.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,EAAE,EAAE,SAAS,EAAY,MAAM,OAAO,CAAC;AAEhD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAE5C,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,WAAW,EAAE,WAAW,EAAE,CAAC;IAC3B,oBAAoB,CAAC,EAAE,SAAS,CAAC;IACjC,sBAAsB,CAAC,EAAE,SAAS,CAAC;IACnC,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,GAAG;QAAE,QAAQ,EAAE,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,GAAG,CAAA;KAAE,KAAK,IAAI,CAAC;CACzE;AAED,eAAO,MAAM,OAAO,EAAE,EAAE,CAAC,YAAY,CAkDpC,CAAC"}
+{"version":3,"file":"TopMenu.d.ts","sourceRoot":"","sources":["../../../../../packages/digitaldefiance-express-suite-react-components/src/components/TopMenu.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,EAAE,EAAE,EAAwB,MAAM,OAAO,CAAC;AAUxD,MAAM,WAAW,YAAY;IAC3B,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC;CACvB;AAED,eAAO,MAAM,OAAO,EAAE,EAAE,CAAC,YAAY,CAgEpC,CAAC;AAEF,eAAe,OAAO,CAAC"}

package/src/components/TopMenu.js

@@ -6,9 +6,30 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 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_dom_1 = require("react-router-dom");
+const AuthProvider_1 = require("../contexts/AuthProvider");
+const I18nProvider_1 = require("../contexts/I18nProvider");
 const SideMenu_1 = require("./SideMenu");
-const TopMenu = ({ title, logo, logoAlt, isAuthenticated = false, menuOptions, authenticatedButtons, unauthenticatedButtons, rightContent, onNavigate, }) => {
+const UserLanguageSelector_1 = require("./UserLanguageSelector");
+const UserMenu_1 = require("./UserMenu");
+const suite_core_lib_1 = require("@digitaldefiance/suite-core-lib");
+const TopMenu = ({ Logo }) => {
+    const { isAuthenticated } = (0, react_1.useContext)(AuthProvider_1.AuthContext);
     const [isSideMenuOpen, setIsSideMenuOpen] = (0, react_1.useState)(false);
-    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: () => setIsSideMenuOpen(true), children: (0, jsx_runtime_1.jsx)(Menu_1.default, {}) }), logo && ((0, jsx_runtime_1.jsx)(material_1.Box, { component: "img", sx: { height: 40, width: 40, marginRight: 2 }, alt: logoAlt || 'Logo', src: logo })), (0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "h6", component: "div", sx: { flexGrow: 1 }, children: title }), (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: { display: 'flex', alignItems: 'center' }, children: [isAuthenticated ? authenticatedButtons : unauthenticatedButtons, rightContent] })] }), (0, jsx_runtime_1.jsx)(SideMenu_1.SideMenu, { isOpen: isSideMenuOpen, onClose: () => setIsSideMenuOpen(false), menuOptions: menuOptions, onNavigate: onNavigate })] }));
+    const handleOpenSideMenu = () => setIsSideMenuOpen(true);
+    const handleCloseSideMenu = () => setIsSideMenuOpen(false);
+    const { t, tComponent } = (0, I18nProvider_1.useI18n)();
+    const appConfig = 'APP_CONFIG' in window
+        ? window.APP_CONFIG
+        : undefined;
+    const siteTitle = t(tComponent(suite_core_lib_1.SuiteCoreComponentId, suite_core_lib_1.SuiteCoreStringKey.Common_SiteTemplate));
+    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: 40,
+                            marginRight: 2,
+                            display: 'flex',
+                            alignItems: 'center',
+                        }, children: Logo }), (0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "h6", component: "div", sx: { flexGrow: 1 }, children: siteTitle }), (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_dom_1.Link, to: "/dashboard", children: t(tComponent(suite_core_lib_1.SuiteCoreComponentId, suite_core_lib_1.SuiteCoreStringKey.Common_Dashboard)) }), (0, jsx_runtime_1.jsx)(UserMenu_1.UserMenu, {})] })) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(material_1.Button, { color: "inherit", component: react_router_dom_1.Link, to: "/login", children: t(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_dom_1.Link, to: "/register", children: t(tComponent(suite_core_lib_1.SuiteCoreComponentId, suite_core_lib_1.SuiteCoreStringKey.RegisterButton)) })] })), (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/TranslatedTitle.d.ts

@@ -1,7 +1,7 @@
-import { FC } from 'react';
-export interface TranslatedTitleProps {
-    title: string;
-    language?: string;
+interface FCParams<TEnum extends string> {
+    componentId: string;
+    stringKey: TEnum;
 }
-export declare const TranslatedTitle: FC<TranslatedTitleProps>;
+declare const TranslatedTitle: <TEnum extends string>({ componentId, stringKey }: FCParams<TEnum>) => null;
+export default TranslatedTitle;
 //# sourceMappingURL=TranslatedTitle.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"TranslatedTitle.d.ts","sourceRoot":"","sources":["../../../../../packages/digitaldefiance-express-suite-react-components/src/components/TranslatedTitle.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAa,MAAM,OAAO,CAAC;AAEtC,MAAM,WAAW,oBAAoB;IACnC,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,eAAO,MAAM,eAAe,EAAE,EAAE,CAAC,oBAAoB,CAMpD,CAAC"}
+{"version":3,"file":"TranslatedTitle.d.ts","sourceRoot":"","sources":["../../../../../packages/digitaldefiance-express-suite-react-components/src/components/TranslatedTitle.tsx"],"names":[],"mappings":"AAMA,UAAU,QAAQ,CAAC,KAAK,SAAS,MAAM;IACrC,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,EAAE,KAAK,CAAC;CAClB;AAED,QAAA,MAAM,eAAe,GAAI,KAAK,SAAS,MAAM,EAAE,4BAA4B,QAAQ,CAAC,KAAK,CAAC,KAAG,IAQ5F,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/src/components/TranslatedTitle.js

@@ -1,11 +1,13 @@
 "use strict";
+// src/app/components/TranslatedTitle.tsx
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.TranslatedTitle = void 0;
 const react_1 = require("react");
-const TranslatedTitle = ({ title, language }) => {
+const contexts_1 = require("../contexts");
+const TranslatedTitle = ({ componentId, stringKey }) => {
+    const { tComponent, currentLanguage } = (0, contexts_1.useI18n)();
     (0, react_1.useEffect)(() => {
-        document.title = title;
-    }, [title, language]);
+        document.title = tComponent(componentId, stringKey, undefined, currentLanguage);
+    }, [tComponent, componentId, stringKey, currentLanguage]);
     return null;
 };
-exports.TranslatedTitle = TranslatedTitle;
+exports.default = TranslatedTitle;

package/src/components/UserLanguageSelector.d.ts

@@ -1,14 +1,3 @@
 import { FC } from 'react';
-export interface LanguageOption {
-    code: string;
-    name: string;
-    countryCode: string;
-}
-export interface UserLanguageSelectorProps {
-    currentLanguage: string;
-    currentCountryCode: string;
-    languages: LanguageOption[];
-    onLanguageChange: (languageCode: string) => void;
-}
-export declare const UserLanguageSelector: FC<UserLanguageSelectorProps>;
+export declare const UserLanguageSelector: FC;
 //# sourceMappingURL=UserLanguageSelector.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"UserLanguageSelector.d.ts","sourceRoot":"","sources":["../../../../../packages/digitaldefiance-express-suite-react-components/src/components/UserLanguageSelector.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,EAAE,EAAwB,MAAM,OAAO,CAAC;AAGjD,MAAM,WAAW,cAAc;IAC7B,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,yBAAyB;IACxC,eAAe,EAAE,MAAM,CAAC;IACxB,kBAAkB,EAAE,MAAM,CAAC;IAC3B,SAAS,EAAE,cAAc,EAAE,CAAC;IAC5B,gBAAgB,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,CAAC;CAClD;AAED,eAAO,MAAM,oBAAoB,EAAE,EAAE,CAAC,yBAAyB,CAoC9D,CAAC"}
+{"version":3,"file":"UserLanguageSelector.d.ts","sourceRoot":"","sources":["../../../../../packages/digitaldefiance-express-suite-react-components/src/components/UserLanguageSelector.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,EAAE,EAAwB,MAAM,OAAO,CAAC;AAIjD,eAAO,MAAM,oBAAoB,EAAE,EA+BlC,CAAC"}

package/src/components/UserLanguageSelector.js

@@ -2,10 +2,13 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.UserLanguageSelector = 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 react_1 = require("react");
+const AuthProvider_1 = require("../contexts/AuthProvider");
 const Flag_1 = require("./Flag");
-const UserLanguageSelector = ({ currentLanguage, currentCountryCode, languages, onLanguageChange, }) => {
+const UserLanguageSelector = () => {
+    const { language, setLanguage } = (0, AuthProvider_1.useAuth)();
     const [anchorEl, setAnchorEl] = (0, react_1.useState)(null);
     const handleClick = (event) => {
         setAnchorEl(event.currentTarget);
@@ -13,10 +16,10 @@ const UserLanguageSelector = ({ currentLanguage, currentCountryCode, languages,
     const handleClose = () => {
         setAnchorEl(null);
     };
-    const handleLanguageChange = (languageCode) => {
-        onLanguageChange(languageCode);
+    const handleLanguageChange = (newLanguage) => {
+        setLanguage(newLanguage);
         handleClose();
     };
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(material_1.Button, { onClick: handleClick, children: (0, jsx_runtime_1.jsx)(Flag_1.Flag, { languageCode: currentLanguage, countryCode: currentCountryCode }) }), (0, jsx_runtime_1.jsx)(material_1.Menu, { anchorEl: anchorEl, open: Boolean(anchorEl), onClose: handleClose, children: languages.map((lang) => ((0, jsx_runtime_1.jsxs)(material_1.MenuItem, { onClick: () => handleLanguageChange(lang.code), children: [(0, jsx_runtime_1.jsx)(Flag_1.Flag, { languageCode: lang.code, countryCode: lang.countryCode, sx: { mr: 1 } }), ' ', lang.name] }, lang.code))) })] }));
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(material_1.Button, { onClick: handleClick, children: (0, jsx_runtime_1.jsx)(Flag_1.Flag, { language: language }) }), (0, jsx_runtime_1.jsx)(material_1.Menu, { anchorEl: anchorEl, open: Boolean(anchorEl), onClose: handleClose, children: Object.values(i18n_lib_1.LanguageRegistry.getAllLanguages()).map((lang) => ((0, jsx_runtime_1.jsxs)(material_1.MenuItem, { onClick: () => handleLanguageChange(lang.code), children: [(0, jsx_runtime_1.jsx)(Flag_1.Flag, { language: lang.code, sx: { mr: 1 } }), " ", lang.name] }, lang.code))) })] }));
 };
 exports.UserLanguageSelector = UserLanguageSelector;

package/src/components/UserMenu.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+export declare const UserMenu: FC;
+export default UserMenu;
+//# sourceMappingURL=UserMenu.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"UserMenu.d.ts","sourceRoot":"","sources":["../../../../../packages/digitaldefiance-express-suite-react-components/src/components/UserMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAK3B,eAAO,MAAM,QAAQ,EAAE,EAOtB,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/src/components/UserMenu.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.UserMenu = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const icons_material_1 = require("@mui/icons-material");
+const IncludeOnMenu_1 = require("../enumerations/IncludeOnMenu");
+const DropdownMenu_1 = require("./DropdownMenu");
+const UserMenu = () => {
+    return ((0, jsx_runtime_1.jsx)(DropdownMenu_1.DropdownMenu, { menuType: IncludeOnMenu_1.IncludeOnMenu.UserMenu, menuIcon: (0, jsx_runtime_1.jsx)(icons_material_1.AccountCircle, {}) }));
+};
+exports.UserMenu = UserMenu;
+exports.default = exports.UserMenu;

package/src/components/index.d.ts

@@ -18,6 +18,7 @@ export * from './SideMenu';
 export * from './SideMenuListItem';
 export * from './TopMenu';
 export * from './TranslatedTitle';
+export * from './UserMenu';
 export * from './UserLanguageSelector';
 export * from './VerifyEmailPage';
 //# sourceMappingURL=index.d.ts.map

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

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

package/src/components/index.js

@@ -22,5 +22,6 @@ tslib_1.__exportStar(require("./SideMenu"), exports);
 tslib_1.__exportStar(require("./SideMenuListItem"), exports);
 tslib_1.__exportStar(require("./TopMenu"), exports);
 tslib_1.__exportStar(require("./TranslatedTitle"), exports);
+tslib_1.__exportStar(require("./UserMenu"), exports);
 tslib_1.__exportStar(require("./UserLanguageSelector"), exports);
 tslib_1.__exportStar(require("./VerifyEmailPage"), exports);

package/src/contexts/AuthProvider.d.ts

@@ -0,0 +1,146 @@
+import { Member as FrontendMember, EmailString, IECIESConfig, SecureString } from '@digitaldefiance/ecies-lib';
+import { CurrencyCode } from '@digitaldefiance/i18n-lib';
+import { Wallet } from '@ethereumjs/wallet';
+import { ReactNode } from 'react';
+import { ISuccessMessage, IRequestUserDTO, IConstants } from '@digitaldefiance/suite-core-lib';
+export interface AuthContextData {
+    /**
+     * True if the user has a global admin role
+     */
+    admin: boolean;
+    /**
+     * Counter that increments on login/logout to trigger effects in dependent components
+     */
+    authState: number;
+    /**
+     * Performs a server side backup-code login
+     * @param identifier
+     * @param code
+     * @param isEmail
+     * @param recoverMnemonic
+     * @param newPassword
+     * @returns
+     */
+    backupCodeLogin: (identifier: string, code: string, isEmail: boolean, recoverMnemonic: boolean, newPassword?: string) => Promise<{
+        token: string;
+        codeCount: number;
+        mnemonic?: string;
+        message?: string;
+    } | {
+        error: string;
+        status?: number;
+    }>;
+    /**
+     * Verifies the stored token (if any) and updates auth state
+     * @returns void
+     */
+    checkAuth: () => void;
+    /**
+     * Changes the stored browser password login mnemonic
+     * @param currentPassword
+     * @param newPassword
+     * @returns
+     */
+    changePassword: (currentPassword: string, newPassword: string) => Promise<ISuccessMessage | {
+        error: string;
+        errorType?: string | undefined;
+    }>;
+    clearMnemonic: () => void;
+    clearWallet: () => void;
+    currencyCode: CurrencyCode;
+    directLogin: (mnemonic: SecureString, username?: string, email?: EmailString, expireMnemonicSeconds?: number, expireWalletSeconds?: number) => Promise<{
+        token: string;
+        user: IRequestUserDTO;
+        wallet: Wallet;
+    } | {
+        error: string;
+        errorType?: string;
+    }>;
+    emailChallengeLogin: (mnemonic: SecureString, token: string, username?: string, email?: EmailString, expireMnemonicSeconds?: number, expireWalletSeconds?: number) => Promise<{
+        token: string;
+        user: IRequestUserDTO;
+        wallet: Wallet;
+        message: string;
+    } | {
+        error: string;
+        errorType?: string;
+    }>;
+    isAuthenticated: boolean;
+    isCheckingAuth: boolean;
+    isPasswordLoginAvailable?: () => boolean;
+    language: string;
+    loading: boolean;
+    logout: () => void;
+    mnemonic?: SecureString;
+    mnemonicExpirationSeconds: number;
+    passwordLogin: (password: SecureString, username?: string, email?: EmailString) => Promise<{
+        token: string;
+        user: IRequestUserDTO;
+        wallet: Wallet;
+    } | {
+        error: string;
+        errorType?: string;
+    }>;
+    requestEmailLogin: (username?: string, email?: EmailString) => Promise<string | {
+        error: string;
+        errorType?: string;
+    }>;
+    refreshToken: () => Promise<{
+        token: string;
+        user: IRequestUserDTO;
+    }>;
+    register: (username: string, email: string, timezone: string, password?: string) => Promise<{
+        success: boolean;
+        message: string;
+        mnemonic: string;
+    } | {
+        error: string;
+        errorType?: string;
+        field?: string;
+        errors?: Array<{
+            path: string;
+            msg: string;
+        }>;
+    }>;
+    serverPublicKey: string | null;
+    setCurrencyCode: (code: CurrencyCode) => Promise<void>;
+    /**
+     * Gets the remaining time in seconds for the mnemonic expiration
+     * @returns Number of seconds remaining, or 0 if no mnemonic is set
+     */
+    getMnemonicRemainingTime: () => number;
+    /**
+     * Gets the remaining time in seconds for the wallet expiration
+     * @returns Number of seconds remaining, or 0 if no wallet is set
+     */
+    getWalletRemainingTime: () => number;
+    setLanguage: (lang: string) => Promise<void>;
+    setMnemonic: (mnemonic: SecureString, durationSeconds?: number) => void;
+    setMnemonicExpirationSeconds: (seconds: number) => void;
+    setWalletExpirationSeconds: (seconds: number) => void;
+    setUpPasswordLogin: (mnemonic: SecureString, password: SecureString, username?: string, email?: EmailString) => Promise<{
+        success: boolean;
+        message: string;
+    } | {
+        error: string;
+        errorType?: string;
+    }>;
+    setUser: (user: IRequestUserDTO | null) => Promise<void>;
+    setWallet: (wallet: Wallet, durationSeconds?: number) => void;
+    user: FrontendMember | null;
+    userData: IRequestUserDTO | null;
+    token: string | null;
+    wallet?: Wallet;
+    walletExpirationSeconds: number;
+    verifyToken: (token: string) => Promise<boolean>;
+}
+export type AuthProviderProps = {
+    children: ReactNode;
+    baseUrl: string;
+    constants: IConstants;
+    eciesConfig: IECIESConfig;
+};
+export declare const AuthContext: import("react").Context<AuthContextData>;
+export declare const AuthProvider: ({ children, baseUrl, constants, eciesConfig }: AuthProviderProps) => import("react/jsx-runtime").JSX.Element;
+export declare const useAuth: () => AuthContextData;
+//# sourceMappingURL=AuthProvider.d.ts.map

package/src/contexts/AuthProvider.d.ts.map

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