@droppii-org/chat-sdk 0.0.4 → 0.0.6

package/dist/components/TextFormattingToolbar.jsx

@@ -1,52 +0,0 @@
-"use client";
-import React from "react";
-import { Bold, Italic, Strikethrough, List, ListOrdered, Link, Quote, Code, X } from "lucide-react";
-const formatButtons = [
-    { icon: Bold, label: "Đậm", format: "bold", shortcut: "Ctrl+B", symbol: "**" },
-    { icon: Italic, label: "Nghiêng", format: "italic", shortcut: "Ctrl+I", symbol: "*" },
-    { icon: Strikethrough, label: "Gạch ngang", format: "strikethrough", shortcut: "Ctrl+Shift+X", symbol: "~~" },
-    { icon: ListOrdered, label: "Danh sách số", format: "numbered-list", shortcut: "Ctrl+Shift+7", symbol: "1." },
-    { icon: List, label: "Danh sách dấu đầu dòng", format: "bullet-list", shortcut: "Ctrl+Shift+8", symbol: "•" },
-    { icon: Link, label: "Liên kết", format: "link", shortcut: "Ctrl+K", symbol: "[]" },
-    { icon: Quote, label: "Trích dẫn", format: "quote", shortcut: "Ctrl+Shift+>", symbol: ">" },
-    { icon: Code, label: "Mã", format: "code", shortcut: "Ctrl+E", symbol: "`" },
-];
-export const TextFormattingToolbar = React.forwardRef(({ isOpen, onClose, onFormatSelect, selectedFormats = [], style }, ref) => {
-    if (!isOpen)
-        return null;
-    return (<div ref={ref} className="absolute bottom-full mb-1 bg-white border border-gray-200 rounded-lg shadow-lg z-50 w-full sm:max-w-xs md:w-80" style={style} // Apply dynamic style here
-    >
-        <div className="p-2">
-          {/* Header - Compact */}
-          <div className="flex items-center justify-between mb-2">
-            <h3 className="text-xs font-medium text-gray-900">Định dạng văn bản</h3>
-            <button onClick={onClose} className="p-1 text-gray-400 hover:text-gray-600 rounded-full hover:bg-gray-100">
-              <X className="w-3 h-3"/>
-            </button>
-          </div>
-
-          {/* Formatting Buttons - Compact Grid */}
-          <div className="grid grid-cols-4 gap-1">
-            {formatButtons.map((button) => {
-            const Icon = button.icon;
-            const isSelected = selectedFormats.includes(button.format);
-            return (<button key={button.format} onClick={() => onFormatSelect(button.format)} className={`
-                    flex flex-col items-center p-2 rounded transition-all duration-200 hover:bg-gray-50 active:scale-95
-                    ${isSelected
-                    ? "bg-blue-50 text-blue-600 border border-blue-200"
-                    : "text-gray-600 hover:text-gray-800 border border-gray-200"}
-                  `} title={`${button.label} (${button.shortcut})`} aria-label={button.label}>
-                  <Icon className="w-4 h-4 mb-1"/>
-                  <span className="text-xs font-medium">{button.symbol}</span>
-                </button>);
-        })}
-          </div>
-
-          {/* Keyboard Shortcuts Info - Compact */}
-          <div className="mt-2 pt-2 border-t border-gray-100">
-            <p className="text-xs text-gray-500 text-center">💡 Sử dụng phím tắt để định dạng nhanh</p>
-          </div>
-        </div>
-      </div>);
-});
-TextFormattingToolbar.displayName = "TextFormattingToolbar";

package/dist/components/TypingIndicator.d.ts

@@ -1,6 +0,0 @@
-interface TypingIndicatorProps {
-    conversationId: string;
-}
-export declare function TypingIndicator({ conversationId }: TypingIndicatorProps): import("react/jsx-runtime").JSX.Element | null;
-export {};
-//# sourceMappingURL=TypingIndicator.d.ts.map

package/dist/components/TypingIndicator.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"TypingIndicator.d.ts","sourceRoot":"","sources":["../../src/components/TypingIndicator.tsx"],"names":[],"mappings":"AAGA,UAAU,oBAAoB;IAC5B,cAAc,EAAE,MAAM,CAAA;CACvB;AAED,wBAAgB,eAAe,CAAC,EAAE,cAAc,EAAE,EAAE,oBAAoB,kDAgCvE"}

package/dist/components/TypingIndicator.js

@@ -1,21 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useTyping } from "../hooks/useTyping";
-export function TypingIndicator({ conversationId }) {
-    const { typingUsers, isTyping } = useTyping(conversationId);
-    if (!isTyping)
-        return null;
-    const getTypingText = () => {
-        if (typingUsers.length === 1) {
-            return `${typingUsers[0].name} is typing...`;
-        }
-        else if (typingUsers.length === 2) {
-            return `${typingUsers[0].name} and ${typingUsers[1].name} are typing...`;
-        }
-        else if (typingUsers.length > 2) {
-            return `${typingUsers[0].name} and ${typingUsers.length - 1} others are typing...`;
-        }
-        return "Someone is typing...";
-    };
-    return (_jsxs("div", { className: "flex items-center space-x-2 px-3 sm:px-4 py-2", children: [_jsxs("div", { className: "flex space-x-1", children: [_jsx("div", { className: "w-1.5 h-1.5 sm:w-2 sm:h-2 bg-gray-400 rounded-full animate-bounce" }), _jsx("div", { className: "w-1.5 h-1.5 sm:w-2 sm:h-2 bg-gray-400 rounded-full animate-bounce", style: { animationDelay: "0.1s" } }), _jsx("div", { className: "w-1.5 h-1.5 sm:w-2 sm:h-2 bg-gray-400 rounded-full animate-bounce", style: { animationDelay: "0.2s" } })] }), _jsx("span", { className: "text-xs sm:text-sm text-gray-500", children: getTypingText() })] }));
-}

package/dist/components/TypingIndicator.jsx

@@ -1,27 +0,0 @@
-"use client";
-import { useTyping } from "../hooks/useTyping";
-export function TypingIndicator({ conversationId }) {
-    const { typingUsers, isTyping } = useTyping(conversationId);
-    if (!isTyping)
-        return null;
-    const getTypingText = () => {
-        if (typingUsers.length === 1) {
-            return `${typingUsers[0].name} is typing...`;
-        }
-        else if (typingUsers.length === 2) {
-            return `${typingUsers[0].name} and ${typingUsers[1].name} are typing...`;
-        }
-        else if (typingUsers.length > 2) {
-            return `${typingUsers[0].name} and ${typingUsers.length - 1} others are typing...`;
-        }
-        return "Someone is typing...";
-    };
-    return (<div className="flex items-center space-x-2 px-3 sm:px-4 py-2">
-      <div className="flex space-x-1">
-        <div className="w-1.5 h-1.5 sm:w-2 sm:h-2 bg-gray-400 rounded-full animate-bounce"></div>
-        <div className="w-1.5 h-1.5 sm:w-2 sm:h-2 bg-gray-400 rounded-full animate-bounce" style={{ animationDelay: "0.1s" }}></div>
-        <div className="w-1.5 h-1.5 sm:w-2 sm:h-2 bg-gray-400 rounded-full animate-bounce" style={{ animationDelay: "0.2s" }}></div>
-      </div>
-      <span className="text-xs sm:text-sm text-gray-500">{getTypingText()}</span>
-    </div>);
-}

package/dist/components/VoiceWaveIcon.d.ts

@@ -1,7 +0,0 @@
-interface VoiceWaveIconProps {
-    className?: string;
-    animated?: boolean;
-}
-export declare function VoiceWaveIcon({ className, animated }: VoiceWaveIconProps): import("react/jsx-runtime").JSX.Element;
-export {};
-//# sourceMappingURL=VoiceWaveIcon.d.ts.map

package/dist/components/VoiceWaveIcon.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"VoiceWaveIcon.d.ts","sourceRoot":"","sources":["../../src/components/VoiceWaveIcon.tsx"],"names":[],"mappings":"AAEA,UAAU,kBAAkB;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,wBAAgB,aAAa,CAAC,EAAE,SAAqB,EAAE,QAAgB,EAAE,EAAE,kBAAkB,2CAmB5F"}

package/dist/components/VoiceWaveIcon.js

@@ -1,5 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export function VoiceWaveIcon({ className = "w-5 h-5", animated = false }) {
-    return (_jsxs("svg", { className: className, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [_jsx("path", { d: "M2 10v4", className: animated ? "animate-pulse" : "" }), _jsx("path", { d: "M6 6v12", className: animated ? "animate-pulse" : "", style: { animationDelay: "0.1s" } }), _jsx("path", { d: "M10 4v16", className: animated ? "animate-pulse" : "", style: { animationDelay: "0.2s" } }), _jsx("path", { d: "M14 4v16", className: animated ? "animate-pulse" : "", style: { animationDelay: "0.3s" } }), _jsx("path", { d: "M18 6v12", className: animated ? "animate-pulse" : "", style: { animationDelay: "0.4s" } }), _jsx("path", { d: "M22 10v4", className: animated ? "animate-pulse" : "", style: { animationDelay: "0.5s" } })] }));
-}

package/dist/components/VoiceWaveIcon.jsx

@@ -1,11 +0,0 @@
-"use client";
-export function VoiceWaveIcon({ className = "w-5 h-5", animated = false }) {
-    return (<svg className={className} viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round">
-      <path d="M2 10v4" className={animated ? "animate-pulse" : ""}/>
-      <path d="M6 6v12" className={animated ? "animate-pulse" : ""} style={{ animationDelay: "0.1s" }}/>
-      <path d="M10 4v16" className={animated ? "animate-pulse" : ""} style={{ animationDelay: "0.2s" }}/>
-      <path d="M14 4v16" className={animated ? "animate-pulse" : ""} style={{ animationDelay: "0.3s" }}/>
-      <path d="M18 6v12" className={animated ? "animate-pulse" : ""} style={{ animationDelay: "0.4s" }}/>
-      <path d="M22 10v4" className={animated ? "animate-pulse" : ""} style={{ animationDelay: "0.5s" }}/>
-    </svg>);
-}

package/dist/context/ChatContext.jsx

@@ -1,346 +0,0 @@
-"use client";
-import { createContext, useContext, useReducer, useEffect } from "react";
-const initialState = {
-    config: null,
-    conversations: [],
-    messages: {},
-    users: {},
-    typingStatuses: [],
-    currentUser: null,
-    isConnected: false,
-};
-function chatReducer(state, action) {
-    switch (action.type) {
-        case "SET_CONFIG":
-            return Object.assign(Object.assign({}, state), { config: action.payload });
-        case "SET_CONVERSATIONS":
-            return Object.assign(Object.assign({}, state), { conversations: action.payload });
-        case "ADD_CONVERSATION":
-            return Object.assign(Object.assign({}, state), { conversations: [action.payload, ...state.conversations] });
-        case "UPDATE_CONVERSATION":
-            return Object.assign(Object.assign({}, state), { conversations: state.conversations.map((conv) => (conv.id === action.payload.id ? action.payload : conv)) });
-        case "SET_MESSAGES":
-            return Object.assign(Object.assign({}, state), { messages: Object.assign(Object.assign({}, state.messages), { [action.payload.conversationId]: action.payload.messages }) });
-        case "ADD_MESSAGE":
-            const conversationId = action.payload.conversationId;
-            return Object.assign(Object.assign({}, state), { messages: Object.assign(Object.assign({}, state.messages), { [conversationId]: [...(state.messages[conversationId] || []), action.payload] }) });
-        case "UPDATE_MESSAGE":
-            return Object.assign(Object.assign({}, state), { messages: Object.assign(Object.assign({}, state.messages), { [action.payload.conversationId]: (state.messages[action.payload.conversationId] || []).map((msg) => msg.id === action.payload.id ? action.payload : msg) }) });
-        case "SET_USERS":
-            return Object.assign(Object.assign({}, state), { users: action.payload });
-        case "UPDATE_USER":
-            return Object.assign(Object.assign({}, state), { users: Object.assign(Object.assign({}, state.users), { [action.payload.id]: action.payload }) });
-        case "SET_TYPING":
-            return Object.assign(Object.assign({}, state), { typingStatuses: [
-                    ...state.typingStatuses.filter((t) => !(t.userId === action.payload.userId && t.conversationId === action.payload.conversationId)),
-                    action.payload,
-                ] });
-        case "REMOVE_TYPING":
-            return Object.assign(Object.assign({}, state), { typingStatuses: state.typingStatuses.filter((t) => !(t.userId === action.payload.userId && t.conversationId === action.payload.conversationId)) });
-        case "SET_CONNECTION_STATUS":
-            return Object.assign(Object.assign({}, state), { isConnected: action.payload });
-        default:
-            return state;
-    }
-}
-const ChatContext = createContext(null);
-export function useChatContext() {
-    const context = useContext(ChatContext);
-    if (!context) {
-        throw new Error("useChatContext must be used within a ChatProvider");
-    }
-    return context;
-}
-export function ChatProvider({ children, userId, token, onTokenRefresh, websocketUrl = "demo", // Use "demo" as default to disable WebSocket
-enableWebSocket = false, // Disabled by default for demo
- }) {
-    const [state, dispatch] = useReducer(chatReducer, initialState);
-    // Initialize config
-    useEffect(() => {
-        const config = {
-            userId,
-            token,
-            wsUrl: enableWebSocket ? websocketUrl : "demo",
-            onTokenRefresh,
-        };
-        dispatch({ type: "SET_CONFIG", payload: config });
-        // Initialize current user
-        const currentUser = {
-            id: userId,
-            name: "You",
-            status: "online",
-        };
-        dispatch({ type: "UPDATE_USER", payload: currentUser });
-    }, [userId, token, websocketUrl, onTokenRefresh, enableWebSocket]);
-    // Initialize with mock data for demo - MORE CONVERSATIONS
-    useEffect(() => {
-        if (!state.config)
-            return;
-        const mockUsers = {
-            [userId]: {
-                id: userId,
-                name: "You",
-                status: "online",
-            },
-            "user-2": {
-                id: "user-2",
-                name: "Alice Johnson",
-                status: "online",
-                avatar: "/placeholder.svg?height=40&width=40",
-            },
-            "user-3": {
-                id: "user-3",
-                name: "Bob Smith",
-                status: "offline",
-                avatar: "/placeholder.svg?height=40&width=40",
-                lastSeen: new Date(Date.now() - 7200000),
-            },
-            "user-4": {
-                id: "user-4",
-                name: "Carol Davis",
-                status: "online",
-                avatar: "/placeholder.svg?height=40&width=40",
-            },
-            "user-5": {
-                id: "user-5",
-                name: "David Wilson",
-                status: "away",
-                avatar: "/placeholder.svg?height=40&width=40",
-                lastSeen: new Date(Date.now() - 1800000),
-            },
-            "user-6": {
-                id: "user-6",
-                name: "Emma Brown",
-                status: "online",
-                avatar: "/placeholder.svg?height=40&width=40",
-            },
-            "user-7": {
-                id: "user-7",
-                name: "Frank Miller",
-                status: "offline",
-                avatar: "/placeholder.svg?height=40&width=40",
-                lastSeen: new Date(Date.now() - 86400000),
-            },
-            "user-8": {
-                id: "user-8",
-                name: "Grace Lee",
-                status: "online",
-                avatar: "/placeholder.svg?height=40&width=40",
-            },
-            "user-9": {
-                id: "user-9",
-                name: "Henry Taylor",
-                status: "away",
-                avatar: "/placeholder.svg?height=40&width=40",
-                lastSeen: new Date(Date.now() - 3600000),
-            },
-            "user-10": {
-                id: "user-10",
-                name: "Ivy Chen",
-                status: "online",
-                avatar: "/placeholder.svg?height=40&width=40",
-            },
-            "group-1": {
-                id: "group-1",
-                name: "Team Project",
-                status: "online",
-                avatar: "/placeholder.svg?height=40&width=40",
-            },
-            "group-2": {
-                id: "group-2",
-                name: "Family Chat",
-                status: "online",
-                avatar: "/placeholder.svg?height=40&width=40",
-            },
-        };
-        const mockConversations = [
-            {
-                id: "conv-1",
-                participants: [mockUsers["user-2"], mockUsers[userId]],
-                unreadCount: 2,
-                updatedAt: new Date(Date.now() - 300000), // 5 minutes ago
-                type: "direct",
-                lastMessage: {
-                    id: "msg-1",
-                    conversationId: "conv-1",
-                    senderId: "user-2",
-                    content: "Hey there! How are you doing? 😊",
-                    type: "text",
-                    timestamp: new Date(Date.now() - 300000),
-                    status: "delivered",
-                },
-            },
-            {
-                id: "conv-2",
-                participants: [mockUsers["user-3"], mockUsers[userId]],
-                unreadCount: 0,
-                updatedAt: new Date(Date.now() - 1800000), // 30 minutes ago
-                type: "direct",
-                lastMessage: {
-                    id: "msg-2",
-                    conversationId: "conv-2",
-                    senderId: userId,
-                    content: "Thanks for the help earlier!",
-                    type: "text",
-                    timestamp: new Date(Date.now() - 1800000),
-                    status: "read",
-                },
-            },
-            {
-                id: "conv-3",
-                participants: [mockUsers["user-4"], mockUsers[userId]],
-                unreadCount: 1,
-                updatedAt: new Date(Date.now() - 3600000), // 1 hour ago
-                type: "direct",
-                lastMessage: {
-                    id: "msg-3",
-                    conversationId: "conv-3",
-                    senderId: "user-4",
-                    content: "Can you review this document?",
-                    type: "file",
-                    timestamp: new Date(Date.now() - 3600000),
-                    status: "delivered",
-                },
-            },
-            {
-                id: "conv-4",
-                participants: [mockUsers["user-5"], mockUsers[userId]],
-                unreadCount: 0,
-                updatedAt: new Date(Date.now() - 7200000), // 2 hours ago
-                type: "direct",
-                lastMessage: {
-                    id: "msg-4",
-                    conversationId: "conv-4",
-                    senderId: userId,
-                    content: "See you tomorrow!",
-                    type: "text",
-                    timestamp: new Date(Date.now() - 7200000),
-                    status: "read",
-                },
-            },
-            {
-                id: "conv-5",
-                participants: [mockUsers["user-6"], mockUsers[userId]],
-                unreadCount: 3,
-                updatedAt: new Date(Date.now() - 10800000), // 3 hours ago
-                type: "direct",
-                lastMessage: {
-                    id: "msg-5",
-                    conversationId: "conv-5",
-                    senderId: "user-6",
-                    content: "Check out these photos from the event!",
-                    type: "image",
-                    timestamp: new Date(Date.now() - 10800000),
-                    status: "delivered",
-                },
-            },
-            {
-                id: "conv-6",
-                participants: [mockUsers["user-7"], mockUsers[userId]],
-                unreadCount: 0,
-                updatedAt: new Date(Date.now() - 86400000), // 1 day ago
-                type: "direct",
-                lastMessage: {
-                    id: "msg-6",
-                    conversationId: "conv-6",
-                    senderId: "user-7",
-                    content: "Happy birthday! 🎉",
-                    type: "text",
-                    timestamp: new Date(Date.now() - 86400000),
-                    status: "read",
-                },
-            },
-            {
-                id: "conv-7",
-                participants: [mockUsers["user-8"], mockUsers[userId]],
-                unreadCount: 0,
-                updatedAt: new Date(Date.now() - 172800000), // 2 days ago
-                type: "direct",
-                lastMessage: {
-                    id: "msg-7",
-                    conversationId: "conv-7",
-                    senderId: userId,
-                    content: "Thanks for the coffee recommendation!",
-                    type: "text",
-                    timestamp: new Date(Date.now() - 172800000),
-                    status: "read",
-                },
-            },
-            {
-                id: "conv-8",
-                participants: [mockUsers["user-9"], mockUsers[userId]],
-                unreadCount: 1,
-                updatedAt: new Date(Date.now() - 259200000), // 3 days ago
-                type: "direct",
-                lastMessage: {
-                    id: "msg-8",
-                    conversationId: "conv-8",
-                    senderId: "user-9",
-                    content: "Let's schedule a meeting next week",
-                    type: "text",
-                    timestamp: new Date(Date.now() - 259200000),
-                    status: "delivered",
-                },
-            },
-            {
-                id: "conv-9",
-                participants: [mockUsers["user-10"], mockUsers[userId]],
-                unreadCount: 0,
-                updatedAt: new Date(Date.now() - 345600000), // 4 days ago
-                type: "direct",
-                lastMessage: {
-                    id: "msg-9",
-                    conversationId: "conv-9",
-                    senderId: userId,
-                    content: "Great presentation today!",
-                    type: "text",
-                    timestamp: new Date(Date.now() - 345600000),
-                    status: "read",
-                },
-            },
-            {
-                id: "group-conv-1",
-                participants: [mockUsers["group-1"], mockUsers[userId], mockUsers["user-2"], mockUsers["user-4"]],
-                unreadCount: 5,
-                updatedAt: new Date(Date.now() - 600000), // 10 minutes ago
-                type: "group",
-                name: "Team Project",
-                avatar: "/placeholder.svg?height=40&width=40",
-                lastMessage: {
-                    id: "msg-group-1",
-                    conversationId: "group-conv-1",
-                    senderId: "user-4",
-                    content: "The deadline has been moved to Friday",
-                    type: "text",
-                    timestamp: new Date(Date.now() - 600000),
-                    status: "delivered",
-                },
-            },
-            {
-                id: "group-conv-2",
-                participants: [mockUsers["group-2"], mockUsers[userId], mockUsers["user-6"], mockUsers["user-8"]],
-                unreadCount: 0,
-                updatedAt: new Date(Date.now() - 432000000), // 5 days ago
-                type: "group",
-                name: "Family Chat",
-                avatar: "/placeholder.svg?height=40&width=40",
-                lastMessage: {
-                    id: "msg-group-2",
-                    conversationId: "group-conv-2",
-                    senderId: "user-6",
-                    content: "Looking forward to the reunion!",
-                    type: "text",
-                    timestamp: new Date(Date.now() - 432000000),
-                    status: "read",
-                },
-            },
-        ];
-        dispatch({ type: "SET_USERS", payload: mockUsers });
-        dispatch({ type: "SET_CONVERSATIONS", payload: mockConversations });
-    }, [state.config, userId]);
-    const value = {
-        state,
-        dispatch,
-    };
-    return <ChatContext.Provider value={value}>{children}</ChatContext.Provider>;
-}

package/dist/hooks/useChat.d.ts

@@ -1,5 +0,0 @@
-export declare function useChat(conversationId: string): {
-    sendMessage: (content: string, type?: "text" | "image" | "file") => Promise<void>;
-    markAsRead: (messageId: string) => Promise<void>;
-};
-//# sourceMappingURL=useChat.d.ts.map

package/dist/hooks/useChat.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useChat.d.ts","sourceRoot":"","sources":["../../src/hooks/useChat.ts"],"names":[],"mappings":"AAOA,wBAAgB,OAAO,CAAC,cAAc,EAAE,MAAM;2BAK1B,MAAM,SAAQ,MAAM,GAAG,OAAO,GAAG,MAAM;4BA6DrC,MAAM;EAmB3B"}

package/dist/hooks/useChat.js

@@ -1,73 +0,0 @@
-"use client";
-import { useCallback } from "react";
-import { useChatContext } from "../context/ChatContext";
-import { useSocket } from "./useSocket";
-export function useChat(conversationId) {
-    const { state, dispatch } = useChatContext();
-    const { sendMessage: sendSocketMessage, isConnected } = useSocket();
-    const sendMessage = useCallback(async (content, type = "text") => {
-        var _a;
-        if (!((_a = state.config) === null || _a === void 0 ? void 0 : _a.userId) || !conversationId)
-            return;
-        const message = {
-            id: `msg-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`,
-            conversationId,
-            senderId: state.config.userId,
-            content,
-            type,
-            timestamp: new Date(),
-            status: "sending",
-        };
-        // Add message optimistically
-        dispatch({ type: "ADD_MESSAGE", payload: message });
-        try {
-            // Try to send via WebSocket if connected
-            const socketSent = sendSocketMessage({
-                type: "message",
-                data: message,
-            });
-            // Update message status
-            const updatedMessage = Object.assign(Object.assign({}, message), { status: (socketSent && isConnected ? "sent" : "delivered") });
-            // Simulate a small delay for better UX
-            setTimeout(() => {
-                dispatch({
-                    type: "UPDATE_MESSAGE",
-                    payload: updatedMessage,
-                });
-            }, 100);
-            // Update conversation's last message
-            const conversation = state.conversations.find((c) => c.id === conversationId);
-            if (conversation) {
-                dispatch({
-                    type: "UPDATE_CONVERSATION",
-                    payload: Object.assign(Object.assign({}, conversation), { lastMessage: updatedMessage, updatedAt: new Date() }),
-                });
-            }
-        }
-        catch (error) {
-            console.error("Failed to send message:", error);
-            dispatch({
-                type: "UPDATE_MESSAGE",
-                payload: Object.assign(Object.assign({}, message), { status: "delivered" }), // Still mark as delivered for demo
-            });
-        }
-    }, [state.config, conversationId, dispatch, sendSocketMessage, isConnected, state.conversations]);
-    const markAsRead = useCallback(async (messageId) => {
-        var _a;
-        if (!((_a = state.config) === null || _a === void 0 ? void 0 : _a.token))
-            return;
-        try {
-            sendSocketMessage({
-                type: "read",
-                data: { messageId, conversationId },
-            });
-        }
-        catch (error) {
-            console.error("Failed to mark message as read:", error);
-        }
-    }, [state.config, conversationId, sendSocketMessage]);
-    return {
-        sendMessage,
-        markAsRead,
-    };
-}

package/dist/hooks/useConversationList.d.ts

@@ -1,5 +0,0 @@
-export declare function useConversationList(): {
-    conversations: import("..").Conversation[];
-    isLoading: boolean;
-};
-//# sourceMappingURL=useConversationList.d.ts.map

package/dist/hooks/useConversationList.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useConversationList.d.ts","sourceRoot":"","sources":["../../src/hooks/useConversationList.ts"],"names":[],"mappings":"AAGA,wBAAgB,mBAAmB;;;EAOlC"}

package/dist/hooks/useConversationList.js

@@ -1,9 +0,0 @@
-"use client";
-import { useChatContext } from "../context/ChatContext";
-export function useConversationList() {
-    const { state } = useChatContext();
-    return {
-        conversations: state.conversations || [],
-        isLoading: false,
-    };
-}

package/dist/hooks/useMessages.d.ts

@@ -1,5 +0,0 @@
-export declare function useMessages(conversationId: string): {
-    messages: import("..").Message[];
-    isLoading: boolean;
-};
-//# sourceMappingURL=useMessages.d.ts.map

package/dist/hooks/useMessages.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useMessages.d.ts","sourceRoot":"","sources":["../../src/hooks/useMessages.ts"],"names":[],"mappings":"AAKA,wBAAgB,WAAW,CAAC,cAAc,EAAE,MAAM;;;EA+LjD"}