@myrjfa/ui 1.1.0 → 1.1.2

package/dist/chat/dialogs/AddMemberDialog.js

@@ -1,49 +1,4 @@
 "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";
@@ -51,60 +6,45 @@ 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*/];
+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(function (u) { return u.username === user.username; })) {
-            setSelectedUsers(function (prev) { return prev.filter(function (u) { return u.username !== user.username; }); });
+        if (selectedUsers.find(u => u.username === user.username)) {
+            setSelectedUsers(prev => prev.filter(u => u.username !== user.username));
             setQuery("");
             setResults([]);
         }
         else {
-            setSelectedUsers(function (prev) { return __spreadArray(__spreadArray([], prev, true), [user], false); });
+            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(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)); }) })] }));
+    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.js

@@ -1,54 +1,16 @@
 "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 () {
+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();
         }
@@ -56,69 +18,59 @@ export function CameraDialog(_a) {
             stopCamera();
             setCapturedImage(null);
         }
-        return function () { return stopCamera(); };
+        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*/];
+    const startCamera = async () => {
+        try {
+            setLoading(true);
+            const mediaStream = await navigator.mediaDevices.getUserMedia({
+                video: { facingMode: "user" }
+            });
+            setStream(mediaStream);
+            if (videoRef.current) {
+                videoRef.current.srcObject = mediaStream;
             }
-        });
-    }); };
-    var stopCamera = function () {
+            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(function (track) { return track.stop(); });
+            stream.getTracks().forEach(track => track.stop());
             setStream(null);
         }
     };
-    var handleCapture = function () {
+    const handleCapture = () => {
         if (videoRef.current && canvasRef.current) {
-            var video = videoRef.current;
-            var canvas = canvasRef.current;
+            const video = videoRef.current;
+            const canvas = canvasRef.current;
             canvas.width = video.videoWidth;
             canvas.height = video.videoHeight;
-            var ctx = canvas.getContext("2d");
+            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);
-                var dataUrl = canvas.toDataURL("image/jpeg");
+                const dataUrl = canvas.toDataURL("image/jpeg");
                 setCapturedImage(dataUrl);
             }
         }
     };
-    var handleRetake = function () {
+    const handleRetake = () => {
         setCapturedImage(null);
     };
-    var handleConfirm = function () {
+    const handleConfirm = () => {
         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" });
+                .then(res => res.blob())
+                .then(blob => {
+                const file = new File([blob], `camera_${Date.now()}.jpg`, { type: "image/jpeg" });
                 onCapture(file);
                 onOpenChange(false);
             });

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.map

@@ -1 +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"}
+{"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"}