@realtimexsco/live-chat 1.0.0 → 1.1.0

package/dist/index.mjs

@@ -3,13 +3,14 @@ import axios from 'axios';
 import { create } from 'zustand';
 import { persist } from 'zustand/middleware';
 import * as React7 from 'react';
-import React7__default, { createContext, useContext, useState, useEffect, useRef, useMemo, useLayoutEffect, useCallback } from 'react';
+import React7__default, { createContext, useContext, useState, useEffect, useRef, useMemo, useLayoutEffect, useCallback, useSyncExternalStore } from 'react';
 import { Tooltip as Tooltip$1, Avatar as Avatar$1, Dialog as Dialog$1, Slot, ScrollArea as ScrollArea$1, Popover as Popover$1, DropdownMenu as DropdownMenu$1, AlertDialog as AlertDialog$1, Switch as Switch$1 } from 'radix-ui';
 import { clsx } from 'clsx';
 import { twMerge } from 'tailwind-merge';
 import { Search, X, UserPlus, MessageCircle, Users, Camera, Check, ArrowRight, Loader2, MessageCircleMore, History, Paperclip, Smile, Send, XIcon, ArrowLeft, Pin, Star, Phone, Video, MoreVertical, Info, UserKey, ShieldUser, MessageSquareX, Trash2, LogOut, Ban, AlertCircle, Save, Calendar, Mail, User, ShieldCheck, UserMinus, Plus, Download, Forward, Music, Film, FileText, FileSpreadsheet, FileIcon, PinOff, StarOff, CornerUpLeft, Pencil, Clock, CheckCheck } from 'lucide-react';
 import { cva } from 'class-variance-authority';
 import EmojiPicker, { Theme } from 'emoji-picker-react';
+import { toast } from 'react-hot-toast';
 
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
@@ -142,11 +143,28 @@ var init_socket_events_constants = __esm({
     };
   }
 });
-var SocketService, socketService, socket_service_default;
+
+// src/store/useSocketStore.ts
+var useSocketStore_exports = {};
+__export(useSocketStore_exports, {
+  default: () => useSocketStore_default,
+  useSocketStore: () => useSocketStore
+});
+var useSocketStore, useSocketStore_default;
+var init_useSocketStore = __esm({
+  "src/store/useSocketStore.ts"() {
+    init_useStore();
+    useSocketStore = useStore;
+    useSocketStore_default = useSocketStore;
+  }
+});
+var getStore, SocketService, socketService, socket_service_default;
 var init_socket_service = __esm({
   "src/services/socket.service.ts"() {
     init_socket_events_constants();
-    init_useStore();
+    getStore = () => {
+      return (init_useSocketStore(), __toCommonJS(useSocketStore_exports)).useSocketStore;
+    };
     SocketService = class {
       constructor() {
         this.socket = null;
@@ -165,7 +183,7 @@ var init_socket_service = __esm({
         }
         this.currentConfig = config;
         this.isConnecting = true;
-        const { setConnecting, setConnected, setDisconnected, setError } = useStore_default.getState();
+        const { setConnecting, setConnected, setDisconnected, setError } = getStore().getState();
         setConnecting();
         this.socket = io(config.url, config.options);
         this.socket.on("connect", () => {
@@ -183,72 +201,72 @@ var init_socket_service = __esm({
         });
         this.socket.on(SOCKET_EVENTS.ERROR, (payload) => {
           const message = typeof payload === "string" ? payload : payload?.message ?? "app_error";
-          useStore_default.getState().handleAppError(message);
+          getStore().getState().handleAppError(message);
         });
         this.socket.on(SOCKET_EVENTS.DM_RECEIVE, (payload) => {
-          useStore_default.getState().receivedDM(payload);
+          getStore().getState().receivedDM(payload);
         });
         this.socket.on(SOCKET_EVENTS.GROUP_MESSAGE_RECEIVE, (payload) => {
-          useStore_default.getState().receivedGroupMessage(payload);
+          getStore().getState().receivedGroupMessage(payload);
         });
         this.socket.on(SOCKET_EVENTS.CONVERSATION_UPDATE, (payload) => {
           if (!payload) return;
-          useStore_default.getState().updateConversation(payload);
+          getStore().getState().updateConversation(payload);
         });
         this.socket.on(SOCKET_EVENTS.DM_EDIT_RECEIVE, (payload) => {
-          useStore_default.getState().receivedEditDM(payload);
+          getStore().getState().receivedEditDM(payload);
         });
         this.socket.on(SOCKET_EVENTS.DM_DELETE_ME, (payload) => {
-          useStore_default.getState().receivedDeleteForMe(payload);
+          getStore().getState().receivedDeleteForMe(payload);
         });
         this.socket.on(SOCKET_EVENTS.DM_DELETE_EVERYONE, (payload) => {
-          useStore_default.getState().receivedDeleteForEveryone(payload);
+          getStore().getState().receivedDeleteForEveryone(payload);
         });
         this.socket.on(SOCKET_EVENTS.DM_CLEAR_CHAT_SUCCESS, (payload) => {
-          useStore_default.getState().receivedDmClearChat(payload);
+          getStore().getState().receivedDmClearChat(payload);
         });
         this.socket.on(SOCKET_EVENTS.GROUP_CLEAR_CHAT_SUCCESS, (payload) => {
-          useStore_default.getState().receivedGroupClearChat(payload);
+          getStore().getState().receivedGroupClearChat(payload);
         });
         this.socket.on(SOCKET_EVENTS.DM_DELETE_CONVERSATION_SUCCESS, (payload) => {
-          useStore_default.getState().receivedDmDeleteConversation(payload);
+          getStore().getState().receivedDmDeleteConversation(payload);
         });
         this.socket.on(SOCKET_EVENTS.GROUP_DELETE_CONVERSATION_SUCCESS, (payload) => {
-          useStore_default.getState().receivedGroupDeleteConversation(payload);
+          getStore().getState().receivedGroupDeleteConversation(payload);
         });
         this.socket.on(SOCKET_EVENTS.DM_REACTION_ADD_RECEIVE, (payload) => {
-          useStore_default.getState().receivedReactionAdd(payload);
+          getStore().getState().receivedReactionAdd(payload);
         });
         this.socket.on(SOCKET_EVENTS.DM_REACTION_REMOVE_RECEIVE, (payload) => {
-          useStore_default.getState().receivedReactionRemove(payload);
+          getStore().getState().receivedReactionRemove(payload);
         });
         this.socket.on(SOCKET_EVENTS.DM_PIN_UPDATE, (payload) => {
-          useStore_default.getState().receivedPinUpdate(payload);
+          getStore().getState().receivedPinUpdate(payload);
         });
         this.socket.on(SOCKET_EVENTS.DM_STAR_UPDATE, (payload) => {
-          useStore_default.getState().receivedStarUpdate(payload);
+          getStore().getState().receivedStarUpdate(payload);
         });
         this.socket.on(SOCKET_EVENTS.DM_STATUS_UPDATE, (payload) => {
-          useStore_default.getState().receivedStatusUpdate(payload);
+          getStore().getState().receivedStatusUpdate(payload);
         });
         this.socket.on(SOCKET_EVENTS.DM_MARK_READ, (payload) => {
-          useStore_default.getState().receivedDMMarkRead(payload);
+          getStore().getState().receivedDMMarkRead(payload);
         });
         this.socket.on(SOCKET_EVENTS.GROUP_MESSAGE_READ, (payload) => {
-          useStore_default.getState().receivedGroupMarkRead(payload);
+          getStore().getState().receivedGroupMarkRead(payload);
         });
         this.socket.on(SOCKET_EVENTS.DM_FORWARD_RECEIVE, (payload) => {
-          useStore_default.getState().receivedForward(payload);
+          getStore().getState().receivedForward(payload);
         });
         this.socket.on(SOCKET_EVENTS.DM_TYPING_START, (payload) => {
-          useStore_default.getState().setTypingStart(payload);
+          getStore().getState().setTypingStart(payload);
         });
         this.socket.on(SOCKET_EVENTS.DM_TYPING_STOP, (payload) => {
-          useStore_default.getState().setTypingStop(payload);
+          getStore().getState().setTypingStop(payload);
         });
         this.socket.on(SOCKET_EVENTS.ONLINE_USERS_LIST, (payload) => {
           const users = payload?.onlineUsers || [];
-          useStore_default.getState().setOnlineUsers(users);
+          getStore().getState().setOnlineUsers(users);
         });
         this.socket.on(SOCKET_EVENTS.USER_ONLINE, () => {
           this.emitGetOnlineUsers();
@@ -257,49 +275,49 @@ var init_socket_service = __esm({
           this.emitGetOnlineUsers();
         });
         this.socket.on(SOCKET_EVENTS.CONVERSATION_STARRED_PINNED_COUNT_UPDATE, (payload) => {
-          useStore_default.getState().receivedCountUpdate(payload);
+          getStore().getState().receivedCountUpdate(payload);
         });
         this.socket.on(SOCKET_EVENTS.GROUP_EDIT_RECEIVE, (payload) => {
-          useStore_default.getState().receivedEditDM(payload);
+          getStore().getState().receivedEditDM(payload);
         });
         this.socket.on(SOCKET_EVENTS.GROUP_STATUS_UPDATE, (payload) => {
-          useStore_default.getState().receivedGroupStatusUpdate(payload);
+          getStore().getState().receivedGroupStatusUpdate(payload);
         });
         this.socket.on(SOCKET_EVENTS.GROUP_MESSAGE_DELIVERED, (payload) => {
-          useStore_default.getState().receivedGroupStatusUpdate({
+          getStore().getState().receivedGroupStatusUpdate({
             ...payload,
             status: payload?.status || "delivered"
           });
         });
         this.socket.on(SOCKET_EVENTS.GROUP_REACTION_ADD_RECEIVE, (payload) => {
-          useStore_default.getState().receivedGroupReactionAdd(payload);
+          getStore().getState().receivedGroupReactionAdd(payload);
         });
         this.socket.on(SOCKET_EVENTS.GROUP_TYPING_START, (payload) => {
-          useStore_default.getState().setTypingStart(payload);
+          getStore().getState().setTypingStart(payload);
         });
         this.socket.on(SOCKET_EVENTS.GROUP_TYPING_STOP, (payload) => {
-          useStore_default.getState().setTypingStop(payload);
+          getStore().getState().setTypingStop(payload);
         });
         this.socket.on(SOCKET_EVENTS.GROUP_REACTION_REMOVE_RECEIVE, (payload) => {
-          useStore_default.getState().receivedGroupReactionRemove(payload);
+          getStore().getState().receivedGroupReactionRemove(payload);
         });
         this.socket.on(SOCKET_EVENTS.GROUP_DELETE_ME, (payload) => {
-          useStore_default.getState().receivedDeleteForMe(payload);
+          getStore().getState().receivedDeleteForMe(payload);
         });
         this.socket.on(SOCKET_EVENTS.GROUP_DELETE_EVERYONE, (payload) => {
-          useStore_default.getState().receivedDeleteForEveryone(payload);
+          getStore().getState().receivedDeleteForEveryone(payload);
         });
         this.socket.on(SOCKET_EVENTS.GROUP_PIN_UPDATE, (payload) => {
-          useStore_default.getState().receivedPinUpdate(payload);
+          getStore().getState().receivedPinUpdate(payload);
         });
         this.socket.on(SOCKET_EVENTS.GROUP_STAR_UPDATE, (payload) => {
-          useStore_default.getState().receivedStarUpdate(payload);
+          getStore().getState().receivedStarUpdate(payload);
         });
         this.socket.on(SOCKET_EVENTS.GROUP_FORWARD_RECEIVE, (payload) => {
-          useStore_default.getState().receivedForward(payload);
+          getStore().getState().receivedForward(payload);
         });
         this.socket.on(SOCKET_EVENTS.GROUP_LEAVE_RECEIVE, (payload) => {
-          useStore_default.getState().receivedGroupLeave(payload);
+          getStore().getState().receivedGroupLeave(payload);
         });
       }
       disconnect() {
@@ -429,6 +447,176 @@ var init_socket_service = __esm({
   }
 });
 
+// src/store/helpers/store.helpers.ts
+var findConversationIdByMessageId, normalizeId, normalizeUnreadCount, incrementUnreadCount, emptyMessagesMetadata, extractMessageData, mergeLastMessage, getLatestMessageFromList, resolveConversationLastMessage, syncConversationLastMessage, isGroupConversation, findConversationById, resolveIsGroupFromPayload, getOtherParticipantId, findConversationForChannel, resolveConversationIdForChannel, getMessageContent, getMessageTimestamp, isOwnMessage, STATUS_RANK, pickBetterMessageStatus, mergeChatMessages;
+var init_store_helpers = __esm({
+  "src/store/helpers/store.helpers.ts"() {
+    findConversationIdByMessageId = (messagesByConversation, messageId) => {
+      return Object.keys(messagesByConversation).find(
+        (cid) => messagesByConversation[cid].some(
+          (m) => String(m._id || m.id) === String(messageId)
+        )
+      );
+    };
+    normalizeId = (id) => String(id?._id || id?.id || id || "");
+    normalizeUnreadCount = (unreadCount) => {
+      if (typeof unreadCount === "number") return unreadCount;
+      return 0;
+    };
+    incrementUnreadCount = (unreadCount) => normalizeUnreadCount(unreadCount) + 1;
+    emptyMessagesMetadata = () => ({
+      nextCursor: null,
+      hasMore: false,
+      isFirstPage: true
+    });
+    extractMessageData = (payload) => {
+      const messageId = payload.messageId || payload._id || payload.message?._id || payload.message?.id;
+      const content = payload.content || payload.message?.content;
+      const conversationId = payload.conversationId || payload.message?.conversationId || payload.message?.conversation_id;
+      const status = payload.status || payload.message?.status;
+      const isPinned = payload.isPinned ?? payload.message?.isPinned;
+      const isStarred = payload.isStarred ?? payload.message?.isStarred;
+      return { messageId, content, conversationId, status, isPinned, isStarred };
+    };
+    mergeLastMessage = (existing, incoming) => {
+      if (!incoming) return existing ?? null;
+      if (!existing) return incoming;
+      const content = incoming.content?.trim() ? incoming.content : existing.content;
+      const createdAt = incoming.createdAt ?? incoming.timestamp ?? existing.createdAt ?? existing.timestamp;
+      return {
+        ...existing,
+        ...incoming,
+        ...content !== void 0 ? { content } : {},
+        ...createdAt !== void 0 ? { createdAt } : {}
+      };
+    };
+    getLatestMessageFromList = (messages) => {
+      if (!messages?.length) return null;
+      return messages.reduce((latest, message) => {
+        const latestTime = new Date(latest.createdAt || latest.timestamp || 0).getTime();
+        const messageTime = new Date(message.createdAt || message.timestamp || 0).getTime();
+        return messageTime >= latestTime ? message : latest;
+      });
+    };
+    resolveConversationLastMessage = (conversation, messagesByConversation) => {
+      const conversationId = String(conversation._id || conversation.id || "");
+      const storedLast = conversation.lastMessage;
+      if (storedLast?.content?.trim()) return storedLast;
+      const latestFromMessages = getLatestMessageFromList(messagesByConversation[conversationId] || []);
+      return mergeLastMessage(storedLast, latestFromMessages);
+    };
+    syncConversationLastMessage = (conversations, conversationId, messages) => {
+      const latest = getLatestMessageFromList(messages);
+      if (!latest) return conversations;
+      return conversations.map((conversation) => {
+        if (String(conversation._id) !== String(conversationId)) return conversation;
+        return {
+          ...conversation,
+          lastMessage: mergeLastMessage(conversation.lastMessage, latest)
+        };
+      });
+    };
+    isGroupConversation = (conversation) => {
+      if (!conversation) return false;
+      return conversation.conversationType === "group" || !!conversation.isGroup;
+    };
+    findConversationById = (conversations, conversationId) => {
+      if (!conversationId) return void 0;
+      return conversations.find((c) => String(c._id) === String(conversationId));
+    };
+    resolveIsGroupFromPayload = (payload, conversations) => {
+      const conversationId = payload?.conversationId || payload?.message?.conversationId || payload?.message?.conversation_id;
+      const fromStore = findConversationById(conversations, conversationId);
+      if (fromStore) return isGroupConversation(fromStore);
+      return !!payload?.isGroup || payload?.conversationType === "group" || payload?.message?.conversationType === "group";
+    };
+    getOtherParticipantId = (conversation, loggedUserId) => {
+      if (!conversation?.participants?.length) return "";
+      const other = conversation.participants.find(
+        (p) => String(p._id || p) !== String(loggedUserId)
+      ) || conversation.participants[0];
+      return String(other?._id || other || "");
+    };
+    findConversationForChannel = (channel, loggedUserId, conversations) => {
+      if (!channel || !loggedUserId) return void 0;
+      if (channel.conversationId) {
+        const byId = findConversationById(conversations, channel.conversationId);
+        if (byId) return byId;
+      }
+      if (channel.isGroup) {
+        return conversations.find(
+          (c) => isGroupConversation(c) && String(c._id) === String(channel.id)
+        );
+      }
+      return conversations.find((c) => {
+        if (isGroupConversation(c)) return false;
+        const ids = (c.participants || []).map((p) => String(p._id || p));
+        return ids.includes(String(channel.id)) && ids.includes(String(loggedUserId));
+      });
+    };
+    resolveConversationIdForChannel = (channel, loggedUserId, conversations) => {
+      const found = findConversationForChannel(channel, loggedUserId, conversations);
+      if (found?._id) return String(found._id);
+      if (channel?.conversationId) return String(channel.conversationId);
+      return null;
+    };
+    getMessageContent = (message) => String(message?.content || "").trim();
+    getMessageTimestamp = (message) => {
+      const value = message?.createdAt || message?.timestamp;
+      const time = value ? new Date(value).getTime() : NaN;
+      return Number.isFinite(time) ? time : 0;
+    };
+    isOwnMessage = (message, loggedUserId) => {
+      if (message?.isOwnMessage) return true;
+      if (!loggedUserId) return false;
+      const senderId = message?.sender?._id || message?.sender?.id || message?.sender;
+      return String(senderId) === String(loggedUserId);
+    };
+    STATUS_RANK = { sent: 1, delivered: 2, read: 3 };
+    pickBetterMessageStatus = (current, incoming) => {
+      if (!incoming) return current;
+      if (!current) return incoming;
+      return (STATUS_RANK[incoming] ?? 0) >= (STATUS_RANK[current] ?? 0) ? incoming : current;
+    };
+    mergeChatMessages = (apiMessages, localMessages, loggedUserId) => {
+      const merged = /* @__PURE__ */ new Map();
+      apiMessages.forEach((message) => {
+        const id = String(message?._id || message?.id || "");
+        if (id) merged.set(id, message);
+      });
+      localMessages.forEach((localMessage) => {
+        if (!localMessage) return;
+        const localId = String(localMessage._id || localMessage.id || "");
+        if (localId && merged.has(localId)) {
+          const existing = merged.get(localId);
+          merged.set(localId, {
+            ...existing,
+            ...localMessage,
+            status: pickBetterMessageStatus(existing?.status, localMessage?.status)
+          });
+          return;
+        }
+        const duplicateInApi = apiMessages.some((apiMessage) => {
+          const apiId = String(apiMessage?._id || apiMessage?.id || "");
+          if (localId && apiId && localId === apiId) return true;
+          if (!isOwnMessage(localMessage, loggedUserId)) return false;
+          if (!isOwnMessage(apiMessage, loggedUserId)) return false;
+          if (getMessageContent(localMessage) !== getMessageContent(apiMessage)) return false;
+          return Math.abs(getMessageTimestamp(localMessage) - getMessageTimestamp(apiMessage)) < 12e4;
+        });
+        if (duplicateInApi) return;
+        const key = localId || `pending-${getMessageTimestamp(localMessage)}-${getMessageContent(localMessage)}`;
+        if (!merged.has(key)) merged.set(key, localMessage);
+      });
+      return Array.from(merged.values()).filter((message, index, list) => {
+        const id = String(message?._id || message?.id || "");
+        if (!id) return true;
+        return list.findIndex((m) => String(m?._id || m?.id || "") === id) === index;
+      });
+    };
+  }
+});
+
 // src/constants/api.constants.ts
 var API_ENDPOINTS;
 var init_api_constants = __esm({
@@ -456,21 +644,6 @@ var init_api_constants = __esm({
     };
   }
 });
-
-// src/store/useSocketStore.ts
-var useSocketStore_exports = {};
-__export(useSocketStore_exports, {
-  default: () => useSocketStore_default,
-  useSocketStore: () => useSocketStore
-});
-var useSocketStore, useSocketStore_default;
-var init_useSocketStore = __esm({
-  "src/store/useSocketStore.ts"() {
-    init_useStore();
-    useSocketStore = useStore;
-    useSocketStore_default = useSocketStore;
-  }
-});
 var chatClientId, chatAccessToken, rateLimitResetAt, setChatClientId, setChatAccessToken, isRateLimited, apiClient, setChatBaseURL, clientUserLogin, fetchUsers, fetchConversations, fetchMessages, fetchPinnedMessages, fetchStarredMessages, createGroup, fetchConversationInfo, updateConversation, updateGroupInformation, addRemoveGroupMembers, addRemoveGroupAdmins, searchMessages, searchMessagesContext, blockUnblockUser;
 var init_api_service = __esm({
   "src/services/api.service.ts"() {
@@ -691,138 +864,6 @@ var init_api_service = __esm({
   }
 });
 
-// src/store/helpers/store.helpers.ts
-var findConversationIdByMessageId, normalizeId, normalizeUnreadCount, incrementUnreadCount, emptyMessagesMetadata, extractMessageData, isGroupConversation, findConversationById, resolveIsGroupFromPayload, getOtherParticipantId, findConversationForChannel, resolveConversationIdForChannel, getMessageContent, getMessageTimestamp, isOwnMessage, STATUS_RANK, pickBetterMessageStatus, mergeChatMessages;
-var init_store_helpers = __esm({
-  "src/store/helpers/store.helpers.ts"() {
-    findConversationIdByMessageId = (messagesByConversation, messageId) => {
-      return Object.keys(messagesByConversation).find(
-        (cid) => messagesByConversation[cid].some(
-          (m) => String(m._id || m.id) === String(messageId)
-        )
-      );
-    };
-    normalizeId = (id) => String(id?._id || id?.id || id || "");
-    normalizeUnreadCount = (unreadCount) => {
-      if (typeof unreadCount === "number") return unreadCount;
-      return 0;
-    };
-    incrementUnreadCount = (unreadCount) => normalizeUnreadCount(unreadCount) + 1;
-    emptyMessagesMetadata = () => ({
-      nextCursor: null,
-      hasMore: false,
-      isFirstPage: true
-    });
-    extractMessageData = (payload) => {
-      const messageId = payload.messageId || payload._id || payload.message?._id || payload.message?.id;
-      const content = payload.content || payload.message?.content;
-      const conversationId = payload.conversationId || payload.message?.conversationId || payload.message?.conversation_id;
-      const status = payload.status || payload.message?.status;
-      const isPinned = payload.isPinned ?? payload.message?.isPinned;
-      const isStarred = payload.isStarred ?? payload.message?.isStarred;
-      return { messageId, content, conversationId, status, isPinned, isStarred };
-    };
-    isGroupConversation = (conversation) => {
-      if (!conversation) return false;
-      return conversation.conversationType === "group" || !!conversation.isGroup;
-    };
-    findConversationById = (conversations, conversationId) => {
-      if (!conversationId) return void 0;
-      return conversations.find((c) => String(c._id) === String(conversationId));
-    };
-    resolveIsGroupFromPayload = (payload, conversations) => {
-      const conversationId = payload?.conversationId || payload?.message?.conversationId || payload?.message?.conversation_id;
-      const fromStore = findConversationById(conversations, conversationId);
-      if (fromStore) return isGroupConversation(fromStore);
-      return !!payload?.isGroup || payload?.conversationType === "group" || payload?.message?.conversationType === "group";
-    };
-    getOtherParticipantId = (conversation, loggedUserId) => {
-      if (!conversation?.participants?.length) return "";
-      const other = conversation.participants.find(
-        (p) => String(p._id || p) !== String(loggedUserId)
-      ) || conversation.participants[0];
-      return String(other?._id || other || "");
-    };
-    findConversationForChannel = (channel, loggedUserId, conversations) => {
-      if (!channel || !loggedUserId) return void 0;
-      if (channel.conversationId) {
-        const byId = findConversationById(conversations, channel.conversationId);
-        if (byId) return byId;
-      }
-      if (channel.isGroup) {
-        return conversations.find(
-          (c) => isGroupConversation(c) && String(c._id) === String(channel.id)
-        );
-      }
-      return conversations.find((c) => {
-        if (isGroupConversation(c)) return false;
-        const ids = (c.participants || []).map((p) => String(p._id || p));
-        return ids.includes(String(channel.id)) && ids.includes(String(loggedUserId));
-      });
-    };
-    resolveConversationIdForChannel = (channel, loggedUserId, conversations) => {
-      const found = findConversationForChannel(channel, loggedUserId, conversations);
-      if (found?._id) return String(found._id);
-      if (channel?.conversationId) return String(channel.conversationId);
-      return null;
-    };
-    getMessageContent = (message) => String(message?.content || "").trim();
-    getMessageTimestamp = (message) => {
-      const value = message?.createdAt || message?.timestamp;
-      const time = value ? new Date(value).getTime() : NaN;
-      return Number.isFinite(time) ? time : 0;
-    };
-    isOwnMessage = (message, loggedUserId) => {
-      if (message?.isOwnMessage) return true;
-      if (!loggedUserId) return false;
-      const senderId = message?.sender?._id || message?.sender?.id || message?.sender;
-      return String(senderId) === String(loggedUserId);
-    };
-    STATUS_RANK = { sent: 1, delivered: 2, read: 3 };
-    pickBetterMessageStatus = (current, incoming) => {
-      if (!incoming) return current;
-      if (!current) return incoming;
-      return (STATUS_RANK[incoming] ?? 0) >= (STATUS_RANK[current] ?? 0) ? incoming : current;
-    };
-    mergeChatMessages = (apiMessages, localMessages, loggedUserId) => {
-      const merged = /* @__PURE__ */ new Map();
-      apiMessages.forEach((message) => {
-        const id = String(message?._id || message?.id || "");
-        if (id) merged.set(id, message);
-      });
-      localMessages.forEach((localMessage) => {
-        if (!localMessage) return;
-        const localId = String(localMessage._id || localMessage.id || "");
-        if (localId && merged.has(localId)) {
-          const existing = merged.get(localId);
-          merged.set(localId, {
-            ...existing,
-            ...localMessage,
-            status: pickBetterMessageStatus(existing?.status, localMessage?.status)
-          });
-          return;
-        }
-        const duplicateInApi = apiMessages.some((apiMessage) => {
-          const apiId = String(apiMessage?._id || apiMessage?.id || "");
-          if (localId && apiId && localId === apiId) return true;
-          if (!isOwnMessage(localMessage, loggedUserId)) return false;
-          if (!isOwnMessage(apiMessage, loggedUserId)) return false;
-          if (getMessageContent(localMessage) !== getMessageContent(apiMessage)) return false;
-          return Math.abs(getMessageTimestamp(localMessage) - getMessageTimestamp(apiMessage)) < 12e4;
-        });
-        if (duplicateInApi) return;
-        const key = localId || `pending-${getMessageTimestamp(localMessage)}-${getMessageContent(localMessage)}`;
-        if (!merged.has(key)) merged.set(key, localMessage);
-      });
-      return Array.from(merged.values()).filter((message, index, list) => {
-        const id = String(message?._id || message?.id || "");
-        if (!id) return true;
-        return list.findIndex((m) => String(m?._id || m?.id || "") === id) === index;
-      });
-    };
-  }
-});
-
 // src/store/forwardPending.store.ts
 var pendingForwards, lastPendingMessageId, setPendingForward, peekPendingForward, peekMostRecentPendingForward, getLastPendingForwardMessageId, clearPendingForward;
 var init_forwardPending_store = __esm({
@@ -1470,8 +1511,8 @@ var init_socket_slice = __esm({
   "src/store/slices/socket.slice.ts"() {
     init_socket_service();
     init_socket_events_constants();
-    init_api_service();
     init_store_helpers();
+    init_api_service();
     init_forwardPending_store();
     init_message_handlers();
     init_group_handlers();
@@ -1935,6 +1976,7 @@ var init_socket_slice = __esm({
         }));
       },
       // Fetching
+      // Fetching
       fetchConversations: async (limit = 10, page = 1, search = "", force = false) => {
         const fetchKey = `${limit}:${page}:${search}`;
         const state = get();
@@ -1947,7 +1989,15 @@ var init_socket_slice = __esm({
           const response = await fetchConversations(limit, page, search);
           const data = safelyExtractArray(response);
           set((state2) => ({
-            conversations: page === 1 ? data : [...state2.conversations, ...data],
+            conversations: page === 1 ? data.map((incoming) => {
+              const existing = state2.conversations.find(
+                (conversation) => String(conversation._id) === String(incoming._id)
+              );
+              return {
+                ...incoming,
+                lastMessage: mergeLastMessage(existing?.lastMessage, incoming.lastMessage)
+              };
+            }) : [...state2.conversations, ...data],
             conversationsHasMore: data.length === limit,
             conversationsPage: page,
             isFetchingConversations: false
@@ -1999,6 +2049,7 @@ var init_socket_slice = __esm({
                   isFirstPage: isInitialLoad
                 }
               },
+              conversations: isInitialLoad ? syncConversationLastMessage(state2.conversations, conversationId, unique) : state2.conversations,
               isFetchingMessages: false
             };
           });
@@ -2028,6 +2079,7 @@ var init_socket_slice = __esm({
         const tempId = payload.tempId || `temp-${Date.now()}`;
         set((state) => ({ messagePendingActions: { ...state.messagePendingActions, [tempId]: ["send"] } }));
         socket_service_default.emit("dm_send", { ...payload, tempId });
+        socket_service_default.emit("conversation_update", { conversationId: payload.conversationId });
       },
       emitDmEdit: (payload) => {
         set((state) => ({ messagePendingActions: { ...state.messagePendingActions, [payload.messageId]: ["edit"] } }));
@@ -2166,27 +2218,22 @@ var init_socket_slice = __esm({
         const { conversationId } = payload;
         const readerId = payload.userId || payload.readerId || payload.readBy || payload.sender || payload.senderId;
         if (!conversationId) return;
-        const readStatus = payload.status || "read";
         set({ lastDMMarkRead: payload });
         set((state) => {
           const messages = state.messagesByConversation[conversationId] || [];
           const loggedUserDetails = get().loggedUserDetails || state.loggedUserDetails;
           const myId = loggedUserDetails?._id || loggedUserDetails?.id;
           const isReaderMe = String(readerId) === String(myId);
-          const nextMessages = messages.map((m) => {
-            if (isReaderMe) return m;
-            const senderId = String(m.sender?._id || m.sender);
-            if (senderId === String(myId)) {
-              return { ...m, status: readStatus };
-            }
-            return m;
-          });
+          const nextMessages = messages.map((m) => ({ ...m, status: "read" }));
           const nextConversations = state.conversations.map((c) => {
             if (String(c._id) !== String(conversationId)) return c;
             const nextUnreadCount = isReaderMe ? 0 : normalizeUnreadCount(c.unreadCount);
-            let nextLastMessage = c.lastMessage;
-            if (nextLastMessage && !isReaderMe && String(nextLastMessage.sender?._id || nextLastMessage.sender) === String(myId)) {
-              nextLastMessage = { ...nextLastMessage, status: readStatus };
+            let nextLastMessage = mergeLastMessage(c.lastMessage, { status: "read" });
+            if (!nextLastMessage?.content && messages.length) {
+              nextLastMessage = mergeLastMessage(
+                getLatestMessageFromList(messages),
+                { status: "read" }
+              );
             }
             return { ...c, unreadCount: nextUnreadCount, lastMessage: nextLastMessage };
           });
@@ -2348,7 +2395,7 @@ var init_socket_slice = __esm({
             return {
               ...c,
               ...updated,
-              lastMessage: updated.lastMessage || c.lastMessage,
+              lastMessage: mergeLastMessage(c.lastMessage, updated.lastMessage),
               // Group conversation_update no longer carries per-user unread; keep local count
               unreadCount: updated.unreadCount !== void 0 ? normalizeUnreadCount(updated.unreadCount) : normalizeUnreadCount(c.unreadCount)
             };
@@ -3755,6 +3802,84 @@ function ScrollBar({
   );
 }
 init_useStore();
+init_store_helpers();
+var conversationDrafts = /* @__PURE__ */ new Map();
+var DRAFT_PREVIEW_MAX_LENGTH = 50;
+var emptyDraft = () => ({
+  messageInput: "",
+  attachments: []
+});
+var draftRevision = 0;
+var draftListeners = /* @__PURE__ */ new Set();
+function notifyDraftChange() {
+  draftRevision += 1;
+  draftListeners.forEach((listener) => listener());
+}
+function subscribeToDrafts(listener) {
+  draftListeners.add(listener);
+  return () => {
+    draftListeners.delete(listener);
+  };
+}
+function getDraftRevision() {
+  return draftRevision;
+}
+function useDraftRevision() {
+  return useSyncExternalStore(subscribeToDrafts, getDraftRevision, getDraftRevision);
+}
+function getConversationDraft(conversationId) {
+  if (!conversationId) return emptyDraft();
+  return conversationDrafts.get(conversationId) ?? emptyDraft();
+}
+function updateConversationDraft(conversationId, draft) {
+  if (!conversationId) return;
+  if (draft.messageInput.trim() || draft.attachments.length > 0) {
+    conversationDrafts.set(conversationId, {
+      messageInput: draft.messageInput,
+      attachments: draft.attachments
+    });
+  } else {
+    conversationDrafts.delete(conversationId);
+  }
+  notifyDraftChange();
+}
+function clearConversationDraft(conversationId) {
+  if (!conversationId) return;
+  if (!conversationDrafts.has(conversationId)) return;
+  conversationDrafts.delete(conversationId);
+  notifyDraftChange();
+}
+function getConversationDraftPreview(conversationId) {
+  if (!conversationId) return null;
+  const draft = conversationDrafts.get(conversationId);
+  if (!draft) return null;
+  const text = draft.messageInput.trim();
+  if (text) {
+    return text.length > DRAFT_PREVIEW_MAX_LENGTH ? `${text.slice(0, DRAFT_PREVIEW_MAX_LENGTH)}\u2026` : text;
+  }
+  if (draft.attachments.length > 0) {
+    return draft.attachments.length === 1 ? "Attachment" : `${draft.attachments.length} attachments`;
+  }
+  return null;
+}
+function useConversationDraft(conversationId) {
+  const composerRef = useRef(emptyDraft());
+  const syncComposerRef = useCallback((draft) => {
+    composerRef.current = draft;
+  }, []);
+  useEffect(() => {
+    const id = conversationId;
+    return () => {
+      if (!id) return;
+      updateConversationDraft(id, composerRef.current);
+    };
+  }, [conversationId]);
+  return {
+    syncComposerRef
+  };
+}
+
+// src/chat/ChannelList.tsx
 var ChannelList = ({ activeChannel, onChannelSelect, onNewChatClick, debouncedSearch = "" }) => {
   const onlineUserIds = useStore((s) => s.onlineUsers);
   const allUsers = useStore((s) => s.allUsers);
@@ -3762,12 +3887,14 @@ var ChannelList = ({ activeChannel, onChannelSelect, onNewChatClick, debouncedSe
   const deletedForMeIds = useStore((s) => s.deletedForMeIds);
   const isFetchingUsers = useStore((s) => s.isFetchingAllUsers);
   const conversations = useStore((s) => s.conversations);
+  const messagesByConversation = useStore((s) => s.messagesByConversation);
   const isFetchingConversations = useStore((s) => s.isFetchingConversations);
   const conversationsHasMore = useStore((s) => s.conversationsHasMore);
   const conversationsPage = useStore((s) => s.conversationsPage);
   const accessToken = useStore((s) => s.accessToken);
   const loggedUserDetails = useStore((s) => s.loggedUserDetails);
   const lastFetchKeyRef = useRef(null);
+  useDraftRevision();
   useEffect(() => {
     if (accessToken) {
       useStore.getState().fetchAllUsers();
@@ -3796,17 +3923,20 @@ var ChannelList = ({ activeChannel, onChannelSelect, onNewChatClick, debouncedSe
       const isOnline = c.conversationType === "group" || c.isGroup ? false : onlineUserIds.includes(otherParticipantId);
       const unreadCount = typeof c.unreadCount === "number" ? c.unreadCount : 0;
       const isTyping = typingUsersByConv[String(c._id)]?.length > 0;
-      let lastMessageContent = c.lastMessage?.content || "No messages yet";
-      if (c.lastMessage) {
-        if (c.lastMessage.isDeletedForEveryone) {
+      const resolvedLastMessage = resolveConversationLastMessage(c, messagesByConversation);
+      let lastMessageContent = resolvedLastMessage?.content || "No messages yet";
+      if (resolvedLastMessage) {
+        if (resolvedLastMessage.isDeletedForEveryone) {
           lastMessageContent = "This message has been deleted";
-        } else if (deletedForMeIds.includes(String(c.lastMessage._id || c.lastMessage.id))) {
+        } else if (deletedForMeIds.includes(String(resolvedLastMessage._id || resolvedLastMessage.id))) {
           lastMessageContent = "";
         }
       }
+      const conversationId = String(c._id);
+      const draftPreview = getConversationDraftPreview(conversationId);
       return {
-        id: c.conversationType === "group" || c.isGroup ? String(c._id) : otherParticipantId,
-        conversationId: String(c._id),
+        id: c.conversationType === "group" || c.isGroup ? conversationId : otherParticipantId,
+        conversationId,
         name: name.charAt(0).toUpperCase() + name.slice(1),
         image,
         isOnline,
@@ -3815,16 +3945,17 @@ var ChannelList = ({ activeChannel, onChannelSelect, onNewChatClick, debouncedSe
         isBlocked: c.isBlocked || false,
         unreadCount,
         isTyping,
+        draftPreview,
         pinnedCount: c.pinnedCount,
         starredCount: c.starredCount,
         lastMessage: {
           content: lastMessageContent,
-          timestamp: c.lastMessage?.createdAt ? new Date(c.lastMessage.createdAt).toLocaleTimeString([], { hour: "2-digit", minute: "2-digit" }) : "",
+          timestamp: resolvedLastMessage?.createdAt ? new Date(resolvedLastMessage.createdAt).toLocaleTimeString([], { hour: "2-digit", minute: "2-digit" }) : "",
           sender: "User"
         }
       };
     });
-  }, [conversations, onlineUserIds, loggedUserDetails, allUsers, typingUsersByConv, deletedForMeIds]);
+  }, [conversations, messagesByConversation, onlineUserIds, loggedUserDetails, allUsers, typingUsersByConv, deletedForMeIds]);
   const handleLoadMore = () => {
     if (!isFetchingConversations && conversationsHasMore) {
       useStore.getState().fetchConversations(10, conversationsPage + 1, debouncedSearch);
@@ -3855,8 +3986,10 @@ var ChannelList = ({ activeChannel, onChannelSelect, onNewChatClick, debouncedSe
         isActive ? "text-(--chat-theme)" : "text-[#0f172a]"
       ) }, channel.name), /* @__PURE__ */ React7__default.createElement("div", { className: "flex shrink-0 flex-col items-end gap-1" }, /* @__PURE__ */ React7__default.createElement("span", { className: "text-[11px] font-medium text-muted-foreground" }, channel.lastMessage?.timestamp), channel.isLeft && /* @__PURE__ */ React7__default.createElement("span", { className: "rounded-full bg-red-50 px-1.5 py-0.5 text-[9px] font-semibold text-red-600" }, "Left"))), /* @__PURE__ */ React7__default.createElement("div", { className: "flex w-full min-w-0 items-center justify-between gap-2 pr-1" }, /* @__PURE__ */ React7__default.createElement("p", { className: cn(
         "min-w-0 line-clamp-1 text-[13px]",
-        channel.isTyping ? "font-medium text-(--chat-theme)" : "text-muted-foreground"
-      ) }, channel.isTyping ? "typing..." : channel.lastMessage?.content), channel.unreadCount !== void 0 && channel.unreadCount > 0 && /* @__PURE__ */ React7__default.createElement(Badge, { className: cn(
+        channel.isTyping || channel.draftPreview ? "font-medium" : "text-muted-foreground",
+        channel.isTyping && "text-(--chat-theme)",
+        !channel.isTyping && channel.draftPreview && "text-muted-foreground"
+      ) }, channel.isTyping ? "typing..." : channel.draftPreview ? /* @__PURE__ */ React7__default.createElement(React7__default.Fragment, null, /* @__PURE__ */ React7__default.createElement("span", { className: "font-semibold text-rose-500" }, "Draft: "), /* @__PURE__ */ React7__default.createElement("span", null, channel.draftPreview)) : channel.lastMessage?.content), channel.unreadCount !== void 0 && channel.unreadCount > 0 && /* @__PURE__ */ React7__default.createElement(Badge, { className: cn(
         "flex h-5 min-w-5 items-center justify-center rounded-full border-none px-1.5 text-[10px] font-semibold",
         isActive ? "bg-(--chat-theme) text-white" : "bg-(--chat-theme) text-white"
       ) }, channel.unreadCount)))
@@ -5771,10 +5904,9 @@ var MessageReactions = ({
     return /* @__PURE__ */ React7__default.createElement(Tooltip, { key: emoji }, /* @__PURE__ */ React7__default.createElement(TooltipTrigger, { asChild: true }, /* @__PURE__ */ React7__default.createElement(
       "button",
       {
-        key: emoji,
         onClick: () => onReactionClick(emoji),
         className: cn(
-          "flex items-center gap-1 px-2 py-0.5 rounded-full text-xs border shadow-sm transition-all shadow-black/5",
+          "flex items-center gap-1 px-2 py-0.5 rounded-full text-xs border shadow-sm transition-all shadow-black/5 outline-none",
           isReactedByMe ? "bg-(--chat-theme-10) border-(--chat-theme-20) text-(--chat-theme)" : "bg-white border-border/40 hover:bg-muted/50 text-[#111827]"
         )
       },
@@ -5837,13 +5969,9 @@ var MessageToolbar = ({
   canEdit = true
 }) => {
   return /* @__PURE__ */ React7__default.createElement("div", { className: cn(
-    "absolute -top-10 z-[100] flex items-center gap-1 rounded-full border bg-background/95 p-1 shadow-md backdrop-blur-sm",
+    "absolute -top-10 z-20 flex items-center gap-1 rounded-full border bg-background/95 p-1 shadow-md backdrop-blur-sm",
     isSender ? "right-0" : "left-0"
-  ) }, /* @__PURE__ */ React7__default.createElement(Button, { variant: "ghost", size: "icon", className: "size-8 rounded-full", onClick: () => {
-    onReply?.();
-  } }, /* @__PURE__ */ React7__default.createElement(CornerUpLeft, { className: "size-4" })), /* @__PURE__ */ React7__default.createElement(Button, { variant: "ghost", size: "icon", className: "size-8 rounded-full", onClick: () => {
-    onForward?.();
-  } }, /* @__PURE__ */ React7__default.createElement(Forward, { className: "size-4" })), /* @__PURE__ */ React7__default.createElement(Popover, { open: isReactionOpen, onOpenChange: setIsReactionOpen }, /* @__PURE__ */ React7__default.createElement(PopoverTrigger, { asChild: true }, /* @__PURE__ */ React7__default.createElement(Button, { variant: "ghost", size: "icon", className: "size-8 rounded-full hover:bg-muted transition-all" }, /* @__PURE__ */ React7__default.createElement(Smile, { className: "size-4 text-muted-foreground" }))), /* @__PURE__ */ React7__default.createElement(
+  ) }, /* @__PURE__ */ React7__default.createElement(Button, { variant: "ghost", size: "icon", className: "size-8 rounded-full", onClick: onReply }, /* @__PURE__ */ React7__default.createElement(CornerUpLeft, { className: "size-4" })), /* @__PURE__ */ React7__default.createElement(Button, { variant: "ghost", size: "icon", className: "size-8 rounded-full", onClick: onForward }, /* @__PURE__ */ React7__default.createElement(Forward, { className: "size-4" })), /* @__PURE__ */ React7__default.createElement(Popover, { open: isReactionOpen, onOpenChange: setIsReactionOpen }, /* @__PURE__ */ React7__default.createElement(PopoverTrigger, { asChild: true }, /* @__PURE__ */ React7__default.createElement(Button, { variant: "ghost", size: "icon", className: "size-8 rounded-full hover:bg-muted transition-all" }, /* @__PURE__ */ React7__default.createElement(Smile, { className: "size-4 text-muted-foreground" }))), /* @__PURE__ */ React7__default.createElement(
     PopoverContent,
     {
       className: "w-auto p-0 border-none shadow-2xl rounded-2xl",
@@ -6387,6 +6515,9 @@ var ChannelMessageBox = ({ activeChannel, conversationId, onSendMessage, replyTo
     setState((prev) => ({ ...prev, ...updates }));
   };
   const typingTimeoutRef = useRef(null);
+  const conversationIdRef = useRef(conversationId);
+  conversationIdRef.current = conversationId;
+  const { syncComposerRef } = useConversationDraft(conversationId);
   const emitTypingStart = useStore((s) => s.emitTypingStart);
   const emitTypingStop = useStore((s) => s.emitTypingStop);
   const emitGroupTypingStart = useStore((s) => s.emitGroupTypingStart);
@@ -6398,6 +6529,30 @@ var ChannelMessageBox = ({ activeChannel, conversationId, onSendMessage, replyTo
   React7__default.useEffect(() => {
     attachmentsCountRef.current = state.attachments.length;
   }, [state.attachments.length]);
+  React7__default.useEffect(() => {
+    const draft = {
+      messageInput: state.messageInput,
+      attachments: state.attachments
+    };
+    syncComposerRef(draft);
+    updateConversationDraft(conversationIdRef.current, draft);
+  }, [state.messageInput, state.attachments, syncComposerRef]);
+  React7__default.useEffect(() => {
+    if (typingTimeoutRef.current) {
+      clearTimeout(typingTimeoutRef.current);
+      typingTimeoutRef.current = null;
+    }
+    const draft = getConversationDraft(conversationId);
+    attachmentsCountRef.current = draft.attachments.length;
+    setState((prev) => ({
+      ...prev,
+      messageInput: draft.messageInput,
+      attachments: draft.attachments,
+      attachmentError: "",
+      isTyping: false
+    }));
+    if (fileInputRef.current) fileInputRef.current.value = "";
+  }, [conversationId]);
   const handleInputChange = (e) => {
     updateState({ messageInput: e.target.value });
     if (!conversationId || !loggedUserDetails || !activeChannel) return;
@@ -6482,6 +6637,8 @@ var ChannelMessageBox = ({ activeChannel, conversationId, onSendMessage, replyTo
     });
   };
   const handleSendMessage = () => {
+    const trimmed = state.messageInput.trim();
+    if (!trimmed && state.attachments.length === 0) return;
     if (typingTimeoutRef.current) clearTimeout(typingTimeoutRef.current);
     if (state.isTyping && conversationId && loggedUserDetails && activeChannel) {
       updateState({ isTyping: false });
@@ -6497,7 +6654,8 @@ var ChannelMessageBox = ({ activeChannel, conversationId, onSendMessage, replyTo
         emitTypingStop(typingPayload);
       }
     }
-    onSendMessage?.(state.messageInput.trim(), state.attachments, replyTo);
+    onSendMessage?.(trimmed, state.attachments, replyTo);
+    clearConversationDraft(conversationId);
     updateState({
       messageInput: "",
       attachments: [],
@@ -7027,8 +7185,115 @@ var ChatMain_default = ChatMain;
 init_useStore();
 init_socket_service();
 init_api_service();
+
+// src/config/socket.config.ts
+var getSocketConfig = (accessToken, tenantId, apiBaseUrl) => {
+  const baseURL = (apiBaseUrl || "").replace("/api/v1", "");
+  return {
+    url: baseURL,
+    options: {
+      path: "/connection",
+      auth: {
+        accessToken
+      },
+      query: {
+        platform: "web",
+        tenantId: tenantId || "",
+        isTenant: "true"
+      },
+      extraHeaders: {
+        Authorization: `Bearer ${accessToken}`,
+        platform: "web",
+        tenantId: tenantId || "",
+        isTenant: "true"
+      },
+      transports: ["websocket", "polling"],
+      reconnection: true,
+      reconnectionAttempts: Infinity,
+      reconnectionDelay: 2e3,
+      reconnectionDelayMax: 5e3,
+      timeout: 2e4
+    }
+  };
+};
+var showNotification = (message, type = "info", icon, duration) => {
+  const options = {
+    icon,
+    duration
+  };
+  switch (type) {
+    case "success":
+      toast.success(message, options);
+      break;
+    case "error":
+      toast.error(message, options);
+      break;
+    case "info":
+      toast(message, options);
+      break;
+    case "warning":
+      toast(message, { ...options, icon: "\u26A0\uFE0F" });
+      break;
+    default:
+      toast(message, options);
+  }
+};
+var downloadFile = async (src, name) => {
+  try {
+    const link = document.createElement("a");
+    link.href = src;
+    link.setAttribute("download", name);
+    link.setAttribute("rel", "noopener noreferrer");
+    link.click();
+    showNotification("File Downloaded Successfully", "success");
+  } catch (err) {
+    console.error("File download failed:", err);
+    showNotification("Failed to download file", "error");
+  }
+};
+var getResponsiveWidth = (width) => {
+  const screenWidth = window.innerWidth;
+  if (width) {
+    return width;
+  } else if (screenWidth < 640) {
+    return 350;
+  } else if (screenWidth >= 640 && screenWidth < 1024) {
+    return 600;
+  } else if (screenWidth >= 1024 && screenWidth < 1280) {
+    return 800;
+  } else {
+    return 1e3;
+  }
+};
+var isEmpty = (value) => {
+  if (value === null || value === void 0) return true;
+  if (typeof value === "string") return value.trim().length === 0;
+  if (Array.isArray(value)) {
+    return value.length === 0 || value.every((item) => isEmpty(item));
+  }
+  if (typeof value === "object") {
+    return Object.keys(value).length === 0;
+  }
+  return false;
+};
+function uniqueList(list, key) {
+  const seen = /* @__PURE__ */ new Set();
+  return list.filter((item) => {
+    const value = item[key];
+    if (seen.has(value)) return false;
+    seen.add(value);
+    return true;
+  });
+}
+var capitalizeFirst = (str) => str.charAt(0).toUpperCase() + str.slice(1);
+var getFirstAndLastNameOneCharacter = (name) => {
+  const names = name.split(" ");
+  return names.map((name2) => name2.charAt(0).toUpperCase()).join("");
+};
+
+// src/index.ts
 var index_default = ChatMain_default;
 
-export { Channel, ChannelHeader_default as ChannelHeader, ChannelList_default as ChannelList, Chat, ChatLayout_default as ChatLayout, ChatMain_default as ChatMain, ForwardModal_default as ForwardModal, LoggedUserDetails_default as LoggedUserDetails, ChannelMessageBox_default as MessageInput, ActiveChannelMessages_default as MessageList, index_default as default, defaultChatLayoutConfig, mergeChatLayoutConfig, setChatAccessToken, setChatBaseURL, setChatClientId, socket_service_default as socketService, useChatContext, useChatController, useStore as useChatStore };
+export { Channel, ChannelHeader_default as ChannelHeader, ChannelList_default as ChannelList, Chat, ChatLayout_default as ChatLayout, ChatMain_default as ChatMain, ForwardModal_default as ForwardModal, LoggedUserDetails_default as LoggedUserDetails, ChannelMessageBox_default as MessageInput, ActiveChannelMessages_default as MessageList, capitalizeFirst, index_default as default, defaultChatLayoutConfig, downloadFile, getFirstAndLastNameOneCharacter, getResponsiveWidth, getSocketConfig, isEmpty, mergeChatLayoutConfig, setChatAccessToken, setChatBaseURL, setChatClientId, showNotification, socket_service_default as socketService, uniqueList, useChatContext, useChatController, useStore as useChatStore };
 //# sourceMappingURL=index.mjs.map
 //# sourceMappingURL=index.mjs.map