@argusoft/medplat-core 1.0.18 → 1.0.20

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

@@ -4,20 +4,20 @@ import { showToast as V } from "@/common/toaster/toaster";
 import { useDebounceFn as mr } from "@/hooks/useDebounceFn";
 import hr from "@/views/custom-components/CustomConfirmationModal";
 import pr from "@/views/custom-components/CustomTextField";
-import C from "@/common/fontAwesomeIcons/FontAwesomeIcons";
+import 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 Ce, Popover as yr, Checkbox as fr, TableContainer as gr, Table as xr, TableHead as Cr, TableRow as ee, TableCell as re, TableBody as Ye, Modal as br, Switch as vr } from "@mui/material";
+import { 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 be } from "react";
+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: b,
+  table: C,
   isEditMode: m,
-  updateEditMode: ve,
+  updateEditMode: be,
   tableCompleteInfo: k,
   reloadComponents: Je,
   isCreateTableMode: i,
@@ -33,24 +33,24 @@ function kr({
     "Form Configurator",
     "Form Media Record",
     "LMS"
-  ], ke = (e) => (e == null ? void 0 : e.toUpperCase().replace(/ /g, "_")) || "", Pe = (e) => Se.find((n) => ke(n) === e) || "", Me = (e) => {
-    var n;
-    return e != null && e.downloadType ? Pe(e.downloadType) || e.downloadType : (n = e == null ? void 0 : e.data) != null && n.downloadType ? Pe(e.data.downloadType) || e.data.downloadType : "";
-  }, er = (e) => {
+  ], ke = (e) => (e == null ? void 0 : e.toUpperCase().replace(/ /g, "_")) || "", Pe = (e) => Se.find((a) => ke(a) === e) || "", Me = (e) => {
     var a;
-    const n = e == null ? void 0 : e.downloadUrl;
-    if (typeof n == "object" && n !== null)
-      return n.apiEndpoint || "";
-    const l = (a = e == null ? void 0 : e.data) == null ? void 0 : a.downloadUrl;
+    return 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 a;
-    const n = e == null ? void 0 : e.downloadUrl;
-    if (typeof n == "object" && n !== null)
-      return n.requestParameters || [];
-    const l = (a = e == null ? void 0 : e.data) == null ? void 0 : a.downloadUrl;
+    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, ne] = w(!1), [$, ae] = w(""), [rr, nr] = w({}), [te, I] = w(""), [v, K] = w([]), [Y, R] = w([]), [g, le] = w(0), [J, he] = w(0), [Ke, oe] = w(null), [X, ie] = w(null), [E, ar] = w({}), [L, A] = w(
+  }, [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],
@@ -75,25 +75,25 @@ function kr({
   t.register("requestParameters", {
     validate: (e) => F !== "true" ? !0 : !e || e.length === 0 ? "At least one request parameter is required." : e.some(
       (l) => {
-        var a, o;
-        return !((a = l.key) != null && a.trim()) || !((o = l.value) != null && o.trim());
+        var n, o;
+        return !((n = l.key) != null && n.trim()) || !((o = l.value) != null && o.trim());
       }
     ) ? "Each parameter must have both a key and a value filled." : !0
   });
   const or = async (e) => {
     var l;
-    const n = i ? t.getValues("createTableQuery") : await Ae(
+    const a = i ? t.getValues("createTableQuery") : await qe(
       [...d.columnInfo],
       e.selectedColumns,
       d.primaryKey,
       (l = e.primaryKey) == null ? void 0 : l.toString()
     );
-    n ? (nr(() => e), ae(() => n), qe(), ne(!0)) : Le(e, !1);
-  }, Le = async (e, n) => {
+    a ? (ar(() => e), ne(() => a), Ae(), ae(!0)) : Le(e, !1);
+  }, Le = async (e, a) => {
     var h;
     const l = {};
-    let a, o = e || rr;
-    if (n || ae(""), Object.keys(o).length > 0) {
+    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();
@@ -107,10 +107,10 @@ function kr({
       };
       c = JSON.stringify(c);
       try {
-        if (a = (await H({
+        if (n = (await H({
           code: "update_mobile_entity",
           parameters: {
-            tableName: (i ? t.getValues("tableName") : b) || "",
+            tableName: (i ? t.getValues("tableName") : C) || "",
             syncByDefault: o.syncByDefault === "true",
             columnInfo: o.columns || "",
             primaryKey: o.primaryKey || "",
@@ -122,7 +122,7 @@ function kr({
             modifiedBy: se || "",
             isUpdate: !0
           }
-        })).data, a != null && a.result && n && $) {
+        })).data, n != null && n.result && a && $) {
           const p = (await H({
             code: "INSERT_MOBILE_MIGRATION",
             parameters: {
@@ -144,10 +144,10 @@ function kr({
       }
     } else
       try {
-        if (a = (await H({
+        if (n = (await H({
           code: "update_mobile_entity",
           parameters: {
-            tableName: (i ? t.getValues("tableName") : b) || "",
+            tableName: (i ? t.getValues("tableName") : C) || "",
             syncByDefault: !1,
             columnInfo: "",
             primaryKey: "",
@@ -159,7 +159,7 @@ function kr({
             modifiedBy: se || "",
             isUpdate: !1
           }
-        })).data, a != null && a.result && $) {
+        })).data, n != null && n.result && $) {
           const c = (await H({
             code: "INSERT_MOBILE_MIGRATION",
             parameters: {
@@ -179,110 +179,110 @@ function kr({
           type: "error"
         });
       }
-    a != null && a.result && (ve(!1), we(!1), Je((c) => !c), V({
+    n != null && n.result && (be(!1), we(!1), Je((c) => !c), V({
       message: "Table configuration saved successfully!",
       type: "success"
-    })), ne(!1);
+    })), ae(!1);
   }, ir = () => {
-    ne(!1);
-  }, Ae = async (e, n, l, a) => {
+    ae(!1);
+  }, qe = async (e, a, l, n) => {
     let o = "";
     if (e.length > 0) {
       const h = Object.fromEntries(
         e.map((x) => [x.name, x.type])
       ), c = Object.fromEntries(
-        n.map((x) => [x.name, x.type])
+        a.map((x) => [x.name, x.type])
       ), p = Object.keys(h), j = Object.keys(c), Z = e.filter(
         (x) => !j.includes(x.name)
-      ), P = n.filter(
+      ), P = a.filter(
         (x) => !p.includes(x.name)
-      ), q = e.filter((x) => {
+      ), A = e.filter((x) => {
         const Ie = c[x.name];
         return Ie !== void 0 && Ie !== x.type;
-      }), z = Z.map((x) => `ALTER TABLE ${b} DROP COLUMN ${x.name};`).join(`
+      }), z = Z.map((x) => `ALTER TABLE ${C} DROP COLUMN ${x.name};`).join(`
 `), Ge = P.map(
-        (x) => `ALTER TABLE ${b} ADD COLUMN ${x.name} ${x.type};`
+        (x) => `ALTER TABLE ${C} ADD COLUMN ${x.name} ${x.type};`
       ).join(`
 `);
       let fe = "";
-      return q.length > 0 && (fe = Ze(
-        b,
+      return A.length > 0 && (fe = Ze(
+        C,
         {
           columnInfo: e,
           primaryKey: l
         },
         {
-          columnInfo: n,
-          primaryKey: a
+          columnInfo: a,
+          primaryKey: n
         }
       )), fe ? fe.trim() : (z && (o += `${z}
 `), Ge && (o += `${Ge}
 `), o.trim());
     } else {
-      const h = i ? t.getValues("tableName") : b;
+      const h = i ? t.getValues("tableName") : C;
       return o = `CREATE TABLE ${h} (
-`, o += n.map((c) => `${c.name} ${c.type}`).join(`,
-`), a && (o += `,
-CONSTRAINT ${h}_pkey PRIMARY KEY (${a})`), o += ");", o;
+`, o += a.map((c) => `${c.name} ${c.type}`).join(`,
+`), n && (o += `,
+CONSTRAINT ${h}_pkey PRIMARY KEY (${n})`), o += ");", o;
     }
-  }, qe = async () => {
-    var n;
-    const e = (n = await H({
+  }, Ae = 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}`,
         type: "error"
       });
-    })) == null ? void 0 : n.data;
-    ar(e == null ? void 0 : e.result[0]);
+    })) == null ? void 0 : a.data;
+    nr(e == null ? void 0 : e.result[0]);
   };
-  be(() => {
-    if (I(""), he(0), le(0), i && (me([]), K([]), R([]), A([]), t.reset({
+  Ce(() => {
+    if (I(""), he(0), le(0), i && (me([]), K([]), R([]), q([]), t.reset({
       ...T
-    }), setTimeout(() => t.trigger(), 0)), b && d && !i) {
+    }), setTimeout(() => t.trigger(), 0)), C && d && !i) {
       me(k !== void 0 ? () => k.columnInfo : () => d.columnInfo);
-      let e = k !== void 0 ? k.columnInfo.map((a) => a.name) : d.columnInfo.map((a) => a.name), n = {};
-      k !== void 0 ? k.columnInfo.forEach((a) => {
-        n[a.name] = a.type;
-      }) : d.columnInfo.forEach((a) => {
-        n[a.name] = a.type;
+      let 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;
       });
       let l = {};
-      d.columnInfo.forEach((a) => {
-        l[a.name] = a.type;
-      }), d.columnInfo.map((a) => {
-        e.includes(a.name) || (a.onlyMobileDb = !0), l[a.name] !== n[a.name] && (a.isTypeChanged = !0), a.name === d.primaryKey && (a.isPrimaryKey = !0);
+      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), A(ue(d == null ? void 0 : d.mediaConfiguration)), K(
-        () => d.columnInfo.sort((a, o) => a.name === d.primaryKey ? (a.isPrimaryKey = !0, -1) : o.name === d.primaryKey ? (o.isPrimaryKey = !0, 1) : a.name.localeCompare(o.name))
+      }), 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 a = new Set(
+        const n = new Set(
           d.columnInfo.map((h) => h.name)
         );
         return k.columnInfo.map((h) => ({
           ...h,
-          isSynced: a.has(h.name)
+          isSynced: n.has(h.name)
         })).sort((h, c) => h.name === d.primaryKey ? -1 : c.name === d.primaryKey ? 1 : h.name.localeCompare(c.name));
       } : []);
     }
-  }, [d, k, b, i]), be(() => {
+  }, [d, k, C, i]), Ce(() => {
     const e = te.toLowerCase();
     if (g === 0) {
-      const n = t.getValues("selectedColumns"), l = e ? n.filter(
-        (a) => a.name.toLowerCase().includes(e)
-      ) : n;
+      const a = t.getValues("selectedColumns"), l = e ? a.filter(
+        (n) => n.name.toLowerCase().includes(e)
+      ) : a;
       K(l);
     } else {
-      const n = new Set(
-        t.getValues("selectedColumns").map((a) => a.name)
-      ), l = e ? Ve.filter((a) => a.name.toLowerCase().includes(e)).map((a) => ({
-        ...a,
-        isSynced: n.has(a.name)
-      })) : Ve.map((a) => ({
-        ...a,
-        isSynced: n.has(a.name)
+      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)
       }));
       R(l);
     }
@@ -291,33 +291,33 @@ CONSTRAINT ${h}_pkey PRIMARY KEY (${a})`), o += ");", o;
     control: t.control,
     name: "tableName"
   });
-  be(() => {
+  Ce(() => {
     i && t.getValues("selectedColumns").length > 0 && Be && ye(t.getValues("selectedColumns"));
   }, [Be]);
   const sr = (e) => {
-    ae(e);
+    ne(e);
   }, dr = () => {
-    m && ve(!m), i && we(!i), t.reset({
+    m && be(!m), i && we(!i), t.reset({
       ...T,
       newColumnName: null,
       newColumnType: null
-    }), A(T.requestParameters || []), K(T.selectedColumns || []);
+    }), q(T.requestParameters || []), K(T.selectedColumns || []);
     const e = new Set(
-      (T.selectedColumns || []).map((n) => n.name)
+      (T.selectedColumns || []).map((a) => a.name)
     );
     R(
-      (T.allColumns || []).map((n) => ({
-        ...n,
-        isSynced: e.has(n.name)
+      (T.allColumns || []).map((a) => ({
+        ...a,
+        isSynced: e.has(a.name)
       }))
     );
   }, cr = async () => {
-    var l, a, o;
+    var l, n, o;
     Ne(() => !1);
     const e = await H({
       code: "DELETE_MOBILE_ENTITY",
       parameters: {
-        tableName: b
+        tableName: C
       }
     }).catch((h) => {
       V({
@@ -325,11 +325,11 @@ CONSTRAINT ${h}_pkey PRIMARY KEY (${a})`), o += ");", o;
         type: "error"
       });
     });
-    (o = (a = (l = e == null ? void 0 : e.data) == null ? void 0 : l.result) == null ? void 0 : a[0]) != null && o.table_name && V({ message: `${b} deleted successfully!`, type: "success" });
-    let n = `DROP TABLE if exists ${b};`;
-    ae(() => n), qe(), ne(!0);
+    (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) => {
-    const n = /^[a-zA-Z_][a-zA-Z0-9_]*$/.test(e);
+    const a = /^[a-zA-Z_][a-zA-Z0-9_]*$/.test(e);
     if (e.trim().length === 0) {
       t.setError("newColumnName", {
         type: "manual",
@@ -337,26 +337,26 @@ CONSTRAINT ${h}_pkey PRIMARY KEY (${a})`), o += ");", o;
       });
       return;
     }
-    if (!n) {
+    if (!a) {
       t.setError("newColumnName", {
         type: "manual",
         message: "Must start with a letter/underscore and contain only letters, numbers, and underscores."
       });
       return;
     }
-    Y.some((l) => l.name === e) || v.some((l) => l.name === e) ? t.setError("newColumnName", {
+    Y.some((l) => l.name === e) || b.some((l) => l.name === e) ? t.setError("newColumnName", {
       type: "manual",
       message: "Column name already exists in the table."
     }) : t.clearErrors("newColumnName");
-  }, 500), pe = v.some(
+  }, 500), pe = b.some(
     (e) => e.isPrimaryKey === !0
   ), ye = async (e) => {
-    var a;
+    var n;
     if (J !== 2 && i && he(2), e.length === 0) {
       t.setValue("createTableQuery", "", { shouldDirty: !0 });
       return;
     }
-    const n = ((a = e.find((o) => o.isPrimaryKey)) == null ? void 0 : a.name) || "", l = await Ae([], e, "", n);
+    const a = ((n = e.find((o) => o.isPrimaryKey)) == null ? void 0 : n.name) || "", l = await qe([], e, "", a);
     t.setValue("createTableQuery", l, { shouldDirty: !0 });
   };
   return /* @__PURE__ */ s(
@@ -375,7 +375,7 @@ CONSTRAINT ${h}_pkey PRIMARY KEY (${a})`), o += ");", o;
             variant: "outlined",
             sx: {
               p: 2.5,
-              borderRadius: 2.5,
+              borderRadius: 1.5,
               backgroundColor: "background.paper"
             },
             children: /* @__PURE__ */ s(
@@ -436,10 +436,10 @@ CONSTRAINT ${h}_pkey PRIMARY KEY (${a})`), o += ");", o;
                               {
                                 variant: "h6",
                                 sx: { fontWeight: 700, color: "text.primary" },
-                                children: b || "No Table Selected"
+                                children: C || "No Table Selected"
                               }
                             ),
-                            /* @__PURE__ */ r(u, { variant: "caption", color: "text.secondary", children: b ? "View and manage table configuration" : "Select a table from the list" })
+                            /* @__PURE__ */ r(u, { variant: "caption", color: "text.secondary", children: C ? "View and manage table configuration" : "Select a table from the list" })
                           ] }),
                           /* @__PURE__ */ r(
                             hr,
@@ -473,7 +473,7 @@ CONSTRAINT ${h}_pkey PRIMARY KEY (${a})`), o += ");", o;
                                     px: 2.5
                                   },
                                   disabled: lr || !pe,
-                                  startIcon: /* @__PURE__ */ r(C, { iconName: "faCheck" }),
+                                  startIcon: /* @__PURE__ */ r(v, { iconName: "faCheck" }),
                                   children: "Submit"
                                 }
                               ) })
@@ -515,7 +515,7 @@ CONSTRAINT ${h}_pkey PRIMARY KEY (${a})`), o += ");", o;
                             gap: 0.75,
                             p: 0.75,
                             backgroundColor: "action.hover",
-                            borderRadius: 2.5,
+                            borderRadius: 1.5,
                             border: "1px solid",
                             borderColor: "divider",
                             mb: 2
@@ -531,7 +531,7 @@ CONSTRAINT ${h}_pkey PRIMARY KEY (${a})`), o += ");", o;
                               }
                             ] : []
                           ].map((e) => {
-                            const n = J === e.value;
+                            const a = J === e.value;
                             return /* @__PURE__ */ r(
                               O,
                               {
@@ -544,18 +544,18 @@ CONSTRAINT ${h}_pkey PRIMARY KEY (${a})`), o += ");", o;
                                   borderRadius: 2,
                                   textTransform: "none",
                                   fontSize: "0.8rem",
-                                  fontWeight: n ? 700 : 500,
-                                  color: n ? "primary.dark" : "text.secondary",
-                                  backgroundColor: n ? "background.paper" : "transparent",
-                                  boxShadow: n ? "0px 2px 6px rgba(0,0,0,0.06)" : "none",
+                                  fontWeight: a ? 700 : 500,
+                                  color: a ? "primary.dark" : "text.secondary",
+                                  backgroundColor: a ? "background.paper" : "transparent",
+                                  boxShadow: a ? "0px 2px 6px rgba(0,0,0,0.06)" : "none",
                                   border: "1px solid",
-                                  borderColor: n ? "divider" : "transparent",
+                                  borderColor: a ? "divider" : "transparent",
                                   transition: "all 0.2s ease",
                                   "&:hover": {
-                                    backgroundColor: n ? "background.paper" : "action.hover"
+                                    backgroundColor: a ? "background.paper" : "action.hover"
                                   }
                                 },
-                                startIcon: /* @__PURE__ */ r(C, { iconName: e.icon }),
+                                startIcon: /* @__PURE__ */ r(v, { iconName: e.icon }),
                                 children: e.label
                               },
                               e.value
@@ -570,7 +570,7 @@ CONSTRAINT ${h}_pkey PRIMARY KEY (${a})`), o += ");", o;
                           {
                             name: "modifiedOnQuery",
                             control: t.control,
-                            render: ({ field: e, fieldState: { error: n } }) => /* @__PURE__ */ s(Q, { children: [
+                            render: ({ field: e, fieldState: { error: a } }) => /* @__PURE__ */ s(Q, { children: [
                               /* @__PURE__ */ r(
                                 de,
                                 {
@@ -593,14 +593,14 @@ CONSTRAINT ${h}_pkey PRIMARY KEY (${a})`), o += ");", o;
                                   editorProps: { $blockScrolling: !0 }
                                 }
                               ),
-                              (n == null ? void 0 : n.message) && /* @__PURE__ */ r(
+                              (a == null ? void 0 : a.message) && /* @__PURE__ */ r(
                                 u,
                                 {
                                   variant: "subtitle1",
                                   color: "error",
                                   fontSize: "13px",
                                   className: "mt-1 ml-[13px]",
-                                  children: n.message
+                                  children: a.message
                                 }
                               )
                             ] })
@@ -614,7 +614,7 @@ CONSTRAINT ${h}_pkey PRIMARY KEY (${a})`), o += ");", o;
                           {
                             name: "dataFetchQuery",
                             control: t.control,
-                            render: ({ field: e, fieldState: { error: n } }) => /* @__PURE__ */ s(Q, { children: [
+                            render: ({ field: e, fieldState: { error: a } }) => /* @__PURE__ */ s(Q, { children: [
                               /* @__PURE__ */ r(
                                 de,
                                 {
@@ -637,14 +637,14 @@ CONSTRAINT ${h}_pkey PRIMARY KEY (${a})`), o += ");", o;
                                   editorProps: { $blockScrolling: !0 }
                                 }
                               ),
-                              (n == null ? void 0 : n.message) && /* @__PURE__ */ r(
+                              (a == null ? void 0 : a.message) && /* @__PURE__ */ r(
                                 u,
                                 {
                                   variant: "subtitle1",
                                   color: "error",
                                   fontSize: "13px",
                                   className: "mt-1 ml-[13px]",
-                                  children: n.message
+                                  children: a.message
                                 }
                               )
                             ] })
@@ -658,7 +658,7 @@ CONSTRAINT ${h}_pkey PRIMARY KEY (${a})`), o += ");", o;
                           {
                             name: "createTableQuery",
                             control: t.control,
-                            render: ({ field: e, fieldState: { error: n } }) => /* @__PURE__ */ s(Q, { children: [
+                            render: ({ field: e, fieldState: { error: a } }) => /* @__PURE__ */ s(Q, { children: [
                               /* @__PURE__ */ r(
                                 de,
                                 {
@@ -681,14 +681,14 @@ CONSTRAINT ${h}_pkey PRIMARY KEY (${a})`), o += ");", o;
                                   editorProps: { $blockScrolling: !0 }
                                 }
                               ),
-                              (n == null ? void 0 : n.message) && /* @__PURE__ */ r(
+                              (a == null ? void 0 : a.message) && /* @__PURE__ */ r(
                                 u,
                                 {
                                   variant: "subtitle1",
                                   color: "error",
                                   fontSize: "13px",
                                   className: "mt-1 ml-[13px]",
-                                  children: n.message
+                                  children: a.message
                                 }
                               )
                             ] })
@@ -887,7 +887,7 @@ CONSTRAINT ${h}_pkey PRIMARY KEY (${a})`), o += ");", o;
                           {
                             variant: "h6",
                             className: "mt-2",
-                            sx: { fontWeight: 600, color: "#566A79" },
+                            sx: { fontWeight: 600, color: "var(--color-gray1)" },
                             children: "Media Configuration:"
                           }
                         ),
@@ -914,19 +914,19 @@ CONSTRAINT ${h}_pkey PRIMARY KEY (${a})`), o += ");", o;
                                   validate: (e) => F !== "true" || !!e || "Download Type is required."
                                 },
                                 render: ({
-                                  field: { onChange: e, value: n },
+                                  field: { onChange: e, value: a },
                                   fieldState: { error: l }
                                 }) => /* @__PURE__ */ r(
                                   ce,
                                   {
                                     options: Se,
-                                    value: n || null,
+                                    value: a || null,
                                     disabled: !m && !i,
-                                    onChange: (a, o) => e(o),
-                                    renderInput: (a) => /* @__PURE__ */ r(
+                                    onChange: (n, o) => e(o),
+                                    renderInput: (n) => /* @__PURE__ */ r(
                                       D,
                                       {
-                                        ...a,
+                                        ...n,
                                         size: "small",
                                         placeholder: "Select download type",
                                         error: !!l,
@@ -945,14 +945,14 @@ CONSTRAINT ${h}_pkey PRIMARY KEY (${a})`), o += ");", o;
                                 border: "1px solid #ddd",
                                 borderRadius: "8px",
                                 p: 2,
-                                backgroundColor: "#fafafa"
+                                backgroundColor: "var(--color-gray4)"
                               },
                               children: [
                                 /* @__PURE__ */ r(
                                   u,
                                   {
                                     variant: "subtitle1",
-                                    sx: { fontWeight: 600, mb: 1.5, color: "#374151" },
+                                    sx: { fontWeight: 600, mb: 1.5, color: "var(--color-text)" },
                                     children: "Download URL"
                                   }
                                 ),
@@ -976,7 +976,7 @@ CONSTRAINT ${h}_pkey PRIMARY KEY (${a})`), o += ");", o;
                                     rules: {
                                       validate: (e) => F !== "true" || !!(e != null && e.trim()) || "API Endpoint is required."
                                     },
-                                    render: ({ field: e, fieldState: { error: n } }) => /* @__PURE__ */ r(
+                                    render: ({ field: e, fieldState: { error: a } }) => /* @__PURE__ */ r(
                                       D,
                                       {
                                         ...e,
@@ -985,8 +985,8 @@ CONSTRAINT ${h}_pkey PRIMARY KEY (${a})`), o += ");", o;
                                         variant: "outlined",
                                         fullWidth: !0,
                                         placeholder: "https://api.example.com/endpoint",
-                                        error: !!n,
-                                        helperText: n == null ? void 0 : n.message,
+                                        error: !!a,
+                                        helperText: a == null ? void 0 : a.message,
                                         slotProps: {
                                           input: {
                                             readOnly: !m && !i
@@ -1006,7 +1006,7 @@ CONSTRAINT ${h}_pkey PRIMARY KEY (${a})`), o += ");", o;
                                         u,
                                         {
                                           variant: "subtitle2",
-                                          sx: { fontWeight: 600, color: "#374151", flex: 1 },
+                                          sx: { fontWeight: 600, color: "var(--color-text)", flex: 1 },
                                           children: [
                                             "Request Parameters",
                                             /* @__PURE__ */ r("span", { style: { color: "red" }, children: "*" }),
@@ -1023,7 +1023,7 @@ CONSTRAINT ${h}_pkey PRIMARY KEY (${a})`), o += ");", o;
                                               ...L,
                                               { key: "", value: "" }
                                             ];
-                                            A(e), t.setValue(
+                                            q(e), t.setValue(
                                               "requestParameters",
                                               e,
                                               {
@@ -1033,7 +1033,7 @@ CONSTRAINT ${h}_pkey PRIMARY KEY (${a})`), o += ");", o;
                                             );
                                           },
                                           sx: {
-                                            backgroundColor: "#566A79",
+                                            backgroundColor: "var(--color-tableHeader)",
                                             color: "white",
                                             "&:hover": { backgroundColor: "#3d4f5c" },
                                             borderRadius: "6px",
@@ -1041,7 +1041,7 @@ CONSTRAINT ${h}_pkey PRIMARY KEY (${a})`), o += ");", o;
                                             height: "28px"
                                           },
                                           children: /* @__PURE__ */ r(
-                                            C,
+                                            v,
                                             {
                                               iconName: "faPlus",
                                               className: "text-[0.75rem]"
@@ -1056,11 +1056,11 @@ CONSTRAINT ${h}_pkey PRIMARY KEY (${a})`), o += ");", o;
                                   u,
                                   {
                                     variant: "caption",
-                                    sx: { color: "#9ca3af", fontStyle: "italic" },
+                                    sx: { color: "var(--color-gray1)", fontStyle: "italic" },
                                     children: "No request parameters added."
                                   }
                                 ),
-                                L.map((e, n) => /* @__PURE__ */ s(
+                                L.map((e, a) => /* @__PURE__ */ s(
                                   f,
                                   {
                                     sx: {
@@ -1070,8 +1070,8 @@ CONSTRAINT ${h}_pkey PRIMARY KEY (${a})`), o += ");", o;
                                       mb: 1,
                                       p: 1,
                                       borderRadius: "6px",
-                                      backgroundColor: "#f0f4f8",
-                                      border: "1px solid #e2e8f0"
+                                      backgroundColor: "var(--color-gray4)",
+                                      border: "1px solid var(--color-gray3)"
                                     },
                                     children: [
                                       /* @__PURE__ */ r(
@@ -1083,12 +1083,12 @@ CONSTRAINT ${h}_pkey PRIMARY KEY (${a})`), o += ");", o;
                                           placeholder: "parameterKey",
                                           disabled: !m && !i,
                                           onChange: (l) => {
-                                            const a = L.map(
-                                              (o, h) => h === n ? { ...o, key: l.target.value } : o
+                                            const n = L.map(
+                                              (o, h) => h === a ? { ...o, key: l.target.value } : o
                                             );
-                                            A(a), t.setValue(
+                                            q(n), t.setValue(
                                               "requestParameters",
-                                              a,
+                                              n,
                                               {
                                                 shouldDirty: !0,
                                                 shouldValidate: !0
@@ -1102,17 +1102,17 @@ CONSTRAINT ${h}_pkey PRIMARY KEY (${a})`), o += ");", o;
                                         ce,
                                         {
                                           size: "small",
-                                          options: v.map(
+                                          options: b.map(
                                             (l) => l.name
                                           ),
                                           value: e.value || null,
                                           disabled: !m && !i,
-                                          noOptionsText: v.length === 0 ? "No synced columns yet" : "No match",
-                                          onChange: (l, a) => {
+                                          noOptionsText: b.length === 0 ? "No synced columns yet" : "No match",
+                                          onChange: (l, n) => {
                                             const o = L.map(
-                                              (h, c) => c === n ? { ...h, value: a || "" } : h
+                                              (h, c) => c === a ? { ...h, value: n || "" } : h
                                             );
-                                            A(o), t.setValue(
+                                            q(o), t.setValue(
                                               "requestParameters",
                                               o,
                                               {
@@ -1138,9 +1138,9 @@ CONSTRAINT ${h}_pkey PRIMARY KEY (${a})`), o += ");", o;
                                           size: "small",
                                           onClick: () => {
                                             const l = L.filter(
-                                              (a, o) => o !== n
+                                              (n, o) => o !== a
                                             );
-                                            A(l), t.setValue(
+                                            q(l), t.setValue(
                                               "requestParameters",
                                               l,
                                               {
@@ -1151,7 +1151,7 @@ CONSTRAINT ${h}_pkey PRIMARY KEY (${a})`), o += ");", o;
                                           },
                                           sx: { color: "#ef4444", alignSelf: "center" },
                                           children: /* @__PURE__ */ r(
-                                            C,
+                                            v,
                                             {
                                               iconName: "faTrashCan",
                                               className: "text-[0.85rem]"
@@ -1161,7 +1161,7 @@ CONSTRAINT ${h}_pkey PRIMARY KEY (${a})`), o += ");", o;
                                       ) })
                                     ]
                                   },
-                                  n
+                                  a
                                 )),
                                 t.formState.errors.requestParameters && /* @__PURE__ */ r(
                                   u,
@@ -1196,20 +1196,20 @@ CONSTRAINT ${h}_pkey PRIMARY KEY (${a})`), o += ");", o;
                                 rules: {
                                   validate: (e) => F !== "true" || !!(e != null && e.trim()) && e.trim().length > 0 || "Directory Path is required."
                                 },
-                                render: ({ field: e, fieldState: { error: n } }) => /* @__PURE__ */ r(
+                                render: ({ field: e, fieldState: { error: a } }) => /* @__PURE__ */ r(
                                   D,
                                   {
                                     ...e,
                                     size: "small",
                                     variant: "outlined",
                                     fullWidth: !0,
-                                    error: !!n,
-                                    helperText: n == null ? void 0 : n.message,
+                                    error: !!a,
+                                    helperText: a == null ? void 0 : a.message,
                                     slotProps: {
                                       input: {
                                         readOnly: !m && !i,
-                                        startAdornment: /* @__PURE__ */ r(Ce, { position: "start", children: "#directoryPath#/" }),
-                                        endAdornment: /* @__PURE__ */ r(Ce, { position: "end", children: "/" })
+                                        startAdornment: /* @__PURE__ */ r(ve, { position: "start", children: "#directoryPath#/" }),
+                                        endAdornment: /* @__PURE__ */ r(ve, { position: "end", children: "/" })
                                       }
                                     }
                                   }
@@ -1224,7 +1224,7 @@ CONSTRAINT ${h}_pkey PRIMARY KEY (${a})`), o += ");", o;
                       ge,
                       {
                         variant: "outlined",
-                        sx: { px: 2, borderRadius: 2.5, height: "100%", mb: 1 },
+                        sx: { px: 2, borderRadius: 1.5, height: "100%", mb: 1 },
                         children: [
                           /* @__PURE__ */ s(
                             f,
@@ -1307,23 +1307,23 @@ CONSTRAINT ${h}_pkey PRIMARY KEY (${a})`), o += ");", o;
                                     ]
                                   }
                                 ),
-                                g === 0 && v.length > 0 && G && /* @__PURE__ */ r(f, { sx: { minWidth: 200, marginLeft: 2 }, children: /* @__PURE__ */ r(
+                                g === 0 && b.length > 0 && G && /* @__PURE__ */ r(f, { sx: { minWidth: 200, marginLeft: 2 }, children: /* @__PURE__ */ r(
                                   ce,
                                   {
                                     size: "small",
-                                    options: v.map((e) => e.name),
+                                    options: b.map((e) => e.name),
                                     value: t.getValues("primaryKey") || "",
                                     readOnly: !m && !i,
-                                    onChange: (e, n) => {
-                                      const l = v.map(
-                                        (a) => ({
-                                          ...a,
-                                          isPrimaryKey: a.name === n
+                                    onChange: (e, a) => {
+                                      const l = b.map(
+                                        (n) => ({
+                                          ...n,
+                                          isPrimaryKey: n.name === a
                                         })
                                       );
                                       K(l), t.setValue("selectedColumns", l, {
                                         shouldDirty: !0
-                                      }), t.setValue("primaryKey", n);
+                                      }), t.setValue("primaryKey", a);
                                     },
                                     renderInput: (e) => /* @__PURE__ */ r(
                                       D,
@@ -1333,7 +1333,7 @@ CONSTRAINT ${h}_pkey PRIMARY KEY (${a})`), o += ");", o;
                                         placeholder: "Select column"
                                       }
                                     ),
-                                    renderOption: (e, n) => /* @__PURE__ */ r("li", { ...e, children: /* @__PURE__ */ r(B, { title: n, placement: "left", arrow: !0, children: /* @__PURE__ */ r("span", { className: "truncate max-w-[250px]", children: n }) }) })
+                                    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 }) }) })
                                   }
                                 ) }),
                                 (i || m) && /* @__PURE__ */ r(
@@ -1352,10 +1352,10 @@ CONSTRAINT ${h}_pkey PRIMARY KEY (${a})`), o += ");", o;
                                     },
                                     disabled: !!t.formState.errors.tableName,
                                     onClick: async (e) => {
-                                      const n = e.currentTarget;
-                                      await t.trigger("tableName") && (ie(null), oe(n));
+                                      const a = e.currentTarget;
+                                      await t.trigger("tableName") && (ie(null), oe(a));
                                     },
-                                    startIcon: /* @__PURE__ */ r(C, { iconName: "faPlus" }),
+                                    startIcon: /* @__PURE__ */ r(v, { iconName: "faPlus" }),
                                     children: "Column"
                                   }
                                 ),
@@ -1393,18 +1393,18 @@ CONSTRAINT ${h}_pkey PRIMARY KEY (${a})`), o += ");", o;
                                               id: "newColumnName",
                                               control: t.control,
                                               render: ({
-                                                field: { onChange: e, value: n, ...l },
-                                                fieldState: { error: a }
+                                                field: { onChange: e, value: a, ...l },
+                                                fieldState: { error: n }
                                               }) => /* @__PURE__ */ r(
                                                 D,
                                                 {
                                                   ...l,
-                                                  value: (n == null ? void 0 : n.trim()) || "",
+                                                  value: (a == null ? void 0 : a.trim()) || "",
                                                   variant: "outlined",
                                                   fullWidth: !0,
                                                   size: "small",
-                                                  error: !!a,
-                                                  helperText: a == null ? void 0 : a.message,
+                                                  error: !!n,
+                                                  helperText: n == null ? void 0 : n.message,
                                                   label: "Column Name",
                                                   sx: {
                                                     "& .MuiInputLabel-root": {
@@ -1426,21 +1426,21 @@ CONSTRAINT ${h}_pkey PRIMARY KEY (${a})`), o += ");", o;
                                               id: "newColumnType",
                                               control: t.control,
                                               render: ({
-                                                field: { onChange: e, value: n },
+                                                field: { onChange: e, value: a },
                                                 fieldState: { error: l }
                                               }) => /* @__PURE__ */ r(
                                                 ce,
                                                 {
                                                   options: ze || [],
-                                                  value: (n == null ? void 0 : n.trim()) || null,
-                                                  getOptionLabel: (a) => a,
-                                                  onChange: (a, o) => {
+                                                  value: (a == null ? void 0 : a.trim()) || null,
+                                                  getOptionLabel: (n) => n,
+                                                  onChange: (n, o) => {
                                                     e(o);
                                                   },
-                                                  renderInput: (a) => /* @__PURE__ */ r(
+                                                  renderInput: (n) => /* @__PURE__ */ r(
                                                     D,
                                                     {
-                                                      ...a,
+                                                      ...n,
                                                       size: "small",
                                                       error: !!l,
                                                       helperText: l == null ? void 0 : l.message,
@@ -1475,11 +1475,11 @@ CONSTRAINT ${h}_pkey PRIMARY KEY (${a})`), o += ");", o;
                                                   name: "isPrimaryKey",
                                                   control: t.control,
                                                   render: ({
-                                                    field: { onChange: e, value: n }
+                                                    field: { onChange: e, value: a }
                                                   }) => /* @__PURE__ */ r(
                                                     fr,
                                                     {
-                                                      checked: n || !1,
+                                                      checked: a || !1,
                                                       onChange: (l) => e(l.target.checked),
                                                       sx: {
                                                         margin: "0px"
@@ -1500,19 +1500,19 @@ CONSTRAINT ${h}_pkey PRIMARY KEY (${a})`), o += ");", o;
                                                 Re.trim()
                                               ),
                                               onClick: async () => {
-                                                const e = t.getValues("isPrimaryKey"), n = t.getValues("newColumnName"), l = t.getValues("newColumnType"), a = t.getValues("selectedColumns").some((c) => c.isPrimaryKey);
+                                                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")
                                                 ];
                                                 if (X !== null)
                                                   o[X] = {
                                                     ...o[X],
-                                                    name: n,
+                                                    name: a,
                                                     type: l
                                                   };
                                                 else {
                                                   if (o.some(
-                                                    (p) => p.name === n
+                                                    (p) => p.name === a
                                                   )) {
                                                     V({
                                                       message: "Column already exists",
@@ -1521,10 +1521,10 @@ CONSTRAINT ${h}_pkey PRIMARY KEY (${a})`), o += ");", o;
                                                     return;
                                                   }
                                                   const c = {
-                                                    name: n,
+                                                    name: a,
                                                     type: l
                                                   };
-                                                  !a && e && (t.setValue("primaryKey", n), c.isPrimaryKey = !0), o.push(c);
+                                                  !n && e && (t.setValue("primaryKey", a), c.isPrimaryKey = !0), o.push(c);
                                                 }
                                                 t.setValue(
                                                   "selectedColumns",
@@ -1557,7 +1557,7 @@ CONSTRAINT ${h}_pkey PRIMARY KEY (${a})`), o += ");", o;
                                 borderRadius: 2
                               },
                               children: /* @__PURE__ */ s(xr, { stickyHeader: !0, children: [
-                                /* @__PURE__ */ r(Cr, { children: /* @__PURE__ */ r(ee, { children: /* @__PURE__ */ s(
+                                /* @__PURE__ */ r(vr, { children: /* @__PURE__ */ r(ee, { children: /* @__PURE__ */ s(
                                   re,
                                   {
                                     className: " px-3 ",
@@ -1575,8 +1575,8 @@ CONSTRAINT ${h}_pkey PRIMARY KEY (${a})`), o += ");", o;
                                           },
                                           className: "w-full py-0.5 text-xs",
                                           InputProps: {
-                                            startAdornment: /* @__PURE__ */ r(Ce, { position: "start", children: /* @__PURE__ */ r(_, { children: /* @__PURE__ */ r(
-                                              C,
+                                            startAdornment: /* @__PURE__ */ r(ve, { position: "start", children: /* @__PURE__ */ r(_, { children: /* @__PURE__ */ r(
+                                              v,
                                               {
                                                 iconName: "faMagnifyingGlass",
                                                 className: "text-[1rem]"
@@ -1600,10 +1600,10 @@ CONSTRAINT ${h}_pkey PRIMARY KEY (${a})`), o += ");", o;
                                     ]
                                   }
                                 ) }) }),
-                                g === 0 && /* @__PURE__ */ r(Ye, { children: v.length ? v.map((e, n) => /* @__PURE__ */ r(
+                                g === 0 && /* @__PURE__ */ r(Ye, { children: b.length ? b.map((e, a) => /* @__PURE__ */ r(
                                   ee,
                                   {
-                                    className: `border-b ${n === v.length - 1 ? "border-none" : "border-[#ccc]"}`,
+                                    className: `border-b ${a === b.length - 1 ? "border-none" : "border-[#ccc]"}`,
                                     sx: {
                                       backgroundColor: e.onlyMobileDb ? "#d3ecc7" : e.isTypeChanged ? "rgba(255, 0, 0, 0.1)" : "#fff",
                                       "&:hover": {
@@ -1643,7 +1643,7 @@ CONSTRAINT ${h}_pkey PRIMARY KEY (${a})`), o += ");", o;
                                               paddingRight: 1
                                             },
                                             children: /* @__PURE__ */ r(
-                                              C,
+                                              v,
                                               {
                                                 iconName: "faKey",
                                                 className: "text-[1rem] text-[#d3bb51]"
@@ -1673,17 +1673,17 @@ CONSTRAINT ${h}_pkey PRIMARY KEY (${a})`), o += ");", o;
                                                         "selectedColumns"
                                                       );
                                                       I("");
-                                                      const a = l.filter(
+                                                      const n = l.filter(
                                                         (c) => c.name !== e.name
                                                       );
                                                       t.setValue(
                                                         "selectedColumns",
-                                                        a,
+                                                        n,
                                                         { shouldDirty: !0 }
                                                       );
-                                                      const o = te.trim().toLowerCase(), h = o ? a.filter(
+                                                      const o = te.trim().toLowerCase(), h = o ? n.filter(
                                                         (c) => c.name.toLowerCase().includes(o)
-                                                      ) : a;
+                                                      ) : n;
                                                       K(
                                                         h
                                                       ), R(
@@ -1695,11 +1695,11 @@ CONSTRAINT ${h}_pkey PRIMARY KEY (${a})`), o += ");", o;
                                                         "primaryKey",
                                                         ""
                                                       ), i && await ye(
-                                                        a
+                                                        n
                                                       );
                                                     },
                                                     children: /* @__PURE__ */ r(
-                                                      C,
+                                                      v,
                                                       {
                                                         iconName: "faTrashCan",
                                                         className: "text-[1rem] text-[#df5f5f]"
@@ -1719,12 +1719,12 @@ CONSTRAINT ${h}_pkey PRIMARY KEY (${a})`), o += ");", o;
                                                 color: "success"
                                               },
                                               onClick: () => {
-                                                const a = t.getValues(
+                                                const n = t.getValues(
                                                   "selectedColumns"
                                                 ).findIndex(
                                                   (o) => o.name === e.name
                                                 );
-                                                ie(a), t.setValue(
+                                                ie(n), t.setValue(
                                                   "newColumnName",
                                                   e.name
                                                 ), t.setValue(
@@ -1737,7 +1737,7 @@ CONSTRAINT ${h}_pkey PRIMARY KEY (${a})`), o += ");", o;
                                                 );
                                               },
                                               children: /* @__PURE__ */ r(
-                                                C,
+                                                v,
                                                 {
                                                   iconName: "faPen",
                                                   className: "text-[1rem] text-[#4f4f4f]"
@@ -1749,20 +1749,20 @@ CONSTRAINT ${h}_pkey PRIMARY KEY (${a})`), o += ");", o;
                                       ] })
                                     ] })
                                   },
-                                  n + 1
+                                  a + 1
                                 )) : /* @__PURE__ */ r(ee, { children: /* @__PURE__ */ r(re, { colSpan: 1, className: "p-2", children: /* @__PURE__ */ s(u, { variant: "body2", children: [
                                   " ",
-                                  t.getValues("selectedColumns").length === 0 ? "There are no columns to display." : v.length === 0 ? "No columns for search query." : null
+                                  t.getValues("selectedColumns").length === 0 ? "There are no columns to display." : b.length === 0 ? "No columns for search query." : null
                                 ] }) }) }) }),
-                                g === 1 && /* @__PURE__ */ r(Ye, { children: Y.length ? Y.map((e, n) => {
-                                  const l = e.name === d.primaryKey, a = e.isSynced || !1, o = /* @__PURE__ */ r(
-                                    vr,
+                                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,
                                     {
                                       icon: /* @__PURE__ */ r(
                                         f,
                                         {
                                           sx: {
-                                            backgroundColor: "#001e3c",
+                                            backgroundColor: "var(--color-tableHeader)",
                                             borderRadius: "50%",
                                             width: 20,
                                             height: 20,
@@ -1771,7 +1771,7 @@ CONSTRAINT ${h}_pkey PRIMARY KEY (${a})`), o += ");", o;
                                             justifyContent: "center"
                                           },
                                           children: /* @__PURE__ */ r(
-                                            C,
+                                            v,
                                             {
                                               iconName: "faBan",
                                               size: "sm",
@@ -1793,7 +1793,7 @@ CONSTRAINT ${h}_pkey PRIMARY KEY (${a})`), o += ");", o;
                                             justifyContent: "center"
                                           },
                                           children: /* @__PURE__ */ r(
-                                            C,
+                                            v,
                                             {
                                               iconName: "faRotate",
                                               className: "text-white text-xs"
@@ -1801,33 +1801,33 @@ CONSTRAINT ${h}_pkey PRIMARY KEY (${a})`), o += ");", o;
                                           )
                                         }
                                       ),
-                                      checked: a,
+                                      checked: n,
                                       disabled: !m,
                                       onChange: (c) => {
                                         const p = c.target.checked;
                                         if (!p && m && !G && !i && e.name === d.primaryKey)
                                           return;
                                         const j = [...Y], Z = {
-                                          ...j[n],
+                                          ...j[a],
                                           isSynced: c.target.checked
                                         };
-                                        j[n] = Z, R(j);
-                                        const P = [...v];
+                                        j[a] = Z, R(j);
+                                        const P = [...b];
                                         if (p) {
-                                          const q = v.some(
+                                          const A = b.some(
                                             (z) => z.isPrimaryKey
                                           );
-                                          e.name === d.primaryKey && !q ? (P.push({
+                                          e.name === d.primaryKey && !A ? (P.push({
                                             ...Z,
                                             isPrimaryKey: !0
                                           }), t.setValue("primaryKey", e.name)) : P.push(Z);
                                         } else {
-                                          const q = P.findIndex(
-                                            (z) => z.name === j[n].name
+                                          const A = P.findIndex(
+                                            (z) => z.name === j[a].name
                                           );
-                                          if (q > -1) {
-                                            const z = P[q].isPrimaryKey;
-                                            P.splice(q, 1), z && t.setValue("primaryKey", "");
+                                          if (A > -1) {
+                                            const z = P[A].isPrimaryKey;
+                                            P.splice(A, 1), z && t.setValue("primaryKey", "");
                                           }
                                         }
                                         K(P), t.setValue("selectedColumns", P, {
@@ -1844,7 +1844,7 @@ CONSTRAINT ${h}_pkey PRIMARY KEY (${a})`), o += ");", o;
                                         paddingRight: m ? 1 : 0
                                       },
                                       children: /* @__PURE__ */ r(
-                                        C,
+                                        v,
                                         {
                                           iconName: "faKey",
                                           className: "text-lg text-[#d3bb51]"
@@ -1855,7 +1855,7 @@ CONSTRAINT ${h}_pkey PRIMARY KEY (${a})`), o += ");", o;
                                   return /* @__PURE__ */ r(
                                     ee,
                                     {
-                                      className: `border-b ${n === Y.length - 1 ? "border-none" : "border-[#ccc]"}`,
+                                      className: `border-b ${a === Y.length - 1 ? "border-none" : "border-[#ccc]"}`,
                                       sx: {
                                         "&:hover": { backgroundColor: "#e9f3ff" }
                                       },
@@ -1903,7 +1903,7 @@ CONSTRAINT ${h}_pkey PRIMARY KEY (${a})`), o += ");", o;
                                                   )
                                                 ]
                                               }
-                                            ) : o : a ? /* @__PURE__ */ r(
+                                            ) : o : n ? /* @__PURE__ */ r(
                                               f,
                                               {
                                                 sx: {
@@ -1917,7 +1917,7 @@ CONSTRAINT ${h}_pkey PRIMARY KEY (${a})`), o += ");", o;
                                                   margin: "9px 0px"
                                                 },
                                                 children: /* @__PURE__ */ r(
-                                                  C,
+                                                  v,
                                                   {
                                                     iconName: "faRotate",
                                                     className: "text-white text-xs"
@@ -1928,7 +1928,7 @@ CONSTRAINT ${h}_pkey PRIMARY KEY (${a})`), o += ");", o;
                                               f,
                                               {
                                                 sx: {
-                                                  backgroundColor: "#001e3c",
+                                                  backgroundColor: "var(--color-tableHeader)",
                                                   borderRadius: "50%",
                                                   width: 20,
                                                   height: 20,
@@ -1938,7 +1938,7 @@ CONSTRAINT ${h}_pkey PRIMARY KEY (${a})`), o += ");", o;
                                                   margin: "9px 0px"
                                                 },
                                                 children: /* @__PURE__ */ r(
-                                                  C,
+                                                  v,
                                                   {
                                                     iconName: "faBan",
                                                     className: "text-white pl-[0.5px]"
@@ -1950,7 +1950,7 @@ CONSTRAINT ${h}_pkey PRIMARY KEY (${a})`), o += ");", o;
                                         }
                                       )
                                     },
-                                    n + 1
+                                    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." }) }) }) })
                               ] })
@@ -1965,7 +1965,7 @@ CONSTRAINT ${h}_pkey PRIMARY KEY (${a})`), o += ");", o;
             )
           }
         ),
-        De && /* @__PURE__ */ r(br, { open: De, onClose: ir, children: /* @__PURE__ */ s(f, { sx: { ...Pr }, children: [
+        De && /* @__PURE__ */ r(Cr, { open: De, onClose: ir, children: /* @__PURE__ */ s(f, { sx: { ...Pr }, children: [
           /* @__PURE__ */ s(
             f,
             {
@@ -1985,7 +1985,7 @@ CONSTRAINT ${h}_pkey PRIMARY KEY (${a})`), o += ");", o;
                   ] }),
                   " ",
                   /* @__PURE__ */ r(
-                    C,
+                    v,
                     {
                       iconName: "faArrowRight",
                       size: "sm",
@@ -2066,4 +2066,4 @@ kr.propTypes = {
 export {
   kr as default
 };
-//# sourceMappingURL=TableDetails-DztbjsIA.js.map
+//# sourceMappingURL=TableDetails-Cf_YfnY2.js.map