@erpsquad/common 1.10.74 → 1.10.76

package/dist/chunks/{appbar-Cht2DM8y.js → appbar-NZcZPNzx.js}

@@ -2,13 +2,13 @@
 const jsxRuntime = require("./jsx-runtime-B6vEU3CM.js");
 const React = require("react");
 const marked = require("marked");
-const useAuth = require("./useAuth-BNR7N60-.js");
+const useAuth = require("./useAuth-PKEPSrPi.js");
 const apiConfig = require("./api-config-DXwDMFn-.js");
-const common = require("./common-B1hGK8kQ.js");
+const common = require("./common-CbkoxxEu.js");
 const api = require("./api-CrXXYiZ2.js");
 const iconsMaterial = require("@mui/icons-material");
 const button = require("./button-GxDcw3FY.js");
-const tick = require("./tick-B4IAsV4W.js");
+const tick = require("./tick-COMAwRR1.js");
 const identifier = require("./identifier-CaTy7Osd.js");
 const _$1 = require("lodash");
 const material = require("@mui/material");
@@ -23,12 +23,12 @@ const routePageMap = require("./route-page-map-BMisO6c3.js");
 const CssBaseline = require("./CssBaseline-BtFw_t3c.js");
 const ReactDOM = require("react-dom");
 const notistack = require("notistack");
-const useLangauge = require("./useLangauge-DsEM05Ll.js");
+const useLangauge = require("./useLangauge-DTmhopi3.js");
+const react = require("@emotion/react");
 const reactHookForm = require("react-hook-form");
 const resolvers = require("@hookform/resolvers");
 const Yup = require("yup");
 const eye = require("./eye-CPMoo4Zm.js");
-const react = require("@emotion/react");
 function _interopNamespaceDefault(e) {
   const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
   if (e) {
@@ -8866,6 +8866,104 @@ function GlobalSearch() {
     ] })
   ] });
 }
+const createEnglishFallback = () => ({
+  code: "en",
+  label: "English",
+  direction: "ltr"
+});
+function LanguageSwitch() {
+  const { t } = reactI18next.useTranslation();
+  const {
+    languages,
+    currentLanguage,
+    changeLanguage,
+    isLoading,
+    error: languageContextError,
+    isFallbackActive,
+    fetchLanguages
+  } = useLangauge.useLanguage();
+  const [localLanguageError, setLocalLanguageError] = React.useState(null);
+  const [anchorEl, setAnchorEl] = React.useState(null);
+  const isMenuOpen = Boolean(anchorEl);
+  const handleMenuOpen = (event) => setAnchorEl(event.currentTarget);
+  const handleMenuClose = () => setAnchorEl(null);
+  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 getCurrentLanguageDisplay = () => {
+    if (!currentLanguage) return "EN";
+    return currentLanguage.code.toUpperCase();
+  };
+  const onChangeLang = (lang_code) => {
+    setLocalLanguageError(null);
+    handleMenuClose();
+    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 {
+        changeLanguage(lang_code);
+      } catch (error) {
+        setLocalLanguageError(error instanceof Error ? error.message : "Failed to change language");
+      }
+    } 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 {
+      await fetchLanguages();
+    } catch (error) {
+      setLocalLanguageError("Failed to reload languages");
+    }
+  };
+  const availableLanguages = getLanguagesForDropdown();
+  if (isLoading) {
+    return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(Box, { className: "language-chip language-chip-loading", children: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx("span", { children: t("header.language_loading") || "Loading..." }) });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs(Box, { className: "language-selector-wrapper", children: [
+    /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs(
+      "button",
+      {
+        className: `hdr-lang-btn ${isFallbackActive || languageContextError ? "language-fallback-active" : ""}`,
+        type: "button",
+        onClick: handleMenuOpen,
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx("span", { className: "lang-text", children: getCurrentLanguageDisplay() }),
+          /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(tick.ArrowDown, { width: 14, height: 14 })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs(
+      Menu,
+      {
+        className: "main-profile-menu",
+        anchorEl,
+        open: isMenuOpen,
+        onClose: handleMenuClose,
+        anchorOrigin: { vertical: "bottom", horizontal: "right" },
+        transformOrigin: { vertical: "top", horizontal: "right" },
+        children: [
+          availableLanguages.map(({ code, label }) => /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(MenuItem, { onClick: () => onChangeLang(code), children: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(useAuth.Typography, { type: "s4", weight: "medium", color: (currentLanguage == null ? void 0 : currentLanguage.code) === code ? "theme.primary.1000" : "theme.secondary.1000", children: label }) }, code)),
+          languageContextError && /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(MenuItem, { onClick: handleRetryLanguages, style: { fontStyle: "italic" }, children: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(useAuth.Typography, { type: "s4", weight: "medium", color: "theme.secondary.500", children: t("header.retry_languages") || "Retry loading languages" }) })
+        ]
+      }
+    ),
+    localLanguageError && /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(useAuth.Typography, { type: "s5", color: "theme.error.600", style: { position: "absolute", bottom: "-15px", whiteSpace: "nowrap" }, children: localLanguageError })
+  ] });
+}
 const getNotificationUrl = (data) => {
   var _a;
   const { moduleName = "", moduleId = "", notificationData = {} } = data;
@@ -9727,6 +9825,7 @@ function Header(props) {
     /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx("div", { style: { flex: 1 } }),
     /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(GlobalSearch, {}),
     /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx("div", { className: "notif-wrap", children: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(NotificationMenu, {}) }),
+    /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(LanguageSwitch, {}),
     /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx("div", { className: "v-divider" }),
     /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(UserMenu, {})
   ] });
@@ -9837,4 +9936,4 @@ exports.resolveComponentProps = resolveComponentProps;
 exports.useRtl = useRtl;
 exports.useSlotProps = useSlotProps;
 exports.useTheme = useTheme;
-//# sourceMappingURL=appbar-Cht2DM8y.js.map
+//# sourceMappingURL=appbar-NZcZPNzx.js.map