@myrjfa/ui 2.1.9 → 2.2.1

package/dist/components/form-sections/RentalReviewSection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RentalReviewSection.d.ts","sourceRoot":"","sources":["../../../src/components/form-sections/RentalReviewSection.tsx"],"names":[],"mappings":"AAKA,OAAO,EAEL,KAAK,OAAO,EAEb,MAAM,uCAAuC,CAAC;AAE/C,KAAK,wBAAwB,GAAG;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,OAAO,CAAC;IACjB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,CAAC;AAaF,MAAM,CAAC,OAAO,UAAU,mBAAmB,CAAC,EAC1C,KAAK,EACL,OAAO,EACP,YAAY,EACZ,aAAa,GACd,EAAE,wBAAwB,2CAwG1B"}

package/dist/components/form-sections/RentalReviewSection.js

@@ -0,0 +1,27 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Card, CardContent, CardHeader, CardTitle } from "@myrjfa/ui/dist/misc/card";
+import { Car, CreditCard, MapPin } from "lucide-react";
+import ReviewConfirmationCard from "@myrjfa/ui/dist/components/create-flow/ReviewConfirmationCard";
+import { calculatePricingStrategyUnitTotal, } from "@myrjfa/state/dist/lib/models/pricing";
+const formatMoney = (value, currency = "INR") => new Intl.NumberFormat("en-IN", {
+    style: "currency",
+    currency,
+    maximumFractionDigits: 0,
+}).format(Number(value) || 0);
+function getStrategyLabel(strategy, index) {
+    var _a;
+    return ((_a = strategy.description) === null || _a === void 0 ? void 0 : _a.trim()) || `Pricing ${index + 1}`;
+}
+export default function RentalReviewSection({ title, pricing, vehicleModel, locationLabel, }) {
+    var _a;
+    const currency = pricing.currency || "INR";
+    const strategies = ((_a = pricing.pricingStrategies) === null || _a === void 0 ? void 0 : _a.length)
+        ? pricing.pricingStrategies
+        : [];
+    return (_jsxs("div", { className: "space-y-6", children: [_jsx(Card, { className: "rounded-[2rem] border border-gray-100 bg-gray-50/70 shadow-sm", children: _jsx(CardContent, { className: "p-4 sm:p-6", children: _jsxs("div", { className: "flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between", children: [_jsxs("div", { children: [_jsx("p", { className: "text-xs font-black uppercase tracking-[0.2em] text-gray-400", children: "Vehicle Preview" }), _jsx("h3", { className: "mt-2 text-xl font-black text-gray-900 sm:text-2xl", children: vehicleModel || title || "Vehicle Rental" })] }), locationLabel && (_jsxs("div", { className: "inline-flex items-center gap-2 rounded-2xl border border-primary/10 bg-white px-4 py-3 text-sm font-bold text-gray-600 shadow-sm", children: [_jsx(MapPin, { className: "h-4 w-4 text-primary" }), locationLabel] }))] }) }) }), _jsxs(Card, { className: "rounded-[2rem] border border-primary/10 bg-primary/5 sm:rounded-[2.5rem]", children: [_jsx(CardHeader, { className: "px-4 sm:px-6", children: _jsxs("div", { className: "flex items-center gap-3", children: [_jsx(CreditCard, { className: "h-8 w-8 text-primary" }), _jsx(CardTitle, { className: "text-xl font-bold text-primary sm:text-2xl", children: "Earnings Breakdown" })] }) }), _jsxs(CardContent, { className: "px-4 sm:px-6", children: [_jsx("p", { className: "mb-6 text-sm font-bold text-primary/70", children: "Each pricing option below shows what the guest pays at checkout and what the host collects for the vehicle base price." }), _jsx("div", { className: "space-y-4", children: strategies.map((strategy, index) => {
+                                    const guestPays = calculatePricingStrategyUnitTotal(strategy);
+                                    const hostCollects = Number(strategy.finalBasePrice || 0);
+                                    return (_jsxs("div", { className: "rounded-2xl border border-primary/10 bg-white p-4 shadow-sm sm:p-5", children: [_jsx("div", { className: "mb-4 flex flex-col gap-2 sm:flex-row sm:items-center sm:justify-between", children: _jsxs("div", { className: "flex min-w-0 items-center gap-3", children: [_jsx("div", { className: "flex h-10 w-10 flex-shrink-0 items-center justify-center rounded-xl bg-primary/10 text-primary", children: _jsx(Car, { className: "h-5 w-5" }) }), _jsxs("div", { className: "min-w-0", children: [_jsx("p", { className: "text-xs font-black uppercase tracking-[0.18em] text-gray-400", children: getStrategyLabel(strategy, index) }), (strategy.basePrice || 0) > (strategy.finalBasePrice || 0) && (_jsxs("p", { className: "mt-1 text-xs font-bold text-emerald-700", children: [Math.round((((strategy.basePrice || 0) - (strategy.finalBasePrice || 0)) / (strategy.basePrice || 1)) * 100), "% off"] }))] })] }) }), _jsxs("div", { className: "grid grid-cols-1 gap-3 sm:grid-cols-2", children: [_jsxs("div", { className: "rounded-2xl border border-gray-100 bg-gray-50 p-4", children: [_jsx("p", { className: "text-xs font-black uppercase tracking-[0.18em] text-gray-400", children: "Guest Pays" }), _jsx("p", { className: "mt-2 text-2xl font-black text-gray-900", children: formatMoney(guestPays, currency) })] }), _jsxs("div", { className: "rounded-2xl border border-primary bg-primary p-4 text-white shadow-lg shadow-primary/20", children: [_jsx("p", { className: "text-xs font-black uppercase tracking-[0.18em] text-white/70", children: "Host Collects" }), _jsx("p", { className: "mt-2 text-2xl font-black", children: formatMoney(hostCollects, currency) })] })] })] }, index));
+                                }) })] })] }), _jsx(ReviewConfirmationCard, { title: "Final Confirmation", body: `I certify all details for "${title}" are accurate. The vehicle will be reviewed by the Trippeaze team before going live.`, className: "rounded-2xl border border-gray-100 bg-gray-50 p-4 text-xs font-bold italic leading-relaxed text-gray-600 sm:p-6" })] }));
+}

package/dist/components/form-sections/RentalRulesSection.d.ts

@@ -0,0 +1,7 @@
+import type { UseFormReturn } from "react-hook-form";
+type RentalRulesSectionProps = {
+    form: UseFormReturn<any>;
+};
+export default function RentalRulesSection({ form }: RentalRulesSectionProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=RentalRulesSection.d.ts.map

package/dist/components/form-sections/RentalRulesSection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RentalRulesSection.d.ts","sourceRoot":"","sources":["../../../src/components/form-sections/RentalRulesSection.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAcrD,KAAK,uBAAuB,GAAG;IAC7B,IAAI,EAAE,aAAa,CAAC,GAAG,CAAC,CAAC;CAC1B,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,kBAAkB,CAAC,EAAE,IAAI,EAAE,EAAE,uBAAuB,2CA4L3E"}

package/dist/components/form-sections/RentalRulesSection.js

@@ -0,0 +1,10 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Input } from "@myrjfa/ui/dist/misc/input";
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@myrjfa/ui/dist/misc/select";
+import { TimeSelect } from "@myrjfa/ui/dist/misc/time-select";
+import { FormControl, FormDescription, FormField, FormItem, FormLabel, } from "@myrjfa/ui/dist/misc/form";
+import { ShieldCheck } from "lucide-react";
+export default function RentalRulesSection({ form }) {
+    return (_jsxs("div", { className: "space-y-6", children: [_jsxs("div", { className: "mb-6 flex items-center gap-3 border-b border-gray-100 pb-5", children: [_jsx(ShieldCheck, { className: "h-6 w-6 text-primary" }), _jsx("h2", { className: "text-2xl font-bold text-gray-900", children: "Policies & Rules" })] }), _jsxs("div", { className: "grid grid-cols-1 gap-6 md:grid-cols-2", children: [_jsx(FormField, { control: form.control, name: "depositAmount", render: ({ field }) => (_jsxs(FormItem, { children: [_jsx(FormLabel, { className: "text-[11px] font-bold uppercase tracking-[0.2em] text-gray-400", children: "Deposit Amount (INR)" }), _jsx(FormControl, { children: _jsx(Input, { type: "number", placeholder: "e.g., 1000", className: "h-14 w-full rounded-2xl border-2 border-gray-100 bg-gray-50/30 px-6 py-5 font-bold text-gray-900 outline-none transition-all focus:border-primary", ...field, value: field.value || "", onChange: (e) => field.onChange(parseInt(e.target.value, 10) || 0) }) }), _jsx(FormDescription, { children: "Security deposit at pickup." })] })) }), _jsx(FormField, { control: form.control, name: "fuelPolicy", render: ({ field }) => (_jsxs(FormItem, { children: [_jsx(FormLabel, { className: "text-[11px] font-bold uppercase tracking-[0.2em] text-gray-400", children: "Fuel Policy" }), _jsxs(Select, { onValueChange: field.onChange, value: field.value || undefined, children: [_jsx(FormControl, { children: _jsx(SelectTrigger, { className: "h-14 w-full rounded-2xl border-2 border-gray-100 bg-gray-50/30 px-6 py-5 font-bold text-gray-900 outline-none transition-all focus:border-primary", children: _jsx(SelectValue, { placeholder: "Select fuel policy" }) }) }), _jsxs(SelectContent, { children: [_jsx(SelectItem, { value: "full-to-full", children: "Full to Full" }), _jsx(SelectItem, { value: "same-to-same", children: "Same to Same" }), _jsx(SelectItem, { value: "included", children: "Fuel Included" })] })] })] })) })] }), _jsx("div", { className: "grid grid-cols-1 gap-6 border-t border-gray-100 pt-6", children: _jsx(FormField, { control: form.control, name: "distanceLimit", render: ({ field }) => (_jsxs(FormItem, { children: [_jsx(FormLabel, { className: "text-[11px] font-bold uppercase tracking-[0.2em] text-gray-400", children: "Distance Limit / KM Rules" }), _jsx(FormControl, { children: _jsx(Input, { placeholder: "e.g., 200 km/day, INR 5/km extra...", className: "h-14 w-full rounded-2xl border-2 border-gray-100 bg-gray-50/30 px-6 py-5 font-bold text-gray-900 outline-none transition-all focus:border-primary", ...field }) })] })) }) }), _jsxs("div", { className: "grid grid-cols-1 gap-6 md:grid-cols-2", children: [_jsx(FormField, { control: form.control, name: "normalPickupTime", render: ({ field }) => (_jsxs(FormItem, { children: [_jsx(FormLabel, { className: "text-[11px] font-bold uppercase tracking-[0.2em] text-gray-400", children: "Normal Pickup Time" }), _jsx(FormControl, { children: _jsx(TimeSelect, { value: field.value || "", onChange: field.onChange, placeholder: "Select pickup time" }) }), _jsx(FormDescription, { children: "Pickup before this time is charged as one extra rental day." })] })) }), _jsx(FormField, { control: form.control, name: "normalDropTime", render: ({ field }) => (_jsxs(FormItem, { children: [_jsx(FormLabel, { className: "text-[11px] font-bold uppercase tracking-[0.2em] text-gray-400", children: "Normal Drop Time" }), _jsx(FormControl, { children: _jsx(TimeSelect, { value: field.value || "", onChange: field.onChange, placeholder: "Select drop time" }) }), _jsx(FormDescription, { children: "Drop after this time is charged as one extra rental day." })] })) })] }), _jsxs("div", { className: "grid grid-cols-1 gap-6 md:grid-cols-2", children: [_jsx(FormField, { control: form.control, name: "damagePolicy", render: ({ field }) => (_jsxs(FormItem, { children: [_jsx(FormLabel, { className: "text-[11px] font-bold uppercase tracking-[0.2em] text-gray-400", children: "Damage Policy" }), _jsx(FormControl, { children: _jsx(Input, { placeholder: "e.g., Scratches under 1cm ignored", className: "h-14 w-full rounded-2xl border-2 border-gray-100 bg-gray-50/30 px-6 py-5 font-bold text-gray-900 outline-none transition-all focus:border-primary", ...field }) })] })) }), _jsx(FormField, { control: form.control, name: "cancellationPolicy", render: ({ field }) => (_jsxs(FormItem, { children: [_jsx(FormLabel, { className: "text-[11px] font-bold uppercase tracking-[0.2em] text-gray-400", children: "Cancellation Policy" }), _jsx(FormControl, { children: _jsx(Input, { placeholder: "e.g., Free cancellation 24h before.", className: "h-14 w-full rounded-2xl border-2 border-gray-100 bg-gray-50/30 px-6 py-5 font-bold text-gray-900 outline-none transition-all focus:border-primary", ...field }) })] })) })] }), _jsx(FormField, { control: form.control, name: "instantBook", render: ({ field }) => (_jsxs(FormItem, { className: "mt-4 flex flex-row items-center justify-between rounded-[1.25rem] border-2 border-gray-100 bg-gray-50/30 p-6", children: [_jsxs("div", { className: "space-y-1 font-bold", children: [_jsx(FormLabel, { className: "text-base text-gray-900", children: "Instant Booking" }), _jsx(FormDescription, { className: "text-gray-500", children: "Allow users to book immediately without host approval." })] }), _jsx(FormControl, { children: _jsxs("label", { className: "relative inline-flex cursor-pointer items-center", children: [_jsx("input", { type: "checkbox", className: "peer sr-only", checked: field.value, onChange: field.onChange }), _jsx("div", { className: "peer h-7 w-14 rounded-full bg-gray-200 peer-checked:bg-primary peer-checked:after:translate-x-full peer-checked:after:border-white peer-focus:outline-none after:absolute after:left-[2px] after:top-[2px] after:h-6 after:w-6 after:rounded-full after:border after:border-gray-300 after:bg-white after:transition-all after:content-['']" })] }) })] })) })] }));
+}

package/dist/components/form-sections/RentalSpecsSection.d.ts

@@ -0,0 +1,7 @@
+import type { UseFormReturn } from "react-hook-form";
+type RentalSpecsSectionProps = {
+    form: UseFormReturn<any>;
+};
+export default function RentalSpecsSection({ form }: RentalSpecsSectionProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=RentalSpecsSection.d.ts.map

package/dist/components/form-sections/RentalSpecsSection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RentalSpecsSection.d.ts","sourceRoot":"","sources":["../../../src/components/form-sections/RentalSpecsSection.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAcrD,KAAK,uBAAuB,GAAG;IAC7B,IAAI,EAAE,aAAa,CAAC,GAAG,CAAC,CAAC;CAC1B,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,kBAAkB,CAAC,EAAE,IAAI,EAAE,EAAE,uBAAuB,2CAiI3E"}

package/dist/components/form-sections/RentalSpecsSection.js

@@ -0,0 +1,10 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Input } from "@myrjfa/ui/dist/misc/input";
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@myrjfa/ui/dist/misc/select";
+import { Textarea } from "@myrjfa/ui/dist/misc/textarea";
+import { FormControl, FormField, FormItem, FormLabel, } from "@myrjfa/ui/dist/misc/form";
+import { Settings } from "lucide-react";
+export default function RentalSpecsSection({ form }) {
+    return (_jsxs("div", { className: "space-y-6", children: [_jsxs("div", { className: "mb-6 flex items-center gap-3 border-b border-gray-100 pb-5", children: [_jsx(Settings, { className: "h-6 w-6 text-primary" }), _jsx("h2", { className: "text-2xl font-bold text-gray-900", children: "Specifications" })] }), _jsx(FormField, { control: form.control, name: "description", render: ({ field }) => (_jsxs(FormItem, { children: [_jsx(FormLabel, { className: "text-[11px] font-bold uppercase tracking-[0.2em] text-gray-400", children: "Detailed Description" }), _jsx(FormControl, { children: _jsx(Textarea, { placeholder: "Describe the vehicle's condition, unique features, included accessories (helmets, chargers, etc)...", className: "min-h-[160px] w-full resize-none rounded-[1.25rem] border-2 border-gray-100 bg-gray-50/30 px-6 py-5 font-bold text-gray-900 outline-none transition-all focus:border-primary focus:bg-white", ...field }) })] })) }), _jsxs("div", { className: "grid grid-cols-1 gap-6 md:grid-cols-2", children: [_jsx(FormField, { control: form.control, name: "seatingCapacity", render: ({ field }) => (_jsxs(FormItem, { className: "h-full", children: [_jsx(FormLabel, { className: "text-[11px] font-bold uppercase tracking-[0.2em] text-gray-400", children: "Seating Capacity" }), _jsx(FormControl, { children: _jsx(Input, { type: "number", autoComplete: "off", inputMode: "numeric", "data-form-type": "other", "data-lpignore": "true", "data-1p-ignore": "true", className: "h-14 w-full rounded-2xl border-2 border-gray-100 bg-gray-50/30 px-6 py-5 font-bold text-gray-900 outline-none transition-all focus:border-primary", ...field, value: field.value || "", onChange: (e) => field.onChange(parseInt(e.target.value, 10) || undefined) }) })] })) }), _jsx(FormField, { control: form.control, name: "driverOption", render: ({ field }) => (_jsxs(FormItem, { children: [_jsx(FormLabel, { className: "text-[11px] font-bold uppercase tracking-[0.2em] text-gray-400", children: "Driver Option" }), _jsxs(Select, { onValueChange: field.onChange, value: field.value || undefined, children: [_jsx(FormControl, { children: _jsx(SelectTrigger, { className: "h-14 w-full rounded-2xl border-2 border-gray-100 bg-gray-50/30 px-6 py-5 font-bold text-gray-900 outline-none transition-all focus:border-primary", children: _jsx(SelectValue, { placeholder: "Select driver rules" }) }) }), _jsxs(SelectContent, { children: [_jsx(SelectItem, { value: "self-drive", children: "Self Drive Only" }), _jsx(SelectItem, { value: "with-driver", children: "With Driver Only" }), _jsx(SelectItem, { value: "both", children: "Both Available" })] })] })] })) })] }), _jsxs("div", { className: "grid grid-cols-1 gap-6 md:grid-cols-2", children: [_jsx(FormField, { control: form.control, name: "fuelType", render: ({ field }) => (_jsxs(FormItem, { children: [_jsx(FormLabel, { className: "text-[11px] font-bold uppercase tracking-[0.2em] text-gray-400", children: "Fuel/Power Type" }), _jsxs(Select, { onValueChange: field.onChange, value: field.value || undefined, children: [_jsx(FormControl, { children: _jsx(SelectTrigger, { className: "h-14 w-full rounded-2xl border-2 border-gray-100 bg-gray-50/30 px-6 py-5 font-bold text-gray-900 outline-none transition-all focus:border-primary", children: _jsx(SelectValue, { placeholder: "Select type" }) }) }), _jsxs(SelectContent, { children: [_jsx(SelectItem, { value: "petrol", children: "Petrol" }), _jsx(SelectItem, { value: "diesel", children: "Diesel" }), _jsx(SelectItem, { value: "electric", children: "Electric" }), _jsx(SelectItem, { value: "none", children: "Not Applicable" })] })] })] })) }), _jsx(FormField, { control: form.control, name: "transmission", render: ({ field }) => (_jsxs(FormItem, { children: [_jsx(FormLabel, { className: "text-[11px] font-bold uppercase tracking-[0.2em] text-gray-400", children: "Transmission" }), _jsxs(Select, { onValueChange: field.onChange, value: field.value || undefined, children: [_jsx(FormControl, { children: _jsx(SelectTrigger, { className: "h-14 w-full rounded-2xl border-2 border-gray-100 bg-gray-50/30 px-6 py-5 font-bold text-gray-900 outline-none transition-all focus:border-primary", children: _jsx(SelectValue, { placeholder: "Select" }) }) }), _jsxs(SelectContent, { children: [_jsx(SelectItem, { value: "manual", children: "Manual" }), _jsx(SelectItem, { value: "automatic", children: "Automatic" }), _jsx(SelectItem, { value: "none", children: "Not Applicable" })] })] })] })) })] })] }));
+}

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

@@ -0,0 +1,8 @@
+interface HostCalendarProps {
+    blockedDates: Date[];
+    onToggleDate: (date: Date) => void;
+    isLoading?: boolean;
+}
+export declare function HostCalendar({ blockedDates, onToggleDate, isLoading, }: HostCalendarProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=HostCalendar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"HostCalendar.d.ts","sourceRoot":"","sources":["../../../src/components/host-dashboard/HostCalendar.tsx"],"names":[],"mappings":"AAoBA,UAAU,iBAAiB;IACzB,YAAY,EAAE,IAAI,EAAE,CAAC;IACrB,YAAY,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IACnC,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,wBAAgB,YAAY,CAAC,EAC3B,YAAY,EACZ,YAAY,EACZ,SAAS,GACV,EAAE,iBAAiB,2CA4JnB"}

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

@@ -0,0 +1,43 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { ChevronLeft, ChevronRight, Lock, Unlock } from "lucide-react";
+import { cn } from "@myrjfa/state/dist/lib/utils";
+import { Button } from "@myrjfa/ui/dist/misc/button";
+import { format, addMonths, subMonths, startOfMonth, endOfMonth, startOfWeek, endOfWeek, isSameMonth, isSameDay, addDays, isBefore, startOfToday, } from "date-fns";
+export function HostCalendar({ blockedDates, onToggleDate, isLoading, }) {
+    const [currentMonth, setCurrentMonth] = useState(new Date());
+    const renderHeader = () => {
+        return (_jsxs("div", { className: "flex items-center justify-between mb-8", children: [_jsxs("div", { className: "flex flex-col", children: [_jsx("h2", { className: "text-2xl font-bold text-slate-900 tracking-tight", children: format(currentMonth, "MMMM yyyy") }), _jsx("p", { className: "text-sm text-slate-500 font-medium", children: "Manage availability for this listing" })] }), _jsxs("div", { className: "flex gap-2", children: [_jsx(Button, { variant: "outline", size: "icon", className: "rounded-xl border-slate-200", onClick: () => setCurrentMonth(subMonths(currentMonth, 1)), children: _jsx(ChevronLeft, { className: "w-5 h-5" }) }), _jsx(Button, { variant: "outline", size: "icon", className: "rounded-xl border-slate-200", onClick: () => setCurrentMonth(addMonths(currentMonth, 1)), children: _jsx(ChevronRight, { className: "w-5 h-5" }) })] })] }));
+    };
+    const renderDays = () => {
+        const days = ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"];
+        return (_jsx("div", { className: "grid grid-cols-7 mb-4", children: days.map((day, i) => (_jsx("div", { className: "text-center text-[10px] uppercase font-bold text-slate-400 tracking-widest", children: day }, i))) }));
+    };
+    const renderCells = () => {
+        const monthStart = startOfMonth(currentMonth);
+        const monthEnd = endOfMonth(monthStart);
+        const startDate = startOfWeek(monthStart);
+        const endDate = endOfWeek(monthEnd);
+        const rows = [];
+        let days = [];
+        let day = startDate;
+        let formattedDate = "";
+        while (day <= endDate) {
+            for (let i = 0; i < 7; i++) {
+                formattedDate = format(day, "d");
+                const cloneDay = day;
+                const isBlocked = blockedDates.some((d) => isSameDay(new Date(d), cloneDay));
+                const isDisabled = !isSameMonth(day, monthStart) || isBefore(day, startOfToday());
+                days.push(_jsxs("button", { disabled: isDisabled || isLoading, className: cn("relative h-24 border border-slate-50 p-2 transition-all flex flex-col group", !isSameMonth(day, monthStart)
+                        ? "bg-slate-50/30 opacity-30"
+                        : "bg-white", isBlocked ? "bg-rose-50" : "hover:bg-slate-50", isSameDay(day, new Date()) && "ring-2 ring-primary ring-inset"), onClick: () => onToggleDate(cloneDay), children: [_jsx("span", { className: cn("text-sm font-bold", isBlocked ? "text-rose-600" : "text-slate-900", isDisabled && "text-slate-300"), children: formattedDate }), _jsx("div", { className: "mt-auto flex justify-center", children: isBlocked ? (_jsxs("div", { className: "flex items-center gap-1.5 bg-rose-100 text-rose-700 px-2 py-1 rounded-lg text-[10px] font-bold uppercase tracking-tighter shadow-sm animate-in zoom-in duration-200", children: [_jsx(Lock, { className: "w-3 h-3" }), " Blocked"] })) : (!isDisabled && (_jsxs("div", { className: "opacity-0 group-hover:opacity-100 flex items-center gap-1.5 bg-slate-100 text-slate-600 px-2 py-1 rounded-lg text-[10px] font-bold uppercase tracking-tighter transition-all", children: [_jsx(Unlock, { className: "w-3 h-3" }), " Open"] }))) })] }, day.toString()));
+                day = addDays(day, 1);
+            }
+            rows.push(_jsx("div", { className: "grid grid-cols-7", children: days }, day.toString()));
+            days = [];
+        }
+        return (_jsx("div", { className: "rounded-[2rem] overflow-hidden border border-slate-100 shadow-sm", children: rows }));
+    };
+    return (_jsxs("div", { className: "p-4 md:p-8 bg-white/50 backdrop-blur-sm rounded-[2.5rem] border border-slate-100 shadow-lg", children: [renderHeader(), renderDays(), renderCells(), _jsxs("div", { className: "mt-8 flex items-center gap-6 p-4 bg-slate-100/50 rounded-2xl border border-slate-100", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("div", { className: "w-4 h-4 rounded bg-white border border-slate-200" }), _jsx("span", { className: "text-xs font-bold text-slate-500 uppercase", children: "Available" })] }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx("div", { className: "w-4 h-4 rounded bg-rose-100 border border-rose-200" }), _jsx("span", { className: "text-xs font-bold text-slate-500 uppercase", children: "Blocked" })] }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx("div", { className: "w-4 h-4 rounded bg-primary" }), _jsx("span", { className: "text-xs font-bold text-slate-500 uppercase", children: "Today" })] })] })] }));
+}

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

@@ -0,0 +1,34 @@
+import { ReactNode } from "react";
+type CellContext<T> = {
+    item: T;
+    day: Date;
+    key: string;
+    isPast: boolean;
+    isSelected: boolean;
+};
+type HostCalendarGridProps<T> = {
+    items: T[];
+    days: Date[];
+    startDate: Date;
+    setStartDate: (date: Date) => void;
+    todayKey: string;
+    emptyMessage: string;
+    selected: {
+        item: T;
+        date: Date;
+    } | null;
+    selectedItemIds: string[];
+    effectiveRangeEnd: Date;
+    getItemId: (item: T) => string;
+    getItemTitle: (item: T) => ReactNode;
+    getItemSubtitle: (item: T) => ReactNode;
+    getItemImage: (item: T) => string;
+    getItemHref?: (item: T) => string;
+    onItemClick?: (item: T) => void;
+    getCellHandlers: (item: T, day: Date) => Record<string, unknown>;
+    getCellClassName?: (ctx: CellContext<T>) => string;
+    renderCell: (ctx: CellContext<T>) => ReactNode;
+};
+export declare function HostCalendarGrid<T>({ items, days, startDate, setStartDate, todayKey, emptyMessage, selected, selectedItemIds, effectiveRangeEnd, getItemId, getItemTitle, getItemSubtitle, getItemImage, getItemHref, onItemClick, getCellHandlers, getCellClassName, renderCell, }: HostCalendarGridProps<T>): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=HostCalendarGrid.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"HostCalendarGrid.d.ts","sourceRoot":"","sources":["../../../src/components/host-dashboard/HostCalendarGrid.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIlC,KAAK,WAAW,CAAC,CAAC,IAAI;IACpB,IAAI,EAAE,CAAC,CAAC;IACR,GAAG,EAAE,IAAI,CAAC;IACV,GAAG,EAAE,MAAM,CAAC;IACZ,MAAM,EAAE,OAAO,CAAC;IAChB,UAAU,EAAE,OAAO,CAAC;CACrB,CAAC;AAEF,KAAK,qBAAqB,CAAC,CAAC,IAAI;IAC9B,KAAK,EAAE,CAAC,EAAE,CAAC;IACX,IAAI,EAAE,IAAI,EAAE,CAAC;IACb,SAAS,EAAE,IAAI,CAAC;IAChB,YAAY,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IACnC,QAAQ,EAAE,MAAM,CAAC;IACjB,YAAY,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE;QAAE,IAAI,EAAE,CAAC,CAAC;QAAC,IAAI,EAAE,IAAI,CAAA;KAAE,GAAG,IAAI,CAAC;IACzC,eAAe,EAAE,MAAM,EAAE,CAAC;IAC1B,iBAAiB,EAAE,IAAI,CAAC;IACxB,SAAS,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,MAAM,CAAC;IAC/B,YAAY,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,SAAS,CAAC;IACrC,eAAe,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,SAAS,CAAC;IACxC,YAAY,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,MAAM,CAAC;IAClC,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,MAAM,CAAC;IAClC,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,IAAI,CAAC;IAChC,eAAe,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,GAAG,EAAE,IAAI,KAAK,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACjE,gBAAgB,CAAC,EAAE,CAAC,GAAG,EAAE,WAAW,CAAC,CAAC,CAAC,KAAK,MAAM,CAAC;IACnD,UAAU,EAAE,CAAC,GAAG,EAAE,WAAW,CAAC,CAAC,CAAC,KAAK,SAAS,CAAC;CAChD,CAAC;AAEF,wBAAgB,gBAAgB,CAAC,CAAC,EAAE,EAClC,KAAK,EACL,IAAI,EACJ,SAAS,EACT,YAAY,EACZ,QAAQ,EACR,YAAY,EACZ,QAAQ,EACR,eAAe,EACf,iBAAiB,EACjB,SAAS,EACT,YAAY,EACZ,eAAe,EACf,YAAY,EACZ,WAAW,EACX,WAAW,EACX,eAAe,EACf,gBAAgB,EAChB,UAAU,GACX,EAAE,qBAAqB,CAAC,CAAC,CAAC,2CA6F1B"}

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

@@ -0,0 +1,30 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { addDays, format } from "date-fns";
+import { ChevronLeft, ChevronRight } from "lucide-react";
+import Link from "next/link";
+import { dateKey, isDateInRange, isPastDate } from "@myrjfa/state/dist/lib/hooks/useHostCalendarSelection";
+import { Button } from "../../misc/button";
+export function HostCalendarGrid({ items, days, startDate, setStartDate, todayKey, emptyMessage, selected, selectedItemIds, effectiveRangeEnd, getItemId, getItemTitle, getItemSubtitle, getItemImage, getItemHref, onItemClick, getCellHandlers, getCellClassName, renderCell, }) {
+    const renderRowHeader = (item) => {
+        const content = (_jsxs(_Fragment, { children: [_jsx("img", { src: getItemImage(item), alt: "", className: "h-12 w-12 rounded-xl object-cover" }), _jsxs("div", { className: "min-w-0", children: [_jsx("p", { className: "truncate text-sm font-black text-slate-950", children: getItemTitle(item) }), _jsx("p", { className: "text-xs font-semibold text-slate-500", children: getItemSubtitle(item) })] })] }));
+        const className = "flex items-center gap-3 border-r border-slate-200 p-3 text-left hover:bg-slate-50";
+        const href = getItemHref === null || getItemHref === void 0 ? void 0 : getItemHref(item);
+        if (href) {
+            return _jsx(Link, { href: href, className: className, children: content });
+        }
+        return (_jsx("button", { type: "button", className: className, onClick: () => onItemClick === null || onItemClick === void 0 ? void 0 : onItemClick(item), children: content }));
+    };
+    return (_jsxs("div", { className: "overflow-auto", children: [_jsxs("div", { className: "sticky top-0 z-10 grid min-w-[980px] grid-cols-[280px_repeat(14,120px)] border-b border-slate-200 bg-white", children: [_jsxs("div", { className: "border-r border-slate-200 p-3", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Button, { variant: "outline", size: "icon", className: "h-9 w-9 rounded-xl", onClick: () => setStartDate(addDays(startDate, -14)), children: _jsx(ChevronLeft, { className: "h-4 w-4" }) }), _jsx(Button, { variant: "outline", className: "h-9 rounded-xl", onClick: () => setStartDate(new Date()), children: "Today" }), _jsx(Button, { variant: "outline", size: "icon", className: "h-9 w-9 rounded-xl", onClick: () => setStartDate(addDays(startDate, 14)), children: _jsx(ChevronRight, { className: "h-4 w-4" }) })] }), _jsxs("p", { className: "mt-2 text-xs font-black uppercase tracking-[0.14em] text-slate-400", children: [format(days[0], "MMM yyyy"), format(days[0], "MMM yyyy") !== format(days[days.length - 1], "MMM yyyy")
+                                        ? ` - ${format(days[days.length - 1], "MMM yyyy")}`
+                                        : ""] })] }), days.map((day) => (_jsxs("div", { className: "border-r border-slate-100 p-3 text-center", children: [_jsx("p", { className: "text-[10px] font-black uppercase tracking-wider text-slate-400", children: format(day, "EEE") }), _jsx("p", { className: `mx-auto mt-1 flex h-8 w-8 items-center justify-center rounded-xl text-sm font-black ${dateKey(day) === todayKey ? "bg-slate-950 text-white" : "text-slate-800"}`, children: format(day, "d") })] }, day.toISOString())))] }), _jsx("div", { className: "min-w-[980px]", children: items.length === 0 ? (_jsx("div", { className: "p-10 text-center text-sm font-semibold text-slate-500", children: emptyMessage })) : items.map((item) => (_jsxs("div", { className: "grid grid-cols-[280px_repeat(14,120px)] border-b border-slate-100", children: [renderRowHeader(item), days.map((day) => {
+                            const key = dateKey(day);
+                            const isPast = isPastDate(day);
+                            const isSelected = Boolean(selected &&
+                                !isPast &&
+                                selectedItemIds.includes(getItemId(item)) &&
+                                isDateInRange(day, selected.date, effectiveRangeEnd));
+                            const ctx = { item, day, key, isPast, isSelected };
+                            return (_jsx("button", { type: "button", disabled: isPast, title: isPast ? "Past dates are view-only." : undefined, ...getCellHandlers(item, day), className: `min-h-[86px] border-r border-slate-100 p-3 text-left transition ${isPast ? "cursor-not-allowed bg-slate-100/80 text-slate-400 opacity-70 hover:bg-slate-100/80" : "hover:bg-primary/5"} ${isSelected ? "ring-2 ring-inset ring-primary" : ""} ${(getCellClassName === null || getCellClassName === void 0 ? void 0 : getCellClassName(ctx)) || ""}`, children: renderCell(ctx) }, `${getItemId(item)}-${key}`));
+                        })] }, getItemId(item)))) })] }));
+}

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

@@ -0,0 +1,12 @@
+type HostListingMultiSelectProps<T> = {
+    label?: string;
+    items: T[];
+    selectedIds: string[];
+    getItemId: (item: T) => string;
+    getItemTitle: (item: T) => string;
+    getItemSubtitle?: (item: T) => string;
+    onChange: (ids: string[]) => void;
+};
+export declare function HostListingMultiSelect<T>({ label, items, selectedIds, getItemId, getItemTitle, getItemSubtitle, onChange, }: HostListingMultiSelectProps<T>): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=HostListingMultiSelect.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"HostListingMultiSelect.d.ts","sourceRoot":"","sources":["../../../src/components/host-dashboard/HostListingMultiSelect.tsx"],"names":[],"mappings":"AAaA,KAAK,2BAA2B,CAAC,CAAC,IAAI;IACpC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,CAAC,EAAE,CAAC;IACX,WAAW,EAAE,MAAM,EAAE,CAAC;IACtB,SAAS,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,MAAM,CAAC;IAC/B,YAAY,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,MAAM,CAAC;IAClC,eAAe,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,MAAM,CAAC;IACtC,QAAQ,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;CACnC,CAAC;AAEF,wBAAgB,sBAAsB,CAAC,CAAC,EAAE,EACxC,KAA4B,EAC5B,KAAK,EACL,WAAW,EACX,SAAS,EACT,YAAY,EACZ,eAAe,EACf,QAAQ,GACT,EAAE,2BAA2B,CAAC,CAAC,CAAC,2CAiEhC"}

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

@@ -0,0 +1,24 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ChevronDown } from "lucide-react";
+import { Button } from "../../misc/button";
+import { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuTrigger, } from "../../misc/dropdown-menu";
+export function HostListingMultiSelect({ label = "Listings to update", items, selectedIds, getItemId, getItemTitle, getItemSubtitle, onChange, }) {
+    const selectedSet = new Set(selectedIds);
+    const selectedCount = selectedIds.length;
+    const selectedSingleItem = items.find((item) => getItemId(item) === selectedIds[0]);
+    const toggleItem = (id, checked) => {
+        const next = checked
+            ? Array.from(new Set([...selectedIds, id]))
+            : selectedIds.filter((selectedId) => selectedId !== id);
+        if (next.length === 0)
+            return;
+        onChange(next);
+    };
+    return (_jsxs("div", { children: [_jsx("p", { className: "mb-2 text-[10px] font-black uppercase tracking-[0.16em] text-slate-400", children: label }), _jsxs(DropdownMenu, { children: [_jsx(DropdownMenuTrigger, { asChild: true, children: _jsxs(Button, { type: "button", variant: "outline", className: "h-auto min-h-12 w-full justify-between rounded-xl border-slate-200 px-4 py-3 text-left font-bold text-slate-800", children: [_jsx("span", { className: "min-w-0 truncate", children: selectedCount === 1
+                                        ? selectedSingleItem ? getItemTitle(selectedSingleItem) : "1 selected listing"
+                                        : `${selectedCount} selected listings` }), _jsx(ChevronDown, { className: "h-4 w-4 shrink-0 text-slate-400" })] }) }), _jsxs(DropdownMenuContent, { align: "start", className: "max-h-72 w-[var(--radix-dropdown-menu-trigger-width)] overflow-auto rounded-xl border-slate-200 p-2", children: [_jsx(DropdownMenuLabel, { className: "px-2 text-[10px] font-black uppercase tracking-[0.16em] text-slate-400", children: "Select listings" }), _jsx(DropdownMenuSeparator, {}), items.map((item) => {
+                                const id = getItemId(item);
+                                return (_jsx(DropdownMenuCheckboxItem, { checked: selectedSet.has(id), onSelect: (event) => event.preventDefault(), onCheckedChange: (checked) => toggleItem(id, checked === true), className: "rounded-lg py-2", children: _jsxs("span", { className: "min-w-0", children: [_jsx("span", { className: "block truncate text-sm font-bold text-slate-900", children: getItemTitle(item) }), getItemSubtitle ? (_jsx("span", { className: "block truncate text-xs font-semibold text-slate-500", children: getItemSubtitle(item) })) : null] }) }, id));
+                            })] })] })] }));
+}

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

@@ -0,0 +1,17 @@
+import { ReactNode } from "react";
+type StatCard = {
+    label: string;
+    value: ReactNode;
+    helper: string;
+};
+type HostManageCalendarShellProps = {
+    title: string;
+    subtitle: string;
+    actions: ReactNode;
+    stats: StatCard[];
+    calendar: ReactNode;
+    sidebar: ReactNode;
+};
+export declare function HostManageCalendarShell({ title, subtitle, actions, stats, calendar, sidebar, }: HostManageCalendarShellProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=HostManageCalendarShell.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"HostManageCalendarShell.d.ts","sourceRoot":"","sources":["../../../src/components/host-dashboard/HostManageCalendarShell.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,KAAK,QAAQ,GAAG;IACd,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,SAAS,CAAC;IACjB,MAAM,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,KAAK,4BAA4B,GAAG;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,SAAS,CAAC;IACnB,KAAK,EAAE,QAAQ,EAAE,CAAC;IAClB,QAAQ,EAAE,SAAS,CAAC;IACpB,OAAO,EAAE,SAAS,CAAC;CACpB,CAAC;AAEF,wBAAgB,uBAAuB,CAAC,EACtC,KAAK,EACL,QAAQ,EACR,OAAO,EACP,KAAK,EACL,QAAQ,EACR,OAAO,GACR,EAAE,4BAA4B,2CA8B9B"}

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

@@ -0,0 +1,5 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export function HostManageCalendarShell({ title, subtitle, actions, stats, calendar, sidebar, }) {
+    return (_jsxs("div", { className: "flex min-h-[calc(100vh-96px)] w-full flex-col space-y-5 pb-8", children: [_jsxs("div", { className: "flex flex-col gap-4 rounded-[2rem] border border-slate-100 bg-white p-5 shadow-sm md:flex-row md:items-center md:justify-between", children: [_jsxs("div", { children: [_jsx("p", { className: "text-[10px] font-black uppercase tracking-[0.2em] text-slate-400", children: "Host Calendar" }), _jsx("h1", { className: "text-3xl font-black tracking-tight text-slate-950", children: title }), _jsx("p", { className: "text-sm font-semibold text-slate-500", children: subtitle })] }), _jsx("div", { className: "grid w-full grid-cols-1 gap-2 sm:grid-cols-2 md:w-auto md:flex md:flex-wrap", children: actions })] }), _jsx("div", { className: "grid gap-4 md:grid-cols-3", children: stats.map((stat) => (_jsxs("div", { className: "rounded-[1.5rem] border border-slate-100 bg-white p-5", children: [_jsx("p", { className: "text-[10px] font-black uppercase tracking-[0.18em] text-slate-400", children: stat.label }), _jsx("p", { className: "mt-2 text-3xl font-black text-slate-950", children: stat.value }), _jsx("p", { className: "text-sm font-semibold text-slate-500", children: stat.helper })] }, stat.label))) }), _jsxs("div", { className: "grid min-h-[660px] flex-1 overflow-hidden rounded-[2rem] border border-slate-200 bg-white shadow-xl lg:grid-cols-[minmax(0,1fr)_360px]", children: [calendar, _jsx("aside", { className: "border-l border-slate-200 bg-slate-50/60 p-5", children: sidebar })] })] }));
+}

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

@@ -0,0 +1,2 @@
+export declare function HostSidebarNavigation(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=HostSidebarNavigation.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"HostSidebarNavigation.d.ts","sourceRoot":"","sources":["../../../src/components/host-dashboard/HostSidebarNavigation.tsx"],"names":[],"mappings":"AAoGA,wBAAgB,qBAAqB,4CA+bpC"}