@argusoft/medplat-core 1.0.0

package/dist/TableList-B9hr05Hs.js

@@ -0,0 +1,428 @@
+import { jsxs as a, Fragment as ie, jsx as e } from "react/jsx-runtime";
+import { useTranslateProvider as se } from "@/common/languageTranslator/TranslationContext";
+import p from "@/common/fontAwesomeIcons/FontAwesomeIcons";
+import { Paper as N, Box as i, Typography as s, Button as b, Chip as j, TextField as F, InputAdornment as de, Divider as ce, List as pe, ListItem as ue, ListItemButton as fe, ListItemText as he, Tooltip as G, IconButton as K, Dialog as me, DialogTitle as xe, DialogContent as ye, Autocomplete as be, DialogActions as ge } from "@mui/material";
+import J from "@mui/material/Grid2";
+import u from "prop-types";
+import { useState as l, useEffect as X, Suspense as Ce, lazy as ve } from "react";
+import { useForm as Te } from "react-hook-form";
+const Ie = ve(() => import("./TableDetails-DzREeJkm.js"));
+function Se({
+  tableList: t,
+  tablesInfo: w,
+  allTableList: x,
+  allTablesInfo: D,
+  formSubmitted: $,
+  reloadComponents: H
+}) {
+  const [W, V] = l(""), [g, C] = l(""), [v, Y] = l({}), [z, T] = l({}), [f, _] = l({}), [q, I] = l({}), y = t ? t.filter((o) => o.toLowerCase().includes(W.toLowerCase())) : [], [U, h] = l(!1), [Z, S] = l(!1), [d, M] = l(), [R, m] = l(!1), [L, O] = l(!1), [ee, P] = l(!1), { translate: A } = se();
+  Te({
+    defaultValues: {
+      field1: "",
+      field2: "",
+      field3: ""
+    }
+  }), X(() => {
+    let o = {}, n = {};
+    C(t[0]), o = B(w), Y((r) => ({ ...r, ...o })), n = B(D), _((r) => ({ ...r, ...n }));
+  }, [w, D]), X(() => {
+    T(() => v[t[0]]), I(() => f[t[0]]);
+  }, [v, f]);
+  const oe = (o) => {
+    const n = o.toLowerCase();
+    return n.includes("int") || n.includes("timestamp") || n === "boolean" || n.includes("serial") || n.includes("date") ? "INTEGER" : (n.includes("char") || n.includes("text") || n.includes("varchar"), "TEXT");
+  }, B = (o) => {
+    const n = {};
+    return o.forEach((r) => {
+      const c = JSON.parse(r.columnInfo), te = Object.keys(c).map((Q) => ({
+        name: Q,
+        type: oe(c[Q])
+      })), le = r.mediaConfiguration !== void 0 ? JSON.parse(r.mediaConfiguration) : null;
+      n[r.tableName] = {
+        columnInfo: te,
+        modifiedOnQuery: r.modifiedOnQuery ? r.modifiedOnQuery : null,
+        primaryKey: r.primaryKey ? r.primaryKey : null,
+        selectQuery: r.selectQuery ? r.selectQuery : null,
+        userData: r.userData !== void 0 ? r.userData : null,
+        hasMedia: r.hasMedia !== void 0 ? r.hasMedia : null,
+        mediaConfiguration: le,
+        syncByDefault: r.syncByDefault ? r.syncByDefault : !1
+      };
+    }), n;
+  }, re = () => {
+    m(!1), S(!0), M();
+  }, ne = () => {
+    h(!1), m(!0);
+  }, E = () => {
+    S(!1);
+  }, ae = () => {
+    if (d) {
+      const o = { ...f[d] };
+      o && (o.columnInfo = []), C(d), T(() => o), I(() => f[d]), O(!0), m(!1), h(!0);
+    }
+    S(!1), M(() => "");
+  }, k = (o) => {
+    C(o), T(() => v[o]), I(() => f[o]), h(!1), m(!1), O(!1);
+  };
+  return /* @__PURE__ */ a(ie, { children: [
+    /* @__PURE__ */ a(
+      N,
+      {
+        elevation: 0,
+        sx: {
+          p: { xs: 2.5, md: 3 },
+          mt: 2,
+          mb: 3,
+          border: "1px solid",
+          borderColor: "divider",
+          borderRadius: 3,
+          backgroundColor: "background.paper"
+        },
+        children: [
+          /* @__PURE__ */ a(i, { sx: { display: "flex", flexDirection: "column", gap: 3 }, children: [
+            /* @__PURE__ */ a(
+              i,
+              {
+                sx: {
+                  display: "flex",
+                  justifyContent: "space-between",
+                  alignItems: "flex-start",
+                  flexWrap: "wrap",
+                  gap: 2
+                },
+                children: [
+                  /* @__PURE__ */ a(i, { sx: { minWidth: { xs: "100%", lg: "40%" } }, children: [
+                    /* @__PURE__ */ e(s, { variant: "h5", sx: { fontWeight: 800, color: "text.primary", mb: 0.5 }, children: A("Database Management") }),
+                    /* @__PURE__ */ e(s, { variant: "body2", color: "text.secondary", children: "Manage synced tables, create new entities, and configure mobile database schemas." })
+                  ] }),
+                  /* @__PURE__ */ a(i, { sx: { display: "flex", alignItems: "center", gap: 1.5, flexWrap: "wrap" }, children: [
+                    /* @__PURE__ */ e(
+                      b,
+                      {
+                        variant: "outlined",
+                        size: "small",
+                        sx: {
+                          borderRadius: 2,
+                          fontWeight: 600,
+                          px: 2,
+                          textTransform: "none",
+                          borderColor: "divider",
+                          color: "text.primary",
+                          "&:hover": { backgroundColor: "action.hover", borderColor: "text.disabled" }
+                        },
+                        startIcon: /* @__PURE__ */ e(p, { iconName: "faRotate" }),
+                        onClick: () => re(),
+                        children: "Sync Table"
+                      }
+                    ),
+                    /* @__PURE__ */ e(
+                      b,
+                      {
+                        size: "small",
+                        variant: "contained",
+                        sx: {
+                          borderRadius: 2,
+                          fontWeight: 600,
+                          px: 2,
+                          boxShadow: "none",
+                          textTransform: "none"
+                        },
+                        startIcon: /* @__PURE__ */ e(p, { iconName: "faPlus" }),
+                        onClick: () => ne(),
+                        children: "Create Table"
+                      }
+                    )
+                  ] })
+                ]
+              }
+            ),
+            /* @__PURE__ */ a(
+              i,
+              {
+                sx: {
+                  display: "flex",
+                  justifyContent: "space-between",
+                  alignItems: "center",
+                  flexWrap: "wrap",
+                  gap: 2,
+                  backgroundColor: "action.hover",
+                  p: 1.5,
+                  borderRadius: 2.5,
+                  border: "1px solid",
+                  borderColor: "divider"
+                },
+                children: [
+                  /* @__PURE__ */ a(i, { sx: { display: "flex", alignItems: "center", gap: 1.5 }, children: [
+                    /* @__PURE__ */ e(
+                      j,
+                      {
+                        label: `${(t == null ? void 0 : t.length) || 0} Synced`,
+                        size: "small",
+                        color: "primary",
+                        variant: "filled",
+                        sx: { fontWeight: 700, borderRadius: 2, px: 0.5 }
+                      }
+                    ),
+                    /* @__PURE__ */ e(
+                      j,
+                      {
+                        label: `${(x == null ? void 0 : x.length) || 0} Total`,
+                        size: "small",
+                        variant: "outlined",
+                        sx: { fontWeight: 600, borderRadius: 2, px: 0.5, borderColor: "divider" }
+                      }
+                    )
+                  ] }),
+                  /* @__PURE__ */ e(
+                    F,
+                    {
+                      value: W,
+                      size: "small",
+                      placeholder: "Search synced tables...",
+                      onChange: (o) => V(o.target.value),
+                      InputProps: {
+                        startAdornment: /* @__PURE__ */ e(de, { position: "start", children: /* @__PURE__ */ e(p, { iconName: "faMagnifyingGlass" }) }),
+                        sx: {
+                          backgroundColor: "background.paper",
+                          borderRadius: 2,
+                          minWidth: 260
+                        }
+                      }
+                    }
+                  )
+                ]
+              }
+            )
+          ] }),
+          /* @__PURE__ */ e(ce, { sx: { my: 3 } }),
+          /* @__PURE__ */ a(J, { container: !0, spacing: 2.5, children: [
+            /* @__PURE__ */ e(J, { size: 3, children: /* @__PURE__ */ a(
+              N,
+              {
+                variant: "outlined",
+                sx: {
+                  borderRadius: 2.5,
+                  overflow: "hidden",
+                  maxHeight: "72vh",
+                  display: "flex",
+                  flexDirection: "column"
+                },
+                children: [
+                  /* @__PURE__ */ a(
+                    i,
+                    {
+                      sx: {
+                        px: 2,
+                        py: 1.5,
+                        backgroundColor: "action.hover",
+                        borderBottom: "1px solid",
+                        borderColor: "divider"
+                      },
+                      children: [
+                        /* @__PURE__ */ e(s, { variant: "subtitle2", sx: { fontWeight: 700, color: "text.primary" }, children: A("Synced Tables") }),
+                        /* @__PURE__ */ a(s, { variant: "caption", color: "text.secondary", children: [
+                          y.length,
+                          " of ",
+                          (t == null ? void 0 : t.length) || 0,
+                          " tables"
+                        ] })
+                      ]
+                    }
+                  ),
+                  /* @__PURE__ */ e(i, { sx: { overflowY: "auto", flex: 1 }, children: y.length ? /* @__PURE__ */ e(pe, { disablePadding: !0, children: y.map((o, n) => {
+                    const r = g === o;
+                    return /* @__PURE__ */ e(
+                      ue,
+                      {
+                        disablePadding: !0,
+                        secondaryAction: /* @__PURE__ */ a(
+                          i,
+                          {
+                            sx: {
+                              display: "flex",
+                              gap: 0.25,
+                              opacity: r ? 1 : 0,
+                              transition: "opacity 0.2s"
+                            },
+                            children: [
+                              /* @__PURE__ */ e(G, { title: "Edit table", arrow: !0, placement: "top", children: /* @__PURE__ */ e(
+                                K,
+                                {
+                                  size: "small",
+                                  onClick: (c) => {
+                                    c.stopPropagation(), k(o), h(!0);
+                                  },
+                                  sx: {
+                                    color: "primary.main",
+                                    "&:hover": { backgroundColor: "primary.50" }
+                                  },
+                                  children: /* @__PURE__ */ e(p, { iconName: "faPen", className: "text-[0.75rem]" })
+                                }
+                              ) }),
+                              /* @__PURE__ */ e(G, { title: "Delete table", arrow: !0, placement: "top", children: /* @__PURE__ */ e(
+                                K,
+                                {
+                                  size: "small",
+                                  onClick: (c) => {
+                                    c.stopPropagation(), k(o), P(!0);
+                                  },
+                                  sx: {
+                                    color: "error.main",
+                                    "&:hover": { backgroundColor: "error.50" }
+                                  },
+                                  children: /* @__PURE__ */ e(p, { iconName: "faTrash", className: "text-[0.75rem]" })
+                                }
+                              ) })
+                            ]
+                          }
+                        ),
+                        sx: {
+                          borderBottom: n === y.length - 1 ? "none" : "1px solid",
+                          borderColor: "divider",
+                          "&:hover .MuiBox-root": { opacity: "1 !important" }
+                        },
+                        children: /* @__PURE__ */ e(
+                          fe,
+                          {
+                            selected: r,
+                            onClick: () => k(o),
+                            sx: {
+                              py: 1,
+                              px: 2,
+                              transition: "all 0.15s ease",
+                              "&.Mui-selected": {
+                                backgroundColor: "primary.50",
+                                borderLeft: "3px solid",
+                                borderLeftColor: "primary.main",
+                                "&:hover": { backgroundColor: "primary.100" }
+                              },
+                              "&:hover": { backgroundColor: "action.hover" }
+                            },
+                            children: /* @__PURE__ */ e(
+                              he,
+                              {
+                                primary: /* @__PURE__ */ e(
+                                  s,
+                                  {
+                                    variant: "body2",
+                                    sx: {
+                                      fontWeight: r ? 600 : 400,
+                                      color: r ? "primary.dark" : "text.primary",
+                                      fontSize: "0.82rem",
+                                      overflow: "hidden",
+                                      textOverflow: "ellipsis",
+                                      whiteSpace: "nowrap",
+                                      maxWidth: "160px"
+                                    },
+                                    children: o
+                                  }
+                                )
+                              }
+                            )
+                          }
+                        )
+                      },
+                      n + 1
+                    );
+                  }) }) : /* @__PURE__ */ a(i, { sx: { p: 3, textAlign: "center" }, children: [
+                    /* @__PURE__ */ e(p, { iconName: "faInbox", className: "text-[2rem] text-gray-300" }),
+                    /* @__PURE__ */ e(s, { variant: "body2", color: "text.secondary", sx: { mt: 1 }, children: t.length < 1 ? "No tables synced" : "No tables match your search." })
+                  ] }) })
+                ]
+              }
+            ) }),
+            /* @__PURE__ */ e(Ce, { children: (!!g && !!z || R) && /* @__PURE__ */ e(
+              Ie,
+              {
+                tableInfo: z,
+                table: g,
+                isEditMode: U,
+                updateEditMode: h,
+                tableCompleteInfo: q,
+                formSubmitted: $,
+                reloadComponents: H,
+                isCreateTableMode: R,
+                isSyncTableMode: L,
+                updateCreateTableMode: m,
+                openDeleteModal: ee,
+                setOpenDeleteModal: P
+              }
+            ) })
+          ] })
+        ]
+      }
+    ),
+    /* @__PURE__ */ a(
+      me,
+      {
+        open: Z,
+        onClose: E,
+        maxWidth: "sm",
+        fullWidth: !0,
+        PaperProps: {
+          sx: { borderRadius: 3, p: 1 }
+        },
+        children: [
+          /* @__PURE__ */ a(xe, { sx: { fontWeight: 700, pb: 1 }, children: [
+            "Sync a Table",
+            /* @__PURE__ */ e(s, { variant: "body2", color: "text.secondary", children: "Select an existing database table to sync with the mobile app." })
+          ] }),
+          /* @__PURE__ */ e(ye, { children: /* @__PURE__ */ e(
+            be,
+            {
+              options: x.filter((o) => !t.includes(o)),
+              getOptionLabel: (o) => o,
+              value: d,
+              onChange: (o, n) => M(n),
+              renderInput: (o) => /* @__PURE__ */ e(
+                F,
+                {
+                  ...o,
+                  label: "Table",
+                  placeholder: "Search and select a table...",
+                  size: "small",
+                  sx: { mt: 1 }
+                }
+              )
+            }
+          ) }),
+          /* @__PURE__ */ a(ge, { sx: { px: 3, pb: 2 }, children: [
+            /* @__PURE__ */ e(
+              b,
+              {
+                onClick: E,
+                variant: "outlined",
+                size: "small",
+                sx: { borderRadius: 2, textTransform: "none" },
+                children: "Cancel"
+              }
+            ),
+            /* @__PURE__ */ e(
+              b,
+              {
+                variant: "contained",
+                size: "small",
+                onClick: () => ae(),
+                disabled: !d,
+                sx: { borderRadius: 2, textTransform: "none", boxShadow: "none" },
+                children: "Sync Table"
+              }
+            )
+          ] })
+        ]
+      }
+    )
+  ] });
+}
+Se.propTypes = {
+  tableList: u.any,
+  tablesInfo: u.any,
+  allTableList: u.any,
+  allTablesInfo: u.any,
+  formSubmitted: u.bool,
+  reloadComponents: u.any
+};
+export {
+  Se as default
+};
+//# sourceMappingURL=TableList-B9hr05Hs.js.map

package/dist/TableList-B9hr05Hs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableList-B9hr05Hs.js","sources":["../src/views/Mobile/EntityManagement/TableList.jsx"],"sourcesContent":["import { useTranslateProvider } from '@/common/languageTranslator/TranslationContext';\nimport FontAwesomeIcons from '@/common/fontAwesomeIcons/FontAwesomeIcons';\nimport {\n  Autocomplete,\n  Box,\n  Button,\n  Chip,\n  Dialog,\n  DialogActions,\n  DialogContent,\n  DialogTitle,\n  Divider,\n  IconButton,\n  InputAdornment,\n  List,\n  ListItem,\n  ListItemButton,\n  ListItemText,\n  Paper,\n  TextField,\n  Tooltip,\n  Typography,\n} from '@mui/material';\nimport Grid from '@mui/material/Grid2';\nimport PropTypes from 'prop-types';\nimport React, { lazy, Suspense, useEffect, useState } from 'react';\nimport { useForm } from 'react-hook-form';\nconst TableDetails = lazy(() => import('./TableDetails'));\n\nexport default function TableList({\n  tableList,\n  tablesInfo,\n  allTableList,\n  allTablesInfo,\n  formSubmitted,\n  reloadComponents,\n}) {\n  const [searchQuery, setSearchQuery] = useState('');\n  const [selectedTable, setSelectedTable] = useState('');\n  const [syncedTableInfo, setSyncedTableInfo] = useState({});\n  const [tableInfo, setTableInfo] = useState({});\n  const [allTableInfo, setAllTableInfo] = useState({});\n  const [tableCompleteInfo, setTableCompleteInfo] = useState({});\n  const filteredList = tableList\n    ? tableList.filter((tableName) => tableName.toLowerCase().includes(searchQuery.toLowerCase()))\n    : [];\n  const [editMode, setEditMode] = useState(false);\n  const [modalOpen, setModalOpen] = useState(false);\n  const [tableForModal, setTableForModal] = useState();\n  const [isCreateTableMode, setIsCreateTableMode] = useState(false);\n  const [isSyncTableMode, setIsSyncTableMode] = useState(false);\n  const [openDeleteModal, setOpenDeleteModal] = useState(false);\n  const { translate } = useTranslateProvider();\n\n  const {\n    formState: { },\n  } = useForm({\n    defaultValues: {\n      field1: '',\n      field2: '',\n      field3: '',\n    },\n  });\n\n  useEffect(() => {\n    let info1 = {};\n    let info2 = {};\n    setSelectedTable(tableList[0]);\n    info1 = createTableObject(tablesInfo);\n    setSyncedTableInfo((syncedTableInfo) => ({ ...syncedTableInfo, ...info1 }));\n    info2 = createTableObject(allTablesInfo);\n    setAllTableInfo((allTableInfo) => ({ ...allTableInfo, ...info2 }));\n  }, [tablesInfo, allTablesInfo]);\n\n  useEffect(() => {\n    setTableInfo(() => syncedTableInfo[tableList[0]]);\n    setTableCompleteInfo(() => allTableInfo[tableList[0]]);\n  }, [syncedTableInfo, allTableInfo]);\n\n  const mapToSQLiteType = (sqlType) => {\n    const type = sqlType.toLowerCase();\n    if (\n      type.includes('int') ||\n      type.includes('timestamp') ||\n      type === 'boolean' ||\n      type.includes('serial') ||\n      type.includes('date')\n    ) {\n      return 'INTEGER';\n    } else if (type.includes('char') || type.includes('text') || type.includes('varchar')) {\n      return 'TEXT';\n    }\n    return 'TEXT';\n  };\n\n  const createTableObject = (tbInfo) => {\n    const info = {};\n    tbInfo.forEach((item) => {\n      const parsedColumns = JSON.parse(item.columnInfo);\n      const columnArray = Object.keys(parsedColumns).map((columnName) => ({\n        name: columnName,\n        type: mapToSQLiteType(parsedColumns[columnName]),\n      }));\n\n      const media = item.mediaConfiguration !== undefined ? JSON.parse(item.mediaConfiguration) : null;\n      info[item.tableName] = {\n        columnInfo: columnArray,\n        modifiedOnQuery: item.modifiedOnQuery ? item.modifiedOnQuery : null,\n        primaryKey: item.primaryKey ? item.primaryKey : null,\n        selectQuery: item.selectQuery ? item.selectQuery : null,\n        userData: item.userData !== undefined ? item.userData : null,\n        hasMedia: item.hasMedia !== undefined ? item.hasMedia : null,\n        mediaConfiguration: media,\n        syncByDefault: item.syncByDefault ? item.syncByDefault : false,\n      };\n    });\n    return info;\n  };\n\n  const handleAddTable = () => {\n    setIsCreateTableMode(false);\n    setModalOpen(true);\n    setTableForModal();\n  };\n\n  const handleCreateTable = () => {\n    setEditMode(false);\n    setIsCreateTableMode(true);\n  };\n\n  const handleModalClose = () => {\n    setModalOpen(false);\n  };\n\n  const handleTableSelect = () => {\n    if (tableForModal) {\n      const tableInfo = { ...allTableInfo[tableForModal] };\n      if (tableInfo) {\n        tableInfo.columnInfo = [];\n      }\n      setSelectedTable(tableForModal);\n      setTableInfo(() => tableInfo);\n      setTableCompleteInfo(() => allTableInfo[tableForModal]);\n      setIsSyncTableMode(true);\n      setIsCreateTableMode(false);\n      setEditMode(true);\n    }\n    setModalOpen(false);\n    setTableForModal(() => '');\n  };\n\n  const onTableChange = (tableName) => {\n    setSelectedTable(tableName);\n    setTableInfo(() => syncedTableInfo[tableName]);\n    setTableCompleteInfo(() => allTableInfo[tableName]);\n    setEditMode(false);\n    setIsCreateTableMode(false);\n    setIsSyncTableMode(false);\n  };\n\n  return (\n    <>\n      {/* ── Main Container with Paper wrapper (matching ManageAllForms) ── */}\n      <Paper\n        elevation={0}\n        sx={{\n          p: { xs: 2.5, md: 3 },\n          mt: 2,\n          mb: 3,\n          border: '1px solid',\n          borderColor: 'divider',\n          borderRadius: 3,\n          backgroundColor: 'background.paper',\n        }}\n      >\n        {/* ── Header Section ── */}\n        <Box sx={{ display: 'flex', flexDirection: 'column', gap: 3 }}>\n          <Box\n            sx={{\n              display: 'flex',\n              justifyContent: 'space-between',\n              alignItems: 'flex-start',\n              flexWrap: 'wrap',\n              gap: 2,\n            }}\n          >\n            <Box sx={{ minWidth: { xs: '100%', lg: '40%' } }}>\n              <Typography variant=\"h5\" sx={{ fontWeight: 800, color: 'text.primary', mb: 0.5 }}>\n                {translate('Database Management')}\n              </Typography>\n              <Typography variant=\"body2\" color=\"text.secondary\">\n                Manage synced tables, create new entities, and configure mobile database schemas.\n              </Typography>\n            </Box>\n\n            <Box sx={{ display: 'flex', alignItems: 'center', gap: 1.5, flexWrap: 'wrap' }}>\n              <Button\n                variant=\"outlined\"\n                size=\"small\"\n                sx={{\n                  borderRadius: 2,\n                  fontWeight: 600,\n                  px: 2,\n                  textTransform: 'none',\n                  borderColor: 'divider',\n                  color: 'text.primary',\n                  '&:hover': { backgroundColor: 'action.hover', borderColor: 'text.disabled' },\n                }}\n                startIcon={<FontAwesomeIcons iconName={'faRotate'} />}\n                onClick={() => handleAddTable()}\n              >\n                Sync Table\n              </Button>\n              <Button\n                size=\"small\"\n                variant=\"contained\"\n                sx={{\n                  borderRadius: 2,\n                  fontWeight: 600,\n                  px: 2,\n                  boxShadow: 'none',\n                  textTransform: 'none',\n                }}\n                startIcon={<FontAwesomeIcons iconName={'faPlus'} />}\n                onClick={() => handleCreateTable()}\n              >\n                Create Table\n              </Button>\n            </Box>\n          </Box>\n\n          {/* ── Search & Stats Bar ── */}\n          <Box\n            sx={{\n              display: 'flex',\n              justifyContent: 'space-between',\n              alignItems: 'center',\n              flexWrap: 'wrap',\n              gap: 2,\n              backgroundColor: 'action.hover',\n              p: 1.5,\n              borderRadius: 2.5,\n              border: '1px solid',\n              borderColor: 'divider',\n            }}\n          >\n            <Box sx={{ display: 'flex', alignItems: 'center', gap: 1.5 }}>\n              <Chip\n                label={`${tableList?.length || 0} Synced`}\n                size=\"small\"\n                color=\"primary\"\n                variant=\"filled\"\n                sx={{ fontWeight: 700, borderRadius: 2, px: 0.5 }}\n              />\n              <Chip\n                label={`${allTableList?.length || 0} Total`}\n                size=\"small\"\n                variant=\"outlined\"\n                sx={{ fontWeight: 600, borderRadius: 2, px: 0.5, borderColor: 'divider' }}\n              />\n            </Box>\n\n            <TextField\n              value={searchQuery}\n              size=\"small\"\n              placeholder=\"Search synced tables...\"\n              onChange={(e) => setSearchQuery(e.target.value)}\n              InputProps={{\n                startAdornment: (\n                  <InputAdornment position=\"start\">\n                    <FontAwesomeIcons iconName=\"faMagnifyingGlass\" />\n                  </InputAdornment>\n                ),\n                sx: {\n                  backgroundColor: 'background.paper',\n                  borderRadius: 2,\n                  minWidth: 260,\n                },\n              }}\n            />\n          </Box>\n        </Box>\n\n        <Divider sx={{ my: 3 }} />\n\n        {/* ── Content: List + Details Layout ── */}\n        <Grid container spacing={2.5}>\n          {/* ── Left Panel: Table List ── */}\n          <Grid size={3}>\n            <Paper\n              variant=\"outlined\"\n              sx={{\n                borderRadius: 2.5,\n                overflow: 'hidden',\n                maxHeight: '72vh',\n                display: 'flex',\n                flexDirection: 'column',\n              }}\n            >\n              {/* List Header */}\n              <Box\n                sx={{\n                  px: 2,\n                  py: 1.5,\n                  backgroundColor: 'action.hover',\n                  borderBottom: '1px solid',\n                  borderColor: 'divider',\n                }}\n              >\n                <Typography variant=\"subtitle2\" sx={{ fontWeight: 700, color: 'text.primary' }}>\n                  {translate('Synced Tables')}\n                </Typography>\n                <Typography variant=\"caption\" color=\"text.secondary\">\n                  {filteredList.length} of {tableList?.length || 0} tables\n                </Typography>\n              </Box>\n\n              {/* Table List */}\n              <Box sx={{ overflowY: 'auto', flex: 1 }}>\n                {filteredList.length ? (\n                  <List disablePadding>\n                    {filteredList.map((tableName, index) => {\n                      const isSelected = selectedTable === tableName;\n                      return (\n                        <ListItem\n                          key={index + 1}\n                          disablePadding\n                          secondaryAction={\n                            <Box\n                              sx={{\n                                display: 'flex',\n                                gap: 0.25,\n                                opacity: isSelected ? 1 : 0,\n                                transition: 'opacity 0.2s',\n                              }}\n                            >\n                              <Tooltip title=\"Edit table\" arrow placement=\"top\">\n                                <IconButton\n                                  size=\"small\"\n                                  onClick={(e) => {\n                                    e.stopPropagation();\n                                    onTableChange(tableName);\n                                    setEditMode(true);\n                                  }}\n                                  sx={{\n                                    color: 'primary.main',\n                                    '&:hover': { backgroundColor: 'primary.50' },\n                                  }}\n                                >\n                                  <FontAwesomeIcons iconName={'faPen'} className=\"text-[0.75rem]\" />\n                                </IconButton>\n                              </Tooltip>\n                              <Tooltip title=\"Delete table\" arrow placement=\"top\">\n                                <IconButton\n                                  size=\"small\"\n                                  onClick={(e) => {\n                                    e.stopPropagation();\n                                    onTableChange(tableName);\n                                    setOpenDeleteModal(true);\n                                  }}\n                                  sx={{\n                                    color: 'error.main',\n                                    '&:hover': { backgroundColor: 'error.50' },\n                                  }}\n                                >\n                                  <FontAwesomeIcons iconName={'faTrash'} className=\"text-[0.75rem]\" />\n                                </IconButton>\n                              </Tooltip>\n                            </Box>\n                          }\n                          sx={{\n                            borderBottom: index === filteredList.length - 1 ? 'none' : '1px solid',\n                            borderColor: 'divider',\n                            '&:hover .MuiBox-root': { opacity: '1 !important' },\n                          }}\n                        >\n                          <ListItemButton\n                            selected={isSelected}\n                            onClick={() => onTableChange(tableName)}\n                            sx={{\n                              py: 1,\n                              px: 2,\n                              transition: 'all 0.15s ease',\n                              '&.Mui-selected': {\n                                backgroundColor: 'primary.50',\n                                borderLeft: '3px solid',\n                                borderLeftColor: 'primary.main',\n                                '&:hover': { backgroundColor: 'primary.100' },\n                              },\n                              '&:hover': { backgroundColor: 'action.hover' },\n                            }}\n                          >\n                            <ListItemText\n                              primary={\n                                <Typography\n                                  variant=\"body2\"\n                                  sx={{\n                                    fontWeight: isSelected ? 600 : 400,\n                                    color: isSelected ? 'primary.dark' : 'text.primary',\n                                    fontSize: '0.82rem',\n                                    overflow: 'hidden',\n                                    textOverflow: 'ellipsis',\n                                    whiteSpace: 'nowrap',\n                                    maxWidth: '160px',\n                                  }}\n                                >\n                                  {tableName}\n                                </Typography>\n                              }\n                            />\n                          </ListItemButton>\n                        </ListItem>\n                      );\n                    })}\n                  </List>\n                ) : (\n                  <Box sx={{ p: 3, textAlign: 'center' }}>\n                    <FontAwesomeIcons iconName=\"faInbox\" className=\"text-[2rem] text-gray-300\" />\n                    <Typography variant=\"body2\" color=\"text.secondary\" sx={{ mt: 1 }}>\n                      {tableList.length < 1 ? 'No tables synced' : 'No tables match your search.'}\n                    </Typography>\n                  </Box>\n                )}\n              </Box>\n            </Paper>\n          </Grid>\n\n          {/* ── Right Panel: Table Details ── */}\n          <Suspense>\n            {((!!selectedTable && !!tableInfo) || isCreateTableMode) && (\n              <TableDetails\n                tableInfo={tableInfo}\n                table={selectedTable}\n                isEditMode={editMode}\n                updateEditMode={setEditMode}\n                tableCompleteInfo={tableCompleteInfo}\n                formSubmitted={formSubmitted}\n                reloadComponents={reloadComponents}\n                isCreateTableMode={isCreateTableMode}\n                isSyncTableMode={isSyncTableMode}\n                updateCreateTableMode={setIsCreateTableMode}\n                openDeleteModal={openDeleteModal}\n                setOpenDeleteModal={setOpenDeleteModal}\n              ></TableDetails>\n            )}\n          </Suspense>\n        </Grid>\n      </Paper>\n\n      {/* ── Sync Table Dialog (replacing raw Modal) ── */}\n      <Dialog\n        open={modalOpen}\n        onClose={handleModalClose}\n        maxWidth=\"sm\"\n        fullWidth\n        PaperProps={{\n          sx: { borderRadius: 3, p: 1 },\n        }}\n      >\n        <DialogTitle sx={{ fontWeight: 700, pb: 1 }}>\n          Sync a Table\n          <Typography variant=\"body2\" color=\"text.secondary\">\n            Select an existing database table to sync with the mobile app.\n          </Typography>\n        </DialogTitle>\n        <DialogContent>\n          <Autocomplete\n            options={allTableList.filter((x) => {\n              return !tableList.includes(x);\n            })}\n            getOptionLabel={(option) => option}\n            value={tableForModal}\n            onChange={(_, newValue) => setTableForModal(newValue)}\n            renderInput={(params) => (\n              <TextField\n                {...params}\n                label=\"Table\"\n                placeholder=\"Search and select a table...\"\n                size=\"small\"\n                sx={{ mt: 1 }}\n              />\n            )}\n          />\n        </DialogContent>\n        <DialogActions sx={{ px: 3, pb: 2 }}>\n          <Button\n            onClick={handleModalClose}\n            variant=\"outlined\"\n            size=\"small\"\n            sx={{ borderRadius: 2, textTransform: 'none' }}\n          >\n            Cancel\n          </Button>\n          <Button\n            variant=\"contained\"\n            size=\"small\"\n            onClick={() => handleTableSelect()}\n            disabled={!tableForModal}\n            sx={{ borderRadius: 2, textTransform: 'none', boxShadow: 'none' }}\n          >\n            Sync Table\n          </Button>\n        </DialogActions>\n      </Dialog>\n    </>\n  );\n}\n\nTableList.propTypes = {\n  tableList: PropTypes.any,\n  tablesInfo: PropTypes.any,\n  allTableList: PropTypes.any,\n  allTablesInfo: PropTypes.any,\n  formSubmitted: PropTypes.bool,\n  reloadComponents: PropTypes.any,\n};\n"],"names":["TableDetails","lazy","TableList","tableList","tablesInfo","allTableList","allTablesInfo","formSubmitted","reloadComponents","searchQuery","setSearchQuery","useState","selectedTable","setSelectedTable","syncedTableInfo","setSyncedTableInfo","tableInfo","setTableInfo","allTableInfo","setAllTableInfo","tableCompleteInfo","setTableCompleteInfo","filteredList","tableName","editMode","setEditMode","modalOpen","setModalOpen","tableForModal","setTableForModal","isCreateTableMode","setIsCreateTableMode","isSyncTableMode","setIsSyncTableMode","openDeleteModal","setOpenDeleteModal","translate","useTranslateProvider","useForm","useEffect","info1","info2","createTableObject","mapToSQLiteType","sqlType","type","tbInfo","info","item","parsedColumns","columnArray","columnName","media","handleAddTable","handleCreateTable","handleModalClose","handleTableSelect","onTableChange","jsxs","Fragment","Paper","Box","jsx","Typography","Button","FontAwesomeIcons","Chip","TextField","e","InputAdornment","Divider","Grid","List","index","isSelected","ListItem","Tooltip","IconButton","ListItemButton","ListItemText","Suspense","Dialog","DialogTitle","DialogContent","Autocomplete","x","option","_","newValue","params","DialogActions","PropTypes"],"mappings":"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"}

package/dist/TypeConfiguration-BYM8PjV9.js

@@ -0,0 +1,117 @@
+import { jsxs as o, jsx as e } from "react/jsx-runtime";
+import "react";
+import { useForm as S, Controller as g } from "react-hook-form";
+import * as m from "yup";
+import { yupResolver as C } from "@hookform/resolvers/yup";
+import { FormControl as b, Typography as p, Select as E, MenuItem as a, Box as T, Button as d } from "@mui/material";
+import u from "prop-types";
+import "./ManageEventConfiguration-BRXh51fc.js";
+import { useTranslateProvider as F } from "@/common/languageTranslator/TranslationContext";
+import h from "@/common/services/util/GeneralUtil";
+const I = ({ setType: i, onSubmit: y }) => {
+  var l;
+  const { translate: t } = F(), f = m.object().shape({
+    type: m.string().required("Type is Required")
+  }), {
+    control: x,
+    handleSubmit: N,
+    reset: n,
+    formState: { errors: r }
+  } = S({
+    resolver: C(f),
+    mode: "onChange"
+  }), v = () => {
+    y(), n(), i(null);
+  };
+  return /* @__PURE__ */ o("div", { children: [
+    /* @__PURE__ */ o(
+      b,
+      {
+        fullWidth: !0,
+        error: !!r.type,
+        className: "mb-2",
+        "data-testid": "typeconfigurationform-formcontrol-type",
+        children: [
+          /* @__PURE__ */ o(p, { variant: "body2", className: "m-1", children: [
+            t("Type"),
+            /* @__PURE__ */ e("span", { className: "text-red-500 ml-1", children: "*" })
+          ] }),
+          /* @__PURE__ */ e(
+            g,
+            {
+              name: "type",
+              control: x,
+              defaultValue: "",
+              render: ({ field: c }) => /* @__PURE__ */ o(
+                E,
+                {
+                  ...c,
+                  size: "small",
+                  displayEmpty: !0,
+                  onChange: (s) => {
+                    c.onChange(s.target.value), i(s.target.value);
+                  },
+                  "data-testid": "typeconfigurationform-select-type",
+                  children: [
+                    /* @__PURE__ */ e(a, { value: "", children: /* @__PURE__ */ e(p, { variant: "body2", children: t("Select") }) }),
+                    /* @__PURE__ */ e(a, { className: "text-[14px] ", value: "SMS", children: t("SMS Notification") }),
+                    /* @__PURE__ */ e(a, { className: "text-[14px]", value: "EMAIL", children: t("Email Notification") }),
+                    /* @__PURE__ */ e(a, { className: "text-[14px]", value: "QUERY", children: t("Query") }),
+                    /* @__PURE__ */ e(a, { className: "text-[14px]", value: "MOBILE", children: t("Mobile Notification") }),
+                    /* @__PURE__ */ e(a, { className: "text-[14px]", value: "EXCEPTION", children: t("Exception") }),
+                    /* @__PURE__ */ e(a, { className: "text-[14px]", value: "SYSTEM_FUNCTION", children: t("System Function") }),
+                    /* @__PURE__ */ e(a, { className: "text-[14px]", value: "PUSH_NOTIFICATION", children: t("Push Notification") }),
+                    (h.isEkavach || h.isPhmp) && /* @__PURE__ */ e(a, { className: "text-[14px]", value: "KAFKA_SYNC", children: t("Kafka Sync") })
+                  ]
+                }
+              )
+            }
+          ),
+          (r == null ? void 0 : r.type) && /* @__PURE__ */ e(
+            "p",
+            {
+              className: "error-helper",
+              "data-testid": "typeconfigurationform-error-helper-type",
+              children: (l = r == null ? void 0 : r.type) == null ? void 0 : l.message
+            }
+          )
+        ]
+      }
+    ),
+    /* @__PURE__ */ o(T, { className: "flex items-center gap-1", children: [
+      /* @__PURE__ */ e(
+        d,
+        {
+          type: "button",
+          variant: "outlined",
+          color: "secondary",
+          onClick: () => {
+            i(null), n(), i(null);
+          },
+          "data-testid": "typeconfigurationform-button-clear",
+          children: t("Clear")
+        }
+      ),
+      /* @__PURE__ */ e(
+        d,
+        {
+          variant: "contained",
+          color: "primary",
+          onClick: N(v),
+          "data-testid": "typeconfigurationform-button-add",
+          children: t("Add")
+        }
+      )
+    ] })
+  ] });
+};
+I.propTypes = {
+  setType: u.any,
+  // or PropTypes.shape({...}) for specific shape
+  onSubmit: u.any
+  // or PropTypes.shape({...}) for specific shape
+};
+export {
+  I as default
+};
+//# sourceMappingURL=TypeConfiguration-BYM8PjV9.js.map

package/dist/TypeConfiguration-BYM8PjV9.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TypeConfiguration-BYM8PjV9.js","sources":["../src/views/Events/TypeConfiguration.jsx"],"sourcesContent":["import React from \"react\";\nimport { useForm, Controller } from \"react-hook-form\";\nimport * as Yup from \"yup\";\nimport { yupResolver } from \"@hookform/resolvers/yup\";\nimport {\n  FormControl,\n  Select,\n  MenuItem,\n  Button,\n  Box,\n  Typography,\n} from \"@mui/material\";\nimport PropTypes from \"prop-types\";\nimport \"./Styles/ManageEventConfiguration.scss\";\nimport { useTranslateProvider } from \"@/common/languageTranslator/TranslationContext\";\n\nimport GeneralUtil from \"@/common/services/util/GeneralUtil\";\n/**\n * A form component for configuring event types.\n * @module TypeConfigurationForm\n * @param {Object} props - The props for the component.\n * @param {Function} props.setType - Function to set the selected type.\n * @param {Function} props.onSubmit - Function to handle form submission.\n * @returns {JSX.Element} The rendered form component.\n */\nconst TypeConfigurationForm = ({ setType, onSubmit }) => {\n  const { translate } = useTranslateProvider();\n  const validationSchema = Yup.object().shape({\n    type: Yup.string().required(\"Type is Required\"),\n  });\n\n  const {\n    control,\n    handleSubmit,\n    reset,\n    formState: { errors },\n  } = useForm({\n    resolver: yupResolver(validationSchema),\n    mode: \"onChange\",\n  });\n\n  /**\n   * @function onFormSubmit\n   * Handles form submission.\n   * Calls the onSubmit function and resets the form.\n   */\n  const onFormSubmit = () => {\n    onSubmit();\n    reset();\n    setType(null);\n  };\n\n  return (\n    <div>\n      <FormControl\n        fullWidth\n        error={!!errors.type}\n        className=\"mb-2\"\n        data-testid=\"typeconfigurationform-formcontrol-type\"\n      >\n        <Typography variant=\"body2\" className=\"m-1\">\n          {translate(\"Type\")}\n          <span className=\"text-red-500 ml-1\">*</span>\n        </Typography>\n\n        <Controller\n          name=\"type\"\n          control={control}\n          defaultValue=\"\"\n          render={({ field }) => (\n            <Select\n              {...field}\n              size=\"small\"\n              displayEmpty\n              onChange={(e) => {\n                field.onChange(e.target.value);\n                setType(e.target.value);\n              }}\n              data-testid=\"typeconfigurationform-select-type\"\n            >\n              <MenuItem value=\"\">\n                <Typography variant=\"body2\">{translate(\"Select\")}</Typography>\n              </MenuItem>\n              <MenuItem className=\"text-[14px] \" value=\"SMS\">\n                {translate(\"SMS Notification\")}\n              </MenuItem>\n              <MenuItem className=\"text-[14px]\" value=\"EMAIL\">\n                {translate(\"Email Notification\")}\n              </MenuItem>\n              <MenuItem className=\"text-[14px]\" value=\"QUERY\">\n                {translate(\"Query\")}\n              </MenuItem>\n              <MenuItem className=\"text-[14px]\" value=\"MOBILE\">\n                {translate(\"Mobile Notification\")}\n              </MenuItem>\n              <MenuItem className=\"text-[14px]\" value=\"EXCEPTION\">\n                {translate(\"Exception\")}\n              </MenuItem>\n              <MenuItem className=\"text-[14px]\" value=\"SYSTEM_FUNCTION\">\n                {translate(\"System Function\")}\n              </MenuItem>\n              <MenuItem className=\"text-[14px]\" value=\"PUSH_NOTIFICATION\">\n                {translate(\"Push Notification\")}\n              </MenuItem>\n              {(GeneralUtil.isEkavach || GeneralUtil.isPhmp) && (\n                <MenuItem className=\"text-[14px]\" value=\"KAFKA_SYNC\">\n                  {translate(\"Kafka Sync\")}\n                </MenuItem>\n              )}\n            </Select>\n          )}\n        />\n        {errors?.type && (\n          <p\n            className=\"error-helper\"\n            data-testid=\"typeconfigurationform-error-helper-type\"\n          >\n            {errors?.type?.message}\n          </p>\n        )}\n      </FormControl>\n\n      <Box className=\"flex items-center gap-1\">\n        <Button\n          type=\"button\"\n          variant=\"outlined\"\n          color=\"secondary\"\n          onClick={() => {\n            setType(null);\n            reset();\n            setType(null);\n          }} // Clear form\n          data-testid=\"typeconfigurationform-button-clear\"\n        >\n          {translate(\"Clear\")}\n        </Button>\n        <Button\n          variant=\"contained\"\n          color=\"primary\"\n          onClick={handleSubmit(onFormSubmit)} // Handle submission without form reload\n          data-testid=\"typeconfigurationform-button-add\"\n        >\n          {translate(\"Add\")}\n        </Button>\n      </Box>\n    </div>\n  );\n};\n\nexport default TypeConfigurationForm;\n\nTypeConfigurationForm.propTypes = {\n  setType: PropTypes.any, // or PropTypes.shape({...}) for specific shape\n  onSubmit: PropTypes.any, // or PropTypes.shape({...}) for specific shape\n};\n"],"names":["TypeConfigurationForm","setType","onSubmit","translate","useTranslateProvider","validationSchema","Yup","control","handleSubmit","reset","errors","useForm","yupResolver","onFormSubmit","jsxs","FormControl","Typography","jsx","Controller","field","Select","e","MenuItem","GeneralUtil","Box","Button","PropTypes"],"mappings":"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"}