@myrjfa/ui 2.1.8 → 2.2.0

package/dist/components/booking/booking-form.js

@@ -0,0 +1,824 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useEffect, useMemo, useState } from "react";
+import { useRouter } from "next/navigation";
+import { format, } from "date-fns";
+import { useAtomValue } from "jotai";
+import { userAtom } from "@myrjfa/state/dist/lib/userAtom";
+import { calculatePricingStrategyUnitTotal, getPricingCurrency, getPricingStrategies } from "@myrjfa/state/dist/lib/models/pricing";
+import { calculateDiscountAmount, getApplicableDiscountStrategy } from "@myrjfa/state/dist/lib/models/discount";
+import { createBooking, verifyBookingPayment } from "@myrjfa/state/dist/lib/actions/booking";
+import { Input } from "@myrjfa/ui/dist/misc/input";
+import { Label } from "@myrjfa/ui/dist/misc/label";
+import { Textarea } from "@myrjfa/ui/dist/misc/textarea";
+import { showAlert } from "@myrjfa/ui/dist/misc/alertdialogclaude";
+import { DatePicker } from "@myrjfa/ui/dist/misc/datepicker";
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@myrjfa/ui/dist/misc/select";
+import { ExternalLink, FileText, } from "lucide-react";
+import { GuestOrLoginDialog } from "@myrjfa/ui/dist/components/ui/GuestOrLoginDialog";
+const BOOKING_CONFIRMATION_STORAGE_KEY = "latest_booking_confirmation";
+function formatDateKey(value) {
+    return format(new Date(value), "yyyy-MM-dd");
+}
+function addMonthsClamped(date, months) {
+    const next = new Date(date);
+    const day = next.getDate();
+    next.setDate(1);
+    next.setMonth(next.getMonth() + months);
+    const lastDay = new Date(next.getFullYear(), next.getMonth() + 1, 0).getDate();
+    next.setDate(Math.min(day, lastDay));
+    return next;
+}
+function addPackageFrequency(date, entity) {
+    const frequency = String((entity === null || entity === void 0 ? void 0 : entity.frequency) || "weekly").toLowerCase();
+    const next = new Date(date);
+    if (frequency === "daily")
+        next.setDate(next.getDate() + 1);
+    else if (frequency === "weekly")
+        next.setDate(next.getDate() + 7);
+    else if (frequency === "bi-weekly" || frequency === "biweekly")
+        next.setDate(next.getDate() + 14);
+    else if (frequency === "monthly")
+        return addMonthsClamped(next, 1);
+    else if (frequency === "yearly")
+        return addMonthsClamped(next, 12);
+    else if (frequency === "custom")
+        next.setDate(next.getDate() + Math.max(1, Number(entity === null || entity === void 0 ? void 0 : entity.customFrequencyDays) || 1));
+    else
+        next.setDate(next.getDate() + 7);
+    return next;
+}
+function buildPackageAvailableDateKeys(entity) {
+    if (Array.isArray(entity === null || entity === void 0 ? void 0 : entity.availableDateKeys) && entity.availableDateKeys.length) {
+        return entity.availableDateKeys.map((value) => formatDateKey(value));
+    }
+    if (!(entity === null || entity === void 0 ? void 0 : entity.availableFrom))
+        return [];
+    const dateKeys = [];
+    const todayKey = formatDateKey(new Date());
+    const bookedCounts = (entity === null || entity === void 0 ? void 0 : entity.bookedDateCounts) || {};
+    const capacity = Math.max(1, Number(entity === null || entity === void 0 ? void 0 : entity.peopleRequired) || 1);
+    let cursor = new Date(entity.availableFrom);
+    cursor = new Date(cursor.getFullYear(), cursor.getMonth(), cursor.getDate(), 12);
+    const horizon = new Date();
+    horizon.setDate(horizon.getDate() + 730);
+    let guard = 0;
+    while (cursor <= horizon && guard < 800) {
+        const key = formatDateKey(cursor);
+        if (key >= todayKey && Number(bookedCounts[key] || 0) < capacity) {
+            dateKeys.push(key);
+        }
+        cursor = addPackageFrequency(cursor, entity);
+        guard += 1;
+    }
+    return dateKeys;
+}
+function toNonNegativeAmount(value) {
+    const amount = Number(value);
+    return Number.isFinite(amount) ? Math.max(amount, 0) : 0;
+}
+function parseTimeMinutes(value) {
+    const [hourRaw, minuteRaw] = String(value || "").split(":");
+    const hour = Number(hourRaw);
+    const minute = Number(minuteRaw);
+    if (!Number.isFinite(hour) || !Number.isFinite(minute))
+        return null;
+    return hour * 60 + minute;
+}
+function calculateRentalChargeDays(startDate, endDate, pickupTime, returnTime, normalPickupTime, normalDropTime) {
+    if (!startDate || !endDate)
+        return 0;
+    const diff = new Date(endDate).getTime() - new Date(startDate).getTime();
+    const baseDays = Math.max(1, Math.ceil(diff / (1000 * 60 * 60 * 24)));
+    const pickupMins = parseTimeMinutes(pickupTime);
+    const returnMins = parseTimeMinutes(returnTime);
+    const normalPickupMins = parseTimeMinutes(normalPickupTime);
+    const normalDropMins = parseTimeMinutes(normalDropTime);
+    const pickupExtra = pickupMins !== null && normalPickupMins !== null && pickupMins < normalPickupMins
+        ? 1
+        : 0;
+    const dropExtra = returnMins !== null && normalDropMins !== null && returnMins > normalDropMins
+        ? 1
+        : 0;
+    return baseDays + pickupExtra + dropExtra;
+}
+function getCustomerProductUnitPrice(strategy) {
+    var _a;
+    if (!strategy)
+        return 0;
+    return (toNonNegativeAmount((_a = strategy.finalBasePrice) !== null && _a !== void 0 ? _a : strategy.basePrice) +
+        toNonNegativeAmount(strategy.platformFee));
+}
+function getCustomerTaxUnitTotal(strategy) {
+    if (!strategy)
+        return 0;
+    return (toNonNegativeAmount(strategy.gst) +
+        toNonNegativeAmount(strategy.governmentTaxes) +
+        toNonNegativeAmount(strategy.convenienceFee));
+}
+function getCustomerUnitTotal(strategy) {
+    return getCustomerProductUnitPrice(strategy) + getCustomerTaxUnitTotal(strategy);
+}
+function EditableNumberInput({ value, min = 0, onValueChange, ...props }) {
+    const [draft, setDraft] = useState(String(value !== null && value !== void 0 ? value : min));
+    const [isFocused, setIsFocused] = useState(false);
+    useEffect(() => {
+        if (!isFocused)
+            setDraft(String(value !== null && value !== void 0 ? value : min));
+    }, [isFocused, min, value]);
+    return (_jsx(Input, { ...props, type: "number", min: min, value: draft, onFocus: () => {
+            setIsFocused(true);
+            if (Number(draft) === 0)
+                setDraft("");
+        }, onBlur: () => {
+            setIsFocused(false);
+            const nextValue = draft.trim() === "" ? min : Math.max(min, Number(draft) || min);
+            setDraft(String(nextValue));
+            onValueChange(nextValue);
+        }, onChange: (event) => {
+            const nextDraft = event.target.value;
+            setDraft(nextDraft);
+            if (nextDraft.trim() !== "") {
+                onValueChange(Math.max(min, Number(nextDraft) || min));
+            }
+        } }));
+}
+export function BookingForm({ entity, type, preStartDate, preEndDate, preStartTime, prePickupTime, preReturnTime, prePickupPointIndex, preHomeDeliverySelected, preRoomId, preRoomQty, preNumberOfPeople, prePricingIndex, onDatesChange, onPackageSummaryChange, onBookingSnapshotChange, }) {
+    var _a, _b, _c, _d, _e, _f, _g;
+    const user = useAtomValue(userAtom);
+    const router = useRouter();
+    const [loading, setLoading] = useState(false);
+    const [termsAccepted, setTermsAccepted] = useState(false);
+    const [showGuestDialog, setShowGuestDialog] = useState(false);
+    // Derive operating hours from entity (set during creation); default 09:00–21:00
+    const opStart = ((_a = entity === null || entity === void 0 ? void 0 : entity.operatingHours) === null || _a === void 0 ? void 0 : _a.start) || "09:00";
+    const opEnd = ((_b = entity === null || entity === void 0 ? void 0 : entity.operatingHours) === null || _b === void 0 ? void 0 : _b.end) || "21:00";
+    const normalPickupTime = (entity === null || entity === void 0 ? void 0 : entity.normalPickupTime) || opStart;
+    const normalDropTime = (entity === null || entity === void 0 ? void 0 : entity.normalDropTime) || opEnd;
+    // Dynamically generate 30-min slots within operating hours
+    const buildSlots = (start, end) => {
+        if (!start || !end)
+            return [];
+        const startParts = start.split(":").map(Number);
+        const endParts = end.split(":").map(Number);
+        const startH = startParts[0] !== undefined ? startParts[0] : 0;
+        const startM = startParts[1] !== undefined ? startParts[1] : 0;
+        const endH = endParts[0] !== undefined ? endParts[0] : 0;
+        const endM = endParts[1] !== undefined ? endParts[1] : 0;
+        const startMins = startH * 60 + startM;
+        const endMins = endH * 60 + endM;
+        const slots = [];
+        for (let m = startMins; m <= endMins; m += 30) {
+            const h = Math.floor(m / 60)
+                .toString()
+                .padStart(2, "0");
+            const min = (m % 60).toString().padStart(2, "0");
+            slots.push(`${h}:${min}`);
+        }
+        return slots;
+    };
+    const TIME_SLOTS = buildSlots(opStart, opEnd);
+    const todayDateKey = format(new Date(), "yyyy-MM-dd");
+    const blockedAdventureDateKeys = new Set(((entity === null || entity === void 0 ? void 0 : entity.blockedDates) || []).map((value) => format(new Date(value), "yyyy-MM-dd")));
+    const configuredAdventureSlots = Array.isArray(entity === null || entity === void 0 ? void 0 : entity.slots)
+        ? entity.slots
+            .map((slot) => {
+            var _a, _b;
+            const dateKey = (slot === null || slot === void 0 ? void 0 : slot.date)
+                ? format(new Date(slot.date), "yyyy-MM-dd")
+                : "";
+            const remainingCapacity = (_a = slot === null || slot === void 0 ? void 0 : slot.remainingCapacity) !== null && _a !== void 0 ? _a : Math.max((Number(slot === null || slot === void 0 ? void 0 : slot.maxParticipants) || 0) -
+                (Number(slot === null || slot === void 0 ? void 0 : slot.bookedCount) || 0), 0);
+            return {
+                ...slot,
+                dateKey,
+                startTime: String((slot === null || slot === void 0 ? void 0 : slot.startTime) || "").trim(),
+                endTime: String((slot === null || slot === void 0 ? void 0 : slot.endTime) || "").trim(),
+                remainingCapacity,
+                isBookable: (_b = slot === null || slot === void 0 ? void 0 : slot.isBookable) !== null && _b !== void 0 ? _b : ((slot === null || slot === void 0 ? void 0 : slot.isAvailable) !== false && remainingCapacity > 0),
+            };
+        })
+            .filter((slot) => slot.dateKey && slot.startTime)
+        : [];
+    const [formData, setFormData] = useState({
+        startDate: preStartDate ? new Date(preStartDate) : undefined,
+        endDate: preEndDate ? new Date(preEndDate) : undefined,
+        startTime: preStartTime || opStart,
+        pickupTime: prePickupTime || normalPickupTime,
+        returnTime: preReturnTime || normalDropTime,
+        numberOfPeople: preNumberOfPeople || 1,
+        specialRequests: "",
+        name: (user === null || user === void 0 ? void 0 : user.firstName) ? `${user.firstName} ${user.lastName}` : "",
+        email: (user === null || user === void 0 ? void 0 : user.email) || "",
+        phone: (user === null || user === void 0 ? void 0 : user.phoneNumber) || "",
+    });
+    const DRAFT_KEY = `booking_draft_${entity._id}`;
+    // Restore saved form state after login redirect
+    useEffect(() => {
+        const saved = sessionStorage.getItem(DRAFT_KEY);
+        if (!saved)
+            return;
+        try {
+            const parsed = JSON.parse(saved);
+            sessionStorage.removeItem(DRAFT_KEY);
+            const start = parsed.startDate ? new Date(parsed.startDate) : undefined;
+            const end = parsed.endDate ? new Date(parsed.endDate) : undefined;
+            setFormData((prev) => ({
+                ...prev,
+                ...parsed,
+                startDate: start,
+                endDate: end,
+                // User profile takes precedence over saved contact info
+                name: (user === null || user === void 0 ? void 0 : user.firstName) ? `${user.firstName} ${user.lastName}` : parsed.name || prev.name,
+                email: (user === null || user === void 0 ? void 0 : user.email) || parsed.email || prev.email,
+                phone: (user === null || user === void 0 ? void 0 : user.phoneNumber) || parsed.phone || prev.phone,
+            }));
+            onDatesChange === null || onDatesChange === void 0 ? void 0 : onDatesChange(start !== null && start !== void 0 ? start : null, end !== null && end !== void 0 ? end : null);
+        }
+        catch (_a) { }
+    }, []);
+    const isRental = type === "Rental";
+    const isStay = type === "Stay";
+    const isEvent = type === "Event";
+    const isAdventure = type === "Adventure";
+    const isPackage = type === "TravelPackage";
+    const selectedAdventureDateKey = formData.startDate
+        ? format(formData.startDate, "yyyy-MM-dd")
+        : "";
+    const availableAdventureDateKeys = Array.from(new Set(configuredAdventureSlots
+        .filter((slot) => slot.isBookable &&
+        slot.dateKey >= todayDateKey &&
+        !blockedAdventureDateKeys.has(slot.dateKey))
+        .map((slot) => String(slot.dateKey))));
+    const selectedAdventureSlots = isAdventure
+        ? configuredAdventureSlots.filter((slot) => slot.dateKey === selectedAdventureDateKey &&
+            !blockedAdventureDateKeys.has(slot.dateKey))
+        : [];
+    const bookableAdventureSlots = selectedAdventureSlots.filter((slot) => slot.isBookable);
+    const selectedAdventureSlot = bookableAdventureSlots.find((slot) => slot.startTime === formData.startTime);
+    const deliveryCharge = isRental && preHomeDeliverySelected && entity.homeDeliveryAvailable
+        ? entity.homeDeliveryPrice || 0
+        : 0;
+    const selectedPickupPoint = isRental && prePickupPointIndex !== null && prePickupPointIndex !== undefined
+        ? (_c = entity.pickupPoints) === null || _c === void 0 ? void 0 : _c[prePickupPointIndex]
+        : null;
+    const packagePricing = getPricingStrategies(entity) || [];
+    const packageAvailableDateKeys = useMemo(() => (isPackage ? buildPackageAvailableDateKeys(entity) : []), [entity, isPackage]);
+    const entityCurrency = getPricingCurrency(entity) || "INR";
+    const primaryEntityPricing = packagePricing[0];
+    const packageActivities = (entity === null || entity === void 0 ? void 0 : entity.activities) || [];
+    const compulsoryPackageActivities = packageActivities.filter((activity) => activity.type === "compulsory");
+    const optionalPackageActivities = packageActivities.filter((activity) => activity.type === "optional");
+    const [selectedPricingIndex, setSelectedPricingIndex] = useState(Math.max(0, Number(prePricingIndex) || 0));
+    const [males, setMales] = useState(0);
+    const [females, setFemales] = useState(0);
+    const [selectedOptionalActivities, setSelectedOptionalActivities] = useState([]);
+    const selectedEntityPricing = packagePricing[selectedPricingIndex] || primaryEntityPricing;
+    const adventureUnitPrice = isAdventure
+        ? getCustomerUnitTotal(selectedEntityPricing)
+        : 0;
+    // Calculate number of days/nights
+    let duration = 0;
+    if (isRental && formData.startDate && formData.endDate) {
+        duration = calculateRentalChargeDays(formData.startDate, formData.endDate, formData.pickupTime, formData.returnTime, normalPickupTime, normalDropTime);
+    }
+    else if (isStay && formData.startDate && formData.endDate) {
+        const diff = new Date(formData.endDate).getTime() - new Date(formData.startDate).getTime();
+        duration = Math.max(1, Math.ceil(diff / (1000 * 60 * 60 * 24)));
+    }
+    useEffect(() => {
+        if (!isPackage)
+            return;
+        const preferredKey = preStartDate && packageAvailableDateKeys.includes(formatDateKey(preStartDate))
+            ? formatDateKey(preStartDate)
+            : packageAvailableDateKeys[0];
+        const pkgStartDate = preferredKey ? new Date(`${preferredKey}T12:00:00`) : undefined;
+        setFormData((prev) => {
+            const currentKey = prev.startDate ? formatDateKey(prev.startDate) : "";
+            if (currentKey &&
+                packageAvailableDateKeys.includes(currentKey) &&
+                prev.endDate === undefined) {
+                return prev;
+            }
+            return {
+                ...prev,
+                startDate: pkgStartDate,
+                endDate: undefined,
+            };
+        });
+        onDatesChange === null || onDatesChange === void 0 ? void 0 : onDatesChange(pkgStartDate !== null && pkgStartDate !== void 0 ? pkgStartDate : null, null);
+    }, [isPackage, onDatesChange, packageAvailableDateKeys, preStartDate]);
+    useEffect(() => {
+        if (!isEvent || !(entity === null || entity === void 0 ? void 0 : entity.startTime))
+            return;
+        setFormData((prev) => ({
+            ...prev,
+            startTime: entity.startTime,
+        }));
+    }, [isEvent, entity === null || entity === void 0 ? void 0 : entity.startTime]);
+    useEffect(() => {
+        var _a, _b;
+        if (!isAdventure)
+            return;
+        if (configuredAdventureSlots.length === 0) {
+            if (formData.startTime) {
+                setFormData((prev) => ({ ...prev, startTime: "" }));
+            }
+            return;
+        }
+        const dateHasBookableSlot = selectedAdventureDateKey &&
+            availableAdventureDateKeys.includes(selectedAdventureDateKey);
+        const nextDateKey = dateHasBookableSlot
+            ? selectedAdventureDateKey
+            : availableAdventureDateKeys[0] || "";
+        const nextDate = nextDateKey ? new Date(`${nextDateKey}T12:00:00`) : undefined;
+        const nextDateSlots = configuredAdventureSlots.filter((slot) => slot.dateKey === nextDateKey &&
+            slot.isBookable &&
+            !blockedAdventureDateKeys.has(slot.dateKey));
+        const nextSlot = nextDateSlots.find((slot) => slot.startTime === formData.startTime)
+            ? formData.startTime
+            : ((_a = nextDateSlots[0]) === null || _a === void 0 ? void 0 : _a.startTime) || "";
+        const shouldChangeDate = ((nextDate === null || nextDate === void 0 ? void 0 : nextDate.getTime()) || 0) !== (((_b = formData.startDate) === null || _b === void 0 ? void 0 : _b.getTime()) || 0);
+        const shouldChangeTime = nextSlot !== formData.startTime;
+        if (shouldChangeDate || shouldChangeTime) {
+            setFormData((prev) => ({
+                ...prev,
+                startDate: shouldChangeDate ? nextDate : prev.startDate,
+                startTime: nextSlot,
+            }));
+            if (shouldChangeDate)
+                onDatesChange === null || onDatesChange === void 0 ? void 0 : onDatesChange(nextDate !== null && nextDate !== void 0 ? nextDate : null, null);
+        }
+    }, [
+        availableAdventureDateKeys,
+        configuredAdventureSlots.length,
+        formData.startTime,
+        formData.startDate,
+        isAdventure,
+        onDatesChange,
+        selectedAdventureDateKey,
+    ]);
+    const getRentalTotal = (days) => {
+        const daily = calculatePricingStrategyUnitTotal(primaryEntityPricing);
+        const baseTotal = daily * days;
+        const discountStrategy = getApplicableDiscountStrategy(entity.discount, days);
+        return Math.max(baseTotal - calculateDiscountAmount(baseTotal, discountStrategy), 0);
+    };
+    const getRentalUpfrontPayment = (days) => {
+        var _a, _b;
+        const strategy = (primaryEntityPricing || {});
+        const hostUnit = Number((_b = (_a = strategy.finalBasePrice) !== null && _a !== void 0 ? _a : strategy.basePrice) !== null && _b !== void 0 ? _b : 0);
+        const platformUnit = Number(strategy.platformFee || 0);
+        const gstUnit = Number(strategy.gst || 0);
+        const governmentUnit = Number(strategy.governmentTaxes || 0);
+        const convenienceUnit = Number(strategy.convenienceFee || 0);
+        const baseSubtotal = hostUnit * days;
+        const feeSubtotal = (platformUnit + gstUnit + governmentUnit + convenienceUnit) * days;
+        const totalBeforeDiscount = baseSubtotal + feeSubtotal;
+        const discountStrategy = getApplicableDiscountStrategy(entity.discount, days);
+        const discountAmount = calculateDiscountAmount(totalBeforeDiscount, discountStrategy);
+        const discountedHostSubtotal = Math.max(baseSubtotal - discountAmount, 0);
+        const total = discountedHostSubtotal + feeSubtotal + (preHomeDeliverySelected ? deliveryCharge : 0);
+        return entity.payAtPickup
+            ? total - discountedHostSubtotal - (preHomeDeliverySelected ? deliveryCharge : 0)
+            : total;
+    };
+    let baseTotalPrice = 0;
+    if (isRental) {
+        baseTotalPrice = duration > 0 ? getRentalTotal(duration) : calculatePricingStrategyUnitTotal(primaryEntityPricing);
+        if (preHomeDeliverySelected) {
+            baseTotalPrice += deliveryCharge;
+        }
+    }
+    else if (isStay) {
+        const room = preRoomId ? (_d = entity.rooms) === null || _d === void 0 ? void 0 : _d.find((r) => r._id === preRoomId) : null;
+        const roomRate = room ? room.pricePerNight : 0;
+        const qty = preRoomQty || 1;
+        let base = roomRate * (duration > 0 ? duration : 1) * qty;
+        let cleaningFee = ((_e = entity.fees) === null || _e === void 0 ? void 0 : _e.cleaningFee) || 0;
+        let taxAmount = Math.round(base * ((((_f = entity.fees) === null || _f === void 0 ? void 0 : _f.taxPercentage) || 0) / 100));
+        baseTotalPrice = base + cleaningFee + taxAmount;
+    }
+    else if (isEvent) {
+        baseTotalPrice = entity.isFree ? 0 : calculatePricingStrategyUnitTotal(primaryEntityPricing) * (formData.numberOfPeople || 1);
+    }
+    else if (isPackage) {
+        const selectedPricing = packagePricing[selectedPricingIndex];
+        const totalPeople = males + females;
+        const activityTotal = optionalPackageActivities
+            .filter((activity) => selectedOptionalActivities.includes(activity.name))
+            .reduce((sum, activity) => sum + ((activity.additionalPrice || 0) * totalPeople), 0);
+        if (selectedPricing && totalPeople > 0) {
+            baseTotalPrice = (getCustomerUnitTotal(selectedPricing) * totalPeople) + activityTotal;
+        }
+        else {
+            baseTotalPrice = 0;
+        }
+    }
+    else {
+        // Adventure
+        baseTotalPrice = adventureUnitPrice * formData.numberOfPeople;
+    }
+    const upfrontPayment = isRental
+        ? (duration > 0 ? getRentalUpfrontPayment(duration) : baseTotalPrice)
+        : baseTotalPrice;
+    const packageTotalPeople = males + females;
+    useEffect(() => {
+        if (!isPackage)
+            return;
+        onPackageSummaryChange === null || onPackageSummaryChange === void 0 ? void 0 : onPackageSummaryChange({
+            selectedPricingIndex,
+            totalPeople: packageTotalPeople,
+            males,
+            females,
+            totalPrice: baseTotalPrice,
+            optionalActivityNames: selectedOptionalActivities,
+        });
+    }, [
+        baseTotalPrice,
+        females,
+        isPackage,
+        males,
+        onPackageSummaryChange,
+        packageTotalPeople,
+        selectedOptionalActivities,
+        selectedPricingIndex,
+    ]);
+    useEffect(() => {
+        onBookingSnapshotChange === null || onBookingSnapshotChange === void 0 ? void 0 : onBookingSnapshotChange({
+            startDate: formData.startDate || null,
+            endDate: formData.endDate || null,
+            startTime: formData.startTime,
+            pickupTime: formData.pickupTime,
+            returnTime: formData.returnTime,
+            numberOfPeople: isPackage ? packageTotalPeople : Number(formData.numberOfPeople) || 1,
+            totalPrice: baseTotalPrice,
+            termsAccepted,
+            specialRequests: formData.specialRequests,
+            selectedPricingIndex,
+        });
+    }, [
+        baseTotalPrice,
+        formData.endDate,
+        formData.numberOfPeople,
+        formData.pickupTime,
+        formData.returnTime,
+        formData.specialRequests,
+        formData.startDate,
+        formData.startTime,
+        isPackage,
+        onBookingSnapshotChange,
+        packageTotalPeople,
+        selectedPricingIndex,
+        termsAccepted,
+    ]);
+    const isFormValid = formData.startDate &&
+        (!(isRental || isStay) || formData.endDate) &&
+        (!isAdventure || !!selectedAdventureSlot) &&
+        (!(isAdventure || isEvent) || !!formData.startTime) &&
+        (!isPackage || packageTotalPeople > 0) &&
+        formData.name &&
+        formData.email &&
+        formData.phone &&
+        termsAccepted;
+    const handleChange = (e) => {
+        const { name, value } = e.target;
+        setFormData((prev) => ({ ...prev, [name]: value }));
+    };
+    const loadRazorpayScript = () => new Promise((resolve) => {
+        if (window.Razorpay)
+            return resolve(true);
+        const script = document.createElement("script");
+        script.src = "https://checkout.razorpay.com/v1/checkout.js";
+        script.onload = () => resolve(true);
+        script.onerror = () => resolve(false);
+        document.body.appendChild(script);
+    });
+    const postGuestJson = async (path, payload) => {
+        const baseUrl = process.env.NEXT_PUBLIC_API_URL;
+        const response = await fetch(`${baseUrl}${path}`, {
+            method: "POST",
+            credentials: "omit",
+            headers: {
+                "Content-Type": "application/json",
+                Accept: "application/json",
+            },
+            body: JSON.stringify(payload),
+        });
+        const data = await response.json().catch(() => ({}));
+        if (!response.ok) {
+            throw new Error((data === null || data === void 0 ? void 0 : data.error) || (data === null || data === void 0 ? void 0 : data.message) || "Request failed");
+        }
+        return data;
+    };
+    const proceedWithSubmit = async () => {
+        var _a, _b, _c, _d, _e, _f, _g;
+        if (isAdventure && !selectedAdventureSlot) {
+            await showAlert("Please select an available adventure slot.");
+            return;
+        }
+        setLoading(true);
+        try {
+            const bookingRequest = {
+                entityId: isPackage ? (entity.slug || entity._id) : entity._id,
+                entityType: type,
+                roomId: preRoomId || undefined,
+                roomQty: preRoomQty || undefined,
+                startDate: formData.startDate.toISOString(),
+                endDate: formData.endDate ? formData.endDate.toISOString() : undefined,
+                startTime: (isAdventure || isEvent) ? formData.startTime : undefined,
+                pickupTime: isRental ? formData.pickupTime : undefined,
+                returnTime: isRental ? formData.returnTime : undefined,
+                pickupPointIndex: isRental ? prePickupPointIndex !== null && prePickupPointIndex !== void 0 ? prePickupPointIndex : undefined : undefined,
+                homeDeliverySelected: isRental ? !!preHomeDeliverySelected : undefined,
+                numberOfPeople: isPackage ? packageTotalPeople : formData.numberOfPeople,
+                totalPrice: baseTotalPrice,
+                currency: entityCurrency,
+                contactDetails: {
+                    name: formData.name,
+                    email: formData.email,
+                    phone: formData.phone,
+                },
+                specialRequests: formData.specialRequests,
+                selectedPricingIndex: isPackage || isAdventure || isRental ? selectedPricingIndex : undefined,
+                selectedActivities: isPackage
+                    ? [
+                        ...compulsoryPackageActivities.map((activity) => ({
+                            activityName: activity.name,
+                            name: activity.name,
+                            type: activity.type,
+                            additionalPrice: activity.additionalPrice || 0,
+                        })),
+                        ...optionalPackageActivities
+                            .filter((activity) => selectedOptionalActivities.includes(activity.name))
+                            .map((activity) => ({
+                            activityName: activity.name,
+                            name: activity.name,
+                            type: activity.type,
+                            additionalPrice: activity.additionalPrice || 0,
+                        })),
+                    ]
+                    : undefined,
+                males: isPackage ? males : undefined,
+                females: isPackage ? females : undefined,
+            };
+            const result = user
+                ? await createBooking(bookingRequest)
+                : await (async () => {
+                    try {
+                        const data = await postGuestJson("/bookings/create", bookingRequest);
+                        return {
+                            success: true,
+                            booking: data.data.booking,
+                            razorpayOrderId: data.data.razorpayOrderId,
+                            razorpayKeyId: data.data.razorpayKeyId,
+                            amount: data.data.amount,
+                            currency: data.data.currency,
+                            message: data.message,
+                        };
+                    }
+                    catch (error) {
+                        return {
+                            success: false,
+                            booking: null,
+                            error: error.message,
+                        };
+                    }
+                })();
+            const createdBooking = result.booking;
+            if (result.success && !result.razorpayOrderId && (createdBooking === null || createdBooking === void 0 ? void 0 : createdBooking.status) === "confirmed") {
+                sessionStorage.setItem(BOOKING_CONFIRMATION_STORAGE_KEY, JSON.stringify({
+                    bookingId: createdBooking === null || createdBooking === void 0 ? void 0 : createdBooking._id,
+                    bookingCode: createdBooking === null || createdBooking === void 0 ? void 0 : createdBooking.bookingCode,
+                    entityTitle: entity.title,
+                    entityType: type,
+                    currency: entityCurrency,
+                    totalPrice: (_a = createdBooking === null || createdBooking === void 0 ? void 0 : createdBooking.totalPrice) !== null && _a !== void 0 ? _a : baseTotalPrice,
+                    pickupPointName: (createdBooking === null || createdBooking === void 0 ? void 0 : createdBooking.pickupPointName) || (selectedPickupPoint === null || selectedPickupPoint === void 0 ? void 0 : selectedPickupPoint.name),
+                    pickupPointAddress: (createdBooking === null || createdBooking === void 0 ? void 0 : createdBooking.pickupPointAddress) || (selectedPickupPoint === null || selectedPickupPoint === void 0 ? void 0 : selectedPickupPoint.address),
+                    homeDeliverySelected: (_b = createdBooking === null || createdBooking === void 0 ? void 0 : createdBooking.homeDeliverySelected) !== null && _b !== void 0 ? _b : !!preHomeDeliverySelected,
+                    homeDeliveryCharge: (_c = createdBooking === null || createdBooking === void 0 ? void 0 : createdBooking.homeDeliveryCharge) !== null && _c !== void 0 ? _c : deliveryCharge,
+                    startDate: (createdBooking === null || createdBooking === void 0 ? void 0 : createdBooking.startDate) || ((_d = formData.startDate) === null || _d === void 0 ? void 0 : _d.toISOString()),
+                    endDate: (createdBooking === null || createdBooking === void 0 ? void 0 : createdBooking.endDate) || ((_e = formData.endDate) === null || _e === void 0 ? void 0 : _e.toISOString()),
+                    startTime: (createdBooking === null || createdBooking === void 0 ? void 0 : createdBooking.startTime) || formData.startTime,
+                    numberOfPeople: (_f = createdBooking === null || createdBooking === void 0 ? void 0 : createdBooking.numberOfPeople) !== null && _f !== void 0 ? _f : bookingRequest.numberOfPeople,
+                    contactName: formData.name,
+                    contactEmail: formData.email,
+                    specialRequests: formData.specialRequests,
+                    createdAt: Date.now(),
+                }));
+                router.push(`/booking/confirmed?bookingId=${(createdBooking === null || createdBooking === void 0 ? void 0 : createdBooking._id) || ""}`);
+                return;
+            }
+            if (!result.success || !result.razorpayOrderId) {
+                setLoading(false);
+                await showAlert(result.error || "Failed to initiate booking");
+                return;
+            }
+            if (!result.razorpayKeyId) {
+                setLoading(false);
+                await showAlert("Payment gateway is not configured. Please contact support.");
+                return;
+            }
+            const scriptLoaded = await loadRazorpayScript();
+            if (!scriptLoaded) {
+                setLoading(false);
+                await showAlert("Failed to load payment gateway. Please try again.");
+                return;
+            }
+            const bookingId = createdBooking === null || createdBooking === void 0 ? void 0 : createdBooking._id;
+            const options = {
+                key: result.razorpayKeyId,
+                amount: ((_g = result.amount) !== null && _g !== void 0 ? _g : 0) * 100,
+                currency: result.currency || "INR",
+                name: "Trippeaze",
+                description: entity.title,
+                order_id: result.razorpayOrderId,
+                prefill: {
+                    name: formData.name,
+                    email: formData.email,
+                    contact: formData.phone,
+                },
+                theme: { color: "#6366f1" },
+                retry: { enabled: false },
+                handler: async (response) => {
+                    var _a, _b, _c, _d, _e, _f;
+                    setLoading(true);
+                    try {
+                        const verifyPayload = {
+                            bookingId,
+                            razorpay_order_id: response.razorpay_order_id,
+                            razorpay_payment_id: response.razorpay_payment_id,
+                            razorpay_signature: response.razorpay_signature,
+                        };
+                        const verifyResult = user
+                            ? await verifyBookingPayment(verifyPayload)
+                            : await (async () => {
+                                try {
+                                    const data = await postGuestJson("/bookings/verify-payment", verifyPayload);
+                                    return {
+                                        success: true,
+                                        booking: data.data.booking,
+                                        message: data.message,
+                                    };
+                                }
+                                catch (error) {
+                                    return {
+                                        success: false,
+                                        booking: null,
+                                        error: error.message,
+                                    };
+                                }
+                            })();
+                        if (verifyResult.success) {
+                            const confirmedBooking = verifyResult.booking;
+                            sessionStorage.setItem(BOOKING_CONFIRMATION_STORAGE_KEY, JSON.stringify({
+                                bookingId: (confirmedBooking === null || confirmedBooking === void 0 ? void 0 : confirmedBooking._id) || bookingId,
+                                bookingCode: confirmedBooking === null || confirmedBooking === void 0 ? void 0 : confirmedBooking.bookingCode,
+                                entityTitle: entity.title,
+                                entityType: type,
+                                currency: entityCurrency,
+                                totalPrice: (_a = confirmedBooking === null || confirmedBooking === void 0 ? void 0 : confirmedBooking.totalPrice) !== null && _a !== void 0 ? _a : baseTotalPrice,
+                                pickupPointName: (confirmedBooking === null || confirmedBooking === void 0 ? void 0 : confirmedBooking.pickupPointName) || (selectedPickupPoint === null || selectedPickupPoint === void 0 ? void 0 : selectedPickupPoint.name),
+                                pickupPointAddress: (confirmedBooking === null || confirmedBooking === void 0 ? void 0 : confirmedBooking.pickupPointAddress) || (selectedPickupPoint === null || selectedPickupPoint === void 0 ? void 0 : selectedPickupPoint.address),
+                                homeDeliverySelected: (_b = confirmedBooking === null || confirmedBooking === void 0 ? void 0 : confirmedBooking.homeDeliverySelected) !== null && _b !== void 0 ? _b : !!preHomeDeliverySelected,
+                                homeDeliveryCharge: (_c = confirmedBooking === null || confirmedBooking === void 0 ? void 0 : confirmedBooking.homeDeliveryCharge) !== null && _c !== void 0 ? _c : deliveryCharge,
+                                startDate: (confirmedBooking === null || confirmedBooking === void 0 ? void 0 : confirmedBooking.startDate) || ((_d = formData.startDate) === null || _d === void 0 ? void 0 : _d.toISOString()),
+                                endDate: (confirmedBooking === null || confirmedBooking === void 0 ? void 0 : confirmedBooking.endDate) || ((_e = formData.endDate) === null || _e === void 0 ? void 0 : _e.toISOString()),
+                                startTime: (confirmedBooking === null || confirmedBooking === void 0 ? void 0 : confirmedBooking.startTime) || formData.startTime,
+                                numberOfPeople: (_f = confirmedBooking === null || confirmedBooking === void 0 ? void 0 : confirmedBooking.numberOfPeople) !== null && _f !== void 0 ? _f : bookingRequest.numberOfPeople,
+                                contactName: formData.name,
+                                contactEmail: formData.email,
+                                specialRequests: formData.specialRequests,
+                                createdAt: Date.now(),
+                            }));
+                            await showAlert(`Booking confirmed! A confirmation email has been sent to ${formData.email}. Booking ID: ${bookingId === null || bookingId === void 0 ? void 0 : bookingId.slice(-8).toUpperCase()}`, "Payment Successful");
+                            const query = new URLSearchParams();
+                            if ((confirmedBooking === null || confirmedBooking === void 0 ? void 0 : confirmedBooking._id) || bookingId)
+                                query.set("bookingId", (confirmedBooking === null || confirmedBooking === void 0 ? void 0 : confirmedBooking._id) || bookingId);
+                            if (confirmedBooking === null || confirmedBooking === void 0 ? void 0 : confirmedBooking.bookingCode)
+                                query.set("bookingCode", confirmedBooking.bookingCode);
+                            router.push(`/book/confirmed?${query.toString()}`);
+                        }
+                        else {
+                            await showAlert(verifyResult.error || "Payment verification failed. Please contact support.");
+                        }
+                    }
+                    finally {
+                        setLoading(false);
+                    }
+                },
+                modal: {
+                    ondismiss: () => setLoading(false),
+                },
+            };
+            const rzp = new window.Razorpay(options);
+            rzp.on("payment.failed", async (response) => {
+                var _a;
+                try {
+                    rzp.close();
+                }
+                catch (_b) { }
+                setLoading(false);
+                await showAlert(`Payment failed: ${((_a = response.error) === null || _a === void 0 ? void 0 : _a.description) || "Unknown error"}`, "Payment Failed");
+            });
+            rzp.open();
+            // loading stays true until handler/ondismiss fires
+            return;
+        }
+        catch (error) {
+            await showAlert(error.message || "An unexpected error occurred");
+            setLoading(false);
+        }
+    };
+    const handleSubmit = (e) => {
+        var _a, _b;
+        e.preventDefault();
+        if (!user) {
+            sessionStorage.setItem(DRAFT_KEY, JSON.stringify({
+                ...formData,
+                startDate: (_a = formData.startDate) === null || _a === void 0 ? void 0 : _a.toISOString(),
+                endDate: (_b = formData.endDate) === null || _b === void 0 ? void 0 : _b.toISOString(),
+            }));
+            setShowGuestDialog(true);
+            return;
+        }
+        proceedWithSubmit();
+    };
+    return (_jsxs("form", { id: "booking-form", onSubmit: handleSubmit, className: "space-y-8", children: [_jsx(GuestOrLoginDialog, { open: showGuestDialog, onClose: () => setShowGuestDialog(false), onContinueAsGuest: proceedWithSubmit }), !user && (_jsxs("div", { className: "rounded-2xl border border-amber-200 bg-amber-50 px-4 py-4 text-sm text-amber-900", children: [_jsx("p", { className: "font-bold", children: "You can continue as a guest or log in." }), _jsx("p", { className: "mt-1 leading-6 text-amber-800", children: "Choose your date and time first. If you continue without logging in, we will ask for your contact details before payment." })] })), _jsxs("section", { className: "space-y-4", children: [_jsxs("div", { className: "flex items-center gap-2 pb-2 border-b border-slate-100", children: [_jsx("div", { className: "w-8 h-8 rounded-full bg-primary/10 flex items-center justify-center text-primary font-bold text-sm", children: "1" }), _jsx("h3", { className: "font-bold text-slate-800", children: isRental ? "Rental Details" : isStay ? "Stay Details" : isPackage ? "Package Details" : "Activity Details" })] }), _jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-6", children: [isPackage && (_jsxs(_Fragment, { children: [_jsxs("div", { className: "space-y-2", children: [_jsx(DatePicker, { label: "Trip Start Date", field: {
+                                                    value: formData.startDate || null,
+                                                    onChange: (date) => {
+                                                        setFormData((prev) => ({
+                                                            ...prev,
+                                                            startDate: date !== null && date !== void 0 ? date : undefined,
+                                                            endDate: undefined,
+                                                        }));
+                                                        onDatesChange === null || onDatesChange === void 0 ? void 0 : onDatesChange(date !== null && date !== void 0 ? date : null, null);
+                                                    },
+                                                }, minDate: new Date(), availableDateKeys: packageAvailableDateKeys }), _jsx("p", { className: "text-xs font-semibold text-slate-400", children: "Dates are based on package frequency and remaining group capacity." })] }), _jsxs("div", { className: "space-y-2", children: [_jsx(Label, { className: "text-xs font-semibold uppercase tracking-wider text-slate-500", children: "Pricing Plan" }), _jsxs(Select, { value: String(selectedPricingIndex), onValueChange: (val) => setSelectedPricingIndex(Number.parseInt(val, 10) || 0), children: [_jsx(SelectTrigger, { className: "w-full bg-slate-50 border-slate-200", children: _jsx(SelectValue, { placeholder: "Select pricing plan" }) }), _jsx(SelectContent, { children: packagePricing.map((plan, index) => (_jsx(SelectItem, { value: String(index), children: plan.description || `Plan ${index + 1}` }, `${plan.description || "plan"}-${index}`))) })] })] }), _jsxs("div", { className: "space-y-2", children: [_jsx(Label, { htmlFor: "packageMales", className: "text-xs font-semibold uppercase tracking-wider text-slate-500", children: "Male Travellers" }), _jsx(EditableNumberInput, { id: "packageMales", className: "bg-slate-50 border-slate-200 focus:bg-white transition-all", value: males, onValueChange: setMales })] }), _jsxs("div", { className: "space-y-2", children: [_jsx(Label, { htmlFor: "packageFemales", className: "text-xs font-semibold uppercase tracking-wider text-slate-500", children: "Female Travellers" }), _jsx(EditableNumberInput, { id: "packageFemales", className: "bg-slate-50 border-slate-200 focus:bg-white transition-all", value: females, onValueChange: setFemales })] }), (compulsoryPackageActivities.length > 0 || optionalPackageActivities.length > 0) && (_jsxs("div", { className: "md:col-span-2 space-y-4 rounded-2xl border border-slate-200 bg-slate-50 p-4", children: [_jsxs("div", { children: [_jsx("p", { className: "text-xs font-semibold uppercase tracking-wider text-slate-500", children: "Activities" }), _jsx("p", { className: "text-sm text-slate-600 mt-1", children: "Compulsory activities are included automatically. Optional activities are charged per traveller." })] }), compulsoryPackageActivities.length > 0 && (_jsxs("div", { className: "space-y-2", children: [_jsx("p", { className: "text-sm font-semibold text-slate-800", children: "Included Activities" }), _jsx("div", { className: "flex flex-wrap gap-2", children: compulsoryPackageActivities.map((activity) => (_jsx("span", { className: "rounded-full bg-emerald-100 px-3 py-1 text-xs font-semibold text-emerald-700", children: activity.name }, activity.name))) })] })), optionalPackageActivities.length > 0 && (_jsxs("div", { className: "space-y-3", children: [_jsx("p", { className: "text-sm font-semibold text-slate-800", children: "Optional Add-ons" }), optionalPackageActivities.map((activity) => {
+                                                        const checked = selectedOptionalActivities.includes(activity.name);
+                                                        return (_jsxs("label", { className: `flex cursor-pointer select-none items-start gap-3 rounded-2xl border-2 p-4 transition-all duration-200 ${checked
+                                                                ? "border-emerald-300 bg-emerald-50/40"
+                                                                : "border-slate-200 bg-white hover:border-primary/40"}`, children: [_jsxs("span", { className: "relative mt-0.5 shrink-0", children: [_jsx("input", { type: "checkbox", checked: checked, onChange: () => setSelectedOptionalActivities((prev) => checked ? prev.filter((name) => name !== activity.name) : [...prev, activity.name]), className: "sr-only peer" }), _jsx("span", { className: `flex h-5 w-5 items-center justify-center rounded-md border-2 transition-all duration-200 ${checked
+                                                                                ? "border-emerald-500 bg-emerald-500"
+                                                                                : "border-slate-300 bg-white"}`, children: checked && (_jsx("svg", { className: "h-3 w-3 text-white", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", strokeWidth: 3, children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M5 13l4 4L19 7" }) })) })] }), _jsxs("div", { className: "flex-1", children: [_jsx("p", { className: "font-semibold text-slate-900", children: activity.name }), _jsx("p", { className: "text-xs text-slate-500", children: toNonNegativeAmount(activity.additionalPrice) > 0
+                                                                                ? `+ ${(entityCurrency || "INR").toUpperCase()} ${toNonNegativeAmount(activity.additionalPrice).toLocaleString()} per traveller`
+                                                                                : "Included" })] })] }, activity.name));
+                                                    })] }))] }))] })), isRental && (selectedPickupPoint || preHomeDeliverySelected) && (_jsx("div", { className: "md:col-span-2 rounded-2xl border border-slate-200 bg-slate-50 px-4 py-3 text-sm text-slate-600", children: preHomeDeliverySelected
+                                    ? `Delivery mode: Home delivery${deliveryCharge > 0 ? ` (+${deliveryCharge} ${entityCurrency})` : ""}`
+                                    : `Pickup point: ${(selectedPickupPoint === null || selectedPickupPoint === void 0 ? void 0 : selectedPickupPoint.address) || (selectedPickupPoint === null || selectedPickupPoint === void 0 ? void 0 : selectedPickupPoint.name) || "Selected pickup point"}` })), (isRental || isStay) && (_jsxs(_Fragment, { children: [_jsxs("div", { className: "grid grid-cols-2 gap-4", children: [_jsx("div", { className: "space-y-2", children: _jsx(DatePicker, { label: isStay ? "Check-in Date" : "Pickup Date", field: {
+                                                        value: formData.startDate || null,
+                                                        onChange: (date) => {
+                                                            var _a;
+                                                            setFormData((prev) => ({ ...prev, startDate: date !== null && date !== void 0 ? date : undefined }));
+                                                            onDatesChange === null || onDatesChange === void 0 ? void 0 : onDatesChange(date !== null && date !== void 0 ? date : null, (_a = formData.endDate) !== null && _a !== void 0 ? _a : null);
+                                                        },
+                                                    }, minDate: new Date() }) }), isRental && (_jsxs("div", { className: "space-y-2", children: [_jsx(Label, { className: "text-xs font-semibold uppercase tracking-wider text-slate-500", children: "Pickup Time" }), _jsxs(Select, { value: formData.pickupTime, onValueChange: (val) => setFormData((prev) => ({ ...prev, pickupTime: val })), children: [_jsx(SelectTrigger, { className: "w-full bg-slate-50 border-slate-200", children: _jsx(SelectValue, { placeholder: "Time" }) }), _jsx(SelectContent, { children: TIME_SLOTS.map((t) => (_jsx(SelectItem, { value: t, children: t }, t))) })] })] }))] }), _jsxs("div", { className: "grid grid-cols-2 gap-4", children: [_jsx("div", { className: "space-y-2", children: _jsx(DatePicker, { label: isStay ? "Check-out Date" : "Drop Date", field: {
+                                                        value: formData.endDate || null,
+                                                        onChange: (date) => {
+                                                            var _a;
+                                                            setFormData((prev) => ({ ...prev, endDate: date !== null && date !== void 0 ? date : undefined }));
+                                                            onDatesChange === null || onDatesChange === void 0 ? void 0 : onDatesChange((_a = formData.startDate) !== null && _a !== void 0 ? _a : null, date !== null && date !== void 0 ? date : null);
+                                                        },
+                                                    }, minDate: formData.startDate || new Date() }) }), isRental && (_jsxs("div", { className: "space-y-2", children: [_jsx(Label, { className: "text-xs font-semibold uppercase tracking-wider text-slate-500", children: "Drop Time" }), _jsxs(Select, { value: formData.returnTime, onValueChange: (val) => setFormData((prev) => ({ ...prev, returnTime: val })), children: [_jsx(SelectTrigger, { className: "w-full bg-slate-50 border-slate-200", children: _jsx(SelectValue, { placeholder: "Time" }) }), _jsx(SelectContent, { children: TIME_SLOTS.map((t) => (_jsx(SelectItem, { value: t, children: t }, t))) })] })] }))] })] })), !(isRental || isStay || isPackage) && (_jsxs(_Fragment, { children: [isAdventure && packagePricing.length > 1 && (_jsxs("div", { className: "md:col-span-2 space-y-2", children: [_jsx(Label, { className: "text-xs font-semibold uppercase tracking-wider text-slate-500", children: "Pricing Option" }), _jsxs(Select, { value: String(selectedPricingIndex), onValueChange: (val) => setSelectedPricingIndex(parseInt(val, 10) || 0), children: [_jsx(SelectTrigger, { className: "w-full bg-slate-50 border-slate-200", children: _jsx(SelectValue, { placeholder: "Select pricing option" }) }), _jsx(SelectContent, { children: packagePricing.map((plan, index) => (_jsx(SelectItem, { value: String(index), children: plan.description || `Pricing ${index + 1}` }, `${plan.description || "plan"}-${index}`))) })] })] })), _jsx("div", { className: "space-y-2", children: isEvent ? (_jsxs(_Fragment, { children: [_jsx(Label, { className: "text-xs font-semibold uppercase tracking-wider text-slate-500", children: "Event Date" }), _jsx(Input, { value: formData.startDate ? formData.startDate.toLocaleDateString("en-IN", { day: "numeric", month: "short", year: "numeric" }) : "", disabled: true, className: "bg-slate-50 border-slate-200" })] })) : (_jsxs("div", { className: "space-y-2", children: [_jsx(DatePicker, { label: "Activity Date", field: {
+                                                        value: formData.startDate || null,
+                                                        onChange: (date) => {
+                                                            const nextDate = date || undefined;
+                                                            const nextDateKey = nextDate ? formatDateKey(nextDate) : "";
+                                                            const nextDaySlots = configuredAdventureSlots.filter((slot) => slot.dateKey === nextDateKey &&
+                                                                slot.isBookable &&
+                                                                !blockedAdventureDateKeys.has(slot.dateKey));
+                                                            setFormData((prev) => {
+                                                                var _a, _b;
+                                                                return ({
+                                                                    ...prev,
+                                                                    startDate: nextDate,
+                                                                    startTime: isAdventure && configuredAdventureSlots.length
+                                                                        ? ((_a = nextDaySlots.find((slot) => slot.startTime === prev.startTime)) === null || _a === void 0 ? void 0 : _a.startTime) ||
+                                                                            ((_b = nextDaySlots[0]) === null || _b === void 0 ? void 0 : _b.startTime) ||
+                                                                            ""
+                                                                        : prev.startTime || opStart,
+                                                                });
+                                                            });
+                                                            onDatesChange === null || onDatesChange === void 0 ? void 0 : onDatesChange(date !== null && date !== void 0 ? date : null, null);
+                                                        },
+                                                    }, minDate: new Date(), availableDateKeys: isAdventure ? availableAdventureDateKeys : undefined }), isAdventure && (_jsx("div", { className: "rounded-2xl border border-slate-200 bg-slate-50 px-4 py-3 text-sm leading-6 text-slate-600", children: availableAdventureDateKeys.length <= 0
+                                                        ? "No upcoming bookable slots are configured for this adventure yet."
+                                                        : selectedAdventureDateKey && bookableAdventureSlots.length > 0
+                                                            ? `${bookableAdventureSlots.length} slot${bookableAdventureSlots.length > 1 ? "s are" : " is"} open for ${(_g = formData.startDate) === null || _g === void 0 ? void 0 : _g.toLocaleDateString("en-IN", { day: "numeric", month: "short", year: "numeric" })}.`
+                                                            : "Choose an available date to see open time slots." }))] })) }), _jsxs("div", { className: "grid grid-cols-2 gap-4", children: [_jsxs("div", { className: "space-y-2", children: [_jsx(Label, { className: "text-xs font-semibold uppercase tracking-wider text-slate-500", children: isEvent ? "Event Time" : "Preferred Time" }), isEvent ? (_jsx(Input, { value: formData.startTime, disabled: true, className: "bg-slate-50 border-slate-200" })) : (_jsxs(Select, { value: formData.startTime, onValueChange: (val) => setFormData((prev) => ({ ...prev, startTime: val })), disabled: isAdventure && !bookableAdventureSlots.length, children: [_jsx(SelectTrigger, { className: "w-full bg-slate-50 border-slate-200", children: _jsx(SelectValue, { placeholder: "Time" }) }), _jsx(SelectContent, { children: (isAdventure ? bookableAdventureSlots : TIME_SLOTS).map((slotOrTime) => {
+                                                                    const value = isAdventure ? slotOrTime.startTime : slotOrTime;
+                                                                    const label = isAdventure
+                                                                        ? `${slotOrTime.startTime}${slotOrTime.endTime ? ` - ${slotOrTime.endTime}` : ""}`
+                                                                        : slotOrTime;
+                                                                    return (_jsx(SelectItem, { value: value, children: label }, value));
+                                                                }) })] })), isAdventure && selectedAdventureSlot && (_jsxs("div", { className: "rounded-2xl border border-primary/10 bg-primary/5 px-4 py-3 text-xs leading-5 text-slate-700", children: [selectedAdventureSlot.remainingCapacity, " of", " ", selectedAdventureSlot.maxParticipants, " spots left for this slot", selectedAdventureSlot.endTime
+                                                                ? ` until ${selectedAdventureSlot.endTime}`
+                                                                : "", "."] }))] }), _jsxs("div", { className: "space-y-2", children: [_jsx(Label, { htmlFor: "numberOfPeople", className: "text-xs font-semibold uppercase tracking-wider text-slate-500", children: "Persons" }), _jsx(EditableNumberInput, { id: "numberOfPeople", name: "numberOfPeople", required: true, className: "bg-slate-50 border-slate-200 focus:bg-white transition-all", min: 1, value: Number(formData.numberOfPeople) || 1, onValueChange: (value) => setFormData((prev) => ({ ...prev, numberOfPeople: value })) })] })] })] }))] })] }), _jsxs("section", { className: "space-y-4", children: [_jsxs("div", { className: "flex items-center gap-2 pb-2 border-b border-slate-100", children: [_jsx("div", { className: "w-8 h-8 rounded-full bg-primary/10 flex items-center justify-center text-primary font-bold text-sm", children: "2" }), _jsx("h3", { className: "font-bold text-slate-800", children: "Your Information" })] }), _jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-6", children: [_jsxs("div", { className: "space-y-2", children: [_jsx(Label, { htmlFor: "name", className: "text-xs font-semibold uppercase tracking-wider text-slate-500", children: "Full Name" }), _jsx(Input, { id: "name", name: "name", placeholder: "John Doe", required: true, className: "bg-slate-50 border-slate-200 focus:bg-white transition-all", value: formData.name, onChange: handleChange })] }), _jsxs("div", { className: "space-y-2", children: [_jsx(Label, { htmlFor: "email", className: "text-xs font-semibold uppercase tracking-wider text-slate-500", children: "Email Address" }), _jsx(Input, { id: "email", name: "email", type: "email", placeholder: "john@example.com", required: true, className: "bg-slate-50 border-slate-200 focus:bg-white transition-all", value: formData.email, onChange: handleChange })] }), _jsxs("div", { className: "space-y-2", children: [_jsx(Label, { htmlFor: "phone", className: "text-xs font-semibold uppercase tracking-wider text-slate-500", children: "Phone Number" }), _jsx(Input, { id: "phone", name: "phone", placeholder: "+91 9876543210", required: true, className: "bg-slate-50 border-slate-200 focus:bg-white transition-all", value: formData.phone, onChange: handleChange })] })] })] }), _jsxs("section", { className: "space-y-4", children: [_jsxs("div", { className: "flex items-center gap-2 pb-2 border-b border-slate-100", children: [_jsx("div", { className: "w-8 h-8 rounded-full bg-primary/10 flex items-center justify-center text-primary font-bold text-sm", children: "3" }), _jsx("h3", { className: "font-bold text-slate-800", children: "Additional Requests" })] }), _jsxs("div", { className: "space-y-2", children: [_jsx(Label, { htmlFor: "specialRequests", className: "text-xs font-semibold uppercase tracking-wider text-slate-500", children: "Special Instructions (Optional)" }), _jsx(Textarea, { id: "specialRequests", name: "specialRequests", placeholder: "Any specific requirements or questions?", className: "bg-slate-50 border-slate-200 focus:bg-white transition-all min-h-[100px]", value: formData.specialRequests, onChange: handleChange })] })] }), _jsxs("section", { className: "space-y-4", children: [_jsxs("div", { className: "flex items-center gap-2 pb-2 border-b border-slate-100", children: [_jsx("div", { className: "w-8 h-8 rounded-full bg-primary/10 flex items-center justify-center text-primary font-bold text-sm", children: "4" }), _jsx("h3", { className: "font-bold text-slate-800", children: "Terms & Conditions" })] }), _jsxs("div", { className: `relative rounded-2xl border-2 p-5 transition-all duration-200 ${termsAccepted
+                            ? "border-emerald-300 bg-emerald-50/40"
+                            : "border-slate-200 bg-slate-50/50"}`, children: [_jsxs("div", { className: "mb-4 text-xs text-slate-500 leading-relaxed space-y-2 max-h-28 overflow-y-auto pr-1 scrollbar-thin", children: [_jsxs("p", { className: "font-semibold text-slate-700 text-sm flex items-center gap-2", children: [_jsx(FileText, { className: "w-4 h-4 text-primary shrink-0" }), "Booking Terms Summary"] }), _jsxs("p", { children: ["\u2022 ", isAdventure || isEvent
+                                                ? "Your reservation is confirmed after successful payment if the selected slot is still available."
+                                                : "Your booking confirmation depends on the selected listing and payment completion."] }), _jsxs("p", { children: ["\u2022 Cancellations made 48 hours before the start date may be eligible for a partial refund per our ", _jsx("a", { href: "/terms#cancellation", target: "_blank", className: "text-primary underline", children: "Cancellation Policy" }), "."] }), isRental && (_jsxs(_Fragment, { children: [_jsx("p", { children: "\u2022 A valid driving license must be shown during vehicle pickup." }), _jsx("p", { children: "\u2022 Record a short video of the vehicle condition during pickup before starting the ride." })] })), _jsx("p", { children: "\u2022 By confirming, you agree that the information provided is accurate and truthful." }), _jsx("p", { children: "\u2022 Trippeaze acts as a platform; the host is responsible for delivering the booked experience." }), _jsx("p", { children: "\u2022 In case of any dispute, Trippeaze's decision shall be final and binding." })] }), _jsxs("label", { htmlFor: "terms-checkbox", className: "flex items-start gap-3 cursor-pointer group select-none", children: [_jsxs("div", { className: "relative mt-0.5 shrink-0", children: [_jsx("input", { id: "terms-checkbox", type: "checkbox", checked: termsAccepted, onChange: (e) => setTermsAccepted(e.target.checked), className: "sr-only peer" }), _jsx("div", { className: `w-5 h-5 rounded-md border-2 flex items-center justify-center transition-all duration-200 ${termsAccepted
+                                                    ? "bg-emerald-500 border-emerald-500"
+                                                    : "border-slate-300 bg-white group-hover:border-primary"}`, children: termsAccepted && (_jsx("svg", { className: "w-3 h-3 text-white", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", strokeWidth: 3, children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M5 13l4 4L19 7" }) })) })] }), _jsxs("span", { className: "text-sm text-slate-700 leading-snug", children: ["I have read and agree to the", " ", _jsxs("a", { href: "/terms", target: "_blank", rel: "noopener noreferrer", className: "text-primary font-semibold hover:underline inline-flex items-center gap-0.5", onClick: (e) => e.stopPropagation(), children: ["Terms & Conditions", _jsx(ExternalLink, { className: "w-3 h-3" })] }), " ", "and", " ", _jsxs("a", { href: "/privacy", target: "_blank", rel: "noopener noreferrer", className: "text-primary font-semibold hover:underline inline-flex items-center gap-0.5", onClick: (e) => e.stopPropagation(), children: ["Privacy Policy", _jsx(ExternalLink, { className: "w-3 h-3" })] }), ". I understand the cancellation and refund terms."] })] }), !termsAccepted && (_jsxs("p", { className: "mt-3 text-[11px] text-amber-600 font-semibold flex items-center gap-1.5", children: [_jsx("span", { className: "w-1.5 h-1.5 rounded-full bg-amber-500 shrink-0" }), "You must accept the terms before proceeding to payment."] }))] })] })] }));
+}