@argusoft/medplat-core 1.0.14 → 1.0.15

package/dist/TableDetails-DztbjsIA.js

@@ -0,0 +1,2069 @@
+import { jsxs as s, jsx as r, Fragment as Q } from "react/jsx-runtime";
+import { execute as H } from "@/common/services/QueryBuilder";
+import { showToast as V } from "@/common/toaster/toaster";
+import { useDebounceFn as mr } from "@/hooks/useDebounceFn";
+import hr from "@/views/custom-components/CustomConfirmationModal";
+import pr from "@/views/custom-components/CustomTextField";
+import C from "@/common/fontAwesomeIcons/FontAwesomeIcons";
+import de from "@monaco-editor/react";
+import { Paper as ge, Typography as u, Tooltip as B, Button as O, FormControl as M, RadioGroup as xe, FormControlLabel as W, Radio as U, Autocomplete as ce, TextField as D, IconButton as _, InputAdornment as Ce, Popover as yr, Checkbox as fr, TableContainer as gr, Table as xr, TableHead as Cr, TableRow as ee, TableCell as re, TableBody as Ye, Modal as br, Switch as vr } from "@mui/material";
+import y from "@mui/material/Grid2";
+import { Box as f } from "@mui/system";
+import S from "prop-types";
+import { useState as w, useEffect as be } from "react";
+import { useForm as wr, useWatch as Nr, Controller as N } from "react-hook-form";
+import { useSelector as Sr } from "react-redux";
+function kr({
+  tableInfo: d,
+  table: b,
+  isEditMode: m,
+  updateEditMode: ve,
+  tableCompleteInfo: k,
+  reloadComponents: Je,
+  isCreateTableMode: i,
+  isSyncTableMode: G,
+  updateCreateTableMode: we,
+  openDeleteModal: Xe,
+  setOpenDeleteModal: Ne,
+  generateRebuildScript: Ze
+}) {
+  var We, _e, $e, Ee, Fe, je, Qe, He, Ue;
+  const Se = [
+    "Document Master",
+    "Form Configurator",
+    "Form Media Record",
+    "LMS"
+  ], ke = (e) => (e == null ? void 0 : e.toUpperCase().replace(/ /g, "_")) || "", Pe = (e) => Se.find((n) => ke(n) === e) || "", Me = (e) => {
+    var n;
+    return e != null && e.downloadType ? Pe(e.downloadType) || e.downloadType : (n = e == null ? void 0 : e.data) != null && n.downloadType ? Pe(e.data.downloadType) || e.data.downloadType : "";
+  }, er = (e) => {
+    var a;
+    const n = e == null ? void 0 : e.downloadUrl;
+    if (typeof n == "object" && n !== null)
+      return n.apiEndpoint || "";
+    const l = (a = e == null ? void 0 : e.data) == null ? void 0 : a.downloadUrl;
+    return typeof l == "object" && l !== null && l.apiEndpoint || "";
+  }, ue = (e) => {
+    var a;
+    const n = e == null ? void 0 : e.downloadUrl;
+    if (typeof n == "object" && n !== null)
+      return n.requestParameters || [];
+    const l = (a = e == null ? void 0 : e.data) == null ? void 0 : a.downloadUrl;
+    return typeof l == "object" && l !== null ? l.requestParameters || [] : [];
+  }, [Ve, me] = w([]), [De, ne] = w(!1), [$, ae] = w(""), [rr, nr] = w({}), [te, I] = w(""), [v, K] = w([]), [Y, R] = w([]), [g, le] = w(0), [J, he] = w(0), [Ke, oe] = w(null), [X, ie] = w(null), [E, ar] = w({}), [L, A] = w(
+    i ? [] : ue(d == null ? void 0 : d.mediaConfiguration)
+  ), Te = !!Ke, tr = Te ? "simple-popover" : void 0, ze = ["TEXT", "INTEGER"], se = Sr((e) => e.Authenticate.user.id), T = {
+    selectedColumns: i ? [] : [...d.columnInfo],
+    modifiedOnQuery: i ? "" : d.modifiedOnQuery,
+    dataFetchQuery: i ? "" : d.selectQuery,
+    tableName: "",
+    createTableQuery: "",
+    syncByDefault: i ? null : (We = d == null ? void 0 : d.syncByDefault) == null ? void 0 : We.toString(),
+    primaryKey: i ? null : d.primaryKey ? d.primaryKey : null,
+    userData: i ? null : ((_e = d == null ? void 0 : d.userData) == null ? void 0 : _e.toString()) || null,
+    hasMedia: i ? null : (($e = d == null ? void 0 : d.hasMedia) == null ? void 0 : $e.toString()) || null,
+    downloadType: i ? "" : Me(d.mediaConfiguration),
+    apiEndpoint: i ? "" : er(d.mediaConfiguration),
+    requestParameters: i ? [] : ue(d.mediaConfiguration),
+    directoryPath: i ? "" : ((Fe = (Ee = d.mediaConfiguration) == null ? void 0 : Ee.directoryPath) == null ? void 0 : Fe.split("/")[1]) || ((He = (Qe = (je = d.mediaConfiguration) == null ? void 0 : je.data) == null ? void 0 : Qe.directoryPath) == null ? void 0 : He.split("/")[1]) || ""
+  }, t = wr({
+    defaultValues: {
+      ...T
+    },
+    mode: "onChange"
+  }), lr = !t.formState.isValid, F = t.watch("hasMedia"), Oe = t.watch("newColumnName"), Re = t.watch("newColumnType");
+  t.register("requestParameters", {
+    validate: (e) => F !== "true" ? !0 : !e || e.length === 0 ? "At least one request parameter is required." : e.some(
+      (l) => {
+        var a, o;
+        return !((a = l.key) != null && a.trim()) || !((o = l.value) != null && o.trim());
+      }
+    ) ? "Each parameter must have both a key and a value filled." : !0
+  });
+  const or = async (e) => {
+    var l;
+    const n = i ? t.getValues("createTableQuery") : await Ae(
+      [...d.columnInfo],
+      e.selectedColumns,
+      d.primaryKey,
+      (l = e.primaryKey) == null ? void 0 : l.toString()
+    );
+    n ? (nr(() => e), ae(() => n), qe(), ne(!0)) : Le(e, !1);
+  }, Le = async (e, n) => {
+    var h;
+    const l = {};
+    let a, o = e || rr;
+    if (n || ae(""), Object.keys(o).length > 0) {
+      o.selectedColumns.forEach((p) => {
+        l[p.name] = p.type;
+      }), o.columns = JSON.stringify(l), o.primaryKey = (h = o.primaryKey) == null ? void 0 : h.toString();
+      let c = {
+        downloadType: ke(o.downloadType),
+        downloadUrl: {
+          apiEndpoint: o.apiEndpoint || "",
+          requestParameters: L || []
+        },
+        directoryPath: "#directoryPath#/" + o.directoryPath + "/"
+      };
+      c = JSON.stringify(c);
+      try {
+        if (a = (await H({
+          code: "update_mobile_entity",
+          parameters: {
+            tableName: (i ? t.getValues("tableName") : b) || "",
+            syncByDefault: o.syncByDefault === "true",
+            columnInfo: o.columns || "",
+            primaryKey: o.primaryKey || "",
+            modifiedOnQuery: o.modifiedOnQuery || "",
+            selectQuery: o.dataFetchQuery || "",
+            userData: o.userData === "true",
+            hasMedia: o.hasMedia === "true",
+            mediaConfiguration: o.hasMedia === "true" ? c : null,
+            modifiedBy: se || "",
+            isUpdate: !0
+          }
+        })).data, a != null && a.result && n && $) {
+          const p = (await H({
+            code: "INSERT_MOBILE_MIGRATION",
+            parameters: {
+              migrationScript: $,
+              modifiedBy: se || "",
+              generateMigration: !0
+            }
+          })).data;
+          (p == null ? void 0 : p.status) === 0 && V({
+            message: `Migration insertion failed: ${p == null ? void 0 : p.message}`,
+            type: "error"
+          });
+        }
+      } catch (p) {
+        V({
+          message: `Submission failure ${p}`,
+          type: "error"
+        });
+      }
+    } else
+      try {
+        if (a = (await H({
+          code: "update_mobile_entity",
+          parameters: {
+            tableName: (i ? t.getValues("tableName") : b) || "",
+            syncByDefault: !1,
+            columnInfo: "",
+            primaryKey: "",
+            modifiedOnQuery: "",
+            selectQuery: "",
+            userData: !1,
+            hasMedia: !1,
+            mediaConfiguration: null,
+            modifiedBy: se || "",
+            isUpdate: !1
+          }
+        })).data, a != null && a.result && $) {
+          const c = (await H({
+            code: "INSERT_MOBILE_MIGRATION",
+            parameters: {
+              migrationScript: $,
+              modifiedBy: se || "",
+              generateMigration: !0
+            }
+          })).data;
+          (c == null ? void 0 : c.status) === 0 && V({
+            message: `Migration insertion failed: ${c == null ? void 0 : c.message}`,
+            type: "error"
+          });
+        }
+      } catch (c) {
+        V({
+          message: `Submission failure ${c}`,
+          type: "error"
+        });
+      }
+    a != null && a.result && (ve(!1), we(!1), Je((c) => !c), V({
+      message: "Table configuration saved successfully!",
+      type: "success"
+    })), ne(!1);
+  }, ir = () => {
+    ne(!1);
+  }, Ae = async (e, n, l, a) => {
+    let o = "";
+    if (e.length > 0) {
+      const h = Object.fromEntries(
+        e.map((x) => [x.name, x.type])
+      ), c = Object.fromEntries(
+        n.map((x) => [x.name, x.type])
+      ), p = Object.keys(h), j = Object.keys(c), Z = e.filter(
+        (x) => !j.includes(x.name)
+      ), P = n.filter(
+        (x) => !p.includes(x.name)
+      ), q = e.filter((x) => {
+        const Ie = c[x.name];
+        return Ie !== void 0 && Ie !== x.type;
+      }), z = Z.map((x) => `ALTER TABLE ${b} DROP COLUMN ${x.name};`).join(`
+`), Ge = P.map(
+        (x) => `ALTER TABLE ${b} ADD COLUMN ${x.name} ${x.type};`
+      ).join(`
+`);
+      let fe = "";
+      return q.length > 0 && (fe = Ze(
+        b,
+        {
+          columnInfo: e,
+          primaryKey: l
+        },
+        {
+          columnInfo: n,
+          primaryKey: a
+        }
+      )), fe ? fe.trim() : (z && (o += `${z}
+`), Ge && (o += `${Ge}
+`), o.trim());
+    } else {
+      const h = i ? t.getValues("tableName") : b;
+      return o = `CREATE TABLE ${h} (
+`, o += n.map((c) => `${c.name} ${c.type}`).join(`,
+`), a && (o += `,
+CONSTRAINT ${h}_pkey PRIMARY KEY (${a})`), o += ");", o;
+    }
+  }, qe = async () => {
+    var n;
+    const e = (n = await H({
+      code: "MFA_MIGRATION_MASTER_GET_LATEST_VERSIONS"
+    }).catch((l) => {
+      V({
+        message: `Failed to fetch migration versions ${l}`,
+        type: "error"
+      });
+    })) == null ? void 0 : n.data;
+    ar(e == null ? void 0 : e.result[0]);
+  };
+  be(() => {
+    if (I(""), he(0), le(0), i && (me([]), K([]), R([]), A([]), t.reset({
+      ...T
+    }), setTimeout(() => t.trigger(), 0)), b && d && !i) {
+      me(k !== void 0 ? () => k.columnInfo : () => d.columnInfo);
+      let e = k !== void 0 ? k.columnInfo.map((a) => a.name) : d.columnInfo.map((a) => a.name), n = {};
+      k !== void 0 ? k.columnInfo.forEach((a) => {
+        n[a.name] = a.type;
+      }) : d.columnInfo.forEach((a) => {
+        n[a.name] = a.type;
+      });
+      let l = {};
+      d.columnInfo.forEach((a) => {
+        l[a.name] = a.type;
+      }), d.columnInfo.map((a) => {
+        e.includes(a.name) || (a.onlyMobileDb = !0), l[a.name] !== n[a.name] && (a.isTypeChanged = !0), a.name === d.primaryKey && (a.isPrimaryKey = !0);
+      }), t.reset({
+        ...T
+      }), setTimeout(() => t.trigger(), 0), A(ue(d == null ? void 0 : d.mediaConfiguration)), K(
+        () => d.columnInfo.sort((a, o) => a.name === d.primaryKey ? (a.isPrimaryKey = !0, -1) : o.name === d.primaryKey ? (o.isPrimaryKey = !0, 1) : a.name.localeCompare(o.name))
+      ), R(k !== void 0 ? () => {
+        const a = new Set(
+          d.columnInfo.map((h) => h.name)
+        );
+        return k.columnInfo.map((h) => ({
+          ...h,
+          isSynced: a.has(h.name)
+        })).sort((h, c) => h.name === d.primaryKey ? -1 : c.name === d.primaryKey ? 1 : h.name.localeCompare(c.name));
+      } : []);
+    }
+  }, [d, k, b, i]), be(() => {
+    const e = te.toLowerCase();
+    if (g === 0) {
+      const n = t.getValues("selectedColumns"), l = e ? n.filter(
+        (a) => a.name.toLowerCase().includes(e)
+      ) : n;
+      K(l);
+    } else {
+      const n = new Set(
+        t.getValues("selectedColumns").map((a) => a.name)
+      ), l = e ? Ve.filter((a) => a.name.toLowerCase().includes(e)).map((a) => ({
+        ...a,
+        isSynced: n.has(a.name)
+      })) : Ve.map((a) => ({
+        ...a,
+        isSynced: n.has(a.name)
+      }));
+      R(l);
+    }
+  }, [te, g]);
+  const Be = Nr({
+    control: t.control,
+    name: "tableName"
+  });
+  be(() => {
+    i && t.getValues("selectedColumns").length > 0 && Be && ye(t.getValues("selectedColumns"));
+  }, [Be]);
+  const sr = (e) => {
+    ae(e);
+  }, dr = () => {
+    m && ve(!m), i && we(!i), t.reset({
+      ...T,
+      newColumnName: null,
+      newColumnType: null
+    }), A(T.requestParameters || []), K(T.selectedColumns || []);
+    const e = new Set(
+      (T.selectedColumns || []).map((n) => n.name)
+    );
+    R(
+      (T.allColumns || []).map((n) => ({
+        ...n,
+        isSynced: e.has(n.name)
+      }))
+    );
+  }, cr = async () => {
+    var l, a, o;
+    Ne(() => !1);
+    const e = await H({
+      code: "DELETE_MOBILE_ENTITY",
+      parameters: {
+        tableName: b
+      }
+    }).catch((h) => {
+      V({
+        message: `Metadata deletion failure ${h}`,
+        type: "error"
+      });
+    });
+    (o = (a = (l = e == null ? void 0 : e.data) == null ? void 0 : l.result) == null ? void 0 : a[0]) != null && o.table_name && V({ message: `${b} deleted successfully!`, type: "success" });
+    let n = `DROP TABLE if exists ${b};`;
+    ae(() => n), qe(), ne(!0);
+  }, ur = mr(async (e) => {
+    const n = /^[a-zA-Z_][a-zA-Z0-9_]*$/.test(e);
+    if (e.trim().length === 0) {
+      t.setError("newColumnName", {
+        type: "manual",
+        message: "*Column name is required. "
+      });
+      return;
+    }
+    if (!n) {
+      t.setError("newColumnName", {
+        type: "manual",
+        message: "Must start with a letter/underscore and contain only letters, numbers, and underscores."
+      });
+      return;
+    }
+    Y.some((l) => l.name === e) || v.some((l) => l.name === e) ? t.setError("newColumnName", {
+      type: "manual",
+      message: "Column name already exists in the table."
+    }) : t.clearErrors("newColumnName");
+  }, 500), pe = v.some(
+    (e) => e.isPrimaryKey === !0
+  ), ye = async (e) => {
+    var a;
+    if (J !== 2 && i && he(2), e.length === 0) {
+      t.setValue("createTableQuery", "", { shouldDirty: !0 });
+      return;
+    }
+    const n = ((a = e.find((o) => o.isPrimaryKey)) == null ? void 0 : a.name) || "", l = await Ae([], e, "", n);
+    t.setValue("createTableQuery", l, { shouldDirty: !0 });
+  };
+  return /* @__PURE__ */ s(
+    y,
+    {
+      size: 9,
+      sx: {
+        maxHeight: "88vh",
+        overflowY: "auto",
+        overflowX: "hidden"
+      },
+      children: [
+        /* @__PURE__ */ r(
+          ge,
+          {
+            variant: "outlined",
+            sx: {
+              p: 2.5,
+              borderRadius: 2.5,
+              backgroundColor: "background.paper"
+            },
+            children: /* @__PURE__ */ s(
+              "form",
+              {
+                onSubmit: t.handleSubmit(or),
+                noValidate: !0,
+                className: "w-full",
+                children: [
+                  /* @__PURE__ */ s(
+                    f,
+                    {
+                      sx: {
+                        display: "flex",
+                        justifyContent: "space-between",
+                        alignItems: "center",
+                        mb: 2.5,
+                        pb: 2,
+                        borderBottom: "1px solid",
+                        borderColor: "divider"
+                      },
+                      children: [
+                        /* @__PURE__ */ s(f, { sx: { flex: 1 }, children: [
+                          i ? /* @__PURE__ */ s(f, { sx: { maxWidth: 350 }, children: [
+                            /* @__PURE__ */ r(
+                              u,
+                              {
+                                variant: "subtitle2",
+                                sx: { fontWeight: 600, mb: 0.5 },
+                                children: "New Table"
+                              }
+                            ),
+                            /* @__PURE__ */ r(
+                              pr,
+                              {
+                                control: t.control,
+                                id: "tableName",
+                                name: "tableName",
+                                errors: t.formState.errors,
+                                label: "Table Name",
+                                size: "small",
+                                rules: {
+                                  required: {
+                                    value: !0,
+                                    message: "Please Enter the name"
+                                  },
+                                  pattern: {
+                                    value: /^[a-z0-9_]+$/,
+                                    message: "Only lowercase letters, numbers, and underscores are allowed"
+                                  },
+                                  validate: {}
+                                }
+                              }
+                            )
+                          ] }) : /* @__PURE__ */ s(Q, { children: [
+                            /* @__PURE__ */ r(
+                              u,
+                              {
+                                variant: "h6",
+                                sx: { fontWeight: 700, color: "text.primary" },
+                                children: b || "No Table Selected"
+                              }
+                            ),
+                            /* @__PURE__ */ r(u, { variant: "caption", color: "text.secondary", children: b ? "View and manage table configuration" : "Select a table from the list" })
+                          ] }),
+                          /* @__PURE__ */ r(
+                            hr,
+                            {
+                              description: "Do you want to drop this table?",
+                              title: "CONFIRMATION",
+                              open: Xe,
+                              handleClick: cr,
+                              handleClose: () => Ne((e) => !e)
+                            }
+                          )
+                        ] }),
+                        /* @__PURE__ */ s(f, { sx: { display: "flex", gap: 1 }, children: [
+                          (m || i) && /* @__PURE__ */ r(
+                            B,
+                            {
+                              title: pe ? "" : "A primary key is required to proceed.",
+                              arrow: !0,
+                              placement: "bottom",
+                              children: /* @__PURE__ */ r("span", { children: /* @__PURE__ */ r(
+                                O,
+                                {
+                                  type: "submit",
+                                  variant: "contained",
+                                  size: "small",
+                                  sx: {
+                                    borderRadius: 2,
+                                    fontWeight: 600,
+                                    textTransform: "none",
+                                    boxShadow: "none",
+                                    px: 2.5
+                                  },
+                                  disabled: lr || !pe,
+                                  startIcon: /* @__PURE__ */ r(C, { iconName: "faCheck" }),
+                                  children: "Submit"
+                                }
+                              ) })
+                            }
+                          ),
+                          (m || i) && /* @__PURE__ */ r(
+                            O,
+                            {
+                              type: "button",
+                              variant: "outlined",
+                              onClick: () => dr(),
+                              size: "small",
+                              sx: {
+                                borderRadius: 2,
+                                fontWeight: 600,
+                                textTransform: "none",
+                                borderColor: "divider",
+                                color: "text.secondary",
+                                px: 2.5,
+                                "&:hover": {
+                                  backgroundColor: "action.hover",
+                                  borderColor: "text.disabled"
+                                }
+                              },
+                              children: "Cancel"
+                            }
+                          )
+                        ] })
+                      ]
+                    }
+                  ),
+                  /* @__PURE__ */ s(y, { container: !0, spacing: 2, children: [
+                    /* @__PURE__ */ s(y, { size: 7, children: [
+                      /* @__PURE__ */ r(
+                        f,
+                        {
+                          sx: {
+                            display: "inline-flex",
+                            gap: 0.75,
+                            p: 0.75,
+                            backgroundColor: "action.hover",
+                            borderRadius: 2.5,
+                            border: "1px solid",
+                            borderColor: "divider",
+                            mb: 2
+                          },
+                          children: [
+                            { value: 0, label: "Modified On Query", icon: "faClock" },
+                            { value: 1, label: "Data Fetch Query", icon: "faDatabase" },
+                            ...i ? [
+                              {
+                                value: 2,
+                                label: "Create Table Query",
+                                icon: "faCode"
+                              }
+                            ] : []
+                          ].map((e) => {
+                            const n = J === e.value;
+                            return /* @__PURE__ */ r(
+                              O,
+                              {
+                                onClick: () => he(e.value),
+                                size: "small",
+                                disableElevation: !0,
+                                sx: {
+                                  px: 2,
+                                  py: 0.6,
+                                  borderRadius: 2,
+                                  textTransform: "none",
+                                  fontSize: "0.8rem",
+                                  fontWeight: n ? 700 : 500,
+                                  color: n ? "primary.dark" : "text.secondary",
+                                  backgroundColor: n ? "background.paper" : "transparent",
+                                  boxShadow: n ? "0px 2px 6px rgba(0,0,0,0.06)" : "none",
+                                  border: "1px solid",
+                                  borderColor: n ? "divider" : "transparent",
+                                  transition: "all 0.2s ease",
+                                  "&:hover": {
+                                    backgroundColor: n ? "background.paper" : "action.hover"
+                                  }
+                                },
+                                startIcon: /* @__PURE__ */ r(C, { iconName: e.icon }),
+                                children: e.label
+                              },
+                              e.value
+                            );
+                          })
+                        }
+                      ),
+                      J === 0 && /* @__PURE__ */ s(y, { children: [
+                        /* @__PURE__ */ r(u, { variant: "subtitle1", children: "Modified On Query:" }),
+                        /* @__PURE__ */ r(
+                          N,
+                          {
+                            name: "modifiedOnQuery",
+                            control: t.control,
+                            render: ({ field: e, fieldState: { error: n } }) => /* @__PURE__ */ s(Q, { children: [
+                              /* @__PURE__ */ r(
+                                de,
+                                {
+                                  height: "35vh",
+                                  defaultLanguage: "sql",
+                                  theme: "vs-dark",
+                                  options: {
+                                    fontSize: 12,
+                                    minimap: { enabled: !1 },
+                                    automaticLayout: !0,
+                                    scrollBeyondLastLine: !1,
+                                    wordWrap: "on",
+                                    occurrencesHighlight: !1,
+                                    selectionHighlight: !1,
+                                    readOnly: !m && !i
+                                  },
+                                  value: e.value || "",
+                                  defaultValue: e.value || "",
+                                  onChange: e.onChange,
+                                  editorProps: { $blockScrolling: !0 }
+                                }
+                              ),
+                              (n == null ? void 0 : n.message) && /* @__PURE__ */ r(
+                                u,
+                                {
+                                  variant: "subtitle1",
+                                  color: "error",
+                                  fontSize: "13px",
+                                  className: "mt-1 ml-[13px]",
+                                  children: n.message
+                                }
+                              )
+                            ] })
+                          }
+                        )
+                      ] }),
+                      J === 1 && /* @__PURE__ */ s(y, { children: [
+                        /* @__PURE__ */ r(u, { variant: "subtitle1", children: "Data Fetch Query:" }),
+                        /* @__PURE__ */ r(
+                          N,
+                          {
+                            name: "dataFetchQuery",
+                            control: t.control,
+                            render: ({ field: e, fieldState: { error: n } }) => /* @__PURE__ */ s(Q, { children: [
+                              /* @__PURE__ */ r(
+                                de,
+                                {
+                                  height: "35vh",
+                                  defaultLanguage: "sql",
+                                  theme: "vs-dark",
+                                  options: {
+                                    fontSize: 12,
+                                    minimap: { enabled: !1 },
+                                    automaticLayout: !0,
+                                    scrollBeyondLastLine: !1,
+                                    wordWrap: "on",
+                                    occurrencesHighlight: !1,
+                                    selectionHighlight: !1,
+                                    readOnly: !m && !i
+                                  },
+                                  value: e.value || "",
+                                  defaultValue: e.value || "",
+                                  onChange: e.onChange,
+                                  editorProps: { $blockScrolling: !0 }
+                                }
+                              ),
+                              (n == null ? void 0 : n.message) && /* @__PURE__ */ r(
+                                u,
+                                {
+                                  variant: "subtitle1",
+                                  color: "error",
+                                  fontSize: "13px",
+                                  className: "mt-1 ml-[13px]",
+                                  children: n.message
+                                }
+                              )
+                            ] })
+                          }
+                        )
+                      ] }),
+                      J === 2 && /* @__PURE__ */ s(y, { children: [
+                        /* @__PURE__ */ r(u, { variant: "subtitle1", children: "Create Table Query:" }),
+                        /* @__PURE__ */ r(
+                          N,
+                          {
+                            name: "createTableQuery",
+                            control: t.control,
+                            render: ({ field: e, fieldState: { error: n } }) => /* @__PURE__ */ s(Q, { children: [
+                              /* @__PURE__ */ r(
+                                de,
+                                {
+                                  height: "35vh",
+                                  defaultLanguage: "sql",
+                                  theme: "vs-dark",
+                                  options: {
+                                    fontSize: 12,
+                                    minimap: { enabled: !1 },
+                                    automaticLayout: !0,
+                                    scrollBeyondLastLine: !1,
+                                    wordWrap: "on",
+                                    occurrencesHighlight: !1,
+                                    selectionHighlight: !1,
+                                    readOnly: !0
+                                  },
+                                  value: e.value || "",
+                                  defaultValue: e.value || "",
+                                  onChange: e.onChange,
+                                  editorProps: { $blockScrolling: !0 }
+                                }
+                              ),
+                              (n == null ? void 0 : n.message) && /* @__PURE__ */ r(
+                                u,
+                                {
+                                  variant: "subtitle1",
+                                  color: "error",
+                                  fontSize: "13px",
+                                  className: "mt-1 ml-[13px]",
+                                  children: n.message
+                                }
+                              )
+                            ] })
+                          }
+                        )
+                      ] }),
+                      /* @__PURE__ */ s(
+                        ge,
+                        {
+                          variant: "outlined",
+                          sx: {
+                            p: 2,
+                            mt: 2,
+                            borderRadius: 2,
+                            backgroundColor: "action.hover"
+                          },
+                          children: [
+                            /* @__PURE__ */ r(
+                              u,
+                              {
+                                variant: "subtitle2",
+                                sx: { fontWeight: 700, mb: 1.5, color: "text.primary" },
+                                children: "Table Settings"
+                              }
+                            ),
+                            /* @__PURE__ */ s(y, { container: !0, spacing: 2, children: [
+                              /* @__PURE__ */ s(y, { size: 6, xs: 12, children: [
+                                /* @__PURE__ */ s(
+                                  u,
+                                  {
+                                    variant: "body2",
+                                    sx: { fontWeight: 600, mb: 0.5 },
+                                    children: [
+                                      "Data Scope ",
+                                      /* @__PURE__ */ r("span", { style: { color: "#ef4444" }, children: "*" })
+                                    ]
+                                  }
+                                ),
+                                /* @__PURE__ */ r(M, { children: /* @__PURE__ */ r(
+                                  N,
+                                  {
+                                    name: "userData",
+                                    control: t.control,
+                                    rules: { required: "Required field." },
+                                    disabled: !m && !i,
+                                    defaultValue: d.userData !== void 0 && d.userData !== null ? String(d.userData) : "",
+                                    render: ({ field: e }) => /* @__PURE__ */ s(xe, { row: !0, ...e, value: e.value, children: [
+                                      /* @__PURE__ */ r(
+                                        W,
+                                        {
+                                          value: "true",
+                                          control: /* @__PURE__ */ r(
+                                            U,
+                                            {
+                                              disabled: !m && !i,
+                                              size: "small"
+                                            }
+                                          ),
+                                          label: /* @__PURE__ */ r(u, { variant: "body2", children: "User" })
+                                        }
+                                      ),
+                                      /* @__PURE__ */ r(
+                                        W,
+                                        {
+                                          value: "false",
+                                          control: /* @__PURE__ */ r(
+                                            U,
+                                            {
+                                              disabled: !m && !i,
+                                              size: "small"
+                                            }
+                                          ),
+                                          label: /* @__PURE__ */ r(u, { variant: "body2", children: "System" })
+                                        }
+                                      )
+                                    ] })
+                                  }
+                                ) })
+                              ] }),
+                              /* @__PURE__ */ s(y, { size: 6, xs: 12, children: [
+                                /* @__PURE__ */ s(
+                                  u,
+                                  {
+                                    variant: "body2",
+                                    sx: { fontWeight: 600, mb: 0.5 },
+                                    children: [
+                                      "Sync by Default",
+                                      " ",
+                                      /* @__PURE__ */ r("span", { style: { color: "#ef4444" }, children: "*" })
+                                    ]
+                                  }
+                                ),
+                                /* @__PURE__ */ r(M, { children: /* @__PURE__ */ r(
+                                  N,
+                                  {
+                                    name: "syncByDefault",
+                                    id: "syncByDefault",
+                                    control: t.control,
+                                    rules: { required: "Required field." },
+                                    disabled: !m && !i,
+                                    defaultValue: d.syncByDefault !== void 0 && d.syncByDefault !== null ? String(d.syncByDefault) : "",
+                                    render: ({ field: e }) => /* @__PURE__ */ s(xe, { row: !0, ...e, value: e.value, children: [
+                                      /* @__PURE__ */ r(
+                                        W,
+                                        {
+                                          value: "true",
+                                          control: /* @__PURE__ */ r(
+                                            U,
+                                            {
+                                              disabled: !m && !i,
+                                              size: "small"
+                                            }
+                                          ),
+                                          label: /* @__PURE__ */ r(u, { variant: "body2", children: "Yes" })
+                                        }
+                                      ),
+                                      /* @__PURE__ */ r(
+                                        W,
+                                        {
+                                          value: "false",
+                                          control: /* @__PURE__ */ r(
+                                            U,
+                                            {
+                                              disabled: !m && !i,
+                                              size: "small"
+                                            }
+                                          ),
+                                          label: /* @__PURE__ */ r(u, { variant: "body2", children: "No" })
+                                        }
+                                      )
+                                    ] })
+                                  }
+                                ) })
+                              ] }),
+                              /* @__PURE__ */ s(y, { size: 6, xs: 12, children: [
+                                /* @__PURE__ */ s(
+                                  u,
+                                  {
+                                    variant: "body2",
+                                    sx: { fontWeight: 600, mb: 0.5 },
+                                    children: [
+                                      "Has Media ",
+                                      /* @__PURE__ */ r("span", { style: { color: "#ef4444" }, children: "*" })
+                                    ]
+                                  }
+                                ),
+                                /* @__PURE__ */ r(M, { children: /* @__PURE__ */ r(
+                                  N,
+                                  {
+                                    name: "hasMedia",
+                                    id: "hasMedia",
+                                    control: t.control,
+                                    rules: { required: "Required field." },
+                                    disabled: !m && !i,
+                                    defaultValue: d.hasMedia !== void 0 && d.hasMedia !== null ? String(d.hasMedia) : "",
+                                    render: ({ field: e }) => /* @__PURE__ */ s(xe, { row: !0, ...e, value: e.value, children: [
+                                      /* @__PURE__ */ r(
+                                        W,
+                                        {
+                                          value: "true",
+                                          control: /* @__PURE__ */ r(
+                                            U,
+                                            {
+                                              disabled: !m && !i,
+                                              size: "small"
+                                            }
+                                          ),
+                                          label: /* @__PURE__ */ r(u, { variant: "body2", children: "Yes" })
+                                        }
+                                      ),
+                                      /* @__PURE__ */ r(
+                                        W,
+                                        {
+                                          value: "false",
+                                          control: /* @__PURE__ */ r(
+                                            U,
+                                            {
+                                              disabled: !m && !i,
+                                              size: "small"
+                                            }
+                                          ),
+                                          label: /* @__PURE__ */ r(u, { variant: "body2", children: "No" })
+                                        }
+                                      )
+                                    ] })
+                                  }
+                                ) })
+                              ] })
+                            ] })
+                          ]
+                        }
+                      ),
+                      F === "true" && /* @__PURE__ */ s(Q, { children: [
+                        /* @__PURE__ */ r(
+                          u,
+                          {
+                            variant: "h6",
+                            className: "mt-2",
+                            sx: { fontWeight: 600, color: "#566A79" },
+                            children: "Media Configuration:"
+                          }
+                        ),
+                        /* @__PURE__ */ s(y, { container: !0, spacing: 2, className: "mt-2", children: [
+                          /* @__PURE__ */ s(y, { size: 6, xs: 12, children: [
+                            /* @__PURE__ */ s(
+                              u,
+                              {
+                                variant: "subtitle2",
+                                sx: { mb: 0.5, fontWeight: 600 },
+                                children: [
+                                  "Download Type",
+                                  /* @__PURE__ */ r("span", { style: { color: "red" }, children: "*" }),
+                                  ":"
+                                ]
+                              }
+                            ),
+                            /* @__PURE__ */ r(
+                              N,
+                              {
+                                name: "downloadType",
+                                control: t.control,
+                                rules: {
+                                  validate: (e) => F !== "true" || !!e || "Download Type is required."
+                                },
+                                render: ({
+                                  field: { onChange: e, value: n },
+                                  fieldState: { error: l }
+                                }) => /* @__PURE__ */ r(
+                                  ce,
+                                  {
+                                    options: Se,
+                                    value: n || null,
+                                    disabled: !m && !i,
+                                    onChange: (a, o) => e(o),
+                                    renderInput: (a) => /* @__PURE__ */ r(
+                                      D,
+                                      {
+                                        ...a,
+                                        size: "small",
+                                        placeholder: "Select download type",
+                                        error: !!l,
+                                        helperText: l == null ? void 0 : l.message
+                                      }
+                                    )
+                                  }
+                                )
+                              }
+                            )
+                          ] }),
+                          /* @__PURE__ */ r(y, { size: 12, children: /* @__PURE__ */ s(
+                            f,
+                            {
+                              sx: {
+                                border: "1px solid #ddd",
+                                borderRadius: "8px",
+                                p: 2,
+                                backgroundColor: "#fafafa"
+                              },
+                              children: [
+                                /* @__PURE__ */ r(
+                                  u,
+                                  {
+                                    variant: "subtitle1",
+                                    sx: { fontWeight: 600, mb: 1.5, color: "#374151" },
+                                    children: "Download URL"
+                                  }
+                                ),
+                                /* @__PURE__ */ s(
+                                  u,
+                                  {
+                                    variant: "subtitle2",
+                                    sx: { mb: 0.5, fontWeight: 600 },
+                                    children: [
+                                      "API Endpoint",
+                                      /* @__PURE__ */ r("span", { style: { color: "red" }, children: "*" }),
+                                      ":"
+                                    ]
+                                  }
+                                ),
+                                /* @__PURE__ */ r(
+                                  N,
+                                  {
+                                    name: "apiEndpoint",
+                                    control: t.control,
+                                    rules: {
+                                      validate: (e) => F !== "true" || !!(e != null && e.trim()) || "API Endpoint is required."
+                                    },
+                                    render: ({ field: e, fieldState: { error: n } }) => /* @__PURE__ */ r(
+                                      D,
+                                      {
+                                        ...e,
+                                        value: e.value || "",
+                                        size: "small",
+                                        variant: "outlined",
+                                        fullWidth: !0,
+                                        placeholder: "https://api.example.com/endpoint",
+                                        error: !!n,
+                                        helperText: n == null ? void 0 : n.message,
+                                        slotProps: {
+                                          input: {
+                                            readOnly: !m && !i
+                                          }
+                                        },
+                                        sx: { mb: 2 }
+                                      }
+                                    )
+                                  }
+                                ),
+                                /* @__PURE__ */ s(
+                                  f,
+                                  {
+                                    sx: { display: "flex", alignItems: "center", mb: 1 },
+                                    children: [
+                                      /* @__PURE__ */ s(
+                                        u,
+                                        {
+                                          variant: "subtitle2",
+                                          sx: { fontWeight: 600, color: "#374151", flex: 1 },
+                                          children: [
+                                            "Request Parameters",
+                                            /* @__PURE__ */ r("span", { style: { color: "red" }, children: "*" }),
+                                            ":"
+                                          ]
+                                        }
+                                      ),
+                                      (m || i) && /* @__PURE__ */ r(B, { title: "Add parameter", arrow: !0, children: /* @__PURE__ */ r(
+                                        _,
+                                        {
+                                          size: "small",
+                                          onClick: () => {
+                                            const e = [
+                                              ...L,
+                                              { key: "", value: "" }
+                                            ];
+                                            A(e), t.setValue(
+                                              "requestParameters",
+                                              e,
+                                              {
+                                                shouldDirty: !0,
+                                                shouldValidate: !0
+                                              }
+                                            );
+                                          },
+                                          sx: {
+                                            backgroundColor: "#566A79",
+                                            color: "white",
+                                            "&:hover": { backgroundColor: "#3d4f5c" },
+                                            borderRadius: "6px",
+                                            width: "28px",
+                                            height: "28px"
+                                          },
+                                          children: /* @__PURE__ */ r(
+                                            C,
+                                            {
+                                              iconName: "faPlus",
+                                              className: "text-[0.75rem]"
+                                            }
+                                          )
+                                        }
+                                      ) })
+                                    ]
+                                  }
+                                ),
+                                L.length === 0 && /* @__PURE__ */ r(
+                                  u,
+                                  {
+                                    variant: "caption",
+                                    sx: { color: "#9ca3af", fontStyle: "italic" },
+                                    children: "No request parameters added."
+                                  }
+                                ),
+                                L.map((e, n) => /* @__PURE__ */ s(
+                                  f,
+                                  {
+                                    sx: {
+                                      display: "flex",
+                                      gap: 1,
+                                      alignItems: "flex-start",
+                                      mb: 1,
+                                      p: 1,
+                                      borderRadius: "6px",
+                                      backgroundColor: "#f0f4f8",
+                                      border: "1px solid #e2e8f0"
+                                    },
+                                    children: [
+                                      /* @__PURE__ */ r(
+                                        D,
+                                        {
+                                          size: "small",
+                                          label: "Key",
+                                          value: e.key,
+                                          placeholder: "parameterKey",
+                                          disabled: !m && !i,
+                                          onChange: (l) => {
+                                            const a = L.map(
+                                              (o, h) => h === n ? { ...o, key: l.target.value } : o
+                                            );
+                                            A(a), t.setValue(
+                                              "requestParameters",
+                                              a,
+                                              {
+                                                shouldDirty: !0,
+                                                shouldValidate: !0
+                                              }
+                                            );
+                                          },
+                                          sx: { flex: 1 }
+                                        }
+                                      ),
+                                      /* @__PURE__ */ r(
+                                        ce,
+                                        {
+                                          size: "small",
+                                          options: v.map(
+                                            (l) => l.name
+                                          ),
+                                          value: e.value || null,
+                                          disabled: !m && !i,
+                                          noOptionsText: v.length === 0 ? "No synced columns yet" : "No match",
+                                          onChange: (l, a) => {
+                                            const o = L.map(
+                                              (h, c) => c === n ? { ...h, value: a || "" } : h
+                                            );
+                                            A(o), t.setValue(
+                                              "requestParameters",
+                                              o,
+                                              {
+                                                shouldDirty: !0,
+                                                shouldValidate: !0
+                                              }
+                                            );
+                                          },
+                                          renderInput: (l) => /* @__PURE__ */ r(
+                                            D,
+                                            {
+                                              ...l,
+                                              label: "Value (Column)",
+                                              placeholder: "Select column"
+                                            }
+                                          ),
+                                          sx: { flex: 1 }
+                                        }
+                                      ),
+                                      (m || i) && /* @__PURE__ */ r(B, { title: "Remove parameter", arrow: !0, children: /* @__PURE__ */ r(
+                                        _,
+                                        {
+                                          size: "small",
+                                          onClick: () => {
+                                            const l = L.filter(
+                                              (a, o) => o !== n
+                                            );
+                                            A(l), t.setValue(
+                                              "requestParameters",
+                                              l,
+                                              {
+                                                shouldDirty: !0,
+                                                shouldValidate: !0
+                                              }
+                                            );
+                                          },
+                                          sx: { color: "#ef4444", alignSelf: "center" },
+                                          children: /* @__PURE__ */ r(
+                                            C,
+                                            {
+                                              iconName: "faTrashCan",
+                                              className: "text-[0.85rem]"
+                                            }
+                                          )
+                                        }
+                                      ) })
+                                    ]
+                                  },
+                                  n
+                                )),
+                                t.formState.errors.requestParameters && /* @__PURE__ */ r(
+                                  u,
+                                  {
+                                    variant: "caption",
+                                    sx: { color: "#ef4444", mt: 0.5, display: "block" },
+                                    children: t.formState.errors.requestParameters.message
+                                  }
+                                )
+                              ]
+                            }
+                          ) }),
+                          /* @__PURE__ */ s(y, { size: 6, xs: 12, children: [
+                            /* @__PURE__ */ s(
+                              u,
+                              {
+                                variant: "subtitle2",
+                                sx: { mb: 0.5, fontWeight: 600 },
+                                children: [
+                                  "Directory Path",
+                                  /* @__PURE__ */ r("span", { style: { color: "red" }, children: "*" }),
+                                  ":"
+                                ]
+                              }
+                            ),
+                            /* @__PURE__ */ r(
+                              N,
+                              {
+                                name: "directoryPath",
+                                control: t.control,
+                                defaultValue: "",
+                                rules: {
+                                  validate: (e) => F !== "true" || !!(e != null && e.trim()) && e.trim().length > 0 || "Directory Path is required."
+                                },
+                                render: ({ field: e, fieldState: { error: n } }) => /* @__PURE__ */ r(
+                                  D,
+                                  {
+                                    ...e,
+                                    size: "small",
+                                    variant: "outlined",
+                                    fullWidth: !0,
+                                    error: !!n,
+                                    helperText: n == null ? void 0 : n.message,
+                                    slotProps: {
+                                      input: {
+                                        readOnly: !m && !i,
+                                        startAdornment: /* @__PURE__ */ r(Ce, { position: "start", children: "#directoryPath#/" }),
+                                        endAdornment: /* @__PURE__ */ r(Ce, { position: "end", children: "/" })
+                                      }
+                                    }
+                                  }
+                                )
+                              }
+                            )
+                          ] })
+                        ] })
+                      ] })
+                    ] }),
+                    /* @__PURE__ */ r(y, { size: 5, children: /* @__PURE__ */ s(
+                      ge,
+                      {
+                        variant: "outlined",
+                        sx: { px: 2, borderRadius: 2.5, height: "100%", mb: 1 },
+                        children: [
+                          /* @__PURE__ */ s(
+                            f,
+                            {
+                              sx: {
+                                display: "flex",
+                                justifyContent: "space-between",
+                                alignItems: "center",
+                                flexWrap: "wrap",
+                                gap: 1,
+                                pt: 1.5
+                              },
+                              children: [
+                                /* @__PURE__ */ s(
+                                  f,
+                                  {
+                                    sx: {
+                                      display: "inline-flex",
+                                      gap: 0.5,
+                                      p: 0.5,
+                                      backgroundColor: "action.hover",
+                                      borderRadius: 2,
+                                      border: "1px solid",
+                                      borderColor: "divider",
+                                      mb: 1
+                                    },
+                                    children: [
+                                      !i && /* @__PURE__ */ r(
+                                        O,
+                                        {
+                                          size: "small",
+                                          onClick: () => {
+                                            le(0), I("");
+                                          },
+                                          sx: {
+                                            px: 1.5,
+                                            py: 0.4,
+                                            borderRadius: 1.5,
+                                            textTransform: "none",
+                                            fontSize: "0.78rem",
+                                            fontWeight: g === 0 ? 700 : 500,
+                                            color: g === 0 ? "primary.dark" : "text.secondary",
+                                            backgroundColor: g === 0 ? "background.paper" : "transparent",
+                                            boxShadow: g === 0 ? "0px 1px 4px rgba(0,0,0,0.06)" : "none",
+                                            border: "1px solid",
+                                            borderColor: g === 0 ? "divider" : "transparent",
+                                            "&:hover": {
+                                              backgroundColor: g === 0 ? "background.paper" : "action.hover"
+                                            }
+                                          },
+                                          children: "Synced Columns"
+                                        }
+                                      ),
+                                      k !== void 0 && /* @__PURE__ */ r(
+                                        O,
+                                        {
+                                          size: "small",
+                                          onClick: () => {
+                                            le(1), I("");
+                                          },
+                                          sx: {
+                                            px: 1.5,
+                                            py: 0.4,
+                                            borderRadius: 1.5,
+                                            textTransform: "none",
+                                            fontSize: "0.78rem",
+                                            fontWeight: g === 1 ? 700 : 500,
+                                            color: g === 1 ? "primary.dark" : "text.secondary",
+                                            backgroundColor: g === 1 ? "background.paper" : "transparent",
+                                            boxShadow: g === 1 ? "0px 1px 4px rgba(0,0,0,0.06)" : "none",
+                                            border: "1px solid",
+                                            borderColor: g === 1 ? "divider" : "transparent",
+                                            "&:hover": {
+                                              backgroundColor: g === 1 ? "background.paper" : "action.hover"
+                                            }
+                                          },
+                                          children: i ? "Columns" : "DB Columns"
+                                        }
+                                      )
+                                    ]
+                                  }
+                                ),
+                                g === 0 && v.length > 0 && G && /* @__PURE__ */ r(f, { sx: { minWidth: 200, marginLeft: 2 }, children: /* @__PURE__ */ r(
+                                  ce,
+                                  {
+                                    size: "small",
+                                    options: v.map((e) => e.name),
+                                    value: t.getValues("primaryKey") || "",
+                                    readOnly: !m && !i,
+                                    onChange: (e, n) => {
+                                      const l = v.map(
+                                        (a) => ({
+                                          ...a,
+                                          isPrimaryKey: a.name === n
+                                        })
+                                      );
+                                      K(l), t.setValue("selectedColumns", l, {
+                                        shouldDirty: !0
+                                      }), t.setValue("primaryKey", n);
+                                    },
+                                    renderInput: (e) => /* @__PURE__ */ r(
+                                      D,
+                                      {
+                                        ...e,
+                                        label: "Primary Key",
+                                        placeholder: "Select column"
+                                      }
+                                    ),
+                                    renderOption: (e, n) => /* @__PURE__ */ r("li", { ...e, children: /* @__PURE__ */ r(B, { title: n, placement: "left", arrow: !0, children: /* @__PURE__ */ r("span", { className: "truncate max-w-[250px]", children: n }) }) })
+                                  }
+                                ) }),
+                                (i || m) && /* @__PURE__ */ r(
+                                  O,
+                                  {
+                                    id: "edit-button-anchor",
+                                    size: "small",
+                                    variant: "contained",
+                                    sx: {
+                                      borderRadius: 2,
+                                      fontWeight: 600,
+                                      textTransform: "none",
+                                      boxShadow: "none",
+                                      px: 1.5,
+                                      ml: 1
+                                    },
+                                    disabled: !!t.formState.errors.tableName,
+                                    onClick: async (e) => {
+                                      const n = e.currentTarget;
+                                      await t.trigger("tableName") && (ie(null), oe(n));
+                                    },
+                                    startIcon: /* @__PURE__ */ r(C, { iconName: "faPlus" }),
+                                    children: "Column"
+                                  }
+                                ),
+                                (i || m) && /* @__PURE__ */ r(
+                                  yr,
+                                  {
+                                    id: tr,
+                                    open: Te,
+                                    anchorEl: Ke,
+                                    onClose: async () => {
+                                      oe(null), t.setValue("newColumnName", ""), t.setValue("newColumnType", null), t.setValue("isPrimaryKey", !1), t.clearErrors([
+                                        "newColumnName",
+                                        "newColumnType"
+                                      ]), ie(null);
+                                    },
+                                    anchorOrigin: {
+                                      vertical: "bottom",
+                                      horizontal: "left"
+                                    },
+                                    children: /* @__PURE__ */ s(
+                                      y,
+                                      {
+                                        container: !0,
+                                        spacing: 1,
+                                        sx: {
+                                          p: 1,
+                                          width: "200px",
+                                          height: (Ue = t.getValues("selectedColumns")) != null && Ue.some((e) => e.isPrimaryKey) ? "180px" : "210px"
+                                        },
+                                        children: [
+                                          /* @__PURE__ */ r(y, { size: 12, className: "h-fit", children: /* @__PURE__ */ r(M, { fullWidth: !0, children: /* @__PURE__ */ r(
+                                            N,
+                                            {
+                                              name: "newColumnName",
+                                              id: "newColumnName",
+                                              control: t.control,
+                                              render: ({
+                                                field: { onChange: e, value: n, ...l },
+                                                fieldState: { error: a }
+                                              }) => /* @__PURE__ */ r(
+                                                D,
+                                                {
+                                                  ...l,
+                                                  value: (n == null ? void 0 : n.trim()) || "",
+                                                  variant: "outlined",
+                                                  fullWidth: !0,
+                                                  size: "small",
+                                                  error: !!a,
+                                                  helperText: a == null ? void 0 : a.message,
+                                                  label: "Column Name",
+                                                  sx: {
+                                                    "& .MuiInputLabel-root": {
+                                                      fontSize: "0.9rem"
+                                                    },
+                                                    margin: 0
+                                                  },
+                                                  onChange: (o) => {
+                                                    e(o.target.value), ur(o.target.value);
+                                                  }
+                                                }
+                                              )
+                                            }
+                                          ) }) }),
+                                          /* @__PURE__ */ r(y, { size: 12, className: "h-fit", children: /* @__PURE__ */ r(M, { fullWidth: !0, children: /* @__PURE__ */ r(
+                                            N,
+                                            {
+                                              name: "newColumnType",
+                                              id: "newColumnType",
+                                              control: t.control,
+                                              render: ({
+                                                field: { onChange: e, value: n },
+                                                fieldState: { error: l }
+                                              }) => /* @__PURE__ */ r(
+                                                ce,
+                                                {
+                                                  options: ze || [],
+                                                  value: (n == null ? void 0 : n.trim()) || null,
+                                                  getOptionLabel: (a) => a,
+                                                  onChange: (a, o) => {
+                                                    e(o);
+                                                  },
+                                                  renderInput: (a) => /* @__PURE__ */ r(
+                                                    D,
+                                                    {
+                                                      ...a,
+                                                      size: "small",
+                                                      error: !!l,
+                                                      helperText: l == null ? void 0 : l.message,
+                                                      sx: {
+                                                        "& .MuiInputLabel-root": {
+                                                          fontSize: "0.9rem"
+                                                        },
+                                                        m: 0
+                                                      },
+                                                      label: "Column Type",
+                                                      onChange: (o) => {
+                                                        e(o.target.value), t.setValue(
+                                                          "newColumnType",
+                                                          o.target.value,
+                                                          {
+                                                            shouldDirty: !0
+                                                          }
+                                                        );
+                                                      }
+                                                    }
+                                                  )
+                                                }
+                                              )
+                                            }
+                                          ) }) }),
+                                          X === null && !t.getValues("selectedColumns").some((e) => e.isPrimaryKey) && /* @__PURE__ */ r(y, { size: 12, className: "h-fit", children: /* @__PURE__ */ r(
+                                            W,
+                                            {
+                                              control: /* @__PURE__ */ r(
+                                                N,
+                                                {
+                                                  name: "isPrimaryKey",
+                                                  control: t.control,
+                                                  render: ({
+                                                    field: { onChange: e, value: n }
+                                                  }) => /* @__PURE__ */ r(
+                                                    fr,
+                                                    {
+                                                      checked: n || !1,
+                                                      onChange: (l) => e(l.target.checked),
+                                                      sx: {
+                                                        margin: "0px"
+                                                      }
+                                                    }
+                                                  )
+                                                }
+                                              ),
+                                              label: "Primary Key"
+                                            }
+                                          ) }),
+                                          /* @__PURE__ */ r(y, { children: /* @__PURE__ */ r(
+                                            O,
+                                            {
+                                              size: "small",
+                                              variant: "contained",
+                                              disabled: !Oe || !Re || Oe.trim() === "" || !ze.includes(
+                                                Re.trim()
+                                              ),
+                                              onClick: async () => {
+                                                const e = t.getValues("isPrimaryKey"), n = t.getValues("newColumnName"), l = t.getValues("newColumnType"), a = t.getValues("selectedColumns").some((c) => c.isPrimaryKey);
+                                                let o = [
+                                                  ...t.getValues("selectedColumns")
+                                                ];
+                                                if (X !== null)
+                                                  o[X] = {
+                                                    ...o[X],
+                                                    name: n,
+                                                    type: l
+                                                  };
+                                                else {
+                                                  if (o.some(
+                                                    (p) => p.name === n
+                                                  )) {
+                                                    V({
+                                                      message: "Column already exists",
+                                                      type: "error"
+                                                    });
+                                                    return;
+                                                  }
+                                                  const c = {
+                                                    name: n,
+                                                    type: l
+                                                  };
+                                                  !a && e && (t.setValue("primaryKey", n), c.isPrimaryKey = !0), o.push(c);
+                                                }
+                                                t.setValue(
+                                                  "selectedColumns",
+                                                  o,
+                                                  {
+                                                    shouldDirty: !0
+                                                  }
+                                                );
+                                                const h = [...o].sort((c, p) => c.isPrimaryKey ? -1 : p.isPrimaryKey ? 1 : c.name.localeCompare(p.name));
+                                                K(h), i && await ye(o), ie(null), oe(null), g !== 0 && le(0), t.setValue("newColumnName", " "), t.setValue("newColumnType", " "), t.setValue("isPrimaryKey", null);
+                                              },
+                                              children: X !== null ? "Update" : "Add"
+                                            }
+                                          ) })
+                                        ]
+                                      }
+                                    )
+                                  }
+                                )
+                              ]
+                            }
+                          ),
+                          /* @__PURE__ */ r(
+                            gr,
+                            {
+                              sx: {
+                                maxHeight: F === "true" ? "112vh" : "59vh",
+                                border: "1px solid",
+                                borderColor: "divider",
+                                borderRadius: 2
+                              },
+                              children: /* @__PURE__ */ s(xr, { stickyHeader: !0, children: [
+                                /* @__PURE__ */ r(Cr, { children: /* @__PURE__ */ r(ee, { children: /* @__PURE__ */ s(
+                                  re,
+                                  {
+                                    className: " px-3 ",
+                                    sx: { backgroundColor: "white" },
+                                    children: [
+                                      /* @__PURE__ */ r(
+                                        D,
+                                        {
+                                          size: "small",
+                                          placeholder: "Search Columns",
+                                          variant: "outlined",
+                                          value: te,
+                                          onChange: (e) => {
+                                            I(e.target.value);
+                                          },
+                                          className: "w-full py-0.5 text-xs",
+                                          InputProps: {
+                                            startAdornment: /* @__PURE__ */ r(Ce, { position: "start", children: /* @__PURE__ */ r(_, { children: /* @__PURE__ */ r(
+                                              C,
+                                              {
+                                                iconName: "faMagnifyingGlass",
+                                                className: "text-[1rem]"
+                                              }
+                                            ) }) })
+                                          }
+                                        }
+                                      ),
+                                      !pe && /* @__PURE__ */ s(
+                                        u,
+                                        {
+                                          variant: "body2",
+                                          color: "info",
+                                          className: "mb-0",
+                                          children: [
+                                            /* @__PURE__ */ r("span", { style: { color: "red" }, children: "*" }),
+                                            " Select a primary key for the table before submitting."
+                                          ]
+                                        }
+                                      )
+                                    ]
+                                  }
+                                ) }) }),
+                                g === 0 && /* @__PURE__ */ r(Ye, { children: v.length ? v.map((e, n) => /* @__PURE__ */ r(
+                                  ee,
+                                  {
+                                    className: `border-b ${n === v.length - 1 ? "border-none" : "border-[#ccc]"}`,
+                                    sx: {
+                                      backgroundColor: e.onlyMobileDb ? "#d3ecc7" : e.isTypeChanged ? "rgba(255, 0, 0, 0.1)" : "#fff",
+                                      "&:hover": {
+                                        backgroundColor: e.onlyMobileDb ? "#d2f7c0" : e.isTypeChanged ? "#e79a9a" : "#e9f3ff"
+                                      }
+                                    },
+                                    children: /* @__PURE__ */ s(re, { className: "p-2 px-4 flex justify-between", children: [
+                                      /* @__PURE__ */ r(
+                                        B,
+                                        {
+                                          title: e.onlyMobileDb ? "Column only present in mobile database" : e.isTypeChanged ? "Type changed" : "",
+                                          placement: "top",
+                                          arrow: !0,
+                                          disableHoverListener: !(e.onlyMobileDb || e.isTypeChanged),
+                                          children: /* @__PURE__ */ s(
+                                            u,
+                                            {
+                                              variant: "caption",
+                                              className: "w-full text-ellipsis cursor-pointer",
+                                              children: [
+                                                e.name,
+                                                " (",
+                                                e.type,
+                                                ")"
+                                              ]
+                                            }
+                                          )
+                                        }
+                                      ),
+                                      /* @__PURE__ */ s(f, { display: "flex", alignItems: "center", children: [
+                                        e.isPrimaryKey && /* @__PURE__ */ r(
+                                          _,
+                                          {
+                                            sx: {
+                                              height: "1.5rem",
+                                              marginRight: 0,
+                                              paddingRight: 1
+                                            },
+                                            children: /* @__PURE__ */ r(
+                                              C,
+                                              {
+                                                iconName: "faKey",
+                                                className: "text-[1rem] text-[#d3bb51]"
+                                              }
+                                            )
+                                          }
+                                        ),
+                                        (i || m) && /* @__PURE__ */ s(Q, { children: [
+                                          /* @__PURE__ */ s(
+                                            B,
+                                            {
+                                              title: !i && e.isPrimaryKey && !G ? "Deletion of primary key is not allowed." : "",
+                                              arrow: !0,
+                                              placement: "left",
+                                              children: [
+                                                " ",
+                                                /* @__PURE__ */ r("span", { children: /* @__PURE__ */ r(
+                                                  _,
+                                                  {
+                                                    sx: {
+                                                      height: "1.3rem",
+                                                      marginRight: "0"
+                                                    },
+                                                    disabled: !i && e.isPrimaryKey && !G,
+                                                    onClick: async () => {
+                                                      const l = t.getValues(
+                                                        "selectedColumns"
+                                                      );
+                                                      I("");
+                                                      const a = l.filter(
+                                                        (c) => c.name !== e.name
+                                                      );
+                                                      t.setValue(
+                                                        "selectedColumns",
+                                                        a,
+                                                        { shouldDirty: !0 }
+                                                      );
+                                                      const o = te.trim().toLowerCase(), h = o ? a.filter(
+                                                        (c) => c.name.toLowerCase().includes(o)
+                                                      ) : a;
+                                                      K(
+                                                        h
+                                                      ), R(
+                                                        (c) => c.map((p) => p.name === e.name ? {
+                                                          ...p,
+                                                          isSynced: !1
+                                                        } : p)
+                                                      ), e.isPrimaryKey && t.setValue(
+                                                        "primaryKey",
+                                                        ""
+                                                      ), i && await ye(
+                                                        a
+                                                      );
+                                                    },
+                                                    children: /* @__PURE__ */ r(
+                                                      C,
+                                                      {
+                                                        iconName: "faTrashCan",
+                                                        className: "text-[1rem] text-[#df5f5f]"
+                                                      }
+                                                    )
+                                                  }
+                                                ) })
+                                              ]
+                                            }
+                                          ),
+                                          i && /* @__PURE__ */ r(
+                                            _,
+                                            {
+                                              sx: {
+                                                height: "1.3rem",
+                                                marginRight: "0",
+                                                color: "success"
+                                              },
+                                              onClick: () => {
+                                                const a = t.getValues(
+                                                  "selectedColumns"
+                                                ).findIndex(
+                                                  (o) => o.name === e.name
+                                                );
+                                                ie(a), t.setValue(
+                                                  "newColumnName",
+                                                  e.name
+                                                ), t.setValue(
+                                                  "newColumnType",
+                                                  e.type
+                                                ), oe(
+                                                  document.getElementById(
+                                                    "edit-button-anchor"
+                                                  ) ?? null
+                                                );
+                                              },
+                                              children: /* @__PURE__ */ r(
+                                                C,
+                                                {
+                                                  iconName: "faPen",
+                                                  className: "text-[1rem] text-[#4f4f4f]"
+                                                }
+                                              )
+                                            }
+                                          )
+                                        ] })
+                                      ] })
+                                    ] })
+                                  },
+                                  n + 1
+                                )) : /* @__PURE__ */ r(ee, { children: /* @__PURE__ */ r(re, { colSpan: 1, className: "p-2", children: /* @__PURE__ */ s(u, { variant: "body2", children: [
+                                  " ",
+                                  t.getValues("selectedColumns").length === 0 ? "There are no columns to display." : v.length === 0 ? "No columns for search query." : null
+                                ] }) }) }) }),
+                                g === 1 && /* @__PURE__ */ r(Ye, { children: Y.length ? Y.map((e, n) => {
+                                  const l = e.name === d.primaryKey, a = e.isSynced || !1, o = /* @__PURE__ */ r(
+                                    vr,
+                                    {
+                                      icon: /* @__PURE__ */ r(
+                                        f,
+                                        {
+                                          sx: {
+                                            backgroundColor: "#001e3c",
+                                            borderRadius: "50%",
+                                            width: 20,
+                                            height: 20,
+                                            display: "flex",
+                                            alignItems: "center",
+                                            justifyContent: "center"
+                                          },
+                                          children: /* @__PURE__ */ r(
+                                            C,
+                                            {
+                                              iconName: "faBan",
+                                              size: "sm",
+                                              className: "pr-[0.4px]"
+                                            }
+                                          )
+                                        }
+                                      ),
+                                      checkedIcon: /* @__PURE__ */ r(
+                                        f,
+                                        {
+                                          sx: {
+                                            backgroundColor: "#4caf50",
+                                            borderRadius: "50%",
+                                            width: 20,
+                                            height: 20,
+                                            display: "flex",
+                                            alignItems: "center",
+                                            justifyContent: "center"
+                                          },
+                                          children: /* @__PURE__ */ r(
+                                            C,
+                                            {
+                                              iconName: "faRotate",
+                                              className: "text-white text-xs"
+                                            }
+                                          )
+                                        }
+                                      ),
+                                      checked: a,
+                                      disabled: !m,
+                                      onChange: (c) => {
+                                        const p = c.target.checked;
+                                        if (!p && m && !G && !i && e.name === d.primaryKey)
+                                          return;
+                                        const j = [...Y], Z = {
+                                          ...j[n],
+                                          isSynced: c.target.checked
+                                        };
+                                        j[n] = Z, R(j);
+                                        const P = [...v];
+                                        if (p) {
+                                          const q = v.some(
+                                            (z) => z.isPrimaryKey
+                                          );
+                                          e.name === d.primaryKey && !q ? (P.push({
+                                            ...Z,
+                                            isPrimaryKey: !0
+                                          }), t.setValue("primaryKey", e.name)) : P.push(Z);
+                                        } else {
+                                          const q = P.findIndex(
+                                            (z) => z.name === j[n].name
+                                          );
+                                          if (q > -1) {
+                                            const z = P[q].isPrimaryKey;
+                                            P.splice(q, 1), z && t.setValue("primaryKey", "");
+                                          }
+                                        }
+                                        K(P), t.setValue("selectedColumns", P, {
+                                          shouldDirty: !0
+                                        });
+                                      }
+                                    }
+                                  ), h = /* @__PURE__ */ r(
+                                    _,
+                                    {
+                                      sx: {
+                                        height: "2rem",
+                                        marginRight: m ? 1 : 0,
+                                        paddingRight: m ? 1 : 0
+                                      },
+                                      children: /* @__PURE__ */ r(
+                                        C,
+                                        {
+                                          iconName: "faKey",
+                                          className: "text-lg text-[#d3bb51]"
+                                        }
+                                      )
+                                    }
+                                  );
+                                  return /* @__PURE__ */ r(
+                                    ee,
+                                    {
+                                      className: `border-b ${n === Y.length - 1 ? "border-none" : "border-[#ccc]"}`,
+                                      sx: {
+                                        "&:hover": { backgroundColor: "#e9f3ff" }
+                                      },
+                                      children: /* @__PURE__ */ s(
+                                        re,
+                                        {
+                                          sx: {
+                                            p: 0,
+                                            px: 2,
+                                            display: "flex",
+                                            justifyContent: "space-between",
+                                            alignItems: "center"
+                                          },
+                                          children: [
+                                            /* @__PURE__ */ s(
+                                              u,
+                                              {
+                                                variant: "caption",
+                                                className: "w-full text-ellipsis cursor-pointer align-content-center",
+                                                children: [
+                                                  e.name,
+                                                  " (",
+                                                  e.type,
+                                                  ")"
+                                                ]
+                                              }
+                                            ),
+                                            m ? l ? i ? h : /* @__PURE__ */ s(
+                                              f,
+                                              {
+                                                sx: {
+                                                  display: "flex",
+                                                  alignItems: "center"
+                                                },
+                                                children: [
+                                                  h,
+                                                  /* @__PURE__ */ r(
+                                                    B,
+                                                    {
+                                                      title: m && !G && e.name === d.primaryKey ? "Primary key cannot be unsynced in edit mode." : "",
+                                                      arrow: !0,
+                                                      placement: "top",
+                                                      children: /* @__PURE__ */ r("span", { children: o })
+                                                    }
+                                                  )
+                                                ]
+                                              }
+                                            ) : o : a ? /* @__PURE__ */ r(
+                                              f,
+                                              {
+                                                sx: {
+                                                  backgroundColor: "#4caf50",
+                                                  borderRadius: "50%",
+                                                  width: 20,
+                                                  height: 20,
+                                                  display: "flex",
+                                                  alignItems: "center",
+                                                  justifyContent: "center",
+                                                  margin: "9px 0px"
+                                                },
+                                                children: /* @__PURE__ */ r(
+                                                  C,
+                                                  {
+                                                    iconName: "faRotate",
+                                                    className: "text-white text-xs"
+                                                  }
+                                                )
+                                              }
+                                            ) : l ? h : /* @__PURE__ */ r(
+                                              f,
+                                              {
+                                                sx: {
+                                                  backgroundColor: "#001e3c",
+                                                  borderRadius: "50%",
+                                                  width: 20,
+                                                  height: 20,
+                                                  display: "flex",
+                                                  alignItems: "center",
+                                                  justifyContent: "center",
+                                                  margin: "9px 0px"
+                                                },
+                                                children: /* @__PURE__ */ r(
+                                                  C,
+                                                  {
+                                                    iconName: "faBan",
+                                                    className: "text-white pl-[0.5px]"
+                                                  }
+                                                )
+                                              }
+                                            )
+                                          ]
+                                        }
+                                      )
+                                    },
+                                    n + 1
+                                  );
+                                }) : /* @__PURE__ */ r(ee, { children: /* @__PURE__ */ r(re, { colSpan: 1, className: "p-2", children: /* @__PURE__ */ r(u, { variant: "body2", children: "No columns for search query." }) }) }) })
+                              ] })
+                            }
+                          )
+                        ]
+                      }
+                    ) })
+                  ] })
+                ]
+              }
+            )
+          }
+        ),
+        De && /* @__PURE__ */ r(br, { open: De, onClose: ir, children: /* @__PURE__ */ s(f, { sx: { ...Pr }, children: [
+          /* @__PURE__ */ s(
+            f,
+            {
+              sx: {
+                display: "flex",
+                justifyContent: "space-between",
+                alignItems: "center",
+                mb: 2
+              },
+              children: [
+                /* @__PURE__ */ r(u, { variant: "h6", children: "Generated Migration Script" }),
+                /* @__PURE__ */ s(u, { variant: "body2", children: [
+                  "From : ",
+                  /* @__PURE__ */ s("strong", { children: [
+                    "v",
+                    (E == null ? void 0 : E.from_version) + 1
+                  ] }),
+                  " ",
+                  /* @__PURE__ */ r(
+                    C,
+                    {
+                      iconName: "faArrowRight",
+                      size: "sm",
+                      className: "m-[0.3rem 0.3rem 0 0.3rem]"
+                    }
+                  ),
+                  " ",
+                  "To : ",
+                  /* @__PURE__ */ s("strong", { children: [
+                    "v",
+                    (E == null ? void 0 : E.to_version) + 1
+                  ] })
+                ] })
+              ]
+            }
+          ),
+          /* @__PURE__ */ r(
+            de,
+            {
+              height: "50vh",
+              defaultLanguage: "sql",
+              theme: "light",
+              options: {
+                fontSize: 12,
+                minimap: { enabled: !0 },
+                automaticLayout: !0,
+                scrollBeyondLastLine: !1,
+                wordWrap: "on",
+                occurrencesHighlight: !1,
+                selectionHighlight: !1
+              },
+              value: $ || "",
+              defaultValue: $ || "",
+              onChange: sr,
+              editorProps: { $blockScrolling: !0 }
+            }
+          ),
+          /* @__PURE__ */ r(
+            O,
+            {
+              variant: "contained",
+              color: "primary",
+              className: "mt-2",
+              onClick: () => Le(null, !0),
+              children: "OK"
+            }
+          )
+        ] }) })
+      ]
+    }
+  );
+}
+const Pr = {
+  position: "absolute",
+  top: "50%",
+  left: "50%",
+  transform: "translate(-50%, -50%)",
+  width: "50%",
+  height: "70%",
+  bgcolor: "background.paper",
+  boxShadow: 24,
+  padding: "15px",
+  borderRadius: "8px"
+};
+kr.propTypes = {
+  tableInfo: S.any,
+  table: S.any,
+  isEditMode: S.bool,
+  updateEditMode: S.any,
+  tableCompleteInfo: S.any,
+  reloadComponents: S.any,
+  isCreateTableMode: S.bool,
+  isSyncTableMode: S.bool,
+  updateCreateTableMode: S.any,
+  openDeleteModal: S.bool,
+  setOpenDeleteModal: S.func
+};
+export {
+  kr as default
+};
+//# sourceMappingURL=TableDetails-DztbjsIA.js.map