@myrjfa/ui 2.1.8 → 2.2.0

package/dist/components/ui/dashboard/approver-package-enquiries-table.js

@@ -0,0 +1,102 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Eye, Mail, MessageCircle, Phone, X } from 'lucide-react';
+import { ActionButtons } from '@myrjfa/ui/dist//dashboard/action-buttons';
+import { StatusBadge } from '@myrjfa/ui/dist//dashboard/dashboard-components';
+import { formatDate } from '@myrjfa/state/dist/lib/utils';
+import { DataTableShell } from '@myrjfa/ui/dist/components/ui/dashboard/data-table-shell';
+export function ApproverPackageEnquiryTable({ enquiries, onClose, onContact, onCall, onViewDetails, }) {
+    const columns = [
+        {
+            header: 'Name',
+            accessorKey: 'name',
+            cell: (enquiry) => _jsx("div", { className: "font-medium", children: enquiry.name }),
+            sortable: true,
+        },
+        {
+            header: 'Status',
+            accessorKey: 'status',
+            cell: (enquiry) => _jsx(StatusBadge, { status: enquiry.status }),
+            sortable: true,
+        },
+        {
+            header: 'Enquired On',
+            accessorKey: 'createdAt',
+            cell: (enquiry) => _jsx("div", { children: formatDate(enquiry.createdAt) }),
+            sortable: true,
+        },
+        // {
+        //     header: 'Males',
+        //     accessorKey: 'travelers',
+        //     cell: (enquiry: PackageEnquiry) => {
+        //         const travelers = enquiry.travelers;
+        //         return (
+        //             <div>
+        //                 {travelers.filter(traveler => traveler.gender == "male").length}
+        //             </div>
+        //         )
+        //     },
+        //     sortable: true,
+        // },
+        {
+            header: 'Males',
+            accessorKey: 'males',
+            cell: (enquiry) => {
+                return (_jsx("div", { children: enquiry.males }));
+            },
+            sortable: true,
+        },
+        {
+            header: 'Females',
+            accessorKey: 'females',
+            cell: (enquiry) => {
+                return (_jsx("div", { children: enquiry.females }));
+            },
+            sortable: true,
+        },
+    ];
+    const getApproverPackageEnquiryActions = (enquiry) => {
+        const actions = [];
+        actions.push({
+            label: 'View Traveller',
+            icon: _jsx(Eye, { className: "h-4 w-4" }),
+            action: () => { var _a; return onViewDetails((_a = enquiry.userId) !== null && _a !== void 0 ? _a : enquiry._id); },
+            variant: 'outline',
+        });
+        if (enquiry.status === 'pending') {
+            actions.push({
+                label: 'Close Enquiry',
+                icon: _jsx(X, { className: "h-4 w-4" }),
+                action: () => onClose(enquiry._id),
+                variant: 'destructive',
+            }, {
+                label: 'Contact',
+                icon: _jsx(Mail, { className: "h-4 w-4" }),
+                action: () => { var _a; return onContact((_a = enquiry.userId) !== null && _a !== void 0 ? _a : ""); },
+            }, {
+                label: 'Call',
+                icon: _jsx(Phone, { className: "h-4 w-4" }),
+                action: () => { var _a; return onCall((_a = enquiry.userId) !== null && _a !== void 0 ? _a : ""); },
+            });
+        }
+        else if (enquiry.status === 'cancelled' || enquiry.status === 'denied') {
+            actions.push({
+                label: 'Contact',
+                icon: _jsx(MessageCircle, { className: "h-4 w-4" }),
+                action: () => { var _a; return onContact((_a = enquiry.userId) !== null && _a !== void 0 ? _a : ""); },
+            });
+        }
+        else {
+            actions.push({
+                label: 'Contact',
+                icon: _jsx(MessageCircle, { className: "h-4 w-4" }),
+                action: () => { var _a; return onContact((_a = enquiry.userId) !== null && _a !== void 0 ? _a : ""); },
+            }, {
+                label: 'Call',
+                icon: _jsx(Phone, { className: "h-4 w-4" }),
+                action: () => { var _a; return onCall((_a = enquiry.userId) !== null && _a !== void 0 ? _a : ""); },
+            });
+        }
+        return _jsx(ActionButtons, { actions: actions, maxDisplayed: 2 });
+    };
+    return (_jsx(DataTableShell, { data: enquiries, columns: columns, actions: getApproverPackageEnquiryActions, onRowClick: onViewDetails }));
+}

package/dist/components/ui/dashboard/archive-confirm-modal.d.ts

@@ -0,0 +1,9 @@
+export declare function ArchiveConfirmModal({ isOpen, onClose, onConfirm, title, description, isArchiving, }: {
+    isOpen: boolean;
+    onClose: () => void;
+    onConfirm: () => void;
+    title: string;
+    description: string;
+    isArchiving?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=archive-confirm-modal.d.ts.map

package/dist/components/ui/dashboard/archive-confirm-modal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"archive-confirm-modal.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/dashboard/archive-confirm-modal.tsx"],"names":[],"mappings":"AAGA,wBAAgB,mBAAmB,CAAC,EAClC,MAAM,EACN,OAAO,EACP,SAAS,EACT,KAAK,EACL,WAAW,EACX,WAAmB,GACpB,EAAE;IACD,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,2CAuEA"}

package/dist/components/ui/dashboard/archive-confirm-modal.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { MotionDiv, AnimatePresence } from "../motion";
+import { Archive, X } from "lucide-react";
+export function ArchiveConfirmModal({ isOpen, onClose, onConfirm, title, description, isArchiving = false, }) {
+    return (_jsx(AnimatePresence, { children: isOpen && (_jsxs(_Fragment, { children: [_jsx(MotionDiv, { initial: { opacity: 0 }, animate: { opacity: 1 }, exit: { opacity: 0 }, className: "fixed inset-0 z-50 bg-slate-900/40 backdrop-blur-sm", onClick: !isArchiving ? onClose : undefined }), _jsx("div", { className: "fixed inset-0 z-50 flex items-center justify-center p-4 pointer-events-none", children: _jsx(MotionDiv, { initial: { opacity: 0, scale: 0.95, y: 10 }, animate: { opacity: 1, scale: 1, y: 0 }, exit: { opacity: 0, scale: 0.95, y: 10 }, className: "bg-white rounded-[2rem] shadow-2xl w-full max-w-md pointer-events-auto overflow-hidden border border-slate-100", children: _jsxs("div", { className: "p-6 sm:p-8", children: [_jsxs("div", { className: "flex justify-between items-start mb-6", children: [_jsx("div", { className: "w-14 h-14 bg-amber-50 rounded-2xl flex items-center justify-center flex-shrink-0", children: _jsx(Archive, { className: "w-7 h-7 text-amber-500" }) }), _jsx("button", { onClick: onClose, disabled: isArchiving, className: "p-2 text-slate-400 hover:bg-slate-50 hover:text-slate-600 rounded-xl transition-colors", children: _jsx(X, { className: "w-5 h-5" }) })] }), _jsx("h3", { className: "text-xl font-bold text-slate-800 mb-2", children: title }), _jsx("p", { className: "text-sm text-slate-500 font-medium leading-relaxed mb-8", children: description }), _jsxs("div", { className: "flex flex-col sm:flex-row gap-3", children: [_jsx("button", { onClick: onClose, disabled: isArchiving, className: "flex-1 px-5 py-3.5 bg-slate-50 text-slate-600 font-bold rounded-xl hover:bg-slate-100 transition-colors disabled:opacity-50", children: "Cancel" }), _jsx("button", { onClick: onConfirm, disabled: isArchiving, className: "flex-1 px-5 py-3.5 bg-amber-500 text-white font-bold rounded-xl hover:bg-amber-600 shadow-xl shadow-amber-500/20 transition-all flex items-center justify-center gap-2 active:scale-95 disabled:opacity-50", children: isArchiving ? (_jsxs(_Fragment, { children: [_jsx("div", { className: "w-4 h-4 rounded-full border-2 border-white/30 border-t-white animate-spin" }), "Archiving..."] })) : (_jsxs(_Fragment, { children: [_jsx(Archive, { className: "w-4 h-4" }), "Yes, Archive"] })) })] })] }) }) })] })) }));
+}

package/dist/components/ui/dashboard/blogs-table.d.ts

@@ -0,0 +1,10 @@
+import { Blog } from '@myrjfa/state/dist/lib/models/blog';
+interface BlogsTableProps {
+    blogs: Blog[];
+    onEdit: (id: string) => void;
+    onDelete: (id: string) => void;
+    onView: (id: string) => void;
+}
+export declare function BlogsTable({ blogs, onEdit, onDelete, onView, }: BlogsTableProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=blogs-table.d.ts.map

package/dist/components/ui/dashboard/blogs-table.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"blogs-table.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/dashboard/blogs-table.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,IAAI,EAAE,MAAM,oCAAoC,CAAC;AAM1D,UAAU,eAAe;IACvB,KAAK,EAAE,IAAI,EAAE,CAAC;IACd,MAAM,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7B,QAAQ,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/B,MAAM,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;CAC9B;AAED,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,MAAM,EACN,QAAQ,EACR,MAAM,GACP,EAAE,eAAe,2CA+DjB"}

package/dist/components/ui/dashboard/blogs-table.js

@@ -0,0 +1,62 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { ActionButtons } from '@myrjfa/ui/dist/dashboard/action-buttons';
+import { StatusBadge } from '@myrjfa/ui/dist/dashboard/dashboard-components';
+import { formatDate } from '@myrjfa/state/dist/lib/utils';
+import { Edit, Trash } from 'lucide-react';
+import { DataTableShell } from '@myrjfa/ui/dist/components/ui/dashboard/data-table-shell';
+export function BlogsTable({ blogs, onEdit, onDelete, onView, }) {
+    const columns = [
+        {
+            header: "Title",
+            accessorKey: "title",
+            cell: (blog) => _jsx("div", { className: "font-medium", children: blog.title }),
+            sortable: true,
+        },
+        {
+            header: "Status",
+            accessorKey: "status",
+            cell: (blog) => _jsx(StatusBadge, { status: blog.status }),
+            sortable: true,
+        },
+        {
+            header: "Date Posted",
+            accessorKey: "createdAt",
+            cell: (blog) => _jsx("div", { children: formatDate(blog.createdAt) }),
+            sortable: true,
+        },
+        {
+            header: "Views",
+            accessorKey: "views",
+            cell: (blog) => _jsx("div", { children: blog.views }),
+            sortable: true,
+        },
+        {
+            header: "Likes",
+            accessorKey: "likes",
+            cell: (blog) => _jsx("div", { children: blog.likes }),
+            sortable: true,
+        },
+        {
+            header: "Comments",
+            accessorKey: "comments",
+            cell: (blog) => _jsx("div", { children: blog.comments }),
+            sortable: true,
+        },
+    ];
+    const getBlogActions = (blog) => {
+        return (_jsx(ActionButtons, { actions: [
+                {
+                    label: "Edit",
+                    icon: _jsx(Edit, { className: "h-4 w-4" }),
+                    action: () => onEdit(blog.slug),
+                },
+                {
+                    label: "Delete",
+                    icon: _jsx(Trash, { className: "h-4 w-4" }),
+                    action: () => onDelete(blog.slug),
+                    variant: "destructive",
+                },
+            ] }));
+    };
+    return (_jsx(DataTableShell, { data: blogs, columns: columns, actions: getBlogActions, onRowClick: onView }));
+}

package/dist/components/ui/dashboard/bookings-table.d.ts

@@ -0,0 +1,12 @@
+import { Booking } from "@myrjfa/state/dist/lib/models/booking";
+interface BookingsTableProps {
+    bookings: Booking[];
+    onView: (id: string, type: string, slug: string) => void;
+    onViewListing?: (id: string, type: string, slug: string) => void;
+    showVerificationCode?: boolean;
+    statusFilter?: string;
+    onStatusFilterChange?: (status: string) => void;
+}
+export declare function BookingsTable({ bookings, onView, onViewListing, showVerificationCode, statusFilter, onStatusFilterChange }: BookingsTableProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=bookings-table.d.ts.map

package/dist/components/ui/dashboard/bookings-table.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"bookings-table.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/dashboard/bookings-table.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,OAAO,EAAE,MAAM,uCAAuC,CAAC;AAIhE,UAAU,kBAAkB;IAC1B,QAAQ,EAAE,OAAO,EAAE,CAAC;IACpB,MAAM,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACzD,aAAa,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACjE,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,oBAAoB,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;CACjD;AAED,wBAAgB,aAAa,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAE,aAAa,EAAE,oBAA4B,EAAE,YAAY,EAAE,oBAAoB,EAAE,EAAE,kBAAkB,2CA+RtJ"}

package/dist/components/ui/dashboard/bookings-table.js

@@ -0,0 +1,160 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { ActionButtons } from "@myrjfa/ui/dist/dashboard/action-buttons";
+import { Badge } from "@myrjfa/ui/dist/misc/badge";
+import { DataTable } from "@myrjfa/ui/dist/dashboard/data-table";
+import { StatusBadge } from "@myrjfa/ui/dist/dashboard/dashboard-components";
+import { ExternalLink, Calendar, QrCode, Copy, X, MapPinned, Share2 } from "lucide-react";
+import { useState } from "react";
+export function BookingsTable({ bookings, onView, onViewListing, showVerificationCode = false, statusFilter, onStatusFilterChange }) {
+    var _a;
+    const getEntityLabel = (booking) => booking.entityLabel || booking.entityType;
+    const getGuestName = (booking) => {
+        var _a, _b, _c, _d;
+        return ((_a = booking.contactDetails) === null || _a === void 0 ? void 0 : _a.name) ||
+            ((_b = booking.userId) === null || _b === void 0 ? void 0 : _b.name) ||
+            ((_c = booking.userId) === null || _c === void 0 ? void 0 : _c.fullName) ||
+            ((_d = booking.user) === null || _d === void 0 ? void 0 : _d.name) ||
+            booking.guestName ||
+            "Guest";
+    };
+    const getCustomerEntityActionLabel = (booking) => {
+        const rawEntityType = String(booking.entityType || "").toLowerCase();
+        const labelByType = {
+            travelpackage: "View Package",
+            package: "View Package",
+            adventure: "View Adventure",
+            rental: "View Rental",
+            stay: "View Stay",
+            event: "View Event",
+            guide: "View Guide",
+        };
+        return labelByType[rawEntityType] || "View Details";
+    };
+    const normaliseEntityRoute = (booking) => {
+        var _a;
+        const rawEntityType = String(booking.entityType);
+        const entityType = rawEntityType === "TravelPackage" ? "package" : rawEntityType.toLowerCase();
+        return {
+            type: entityType,
+            slug: (_a = booking.entityId) === null || _a === void 0 ? void 0 : _a.slug,
+        };
+    };
+    const getHostVerificationUrl = (booking) => {
+        const route = normaliseEntityRoute(booking);
+        const origin = typeof window !== "undefined" ? window.location.origin : "";
+        const query = new URLSearchParams({
+            verify: "host",
+        });
+        if (booking.bookingCode)
+            query.set("code", String(booking.bookingCode));
+        return `${origin}/book/${route.type}/${booking._id}/details?${query.toString()}`;
+    };
+    const shareHostVerificationUrl = async (booking) => {
+        var _a;
+        const url = getHostVerificationUrl(booking);
+        const title = "Trippeaze booking verification";
+        const text = "Use this secure link to verify my Trippeaze booking.";
+        if (typeof navigator !== "undefined" && navigator.share) {
+            await navigator.share({ title, text, url });
+            return;
+        }
+        await ((_a = navigator.clipboard) === null || _a === void 0 ? void 0 : _a.writeText(url));
+    };
+    const columns = [
+        {
+            header: "Listing / Guest",
+            accessorKey: "entityId",
+            cell: (booking) => {
+                var _a;
+                return (_jsxs("div", { className: "flex flex-col", children: [_jsx("div", { className: "font-semibold text-slate-900", children: ((_a = booking.entityId) === null || _a === void 0 ? void 0 : _a.title) || "N/A" }), _jsxs("div", { className: "mt-0.5 text-xs font-semibold text-slate-600", children: ["Guest: ", getGuestName(booking)] }), _jsx("div", { className: "text-[10px] uppercase font-bold text-slate-400 tracking-wider mt-0.5", children: getEntityLabel(booking) })] }));
+            },
+            sortable: true,
+        },
+        {
+            header: "Status",
+            accessorKey: "status",
+            cell: (booking) => booking.bookingKind === "package_enquiry" ? (_jsx(Badge, { variant: "secondary", children: booking.status === "pending" ? "Enquiry Sent" : booking.status })) : (_jsx(StatusBadge, { status: booking.status })),
+            sortable: true,
+        },
+        {
+            header: "Code",
+            accessorKey: "bookingCode",
+            cell: (booking) => (booking.bookingCode ? (_jsxs("div", { className: "font-mono text-sm font-bold text-slate-700 bg-slate-100 px-2 py-1 rounded inline-flex items-center gap-2 border border-slate-200", children: [booking.bookingCode, _jsx("button", { onClick: (e) => {
+                            e.stopPropagation();
+                            navigator.clipboard.writeText(booking.bookingCode);
+                        }, className: "text-slate-400 hover:text-slate-600 transition", title: "Copy code", children: _jsx(Copy, { className: "w-3.5 h-3.5" }) })] })) : (_jsx("span", { className: "text-slate-400 text-xs italic", children: "N/A" }))),
+            sortable: false,
+        },
+        {
+            header: "Start Date",
+            accessorKey: "startDate",
+            cell: (booking) => (_jsxs("div", { className: "flex items-center gap-2 text-sm text-slate-600", children: [_jsx(Calendar, { className: "w-3.5 h-3.5" }), new Date(booking.startDate).toLocaleDateString("en-IN", {
+                        day: "numeric",
+                        month: "short",
+                    })] })),
+            sortable: true,
+        },
+        {
+            header: "Total Price",
+            accessorKey: "totalPrice",
+            cell: (booking) => (_jsxs("div", { className: "font-bold text-primary flex items-center gap-0.5", children: [booking.currency || "INR", " ", booking.totalPrice.toLocaleString()] })),
+            sortable: true,
+        },
+        {
+            header: "Payment",
+            accessorKey: "paymentStatus",
+            cell: (booking) => {
+                if (booking.bookingKind === "package_enquiry") {
+                    return _jsx(Badge, { variant: "secondary", children: "Not Applicable" });
+                }
+                const labels = {
+                    paid: "Received",
+                    pending: "Awaiting Payment",
+                    failed: "Failed",
+                    refunded: "Refunded",
+                };
+                const variant = booking.paymentStatus === "paid"
+                    ? "success"
+                    : booking.paymentStatus === "failed"
+                        ? "destructive"
+                        : "secondary";
+                return (_jsx(Badge, { variant: variant, children: labels[booking.paymentStatus] || booking.paymentStatus }));
+            },
+            sortable: true,
+        },
+    ];
+    const getActions = (booking) => {
+        const route = normaliseEntityRoute(booking);
+        const isPackageEnquiry = booking.bookingKind === "package_enquiry";
+        const canShowToHost = showVerificationCode && booking.bookingCode && booking.bookingKind !== "package_enquiry";
+        return (_jsx(ActionButtons, { actions: [
+                ...(canShowToHost ? [{
+                        label: "Show to Host",
+                        icon: _jsx(QrCode, { className: "h-4 w-4 text-green-600" }),
+                        action: () => setShowCodeFor(booking),
+                    }] : []),
+                {
+                    label: isPackageEnquiry ? "View Package" : "View Booking",
+                    icon: _jsx(ExternalLink, { className: "h-4 w-4" }),
+                    action: () => {
+                        onView(booking._id, route.type, route.slug);
+                    },
+                },
+                ...(!isPackageEnquiry && onViewListing && route.slug ? [{
+                        label: getCustomerEntityActionLabel(booking),
+                        icon: _jsx(MapPinned, { className: "h-4 w-4" }),
+                        action: () => onViewListing(booking._id, route.type, route.slug),
+                    }] : []),
+            ], maxDisplayed: canShowToHost ? 1 : 0, mobileMaxDisplayed: canShowToHost ? 2 : 1 }));
+    };
+    const [showCodeFor, setShowCodeFor] = useState(null);
+    return (_jsxs(_Fragment, { children: [showCodeFor && (_jsx("div", { className: "fixed inset-0 z-[300] flex items-center justify-center bg-slate-950/45 p-4 backdrop-blur-sm animate-in fade-in duration-200", children: _jsxs("div", { className: "relative max-h-[92vh] w-full max-w-2xl overflow-y-auto rounded-[2rem] border border-slate-200 bg-white p-5 text-center shadow-2xl md:p-7", children: [_jsx("button", { onClick: () => setShowCodeFor(null), className: "absolute right-4 top-4 rounded-full bg-slate-100 p-2 text-slate-500 transition hover:bg-slate-200 hover:text-slate-900", "aria-label": "Close verification code", children: _jsx(X, { className: "h-5 w-5" }) }), _jsx("div", { className: "mx-auto mb-5 inline-flex rounded-full border border-green-100 bg-green-50 px-4 py-2 text-xs font-black uppercase tracking-[0.18em] text-green-800 shadow-sm", children: "Verification code" }), _jsx("div", { className: "break-all font-mono text-3xl font-black tracking-[0.18em] text-slate-950 md:text-5xl", children: showCodeFor.bookingCode }), _jsxs("div", { className: "mt-6 grid gap-5 md:grid-cols-[220px_minmax(0,1fr)] md:text-left", children: [_jsxs("div", { className: "rounded-3xl border border-slate-200 bg-slate-50 p-4 text-center", children: [_jsx("img", { src: `https://api.qrserver.com/v1/create-qr-code/?size=192x192&margin=12&data=${encodeURIComponent(getHostVerificationUrl(showCodeFor))}`, alt: "Host verification QR code", className: "mx-auto h-48 w-48 rounded-2xl bg-white p-2" }), _jsx("p", { className: "mt-3 text-xs font-semibold text-slate-500", children: "Host scans this QR to open the secure verification page." })] }), _jsxs("div", { className: "space-y-4 rounded-3xl border border-slate-200 bg-white p-5", children: [_jsxs("div", { children: [_jsx("div", { className: "text-xs font-black uppercase tracking-[0.18em] text-slate-400", children: "Booking" }), _jsx("div", { className: "mt-1 text-lg font-black text-slate-900", children: ((_a = showCodeFor.entityId) === null || _a === void 0 ? void 0 : _a.title) || "N/A" })] }), _jsxs("div", { className: "grid grid-cols-2 gap-4 border-t border-slate-100 pt-4", children: [_jsxs("div", { children: [_jsx("div", { className: "text-xs font-black uppercase tracking-[0.18em] text-slate-400", children: "Date" }), _jsx("div", { className: "mt-1 font-bold text-slate-700", children: new Date(showCodeFor.startDate || showCodeFor.checkIn || showCodeFor.eventDate).toLocaleDateString("en-IN", {
+                                                                day: "numeric", month: "short", year: "numeric"
+                                                            }) })] }), _jsxs("div", { children: [_jsx("div", { className: "text-xs font-black uppercase tracking-[0.18em] text-slate-400", children: "Status" }), _jsx("div", { className: "mt-1 font-bold capitalize text-slate-700", children: showCodeFor.status })] })] }), _jsxs("button", { type: "button", onClick: () => shareHostVerificationUrl(showCodeFor).catch(() => null), className: "inline-flex w-full items-center justify-center gap-2 rounded-xl border border-slate-200 px-4 py-3 text-sm font-black text-slate-800 transition hover:bg-slate-50", children: [_jsx(Share2, { className: "h-4 w-4" }), "Share verification link"] })] })] })] }) })), _jsx(DataTable, { data: bookings, columns: columns, actions: getActions, statusFilter: statusFilter, onStatusFilterChange: onStatusFilterChange, onRowClick: (id) => {
+                    const booking = bookings.find((b) => b._id === id || b.slug === id);
+                    if (booking) {
+                        const route = normaliseEntityRoute(booking);
+                        onView(booking._id, route.type, route.slug);
+                    }
+                } })] }));
+}

package/dist/components/ui/dashboard/dashboard-page-shell.d.ts

@@ -0,0 +1,7 @@
+import type { ReactNode } from "react";
+type DashboardPageShellProps = {
+    children: ReactNode;
+};
+export declare function DashboardPageShell({ children }: DashboardPageShellProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=dashboard-page-shell.d.ts.map

package/dist/components/ui/dashboard/dashboard-page-shell.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dashboard-page-shell.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/dashboard/dashboard-page-shell.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,KAAK,uBAAuB,GAAG;IAC7B,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC;AAEF,wBAAgB,kBAAkB,CAAC,EAAE,QAAQ,EAAE,EAAE,uBAAuB,2CAEvE"}

package/dist/components/ui/dashboard/dashboard-page-shell.js

@@ -0,0 +1,5 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+export function DashboardPageShell({ children }) {
+    return _jsx("div", { className: "animate-in fade-in space-y-6 duration-500", children: children });
+}

package/dist/components/ui/dashboard/data-table-shell.d.ts

@@ -0,0 +1,18 @@
+import React from "react";
+import { type Column } from "@myrjfa/ui/dist/dashboard/data-table";
+type DataTableShellProps<T extends {
+    slug?: string;
+    _id?: string;
+}> = {
+    data: T[];
+    columns: Column<T>[];
+    actions?: (item: T) => React.ReactElement;
+    onRowClick?: (id: string) => void;
+    rowClickable?: boolean;
+};
+export declare function DataTableShell<T extends {
+    slug?: string;
+    _id?: string;
+}>({ data, columns, actions, onRowClick, rowClickable, }: DataTableShellProps<T>): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=data-table-shell.d.ts.map

package/dist/components/ui/dashboard/data-table-shell.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-table-shell.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/dashboard/data-table-shell.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAa,KAAK,MAAM,EAAE,MAAM,sCAAsC,CAAC;AAG9E,KAAK,mBAAmB,CAAC,CAAC,SAAS;IAAE,IAAI,CAAC,EAAE,MAAM,CAAC;IAAC,GAAG,CAAC,EAAE,MAAM,CAAA;CAAE,IAAI;IACpE,IAAI,EAAE,CAAC,EAAE,CAAC;IACV,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC;IACrB,OAAO,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,KAAK,CAAC,YAAY,CAAC;IAC1C,UAAU,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB,CAAC;AAEF,wBAAgB,cAAc,CAAC,CAAC,SAAS;IAAE,IAAI,CAAC,EAAE,MAAM,CAAC;IAAC,GAAG,CAAC,EAAE,MAAM,CAAA;CAAE,EAAE,EACxE,IAAI,EACJ,OAAO,EACP,OAAO,EACP,UAAU,EACV,YAAmB,GACpB,EAAE,mBAAmB,CAAC,CAAC,CAAC,2CAWxB"}

package/dist/components/ui/dashboard/data-table-shell.js

@@ -0,0 +1,6 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { DataTable } from "@myrjfa/ui/dist/dashboard/data-table";
+export function DataTableShell({ data, columns, actions, onRowClick, rowClickable = true, }) {
+    return (_jsx("div", { className: rowClickable ? "[&_tr:not(:first-child)]:cursor-pointer" : undefined, children: _jsx(DataTable, { data: data, columns: columns, actions: actions, onRowClick: onRowClick }) }));
+}

package/dist/components/ui/dashboard/delete-confirm-modal.d.ts

@@ -0,0 +1,9 @@
+export declare function DeleteConfirmModal({ isOpen, onClose, onConfirm, title, description, isDeleting, }: {
+    isOpen: boolean;
+    onClose: () => void;
+    onConfirm: () => void;
+    title: string;
+    description: string;
+    isDeleting?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=delete-confirm-modal.d.ts.map

package/dist/components/ui/dashboard/delete-confirm-modal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"delete-confirm-modal.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/dashboard/delete-confirm-modal.tsx"],"names":[],"mappings":"AAGA,wBAAgB,kBAAkB,CAAC,EACjC,MAAM,EACN,OAAO,EACP,SAAS,EACT,KAAK,EACL,WAAW,EACX,UAAkB,GACnB,EAAE;IACD,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,2CAoEA"}

package/dist/components/ui/dashboard/delete-confirm-modal.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { MotionDiv, AnimatePresence } from "../motion";
+import { Trash2, X } from "lucide-react";
+export function DeleteConfirmModal({ isOpen, onClose, onConfirm, title, description, isDeleting = false, }) {
+    return (_jsx(AnimatePresence, { children: isOpen && (_jsxs(_Fragment, { children: [_jsx(MotionDiv, { initial: { opacity: 0 }, animate: { opacity: 1 }, exit: { opacity: 0 }, className: "fixed inset-0 z-50 bg-slate-900/40 backdrop-blur-sm", onClick: !isDeleting ? onClose : undefined }), _jsx("div", { className: "fixed inset-0 z-50 flex items-center justify-center p-4 pointer-events-none", children: _jsx(MotionDiv, { initial: { opacity: 0, scale: 0.95, y: 10 }, animate: { opacity: 1, scale: 1, y: 0 }, exit: { opacity: 0, scale: 0.95, y: 10 }, className: "bg-white rounded-[2rem] shadow-2xl w-full max-w-md pointer-events-auto overflow-hidden border border-slate-100", children: _jsxs("div", { className: "p-6 sm:p-8", children: [_jsxs("div", { className: "flex justify-between items-start mb-6", children: [_jsx("div", { className: "w-14 h-14 bg-red-50 rounded-2xl flex items-center justify-center flex-shrink-0", children: _jsx(Trash2, { className: "w-7 h-7 text-red-500" }) }), _jsx("button", { onClick: onClose, disabled: isDeleting, className: "p-2 text-slate-400 hover:bg-slate-50 hover:text-slate-600 rounded-xl transition-colors", children: _jsx(X, { className: "w-5 h-5" }) })] }), _jsx("h3", { className: "text-xl font-bold text-slate-800 mb-2", children: title }), _jsx("p", { className: "text-sm text-slate-500 font-medium leading-relaxed mb-8", children: description }), _jsxs("div", { className: "flex flex-col sm:flex-row gap-3", children: [_jsx("button", { onClick: onClose, disabled: isDeleting, className: "flex-1 px-5 py-3.5 bg-slate-50 text-slate-600 font-bold rounded-xl hover:bg-slate-100 transition-colors disabled:opacity-50", children: "Cancel" }), _jsx("button", { onClick: onConfirm, disabled: isDeleting, className: "flex-1 px-5 py-3.5 bg-red-500 text-white font-bold rounded-xl hover:bg-red-600 shadow-xl shadow-red-500/20 transition-all flex items-center justify-center gap-2 active:scale-95 disabled:opacity-50", children: isDeleting ? (_jsxs(_Fragment, { children: [_jsx("div", { className: "w-4 h-4 rounded-full border-2 border-white/30 border-t-white animate-spin" }), "Deleting..."] })) : ("Yes, Delete") })] })] }) }) })] })) }));
+}

package/dist/components/ui/dashboard/entity-list-page-state.d.ts

@@ -0,0 +1,25 @@
+import type { LucideIcon } from "lucide-react";
+type EntityListLoadingProps = {
+    rows?: number;
+};
+export declare function EntityListLoading({ rows }: EntityListLoadingProps): import("react/jsx-runtime").JSX.Element;
+type EntityListErrorProps = {
+    title: string;
+    message: string;
+    onRetry?: () => void;
+};
+export declare function EntityListError({ title, message, onRetry, }: EntityListErrorProps): import("react/jsx-runtime").JSX.Element;
+type EntityListEmptyProps = {
+    icon: LucideIcon;
+    title: string;
+    description: string;
+    ctaLabel: string;
+    ctaHref: string;
+};
+export declare function EntityListEmpty({ icon: Icon, title, description, ctaLabel, ctaHref, }: EntityListEmptyProps): import("react/jsx-runtime").JSX.Element;
+type EntityListTableCardProps = {
+    children: React.ReactNode;
+};
+export declare function EntityListTableCard({ children }: EntityListTableCardProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=entity-list-page-state.d.ts.map

package/dist/components/ui/dashboard/entity-list-page-state.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"entity-list-page-state.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/dashboard/entity-list-page-state.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAI/C,KAAK,sBAAsB,GAAG;IAC5B,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,wBAAgB,iBAAiB,CAAC,EAAE,IAAQ,EAAE,EAAE,sBAAsB,2CAQrE;AAED,KAAK,oBAAoB,GAAG;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AAEF,wBAAgB,eAAe,CAAC,EAC9B,KAAK,EACL,OAAO,EACP,OAAO,GACR,EAAE,oBAAoB,2CAgBtB;AAED,KAAK,oBAAoB,GAAG;IAC1B,IAAI,EAAE,UAAU,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,wBAAgB,eAAe,CAAC,EAC9B,IAAI,EAAE,IAAI,EACV,KAAK,EACL,WAAW,EACX,QAAQ,EACR,OAAO,GACR,EAAE,oBAAoB,2CAetB;AAED,KAAK,wBAAwB,GAAG;IAC9B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAEF,wBAAgB,mBAAmB,CAAC,EAAE,QAAQ,EAAE,EAAE,wBAAwB,2CAMzE"}

package/dist/components/ui/dashboard/entity-list-page-state.js

@@ -0,0 +1,17 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import Link from "next/link";
+import { Skeleton } from "@myrjfa/ui/dist/misc/skeleton";
+import { Button } from "../../../misc/button";
+export function EntityListLoading({ rows = 3 }) {
+    return (_jsx("div", { className: "space-y-4", children: Array.from({ length: rows }, (_, index) => (_jsx(Skeleton, { className: "h-20 w-full rounded-2xl" }, index))) }));
+}
+export function EntityListError({ title, message, onRetry, }) {
+    return (_jsxs("div", { className: "rounded-2xl border border-red-100 bg-red-50 p-8 text-center", children: [_jsx("p", { className: "mb-1 font-bold text-red-700", children: title }), _jsx("p", { className: "text-sm text-red-600", children: message }), onRetry ? (_jsx(Button, { type: "button", onClick: onRetry, className: "mt-4 rounded-xl bg-red-600 px-5 py-2 text-sm font-semibold text-white hover:bg-red-700", children: "Retry" })) : null] }));
+}
+export function EntityListEmpty({ icon: Icon, title, description, ctaLabel, ctaHref, }) {
+    return (_jsxs("div", { className: "flex flex-col items-center justify-center rounded-[2rem] border border-dashed border-slate-200 bg-white py-20", children: [_jsx("div", { className: "mb-4 flex h-16 w-16 items-center justify-center rounded-full bg-slate-50", children: _jsx(Icon, { className: "h-8 w-8 text-slate-300" }) }), _jsx("h3", { className: "mb-1 text-lg font-bold text-slate-800", children: title }), _jsx("p", { className: "mb-6 max-w-xs text-center text-sm text-slate-400", children: description }), _jsx(Button, { asChild: true, className: "rounded-xl px-6 font-bold", children: _jsx(Link, { href: ctaHref, children: ctaLabel }) })] }));
+}
+export function EntityListTableCard({ children }) {
+    return (_jsx("div", { className: "overflow-hidden rounded-[2rem] border border-slate-100 bg-white p-2 shadow-sm", children: children }));
+}

package/dist/components/ui/dashboard/generic-entity-table.d.ts

@@ -0,0 +1,36 @@
+export interface GenericEntity {
+    slug: string;
+    title: string;
+    status: string;
+    city: string;
+    state: string;
+    createdAt: Date | string;
+    rating?: number;
+    ratingCount?: number;
+    views?: number;
+    price?: number;
+    currency?: string;
+    duration?: number;
+    category?: string;
+}
+interface GenericEntityTableProps {
+    entities: GenericEntity[];
+    type: "rental" | "adventure" | "package" | "guide" | "property" | "event" | "volunteer";
+    onEdit: (slug: string) => void;
+    onDelete: (slug: string) => void;
+    onView: (slug: string) => void;
+    onStatusChange?: (slug: string, newStatus: string) => void;
+    onApprove?: (slug: string) => Promise<void>;
+    onReject?: (slug: string) => Promise<void>;
+    onArchive?: (slug: string) => void;
+    onRestore?: (slug: string) => void;
+    onClose?: (slug: string) => void;
+    onRepost?: (slug: string) => void;
+    onCopy?: (slug: string) => void;
+    onManageRooms?: (slug: string) => void;
+    onManage?: (idOrSlug: string) => void;
+    onBookings?: (slug: string) => void;
+}
+export declare function GenericEntityTable({ entities, type, onEdit, onDelete, onView, onStatusChange, onApprove, onReject, onArchive, onRestore, onClose, onRepost, onCopy, onManageRooms, onManage, onBookings, }: GenericEntityTableProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=generic-entity-table.d.ts.map

package/dist/components/ui/dashboard/generic-entity-table.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"generic-entity-table.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/dashboard/generic-entity-table.tsx"],"names":[],"mappings":"AAyBA,MAAM,WAAW,aAAa;IAC5B,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,IAAI,GAAG,MAAM,CAAC;IACzB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,UAAU,uBAAuB;IAC/B,QAAQ,EAAE,aAAa,EAAE,CAAC;IAC1B,IAAI,EACF,QAAQ,GACR,WAAW,GACX,SAAS,GACT,OAAO,GACP,UAAU,GACV,OAAO,GACP,WAAW,CAAC;IACd,MAAM,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/B,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,MAAM,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/B,cAAc,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3D,SAAS,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC5C,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC3C,SAAS,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,SAAS,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,OAAO,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CACrC;AAcD,wBAAgB,kBAAkB,CAAC,EACjC,QAAQ,EACR,IAAI,EACJ,MAAM,EACN,QAAQ,EACR,MAAM,EACN,cAAc,EACd,SAAS,EACT,QAAQ,EACR,SAAS,EACT,SAAS,EACT,OAAO,EACP,QAAQ,EACR,MAAM,EACN,aAAa,EACb,QAAQ,EACR,UAAU,GACX,EAAE,uBAAuB,2CAoOzB"}