captify 0.1.15 → 0.1.17

package/dist/components/comments/Comments.js

@@ -1,684 +0,0 @@
-"use client";
-import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
-import React, { useEffect, useState, useCallback } from "react";
-import { CommentsProvider } from "../../context/comments-context";
-import { CommentList } from "./CommentList";
-import { CommentForm } from "./CommentForm";
-import { Skeleton } from "../ui/skeleton";
-import { Alert, AlertDescription } from "../ui/alert";
-import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue, } from "../ui/select";
-import { AlertCircle, Bot, ArrowUpDown } from "lucide-react";
-import { STANDARD_USER_PERMISSIONS } from "../../services/comments/interfaces";
-// AI Assistant user for mentions
-const AI_ASSISTANT_USER = {
-    id: "askcaptify",
-    name: "Ask Captify",
-    email: "ai@captify.com",
-};
-export function Comments({ entityId, entityType, currentUser, permissions = STANDARD_USER_PERMISSIONS, callbacks, initialComments, apiEndpoint = "/api/comments", mockMode = false, mentionableUsers = [], onSearchUsers, pageSize = 20, enableThreading = true, maxThreadDepth = 3, className, placeholder = "Write a comment...", showCount = true, header, emptyState, enableAiMentions = false, aiAgentEndpoint = "/api/agent", aiAgentModel = "gpt-4o", aiAgentInstructions = "You are a helpful AI assistant answering questions in document comments. Be concise and helpful. If asked about the document content, provide relevant insights.", defaultSortOrder = "newest", showSortControls = true, }) {
-    const [comments, setComments] = useState(initialComments || []);
-    const [loading, setLoading] = useState(!initialComments);
-    const [error, setError] = useState(null);
-    const [hasMore, setHasMore] = useState(true);
-    const [cursor, setCursor] = useState();
-    const [totalCount, setTotalCount] = useState();
-    const [aiResponding, setAiResponding] = useState(false);
-    const [sortOrder, setSortOrder] = useState(defaultSortOrder);
-    // Sort comments based on current sort order
-    const sortedComments = React.useMemo(() => {
-        const sorted = [...comments].sort((a, b) => {
-            const dateA = new Date(a.createdAt).getTime();
-            const dateB = new Date(b.createdAt).getTime();
-            return sortOrder === "newest" ? dateB - dateA : dateA - dateB;
-        });
-        return sorted;
-    }, [comments, sortOrder]);
-    // Merge AI user with mentionable users if enabled
-    const allMentionableUsers = enableAiMentions
-        ? [AI_ASSISTANT_USER, ...mentionableUsers]
-        : mentionableUsers;
-    // Check if content mentions AI assistant
-    const checkForAiMention = (content) => {
-        const hasAiMention = content.includes(`@[${AI_ASSISTANT_USER.name}]`) ||
-            content.toLowerCase().includes("@askcaptify") ||
-            content.toLowerCase().includes("@ask captify") ||
-            content.includes("@[Ask Captify]");
-        // eslint-disable-next-line no-console
-        console.log("Checking for AI mention in:", content, "Result:", hasAiMention);
-        return hasAiMention;
-    };
-    // Extract question from comment content
-    const extractQuestion = (content) => {
-        // Remove the mention syntax to get the actual question
-        const question = content
-            .replace(/@\[Ask Captify\]\(askcaptify\)/g, "")
-            .replace(/@\[Ask Captify\]/g, "")
-            .replace(/@Ask Captify/gi, "")
-            .replace(/@askcaptify/gi, "")
-            .trim();
-        // eslint-disable-next-line no-console
-        console.log("Extracted question:", question);
-        return question;
-    };
-    // Build context from existing comments for AI
-    const buildConversationContext = useCallback((parentCommentId) => {
-        var _a;
-        // Find the parent comment and its thread
-        const parentComment = comments.find((c) => c.id === parentCommentId);
-        if (!parentComment) {
-            // Check if it's a reply to a reply
-            for (const comment of comments) {
-                const reply = (_a = comment.replies) === null || _a === void 0 ? void 0 : _a.find((r) => r.id === parentCommentId);
-                if (reply) {
-                    // Build context from the thread
-                    let context = `Previous comments in this thread:\n\n`;
-                    context += `${comment.author.name}: ${comment.content}\n\n`;
-                    for (const r of comment.replies) {
-                        if (r.id === parentCommentId)
-                            break;
-                        context += `${r.author.name}: ${r.content}\n\n`;
-                    }
-                    return context;
-                }
-            }
-            return "";
-        }
-        // Build context from all comments in the conversation
-        let context = `Previous comments on this ${entityType}:\n\n`;
-        // Get recent comments (up to 10) for context
-        const recentComments = comments.slice(0, 10);
-        for (const comment of recentComments) {
-            context += `${comment.author.name}: ${comment.content}\n`;
-            // Include replies if any
-            if (comment.replies && comment.replies.length > 0) {
-                for (const reply of comment.replies.slice(0, 3)) {
-                    context += `  └ ${reply.author.name}: ${reply.content}\n`;
-                }
-            }
-            context += "\n";
-        }
-        return context;
-    }, [comments, entityType]);
-    // Generate AI response
-    const generateAiResponse = useCallback(async (question, parentCommentId) => {
-        var _a, _b, _c;
-        if (!enableAiMentions)
-            return;
-        setAiResponding(true);
-        try {
-            // Build context from existing comments
-            const conversationContext = buildConversationContext(parentCommentId);
-            // Create enhanced prompt with context
-            const contextualPrompt = conversationContext
-                ? `${conversationContext}\n---\n\nUser's question: ${question}`
-                : question;
-            const response = await fetch(aiAgentEndpoint, {
-                method: "POST",
-                headers: { "Content-Type": "application/json" },
-                body: JSON.stringify({
-                    messages: [
-                        {
-                            id: `msg-${Date.now()}`,
-                            role: "user",
-                            parts: [{ type: "text", text: contextualPrompt }],
-                        },
-                    ],
-                    model: aiAgentModel,
-                    instructions: `${aiAgentInstructions}\n\nIMPORTANT: You are responding to a comment in a discussion thread. Use the conversation context provided to give relevant, specific answers. Reference specific points from the discussion when appropriate. Keep your response focused and helpful.`,
-                    maxSteps: 5,
-                    temperature: 0.7,
-                    maxTokens: 1000,
-                }),
-            });
-            if (!response.ok) {
-                const errorText = await response.text();
-                // eslint-disable-next-line no-console
-                console.error("AI response error:", response.status, errorText);
-                throw new Error(`Failed to get AI response: ${response.status}`);
-            }
-            // Read streaming response
-            const reader = (_a = response.body) === null || _a === void 0 ? void 0 : _a.getReader();
-            if (!reader)
-                throw new Error("No response body");
-            let aiResponseText = "";
-            let buffer = ""; // Buffer for incomplete lines
-            // eslint-disable-next-line no-undef
-            const decoder = new TextDecoder();
-            while (true) {
-                const { done, value } = await reader.read();
-                if (done)
-                    break;
-                const chunk = decoder.decode(value, { stream: true });
-                buffer += chunk;
-                // eslint-disable-next-line no-console
-                console.log("Raw chunk:", chunk);
-                // Parse AI SDK streaming format (data: {...} format)
-                // Split by newlines but keep incomplete lines in buffer
-                const lines = buffer.split("\n");
-                buffer = lines.pop() || ""; // Keep last potentially incomplete line
-                for (const line of lines) {
-                    const trimmedLine = line.trim();
-                    if (!trimmedLine)
-                        continue;
-                    // eslint-disable-next-line no-console
-                    console.log("Processing line:", trimmedLine);
-                    // Handle data: prefix format (AI SDK UI Message Stream Protocol)
-                    if (trimmedLine.startsWith("data: ")) {
-                        try {
-                            const jsonStr = trimmedLine.slice(6);
-                            const data = JSON.parse(jsonStr);
-                            // eslint-disable-next-line no-console
-                            console.log("Parsed data:", JSON.stringify(data));
-                            // Handle text-delta events
-                            if (data.type === "text-delta") {
-                                // eslint-disable-next-line no-console
-                                console.log("Found text-delta, delta field:", JSON.stringify(data.delta), "textDelta field:", JSON.stringify(data.textDelta));
-                                if (data.delta !== undefined && data.delta !== null) {
-                                    aiResponseText += String(data.delta);
-                                    // eslint-disable-next-line no-console
-                                    console.log("Added delta:", data.delta, "| Total so far:", aiResponseText.length, "chars");
-                                }
-                                else if (typeof data.textDelta === "string") {
-                                    // Alternative field name
-                                    aiResponseText += data.textDelta;
-                                    // eslint-disable-next-line no-console
-                                    console.log("Added textDelta:", data.textDelta, "| Total so far:", aiResponseText.length, "chars");
-                                }
-                                else {
-                                    // eslint-disable-next-line no-console
-                                    console.log("text-delta event with no delta or textDelta field:", JSON.stringify(data));
-                                }
-                            }
-                            else if (data.type === "tool-result") {
-                                // Tool results might contain useful text
-                                // eslint-disable-next-line no-console
-                                console.log("Tool result:", data);
-                            }
-                            else if (data.type === "finish" ||
-                                data.type === "finish-step" ||
-                                data.type === "finish-message") {
-                                // eslint-disable-next-line no-console
-                                console.log("Stream finished:", data.type);
-                            }
-                            else if (data.type === "step-start" || data.type === "text-start") {
-                                // eslint-disable-next-line no-console
-                                console.log("Stream started:", data.type);
-                            }
-                        }
-                        catch (parseErr) {
-                            // eslint-disable-next-line no-console
-                            console.log("Parse error for line:", trimmedLine, parseErr);
-                        }
-                    }
-                    else if (trimmedLine.startsWith("0:")) {
-                        // Alternative format: 0:"text content" (older AI SDK format)
-                        try {
-                            const text = JSON.parse(trimmedLine.slice(2));
-                            if (typeof text === "string") {
-                                aiResponseText += text;
-                                // eslint-disable-next-line no-console
-                                console.log("Added text (0: format):", text);
-                            }
-                        }
-                        catch (_d) {
-                            // Ignore parsing errors
-                        }
-                    }
-                    else if (trimmedLine.startsWith("e:")) {
-                        // Error event
-                        try {
-                            const errorData = JSON.parse(trimmedLine.slice(2));
-                            // eslint-disable-next-line no-console
-                            console.error("Stream error event:", errorData);
-                        }
-                        catch (_e) {
-                            // Ignore parsing errors
-                        }
-                    }
-                }
-            }
-            // Process any remaining buffer
-            if (buffer.trim()) {
-                const trimmedLine = buffer.trim();
-                // eslint-disable-next-line no-console
-                console.log("Processing remaining buffer:", trimmedLine);
-                if (trimmedLine.startsWith("data: ")) {
-                    try {
-                        const data = JSON.parse(trimmedLine.slice(6));
-                        // eslint-disable-next-line no-console
-                        console.log("Buffer parsed data:", data);
-                        if (data.type === "text-delta" && data.delta) {
-                            aiResponseText += data.delta;
-                            // eslint-disable-next-line no-console
-                            console.log("Buffer added delta:", data.delta);
-                        }
-                    }
-                    catch (err) {
-                        // eslint-disable-next-line no-console
-                        console.log("Buffer parse error:", err);
-                    }
-                }
-            }
-            // eslint-disable-next-line no-console
-            console.log("Final AI response text:", aiResponseText);
-            // eslint-disable-next-line no-console
-            console.log("Response length:", aiResponseText.length);
-            if (!aiResponseText.trim()) {
-                // eslint-disable-next-line no-console
-                console.warn("AI returned empty response - this may indicate a streaming format mismatch");
-                return;
-            }
-            // Save AI response as a reply through the API (or mock mode)
-            let aiComment;
-            if (mockMode) {
-                // Mock mode: create comment locally
-                aiComment = {
-                    id: `ai-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`,
-                    entityId,
-                    entityType,
-                    parentId: parentCommentId,
-                    author: {
-                        id: AI_ASSISTANT_USER.id,
-                        name: AI_ASSISTANT_USER.name,
-                        email: AI_ASSISTANT_USER.email,
-                    },
-                    content: aiResponseText.trim(),
-                    attachments: [],
-                    mentions: [],
-                    threadDepth: 1,
-                    replyCount: 0,
-                    createdAt: new Date().toISOString(),
-                    isEdited: false,
-                };
-            }
-            else {
-                // API mode: save to server with retry logic for eventual consistency
-                const payload = {
-                    entityId,
-                    entityType,
-                    content: aiResponseText.trim(),
-                    parentId: parentCommentId,
-                    // Include AI author info for the backend to handle
-                    authorId: AI_ASSISTANT_USER.id,
-                    authorName: AI_ASSISTANT_USER.name,
-                    authorEmail: AI_ASSISTANT_USER.email,
-                };
-                // Retry logic for DynamoDB eventual consistency
-                let retries = 3;
-                let lastError = null;
-                while (retries > 0) {
-                    const saveResponse = await fetch(apiEndpoint, {
-                        method: "POST",
-                        headers: { "Content-Type": "application/json" },
-                        body: JSON.stringify(payload),
-                    });
-                    if (saveResponse.ok) {
-                        aiComment = await saveResponse.json();
-                        break;
-                    }
-                    // Check if it's a "not found" error (parent not yet available)
-                    if (saveResponse.status === 404) {
-                        retries--;
-                        if (retries > 0) {
-                            // eslint-disable-next-line no-console
-                            console.log(`Parent comment not found, retrying... (${retries} retries left)`);
-                            // Wait before retrying (increasing delay)
-                            await new Promise((resolve) => setTimeout(resolve, 1000 * (4 - retries)));
-                            continue;
-                        }
-                    }
-                    lastError = new Error(`Failed to save AI response: ${saveResponse.status}`);
-                    break;
-                }
-                if (!aiComment) {
-                    throw lastError || new Error("Failed to save AI response after retries");
-                }
-            }
-            // Add AI response to local state
-            setComments((prev) => {
-                // First check if parent is a root comment
-                const updatedComments = prev.map((comment) => {
-                    if (comment.id === parentCommentId) {
-                        return Object.assign(Object.assign({}, comment), { replies: [...comment.replies, Object.assign(Object.assign({}, aiComment), { replies: [], hasMoreReplies: false })], replyCount: comment.replyCount + 1 });
-                    }
-                    // Also check if parent is in replies
-                    if (comment.replies.some((r) => r.id === parentCommentId)) {
-                        return Object.assign(Object.assign({}, comment), { replies: comment.replies.map((reply) => reply.id === parentCommentId
-                                ? Object.assign(Object.assign({}, reply), { replies: [
-                                        ...reply.replies,
-                                        Object.assign(Object.assign({}, aiComment), { replies: [], hasMoreReplies: false }),
-                                    ], replyCount: reply.replyCount + 1 }) : reply) });
-                    }
-                    return comment;
-                });
-                // eslint-disable-next-line no-console
-                console.log("Updated comments with AI reply");
-                return updatedComments;
-            });
-            if (totalCount !== undefined) {
-                setTotalCount(totalCount + 1);
-            }
-            (_b = callbacks === null || callbacks === void 0 ? void 0 : callbacks.onCommentAdded) === null || _b === void 0 ? void 0 : _b.call(callbacks, aiComment);
-        }
-        catch (err) {
-            // eslint-disable-next-line no-console
-            console.error("Failed to generate AI response:", err);
-            (_c = callbacks === null || callbacks === void 0 ? void 0 : callbacks.onError) === null || _c === void 0 ? void 0 : _c.call(callbacks, err instanceof Error ? err : new Error("AI response failed"));
-        }
-        finally {
-            setAiResponding(false);
-        }
-    }, [
-        enableAiMentions,
-        aiAgentEndpoint,
-        aiAgentModel,
-        aiAgentInstructions,
-        entityId,
-        entityType,
-        totalCount,
-        callbacks,
-        apiEndpoint,
-        mockMode,
-        buildConversationContext,
-    ]);
-    // Fetch comments
-    const fetchComments = useCallback(async (reset = false) => {
-        var _a;
-        // In mock mode, don't fetch from API
-        if (mockMode) {
-            setLoading(false);
-            setHasMore(false);
-            return;
-        }
-        try {
-            setLoading(true);
-            setError(null);
-            const params = new URLSearchParams({
-                entityId,
-                entityType,
-                limit: pageSize.toString(),
-                rootOnly: enableThreading.toString(),
-            });
-            if (!reset && cursor) {
-                params.append("cursor", cursor);
-            }
-            const response = await fetch(`${apiEndpoint}?${params}`);
-            if (!response.ok) {
-                throw new Error("Failed to fetch comments");
-            }
-            const data = await response.json();
-            if (reset) {
-                setComments(data.comments || []);
-            }
-            else {
-                setComments((prev) => [...prev, ...(data.comments || [])]);
-            }
-            setCursor(data.nextCursor);
-            setHasMore(data.hasMore);
-            if (data.totalCount !== undefined) {
-                setTotalCount(data.totalCount);
-            }
-        }
-        catch (err) {
-            const message = err instanceof Error ? err.message : "Failed to load comments";
-            setError(message);
-            (_a = callbacks === null || callbacks === void 0 ? void 0 : callbacks.onError) === null || _a === void 0 ? void 0 : _a.call(callbacks, err instanceof Error ? err : new Error(message));
-        }
-        finally {
-            setLoading(false);
-        }
-    }, [entityId, entityType, pageSize, enableThreading, cursor, apiEndpoint, mockMode, callbacks]);
-    // Initial fetch
-    useEffect(() => {
-        if (!initialComments && !mockMode) {
-            fetchComments(true);
-        }
-        else {
-            setLoading(false);
-            setHasMore(false);
-        }
-    }, [entityId, entityType, mockMode]); // eslint-disable-line react-hooks/exhaustive-deps
-    // Add new comment
-    const handleAddComment = useCallback(async (content, attachmentIds, parentId) => {
-        var _a, _b, _c;
-        try {
-            let newComment;
-            if (mockMode) {
-                // Mock mode: create comment locally
-                newComment = {
-                    id: `comment-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`,
-                    entityId,
-                    entityType,
-                    parentId,
-                    author: {
-                        id: currentUser.id,
-                        name: currentUser.name,
-                        email: currentUser.email,
-                        avatarUrl: currentUser.avatarUrl,
-                    },
-                    content,
-                    attachments: [],
-                    mentions: [],
-                    threadDepth: parentId ? 1 : 0,
-                    replyCount: 0,
-                    createdAt: new Date().toISOString(),
-                    isEdited: false,
-                };
-            }
-            else {
-                // API mode: send to server
-                const payload = {
-                    entityId,
-                    entityType,
-                    content,
-                };
-                // Only include optional fields if they have values
-                if (parentId) {
-                    payload.parentId = parentId;
-                }
-                if (attachmentIds && attachmentIds.length > 0) {
-                    payload.attachmentIds = attachmentIds;
-                }
-                const response = await fetch(apiEndpoint, {
-                    method: "POST",
-                    headers: { "Content-Type": "application/json" },
-                    body: JSON.stringify(payload),
-                });
-                if (!response.ok) {
-                    throw new Error("Failed to create comment");
-                }
-                newComment = await response.json();
-            }
-            // Update local state
-            if (parentId) {
-                // Add as reply
-                setComments((prev) => prev.map((comment) => {
-                    if (comment.id === parentId) {
-                        return Object.assign(Object.assign({}, comment), { replies: [
-                                ...comment.replies,
-                                Object.assign(Object.assign({}, newComment), { replies: [], hasMoreReplies: false }),
-                            ], replyCount: comment.replyCount + 1 });
-                    }
-                    return comment;
-                }));
-            }
-            else {
-                // Add as root comment
-                setComments((prev) => [Object.assign(Object.assign({}, newComment), { replies: [], hasMoreReplies: false }), ...prev]);
-            }
-            if (totalCount !== undefined) {
-                setTotalCount(totalCount + 1);
-            }
-            (_a = callbacks === null || callbacks === void 0 ? void 0 : callbacks.onCommentAdded) === null || _a === void 0 ? void 0 : _a.call(callbacks, newComment);
-            // Trigger mention notifications
-            if (((_b = newComment.mentions) === null || _b === void 0 ? void 0 : _b.length) > 0) {
-                newComment.mentions.forEach((mention) => {
-                    var _a;
-                    (_a = callbacks === null || callbacks === void 0 ? void 0 : callbacks.onMentionAdded) === null || _a === void 0 ? void 0 : _a.call(callbacks, mention.userId, newComment.id);
-                });
-            }
-            // Check for AI mention and generate response
-            if (enableAiMentions && checkForAiMention(content)) {
-                const question = extractQuestion(content);
-                if (question) {
-                    // Delay to allow UI to update and ensure parent comment is saved/indexed
-                    // DynamoDB eventual consistency may require a brief wait
-                    setTimeout(() => {
-                        generateAiResponse(question, newComment.id);
-                    }, 1500);
-                }
-            }
-            return newComment;
-        }
-        catch (err) {
-            const message = err instanceof Error ? err.message : "Failed to create comment";
-            (_c = callbacks === null || callbacks === void 0 ? void 0 : callbacks.onError) === null || _c === void 0 ? void 0 : _c.call(callbacks, err instanceof Error ? err : new Error(message));
-            throw err;
-        }
-    }, [
-        entityId,
-        entityType,
-        apiEndpoint,
-        mockMode,
-        currentUser,
-        callbacks,
-        totalCount,
-        enableAiMentions,
-        generateAiResponse,
-    ]);
-    // Edit comment
-    const handleEditComment = useCallback(async (commentId, content) => {
-        var _a, _b;
-        try {
-            let updatedComment;
-            if (mockMode) {
-                // Mock mode: update locally
-                const now = new Date().toISOString();
-                updatedComment = {
-                    id: commentId,
-                    entityId,
-                    entityType,
-                    author: currentUser,
-                    content,
-                    attachments: [],
-                    mentions: [],
-                    threadDepth: 0,
-                    replyCount: 0,
-                    createdAt: now,
-                    updatedAt: now,
-                    isEdited: true,
-                };
-            }
-            else {
-                const response = await fetch(`${apiEndpoint}/${commentId}`, {
-                    method: "PUT",
-                    headers: { "Content-Type": "application/json" },
-                    body: JSON.stringify({ content }),
-                });
-                if (!response.ok) {
-                    throw new Error("Failed to update comment");
-                }
-                updatedComment = await response.json();
-            }
-            // Update local state
-            setComments((prev) => prev.map((comment) => {
-                if (comment.id === commentId) {
-                    return Object.assign(Object.assign({}, comment), { content, updatedAt: new Date().toISOString(), isEdited: true });
-                }
-                // Check replies
-                return Object.assign(Object.assign({}, comment), { replies: comment.replies.map((reply) => reply.id === commentId
-                        ? Object.assign(Object.assign({}, reply), { content, updatedAt: new Date().toISOString(), isEdited: true }) : reply) });
-            }));
-            (_a = callbacks === null || callbacks === void 0 ? void 0 : callbacks.onCommentEdited) === null || _a === void 0 ? void 0 : _a.call(callbacks, updatedComment);
-            return updatedComment;
-        }
-        catch (err) {
-            const message = err instanceof Error ? err.message : "Failed to update comment";
-            (_b = callbacks === null || callbacks === void 0 ? void 0 : callbacks.onError) === null || _b === void 0 ? void 0 : _b.call(callbacks, err instanceof Error ? err : new Error(message));
-            throw err;
-        }
-    }, [apiEndpoint, mockMode, entityId, entityType, currentUser, callbacks]);
-    // Delete comment
-    const handleDeleteComment = useCallback(async (commentId) => {
-        var _a, _b;
-        try {
-            if (!mockMode) {
-                const response = await fetch(`${apiEndpoint}/${commentId}`, {
-                    method: "DELETE",
-                });
-                if (!response.ok) {
-                    throw new Error("Failed to delete comment");
-                }
-            }
-            // Update local state
-            setComments((prev) => {
-                // Check if it's a root comment
-                const isRoot = prev.some((c) => c.id === commentId);
-                if (isRoot) {
-                    return prev.filter((c) => c.id !== commentId);
-                }
-                // It's a reply - update parent's replies
-                return prev.map((comment) => (Object.assign(Object.assign({}, comment), { replies: comment.replies.filter((r) => r.id !== commentId), replyCount: comment.replies.some((r) => r.id === commentId)
-                        ? comment.replyCount - 1
-                        : comment.replyCount })));
-            });
-            if (totalCount !== undefined) {
-                setTotalCount(totalCount - 1);
-            }
-            (_a = callbacks === null || callbacks === void 0 ? void 0 : callbacks.onCommentDeleted) === null || _a === void 0 ? void 0 : _a.call(callbacks, commentId);
-        }
-        catch (err) {
-            const message = err instanceof Error ? err.message : "Failed to delete comment";
-            (_b = callbacks === null || callbacks === void 0 ? void 0 : callbacks.onError) === null || _b === void 0 ? void 0 : _b.call(callbacks, err instanceof Error ? err : new Error(message));
-            throw err;
-        }
-    }, [apiEndpoint, mockMode, callbacks, totalCount]);
-    // Load more replies
-    const handleLoadMoreReplies = useCallback(async (parentId) => {
-        var _a;
-        try {
-            const parent = comments.find((c) => c.id === parentId);
-            if (!parent)
-                return;
-            const params = new URLSearchParams({
-                parentId,
-                limit: "10",
-            });
-            const response = await fetch(`${apiEndpoint}?${params}`);
-            if (!response.ok) {
-                throw new Error("Failed to fetch replies");
-            }
-            const data = await response.json();
-            setComments((prev) => prev.map((comment) => {
-                var _a;
-                if (comment.id === parentId) {
-                    return Object.assign(Object.assign({}, comment), { replies: [
-                            ...comment.replies,
-                            ...(((_a = data.comments) === null || _a === void 0 ? void 0 : _a.map((c) => (Object.assign(Object.assign({}, c), { replies: [], hasMoreReplies: false })))) || []),
-                        ], hasMoreReplies: data.hasMore });
-                }
-                return comment;
-            }));
-        }
-        catch (err) {
-            const message = err instanceof Error ? err.message : "Failed to load replies";
-            (_a = callbacks === null || callbacks === void 0 ? void 0 : callbacks.onError) === null || _a === void 0 ? void 0 : _a.call(callbacks, err instanceof Error ? err : new Error(message));
-        }
-    }, [comments, apiEndpoint, callbacks]);
-    return (_jsx(CommentsProvider, { value: {
-            entityId,
-            entityType,
-            currentUser,
-            permissions,
-            comments,
-            mentionableUsers: allMentionableUsers,
-            onSearchUsers,
-            enableThreading,
-            maxThreadDepth,
-            onAddComment: handleAddComment,
-            onEditComment: handleEditComment,
-            onDeleteComment: handleDeleteComment,
-            onLoadMoreReplies: handleLoadMoreReplies,
-        }, children: _jsxs("div", { className: `flex flex-col gap-4 ${className || ""}`, children: [header || (_jsxs("div", { className: "flex items-center justify-between", children: [showCount && totalCount !== undefined && (_jsxs("div", { className: "text-muted-foreground text-sm font-medium", children: [totalCount, " ", totalCount === 1 ? "comment" : "comments"] })), showSortControls && (_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(ArrowUpDown, { className: "text-muted-foreground h-4 w-4" }), _jsxs(Select, { value: sortOrder, onValueChange: (value) => setSortOrder(value), children: [_jsx(SelectTrigger, { className: "h-8 w-[130px]", children: _jsx(SelectValue, {}) }), _jsxs(SelectContent, { children: [_jsx(SelectItem, { value: "newest", children: "Newest first" }), _jsx(SelectItem, { value: "oldest", children: "Oldest first" })] })] })] }))] })), error && (_jsxs(Alert, { variant: "destructive", children: [_jsx(AlertCircle, { className: "h-4 w-4" }), _jsx(AlertDescription, { children: error })] })), permissions.canCreate && _jsx(CommentForm, { placeholder: placeholder }), aiResponding && (_jsxs("div", { className: "bg-muted flex items-center gap-2 rounded-md p-3 text-sm", children: [_jsx(Bot, { className: "h-4 w-4 animate-pulse" }), _jsx("span", { className: "text-muted-foreground", children: "Ask Captify is thinking..." })] })), loading && comments.length === 0 && (_jsx("div", { className: "space-y-4", children: [1, 2, 3].map((i) => (_jsxs("div", { className: "flex gap-3", children: [_jsx(Skeleton, { className: "h-10 w-10 rounded-full" }), _jsxs("div", { className: "flex-1 space-y-2", children: [_jsx(Skeleton, { className: "h-4 w-32" }), _jsx(Skeleton, { className: "h-16 w-full" })] })] }, i))) })), !loading || comments.length > 0 ? (_jsx(CommentList, { comments: sortedComments, hasMore: hasMore, loading: loading, onLoadMore: () => fetchComments(false), emptyState: emptyState })) : null] }) }));
-}
-//# sourceMappingURL=Comments.js.map