@argusoft/medplat-core 1.0.29 → 1.0.31

package/dist/LanguagesModal-D6VfaGrl.js

@@ -1,394 +0,0 @@
-import { jsx as t, jsxs as l } from "react/jsx-runtime";
-import { useTranslateProvider as le } from "@/common/languageTranslator/TranslationContext";
-import { execute as re } from "@/common/services/GlobalApis";
-import { a as ie, L as B, b as se, d as ce } from "./ManageTranslation-B4C9-lWD.js";
-import { showToast as m } from "@/common/toaster/toaster";
-import de from "@/hooks/useTrackEvent";
-import ue from "@/views/custom-components/CustomConfirmationModal";
-import me from "@/views/custom-components/CustomizedTable/CustomizedTableV2";
-import { faXmark as ge, faBars as fe } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon as _ } from "@fortawesome/react-fontawesome";
-import { yupResolver as pe } from "@hookform/resolvers/yup";
-import { Modal as he, Typography as ye, IconButton as be, Button as x, FormControl as ve, Box as g, Select as xe, MenuItem as M } from "@mui/material";
-import n from "@mui/material/Grid2";
-import d from "prop-types";
-import { useRef as we, useState as r, useEffect as E } from "react";
-import { useForm as Ce, Controller as Ae } from "react-hook-form";
-import * as D from "yup";
-const Te = ({ open: R, handleClose: V, refresh: w, refetch: C }) => {
-  var N;
-  const f = we(null), A = de(), [O, j] = r([]), [u, z] = r([]), [T, p] = r(!1), [c, F] = r([]), [q, h] = r(!1), [P, W] = r(""), [X, H] = r(""), { translate: i } = le(), [y, K] = r({}), [S, k] = r(!1), $ = D.object().shape({
-    languageToBeAdded: D.string().required("Select Language")
-  }), {
-    control: G,
-    handleSubmit: J,
-    reset: L,
-    formState: { errors: s }
-  } = Ce({
-    defaultValues: {},
-    resolver: pe($),
-    mode: "onChange"
-  }), Y = [
-    { field: "languageValue", label: "Language", align: "left" },
-    { field: "orientation", label: "Orientation", align: "left" },
-    { field: "stateValue", label: "State", align: "left" },
-    { field: "Actions", label: "Actions" }
-  ], Q = (e) => {
-    W(
-      (e == null ? void 0 : e.stateValue) === "Active" ? "Mark as Inactive" : "Mark as Active"
-    ), H(
-      (e == null ? void 0 : e.stateValue) === "Active" ? "Are you sure you want to change the state from active to inactive?" : "Are you sure you want to change the state from inactive to active?"
-    ), K(e);
-  }, U = () => {
-    h((e) => !e);
-  }, Z = async () => {
-    try {
-      y.active = !y.active, await se(y), b(), await w(), C(), h((e) => !e);
-    } catch (e) {
-      console.error(e), m({ message: "Error in Toggle State", type: "error" });
-    }
-  }, ee = [
-    { label: i(P), onClick: U }
-  ], te = [
-    {
-      label: "",
-      icon: /* @__PURE__ */ t(_, { icon: fe }),
-      menuClick: Q,
-      menuItems: ee,
-      condition: (e) => (e == null ? void 0 : e.languageKey) !== "en",
-      dataTestId: "languages-modal-menu"
-    }
-  ], ae = async () => {
-    var e;
-    try {
-      L();
-      const o = await re({
-        code: "labels_get_all_ibm_languages"
-      });
-      F((e = o == null ? void 0 : o.data) == null ? void 0 : e.result), p(!0);
-    } catch (a) {
-      console.error(a), m({ message: "Problem in laoding language list", type: "error" });
-    }
-  };
-  E(() => {
-    if (u) {
-      const e = [];
-      u == null || u.forEach((a) => {
-        let o = { ...a };
-        a != null && a.is_active ? o.stateValue = "Active" : o.stateValue = "Inactive", a != null && a.is_ltr ? o.orientation = "Left to Right" : o.orientation = "Right to Left", e.push(o);
-      }), j(e);
-    }
-  }, [u]), E(() => {
-    b();
-  }, []);
-  const b = async () => {
-    k((e) => !e);
-    try {
-      const e = await ie();
-      z(e == null ? void 0 : e.data);
-    } catch (e) {
-      console.error(e), m({ message: "Error in loading languages", type: "error" });
-    } finally {
-      k((e) => !e);
-    }
-  }, I = () => {
-    V();
-  }, oe = async (e) => {
-    try {
-      const a = c == null ? void 0 : c.find(
-        (v) => (v == null ? void 0 : v.id) === parseInt(e == null ? void 0 : e.languageToBeAdded)
-      );
-      let o = JSON.parse(a == null ? void 0 : a.additional_detail).Orientation === "left_to_right", ne = {
-        languageKey: a == null ? void 0 : a.code,
-        languageValue: a == null ? void 0 : a.value,
-        isLtr: o,
-        active: !0
-      };
-      await ce(ne), m({ message: "Language Added successfully", type: "success" }), b(), A("conversion_event", {
-        form: f.current,
-        form_name: "Add app Configuration",
-        submit: !0
-      }), await w(), C(), p(!1);
-    } catch (a) {
-      console.error(a), m({ message: "Error in Adding Language", type: "error" });
-    }
-  };
-  return /* @__PURE__ */ t(
-    he,
-    {
-      "data-testid": "languagesModal-modal",
-      open: R,
-      onClose: () => {
-        I(), L();
-      },
-      className: "translation-modal",
-      children: /* @__PURE__ */ l(
-        n,
-        {
-          container: !0,
-          sx: {
-            display: "flex",
-            flexDirection: "column",
-            position: "absolute",
-            top: 20,
-            left: "50%",
-            transform: "translateX(-50%)",
-            width: "95%",
-            maxW: "100%",
-            maxWidth: { sm: 600, md: 700, lg: 800 },
-            bgcolor: "background.paper",
-            boxShadow: 24,
-            border: 1,
-            borderColor: "divider",
-            borderRadius: 0.5
-          },
-          children: [
-            /* @__PURE__ */ t(
-              ue,
-              {
-                description: X,
-                title: "CONFIRM ACTION",
-                handleClick: Z,
-                open: q,
-                handleClose: () => {
-                  h((e) => !e);
-                },
-                "data-testid": "languages-customconfirmation"
-              }
-            ),
-            /* @__PURE__ */ l(
-              n,
-              {
-                sx: {
-                  p: 1.25,
-                  display: "flex",
-                  justifyContent: "space-between",
-                  alignItems: "center",
-                  borderBottom: 1,
-                  borderColor: "divider",
-                  gap: 1
-                },
-                className: "text-customBlue",
-                "data-testid": "languagesModal-header",
-                children: [
-                  /* @__PURE__ */ t(ye, { sx: { fontWeight: "medium", fontSize: "1.125rem" }, children: i("Manage Language") }),
-                  /* @__PURE__ */ t(
-                    be,
-                    {
-                      size: "small",
-                      onClick: () => {
-                        I();
-                      },
-                      "data-testid": "languagesModal-close-button",
-                      children: /* @__PURE__ */ t(_, { icon: ge })
-                    }
-                  )
-                ]
-              }
-            ),
-            /* @__PURE__ */ t(
-              n,
-              {
-                item: !0,
-                sx: {
-                  overflowY: "auto",
-                  maxHeight: "80vh",
-                  width: "100%",
-                  overflowX: "auto"
-                },
-                children: /* @__PURE__ */ t(
-                  n,
-                  {
-                    container: !0,
-                    className: "translational-modal-body px-2 sm:px-4 py-2 gap-y-2",
-                    children: /* @__PURE__ */ l(n, { item: !0, className: "w-full", children: [
-                      !T && /* @__PURE__ */ t(n, { container: !0, justifyContent: "flex-end", className: "pb-[10px]", children: /* @__PURE__ */ t(B, { isLoading: S, children: /* @__PURE__ */ t(n, { item: !0, children: /* @__PURE__ */ t(
-                        x,
-                        {
-                          size: "small",
-                          variant: "contained",
-                          "data-testid": "language-add-button",
-                          color: "primary",
-                          onClick: ae,
-                          children: `${i("Add")} ${i("Language")}`
-                        }
-                      ) }) }) }),
-                      T && /* @__PURE__ */ t(
-                        n,
-                        {
-                          container: !0,
-                          justifyContent: "flex-start",
-                          className: "pb-[10px] flex-wrap gap-2",
-                          children: /* @__PURE__ */ t(B, { isLoading: S, children: /* @__PURE__ */ l(
-                            "form",
-                            {
-                              onSubmit: J(oe),
-                              className: "w-full",
-                              ref: f,
-                              children: [
-                                /* @__PURE__ */ t(n, { item: !0, className: "pb-[5px]", children: /* @__PURE__ */ t(
-                                  ve,
-                                  {
-                                    variant: "outlined",
-                                    sx: { width: "100%" },
-                                    "data-testid": "languagemodal-field",
-                                    children: /* @__PURE__ */ l(
-                                      g,
-                                      {
-                                        sx: {
-                                          display: "flex",
-                                          alignItems: "center",
-                                          gap: 2,
-                                          mb: 1,
-                                          width: "100%"
-                                        },
-                                        children: [
-                                          /* @__PURE__ */ l(g, { sx: { width: "100%" }, children: [
-                                            i("Language"),
-                                            /* @__PURE__ */ t(
-                                              g,
-                                              {
-                                                component: "span",
-                                                sx: { color: "error.main", ml: 0.5 },
-                                                children: "*"
-                                              }
-                                            )
-                                          ] }),
-                                          /* @__PURE__ */ l(g, { sx: { width: "100%" }, children: [
-                                            /* @__PURE__ */ t(
-                                              Ae,
-                                              {
-                                                name: "languageToBeAdded",
-                                                control: G,
-                                                defaultValue: "",
-                                                className: "w-full",
-                                                render: ({ field: e }) => /* @__PURE__ */ l(
-                                                  xe,
-                                                  {
-                                                    className: "w-full",
-                                                    labelId: "event-type-label",
-                                                    id: "reportgroup",
-                                                    ...e,
-                                                    error: s.languageToBeAdded,
-                                                    size: "small",
-                                                    "data-testid": "languagemodal-select",
-                                                    children: [
-                                                      /* @__PURE__ */ t(M, { value: null, children: "Select" }),
-                                                      c == null ? void 0 : c.map((a, o) => /* @__PURE__ */ t(
-                                                        M,
-                                                        {
-                                                          value: a.id,
-                                                          children: a.value
-                                                        },
-                                                        o + 1
-                                                      ))
-                                                    ]
-                                                  }
-                                                )
-                                              }
-                                            ),
-                                            (s == null ? void 0 : s.languageToBeAdded) && /* @__PURE__ */ t(
-                                              "p",
-                                              {
-                                                className: "error-helper-language",
-                                                "data-testid": "manageeventconfiguration-languageToBeAdded-error",
-                                                children: (N = s == null ? void 0 : s.languageToBeAdded) == null ? void 0 : N.message
-                                              }
-                                            )
-                                          ] })
-                                        ]
-                                      }
-                                    )
-                                  }
-                                ) }),
-                                /* @__PURE__ */ t(
-                                  n,
-                                  {
-                                    item: !0,
-                                    sx: {
-                                      pb: 0.625,
-                                      display: "flex",
-                                      justifyContent: "flex-end",
-                                      width: "100%"
-                                    },
-                                    children: /* @__PURE__ */ l(
-                                      g,
-                                      {
-                                        sx: {
-                                          display: "flex",
-                                          flexDirection: { xs: "column", sm: "row" },
-                                          gap: 1,
-                                          width: { xs: "100%", sm: "auto" }
-                                        },
-                                        children: [
-                                          /* @__PURE__ */ t(
-                                            x,
-                                            {
-                                              size: "small",
-                                              variant: "contained",
-                                              "data-testid": "languages-modal-cancel-button",
-                                              color: "secondary",
-                                              onClick: () => {
-                                                p(!1), A("conversion_event", {
-                                                  form: f.current,
-                                                  form_name: "Add Language Configuration",
-                                                  submit: !1
-                                                });
-                                              },
-                                              children: i("Cancel")
-                                            }
-                                          ),
-                                          /* @__PURE__ */ t(
-                                            x,
-                                            {
-                                              type: "submit",
-                                              size: "small",
-                                              variant: "contained",
-                                              "data-testid": "language-modal-save-button",
-                                              color: "primary",
-                                              children: i("Save")
-                                            }
-                                          )
-                                        ]
-                                      }
-                                    )
-                                  }
-                                )
-                              ]
-                            }
-                          ) })
-                        }
-                      ),
-                      /* @__PURE__ */ t(n, { className: "w-full block", children: /* @__PURE__ */ t(
-                        me,
-                        {
-                          columns: Y,
-                          tableData: O,
-                          actions: te,
-                          paginationConfig: { pagination: !1 },
-                          styleConfig: { tableStyle: { maxHeight: 120 } }
-                        }
-                      ) })
-                    ] })
-                  }
-                )
-              }
-            )
-          ]
-        }
-      )
-    }
-  );
-};
-Te.propTypes = {
-  open: d.any,
-  handleClose: d.any,
-  handleClick: d.any,
-  type: d.any,
-  refetch: d.any,
-  refresh: d.any
-};
-export {
-  Te as default
-};
-//# sourceMappingURL=LanguagesModal-D6VfaGrl.js.map

package/dist/LanguagesModal-D6VfaGrl.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"LanguagesModal-D6VfaGrl.js","sources":["../src/views/Translation/LanguagesModal.jsx"],"sourcesContent":["import { useTranslateProvider } from \"@/common/languageTranslator/TranslationContext\";\nimport { execute } from \"@/common/services/GlobalApis\";\nimport {\n  createLanguage,\n  getAllLanguages,\n  updateLanguage,\n} from \"../../services/TranslationService\";\nimport { showToast } from \"@/common/toaster/toaster\";\nimport useTrackEvent from \"@/hooks/useTrackEvent\";\nimport CustomConfirmationModal from \"@/views/custom-components/CustomConfirmationModal\";\nimport CustomizedTable from \"@/views/custom-components/CustomizedTable/CustomizedTableV2\";\nimport \"./Styles/ManageTranslation.scss\";\nimport { faBars, faXmark } from \"@fortawesome/free-solid-svg-icons\";\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\nimport { yupResolver } from \"@hookform/resolvers/yup\";\nimport {\n  Box,\n  Button,\n  FormControl,\n  IconButton,\n  MenuItem,\n  Modal,\n  Select,\n  Typography,\n} from \"@mui/material\";\nimport Grid from \"@mui/material/Grid2\";\nimport PropTypes from \"prop-types\";\nimport React, { useEffect, useRef, useState } from \"react\";\nimport { Controller, useForm } from \"react-hook-form\";\nimport * as Yup from \"yup\";\nimport { LabelEditModalSkeleton } from \"./Skeletons/ManageTranslationSkeleton\";\n// Define the validation schema using Yup\n\n/**\n * Modal component for configuring mobile type event notifications.\n * @module languagesModal\n * @param {Object} props - The props for the component.\n * @param {boolean} props.open - Whether the modal is open or not.\n * @param {Function} props.handleClose - Function to close the modal.\n *\n * @returns {JSX.Element} The rendered modal component.\n */\nconst LanguagesModal = ({ open, handleClose, refresh, refetch }) => {\n  const formRef = useRef(null);\n  const trackEvent = useTrackEvent();\n  const [tableData, setTableData] = useState([]);\n  const [languages, setLanguages] = useState([]);\n  const [showForm, setShowForm] = useState(false);\n  const [languageList, setLanguageList] = useState([]);\n  const [toggleOpen, setToggleOpen] = useState(false);\n  const [isActiveLabel, setIsActiveLabel] = useState(\"\");\n  const [isActiveDescription, setIsActiveDescription] = useState(\"\");\n  const { translate } = useTranslateProvider();\n  const [clickedRow, setClickedRow] = useState({});\n  const [loading, setLoading] = useState(false);\n\n  const validationSchema = Yup.object().shape({\n    languageToBeAdded: Yup.string().required(\"Select Language\"),\n  });\n\n  const {\n    control,\n    handleSubmit,\n    reset,\n    formState: { errors },\n  } = useForm({\n    defaultValues: {},\n    resolver: yupResolver(validationSchema),\n    mode: \"onChange\",\n  });\n\n  const cols = [\n    { field: \"languageValue\", label: \"Language\", align: \"left\" },\n    { field: \"orientation\", label: \"Orientation\", align: \"left\" },\n    { field: \"stateValue\", label: \"State\", align: \"left\" },\n    { field: \"Actions\", label: \"Actions\" },\n  ];\n\n  /**\n   * Toggles the option for language activation.\n   * @method handleToggleOption\n   * @param {Object} data - The data for the clicked row.\n   */\n  const handleToggleOption = (data) => {\n    setIsActiveLabel(\n      data?.stateValue === \"Active\" ? \"Mark as Inactive\" : \"Mark as Active\",\n    );\n    setIsActiveDescription(\n      data?.stateValue === \"Active\"\n        ? \"Are you sure you want to change the state from active to inactive?\"\n        : \"Are you sure you want to change the state from inactive to active?\",\n    );\n    setClickedRow(data);\n  };\n\n  /**\n   * Toggles the modal state for language.\n   * @method handleToggle\n   */\n  const handleToggle = () => {\n    setToggleOpen((curr) => !curr);\n  };\n\n  /**\n   * Handles the state change for a language (active/inactive).\n   * @method handleToggleState\n   */\n\n  const handleToggleState = async () => {\n    try {\n      clickedRow.active = !clickedRow.active;\n      await updateLanguage(clickedRow);\n      init();\n      await refresh();\n      refetch();\n      setToggleOpen((cur) => !cur);\n    } catch (error) {\n      console.error(error);\n      showToast({ message: \"Error in Toggle State\", type: \"error\" });\n    }\n  };\n\n  const menuItems = [\n    { label: translate(isActiveLabel), onClick: handleToggle },\n  ];\n\n  /**\n   * Determines if the language is English.\n   * @method handleEnglish\n   * @param {Object} row - The row data to check.\n   * @returns {boolean} - Returns false if the language is English, true otherwise.\n   */\n  const handleEnglish = (row) => {\n    if (row?.languageKey === \"en\") {\n      return false;\n    }\n    return true;\n  };\n  const actions = [\n    {\n      label: \"\",\n      icon: <FontAwesomeIcon icon={faBars} />,\n      menuClick: handleToggleOption,\n      menuItems: menuItems,\n      condition: handleEnglish,\n      dataTestId: \"languages-modal-menu\",\n    },\n  ];\n\n  /**\n   * Adds a new language.\n   * @method addApp\n   */\n\n  const addApp = async () => {\n    try {\n      reset();\n      let queryDto = {\n        code: \"labels_get_all_ibm_languages\",\n      };\n      const res = await execute(queryDto);\n      setLanguageList(res?.data?.result);\n      setShowForm(true);\n    } catch (error) {\n      console.error(error);\n      showToast({ message: \"Problem in laoding language list\", type: \"error\" });\n    }\n  };\n\n  useEffect(() => {\n    if (languages) {\n      const data = [];\n      languages?.forEach((element) => {\n        let newElement = { ...element };\n        if (element?.is_active) {\n          newElement.stateValue = \"Active\";\n        } else {\n          newElement.stateValue = \"Inactive\";\n        }\n        if (element?.is_ltr) {\n          newElement.orientation = \"Left to Right\";\n        } else {\n          newElement.orientation = \"Right to Left\";\n        }\n\n        data.push(newElement);\n      });\n      setTableData(data);\n    }\n  }, [languages]);\n\n  useEffect(() => {\n    init();\n  }, []);\n  const init = async () => {\n    setLoading((cur) => !cur);\n    try {\n      const res = await getAllLanguages();\n      setLanguages(res?.data);\n    } catch (error) {\n      console.error(error);\n      showToast({ message: \"Error in loading languages\", type: \"error\" });\n    } finally {\n      setLoading((cur) => !cur);\n    }\n  };\n  const close = () => {\n    handleClose();\n  };\n  const onSubmit = async (data) => {\n    try {\n      const selectedLanguage = languageList?.find(\n        (language) => language?.id === parseInt(data?.languageToBeAdded),\n      );\n      let isLtr =\n        JSON.parse(selectedLanguage?.additional_detail).Orientation ===\n        \"left_to_right\";\n      let languageDto = {\n        languageKey: selectedLanguage?.code,\n        languageValue: selectedLanguage?.value,\n        isLtr: isLtr,\n        active: true,\n      };\n      await createLanguage(languageDto);\n      showToast({ message: \"Language Added successfully\", type: \"success\" });\n      init();\n      trackEvent(\"conversion_event\", {\n        form: formRef.current,\n        form_name: \"Add app Configuration\",\n        submit: true,\n      });\n      await refresh();\n      refetch();\n      setShowForm(false);\n    } catch (error) {\n      console.error(error);\n      showToast({ message: \"Error in Adding Language\", type: \"error\" });\n    }\n  };\n\n  return (\n    <Modal\n      data-testid=\"languagesModal-modal\"\n      open={open}\n      onClose={() => {\n        close();\n        reset();\n      }}\n      className=\"translation-modal\"\n    >\n      <Grid\n        container\n        sx={{\n          display: \"flex\",\n          flexDirection: \"column\",\n          position: \"absolute\",\n          top: 20,\n          left: \"50%\",\n          transform: \"translateX(-50%)\",\n          width: \"95%\",\n          maxW: \"100%\",\n          maxWidth: { sm: 600, md: 700, lg: 800 },\n          bgcolor: \"background.paper\",\n          boxShadow: 24,\n          border: 1,\n          borderColor: \"divider\",\n          borderRadius: 0.5,\n        }}\n      >\n        <CustomConfirmationModal\n          description={isActiveDescription}\n          title={\"CONFIRM ACTION\"}\n          handleClick={handleToggleState}\n          open={toggleOpen}\n          handleClose={() => {\n            setToggleOpen((cur) => !cur);\n          }}\n          data-testid=\"languages-customconfirmation\"\n        />\n        <Grid\n          sx={{\n            p: 1.25,\n            display: \"flex\",\n            justifyContent: \"space-between\",\n            alignItems: \"center\",\n            borderBottom: 1,\n            borderColor: \"divider\",\n            gap: 1,\n          }}\n          className=\"text-customBlue\"\n          data-testid=\"languagesModal-header\"\n        >\n          <Typography sx={{ fontWeight: \"medium\", fontSize: \"1.125rem\" }}>\n            {translate(\"Manage Language\")}\n          </Typography>\n          <IconButton\n            size=\"small\"\n            onClick={() => {\n              close();\n            }}\n            data-testid=\"languagesModal-close-button\"\n          >\n            <FontAwesomeIcon icon={faXmark} />\n          </IconButton>\n        </Grid>\n        <Grid\n          item\n          sx={{\n            overflowY: \"auto\",\n            maxHeight: \"80vh\",\n            width: \"100%\",\n            overflowX: \"auto\",\n          }}\n        >\n          <Grid\n            container\n            className=\"translational-modal-body px-2 sm:px-4 py-2 gap-y-2\"\n          >\n            <Grid item className=\"w-full\">\n              {!showForm && (\n                <Grid container justifyContent=\"flex-end\" className=\"pb-[10px]\">\n                  <LabelEditModalSkeleton isLoading={loading}>\n                    <Grid item>\n                      <Button\n                        size=\"small\"\n                        variant=\"contained\"\n                        data-testid=\"language-add-button\"\n                        color=\"primary\"\n                        onClick={addApp}\n                      >\n                        {`${translate(\"Add\")} ${translate(\"Language\")}`}\n                      </Button>\n                    </Grid>\n                  </LabelEditModalSkeleton>\n                </Grid>\n              )}\n              {showForm && (\n                <Grid\n                  container\n                  justifyContent=\"flex-start\"\n                  className=\"pb-[10px] flex-wrap gap-2\"\n                >\n                  <LabelEditModalSkeleton isLoading={loading}>\n                    <form\n                      onSubmit={handleSubmit(onSubmit)}\n                      className=\"w-full\"\n                      ref={formRef}\n                    >\n                      <Grid item className=\"pb-[5px]\">\n                        <FormControl\n                          variant=\"outlined\"\n                          sx={{ width: \"100%\" }}\n                          data-testid=\"languagemodal-field\"\n                        >\n                          <Box\n                            sx={{\n                              display: \"flex\",\n                              alignItems: \"center\",\n                              gap: 2,\n                              mb: 1,\n                              width: \"100%\",\n                            }}\n                          >\n                            <Box sx={{ width: \"100%\" }}>\n                              {translate(\"Language\")}\n                              <Box\n                                component=\"span\"\n                                sx={{ color: \"error.main\", ml: 0.5 }}\n                              >\n                                *\n                              </Box>\n                            </Box>\n                            <Box sx={{ width: \"100%\" }}>\n                              <Controller\n                                name=\"languageToBeAdded\"\n                                control={control}\n                                defaultValue=\"\"\n                                className=\"w-full\"\n                                render={({ field }) => (\n                                  <Select\n                                    className=\"w-full\"\n                                    labelId=\"event-type-label\"\n                                    id=\"reportgroup\"\n                                    {...field}\n                                    error={errors.languageToBeAdded}\n                                    size=\"small\"\n                                    data-testid=\"languagemodal-select\"\n                                  >\n                                    <MenuItem value={null}>Select</MenuItem>\n                                    {languageList?.map((language, index) => (\n                                      <MenuItem\n                                        key={index + 1}\n                                        value={language.id}\n                                      >\n                                        {language.value}\n                                      </MenuItem>\n                                    ))}\n                                  </Select>\n                                )}\n                              />\n                              {errors?.languageToBeAdded && (\n                                <p\n                                  className=\"error-helper-language\"\n                                  data-testid=\"manageeventconfiguration-languageToBeAdded-error\"\n                                >\n                                  {errors?.languageToBeAdded?.message}\n                                </p>\n                              )}\n                            </Box>\n                          </Box>\n                        </FormControl>\n                      </Grid>\n\n                      <Grid\n                        item\n                        sx={{\n                          pb: 0.625,\n                          display: \"flex\",\n                          justifyContent: \"flex-end\",\n                          width: \"100%\",\n                        }}\n                      >\n                        <Box\n                          sx={{\n                            display: \"flex\",\n                            flexDirection: { xs: \"column\", sm: \"row\" },\n                            gap: 1,\n                            width: { xs: \"100%\", sm: \"auto\" },\n                          }}\n                        >\n                          <Button\n                            size=\"small\"\n                            variant=\"contained\"\n                            data-testid=\"languages-modal-cancel-button\"\n                            color=\"secondary\"\n                            onClick={() => {\n                              setShowForm(false);\n                              trackEvent(\"conversion_event\", {\n                                form: formRef.current,\n                                form_name: \"Add Language Configuration\",\n                                submit: false,\n                              });\n                            }}\n                          >\n                            {translate(\"Cancel\")}\n                          </Button>\n                          <Button\n                            type=\"submit\"\n                            size=\"small\"\n                            variant=\"contained\"\n                            data-testid=\"language-modal-save-button\"\n                            color=\"primary\"\n                          >\n                            {translate(\"Save\")}\n                          </Button>\n                        </Box>\n                      </Grid>\n                    </form>\n                  </LabelEditModalSkeleton>\n                </Grid>\n              )}\n              <Grid className=\"w-full block\">\n                <CustomizedTable\n                  columns={cols}\n                  tableData={tableData}\n                  actions={actions}\n                  paginationConfig={{ pagination: false }}\n                  styleConfig={{ tableStyle: { maxHeight: 120 } }}\n                />\n              </Grid>\n            </Grid>\n          </Grid>\n        </Grid>\n      </Grid>\n    </Modal>\n  );\n};\n\nLanguagesModal.propTypes = {\n  open: PropTypes.any,\n  handleClose: PropTypes.any,\n  handleClick: PropTypes.any,\n  type: PropTypes.any,\n  refetch: PropTypes.any,\n  refresh: PropTypes.any,\n};\n\nexport default LanguagesModal;\n"],"names":["LanguagesModal","open","handleClose","refresh","refetch","formRef","useRef","trackEvent","useTrackEvent","tableData","setTableData","useState","languages","setLanguages","showForm","setShowForm","languageList","setLanguageList","toggleOpen","setToggleOpen","isActiveLabel","setIsActiveLabel","isActiveDescription","setIsActiveDescription","translate","useTranslateProvider","clickedRow","setClickedRow","loading","setLoading","validationSchema","Yup","control","handleSubmit","reset","errors","useForm","yupResolver","cols","handleToggleOption","data","handleToggle","curr","handleToggleState","updateLanguage","init","cur","error","showToast","menuItems","actions","jsx","FontAwesomeIcon","faBars","row","addApp","res","execute","_a","useEffect","element","newElement","getAllLanguages","close","onSubmit","selectedLanguage","language","isLtr","languageDto","createLanguage","Modal","jsxs","Grid","CustomConfirmationModal","Typography","IconButton","faXmark","LabelEditModalSkeleton","Button","FormControl","Box","Controller","field","Select","MenuItem","index","CustomizedTable","PropTypes"],"mappings":"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"}