@argusoft/medplat-core 1.0.28 → 1.0.30

package/dist/ManageNotification-C5MhV77Q.js

@@ -0,0 +1,934 @@
+import { jsx as a, jsxs as o, Fragment as H } from "react/jsx-runtime";
+import { yupResolver as Ne } from "@hookform/resolvers/yup";
+import { Drawer as xe, Typography as c, Popover as ve, FormControl as Te, RadioGroup as Be, FormControlLabel as R, Radio as I, Button as L, TableContainer as Ce, Table as Re, TableHead as Ie, TableRow as J, TableCell as y, TableBody as we } from "@mui/material";
+import { Grid as l, Stack as Ae } from "@mui/system";
+import T from "prop-types";
+import { useForm as Le } from "react-hook-form";
+import * as u from "yup";
+import N from "@/views/custom-components/CustomDropdown";
+import g from "@/views/custom-components/CustomTextField";
+import { useRef as X, useState as F, useEffect as O } from "react";
+import { showToast as q } from "@/common/toaster/toaster";
+import Y from "@/views/custom-components/CustomTextArea";
+import K from "@/views/custom-components/CustomCheckBox";
+import { S as Fe } from "./Google-DQxMfbaL.js";
+import { M as Oe, u as qe, c as Ue } from "./NotificationList-DEyRZEuM.js";
+import Ee from "@/hooks/useTrackEvent";
+import Z from "@/views/custom-components/CustomAutoComplete";
+import { useTranslateProvider as _e } from "@/common/languageTranslator/TranslationContext";
+import { FontAwesomeIcon as Me } from "@fortawesome/react-fontawesome";
+import { faTrash as Se } from "@fortawesome/free-solid-svg-icons";
+import { executeQuery as ke } from "@/common/services/GlobalApis";
+function De({
+  open: w,
+  data: f,
+  handleClose: U,
+  roleData: x,
+  setNotifications: ee
+}) {
+  var z, Q, G;
+  const B = X(null), E = X(!1), [_, M] = F(null), te = !!_, ae = w ? "color-picker-popover" : void 0, [oe, v] = F(!1), [S, ie] = F([]), ne = async () => {
+    var e;
+    try {
+      v(!0);
+      const t = await ke({
+        code: "medplat_form_get_all_form_details",
+        parameters: {}
+      }), n = (e = t == null ? void 0 : t.data) == null ? void 0 : e.result;
+      ie(n == null ? void 0 : n.filter((p) => p.is_web_feature === !0));
+    } catch (t) {
+      console.error(t);
+    } finally {
+      v(!1);
+    }
+  }, re = u.object().shape({
+    notificationName: u.string().required("Enter Notification Name"),
+    code: u.string().required("Enter code"),
+    notificationFor: u.string().required("Select Notification For"),
+    notificationType: u.string().required("Enter Notification Type"),
+    dataFor: u.string().when("notificationType", (e, t) => String(e) === "WEB" ? t.required("Select Data For") : t.notRequired()),
+    actionBase: u.string().when("notificationType", (e, t) => String(e) === "WEB" ? t.required("Select a Value") : t.notRequired()),
+    dataQuery: u.string().when("notificationType", (e, t) => String(e) === "WEB" ? t.required("Enter Data Query") : t.notRequired()),
+    fetchUptoLevel: u.string().when(
+      ["notificationType", "isLocationFilterRequired"],
+      ([e, t], n) => e === "WEB" && t ? n.required("Enter fetch up to level") : n.notRequired()
+    ),
+    requiredUptoLevel: u.string().when(
+      ["notificationType", "isLocationFilterRequired"],
+      ([e, t], n) => e === "WEB" && t ? n.required("Enter required up to level") : n.notRequired()
+    ),
+    roleId: u.string().when("notificationType", (e, t) => String(e) === "MO" ? t.required("Enter Role") : t.notRequired()),
+    url: u.string().when("actionBase", (e, t) => String(e) === "URL" ? t.required("Enter URL") : t.notRequired()),
+    modalName: u.string().when("actionBase", (e, t) => String(e) === "MODAL" ? t.required("Enter Modal Name") : t.notRequired()),
+    actionQuery: (f == null ? void 0 : f.notificationType) === "WEB" && u.string().when("actionBase", (e, t) => String(e) === "ACTION" ? t.required("Enter Option Query") : t.notRequired()),
+    formCode: u.string().when("actionBase", (e, t) => String(e) === "FORM_CONFIGURATOR" ? t.required("Select Form Configurator") : t.notRequired()),
+    escalationLevels: u.array().of(
+      u.object().shape({
+        name: u.string().required("Enter Name")
+      })
+    )
+  }), {
+    handleSubmit: le,
+    getValues: C,
+    control: m,
+    formState: { errors: d },
+    setValue: i,
+    reset: k,
+    watch: D,
+    clearErrors: ce
+  } = Le({
+    defaultValues: {
+      notificationType: "MO",
+      isLocationFilterRequired: !1,
+      modalBasedAction: !1,
+      fetchUptoLevel: null,
+      requiredUptoLevel: null,
+      urlBasedAction: !1,
+      formBasedAction: !1
+    },
+    resolver: Ne(re),
+    mode: "onChange"
+  }), s = D();
+  O(() => {
+    s.actionBase === "FORM_CONFIGURATOR" && ne();
+  }, [s.actionBase]);
+  const { translate: r } = _e(), de = [
+    { value: "WEB", label: "Web" },
+    { value: "MO", label: "Mobile" }
+  ], P = [
+    { value: "USER", label: "User" },
+    { value: "MEMBER", label: "Member" }
+  ], se = [
+    { value: "#taskTypeId#", label: "#taskTypeId#" },
+    { value: "#limit#", label: "#limit#" },
+    { value: "#offset#", label: "#offset#" },
+    { value: "#userId#", label: "#userId#" },
+    { value: "#memberId#", label: "#memberId#" },
+    { value: "#loggedInUserId#", label: "#loggedInUserId#" },
+    ...s.isLocationFilterRequired ? [{ value: "#locationId#", label: "#locationId#" }] : []
+  ], W = () => {
+    k(), U();
+  }, me = (e) => {
+    i("notificationType", e.target.value);
+  }, $ = (e, t) => {
+    i(t, e.target.value);
+  }, fe = (e, t, n) => {
+    const p = e == null ? void 0 : e.map((h) => h == null ? void 0 : h.id);
+    if (i(t, p), n) {
+      const b = C("escalationLevels").map((V) => {
+        var j;
+        return {
+          ...V,
+          roles: (j = V.roles) == null ? void 0 : j.filter((ye) => ye !== (n == null ? void 0 : n.id))
+        };
+      });
+      i("escalationLevels", b);
+    }
+  }, ue = (e, t) => {
+    const n = e == null ? void 0 : e.map((p) => p.id);
+    i(`escalationLevels[${t}].roles`, n);
+  }, pe = () => {
+    const e = C("escalationLevels");
+    if (e.length === 0) {
+      const t = {
+        counter: e.length + 1,
+        name: "",
+        roles: []
+      };
+      i("escalationLevels", [...e, t]);
+    } else if (e[e.length - 1].name && e[e.length - 1].roles.length) {
+      const t = {
+        counter: e.length + 1,
+        name: "",
+        roles: []
+      };
+      i("escalationLevels", [...e, t]);
+    }
+  }, he = (e) => {
+    const n = C("escalationLevels").filter(
+      (p) => p.id ? p.id !== e : p.counter !== e
+    );
+    i("escalationLevels", n);
+  }, ge = (e) => {
+    const { value: t } = e.target;
+    ce("actionBase"), i("actionBase", t), t === "URL" ? (i("urlBasedAction", !0), i("modalBasedAction", !1), i("actionBased", !1), i("formBasedAction", !1)) : t === "MODAL" ? (i("urlBasedAction", !1), i("modalBasedAction", !0), i("actionBased", !1), i("formBasedAction", !1)) : t === "ACTION" ? (i("urlBasedAction", !1), i("modalBasedAction", !1), i("actionBased", !0), i("formBasedAction", !1)) : (i("urlBasedAction", !1), i("modalBasedAction", !1), i("actionBased", !1), i("formBasedAction", !0));
+  }, A = Ee(), be = async (e) => {
+    try {
+      delete e.actionBased, e.actionBase === "FORM_CONFIGURATOR" ? (e.formBasedAction = !0, e.urlBasedAction = !1, e.modalBasedAction = !1, e.url = e.formCode, e.otherData.form_page_params = e.formParams, e.otherData = JSON.stringify(e.otherData, null, 2), delete e.modalName, delete e.formParams) : (delete e.otherData, e.formBasedAction = !1, delete e.formCode, delete e.formParams), e.notificationType === "MO" && !f && (e.isLocationFilterRequired = !1, e.modalBasedAction = !1, e.fetchUptoLevel = null, e.requiredUptoLevel = null, e.urlBasedAction = !1), f ? await qe(e) : await Ue(e), A("button_click", {
+        button_name: "managenotification-submit-button",
+        button_type: "submit",
+        button_id: "managenotification-submit-button"
+      }), q({
+        type: "success",
+        message: `Notification ${f ? "updated" : "added"} successfully`
+      }), E.current = !0, W(), await ee();
+    } catch (t) {
+      q({ type: "error", message: "Error in Submission!" }), console.error("error", t);
+    }
+  };
+  return O(() => {
+    (async () => {
+      try {
+        if (v((t) => !t), k(), f) {
+          Object.keys(f).map((n) => i(n, f[n]));
+          const t = JSON.parse(f.otherData ?? "{}");
+          i("otherData", t), f.formBasedAction && (i("formCode", f.url), t && t.form_page_params && i("formParams", t.form_page_params)), f.formBasedAction || f.formCode || f.actionBase === "FORM_CONFIGURATOR" ? i("actionBase", "FORM_CONFIGURATOR") : f.modalBasedAction ? i("actionBase", "MODAL") : f.urlBasedAction ? i("actionBase", "URL") : i("actionBase", "ACTION");
+        } else
+          i("escalationLevels", [
+            { counter: 1, name: "Default", roles: [] }
+          ]);
+        v((t) => !t);
+      } catch (t) {
+        q({
+          type: "error",
+          message: `error ${t}`
+        }), v((n) => !n);
+      }
+    })();
+  }, [w]), O(() => {
+    if (B.current) {
+      let e = B.current;
+      return () => {
+        A("conversion_event", {
+          form: e,
+          form_name: "Add Notification",
+          submit: E.current
+        });
+      };
+    }
+  }, [B.current]), /* @__PURE__ */ a(
+    xe,
+    {
+      open: w,
+      anchor: "right",
+      onClose: U,
+      className: "z-[1300]",
+      slotProps: {
+        paper: {
+          sx: {
+            width: { xs: "calc(100vw - 16px)", sm: 480, md: 650 },
+            maxWidth: "100vw",
+            overflowX: "hidden"
+          }
+        }
+      },
+      "data-testid": "managenotification-drawer",
+      children: /* @__PURE__ */ a(Oe, { isLoading: oe, children: /* @__PURE__ */ o(
+        l,
+        {
+          container: !0,
+          className: "flex flex-col w-full md:w-[650px] max-w-full min-w-0",
+          ref: B,
+          children: [
+            /* @__PURE__ */ a(l, { className: "p-2.5 px-5 flex border-b w-full", children: /* @__PURE__ */ a(
+              c,
+              {
+                className: "font-medium text-lg text-customBlue",
+                "data-testid": "managenotification-typography-title",
+                children: f ? `${r("Update Notification")} ` : `${r("ADD NOTIFICATION")}`
+              }
+            ) }),
+            /* @__PURE__ */ o(l, { className: "flex flex-col p-4 w-full min-w-0", container: !0, children: [
+              /* @__PURE__ */ o(l, { children: [
+                /* @__PURE__ */ o(c, { variant: "body2", children: [
+                  r("Type"),
+                  " ",
+                  /* @__PURE__ */ a("span", { className: "text-red-500 ml-1", children: "*" })
+                ] }),
+                /* @__PURE__ */ a(
+                  N,
+                  {
+                    control: m,
+                    name: "notificationType",
+                    id: "notificationType",
+                    options: de,
+                    displayName: "label",
+                    optionValue: "value",
+                    errors: d,
+                    onChange: me,
+                    dataTestId: "managenotification-dropdown-notification-type"
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ o(l, { children: [
+                /* @__PURE__ */ o(c, { variant: "body2", children: [
+                  r("Name"),
+                  " ",
+                  /* @__PURE__ */ a("span", { className: "text-red-500 ml-1", children: "*" })
+                ] }),
+                /* @__PURE__ */ a(
+                  g,
+                  {
+                    control: m,
+                    name: "notificationName",
+                    placeholder: "Enter Name",
+                    id: "notificationName",
+                    errors: d,
+                    dataTestId: "managenotification-textfield-notification-name"
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ o(l, { children: [
+                /* @__PURE__ */ o(c, { variant: "body2", children: [
+                  r("Code"),
+                  " ",
+                  /* @__PURE__ */ a("span", { className: "text-red-500 ml-1", children: "*" })
+                ] }),
+                /* @__PURE__ */ a(
+                  g,
+                  {
+                    control: m,
+                    placeholder: "Enter Code",
+                    name: "code",
+                    id: "code",
+                    errors: d,
+                    dataTestId: "managenotification-textfield-code"
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ o(l, { children: [
+                /* @__PURE__ */ o(c, { variant: "body2", children: [
+                  r("Action For"),
+                  " ",
+                  /* @__PURE__ */ a("span", { className: "text-red-500 ml-1", children: "*" })
+                ] }),
+                /* @__PURE__ */ a(
+                  N,
+                  {
+                    control: m,
+                    name: "notificationFor",
+                    id: "notificationFor",
+                    options: P,
+                    displayName: "label",
+                    optionValue: "value",
+                    errors: d,
+                    onChange: (e) => $(e, "notificationFor"),
+                    dataTestId: "managenotification-dropdown-notification-for"
+                  }
+                )
+              ] }),
+              s.notificationType === "WEB" && /* @__PURE__ */ o(
+                l,
+                {
+                  container: !0,
+                  spacing: 1,
+                  display: "flex",
+                  flexDirection: "column",
+                  children: [
+                    /* @__PURE__ */ o(l, { children: [
+                      /* @__PURE__ */ o(c, { variant: "body2", children: [
+                        r("Data For"),
+                        " ",
+                        /* @__PURE__ */ a("span", { className: "text-red-500 ml-1", children: "*" })
+                      ] }),
+                      /* @__PURE__ */ a(
+                        N,
+                        {
+                          control: m,
+                          name: "dataFor",
+                          id: "dataFor",
+                          options: P,
+                          displayName: "label",
+                          optionValue: "value",
+                          errors: d,
+                          onChange: (e) => $(e, "dataFor"),
+                          dataTestId: "managenotification-dropdown-data-for"
+                        }
+                      )
+                    ] }),
+                    /* @__PURE__ */ o(l, { children: [
+                      /* @__PURE__ */ a(c, { variant: "body2", children: r("Action By") }),
+                      /* @__PURE__ */ a(
+                        Z,
+                        {
+                          options: x,
+                          control: m,
+                          name: "roles",
+                          placeholder: "Select Role",
+                          onChange: (e, t, n) => fe(t, "roles", n),
+                          value: (z = s == null ? void 0 : s.roles) == null ? void 0 : z.map(
+                            (e) => x.find((t) => t.id === e)
+                          ),
+                          errors: d,
+                          getOptionLabel: (e) => e == null ? void 0 : e.name,
+                          dataTestId: "managenotification-select-action-by"
+                        }
+                      )
+                    ] }),
+                    /* @__PURE__ */ o(l, { children: [
+                      /* @__PURE__ */ a(c, { variant: "body2", children: r("Order No.") }),
+                      /* @__PURE__ */ a(
+                        g,
+                        {
+                          control: m,
+                          name: "orderNo",
+                          id: "orderNo",
+                          errors: d,
+                          placeholder: "Enter Order No",
+                          inputProps: { inputMode: "numeric", pattern: "[0-9]*" },
+                          type: "number",
+                          onInput: (e) => {
+                            e.target.value = e.target.value.replace(/\D/g, "");
+                          },
+                          dataTestId: "managenotification-textfield-order-no"
+                        }
+                      )
+                    ] }),
+                    /* @__PURE__ */ o(l, { children: [
+                      /* @__PURE__ */ a(c, { variant: "body2", children: r("Color Code") }),
+                      /* @__PURE__ */ a(
+                        l,
+                        {
+                          onClick: (e) => M(e.currentTarget),
+                          className: "w-full h-[20px] border border-gray-300 cursor-pointer",
+                          style: {
+                            backgroundColor: s.colorCode || "#000"
+                          }
+                        }
+                      ),
+                      /* @__PURE__ */ a(
+                        ve,
+                        {
+                          id: ae,
+                          open: te,
+                          anchorEl: _,
+                          onClose: () => M(null),
+                          anchorOrigin: {
+                            vertical: "bottom",
+                            horizontal: "left"
+                          },
+                          transformOrigin: {
+                            vertical: "top",
+                            horizontal: "left"
+                          },
+                          children: /* @__PURE__ */ a(l, { className: "p-2", children: /* @__PURE__ */ a(
+                            Fe,
+                            {
+                              color: s.colorCode || "#000",
+                              onChangeComplete: (e) => i("colorCode", e.hex),
+                              "data-testid": "managenotification-sketch-picker"
+                            }
+                          ) })
+                        }
+                      )
+                    ] }),
+                    /* @__PURE__ */ a(l, { children: /* @__PURE__ */ a(
+                      K,
+                      {
+                        name: "isLocationFilterRequired",
+                        label: "Do you want location based filter?",
+                        labelSizeInRem: ".9rem",
+                        control: m,
+                        dataTestId: "managenotification-checkbox-location-filter"
+                      }
+                    ) }),
+                    s.isLocationFilterRequired && /* @__PURE__ */ o(H, { children: [
+                      /* @__PURE__ */ o(l, { children: [
+                        /* @__PURE__ */ o(c, { variant: "body2", children: [
+                          r("Fetch Up to Level"),
+                          " ",
+                          /* @__PURE__ */ a("span", { className: "text-red-500 ml-1", children: "*" })
+                        ] }),
+                        /* @__PURE__ */ a(
+                          g,
+                          {
+                            control: m,
+                            placeholder: "Fetch Upto Level",
+                            name: "fetchUptoLevel",
+                            id: "fetchUptoLevel",
+                            errors: d,
+                            dataTestId: "managenotification-textfield-fetch-upto-level"
+                          }
+                        )
+                      ] }),
+                      /* @__PURE__ */ o(l, { children: [
+                        /* @__PURE__ */ o(c, { variant: "body2", children: [
+                          r("Required Upto Level"),
+                          " ",
+                          /* @__PURE__ */ a("span", { className: "text-red-500 ml-1", children: "*" })
+                        ] }),
+                        /* @__PURE__ */ a(
+                          g,
+                          {
+                            control: m,
+                            name: "requiredUptoLevel",
+                            placeholder: "Required Upto Level",
+                            id: "requiredUptoLevel",
+                            errors: d,
+                            dataTestId: "managenotification-textfield--upto-level"
+                          }
+                        )
+                      ] }),
+                      /* @__PURE__ */ a(l, { children: /* @__PURE__ */ a(
+                        K,
+                        {
+                          name: "isFetchAccordingAOI",
+                          label: "fetch according to user aoi",
+                          labelSizeInRem: ".9rem",
+                          control: m,
+                          dataTestId: "managenotification-checkbox-fetch-according-aoi"
+                        }
+                      ) })
+                    ] }),
+                    /* @__PURE__ */ o(l, { children: [
+                      /* @__PURE__ */ o(c, { variant: "body2", children: [
+                        r("Data Query"),
+                        " ",
+                        /* @__PURE__ */ a("span", { className: "text-red-500 ml-1", children: "*" })
+                      ] }),
+                      /* @__PURE__ */ a(
+                        Y,
+                        {
+                          control: m,
+                          id: "dataQuery",
+                          name: "dataQuery",
+                          errors: d,
+                          label: "",
+                          minRows: 5,
+                          dataTestId: "managenotification-textarea-data-query"
+                        }
+                      ),
+                      /* @__PURE__ */ o(c, { variant: "caption", className: "font-bold", children: [
+                        "#taskTypeId# #limit# #offset# #userId# #memberId# #loggedInUserId#",
+                        s.isLocationFilterRequired && "#locationId#"
+                      ] })
+                    ] }),
+                    /* @__PURE__ */ a(l, { container: !0, display: "flex", size: { xs: 12 }, children: /* @__PURE__ */ o(Te, { className: "flex flex-row", component: "fieldset", children: [
+                      /* @__PURE__ */ o(c, { variant: "body2", mt: 1.4, mr: 2, children: [
+                        r("Type of Action"),
+                        " ",
+                        /* @__PURE__ */ a("span", { className: "text-red-500 ml-1", children: "*" })
+                      ] }),
+                      /* @__PURE__ */ o(
+                        Be,
+                        {
+                          row: !0,
+                          "aria-label": "radio-group",
+                          value: s.actionBase,
+                          name: "actionBase",
+                          onChange: ge,
+                          "data-testid": "managenotification-radiogroup-actionbase",
+                          children: [
+                            /* @__PURE__ */ a(
+                              R,
+                              {
+                                value: "URL",
+                                control: /* @__PURE__ */ a(I, {}),
+                                label: r("URL Based"),
+                                sx: {
+                                  "& .MuiFormControlLabel-label": {
+                                    fontSize: "13px"
+                                  }
+                                },
+                                "data-testid": "managenotification-formcontrollabel-url"
+                              }
+                            ),
+                            /* @__PURE__ */ a(
+                              R,
+                              {
+                                value: "MODAL",
+                                control: /* @__PURE__ */ a(I, {}),
+                                label: r("Modal Based"),
+                                sx: {
+                                  "& .MuiFormControlLabel-label": {
+                                    fontSize: "13px"
+                                  }
+                                },
+                                "data-testid": "managenotification-formcontrollabel-modal"
+                              }
+                            ),
+                            /* @__PURE__ */ a(
+                              R,
+                              {
+                                value: "ACTION",
+                                control: /* @__PURE__ */ a(I, {}),
+                                label: r("Action based"),
+                                sx: {
+                                  "& .MuiFormControlLabel-label": {
+                                    fontSize: "13px"
+                                  }
+                                },
+                                "data-testid": "managenotification-formcontrollabel-action"
+                              }
+                            ),
+                            /* @__PURE__ */ a(
+                              R,
+                              {
+                                value: "FORM_CONFIGURATOR",
+                                control: /* @__PURE__ */ a(I, {}),
+                                label: r("Form Configurator"),
+                                sx: {
+                                  "& .MuiFormControlLabel-label": {
+                                    fontSize: "13px"
+                                  }
+                                },
+                                "data-testid": "managenotification-formcontrollabel-form-configurator"
+                              }
+                            )
+                          ]
+                        }
+                      ),
+                      /* @__PURE__ */ o(c, { "data-testid": "managenotification-typography-actionbase-error", children: [
+                        (d == null ? void 0 : d.actionBase) && /* @__PURE__ */ a("p", { className: "error-helper-text", children: (Q = d == null ? void 0 : d.actionBase) == null ? void 0 : Q.message }),
+                        " "
+                      ] })
+                    ] }) }),
+                    s.actionBase === "URL" && /* @__PURE__ */ o(l, { children: [
+                      /* @__PURE__ */ o(c, { variant: "body2", children: [
+                        r("URL"),
+                        " ",
+                        /* @__PURE__ */ a("span", { className: "text-red-500 ml-1", children: "*" })
+                      ] }),
+                      /* @__PURE__ */ a(
+                        g,
+                        {
+                          placeholder: "Enter Url",
+                          control: m,
+                          name: "url",
+                          id: "url",
+                          errors: d,
+                          dataTestId: "managenotification-customtextfield-url"
+                        }
+                      )
+                    ] }),
+                    s.actionBase === "MODAL" && /* @__PURE__ */ o(l, { children: [
+                      /* @__PURE__ */ o(
+                        c,
+                        {
+                          variant: "body2",
+                          "data-testid": "managenotification-typography-modal-label",
+                          children: [
+                            r("Modal Name"),
+                            " ",
+                            /* @__PURE__ */ a("span", { className: "text-red-500 ml-1", children: "*" })
+                          ]
+                        }
+                      ),
+                      /* @__PURE__ */ a(
+                        g,
+                        {
+                          placeholder: "Enter Modal Name",
+                          control: m,
+                          name: "modalName",
+                          id: "modalName",
+                          errors: d,
+                          dataTestId: "managenotification-customtextfield-modal"
+                        }
+                      )
+                    ] }),
+                    s.actionBase === "ACTION" && /* @__PURE__ */ o(l, { children: [
+                      /* @__PURE__ */ o(
+                        c,
+                        {
+                          variant: "body2",
+                          className: "mb-1",
+                          "data-testid": "managenotification-typography-action-label",
+                          children: [
+                            r("Action Query"),
+                            " ",
+                            /* @__PURE__ */ a("span", { className: "text-red-500 ml-1", children: "*" })
+                          ]
+                        }
+                      ),
+                      /* @__PURE__ */ a(
+                        Y,
+                        {
+                          control: m,
+                          id: "actionQuery",
+                          name: "actionQuery",
+                          errors: d,
+                          label: "",
+                          minRows: 5,
+                          "data-testid": "managenotification-customtextarea-actionquery"
+                        }
+                      )
+                    ] }),
+                    s.actionBase === "FORM_CONFIGURATOR" && /* @__PURE__ */ o(H, { children: [
+                      /* @__PURE__ */ o(l, { children: [
+                        /* @__PURE__ */ o(c, { variant: "body2", children: [
+                          r("Form Configurator"),
+                          " ",
+                          /* @__PURE__ */ a("span", { className: "text-red-500 ml-1", children: "*" })
+                        ] }),
+                        /* @__PURE__ */ a(
+                          N,
+                          {
+                            control: m,
+                            name: "formCode",
+                            id: "formCode",
+                            options: S,
+                            displayName: "form_name",
+                            optionValue: "form_code",
+                            errors: d,
+                            onChange: (e) => {
+                              i("formCode", e.target.value);
+                              const t = S.find((n) => n.form_code === e.target.value);
+                              t && t.page_params ? i("formParams", t.page_params.split(",").reduce((n, p) => ({ ...n, [p]: "" }), {})) : i("formParams", {});
+                            },
+                            dataTestId: "managenotification-dropdown-form-configurator"
+                          }
+                        )
+                      ] }),
+                      s.formParams && Object.keys(s.formParams).map((e) => /* @__PURE__ */ o(l, { children: [
+                        /* @__PURE__ */ a(c, { variant: "body2", className: "mb-1", children: e }),
+                        /* @__PURE__ */ a(
+                          N,
+                          {
+                            control: m,
+                            name: `formParams.${e}`,
+                            id: `formParams_${e}`,
+                            options: se,
+                            displayName: "label",
+                            optionValue: "value",
+                            errors: d,
+                            dataTestId: `managenotification-dropdown-${e}`
+                          }
+                        )
+                      ] }, e))
+                    ] }),
+                    /* @__PURE__ */ o(l, { className: "w-full min-w-0", children: [
+                      /* @__PURE__ */ a(
+                        L,
+                        {
+                          onClick: pe,
+                          variant: "contained",
+                          size: "small",
+                          className: "mb-2 mt-2",
+                          "data-testid": "managenotification-button-add-escalation",
+                          children: `${r("Add")} ${r("Escalation Level")}`
+                        }
+                      ),
+                      /* @__PURE__ */ a(
+                        Ce,
+                        {
+                          sx: {
+                            border: "1px solid #d1d5db",
+                            display: "block",
+                            maxHeight: 260,
+                            maxWidth: "100%",
+                            overflowX: "scroll",
+                            overflowY: "auto",
+                            scrollbarGutter: "stable",
+                            width: {
+                              xs: "calc(100vw - 48px)",
+                              sm: 448,
+                              md: 618
+                            },
+                            "&::-webkit-scrollbar": {
+                              height: 8,
+                              width: 8
+                            }
+                          },
+                          "data-testid": "managenotification-escalation-table-container",
+                          children: /* @__PURE__ */ o(
+                            Re,
+                            {
+                              stickyHeader: !0,
+                              sx: {
+                                minWidth: 900,
+                                tableLayout: "fixed",
+                                width: 900
+                              },
+                              className: "border border-gray-300",
+                              children: [
+                                /* @__PURE__ */ a(Ie, { children: /* @__PURE__ */ o(J, { children: [
+                                  /* @__PURE__ */ a(
+                                    y,
+                                    {
+                                      className: "border border-gray-300 p-2",
+                                      sx: { minWidth: 280, width: 280 },
+                                      children: /* @__PURE__ */ a(
+                                        c,
+                                        {
+                                          variant: "body2",
+                                          className: "font-bold",
+                                          "data-testid": "managenotification-typography-name",
+                                          children: r("Name")
+                                        }
+                                      )
+                                    }
+                                  ),
+                                  /* @__PURE__ */ a(
+                                    y,
+                                    {
+                                      className: "border border-gray-300 p-2",
+                                      sx: { minWidth: 430, width: 430 },
+                                      children: /* @__PURE__ */ a(
+                                        c,
+                                        {
+                                          variant: "body2",
+                                          className: "font-bold",
+                                          "data-testid": "managenotification-typography-performer",
+                                          children: r("Performer")
+                                        }
+                                      )
+                                    }
+                                  ),
+                                  /* @__PURE__ */ a(
+                                    y,
+                                    {
+                                      className: "p-2",
+                                      sx: { minWidth: 130, width: 130 },
+                                      children: /* @__PURE__ */ a(
+                                        c,
+                                        {
+                                          variant: "body2",
+                                          className: "font-bold",
+                                          "data-testid": "managenotification-typography-action",
+                                          children: r("Actions")
+                                        }
+                                      )
+                                    }
+                                  )
+                                ] }) }),
+                                /* @__PURE__ */ a(we, { children: (G = C("escalationLevels")) == null ? void 0 : G.map((e, t) => {
+                                  var n, p;
+                                  return /* @__PURE__ */ o(
+                                    J,
+                                    {
+                                      children: [
+                                        /* @__PURE__ */ a(
+                                          y,
+                                          {
+                                            className: "border border-gray-300 p-2",
+                                            sx: { minWidth: 280, width: 280 },
+                                            children: /* @__PURE__ */ a(
+                                              g,
+                                              {
+                                                control: m,
+                                                errors: d,
+                                                name: `escalationLevels[${t}].name`,
+                                                dataTestId: `managenotification-customtextfield-name-${e.counter}`
+                                              }
+                                            )
+                                          }
+                                        ),
+                                        /* @__PURE__ */ a(
+                                          y,
+                                          {
+                                            className: "border border-gray-300 p-2",
+                                            sx: { minWidth: 430, width: 430 },
+                                            children: /* @__PURE__ */ a(
+                                              Z,
+                                              {
+                                                options: s.roles ? (n = s.roles) == null ? void 0 : n.map(
+                                                  (h) => x.find((b) => b.id === h)
+                                                ) : [],
+                                                name: `escalationLevels[${t}].roles`,
+                                                control: m,
+                                                onChange: (h, b) => ue(b, t),
+                                                value: (p = s.escalationLevels[t].roles) == null ? void 0 : p.map(
+                                                  (h) => x.find((b) => b.id === h)
+                                                ),
+                                                errors: d,
+                                                getOptionLabel: (h) => h == null ? void 0 : h.name,
+                                                dataTestId: `managenotification-customautocomplete-performer-${e.counter}`
+                                              }
+                                            )
+                                          }
+                                        ),
+                                        /* @__PURE__ */ a(y, { sx: { minWidth: 130, width: 130 }, children: t > 0 && /* @__PURE__ */ a(
+                                          Me,
+                                          {
+                                            icon: Se,
+                                            onClick: () => he(
+                                              e.id ? e.id : e.counter
+                                            ),
+                                            className: "text-[14px] text-[var(--color-error)]",
+                                            "data-testid": `managenotification-delete-action-${e.counter}`
+                                          }
+                                        ) })
+                                      ]
+                                    },
+                                    e.counter ? e.counter : e.id
+                                  );
+                                }) })
+                              ]
+                            }
+                          )
+                        }
+                      )
+                    ] })
+                  ]
+                }
+              ),
+              s.notificationType === "MO" && /* @__PURE__ */ o(l, { children: [
+                /* @__PURE__ */ o(c, { variant: "body2", children: [
+                  r("Role"),
+                  /* @__PURE__ */ a("span", { className: "text-red-500 ml-1", children: "*" })
+                ] }),
+                /* @__PURE__ */ a(
+                  N,
+                  {
+                    control: m,
+                    options: x,
+                    name: "roleId",
+                    id: "roleId",
+                    displayName: "name",
+                    value: D("roleId") || "",
+                    optionValue: "id",
+                    errors: d,
+                    dataTestId: "managenotification-dropdown-role"
+                  }
+                )
+              ] })
+            ] }),
+            /* @__PURE__ */ o(
+              Ae,
+              {
+                direction: "row",
+                spacing: 2,
+                justifyContent: "flex-end",
+                mt: 2,
+                mb: 1.5,
+                p: 2,
+                children: [
+                  /* @__PURE__ */ a(
+                    L,
+                    {
+                      variant: "contained",
+                      color: "secondary",
+                      size: "small",
+                      onClick: () => {
+                        A("button_click", {
+                          button_name: "managenotification-close-button",
+                          button_type: "cancel",
+                          button_id: "managenotification-close-button"
+                        }), W();
+                      },
+                      "data-testid": "managenotification-close-button",
+                      children: /* @__PURE__ */ a(c, { variant: "caption", children: r("Close") })
+                    }
+                  ),
+                  /* @__PURE__ */ a(
+                    L,
+                    {
+                      variant: "contained",
+                      color: "primary",
+                      size: "small",
+                      onClick: le(be),
+                      type: "submit",
+                      "data-testid": "managenotification-submit-button",
+                      children: f ? `${r("Update")}` : `${r("Add")}`
+                    }
+                  )
+                ]
+              }
+            )
+          ]
+        }
+      ) })
+    }
+  );
+}
+De.propTypes = {
+  open: T.any,
+  handleClose: T.func,
+  data: T.any,
+  roleData: T.any,
+  setNotifications: T.any
+};
+export {
+  De as default
+};
+//# sourceMappingURL=ManageNotification-C5MhV77Q.js.map