@erpsquad/common 1.8.41 → 1.8.43

package/dist/components/header/header-enhanced/index.esm.js

@@ -0,0 +1,405 @@
+import { jsxs, jsx, Fragment } from "react/jsx-runtime";
+import React__default, { useState, useCallback, useEffect } from "react";
+import { useNavigate, useLocation, matchRoutes, Link } from "react-router-dom";
+import { useTranslation } from "react-i18next";
+import default_1$1 from "../../../node_modules/@mui/icons-material/Lock/index.esm.js";
+import default_1 from "../../../node_modules/@mui/icons-material/KeyboardBackspace/index.esm.js";
+import { Typography } from "../../typography/typography/index.esm.js";
+import { images } from "../../../images/index.esm.js";
+import Select from "../../select/select/index.esm.js";
+import modules from "../../../constants/modules/index.esm.js";
+import { Avatar } from "../../avatar/avatar/index.esm.js";
+import { useAuth } from "../../../hooks/useAuth/index.esm.js";
+import ConfirmPopUp from "../../confirm-modal/confirm-modal/index.esm.js";
+import formatText from "../../../utils/format-text/index.esm.js";
+import { useLanguage } from "../../../hooks/useLangauge/index.esm.js";
+import ResetPasswordModal from "../../reset-password-modal/reset-password-modal/index.esm.js";
+import NotificationMenu from "../components/notification-menu/notification-menu/index.esm.js";
+/* empty css                       */
+import Menu from "../../../node_modules/@mui/material/Menu/Menu/index.esm.js";
+import MenuItem from "../../../node_modules/@mui/material/MenuItem/MenuItem/index.esm.js";
+import ListItemIcon from "../../../node_modules/@mui/material/ListItemIcon/ListItemIcon/index.esm.js";
+import ListItemText from "../../../node_modules/@mui/material/ListItemText/ListItemText/index.esm.js";
+import Divider from "../../../node_modules/@mui/material/Divider/Divider/index.esm.js";
+import { Eye } from "../../icons/eye/index.esm.js";
+import Box from "../../../node_modules/@mui/material/Box/Box/index.esm.js";
+import IconButton from "../../../node_modules/@mui/material/IconButton/IconButton/index.esm.js";
+function HeaderEnhanced(props) {
+  var _a, _b, _c, _d;
+  const {
+    isDropdownShow,
+    // Non-Redux props
+    languages: propLanguages = [],
+    currentLanguage: propCurrentLanguage,
+    languagesLoading: propLanguagesLoading = false,
+    languageError: propLanguageError = "",
+    onLanguageChange,
+    onFetchLanguages,
+    // Redux integration
+    useRedux = false
+  } = props;
+  const navigate = useNavigate();
+  const { t } = useTranslation();
+  const location = useLocation();
+  const { logout, user } = useAuth();
+  let reduxLanguageState = {
+    languages: [],
+    currentLanguage: { label: "English", code: "en", direction: "ltr" },
+    isLoading: false,
+    error: "",
+    isFallbackActive: false,
+    isRtl: false
+  };
+  let dispatch = null;
+  let reduxActions = {};
+  if (useRedux) {
+    try {
+      const { useAppSelector, useAppDispatch } = require("../../redux/hooks");
+      const { fetchLanguages } = require("../../redux/slices");
+      const headerState = useAppSelector((store) => store.header || {});
+      dispatch = useAppDispatch();
+      reduxActions = { fetchLanguages };
+      reduxLanguageState = {
+        languages: ((_a = headerState.languagesData) == null ? void 0 : _a.data) || [],
+        currentLanguage: headerState.currentLanguage || reduxLanguageState.currentLanguage,
+        isLoading: ((_b = headerState.languagesData) == null ? void 0 : _b.isLoading) || false,
+        error: ((_c = headerState.languagesData) == null ? void 0 : _c.error) || "",
+        isFallbackActive: false,
+        // This would need to be computed
+        isRtl: ((_d = headerState.currentLanguage) == null ? void 0 : _d.direction) === "rtl"
+      };
+    } catch (error) {
+      console.warn("Redux not available for Header, falling back to prop-based data");
+    }
+  }
+  const {
+    languages: hookLanguages,
+    currentLanguage: hookCurrentLanguage,
+    changeLanguage: hookChangeLanguage,
+    isLoading: hookLanguagesLoading,
+    error: hookLanguageError,
+    isFallbackActive: hookIsFallbackActive,
+    fetchLanguages: hookFetchLanguages,
+    isRtl: hookIsRtl
+  } = useLanguage();
+  const languages = useRedux ? reduxLanguageState.languages : propLanguages.length > 0 ? propLanguages : hookLanguages;
+  const currentLanguage = useRedux ? reduxLanguageState.currentLanguage : propCurrentLanguage || hookCurrentLanguage;
+  const languagesLoading = useRedux ? reduxLanguageState.isLoading : propLanguagesLoading || hookLanguagesLoading;
+  const languageContextError = useRedux ? reduxLanguageState.error : propLanguageError || hookLanguageError;
+  const isFallbackActive = useRedux ? reduxLanguageState.isFallbackActive : hookIsFallbackActive;
+  const isRtl = useRedux ? reduxLanguageState.isRtl : hookIsRtl;
+  const { pathname } = location;
+  const [anchorEl, setAnchorEl] = React__default.useState(null);
+  const [logoutConfirmation, setLogoutConfirmation] = useState(false);
+  const [selectedModule, setSelectedModule] = useState(null);
+  const [erp_modules, setModules] = useState([]);
+  const [localLanguageError, setLocalLanguageError] = useState(null);
+  const [showModal, setShowModal] = useState(false);
+  const u_data = localStorage.getItem("_u_data") || void 0;
+  const userData = u_data ? JSON.parse(u_data) : "";
+  const isMenuOpen = Boolean(anchorEl);
+  const handleLogoutConfirmation = () => setLogoutConfirmation(!logoutConfirmation);
+  const checkMatchedRoutes = useCallback(
+    (paths) => {
+      const shouldMatch = Array.isArray(paths) ? paths.map((path) => ({ path })) : [{ path: paths }];
+      return Boolean(matchRoutes(shouldMatch, location));
+    },
+    [location]
+  );
+  const handleChangePasswordView = () => {
+    setShowModal(true);
+  };
+  useEffect(() => {
+    const moduleName = erp_modules.find(
+      (module) => {
+        var _a2;
+        return ((_a2 = module == null ? void 0 : module.link) == null ? void 0 : _a2.toLowerCase()) === pathname.toLowerCase() || checkMatchedRoutes(module.connectedRoutes);
+      }
+    );
+    if (moduleName) {
+      setSelectedModule(moduleName);
+    }
+  }, [pathname, erp_modules, checkMatchedRoutes]);
+  useEffect(() => {
+    setModules(modules(t));
+  }, [t]);
+  const onChangeLang = (e) => {
+    const lang_code = e.target.value;
+    setLocalLanguageError(null);
+    if (!languages || languages.length === 0) {
+      const errorMsg = t("header.language_not_available") || "Languages not available";
+      setLocalLanguageError(errorMsg);
+      return;
+    }
+    const languageExists = languages.some((lang) => lang.code === lang_code);
+    if (languageExists) {
+      try {
+        if (useRedux) ;
+        else if (onLanguageChange) {
+          onLanguageChange(lang_code);
+        } else {
+          hookChangeLanguage(lang_code);
+        }
+      } catch (error) {
+        const errorMsg = error instanceof Error ? error.message : "Failed to change language";
+        setLocalLanguageError(errorMsg);
+      }
+    } else {
+      const errorMsg = t("header.language_not_found", { language: lang_code }) || `Selected language "${lang_code}" is not available`;
+      setLocalLanguageError(errorMsg);
+    }
+  };
+  const handleRetryLanguages = async () => {
+    setLocalLanguageError(null);
+    try {
+      if (useRedux && dispatch && reduxActions.fetchLanguages) {
+        await dispatch(reduxActions.fetchLanguages());
+      } else if (onFetchLanguages) {
+        await onFetchLanguages();
+      } else {
+        await hookFetchLanguages();
+      }
+    } catch (error) {
+      const errorMsg = "Failed to reload languages";
+      setLocalLanguageError(errorMsg);
+    }
+  };
+  const handleProfileMenuOpen = (event) => setAnchorEl(event.currentTarget);
+  const handleMenuClose = () => {
+    setAnchorEl(null);
+  };
+  const handleChange = (event) => {
+    const selectedLink = event.target.value;
+    setTimeout(() => {
+      navigate(selectedLink);
+    }, 300);
+  };
+  const handleBackButton = () => {
+    window.history.back();
+  };
+  const getCurrentLanguageDisplay = () => {
+    if (!currentLanguage) return t("header.select_language") || "Select Language";
+    if (isFallbackActive || languageContextError) {
+      return `${currentLanguage.label}`;
+    }
+    return currentLanguage.label;
+  };
+  const createEnglishFallback = () => ({
+    code: "en",
+    label: "English",
+    direction: "ltr"
+  });
+  const getLanguagesForDropdown = () => {
+    if (!languages || languages.length === 0) {
+      return [createEnglishFallback()];
+    }
+    const hasEnglish = languages.some((lang) => lang.code === "en");
+    if (!hasEnglish) {
+      return [createEnglishFallback(), ...languages];
+    }
+    return languages;
+  };
+  const renderLanguageSelector = () => {
+    const availableLanguages = getLanguagesForDropdown();
+    const displayValue = (currentLanguage == null ? void 0 : currentLanguage.code) || "en";
+    if (languagesLoading) {
+      return /* @__PURE__ */ jsx(Box, { className: "language-loading", children: /* @__PURE__ */ jsx(Typography, { variant: "body2", color: "text.secondary", children: "Loading..." }) });
+    }
+    return /* @__PURE__ */ jsxs(
+      Select,
+      {
+        onChange: onChangeLang,
+        size: "small",
+        value: displayValue,
+        renderValue: () => getCurrentLanguageDisplay(),
+        error: !!localLanguageError,
+        className: isFallbackActive || languageContextError ? "language-fallback-active" : "",
+        children: [
+          availableLanguages.map(({ code, label }) => /* @__PURE__ */ jsx(MenuItem, { value: code, children: /* @__PURE__ */ jsx(
+            Typography,
+            {
+              type: "s4",
+              weight: "medium",
+              color: "theme.secondary.1000",
+              children: label
+            }
+          ) }, code)),
+          languageContextError && /* @__PURE__ */ jsx(MenuItem, { onClick: handleRetryLanguages, style: { fontStyle: "italic" }, children: /* @__PURE__ */ jsxs(
+            Typography,
+            {
+              type: "s4",
+              weight: "medium",
+              color: "theme.secondary.500",
+              children: [
+                "🔄 ",
+                t("header.retry_languages") || "Retry loading languages"
+              ]
+            }
+          ) })
+        ]
+      }
+    );
+  };
+  const menuId = "primary-search-account-menu";
+  const renderMenu = /* @__PURE__ */ jsxs(
+    Menu,
+    {
+      className: "main-profile-menu",
+      anchorEl,
+      id: menuId,
+      keepMounted: true,
+      open: isMenuOpen,
+      onClose: handleMenuClose,
+      children: [
+        /* @__PURE__ */ jsx(MenuItem, { className: "user-assigned", children: /* @__PURE__ */ jsx("span", { children: t("common.assigned_roles") || "Assigned roles" }) }),
+        /* @__PURE__ */ jsxs(MenuItem, { className: "user-data-wrap", value: userData.role_id, children: [
+          /* @__PURE__ */ jsx(ListItemIcon, { children: /* @__PURE__ */ jsx(Avatar, { size: 27, alt: userData.role_name }) }),
+          /* @__PURE__ */ jsx(ListItemText, { className: "size15", children: userData.role_name }),
+          /* @__PURE__ */ jsx(Typography, { variant: "body2", color: "text.secondary", children: /* @__PURE__ */ jsx("img", { src: images.tickicon, alt: "Active" }) })
+        ] }),
+        /* @__PURE__ */ jsx(Divider, {}),
+        /* @__PURE__ */ jsxs(
+          MenuItem,
+          {
+            className: "user-assigned",
+            onClick: () => {
+              handleChangePasswordView();
+              setAnchorEl(null);
+            },
+            children: [
+              /* @__PURE__ */ jsx(ListItemIcon, { children: /* @__PURE__ */ jsx(Eye, { fontSize: "medium", width: 20, height: 20, htmlColor: "#292D32" }) }),
+              /* @__PURE__ */ jsx(ListItemText, { className: "size15", children: t("common.change_password") })
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx(Divider, {}),
+        /* @__PURE__ */ jsxs(
+          MenuItem,
+          {
+            className: "menu-item-color",
+            onClick: () => {
+              handleLogoutConfirmation();
+              setAnchorEl(null);
+            },
+            children: [
+              /* @__PURE__ */ jsx(ListItemIcon, { children: /* @__PURE__ */ jsx("img", { src: images.logout, alt: "logout" }) }),
+              /* @__PURE__ */ jsx(ListItemText, { className: "size15", children: t("common.logout") })
+            ]
+          }
+        )
+      ]
+    }
+  );
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs(Box, { className: "main-box", children: [
+      !isDropdownShow && /* @__PURE__ */ jsx(Link, { to: user ? Pathname.DASHBOARD : Pathname.LOGIN, children: /* @__PURE__ */ jsx("img", { src: images.logo, alt: "logo" }) }),
+      /* @__PURE__ */ jsx(Box, { className: "second-box", children: isDropdownShow && /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(IconButton, { onClick: handleBackButton, children: /* @__PURE__ */ jsx(
+          default_1,
+          {
+            className: isRtl ? "arrow-pointer_rtl" : "arrow-pointer"
+          }
+        ) }),
+        /* @__PURE__ */ jsx(Box, { width: 250, children: /* @__PURE__ */ jsx(
+          Select,
+          {
+            fullWidth: true,
+            placeholder: "Placeholder",
+            size: "small",
+            value: (selectedModule == null ? void 0 : selectedModule.link) || "",
+            onChange: handleChange,
+            className: "select-box",
+            variant: "outlined",
+            renderValue: (value) => /* @__PURE__ */ jsx(Fragment, { children: selectedModule ? /* @__PURE__ */ jsxs(Box, { className: "selected-menu-box", children: [
+              /* @__PURE__ */ jsx(
+                "img",
+                {
+                  src: selectedModule.icon,
+                  alt: selectedModule.label
+                }
+              ),
+              selectedModule.label
+            ] }) : value }),
+            children: erp_modules.map((module, index) => /* @__PURE__ */ jsxs(
+              MenuItem,
+              {
+                className: "select-box-menu-item",
+                value: module.link,
+                children: [
+                  /* @__PURE__ */ jsx("img", { src: module.icon, alt: module.label }),
+                  module.label
+                ]
+              },
+              index
+            ))
+          }
+        ) })
+      ] }) }),
+      /* @__PURE__ */ jsxs(Box, { className: "header-right-wrap", children: [
+        /* @__PURE__ */ jsx(Box, { className: "language-selector-wrapper", children: renderLanguageSelector() }),
+        /* @__PURE__ */ jsx(NotificationMenu, {}),
+        /* @__PURE__ */ jsx(
+          IconButton,
+          {
+            size: "small",
+            "aria-label": "help",
+            className: "p-0",
+            children: /* @__PURE__ */ jsx("img", { src: images.question, alt: "question icon" })
+          }
+        ),
+        /* @__PURE__ */ jsx("img", { src: images.vdivider, alt: "divider icon" }),
+        localStorage.getItem("_tid") ? /* @__PURE__ */ jsxs(Box, { className: "user-profile-box", onClick: handleProfileMenuOpen, children: [
+          /* @__PURE__ */ jsx(
+            Avatar,
+            {
+              size: 32,
+              src: (user == null ? void 0 : user.profile_image) ? `${"https://erpforce-dev.s3.eu-west-1.amazonaws.com/"}${user == null ? void 0 : user.profile_image}` : void 0,
+              alt: formatText(user == null ? void 0 : user.full_name),
+              className: "avatar-class"
+            }
+          ),
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx(Typography, { className: "profile-name", children: user == null ? void 0 : user.full_name }),
+            /* @__PURE__ */ jsx(Typography, { className: "user-auth", children: user == null ? void 0 : user.role_name })
+          ] })
+        ] }) : /* @__PURE__ */ jsx(
+          IconButton,
+          {
+            size: "large",
+            edge: "end",
+            "aria-label": "account of current user",
+            "aria-controls": menuId,
+            "aria-haspopup": "true",
+            component: Link,
+            to: Pathname.LOGIN,
+            color: "inherit",
+            children: /* @__PURE__ */ jsx(default_1$1, { className: "icon-btn" })
+          }
+        )
+      ] }),
+      renderMenu
+    ] }),
+    /* @__PURE__ */ jsx(
+      ConfirmPopUp,
+      {
+        open: logoutConfirmation,
+        title: t("common.logout"),
+        description: t("common.logout_confirmation") || "Are you sure, you want to logout?",
+        onConfirm: () => logout(),
+        onClose: handleLogoutConfirmation,
+        fullWidth: true,
+        maxWidth: "xs",
+        buttonTexts: {
+          confirm: t("common.logout"),
+          cancel: t("common.cancel")
+        }
+      }
+    ),
+    /* @__PURE__ */ jsx(ResetPasswordModal, { showModal, setShowModal })
+  ] });
+}
+export {
+  HeaderEnhanced,
+  HeaderEnhanced as default
+};
+//# sourceMappingURL=index.esm.js.map

package/dist/components/header/header-enhanced/index.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.esm.js","sources":["../../../../src/components/header/header-enhanced.tsx"],"sourcesContent":["// components/header/Header.tsx - Enhanced version with optional Redux support\nimport React, { useState, useEffect, useCallback } from \"react\";\nimport { Link, matchRoutes, useLocation, useNavigate } from \"react-router-dom\";\nimport Box from \"@mui/material/Box\";\nimport { useTranslation } from \"react-i18next\";\nimport LockIcon from \"@mui/icons-material/Lock\";\nimport IconButton from \"@mui/material/IconButton\";\nimport MenuItem from \"@mui/material/MenuItem\";\nimport Menu from \"@mui/material/Menu\";\nimport KeyboardBackspaceIcon from \"@mui/icons-material/KeyboardBackspace\";\nimport ListItemText from \"@mui/material/ListItemText\";\nimport Divider from \"@mui/material/Divider\";\nimport ListItemIcon from \"@mui/material/ListItemIcon\";\n\n// import { Pathname } from \"../../pathname\"; // Removed - should be passed as props\nimport Typography from \"../typography/typography\";\nimport logo, { images } from \"../../assets/images\";\nimport Select from \"../select/select\";\nimport modules from \"../../constants/modules\"; // Removed - should be passed as props\nimport Avatar from \"../avatar/avatar\";\nimport { useAuth } from \"../../hooks/useAuth\";\nimport ConfirmPopUp from \"../confirm-modal/confirm-modal\";\nimport formatText from \"../../utils/format-text\";\nimport { useLanguage } from \"../../hooks/useLangauge\";\nimport { Eye } from \"../icons\";\nimport ResetPasswordModal from \"../reset-password-modal/reset-password-modal\";\nimport NotificationMenu from \"./components/notification-menu/notification-menu\";\nimport \"./header.scss\";\n\ninterface ILanguage {\n  label: string;\n  code: string;\n  direction: string;\n}\n\ninterface IModule {\n  label: any;\n  link: string;\n  sidebar: string;\n  icon: string;\n  permission: string;\n  bg: string;\n  connectedRoutes: string[];\n  translationModule: string;\n}\n\n// Enhanced props interface\ninterface HeaderEnhancedProps {\n  isDropdownShow?: boolean;\n  \n  // Language props (alternative to Redux)\n  languages?: ILanguage[];\n  currentLanguage?: ILanguage;\n  languagesLoading?: boolean;\n  languageError?: string;\n  onLanguageChange?: (languageCode: string) => void;\n  onFetchLanguages?: () => Promise<void>;\n  \n  // Redux integration (optional)\n  useRedux?: boolean;\n}\n\nexport function HeaderEnhanced(props: HeaderEnhancedProps): React.ReactElement {\n  const {\n    isDropdownShow,\n    \n    // Non-Redux props\n    languages: propLanguages = [],\n    currentLanguage: propCurrentLanguage,\n    languagesLoading: propLanguagesLoading = false,\n    languageError: propLanguageError = \"\",\n    onLanguageChange,\n    onFetchLanguages,\n    \n    // Redux integration\n    useRedux = false,\n  } = props;\n\n  const navigate = useNavigate();\n  const { t } = useTranslation();\n  const location = useLocation();\n  const { logout, user } = useAuth();\n  \n  // Conditional Redux usage\n  let reduxLanguageState = {\n    languages: [],\n    currentLanguage: { label: 'English', code: 'en', direction: 'ltr' },\n    isLoading: false,\n    error: '',\n    isFallbackActive: false,\n    isRtl: false\n  };\n  let dispatch: any = null;\n  let reduxActions: any = {};\n  \n  if (useRedux) {\n    try {\n      // Dynamic import of Redux hooks and actions\n      const { useAppSelector, useAppDispatch } = require(\"../../redux/hooks\");\n      const { fetchLanguages } = require(\"../../redux/slices\");\n      \n      const headerState = useAppSelector((store: any) => store.header || {});\n      dispatch = useAppDispatch();\n      reduxActions = { fetchLanguages };\n      \n      reduxLanguageState = {\n        languages: headerState.languagesData?.data || [],\n        currentLanguage: headerState.currentLanguage || reduxLanguageState.currentLanguage,\n        isLoading: headerState.languagesData?.isLoading || false,\n        error: headerState.languagesData?.error || '',\n        isFallbackActive: false, // This would need to be computed\n        isRtl: headerState.currentLanguage?.direction === 'rtl'\n      };\n    } catch (error) {\n      console.warn(\"Redux not available for Header, falling back to prop-based data\");\n    }\n  }\n\n  // Use Redux data if available, otherwise use props or useLanguage hook\n  const { \n    languages: hookLanguages, \n    currentLanguage: hookCurrentLanguage, \n    changeLanguage: hookChangeLanguage, \n    isLoading: hookLanguagesLoading,\n    error: hookLanguageError,\n    isFallbackActive: hookIsFallbackActive,\n    fetchLanguages: hookFetchLanguages,\n    isRtl: hookIsRtl\n  } = useLanguage();\n\n  // Determine which data source to use\n  const languages = useRedux ? reduxLanguageState.languages : (propLanguages.length > 0 ? propLanguages : hookLanguages);\n  const currentLanguage = useRedux ? reduxLanguageState.currentLanguage : (propCurrentLanguage || hookCurrentLanguage);\n  const languagesLoading = useRedux ? reduxLanguageState.isLoading : (propLanguagesLoading || hookLanguagesLoading);\n  const languageContextError = useRedux ? reduxLanguageState.error : (propLanguageError || hookLanguageError);\n  const isFallbackActive = useRedux ? reduxLanguageState.isFallbackActive : hookIsFallbackActive;\n  const isRtl = useRedux ? reduxLanguageState.isRtl : hookIsRtl;\n\n  const { pathname } = location;\n  const [anchorEl, setAnchorEl] = React.useState<null | HTMLElement>(null);\n  const [logoutConfirmation, setLogoutConfirmation] = useState<boolean>(false);\n  const [selectedModule, setSelectedModule] = useState<IModule | null>(null);\n  const [erp_modules, setModules] = useState<IModule[]>([]);\n  const [localLanguageError, setLocalLanguageError] = useState<string | null>(null);\n  const [showModal, setShowModal] = useState(false);\n\n  const u_data = localStorage.getItem(\"_u_data\") || undefined;\n  const userData = u_data ? JSON.parse(u_data) : \"\";\n  const isMenuOpen = Boolean(anchorEl);\n\n  const handleLogoutConfirmation = () =>\n    setLogoutConfirmation(!logoutConfirmation);\n\n  const checkMatchedRoutes = useCallback(\n    (paths: string[] | string) => {\n      const shouldMatch: { path: string }[] = Array.isArray(paths)\n        ? paths.map((path: string) => ({ path }))\n        : [{ path: paths }];\n\n      return Boolean(matchRoutes(shouldMatch, location));\n    },\n    [location],\n  );\n\n  const handleChangePasswordView = () => {\n    setShowModal(true);\n  }\n\n  useEffect(() => {\n    const moduleName = erp_modules.find(\n      (module: IModule) =>\n        module?.link?.toLowerCase() === pathname.toLowerCase() || \n        checkMatchedRoutes(module.connectedRoutes),\n    );\n\n    if (moduleName) {\n      setSelectedModule(moduleName);\n    }\n  }, [pathname, erp_modules, checkMatchedRoutes]);\n\n  useEffect(() => {\n    setModules(modules(t));\n  }, [t]);\n\n  // Enhanced language change handler\n  const onChangeLang = (e: React.ChangeEvent<HTMLSelectElement>) => {\n    const lang_code = e.target.value;\n    \n    // Clear any previous errors\n    setLocalLanguageError(null);\n    \n    // Validate the language exists before changing\n    if (!languages || languages.length === 0) {\n      const errorMsg = t('header.language_not_available') || 'Languages not available';\n      setLocalLanguageError(errorMsg);\n      return;\n    }\n    \n    const languageExists = languages.some((lang: ILanguage) => lang.code === lang_code);\n    \n    if (languageExists) {\n      try {\n        if (useRedux) {\n          // Use Redux action (would need to be implemented in the slice)\n          // dispatch(setCurrentLanguage({ code: lang_code, ... }));\n        } else if (onLanguageChange) {\n          onLanguageChange(lang_code);\n        } else {\n          hookChangeLanguage(lang_code);\n        }\n      } catch (error) {\n        const errorMsg = error instanceof Error ? error.message : 'Failed to change language';\n        setLocalLanguageError(errorMsg);\n      }\n    } else {\n      const errorMsg = t('header.language_not_found', { language: lang_code }) || \n                     `Selected language \"${lang_code}\" is not available`;\n      setLocalLanguageError(errorMsg);\n    }\n  };\n\n  // Retry language loading\n  const handleRetryLanguages = async () => {\n    setLocalLanguageError(null);\n    try {\n      if (useRedux && dispatch && reduxActions.fetchLanguages) {\n        await dispatch(reduxActions.fetchLanguages());\n      } else if (onFetchLanguages) {\n        await onFetchLanguages();\n      } else {\n        await hookFetchLanguages();\n      }\n    } catch (error) {\n      const errorMsg = 'Failed to reload languages';\n      setLocalLanguageError(errorMsg);\n    }\n  };\n\n  const handleProfileMenuOpen = (event: React.MouseEvent<HTMLElement>) =>\n    setAnchorEl(event.currentTarget);\n\n  const handleMenuClose = () => {\n    setAnchorEl(null);\n  };\n\n  const handleChange = (event: any) => {\n    const selectedLink = event.target.value;\n    setTimeout(() => {\n      navigate(selectedLink);\n    }, 300);\n  };\n\n  const handleBackButton = () => {\n    window.history.back();\n  };\n\n  // Get current language display value with fallback indication\n  const getCurrentLanguageDisplay = (): string => {\n    if (!currentLanguage) return t('header.select_language') || 'Select Language';\n    \n    // Show fallback indicator for better UX\n    if (isFallbackActive || languageContextError) {\n      return `${currentLanguage.label}`;\n    }\n    \n    return currentLanguage.label;\n  };\n\n  // Create English fallback for consistent display\n  const createEnglishFallback = (): ILanguage => ({\n    code: 'en',\n    label: 'English',\n    direction: 'ltr'\n  });\n\n  // Get languages for dropdown - ensure English is always available\n  const getLanguagesForDropdown = (): ILanguage[] => {\n    if (!languages || languages.length === 0) {\n      // If no languages available, show only English\n      return [createEnglishFallback()];\n    }\n    \n    // Ensure English is in the list\n    const hasEnglish = languages.some(lang => lang.code === 'en');\n    if (!hasEnglish) {\n      return [createEnglishFallback(), ...languages];\n    }\n    \n    return languages;\n  };\n\n  // Render language selector based on different states\n  const renderLanguageSelector = () => {\n    const availableLanguages = getLanguagesForDropdown();\n    const displayValue = currentLanguage?.code || 'en'; // Default to English\n\n    // Loading state\n    if (languagesLoading) {\n      return (\n        <Box className=\"language-loading\">\n          <Typography variant=\"body2\" color=\"text.secondary\">\n            {'Loading...'}\n          </Typography>\n        </Box>\n      );\n    }\n\n    // Always show dropdown with at least English available\n    return (\n      <Select\n        onChange={onChangeLang}\n        size=\"small\"\n        value={displayValue}\n        renderValue={() => getCurrentLanguageDisplay()}\n        error={!!localLanguageError}\n        className={isFallbackActive || languageContextError ? 'language-fallback-active' : ''}\n      >\n        {availableLanguages.map(({ code, label }: ILanguage) => (\n          <MenuItem key={code} value={code}>\n            <Typography\n              type=\"s4\"\n              weight=\"medium\"\n              color=\"theme.secondary.1000\"\n            >\n              {label}\n            </Typography>\n          </MenuItem>\n        ))}\n        \n        {/* Show retry option if there's an error */}\n        {languageContextError && (\n          <MenuItem onClick={handleRetryLanguages} style={{ fontStyle: 'italic' }}>\n            <Typography\n              type=\"s4\"\n              weight=\"medium\"\n              color=\"theme.secondary.500\"\n            >\n              🔄 {t('header.retry_languages') || 'Retry loading languages'}\n            </Typography>\n          </MenuItem>\n        )}\n      </Select>\n    );\n  };\n\n  const menuId = \"primary-search-account-menu\";\n  const renderMenu = (\n    <Menu\n      className=\"main-profile-menu\"\n      anchorEl={anchorEl}\n      id={menuId}\n      keepMounted\n      open={isMenuOpen}\n      onClose={handleMenuClose}\n    >\n      <MenuItem className=\"user-assigned\">\n        <span>{t('common.assigned_roles') || 'Assigned roles'}</span>\n      </MenuItem>\n      <MenuItem className=\"user-data-wrap\" value={userData.role_id}>\n        <ListItemIcon>\n          <Avatar size={27} alt={userData.role_name} />\n        </ListItemIcon>\n        <ListItemText className=\"size15\">\n          {userData.role_name}\n        </ListItemText>\n        <Typography variant=\"body2\" color=\"text.secondary\">\n          <img src={images.tickicon} alt=\"Active\" />\n        </Typography>\n      </MenuItem>\n      <Divider />\n      <MenuItem\n        className=\"user-assigned\"\n        onClick={() => {\n          handleChangePasswordView();\n          setAnchorEl(null);\n        }}\n      >\n        <ListItemIcon>\n          <Eye fontSize=\"medium\" width={20} height={20} htmlColor=\"#292D32\" />\n        </ListItemIcon>\n        <ListItemText className=\"size15\">{t(\"common.change_password\")}</ListItemText>\n      </MenuItem>\n      <Divider />\n      <MenuItem\n        className=\"menu-item-color\"\n        onClick={() => {\n          handleLogoutConfirmation();\n          setAnchorEl(null);\n        }}\n      >\n        <ListItemIcon>\n          <img src={images.logout} alt=\"logout\" />\n        </ListItemIcon>\n        <ListItemText className=\"size15\">{t(\"common.logout\")}</ListItemText>\n      </MenuItem>\n    </Menu>\n  );\n\n  return (\n    <>\n      <Box className=\"main-box\">\n        {!isDropdownShow && (\n          <Link to={user ? Pathname.DASHBOARD : Pathname.LOGIN}>\n            <img src={images.logo} alt=\"logo\" />\n          </Link>\n        )}\n        <Box className=\"second-box\">\n          {isDropdownShow && (\n            <>\n            <IconButton onClick={handleBackButton}>\n              <KeyboardBackspaceIcon\n                className={isRtl?\"arrow-pointer_rtl\":\"arrow-pointer\"}\n              />\n            </IconButton>\n              <Box width={250}>\n                <Select\n                  fullWidth\n                  placeholder=\"Placeholder\"\n                  size={\"small\"}\n                  value={selectedModule?.link || \"\"}\n                  onChange={handleChange}\n                  className=\"select-box\"\n                  variant=\"outlined\"\n                  renderValue={(value: string) => (\n                    <>\n                      {selectedModule ? (\n                        <Box className=\"selected-menu-box\">\n                          <img\n                            src={selectedModule.icon}\n                            alt={selectedModule.label}\n                          />\n                          {selectedModule.label}\n                        </Box>\n                      ) : (\n                        value\n                      )}\n                    </>\n                  )}\n                >\n                  {erp_modules.map((module: any, index: number) => (\n                    <MenuItem\n                      className=\"select-box-menu-item\"\n                      value={module.link}\n                      key={index}\n                    >\n                      <img src={module.icon} alt={module.label} />\n                      {module.label}\n                    </MenuItem>\n                  ))}\n                </Select>\n              </Box>\n            </>\n          )}\n        </Box>\n        <Box className=\"header-right-wrap\">\n          {/* Language Selector with Enhanced Fallback Support */}\n          <Box className=\"language-selector-wrapper\">\n            {renderLanguageSelector()}\n          </Box>\n\n          <NotificationMenu/>\n          <IconButton\n            size=\"small\"\n            aria-label=\"help\"\n            className=\"p-0\"\n          >\n            <img src={logo.question} alt=\"question icon\" />\n          </IconButton>\n          <img src={logo.vdivider} alt=\"divider icon\" />\n          {localStorage.getItem(\"_tid\") ? (\n            <Box className=\"user-profile-box\" onClick={handleProfileMenuOpen}>\n              <Avatar\n                size={32}\n                src={user?.profile_image ? `${import.meta.env.VITE_S3_BUCKET_URL}${user?.profile_image}` : undefined}\n                alt={formatText(user?.full_name)}\n                className=\"avatar-class\"\n              />\n              <div>\n                <Typography className=\"profile-name\">\n                  {user?.full_name}\n                </Typography>\n                <Typography className=\"user-auth\">\n                  {user?.role_name}\n                </Typography>\n              </div>\n            </Box>\n          ) : (\n            <IconButton\n              size=\"large\"\n              edge=\"end\"\n              aria-label=\"account of current user\"\n              aria-controls={menuId}\n              aria-haspopup=\"true\"\n              component={Link}\n              to={Pathname.LOGIN}\n              color=\"inherit\"\n            >\n              <LockIcon className=\"icon-btn\" />\n            </IconButton>\n          )}\n        </Box>\n        {renderMenu}\n      </Box>\n\n      {/* Logout Confirmation Dialog */}\n      <ConfirmPopUp\n        open={logoutConfirmation}\n        title={t(\"common.logout\")}\n        description={t('common.logout_confirmation') || \"Are you sure, you want to logout?\"}\n        onConfirm={() => logout()}\n        onClose={handleLogoutConfirmation}\n        fullWidth\n        maxWidth=\"xs\"\n        buttonTexts={{\n          confirm: t(\"common.logout\"),\n          cancel: t(\"common.cancel\"),\n        }}\n      />\n\n      <ResetPasswordModal showModal={showModal} setShowModal={setShowModal} />\n    </>\n  );\n}\n\nexport default HeaderEnhanced;"],"names":["React","_a","KeyboardBackspaceIcon","logo","LockIcon"],"mappings":"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"}

package/dist/components/header/header-enhanced/index.js

@@ -0,0 +1,33 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),a=require("react"),l=require("react-router-dom"),s=require("react-i18next"),n=,/* empty css                                                    */r=,/* empty css                                                                 */t=,/* empty css                                 */i=,/* empty css                     */o=,/* empty css                         */u=,/* empty css                                */d=,/* empty css                         */c=,/* empty css                            */g=,/* empty css                                       */m=,/* empty css                                */h=,/* empty css                                */x=,/* empty css                                                     */f=;/* empty css                                                       */;/* empty css                    */var j=,/* empty css                                                   */p=,/* empty css                                                           */v=,/* empty css                                                                   */y=,/* empty css                                                                   */L=,/* empty css                                                         */b=,/* empty css                     */_=,/* empty css                                                 */q=;/* empty css                                                               */function N(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var w=/* @__PURE__ */N(a);function k(N){var k,A,S,C;const{isDropdownShow:I,languages:T=[],currentLanguage:z,languagesLoading:D=!1,languageError:E="",onLanguageChange:F,onFetchLanguages:R,useRedux:B=!1}=N,M=l.useNavigate(),{t:O}=s.useTranslation(),P=l.useLocation(),{logout:W,user:$}=c.useAuth();let G={languages:[],currentLanguage:{label:"English",code:"en",direction:"ltr"},isLoading:!1,error:"",isFallbackActive:!1,isRtl:!1},H=null,V={};if(B)try{const{useAppSelector:e,useAppDispatch:a}=require("../../redux/hooks"),{fetchLanguages:l}=require("../../redux/slices"),s=e(e=>e.header||{});H=a(),V={fetchLanguages:l},G={languages:(null==(k=s.languagesData)?void 0:k.data)||[],currentLanguage:s.currentLanguage||G.currentLanguage,isLoading:(null==(A=s.languagesData)?void 0:A.isLoading)||!1,error:(null==(S=s.languagesData)?void 0:S.error)||"",isFallbackActive:!1,isRtl:"rtl"===(null==(C=s.currentLanguage)?void 0:C.direction)}}catch(Se){}const{languages:J,currentLanguage:K,changeLanguage:Q,isLoading:U,error:X,isFallbackActive:Y,fetchLanguages:Z,isRtl:ee}=h.useLanguage(),ae=B?G.languages:T.length>0?T:J,le=B?G.currentLanguage:z||K,se=B?G.isLoading:D||U,ne=B?G.error:E||X,re=B?G.isFallbackActive:Y,te=B?G.isRtl:ee,{pathname:ie}=P,[oe,ue]=w.default.useState(null),[de,ce]=a.useState(!1),[ge,me]=a.useState(null),[he,xe]=a.useState([]),[fe,je]=a.useState(null),[pe,ve]=a.useState(!1),ye=localStorage.getItem("_u_data")||void 0,Le=ye?JSON.parse(ye):"",be=Boolean(oe),_e=()=>ce(!de),qe=a.useCallback(e=>{const a=Array.isArray(e)?e.map(e=>({path:e})):[{path:e}];return Boolean(l.matchRoutes(a,P))},[P]);a.useEffect(()=>{const e=he.find(e=>{var a;return(null==(a=null==e?void 0:e.link)?void 0:a.toLowerCase())===ie.toLowerCase()||qe(e.connectedRoutes)});e&&me(e)},[ie,he,qe]),a.useEffect(()=>{xe(u.default(O))},[O]);const Ne=e=>{const a=e.target.value;if(je(null),!ae||0===ae.length){const e=O("header.language_not_available")||"Languages not available";return void je(e)}if(ae.some(e=>e.code===a))try{B||(F?F(a):Q(a))}catch(Se){const a=Se instanceof Error?Se.message:"Failed to change language";je(a)}else{const e=O("header.language_not_found",{language:a})||`Selected language "${a}" is not available`;je(e)}},we=async()=>{je(null);try{B&&H&&V.fetchLanguages?await H(V.fetchLanguages()):R?await R():await Z()}catch(Se){je("Failed to reload languages")}},ke="primary-search-account-menu",Ae=/* @__PURE__ */e.jsxs(j.default,{className:"main-profile-menu",anchorEl:oe,id:ke,keepMounted:!0,open:be,onClose:()=>{ue(null)},children:[
+/* @__PURE__ */e.jsx(p.default,{className:"user-assigned",children:/* @__PURE__ */e.jsx("span",{children:O("common.assigned_roles")||"Assigned roles"})}),
+/* @__PURE__ */e.jsxs(p.default,{className:"user-data-wrap",value:Le.role_id,children:[
+/* @__PURE__ */e.jsx(v.default,{children:/* @__PURE__ */e.jsx(d.Avatar,{size:27,alt:Le.role_name})}),
+/* @__PURE__ */e.jsx(y.default,{className:"size15",children:Le.role_name}),
+/* @__PURE__ */e.jsx(t.Typography,{variant:"body2",color:"text.secondary",children:/* @__PURE__ */e.jsx("img",{src:i.images.tickicon,alt:"Active"})})]}),
+/* @__PURE__ */e.jsx(L.default,{}),
+/* @__PURE__ */e.jsxs(p.default,{className:"user-assigned",onClick:()=>{ve(!0),ue(null)},children:[
+/* @__PURE__ */e.jsx(v.default,{children:/* @__PURE__ */e.jsx(b.Eye,{fontSize:"medium",width:20,height:20,htmlColor:"#292D32"})}),
+/* @__PURE__ */e.jsx(y.default,{className:"size15",children:O("common.change_password")})]}),
+/* @__PURE__ */e.jsx(L.default,{}),
+/* @__PURE__ */e.jsxs(p.default,{className:"menu-item-color",onClick:()=>{_e(),ue(null)},children:[
+/* @__PURE__ */e.jsx(v.default,{children:/* @__PURE__ */e.jsx("img",{src:i.images.logout,alt:"logout"})}),
+/* @__PURE__ */e.jsx(y.default,{className:"size15",children:O("common.logout")})]})]});/* @__PURE__ */
+return e.jsxs(e.Fragment,{children:[
+/* @__PURE__ */e.jsxs(_.default,{className:"main-box",children:[!I&&/* @__PURE__ */e.jsx(l.Link,{to:$?Pathname.DASHBOARD:Pathname.LOGIN,children:/* @__PURE__ */e.jsx("img",{src:i.images.logo,alt:"logo"})}),
+/* @__PURE__ */e.jsx(_.default,{className:"second-box",children:I&&/* @__PURE__ */e.jsxs(e.Fragment,{children:[
+/* @__PURE__ */e.jsx(q.default,{onClick:()=>{window.history.back()},children:/* @__PURE__ */e.jsx(r.default,{className:te?"arrow-pointer_rtl":"arrow-pointer"})}),
+/* @__PURE__ */e.jsx(_.default,{width:250,children:/* @__PURE__ */e.jsx(o.default,{fullWidth:!0,placeholder:"Placeholder",size:"small",value:(null==ge?void 0:ge.link)||"",onChange:e=>{const a=e.target.value;setTimeout(()=>{M(a)},300)},className:"select-box",variant:"outlined",renderValue:a=>/* @__PURE__ */e.jsx(e.Fragment,{children:ge?/* @__PURE__ */e.jsxs(_.default,{className:"selected-menu-box",children:[
+/* @__PURE__ */e.jsx("img",{src:ge.icon,alt:ge.label}),ge.label]}):a}),children:he.map((a,l)=>/* @__PURE__ */e.jsxs(p.default,{className:"select-box-menu-item",value:a.link,children:[
+/* @__PURE__ */e.jsx("img",{src:a.icon,alt:a.label}),a.label]},l))})})]})}),
+/* @__PURE__ */e.jsxs(_.default,{className:"header-right-wrap",children:[
+/* @__PURE__ */e.jsx(_.default,{className:"language-selector-wrapper",children:(()=>{const a=ae&&0!==ae.length?ae.some(e=>"en"===e.code)?ae:[{code:"en",label:"English",direction:"ltr"},...ae]:[{code:"en",label:"English",direction:"ltr"}],l=(null==le?void 0:le.code)||"en";return se?/* @__PURE__ */e.jsx(_.default,{className:"language-loading",children:/* @__PURE__ */e.jsx(t.Typography,{variant:"body2",color:"text.secondary",children:"Loading..."})}):/* @__PURE__ */e.jsxs(o.default,{onChange:Ne,size:"small",value:l,renderValue:()=>le?re||ne?`${le.label}`:le.label:O("header.select_language")||"Select Language",error:!!fe,className:re||ne?"language-fallback-active":"",children:[a.map(({code:a,label:l})=>/* @__PURE__ */e.jsx(p.default,{value:a,children:/* @__PURE__ */e.jsx(t.Typography,{type:"s4",weight:"medium",color:"theme.secondary.1000",children:l})},a)),ne&&/* @__PURE__ */e.jsx(p.default,{onClick:we,style:{fontStyle:"italic"},children:/* @__PURE__ */e.jsxs(t.Typography,{type:"s4",weight:"medium",color:"theme.secondary.500",children:["🔄 ",O("header.retry_languages")||"Retry loading languages"]})})]})})()}),
+/* @__PURE__ */e.jsx(f.default,{}),
+/* @__PURE__ */e.jsx(q.default,{size:"small","aria-label":"help",className:"p-0",children:/* @__PURE__ */e.jsx("img",{src:i.images.question,alt:"question icon"})}),
+/* @__PURE__ */e.jsx("img",{src:i.images.vdivider,alt:"divider icon"}),localStorage.getItem("_tid")?/* @__PURE__ */e.jsxs(_.default,{className:"user-profile-box",onClick:e=>ue(e.currentTarget),children:[
+/* @__PURE__ */e.jsx(d.Avatar,{size:32,src:(null==$?void 0:$.profile_image)?`https://erpforce-dev.s3.eu-west-1.amazonaws.com/${null==$?void 0:$.profile_image}`:void 0,alt:m.default(null==$?void 0:$.full_name),className:"avatar-class"}),
+/* @__PURE__ */e.jsxs("div",{children:[
+/* @__PURE__ */e.jsx(t.Typography,{className:"profile-name",children:null==$?void 0:$.full_name}),
+/* @__PURE__ */e.jsx(t.Typography,{className:"user-auth",children:null==$?void 0:$.role_name})]})]}):/* @__PURE__ */e.jsx(q.default,{size:"large",edge:"end","aria-label":"account of current user","aria-controls":ke,"aria-haspopup":"true",component:l.Link,to:Pathname.LOGIN,color:"inherit",children:/* @__PURE__ */e.jsx(n.default,{className:"icon-btn"})})]}),Ae]}),
+/* @__PURE__ */e.jsx(g.default,{open:de,title:O("common.logout"),description:O("common.logout_confirmation")||"Are you sure, you want to logout?",onConfirm:()=>W(),onClose:_e,fullWidth:!0,maxWidth:"xs",buttonTexts:{confirm:O("common.logout"),cancel:O("common.cancel")}}),
+/* @__PURE__ */e.jsx(x.default,{showModal:pe,setShowModal:ve})]})}exports.HeaderEnhanced=k,exports.default=k;
+//# sourceMappingURL=index.js.map

package/dist/components/header/header-enhanced/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/components/header/header-enhanced.tsx"],"sourcesContent":["// components/header/Header.tsx - Enhanced version with optional Redux support\nimport React, { useState, useEffect, useCallback } from \"react\";\nimport { Link, matchRoutes, useLocation, useNavigate } from \"react-router-dom\";\nimport Box from \"@mui/material/Box\";\nimport { useTranslation } from \"react-i18next\";\nimport LockIcon from \"@mui/icons-material/Lock\";\nimport IconButton from \"@mui/material/IconButton\";\nimport MenuItem from \"@mui/material/MenuItem\";\nimport Menu from \"@mui/material/Menu\";\nimport KeyboardBackspaceIcon from \"@mui/icons-material/KeyboardBackspace\";\nimport ListItemText from \"@mui/material/ListItemText\";\nimport Divider from \"@mui/material/Divider\";\nimport ListItemIcon from \"@mui/material/ListItemIcon\";\n\n// import { Pathname } from \"../../pathname\"; // Removed - should be passed as props\nimport Typography from \"../typography/typography\";\nimport logo, { images } from \"../../assets/images\";\nimport Select from \"../select/select\";\nimport modules from \"../../constants/modules\"; // Removed - should be passed as props\nimport Avatar from \"../avatar/avatar\";\nimport { useAuth } from \"../../hooks/useAuth\";\nimport ConfirmPopUp from \"../confirm-modal/confirm-modal\";\nimport formatText from \"../../utils/format-text\";\nimport { useLanguage } from \"../../hooks/useLangauge\";\nimport { Eye } from \"../icons\";\nimport ResetPasswordModal from \"../reset-password-modal/reset-password-modal\";\nimport NotificationMenu from \"./components/notification-menu/notification-menu\";\nimport \"./header.scss\";\n\ninterface ILanguage {\n  label: string;\n  code: string;\n  direction: string;\n}\n\ninterface IModule {\n  label: any;\n  link: string;\n  sidebar: string;\n  icon: string;\n  permission: string;\n  bg: string;\n  connectedRoutes: string[];\n  translationModule: string;\n}\n\n// Enhanced props interface\ninterface HeaderEnhancedProps {\n  isDropdownShow?: boolean;\n  \n  // Language props (alternative to Redux)\n  languages?: ILanguage[];\n  currentLanguage?: ILanguage;\n  languagesLoading?: boolean;\n  languageError?: string;\n  onLanguageChange?: (languageCode: string) => void;\n  onFetchLanguages?: () => Promise<void>;\n  \n  // Redux integration (optional)\n  useRedux?: boolean;\n}\n\nexport function HeaderEnhanced(props: HeaderEnhancedProps): React.ReactElement {\n  const {\n    isDropdownShow,\n    \n    // Non-Redux props\n    languages: propLanguages = [],\n    currentLanguage: propCurrentLanguage,\n    languagesLoading: propLanguagesLoading = false,\n    languageError: propLanguageError = \"\",\n    onLanguageChange,\n    onFetchLanguages,\n    \n    // Redux integration\n    useRedux = false,\n  } = props;\n\n  const navigate = useNavigate();\n  const { t } = useTranslation();\n  const location = useLocation();\n  const { logout, user } = useAuth();\n  \n  // Conditional Redux usage\n  let reduxLanguageState = {\n    languages: [],\n    currentLanguage: { label: 'English', code: 'en', direction: 'ltr' },\n    isLoading: false,\n    error: '',\n    isFallbackActive: false,\n    isRtl: false\n  };\n  let dispatch: any = null;\n  let reduxActions: any = {};\n  \n  if (useRedux) {\n    try {\n      // Dynamic import of Redux hooks and actions\n      const { useAppSelector, useAppDispatch } = require(\"../../redux/hooks\");\n      const { fetchLanguages } = require(\"../../redux/slices\");\n      \n      const headerState = useAppSelector((store: any) => store.header || {});\n      dispatch = useAppDispatch();\n      reduxActions = { fetchLanguages };\n      \n      reduxLanguageState = {\n        languages: headerState.languagesData?.data || [],\n        currentLanguage: headerState.currentLanguage || reduxLanguageState.currentLanguage,\n        isLoading: headerState.languagesData?.isLoading || false,\n        error: headerState.languagesData?.error || '',\n        isFallbackActive: false, // This would need to be computed\n        isRtl: headerState.currentLanguage?.direction === 'rtl'\n      };\n    } catch (error) {\n      console.warn(\"Redux not available for Header, falling back to prop-based data\");\n    }\n  }\n\n  // Use Redux data if available, otherwise use props or useLanguage hook\n  const { \n    languages: hookLanguages, \n    currentLanguage: hookCurrentLanguage, \n    changeLanguage: hookChangeLanguage, \n    isLoading: hookLanguagesLoading,\n    error: hookLanguageError,\n    isFallbackActive: hookIsFallbackActive,\n    fetchLanguages: hookFetchLanguages,\n    isRtl: hookIsRtl\n  } = useLanguage();\n\n  // Determine which data source to use\n  const languages = useRedux ? reduxLanguageState.languages : (propLanguages.length > 0 ? propLanguages : hookLanguages);\n  const currentLanguage = useRedux ? reduxLanguageState.currentLanguage : (propCurrentLanguage || hookCurrentLanguage);\n  const languagesLoading = useRedux ? reduxLanguageState.isLoading : (propLanguagesLoading || hookLanguagesLoading);\n  const languageContextError = useRedux ? reduxLanguageState.error : (propLanguageError || hookLanguageError);\n  const isFallbackActive = useRedux ? reduxLanguageState.isFallbackActive : hookIsFallbackActive;\n  const isRtl = useRedux ? reduxLanguageState.isRtl : hookIsRtl;\n\n  const { pathname } = location;\n  const [anchorEl, setAnchorEl] = React.useState<null | HTMLElement>(null);\n  const [logoutConfirmation, setLogoutConfirmation] = useState<boolean>(false);\n  const [selectedModule, setSelectedModule] = useState<IModule | null>(null);\n  const [erp_modules, setModules] = useState<IModule[]>([]);\n  const [localLanguageError, setLocalLanguageError] = useState<string | null>(null);\n  const [showModal, setShowModal] = useState(false);\n\n  const u_data = localStorage.getItem(\"_u_data\") || undefined;\n  const userData = u_data ? JSON.parse(u_data) : \"\";\n  const isMenuOpen = Boolean(anchorEl);\n\n  const handleLogoutConfirmation = () =>\n    setLogoutConfirmation(!logoutConfirmation);\n\n  const checkMatchedRoutes = useCallback(\n    (paths: string[] | string) => {\n      const shouldMatch: { path: string }[] = Array.isArray(paths)\n        ? paths.map((path: string) => ({ path }))\n        : [{ path: paths }];\n\n      return Boolean(matchRoutes(shouldMatch, location));\n    },\n    [location],\n  );\n\n  const handleChangePasswordView = () => {\n    setShowModal(true);\n  }\n\n  useEffect(() => {\n    const moduleName = erp_modules.find(\n      (module: IModule) =>\n        module?.link?.toLowerCase() === pathname.toLowerCase() || \n        checkMatchedRoutes(module.connectedRoutes),\n    );\n\n    if (moduleName) {\n      setSelectedModule(moduleName);\n    }\n  }, [pathname, erp_modules, checkMatchedRoutes]);\n\n  useEffect(() => {\n    setModules(modules(t));\n  }, [t]);\n\n  // Enhanced language change handler\n  const onChangeLang = (e: React.ChangeEvent<HTMLSelectElement>) => {\n    const lang_code = e.target.value;\n    \n    // Clear any previous errors\n    setLocalLanguageError(null);\n    \n    // Validate the language exists before changing\n    if (!languages || languages.length === 0) {\n      const errorMsg = t('header.language_not_available') || 'Languages not available';\n      setLocalLanguageError(errorMsg);\n      return;\n    }\n    \n    const languageExists = languages.some((lang: ILanguage) => lang.code === lang_code);\n    \n    if (languageExists) {\n      try {\n        if (useRedux) {\n          // Use Redux action (would need to be implemented in the slice)\n          // dispatch(setCurrentLanguage({ code: lang_code, ... }));\n        } else if (onLanguageChange) {\n          onLanguageChange(lang_code);\n        } else {\n          hookChangeLanguage(lang_code);\n        }\n      } catch (error) {\n        const errorMsg = error instanceof Error ? error.message : 'Failed to change language';\n        setLocalLanguageError(errorMsg);\n      }\n    } else {\n      const errorMsg = t('header.language_not_found', { language: lang_code }) || \n                     `Selected language \"${lang_code}\" is not available`;\n      setLocalLanguageError(errorMsg);\n    }\n  };\n\n  // Retry language loading\n  const handleRetryLanguages = async () => {\n    setLocalLanguageError(null);\n    try {\n      if (useRedux && dispatch && reduxActions.fetchLanguages) {\n        await dispatch(reduxActions.fetchLanguages());\n      } else if (onFetchLanguages) {\n        await onFetchLanguages();\n      } else {\n        await hookFetchLanguages();\n      }\n    } catch (error) {\n      const errorMsg = 'Failed to reload languages';\n      setLocalLanguageError(errorMsg);\n    }\n  };\n\n  const handleProfileMenuOpen = (event: React.MouseEvent<HTMLElement>) =>\n    setAnchorEl(event.currentTarget);\n\n  const handleMenuClose = () => {\n    setAnchorEl(null);\n  };\n\n  const handleChange = (event: any) => {\n    const selectedLink = event.target.value;\n    setTimeout(() => {\n      navigate(selectedLink);\n    }, 300);\n  };\n\n  const handleBackButton = () => {\n    window.history.back();\n  };\n\n  // Get current language display value with fallback indication\n  const getCurrentLanguageDisplay = (): string => {\n    if (!currentLanguage) return t('header.select_language') || 'Select Language';\n    \n    // Show fallback indicator for better UX\n    if (isFallbackActive || languageContextError) {\n      return `${currentLanguage.label}`;\n    }\n    \n    return currentLanguage.label;\n  };\n\n  // Create English fallback for consistent display\n  const createEnglishFallback = (): ILanguage => ({\n    code: 'en',\n    label: 'English',\n    direction: 'ltr'\n  });\n\n  // Get languages for dropdown - ensure English is always available\n  const getLanguagesForDropdown = (): ILanguage[] => {\n    if (!languages || languages.length === 0) {\n      // If no languages available, show only English\n      return [createEnglishFallback()];\n    }\n    \n    // Ensure English is in the list\n    const hasEnglish = languages.some(lang => lang.code === 'en');\n    if (!hasEnglish) {\n      return [createEnglishFallback(), ...languages];\n    }\n    \n    return languages;\n  };\n\n  // Render language selector based on different states\n  const renderLanguageSelector = () => {\n    const availableLanguages = getLanguagesForDropdown();\n    const displayValue = currentLanguage?.code || 'en'; // Default to English\n\n    // Loading state\n    if (languagesLoading) {\n      return (\n        <Box className=\"language-loading\">\n          <Typography variant=\"body2\" color=\"text.secondary\">\n            {'Loading...'}\n          </Typography>\n        </Box>\n      );\n    }\n\n    // Always show dropdown with at least English available\n    return (\n      <Select\n        onChange={onChangeLang}\n        size=\"small\"\n        value={displayValue}\n        renderValue={() => getCurrentLanguageDisplay()}\n        error={!!localLanguageError}\n        className={isFallbackActive || languageContextError ? 'language-fallback-active' : ''}\n      >\n        {availableLanguages.map(({ code, label }: ILanguage) => (\n          <MenuItem key={code} value={code}>\n            <Typography\n              type=\"s4\"\n              weight=\"medium\"\n              color=\"theme.secondary.1000\"\n            >\n              {label}\n            </Typography>\n          </MenuItem>\n        ))}\n        \n        {/* Show retry option if there's an error */}\n        {languageContextError && (\n          <MenuItem onClick={handleRetryLanguages} style={{ fontStyle: 'italic' }}>\n            <Typography\n              type=\"s4\"\n              weight=\"medium\"\n              color=\"theme.secondary.500\"\n            >\n              🔄 {t('header.retry_languages') || 'Retry loading languages'}\n            </Typography>\n          </MenuItem>\n        )}\n      </Select>\n    );\n  };\n\n  const menuId = \"primary-search-account-menu\";\n  const renderMenu = (\n    <Menu\n      className=\"main-profile-menu\"\n      anchorEl={anchorEl}\n      id={menuId}\n      keepMounted\n      open={isMenuOpen}\n      onClose={handleMenuClose}\n    >\n      <MenuItem className=\"user-assigned\">\n        <span>{t('common.assigned_roles') || 'Assigned roles'}</span>\n      </MenuItem>\n      <MenuItem className=\"user-data-wrap\" value={userData.role_id}>\n        <ListItemIcon>\n          <Avatar size={27} alt={userData.role_name} />\n        </ListItemIcon>\n        <ListItemText className=\"size15\">\n          {userData.role_name}\n        </ListItemText>\n        <Typography variant=\"body2\" color=\"text.secondary\">\n          <img src={images.tickicon} alt=\"Active\" />\n        </Typography>\n      </MenuItem>\n      <Divider />\n      <MenuItem\n        className=\"user-assigned\"\n        onClick={() => {\n          handleChangePasswordView();\n          setAnchorEl(null);\n        }}\n      >\n        <ListItemIcon>\n          <Eye fontSize=\"medium\" width={20} height={20} htmlColor=\"#292D32\" />\n        </ListItemIcon>\n        <ListItemText className=\"size15\">{t(\"common.change_password\")}</ListItemText>\n      </MenuItem>\n      <Divider />\n      <MenuItem\n        className=\"menu-item-color\"\n        onClick={() => {\n          handleLogoutConfirmation();\n          setAnchorEl(null);\n        }}\n      >\n        <ListItemIcon>\n          <img src={images.logout} alt=\"logout\" />\n        </ListItemIcon>\n        <ListItemText className=\"size15\">{t(\"common.logout\")}</ListItemText>\n      </MenuItem>\n    </Menu>\n  );\n\n  return (\n    <>\n      <Box className=\"main-box\">\n        {!isDropdownShow && (\n          <Link to={user ? Pathname.DASHBOARD : Pathname.LOGIN}>\n            <img src={images.logo} alt=\"logo\" />\n          </Link>\n        )}\n        <Box className=\"second-box\">\n          {isDropdownShow && (\n            <>\n            <IconButton onClick={handleBackButton}>\n              <KeyboardBackspaceIcon\n                className={isRtl?\"arrow-pointer_rtl\":\"arrow-pointer\"}\n              />\n            </IconButton>\n              <Box width={250}>\n                <Select\n                  fullWidth\n                  placeholder=\"Placeholder\"\n                  size={\"small\"}\n                  value={selectedModule?.link || \"\"}\n                  onChange={handleChange}\n                  className=\"select-box\"\n                  variant=\"outlined\"\n                  renderValue={(value: string) => (\n                    <>\n                      {selectedModule ? (\n                        <Box className=\"selected-menu-box\">\n                          <img\n                            src={selectedModule.icon}\n                            alt={selectedModule.label}\n                          />\n                          {selectedModule.label}\n                        </Box>\n                      ) : (\n                        value\n                      )}\n                    </>\n                  )}\n                >\n                  {erp_modules.map((module: any, index: number) => (\n                    <MenuItem\n                      className=\"select-box-menu-item\"\n                      value={module.link}\n                      key={index}\n                    >\n                      <img src={module.icon} alt={module.label} />\n                      {module.label}\n                    </MenuItem>\n                  ))}\n                </Select>\n              </Box>\n            </>\n          )}\n        </Box>\n        <Box className=\"header-right-wrap\">\n          {/* Language Selector with Enhanced Fallback Support */}\n          <Box className=\"language-selector-wrapper\">\n            {renderLanguageSelector()}\n          </Box>\n\n          <NotificationMenu/>\n          <IconButton\n            size=\"small\"\n            aria-label=\"help\"\n            className=\"p-0\"\n          >\n            <img src={logo.question} alt=\"question icon\" />\n          </IconButton>\n          <img src={logo.vdivider} alt=\"divider icon\" />\n          {localStorage.getItem(\"_tid\") ? (\n            <Box className=\"user-profile-box\" onClick={handleProfileMenuOpen}>\n              <Avatar\n                size={32}\n                src={user?.profile_image ? `${import.meta.env.VITE_S3_BUCKET_URL}${user?.profile_image}` : undefined}\n                alt={formatText(user?.full_name)}\n                className=\"avatar-class\"\n              />\n              <div>\n                <Typography className=\"profile-name\">\n                  {user?.full_name}\n                </Typography>\n                <Typography className=\"user-auth\">\n                  {user?.role_name}\n                </Typography>\n              </div>\n            </Box>\n          ) : (\n            <IconButton\n              size=\"large\"\n              edge=\"end\"\n              aria-label=\"account of current user\"\n              aria-controls={menuId}\n              aria-haspopup=\"true\"\n              component={Link}\n              to={Pathname.LOGIN}\n              color=\"inherit\"\n            >\n              <LockIcon className=\"icon-btn\" />\n            </IconButton>\n          )}\n        </Box>\n        {renderMenu}\n      </Box>\n\n      {/* Logout Confirmation Dialog */}\n      <ConfirmPopUp\n        open={logoutConfirmation}\n        title={t(\"common.logout\")}\n        description={t('common.logout_confirmation') || \"Are you sure, you want to logout?\"}\n        onConfirm={() => logout()}\n        onClose={handleLogoutConfirmation}\n        fullWidth\n        maxWidth=\"xs\"\n        buttonTexts={{\n          confirm: t(\"common.logout\"),\n          cancel: t(\"common.cancel\"),\n        }}\n      />\n\n      <ResetPasswordModal showModal={showModal} setShowModal={setShowModal} />\n    </>\n  );\n}\n\nexport default HeaderEnhanced;"],"names":["HeaderEnhanced","props","isDropdownShow","languages","propLanguages","currentLanguage","propCurrentLanguage","languagesLoading","propLanguagesLoading","languageError","propLanguageError","onLanguageChange","onFetchLanguages","useRedux","navigate","useNavigate","t","useTranslation","location","useLocation","logout","user","useAuth","reduxLanguageState","label","code","direction","isLoading","error","isFallbackActive","isRtl","dispatch","reduxActions","useAppSelector","useAppDispatch","require","fetchLanguages","headerState","store","header","_a","languagesData","data","_b","_c","_d","hookLanguages","hookCurrentLanguage","changeLanguage","hookChangeLanguage","hookLanguagesLoading","hookLanguageError","hookIsFallbackActive","hookFetchLanguages","hookIsRtl","useLanguage","length","languageContextError","pathname","anchorEl","setAnchorEl","React","useState","logoutConfirmation","setLogoutConfirmation","selectedModule","setSelectedModule","erp_modules","setModules","localLanguageError","setLocalLanguageError","showModal","setShowModal","u_data","localStorage","getItem","userData","JSON","parse","isMenuOpen","Boolean","handleLogoutConfirmation","checkMatchedRoutes","useCallback","paths","shouldMatch","Array","isArray","map","path","matchRoutes","useEffect","moduleName","find","module","link","toLowerCase","connectedRoutes","modules","onChangeLang","e","lang_code","target","value","errorMsg","some","lang","Error","message","language","handleRetryLanguages","async","menuId","renderMenu","jsxs","Menu","className","id","keepMounted","open","onClose","children","MenuItem","jsx","role_id","ListItemIcon","Avatar","size","alt","role_name","ListItemText","Typography","variant","color","src","images","tickicon","Divider","onClick","Eye","fontSize","width","height","htmlColor","Fragment","Box","Link","to","Pathname","DASHBOARD","LOGIN","logo","IconButton","window","history","back","KeyboardBackspaceIcon","Select","fullWidth","placeholder","onChange","event","selectedLink","setTimeout","renderValue","icon","index","availableLanguages","displayValue","type","weight","style","fontStyle","renderLanguageSelector","NotificationMenu","question","vdivider","currentTarget","profile_image","formatText","full_name","edge","component","LockIcon","ConfirmPopUp","title","description","onConfirm","maxWidth","buttonTexts","confirm","cancel","ResetPasswordModal"],"mappings":"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"}

package/dist/components/header/header-enhanced.d.ts

@@ -0,0 +1,19 @@
+import { default as React } from 'react';
+
+interface ILanguage {
+    label: string;
+    code: string;
+    direction: string;
+}
+interface HeaderEnhancedProps {
+    isDropdownShow?: boolean;
+    languages?: ILanguage[];
+    currentLanguage?: ILanguage;
+    languagesLoading?: boolean;
+    languageError?: string;
+    onLanguageChange?: (languageCode: string) => void;
+    onFetchLanguages?: () => Promise<void>;
+    useRedux?: boolean;
+}
+export declare function HeaderEnhanced(props: HeaderEnhancedProps): React.ReactElement;
+export default HeaderEnhanced;

package/dist/components/header/header.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+
+export declare function Header(props: any): React.ReactElement;
+export default Header;

package/dist/components/header/index.d.ts

@@ -0,0 +1,6 @@
+export { default as HeaderEnhanced } from './header-enhanced';
+export * from './header-enhanced';
+export { default as Header } from './header';
+export * from './header';
+export * from './components';
+export * from './redux';

package/dist/components/header/redux/actionCreator.d.ts

@@ -0,0 +1,3 @@
+export declare const fetchLanguages: import('@reduxjs/toolkit').AsyncThunk<{
+    languages: any;
+}, void, import('@reduxjs/toolkit').AsyncThunkConfig>;

package/dist/components/header/redux/index.d.ts

@@ -0,0 +1,5 @@
+export * from './actionCreator';
+export { default as headerSlice } from './reducer';
+export * from './reducer';
+export { default as state } from './state';
+export * from './state';