@myrjfa/ui 0.3.1

package/dist/chat/dialogs/NewGroupDialog.js

@@ -0,0 +1,44 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useMemo } from "react";
+import { Dialog, DialogContent, DialogHeader, DialogTitle, DialogTrigger } from "../../misc/dialog";
+import { Button } from "../../misc/button";
+import { Input } from "../../misc/input";
+import { Users } from "lucide-react";
+import { chatApi } from "@myrjfa/state/dist/lib/actions/chat";
+import { useRouter } from "next/navigation";
+import { AddMemberDialog } from "./AddMemberDialog";
+import { getCurrencies } from "@myrjfa/state/dist/lib/data/countryStates";
+export function NewGroupDialog() {
+    const [open, setOpen] = useState(false);
+    const [groupName, setGroupName] = useState("");
+    const [selectedUsers, setSelectedUsers] = useState([]);
+    const [selectedCurrency, setSelectedCurrency] = useState("INR");
+    const [creating, setCreating] = useState(false);
+    const router = useRouter();
+    // Get unique currencies and format them
+    const currencies = useMemo(() => {
+        const allCurrencies = getCurrencies();
+        return allCurrencies.map(currency => currency.toUpperCase()).sort();
+    }, []);
+    async function createGroup() {
+        if (!groupName.trim() || selectedUsers.length === 0)
+            return;
+        setCreating(true);
+        try {
+            const conversation = await chatApi.createGroup({
+                name: groupName.trim(),
+                currency: selectedCurrency,
+                participantIds: selectedUsers.map((user) => ({ actorId: user.actorId, actorModel: user.actorModel })),
+            });
+            if (conversation) {
+                setOpen(false);
+                router.push(`/chat?id=${conversation._id}`);
+            }
+        }
+        finally {
+            setCreating(false);
+        }
+    }
+    return (_jsxs(Dialog, { open: open, onOpenChange: setOpen, children: [_jsx(DialogTrigger, { asChild: true, children: _jsxs("div", { className: "flex-1 flex items-center justify-center gap-2 py-2.5 bg-purple-50 dark:bg-purple-950/30 text-purple-600 dark:text-purple-400 rounded-xl text-sm font-medium hover:bg-purple-100 dark:hover:bg-purple-950/50 transition-colors cursor-pointer", children: [_jsx(Users, { className: "w-4 h-4" }), "New Group"] }) }), _jsxs(DialogContent, { className: "sm:max-w-[500px] mt-15", children: [_jsx(DialogHeader, { children: _jsx(DialogTitle, { children: "New Group Chat" }) }), _jsxs("div", { className: "flex flex-col gap-4 py-4", children: [_jsxs("div", { className: "space-y-4", children: [_jsxs("div", { className: "space-y-2", children: [_jsx("label", { className: "text-sm font-medium", children: "Group Name" }), _jsx(Input, { placeholder: "Group Name", value: groupName, onChange: (e) => setGroupName(e.target.value) })] }), _jsxs("div", { className: "space-y-2", children: [_jsx("label", { className: "text-sm font-medium", children: "Expense Currency" }), _jsxs("select", { value: selectedCurrency, onChange: (e) => setSelectedCurrency(e.target.value), className: "w-full px-3 py-2 border border-gray-300 dark:border-gray-600 rounded-lg bg-white dark:bg-gray-800 text-gray-900 dark:text-white outline-none focus:border-purple-500 focus:ring-1 focus:ring-purple-500 transition-colors", children: [_jsx("option", { value: "", children: "Select Currency" }), currencies.map((currency) => (_jsx("option", { value: currency, children: currency }, currency)))] }), _jsx("p", { className: "text-xs text-gray-500", children: "This currency will be used for all expense tracking in this group" })] }), _jsx(AddMemberDialog, { selectedUsers: selectedUsers, setSelectedUsers: setSelectedUsers })] }), _jsx("div", { className: "flex justify-end pt-4", children: _jsx(Button, { onClick: createGroup, variant: "default", loading: creating, autoLoading: false, disabled: creating || !groupName || selectedUsers.length === 0 || !selectedCurrency, children: "Create Group" }) })] })] })] }));
+}

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

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

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

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

package/dist/chat/dialogs/ParticipantsDialog.js

@@ -0,0 +1,134 @@
+"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 { Button } from "../../misc/button";
+import { Avatar, AvatarFallback, AvatarImage } from "../../misc/avatar";
+import { Search, UserPlus, UserMinus, Shield, ShieldCheck, Link2, Copy, Check, X, Clock3, MoreVertical } from "lucide-react";
+import { chatApi } from "@myrjfa/state/dist/lib/actions/chat";
+import { chatActorKey, isSameChatActor, } from "@myrjfa/state/dist/lib/models/chat";
+import { Input } from "../../misc/input";
+import { Badge } from "../../misc/badge";
+import { AddMemberDialog } from "./AddMemberDialog";
+import { confirmActions, showAlert } from "../../misc/alertdialogclaude";
+import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger } from "../../misc/dropdown-menu";
+export function ParticipantsDialog({ open, onOpenChange, conversation, currentUserId, currentActorModel, onUpdate }) {
+    var _a, _b;
+    const [search, setSearch] = useState("");
+    const [selectedUsers, setSelectedUsers] = useState([]);
+    const [participants, setParticipants] = useState(conversation.participants || []);
+    const [joinRequests, setJoinRequests] = useState([]);
+    const [creatingInvite, setCreatingInvite] = useState(false);
+    const currentActor = { actorId: currentUserId, actorModel: currentActorModel };
+    const isAdmin = ((_a = participants.find((participant) => isSameChatActor(participant, currentActor))) === null || _a === void 0 ? void 0 : _a.chatRole) === "admin";
+    const participantLabel = (participant) => participant.displayName || participant.username || "Trippeaze member";
+    useEffect(() => {
+        setParticipants(conversation.participants || []);
+    }, [conversation.participants]);
+    useEffect(() => {
+        if (!open || !isAdmin)
+            return;
+        void chatApi.getGroupJoinRequests(conversation._id).then(setJoinRequests);
+    }, [conversation._id, isAdmin, open]);
+    // Filter participants based on search query
+    const filteredParticipants = participants.filter(p => {
+        var _a;
+        return participantLabel(p).toLowerCase().includes(search.toLowerCase()) ||
+            ((_a = p.username) === null || _a === void 0 ? void 0 : _a.toLowerCase().includes(search.toLowerCase())) ||
+            p.accountType.toLowerCase().includes(search.toLowerCase());
+    });
+    const handleRemoveMember = async (actorId, actorModel) => {
+        let confirmRemove = true;
+        await showAlert("Are you sure you want to remove this member?", undefined, confirmActions(() => confirmRemove = false));
+        if (!confirmRemove)
+            return;
+        if (confirmRemove) {
+            try {
+                const res = await chatApi.removeParticipant(conversation._id, actorId, actorModel);
+                if (res) {
+                    setParticipants(participants.filter((participant) => !isSameChatActor(participant, { actorId, actorModel })));
+                    onUpdate();
+                }
+            }
+            catch (err) {
+                console.error("Failed to remove member:", err);
+                await showAlert("Failed to remove member");
+            }
+        }
+    };
+    function handleCancel() {
+        setSelectedUsers([]);
+        onOpenChange(false);
+    }
+    const handleToggleAdmin = async (actorId, actorModel, currentRole) => {
+        const newRole = currentRole === "admin" ? "member" : "admin";
+        const actionText = newRole === "admin" ? "make admin" : "remove admin privileges from";
+        let confirmChange = true;
+        await showAlert(`Are you sure you want to ${actionText} this user?`, undefined, confirmActions(() => confirmChange = false));
+        if (confirmChange) {
+            try {
+                const res = await chatApi.updateParticipant(conversation._id, actorId, actorModel, { chatRole: newRole });
+                if (res) {
+                    setParticipants(participants.map((participant) => isSameChatActor(participant, { actorId, actorModel })
+                        ? { ...participant, chatRole: newRole }
+                        : participant));
+                    onUpdate();
+                }
+            }
+            catch (err) {
+                console.error(`Failed to update user role:`, err);
+                await showAlert("Failed to update user role");
+            }
+        }
+    };
+    const handleMembersSelected = async () => {
+        try {
+            const res = await chatApi.addParticipants(conversation._id, selectedUsers.map(({ actorId, actorModel }) => ({ actorId, actorModel })));
+            if (res) {
+                setParticipants(res.participants);
+                onUpdate();
+            }
+            else {
+                throw new Error("Could not add group members");
+            }
+        }
+        catch (err) {
+            console.error("Failed to add members:", err);
+            await showAlert("Failed to add members");
+        }
+        finally {
+            setSelectedUsers([]);
+        }
+    };
+    const createInvite = async () => {
+        var _a;
+        setCreatingInvite(true);
+        try {
+            const invite = await chatApi.createGroupInvite(conversation._id, {
+                approvalRequired: Boolean((_a = conversation.groupSettings) === null || _a === void 0 ? void 0 : _a.joinApprovalRequired),
+                expiresAt: new Date(Date.now() + 7 * 24 * 60 * 60 * 1000).toISOString(),
+            });
+            const link = `${window.location.origin}/chat?join=${encodeURIComponent(invite.token || "")}`;
+            await navigator.clipboard.writeText(link);
+            await showAlert("A seven-day group invite was copied to your clipboard.", "Invite ready");
+        }
+        finally {
+            setCreatingInvite(false);
+        }
+    };
+    const reviewRequest = async (requestId, status) => {
+        await chatApi.reviewGroupJoinRequest(requestId, status);
+        setJoinRequests((current) => current.filter((request) => request._id !== requestId));
+        onUpdate();
+    };
+    const setRestriction = async (participant, hours) => {
+        const updated = await chatApi.restrictParticipant(conversation._id, participant.actorId, participant.actorModel, hours ? new Date(Date.now() + hours * 60 * 60 * 1000).toISOString() : null);
+        if (updated) {
+            setParticipants(updated.participants);
+            onUpdate();
+        }
+    };
+    return (_jsx(Dialog, { open: open, onOpenChange: onOpenChange, children: _jsxs(DialogContent, { className: "sm:max-w-[500px]", children: [_jsx(DialogHeader, { children: _jsx(DialogTitle, { children: isAdmin ? "Manage Participants" : "Group Members" }) }), _jsxs("div", { className: "space-y-4 py-4", children: [_jsxs("div", { className: "relative", children: [_jsx(Search, { className: "absolute left-3 top-3 w-4 h-4 text-gray-400" }), _jsx(Input, { value: search, onChange: (e) => setSearch(e.target.value), placeholder: "Search members by name or role..." })] }), isAdmin && (_jsxs("div", { className: "flex items-center justify-between rounded-xl border border-teal-100 bg-teal-50/70 p-3", children: [_jsxs("div", { children: [_jsxs("p", { className: "flex items-center gap-2 text-sm font-medium text-teal-900", children: [_jsx(Link2, { className: "h-4 w-4" }), "Invite with link"] }), _jsxs("p", { className: "text-xs text-teal-700", children: ["Expires in 7 days", ((_b = conversation.groupSettings) === null || _b === void 0 ? void 0 : _b.joinApprovalRequired) ? " · approval required" : ""] })] }), _jsxs(Button, { size: "sm", variant: "outline", onClick: () => void createInvite(), disabled: creatingInvite, children: [_jsx(Copy, { className: "mr-1 h-4 w-4" }), creatingInvite ? "Creating..." : "Copy link"] })] })), isAdmin && joinRequests.length > 0 && (_jsxs("div", { className: "space-y-2 rounded-xl border border-amber-200 bg-amber-50/60 p-3", children: [_jsxs("p", { className: "flex items-center gap-2 text-sm font-medium text-amber-900", children: [_jsx(Clock3, { className: "h-4 w-4" }), "Pending requests (", joinRequests.length, ")"] }), joinRequests.map((request) => (_jsxs("div", { className: "flex items-center justify-between rounded-lg bg-white px-3 py-2 text-sm", children: [_jsx("span", { children: request.actor.displayName || request.actor.username || "Trippeaze member" }), _jsxs("div", { className: "flex gap-1", children: [_jsx(Button, { size: "icon", className: "h-8 w-8", onClick: () => void reviewRequest(request._id, "approved"), "aria-label": "Approve join request", children: _jsx(Check, { className: "h-4 w-4" }) }), _jsx(Button, { size: "icon", variant: "outline", className: "h-8 w-8 text-red-600", onClick: () => void reviewRequest(request._id, "rejected"), "aria-label": "Reject join request", children: _jsx(X, { className: "h-4 w-4" }) })] })] }, request._id)))] })), _jsxs("div", { className: "max-h-64 overflow-y-auto space-y-2 pr-2 custom-scrollbar border rounded-lg p-3 bg-gray-50 dark:bg-gray-900/30", children: [_jsxs("p", { className: "text-[10px] font-bold text-gray-400 uppercase tracking-widest pl-1 sticky top-0", children: [isAdmin ? "Manage Members" : "Members", " (", filteredParticipants.length, ")"] }), filteredParticipants.map((p) => (_jsxs("div", { className: "flex items-center justify-between p-2 rounded-xl hover:bg-gray-100 dark:hover:bg-gray-800/70 transition-colors", children: [_jsxs("div", { className: "flex items-center gap-3", children: [_jsxs(Avatar, { className: "w-8 h-8", children: [_jsx(AvatarImage, { src: p.profilePic }), _jsx(AvatarFallback, { className: "bg-indigo-100 text-indigo-600 text-xs", children: participantLabel(p).charAt(0).toUpperCase() })] }), _jsxs("div", { children: [_jsxs("p", { className: "text-sm font-medium text-gray-900 dark:text-white flex items-center gap-1", children: [participantLabel(p), p.chatRole === "admin" && _jsx(ShieldCheck, { className: "w-3 h-3 text-indigo-500" }), isSameChatActor(p, currentActor) && _jsx(Badge, { variant: "secondary", className: "text-[10px] px-1.5 py-0.5 ml-1", children: "You" })] }), _jsx("p", { className: "text-[10px] text-gray-400 capitalize", children: p.accountType })] })] }), isAdmin && !isSameChatActor(p, currentActor) && (_jsxs("div", { className: "flex items-center gap-1", children: [_jsx(Button, { variant: "ghost", size: "icon", className: `${p.chatRole === "admin"
+                                                        ? "text-yellow-500 hover:text-yellow-600 hover:bg-yellow-50 dark:hover:bg-yellow-900/20"
+                                                        : "text-blue-400 hover:text-blue-500 hover:bg-blue-50 dark:hover:bg-blue-900/20"}`, onClick: () => handleToggleAdmin(p.actorId, p.actorModel, p.chatRole), title: p.chatRole === "admin" ? "Remove admin" : "Make admin", children: p.chatRole === "admin" ? (_jsx(ShieldCheck, { className: "w-4 h-4" })) : (_jsx(Shield, { className: "w-4 h-4" })) }), _jsxs(DropdownMenu, { children: [_jsx(DropdownMenuTrigger, { asChild: true, children: _jsx(Button, { variant: "ghost", size: "icon", title: "Moderation options", children: _jsx(MoreVertical, { className: "h-4 w-4" }) }) }), _jsxs(DropdownMenuContent, { align: "end", children: [_jsx(DropdownMenuItem, { onClick: () => void setRestriction(p, 24), children: "Restrict messages for 24 hours" }), p.restrictedUntil && _jsx(DropdownMenuItem, { onClick: () => void setRestriction(p, null), children: "Remove message restriction" })] })] }), _jsx(Button, { variant: "ghost", size: "icon", className: "text-red-400 hover:text-red-500 hover:bg-red-50 dark:hover:bg-red-900/20", onClick: () => handleRemoveMember(p.actorId, p.actorModel), title: "Remove member", children: _jsx(UserMinus, { className: "w-4 h-4" }) })] }))] }, chatActorKey(p))))] }), isAdmin && (_jsxs("div", { className: "border-t pt-4", children: [_jsxs("p", { className: "text-sm font-medium mb-3 flex items-center gap-2", children: [_jsx(UserPlus, { className: "w-4 h-4" }), "Add New Members"] }), _jsx(AddMemberDialog, { selectedUsers: selectedUsers, setSelectedUsers: setSelectedUsers }), _jsxs("div", { className: "flex justify-end gap-2 pt-2", children: [_jsx(Button, { variant: "outline", onClick: handleCancel, children: "Cancel" }), _jsx(Button, { onClick: handleMembersSelected, disabled: selectedUsers.length === 0, children: "Add Members" })] })] }))] })] }) }));
+}

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

@@ -0,0 +1,12 @@
+import { type ChatActorModel, type Participant } from "@myrjfa/state/dist/lib/models/chat";
+export declare function PayAndSplitDialog({ open, onOpenChange, conversationId, currency, participants, currentUserId, currentActorModel, onCompleted, }: {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    conversationId: string;
+    currency: string;
+    participants: Participant[];
+    currentUserId: string;
+    currentActorModel: ChatActorModel;
+    onCompleted?: () => void;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=PayAndSplitDialog.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PayAndSplitDialog.d.ts","sourceRoot":"","sources":["../../../src/chat/dialogs/PayAndSplitDialog.tsx"],"names":[],"mappings":"AAKA,OAAO,EAEH,KAAK,cAAc,EAEnB,KAAK,WAAW,EACnB,MAAM,oCAAoC,CAAC;AAe5C,wBAAgB,iBAAiB,CAAC,EAC9B,IAAI,EACJ,YAAY,EACZ,cAAc,EACd,QAAQ,EACR,YAAY,EACZ,aAAa,EACb,iBAAiB,EACjB,WAAW,GACd,EAAE;IACC,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,cAAc,EAAE,MAAM,CAAC;IACvB,QAAQ,EAAE,MAAM,CAAC;IACjB,YAAY,EAAE,WAAW,EAAE,CAAC;IAC5B,aAAa,EAAE,MAAM,CAAC;IACtB,iBAAiB,EAAE,cAAc,CAAC;IAClC,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;CAC5B,2CA8JA"}

package/dist/chat/dialogs/PayAndSplitDialog.js

@@ -0,0 +1,124 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useMemo, useState } from "react";
+import { IndianRupee, ShieldCheck, Users } from "lucide-react";
+import { chatApi } from "@myrjfa/state/dist/lib/actions/chat";
+import { isSameChatActor, } from "@myrjfa/state/dist/lib/models/chat";
+import { Button } from "../../misc/button";
+import { Dialog, DialogContent, DialogHeader, DialogTitle } from "../../misc/dialog";
+import { Input } from "../../misc/input";
+import { showAlert } from "../../misc/alertdialogclaude";
+const loadRazorpay = () => new Promise((resolve) => {
+    if (window.Razorpay)
+        return resolve(true);
+    const script = document.createElement("script");
+    script.src = "https://checkout.razorpay.com/v1/checkout.js";
+    script.onload = () => resolve(true);
+    script.onerror = () => resolve(false);
+    document.body.appendChild(script);
+});
+export function PayAndSplitDialog({ open, onOpenChange, conversationId, currency, participants, currentUserId, currentActorModel, onCompleted, }) {
+    const [title, setTitle] = useState("");
+    const [amount, setAmount] = useState("");
+    const [payeeKey, setPayeeKey] = useState("external");
+    const [externalPayee, setExternalPayee] = useState("");
+    const [externalReference, setExternalReference] = useState("");
+    const [method, setMethod] = useState("external");
+    const [selected, setSelected] = useState([]);
+    const [paymentDetails, setPaymentDetails] = useState(null);
+    const [submitting, setSubmitting] = useState(false);
+    const actorKey = (participant) => `${participant.actorModel}:${participant.actorId}`;
+    const currentActor = { actorId: currentUserId, actorModel: currentActorModel };
+    const payee = participants.find((participant) => actorKey(participant) === payeeKey);
+    useEffect(() => {
+        if (!open)
+            return;
+        setSelected(participants.map(actorKey));
+        setTitle("");
+        setAmount("");
+        setPayeeKey("external");
+        setExternalPayee("");
+        setExternalReference("");
+        setMethod("external");
+        setPaymentDetails(null);
+    }, [open, participants]);
+    useEffect(() => {
+        if (!open || !payee || isSameChatActor(payee, currentActor)) {
+            setPaymentDetails(null);
+            return;
+        }
+        void chatApi.getSharedPaymentDetails(conversationId, payee).then(setPaymentDetails);
+    }, [conversationId, currentActorModel, currentUserId, open, payeeKey]);
+    const splitPreview = useMemo(() => {
+        const value = Number(amount);
+        return selected.length && Number.isFinite(value) ? value / selected.length : 0;
+    }, [amount, selected.length]);
+    const submit = async () => {
+        const value = Number(amount);
+        if (!title.trim() || !Number.isFinite(value) || value <= 0 || !selected.length)
+            return;
+        setSubmitting(true);
+        try {
+            const intent = await chatApi.createPaymentIntent(conversationId, {
+                idempotencyKey: crypto.randomUUID(),
+                title: title.trim(),
+                amount: value,
+                currency,
+                method,
+                payee: payee ? { actorId: payee.actorId, actorModel: payee.actorModel } : undefined,
+                externalPayee: payee ? undefined : { label: externalPayee.trim(), paymentReference: externalReference.trim() },
+                splitType: "equal",
+                splits: participants
+                    .filter((participant) => selected.includes(actorKey(participant)))
+                    .map((participant) => ({ actorId: participant.actorId, actorModel: participant.actorModel })),
+            });
+            if (method === "razorpay") {
+                const loaded = await loadRazorpay();
+                if (!loaded || !intent.razorpayOrderId || !intent.razorpayKeyId)
+                    throw new Error("Razorpay checkout could not be loaded");
+                await new Promise((resolve, reject) => {
+                    var _a;
+                    const checkout = new window.Razorpay({
+                        key: intent.razorpayKeyId,
+                        amount: ((_a = intent.razorpayOrder) === null || _a === void 0 ? void 0 : _a.amount) || Math.round(value * 100),
+                        currency,
+                        order_id: intent.razorpayOrderId,
+                        name: "Trippeaze",
+                        description: title.trim(),
+                        handler: async (response) => {
+                            try {
+                                await chatApi.verifyPaymentIntent(intent._id, response);
+                                resolve();
+                            }
+                            catch (error) {
+                                reject(error);
+                            }
+                        },
+                        modal: { ondismiss: () => reject(new Error("Payment cancelled")) },
+                    });
+                    checkout.open();
+                });
+            }
+            onCompleted === null || onCompleted === void 0 ? void 0 : onCompleted();
+            onOpenChange(false);
+            await showAlert(method === "razorpay"
+                ? "Payment verified and the split expense was created."
+                : payee
+                    ? "Payment reported. The payee must confirm it before the expense is settled."
+                    : "External payment recorded as unverified and added to expenses.", "Pay & Split");
+        }
+        catch (error) {
+            await showAlert(error instanceof Error ? error.message : "Could not create this payment.", "Pay & Split");
+        }
+        finally {
+            setSubmitting(false);
+        }
+    };
+    return (_jsx(Dialog, { open: open, onOpenChange: onOpenChange, children: _jsxs(DialogContent, { className: "w-[calc(100vw-1.5rem)] sm:max-w-[500px]", children: [_jsx(DialogHeader, { children: _jsxs(DialogTitle, { className: "flex items-center gap-2", children: [_jsx(IndianRupee, { className: "h-5 w-5 text-teal-600" }), "Pay & Split"] }) }), _jsxs("div", { className: "max-h-[68vh] space-y-4 overflow-y-auto pr-1", children: [_jsxs("div", { className: "grid grid-cols-[1fr_130px] gap-2", children: [_jsx(Input, { value: title, onChange: (e) => setTitle(e.target.value), placeholder: "What was this payment for?" }), _jsx(Input, { type: "number", min: "0.01", step: "0.01", value: amount, onChange: (e) => setAmount(e.target.value), placeholder: `Amount (${currency})` })] }), _jsxs("div", { className: "space-y-1.5", children: [_jsx("label", { className: "text-sm font-medium", children: "Payee" }), _jsxs("select", { value: payeeKey, onChange: (e) => setPayeeKey(e.target.value), className: "h-10 w-full rounded-md border bg-background px-3 text-sm", children: [_jsx("option", { value: "external", children: "External person or business" }), participants.filter((participant) => !isSameChatActor(participant, currentActor)).map((participant) => (_jsx("option", { value: actorKey(participant), children: participant.displayName || participant.username || "Trippeaze member" }, actorKey(participant))))] })] }), !payee && _jsxs("div", { className: "space-y-2", children: [_jsx(Input, { value: externalPayee, onChange: (e) => setExternalPayee(e.target.value), placeholder: "Cab driver, restaurant, guide..." }), _jsx(Input, { value: externalReference, onChange: (e) => setExternalReference(e.target.value), placeholder: "Optional UPI/payment reference" })] }), payee && paymentDetails && _jsxs("div", { className: "rounded-xl border border-teal-100 bg-teal-50 p-3 text-sm", children: [_jsx("p", { className: "font-medium text-teal-900", children: "Shared payment methods" }), paymentDetails.methods.length ? paymentDetails.methods.map((item) => _jsxs("p", { className: "mt-1 text-teal-800", children: [item.label || item.type.toUpperCase(), " \u00B7 ", item.maskedValue] }, item.methodId)) : _jsx("p", { className: "mt-1 text-teal-700", children: "No payment details shared yet." })] }), _jsxs("div", { className: "space-y-2", children: [_jsx("label", { className: "text-sm font-medium", children: "How was it paid?" }), _jsx("div", { className: "grid grid-cols-3 gap-2", children: ["external", "cash", "razorpay"].map((item) => {
+                                        const unavailable = item === "razorpay" && (!payee || !(paymentDetails === null || paymentDetails === void 0 ? void 0 : paymentDetails.canReceiveVerifiedPayments));
+                                        return _jsxs(Button, { type: "button", variant: method === item ? "default" : "outline", disabled: unavailable, className: "px-2 text-xs", onClick: () => setMethod(item), children: [item === "razorpay" && _jsx(ShieldCheck, { className: "mr-1 h-3.5 w-3.5" }), item === "external" ? "Other app" : item === "cash" ? "Cash" : "Verified online"] }, item);
+                                    }) })] }), _jsxs("div", { className: "space-y-2 rounded-xl border p-3", children: [_jsxs("p", { className: "flex items-center gap-2 text-sm font-medium", children: [_jsx(Users, { className: "h-4 w-4 text-teal-600" }), "Split equally between"] }), _jsx("div", { className: "grid gap-2 sm:grid-cols-2", children: participants.map((participant) => {
+                                        const key = actorKey(participant);
+                                        return _jsxs("label", { className: "flex items-center gap-2 rounded-lg bg-slate-50 px-2 py-2 text-sm", children: [_jsx("input", { type: "checkbox", checked: selected.includes(key), onChange: (e) => setSelected((current) => e.target.checked ? [...current, key] : current.filter((item) => item !== key)) }), _jsx("span", { className: "min-w-0 flex-1 truncate", children: participant.displayName || participant.username || "Trippeaze member" }), _jsx("span", { className: "text-xs text-slate-500", children: splitPreview.toFixed(2) })] }, key);
+                                    }) })] }), _jsx("p", { className: "text-xs text-slate-500", children: "Cash and other-app payments are not marked verified by Trippeaze. A Trippeaze payee must confirm them." })] }), _jsxs("div", { className: "flex justify-end gap-2", children: [_jsx(Button, { variant: "outline", onClick: () => onOpenChange(false), children: "Cancel" }), _jsx(Button, { onClick: () => void submit(), disabled: submitting || !title.trim() || !amount || !selected.length || (!payee && !externalPayee.trim()), children: submitting ? "Processing..." : "Continue" })] })] }) }));
+}

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

@@ -0,0 +1,5 @@
+export declare function PaymentProfileDialog({ open, onOpenChange, }: {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=PaymentProfileDialog.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PaymentProfileDialog.d.ts","sourceRoot":"","sources":["../../../src/chat/dialogs/PaymentProfileDialog.tsx"],"names":[],"mappings":"AAyBA,wBAAgB,oBAAoB,CAAC,EACjC,IAAI,EACJ,YAAY,GACf,EAAE;IACC,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CACzC,2CAsFA"}

package/dist/chat/dialogs/PaymentProfileDialog.js

@@ -0,0 +1,45 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useEffect, useState } from "react";
+import { CreditCard, Plus, Trash2 } from "lucide-react";
+import { chatApi } from "@myrjfa/state/dist/lib/actions/chat";
+import { Button } from "../../misc/button";
+import { Dialog, DialogContent, DialogHeader, DialogTitle } from "../../misc/dialog";
+import { Input } from "../../misc/input";
+import { Switch } from "../../misc/switch";
+import { showAlert } from "../../misc/alertdialogclaude";
+export function PaymentProfileDialog({ open, onOpenChange, }) {
+    const [methods, setMethods] = useState([]);
+    const [loading, setLoading] = useState(false);
+    useEffect(() => {
+        if (!open)
+            return;
+        void chatApi.getPaymentProfile().then((profile) => {
+            setMethods(profile.methods.map((method) => ({
+                ...method,
+                value: "",
+                label: method.label || "",
+            })));
+        });
+    }, [open]);
+    const update = (index, patch) => {
+        setMethods((current) => current.map((method, itemIndex) => itemIndex === index ? { ...method, ...patch } : method));
+    };
+    const save = async () => {
+        setLoading(true);
+        try {
+            await chatApi.updatePaymentProfile(methods.map((method, index) => ({
+                ...method,
+                isDefault: index === 0,
+            })));
+            onOpenChange(false);
+        }
+        catch (error) {
+            await showAlert(error instanceof Error ? error.message : "Could not save payment details.", "Payment details");
+        }
+        finally {
+            setLoading(false);
+        }
+    };
+    return (_jsx(Dialog, { open: open, onOpenChange: onOpenChange, children: _jsxs(DialogContent, { className: "w-[calc(100vw-1.5rem)] sm:max-w-[500px]", children: [_jsx(DialogHeader, { children: _jsxs(DialogTitle, { className: "flex items-center gap-2", children: [_jsx(CreditCard, { className: "h-5 w-5 text-teal-600" }), "Payment details"] }) }), _jsx("p", { className: "text-sm text-slate-500", children: "Details belong to your profile. Only methods marked shareable can be seen by members of a chat you share them in." }), _jsxs("div", { className: "max-h-[55vh] space-y-3 overflow-y-auto pr-1", children: [methods.map((method, index) => (_jsxs("div", { className: "space-y-3 rounded-xl border border-slate-200 p-3", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsxs("select", { value: method.type, onChange: (e) => update(index, { type: e.target.value, value: "", maskedValue: "" }), className: "h-10 flex-1 rounded-md border bg-background px-3 text-sm", children: [_jsx("option", { value: "upi", children: "UPI ID" }), _jsx("option", { value: "bank", children: "Bank account" }), _jsx("option", { value: "qr", children: "Payment QR / URI" })] }), _jsx(Button, { variant: "ghost", size: "icon", className: "text-red-600", onClick: () => setMethods((current) => current.filter((_, itemIndex) => itemIndex !== index)), children: _jsx(Trash2, { className: "h-4 w-4" }) })] }), _jsx(Input, { value: method.label, onChange: (e) => update(index, { label: e.target.value }), placeholder: "Label, e.g. Personal UPI" }), method.type === "bank" && _jsxs(_Fragment, { children: [_jsx(Input, { value: method.accountHolderName || "", onChange: (e) => update(index, { accountHolderName: e.target.value }), placeholder: "Account holder name" }), _jsx(Input, { value: method.bankName || "", onChange: (e) => update(index, { bankName: e.target.value }), placeholder: "Bank name" })] }), _jsx(Input, { value: method.value, onChange: (e) => update(index, { value: e.target.value }), placeholder: method.maskedValue || (method.type === "upi" ? "name@bank" : method.type === "bank" ? "Account number" : "UPI URI or QR payload") }), method.type === "qr" && _jsx(Input, { value: method.qrImageUrl || "", onChange: (e) => update(index, { qrImageUrl: e.target.value }), placeholder: "Optional QR image URL" }), _jsxs("label", { className: "flex items-center justify-between gap-3 text-sm", children: [_jsxs("span", { children: [_jsx("span", { className: "block font-medium", children: "Share in chats" }), _jsx("span", { className: "text-xs text-slate-500", children: "Members still see only masked bank account details." })] }), _jsx(Switch, { checked: method.isShareable, onCheckedChange: (checked) => update(index, { isShareable: checked }) })] })] }, method.methodId || index))), _jsxs(Button, { variant: "outline", className: "w-full", onClick: () => setMethods((current) => [...current, { type: "upi", label: "", value: "", isDefault: current.length === 0, isShareable: true }]), children: [_jsx(Plus, { className: "mr-2 h-4 w-4" }), "Add payment method"] })] }), _jsxs("div", { className: "flex justify-end gap-2", children: [_jsx(Button, { variant: "outline", onClick: () => onOpenChange(false), children: "Cancel" }), _jsx(Button, { onClick: () => void save(), disabled: loading, children: loading ? "Saving..." : "Save details" })] })] }) }));
+}

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

@@ -0,0 +1,10 @@
+import { type Participant, type Poll } from "@myrjfa/state/dist/lib/models/chat";
+interface PollVotersDialogProps {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    poll: Poll;
+    participants: Participant[];
+}
+export declare function PollVotersDialog({ open, onOpenChange, poll, participants }: PollVotersDialogProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=PollVotersDialog.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PollVotersDialog.d.ts","sourceRoot":"","sources":["../../../src/chat/dialogs/PollVotersDialog.tsx"],"names":[],"mappings":"AAEA,OAAO,EAIH,KAAK,WAAW,EAChB,KAAK,IAAI,EACZ,MAAM,oCAAoC,CAAC;AAG5C,UAAU,qBAAqB;IAAG,IAAI,EAAE,OAAO,CAAC;IAAC,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAAC,IAAI,EAAE,IAAI,CAAC;IAAC,YAAY,EAAE,WAAW,EAAE,CAAC;CAAE;AAElI,wBAAgB,gBAAgB,CAAC,EAAE,IAAI,EAAE,YAAY,EAAE,IAAI,EAAE,YAAY,EAAE,EAAE,qBAAqB,2CAMjG"}

package/dist/chat/dialogs/PollVotersDialog.js

@@ -0,0 +1,11 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { chatActorKey, isSameChatActor, } from "@myrjfa/state/dist/lib/models/chat";
+import { Dialog, DialogContent, DialogHeader, DialogTitle } from "../../misc/dialog";
+export function PollVotersDialog({ open, onOpenChange, poll, participants }) {
+    const labelFor = (actor) => {
+        const participant = participants.find((item) => isSameChatActor(item, actor));
+        return (participant === null || participant === void 0 ? void 0 : participant.displayName) || (participant === null || participant === void 0 ? void 0 : participant.username) || "Trippeaze member";
+    };
+    return _jsx(Dialog, { open: open, onOpenChange: onOpenChange, children: _jsxs(DialogContent, { className: "sm:max-w-[425px]", children: [_jsx(DialogHeader, { children: _jsx(DialogTitle, { children: "Poll votes" }) }), _jsx("div", { className: "max-h-[55vh] space-y-4 overflow-y-auto py-2", children: poll.options.map((option, index) => { const voters = poll.votes.filter((vote) => vote.optionIndex === index); return _jsxs("section", { className: "rounded-lg border border-gray-200 p-3 dark:border-gray-700", children: [_jsxs("div", { className: "flex justify-between gap-3 font-medium", children: [_jsx("span", { children: option.text }), _jsx("span", { className: "text-sm text-gray-500", children: voters.length })] }), _jsx("div", { className: "mt-2 space-y-1", children: voters.length ? voters.map((vote) => _jsx("p", { className: "text-sm text-gray-600 dark:text-gray-300", children: labelFor(vote) }, chatActorKey(vote))) : _jsx("p", { className: "text-sm text-gray-500", children: "No votes yet" }) })] }, option._id || index); }) })] }) });
+}

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

@@ -0,0 +1,8 @@
+interface ShareLocationDialogProps {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    onSend: (mapUrl: string) => void;
+}
+export declare function ShareLocationDialog({ open, onOpenChange, onSend }: ShareLocationDialogProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=ShareLocationDialog.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ShareLocationDialog.d.ts","sourceRoot":"","sources":["../../../src/chat/dialogs/ShareLocationDialog.tsx"],"names":[],"mappings":"AAQA,UAAU,wBAAwB;IAChC,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,MAAM,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;CAClC;AAYD,wBAAgB,mBAAmB,CAAC,EAAE,IAAI,EAAE,YAAY,EAAE,MAAM,EAAE,EAAE,wBAAwB,2CA8D3F"}

package/dist/chat/dialogs/ShareLocationDialog.js

@@ -0,0 +1,47 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from "react";
+import { LocateFixed, MapPin } from "lucide-react";
+import LocationPicker from "../../components/location/LocationPicker";
+import { Button } from "../../misc/button";
+import { Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle } from "../../misc/dialog";
+function currentPositionLocation(latitude, longitude) {
+    const coordinates = `${latitude.toFixed(5)}, ${longitude.toFixed(5)}`;
+    return {
+        latitude,
+        longitude,
+        address: `Current location (${coordinates})`,
+        searchAddress: `Current location (${coordinates})`,
+    };
+}
+export function ShareLocationDialog({ open, onOpenChange, onSend }) {
+    const [location, setLocation] = useState(null);
+    const [isLocating, setIsLocating] = useState(false);
+    const [locationHint, setLocationHint] = useState(null);
+    const locateCurrentPosition = () => {
+        if (!("geolocation" in navigator)) {
+            setLocationHint("Current-location access is unavailable in this browser. Search for a place or set the pin on the map instead.");
+            return;
+        }
+        setIsLocating(true);
+        setLocationHint(null);
+        navigator.geolocation.getCurrentPosition(({ coords }) => {
+            setLocation(currentPositionLocation(coords.latitude, coords.longitude));
+            setIsLocating(false);
+        }, () => {
+            setLocationHint("We could not prefill your current position. Search for a place or set the pin on the map instead.");
+            setIsLocating(false);
+        }, { enableHighAccuracy: false, timeout: 10000, maximumAge: 60000 });
+    };
+    useEffect(() => {
+        if (open)
+            locateCurrentPosition();
+    }, [open]);
+    const handleSend = () => {
+        if (!location)
+            return;
+        onSend(`https://www.google.com/maps?q=${location.latitude},${location.longitude}`);
+        onOpenChange(false);
+    };
+    return (_jsx(Dialog, { open: open, onOpenChange: onOpenChange, children: _jsxs(DialogContent, { className: "max-h-[calc(100vh-2rem)] overflow-y-auto", style: { width: "calc(100vw - 2rem)", maxWidth: "600px" }, children: [_jsxs(DialogHeader, { children: [_jsxs(DialogTitle, { className: "flex items-center gap-2", children: [_jsx(MapPin, { className: "h-5 w-5 text-emerald-500" }), "Share location"] }), _jsx(DialogDescription, { children: "Confirm the pin before sending. You can search for another place or drag the marker to an exact spot." })] }), _jsxs("div", { className: "space-y-3 py-2", children: [_jsxs("div", { className: "flex flex-wrap items-center justify-between gap-2 rounded-xl bg-emerald-50 px-3 py-2 text-sm text-emerald-800", children: [_jsx("span", { children: isLocating ? "Finding your current location…" : locationHint || "Choose the location you want to share." }), _jsxs(Button, { type: "button", variant: "ghost", size: "sm", className: "h-8 shrink-0 text-emerald-700 hover:bg-emerald-100", onClick: locateCurrentPosition, disabled: isLocating, children: [_jsx(LocateFixed, { className: "mr-1.5 h-4 w-4" }), "Use current location"] })] }), _jsx(LocationPicker, { value: location, onChange: setLocation, label: "Location", placeholder: "Search for a place" })] }), _jsxs(DialogFooter, { children: [_jsx(Button, { type: "button", variant: "outline", onClick: () => onOpenChange(false), children: "Cancel" }), _jsx(Button, { type: "button", onClick: handleSend, disabled: !location, children: "Send location" })] })] }) }));
+}

package/dist/chat/index.d.ts

@@ -0,0 +1,8 @@
+export * from './ConversationList';
+export * from './ChatSidebar';
+export * from './dialogs/NewChatDialog';
+export * from './dialogs/NewGroupDialog';
+export * from './MessageBubble';
+export * from './MessageInput';
+export * from './ChatMain';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/chat/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC;AACnC,cAAc,eAAe,CAAC;AAC9B,cAAc,yBAAyB,CAAC;AACxC,cAAc,0BAA0B,CAAC;AACzC,cAAc,iBAAiB,CAAC;AAChC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,YAAY,CAAC"}

package/dist/chat/index.js

@@ -0,0 +1,7 @@
+export * from './ConversationList';
+export * from './ChatSidebar';
+export * from './dialogs/NewChatDialog';
+export * from './dialogs/NewGroupDialog';
+export * from './MessageBubble';
+export * from './MessageInput';
+export * from './ChatMain';

package/dist/components/CityAutocomplete.d.ts

@@ -0,0 +1,5 @@
+export declare function CityAutocomplete({ value, onChange, }: {
+    value: string;
+    onChange: (city: string) => void;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=CityAutocomplete.d.ts.map

package/dist/components/CityAutocomplete.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CityAutocomplete.d.ts","sourceRoot":"","sources":["../../src/components/CityAutocomplete.tsx"],"names":[],"mappings":"AAaA,wBAAgB,gBAAgB,CAAC,EAC/B,KAAK,EACL,QAAQ,GACT,EAAE;IACD,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CAClC,2CAoIA"}