@droppii-org/chat-sdk 0.0.4 → 0.0.6

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

package/dist/hooks/useSocket.js

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

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

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

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

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

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

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

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

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

@@ -1,64 +0,0 @@
-"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,
-    };
-}