@argusoft/medplat-core 1.0.28 → 1.0.30

package/dist/AppModal-CCtrQ5Tr.js

@@ -0,0 +1,394 @@
+import { jsx as t, jsxs as l } from "react/jsx-runtime";
+import { useRef as ue, useState as i, useEffect as K } from "react";
+import n from "prop-types";
+import { useForm as me } from "react-hook-form";
+import { yupResolver as fe } from "@hookform/resolvers/yup";
+import * as S from "yup";
+import { Dialog as he, DialogTitle as be, Box as p, Typography as T, IconButton as ye, DialogContent as ge, Button as h, DialogActions as ve } from "@mui/material";
+import R from "@/views/custom-components/CustomTextField";
+import { showToast as r } from "@/common/toaster/toaster";
+import { S as Ae, g as Ce, A as xe, M as B, E as ke, u as $, c as Se } from "./ManageTranslation-vRiptUAP.js";
+import Te from "@/views/custom-components/CustomConfirmationModal";
+import Ve from "@/hooks/useTrackEvent";
+import { useTranslateProvider as Me } from "@/common/languageTranslator/TranslationContext";
+import b from "@/common/fontAwesomeIcons/FontAwesomeIcons";
+import Ee from "@/views/custom-components/CustomizedTable/CustomizedTableV2";
+const Ie = ({
+  open: q,
+  handleClose: W,
+  languages: y,
+  refresh: V,
+  refetch: M,
+  selectedApp: O,
+  setSelectedApp: H
+}) => {
+  const g = ue(null), v = Ve(), [c, w] = i([]), [d, G] = i([]), [E, u] = i(!1), [I, N] = i(!1), { translate: a } = Me(), [X, A] = i(!1), [D, Y] = i(""), [J, Q] = i(""), [o, L] = i({}), [C, z] = i(!0), [U, Z] = i(!1), ee = S.object().shape({
+    appValue: S.string().required("Select App Value"),
+    appKey: S.string().required("Enter App key")
+  }), {
+    control: _,
+    handleSubmit: ae,
+    reset: P,
+    setValue: m,
+    formState: { errors: j, isSubmitting: te }
+  } = me({
+    defaultValues: {},
+    resolver: fe(ee),
+    mode: "onChange"
+  }), se = [
+    { field: "Sr. No.", label: "Sr.No", align: "left", minWidth: 80 },
+    { field: "Actions", label: a("Actions") },
+    { field: "appValue", label: a("App"), align: "left" },
+    {
+      field: "stateValue",
+      label: a("State"),
+      align: "left",
+      render: (e) => /* @__PURE__ */ t(Ae, { state: e == null ? void 0 : e.stateValue, translate: a })
+    }
+  ], ie = (e) => {
+    m("appKey", e == null ? void 0 : e.appKey), m("appValue", e == null ? void 0 : e.appValue), m("id", e == null ? void 0 : e.id), m("isActive", e == null ? void 0 : e.isActive), N(!0), u(!0);
+  }, oe = (e) => {
+    const s = (e == null ? void 0 : e.stateValue) === "Active";
+    Y(s ? "Mark as Inactive" : "Mark as Active"), Q(
+      s ? `${e == null ? void 0 : e.appValue} will stop appearing as a translation target, and its labels will be hidden from this screen. You can turn it back on here.` : `${e == null ? void 0 : e.appValue} will appear as a translation target again, and its labels will be listed on this screen.`
+    ), L(e);
+  }, le = (e) => {
+    e && L(e), A((s) => !s);
+  }, ne = async () => {
+    try {
+      o.isActive = !o.isActive, await $(o), x(), O === (o == null ? void 0 : o.id) && H(null), await V(), M(), A((e) => !e), r({
+        message: o.isActive ? "App marked active" : "App marked inactive",
+        type: "success"
+      });
+    } catch (e) {
+      console.error(e), r({
+        message: "Could not change the app state. Please try again.",
+        type: "error"
+      });
+    }
+  }, pe = [
+    { label: a(D), onClick: le }
+  ], re = [
+    {
+      label: "",
+      icon: /* @__PURE__ */ t(b, { iconName: "faPen" }),
+      onClick: ie,
+      ariaLabel: a("Edit app"),
+      dataTestId: "app-modal-edit-icon"
+    },
+    {
+      label: "",
+      icon: /* @__PURE__ */ t(b, { iconName: "faBars" }),
+      menuClick: oe,
+      menuItems: pe,
+      ariaLabel: a("More app actions"),
+      dataTestId: "app-modal-menu-icon"
+    }
+  ], de = () => {
+    P(), N(!1), u(!0);
+  };
+  K(() => {
+    if (d) {
+      const e = [];
+      d == null || d.forEach((s) => {
+        let f = { ...s };
+        s != null && s.isActive ? f.stateValue = "Active" : f.stateValue = "Inactive", y == null || y.forEach((F) => {
+          s.language === F.id && (f.languagevalue = F.languageValue);
+        }), e.push(f);
+      }), w(e);
+    }
+  }, [d]), K(() => {
+    x();
+  }, []);
+  const x = async () => {
+    z(!0);
+    try {
+      const e = await Ce();
+      G(e == null ? void 0 : e.data);
+    } catch (e) {
+      console.error(e), r({
+        message: "Could not load apps. Please try again.",
+        type: "error"
+      });
+    } finally {
+      z(!1), Z(!0);
+    }
+  }, k = () => {
+    W();
+  }, ce = async (e) => {
+    try {
+      v("button_click", {
+        button_name: "add-app-add-button",
+        button_type: "submit",
+        button_id: "add-app-submit-button"
+      });
+      let s = { ...e };
+      I ? (await $(s), r({ message: "App updated successfully", type: "success" })) : (s.isActive = !0, await Se(s), r({ message: "App added successfully", type: "success" })), v("conversion_event", {
+        form: g.current,
+        form_name: "Add app Configuration",
+        submit: !0
+      }), x(), await V(), M(), u(!1);
+    } catch (s) {
+      console.error(s), r({
+        message: "Could not save this app. Please try again.",
+        type: "error"
+      });
+    }
+  };
+  return /* @__PURE__ */ l(
+    he,
+    {
+      "data-testid": "appModal-modal",
+      open: q,
+      onClose: () => {
+        k(), P();
+      },
+      fullWidth: !0,
+      maxWidth: "md",
+      className: "translation-modal",
+      children: [
+        /* @__PURE__ */ t(
+          Te,
+          {
+            description: J,
+            title: a(D) || a("Change app state"),
+            handleClick: ne,
+            open: X,
+            handleClose: () => {
+              A((e) => !e);
+            },
+            "data-testid": "app-modal-customconfirmation"
+          }
+        ),
+        /* @__PURE__ */ l(
+          be,
+          {
+            sx: {
+              display: "flex",
+              alignItems: "flex-start",
+              justifyContent: "space-between",
+              gap: 2,
+              pt: 2,
+              pb: 3,
+              borderBottom: "1px solid",
+              borderColor: "divider"
+            },
+            "data-testid": "appModal-header",
+            children: [
+              /* @__PURE__ */ l(p, { children: [
+                /* @__PURE__ */ t(
+                  T,
+                  {
+                    variant: "subtitle1",
+                    component: "span",
+                    sx: { fontWeight: 700, display: "block" },
+                    children: a("Manage Apps")
+                  }
+                ),
+                /* @__PURE__ */ t(T, { variant: "body2", color: "text.secondary", children: a(
+                  "Apps are the products that show translated labels. Add an app here before adding labels to it."
+                ) })
+              ] }),
+              /* @__PURE__ */ t(
+                ye,
+                {
+                  size: "small",
+                  onClick: () => {
+                    k();
+                  },
+                  "aria-label": a("Close"),
+                  "data-testid": "appModal-close-button",
+                  children: /* @__PURE__ */ t(b, { iconName: "faXmark" })
+                }
+              )
+            ]
+          }
+        ),
+        /* @__PURE__ */ l(
+          ge,
+          {
+            sx: { "&.MuiDialogContent-root": { pt: 3 } },
+            children: [
+              !E && /* @__PURE__ */ t(
+                p,
+                {
+                  sx: {
+                    display: "flex",
+                    justifyContent: "flex-end",
+                    pb: 1.5
+                  },
+                  children: /* @__PURE__ */ t(xe, { isLoading: C, children: /* @__PURE__ */ l(
+                    h,
+                    {
+                      size: "small",
+                      variant: "contained",
+                      "data-testid": "add-app-button",
+                      color: "primary",
+                      startIcon: /* @__PURE__ */ t(b, { iconName: "faPlus" }),
+                      onClick: de,
+                      children: [
+                        a("Add"),
+                        " ",
+                        a("App")
+                      ]
+                    }
+                  ) })
+                }
+              ),
+              E && /* @__PURE__ */ l(
+                p,
+                {
+                  component: "form",
+                  onSubmit: ae(ce),
+                  ref: g,
+                  sx: {
+                    display: "flex",
+                    flexDirection: "column",
+                    gap: 2,
+                    p: 2,
+                    mb: 2,
+                    border: "1px solid",
+                    borderColor: "divider",
+                    borderRadius: (e) => `${e.shape.cardRadius}px`
+                  },
+                  children: [
+                    /* @__PURE__ */ t(T, { variant: "overline", color: "text.secondary", children: a(I ? "Edit app" : "New app") }),
+                    /* @__PURE__ */ t(p, { "data-testid": "app-value-field", children: /* @__PURE__ */ t(B, { label: a("App"), required: !0, children: /* @__PURE__ */ t(
+                      R,
+                      {
+                        control: _,
+                        id: "appValue",
+                        name: "appValue",
+                        errors: j,
+                        label: "",
+                        placeholder: a("Name shown to users"),
+                        size: "small",
+                        className: "w-full",
+                        "data-testid": "app-value-input"
+                      }
+                    ) }) }),
+                    /* @__PURE__ */ t(p, { "data-testid": "app-key-field", children: /* @__PURE__ */ t(
+                      B,
+                      {
+                        label: `${a("App")} ${a("Key")}`,
+                        required: !0,
+                        hint: a("Short code the apps send when asking for labels"),
+                        children: /* @__PURE__ */ t(
+                          R,
+                          {
+                            control: _,
+                            id: "appKey",
+                            name: "appKey",
+                            errors: j,
+                            label: "",
+                            size: "small",
+                            className: "w-full",
+                            "data-testid": "app-key-input"
+                          }
+                        )
+                      }
+                    ) }),
+                    /* @__PURE__ */ l(
+                      p,
+                      {
+                        sx: {
+                          display: "flex",
+                          flexDirection: { xs: "column", sm: "row" },
+                          gap: 1,
+                          justifyContent: "flex-end"
+                        },
+                        children: [
+                          /* @__PURE__ */ t(
+                            h,
+                            {
+                              size: "small",
+                              variant: "outlined",
+                              color: "inherit",
+                              "data-testid": "add-app-cancel",
+                              onClick: () => {
+                                u(!1), v("conversion_event", {
+                                  form: g.current,
+                                  form_name: "Add App Configuration",
+                                  submit: !1
+                                });
+                              },
+                              children: a("Cancel")
+                            }
+                          ),
+                          /* @__PURE__ */ t(
+                            h,
+                            {
+                              type: "submit",
+                              size: "small",
+                              variant: "contained",
+                              "data-testid": "add-app-save",
+                              color: "primary",
+                              disabled: te,
+                              children: a("Save")
+                            }
+                          )
+                        ]
+                      }
+                    )
+                  ]
+                }
+              ),
+              U && !C && (c == null ? void 0 : c.length) === 0 ? /* @__PURE__ */ t(
+                ke,
+                {
+                  icon: "faLayerGroup",
+                  title: a("No apps yet"),
+                  body: a(
+                    "Add the first app so labels have somewhere to live."
+                  ),
+                  dataTestId: "appModal-empty"
+                }
+              ) : /* @__PURE__ */ t(
+                Ee,
+                {
+                  columns: se,
+                  tableData: c,
+                  actions: re,
+                  paginationConfig: { pagination: !1 },
+                  styleConfig: { tableStyle: { maxHeight: 320 } },
+                  dataTestId: "appModal-table",
+                  isLoading: C
+                }
+              )
+            ]
+          }
+        ),
+        /* @__PURE__ */ t(
+          ve,
+          {
+            sx: { px: 3, py: 2, borderTop: "1px solid", borderColor: "divider" },
+            children: /* @__PURE__ */ t(
+              h,
+              {
+                variant: "outlined",
+                color: "inherit",
+                size: "small",
+                onClick: () => k(),
+                "data-testid": "appModal-footer-close",
+                children: a("Close")
+              }
+            )
+          }
+        )
+      ]
+    }
+  );
+};
+Ie.propTypes = {
+  open: n.any,
+  handleClose: n.any,
+  languages: n.any,
+  refresh: n.any,
+  refetch: n.any,
+  selectedApp: n.any,
+  setSelectedApp: n.any
+};
+export {
+  Ie as default
+};
+//# sourceMappingURL=AppModal-CCtrQ5Tr.js.map

package/dist/AppModal-CCtrQ5Tr.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppModal-CCtrQ5Tr.js","sources":["../src/views/Translation/AppModal.jsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from \"react\";\nimport PropTypes from \"prop-types\";\nimport { useForm } from \"react-hook-form\";\nimport { yupResolver } from \"@hookform/resolvers/yup\";\nimport * as Yup from \"yup\";\nimport {\n  Button,\n  IconButton,\n  Dialog,\n  DialogTitle,\n  DialogContent,\n  DialogActions,\n  Box,\n  Typography,\n} from \"@mui/material\";\nimport CustomTextField from \"@/views/custom-components/CustomTextField\";\nimport { showToast } from \"@/common/toaster/toaster\";\nimport {\n  createApp,\n  getAllApps,\n  updateApp,\n} from \"../../services/TranslationService\";\nimport CustomConfirmationModal from \"@/views/custom-components/CustomConfirmationModal\";\nimport useTrackEvent from \"@/hooks/useTrackEvent\";\nimport { useTranslateProvider } from \"@/common/languageTranslator/TranslationContext\";\nimport FontAwesomeIcons from \"@/common/fontAwesomeIcons/FontAwesomeIcons\";\nimport CustomizedTable from \"@/views/custom-components/CustomizedTable/CustomizedTableV2\";\nimport { AppModalSkeleton } from \"./Skeletons/ManageTranslationSkeleton\";\nimport { EmptyState, ModalFieldRow, StateChip } from \"./components/TranslationUi\";\n\n/**\n * Modal component for managing the apps that translation labels belong to.\n * @module appModal\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 * @param {Array} props.languages - List of language objects for language-specific data.\n *\n * @returns {JSX.Element} The rendered modal component.\n *\n */\nconst AppModal = ({\n  open,\n  handleClose,\n  languages,\n  refresh,\n  refetch,\n  selectedApp,\n  setSelectedApp,\n}) => {\n  const formRef = useRef(null);\n  const trackEvent = useTrackEvent();\n  const [tableData, setTableData] = useState([]);\n  const [apps, setApps] = useState([]);\n  const [showForm, setShowForm] = useState(false);\n  const [isEdit, setIsEdit] = useState(false);\n  const { translate } = useTranslateProvider();\n\n  const [toggleOpen, setToggleOpen] = useState(false);\n\n  const [isActiveLabel, setIsActiveLabel] = useState(\"\");\n  const [isActiveDescription, setIsActiveDescription] = useState(\"\");\n  const [clickedRow, setClickedRow] = useState({});\n  const [loading, setLoading] = useState(true);\n  const [hasLoaded, setHasLoaded] = useState(false);\n\n  const validationSchema = Yup.object().shape({\n    appValue: Yup.string().required(\"Select App Value\"),\n    appKey: Yup.string().required(\"Enter App key\"),\n  });\n\n  const {\n    control,\n    handleSubmit,\n    reset,\n    setValue,\n    formState: { errors, isSubmitting },\n  } = useForm({\n    defaultValues: {},\n    resolver: yupResolver(validationSchema),\n    mode: \"onChange\",\n  });\n\n  const cols = [\n    { field: \"Sr. No.\", label: `Sr.No`, align: \"left\", minWidth: 80 },\n    { field: \"Actions\", label: translate(\"Actions\") },\n    { field: \"appValue\", label: translate(\"App\"), align: \"left\" },\n    {\n      field: \"stateValue\",\n      label: translate(\"State\"),\n      align: \"left\",\n      render: (row) => <StateChip state={row?.stateValue} translate={translate} />,\n    },\n  ];\n\n  /**\n   * Handles editing an existing app.\n   * @method handleEdit\n   * @param {Object} row - The row object containing app data to be edited.\n   */\n  const handleEdit = (row) => {\n    setValue(\"appKey\", row?.appKey);\n    setValue(\"appValue\", row?.appValue);\n    setValue(\"id\", row?.id);\n    setValue(\"isActive\", row?.isActive);\n    setIsEdit(true);\n    setShowForm(true);\n  };\n\n  /**\n   * Toggles the state option for an app.\n   * @method handleToggleOption\n   * @param {Object} data - The data related to the app state.\n   */\n  const handleToggleOption = (data) => {\n    const isActive = data?.stateValue === \"Active\";\n    setIsActiveLabel(isActive ? \"Mark as Inactive\" : \"Mark as Active\");\n    setIsActiveDescription(\n      isActive\n        ? `${data?.appValue} will stop appearing as a translation target, and its labels will be hidden from this screen. You can turn it back on here.`\n        : `${data?.appValue} will appear as a translation target again, and its labels will be listed on this screen.`,\n    );\n    setClickedRow(data);\n  };\n\n  /**\n   * Toggles the visibility of the state change confirmation modal.\n   * @method handleToggle\n   */\n  const handleToggle = (row) => {\n    // The row travels with the click rather than being read back from state,\n    // so the handler can never act on a stale selection.\n    if (row) setClickedRow(row);\n    setToggleOpen((curr) => !curr);\n  };\n\n  /**\n   * Handles the toggling of the app state (active/inactive).\n   * @method handleToggleState\n   */\n  const handleToggleState = async () => {\n    try {\n      clickedRow.isActive = !clickedRow.isActive;\n      await updateApp(clickedRow);\n      init();\n      if (selectedApp === clickedRow?.id) {\n        setSelectedApp(null);\n      }\n      await refresh();\n      refetch();\n\n      setToggleOpen((cur) => !cur);\n      showToast({\n        message: clickedRow.isActive\n          ? \"App marked active\"\n          : \"App marked inactive\",\n        type: \"success\",\n      });\n    } catch (error) {\n      console.error(error);\n      showToast({\n        message: \"Could not change the app state. Please try again.\",\n        type: \"error\",\n      });\n    }\n  };\n\n  const menuItems = [\n    { label: translate(isActiveLabel), onClick: handleToggle },\n  ];\n\n  const actions = [\n    {\n      label: \"\",\n      icon: <FontAwesomeIcons iconName=\"faPen\" />,\n      onClick: handleEdit,\n      ariaLabel: translate(\"Edit app\"),\n      dataTestId: \"app-modal-edit-icon\",\n    },\n    {\n      label: \"\",\n      icon: <FontAwesomeIcons iconName=\"faBars\" />,\n      menuClick: handleToggleOption,\n      menuItems: menuItems,\n      ariaLabel: translate(\"More app actions\"),\n      dataTestId: \"app-modal-menu-icon\",\n    },\n  ];\n\n  /**\n   * Opens an empty form for a new app.\n   * @method addApp\n   */\n  const addApp = () => {\n    reset();\n    setIsEdit(false);\n    setShowForm(true);\n  };\n\n  useEffect(() => {\n    if (apps) {\n      const data = [];\n      apps?.forEach((element) => {\n        let newElement = { ...element };\n        if (element?.isActive) {\n          newElement.stateValue = \"Active\";\n        } else {\n          newElement.stateValue = \"Inactive\";\n        }\n        languages?.forEach((lang) => {\n          if (element.language === lang.id) {\n            newElement.languagevalue = lang.languageValue;\n          }\n        });\n\n        data.push(newElement);\n      });\n      setTableData(data);\n    }\n  }, [apps]);\n\n  useEffect(() => {\n    init();\n  }, []);\n  const init = async () => {\n    setLoading(true);\n    try {\n      const res = await getAllApps();\n      setApps(res?.data);\n    } catch (error) {\n      console.error(error);\n      showToast({\n        message: \"Could not load apps. Please try again.\",\n        type: \"error\",\n      });\n    } finally {\n      setLoading(false);\n      setHasLoaded(true);\n    }\n  };\n  const close = () => {\n    handleClose();\n  };\n  const onSubmit = async (data) => {\n    try {\n      trackEvent(\"button_click\", {\n        button_name: \"add-app-add-button\",\n        button_type: \"submit\",\n        button_id: \"add-app-submit-button\",\n      });\n      let appDto = { ...data };\n      if (isEdit) {\n        await updateApp(appDto);\n        showToast({ message: \"App updated successfully\", type: \"success\" });\n      } else {\n        appDto.isActive = true;\n        await createApp(appDto);\n        showToast({ message: \"App added successfully\", type: \"success\" });\n      }\n\n      trackEvent(\"conversion_event\", {\n        form: formRef.current,\n        form_name: \"Add app Configuration\",\n        submit: true,\n      });\n\n      init();\n\n      await refresh();\n      refetch();\n      setShowForm(false);\n    } catch (error) {\n      console.error(error);\n      showToast({\n        message: \"Could not save this app. Please try again.\",\n        type: \"error\",\n      });\n    }\n  };\n\n  return (\n    <Dialog\n      data-testid=\"appModal-modal\"\n      open={open}\n      onClose={() => {\n        close();\n        reset();\n      }}\n      fullWidth\n      maxWidth=\"md\"\n      className=\"translation-modal\"\n    >\n      <CustomConfirmationModal\n        description={isActiveDescription}\n        title={translate(isActiveLabel) || translate(\"Change app state\")}\n        handleClick={handleToggleState}\n        open={toggleOpen}\n        handleClose={() => {\n          setToggleOpen((cur) => !cur);\n        }}\n        data-testid=\"app-modal-customconfirmation\"\n      />\n\n      <DialogTitle\n        sx={{\n          display: \"flex\",\n          alignItems: \"flex-start\",\n          justifyContent: \"space-between\",\n          gap: 2,\n          pt: 2,\n          pb: 3,\n          borderBottom: \"1px solid\",\n          borderColor: \"divider\",\n        }}\n        data-testid=\"appModal-header\"\n      >\n        <Box>\n          <Typography\n            variant=\"subtitle1\"\n            component=\"span\"\n            sx={{ fontWeight: 700, display: \"block\" }}\n          >\n            {translate(\"Manage Apps\")}\n          </Typography>\n          <Typography variant=\"body2\" color=\"text.secondary\">\n            {translate(\n              \"Apps are the products that show translated labels. Add an app here before adding labels to it.\",\n            )}\n          </Typography>\n        </Box>\n        <IconButton\n          size=\"small\"\n          onClick={() => {\n            close();\n          }}\n          aria-label={translate(\"Close\")}\n          data-testid=\"appModal-close-button\"\n        >\n          <FontAwesomeIcons iconName=\"faXmark\" />\n        </IconButton>\n      </DialogTitle>\n\n      <DialogContent\n        // MUI zeroes a DialogContent's top padding when it directly follows\n        // a DialogTitle; this selector has the specificity to put it back.\n        sx={{ \"&.MuiDialogContent-root\": { pt: 3 } }}\n      >\n        {!showForm && (\n          <Box\n            sx={{\n              display: \"flex\",\n              justifyContent: \"flex-end\",\n              pb: 1.5,\n            }}\n          >\n            <AppModalSkeleton isLoading={loading}>\n              <Button\n                size=\"small\"\n                variant=\"contained\"\n                data-testid=\"add-app-button\"\n                color=\"primary\"\n                startIcon={<FontAwesomeIcons iconName=\"faPlus\" />}\n                onClick={addApp}\n              >\n                {translate(\"Add\")} {translate(\"App\")}\n              </Button>\n            </AppModalSkeleton>\n          </Box>\n        )}\n\n        {showForm && (\n          <Box\n            component=\"form\"\n            onSubmit={handleSubmit(onSubmit)}\n            ref={formRef}\n            sx={{\n              display: \"flex\",\n              flexDirection: \"column\",\n              gap: 2,\n              p: 2,\n              mb: 2,\n              border: \"1px solid\",\n              borderColor: \"divider\",\n              borderRadius: (t) => `${t.shape.cardRadius}px`,\n            }}\n          >\n            <Typography variant=\"overline\" color=\"text.secondary\">\n              {isEdit ? translate(\"Edit app\") : translate(\"New app\")}\n            </Typography>\n\n            <Box data-testid=\"app-value-field\">\n              <ModalFieldRow label={translate(\"App\")} required>\n                <CustomTextField\n                  control={control}\n                  id=\"appValue\"\n                  name=\"appValue\"\n                  errors={errors}\n                  label=\"\"\n                  placeholder={translate(\"Name shown to users\")}\n                  size=\"small\"\n                  className=\"w-full\"\n                  data-testid=\"app-value-input\"\n                />\n              </ModalFieldRow>\n            </Box>\n\n            <Box data-testid=\"app-key-field\">\n              <ModalFieldRow\n                label={`${translate(\"App\")} ${translate(\"Key\")}`}\n                required\n                hint={translate(\"Short code the apps send when asking for labels\")}\n              >\n                <CustomTextField\n                  control={control}\n                  id=\"appKey\"\n                  name=\"appKey\"\n                  errors={errors}\n                  label=\"\"\n                  size=\"small\"\n                  className=\"w-full\"\n                  data-testid=\"app-key-input\"\n                />\n              </ModalFieldRow>\n            </Box>\n\n            <Box\n              sx={{\n                display: \"flex\",\n                flexDirection: { xs: \"column\", sm: \"row\" },\n                gap: 1,\n                justifyContent: \"flex-end\",\n              }}\n            >\n              <Button\n                size=\"small\"\n                variant=\"outlined\"\n                color=\"inherit\"\n                data-testid=\"add-app-cancel\"\n                onClick={() => {\n                  setShowForm(false);\n                  trackEvent(\"conversion_event\", {\n                    form: formRef.current,\n                    form_name: \"Add App 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=\"add-app-save\"\n                color=\"primary\"\n                disabled={isSubmitting}\n              >\n                {translate(\"Save\")}\n              </Button>\n            </Box>\n          </Box>\n        )}\n\n        {hasLoaded && !loading && tableData?.length === 0 ? (\n          <EmptyState\n            icon=\"faLayerGroup\"\n            title={translate(\"No apps yet\")}\n            body={translate(\n              \"Add the first app so labels have somewhere to live.\",\n            )}\n            dataTestId=\"appModal-empty\"\n          />\n        ) : (\n          <CustomizedTable\n            columns={cols}\n            tableData={tableData}\n            actions={actions}\n            paginationConfig={{ pagination: false }}\n            styleConfig={{ tableStyle: { maxHeight: 320 } }}\n            dataTestId=\"appModal-table\"\n            isLoading={loading}\n          />\n        )}\n      </DialogContent>\n\n      <DialogActions\n        sx={{ px: 3, py: 2, borderTop: \"1px solid\", borderColor: \"divider\" }}\n      >\n        <Button\n          variant=\"outlined\"\n          color=\"inherit\"\n          size=\"small\"\n          onClick={() => close()}\n          data-testid=\"appModal-footer-close\"\n        >\n          {translate(\"Close\")}\n        </Button>\n      </DialogActions>\n    </Dialog>\n  );\n};\n\nAppModal.propTypes = {\n  open: PropTypes.any,\n  handleClose: PropTypes.any,\n  languages: PropTypes.any,\n  refresh: PropTypes.any,\n  refetch: PropTypes.any,\n  selectedApp: PropTypes.any,\n  setSelectedApp: PropTypes.any,\n};\n\nexport default AppModal;\n"],"names":["AppModal","open","handleClose","languages","refresh","refetch","selectedApp","setSelectedApp","formRef","useRef","trackEvent","useTrackEvent","tableData","setTableData","useState","apps","setApps","showForm","setShowForm","isEdit","setIsEdit","translate","useTranslateProvider","toggleOpen","setToggleOpen","isActiveLabel","setIsActiveLabel","isActiveDescription","setIsActiveDescription","clickedRow","setClickedRow","loading","setLoading","hasLoaded","setHasLoaded","validationSchema","Yup","control","handleSubmit","reset","setValue","errors","isSubmitting","useForm","yupResolver","cols","row","jsx","StateChip","handleEdit","handleToggleOption","data","isActive","handleToggle","curr","handleToggleState","updateApp","init","cur","showToast","error","menuItems","actions","FontAwesomeIcons","addApp","useEffect","element","newElement","lang","res","getAllApps","close","onSubmit","appDto","createApp","jsxs","Dialog","CustomConfirmationModal","DialogTitle","Box","Typography","IconButton","DialogContent","AppModalSkeleton","Button","t","ModalFieldRow","CustomTextField","EmptyState","CustomizedTable","DialogActions","PropTypes"],"mappings":"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"}