@myrjfa/ui 0.3.1

package/dist/chat/ChatSidebar.d.ts

@@ -0,0 +1,15 @@
+import { type ChatActorModel, type Conversation } from "@myrjfa/state/dist/lib/models/chat";
+interface ChatSidebarProps {
+    conversations: Conversation[];
+    activeConversation: Conversation | null;
+    onSelect: (conv: Conversation) => void;
+    isConnected: boolean;
+    currentUserId: string;
+    currentActorModel: ChatActorModel;
+    onlineUsers?: Set<string>;
+    typingUsers?: Map<string, string[]>;
+    allowNewConversation?: boolean;
+}
+export declare function ChatSidebar({ conversations, activeConversation, onSelect, isConnected, currentUserId, currentActorModel, onlineUsers, typingUsers, allowNewConversation, }: ChatSidebarProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=ChatSidebar.d.ts.map

package/dist/chat/ChatSidebar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChatSidebar.d.ts","sourceRoot":"","sources":["../../src/chat/ChatSidebar.tsx"],"names":[],"mappings":"AAaA,OAAO,EAAE,KAAK,cAAc,EAAE,KAAK,YAAY,EAAE,MAAM,oCAAoC,CAAC;AAE5F,UAAU,gBAAgB;IACtB,aAAa,EAAE,YAAY,EAAE,CAAC;IAC9B,kBAAkB,EAAE,YAAY,GAAG,IAAI,CAAC;IACxC,QAAQ,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,IAAI,CAAC;IACvC,WAAW,EAAE,OAAO,CAAC;IACrB,aAAa,EAAE,MAAM,CAAC;IACtB,iBAAiB,EAAE,cAAc,CAAC;IAClC,WAAW,CAAC,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IAC1B,WAAW,CAAC,EAAE,GAAG,CAAC,MAAM,EAAE,MAAM,EAAE,CAAC,CAAC;IACpC,oBAAoB,CAAC,EAAE,OAAO,CAAC;CAClC;AAED,wBAAgB,WAAW,CAAC,EACxB,aAAa,EACb,kBAAkB,EAClB,QAAQ,EACR,WAAW,EACX,aAAa,EACb,iBAAiB,EACjB,WAAW,EACX,WAAW,EACX,oBAA4B,GAC/B,EAAE,gBAAgB,2CAgHlB"}

package/dist/chat/ChatSidebar.js

@@ -0,0 +1,32 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from "react";
+import { Archive, ChevronDown, MessageCircle, Plus, Star, Wifi, WifiOff } from "lucide-react";
+import { Input } from "../misc/input";
+import { ScrollArea } from "../misc/scroll-area";
+import { Button } from "../misc/button";
+import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger } from "../misc/dropdown-menu";
+import { ConversationList } from "./ConversationList";
+import { NewChatDialog } from "./dialogs/NewChatDialog";
+import { NewGroupDialog } from "./dialogs/NewGroupDialog";
+import { chatApi } from "@myrjfa/state/dist/lib/actions/chat";
+import { useChatContext } from "@myrjfa/state/dist/lib/context/ChatContext";
+export function ChatSidebar({ conversations, activeConversation, onSelect, isConnected, currentUserId, currentActorModel, onlineUsers, typingUsers, allowNewConversation = false, }) {
+    const [showNewChat, setShowNewChat] = useState(false);
+    const [search, setSearch] = useState("");
+    const [filter, setFilter] = useState("all");
+    const { refreshConversations } = useChatContext();
+    useEffect(() => {
+        const timer = setTimeout(() => {
+            void refreshConversations({ filter, q: search.trim() || undefined });
+        }, 250);
+        return () => clearTimeout(timer);
+    }, [filter, refreshConversations, search]);
+    const updatePreference = async (conversation, changes) => {
+        await chatApi.updateConversationPreference(conversation._id, changes);
+        await refreshConversations({ filter, q: search.trim() || undefined });
+    };
+    return (_jsxs("div", { className: `w-full md:w-96 md:min-w-[384px] border-r border-gray-200 dark:border-gray-800 bg-white dark:bg-gray-900 flex flex-col h-full ${activeConversation ? "hidden md:flex" : "flex"}`, children: [_jsxs("div", { className: "flex items-center justify-between p-4 border-b border-gray-200 dark:border-gray-800", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(MessageCircle, { className: "w-6 h-6 text-teal-500" }), _jsx("h1", { className: "text-xl font-bold text-gray-900 dark:text-gray-100", children: "Messages" })] }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx("div", { className: "flex items-center gap-1", children: isConnected ? (_jsx(Wifi, { className: "w-4 h-4 text-green-500" })) : (_jsx(WifiOff, { className: "w-4 h-4 text-red-500" })) }), allowNewConversation && (_jsx("button", { onClick: () => setShowNewChat(!showNewChat), className: "p-2 hover:bg-gray-100 dark:hover:bg-gray-800 rounded-full transition-colors text-gray-600 dark:text-gray-400 cursor-pointer", children: _jsx(Plus, { className: "w-5 h-5" }) }))] })] }), _jsxs("div", { className: "p-3", children: [_jsx(Input, { placeholder: "Search conversations...", value: search, onChange: (e) => setSearch(e.target.value), className: "bg-gray-100 dark:bg-gray-800 border-none" }), _jsxs("div", { className: "mt-3 flex items-center gap-1 overflow-x-auto pb-1", children: [["all", "unread", "hosts", "groups"].map((item) => (_jsx("button", { type: "button", onClick: () => setFilter(item), className: `whitespace-nowrap rounded-full px-3 py-1.5 text-xs font-medium capitalize transition-colors ${filter === item
+                                    ? "bg-teal-600 text-white"
+                                    : "bg-gray-100 text-gray-600 hover:bg-gray-200 dark:bg-gray-800 dark:text-gray-300"}`, children: item }, item))), _jsxs(DropdownMenu, { children: [_jsx(DropdownMenuTrigger, { asChild: true, children: _jsxs(Button, { variant: "ghost", size: "sm", className: "h-7 gap-1 rounded-full px-2 text-xs", children: ["More ", _jsx(ChevronDown, { className: "h-3 w-3" })] }) }), _jsxs(DropdownMenuContent, { align: "end", children: [_jsxs(DropdownMenuItem, { onClick: () => setFilter("favourites"), children: [_jsx(Star, { className: "mr-2 h-4 w-4" }), "Favourites"] }), _jsxs(DropdownMenuItem, { onClick: () => setFilter("archived"), children: [_jsx(Archive, { className: "mr-2 h-4 w-4" }), "Archived"] })] })] })] })] }), allowNewConversation && showNewChat && (_jsxs("div", { className: "px-3 pb-3 flex gap-2", children: [_jsx(NewChatDialog, {}), _jsx(NewGroupDialog, {})] })), _jsx(ScrollArea, { className: "flex-1", children: _jsx(ConversationList, { conversations: Array.isArray(conversations) ? conversations : [], activeConversation: activeConversation, onSelect: onSelect, currentUserId: currentUserId, currentActorModel: currentActorModel, onlineUsers: onlineUsers, typingUsers: typingUsers, onPreferenceChange: updatePreference }) })] }));
+}

package/dist/chat/ConversationList.d.ts

@@ -0,0 +1,20 @@
+import { type ChatActorModel, type Conversation } from "@myrjfa/state/dist/lib/models/chat";
+interface ChatListProps {
+    conversations: Conversation[];
+    activeConversation: Conversation | null;
+    onSelect: (conv: Conversation) => void;
+    currentUserId: string;
+    currentActorModel: ChatActorModel;
+    onlineUsers?: Set<string>;
+    typingUsers?: Map<string, string[]>;
+    onPreferenceChange?: (conversation: Conversation, changes: {
+        pinned?: boolean;
+        favourited?: boolean;
+        archived?: boolean;
+        markedUnread?: boolean;
+        mutedUntil?: string | null;
+    }) => Promise<void> | void;
+}
+export declare function ConversationList({ conversations, activeConversation, onSelect, currentUserId, currentActorModel, onlineUsers, typingUsers, onPreferenceChange, }: ChatListProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=ConversationList.d.ts.map

package/dist/chat/ConversationList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConversationList.d.ts","sourceRoot":"","sources":["../../src/chat/ConversationList.tsx"],"names":[],"mappings":"AAQA,OAAO,EAGH,KAAK,cAAc,EACnB,KAAK,YAAY,EACpB,MAAM,oCAAoC,CAAC;AAE5C,UAAU,aAAa;IACnB,aAAa,EAAE,YAAY,EAAE,CAAC;IAC9B,kBAAkB,EAAE,YAAY,GAAG,IAAI,CAAC;IACxC,QAAQ,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,IAAI,CAAC;IACvC,aAAa,EAAE,MAAM,CAAC;IACtB,iBAAiB,EAAE,cAAc,CAAC;IAClC,WAAW,CAAC,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IAC1B,WAAW,CAAC,EAAE,GAAG,CAAC,MAAM,EAAE,MAAM,EAAE,CAAC,CAAC;IACpC,kBAAkB,CAAC,EAAE,CACjB,YAAY,EAAE,YAAY,EAC1B,OAAO,EAAE;QACL,MAAM,CAAC,EAAE,OAAO,CAAC;QACjB,UAAU,CAAC,EAAE,OAAO,CAAC;QACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;QACnB,YAAY,CAAC,EAAE,OAAO,CAAC;QACvB,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;KAC9B,KACA,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC;CAC7B;AAED,wBAAgB,gBAAgB,CAAC,EAC7B,aAAa,EACb,kBAAkB,EAClB,QAAQ,EACR,aAAa,EACb,iBAAiB,EACjB,WAAuB,EACvB,WAAuB,EACvB,kBAAkB,GACrB,EAAE,aAAa,2CAmIf"}

package/dist/chat/ConversationList.js

@@ -0,0 +1,95 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useEffect, useRef, useState } from "react";
+import { Archive, BellOff, MessageCircle, MoreVertical, Pin, Star, User, Users } from "lucide-react";
+import { Avatar, AvatarFallback, AvatarImage } from "../misc/avatar";
+import { Button } from "../misc/button";
+import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger } from "../misc/dropdown-menu";
+import { cn } from "@myrjfa/state/dist/lib/utils";
+import { chatActorKey, isSameChatActor, } from "@myrjfa/state/dist/lib/models/chat";
+export function ConversationList({ conversations, activeConversation, onSelect, currentUserId, currentActorModel, onlineUsers = new Set(), typingUsers = new Map(), onPreferenceChange, }) {
+    function getDisplayName(conv) {
+        if (conv.type === "group")
+            return conv.name || "Group Chat";
+        const other = conv.participants.find((p) => !isSameChatActor(p, { actorId: currentUserId, actorModel: currentActorModel }));
+        return (other === null || other === void 0 ? void 0 : other.displayName) || (other === null || other === void 0 ? void 0 : other.username) || "Trippeaze member";
+    }
+    function getDisplayImage(conv) {
+        if (conv.type === "group")
+            return conv.image || "";
+        const other = conv.participants.find((p) => !isSameChatActor(p, { actorId: currentUserId, actorModel: currentActorModel }));
+        return (other === null || other === void 0 ? void 0 : other.profilePic) || "";
+    }
+    // Identify the "other" user for avatar
+    function getOtherParticipant(conv) {
+        if (conv.type === "group")
+            return null;
+        return conv.participants.find((p) => !isSameChatActor(p, { actorId: currentUserId, actorModel: currentActorModel }));
+    }
+    function isOtherOnline(conv) {
+        if (conv.type !== "individual")
+            return false;
+        const other = getOtherParticipant(conv);
+        return other ? onlineUsers.has(chatActorKey(other)) : false;
+    }
+    function formatTime(dateStr) {
+        if (!dateStr)
+            return "";
+        const date = new Date(dateStr);
+        const now = new Date();
+        const diff = now.getTime() - date.getTime();
+        if (diff < 60000)
+            return "Just now";
+        if (diff < 3600000)
+            return `${Math.floor(diff / 60000)}m`;
+        if (diff < 86400000)
+            return date.toLocaleTimeString([], { hour: "2-digit", minute: "2-digit" });
+        return date.toLocaleDateString([], { month: "short", day: "numeric" });
+    }
+    function getTypingText(convId) {
+        const users = typingUsers.get(convId);
+        if (!users || users.length === 0)
+            return null;
+        if (users.length === 1)
+            return "typing...";
+        return `${users.length} people typing...`;
+    }
+    if (conversations.length === 0) {
+        return (_jsxs("div", { className: "flex flex-col items-center justify-center h-full text-gray-400 p-8", children: [_jsx(MessageCircle, { className: "w-16 h-16 mb-4 opacity-30" }), _jsx("p", { className: "text-lg font-medium", children: "No conversations yet" }), _jsx("p", { className: "text-sm mt-1", children: "Open a profile, booking, or listing to start one" })] }));
+    }
+    return (_jsx("div", { className: "flex-1 overflow-y-auto", children: conversations.map((conv) => {
+            var _a, _b;
+            const isActive = (activeConversation === null || activeConversation === void 0 ? void 0 : activeConversation._id) === conv._id;
+            const typing = getTypingText(conv._id);
+            const isOnline = isOtherOnline(conv);
+            const participant = conv.participants.find((p) => isSameChatActor(p, { actorId: currentUserId, actorModel: currentActorModel }));
+            const totalUnread = Math.max((participant === null || participant === void 0 ? void 0 : participant.unreadCount) || 0, conv.preference.markedUnreadAt ? 1 : 0);
+            return (_jsxs(ConversationRow, { conversation: conv, isActive: isActive, onSelect: () => onSelect(conv), onPreferenceChange: onPreferenceChange, children: [_jsxs("div", { className: "relative", children: [_jsxs(Avatar, { children: [_jsx(AvatarImage, { src: getDisplayImage(conv) }), _jsx(AvatarFallback, { className: conv.type === "group" ? "bg-indigo-100 text-indigo-600" : "bg-teal-100 text-teal-600", children: conv.type === "group" ? _jsx(Users, { className: "w-4 h-4" }) : _jsx(User, { className: "w-4 h-4" }) })] }), isOnline && (_jsx("span", { className: "absolute bottom-0 right-0 w-3 h-3 bg-green-500 border-2 border-white dark:border-gray-900 rounded-full" }))] }), _jsxs("div", { className: "flex-1 min-w-0 text-left", children: [_jsxs("div", { className: "flex items-center justify-between", children: [_jsx("span", { className: "font-semibold text-gray-900 dark:text-gray-100 truncate text-sm", children: getDisplayName(conv) }), _jsxs("div", { className: "flex items-center gap-1 text-gray-400", children: [conv.preference.pinnedAt && _jsx(Pin, { className: "h-3 w-3 fill-current" }), conv.preference.favouritedAt && _jsx(Star, { className: "h-3 w-3 fill-current text-amber-500" }), conv.preference.mutedUntil && new Date(conv.preference.mutedUntil) > new Date() && _jsx(BellOff, { className: "h-3 w-3" }), _jsx("span", { className: "text-xs ml-1 whitespace-nowrap", children: formatTime((_a = conv.lastMessage) === null || _a === void 0 ? void 0 : _a.sentAt) })] })] }), _jsxs("div", { className: "flex items-center justify-between gap-2", children: [_jsx("p", { className: "text-xs text-gray-500 dark:text-gray-400 truncate mt-0.5 flex-1", children: typing ? (_jsx("span", { className: "text-indigo-500 italic", children: typing })) : (conv.preference.draftText
+                                            ? _jsxs(_Fragment, { children: [_jsx("span", { className: "font-medium text-teal-600", children: "Draft: " }), conv.preference.draftText] })
+                                            : ((_b = conv.lastMessage) === null || _b === void 0 ? void 0 : _b.text) || "No messages yet") }), totalUnread > 0 && (_jsx("div", { className: "flex gap-1 items-center shrink-0 mt-0.5", children: _jsx("span", { className: "bg-indigo-600 text-white text-[10px] font-bold px-1.5 py-0.5 rounded-full min-w-[20px] text-center shadow-sm", children: totalUnread }) }))] })] })] }, conv._id));
+        }) }));
+}
+function ConversationRow({ conversation, isActive, onSelect, onPreferenceChange, children, }) {
+    const [menuOpen, setMenuOpen] = useState(false);
+    const longPressRef = useRef(null);
+    const clearLongPress = () => {
+        if (longPressRef.current)
+            clearTimeout(longPressRef.current);
+        longPressRef.current = null;
+    };
+    useEffect(() => clearLongPress, []);
+    const pref = conversation.preference;
+    const isMuted = Boolean(pref.mutedUntil && new Date(pref.mutedUntil) > new Date());
+    const act = (changes) => {
+        void (onPreferenceChange === null || onPreferenceChange === void 0 ? void 0 : onPreferenceChange(conversation, changes));
+        setMenuOpen(false);
+    };
+    return (_jsxs("div", { className: cn("group flex w-full items-center border-b border-l-4 border-gray-100 transition-colors dark:border-gray-800", isActive
+            ? "border-l-indigo-500 bg-indigo-50 dark:bg-indigo-950/30"
+            : "border-l-transparent hover:bg-gray-50 dark:hover:bg-gray-800/50"), onContextMenu: (event) => {
+            event.preventDefault();
+            setMenuOpen(true);
+        }, onPointerDown: () => {
+            longPressRef.current = setTimeout(() => setMenuOpen(true), 550);
+        }, onPointerUp: clearLongPress, onPointerCancel: clearLongPress, onPointerLeave: clearLongPress, children: [_jsx("button", { className: "flex min-w-0 flex-1 items-center gap-3 p-4", onClick: onSelect, children: children }), _jsxs(DropdownMenu, { open: menuOpen, onOpenChange: setMenuOpen, children: [_jsx(DropdownMenuTrigger, { asChild: true, children: _jsx(Button, { variant: "ghost", size: "icon", "aria-label": "Conversation options", className: "mr-2 shrink-0 opacity-70 md:opacity-0 md:group-hover:opacity-100", children: _jsx(MoreVertical, { className: "h-4 w-4" }) }) }), _jsxs(DropdownMenuContent, { align: "end", className: "w-48", children: [_jsxs(DropdownMenuItem, { onClick: () => act({ pinned: !pref.pinnedAt }), children: [_jsx(Pin, { className: "mr-2 h-4 w-4" }), pref.pinnedAt ? "Unpin chat" : "Pin chat"] }), _jsxs(DropdownMenuItem, { onClick: () => act({ favourited: !pref.favouritedAt }), children: [_jsx(Star, { className: "mr-2 h-4 w-4" }), pref.favouritedAt ? "Remove favourite" : "Add to favourites"] }), _jsxs(DropdownMenuItem, { onClick: () => act({ mutedUntil: isMuted ? null : new Date(Date.now() + 8 * 60 * 60 * 1000).toISOString() }), children: [_jsx(BellOff, { className: "mr-2 h-4 w-4" }), isMuted ? "Unmute" : "Mute for 8 hours"] }), _jsxs(DropdownMenuItem, { onClick: () => act({ markedUnread: true }), children: [_jsx(MessageCircle, { className: "mr-2 h-4 w-4" }), "Mark as unread"] }), _jsxs(DropdownMenuItem, { onClick: () => act({ archived: !pref.archivedAt }), children: [_jsx(Archive, { className: "mr-2 h-4 w-4" }), pref.archivedAt ? "Unarchive" : "Archive chat"] })] })] })] }));
+}

package/dist/chat/EventPanel.d.ts

@@ -0,0 +1,11 @@
+import { type ChatActorModel } from "@myrjfa/state/dist/lib/models/chat";
+interface EventPanelProps {
+    conversationId: string;
+    currentUserId: string;
+    currentActorModel: ChatActorModel;
+    isAdmin?: boolean;
+    isFullScreen?: boolean;
+}
+export declare function EventPanel({ conversationId, currentUserId, currentActorModel, isAdmin, }: EventPanelProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=EventPanel.d.ts.map

package/dist/chat/EventPanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EventPanel.d.ts","sourceRoot":"","sources":["../../src/chat/EventPanel.tsx"],"names":[],"mappings":"AAMA,OAAO,EAEH,KAAK,cAAc,EAEtB,MAAM,oCAAoC,CAAC;AAM5C,UAAU,eAAe;IACrB,cAAc,EAAE,MAAM,CAAC;IACvB,aAAa,EAAE,MAAM,CAAC;IACtB,iBAAiB,EAAE,cAAc,CAAC;IAClC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,YAAY,CAAC,EAAE,OAAO,CAAC;CAC1B;AAED,wBAAgB,UAAU,CAAC,EACvB,cAAc,EACd,aAAa,EACb,iBAAiB,EACjB,OAAO,GACV,EAAE,eAAe,2CA8IjB"}

package/dist/chat/EventPanel.js

@@ -0,0 +1,76 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback, useEffect, useState } from "react";
+import { CalendarDays, Check, Clock3, Download, MapPin, MoreVertical, Pencil, Plus, Trash2, Users } from "lucide-react";
+import { chatApi } from "@myrjfa/state/dist/lib/actions/chat";
+import { useChatContext } from "@myrjfa/state/dist/lib/context/ChatContext";
+import { isSameChatActor, } from "@myrjfa/state/dist/lib/models/chat";
+import { Button } from "../misc/button";
+import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger } from "../misc/dropdown-menu";
+import { showAlert } from "../misc/alertdialogclaude";
+import { CreateEventDialog } from "./dialogs/CreateEventDialog";
+export function EventPanel({ conversationId, currentUserId, currentActorModel, isAdmin, }) {
+    const { eventRevision } = useChatContext();
+    const [events, setEvents] = useState([]);
+    const [loading, setLoading] = useState(true);
+    const [dialogOpen, setDialogOpen] = useState(false);
+    const [editing, setEditing] = useState(null);
+    const currentActor = { actorId: currentUserId, actorModel: currentActorModel };
+    const load = useCallback(async () => {
+        setLoading(true);
+        try {
+            setEvents(await chatApi.getEvents(conversationId));
+        }
+        finally {
+            setLoading(false);
+        }
+    }, [conversationId]);
+    useEffect(() => {
+        void load();
+    }, [eventRevision, load]);
+    const save = async (data) => {
+        if (editing)
+            await chatApi.updateEvent(editing._id, data);
+        else
+            await chatApi.createEvent(conversationId, data);
+        setEditing(null);
+        await load();
+    };
+    const remove = async (event) => {
+        let confirmed = false;
+        await showAlert(`Delete “${event.title}”?`, "Delete event", [
+            { label: "Cancel", variant: "outline", icon: _jsx(CalendarDays, { className: "h-4 w-4" }), action: () => undefined },
+            { label: "Delete", variant: "destructive", icon: _jsx(Trash2, { className: "h-4 w-4" }), action: () => { confirmed = true; } },
+        ]);
+        if (!confirmed)
+            return;
+        await chatApi.deleteEvent(event._id);
+        await load();
+    };
+    const rsvp = async (event, status) => {
+        await chatApi.rsvpEvent(event._id, status);
+        await load();
+    };
+    const downloadCalendar = async (event) => {
+        const base = process.env.NEXT_PUBLIC_API_URL || "";
+        const response = await fetch(`${base}/chat/events/${event._id}/calendar`, { credentials: "include" });
+        if (!response.ok) {
+            await showAlert("Could not export this event.", "Calendar export");
+            return;
+        }
+        const blob = await response.blob();
+        const url = URL.createObjectURL(blob);
+        const anchor = document.createElement("a");
+        anchor.href = url;
+        anchor.download = `${event.title.replace(/[^a-z0-9]+/gi, "-") || "trippeaze-event"}.ics`;
+        anchor.click();
+        URL.revokeObjectURL(url);
+    };
+    return (_jsxs("div", { className: "flex h-full min-h-0 flex-col bg-white dark:bg-gray-900", children: [_jsxs("div", { className: "flex items-center justify-between border-b px-4 py-3", children: [_jsxs("div", { children: [_jsx("h3", { className: "font-semibold text-slate-900 dark:text-white", children: "Trip events" }), _jsx("p", { className: "text-xs text-slate-500", children: "Plans, RSVPs and reminders in one place" })] }), _jsxs(Button, { size: "sm", onClick: () => { setEditing(null); setDialogOpen(true); }, children: [_jsx(Plus, { className: "mr-1 h-4 w-4" }), " Add"] })] }), _jsx("div", { className: "min-h-0 flex-1 space-y-3 overflow-y-auto p-3", children: loading ? (_jsx("div", { className: "flex h-40 items-center justify-center", children: _jsx("div", { className: "h-7 w-7 animate-spin rounded-full border-4 border-teal-500 border-t-transparent" }) })) : events.length === 0 ? (_jsxs("div", { className: "flex h-full min-h-56 flex-col items-center justify-center px-5 text-center", children: [_jsx("div", { className: "mb-3 rounded-full bg-teal-50 p-4 text-teal-600", children: _jsx(CalendarDays, { className: "h-8 w-8" }) }), _jsx("p", { className: "font-semibold text-slate-800", children: "No trip events yet" }), _jsx("p", { className: "mt-1 text-sm text-slate-500", children: "Create pickups, meetups and activities so everyone can RSVP." })] })) : events.map((event) => {
+                    var _a, _b;
+                    const ownRsvp = event.rsvps.find((entry) => isSameChatActor(entry, currentActor));
+                    const canEdit = isAdmin || isSameChatActor(event.createdBy, currentActor);
+                    return (_jsxs("article", { className: "rounded-2xl border border-slate-200 bg-white p-3 shadow-sm dark:border-slate-700 dark:bg-slate-900", children: [_jsxs("div", { className: "flex items-start gap-3", children: [_jsx("div", { className: "rounded-xl bg-teal-50 p-2 text-teal-700", children: _jsx(CalendarDays, { className: "h-5 w-5" }) }), _jsxs("div", { className: "min-w-0 flex-1", children: [_jsxs("div", { className: "flex items-start justify-between gap-2", children: [_jsxs("div", { children: [_jsx("h4", { className: "font-semibold text-slate-900 dark:text-white", children: event.title }), _jsxs("p", { className: "mt-0.5 flex items-center gap-1 text-xs text-slate-500", children: [_jsx(Clock3, { className: "h-3.5 w-3.5" }), new Date(event.startsAt).toLocaleString([], { dateStyle: "medium", timeStyle: "short" })] })] }), _jsxs(DropdownMenu, { children: [_jsx(DropdownMenuTrigger, { asChild: true, children: _jsx(Button, { variant: "ghost", size: "icon", className: "h-8 w-8", children: _jsx(MoreVertical, { className: "h-4 w-4" }) }) }), _jsxs(DropdownMenuContent, { align: "end", children: [_jsxs(DropdownMenuItem, { onClick: () => void downloadCalendar(event), children: [_jsx(Download, { className: "mr-2 h-4 w-4" }), "Add to calendar"] }), canEdit && _jsxs(DropdownMenuItem, { onClick: () => { setEditing(event); setDialogOpen(true); }, children: [_jsx(Pencil, { className: "mr-2 h-4 w-4" }), "Edit event"] }), canEdit && _jsxs(DropdownMenuItem, { className: "text-red-600", onClick: () => void remove(event), children: [_jsx(Trash2, { className: "mr-2 h-4 w-4" }), "Delete event"] })] })] })] }), event.description && _jsx("p", { className: "mt-2 text-sm text-slate-600 dark:text-slate-300", children: event.description }), (((_a = event.location) === null || _a === void 0 ? void 0 : _a.label) || ((_b = event.location) === null || _b === void 0 ? void 0 : _b.url)) && (_jsxs("a", { href: event.location.url || undefined, target: "_blank", rel: "noreferrer", className: "mt-2 flex items-center gap-1 text-sm text-teal-700 hover:underline", children: [_jsx(MapPin, { className: "h-4 w-4" }), " ", event.location.label || "View location"] }))] })] }), _jsxs("div", { className: "mt-3 flex items-center justify-between border-t pt-3", children: [_jsxs("span", { className: "flex items-center gap-1 text-xs text-slate-500", children: [_jsx(Users, { className: "h-3.5 w-3.5" }), event.rsvps.filter((entry) => entry.status === "going").length, " going"] }), _jsx("div", { className: "flex gap-1", children: ["going", "maybe", "not_going"].map((status) => (_jsxs(Button, { size: "sm", variant: (ownRsvp === null || ownRsvp === void 0 ? void 0 : ownRsvp.status) === status ? "default" : "outline", className: "h-8 px-2 text-xs", onClick: () => void rsvp(event, status), children: [status === "going" && _jsx(Check, { className: "mr-1 h-3.5 w-3.5" }), status === "not_going" ? "Can't go" : status.charAt(0).toUpperCase() + status.slice(1)] }, status))) })] })] }, event._id));
+                }) }), _jsx(CreateEventDialog, { open: dialogOpen, onOpenChange: (open) => { setDialogOpen(open); if (!open)
+                    setEditing(null); }, event: editing, onSave: save })] }));
+}

package/dist/chat/ExpensePanel.d.ts

@@ -0,0 +1,14 @@
+import { type ChatActorModel, type Conversation } from "@myrjfa/state/dist/lib/models/chat";
+interface ExpensePanelProps {
+    conversationId: string;
+    currentUserId: string;
+    currentActorModel: ChatActorModel;
+    participants: Conversation["participants"];
+    isFullScreen?: boolean;
+    isFeatureEnabled?: boolean;
+    isAdmin?: boolean;
+    onEnableFeature?: () => void;
+}
+export declare function ExpensePanel({ conversationId, currentUserId, currentActorModel, participants, isFullScreen, isFeatureEnabled, isAdmin, onEnableFeature }: ExpensePanelProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=ExpensePanel.d.ts.map

package/dist/chat/ExpensePanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExpensePanel.d.ts","sourceRoot":"","sources":["../../src/chat/ExpensePanel.tsx"],"names":[],"mappings":"AAIA,OAAO,EAGH,KAAK,cAAc,EAEnB,KAAK,YAAY,EAKpB,MAAM,oCAAoC,CAAC;AAe5C,UAAU,iBAAiB;IACvB,cAAc,EAAE,MAAM,CAAC;IACvB,aAAa,EAAE,MAAM,CAAC;IACtB,iBAAiB,EAAE,cAAc,CAAC;IAClC,YAAY,EAAE,YAAY,CAAC,cAAc,CAAC,CAAC;IAC3C,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;CAChC;AAED,wBAAgB,YAAY,CAAC,EACzB,cAAc,EACd,aAAa,EACb,iBAAiB,EACjB,YAAY,EACZ,YAAoB,EACpB,gBAAwB,EACxB,OAAe,EACf,eAAe,EAClB,EAAE,iBAAiB,2CAk6BnB"}