Update dependencies

packages/bridge-ui/components/ServiceLayout.tsx

@@ -3,18 +3,19 @@ type ServiceLayoutProps = {
   detail: any;
   edit: any;
   create: any;
-  params: {
+  params: Promise<{
     segment: string[];
-  };
+  }>;
 };
 
-export const ServiceLayout = ({
+export const ServiceLayout = async ({
   children,
   detail,
   edit,
   create,
-  params: { segment },
+  params,
 }: ServiceLayoutProps) => {
+  const { segment } = await params;
   const length = segment?.length ?? 0;
   const isCreate = length === 2 && segment[1] === "create";
   const isEdit = length === 3 && segment[2] === "edit";

packages/bridge-ui/lib/routing.ts

@@ -5,19 +5,21 @@ import { getService } from "./utils";
 export const getBot = async (
   _req: NextRequest,
   params: ServiceParams,
-): Promise<NextResponse> => getService(params)?.getBot(params);
+): Promise<NextResponse> => (await getService(params))?.getBot(params);
 
 export const sendMessage = async (
   req: NextRequest,
   params: ServiceParams,
-): Promise<NextResponse> => getService(params)?.sendMessage(req, params);
+): Promise<NextResponse> =>
+  (await getService(params))?.sendMessage(req, params);
 
 export const receiveMessage = async (
   req: NextRequest,
   params: ServiceParams,
-): Promise<NextResponse> => getService(params)?.receiveMessage(req, params);
+): Promise<NextResponse> =>
+  (await getService(params))?.receiveMessage(req, params);
 
 export const handleWebhook = async (
   req: NextRequest,
   params: ServiceParams,
-): Promise<NextResponse> => getService(params)?.handleWebhook(req);
+): Promise<NextResponse> => (await getService(params))?.handleWebhook(req);

packages/bridge-ui/lib/service.ts

@@ -51,16 +51,15 @@ export type ServiceConfig = {
 };
 
 export type ServiceParams = {
-  params: {
+  params: Promise<{
     service: string;
     token?: string;
-  };
+  }>;
 };
 
 export class Service {
-  async getBot({
-    params: { service, token },
-  }: ServiceParams): Promise<NextResponse> {
+  async getBot({ params }: ServiceParams): Promise<NextResponse> {
+    const { service, token } = await params;
     const table = getServiceTable(service);
     const row = await db
       .selectFrom(table)
@@ -71,16 +70,15 @@ export class Service {
     return NextResponse.json(row);
   }
 
-  async registerBot({
-    params: { service, token },
-  }: ServiceParams): Promise<NextResponse> {
+  async registerBot({ params: _params }: ServiceParams): Promise<NextResponse> {
     return NextResponse.error() as any;
   }
 
   async sendMessage(
     req: NextRequest,
-    { params: { service, token } }: ServiceParams,
+    { params }: ServiceParams,
   ): Promise<NextResponse> {
+    const { service, token } = await params;
     const table = getServiceTable(service);
     const row = await db
       .selectFrom(table)
@@ -109,8 +107,9 @@ export class Service {
 
   async receiveMessage(
     req: NextRequest,
-    { params: { service, token } }: ServiceParams,
+    { params }: ServiceParams,
   ): Promise<NextResponse> {
+    const { service, token } = await params;
     const json = await req.json();
     const worker = await getWorkerUtils();
     await worker.addJob(`${service}/receive-${service}-message`, {

packages/bridge-ui/lib/signal.ts

@@ -11,7 +11,8 @@ const fetchNoCache = async (url: string, options = {}) => {
 };
 
 export class Signal extends Service {
-  async getBot({ params: { token } }: ServiceParams) {
+  async getBot({ params }: ServiceParams) {
+    const { token } = await params;
     const row = await db
       .selectFrom("SignalBot")
       .selectAll()

packages/bridge-ui/lib/utils.ts

@@ -3,7 +3,10 @@ import { Facebook } from "./facebook";
 import { Signal } from "./signal";
 import { Whatsapp } from "./whatsapp";
 
-export const getService = ({ params: { service } }: ServiceParams): Service => {
+export const getService = async ({
+  params,
+}: ServiceParams): Promise<Service> => {
+  const { service } = await params;
   if (service === "facebook") {
     return new Facebook();
   } else if (service === "signal") {

packages/bridge-ui/lib/whatsapp.ts

@@ -4,7 +4,8 @@ import { revalidatePath } from "next/cache";
 import { Service, ServiceParams } from "./service";
 
 export class Whatsapp extends Service {
-  async getBot({ params: { token } }: ServiceParams) {
+  async getBot({ params }: ServiceParams) {
+    const { token } = await params;
     const row = await db
       .selectFrom("WhatsappBot")
       .selectAll()

packages/bridge-ui/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@link-stack/bridge-ui",
-  "version": "2.2.0",
+  "version": "2.3.4",
   "scripts": {
     "build": "tsc -p tsconfig.json"
   },
@@ -8,18 +8,18 @@
     "@link-stack/bridge-common": "^2.2.0",
     "@link-stack/signal-api": "*",
     "@link-stack/ui": "^2.2.0",
-    "@mui/material": "^5",
-    "@mui/x-data-grid-pro": "^7.18.0",
+    "@mui/material": "^6",
+    "@mui/x-data-grid-pro": "^7.22.3",
     "kysely": "0.26.1",
-    "next": "14.2.13",
+    "next": "15.0.3",
     "react": "18.3.1",
     "react-dom": "18.3.1",
     "react-qr-code": "^2.0.15"
   },
   "devDependencies": {
-    "@types/node": "^22.7.3",
-    "@types/react": "18.3.9",
-    "@types/react-dom": "^18.3.0",
-    "typescript": "5.6.2"
+    "@types/node": "^22.9.3",
+    "@types/react": "18.3.12",
+    "@types/react-dom": "^18.3.1",
+    "typescript": "5.7.2"
   }
 }