@myrjfa/ui 1.0.8 → 1.0.9

package/dist/chat/MessageInput.js

@@ -0,0 +1,235 @@
+"use client";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
+    return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+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 } from "lucide-react";
+import { Button } from "../misc/button";
+import { Textarea } from "../misc/textarea";
+import { Popover, PopoverContent, PopoverTrigger } from "../misc/popover";
+import { CameraDialog } from "./dialogs/CameraDialog";
+import { showAlert } from "../misc/alertdialogclaude";
+import EmojiPicker from 'emoji-picker-react';
+export function MessageInput(_a) {
+    var _this = this;
+    var _b;
+    var onSend = _a.onSend, onTypingStart = _a.onTypingStart, onTypingStop = _a.onTypingStop, disabled = _a.disabled, replyTo = _a.replyTo, onCancelReply = _a.onCancelReply, onAddMilestone = _a.onAddMilestone, onAddExpense = _a.onAddExpense, _c = _a.activePanel, activePanel = _c === void 0 ? "chat" : _c;
+    var _d = useState(""), text = _d[0], setText = _d[1];
+    var _e = useState([]), selectedFiles = _e[0], setSelectedFiles = _e[1];
+    var textareaRef = useRef(null);
+    var fileInputRef = useRef(null);
+    var _f = useState(""), fileAcceptType = _f[0], setFileAcceptType = _f[1];
+    var typingTimeoutRef = useRef(null);
+    var isTypingRef = useRef(false);
+    var _g = useState(false), showEmojiPicker = _g[0], setShowEmojiPicker = _g[1];
+    var _h = useState(false), isCameraOpen = _h[0], setIsCameraOpen = _h[1];
+    var _j = useState(false), isRecording = _j[0], setIsRecording = _j[1];
+    var mediaRecorderRef = useRef(null);
+    var audioChunksRef = useRef([]);
+    // Auto-resize textarea
+    useEffect(function () {
+        var el = textareaRef.current;
+        if (el) {
+            el.style.height = "auto";
+            el.style.height = Math.min(el.scrollHeight, 120) + "px";
+        }
+    }, [text]);
+    function handleChange(e) {
+        setText(e.target.value);
+        // 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(function () {
+            isTypingRef.current = false;
+            onTypingStop === null || onTypingStop === void 0 ? void 0 : onTypingStop();
+        }, 2000);
+    }
+    function handleSend() {
+        var _a;
+        var trimmed = text.trim();
+        if ((!trimmed && selectedFiles.length === 0) || disabled)
+            return;
+        onSend(trimmed, selectedFiles);
+        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();
+    }
+    function handleKeyDown(e) {
+        if (e.key === "Enter" && !e.shiftKey) {
+            e.preventDefault();
+            handleSend();
+        }
+    }
+    var handleFileChange = function (e) {
+        if (e.target.files) {
+            setSelectedFiles(function (prev) { return __spreadArray(__spreadArray([], prev, true), Array.from(e.target.files), true); });
+        }
+    };
+    var removeFile = function (index) {
+        setSelectedFiles(function (prev) { return prev.filter(function (_, i) { return i !== index; }); });
+    };
+    var handleLocation = function () {
+        if ("geolocation" in navigator) {
+            navigator.geolocation.getCurrentPosition(function (position) {
+                var _a = position.coords, latitude = _a.latitude, longitude = _a.longitude;
+                var mapLink = "https://www.google.com/maps?q=".concat(latitude, ",").concat(longitude);
+                onSend(mapLink);
+            }, function (error) {
+                console.error("Error getting location:", error);
+                showAlert("Could not get location.");
+            });
+        }
+        else {
+            showAlert("Geolocation is not supported by this browser.");
+        }
+    };
+    var handleCameraCapture = function (file) {
+        setSelectedFiles(function (prev) { return __spreadArray(__spreadArray([], prev, true), [file], false); });
+    };
+    var startRecording = function () { return __awaiter(_this, void 0, void 0, function () {
+        var stream_1, mediaRecorder, err_1;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    _a.trys.push([0, 2, , 3]);
+                    return [4 /*yield*/, navigator.mediaDevices.getUserMedia({ audio: true })];
+                case 1:
+                    stream_1 = _a.sent();
+                    mediaRecorder = new MediaRecorder(stream_1);
+                    mediaRecorderRef.current = mediaRecorder;
+                    audioChunksRef.current = [];
+                    mediaRecorder.ondataavailable = function (event) {
+                        if (event.data.size > 0) {
+                            audioChunksRef.current.push(event.data);
+                        }
+                    };
+                    mediaRecorder.onstop = function () {
+                        var audioBlob = new Blob(audioChunksRef.current, { type: "audio/webm" });
+                        var audioFile = new File([audioBlob], "voice_".concat(Date.now(), ".webm"), { type: "audio/webm" });
+                        setSelectedFiles(function (prev) { return __spreadArray(__spreadArray([], prev, true), [audioFile], false); });
+                        stream_1.getTracks().forEach(function (track) { return track.stop(); });
+                    };
+                    mediaRecorder.start();
+                    setIsRecording(true);
+                    return [3 /*break*/, 3];
+                case 2:
+                    err_1 = _a.sent();
+                    console.error("Error accessing microphone:", err_1);
+                    alert("Could not access microphone");
+                    return [3 /*break*/, 3];
+                case 3: return [2 /*return*/];
+            }
+        });
+    }); };
+    var stopRecording = function () {
+        if (mediaRecorderRef.current && isRecording) {
+            mediaRecorderRef.current.stop();
+            setIsRecording(false);
+        }
+    };
+    var handleEmojiSelect = function (emojiObject) {
+        if (textareaRef.current) {
+            var cursorPos = textareaRef.current.selectionStart;
+            var newText = text.slice(0, cursorPos) + emojiObject.emoji + text.slice(cursorPos);
+            setText(newText);
+            setShowEmojiPicker(false);
+            textareaRef.current.focus();
+        }
+    };
+    // Only show message input for chat panel
+    var showMessageInput = activePanel === "chat";
+    return (_jsxs("div", { className: "border-t border-gray-200 dark:border-gray-700 bg-white dark:bg-gray-900 p-3", children: [_jsx(CameraDialog, { open: isCameraOpen, onOpenChange: setIsCameraOpen, onCapture: handleCameraCapture }), selectedFiles.length > 0 && (_jsx("div", { className: "max-w-4xl mx-auto mb-2 flex flex-wrap gap-2", children: selectedFiles.map(function (file, i) { return (_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: function () { return 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: [_jsxs("div", { className: "text-xs font-semibold text-teal-600 dark:text-teal-400", children: ["Replying to ", replyTo.senderId] }), _jsx("div", { className: "text-xs text-gray-600 dark:text-gray-400 truncate", children: (_b = replyTo.content.text) === null || _b === void 0 ? void 0 : _b.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: "".concat(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" }), _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: function () { return __awaiter(_this, void 0, void 0, function () {
+                                            var _a;
+                                            return __generator(this, function (_b) {
+                                                switch (_b.label) {
+                                                    case 0: return [4 /*yield*/, setFileAcceptType(".pdf,.doc,.docx,.txt,.xlsx,.pptx")];
+                                                    case 1:
+                                                        _b.sent();
+                                                        (_a = fileInputRef.current) === null || _a === void 0 ? void 0 : _a.click();
+                                                        return [2 /*return*/];
+                                                }
+                                            });
+                                        }); }, children: [_jsx(FileText, { className: "w-4 h-4 text-purple-500" }), "Document"] }), _jsxs(Button, { variant: "ghost", className: "justify-start gap-2 w-full", onClick: function () { return __awaiter(_this, void 0, void 0, function () {
+                                            var _a;
+                                            return __generator(this, function (_b) {
+                                                switch (_b.label) {
+                                                    case 0: return [4 /*yield*/, setFileAcceptType("image/*")];
+                                                    case 1:
+                                                        _b.sent();
+                                                        (_a = fileInputRef.current) === null || _a === void 0 ? void 0 : _a.click();
+                                                        return [2 /*return*/];
+                                                }
+                                            });
+                                        }); }, children: [_jsx(ImageIcon, { className: "w-4 h-4 text-blue-500" }), "Photos"] }), _jsxs(Button, { variant: "ghost", className: "justify-start gap-2 w-full", onClick: function () { return __awaiter(_this, void 0, void 0, function () {
+                                            var _a;
+                                            return __generator(this, function (_b) {
+                                                switch (_b.label) {
+                                                    case 0: return [4 /*yield*/, setFileAcceptType("video/*")];
+                                                    case 1:
+                                                        _b.sent();
+                                                        (_a = fileInputRef.current) === null || _a === void 0 ? void 0 : _a.click();
+                                                        return [2 /*return*/];
+                                                }
+                                            });
+                                        }); }, 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"] }), _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: function () {
+                                            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: function () {
+                                            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", children: [_jsx(Textarea, { ref: textareaRef, value: text, onChange: handleChange, onKeyDown: handleKeyDown, placeholder: "Type a message...", disabled: disabled, 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]" }), _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: function () { return setShowEmojiPicker(!showEmojiPicker); }, children: _jsx(Smile, { className: "w-5 h-5" }) }), _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: function () { return setIsCameraOpen(true); }, children: _jsx(Camera, { className: "w-5 h-5" }) })] }), text.trim() || selectedFiles.length > 0 ? (_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 ".concat(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: function () { return isRecording ? stopRecording() : startRecording(); }, children: isRecording ? _jsx(CircleStopIcon, { className: "w-6 h-6" }) : _jsx(Mic, { className: "w-6 h-6" }) })), showEmojiPicker && _jsx(EmojiPicker, { onEmojiClick: handleEmojiSelect })] })] }));
+}

package/dist/chat/MilestonePanel.d.ts

@@ -0,0 +1,8 @@
+interface MilestonePanelProps {
+    conversationId: string;
+    currentUserId: string;
+    isFullScreen?: boolean;
+}
+export declare function MilestonePanel({ conversationId, currentUserId, isFullScreen }: 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":"AASA,UAAU,mBAAmB;IACzB,cAAc,EAAE,MAAM,CAAC;IACvB,aAAa,EAAE,MAAM,CAAC;IACtB,YAAY,CAAC,EAAE,OAAO,CAAC;CAC1B;AAED,wBAAgB,cAAc,CAAC,EAAE,cAAc,EAAE,aAAa,EAAE,YAAoB,EAAE,EAAE,mBAAmB,2CAgL1G"}

package/dist/chat/MilestonePanel.js

@@ -0,0 +1,173 @@
+"use client";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
+    return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+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 } from "lucide-react";
+import { Button } from "../misc/button";
+import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger } from "../misc/dropdown-menu";
+export function MilestonePanel(_a) {
+    var _this = this;
+    var conversationId = _a.conversationId, currentUserId = _a.currentUserId, _b = _a.isFullScreen, isFullScreen = _b === void 0 ? false : _b;
+    var _c = useState([]), milestones = _c[0], setMilestones = _c[1];
+    var _d = useState(true), loading = _d[0], setLoading = _d[1];
+    var _e = useState(false), isAdding = _e[0], setIsAdding = _e[1];
+    var _f = useState(""), newTitle = _f[0], setNewTitle = _f[1];
+    var _g = useState(""), newSection = _g[0], setNewSection = _g[1];
+    var fetchMilestones = function () { return __awaiter(_this, void 0, void 0, function () {
+        var data;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    setLoading(true);
+                    return [4 /*yield*/, chatApi.getMilestones(conversationId)];
+                case 1:
+                    data = _a.sent();
+                    setMilestones(data);
+                    setLoading(false);
+                    return [2 /*return*/];
+            }
+        });
+    }); };
+    useEffect(function () {
+        fetchMilestones();
+    }, [conversationId]);
+    var handleCreate = function () { return __awaiter(_this, void 0, void 0, function () {
+        var milestone;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    if (!newTitle.trim())
+                        return [2 /*return*/];
+                    return [4 /*yield*/, chatApi.createMilestone(conversationId, {
+                            title: newTitle.trim(),
+                            section: newSection.trim() || "General"
+                        })];
+                case 1:
+                    milestone = _a.sent();
+                    if (milestone) {
+                        setMilestones(function (prev) { return __spreadArray(__spreadArray([], prev, true), [milestone], false); });
+                        setNewTitle("");
+                        setNewSection("");
+                        setIsAdding(false);
+                    }
+                    return [2 /*return*/];
+            }
+        });
+    }); };
+    var handleToggle = function (id) { return __awaiter(_this, void 0, void 0, function () {
+        var updated;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0: return [4 /*yield*/, chatApi.toggleMilestone(id)];
+                case 1:
+                    updated = _a.sent();
+                    if (updated) {
+                        setMilestones(function (prev) { return prev.map(function (m) { return m._id === id ? updated : m; }); });
+                    }
+                    return [2 /*return*/];
+            }
+        });
+    }); };
+    var handleDelete = function (id) { return __awaiter(_this, void 0, void 0, function () {
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    if (!window.confirm("Are you sure you want to delete this milestone?")) return [3 /*break*/, 2];
+                    return [4 /*yield*/, chatApi.deleteMilestone(id)];
+                case 1:
+                    _a.sent();
+                    setMilestones(function (prev) { return prev.filter(function (m) { return m._id !== id; }); });
+                    _a.label = 2;
+                case 2: return [2 /*return*/];
+            }
+        });
+    }); };
+    var handleEdit = function (id_1, currentTitle_1) {
+        var args_1 = [];
+        for (var _i = 2; _i < arguments.length; _i++) {
+            args_1[_i - 2] = arguments[_i];
+        }
+        return __awaiter(_this, __spreadArray([id_1, currentTitle_1], args_1, true), void 0, function (id, currentTitle, currentSection) {
+            var newTitle, newSection, updates, updated_1;
+            if (currentSection === void 0) { currentSection = "General"; }
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        newTitle = window.prompt("Edit milestone title:", currentTitle);
+                        newSection = window.prompt("Edit section:", currentSection);
+                        if (!(newTitle && newTitle.trim() !== "")) return [3 /*break*/, 2];
+                        updates = { title: newTitle.trim() };
+                        if (newSection !== null)
+                            updates.section = newSection.trim() || "General";
+                        return [4 /*yield*/, chatApi.updateMilestone(id, updates)];
+                    case 1:
+                        updated_1 = _a.sent();
+                        if (updated_1) {
+                            setMilestones(function (prev) { return prev.map(function (m) { return m._id === id ? updated_1 : m; }); });
+                        }
+                        _a.label = 2;
+                    case 2: return [2 /*return*/];
+                }
+            });
+        });
+    };
+    var groupedMilestones = milestones.reduce(function (acc, m) {
+        var section = m.section || "General";
+        if (!acc[section])
+            acc[section] = [];
+        acc[section].push(m);
+        return acc;
+    }, {});
+    var 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 ".concat(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: 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: "bg-teal-50 dark:bg-teal-900/20 p-3 rounded-xl border border-teal-100 dark:border-teal-800", children: [_jsx("input", { autoFocus: true, value: newTitle, onChange: function (e) { return setNewTitle(e.target.value); }, placeholder: "Milestone title...", className: "w-full bg-white dark:bg-gray-800 border-none outline-none rounded-lg p-2 text-sm text-gray-900 dark:text-white mb-2 shadow-sm" }), _jsx("input", { value: newSection, onChange: function (e) { return setNewSection(e.target.value); }, onKeyDown: function (e) { return e.key === "Enter" && handleCreate(); }, placeholder: "Section (e.g., Day 1)...", className: "w-full bg-white dark:bg-gray-800 border-none outline-none rounded-lg p-2 text-sm text-gray-900 dark:text-white mb-2 shadow-sm" }), _jsxs("div", { className: "flex justify-end gap-2", children: [_jsx(Button, { variant: "ghost", size: "sm", onClick: function () { return setIsAdding(false); }, children: "Cancel" }), _jsx(Button, { size: "sm", onClick: handleCreate, className: "bg-gradient-to-r from-teal-500 to-cyan-600 hover:from-teal-600 hover:to-cyan-700 text-white", children: "Add" })] })] })), milestones.length > 0 && (Object.entries(groupedMilestones).map(function (_a) {
+                            var section = _a[0], items = _a[1];
+                            return (_jsxs("div", { className: "space-y-2", children: [_jsx("h4", { className: "text-xs font-semibold text-gray-500 uppercase tracking-widest pl-1 sticky top-0 bg-white dark:bg-gray-900 py-1 z-10", children: section }), items.map(function (m) { return (_jsxs("div", { className: "group flex items-start gap-3 p-2 hover:bg-gray-50 dark:hover:bg-gray-800/50 rounded-xl transition-colors", children: [_jsx("button", { onClick: function () { return handleToggle(m._id); }, className: "mt-0.5 transition-colors flex-shrink-0 ".concat(m.isCompleted ? "text-green-500" : "text-gray-300 hover:text-teal-400"), children: m.isCompleted ? _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 ".concat(m.isCompleted ? "text-gray-400 line-through" : "text-gray-700 dark:text-gray-200"), children: m.title }), m.completedAt && (_jsxs("p", { className: "text-[10px] text-gray-400 mt-0.5", children: ["Completed on ", new Date(m.completedAt).toLocaleDateString()] }))] }), _jsxs(DropdownMenu, { children: [_jsx(DropdownMenuTrigger, { asChild: true, children: _jsx("button", { className: "opacity-0 group-hover:opacity-100 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: function () { return handleEdit(m._id, m.title, m.section); }, children: [_jsx(Pencil, { className: "w-4 h-4 mr-2" }), "Edit"] }), _jsxs(DropdownMenuItem, { className: "text-red-500", onClick: function () { return handleDelete(m._id); }, children: [_jsx(Trash2, { className: "w-4 h-4 mr-2" }), "Delete"] })] })] })] }, m._id)); })] }, section));
+                        }))] })) }), !isAdding && (_jsx("div", { className: "p-4 border-t border-gray-200 dark:border-gray-700 flex-shrink-0", children: _jsxs(Button, { onClick: function () { return 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/dialogs/AddMemberDialog.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+import type { User as UserType } from "@myrjfa/state/dist/lib/models/user";
+interface AddMemberDialogProps {
+    selectedUsers: UserType[];
+    setSelectedUsers: React.Dispatch<React.SetStateAction<UserType[]>>;
+    excludeUsernames?: string[];
+}
+export declare function AddMemberDialog({ selectedUsers, setSelectedUsers, excludeUsernames }: AddMemberDialogProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=AddMemberDialog.d.ts.map

package/dist/chat/dialogs/AddMemberDialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AddMemberDialog.d.ts","sourceRoot":"","sources":["../../../src/chat/dialogs/AddMemberDialog.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAMxC,OAAO,KAAK,EAAE,IAAI,IAAI,QAAQ,EAAE,MAAM,oCAAoC,CAAC;AAE3E,UAAU,oBAAoB;IAC1B,aAAa,EAAE,QAAQ,EAAE,CAAC;IAC1B,gBAAgB,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAA;IAClE,gBAAgB,CAAC,EAAE,MAAM,EAAE,CAAC;CAC/B;AAED,wBAAgB,eAAe,CAAC,EAAE,aAAa,EAAE,gBAAgB,EAAE,gBAAqB,EAAE,EAAE,oBAAoB,2CAmF/G"}

package/dist/chat/dialogs/AddMemberDialog.js

@@ -0,0 +1,110 @@
+"use client";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
+    return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { Input } from "../../misc/input";
+import { Button } from "../../misc/button";
+import { User, Loader2, X } from "lucide-react";
+import { userDetails } from "@myrjfa/state/dist/lib/actions/actions";
+import { Avatar, AvatarFallback, AvatarImage } from "../../misc/avatar";
+export function AddMemberDialog(_a) {
+    var selectedUsers = _a.selectedUsers, setSelectedUsers = _a.setSelectedUsers, _b = _a.excludeUsernames, excludeUsernames = _b === void 0 ? [] : _b;
+    var _c = useState(""), query = _c[0], setQuery = _c[1];
+    var _d = useState([]), results = _d[0], setResults = _d[1];
+    var _e = useState(false), loading = _e[0], setLoading = _e[1];
+    function handleSearch(e) {
+        return __awaiter(this, void 0, void 0, function () {
+            var res_1, err_1;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        e.preventDefault();
+                        if (!query.trim())
+                            return [2 /*return*/];
+                        setLoading(true);
+                        _a.label = 1;
+                    case 1:
+                        _a.trys.push([1, 3, 4, 5]);
+                        return [4 /*yield*/, userDetails(query, "user")];
+                    case 2:
+                        res_1 = _a.sent();
+                        if (res_1.error) {
+                            console.error("user not found:", res_1.error);
+                            setResults([]);
+                        }
+                        else {
+                            if (res_1.user && !excludeUsernames.includes(res_1.user.username || "") && !selectedUsers.some(function (u) { return res_1.user ? u.username == res_1.user.username : false; })) {
+                                setResults([res_1.user]);
+                            }
+                        }
+                        return [3 /*break*/, 5];
+                    case 3:
+                        err_1 = _a.sent();
+                        console.error(err_1);
+                        return [3 /*break*/, 5];
+                    case 4:
+                        setLoading(false);
+                        return [7 /*endfinally*/];
+                    case 5: return [2 /*return*/];
+                }
+            });
+        });
+    }
+    function toggleUser(user) {
+        if (selectedUsers.find(function (u) { return u.username === user.username; })) {
+            setSelectedUsers(function (prev) { return prev.filter(function (u) { return u.username !== user.username; }); });
+            setQuery("");
+            setResults([]);
+        }
+        else {
+            setSelectedUsers(function (prev) { return __spreadArray(__spreadArray([], prev, true), [user], false); });
+            setQuery("");
+            setResults([]);
+        }
+    }
+    return (_jsxs("div", { className: "space-y-2", children: [_jsx("div", { className: "flex flex-wrap gap-2", children: selectedUsers.map(function (user) { return (_jsxs("div", { className: "flex items-center gap-1 bg-indigo-100 text-indigo-700 text-xs px-2 py-1 rounded-full", children: [_jsx("span", { children: user.firstName }), _jsx(X, { className: "w-3 h-3 cursor-pointer", onClick: function () { return toggleUser(user); } })] }, user.username)); }) }), _jsxs("form", { onSubmit: handleSearch, className: "flex gap-2", children: [_jsx(Input, { placeholder: "Add members by email, contact or username...", value: query, onChange: function (e) { return setQuery(e.target.value); } }), _jsx(Button, { type: "submit", size: "sm", disabled: loading, children: loading ? _jsx(Loader2, { className: "h-4 w-4 animate-spin" }) : "Find" })] }), _jsx("div", { className: "flex flex-col gap-2 max-h-[200px] overflow-y-auto", children: results.map(function (user) { return (_jsx("div", { className: "flex items-center justify-between p-2 hover:bg-accent rounded-md cursor-pointer", onClick: function () { return toggleUser(user); }, children: _jsxs("div", { className: "flex items-center gap-3", children: [_jsxs(Avatar, { className: "h-8 w-8", children: [_jsx(AvatarImage, { src: user.profilePic }), _jsx(AvatarFallback, { children: _jsx(User, { className: "h-4 w-4" }) })] }), _jsxs("div", { children: [_jsxs("p", { className: "text-sm font-medium", children: [user.firstName, " ", user.lastName] }), _jsxs("p", { className: "text-xs text-muted-foreground", children: ["@", user.username] })] })] }) }, user.username)); }) })] }));
+}

package/dist/chat/dialogs/CameraDialog.d.ts

@@ -0,0 +1,8 @@
+interface CameraDialogProps {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    onCapture: (file: File) => void;
+}
+export declare function CameraDialog({ open, onOpenChange, onCapture }: CameraDialogProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=CameraDialog.d.ts.map

package/dist/chat/dialogs/CameraDialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CameraDialog.d.ts","sourceRoot":"","sources":["../../../src/chat/dialogs/CameraDialog.tsx"],"names":[],"mappings":"AAOA,UAAU,iBAAiB;IACvB,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,SAAS,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;CACnC;AAED,wBAAgB,YAAY,CAAC,EAAE,IAAI,EAAE,YAAY,EAAE,SAAS,EAAE,EAAE,iBAAiB,2CA2HhF"}