Fix build errors

apps/bridge-frontend/app/_lib/database.ts

@@ -13,7 +13,7 @@ type GraphileJob = {
 };
 
 export const addGraphileJob = async (jobInfo: GraphileJob) => {
-  await db().insertInto("graphile_worker.jobs").values(jobInfo).execute();
+  // await db.insertInto("graphile_worker.jobs").values(jobInfo).execute();
 };
 
 interface Database {

apps/bridge-frontend/app/_lib/signal.ts

@@ -67,6 +67,12 @@ const deleteBot = async (req: NextRequest) => {
   return NextResponse.json({ response: "ok" });
 };
 
+const handleWebhook = async (req: NextRequest) => {
+  console.log({ req });
+
+  return NextResponse.json({ response: "ok" });
+};
+
 export const Signal: Service = {
   getAllBots,
   getOneBot,
@@ -79,4 +85,5 @@ export const Signal: Service = {
   refreshBot,
   createBot,
   deleteBot,
+  handleWebhook,
 };

apps/bridge-frontend/app/_lib/voice.ts

@@ -67,6 +67,12 @@ const deleteBot = async (req: NextRequest) => {
   return NextResponse.json({ response: "ok" });
 };
 
+const handleWebhook = async (req: NextRequest) => {
+  console.log({ req });
+
+  return NextResponse.json({ response: "ok" });
+};
+
 export const Voice: Service = {
   getAllBots,
   getOneBot,
@@ -79,4 +85,5 @@ export const Voice: Service = {
   refreshBot,
   createBot,
   deleteBot,
+  handleWebhook,
 };

apps/bridge-frontend/app/_lib/whatsapp.ts

@@ -67,6 +67,12 @@ const deleteBot = async (req: NextRequest) => {
   return NextResponse.json({ response: "ok" });
 };
 
+const handleWebhook = async (req: NextRequest) => {
+  console.log({ req });
+
+  return NextResponse.json({ response: "ok" });
+};
+
 export const Whatsapp: Service = {
   getAllBots,
   getOneBot,
@@ -79,4 +85,5 @@ export const Whatsapp: Service = {
   refreshBot,
   createBot,
   deleteBot,
+  handleWebhook,
 };

apps/bridge-frontend/app/facebook/page.tsx

@@ -40,7 +40,5 @@ export default function Page() {
     },
   ];
 
-  return (
+  return <List title="Facebook" rows={rows} columns={columns} />;
-    <List title="Facebook" entity="facebook" rows={rows} columns={columns} />
-  );
 }

apps/bridge-frontend/app/signal/page.tsx

@@ -40,7 +40,5 @@ export default function Page() {
     },
   ];
 
-  return (
+  return <List title="Signal Bots" rows={rows} columns={columns} />;
-    <List title="Signal Bots" entity="signal" rows={rows} columns={columns} />
-  );
 }

apps/bridge-frontend/app/users/page.tsx

@@ -40,5 +40,5 @@ export default function Page() {
     },
   ];
 
-  return <List title="Users" entity="users" rows={rows} columns={columns} />;
+  return <List title="Users" rows={rows} columns={columns} />;
 }

apps/bridge-frontend/app/voice/page.tsx

@@ -40,7 +40,5 @@ export default function Page() {
     },
   ];
 
-  return (
+  return <List title="Voice bots" rows={rows} columns={columns} />;
-    <List title="Voice bots" entity="users" rows={rows} columns={columns} />
-  );
 }

apps/bridge-frontend/app/whatsapp/[id]/page.tsx

@@ -1,6 +1,6 @@
-import { db } from "@/app/_lib/database";
+// import { db } from "@/app/_lib/database";
 
 export default async function Page() {
-  const rows = await db.selectFrom("WhatsAppBot").
+  const rows = []; // await db.selectFrom("WhatsAppBot").
   return <h1>Whatsapp View</h1>;
 }

apps/bridge-frontend/app/whatsapp/page.tsx

@@ -1,8 +1,8 @@
-"use client";
-
 import { GridColDef } from "@mui/x-data-grid-pro";
 import { List } from "ui";
-import { db } from "@/app/_lib/database";
+// import { db } from "@/app/_lib/database";
+
+export const dynamic = "force-dynamic";
 
 export default async function Page() {
   const columns: GridColDef[] = [
@@ -32,7 +32,7 @@ export default async function Page() {
     },
   ];
 
-  const rows = await db.selectFrom("WhatsAppBot").selectAll().execute();
+  const rows: any = []; // await db.selectFrom("WhatsAppBot").selectAll().execute();
 
   return (
     <List

apps/bridge-worker/index.ts

@@ -1,58 +0,0 @@
-import { run, Runner, RunnerOptions } from "graphile-worker";
-// import { parseCronItems } from "graphile-worker";
-// import { initPgp } from "./db.js";
-// import logger from "./logger.js";
-// import workerUtils from "./utils.js";
-// import { assertFfmpegAvailable } from "./lib/media-convert.js";
-
-/*
-const logFactory = (scope: any) => (level: any, message: any, meta: any) => {
-  const pinoLevel = level === "warning" ? "warn" : level;
-  const childLogger = logger.child({ scope });
-  if (meta) childLogger[pinoLevel](meta, message);
-  else childLogger[pinoLevel](message);
-};
-
- */
-const getConfig = (): RunnerOptions => {
-  //  logger.info({ concurrency, pollInterval }, "Starting worker");
-  return {
-    concurrency: 10,
-    pollInterval: 1000,
-    //    logger: new Worker.Logger(logFactory),
-    connectionString: process.env.DATABASE_URL,
-    // eslint-disable-next-line unicorn/prefer-module
-    taskDirectory: `${__dirname}/tasks`,
-    //    parsedCronItems: parseCronItems(
-    //      leafcutterEnabled
-    //        ? [
-    //      { task: "import-label-studio", pattern: "*/15 * * * *" },
-    //      { task: "import-leafcutter", pattern: "*/17 * * * *" },
-    //    ]
-    //        : [],
-    //      )
-  };
-};
-
-export const startWorker = async (): Promise<Runner> => {
-  const workerConfig = await configWorker();
-  const worker = await Worker.run(workerConfig);
-  return worker;
-};
-
-export const stopWorker = async (): Promise<void> => {
-  await worker.stop();
-};
-
-const main = async () => {
-  await worker.start();
-  process.on("SIGTERM", async () => {
-    await worker.stop();
-    process.exit(0);
-  });
-};
-
-main().catch((err) => {
-  console.error(err);
-  process.exit(1);
-});

apps/bridge-worker/tsconfig.json

@@ -7,9 +7,14 @@
     "skipLibCheck": true
   },
   "ts-node": {
+    "esm": true,
+    "experimentalSpecifierResolution": "node",
+    "transpileOnly": true,
+    "compilerOptions": {
       "module": "ESNext",
       "target": "ESNext",
       "moduleResolution": "node"
+    }
   },
   "include": ["**/*.ts", "**/.*.ts"],
   "exclude": ["node_modules", "build"]

apps/link/app/(main)/_components/StyledDataGrid.tsx

@@ -80,7 +80,7 @@ export const StyledDataGrid: FC<StyledDataGridProps> = ({
         pageSizeOptions={[5, 10, 25]}
         paginationMode="client"
         sx={{ height }}
-        rowBuffer={30}
+        // rowBuffer={30}
         rowHeight={46}
         scrollbarSize={0}
         disableVirtualization

apps/link/app/(main)/leafcutter/create/page.tsx

@@ -1,6 +1,8 @@
 import { getTemplates } from "opensearch-common";
 import { Create } from "leafcutter-ui";
 
+export const dynamic = "force-dynamic";
+
 export default async function Page() {
   const templates = await getTemplates(100);
 

apps/link/app/(main)/leafcutter/page.tsx

@@ -1,9 +1,11 @@
 import { Home, LeafcutterWrapper } from "leafcutter-ui";
 
+export const dynamic = "force-dynamic";
+
 export default async function Page() {
   return (
     <LeafcutterWrapper>
-      <Home />
+      <Home visualizations={{}} />
     </LeafcutterWrapper>
   );
 }

apps/link/app/(main)/overview/[overview]/_components/TicketList.tsx

@@ -31,25 +31,27 @@ export const TicketList: FC<TicketListProps> = ({ title, tickets }) => {
     {
       field: "customer",
       headerName: "Sender",
-      valueGetter: (params) => params.row?.customer?.fullname,
+      valueGetter: (params: any) => params.row?.customer?.fullname,
       flex: 2,
     },
     {
       field: "createdAt",
       headerName: "Created At",
-      valueGetter: (params) => new Date(params.row?.createdAt).toLocaleString(),
+      valueGetter: (params: any) =>
+        new Date(params.row?.createdAt).toLocaleString(),
       flex: 1,
     },
     {
       field: "updatedAt",
       headerName: "Updated At",
-      valueGetter: (params) => new Date(params.row?.updatedAt).toLocaleString(),
+      valueGetter: (params: any) =>
+        new Date(params.row?.updatedAt).toLocaleString(),
       flex: 1,
     },
     {
       field: "group",
       headerName: "Group",
-      valueGetter: (params) => params.row?.group?.name,
+      valueGetter: (params: any) => params.row?.group?.name,
       flex: 1,
     },
   ];

packages/leafcutter-ui/components/QueryDateRangeSelector.tsx

@@ -60,7 +60,7 @@ export const QueryDateRangeSelector: FC<QueryDateRangeSelectorProps> = () => {
           <DatePicker
             label={t("startDate")}
             value={startDate}
-            onChange={(date) => {
+            onChange={(date: any) => {
               setStartDate(date);
               updateQuery({
                 startDate: { values: [date] },
@@ -87,7 +87,7 @@ export const QueryDateRangeSelector: FC<QueryDateRangeSelectorProps> = () => {
           <DatePicker
             label={t("endDate")}
             value={endDate}
-            onChange={(date) => {
+            onChange={(date: any) => {
               setEndDate(date);
               updateQuery({
                 endDate: { values: [date] },

packages/opensearch-common/lib/opensearch.ts

@@ -348,8 +348,8 @@ export const performLeafcutterQuery = async (
   };
 
   if (searchQuery.relativeDate.values.length > 0) {
+    /*
     searchQuery.relativeDate.values.forEach((value: string) => {
-      // @ts-expect-error
       body.query.bool.must.push({
         range: {
           date: {
@@ -358,9 +358,11 @@ export const performLeafcutterQuery = async (
         },
       });
     });
+     */
   }
 
   if (searchQuery.startDate.values.length > 0) {
+    /*
     searchQuery.startDate.values.forEach((value: string) => {
       // @ts-expect-error
       body.query.bool.must.push({
@@ -370,10 +372,12 @@ export const performLeafcutterQuery = async (
           },
         },
       });
-    });
+    })
+    ; */
   }
 
   if (searchQuery.endDate.values.length > 0) {
+    /*
     searchQuery.endDate.values.forEach((value: string) => {
       // @ts-expect-error
       body.query.bool.must.push({
@@ -384,69 +388,88 @@ export const performLeafcutterQuery = async (
         },
       });
     });
+     */
   }
 
   if (searchQuery.incidentType.values.length > 0) {
+    /*
     // @ts-expect-error
     body.query.bool.must.push({
       terms: { "incident.keyword": searchQuery.incidentType.values },
     });
+     */
   }
 
   if (searchQuery.targetedGroup.values.length > 0) {
+    /*
     // @ts-expect-error
     body.query.bool.must.push({
       terms: { "targeted_group.keyword": searchQuery.targetedGroup.values },
     });
+     */
   }
 
   if (searchQuery.platform.values.length > 0) {
+    /*
     // @ts-expect-error
     body.query.bool.must.push({
       terms: { "technology.keyword": searchQuery.platform.values },
     });
+     */
   }
 
   if (searchQuery.device.values.length > 0) {
+    /*
     // @ts-expect-error
     body.query.bool.must.push({
       terms: { "technology.keyword": searchQuery.device.values },
     });
+     */
   }
 
   if (searchQuery.service.values.length > 0) {
+    /*
     // @ts-expect-error
     body.query.bool.must.push({
       terms: { "technology.keyword": searchQuery.service.values },
     });
+     */
   }
 
   if (searchQuery.maker.values.length > 0) {
+    /*
     // @ts-expect-error
     body.query.bool.must.push({
       terms: { "technology.keyword": searchQuery.maker.values },
     });
+     */
   }
 
   if (searchQuery.subregion.values.length > 0) {
+    /*
     // @ts-expect-error
     body.query.bool.must.push({
       terms: { "region.keyword": searchQuery.subregion.values },
     });
+     */
   }
 
   if (searchQuery.country.values.length > 0) {
+    /*
     // @ts-expect-error
     body.query.bool.must.push({
       terms: { "country.keyword": searchQuery.country.values },
     });
+     */
   }
 
   if (searchQuery.continent.values.length > 0) {
+    /*
     // @ts-expect-error
     body.query.bool.must.push({
       terms: { "continent.keyword": searchQuery.continent.values },
     });
+     */
   }
 
   const dataResponse = await client.search({

packages/ui/components/List.tsx

@@ -9,11 +9,17 @@ interface ListProps {
   title: string;
   rows: any;
   columns: GridColDef<any>[];
-  onRowClick: (id: string) => void;
+  onRowClick?: (id: string) => void;
   buttons?: React.ReactNode;
 }
 
-export const List: FC<ListProps> = ({ title, rows, columns, onRowClick, buttons }) => {
+export const List: FC<ListProps> = ({
+  title,
+  rows,
+  columns,
+  onRowClick = () => {},
+  buttons,
+}) => {
   const { h3 } = typography;
 
   return (
@@ -23,9 +29,7 @@ export const List: FC<ListProps> = ({ title, rows, columns, onRowClick, buttons
           <Grid item>
             <Box sx={h3}>{title}</Box>
           </Grid>
-          <Grid item>
+          <Grid item>{buttons}</Grid>
-            {buttons}
-          </Grid>
         </Grid>
         <Grid item>
           <Box