@myrjfa/ui 2.1.8 → 2.2.0

package/dist/components/adventure/AdventureSlotBuilder.d.ts

@@ -0,0 +1,41 @@
+export type SlotTemplate = {
+    date?: string | Date;
+    startTime: string;
+    endTime: string;
+    maxParticipants: number | string;
+    bookedCount?: number;
+    isAvailable?: boolean;
+};
+export declare function buildSlotTemplatesFromInterval({ startTime, endTime, intervalMinutes, maxParticipants, }: {
+    startTime: string;
+    endTime: string;
+    intervalMinutes: number;
+    maxParticipants: number | string;
+}): SlotTemplate[];
+export declare function expandSlotTemplatesAcrossDays({ templates, startDate, days, }: {
+    templates: SlotTemplate[];
+    startDate?: Date;
+    days?: number;
+}): {
+    date: string;
+    startTime: string;
+    endTime: string;
+    maxParticipants: number;
+    bookedCount: number;
+    isAvailable: boolean;
+}[];
+export declare function mergeUniqueSlotTemplates(existing: SlotTemplate[], incoming: SlotTemplate[]): SlotTemplate[];
+export declare function AdventureSlotBuilder({ value, onChange, operatingStart, operatingEnd, title, description, className, replaceOnGenerate, actionLabel, onSaveGenerated, }: {
+    value: SlotTemplate[];
+    onChange: (slots: SlotTemplate[]) => void;
+    operatingStart: string;
+    operatingEnd: string;
+    defaultCapacity: number | string;
+    title?: string;
+    description?: string;
+    className?: string;
+    replaceOnGenerate?: boolean;
+    actionLabel?: string;
+    onSaveGenerated?: (slots: SlotTemplate[]) => void | Promise<void>;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=AdventureSlotBuilder.d.ts.map

package/dist/components/adventure/AdventureSlotBuilder.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AdventureSlotBuilder.d.ts","sourceRoot":"","sources":["../../../src/components/adventure/AdventureSlotBuilder.tsx"],"names":[],"mappings":"AAiBA,MAAM,MAAM,YAAY,GAAG;IACzB,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,MAAM,CAAC;IAChB,eAAe,EAAE,MAAM,GAAG,MAAM,CAAC;IACjC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,CAAC;AAsCF,wBAAgB,8BAA8B,CAAC,EAC7C,SAAS,EACT,OAAO,EACP,eAAe,EACf,eAAe,GAChB,EAAE;IACD,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,MAAM,CAAC;IAChB,eAAe,EAAE,MAAM,CAAC;IACxB,eAAe,EAAE,MAAM,GAAG,MAAM,CAAC;CAClC,GAAG,YAAY,EAAE,CAgBjB;AAMD,wBAAgB,6BAA6B,CAAC,EAC5C,SAAS,EACT,SAAsB,EACtB,IAAS,GACV,EAAE;IACD,SAAS,EAAE,YAAY,EAAE,CAAC;IAC1B,SAAS,CAAC,EAAE,IAAI,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;;;;;;;IAeA;AAED,wBAAgB,wBAAwB,CAAC,QAAQ,EAAE,YAAY,EAAE,EAAE,QAAQ,EAAE,YAAY,EAAE,kBAQ1F;AAED,wBAAgB,oBAAoB,CAAC,EACnC,KAAK,EACL,QAAQ,EACR,cAAc,EACd,YAAY,EACZ,KAAmB,EACnB,WAAgB,EAChB,SAAS,EACT,iBAAyB,EACzB,WAA8B,EAC9B,eAAe,GAChB,EAAE;IACD,KAAK,EAAE,YAAY,EAAE,CAAC;IACtB,QAAQ,EAAE,CAAC,KAAK,EAAE,YAAY,EAAE,KAAK,IAAI,CAAC;IAC1C,cAAc,EAAE,MAAM,CAAC;IACvB,YAAY,EAAE,MAAM,CAAC;IACrB,eAAe,EAAE,MAAM,GAAG,MAAM,CAAC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,YAAY,EAAE,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;CACnE,2CA0OA"}

package/dist/components/adventure/AdventureSlotBuilder.js

@@ -0,0 +1,146 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMemo, useState } from "react";
+import { Clock, Plus, Trash2 } from "lucide-react";
+import { cn } from "@myrjfa/state/dist/lib/utils";
+import { Button } from "../../misc/button";
+import { Checkbox } from "../../misc/checkbox";
+import { Input } from "../../misc/input";
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue, } from "../../misc/select";
+import { TimeSelect } from "../../misc/time-select";
+const INTERVAL_OPTIONS = [
+    { value: "15", label: "15 min" },
+    { value: "30", label: "30 min" },
+    { value: "45", label: "45 min" },
+    { value: "60", label: "1 hour" },
+    { value: "90", label: "1.5 hours" },
+    { value: "120", label: "2 hours" },
+    { value: "180", label: "3 hours" },
+];
+function timeToMinutes(value) {
+    const [rawHour, rawMinute] = value.split(":");
+    const hour = Number(rawHour);
+    const minute = Number(rawMinute);
+    if (Number.isNaN(hour) || Number.isNaN(minute))
+        return null;
+    return hour * 60 + minute;
+}
+function minutesToTime(value) {
+    const normalized = ((value % 1440) + 1440) % 1440;
+    const hour = Math.floor(normalized / 60).toString().padStart(2, "0");
+    const minute = (normalized % 60).toString().padStart(2, "0");
+    return `${hour}:${minute}`;
+}
+function getOperatingWindow(startTime, endTime) {
+    const start = timeToMinutes(startTime);
+    const rawEnd = timeToMinutes(endTime);
+    if (start == null || rawEnd == null)
+        return null;
+    return {
+        start,
+        end: rawEnd <= start ? rawEnd + 1440 : rawEnd,
+        isOvernight: rawEnd <= start,
+    };
+}
+export function buildSlotTemplatesFromInterval({ startTime, endTime, intervalMinutes, maxParticipants, }) {
+    const window = getOperatingWindow(startTime, endTime);
+    const interval = Math.max(Number(intervalMinutes) || 0, 0);
+    if (!window || interval <= 0 || window.end <= window.start)
+        return [];
+    const slots = [];
+    for (let cursor = window.start; cursor + interval <= window.end; cursor += interval) {
+        slots.push({
+            startTime: minutesToTime(cursor),
+            endTime: minutesToTime(cursor + interval),
+            maxParticipants,
+            bookedCount: 0,
+            isAvailable: true,
+        });
+    }
+    return slots;
+}
+function dateKey(date) {
+    return date.toISOString().split("T")[0] || "";
+}
+export function expandSlotTemplatesAcrossDays({ templates, startDate = new Date(), days = 90, }) {
+    const base = new Date(startDate);
+    base.setHours(0, 0, 0, 0);
+    return Array.from({ length: Math.max(days, 0) }).flatMap((_, index) => {
+        const date = new Date(base);
+        date.setDate(base.getDate() + index);
+        return templates.map((slot) => ({
+            date: dateKey(date),
+            startTime: slot.startTime,
+            endTime: slot.endTime || "",
+            maxParticipants: Math.max(Number(slot.maxParticipants) || 0, 0),
+            bookedCount: Math.max(Number(slot.bookedCount) || 0, 0),
+            isAvailable: slot.isAvailable !== false,
+        }));
+    });
+}
+export function mergeUniqueSlotTemplates(existing, incoming) {
+    const seen = new Set();
+    return [...existing, ...incoming].filter((slot) => {
+        const key = `${slot.startTime}|${slot.endTime}`;
+        if (seen.has(key))
+            return false;
+        seen.add(key);
+        return true;
+    });
+}
+export function AdventureSlotBuilder({ value, onChange, operatingStart, operatingEnd, title = "Add slots", description = "", className, replaceOnGenerate = false, actionLabel = "Generate slots", onSaveGenerated, }) {
+    const [draft, setDraft] = useState({
+        startTime: operatingStart || "09:00",
+        endTime: operatingEnd || "10:00",
+        maxParticipants: "",
+    });
+    const [multiple, setMultiple] = useState(false);
+    const [interval, setInterval] = useState("30");
+    const [isOpen, setIsOpen] = useState(true);
+    const actionHint = actionLabel.toLowerCase().includes("save") ? "click Save" : "click Generate";
+    const operatingWindow = useMemo(() => getOperatingWindow(draft.startTime, draft.endTime), [draft.endTime, draft.startTime]);
+    const generatedPreview = useMemo(() => {
+        if (!draft.maxParticipants || Number(draft.maxParticipants) <= 0) {
+            return [];
+        }
+        if (!multiple) {
+            const window = getOperatingWindow(draft.startTime, draft.endTime);
+            if (!window || window.end <= window.start)
+                return [];
+            return [{
+                    startTime: draft.startTime,
+                    endTime: draft.endTime,
+                    maxParticipants: draft.maxParticipants,
+                    bookedCount: 0,
+                    isAvailable: true,
+                }];
+        }
+        return buildSlotTemplatesFromInterval({
+            startTime: draft.startTime,
+            endTime: draft.endTime,
+            intervalMinutes: Number(interval),
+            maxParticipants: draft.maxParticipants,
+        });
+    }, [draft.endTime, draft.maxParticipants, draft.startTime, interval, multiple]);
+    const updateSlot = (index, patch) => {
+        onChange(value.map((slot, slotIndex) => (slotIndex === index ? { ...slot, ...patch } : slot)));
+    };
+    return (_jsxs("div", { className: cn("rounded-[1.5rem] border border-slate-200 bg-white p-4", !isOpen && "cursor-pointer", className), role: !isOpen ? "button" : undefined, tabIndex: !isOpen ? 0 : undefined, onClick: () => {
+            if (!isOpen)
+                setIsOpen(true);
+        }, onKeyDown: (event) => {
+            if (!isOpen && (event.key === "Enter" || event.key === " ")) {
+                event.preventDefault();
+                setIsOpen(true);
+            }
+        }, children: [_jsxs("div", { className: "flex flex-col gap-3 sm:flex-row sm:items-start sm:justify-between", children: [_jsxs("div", { children: [_jsx("p", { className: "text-sm font-black text-slate-950", children: title }), _jsx("p", { className: "mt-1 text-xs font-bold uppercase tracking-[0.14em] text-slate-400", children: "Add bookable time slots" }), description && _jsx("p", { className: "mt-2 max-w-2xl text-xs font-semibold leading-5 text-slate-500", children: description })] }), _jsx(Button, { type: "button", variant: "outline", className: "h-10 rounded-xl", onClick: (event) => {
+                            event.stopPropagation();
+                            setIsOpen((prev) => !prev);
+                        }, children: isOpen ? "Collapse" : "Expand" })] }), isOpen && (_jsxs("div", { className: "mt-4 space-y-4", children: [_jsx("div", { className: "rounded-3xl bg-slate-50 p-4", children: _jsxs("div", { className: "space-y-3", children: [_jsxs("div", { className: "grid grid-cols-2 gap-3", children: [_jsx(TimeSelect, { value: draft.startTime, onChange: (startTime) => setDraft((prev) => ({ ...prev, startTime })), placeholder: "Start time", triggerClassName: "h-14 rounded-2xl border-slate-200 bg-white px-4 text-base font-black" }), _jsx(TimeSelect, { value: draft.endTime, onChange: (endTime) => setDraft((prev) => ({ ...prev, endTime })), placeholder: "End time", triggerClassName: "h-14 rounded-2xl border-slate-200 bg-white px-4 text-base font-black" })] }), _jsxs("div", { className: "grid gap-3", children: [_jsx(Input, { type: "number", min: 1, value: draft.maxParticipants, onChange: (event) => setDraft((prev) => ({ ...prev, maxParticipants: event.target.value })), className: "h-12 rounded-2xl bg-white text-base font-bold", placeholder: "Number of people per slot" }), multiple && (_jsxs(Select, { value: interval, onValueChange: setInterval, children: [_jsx(SelectTrigger, { className: "h-12 w-full rounded-2xl bg-white font-bold", children: _jsx(SelectValue, { placeholder: "Duration" }) }), _jsx(SelectContent, { className: "rounded-2xl p-2", children: INTERVAL_OPTIONS.map((option) => (_jsx(SelectItem, { value: option.value, className: "rounded-xl", children: option.label }, option.value))) })] }))] }), _jsxs("label", { className: "flex cursor-pointer items-start gap-3 rounded-2xl border border-slate-200 bg-white px-4 py-3", children: [_jsx(Checkbox, { checked: multiple, onCheckedChange: (checked) => setMultiple(checked === true), className: "mt-0.5" }), _jsxs("span", { children: [_jsx("span", { className: "block text-sm font-black text-slate-900", children: "Add multiple slots for this duration" }), _jsx("span", { className: "mt-1 block text-xs font-semibold leading-5 text-slate-500", children: "Splits the start-to-end time into equal slots." })] })] }), (operatingWindow === null || operatingWindow === void 0 ? void 0 : operatingWindow.isOvernight) && (_jsx("p", { className: "mt-2 rounded-xl bg-amber-50 px-3 py-2 text-xs font-bold text-amber-800", children: "Closing time is earlier than opening time, so this continues after midnight." })), _jsxs(Button, { type: "button", className: "h-14 w-full rounded-2xl px-5 text-base font-black shadow-lg shadow-slate-200", onClick: async () => {
+                                        if (onSaveGenerated) {
+                                            await onSaveGenerated(generatedPreview);
+                                            return;
+                                        }
+                                        onChange(replaceOnGenerate ? generatedPreview : mergeUniqueSlotTemplates(value, generatedPreview));
+                                    }, disabled: generatedPreview.length === 0, children: [_jsx(Plus, { className: "h-4 w-4" }), actionLabel] })] }) }), value.length > 0 ? (_jsxs("div", { className: "space-y-4", children: [_jsxs("div", { className: "flex items-center justify-between px-1", children: [_jsxs("span", { className: "text-sm font-semibold text-slate-500", children: [value.length, " ", value.length === 1 ? "slot" : "slots", " added"] }), _jsxs(Button, { type: "button", variant: "ghost", size: "sm", className: "text-rose-500 hover:bg-rose-50 hover:text-rose-600", onClick: () => onChange([]), children: [_jsx(Trash2, { className: "mr-2 h-4 w-4" }), "Clear all"] })] }), _jsx("div", { className: "space-y-2", children: value.map((slot, index) => (_jsxs("details", { className: "rounded-2xl bg-slate-50 p-3", children: [_jsxs("summary", { className: "flex cursor-pointer list-none items-center justify-between gap-3 text-sm font-black text-slate-900", children: [_jsxs("span", { className: "flex items-center gap-2", children: [_jsx(Clock, { className: "h-4 w-4 text-slate-400" }), slot.startTime, " - ", slot.endTime] }), _jsxs("span", { className: "rounded-full bg-white px-2 py-1 text-[11px] font-black text-slate-500", children: [Number(slot.maxParticipants) || 0, " spots"] })] }), _jsxs("div", { className: "mt-3 grid gap-3 sm:grid-cols-[1fr_1fr_0.8fr_auto] sm:items-end", children: [_jsx(TimeSelect, { value: slot.startTime, onChange: (startTime) => updateSlot(index, { startTime }), triggerClassName: "h-11 rounded-xl" }), _jsx(TimeSelect, { value: slot.endTime, onChange: (endTime) => updateSlot(index, { endTime }), triggerClassName: "h-11 rounded-xl" }), _jsx(Input, { type: "number", min: 1, value: slot.maxParticipants, onChange: (event) => updateSlot(index, { maxParticipants: event.target.value }), className: "h-11 rounded-xl bg-white" }), _jsx(Button, { type: "button", variant: "ghost", size: "icon", className: "rounded-xl text-rose-500 hover:bg-rose-50", onClick: () => onChange(value.filter((_, slotIndex) => slotIndex !== index)), "aria-label": "Remove slot", children: _jsx(Trash2, { className: "h-4 w-4" }) })] })] }, `${slot.startTime}-${slot.endTime}-${index}`))) })] })) : (_jsxs("p", { className: "rounded-2xl border border-dashed border-slate-200 bg-slate-50 p-4 text-sm font-semibold text-slate-500", children: ["No slots added yet. Choose the time window and guest capacity, then ", actionHint, ". Example: if you are open 09:00 to 18:00 and choose 1 hour, guests can book 09:00-10:00, 10:00-11:00, and so on."] }))] }))] }));
+}

package/dist/components/booking/booking-form.d.ts

@@ -0,0 +1,39 @@
+interface BookingFormProps {
+    entity: any;
+    type: "Rental" | "Adventure" | "Stay" | "Event" | "TravelPackage";
+    preStartDate?: string | null;
+    preEndDate?: string | null;
+    preStartTime?: string | null;
+    prePickupTime?: string | null;
+    preReturnTime?: string | null;
+    prePickupPointIndex?: number | null;
+    preHomeDeliverySelected?: boolean;
+    preRoomId?: string | null;
+    preRoomQty?: number | null;
+    preNumberOfPeople?: number | null;
+    prePricingIndex?: number | null;
+    onDatesChange?: (start: Date | null, end: Date | null) => void;
+    onPackageSummaryChange?: (summary: {
+        selectedPricingIndex: number;
+        totalPeople: number;
+        males: number;
+        females: number;
+        totalPrice: number;
+        optionalActivityNames: string[];
+    }) => void;
+    onBookingSnapshotChange?: (snapshot: {
+        startDate: Date | null;
+        endDate: Date | null;
+        startTime: string;
+        pickupTime: string;
+        returnTime: string;
+        numberOfPeople: number;
+        totalPrice: number;
+        termsAccepted: boolean;
+        specialRequests: string;
+        selectedPricingIndex: number;
+    }) => void;
+}
+export declare function BookingForm({ entity, type, preStartDate, preEndDate, preStartTime, prePickupTime, preReturnTime, prePickupPointIndex, preHomeDeliverySelected, preRoomId, preRoomQty, preNumberOfPeople, prePricingIndex, onDatesChange, onPackageSummaryChange, onBookingSnapshotChange, }: BookingFormProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=booking-form.d.ts.map

package/dist/components/booking/booking-form.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"booking-form.d.ts","sourceRoot":"","sources":["../../../src/components/booking/booking-form.tsx"],"names":[],"mappings":"AA2BA,UAAU,gBAAgB;IACxB,MAAM,EAAE,GAAG,CAAC;IACZ,IAAI,EAAE,QAAQ,GAAG,WAAW,GAAG,MAAM,GAAG,OAAO,GAAG,eAAe,CAAC;IAClE,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,aAAa,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,aAAa,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,mBAAmB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACpC,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,iBAAiB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAClC,eAAe,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAChC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,GAAG,IAAI,EAAE,GAAG,EAAE,IAAI,GAAG,IAAI,KAAK,IAAI,CAAC;IAC/D,sBAAsB,CAAC,EAAE,CAAC,OAAO,EAAE;QACjC,oBAAoB,EAAE,MAAM,CAAC;QAC7B,WAAW,EAAE,MAAM,CAAC;QACpB,KAAK,EAAE,MAAM,CAAC;QACd,OAAO,EAAE,MAAM,CAAC;QAChB,UAAU,EAAE,MAAM,CAAC;QACnB,qBAAqB,EAAE,MAAM,EAAE,CAAC;KACjC,KAAK,IAAI,CAAC;IACX,uBAAuB,CAAC,EAAE,CAAC,QAAQ,EAAE;QACnC,SAAS,EAAE,IAAI,GAAG,IAAI,CAAC;QACvB,OAAO,EAAE,IAAI,GAAG,IAAI,CAAC;QACrB,SAAS,EAAE,MAAM,CAAC;QAClB,UAAU,EAAE,MAAM,CAAC;QACnB,UAAU,EAAE,MAAM,CAAC;QACnB,cAAc,EAAE,MAAM,CAAC;QACvB,UAAU,EAAE,MAAM,CAAC;QACnB,aAAa,EAAE,OAAO,CAAC;QACvB,eAAe,EAAE,MAAM,CAAC;QACxB,oBAAoB,EAAE,MAAM,CAAC;KAC9B,KAAK,IAAI,CAAC;CACZ;AAgKD,wBAAgB,WAAW,CAAC,EAC1B,MAAM,EACN,IAAI,EACJ,YAAY,EACZ,UAAU,EACV,YAAY,EACZ,aAAa,EACb,aAAa,EACb,mBAAmB,EACnB,uBAAuB,EACvB,SAAS,EACT,UAAU,EACV,iBAAiB,EACjB,eAAe,EACf,aAAa,EACb,sBAAsB,EACtB,uBAAuB,GACxB,EAAE,gBAAgB,2CAixClB"}