@myrjfa/ui 2.1.8 → 2.2.0

package/dist/misc/filterBar.js

@@ -1,11 +1,13 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { retrieveCity, retrieveState, INDIAN_CITIES } from "@myrjfa/state";
+import { retrieveCity, retrieveState } from "@myrjfa/state/dist/lib/utils";
+import { INDIAN_CITIES } from "@myrjfa/state/dist/lib/models/props";
 import { Search, SearchIcon, SlidersHorizontal, X } from "lucide-react";
 import { usePathname, useRouter, useSearchParams } from "next/navigation";
 import { Suspense, useEffect, useState } from "react";
 import { Button } from "./button";
 import { Filter } from "./filter";
+import { Input } from "./input";
 import { Sheet, SheetContent, SheetTitle, SheetTrigger } from "./sheet";
 import { Slider } from "./slider";
 // Default filter options (backward compatible)
@@ -14,7 +16,18 @@ const defaultFilterOptions = [
     { label: "skill", type: "autoComplete", datatype: "string[]", displayName: "Skills", deriveFromTiles: 'skills', visibility: 'bar' },
     { label: "rating", type: "select", datatype: "number", displayName: "Rating", visibility: 'expanded' },
 ];
-function FilterBarComponent({ tiles, filterConfig = defaultFilterOptions }) {
+const INDIAN_CITY_SET = new Set(INDIAN_CITIES.map((city) => city.trim().toLowerCase()));
+function retrieveScopedCity(location) {
+    var _a;
+    const parts = location.split(",").map((part) => part.trim()).filter(Boolean);
+    if (parts.length > 1) {
+        const lastPart = ((_a = parts[parts.length - 1]) === null || _a === void 0 ? void 0 : _a.toLowerCase()) || "";
+        if (INDIAN_CITY_SET.has(lastPart))
+            return lastPart;
+    }
+    return retrieveCity(location);
+}
+function FilterBarComponent({ tiles, filterConfig = defaultFilterOptions, hero }) {
     const searchParams = useSearchParams();
     const pathname = usePathname();
     const router = useRouter();
@@ -63,7 +76,32 @@ function FilterBarComponent({ tiles, filterConfig = defaultFilterOptions }) {
         });
         setFilterParam(newState);
     }, [searchParams, filterConfig]);
-    const changeMultiParams = (params) => {
+    const getFiltersFromSearchParams = () => {
+        const state = {};
+        filterConfig.forEach(opt => {
+            const param = searchParams.get(opt.label);
+            if (opt.datatype === 'string[]') {
+                state[opt.label] = (param === null || param === void 0 ? void 0 : param.split(',').filter(Boolean)) || opt.defaultValue || [];
+            }
+            else if (opt.datatype === 'number') {
+                state[opt.label] = parseInt(param || "0", 10) || opt.defaultValue || 0;
+            }
+            else if (opt.datatype === 'range') {
+                const minParam = searchParams.get(`${opt.label}Min`);
+                const maxParam = searchParams.get(`${opt.label}Max`);
+                const defaultRange = opt.defaultValue || { min: 0, max: 100 };
+                state[opt.label] = {
+                    min: minParam ? parseInt(minParam, 10) : defaultRange.min,
+                    max: maxParam ? parseInt(maxParam, 10) : defaultRange.max
+                };
+            }
+            else {
+                state[opt.label] = param || opt.defaultValue || '';
+            }
+        });
+        return state;
+    };
+    const changeMultiParams = (params, options) => {
         const newParams = new URLSearchParams(searchParams);
         newParams.set('page', '1');
         Object.entries(params).forEach(([key, value]) => {
@@ -107,7 +145,12 @@ function FilterBarComponent({ tiles, filterConfig = defaultFilterOptions }) {
             return opt.options.map(o => o.label);
         }
         if (opt.deriveFromTiles === 'location') {
-            const tileLocations = (tiles !== null && tiles !== void 0 ? tiles : []).map(tile => [retrieveState((tile === null || tile === void 0 ? void 0 : tile.location) || ''), retrieveCity((tile === null || tile === void 0 ? void 0 : tile.location) || '')]).flat().filter(Boolean);
+            const tileLocations = (tiles !== null && tiles !== void 0 ? tiles : [])
+                .map(tile => opt.locationScope === 'city'
+                ? retrieveScopedCity((tile === null || tile === void 0 ? void 0 : tile.location) || '')
+                : [retrieveState((tile === null || tile === void 0 ? void 0 : tile.location) || ''), retrieveCity((tile === null || tile === void 0 ? void 0 : tile.location) || '')])
+                .flat()
+                .filter(Boolean);
             return Array.from(new Set([...tileLocations, ...INDIAN_CITIES]));
         }
         if (opt.deriveFromTiles === 'skills') {
@@ -130,9 +173,9 @@ function FilterBarComponent({ tiles, filterConfig = defaultFilterOptions }) {
         // For select with options, convert label to value
         let actualValue = value;
         if (options) {
-            const opt = options.find(o => o.label === value);
+            const opt = options.find(o => decodeURIComponent(o.label.trim().toLowerCase()) === value);
             if (opt)
-                actualValue = opt.value;
+                actualValue = decodeURIComponent(opt.value.trim().toLowerCase());
         }
         setFilterParam(prev => {
             const currentValues = prev[label];
@@ -157,23 +200,8 @@ function FilterBarComponent({ tiles, filterConfig = defaultFilterOptions }) {
             };
         });
     };
-    const removeFilter = (label, value) => {
-        const config = filterConfig.find(f => f.label === label);
-        if ((config === null || config === void 0 ? void 0 : config.datatype) === 'range') {
-            // Reset range to default
-            const defaultRange = config.defaultValue || { min: 0, max: 100 };
-            setFilterParam(prev => ({ ...prev, [label]: defaultRange }));
-        }
-        else {
-            setFilterParam(prev => ({
-                ...prev,
-                [label]: Array.isArray(prev[label])
-                    ? prev[label].filter(v => v !== value)
-                    : prev[label] === value ? 0 : ((config === null || config === void 0 ? void 0 : config.defaultValue) || '')
-            }));
-        }
-    };
     const [sheetOpen, setSheetOpen] = useState(false);
+    const [isApplying, setIsApplying] = useState(false);
     // Get current opportunity type for conditional filters
     const currentType = filterParam['type'] || 'volunteer';
     // Filter configs based on showForTypes
@@ -184,9 +212,9 @@ function FilterBarComponent({ tiles, filterConfig = defaultFilterOptions }) {
             return opt.showForTypes.includes(currentType);
         });
     };
-    const getActiveFilters = () => {
+    const getActiveFilters = (state) => {
         const filters = [];
-        Object.entries(filterParam).forEach(([key, values]) => {
+        Object.entries(state).forEach(([key, values]) => {
             const opt = filterConfig.find(o => o.label === key);
             if (!opt)
                 return;
@@ -220,7 +248,34 @@ function FilterBarComponent({ tiles, filterConfig = defaultFilterOptions }) {
         });
         return filters;
     };
-    const activeFilters = getActiveFilters();
+    const appliedFilterState = getFiltersFromSearchParams();
+    const activeFilters = getActiveFilters(appliedFilterState);
+    const visibleActiveFilters = activeFilters.filter((filter) => {
+        const config = filterConfig.find((opt) => opt.label === filter.label);
+        return !(config === null || config === void 0 ? void 0 : config.hideActiveBadge);
+    });
+    const hasActiveFilters = activeFilters.length > 0;
+    const themeStyles = {
+        sand: "border-[#e8dccb] bg-[linear-gradient(135deg,#f7efe3_0%,#efe2cd_52%,#e6d4bc_100%)]",
+        emerald: "border-emerald-200/70 bg-[linear-gradient(135deg,#ecfdf5_0%,#d1fae5_55%,#ecfeff_100%)]",
+        sunset: "border-orange-200/70 bg-[linear-gradient(135deg,#fff7ed_0%,#ffedd5_50%,#fef3c7_100%)]",
+        slate: "border-slate-700/70 bg-[linear-gradient(135deg,#0f172a_0%,#111827_55%,#1e293b_100%)]",
+        ocean: "border-sky-200/70 bg-[linear-gradient(135deg,#eff6ff_0%,#dbeafe_52%,#ecfeff_100%)]",
+    };
+    const currentTheme = themeStyles[(hero === null || hero === void 0 ? void 0 : hero.theme) || 'emerald'];
+    const expandedSectionClasses = {
+        sand: "border-b border-[#e8dccb] bg-[linear-gradient(135deg,#f7efe3_0%,#efe2cd_52%,#e6d4bc_100%)]",
+        emerald: "border-b border-emerald-100 bg-[linear-gradient(135deg,#effcf5_0%,#dcfce7_48%,#ecfeff_100%)]",
+        sunset: "border-b border-orange-100 bg-[linear-gradient(135deg,#fff7ed_0%,#ffedd5_50%,#fef3c7_100%)]",
+        slate: "border-b border-slate-800 bg-[linear-gradient(135deg,#0f172a_0%,#172554_52%,#1e1b4b_100%)]",
+        ocean: "border-b border-sky-100 bg-[linear-gradient(135deg,#f0f9ff_0%,#dbeafe_50%,#ecfeff_100%)]",
+    };
+    const applyFilters = () => {
+        setIsApplying(true);
+        changeMultiParams(filterParam);
+        setSheetOpen(false);
+        setTimeout(() => setIsApplying(false), 420);
+    };
     const clearAllFilters = () => {
         const clearedParams = getInitialFilterState();
         setFilterParam(clearedParams);
@@ -229,6 +284,10 @@ function FilterBarComponent({ tiles, filterConfig = defaultFilterOptions }) {
     };
     const renderFilterInput = (opt) => {
         var _a, _b, _c, _d, _e, _f, _g;
+        if (opt.type === 'text') {
+            const value = filterParam[opt.label] || '';
+            return (_jsx(Input, { value: value, onChange: (e) => setFilterParam(prev => ({ ...prev, [opt.label]: e.target.value })), placeholder: `Search ${opt.displayName.toLowerCase()}...`, className: "w-full bg-transparent border-none shadow-none px-0 focus-visible:ring-0" }));
+        }
         if (opt.type === 'range') {
             const rangeValue = filterParam[opt.label];
             const defaultRange = opt.defaultValue || { min: 0, max: 100 };
@@ -292,39 +351,34 @@ function FilterBarComponent({ tiles, filterConfig = defaultFilterOptions }) {
     const visibleConfigs = getVisibleConfigs(filterConfig);
     const barFilters = visibleConfigs.filter(f => f.visibility !== 'expanded');
     const expandedFilters = visibleConfigs.filter(f => f.visibility === 'expanded');
-    return (_jsxs("div", { className: "w-4/5 max-w-5xl mx-auto", children: [_jsxs("div", { className: "items-center w-full bg-background shadow-md rounded-full px-4 py-3 md:py-2 flex", children: [barFilters.slice(0, 3).map((opt) => (_jsxs("div", { className: "items-center flex-1 hidden md:flex", children: [_jsx("div", { className: "w-full", children: renderFilterInput(opt) }), _jsx("div", { className: "h-6 w-px bg-gray-300 mx-4 md:h-8" })] }, opt.label))), _jsxs(Sheet, { open: sheetOpen, onOpenChange: setSheetOpen, children: [_jsx(SheetTrigger, { asChild: true, children: _jsxs("button", { className: "flex items-center gap-2 text-sm text-gray-600 cursor-pointer m-auto relative", children: [_jsx(SlidersHorizontal, { size: 16, className: "hidden md:block" }), _jsx(SearchIcon, { size: 16, className: "md:hidden" }), _jsx("div", { className: "md:hidden", children: "Start search..." }), expandedFilters.length > 0 && (_jsxs("span", { className: "hidden md:block", children: ["+", expandedFilters.length, " more"] }))] }) }), _jsxs(SheetContent, { side: "top", className: "w-full p-8 z-200 md:items-center overflow-y-auto max-h-[80vh]", children: [_jsx(SheetTitle, { className: "text-lg font-semibold mb-4", children: "Filters" }), _jsx("div", { className: "space-y-6 md:w-3/5", children: visibleConfigs
-                                            .filter(opt => !opt.groupWith) // Only render non-grouped or group leaders
+    const filtersCard = (_jsx("div", { className: `rounded-[1.75rem] border border-white/70 bg-white/92 shadow-lg backdrop-blur transition-all duration-500 ${hasActiveFilters ? 'p-3 sm:p-3' : 'p-4'}`, children: _jsxs("div", { className: "flex w-full flex-col gap-3 md:flex-row md:items-center", children: [barFilters.slice(0, 3).map((opt, index) => (_jsxs("div", { className: "hidden md:flex min-w-0 flex-1 items-center", children: [_jsx("div", { className: "w-full", children: renderFilterInput(opt) }), index < Math.min(barFilters.length, 3) - 1 ? (_jsx("div", { className: "mx-4 hidden h-10 w-px bg-slate-200 md:block" })) : null] }, opt.label))), _jsxs(Sheet, { open: sheetOpen, onOpenChange: setSheetOpen, children: [_jsx(SheetTrigger, { asChild: true, children: _jsxs("button", { className: "flex h-12 items-center justify-center gap-2 rounded-2xl border border-slate-200 bg-slate-50 px-4 text-sm font-semibold text-slate-600 transition hover:border-slate-300 hover:bg-slate-100 md:min-w-[10rem]", children: [_jsx(SlidersHorizontal, { size: 16, className: "hidden md:block" }), _jsx(SearchIcon, { size: 16, className: "md:hidden" }), _jsx("span", { className: "md:hidden", children: "Start search..." }), _jsx("span", { className: "hidden md:inline", children: expandedFilters.length > 0 ? `+${expandedFilters.length} more` : 'More filters' })] }) }), _jsxs(SheetContent, { side: "bottom", className: "z-[200] max-h-[88vh] overflow-hidden rounded-t-[2rem] border-t border-slate-200 bg-white p-0 shadow-2xl md:inset-x-1/2 md:bottom-auto md:top-1/2 md:h-[min(86vh,820px)] md:w-[min(960px,calc(100vw-3rem))] md:-translate-x-1/2 md:-translate-y-1/2 md:rounded-[2rem] md:border", children: [_jsx("div", { className: "flex items-center justify-center border-b border-slate-200 px-5 py-4 md:px-8", children: _jsx(SheetTitle, { className: "text-lg font-black tracking-tight text-slate-950", children: "Filters" }) }), _jsx("div", { className: "flex-1 overflow-y-auto px-5 py-5 md:px-10 md:py-7", children: _jsx("div", { className: "mx-auto max-w-3xl divide-y divide-slate-100", children: visibleConfigs
+                                            .filter(opt => !opt.groupWith)
                                             .map((opt) => {
-                                            // Check if this filter has a grouped partner
                                             const groupedFilter = visibleConfigs.find(f => f.groupWith === opt.label);
                                             if (groupedFilter) {
-                                                // Render grouped filters on same line
-                                                return (_jsxs("div", { className: "space-y-2", children: [_jsxs("label", { className: "text-sm font-medium text-gray-700", children: [groupedFilter.displayName, " & ", opt.displayName] }), _jsxs("div", { className: "bg-gray-50 rounded-lg p-3 flex items-center gap-4", children: [_jsx("div", { className: "w-28", children: renderFilterInput(groupedFilter) }), _jsx("div", { className: "flex-1", children: renderFilterInput(opt) })] })] }, opt.label));
+                                                return (_jsxs("section", { className: "space-y-4 py-6 first:pt-0", children: [_jsxs("label", { className: "block text-base font-black text-slate-900", children: [groupedFilter.displayName, " & ", opt.displayName] }), _jsxs("div", { className: "grid gap-3 rounded-3xl border border-slate-200 bg-slate-50/70 p-3 sm:grid-cols-[8rem_minmax(0,1fr)]", children: [_jsx("div", { children: renderFilterInput(groupedFilter) }), _jsx("div", { children: renderFilterInput(opt) })] })] }, opt.label));
                                             }
-                                            // Regular filter
-                                            return (_jsxs("div", { className: "space-y-2", children: [_jsx("label", { className: "text-sm font-medium text-gray-700", children: opt.displayName }), _jsx("div", { className: "bg-gray-50 rounded-lg p-3", children: renderFilterInput(opt) })] }, opt.label));
-                                        }) }), _jsxs("div", { className: "flex gap-3 mt-6 pt-4 border-t md:w-3/5", children: [_jsx(Button, { variant: "outline", onClick: clearAllFilters, className: "flex-1", children: "Clear All" }), _jsx(Button, { onClick: () => {
-                                                    changeMultiParams(filterParam);
-                                                    setSheetOpen(false);
-                                                }, className: "flex-1", children: "Apply Filters" })] })] })] }), _jsx(Button, { variant: "default", onClick: () => changeMultiParams(filterParam), className: "ml-4 w-12 h-12 rounded-full items-center justify-center hidden md:flex cursor-pointer", children: _jsx(Search, { size: 20 }) })] }), activeFilters.length > 0 && (_jsx("div", { className: "max-w-5xl mx-auto mt-4", children: _jsxs("div", { className: "flex flex-wrap gap-2", children: [activeFilters.map((filter, index) => (_jsxs("div", { className: "inline-flex items-center gap-1 bg-blue-100 text-blue-800 px-3 py-1 rounded-full text-sm border border-blue-200", children: [_jsxs("span", { className: "font-medium", children: [filter.displayName, ":"] }), _jsx("span", { children: typeof filter.value === 'number' && !filter.isRange
-                                        ? `${filter.value} star or more`
-                                        : filter.value }), _jsx("button", { onClick: () => {
-                                        removeFilter(filter.label, filter.value);
-                                        const newState = { ...filterParam };
-                                        if (filter.isRange) {
-                                            const config = filterConfig.find(f => f.label === filter.label);
-                                            newState[filter.label] = (config === null || config === void 0 ? void 0 : config.defaultValue) || { min: 0, max: 100 };
-                                        }
-                                        else if (Array.isArray(filterParam[filter.label])) {
-                                            newState[filter.label] = filterParam[filter.label].filter(v => v !== filter.value);
-                                        }
-                                        else {
-                                            const config = filterConfig.find(f => f.label === filter.label);
-                                            newState[filter.label] = (config === null || config === void 0 ? void 0 : config.defaultValue) || 0;
-                                        }
-                                        changeMultiParams(newState);
-                                    }, className: "ml-1 hover:bg-blue-200 rounded-full p-1 transition-colors", children: _jsx(X, { size: 12 }) })] }, `${filter.label}-${filter.value}-${index}`))), _jsxs("button", { onClick: clearAllFilters, className: "inline-flex items-center gap-1 bg-gray-100 text-gray-600 px-3 py-1 rounded-full text-sm border border-gray-200 hover:bg-gray-200 transition-colors", children: ["Clear All", _jsx(X, { size: 12 })] })] }) }))] }));
+                                            return (_jsxs("section", { className: "space-y-4 py-6 first:pt-0", children: [_jsx("label", { className: "block text-base font-black text-slate-900", children: opt.displayName }), _jsx("div", { className: "rounded-3xl border border-slate-200 bg-slate-50/70 p-3", children: renderFilterInput(opt) })] }, opt.label));
+                                        }) }) }), _jsxs("div", { className: "sticky bottom-0 flex gap-3 border-t border-slate-200 bg-white/95 px-5 py-4 shadow-[0_-18px_45px_-30px_rgba(15,23,42,0.45)] backdrop-blur md:px-10", children: [_jsx(Button, { variant: "outline", onClick: clearAllFilters, className: "h-12 flex-1 rounded-2xl border-slate-300 font-black", children: "Clear All" }), _jsx(Button, { onClick: applyFilters, className: "h-12 flex-1 rounded-2xl font-black shadow-lg shadow-primary/20", children: "Apply Filters" })] })] })] }), _jsxs(Button, { variant: "default", onClick: applyFilters, className: `h-12 rounded-2xl px-5 text-sm font-black transition duration-300 md:min-w-[8.5rem] ${isApplying ? 'scale-95 shadow-[0_0_0_10px_rgba(16,185,129,0.14)]' : 'hover:scale-[1.02] shadow-lg shadow-primary/25'}`, children: [_jsx(Search, { size: 18, className: "mr-2" }), "Search"] })] }) }));
+    return hasActiveFilters ? (_jsx("div", { className: "sticky top-16 z-30 mb-10 mt-2 w-full px-4 transition-all duration-500", children: _jsx("div", { className: `mx-auto w-full max-w-6xl overflow-hidden rounded-[2rem] border py-3 shadow-[0_28px_70px_-34px_rgba(15,23,42,0.28)] transition-all duration-500 ${currentTheme}`, children: _jsxs("div", { className: "mx-auto w-full max-w-5xl px-4 sm:px-6", children: [filtersCard, visibleActiveFilters.length > 0 && (_jsx("div", { className: "mt-4", children: _jsxs("div", { className: "flex flex-wrap gap-2", children: [visibleActiveFilters.map((filter, index) => (_jsxs("div", { className: "inline-flex items-center gap-1 rounded-full border border-white/70 bg-white/88 px-3 py-1 text-sm text-slate-700 shadow-sm", children: [_jsxs("span", { className: "font-medium", children: [filter.displayName, ":"] }), _jsx("span", { children: typeof filter.value === 'number' && !filter.isRange
+                                                ? `${filter.value} star or more`
+                                                : filter.value }), _jsx("button", { onClick: () => {
+                                                const newState = { ...filterParam };
+                                                if (filter.isRange) {
+                                                    const config = filterConfig.find(f => f.label === filter.label);
+                                                    newState[filter.label] = (config === null || config === void 0 ? void 0 : config.defaultValue) || { min: 0, max: 100 };
+                                                }
+                                                else if (Array.isArray(filterParam[filter.label])) {
+                                                    newState[filter.label] = filterParam[filter.label].filter(v => v !== filter.value);
+                                                }
+                                                else {
+                                                    const config = filterConfig.find(f => f.label === filter.label);
+                                                    newState[filter.label] = (config === null || config === void 0 ? void 0 : config.defaultValue) || 0;
+                                                }
+                                                setFilterParam(newState);
+                                                changeMultiParams(newState);
+                                            }, className: "ml-1 rounded-full p-1 transition-colors hover:bg-slate-100", children: _jsx(X, { size: 12 }) })] }, `${filter.label}-${filter.value}-${index}`))), _jsx("button", { onClick: clearAllFilters, className: "inline-flex items-center gap-1 rounded-full border border-red-600 bg-white/88 px-3 py-1 text-sm text-slate-600 shadow-sm transition-colors hover:bg-red-200", children: "Clear All" })] }) }))] }) }) })) : (_jsxs("div", { className: `relative w-full overflow-hidden px-4 pb-10 pt-20 transition-all duration-500 ${expandedSectionClasses[(hero === null || hero === void 0 ? void 0 : hero.theme) || 'emerald']}`, children: [_jsxs("div", { className: "pointer-events-none absolute inset-0", children: [_jsx("div", { className: "absolute -left-20 top-8 h-56 w-56 rounded-full bg-white/35 blur-3xl" }), _jsx("div", { className: "absolute right-0 top-0 h-72 w-72 rounded-full bg-white/15 blur-3xl" }), _jsx("div", { className: "absolute bottom-0 left-1/3 h-40 w-40 rounded-full bg-white/15 blur-2xl" })] }), _jsxs("div", { className: "container relative z-10 mx-auto max-w-5xl", children: [hero ? (_jsxs("div", { className: "mb-8 text-center", children: [hero.eyebrow ? (_jsx("span", { className: `inline-flex rounded-full px-3 py-1 text-xs font-black uppercase tracking-[0.2em] shadow-sm ${hero.theme === 'slate' ? 'border border-white/20 bg-white/10 text-white/88' : 'border border-black/10 bg-white/70 text-slate-700'}`, children: hero.eyebrow })) : null, _jsx("h2", { className: `mt-4 text-4xl font-black leading-tight tracking-tight md:text-5xl ${hero.theme === 'slate' ? 'text-white' : 'text-inherit'}`, children: hero.title }), hero.description ? (_jsx("p", { className: `mx-auto mt-2 max-w-3xl text-base font-medium ${hero.theme === 'slate' ? 'text-white/78' : 'text-slate-600'}`, children: hero.description })) : null] })) : null, filtersCard] })] }));
 }
-export function FilterBar({ tiles, filterConfig }) {
-    return (_jsx(Suspense, { fallback: _jsx("div", { className: "w-full h-screen flex items-center justify-center", children: "Loading..." }), children: _jsx(FilterBarComponent, { tiles: tiles, filterConfig: filterConfig }) }));
+export function FilterBar({ tiles, filterConfig, hero }) {
+    return (_jsx(Suspense, { fallback: _jsx("div", { className: "w-full h-screen flex items-center justify-center", children: "Loading..." }), children: _jsx(FilterBarComponent, { tiles: tiles, filterConfig: filterConfig, hero: hero }) }));
 }

package/dist/misc/form.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Slot } from "@radix-ui/react-slot";
-import { cn } from "@myrjfa/state";
+import { cn } from "@myrjfa/state/dist/lib/utils";
 import * as React from "react";
 import { Controller, FormProvider, useFormContext, useFormState, } from "react-hook-form";
 import { Label } from "./label";

package/dist/misc/input.d.ts

@@ -1,4 +1,7 @@
 import * as React from "react";
-declare function Input({ className, type, ...props }: React.ComponentProps<"input">): import("react/jsx-runtime").JSX.Element;
+type InputProps = React.ComponentProps<"input"> & {
+    showZeroAsEmpty?: boolean;
+};
+declare function Input({ className, type, showZeroAsEmpty, value, ...props }: InputProps): import("react/jsx-runtime").JSX.Element;
 export { Input };
 //# sourceMappingURL=input.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../src/misc/input.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,iBAAS,KAAK,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,2CAgB1E;AAED,OAAO,EAAE,KAAK,EAAE,CAAA"}
+{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../src/misc/input.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,KAAK,UAAU,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,GAAG;IAChD,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B,CAAC;AAEF,iBAAS,KAAK,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,eAAuB,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,UAAU,2CAyBvF;AAED,OAAO,EAAE,KAAK,EAAE,CAAC"}

package/dist/misc/input.js

@@ -1,6 +1,11 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { cn } from "@myrjfa/state";
-function Input({ className, type, ...props }) {
-    return (_jsx("input", { type: type, "data-slot": "input", onWheel: (e) => e.currentTarget.blur(), className: cn("border-input file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground flex h-9 w-full min-w-0 rounded-md border bg-transparent px-3 py-1 text-base shadow-xs transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm", "focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]", "aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive", "[&::-webkit-inner-spin-button]:appearance-none [&::-webkit-outer-spin-button]:appearance-none", className), ...props }));
+import { cn } from "@myrjfa/state/dist/lib/utils";
+function Input({ className, type, showZeroAsEmpty = false, value, ...props }) {
+    const normalizedValue = type === "number" &&
+        (value == null || Number.isNaN(Number(value)) || (showZeroAsEmpty && Number(value) === 0))
+        ? ""
+        : value;
+    const valueProps = value !== undefined || showZeroAsEmpty ? { value: normalizedValue } : {};
+    return (_jsx("input", { type: type, "data-slot": "input", ...valueProps, onWheel: (e) => e.currentTarget.blur(), className: cn("border-input file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground flex h-9 w-full min-w-0 rounded-md border bg-transparent px-3 py-1 text-base shadow-xs transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm", "focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]", "aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive", "[&::-webkit-inner-spin-button]:appearance-none [&::-webkit-outer-spin-button]:appearance-none", className), ...props }));
 }
 export { Input };

package/dist/misc/label.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsx as _jsx } from "react/jsx-runtime";
 import * as LabelPrimitive from "@radix-ui/react-label";
-import { cn } from "@myrjfa/state";
+import { cn } from "@myrjfa/state/dist/lib/utils";
 function Label({ className, ...props }) {
     return (_jsx(LabelPrimitive.Root, { "data-slot": "label", className: cn("flex items-center gap-2 leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50", className), ...props }));
 }

package/dist/misc/listing-wishlist-button.d.ts

@@ -0,0 +1,13 @@
+import { type tileType } from "@myrjfa/state/dist/lib/models/tile";
+type ListingWishlistButtonProps = {
+    slug: string;
+    tileType: tileType;
+    className?: string;
+    iconClassName?: string;
+    large?: boolean;
+    showLabel?: boolean;
+    label?: string;
+};
+export declare function ListingWishlistButton({ slug, tileType, className, iconClassName, large, showLabel, label, }: ListingWishlistButtonProps): import("react/jsx-runtime").JSX.Element | null;
+export {};
+//# sourceMappingURL=listing-wishlist-button.d.ts.map

package/dist/misc/listing-wishlist-button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"listing-wishlist-button.d.ts","sourceRoot":"","sources":["../../src/misc/listing-wishlist-button.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,QAAQ,EAAE,MAAM,oCAAoC,CAAC;AAQnE,KAAK,0BAA0B,GAAG;IAChC,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,QAAQ,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAIF,wBAAgB,qBAAqB,CAAC,EACpC,IAAI,EACJ,QAAQ,EACR,SAAS,EACT,aAAa,EACb,KAAa,EACb,SAAiB,EACjB,KAAK,GACN,EAAE,0BAA0B,kDA2D5B"}

package/dist/misc/listing-wishlist-button.js

@@ -0,0 +1,42 @@
+"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 } from "@myrjfa/state/dist/lib/utils";
+import { useAtom, useAtomValue } from "jotai";
+import { Heart } from "lucide-react";
+import { useEffect, useState } from "react";
+import { showAlert } from "./alertdialogclaude";
+const usesOpportunityWishlist = (type) => type === "opportunities";
+export function ListingWishlistButton({ slug, tileType, className, iconClassName, large = false, showLabel = false, label, }) {
+    const [user, setUser] = useAtom(userAtom);
+    const loading = useAtomValue(userLoadingAtom);
+    const [wishlisted, setWishlisted] = useState(false);
+    useEffect(() => {
+        var _a;
+        if (loading || !user)
+            return;
+        const list = usesOpportunityWishlist(tileType) ? user.wishlist : user.favPackages;
+        setWishlisted((_a = list === null || list === void 0 ? void 0 : list.includes(slug)) !== null && _a !== void 0 ? _a : false);
+    }, [loading, slug, tileType, user]);
+    if (!user || user.role !== "user" || tileType === "blogs")
+        return null;
+    const accessibleLabel = label || (wishlisted ? "Remove from wishlist" : "Save to wishlist");
+    return (_jsxs("button", { type: "button", onClick: async (event) => {
+            event.preventDefault();
+            event.stopPropagation();
+            const response = await toggleUserWishlist(slug, tileType);
+            if (response === null || response === void 0 ? void 0 : response.error) {
+                await showAlert(response.error);
+                return;
+            }
+            setUser((prev) => {
+                if (!prev)
+                    return prev;
+                return usesOpportunityWishlist(tileType)
+                    ? { ...prev, wishlist: response.wishlist }
+                    : { ...prev, favPackages: response.wishlist };
+            });
+            setWishlisted((prev) => !prev);
+        }, className: cn("inline-flex items-center justify-center gap-2 rounded-full bg-white/90 text-slate-600 shadow-md backdrop-blur transition hover:bg-white hover:text-rose-500", large ? "h-12 px-4" : "h-10 w-10", className), "aria-label": accessibleLabel, title: accessibleLabel, children: [_jsx(Heart, { className: cn(large ? "h-5 w-5" : "h-4 w-4", wishlisted ? "fill-rose-500 text-rose-500" : "text-current", iconClassName) }), showLabel ? (_jsx("span", { className: "text-sm font-bold", children: wishlisted ? "Saved" : "Save" })) : null] }));
+}

package/dist/misc/location/locationPicker.js

@@ -6,7 +6,7 @@ import { Input } from '../input';
 import dynamic from 'next/dynamic';
 import { FormControl, FormField, FormItem, FormLabel, FormMessage } from '../form';
 import { Filter } from '../filter';
-import { getCountryNames, getStates } from '@myrjfa/state';
+import { getCountryNames, getStates } from "@myrjfa/state/dist/lib/data/countryStates";
 function NominatimSearch({ onSelect }) {
     const [query, setQuery] = useState('');
     const [results, setResults] = useState([]);

package/dist/misc/location-autocomplete.d.ts

@@ -0,0 +1,28 @@
+import { type ReactNode } from "react";
+export interface LocationAutocompleteOption<T = unknown> {
+    id: string;
+    title: string;
+    subtitle?: string;
+    badge?: string;
+    icon?: ReactNode;
+    data?: T;
+}
+interface LocationAutocompleteProps<T = unknown> {
+    value: string;
+    onValueChange: (value: string) => void;
+    onSelectOption?: (option: LocationAutocompleteOption<T>) => void;
+    loadOptions: (query: string) => LocationAutocompleteOption<T>[] | Promise<LocationAutocompleteOption<T>[]>;
+    placeholder?: string;
+    sectionLabel?: string;
+    emptyTitle?: string;
+    emptyDescription?: string;
+    loadingText?: string;
+    variant?: "plain" | "card";
+    labelText?: string;
+    containerClassName?: string;
+    inputClassName?: string;
+    maxHeightClassName?: string;
+}
+export declare function LocationAutocomplete<T = unknown>({ value, onValueChange, onSelectOption, loadOptions, placeholder, sectionLabel, emptyTitle, emptyDescription, loadingText, variant, labelText, containerClassName, inputClassName, maxHeightClassName, }: LocationAutocompleteProps<T>): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=location-autocomplete.d.ts.map

package/dist/misc/location-autocomplete.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"location-autocomplete.d.ts","sourceRoot":"","sources":["../../src/misc/location-autocomplete.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAwC,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAE7E,MAAM,WAAW,0BAA0B,CAAC,CAAC,GAAG,OAAO;IACrD,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,IAAI,CAAC,EAAE,CAAC,CAAC;CACV;AAED,UAAU,yBAAyB,CAAC,CAAC,GAAG,OAAO;IAC7C,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,0BAA0B,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC;IACjE,WAAW,EAAE,CACX,KAAK,EAAE,MAAM,KAEX,0BAA0B,CAAC,CAAC,CAAC,EAAE,GAC/B,OAAO,CAAC,0BAA0B,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;IAC7C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B;AAuBD,wBAAgB,oBAAoB,CAAC,CAAC,GAAG,OAAO,EAAE,EAChD,KAAK,EACL,aAAa,EACb,cAAc,EACd,WAAW,EACX,WAAsC,EACtC,YAA4B,EAC5B,UAA+B,EAC/B,gBAA8C,EAC9C,WAAsC,EACtC,OAAiB,EACjB,SAAmB,EACnB,kBAAkB,EAClB,cAAc,EACd,kBAA+B,GAChC,EAAE,yBAAyB,CAAC,CAAC,CAAC,2CA6N9B"}

package/dist/misc/location-autocomplete.js

@@ -0,0 +1,121 @@
+"use client";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from "@myrjfa/state/dist/lib/utils";
+import { MapPin, Search } from "lucide-react";
+import { useEffect, useMemo, useRef, useState } from "react";
+function highlightMatch(text, query) {
+    if (!query)
+        return text;
+    const parts = text.split(new RegExp(`(${query})`, "gi"));
+    return (_jsx(_Fragment, { children: parts.map((part, i) => part.toLowerCase() === query.toLowerCase() ? (_jsx("span", { className: "rounded bg-blue-50 px-0.5 font-bold text-gray-900", children: part }, `${part}-${i}`)) : (_jsx("span", { children: part }, `${part}-${i}`))) }));
+}
+export function LocationAutocomplete({ value, onValueChange, onSelectOption, loadOptions, placeholder = "Search destinations...", sectionLabel = "Suggestions", emptyTitle = "No results found", emptyDescription = "Try a different location.", loadingText = "Searching locations...", variant = "plain", labelText = "Where", containerClassName, inputClassName, maxHeightClassName = "max-h-72", }) {
+    const [isOpen, setIsOpen] = useState(false);
+    const [query, setQuery] = useState(value);
+    const [results, setResults] = useState([]);
+    const [loading, setLoading] = useState(false);
+    const [selectedIndex, setSelectedIndex] = useState(-1);
+    const dropdownRef = useRef(null);
+    const cacheRef = useRef({});
+    useEffect(() => {
+        setQuery(value);
+    }, [value]);
+    useEffect(() => {
+        function handleClickOutside(event) {
+            if (dropdownRef.current &&
+                !dropdownRef.current.contains(event.target)) {
+                setIsOpen(false);
+            }
+        }
+        document.addEventListener("mousedown", handleClickOutside);
+        return () => document.removeEventListener("mousedown", handleClickOutside);
+    }, []);
+    const fetchOptions = async (nextQuery) => {
+        if (cacheRef.current[nextQuery]) {
+            setResults(cacheRef.current[nextQuery]);
+            setLoading(false);
+            return;
+        }
+        setLoading(true);
+        try {
+            const loaded = await loadOptions(nextQuery);
+            cacheRef.current[nextQuery] = loaded;
+            setResults(loaded);
+        }
+        finally {
+            setLoading(false);
+        }
+    };
+    useEffect(() => {
+        if (!isOpen)
+            return;
+        const timer = setTimeout(() => {
+            fetchOptions(query);
+        }, 250);
+        return () => clearTimeout(timer);
+    }, [query, isOpen]);
+    const handleFocus = () => {
+        setIsOpen(true);
+        if (!results.length) {
+            fetchOptions(query);
+        }
+    };
+    const handleSelect = (option) => {
+        setQuery(option.title);
+        onValueChange(option.title);
+        onSelectOption === null || onSelectOption === void 0 ? void 0 : onSelectOption(option);
+        setIsOpen(false);
+        setSelectedIndex(-1);
+    };
+    const handleKeyDown = (e) => {
+        if (!isOpen) {
+            if (e.key === "Enter") {
+                onValueChange(query);
+            }
+            return;
+        }
+        if (e.key === "ArrowDown") {
+            e.preventDefault();
+            setSelectedIndex((prev) => prev < results.length - 1 ? prev + 1 : prev);
+        }
+        else if (e.key === "ArrowUp") {
+            e.preventDefault();
+            setSelectedIndex((prev) => (prev > 0 ? prev - 1 : -1));
+        }
+        else if (e.key === "Enter") {
+            e.preventDefault();
+            const selected = results[selectedIndex];
+            if (selectedIndex >= 0 && selected) {
+                handleSelect(selected);
+            }
+            else {
+                onValueChange(query);
+                setIsOpen(false);
+            }
+        }
+        else if (e.key === "Escape") {
+            setIsOpen(false);
+        }
+    };
+    const rootClasses = useMemo(() => {
+        if (variant === "card") {
+            return cn("relative flex flex-1 items-center gap-3 rounded-2xl border-2 border-gray-100 bg-white px-4 py-3 transition focus-within:border-primary focus-within:ring-4 focus-within:ring-primary/10", containerClassName);
+        }
+        return cn("relative", containerClassName);
+    }, [containerClassName, variant]);
+    return (_jsxs("div", { className: rootClasses, ref: dropdownRef, children: [variant === "card" ? (_jsxs(_Fragment, { children: [_jsx(MapPin, { className: "h-5 w-5 flex-shrink-0 text-primary" }), _jsxs("div", { className: "min-w-0 flex-1", children: [_jsx("p", { className: "mb-0.5 text-[10px] font-black uppercase tracking-widest text-gray-400", children: labelText }), _jsx("input", { type: "text", name: "trippeaze-location-search", value: query, autoComplete: "new-password", autoCorrect: "off", spellCheck: false, onFocus: handleFocus, onChange: (e) => {
+                                    setQuery(e.target.value);
+                                    onValueChange(e.target.value);
+                                    setIsOpen(true);
+                                    setSelectedIndex(-1);
+                                }, onKeyDown: handleKeyDown, placeholder: placeholder, className: cn("w-full bg-transparent text-sm font-semibold text-gray-900 outline-none placeholder:text-gray-300", inputClassName) })] })] })) : (_jsx("input", { type: "text", name: "trippeaze-location-search", value: query, autoComplete: "new-password", autoCorrect: "off", spellCheck: false, placeholder: placeholder, onChange: (e) => {
+                    setQuery(e.target.value);
+                    onValueChange(e.target.value);
+                    setIsOpen(true);
+                    setSelectedIndex(-1);
+                }, onFocus: handleFocus, onKeyDown: handleKeyDown, className: inputClassName })), isOpen && (_jsx("div", { className: "absolute left-0 right-0 top-[calc(100%+8px)] z-50 flex min-w-[280px] flex-col overflow-hidden rounded-2xl border border-gray-100 bg-white py-3 shadow-xl", children: loading && !results.length ? (_jsx("div", { className: "px-4 py-3 text-sm font-medium text-gray-400 animate-pulse", children: loadingText })) : results.length > 0 ? (_jsxs(_Fragment, { children: [!query && (_jsx("p", { className: "px-5 py-2 text-[10px] font-black uppercase tracking-wider text-gray-400", children: sectionLabel })), _jsx("ul", { className: cn("flex w-full flex-col overflow-y-auto", maxHeightClassName), children: results.map((item, index) => {
+                                var _a;
+                                const isSelected = index === selectedIndex;
+                                return (_jsxs("li", { onMouseEnter: () => setSelectedIndex(index), onClick: () => handleSelect(item), className: cn("flex w-full cursor-pointer items-center gap-4 px-5 py-3 transition-colors", isSelected ? "bg-gray-50" : "hover:bg-gray-50"), children: [_jsx("div", { className: "shrink-0 rounded-xl bg-gray-100 p-2.5", children: (_a = item.icon) !== null && _a !== void 0 ? _a : _jsx(MapPin, { className: "h-4 w-4 text-gray-500" }) }), _jsxs("div", { className: "min-w-0 flex-1 text-left", children: [_jsx("div", { className: "truncate text-sm font-semibold text-gray-900", children: highlightMatch(item.title, query) }), item.subtitle ? (_jsx("div", { className: "mt-0.5 truncate text-xs font-medium text-gray-500", children: item.subtitle })) : null] }), item.badge ? (_jsx("span", { className: "shrink-0 text-xs font-semibold text-gray-400", children: item.badge })) : null] }, item.id));
+                            }) })] })) : (_jsxs("div", { className: "flex flex-col items-center justify-center gap-2 px-5 py-4 text-center", children: [_jsx(Search, { className: "h-6 w-6 text-gray-300" }), _jsx("p", { className: "text-sm font-semibold text-gray-700", children: emptyTitle }), _jsx("p", { className: "text-xs text-gray-400", children: emptyDescription })] })) }))] }));
+}

package/dist/misc/notification.js

@@ -150,8 +150,8 @@ export function NotificationBell({ navItemColor, userId, hostId }) {
         return _jsx(FaSpinner, { className: "animate-spin" });
     return _jsxs(Popover, { open: isOpen, onOpenChange: setIsOpen, children: [_jsx(PopoverTrigger, { asChild: true, children: _jsxs("div", { className: `relative cursor-pointer ${navItemColor} transition-colors`, "aria-label": "Notification Bell", children: [_jsx(Bell, { className: "h-5 w-5" }), unreadCount > 0 && (_jsx("span", { className: "absolute -top-1.5 -right-1.5 flex h-4 min-w-[1rem] items-center justify-center rounded-full bg-red-500 px-1 text-[10px] font-bold text-white animate-pulse", children: unreadCount > 99 ? "99+" : unreadCount }))] }) }), _jsx(PopoverContent, { className: "w-96 p-0 mt-3 bg-white dark:bg-gray-900 rounded-xl shadow-xl border border-gray-100 dark:border-gray-800", align: "end", sideOffset: 5, children: _jsxs(Card, { className: "border-0 shadow-none bg-transparent", children: [_jsx(CardHeader, { className: "px-5 pb-2", children: _jsxs("div", { className: "flex justify-between items-center", children: [_jsx(CardTitle, { className: "text-base font-semibold", children: "Notifications" }), notifs.length > 0 && unreadCount > 0 && (_jsx(Button, { variant: "ghost", size: "sm", className: "text-xs text-teal-600 hover:text-teal-800 dark:text-teal-400", onClick: handleMarkAllNotifRead, children: "Mark all as read" }))] }) }), _jsx(ScrollArea, { className: "h-80 w-full", children: _jsx("div", { className: "px-2 pb-2", children: notifs.length === 0 ? (_jsxs("div", { className: "flex flex-col items-center justify-center py-16 text-gray-400", children: [_jsx(Bell, { className: "w-10 h-10 mb-3 opacity-30" }), _jsx("p", { className: "text-sm", children: "You're all caught up \uD83C\uDF89" })] })) : (notifs.map((notif) => (_jsxs("div", { className: `flex items-start gap-3 p-3 rounded-lg cursor-pointer transition-all duration-200 hover:bg-gray-50 dark:hover:bg-gray-800/50 ${!notif.read
                                         ? "bg-teal-50/50 dark:bg-teal-900/10 border-l-2 border-teal-500"
-                                        : "border-l-2 border-transparent"} ${loadingNotifId === notif._id ? "opacity-50 pointer-events-none" : ""}`, onClick: () => handleNotifClick(notif), children: [_jsx("div", { className: "flex-shrink-0 mt-0.5", children: getNotificationIcon(notif) }), _jsxs("div", { className: "flex-1 min-w-0", children: [_jsx("p", { className: `text-sm leading-snug ${!notif.read ? "font-medium text-gray-900 dark:text-white" : "text-gray-600 dark:text-gray-400"}`, children: notif.message }), _jsxs("div", { className: "flex items-center gap-2 mt-1", children: [_jsx("p", { className: "text-[11px] text-gray-400", children: notif.timestamp ? formatTimestamp(notif.timestamp) : "" }), notif.type && notif.type !== "general" && (_jsx("span", { className: "text-[10px] px-1.5 py-0.5 rounded-full bg-gray-100 dark:bg-gray-800 text-gray-500 dark:text-gray-400", children: notif.type.replace(/_/g, " ") }))] })] }), !notif.read && (_jsx("div", { className: "flex-shrink-0 mt-2", children: _jsx("div", { className: "w-2 h-2 rounded-full bg-teal-500" }) }))] }, notif._id)))) }) }), notifs.length > NOTIF_LIMIT_FOR_BELL && (_jsx("div", { className: "px-3 py-2 border-t border-gray-100 dark:border-gray-800", children: _jsx(Button, { variant: "ghost", className: "w-full text-teal-600 hover:text-teal-800 hover:bg-teal-50 dark:text-teal-400 dark:hover:bg-teal-900/20 text-sm", onClick: () => { setIsOpen(false); router.push("/inbox"); }, children: "View all notifications" }) }))] }) })] });
+                                        : "border-l-2 border-transparent"} ${loadingNotifId === notif._id ? "opacity-50 pointer-events-none" : ""}`, onClick: () => handleNotifClick(notif), children: [_jsx("div", { className: "flex-shrink-0 mt-0.5", children: getNotificationIcon(notif) }), _jsxs("div", { className: "flex-1 min-w-0", children: [_jsx("p", { className: `text-sm leading-snug ${!notif.read ? "font-medium text-gray-900 dark:text-white" : "text-gray-600 dark:text-gray-400"}`, children: notif.message }), _jsxs("div", { className: "flex items-center gap-2 mt-1", children: [_jsx("p", { className: "text-[11px] text-gray-400", children: notif.timestamp ? formatTimestamp(notif.timestamp) : "" }), notif.type && notif.type !== "general" && (_jsx("span", { className: "text-[10px] px-1.5 py-0.5 rounded-full bg-gray-100 dark:bg-gray-800 text-gray-500 dark:text-gray-400", children: notif.type.replace(/_/g, " ") }))] })] }), !notif.read && (_jsx("div", { className: "flex-shrink-0 mt-2", children: _jsx("div", { className: "w-2 h-2 rounded-full bg-teal-500" }) }))] }, notif._id)))) }) }), notifs.length > NOTIF_LIMIT_FOR_BELL && (_jsx("div", { className: "px-3 py-2 border-t border-gray-100 dark:border-gray-800", children: _jsx(Button, { variant: "ghost", className: "w-full text-teal-600 hover:text-teal-800 hover:bg-teal-50 dark:text-teal-400 dark:hover:bg-teal-900/20 text-sm", onClick: () => { setIsOpen(false); router.push("/dashboard/user/inbox"); }, children: "View all notifications" }) }))] }) })] });
 }
 export function MobileNotificationBell() {
-    return (_jsx(MobileNavItem, { icon: _jsx("div", { className: "relative", children: _jsx(Bell, { className: "h-5 w-5" }) }), label: "Notifications", href: "/inbox" }));
+    return (_jsx(MobileNavItem, { icon: _jsx("div", { className: "relative", children: _jsx(Bell, { className: "h-5 w-5" }) }), label: "Notifications", href: "/dashboard/user/inbox" }));
 }

package/dist/misc/pagination.js

@@ -1,5 +1,5 @@
 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 { ChevronLeftIcon, ChevronRightIcon, MoreHorizontalIcon, } from "lucide-react";
 import Link from "next/link";
 import { buttonVariants } from "./button";

package/dist/misc/popover.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsx as _jsx } from "react/jsx-runtime";
 import * as PopoverPrimitive from "@radix-ui/react-popover";
-import { cn } from "@myrjfa/state";
+import { cn } from "@myrjfa/state/dist/lib/utils";
 function Popover({ ...props }) {
     return _jsx(PopoverPrimitive.Root, { "data-slot": "popover", ...props });
 }

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

@@ -0,0 +1,17 @@
+import { type PricingStrategy } from "@myrjfa/state/dist/lib/models/pricing";
+type PricingStrategyEditorProps = {
+    currency: string;
+    strategies: PricingStrategy[];
+    onCurrencyChange: (currency: string) => void;
+    onStrategiesChange: (strategies: PricingStrategy[]) => void;
+    title?: string;
+    cardClassName?: string;
+    descriptionPlaceholder?: string;
+    descriptionHelperText?: string;
+    priceOnly?: boolean;
+    featureType?: string;
+    supportType?: string;
+};
+export default function PricingStrategyEditor({ currency, strategies, onCurrencyChange, onStrategiesChange, title, cardClassName, descriptionPlaceholder, descriptionHelperText, priceOnly, featureType, supportType, }: PricingStrategyEditorProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=pricing-strategy-editor.d.ts.map