@myrjfa/ui 2.1.8 → 2.2.0

package/dist/misc/pricing-strategy-editor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pricing-strategy-editor.d.ts","sourceRoot":"","sources":["../../src/misc/pricing-strategy-editor.tsx"],"names":[],"mappings":"AAMA,OAAO,EAIL,KAAK,eAAe,EACrB,MAAM,uCAAuC,CAAC;AAQ/C,KAAK,0BAA0B,GAAG;IAChC,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,eAAe,EAAE,CAAC;IAC9B,gBAAgB,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7C,kBAAkB,EAAE,CAAC,UAAU,EAAE,eAAe,EAAE,KAAK,IAAI,CAAC;IAC5D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAoBF,MAAM,CAAC,OAAO,UAAU,qBAAqB,CAAC,EAC5C,QAAQ,EACR,UAAU,EACV,gBAAgB,EAChB,kBAAkB,EAClB,KAAiB,EACjB,aAAa,EACb,sBAAwG,EACxG,qBAAwG,EACxG,SAAiB,EACjB,WAAuB,EACvB,WAAuB,GACxB,EAAE,0BAA0B,2CAsN5B"}

package/dist/misc/pricing-strategy-editor.js

@@ -0,0 +1,80 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useMemo, useState } from "react";
+import { Plus, Trash2 } from "lucide-react";
+import { getCurrencies } from "@myrjfa/state/dist/lib/data/countryStates";
+import { getPlatformPricingFees } from "@myrjfa/state/dist/lib/adminDashboardActions";
+import { calculatePricingFees, calculatePricingStrategyUnitTotal, } from "@myrjfa/state/dist/lib/models/pricing";
+import { Button } from "./button";
+import { Card, CardContent, CardHeader, CardTitle } from "./card";
+import { Filter } from "./filter";
+import { Input } from "./input";
+import { Label } from "./label";
+import { Textarea } from "./textarea";
+const emptyStrategy = () => ({
+    basePrice: 0,
+    finalBasePrice: 0,
+    description: "",
+    sortOrder: 0,
+    isActive: true,
+    gst: 0,
+    governmentTaxes: 0,
+    convenienceFee: 0,
+    platformFee: 0,
+});
+const normalizeCurrency = (value) => (value || "INR").toUpperCase();
+const parseOptionalNumber = (value) => typeof value === "number" ? value : value.trim() === "" ? undefined : Number(value);
+const numberInputValue = (value) => value == null || Number.isNaN(Number(value)) ? "" : String(value);
+export default function PricingStrategyEditor({ currency, strategies, onCurrencyChange, onStrategiesChange, title = "Pricing", cardClassName, descriptionPlaceholder = "e.g. Standard admission, premium seat, double sharing, guided half-day option", descriptionHelperText = "Describe what this pricing option includes so guests can choose the right one.", priceOnly = false, featureType = "default", supportType = "default", }) {
+    const selectedCurrency = normalizeCurrency(currency);
+    const [feeConfigs, setFeeConfigs] = useState([]);
+    useEffect(() => {
+        let cancelled = false;
+        getPlatformPricingFees().then((res) => {
+            if (!cancelled && res.success)
+                setFeeConfigs(res.data || []);
+        });
+        return () => {
+            cancelled = true;
+        };
+    }, []);
+    const feeContext = useMemo(() => ({ featureType, supportType }), [featureType, supportType]);
+    const formatMoney = (value) => new Intl.NumberFormat("en-IN", {
+        style: "currency",
+        currency: selectedCurrency,
+        maximumFractionDigits: 0,
+    }).format(Number(value) || 0);
+    const updateStrategy = (index, field, value) => {
+        onStrategiesChange(strategies.map((strategy, strategyIndex) => strategyIndex === index
+            ? { ...strategy, [field]: parseOptionalNumber(value) }
+            : strategy));
+    };
+    const updateDescription = (index, description) => {
+        onStrategiesChange(strategies.map((strategy, strategyIndex) => strategyIndex === index ? { ...strategy, description } : strategy));
+    };
+    const addStrategy = () => {
+        onStrategiesChange([...strategies, emptyStrategy()]);
+    };
+    const removeStrategy = (index) => {
+        onStrategiesChange(strategies.filter((_, strategyIndex) => strategyIndex !== index));
+    };
+    const getPreviewStrategy = (strategy) => {
+        const finalBasePrice = Number(strategy.finalBasePrice || 0);
+        const fees = calculatePricingFees(finalBasePrice, selectedCurrency, feeConfigs, feeContext);
+        return {
+            ...strategy,
+            ...fees,
+            fees,
+            guestTotal: calculatePricingStrategyUnitTotal({ finalBasePrice, ...fees }),
+        };
+    };
+    return (_jsxs(Card, { className: cardClassName, children: [_jsx(CardHeader, { className: "px-4 sm:px-6", children: _jsx(CardTitle, { children: title }) }), _jsxs(CardContent, { id: "pricingStrategy", className: "space-y-5 px-4 sm:space-y-6 sm:px-6", children: [!priceOnly && (_jsxs("div", { className: "space-y-2", children: [_jsx(Label, { children: "Currency" }), _jsx("div", { className: "w-full border border-input rounded-md text-sm shadow-sm focus-within:ring-2 focus-within:ring-muted", children: _jsx(Filter, { label: "Currency", formType: "autoComplete", selectedValue: selectedCurrency, values: getCurrencies().map((currency) => currency.toUpperCase()), onChange: (value) => {
+                                        const nextCurrency = normalizeCurrency(value);
+                                        onCurrencyChange(nextCurrency);
+                                    } }) })] })), priceOnly && (_jsx("div", { className: "rounded-2xl border border-blue-100 bg-blue-50 px-4 py-3 text-sm font-bold text-blue-800", children: "Date range pricing keeps the existing strategy options locked. Only Base Price and Final Base Price can be changed here." })), strategies.map((strategy, index) => (_jsxs("div", { className: "space-y-5 rounded-2xl border p-3 sm:p-4", children: [Number(strategy.finalBasePrice) > Number(strategy.basePrice) && (_jsx("div", { className: "rounded-2xl border border-red-100 bg-red-50 px-4 py-3 text-sm font-bold text-red-700", children: "Final base price cannot be greater than base price." })), _jsxs("div", { className: "flex items-start justify-between gap-3", children: [_jsxs("h3", { className: "font-semibold", children: ["Pricing ", index + 1] }), !priceOnly && (_jsxs(Button, { type: "button", onClick: () => removeStrategy(index), variant: "ghost", size: "sm", className: "shrink-0 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 gap-4 md:grid-cols-2", children: [_jsxs("div", { className: "space-y-2", children: [_jsx(Label, { children: "Base Price" }), _jsx(Input, { type: "number", min: 0, value: numberInputValue(strategy.basePrice), showZeroAsEmpty: true, onChange: (e) => updateStrategy(index, "basePrice", e.target.value) })] }), _jsxs("div", { className: "space-y-2", children: [_jsx(Label, { children: "Final Base Price" }), _jsx(Input, { type: "number", min: 0, value: numberInputValue(strategy.finalBasePrice), showZeroAsEmpty: true, onChange: (e) => updateStrategy(index, "finalBasePrice", e.target.value) })] })] }), _jsxs("div", { className: "rounded-2xl border border-slate-100 bg-slate-50 p-3 sm:p-4", children: [_jsxs("div", { className: "mb-3 flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between", children: [_jsxs("div", { children: [_jsx("p", { className: "text-xs font-bold uppercase tracking-[0.18em] text-slate-400", children: "Guest Preview" }), _jsxs("div", { className: "mt-1 flex flex-wrap items-end gap-2", children: [(strategy.basePrice || 0) > (strategy.finalBasePrice || 0) && (_jsx("span", { className: "text-sm font-bold text-slate-400 line-through", children: formatMoney(strategy.basePrice || 0) })), _jsx("span", { className: "text-2xl font-black text-slate-900", children: formatMoney(strategy.finalBasePrice || 0) }), (strategy.basePrice || 0) > (strategy.finalBasePrice || 0) && (_jsxs("span", { className: "rounded-full bg-emerald-50 px-2 py-1 text-xs font-black text-emerald-700", children: [Math.round((((strategy.basePrice || 0) - (strategy.finalBasePrice || 0)) / (strategy.basePrice || 1)) * 100), "% off"] }))] })] }), _jsx("div", { className: "text-xs font-bold text-slate-400 sm:text-right", children: "Fees calculated from platform settings" })] }), _jsx("div", { className: "grid gap-2 text-sm md:grid-cols-2", children: [
+                                            ["GST", getPreviewStrategy(strategy).gst || 0],
+                                            ["Government taxes", getPreviewStrategy(strategy).governmentTaxes || 0],
+                                            ["Convenience fee", getPreviewStrategy(strategy).convenienceFee || 0],
+                                            ["Platform fee", getPreviewStrategy(strategy).platformFee || 0],
+                                        ].map(([label, amount]) => (_jsxs("div", { className: "flex items-center justify-between rounded-xl bg-white px-3 py-2", children: [_jsx("span", { className: "text-slate-500", children: label }), _jsx("span", { className: "font-bold text-slate-800", children: formatMoney(Number(amount || 0)) })] }, label))) }), _jsxs("div", { className: "mt-3 flex items-center justify-between border-t border-slate-200 pt-3", children: [_jsx("span", { className: "text-sm font-black text-slate-700", children: "Total shown at checkout" }), _jsx("span", { className: "text-lg font-black text-primary", children: formatMoney(Number(getPreviewStrategy(strategy).guestTotal || 0)) })] })] }), !priceOnly && (_jsxs("div", { className: "space-y-2", children: [_jsx(Label, { children: "Details" }), _jsx(Textarea, { value: strategy.description || "", placeholder: descriptionPlaceholder, onChange: (e) => updateDescription(index, e.target.value) }), _jsx("p", { className: "px-1 text-xs font-semibold text-slate-400", children: descriptionHelperText })] }))] }, index))), !priceOnly && (_jsxs(Button, { type: "button", onClick: addStrategy, className: "flex justify-start", children: [_jsx(Plus, { className: "w-4 h-4 mr-2" }), "Add Pricing Strategy"] }))] })] }));
+}

package/dist/misc/progress.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsx as _jsx } from "react/jsx-runtime";
 import * as ProgressPrimitive from "@radix-ui/react-progress";
-import { cn } from "@myrjfa/state";
+import { cn } from "@myrjfa/state/dist/lib/utils";
 function Progress({ className, value, ...props }) {
     return (_jsx(ProgressPrimitive.Root, { "data-slot": "progress", className: cn("bg-primary/20 relative h-2 w-full overflow-hidden rounded-full", className), ...props, children: _jsx(ProgressPrimitive.Indicator, { "data-slot": "progress-indicator", className: "bg-primary h-full w-full flex-1 transition-all", style: { transform: `translateX(-${100 - (value || 0)}%)` } }) }));
 }

package/dist/misc/pwa-install-button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"pwa-install-button.d.ts","sourceRoot":"","sources":["../../src/misc/pwa-install-button.tsx"],"names":[],"mappings":"AAKA;;;;;;GAMG;AACH,wBAAgB,gBAAgB,mDA0M/B"}
+{"version":3,"file":"pwa-install-button.d.ts","sourceRoot":"","sources":["../../src/misc/pwa-install-button.tsx"],"names":[],"mappings":"AAKA;;;;;;GAMG;AACH,wBAAgB,gBAAgB,mDA2M/B"}

package/dist/misc/pwa-install-button.js

@@ -27,6 +27,8 @@ export function PwaInstallButton() {
             promptRef.current = e;
             setShow(true);
             setHiding(false);
+            if (timerRef.current)
+                clearTimeout(timerRef.current);
             timerRef.current = setTimeout(dismiss, 10000);
         };
         window.addEventListener('beforeinstallprompt', handler);

package/dist/misc/rental-tile.d.ts

@@ -1,4 +1,4 @@
-import { TileProps } from "@myrjfa/state";
+import { TileProps } from "@myrjfa/state/dist/lib/models/tile";
 export declare function RentalTile(props: TileProps & {
     onClick: () => void;
     clicked: boolean;

package/dist/misc/rental-tile.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"rental-tile.d.ts","sourceRoot":"","sources":["../../src/misc/rental-tile.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAI1C,wBAAgB,UAAU,CAAC,KAAK,EAAE,SAAS,GAAG;IAAE,OAAO,EAAE,MAAM,IAAI,CAAC;IAAC,OAAO,EAAE,OAAO,CAAA;CAAE,2CAsItF"}
+{"version":3,"file":"rental-tile.d.ts","sourceRoot":"","sources":["../../src/misc/rental-tile.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,SAAS,EAAE,MAAM,oCAAoC,CAAC;AAK/D,wBAAgB,UAAU,CAAC,KAAK,EAAE,SAAS,GAAG;IAAE,OAAO,EAAE,MAAM,IAAI,CAAC;IAAC,OAAO,EAAE,OAAO,CAAA;CAAE,2CAuJtF"}

package/dist/misc/rental-tile.js

@@ -1,23 +1,33 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState } from "react";
-import { CheckCircle2, Settings, Users, Fuel, Star, MapPin, Gauge, ChevronDown } from "lucide-react";
+import { CheckCircle2, Settings, Users, Fuel, Star, MapPin, Gauge, Loader2 } from "lucide-react";
 import Image from "next/image";
-import { cn } from "@myrjfa/state";
+import { useRouter } from "next/navigation";
+import { cn } from "@myrjfa/state/dist/lib/utils";
 import { Card } from "./card";
 import { Button } from "./button";
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "./select";
 export function RentalTile(props) {
     var _a;
     const [selectedPickupIndex, setSelectedPickupIndex] = useState(0);
-    const formatPrice = (p) => new Intl.NumberFormat('en-IN', { style: 'currency', currency: props.currency || 'INR', maximumFractionDigits: 0 }).format(p);
-    const titleStr = props.brand ? `${props.brand} ${props.model}` : props.title;
-    const currentPickup = (_a = props.pickupPoints) === null || _a === void 0 ? void 0 : _a[selectedPickupIndex];
-    const totalPrice = props.price || 0;
-    return (_jsxs(Card, { className: cn("h-full relative overflow-hidden flex flex-col bg-white border-0 shadow-sm ring-1 ring-slate-200/60 rounded-[24px] transition-all duration-500 hover:shadow-2xl hover:shadow-primary/10 hover:ring-primary/30 hover:-translate-y-1.5 group cursor-pointer", props.clicked && "opacity-60 pointer-events-none"), onClick: props.onClick, children: [_jsxs("div", { className: "absolute top-4 left-4 right-4 flex justify-between items-start z-20 pointer-events-none", children: [_jsx("div", { className: "flex flex-col gap-2", children: props.payAtPickup && (_jsxs("span", { className: "bg-emerald-500/90 text-white text-[10px] font-black uppercase tracking-wider px-3 py-1.5 rounded-full flex items-center gap-1.5 shadow-lg shadow-emerald-500/20 backdrop-blur-md", children: [_jsx(CheckCircle2, { className: "w-3 h-3" }), "Pay at Pickup"] })) }), _jsxs("div", { className: "flex flex-col items-end gap-2 pointer-events-auto", children: [(props.rating && props.rating > 0) ? (_jsxs("span", { className: "bg-white/95 text-slate-900 text-[11px] font-bold px-3 py-1.5 rounded-full shadow-lg flex items-center gap-1.5 border border-slate-100", children: [_jsx(Star, { className: "w-3.5 h-3.5 fill-amber-400 text-amber-400" }), _jsxs("span", { children: [props.rating, " ", _jsxs("span", { className: "font-semibold text-slate-400", children: ["(", props.reviewCount || 0, ")"] })] })] })) : null, (props.completedTrips && props.completedTrips > 0) ? (_jsxs("span", { className: "bg-slate-900/90 text-white text-[10px] font-bold px-3 py-1.5 rounded-full shadow-lg backdrop-blur-md", children: [props.completedTrips, " Trips"] })) : null] })] }), _jsxs("div", { className: "relative w-full aspect-[4/3] overflow-hidden", children: [_jsx("div", { className: "absolute inset-0 bg-slate-900/10 z-10 group-hover:bg-transparent transition-colors duration-500" }), _jsx(Image, { src: props.image || "/placeholder.jpg", alt: props.title, fill: true, sizes: "(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 25vw", className: "object-cover group-hover:scale-110 transition-transform duration-700 ease-out" }), _jsx("div", { className: "absolute bottom-0 left-0 right-0 h-1/2 bg-gradient-to-t from-white via-white/50 to-transparent z-10" })] }), _jsxs("div", { className: "flex-1 flex flex-col px-6 pb-6 -mt-10 relative z-20", children: [_jsxs("div", { className: "mb-5", children: [_jsx("h3", { className: "text-xl font-extrabold text-slate-900 tracking-tight leading-tight line-clamp-1 mb-1", title: titleStr, children: titleStr }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx("span", { className: "text-[10px] font-black uppercase tracking-widest text-primary bg-primary/10 px-2 py-0.5 rounded", children: props.vehicleType || "Vehicle" }), _jsxs("span", { className: "text-xs font-bold text-slate-400", children: ["Model ", props.date ? new Date(props.date).getFullYear() : '2024'] })] })] }), _jsx("div", { className: "grid grid-cols-3 gap-3 mb-6", children: [
-                            { icon: _jsx(Settings, { className: "w-4 h-4" }), label: props.transmission || 'Auto' },
-                            { icon: _jsx(Users, { className: "w-4 h-4" }), label: `${props.seatingCapacity || 2} Seats` },
-                            { icon: _jsx(Fuel, { className: "w-4 h-4" }), label: props.fuelType || 'Petrol' }
-                        ].map((spec, i) => (_jsxs("div", { className: "flex flex-col items-center justify-center bg-slate-50 rounded-2xl p-3 border border-slate-100/50 group-hover:bg-white group-hover:border-primary/20 transition-all duration-300", children: [_jsx("div", { className: "text-slate-400 group-hover:text-primary transition-colors mb-1.5", children: spec.icon }), _jsx("span", { className: "text-[10px] font-bold text-slate-600 uppercase tracking-tight text-center", children: spec.label })] }, i))) }), _jsxs("div", { className: "relative mb-6", children: [_jsx("div", { className: "absolute -top-2 left-3 bg-white px-1.5 text-[10px] font-black uppercase tracking-widest text-slate-400 z-10 transition-colors group-hover:text-primary", children: "Available At" }), _jsxs("div", { className: "relative bg-slate-50/50 rounded-2xl border border-slate-100 group-hover:border-primary/20 transition-all", children: [_jsx(MapPin, { className: "absolute left-4 top-1/2 -translate-y-1/2 w-4 h-4 text-primary" }), _jsx("select", { className: "w-full bg-transparent pl-11 pr-4 py-3.5 text-sm font-bold text-slate-700 appearance-none focus:outline-none cursor-pointer", value: selectedPickupIndex, onChange: (e) => {
-                                            e.stopPropagation();
-                                            setSelectedPickupIndex(Number(e.target.value));
-                                        }, onClick: (e) => e.stopPropagation(), children: props.pickupPoints && props.pickupPoints.length > 0 ? (props.pickupPoints.map((point, idx) => (_jsx("option", { value: idx, children: point.name }, idx)))) : (_jsx("option", { children: props.location || "Location Not Set" })) }), _jsx("div", { className: "absolute right-4 top-1/2 -translate-y-1/2 pointer-events-none text-slate-400", children: _jsx(ChevronDown, { className: "w-4 h-4" }) })] })] }), _jsxs("div", { className: "mt-auto flex items-center justify-between gap-4 pt-1 border-t border-slate-100 pt-5", children: [_jsxs("div", { className: "flex flex-col", children: [_jsxs("div", { className: "flex items-baseline gap-1.5", children: [_jsx("span", { className: "text-3xl font-black text-slate-900 tracking-tighter", children: formatPrice(totalPrice) }), _jsx("span", { className: "text-xs font-bold text-slate-400 uppercase", children: "/day" })] }), _jsxs("div", { className: "flex items-center gap-1.5 mt-1", children: [_jsx(Gauge, { className: "w-3.5 h-3.5 text-primary" }), _jsx("span", { className: "text-[11px] font-bold text-slate-500", children: props.distanceLimit || 'No distance limit' })] })] }), _jsx(Button, { className: "rounded-2xl px-8 h-14 font-black uppercase tracking-widest text-xs shadow-xl shadow-primary/20 hover:shadow-primary/30 transition-all", onClick: props.onClick, children: "Book Now" })] })] })] }));
+    const router = useRouter();
+    const variants = ((_a = props.rentalVariants) === null || _a === void 0 ? void 0 : _a.length) ? props.rentalVariants : [props];
+    const selectedRental = variants[selectedPickupIndex] || variants[0] || props;
+    const [navigating, setNavigating] = useState(false);
+    const formatPrice = (p) => new Intl.NumberFormat('en-IN', { style: 'currency', currency: selectedRental.currency || 'INR', maximumFractionDigits: 0 }).format(p);
+    const titleStr = selectedRental.brand ? `${selectedRental.brand} ${selectedRental.model}` : selectedRental.title;
+    const totalPrice = selectedRental.price || 0;
+    const clicked = props.clicked || navigating;
+    const navigateToSelectedRental = () => {
+        var _a;
+        if (clicked)
+            return;
+        setNavigating(true);
+        router.push((_a = selectedRental.href) !== null && _a !== void 0 ? _a : `/rentals/${selectedRental.slug}`);
+    };
+    return (_jsxs(Card, { className: cn("h-full relative overflow-hidden flex flex-col bg-white border-0 shadow-sm ring-1 ring-slate-200/60 rounded-[24px] transition-all duration-500 hover:shadow-2xl hover:shadow-primary/10 hover:ring-primary/30 hover:-translate-y-1.5 group cursor-pointer", clicked && "opacity-60 pointer-events-none"), onClick: navigateToSelectedRental, children: [clicked && (_jsx("div", { className: "absolute inset-0 z-40 flex items-center justify-center rounded-[24px] bg-white/70 backdrop-blur-[1px]", children: _jsx(Loader2, { className: "h-7 w-7 animate-spin text-slate-700" }) })), _jsxs("div", { className: "absolute top-4 left-4 right-4 flex justify-between items-start z-20 pointer-events-none", children: [_jsx("div", { className: "flex flex-col gap-2", children: selectedRental.payAtPickup && (_jsxs("span", { className: "bg-emerald-500/90 text-white text-[10px] font-black uppercase tracking-wider px-3 py-1.5 rounded-full flex items-center gap-1.5 shadow-lg shadow-emerald-500/20 backdrop-blur-md", children: [_jsx(CheckCircle2, { className: "w-3 h-3" }), "Pay at Pickup"] })) }), _jsxs("div", { className: "flex flex-col items-end gap-2 pointer-events-auto", children: [(selectedRental.rating && selectedRental.rating > 0) ? (_jsxs("span", { className: "bg-white/95 text-slate-900 text-[11px] font-bold px-3 py-1.5 rounded-full shadow-lg flex items-center gap-1.5 border border-slate-100", children: [_jsx(Star, { className: "w-3.5 h-3.5 fill-amber-400 text-amber-400" }), _jsxs("span", { children: [selectedRental.rating, " ", _jsxs("span", { className: "font-semibold text-slate-400", children: ["(", selectedRental.reviewCount || 0, ")"] })] })] })) : null, (selectedRental.completedTrips && selectedRental.completedTrips > 0) ? (_jsxs("span", { className: "bg-slate-900/90 text-white text-[10px] font-bold px-3 py-1.5 rounded-full shadow-lg backdrop-blur-md", children: [selectedRental.completedTrips, " Trips"] })) : null] })] }), _jsxs("div", { className: "relative w-full aspect-[4/3] overflow-hidden", children: [_jsx("div", { className: "absolute inset-0 bg-slate-900/10 z-10 group-hover:bg-transparent transition-colors duration-500" }), _jsx(Image, { src: selectedRental.image || "/placeholder.jpg", alt: selectedRental.title, fill: true, sizes: "(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 25vw", className: "object-cover group-hover:scale-110 transition-transform duration-700 ease-out" }), _jsx("div", { className: "absolute bottom-0 left-0 right-0 h-1/2 bg-gradient-to-t from-white via-white/50 to-transparent z-10" })] }), _jsxs("div", { className: "flex-1 flex flex-col px-6 pb-6 -mt-10 relative z-20", children: [_jsxs("div", { className: "mb-5", children: [_jsx("h3", { className: "text-xl font-extrabold text-slate-900 tracking-tight leading-tight line-clamp-1 mb-1", title: titleStr, children: titleStr }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx("span", { className: "text-[10px] font-black uppercase tracking-widest text-primary bg-primary/10 px-2 py-0.5 rounded", children: selectedRental.vehicleType || "Vehicle" }), _jsxs("span", { className: "text-xs font-bold text-slate-400", children: ["Model ", selectedRental.date ? new Date(selectedRental.date).getFullYear() : '2024'] })] })] }), _jsx("div", { className: "grid grid-cols-3 gap-3 mb-6", children: [
+                            { icon: _jsx(Settings, { className: "w-4 h-4" }), label: selectedRental.transmission || 'Auto' },
+                            { icon: _jsx(Users, { className: "w-4 h-4" }), label: `${selectedRental.seatingCapacity || 2} Seats` },
+                            { icon: _jsx(Fuel, { className: "w-4 h-4" }), label: selectedRental.fuelType || 'Petrol' }
+                        ].map((spec, i) => (_jsxs("div", { className: "flex flex-col items-center justify-center bg-slate-50 rounded-2xl p-3 border border-slate-100/50 group-hover:bg-white group-hover:border-primary/20 transition-all duration-300", children: [_jsx("div", { className: "text-slate-400 group-hover:text-primary transition-colors mb-1.5", children: spec.icon }), _jsx("span", { className: "text-[10px] font-bold text-slate-600 uppercase tracking-tight text-center", children: spec.label })] }, i))) }), _jsxs("div", { className: "relative mb-6", children: [_jsx("div", { className: "absolute -top-2 left-3 bg-white px-1.5 text-[10px] font-black uppercase tracking-widest text-slate-400 z-10 transition-colors group-hover:text-primary", children: "Available At" }), _jsx("div", { onClick: (event) => event.stopPropagation(), children: _jsxs(Select, { value: String(selectedPickupIndex), onValueChange: (value) => setSelectedPickupIndex(Number(value)), children: [_jsx(SelectTrigger, { className: "h-12 w-full rounded-2xl border-slate-100 bg-slate-50/50 px-4 text-sm font-bold text-slate-700 shadow-none group-hover:border-primary/20 focus:ring-0 focus-visible:ring-2 focus-visible:ring-slate-200", children: _jsx(SelectValue, { placeholder: selectedRental.location || "Location Not Set" }) }), _jsx(SelectContent, { align: "start", className: "z-[340] rounded-2xl border-slate-200 p-1 shadow-xl", children: variants.length > 0 ? (variants.map((variant, idx) => (_jsx(SelectItem, { value: String(idx), className: "rounded-xl px-3 py-2.5 font-semibold", children: _jsxs("span", { className: "inline-flex items-center gap-2", children: [_jsx(MapPin, { className: "h-4 w-4 text-slate-400" }), variant.location || "Location Not Set"] }) }, idx)))) : (_jsx(SelectItem, { value: "0", className: "rounded-xl px-3 py-2.5 font-semibold", children: selectedRental.location || "Location Not Set" })) })] }) })] }), _jsxs("div", { className: "mt-auto flex items-center justify-between gap-4 pt-1 border-t border-slate-100 pt-5", children: [_jsxs("div", { className: "flex flex-col", children: [_jsxs("div", { className: "flex items-baseline gap-1.5", children: [_jsx("span", { className: "text-3xl font-black text-slate-900 tracking-tighter", children: formatPrice(totalPrice) }), _jsx("span", { className: "text-xs font-bold text-slate-400 uppercase", children: "/day" })] }), _jsxs("div", { className: "flex items-center gap-1.5 mt-1", children: [_jsx(Gauge, { className: "w-3.5 h-3.5 text-primary" }), _jsx("span", { className: "text-[11px] font-bold text-slate-500", children: selectedRental.distanceLimit || 'No distance limit' })] })] }), _jsx(Button, { className: "rounded-2xl px-8 h-14 font-black uppercase tracking-widest text-xs shadow-xl shadow-primary/20 hover:shadow-primary/30 transition-all", onClick: (event) => { event.stopPropagation(); navigateToSelectedRental(); }, children: "Book Now" })] })] })] }));
 }

package/dist/misc/scroll-area.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as ScrollAreaPrimitive from "@radix-ui/react-scroll-area";
-import { cn } from "@myrjfa/state";
+import { cn } from "@myrjfa/state/dist/lib/utils";
 function ScrollArea({ className, children, ...props }) {
     return (_jsxs(ScrollAreaPrimitive.Root, { "data-slot": "scroll-area", className: cn("relative", className), ...props, children: [_jsx(ScrollAreaPrimitive.Viewport, { "data-slot": "scroll-area-viewport", className: "ring-ring/10 dark:ring-ring/20 dark:outline-ring/40 outline-ring/50 size-full rounded-[inherit] transition-[color,box-shadow] focus-visible:ring-4 focus-visible:outline-1", children: children }), _jsx(ScrollBar, {}), _jsx(ScrollAreaPrimitive.Corner, {})] }));
 }

package/dist/misc/select.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as SelectPrimitive from "@radix-ui/react-select";
-import { cn } from "@myrjfa/state";
+import { cn } from "@myrjfa/state/dist/lib/utils";
 import { CheckIcon, ChevronDownIcon, ChevronUpIcon } from "lucide-react";
 function Select({ ...props }) {
     return _jsx(SelectPrimitive.Root, { "data-slot": "select", ...props });

package/dist/misc/separator.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsx as _jsx } from "react/jsx-runtime";
 import * as SeparatorPrimitive from "@radix-ui/react-separator";
-import { cn } from "@myrjfa/state";
+import { cn } from "@myrjfa/state/dist/lib/utils";
 function Separator({ className, orientation = "horizontal", decorative = true, ...props }) {
     return (_jsx(SeparatorPrimitive.Root, { "data-slot": "separator-root", decorative: decorative, orientation: orientation, className: cn("bg-border shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px", className), ...props }));
 }

package/dist/misc/sheet.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as SheetPrimitive from "@radix-ui/react-dialog";
-import { cn } from "@myrjfa/state";
+import { cn } from "@myrjfa/state/dist/lib/utils";
 import { XIcon } from "lucide-react";
 function Sheet({ ...props }) {
     return _jsx(SheetPrimitive.Root, { "data-slot": "sheet", ...props });

package/dist/misc/sidebar.js

@@ -1,8 +1,8 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Slot } from "@radix-ui/react-slot";
-import { useIsMobile } from "@myrjfa/state";
-import { cn } from "@myrjfa/state";
+import { useIsMobile } from "@myrjfa/state/dist/lib/hooks/use-mobile";
+import { cn } from "@myrjfa/state/dist/lib/utils";
 import { cva } from "class-variance-authority";
 import { PanelLeftIcon } from "lucide-react";
 import * as React from "react";

package/dist/misc/slider.js

@@ -2,7 +2,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import * as SliderPrimitive from "@radix-ui/react-slider";
-import { cn } from "@myrjfa/state";
+import { cn } from "@myrjfa/state/dist/lib/utils";
 const Slider = React.forwardRef(({ className, ...props }, ref) => {
     var _a;
     return (_jsxs(SliderPrimitive.Root, { ref: ref, className: cn("relative flex w-full touch-none select-none items-center", className), ...props, children: [_jsx(SliderPrimitive.Track, { className: "relative h-2 w-full grow overflow-hidden rounded-full bg-secondary", children: _jsx(SliderPrimitive.Range, { className: "absolute h-full bg-primary" }) }), (_a = (props.value || props.defaultValue || [0])) === null || _a === void 0 ? void 0 : _a.map((_, index) => (_jsx(SliderPrimitive.Thumb, { className: "block h-5 w-5 rounded-full border-2 border-primary bg-background ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50" }, index)))] }));

package/dist/misc/stateCard.d.ts

@@ -1,4 +1,4 @@
-import { CardType } from '@myrjfa/state';
+import { CardType } from "@myrjfa/state/dist/lib/models/props";
 export declare function StateCard({ state, index, className }: {
     state: CardType;
     index: number;

package/dist/misc/stateCard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"stateCard.d.ts","sourceRoot":"","sources":["../../src/misc/stateCard.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AAQxC,wBAAgB,SAAS,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE;IAAE,KAAK,EAAE,QAAQ,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,2CAsC5G"}
+{"version":3,"file":"stateCard.d.ts","sourceRoot":"","sources":["../../src/misc/stateCard.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,QAAQ,EAAE,MAAM,qCAAqC,CAAC;AAQ/D,wBAAgB,SAAS,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE;IAAE,KAAK,EAAE,QAAQ,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,2CAsC5G"}

package/dist/misc/stateCard.js

@@ -1,6 +1,6 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { cn } from '@myrjfa/state';
+import { cn } from "@myrjfa/state/dist/lib/utils";
 import { Loader2 } from 'lucide-react';
 import Image from 'next/image';
 import { useRouter } from 'next/navigation';

package/dist/misc/step-progress.d.ts

@@ -0,0 +1,16 @@
+import { type LucideIcon } from "lucide-react";
+type StepItem = {
+    label: string;
+    icon: LucideIcon;
+};
+type StepProgressProps = {
+    steps: StepItem[];
+    currentStep: number;
+    onStepClick?: (stepIndex: number) => void;
+    allowAllSteps?: boolean;
+    size?: "md" | "lg";
+    className?: string;
+};
+export default function StepProgress({ steps, currentStep, onStepClick, allowAllSteps, size, className, }: StepProgressProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=step-progress.d.ts.map

package/dist/misc/step-progress.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"step-progress.d.ts","sourceRoot":"","sources":["../../src/misc/step-progress.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAS,KAAK,UAAU,EAAE,MAAM,cAAc,CAAC;AAGtD,KAAK,QAAQ,GAAG;IACd,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,UAAU,CAAC;CAClB,CAAC;AAEF,KAAK,iBAAiB,GAAG;IACvB,KAAK,EAAE,QAAQ,EAAE,CAAC;IAClB,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAiBF,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EACnC,KAAK,EACL,WAAW,EACX,WAAW,EACX,aAAqB,EACrB,IAAW,EACX,SAAc,GACf,EAAE,iBAAiB,2CA4DnB"}

package/dist/misc/step-progress.js

@@ -0,0 +1,40 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Check } from "lucide-react";
+import { useEffect, useState } from "react";
+const sizeStyles = {
+    md: {
+        iconBox: "w-12 h-12",
+        icon: "w-6 h-6",
+        label: "text-[9px] mt-1",
+        connector: "w-8 h-1 mx-2 mb-5",
+    },
+    lg: {
+        iconBox: "w-14 h-14",
+        icon: "w-6 h-6",
+        label: "text-[10px] mt-2",
+        connector: "w-10 h-1 mx-3 mb-6",
+    },
+};
+export default function StepProgress({ steps, currentStep, onStepClick, allowAllSteps = false, size = "md", className = "", }) {
+    const styles = sizeStyles[size];
+    const [furthestStep, setFurthestStep] = useState(currentStep);
+    useEffect(() => {
+        setFurthestStep((step) => Math.max(step, currentStep));
+    }, [currentStep]);
+    return (_jsx("div", { className: `flex items-center gap-4 overflow-x-auto no-scrollbar px-1 ${className}`, children: steps.map((step, index) => {
+            const active = currentStep === index;
+            const doneStep = !active && (allowAllSteps || furthestStep > index);
+            const clickable = Boolean(onStepClick) && (allowAllSteps || index <= furthestStep);
+            const Icon = step.icon;
+            return (_jsxs("div", { className: "flex items-center flex-shrink-0", children: [_jsxs("button", { type: "button", onClick: () => {
+                            if (clickable) {
+                                onStepClick === null || onStepClick === void 0 ? void 0 : onStepClick(index);
+                            }
+                        }, disabled: !clickable, "aria-current": active ? "step" : undefined, className: `flex flex-col items-center gap-1 transition-all duration-300 ${!active && !doneStep && "opacity-40"} ${clickable ? "cursor-pointer hover:opacity-100 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-2 rounded-2xl" : "cursor-default"}`, children: [_jsx("div", { className: `${styles.iconBox} rounded-2xl flex items-center justify-center transition-all duration-300 ${active
+                                    ? "bg-primary text-white shadow-xl shadow-primary/30"
+                                    : doneStep
+                                        ? "bg-green-500 text-white"
+                                        : "bg-white"}`, children: doneStep ? (_jsx(Check, { className: styles.icon })) : (_jsx(Icon, { className: styles.icon })) }), _jsx("span", { className: `${styles.label} font-black uppercase tracking-widest`, children: step.label })] }), index < steps.length - 1 && (_jsx("div", { className: `${styles.connector} rounded-full transition-colors duration-500 ${allowAllSteps || index < furthestStep ? "bg-green-500" : "bg-gray-200"}` }))] }, `${step.label}-${index}`));
+        }) }));
+}

package/dist/misc/switch.js

@@ -2,7 +2,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from "react";
 import * as SwitchPrimitives from "@radix-ui/react-switch";
-import { cn } from "@myrjfa/state";
+import { cn } from "@myrjfa/state/dist/lib/utils";
 const Switch = React.forwardRef(({ className, ...props }, ref) => (_jsx(SwitchPrimitives.Root, { className: cn("peer inline-flex h-5 w-9 shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent shadow-sm transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=unchecked]:bg-input", className), ...props, ref: ref, children: _jsx(SwitchPrimitives.Thumb, { className: cn("pointer-events-none block h-4 w-4 rounded-full bg-background shadow-lg ring-0 transition-transform data-[state=checked]:translate-x-4 data-[state=unchecked]:translate-x-0") }) })));
 Switch.displayName = SwitchPrimitives.Root.displayName;
 export { Switch };

package/dist/misc/tabs.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsx as _jsx } from "react/jsx-runtime";
 import * as TabsPrimitive from "@radix-ui/react-tabs";
-import { cn } from "@myrjfa/state";
+import { cn } from "@myrjfa/state/dist/lib/utils";
 function Tabs({ className, ...props }) {
     return (_jsx(TabsPrimitive.Root, { "data-slot": "tabs", className: cn("flex flex-col gap-2", className), ...props }));
 }

package/dist/misc/tag-filter-input.d.ts

@@ -0,0 +1,16 @@
+type TagFilterInputProps = {
+    id: string;
+    label: string;
+    items: string[];
+    onAdd: (value: string) => void;
+    onRemove: (value: string) => void;
+    options?: string[];
+    placeholder?: string;
+    mode?: "filter" | "searchBox" | "manual";
+    chipClassName?: string;
+    errorMessage?: string;
+    helperText?: string;
+};
+export default function TagFilterInput({ id, label, items, onAdd, onRemove, options, placeholder, mode, chipClassName, errorMessage, helperText, }: TagFilterInputProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=tag-filter-input.d.ts.map

package/dist/misc/tag-filter-input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tag-filter-input.d.ts","sourceRoot":"","sources":["../../src/misc/tag-filter-input.tsx"],"names":[],"mappings":"AAUA,KAAK,mBAAmB,GAAG;IACzB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,EAAE,CAAC;IAChB,KAAK,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/B,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,QAAQ,GAAG,WAAW,GAAG,QAAQ,CAAC;IACzC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,EACrC,EAAE,EACF,KAAK,EACL,KAAK,EACL,KAAK,EACL,QAAQ,EACR,OAAO,EACP,WAAW,EACX,IAAe,EACf,aAAsF,EACtF,YAAY,EACZ,UAAU,GACX,EAAE,mBAAmB,2CA4ErB"}

package/dist/misc/tag-filter-input.js

@@ -0,0 +1,26 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { X } from "lucide-react";
+import { Badge } from "./badge";
+import { Button } from "./button";
+import { Filter } from "./filter";
+import { FormDescription, FormLabel } from "./form";
+import { Input } from "./input";
+import { SearchBox } from "./searchBox";
+export default function TagFilterInput({ id, label, items, onAdd, onRemove, options, placeholder, mode = "filter", chipClassName = "flex items-center gap-2 bg-primary/10 text-primary border-primary/20", errorMessage, helperText, }) {
+    return (_jsxs("div", { id: id, className: "space-y-2", children: [_jsx("div", { children: _jsx(FormLabel, { children: label }) }), _jsx("div", { className: "flex flex-wrap gap-2", children: items.map((item, index) => (_jsxs(Badge, { variant: "secondary", className: chipClassName, children: [item, _jsx("button", { type: "button", onClick: () => onRemove(item), className: "hover:bg-muted-foreground rounded-md", children: _jsx(X, { className: "h-3 w-3" }) })] }, `${item}-${index}`))) }), options ? (mode === "filter" ? (_jsx("div", { className: "border rounded-md", children: _jsx(Filter, { label: placeholder || label, formType: "autoComplete", selectedValue: null, values: options, onChange: (value) => onAdd(value || ""), others: true }) })) : (_jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(SearchBox, { id: `${id}-search`, titles: options, placeholder: placeholder || `Select ${label}`, handleAdd: (inputValue) => onAdd(inputValue || "") }), _jsx(FormDescription, { children: "Add 1 item at a time and press enter" })] }))) : (_jsxs("div", { className: "flex gap-2", children: [_jsx(Input, { placeholder: placeholder || `Add ${label.toLowerCase()}`, className: "border-border", onKeyDown: (e) => {
+                            if (e.key === "Enter") {
+                                e.preventDefault();
+                                const input = e.target;
+                                onAdd(input.value);
+                                input.value = "";
+                            }
+                        } }), _jsx(Button, { type: "button", variant: "default", onClick: (e) => {
+                            var _a;
+                            const input = (_a = e.target.parentElement) === null || _a === void 0 ? void 0 : _a.querySelector("input");
+                            if (input) {
+                                onAdd(input.value);
+                                input.value = "";
+                            }
+                        }, children: "Add" })] })), helperText && _jsx(FormDescription, { children: helperText }), errorMessage && _jsx("p", { className: "mt-2 text-sm font-medium text-destructive", children: errorMessage })] }));
+}

package/dist/misc/textarea.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { cn } from "@myrjfa/state";
+import { cn } from "@myrjfa/state/dist/lib/utils";
 function Textarea({ className, ...props }) {
     return (_jsx("textarea", { "data-slot": "textarea", className: cn("border-input placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive flex field-sizing-content min-h-16 w-full rounded-md border bg-transparent px-3 py-2 text-base shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 md:text-sm", className), ...props }));
 }

package/dist/misc/tile.d.ts

@@ -1,4 +1,4 @@
-import { TileProps } from "@myrjfa/state";
+import { TileProps } from "@myrjfa/state/dist/lib/models/tile";
 export type { TileProps };
 export declare function Tile({ slug, image, title, description, location, rating, skills, tileType, className, date, host, duration, price, currency, includeHost, href, }: TileProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=tile.d.ts.map

package/dist/misc/tile.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tile.d.ts","sourceRoot":"","sources":["../../src/misc/tile.tsx"],"names":[],"mappings":"AAaA,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAE1C,YAAY,EAAE,SAAS,EAAE,CAAC;AAgB1B,wBAAgB,IAAI,CAAC,EACjB,IAAI,EACJ,KAAK,EACL,KAAK,EACL,WAAW,EACX,QAAQ,EACR,MAAM,EACN,MAAW,EACX,QAA0B,EAC1B,SAAS,EACT,IAAI,EACJ,IAAgB,EAChB,QAAY,EACZ,KAAW,EACX,QAAgB,EAChB,WAAkB,EAClB,IAAI,GACP,EAAE,SAAS,2CAkLX"}
+{"version":3,"file":"tile.d.ts","sourceRoot":"","sources":["../../src/misc/tile.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,SAAS,EAAE,MAAM,oCAAoC,CAAC;AAG/D,YAAY,EAAE,SAAS,EAAE,CAAC;AAG1B,wBAAgB,IAAI,CAAC,EACjB,IAAI,EACJ,KAAK,EACL,KAAK,EACL,WAAW,EACX,QAAQ,EACR,MAAM,EACN,MAAW,EACX,QAA0B,EAC1B,SAAS,EACT,IAAI,EACJ,IAAgB,EAChB,QAAY,EACZ,KAAW,EACX,QAAgB,EAChB,WAAkB,EAClB,IAAI,GACP,EAAE,SAAS,2CA6JX"}

package/dist/misc/tile.js

@@ -1,59 +1,24 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { toggleUserWishlist } from "@myrjfa/state/dist/lib/actions/actions";
-import { userAtom, userLoadingAtom } from "@myrjfa/state/dist/lib/userAtom";
 import { cn, formatDate, truncateText } from "@myrjfa/state/dist/lib/utils";
-import { useAtom, useAtomValue } from "jotai";
-import { Clock, Heart, Loader2, MapPin, Star } from "lucide-react";
+import { Clock, Loader2, MapPin, Star } from "lucide-react";
 import Image from "next/image";
 import { useRouter } from "next/navigation";
-import { useEffect, useState } from "react";
-import { showAlert } from "./alertdialogclaude";
+import { useState } from "react";
 import { Badge } from "./badge";
-import { Button } from "./button";
 import { Card, CardContent } from "./card";
 import { RentalTile } from "./rental-tile";
-function WishlistButton({ wishlisted, handleWishlisted }) {
-    return _jsx(Button, { variant: "ghost", className: "absolute top-3 right-3 z-10 bg-white/70 hover:bg-white rounded-full transition", onClick: handleWishlisted, children: _jsx(Heart, { className: wishlisted ? "text-red-500 fill-red-500 drop-shadow" : "text-gray-400 fill-gray-400", size: 20 }) });
-}
-;
+import { ListingWishlistButton } from "./listing-wishlist-button";
 export function Tile({ slug, image, title, description, location, rating, skills = [], tileType = "opportunities", className, date, host = undefined, duration = 1, price = 0.0, currency = "INR", includeHost = true, href, }) {
     var _a, _b, _c, _d;
-    const [user, setUser] = useAtom(userAtom);
-    const loading = useAtomValue(userLoadingAtom);
+    const effectiveTileType = (tileType !== null && tileType !== void 0 ? tileType : "opportunities");
     const router = useRouter();
-    const [wishlisted, setWishlisted] = useState(false);
     const [clicked, setClicked] = useState(false);
-    useEffect(() => {
-        var _a, _b, _c, _d;
-        if (loading || !user)
-            return;
-        if (tileType == "opportunities") {
-            setWishlisted((_b = (_a = user.wishlist) === null || _a === void 0 ? void 0 : _a.includes(slug)) !== null && _b !== void 0 ? _b : false);
-        }
-        else if (tileType == "packages" || tileType == "rentals" || tileType == "adventures" || tileType == "guides") {
-            setWishlisted((_d = (_c = user.favPackages) === null || _c === void 0 ? void 0 : _c.includes(slug)) !== null && _d !== void 0 ? _d : false);
-        }
-    }, [slug, loading, user]);
-    const handleWishlisted = async (e) => {
-        e.stopPropagation();
-        const response = await toggleUserWishlist(slug, tileType);
-        if (response === null || response === void 0 ? void 0 : response.error) {
-            await showAlert(response.error);
-            return;
-        }
-        if (tileType == "opportunities") {
-            setUser((prev) => prev ? { ...prev, wishlist: response.wishlist } : prev);
-        }
-        else if (tileType == "packages" || tileType == "rentals" || tileType == "adventures" || tileType == "guides") {
-            setUser((prev) => prev ? { ...prev, favPackages: response.wishlist } : prev);
-        }
-    };
     const handleTileClick = () => {
         if (clicked)
             return; // prevent duplicate navigation
         setClicked(true);
-        router.push(href !== null && href !== void 0 ? href : `/${tileType}/${slug}`);
+        router.push(href !== null && href !== void 0 ? href : `/${effectiveTileType}/${slug}`);
     };
     const formatPrice = (price, currency) => {
         return new Intl.NumberFormat('en-IN', {
@@ -62,7 +27,7 @@ export function Tile({ slug, image, title, description, location, rating, skills
             maximumFractionDigits: 0
         }).format(price);
     };
-    if (tileType === "rentals") {
+    if (effectiveTileType === "rentals") {
         return _jsx(RentalTile, { ...arguments[0], onClick: handleTileClick, clicked: clicked });
     }
     return (_jsxs(Card, { className: cn("h-full shadow-lg py-0 gap-0 group transition-shadow hover:shadow-2xl border border-gray-100 rounded-2xl overflow-hidden cursor-pointer relative bg-white", className, clicked && "opacity-60 pointer-events-none" // visual cue + blocking
@@ -70,11 +35,11 @@ export function Tile({ slug, image, title, description, location, rating, skills
                             WebkitMaskImage: "linear-gradient(to bottom, rgba(0,0,0,1) 90%, rgba(255, 255, 255, 0) 100%)",
                             WebkitMaskRepeat: "no-repeat",
                             WebkitMaskSize: "100% 100%",
-                        }, onError: (e) => console.error(e.target) }), _jsx("div", { className: "absolute bottom-0 left-0 right-0 h-5 pointer-events-none bg-gradient-to-b from-transparent to-white" }), user && user.role == "user" && tileType !== "blogs" && (_jsx(WishlistButton, { wishlisted: wishlisted, handleWishlisted: handleWishlisted })), (tileType == "packages" || tileType == "adventures" || tileType == "guides") && (_jsx("div", { className: "absolute top-4 left-4 bg-white/80 backdrop-blur px-3 py-1 rounded-full shadow text-gray-900 font-semibold text-base", children: formatPrice(price, currency) }))] }), _jsxs(CardContent, { className: "p-4 pt-0 flex flex-col gap-3 z-10", children: [tileType !== "blogs" && (_jsxs("div", { className: "flex justify-between text-sm text-muted-foreground", children: [location && (_jsxs("span", { className: "flex items-center gap-1", children: [_jsx(MapPin, { size: 15 }), " ", truncateText(location, 30)] })), (rating && rating > 0) ? _jsxs("div", { className: "flex items-center gap-1 bg-green-50 px-2 py-1 rounded-full", children: [_jsx(Star, { className: "w-4 h-4 text-amber-400 fill-current" }), _jsx("span", { className: " font-semibold", children: rating })] })
-                                : null] })), _jsx("h4", { className: "text-lg font-semibold truncate-text", children: truncateText(title, 30) }), (tileType !== "packages" && tileType !== "adventures" && tileType !== "guides") &&
-                        _jsx("p", { className: "text-sm text-muted-foreground truncate-text-3", children: description }), tileType == "opportunities" && skills.length > 0 && (_jsx("div", { className: "flex flex-wrap gap-2 mt-2 truncate-text", children: skills.slice(0, 3).map((skill, index) => (_jsx(Badge, { variant: "secondary", children: truncateText(skill, 10) }, index))) })), tileType == "blogs" && (includeHost ?
-                        _jsxs("div", { className: "flex items-center gap-3 pt-3 border-t min-h-12 max-h-15", children: [_jsx(Image, { src: (_a = host === null || host === void 0 ? void 0 : host.image) !== null && _a !== void 0 ? _a : "/images/profile_placeholder.webp", alt: "Host Image", width: 40, height: 40, className: "rounded-full object-cover" }), _jsxs("div", { className: "flex-1", children: [_jsxs("p", { className: "font-medium", children: ["By ", truncateText((_b = host === null || host === void 0 ? void 0 : host.name) !== null && _b !== void 0 ? _b : "Host", 18)] }), _jsxs("p", { className: "text-xs text-muted-foreground", children: ["on ", formatDate(date)] })] })] }) :
-                        _jsxs("div", { className: "flex justify-between items-center text-xs text-gray-500", children: [_jsx("span", { children: formatDate(date) }), _jsxs("span", { children: [rating, " likes"] })] })), (tileType == "packages" || tileType == "adventures" || tileType == "guides") && (_jsxs("div", { className: "flex items-center justify-between pt-3 border-t border-gray-100", children: [(tileType !== "guides") && (_jsxs("div", { className: "flex items-center gap-1 text-gray-600 whitespace-nowrap", children: [_jsx(Clock, { className: "w-4 h-4 mr-1" }), _jsxs("span", { className: "text-sm", children: [duration, " ", tileType == "adventures" ? "hrs" : "Days"] })] })), includeHost ?
+                        }, onError: (e) => console.error(e.target) }), _jsx("div", { className: "absolute bottom-0 left-0 right-0 h-5 pointer-events-none bg-gradient-to-b from-transparent to-white" }), tileType !== "blogs" && (_jsx(ListingWishlistButton, { slug: slug, tileType: effectiveTileType, className: "absolute top-3 right-3 z-10" })), (effectiveTileType == "packages" || effectiveTileType == "adventures" || effectiveTileType == "guides" || effectiveTileType == "stays" || effectiveTileType == "events") && (_jsx("div", { className: "absolute top-4 left-4 bg-white/80 backdrop-blur px-3 py-1 rounded-full shadow text-gray-900 font-semibold text-base", children: formatPrice(price, currency) }))] }), _jsxs(CardContent, { className: "p-4 pt-0 flex flex-col gap-3 z-10", children: [tileType !== "blogs" && (_jsxs("div", { className: "flex justify-between text-sm text-muted-foreground", children: [location && (_jsxs("span", { className: "flex items-center gap-1", children: [_jsx(MapPin, { size: 15 }), " ", truncateText(location, 30)] })), (rating && rating > 0) ? _jsxs("div", { className: "flex items-center gap-1 bg-green-50 px-2 py-1 rounded-full", children: [_jsx(Star, { className: "w-4 h-4 text-amber-400 fill-current" }), _jsx("span", { className: " font-semibold", children: rating })] })
+                                : null] })), _jsx("h4", { className: "text-lg font-semibold truncate-text", children: truncateText(title, 30) }), (effectiveTileType !== "packages" && effectiveTileType !== "adventures" && effectiveTileType !== "guides" && effectiveTileType !== "stays" && effectiveTileType !== "events") &&
+                        _jsx("p", { className: "text-sm text-muted-foreground truncate-text-3", children: description }), effectiveTileType == "opportunities" && skills.length > 0 && (_jsx("div", { className: "flex flex-wrap gap-2 mt-2 truncate-text", children: skills.slice(0, 3).map((skill, index) => (_jsx(Badge, { variant: "secondary", children: truncateText(skill, 10) }, index))) })), effectiveTileType == "blogs" && (includeHost ?
+                        _jsxs("div", { className: "flex items-center gap-3 pt-3 border-t min-h-12 max-h-15", children: [_jsx(Image, { src: (_a = host === null || host === void 0 ? void 0 : host.image) !== null && _a !== void 0 ? _a : "/images/profile_placeholder.webp", alt: "Host Image", width: 40, height: 40, className: "rounded-full object-cover" }), _jsxs("div", { className: "flex-1", children: [_jsxs("p", { className: "font-medium", children: ["By ", truncateText((_b = host === null || host === void 0 ? void 0 : host.name) !== null && _b !== void 0 ? _b : "Host", 18)] }), _jsxs("p", { className: "text-xs text-muted-foreground", children: ["on ", formatDate(date !== null && date !== void 0 ? date : new Date())] })] })] }) :
+                        _jsxs("div", { className: "flex justify-between items-center text-xs text-gray-500", children: [_jsx("span", { children: formatDate(date !== null && date !== void 0 ? date : new Date()) }), _jsxs("span", { children: [rating, " likes"] })] })), (effectiveTileType == "packages" || effectiveTileType == "adventures" || effectiveTileType == "guides" || effectiveTileType == "stays" || effectiveTileType == "events") && (_jsxs("div", { className: "flex items-center justify-between pt-3 border-t border-gray-100", children: [(effectiveTileType !== "guides" && effectiveTileType !== "stays" && effectiveTileType !== "events") && (_jsxs("div", { className: "flex items-center gap-1 text-gray-600 whitespace-nowrap", children: [_jsx(Clock, { className: "w-4 h-4 mr-1" }), _jsxs("span", { className: "text-sm", children: [duration, " ", effectiveTileType == "adventures" ? "hrs" : "Days"] })] })), includeHost ?
                                 _jsxs("div", { className: "flex items-center gap-1", children: [_jsx(Image, { src: (_c = host === null || host === void 0 ? void 0 : host.image) !== null && _c !== void 0 ? _c : "/images/profile_placeholder.webp", alt: (_d = host === null || host === void 0 ? void 0 : host.name) !== null && _d !== void 0 ? _d : "DP", width: 25, height: 25, className: "rounded-full" }), _jsx("span", { className: "text-sm text-gray-500 max-w-40", children: host === null || host === void 0 ? void 0 : host.name })] }) :
-                                _jsx("div", { className: "flex justify-between items-center text-xs text-gray-500", children: _jsx("span", { children: formatDate(date) }) })] }))] })] }));
+                                _jsx("div", { className: "flex justify-between items-center text-xs text-gray-500", children: _jsx("span", { children: formatDate(date !== null && date !== void 0 ? date : new Date()) }) })] }))] })] }));
 }

package/dist/misc/time-select.d.ts

@@ -0,0 +1,14 @@
+export declare const HALF_HOUR_TIME_OPTIONS: string[];
+type TimeSelectProps = {
+    value: string;
+    onChange: (value: string) => void;
+    placeholder?: string;
+    disabled?: boolean;
+    className?: string;
+    triggerClassName?: string;
+    contentClassName?: string;
+    options?: string[];
+};
+export declare function TimeSelect({ value, onChange, placeholder, disabled, className, triggerClassName, contentClassName, options, }: TimeSelectProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=time-select.d.ts.map

package/dist/misc/time-select.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"time-select.d.ts","sourceRoot":"","sources":["../../src/misc/time-select.tsx"],"names":[],"mappings":"AAYA,eAAO,MAAM,sBAAsB,UAIjC,CAAC;AAEH,KAAK,eAAe,GAAG;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;CACpB,CAAC;AAEF,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,QAAQ,EACR,WAA2B,EAC3B,QAAgB,EAChB,SAAS,EACT,gBAAgB,EAChB,gBAAgB,EAChB,OAAgC,GACjC,EAAE,eAAe,2CA4BjB"}