@argusoft/medplat-core 1.0.28 → 1.0.30

package/dist/AddLabelModal-Bq-wRqv9.js

@@ -0,0 +1,631 @@
+import { jsxs as A, jsx as r, Fragment as Re } from "react/jsx-runtime";
+import { useRef as re, useState as q, useCallback as Be, useMemo as oe, useEffect as ae } from "react";
+import g from "prop-types";
+import { useForm as We } from "react-hook-form";
+import { yupResolver as Ke } from "@hookform/resolvers/yup";
+import * as f from "yup";
+import { Dialog as Le, DialogTitle as Qe, Box as v, Typography as ie, IconButton as Ge, DialogContent as He, DialogActions as Ue, Button as ce } from "@mui/material";
+import L from "@/views/custom-components/CustomTextField";
+import { showToast as k } from "@/common/toaster/toaster";
+import { t as Xe, e as Je, M as I, f as U, h as Ye, i as Ze } from "./ManageTranslation-vRiptUAP.js";
+import { executeQuery as ue, execute as Q } from "@/common/services/GlobalApis";
+import De from "@/views/custom-components/CustomAutoComplete";
+import Fe from "@/hooks/useTrackEvent";
+import { useTranslateProvider as et } from "@/common/languageTranslator/TranslationContext";
+import tt from "@/views/custom-components/SegmentedTabs";
+import st from "@/common/fontAwesomeIcons/FontAwesomeIcons";
+import lt from "@/views/custom-components/CustomDropdown";
+const de = "add-label-tabpanel", nt = ({
+  open: pe,
+  handleClose: me,
+  apps: he,
+  languageList: E = [],
+  addAppFlag: C = !1,
+  fieldsData: u,
+  refetch: M,
+  addNameSpaceFlag: T = !1,
+  editLabelFlag: _ = !1,
+  labelKey: X = null,
+  isLoading: be = !1
+}) => {
+  var se, le;
+  const O = (se = E == null ? void 0 : E.find(
+    (e) => e.languageValue === "English"
+  )) == null ? void 0 : se.id, J = re(null), N = re(!1), G = Fe(), [j, Y] = q([]), [y, Z] = q([]), [fe, ye] = q([]), [P, ge] = q([]), [R, D] = q(null), [ve, xe] = q([]), { translate: p } = et(), ke = (e, t) => {
+    D(t);
+  };
+  let z;
+  if (C) {
+    const e = u == null ? void 0 : u.reduce((t, s) => (t[`${s.languagevalue}`] = f.string().required(
+      `Enter value for ${s.languagevalue}`
+    ), t), {});
+    z = f.object().shape({
+      apps: f.array().min(1, "Select at least one App").required("Select App"),
+      ...e
+      // Spread the dynamically created validations
+    });
+  } else if (T)
+    z = f.object().shape({
+      namespace: f.array().min(1, "Select at least one Namespace").required("Select Namespace")
+    });
+  else if (_) {
+    let e = P.reduce((t, s) => ((s == null ? void 0 : s.languagevalue) !== "English" && (s == null ? void 0 : s.appvalue) === R && (t[`${s.app}_${s.languagevalue}`] = f.string().required(`Enter value for ${s.languagevalue}`).test(
+      "placeholders-match",
+      "Placeholders do not match the original English text.",
+      function(l) {
+        const { path: n, createError: o, parent: h } = this, i = (h == null ? void 0 : h[`${s.app}_English`]) || "", a = W(i), d = W(l);
+        return Object.keys(a).length === Object.keys(d).length && Object.keys(a).every(
+          (x) => d[x] === a[x]
+        ) || o({
+          path: n,
+          message: "Placeholders do not match the original English text."
+        });
+      }
+    )), t), {});
+    z = f.object().shape({
+      ...e
+    });
+  } else {
+    const e = E.reduce((t, s) => ((s == null ? void 0 : s.language_value) !== "English" && (t[s.language_value] = f.string().required(`Enter value for ${s.language_value}`).test(
+      "placeholders-match",
+      "Placeholders do not match the original English text.",
+      function(l) {
+        const { path: n, createError: o, parent: h } = this, i = (h == null ? void 0 : h.englishValue) || "", a = W(i), d = W(l);
+        return Object.keys(a).length === Object.keys(d).length && Object.keys(a).every(
+          (x) => d[x] === a[x]
+        ) || o({
+          path: n,
+          message: "Placeholders do not match the original English text."
+        });
+      }
+    )), t), {});
+    z = f.object().shape({
+      apps: f.array().min(1, "Select at least one App").required("Select App"),
+      namespace: f.array().min(1, "Select at least one Namespace").required("Select Namespace"),
+      englishValue: f.string().required("Enter Value for English"),
+      ...e
+      // Spread the dynamically created validations
+    });
+  }
+  const F = Be(async (e) => {
+    try {
+      await Ne(e);
+    } catch (t) {
+      console.error(t);
+    }
+  }, []), _e = (e, t) => {
+    let s;
+    return (...l) => {
+      s && clearTimeout(s), s = setTimeout(() => {
+        e(...l);
+      }, t);
+    };
+  }, Ee = oe(
+    () => _e(F, 300),
+    [F]
+  ), {
+    control: w,
+    handleSubmit: Ce,
+    reset: Ae,
+    setValue: B,
+    getValues: ee,
+    formState: { errors: $, isSubmitting: Se }
+  } = We({
+    defaultValues: {},
+    resolver: Ke(z),
+    mode: "onChange"
+  }), W = (e) => {
+    if (!e) return {};
+    const t = [...e.matchAll(/{(.*?)}/g)], s = {};
+    return t.forEach((l) => {
+      const n = l[1];
+      s[n] = (s[n] || 0) + 1;
+    }), s;
+  };
+  ae(() => {
+    if ($e(), u && C) {
+      let e = [];
+      u == null || u.forEach((t) => {
+        B(t == null ? void 0 : t.languagevalue, t == null ? void 0 : t.value), e.push({ id: t == null ? void 0 : t.language, value: t == null ? void 0 : t.value });
+      }), Z(e), Ve();
+    }
+    u && T && we(u.key);
+  }, [u]), ae(() => {
+    _ && Te();
+  }, [_]);
+  const Te = async () => {
+    var e, t, s, l;
+    try {
+      const o = await ue({
+        code: "labels_selected_apps_for_editing",
+        parameters: { key: X }
+      });
+      ge((e = o == null ? void 0 : o.data) == null ? void 0 : e.result);
+      let h = (s = (t = o == null ? void 0 : o.data) == null ? void 0 : t.result) == null ? void 0 : s.map((i) => i.appvalue).filter((i, a, d) => a === d.findIndex((b) => b === i));
+      (l = o == null ? void 0 : o.data) == null || l.result.forEach((i) => {
+        const a = `${i.app}_${i.languagevalue}`;
+        B(a, i.value || "");
+      }), Y(h), D(h[0]);
+    } catch (n) {
+      console.error(n), k({
+        message: "Could not open this label for editing. Please try again.",
+        type: "error"
+      });
+    }
+  }, H = (e, t, s = null) => {
+    let l = [...y], n = !1;
+    l == null || l.forEach((o) => {
+      (o == null ? void 0 : o.id) === e && (o.value = t, n = !0);
+    }), n || (s ? l.push({ id: e, value: t, labelid: s }) : l.push({ id: e, value: t })), Z(l);
+  }, we = async (e) => {
+    var t, s;
+    try {
+      const l = await Q({
+        code: "get_namespaces_from_key",
+        parameters: { key: e }
+      });
+      let n = (s = (t = l == null ? void 0 : l.data) == null ? void 0 : t.result) == null ? void 0 : s.map((o) => o.value);
+      B("namespace", n || []);
+    } catch (l) {
+      console.error(l);
+    }
+  }, $e = async () => {
+    var e;
+    try {
+      const t = await Q({
+        code: "get_distinct_namespce",
+        parameters: {}
+      });
+      xe((e = t == null ? void 0 : t.data) == null ? void 0 : e.result);
+    } catch (t) {
+      console.error(t);
+    }
+  }, Ve = async () => {
+    var e, t, s;
+    try {
+      let n = {
+        code: "labels_selected_apps_for_editing",
+        parameters: { key: (e = u[0]) == null ? void 0 : e.key.replace(/'/g, "''") }
+      };
+      const o = await ue(n);
+      let h = (s = (t = o == null ? void 0 : o.data) == null ? void 0 : t.result) == null ? void 0 : s.map((i) => i.appvalue).filter((i, a, d) => a === d.findIndex((b) => b === i)).join(", ");
+      Y(h);
+    } catch (l) {
+      console.error(l), k({
+        message: "Could not load the apps for this label. Please try again.",
+        type: "error"
+      });
+    }
+  }, qe = (e, t) => {
+    ye(t), B("apps", t);
+  }, Ie = (e) => (e == null ? void 0 : e.appValue) || "", S = () => {
+    G("conversion_event", {
+      form: J.current,
+      form_name: "Add Label Configuration",
+      submit: N.current
+    }), me();
+  }, Ne = async (e) => {
+    var t;
+    try {
+      let s;
+      if ((e == null ? void 0 : e.id) === O) {
+        let l;
+        C ? (s = y.filter((n) => n.id !== O).map((n) => n.id).join(","), y == null || y.forEach((n) => {
+          (n == null ? void 0 : n.id) === O && (l = n == null ? void 0 : n.value);
+        })) : (s = E.filter((n) => n.languageKey !== "en").map((n) => n.id).join(","), l = (t = ee()) == null ? void 0 : t.englishValue), l ? await Xe(s, l) : k({ message: "Enter english text", type: "info" });
+      }
+    } catch (s) {
+      console.error(s), k({
+        message: "Could not translate this text. Please try again.",
+        type: "error"
+      });
+    }
+  }, je = async (e) => {
+    var t, s, l, n, o, h;
+    try {
+      G("button_click", {
+        button_name: "add-label-add-button",
+        button_type: "submit",
+        button_id: "add-label-submit-button"
+      });
+      let i = [];
+      if (C)
+        (t = e == null ? void 0 : e.apps) == null || t.forEach((a) => {
+          y == null || y.forEach((d) => {
+            i.push({
+              language: d == null ? void 0 : d.id,
+              value: d == null ? void 0 : d.value,
+              app: a == null ? void 0 : a.id,
+              isActive: !0,
+              key: u[0].key
+            });
+          });
+        }), await U(i), N.current = !0, M(), k({ message: "App added successfully", type: "success" }), S();
+      else if (T) {
+        let a = (e == null ? void 0 : e.namespace) || [];
+        await Ye({
+          key: u.key,
+          namespace: a
+        }), N.current = !0, M(), k({
+          message: "Namespaces updated successfully",
+          type: "success"
+        }), S();
+      } else if (_) {
+        const a = ee(), d = Object.entries(a).reduce(
+          (b, [x, c]) => {
+            const [m, V] = x.split("_");
+            if (c === "") return b;
+            const K = P.find(
+              (ne) => ne.app === parseInt(m) && ne.languagevalue === V
+            );
+            return K && K.value !== c && b.push({
+              id: K.id || null,
+              language: K.language || V,
+              value: c,
+              app: parseInt(m),
+              isActive: !0,
+              key: X
+            }), b;
+          },
+          []
+        );
+        await U(d), N.current = !0, M(), k({ message: "Label updated successfully", type: "success" }), S();
+      } else {
+        const a = e.englishValue.replace(/ /g, "");
+        (s = e == null ? void 0 : e.apps) == null || s.forEach((c) => {
+          i.push({
+            language: O,
+            value: e == null ? void 0 : e.englishValue,
+            app: c == null ? void 0 : c.id,
+            isActive: !0,
+            key: a
+          }), y == null || y.forEach((m) => {
+            i.push({
+              language: m == null ? void 0 : m.id,
+              value: m == null ? void 0 : m.value,
+              app: c == null ? void 0 : c.id,
+              isActive: !0,
+              key: a
+            });
+          });
+        });
+        let d = (e == null ? void 0 : e.namespace) || [], b = [];
+        for (const c of d)
+          try {
+            const m = await Q({
+              code: "check_key_namespace_exist",
+              parameters: {
+                key: a,
+                namespace: c
+              }
+            });
+            ((n = (l = m == null ? void 0 : m.data) == null ? void 0 : l.result) == null ? void 0 : n.length) === 0 && b.push(c);
+          } catch (m) {
+            console.error("Error while checking namespace:", c, m);
+          }
+        await Ze({
+          key: a,
+          namespace: b
+        });
+        let x = !1;
+        for (const c of i) {
+          let m = {
+            code: "translation_label_app_language_key_check",
+            parameters: {
+              key: c == null ? void 0 : c.key,
+              language: c == null ? void 0 : c.language,
+              app: c == null ? void 0 : c.app
+            }
+          };
+          const V = await Q(m);
+          if (((h = (o = V == null ? void 0 : V.data) == null ? void 0 : o.result) == null ? void 0 : h.length) > 0) {
+            k({
+              message: "This label already exists with the same app, language and key.",
+              type: "error"
+            }), x = !0;
+            break;
+          }
+        }
+        !x && i.length > 0 && (await U(i), N.current = !0, M(), k({
+          message: "Label added successfully",
+          type: "success"
+        }), S());
+      }
+    } catch (i) {
+      console.error(i), k({
+        message: "Could not save this label. Please try again.",
+        type: "error"
+      });
+    }
+  }, Pe = !C && !T && !_, te = oe(
+    () => (Array.isArray(j) ? j : []).map((e, t) => ({
+      value: e,
+      label: e,
+      id: `add-label-tab-${t}`,
+      dataTestId: `add-label-tab-${e}`
+    })),
+    [j]
+  ), ze = () => T ? {
+    title: p("Add NameSpace"),
+    subtitle: `${p("Choose which namespaces load this label.")} ${u != null && u.key ? `(${u.key})` : ""}`
+  } : C ? {
+    title: p("Add App"),
+    subtitle: j ? `${p("This label already exists in")} ${j}. ${p("Pick the apps that should also use it.")}` : p("Pick the apps that should also use this label.")
+  } : _ ? {
+    title: p("Edit Label"),
+    subtitle: p(
+      "Update this label's translations. Each tab is one app that uses it."
+    )
+  } : {
+    title: p("Add Label"),
+    subtitle: p(
+      "Enter the English text, then its translation in each active language. The label is created for every app and namespace you pick."
+    )
+  }, { title: Me, subtitle: Oe } = ze();
+  return /* @__PURE__ */ A(
+    Le,
+    {
+      "data-testid": "add-label-modal",
+      open: pe,
+      onClose: () => {
+        S(), Ae();
+      },
+      fullWidth: !0,
+      maxWidth: "md",
+      className: "translation-modal",
+      children: [
+        /* @__PURE__ */ A(
+          Qe,
+          {
+            sx: {
+              display: "flex",
+              alignItems: "flex-start",
+              justifyContent: "space-between",
+              gap: 2,
+              pt: 2,
+              pb: 3,
+              borderBottom: "1px solid",
+              borderColor: "divider"
+            },
+            "data-testid": "add-label-header",
+            children: [
+              /* @__PURE__ */ A(v, { children: [
+                /* @__PURE__ */ r(
+                  ie,
+                  {
+                    variant: "subtitle1",
+                    component: "span",
+                    sx: { fontWeight: 700, display: "block" },
+                    children: Me
+                  }
+                ),
+                /* @__PURE__ */ r(ie, { variant: "body2", color: "text.secondary", children: Oe })
+              ] }),
+              /* @__PURE__ */ r(
+                Ge,
+                {
+                  size: "small",
+                  onClick: () => {
+                    S();
+                  },
+                  "aria-label": p("Close"),
+                  "data-testid": "add-label-close-button",
+                  children: /* @__PURE__ */ r(st, { iconName: "faXmark" })
+                }
+              )
+            ]
+          }
+        ),
+        /* @__PURE__ */ A(
+          v,
+          {
+            component: "form",
+            onSubmit: Ce(je),
+            ref: J,
+            sx: {
+              display: "flex",
+              flexDirection: "column",
+              minHeight: 0,
+              overflow: "hidden"
+            },
+            children: [
+              /* @__PURE__ */ r(
+                He,
+                {
+                  sx: { "&.MuiDialogContent-root": { pt: 3 } },
+                  children: /* @__PURE__ */ r(Je, { isLoading: be, children: /* @__PURE__ */ A(v, { sx: { display: "flex", flexDirection: "column", gap: 2 }, children: [
+                    !T && !_ && /* @__PURE__ */ r(v, { "data-testid": "add-label-app-field", children: /* @__PURE__ */ r(I, { label: p("App"), required: !0, children: /* @__PURE__ */ r(
+                      De,
+                      {
+                        control: w,
+                        name: "apps",
+                        size: "small",
+                        options: he || [],
+                        errors: $,
+                        value: fe,
+                        onChange: qe,
+                        getOptionLabel: Ie
+                      }
+                    ) }) }),
+                    !C && !_ && /* @__PURE__ */ r(v, { "data-testid": "add-label-namespace-field", children: /* @__PURE__ */ r(
+                      I,
+                      {
+                        label: p("Namespace"),
+                        required: !0,
+                        hint: p("Add to General if no specific namespace"),
+                        children: /* @__PURE__ */ r(
+                          lt,
+                          {
+                            control: w,
+                            name: "namespace",
+                            options: ve || [],
+                            errors: $,
+                            displayName: "label",
+                            optionValue: "value",
+                            multiple: !0
+                          }
+                        )
+                      }
+                    ) }),
+                    Pe && /* @__PURE__ */ A(Re, { children: [
+                      /* @__PURE__ */ r(v, { "data-testid": "add-label-field", children: /* @__PURE__ */ r(I, { label: p("English"), required: !0, children: /* @__PURE__ */ r(
+                        L,
+                        {
+                          control: w,
+                          id: "englishValue",
+                          name: "englishValue",
+                          errors: $,
+                          label: "",
+                          size: "small",
+                          className: "w-full",
+                          "data-testid": "add-label-language-english"
+                        }
+                      ) }) }),
+                      E == null ? void 0 : E.map((e, t) => (e == null ? void 0 : e.language_value) === "English" ? null : /* @__PURE__ */ r(v, { "data-testid": "add-label-base-date-field", children: /* @__PURE__ */ r(I, { label: e == null ? void 0 : e.language_value, required: !0, children: /* @__PURE__ */ r(
+                        L,
+                        {
+                          control: w,
+                          id: e == null ? void 0 : e.language_value,
+                          name: e == null ? void 0 : e.language_value,
+                          errors: $,
+                          onChange: (s) => {
+                            var l;
+                            H(e == null ? void 0 : e.id, (l = s == null ? void 0 : s.target) == null ? void 0 : l.value);
+                          },
+                          label: "",
+                          size: "small",
+                          className: "w-full",
+                          "data-testid": "add-label-language"
+                        }
+                      ) }) }, t + 1))
+                    ] }),
+                    C && (u == null ? void 0 : u.map((e, t) => /* @__PURE__ */ r(v, { "data-testid": "add-label-base-date-field", children: /* @__PURE__ */ r(I, { label: e == null ? void 0 : e.languagevalue, required: !0, children: /* @__PURE__ */ r(
+                      L,
+                      {
+                        control: w,
+                        id: e == null ? void 0 : e.languagevalue,
+                        name: e == null ? void 0 : e.languagevalue,
+                        errors: $,
+                        onChange: (s) => {
+                          var l;
+                          H(e == null ? void 0 : e.language, (l = s == null ? void 0 : s.target) == null ? void 0 : l.value), Ee({ id: e == null ? void 0 : e.language });
+                        },
+                        label: "",
+                        size: "small",
+                        className: "w-full",
+                        "data-testid": "add-label-language"
+                      }
+                    ) }) }, t + 1))),
+                    _ && /* @__PURE__ */ A(
+                      v,
+                      {
+                        sx: { display: "flex", flexDirection: "column", gap: 2 },
+                        children: [
+                          /* @__PURE__ */ r(
+                            tt,
+                            {
+                              tabs: te,
+                              value: R,
+                              onChange: ke,
+                              ariaLabel: p("Apps using this label"),
+                              panelId: de,
+                              dataTestId: "add-label-app-tabs"
+                            }
+                          ),
+                          /* @__PURE__ */ r(
+                            v,
+                            {
+                              role: "tabpanel",
+                              id: de,
+                              "aria-labelledby": (le = te.find((e) => e.value === R)) == null ? void 0 : le.id,
+                              sx: { display: "flex", flexDirection: "column", gap: 2 },
+                              children: P == null ? void 0 : P.filter((e) => (e == null ? void 0 : e.appvalue) === R).map((e, t) => /* @__PURE__ */ r(v, { "data-testid": "label-edit-field", children: /* @__PURE__ */ r(I, { label: e == null ? void 0 : e.languagevalue, children: /* @__PURE__ */ r(
+                                L,
+                                {
+                                  control: w,
+                                  id: `${e == null ? void 0 : e.app}-${e.languagevalue}`,
+                                  name: `${e == null ? void 0 : e.app}_${e.languagevalue}`,
+                                  errors: $,
+                                  onChange: (s) => {
+                                    var l;
+                                    return H(
+                                      e == null ? void 0 : e.language,
+                                      (l = s == null ? void 0 : s.target) == null ? void 0 : l.value,
+                                      e == null ? void 0 : e.id
+                                    );
+                                  },
+                                  label: "",
+                                  size: "small",
+                                  className: "w-full",
+                                  "data-testid": "label-edit-input"
+                                }
+                              ) }) }, t + 1))
+                            }
+                          )
+                        ]
+                      }
+                    )
+                  ] }) })
+                }
+              ),
+              /* @__PURE__ */ A(
+                Ue,
+                {
+                  sx: { px: 3, py: 2, borderTop: "1px solid", borderColor: "divider" },
+                  children: [
+                    /* @__PURE__ */ r(
+                      ce,
+                      {
+                        size: "small",
+                        variant: "outlined",
+                        color: "inherit",
+                        "data-testid": "add-label-back-button",
+                        onClick: () => {
+                          S(), G("button_click", {
+                            button_name: "add-label-back-button",
+                            button_type: "cancel",
+                            button_id: "add-label-back-button"
+                          });
+                        },
+                        children: p("Cancel")
+                      }
+                    ),
+                    /* @__PURE__ */ r(
+                      ce,
+                      {
+                        type: "submit",
+                        size: "small",
+                        variant: "contained",
+                        "data-testid": "add-label-save-button",
+                        color: "primary",
+                        disabled: Se,
+                        children: p("Save")
+                      }
+                    )
+                  ]
+                }
+              )
+            ]
+          }
+        )
+      ]
+    }
+  );
+};
+nt.propTypes = {
+  open: g.any,
+  handleClose: g.any,
+  languageList: g.any,
+  apps: g.any,
+  addAppFlag: g.any,
+  fieldsData: g.any,
+  refetch: g.any,
+  addNameSpaceFlag: g.any,
+  editLabelFlag: g.any,
+  labelKey: g.any,
+  isLoading: g.any
+};
+export {
+  nt as default
+};
+//# sourceMappingURL=AddLabelModal-Bq-wRqv9.js.map