@droppii-org/chat-sdk 0.0.4 → 0.0.5

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"}

package/dist/hooks/useMessages.js

@@ -1,192 +0,0 @@
-"use client";
-import { useEffect } from "react";
-import { useChatContext } from "../context/ChatContext";
-export function useMessages(conversationId) {
-    const { state, dispatch } = useChatContext();
-    useEffect(() => {
-        var _a;
-        // Load messages for conversation if not already loaded
-        if (conversationId && !state.messages[conversationId] && ((_a = state.config) === null || _a === void 0 ? void 0 : _a.token)) {
-            // For demo, add some mock messages with different types
-            const mockMessages = [
-                // Older messages (yesterday)
-                {
-                    id: "old-1",
-                    conversationId,
-                    senderId: "user-2",
-                    content: "Hey! How was your weekend?",
-                    type: "text",
-                    timestamp: new Date(Date.now() - 86400000 - 3600000), // Yesterday, 1 hour earlier
-                    status: "read",
-                },
-                {
-                    id: "old-2",
-                    conversationId,
-                    senderId: state.config.userId,
-                    content: "It was great! Went hiking with friends 🏔️",
-                    type: "text",
-                    timestamp: new Date(Date.now() - 86400000 - 3000000), // Yesterday, 50 minutes earlier
-                    status: "read",
-                },
-                {
-                    id: "old-3",
-                    conversationId,
-                    senderId: state.config.userId,
-                    content: "Here are some photos from the trip!",
-                    type: "image",
-                    timestamp: new Date(Date.now() - 86400000 - 2700000), // Yesterday, 45 minutes earlier
-                    status: "read",
-                    attachments: [
-                        {
-                            id: "att-old-1",
-                            name: "mountain1.jpg",
-                            url: "/placeholder.svg?height=300&width=400",
-                            type: "image/jpeg",
-                            size: 245760,
-                        },
-                        {
-                            id: "att-old-2",
-                            name: "mountain2.jpg",
-                            url: "/placeholder.svg?height=300&width=400",
-                            type: "image/jpeg",
-                            size: 198432,
-                        },
-                    ],
-                },
-                {
-                    id: "old-4",
-                    conversationId,
-                    senderId: "user-2",
-                    content: "Wow, those are amazing! 😍 The view is incredible!",
-                    type: "text",
-                    timestamp: new Date(Date.now() - 86400000 - 2400000), // Yesterday, 40 minutes earlier
-                    status: "read",
-                },
-                // Today's messages
-                {
-                    id: "1",
-                    conversationId,
-                    senderId: "user-2",
-                    content: "Hey there! How are you doing today? 😊",
-                    type: "text",
-                    timestamp: new Date(Date.now() - 3600000), // 1 hour ago
-                    status: "read",
-                },
-                {
-                    id: "2",
-                    conversationId,
-                    senderId: state.config.userId,
-                    content: "I'm doing great! Thanks for asking. How about you?",
-                    type: "text",
-                    timestamp: new Date(Date.now() - 3000000), // 50 minutes ago
-                    status: "read",
-                },
-                {
-                    id: "3",
-                    conversationId,
-                    senderId: "user-2",
-                    content: "I'm good too! By the way, check out this cool website: https://example.com",
-                    type: "text",
-                    timestamp: new Date(Date.now() - 2700000), // 45 minutes ago
-                    status: "read",
-                },
-                {
-                    id: "4",
-                    conversationId,
-                    senderId: state.config.userId,
-                    content: "Look at this beautiful sunset!",
-                    type: "image",
-                    timestamp: new Date(Date.now() - 2400000), // 40 minutes ago
-                    status: "read",
-                    attachments: [
-                        {
-                            id: "att-1",
-                            name: "sunset.jpg",
-                            url: "/placeholder.svg?height=300&width=400",
-                            type: "image/jpeg",
-                            size: 245760,
-                        },
-                    ],
-                },
-                {
-                    id: "5",
-                    conversationId,
-                    senderId: "user-2",
-                    content: "Here's the document you requested",
-                    type: "file",
-                    timestamp: new Date(Date.now() - 1800000), // 30 minutes ago
-                    status: "read",
-                    attachments: [
-                        {
-                            id: "att-2",
-                            name: "project-proposal.pdf",
-                            url: "/placeholder.svg?height=200&width=200",
-                            type: "application/pdf",
-                            size: 1024000,
-                        },
-                    ],
-                },
-                {
-                    id: "6",
-                    conversationId,
-                    senderId: state.config.userId,
-                    content: "Photos from my vacation 📸",
-                    type: "image",
-                    timestamp: new Date(Date.now() - 1200000), // 20 minutes ago
-                    status: "read",
-                    attachments: [
-                        {
-                            id: "att-3",
-                            name: "beach1.jpg",
-                            url: "/placeholder.svg?height=200&width=300",
-                            type: "image/jpeg",
-                            size: 180000,
-                        },
-                        {
-                            id: "att-4",
-                            name: "beach2.jpg",
-                            url: "/placeholder.svg?height=200&width=300",
-                            type: "image/jpeg",
-                            size: 195000,
-                        },
-                    ],
-                },
-                {
-                    id: "7",
-                    conversationId,
-                    senderId: "user-2",
-                    content: "Wow, those photos are amazing! 🏖️",
-                    type: "text",
-                    timestamp: new Date(Date.now() - 600000), // 10 minutes ago
-                    status: "read",
-                },
-                {
-                    id: "8",
-                    conversationId,
-                    senderId: state.config.userId,
-                    content: "Thanks! The weather was perfect 🌞",
-                    type: "text",
-                    timestamp: new Date(Date.now() - 300000), // 5 minutes ago
-                    status: "read",
-                },
-                {
-                    id: "9",
-                    conversationId,
-                    senderId: "user-2",
-                    content: "I'm so jealous! I need a vacation too 😅",
-                    type: "text",
-                    timestamp: new Date(Date.now() - 60000), // 1 minute ago
-                    status: "delivered",
-                },
-            ];
-            dispatch({
-                type: "SET_MESSAGES",
-                payload: { conversationId, messages: mockMessages },
-            });
-        }
-    }, [conversationId, state.messages, state.config, dispatch]);
-    return {
-        messages: state.messages[conversationId] || [], // Ensure always returns array
-        isLoading: false,
-    };
-}

package/dist/hooks/useSocket.d.ts

@@ -1,7 +0,0 @@
-export declare function useSocket(): {
-    isConnected: boolean;
-    sendMessage: (message: any) => boolean;
-    disconnect: () => void;
-    reconnect: () => void;
-};
-//# sourceMappingURL=useSocket.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"useSocket.d.ts","sourceRoot":"","sources":["../../src/hooks/useSocket.ts"],"names":[],"mappings":"AAMA,wBAAgB,SAAS;;2BAgGmB,GAAG;;;EA+B9C"}