@myrjfa/ui 2.1.8 → 2.2.0

package/dist/components/admin/AdminBookingRegistrationsList.js

@@ -0,0 +1,69 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { AlertCircle, BedDouble, Calendar, Clock, IndianRupee, Mail, MapPin, Phone, Tag, Ticket, User, Users, } from "lucide-react";
+const STATUS_COLORS = {
+    pending: "bg-amber-100 text-amber-700 border-amber-200",
+    confirmed: "bg-green-100 text-green-700 border-green-200",
+    completed: "bg-blue-100 text-blue-700 border-blue-200",
+    cancelled: "bg-red-100 text-red-700 border-red-200",
+};
+const STATUS_LABELS = {
+    pending: { label: "Pending", desc: "Awaiting confirmation" },
+    confirmed: { label: "Confirmed", desc: "Booking is confirmed" },
+    completed: { label: "Completed", desc: "Trip has been completed" },
+    cancelled: { label: "Cancelled", desc: "Booking was cancelled" },
+};
+const PAYMENT_COLORS = {
+    paid: "bg-green-100 text-green-700 border-green-200",
+    pending: "bg-amber-100 text-amber-700 border-amber-200",
+    failed: "bg-red-100 text-red-700 border-red-200",
+    refunded: "bg-purple-100 text-purple-700 border-purple-200",
+};
+const PAYMENT_LABELS = {
+    paid: { label: "Payment Received", desc: "Payment successfully processed" },
+    pending: { label: "Payment Pending", desc: "Awaiting payment from guest" },
+    failed: { label: "Payment Failed", desc: "Payment attempt was unsuccessful" },
+    refunded: { label: "Refunded", desc: "Payment has been refunded" },
+};
+function InfoRow({ icon: Icon, label, value, }) {
+    if (!value && value !== 0)
+        return null;
+    return (_jsxs("div", { className: "flex items-start gap-3", children: [_jsx("div", { className: "w-8 h-8 rounded-xl bg-slate-100 flex items-center justify-center flex-shrink-0", children: _jsx(Icon, { className: "w-4 h-4 text-slate-500" }) }), _jsxs("div", { children: [_jsx("p", { className: "text-[10px] font-bold uppercase tracking-wider text-slate-400", children: label }), _jsx("p", { className: "text-sm font-semibold text-slate-800", children: value })] })] }));
+}
+function formatDate(date) {
+    if (!date)
+        return null;
+    return new Date(date).toLocaleDateString("en-IN", {
+        day: "numeric",
+        month: "long",
+        year: "numeric",
+    });
+}
+export default function AdminBookingRegistrationsList({ bookings, type, }) {
+    return (_jsx("div", { className: "grid gap-4", children: bookings.map((booking) => {
+            var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z;
+            const user = booking.userId;
+            const contact = booking.contactDetails;
+            const entity = booking.entityId || booking.stayId;
+            const isStay = type === "stay";
+            const isEvent = type === "event";
+            const attendeeName = user
+                ? [user.firstName, user.lastName].filter(Boolean).join(" ")
+                : (contact === null || contact === void 0 ? void 0 : contact.name) || "Guest User";
+            const startDate = booking.checkIn || booking.startDate || booking.eventDate;
+            const endDate = booking.checkOut || booking.endDate;
+            const quantity = booking.qty || booking.roomQty;
+            const peopleValue = isEvent
+                ? booking.numberOfSeats
+                : isStay
+                    ? booking.guests
+                    : booking.numberOfPeople;
+            return (_jsxs("div", { className: "rounded-3xl border border-slate-100 bg-white p-6 shadow-sm", children: [_jsxs("div", { className: "flex flex-col gap-4 md:flex-row md:items-start md:justify-between", children: [_jsxs("div", { children: [_jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [_jsxs("div", { className: `flex flex-col items-start px-3 py-1.5 rounded-2xl border ${STATUS_COLORS[booking.status] || "bg-slate-100 text-slate-600 border-slate-200"}`, children: [_jsx("span", { className: "text-xs font-bold leading-tight", children: ((_a = STATUS_LABELS[booking.status]) === null || _a === void 0 ? void 0 : _a.label) || ((_b = booking.status) === null || _b === void 0 ? void 0 : _b.toUpperCase()) }), _jsx("span", { className: "text-[10px] font-medium opacity-75 leading-tight", children: ((_c = STATUS_LABELS[booking.status]) === null || _c === void 0 ? void 0 : _c.desc) || "Booking status" })] }), _jsxs("div", { className: `flex flex-col items-start px-3 py-1.5 rounded-2xl border ${PAYMENT_COLORS[booking.paymentStatus] || "bg-slate-100 text-slate-600 border-slate-200"}`, children: [_jsx("span", { className: "text-xs font-bold leading-tight", children: ((_d = PAYMENT_LABELS[booking.paymentStatus]) === null || _d === void 0 ? void 0 : _d.label) || booking.paymentStatus }), _jsx("span", { className: "text-[10px] font-medium opacity-75 leading-tight", children: ((_e = PAYMENT_LABELS[booking.paymentStatus]) === null || _e === void 0 ? void 0 : _e.desc) || "Payment status" })] })] }), _jsx("h2", { className: "mt-4 text-xl font-bold text-slate-900", children: attendeeName }), _jsxs("p", { className: "text-sm font-medium text-slate-400", children: ["Booking ID: ", booking._id] })] }), _jsxs("div", { className: "rounded-2xl bg-slate-50 px-4 py-3 text-right", children: [_jsx("p", { className: "text-xs font-bold uppercase tracking-widest text-slate-400", children: "Total Amount" }), _jsxs("p", { className: "mt-1 flex items-center justify-end gap-1 text-xl font-bold text-slate-900", children: [_jsx(IndianRupee, { className: "w-4 h-4" }), (_j = (_h = (_g = (_f = booking.totalPrice) === null || _f === void 0 ? void 0 : _f.toLocaleString) === null || _g === void 0 ? void 0 : _g.call(_f)) !== null && _h !== void 0 ? _h : booking.totalPrice) !== null && _j !== void 0 ? _j : 0] }), _jsx("p", { className: "mt-1 text-xs font-bold uppercase text-slate-500", children: booking.currency || "INR" })] })] }), _jsxs("div", { className: "mt-6 grid grid-cols-1 gap-6 md:grid-cols-2", children: [_jsxs("div", { className: "space-y-4 rounded-3xl border border-slate-100 bg-slate-50/50 p-5", children: [_jsx("p", { className: "text-xs font-bold uppercase tracking-widest text-slate-400", children: "Guest Details" }), _jsx(InfoRow, { icon: User, label: "Guest Name", value: attendeeName }), _jsx(InfoRow, { icon: Mail, label: "Email", value: (user === null || user === void 0 ? void 0 : user.email) || (contact === null || contact === void 0 ? void 0 : contact.email) }), _jsx(InfoRow, { icon: Phone, label: "Phone", value: (user === null || user === void 0 ? void 0 : user.phoneNumber) || (contact === null || contact === void 0 ? void 0 : contact.phone) }), (user === null || user === void 0 ? void 0 : user.username) && (_jsx(InfoRow, { icon: Tag, label: "Username", value: `@${user.username}` })), _jsx(InfoRow, { icon: AlertCircle, label: "Booking Type", value: booking.isGuest ? "Guest Booking" : "Registered User" }), booking.specialRequests && (_jsxs("div", { className: "rounded-2xl bg-white p-4", children: [_jsx("p", { className: "text-[10px] font-bold uppercase tracking-widest text-slate-400", children: "Special Requests" }), _jsx("p", { className: "mt-1 text-sm font-medium text-slate-700", children: booking.specialRequests })] }))] }), _jsxs("div", { className: "space-y-4 rounded-3xl border border-slate-100 bg-slate-50/50 p-5", children: [_jsx("p", { className: "text-xs font-bold uppercase tracking-widest text-slate-400", children: "Booking Details" }), _jsx(InfoRow, { icon: Tag, label: "Listing", value: entity === null || entity === void 0 ? void 0 : entity.title }), _jsx(InfoRow, { icon: MapPin, label: "Location", value: [
+                                            booking.venue,
+                                            (entity === null || entity === void 0 ? void 0 : entity.city) || booking.city,
+                                            entity === null || entity === void 0 ? void 0 : entity.state,
+                                        ]
+                                            .filter(Boolean)
+                                            .join(", ") }), _jsx(InfoRow, { icon: Calendar, label: isStay ? "Check-in" : "Start Date", value: formatDate(startDate) }), _jsx(InfoRow, { icon: Calendar, label: isStay ? "Check-out" : isEvent ? "Event Date" : "End Date", value: formatDate(endDate || (isEvent ? startDate : null)) }), isStay && (_jsxs(_Fragment, { children: [_jsx(InfoRow, { icon: BedDouble, label: "Room", value: booking.roomName || booking.roomType }), _jsx(InfoRow, { icon: Clock, label: "Nights", value: booking.nights })] })), _jsx(InfoRow, { icon: Users, label: isEvent ? "Seats" : "Guests", value: peopleValue }), booking.pickupPointName && !booking.homeDeliverySelected && (_jsx(InfoRow, { icon: MapPin, label: "Pickup Point", value: booking.pickupPointName })), booking.homeDeliverySelected && (_jsx(InfoRow, { icon: MapPin, label: "Delivery Mode", value: "Home Delivery" })), (quantity || 0) > 1 && (_jsx(InfoRow, { icon: Ticket, label: "Quantity", value: quantity }))] })] }), _jsxs("div", { className: "mt-6 rounded-3xl border border-slate-100 bg-slate-50 p-5", children: [_jsx("p", { className: "text-xs font-bold uppercase tracking-widest text-slate-400", children: "Price Breakdown" }), _jsxs("div", { className: "mt-3 space-y-2", children: [isStay && booking.pricePerNight ? (_jsxs("div", { className: "flex justify-between text-sm font-medium text-slate-500", children: [_jsxs("span", { children: ["Rs. ", (_m = (_l = (_k = booking.pricePerNight) === null || _k === void 0 ? void 0 : _k.toLocaleString) === null || _l === void 0 ? void 0 : _l.call(_k)) !== null && _m !== void 0 ? _m : booking.pricePerNight, " × ", booking.nights, " night", booking.nights > 1 ? "s" : "", quantity > 1 ? ` × ${quantity}` : ""] }), _jsxs("span", { children: ["Rs. ", (_q = (_p = (_o = booking.totalPrice) === null || _o === void 0 ? void 0 : _o.toLocaleString) === null || _p === void 0 ? void 0 : _p.call(_o)) !== null && _q !== void 0 ? _q : booking.totalPrice] })] })) : (_jsxs("div", { className: "flex justify-between text-sm font-medium text-slate-500", children: [_jsx("span", { children: "Booking Amount" }), _jsxs("span", { children: ["Rs. ", (_t = (_s = (_r = booking.totalPrice) === null || _r === void 0 ? void 0 : _r.toLocaleString) === null || _s === void 0 ? void 0 : _s.call(_r)) !== null && _t !== void 0 ? _t : booking.totalPrice] })] })), !!booking.homeDeliveryCharge && (_jsxs("div", { className: "flex justify-between text-sm font-medium text-slate-500", children: [_jsx("span", { children: "Includes delivery fee" }), _jsxs("span", { children: ["Rs. ", (_w = (_v = (_u = booking.homeDeliveryCharge) === null || _u === void 0 ? void 0 : _u.toLocaleString) === null || _v === void 0 ? void 0 : _v.call(_u)) !== null && _w !== void 0 ? _w : booking.homeDeliveryCharge] })] })), _jsxs("div", { className: "flex justify-between border-t border-slate-200 pt-2 text-base font-bold text-slate-900", children: [_jsx("span", { children: "Total" }), _jsxs("span", { children: ["Rs. ", (_z = (_y = (_x = booking.totalPrice) === null || _x === void 0 ? void 0 : _x.toLocaleString) === null || _y === void 0 ? void 0 : _y.call(_x)) !== null && _z !== void 0 ? _z : booking.totalPrice] })] })] })] })] }, booking._id));
+        }) }));
+}

package/dist/components/admin/AdminListingActionsWrapper.d.ts

@@ -0,0 +1,9 @@
+type ListingType = "adventure" | "stay" | "package" | "event" | "rental";
+interface Props {
+    initialItems: any[];
+    type: ListingType;
+    viewBasePath: string;
+}
+export default function AdminListingActionsWrapper({ initialItems, type, viewBasePath }: Props): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=AdminListingActionsWrapper.d.ts.map

package/dist/components/admin/AdminListingActionsWrapper.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AdminListingActionsWrapper.d.ts","sourceRoot":"","sources":["../../../src/components/admin/AdminListingActionsWrapper.tsx"],"names":[],"mappings":"AAeA,KAAK,WAAW,GAAG,WAAW,GAAG,MAAM,GAAG,SAAS,GAAG,OAAO,GAAG,QAAQ,CAAC;AAEzE,UAAU,KAAK;IACb,YAAY,EAAE,GAAG,EAAE,CAAC;IACpB,IAAI,EAAE,WAAW,CAAC;IAClB,YAAY,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,CAAC,OAAO,UAAU,0BAA0B,CAAC,EAAE,YAAY,EAAE,IAAI,EAAE,YAAY,EAAE,EAAE,KAAK,2CA0Q7F"}

package/dist/components/admin/AdminListingActionsWrapper.js

@@ -0,0 +1,200 @@
+"use client";
+import { jsxs as _jsxs, jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import { useState } from "react";
+import { useRouter } from "next/navigation";
+import { showAlert } from "@myrjfa/ui/dist/misc/alertdialogclaude";
+import { approveAdventure, rejectAdventure, deleteAdventure } from "@myrjfa/state/dist/lib/adventureActions";
+import { approveStay, rejectStay, deleteStayListing } from "@myrjfa/state/dist/lib/stayActions";
+import { approvePackage, rejectPackage, deletePackage } from "@myrjfa/state/dist/lib/packageActions";
+import { approveEventAdmin, rejectEventAdmin, deleteEventListing } from "@myrjfa/state/dist/lib/eventActions";
+import { approveRental, rejectRental, deleteRental } from "@myrjfa/state/dist/lib/rentalActions";
+import { deleteHostDashboardListing, archiveHostDashboardListing, restoreHostDashboardListing } from "@myrjfa/state/dist/lib/hostDashboardActions";
+import { Check, X, Eye, MapPin, Calendar, Tag, Edit, Trash2, Archive, RefreshCw, Mail, Users } from "lucide-react";
+import { handleEmail } from "@myrjfa/state/dist/lib/utils";
+import { getPrimaryPricingStrategy, getPricingCurrency } from "@myrjfa/state/dist/lib/models/pricing";
+export default function AdminListingActionsWrapper({ initialItems, type, viewBasePath }) {
+    const [items, setItems] = useState(initialItems);
+    const [processing, setProcessing] = useState(null);
+    const router = useRouter();
+    const getIdentifier = (item) => item.slug || item._id;
+    const getResolvedPrice = (item) => { var _a; return (_a = getPrimaryPricingStrategy(item)) === null || _a === void 0 ? void 0 : _a.finalBasePrice; };
+    const handleApprove = async (item) => {
+        const id = getIdentifier(item);
+        setProcessing(id);
+        try {
+            let result;
+            if (type === "adventure")
+                result = await approveAdventure(id);
+            else if (type === "stay")
+                result = await approveStay(id);
+            else if (type === "package")
+                result = await approvePackage(id);
+            else if (type === "rental")
+                result = await approveRental(id);
+            else
+                result = await approveEventAdmin(item._id);
+            if (result.success) {
+                setItems((prev) => prev.map((i) => getIdentifier(i) === id ? { ...i, status: "open" } : i));
+                await showAlert(`${capitalize(type)} approved and is now public.`);
+                router.refresh();
+            }
+            else {
+                await showAlert(result.error || `Failed to approve ${type}`);
+            }
+        }
+        catch (_a) {
+            await showAlert("An error occurred while approving.");
+        }
+        finally {
+            setProcessing(null);
+        }
+    };
+    const handleReject = async (item) => {
+        const id = getIdentifier(item);
+        const reason = window.prompt(`Reason for rejecting this ${type}:`);
+        if (reason === null)
+            return;
+        setProcessing(id);
+        try {
+            let result;
+            const rejectionReason = reason || "Did not meet platform guidelines";
+            if (type === "adventure")
+                result = await rejectAdventure(id, rejectionReason);
+            else if (type === "stay")
+                result = await rejectStay(id, rejectionReason);
+            else if (type === "package")
+                result = await rejectPackage(id, rejectionReason);
+            else if (type === "rental")
+                result = await rejectRental(id, rejectionReason);
+            else
+                result = await rejectEventAdmin(item._id, rejectionReason);
+            if (result.success) {
+                setItems((prev) => prev.map((i) => getIdentifier(i) === id ? { ...i, status: "denied" } : i));
+                await showAlert(`${capitalize(type)} rejected.`);
+                router.refresh();
+            }
+            else {
+                await showAlert(result.error || `Failed to reject ${type}`);
+            }
+        }
+        catch (_a) {
+            await showAlert("An error occurred while rejecting.");
+        }
+        finally {
+            setProcessing(null);
+        }
+    };
+    const handleDelete = async (item) => {
+        if (!window.confirm(`Are you sure you want to permanently delete this ${type}?`))
+            return;
+        setProcessing(getIdentifier(item));
+        try {
+            const res = type === "package"
+                ? await deletePackage(item.slug)
+                : type === "stay"
+                    ? await deleteStayListing(item._id)
+                    : type === "adventure"
+                        ? await deleteAdventure(item.slug)
+                        : type === "rental"
+                            ? await deleteRental(item.slug)
+                            : type === "event"
+                                ? await deleteEventListing(item._id)
+                                : await deleteHostDashboardListing(item._id, type);
+            if (res.success) {
+                setItems(prev => prev.filter(i => getIdentifier(i) !== getIdentifier(item)));
+                router.refresh();
+            }
+            else {
+                await showAlert(res.error || "Failed to delete");
+            }
+        }
+        finally {
+            setProcessing(null);
+        }
+    };
+    const handleArchive = async (item) => {
+        if (!window.confirm(`Archive this ${type}? It will be hidden from the public.`))
+            return;
+        setProcessing(getIdentifier(item));
+        try {
+            const res = await archiveHostDashboardListing(item._id, type);
+            if (res.success) {
+                setItems(prev => prev.map((i) => getIdentifier(i) === getIdentifier(item) ? { ...i, status: "archived" } : i));
+                router.refresh();
+            }
+            else {
+                await showAlert(res.error || "Failed to archive");
+            }
+        }
+        finally {
+            setProcessing(null);
+        }
+    };
+    const handleRestore = async (item) => {
+        if (!window.confirm(`Restore this ${type}? It will become public again.`))
+            return;
+        setProcessing(getIdentifier(item));
+        try {
+            const res = await restoreHostDashboardListing(item._id, type);
+            if (res.success) {
+                setItems(prev => prev.map((i) => getIdentifier(i) === getIdentifier(item) ? { ...i, status: "open" } : i));
+                router.refresh();
+            }
+            else {
+                await showAlert(res.error || "Failed to restore");
+            }
+        }
+        finally {
+            setProcessing(null);
+        }
+    };
+    const handleEdit = (item) => {
+        // Navigate dynamically based on standard routes
+        switch (type) {
+            case "stay":
+                router.push(`/dashboard/host/stays/${item.slug}/edit`);
+                break;
+            case "package":
+                router.push(`/dashboard/host/packages/${item.slug}/edit`);
+                break;
+            case "rental":
+                router.push(`/dashboard/host/rentals/${item.slug}/edit`);
+                break;
+            case "adventure":
+                router.push(`/dashboard/host/adventures/${item.slug}/edit`);
+                break;
+            case "event":
+                router.push(`/dashboard/host/events/${item.slug}/edit`);
+                break;
+            default:
+                router.push(`${viewBasePath}/${item.slug}/edit`);
+        }
+    };
+    if (items.length === 0) {
+        return (_jsxs("div", { className: "p-12 text-center text-slate-500 bg-card rounded-lg border border-dashed", children: [_jsxs("p", { className: "text-lg font-medium", children: ["No ", type, "s found"] }), _jsx("p", { className: "text-sm", children: "You are all caught up! No listings to display." })] }));
+    }
+    return (_jsx("div", { className: "divide-y divide-slate-100", children: items.map((item) => {
+            var _a, _b, _c, _d;
+            const id = getIdentifier(item);
+            const isProcessing = processing === id;
+            const status = item.status || "open";
+            return (_jsxs("div", { className: "flex flex-col md:flex-row md:items-center justify-between gap-4 p-5 hover:bg-slate-50 transition-colors", children: [_jsxs("div", { className: "flex-1 min-w-0", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("p", { className: "font-bold text-slate-800 truncate", children: item.title || "Untitled" }), _jsx("div", { className: `text-[10px] uppercase font-bold tracking-widest px-2 py-0.5 rounded-full ${status === 'pending' ? 'bg-amber-100 text-amber-700' : status === 'open' ? 'bg-emerald-100 text-emerald-700' : 'bg-slate-100 text-slate-700'}`, children: status })] }), _jsxs("div", { className: "flex items-center gap-3 mt-1 flex-wrap", children: [(item.city || item.state) && (_jsxs("span", { className: "flex items-center gap-1 text-xs text-slate-500", children: [_jsx(MapPin, { className: "w-3 h-3" }), [item.city, item.state].filter(Boolean).join(", ")] })), item.eventDate && (_jsxs("span", { className: "flex items-center gap-1 text-xs text-slate-500", children: [_jsx(Calendar, { className: "w-3 h-3" }), new Date(item.eventDate).toLocaleDateString()] })), getResolvedPrice(item) != null && (_jsxs("span", { className: "flex items-center gap-1 text-xs text-slate-500", children: [_jsx(Tag, { className: "w-3 h-3" }), getPricingCurrency(item), " ", getResolvedPrice(item)] })), _jsxs("span", { className: "text-xs text-slate-400", children: [(_a = item.hostId) === null || _a === void 0 ? void 0 : _a.firstName, " ", (_b = item.hostId) === null || _b === void 0 ? void 0 : _b.lastName, ((_c = item.hostId) === null || _c === void 0 ? void 0 : _c.username) && ` (@${item.hostId.username})`] })] })] }), _jsxs("div", { className: "flex items-center gap-2 flex-wrap", children: [_jsx("button", { onClick: () => handleEdit(item), disabled: isProcessing, className: "p-2 text-slate-500 hover:text-indigo-600 hover:bg-indigo-50 rounded-lg transition-colors", title: "Edit listing", children: _jsx(Edit, { className: "w-4 h-4" }) }), status !== "archived" ? (_jsx("button", { onClick: () => handleArchive(item), disabled: isProcessing, className: "p-2 text-slate-500 hover:text-amber-600 hover:bg-amber-50 rounded-lg transition-colors", title: "Archive listing", children: _jsx(Archive, { className: "w-4 h-4" }) })) : (_jsx("button", { onClick: () => handleRestore(item), disabled: isProcessing, className: "p-2 text-slate-500 hover:text-emerald-600 hover:bg-emerald-50 rounded-lg transition-colors", title: "Restore listing", children: _jsx(RefreshCw, { className: "w-4 h-4" }) })), _jsx("button", { onClick: () => handleDelete(item), disabled: isProcessing, className: "p-2 text-slate-500 hover:text-red-600 hover:bg-red-50 rounded-lg transition-colors", title: "Delete listing", children: _jsx(Trash2, { className: "w-4 h-4" }) }), _jsx("a", { href: `${viewBasePath}/${item.slug}`, target: "_blank", rel: "noopener noreferrer", className: "p-2 text-slate-500 hover:text-slate-700 hover:bg-slate-100 rounded-lg transition-colors", title: "View listing", children: _jsx(Eye, { className: "w-4 h-4" }) }), (type === "event" || type === "adventure" || type === "stay" || type === "rental") && (_jsx("button", { onClick: () => {
+                                    const base = type === "event"
+                                        ? "/dashboard/admin/events"
+                                        : type === "adventure"
+                                            ? "/dashboard/admin/adventures"
+                                            : type === "rental"
+                                                ? "/dashboard/admin/rentals"
+                                                : "/dashboard/admin/stays";
+                                    router.push(`${base}/${item.slug || item._id}/registrations`);
+                                }, disabled: isProcessing, className: "p-2 text-slate-500 hover:text-violet-600 hover:bg-violet-50 rounded-lg transition-colors", title: "View registrations", children: _jsx(Users, { className: "w-4 h-4" }) })), ((_d = item.hostId) === null || _d === void 0 ? void 0 : _d.email) && (_jsx("button", { onClick: () => {
+                                    var _a, _b;
+                                    const subject = encodeURIComponent(`Trippeaze: Feedback on your ${type} listing`);
+                                    const body = encodeURIComponent(`Dear ${(_b = (_a = item.hostId) === null || _a === void 0 ? void 0 : _a.firstName) !== null && _b !== void 0 ? _b : "Host"},\n\nWe are reviewing your ${type} listing "${item.title}". Please let us know if you have any questions.\n\nBest regards,\nTrippeaze`);
+                                    handleEmail(item.hostId.email, subject, body);
+                                }, className: "p-2 text-slate-500 hover:text-blue-600 hover:bg-blue-50 rounded-lg transition-colors", title: "Contact host", children: _jsx(Mail, { className: "w-4 h-4" }) })), status === "pending" && (_jsxs(_Fragment, { children: [_jsxs("button", { onClick: () => handleReject(item), disabled: isProcessing, className: "flex items-center gap-1.5 px-3 py-2 text-sm font-bold text-red-600 bg-red-50 hover:bg-red-100 rounded-lg transition-colors disabled:opacity-50", children: [_jsx(X, { className: "w-4 h-4" }), "Reject"] }), _jsxs("button", { onClick: () => handleApprove(item), disabled: isProcessing, className: "flex items-center gap-1.5 px-3 py-2 text-sm font-bold text-white bg-green-500 hover:bg-green-600 rounded-lg transition-colors disabled:opacity-50 shadow-sm", children: [isProcessing && processing === getIdentifier(item) ? (_jsx("div", { className: "w-4 h-4 rounded-full border-2 border-white/30 border-t-white animate-spin" })) : (_jsx(Check, { className: "w-4 h-4" })), "Approve"] })] }))] })] }, id));
+        }) }));
+}
+function capitalize(s) {
+    return s.charAt(0).toUpperCase() + s.slice(1);
+}

package/dist/components/ads/ActivateAdPlacementButton.d.ts

@@ -0,0 +1,6 @@
+export declare function ActivateAdPlacementButton({ slug, placementType, publisherPlacePath, }: {
+    slug: string;
+    placementType?: "creator_profile" | "creator_content" | "brand_page";
+    publisherPlacePath?: string;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ActivateAdPlacementButton.d.ts.map

package/dist/components/ads/ActivateAdPlacementButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActivateAdPlacementButton.d.ts","sourceRoot":"","sources":["../../../src/components/ads/ActivateAdPlacementButton.tsx"],"names":[],"mappings":"AAOA,wBAAgB,yBAAyB,CAAC,EACxC,IAAI,EACJ,aAAiC,EACjC,kBAAkB,GACnB,EAAE;IACD,IAAI,EAAE,MAAM,CAAC;IACb,aAAa,CAAC,EAAE,iBAAiB,GAAG,iBAAiB,GAAG,YAAY,CAAC;IACrE,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B,2CAiCA"}

package/dist/components/ads/ActivateAdPlacementButton.js

@@ -0,0 +1,27 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { Loader2 } from "lucide-react";
+import { toast } from "sonner";
+import { activateAdPlacement } from "@myrjfa/state/dist/lib/brandActions";
+export function ActivateAdPlacementButton({ slug, placementType = "creator_profile", publisherPlacePath, }) {
+    const [pending, setPending] = useState(false);
+    const onActivate = async () => {
+        setPending(true);
+        try {
+            const result = await activateAdPlacement(slug, {
+                placementType,
+                publisherPlacePath,
+            });
+            if (!result.success) {
+                toast.error(result.error || "Could not activate ad placement");
+                return;
+            }
+            toast.success("Ad offer added to your monetized surfaces");
+        }
+        finally {
+            setPending(false);
+        }
+    };
+    return (_jsxs("button", { type: "button", onClick: onActivate, disabled: pending, className: "inline-flex items-center justify-center gap-2 rounded-full bg-primary px-5 py-3 text-sm font-bold text-white transition hover:opacity-92 disabled:cursor-not-allowed disabled:opacity-65", children: [pending ? _jsx(Loader2, { className: "h-4 w-4 animate-spin" }) : null, "Pick this ad"] }));
+}

package/dist/components/ads/AdOfferCard.d.ts

@@ -0,0 +1,6 @@
+import type { AdOfferSummary } from "@myrjfa/state/dist/lib/placeActions";
+export declare function AdOfferCard({ offer, compact, }: {
+    offer: AdOfferSummary;
+    compact?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=AdOfferCard.d.ts.map

package/dist/components/ads/AdOfferCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AdOfferCard.d.ts","sourceRoot":"","sources":["../../../src/components/ads/AdOfferCard.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,qCAAqC,CAAC;AAM1E,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,OAAe,GAChB,EAAE;IACD,KAAK,EAAE,cAAc,CAAC;IACtB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,2CAsFA"}

package/dist/components/ads/AdOfferCard.js

@@ -0,0 +1,15 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import Image from "next/image";
+import Link from "next/link";
+import { BadgePercent, MousePointerClick, Eye, ArrowRight, ShieldCheck } from "lucide-react";
+function percent(value) {
+    return `${Number(value || 0).toFixed(value && value % 1 !== 0 ? 1 : 0)}%`;
+}
+export function AdOfferCard({ offer, compact = false, }) {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q;
+    const creative = (_a = offer.creative) === null || _a === void 0 ? void 0 : _a[0];
+    const expected = ((_b = offer.placement) === null || _b === void 0 ? void 0 : _b.expectedCommission) || offer.maxCommission;
+    const score = ((_d = (_c = offer.placement) === null || _c === void 0 ? void 0 : _c.scores) === null || _d === void 0 ? void 0 : _d.finalScore) || ((_f = (_e = offer.placement) === null || _e === void 0 ? void 0 : _e.scores) === null || _f === void 0 ? void 0 : _f.relevanceScore) || 0;
+    return (_jsxs(Link, { href: `/ads/${offer.slug}`, className: `group overflow-hidden rounded-[1.4rem] border border-slate-200/70 bg-white shadow-sm transition hover:-translate-y-0.5 hover:border-primary/25 hover:shadow-lg ${compact ? "" : ""}`, children: [_jsxs("div", { className: "relative aspect-[4/3] bg-slate-100", children: [(creative === null || creative === void 0 ? void 0 : creative.image) || ((_g = offer.brand) === null || _g === void 0 ? void 0 : _g.coverImage) || ((_h = offer.brand) === null || _h === void 0 ? void 0 : _h.logo) ? (_jsx(Image, { src: (creative === null || creative === void 0 ? void 0 : creative.image) || ((_j = offer.brand) === null || _j === void 0 ? void 0 : _j.coverImage) || ((_k = offer.brand) === null || _k === void 0 ? void 0 : _k.logo) || "/images/profile_placeholder.webp", alt: (creative === null || creative === void 0 ? void 0 : creative.title) || offer.title, fill: true, className: "object-cover transition duration-500 group-hover:scale-105" })) : null, _jsx("div", { className: "absolute inset-0 bg-[linear-gradient(180deg,rgba(5,16,18,0.04),rgba(5,16,18,0.7))]" }), _jsxs("div", { className: "absolute left-3 top-3 flex flex-wrap gap-2", children: [(creative === null || creative === void 0 ? void 0 : creative.badge) ? (_jsx("span", { className: "rounded-full bg-white/92 px-2.5 py-1 text-[10px] font-bold uppercase tracking-[0.18em] text-slate-700", children: creative.badge })) : null, ((_l = offer.brand) === null || _l === void 0 ? void 0 : _l.verificationStatus) === "verified" ? (_jsxs("span", { className: "inline-flex items-center gap-1 rounded-full bg-emerald-50/95 px-2.5 py-1 text-[10px] font-bold uppercase tracking-[0.18em] text-emerald-700", children: [_jsx(ShieldCheck, { className: "h-3 w-3" }), "verified"] })) : null] }), _jsxs("div", { className: "absolute bottom-3 right-3 rounded-full bg-slate-950/70 px-2.5 py-1 text-[10px] font-bold uppercase tracking-[0.18em] text-white backdrop-blur", children: ["score ", Math.round(score)] })] }), _jsxs("div", { className: "space-y-4 p-4", children: [_jsxs("div", { className: "space-y-1.5", children: [_jsxs("div", { className: "flex items-center justify-between gap-3", children: [_jsx("span", { className: "text-[10px] font-bold uppercase tracking-[0.18em] text-primary", children: ((_m = offer.brand) === null || _m === void 0 ? void 0 : _m.name) || "Trippeaze ad" }), _jsx("span", { className: "text-[10px] font-bold uppercase tracking-[0.18em] text-slate-400", children: ((_o = offer.promotedEntity) === null || _o === void 0 ? void 0 : _o.entityType) || "offer" })] }), _jsx("h3", { className: "line-clamp-2 text-base font-bold text-slate-950 group-hover:text-primary", children: (creative === null || creative === void 0 ? void 0 : creative.title) || offer.title }), _jsx("p", { className: "line-clamp-3 text-sm leading-6 text-slate-600", children: (creative === null || creative === void 0 ? void 0 : creative.subtitle) || offer.shortDescription || offer.description || "Performance-based promotion inside Trippeaze." })] }), _jsxs("div", { className: "grid grid-cols-3 gap-2 text-center", children: [_jsxs("div", { className: "rounded-2xl bg-slate-50 px-3 py-3", children: [_jsx(BadgePercent, { className: "mx-auto mb-1.5 h-4 w-4 text-primary" }), _jsx("p", { className: "text-[10px] font-bold uppercase tracking-[0.18em] text-slate-400", children: "Booking" }), _jsx("p", { className: "mt-1 text-sm font-bold text-slate-950", children: percent(expected === null || expected === void 0 ? void 0 : expected.booking) })] }), _jsxs("div", { className: "rounded-2xl bg-slate-50 px-3 py-3", children: [_jsx(MousePointerClick, { className: "mx-auto mb-1.5 h-4 w-4 text-primary" }), _jsx("p", { className: "text-[10px] font-bold uppercase tracking-[0.18em] text-slate-400", children: "Click" }), _jsx("p", { className: "mt-1 text-sm font-bold text-slate-950", children: percent(expected === null || expected === void 0 ? void 0 : expected.click) })] }), _jsxs("div", { className: "rounded-2xl bg-slate-50 px-3 py-3", children: [_jsx(Eye, { className: "mx-auto mb-1.5 h-4 w-4 text-primary" }), _jsx("p", { className: "text-[10px] font-bold uppercase tracking-[0.18em] text-slate-400", children: "View" }), _jsx("p", { className: "mt-1 text-sm font-bold text-slate-950", children: percent(expected === null || expected === void 0 ? void 0 : expected.view) })] })] }), _jsxs("div", { className: "flex items-center justify-between gap-3 text-sm", children: [_jsxs("span", { className: "text-slate-500", children: [((_q = (_p = offer.placement) === null || _p === void 0 ? void 0 : _p.publisherPayoutRate) !== null && _q !== void 0 ? _q : 0.8) * 100, "% to promoter"] }), _jsxs("span", { className: "inline-flex items-center gap-1 font-bold text-primary", children: ["Open offer", _jsx(ArrowRight, { className: "h-4 w-4" })] })] })] })] }));
+}

package/dist/components/adventure/AdventureAvailabilityPlanner.d.ts

@@ -0,0 +1,17 @@
+type AdventureSlot = {
+    date: string | Date;
+    startTime: string;
+    endTime?: string;
+    maxParticipants: number;
+    bookedCount?: number;
+    remainingCapacity?: number;
+    isAvailable?: boolean;
+    isBookable?: boolean;
+};
+export declare function AdventureAvailabilityPlanner({ slug, slots, blockedDates, }: {
+    slug: string;
+    slots: AdventureSlot[];
+    blockedDates?: (string | Date)[];
+}): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=AdventureAvailabilityPlanner.d.ts.map

package/dist/components/adventure/AdventureAvailabilityPlanner.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AdventureAvailabilityPlanner.d.ts","sourceRoot":"","sources":["../../../src/components/adventure/AdventureAvailabilityPlanner.tsx"],"names":[],"mappings":"AAyBA,KAAK,aAAa,GAAG;IACnB,IAAI,EAAE,MAAM,GAAG,IAAI,CAAC;IACpB,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,eAAe,EAAE,MAAM,CAAC;IACxB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AAMF,wBAAgB,4BAA4B,CAAC,EAC3C,IAAI,EACJ,KAAK,EACL,YAAY,GACb,EAAE;IACD,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,aAAa,EAAE,CAAC;IACvB,YAAY,CAAC,EAAE,CAAC,MAAM,GAAG,IAAI,CAAC,EAAE,CAAC;CAClC,2CAwUA"}

package/dist/components/adventure/AdventureAvailabilityPlanner.js

@@ -0,0 +1,106 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import Link from "next/link";
+import { useMemo, useState } from "react";
+import { addDays, addMonths, endOfMonth, endOfWeek, format, isBefore, isSameMonth, startOfMonth, startOfToday, startOfWeek, subMonths, } from "date-fns";
+import { Calendar, ChevronLeft, ChevronRight, Clock, Users, } from "lucide-react";
+function dateKey(value) {
+    return format(new Date(value), "yyyy-MM-dd");
+}
+export function AdventureAvailabilityPlanner({ slug, slots, blockedDates, }) {
+    const today = startOfToday();
+    const todayKey = dateKey(today);
+    const [currentMonth, setCurrentMonth] = useState(today);
+    const normalizedSlots = useMemo(() => (slots || [])
+        .map((slot) => {
+        var _a, _b, _c;
+        return ({
+            ...slot,
+            date: new Date(slot.date),
+            remainingCapacity: (_a = slot.remainingCapacity) !== null && _a !== void 0 ? _a : Math.max((Number(slot.maxParticipants) || 0) -
+                (Number(slot.bookedCount) || 0), 0),
+            isBookable: (_b = slot.isBookable) !== null && _b !== void 0 ? _b : (slot.isAvailable !== false &&
+                (((_c = slot.remainingCapacity) !== null && _c !== void 0 ? _c : Math.max((Number(slot.maxParticipants) || 0) -
+                    (Number(slot.bookedCount) || 0), 0)) > 0)),
+        });
+    })
+        .sort((a, b) => {
+        const day = a.date.getTime() - b.date.getTime();
+        if (day !== 0)
+            return day;
+        return a.startTime.localeCompare(b.startTime);
+    }), [slots]);
+    const slotsByDate = useMemo(() => {
+        const map = new Map();
+        for (const slot of normalizedSlots) {
+            const key = dateKey(slot.date);
+            map.set(key, [...(map.get(key) || []), slot]);
+        }
+        return map;
+    }, [normalizedSlots]);
+    const blockedDateKeys = useMemo(() => new Set((blockedDates || []).map((value) => dateKey(value))), [blockedDates]);
+    const nextAvailableKey = useMemo(() => {
+        const nextSlot = normalizedSlots.find((slot) => !isBefore(slot.date, today) && slot.isBookable);
+        return nextSlot ? dateKey(nextSlot.date) : "";
+    }, [normalizedSlots, today]);
+    const [selectedDateKey, setSelectedDateKey] = useState(nextAvailableKey);
+    const selectedSlots = selectedDateKey
+        ? slotsByDate.get(selectedDateKey) || []
+        : [];
+    const selectedAvailableSlots = selectedSlots.filter((slot) => slot.isBookable);
+    const nextSelectedSlot = selectedAvailableSlots[0] || null;
+    const monthStart = startOfMonth(currentMonth);
+    const monthEnd = endOfMonth(monthStart);
+    const calendarStart = startOfWeek(monthStart);
+    const calendarEnd = endOfWeek(monthEnd);
+    const rows = [];
+    let day = calendarStart;
+    while (day <= calendarEnd) {
+        const cells = [];
+        for (let i = 0; i < 7; i++) {
+            const key = dateKey(day);
+            const daySlots = slotsByDate.get(key) || [];
+            const availableSlots = daySlots.filter((slot) => slot.isBookable);
+            const isBlocked = blockedDateKeys.has(key);
+            const isPast = isBefore(day, today);
+            const isOutsideMonth = !isSameMonth(day, currentMonth);
+            const isUnavailable = isOutsideMonth || isPast || isBlocked || availableSlots.length === 0;
+            const isSelected = key === selectedDateKey;
+            const isToday = key === todayKey;
+            cells.push(_jsx("button", { type: "button", disabled: isUnavailable, onClick: () => setSelectedDateKey(key), className: [
+                    "group flex h-11 items-center justify-center rounded-full text-center transition sm:h-12 md:h-14",
+                    isOutsideMonth ? "invisible" : "",
+                    isUnavailable
+                        ? "cursor-not-allowed text-slate-300"
+                        : "text-slate-950 hover:bg-slate-100",
+                ].join(" "), "aria-label": `${format(day, "d MMM yyyy")}${isUnavailable ? " unavailable" : " available"}`, children: _jsxs("span", { className: [
+                        "relative flex h-10 w-10 items-center justify-center rounded-full text-sm font-semibold sm:h-11 sm:w-11 sm:text-base",
+                        isSelected ? "bg-slate-950 text-white" : "",
+                        isToday && !isSelected && !isUnavailable ? "ring-1 ring-slate-950" : "",
+                    ].join(" "), children: [format(day, "d"), isUnavailable && !isOutsideMonth && (_jsx("span", { className: "absolute h-px w-7 rotate-[-35deg] bg-slate-400", "aria-hidden": "true" }))] }) }, key));
+            day = addDays(day, 1);
+        }
+        rows.push(_jsx("div", { className: "grid grid-cols-7 gap-1.5 sm:gap-2", children: cells }, day.toString()));
+    }
+    return (_jsxs("section", { id: "availability-planner", className: "overflow-hidden rounded-2xl border border-slate-200 bg-white shadow-[0_24px_80px_-48px_rgba(15,23,42,0.45)]", children: [_jsx("div", { className: "border-b border-slate-200 bg-slate-50 p-5 md:p-6", children: _jsx("div", { className: "flex flex-col gap-4 md:flex-row md:items-end md:justify-between", children: _jsxs("div", { children: [_jsx("p", { className: "text-xs font-semibold uppercase text-trippeaze-primary", children: "Check Availability" }), _jsx("h2", { className: "mt-2 text-2xl font-semibold text-slate-950 md:text-[2rem]", children: "Pick a real slot before you head to checkout" }), _jsx("p", { className: "mt-2 max-w-2xl text-sm leading-6 text-slate-600", children: "View open dates, compare time windows, and see how many spots are still left before you reserve." })] }) }) }), _jsxs("div", { className: "p-5 md:p-6", children: [_jsxs("div", { className: "flex flex-col gap-3 md:flex-row md:items-center md:justify-between", children: [_jsxs("div", { children: [_jsx("h3", { className: "text-lg font-semibold text-slate-950", children: format(currentMonth, "MMMM yyyy") }), _jsx("p", { className: "mt-1 text-sm text-slate-500", children: "Crossed dates are unavailable." })] }), _jsxs("div", { className: "flex flex-wrap items-center gap-3", children: [_jsxs("div", { className: "flex items-center gap-3 rounded-xl border border-slate-200 bg-slate-50 px-4 py-2 text-[11px] font-semibold uppercase text-slate-500", children: [_jsxs("span", { className: "flex items-center gap-2", children: [_jsx("span", { className: "h-2.5 w-2.5 rounded-full bg-slate-950" }), "Available"] }), _jsxs("span", { className: "flex items-center gap-2", children: [_jsx("span", { className: "relative h-2.5 w-2.5 rounded-full border border-slate-300", children: _jsx("span", { className: "absolute left-[-2px] top-1/2 h-px w-4 rotate-[-35deg] bg-slate-400" }) }), "Unavailable"] })] }), _jsxs("div", { className: "flex gap-2", children: [_jsx("button", { type: "button", onClick: () => setCurrentMonth(subMonths(currentMonth, 1)), className: "rounded-xl border border-slate-200 bg-white p-2 text-slate-600 transition hover:bg-slate-50", children: _jsx(ChevronLeft, { className: "h-4 w-4" }) }), _jsx("button", { type: "button", onClick: () => setCurrentMonth(addMonths(currentMonth, 1)), className: "rounded-xl border border-slate-200 bg-white p-2 text-slate-600 transition hover:bg-slate-50", children: _jsx(ChevronRight, { className: "h-4 w-4" }) })] })] })] }), _jsxs("div", { className: "mt-6 grid gap-6 xl:grid-cols-[minmax(0,1.18fr)_minmax(22rem,0.82fr)]", children: [_jsxs("div", { className: "rounded-2xl border border-slate-200 bg-white p-4 md:p-5", children: [_jsx("div", { className: "grid grid-cols-7 border-b border-slate-100 pb-3", children: ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"].map((label) => (_jsx("div", { className: "px-1 py-2 text-center text-[9px] font-semibold uppercase text-slate-500 sm:text-[11px]", children: label }, label))) }), _jsx("div", { className: "mt-2 space-y-1", children: rows })] }), _jsxs("div", { className: "rounded-2xl border border-slate-200 bg-slate-50 p-5 shadow-sm", children: [_jsxs("div", { className: "flex items-center gap-2 text-xs font-semibold uppercase text-slate-500", children: [_jsx(Calendar, { className: "h-4 w-4 text-trippeaze-primary" }), selectedDateKey
+                                                ? format(new Date(selectedDateKey), "EEE, d MMM yyyy")
+                                                : "Select a date"] }), selectedDateKey && (_jsx("div", { className: "mt-4 rounded-xl border border-slate-200 bg-white px-4 py-4", children: _jsxs("div", { className: "flex items-start justify-between gap-4", children: [_jsxs("div", { children: [_jsx("p", { className: "text-sm font-semibold text-slate-950", children: selectedAvailableSlots.length > 0
+                                                                ? `${selectedAvailableSlots.length} slot${selectedAvailableSlots.length > 1 ? "s" : ""} ready to book`
+                                                                : blockedDateKeys.has(selectedDateKey)
+                                                                    ? "This date is blocked"
+                                                                    : "No slot is bookable on this date" }), _jsx("p", { className: "mt-1 text-sm leading-6 text-slate-500", children: nextSelectedSlot
+                                                                ? `Earliest start time is ${nextSelectedSlot.startTime}. Pick the slot that works best for your group.`
+                                                                : "Choose another highlighted day to see active time windows and remaining capacity." })] }), nextSelectedSlot && (_jsxs("span", { className: "rounded-full bg-emerald-50 px-3 py-1 text-[11px] font-semibold uppercase text-emerald-700", children: ["Starts ", nextSelectedSlot.startTime] }))] }) })), selectedSlots.length > 0 ? (_jsx("div", { className: "mt-4 space-y-3", children: selectedSlots.map((slot) => {
+                                            var _a;
+                                            const remaining = (_a = slot.remainingCapacity) !== null && _a !== void 0 ? _a : 0;
+                                            const href = `/book/adventure/${slug}?startDate=${encodeURIComponent(dateKey(slot.date))}&startTime=${encodeURIComponent(slot.startTime)}`;
+                                            return (_jsxs("div", { className: "rounded-xl border border-slate-200 bg-white p-4 shadow-sm shadow-slate-200/40", children: [_jsxs("div", { className: "flex items-start justify-between gap-4", children: [_jsxs("div", { children: [_jsxs("p", { className: "flex items-center gap-2 text-base font-semibold text-slate-950", children: [_jsx(Clock, { className: "h-4 w-4 text-trippeaze-primary" }), slot.startTime, slot.endTime ? ` - ${slot.endTime}` : ""] }), _jsxs("p", { className: "mt-2 flex items-center gap-2 text-sm text-slate-500", children: [_jsx(Users, { className: "h-4 w-4" }), remaining, " of ", slot.maxParticipants, " spot", slot.maxParticipants === 1 ? "" : "s", " left"] })] }), _jsx("span", { className: [
+                                                                    "rounded-full px-3 py-1 text-[11px] font-semibold uppercase",
+                                                                    remaining > 0
+                                                                        ? "bg-emerald-50 text-emerald-700"
+                                                                        : "bg-slate-100 text-slate-500",
+                                                                ].join(" "), children: remaining > 0 ? "Bookable" : "Full" })] }), remaining > 0 && (_jsx("div", { className: "mt-4 h-2 overflow-hidden rounded-full bg-slate-100", children: _jsx("div", { className: "h-full rounded-full bg-gradient-to-r from-trippeaze-primary to-emerald-500", style: {
+                                                                width: `${Math.max(12, Math.min(100, (remaining / Math.max(slot.maxParticipants, 1)) * 100))}%`,
+                                                            } }) })), _jsx("div", { className: "mt-4", children: remaining > 0 ? (_jsx(Link, { href: href, className: "inline-flex w-full items-center justify-center rounded-xl bg-slate-950 px-4 py-3 text-sm font-semibold uppercase text-white transition hover:bg-slate-800", children: "Reserve This Slot" })) : (_jsx("div", { className: "rounded-xl border border-slate-200 bg-slate-50 px-4 py-3 text-center text-sm font-semibold text-slate-500", children: "This slot is currently full" })) })] }, `${dateKey(slot.date)}-${slot.startTime}`));
+                                        }) })) : (_jsx("div", { className: "mt-4 rounded-xl border border-dashed border-slate-200 bg-white p-5 text-sm leading-6 text-slate-500", children: "Pick a highlighted date to view live slot timings and remaining capacity before you reserve." }))] })] })] })] }));
+}

package/dist/components/adventure/AdventureQueryCard.d.ts

@@ -0,0 +1,5 @@
+export declare function AdventureQueryCard({ slug, adventureTitle, }: {
+    slug: string;
+    adventureTitle?: string;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=AdventureQueryCard.d.ts.map

package/dist/components/adventure/AdventureQueryCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AdventureQueryCard.d.ts","sourceRoot":"","sources":["../../../src/components/adventure/AdventureQueryCard.tsx"],"names":[],"mappings":"AAkBA,wBAAgB,kBAAkB,CAAC,EACjC,IAAI,EACJ,cAAc,GACf,EAAE;IACD,IAAI,EAAE,MAAM,CAAC;IACb,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB,2CAmHA"}

package/dist/components/adventure/AdventureQueryCard.js

@@ -0,0 +1,65 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from "react";
+import { useAtomValue } from "jotai";
+import { CalendarDays } from "lucide-react";
+import { DatePicker } from "@myrjfa/ui/dist/misc/datepicker";
+import { Label } from "@myrjfa/ui/dist/misc/label";
+import { showAlert } from "@myrjfa/ui/dist/misc/alertdialogclaude";
+import { EnquiryGuestFields, EnquiryMessageField, EnquirySectionCard, EnquirySubmitButton, EnquiryTravellerCountField, } from "@myrjfa/ui/dist/components/enquiry/EnquiryFormParts";
+import { userAtom } from "@myrjfa/state/dist/lib/userAtom";
+import { submitAdventureQuery } from "@myrjfa/state/dist/lib/adventureActions";
+export function AdventureQueryCard({ slug, adventureTitle, }) {
+    const user = useAtomValue(userAtom);
+    const [loading, setLoading] = useState(false);
+    const [preferredDate, setPreferredDate] = useState(null);
+    const [form, setForm] = useState({
+        name: (user === null || user === void 0 ? void 0 : user.firstName) ? `${user.firstName} ${user.lastName || ""}`.trim() : "",
+        email: (user === null || user === void 0 ? void 0 : user.email) || "",
+        phone: (user === null || user === void 0 ? void 0 : user.phoneNumber) || "",
+        numberOfPeople: "1",
+        message: "",
+    });
+    const isLoggedInUser = (user === null || user === void 0 ? void 0 : user.role) === "user";
+    useEffect(() => {
+        setForm((prev) => ({
+            ...prev,
+            name: prev.name || ((user === null || user === void 0 ? void 0 : user.firstName) ? `${user.firstName} ${user.lastName || ""}`.trim() : ""),
+            email: prev.email || (user === null || user === void 0 ? void 0 : user.email) || "",
+            phone: prev.phone || (user === null || user === void 0 ? void 0 : user.phoneNumber) || "",
+        }));
+    }, [user]);
+    const handleSubmit = async (event) => {
+        event.preventDefault();
+        if (!form.message.trim()) {
+            await showAlert("Please add your question before sending.");
+            return;
+        }
+        if (!isLoggedInUser && (!form.name.trim() || !form.email.trim())) {
+            await showAlert("Name and email are required for guest enquiries.");
+            return;
+        }
+        setLoading(true);
+        const result = await submitAdventureQuery(slug, {
+            name: form.name,
+            email: form.email,
+            phone: form.phone,
+            message: form.message,
+            preferredDate: preferredDate ? preferredDate.toISOString() : null,
+            numberOfPeople: Math.max(Number(form.numberOfPeople) || 1, 1),
+        });
+        setLoading(false);
+        if (!result.success) {
+            await showAlert(result.error || "Failed to send your enquiry.");
+            return;
+        }
+        await showAlert("Your enquiry has been sent. We'll follow up soon.");
+        setPreferredDate(null);
+        setForm((prev) => ({
+            ...prev,
+            numberOfPeople: "1",
+            message: "",
+        }));
+    };
+    return (_jsxs("form", { onSubmit: handleSubmit, className: "space-y-4", children: [!isLoggedInUser && (_jsx(EnquirySectionCard, { step: 1, title: "Your details", children: _jsx(EnquiryGuestFields, { values: form, onChange: (field, value) => setForm((prev) => ({ ...prev, [field]: value })) }) })), _jsx(EnquirySectionCard, { step: isLoggedInUser ? 1 : 2, title: "Trip details", description: "Date is optional, but it helps the host respond with more useful availability details.", children: _jsxs("div", { className: "grid gap-4 sm:grid-cols-2", children: [_jsx(EnquiryTravellerCountField, { value: form.numberOfPeople, onChange: (value) => setForm((prev) => ({ ...prev, numberOfPeople: value })) }), _jsxs("div", { className: "space-y-2", children: [_jsxs(Label, { className: "flex items-center gap-2", children: [_jsx(CalendarDays, { className: "h-4 w-4 text-slate-400" }), "Preferred date"] }), _jsx(DatePicker, { field: { value: preferredDate, onChange: setPreferredDate }, minDate: new Date(), label: "Preferred date" })] })] }) }), _jsx(EnquirySectionCard, { step: isLoggedInUser ? 2 : 3, title: "Your question", children: _jsx(EnquiryMessageField, { value: form.message, onChange: (value) => setForm((prev) => ({ ...prev, message: value })), placeholder: "Ask about fitness level, transport, safety, gear, inclusions, or anything else you want clarified." }) }), _jsxs("div", { children: [_jsx(EnquirySubmitButton, { loading: loading, children: "Send Enquiry" }), _jsx("p", { className: "mt-3 text-center text-xs text-slate-400", children: "No payment required now. The host will follow up with details." })] })] }));
+}