feat: integrate customer service chat functionality and add socket.io-client dependency

- Implemented a customer service chat interface in the application.
- Added socket.io-client for real-time communication.
- Updated language files to include customer service related translations.
- Modified navigation to direct users to the customer service page.
- Enhanced UI elements for better user experience in chat interactions.

language/cn.js

@@ -86,6 +86,7 @@ var cn = {
 
   user: "我的",
   userBalance: "余额",
+  customerService: "在线客服",
   logout: "退出登录",
   tip: "提示",
   logoutTip: "确认退出登录？",
@@ -174,6 +175,21 @@ var cn = {
   chooseCoin: "请选择币种",
   flagshipHall: "旗舰厅",
   liveHall: "现场厅",
+
+  // 在线客服
+  csConnected: "已连接",
+  csConnecting: "连接中...",
+  csWelcome: "欢迎使用在线客服",
+  csBusy: "客服繁忙，请稍候...",
+  csInputTip: "请输入您的问题",
+  csInputPlaceholder: "输入消息，点击发送...",
+  csSend: "发送",
+  csMe: "我",
+  csAgent: "客服",
+  csSessionEnded: "会话已结束",
+  csAgentServing: "客服为您服务",
+  csAgentJoined: "已接入",
+  csConnectFailed: "连接失败",
 };
 
 export { cn };

language/en.js

@@ -86,6 +86,7 @@ var en = {
 
   user: "User",
   userBalance: "Balance",
+  customerService: "Customer Service",
   logout: "Logout",
   tip: "Tip",
   logoutTip: "Are you sure to logout?",
@@ -178,6 +179,21 @@ var en = {
   chooseCoin: "Currency",
   flagshipHall: "Flagship Hall",
   liveHall: "Live hall",
+
+  // Customer Service
+  csConnected: "Connected",
+  csConnecting: "Connecting...",
+  csWelcome: "Welcome to Customer Service",
+  csBusy: "Agents are busy, please wait...",
+  csInputTip: "Please enter your question",
+  csInputPlaceholder: "Type a message and send...",
+  csSend: "Send",
+  csMe: "Me",
+  csAgent: "Agent",
+  csSessionEnded: "Session ended",
+  csAgentServing: "is serving you",
+  csAgentJoined: "has joined",
+  csConnectFailed: "Connection failed",
 };
 
 export { en };

language/in.js

@@ -86,6 +86,7 @@ var In = {
 
   user: "Saya",
   userBalance: "Saldo",
+  customerService: "Layanan Pelanggan",
   logout: "Keluar",
   tip: "Tips",
   logoutTip: "Konfirmasi keluar?",
@@ -173,6 +174,21 @@ var In = {
   chooseCoin: "Currency",
   flagshipHall: "Flagship Hall",
   liveHall: "Live hall",
+
+  // Layanan Pelanggan
+  csConnected: "Terhubung",
+  csConnecting: "Menghubungkan...",
+  csWelcome: "Selamat datang di Layanan Pelanggan",
+  csBusy: "Agen sedang sibuk, harap tunggu...",
+  csInputTip: "Silakan masukkan pertanyaan Anda",
+  csInputPlaceholder: "Ketik pesan dan kirim...",
+  csSend: "Kirim",
+  csMe: "Saya",
+  csAgent: "Agen",
+  csSessionEnded: "Sesi berakhir",
+  csAgentServing: "melayani Anda",
+  csAgentJoined: "telah bergabung",
+  csConnectFailed: "Koneksi gagal",
 };
 
 export { In };

language/kr.js

@@ -86,6 +86,7 @@ var kr = {
 
   user: "나의 계정",
   userBalance: "잔액",
+  customerService: "고객 서비스",
   logout: "로그아웃",
   tip: "알림",
   logoutTip: "로그아웃하시겠습니까?",
@@ -174,6 +175,21 @@ var kr = {
   chooseCoin: "통화를 선택하세요",
   flagshipHall: "플래그십 홀",
   liveHall: "라이브홀",
+
+  // 고객 서비스
+  csConnected: "연결됨",
+  csConnecting: "연결 중...",
+  csWelcome: "고객 서비스에 오신 것을 환영합니다",
+  csBusy: "상담원이 바빠요. 잠시만 기다려 주세요...",
+  csInputTip: "질문을 입력해 주세요",
+  csInputPlaceholder: "메시지를 입력하고 보내세요...",
+  csSend: "보내기",
+  csMe: "나",
+  csAgent: "상담원",
+  csSessionEnded: "세션 종료",
+  csAgentServing: "님이 도와드립니다",
+  csAgentJoined: "님이 참여했습니다",
+  csConnectFailed: "연결 실패",
 };
 
 export { kr };

language/tl.js

@@ -85,6 +85,7 @@ var tl = {
 
   user: "ผู้ใช้",
   userBalance: "ยอด",
+  customerService: "บริการลูกค้า",
   logout: "ออกจากระบบ",
   tip: "คำแนะนำ",
   logoutTip: "คุณต้องการออกจากระบบหรือไม่",
@@ -173,6 +174,21 @@ var tl = {
   chooseCoin: "โปรดเลือกสกุลเงิน",
   flagshipHall: "แฟล็กชิปฮอลล์",
   liveHall: "ฮอลล์สด",
+
+  // บริการลูกค้า
+  csConnected: "เชื่อมต่อแล้ว",
+  csConnecting: "กำลังเชื่อมต่อ...",
+  csWelcome: "ยินดีต้อนรับสู่บริการลูกค้า",
+  csBusy: "เจ้าหน้าที่กำลังยุ่ง กรุณารอสักครู่...",
+  csInputTip: "กรุณาใส่คำถามของคุณ",
+  csInputPlaceholder: "พิมพ์ข้อความและส่ง...",
+  csSend: "ส่ง",
+  csMe: "ฉัน",
+  csAgent: "เจ้าหน้าที่",
+  csSessionEnded: "เซสชันสิ้นสุด",
+  csAgentServing: "กำลังให้บริการคุณ",
+  csAgentJoined: "ได้เข้าร่วม",
+  csConnectFailed: "เชื่อมต่อไม่สำเร็จ",
 };
 
 export { tl };

language/tw.js

@@ -86,6 +86,7 @@ var tw = {
 
   user: "我的",
   userBalance: "餘額",
+  customerService: "在線客服",
   logout: "退出登錄",
   tip: "提示",
   logoutTip: "確認退出登錄？",
@@ -174,6 +175,21 @@ var tw = {
   chooseCoin: "請選擇幣種",
   flagshipHall: "旗艦廳",
   liveHall: "現場廳",
+
+  // 在線客服
+  csConnected: "已連接",
+  csConnecting: "連接中...",
+  csWelcome: "歡迎使用在線客服",
+  csBusy: "客服繁忙，請稍候...",
+  csInputTip: "請輸入您的問題",
+  csInputPlaceholder: "輸入消息，點擊發送...",
+  csSend: "發送",
+  csMe: "我",
+  csAgent: "客服",
+  csSessionEnded: "會話已結束",
+  csAgentServing: "客服為您服務",
+  csAgentJoined: "已接入",
+  csConnectFailed: "連接失敗",
 };
 
 export { tw };

language/yn.js

@@ -86,6 +86,7 @@ var yn = {
 
   user: "Của tôi",
   userBalance: "Số dư",
+  customerService: "Hỗ trợ trực tuyến",
   logout: "Đăng xuất",
   tip: "Gợi ý",
   logoutTip: "Xác nhận đăng xuất?",
@@ -178,6 +179,21 @@ var yn = {
   chooseCoin: "Vui lòng chọn loại tiền tệ",
   flagshipHall: "Hội trường hàng đầu",
   liveHall: "Hội trường trực tiếp",
+
+  // Hỗ trợ trực tuyến
+  csConnected: "Đã kết nối",
+  csConnecting: "Đang kết nối...",
+  csWelcome: "Chào mừng đến với hỗ trợ trực tuyến",
+  csBusy: "Nhân viên đang bận, vui lòng chờ...",
+  csInputTip: "Hãy nhập câu hỏi của bạn",
+  csInputPlaceholder: "Nhập tin nhắn và gửi...",
+  csSend: "Gửi",
+  csMe: "Tôi",
+  csAgent: "CSKH",
+  csSessionEnded: "Phiên đã kết thúc",
+  csAgentServing: "đang phục vụ bạn",
+  csAgentJoined: "đã tham gia",
+  csConnectFailed: "Kết nối thất bại",
 };
 
 export { yn };