@argusoft/medplat-core 1.0.0

package/dist/ServerSyncModal-uNjGCQJz.js

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