@argusoft/medplat-core 1.0.19 → 1.0.21

package/dist/{AddEditQueryBuilder-Bcjl5mXE.js → AddEditQueryBuilder-C8ZSkOF0.js}

@@ -1,39 +1,39 @@
 import { jsx as r, jsxs as l } from "react/jsx-runtime";
-import { useTranslateProvider as _ } from "@/common/languageTranslator/TranslationContext";
-import { s as N } from "./QueryBuilder-DXexUIe8.js";
-import d from "@/common/services/util/GeneralUtil";
+import { useTranslateProvider as M } from "@/common/languageTranslator/TranslationContext";
+import { s as N } from "./QueryBuilder-DI0wCJbz.js";
+import d from "@/common/config/implementationConfig";
 import { showToast as C } from "@/common/toaster/toaster";
-import j from "@/hooks/useTrackEvent";
+import _ from "@/hooks/useTrackEvent";
 import z from "@/views/custom-components/CustomTextArea";
-import U from "@/views/custom-components/CustomTextField";
+import j from "@/views/custom-components/CustomTextField";
 import { yupResolver as A } from "@hookform/resolvers/yup";
-import { Drawer as D, Box as Q, Typography as q, FormControlLabel as n, Checkbox as c, Button as S } from "@mui/material";
+import { Drawer as D, Box as Q, Typography as q, FormControlLabel as u, Checkbox as n, Button as S } from "@mui/material";
 import s from "@mui/material/Grid2";
-import u from "prop-types";
-import { useRef as F, useEffect as V } from "react";
-import { useForm as G, Controller as m } from "react-hook-form";
+import c from "prop-types";
+import { useRef as F, useEffect as B } from "react";
+import { useForm as O, Controller as m } from "react-hook-form";
 import * as p from "yup";
-import './AddEditQueryBuilder.css';const w = p.object().shape({
+import './AddEditQueryBuilder.css';const U = p.object().shape({
   code: p.string().required("Enter code").trim().lowercase(),
   description: p.string().required("Enter Description").trim().lowercase(),
   query: p.string().required("Enter query").trim().lowercase()
 });
-function O({
+function G({
   isEditMode: o,
   open: b,
-  close: E,
+  close: I,
   editRow: a,
-  loadInitialState: P
+  loadInitialState: V
 }) {
-  const g = F(null), v = F(!1), { translate: t } = _(), {
+  const g = F(null), k = F(!1), { translate: t } = M(), {
     control: i,
-    handleSubmit: B,
-    setValue: f,
-    getValues: I,
-    formState: { errors: y },
-    reset: k
-  } = G({
-    resolver: A(w),
+    handleSubmit: E,
+    setValue: y,
+    getValues: P,
+    formState: { errors: f },
+    reset: v
+  } = O({
+    resolver: A(U),
     mode: "onChange",
     defaultValues: {
       code: "",
@@ -43,22 +43,22 @@ function O({
       isPublic: !1,
       isMobileQuery: !1,
       isClickhouseQuery: !1,
-      ...d.isTecho && { isCached: !1 }
+      ...d.queryBuilder.showIsCachedField && { isCached: d.queryBuilder.defaultIsCached }
     }
-  }), T = j(), h = () => {
+  }), T = _(), h = () => {
     T("conversion_event", {
       form: g.current,
       form_name: "Add/Edit Query Builder",
-      submit: v.current
-    }), E();
-  }, L = async () => {
+      submit: k.current
+    }), I();
+  }, w = async () => {
     try {
-      const e = I();
+      const e = P();
       T("button_click", {
         button_name: o && a ? "querybuilder-update-button" : "querybuilder-add-button",
         button_type: "submit",
         button_id: "addeditquerybuilder-save-button"
-      }), o && a ? (a.query = e.query, a.code = e.code, a.description = e.description, a.returnsResultSet = e.returnsResultSet, a.isPublic = e.isPublic, a.isMobileQuery = e.isMobileQuery, a.isClickhouseQuery = e.isClickhouseQuery, d.isTecho && (a.isCached = e.isCached), await N(a), C({ message: "Query Updated SuccessFully", type: "success" })) : (await N(e), C({ message: "Query Created SuccessFully", type: "success" })), v.current = !0, h(), await P();
+      }), o && a ? (a.query = e.query, a.code = e.code, a.description = e.description, a.returnsResultSet = e.returnsResultSet, a.isPublic = e.isPublic, a.isMobileQuery = e.isMobileQuery, a.isClickhouseQuery = e.isClickhouseQuery, d.queryBuilder.showIsCachedField && (a.isCached = e.isCached), await N(a), C({ message: "Query Updated SuccessFully", type: "success" })) : (await N(e), C({ message: "Query Created SuccessFully", type: "success" })), k.current = !0, h(), await V();
     } catch (e) {
       C({
         message: `${e.status === 400 ? "This code is already registered. Please enter a different code" : "Error in Query Generation"}`,
@@ -66,11 +66,11 @@ function O({
       });
     }
   };
-  return V(() => {
-    o && Object.keys(a).forEach((e) => f(e, a == null ? void 0 : a[e]));
-  }, [o, a, f]), V(() => {
-    b || k();
-  }, [b, k]), /* @__PURE__ */ r(
+  return B(() => {
+    o && Object.keys(a).forEach((e) => y(e, a == null ? void 0 : a[e]));
+  }, [o, a, y]), B(() => {
+    b || v();
+  }, [b, v]), /* @__PURE__ */ r(
     D,
     {
       anchor: "right",
@@ -91,20 +91,20 @@ function O({
               /* @__PURE__ */ r("span", { className: "text-red-500 ml-1", children: "*" })
             ] }),
             /* @__PURE__ */ r(
-              U,
+              j,
               {
                 control: i,
                 id: "code",
                 name: "code",
-                errors: y,
+                errors: f,
                 className: "m-0",
                 label: "",
                 size: "small",
                 onBlur: (e) => {
                   const x = e.target.value;
                   if (x) {
-                    const M = o ? x.trim() : x.trim().toUpperCase();
-                    f("code", M);
+                    const L = o ? x.trim() : x.trim().toUpperCase();
+                    y("code", L);
                   }
                 },
                 dataTestId: "addeditquerybuilder-code-textfield"
@@ -131,7 +131,7 @@ function O({
                 minRows: 1,
                 id: "description",
                 name: "description",
-                errors: y,
+                errors: f,
                 className: "pl-2.5 pt-2.5",
                 "data-testid": "addeditquerybuilder-description-textarea"
               }
@@ -149,21 +149,21 @@ function O({
                 minRows: 5,
                 id: "query",
                 name: "query",
-                errors: y,
+                errors: f,
                 "data-testid": "addeditquerybuilder-query-textarea"
               }
             )
           ] }),
-          d.isTecho && /* @__PURE__ */ r(s, { size: { xs: 12 }, children: /* @__PURE__ */ r(
+          d.queryBuilder.showIsCachedField && /* @__PURE__ */ r(s, { size: { xs: 12 }, children: /* @__PURE__ */ r(
             m,
             {
               name: "isCached",
               control: i,
               defaultValue: !1,
               render: ({ field: e }) => /* @__PURE__ */ r(
-                n,
+                u,
                 {
-                  control: /* @__PURE__ */ r(c, { ...e, checked: e.value }),
+                  control: /* @__PURE__ */ r(n, { ...e, checked: e.value }),
                   label: t("Is Cached"),
                   sx: {
                     "& .MuiFormControlLabel-label": {
@@ -184,9 +184,9 @@ function O({
               control: i,
               defaultValue: !1,
               render: ({ field: e }) => /* @__PURE__ */ r(
-                n,
+                u,
                 {
-                  control: /* @__PURE__ */ r(c, { ...e, checked: e.value }),
+                  control: /* @__PURE__ */ r(n, { ...e, checked: e.value }),
                   label: t("Returns Result Set"),
                   sx: {
                     "& .MuiFormControlLabel-label": {
@@ -207,9 +207,9 @@ function O({
               control: i,
               defaultValue: !1,
               render: ({ field: e }) => /* @__PURE__ */ r(
-                n,
+                u,
                 {
-                  control: /* @__PURE__ */ r(c, { ...e, checked: e.value }),
+                  control: /* @__PURE__ */ r(n, { ...e, checked: e.value }),
                   label: t("Is Public"),
                   sx: {
                     "& .MuiFormControlLabel-label": {
@@ -230,9 +230,9 @@ function O({
               control: i,
               defaultValue: !1,
               render: ({ field: e }) => /* @__PURE__ */ r(
-                n,
+                u,
                 {
-                  control: /* @__PURE__ */ r(c, { ...e, checked: e.value }),
+                  control: /* @__PURE__ */ r(n, { ...e, checked: e.value }),
                   label: t("Is Mobile Query"),
                   sx: {
                     "& .MuiFormControlLabel-label": {
@@ -246,16 +246,16 @@ function O({
               )
             }
           ) }),
-          (d.isEkavach || d.isPhmp) && /* @__PURE__ */ r(s, { size: { xs: 12 }, children: /* @__PURE__ */ r(
+          d.queryBuilder.showClickhouseOption && /* @__PURE__ */ r(s, { size: { xs: 12 }, children: /* @__PURE__ */ r(
             m,
             {
               name: "isClickhouseQuery",
               control: i,
               defaultValue: !1,
               render: ({ field: e }) => /* @__PURE__ */ r(
-                n,
+                u,
                 {
-                  control: /* @__PURE__ */ r(c, { ...e, checked: e.value }),
+                  control: /* @__PURE__ */ r(n, { ...e, checked: e.value }),
                   label: t("Is Clickhouse Query"),
                   sx: {
                     "& .MuiFormControlLabel-label": {
@@ -289,7 +289,7 @@ function O({
               size: "small",
               color: "primary",
               type: "submit",
-              onClick: B(L),
+              onClick: E(w),
               className: "ml-2.5",
               "data-testid": "addeditquerybuilder-save-button",
               children: t("Save")
@@ -300,14 +300,14 @@ function O({
     }
   );
 }
-O.propTypes = {
-  isEditMode: u.any,
-  open: u.any,
-  close: u.any,
-  editRow: u.any,
-  loadInitialState: u.any
+G.propTypes = {
+  isEditMode: c.any,
+  open: c.any,
+  close: c.any,
+  editRow: c.any,
+  loadInitialState: c.any
 };
 export {
-  O as default
+  G as default
 };
-//# sourceMappingURL=AddEditQueryBuilder-Bcjl5mXE.js.map
+//# sourceMappingURL=AddEditQueryBuilder-C8ZSkOF0.js.map

package/dist/AddEditQueryBuilder-C8ZSkOF0.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AddEditQueryBuilder-C8ZSkOF0.js","sources":["../src/views/QueryBuilder/AddEditQueryBuilder.jsx"],"sourcesContent":["import { useTranslateProvider } from \"@/common/languageTranslator/TranslationContext\";\nimport { runQuery, saveOrUpdate } from \"../../services/QueryBuilder\";\nimport implementationConfig from \"@/common/config/implementationConfig\";\nimport { showToast } from \"@/common/toaster/toaster\";\nimport useTrackEvent from \"@/hooks/useTrackEvent\";\nimport CustomTextArea from \"@/views/custom-components/CustomTextArea\";\nimport CustomTextField from \"@/views/custom-components/CustomTextField\";\nimport \"./Styles/AddEditQueryBuilder.scss\";\nimport { yupResolver } from \"@hookform/resolvers/yup\";\nimport {\n  Box,\n  Button,\n  Checkbox,\n  Drawer,\n  FormControlLabel,\n  Typography,\n} from \"@mui/material\";\nimport Grid from \"@mui/material/Grid2\";\nimport PropTypes from \"prop-types\";\nimport { useEffect, useRef } from \"react\";\nimport { Controller, useForm } from \"react-hook-form\";\nimport * as yup from \"yup\";\n\nconst schema = yup.object().shape({\n  code: yup.string().required(\"Enter code\").trim().lowercase(),\n  description: yup.string().required(\"Enter Description\").trim().lowercase(),\n  query: yup.string().required(\"Enter query\").trim().lowercase(),\n});\n\n/**\n * A React functional component for adding or editing query builder entries.\n *\n * This component provides a user interface for either creating a new query or\n * editing an existing one. It supports both add and edit modes based on the `isEditMode` prop.\n * @module AddEditQueryBuilder\n * @param {Object} props - The component's props.\n * @param {boolean} props.isEditMode - Indicates if the component is in edit mode.\n *                                      If true, it will pre-fill the form with data from `editRow`.\n * @param {boolean} props.open - Determines if the component's modal or form is open or closed.\n *                                Used to control the visibility of the component.\n * @param {Function} props.close - Function to close the modal or form.\n *                                  This function is called when the user wants to cancel or close the form.\n * @param {Object} props.editRow - Contains the data for the row being edited.\n *                                  This is only used if `isEditMode` is true, and it pre-fills the form fields.\n * @param {Function} props.loadInitialState - Function to load initial data or state when the component mounts.\n *                                             Typically used to fetch necessary data or initialize form values.\n * @returns {JSX.Element} The rendered component.\n */\n\nfunction AddEditQueryBuilder({\n  isEditMode,\n  open,\n  close,\n  editRow,\n  loadInitialState,\n}) {\n  const formRef = useRef(null);\n  const submitRef = useRef(false);\n  const { translate } = useTranslateProvider();\n  const {\n    control,\n    handleSubmit,\n    setValue,\n    getValues,\n    formState: { errors },\n    reset,\n  } = useForm({\n    resolver: yupResolver(schema),\n    mode: \"onChange\",\n    defaultValues: {\n      code: \"\",\n      description: \"\",\n      query: \"\",\n      returnsResultSet: false,\n      isPublic: false,\n      isMobileQuery: false,\n      isClickhouseQuery: false,\n      ...(implementationConfig.queryBuilder.showIsCachedField && { isCached: implementationConfig.queryBuilder.defaultIsCached })\n    },\n  });\n\n  const trackEvent = useTrackEvent();\n  /**\n   * Handles form submission for adding or editing a query.\n   * @async\n   * @function onSubmit\n   * @throws {Error} Throws an error if the query generation fails.\n   * @returns {Promise<void>} A promise that resolves when the submission is complete.\n   */\n  const handleClose = () => {\n    trackEvent(\"conversion_event\", {\n      form: formRef.current,\n      form_name: \"Add/Edit Query Builder\",\n      submit: submitRef.current,\n    });\n    close();\n  };\n  const onSubmit = async () => {\n    try {\n      const formValues = getValues();\n      trackEvent(\"button_click\", {\n        button_name:\n          isEditMode && editRow\n            ? \"querybuilder-update-button\"\n            : \"querybuilder-add-button\",\n        button_type: \"submit\",\n        button_id: \"addeditquerybuilder-save-button\",\n      });\n\n      if (isEditMode && editRow) {\n        editRow.query = formValues.query;\n        editRow.code = formValues.code;\n        editRow.description = formValues.description;\n        editRow.returnsResultSet = formValues.returnsResultSet;\n        editRow.isPublic = formValues.isPublic;\n        editRow.isMobileQuery = formValues.isMobileQuery;\n        editRow.isClickhouseQuery = formValues.isClickhouseQuery;\n        if (implementationConfig.queryBuilder.showIsCachedField) editRow.isCached = formValues.isCached;\n        await saveOrUpdate(editRow);\n\n        showToast({ message: \"Query Updated SuccessFully\", type: \"success\" });\n      } else {\n        await saveOrUpdate(formValues);\n        showToast({ message: \"Query Created SuccessFully\", type: \"success\" });\n      }\n      submitRef.current = true;\n      handleClose();\n      await loadInitialState();\n    } catch (error) {\n      showToast({\n        message: `${error.status === 400 ? \"This code is already registered. Please enter a different code\" : \"Error in Query Generation\"}`,\n        type: \"error\",\n      });\n    }\n  };\n\n  /**\n   * Executes a query and handles success or error feedback.\n   * @async\n   * @function onRun\n   * @throws {Error} Throws an error if the query execution fails.\n   * @returns {Promise<void>} A promise that resolves when the query execution\n   * is complete.\n   */\n\n  // const onRun = async () => {\n  //   try {\n  //     trackEvent('button_click', {\n  //       button_name: 'querybuilder-run-now-button',\n  //       button_type: 'submit',\n  //       button_id: 'addeditquerybuilder-run-now-button',\n  //     });\n  //     const formValues = getValues();\n  //     await runQuery(formValues?.query);\n  //     showToast({ message: 'Run Successfully', type: 'success' });\n  //   } catch (error) {\n  //     console.error(error);\n  //     showToast({ message: `${error?.response?.data?.message}`, type: 'error' });\n  //   }\n  // };\n\n  /**\n   * Updates form values based on whether the component is in edit mode or not. *\n   * @function useEffect\n   * @param {boolean} isEditMode - Indicates whether the component is in edit mode.\n   * @param {Object} editRow - Contains the data to populate the form when in edit mode.\n   * @param {Function} setValue - Function to update form values.\n   * @returns {void}\n   */\n\n  useEffect(() => {\n    if (isEditMode)\n      Object.keys(editRow).forEach((key) => setValue(key, editRow?.[key]));\n  }, [isEditMode, editRow, setValue]);\n\n  /**\n   * Resets the form values when the modal or component is closed.\n   * @function useEffect\n   * @param {boolean} open - Indicates whether the modal or component is open.\n   * @param {Function} reset - Function to reset the form values.\n   * @returns {void}\n   */\n\n  useEffect(() => {\n    if (!open) {\n      reset();\n    }\n  }, [open, reset]);\n\n  return (\n    <Drawer\n      anchor={\"right\"}\n      open={open}\n      onClose={handleClose}\n      className=\"z-[1300]\"\n      data-testid=\"addEdit-queryBuilder\"\n    >\n      <Grid container className=\"w-full md:w-[650px] max-w-full\" ref={formRef}>\n        <Box className=\"p-2.5 px-5 flex border-b w-full\">\n          <Grid className=\"font-medium text-lg w-full text-customBlue\">\n            {isEditMode\n              ? translate(\"Edit Configured\")\n              : translate(\"Configure New\")}{\" \"}\n            {translate(\"Query\")}\n          </Grid>\n        </Box>\n        <Grid className=\"p-3 grow\">\n          <Grid size={{ xs: 12 }} className=\"pb-2\">\n            <Typography variant=\"caption\" className=\"pl-0\">\n              {translate(\"Code\")}\n              <span className=\"text-red-500 ml-1\">*</span>\n            </Typography>\n            <CustomTextField\n              control={control}\n              id=\"code\"\n              name=\"code\"\n              errors={errors}\n              className=\"m-0\"\n              label=\"\"\n              size=\"small\"\n              onBlur={(e) => {\n                const val = e.target.value;\n                if (val) {\n                  const transformedVal = isEditMode\n                    ? val.trim()\n                    : val.trim().toUpperCase();\n                  setValue(\"code\", transformedVal);\n                }\n              }}\n              dataTestId=\"addeditquerybuilder-code-textfield\"\n            />\n          </Grid>\n\n          <Grid size={{ xs: 12 }} className=\"pb-2\">\n            <Typography\n              variant=\"caption\"\n              className=\"p-3 pl-0\"\n              data-testid=\"addeditquerybuilder-description-label\"\n            >\n              {translate(\"Description\")}\n              <span className=\"text-red-500 ml-1\">*</span>\n            </Typography>\n            <CustomTextArea\n              control={control}\n              minRows={1}\n              id=\"description\"\n              name=\"description\"\n              errors={errors}\n              className=\"pl-2.5 pt-2.5\"\n              data-testid=\"addeditquerybuilder-description-textarea\"\n            />\n          </Grid>\n\n          <Grid size={{ xs: 12 }} className=\"pb-2\">\n            <Typography variant=\"caption\" className=\"p-3 pl-0\">\n              {translate(\"Query\")}\n              <span className=\"text-red-500 ml-1\">*</span>\n            </Typography>\n            <CustomTextArea\n              control={control}\n              minRows={5}\n              id=\"query\"\n              name=\"query\"\n              errors={errors}\n              data-testid=\"addeditquerybuilder-query-textarea\"\n            />\n          </Grid>\n          {implementationConfig.queryBuilder.showIsCachedField && (\n            <Grid size={{ xs: 12 }}>\n              <Controller\n                name=\"isCached\"\n                control={control}\n                defaultValue={false}\n                render={({ field }) => (\n                  <FormControlLabel\n                    control={<Checkbox {...field} checked={field.value} />}\n                    label={translate(\"Is Cached\")}\n                    sx={{\n                      \"& .MuiFormControlLabel-label\": {\n                        fontSize: \"14px\",\n                      },\n                      marginTop: 0,\n                      paddingTop: 0,\n                    }}\n                    data-testid=\"addeditquerybuilder-is-cached-checkbox\"\n                  />\n                )}\n              />\n            </Grid>\n          )}\n          <Grid size={{ xs: 12 }}>\n            <Controller\n              name=\"returnsResultSet\"\n              control={control}\n              defaultValue={false}\n              render={({ field }) => (\n                <FormControlLabel\n                  control={<Checkbox {...field} checked={field.value} />}\n                  label={translate(\"Returns Result Set\")}\n                  sx={{\n                    \"& .MuiFormControlLabel-label\": {\n                      fontSize: \"14px\",\n                    },\n                    marginTop: 0,\n                    paddingTop: 0,\n                  }}\n                  data-testid=\"addeditquerybuilder-returns-result-set-checkbox\"\n                />\n              )}\n            />\n          </Grid>\n\n          <Grid size={{ xs: 12 }}>\n            <Controller\n              name=\"isPublic\"\n              control={control}\n              defaultValue={false}\n              render={({ field }) => (\n                <FormControlLabel\n                  control={<Checkbox {...field} checked={field.value} />}\n                  label={translate(\"Is Public\")}\n                  sx={{\n                    \"& .MuiFormControlLabel-label\": {\n                      fontSize: \"14px\",\n                    },\n                    marginTop: 0,\n                    paddingTop: 0,\n                  }}\n                  data-testid=\"addeditquerybuilder-is-public-checkbox\"\n                />\n              )}\n            />\n          </Grid>\n          <Grid size={{ xs: 12 }}>\n            <Controller\n              name=\"isMobileQuery\"\n              control={control}\n              defaultValue={false}\n              render={({ field }) => (\n                <FormControlLabel\n                  control={<Checkbox {...field} checked={field.value} />}\n                  label={translate(\"Is Mobile Query\")}\n                  sx={{\n                    \"& .MuiFormControlLabel-label\": {\n                      fontSize: \"14px\",\n                    },\n                    marginTop: 0,\n                    paddingTop: 0,\n                  }}\n                  data-testid=\"addeditquerybuilder-is-mobilequery-checkbox\"\n                />\n              )}\n            />\n          </Grid>\n          {implementationConfig.queryBuilder.showClickhouseOption && (\n            <Grid size={{ xs: 12 }}>\n              <Controller\n                name=\"isClickhouseQuery\"\n                control={control}\n                defaultValue={false}\n                render={({ field }) => (\n                  <FormControlLabel\n                    control={<Checkbox {...field} checked={field.value} />}\n                    label={translate(\"Is Clickhouse Query\")}\n                    sx={{\n                      \"& .MuiFormControlLabel-label\": {\n                        fontSize: \"14px\",\n                      },\n                      marginTop: 0,\n                      paddingTop: 0,\n                    }}\n                    data-testid=\"addeditquerybuilder-is-clickhousequery-checkbox\"\n                  />\n                )}\n              />\n            </Grid>\n          )}\n        </Grid>\n        <Box className=\"p-3 w-full flex justify-end\">\n          <Button\n            size=\"small\"\n            variant=\"contained\"\n            color=\"secondary\"\n            onClick={handleClose}\n            data-testid=\"addeditquerybuilder-close-button\"\n          >\n            {translate(\"Cancel\")}\n          </Button>\n          <Button\n            variant=\"contained\"\n            size=\"small\"\n            color=\"primary\"\n            type=\"submit\"\n            onClick={handleSubmit(onSubmit)}\n            className=\"ml-2.5\"\n            data-testid=\"addeditquerybuilder-save-button\"\n          >\n            {translate(\"Save\")}\n          </Button>\n          {/* <Button\n            variant=\"contained\"\n            size=\"small\"\n            color=\"primary\"\n            className=\"ml-2.5\"\n            onClick={onRun}\n            disabled={!isEditMode}\n            data-testid=\"addeditquerybuilder-run-now-button\"\n          >\n            {translate('Run Now')}\n          </Button> */}\n        </Box>\n      </Grid>\n    </Drawer >\n  );\n}\n\nAddEditQueryBuilder.propTypes = {\n  isEditMode: PropTypes.any,\n  open: PropTypes.any,\n  close: PropTypes.any,\n  editRow: PropTypes.any,\n  loadInitialState: PropTypes.any,\n};\n\nexport default AddEditQueryBuilder;\n"],"names":["schema","yup","AddEditQueryBuilder","isEditMode","open","close","editRow","loadInitialState","formRef","useRef","submitRef","translate","useTranslateProvider","control","handleSubmit","setValue","getValues","errors","reset","useForm","yupResolver","implementationConfig","trackEvent","useTrackEvent","handleClose","onSubmit","formValues","saveOrUpdate","showToast","error","useEffect","key","jsx","Drawer","Grid","Box","jsxs","Typography","CustomTextField","val","transformedVal","CustomTextArea","Controller","field","FormControlLabel","Checkbox","Button","PropTypes"],"mappings":"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"}

package/dist/{AddFeatures-CE5rBxEG.js → AddFeatures-CTVs_Gr9.js}

@@ -1,5 +1,5 @@
 import { jsx as t, jsxs as n } from "react/jsx-runtime";
-import { p as M } from "./RoleManagement-BThAL5LO.js";
+import { p as M } from "./RoleManagement-B9WgZGEj.js";
 import { yupResolver as O } from "@hookform/resolvers/yup";
 import { Modal as V, Box as x, Typography as p, List as $, ListItem as z, Stack as W, Button as v } from "@mui/material";
 import i from "@mui/material/Grid2";
@@ -209,4 +209,4 @@ Y.propTypes = {
 export {
   Y as default
 };
-//# sourceMappingURL=AddFeatures-CE5rBxEG.js.map
+//# sourceMappingURL=AddFeatures-CTVs_Gr9.js.map

package/dist/{AddFeatures-CE5rBxEG.js.map → AddFeatures-CTVs_Gr9.js.map}

@@ -1 +1 @@
-{"version":3,"file":"AddFeatures-CE5rBxEG.js","sources":["../src/views/Roles/AddFeatures.jsx"],"sourcesContent":["import { postNewFeature } from \"../../services/Roles\";\nimport { yupResolver } from \"@hookform/resolvers/yup\";\nimport {\n  Box,\n  Button,\n  List,\n  ListItem,\n  Modal,\n  Stack,\n  Typography,\n} from \"@mui/material\";\nimport Grid from \"@mui/material/Grid2\";\nimport PropTypes from \"prop-types\";\nimport { useEffect, useRef, useState } from \"react\";\nimport { useForm } from \"react-hook-form\";\nimport * as Yup from \"yup\";\nimport { showToast } from \"@/common/toaster/toaster\";\nimport { useTranslateProvider } from \"@/common/languageTranslator/TranslationContext\";\nimport useTrackEvent from \"@/hooks/useTrackEvent\";\nimport CustomAutocomplete from \"@/views/custom-components/CustomAutoComplete\";\nimport { getFeaturesV2 } from \"@/common/services/AuthenticateService\";\n// import { getFeatures } from \"@/common/services/AuthenticateService\";\n\nexport default function AddFeatures({\n  assignedFeatureList,\n  selectedId,\n  setData,\n  open,\n  setOpenModal,\n}) {\n  const formRef = useRef(null);\n  const submitRef = useRef(false);\n  const { translate } = useTranslateProvider();\n  const [features, setFeatures] = useState([]);\n\n  const validationSchema = Yup.object().shape({\n    values: Yup.array().min(1, \"Please select at least one feature.\"),\n  });\n\n  const {\n    formState: { errors },\n    handleSubmit,\n    reset,\n    control,\n    watch,\n  } = useForm({\n    defaultValues: {\n      values: [],\n    },\n    resolver: yupResolver(validationSchema),\n    mode: \"onChange\",\n  });\n\n  const featuresWatcher = watch(\"values\");\n\n  function extractFeatures(data) {\n    const features = [];\n    for (const key in data) {\n      data[key].forEach((item) => {\n        if (item.subGroups) {\n          item.subGroups.forEach((subGroup) => features.push(subGroup));\n        } else {\n          features.push(item);\n        }\n      });\n    }\n    return features;\n  }\n\n  const trackEvent = useTrackEvent();\n\n  function handleClose() {\n    reset();\n    setOpenModal(false);\n    trackEvent(\"conversion_event\", {\n      form: formRef.current,\n      form_name: \"Add Feature\",\n      submit: submitRef.current,\n    });\n    trackEvent(\"button_click\", {\n      button_name: \"add feature cancel button\",\n      button_type: \"cancel\",\n      button_id: \"assignfeatures-button-cancel\",\n    });\n  }\n\n  const onSubmit = async (value) => {\n    try {\n      trackEvent(\"button_click\", {\n        button_name: \"add feature save button\",\n        button_type: \"submit\",\n        button_id: \"assignfeatures-button-save\",\n      });\n      const selectedFeatureIds = value.values\n        .map((feature) => feature.id)\n        .join(\",\");\n      const featureIds = {\n        featureId: selectedFeatureIds,\n      };\n\n      await postNewFeature(featureIds, selectedId);\n      showToast({\n        message: \"Feature successfully assigned to selected role\",\n        type: \"success\",\n      });\n      await setData();\n\n      submitRef.current = true;\n      handleClose();\n    } catch (error) {\n      showToast({\n        message: `Error : ${error?.message}`,\n        type: \"error\",\n      });\n    }\n  };\n  const loadData = async () => {\n    try {\n      const { data: features } = await getFeaturesV2();\n\n      const data = extractFeatures(features).sort((a, b) =>\n        a.name?.localeCompare(b.name),\n      );\n\n      const AvailableFeatures = data.filter(\n        (feature) =>\n          !assignedFeatureList?.some(\n            (availableFeature) => availableFeature.featureId === feature.id,\n          ),\n      );\n      setFeatures(AvailableFeatures);\n    } catch (error) {\n      showToast({\n        message: `Error : ${error?.message}`,\n        type: \"error\",\n      });\n    }\n  };\n\n  useEffect(() => {\n    loadData();\n  }, [assignedFeatureList]);\n\n  return (\n    <Grid>\n      <Modal\n        open={open}\n        onClose={handleClose}\n        data-testid=\"assignfeatures-modal\"\n      >\n        <Grid\n          container\n          className=\"absolute top-[10%] left-[50%] transform -translate-x-1/2 w-[95%] sm:w-[37.5rem] shadow-2xl rounded-md border flex flex-col h-auto max-h-[80vh] overflow-y-auto\"\n          sx={{ bgcolor: \"background.paper\" }}\n        >\n          <Grid className=\"flex flex-col gap-2\">\n            <Box\n              className=\"p-2.5 px-5 flex w-full justify-start\"\n              sx={{ borderBottom: 1, borderColor: \"divider\" }}\n            >\n              <Typography\n                className=\"font-medium text-lg text-customBlue\"\n                sx={{ color: \"text.primary\" }}\n              >\n                {translate(\"Assign New Feature\")}\n              </Typography>\n            </Box>\n            <Box\n              className=\"p-2.5 max-h-100 overflow-auto\"\n              sx={{ borderBottom: 1, borderColor: \"divider\" }}\n            >\n              <CustomAutocomplete\n                options={features}\n                getOptionLabel={(option) => option.name}\n                control={control}\n                name={\"values\"}\n                errors={errors}\n                dataTestId={\"assignfeatures-autocomplete\"}\n              />\n              {featuresWatcher.length > 0 && (\n                <Grid className=\"overflow-y-auto flex flex-col max-h-40 h-auto\">\n                  <List>\n                    {featuresWatcher\n                      .filter((feature) => feature.description)\n                      .map((feature) => (\n                        <ListItem key={feature?.id}>\n                          <Typography>\n                            <strong>{feature?.name}:</strong>{\" \"}\n                            {feature?.description}\n                          </Typography>\n                        </ListItem>\n                      ))}\n                  </List>\n                </Grid>\n              )}\n            </Box>\n\n            <Stack\n              direction=\"row\"\n              spacing={2}\n              justifyContent=\"flex-end\"\n              mt={2}\n              mb={1}\n              className=\"px-4\"\n            >\n              <Button\n                variant=\"contained\"\n                color=\"secondary\"\n                onClick={handleClose}\n                data-testid=\"assignfeatures-button-cancel\"\n              >\n                <Typography\n                  variant=\"caption\"\n                  data-testid=\"assignfeatures-typography-cancel\"\n                >\n                  {translate(\"Cancel\")}\n                </Typography>\n              </Button>\n              <Button\n                size=\"small\"\n                variant=\"contained\"\n                color=\"primary\"\n                onClick={handleSubmit(onSubmit)}\n                data-testid=\"assignfeatures-button-save\"\n              >\n                {translate(\"Add\")}\n              </Button>\n            </Stack>\n          </Grid>\n        </Grid>\n      </Modal>\n    </Grid>\n  );\n}\n\nAddFeatures.propTypes = {\n  assignedFeatureList: PropTypes.any,\n  selectedId: PropTypes.any,\n  open: PropTypes.any,\n  setOpenModal: PropTypes.any,\n  setData: PropTypes.any,\n};\n"],"names":["AddFeatures","assignedFeatureList","selectedId","setData","open","setOpenModal","formRef","useRef","submitRef","translate","useTranslateProvider","features","setFeatures","useState","validationSchema","Yup","errors","handleSubmit","reset","control","watch","useForm","yupResolver","featuresWatcher","extractFeatures","data","key","item","subGroup","trackEvent","useTrackEvent","handleClose","onSubmit","value","featureIds","feature","postNewFeature","showToast","error","loadData","getFeaturesV2","AvailableFeatures","b","_a","availableFeature","useEffect","Grid","jsx","Modal","jsxs","Box","Typography","CustomAutocomplete","option","List","ListItem","Stack","Button","PropTypes"],"mappings":"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"}
+{"version":3,"file":"AddFeatures-CTVs_Gr9.js","sources":["../src/views/Roles/AddFeatures.jsx"],"sourcesContent":["import { postNewFeature } from \"../../services/Roles\";\nimport { yupResolver } from \"@hookform/resolvers/yup\";\nimport {\n  Box,\n  Button,\n  List,\n  ListItem,\n  Modal,\n  Stack,\n  Typography,\n} from \"@mui/material\";\nimport Grid from \"@mui/material/Grid2\";\nimport PropTypes from \"prop-types\";\nimport { useEffect, useRef, useState } from \"react\";\nimport { useForm } from \"react-hook-form\";\nimport * as Yup from \"yup\";\nimport { showToast } from \"@/common/toaster/toaster\";\nimport { useTranslateProvider } from \"@/common/languageTranslator/TranslationContext\";\nimport useTrackEvent from \"@/hooks/useTrackEvent\";\nimport CustomAutocomplete from \"@/views/custom-components/CustomAutoComplete\";\nimport { getFeaturesV2 } from \"@/common/services/AuthenticateService\";\n// import { getFeatures } from \"@/common/services/AuthenticateService\";\n\nexport default function AddFeatures({\n  assignedFeatureList,\n  selectedId,\n  setData,\n  open,\n  setOpenModal,\n}) {\n  const formRef = useRef(null);\n  const submitRef = useRef(false);\n  const { translate } = useTranslateProvider();\n  const [features, setFeatures] = useState([]);\n\n  const validationSchema = Yup.object().shape({\n    values: Yup.array().min(1, \"Please select at least one feature.\"),\n  });\n\n  const {\n    formState: { errors },\n    handleSubmit,\n    reset,\n    control,\n    watch,\n  } = useForm({\n    defaultValues: {\n      values: [],\n    },\n    resolver: yupResolver(validationSchema),\n    mode: \"onChange\",\n  });\n\n  const featuresWatcher = watch(\"values\");\n\n  function extractFeatures(data) {\n    const features = [];\n    for (const key in data) {\n      data[key].forEach((item) => {\n        if (item.subGroups) {\n          item.subGroups.forEach((subGroup) => features.push(subGroup));\n        } else {\n          features.push(item);\n        }\n      });\n    }\n    return features;\n  }\n\n  const trackEvent = useTrackEvent();\n\n  function handleClose() {\n    reset();\n    setOpenModal(false);\n    trackEvent(\"conversion_event\", {\n      form: formRef.current,\n      form_name: \"Add Feature\",\n      submit: submitRef.current,\n    });\n    trackEvent(\"button_click\", {\n      button_name: \"add feature cancel button\",\n      button_type: \"cancel\",\n      button_id: \"assignfeatures-button-cancel\",\n    });\n  }\n\n  const onSubmit = async (value) => {\n    try {\n      trackEvent(\"button_click\", {\n        button_name: \"add feature save button\",\n        button_type: \"submit\",\n        button_id: \"assignfeatures-button-save\",\n      });\n      const selectedFeatureIds = value.values\n        .map((feature) => feature.id)\n        .join(\",\");\n      const featureIds = {\n        featureId: selectedFeatureIds,\n      };\n\n      await postNewFeature(featureIds, selectedId);\n      showToast({\n        message: \"Feature successfully assigned to selected role\",\n        type: \"success\",\n      });\n      await setData();\n\n      submitRef.current = true;\n      handleClose();\n    } catch (error) {\n      showToast({\n        message: `Error : ${error?.message}`,\n        type: \"error\",\n      });\n    }\n  };\n  const loadData = async () => {\n    try {\n      const { data: features } = await getFeaturesV2();\n\n      const data = extractFeatures(features).sort((a, b) =>\n        a.name?.localeCompare(b.name),\n      );\n\n      const AvailableFeatures = data.filter(\n        (feature) =>\n          !assignedFeatureList?.some(\n            (availableFeature) => availableFeature.featureId === feature.id,\n          ),\n      );\n      setFeatures(AvailableFeatures);\n    } catch (error) {\n      showToast({\n        message: `Error : ${error?.message}`,\n        type: \"error\",\n      });\n    }\n  };\n\n  useEffect(() => {\n    loadData();\n  }, [assignedFeatureList]);\n\n  return (\n    <Grid>\n      <Modal\n        open={open}\n        onClose={handleClose}\n        data-testid=\"assignfeatures-modal\"\n      >\n        <Grid\n          container\n          className=\"absolute top-[10%] left-[50%] transform -translate-x-1/2 w-[95%] sm:w-[37.5rem] shadow-2xl rounded-md border flex flex-col h-auto max-h-[80vh] overflow-y-auto\"\n          sx={{ bgcolor: \"background.paper\" }}\n        >\n          <Grid className=\"flex flex-col gap-2\">\n            <Box\n              className=\"p-2.5 px-5 flex w-full justify-start\"\n              sx={{ borderBottom: 1, borderColor: \"divider\" }}\n            >\n              <Typography\n                className=\"font-medium text-lg text-customBlue\"\n                sx={{ color: \"text.primary\" }}\n              >\n                {translate(\"Assign New Feature\")}\n              </Typography>\n            </Box>\n            <Box\n              className=\"p-2.5 max-h-100 overflow-auto\"\n              sx={{ borderBottom: 1, borderColor: \"divider\" }}\n            >\n              <CustomAutocomplete\n                options={features}\n                getOptionLabel={(option) => option.name}\n                control={control}\n                name={\"values\"}\n                errors={errors}\n                dataTestId={\"assignfeatures-autocomplete\"}\n              />\n              {featuresWatcher.length > 0 && (\n                <Grid className=\"overflow-y-auto flex flex-col max-h-40 h-auto\">\n                  <List>\n                    {featuresWatcher\n                      .filter((feature) => feature.description)\n                      .map((feature) => (\n                        <ListItem key={feature?.id}>\n                          <Typography>\n                            <strong>{feature?.name}:</strong>{\" \"}\n                            {feature?.description}\n                          </Typography>\n                        </ListItem>\n                      ))}\n                  </List>\n                </Grid>\n              )}\n            </Box>\n\n            <Stack\n              direction=\"row\"\n              spacing={2}\n              justifyContent=\"flex-end\"\n              mt={2}\n              mb={1}\n              className=\"px-4\"\n            >\n              <Button\n                variant=\"contained\"\n                color=\"secondary\"\n                onClick={handleClose}\n                data-testid=\"assignfeatures-button-cancel\"\n              >\n                <Typography\n                  variant=\"caption\"\n                  data-testid=\"assignfeatures-typography-cancel\"\n                >\n                  {translate(\"Cancel\")}\n                </Typography>\n              </Button>\n              <Button\n                size=\"small\"\n                variant=\"contained\"\n                color=\"primary\"\n                onClick={handleSubmit(onSubmit)}\n                data-testid=\"assignfeatures-button-save\"\n              >\n                {translate(\"Add\")}\n              </Button>\n            </Stack>\n          </Grid>\n        </Grid>\n      </Modal>\n    </Grid>\n  );\n}\n\nAddFeatures.propTypes = {\n  assignedFeatureList: PropTypes.any,\n  selectedId: PropTypes.any,\n  open: PropTypes.any,\n  setOpenModal: PropTypes.any,\n  setData: PropTypes.any,\n};\n"],"names":["AddFeatures","assignedFeatureList","selectedId","setData","open","setOpenModal","formRef","useRef","submitRef","translate","useTranslateProvider","features","setFeatures","useState","validationSchema","Yup","errors","handleSubmit","reset","control","watch","useForm","yupResolver","featuresWatcher","extractFeatures","data","key","item","subGroup","trackEvent","useTrackEvent","handleClose","onSubmit","value","featureIds","feature","postNewFeature","showToast","error","loadData","getFeaturesV2","AvailableFeatures","b","_a","availableFeature","useEffect","Grid","jsx","Modal","jsxs","Box","Typography","CustomAutocomplete","option","List","ListItem","Stack","Button","PropTypes"],"mappings":"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"}

package/dist/{AddRoleDrawer-Bc655LQU.js → AddRoleDrawer-CQdzQZLb.js}

@@ -1,31 +1,31 @@
 import { jsx as e, jsxs as l } from "react/jsx-runtime";
-import { Drawer as he, Typography as m, Button as _, Table as L, TableHead as z, TableRow as N, TableCell as i, TableBody as j, Divider as be } from "@mui/material";
+import { Drawer as he, Typography as m, Button as S, Table as L, TableHead as z, TableRow as N, TableCell as i, TableBody as j, Divider as be } from "@mui/material";
 import { Grid as h, Box as ye, Stack as ge } from "@mui/system";
-import x from "prop-types";
-import Q from "@/views/custom-components/CustomTextField";
+import _ from "prop-types";
+import K from "@/views/custom-components/CustomTextField";
 import { useForm as we } from "react-hook-form";
 import * as X from "yup";
 import { yupResolver as ve } from "@hookform/resolvers/yup";
-import Ne, { useRef as Y, useState as S, useEffect as B } from "react";
+import Ne, { useRef as Y, useState as x, useEffect as B } from "react";
 import Z from "@/views/custom-components/CustomConfirmationModal";
 import { showToast as W } from "@/common/toaster/toaster";
 import Ce from "@/views/custom-components/CustomCheckBox";
 import { api as Ae } from "@/common/interceptors/AxiosInterceptor";
-import Te from "@/common/services/util/GeneralUtil";
-import Re from "@/hooks/useTrackEvent";
+import Te from "@/common/config/implementationConfig";
+import Pe from "@/hooks/useTrackEvent";
 import D from "@/views/custom-components/CustomAutoComplete";
-import { useTranslateProvider as Pe } from "@/common/languageTranslator/TranslationContext";
+import { useTranslateProvider as Re } from "@/common/languageTranslator/TranslationContext";
 import { faTrash as ee } from "@fortawesome/free-solid-svg-icons";
 import { FontAwesomeIcon as re } from "@fortawesome/react-fontawesome";
-const Ie = (R) => Ae.post(Te.isTecho ? "/notificationtype/update" : "/notificationtype", R);
-function ke({ open: R, handleClose: E, data: f, roleData: y }) {
-  var q, H;
-  const P = Y(null), F = Y(!1), [O, $] = S([]), [g, U] = S(null), [G, v] = S(0), [oe, te] = S(null), { translate: n } = Pe(), ae = X.object().shape({
+const Ie = (P) => Ae.post(Te.api.useQueryParamStyle ? "/notificationtype/update" : "/notificationtype", P);
+function ke({ open: P, handleClose: E, data: f, roleData: y }) {
+  var G, H;
+  const R = Y(null), F = Y(!1), [O, $] = x([]), [g, U] = x(null), [q, v] = x(0), [oe, te] = x(null), { translate: n } = Re(), ae = X.object().shape({
     name: X.string().required("Enter Name")
   });
   B(() => {
-    if (P.current) {
-      let o = P.current;
+    if (R.current) {
+      let o = R.current;
       return () => {
         M("conversion_event", {
           form: o,
@@ -34,7 +34,7 @@ function ke({ open: R, handleClose: E, data: f, roleData: y }) {
         });
       };
     }
-  }, [P.current]);
+  }, [R.current]);
   const {
     control: C,
     formState: { errors: I },
@@ -54,7 +54,7 @@ function ke({ open: R, handleClose: E, data: f, roleData: y }) {
       "roles",
       f.roles ? f.roles.map((r) => y == null ? void 0 : y.find((t) => t.name === r)).filter((r) => r !== void 0) : []
     ), f.escalationLevels || (f.escalationLevels = []), p("escalationLevels", f.escalationLevels);
-  }, [R]);
+  }, [P]);
   const ne = (o, r) => {
     const t = o == null ? void 0 : o.map((a) => a.id);
     p(`selectedPerformer[${r}].roles`, t);
@@ -117,7 +117,7 @@ function ke({ open: R, handleClose: E, data: f, roleData: y }) {
     } catch (t) {
       W({ message: t, type: "error" });
     }
-  }, M = Re(), fe = async (o) => {
+  }, M = Pe(), fe = async (o) => {
     try {
       M("button_click", {
         button_name: f ? "update widget  button" : "add widget  button",
@@ -135,7 +135,7 @@ function ke({ open: R, handleClose: E, data: f, roleData: y }) {
   return /* @__PURE__ */ e(
     he,
     {
-      open: R,
+      open: P,
       anchor: "right",
       onClose: E,
       className: "z-[1300]",
@@ -145,7 +145,7 @@ function ke({ open: R, handleClose: E, data: f, roleData: y }) {
         {
           container: !0,
           className: "flex flex-col w-full md:w-[600px] ",
-          ref: P,
+          ref: R,
           children: [
             /* @__PURE__ */ e(
               h,
@@ -172,7 +172,7 @@ function ke({ open: R, handleClose: E, data: f, roleData: y }) {
                       /* @__PURE__ */ e("span", { className: "text-red-500 ml-1", children: "*" })
                     ] }),
                     /* @__PURE__ */ e(
-                      Q,
+                      K,
                       {
                         id: "name",
                         control: C,
@@ -202,7 +202,7 @@ function ke({ open: R, handleClose: E, data: f, roleData: y }) {
                         }
                       ) }),
                       /* @__PURE__ */ e(h, { className: "pt-2", children: /* @__PURE__ */ e(
-                        _,
+                        S,
                         {
                           variant: "contained",
                           size: "small",
@@ -224,7 +224,7 @@ function ke({ open: R, handleClose: E, data: f, roleData: y }) {
                           /* @__PURE__ */ e(i, { className: "border-r border-gray-300 p-2", children: /* @__PURE__ */ e(m, { variant: "body2", className: "font-bold", children: `${n("Role")}${n("name")} (${n("Assigned to")})` }) }),
                           /* @__PURE__ */ e(i, { className: "p-2", children: /* @__PURE__ */ e(m, { variant: "body2", className: "font-bold", children: n("Delete") }) })
                         ] }) }),
-                        /* @__PURE__ */ e(j, { children: (q = c == null ? void 0 : c.roles) == null ? void 0 : q.map((o, r) => /* @__PURE__ */ l(
+                        /* @__PURE__ */ e(j, { children: (G = c == null ? void 0 : c.roles) == null ? void 0 : G.map((o, r) => /* @__PURE__ */ l(
                           N,
                           {
                             "data-testid": "addroledrawer-tablerow-roles",
@@ -245,7 +245,7 @@ function ke({ open: R, handleClose: E, data: f, roleData: y }) {
                                 /* @__PURE__ */ e(
                                   Z,
                                   {
-                                    open: G === 1 && g === o.id,
+                                    open: q === 1 && g === o.id,
                                     handleClose: () => v(0),
                                     handleClick: (t) => pe(),
                                     title: "CONFIRM ACTION",
@@ -262,7 +262,7 @@ function ke({ open: R, handleClose: E, data: f, roleData: y }) {
                     }
                   ) }),
                   (H = c.escalationLevels) == null ? void 0 : H.map((o, r) => {
-                    var t, a, d, u, A, k, V, J;
+                    var t, a, d, u, A, k, V, Q;
                     return /* @__PURE__ */ l(Ne.Fragment, { children: [
                       /* @__PURE__ */ e(h, { "data-testid": "addroledrawer-grid-escalationlevel", children: /* @__PURE__ */ l(L, { className: "border border-gray-300", children: [
                         /* @__PURE__ */ e(z, { children: /* @__PURE__ */ l(N, { children: [
@@ -272,7 +272,7 @@ function ke({ open: R, handleClose: E, data: f, roleData: y }) {
                         ] }) }),
                         /* @__PURE__ */ e(j, { children: /* @__PURE__ */ l(N, { "data-testid": "addroledrawer-tablerow-escalationperformer", children: [
                           /* @__PURE__ */ e(i, { className: "border-r border-gray-300 p-2", children: /* @__PURE__ */ e(
-                            Q,
+                            K,
                             {
                               id: "escalationLevel",
                               control: C,
@@ -301,7 +301,7 @@ function ke({ open: R, handleClose: E, data: f, roleData: y }) {
                             }
                           ) }),
                           /* @__PURE__ */ e(i, { children: /* @__PURE__ */ e(
-                            _,
+                            S,
                             {
                               variant: "contained",
                               size: "small",
@@ -324,10 +324,10 @@ function ke({ open: R, handleClose: E, data: f, roleData: y }) {
                               /* @__PURE__ */ e(i, { className: "border border-gray-300 p-2", children: /* @__PURE__ */ e(m, { variant: "body2", className: "font-bold", children: n("Roles with perform action") }) }),
                               /* @__PURE__ */ e(i, { className: "p-2", children: /* @__PURE__ */ e(m, { variant: "body2", className: "font-bold", children: n("Delete") }) })
                             ] }) }),
-                            /* @__PURE__ */ e(j, { children: (J = o.roles) == null ? void 0 : J.filter(
+                            /* @__PURE__ */ e(j, { children: (Q = o.roles) == null ? void 0 : Q.filter(
                               (s) => y.find((b) => b.id === s)
                             ).map((s, b) => {
-                              var K;
+                              var J;
                               return /* @__PURE__ */ l(
                                 N,
                                 {
@@ -353,7 +353,7 @@ function ke({ open: R, handleClose: E, data: f, roleData: y }) {
                                           "data-testid": "addroledrawer-checkbox-performaction"
                                         }
                                       ),
-                                      /* @__PURE__ */ e(m, { variant: "caption", children: (K = y.find((T) => T.id === s)) == null ? void 0 : K.name })
+                                      /* @__PURE__ */ e(m, { variant: "caption", children: (J = y.find((T) => T.id === s)) == null ? void 0 : J.name })
                                     ] }) }),
                                     /* @__PURE__ */ l(i, { className: "border border-gray-300 p-2", children: [
                                       /* @__PURE__ */ e(
@@ -370,7 +370,7 @@ function ke({ open: R, handleClose: E, data: f, roleData: y }) {
                                       /* @__PURE__ */ e(
                                         Z,
                                         {
-                                          open: G === 2 && g === s && oe === r,
+                                          open: q === 2 && g === s && oe === r,
                                           handleClose: () => v(0),
                                           handleClick: (T) => {
                                             ue(T, r);
@@ -405,7 +405,7 @@ function ke({ open: R, handleClose: E, data: f, roleData: y }) {
                 mb: 1.5,
                 children: [
                   /* @__PURE__ */ e(
-                    _,
+                    S,
                     {
                       variant: "contained",
                       color: "secondary",
@@ -422,7 +422,7 @@ function ke({ open: R, handleClose: E, data: f, roleData: y }) {
                     }
                   ),
                   /* @__PURE__ */ e(
-                    _,
+                    S,
                     {
                       variant: "contained",
                       color: "primary",
@@ -443,12 +443,12 @@ function ke({ open: R, handleClose: E, data: f, roleData: y }) {
   );
 }
 ke.propTypes = {
-  open: x.any,
-  handleClose: x.func,
-  data: x.any,
-  roleData: x.any
+  open: _.any,
+  handleClose: _.func,
+  data: _.any,
+  roleData: _.any
 };
 export {
   ke as default
 };
-//# sourceMappingURL=AddRoleDrawer-Bc655LQU.js.map
+//# sourceMappingURL=AddRoleDrawer-CQdzQZLb.js.map