@argusoft/medplat-core 1.0.14 → 1.0.16

package/dist/ManageTranslation-D9IScGhk.js

@@ -0,0 +1,625 @@
+import { jsxs as m, jsx as a } from "react/jsx-runtime";
+import { useRef as Y, useState as o, useEffect as X, useCallback as va, useMemo as E, Suspense as z, createElement as xa, lazy as R } from "react";
+import { api as f } from "@/common/interceptors/AxiosInterceptor";
+import { execute as Aa, executeQuery as j } from "@/common/services/GlobalApis";
+import { showToast as b } from "@/common/toaster/toaster";
+import p from "@mui/material/Grid2";
+import { getAssignedFeatures as Ta } from "@/utils/feature";
+import { Box as Z, Card as Sa, Typography as L, FormControl as P, Select as La, MenuItem as Na, Autocomplete as Ca, TextField as Se, Chip as ka, Button as M, FormGroup as wa, FormControlLabel as Ma, Checkbox as Ia } from "@mui/material";
+import _a from "@/hooks/usePagination";
+import Fa from "@/views/custom-components/CustomConfirmationModal";
+import T from "@/common/services/util/GeneralUtil";
+import { useTranslateProvider as Ea } from "@/common/languageTranslator/TranslationContext";
+import h from "prop-types";
+import { useSelector as O } from "react-redux";
+import { getUseSkeleton as V } from "@/store/reducers/SkeletonReducer";
+import za from "@/views/custom-components/CustomizedTable/CustomizedTableV2";
+import { faPen as ja, faBars as Oa } from "@fortawesome/free-solid-svg-icons";
+import { FontAwesomeIcon as Le } from "@fortawesome/react-fontawesome";
+import './ManageTranslation.css';const ut = (s) => f.post("/translation/languages", s), pt = (s) => f.put("/translation/languages", s), Va = () => f.get("/translation/languages"), mt = (s) => f.post("/translation/apps", s), gt = (s) => f.post("/translation/apps", s), Da = () => f.get("/translation/apps"), ft = (s) => f.post("/translation/labels", s), ht = (s) => f.post("/translation/map", s), yt = (s) => f.post("/translation/mapUpdate", s), Wa = (s, u, g) => {
+  const D = new URLSearchParams({
+    key: s,
+    isActive: u,
+    app: g
+  }).toString();
+  return f.put(`/translation/toggleActive?${D}`, { key: s, isActive: u, app: g });
+}, bt = (s, u) => f.get("/translation/translate", { params: { targetLangs: s, englishText: u } }), Ne = ({ children: s, isLoading: u }) => !O(V) || !u ? s : /* @__PURE__ */ m("div", { className: "flex flex-col mt-6 gap-2 w-full", children: [
+  /* @__PURE__ */ m("div", { className: "flex w-full items-center justify-between space-x-2", children: [
+    /* @__PURE__ */ m("div", { className: "flex space-x-2", children: [
+      /* @__PURE__ */ a("div", { className: "bg-gray-300 animate-pulse rounded-sm w-40 h-10" }),
+      /* @__PURE__ */ a("div", { className: "bg-gray-300 animate-pulse rounded-sm w-40 h-10" }),
+      /* @__PURE__ */ a("div", { className: "bg-gray-300 animate-pulse rounded-sm w-60 h-10" })
+    ] }),
+    /* @__PURE__ */ m("div", { className: "flex space-x-2", children: [
+      /* @__PURE__ */ a("div", { className: "bg-gray-300 rounded-sm animate-pulse w-40 h-10" }),
+      /* @__PURE__ */ a("div", { className: "bg-gray-300 rounded-sm animate-pulse w-20 h-10" }),
+      /* @__PURE__ */ a("div", { className: "bg-gray-300 rounded-sm animate-pulse w-20 h-10" }),
+      /* @__PURE__ */ a("div", { className: "bg-gray-300 rounded-sm animate-pulse w-20 h-10" })
+    ] })
+  ] }),
+  /* @__PURE__ */ a("div", { className: "bg-gray-300 animate-pulse rounded-sm w-full h-100" })
+] });
+Ne.propTypes = {
+  children: h.any,
+  isLoading: h.any
+};
+const Ba = ({ children: s, isLoading: u = !0 }) => !O(V) || !u ? s : /* @__PURE__ */ m("div", { className: "flex flex-col absolute top-10 left-1/2  -translate-x-1/2 w-[95%] sm:w-[600px] md:w-[700px] lg:w-[800px] bg-white shadow-2xl border border-gray-300 rounded-sm h-[60vh]", children: [
+  /* @__PURE__ */ a("div", { className: "h-15 w-full bg-gray-200 rounded mb-6" }),
+  /* @__PURE__ */ a("div", { className: "h-10 w-[90%] bg-gray-200 rounded m-4" }),
+  /* @__PURE__ */ a("div", { className: "h-10 w-[90%] bg-gray-200 rounded m-4" }),
+  /* @__PURE__ */ a("div", { className: "h-10 w-[90%] bg-gray-200 rounded m-4 " }),
+  /* @__PURE__ */ a("div", { className: "h-9 w-1/3 bg-gray-200 rounded mt-auto ml-auto mb-2 mr-3" })
+] });
+Ba.propTypes = {
+  children: h.any,
+  isLoading: h.any
+};
+const Ka = ({ children: s, isLoading: u = !0 }) => !O(V) || !u ? s : /* @__PURE__ */ a("div", { className: "w-full flex justify-end pb-[10px]", children: /* @__PURE__ */ a("div", { className: "bg-gray-300 animate-pulse rounded-sm h-[32px] w-[100px]" }) });
+Ka.propTypes = {
+  children: h.any,
+  isLoading: h.any
+};
+const qa = ({ children: s, isLoading: u = !0 }) => !O(V) || !u ? s : /* @__PURE__ */ a("div", { className: "flex justify-end w-full", children: /* @__PURE__ */ a("div", { className: "bg-gray-300 animate-pulse rounded-sm h-[32px] w-[120px]" }) });
+qa.propTypes = {
+  children: h.any,
+  isLoading: h.any
+};
+h.any, h.any;
+const Ua = R(() => import("./AppModal-BKgIwe1h.js")), $a = R(() => import("./LanguagesModal-CX3oS8rk.js")), Ga = R(() => import("./AddLabelModal-CB8E8cYG.js"));
+function Ha() {
+  const { translate: s } = Ea(), u = Y(null), [g, D] = o([]), I = Y(!1), [Ce, ee] = o([]), [ke, ae] = o(!1), [we, W] = o(null), [Me, B] = o(!1), [te, Ie] = o([]), [se, ne] = o(!1), [le, re] = o(!1), [oe, _e] = o(!0), [y, K] = o(""), [N, Fe] = o([]), [ie, C] = o(!1), [Ee, q] = o(null), [k, ce] = o(""), [v, de] = o(""), [S, ue] = o(!1), [r, ze] = o({}), je = Y(r);
+  X(() => {
+    je.current = r;
+  }, [r]);
+  const [Oe, U] = o(!1), [pe, Ve] = o(""), [De, We] = o(""), [i, Be] = o({}), [Ke, me] = o(!1), [qe, ge] = o(null), [$, G] = o(!1), [Ue, fe] = o(!1), [_, $e] = o(!1), [Ge, H] = o(!1), [he, He] = o([]), [x, ye] = o([]), Qe = async () => {
+    var e;
+    try {
+      const t = await Aa({
+        code: "get_distinct_namespce",
+        parameters: {}
+      });
+      He((e = t == null ? void 0 : t.data) == null ? void 0 : e.result);
+    } catch (t) {
+      console.error(t);
+    }
+  };
+  X(() => {
+    Je(), Qe();
+  }, []);
+  const Je = async () => {
+    try {
+      await Q();
+      const { data: e } = await Ta(
+        "techo.manage.manageTranslation"
+      );
+      ze(JSON.parse(e));
+    } catch (e) {
+      console.error(e), b({ message: "Error in manage Translation", type: "error" });
+    }
+  }, Q = async () => {
+    var e, t;
+    try {
+      let n = await Da();
+      const c = (e = n == null ? void 0 : n.data) == null ? void 0 : e.filter((d) => d.isActive === !0);
+      D(c), n = await Va();
+      const l = (t = n == null ? void 0 : n.data) == null ? void 0 : t.filter((d) => d.active === !0);
+      Fe(l);
+    } catch (n) {
+      console.error(n), b({ message: "Error in manage Translation", type: "error" });
+    }
+  }, Ye = (e) => {
+    var t;
+    K((t = e == null ? void 0 : e.target) == null ? void 0 : t.value);
+  }, be = va((e) => {
+    const t = (e.match(/{/g) || []).length, n = (e.match(/}/g) || []).length;
+    t > n || ce(e);
+  }, []), Xe = (e, t) => {
+    let n;
+    return (...c) => {
+      n && clearTimeout(n), n = setTimeout(() => {
+        e(...c);
+      }, t);
+    };
+  }, Ze = E(
+    () => Xe(be, 300),
+    [be]
+  ), Pe = (e) => {
+    const { value: t } = e.target;
+    Ze(t);
+  }, ve = (e) => {
+    de(e);
+  }, xe = [
+    { field: "Sr. No.", label: "Sr.No", align: "left" },
+    { field: "Actions", label: "Actions" },
+    { field: "app", label: "App", align: "left" },
+    { field: "state", label: "State", align: "left" },
+    { field: "key", label: "Key", align: "left" }
+  ];
+  N == null || N.map(
+    (e) => {
+      var t;
+      return xe.push({
+        field: (t = e == null ? void 0 : e.languageValue) == null ? void 0 : t.toLowerCase(),
+        label: e == null ? void 0 : e.languageValue,
+        align: "left"
+      });
+    }
+  );
+  const Re = (e) => {
+    Ve(
+      (e == null ? void 0 : e.state) === "Active" ? "Mark as Inactive" : "Mark as Active"
+    ), We(
+      (e == null ? void 0 : e.state) === "Active" ? "Are you sure you want to change the state from active to inactive?" : "Are you sure you want to change the state from inactive to active?"
+    ), Be(e);
+  }, ea = () => {
+    U((e) => !e);
+  }, aa = async () => {
+    try {
+      W({ key: i == null ? void 0 : i.key }), fe(!0), C((e) => !e);
+    } catch (e) {
+      console.error(e), b({ message: "Error in opening Add App Modal", type: "error" });
+    }
+  }, ta = async () => {
+    var e, t, n;
+    try {
+      let l = {
+        code: "labels_selected_apps_for_editing",
+        parameters: { key: i == null ? void 0 : i.key.replace(/'/g, "''") }
+      };
+      const d = await j(l);
+      let fa = (e = d == null ? void 0 : d.data) == null ? void 0 : e.result;
+      q((t = d == null ? void 0 : d.data) == null ? void 0 : t.result);
+      let ha = {
+        code: "labels_app_data_for_prepopulating",
+        parameters: {
+          key: i == null ? void 0 : i.key,
+          appValue: i == null ? void 0 : i.app
+        }
+      }, ya = fa.map((A) => A.app), Te = g.filter((A) => ya.indexOf(A.id) === -1);
+      if (Te.length > 0) {
+        const A = await j(ha);
+        W((n = A == null ? void 0 : A.data) == null ? void 0 : n.result), ee(Te), ae(!0), C((ba) => !ba);
+      } else
+        b({
+          message: "Label already present in all apps",
+          type: "info"
+        });
+    } catch (c) {
+      console.error(c), b({ message: "Error in opening Add App Modal", type: "error" });
+    }
+  }, sa = async () => {
+    try {
+      let e = (i == null ? void 0 : i.state) === "Active";
+      await Wa(i == null ? void 0 : i.key, !e, i == null ? void 0 : i.appId), F(), U((t) => !t);
+    } catch (e) {
+      console.error(e), b({ message: "Error in Toggle State", type: "error" });
+    }
+  }, na = async (e) => {
+    var t;
+    try {
+      B(!0), C((d) => !d), me((d) => !d);
+      let n = e == null ? void 0 : e.key.replace(/'/g, "''");
+      ge(n);
+      const l = await j({
+        code: "labels_selected_apps_for_editing",
+        parameters: { key: n }
+      });
+      q((t = l == null ? void 0 : l.data) == null ? void 0 : t.result), B(!1);
+    } catch (n) {
+      console.error(n), b({ message: "Error in Editing label", type: "error" }), B(!1);
+    }
+  }, la = (e) => (e == null ? void 0 : e.state) !== "Inactive", ra = E(() => {
+    const e = [];
+    (!T.isTecho || r != null && r["update.manage.manageTranslation"]) && e.push({
+      label: "",
+      icon: /* @__PURE__ */ a(Le, { icon: ja }),
+      onClick: na,
+      condition: la,
+      dataTestId: "manage-translation-edit-icon"
+    });
+    const t = [];
+    return (!T.isTecho || r != null && r["update.manage.manageTranslation"]) && t.push({ label: s(pe), onClick: ea }), (!T.isTecho || r != null && r["create.manage.manageTranslation"]) && (t.push({ label: s("Add app"), onClick: ta }), t.push({ label: s("Add Namespace"), onClick: aa })), t.length > 0 && e.push({
+      label: "",
+      icon: /* @__PURE__ */ a(Le, { icon: Oa }),
+      menuClick: Re,
+      dataTestId: "manage-translation-menu-icon",
+      menuItems: t
+    }), e;
+  }, [r, pe, s]), oa = () => {
+    ne((e) => !e);
+  }, ia = () => {
+    re((e) => !e);
+  }, ca = () => {
+    C((e) => !e), ee(g);
+  }, J = (e) => e == null ? e : e.replace(/'/g, "''"), da = async (e, t) => {
+    var n;
+    try {
+      t && !_ ? (I.current = !0, G(!0)) : t && _ && H(!0);
+      let c = {
+        code: "fetch_labels_translation_translation_master",
+        parameters: {
+          appId: y || null,
+          searchString: J(k || ""),
+          startsWith: J(v || ""),
+          namespaceArray: x.length > 0 ? x.map((d) => J(d)).join(",") : "",
+          showInactive: S || !1,
+          limit: (e == null ? void 0 : e.limit) || 100,
+          offset: (e == null ? void 0 : e.offset) || 0
+        }
+      };
+      const l = await j(c);
+      return (n = l == null ? void 0 : l.data) == null ? void 0 : n.result;
+    } catch (c) {
+      I.current = !1, console.error(c), H(!1), G(!1), b({ message: "Error in loading data", type: "error" });
+    }
+  }, Ae = E(() => k === "" && v === "" && S === !1 && y === "" && x.length === 0, [k, v, S, y, x]), ua = E(
+    () => [
+      "translation",
+      y,
+      k,
+      v,
+      S,
+      x
+    ],
+    [y, k, v, S, x]
+  ), {
+    data: w,
+    fetchNextPage: pa,
+    hasNextPage: ma,
+    refetch: F
+  } = _a({
+    key: ua,
+    queryFn: ({ pageParam: e }) => {
+      const t = !_, c = (!(e != null && e.offset) || (e == null ? void 0 : e.offset) === 0) && t;
+      return da(e, c);
+    },
+    limit: 100
+  });
+  X(() => {
+    var e;
+    if (w) {
+      let t = ((e = w == null ? void 0 : w.pages) == null ? void 0 : e.flat()) || [];
+      const n = Object.values(
+        t == null ? void 0 : t.reduce((c, l) => {
+          const d = (l == null ? void 0 : l.key) + "-" + (l == null ? void 0 : l.app);
+          return c[d] || (c[d] = {
+            appId: l == null ? void 0 : l.appid,
+            key: l == null ? void 0 : l.key,
+            app: l == null ? void 0 : l.app,
+            state: l != null && l.is_active ? "Active" : "Inactive"
+          }), c[d][l == null ? void 0 : l.language.toLowerCase()] = l == null ? void 0 : l.value, l != null && l.is_active && (c[d].state = "Active"), c;
+        }, {})
+      );
+      _e(ma), Ie(n), I.current && (_ ? H(!1) : (G(!1), $e(!0)), I.current = !1);
+    }
+  }, [w]);
+  const ga = () => {
+    ce(""), de(""), ue(!1), K(""), ye([]), u.current.value = "";
+  };
+  return T.isTecho && !$ && !(r != null && r["view.manage.manageTranslation"]) ? /* @__PURE__ */ a(Z, { className: "flex justify-center items-center w-full h-[80vh]", children: /* @__PURE__ */ a(
+    Sa,
+    {
+      className: "h-80 w-150 flex justify-center items-center",
+      children: /* @__PURE__ */ a(L, { variant: "h5", className: "text-customBlue", children: "You dont have permission to view Manage Translation" })
+    }
+  ) }) : /* @__PURE__ */ m(p, { container: !0, mt: 3, spacing: 2, children: [
+    /* @__PURE__ */ a(z, { children: se && /* @__PURE__ */ a(
+      Ua,
+      {
+        open: se,
+        handleClose: () => ne((e) => !e),
+        languages: N,
+        refresh: Q,
+        refetch: F,
+        selectedApp: y,
+        setSelectedApp: K
+      }
+    ) }),
+    /* @__PURE__ */ a(z, { children: le && /* @__PURE__ */ a(
+      $a,
+      {
+        open: le,
+        handleClose: () => {
+          re((e) => !e);
+        },
+        refresh: Q,
+        refetch: F
+      }
+    ) }),
+    /* @__PURE__ */ a(z, { children: ie && /* @__PURE__ */ a(
+      Ga,
+      {
+        open: ie,
+        handleClose: () => {
+          C((e) => !e), ae(!1), fe(!1), q(null), W(null), me(!1), ge(null);
+        },
+        apps: Ce,
+        addAppFlag: ke,
+        addNameSpaceFlag: Ue,
+        languageList: N,
+        editLabel: Ee,
+        fieldsData: we,
+        editLabelFlag: Ke,
+        labelKey: qe,
+        refetch: F,
+        isLoading: Me
+      }
+    ) }),
+    /* @__PURE__ */ a(z, {}),
+    /* @__PURE__ */ a(
+      Fa,
+      {
+        description: De,
+        title: "CONFIRM ACTION",
+        handleClick: sa,
+        open: Oe,
+        handleClose: () => {
+          U((e) => !e);
+        },
+        "data-testid": "manageTranslation-modal-customconfirmation"
+      }
+    ),
+    /* @__PURE__ */ a(p, { container: !0, spacing: 1, className: "grow", children: /* @__PURE__ */ m(Ne, { isLoading: $, children: [
+      /* @__PURE__ */ a(p, { size: { xs: 6, sm: 6, md: 3 }, children: /* @__PURE__ */ m(P, { variant: "outlined", fullWidth: !0, children: [
+        /* @__PURE__ */ a(L, { className: "pl-2", children: /* @__PURE__ */ a("span", { children: s("App") }) }),
+        /* @__PURE__ */ a(
+          La,
+          {
+            value: y,
+            onChange: Ye,
+            size: "small",
+            displayEmpty: !0,
+            sx: {
+              bgcolor: "background.paper",
+              color: y ? "text.primary" : "text.disabled"
+              // gray when empty
+            },
+            renderValue: (e) => {
+              var t;
+              return e ? (t = g.find((n) => n.id === e)) == null ? void 0 : t.appValue : "Select App";
+            },
+            children: g == null ? void 0 : g.map((e) => /* @__PURE__ */ a(Na, { value: e == null ? void 0 : e.id, children: e == null ? void 0 : e.appValue }, e == null ? void 0 : e.id))
+          }
+        )
+      ] }) }),
+      /* @__PURE__ */ a(p, { size: { xs: 6, sm: 6, md: 3 }, children: /* @__PURE__ */ m(P, { variant: "outlined", fullWidth: !0, children: [
+        /* @__PURE__ */ a(L, { className: "", children: /* @__PURE__ */ a("span", { children: s("Name Spaces") }) }),
+        /* @__PURE__ */ a(
+          Ca,
+          {
+            multiple: !0,
+            options: he ?? [],
+            getOptionLabel: (e) => (e == null ? void 0 : e.label) ?? "",
+            value: he.filter(
+              (e) => x.includes(e.value)
+            ),
+            onChange: (e, t) => {
+              ye(t.map((n) => n.value));
+            },
+            filterSelectedOptions: !0,
+            disableCloseOnSelect: !0,
+            size: "small",
+            renderTags: (e, t) => e.map((n, c) => /* @__PURE__ */ xa(
+              ka,
+              {
+                variant: "outlined",
+                size: "small",
+                label: n.label,
+                ...t({ index: c }),
+                key: n.label,
+                sx: {
+                  bgcolor: "action.hover"
+                }
+              }
+            )),
+            renderInput: (e) => /* @__PURE__ */ a(
+              Se,
+              {
+                ...e,
+                placeholder: "Select Name Space",
+                sx: { bgcolor: "background.paper" },
+                "data-testid": "autocomplete-namespace"
+              }
+            )
+          }
+        )
+      ] }) }),
+      /* @__PURE__ */ a(p, { size: { xs: 6, sm: 6, md: 3 }, children: /* @__PURE__ */ m(P, { variant: "outlined", fullWidth: !0, children: [
+        /* @__PURE__ */ a(L, { sx: { pl: 1 }, children: /* @__PURE__ */ m("span", { children: [
+          s("Search For"),
+          ":"
+        ] }) }),
+        /* @__PURE__ */ a(
+          Se,
+          {
+            inputRef: u,
+            name: "searchQuery",
+            id: "searchQuery",
+            placeholder: "Enter Search Value",
+            size: "small",
+            onChange: Pe,
+            sx: { bgcolor: "background.paper" },
+            "data-testid": "managetranslation-search-textfield"
+          }
+        )
+      ] }) }),
+      /* @__PURE__ */ a(
+        p,
+        {
+          size: { xs: 12, sm: 12, md: 2 },
+          sx: {
+            display: "flex",
+            mt: 3,
+            justifyContent: "end",
+            alignItems: "center"
+          },
+          children: /* @__PURE__ */ a(Z, { children: /* @__PURE__ */ a(
+            M,
+            {
+              variant: "contained",
+              disabled: Ae,
+              sx: {
+                lineHeight: "35px",
+                ml: 1,
+                mt: 1,
+                display: "inline-block",
+                ...Ae ? {} : {
+                  bgcolor: "error.main",
+                  color: "error.contrastText",
+                  "&:hover": { bgcolor: "error.dark" }
+                }
+              },
+              onClick: ga,
+              children: "Clear All Filters"
+            }
+          ) })
+        }
+      ),
+      /* @__PURE__ */ a(
+        p,
+        {
+          size: { xs: 12, sm: 12, md: 6.5 },
+          sx: {
+            pl: 1,
+            display: "flex",
+            justifyContent: "start",
+            alignItems: "center"
+          },
+          children: /* @__PURE__ */ m(Z, { className: "overflow-x-auto whitespace-nowrap", children: [
+            /* @__PURE__ */ a(L, { className: "pb-[7px]", children: /* @__PURE__ */ m("span", { children: [
+              s("Starts With"),
+              ":"
+            ] }) }),
+            Array.from({ length: 26 }, (e, t) => {
+              const n = String.fromCharCode(65 + t);
+              return /* @__PURE__ */ a(
+                L,
+                {
+                  component: "span",
+                  className: `${v === n ? "selected-letter" : "letter-style"} inline-block cursor-pointer`,
+                  onClick: () => ve(n),
+                  children: n
+                },
+                n
+              );
+            }),
+            /* @__PURE__ */ a(
+              M,
+              {
+                variant: "contained",
+                color: "secondary",
+                disabled: v.length === 0,
+                className: "x-button ml-2 inline-block",
+                onClick: () => ve(""),
+                children: "×"
+              }
+            )
+          ] })
+        }
+      ),
+      /* @__PURE__ */ a(
+        p,
+        {
+          size: { xs: 12, sm: 12, md: 5.5 },
+          display: "flex",
+          alignItems: "center",
+          children: /* @__PURE__ */ m(
+            p,
+            {
+              container: !0,
+              justifyContent: "flex-end",
+              alignItems: "center",
+              spacing: 1,
+              children: [
+                /* @__PURE__ */ a(p, { item: "true", children: /* @__PURE__ */ a(wa, { children: /* @__PURE__ */ a(
+                  Ma,
+                  {
+                    control: /* @__PURE__ */ a(
+                      Ia,
+                      {
+                        checked: S,
+                        onChange: (e) => ue(e.target.checked)
+                      }
+                    ),
+                    label: `${s("Show Inactive")}`,
+                    labelPlacement: "end",
+                    className: "translation-inactive"
+                  }
+                ) }) }),
+                /* @__PURE__ */ a(p, { item: "true", children: (T.isTecho ? r == null ? void 0 : r["create.manage.manageTranslation"] : r == null ? void 0 : r.canManage) && /* @__PURE__ */ a(
+                  M,
+                  {
+                    size: "small",
+                    variant: "contained",
+                    "data-testid": "manageTranslation-manage-apps-button",
+                    color: "primary",
+                    onClick: oa,
+                    children: s("Manage Apps")
+                  }
+                ) }),
+                /* @__PURE__ */ a(p, { item: "true", children: (T.isTecho ? r == null ? void 0 : r["create.manage.manageTranslation"] : r == null ? void 0 : r.canManage) && /* @__PURE__ */ a(
+                  M,
+                  {
+                    size: "small",
+                    variant: "contained",
+                    "data-testid": "managetranslation-manage-language-button",
+                    onClick: ia,
+                    children: s("Manage Language")
+                  }
+                ) }),
+                /* @__PURE__ */ a(p, { item: "true", children: (!T.isTecho || (r == null ? void 0 : r["create.manage.manageTranslation"])) && /* @__PURE__ */ a(
+                  M,
+                  {
+                    size: "small",
+                    variant: "contained",
+                    "data-testid": "manageTranalation-add-label-button",
+                    onClick: ca,
+                    children: s("Add Label")
+                  }
+                ) })
+              ]
+            }
+          )
+        }
+      ),
+      /* @__PURE__ */ a(p, { className: "mt-2", size: { xs: 12 }, children: /* @__PURE__ */ a(
+        za,
+        {
+          columns: xe,
+          tableData: te,
+          actions: ra,
+          paginationConfig: {
+            pagination: !0,
+            paginationType: "infinite-scroll",
+            loadMore: () => oe && pa({ cancelRefetch: !1 }),
+            hasMore: oe
+          },
+          dataTestId: "manageTranslation-table",
+          isLoading: te ? $ || Ge : !1,
+          styleConfig: { tableStyle: { maxHeight: 120 } }
+        }
+      ) })
+    ] }) })
+  ] });
+}
+const vt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: Ha
+}, Symbol.toStringTag, { value: "Module" }));
+export {
+  Ka as A,
+  qa as L,
+  vt as M,
+  Va as a,
+  pt as b,
+  mt as c,
+  ut as d,
+  Ba as e,
+  ft as f,
+  Da as g,
+  ht as h,
+  yt as i,
+  bt as t,
+  gt as u
+};
+//# sourceMappingURL=ManageTranslation-D9IScGhk.js.map