@erpsquad/common 1.10.74 → 1.10.75

package/dist/chunks/{appbar-ByiY9Ehc.esm.js → appbar-7puZelDZ.esm.js}

@@ -8,7 +8,7 @@ import { at as getToken, b0 as getV1DepartmentsId, aK as removeSeriesFromTitle,
 import { aN as setAiFeatureBaseUrl, bh as uploadDocument, bi as getDocumentStatus, bj as streamV1CopilotChat, bk as startV1CopilotAgent, bl as formAssistV1Copilot, bm as resetV1CopilotSession, bn as getV1ChartOfAccountId, bo as getV1TaxCodeId, bp as getV1InventoryItemsId, aC as getV1Uom, aV as getV1PartiesId, bq as getV1PaymentTermsId, br as getV1CompanyId, bs as getV1CurrencyId, aa as getV1LocationsStates, bt as getV1WarehouseLocationId, bu as postV1AiFeatureSearchQuery, bv as getV1Notification, bw as getV1NotificationMarkAllAsRead, bx as patchV1NotificationMarkAsReadId } from "./api-z4kM0HGD.esm.js";
 import { Add, OpenInFullRounded, Close, UploadFileRounded, DeleteOutlineRounded, ArrowUpwardRounded, PictureAsPdfRounded, CloudUploadRounded, CheckCircleRounded, ErrorRounded, HourglassBottomRounded, Person, CheckCircle, Warning, Email, Assignment, HourglassEmpty, Cancel, AccountBalance } from "@mui/icons-material";
 import { B as Button } from "./button-CiFUSruA.esm.js";
-import { S as Save, b as SearchStatus, a as Search, T as Tick, E as EyeOff } from "./tick-DUuDXLjB.esm.js";
+import { S as Save, b as SearchStatus, a as Search, A as ArrowDown, T as Tick, E as EyeOff } from "./tick-DaxkNl7E.esm.js";
 import { P as PropTypes, _ as _extends, e as _objectWithoutPropertiesLoose, x as styled, v as styleFunctionSx, T as THEME_ID, d as defaultTheme$1, k as interopRequireDefaultExports, g as generateUtilityClass, u as useDefaultProps, j as capitalize, f as alpha_1, C as ClassNameGenerator, a as createTheme } from "./identifier-0SZUhw_A.esm.js";
 import { debounce } from "lodash";
 import { styled as styled$1, Dialog, TextField as TextField$1, InputAdornment, IconButton, Tooltip as Tooltip$1, DialogTitle, Box as Box$1, Divider as Divider$1, DialogContent, DialogActions, CircularProgress, Snackbar, Alert, Avatar as Avatar$1, SvgIcon, Badge, Menu as Menu$1, Skeleton, MenuItem as MenuItem$1, ListItemAvatar, ListItemText as ListItemText$1 } from "@mui/material";
@@ -25,11 +25,11 @@ import * as ReactDOM from "react-dom";
 import ReactDOM__default from "react-dom";
 import { enqueueSnackbar } from "notistack";
 import { u as useLanguage } from "./useLangauge-dxTIlPe-.esm.js";
+import { keyframes } from "@emotion/react";
 import { Controller, appendErrors, useForm } from "react-hook-form";
 import { validateFieldsNatively, toNestErrors } from "@hookform/resolvers";
 import * as Yup from "yup";
 import { E as Eye } from "./eye-PU88lR34.esm.js";
-import { keyframes } from "@emotion/react";
 function chainPropTypes(propType1, propType2) {
   if (process.env.NODE_ENV === "production") {
     return () => null;
@@ -8848,6 +8848,104 @@ function GlobalSearch() {
     ] })
   ] });
 }
+const createEnglishFallback = () => ({
+  code: "en",
+  label: "English",
+  direction: "ltr"
+});
+function LanguageSwitch() {
+  const { t } = useTranslation();
+  const {
+    languages,
+    currentLanguage,
+    changeLanguage,
+    isLoading,
+    error: languageContextError,
+    isFallbackActive,
+    fetchLanguages
+  } = useLanguage();
+  const [localLanguageError, setLocalLanguageError] = useState(null);
+  const [anchorEl, setAnchorEl] = 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__ */ jsxRuntimeExports.jsx(Box, { className: "language-chip language-chip-loading", children: /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: t("header.language_loading") || "Loading..." }) });
+  }
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(Box, { className: "language-selector-wrapper", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsxs(
+      "button",
+      {
+        className: `hdr-lang-btn ${isFallbackActive || languageContextError ? "language-fallback-active" : ""}`,
+        type: "button",
+        onClick: handleMenuOpen,
+        children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "lang-text", children: getCurrentLanguageDisplay() }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(ArrowDown, { width: 14, height: 14 })
+        ]
+      }
+    ),
+    /* @__PURE__ */ 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__ */ jsxRuntimeExports.jsx(MenuItem, { onClick: () => onChangeLang(code), children: /* @__PURE__ */ jsxRuntimeExports.jsx(Typography$1, { type: "s4", weight: "medium", color: (currentLanguage == null ? void 0 : currentLanguage.code) === code ? "theme.primary.1000" : "theme.secondary.1000", children: label }) }, code)),
+          languageContextError && /* @__PURE__ */ jsxRuntimeExports.jsx(MenuItem, { onClick: handleRetryLanguages, style: { fontStyle: "italic" }, children: /* @__PURE__ */ jsxRuntimeExports.jsx(Typography$1, { type: "s4", weight: "medium", color: "theme.secondary.500", children: t("header.retry_languages") || "Retry loading languages" }) })
+        ]
+      }
+    ),
+    localLanguageError && /* @__PURE__ */ jsxRuntimeExports.jsx(Typography$1, { 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;
@@ -9709,6 +9807,7 @@ function Header(props) {
     /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: { flex: 1 } }),
     /* @__PURE__ */ jsxRuntimeExports.jsx(GlobalSearch, {}),
     /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "notif-wrap", children: /* @__PURE__ */ jsxRuntimeExports.jsx(NotificationMenu, {}) }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(LanguageSwitch, {}),
     /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "v-divider" }),
     /* @__PURE__ */ jsxRuntimeExports.jsx(UserMenu, {})
   ] });
@@ -9824,4 +9923,4 @@ export {
   List as y,
   Typography as z
 };
-//# sourceMappingURL=appbar-ByiY9Ehc.esm.js.map
+//# sourceMappingURL=appbar-7puZelDZ.esm.js.map