@droppii-org/chat-sdk 0.0.4 → 0.0.5

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.d.ts

@@ -1,72 +0,0 @@
-import { type ReactNode } from "react";
-import type React from "react";
-import type { ChatConfig, Conversation, Message, User, TypingStatus } from "../types";
-interface ChatState {
-    config: ChatConfig | null;
-    conversations: Conversation[];
-    messages: Record<string, Message[]>;
-    users: Record<string, User>;
-    typingStatuses: TypingStatus[];
-    currentUser: User | null;
-    isConnected: boolean;
-}
-type ChatAction = {
-    type: "SET_CONFIG";
-    payload: ChatConfig;
-} | {
-    type: "SET_CONVERSATIONS";
-    payload: Conversation[];
-} | {
-    type: "ADD_CONVERSATION";
-    payload: Conversation;
-} | {
-    type: "UPDATE_CONVERSATION";
-    payload: Conversation;
-} | {
-    type: "SET_MESSAGES";
-    payload: {
-        conversationId: string;
-        messages: Message[];
-    };
-} | {
-    type: "ADD_MESSAGE";
-    payload: Message;
-} | {
-    type: "UPDATE_MESSAGE";
-    payload: Message;
-} | {
-    type: "SET_USERS";
-    payload: Record<string, User>;
-} | {
-    type: "UPDATE_USER";
-    payload: User;
-} | {
-    type: "SET_TYPING";
-    payload: TypingStatus;
-} | {
-    type: "REMOVE_TYPING";
-    payload: {
-        userId: string;
-        conversationId: string;
-    };
-} | {
-    type: "SET_CONNECTION_STATUS";
-    payload: boolean;
-};
-interface ChatContextType {
-    state: ChatState;
-    dispatch: React.Dispatch<ChatAction>;
-}
-export declare function useChatContext(): ChatContextType;
-interface ChatProviderProps {
-    children: ReactNode;
-    userId: string;
-    token: string;
-    onTokenRefresh?: () => Promise<string>;
-    websocketUrl?: string;
-    enableWebSocket?: boolean;
-}
-export declare function ChatProvider({ children, userId, token, onTokenRefresh, websocketUrl, // Use "demo" as default to disable WebSocket
-enableWebSocket, }: ChatProviderProps): import("react/jsx-runtime").JSX.Element;
-export {};
-//# sourceMappingURL=ChatContext.d.ts.map

package/dist/context/ChatContext.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ChatContext.d.ts","sourceRoot":"","sources":["../../src/context/ChatContext.tsx"],"names":[],"mappings":"AACA,OAAO,EAAoD,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AACxF,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,KAAK,EAAE,UAAU,EAAE,YAAY,EAAE,OAAO,EAAE,IAAI,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AAErF,UAAU,SAAS;IACjB,MAAM,EAAE,UAAU,GAAG,IAAI,CAAA;IACzB,aAAa,EAAE,YAAY,EAAE,CAAA;IAC7B,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,EAAE,CAAC,CAAA;IACnC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,IAAI,CAAC,CAAA;IAC3B,cAAc,EAAE,YAAY,EAAE,CAAA;IAC9B,WAAW,EAAE,IAAI,GAAG,IAAI,CAAA;IACxB,WAAW,EAAE,OAAO,CAAA;CACrB;AAED,KAAK,UAAU,GACX;IAAE,IAAI,EAAE,YAAY,CAAC;IAAC,OAAO,EAAE,UAAU,CAAA;CAAE,GAC3C;IAAE,IAAI,EAAE,mBAAmB,CAAC;IAAC,OAAO,EAAE,YAAY,EAAE,CAAA;CAAE,GACtD;IAAE,IAAI,EAAE,kBAAkB,CAAC;IAAC,OAAO,EAAE,YAAY,CAAA;CAAE,GACnD;IAAE,IAAI,EAAE,qBAAqB,CAAC;IAAC,OAAO,EAAE,YAAY,CAAA;CAAE,GACtD;IAAE,IAAI,EAAE,cAAc,CAAC;IAAC,OAAO,EAAE;QAAE,cAAc,EAAE,MAAM,CAAC;QAAC,QAAQ,EAAE,OAAO,EAAE,CAAA;KAAE,CAAA;CAAE,GAClF;IAAE,IAAI,EAAE,aAAa,CAAC;IAAC,OAAO,EAAE,OAAO,CAAA;CAAE,GACzC;IAAE,IAAI,EAAE,gBAAgB,CAAC;IAAC,OAAO,EAAE,OAAO,CAAA;CAAE,GAC5C;IAAE,IAAI,EAAE,WAAW,CAAC;IAAC,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,IAAI,CAAC,CAAA;CAAE,GACpD;IAAE,IAAI,EAAE,aAAa,CAAC;IAAC,OAAO,EAAE,IAAI,CAAA;CAAE,GACtC;IAAE,IAAI,EAAE,YAAY,CAAC;IAAC,OAAO,EAAE,YAAY,CAAA;CAAE,GAC7C;IAAE,IAAI,EAAE,eAAe,CAAC;IAAC,OAAO,EAAE;QAAE,MAAM,EAAE,MAAM,CAAC;QAAC,cAAc,EAAE,MAAM,CAAA;KAAE,CAAA;CAAE,GAC9E;IAAE,IAAI,EAAE,uBAAuB,CAAC;IAAC,OAAO,EAAE,OAAO,CAAA;CAAE,CAAA;AAkGvD,UAAU,eAAe;IACvB,KAAK,EAAE,SAAS,CAAA;IAChB,QAAQ,EAAE,KAAK,CAAC,QAAQ,CAAC,UAAU,CAAC,CAAA;CACrC;AAID,wBAAgB,cAAc,oBAM7B;AAED,UAAU,iBAAiB;IACzB,QAAQ,EAAE,SAAS,CAAA;IACnB,MAAM,EAAE,MAAM,CAAA;IACd,KAAK,EAAE,MAAM,CAAA;IACb,cAAc,CAAC,EAAE,MAAM,OAAO,CAAC,MAAM,CAAC,CAAA;IACtC,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,eAAe,CAAC,EAAE,OAAO,CAAA;CAC1B;AAED,wBAAgB,YAAY,CAAC,EAC3B,QAAQ,EACR,MAAM,EACN,KAAK,EACL,cAAc,EACd,YAAqB,EAAE,6CAA6C;AACpE,eAAuB,GACxB,EAAE,iBAAiB,2CAySnB"}

package/dist/context/ChatContext.js

@@ -1,347 +0,0 @@
-"use client";
-import { jsx as _jsx } from "react/jsx-runtime";
-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 _jsx(ChatContext.Provider, { value: value, children: children });
-}