@argusoft/medplat-form-engine 1.0.13 → 1.0.15

package/dist/ServerSyncModal-uNjGCQJz--PJ3F3xg.js

@@ -1,869 +0,0 @@
-import { jsx as r, jsxs as s, Fragment as R } from "react/jsx-runtime";
-import { execute as Ue } from "@/common/services/GlobalApis";
-import { showToast as C } from "@/common/toaster/toaster";
-import { Modal as Oe, Backdrop as K, Fade as ze, Typography as q, IconButton as Q, CircularProgress as Ne, Tabs as Z, Tab as W, Divider as j, Chip as I, FormControl as U, FormLabel as O, Autocomplete as Y, TextField as A, Tooltip as Le, OutlinedInput as Ae, InputAdornment as Ee, FormHelperText as Fe, Alert as Te, Checkbox as ke, Accordion as Me, AccordionSummary as Re, AccordionDetails as qe, Button as ee } from "@mui/material";
-import c from "@mui/material/Grid2";
-import { Box as h } from "@mui/system";
-import { D as S } from "./i18next-CTOWN_jH-BKKbdDel.js";
-import z from "prop-types";
-import We, { useState as g, useEffect as je } from "react";
-import { useForm as Ye, useFieldArray as $e, Controller as N } from "react-hook-form";
-import { api as re } from "@/common/interceptors/AxiosInterceptor";
-import { getSecurityUserList as Pe, syncMenuConfigFormsWithServer as Ve, downloadFeature as Be } from "@/common/services/SyncWithServer";
-import { FormConfiguratorService as _e } from "@/common/services/FormConfiguratorService";
-import { FontAwesomeIcon as x } from "@fortawesome/react-fontawesome";
-import { faXmark as He, faCircleInfo as Ge, faEyeSlash as Je, faEye as Xe, faChevronDown as Ke, faArrowsRotate as Qe, faDownload as Ze } from "@fortawesome/free-solid-svg-icons";
-import er from "@/common/services/util/GeneralUtil";
-import rr from "@/views/custom-components/InfoBadge";
-import oe from "@/views/custom-components/AlertPlaceholder";
-import or from "@/views/custom-components/PostgresEditor";
-function tr({
-  id: $,
-  navigationState: P,
-  selectedFeature: V,
-  openServerSyncModal: E,
-  openModalFunc: B
-}) {
-  const [m, te] = g(), [ne, ie] = g([]), [F, le] = g(), [T, ae] = g(), [k, se] = g(!1), [w, M] = g(-1), [de, v] = g(!1), [L, _] = g({}), [f, H] = g([]), [u, ce] = g("SYNC"), y = Ye({
-    defaultValues: {
-      serverName: "",
-      formCode: [],
-      formDetails: [],
-      userName: "",
-      password: "",
-      requestMessage: ""
-    },
-    mode: "onChange"
-  }), { fields: b, remove: ue, append: me, replace: G } = $e({
-    control: y.control,
-    name: "formDetails"
-  }), fe = (o, t) => {
-    _({});
-    const e = [...b];
-    e.forEach((n) => {
-      const l = m.find(
-        (i) => i.formCode === n.formCode
-      );
-      n.migrationList = l.migrationListAll, n.migrationListAll = l.migrationListAll;
-    }), G(e), ce(t);
-  };
-  je(() => {
-    (async () => {
-      try {
-        await pe(), await ge(), await ve();
-      } catch (o) {
-        C({
-          message: o,
-          type: "error"
-        });
-      }
-    })();
-  }, [E]);
-  const pe = async () => {
-    try {
-      const o = (await _e.getAllLinkedFormsByMenuConfigId($)).data;
-      o && (ie(o), te(() => {
-        const t = o, e = /* @__PURE__ */ new Map();
-        return t.forEach((n) => {
-          e.has(n.formCode) || e.set(n.formCode, {
-            sourceFormCode: n.sourceFormCode,
-            formName: n.formName,
-            formCode: n.formCode,
-            versions: JSON.parse(n.versions).filter(
-              (l) => l.version !== "DRAFT"
-            ),
-            formUUID: n.uuid,
-            builderType: n.builderType,
-            migrationList: n.migrationList,
-            migrationListAll: n.migrationList
-          });
-        }), Array.from(e.values());
-      }));
-    } catch (o) {
-      C({
-        message: o,
-        type: "error"
-      });
-    }
-  }, he = async (o) => {
-    if (o && m) {
-      const t = m.map((e) => e.formUUID);
-      try {
-        const e = await re.get(
-          "sync/migrationUUIDsByListOfFormMasterUUIDSource",
-          {
-            params: {
-              formMasterUUIDs: t,
-              serverCode: o.code
-            },
-            paramsSerializer: {
-              serialize: (n) => Object.entries(n).map(
-                ([l, i]) => Array.isArray(i) ? i.map((d) => `${l}=${encodeURIComponent(d)}`).join("&") : `${l}=${encodeURIComponent(i)}`
-              ).join("&")
-            }
-          }
-        );
-        H([...e.data]);
-      } catch (e) {
-        console.error("Error fetching UUIDs:", e);
-      }
-    } else
-      H([]);
-  }, ge = async () => {
-    try {
-      const o = (await Ue({
-        code: "fetch_server_details"
-      })).data;
-      o.result && le(o.result);
-    } catch (o) {
-      C({
-        message: o,
-        type: "error"
-      });
-    }
-  }, ve = async () => {
-    try {
-      const o = (await Pe()).data;
-      o && ae(() => {
-        let t = o.split(","), e = [];
-        return t.forEach((n) => {
-          e.push({
-            id: n,
-            label: n
-          });
-        }), e;
-      });
-    } catch (o) {
-      C({
-        message: o,
-        type: "error"
-      });
-    }
-  }, ye = () => {
-    let o = y.getValues("formCode") || [];
-    if (o.length > 0) {
-      M(o[0]);
-      let t = o.map((i) => {
-        var d;
-        let a = m == null ? void 0 : m.find((p) => p.formCode === i);
-        return a ? {
-          formName: a.formName,
-          formCode: a.formCode,
-          formUUID: a.formUUID,
-          migrationList: (d = a.migrationList) == null ? void 0 : d.filter(
-            (p) => !f.includes(p.uuid)
-          ),
-          migrationListAll: a.migrationList
-        } : null;
-      }).filter(Boolean), e = b.map((i) => i.formCode), n = t.filter(
-        (i) => !e.includes(i.formCode)
-      ), l = e.filter(
-        (i) => !o.includes(i)
-      );
-      n.forEach((i) => {
-        const d = (m == null ? void 0 : m.find(
-          (a) => a.formCode === i.formCode
-        )).versions.reduce(
-          (a, p) => parseInt(p.version) > parseInt(a.version) ? p : a
-        );
-        me({
-          formName: i.formName,
-          formCode: i.formCode,
-          migrationList: i.migrationList,
-          migrationListAll: i.migrationList,
-          version: d.version,
-          formUUID: i.formUUID,
-          builderType: i.builderType
-        });
-      }), l.forEach((i) => {
-        let d = b.findIndex((a) => a.formCode === i);
-        d !== -1 && ue(d);
-      });
-    } else
-      M(-1), G([]);
-  }, Ce = () => se((o) => !o), Se = () => {
-    B(!1);
-  }, J = async (o, t, e) => {
-    try {
-      return await er.getEncodedData(o, t, e);
-    } catch (n) {
-      return console.error(n), null;
-    }
-  }, be = (o, t) => Object.entries(o).filter(([e]) => !t.includes(e)).sort(([, e], [, n]) => e.createdOn - n.createdOn).map(([e]) => e), xe = async (o) => {
-    try {
-      v(!0);
-      const t = await re.get("/login/get-key-and-iv", {
-        withCredentials: !0
-      }), e = await J(
-        t.data.key,
-        t.data.initVector,
-        o.userName
-      ), n = await J(
-        t.data.key,
-        t.data.initVector,
-        o.password
-      ), l = o.formDetails.map((a) => {
-        let p = be(
-          L[a.formCode] || {},
-          f || []
-        );
-        return {
-          formMasterUUID: a.formUUID,
-          version: a.version,
-          migrationUUIDList: p,
-          builderType: a.builderType
-        };
-      }), i = [];
-      ne.forEach((a) => {
-        a.sourceFormCode != a.formCode && i.push({ [a.sourceFormCode]: a.formCode });
-      });
-      const d = {
-        menuConfigId: $,
-        navigationState: P,
-        formConfigsData: l,
-        routeGraphMap: i,
-        transactionRequestData: {
-          serverCode: o.serverName,
-          requestMessage: o.requestMessage,
-          featureType: "FORM_CONFIGURATOR",
-          featureReferenceType: "FEATURE",
-          featureReferenceId: P
-        },
-        authRequestData: {
-          userName: e,
-          password: n,
-          grantType: "password",
-          clientId: "imtecho-ui"
-        }
-      };
-      if (u === "SYNC")
-        try {
-          v(!0);
-          const a = await Ve(d);
-          v(!1), a.data.isSuccess ? (C({
-            type: "success",
-            message: "Synced to server successfully."
-          }), B(!1)) : (C({
-            type: "error",
-            message: "Issue in syncing with server."
-          }), console.error("error", a.data.error));
-        } catch (a) {
-          v(!1), C({
-            type: "error",
-            message: "Sync failed: Unauthorized access"
-          }), console.error("error", a);
-        }
-      if (u === "DOWNLOAD")
-        try {
-          v(!0);
-          const a = await Be(d), p = `V${Date.now()}__${d.navigationState}__feature.json`, Ie = new Blob([a.data], { type: "application/json" }), X = window.URL.createObjectURL(Ie), D = document.createElement("a");
-          D.href = X, D.setAttribute("download", p), document.body.appendChild(D), D.click(), D.remove(), window.URL.revokeObjectURL(X), v(!1);
-        } catch (a) {
-          v(!1), C({
-            type: "error",
-            message: "Download failed"
-          }), console.error("error", a);
-        }
-      v(!1);
-    } catch (t) {
-      v(!1), console.error("error", t);
-    }
-  }, we = (o, t, e) => {
-    let n = { ...L };
-    o.target.checked ? (Object.prototype.hasOwnProperty.call(
-      n,
-      t
-    ) || (n[t] = {}), n[t][e.uuid] = e) : delete n[t][e.uuid], _({ ...n });
-  }, De = (o) => {
-    const t = new Date(o), e = String(t.getDate()).padStart(2, "0"), n = String(t.getMonth() + 1).padStart(2, "0"), l = t.getFullYear();
-    let i = t.getHours();
-    const d = String(t.getMinutes()).padStart(2, "0");
-    return i = String(i).padStart(2, "0"), `${e}/${n}/${l} ${i}:${d}`;
-  };
-  return /* @__PURE__ */ r(
-    Oe,
-    {
-      open: E,
-      slots: { backdrop: K },
-      slotProps: {
-        backdrop: {
-          timeout: 500
-        }
-      },
-      PaperProps: {
-        style: {
-          borderRadius: "8px"
-        }
-      },
-      children: /* @__PURE__ */ r(ze, { in: E, children: /* @__PURE__ */ s(
-        h,
-        {
-          sx: {
-            position: "absolute",
-            top: "50%",
-            left: "50%",
-            padding: "10px 25px",
-            transform: "translate(-50%, -50%)",
-            width: "80%",
-            maxHeight: "90%",
-            scrollbarWidth: "none",
-            overflowY: "scroll",
-            bgcolor: "background.paper",
-            borderRadius: "12px",
-            boxShadow: 12,
-            transition: "all 0.5s ease !important"
-          },
-          children: [
-            /* @__PURE__ */ s(
-              h,
-              {
-                sx: {
-                  display: "flex",
-                  justifyContent: "space-between",
-                  alignItems: "center"
-                },
-                children: [
-                  /* @__PURE__ */ s(q, { variant: "h6", className: "text-customBlue", children: [
-                    S("Sync"),
-                    " ",
-                    V == null ? void 0 : V.name
-                  ] }),
-                  /* @__PURE__ */ r(Q, { onClick: Se, children: /* @__PURE__ */ r(x, { icon: He }) })
-                ]
-              }
-            ),
-            /* @__PURE__ */ s("form", { noValidate: !0, onSubmit: y.handleSubmit(xe), children: [
-              /* @__PURE__ */ s(h, { sx: { my: 2 }, children: [
-                /* @__PURE__ */ r(
-                  K,
-                  {
-                    sx: (o) => ({
-                      color: "#fff",
-                      zIndex: o.zIndex.drawer + 1
-                    }),
-                    open: de,
-                    children: /* @__PURE__ */ s(
-                      h,
-                      {
-                        sx: {
-                          backgroundColor: "white",
-                          p: 3,
-                          color: "black",
-                          display: "flex",
-                          justifyContent: "space-between",
-                          alignItems: "center",
-                          borderRadius: "10px"
-                        },
-                        children: [
-                          /* @__PURE__ */ r(Ne, { color: "inherit" }),
-                          /* @__PURE__ */ r(q, { sx: { ml: 2 }, children: "Syncing feature, it may take some time, please wait..." })
-                        ]
-                      }
-                    )
-                  }
-                ),
-                /* @__PURE__ */ s(c, { container: !0, spacing: 2, children: [
-                  /* @__PURE__ */ s(c, { size: 5, container: !0, children: [
-                    /* @__PURE__ */ r(c, { size: 12, children: /* @__PURE__ */ s(
-                      Z,
-                      {
-                        value: u,
-                        onChange: fe,
-                        variant: "fullWidth",
-                        children: [
-                          /* @__PURE__ */ r(W, { label: "SYNC", value: "SYNC" }),
-                          /* @__PURE__ */ r(W, { label: "DOWNLOAD", value: "DOWNLOAD" })
-                        ]
-                      }
-                    ) }),
-                    ["SYNC"].includes(u) && /* @__PURE__ */ s(R, { children: [
-                      /* @__PURE__ */ r(c, { size: 12, children: /* @__PURE__ */ r(j, { children: /* @__PURE__ */ r(I, { label: "Server and form details", size: "small" }) }) }),
-                      /* @__PURE__ */ r(c, { size: 12, children: /* @__PURE__ */ s(U, { fullWidth: !0, children: [
-                        /* @__PURE__ */ r(O, { required: !0, children: "Select server" }),
-                        /* @__PURE__ */ r(
-                          N,
-                          {
-                            name: "serverName",
-                            control: y.control,
-                            rules: {
-                              required: {
-                                value: !0,
-                                message: "Select server"
-                              }
-                            },
-                            render: ({
-                              field: { onChange: o, value: t },
-                              fieldState: { error: e }
-                            }) => {
-                              const n = F == null ? void 0 : F.filter(
-                                (l) => t == null ? void 0 : t.includes(l.code)
-                              );
-                              return /* @__PURE__ */ r(
-                                Y,
-                                {
-                                  fullWidth: !0,
-                                  size: "small",
-                                  options: F || [],
-                                  getOptionLabel: (l) => l.serverDetails || "",
-                                  value: n,
-                                  getOptionDisabled: (l) => t == null ? void 0 : t.includes(l.code),
-                                  onChange: (l, i) => {
-                                    const d = i == null ? void 0 : i.code;
-                                    o(d), he(i);
-                                  },
-                                  renderInput: (l) => /* @__PURE__ */ r(
-                                    A,
-                                    {
-                                      ...l,
-                                      placeholder: "Select server",
-                                      variant: "outlined",
-                                      error: e,
-                                      helperText: e == null ? void 0 : e.message
-                                    }
-                                  )
-                                }
-                              );
-                            }
-                          }
-                        )
-                      ] }) })
-                    ] }),
-                    ["DOWNLOAD", "SYNC"].includes(u) && /* @__PURE__ */ r(R, { children: /* @__PURE__ */ r(c, { size: 12, children: /* @__PURE__ */ s(U, { fullWidth: !0, children: [
-                      /* @__PURE__ */ s(O, { required: !0, children: [
-                        S("Select"),
-                        " ",
-                        S("forms")
-                      ] }),
-                      /* @__PURE__ */ r(
-                        N,
-                        {
-                          name: "formCode",
-                          rules: {
-                            required: {
-                              value: !0,
-                              message: "Select server"
-                            }
-                          },
-                          control: y.control,
-                          render: ({
-                            field: { onChange: o, value: t },
-                            fieldState: { error: e }
-                          }) => {
-                            const n = m == null ? void 0 : m.filter(
-                              (l) => t == null ? void 0 : t.includes(l.formCode)
-                            );
-                            return /* @__PURE__ */ r(
-                              Y,
-                              {
-                                multiple: !0,
-                                size: "small",
-                                options: m || [],
-                                disableCloseOnSelect: !0,
-                                getOptionLabel: (l) => l.formName || "",
-                                value: n,
-                                getOptionDisabled: (l) => t == null ? void 0 : t.includes(l.formCode),
-                                onChange: (l, i) => {
-                                  const d = i.map(
-                                    (a) => a.formCode
-                                  );
-                                  o(d), ye();
-                                },
-                                renderInput: (l) => /* @__PURE__ */ r(
-                                  A,
-                                  {
-                                    ...l,
-                                    placeholder: "Select all forms to sync",
-                                    variant: "outlined",
-                                    error: e,
-                                    helperText: e == null ? void 0 : e.message
-                                  }
-                                )
-                              }
-                            );
-                          }
-                        }
-                      )
-                    ] }) }) }),
-                    ["SYNC"].includes(u) && /* @__PURE__ */ s(R, { children: [
-                      /* @__PURE__ */ r(c, { size: 12, children: /* @__PURE__ */ r(j, { children: /* @__PURE__ */ r(
-                        I,
-                        {
-                          label: /* @__PURE__ */ s(h, { children: [
-                            /* @__PURE__ */ r(h, { component: "span", sx: { mr: 0.5 }, children: "User authentication details" }),
-                            /* @__PURE__ */ r(Le, { title: "Only selected users can perform the sync operation", children: /* @__PURE__ */ r(x, { icon: Ge }) })
-                          ] }),
-                          size: "small"
-                        }
-                      ) }) }),
-                      /* @__PURE__ */ r(c, { size: 12, children: /* @__PURE__ */ s(U, { variant: "outlined", fullWidth: !0, children: [
-                        /* @__PURE__ */ s(O, { required: !0, children: [
-                          S("Select"),
-                          " ",
-                          S("user")
-                        ] }),
-                        /* @__PURE__ */ r(
-                          N,
-                          {
-                            name: "userName",
-                            rules: {
-                              required: {
-                                value: !0,
-                                message: "Select username"
-                              }
-                            },
-                            control: y.control,
-                            render: ({
-                              field: { onChange: o, value: t },
-                              fieldState: { error: e }
-                            }) => /* @__PURE__ */ r(
-                              Y,
-                              {
-                                size: "small",
-                                options: T || [],
-                                getOptionLabel: (n) => (n == null ? void 0 : n.label) || "",
-                                value: (T == null ? void 0 : T.find(
-                                  (n) => n.id === t
-                                )) || null,
-                                onChange: (n, l) => {
-                                  o(l ? l.id : null);
-                                },
-                                renderInput: (n) => /* @__PURE__ */ r(
-                                  A,
-                                  {
-                                    ...n,
-                                    placeholder: "Select user",
-                                    variant: "outlined",
-                                    error: e,
-                                    helperText: e == null ? void 0 : e.message
-                                  }
-                                )
-                              }
-                            )
-                          }
-                        )
-                      ] }) }),
-                      /* @__PURE__ */ r(c, { size: 12, children: /* @__PURE__ */ s(U, { fullWidth: !0, children: [
-                        /* @__PURE__ */ r(
-                          O,
-                          {
-                            required: !0,
-                            color: "text.primary",
-                            sx: { mb: 0.5 },
-                            children: S("Password")
-                          }
-                        ),
-                        /* @__PURE__ */ r(
-                          N,
-                          {
-                            name: "password",
-                            rules: {
-                              required: {
-                                value: !0,
-                                message: "Enter password"
-                              }
-                            },
-                            control: y.control,
-                            errors: y.formState.errors,
-                            defaultValue: "",
-                            render: ({
-                              field: { onChange: o, value: t },
-                              fieldState: { error: e }
-                            }) => /* @__PURE__ */ s(h, { sx: { mb: 1 }, children: [
-                              /* @__PURE__ */ r(
-                                Ae,
-                                {
-                                  fullWidth: !0,
-                                  type: k ? "text" : "password",
-                                  value: t,
-                                  size: "small",
-                                  placeholder: "Enter password",
-                                  onChange: o,
-                                  error: e,
-                                  endAdornment: /* @__PURE__ */ r(Ee, { position: "end", children: /* @__PURE__ */ r(
-                                    Q,
-                                    {
-                                      "aria-label": k ? "hide the password" : "display the password",
-                                      onClick: Ce,
-                                      onMouseDown: (n) => n.preventDefault(),
-                                      onMouseUp: (n) => n.preventDefault(),
-                                      edge: "end",
-                                      children: k ? /* @__PURE__ */ r(
-                                        x,
-                                        {
-                                          icon: Je,
-                                          size: "xs"
-                                        }
-                                      ) : /* @__PURE__ */ r(
-                                        x,
-                                        {
-                                          icon: Xe,
-                                          size: "xs"
-                                        }
-                                      )
-                                    }
-                                  ) })
-                                }
-                              ),
-                              e && /* @__PURE__ */ r(Fe, { error: e, children: e == null ? void 0 : e.message })
-                            ] })
-                          }
-                        )
-                      ] }) }),
-                      /* @__PURE__ */ r(c, { size: 12, children: /* @__PURE__ */ s(U, { fullWidth: !0, children: [
-                        /* @__PURE__ */ s(O, { required: !0, children: [
-                          S("Request"),
-                          " ",
-                          S("message")
-                        ] }),
-                        /* @__PURE__ */ r(
-                          N,
-                          {
-                            name: "requestMessage",
-                            rules: {
-                              required: {
-                                value: !0,
-                                message: "Enter request message"
-                              }
-                            },
-                            control: y.control,
-                            render: ({ field: o, fieldState: { error: t } }) => /* @__PURE__ */ r(
-                              A,
-                              {
-                                multiline: !0,
-                                rows: 4,
-                                size: "small",
-                                placeholder: "Enter request message",
-                                ...o,
-                                error: t,
-                                helperText: t == null ? void 0 : t.message
-                              }
-                            )
-                          }
-                        )
-                      ] }) })
-                    ] })
-                  ] }),
-                  /* @__PURE__ */ r(c, { size: 7, children: /* @__PURE__ */ r(h, { children: b.length > 0 ? /* @__PURE__ */ s(We.Fragment, { children: [
-                    /* @__PURE__ */ r(Te, { sx: { mt: 1 }, severity: "info", children: "Please select the migration corresponding to the respective form for synchronization" }),
-                    /* @__PURE__ */ r(
-                      Z,
-                      {
-                        value: w,
-                        onChange: (o, t) => {
-                          M(t);
-                        },
-                        children: b == null ? void 0 : b.map((o) => /* @__PURE__ */ r(
-                          W,
-                          {
-                            value: o.formCode,
-                            label: /* @__PURE__ */ r(
-                              rr,
-                              {
-                                label: o.formCode,
-                                value: `V${o.version}`,
-                                color: "info.main",
-                                tooltipValue: `Version ${o.version} of ${o.formName} will be synced`,
-                                showTooltip: !0,
-                                valueSize: 30,
-                                fontSize: "0.8rem"
-                              }
-                            )
-                          },
-                          o.formUUID
-                        ))
-                      }
-                    ),
-                    /* @__PURE__ */ r(j, { sx: { mb: 1 } }),
-                    w != -1 && (() => {
-                      var o;
-                      const t = b.find(
-                        (e) => e.formCode === w
-                      );
-                      return /* @__PURE__ */ s(
-                        c,
-                        {
-                          spacing: 2,
-                          container: !0,
-                          sx: { maxHeight: "50vh", overflowY: "scroll" },
-                          children: [
-                            (t == null ? void 0 : t.migrationList.length) === 0 && /* @__PURE__ */ r(c, { size: 12, children: /* @__PURE__ */ s(oe, { height: "250px", children: [
-                              "No migration queries present for (",
-                              t.formName,
-                              ")"
-                            ] }) }),
-                            (o = t == null ? void 0 : t.migrationList) == null ? void 0 : o.map(
-                              (e) => {
-                                var n, l;
-                                return /* @__PURE__ */ s(
-                                  c,
-                                  {
-                                    size: 12,
-                                    container: !0,
-                                    children: [
-                                      /* @__PURE__ */ r(c, { size: 1, children: /* @__PURE__ */ r(
-                                        ke,
-                                        {
-                                          value: ((n = Object.keys(
-                                            L[w] || {}
-                                          )) == null ? void 0 : n.includes(e.uuid)) && (!(f != null && f.includes(
-                                            e.uuid
-                                          )) || u == "DOWNLOAD"),
-                                          checked: ((l = Object.keys(
-                                            L[w] || {}
-                                          )) == null ? void 0 : l.includes(e.uuid)) && (!(f != null && f.includes(
-                                            e.uuid
-                                          )) || u == "DOWNLOAD"),
-                                          disabled: (f == null ? void 0 : f.includes(
-                                            e.uuid
-                                          )) && u === "SYNC",
-                                          sx: {
-                                            "& .MuiSvgIcon-root": {
-                                              fontSize: 32
-                                            },
-                                            mr: 1
-                                          },
-                                          onChange: (i) => {
-                                            we(
-                                              i,
-                                              w,
-                                              e
-                                            );
-                                          }
-                                        }
-                                      ) }),
-                                      /* @__PURE__ */ r(c, { size: 11, children: /* @__PURE__ */ s(
-                                        Me,
-                                        {
-                                          slotProps: {
-                                            transition: { unmountOnExit: !0 }
-                                          },
-                                          children: [
-                                            /* @__PURE__ */ r(
-                                              Re,
-                                              {
-                                                expandIcon: /* @__PURE__ */ r(
-                                                  x,
-                                                  {
-                                                    icon: Ke
-                                                  }
-                                                ),
-                                                "aria-controls": "panel1-content",
-                                                id: "panel1-header",
-                                                sx: {
-                                                  backgroundColor: "background.default"
-                                                },
-                                                children: /* @__PURE__ */ s(q, { component: "span", children: [
-                                                  "Created on :",
-                                                  " ",
-                                                  De(e.createdOn),
-                                                  /* @__PURE__ */ r(
-                                                    I,
-                                                    {
-                                                      sx: { ml: 2 },
-                                                      size: "small",
-                                                      color: e.isExecuted ? "success" : "warning",
-                                                      label: e.isExecuted ? "Executed" : "Not Executed"
-                                                    }
-                                                  ),
-                                                  e.isExecuted && e.isError && /* @__PURE__ */ r(
-                                                    I,
-                                                    {
-                                                      sx: { ml: 2 },
-                                                      size: "small",
-                                                      color: "error",
-                                                      label: "Error"
-                                                    }
-                                                  ),
-                                                  (f == null ? void 0 : f.includes(
-                                                    e.uuid
-                                                  )) && u === "SYNC" && /* @__PURE__ */ r(
-                                                    I,
-                                                    {
-                                                      sx: { ml: 2 },
-                                                      size: "small",
-                                                      color: "info",
-                                                      label: "Synced"
-                                                    }
-                                                  )
-                                                ] })
-                                              }
-                                            ),
-                                            /* @__PURE__ */ r(qe, { children: /* @__PURE__ */ r(
-                                              or,
-                                              {
-                                                mode: "READ_ONLY",
-                                                defaultValue: e == null ? void 0 : e.query
-                                              }
-                                            ) })
-                                          ]
-                                        }
-                                      ) })
-                                    ]
-                                  },
-                                  e.uuid
-                                );
-                              }
-                            )
-                          ]
-                        },
-                        t.formCode
-                      );
-                    })()
-                  ] }) : /* @__PURE__ */ r(h, { sx: { mt: 1 }, children: /* @__PURE__ */ r(oe, { height: "250px", children: "Please select forms to sync" }) }) }) })
-                ] })
-              ] }),
-              /* @__PURE__ */ s(
-                h,
-                {
-                  sx: {
-                    my: 1,
-                    display: "flex",
-                    justifyContent: "end",
-                    alignItems: "center"
-                  },
-                  children: [
-                    ["SYNC"].includes(u) && /* @__PURE__ */ r(
-                      ee,
-                      {
-                        type: "submit",
-                        startIcon: /* @__PURE__ */ r(x, { size: "lg", icon: Qe }),
-                        color: "success",
-                        size: "small",
-                        variant: "contained",
-                        sx: { mr: 1 },
-                        children: "Start Syncing"
-                      }
-                    ),
-                    ["DOWNLOAD"].includes(u) && /* @__PURE__ */ r(
-                      ee,
-                      {
-                        type: "submit",
-                        startIcon: /* @__PURE__ */ r(x, { size: "lg", icon: Ze }),
-                        color: "success",
-                        size: "small",
-                        variant: "contained",
-                        sx: { mr: 1 },
-                        children: "Download Config"
-                      }
-                    )
-                  ]
-                }
-              )
-            ] })
-          ]
-        }
-      ) })
-    }
-  );
-}
-tr.propTypes = {
-  id: z.any,
-  selectedFeature: z.any,
-  navigationState: z.any,
-  openServerSyncModal: z.any,
-  openModalFunc: z.any
-};
-export {
-  tr as default
-};
-//# sourceMappingURL=ServerSyncModal-uNjGCQJz--PJ3F3xg.js.map