@droppii-org/chat-sdk 0.0.1

package/dist/hooks/useConversationList.d.ts

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

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

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

package/dist/hooks/useConversationList.js

@@ -0,0 +1,9 @@
+"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

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

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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,192 @@
+"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

@@ -0,0 +1,7 @@
+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

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

package/dist/hooks/useSocket.js

@@ -0,0 +1,120 @@
+"use client";
+import { useEffect, useRef, useCallback } from "react";
+import { useChatContext } from "../context/ChatContext";
+export function useSocket() {
+    const { state, dispatch } = useChatContext();
+    const socketRef = useRef(null);
+    const reconnectTimeoutRef = useRef();
+    const reconnectAttempts = useRef(0);
+    const maxReconnectAttempts = 3;
+    const connect = useCallback(() => {
+        var _a;
+        // Skip WebSocket connection in demo mode or if no URL provided
+        if (!((_a = state.config) === null || _a === void 0 ? void 0 : _a.wsUrl) || state.config.wsUrl.includes("localhost") || state.config.wsUrl === "demo") {
+            console.log("WebSocket disabled for demo mode");
+            dispatch({ type: "SET_CONNECTION_STATUS", payload: false });
+            return;
+        }
+        if (reconnectAttempts.current >= maxReconnectAttempts) {
+            console.log("Max reconnection attempts reached");
+            return;
+        }
+        try {
+            const ws = new WebSocket(`${state.config.wsUrl}?token=${state.config.token}`);
+            ws.onopen = () => {
+                console.log("WebSocket connected");
+                dispatch({ type: "SET_CONNECTION_STATUS", payload: true });
+                socketRef.current = ws;
+                reconnectAttempts.current = 0;
+            };
+            ws.onmessage = (event) => {
+                try {
+                    const message = JSON.parse(event.data);
+                    handleSocketMessage(message);
+                }
+                catch (error) {
+                    console.error("Failed to parse socket message:", error);
+                }
+            };
+            ws.onclose = (event) => {
+                console.log("WebSocket disconnected", event.code, event.reason);
+                dispatch({ type: "SET_CONNECTION_STATUS", payload: false });
+                socketRef.current = null;
+                // Only attempt to reconnect if it wasn't a manual close
+                if (event.code !== 1000 && reconnectAttempts.current < maxReconnectAttempts) {
+                    reconnectAttempts.current++;
+                    reconnectTimeoutRef.current = setTimeout(() => {
+                        console.log(`Reconnection attempt ${reconnectAttempts.current}`);
+                        connect();
+                    }, 3000 * reconnectAttempts.current); // Exponential backoff
+                }
+            };
+            ws.onerror = (error) => {
+                console.warn("WebSocket connection failed - running in offline mode");
+                dispatch({ type: "SET_CONNECTION_STATUS", payload: false });
+                // Don't attempt to reconnect on error to avoid spam
+                reconnectAttempts.current = maxReconnectAttempts;
+            };
+        }
+        catch (error) {
+            console.warn("Failed to create WebSocket connection - running in offline mode");
+            dispatch({ type: "SET_CONNECTION_STATUS", payload: false });
+        }
+    }, [state.config]);
+    const handleSocketMessage = useCallback((message) => {
+        switch (message.type) {
+            case "message":
+                dispatch({ type: "ADD_MESSAGE", payload: message.data });
+                break;
+            case "typing":
+                if (message.data.isTyping) {
+                    dispatch({ type: "SET_TYPING", payload: message.data });
+                }
+                else {
+                    dispatch({
+                        type: "REMOVE_TYPING",
+                        payload: {
+                            userId: message.data.userId,
+                            conversationId: message.data.conversationId,
+                        },
+                    });
+                }
+                break;
+            case "read":
+                dispatch({ type: "UPDATE_MESSAGE", payload: message.data });
+                break;
+            case "user_status":
+                dispatch({ type: "UPDATE_USER", payload: message.data });
+                break;
+        }
+    }, [dispatch]);
+    const sendMessage = useCallback((message) => {
+        var _a;
+        if (((_a = socketRef.current) === null || _a === void 0 ? void 0 : _a.readyState) === WebSocket.OPEN) {
+            socketRef.current.send(JSON.stringify(message));
+            return true;
+        }
+        console.log("WebSocket not connected - message not sent:", message);
+        return false;
+    }, []);
+    const disconnect = useCallback(() => {
+        if (reconnectTimeoutRef.current) {
+            clearTimeout(reconnectTimeoutRef.current);
+        }
+        if (socketRef.current) {
+            socketRef.current.close(1000, "Manual disconnect");
+            socketRef.current = null;
+        }
+        reconnectAttempts.current = maxReconnectAttempts;
+    }, []);
+    useEffect(() => {
+        connect();
+        return disconnect;
+    }, [connect, disconnect]);
+    return {
+        isConnected: state.isConnected,
+        sendMessage,
+        disconnect,
+        reconnect: connect,
+    };
+}

package/dist/hooks/useSwipeGesture.d.ts

@@ -0,0 +1,11 @@
+interface SwipeGestureOptions {
+    onSwipeRight?: () => void;
+    onSwipeLeft?: () => void;
+    threshold?: number;
+    restraint?: number;
+    allowedTime?: number;
+    enabled?: boolean;
+}
+export declare function useSwipeGesture({ onSwipeRight, onSwipeLeft, threshold, restraint, allowedTime, enabled, }: SwipeGestureOptions): import("react").RefObject<HTMLElement>;
+export {};
+//# sourceMappingURL=useSwipeGesture.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useSwipeGesture.d.ts","sourceRoot":"","sources":["../../src/hooks/useSwipeGesture.ts"],"names":[],"mappings":"AAIA,UAAU,mBAAmB;IAC3B,YAAY,CAAC,EAAE,MAAM,IAAI,CAAA;IACzB,WAAW,CAAC,EAAE,MAAM,IAAI,CAAA;IACxB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB;AAED,wBAAgB,eAAe,CAAC,EAC9B,YAAY,EACZ,WAAW,EACX,SAAe,EACf,SAAe,EACf,WAAiB,EACjB,OAAc,GACf,EAAE,mBAAmB,0CA+DrB"}

package/dist/hooks/useSwipeGesture.js

@@ -0,0 +1,54 @@
+"use client";
+import { useEffect, useRef, useCallback } from "react";
+export function useSwipeGesture({ onSwipeRight, onSwipeLeft, threshold = 100, restraint = 100, allowedTime = 300, enabled = true, }) {
+    const touchStartX = useRef(0);
+    const touchStartY = useRef(0);
+    const touchStartTime = useRef(0);
+    const elementRef = useRef(null);
+    const handleTouchStart = useCallback((e) => {
+        if (!enabled)
+            return;
+        const touch = e.touches[0];
+        touchStartX.current = touch.clientX;
+        touchStartY.current = touch.clientY;
+        touchStartTime.current = Date.now();
+    }, [enabled]);
+    const handleTouchEnd = useCallback((e) => {
+        if (!enabled)
+            return;
+        const touch = e.changedTouches[0];
+        const touchEndX = touch.clientX;
+        const touchEndY = touch.clientY;
+        const touchEndTime = Date.now();
+        const distanceX = touchEndX - touchStartX.current;
+        const distanceY = touchEndY - touchStartY.current;
+        const elapsedTime = touchEndTime - touchStartTime.current;
+        // Check if the swipe meets our criteria
+        if (elapsedTime <= allowedTime) {
+            // Check if horizontal distance is sufficient and vertical distance is within restraint
+            if (Math.abs(distanceX) >= threshold && Math.abs(distanceY) <= restraint) {
+                if (distanceX > 0) {
+                    // Swipe right
+                    onSwipeRight === null || onSwipeRight === void 0 ? void 0 : onSwipeRight();
+                }
+                else {
+                    // Swipe left
+                    onSwipeLeft === null || onSwipeLeft === void 0 ? void 0 : onSwipeLeft();
+                }
+            }
+        }
+    }, [enabled, threshold, restraint, allowedTime, onSwipeRight, onSwipeLeft]);
+    useEffect(() => {
+        const element = elementRef.current;
+        if (!element || !enabled)
+            return;
+        // Add passive event listeners for better performance
+        element.addEventListener("touchstart", handleTouchStart, { passive: true });
+        element.addEventListener("touchend", handleTouchEnd, { passive: true });
+        return () => {
+            element.removeEventListener("touchstart", handleTouchStart);
+            element.removeEventListener("touchend", handleTouchEnd);
+        };
+    }, [handleTouchStart, handleTouchEnd, enabled]);
+    return elementRef;
+}

package/dist/hooks/useTextSelection.d.ts

@@ -0,0 +1,13 @@
+export declare function useTextSelection(): {
+    textareaRef: import("react").RefObject<HTMLTextAreaElement>;
+    getSelection: () => {
+        start: number;
+        end: number;
+        selectedText: string;
+        hasSelection: boolean;
+    } | null;
+    replaceSelection: (newText: string, selectReplaced?: boolean) => void;
+    wrapSelection: (prefix: string, suffix?: string) => void;
+    applyFormat: (format: string) => void;
+};
+//# sourceMappingURL=useTextSelection.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useTextSelection.d.ts","sourceRoot":"","sources":["../../src/hooks/useTextSelection.ts"],"names":[],"mappings":"AAIA,wBAAgB,gBAAgB;;;;;;;;gCAmBiB,MAAM;4BA4B1C,MAAM,WAAU,MAAM;0BAqBtB,MAAM;EA0ElB"}

package/dist/hooks/useTextSelection.js

@@ -0,0 +1,132 @@
+"use client";
+import { useCallback, useRef } from "react";
+export function useTextSelection() {
+    const textareaRef = useRef(null);
+    const getSelection = useCallback(() => {
+        const textarea = textareaRef.current;
+        if (!textarea)
+            return null;
+        const start = textarea.selectionStart;
+        const end = textarea.selectionEnd;
+        const selectedText = textarea.value.substring(start, end);
+        return {
+            start,
+            end,
+            selectedText,
+            hasSelection: start !== end,
+        };
+    }, []);
+    const replaceSelection = useCallback((newText, selectReplaced = false) => {
+        const textarea = textareaRef.current;
+        if (!textarea)
+            return;
+        const start = textarea.selectionStart;
+        const end = textarea.selectionEnd;
+        const value = textarea.value;
+        const newValue = value.substring(0, start) + newText + value.substring(end);
+        // Update the textarea value
+        textarea.value = newValue;
+        // Trigger change event
+        const event = new Event("input", { bubbles: true });
+        textarea.dispatchEvent(event);
+        // Set cursor position
+        if (selectReplaced) {
+            textarea.setSelectionRange(start, start + newText.length);
+        }
+        else {
+            textarea.setSelectionRange(start + newText.length, start + newText.length);
+        }
+        textarea.focus();
+    }, []);
+    const wrapSelection = useCallback((prefix, suffix = prefix) => {
+        const selection = getSelection();
+        if (!selection)
+            return;
+        const { selectedText, hasSelection } = selection;
+        if (hasSelection) {
+            // Wrap selected text
+            const wrappedText = `${prefix}${selectedText}${suffix}`;
+            replaceSelection(wrappedText, true);
+        }
+        else {
+            // Insert formatting markers at cursor
+            const placeholder = prefix === suffix ? "text" : "link";
+            const wrappedText = `${prefix}${placeholder}${suffix}`;
+            replaceSelection(wrappedText, true);
+        }
+    }, [getSelection, replaceSelection]);
+    const applyFormat = useCallback((format) => {
+        const selection = getSelection();
+        if (!selection)
+            return;
+        const { selectedText, hasSelection, start } = selection;
+        switch (format) {
+            case "bold":
+                wrapSelection("**");
+                break;
+            case "italic":
+                wrapSelection("*");
+                break;
+            case "strikethrough":
+                wrapSelection("~~");
+                break;
+            case "code":
+                wrapSelection("`");
+                break;
+            case "quote":
+                if (hasSelection) {
+                    const quotedText = selectedText
+                        .split("\n")
+                        .map((line) => `> ${line}`)
+                        .join("\n");
+                    replaceSelection(quotedText);
+                }
+                else {
+                    replaceSelection("> ");
+                }
+                break;
+            case "link":
+                if (hasSelection) {
+                    const linkText = `[${selectedText}](url)`;
+                    replaceSelection(linkText, true);
+                }
+                else {
+                    replaceSelection("[text](url)", true);
+                }
+                break;
+            case "numbered-list":
+                if (hasSelection) {
+                    const listText = selectedText
+                        .split("\n")
+                        .map((line, index) => `${index + 1}. ${line}`)
+                        .join("\n");
+                    replaceSelection(listText);
+                }
+                else {
+                    replaceSelection("1. ");
+                }
+                break;
+            case "bullet-list":
+                if (hasSelection) {
+                    const listText = selectedText
+                        .split("\n")
+                        .map((line) => `• ${line}`)
+                        .join("\n");
+                    replaceSelection(listText);
+                }
+                else {
+                    replaceSelection("• ");
+                }
+                break;
+            default:
+                break;
+        }
+    }, [getSelection, wrapSelection, replaceSelection]);
+    return {
+        textareaRef,
+        getSelection,
+        replaceSelection,
+        wrapSelection,
+        applyFormat,
+    };
+}

package/dist/hooks/useTyping.d.ts

@@ -0,0 +1,7 @@
+export declare function useTyping(conversationId: string): {
+    startTyping: () => void;
+    stopTyping: () => void;
+    typingUsers: import("..").User[];
+    isTyping: boolean;
+};
+//# sourceMappingURL=useTyping.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useTyping.d.ts","sourceRoot":"","sources":["../../src/hooks/useTyping.ts"],"names":[],"mappings":"AAMA,wBAAgB,SAAS,CAAC,cAAc,EAAE,MAAM;;;;;EAgE/C"}

package/dist/hooks/useTyping.js

@@ -0,0 +1,64 @@
+"use client";
+import { useCallback, useEffect, useRef } from "react";
+import { useChatContext } from "../context/ChatContext";
+import { useSocket } from "./useSocket";
+export function useTyping(conversationId) {
+    var _a, _b;
+    const { state } = useChatContext();
+    const { sendMessage } = useSocket();
+    const typingTimeoutRef = useRef();
+    const startTyping = useCallback(() => {
+        var _a;
+        if (!((_a = state.config) === null || _a === void 0 ? void 0 : _a.userId) || !conversationId)
+            return;
+        sendMessage({
+            type: "typing",
+            data: {
+                userId: state.config.userId,
+                conversationId,
+                isTyping: true,
+            },
+        });
+        // Clear existing timeout
+        if (typingTimeoutRef.current) {
+            clearTimeout(typingTimeoutRef.current);
+        }
+        // Stop typing after 3 seconds of inactivity
+        typingTimeoutRef.current = setTimeout(() => {
+            stopTyping();
+        }, 3000);
+    }, [(_a = state.config) === null || _a === void 0 ? void 0 : _a.userId, conversationId, sendMessage]);
+    const stopTyping = useCallback(() => {
+        var _a;
+        if (!((_a = state.config) === null || _a === void 0 ? void 0 : _a.userId) || !conversationId)
+            return;
+        sendMessage({
+            type: "typing",
+            data: {
+                userId: state.config.userId,
+                conversationId,
+                isTyping: false,
+            },
+        });
+        if (typingTimeoutRef.current) {
+            clearTimeout(typingTimeoutRef.current);
+        }
+    }, [(_b = state.config) === null || _b === void 0 ? void 0 : _b.userId, conversationId, sendMessage]);
+    const typingUsers = state.typingStatuses
+        .filter((t) => { var _a; return t.conversationId === conversationId && t.userId !== ((_a = state.config) === null || _a === void 0 ? void 0 : _a.userId) && t.isTyping; })
+        .map((t) => state.users[t.userId])
+        .filter(Boolean);
+    useEffect(() => {
+        return () => {
+            if (typingTimeoutRef.current) {
+                clearTimeout(typingTimeoutRef.current);
+            }
+        };
+    }, []);
+    return {
+        startTyping,
+        stopTyping,
+        typingUsers,
+        isTyping: typingUsers.length > 0,
+    };
+}