@myrjfa/ui 0.3.1

package/dist/chat/components/ParticipantSelector.js

@@ -0,0 +1,26 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { X } from "lucide-react";
+import { chatActorKey, isSameChatActor, } from "@myrjfa/state/dist/lib/models/chat";
+export function ParticipantSelector({ participants, onChange, onSplitsChange, availableUsers }) {
+    const addParticipant = (participant) => {
+        if (!participants.some((item) => isSameChatActor(item, participant))) {
+            const actor = {
+                actorId: participant.actorId,
+                actorModel: participant.actorModel,
+            };
+            onChange([...participants, actor]);
+            onSplitsChange((current) => [...current, { ...actor, amount: 0 }]);
+        }
+    };
+    const removeParticipant = (actor) => {
+        onChange(participants.filter((participant) => !isSameChatActor(participant, actor)));
+        onSplitsChange((current) => current.filter((split) => !isSameChatActor(split, actor)));
+    };
+    const labelFor = (actor) => {
+        const participant = availableUsers.find((user) => isSameChatActor(user, actor));
+        return (participant === null || participant === void 0 ? void 0 : participant.displayName) || (participant === null || participant === void 0 ? void 0 : participant.username) || "Trippeaze member";
+    };
+    const unselectedUsers = availableUsers.filter((user) => !participants.some((participant) => isSameChatActor(participant, user)));
+    return (_jsxs("div", { className: "space-y-2", children: [_jsx("label", { className: "text-xs font-semibold text-gray-700 dark:text-gray-300 uppercase tracking-wider", children: "Split Among" }), _jsx("div", { className: "flex flex-wrap gap-2", children: participants.length === 0 ? (_jsx("p", { className: "text-xs text-gray-500", children: "Select participants..." })) : (participants.map((participant) => (_jsxs("div", { className: "flex items-center gap-1 bg-teal-100 dark:bg-teal-900/30 text-teal-700 dark:text-teal-300 rounded-full px-3 py-1 text-xs", children: [labelFor(participant), _jsx("button", { onClick: () => removeParticipant(participant), className: "hover:text-teal-900 dark:hover:text-teal-100 transition-colors", children: _jsx(X, { className: "w-3 h-3" }) })] }, chatActorKey(participant))))) }), unselectedUsers.length > 0 && (_jsx("div", { className: "flex flex-wrap gap-1", children: unselectedUsers.map((user) => (_jsxs("button", { onClick: () => addParticipant(user), className: "text-xs px-2 py-1 rounded-full border border-gray-300 dark:border-gray-600 text-gray-600 dark:text-gray-400 hover:bg-gray-100 dark:hover:bg-gray-800 transition-colors", children: ["+ ", user.displayName || user.username || "Trippeaze member"] }, chatActorKey(user)))) }))] }));
+}

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

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

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

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

package/dist/chat/components/SplitInputs.js

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

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

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

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

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

package/dist/chat/components/SplitTypeSelector.js

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

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

@@ -0,0 +1,15 @@
+import React from "react";
+export type ChatActorChoice = {
+    actorId: string;
+    actorModel: "User" | "HostProfile";
+    username: string;
+    displayName: string;
+    profilePic: string;
+};
+interface AddMemberDialogProps {
+    selectedUsers: ChatActorChoice[];
+    setSelectedUsers: React.Dispatch<React.SetStateAction<ChatActorChoice[]>>;
+}
+export declare function AddMemberDialog({ selectedUsers, setSelectedUsers }: 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;AAOxC,MAAM,MAAM,eAAe,GAAG;IAC1B,OAAO,EAAE,MAAM,CAAC;IAChB,UAAU,EAAE,MAAM,GAAG,aAAa,CAAC;IACnC,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,EAAE,MAAM,CAAC;IACpB,UAAU,EAAE,MAAM,CAAC;CACtB,CAAC;AAEF,UAAU,oBAAoB;IAC1B,aAAa,EAAE,eAAe,EAAE,CAAC;IACjC,gBAAgB,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,eAAe,EAAE,CAAC,CAAC,CAAC;CAC7E;AAED,wBAAgB,eAAe,CAAC,EAAE,aAAa,EAAE,gBAAgB,EAAE,EAAE,oBAAoB,2CA6DxF"}

package/dist/chat/dialogs/AddMemberDialog.js

@@ -0,0 +1,43 @@
+"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 { chatApi } from "@myrjfa/state/dist/lib/actions/chat";
+import { Avatar, AvatarFallback, AvatarImage } from "../../misc/avatar";
+export function AddMemberDialog({ selectedUsers, setSelectedUsers }) {
+    const [query, setQuery] = useState("");
+    const [results, setResults] = useState([]);
+    const [loading, setLoading] = useState(false);
+    async function searchParticipants() {
+        if (query.trim().length < 2)
+            return;
+        setLoading(true);
+        try {
+            const matches = await chatApi.searchParticipants(query.trim());
+            setResults(matches.filter((match) => !selectedUsers.some((selected) => selected.actorId === match.actorId && selected.actorModel === match.actorModel)));
+        }
+        finally {
+            setLoading(false);
+        }
+    }
+    function handleSearch(event) {
+        event.preventDefault();
+        void searchParticipants();
+    }
+    function toggleUser(user) {
+        const exists = selectedUsers.some((item) => item.actorId === user.actorId && item.actorModel === user.actorModel);
+        setSelectedUsers((current) => exists
+            ? current.filter((item) => item.actorId !== user.actorId || item.actorModel !== user.actorModel)
+            : [...current, user]);
+        setResults([]);
+        setQuery("");
+    }
+    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.displayName }), _jsx(X, { className: "w-3 h-3 cursor-pointer", onClick: () => toggleUser(user) })] }, `${user.actorModel}:${user.actorId}`)) }), _jsxs("form", { onSubmit: handleSearch, className: "flex gap-2", children: [_jsx(Input, { placeholder: "Search people by name or username", value: query, onChange: (event) => setQuery(event.target.value), onKeyDown: (event) => {
+                            if (event.key === "Enter") {
+                                event.preventDefault();
+                                void searchParticipants();
+                            }
+                        } }), _jsx(Button, { type: "submit", size: "sm", disabled: loading || query.trim().length < 2, 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("button", { type: "button", className: "flex items-center justify-between p-2 hover:bg-accent rounded-md text-left", onClick: () => toggleUser(user), children: _jsxs("span", { 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("span", { children: [_jsx("span", { className: "block text-sm font-medium", children: user.displayName }), _jsxs("span", { className: "block text-xs text-muted-foreground", children: ["@", user.username] })] })] }) }, `${user.actorModel}:${user.actorId}`)) })] });
+}

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":"AAQA,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,81 @@
+"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 { showAlert } from "../../misc/alertdialogclaude";
+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);
+            void showAlert("Could not access the camera. Check your browser permission and try again.", "Camera unavailable");
+            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/ChatInfoDialog.d.ts

@@ -0,0 +1,10 @@
+import type { Conversation } from "@myrjfa/state/dist/lib/models/chat";
+export declare function ChatInfoDialog({ open, onOpenChange, conversation, onSearch, onJump, onPreferenceChanged, }: {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    conversation: Conversation;
+    onSearch: () => void;
+    onJump: (messageId: string) => void;
+    onPreferenceChanged: () => Promise<void> | void;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ChatInfoDialog.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ChatInfoDialog.d.ts","sourceRoot":"","sources":["../../../src/chat/dialogs/ChatInfoDialog.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,YAAY,EAAuC,MAAM,oCAAoC,CAAC;AAsB5G,wBAAgB,cAAc,CAAC,EAC3B,IAAI,EACJ,YAAY,EACZ,YAAY,EACZ,QAAQ,EACR,MAAM,EACN,mBAAmB,GACtB,EAAE;IACC,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;IACrB,MAAM,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,mBAAmB,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC;CACnD,2CA2HA"}

package/dist/chat/dialogs/ChatInfoDialog.js

@@ -0,0 +1,75 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from "react";
+import { Archive, BellOff, Database, FileText, Link2, MapPin, Pin, Search, Star } from "lucide-react";
+import { chatApi } from "@myrjfa/state/dist/lib/actions/chat";
+import { Button } from "../../misc/button";
+import { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle } from "../../misc/dialog";
+const sections = [
+    { id: "overview", label: "Overview" },
+    { id: "media", label: "Media" },
+    { id: "documents", label: "Documents" },
+    { id: "links", label: "Links" },
+    { id: "locations", label: "Locations" },
+    { id: "listings", label: "Listings" },
+    { id: "bookings", label: "Bookings" },
+    { id: "polls", label: "Polls" },
+    { id: "milestones", label: "Milestones" },
+    { id: "expenses", label: "Expenses" },
+    { id: "starred", label: "Starred" },
+    { id: "pinned", label: "Pinned" },
+    { id: "storage", label: "Storage" },
+];
+export function ChatInfoDialog({ open, onOpenChange, conversation, onSearch, onJump, onPreferenceChanged, }) {
+    var _a;
+    const [section, setSection] = useState("overview");
+    const [items, setItems] = useState([]);
+    const [storage, setStorage] = useState(null);
+    const [loading, setLoading] = useState(false);
+    const pref = conversation.preference;
+    const isMuted = Boolean(pref.mutedUntil && new Date(pref.mutedUntil) > new Date());
+    useEffect(() => {
+        if (!open)
+            return;
+        setLoading(true);
+        const request = section === "overview"
+            ? Promise.resolve([])
+            : section === "storage"
+                ? chatApi.getConversationStorage(conversation._id).then((result) => {
+                    setStorage(result);
+                    return [];
+                })
+                : section === "starred"
+                    ? chatApi.getStarredMessages(conversation._id)
+                    : section === "pinned"
+                        ? chatApi.getPinnedMessages(conversation._id)
+                        : chatApi.getSharedContent(conversation._id, section).then((result) => result.items);
+        void request.then(setItems).finally(() => setLoading(false));
+    }, [conversation._id, open, section]);
+    const updatePreference = async (changes) => {
+        await chatApi.updateConversationPreference(conversation._id, changes);
+        await onPreferenceChanged();
+    };
+    const messageFor = (item) => {
+        if (section === "starred" || section === "pinned")
+            return item.messageId || null;
+        return (item === null || item === void 0 ? void 0 : item.content) ? item : null;
+    };
+    const formatBytes = (bytes = 0) => {
+        if (!bytes)
+            return "0 B";
+        const units = ["B", "KB", "MB", "GB"];
+        const index = Math.min(Math.floor(Math.log(bytes) / Math.log(1024)), units.length - 1);
+        return `${(bytes / 1024 ** index).toFixed(index ? 1 : 0)} ${units[index]}`;
+    };
+    return (_jsx(Dialog, { open: open, onOpenChange: onOpenChange, children: _jsxs(DialogContent, { className: "max-h-[88vh] overflow-hidden sm:max-w-3xl", children: [_jsxs(DialogHeader, { children: [_jsx(DialogTitle, { children: conversation.type === "group" ? conversation.name || "Group chat" : "Chat info" }), _jsx(DialogDescription, { children: "Shared content and your private chat preferences." })] }), _jsx("div", { className: "flex gap-2 overflow-x-auto border-b pb-3", children: sections.map((item) => (_jsx("button", { type: "button", onClick: () => setSection(item.id), className: `whitespace-nowrap rounded-full px-3 py-1.5 text-xs font-medium ${section === item.id ? "bg-teal-600 text-white" : "bg-muted text-muted-foreground"}`, children: item.label }, item.id))) }), _jsx("div", { className: "max-h-[62vh] overflow-y-auto pr-1", children: section === "overview" ? (_jsxs("div", { className: "grid gap-2 sm:grid-cols-2", children: [_jsxs(Button, { variant: "outline", className: "justify-start", onClick: onSearch, children: [_jsx(Search, { className: "mr-2 h-4 w-4" }), "Search messages"] }), _jsxs(Button, { variant: "outline", className: "justify-start", onClick: () => void updatePreference({ pinned: !pref.pinnedAt }), children: [_jsx(Pin, { className: "mr-2 h-4 w-4" }), pref.pinnedAt ? "Unpin chat" : "Pin chat"] }), _jsxs(Button, { variant: "outline", className: "justify-start", onClick: () => void updatePreference({ favourited: !pref.favouritedAt }), children: [_jsx(Star, { className: "mr-2 h-4 w-4" }), pref.favouritedAt ? "Remove favourite" : "Add to favourites"] }), _jsxs(Button, { variant: "outline", className: "justify-start", onClick: () => void updatePreference({ mutedUntil: isMuted ? null : new Date(Date.now() + 8 * 60 * 60 * 1000).toISOString() }), children: [_jsx(BellOff, { className: "mr-2 h-4 w-4" }), isMuted ? "Unmute notifications" : "Mute for 8 hours"] }), _jsxs(Button, { variant: "outline", className: "justify-start", onClick: () => void chatApi.markConversationUnread(conversation._id).then(onPreferenceChanged), children: [_jsx(FileText, { className: "mr-2 h-4 w-4" }), "Mark as unread"] }), _jsxs(Button, { variant: "outline", className: "justify-start", onClick: () => void updatePreference({ archived: !pref.archivedAt }), children: [_jsx(Archive, { className: "mr-2 h-4 w-4" }), pref.archivedAt ? "Unarchive chat" : "Archive chat"] }), _jsxs("div", { className: "sm:col-span-2 rounded-lg border p-4", children: [_jsxs("p", { className: "font-medium", children: [conversation.participants.length, " participant", conversation.participants.length === 1 ? "" : "s"] }), _jsx("div", { className: "mt-3 space-y-2", children: conversation.participants.map((participant) => (_jsxs("div", { className: "flex justify-between text-sm", children: [_jsx("span", { children: participant.displayName || participant.username || "Trippeaze member" }), _jsx("span", { className: "capitalize text-muted-foreground", children: participant.chatRole || "member" })] }, `${participant.actorModel}:${participant.actorId}`))) })] })] })) : loading ? (_jsx("div", { className: "flex justify-center py-12", children: _jsx("div", { className: "h-7 w-7 animate-spin rounded-full border-2 border-teal-500 border-t-transparent" }) })) : section === "storage" ? (_jsxs("div", { className: "space-y-3", children: [_jsxs("div", { className: "rounded-xl bg-teal-50 p-5 dark:bg-teal-950/30", children: [_jsx(Database, { className: "mb-2 h-5 w-5 text-teal-600" }), _jsx("p", { className: "text-2xl font-semibold", children: formatBytes(storage === null || storage === void 0 ? void 0 : storage.totalBytes) }), _jsxs("p", { className: "text-sm text-muted-foreground", children: [(storage === null || storage === void 0 ? void 0 : storage.fileCount) || 0, " shared files"] })] }), _jsx("div", { className: "grid grid-cols-2 gap-2 text-sm sm:grid-cols-4", children: ["images", "videos", "audio", "documents"].map((key) => _jsxs("div", { className: "rounded-lg border p-3 capitalize", children: [_jsx("b", { children: (storage === null || storage === void 0 ? void 0 : storage[key]) || 0 }), _jsx("br", {}), key] }, key)) })] })) : items.length === 0 ? (_jsxs("p", { className: "py-12 text-center text-sm text-muted-foreground", children: ["No ", (_a = sections.find((item) => item.id === section)) === null || _a === void 0 ? void 0 : _a.label.toLowerCase(), " shared yet."] })) : (_jsx("div", { className: section === "media" ? "grid grid-cols-2 gap-2 sm:grid-cols-3" : "space-y-2", children: items.map((item, index) => {
+                            var _a, _b;
+                            const message = messageFor(item);
+                            const media = (_a = message === null || message === void 0 ? void 0 : message.content.media) === null || _a === void 0 ? void 0 : _a[0];
+                            if (section === "media" && media) {
+                                return _jsx("button", { onClick: () => message && onJump(message._id), className: "aspect-square overflow-hidden rounded-lg border bg-muted", children: _jsx("img", { src: media.url, alt: media.name || "Shared media", className: "h-full w-full object-cover" }) }, (message === null || message === void 0 ? void 0 : message._id) || index);
+                            }
+                            const text = (message === null || message === void 0 ? void 0 : message.content.text) || item.title || item.name || item.question || `${(_b = sections.find((entry) => entry.id === section)) === null || _b === void 0 ? void 0 : _b.label} item`;
+                            return (_jsxs("div", { className: "flex items-center gap-2 rounded-lg border p-2 hover:bg-muted", children: [_jsxs("button", { onClick: () => message && onJump(message._id), className: "flex min-w-0 flex-1 items-start gap-3 p-1 text-left", children: [section === "links" ? _jsx(Link2, { className: "mt-0.5 h-4 w-4 shrink-0" }) : section === "locations" ? _jsx(MapPin, { className: "mt-0.5 h-4 w-4 shrink-0" }) : _jsx(FileText, { className: "mt-0.5 h-4 w-4 shrink-0" }), _jsx("span", { className: "min-w-0 flex-1 truncate text-sm", children: text })] }), section === "starred" && message && _jsx(Button, { size: "sm", variant: "ghost", onClick: () => void chatApi.unstarMessage(message._id).then(() => setItems((current) => current.filter((entry) => entry._id !== item._id))), children: "Unstar" }), section === "pinned" && message && _jsx(Button, { size: "sm", variant: "ghost", onClick: () => void chatApi.unpinMessage(message._id).then(() => setItems((current) => current.filter((entry) => entry._id !== item._id))), children: "Unpin" })] }, (message === null || message === void 0 ? void 0 : message._id) || item._id || index));
+                        }) })) })] }) }));
+}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"ConversationSearchDialog.d.ts","sourceRoot":"","sources":["../../../src/chat/dialogs/ConversationSearchDialog.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,YAAY,EAA4B,MAAM,oCAAoC,CAAC;AAKjG,wBAAgB,wBAAwB,CAAC,EACrC,IAAI,EACJ,YAAY,EACZ,YAAY,EACZ,MAAM,GACT,EAAE;IACC,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,YAAY,EAAE,YAAY,CAAC;IAC3B,MAAM,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;CACvC,2CAuGA"}

package/dist/chat/dialogs/ConversationSearchDialog.js

@@ -0,0 +1,53 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from "react";
+import { Search } from "lucide-react";
+import { chatApi } from "@myrjfa/state/dist/lib/actions/chat";
+import { Button } from "../../misc/button";
+import { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle } from "../../misc/dialog";
+import { Input } from "../../misc/input";
+export function ConversationSearchDialog({ open, onOpenChange, conversation, onJump, }) {
+    const [query, setQuery] = useState("");
+    const [sender, setSender] = useState("");
+    const [type, setType] = useState("");
+    const [dateFrom, setDateFrom] = useState("");
+    const [dateTo, setDateTo] = useState("");
+    const [results, setResults] = useState([]);
+    const [loading, setLoading] = useState(false);
+    useEffect(() => {
+        if (!open) {
+            setQuery("");
+            setResults([]);
+        }
+    }, [open]);
+    const search = async () => {
+        setLoading(true);
+        try {
+            const selectedSender = conversation.participants.find((participant) => `${participant.actorModel}:${participant.actorId}` === sender);
+            const response = await chatApi.searchConversationMessages(conversation._id, {
+                q: query.trim() || undefined,
+                senderId: selectedSender === null || selectedSender === void 0 ? void 0 : selectedSender.actorId,
+                senderModel: selectedSender === null || selectedSender === void 0 ? void 0 : selectedSender.actorModel,
+                contentType: type || undefined,
+                from: dateFrom || undefined,
+                to: dateTo || undefined,
+                limit: 50,
+            });
+            setResults(response.results);
+        }
+        finally {
+            setLoading(false);
+        }
+    };
+    return (_jsx(Dialog, { open: open, onOpenChange: onOpenChange, children: _jsxs(DialogContent, { className: "max-h-[85vh] overflow-hidden sm:max-w-2xl", children: [_jsxs(DialogHeader, { children: [_jsx(DialogTitle, { children: "Search this conversation" }), _jsx(DialogDescription, { children: "Message text is searched only inside this chat." })] }), _jsxs("form", { className: "grid gap-3", onSubmit: (event) => {
+                        event.preventDefault();
+                        void search();
+                    }, children: [_jsxs("div", { className: "flex gap-2", children: [_jsx(Input, { value: query, onChange: (event) => setQuery(event.target.value), placeholder: "Search messages", autoFocus: true }), _jsxs(Button, { type: "submit", disabled: loading, children: [_jsx(Search, { className: "mr-2 h-4 w-4" }), loading ? "Searching" : "Search"] })] }), _jsxs("div", { className: "grid grid-cols-1 gap-2 sm:grid-cols-4", children: [_jsxs("select", { className: "h-10 rounded-md border bg-background px-3 text-sm", value: sender, onChange: (event) => setSender(event.target.value), children: [_jsx("option", { value: "", children: "Any sender" }), conversation.participants.map((participant) => (_jsx("option", { value: `${participant.actorModel}:${participant.actorId}`, children: participant.displayName || participant.username || "Trippeaze member" }, `${participant.actorModel}:${participant.actorId}`)))] }), _jsxs("select", { className: "h-10 rounded-md border bg-background px-3 text-sm", value: type, onChange: (event) => setType(event.target.value), children: [_jsx("option", { value: "", children: "Any type" }), _jsx("option", { value: "text", children: "Text" }), _jsx("option", { value: "media", children: "Media" }), _jsx("option", { value: "locations", children: "Location" }), _jsx("option", { value: "poll", children: "Poll" })] }), _jsx(Input, { "aria-label": "From date", type: "date", value: dateFrom, onChange: (event) => setDateFrom(event.target.value) }), _jsx(Input, { "aria-label": "To date", type: "date", value: dateTo, onChange: (event) => setDateTo(event.target.value) })] })] }), _jsxs("div", { className: "max-h-[52vh] space-y-2 overflow-y-auto pr-1", children: [!loading && results.length === 0 && _jsx("p", { className: "py-8 text-center text-sm text-muted-foreground", children: "No matching messages yet." }), results.map(({ message, context }) => {
+                            var _a, _b, _c, _d;
+                            const participant = conversation.participants.find((item) => item.actorId === message.senderId && item.actorModel === message.senderModel);
+                            return (_jsxs("button", { type: "button", onClick: () => {
+                                    onJump(message._id);
+                                    onOpenChange(false);
+                                }, className: "w-full rounded-lg border p-3 text-left transition-colors hover:bg-muted", children: [_jsxs("div", { className: "flex justify-between gap-2 text-xs text-muted-foreground", children: [_jsx("span", { children: (participant === null || participant === void 0 ? void 0 : participant.displayName) || (participant === null || participant === void 0 ? void 0 : participant.username) || "Trippeaze member" }), _jsx("span", { children: new Date(message.createdAt).toLocaleString() })] }), ((_b = (_a = context.previous) === null || _a === void 0 ? void 0 : _a.content) === null || _b === void 0 ? void 0 : _b.text) && _jsx("p", { className: "mt-1 truncate text-xs text-muted-foreground", children: context.previous.content.text }), _jsx("p", { className: "my-1 line-clamp-2 font-medium", children: message.content.text || `${message.type} message` }), ((_d = (_c = context.next) === null || _c === void 0 ? void 0 : _c.content) === null || _d === void 0 ? void 0 : _d.text) && _jsx("p", { className: "truncate text-xs text-muted-foreground", children: context.next.content.text })] }, message._id));
+                        })] })] }) }));
+}

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

@@ -0,0 +1,22 @@
+import type { ChatEvent } from "@myrjfa/state/dist/lib/models/chat";
+interface CreateEventDialogProps {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    event?: ChatEvent | null;
+    onSave: (data: {
+        title: string;
+        description: string;
+        startsAt: string;
+        endsAt: string | null;
+        location: {
+            label: string;
+            url: string;
+        };
+        reminders: Array<{
+            minutesBefore: number;
+        }>;
+    }) => Promise<void>;
+}
+export declare function CreateEventDialog({ open, onOpenChange, event, onSave, }: CreateEventDialogProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=CreateEventDialog.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CreateEventDialog.d.ts","sourceRoot":"","sources":["../../../src/chat/dialogs/CreateEventDialog.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,oCAAoC,CAAC;AAOpE,UAAU,sBAAsB;IAC5B,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,KAAK,CAAC,EAAE,SAAS,GAAG,IAAI,CAAC;IACzB,MAAM,EAAE,CAAC,IAAI,EAAE;QACX,KAAK,EAAE,MAAM,CAAC;QACd,WAAW,EAAE,MAAM,CAAC;QACpB,QAAQ,EAAE,MAAM,CAAC;QACjB,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;QACtB,QAAQ,EAAE;YAAE,KAAK,EAAE,MAAM,CAAC;YAAC,GAAG,EAAE,MAAM,CAAA;SAAE,CAAC;QACzC,SAAS,EAAE,KAAK,CAAC;YAAE,aAAa,EAAE,MAAM,CAAA;SAAE,CAAC,CAAC;KAC/C,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;CACvB;AAED,wBAAgB,iBAAiB,CAAC,EAC9B,IAAI,EACJ,YAAY,EACZ,KAAK,EACL,MAAM,GACT,EAAE,sBAAsB,2CAuGxB"}

package/dist/chat/dialogs/CreateEventDialog.js

@@ -0,0 +1,51 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from "react";
+import { CalendarDays, MapPin } from "lucide-react";
+import { Button } from "../../misc/button";
+import { DatePicker } from "../../misc/datepicker";
+import { Dialog, DialogContent, DialogHeader, DialogTitle } from "../../misc/dialog";
+import { Input } from "../../misc/input";
+import { Textarea } from "../../misc/textarea";
+export function CreateEventDialog({ open, onOpenChange, event, onSave, }) {
+    const [title, setTitle] = useState("");
+    const [description, setDescription] = useState("");
+    const [startsAt, setStartsAt] = useState(null);
+    const [endsAt, setEndsAt] = useState(null);
+    const [locationLabel, setLocationLabel] = useState("");
+    const [locationUrl, setLocationUrl] = useState("");
+    const [reminder, setReminder] = useState("60");
+    const [saving, setSaving] = useState(false);
+    useEffect(() => {
+        var _a, _b, _c, _d, _e;
+        if (!open)
+            return;
+        setTitle((event === null || event === void 0 ? void 0 : event.title) || "");
+        setDescription((event === null || event === void 0 ? void 0 : event.description) || "");
+        setStartsAt((event === null || event === void 0 ? void 0 : event.startsAt) ? new Date(event.startsAt) : new Date(Date.now() + 60 * 60 * 1000));
+        setEndsAt((event === null || event === void 0 ? void 0 : event.endsAt) ? new Date(event.endsAt) : null);
+        setLocationLabel(((_a = event === null || event === void 0 ? void 0 : event.location) === null || _a === void 0 ? void 0 : _a.label) || "");
+        setLocationUrl(((_b = event === null || event === void 0 ? void 0 : event.location) === null || _b === void 0 ? void 0 : _b.url) || "");
+        setReminder(String((_e = (_d = (_c = event === null || event === void 0 ? void 0 : event.reminders) === null || _c === void 0 ? void 0 : _c[0]) === null || _d === void 0 ? void 0 : _d.minutesBefore) !== null && _e !== void 0 ? _e : 60));
+    }, [event, open]);
+    const submit = async () => {
+        if (!title.trim() || !startsAt)
+            return;
+        setSaving(true);
+        try {
+            await onSave({
+                title: title.trim(),
+                description: description.trim(),
+                startsAt: startsAt.toISOString(),
+                endsAt: (endsAt === null || endsAt === void 0 ? void 0 : endsAt.toISOString()) || null,
+                location: { label: locationLabel.trim(), url: locationUrl.trim() },
+                reminders: reminder === "none" ? [] : [{ minutesBefore: Number(reminder) }],
+            });
+            onOpenChange(false);
+        }
+        finally {
+            setSaving(false);
+        }
+    };
+    return (_jsx(Dialog, { open: open, onOpenChange: onOpenChange, children: _jsxs(DialogContent, { className: "w-[calc(100vw-1.5rem)] sm:max-w-[460px]", children: [_jsx(DialogHeader, { children: _jsxs(DialogTitle, { className: "flex items-center gap-2", children: [_jsx(CalendarDays, { className: "h-5 w-5 text-teal-600" }), event ? "Edit trip event" : "Create trip event"] }) }), _jsxs("div", { className: "space-y-4", children: [_jsxs("div", { className: "space-y-1.5", children: [_jsx("label", { className: "text-sm font-medium", children: "Event title" }), _jsx(Input, { value: title, onChange: (e) => setTitle(e.target.value), placeholder: "Airport pickup, dinner, guided walk..." })] }), _jsxs("div", { className: "space-y-1.5", children: [_jsx("label", { className: "text-sm font-medium", children: "Description" }), _jsx(Textarea, { value: description, onChange: (e) => setDescription(e.target.value), placeholder: "What should everyone know?", className: "min-h-20" })] }), _jsxs("div", { className: "grid gap-3 sm:grid-cols-2", children: [_jsx(DatePicker, { field: { value: startsAt, onChange: setStartsAt }, minDate: new Date(), includeTime: true, label: "Starts" }), _jsx(DatePicker, { field: { value: endsAt, onChange: setEndsAt }, minDate: startsAt || new Date(), includeTime: true, label: "Ends (optional)", onClear: () => setEndsAt(null) })] }), _jsxs("div", { className: "space-y-2 rounded-xl border border-slate-200 p-3", children: [_jsxs("label", { className: "flex items-center gap-2 text-sm font-medium", children: [_jsx(MapPin, { className: "h-4 w-4 text-teal-600" }), "Location"] }), _jsx(Input, { value: locationLabel, onChange: (e) => setLocationLabel(e.target.value), placeholder: "Place name or meeting point" }), _jsx(Input, { value: locationUrl, onChange: (e) => setLocationUrl(e.target.value), placeholder: "Optional map URL" })] }), _jsxs("div", { className: "space-y-1.5", children: [_jsx("label", { className: "text-sm font-medium", children: "Reminder" }), _jsxs("select", { value: reminder, onChange: (e) => setReminder(e.target.value), className: "h-10 w-full rounded-md border border-input bg-background px-3 text-sm", children: [_jsx("option", { value: "none", children: "No reminder" }), _jsx("option", { value: "15", children: "15 minutes before" }), _jsx("option", { value: "60", children: "1 hour before" }), _jsx("option", { value: "1440", children: "1 day before" })] })] }), _jsxs("div", { className: "flex justify-end gap-2 pt-1", children: [_jsx(Button, { variant: "outline", onClick: () => onOpenChange(false), children: "Cancel" }), _jsx(Button, { onClick: () => void submit(), disabled: saving || !title.trim() || !startsAt, children: saving ? "Saving..." : event ? "Save changes" : "Create event" })] })] })] }) }));
+}

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"}