@erpsquad/common 1.8.40 → 1.8.42

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

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","sources":["../../../../src/components/header/header.tsx"],"sourcesContent":["// components/header/Header.tsx - Complete updated version with English fallback\nimport React, { useState, useCallback, useMemo } 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\nimport { Pathname } from \"../../constants/pathnames/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 \"./header.scss\";\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\";\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\nexport function Header(props: any): React.ReactElement {\n  const navigate = useNavigate();\n  const { t } = useTranslation();\n  const location = useLocation();\n  const { logout, user } = useAuth();\n  \n  const { \n    languages, \n    currentLanguage, \n    changeLanguage, \n    isLoading: languagesLoading,\n    error: languageContextError,\n    isFallbackActive,\n    fetchLanguages,\n    isRtl\n  } = useLanguage();\n  \n  const { pathname } = location;\n  const [anchorEl, setAnchorEl] = React.useState<null | HTMLElement>(null);\n  const [logoutConfirmation, setLogoutConfirmation] = useState<boolean>(false);\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 erp_modules = useMemo<IModule[]>(() => modules(t), [t]);\n\n  const selectedModule = useMemo<IModule | null>(() => {\n    return (\n      erp_modules.find(\n        (module: IModule) =>\n          module?.link?.toLowerCase() === pathname.toLowerCase() ||\n          checkMatchedRoutes(module.connectedRoutes),\n      ) || null\n    );\n  }, [erp_modules, pathname, checkMatchedRoutes]);\n\n  const handleChangePasswordView = () => {\n    setShowModal(true);\n  }\n\n  // Enhanced language change handler with validation and error handling\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        changeLanguage(lang_code);\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      await fetchLanguages();\n    } catch (error) {\n      const errorMsg = 'Failed to reload languages';\n      setLocalLanguageError(errorMsg);\n    }\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      >\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            >\n              {label}\n              {/* Show fallback indicator in dropdown */}\n              {/* {(isFallbackActive || languageContextError) && code === 'en' && \n                ` (${t('header.fallback') || 'Fallback'})`\n              } */}\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        {!props.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          {props.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          {/* <IconButton\n            size=\"small\"\n            aria-label=\"notification bell\"\n            className=\"p-0\"\n          >\n            <img src={logo.notification} alt=\"notification icon\" />\n          </IconButton> */}\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}\n\nexport default Header;"],"names":["React","logo"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAgDO,SAAS,OAAO,OAAgC;AACrD,QAAM,WAAW,YAAA;AACjB,QAAM,EAAE,EAAA,IAAM,eAAA;AACd,QAAM,WAAW,YAAA;AACjB,QAAM,EAAE,QAAQ,KAAA,IAAS,QAAA;AAEzB,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA,WAAW;AAAA,IACX,OAAO;AAAA,IACP;AAAA,IACA;AAAA,IACA;AAAA,EAAA,IACE,YAAA;AAEJ,QAAM,EAAE,aAAa;AACrB,QAAM,CAAC,UAAU,WAAW,IAAIA,eAAM,SAA6B,IAAI;AACvE,QAAM,CAAC,oBAAoB,qBAAqB,IAAI,SAAkB,KAAK;AAC3E,QAAM,CAAC,oBAAoB,qBAAqB,IAAI,SAAwB,IAAI;AAChF,QAAM,CAAC,WAAW,YAAY,IAAI,SAAS,KAAK;AAEhD,QAAM,SAAS,aAAa,QAAQ,SAAS,KAAK;AAClD,QAAM,WAAW,SAAS,KAAK,MAAM,MAAM,IAAI;AAC/C,QAAM,aAAa,QAAQ,QAAQ;AAEnC,QAAM,2BAA2B,MAC/B,sBAAsB,CAAC,kBAAkB;AAE3C,QAAM,qBAAqB;AAAA,IACzB,CAAC,UAA6B;AAC5B,YAAM,cAAkC,MAAM,QAAQ,KAAK,IACvD,MAAM,IAAI,CAAC,UAAkB,EAAE,OAAO,IACtC,CAAC,EAAE,MAAM,OAAO;AAEpB,aAAO,QAAQ,YAAY,aAAa,QAAQ,CAAC;AAAA,IACnD;AAAA,IACA,CAAC,QAAQ;AAAA,EAAA;AAGX,QAAM,cAAc,QAAmB,MAAM,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC;AAE5D,QAAM,iBAAiB,QAAwB,MAAM;AACnD,WACE,YAAY;AAAA,MACV,CAAC,WAAA;;AACC,uDAAQ,SAAR,mBAAc,mBAAkB,SAAS,YAAA,KACzC,mBAAmB,OAAO,eAAe;AAAA;AAAA,IAAA,KACxC;AAAA,EAET,GAAG,CAAC,aAAa,UAAU,kBAAkB,CAAC;AAE9C,QAAM,2BAA2B,MAAM;AACrC,iBAAa,IAAI;AAAA,EACnB;AAGA,QAAM,eAAe,CAAC,MAA4C;AAChE,UAAM,YAAY,EAAE,OAAO;AAG3B,0BAAsB,IAAI;AAG1B,QAAI,CAAC,aAAa,UAAU,WAAW,GAAG;AACxC,YAAM,WAAW,EAAE,+BAA+B,KAAK;AACvD,4BAAsB,QAAQ;AAC9B;AAAA,IACF;AAEA,UAAM,iBAAiB,UAAU,KAAK,CAAC,SAAoB,KAAK,SAAS,SAAS;AAElF,QAAI,gBAAgB;AAClB,UAAI;AACF,uBAAe,SAAS;AAAA,MAC1B,SAAS,OAAO;AACd,cAAM,WAAW,iBAAiB,QAAQ,MAAM,UAAU;AAC1D,8BAAsB,QAAQ;AAAA,MAChC;AAAA,IACF,OAAO;AACL,YAAM,WAAW,EAAE,6BAA6B,EAAE,UAAU,UAAA,CAAW,KACxD,sBAAsB,SAAS;AAC9C,4BAAsB,QAAQ;AAAA,IAChC;AAAA,EACF;AAGA,QAAM,uBAAuB,YAAY;AACvC,0BAAsB,IAAI;AAC1B,QAAI;AACF,YAAM,eAAA;AAAA,IACR,SAAS,OAAO;AACd,YAAM,WAAW;AACjB,4BAAsB,QAAQ;AAAA,IAChC;AAAA,EACF;AAGA,QAAM,wBAAwB,CAAC,UAC7B,YAAY,MAAM,aAAa;AAEjC,QAAM,kBAAkB,MAAM;AAC5B,gBAAY,IAAI;AAAA,EAClB;AAEA,QAAM,eAAe,CAAC,UAAe;AACnC,UAAM,eAAe,MAAM,OAAO;AAClC,eAAW,MAAM;AACf,eAAS,YAAY;AAAA,IACvB,GAAG,GAAG;AAAA,EACR;AAEA,QAAM,mBAAmB,MAAM;AAC7B,WAAO,QAAQ,KAAA;AAAA,EACjB;AAGA,QAAM,4BAA4B,MAAc;AAC9C,QAAI,CAAC,gBAAiB,QAAO,EAAE,wBAAwB,KAAK;AAG5D,QAAI,oBAAoB,sBAAsB;AAC5C,aAAO,GAAG,gBAAgB,KAAK;AAAA,IACjC;AAEA,WAAO,gBAAgB;AAAA,EACzB;AAGA,QAAM,wBAAwB,OAAkB;AAAA,IAC9C,MAAM;AAAA,IACN,OAAO;AAAA,IACP,WAAW;AAAA,EAAA;AAIb,QAAM,0BAA0B,MAAmB;AACjD,QAAI,CAAC,aAAa,UAAU,WAAW,GAAG;AAExC,aAAO,CAAC,uBAAuB;AAAA,IACjC;AAGA,UAAM,aAAa,UAAU,KAAK,CAAA,SAAQ,KAAK,SAAS,IAAI;AAC5D,QAAI,CAAC,YAAY;AACf,aAAO,CAAC,yBAAyB,GAAG,SAAS;AAAA,IAC/C;AAEA,WAAO;AAAA,EACT;AAGA,QAAM,yBAAyB,MAAM;AACnC,UAAM,qBAAqB,wBAAA;AAC3B,UAAM,gBAAe,mDAAiB,SAAQ;AAG9C,QAAI,kBAAkB;AACpB,iCACG,KAAA,EAAI,WAAU,oBACb,UAAA,oBAAC,YAAA,EAAW,SAAQ,SAAQ,OAAM,kBAC/B,UAAA,aAAA,CACH,GACF;AAAA,IAEJ;AAGA,WACE;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,UAAU;AAAA,QACV,MAAK;AAAA,QACL,OAAO;AAAA,QACP,aAAa,MAAM,0BAAA;AAAA,QACnB,OAAO,CAAC,CAAC;AAAA,QACT,WAAW,oBAAoB,uBAAuB,6BAA6B;AAAA,QAGlF,UAAA;AAAA,UAAA,mBAAmB,IAAI,CAAC,EAAE,MAAM,MAAA,MAC/B,oBAAC,UAAA,EAAoB,OAAO,MAC1B,UAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,MAAK;AAAA,cACL,QAAO;AAAA,cACP,OAAM;AAAA,cAGL,UAAA;AAAA,YAAA;AAAA,UAAA,EAKH,GAZa,IAaf,CACD;AAAA,UAGA,4CACE,UAAA,EAAS,SAAS,sBAAsB,OAAO,EAAE,WAAW,SAAA,GAC3D,UAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,MAAK;AAAA,cACL,QAAO;AAAA,cACP,OAAM;AAAA,cACP,UAAA;AAAA,gBAAA;AAAA,gBACK,EAAE,wBAAwB,KAAK;AAAA,cAAA;AAAA,YAAA;AAAA,UAAA,GAEvC;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAIR;AAEA,QAAM,SAAS;AACf,QAAM,aACJ;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV;AAAA,MACA,IAAI;AAAA,MACJ,aAAW;AAAA,MACX,MAAM;AAAA,MACN,SAAS;AAAA,MAET,UAAA;AAAA,4BAAC,UAAA,EAAS,WAAU,iBAClB,UAAA,oBAAC,UAAM,UAAA,EAAE,uBAAuB,KAAK,iBAAA,CAAiB,GACxD;AAAA,6BACC,UAAA,EAAS,WAAU,kBAAiB,OAAO,SAAS,SACnD,UAAA;AAAA,UAAA,oBAAC,cAAA,EACC,8BAAC,QAAA,EAAO,MAAM,IAAI,KAAK,SAAS,UAAA,CAAW,GAC7C;AAAA,UACA,oBAAC,cAAA,EAAa,WAAU,UACrB,mBAAS,WACZ;AAAA,8BACC,YAAA,EAAW,SAAQ,SAAQ,OAAM,kBAChC,UAAA,oBAAC,OAAA,EAAI,KAAK,OAAO,UAAU,KAAI,SAAA,CAAS,GAC1C;AAAA,QAAA,GACF;AAAA,4BACC,SAAA,EAAQ;AAAA,QACT;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV,SAAS,MAAM;AACb,uCAAA;AACA,0BAAY,IAAI;AAAA,YAClB;AAAA,YAEA,UAAA;AAAA,kCAAC,cAAA,EACC,UAAA,oBAAC,KAAA,EAAI,UAAS,UAAS,OAAO,IAAI,QAAQ,IAAI,WAAU,UAAA,CAAU,GACpE;AAAA,kCACC,cAAA,EAAa,WAAU,UAAU,UAAA,EAAE,wBAAwB,EAAA,CAAE;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA;AAAA,4BAE/D,SAAA,EAAQ;AAAA,QACT;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV,SAAS,MAAM;AACb,uCAAA;AACA,0BAAY,IAAI;AAAA,YAClB;AAAA,YAEA,UAAA;AAAA,cAAA,oBAAC,cAAA,EACC,8BAAC,OAAA,EAAI,KAAK,OAAO,QAAQ,KAAI,SAAA,CAAS,GACxC;AAAA,kCACC,cAAA,EAAa,WAAU,UAAU,UAAA,EAAE,eAAe,EAAA,CAAE;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MACvD;AAAA,IAAA;AAAA,EAAA;AAIJ,SACE,qBAAA,UAAA,EACE,UAAA;AAAA,IAAA,qBAAC,KAAA,EAAI,WAAU,YACZ,UAAA;AAAA,MAAA,CAAC,MAAM,kBACN,oBAAC,MAAA,EAAK,IAAI,OAAO,SAAS,YAAY,SAAS,OAC7C,8BAAC,OAAA,EAAI,KAAK,OAAO,MAAM,KAAI,OAAA,CAAO,GACpC;AAAA,0BAED,KAAA,EAAI,WAAU,cACZ,UAAA,MAAM,kBACL,qBAAA,UAAA,EACA,UAAA;AAAA,QAAA,oBAAC,YAAA,EAAW,SAAS,kBACnB,UAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAW,QAAM,sBAAoB;AAAA,UAAA;AAAA,QAAA,GAEzC;AAAA,QACE,oBAAC,KAAA,EAAI,OAAO,KACV,UAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAS;AAAA,YACT,aAAY;AAAA,YACZ,MAAM;AAAA,YACN,QAAO,iDAAgB,SAAQ;AAAA,YAC/B,UAAU;AAAA,YACV,WAAU;AAAA,YACV,SAAQ;AAAA,YACR,aAAa,CAAC,UACZ,oBAAA,UAAA,EACG,2BACC,qBAAC,KAAA,EAAI,WAAU,qBACb,UAAA;AAAA,cAAA;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,KAAK,eAAe;AAAA,kBACpB,KAAK,eAAe;AAAA,gBAAA;AAAA,cAAA;AAAA,cAErB,eAAe;AAAA,YAAA,EAAA,CAClB,IAEA,OAEJ;AAAA,YAGD,UAAA,YAAY,IAAI,CAAC,QAAa,UAC7B;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,WAAU;AAAA,gBACV,OAAO,OAAO;AAAA,gBAGd,UAAA;AAAA,kBAAA,oBAAC,SAAI,KAAK,OAAO,MAAM,KAAK,OAAO,OAAO;AAAA,kBACzC,OAAO;AAAA,gBAAA;AAAA,cAAA;AAAA,cAHH;AAAA,YAAA,CAKR;AAAA,UAAA;AAAA,QAAA,GAEL;AAAA,MAAA,EAAA,CACF,EAAA,CAEJ;AAAA,MACA,qBAAC,KAAA,EAAI,WAAU,qBAEb,UAAA;AAAA,QAAA,oBAAC,KAAA,EAAI,WAAU,6BACZ,UAAA,uBAAA,GACH;AAAA,4BASC,kBAAA,EAAgB;AAAA,QACjB;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,cAAW;AAAA,YACX,WAAU;AAAA,YAEV,8BAAC,OAAA,EAAI,KAAKC,OAAK,UAAU,KAAI,gBAAA,CAAgB;AAAA,UAAA;AAAA,QAAA;AAAA,4BAE9C,OAAA,EAAI,KAAKA,OAAK,UAAU,KAAI,gBAAe;AAAA,QAC3C,aAAa,QAAQ,MAAM,yBACzB,KAAA,EAAI,WAAU,oBAAmB,SAAS,uBACzC,UAAA;AAAA,UAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,MAAM;AAAA,cACN,MAAK,6BAAM,iBAAgB,GAAG,kDAAkC,GAAG,6BAAM,aAAa,KAAK;AAAA,cAC3F,KAAK,WAAW,6BAAM,SAAS;AAAA,cAC/B,WAAU;AAAA,YAAA;AAAA,UAAA;AAAA,+BAEX,OAAA,EACC,UAAA;AAAA,YAAA,oBAAC,YAAA,EAAW,WAAU,gBACnB,UAAA,6BAAM,WACT;AAAA,YACA,oBAAC,YAAA,EAAW,WAAU,aACnB,uCAAM,WACT;AAAA,UAAA,GACF;AAAA,QAAA,EAAA,CACF,IAEA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,MAAK;AAAA,YACL,cAAW;AAAA,YACX,iBAAe;AAAA,YACf,iBAAc;AAAA,YACd,WAAW;AAAA,YACX,IAAI,SAAS;AAAA,YACb,OAAM;AAAA,YAEN,UAAA,oBAAC,UAAA,EAAS,WAAU,YAAW;AAAA,UAAA;AAAA,QAAA;AAAA,MACjC,GAEJ;AAAA,MACC;AAAA,IAAA,GACH;AAAA,IAGA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAM;AAAA,QACN,OAAO,EAAE,eAAe;AAAA,QACxB,aAAa,EAAE,4BAA4B,KAAK;AAAA,QAChD,WAAW,MAAM,OAAA;AAAA,QACjB,SAAS;AAAA,QACT,WAAS;AAAA,QACT,UAAS;AAAA,QACT,aAAa;AAAA,UACX,SAAS,EAAE,eAAe;AAAA,UAC1B,QAAQ,EAAE,eAAe;AAAA,QAAA;AAAA,MAC3B;AAAA,IAAA;AAAA,IAGF,oBAAC,oBAAA,EAAmB,WAAsB,cAA8B;AAAA,EAAA,GAE1E;AAEJ;"}
+{"version":3,"file":"index.esm.js","sources":["../../../../src/components/header/header.tsx"],"sourcesContent":["// components/header/Header.tsx - Complete updated version with English fallback\nimport React, { useState, useCallback, useMemo } 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\nimport { Pathname } from \"../../constants/pathnames/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 \"./header.scss\";\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\";\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\nexport function Header(props: any): React.ReactElement {\n  const navigate = useNavigate();\n  const { t } = useTranslation();\n  const location = useLocation();\n  const { logout, user } = useAuth();\n  \n  const { \n    languages, \n    currentLanguage, \n    changeLanguage, \n    isLoading: languagesLoading,\n    error: languageContextError,\n    isFallbackActive,\n    fetchLanguages,\n    isRtl\n  } = useLanguage();\n  \n  const { pathname } = location;\n  const [anchorEl, setAnchorEl] = React.useState<null | HTMLElement>(null);\n  const [logoutConfirmation, setLogoutConfirmation] = useState<boolean>(false);\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 erp_modules = useMemo<IModule[]>(() => modules(t), [t]);\n\n  const selectedModule = useMemo<IModule | null>(() => {\n    return (\n      erp_modules.find(\n        (module: IModule) =>\n          module?.link?.toLowerCase() === pathname.toLowerCase() ||\n          checkMatchedRoutes(module.connectedRoutes),\n      ) || null\n    );\n  }, [erp_modules, pathname, checkMatchedRoutes]);\n\n  const handleChangePasswordView = () => {\n    setShowModal(true);\n  }\n\n  // Enhanced language change handler with validation and error handling\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        changeLanguage(lang_code);\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      await fetchLanguages();\n    } catch (error) {\n      const errorMsg = 'Failed to reload languages';\n      setLocalLanguageError(errorMsg);\n    }\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      >\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            >\n              {label}\n              {/* Show fallback indicator in dropdown */}\n              {/* {(isFallbackActive || languageContextError) && code === 'en' && \n                ` (${t('header.fallback') || 'Fallback'})`\n              } */}\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        {!props.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          {props.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          {/* <IconButton\n            size=\"small\"\n            aria-label=\"notification bell\"\n            className=\"p-0\"\n          >\n            <img src={logo.notification} alt=\"notification icon\" />\n          </IconButton> */}\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}\n\nexport default Header;"],"names":["React","KeyboardBackspaceIcon","logo","LockIcon"],"mappings":"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"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/header/header.tsx"],"sourcesContent":["// components/header/Header.tsx - Complete updated version with English fallback\nimport React, { useState, useCallback, useMemo } 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\nimport { Pathname } from \"../../constants/pathnames/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 \"./header.scss\";\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\";\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\nexport function Header(props: any): React.ReactElement {\n  const navigate = useNavigate();\n  const { t } = useTranslation();\n  const location = useLocation();\n  const { logout, user } = useAuth();\n  \n  const { \n    languages, \n    currentLanguage, \n    changeLanguage, \n    isLoading: languagesLoading,\n    error: languageContextError,\n    isFallbackActive,\n    fetchLanguages,\n    isRtl\n  } = useLanguage();\n  \n  const { pathname } = location;\n  const [anchorEl, setAnchorEl] = React.useState<null | HTMLElement>(null);\n  const [logoutConfirmation, setLogoutConfirmation] = useState<boolean>(false);\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 erp_modules = useMemo<IModule[]>(() => modules(t), [t]);\n\n  const selectedModule = useMemo<IModule | null>(() => {\n    return (\n      erp_modules.find(\n        (module: IModule) =>\n          module?.link?.toLowerCase() === pathname.toLowerCase() ||\n          checkMatchedRoutes(module.connectedRoutes),\n      ) || null\n    );\n  }, [erp_modules, pathname, checkMatchedRoutes]);\n\n  const handleChangePasswordView = () => {\n    setShowModal(true);\n  }\n\n  // Enhanced language change handler with validation and error handling\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        changeLanguage(lang_code);\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      await fetchLanguages();\n    } catch (error) {\n      const errorMsg = 'Failed to reload languages';\n      setLocalLanguageError(errorMsg);\n    }\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      >\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            >\n              {label}\n              {/* Show fallback indicator in dropdown */}\n              {/* {(isFallbackActive || languageContextError) && code === 'en' && \n                ` (${t('header.fallback') || 'Fallback'})`\n              } */}\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        {!props.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          {props.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          {/* <IconButton\n            size=\"small\"\n            aria-label=\"notification bell\"\n            className=\"p-0\"\n          >\n            <img src={logo.notification} alt=\"notification icon\" />\n          </IconButton> */}\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}\n\nexport default Header;"],"names":["Header","props","navigate","useNavigate","t","useTranslation","location","useLocation","logout","user","useAuth","languages","currentLanguage","changeLanguage","isLoading","languagesLoading","error","languageContextError","isFallbackActive","fetchLanguages","isRtl","useLanguage","pathname","anchorEl","setAnchorEl","React","useState","logoutConfirmation","setLogoutConfirmation","localLanguageError","setLocalLanguageError","showModal","setShowModal","u_data","localStorage","getItem","userData","JSON","parse","isMenuOpen","Boolean","handleLogoutConfirmation","checkMatchedRoutes","useCallback","paths","shouldMatch","Array","isArray","map","path","matchRoutes","erp_modules","useMemo","modules","selectedModule","find","module","_a","link","toLowerCase","connectedRoutes","onChangeLang","e","lang_code","target","value","length","errorMsg","some","lang","code","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","isDropdownShow","Link","to","Pathname","DASHBOARD","LOGIN","logo","IconButton","window","history","back","KeyboardBackspaceIcon","Select","fullWidth","placeholder","onChange","event","selectedLink","setTimeout","renderValue","icon","label","index","availableLanguages","direction","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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"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/header/header.tsx"],"sourcesContent":["// components/header/Header.tsx - Complete updated version with English fallback\nimport React, { useState, useCallback, useMemo } 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\nimport { Pathname } from \"../../constants/pathnames/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 \"./header.scss\";\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\";\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\nexport function Header(props: any): React.ReactElement {\n  const navigate = useNavigate();\n  const { t } = useTranslation();\n  const location = useLocation();\n  const { logout, user } = useAuth();\n  \n  const { \n    languages, \n    currentLanguage, \n    changeLanguage, \n    isLoading: languagesLoading,\n    error: languageContextError,\n    isFallbackActive,\n    fetchLanguages,\n    isRtl\n  } = useLanguage();\n  \n  const { pathname } = location;\n  const [anchorEl, setAnchorEl] = React.useState<null | HTMLElement>(null);\n  const [logoutConfirmation, setLogoutConfirmation] = useState<boolean>(false);\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 erp_modules = useMemo<IModule[]>(() => modules(t), [t]);\n\n  const selectedModule = useMemo<IModule | null>(() => {\n    return (\n      erp_modules.find(\n        (module: IModule) =>\n          module?.link?.toLowerCase() === pathname.toLowerCase() ||\n          checkMatchedRoutes(module.connectedRoutes),\n      ) || null\n    );\n  }, [erp_modules, pathname, checkMatchedRoutes]);\n\n  const handleChangePasswordView = () => {\n    setShowModal(true);\n  }\n\n  // Enhanced language change handler with validation and error handling\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        changeLanguage(lang_code);\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      await fetchLanguages();\n    } catch (error) {\n      const errorMsg = 'Failed to reload languages';\n      setLocalLanguageError(errorMsg);\n    }\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      >\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            >\n              {label}\n              {/* Show fallback indicator in dropdown */}\n              {/* {(isFallbackActive || languageContextError) && code === 'en' && \n                ` (${t('header.fallback') || 'Fallback'})`\n              } */}\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        {!props.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          {props.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          {/* <IconButton\n            size=\"small\"\n            aria-label=\"notification bell\"\n            className=\"p-0\"\n          >\n            <img src={logo.notification} alt=\"notification icon\" />\n          </IconButton> */}\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}\n\nexport default Header;"],"names":["Header","props","navigate","useNavigate","t","useTranslation","location","useLocation","logout","user","useAuth","languages","currentLanguage","changeLanguage","isLoading","languagesLoading","error","languageContextError","isFallbackActive","fetchLanguages","isRtl","useLanguage","pathname","anchorEl","setAnchorEl","React","useState","logoutConfirmation","setLogoutConfirmation","localLanguageError","setLocalLanguageError","showModal","setShowModal","u_data","localStorage","getItem","userData","JSON","parse","isMenuOpen","Boolean","handleLogoutConfirmation","checkMatchedRoutes","useCallback","paths","shouldMatch","Array","isArray","map","path","matchRoutes","erp_modules","useMemo","modules","selectedModule","find","module","_a","link","toLowerCase","connectedRoutes","onChangeLang","e","lang_code","target","value","length","errorMsg","some","lang","code","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","isDropdownShow","Link","to","Pathname","DASHBOARD","LOGIN","logo","IconButton","window","history","back","KeyboardBackspaceIcon","Select","fullWidth","placeholder","onChange","event","selectedLink","setTimeout","renderValue","icon","label","index","availableLanguages","direction","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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"}