feat: update live chat

Author: hi02102002

client/src/apis/live-chat.ts

@@ -0,0 +1,8 @@
+import { ENDPOINTS } from '@/constants'
+import http_client from '@/lib/http-client'
+
+class LiveChatApi {
+  async getConversations() {
+    return http_client.get(ENDPOINTS.CONVERSATION_LIVE_CHAT.INDEX)
+  }
+}

client/src/components/layouts/app/sidebar.tsx

@@ -15,6 +15,7 @@ import {
   BrainCircuit,
   Cable,
   LogOut,
+  MessageCircle,
   MessageSquareCode,
 } from 'lucide-react'
 import { useTranslation } from 'react-i18next'
@@ -46,6 +47,13 @@ const SIDEBAR_ITEMS: Array<{
     i18n: 'channels',
     to: ROUTES.PRIVATE.CHANNEL.INDEX,
   },
+  {
+    Icon: (
+      <MessageCircle className='w-5 h-5 text-white group-hover:opacity-85 transition-all' />
+    ),
+    i18n: 'conversations',
+    to: ROUTES.PRIVATE.CONVERSATION.INDEX,
+  },
 ]
 
 const Sidebar = () => {

client/src/components/layouts/live-chat/sidebar.tsx

@@ -47,6 +47,10 @@ export const ENDPOINTS = {
     DELETE: '/intent/delete',
     FOR_SELECT: '/intent/for-select',
   },
+  CONVERSATION_LIVE_CHAT: {
+    INDEX: '/conversation-live-chat',
+    GET_MESSAGES: '/conversation-live-chat/:id',
+  },
 }
 
 export const ROUTES = {
@@ -84,6 +88,9 @@ export const ROUTES = {
       INDEX: '/training',
       ADD_INTENT: '/training/add-intent',
     },
+    CONVERSATION: {
+      INDEX: '/conversations',
+    },
   },
 }
 

client/src/constants/index.ts

@@ -0,0 +1,5 @@
+const Conversations = () => {
+  return <div>Conversations</div>
+}
+
+export default Conversations

client/src/pages/conversations.tsx

@@ -0,0 +1,38 @@
+export type TConversation = {
+  id: string
+  userId: string
+  channelId: string
+  createdAt: string
+  updatedAt: string
+  lastMessage: TMessage
+}
+
+export type TMessage = {
+  id: string
+  conversationId: string
+  createdAt: string
+  from: string
+  to: string
+  type: string
+  data: {
+    text?: string
+    buttons?: Array<{
+      type: 'postback' | 'web_url'
+      title: string
+      payload?: string
+      url?: string
+    }>
+    cards?: Array<{
+      title: string
+      subtitle: string
+      image_url: string
+      buttons: Array<{
+        type: 'postback' | 'web_url'
+        title: string
+        payload?: string
+        url?: string
+      }>
+    }>
+    url?: string
+  }
+}

client/src/types/live-chat.ts

@@ -66,7 +66,7 @@ export const ENDPOINTS = {
   },
   CONVERSATION_LIVE_CHAT: {
     INDEX: '/conversation-live-chat',
-    GET_MESSAGES: '/conversation-live-chat/:id',
+    GET_MESSAGES: '/conversation-live-chat/:userId/:channelId',
   },
 }
 

server/src/constants/index.ts

@@ -39,9 +39,10 @@ export class ConversationLiveChatController {
   })
 
   public getMessages = catchAsync(async (req: RequestWithUser, res) => {
-    const data = await this.messageService.getMessagesByConversationId(
-      req.params.id as string,
-    )
+    const data = await this.messageService.getMessages({
+      channelId: req.params.channelId,
+      userId: req.params.userId,
+    })
 
     res.status(StatusCodes.OK).json({ data })
   })

server/src/controllers/conversation-live-chat.controller.ts

@@ -0,0 +1,9 @@
+ALTER TABLE "messages" DROP CONSTRAINT "messages_conversation_id_conversations_id_fk";
+--> statement-breakpoint
+DO $$ BEGIN
+ ALTER TABLE "messages" ADD CONSTRAINT "messages_conversation_id_conversations_user_id_fk" FOREIGN KEY ("conversation_id") REFERENCES "conversations"("user_id") ON DELETE cascade ON UPDATE no action;
+EXCEPTION
+ WHEN duplicate_object THEN null;
+END $$;
+--> statement-breakpoint
+ALTER TABLE "conversations" DROP COLUMN IF EXISTS "id";