@myrjfa/ui 2.1.8 → 2.2.0

package/dist/components/host-dashboard/HostSidebarNavigation.js

@@ -0,0 +1,262 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import Link from "next/link";
+import { usePathname } from "next/navigation";
+import { useAtomValue } from "jotai";
+import { userAtom } from "@myrjfa/state/dist/lib/userAtom";
+import { useEffect, useMemo, useState } from "react";
+import { getMyBlogs } from "@myrjfa/state/dist/lib/actions";
+import { getAdminBlogs, getAdminOpportunities } from "@myrjfa/state/dist/lib/actions";
+import { getPendingAdventures } from "@myrjfa/state/dist/lib/adventureActions";
+import { getAllEventsAdmin } from "@myrjfa/state/dist/lib/eventActions";
+import { getPendingPackages } from "@myrjfa/state/dist/lib/packageActions";
+import { getPendingRentals } from "@myrjfa/state/dist/lib/rentalActions";
+import { getPendingStays } from "@myrjfa/state/dist/lib/stayActions";
+import { getHostDashboardListings } from "@myrjfa/state/dist/lib/hostDashboardActions";
+import { LayoutDashboard, List, Hotel, Mountain, Car, PackageOpen, CalendarDays, BookOpen, MessageSquare, Star, TrendingUp, Settings, ChevronRight, LogOut, User, HeartHandshake, Briefcase, Landmark, MonitorSmartphone, ClipboardCheck, ShoppingBag, BadgePercent, ChevronsLeft, ChevronsRight, } from "lucide-react";
+import { cn } from "@myrjfa/state/dist/lib/utils";
+const NAV_GROUPS = [
+    {
+        label: "General",
+        items: [
+            {
+                href: "/dashboard/host/overview",
+                label: "Overview",
+                icon: LayoutDashboard,
+            },
+            { href: "/dashboard/host/bookings", label: "Bookings", icon: BookOpen },
+            { href: "/dashboard/host/earnings", label: "Earnings", icon: TrendingUp },
+        ],
+    },
+    {
+        label: "Listings",
+        items: [
+            { href: "/dashboard/host/listings", label: "All Listings", icon: List },
+            { href: "/dashboard/host/stays", label: "Stays", icon: Hotel, category: "stay" },
+            {
+                href: "/dashboard/host/adventures",
+                label: "Adventures",
+                icon: Mountain,
+                category: "adventure",
+            },
+            { href: "/dashboard/host/rentals", label: "Rentals", icon: Car, category: "rental" },
+            {
+                href: "/dashboard/host/packages",
+                label: "Packages",
+                icon: PackageOpen,
+                category: "package",
+            },
+            { href: "/dashboard/host/events", label: "Events", icon: CalendarDays, category: "event" },
+            { href: "/dashboard/host/blogs", label: "Blogs", icon: BookOpen, category: "blog" },
+            {
+                href: "/dashboard/host/opportunities?type=volunteer",
+                label: "Volunteering",
+                icon: HeartHandshake,
+                category: "volunteer",
+            },
+            { href: "/dashboard/host/opportunities?type=internship", label: "Internships", icon: Briefcase, category: "internship" },
+            { href: "/dashboard/host/opportunities?type=job", label: "Jobs", icon: Briefcase, category: "job" },
+            { href: "/dashboard/host/opportunities?type=freelance", label: "Freelancing", icon: Briefcase, category: "freelance" },
+            { href: "/dashboard/host/opportunities?type=contentCreator", label: "Content Creators", icon: Briefcase, category: "contentCreator" },
+        ],
+    },
+    {
+        label: "Community",
+        items: [
+            { href: "/dashboard/host/reviews", label: "Reviews", icon: Star },
+            {
+                href: "/dashboard/host/messages",
+                label: "Messages",
+                icon: MessageSquare,
+            },
+        ],
+    },
+];
+export function HostSidebarNavigation() {
+    const pathname = usePathname() || "";
+    const user = useAtomValue(userAtom);
+    // Read search string on client-side only to avoid useSearchParams
+    const [search, setSearch] = useState("");
+    const [hostListingCategories, setHostListingCategories] = useState(null);
+    const [adminListingCategories, setAdminListingCategories] = useState(null);
+    const [collapsed, setCollapsed] = useState(false);
+    useEffect(() => {
+        setSearch(window.location.search);
+        const onPop = () => setSearch(window.location.search);
+        window.addEventListener("popstate", onPop);
+        return () => window.removeEventListener("popstate", onPop);
+    }, [pathname]);
+    useEffect(() => {
+        if (pathname.includes("/manage")) {
+            setCollapsed(true);
+            return;
+        }
+        setCollapsed(window.localStorage.getItem("trippeaze-host-sidebar-collapsed") === "true");
+    }, [pathname]);
+    const toggleCollapsed = () => {
+        setCollapsed((current) => {
+            const next = !current;
+            window.localStorage.setItem("trippeaze-host-sidebar-collapsed", String(next));
+            return next;
+        });
+    };
+    useEffect(() => {
+        if ((user === null || user === void 0 ? void 0 : user.role) !== "host") {
+            setHostListingCategories(null);
+            return;
+        }
+        let cancelled = false;
+        const loadHostListingCategories = async () => {
+            const categories = new Set();
+            const [listingsRes, blogsRes] = await Promise.all([
+                getHostDashboardListings({ limit: 1000 }),
+                getMyBlogs(),
+            ]);
+            if (listingsRes === null || listingsRes === void 0 ? void 0 : listingsRes.success) {
+                (listingsRes.listings || []).forEach((listing) => {
+                    if (listing === null || listing === void 0 ? void 0 : listing.category)
+                        categories.add(listing.category);
+                });
+            }
+            if (!(blogsRes === null || blogsRes === void 0 ? void 0 : blogsRes.error) && (blogsRes.blogs || []).length > 0) {
+                categories.add("blog");
+            }
+            if (!cancelled) {
+                setHostListingCategories(categories);
+            }
+        };
+        loadHostListingCategories();
+        return () => {
+            cancelled = true;
+        };
+    }, [user === null || user === void 0 ? void 0 : user.role]);
+    useEffect(() => {
+        if ((user === null || user === void 0 ? void 0 : user.role) !== "admin") {
+            setAdminListingCategories(null);
+            return;
+        }
+        let cancelled = false;
+        const loadAdminListingCategories = async () => {
+            const categories = new Set();
+            const [staysRes, adventuresRes, rentalsRes, packagesRes, eventsRes, opportunitiesRes, blogsRes,] = await Promise.all([
+                getPendingStays(),
+                getPendingAdventures(),
+                getPendingRentals(),
+                getPendingPackages(),
+                getAllEventsAdmin("all"),
+                getAdminOpportunities(),
+                getAdminBlogs(),
+            ]);
+            if ((staysRes.stays || []).length > 0)
+                categories.add("stay");
+            if ((adventuresRes.adventures || []).length > 0)
+                categories.add("adventure");
+            if ((rentalsRes.rentals || []).length > 0)
+                categories.add("rental");
+            if ((packagesRes.packages || []).length > 0)
+                categories.add("package");
+            if ((eventsRes.events || []).length > 0)
+                categories.add("event");
+            (opportunitiesRes.opportunities || []).forEach((opportunity) => {
+                if (opportunity === null || opportunity === void 0 ? void 0 : opportunity.opportunityType)
+                    categories.add(opportunity.opportunityType);
+            });
+            if ((blogsRes.pending || []).length > 0 || (blogsRes.active || []).length > 0) {
+                categories.add("blog");
+            }
+            if (!cancelled) {
+                setAdminListingCategories(categories);
+            }
+        };
+        loadAdminListingCategories();
+        return () => {
+            cancelled = true;
+        };
+    }, [user === null || user === void 0 ? void 0 : user.role]);
+    const searchParams = new URLSearchParams(search);
+    const currentOpportunityType = searchParams.get("type") || "volunteer";
+    const navGroups = useMemo(() => {
+        if ((user === null || user === void 0 ? void 0 : user.role) !== "host")
+            return NAV_GROUPS;
+        return NAV_GROUPS.map((group) => {
+            if (group.label !== "Listings")
+                return group;
+            return {
+                ...group,
+                items: group.items.filter((item) => {
+                    var _a;
+                    if (!("category" in item) || !item.category)
+                        return true;
+                    return (_a = hostListingCategories === null || hostListingCategories === void 0 ? void 0 : hostListingCategories.has(item.category)) !== null && _a !== void 0 ? _a : false;
+                }),
+            };
+        });
+    }, [hostListingCategories, user === null || user === void 0 ? void 0 : user.role]);
+    return (_jsxs("aside", { "data-collapsed": collapsed ? "true" : "false", className: cn("relative hidden md:flex flex-col min-h-screen bg-white border-r border-slate-100 pt-5 pb-8 shrink-0 sticky top-20 self-start h-[calc(100vh-5rem)] overflow-y-auto transition-[width] duration-200", collapsed ? "w-20" : "w-64"), children: [_jsx("style", { children: `
+        aside[data-collapsed="true"] .sidebar-copy,
+        aside[data-collapsed="true"] .sidebar-group-label,
+        aside[data-collapsed="true"] .sidebar-chevron {
+          display: none;
+        }
+      ` }), _jsx("div", { className: cn("mb-3 flex px-4", collapsed ? "justify-center" : "justify-end"), children: _jsxs("button", { type: "button", onClick: toggleCollapsed, "aria-label": collapsed ? "Expand dashboard sidebar" : "Collapse dashboard sidebar", title: collapsed ? "Expand sidebar" : "Collapse sidebar", className: cn("flex h-9 items-center justify-center gap-2 rounded-xl border border-slate-200 bg-white px-3 text-xs font-black text-slate-500 shadow-sm transition hover:bg-slate-50 hover:text-slate-950", collapsed && "w-9 px-0"), children: [collapsed ? _jsx(ChevronsRight, { className: "h-4 w-4" }) : _jsx(ChevronsLeft, { className: "h-4 w-4" }), _jsx("span", { className: "sidebar-copy", children: "Collapse" })] }) }), _jsx("div", { className: "px-4 mb-4", children: _jsxs(Link, { href: `/profile/host/${user === null || user === void 0 ? void 0 : user.username}`, className: cn("flex items-center gap-3 p-3 rounded-xl bg-slate-50 hover:bg-slate-100 transition-colors group", collapsed && "justify-center px-2"), title: `${(user === null || user === void 0 ? void 0 : user.firstName) || ""} ${(user === null || user === void 0 ? void 0 : user.lastName) || ""}`.trim() || "Profile", children: [_jsx("div", { className: "w-9 h-9 rounded-xl bg-primary/10 flex items-center justify-center shrink-0", children: (user === null || user === void 0 ? void 0 : user.profilePic) ? (_jsx("img", { src: user.profilePic, alt: "avatar", className: "w-9 h-9 rounded-xl object-cover" })) : (_jsx(User, { className: "w-4 h-4 text-primary" })) }), _jsxs("div", { className: "sidebar-copy min-w-0", children: [_jsxs("p", { className: "text-sm font-bold text-slate-800 truncate", children: [user === null || user === void 0 ? void 0 : user.firstName, " ", user === null || user === void 0 ? void 0 : user.lastName] }), _jsx("p", { className: "text-[10px] text-slate-400 truncate", children: user === null || user === void 0 ? void 0 : user.email })] }), _jsx(ChevronRight, { className: "sidebar-chevron w-3.5 h-3.5 text-slate-300 ml-auto shrink-0 group-hover:text-slate-500 transition-colors" })] }) }), _jsx("nav", { className: "flex-1 px-3 space-y-5 overflow-y-auto", children: (user === null || user === void 0 ? void 0 : user.role) === "admin" ? (_jsxs(_Fragment, { children: [_jsxs("div", { children: [_jsx("p", { className: "sidebar-group-label text-[9px] font-bold uppercase tracking-widest text-slate-400 px-3 mb-1.5 mt-2", children: "General" }), _jsxs("div", { className: "space-y-0.5", children: [_jsxs(Link, { href: "/dashboard/admin/overview", className: cn("flex items-center gap-3 px-3 py-2.5 rounded-xl text-sm font-medium transition-all group", pathname.startsWith("/dashboard/admin/overview")
+                                                ? "bg-primary text-white shadow-md shadow-primary/25 font-semibold"
+                                                : "text-slate-500 hover:bg-slate-50 hover:text-slate-900"), title: "Overview", children: [_jsx(LayoutDashboard, { className: cn("w-4 h-4 shrink-0", pathname.startsWith("/dashboard/admin/overview") ? "text-white" : "text-slate-400") }), _jsx("span", { className: "sidebar-copy", children: "Overview" })] }), _jsxs(Link, { href: "/dashboard/admin/payouts", className: cn("flex items-center gap-3 px-3 py-2.5 rounded-xl text-sm font-medium transition-all group", pathname.startsWith("/dashboard/admin/payouts")
+                                                ? "bg-primary text-white shadow-md shadow-primary/25 font-semibold"
+                                                : "text-slate-500 hover:bg-slate-50 hover:text-slate-900"), title: "Payouts", children: [_jsx(Landmark, { className: cn("w-4 h-4 shrink-0", pathname.startsWith("/dashboard/admin/payouts") ? "text-white" : "text-slate-400") }), _jsx("span", { className: "sidebar-copy", children: "Payouts" })] }), _jsxs(Link, { href: "/dashboard/platform", className: cn("flex items-center gap-3 px-3 py-2.5 rounded-xl text-sm font-medium transition-all group", pathname.startsWith("/dashboard/platform")
+                                                ? "bg-primary text-white shadow-md shadow-primary/25 font-semibold"
+                                                : "text-slate-500 hover:bg-slate-50 hover:text-slate-900"), title: "Pricing & Promotions", children: [_jsx(BadgePercent, { className: cn("w-4 h-4 shrink-0", pathname.startsWith("/dashboard/platform") ? "text-white" : "text-slate-400") }), _jsx("span", { className: "sidebar-copy", children: "Pricing & Promotions" })] })] })] }), _jsxs("div", { children: [_jsx("p", { className: "sidebar-group-label text-[9px] font-bold uppercase tracking-widest text-amber-500 px-3 mb-1.5 mt-4", children: "Global Moderation" }), _jsx("div", { className: "space-y-0.5", children: [
+                                        { href: "/dashboard/admin/stays", label: "Stays Moderation", icon: Hotel, category: "stay" },
+                                        { href: "/dashboard/admin/adventures", label: "Adventures Moderation", icon: Mountain, category: "adventure" },
+                                        { href: "/dashboard/admin/rentals", label: "Rentals Moderation", icon: Car, category: "rental" },
+                                        { href: "/dashboard/admin/packages", label: "Packages Moderation", icon: PackageOpen, category: "package" },
+                                        { href: "/dashboard/admin/events", label: "Events Moderation", icon: CalendarDays, category: "event" },
+                                        { href: "/dashboard/admin/opportunities?type=volunteer", label: "Volunteer Moderation", icon: HeartHandshake, category: "volunteer" },
+                                        { href: "/dashboard/admin/opportunities?type=job", label: "Jobs Moderation", icon: Briefcase, category: "job" },
+                                        { href: "/dashboard/admin/opportunities?type=internship", label: "Internships Moderation", icon: Briefcase, category: "internship" },
+                                        { href: "/dashboard/admin/opportunities?type=freelance", label: "Freelance Moderation", icon: Briefcase, category: "freelance" },
+                                        { href: "/dashboard/admin/opportunities?type=contentCreator", label: "Content Creator Moderation", icon: Briefcase, category: "contentCreator" },
+                                        { href: "/dashboard/admin/blogs", label: "Blogs Moderation", icon: BookOpen, category: "blog" },
+                                    ].filter((item) => { var _a; return (_a = adminListingCategories === null || adminListingCategories === void 0 ? void 0 : adminListingCategories.has(item.category)) !== null && _a !== void 0 ? _a : false; }).map(({ href, label: itemLabel, icon: Icon }) => {
+                                        const hrefUrl = new URL(href, "https://trippeaze.local");
+                                        const hrefPath = hrefUrl.pathname;
+                                        const hrefType = hrefUrl.searchParams.get("type");
+                                        const isActive = hrefType
+                                            ? pathname.startsWith(hrefPath) && currentOpportunityType === hrefType
+                                            : pathname.startsWith(hrefPath);
+                                        return (_jsxs(Link, { href: href, className: cn("flex items-center gap-3 px-3 py-2.5 rounded-xl text-sm font-medium transition-all group", isActive
+                                                ? "bg-amber-500 text-white shadow-md shadow-amber-400/25 font-semibold"
+                                                : "text-slate-500 hover:bg-amber-50 hover:text-amber-700"), title: itemLabel, children: [_jsx(Icon, { className: cn("w-4 h-4 shrink-0", isActive ? "text-white" : "text-amber-400") }), _jsx("span", { className: "sidebar-copy", children: itemLabel })] }, href));
+                                    }) })] })] })) : (user === null || user === void 0 ? void 0 : user.role) === "hr" ? (_jsxs("div", { children: [_jsx("p", { className: "sidebar-group-label text-[9px] font-bold uppercase tracking-widest text-slate-400 px-3 mb-1.5 mt-2", children: "HR" }), _jsx("div", { className: "space-y-0.5", children: _jsxs(Link, { href: "/overview/hr", className: cn("flex items-center gap-3 px-3 py-2.5 rounded-xl text-sm font-medium transition-all group", pathname.startsWith("/overview/hr")
+                                    ? "bg-primary text-white shadow-md shadow-primary/25 font-semibold"
+                                    : "text-slate-500 hover:bg-slate-50 hover:text-slate-900"), title: "Applications Approval", children: [_jsx(ClipboardCheck, { className: cn("w-4 h-4 shrink-0", pathname.startsWith("/overview/hr") ? "text-white" : "text-slate-400") }), _jsx("span", { className: "sidebar-copy", children: "Applications Approval" })] }) })] })) : (user === null || user === void 0 ? void 0 : user.role) === "sales" ? (_jsxs("div", { children: [_jsx("p", { className: "sidebar-group-label text-[9px] font-bold uppercase tracking-widest text-slate-400 px-3 mb-1.5 mt-2", children: "Sales" }), _jsxs("div", { className: "space-y-0.5", children: [_jsxs(Link, { href: "/overview/sales", className: cn("flex items-center gap-3 px-3 py-2.5 rounded-xl text-sm font-medium transition-all group", pathname.startsWith("/overview/sales")
+                                        ? "bg-primary text-white shadow-md shadow-primary/25 font-semibold"
+                                        : "text-slate-500 hover:bg-slate-50 hover:text-slate-900"), title: "Pending Approvals", children: [_jsx(ShoppingBag, { className: cn("w-4 h-4 shrink-0", pathname.startsWith("/overview/sales") ? "text-white" : "text-slate-400") }), _jsx("span", { className: "sidebar-copy", children: "Pending Approvals" })] }), _jsxs(Link, { href: "/dashboard/platform", className: cn("flex items-center gap-3 px-3 py-2.5 rounded-xl text-sm font-medium transition-all group", pathname.startsWith("/dashboard/platform")
+                                        ? "bg-primary text-white shadow-md shadow-primary/25 font-semibold"
+                                        : "text-slate-500 hover:bg-slate-50 hover:text-slate-900"), title: "Promotions", children: [_jsx(BadgePercent, { className: cn("w-4 h-4 shrink-0", pathname.startsWith("/dashboard/platform") ? "text-white" : "text-slate-400") }), _jsx("span", { className: "sidebar-copy", children: "Promotions" })] })] })] })) : (navGroups.map(({ label, items }) => (_jsxs("div", { children: [_jsx("p", { className: "sidebar-group-label text-[9px] font-bold uppercase tracking-widest text-slate-300 px-3 mb-1.5 mt-2", children: label }), _jsx("div", { className: "space-y-0.5", children: items.map(({ href, label: itemLabel, icon: Icon }) => {
+                                const baseHref = href.split("?")[0];
+                                const hrefQuery = href.includes("?") ? new URLSearchParams(href.split("?")[1]) : null;
+                                let active = false;
+                                if (pathname === baseHref || pathname.startsWith(baseHref + "/")) {
+                                    active = true;
+                                    if (hrefQuery) {
+                                        hrefQuery.forEach((value, key) => {
+                                            if (searchParams.get(key) !== value) {
+                                                active = false;
+                                            }
+                                        });
+                                    }
+                                    else if (searchParams.has("type")) {
+                                        active = false;
+                                    }
+                                }
+                                return (_jsxs(Link, { href: href, className: cn("flex items-center gap-3 px-3 py-2.5 rounded-xl text-sm font-medium transition-all group relative", active
+                                        ? "bg-primary text-white shadow-md shadow-primary/25 font-semibold"
+                                        : "text-slate-500 hover:bg-slate-50 hover:text-slate-900"), title: itemLabel, children: [_jsx(Icon, { className: cn("w-4 h-4 shrink-0", active
+                                                ? "text-white"
+                                                : "text-slate-400 group-hover:text-slate-600") }), _jsx("span", { className: "sidebar-copy", children: itemLabel }), active && (_jsx(ChevronRight, { className: "sidebar-chevron w-3 h-3 ml-auto text-white/70" }))] }, href));
+                            }) })] }, label)))) }), _jsxs("div", { className: "px-3 mt-4 pt-4 border-t border-slate-100 space-y-0.5", children: [_jsxs(Link, { href: "/dashboard/host/settings", className: cn("flex items-center gap-3 px-3 py-2.5 rounded-xl text-sm font-medium transition-all group", pathname.startsWith("/dashboard/host/settings")
+                            ? "bg-primary text-white shadow-md shadow-primary/25"
+                            : "text-slate-500 hover:bg-slate-50 hover:text-slate-900"), title: "Settings", children: [_jsx(Settings, { className: "w-4 h-4 shrink-0 text-slate-400 group-hover:text-slate-600" }), _jsx("span", { className: "sidebar-copy", children: "Settings" })] }), _jsxs(Link, { href: "/dashboard/devices", className: cn("flex items-center gap-3 px-3 py-2.5 rounded-xl text-sm font-medium transition-all group", pathname.startsWith("/dashboard/devices")
+                            ? "bg-primary text-white shadow-md shadow-primary/25"
+                            : "text-slate-500 hover:bg-slate-50 hover:text-slate-900"), title: "Manage Devices", children: [_jsx(MonitorSmartphone, { className: "w-4 h-4 shrink-0 text-slate-400 group-hover:text-slate-600" }), _jsx("span", { className: "sidebar-copy", children: "Manage Devices" })] }), _jsxs(Link, { href: "/", className: "flex items-center gap-3 px-3 py-2.5 rounded-xl text-sm font-medium text-slate-400 hover:text-rose-600 hover:bg-rose-50 transition-all group", title: "Back to Site", children: [_jsx(LogOut, { className: "w-4 h-4 shrink-0 group-hover:text-rose-500 transition-colors" }), _jsx("span", { className: "sidebar-copy", children: "Back to Site" })] })] })] }));
+}

package/dist/components/host-dashboard/ManageFeatureSwitcher.d.ts

@@ -0,0 +1,15 @@
+type ManageFeatureSwitcherProps = {
+    current: string;
+    listings: any[];
+    className?: string;
+};
+export declare function getVisibleManageFeatures(listings: any[], current: string): {
+    label: string;
+    value: string;
+    href: string;
+    categories: string[];
+    icon: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+}[];
+export declare function ManageFeatureSwitcher({ current, listings, className }: ManageFeatureSwitcherProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=ManageFeatureSwitcher.d.ts.map

package/dist/components/host-dashboard/ManageFeatureSwitcher.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ManageFeatureSwitcher.d.ts","sourceRoot":"","sources":["../../../src/components/host-dashboard/ManageFeatureSwitcher.tsx"],"names":[],"mappings":"AAeA,KAAK,0BAA0B,GAAG;IAChC,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,GAAG,EAAE,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAkBF,wBAAgB,wBAAwB,CAAC,QAAQ,EAAE,GAAG,EAAE,EAAE,OAAO,EAAE,MAAM;;;;;;IAKxE;AAED,wBAAgB,qBAAqB,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,0BAA0B,2CA0DjG"}

package/dist/components/host-dashboard/ManageFeatureSwitcher.js

@@ -0,0 +1,43 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMemo } from "react";
+import { useRouter } from "next/navigation";
+import { Calendar, Car, Check, ChevronDown, Heart, Mountain, PackageOpen, Sparkles } from "lucide-react";
+import { cn } from "@myrjfa/state/dist/lib/utils";
+import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuTrigger, } from "../../misc/dropdown-menu";
+const MANAGE_FEATURES = [
+    { label: "Adventures", value: "adventures", href: "/dashboard/host/adventures/manage", categories: ["adventure"], icon: Mountain },
+    { label: "Stays", value: "stays", href: "/dashboard/host/stays", categories: ["stay"], icon: Sparkles },
+    { label: "Rentals", value: "rentals", href: "/dashboard/host/rentals/manage", categories: ["rental"], icon: Car },
+    { label: "Events", value: "events", href: "/dashboard/host/events/manage", categories: ["event"], icon: Calendar },
+    { label: "Packages", value: "packages", href: "/dashboard/host/packages/manage", categories: ["package"], icon: PackageOpen },
+    { label: "Guides", value: "guides", href: "/dashboard/host/guides/manage", categories: ["guide"], icon: Sparkles },
+    {
+        label: "Opportunities",
+        value: "opportunities",
+        href: "/dashboard/host/opportunities/manage",
+        categories: ["volunteer", "job", "internship", "freelance", "contentCreator", "opportunity"],
+        icon: Heart,
+    },
+];
+export function getVisibleManageFeatures(listings, current) {
+    return MANAGE_FEATURES.filter((feature) => {
+        if (feature.value === current)
+            return true;
+        return listings.some((listing) => feature.categories.includes(listing.category));
+    });
+}
+export function ManageFeatureSwitcher({ current, listings, className }) {
+    const router = useRouter();
+    const visibleFeatures = useMemo(() => getVisibleManageFeatures(listings, current), [listings, current]);
+    const activeFeature = visibleFeatures.find((feature) => feature.value === current) || visibleFeatures[0] || MANAGE_FEATURES[0];
+    const ActiveIcon = activeFeature.icon;
+    return (_jsxs(DropdownMenu, { children: [_jsx(DropdownMenuTrigger, { asChild: true, children: _jsxs("button", { type: "button", className: cn("inline-flex h-12 min-w-[190px] items-center justify-between gap-3 rounded-2xl border border-slate-200 bg-white px-4 text-sm font-black text-slate-900 shadow-sm outline-none transition hover:border-slate-300 hover:bg-slate-50 focus-visible:border-primary focus-visible:ring-4 focus-visible:ring-primary/10", className), children: [_jsxs("span", { className: "flex min-w-0 items-center gap-2", children: [_jsx("span", { className: "flex h-8 w-8 items-center justify-center rounded-xl bg-slate-100 text-slate-700", children: _jsx(ActiveIcon, { className: "h-4 w-4" }) }), _jsx("span", { className: "truncate", children: activeFeature.label })] }), _jsx(ChevronDown, { className: "h-4 w-4 shrink-0 text-slate-500" })] }) }), _jsxs(DropdownMenuContent, { align: "end", sideOffset: 8, style: { minWidth: "var(--radix-dropdown-menu-trigger-width)" }, className: "rounded-2xl border-slate-100 bg-white p-2 shadow-xl", children: [_jsx(DropdownMenuLabel, { className: "px-3 py-2 text-[10px] font-black uppercase tracking-[0.22em] text-slate-400", children: "Manage" }), _jsx(DropdownMenuSeparator, { className: "my-1 bg-slate-100" }), visibleFeatures.map((feature) => {
+                        const Icon = feature.icon;
+                        const active = feature.value === current;
+                        return (_jsxs(DropdownMenuItem, { onSelect: () => {
+                                if (!active)
+                                    router.push(feature.href);
+                            }, className: cn("mb-1 cursor-pointer rounded-xl px-3 py-2.5 text-sm font-bold text-slate-700 focus:bg-primary/5 focus:text-primary", active && "bg-slate-950 text-white focus:bg-slate-950 focus:text-white"), children: [_jsx(Icon, { className: cn("h-4 w-4", active ? "text-white" : "text-slate-500") }), _jsx("span", { className: "flex-1", children: feature.label }), active && _jsx(Check, { className: "h-4 w-4 text-white" })] }, feature.value));
+                    })] })] }));
+}

package/dist/components/host-dashboard/PageHeader.d.ts

@@ -0,0 +1,14 @@
+import { LucideIcon } from "lucide-react";
+interface PageHeaderProps {
+    title: string;
+    subtitle?: string;
+    action?: {
+        label: string;
+        icon?: LucideIcon;
+        href?: string;
+        onClick?: () => void;
+    };
+}
+export declare function PageHeader({ title, subtitle, action }: PageHeaderProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=PageHeader.d.ts.map

package/dist/components/host-dashboard/PageHeader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageHeader.d.ts","sourceRoot":"","sources":["../../../src/components/host-dashboard/PageHeader.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAG1C,UAAU,eAAe;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE;QACP,KAAK,EAAE,MAAM,CAAC;QACd,IAAI,CAAC,EAAE,UAAU,CAAC;QAClB,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;KACtB,CAAA;CACF;AAED,wBAAgB,UAAU,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,EAAE,eAAe,2CA8BtE"}

package/dist/components/host-dashboard/PageHeader.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import Link from "next/link";
+import { Button } from "../../misc/button";
+export function PageHeader({ title, subtitle, action }) {
+    const className = "h-12 rounded-xl px-6 font-bold shadow-sm shadow-primary/20";
+    return (_jsxs("div", { className: "flex flex-col gap-4 md:flex-row md:items-center md:justify-between", children: [_jsxs("div", { children: [_jsx("h1", { className: "text-3xl font-bold text-slate-900 tracking-tight", children: title }), subtitle && (_jsx("p", { className: "text-slate-500 font-medium mt-0.5", children: subtitle }))] }), action &&
+                (action.href ? (_jsx(Button, { asChild: true, className: className, children: _jsxs(Link, { href: action.href, children: [action.icon && _jsx(action.icon, { className: "w-4 h-4" }), action.label] }) })) : (_jsxs(Button, { onClick: action.onClick, className: className, children: [action.icon && _jsx(action.icon, { className: "w-4 h-4" }), action.label] })))] }));
+}

package/dist/components/host-dashboard/PlaceholderPage.d.ts

@@ -0,0 +1,4 @@
+export default function PlaceholderPage({ title }: {
+    title: string;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=PlaceholderPage.d.ts.map

package/dist/components/host-dashboard/PlaceholderPage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlaceholderPage.d.ts","sourceRoot":"","sources":["../../../src/components/host-dashboard/PlaceholderPage.tsx"],"names":[],"mappings":"AAKA,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,EAAE,KAAK,EAAE,EAAE;IAAE,KAAK,EAAE,MAAM,CAAA;CAAE,2CAsBnE"}

package/dist/components/host-dashboard/PlaceholderPage.js

@@ -0,0 +1,9 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button } from "@myrjfa/ui/dist/misc/button";
+import { useRouter } from "next/navigation";
+import Link from 'next/link';
+export default function PlaceholderPage({ title }) {
+    const router = useRouter();
+    return (_jsxs("div", { className: "flex flex-col items-center justify-center min-h-[60vh] text-center animate-in fade-in duration-700", children: [_jsx("div", { className: "w-24 h-24 bg-primary/5 rounded-full flex items-center justify-center mb-8", children: _jsx("div", { className: "w-12 h-12 border-4 border-primary border-t-transparent rounded-full animate-spin" }) }), _jsxs("h1", { className: "text-3xl font-bold text-slate-900 mb-4 tracking-tight", children: [title, " is Coming Soon"] }), _jsxs("p", { className: "text-slate-500 font-medium max-w-md mb-8", children: ["We are currently building this section to give you the best experience in managing your ", title.toLowerCase(), "."] }), _jsx(Button, { asChild: true, className: "bg-primary text-white font-bold h-12 px-8 rounded-xl shadow-lg shadow-primary/20", children: _jsx(Link, { href: "/dashboard/host/overview", children: "Back to Dashboard" }) })] }));
+}

package/dist/components/host-dashboard/StatCard.d.ts

@@ -0,0 +1,15 @@
+import { LucideIcon } from "lucide-react";
+interface StatCardProps {
+    title: string;
+    value: string | number;
+    subtitle?: string;
+    icon: LucideIcon;
+    trend?: {
+        value: number;
+        label?: string;
+    };
+    color?: "teal" | "blue" | "amber" | "rose" | "violet";
+}
+export declare function StatCard({ title, value, subtitle, icon: Icon, trend, color, }: StatCardProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=StatCard.d.ts.map

package/dist/components/host-dashboard/StatCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StatCard.d.ts","sourceRoot":"","sources":["../../../src/components/host-dashboard/StatCard.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAA4B,MAAM,cAAc,CAAC;AAEpE,UAAU,aAAa;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,EAAE,UAAU,CAAC;IACjB,KAAK,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IAC1C,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,MAAM,GAAG,QAAQ,CAAC;CACvD;AA8BD,wBAAgB,QAAQ,CAAC,EACvB,KAAK,EACL,KAAK,EACL,QAAQ,EACR,IAAI,EAAE,IAAI,EACV,KAAK,EACL,KAAc,GACf,EAAE,aAAa,2CAyCf"}

package/dist/components/host-dashboard/StatCard.js

@@ -0,0 +1,38 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from "@myrjfa/state/dist/lib/utils";
+import { TrendingUp, TrendingDown } from "lucide-react";
+const COLOR_MAP = {
+    teal: {
+        bg: "bg-teal-50",
+        icon: "bg-teal-100 text-teal-600",
+        text: "text-teal-600",
+    },
+    blue: {
+        bg: "bg-blue-50",
+        icon: "bg-blue-100 text-blue-600",
+        text: "text-blue-600",
+    },
+    amber: {
+        bg: "bg-amber-50",
+        icon: "bg-amber-100 text-amber-600",
+        text: "text-amber-600",
+    },
+    rose: {
+        bg: "bg-rose-50",
+        icon: "bg-rose-100 text-rose-600",
+        text: "text-rose-600",
+    },
+    violet: {
+        bg: "bg-violet-50",
+        icon: "bg-violet-100 text-violet-600",
+        text: "text-violet-600",
+    },
+};
+export function StatCard({ title, value, subtitle, icon: Icon, trend, color = "teal", }) {
+    var _a;
+    const c = COLOR_MAP[color];
+    const isPositive = ((_a = trend === null || trend === void 0 ? void 0 : trend.value) !== null && _a !== void 0 ? _a : 0) >= 0;
+    return (_jsxs("div", { className: cn("rounded-2xl border border-slate-100 bg-white p-5 shadow-sm flex flex-col gap-4 hover:shadow-md transition-shadow"), children: [_jsxs("div", { className: "flex items-start justify-between", children: [_jsx("div", { className: cn("p-2.5 rounded-xl", c.icon), children: _jsx(Icon, { className: "w-5 h-5" }) }), trend !== undefined && (_jsxs("span", { className: cn("flex items-center gap-1 text-xs font-bold px-2 py-1 rounded-full", isPositive
+                            ? "bg-emerald-50 text-emerald-600"
+                            : "bg-rose-50 text-rose-600"), children: [isPositive ? (_jsx(TrendingUp, { className: "w-3 h-3" })) : (_jsx(TrendingDown, { className: "w-3 h-3" })), Math.abs(trend.value), "%"] }))] }), _jsxs("div", { children: [_jsx("p", { className: "text-sm text-slate-500 font-medium", children: title }), _jsx("p", { className: "text-3xl font-bold text-slate-900 mt-0.5 tracking-tight", children: value }), subtitle && _jsx("p", { className: "text-xs text-slate-400 mt-1", children: subtitle })] })] }));
+}

package/dist/components/layout/AppProviders.d.ts

@@ -0,0 +1,5 @@
+import { ReactNode } from "react";
+export default function AppProviders({ children }: {
+    children: ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=AppProviders.d.ts.map

package/dist/components/layout/AppProviders.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppProviders.d.ts","sourceRoot":"","sources":["../../../src/components/layout/AppProviders.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAQlC,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,2CAYzE"}

package/dist/components/layout/AppProviders.js

@@ -0,0 +1,11 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Provider as JotaiProvider } from "jotai";
+import AuthSessionManager from "@myrjfa/state/dist/lib/authSessionManager";
+import QueryProvider from "@myrjfa/state/dist/lib/QueryProvider";
+import Navbar from "@myrjfa/ui/dist/main/navbar";
+import { PwaInstallButton } from "@myrjfa/ui/dist/misc/pwa-install-button";
+import IosPwaNavBar from "../ui/misc/IosPwaNavBar";
+export default function AppProviders({ children }) {
+    return (_jsx(JotaiProvider, { children: _jsxs(QueryProvider, { children: [_jsx(AuthSessionManager, {}), _jsx(Navbar, { dark: false }), _jsx("main", { className: "z-1", children: children }), _jsx(PwaInstallButton, {}), _jsx(IosPwaNavBar, {})] }) }));
+}

package/dist/components/layout/PublicRouteLayout.d.ts

@@ -0,0 +1,5 @@
+import { ReactNode } from "react";
+export default function PublicRouteLayout({ children, }: {
+    children: ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=PublicRouteLayout.d.ts.map

package/dist/components/layout/PublicRouteLayout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PublicRouteLayout.d.ts","sourceRoot":"","sources":["../../../src/components/layout/PublicRouteLayout.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGlC,MAAM,CAAC,OAAO,UAAU,iBAAiB,CAAC,EACxC,QAAQ,GACT,EAAE;IACD,QAAQ,EAAE,SAAS,CAAC;CACrB,2CAEA"}

package/dist/components/layout/PublicRouteLayout.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import PublicShell from "./PublicShell";
+export default function PublicRouteLayout({ children, }) {
+    return _jsx(PublicShell, { children: children });
+}

package/dist/components/layout/PublicShell.d.ts

@@ -0,0 +1,5 @@
+import { ReactNode } from "react";
+export default function PublicShell({ children }: {
+    children: ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=PublicShell.d.ts.map

package/dist/components/layout/PublicShell.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PublicShell.d.ts","sourceRoot":"","sources":["../../../src/components/layout/PublicShell.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGlC,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,2CAOxE"}

package/dist/components/layout/PublicShell.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import Footer from "@myrjfa/ui/dist/main/footer";
+export default function PublicShell({ children }) {
+    return (_jsxs("div", { className: "z-1", children: [_jsx("main", { className: "z-1", children: children }), _jsx(Footer, { dark: false })] }));
+}

package/dist/components/location/LocationPicker.d.ts

@@ -0,0 +1,27 @@
+export interface LocationData {
+    address: string;
+    latitude: number;
+    longitude: number;
+    placeId?: string;
+    city?: string;
+    state?: string;
+    country?: string;
+    postalCode?: string;
+    searchAddress?: string;
+}
+interface LocationPickerProps {
+    value?: LocationData | null;
+    onChange: (location: LocationData) => void;
+    placeholder?: string;
+    required?: boolean;
+    label?: string;
+}
+declare global {
+    interface Window {
+        google?: any;
+        __trippeazeGoogleMapsPromise?: Promise<void>;
+    }
+}
+export default function LocationPicker({ value, onChange, placeholder, required, label, }: LocationPickerProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=LocationPicker.d.ts.map

package/dist/components/location/LocationPicker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LocationPicker.d.ts","sourceRoot":"","sources":["../../../src/components/location/LocationPicker.tsx"],"names":[],"mappings":"AAUA,MAAM,WAAW,YAAY;IAC3B,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,UAAU,mBAAmB;IAC3B,KAAK,CAAC,EAAE,YAAY,GAAG,IAAI,CAAC;IAC5B,QAAQ,EAAE,CAAC,QAAQ,EAAE,YAAY,KAAK,IAAI,CAAC;IAC3C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AA4CD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,MAAM;QACd,MAAM,CAAC,EAAE,GAAG,CAAC;QACb,4BAA4B,CAAC,EAAE,OAAO,CAAC,IAAI,CAAC,CAAC;KAC9C;CACF;AAiLD,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,EACrC,KAAK,EACL,QAAQ,EACR,WAAoC,EACpC,QAAgB,EAChB,KAAkB,GACnB,EAAE,mBAAmB,2CAkYrB"}