@argusoft/medplat-core 1.0.27 → 1.0.29

package/dist/{TableDetails-Cf_YfnY2.js → TableDetails-BtafRxXb.js}

@@ -1,153 +1,167 @@
-import { jsxs as s, jsx as r, Fragment as Q } from "react/jsx-runtime";
+import { jsxs as i, 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 { showToast as K } from "@/common/toaster/toaster";
+import { useDebounceFn as yr } from "@/hooks/useDebounceFn";
+import gr from "@/views/custom-components/CustomConfirmationModal";
+import fr from "@/views/custom-components/CustomTextField";
 import v 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 ve, Popover as yr, Checkbox as fr, TableContainer as gr, Table as xr, TableHead as vr, TableRow as ee, TableCell as re, TableBody as Ye, Modal as Cr, Switch as br } 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 Ce } 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: C,
-  isEditMode: m,
-  updateEditMode: be,
-  tableCompleteInfo: k,
-  reloadComponents: Je,
-  isCreateTableMode: i,
-  isSyncTableMode: G,
-  updateCreateTableMode: we,
-  openDeleteModal: Xe,
-  setOpenDeleteModal: Ne,
-  generateRebuildScript: Ze
+import he from "@monaco-editor/react";
+import { Paper as ee, Typography as m, Tooltip as z, Button as T, FormControl as re, RadioGroup as Ce, FormControlLabel as _, Radio as G, Autocomplete as pe, TextField as q, IconButton as W, InputAdornment as we, Popover as xr, Checkbox as vr, TableContainer as Cr, Table as wr, TableHead as br, TableRow as ae, TableCell as te, TableBody as Xe, Modal as Nr, Switch as Sr } from "@mui/material";
+import f from "@mui/material/Grid2";
+import { Box as g } from "@mui/system";
+import P from "prop-types";
+import { useState as b, useEffect as be } from "react";
+import { useForm as Pr, useWatch as kr, Controller as D } from "react-hook-form";
+import { useSelector as Vr } from "react-redux";
+function Dr({
+  tableInfo: s,
+  table: w,
+  isEditMode: h,
+  updateEditMode: Ne,
+  tableCompleteInfo: A,
+  reloadComponents: Ze,
+  isCreateTableMode: d,
+  isSyncTableMode: I,
+  updateCreateTableMode: Se,
+  openDeleteModal: Me,
+  setOpenDeleteModal: Pe,
+  generateRebuildScript: er
 }) {
-  var We, _e, $e, Ee, Fe, je, Qe, He, Ue;
-  const Se = [
+  var Ue, $e, _e, Fe, je, Qe, He, Ge, Ie;
+  const ke = [
     "Document Master",
     "Form Configurator",
     "Form Media Record",
     "LMS"
-  ], ke = (e) => (e == null ? void 0 : e.toUpperCase().replace(/ /g, "_")) || "", Pe = (e) => Se.find((a) => ke(a) === e) || "", Me = (e) => {
+  ], Ve = (e) => (e == null ? void 0 : e.toUpperCase().replace(/ /g, "_")) || "", De = (e) => ke.find((a) => Ve(a) === e) || "", rr = (e) => {
     var a;
-    return e != null && e.downloadType ? Pe(e.downloadType) || e.downloadType : (a = e == null ? void 0 : e.data) != null && a.downloadType ? Pe(e.data.downloadType) || e.data.downloadType : "";
-  }, er = (e) => {
-    var n;
-    const a = e == null ? void 0 : e.downloadUrl;
-    if (typeof a == "object" && a !== null)
-      return a.apiEndpoint || "";
-    const l = (n = e == null ? void 0 : e.data) == null ? void 0 : n.downloadUrl;
-    return typeof l == "object" && l !== null && l.apiEndpoint || "";
-  }, ue = (e) => {
-    var n;
-    const a = e == null ? void 0 : e.downloadUrl;
-    if (typeof a == "object" && a !== null)
-      return a.requestParameters || [];
-    const l = (n = e == null ? void 0 : e.data) == null ? void 0 : n.downloadUrl;
-    return typeof l == "object" && l !== null ? l.requestParameters || [] : [];
-  }, [Ve, me] = w([]), [De, ae] = w(!1), [$, ne] = w(""), [rr, ar] = w({}), [te, I] = w(""), [b, K] = w([]), [Y, R] = w([]), [g, le] = w(0), [J, he] = w(0), [Ke, oe] = w(null), [X, ie] = w(null), [E, nr] = w({}), [L, q] = 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,
+    return e != null && e.downloadType ? De(e.downloadType) || e.downloadType : (a = e == null ? void 0 : e.data) != null && a.downloadType ? De(e.data.downloadType) || e.data.downloadType : "";
+  }, ar = (e) => {
+    var a;
+    return Array.isArray((e == null ? void 0 : e.downloadUrl) ?? ((a = e == null ? void 0 : e.data) == null ? void 0 : a.downloadUrl));
+  }, ne = (e) => {
+    var o;
+    const a = (e == null ? void 0 : e.downloadUrl) ?? ((o = e == null ? void 0 : e.data) == null ? void 0 : o.downloadUrl);
+    return Array.isArray(a) ? a : typeof a == "object" && a !== null ? [
+      {
+        apiEndpoint: a.apiEndpoint || "",
+        requestParameters: a.requestParameters || []
+      }
+    ] : [];
+  }, [Ae, ye] = b([]), [Ke, le] = b(!1), [F, oe] = b(""), [tr, nr] = b({}), [ie, Y] = b(""), [N, L] = b([]), [J, U] = b([]), [x, se] = b(0), [X, ge] = b(0), [ze, de] = b(null), [Z, ce] = b(null), [j, lr] = b({}), [k, V] = b(
+    d ? [] : ne(s == null ? void 0 : s.mediaConfiguration)
+  ), [or, ue] = b(!1), S = !d && !or && !!(s != null && s.mediaConfiguration) && !!(s != null && s.hasMedia) && !ar(s.mediaConfiguration), Te = !!ze, ir = Te ? "simple-popover" : void 0, Re = ["TEXT", "INTEGER"], me = Vr((e) => e.Authenticate.user.id), E = {
+    selectedColumns: d ? [] : [...s.columnInfo],
+    modifiedOnQuery: d ? "" : s.modifiedOnQuery,
+    dataFetchQuery: d ? "" : s.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({
+    syncByDefault: d ? null : (Ue = s == null ? void 0 : s.syncByDefault) == null ? void 0 : Ue.toString(),
+    primaryKey: d ? null : s.primaryKey ? s.primaryKey : null,
+    userData: d ? null : (($e = s == null ? void 0 : s.userData) == null ? void 0 : $e.toString()) || null,
+    hasMedia: d ? null : ((_e = s == null ? void 0 : s.hasMedia) == null ? void 0 : _e.toString()) || null,
+    downloadType: d ? "" : rr(s.mediaConfiguration),
+    downloadUrlEntries: d ? [] : ne(s.mediaConfiguration),
+    directoryPath: d ? "" : ((je = (Fe = s.mediaConfiguration) == null ? void 0 : Fe.directoryPath) == null ? void 0 : je.split("/")[1]) || ((Ge = (He = (Qe = s.mediaConfiguration) == null ? void 0 : Qe.data) == null ? void 0 : He.directoryPath) == null ? void 0 : Ge.split("/")[1]) || ""
+  }, n = Pr({
     defaultValues: {
-      ...T
+      ...E
     },
     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 n, o;
-        return !((n = l.key) != null && n.trim()) || !((o = l.value) != null && o.trim());
+  }), sr = !n.formState.isValid, M = n.watch("hasMedia"), Oe = n.watch("newColumnName"), qe = n.watch("newColumnType");
+  n.register("downloadUrlEntries", {
+    validate: (e) => {
+      var a;
+      if (M !== "true") return !0;
+      if (!e || e.length === 0)
+        return "At least one API configuration is required.";
+      for (let o = 0; o < e.length; o++) {
+        const t = e[o];
+        if (!((a = t.apiEndpoint) != null && a.trim()))
+          return `API #${o + 1}: API Endpoint is required.`;
+        if (!t.requestParameters || t.requestParameters.length === 0)
+          return `API #${o + 1}: At least one request parameter is required.`;
+        if (t.requestParameters.some(
+          (u) => {
+            var c, p;
+            return !((c = u.key) != null && c.trim()) || !((p = u.value) != null && p.trim());
+          }
+        ))
+          return `API #${o + 1}: Each parameter must have both a key and a value filled.`;
       }
-    ) ? "Each parameter must have both a key and a value filled." : !0
+      return !0;
+    }
   });
-  const or = async (e) => {
-    var l;
-    const a = i ? t.getValues("createTableQuery") : await qe(
-      [...d.columnInfo],
+  const dr = async (e) => {
+    var o;
+    const a = d ? n.getValues("createTableQuery") : await Ee(
+      [...s.columnInfo],
       e.selectedColumns,
-      d.primaryKey,
-      (l = e.primaryKey) == null ? void 0 : l.toString()
+      s.primaryKey,
+      (o = e.primaryKey) == null ? void 0 : o.toString()
     );
-    a ? (ar(() => e), ne(() => a), Ae(), ae(!0)) : Le(e, !1);
+    a ? (nr(() => e), oe(() => a), Be(), le(!0)) : Le(e, !1);
   }, Le = async (e, a) => {
-    var h;
-    const l = {};
-    let n, o = e || rr;
-    if (a || ne(""), 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 + "/"
+    var u;
+    const o = {};
+    let t, l = e || tr;
+    if (a || oe(""), Object.keys(l).length > 0) {
+      l.selectedColumns.forEach((y) => {
+        o[y.name] = y.type;
+      }), l.columns = JSON.stringify(o), l.primaryKey = (u = l.primaryKey) == null ? void 0 : u.toString();
+      const c = k.map((y) => ({
+        apiEndpoint: y.apiEndpoint || "",
+        requestParameters: y.requestParameters || []
+      }));
+      let p = {
+        downloadType: Ve(l.downloadType),
+        // Unmigrated legacy tables are saved back as a single object, not an array, for mobile compat.
+        downloadUrl: S ? c[0] ?? { apiEndpoint: "", requestParameters: [] } : c,
+        directoryPath: "#directoryPath#/" + l.directoryPath + "/"
       };
-      c = JSON.stringify(c);
+      p = JSON.stringify(p);
       try {
-        if (n = (await H({
+        if (t = (await H({
           code: "update_mobile_entity",
           parameters: {
-            tableName: (i ? t.getValues("tableName") : C) || "",
-            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 || "",
+            tableName: (d ? n.getValues("tableName") : w) || "",
+            syncByDefault: l.syncByDefault === "true",
+            columnInfo: l.columns || "",
+            primaryKey: l.primaryKey || "",
+            modifiedOnQuery: l.modifiedOnQuery || "",
+            selectQuery: l.dataFetchQuery || "",
+            userData: l.userData === "true",
+            hasMedia: l.hasMedia === "true",
+            mediaConfiguration: l.hasMedia === "true" ? p : null,
+            modifiedBy: me || "",
             isUpdate: !0
           }
-        })).data, n != null && n.result && a && $) {
-          const p = (await H({
+        })).data, t != null && t.result && a && F) {
+          const y = (await H({
             code: "INSERT_MOBILE_MIGRATION",
             parameters: {
-              migrationScript: $,
-              modifiedBy: se || "",
+              migrationScript: F,
+              modifiedBy: me || "",
               generateMigration: !0
             }
           })).data;
-          (p == null ? void 0 : p.status) === 0 && V({
-            message: `Migration insertion failed: ${p == null ? void 0 : p.message}`,
+          (y == null ? void 0 : y.status) === 0 && K({
+            message: `Migration insertion failed: ${y == null ? void 0 : y.message}`,
             type: "error"
           });
         }
-      } catch (p) {
-        V({
-          message: `Submission failure ${p}`,
+      } catch (y) {
+        K({
+          message: `Submission failure ${y}`,
           type: "error"
         });
       }
     } else
       try {
-        if (n = (await H({
+        if (t = (await H({
           code: "update_mobile_entity",
           parameters: {
-            tableName: (i ? t.getValues("tableName") : C) || "",
+            tableName: (d ? n.getValues("tableName") : w) || "",
             syncByDefault: !1,
             columnInfo: "",
             primaryKey: "",
@@ -156,211 +170,213 @@ function kr({
             userData: !1,
             hasMedia: !1,
             mediaConfiguration: null,
-            modifiedBy: se || "",
+            modifiedBy: me || "",
             isUpdate: !1
           }
-        })).data, n != null && n.result && $) {
+        })).data, t != null && t.result && F) {
           const c = (await H({
             code: "INSERT_MOBILE_MIGRATION",
             parameters: {
-              migrationScript: $,
-              modifiedBy: se || "",
+              migrationScript: F,
+              modifiedBy: me || "",
               generateMigration: !0
             }
           })).data;
-          (c == null ? void 0 : c.status) === 0 && V({
+          (c == null ? void 0 : c.status) === 0 && K({
             message: `Migration insertion failed: ${c == null ? void 0 : c.message}`,
             type: "error"
           });
         }
       } catch (c) {
-        V({
+        K({
           message: `Submission failure ${c}`,
           type: "error"
         });
       }
-    n != null && n.result && (be(!1), we(!1), Je((c) => !c), V({
+    t != null && t.result && (Ne(!1), Se(!1), Ze((c) => !c), K({
       message: "Table configuration saved successfully!",
       type: "success"
-    })), ae(!1);
-  }, ir = () => {
-    ae(!1);
-  }, qe = async (e, a, l, n) => {
-    let o = "";
+    })), le(!1);
+  }, cr = () => {
+    le(!1);
+  }, Ee = async (e, a, o, t) => {
+    let l = "";
     if (e.length > 0) {
-      const h = Object.fromEntries(
-        e.map((x) => [x.name, x.type])
+      const u = Object.fromEntries(
+        e.map((C) => [C.name, C.type])
       ), c = Object.fromEntries(
-        a.map((x) => [x.name, x.type])
-      ), p = Object.keys(h), j = Object.keys(c), Z = e.filter(
-        (x) => !j.includes(x.name)
-      ), P = a.filter(
-        (x) => !p.includes(x.name)
-      ), A = e.filter((x) => {
-        const Ie = c[x.name];
-        return Ie !== void 0 && Ie !== x.type;
-      }), z = Z.map((x) => `ALTER TABLE ${C} DROP COLUMN ${x.name};`).join(`
-`), Ge = P.map(
-        (x) => `ALTER TABLE ${C} ADD COLUMN ${x.name} ${x.type};`
+        a.map((C) => [C.name, C.type])
+      ), p = Object.keys(u), y = Object.keys(c), R = e.filter(
+        (C) => !y.includes(C.name)
+      ), O = a.filter(
+        (C) => !p.includes(C.name)
+      ), $ = e.filter((C) => {
+        const Je = c[C.name];
+        return Je !== void 0 && Je !== C.type;
+      }), B = R.map((C) => `ALTER TABLE ${w} DROP COLUMN ${C.name};`).join(`
+`), Ye = O.map(
+        (C) => `ALTER TABLE ${w} ADD COLUMN ${C.name} ${C.type};`
       ).join(`
 `);
-      let fe = "";
-      return A.length > 0 && (fe = Ze(
-        C,
+      let ve = "";
+      return $.length > 0 && (ve = er(
+        w,
         {
           columnInfo: e,
-          primaryKey: l
+          primaryKey: o
         },
         {
           columnInfo: a,
-          primaryKey: n
+          primaryKey: t
         }
-      )), fe ? fe.trim() : (z && (o += `${z}
-`), Ge && (o += `${Ge}
-`), o.trim());
+      )), ve ? ve.trim() : (B && (l += `${B}
+`), Ye && (l += `${Ye}
+`), l.trim());
     } else {
-      const h = i ? t.getValues("tableName") : C;
-      return o = `CREATE TABLE ${h} (
-`, o += a.map((c) => `${c.name} ${c.type}`).join(`,
-`), n && (o += `,
-CONSTRAINT ${h}_pkey PRIMARY KEY (${n})`), o += ");", o;
+      const u = d ? n.getValues("tableName") : w;
+      return l = `CREATE TABLE ${u} (
+`, l += a.map((c) => `${c.name} ${c.type}`).join(`,
+`), t && (l += `,
+CONSTRAINT ${u}_pkey PRIMARY KEY (${t})`), l += ");", l;
     }
-  }, Ae = async () => {
+  }, Be = async () => {
     var a;
     const e = (a = await H({
       code: "MFA_MIGRATION_MASTER_GET_LATEST_VERSIONS"
-    }).catch((l) => {
-      V({
-        message: `Failed to fetch migration versions ${l}`,
+    }).catch((o) => {
+      K({
+        message: `Failed to fetch migration versions ${o}`,
         type: "error"
       });
     })) == null ? void 0 : a.data;
-    nr(e == null ? void 0 : e.result[0]);
+    lr(e == null ? void 0 : e.result[0]);
   };
-  Ce(() => {
-    if (I(""), he(0), le(0), i && (me([]), K([]), R([]), q([]), t.reset({
-      ...T
-    }), setTimeout(() => t.trigger(), 0)), C && d && !i) {
-      me(k !== void 0 ? () => k.columnInfo : () => d.columnInfo);
-      let e = k !== void 0 ? k.columnInfo.map((n) => n.name) : d.columnInfo.map((n) => n.name), a = {};
-      k !== void 0 ? k.columnInfo.forEach((n) => {
-        a[n.name] = n.type;
-      }) : d.columnInfo.forEach((n) => {
-        a[n.name] = n.type;
+  be(() => {
+    if (Y(""), ge(0), se(0), d && (ye([]), L([]), U([]), V([]), ue(!1), n.reset({
+      ...E
+    }), setTimeout(() => n.trigger(), 0)), w && s && !d) {
+      ye(A !== void 0 ? () => A.columnInfo : () => s.columnInfo);
+      let e = A !== void 0 ? A.columnInfo.map((t) => t.name) : s.columnInfo.map((t) => t.name), a = {};
+      A !== void 0 ? A.columnInfo.forEach((t) => {
+        a[t.name] = t.type;
+      }) : s.columnInfo.forEach((t) => {
+        a[t.name] = t.type;
       });
-      let l = {};
-      d.columnInfo.forEach((n) => {
-        l[n.name] = n.type;
-      }), d.columnInfo.map((n) => {
-        e.includes(n.name) || (n.onlyMobileDb = !0), l[n.name] !== a[n.name] && (n.isTypeChanged = !0), n.name === d.primaryKey && (n.isPrimaryKey = !0);
-      }), t.reset({
-        ...T
-      }), setTimeout(() => t.trigger(), 0), q(ue(d == null ? void 0 : d.mediaConfiguration)), K(
-        () => d.columnInfo.sort((n, o) => n.name === d.primaryKey ? (n.isPrimaryKey = !0, -1) : o.name === d.primaryKey ? (o.isPrimaryKey = !0, 1) : n.name.localeCompare(o.name))
-      ), R(k !== void 0 ? () => {
-        const n = new Set(
-          d.columnInfo.map((h) => h.name)
+      let o = {};
+      s.columnInfo.forEach((t) => {
+        o[t.name] = t.type;
+      }), s.columnInfo.map((t) => {
+        e.includes(t.name) || (t.onlyMobileDb = !0), o[t.name] !== a[t.name] && (t.isTypeChanged = !0), t.name === s.primaryKey && (t.isPrimaryKey = !0);
+      }), n.reset({
+        ...E
+      }), setTimeout(() => n.trigger(), 0), V(
+        ne(s == null ? void 0 : s.mediaConfiguration)
+      ), ue(!1), L(
+        () => s.columnInfo.sort((t, l) => t.name === s.primaryKey ? (t.isPrimaryKey = !0, -1) : l.name === s.primaryKey ? (l.isPrimaryKey = !0, 1) : t.name.localeCompare(l.name))
+      ), U(A !== void 0 ? () => {
+        const t = new Set(
+          s.columnInfo.map((u) => u.name)
         );
-        return k.columnInfo.map((h) => ({
-          ...h,
-          isSynced: n.has(h.name)
-        })).sort((h, c) => h.name === d.primaryKey ? -1 : c.name === d.primaryKey ? 1 : h.name.localeCompare(c.name));
+        return A.columnInfo.map((u) => ({
+          ...u,
+          isSynced: t.has(u.name)
+        })).sort((u, c) => u.name === s.primaryKey ? -1 : c.name === s.primaryKey ? 1 : u.name.localeCompare(c.name));
       } : []);
     }
-  }, [d, k, C, i]), Ce(() => {
-    const e = te.toLowerCase();
-    if (g === 0) {
-      const a = t.getValues("selectedColumns"), l = e ? a.filter(
-        (n) => n.name.toLowerCase().includes(e)
+  }, [s, A, w, d]), be(() => {
+    const e = ie.toLowerCase();
+    if (x === 0) {
+      const a = n.getValues("selectedColumns"), o = e ? a.filter(
+        (t) => t.name.toLowerCase().includes(e)
       ) : a;
-      K(l);
+      L(o);
     } else {
       const a = new Set(
-        t.getValues("selectedColumns").map((n) => n.name)
-      ), l = e ? Ve.filter((n) => n.name.toLowerCase().includes(e)).map((n) => ({
-        ...n,
-        isSynced: a.has(n.name)
-      })) : Ve.map((n) => ({
-        ...n,
-        isSynced: a.has(n.name)
+        n.getValues("selectedColumns").map((t) => t.name)
+      ), o = e ? Ae.filter((t) => t.name.toLowerCase().includes(e)).map((t) => ({
+        ...t,
+        isSynced: a.has(t.name)
+      })) : Ae.map((t) => ({
+        ...t,
+        isSynced: a.has(t.name)
       }));
-      R(l);
+      U(o);
     }
-  }, [te, g]);
-  const Be = Nr({
-    control: t.control,
+  }, [ie, x]);
+  const We = kr({
+    control: n.control,
     name: "tableName"
   });
-  Ce(() => {
-    i && t.getValues("selectedColumns").length > 0 && Be && ye(t.getValues("selectedColumns"));
-  }, [Be]);
-  const sr = (e) => {
-    ne(e);
-  }, dr = () => {
-    m && be(!m), i && we(!i), t.reset({
-      ...T,
+  be(() => {
+    d && n.getValues("selectedColumns").length > 0 && We && xe(n.getValues("selectedColumns"));
+  }, [We]);
+  const ur = (e) => {
+    oe(e);
+  }, mr = () => {
+    h && Ne(!h), d && Se(!d), n.reset({
+      ...E,
       newColumnName: null,
       newColumnType: null
-    }), q(T.requestParameters || []), K(T.selectedColumns || []);
+    }), V(E.downloadUrlEntries || []), ue(!1), L(E.selectedColumns || []);
     const e = new Set(
-      (T.selectedColumns || []).map((a) => a.name)
+      (E.selectedColumns || []).map((a) => a.name)
     );
-    R(
-      (T.allColumns || []).map((a) => ({
+    U(
+      (E.allColumns || []).map((a) => ({
         ...a,
         isSynced: e.has(a.name)
       }))
     );
-  }, cr = async () => {
-    var l, n, o;
-    Ne(() => !1);
+  }, hr = async () => {
+    var o, t, l;
+    Pe(() => !1);
     const e = await H({
       code: "DELETE_MOBILE_ENTITY",
       parameters: {
-        tableName: C
+        tableName: w
       }
-    }).catch((h) => {
-      V({
-        message: `Metadata deletion failure ${h}`,
+    }).catch((u) => {
+      K({
+        message: `Metadata deletion failure ${u}`,
         type: "error"
       });
     });
-    (o = (n = (l = e == null ? void 0 : e.data) == null ? void 0 : l.result) == null ? void 0 : n[0]) != null && o.table_name && V({ message: `${C} deleted successfully!`, type: "success" });
-    let a = `DROP TABLE if exists ${C};`;
-    ne(() => a), Ae(), ae(!0);
-  }, ur = mr(async (e) => {
+    (l = (t = (o = e == null ? void 0 : e.data) == null ? void 0 : o.result) == null ? void 0 : t[0]) != null && l.table_name && K({ message: `${w} deleted successfully!`, type: "success" });
+    let a = `DROP TABLE if exists ${w};`;
+    oe(() => a), Be(), le(!0);
+  }, pr = yr(async (e) => {
     const a = /^[a-zA-Z_][a-zA-Z0-9_]*$/.test(e);
     if (e.trim().length === 0) {
-      t.setError("newColumnName", {
+      n.setError("newColumnName", {
         type: "manual",
         message: "*Column name is required. "
       });
       return;
     }
     if (!a) {
-      t.setError("newColumnName", {
+      n.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) || b.some((l) => l.name === e) ? t.setError("newColumnName", {
+    J.some((o) => o.name === e) || N.some((o) => o.name === e) ? n.setError("newColumnName", {
       type: "manual",
       message: "Column name already exists in the table."
-    }) : t.clearErrors("newColumnName");
-  }, 500), pe = b.some(
+    }) : n.clearErrors("newColumnName");
+  }, 500), fe = N.some(
     (e) => e.isPrimaryKey === !0
-  ), ye = async (e) => {
-    var n;
-    if (J !== 2 && i && he(2), e.length === 0) {
-      t.setValue("createTableQuery", "", { shouldDirty: !0 });
+  ), xe = async (e) => {
+    var t;
+    if (X !== 2 && d && ge(2), e.length === 0) {
+      n.setValue("createTableQuery", "", { shouldDirty: !0 });
       return;
     }
-    const a = ((n = e.find((o) => o.isPrimaryKey)) == null ? void 0 : n.name) || "", l = await qe([], e, "", a);
-    t.setValue("createTableQuery", l, { shouldDirty: !0 });
+    const a = ((t = e.find((l) => l.isPrimaryKey)) == null ? void 0 : t.name) || "", o = await Ee([], e, "", a);
+    n.setValue("createTableQuery", o, { shouldDirty: !0 });
   };
-  return /* @__PURE__ */ s(
-    y,
+  return /* @__PURE__ */ i(
+    f,
     {
       size: 9,
       sx: {
@@ -370,7 +386,7 @@ CONSTRAINT ${h}_pkey PRIMARY KEY (${n})`), o += ");", o;
       },
       children: [
         /* @__PURE__ */ r(
-          ge,
+          ee,
           {
             variant: "outlined",
             sx: {
@@ -378,15 +394,15 @@ CONSTRAINT ${h}_pkey PRIMARY KEY (${n})`), o += ");", o;
               borderRadius: 1.5,
               backgroundColor: "background.paper"
             },
-            children: /* @__PURE__ */ s(
+            children: /* @__PURE__ */ i(
               "form",
               {
-                onSubmit: t.handleSubmit(or),
+                onSubmit: n.handleSubmit(dr),
                 noValidate: !0,
                 className: "w-full",
                 children: [
-                  /* @__PURE__ */ s(
-                    f,
+                  /* @__PURE__ */ i(
+                    g,
                     {
                       sx: {
                         display: "flex",
@@ -398,10 +414,10 @@ CONSTRAINT ${h}_pkey PRIMARY KEY (${n})`), o += ");", o;
                         borderColor: "divider"
                       },
                       children: [
-                        /* @__PURE__ */ s(f, { sx: { flex: 1 }, children: [
-                          i ? /* @__PURE__ */ s(f, { sx: { maxWidth: 350 }, children: [
+                        /* @__PURE__ */ i(g, { sx: { flex: 1 }, children: [
+                          d ? /* @__PURE__ */ i(g, { sx: { maxWidth: 350 }, children: [
                             /* @__PURE__ */ r(
-                              u,
+                              m,
                               {
                                 variant: "subtitle2",
                                 sx: { fontWeight: 600, mb: 0.5 },
@@ -409,12 +425,12 @@ CONSTRAINT ${h}_pkey PRIMARY KEY (${n})`), o += ");", o;
                               }
                             ),
                             /* @__PURE__ */ r(
-                              pr,
+                              fr,
                               {
-                                control: t.control,
+                                control: n.control,
                                 id: "tableName",
                                 name: "tableName",
-                                errors: t.formState.errors,
+                                errors: n.formState.errors,
                                 label: "Table Name",
                                 size: "small",
                                 rules: {
@@ -430,37 +446,37 @@ CONSTRAINT ${h}_pkey PRIMARY KEY (${n})`), o += ");", o;
                                 }
                               }
                             )
-                          ] }) : /* @__PURE__ */ s(Q, { children: [
+                          ] }) : /* @__PURE__ */ i(Q, { children: [
                             /* @__PURE__ */ r(
-                              u,
+                              m,
                               {
                                 variant: "h6",
                                 sx: { fontWeight: 700, color: "text.primary" },
-                                children: C || "No Table Selected"
+                                children: w || "No Table Selected"
                               }
                             ),
-                            /* @__PURE__ */ r(u, { variant: "caption", color: "text.secondary", children: C ? "View and manage table configuration" : "Select a table from the list" })
+                            /* @__PURE__ */ r(m, { variant: "caption", color: "text.secondary", children: w ? "View and manage table configuration" : "Select a table from the list" })
                           ] }),
                           /* @__PURE__ */ r(
-                            hr,
+                            gr,
                             {
                               description: "Do you want to drop this table?",
                               title: "CONFIRMATION",
-                              open: Xe,
-                              handleClick: cr,
-                              handleClose: () => Ne((e) => !e)
+                              open: Me,
+                              handleClick: hr,
+                              handleClose: () => Pe((e) => !e)
                             }
                           )
                         ] }),
-                        /* @__PURE__ */ s(f, { sx: { display: "flex", gap: 1 }, children: [
-                          (m || i) && /* @__PURE__ */ r(
-                            B,
+                        /* @__PURE__ */ i(g, { sx: { display: "flex", gap: 1 }, children: [
+                          (h || d) && /* @__PURE__ */ r(
+                            z,
                             {
-                              title: pe ? "" : "A primary key is required to proceed.",
+                              title: fe ? "" : "A primary key is required to proceed.",
                               arrow: !0,
                               placement: "bottom",
                               children: /* @__PURE__ */ r("span", { children: /* @__PURE__ */ r(
-                                O,
+                                T,
                                 {
                                   type: "submit",
                                   variant: "contained",
@@ -472,19 +488,19 @@ CONSTRAINT ${h}_pkey PRIMARY KEY (${n})`), o += ");", o;
                                     boxShadow: "none",
                                     px: 2.5
                                   },
-                                  disabled: lr || !pe,
+                                  disabled: sr || !fe,
                                   startIcon: /* @__PURE__ */ r(v, { iconName: "faCheck" }),
                                   children: "Submit"
                                 }
                               ) })
                             }
                           ),
-                          (m || i) && /* @__PURE__ */ r(
-                            O,
+                          (h || d) && /* @__PURE__ */ r(
+                            T,
                             {
                               type: "button",
                               variant: "outlined",
-                              onClick: () => dr(),
+                              onClick: () => mr(),
                               size: "small",
                               sx: {
                                 borderRadius: 2,
@@ -505,10 +521,10 @@ CONSTRAINT ${h}_pkey PRIMARY KEY (${n})`), o += ");", o;
                       ]
                     }
                   ),
-                  /* @__PURE__ */ s(y, { container: !0, spacing: 2, children: [
-                    /* @__PURE__ */ s(y, { size: 7, children: [
+                  /* @__PURE__ */ i(f, { container: !0, spacing: 2, children: [
+                    /* @__PURE__ */ i(f, { size: 7, children: [
                       /* @__PURE__ */ r(
-                        f,
+                        g,
                         {
                           sx: {
                             display: "inline-flex",
@@ -523,7 +539,7 @@ CONSTRAINT ${h}_pkey PRIMARY KEY (${n})`), o += ");", o;
                           children: [
                             { value: 0, label: "Modified On Query", icon: "faClock" },
                             { value: 1, label: "Data Fetch Query", icon: "faDatabase" },
-                            ...i ? [
+                            ...d ? [
                               {
                                 value: 2,
                                 label: "Create Table Query",
@@ -531,11 +547,11 @@ CONSTRAINT ${h}_pkey PRIMARY KEY (${n})`), o += ");", o;
                               }
                             ] : []
                           ].map((e) => {
-                            const a = J === e.value;
+                            const a = X === e.value;
                             return /* @__PURE__ */ r(
-                              O,
+                              T,
                               {
-                                onClick: () => he(e.value),
+                                onClick: () => ge(e.value),
                                 size: "small",
                                 disableElevation: !0,
                                 sx: {
@@ -563,16 +579,16 @@ CONSTRAINT ${h}_pkey PRIMARY KEY (${n})`), o += ");", o;
                           })
                         }
                       ),
-                      J === 0 && /* @__PURE__ */ s(y, { children: [
-                        /* @__PURE__ */ r(u, { variant: "subtitle1", children: "Modified On Query:" }),
+                      X === 0 && /* @__PURE__ */ i(f, { children: [
+                        /* @__PURE__ */ r(m, { variant: "subtitle1", children: "Modified On Query:" }),
                         /* @__PURE__ */ r(
-                          N,
+                          D,
                           {
                             name: "modifiedOnQuery",
-                            control: t.control,
-                            render: ({ field: e, fieldState: { error: a } }) => /* @__PURE__ */ s(Q, { children: [
+                            control: n.control,
+                            render: ({ field: e, fieldState: { error: a } }) => /* @__PURE__ */ i(Q, { children: [
                               /* @__PURE__ */ r(
-                                de,
+                                he,
                                 {
                                   height: "35vh",
                                   defaultLanguage: "sql",
@@ -585,7 +601,7 @@ CONSTRAINT ${h}_pkey PRIMARY KEY (${n})`), o += ");", o;
                                     wordWrap: "on",
                                     occurrencesHighlight: !1,
                                     selectionHighlight: !1,
-                                    readOnly: !m && !i
+                                    readOnly: !h && !d
                                   },
                                   value: e.value || "",
                                   defaultValue: e.value || "",
@@ -594,7 +610,7 @@ CONSTRAINT ${h}_pkey PRIMARY KEY (${n})`), o += ");", o;
                                 }
                               ),
                               (a == null ? void 0 : a.message) && /* @__PURE__ */ r(
-                                u,
+                                m,
                                 {
                                   variant: "subtitle1",
                                   color: "error",
@@ -607,16 +623,16 @@ CONSTRAINT ${h}_pkey PRIMARY KEY (${n})`), o += ");", o;
                           }
                         )
                       ] }),
-                      J === 1 && /* @__PURE__ */ s(y, { children: [
-                        /* @__PURE__ */ r(u, { variant: "subtitle1", children: "Data Fetch Query:" }),
+                      X === 1 && /* @__PURE__ */ i(f, { children: [
+                        /* @__PURE__ */ r(m, { variant: "subtitle1", children: "Data Fetch Query:" }),
                         /* @__PURE__ */ r(
-                          N,
+                          D,
                           {
                             name: "dataFetchQuery",
-                            control: t.control,
-                            render: ({ field: e, fieldState: { error: a } }) => /* @__PURE__ */ s(Q, { children: [
+                            control: n.control,
+                            render: ({ field: e, fieldState: { error: a } }) => /* @__PURE__ */ i(Q, { children: [
                               /* @__PURE__ */ r(
-                                de,
+                                he,
                                 {
                                   height: "35vh",
                                   defaultLanguage: "sql",
@@ -629,7 +645,7 @@ CONSTRAINT ${h}_pkey PRIMARY KEY (${n})`), o += ");", o;
                                     wordWrap: "on",
                                     occurrencesHighlight: !1,
                                     selectionHighlight: !1,
-                                    readOnly: !m && !i
+                                    readOnly: !h && !d
                                   },
                                   value: e.value || "",
                                   defaultValue: e.value || "",
@@ -638,7 +654,7 @@ CONSTRAINT ${h}_pkey PRIMARY KEY (${n})`), o += ");", o;
                                 }
                               ),
                               (a == null ? void 0 : a.message) && /* @__PURE__ */ r(
-                                u,
+                                m,
                                 {
                                   variant: "subtitle1",
                                   color: "error",
@@ -651,16 +667,16 @@ CONSTRAINT ${h}_pkey PRIMARY KEY (${n})`), o += ");", o;
                           }
                         )
                       ] }),
-                      J === 2 && /* @__PURE__ */ s(y, { children: [
-                        /* @__PURE__ */ r(u, { variant: "subtitle1", children: "Create Table Query:" }),
+                      X === 2 && /* @__PURE__ */ i(f, { children: [
+                        /* @__PURE__ */ r(m, { variant: "subtitle1", children: "Create Table Query:" }),
                         /* @__PURE__ */ r(
-                          N,
+                          D,
                           {
                             name: "createTableQuery",
-                            control: t.control,
-                            render: ({ field: e, fieldState: { error: a } }) => /* @__PURE__ */ s(Q, { children: [
+                            control: n.control,
+                            render: ({ field: e, fieldState: { error: a } }) => /* @__PURE__ */ i(Q, { children: [
                               /* @__PURE__ */ r(
-                                de,
+                                he,
                                 {
                                   height: "35vh",
                                   defaultLanguage: "sql",
@@ -682,7 +698,7 @@ CONSTRAINT ${h}_pkey PRIMARY KEY (${n})`), o += ");", o;
                                 }
                               ),
                               (a == null ? void 0 : a.message) && /* @__PURE__ */ r(
-                                u,
+                                m,
                                 {
                                   variant: "subtitle1",
                                   color: "error",
@@ -695,8 +711,8 @@ CONSTRAINT ${h}_pkey PRIMARY KEY (${n})`), o += ");", o;
                           }
                         )
                       ] }),
-                      /* @__PURE__ */ s(
-                        ge,
+                      /* @__PURE__ */ i(
+                        ee,
                         {
                           variant: "outlined",
                           sx: {
@@ -707,17 +723,17 @@ CONSTRAINT ${h}_pkey PRIMARY KEY (${n})`), o += ");", o;
                           },
                           children: [
                             /* @__PURE__ */ r(
-                              u,
+                              m,
                               {
                                 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,
+                            /* @__PURE__ */ i(f, { container: !0, spacing: 2, children: [
+                              /* @__PURE__ */ i(f, { size: 6, xs: 12, children: [
+                                /* @__PURE__ */ i(
+                                  m,
                                   {
                                     variant: "body2",
                                     sx: { fontWeight: 600, mb: 0.5 },
@@ -727,50 +743,50 @@ CONSTRAINT ${h}_pkey PRIMARY KEY (${n})`), o += ");", o;
                                     ]
                                   }
                                 ),
-                                /* @__PURE__ */ r(M, { children: /* @__PURE__ */ r(
-                                  N,
+                                /* @__PURE__ */ r(re, { children: /* @__PURE__ */ r(
+                                  D,
                                   {
                                     name: "userData",
-                                    control: t.control,
+                                    control: n.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: [
+                                    disabled: !h && !d,
+                                    defaultValue: s.userData !== void 0 && s.userData !== null ? String(s.userData) : "",
+                                    render: ({ field: e }) => /* @__PURE__ */ i(Ce, { row: !0, ...e, value: e.value, children: [
                                       /* @__PURE__ */ r(
-                                        W,
+                                        _,
                                         {
                                           value: "true",
                                           control: /* @__PURE__ */ r(
-                                            U,
+                                            G,
                                             {
-                                              disabled: !m && !i,
+                                              disabled: !h && !d,
                                               size: "small"
                                             }
                                           ),
-                                          label: /* @__PURE__ */ r(u, { variant: "body2", children: "User" })
+                                          label: /* @__PURE__ */ r(m, { variant: "body2", children: "User" })
                                         }
                                       ),
                                       /* @__PURE__ */ r(
-                                        W,
+                                        _,
                                         {
                                           value: "false",
                                           control: /* @__PURE__ */ r(
-                                            U,
+                                            G,
                                             {
-                                              disabled: !m && !i,
+                                              disabled: !h && !d,
                                               size: "small"
                                             }
                                           ),
-                                          label: /* @__PURE__ */ r(u, { variant: "body2", children: "System" })
+                                          label: /* @__PURE__ */ r(m, { variant: "body2", children: "System" })
                                         }
                                       )
                                     ] })
                                   }
                                 ) })
                               ] }),
-                              /* @__PURE__ */ s(y, { size: 6, xs: 12, children: [
-                                /* @__PURE__ */ s(
-                                  u,
+                              /* @__PURE__ */ i(f, { size: 6, xs: 12, children: [
+                                /* @__PURE__ */ i(
+                                  m,
                                   {
                                     variant: "body2",
                                     sx: { fontWeight: 600, mb: 0.5 },
@@ -781,51 +797,51 @@ CONSTRAINT ${h}_pkey PRIMARY KEY (${n})`), o += ");", o;
                                     ]
                                   }
                                 ),
-                                /* @__PURE__ */ r(M, { children: /* @__PURE__ */ r(
-                                  N,
+                                /* @__PURE__ */ r(re, { children: /* @__PURE__ */ r(
+                                  D,
                                   {
                                     name: "syncByDefault",
                                     id: "syncByDefault",
-                                    control: t.control,
+                                    control: n.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: [
+                                    disabled: !h && !d,
+                                    defaultValue: s.syncByDefault !== void 0 && s.syncByDefault !== null ? String(s.syncByDefault) : "",
+                                    render: ({ field: e }) => /* @__PURE__ */ i(Ce, { row: !0, ...e, value: e.value, children: [
                                       /* @__PURE__ */ r(
-                                        W,
+                                        _,
                                         {
                                           value: "true",
                                           control: /* @__PURE__ */ r(
-                                            U,
+                                            G,
                                             {
-                                              disabled: !m && !i,
+                                              disabled: !h && !d,
                                               size: "small"
                                             }
                                           ),
-                                          label: /* @__PURE__ */ r(u, { variant: "body2", children: "Yes" })
+                                          label: /* @__PURE__ */ r(m, { variant: "body2", children: "Yes" })
                                         }
                                       ),
                                       /* @__PURE__ */ r(
-                                        W,
+                                        _,
                                         {
                                           value: "false",
                                           control: /* @__PURE__ */ r(
-                                            U,
+                                            G,
                                             {
-                                              disabled: !m && !i,
+                                              disabled: !h && !d,
                                               size: "small"
                                             }
                                           ),
-                                          label: /* @__PURE__ */ r(u, { variant: "body2", children: "No" })
+                                          label: /* @__PURE__ */ r(m, { variant: "body2", children: "No" })
                                         }
                                       )
                                     ] })
                                   }
                                 ) })
                               ] }),
-                              /* @__PURE__ */ s(y, { size: 6, xs: 12, children: [
-                                /* @__PURE__ */ s(
-                                  u,
+                              /* @__PURE__ */ i(f, { size: 6, xs: 12, children: [
+                                /* @__PURE__ */ i(
+                                  m,
                                   {
                                     variant: "body2",
                                     sx: { fontWeight: 600, mb: 0.5 },
@@ -835,42 +851,42 @@ CONSTRAINT ${h}_pkey PRIMARY KEY (${n})`), o += ");", o;
                                     ]
                                   }
                                 ),
-                                /* @__PURE__ */ r(M, { children: /* @__PURE__ */ r(
-                                  N,
+                                /* @__PURE__ */ r(re, { children: /* @__PURE__ */ r(
+                                  D,
                                   {
                                     name: "hasMedia",
                                     id: "hasMedia",
-                                    control: t.control,
+                                    control: n.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: [
+                                    disabled: !h && !d,
+                                    defaultValue: s.hasMedia !== void 0 && s.hasMedia !== null ? String(s.hasMedia) : "",
+                                    render: ({ field: e }) => /* @__PURE__ */ i(Ce, { row: !0, ...e, value: e.value, children: [
                                       /* @__PURE__ */ r(
-                                        W,
+                                        _,
                                         {
                                           value: "true",
                                           control: /* @__PURE__ */ r(
-                                            U,
+                                            G,
                                             {
-                                              disabled: !m && !i,
+                                              disabled: !h && !d,
                                               size: "small"
                                             }
                                           ),
-                                          label: /* @__PURE__ */ r(u, { variant: "body2", children: "Yes" })
+                                          label: /* @__PURE__ */ r(m, { variant: "body2", children: "Yes" })
                                         }
                                       ),
                                       /* @__PURE__ */ r(
-                                        W,
+                                        _,
                                         {
                                           value: "false",
                                           control: /* @__PURE__ */ r(
-                                            U,
+                                            G,
                                             {
-                                              disabled: !m && !i,
+                                              disabled: !h && !d,
                                               size: "small"
                                             }
                                           ),
-                                          label: /* @__PURE__ */ r(u, { variant: "body2", children: "No" })
+                                          label: /* @__PURE__ */ r(m, { variant: "body2", children: "No" })
                                         }
                                       )
                                     ] })
@@ -881,20 +897,95 @@ CONSTRAINT ${h}_pkey PRIMARY KEY (${n})`), o += ");", o;
                           ]
                         }
                       ),
-                      F === "true" && /* @__PURE__ */ s(Q, { children: [
-                        /* @__PURE__ */ r(
-                          u,
+                      M === "true" && /* @__PURE__ */ i(Q, { children: [
+                        /* @__PURE__ */ i(
+                          g,
+                          {
+                            sx: {
+                              display: "flex",
+                              alignItems: "center",
+                              justifyContent: "space-between",
+                              mt: 2
+                            },
+                            children: [
+                              /* @__PURE__ */ r(
+                                m,
+                                {
+                                  variant: "h6",
+                                  sx: { fontWeight: 600, color: "var(--color-gray1)" },
+                                  children: "Media Configuration:"
+                                }
+                              ),
+                              S && h && /* @__PURE__ */ r(
+                                z,
+                                {
+                                  title: "Convert legacy single-API config to the new multi-API format",
+                                  arrow: !0,
+                                  children: /* @__PURE__ */ r(
+                                    T,
+                                    {
+                                      size: "small",
+                                      variant: "contained",
+                                      color: "warning",
+                                      sx: {
+                                        borderRadius: 2,
+                                        fontWeight: 600,
+                                        textTransform: "none",
+                                        boxShadow: "none",
+                                        px: 2
+                                      },
+                                      startIcon: /* @__PURE__ */ r(v, { iconName: "faArrowsRotate" }),
+                                      onClick: () => {
+                                        const e = ne(
+                                          s.mediaConfiguration
+                                        ), a = e.length ? e : [{ apiEndpoint: "", requestParameters: [] }];
+                                        V(a), ue(!0), n.setValue("downloadUrlEntries", a, {
+                                          shouldDirty: !0,
+                                          shouldValidate: !0
+                                        }), K({
+                                          message: "Migrated to multi-API format. Click Submit to save.",
+                                          type: "info"
+                                        });
+                                      },
+                                      children: "Migrate to Multi-API"
+                                    }
+                                  )
+                                }
+                              )
+                            ]
+                          }
+                        ),
+                        S && h && /* @__PURE__ */ r(
+                          ee,
                           {
-                            variant: "h6",
-                            className: "mt-2",
-                            sx: { fontWeight: 600, color: "var(--color-gray1)" },
-                            children: "Media Configuration:"
+                            variant: "outlined",
+                            sx: {
+                              p: 2,
+                              mt: 1,
+                              borderRadius: 2,
+                              backgroundColor: "rgba(255, 152, 0, 0.06)",
+                              borderColor: "warning.main",
+                              textAlign: "center"
+                            },
+                            children: /* @__PURE__ */ i(
+                              m,
+                              {
+                                variant: "body2",
+                                sx: { color: "warning.dark", fontWeight: 500 },
+                                children: [
+                                  "This table uses the legacy single-API format. Click",
+                                  " ",
+                                  /* @__PURE__ */ r("strong", { children: '"Migrate to Multi-API"' }),
+                                  " above to enable editing the media configuration."
+                                ]
+                              }
+                            )
                           }
                         ),
-                        /* @__PURE__ */ s(y, { container: !0, spacing: 2, className: "mt-2", children: [
-                          /* @__PURE__ */ s(y, { size: 6, xs: 12, children: [
-                            /* @__PURE__ */ s(
-                              u,
+                        /* @__PURE__ */ i(f, { container: !0, spacing: 2, className: "mt-2", children: [
+                          /* @__PURE__ */ i(f, { size: 6, xs: 12, children: [
+                            /* @__PURE__ */ i(
+                              m,
                               {
                                 variant: "subtitle2",
                                 sx: { mb: 0.5, fontWeight: 600 },
@@ -906,31 +997,31 @@ CONSTRAINT ${h}_pkey PRIMARY KEY (${n})`), o += ");", o;
                               }
                             ),
                             /* @__PURE__ */ r(
-                              N,
+                              D,
                               {
                                 name: "downloadType",
-                                control: t.control,
+                                control: n.control,
                                 rules: {
-                                  validate: (e) => F !== "true" || !!e || "Download Type is required."
+                                  validate: (e) => M !== "true" || !!e || "Download Type is required."
                                 },
                                 render: ({
                                   field: { onChange: e, value: a },
-                                  fieldState: { error: l }
+                                  fieldState: { error: o }
                                 }) => /* @__PURE__ */ r(
-                                  ce,
+                                  pe,
                                   {
-                                    options: Se,
+                                    options: ke,
                                     value: a || null,
-                                    disabled: !m && !i,
-                                    onChange: (n, o) => e(o),
-                                    renderInput: (n) => /* @__PURE__ */ r(
-                                      D,
+                                    disabled: !h && !d || S,
+                                    onChange: (t, l) => e(l),
+                                    renderInput: (t) => /* @__PURE__ */ r(
+                                      q,
                                       {
-                                        ...n,
+                                        ...t,
                                         size: "small",
                                         placeholder: "Select download type",
-                                        error: !!l,
-                                        helperText: l == null ? void 0 : l.message
+                                        error: !!o,
+                                        helperText: o == null ? void 0 : o.message
                                       }
                                     )
                                   }
@@ -938,245 +1029,391 @@ CONSTRAINT ${h}_pkey PRIMARY KEY (${n})`), o += ");", o;
                               }
                             )
                           ] }),
-                          /* @__PURE__ */ r(y, { size: 12, children: /* @__PURE__ */ s(
-                            f,
-                            {
-                              sx: {
-                                border: "1px solid #ddd",
-                                borderRadius: "8px",
-                                p: 2,
-                                backgroundColor: "var(--color-gray4)"
-                              },
-                              children: [
-                                /* @__PURE__ */ r(
-                                  u,
-                                  {
-                                    variant: "subtitle1",
-                                    sx: { fontWeight: 600, mb: 1.5, color: "var(--color-text)" },
-                                    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: a } }) => /* @__PURE__ */ r(
-                                      D,
-                                      {
-                                        ...e,
-                                        value: e.value || "",
-                                        size: "small",
-                                        variant: "outlined",
-                                        fullWidth: !0,
-                                        placeholder: "https://api.example.com/endpoint",
-                                        error: !!a,
-                                        helperText: a == null ? void 0 : a.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: "var(--color-text)", flex: 1 },
-                                          children: [
-                                            "Request Parameters",
-                                            /* @__PURE__ */ r("span", { style: { color: "red" }, children: "*" }),
-                                            ":"
-                                          ]
+                          /* @__PURE__ */ i(f, { size: 12, children: [
+                            /* @__PURE__ */ i(
+                              g,
+                              {
+                                sx: {
+                                  display: "flex",
+                                  alignItems: "center",
+                                  justifyContent: "space-between",
+                                  mb: 1
+                                },
+                                children: [
+                                  /* @__PURE__ */ r(
+                                    m,
+                                    {
+                                      variant: "subtitle1",
+                                      sx: { fontWeight: 600, color: "var(--color-text)" },
+                                      children: "Download URL APIs"
+                                    }
+                                  ),
+                                  (h || d) && !S && /* @__PURE__ */ r(z, { title: "Add another API configuration", arrow: !0, children: /* @__PURE__ */ r(
+                                    T,
+                                    {
+                                      size: "small",
+                                      variant: "outlined",
+                                      sx: {
+                                        borderRadius: 2,
+                                        textTransform: "none",
+                                        fontWeight: 600,
+                                        px: 1.5,
+                                        borderColor: "divider",
+                                        color: "text.primary",
+                                        "&:hover": {
+                                          backgroundColor: "action.hover",
+                                          borderColor: "text.disabled"
                                         }
-                                      ),
-                                      (m || i) && /* @__PURE__ */ r(B, { title: "Add parameter", arrow: !0, children: /* @__PURE__ */ r(
-                                        _,
-                                        {
-                                          size: "small",
-                                          onClick: () => {
-                                            const e = [
-                                              ...L,
-                                              { key: "", value: "" }
-                                            ];
-                                            q(e), t.setValue(
-                                              "requestParameters",
-                                              e,
+                                      },
+                                      startIcon: /* @__PURE__ */ r(v, { iconName: "faPlus" }),
+                                      onClick: () => {
+                                        const e = [
+                                          ...k,
+                                          { apiEndpoint: "", requestParameters: [] }
+                                        ];
+                                        V(e), n.setValue("downloadUrlEntries", e, {
+                                          shouldDirty: !0,
+                                          shouldValidate: !0
+                                        });
+                                      },
+                                      children: "Add Download API"
+                                    }
+                                  ) })
+                                ]
+                              }
+                            ),
+                            k.length === 0 && /* @__PURE__ */ r(
+                              m,
+                              {
+                                variant: "caption",
+                                sx: { color: "var(--color-gray1)", fontStyle: "italic" },
+                                children: "No API configurations added."
+                              }
+                            ),
+                            k.map((e, a) => /* @__PURE__ */ i(
+                              ee,
+                              {
+                                variant: "outlined",
+                                sx: {
+                                  p: 2,
+                                  mb: 1.5,
+                                  borderRadius: 2,
+                                  backgroundColor: "var(--color-gray4)",
+                                  borderColor: "divider"
+                                },
+                                children: [
+                                  /* @__PURE__ */ i(
+                                    g,
+                                    {
+                                      sx: {
+                                        display: "flex",
+                                        alignItems: "center",
+                                        justifyContent: "space-between",
+                                        mb: 1.5
+                                      },
+                                      children: [
+                                        /* @__PURE__ */ i(
+                                          m,
+                                          {
+                                            variant: "subtitle2",
+                                            sx: { fontWeight: 700, color: "var(--color-text)" },
+                                            children: [
+                                              "API Configuration #",
+                                              a + 1
+                                            ]
+                                          }
+                                        ),
+                                        (h || d) && !S && k.length > 1 && /* @__PURE__ */ r(z, { title: "Remove this API configuration", arrow: !0, children: /* @__PURE__ */ r(
+                                          W,
+                                          {
+                                            size: "small",
+                                            onClick: () => {
+                                              const o = k.filter(
+                                                (t, l) => l !== a
+                                              );
+                                              V(o), n.setValue(
+                                                "downloadUrlEntries",
+                                                o,
+                                                {
+                                                  shouldDirty: !0,
+                                                  shouldValidate: !0
+                                                }
+                                              );
+                                            },
+                                            sx: { color: "#ef4444" },
+                                            children: /* @__PURE__ */ r(
+                                              v,
                                               {
-                                                shouldDirty: !0,
-                                                shouldValidate: !0
+                                                iconName: "faTrashCan",
+                                                className: "text-[0.85rem]"
                                               }
-                                            );
-                                          },
-                                          sx: {
-                                            backgroundColor: "var(--color-tableHeader)",
-                                            color: "white",
-                                            "&:hover": { backgroundColor: "#3d4f5c" },
-                                            borderRadius: "6px",
-                                            width: "28px",
-                                            height: "28px"
-                                          },
-                                          children: /* @__PURE__ */ r(
-                                            v,
-                                            {
-                                              iconName: "faPlus",
-                                              className: "text-[0.75rem]"
-                                            }
-                                          )
+                                            )
+                                          }
+                                        ) })
+                                      ]
+                                    }
+                                  ),
+                                  /* @__PURE__ */ i(
+                                    m,
+                                    {
+                                      variant: "subtitle2",
+                                      sx: { mb: 0.5, fontWeight: 600 },
+                                      children: [
+                                        "API Endpoint",
+                                        /* @__PURE__ */ r("span", { style: { color: "red" }, children: "*" }),
+                                        ":"
+                                      ]
+                                    }
+                                  ),
+                                  /* @__PURE__ */ r(
+                                    q,
+                                    {
+                                      value: e.apiEndpoint || "",
+                                      size: "small",
+                                      variant: "outlined",
+                                      fullWidth: !0,
+                                      placeholder: "https://api.example.com/endpoint",
+                                      slotProps: {
+                                        input: {
+                                          readOnly: !h && !d || S
                                         }
-                                      ) })
-                                    ]
-                                  }
-                                ),
-                                L.length === 0 && /* @__PURE__ */ r(
-                                  u,
-                                  {
-                                    variant: "caption",
-                                    sx: { color: "var(--color-gray1)", fontStyle: "italic" },
-                                    children: "No request parameters added."
-                                  }
-                                ),
-                                L.map((e, a) => /* @__PURE__ */ s(
-                                  f,
-                                  {
-                                    sx: {
-                                      display: "flex",
-                                      gap: 1,
-                                      alignItems: "flex-start",
-                                      mb: 1,
-                                      p: 1,
-                                      borderRadius: "6px",
-                                      backgroundColor: "var(--color-gray4)",
-                                      border: "1px solid var(--color-gray3)"
-                                    },
-                                    children: [
-                                      /* @__PURE__ */ r(
-                                        D,
-                                        {
-                                          size: "small",
-                                          label: "Key",
-                                          value: e.key,
-                                          placeholder: "parameterKey",
-                                          disabled: !m && !i,
-                                          onChange: (l) => {
-                                            const n = L.map(
-                                              (o, h) => h === a ? { ...o, key: l.target.value } : o
-                                            );
-                                            q(n), t.setValue(
-                                              "requestParameters",
-                                              n,
+                                      },
+                                      onChange: (o) => {
+                                        const t = k.map(
+                                          (l, u) => u === a ? { ...l, apiEndpoint: o.target.value } : l
+                                        );
+                                        V(t), n.setValue(
+                                          "downloadUrlEntries",
+                                          t,
+                                          {
+                                            shouldDirty: !0,
+                                            shouldValidate: !0
+                                          }
+                                        );
+                                      },
+                                      sx: { mb: 2 }
+                                    }
+                                  ),
+                                  /* @__PURE__ */ i(
+                                    g,
+                                    {
+                                      sx: {
+                                        display: "flex",
+                                        alignItems: "center",
+                                        mb: 1
+                                      },
+                                      children: [
+                                        /* @__PURE__ */ i(
+                                          m,
+                                          {
+                                            variant: "subtitle2",
+                                            sx: {
+                                              fontWeight: 600,
+                                              color: "var(--color-text)",
+                                              flex: 1
+                                            },
+                                            children: [
+                                              "Request Parameters",
+                                              /* @__PURE__ */ r("span", { style: { color: "red" }, children: "*" }),
+                                              ":"
+                                            ]
+                                          }
+                                        ),
+                                        (h || d) && !S && /* @__PURE__ */ r(z, { title: "Add parameter", arrow: !0, children: /* @__PURE__ */ r(
+                                          W,
+                                          {
+                                            size: "small",
+                                            onClick: () => {
+                                              const o = k.map(
+                                                (t, l) => l === a ? {
+                                                  ...t,
+                                                  requestParameters: [
+                                                    ...t.requestParameters || [],
+                                                    { key: "", value: "" }
+                                                  ]
+                                                } : t
+                                              );
+                                              V(o), n.setValue(
+                                                "downloadUrlEntries",
+                                                o,
+                                                {
+                                                  shouldDirty: !0,
+                                                  shouldValidate: !0
+                                                }
+                                              );
+                                            },
+                                            sx: {
+                                              backgroundColor: "var(--color-tableHeader)",
+                                              color: "white",
+                                              "&:hover": {
+                                                backgroundColor: "#3d4f5c"
+                                              },
+                                              borderRadius: "6px",
+                                              width: "28px",
+                                              height: "28px"
+                                            },
+                                            children: /* @__PURE__ */ r(
+                                              v,
                                               {
-                                                shouldDirty: !0,
-                                                shouldValidate: !0
+                                                iconName: "faPlus",
+                                                className: "text-[0.75rem]"
                                               }
-                                            );
-                                          },
-                                          sx: { flex: 1 }
-                                        }
-                                      ),
-                                      /* @__PURE__ */ r(
-                                        ce,
-                                        {
-                                          size: "small",
-                                          options: b.map(
-                                            (l) => l.name
+                                            )
+                                          }
+                                        ) })
+                                      ]
+                                    }
+                                  ),
+                                  (!e.requestParameters || e.requestParameters.length === 0) && /* @__PURE__ */ r(
+                                    m,
+                                    {
+                                      variant: "caption",
+                                      sx: {
+                                        color: "var(--color-gray1)",
+                                        fontStyle: "italic"
+                                      },
+                                      children: "No request parameters added."
+                                    }
+                                  ),
+                                  (e.requestParameters || []).map(
+                                    (o, t) => /* @__PURE__ */ i(
+                                      g,
+                                      {
+                                        sx: {
+                                          display: "flex",
+                                          gap: 1,
+                                          alignItems: "flex-start",
+                                          mb: 1,
+                                          p: 1,
+                                          borderRadius: "6px",
+                                          backgroundColor: "var(--color-gray4)",
+                                          border: "1px solid var(--color-gray3)"
+                                        },
+                                        children: [
+                                          /* @__PURE__ */ r(
+                                            q,
+                                            {
+                                              size: "small",
+                                              label: "Key",
+                                              value: o.key,
+                                              placeholder: "parameterKey",
+                                              disabled: !h && !d || S,
+                                              onChange: (l) => {
+                                                const u = (e.requestParameters || []).map(
+                                                  (p, y) => y === t ? { ...p, key: l.target.value } : p
+                                                ), c = k.map(
+                                                  (p, y) => y === a ? {
+                                                    ...p,
+                                                    requestParameters: u
+                                                  } : p
+                                                );
+                                                V(c), n.setValue(
+                                                  "downloadUrlEntries",
+                                                  c,
+                                                  {
+                                                    shouldDirty: !0,
+                                                    shouldValidate: !0
+                                                  }
+                                                );
+                                              },
+                                              sx: { flex: 1 }
+                                            }
                                           ),
-                                          value: e.value || null,
-                                          disabled: !m && !i,
-                                          noOptionsText: b.length === 0 ? "No synced columns yet" : "No match",
-                                          onChange: (l, n) => {
-                                            const o = L.map(
-                                              (h, c) => c === a ? { ...h, value: n || "" } : h
-                                            );
-                                            q(o), t.setValue(
-                                              "requestParameters",
-                                              o,
-                                              {
-                                                shouldDirty: !0,
-                                                shouldValidate: !0
-                                              }
-                                            );
-                                          },
-                                          renderInput: (l) => /* @__PURE__ */ r(
-                                            D,
+                                          /* @__PURE__ */ r(
+                                            pe,
                                             {
-                                              ...l,
-                                              label: "Value (Column)",
-                                              placeholder: "Select column"
+                                              size: "small",
+                                              options: N.map(
+                                                (l) => l.name
+                                              ),
+                                              value: o.value || null,
+                                              disabled: !h && !d || S,
+                                              noOptionsText: N.length === 0 ? "No synced columns yet" : "No match",
+                                              onChange: (l, u) => {
+                                                const c = (e.requestParameters || []).map(
+                                                  (y, R) => R === t ? { ...y, value: u || "" } : y
+                                                ), p = k.map(
+                                                  (y, R) => R === a ? {
+                                                    ...y,
+                                                    requestParameters: c
+                                                  } : y
+                                                );
+                                                V(p), n.setValue(
+                                                  "downloadUrlEntries",
+                                                  p,
+                                                  {
+                                                    shouldDirty: !0,
+                                                    shouldValidate: !0
+                                                  }
+                                                );
+                                              },
+                                              renderInput: (l) => /* @__PURE__ */ r(
+                                                q,
+                                                {
+                                                  ...l,
+                                                  label: "Value (Column)",
+                                                  placeholder: "Select column"
+                                                }
+                                              ),
+                                              sx: { flex: 1 }
                                             }
                                           ),
-                                          sx: { flex: 1 }
-                                        }
-                                      ),
-                                      (m || i) && /* @__PURE__ */ r(B, { title: "Remove parameter", arrow: !0, children: /* @__PURE__ */ r(
-                                        _,
-                                        {
-                                          size: "small",
-                                          onClick: () => {
-                                            const l = L.filter(
-                                              (n, o) => o !== a
-                                            );
-                                            q(l), t.setValue(
-                                              "requestParameters",
-                                              l,
-                                              {
-                                                shouldDirty: !0,
-                                                shouldValidate: !0
-                                              }
-                                            );
-                                          },
-                                          sx: { color: "#ef4444", alignSelf: "center" },
-                                          children: /* @__PURE__ */ r(
-                                            v,
+                                          (h || d) && !S && /* @__PURE__ */ r(z, { title: "Remove parameter", arrow: !0, children: /* @__PURE__ */ r(
+                                            W,
                                             {
-                                              iconName: "faTrashCan",
-                                              className: "text-[0.85rem]"
+                                              size: "small",
+                                              onClick: () => {
+                                                const l = (e.requestParameters || []).filter(
+                                                  (c, p) => p !== t
+                                                ), u = k.map(
+                                                  (c, p) => p === a ? {
+                                                    ...c,
+                                                    requestParameters: l
+                                                  } : c
+                                                );
+                                                V(u), n.setValue(
+                                                  "downloadUrlEntries",
+                                                  u,
+                                                  {
+                                                    shouldDirty: !0,
+                                                    shouldValidate: !0
+                                                  }
+                                                );
+                                              },
+                                              sx: {
+                                                color: "#ef4444",
+                                                alignSelf: "center"
+                                              },
+                                              children: /* @__PURE__ */ r(
+                                                v,
+                                                {
+                                                  iconName: "faTrashCan",
+                                                  className: "text-[0.85rem]"
+                                                }
+                                              )
                                             }
-                                          )
-                                        }
-                                      ) })
-                                    ]
-                                  },
-                                  a
-                                )),
-                                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,
+                                          ) })
+                                        ]
+                                      },
+                                      t
+                                    )
+                                  )
+                                ]
+                              },
+                              a
+                            )),
+                            n.formState.errors.downloadUrlEntries && /* @__PURE__ */ r(
+                              m,
+                              {
+                                variant: "caption",
+                                sx: { color: "#ef4444", mt: 0.5, display: "block" },
+                                children: n.formState.errors.downloadUrlEntries.message
+                              }
+                            )
+                          ] }),
+                          /* @__PURE__ */ i(f, { size: 6, xs: 12, children: [
+                            /* @__PURE__ */ i(
+                              m,
                               {
                                 variant: "subtitle2",
                                 sx: { mb: 0.5, fontWeight: 600 },
@@ -1188,16 +1425,16 @@ CONSTRAINT ${h}_pkey PRIMARY KEY (${n})`), o += ");", o;
                               }
                             ),
                             /* @__PURE__ */ r(
-                              N,
+                              D,
                               {
                                 name: "directoryPath",
-                                control: t.control,
+                                control: n.control,
                                 defaultValue: "",
                                 rules: {
-                                  validate: (e) => F !== "true" || !!(e != null && e.trim()) && e.trim().length > 0 || "Directory Path is required."
+                                  validate: (e) => M !== "true" || !!(e != null && e.trim()) && e.trim().length > 0 || "Directory Path is required."
                                 },
                                 render: ({ field: e, fieldState: { error: a } }) => /* @__PURE__ */ r(
-                                  D,
+                                  q,
                                   {
                                     ...e,
                                     size: "small",
@@ -1207,9 +1444,9 @@ CONSTRAINT ${h}_pkey PRIMARY KEY (${n})`), o += ");", o;
                                     helperText: a == null ? void 0 : a.message,
                                     slotProps: {
                                       input: {
-                                        readOnly: !m && !i,
-                                        startAdornment: /* @__PURE__ */ r(ve, { position: "start", children: "#directoryPath#/" }),
-                                        endAdornment: /* @__PURE__ */ r(ve, { position: "end", children: "/" })
+                                        readOnly: !h && !d || S,
+                                        startAdornment: /* @__PURE__ */ r(we, { position: "start", children: "#directoryPath#/" }),
+                                        endAdornment: /* @__PURE__ */ r(we, { position: "end", children: "/" })
                                       }
                                     }
                                   }
@@ -1220,14 +1457,14 @@ CONSTRAINT ${h}_pkey PRIMARY KEY (${n})`), o += ");", o;
                         ] })
                       ] })
                     ] }),
-                    /* @__PURE__ */ r(y, { size: 5, children: /* @__PURE__ */ s(
-                      ge,
+                    /* @__PURE__ */ r(f, { size: 5, children: /* @__PURE__ */ i(
+                      ee,
                       {
                         variant: "outlined",
                         sx: { px: 2, borderRadius: 1.5, height: "100%", mb: 1 },
                         children: [
-                          /* @__PURE__ */ s(
-                            f,
+                          /* @__PURE__ */ i(
+                            g,
                             {
                               sx: {
                                 display: "flex",
@@ -1238,8 +1475,8 @@ CONSTRAINT ${h}_pkey PRIMARY KEY (${n})`), o += ");", o;
                                 pt: 1.5
                               },
                               children: [
-                                /* @__PURE__ */ s(
-                                  f,
+                                /* @__PURE__ */ i(
+                                  g,
                                   {
                                     sx: {
                                       display: "inline-flex",
@@ -1252,12 +1489,12 @@ CONSTRAINT ${h}_pkey PRIMARY KEY (${n})`), o += ");", o;
                                       mb: 1
                                     },
                                     children: [
-                                      !i && /* @__PURE__ */ r(
-                                        O,
+                                      !d && /* @__PURE__ */ r(
+                                        T,
                                         {
                                           size: "small",
                                           onClick: () => {
-                                            le(0), I("");
+                                            se(0), Y("");
                                           },
                                           sx: {
                                             px: 1.5,
@@ -1265,25 +1502,25 @@ CONSTRAINT ${h}_pkey PRIMARY KEY (${n})`), o += ");", o;
                                             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",
+                                            fontWeight: x === 0 ? 700 : 500,
+                                            color: x === 0 ? "primary.dark" : "text.secondary",
+                                            backgroundColor: x === 0 ? "background.paper" : "transparent",
+                                            boxShadow: x === 0 ? "0px 1px 4px rgba(0,0,0,0.06)" : "none",
                                             border: "1px solid",
-                                            borderColor: g === 0 ? "divider" : "transparent",
+                                            borderColor: x === 0 ? "divider" : "transparent",
                                             "&:hover": {
-                                              backgroundColor: g === 0 ? "background.paper" : "action.hover"
+                                              backgroundColor: x === 0 ? "background.paper" : "action.hover"
                                             }
                                           },
                                           children: "Synced Columns"
                                         }
                                       ),
-                                      k !== void 0 && /* @__PURE__ */ r(
-                                        O,
+                                      A !== void 0 && /* @__PURE__ */ r(
+                                        T,
                                         {
                                           size: "small",
                                           onClick: () => {
-                                            le(1), I("");
+                                            se(1), Y("");
                                           },
                                           sx: {
                                             px: 1.5,
@@ -1291,53 +1528,53 @@ CONSTRAINT ${h}_pkey PRIMARY KEY (${n})`), o += ");", o;
                                             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",
+                                            fontWeight: x === 1 ? 700 : 500,
+                                            color: x === 1 ? "primary.dark" : "text.secondary",
+                                            backgroundColor: x === 1 ? "background.paper" : "transparent",
+                                            boxShadow: x === 1 ? "0px 1px 4px rgba(0,0,0,0.06)" : "none",
                                             border: "1px solid",
-                                            borderColor: g === 1 ? "divider" : "transparent",
+                                            borderColor: x === 1 ? "divider" : "transparent",
                                             "&:hover": {
-                                              backgroundColor: g === 1 ? "background.paper" : "action.hover"
+                                              backgroundColor: x === 1 ? "background.paper" : "action.hover"
                                             }
                                           },
-                                          children: i ? "Columns" : "DB Columns"
+                                          children: d ? "Columns" : "DB Columns"
                                         }
                                       )
                                     ]
                                   }
                                 ),
-                                g === 0 && b.length > 0 && G && /* @__PURE__ */ r(f, { sx: { minWidth: 200, marginLeft: 2 }, children: /* @__PURE__ */ r(
-                                  ce,
+                                x === 0 && N.length > 0 && I && /* @__PURE__ */ r(g, { sx: { minWidth: 200, marginLeft: 2 }, children: /* @__PURE__ */ r(
+                                  pe,
                                   {
                                     size: "small",
-                                    options: b.map((e) => e.name),
-                                    value: t.getValues("primaryKey") || "",
-                                    readOnly: !m && !i,
+                                    options: N.map((e) => e.name),
+                                    value: n.getValues("primaryKey") || "",
+                                    readOnly: !h && !d,
                                     onChange: (e, a) => {
-                                      const l = b.map(
-                                        (n) => ({
-                                          ...n,
-                                          isPrimaryKey: n.name === a
+                                      const o = N.map(
+                                        (t) => ({
+                                          ...t,
+                                          isPrimaryKey: t.name === a
                                         })
                                       );
-                                      K(l), t.setValue("selectedColumns", l, {
+                                      L(o), n.setValue("selectedColumns", o, {
                                         shouldDirty: !0
-                                      }), t.setValue("primaryKey", a);
+                                      }), n.setValue("primaryKey", a);
                                     },
                                     renderInput: (e) => /* @__PURE__ */ r(
-                                      D,
+                                      q,
                                       {
                                         ...e,
                                         label: "Primary Key",
                                         placeholder: "Select column"
                                       }
                                     ),
-                                    renderOption: (e, a) => /* @__PURE__ */ r("li", { ...e, children: /* @__PURE__ */ r(B, { title: a, placement: "left", arrow: !0, children: /* @__PURE__ */ r("span", { className: "truncate max-w-[250px]", children: a }) }) })
+                                    renderOption: (e, a) => /* @__PURE__ */ r("li", { ...e, children: /* @__PURE__ */ r(z, { title: a, placement: "left", arrow: !0, children: /* @__PURE__ */ r("span", { className: "truncate max-w-[250px]", children: a }) }) })
                                   }
                                 ) }),
-                                (i || m) && /* @__PURE__ */ r(
-                                  O,
+                                (d || h) && /* @__PURE__ */ r(
+                                  T,
                                   {
                                     id: "edit-button-anchor",
                                     size: "small",
@@ -1350,61 +1587,61 @@ CONSTRAINT ${h}_pkey PRIMARY KEY (${n})`), o += ");", o;
                                       px: 1.5,
                                       ml: 1
                                     },
-                                    disabled: !!t.formState.errors.tableName,
+                                    disabled: !!n.formState.errors.tableName,
                                     onClick: async (e) => {
                                       const a = e.currentTarget;
-                                      await t.trigger("tableName") && (ie(null), oe(a));
+                                      await n.trigger("tableName") && (ce(null), de(a));
                                     },
                                     startIcon: /* @__PURE__ */ r(v, { iconName: "faPlus" }),
                                     children: "Column"
                                   }
                                 ),
-                                (i || m) && /* @__PURE__ */ r(
-                                  yr,
+                                (d || h) && /* @__PURE__ */ r(
+                                  xr,
                                   {
-                                    id: tr,
+                                    id: ir,
                                     open: Te,
-                                    anchorEl: Ke,
+                                    anchorEl: ze,
                                     onClose: async () => {
-                                      oe(null), t.setValue("newColumnName", ""), t.setValue("newColumnType", null), t.setValue("isPrimaryKey", !1), t.clearErrors([
+                                      de(null), n.setValue("newColumnName", ""), n.setValue("newColumnType", null), n.setValue("isPrimaryKey", !1), n.clearErrors([
                                         "newColumnName",
                                         "newColumnType"
-                                      ]), ie(null);
+                                      ]), ce(null);
                                     },
                                     anchorOrigin: {
                                       vertical: "bottom",
                                       horizontal: "left"
                                     },
-                                    children: /* @__PURE__ */ s(
-                                      y,
+                                    children: /* @__PURE__ */ i(
+                                      f,
                                       {
                                         container: !0,
                                         spacing: 1,
                                         sx: {
                                           p: 1,
                                           width: "200px",
-                                          height: (Ue = t.getValues("selectedColumns")) != null && Ue.some((e) => e.isPrimaryKey) ? "180px" : "210px"
+                                          height: (Ie = n.getValues("selectedColumns")) != null && Ie.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,
+                                          /* @__PURE__ */ r(f, { size: 12, className: "h-fit", children: /* @__PURE__ */ r(re, { fullWidth: !0, children: /* @__PURE__ */ r(
+                                            D,
                                             {
                                               name: "newColumnName",
                                               id: "newColumnName",
-                                              control: t.control,
+                                              control: n.control,
                                               render: ({
-                                                field: { onChange: e, value: a, ...l },
-                                                fieldState: { error: n }
+                                                field: { onChange: e, value: a, ...o },
+                                                fieldState: { error: t }
                                               }) => /* @__PURE__ */ r(
-                                                D,
+                                                q,
                                                 {
-                                                  ...l,
+                                                  ...o,
                                                   value: (a == null ? void 0 : a.trim()) || "",
                                                   variant: "outlined",
                                                   fullWidth: !0,
                                                   size: "small",
-                                                  error: !!n,
-                                                  helperText: n == null ? void 0 : n.message,
+                                                  error: !!t,
+                                                  helperText: t == null ? void 0 : t.message,
                                                   label: "Column Name",
                                                   sx: {
                                                     "& .MuiInputLabel-root": {
@@ -1412,38 +1649,38 @@ CONSTRAINT ${h}_pkey PRIMARY KEY (${n})`), o += ");", o;
                                                     },
                                                     margin: 0
                                                   },
-                                                  onChange: (o) => {
-                                                    e(o.target.value), ur(o.target.value);
+                                                  onChange: (l) => {
+                                                    e(l.target.value), pr(l.target.value);
                                                   }
                                                 }
                                               )
                                             }
                                           ) }) }),
-                                          /* @__PURE__ */ r(y, { size: 12, className: "h-fit", children: /* @__PURE__ */ r(M, { fullWidth: !0, children: /* @__PURE__ */ r(
-                                            N,
+                                          /* @__PURE__ */ r(f, { size: 12, className: "h-fit", children: /* @__PURE__ */ r(re, { fullWidth: !0, children: /* @__PURE__ */ r(
+                                            D,
                                             {
                                               name: "newColumnType",
                                               id: "newColumnType",
-                                              control: t.control,
+                                              control: n.control,
                                               render: ({
                                                 field: { onChange: e, value: a },
-                                                fieldState: { error: l }
+                                                fieldState: { error: o }
                                               }) => /* @__PURE__ */ r(
-                                                ce,
+                                                pe,
                                                 {
-                                                  options: ze || [],
+                                                  options: Re || [],
                                                   value: (a == null ? void 0 : a.trim()) || null,
-                                                  getOptionLabel: (n) => n,
-                                                  onChange: (n, o) => {
-                                                    e(o);
+                                                  getOptionLabel: (t) => t,
+                                                  onChange: (t, l) => {
+                                                    e(l);
                                                   },
-                                                  renderInput: (n) => /* @__PURE__ */ r(
-                                                    D,
+                                                  renderInput: (t) => /* @__PURE__ */ r(
+                                                    q,
                                                     {
-                                                      ...n,
+                                                      ...t,
                                                       size: "small",
-                                                      error: !!l,
-                                                      helperText: l == null ? void 0 : l.message,
+                                                      error: !!o,
+                                                      helperText: o == null ? void 0 : o.message,
                                                       sx: {
                                                         "& .MuiInputLabel-root": {
                                                           fontSize: "0.9rem"
@@ -1451,10 +1688,10 @@ CONSTRAINT ${h}_pkey PRIMARY KEY (${n})`), o += ");", o;
                                                         m: 0
                                                       },
                                                       label: "Column Type",
-                                                      onChange: (o) => {
-                                                        e(o.target.value), t.setValue(
+                                                      onChange: (l) => {
+                                                        e(l.target.value), n.setValue(
                                                           "newColumnType",
-                                                          o.target.value,
+                                                          l.target.value,
                                                           {
                                                             shouldDirty: !0
                                                           }
@@ -1466,21 +1703,21 @@ CONSTRAINT ${h}_pkey PRIMARY KEY (${n})`), o += ");", o;
                                               )
                                             }
                                           ) }) }),
-                                          X === null && !t.getValues("selectedColumns").some((e) => e.isPrimaryKey) && /* @__PURE__ */ r(y, { size: 12, className: "h-fit", children: /* @__PURE__ */ r(
-                                            W,
+                                          Z === null && !n.getValues("selectedColumns").some((e) => e.isPrimaryKey) && /* @__PURE__ */ r(f, { size: 12, className: "h-fit", children: /* @__PURE__ */ r(
+                                            _,
                                             {
                                               control: /* @__PURE__ */ r(
-                                                N,
+                                                D,
                                                 {
                                                   name: "isPrimaryKey",
-                                                  control: t.control,
+                                                  control: n.control,
                                                   render: ({
                                                     field: { onChange: e, value: a }
                                                   }) => /* @__PURE__ */ r(
-                                                    fr,
+                                                    vr,
                                                     {
                                                       checked: a || !1,
-                                                      onChange: (l) => e(l.target.checked),
+                                                      onChange: (o) => e(o.target.checked),
                                                       sx: {
                                                         margin: "0px"
                                                       }
@@ -1491,30 +1728,30 @@ CONSTRAINT ${h}_pkey PRIMARY KEY (${n})`), o += ");", o;
                                               label: "Primary Key"
                                             }
                                           ) }),
-                                          /* @__PURE__ */ r(y, { children: /* @__PURE__ */ r(
-                                            O,
+                                          /* @__PURE__ */ r(f, { children: /* @__PURE__ */ r(
+                                            T,
                                             {
                                               size: "small",
                                               variant: "contained",
-                                              disabled: !Oe || !Re || Oe.trim() === "" || !ze.includes(
-                                                Re.trim()
+                                              disabled: !Oe || !qe || Oe.trim() === "" || !Re.includes(
+                                                qe.trim()
                                               ),
                                               onClick: async () => {
-                                                const e = t.getValues("isPrimaryKey"), a = t.getValues("newColumnName"), l = t.getValues("newColumnType"), n = t.getValues("selectedColumns").some((c) => c.isPrimaryKey);
-                                                let o = [
-                                                  ...t.getValues("selectedColumns")
+                                                const e = n.getValues("isPrimaryKey"), a = n.getValues("newColumnName"), o = n.getValues("newColumnType"), t = n.getValues("selectedColumns").some((c) => c.isPrimaryKey);
+                                                let l = [
+                                                  ...n.getValues("selectedColumns")
                                                 ];
-                                                if (X !== null)
-                                                  o[X] = {
-                                                    ...o[X],
+                                                if (Z !== null)
+                                                  l[Z] = {
+                                                    ...l[Z],
                                                     name: a,
-                                                    type: l
+                                                    type: o
                                                   };
                                                 else {
-                                                  if (o.some(
+                                                  if (l.some(
                                                     (p) => p.name === a
                                                   )) {
-                                                    V({
+                                                    K({
                                                       message: "Column already exists",
                                                       type: "error"
                                                     });
@@ -1522,21 +1759,21 @@ CONSTRAINT ${h}_pkey PRIMARY KEY (${n})`), o += ");", o;
                                                   }
                                                   const c = {
                                                     name: a,
-                                                    type: l
+                                                    type: o
                                                   };
-                                                  !n && e && (t.setValue("primaryKey", a), c.isPrimaryKey = !0), o.push(c);
+                                                  !t && e && (n.setValue("primaryKey", a), c.isPrimaryKey = !0), l.push(c);
                                                 }
-                                                t.setValue(
+                                                n.setValue(
                                                   "selectedColumns",
-                                                  o,
+                                                  l,
                                                   {
                                                     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);
+                                                const u = [...l].sort((c, p) => c.isPrimaryKey ? -1 : p.isPrimaryKey ? 1 : c.name.localeCompare(p.name));
+                                                L(u), d && await xe(l), ce(null), de(null), x !== 0 && se(0), n.setValue("newColumnName", " "), n.setValue("newColumnType", " "), n.setValue("isPrimaryKey", null);
                                               },
-                                              children: X !== null ? "Update" : "Add"
+                                              children: Z !== null ? "Update" : "Add"
                                             }
                                           ) })
                                         ]
@@ -1548,34 +1785,34 @@ CONSTRAINT ${h}_pkey PRIMARY KEY (${n})`), o += ");", o;
                             }
                           ),
                           /* @__PURE__ */ r(
-                            gr,
+                            Cr,
                             {
                               sx: {
-                                maxHeight: F === "true" ? "112vh" : "59vh",
+                                maxHeight: M === "true" ? "112vh" : "59vh",
                                 border: "1px solid",
                                 borderColor: "divider",
                                 borderRadius: 2
                               },
-                              children: /* @__PURE__ */ s(xr, { stickyHeader: !0, children: [
-                                /* @__PURE__ */ r(vr, { children: /* @__PURE__ */ r(ee, { children: /* @__PURE__ */ s(
-                                  re,
+                              children: /* @__PURE__ */ i(wr, { stickyHeader: !0, children: [
+                                /* @__PURE__ */ r(br, { children: /* @__PURE__ */ r(ae, { children: /* @__PURE__ */ i(
+                                  te,
                                   {
                                     className: " px-3 ",
                                     sx: { backgroundColor: "white" },
                                     children: [
                                       /* @__PURE__ */ r(
-                                        D,
+                                        q,
                                         {
                                           size: "small",
                                           placeholder: "Search Columns",
                                           variant: "outlined",
-                                          value: te,
+                                          value: ie,
                                           onChange: (e) => {
-                                            I(e.target.value);
+                                            Y(e.target.value);
                                           },
                                           className: "w-full py-0.5 text-xs",
                                           InputProps: {
-                                            startAdornment: /* @__PURE__ */ r(ve, { position: "start", children: /* @__PURE__ */ r(_, { children: /* @__PURE__ */ r(
+                                            startAdornment: /* @__PURE__ */ r(we, { position: "start", children: /* @__PURE__ */ r(W, { children: /* @__PURE__ */ r(
                                               v,
                                               {
                                                 iconName: "faMagnifyingGlass",
@@ -1585,8 +1822,8 @@ CONSTRAINT ${h}_pkey PRIMARY KEY (${n})`), o += ");", o;
                                           }
                                         }
                                       ),
-                                      !pe && /* @__PURE__ */ s(
-                                        u,
+                                      !fe && /* @__PURE__ */ i(
+                                        m,
                                         {
                                           variant: "body2",
                                           color: "info",
@@ -1600,26 +1837,26 @@ CONSTRAINT ${h}_pkey PRIMARY KEY (${n})`), o += ");", o;
                                     ]
                                   }
                                 ) }) }),
-                                g === 0 && /* @__PURE__ */ r(Ye, { children: b.length ? b.map((e, a) => /* @__PURE__ */ r(
-                                  ee,
+                                x === 0 && /* @__PURE__ */ r(Xe, { children: N.length ? N.map((e, a) => /* @__PURE__ */ r(
+                                  ae,
                                   {
-                                    className: `border-b ${a === b.length - 1 ? "border-none" : "border-[#ccc]"}`,
+                                    className: `border-b ${a === N.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: [
+                                    children: /* @__PURE__ */ i(te, { className: "p-2 px-4 flex justify-between", children: [
                                       /* @__PURE__ */ r(
-                                        B,
+                                        z,
                                         {
                                           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,
+                                          children: /* @__PURE__ */ i(
+                                            m,
                                             {
                                               variant: "caption",
                                               className: "w-full text-ellipsis cursor-pointer",
@@ -1633,9 +1870,9 @@ CONSTRAINT ${h}_pkey PRIMARY KEY (${n})`), o += ");", o;
                                           )
                                         }
                                       ),
-                                      /* @__PURE__ */ s(f, { display: "flex", alignItems: "center", children: [
+                                      /* @__PURE__ */ i(g, { display: "flex", alignItems: "center", children: [
                                         e.isPrimaryKey && /* @__PURE__ */ r(
-                                          _,
+                                          W,
                                           {
                                             sx: {
                                               height: "1.5rem",
@@ -1651,51 +1888,51 @@ CONSTRAINT ${h}_pkey PRIMARY KEY (${n})`), o += ");", o;
                                             )
                                           }
                                         ),
-                                        (i || m) && /* @__PURE__ */ s(Q, { children: [
-                                          /* @__PURE__ */ s(
-                                            B,
+                                        (d || h) && /* @__PURE__ */ i(Q, { children: [
+                                          /* @__PURE__ */ i(
+                                            z,
                                             {
-                                              title: !i && e.isPrimaryKey && !G ? "Deletion of primary key is not allowed." : "",
+                                              title: !d && e.isPrimaryKey && !I ? "Deletion of primary key is not allowed." : "",
                                               arrow: !0,
                                               placement: "left",
                                               children: [
                                                 " ",
                                                 /* @__PURE__ */ r("span", { children: /* @__PURE__ */ r(
-                                                  _,
+                                                  W,
                                                   {
                                                     sx: {
                                                       height: "1.3rem",
                                                       marginRight: "0"
                                                     },
-                                                    disabled: !i && e.isPrimaryKey && !G,
+                                                    disabled: !d && e.isPrimaryKey && !I,
                                                     onClick: async () => {
-                                                      const l = t.getValues(
+                                                      const o = n.getValues(
                                                         "selectedColumns"
                                                       );
-                                                      I("");
-                                                      const n = l.filter(
+                                                      Y("");
+                                                      const t = o.filter(
                                                         (c) => c.name !== e.name
                                                       );
-                                                      t.setValue(
+                                                      n.setValue(
                                                         "selectedColumns",
-                                                        n,
+                                                        t,
                                                         { shouldDirty: !0 }
                                                       );
-                                                      const o = te.trim().toLowerCase(), h = o ? n.filter(
-                                                        (c) => c.name.toLowerCase().includes(o)
-                                                      ) : n;
-                                                      K(
-                                                        h
-                                                      ), R(
+                                                      const l = ie.trim().toLowerCase(), u = l ? t.filter(
+                                                        (c) => c.name.toLowerCase().includes(l)
+                                                      ) : t;
+                                                      L(
+                                                        u
+                                                      ), U(
                                                         (c) => c.map((p) => p.name === e.name ? {
                                                           ...p,
                                                           isSynced: !1
                                                         } : p)
-                                                      ), e.isPrimaryKey && t.setValue(
+                                                      ), e.isPrimaryKey && n.setValue(
                                                         "primaryKey",
                                                         ""
-                                                      ), i && await ye(
-                                                        n
+                                                      ), d && await xe(
+                                                        t
                                                       );
                                                     },
                                                     children: /* @__PURE__ */ r(
@@ -1710,8 +1947,8 @@ CONSTRAINT ${h}_pkey PRIMARY KEY (${n})`), o += ");", o;
                                               ]
                                             }
                                           ),
-                                          i && /* @__PURE__ */ r(
-                                            _,
+                                          d && /* @__PURE__ */ r(
+                                            W,
                                             {
                                               sx: {
                                                 height: "1.3rem",
@@ -1719,18 +1956,18 @@ CONSTRAINT ${h}_pkey PRIMARY KEY (${n})`), o += ");", o;
                                                 color: "success"
                                               },
                                               onClick: () => {
-                                                const n = t.getValues(
+                                                const t = n.getValues(
                                                   "selectedColumns"
                                                 ).findIndex(
-                                                  (o) => o.name === e.name
+                                                  (l) => l.name === e.name
                                                 );
-                                                ie(n), t.setValue(
+                                                ce(t), n.setValue(
                                                   "newColumnName",
                                                   e.name
-                                                ), t.setValue(
+                                                ), n.setValue(
                                                   "newColumnType",
                                                   e.type
-                                                ), oe(
+                                                ), de(
                                                   document.getElementById(
                                                     "edit-button-anchor"
                                                   ) ?? null
@@ -1750,16 +1987,16 @@ CONSTRAINT ${h}_pkey PRIMARY KEY (${n})`), o += ");", o;
                                     ] })
                                   },
                                   a + 1
-                                )) : /* @__PURE__ */ r(ee, { children: /* @__PURE__ */ r(re, { colSpan: 1, className: "p-2", children: /* @__PURE__ */ s(u, { variant: "body2", children: [
+                                )) : /* @__PURE__ */ r(ae, { children: /* @__PURE__ */ r(te, { colSpan: 1, className: "p-2", children: /* @__PURE__ */ i(m, { variant: "body2", children: [
                                   " ",
-                                  t.getValues("selectedColumns").length === 0 ? "There are no columns to display." : b.length === 0 ? "No columns for search query." : null
+                                  n.getValues("selectedColumns").length === 0 ? "There are no columns to display." : N.length === 0 ? "No columns for search query." : null
                                 ] }) }) }) }),
-                                g === 1 && /* @__PURE__ */ r(Ye, { children: Y.length ? Y.map((e, a) => {
-                                  const l = e.name === d.primaryKey, n = e.isSynced || !1, o = /* @__PURE__ */ r(
-                                    br,
+                                x === 1 && /* @__PURE__ */ r(Xe, { children: J.length ? J.map((e, a) => {
+                                  const o = e.name === s.primaryKey, t = e.isSynced || !1, l = /* @__PURE__ */ r(
+                                    Sr,
                                     {
                                       icon: /* @__PURE__ */ r(
-                                        f,
+                                        g,
                                         {
                                           sx: {
                                             backgroundColor: "var(--color-tableHeader)",
@@ -1781,7 +2018,7 @@ CONSTRAINT ${h}_pkey PRIMARY KEY (${n})`), o += ");", o;
                                         }
                                       ),
                                       checkedIcon: /* @__PURE__ */ r(
-                                        f,
+                                        g,
                                         {
                                           sx: {
                                             backgroundColor: "#4caf50",
@@ -1801,47 +2038,47 @@ CONSTRAINT ${h}_pkey PRIMARY KEY (${n})`), o += ");", o;
                                           )
                                         }
                                       ),
-                                      checked: n,
-                                      disabled: !m,
+                                      checked: t,
+                                      disabled: !h,
                                       onChange: (c) => {
                                         const p = c.target.checked;
-                                        if (!p && m && !G && !i && e.name === d.primaryKey)
+                                        if (!p && h && !I && !d && e.name === s.primaryKey)
                                           return;
-                                        const j = [...Y], Z = {
-                                          ...j[a],
+                                        const y = [...J], R = {
+                                          ...y[a],
                                           isSynced: c.target.checked
                                         };
-                                        j[a] = Z, R(j);
-                                        const P = [...b];
+                                        y[a] = R, U(y);
+                                        const O = [...N];
                                         if (p) {
-                                          const A = b.some(
-                                            (z) => z.isPrimaryKey
+                                          const $ = N.some(
+                                            (B) => B.isPrimaryKey
                                           );
-                                          e.name === d.primaryKey && !A ? (P.push({
-                                            ...Z,
+                                          e.name === s.primaryKey && !$ ? (O.push({
+                                            ...R,
                                             isPrimaryKey: !0
-                                          }), t.setValue("primaryKey", e.name)) : P.push(Z);
+                                          }), n.setValue("primaryKey", e.name)) : O.push(R);
                                         } else {
-                                          const A = P.findIndex(
-                                            (z) => z.name === j[a].name
+                                          const $ = O.findIndex(
+                                            (B) => B.name === y[a].name
                                           );
-                                          if (A > -1) {
-                                            const z = P[A].isPrimaryKey;
-                                            P.splice(A, 1), z && t.setValue("primaryKey", "");
+                                          if ($ > -1) {
+                                            const B = O[$].isPrimaryKey;
+                                            O.splice($, 1), B && n.setValue("primaryKey", "");
                                           }
                                         }
-                                        K(P), t.setValue("selectedColumns", P, {
+                                        L(O), n.setValue("selectedColumns", O, {
                                           shouldDirty: !0
                                         });
                                       }
                                     }
-                                  ), h = /* @__PURE__ */ r(
-                                    _,
+                                  ), u = /* @__PURE__ */ r(
+                                    W,
                                     {
                                       sx: {
                                         height: "2rem",
-                                        marginRight: m ? 1 : 0,
-                                        paddingRight: m ? 1 : 0
+                                        marginRight: h ? 1 : 0,
+                                        paddingRight: h ? 1 : 0
                                       },
                                       children: /* @__PURE__ */ r(
                                         v,
@@ -1853,14 +2090,14 @@ CONSTRAINT ${h}_pkey PRIMARY KEY (${n})`), o += ");", o;
                                     }
                                   );
                                   return /* @__PURE__ */ r(
-                                    ee,
+                                    ae,
                                     {
-                                      className: `border-b ${a === Y.length - 1 ? "border-none" : "border-[#ccc]"}`,
+                                      className: `border-b ${a === J.length - 1 ? "border-none" : "border-[#ccc]"}`,
                                       sx: {
                                         "&:hover": { backgroundColor: "#e9f3ff" }
                                       },
-                                      children: /* @__PURE__ */ s(
-                                        re,
+                                      children: /* @__PURE__ */ i(
+                                        te,
                                         {
                                           sx: {
                                             p: 0,
@@ -1870,8 +2107,8 @@ CONSTRAINT ${h}_pkey PRIMARY KEY (${n})`), o += ");", o;
                                             alignItems: "center"
                                           },
                                           children: [
-                                            /* @__PURE__ */ s(
-                                              u,
+                                            /* @__PURE__ */ i(
+                                              m,
                                               {
                                                 variant: "caption",
                                                 className: "w-full text-ellipsis cursor-pointer align-content-center",
@@ -1883,28 +2120,28 @@ CONSTRAINT ${h}_pkey PRIMARY KEY (${n})`), o += ");", o;
                                                 ]
                                               }
                                             ),
-                                            m ? l ? i ? h : /* @__PURE__ */ s(
-                                              f,
+                                            h ? o ? d ? u : /* @__PURE__ */ i(
+                                              g,
                                               {
                                                 sx: {
                                                   display: "flex",
                                                   alignItems: "center"
                                                 },
                                                 children: [
-                                                  h,
+                                                  u,
                                                   /* @__PURE__ */ r(
-                                                    B,
+                                                    z,
                                                     {
-                                                      title: m && !G && e.name === d.primaryKey ? "Primary key cannot be unsynced in edit mode." : "",
+                                                      title: h && !I && e.name === s.primaryKey ? "Primary key cannot be unsynced in edit mode." : "",
                                                       arrow: !0,
                                                       placement: "top",
-                                                      children: /* @__PURE__ */ r("span", { children: o })
+                                                      children: /* @__PURE__ */ r("span", { children: l })
                                                     }
                                                   )
                                                 ]
                                               }
-                                            ) : o : n ? /* @__PURE__ */ r(
-                                              f,
+                                            ) : l : t ? /* @__PURE__ */ r(
+                                              g,
                                               {
                                                 sx: {
                                                   backgroundColor: "#4caf50",
@@ -1924,8 +2161,8 @@ CONSTRAINT ${h}_pkey PRIMARY KEY (${n})`), o += ");", o;
                                                   }
                                                 )
                                               }
-                                            ) : l ? h : /* @__PURE__ */ r(
-                                              f,
+                                            ) : o ? u : /* @__PURE__ */ r(
+                                              g,
                                               {
                                                 sx: {
                                                   backgroundColor: "var(--color-tableHeader)",
@@ -1952,7 +2189,7 @@ CONSTRAINT ${h}_pkey PRIMARY KEY (${n})`), o += ");", o;
                                     },
                                     a + 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." }) }) }) })
+                                }) : /* @__PURE__ */ r(ae, { children: /* @__PURE__ */ r(te, { colSpan: 1, className: "p-2", children: /* @__PURE__ */ r(m, { variant: "body2", children: "No columns for search query." }) }) }) })
                               ] })
                             }
                           )
@@ -1965,9 +2202,9 @@ CONSTRAINT ${h}_pkey PRIMARY KEY (${n})`), o += ");", o;
             )
           }
         ),
-        De && /* @__PURE__ */ r(Cr, { open: De, onClose: ir, children: /* @__PURE__ */ s(f, { sx: { ...Pr }, children: [
-          /* @__PURE__ */ s(
-            f,
+        Ke && /* @__PURE__ */ r(Nr, { open: Ke, onClose: cr, children: /* @__PURE__ */ i(g, { sx: { ...Ar }, children: [
+          /* @__PURE__ */ i(
+            g,
             {
               sx: {
                 display: "flex",
@@ -1976,12 +2213,12 @@ CONSTRAINT ${h}_pkey PRIMARY KEY (${n})`), o += ");", o;
                 mb: 2
               },
               children: [
-                /* @__PURE__ */ r(u, { variant: "h6", children: "Generated Migration Script" }),
-                /* @__PURE__ */ s(u, { variant: "body2", children: [
+                /* @__PURE__ */ r(m, { variant: "h6", children: "Generated Migration Script" }),
+                /* @__PURE__ */ i(m, { variant: "body2", children: [
                   "From : ",
-                  /* @__PURE__ */ s("strong", { children: [
+                  /* @__PURE__ */ i("strong", { children: [
                     "v",
-                    (E == null ? void 0 : E.from_version) + 1
+                    (j == null ? void 0 : j.from_version) + 1
                   ] }),
                   " ",
                   /* @__PURE__ */ r(
@@ -1994,16 +2231,16 @@ CONSTRAINT ${h}_pkey PRIMARY KEY (${n})`), o += ");", o;
                   ),
                   " ",
                   "To : ",
-                  /* @__PURE__ */ s("strong", { children: [
+                  /* @__PURE__ */ i("strong", { children: [
                     "v",
-                    (E == null ? void 0 : E.to_version) + 1
+                    (j == null ? void 0 : j.to_version) + 1
                   ] })
                 ] })
               ]
             }
           ),
           /* @__PURE__ */ r(
-            de,
+            he,
             {
               height: "50vh",
               defaultLanguage: "sql",
@@ -2017,14 +2254,14 @@ CONSTRAINT ${h}_pkey PRIMARY KEY (${n})`), o += ");", o;
                 occurrencesHighlight: !1,
                 selectionHighlight: !1
               },
-              value: $ || "",
-              defaultValue: $ || "",
-              onChange: sr,
+              value: F || "",
+              defaultValue: F || "",
+              onChange: ur,
               editorProps: { $blockScrolling: !0 }
             }
           ),
           /* @__PURE__ */ r(
-            O,
+            T,
             {
               variant: "contained",
               color: "primary",
@@ -2038,7 +2275,7 @@ CONSTRAINT ${h}_pkey PRIMARY KEY (${n})`), o += ");", o;
     }
   );
 }
-const Pr = {
+const Ar = {
   position: "absolute",
   top: "50%",
   left: "50%",
@@ -2050,20 +2287,21 @@ const Pr = {
   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
+Dr.propTypes = {
+  tableInfo: P.any,
+  table: P.any,
+  isEditMode: P.bool,
+  updateEditMode: P.any,
+  tableCompleteInfo: P.any,
+  reloadComponents: P.any,
+  isCreateTableMode: P.bool,
+  isSyncTableMode: P.bool,
+  updateCreateTableMode: P.any,
+  openDeleteModal: P.bool,
+  setOpenDeleteModal: P.func,
+  generateRebuildScript: P.func
 };
 export {
-  kr as default
+  Dr as default
 };
-//# sourceMappingURL=TableDetails-Cf_YfnY2.js.map
+//# sourceMappingURL=TableDetails-BtafRxXb.js.map