@myrjfa/ui 1.0.8 → 1.1.0

package/dist/chat/dialogs/CameraDialog.js

@@ -0,0 +1,128 @@
+"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 };
+    }
+};
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useRef, useState, useEffect } from "react";
+import { Dialog, DialogContent } from "../../misc/dialog";
+import { Button } from "../../misc/button";
+import { RefreshCw, Check } from "lucide-react";
+export function CameraDialog(_a) {
+    var _this = this;
+    var open = _a.open, onOpenChange = _a.onOpenChange, onCapture = _a.onCapture;
+    var videoRef = useRef(null);
+    var canvasRef = useRef(null);
+    var _b = useState(null), stream = _b[0], setStream = _b[1];
+    var _c = useState(null), capturedImage = _c[0], setCapturedImage = _c[1];
+    var _d = useState(false), loading = _d[0], setLoading = _d[1];
+    useEffect(function () {
+        if (open) {
+            startCamera();
+        }
+        else {
+            stopCamera();
+            setCapturedImage(null);
+        }
+        return function () { return stopCamera(); };
+    }, [open]);
+    var startCamera = function () { return __awaiter(_this, void 0, void 0, function () {
+        var mediaStream, err_1;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    _a.trys.push([0, 2, , 3]);
+                    setLoading(true);
+                    return [4 /*yield*/, navigator.mediaDevices.getUserMedia({
+                            video: { facingMode: "user" }
+                        })];
+                case 1:
+                    mediaStream = _a.sent();
+                    setStream(mediaStream);
+                    if (videoRef.current) {
+                        videoRef.current.srcObject = mediaStream;
+                    }
+                    setLoading(false);
+                    return [3 /*break*/, 3];
+                case 2:
+                    err_1 = _a.sent();
+                    console.error("Error accessing camera:", err_1);
+                    setLoading(false);
+                    alert("Could not access camera");
+                    onOpenChange(false);
+                    return [3 /*break*/, 3];
+                case 3: return [2 /*return*/];
+            }
+        });
+    }); };
+    var stopCamera = function () {
+        if (stream) {
+            stream.getTracks().forEach(function (track) { return track.stop(); });
+            setStream(null);
+        }
+    };
+    var handleCapture = function () {
+        if (videoRef.current && canvasRef.current) {
+            var video = videoRef.current;
+            var canvas = canvasRef.current;
+            canvas.width = video.videoWidth;
+            canvas.height = video.videoHeight;
+            var ctx = canvas.getContext("2d");
+            if (ctx) {
+                // Flip horizontally if facing user mode (optional, but good for selfies)
+                // ctx.translate(canvas.width, 0);
+                // ctx.scale(-1, 1);
+                ctx.drawImage(video, 0, 0, canvas.width, canvas.height);
+                var dataUrl = canvas.toDataURL("image/jpeg");
+                setCapturedImage(dataUrl);
+            }
+        }
+    };
+    var handleRetake = function () {
+        setCapturedImage(null);
+    };
+    var handleConfirm = function () {
+        if (capturedImage) {
+            fetch(capturedImage)
+                .then(function (res) { return res.blob(); })
+                .then(function (blob) {
+                var file = new File([blob], "camera_".concat(Date.now(), ".jpg"), { type: "image/jpeg" });
+                onCapture(file);
+                onOpenChange(false);
+            });
+        }
+    };
+    return (_jsx(Dialog, { open: open, onOpenChange: onOpenChange, children: _jsxs(DialogContent, { className: "sm:max-w-md p-0 overflow-hidden bg-black border-gray-800", children: [_jsxs("div", { className: "relative aspect-[3/4] sm:aspect-video bg-black flex items-center justify-center", children: [!capturedImage && (_jsx("video", { ref: videoRef, autoPlay: true, playsInline: true, className: "w-full h-full object-cover" })), capturedImage && (_jsx("img", { src: capturedImage, alt: "Captured", className: "w-full h-full object-contain" })), _jsx("canvas", { ref: canvasRef, className: "hidden" })] }), _jsx("div", { className: "p-4 flex items-center justify-center gap-4 bg-gray-900 border-t border-gray-800", children: !capturedImage ? (_jsx(Button, { onClick: handleCapture, className: "h-16 w-16 rounded-full border-4 border-white bg-transparent p-1 hover:bg-white/10", children: _jsx("div", { className: "h-full w-full rounded-full bg-white" }) })) : (_jsxs(_Fragment, { children: [_jsxs(Button, { variant: "ghost", className: "text-white hover:bg-gray-800", onClick: handleRetake, children: [_jsx(RefreshCw, { className: "w-5 h-5 mr-2" }), "Retake"] }), _jsxs(Button, { className: "bg-white text-black hover:bg-gray-200", onClick: handleConfirm, children: [_jsx(Check, { className: "w-5 h-5 mr-2" }), "Send Photo"] })] })) })] }) }));
+}

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

@@ -0,0 +1,10 @@
+import type { Conversation } from "@myrjfa/state/dist/lib/models/chat";
+interface GroupInfoDialogProps {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    conversation: Conversation;
+    onUpdate: () => void;
+}
+export declare function GroupInfoDialog({ open, onOpenChange, conversation, onUpdate }: GroupInfoDialogProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=GroupInfoDialog.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"GroupInfoDialog.d.ts","sourceRoot":"","sources":["../../../src/chat/dialogs/GroupInfoDialog.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,oCAAoC,CAAC;AAIvE,UAAU,oBAAoB;IAC1B,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,YAAY,EAAE,YAAY,CAAC;IAC3B,QAAQ,EAAE,MAAM,IAAI,CAAC;CACxB;AAED,wBAAgB,eAAe,CAAC,EAC5B,IAAI,EACJ,YAAY,EACZ,YAAY,EACZ,QAAQ,EACX,EAAE,oBAAoB,2CAqGtB"}

package/dist/chat/dialogs/GroupInfoDialog.js

@@ -0,0 +1,108 @@
+"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 };
+    }
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { Dialog, DialogContent, DialogHeader, DialogTitle, DialogFooter } from "../../misc/dialog";
+import { Button } from "../../misc/button";
+import { Input } from "../../misc/input";
+import { Textarea } from "../../misc/textarea";
+import { chatApi } from "@myrjfa/state/dist/lib/actions/chat";
+import { Avatar, AvatarFallback, AvatarImage } from "../../misc/avatar";
+import { Users, Camera, Loader2 } from "lucide-react";
+export function GroupInfoDialog(_a) {
+    var _this = this;
+    var open = _a.open, onOpenChange = _a.onOpenChange, conversation = _a.conversation, onUpdate = _a.onUpdate;
+    var _b = useState(conversation.name || ""), name = _b[0], setName = _b[1];
+    var _c = useState(conversation.description || ""), description = _c[0], setDescription = _c[1];
+    var _d = useState(null), imageFile = _d[0], setImageFile = _d[1];
+    var _e = useState(conversation.image || ""), previewImage = _e[0], setPreviewImage = _e[1];
+    var _f = useState(false), loading = _f[0], setLoading = _f[1];
+    var handleImageChange = function (e) {
+        if (e.target.files && e.target.files[0]) {
+            var file = e.target.files[0];
+            setImageFile(file);
+            setPreviewImage(URL.createObjectURL(file));
+        }
+    };
+    var handleSave = function () { return __awaiter(_this, void 0, void 0, function () {
+        var imageUrl, formData, res, err_1;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    setLoading(true);
+                    _a.label = 1;
+                case 1:
+                    _a.trys.push([1, 5, 6, 7]);
+                    imageUrl = conversation.image;
+                    if (!imageFile) return [3 /*break*/, 3];
+                    formData = new FormData();
+                    formData.append("chatFiles", imageFile);
+                    return [4 /*yield*/, chatApi.uploadFiles(formData)];
+                case 2:
+                    res = _a.sent();
+                    if (res.data && res.data.files && res.data.files.length > 0) {
+                        imageUrl = res.data.files[0].location;
+                    }
+                    _a.label = 3;
+                case 3: 
+                // Update conversation
+                return [4 /*yield*/, chatApi.updateConversation(conversation._id, {
+                        name: name,
+                        description: description,
+                        image: imageUrl
+                    })];
+                case 4:
+                    // Update conversation
+                    _a.sent();
+                    onUpdate();
+                    onOpenChange(false);
+                    return [3 /*break*/, 7];
+                case 5:
+                    err_1 = _a.sent();
+                    console.error("Failed to update group info:", err_1);
+                    alert("Failed to update group info");
+                    return [3 /*break*/, 7];
+                case 6:
+                    setLoading(false);
+                    return [7 /*endfinally*/];
+                case 7: return [2 /*return*/];
+            }
+        });
+    }); };
+    return (_jsx(Dialog, { open: open, onOpenChange: onOpenChange, children: _jsxs(DialogContent, { className: "sm:max-w-[425px]", children: [_jsx(DialogHeader, { children: _jsx(DialogTitle, { children: "Edit Group Info" }) }), _jsxs("div", { className: "space-y-6 py-4", children: [_jsxs("div", { className: "flex flex-col items-center gap-2", children: [_jsxs("div", { className: "relative group cursor-pointer", children: [_jsxs(Avatar, { className: "w-24 h-24 shadow-md", children: [_jsx(AvatarImage, { src: previewImage }), _jsx(AvatarFallback, { className: "bg-gradient-to-br from-indigo-500 to-purple-600 text-white text-2xl", children: _jsx(Users, { className: "w-10 h-10" }) })] }), _jsxs("label", { className: "absolute inset-0 flex items-center justify-center bg-black/40 text-white opacity-0 group-hover:opacity-100 rounded-full transition-opacity cursor-pointer", children: [_jsx(Camera, { className: "w-8 h-8" }), _jsx("input", { type: "file", className: "hidden", accept: "image/*", onChange: handleImageChange })] })] }), _jsx("p", { className: "text-xs text-gray-500", children: "Click to change group icon" })] }), _jsxs("div", { className: "space-y-4", children: [_jsxs("div", { className: "space-y-2", children: [_jsx("label", { className: "text-sm font-medium", children: "Group Name" }), _jsx(Input, { value: name, onChange: function (e) { return setName(e.target.value); }, placeholder: "Enter group name" })] }), _jsxs("div", { className: "space-y-2", children: [_jsx("label", { className: "text-sm font-medium", children: "Description" }), _jsx(Textarea, { value: description, onChange: function (e) { return setDescription(e.target.value); }, placeholder: "Add a group description (optional)", className: "resize-none", rows: 3 })] })] })] }), _jsxs(DialogFooter, { children: [_jsx(Button, { variant: "outline", onClick: function () { return onOpenChange(false); }, disabled: loading, children: "Cancel" }), _jsxs(Button, { onClick: handleSave, disabled: loading, children: [loading && _jsx(Loader2, { className: "w-4 h-4 mr-2 animate-spin" }), "Save Changes"] })] })] }) }));
+}

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

@@ -0,0 +1,9 @@
+import type { Conversation } from "@myrjfa/state/dist/lib/models/chat";
+interface GroupInfoViewDialogProps {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    conversation: Conversation;
+}
+export declare function GroupInfoViewDialog({ open, onOpenChange, conversation, }: GroupInfoViewDialogProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=GroupInfoViewDialog.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"GroupInfoViewDialog.d.ts","sourceRoot":"","sources":["../../../src/chat/dialogs/GroupInfoViewDialog.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,oCAAoC,CAAC;AAEvE,UAAU,wBAAwB;IAC9B,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,YAAY,EAAE,YAAY,CAAC;CAC9B;AAED,wBAAgB,mBAAmB,CAAC,EAChC,IAAI,EACJ,YAAY,EACZ,YAAY,GACf,EAAE,wBAAwB,2CAiH1B"}

package/dist/chat/dialogs/GroupInfoViewDialog.js

@@ -0,0 +1,16 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle, } from "../../misc/dialog";
+import { Avatar, AvatarFallback, AvatarImage } from "../../misc/avatar";
+import { Users, Shield, Calendar } from "lucide-react";
+export function GroupInfoViewDialog(_a) {
+    var open = _a.open, onOpenChange = _a.onOpenChange, conversation = _a.conversation;
+    var admins = conversation.participants.filter(function (p) { return p.chatRole === "admin"; });
+    var createdDate = conversation.createdAt ? new Date(conversation.createdAt).toLocaleDateString("en-US", {
+        year: "numeric",
+        month: "long",
+        day: "numeric"
+    }) : "Unknown";
+    var createdBy = conversation.participants.find(function (p) { return p.userId === conversation.createdBy; });
+    return (_jsx(Dialog, { open: open, onOpenChange: onOpenChange, children: _jsxs(DialogContent, { className: "sm:max-w-md", children: [_jsxs(DialogHeader, { children: [_jsx(DialogTitle, { children: "Group Information" }), _jsx(DialogDescription, { children: "View group details and members" })] }), _jsxs("div", { className: "space-y-6", children: [_jsx("div", { className: "flex justify-center", children: _jsxs(Avatar, { className: "w-24 h-24", children: [_jsx(AvatarImage, { src: conversation.image }), _jsx(AvatarFallback, { className: "bg-gradient-to-br from-indigo-500 to-purple-600 text-white text-2xl", children: _jsx(Users, { className: "w-8 h-8" }) })] }) }), _jsxs("div", { children: [_jsx("label", { className: "text-sm font-medium text-gray-500 dark:text-gray-400", children: "Group Name" }), _jsx("p", { className: "text-lg font-semibold text-gray-900 dark:text-white mt-1", children: conversation.name })] }), conversation.description && (_jsxs("div", { children: [_jsx("label", { className: "text-sm font-medium text-gray-500 dark:text-gray-400", children: "Description" }), _jsx("p", { className: "text-gray-700 dark:text-gray-300 mt-1", children: conversation.description })] })), _jsxs("div", { children: [_jsxs("label", { className: "text-sm font-medium text-gray-500 dark:text-gray-400 flex items-center gap-2", children: [_jsx(Users, { className: "w-4 h-4" }), "Members"] }), _jsxs("p", { className: "text-gray-900 dark:text-white mt-1", children: [conversation.participants.length, " ", conversation.participants.length === 1 ? "member" : "members"] })] }), _jsxs("div", { children: [_jsxs("label", { className: "text-sm font-medium text-gray-500 dark:text-gray-400 flex items-center gap-2", children: [_jsx(Calendar, { className: "w-4 h-4" }), "Created"] }), _jsx("p", { className: "text-gray-900 dark:text-white mt-1", children: createdDate })] }), createdBy && (_jsxs("div", { children: [_jsx("label", { className: "text-sm font-medium text-gray-500 dark:text-gray-400", children: "Created by" }), _jsxs("div", { className: "flex items-center gap-3 mt-2", children: [_jsxs(Avatar, { className: "w-8 h-8", children: [_jsx(AvatarImage, { src: createdBy.profilePic }), _jsx(AvatarFallback, { className: "bg-indigo-500 text-white text-xs", children: createdBy.userId.charAt(0).toUpperCase() })] }), _jsx("span", { className: "text-gray-900 dark:text-white", children: createdBy.userId })] })] })), admins.length > 0 && (_jsxs("div", { children: [_jsxs("label", { className: "text-sm font-medium text-gray-500 dark:text-gray-400 flex items-center gap-2", children: [_jsx(Shield, { className: "w-4 h-4" }), "Admins"] }), _jsx("div", { className: "space-y-2 mt-2", children: admins.map(function (admin) { return (_jsxs("div", { className: "flex items-center gap-3", children: [_jsxs(Avatar, { className: "w-8 h-8", children: [_jsx(AvatarImage, { src: admin.profilePic }), _jsx(AvatarFallback, { className: "bg-purple-500 text-white text-xs", children: admin.userId.charAt(0).toUpperCase() })] }), _jsx("span", { className: "text-gray-900 dark:text-white", children: admin.userId })] }, admin.userId)); }) })] }))] })] }) }));
+}

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

@@ -0,0 +1,2 @@
+export declare function NewChatDialog(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=NewChatDialog.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NewChatDialog.d.ts","sourceRoot":"","sources":["../../../src/chat/dialogs/NewChatDialog.tsx"],"names":[],"mappings":"AAaA,wBAAgB,aAAa,4CAwG5B"}

package/dist/chat/dialogs/NewChatDialog.js

@@ -0,0 +1,127 @@
+"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 };
+    }
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { Dialog, DialogContent, DialogHeader, DialogTitle, DialogTrigger } from "../../misc/dialog";
+import { Button } from "../../misc/button";
+import { Input } from "../../misc/input";
+import { MessageCircle, Search, User, Loader2 } from "lucide-react";
+import { chatApi } from "@myrjfa/state/dist/lib/actions/chat";
+import { userDetails } from "@myrjfa/state/dist/lib/actions/actions"; // Check if these are exported from index
+import { Avatar, AvatarFallback, AvatarImage } from "../../misc/avatar";
+import { useRouter } from "next/navigation";
+export function NewChatDialog() {
+    var _a = useState(false), open = _a[0], setOpen = _a[1];
+    var _b = useState(""), query = _b[0], setQuery = _b[1];
+    var _c = useState([]), results = _c[0], setResults = _c[1];
+    var _d = useState(false), loading = _d[0], setLoading = _d[1];
+    var _e = useState(false), creating = _e[0], setCreating = _e[1];
+    var router = useRouter();
+    function handleSearch(e) {
+        return __awaiter(this, void 0, void 0, function () {
+            var res, 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 = _a.sent();
+                        if (res.error) {
+                            console.error("user not found:", res.error);
+                            setResults([]);
+                        }
+                        else {
+                            if (res.user) {
+                                setResults([res.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 startChat(userId) {
+        return __awaiter(this, void 0, void 0, function () {
+            var conversation, err_2;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        setCreating(true);
+                        _a.label = 1;
+                    case 1:
+                        _a.trys.push([1, 3, 4, 5]);
+                        return [4 /*yield*/, chatApi.createConversation({
+                                type: "individual",
+                                otherUserId: userId
+                            })];
+                    case 2:
+                        conversation = _a.sent();
+                        setOpen(false);
+                        setQuery("");
+                        setResults([]);
+                        router.replace("/chat?id=".concat(conversation._id));
+                        return [3 /*break*/, 5];
+                    case 3:
+                        err_2 = _a.sent();
+                        console.error("Failed to create chat:", err_2);
+                        return [3 /*break*/, 5];
+                    case 4:
+                        setCreating(false);
+                        return [7 /*endfinally*/];
+                    case 5: return [2 /*return*/];
+                }
+            });
+        });
+    }
+    return (_jsxs(Dialog, { open: open, onOpenChange: setOpen, children: [_jsx(DialogTrigger, { asChild: true, children: _jsxs("div", { className: "flex-1 flex items-center justify-center gap-2 py-2.5 bg-indigo-50 dark:bg-indigo-950/30 text-indigo-600 dark:text-indigo-400 rounded-xl text-sm font-medium hover:bg-indigo-100 dark:hover:bg-indigo-950/50 transition-colors cursor-pointer", children: [_jsx(MessageCircle, { className: "w-4 h-4" }), "New Chat"] }) }), _jsxs(DialogContent, { className: "sm:max-w-[425px]", children: [_jsx(DialogHeader, { children: _jsx(DialogTitle, { children: "New Chat" }) }), _jsxs("div", { className: "gap-4 py-4", children: [_jsxs("form", { onSubmit: handleSearch, className: "flex gap-2", children: [_jsxs("div", { className: "relative flex-1", children: [_jsx(Search, { className: "absolute left-2.5 top-2.5 h-4 w-4 text-muted-foreground" }), _jsx(Input, { placeholder: "Search by email, contact or username...", className: "pl-8", value: query, onChange: function (e) { return setQuery(e.target.value); } })] }), _jsx(Button, { type: "submit", disabled: loading, children: loading ? _jsx(Loader2, { className: "h-4 w-4 animate-spin" }) : "Search" })] }), _jsxs("div", { className: "mt-4 flex flex-col gap-2 max-h-[300px] overflow-y-auto", children: [results.length === 0 && !loading && query && (_jsx("p", { className: "text-center text-sm text-muted-foreground", children: "No users found." })), results.map(function (user) { return (_jsxs("div", { className: "flex items-center justify-between p-2 hover:bg-accent rounded-md cursor-pointer", onClick: function () { return startChat(user.username || ""); }, children: [_jsxs("div", { className: "flex items-center gap-3", children: [_jsxs(Avatar, { 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] })] })] }), creating ? _jsx(Loader2, { className: "h-4 w-4 animate-spin" }) : null] }, user.username)); })] })] })] })] }));
+}

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

@@ -0,0 +1,2 @@
+export declare function NewGroupDialog(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=NewGroupDialog.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NewGroupDialog.d.ts","sourceRoot":"","sources":["../../../src/chat/dialogs/NewGroupDialog.tsx"],"names":[],"mappings":"AAaA,wBAAgB,cAAc,4CAwG7B"}

package/dist/chat/dialogs/NewGroupDialog.js

@@ -0,0 +1,112 @@
+"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 };
+    }
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { Dialog, DialogContent, DialogHeader, DialogTitle, DialogTrigger } from "../../misc/dialog";
+import { Button } from "../../misc/button";
+import { Input } from "../../misc/input";
+import { Users, Loader2, Camera } from "lucide-react";
+import { chatApi } from "@myrjfa/state/dist/lib/actions/chat";
+import { Avatar, AvatarFallback, AvatarImage } from "../../misc/avatar";
+import { useRouter } from "next/navigation";
+import { AddMemberDialog } from "./AddMemberDialog";
+export function NewGroupDialog() {
+    var _a = useState(false), open = _a[0], setOpen = _a[1];
+    var _b = useState(""), groupName = _b[0], setGroupName = _b[1];
+    var _c = useState([]), selectedUsers = _c[0], setSelectedUsers = _c[1];
+    var _d = useState(false), creating = _d[0], setCreating = _d[1];
+    var _e = useState(""), previewImage = _e[0], setPreviewImage = _e[1];
+    var _f = useState(null), imageFile = _f[0], setImageFile = _f[1];
+    var router = useRouter();
+    var handleImageChange = function (e) {
+        if (e.target.files && e.target.files[0]) {
+            var file = e.target.files[0];
+            setImageFile(file);
+            setPreviewImage(URL.createObjectURL(file));
+        }
+    };
+    function createGroup() {
+        return __awaiter(this, void 0, void 0, function () {
+            var imageUrl, formData, res, conversation, err_1;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        if (!groupName.trim() || selectedUsers.length === 0)
+                            return [2 /*return*/];
+                        setCreating(true);
+                        _a.label = 1;
+                    case 1:
+                        _a.trys.push([1, 5, , 6]);
+                        imageUrl = null;
+                        if (!imageFile) return [3 /*break*/, 3];
+                        formData = new FormData();
+                        formData.append("chatFiles", imageFile);
+                        return [4 /*yield*/, chatApi.uploadFiles(formData)];
+                    case 2:
+                        res = _a.sent();
+                        if (res.data && res.data.files && res.data.files.length > 0) {
+                            imageUrl = res.data.files[0].location;
+                        }
+                        _a.label = 3;
+                    case 3: return [4 /*yield*/, chatApi.createConversation({
+                            type: "group",
+                            name: groupName,
+                            participantIds: selectedUsers.map(function (u) { return u.username || ""; }).filter(Boolean),
+                            image: imageUrl
+                        })];
+                    case 4:
+                        conversation = _a.sent();
+                        setOpen(false);
+                        setGroupName("");
+                        setSelectedUsers([]);
+                        setPreviewImage("");
+                        setImageFile(null);
+                        router.replace("/chat?id=".concat(conversation._id));
+                        return [3 /*break*/, 6];
+                    case 5:
+                        err_1 = _a.sent();
+                        console.error("Failed to create group:", err_1);
+                        setCreating(false);
+                        return [3 /*break*/, 6];
+                    case 6: return [2 /*return*/];
+                }
+            });
+        });
+    }
+    return (_jsxs(Dialog, { open: open, onOpenChange: setOpen, children: [_jsx(DialogTrigger, { asChild: true, children: _jsxs("div", { className: "flex-1 flex items-center justify-center gap-2 py-2.5 bg-purple-50 dark:bg-purple-950/30 text-purple-600 dark:text-purple-400 rounded-xl text-sm font-medium hover:bg-purple-100 dark:hover:bg-purple-950/50 transition-colors cursor-pointer", children: [_jsx(Users, { className: "w-4 h-4" }), "New Group"] }) }), _jsxs(DialogContent, { className: "sm:max-w-[500px]", children: [_jsx(DialogHeader, { children: _jsx(DialogTitle, { children: "New Group Chat" }) }), _jsxs("div", { className: "flex flex-col gap-4 py-4", children: [_jsxs("div", { className: "flex flex-col items-center gap-2", children: [_jsxs("div", { className: "relative group cursor-pointer", children: [_jsxs(Avatar, { className: "w-24 h-24 shadow-md", children: [_jsx(AvatarImage, { src: previewImage }), _jsx(AvatarFallback, { className: "bg-gradient-to-br from-indigo-500 to-purple-600 text-white text-2xl", children: _jsx(Users, { className: "w-10 h-10" }) })] }), _jsxs("label", { className: "absolute inset-0 flex items-center justify-center bg-black/40 text-white opacity-0 group-hover:opacity-100 rounded-full transition-opacity cursor-pointer", children: [_jsx(Camera, { className: "w-8 h-8" }), _jsx("input", { type: "file", className: "hidden", accept: "image/*", onChange: handleImageChange })] })] }), _jsx("p", { className: "text-xs text-gray-500", children: "Click to change group icon" })] }), _jsxs("div", { className: "space-y-2", children: [_jsxs("div", { className: "space-y-2", children: [_jsx("label", { className: "text-sm font-medium", children: "Group Name" }), _jsx(Input, { placeholder: "Group Name", value: groupName, onChange: function (e) { return setGroupName(e.target.value); } })] }), _jsx(AddMemberDialog, { selectedUsers: selectedUsers, setSelectedUsers: setSelectedUsers, excludeUsernames: selectedUsers.map(function (u) { return u.username || ""; }) })] }), _jsx("div", { className: "flex justify-end pt-4", children: _jsxs(Button, { onClick: createGroup, disabled: creating || !groupName || selectedUsers.length === 0, children: [creating ? _jsx(Loader2, { className: "h-4 w-4 animate-spin mr-2" }) : null, "Create Group"] }) })] })] })] }));
+}

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

@@ -0,0 +1,11 @@
+import type { Conversation } from "@myrjfa/state/dist/lib/models/chat";
+interface ParticipantsDialogProps {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    conversation: Conversation;
+    currentUserId: string;
+    onUpdate: () => void;
+}
+export declare function ParticipantsDialog({ open, onOpenChange, conversation, currentUserId, onUpdate }: ParticipantsDialogProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=ParticipantsDialog.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ParticipantsDialog.d.ts","sourceRoot":"","sources":["../../../src/chat/dialogs/ParticipantsDialog.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,YAAY,EAAe,MAAM,oCAAoC,CAAC;AAOpF,UAAU,uBAAuB;IAC7B,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,YAAY,EAAE,YAAY,CAAC;IAC3B,aAAa,EAAE,MAAM,CAAC;IACtB,QAAQ,EAAE,MAAM,IAAI,CAAC;CACxB;AAED,wBAAgB,kBAAkB,CAAC,EAC/B,IAAI,EACJ,YAAY,EACZ,YAAY,EACZ,aAAa,EACb,QAAQ,EACX,EAAE,uBAAuB,2CA6JzB"}