@argusoft/medplat-core 1.0.0

package/dist/NotificationList-BkpOrCpM.js

@@ -0,0 +1,400 @@
+import { jsxs as s, jsx as e } from "react/jsx-runtime";
+import { useState as l, useRef as R, useEffect as C, useCallback as re, Suspense as W, lazy as q } from "react";
+import { useTranslateProvider as de } from "@/common/languageTranslator/TranslationContext";
+import { api as J } from "@/common/interceptors/AxiosInterceptor";
+import { getNotifications as U, getAllRoleList as ue } from "@/common/services/GlobalApis";
+import me from "@/common/syncWithServer/SyncWithServerDialog";
+import { showToast as T } from "@/common/toaster/toaster";
+import fe from "@/views/custom-components/CustomConfirmationModal";
+import { debounce as pe, Card as he, Typography as D, Box as I, FormControlLabel as Q, Checkbox as G, TextField as ge, Button as ye } from "@mui/material";
+import { Grid as S } from "@mui/system";
+import N from "prop-types";
+import { useSelector as K } from "react-redux";
+import { getUseSkeleton as X } from "@/store/reducers/SkeletonReducer";
+import be from "@/hooks/useTrackEvent";
+import xe from "@/views/custom-components/CustomizedTable/CustomizedTableV2";
+import { faPen as Ne, faBars as ve } from "@fortawesome/free-solid-svg-icons";
+import { FontAwesomeIcon as H } from "@fortawesome/react-fontawesome";
+const we = ({ id: n, state: c }) => J.put(
+  `notificationtype/${n}?is_active=${c === "INACTIVE" ? "true" : "false"}`
+), De = (n) => J.post("notificationtype", n), Y = ({ children: n, isLoading: c }) => !K(X) || !c ? n : /* @__PURE__ */ s("div", { className: "flex flex-col gap-2", children: [
+  /* @__PURE__ */ s("div", { className: "flex space-between justify-between m-[0px]", children: [
+    /* @__PURE__ */ e("div", { className: "bg-gray-300 animate-pulse rounded-sm w-[130px] h-[40px]" }),
+    /* @__PURE__ */ s("div", { className: "flex", children: [
+      /* @__PURE__ */ e("div", { className: "bg-gray-300 animate-pulse rounded-sm w-[150px] h-[40px] mx-[5px]" }),
+      /* @__PURE__ */ e("div", { className: "bg-gray-300 animate-pulse rounded-sm w-[100px] h-[40px]" })
+    ] })
+  ] }),
+  /* @__PURE__ */ e("div", { className: "bg-gray-300 animate-pulse rounded-sm w-full h-100" })
+] });
+Y.propTypes = {
+  children: N.any,
+  isLoading: N.any
+};
+const Ce = ({ children: n, isLoading: c }) => !K(X) || !c ? n : /* @__PURE__ */ s("div", { className: "flex flex-col w-full md:w-[650px] bg-white ", children: [
+  /* @__PURE__ */ e("div", { className: "px-2 py-2 flex  items-center  ", children: /* @__PURE__ */ e("div", { className: "bg-gray-300 animate-pulse rounded-sm w-60 h-10" }) }),
+  /* @__PURE__ */ e("hr", {}),
+  /* @__PURE__ */ s("div", { className: "flex flex-col w-full space-y-2 p-2", children: [
+    /* @__PURE__ */ s("div", { className: "flex flex-col space-y-2", children: [
+      /* @__PURE__ */ e("button", { className: "bg-gray-300 animate-pulse rounded-sm w-40 h-5  mr-[100px]" }),
+      /* @__PURE__ */ e("button", { className: "bg-gray-300 animate-pulse rounded-sm w-full h-10 " })
+    ] }),
+    /* @__PURE__ */ s("div", { className: "flex flex-col space-y-2 ", children: [
+      /* @__PURE__ */ e("button", { className: "bg-gray-300 animate-pulse rounded-sm w-40 h-5  mr-[100px]" }),
+      /* @__PURE__ */ e("button", { className: "bg-gray-300 animate-pulse rounded-sm w-full h-10 " })
+    ] }),
+    /* @__PURE__ */ s("div", { className: "flex flex-col space-y-2 ", children: [
+      /* @__PURE__ */ e("button", { className: "bg-gray-300 animate-pulse rounded-sm w-40 h-5  mr-[100px]" }),
+      /* @__PURE__ */ e("button", { className: "bg-gray-300 animate-pulse rounded-sm w-full h-10 " })
+    ] }),
+    /* @__PURE__ */ s("div", { className: "flex flex-col space-y-2 ", children: [
+      /* @__PURE__ */ e("button", { className: "bg-gray-300 animate-pulse rounded-sm w-40 h-5  mr-[100px]" }),
+      /* @__PURE__ */ e("button", { className: "bg-gray-300 animate-pulse rounded-sm w-full h-10 " })
+    ] }),
+    /* @__PURE__ */ s("div", { className: "flex flex-col space-y-2 ", children: [
+      /* @__PURE__ */ e("button", { className: "bg-gray-300 animate-pulse rounded-sm w-40 h-5 mr-[100px]" }),
+      /* @__PURE__ */ e("button", { className: "bg-gray-300 animate-pulse rounded-sm w-full h-10 " })
+    ] })
+  ] }),
+  /* @__PURE__ */ e("hr", {}),
+  /* @__PURE__ */ s("div", { className: "px-2 py-2 w-full flex space-x-3 items-center justify-end ", children: [
+    /* @__PURE__ */ e("div", { className: "bg-gray-300 animate-pulse rounded-sm w-20 h-10" }),
+    /* @__PURE__ */ e("div", { className: "bg-gray-300 animate-pulse rounded-sm w-20 h-10" })
+  ] })
+] });
+Ce.propTypes = {
+  children: N.any,
+  isLoading: N.any
+};
+const Te = q(() => import("./ManageNotification-B4prX-9Z.js")), Ie = q(() => import("./NotificationFlywayQuery-BY8Zzml_.js"));
+function Se() {
+  const n = be(), [c, b] = l(""), [v, k] = l([]), [A, p] = l([]), [h, r] = l(""), [o, x] = l({}), [w, Z] = l([]), { translate: m } = de(), [E, M] = l(null), [O, f] = l(!1), ee = [
+    {
+      field: "notificationName",
+      label: "Name",
+      sortable: !0,
+      sortOrder: "asc",
+      align: "left"
+    },
+    {
+      field: "code",
+      label: "Code",
+      sortable: !0,
+      sortOrder: "asc",
+      align: "left"
+    },
+    {
+      field: "notificationType",
+      label: "Type",
+      align: "left",
+      render: (a) => /* @__PURE__ */ e(D, { mt: 0.5, children: a.notificationType === "WEB" ? "WEB" : "MOBILE" })
+    },
+    {
+      field: "state",
+      label: "State",
+      sortable: !0,
+      sortOrder: "asc",
+      align: "left"
+    },
+    { field: "Actions", label: "Actions", align: "left" }
+  ], [te, ae] = l(ee), [g, ie] = l(!0), [y, se] = l(!0), L = R(g), B = R(y);
+  C(() => {
+    L.current = g;
+  }, [g]), C(() => {
+    B.current = y;
+  }, [y]);
+  const oe = async () => {
+    try {
+      f((t) => !t), await we({ id: o.id, state: o.state }), r("");
+      const { data: a } = await U();
+      k(a), p(a), T({
+        type: "success",
+        message: `State succesfully changed from  ${(o == null ? void 0 : o.state) === "INACTIVE" ? "inactive" : "active"} to ${(o == null ? void 0 : o.state) === "INACTIVE" ? "active" : "inactive"}`
+      }), f((t) => !t);
+    } catch (a) {
+      T({
+        type: "error",
+        message: `Error ${a}`
+      }), f((t) => !t);
+    }
+  }, ne = (a) => [
+    {
+      label: "",
+      icon: /* @__PURE__ */ e(
+        H,
+        {
+          icon: Ne,
+          "data-testid": "notificationlist-button-edit"
+        }
+      ),
+      onClick: (t) => {
+        r(1), x(t);
+      }
+    },
+    {
+      label: "",
+      icon: /* @__PURE__ */ e(
+        H,
+        {
+          icon: ve,
+          "data-testid": "notificationlist-button-menu"
+        }
+      ),
+      menuItems: [
+        {
+          label: m(
+            a.state === "ACTIVE" ? "Mark as Inactive" : "Mark as Active"
+          ),
+          onClick: (t) => {
+            x(t), r(2);
+          }
+        },
+        {
+          label: m("Sync With Server"),
+          onClick: (t) => {
+            if (!t.uuid) {
+              T({
+                type: "info",
+                message: "No configuration found. Please open the respective feature item and save it."
+              });
+              return;
+            }
+            r(4), M(t == null ? void 0 : t.uuid), x(t);
+          }
+        },
+        {
+          label: m("Show Flyway Query"),
+          onClick: (t) => {
+            r(3), x(t);
+          }
+        }
+      ]
+    }
+  ], _ = re(
+    pe((a) => {
+      const t = v.filter(
+        (i) => {
+          var d;
+          return ((d = i.notificationName) == null ? void 0 : d.toLowerCase().includes(a)) && i.state === (L.current ? "ACTIVE" : "INACTIVE") && i.notificationType === (B.current ? "MO" : "WEB");
+        }
+      );
+      n("search_tracking", {
+        searchTerm: a,
+        results_count: t.length,
+        search_type: "Page Search"
+      }), p(t);
+    }, 500),
+    [v, n]
+  ), le = (a) => {
+    const t = a.target.value.toLowerCase();
+    b(t), _(t);
+  }, ce = (a) => {
+    const t = a.sortOrder === "asc" ? "desc" : "asc";
+    ae(
+      (d) => d.map((u) => u.field === a.field ? { ...u, sortOrder: t } : u)
+    );
+    const i = [...A].sort((d, u) => {
+      var j, z;
+      const P = (j = d[a.field]) == null ? void 0 : j.toString().toLowerCase(), $ = (z = u[a.field]) == null ? void 0 : z.toString().toLowerCase();
+      return P < $ ? t === "asc" ? -1 : 1 : P > $ ? t === "asc" ? 1 : -1 : 0;
+    });
+    p(i);
+  }, V = async () => {
+    try {
+      f((i) => !i);
+      const { data: a } = await U();
+      k(a);
+      const t = a.filter((i) => i.notificationType === "MO" && i.state === "ACTIVE");
+      if (p(t), !w.length) {
+        const { data: i } = await ue();
+        Z(i);
+      }
+      f((i) => !i), b("");
+    } catch (a) {
+      console.error("error", a), f((t) => !t);
+    }
+  };
+  C(() => {
+    V();
+  }, []);
+  const F = (a, t) => {
+    const i = t === "status" ? a : g, d = t === "notificationType" ? a : y;
+    ie(i), se(d), c ? _(c) : p(
+      v.filter(
+        (u) => u.state === (i ? "ACTIVE" : "INACTIVE") && u.notificationType === (d ? "MO" : "WEB")
+      )
+    );
+  };
+  return /* @__PURE__ */ s(
+    he,
+    {
+      variant: "elevation",
+      container: !0,
+      className: "mt-6 p-3 flex flex-col space-y-3 shadow-xl",
+      children: [
+        /* @__PURE__ */ e(W, { children: /* @__PURE__ */ e(
+          Te,
+          {
+            open: h === 1 || h === 5,
+            handleClose: () => r(""),
+            data: h === 1 ? o : null,
+            roleData: w,
+            setNotifications: V,
+            "data-testid": "notification-list-managenotification-dialog"
+          }
+        ) }),
+        /* @__PURE__ */ e(W, { children: /* @__PURE__ */ e(
+          Ie,
+          {
+            open: h === 3,
+            handleClose: () => r(""),
+            data: o,
+            roleData: w
+          }
+        ) }),
+        /* @__PURE__ */ e(
+          fe,
+          {
+            title: "CONFIRM ACTION",
+            open: h === 2,
+            description: `Are you sure you want to change the state ${(o == null ? void 0 : o.state) === "INACTIVE" ? "inactive" : "active"} to ${(o == null ? void 0 : o.state) === "INACTIVE" ? "active" : "inactive"}`,
+            handleClick: oe,
+            handleClose: () => r(""),
+            dataTestId: "notification-list-customconfirmationmodal-dialog"
+          }
+        ),
+        /* @__PURE__ */ e(
+          me,
+          {
+            isOpen: !!E,
+            handleClose: () => M(() => null),
+            featureUUID: E,
+            dataTestId: "notification-list-syncwithserverdialog-dialog"
+          }
+        ),
+        /* @__PURE__ */ s(Y, { isLoading: O, children: [
+          /* @__PURE__ */ s(S, { container: !0, className: "flex justify-between", children: [
+            /* @__PURE__ */ e(S, { children: /* @__PURE__ */ e(
+              D,
+              {
+                variant: "body2",
+                className: "font-bold font-sans text-lg text-customBlue uppercase",
+                "data-testid": "notification-list-typography-title",
+                children: m("Notification Configuration")
+              }
+            ) }),
+            /* @__PURE__ */ s(I, { className: "flex flex-col sm:flex-row sm:items-center gap-3 w-full sm:w-auto", children: [
+              /* @__PURE__ */ s(I, { className: "flex items-center gap-3", children: [
+                /* @__PURE__ */ e(
+                  Q,
+                  {
+                    control: /* @__PURE__ */ e(
+                      G,
+                      {
+                        checked: g,
+                        onChange: (a) => F(a.target.checked, "status"),
+                        "data-testid": "notifications-checkbox-include-active"
+                      }
+                    ),
+                    label: m("Active"),
+                    slotProps: {
+                      typography: {
+                        className: "custom-label"
+                      }
+                    }
+                  }
+                ),
+                /* @__PURE__ */ e(
+                  Q,
+                  {
+                    control: /* @__PURE__ */ e(
+                      G,
+                      {
+                        checked: y,
+                        onChange: (a) => F(a.target.checked, "notificationType"),
+                        "data-testid": "notifications-checkbox-include-mobile"
+                      }
+                    ),
+                    label: m("Mobile"),
+                    slotProps: {
+                      typography: {
+                        className: "custom-label"
+                      }
+                    }
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ s(I, { className: "flex items-center gap-3 w-full sm:w-auto", children: [
+                /* @__PURE__ */ e(
+                  ge,
+                  {
+                    id: "searchQuery",
+                    placeholder: "Search Text",
+                    size: "small",
+                    onChange: le,
+                    className: "m-0 p-0 bg-white",
+                    value: c,
+                    "data-testid": "notification-list-textfield-search",
+                    sx: {
+                      "& .MuiInputBase-root": {
+                        height: "2.4em",
+                        width: { xs: "100%", sm: "190px" }
+                      },
+                      flex: { xs: 1, sm: 1 }
+                    }
+                  }
+                ),
+                /* @__PURE__ */ e(
+                  ye,
+                  {
+                    size: "small",
+                    variant: "contained",
+                    onClick: () => {
+                      n("button_click", {
+                        button_name: "notification-list-add-button",
+                        button_type: "navigate",
+                        button_id: "notification-list-button-add"
+                      }), r(5);
+                    },
+                    "data-testid": "notification-list-button-add",
+                    sx: { whiteSpace: "nowrap" },
+                    children: m("Add")
+                  }
+                )
+              ] })
+            ] })
+          ] }),
+          /* @__PURE__ */ e(S, { size: { xs: 12 }, children: /* @__PURE__ */ e(
+            xe,
+            {
+              columns: te,
+              actions: ne,
+              tableData: A,
+              paginationConfig: {
+                pagination: !1
+              },
+              styleConfig: {
+                tableStyle: {
+                  maxHeight: 40
+                }
+              },
+              handleSort: ce,
+              isLoading: O,
+              dataTestId: "notification-list-customizedtable"
+            }
+          ) })
+        ] })
+      ]
+    }
+  );
+}
+const Qe = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: Se
+}, Symbol.toStringTag, { value: "Module" }));
+export {
+  Ce as M,
+  Qe as N,
+  De as P
+};
+//# sourceMappingURL=NotificationList-BkpOrCpM.js.map

package/dist/NotificationList-BkpOrCpM.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NotificationList-BkpOrCpM.js","sources":["../src/services/Notifications.js","../src/views/Notifications/Skeletons/NotificationsSkeletons.jsx","../src/views/Notifications/NotificationList.jsx"],"sourcesContent":["import { api } from \"@/common/interceptors/AxiosInterceptor\";\nexport const toggleActiveState = ({ id, state }) =>\n  api.put(\n    `notificationtype/${id}?is_active=${state === \"INACTIVE\" ? \"true\" : \"false\"}`\n  );\nexport const PostNotification = (params) =>\n  api.post(\"notificationtype\", params);\n","import PropTypes from \"prop-types\";\nimport React from \"react\";\n\nimport { useSelector } from \"react-redux\";\nimport { getUseSkeleton } from \"@/store/reducers/SkeletonReducer\";\n\nexport const NotificationListSkeleton = ({ children, isLoading }) => {\n  const useSkeleton = useSelector(getUseSkeleton);\n  if (!useSkeleton) {\n    return children;\n  }\n  if (!isLoading) {\n    return children;\n  }\n\n  return (\n    <div className=\"flex flex-col gap-2\">\n      <div className=\"flex space-between justify-between m-[0px]\">\n        <div className=\"bg-gray-300 animate-pulse rounded-sm w-[130px] h-[40px]\"></div>\n        <div className=\"flex\">\n          <div className=\"bg-gray-300 animate-pulse rounded-sm w-[150px] h-[40px] mx-[5px]\"></div>\n          <div className=\"bg-gray-300 animate-pulse rounded-sm w-[100px] h-[40px]\"></div>\n        </div>\n      </div>\n\n      <div className=\"bg-gray-300 animate-pulse rounded-sm w-full h-100\"></div>\n    </div>\n  );\n};\n\nNotificationListSkeleton.propTypes = {\n  children: PropTypes.any,\n  isLoading: PropTypes.any,\n};\n\nexport const ManageNotificationSkeleton = ({ children, isLoading }) => {\n  const useSkeleton = useSelector(getUseSkeleton);\n  if (!useSkeleton) {\n    return children;\n  }\n  if (!isLoading) {\n    return children;\n  }\n\n  return (\n    <div className=\"flex flex-col w-full md:w-[650px] bg-white \">\n      <div className=\"px-2 py-2 flex  items-center  \">\n        <div className=\"bg-gray-300 animate-pulse rounded-sm w-60 h-10\"></div>\n      </div>\n      <hr></hr>\n      <div className=\"flex flex-col w-full space-y-2 p-2\">\n        <div className=\"flex flex-col space-y-2\">\n          <button className=\"bg-gray-300 animate-pulse rounded-sm w-40 h-5  mr-[100px]\"></button>\n          <button className=\"bg-gray-300 animate-pulse rounded-sm w-full h-10 \"></button>\n        </div>\n        <div className=\"flex flex-col space-y-2 \">\n          <button className=\"bg-gray-300 animate-pulse rounded-sm w-40 h-5  mr-[100px]\"></button>\n          <button className=\"bg-gray-300 animate-pulse rounded-sm w-full h-10 \"></button>\n        </div>\n        <div className=\"flex flex-col space-y-2 \">\n          <button className=\"bg-gray-300 animate-pulse rounded-sm w-40 h-5  mr-[100px]\"></button>\n          <button className=\"bg-gray-300 animate-pulse rounded-sm w-full h-10 \"></button>\n        </div>\n        <div className=\"flex flex-col space-y-2 \">\n          <button className=\"bg-gray-300 animate-pulse rounded-sm w-40 h-5  mr-[100px]\"></button>\n          <button className=\"bg-gray-300 animate-pulse rounded-sm w-full h-10 \"></button>\n        </div>\n        <div className=\"flex flex-col space-y-2 \">\n          <button className=\"bg-gray-300 animate-pulse rounded-sm w-40 h-5 mr-[100px]\"></button>\n          <button className=\"bg-gray-300 animate-pulse rounded-sm w-full h-10 \"></button>\n        </div>\n      </div>\n      <hr></hr>\n      <div className=\"px-2 py-2 w-full flex space-x-3 items-center justify-end \">\n        <div className=\"bg-gray-300 animate-pulse rounded-sm w-20 h-10\"></div>\n        <div className=\"bg-gray-300 animate-pulse rounded-sm w-20 h-10\"></div>\n      </div>\n    </div>\n  );\n};\n\nManageNotificationSkeleton.propTypes = {\n  children: PropTypes.any,\n  isLoading: PropTypes.any,\n};\n","import {\n  lazy,\n  default as React,\n  Suspense,\n  useCallback,\n  useEffect,\n  useRef,\n  useState,\n} from \"react\";\nimport { useTranslateProvider } from \"@/common/languageTranslator/TranslationContext\";\nimport { toggleActiveState } from \"../../services/Notifications\";\nimport { getAllRoleList, getNotifications } from \"@/common/services/GlobalApis\";\nimport SyncWithServerDialog from \"@/common/syncWithServer/SyncWithServerDialog\";\nimport { showToast } from \"@/common/toaster/toaster\";\nimport CustomConfirmationModal from \"@/views/custom-components/CustomConfirmationModal\";\nconst ManageNotification = lazy(() => import(\"./ManageNotification\"));\nconst NotificationFlywayQuery = lazy(() => import(\"./NotificationFlywayQuery\"));\nimport { Box, Button, Card, Checkbox, debounce, FormControlLabel, TextField, Typography } from \"@mui/material\";\nimport { Grid } from \"@mui/system\";\nimport { NotificationListSkeleton } from \"./Skeletons/NotificationsSkeletons\";\nimport useTrackEvent from \"@/hooks/useTrackEvent\";\nimport CustomizedTable from \"@/views/custom-components/CustomizedTable/CustomizedTableV2\";\nimport { faBars, faPen } from \"@fortawesome/free-solid-svg-icons\";\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\n\n/**\n *\n * @module NotificationList\n * @returns {JSX.element}\n *\n */\nexport default function NotificationList() {\n  const trackEvent = useTrackEvent();\n  const [search, setSearch] = useState(\"\");\n  const [notifications, setNotifications] = useState([]);\n  const [filteredNotifications, setFilteredNotifications] = useState([]);\n  const [openModal, setOpenModal] = useState(\"\");\n  const [rowData, setRowData] = useState({});\n  const [roleData, setRoleData] = useState([]);\n  const { translate } = useTranslateProvider();\n  const [featureUuid, setFeatureUuid] = useState(null);\n  const [isLoading, setIsLoading] = useState(false);\n  const defaultColumns = [\n    {\n      field: \"notificationName\",\n      label: \"Name\",\n      sortable: true,\n      sortOrder: \"asc\",\n      align: \"left\",\n    },\n    {\n      field: \"code\",\n      label: \"Code\",\n      sortable: true,\n      sortOrder: \"asc\",\n      align: \"left\",\n    },\n    {\n      field: \"notificationType\",\n      label: \"Type\",\n      align: \"left\",\n      render: (row) => {\n        return <Typography mt={0.5}>{row.notificationType === 'WEB' ? 'WEB' : 'MOBILE'}</Typography>;\n      }\n    },\n    {\n      field: \"state\",\n      label: \"State\",\n      sortable: true,\n      sortOrder: \"asc\",\n      align: \"left\",\n    },\n    { field: \"Actions\", label: \"Actions\", align: \"left\" },\n  ];\n  const [columns, setColumns] = useState(defaultColumns);\n  const [isActive, setisActive] = useState(true);\n  const [isMobile, setisMobile] = useState(true);\n\n  const isActiveRef = useRef(isActive);\n  const isMobileRef = useRef(isMobile);\n\n  useEffect(() => {\n    isActiveRef.current = isActive;\n  }, [isActive]);\n\n  useEffect(() => {\n    isMobileRef.current = isMobile;\n  }, [isMobile]);\n\n  /**\n   * Toggles the active/inactive status of a notification.\n   * @async\n   * @function toggleActiveStatus\n   * @returns {Promise<void>} A promise that resolves when the active status has been toggled and notifications reloaded.\n   */\n  const toggleActiveStatus = async () => {\n    try {\n      setIsLoading((cur) => !cur);\n      await toggleActiveState({ id: rowData.id, state: rowData.state });\n      setOpenModal(\"\");\n      const { data } = await getNotifications();\n      setNotifications(data);\n      setFilteredNotifications(data);\n      showToast({\n        type: \"success\",\n        message: `State succesfully changed from  ${rowData?.state === \"INACTIVE\" ? \"inactive\" : \"active\"} to ${rowData?.state === \"INACTIVE\" ? \"active\" : \"inactive\"}`,\n      });\n      setIsLoading((cur) => !cur);\n    } catch (error) {\n      showToast({\n        type: \"error\",\n        message: `Error ${error}`,\n      });\n      setIsLoading((cur) => !cur);\n    }\n  };\n\n  const actions = (row) => [\n    {\n      label: \"\",\n      icon: (\n        <FontAwesomeIcon\n          icon={faPen}\n          data-testid=\"notificationlist-button-edit\"\n        />\n      ),\n      onClick: (e) => {\n        setOpenModal(1);\n        setRowData(e);\n      },\n    },\n    {\n      label: \"\",\n      icon: (\n        <FontAwesomeIcon\n          icon={faBars}\n          data-testid=\"notificationlist-button-menu\"\n        />\n      ),\n      menuItems: [\n        {\n          label: translate(\n            row.state === \"ACTIVE\" ? \"Mark as Inactive\" : \"Mark as Active\"\n          ),\n          onClick: (e) => {\n            setRowData(e);\n            setOpenModal(2);\n          },\n        },\n        {\n          label: translate(\"Sync With Server\"),\n          onClick: (e) => {\n            if (!e.uuid) {\n              showToast({\n                type: \"info\",\n                message: `No configuration found. Please open the respective feature item and save it.`,\n              });\n              return;\n            }\n            setOpenModal(4);\n            setFeatureUuid(e?.uuid);\n            setRowData(e);\n          },\n        },\n        {\n          label: translate(\"Show Flyway Query\"),\n          onClick: (e) => {\n            setOpenModal(3);\n            setRowData(e);\n          },\n        },\n      ],\n    },\n  ];\n\n  const debouncedFilter = useCallback(\n    debounce((searchValue) => {\n      const filteredData = notifications.filter(d =>\n        d.notificationName?.toLowerCase().includes(searchValue) &&\n        d.state === (isActiveRef.current ? 'ACTIVE' : 'INACTIVE') &&\n        d.notificationType === (isMobileRef.current ? 'MO' : 'WEB')\n      );\n      trackEvent(\"search_tracking\", {\n        searchTerm: searchValue,\n        results_count: filteredData.length,\n        search_type: \"Page Search\",\n      });\n      setFilteredNotifications(filteredData);\n    }, 500),\n    [notifications, trackEvent]\n  );\n\n  /**\n   * Handles the search input to filter notifications by name.\n   * @function handleSearch\n   * @param {Object} e - The event object from the input field.\n   * @param {string} e.target.value - The current value in the search input field.\n   */\n  const handleSearch = (e) => {\n    const searchValue = e.target.value.toLowerCase();\n    setSearch(searchValue);\n    debouncedFilter(searchValue);\n  };\n\n  /**\n   * Handles sorting of the notification list based on the specified column.\n   * @function handleSort\n   */\n  const handleSort = (column) => {\n    const order = column.sortOrder === \"asc\" ? \"desc\" : \"asc\";\n    setColumns((prev) =>\n      prev.map((col) => {\n        if (col.field === column.field) {\n          return { ...col, sortOrder: order };\n        }\n        return col;\n      })\n    );\n\n    const sortedData = [...filteredNotifications].sort((a, b) => {\n      const valA = a[column.field]?.toString().toLowerCase();\n      const valB = b[column.field]?.toString().toLowerCase();\n\n      if (valA < valB) {\n        return order === \"asc\" ? -1 : 1;\n      }\n      if (valA > valB) {\n        return order === \"asc\" ? 1 : -1;\n      }\n      return 0;\n    });\n\n    setFilteredNotifications(sortedData);\n  };\n\n  /**\n   * Loads initial data for notifications and roles when the component is mounted or when `openModal` changes.\n   * @function useEffect\n   * @param {boolean} openModal - The state that controls whether a modal is open. Triggers the hook to reload data when it changes.\n   */\n\n  const loadInitialData = async () => {\n    try {\n      setIsLoading((cur) => !cur);\n      const { data } = await getNotifications();\n      setNotifications(data);\n      const filteredData = data.filter(d => d.notificationType === 'MO' && d.state === 'ACTIVE');\n      setFilteredNotifications(filteredData);\n      if (!roleData.length) {\n        const { data: roleData } = await getAllRoleList();\n        setRoleData(roleData);\n      }\n      setIsLoading((cur) => !cur);\n      setSearch('');\n    } catch (error) {\n      console.error(\"error\", error);\n      setIsLoading((cur) => !cur);\n    }\n  };\n\n  useEffect(() => {\n    loadInitialData();\n  }, []);\n\n  const handleFilter = (value, filterType) => {\n    const nextIsActive =\n      filterType === 'status' ? value : isActive;\n\n    const nextIsMobile =\n      filterType === 'notificationType' ? value : isMobile;\n\n    setisActive(nextIsActive);\n    setisMobile(nextIsMobile);\n\n    if (search) {\n      debouncedFilter(search);\n    } else {\n      setFilteredNotifications(\n        notifications.filter(d =>\n          d.state === (nextIsActive ? 'ACTIVE' : 'INACTIVE') &&\n          d.notificationType === (nextIsMobile ? 'MO' : 'WEB')\n        )\n      );\n    }\n  };\n\n  return (\n    <Card\n      variant=\"elevation\"\n      container\n      className=\"mt-6 p-3 flex flex-col space-y-3 shadow-xl\"\n    >\n      <Suspense>\n        <ManageNotification\n          open={openModal === 1 || openModal === 5}\n          handleClose={() => setOpenModal(\"\")}\n          data={openModal === 1 ? rowData : null}\n          roleData={roleData}\n          setNotifications={loadInitialData}\n          data-testid=\"notification-list-managenotification-dialog\"\n        />\n      </Suspense>\n      <Suspense>\n        <NotificationFlywayQuery\n          open={openModal === 3}\n          handleClose={() => setOpenModal(\"\")}\n          data={rowData}\n          roleData={roleData}\n        />\n      </Suspense>\n      <CustomConfirmationModal\n        title={\"CONFIRM ACTION\"}\n        open={openModal === 2}\n        description={`Are you sure you want to change the state ${rowData?.state === \"INACTIVE\" ? \"inactive\" : \"active\"} to ${rowData?.state === \"INACTIVE\" ? \"active\" : \"inactive\"}`}\n        handleClick={toggleActiveStatus}\n        handleClose={() => setOpenModal(\"\")}\n        dataTestId=\"notification-list-customconfirmationmodal-dialog\"\n      />\n      <SyncWithServerDialog\n        isOpen={Boolean(featureUuid)}\n        handleClose={() => setFeatureUuid(() => null)}\n        featureUUID={featureUuid}\n        dataTestId=\"notification-list-syncwithserverdialog-dialog\"\n      />\n      <NotificationListSkeleton isLoading={isLoading}>\n        <Grid container className=\"flex justify-between\">\n          <Grid>\n            <Typography\n              variant=\"body2\"\n              className=\"font-bold font-sans text-lg text-customBlue uppercase\"\n              data-testid=\"notification-list-typography-title\"\n            >\n              {translate(\"Notification Configuration\")}\n            </Typography>\n          </Grid>\n          <Box className=\"flex flex-col sm:flex-row sm:items-center gap-3 w-full sm:w-auto\">\n            <Box className=\"flex items-center gap-3\">\n              <FormControlLabel\n                control={\n                  <Checkbox\n                    checked={isActive}\n                    onChange={(e) =>\n                      handleFilter(e.target.checked, 'status')\n                    }\n                    data-testid=\"notifications-checkbox-include-active\"\n                  />\n                }\n                label={translate(\"Active\")}\n                slotProps={{\n                  typography: {\n                    className: \"custom-label\",\n                  },\n                }}\n              />\n              <FormControlLabel\n                control={\n                  <Checkbox\n                    checked={isMobile}\n                    onChange={(e) =>\n                      handleFilter(e.target.checked, 'notificationType')\n                    }\n                    data-testid=\"notifications-checkbox-include-mobile\"\n                  />\n                }\n                label={translate(\"Mobile\")}\n                slotProps={{\n                  typography: {\n                    className: \"custom-label\",\n                  },\n                }}\n              />\n            </Box>\n            <Box className=\"flex items-center gap-3 w-full sm:w-auto\">\n              <TextField\n                id=\"searchQuery\"\n                placeholder=\"Search Text\"\n                size=\"small\"\n                onChange={handleSearch}\n                className=\"m-0 p-0 bg-white\"\n                value={search}\n                data-testid=\"notification-list-textfield-search\"\n                sx={{\n                  \"& .MuiInputBase-root\": {\n                    height: \"2.4em\",\n                    width: { xs: \"100%\", sm: \"190px\" },\n                  },\n                  flex: { xs: 1, sm: 1 }\n                }}\n              />\n              <Button\n                size=\"small\"\n                variant=\"contained\"\n                onClick={() => {\n                  trackEvent(\"button_click\", {\n                    button_name: \"notification-list-add-button\",\n                    button_type: \"navigate\",\n                    button_id: \"notification-list-button-add\",\n                  });\n                  setOpenModal(5);\n                }}\n                data-testid=\"notification-list-button-add\"\n                sx={{ whiteSpace: 'nowrap' }}\n              >\n                {translate(\"Add\")}\n              </Button>\n            </Box>\n          </Box>\n        </Grid>\n        <Grid size={{ xs: 12 }}>\n          <CustomizedTable\n            columns={columns}\n            actions={actions}\n            tableData={filteredNotifications}\n            paginationConfig={{\n              pagination: false,\n            }}\n            styleConfig={{\n              tableStyle: {\n                maxHeight: 40,\n              },\n            }}\n            handleSort={handleSort}\n            isLoading={isLoading}\n            dataTestId=\"notification-list-customizedtable\"\n          />\n        </Grid>\n      </NotificationListSkeleton>\n    </Card>\n  );\n}\n"],"names":["toggleActiveState","id","state","api","PostNotification","params","NotificationListSkeleton","children","isLoading","useSelector","getUseSkeleton","jsxs","jsx","PropTypes","ManageNotificationSkeleton","ManageNotification","lazy","NotificationFlywayQuery","NotificationList","trackEvent","useTrackEvent","search","setSearch","useState","notifications","setNotifications","filteredNotifications","setFilteredNotifications","openModal","setOpenModal","rowData","setRowData","roleData","setRoleData","translate","useTranslateProvider","featureUuid","setFeatureUuid","setIsLoading","defaultColumns","row","Typography","columns","setColumns","isActive","setisActive","isMobile","setisMobile","isActiveRef","useRef","isMobileRef","useEffect","toggleActiveStatus","cur","data","getNotifications","showToast","error","actions","FontAwesomeIcon","faPen","e","faBars","debouncedFilter","useCallback","debounce","searchValue","filteredData","_a","d","handleSearch","handleSort","column","order","prev","col","sortedData","a","b","valA","valB","_b","loadInitialData","getAllRoleList","handleFilter","value","filterType","nextIsActive","nextIsMobile","Card","Suspense","CustomConfirmationModal","SyncWithServerDialog","Grid","Box","FormControlLabel","Checkbox","TextField","Button","CustomizedTable"],"mappings":"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"}