@myrjfa/ui 1.0.8 → 1.0.10

package/dist/chat/MessageInput.js

@@ -0,0 +1,252 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useRef, useEffect } from "react";
+import { Send, Smile, Image as ImageIcon, FileText, Camera, MapPin, Mic, X, CircleStopIcon, VideoIcon, PlusCircleIcon, ListTodo, ReceiptText, ChartBar } from "lucide-react";
+import { Button } from "../misc/button";
+import { Textarea } from "../misc/textarea";
+import { Popover, PopoverContent, PopoverTrigger } from "../misc/popover";
+import { Progress } from "../misc/progress";
+import { CameraDialog } from "./dialogs/CameraDialog";
+import { CreatePollDialog } from "./dialogs/CreatePollDialog";
+import { showAlert } from "../misc/alertdialogclaude";
+import { isCompressibleImage, compressImage } from "@myrjfa/state/dist/lib/utils/fileCompression";
+import EmojiPicker from 'emoji-picker-react';
+export function MessageInput({ onSend, onTypingStart, onTypingStop, disabled, replyTo, editMessage, onEdit, onCancelEdit, onCancelReply, onAddMilestone, onAddExpense, onCreatePoll, participants = [], // Added
+activePanel = "chat" }) {
+    var _a, _b, _c;
+    const [text, setText] = useState(editMessage ? (_b = (_a = editMessage === null || editMessage === void 0 ? void 0 : editMessage.content) === null || _a === void 0 ? void 0 : _a.text) !== null && _b !== void 0 ? _b : "" : "");
+    const [mentionSearch, setMentionSearch] = useState(null);
+    const [mentionIndex, setMentionIndex] = useState(-1);
+    const [selectedFiles, setSelectedFiles] = useState([]);
+    const [uploadProgress, setUploadProgress] = useState(null);
+    const [isSending, setIsSending] = useState(false);
+    const textareaRef = useRef(null);
+    const fileInputRef = useRef(null);
+    const [fileAcceptType, setFileAcceptType] = useState("");
+    const typingTimeoutRef = useRef(null);
+    const isTypingRef = useRef(false);
+    const [showEmojiPicker, setShowEmojiPicker] = useState(false);
+    const [isCameraOpen, setIsCameraOpen] = useState(false);
+    const [isPollOpen, setIsPollOpen] = useState(false);
+    const [isRecording, setIsRecording] = useState(false);
+    const mediaRecorderRef = useRef(null);
+    const audioChunksRef = useRef([]);
+    const [mentionCoords, setMentionCoords] = useState({ top: 0, left: 0 }); // Added
+    // Auto-resize textarea
+    useEffect(() => {
+        const el = textareaRef.current;
+        if (el) {
+            el.style.height = "auto";
+            el.style.height = Math.min(el.scrollHeight, 120) + "px";
+        }
+    }, [text]);
+    // Focus input when replyTo message is set
+    useEffect(() => {
+        var _a;
+        if (replyTo) {
+            (_a = textareaRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+        }
+    }, [replyTo]);
+    const handleTextChange = (e) => {
+        const value = e.target.value;
+        const cursorPosition = e.target.selectionStart;
+        setText(value);
+        // Mention detection
+        const textBeforeCursor = value.substring(0, cursorPosition);
+        const lastAtChar = textBeforeCursor.lastIndexOf("@");
+        if (lastAtChar !== -1 && (lastAtChar === 0 || textBeforeCursor[lastAtChar - 1] === " ")) {
+            const search = textBeforeCursor.substring(lastAtChar + 1);
+            if (!search.includes(" ")) {
+                setMentionSearch(search);
+                setMentionIndex(lastAtChar);
+            }
+            else {
+                setMentionSearch(null);
+            }
+        }
+        else {
+            setMentionSearch(null);
+        }
+        // Typing indicator
+        if (!isTypingRef.current && e.target.value.length > 0) {
+            isTypingRef.current = true;
+            onTypingStart === null || onTypingStart === void 0 ? void 0 : onTypingStart();
+        }
+        // Reset typing timeout
+        if (typingTimeoutRef.current)
+            clearTimeout(typingTimeoutRef.current);
+        typingTimeoutRef.current = setTimeout(() => {
+            isTypingRef.current = false;
+            onTypingStop === null || onTypingStop === void 0 ? void 0 : onTypingStop();
+        }, 2000);
+    };
+    const insertMention = (username) => {
+        var _a;
+        if (mentionIndex === -1)
+            return;
+        const before = text.substring(0, mentionIndex);
+        const after = text.substring(((_a = textareaRef.current) === null || _a === void 0 ? void 0 : _a.selectionStart) || text.length);
+        const newText = `${before}@${username} ${after}`;
+        setText(newText);
+        setMentionSearch(null);
+        // Set cursor after the inserted mention
+        setTimeout(() => {
+            if (textareaRef.current) {
+                const newCursorPos = before.length + `@${username} `.length;
+                textareaRef.current.selectionStart = newCursorPos;
+                textareaRef.current.selectionEnd = newCursorPos;
+                textareaRef.current.focus();
+            }
+        }, 0);
+    };
+    async function handleSend() {
+        var _a;
+        const trimmed = text.trim();
+        if ((!trimmed && selectedFiles.length === 0) || disabled)
+            return;
+        setIsSending(true);
+        setUploadProgress(0);
+        try {
+            let filesToSend = [...selectedFiles];
+            // Compress images
+            setUploadProgress(10); // Start progress for compression
+            const compressed = await Promise.all(filesToSend.map(async (file) => {
+                if (isCompressibleImage(file)) {
+                    try {
+                        return await compressImage(file);
+                    }
+                    catch (e) {
+                        console.error("Compression failed for", file.name, e);
+                        return file;
+                    }
+                }
+                return file;
+            }));
+            setUploadProgress(30); // Compression done, starting upload
+            // Note: sendMessage doesn't currently support progress callback.
+            // We'll simulate progress or update it if chatApi supports it.
+            // For now, call sendMessage.
+            if (editMessage) {
+                await (onEdit === null || onEdit === void 0 ? void 0 : onEdit(editMessage._id, trimmed));
+            }
+            else {
+                await onSend(trimmed, compressed);
+            }
+            setUploadProgress(100);
+            setText("");
+            setSelectedFiles([]);
+            // Clear typing
+            if (typingTimeoutRef.current)
+                clearTimeout(typingTimeoutRef.current);
+            isTypingRef.current = false;
+            onTypingStop === null || onTypingStop === void 0 ? void 0 : onTypingStop();
+            // Refocus
+            (_a = textareaRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+        }
+        catch (error) {
+            console.error(error);
+            showAlert("Failed to send message", "Error");
+        }
+        finally {
+            setIsSending(false);
+            setUploadProgress(null);
+        }
+    }
+    function handleKeyDown(e) {
+        if (e.key === "Enter" && !e.shiftKey) {
+            e.preventDefault();
+            handleSend();
+        }
+    }
+    const handleFileChange = (e) => {
+        if (e.target.files) {
+            setSelectedFiles(prev => [...prev, ...Array.from(e.target.files)]);
+        }
+    };
+    const removeFile = (index) => {
+        setSelectedFiles(prev => prev.filter((_, i) => i !== index));
+    };
+    const handleLocation = () => {
+        if ("geolocation" in navigator) {
+            navigator.geolocation.getCurrentPosition((position) => {
+                const { latitude, longitude } = position.coords;
+                const mapLink = `https://www.google.com/maps?q=${latitude},${longitude}`;
+                onSend(mapLink);
+            }, (error) => {
+                console.error("Error getting location:", error);
+                showAlert("Could not get location.");
+            });
+        }
+        else {
+            showAlert("Geolocation is not supported by this browser.");
+        }
+    };
+    const handleCameraCapture = (file) => {
+        setSelectedFiles(prev => [...prev, file]);
+    };
+    const startRecording = async () => {
+        try {
+            const stream = await navigator.mediaDevices.getUserMedia({ audio: true });
+            const mediaRecorder = new MediaRecorder(stream);
+            mediaRecorderRef.current = mediaRecorder;
+            audioChunksRef.current = [];
+            mediaRecorder.ondataavailable = (event) => {
+                if (event.data.size > 0) {
+                    audioChunksRef.current.push(event.data);
+                }
+            };
+            mediaRecorder.onstop = () => {
+                const audioBlob = new Blob(audioChunksRef.current, { type: "audio/webm" });
+                const audioFile = new File([audioBlob], `voice_${Date.now()}.webm`, { type: "audio/webm" });
+                setSelectedFiles(prev => [...prev, audioFile]);
+                stream.getTracks().forEach(track => track.stop());
+            };
+            mediaRecorder.start();
+            setIsRecording(true);
+        }
+        catch (err) {
+            console.error("Error accessing microphone:", err);
+            alert("Could not access microphone");
+        }
+    };
+    const stopRecording = () => {
+        if (mediaRecorderRef.current && isRecording) {
+            mediaRecorderRef.current.stop();
+            setIsRecording(false);
+        }
+    };
+    const handleEmojiSelect = (emojiObject) => {
+        if (textareaRef.current) {
+            const cursorPos = textareaRef.current.selectionStart;
+            const newText = text.slice(0, cursorPos) + emojiObject.emoji + text.slice(cursorPos);
+            setText(newText);
+            setShowEmojiPicker(false);
+            textareaRef.current.focus();
+        }
+    };
+    // Only show message input for chat panel
+    const showMessageInput = activePanel === "chat";
+    return (_jsxs("div", { className: "border-t border-gray-200 dark:border-gray-700 bg-white dark:bg-gray-900 p-3 relative", children: [_jsx(CameraDialog, { open: isCameraOpen, onOpenChange: setIsCameraOpen, onCapture: handleCameraCapture }), _jsx(CreatePollDialog, { open: isPollOpen, onOpenChange: setIsPollOpen, onCreate: (q, opts, multi) => {
+                    onCreatePoll === null || onCreatePoll === void 0 ? void 0 : onCreatePoll(q, opts, multi);
+                } }), mentionSearch !== null && participants.length > 0 && (_jsxs("div", { className: "absolute bottom-full left-4 mb-2 bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-700 rounded-lg shadow-xl w-48 py-1 z-50 overflow-y-auto max-h-48", children: [participants
+                        .filter(p => !mentionSearch || p.userId.toLowerCase().includes(mentionSearch.toLowerCase()))
+                        .map(p => (_jsx("button", { onClick: () => insertMention(p.userId), className: "w-full text-left px-3 py-2 text-sm hover:bg-indigo-50 dark:hover:bg-indigo-900/40 flex items-center gap-2", children: _jsxs("span", { className: "truncate", children: ["@", p.userId] }) }, p.userId))), participants.filter(p => !mentionSearch || p.userId.toLowerCase().includes(mentionSearch.toLowerCase())).length === 0 && (_jsx("div", { className: "px-3 py-2 text-xs text-gray-500 italic", children: "No members found" }))] })), selectedFiles.length > 0 && !editMessage && (_jsx("div", { className: "max-w-4xl mx-auto mb-2 flex flex-wrap gap-2", children: selectedFiles.map((file, i) => (_jsxs("div", { className: "flex items-center bg-gray-100 dark:bg-gray-800 rounded-lg px-2 py-1 text-xs text-gray-600 dark:text-gray-300", children: [_jsx("span", { className: "truncate max-w-[150px]", children: file.name }), _jsx("button", { onClick: () => removeFile(i), className: "ml-2 text-red-500 hover:text-red-700 font-bold", children: "\u00D7" })] }, i))) })), replyTo && (_jsxs("div", { className: "max-w-4xl mx-auto mb-2 flex items-center gap-2 bg-gray-100 dark:bg-gray-800 px-3 py-2 rounded-lg border-l-2 border-teal-500", children: [_jsxs("div", { className: "flex-1 min-w-0", children: [_jsx("div", { className: "text-xs font-semibold text-teal-600 dark:text-teal-400", children: editMessage ? "Editing" : ("Replying to" + replyTo.senderId) }), _jsx("div", { className: "text-xs text-gray-600 dark:text-gray-400 truncate", children: (_c = replyTo.content.text) === null || _c === void 0 ? void 0 : _c.substring(0, 60) })] }), _jsx("button", { onClick: onCancelReply, className: "text-gray-400 hover:text-gray-600 dark:hover:text-gray-300 flex-shrink-0", children: _jsx(X, { className: "w-4 h-4" }) })] })), _jsxs("div", { className: `${showMessageInput ? "flex" : "hidden md:flex"} items-end gap-2 max-w-4xl mx-auto`, children: [_jsx("input", { type: "file", ref: fileInputRef, onChange: handleFileChange, accept: fileAcceptType, multiple: true, className: "hidden" }), !editMessage && _jsxs(Popover, { children: [_jsx(PopoverTrigger, { asChild: true, children: _jsx(Button, { variant: "ghost", size: "icon", className: "text-gray-400 hover:text-gray-600 dark:hover:text-gray-300 rounded-full h-10 w-10 shrink-0", children: _jsx(PlusCircleIcon, { className: "w-5 h-5" }) }) }), _jsxs(PopoverContent, { side: "top", align: "start", className: "w-48 p-2 flex flex-col gap-1", children: [_jsxs(Button, { variant: "ghost", className: "justify-start gap-2 w-full", onClick: async () => {
+                                            var _a;
+                                            await setFileAcceptType(".pdf,.doc,.docx,.txt,.xlsx,.pptx");
+                                            (_a = fileInputRef.current) === null || _a === void 0 ? void 0 : _a.click();
+                                        }, children: [_jsx(FileText, { className: "w-4 h-4 text-purple-500" }), "Document"] }), _jsxs(Button, { variant: "ghost", className: "justify-start gap-2 w-full", onClick: async () => {
+                                            var _a;
+                                            await setFileAcceptType("image/*");
+                                            (_a = fileInputRef.current) === null || _a === void 0 ? void 0 : _a.click();
+                                        }, children: [_jsx(ImageIcon, { className: "w-4 h-4 text-blue-500" }), "Photos"] }), _jsxs(Button, { variant: "ghost", className: "justify-start gap-2 w-full", onClick: async () => {
+                                            var _a;
+                                            await setFileAcceptType("video/*");
+                                            (_a = fileInputRef.current) === null || _a === void 0 ? void 0 : _a.click();
+                                        }, children: [_jsx(VideoIcon, { className: "w-4 h-4 text-rose-500" }), "Videos"] }), _jsxs(Button, { variant: "ghost", className: "justify-start gap-2 w-full", onClick: handleLocation, children: [_jsx(MapPin, { className: "w-4 h-4 text-green-500" }), "Location"] }), _jsxs(Button, { variant: "ghost", className: "justify-start gap-2 w-full", onClick: () => setIsPollOpen(true), children: [_jsx(ChartBar, { className: "w-4 h-4 text-orange-500" }), "Poll"] }), _jsx("div", { className: "border-t border-gray-200 dark:border-gray-700 my-1" }), _jsxs(Button, { variant: "ghost", className: "justify-start gap-2 w-full text-teal-600 dark:text-teal-400", onClick: () => {
+                                            onAddMilestone === null || onAddMilestone === void 0 ? void 0 : onAddMilestone();
+                                        }, children: [_jsx(ListTodo, { className: "w-4 h-4" }), "Add Milestone"] }), _jsxs(Button, { variant: "ghost", className: "justify-start gap-2 w-full text-teal-600 dark:text-teal-400", onClick: () => {
+                                            onAddExpense === null || onAddExpense === void 0 ? void 0 : onAddExpense();
+                                        }, children: [_jsx(ReceiptText, { className: "w-4 h-4" }), "Add Expense"] })] })] }), _jsxs("div", { className: "flex-1 bg-gray-100 dark:bg-gray-800 rounded-2xl flex items-end relative", children: [_jsx(Textarea, { ref: textareaRef, value: text, onChange: handleTextChange, onKeyDown: handleKeyDown, placeholder: "Type a message...", disabled: disabled || isSending, rows: 1, className: "flex-1 bg-transparent border-none focus-visible:ring-0 px-4 py-3 text-[15px] resize-none text-gray-900 dark:text-white placeholder-gray-400 max-h-[120px] min-h-[48px]" }), uploadProgress !== null && (_jsx("div", { className: "absolute left-0 bottom-full w-full px-4 mb-2", children: _jsxs("div", { className: "bg-white dark:bg-gray-800 p-2 rounded-lg shadow-lg border border-gray-100 dark:border-gray-700", children: [_jsxs("div", { className: "flex justify-between items-center mb-1", children: [_jsx("span", { className: "text-[10px] text-gray-500 font-medium", children: "Uploading..." }), _jsxs("span", { className: "text-[10px] text-indigo-500 font-bold", children: [uploadProgress, "%"] })] }), _jsx(Progress, { value: uploadProgress, className: "h-1" })] }) })), _jsx(Button, { variant: "ghost", size: "icon", className: "mr-1 mb-1 text-gray-400 hover:text-gray-600 dark:hover:text-gray-300 rounded-full hidden sm:inline-flex", onClick: () => setShowEmojiPicker(!showEmojiPicker), children: _jsx(Smile, { className: "w-5 h-5" }) }), !editMessage && _jsx(Button, { variant: "ghost", size: "icon", className: "mr-1 mb-1 text-gray-400 hover:text-gray-600 dark:hover:text-gray-300 rounded-full", onClick: () => setIsCameraOpen(true), children: _jsx(Camera, { className: "w-5 h-5" }) })] }), text.trim() || selectedFiles.length > 0 || editMessage ? (_jsx(Button, { onClick: handleSend, disabled: disabled, className: "rounded-full h-11 w-11 p-0 bg-gradient-to-r from-teal-500 to-cyan-600 hover:from-teal-600 hover:to-cyan-700 shadow-lg shadow-teal-500/25 shrink-0", children: _jsx(Send, { className: "w-5 h-5" }) })) : (_jsx(Button, { variant: "ghost", size: "icon", className: `rounded-full h-11 w-11 shrink-0 transition-all ${isRecording
+                            ? "bg-red-500 hover:bg-red-600 animate-pulse text-white"
+                            : "text-teal-400 hover:bg-teal-100 dark:hover:bg-teal-800"}`, onClick: () => isRecording ? stopRecording() : startRecording(), children: isRecording ? _jsx(CircleStopIcon, { className: "w-6 h-6" }) : _jsx(Mic, { className: "w-6 h-6" }) })), editMessage && _jsx(Button, { variant: "ghost", size: "icon", className: "rounded-full h-11 w-11 shrink-0", onClick: onCancelEdit, children: _jsx(X, { className: "w-5 h-5" }) }), showEmojiPicker && _jsx(EmojiPicker, { onEmojiClick: handleEmojiSelect })] })] }));
+}

package/dist/chat/MilestonePanel.d.ts

@@ -0,0 +1,11 @@
+interface MilestonePanelProps {
+    conversationId: string;
+    currentUserId: string;
+    isFullScreen?: boolean;
+    isFeatureEnabled?: boolean;
+    isAdmin?: boolean;
+    onEnableFeature?: () => void;
+}
+export declare function MilestonePanel({ conversationId, currentUserId, isFullScreen, isFeatureEnabled, isAdmin, onEnableFeature }: MilestonePanelProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=MilestonePanel.d.ts.map

package/dist/chat/MilestonePanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MilestonePanel.d.ts","sourceRoot":"","sources":["../../src/chat/MilestonePanel.tsx"],"names":[],"mappings":"AAYA,UAAU,mBAAmB;IACzB,cAAc,EAAE,MAAM,CAAC;IACvB,aAAa,EAAE,MAAM,CAAC;IACtB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;CAChC;AAED,wBAAgB,cAAc,CAAC,EAC3B,cAAc,EACd,aAAa,EACb,YAAoB,EACpB,gBAAuB,EACvB,OAAe,EACf,eAAe,EAClB,EAAE,mBAAmB,2CA6brB"}

package/dist/chat/MilestonePanel.js

@@ -0,0 +1,173 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useState, useEffect } from "react";
+import { chatApi } from "@myrjfa/state/dist/lib/actions/chat";
+import { CheckCircle2, Circle, Plus, Trash2, Pencil, MoreVertical, Lock, Unlock, ListTodo, ChevronDown, AlertCircle, ChevronDownIcon, ChevronRightIcon } from "lucide-react";
+import { Button } from "../misc/button";
+import { Input } from "../misc/input";
+import { Textarea } from "../misc/textarea";
+import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger } from "../misc/dropdown-menu";
+import { deleteActions, showAlert } from "../misc/alertdialogclaude";
+export function MilestonePanel({ conversationId, currentUserId, isFullScreen = false, isFeatureEnabled = true, isAdmin = false, onEnableFeature }) {
+    const [milestones, setMilestones] = useState([]);
+    const [loading, setLoading] = useState(true);
+    const [isAdding, setIsAdding] = useState(false);
+    const [milestoneId, setMilestoneId] = useState(null);
+    const [newTitle, setNewTitle] = useState("");
+    const [newSection, setNewSection] = useState("");
+    const [newDescription, setNewDescription] = useState("");
+    const [newDueDate, setNewDueDate] = useState("");
+    const [showMoreOptions, setShowMoreOptions] = useState(false);
+    const [sections, setSections] = useState([]);
+    const [expandedSections, setExpandedSections] = useState(new Set());
+    const [expandedMilestones, setExpandedMilestones] = useState(new Set());
+    const [allParticipants, setAllParticipants] = useState([]);
+    const fetchMilestones = async () => {
+        var _a;
+        setLoading(true);
+        const data = await chatApi.getMilestones(conversationId);
+        const convData = await chatApi.getConversation(conversationId);
+        setMilestones(data);
+        const participants = ((_a = convData === null || convData === void 0 ? void 0 : convData.participants) === null || _a === void 0 ? void 0 : _a.map((p) => p.userId)) || [];
+        setAllParticipants(participants);
+        setLoading(false);
+    };
+    useEffect(() => {
+        fetchMilestones();
+    }, [conversationId]);
+    useEffect(() => {
+        // Extract unique sections from existing milestones
+        const uniqueSections = Array.from(new Set(milestones.map(m => m.section).filter(Boolean)));
+        setSections(uniqueSections);
+    }, [milestones]);
+    const resetForm = () => {
+        setNewTitle("");
+        setNewSection("");
+        setNewDescription("");
+        setNewDueDate("");
+        setShowMoreOptions(false);
+        setIsAdding(false);
+        setShowMoreOptions(false);
+        setIsAdding(false);
+        setMilestoneId(null);
+    };
+    const toggleSection = (section) => {
+        setExpandedSections(prev => {
+            const newSet = new Set(prev);
+            if (newSet.has(section)) {
+                newSet.delete(section);
+            }
+            else {
+                newSet.add(section);
+            }
+            return newSet;
+        });
+    };
+    const toggleMilestoneExpand = (id) => {
+        setExpandedMilestones(prev => {
+            const newSet = new Set(prev);
+            if (newSet.has(id)) {
+                newSet.delete(id);
+            }
+            else {
+                newSet.add(id);
+            }
+            return newSet;
+        });
+    };
+    const handleCreate = async () => {
+        if (!newTitle.trim())
+            return;
+        try {
+            const milestoneData = {
+                title: newTitle.trim(),
+                section: newSection.trim() || "General",
+                description: newDescription.trim() || undefined,
+                dueDate: newDueDate || undefined
+            };
+            const milestoneResponse = milestoneId
+                ? await chatApi.updateMilestone(milestoneId, milestoneData)
+                : await chatApi.createMilestone(conversationId, milestoneData);
+            if (milestoneResponse.error) {
+                console.error("Failed to create milestone:", milestoneResponse.error);
+                showAlert(milestoneResponse.error, "Failed to create milestone");
+            }
+            else if (milestoneResponse.data) {
+                await fetchMilestones();
+                resetForm();
+            }
+        }
+        catch (err) {
+            console.error("Failed to create milestone:", err);
+            showAlert(err, "Failed to create milestone");
+        }
+    };
+    const handleToggle = async (id) => {
+        const response = await chatApi.toggleMilestone(id);
+        if (response.error) {
+            console.log("error toggling milestone " + id + "Error: " + response.error);
+            await showAlert("Error checking/unchecking milestone");
+            return;
+        }
+        else if (response.data) {
+            setMilestones(prev => prev.map(m => m._id === id ? response.data : m));
+        }
+    };
+    const handleDelete = async (id) => {
+        let confirmDelete = true;
+        await showAlert("Are you sure you want to delete this milestone?", undefined, deleteActions(() => confirmDelete = false));
+        if (confirmDelete) {
+            const response = await chatApi.deleteMilestone(id);
+            if (response.error) {
+                console.log("Unable to delete milestone:" + id + "Error: " + response.error);
+                await showAlert("Unable to delete milestone");
+                return;
+            }
+            setMilestones(prev => prev.filter(m => m._id !== id));
+        }
+    };
+    const handleEdit = async (milestone) => {
+        var _a, _b, _c;
+        setNewTitle(milestone.title);
+        setNewSection((_a = milestone.section) !== null && _a !== void 0 ? _a : "");
+        setNewDescription((_b = milestone.description) !== null && _b !== void 0 ? _b : "");
+        setNewDueDate((_c = milestone.dueDate) !== null && _c !== void 0 ? _c : "");
+        setMilestoneId(milestone._id);
+        setIsAdding(true);
+    };
+    // Check if current user has checked this milestone
+    const hasUserChecked = (milestone) => {
+        return milestone.checks.some(check => check.userId === currentUserId);
+    };
+    // Get users who haven't checked the milestone
+    const getUncheckedUsers = (milestone) => {
+        const checkedUserIds = new Set(milestone.checks.map(check => check.userId));
+        return allParticipants.filter(userId => !checkedUserIds.has(userId));
+    };
+    const groupedMilestones = milestones.reduce((acc, m) => {
+        const section = m.section || "General";
+        if (!acc[section])
+            acc[section] = [];
+        acc[section].push(m);
+        return acc;
+    }, {});
+    const panelClasses = isFullScreen
+        ? "w-full h-full flex flex-col"
+        : "flex flex-col h-full w-full md:w-80 border-l border-gray-200 dark:border-gray-700";
+    return (_jsxs("div", { className: `bg-white dark:bg-gray-900 ${panelClasses}`, children: [_jsx("div", { className: "p-4 border-b border-gray-200 dark:border-gray-700 flex-shrink-0", children: _jsx("h3", { className: "font-semibold text-gray-900 dark:text-white", children: "Milestones" }) }), _jsx("div", { className: "flex-1 overflow-y-auto p-4 space-y-4", children: !isFeatureEnabled ? (_jsxs("div", { className: "flex flex-col items-center justify-center h-full py-12 px-6 text-center", children: [_jsx("div", { className: "mb-4 p-4 bg-teal-50 dark:bg-teal-900/20 rounded-full", children: _jsx(ListTodo, { className: "w-12 h-12 text-teal-500" }) }), _jsx("h3", { className: "text-lg font-semibold text-gray-900 dark:text-white mb-2", children: "Milestones Feature" }), _jsx("p", { className: "text-sm text-gray-600 dark:text-gray-400 mb-4 max-w-sm", children: "Track group tasks, organize by sections, and monitor progress together. Perfect for trip planning and group coordination." }), isAdmin ? (_jsxs(Button, { onClick: onEnableFeature, className: "bg-gradient-to-r from-teal-500 to-cyan-600 hover:from-teal-600 hover:to-cyan-700 text-white", children: [_jsx(Unlock, { className: "w-4 h-4 mr-2" }), "Enable Feature"] })) : (_jsxs("div", { className: "flex items-center gap-2 text-sm text-gray-500", children: [_jsx(Lock, { className: "w-4 h-4" }), "Ask admin to enable this feature"] }))] })) : loading ? (_jsx("div", { className: "flex justify-center py-8", children: _jsx("div", { className: "animate-spin w-5 h-5 border-2 border-teal-500 border-t-transparent rounded-full" }) })) : milestones.length === 0 && !isAdding ? (_jsx("div", { className: "text-center py-8 text-gray-400 text-sm", children: "No milestones yet" })) : (_jsxs(_Fragment, { children: [isAdding && (_jsxs("div", { className: "p-4 bg-gray-50 dark:bg-gray-800 rounded-lg space-y-3", children: [_jsx(Input, { placeholder: "Section (e.g., Day 1, Transport)", value: newSection, onChange: (e) => setNewSection(e.target.value), list: "section-suggestions", className: "text-sm" }), _jsx("datalist", { id: "section-suggestions", children: sections.map(section => (_jsx("option", { value: section }, section))) }), _jsx(Input, { placeholder: "Milestone title *", value: newTitle, onChange: (e) => setNewTitle(e.target.value), onKeyDown: (e) => e.key === "Enter" && !showMoreOptions && handleCreate(), className: "text-sm font-medium", autoFocus: true }), _jsxs("button", { type: "button", onClick: () => setShowMoreOptions(!showMoreOptions), className: "text-xs text-gray-600 dark:text-gray-400 hover:text-teal-600 dark:hover:text-teal-400 flex items-center gap-1 cursor-pointer", children: [showMoreOptions ? _jsx(ChevronDownIcon, { className: "w-3 h-3" }) : _jsx(ChevronRightIcon, { className: "w-3 h-3" }), " More Options"] }), showMoreOptions && (_jsxs("div", { className: "space-y-2 pl-4 border-l-2 border-teal-200 dark:border-teal-800", children: [_jsx(Textarea, { placeholder: "Description (optional)", value: newDescription, onChange: (e) => setNewDescription(e.target.value), className: "text-sm resize-none", rows: 2 }), _jsxs("div", { children: [_jsx("label", { className: "text-xs text-gray-600 dark:text-gray-400 block mb-1", children: "Due Date (optional)" }), _jsx(Input, { type: "date", value: newDueDate, onChange: (e) => setNewDueDate(e.target.value), className: "text-sm" })] })] })), _jsxs("div", { className: "flex gap-2", children: [_jsx(Button, { onClick: handleCreate, size: "sm", className: "flex-1 bg-gradient-to-r from-teal-500 to-cyan-600 hover:from-teal-600 hover:to-cyan-700", children: "Add" }), _jsx(Button, { onClick: resetForm, size: "sm", variant: "outline", children: "Cancel" })] })] })), milestones.length > 0 && (Object.entries(groupedMilestones).map(([section, items]) => {
+                            const isExpanded = expandedSections.has(section);
+                            const completedCount = items.filter(m => m.isCompleted).length;
+                            const totalCount = items.length;
+                            return (_jsxs("div", { className: "space-y-2", children: [_jsxs("button", { onClick: () => toggleSection(section), className: "w-full flex items-center justify-between p-3 bg-gradient-to-r from-teal-50 to-cyan-50 dark:from-teal-900/20 dark:to-cyan-900/20 hover:from-teal-100 hover:to-cyan-100 dark:hover:from-teal-900/30 dark:hover:to-cyan-900/30 rounded-lg border border-teal-100 dark:border-teal-800 transition-colors", children: [_jsxs("div", { className: "flex items-center gap-3 flex-1 text-left", children: [_jsx(ChevronDown, { className: `w-4 h-4 text-teal-600 dark:text-teal-400 transition-transform flex-shrink-0 ${isExpanded ? "" : "-rotate-90"}` }), _jsx("h4", { className: "text-sm font-semibold text-teal-900 dark:text-teal-100 uppercase tracking-widest", children: section })] }), _jsxs("span", { className: "text-xs font-semibold text-teal-700 dark:text-teal-300 bg-white dark:bg-gray-800 px-2.5 py-1 rounded-full flex-shrink-0", children: [completedCount, "/", totalCount] })] }), isExpanded && (_jsx("div", { className: "space-y-2 pl-4", children: items.map((milestone) => {
+                                            const userChecked = hasUserChecked(milestone);
+                                            const uncheckedUsers = getUncheckedUsers(milestone);
+                                            const isExpanded = expandedMilestones.has(milestone._id);
+                                            return (_jsxs("div", { className: "space-y-0", children: [_jsxs("button", { onClick: () => toggleMilestoneExpand(milestone._id), className: "w-full flex items-start gap-3 p-3 bg-gray-50 dark:bg-gray-800/30 hover:bg-gray-100 dark:hover:bg-gray-800/50 rounded-lg border border-gray-100 dark:border-gray-800 transition-colors group text-left", children: [_jsx("button", { onClick: (e) => {
+                                                                    e.stopPropagation();
+                                                                    handleToggle(milestone._id);
+                                                                }, className: `mt-0.5 transition-colors flex-shrink-0 ${userChecked ? "text-green-500" : "text-gray-300 hover:text-teal-400"}`, children: userChecked ? _jsx(CheckCircle2, { className: "w-5 h-5" }) : _jsx(Circle, { className: "w-5 h-5" }) }), _jsxs("div", { className: "flex-1 min-w-0", children: [_jsx("p", { className: `text-sm font-medium transition-all ${userChecked ? "text-gray-400 line-through" : "text-gray-700 dark:text-gray-200"}`, children: milestone.title }), milestone.dueDate && (_jsxs("p", { className: "text-[10px] text-gray-500 dark:text-gray-400 mt-1", children: ["Due: ", new Date(milestone.dueDate).toLocaleDateString()] }))] }), _jsxs("div", { className: "flex items-center gap-2 flex-shrink-0", children: [_jsxs("span", { className: `text-xs font-semibold px-2 py-1 rounded-full ${milestone.isCompleted
+                                                                            ? "bg-green-100 text-green-700 dark:bg-green-900/30 dark:text-green-400"
+                                                                            : "bg-gray-100 dark:bg-gray-700 text-gray-700 dark:text-gray-300"}`, children: [milestone.checks.length, "/", allParticipants.length] }), _jsx(ChevronDown, { className: `w-4 h-4 text-gray-400 transition-transform flex-shrink-0 ${isExpanded ? "" : "-rotate-90"}` })] }), (milestone.createdBy === currentUserId || isAdmin) && (_jsxs(DropdownMenu, { children: [_jsx(DropdownMenuTrigger, { asChild: true, children: _jsx("button", { onClick: (e) => e.stopPropagation(), className: "p-1 hover:bg-gray-200 dark:hover:bg-gray-700 rounded-md transition-all flex-shrink-0", children: _jsx(MoreVertical, { className: "w-4 h-4 text-gray-400" }) }) }), _jsxs(DropdownMenuContent, { align: "end", children: [_jsxs(DropdownMenuItem, { onClick: () => handleEdit(milestone), children: [_jsx(Pencil, { className: "w-4 h-4 mr-2" }), "Edit"] }), _jsxs(DropdownMenuItem, { className: "text-red-500", onClick: () => handleDelete(milestone._id), children: [_jsx(Trash2, { className: "w-4 h-4 mr-2" }), "Delete"] })] })] }))] }), isExpanded && (_jsxs("div", { className: "ml-8 bg-white dark:bg-gray-700/30 p-3 rounded-lg border border-gray-200 dark:border-gray-700 space-y-2", children: [milestone.description && (_jsxs("div", { children: [_jsx("p", { className: "text-[10px] font-semibold text-gray-600 dark:text-gray-400 uppercase tracking-wider mb-1", children: "Description" }), _jsx("p", { className: "text-xs text-gray-700 dark:text-gray-300", children: milestone.description })] })), uncheckedUsers.length > 0 && (_jsxs("div", { children: [_jsxs("p", { className: "text-[10px] font-semibold text-gray-600 dark:text-gray-400 uppercase tracking-wider mb-1", children: ["Pending (", uncheckedUsers.length, ")"] }), _jsx("div", { className: "space-y-1", children: uncheckedUsers.map((userId) => (_jsxs("div", { className: "flex items-center gap-2 p-1.5 bg-yellow-50 dark:bg-yellow-900/20 rounded border border-yellow-100 dark:border-yellow-800/30", children: [_jsx(AlertCircle, { className: "w-3 h-3 text-yellow-600 dark:text-yellow-500 flex-shrink-0" }), _jsx("span", { className: "text-xs text-yellow-700 dark:text-yellow-300", children: userId })] }, userId))) })] })), milestone.isCompleted && (_jsxs("div", { className: "flex items-center gap-2 p-2 bg-green-50 dark:bg-green-900/20 rounded border border-green-200 dark:border-green-800/30", children: [_jsx(CheckCircle2, { className: "w-4 h-4 text-green-600 dark:text-green-400 flex-shrink-0" }), _jsx("p", { className: "text-xs text-green-700 dark:text-green-400 font-medium", children: "All participants have checked this milestone" })] }))] }))] }, milestone._id));
+                                        }) }))] }, section));
+                        }))] })) }), isFeatureEnabled && !isAdding && (_jsx("div", { className: "p-4 border-t border-gray-200 dark:border-gray-700 flex-shrink-0", children: _jsxs(Button, { onClick: () => setIsAdding(true), className: "w-full bg-gradient-to-r from-teal-500 to-cyan-600 hover:from-teal-600 hover:to-cyan-700 text-white rounded-lg flex items-center justify-center gap-2", children: [_jsx(Plus, { className: "w-4 h-4" }), "Add Milestone"] }) }))] }));
+}

package/dist/chat/components/ParticipantSelector.d.ts

@@ -0,0 +1,11 @@
+import { ExpenseSplit } from "@myrjfa/state";
+import { Dispatch, SetStateAction } from "react";
+interface ParticipantSelectorProps {
+    participants: string[];
+    onChange: (participants: string[]) => void;
+    onSplitsChange: Dispatch<SetStateAction<ExpenseSplit[]>>;
+    availableUsers: string[];
+}
+export declare function ParticipantSelector({ participants, onChange, onSplitsChange, availableUsers }: ParticipantSelectorProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=ParticipantSelector.d.ts.map

package/dist/chat/components/ParticipantSelector.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ParticipantSelector.d.ts","sourceRoot":"","sources":["../../../src/chat/components/ParticipantSelector.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEjD,UAAU,wBAAwB;IAC9B,YAAY,EAAE,MAAM,EAAE,CAAC;IACvB,QAAQ,EAAE,CAAC,YAAY,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IAC3C,cAAc,EAAE,QAAQ,CAAC,cAAc,CAAC,YAAY,EAAE,CAAC,CAAC,CAAC;IACzD,cAAc,EAAE,MAAM,EAAE,CAAC;CAC5B;AAED,wBAAgB,mBAAmB,CAAC,EAChC,YAAY,EACZ,QAAQ,EACR,cAAc,EACd,cAAc,EACjB,EAAE,wBAAwB,2CA2D1B"}

package/dist/chat/components/ParticipantSelector.js

@@ -0,0 +1,17 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { X } from "lucide-react";
+export function ParticipantSelector({ participants, onChange, onSplitsChange, availableUsers }) {
+    const addParticipant = (userId) => {
+        if (!participants.includes(userId)) {
+            onChange([...participants, userId]);
+            onSplitsChange(prev => [...prev, { userId }]);
+        }
+    };
+    const removeParticipant = (userId) => {
+        onChange(participants.filter(p => p !== userId));
+        onSplitsChange(prev => prev.filter(s => s.userId !== userId));
+    };
+    const unselectedUsers = availableUsers.filter(u => !participants.includes(u));
+    return (_jsxs("div", { className: "space-y-2", children: [_jsx("label", { className: "text-xs font-semibold text-gray-700 dark:text-gray-300 uppercase tracking-wider", children: "Split Among" }), _jsx("div", { className: "flex flex-wrap gap-2", children: participants.length === 0 ? (_jsx("p", { className: "text-xs text-gray-500", children: "Select participants..." })) : (participants.map(userId => (_jsxs("div", { className: "flex items-center gap-1 bg-teal-100 dark:bg-teal-900/30 text-teal-700 dark:text-teal-300 rounded-full px-3 py-1 text-xs", children: [userId, _jsx("button", { onClick: () => removeParticipant(userId), className: "hover:text-teal-900 dark:hover:text-teal-100 transition-colors", children: _jsx(X, { className: "w-3 h-3" }) })] }, userId)))) }), unselectedUsers.length > 0 && (_jsx("div", { className: "flex flex-wrap gap-1", children: unselectedUsers.map(userId => (_jsxs("button", { onClick: () => addParticipant(userId), className: "text-xs px-2 py-1 rounded-full border border-gray-300 dark:border-gray-600 text-gray-600 dark:text-gray-400 hover:bg-gray-100 dark:hover:bg-gray-800 transition-colors", children: ["+ ", userId] }, userId))) }))] }));
+}

package/dist/chat/components/SplitInputs.d.ts

@@ -0,0 +1,11 @@
+import type { SplitType, ExpenseSplit } from "@myrjfa/state/dist/lib/models/chat";
+interface SplitInputsProps {
+    splitType: SplitType;
+    totalAmount: number;
+    participants: string[];
+    splits: ExpenseSplit[];
+    onChange: (splits: ExpenseSplit[]) => void;
+}
+export declare function SplitInputs({ splitType, totalAmount, participants, splits, onChange }: SplitInputsProps): import("react/jsx-runtime").JSX.Element | null;
+export {};
+//# sourceMappingURL=SplitInputs.d.ts.map

package/dist/chat/components/SplitInputs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SplitInputs.d.ts","sourceRoot":"","sources":["../../../src/chat/components/SplitInputs.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,oCAAoC,CAAC;AAGlF,UAAU,gBAAgB;IACtB,SAAS,EAAE,SAAS,CAAC;IACrB,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,MAAM,EAAE,CAAC;IACvB,MAAM,EAAE,YAAY,EAAE,CAAC;IACvB,QAAQ,EAAE,CAAC,MAAM,EAAE,YAAY,EAAE,KAAK,IAAI,CAAC;CAC9C;AAED,wBAAgB,WAAW,CAAC,EACxB,SAAS,EACT,WAAW,EACX,YAAY,EACZ,MAAM,EACN,QAAQ,EACX,EAAE,gBAAgB,kDA8KlB"}

package/dist/chat/components/SplitInputs.js

@@ -0,0 +1,83 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useState, useEffect } from "react";
+import { ChevronDown } from "lucide-react";
+export function SplitInputs({ splitType, totalAmount, participants, splits, onChange }) {
+    const [isExpanded, setIsExpanded] = useState(splitType !== "equal");
+    useEffect(() => {
+        setIsExpanded(splitType !== "equal");
+    }, [splitType]);
+    if (splitType === "equal") {
+        return null;
+    }
+    const handleInputChange = (userId, value, field) => {
+        const numValue = parseFloat(value) || 0;
+        const updatedSplits = splits.map(s => {
+            if (s.userId === userId) {
+                return { ...s, [field]: numValue, amount: field === "amount" ? numValue : s.amount };
+            }
+            return s;
+        });
+        // Auto-calculate amounts for percentage and shares
+        if (field === "percentage") {
+            updatedSplits.forEach(s => {
+                if (s.userId === userId) {
+                    s.amount = (numValue / 100) * totalAmount;
+                }
+            });
+        }
+        else if (field === "shares") {
+            const totalShares = updatedSplits.reduce((sum, s) => sum + (s.shares || 0), 0);
+            updatedSplits.forEach(s => {
+                s.amount = (s.shares && s.shares > 0) ? (s.shares / totalShares) * totalAmount : 0;
+            });
+        }
+        onChange(updatedSplits);
+    };
+    const getInputLabel = () => {
+        switch (splitType) {
+            case "exact":
+                return "Amount";
+            case "percentage":
+                return "Percentage";
+            case "shares":
+                return "Shares";
+            default:
+                return "Amount";
+        }
+    };
+    const validateSplits = () => {
+        if (splitType === "percentage") {
+            const total = splits.reduce((sum, s) => sum + (s.percentage || 0), 0);
+            return total === 100;
+        }
+        else if (splitType === "exact") {
+            const total = splits.reduce((sum, s) => sum + (s.amount || 0), 0);
+            return Math.abs(total - totalAmount) < 0.01;
+        }
+        return true;
+    };
+    const isValid = getInputLabel();
+    return (_jsxs("div", { className: "space-y-2", children: [_jsxs("button", { onClick: () => setIsExpanded(!isExpanded), className: "w-full flex items-center justify-between p-2 rounded-lg border border-gray-200 dark:border-gray-700 hover:bg-gray-50 dark:hover:bg-gray-800 transition-colors", children: [_jsx("span", { className: "text-xs font-semibold text-gray-700 dark:text-gray-300 uppercase tracking-wider", children: "Split Details" }), _jsx(ChevronDown, { className: `w-4 h-4 text-gray-400 transition-transform ${isExpanded ? "rotate-180" : ""}` })] }), isExpanded && (_jsx("div", { className: "bg-gray-50 dark:bg-gray-800/30 p-3 rounded-lg border border-gray-200 dark:border-gray-700 space-y-2", children: participants.length === 0 ? (_jsx("p", { className: "text-xs text-gray-500 text-center py-2", children: "Add participants to split expense" })) : (_jsxs(_Fragment, { children: [splits.map((split, idx) => {
+                            var _a;
+                            return (_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("label", { className: "text-xs text-gray-600 dark:text-gray-400 flex-1 truncate font-medium", children: split.userId }), _jsxs("div", { className: "flex items-center gap-1 flex-1", children: [_jsx("input", { type: "number", step: "1", value: splitType === "exact"
+                                                    ? split.amount || ""
+                                                    : splitType === "percentage"
+                                                        ? split.percentage || ""
+                                                        : split.shares || "", onChange: (e) => handleInputChange(split.userId, e.target.value, splitType === "exact"
+                                                    ? "amount"
+                                                    : splitType === "percentage"
+                                                        ? "percentage"
+                                                        : "shares"), placeholder: "0", className: "w-20 bg-white dark:bg-gray-700 border border-gray-200 dark:border-gray-600 rounded p-1 text-xs text-gray-900 dark:text-white outline-none focus:border-teal-500" }), _jsx("span", { className: "text-[10px] text-gray-500 min-w-fit", children: splitType === "percentage"
+                                                    ? "%"
+                                                    : splitType === "shares"
+                                                        ? "shares"
+                                                        : `₹${((_a = split.amount) === null || _a === void 0 ? void 0 : _a.toFixed(2)) || "0.00"}` })] })] }, split.userId));
+                        }), splitType === "percentage" && (_jsx("div", { className: "text-[10px] text-gray-600 dark:text-gray-400 pt-2 border-t border-gray-200 dark:border-gray-600", children: _jsxs("p", { children: ["Total:", " ", _jsxs("span", { className: Math.abs(splits.reduce((sum, s) => sum + (s.percentage || 0), 0) -
+                                            100) < 0.01
+                                            ? "text-green-600"
+                                            : "text-red-500", children: [splits.reduce((sum, s) => sum + (s.percentage || 0), 0).toFixed(1), "%"] })] }) })), splitType === "exact" && (_jsx("div", { className: "text-[10px] text-gray-600 dark:text-gray-400 pt-2 border-t border-gray-200 dark:border-gray-600", children: _jsxs("p", { children: ["Total:", " ", _jsxs("span", { className: Math.abs(splits.reduce((sum, s) => sum + (s.amount || 0), 0) -
+                                            totalAmount) < 0.01
+                                            ? "text-green-600"
+                                            : "text-red-500", children: ["\u20B9", splits.reduce((sum, s) => sum + (s.amount || 0), 0).toFixed(2)] })] }) }))] })) }))] }));
+}

package/dist/chat/components/SplitTypeSelector.d.ts

@@ -0,0 +1,8 @@
+import type { SplitType } from "@myrjfa/state/dist/lib/models/chat";
+interface SplitTypeSelectorProps {
+    value: SplitType;
+    onChange: (type: SplitType) => void;
+}
+export declare function SplitTypeSelector({ value, onChange }: SplitTypeSelectorProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=SplitTypeSelector.d.ts.map

package/dist/chat/components/SplitTypeSelector.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SplitTypeSelector.d.ts","sourceRoot":"","sources":["../../../src/chat/components/SplitTypeSelector.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,oCAAoC,CAAC;AAGpE,UAAU,sBAAsB;IAC5B,KAAK,EAAE,SAAS,CAAC;IACjB,QAAQ,EAAE,CAAC,IAAI,EAAE,SAAS,KAAK,IAAI,CAAC;CACvC;AASD,wBAAgB,iBAAiB,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,sBAAsB,2CA4B5E"}

package/dist/chat/components/SplitTypeSelector.js

@@ -0,0 +1,13 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const SPLIT_TYPES = [
+    { value: "equal", label: "Equal", description: "Split evenly among all" },
+    { value: "exact", label: "Exact", description: "Specify exact amounts" },
+    { value: "percentage", label: "Percentage", description: "Split by percentages" },
+    { value: "shares", label: "Shares", description: "Split by number of shares" }
+];
+export function SplitTypeSelector({ value, onChange }) {
+    return (_jsxs("div", { className: "space-y-2", children: [_jsx("label", { className: "text-xs font-semibold text-gray-700 dark:text-gray-300 uppercase tracking-wider", children: "Split Type" }), _jsx("div", { className: "grid grid-cols-2 gap-2", children: SPLIT_TYPES.map((type) => (_jsxs("button", { onClick: () => onChange(type.value), className: `p-2 rounded-lg border-2 transition-all text-left ${value === type.value
+                        ? "border-teal-500 bg-teal-50 dark:bg-teal-900/20"
+                        : "border-gray-200 dark:border-gray-700 hover:border-gray-300 dark:hover:border-gray-600"}`, children: [_jsx("p", { className: "text-sm font-semibold text-gray-900 dark:text-white", children: type.label }), _jsx("p", { className: "text-[10px] text-gray-500 dark:text-gray-400", children: type.description })] }, type.value))) })] }));
+}