@myrjfa/ui 2.1.9 → 2.2.0

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"OpportunityTypeSection.d.ts","sourceRoot":"","sources":["../../../src/components/form-sections/OpportunityTypeSection.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAsBrD,KAAK,2BAA2B,GAAG;IACjC,IAAI,EAAE,aAAa,CAAC,GAAG,CAAC,CAAC;CAC1B,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,sBAAsB,CAAC,EAC7C,IAAI,GACL,EAAE,2BAA2B,2CAuJ7B"}

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

@@ -0,0 +1,15 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Card, CardContent, CardHeader, CardTitle } from "@myrjfa/ui/dist/misc/card";
+import { Filter } from "@myrjfa/ui/dist/misc/filter";
+import { FormControl, FormField, FormItem, FormLabel, FormMessage, } from "@myrjfa/ui/dist/misc/form";
+import { Input } from "@myrjfa/ui/dist/misc/input";
+import { getCompensationTypeForOpportunity, opportunityTypeOptions, payFrequencyOptions, workModeOptions, } from "@myrjfa/state/dist/lib/models/opportunities/opportunity";
+import { getCurrencies } from "@myrjfa/state/dist/lib/data/countryStates";
+export default function OpportunityTypeSection({ form, }) {
+    const selectedType = form.watch("opportunityType");
+    return (_jsxs(Card, { children: [_jsx(CardHeader, { children: _jsx(CardTitle, { children: "Opportunity Type" }) }), _jsxs(CardContent, { className: "space-y-6", children: [_jsx(FormField, { control: form.control, name: "opportunityType", render: ({ field }) => (_jsxs(FormItem, { children: [_jsx(FormLabel, { children: "What type of opportunity are you offering?" }), _jsx(FormControl, { children: _jsx("div", { className: "grid grid-cols-2 gap-4 md:grid-cols-4", children: opportunityTypeOptions.map((opt) => (_jsxs("div", { className: `cursor-pointer rounded-lg border p-4 transition-all ${field.value === opt.value
+                                                ? "border-primary bg-primary/5 ring-2 ring-primary"
+                                                : "border-gray-200 hover:border-gray-300"}`, onClick: () => field.onChange(opt.value), children: [_jsx("div", { className: "font-medium", children: opt.label }), _jsx("div", { className: "mt-1 text-xs text-gray-500", children: opt.description })] }, opt.value))) }) }), _jsx(FormMessage, {})] })) }), selectedType !== "volunteer" && (_jsx("div", { className: "grid grid-cols-1 gap-6 md:grid-cols-2", children: _jsx(FormField, { control: form.control, name: "workMode", render: ({ field }) => (_jsxs(FormItem, { children: [_jsx(FormLabel, { children: "Work Mode" }), _jsx(FormControl, { children: _jsx("div", { className: "flex gap-3", children: workModeOptions.map((opt) => (_jsx("div", { className: `cursor-pointer rounded-lg border px-4 py-2 transition-all ${field.value === opt.value
+                                                    ? "border-primary bg-primary/5"
+                                                    : "border-gray-200 hover:border-gray-300"}`, onClick: () => field.onChange(opt.value), children: opt.label }, opt.value))) }) }), _jsx(FormMessage, {})] })) }) })), selectedType !== "volunteer" && (_jsxs("div", { className: "space-y-4 border-t pt-6", children: [_jsxs("div", { className: "flex items-center gap-3", children: [_jsx("h3", { className: "text-lg font-semibold", children: "Compensation Details" }), _jsx("span", { className: "rounded bg-gray-100 px-2 py-1 text-sm capitalize text-gray-500", children: getCompensationTypeForOpportunity(selectedType) })] }), _jsxs("div", { className: "grid grid-cols-1 gap-4 md:grid-cols-3", children: [_jsx(FormField, { control: form.control, name: "compensationAmount", render: ({ field }) => (_jsxs(FormItem, { children: [_jsx(FormLabel, { children: "Amount" }), _jsx(FormControl, { children: _jsx(Input, { type: "number", placeholder: "e.g. 15000", ...field, onChange: (e) => field.onChange(parseInt(e.target.value, 10) || undefined) }) }), _jsx(FormMessage, {})] })) }), _jsx(FormField, { control: form.control, name: "compensationCurrency", render: ({ field }) => (_jsxs(FormItem, { children: [_jsx(FormLabel, { children: "Currency" }), _jsx(FormControl, { children: _jsx("div", { className: "w-full rounded-md border border-input text-sm shadow-sm focus-within:ring-2 focus-within:ring-muted", children: _jsx(Filter, { label: "Currency", formType: "autoComplete", selectedValue: (field.value || "INR").toUpperCase(), values: getCurrencies().map((currency) => currency.toUpperCase()), onChange: (value) => field.onChange((value === null || value === void 0 ? void 0 : value.toUpperCase()) || "INR") }) }) }), _jsx(FormMessage, {})] })) }), _jsx(FormField, { control: form.control, name: "compensationFrequency", render: ({ field }) => (_jsxs(FormItem, { children: [_jsx(FormLabel, { children: "Frequency" }), _jsx(FormControl, { children: _jsx("select", { className: "w-full rounded-md border p-2", value: field.value || "monthly", onChange: (e) => field.onChange(e.target.value), children: payFrequencyOptions.map((opt) => (_jsx("option", { value: opt.value, children: opt.label }, opt.value))) }) }), _jsx(FormMessage, {})] })) })] })] }))] })] }));
+}

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

@@ -0,0 +1,22 @@
+import type { UseFormReturn } from "react-hook-form";
+type ArrayHandlers = {
+    add: (value: string) => void;
+    remove: (value: string) => void;
+};
+type PackageDetailsSectionProps = {
+    form: UseFormReturn<any>;
+    whatsIncluded: string[];
+    whatsNotIncluded: string[];
+    thingsToDo: string[];
+    thingsNotToDo: string[];
+    thingsToCarry: string[];
+    whatsIncludedHandlers: ArrayHandlers;
+    whatsNotIncludedHandlers: ArrayHandlers;
+    thingsToDoHandlers: ArrayHandlers;
+    thingsNotToDoHandlers: ArrayHandlers;
+    thingsToCarryHandlers: ArrayHandlers;
+    onFieldChange: () => void;
+};
+export default function PackageDetailsSection({ form, whatsIncluded, whatsNotIncluded, thingsToDo, thingsNotToDo, thingsToCarry, whatsIncludedHandlers, whatsNotIncludedHandlers, thingsToDoHandlers, thingsNotToDoHandlers, thingsToCarryHandlers, onFieldChange, }: PackageDetailsSectionProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=PackageDetailsSection.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PackageDetailsSection.d.ts","sourceRoot":"","sources":["../../../src/components/form-sections/PackageDetailsSection.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AA0BrD,KAAK,aAAa,GAAG;IACnB,GAAG,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7B,MAAM,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACjC,CAAC;AAEF,KAAK,0BAA0B,GAAG;IAChC,IAAI,EAAE,aAAa,CAAC,GAAG,CAAC,CAAC;IACzB,aAAa,EAAE,MAAM,EAAE,CAAC;IACxB,gBAAgB,EAAE,MAAM,EAAE,CAAC;IAC3B,UAAU,EAAE,MAAM,EAAE,CAAC;IACrB,aAAa,EAAE,MAAM,EAAE,CAAC;IACxB,aAAa,EAAE,MAAM,EAAE,CAAC;IACxB,qBAAqB,EAAE,aAAa,CAAC;IACrC,wBAAwB,EAAE,aAAa,CAAC;IACxC,kBAAkB,EAAE,aAAa,CAAC;IAClC,qBAAqB,EAAE,aAAa,CAAC;IACrC,qBAAqB,EAAE,aAAa,CAAC;IACrC,aAAa,EAAE,MAAM,IAAI,CAAC;CAC3B,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,qBAAqB,CAAC,EAC5C,IAAI,EACJ,aAAa,EACb,gBAAgB,EAChB,UAAU,EACV,aAAa,EACb,aAAa,EACb,qBAAqB,EACrB,wBAAwB,EACxB,kBAAkB,EAClB,qBAAqB,EACrB,qBAAqB,EACrB,aAAa,GACd,EAAE,0BAA0B,2CA+H5B"}

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

@@ -0,0 +1,20 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Card, CardContent, CardHeader, CardTitle } from "@myrjfa/ui/dist/misc/card";
+import { Filter } from "@myrjfa/ui/dist/misc/filter";
+import { FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, } from "@myrjfa/ui/dist/misc/form";
+import { Textarea } from "@myrjfa/ui/dist/misc/textarea";
+import TagFilterInput from "@myrjfa/ui/dist/misc/tag-filter-input";
+import { excludedItems, includedItems, packageTypeOptionsArray, thingsNotToDoList, thingsToCarryItems, thingsToDoList, } from "@myrjfa/state/dist/lib/models/travelPackage";
+const detailChipClassName = "flex min-w-0 max-w-full items-center gap-2 whitespace-normal break-words bg-primary/10 text-primary border-primary/20 [&>button]:shrink-0";
+export default function PackageDetailsSection({ form, whatsIncluded, whatsNotIncluded, thingsToDo, thingsNotToDo, thingsToCarry, whatsIncludedHandlers, whatsNotIncludedHandlers, thingsToDoHandlers, thingsNotToDoHandlers, thingsToCarryHandlers, onFieldChange, }) {
+    return (_jsxs(Card, { className: "rounded-[2rem] border-slate-100 shadow-lg shadow-slate-200/40", children: [_jsx(CardHeader, { children: _jsx(CardTitle, { children: "Package Details" }) }), _jsxs(CardContent, { className: "space-y-6", children: [_jsxs("div", { className: "grid gap-6 md:grid-cols-3", children: [_jsx("div", { children: _jsx(TagFilterInput, { id: "whatsIncluded", label: "What's Included *", items: whatsIncluded, onAdd: whatsIncludedHandlers.add, onRemove: whatsIncludedHandlers.remove, options: includedItems, placeholder: "Select included item", chipClassName: detailChipClassName }) }), _jsx("div", { children: _jsx(TagFilterInput, { id: "whatsNotIncluded", label: "What's Not Included *", items: whatsNotIncluded, onAdd: whatsNotIncludedHandlers.add, onRemove: whatsNotIncludedHandlers.remove, options: excludedItems, placeholder: "Add excluded item", chipClassName: detailChipClassName }) }), _jsx("div", { children: _jsx(FormField, { control: form.control, name: "categoryId", render: ({ field }) => {
+                                        var _a;
+                                        return (_jsxs(FormItem, { children: [_jsx(FormLabel, { children: "Package Type *" }), _jsx(FormControl, { children: _jsx("div", { className: "mt-2 rounded-md border", children: _jsx(Filter, { label: "Package Type", formType: "autoComplete", selectedValue: (_a = field.value) !== null && _a !== void 0 ? _a : "", values: packageTypeOptionsArray, onChange: (value) => {
+                                                                onFieldChange();
+                                                                field.onChange(value);
+                                                            } }) }) }), _jsx(FormMessage, {})] }));
+                                    } }) })] }), _jsxs("div", { className: "grid gap-6 md:grid-cols-3", children: [_jsx("div", { children: _jsx(TagFilterInput, { id: "thingsToDo", label: "Things to Do *", items: thingsToDo, onAdd: thingsToDoHandlers.add, onRemove: thingsToDoHandlers.remove, options: thingsToDoList, placeholder: "Add recommendation", chipClassName: detailChipClassName }) }), _jsx("div", { children: _jsx(TagFilterInput, { id: "thingsNotToDo", label: "Things Not to Do *", items: thingsNotToDo, onAdd: thingsNotToDoHandlers.add, onRemove: thingsNotToDoHandlers.remove, options: thingsNotToDoList, placeholder: "Add restriction", chipClassName: detailChipClassName }) }), _jsx("div", { children: _jsx(TagFilterInput, { id: "thingsToCarry", label: "Things to Carry *", items: thingsToCarry, onAdd: thingsToCarryHandlers.add, onRemove: thingsToCarryHandlers.remove, options: thingsToCarryItems, placeholder: "Add essential item", chipClassName: detailChipClassName }) })] }), _jsx(FormField, { control: form.control, name: "description", render: ({ field }) => (_jsxs(FormItem, { children: [_jsx(FormLabel, { children: "Overview" }), _jsx(FormDescription, { children: "Write a concise package overview. Do not add cancellation policy here; add it in FAQs instead." }), _jsx(FormControl, { children: _jsx(Textarea, { id: "description", placeholder: "Provide an attractive short overview of the trip, package or place", className: "min-h-32", ...field, onChange: (e) => {
+                                            onFieldChange();
+                                            field.onChange(e);
+                                        } }) }), _jsx(FormMessage, {})] })) })] })] }));
+}

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

@@ -0,0 +1,21 @@
+import type { ActivityItem, ItineraryItem } from "@myrjfa/state/dist/lib/models/travelPackage";
+type ArrayHandlers = {
+    add: (value: string) => void;
+    remove: (valueToRemove: string) => void;
+};
+type PackageItinerarySectionProps = {
+    highlights: string[];
+    highlightsHandlers: ArrayHandlers;
+    itinerary: ItineraryItem[];
+    itineraryRoutes: string[];
+    itineraryFacilities: string[];
+    onAddItineraryItem: () => void;
+    onRemoveItineraryItem: (index: number) => void;
+    onUpdateItineraryItem: (index: number, field: keyof ItineraryItem, value: string | number) => void;
+    activities: ActivityItem[];
+    onActivitiesChange: (activities: ActivityItem[]) => void;
+    currency: string;
+};
+export default function PackageItinerarySection({ highlights, highlightsHandlers, itinerary, itineraryRoutes, itineraryFacilities, onAddItineraryItem, onRemoveItineraryItem, onUpdateItineraryItem, activities, onActivitiesChange, currency, }: PackageItinerarySectionProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=PackageItinerarySection.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PackageItinerarySection.d.ts","sourceRoot":"","sources":["../../../src/components/form-sections/PackageItinerarySection.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,6CAA6C,CAAC;AAE/F,KAAK,aAAa,GAAG;IACnB,GAAG,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7B,MAAM,EAAE,CAAC,aAAa,EAAE,MAAM,KAAK,IAAI,CAAC;CACzC,CAAC;AAEF,KAAK,4BAA4B,GAAG;IAClC,UAAU,EAAE,MAAM,EAAE,CAAC;IACrB,kBAAkB,EAAE,aAAa,CAAC;IAClC,SAAS,EAAE,aAAa,EAAE,CAAC;IAC3B,eAAe,EAAE,MAAM,EAAE,CAAC;IAC1B,mBAAmB,EAAE,MAAM,EAAE,CAAC;IAC9B,kBAAkB,EAAE,MAAM,IAAI,CAAC;IAC/B,qBAAqB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/C,qBAAqB,EAAE,CACrB,KAAK,EAAE,MAAM,EACb,KAAK,EAAE,MAAM,aAAa,EAC1B,KAAK,EAAE,MAAM,GAAG,MAAM,KACnB,IAAI,CAAC;IACV,UAAU,EAAE,YAAY,EAAE,CAAC;IAC3B,kBAAkB,EAAE,CAAC,UAAU,EAAE,YAAY,EAAE,KAAK,IAAI,CAAC;IACzD,QAAQ,EAAE,MAAM,CAAC;CAClB,CAAC;AA+KF,MAAM,CAAC,OAAO,UAAU,uBAAuB,CAAC,EAC9C,UAAU,EACV,kBAAkB,EAClB,SAAS,EACT,eAAe,EACf,mBAAmB,EACnB,kBAAkB,EAClB,qBAAqB,EACrB,qBAAqB,EACrB,UAAU,EACV,kBAAkB,EAClB,QAAQ,GACT,EAAE,4BAA4B,2CA2R9B"}

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

@@ -0,0 +1,112 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Button } from "@myrjfa/ui/dist/misc/button";
+import { Card, CardContent, CardHeader, CardTitle } from "@myrjfa/ui/dist/misc/card";
+import { Filter } from "@myrjfa/ui/dist/misc/filter";
+import { FormDescription, FormLabel } from "@myrjfa/ui/dist/misc/form";
+import { Input } from "@myrjfa/ui/dist/misc/input";
+import { SearchBox } from "@myrjfa/ui/dist/misc/searchBox";
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@myrjfa/ui/dist/misc/select";
+import { Textarea } from "@myrjfa/ui/dist/misc/textarea";
+import { Plus, Sparkles, Trash2, X } from "lucide-react";
+import { useEffect, useState } from "react";
+import { tripHighlights } from "@myrjfa/state/dist/lib/models/travelPackage";
+const routeSuggestions = ["Pickup point", "Hotel", "Airport", "Station", "Viewpoint", "Market", "Camp", "Drop point"];
+const facilitySuggestions = ["Accommodation", "Breakfast", "Lunch", "Dinner", "Local transport", "Guide", "Entry tickets", "Bonfire", "First aid"];
+const activityNameSuggestions = [
+    "River Rafting",
+    "Trekking",
+    "Camping",
+    "Paragliding",
+    "Skiing",
+    "Jeep Safari",
+    "Bike Ride",
+    "Boating",
+    "Sightseeing Tour",
+    "Cultural Walk",
+    "Photography Walk",
+    "Bonfire",
+];
+function toList(value) {
+    return value
+        .split(",")
+        .map((item) => item.trim())
+        .filter(Boolean);
+}
+function ChipInput({ label, value, placeholder, suggestions, helperText, onChange, }) {
+    const items = toList(value);
+    const updateItems = (nextItems) => onChange(nextItems.join(", "));
+    const addItem = (raw) => {
+        const entries = toList(raw);
+        if (!entries.length)
+            return;
+        const normalized = new Set(items.map((item) => item.toLowerCase()));
+        updateItems([
+            ...items,
+            ...entries.filter((entry) => !normalized.has(entry.toLowerCase())),
+        ]);
+    };
+    const removeItem = (itemToRemove) => updateItems(items.filter((item) => item !== itemToRemove));
+    return (_jsxs("div", { className: "space-y-2", children: [_jsx(FormLabel, { children: label }), _jsxs("div", { className: "rounded-[1.35rem] border border-slate-200 bg-slate-50/60 p-3 shadow-sm transition focus-within:border-primary/40 focus-within:bg-white focus-within:ring-2 focus-within:ring-primary/10", children: [items.length > 0 && (_jsx("div", { className: "mb-3 flex flex-wrap gap-2", children: items.map((item) => (_jsxs("span", { className: "inline-flex items-center gap-2 rounded-full bg-white px-3 py-1 text-xs font-bold text-slate-700 ring-1 ring-slate-200", children: [item, _jsx("button", { type: "button", onClick: () => removeItem(item), className: "rounded-full text-slate-400 hover:text-red-500", "aria-label": `Remove ${item}`, children: _jsx(X, { className: "h-3 w-3" }) })] }, item))) })), _jsx(Input, { placeholder: placeholder, className: "h-11 border-slate-200 bg-white", onKeyDown: (event) => {
+                            if (event.key !== "Enter" && event.key !== ",")
+                                return;
+                            event.preventDefault();
+                            const input = event.currentTarget;
+                            addItem(input.value);
+                            input.value = "";
+                        }, onBlur: (event) => {
+                            addItem(event.currentTarget.value);
+                            event.currentTarget.value = "";
+                        } })] }), helperText && _jsx(FormDescription, { children: helperText }), _jsx("div", { className: "flex flex-wrap gap-2", children: suggestions
+                    .filter((suggestion) => !items.some((item) => item.toLowerCase() === suggestion.toLowerCase()))
+                    .slice(0, 6)
+                    .map((suggestion) => (_jsxs("button", { type: "button", onClick: () => addItem(suggestion), className: "rounded-full border border-slate-200 bg-white px-3 py-1 text-xs font-bold text-slate-500 transition hover:border-primary/40 hover:text-primary", children: ["+ ", suggestion] }, suggestion))) })] }));
+}
+function ActivityPriceInput({ value, onChange, }) {
+    const [draftValue, setDraftValue] = useState(String(value !== null && value !== void 0 ? value : 0));
+    const [isFocused, setIsFocused] = useState(false);
+    useEffect(() => {
+        if (!isFocused) {
+            setDraftValue(String(value !== null && value !== void 0 ? value : 0));
+        }
+    }, [isFocused, value]);
+    return (_jsx(Input, { type: "number", min: "0", placeholder: "0", value: draftValue, onFocus: () => {
+            setIsFocused(true);
+            if (draftValue === "0")
+                setDraftValue("");
+        }, onBlur: () => {
+            setIsFocused(false);
+            if (draftValue.trim() === "") {
+                setDraftValue("0");
+                onChange(0);
+            }
+        }, onChange: (event) => {
+            const nextValue = event.target.value;
+            setDraftValue(nextValue);
+            onChange(nextValue.trim() === "" ? 0 : Number(nextValue));
+        } }));
+}
+function ActivityNameInput({ value, onChange, }) {
+    return (_jsx(SearchBox, { titles: activityNameSuggestions, placeholder: "Search or enter activity", searchQuery: value, setSearchQuery: onChange, handleAdd: (inputValue) => onChange(inputValue || "") }));
+}
+export default function PackageItinerarySection({ highlights, highlightsHandlers, itinerary, itineraryRoutes, itineraryFacilities, onAddItineraryItem, onRemoveItineraryItem, onUpdateItineraryItem, activities, onActivitiesChange, currency, }) {
+    return (_jsxs(_Fragment, { children: [_jsxs(Card, { className: "rounded-[2rem] border-slate-100 shadow-lg shadow-slate-200/40", children: [_jsx(CardHeader, { children: _jsx(CardTitle, { children: "Trip Highlights" }) }), _jsx(CardContent, { children: _jsxs("div", { className: "space-y-4", children: [_jsxs("div", { children: [_jsx(FormLabel, { children: "Trip Highlights" }), _jsxs("div", { className: "mt-2 rounded-2xl border border-slate-200 bg-slate-50/60 p-3", children: [highlights.length > 0 && (_jsx("div", { className: "mb-3 flex flex-wrap gap-2", children: highlights.map((highlight) => (_jsxs("span", { className: "inline-flex items-center gap-2 rounded-full bg-primary/10 px-3 py-1 text-xs font-bold text-primary ring-1 ring-primary/20", children: [highlight, _jsx("button", { type: "button", onClick: () => highlightsHandlers.remove(highlight), className: "rounded-full text-primary/70 hover:text-red-500", "aria-label": `Remove ${highlight}`, children: _jsx(X, { className: "h-3 w-3" }) })] }, highlight))) })), _jsx(Input, { placeholder: "Type a highlight and press Enter", className: "h-11 border-slate-200 bg-white", onKeyDown: (event) => {
+                                                        if (event.key !== "Enter")
+                                                            return;
+                                                        event.preventDefault();
+                                                        highlightsHandlers.add(event.currentTarget.value);
+                                                        event.currentTarget.value = "";
+                                                    } })] })] }), _jsxs("div", { className: "space-y-2", children: [_jsxs("p", { className: "flex items-center gap-2 text-xs font-black uppercase tracking-[0.18em] text-slate-400", children: [_jsx(Sparkles, { className: "h-3.5 w-3.5" }), "Suggested highlights"] }), _jsx("div", { className: "flex flex-wrap gap-2", children: tripHighlights
+                                                .filter((highlight) => !highlights.includes(highlight))
+                                                .slice(0, 10)
+                                                .map((highlight) => (_jsxs("button", { type: "button", onClick: () => highlightsHandlers.add(highlight), className: "rounded-full border border-slate-200 bg-white px-3 py-1.5 text-xs font-bold text-slate-600 transition hover:border-primary/40 hover:text-primary", children: ["+ ", highlight] }, highlight))) })] })] }) })] }), _jsxs(Card, { className: "rounded-[2rem] border-slate-100 shadow-lg shadow-slate-200/40", children: [_jsx(CardHeader, { children: _jsx(CardTitle, { children: "Itinerary" }) }), _jsxs(CardContent, { className: "space-y-4", children: [itinerary.map((item, index) => {
+                                var _a;
+                                return (_jsxs("div", { className: "space-y-5 rounded-[1.75rem] border border-slate-200 bg-white p-5 shadow-sm", children: [_jsxs("div", { className: "flex justify-between items-center", children: [_jsxs("div", { children: [_jsxs("h3", { className: "font-semibold", children: ["Day ", item.day] }), _jsx("p", { className: "text-sm text-slate-500", children: "Build this day with route stops, inclusions and the guest-facing plan." })] }), _jsxs(Button, { type: "button", onClick: () => onRemoveItineraryItem(index), variant: "ghost", size: "sm", className: "text-red-500 hover:text-red-700 hover:bg-red-50", children: [_jsx(Trash2, { className: "h-4 w-4 mr-1" }), "Remove"] })] }), _jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: [_jsxs("div", { className: "space-y-2", children: [_jsx(FormLabel, { children: "Day title" }), _jsx(Input, { placeholder: "e.g., Arrival in Manali", value: item.title, className: "h-12 border-slate-200 bg-white", onChange: (e) => onUpdateItineraryItem(index, "title", e.target.value) })] }), _jsxs("div", { className: "space-y-2 [&_.filter-box]:h-12 [&_.filter-box]:rounded-md [&_.filter-box]:border [&_.filter-box]:border-slate-200 [&_.filter-box]:bg-white [&_.filter-box]:px-4 [&_.filter-box]:text-base [&_.filter-box]:font-normal [&_.filter-box]:shadow-sm [&_.filter-box:hover]:bg-white", children: [_jsx(FormLabel, { children: "Transport Mode" }), _jsx(Filter, { label: "Transport Mode", formType: "autoComplete", selectedValue: (_a = item.mode) !== null && _a !== void 0 ? _a : null, values: ["SUV", "Bus", "Train", "Flight", "Bike", "Walking", "Boat", "Traveller"], onChange: (value) => onUpdateItineraryItem(index, "mode", value || ""), others: true })] })] }), _jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: [_jsx(ChipInput, { label: "Facilities included this day", value: itineraryFacilities.at(index) || "", placeholder: "Add a facility and press Enter", suggestions: facilitySuggestions, helperText: "Add inclusions for this day without comma-separated typing.", onChange: (value) => onUpdateItineraryItem(index, "facilities", value) }), _jsx(ChipInput, { label: "Route stops", value: itineraryRoutes.at(index) || "", placeholder: "Add a stop and press Enter", suggestions: routeSuggestions, helperText: "Stops are saved in the order you add them.", onChange: (value) => onUpdateItineraryItem(index, "route", value) })] }), _jsx(Textarea, { placeholder: "Detailed description of the day's activities", value: item.message, onChange: (e) => onUpdateItineraryItem(index, "message", e.target.value), className: "min-h-20 border-border" })] }, index));
+                            }), _jsxs(Button, { type: "button", onClick: onAddItineraryItem, className: "w-full bg-primary hover:bg-primary-dark text-background", children: [_jsx(Plus, { className: "w-4 h-4 mr-2" }), "Add Day"] })] })] }), _jsxs(Card, { className: "rounded-[2rem] border-slate-100 shadow-lg shadow-slate-200/40", children: [_jsx(CardHeader, { children: _jsx(CardTitle, { children: "Activities" }) }), _jsxs(CardContent, { className: "space-y-4", children: [_jsx("p", { className: "text-sm text-muted-foreground", children: "List activities included in or available with this package. Mark compulsory ones so travellers know what's mandatory." }), activities.map((act, index) => (_jsxs("div", { className: "p-3 border rounded-2xl grid grid-cols-1 md:grid-cols-4 gap-3 items-end", children: [_jsxs("div", { className: "space-y-1", children: [_jsx(FormLabel, { children: "Activity Name" }), _jsx(ActivityNameInput, { value: act.name, onChange: (value) => onActivitiesChange(activities.map((item, i) => i === index ? { ...item, name: value } : item)) })] }), _jsxs("div", { className: "space-y-1", children: [_jsx(FormLabel, { children: "Type" }), _jsxs(Select, { value: act.type, onValueChange: (value) => onActivitiesChange(activities.map((item, i) => i === index ? { ...item, type: value } : item)), children: [_jsx(SelectTrigger, { className: "w-full", children: _jsx(SelectValue, { placeholder: "Select type" }) }), _jsxs(SelectContent, { children: [_jsx(SelectItem, { value: "optional", children: "Optional" }), _jsx(SelectItem, { value: "compulsory", children: "Compulsory" })] })] })] }), _jsxs("div", { className: "space-y-1", children: [_jsx(FormLabel, { children: "Day (optional)" }), _jsxs(Select, { value: act.day ? String(act.day) : "all", onValueChange: (value) => onActivitiesChange(activities.map((item, i) => i === index
+                                                    ? { ...item, day: value === "all" ? undefined : Number(value) }
+                                                    : item)), children: [_jsx(SelectTrigger, { className: "w-full", children: _jsx(SelectValue, { placeholder: "Apply to all days" }) }), _jsxs(SelectContent, { children: [_jsx(SelectItem, { value: "all", children: "Apply to all days" }), itinerary.map((day) => (_jsxs(SelectItem, { value: String(day.day), children: ["Day ", day.day] }, day.day)))] })] })] }), _jsxs("div", { className: "flex gap-2 items-end", children: [act.type === "optional" && (_jsxs("div", { className: "space-y-1 flex-1", children: [_jsxs(FormLabel, { children: ["Extra Price (", currency, ")"] }), _jsx(ActivityPriceInput, { value: act.additionalPrice, onChange: (value) => onActivitiesChange(activities.map((item, i) => i === index
+                                                            ? { ...item, additionalPrice: value }
+                                                            : item)) })] })), _jsx(Button, { type: "button", variant: "ghost", size: "icon", className: "text-red-500 hover:text-red-700", onClick: () => onActivitiesChange(activities.filter((_, i) => i !== index)), children: _jsx(Trash2, { className: "h-4 w-4" }) })] })] }, index))), _jsxs(Button, { type: "button", className: "w-full", onClick: () => onActivitiesChange([
+                                    ...activities,
+                                    { name: "", type: "optional", additionalPrice: 0 },
+                                ]), children: [_jsx(Plus, { className: "w-4 h-4 mr-2" }), "Add Activity"] })] })] })] }));
+}

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

@@ -0,0 +1,8 @@
+import type { Pricing } from "@myrjfa/state/dist/lib/models/pricing";
+type PackagePricingSectionProps = {
+    pricing: Pricing;
+    onPricingChange: (pricing: Pricing) => void;
+};
+export default function PackagePricingSection({ pricing, onPricingChange, }: PackagePricingSectionProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=PackagePricingSection.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PackagePricingSection.d.ts","sourceRoot":"","sources":["../../../src/components/form-sections/PackagePricingSection.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,uCAAuC,CAAC;AAErE,KAAK,0BAA0B,GAAG;IAChC,OAAO,EAAE,OAAO,CAAC;IACjB,eAAe,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;CAC7C,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,qBAAqB,CAAC,EAC5C,OAAO,EACP,eAAe,GAChB,EAAE,0BAA0B,2CAuB5B"}

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

@@ -0,0 +1,11 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import PricingStrategyEditor from "@myrjfa/ui/dist/misc/pricing-strategy-editor";
+export default function PackagePricingSection({ pricing, onPricingChange, }) {
+    return (_jsx(PricingStrategyEditor, { currency: pricing.currency, strategies: pricing.pricingStrategies, onCurrencyChange: (currency) => onPricingChange({
+            ...pricing,
+            currency,
+        }), onStrategiesChange: (pricingStrategies) => onPricingChange({
+            ...pricing,
+            pricingStrategies,
+        }), cardClassName: "rounded-[2rem] border-slate-100 shadow-lg shadow-slate-200/40", descriptionPlaceholder: "e.g. Double sharing, triple sharing, delhi to delhi, deluxe plan", descriptionHelperText: "Mention room sharing, pickup points, package tier, inclusions, or other differences between pricing options.", featureType: "package" }));
+}

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

@@ -0,0 +1,12 @@
+import { type Pricing } from "@myrjfa/state/dist/lib/models/pricing";
+type ReviewItem = {
+    label: string;
+    value: string;
+};
+type PackageReviewSectionProps = {
+    reviewItems: ReviewItem[];
+    pricing: Pricing;
+};
+export default function PackageReviewSection({ reviewItems, pricing }: PackageReviewSectionProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=PackageReviewSection.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PackageReviewSection.d.ts","sourceRoot":"","sources":["../../../src/components/form-sections/PackageReviewSection.tsx"],"names":[],"mappings":"AAKA,OAAO,EAEL,KAAK,OAAO,EAEb,MAAM,uCAAuC,CAAC;AAG/C,KAAK,UAAU,GAAG;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,KAAK,yBAAyB,GAAG;IAC/B,WAAW,EAAE,UAAU,EAAE,CAAC;IAC1B,OAAO,EAAE,OAAO,CAAC;CAClB,CAAC;AAaF,MAAM,CAAC,OAAO,UAAU,oBAAoB,CAAC,EAAE,WAAW,EAAE,OAAO,EAAE,EAAE,yBAAyB,2CA0F/F"}

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

@@ -0,0 +1,26 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Card, CardContent, CardHeader, CardTitle } from "@myrjfa/ui/dist/misc/card";
+import ReviewConfirmationCard from "@myrjfa/ui/dist/components/create-flow/ReviewConfirmationCard";
+import ReviewMetricGrid from "@myrjfa/ui/dist/components/create-flow/ReviewMetricGrid";
+import { calculatePricingStrategyUnitTotal, } from "@myrjfa/state/dist/lib/models/pricing";
+import { CreditCard, PackageCheck } from "lucide-react";
+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 PackageReviewSection({ reviewItems, pricing }) {
+    var _a;
+    const currency = pricing.currency || "INR";
+    const strategies = ((_a = pricing.pricingStrategies) === null || _a === void 0 ? void 0 : _a.length) ? pricing.pricingStrategies : [];
+    return (_jsxs(_Fragment, { children: [_jsxs(Card, { className: "rounded-[2rem] border-slate-100 shadow-lg shadow-slate-200/40", children: [_jsx(CardHeader, { className: "px-4 sm:px-6", children: _jsx(CardTitle, { children: "Review Your Package" }) }), _jsx(CardContent, { className: "px-4 sm:px-6", children: _jsx(ReviewMetricGrid, { items: reviewItems, itemClassName: "rounded-2xl border border-slate-200 bg-slate-50 px-3 py-3 sm:px-4" }) })] }), _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: "Pricing Strategies" })] }) }), _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 and the base package amount configured for that option." }), _jsx("div", { className: "space-y-4", children: strategies.map((strategy, index) => {
+                                    const guestPays = calculatePricingStrategyUnitTotal(strategy);
+                                    const basePackage = Number(strategy.finalBasePrice || 0);
+                                    return (_jsxs("div", { className: "rounded-2xl border border-primary/10 bg-white p-4 shadow-sm sm:p-5", children: [_jsxs("div", { className: "mb-4 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(PackageCheck, { 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: "Package Base" }), _jsx("p", { className: "mt-2 text-2xl font-black", children: formatMoney(basePackage, currency) })] })] })] }, index));
+                                }) })] })] }), _jsx(ReviewConfirmationCard, { title: "Publishing Confirmation", body: "By publishing this event, you agree that you are the rightful organizer and the information provided is accurate.", className: "rounded-[2rem] border border-slate-100 bg-white p-4 shadow-lg shadow-slate-200/40 sm:p-6" })] }));
+}

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

@@ -0,0 +1,12 @@
+import type { UseFormReturn } from "react-hook-form";
+type RentalBasicsSectionProps = {
+    form: UseFormReturn<any>;
+    isAdmin: boolean;
+    hostUsername: string;
+    onHostUsernameChange: (value: string) => void;
+    availableBrands: string[];
+    availableModels: string[];
+};
+export default function RentalBasicsSection({ form, isAdmin, hostUsername, onHostUsernameChange, availableBrands, availableModels, }: RentalBasicsSectionProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=RentalBasicsSection.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RentalBasicsSection.d.ts","sourceRoot":"","sources":["../../../src/components/form-sections/RentalBasicsSection.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AA8BrD,KAAK,wBAAwB,GAAG;IAC9B,IAAI,EAAE,aAAa,CAAC,GAAG,CAAC,CAAC;IACzB,OAAO,EAAE,OAAO,CAAC;IACjB,YAAY,EAAE,MAAM,CAAC;IACrB,oBAAoB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9C,eAAe,EAAE,MAAM,EAAE,CAAC;IAC1B,eAAe,EAAE,MAAM,EAAE,CAAC;CAC3B,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,mBAAmB,CAAC,EAC1C,IAAI,EACJ,OAAO,EACP,YAAY,EACZ,oBAAoB,EACpB,eAAe,EACf,eAAe,GAChB,EAAE,wBAAwB,2CAmS1B"}

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

@@ -0,0 +1,91 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useState } from "react";
+import { Input } from "@myrjfa/ui/dist/misc/input";
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@myrjfa/ui/dist/misc/select";
+import { FormControl, FormField, FormItem, FormLabel, } from "@myrjfa/ui/dist/misc/form";
+import { Car } from "lucide-react";
+const RENTAL_CATEGORIES = [
+    { key: "bike", label: "Bike", emoji: "🏍️" },
+    { key: "scooty", label: "Scooter", emoji: "🛵" },
+    { key: "car", label: "Car", emoji: "🚗" },
+    { key: "suv", label: "SUV", emoji: "🚙" },
+    { key: "cycle", label: "Cycle", emoji: "🚲" },
+    { key: "electric-bike", label: "Electric Bike", emoji: "⚡" },
+    { key: "electric-car", label: "Electric Car", emoji: "🔋" },
+    { key: "tempo-traveller", label: "Tempo Traveller", emoji: "🚐" },
+    { key: "campervan", label: "Campervan", emoji: "🏕️" },
+    { key: "other", label: "Other", emoji: "✨" },
+];
+const KNOWN_RENTAL_CATEGORY_KEYS = RENTAL_CATEGORIES
+    .filter((item) => item.key !== "other")
+    .map((item) => item.key);
+const OTHER_OPTION = "Other";
+const updateFieldOptions = { shouldDirty: true, shouldTouch: true };
+export default function RentalBasicsSection({ form, isAdmin, hostUsername, onHostUsernameChange, availableBrands, availableModels, }) {
+    const [brandOtherSelected, setBrandOtherSelected] = useState(false);
+    const [modelOtherSelected, setModelOtherSelected] = useState(false);
+    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(Car, { className: "h-6 w-6 text-primary" }), _jsx("h2", { className: "text-2xl font-bold text-gray-900", children: "Basics" })] }), isAdmin ? (_jsxs("div", { className: "space-y-2", children: [_jsx("label", { className: "text-[11px] font-bold uppercase tracking-[0.2em] text-gray-400", children: "Host Username" }), _jsx(Input, { value: hostUsername, onChange: (e) => onHostUsernameChange(e.target.value), placeholder: "e.g. johndoehost", 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" })] })) : null, _jsxs("div", { className: "grid grid-cols-1 gap-6 md:grid-cols-2", children: [_jsx(FormField, { control: form.control, name: "vehicleType", render: ({ field }) => (_jsxs(FormItem, { className: "md:col-span-2", children: [_jsx(FormLabel, { className: "text-[11px] font-bold uppercase tracking-[0.2em] text-gray-400", children: "Category" }), _jsx("div", { className: "sm:hidden", children: _jsxs(Select, { onValueChange: (val) => {
+                                            form.setValue("vehicleType", val === "other" ? "" : val, updateFieldOptions);
+                                            form.setValue("brand", "", updateFieldOptions);
+                                            form.setValue("model", "", updateFieldOptions);
+                                            setBrandOtherSelected(false);
+                                            setModelOtherSelected(false);
+                                        }, value: KNOWN_RENTAL_CATEGORY_KEYS.includes(field.value) ? field.value : "other", 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" }) }) }), _jsx(SelectContent, { children: RENTAL_CATEGORIES.map((category) => (_jsx(SelectItem, { value: category.key, children: _jsxs("span", { className: "flex items-center gap-3", children: [_jsx("span", { className: "text-lg leading-none", children: category.emoji }), _jsx("span", { children: category.label })] }) }, category.key))) })] }) }), _jsx("div", { className: "hidden gap-3 sm:grid sm:grid-cols-3 lg:grid-cols-4", children: RENTAL_CATEGORIES.map((category) => {
+                                        const selected = category.key === "other"
+                                            ? !KNOWN_RENTAL_CATEGORY_KEYS.includes(field.value)
+                                            : field.value === category.key;
+                                        return (_jsxs("button", { type: "button", onClick: () => {
+                                                form.setValue("vehicleType", category.key === "other" ? "" : category.key, updateFieldOptions);
+                                                form.setValue("brand", "", updateFieldOptions);
+                                                form.setValue("model", "", updateFieldOptions);
+                                                setBrandOtherSelected(false);
+                                                setModelOtherSelected(false);
+                                            }, className: `flex min-h-28 flex-col items-center justify-center rounded-3xl border-2 p-4 text-center transition-all duration-300 ${selected
+                                                ? "scale-[1.02] border-primary bg-primary/5 text-primary shadow-md"
+                                                : "border-gray-50 bg-gray-50/30 text-gray-500 hover:border-gray-200"}`, children: [_jsx("span", { className: "mb-2 text-3xl", children: category.emoji }), _jsx("span", { className: "text-xs font-black leading-tight", children: category.label })] }, category.key));
+                                    }) }), !KNOWN_RENTAL_CATEGORY_KEYS.includes(field.value) && (_jsx(FormControl, { children: _jsx(Input, { type: "text", value: field.value || "", onChange: (e) => {
+                                            form.setValue("vehicleType", e.target.value, updateFieldOptions);
+                                            form.setValue("brand", "", updateFieldOptions);
+                                            form.setValue("model", "", updateFieldOptions);
+                                            setBrandOtherSelected(false);
+                                            setModelOtherSelected(false);
+                                        }, placeholder: "Enter custom rental category...", className: "mt-4 h-14 w-full rounded-2xl border-2 border-primary bg-primary/5 px-6 py-5 font-bold text-gray-900 outline-none transition-all focus:border-primary" }) }))] })) }), _jsx(FormField, { control: form.control, name: "brand", render: ({ field }) => {
+                            const brandOptions = availableBrands.includes(OTHER_OPTION)
+                                ? availableBrands
+                                : [...availableBrands, OTHER_OPTION];
+                            const isCustomBrand = Boolean(field.value) &&
+                                availableBrands.length > 0 &&
+                                !availableBrands.includes(field.value);
+                            const showCustomBrandInput = brandOtherSelected || isCustomBrand;
+                            return (_jsxs(FormItem, { children: [_jsx(FormLabel, { className: "text-[11px] font-bold uppercase tracking-[0.2em] text-gray-400", children: "Brand / Company" }), availableBrands.length > 0 ? (_jsxs(_Fragment, { children: [_jsxs(Select, { onValueChange: (val) => {
+                                                    const isOther = val === OTHER_OPTION;
+                                                    setBrandOtherSelected(isOther);
+                                                    setModelOtherSelected(false);
+                                                    form.setValue("brand", isOther ? "" : val, updateFieldOptions);
+                                                    form.setValue("model", "", updateFieldOptions);
+                                                }, value: showCustomBrandInput ? OTHER_OPTION : 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 brand" }) }) }), _jsx(SelectContent, { children: brandOptions.map((brand) => (_jsx(SelectItem, { value: brand, children: brand }, brand))) })] }), showCustomBrandInput && (_jsx(FormControl, { children: _jsx(Input, { value: field.value || "", onChange: (e) => {
+                                                        form.setValue("brand", e.target.value, updateFieldOptions);
+                                                        form.setValue("model", "", updateFieldOptions);
+                                                        setModelOtherSelected(false);
+                                                    }, placeholder: "Enter custom brand or company...", className: "mt-4 h-14 w-full rounded-2xl border-2 border-primary bg-primary/5 px-6 py-5 font-bold text-gray-900 outline-none transition-all focus:border-primary" }) }))] })) : (_jsx(FormControl, { children: _jsx(Input, { placeholder: "e.g., Royal Enfield", 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: "model", render: ({ field }) => {
+                            const modelOptions = availableModels.includes(OTHER_OPTION)
+                                ? availableModels
+                                : [...availableModels, OTHER_OPTION];
+                            const isCustomModel = Boolean(field.value) &&
+                                availableModels.length > 0 &&
+                                !availableModels.includes(field.value);
+                            const showCustomModelInput = modelOtherSelected || isCustomModel;
+                            return (_jsxs(FormItem, { children: [_jsx(FormLabel, { className: "text-[11px] font-bold uppercase tracking-[0.2em] text-gray-400", children: "Vehicle Model" }), availableModels.length > 0 ? (_jsxs(_Fragment, { children: [_jsxs(Select, { onValueChange: (val) => {
+                                                    const isOther = val === OTHER_OPTION;
+                                                    setModelOtherSelected(isOther);
+                                                    form.setValue("model", isOther ? "" : val, updateFieldOptions);
+                                                }, value: showCustomModelInput ? OTHER_OPTION : 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 model" }) }) }), _jsx(SelectContent, { children: modelOptions.map((model) => (_jsx(SelectItem, { value: model, children: model }, model))) })] }), showCustomModelInput && (_jsx(FormControl, { children: _jsx(Input, { value: field.value || "", onChange: (e) => form.setValue("model", e.target.value, updateFieldOptions), placeholder: "Enter custom vehicle model...", className: "mt-4 h-14 w-full rounded-2xl border-2 border-primary bg-primary/5 px-6 py-5 font-bold text-gray-900 outline-none transition-all focus:border-primary" }) }))] })) : (_jsx(FormControl, { children: _jsx(Input, { placeholder: "e.g., Himalayan 400", 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: "year", render: ({ field }) => (_jsxs(FormItem, { children: [_jsx(FormLabel, { className: "text-[11px] font-bold uppercase tracking-[0.2em] text-gray-400", children: "Model Year" }), _jsx(FormControl, { children: _jsx(Input, { type: "number", min: 2000, max: new Date().getFullYear(), placeholder: "e.g., 2022", 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) => {
+                                            const rawValue = e.target.value;
+                                            if (rawValue.length <= 4) {
+                                                field.onChange(parseInt(rawValue, 10) || undefined);
+                                            }
+                                        } }) })] })) })] })] }));
+}

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

@@ -0,0 +1,9 @@
+import type { UseFormReturn } from "react-hook-form";
+import type { RentalFormValues } from "@myrjfa/state/dist/lib/rentalFormPage";
+type RentalCapacitySectionProps = {
+    form: UseFormReturn<any>;
+    onPricingChange: (pricing: NonNullable<RentalFormValues["pricing"]>) => void;
+};
+export default function RentalCapacitySection({ form, onPricingChange, }: RentalCapacitySectionProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=RentalCapacitySection.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RentalCapacitySection.d.ts","sourceRoot":"","sources":["../../../src/components/form-sections/RentalCapacitySection.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAYrD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,uCAAuC,CAAC;AAE9E,KAAK,0BAA0B,GAAG;IAChC,IAAI,EAAE,aAAa,CAAC,GAAG,CAAC,CAAC;IACzB,eAAe,EAAE,CAAC,OAAO,EAAE,WAAW,CAAC,gBAAgB,CAAC,SAAS,CAAC,CAAC,KAAK,IAAI,CAAC;CAC9E,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,qBAAqB,CAAC,EAC5C,IAAI,EACJ,eAAe,GAChB,EAAE,0BAA0B,2CAiH5B"}

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

@@ -0,0 +1,23 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import PricingStrategyEditor from "@myrjfa/ui/dist/misc/pricing-strategy-editor";
+import { TimeSelect } from "@myrjfa/ui/dist/misc/time-select";
+import { Input } from "@myrjfa/ui/dist/misc/input";
+import { FormControl, FormDescription, FormField, FormItem, FormLabel, } from "@myrjfa/ui/dist/misc/form";
+import { Clock, CreditCard } from "lucide-react";
+export default function RentalCapacitySection({ form, onPricingChange, }) {
+    var _a, _b, _c, _d;
+    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(CreditCard, { className: "h-6 w-6 text-primary" }), _jsx("h2", { className: "text-2xl font-bold text-gray-900", children: "Capacity" })] }), _jsx(FormField, { control: form.control, name: "inventoryCount", render: ({ field }) => (_jsxs(FormItem, { children: [_jsx(FormLabel, { className: "text-[11px] font-bold uppercase tracking-[0.2em] text-gray-400", children: "Inventory Available" }), _jsx(FormControl, { children: _jsx(Input, { type: "text", 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(FormDescription, { children: "Identical vehicles available for this listing." })] })) }), _jsxs("section", { className: "rounded-[2rem] border border-primary/10 bg-primary/5 p-6", children: [_jsxs("div", { className: "mb-5 flex items-center gap-3", children: [_jsx("div", { className: "flex h-10 w-10 items-center justify-center rounded-2xl bg-white shadow-sm", children: _jsx(Clock, { className: "h-5 w-5 text-primary" }) }), _jsxs("div", { children: [_jsx("h3", { className: "text-lg font-black text-gray-900", children: "Operating Hours" }), _jsx("p", { className: "mt-1 text-xs font-semibold text-gray-400", children: "Set the standard pickup and return window for this rental." })] })] }), _jsxs("div", { className: "grid grid-cols-1 gap-4 md:grid-cols-2", children: [_jsx(FormField, { control: form.control, name: "operatingHoursStart", render: ({ field }) => (_jsxs(FormItem, { children: [_jsx(FormLabel, { className: "text-[11px] font-bold uppercase tracking-[0.2em] text-gray-400", children: "Opening Time" }), _jsx(FormControl, { children: _jsx(TimeSelect, { value: field.value || "", onChange: field.onChange, placeholder: "Select opening time" }) })] })) }), _jsx(FormField, { control: form.control, name: "operatingHoursEnd", render: ({ field }) => (_jsxs(FormItem, { children: [_jsx(FormLabel, { className: "text-[11px] font-bold uppercase tracking-[0.2em] text-gray-400", children: "Closing Time" }), _jsx(FormControl, { children: _jsx(TimeSelect, { value: field.value || "", onChange: field.onChange, placeholder: "Select closing time" }) })] })) })] })] }), _jsx("div", { className: "space-y-6 border-t border-gray-100 pt-4", children: _jsx(PricingStrategyEditor, { currency: (_b = (_a = form.watch("pricing")) === null || _a === void 0 ? void 0 : _a.currency) !== null && _b !== void 0 ? _b : "INR", strategies: (_d = (_c = form.watch("pricing")) === null || _c === void 0 ? void 0 : _c.pricingStrategies) !== null && _d !== void 0 ? _d : [], onCurrencyChange: (currency) => {
+                        var _a, _b;
+                        return onPricingChange({
+                            pricingStrategies: (_b = (_a = form.watch("pricing")) === null || _a === void 0 ? void 0 : _a.pricingStrategies) !== null && _b !== void 0 ? _b : [],
+                            currency,
+                        });
+                    }, onStrategiesChange: (pricingStrategies) => {
+                        var _a, _b;
+                        return onPricingChange({
+                            currency: (_b = (_a = form.watch("pricing")) === null || _a === void 0 ? void 0 : _a.currency) !== null && _b !== void 0 ? _b : "INR",
+                            pricingStrategies,
+                        });
+                    }, title: "Rental Pricing", descriptionPlaceholder: "e.g. Self-drive day rental, with driver, weekly rate, helmet included", descriptionHelperText: "Mention the rental mode, duration basis, included gear, or mileage terms.", cardClassName: "rounded-[2rem] border border-gray-100 shadow-none", featureType: "rental" }) })] }));
+}

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

@@ -0,0 +1,10 @@
+import type { UseFormReturn } from "react-hook-form";
+import { type LocationData } from "@myrjfa/ui/dist/components/location/LocationPicker";
+type RentalLocationSectionProps = {
+    form: UseFormReturn<any>;
+    locationData: LocationData | null;
+    onLocationChange: (loc: LocationData) => void;
+};
+export default function RentalLocationSection({ form, locationData, onLocationChange, }: RentalLocationSectionProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=RentalLocationSection.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RentalLocationSection.d.ts","sourceRoot":"","sources":["../../../src/components/form-sections/RentalLocationSection.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAIrD,OAAuB,EAAE,KAAK,YAAY,EAAE,MAAM,oDAAoD,CAAC;AAIvG,KAAK,0BAA0B,GAAG;IAChC,IAAI,EAAE,aAAa,CAAC,GAAG,CAAC,CAAC;IACzB,YAAY,EAAE,YAAY,GAAG,IAAI,CAAC;IAClC,gBAAgB,EAAE,CAAC,GAAG,EAAE,YAAY,KAAK,IAAI,CAAC;CAC/C,CAAC;AAIF,MAAM,CAAC,OAAO,UAAU,qBAAqB,CAAC,EAC5C,IAAI,EACJ,YAAY,EACZ,gBAAgB,GACjB,EAAE,0BAA0B,2CAqF5B"}

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

@@ -0,0 +1,41 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Input } from "@myrjfa/ui/dist/misc/input";
+import { Label } from "@myrjfa/ui/dist/misc/label";
+import { MapPin } from "lucide-react";
+import LocationPicker from "@myrjfa/ui/dist/components/location/LocationPicker";
+import DestinationAutocomplete from "@myrjfa/ui/dist/components/DestinationAutocomplete";
+import StateAutocomplete from "@myrjfa/ui/dist/components/StateAutocomplete";
+const updateFieldOptions = { shouldDirty: true, shouldTouch: true };
+export default function RentalLocationSection({ form, locationData, onLocationChange, }) {
+    const city = form.watch("city") || "";
+    const state = form.watch("state") || "";
+    const address = form.watch("address") || "";
+    const locationSearchAddress = form.watch("locationSearchAddress") || "";
+    const pincode = form.watch("pincode") || "";
+    return (_jsxs("div", { className: "flex flex-col gap-8", children: [_jsxs("div", { className: "mb-6 flex items-center gap-3 border-b border-gray-100 pb-5", children: [_jsx(MapPin, { className: "h-6 w-6 text-primary" }), _jsx("h2", { className: "text-2xl font-bold text-gray-900", children: "Location Settings" })] }), _jsx("div", { children: _jsx(LocationPicker, { label: "Pin Pickup Location", placeholder: "Search by address, landmark or trailhead...", value: address && (locationData === null || locationData === void 0 ? void 0 : locationData.latitude) && (locationData === null || locationData === void 0 ? void 0 : locationData.longitude)
+                        ? {
+                            ...locationData,
+                            address: locationSearchAddress || address || locationData.address,
+                            searchAddress: locationSearchAddress || address || locationData.address,
+                            city: city || locationData.city,
+                            state: state || locationData.state,
+                            postalCode: pincode || locationData.postalCode,
+                        }
+                        : null, onChange: (loc) => {
+                        onLocationChange(loc);
+                        form.setValue("locationSearchAddress", loc.searchAddress || loc.address, updateFieldOptions);
+                        form.setValue("address", loc.address, updateFieldOptions);
+                        if (loc.city)
+                            form.setValue("city", loc.city, updateFieldOptions);
+                        if (loc.state)
+                            form.setValue("state", loc.state, updateFieldOptions);
+                        if (loc.postalCode)
+                            form.setValue("pincode", loc.postalCode, updateFieldOptions);
+                    } }) }), _jsxs("div", { className: "grid grid-cols-1 gap-6 sm:grid-cols-2", children: [_jsxs("div", { children: [_jsx(Label, { className: "mb-2 px-1 text-[11px] font-bold uppercase tracking-[0.2em] text-gray-400", children: "City" }), _jsx(DestinationAutocomplete, { value: city, onChange: (destination) => {
+                                    form.setValue("city", destination.name, updateFieldOptions);
+                                    if (destination.state) {
+                                        form.setValue("state", destination.state, updateFieldOptions);
+                                    }
+                                }, placeholder: "e.g. Manali", inputClassName: "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" })] }), _jsxs("div", { children: [_jsx(Label, { className: "mb-2 px-1 text-[11px] font-bold uppercase tracking-[0.2em] text-gray-400", children: "State" }), _jsx(StateAutocomplete, { value: state, onChange: (nextState) => form.setValue("state", nextState, updateFieldOptions), placeholder: "e.g. Himachal Pradesh", inputClassName: "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" })] })] }), _jsxs("div", { children: [_jsx(Label, { className: "mb-2 px-1 text-[11px] font-bold uppercase tracking-[0.2em] text-gray-400", children: "Exact Pickup Address" }), _jsx(Input, { value: address, onChange: (event) => form.setValue("address", event.target.value, updateFieldOptions), placeholder: "Auto-filled from the pinned location", 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" })] })] }));
+}

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

@@ -0,0 +1,8 @@
+type RentalPhotosSectionProps = {
+    previewImages: string[];
+    onUpload: (e: React.ChangeEvent<HTMLInputElement>) => Promise<void>;
+    onRemove: (index: number) => void;
+};
+export default function RentalPhotosSection({ previewImages, onUpload, onRemove, }: RentalPhotosSectionProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=RentalPhotosSection.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RentalPhotosSection.d.ts","sourceRoot":"","sources":["../../../src/components/form-sections/RentalPhotosSection.tsx"],"names":[],"mappings":"AAKA,KAAK,wBAAwB,GAAG;IAC9B,aAAa,EAAE,MAAM,EAAE,CAAC;IACxB,QAAQ,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IACpE,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACnC,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,mBAAmB,CAAC,EAC1C,aAAa,EACb,QAAQ,EACR,QAAQ,GACT,EAAE,wBAAwB,2CAe1B"}

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

@@ -0,0 +1,7 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import MultiImageUploader from "@myrjfa/ui/dist/misc/multiImageUploader";
+import { ImageIcon } from "lucide-react";
+export default function RentalPhotosSection({ previewImages, onUpload, onRemove, }) {
+    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(ImageIcon, { className: "h-6 w-6 text-primary" }), _jsx("h2", { className: "text-2xl font-bold text-gray-900", children: "Photos" })] }), _jsx(MultiImageUploader, { previewImages: previewImages, handleImageUpload: onUpload, handleRemoveImage: onRemove, message: "Upload clear photos of the vehicle from multiple angles." })] }));
+}

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

@@ -0,0 +1,10 @@
+import { type Pricing } from "@myrjfa/state/dist/lib/models/pricing";
+type RentalReviewSectionProps = {
+    title: string;
+    pricing: Pricing;
+    vehicleModel?: string;
+    locationLabel?: string;
+};
+export default function RentalReviewSection({ title, pricing, vehicleModel, locationLabel, }: RentalReviewSectionProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=RentalReviewSection.d.ts.map