@myrjfa/ui 2.1.9 → 2.2.0

package/dist/components/location/leafletMap.js

@@ -0,0 +1,74 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// Leaflet CSS must be imported in the client-only map module.
+import "leaflet/dist/leaflet.css";
+import L from "leaflet";
+import { useEffect, useRef } from "react";
+import { MapContainer, Marker, TileLayer, useMap, useMapEvents } from "react-leaflet";
+const defaultIcon = L.icon({
+    iconUrl: "https://unpkg.com/leaflet@1.9.4/dist/images/marker-icon.png",
+    iconRetinaUrl: "https://unpkg.com/leaflet@1.9.4/dist/images/marker-icon-2x.png",
+    shadowUrl: "https://unpkg.com/leaflet@1.9.4/dist/images/marker-shadow.png",
+    iconSize: [25, 41],
+    iconAnchor: [12, 41],
+    popupAnchor: [1, -34],
+    shadowSize: [41, 41],
+});
+L.Marker.prototype.options.icon = defaultIcon;
+function MapSyncer({ position }) {
+    const map = useMap();
+    const prev = useRef(position);
+    useEffect(() => {
+        if (prev.current[0] === position[0] && prev.current[1] === position[1])
+            return;
+        const distanceFromCenter = map.distance(map.getCenter(), position);
+        if (distanceFromCenter > 20) {
+            map.flyTo(position, Math.max(map.getZoom(), 13), {
+                animate: true,
+                duration: 0.8,
+            });
+        }
+        prev.current = position;
+    }, [map, position]);
+    return null;
+}
+function ResizeMap() {
+    const map = useMap();
+    useEffect(() => {
+        const timeout = window.setTimeout(() => {
+            map.invalidateSize();
+        }, 300);
+        const container = map.getContainer();
+        const observer = typeof ResizeObserver === "undefined"
+            ? null
+            : new ResizeObserver(() => {
+                map.invalidateSize();
+            });
+        observer === null || observer === void 0 ? void 0 : observer.observe(container);
+        return () => {
+            window.clearTimeout(timeout);
+            observer === null || observer === void 0 ? void 0 : observer.disconnect();
+        };
+    }, [map]);
+    return null;
+}
+function ClickHandler({ onChange }) {
+    useMapEvents({
+        click(event) {
+            onChange(event.latlng.lat, event.latlng.lng);
+        },
+    });
+    return null;
+}
+export default function LeafletMap({ position, onMarkerDrag }) {
+    const markerRef = useRef(null);
+    return (_jsxs(MapContainer, { center: position, zoom: 13, scrollWheelZoom: true, zoomControl: true, style: { width: "100%", height: "100%", minHeight: "300px" }, children: [_jsx(TileLayer, { url: "https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png" }), _jsx(ResizeMap, {}), _jsx(MapSyncer, { position: position }), _jsx(ClickHandler, { onChange: onMarkerDrag }), _jsx(Marker, { draggable: true, icon: defaultIcon, position: position, ref: markerRef, eventHandlers: {
+                    dragend() {
+                        const marker = markerRef.current;
+                        if (!marker)
+                            return;
+                        const nextPosition = marker.getLatLng();
+                        onMarkerDrag(nextPosition.lat, nextPosition.lng);
+                    },
+                } })] }));
+}

package/dist/components/ui/GuestOrLoginDialog.d.ts

@@ -0,0 +1,11 @@
+interface GuestOrLoginDialogProps {
+    open: boolean;
+    onClose: () => void;
+    /** Called when user chooses to continue as guest */
+    onContinueAsGuest: () => void;
+    /** Current page path — used to redirect back after login */
+    fromPath?: string;
+}
+export declare function GuestOrLoginDialog({ open, onClose, onContinueAsGuest, fromPath, }: GuestOrLoginDialogProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=GuestOrLoginDialog.d.ts.map

package/dist/components/ui/GuestOrLoginDialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GuestOrLoginDialog.d.ts","sourceRoot":"","sources":["../../../src/components/ui/GuestOrLoginDialog.tsx"],"names":[],"mappings":"AAaA,UAAU,uBAAuB;IAC/B,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,oDAAoD;IACpD,iBAAiB,EAAE,MAAM,IAAI,CAAC;IAC9B,4DAA4D;IAC5D,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,wBAAgB,kBAAkB,CAAC,EACjC,IAAI,EACJ,OAAO,EACP,iBAAiB,EACjB,QAAQ,GACT,EAAE,uBAAuB,2CAqCzB"}

package/dist/components/ui/GuestOrLoginDialog.js

@@ -0,0 +1,19 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useRouter } from "next/navigation";
+import { LogIn, User } from "lucide-react";
+import { Dialog, DialogContent, DialogHeader, DialogTitle, DialogDescription, } from "@myrjfa/ui/dist/misc/dialog";
+import { Button } from "@myrjfa/ui/dist/misc/button";
+export function GuestOrLoginDialog({ open, onClose, onContinueAsGuest, fromPath, }) {
+    const router = useRouter();
+    const handleLogin = () => {
+        onClose();
+        const from = fromPath !== null && fromPath !== void 0 ? fromPath : window.location.pathname + window.location.search;
+        router.push(`/auth/login?from=${encodeURIComponent(from)}`);
+    };
+    const handleGuest = () => {
+        onClose();
+        onContinueAsGuest();
+    };
+    return (_jsx(Dialog, { open: open, onOpenChange: (v) => !v && onClose(), children: _jsxs(DialogContent, { className: "max-w-sm", children: [_jsxs(DialogHeader, { children: [_jsx(DialogTitle, { className: "text-lg font-black", children: "How would you like to continue?" }), _jsx(DialogDescription, { className: "text-sm text-gray-500 mt-1", children: "You can book as a guest or log in for a faster checkout experience and to track your bookings." })] }), _jsxs("div", { className: "flex flex-col gap-3 mt-2", children: [_jsxs(Button, { onClick: handleLogin, className: "w-full gap-2", children: [_jsx(LogIn, { className: "w-4 h-4" }), "Log in / Sign up"] }), _jsxs(Button, { onClick: handleGuest, variant: "outline", className: "w-full gap-2", children: [_jsx(User, { className: "w-4 h-4" }), "Continue as Guest"] })] })] }) }));
+}

package/dist/components/ui/ImageGalleryViewer.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=ImageGalleryViewer.d.ts.map

package/dist/components/ui/ImageGalleryViewer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImageGalleryViewer.d.ts","sourceRoot":"","sources":["../../../src/components/ui/ImageGalleryViewer.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,sCAsJ/F"}

package/dist/components/ui/ImageGalleryViewer.js

@@ -0,0 +1,59 @@
+"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(() => {
+        if (images.length <= 1)
+            return;
+        setLightboxIndex(i => (i !== null ? (i - 1 + images.length) % images.length : null));
+    }, [images.length]);
+    const next = useCallback(() => {
+        if (images.length <= 1)
+            return;
+        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", { type: "button", onClick: (event) => {
+                            event.stopPropagation();
+                            prev();
+                        }, disabled: images.length <= 1, className: "absolute left-2 top-1/2 z-10 -translate-y-1/2 bg-white/10 hover:bg-white/25 text-white p-3 rounded-full transition disabled:cursor-not-allowed disabled:opacity-40", children: _jsx(ChevronLeft, { className: "w-6 h-6" }) }), _jsx("button", { type: "button", onClick: (event) => {
+                            event.stopPropagation();
+                            next();
+                        }, disabled: images.length <= 1, className: "absolute right-2 top-1/2 z-10 -translate-y-1/2 bg-white/10 hover:bg-white/25 text-white p-3 rounded-full transition disabled:cursor-not-allowed disabled:opacity-40", 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/LocationInput.d.ts

@@ -0,0 +1,12 @@
+interface LocationInputProps {
+    value: string;
+    onChange: (val: string) => void;
+    placeholder?: string;
+    className?: string;
+    id?: string;
+    name?: string;
+    onBlur?: () => void;
+}
+export declare function LocationInput({ value, onChange, placeholder, className, id, name, onBlur, }: LocationInputProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=LocationInput.d.ts.map

package/dist/components/ui/LocationInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LocationInput.d.ts","sourceRoot":"","sources":["../../../src/components/ui/LocationInput.tsx"],"names":[],"mappings":"AAQA,UAAU,kBAAkB;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,wBAAgB,aAAa,CAAC,EAC5B,KAAK,EACL,QAAQ,EACR,WAA6C,EAC7C,SAAS,EACT,EAAE,EACF,IAAI,EACJ,MAAM,GACP,EAAE,kBAAkB,2CAuEpB"}

package/dist/components/ui/LocationInput.js

@@ -0,0 +1,39 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useRef, useEffect } from 'react';
+import { ALL_DESTINATIONS } from '@myrjfa/state/dist/lib/destinations';
+import { Input } from '@myrjfa/ui/dist/misc/input';
+import { cn } from '@myrjfa/state/dist/lib/utils';
+export function LocationInput({ value, onChange, placeholder = 'e.g. Manali, Himachal Pradesh', className, id, name, onBlur, }) {
+    const [open, setOpen] = useState(false);
+    const [query, setQuery] = useState(value !== null && value !== void 0 ? value : '');
+    const ref = useRef(null);
+    useEffect(() => {
+        setQuery(value !== null && value !== void 0 ? value : '');
+    }, [value]);
+    useEffect(() => {
+        const handler = (e) => {
+            if (ref.current && !ref.current.contains(e.target))
+                setOpen(false);
+        };
+        document.addEventListener('mousedown', handler);
+        return () => document.removeEventListener('mousedown', handler);
+    }, []);
+    const filtered = query.trim()
+        ? ALL_DESTINATIONS.filter((d) => d.name.toLowerCase().includes(query.toLowerCase()) ||
+            d.state.toLowerCase().includes(query.toLowerCase())).slice(0, 8)
+        : ALL_DESTINATIONS.slice(0, 8);
+    const handleSelect = (name) => {
+        setQuery(name);
+        onChange(name);
+        setOpen(false);
+    };
+    return (_jsxs("div", { ref: ref, className: "relative", children: [_jsx(Input, { id: id, name: name, value: query, autoComplete: "off", placeholder: placeholder, className: className, onChange: (e) => {
+                    setQuery(e.target.value);
+                    onChange(e.target.value);
+                    setOpen(true);
+                }, onFocus: () => setOpen(true), onBlur: () => {
+                    setTimeout(() => setOpen(false), 150);
+                    onBlur === null || onBlur === void 0 ? void 0 : onBlur();
+                } }), open && filtered.length > 0 && (_jsx("ul", { className: "absolute z-50 mt-1 w-full max-h-60 overflow-auto rounded-xl border border-gray-100 bg-white shadow-lg py-1 text-sm", children: filtered.map((d) => (_jsxs("li", { onMouseDown: (e) => { e.preventDefault(); handleSelect(d.name); }, className: cn('flex items-center gap-2.5 px-3 py-2 cursor-pointer hover:bg-gray-50 transition-colors'), children: [_jsx("span", { className: "text-base leading-none", children: d.emoji }), _jsxs("div", { className: "min-w-0", children: [_jsx("div", { className: "font-medium text-gray-900 truncate", children: d.name }), _jsx("div", { className: "text-xs text-gray-400 truncate", children: d.state })] })] }, d.name))) }))] }));
+}

package/dist/components/ui/PropertyGalleryClient.d.ts

@@ -0,0 +1,8 @@
+interface Props {
+    images: string[];
+    title: string;
+    variant: "adventure" | "rental" | "opportunity" | "package";
+}
+export declare function PropertyGalleryClient({ images, title, variant }: Props): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=PropertyGalleryClient.d.ts.map

package/dist/components/ui/PropertyGalleryClient.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PropertyGalleryClient.d.ts","sourceRoot":"","sources":["../../../src/components/ui/PropertyGalleryClient.tsx"],"names":[],"mappings":"AAQA,UAAU,KAAK;IACb,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,WAAW,GAAG,QAAQ,GAAG,aAAa,GAAG,SAAS,CAAC;CAC7D;AAED,wBAAgB,qBAAqB,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,EAAE,KAAK,2CAyHtE"}

package/dist/components/ui/PropertyGalleryClient.js

@@ -0,0 +1,22 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useState } from "react";
+import Image from "next/image";
+import { Eye } from "lucide-react";
+import { ImageGalleryViewer } from "./ImageGalleryViewer";
+export function PropertyGalleryClient({ images, title, variant }) {
+    const [showGallery, setShowGallery] = useState(false);
+    const formattedImages = images.map((src, i) => ({
+        src,
+        label: `${title} ${i + 1 > 1 ? i + 1 : ""}`.trim()
+    }));
+    const validImages = images.filter(Boolean).length > 0 ? images.filter(Boolean) : ["/images/placeholder.svg"];
+    if (variant === "adventure" || variant === "package") {
+        return (_jsxs(_Fragment, { children: [_jsxs("div", { className: "grid grid-cols-1 md:grid-cols-4 gap-4 h-[400px] md:h-[500px] rounded-3xl overflow-hidden shadow-sm", children: [_jsxs("div", { className: "relative w-full h-full md:col-span-3 group cursor-pointer overflow-hidden", onClick: () => setShowGallery(true), children: [_jsx(Image, { src: validImages[0] || "/images/placeholder.svg", alt: title, fill: true, priority: true, className: "object-cover group-hover:scale-105 transition-transform duration-700 ease-out" }), _jsx("div", { className: "absolute inset-0 bg-gradient-to-t from-black/20 to-transparent pointer-events-none" }), _jsxs("button", { className: "absolute bottom-4 right-4 bg-white/90 backdrop-blur-sm text-gray-900 px-4 py-2 rounded-lg flex items-center gap-2 text-sm font-bold shadow-sm transition-transform group-hover:scale-105 z-10 hidden md:flex", children: [_jsx(Eye, { className: "w-4 h-4" }), " View all photos"] })] }), validImages.length > 1 ? (_jsx("div", { className: "hidden md:flex flex-col gap-4 h-full", children: validImages.slice(1, 3).map((img, i) => (_jsxs("div", { className: "relative w-full flex-1 group cursor-pointer overflow-hidden rounded-xl", onClick: () => setShowGallery(true), children: [_jsx(Image, { src: img, alt: `${title} ${i + 2}`, fill: true, className: "object-cover group-hover:scale-110 transition-transform duration-700 ease-out" }), i === 1 && validImages.length > 3 && (_jsxs("div", { className: "absolute inset-0 bg-black/40 flex items-center justify-center text-white font-bold text-lg", children: ["+", validImages.length - 3] }))] }, i))) })) : (_jsx("div", { className: "hidden md:block relative w-full h-full bg-slate-100 rounded-xl" }))] }), showGallery && (_jsx(ImageGalleryViewer, { images: formattedImages, onClose: () => setShowGallery(false) }))] }));
+    }
+    if (variant === "rental") {
+        return (_jsxs(_Fragment, { children: [_jsxs("div", { className: "relative w-full h-72 md:h-96 rounded-2xl overflow-hidden shadow-lg group cursor-pointer", onClick: () => setShowGallery(true), children: [_jsx(Image, { src: validImages[0] || "/images/placeholder.svg", alt: title, fill: true, priority: true, className: "object-cover transition-transform duration-700 group-hover:scale-105" }), _jsx("div", { className: "absolute inset-0 bg-gradient-to-t from-black/60 to-transparent pointer-events-none" })] }), validImages.length > 1 && (_jsx("div", { className: "flex gap-3 overflow-x-auto pb-2 mt-6", children: validImages.slice(1).map((img, i) => (_jsx("div", { className: "relative w-28 h-20 flex-shrink-0 rounded-lg overflow-hidden cursor-pointer group", onClick: () => setShowGallery(true), children: _jsx(Image, { src: img, alt: `${title} ${i + 2}`, fill: true, className: "object-cover group-hover:scale-110 transition-transform duration-300" }) }, i))) })), showGallery && (_jsx(ImageGalleryViewer, { images: formattedImages, onClose: () => setShowGallery(false) }))] }));
+    }
+    // default / opportunities
+    return (_jsxs(_Fragment, { children: [_jsxs("div", { className: "relative w-full h-64 md:h-80 rounded-2xl overflow-hidden shadow-sm group cursor-pointer", onClick: () => setShowGallery(true), children: [_jsx(Image, { src: validImages[0] || "/images/placeholder.svg", alt: title, fill: true, priority: true, className: "object-cover transition-transform duration-700 group-hover:scale-105" }), _jsxs("button", { className: "absolute bottom-4 right-4 bg-white/90 backdrop-blur-sm text-gray-900 px-4 py-2 rounded-lg flex items-center gap-2 text-sm font-bold shadow-sm transition-transform group-hover:scale-105 z-10", children: [_jsx(Eye, { className: "w-4 h-4" }), " View all photos"] })] }), showGallery && (_jsx(ImageGalleryViewer, { images: formattedImages, onClose: () => setShowGallery(false) }))] }));
+}

package/dist/components/ui/calendar.d.ts

@@ -0,0 +1,9 @@
+import * as React from "react";
+import { DayButton, DayPicker } from "react-day-picker";
+import { Button } from "@myrjfa/ui/dist/misc/button";
+declare function Calendar({ className, classNames, showOutsideDays, captionLayout, buttonVariant, formatters, components, ...props }: React.ComponentProps<typeof DayPicker> & {
+    buttonVariant?: React.ComponentProps<typeof Button>["variant"];
+}): import("react/jsx-runtime").JSX.Element;
+declare function CalendarDayButton({ className, day, modifiers, ...props }: React.ComponentProps<typeof DayButton>): import("react/jsx-runtime").JSX.Element;
+export { Calendar, CalendarDayButton };
+//# sourceMappingURL=calendar.d.ts.map

package/dist/components/ui/calendar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"calendar.d.ts","sourceRoot":"","sources":["../../../src/components/ui/calendar.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,OAAO,EAAE,SAAS,EAAE,SAAS,EAAwB,MAAM,kBAAkB,CAAC;AAG9E,OAAO,EAAE,MAAM,EAAkB,MAAM,6BAA6B,CAAC;AAErE,iBAAS,QAAQ,CAAC,EAChB,SAAS,EACT,UAAU,EACV,eAAsB,EACtB,aAAuB,EACvB,aAAuB,EACvB,UAAU,EACV,UAAU,EACV,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,SAAS,CAAC,GAAG;IAC1C,aAAa,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,CAAC,SAAS,CAAC,CAAC;CAChE,2CAoJA;AAED,iBAAS,iBAAiB,CAAC,EACzB,SAAS,EACT,GAAG,EACH,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,SAAS,CAAC,2CA+BxC;AAED,OAAO,EAAE,QAAQ,EAAE,iBAAiB,EAAE,CAAC"}

package/dist/components/ui/calendar.js

@@ -0,0 +1,75 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from "react";
+import { ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, } from "lucide-react";
+import { DayPicker, getDefaultClassNames } from "react-day-picker";
+import { cn } from "@myrjfa/state/dist/lib/utils";
+import { Button, buttonVariants } from "@myrjfa/ui/dist/misc/button";
+function Calendar({ className, classNames, showOutsideDays = true, captionLayout = "label", buttonVariant = "ghost", formatters, components, ...props }) {
+    const defaultClassNames = getDefaultClassNames();
+    return (_jsx(DayPicker, { showOutsideDays: showOutsideDays, className: cn("bg-background group/calendar p-3 [--cell-size:2rem] [[data-slot=card-content]_&]:bg-transparent [[data-slot=popover-content]_&]:bg-transparent", String.raw `rtl:**:[.rdp-button\_next>svg]:rotate-180`, String.raw `rtl:**:[.rdp-button\_previous>svg]:rotate-180`, className), captionLayout: captionLayout, formatters: {
+            formatMonthDropdown: (date) => date.toLocaleString("default", { month: "short" }),
+            ...formatters,
+        }, classNames: {
+            root: cn("w-fit", defaultClassNames.root),
+            months: cn("relative flex flex-col gap-4 md:flex-row", defaultClassNames.months),
+            month: cn("flex w-full flex-col gap-4", defaultClassNames.month),
+            nav: cn("absolute inset-x-0 top-0 flex w-full items-center justify-between gap-1", defaultClassNames.nav),
+            button_previous: cn(buttonVariants({ variant: buttonVariant }), "h-[--cell-size] w-[--cell-size] select-none p-0 aria-disabled:opacity-50", defaultClassNames.button_previous),
+            button_next: cn(buttonVariants({ variant: buttonVariant }), "h-[--cell-size] w-[--cell-size] select-none p-0 aria-disabled:opacity-50", defaultClassNames.button_next),
+            month_caption: cn("flex h-[--cell-size] w-full items-center justify-center px-[--cell-size]", defaultClassNames.month_caption),
+            dropdowns: cn("flex h-[--cell-size] w-full items-center justify-center gap-1.5 text-sm font-medium", defaultClassNames.dropdowns),
+            dropdown_root: cn("has-focus:border-ring border-input shadow-xs has-focus:ring-ring/50 has-focus:ring-[3px] relative rounded-md border", defaultClassNames.dropdown_root),
+            dropdown: cn("bg-popover absolute inset-0 opacity-0", defaultClassNames.dropdown),
+            caption_label: cn("select-none font-medium", captionLayout === "label"
+                ? "text-sm"
+                : "[&>svg]:text-muted-foreground flex h-8 items-center gap-1 rounded-md pl-2 pr-1 text-sm [&>svg]:size-3.5", defaultClassNames.caption_label),
+            table: "w-full border-collapse",
+            weekdays: cn("flex", defaultClassNames.weekdays),
+            weekday: cn("text-muted-foreground flex-1 select-none rounded-md text-[0.8rem] font-normal", defaultClassNames.weekday),
+            week: cn("mt-2 flex w-full", defaultClassNames.week),
+            week_number_header: cn("w-[--cell-size] select-none", defaultClassNames.week_number_header),
+            week_number: cn("text-muted-foreground select-none text-[0.8rem]", defaultClassNames.week_number),
+            day: cn("group/day relative aspect-square h-full w-full select-none p-0 text-center [&:first-child[data-selected=true]_button]:rounded-l-md [&:last-child[data-selected=true]_button]:rounded-r-md", defaultClassNames.day),
+            range_start: cn("bg-accent rounded-l-md", defaultClassNames.range_start),
+            range_middle: cn("rounded-none", defaultClassNames.range_middle),
+            range_end: cn("bg-accent rounded-r-md", defaultClassNames.range_end),
+            today: cn("bg-accent text-accent-foreground rounded-md data-[selected=true]:rounded-none", defaultClassNames.today),
+            outside: cn("text-muted-foreground aria-selected:text-muted-foreground", defaultClassNames.outside),
+            disabled: cn("text-muted-foreground opacity-50", defaultClassNames.disabled),
+            hidden: cn("invisible", defaultClassNames.hidden),
+            ...classNames,
+        }, components: {
+            Root: ({ className, rootRef, ...props }) => {
+                return (_jsx("div", { "data-slot": "calendar", ref: rootRef, className: cn(className), ...props }));
+            },
+            Chevron: ({ className, orientation, ...props }) => {
+                if (orientation === "left") {
+                    return (_jsx(ChevronLeftIcon, { className: cn("size-4", className), ...props }));
+                }
+                if (orientation === "right") {
+                    return (_jsx(ChevronRightIcon, { className: cn("size-4", className), ...props }));
+                }
+                return (_jsx(ChevronDownIcon, { className: cn("size-4", className), ...props }));
+            },
+            DayButton: CalendarDayButton,
+            WeekNumber: ({ children, ...props }) => {
+                return (_jsx("td", { ...props, children: _jsx("div", { className: "flex size-[--cell-size] items-center justify-center text-center", children: children }) }));
+            },
+            ...components,
+        }, ...props }));
+}
+function CalendarDayButton({ className, day, modifiers, ...props }) {
+    const defaultClassNames = getDefaultClassNames();
+    const ref = React.useRef(null);
+    React.useEffect(() => {
+        var _a;
+        if (modifiers.focused)
+            (_a = ref.current) === null || _a === void 0 ? void 0 : _a.focus();
+    }, [modifiers.focused]);
+    return (_jsx(Button, { ref: ref, variant: "ghost", size: "icon", "data-day": day.date.toLocaleDateString(), "data-selected-single": modifiers.selected &&
+            !modifiers.range_start &&
+            !modifiers.range_end &&
+            !modifiers.range_middle, "data-range-start": modifiers.range_start, "data-range-end": modifiers.range_end, "data-range-middle": modifiers.range_middle, className: cn("data-[selected-single=true]:bg-primary data-[selected-single=true]:text-primary-foreground data-[range-middle=true]:bg-accent data-[range-middle=true]:text-accent-foreground data-[range-start=true]:bg-primary data-[range-start=true]:text-primary-foreground data-[range-end=true]:bg-primary data-[range-end=true]:text-primary-foreground group-data-[focused=true]/day:border-ring group-data-[focused=true]/day:ring-ring/50 flex aspect-square h-auto w-full min-w-[--cell-size] flex-col gap-1 font-normal leading-none data-[range-end=true]:rounded-md data-[range-middle=true]:rounded-none data-[range-start=true]:rounded-md group-data-[focused=true]/day:relative group-data-[focused=true]/day:z-10 group-data-[focused=true]/day:ring-[3px] [&>span]:text-xs [&>span]:opacity-70", defaultClassNames.day, className), ...props }));
+}
+export { Calendar, CalendarDayButton };

package/dist/components/ui/dashboard/admin-adventures-table.d.ts

@@ -0,0 +1,12 @@
+import { Adventure } from "@myrjfa/state/dist/lib/models/adventure";
+interface AdminAdventuresTableProps {
+    adventures: Adventure[];
+    onEdit: (slug: string) => void;
+    onApprove: (slug: string) => void;
+    onReject: (slug: string) => void;
+    onContact: (hostId: string) => void;
+    onView: (slug: string) => void;
+}
+export declare function AdminAdventuresTable({ adventures, onEdit, onApprove, onReject, onContact, onView, }: AdminAdventuresTableProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=admin-adventures-table.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"admin-adventures-table.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/dashboard/admin-adventures-table.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,yCAAyC,CAAC;AASpE,UAAU,yBAAyB;IACjC,UAAU,EAAE,SAAS,EAAE,CAAC;IACxB,MAAM,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/B,SAAS,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,SAAS,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,MAAM,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CAChC;AAED,wBAAgB,oBAAoB,CAAC,EACnC,UAAU,EACV,MAAM,EACN,SAAS,EACT,QAAQ,EACR,SAAS,EACT,MAAM,GACP,EAAE,yBAAyB,2CAoG3B"}

package/dist/components/ui/dashboard/admin-adventures-table.js

@@ -0,0 +1,94 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { getPrimaryPricingStrategy, getPricingCurrency } from "@myrjfa/state/dist/lib/models/pricing";
+import { formatDate } from "@myrjfa/state/dist/lib/utils";
+import { ActionButtons } from "@myrjfa/ui/dist/dashboard/action-buttons";
+import { StatusBadge } from "@myrjfa/ui/dist/dashboard/dashboard-components";
+import { Check, Eye, MessageCircle, Pencil, X } from "lucide-react";
+import { DataTableShell } from "@myrjfa/ui/dist/components/ui/dashboard/data-table-shell";
+export function AdminAdventuresTable({ adventures, onEdit, onApprove, onReject, onContact, onView, }) {
+    const columns = [
+        {
+            header: "Title",
+            accessorKey: "title",
+            cell: (a) => _jsx("div", { className: "font-medium", children: a.title }),
+            sortable: true,
+        },
+        {
+            header: "Activity",
+            accessorKey: "activityType",
+            cell: (a) => {
+                var _a;
+                return (_jsx("div", { className: "capitalize", children: (_a = a.activityType) === null || _a === void 0 ? void 0 : _a.replace("-", " ") }));
+            },
+            sortable: true,
+        },
+        {
+            header: "Difficulty",
+            accessorKey: "difficulty",
+            cell: (a) => _jsx("div", { children: a.difficulty }),
+            sortable: true,
+        },
+        {
+            header: "Status",
+            accessorKey: "status",
+            cell: (a) => _jsx(StatusBadge, { status: a.status }),
+            sortable: true,
+        },
+        {
+            header: "Location",
+            accessorKey: "city",
+            cell: (a) => _jsx("div", { children: a.city + ", " + a.state }),
+            sortable: true,
+        },
+        {
+            header: "Price/Person",
+            accessorKey: "pricing",
+            cell: (a) => {
+                var _a;
+                return (_jsx("div", { children: getPrimaryPricingStrategy(a)
+                        ? `${getPricingCurrency(a)} ${(_a = getPrimaryPricingStrategy(a)) === null || _a === void 0 ? void 0 : _a.finalBasePrice}`
+                        : "N/A" }));
+            },
+            sortable: true,
+        },
+        {
+            header: "Listed On",
+            accessorKey: "createdAt",
+            cell: (a) => _jsx("div", { children: formatDate(a.createdAt) }),
+            sortable: true,
+        },
+    ];
+    const getActions = (adventure) => {
+        const actions = [];
+        if (adventure.status === "pending") {
+            actions.push({
+                label: "Approve",
+                icon: _jsx(Check, { className: "h-4 w-4" }),
+                action: () => onApprove(adventure.slug),
+                variant: "default",
+            }, {
+                label: "Reject",
+                icon: _jsx(X, { className: "h-4 w-4" }),
+                action: () => onReject(adventure.slug),
+                variant: "destructive",
+            });
+        }
+        actions.push({
+            label: "View Details",
+            icon: _jsx(Eye, { className: "h-4 w-4" }),
+            action: () => onView(adventure.slug),
+            variant: "outline",
+        }, {
+            label: "Contact Host",
+            icon: _jsx(MessageCircle, { className: "h-4 w-4" }),
+            action: () => onContact(typeof adventure.hostId === "string" ? adventure.hostId : adventure.hostId._id || adventure.hostId.username || ""),
+        }, {
+            label: "Edit",
+            icon: _jsx(Pencil, { className: "h-4 w-4" }),
+            action: () => onEdit(adventure.slug),
+            variant: "default",
+        });
+        return _jsx(ActionButtons, { actions: actions, maxDisplayed: 1 });
+    };
+    return (_jsx(DataTableShell, { data: adventures, columns: columns, actions: getActions, onRowClick: onView }));
+}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"admin-blogs-table.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/dashboard/admin-blogs-table.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,MAAM,oCAAoC,CAAC;AAO1D,UAAU,oBAAoB;IAC5B,KAAK,EAAE,IAAI,EAAE,CAAC;IACd,SAAS,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,MAAM,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7B,MAAM,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7B,MAAM,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;CAC9B;AAED,wBAAgB,eAAe,CAAC,EAC9B,KAAK,EACL,SAAS,EACT,MAAM,EACN,MAAM,EACN,MAAM,GACP,EAAE,oBAAoB,2CA4DtB"}

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

@@ -0,0 +1,58 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Check, Eye, Pencil, X } from 'lucide-react';
+import { formatDate } from '@myrjfa/state/dist/lib/utils';
+import { ActionButtons } from '@myrjfa/ui/dist/dashboard/action-buttons';
+import { StatusBadge } from '@myrjfa/ui/dist/dashboard/dashboard-components';
+import { DataTableShell } from '@myrjfa/ui/dist/components/ui/dashboard/data-table-shell';
+export function AdminBlogsTable({ blogs, onApprove, onDeny, onEdit, 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,
+        },
+    ];
+    const getBlogActions = (blog) => {
+        if (blog.status == "pending") {
+            return (_jsx(ActionButtons, { actions: [
+                    {
+                        label: "Approve",
+                        icon: _jsx(Check, { className: "h-4 w-4" }),
+                        action: () => onApprove(blog.slug),
+                        variant: "default",
+                    },
+                    {
+                        label: "Deny",
+                        icon: _jsx(X, { className: "h-4 w-4" }),
+                        action: () => onDeny(blog.slug),
+                        variant: "destructive",
+                    },
+                    {
+                        label: "Edit",
+                        icon: _jsx(Pencil, { className: "h-4 w-4" }),
+                        action: () => onEdit(blog.slug),
+                    },
+                    {
+                        label: "View",
+                        icon: _jsx(Eye, { className: "h-4 w-4" }),
+                        action: () => onView(blog.slug),
+                    },
+                ], maxDisplayed: 2 }));
+        }
+        return _jsx(ActionButtons, { actions: [] });
+    };
+    return (_jsx(DataTableShell, { data: blogs, columns: columns, actions: getBlogActions, onRowClick: onView }));
+}

package/dist/components/ui/dashboard/admin-opportunities-table.d.ts

@@ -0,0 +1,20 @@
+import { User } from '@myrjfa/state/dist/lib/models/user';
+import { Opportunity } from '@myrjfa/state/dist/lib/models/opportunities/opportunity';
+interface AdminOpportunitiesTableProps {
+    opportunities: Opportunity[];
+    observers?: any[];
+    onEdit: (id: string) => void;
+    onApprove?: (id: string) => void;
+    onDeny?: (id: string) => void;
+    onContact: (host: User) => void;
+    onFeedback: (host: User) => void;
+    onView: (id: string) => void;
+    onViewApplicants: (id: string) => void;
+    onCopy: (id: string) => void;
+    onAssign?: (id: string, adminId: string) => void;
+    onNotifyUsers?: (id: string) => void;
+    role?: string;
+}
+export declare function AdminOpportunitiesTable({ opportunities, observers, onEdit, onApprove, onDeny, onContact, onFeedback, onView, onViewApplicants, onCopy, onAssign, onNotifyUsers, role, }: AdminOpportunitiesTableProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=admin-opportunities-table.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"admin-opportunities-table.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/dashboard/admin-opportunities-table.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,IAAI,EAAE,MAAM,oCAAoC,CAAC;AAC1D,OAAO,EAAE,WAAW,EAAE,MAAM,yDAAyD,CAAC;AAOtF,UAAU,4BAA4B;IAClC,aAAa,EAAE,WAAW,EAAE,CAAC;IAC7B,SAAS,CAAC,EAAE,GAAG,EAAE,CAAC;IAClB,MAAM,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7B,SAAS,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,MAAM,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9B,SAAS,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IAChC,UAAU,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IACjC,MAAM,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7B,gBAAgB,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,MAAM,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7B,QAAQ,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IACjD,aAAa,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,IAAI,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,wBAAgB,uBAAuB,CAAC,EACpC,aAAa,EACb,SAAS,EACT,MAAM,EACN,SAAS,EACT,MAAM,EACN,SAAS,EACT,UAAU,EACV,MAAM,EACN,gBAAgB,EAChB,MAAM,EACN,QAAQ,EACR,aAAa,EACb,IAAa,GAChB,EAAE,4BAA4B,2CA4J9B"}