@myrjfa/ui 2.1.8 → 2.2.0

package/dist/components/ui/dashboard/travel-packages-table.js

@@ -0,0 +1,134 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// components/dashboard/TravelPackageTable.tsx
+import { Archive, Copy, Edit, ExternalLink, Trash, Users } 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';
+const bookingModeLabels = {
+    enquiry: 'Enquiry',
+    booking: 'Booking',
+    both: 'Both',
+};
+export function TravelPackagesTable({ travelPackages, onEdit, onDelete, onView, onViewEnquiries, onArchive, onClose, onPost, onRepost, onCopy, }) {
+    const columns = [
+        {
+            header: 'Title',
+            accessorKey: 'title',
+            cell: (travelPackage) => (_jsx("div", { className: "font-medium", children: travelPackage.title })),
+            sortable: true,
+        },
+        {
+            header: 'Status',
+            accessorKey: 'status',
+            cell: (travelPackage) => (_jsx("div", { className: "flex items-center gap-2", children: _jsx(StatusBadge, { status: travelPackage.status }) })),
+            sortable: true,
+        },
+        {
+            header: 'Location',
+            accessorKey: 'city',
+            cell: (travelPackage) => _jsx("div", { children: travelPackage.city + ", " + travelPackage.state }),
+            sortable: true,
+        },
+        {
+            header: 'Trip Date',
+            accessorKey: 'availableFrom',
+            cell: (travelPackage) => (_jsx("div", { children: formatDate(travelPackage.availableFrom) })),
+            sortable: true,
+        },
+        {
+            header: 'Customers',
+            accessorKey: 'applicationCount',
+            cell: (travelPackage) => {
+                var _a;
+                return (_jsxs("div", { children: [(_a = travelPackage.applicationCount) !== null && _a !== void 0 ? _a : 0, " / ", travelPackage.peopleRequired] }));
+            },
+            sortable: true,
+        },
+        {
+            header: 'Response',
+            accessorKey: 'bookingMode',
+            cell: (travelPackage) => (_jsx("div", { children: bookingModeLabels[travelPackage.bookingMode || 'both'] })),
+            sortable: true,
+        },
+        {
+            header: 'Views',
+            accessorKey: 'views',
+            cell: (travelPackage) => (_jsx("div", { children: travelPackage.views })),
+            sortable: true,
+        },
+        // {
+        //     header: 'Rating',
+        //     accessorKey: 'rating',
+        //     cell: (travelPackage) => (
+        //         <div className='w-15'>
+        //             <div>{travelPackage.rating ?? 0} by</div>
+        //             <div className='flex'>{travelPackage.ratingCount ?? 0} < User size={18} /></div >
+        //         </div>
+        //     ),
+        //     sortable: true,
+        // },
+    ];
+    const getTravelPackageActions = (travelPackage) => {
+        const actions = [];
+        // Status-specific actions
+        if (travelPackage.status === 'draft' || travelPackage.status === 'pending' || travelPackage.status === 'denied') {
+            actions.push({
+                label: 'Delete',
+                icon: _jsx(Trash, { className: "h-4 w-4" }),
+                action: () => onDelete(travelPackage.slug),
+                variant: 'destructive',
+            });
+        }
+        else if (travelPackage.status === 'archived') {
+            actions.push({
+                label: 'Post',
+                icon: _jsx(ExternalLink, { className: "h-4 w-4" }),
+                action: () => onPost(travelPackage.slug),
+            }, {
+                label: 'Delete',
+                icon: _jsx(Trash, { className: "h-4 w-4" }),
+                action: () => onDelete(travelPackage.slug),
+                variant: 'destructive',
+            });
+        }
+        else if (travelPackage.status === 'open') {
+            actions.push(...(travelPackage.bookingMode !== 'booking' ? [{
+                    label: 'View Enquiries',
+                    icon: _jsx(Users, { className: "h-4 w-4" }),
+                    action: () => onViewEnquiries(travelPackage.slug),
+                }] : []), {
+                label: 'Archive',
+                icon: _jsx(Archive, { className: "h-4 w-4" }),
+                action: () => onArchive(travelPackage.slug),
+            }, {
+                label: 'Close',
+                icon: _jsx(Archive, { className: "h-4 w-4" }),
+                action: () => onClose(travelPackage.slug),
+            });
+        }
+        else if (travelPackage.status === 'closed') {
+            actions.push(...(travelPackage.bookingMode !== 'booking' ? [{
+                    label: 'View Enquiries',
+                    icon: _jsx(Users, { className: "h-4 w-4" }),
+                    action: () => onViewEnquiries(travelPackage.slug),
+                }] : []), {
+                label: 'Repost',
+                icon: _jsx(ExternalLink, { className: "h-4 w-4" }),
+                action: () => onRepost(travelPackage.slug),
+            });
+        }
+        // Base actions
+        actions.push({
+            label: 'Edit',
+            icon: _jsx(Edit, { className: "h-4 w-4" }),
+            action: () => onEdit(travelPackage.slug),
+        }, {
+            label: 'Create New From This',
+            icon: _jsx(Copy, { className: "h-4 w-4" }),
+            action: () => onCopy(travelPackage.slug),
+        });
+        return _jsx(ActionButtons, { actions: actions, maxDisplayed: 1 });
+    };
+    return (_jsx(DataTableShell, { data: travelPackages, columns: columns, actions: getTravelPackageActions, onRowClick: onView }));
+}

package/dist/components/ui/dashboard/user-applications-table.d.ts

@@ -0,0 +1,12 @@
+import { Application } from '@myrjfa/state/dist/lib/models/application';
+interface ApplicationsTableProps {
+    applications: Application[];
+    onEdit: (id: string) => void;
+    onWithdraw: (id: string) => void;
+    onAddHostContact: (id: string) => void;
+    onRate: (id: string) => void;
+    onView: (id: string) => void;
+}
+export declare function ApplicationsTable({ applications, onEdit, onWithdraw, onAddHostContact, onRate, onView, }: ApplicationsTableProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=user-applications-table.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"user-applications-table.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/dashboard/user-applications-table.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,WAAW,EAAE,MAAM,2CAA2C,CAAC;AAWxE,UAAU,sBAAsB;IAC9B,YAAY,EAAE,WAAW,EAAE,CAAC;IAC5B,MAAM,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7B,UAAU,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,gBAAgB,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,MAAM,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7B,MAAM,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;CAC9B;AAED,wBAAgB,iBAAiB,CAAC,EAChC,YAAY,EACZ,MAAM,EACN,UAAU,EACV,gBAAgB,EAChB,MAAM,EACN,MAAM,GACP,EAAE,sBAAsB,2CA2FxB"}

package/dist/components/ui/dashboard/user-applications-table.js

@@ -0,0 +1,79 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// components/dashboard/user/ApplicationsTable.tsx
+import { Edit, Phone, Star, X } from 'lucide-react';
+import { ActionButtons } from '@myrjfa/ui/dist/dashboard/action-buttons';
+import { ProgressWithText, StatusBadge } from '@myrjfa/ui/dist/dashboard/dashboard-components';
+import { formatDate, getProgressValue } from '@myrjfa/state/dist/lib/utils';
+import { opportunityTypeOptions } from '@myrjfa/state/dist/lib/models/opportunities/opportunity';
+import { DataTableShell } from '@myrjfa/ui/dist/components/ui/dashboard/data-table-shell';
+// Helper to get label for opportunity type
+const getOpportunityTypeLabel = (type) => {
+    const found = opportunityTypeOptions.find(opt => opt.value === type);
+    return (found === null || found === void 0 ? void 0 : found.label) || 'Volunteer';
+};
+export function ApplicationsTable({ applications, onEdit, onWithdraw, onAddHostContact, onRate, onView, }) {
+    const columns = [
+        {
+            header: 'Opportunity',
+            accessorKey: 'opportunityTitle',
+            cell: (application) => (_jsx("div", { className: "font-medium", children: application.opportunityTitle })),
+            sortable: true,
+        },
+        {
+            header: 'Type',
+            accessorKey: 'opportunityType',
+            cell: (application) => (_jsx("span", { className: "inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-muted text-muted-foreground", children: getOpportunityTypeLabel(application.opportunityType) })),
+            sortable: true,
+        },
+        {
+            header: 'Status',
+            accessorKey: 'status',
+            cell: (application) => (_jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(StatusBadge, { status: application.status === "adminApproved" ? "pending" : application.status }), _jsx(ProgressWithText, { value: getProgressValue(application.status), showPercentage: false })] })),
+            sortable: true,
+        },
+        {
+            header: 'Trip Dates',
+            accessorKey: 'tripStartDate',
+            cell: (application) => (_jsxs("div", { children: [formatDate(application.tripStartDate), " - ", formatDate(application.tripEndDate)] })),
+            sortable: true,
+        },
+        {
+            header: 'Location',
+            accessorKey: 'location',
+            sortable: true,
+        },
+    ];
+    const getApplicationActions = (application) => {
+        const actions = [];
+        if (application.status === "pending" ||
+            application.status === "adminApproved" ||
+            application.status === "denied") {
+            actions.push({
+                label: "Edit",
+                icon: _jsx(Edit, { className: "h-4 w-4" }),
+                action: () => onEdit(application.opportunityId),
+            }, {
+                label: "Withdraw",
+                icon: _jsx(X, { className: "h-4 w-4" }),
+                action: () => onWithdraw(application._id),
+                variant: "destructive",
+            });
+        }
+        else if (application.status === "approved") {
+            actions.push({
+                label: "Contact Host",
+                icon: _jsx(Phone, { className: "h-4 w-4" }),
+                action: () => { var _a; return onAddHostContact((_a = application.hostId) !== null && _a !== void 0 ? _a : ""); },
+            });
+        }
+        else if (application.status === "completed") {
+            actions.push({
+                label: "Rate & Review",
+                icon: _jsx(Star, { className: "h-4 w-4" }),
+                action: () => onRate(application.opportunityId),
+            });
+        }
+        return _jsx(ActionButtons, { actions: actions, maxDisplayed: 2 });
+    };
+    return (_jsx(DataTableShell, { data: applications, columns: columns, actions: getApplicationActions, onRowClick: onView }));
+}

package/dist/components/ui/loading-skeleton.d.ts

@@ -0,0 +1,10 @@
+export interface ImageGalleryViewerProps {
+    images: {
+        src: string;
+        label?: string;
+    }[];
+    onClose: () => void;
+    initialScrollTo?: string | boolean;
+}
+export declare function ImageGalleryViewer({ images, onClose, initialScrollTo }: ImageGalleryViewerProps): import("react").ReactPortal | null;
+//# sourceMappingURL=loading-skeleton.d.ts.map

package/dist/components/ui/loading-skeleton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"loading-skeleton.d.ts","sourceRoot":"","sources":["../../../src/components/ui/loading-skeleton.tsx"],"names":[],"mappings":"AAOA,MAAM,WAAW,uBAAuB;IACtC,MAAM,EAAE;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;IAC1C,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,eAAe,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;CACpC;AAED,wBAAgB,kBAAkB,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE,eAAe,EAAE,EAAE,uBAAuB,sCA0I/F"}

package/dist/components/ui/loading-skeleton.js

@@ -0,0 +1,49 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { X, ChevronLeft, ChevronRight } from "lucide-react";
+import Image from "next/image";
+import { createPortal } from "react-dom";
+import { useEffect, useState, useCallback } from "react";
+export function ImageGalleryViewer({ images, onClose, initialScrollTo }) {
+    var _a, _b, _c, _d, _e, _f;
+    const [mounted, setMounted] = useState(false);
+    const [lightboxIndex, setLightboxIndex] = useState(null);
+    useEffect(() => {
+        setMounted(true);
+        if (typeof initialScrollTo === "string") {
+            setTimeout(() => {
+                const el = document.getElementById(`gallery-${initialScrollTo}`);
+                if (el)
+                    el.scrollIntoView({ behavior: "smooth", block: "start" });
+            }, 100);
+        }
+    }, [initialScrollTo]);
+    const openLightbox = (index) => setLightboxIndex(index);
+    const closeLightbox = () => setLightboxIndex(null);
+    const prev = useCallback(() => {
+        setLightboxIndex(i => (i !== null ? (i - 1 + images.length) % images.length : null));
+    }, [images.length]);
+    const next = useCallback(() => {
+        setLightboxIndex(i => (i !== null ? (i + 1) % images.length : null));
+    }, [images.length]);
+    useEffect(() => {
+        if (lightboxIndex === null)
+            return;
+        const handleKey = (e) => {
+            if (e.key === "ArrowLeft")
+                prev();
+            else if (e.key === "ArrowRight")
+                next();
+            else if (e.key === "Escape")
+                closeLightbox();
+        };
+        window.addEventListener("keydown", handleKey);
+        return () => window.removeEventListener("keydown", handleKey);
+    }, [lightboxIndex, prev, next]);
+    if (!mounted)
+        return null;
+    return createPortal(_jsxs(_Fragment, { children: [_jsxs("div", { className: "fixed inset-0 z-[999999] bg-white overflow-y-auto w-full h-full flex flex-col animate-in fade-in zoom-in-95 duration-200", children: [_jsxs("div", { className: "sticky top-0 bg-white/95 backdrop-blur-md z-[999999] border-b flex items-center p-4", children: [_jsxs("button", { onClick: onClose, className: "group bg-gray-100 hover:bg-gray-200 px-4 py-2 rounded-xl transition-colors flex items-center justify-center gap-2 shrink-0 shadow-sm", children: [_jsx(X, { className: "w-5 h-5 text-gray-700 group-hover:text-gray-900" }), _jsx("span", { className: "font-bold text-gray-700 group-hover:text-gray-900 text-sm", children: "Back" })] }), _jsxs("div", { className: "flex-1 text-center font-bold text-lg tracking-tight text-gray-900 pr-[88px]", children: ["All Photos (", images.length, ")"] })] }), _jsx("div", { className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-2 p-2 mx-auto max-w-7xl w-full", children: images.map((img, i) => {
+                            var _a;
+                            return (_jsxs("button", { id: `gallery-${img.label}`, onClick: () => openLightbox(i), className: "relative aspect-square w-full rounded-2xl overflow-hidden group bg-gray-100 border border-gray-100 shadow-sm focus:outline-none focus:ring-2 focus:ring-primary", children: [_jsx(Image, { src: img.src, alt: (_a = img.label) !== null && _a !== void 0 ? _a : `Photo ${i + 1}`, fill: true, className: "object-cover transition-transform duration-700 group-hover:scale-105" }), _jsx("div", { className: "absolute inset-0 bg-black/0 group-hover:bg-black/20 transition-colors duration-300 flex items-center justify-center", children: _jsx("span", { className: "opacity-0 group-hover:opacity-100 transition-opacity text-white font-bold text-sm bg-black/50 px-3 py-1.5 rounded-full", children: "View" }) })] }, i));
+                        }) })] }), lightboxIndex !== null && createPortal(_jsxs("div", { className: "fixed inset-0 z-[9999999] bg-black/95 flex flex-col animate-in fade-in duration-150", children: [_jsxs("div", { className: "flex items-center justify-between px-4 py-3 shrink-0", children: [_jsxs("button", { onClick: closeLightbox, className: "flex items-center gap-2 bg-white/10 hover:bg-white/20 text-white px-4 py-2 rounded-xl transition font-bold text-sm", children: [_jsx(ChevronLeft, { className: "w-4 h-4" }), "Back"] }), _jsxs("span", { className: "text-white/70 text-sm font-semibold", children: [lightboxIndex + 1, " / ", images.length] }), _jsx("button", { onClick: closeLightbox, className: "bg-white/10 hover:bg-white/20 text-white p-2 rounded-xl transition", children: _jsx(X, { className: "w-5 h-5" }) })] }), _jsx("div", { className: "flex-1 relative flex items-center justify-center px-14 min-h-0", children: _jsx(Image, { src: (_b = (_a = images[lightboxIndex]) === null || _a === void 0 ? void 0 : _a.src) !== null && _b !== void 0 ? _b : '', alt: (_d = (_c = images[lightboxIndex]) === null || _c === void 0 ? void 0 : _c.label) !== null && _d !== void 0 ? _d : `Photo ${lightboxIndex + 1}`, fill: true, className: "object-contain", sizes: "100vw" }) }), _jsx("button", { onClick: prev, className: "absolute left-2 top-1/2 -translate-y-1/2 bg-white/10 hover:bg-white/25 text-white p-3 rounded-full transition", children: _jsx(ChevronLeft, { className: "w-6 h-6" }) }), _jsx("button", { onClick: next, className: "absolute right-2 top-1/2 -translate-y-1/2 bg-white/10 hover:bg-white/25 text-white p-3 rounded-full transition", children: _jsx(ChevronRight, { className: "w-6 h-6" }) }), ((_e = images[lightboxIndex]) === null || _e === void 0 ? void 0 : _e.label) && (_jsx("div", { className: "shrink-0 text-center text-white/60 text-sm pb-4 font-medium", children: (_f = images[lightboxIndex]) === null || _f === void 0 ? void 0 : _f.label }))] }), document.body)] }), document.body);
+}

package/dist/components/ui/misc/IosPwaNavBar.d.ts

@@ -0,0 +1,8 @@
+/**
+ * #12 — iPhone PWA Navigation Bar
+ * Shows a fixed bottom bar only when running as a standalone PWA on iOS.
+ * iOS Safari in standalone mode has no browser chrome (no back/forward/reload buttons),
+ * so users have no way to navigate. This provides that functionality.
+ */
+export default function IosPwaNavBar(): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=IosPwaNavBar.d.ts.map

package/dist/components/ui/misc/IosPwaNavBar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IosPwaNavBar.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/misc/IosPwaNavBar.tsx"],"names":[],"mappings":"AAOA;;;;;GAKG;AACH,MAAM,CAAC,OAAO,UAAU,YAAY,mDAiDnC"}

package/dist/components/ui/misc/IosPwaNavBar.js

@@ -0,0 +1,25 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from 'react';
+import { ChevronLeft, ChevronRight, RefreshCw } from 'lucide-react';
+import { Button } from '@myrjfa/ui/dist/misc/button';
+import { useRouter } from 'next/navigation';
+/**
+ * #12 — iPhone PWA Navigation Bar
+ * Shows a fixed bottom bar only when running as a standalone PWA on iOS.
+ * iOS Safari in standalone mode has no browser chrome (no back/forward/reload buttons),
+ * so users have no way to navigate. This provides that functionality.
+ */
+export default function IosPwaNavBar() {
+    const [isIosPwa, setIsIosPwa] = useState(false);
+    const router = useRouter();
+    useEffect(() => {
+        const isStandalone = ('standalone' in window.navigator && window.navigator.standalone === true) ||
+            window.matchMedia('(display-mode: standalone)').matches;
+        const isIos = /iPhone|iPad|iPod/i.test(window.navigator.userAgent);
+        setIsIosPwa(isStandalone && isIos);
+    }, []);
+    if (!isIosPwa)
+        return null;
+    return (_jsxs("nav", { style: { paddingBottom: 'env(safe-area-inset-bottom)' }, className: "fixed bottom-0 left-0 right-0 z-50 bg-white/90 backdrop-blur border-t border-gray-200 flex items-center justify-around h-14", children: [_jsx(Button, { onClick: () => router.back(), "aria-label": "Go back", variant: "ghost", size: "icon", children: _jsx(ChevronLeft, { className: "h-6 w-6" }) }), _jsx(Button, { onClick: () => router.refresh(), "aria-label": "Reload page", variant: "ghost", size: "icon", children: _jsx(RefreshCw, { className: "h-5 w-5" }) }), _jsx(Button, { onClick: () => router.forward(), "aria-label": "Go forward", variant: "ghost", size: "icon", children: _jsx(ChevronRight, { className: "h-6 w-6" }) })] }));
+}

package/dist/components/ui/misc/document-upload-button.d.ts

@@ -0,0 +1,10 @@
+interface FileUploadProps {
+    label?: string;
+    required?: boolean;
+    value?: File;
+    onChange: (file: File | null) => void;
+    accept?: string;
+}
+export declare function FileUpload({ label, required, value, onChange, accept }: FileUploadProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=document-upload-button.d.ts.map

package/dist/components/ui/misc/document-upload-button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"document-upload-button.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/misc/document-upload-button.tsx"],"names":[],"mappings":"AAGA,UAAU,eAAe;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,IAAI,CAAC;IACb,QAAQ,EAAE,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,KAAK,IAAI,CAAC;IACtC,MAAM,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,wBAAgB,UAAU,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE,MAA+B,EAAE,EAAE,eAAe,2CAkBhH"}

package/dist/components/ui/misc/document-upload-button.js

@@ -0,0 +1,12 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { FileUpload as SharedFileUpload } from '@myrjfa/ui/dist/misc/document-upload-button';
+export function FileUpload({ label, required, value, onChange, accept = '.pdf,.jpg,.jpeg,.png' }) {
+    const normalizedAccept = accept.toLowerCase();
+    const type = normalizedAccept.includes('image') && !normalizedAccept.includes('pdf')
+        ? 'image'
+        : normalizedAccept.includes('pdf') && !normalizedAccept.includes('image')
+            ? 'document'
+            : 'both';
+    return (_jsx(SharedFileUpload, { label: label, required: required, value: value !== null && value !== void 0 ? value : null, onChange: onChange, type: type }));
+}

package/dist/components/ui/misc/empty-state.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+interface EmptyStateProps {
+    title: string;
+    description?: string;
+    action?: React.ReactNode;
+}
+export declare function EmptyState({ title, description, action }: EmptyStateProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=empty-state.d.ts.map

package/dist/components/ui/misc/empty-state.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"empty-state.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/misc/empty-state.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,UAAU,eAAe;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,wBAAgB,UAAU,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,MAAM,EAAE,EAAE,eAAe,2CAQzE"}

package/dist/components/ui/misc/empty-state.js

@@ -0,0 +1,4 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export function EmptyState({ title, description, action }) {
+    return (_jsxs("div", { className: "flex flex-col items-center justify-center py-12 text-center gap-4", children: [_jsx("h3", { className: "text-lg font-semibold", children: title }), description && _jsx("p", { className: "text-sm text-muted-foreground max-w-sm", children: description }), action && _jsx("div", { children: action })] }));
+}

package/dist/components/ui/misc/image-cropper.d.ts

@@ -0,0 +1,9 @@
+interface ImageCropperProps {
+    open: boolean;
+    image: string;
+    onCancel: () => void;
+    onCropComplete: (croppedFile: File) => void;
+}
+export default function ImageCropper({ open, image, onCancel, onCropComplete }: ImageCropperProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=image-cropper.d.ts.map

package/dist/components/ui/misc/image-cropper.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"image-cropper.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/misc/image-cropper.tsx"],"names":[],"mappings":"AAKA,UAAU,iBAAiB;IACvB,IAAI,EAAE,OAAO,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,cAAc,EAAE,CAAC,WAAW,EAAE,IAAI,KAAK,IAAI,CAAC;CAC/C;AAED,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE,cAAc,EAAE,EAAE,iBAAiB,2CAsChG"}

package/dist/components/ui/misc/image-cropper.js

@@ -0,0 +1,28 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useRef, useState } from 'react';
+import { Dialog, DialogContent, DialogFooter, DialogHeader, DialogTitle } from '@myrjfa/ui/dist/misc/dialog';
+import { Button } from '@myrjfa/ui/dist/misc/button';
+export default function ImageCropper({ open, image, onCancel, onCropComplete }) {
+    const canvasRef = useRef(null);
+    const [loading, setLoading] = useState(false);
+    const handleCrop = async () => {
+        setLoading(true);
+        try {
+            const canvas = canvasRef.current;
+            if (!canvas)
+                return;
+            canvas.toBlob((blob) => {
+                if (!blob)
+                    return;
+                const file = new File([blob], 'cropped-image.jpg', { type: 'image/jpeg' });
+                onCropComplete(file);
+            }, 'image/jpeg', 0.9);
+        }
+        finally {
+            setLoading(false);
+        }
+    };
+    return (_jsx(Dialog, { open: open, onOpenChange: (o) => { if (!o)
+            onCancel(); }, children: _jsxs(DialogContent, { className: "max-w-lg", children: [_jsx(DialogHeader, { children: _jsx(DialogTitle, { children: "Crop Image" }) }), _jsxs("div", { className: "flex items-center justify-center", children: [_jsx("img", { src: image, alt: "Preview", className: "max-h-80 object-contain" }), _jsx("canvas", { ref: canvasRef, className: "hidden" })] }), _jsxs(DialogFooter, { children: [_jsx(Button, { variant: "outline", onClick: onCancel, children: "Cancel" }), _jsx(Button, { onClick: handleCrop, disabled: loading, children: loading ? 'Saving...' : 'Use Image' })] })] }) }));
+}

package/dist/components/ui/misc/rental-tile.d.ts

@@ -0,0 +1,6 @@
+import { TileProps } from "@myrjfa/state/dist/lib/models/tile";
+export declare function RentalTile(props: TileProps & {
+    onClick: () => void;
+    clicked: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=rental-tile.d.ts.map

package/dist/components/ui/misc/rental-tile.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"rental-tile.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/misc/rental-tile.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,SAAS,EAAE,MAAM,oCAAoC,CAAC;AAS/D,wBAAgB,UAAU,CAAC,KAAK,EAAE,SAAS,GAAG;IAAE,OAAO,EAAE,MAAM,IAAI,CAAC;IAAC,OAAO,EAAE,OAAO,CAAA;CAAE,2CAmLtF"}

package/dist/components/ui/misc/rental-tile.js

@@ -0,0 +1,56 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from "react";
+import { CheckCircle2, Settings, Users, Fuel, Star, MapPin, Gauge, Heart, Loader2 } from "lucide-react";
+import Image from "next/image";
+import { useRouter } from "next/navigation";
+import { cn } from "@myrjfa/state/dist/lib/utils";
+import { Card } from "@myrjfa/ui/dist/misc/card";
+import { Button } from "@myrjfa/ui/dist/misc/button";
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@myrjfa/ui/dist/misc/select";
+import { toggleUserWishlist } from "@myrjfa/state/dist/lib/actions/actions";
+import { userAtom, userLoadingAtom } from "@myrjfa/state/dist/lib/userAtom";
+import { useAtom, useAtomValue } from "jotai";
+import { showAlert } from "@myrjfa/ui/dist/misc/alertdialogclaude";
+export function RentalTile(props) {
+    var _a;
+    const [selectedPickupIndex, setSelectedPickupIndex] = useState(0);
+    const router = useRouter();
+    const variants = ((_a = props.rentalVariants) === null || _a === void 0 ? void 0 : _a.length) ? props.rentalVariants : [props];
+    const selectedRental = variants[selectedPickupIndex] || variants[0] || props;
+    const [user, setUser] = useAtom(userAtom);
+    const loading = useAtomValue(userLoadingAtom);
+    const [wishlisted, setWishlisted] = useState(false);
+    const [navigating, setNavigating] = useState(false);
+    useEffect(() => {
+        var _a, _b;
+        if (loading || !user)
+            return;
+        setWishlisted((_b = (_a = user.favPackages) === null || _a === void 0 ? void 0 : _a.includes(selectedRental.slug)) !== null && _b !== void 0 ? _b : false);
+    }, [loading, selectedRental.slug, user]);
+    const formatPrice = (p) => new Intl.NumberFormat('en-IN', { style: 'currency', currency: selectedRental.currency || 'INR', maximumFractionDigits: 0 }).format(p);
+    const titleStr = selectedRental.brand ? `${selectedRental.brand} ${selectedRental.model}` : selectedRental.title;
+    const totalPrice = selectedRental.price || 0;
+    const clicked = props.clicked || navigating;
+    const navigateToSelectedRental = () => {
+        var _a;
+        if (clicked)
+            return;
+        setNavigating(true);
+        router.push((_a = selectedRental.href) !== null && _a !== void 0 ? _a : `/rentals/${selectedRental.slug}`);
+    };
+    return (_jsxs(Card, { className: cn("h-full py-0 relative overflow-hidden flex flex-col bg-white border-0 shadow-sm ring-1 ring-slate-200/60 rounded-[24px] transition-all duration-500 hover:shadow-2xl hover:shadow-primary/10 hover:ring-primary/30 hover:-translate-y-1.5 group cursor-pointer", clicked && "opacity-60 pointer-events-none"), onClick: navigateToSelectedRental, children: [clicked && (_jsx("div", { className: "absolute inset-0 z-40 flex items-center justify-center rounded-[24px] bg-white/70 backdrop-blur-[1px]", children: _jsx(Loader2, { className: "h-7 w-7 animate-spin text-slate-700" }) })), _jsxs("div", { className: "absolute top-4 left-4 right-4 flex justify-between items-start z-20 pointer-events-none", children: [_jsx("div", { className: "flex flex-col gap-2", children: selectedRental.payAtPickup && (_jsxs("span", { className: "bg-emerald-500/90 text-white text-[10px] font-bold uppercase tracking-wider px-3 py-1.5 rounded-full flex items-center gap-1.5 shadow-lg shadow-emerald-500/20 backdrop-blur-md", children: [_jsx(CheckCircle2, { className: "w-3 h-3" }), "Pay at Pickup"] })) }), _jsxs("div", { className: "flex flex-col items-end gap-2 pointer-events-auto", children: [user && user.role === "user" ? (_jsx("button", { type: "button", onClick: async (e) => {
+                                    e.preventDefault();
+                                    e.stopPropagation();
+                                    const response = await toggleUserWishlist(selectedRental.slug, "rentals");
+                                    if (response === null || response === void 0 ? void 0 : response.error) {
+                                        await showAlert(response.error);
+                                        return;
+                                    }
+                                    setUser((prev) => prev ? { ...prev, favPackages: response.wishlist } : prev);
+                                    setWishlisted((prev) => !prev);
+                                }, className: "flex h-10 w-10 items-center justify-center rounded-full bg-white/95 text-slate-500 shadow-lg transition hover:bg-white hover:text-rose-500", "aria-label": wishlisted ? "Remove from wishlist" : "Save rental", children: _jsx(Heart, { className: `h-4.5 w-4.5 ${wishlisted ? "fill-rose-500 text-rose-500" : ""}` }) })) : null, (selectedRental.rating && selectedRental.rating > 0) ? (_jsxs("span", { className: "bg-white/95 text-slate-900 text-[11px] font-bold px-3 py-1.5 rounded-full shadow-lg flex items-center gap-1.5 border border-slate-100", children: [_jsx(Star, { className: "w-3.5 h-3.5 fill-amber-400 text-amber-400" }), _jsxs("span", { children: [selectedRental.rating, " ", _jsxs("span", { className: "font-semibold text-slate-400", children: ["(", selectedRental.reviewCount || 0, ")"] })] })] })) : null, (selectedRental.completedTrips && selectedRental.completedTrips > 0) ? (_jsxs("span", { className: "bg-slate-900/90 text-white text-[10px] font-bold px-3 py-1.5 rounded-full shadow-lg backdrop-blur-md", children: [selectedRental.completedTrips, " Trips"] })) : null] })] }), _jsxs("div", { className: "relative w-full aspect-[4/3] overflow-hidden", children: [_jsx("div", { className: "absolute inset-0 bg-slate-900/10 z-10 group-hover:bg-transparent transition-colors duration-500" }), _jsx(Image, { src: selectedRental.image || "/placeholder.jpg", alt: selectedRental.title, fill: true, sizes: "(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 25vw", className: "object-cover group-hover:scale-110 transition-transform duration-700 ease-out" }), _jsx("div", { className: "absolute bottom-0 left-0 right-0 h-1/2 bg-gradient-to-t from-white via-white/50 to-transparent z-10" })] }), _jsxs("div", { className: "flex-1 flex flex-col px-6 pb-6 -mt-10 relative z-20", children: [_jsxs("div", { className: "mb-5", children: [_jsx("h3", { className: "text-xl font-extrabold text-slate-900 tracking-tight leading-tight line-clamp-1 mb-1", title: titleStr, children: titleStr }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx("span", { className: "text-[10px] font-bold uppercase tracking-widest text-primary bg-primary/10 px-2 py-0.5 rounded", children: selectedRental.vehicleType || "Vehicle" }), _jsxs("span", { className: "text-xs font-bold text-slate-400", children: ["Model ", selectedRental.date ? new Date(selectedRental.date).getFullYear() : '2024'] })] })] }), _jsx("div", { className: "grid grid-cols-3 gap-3 mb-6", children: [
+                            { icon: _jsx(Settings, { className: "w-4 h-4" }), label: selectedRental.transmission || 'Auto' },
+                            { icon: _jsx(Users, { className: "w-4 h-4" }), label: `${selectedRental.seatingCapacity || 2} Seats` },
+                            { icon: _jsx(Fuel, { className: "w-4 h-4" }), label: selectedRental.fuelType || 'Petrol' }
+                        ].map((spec, i) => (_jsxs("div", { className: "flex flex-col items-center justify-center bg-slate-50 rounded-2xl p-3 border border-slate-100/50 group-hover:bg-white group-hover:border-primary/20 transition-all duration-300", children: [_jsx("div", { className: "text-slate-400 group-hover:text-primary transition-colors mb-1.5", children: spec.icon }), _jsx("span", { className: "text-[10px] font-bold text-slate-600 uppercase tracking-tight text-center", children: spec.label })] }, i))) }), _jsxs("div", { className: "relative mb-6", children: [_jsx("div", { className: "absolute -top-2 left-3 bg-white px-1.5 text-[10px] font-bold uppercase tracking-widest text-slate-400 z-10 transition-colors group-hover:text-primary", children: "Available At" }), _jsx("div", { onClick: (event) => event.stopPropagation(), children: _jsxs(Select, { value: String(selectedPickupIndex), onValueChange: (value) => setSelectedPickupIndex(Number(value)), children: [_jsx(SelectTrigger, { className: "h-12 w-full rounded-2xl border-slate-100 bg-slate-50/50 px-4 text-sm font-bold text-slate-700 shadow-none group-hover:border-primary/20 focus:ring-0 focus-visible:ring-2 focus-visible:ring-slate-200", children: _jsx(SelectValue, { placeholder: selectedRental.location || "Location Not Set" }) }), _jsx(SelectContent, { align: "start", className: "z-[340] rounded-2xl border-slate-200 p-1 shadow-xl", children: variants.length > 0 ? (variants.map((variant, idx) => (_jsx(SelectItem, { value: String(idx), className: "rounded-xl px-3 py-2.5 font-semibold", children: _jsxs("span", { className: "inline-flex items-center gap-2", children: [_jsx(MapPin, { className: "h-4 w-4 text-slate-400" }), variant.location || "Location Not Set"] }) }, idx)))) : (_jsx(SelectItem, { value: "0", className: "rounded-xl px-3 py-2.5 font-semibold", children: selectedRental.location || "Location Not Set" })) })] }) })] }), _jsxs("div", { className: "mt-auto flex items-center justify-between gap-4 pt-1 border-t border-slate-100 pt-5", children: [_jsxs("div", { className: "flex flex-col", children: [_jsxs("div", { className: "flex items-baseline gap-1.5", children: [_jsx("span", { className: "text-3xl font-bold text-slate-900 tracking-tighter", children: formatPrice(totalPrice) }), _jsx("span", { className: "text-xs font-bold text-slate-400 uppercase", children: "/day" })] }), _jsxs("div", { className: "flex items-center gap-1.5 mt-1", children: [_jsx(Gauge, { className: "w-3.5 h-3.5 text-primary" }), _jsx("span", { className: "text-[11px] font-bold text-slate-500", children: selectedRental.distanceLimit || 'No distance limit' })] })] }), _jsx(Button, { className: "rounded-2xl px-8 h-14 font-bold uppercase tracking-widest text-xs shadow-xl shadow-primary/20 hover:shadow-primary/30 transition-all", onClick: (event) => { event.stopPropagation(); navigateToSelectedRental(); }, children: "Book Now" })] })] })] }));
+}

package/dist/components/ui/misc/skeleton-extras.d.ts

@@ -0,0 +1,32 @@
+export declare function FeedSkeleton({ count }: {
+    count?: number;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function SkeletonList({ count }: {
+    count?: number;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function DetailPageSkeleton(): import("react/jsx-runtime").JSX.Element;
+export declare function TripCardSkeleton(): import("react/jsx-runtime").JSX.Element;
+export declare function TripFeedSkeleton({ count }: {
+    count?: number;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function MatchCardSkeleton(): import("react/jsx-runtime").JSX.Element;
+export declare function MatchesSkeleton({ count }: {
+    count?: number;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function TripDetailSkeleton(): import("react/jsx-runtime").JSX.Element;
+export declare function SwipeCardSkeleton(): import("react/jsx-runtime").JSX.Element;
+export declare function EventCardSkeleton(): import("react/jsx-runtime").JSX.Element;
+export declare function EventFeedSkeleton({ count }: {
+    count?: number;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function EventDetailSkeleton(): import("react/jsx-runtime").JSX.Element;
+export declare function StayDetailSkeleton(): import("react/jsx-runtime").JSX.Element;
+export declare function BookingDetailSkeleton(): import("react/jsx-runtime").JSX.Element;
+export declare function ManagersPageSkeleton(): import("react/jsx-runtime").JSX.Element;
+export declare function ItineraryGridSkeleton({ count }: {
+    count?: number;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function ForumPostSkeleton({ count }: {
+    count?: number;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=skeleton-extras.d.ts.map

package/dist/components/ui/misc/skeleton-extras.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"skeleton-extras.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/misc/skeleton-extras.tsx"],"names":[],"mappings":"AAEA,wBAAgB,YAAY,CAAC,EAAE,KAAS,EAAE,EAAE;IAAE,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,2CAY7D;AAED,wBAAgB,YAAY,CAAC,EAAE,KAAS,EAAE,EAAE;IAAE,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,2CAc7D;AAED,wBAAgB,kBAAkB,4CAcjC;AAID,wBAAgB,gBAAgB,4CAgB/B;AAED,wBAAgB,gBAAgB,CAAC,EAAE,KAAS,EAAE,EAAE;IAAE,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,2CAQjE;AAED,wBAAgB,iBAAiB,4CAmBhC;AAED,wBAAgB,eAAe,CAAC,EAAE,KAAS,EAAE,EAAE;IAAE,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,2CAQhE;AAED,wBAAgB,kBAAkB,4CA8CjC;AAED,wBAAgB,iBAAiB,4CAsBhC;AAID,wBAAgB,iBAAiB,4CAmBhC;AAED,wBAAgB,iBAAiB,CAAC,EAAE,KAAS,EAAE,EAAE;IAAE,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,2CAQlE;AAED,wBAAgB,mBAAmB,4CAsClC;AAID,wBAAgB,kBAAkB,4CA0CjC;AAID,wBAAgB,qBAAqB,4CAgDpC;AAED,wBAAgB,oBAAoB,4CA8BnC;AAID,wBAAgB,qBAAqB,CAAC,EAAE,KAAS,EAAE,EAAE;IAAE,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,2CAmBtE;AAED,wBAAgB,iBAAiB,CAAC,EAAE,KAAS,EAAE,EAAE;IAAE,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,2CAsBlE"}