@myrjfa/ui 1.0.8 → 1.0.10

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,50 @@
+"use client";
+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({ selectedUsers, setSelectedUsers, excludeUsernames = [] }) {
+    const [query, setQuery] = useState("");
+    const [results, setResults] = useState([]);
+    const [loading, setLoading] = useState(false);
+    async function handleSearch(e) {
+        e.preventDefault();
+        if (!query.trim())
+            return;
+        setLoading(true);
+        try {
+            const res = await userDetails(query, "user");
+            if (res.error) {
+                console.error("user not found:", res.error);
+                setResults([]);
+            }
+            else {
+                if (res.user && !excludeUsernames.includes(res.user.username || "") && !selectedUsers.some(u => res.user ? u.username == res.user.username : false)) {
+                    setResults([res.user]);
+                }
+            }
+        }
+        catch (err) {
+            console.error(err);
+        }
+        finally {
+            setLoading(false);
+        }
+    }
+    function toggleUser(user) {
+        if (selectedUsers.find(u => u.username === user.username)) {
+            setSelectedUsers(prev => prev.filter(u => u.username !== user.username));
+            setQuery("");
+            setResults([]);
+        }
+        else {
+            setSelectedUsers(prev => [...prev, user]);
+            setQuery("");
+            setResults([]);
+        }
+    }
+    return (_jsxs("div", { className: "space-y-2", children: [_jsx("div", { className: "flex flex-wrap gap-2", children: selectedUsers.map(user => (_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: () => 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: (e) => 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((user) => (_jsx("div", { className: "flex items-center justify-between p-2 hover:bg-accent rounded-md cursor-pointer", onClick: () => 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"}

package/dist/chat/dialogs/CameraDialog.js

@@ -0,0 +1,80 @@
+"use client";
+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({ open, onOpenChange, onCapture }) {
+    const videoRef = useRef(null);
+    const canvasRef = useRef(null);
+    const [stream, setStream] = useState(null);
+    const [capturedImage, setCapturedImage] = useState(null);
+    const [loading, setLoading] = useState(false);
+    useEffect(() => {
+        if (open) {
+            startCamera();
+        }
+        else {
+            stopCamera();
+            setCapturedImage(null);
+        }
+        return () => stopCamera();
+    }, [open]);
+    const startCamera = async () => {
+        try {
+            setLoading(true);
+            const mediaStream = await navigator.mediaDevices.getUserMedia({
+                video: { facingMode: "user" }
+            });
+            setStream(mediaStream);
+            if (videoRef.current) {
+                videoRef.current.srcObject = mediaStream;
+            }
+            setLoading(false);
+        }
+        catch (err) {
+            console.error("Error accessing camera:", err);
+            setLoading(false);
+            alert("Could not access camera");
+            onOpenChange(false);
+        }
+    };
+    const stopCamera = () => {
+        if (stream) {
+            stream.getTracks().forEach(track => track.stop());
+            setStream(null);
+        }
+    };
+    const handleCapture = () => {
+        if (videoRef.current && canvasRef.current) {
+            const video = videoRef.current;
+            const canvas = canvasRef.current;
+            canvas.width = video.videoWidth;
+            canvas.height = video.videoHeight;
+            const 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);
+                const dataUrl = canvas.toDataURL("image/jpeg");
+                setCapturedImage(dataUrl);
+            }
+        }
+    };
+    const handleRetake = () => {
+        setCapturedImage(null);
+    };
+    const handleConfirm = () => {
+        if (capturedImage) {
+            fetch(capturedImage)
+                .then(res => res.blob())
+                .then(blob => {
+                const file = new File([blob], `camera_${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/CreatePollDialog.d.ts

@@ -0,0 +1,8 @@
+interface CreatePollDialogProps {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    onCreate: (question: string, options: string[], allowMultiple: boolean) => void;
+}
+export declare function CreatePollDialog({ open, onOpenChange, onCreate }: CreatePollDialogProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=CreatePollDialog.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CreatePollDialog.d.ts","sourceRoot":"","sources":["../../../src/chat/dialogs/CreatePollDialog.tsx"],"names":[],"mappings":"AAQA,UAAU,qBAAqB;IAC3B,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,QAAQ,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,EAAE,aAAa,EAAE,OAAO,KAAK,IAAI,CAAC;CACnF;AAED,wBAAgB,gBAAgB,CAAC,EAAE,IAAI,EAAE,YAAY,EAAE,QAAQ,EAAE,EAAE,qBAAqB,2CAmHvF"}

package/dist/chat/dialogs/CreatePollDialog.js

@@ -0,0 +1,38 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { Dialog, DialogContent, DialogHeader, DialogTitle } from "../../misc/dialog";
+import { Button } from "../../misc/button";
+import { Input } from "../../misc/input";
+import { Plus, Trash2, ChartBar } from "lucide-react";
+export function CreatePollDialog({ open, onOpenChange, onCreate }) {
+    const [question, setQuestion] = useState("");
+    const [options, setOptions] = useState(["", ""]);
+    const [allowMultiple, setAllowMultiple] = useState(false);
+    const addOption = () => {
+        if (options.length < 10) {
+            setOptions([...options, ""]);
+        }
+    };
+    const removeOption = (index) => {
+        if (options.length > 2) {
+            setOptions(options.filter((_, i) => i !== index));
+        }
+    };
+    const updateOption = (index, value) => {
+        const next = [...options];
+        next[index] = value;
+        setOptions(next);
+    };
+    const handleCreate = () => {
+        const validOptions = options.map(o => o.trim()).filter(o => o.length > 0);
+        if (!question.trim() || validOptions.length < 2)
+            return;
+        onCreate(question.trim(), validOptions, allowMultiple);
+        setQuestion("");
+        setOptions(["", ""]);
+        setAllowMultiple(false);
+        onOpenChange(false);
+    };
+    return (_jsx(Dialog, { open: open, onOpenChange: onOpenChange, children: _jsxs(DialogContent, { className: "sm:max-w-[425px]", children: [_jsx(DialogHeader, { children: _jsxs(DialogTitle, { className: "flex items-center gap-2", children: [_jsx(ChartBar, { className: "w-5 h-5 text-indigo-500" }), "Create Poll"] }) }), _jsxs("div", { className: "space-y-4 py-4", children: [_jsxs("div", { className: "space-y-2", children: [_jsx("label", { className: "text-sm font-medium", children: "Question" }), _jsx(Input, { placeholder: "Ask a question...", value: question, onChange: (e) => setQuestion(e.target.value) })] }), _jsxs("div", { className: "space-y-2", children: [_jsx("label", { className: "text-sm font-medium", children: "Options" }), _jsx("div", { className: "space-y-2 max-h-[200px] overflow-y-auto pr-1", children: options.map((opt, i) => (_jsxs("div", { className: "flex gap-2", children: [_jsx(Input, { placeholder: `Option ${i + 1}`, value: opt, onChange: (e) => updateOption(i, e.target.value) }), options.length > 2 && (_jsx(Button, { variant: "ghost", size: "icon", className: "text-red-500 hover:text-red-700 hover:bg-red-50 shrink-0", onClick: () => removeOption(i), children: _jsx(Trash2, { className: "w-4 h-4" }) }))] }, i))) }), options.length < 10 && (_jsxs(Button, { variant: "outline", size: "sm", className: "w-full gap-2 border-dashed", onClick: addOption, children: [_jsx(Plus, { className: "w-4 h-4" }), "Add Option"] }))] }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx("input", { type: "checkbox", id: "allowMultiple", checked: allowMultiple, onChange: (e) => setAllowMultiple(e.target.checked), className: "w-4 h-4 rounded border-gray-300 text-indigo-600 focus:ring-indigo-500" }), _jsx("label", { htmlFor: "allowMultiple", className: "text-sm text-gray-600", children: "Allow selecting multiple answers" })] })] }), _jsxs("div", { className: "flex justify-end gap-3 mt-2", children: [_jsx(Button, { variant: "ghost", onClick: () => onOpenChange(false), children: "Cancel" }), _jsx(Button, { onClick: handleCreate, disabled: !question.trim() || options.filter(o => o.trim()).length < 2, className: "bg-indigo-600 hover:bg-indigo-700 text-white", children: "Create Poll" })] })] }) }));
+}

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

@@ -0,0 +1,19 @@
+interface ExpenseAnalyticsDialogProps {
+    conversationId: string;
+    open: boolean;
+    onClose: () => void;
+}
+export interface GroupBalance {
+    balances: {
+        userId: string;
+        netBalance: number;
+    }[];
+    settlements: {
+        from: string;
+        to: string;
+        amount: number;
+    }[];
+}
+export declare function ExpenseAnalyticsDialog({ conversationId, open, onClose }: ExpenseAnalyticsDialogProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=ExpenseAnalyticsDialog.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ExpenseAnalyticsDialog.d.ts","sourceRoot":"","sources":["../../../src/chat/dialogs/ExpenseAnalyticsDialog.tsx"],"names":[],"mappings":"AAQA,UAAU,2BAA2B;IACjC,cAAc,EAAE,MAAM,CAAC;IACvB,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;CACvB;AAYD,MAAM,WAAW,YAAY;IACzB,QAAQ,EAAE;QACN,MAAM,EAAE,MAAM,CAAC;QACf,UAAU,EAAE,MAAM,CAAA;KACrB,EAAE,CAAC;IACJ,WAAW,EAAE;QACT,IAAI,EAAE,MAAM,CAAC;QACb,EAAE,EAAE,MAAM,CAAC;QACX,MAAM,EAAE,MAAM,CAAA;KACjB,EAAE,CAAA;CACN;AAED,wBAAgB,sBAAsB,CAAC,EAAE,cAAc,EAAE,IAAI,EAAE,OAAO,EAAE,EAAE,2BAA2B,2CAyMpG"}

package/dist/chat/dialogs/ExpenseAnalyticsDialog.js

@@ -0,0 +1,52 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useEffect } from "react";
+import { Dialog, DialogContent, DialogHeader, DialogTitle } from "../../misc/dialog";
+import { chatApi } from "@myrjfa/state/dist/lib/actions/chat";
+import { BarChart3, TrendingUp, Users, PieChart } from "lucide-react";
+export function ExpenseAnalyticsDialog({ conversationId, open, onClose }) {
+    const [analytics, setAnalytics] = useState(null);
+    const [loading, setLoading] = useState(false);
+    useEffect(() => {
+        if (open && conversationId) {
+            fetchAnalytics();
+        }
+    }, [open, conversationId]);
+    const fetchAnalytics = async () => {
+        setLoading(true);
+        try {
+            const data = await chatApi.getExpenseAnalytics(conversationId);
+            setAnalytics(data);
+        }
+        catch (error) {
+            console.error("Failed to fetch analytics:", error);
+        }
+        finally {
+            setLoading(false);
+        }
+    };
+    const getCategoryColor = (index) => {
+        const colors = [
+            "bg-teal-500", "bg-cyan-500", "bg-blue-500", "bg-purple-500",
+            "bg-pink-500", "bg-orange-500", "bg-yellow-500", "bg-green-500"
+        ];
+        return colors[index % colors.length];
+    };
+    return (_jsx(Dialog, { open: open, onOpenChange: onClose, children: _jsxs(DialogContent, { className: "sm:max-w-2xl mt-15 max-h-[90vh] overflow-y-auto", children: [_jsx(DialogHeader, { children: _jsxs(DialogTitle, { className: "flex items-center gap-2", children: [_jsx(BarChart3, { className: "w-5 h-5 text-teal-500" }), "Expense Analytics"] }) }), loading ? (_jsx("div", { className: "flex justify-center py-8", children: _jsx("div", { className: "animate-spin w-6 h-6 border-2 border-teal-500 border-t-transparent rounded-full" }) })) : !analytics || analytics.count === 0 ? (_jsxs("div", { className: "text-center py-8 text-gray-400", children: [_jsx(PieChart, { className: "w-12 h-12 mx-auto mb-3 opacity-50" }), _jsx("p", { children: "No expenses to analyze yet" })] })) : (_jsxs("div", { className: "space-y-6 py-2", children: [_jsxs("div", { className: "grid grid-cols-3 gap-3", children: [_jsxs("div", { className: "bg-gradient-to-br from-teal-50 to-cyan-50 dark:from-teal-900/20 dark:to-cyan-900/20 rounded-xl p-3 text-center", children: [_jsx("p", { className: "text-xs text-gray-500 dark:text-gray-400 mb-1", children: "Total" }), _jsxs("p", { className: "text-lg font-bold text-teal-700 dark:text-teal-300", children: ["\u20B9", analytics.total.toFixed(0)] })] }), _jsxs("div", { className: "bg-gradient-to-br from-blue-50 to-indigo-50 dark:from-blue-900/20 dark:to-indigo-900/20 rounded-xl p-3 text-center", children: [_jsx("p", { className: "text-xs text-gray-500 dark:text-gray-400 mb-1", children: "Count" }), _jsx("p", { className: "text-lg font-bold text-blue-700 dark:text-blue-300", children: analytics.count })] }), _jsxs("div", { className: "bg-gradient-to-br from-purple-50 to-pink-50 dark:from-purple-900/20 dark:to-pink-900/20 rounded-xl p-3 text-center", children: [_jsx("p", { className: "text-xs text-gray-500 dark:text-gray-400 mb-1", children: "Average" }), _jsxs("p", { className: "text-lg font-bold text-purple-700 dark:text-purple-300", children: ["\u20B9", analytics.averageAmount.toFixed(0)] })] })] }), Object.keys(analytics.byCategory).length > 0 && (_jsxs("div", { children: [_jsxs("h4", { className: "text-sm font-semibold text-gray-700 dark:text-gray-300 mb-3 flex items-center gap-2", children: [_jsx(PieChart, { className: "w-4 h-4" }), "By Category"] }), _jsx("div", { className: "space-y-2", children: Object.entries(analytics.byCategory)
+                                        .sort(([, a], [, b]) => b - a)
+                                        .map(([category, amount], index) => {
+                                        const percentage = (amount / analytics.total) * 100;
+                                        return (_jsxs("div", { className: "space-y-1", children: [_jsxs("div", { className: "flex justify-between text-xs", children: [_jsx("span", { className: "text-gray-600 dark:text-gray-400", children: category }), _jsxs("span", { className: "font-medium text-gray-700 dark:text-gray-300", children: ["\u20B9", amount.toFixed(0), " (", percentage.toFixed(0), "%)"] })] }), _jsx("div", { className: "w-full h-2 bg-gray-100 dark:bg-gray-800 rounded-full overflow-hidden", children: _jsx("div", { className: `h-full ${getCategoryColor(index)} rounded-full transition-all duration-500`, style: { width: `${percentage}%` } }) })] }, category));
+                                    }) })] })), Object.keys(analytics.byPerson).length > 0 && (_jsxs("div", { children: [_jsxs("h4", { className: "text-sm font-semibold text-gray-700 dark:text-gray-300 mb-3 flex items-center gap-2", children: [_jsx(Users, { className: "w-4 h-4" }), "Expense per person"] }), _jsx("div", { className: "space-y-2", children: Object.entries(analytics.byPerson)
+                                        .sort(([, a], [, b]) => b - a)
+                                        .map(([person, amount]) => {
+                                        const percentage = (amount / analytics.total) * 100;
+                                        return (_jsxs("div", { className: "flex items-center gap-3", children: [_jsx("div", { className: "w-8 h-8 bg-gradient-to-br from-teal-400 to-cyan-500 rounded-full flex items-center justify-center text-white text-xs font-bold flex-shrink-0", children: person.charAt(0).toUpperCase() }), _jsxs("div", { className: "flex-1 min-w-0", children: [_jsx("p", { className: "text-xs text-gray-600 dark:text-gray-400 truncate", children: person }), _jsx("div", { className: "w-full h-1.5 bg-gray-100 dark:bg-gray-800 rounded-full overflow-hidden mt-1", children: _jsx("div", { className: "h-full bg-gradient-to-r from-teal-400 to-cyan-500 rounded-full transition-all duration-500", style: { width: `${percentage}%` } }) })] }), _jsxs("span", { className: "text-xs font-semibold text-gray-700 dark:text-gray-300 flex-shrink-0", children: ["\u20B9", amount.toFixed(0)] })] }, person));
+                                    }) })] })), Object.keys(analytics.byCategoryForUser).length > 0 && (_jsxs("div", { children: [_jsxs("h4", { className: "text-sm font-semibold text-gray-700 dark:text-gray-300 mb-3 flex items-center gap-2", children: [_jsx(BarChart3, { className: "w-4 h-4" }), "Your Expenses by Category"] }), _jsx("div", { className: "bg-gray-50 dark:bg-gray-800/50 rounded-lg p-3", children: _jsx("div", { className: "space-y-1.5", children: Object.entries(analytics.byCategoryForUser)
+                                            .sort(([, a], [, b]) => b - a)
+                                            .map(([category, amount], index) => {
+                                            const userTotal = Object.values(analytics.byCategoryForUser).reduce((sum, val) => sum + val, 0);
+                                            const percentage = (amount / userTotal) * 100;
+                                            return (_jsxs("div", { className: "text-xs", children: [_jsxs("div", { className: "flex justify-between mb-1", children: [_jsx("span", { className: "text-gray-600 dark:text-gray-400", children: category }), _jsxs("span", { className: "font-medium text-gray-700 dark:text-gray-300", children: ["\u20B9", amount.toFixed(0), " (", percentage.toFixed(0), "%)"] })] }), _jsx("div", { className: "w-full h-1.5 bg-gray-200 dark:bg-gray-700 rounded-full overflow-hidden", children: _jsx("div", { className: `h-full ${getCategoryColor(index)} rounded-full`, style: { width: `${percentage}%` } }) })] }, category));
+                                        }) }) })] })), analytics.groupBalances && (_jsxs("div", { children: [_jsxs("h4", { className: "text-sm font-semibold text-gray-700 dark:text-gray-300 mb-3 flex items-center gap-2", children: [_jsx(TrendingUp, { className: "w-4 h-4" }), "Settlement Balances"] }), analytics.groupBalances.balances && analytics.groupBalances.balances.length > 0 && (_jsxs("div", { className: "bg-gray-50 dark:bg-gray-800/50 rounded-lg p-3 mb-3", children: [_jsx("p", { className: "text-xs font-medium text-gray-600 dark:text-gray-400 mb-2", children: "Individual Balances" }), _jsx("div", { className: "space-y-1.5", children: analytics.groupBalances.balances.map((b) => (_jsxs("div", { className: "flex justify-between text-xs py-1", children: [_jsx("span", { className: "text-gray-600 dark:text-gray-400", children: b.userId }), _jsxs("span", { className: `font-medium ${b.netBalance >= 0 ? "text-green-600" : "text-red-500"}`, children: [b.netBalance >= 0 ? "+" : "", "\u20B9", b.netBalance.toFixed(2)] })] }, b.userId))) })] }))] }))] }))] }) }));
+}

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;AAKvE,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,2CA4ItB"}

package/dist/chat/dialogs/GroupInfoDialog.js

@@ -0,0 +1,71 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, 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";
+import { Switch } from "../../misc/switch";
+export function GroupInfoDialog({ open, onOpenChange, conversation, onUpdate }) {
+    var _a, _b;
+    const [name, setName] = useState(conversation.name || "");
+    const [description, setDescription] = useState(conversation.description || "");
+    const [imageFile, setImageFile] = useState(null);
+    const [previewImage, setPreviewImage] = useState(conversation.image || "");
+    const [loading, setLoading] = useState(false);
+    const [milestonesEnabled, setMilestonesEnabled] = useState(((_a = conversation.features) === null || _a === void 0 ? void 0 : _a.milestones) || false);
+    const [expensesEnabled, setExpensesEnabled] = useState(((_b = conversation.features) === null || _b === void 0 ? void 0 : _b.expenses) || false);
+    useEffect(() => {
+        var _a, _b;
+        setName(conversation.name || "");
+        setDescription(conversation.description || "");
+        setPreviewImage(conversation.image || "");
+        setMilestonesEnabled(((_a = conversation.features) === null || _a === void 0 ? void 0 : _a.milestones) || false);
+        setExpensesEnabled(((_b = conversation.features) === null || _b === void 0 ? void 0 : _b.expenses) || false);
+    }, [conversation]);
+    const handleImageChange = (e) => {
+        if (e.target.files && e.target.files[0]) {
+            const file = e.target.files[0];
+            setImageFile(file);
+            setPreviewImage(URL.createObjectURL(file));
+        }
+    };
+    const handleSave = async () => {
+        setLoading(true);
+        try {
+            // If image changed, upload it first (reuse chat upload or dedicated endpoint)
+            let imageUrl = conversation.image;
+            if (imageFile) {
+                const formData = new FormData();
+                formData.append("chatFiles", imageFile);
+                const res = await chatApi.uploadFiles(formData);
+                if (res.data && res.data.files && res.data.files.length > 0) {
+                    imageUrl = res.data.files[0].location;
+                }
+            }
+            // Update conversation
+            await chatApi.updateConversation(conversation._id, {
+                name,
+                description,
+                image: imageUrl,
+                features: {
+                    milestones: milestonesEnabled,
+                    expenses: expensesEnabled
+                }
+            });
+            onUpdate();
+            onOpenChange(false);
+        }
+        catch (err) {
+            console.error("Failed to update group info:", err);
+            alert("Failed to update group info");
+        }
+        finally {
+            setLoading(false);
+        }
+    };
+    return (_jsx(Dialog, { open: open, onOpenChange: onOpenChange, children: _jsxs(DialogContent, { className: "sm:max-w-[425px] mt-15", 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: (e) => 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: (e) => setDescription(e.target.value), placeholder: "Add a group description (optional)", className: "resize-none", rows: 3 })] }), _jsxs("div", { className: "space-y-3 pt-4 border-t border-gray-200 dark:border-gray-700", children: [_jsx("p", { className: "text-xs font-semibold text-gray-500 uppercase tracking-wider", children: "Group Features" }), _jsxs("div", { className: "flex items-center justify-between", children: [_jsxs("div", { className: "flex-1", children: [_jsx("label", { className: "text-sm font-medium", children: "Milestones" }), _jsx("p", { className: "text-xs text-gray-500", children: "Track group tasks and progress" })] }), _jsx(Switch, { checked: milestonesEnabled, onCheckedChange: setMilestonesEnabled })] }), _jsxs("div", { className: "flex items-center justify-between", children: [_jsxs("div", { className: "flex-1", children: [_jsx("label", { className: "text-sm font-medium", children: "Expenses" }), _jsx("p", { className: "text-xs text-gray-500", children: "Split costs and track balances" })] }), _jsx(Switch, { checked: expensesEnabled, onCheckedChange: setExpensesEnabled })] })] })] })] }), _jsxs(DialogFooter, { children: [_jsx(Button, { variant: "outline", onClick: () => 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,15 @@
+"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({ open, onOpenChange, conversation, }) {
+    const admins = conversation.participants.filter(p => p.chatRole === "admin");
+    const createdDate = conversation.createdAt ? new Date(conversation.createdAt).toLocaleDateString("en-US", {
+        year: "numeric",
+        month: "long",
+        day: "numeric"
+    }) : "Unknown";
+    const createdBy = conversation.participants.find(p => p.userId === conversation.createdBy);
+    return (_jsx(Dialog, { open: open, onOpenChange: onOpenChange, children: _jsxs(DialogContent, { className: "sm:max-w-md mt-15", 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((admin) => (_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":"AAcA,wBAAgB,aAAa,4CA2G5B"}

package/dist/chat/dialogs/NewChatDialog.js

@@ -0,0 +1,63 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, 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 { 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";
+import { userApi } from "@myrjfa/state/dist/lib/actions/user";
+export function NewChatDialog() {
+    const [open, setOpen] = useState(false);
+    const [query, setQuery] = useState("");
+    const [results, setResults] = useState([]);
+    const [loading, setLoading] = useState(false);
+    const [creating, setCreating] = useState(false);
+    const [blockedUserIds, setBlockedUserIds] = useState([]);
+    const router = useRouter();
+    useEffect(() => {
+        if (open) {
+            fetchBlockerUsers();
+        }
+    }, [open]);
+    const fetchBlockerUsers = async () => {
+        const blocked = await userApi.getBlockerUsers();
+        setBlockedUserIds(blocked.map((u) => u._id));
+    };
+    async function handleSearch(e) {
+        e.preventDefault();
+        if (!query.trim())
+            return;
+        setLoading(true);
+        try {
+            const res = await userDetails(query, "user");
+            if (res.error) {
+                console.error("user not found:", res.error);
+                setResults([]);
+            }
+            else {
+                if (res.user && !blockedUserIds.includes(res.user.username)) {
+                    setResults([res.user]);
+                }
+                else {
+                    setResults([]);
+                }
+            }
+        }
+        catch (err) {
+            console.error(err);
+        }
+        finally {
+            setLoading(false);
+        }
+    }
+    async function startChat(userId) {
+        setOpen(false);
+        setQuery("");
+        setResults([]);
+        router.push(`/chat?u=${userId}`);
+    }
+    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: (e) => 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((user) => (_jsxs("div", { className: "flex items-center justify-between p-2 hover:bg-accent rounded-md cursor-pointer", onClick: () => 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":"AAcA,wBAAgB,cAAc,4CAwI7B"}

package/dist/chat/dialogs/NewGroupDialog.js

@@ -0,0 +1,69 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useMemo } 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";
+import { getCurrencies } from "@myrjfa/state/dist/lib/data/countryStates";
+export function NewGroupDialog() {
+    const [open, setOpen] = useState(false);
+    const [groupName, setGroupName] = useState("");
+    const [selectedUsers, setSelectedUsers] = useState([]);
+    const [selectedCurrency, setSelectedCurrency] = useState("INR");
+    const [creating, setCreating] = useState(false);
+    const [previewImage, setPreviewImage] = useState("");
+    const [imageFile, setImageFile] = useState(null);
+    const router = useRouter();
+    // Get unique currencies and format them
+    const currencies = useMemo(() => {
+        const allCurrencies = getCurrencies();
+        return allCurrencies.map(currency => currency.toUpperCase()).sort();
+    }, []);
+    const handleImageChange = (e) => {
+        if (e.target.files && e.target.files[0]) {
+            const file = e.target.files[0];
+            setImageFile(file);
+            setPreviewImage(URL.createObjectURL(file));
+        }
+    };
+    async function createGroup() {
+        if (!groupName.trim() || selectedUsers.length === 0)
+            return;
+        setCreating(true);
+        try {
+            let imageUrl = null;
+            if (imageFile) {
+                const formData = new FormData();
+                formData.append("chatFiles", imageFile);
+                const res = await chatApi.uploadFiles(formData);
+                if (res.data && res.data.files && res.data.files.length > 0) {
+                    imageUrl = res.data.files[0].location;
+                }
+            }
+            const conversation = await chatApi.createConversation({
+                type: "group",
+                name: groupName,
+                participantIds: selectedUsers.map(u => u.username || "").filter(Boolean),
+                image: imageUrl,
+                expenseCurrency: selectedCurrency
+            });
+            setOpen(false);
+            setGroupName("");
+            setSelectedUsers([]);
+            setSelectedCurrency("INR");
+            setPreviewImage("");
+            setImageFile(null);
+            router.replace(`/chat?id=${conversation._id}`);
+        }
+        catch (err) {
+            console.error("Failed to create group:", err);
+            setCreating(false);
+        }
+    }
+    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] mt-15", 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-4", 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: (e) => setGroupName(e.target.value) })] }), _jsxs("div", { className: "space-y-2", children: [_jsx("label", { className: "text-sm font-medium", children: "Expense Currency" }), _jsxs("select", { value: selectedCurrency, onChange: (e) => setSelectedCurrency(e.target.value), className: "w-full px-3 py-2 border border-gray-300 dark:border-gray-600 rounded-lg bg-white dark:bg-gray-800 text-gray-900 dark:text-white outline-none focus:border-purple-500 focus:ring-1 focus:ring-purple-500 transition-colors", children: [_jsx("option", { value: "", children: "Select Currency" }), currencies.map((currency) => (_jsx("option", { value: currency, children: currency }, currency)))] }), _jsx("p", { className: "text-xs text-gray-500", children: "This currency will be used for all expense tracking in this group" })] }), _jsx(AddMemberDialog, { selectedUsers: selectedUsers, setSelectedUsers: setSelectedUsers, excludeUsernames: selectedUsers.map(u => u.username || "") })] }), _jsx("div", { className: "flex justify-end pt-4", children: _jsxs(Button, { onClick: createGroup, variant: "default", disabled: creating || !groupName || selectedUsers.length === 0 || !selectedCurrency, 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;AAQpF,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,2CA4KzB"}