@myrjfa/ui 2.1.9 → 2.2.0

package/dist/misc/carousel.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 useEmblaCarousel from "embla-carousel-react";
 import { ArrowLeft, ArrowRight } from "lucide-react";
 import React from "react";
@@ -76,16 +76,24 @@ function CarouselItem({ className, ...props }) {
     const { orientation } = useCarousel();
     return (_jsx("div", { role: "group", "aria-roledescription": "slide", "data-slot": "carousel-item", className: cn("min-w-0 shrink-0 grow-0 basis-full", orientation === "horizontal" ? "pl-4" : "pt-4", className), ...props }));
 }
-function CarouselPrevious({ className, variant = "outline", size = "icon", ...props }) {
+function CarouselPrevious({ className, variant = "outline", size = "icon", onClick, ...props }) {
     const { orientation, scrollPrev, canScrollPrev } = useCarousel();
     return (_jsxs(Button, { "data-slot": "carousel-previous", variant: variant, size: size, className: cn("absolute size-8 rounded-full", orientation === "horizontal"
             ? "top-1/2 left-2"
-            : "top-2 left-1/2 rotate-90", className), disabled: !canScrollPrev, onClick: scrollPrev, ...props, children: [_jsx(ArrowLeft, {}), _jsx("span", { className: "sr-only", children: "Previous slide" })] }));
+            : "top-2 left-1/2 rotate-90", className), disabled: !canScrollPrev, ...props, autoLoading: false, onClick: (event) => {
+            onClick === null || onClick === void 0 ? void 0 : onClick(event);
+            if (!event.defaultPrevented)
+                scrollPrev();
+        }, children: [_jsx(ArrowLeft, {}), _jsx("span", { className: "sr-only", children: "Previous slide" })] }));
 }
-function CarouselNext({ className, variant = "outline", size = "icon", ...props }) {
+function CarouselNext({ className, variant = "outline", size = "icon", onClick, ...props }) {
     const { orientation, scrollNext, canScrollNext } = useCarousel();
     return (_jsxs(Button, { "data-slot": "carousel-next", variant: variant, size: size, className: cn("absolute size-8 rounded-full", orientation === "horizontal"
             ? "top-1/2 right-2"
-            : "bottom-2 left-1/2 rotate-90", className), disabled: !canScrollNext, onClick: scrollNext, ...props, children: [_jsx(ArrowRight, {}), _jsx("span", { className: "sr-only", children: "Next slide" })] }));
+            : "bottom-2 left-1/2 rotate-90", className), disabled: !canScrollNext, ...props, autoLoading: false, onClick: (event) => {
+            onClick === null || onClick === void 0 ? void 0 : onClick(event);
+            if (!event.defaultPrevented)
+                scrollNext();
+        }, children: [_jsx(ArrowRight, {}), _jsx("span", { className: "sr-only", children: "Next slide" })] }));
 }
 export { Carousel, CarouselContent, CarouselItem, CarouselPrevious, CarouselNext, };

package/dist/misc/checkbox.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsx as _jsx } from "react/jsx-runtime";
 import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
-import { cn } from "@myrjfa/state";
+import { cn } from "@myrjfa/state/dist/lib/utils";
 import { CheckIcon } from "lucide-react";
 function Checkbox({ className, ...props }) {
     return (_jsx(CheckboxPrimitive.Root, { className: cn("peer border-input data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground data-[state=checked]:border-primary focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive size-4 shrink-0 rounded-[4px] border shadow-xs transition-shadow outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50", className), ...props, children: _jsx(CheckboxPrimitive.Indicator, { className: "flex items-center justify-center text-current transition-none", children: _jsx(CheckIcon, { className: "size-3.5" }) }, "checkbox-indicator") }, "checkbox"));

package/dist/misc/command.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 { Command as CommandPrimitive } from "cmdk";
 import { SearchIcon } from "lucide-react";
 import { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle, } from "./dialog";

package/dist/misc/datepicker.d.ts

@@ -5,8 +5,9 @@ type DatePickerProps = {
     };
     minDate?: Date;
     maxDate?: Date;
+    availableDateKeys?: string[];
     label?: string;
 };
-export declare function DatePicker({ field, minDate, maxDate, label }: DatePickerProps): import("react/jsx-runtime").JSX.Element;
+export declare function DatePicker({ field, minDate, maxDate, availableDateKeys, label }: DatePickerProps): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=datepicker.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"datepicker.d.ts","sourceRoot":"","sources":["../../src/misc/datepicker.tsx"],"names":[],"mappings":"AAcA,KAAK,eAAe,GAAG;IACnB,KAAK,EAAE;QACH,KAAK,EAAE,IAAI,GAAG,IAAI,CAAC;QACnB,QAAQ,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;KAClC,CAAC;IACF,OAAO,CAAC,EAAE,IAAI,CAAC;IACf,OAAO,CAAC,EAAE,IAAI,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF,wBAAgB,UAAU,CAAC,EAAE,KAAK,EAAE,OAAgC,EAAE,OAAgC,EAAE,KAAuB,EAAE,EAAE,eAAe,2CAwZjJ"}
+{"version":3,"file":"datepicker.d.ts","sourceRoot":"","sources":["../../src/misc/datepicker.tsx"],"names":[],"mappings":"AAcA,KAAK,eAAe,GAAG;IACnB,KAAK,EAAE;QACH,KAAK,EAAE,IAAI,GAAG,IAAI,CAAC;QACnB,QAAQ,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;KAClC,CAAC;IACF,OAAO,CAAC,EAAE,IAAI,CAAC;IACf,OAAO,CAAC,EAAE,IAAI,CAAC;IACf,iBAAiB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF,wBAAgB,UAAU,CAAC,EAAE,KAAK,EAAE,OAAgC,EAAE,OAAgC,EAAE,iBAAiB,EAAE,KAAuB,EAAE,EAAE,eAAe,2CAwapK"}

package/dist/misc/datepicker.js

@@ -1,11 +1,11 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { cn } from "@myrjfa/state";
+import { cn } from "@myrjfa/state/dist/lib/utils";
 import { format } from "date-fns";
 import { CalendarIcon, ChevronLeft, ChevronRight } from "lucide-react";
 import { useEffect, useState } from "react";
 import { Popover, PopoverContent, PopoverTrigger, } from "./popover";
-export function DatePicker({ field, minDate = new Date("1900-01-01"), maxDate = new Date("2100-01-01"), label = "Date of birth" }) {
+export function DatePicker({ field, minDate = new Date("1900-01-01"), maxDate = new Date("2100-01-01"), availableDateKeys, label = "Date of birth" }) {
     const [open, setOpen] = useState(false);
     // Create state for the calendar view
     const [calendarDate, setCalendarDate] = useState(field.value || new Date());
@@ -24,6 +24,9 @@ export function DatePicker({ field, minDate = new Date("1900-01-01"), maxDate =
     // Get min and max years constraints
     const minYear = minDate.getFullYear();
     const maxYear = maxDate.getFullYear();
+    const minDay = new Date(minDate.getFullYear(), minDate.getMonth(), minDate.getDate());
+    const maxDay = new Date(maxDate.getFullYear(), maxDate.getMonth(), maxDate.getDate());
+    const availableDateKeySet = availableDateKeys ? new Set(availableDateKeys) : null;
     // Month names
     const months = [
         "January", "February", "March", "April", "May", "June",
@@ -82,18 +85,23 @@ export function DatePicker({ field, minDate = new Date("1900-01-01"), maxDate =
     // Check if a day is disabled
     const isDisabled = (day, month, year) => {
         const date = new Date(year, month, day);
-        return date < minDate || date > maxDate;
+        if (date < minDay || date > maxDay)
+            return true;
+        if (!availableDateKeySet)
+            return false;
+        return !availableDateKeySet.has(format(date, "yyyy-MM-dd"));
     };
     // Handler for day selection
     const handleDaySelect = (day, month, year) => {
-        const selectedDate = new Date(year, month, day);
+        // Set time to noon (12:00:00) to avoid timezone offset issues (e.g., date shifting to previous day in UTC)
+        const selectedDate = new Date(year, month, day, 12, 0, 0, 0);
         field.onChange(selectedDate);
         setOpen(false);
     };
     // Handle month selection
     const handleMonthSelect = (monthIndex) => {
         const newDate = new Date(calendarDate.getFullYear(), monthIndex, 1);
-        if (newDate >= minDate && newDate <= maxDate) {
+        if (newDate >= new Date(minYear, 0, 1) && newDate <= new Date(maxYear, 11, 31)) {
             setCalendarDate(newDate);
             setView("days");
         }
@@ -101,9 +109,9 @@ export function DatePicker({ field, minDate = new Date("1900-01-01"), maxDate =
     // Handle year selection
     const handleYearSelect = (year) => {
         const newDate = new Date(year, calendarDate.getMonth(), 1);
-        if (newDate >= minDate && newDate <= maxDate) {
+        if (year >= minYear && year <= maxYear) {
             setCalendarDate(newDate);
-            setView("months");
+            setView("days");
         }
     };
     // Navigate to previous month
@@ -126,29 +134,23 @@ export function DatePicker({ field, minDate = new Date("1900-01-01"), maxDate =
     const nextYearRange = () => {
         setYearRange([yearRange[0] + 10, yearRange[1] + 10]);
     };
-    // Toggle between day, month, and year views
-    const toggleView = () => {
-        if (view === "days") {
-            setView("months");
-        }
-        else if (view === "months") {
-            const year = calendarDate.getFullYear();
-            const startYear = Math.floor(year / 10) * 10;
-            setYearRange([startYear, startYear + 9]);
-            setView("years");
-        }
+    const openYearView = () => {
+        const year = calendarDate.getFullYear();
+        const startYear = Math.floor(year / 10) * 10;
+        setYearRange([startYear, startYear + 9]);
+        setView("years");
     };
     // Render the header
     const renderHeader = () => {
         if (view === "days") {
-            return (_jsxs("div", { className: "flex justify-between items-center mb-2", children: [_jsx("button", { type: "button", className: "p-1 rounded-full hover:bg-gray-200", onClick: prevMonth, children: _jsx(ChevronLeft, { className: "h-4 w-4" }) }), _jsxs("button", { type: "button", className: "font-semibold hover:bg-muted px-2 py-1 rounded", onClick: toggleView, children: [months[calendarDate.getMonth()], " ", calendarDate.getFullYear()] }), _jsx("button", { type: "button", className: "p-1 rounded-full hover:bg-gray-200", onClick: nextMonth, children: _jsx(ChevronRight, { className: "h-4 w-4" }) })] }));
+            return (_jsxs("div", { className: "flex justify-between items-center mb-2", children: [_jsx("button", { type: "button", className: "p-1 rounded-full hover:bg-gray-200", onClick: prevMonth, children: _jsx(ChevronLeft, { className: "h-4 w-4" }) }), _jsxs("div", { className: "flex items-center gap-1", children: [_jsx("button", { type: "button", className: "font-semibold hover:bg-muted px-2 py-1 rounded", onClick: () => setView("months"), children: months[calendarDate.getMonth()] }), _jsx("button", { type: "button", className: "font-semibold hover:bg-muted px-2 py-1 rounded", onClick: openYearView, children: calendarDate.getFullYear() })] }), _jsx("button", { type: "button", className: "p-1 rounded-full hover:bg-gray-200", onClick: nextMonth, children: _jsx(ChevronRight, { className: "h-4 w-4" }) })] }));
         }
         else if (view === "months") {
             return (_jsxs("div", { className: "flex justify-between items-center mb-2", children: [_jsx("button", { type: "button", className: "p-1 rounded-full hover:bg-gray-200", onClick: () => {
                             const newDate = new Date(calendarDate);
                             newDate.setFullYear(newDate.getFullYear() - 1);
                             setCalendarDate(newDate);
-                        }, children: _jsx(ChevronLeft, { className: "h-4 w-4" }) }), _jsx("button", { type: "button", className: "font-semibold hover:bg-muted px-2 py-1 rounded", onClick: toggleView, children: calendarDate.getFullYear() }), _jsx("button", { type: "button", className: "p-1 rounded-full hover:bg-gray-200", onClick: () => {
+                        }, children: _jsx(ChevronLeft, { className: "h-4 w-4" }) }), _jsx("button", { type: "button", className: "font-semibold hover:bg-muted px-2 py-1 rounded", onClick: openYearView, children: calendarDate.getFullYear() }), _jsx("button", { type: "button", className: "p-1 rounded-full hover:bg-gray-200", onClick: () => {
                             const newDate = new Date(calendarDate);
                             newDate.setFullYear(newDate.getFullYear() + 1);
                             setCalendarDate(newDate);
@@ -166,7 +168,7 @@ export function DatePicker({ field, minDate = new Date("1900-01-01"), maxDate =
                             const { day, month, year, isCurrentMonth } = dayInfo;
                             const isDateSelected = isSelected(day, month, year);
                             const isDateDisabled = isDisabled(day, month, year);
-                            return (_jsx("button", { type: "button", disabled: isDateDisabled, className: cn("h-8 w-8 text-sm rounded-full flex items-center justify-center", !isCurrentMonth && "text-muted-foreground", isDateSelected && !isDateDisabled && "bg-black text-white", !isDateSelected && !isDateDisabled && "hover:bg-muted", isDateDisabled && "text-gray-300 cursor-not-allowed"), onClick: () => handleDaySelect(day, month, year), children: day }, index));
+                            return (_jsxs("button", { type: "button", disabled: isDateDisabled, className: cn("relative h-8 w-8 text-sm rounded-full flex items-center justify-center", !isCurrentMonth && "text-muted-foreground", isDateSelected && !isDateDisabled && "bg-black text-white", !isDateSelected && !isDateDisabled && "hover:bg-muted", isDateDisabled && "text-gray-300 cursor-not-allowed"), onClick: () => handleDaySelect(day, month, year), children: [_jsx("span", { children: day }), isDateDisabled && (_jsx("span", { className: "absolute h-px w-5 rounded-full bg-gray-300", "aria-hidden": "true" }))] }, index));
                         }) })] }));
         }
         else if (view === "months") {

package/dist/misc/dialog.js

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

package/dist/misc/discount-strategy-editor.d.ts

@@ -0,0 +1,11 @@
+import { type DiscountStrategy } from "@myrjfa/state/dist/lib/models/discount";
+type DiscountStrategyEditorProps = {
+    strategies: DiscountStrategy[];
+    onStrategiesChange: (strategies: DiscountStrategy[]) => void;
+    title?: string;
+    cardClassName?: string;
+    isAdmin?: boolean;
+};
+export default function DiscountStrategyEditor({ strategies, onStrategiesChange, title, cardClassName, isAdmin, }: DiscountStrategyEditorProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=discount-strategy-editor.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"discount-strategy-editor.d.ts","sourceRoot":"","sources":["../../src/misc/discount-strategy-editor.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,gBAAgB,EAAE,MAAM,wCAAwC,CAAC;AAS/E,KAAK,2BAA2B,GAAG;IACjC,UAAU,EAAE,gBAAgB,EAAE,CAAC;IAC/B,kBAAkB,EAAE,CAAC,UAAU,EAAE,gBAAgB,EAAE,KAAK,IAAI,CAAC;IAC7D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AA0CF,MAAM,CAAC,OAAO,UAAU,sBAAsB,CAAC,EAC7C,UAAU,EACV,kBAAkB,EAClB,KAAmB,EACnB,aAAa,EACb,OAAe,GAChB,EAAE,2BAA2B,2CAgR7B"}

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

@@ -0,0 +1,82 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Plus, Trash2 } from "lucide-react";
+import { Button } from "./button";
+import { Card, CardContent, CardHeader, CardTitle } from "./card";
+import { Input } from "./input";
+import { Label } from "./label";
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "./select";
+import { Textarea } from "./textarea";
+import { DatePicker } from "./datepicker";
+const emptyStrategy = () => ({
+    type: "duration",
+    couponCode: "",
+    couponScope: "listing",
+    discountAppliesTo: "booking-total",
+    createdBy: "host",
+    minimumOrderValue: 0,
+    durationType: "custom",
+    minDays: 1,
+    discountType: "percentage",
+    discountValue: 0,
+    description: "",
+    suggestedByPlatform: false,
+    active: true,
+});
+const updateDurationDefaults = (strategy, durationType) => {
+    const minDaysByDuration = {
+        weekly: 7,
+        "fifteen-days": 15,
+        monthly: 30,
+        custom: strategy.minDays || 1,
+        "": strategy.minDays || 0,
+    };
+    return {
+        ...strategy,
+        type: "duration",
+        durationType,
+        minDays: minDaysByDuration[durationType],
+        discountType: "percentage",
+    };
+};
+const dateFromString = (value) => (value ? new Date(value) : null);
+const stringFromDate = (date) => date.toISOString().split("T")[0] || "";
+export default function DiscountStrategyEditor({ strategies, onStrategiesChange, title = "Discounts", cardClassName, isAdmin = false, }) {
+    const updateStrategy = (index, field, value) => {
+        onStrategiesChange(strategies.map((strategy, strategyIndex) => {
+            if (strategyIndex !== index)
+                return strategy;
+            if (field === "type") {
+                const nextType = value;
+                return {
+                    ...strategy,
+                    type: nextType,
+                    durationType: nextType === "duration" ? strategy.durationType || "weekly" : "",
+                    minDays: nextType === "duration" ? strategy.minDays || 7 : 0,
+                    discountType: nextType === "coupon" ? strategy.discountType || "percentage" : "percentage",
+                    discountAppliesTo: strategy.discountAppliesTo || "booking-total",
+                    createdBy: strategy.createdBy || (isAdmin ? "admin" : "host"),
+                };
+            }
+            if (field === "durationType") {
+                return updateDurationDefaults(strategy, value);
+            }
+            return { ...strategy, [field]: value };
+        }));
+    };
+    const addStrategy = () => {
+        onStrategiesChange([...strategies, emptyStrategy()]);
+    };
+    const removeStrategy = (index) => {
+        onStrategiesChange(strategies.filter((_, strategyIndex) => strategyIndex !== index));
+    };
+    return (_jsxs(Card, { className: cardClassName, children: [_jsx(CardHeader, { children: _jsx(CardTitle, { children: title }) }), _jsxs(CardContent, { className: "space-y-6", children: [strategies.map((strategy, index) => (_jsxs("div", { className: "space-y-4 rounded-2xl border p-4", children: [_jsxs("div", { className: "flex items-center justify-between gap-3", children: [_jsxs("h3", { className: "font-semibold", children: ["Discount ", index + 1] }), _jsxs(Button, { type: "button", onClick: () => removeStrategy(index), variant: "ghost", size: "sm", className: "text-red-500 hover:bg-red-50 hover:text-red-700", children: [_jsx(Trash2, { className: "mr-1 h-4 w-4" }), "Remove"] })] }), _jsxs("div", { className: "grid gap-4 md:grid-cols-2 xl:grid-cols-3", children: [_jsxs("div", { className: "space-y-2", children: [_jsx(Label, { children: "Discount Kind" }), _jsxs(Select, { value: strategy.type, onValueChange: (value) => updateStrategy(index, "type", value), children: [_jsx(SelectTrigger, { children: _jsx(SelectValue, {}) }), _jsxs(SelectContent, { children: [_jsx(SelectItem, { value: "duration", children: "Duration" }), _jsx(SelectItem, { value: "last-minute", children: "Last minute" }), isAdmin && (_jsx(SelectItem, { value: "temporary-promotion", children: "Temporary promotion" })), _jsx(SelectItem, { value: "coupon", children: "Coupon" })] })] })] }), strategy.type === "coupon" && (_jsxs(_Fragment, { children: [_jsxs("div", { className: "space-y-2", children: [_jsx(Label, { children: "Coupon Code" }), _jsx(Input, { value: strategy.couponCode || "", onChange: (e) => updateStrategy(index, "couponCode", e.target.value.toUpperCase()), placeholder: "TRIP10" })] }), isAdmin && (_jsxs("div", { className: "space-y-2", children: [_jsx(Label, { children: "Applies To" }), _jsxs(Select, { value: strategy.discountAppliesTo || "booking-total", onValueChange: (value) => updateStrategy(index, "discountAppliesTo", value), children: [_jsx(SelectTrigger, { children: _jsx(SelectValue, {}) }), _jsxs(SelectContent, { children: [_jsx(SelectItem, { value: "booking-total", children: "Booking total" }), _jsx(SelectItem, { value: "platform-fees", children: "Platform + convenience fee" })] })] })] })), _jsxs("div", { className: "space-y-2", children: [_jsx(Label, { children: "Coupon Scope" }), _jsxs(Select, { value: strategy.couponScope || "listing", onValueChange: (value) => updateStrategy(index, "couponScope", value), children: [_jsx(SelectTrigger, { children: _jsx(SelectValue, {}) }), _jsxs(SelectContent, { children: [_jsx(SelectItem, { value: "listing", children: "This listing" }), _jsx(SelectItem, { value: "host", children: "Host listings" }), isAdmin && _jsx(SelectItem, { value: "platform", children: "Platform" })] })] })] })] })), strategy.type === "duration" && (_jsxs(_Fragment, { children: [_jsxs("div", { className: "space-y-2", children: [_jsx(Label, { children: "Duration" }), _jsxs(Select, { value: strategy.durationType || "weekly", onValueChange: (value) => updateStrategy(index, "durationType", value), children: [_jsx(SelectTrigger, { children: _jsx(SelectValue, {}) }), _jsxs(SelectContent, { children: [_jsx(SelectItem, { value: "weekly", children: "Weekly" }), _jsx(SelectItem, { value: "fifteen-days", children: "15 days" }), _jsx(SelectItem, { value: "monthly", children: "Monthly" }), _jsx(SelectItem, { value: "custom", children: "Custom" })] })] })] }), _jsxs("div", { className: "space-y-2", children: [_jsx(Label, { children: "Minimum Days" }), _jsx(Input, { type: "number", min: 0, disabled: strategy.durationType !== "custom", value: strategy.minDays || 0, onChange: (e) => updateStrategy(index, "minDays", Number(e.target.value) || 0) })] })] })), strategy.type === "coupon" && (_jsxs("div", { className: "space-y-2", children: [_jsx(Label, { children: "Discount Type" }), _jsxs(Select, { value: strategy.discountType || "percentage", onValueChange: (value) => updateStrategy(index, "discountType", value), children: [_jsx(SelectTrigger, { children: _jsx(SelectValue, {}) }), _jsxs(SelectContent, { children: [_jsx(SelectItem, { value: "percentage", children: "Percentage" }), _jsx(SelectItem, { value: "flat", children: "Flat" })] })] })] })), _jsxs("div", { className: "space-y-2", children: [_jsx(Label, { children: strategy.type === "coupon" && strategy.discountType === "flat"
+                                                    ? "Discount Amount"
+                                                    : "Discount Percentage" }), _jsx(Input, { type: "number", min: 0, value: strategy.discountValue || 0, onChange: (e) => updateStrategy(index, "discountValue", Number(e.target.value) || 0) })] }), strategy.type === "coupon" && (_jsxs(_Fragment, { children: [_jsxs("div", { className: "space-y-2", children: [_jsx(Label, { children: "Minimum Order Value" }), _jsx(Input, { type: "number", min: 0, value: strategy.minimumOrderValue || 0, onChange: (e) => updateStrategy(index, "minimumOrderValue", Number(e.target.value) || 0) })] }), _jsxs("div", { className: "space-y-2", children: [_jsx(Label, { children: "Total Uses" }), _jsx(Input, { type: "number", min: 0, value: strategy.maxRedemptions || "", onChange: (e) => updateStrategy(index, "maxRedemptions", Number(e.target.value) || 0) })] }), _jsxs("div", { className: "space-y-2", children: [_jsx(Label, { children: "Uses Per User" }), _jsx(Input, { type: "number", min: 0, value: strategy.maxRedemptionsPerUser || "", onChange: (e) => updateStrategy(index, "maxRedemptionsPerUser", Number(e.target.value) || 0) })] })] })), (strategy.type === "temporary-promotion" || strategy.type === "coupon") && (_jsxs(_Fragment, { children: [_jsx(DatePicker, { label: "Start Date", field: {
+                                                    value: dateFromString(strategy.startDate),
+                                                    onChange: (date) => updateStrategy(index, "startDate", stringFromDate(date)),
+                                                } }), _jsx(DatePicker, { label: "End Date", field: {
+                                                    value: dateFromString(strategy.endDate),
+                                                    onChange: (date) => updateStrategy(index, "endDate", stringFromDate(date)),
+                                                } })] }))] }), _jsxs("div", { className: "space-y-2", children: [_jsx(Label, { children: "Details" }), _jsx(Textarea, { value: strategy.description || "", onChange: (e) => updateStrategy(index, "description", e.target.value) })] })] }, index))), _jsxs(Button, { type: "button", onClick: addStrategy, className: "flex justify-start", children: [_jsx(Plus, { className: "mr-2 h-4 w-4" }), "Add Discount Strategy"] })] })] }));
+}

package/dist/misc/dropdown-menu.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
-import { cn } from "@myrjfa/state";
+import { cn } from "@myrjfa/state/dist/lib/utils";
 import { CheckIcon, ChevronRightIcon, CircleIcon } from "lucide-react";
 function DropdownMenu({ ...props }) {
     return _jsx(DropdownMenuPrimitive.Root, { "data-slot": "dropdown-menu", ...props });

package/dist/misc/faq.d.ts

@@ -1,4 +1,4 @@
-import { Question } from '@myrjfa/state';
+import { Question } from "@myrjfa/state/dist/lib/models/props";
 export declare function Faq({ faqs }: {
     faqs: Question[];
 }): import("react/jsx-runtime").JSX.Element;

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

@@ -1 +1 @@
-{"version":3,"file":"faq.d.ts","sourceRoot":"","sources":["../../src/misc/faq.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AAGxC,wBAAgB,GAAG,CAAC,EAAE,IAAI,EAAE,EAAE;IAAE,IAAI,EAAE,QAAQ,EAAE,CAAA;CAAE,2CAkBjD"}
+{"version":3,"file":"faq.d.ts","sourceRoot":"","sources":["../../src/misc/faq.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,qCAAqC,CAAC;AAG/D,wBAAgB,GAAG,CAAC,EAAE,IAAI,EAAE,EAAE;IAAE,IAAI,EAAE,QAAQ,EAAE,CAAA;CAAE,2CAkBjD"}

package/dist/misc/filter.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 { Check, ChevronDown } from "lucide-react";
 import { useEffect, useRef, useState } from "react";
 import { Button } from "./button";
@@ -30,7 +30,7 @@ const Filter = ({ values, label, formType, selectedValue, onChange, others }) =>
     }, [open]);
     return (_jsx("div", { className: cn("filter-container", label), children: formType === "select" ? (_jsxs(Select, { value: selectedValue !== null && selectedValue !== void 0 ? selectedValue : "", onValueChange: (val) => onChange(val === "clear" ? null : val), children: [_jsx(SelectTrigger, { className: "w-full bg-transparent hover:bg-muted border-none shadow-none", children: !selectedValue || selectedValue === "clear" || selectedValue[0] == '0'
                         ? `Choose ${label.toLowerCase()}...`
-                        : selectedValue }), _jsxs(SelectContent, { className: "w-full z-[301]", children: [_jsx(SelectItem, { value: "clear", children: _jsx("em", { children: "Clear" }) }), data.map((option) => (_jsx(SelectItem, { value: option, children: option }, option)))] })] })) : (_jsxs(Popover, { open: open, onOpenChange: setOpen, modal: false, children: [_jsx(PopoverTrigger, { asChild: true, children: _jsxs(Button, { ref: triggerRef, variant: "ghost", role: "combobox", className: "filter-box justify-between w-full", children: [selectedValue || `Select ${label.toLowerCase()}...`, _jsx(ChevronDown, { className: "ml-2 h-4 w-4 shrink-0 opacity-50" })] }) }), _jsxs(PopoverContent, { className: "p-0 z-[310] pointer-events-auto overflow-hidden", style: { width: popoverWidth > 0 ? `${popoverWidth}px` : 'auto', minWidth: 'min(300px, 90vw)' }, align: "start", onWheel: (e) => e.stopPropagation(), children: [_jsxs(Command, { children: [_jsx(CommandInput, { placeholder: `Search ${label.toLowerCase()}...` }), _jsx(CommandEmpty, { children: "No results found." }), _jsx(CommandList, { children: data.map((option) => (_jsxs(CommandItem, { value: option, onSelect: () => {
+                        : selectedValue }), _jsxs(SelectContent, { className: "w-full z-[301]", children: [_jsx(SelectItem, { value: "clear", children: _jsx("em", { children: "Clear" }) }), data.map((option) => (_jsx(SelectItem, { value: option, children: option }, option)))] })] })) : (_jsxs(Popover, { open: open, onOpenChange: setOpen, modal: false, children: [_jsx(PopoverTrigger, { asChild: true, children: _jsxs(Button, { ref: triggerRef, variant: "ghost", role: "combobox", className: "filter-box justify-between w-full", children: [selectedValue || `Select ${label.toLowerCase()}...`, _jsx(ChevronDown, { className: "ml-2 h-4 w-4 shrink-0 opacity-50" })] }) }), _jsxs(PopoverContent, { className: "p-0 z-[310] pointer-events-auto overflow-hidden", style: { width: popoverWidth > 0 ? `${popoverWidth}px` : 'auto' }, align: "start", onWheel: (e) => e.stopPropagation(), children: [_jsxs(Command, { children: [_jsx(CommandInput, { placeholder: `Search ${label.toLowerCase()}...` }), _jsx(CommandEmpty, { children: "No results found." }), _jsx(CommandList, { children: data.map((option) => (_jsxs(CommandItem, { value: option, onSelect: () => {
                                             onChange(option);
                                             setOpen(false);
                                         }, children: [_jsx(Check, { className: cn("mr-2 h-4 w-4", selectedValue === option ? "opacity-100" : "opacity-0") }), option] }, option))) })] }), others &&

package/dist/misc/filterBar.d.ts

@@ -1,7 +1,7 @@
-import { TileProps } from "@myrjfa/state";
+import { TileProps } from "@myrjfa/state/dist/lib/models/tile";
 export interface FilterOptionConfig {
     label: string;
-    type: 'autoComplete' | 'select' | 'range';
+    type: 'autoComplete' | 'select' | 'range' | 'text';
     datatype: 'string[]' | 'number' | 'string' | 'range';
     displayName: string;
     options?: readonly {
@@ -19,6 +19,8 @@ export interface FilterOptionConfig {
         max: number;
     };
     deriveFromTiles?: keyof TileProps;
+    locationScope?: 'all' | 'city';
+    hideActiveBadge?: boolean;
     visibility?: 'bar' | 'expanded';
     showForTypes?: string[];
     groupWith?: string;
@@ -26,6 +28,12 @@ export interface FilterOptionConfig {
 export interface FilterBarProps {
     tiles: TileProps[];
     filterConfig?: FilterOptionConfig[];
+    hero?: {
+        eyebrow?: string;
+        title: string;
+        description?: string;
+        theme?: 'sand' | 'emerald' | 'sunset' | 'slate' | 'ocean';
+    };
 }
-export declare function FilterBar({ tiles, filterConfig }: FilterBarProps): import("react/jsx-runtime").JSX.Element;
+export declare function FilterBar({ tiles, filterConfig, hero }: FilterBarProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=filterBar.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"filterBar.d.ts","sourceRoot":"","sources":["../../src/misc/filterBar.tsx"],"names":[],"mappings":"AASA,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAK1C,MAAM,WAAW,kBAAkB;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,cAAc,GAAG,QAAQ,GAAG,OAAO,CAAC;IAC1C,QAAQ,EAAE,UAAU,GAAG,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAC;IACrD,WAAW,EAAE,MAAM,CAAC;IAEpB,OAAO,CAAC,EAAE,SAAS;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,WAAW,CAAC,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;IAE5E,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAC;IAErC,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,EAAE,GAAG;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,GAAG,EAAE,MAAM,CAAA;KAAE,CAAC;IAEzE,eAAe,CAAC,EAAE,MAAM,SAAS,CAAC;IAElC,UAAU,CAAC,EAAE,KAAK,GAAG,UAAU,CAAC;IAEhC,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;IAExB,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,WAAW,cAAc;IAC3B,KAAK,EAAE,SAAS,EAAE,CAAC;IACnB,YAAY,CAAC,EAAE,kBAAkB,EAAE,CAAC;CACvC;AAgfD,wBAAgB,SAAS,CAAC,EAAE,KAAK,EAAE,YAAY,EAAE,EAAE,cAAc,2CAMhE"}
+{"version":3,"file":"filterBar.d.ts","sourceRoot":"","sources":["../../src/misc/filterBar.tsx"],"names":[],"mappings":"AAWA,OAAO,EAAE,SAAS,EAAE,MAAM,oCAAoC,CAAC;AAK/D,MAAM,WAAW,kBAAkB;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,cAAc,GAAG,QAAQ,GAAG,OAAO,GAAG,MAAM,CAAC;IACnD,QAAQ,EAAE,UAAU,GAAG,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAC;IACrD,WAAW,EAAE,MAAM,CAAC;IAEpB,OAAO,CAAC,EAAE,SAAS;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,WAAW,CAAC,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;IAE5E,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAC;IAErC,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,EAAE,GAAG;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,GAAG,EAAE,MAAM,CAAA;KAAE,CAAC;IAEzE,eAAe,CAAC,EAAE,MAAM,SAAS,CAAC;IAClC,aAAa,CAAC,EAAE,KAAK,GAAG,MAAM,CAAC;IAC/B,eAAe,CAAC,EAAE,OAAO,CAAC;IAE1B,UAAU,CAAC,EAAE,KAAK,GAAG,UAAU,CAAC;IAEhC,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;IAExB,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,WAAW,cAAc;IAC3B,KAAK,EAAE,SAAS,EAAE,CAAC;IACnB,YAAY,CAAC,EAAE,kBAAkB,EAAE,CAAC;IACpC,IAAI,CAAC,EAAE;QACH,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,KAAK,EAAE,MAAM,CAAC;QACd,WAAW,CAAC,EAAE,MAAM,CAAC;QACrB,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,QAAQ,GAAG,OAAO,GAAG,OAAO,CAAC;KAC7D,CAAC;CACL;AAmlBD,wBAAgB,SAAS,CAAC,EAAE,KAAK,EAAE,YAAY,EAAE,IAAI,EAAE,EAAE,cAAc,2CAMtE"}