@myrjfa/ui 0.3.1

package/dist/misc/non-modal-multi-select.js

@@ -0,0 +1,25 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useId, useState } from "react";
+import { ChevronDownIcon } from "lucide-react";
+import { cn } from "@myrjfa/state/dist/lib/utils";
+import { Checkbox } from "./checkbox";
+import { Command, CommandEmpty, CommandInput, CommandItem, CommandList } from "./command";
+import { Popover, PopoverContent, PopoverTrigger } from "./popover";
+function NonModalMultiSelect({ value, onValueChange, options, placeholder = "Select options", emptyLabel, disabled, className, searchable = false, searchPlaceholder = "Search options...", emptyMessage = "No options found.", "aria-label": ariaLabel }) {
+    const [open, setOpen] = useState(false);
+    const listboxId = useId();
+    const selected = new Set(value);
+    const selectedLabels = options.filter((option) => selected.has(option.value)).map((option) => option.label);
+    const summary = selectedLabels.length ? `${selectedLabels.length} selected` : emptyLabel || placeholder;
+    const toggle = (option) => {
+        const next = new Set(value);
+        if (next.has(option.value))
+            next.delete(option.value);
+        else
+            next.add(option.value);
+        onValueChange(Array.from(next));
+    };
+    return (_jsxs(Popover, { open: open, onOpenChange: setOpen, children: [_jsx(PopoverTrigger, { asChild: true, children: _jsxs("button", { type: "button", disabled: disabled, "aria-label": ariaLabel, "aria-controls": listboxId, "aria-haspopup": "listbox", className: cn("border-input focus-visible:border-ring focus-visible:ring-ring/50 flex h-9 w-full items-center justify-between gap-2 rounded-md border bg-transparent px-3 py-2 text-left text-sm shadow-xs outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50", className), children: [_jsx("span", { className: "truncate", children: summary }), _jsx(ChevronDownIcon, { className: "size-4 shrink-0 opacity-50" })] }) }), _jsx(PopoverContent, { align: "start", className: "w-[var(--radix-popover-trigger-width)] min-w-[14rem] max-h-96 overflow-hidden p-0", children: searchable ? _jsxs(Command, { children: [_jsx(CommandInput, { placeholder: searchPlaceholder }), _jsx(CommandEmpty, { children: emptyMessage }), _jsx(CommandList, { id: listboxId, role: "listbox", "aria-label": ariaLabel, "aria-multiselectable": "true", className: "max-h-72", children: options.map((option) => _jsxs(CommandItem, { value: option.label, disabled: option.disabled, onSelect: () => toggle(option), children: [_jsx(Checkbox, { checked: selected.has(option.value), tabIndex: -1, className: "pointer-events-none" }), _jsx("span", { className: "truncate", children: option.label })] }, option.value)) })] }) : _jsx("div", { id: listboxId, role: "listbox", "aria-label": ariaLabel, "aria-multiselectable": "true", className: "max-h-96 space-y-0.5 overflow-y-auto p-1", children: options.map((option) => _jsxs("label", { className: "focus-within:bg-accent flex cursor-pointer items-center gap-2 rounded-sm px-2 py-1.5 text-sm has-[:disabled]:cursor-not-allowed has-[:disabled]:opacity-50", children: [_jsx(Checkbox, { checked: selected.has(option.value), disabled: option.disabled, onCheckedChange: () => toggle(option) }), _jsx("span", { className: "truncate", children: option.label })] }, option.value)) }) })] }));
+}
+export { NonModalMultiSelect };

package/dist/misc/non-modal-select.d.ts

@@ -0,0 +1,22 @@
+export type NonModalSelectOption = {
+    value: string;
+    label: string;
+    disabled?: boolean;
+};
+type NonModalSelectProps = {
+    value?: string;
+    onValueChange: (value: string) => void;
+    options: readonly NonModalSelectOption[];
+    placeholder?: string;
+    disabled?: boolean;
+    className?: string;
+    contentClassName?: string;
+    "aria-label"?: string;
+};
+/**
+ * A portal-backed select for persistent dashboard layouts. Unlike Radix Select,
+ * Popover does not lock document scrolling or hide sibling navigation while open.
+ */
+declare function NonModalSelect({ value, onValueChange, options, placeholder, disabled, className, contentClassName, "aria-label": ariaLabel, }: NonModalSelectProps): import("react/jsx-runtime").JSX.Element;
+export { NonModalSelect };
+//# sourceMappingURL=non-modal-select.d.ts.map

package/dist/misc/non-modal-select.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"non-modal-select.d.ts","sourceRoot":"","sources":["../../src/misc/non-modal-select.tsx"],"names":[],"mappings":"AAOA,MAAM,MAAM,oBAAoB,GAAG;IACjC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,KAAK,mBAAmB,GAAG;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,OAAO,EAAE,SAAS,oBAAoB,EAAE,CAAC;IACzC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC;AAEF;;;GAGG;AACH,iBAAS,cAAc,CAAC,EACtB,KAAK,EACL,aAAa,EACb,OAAO,EACP,WAAgC,EAChC,QAAgB,EAChB,SAAS,EACT,gBAAgB,EAChB,YAAY,EAAE,SAAS,GACxB,EAAE,mBAAmB,2CAuDrB;AAED,OAAO,EAAE,cAAc,EAAE,CAAC"}

package/dist/misc/non-modal-select.js

@@ -0,0 +1,23 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useId, useState } from "react";
+import { CheckIcon, ChevronDownIcon } from "lucide-react";
+import { cn } from "@myrjfa/state/dist/lib/utils";
+import { Popover, PopoverContent, PopoverTrigger } from "./popover";
+/**
+ * A portal-backed select for persistent dashboard layouts. Unlike Radix Select,
+ * Popover does not lock document scrolling or hide sibling navigation while open.
+ */
+function NonModalSelect({ value, onValueChange, options, placeholder = "Select an option", disabled = false, className, contentClassName, "aria-label": ariaLabel, }) {
+    const [open, setOpen] = useState(false);
+    const listboxId = useId();
+    const selectedOption = options.find((option) => option.value === value);
+    return (_jsxs(Popover, { open: open, onOpenChange: setOpen, children: [_jsx(PopoverTrigger, { asChild: true, children: _jsxs("button", { type: "button", disabled: disabled, "aria-label": ariaLabel, "aria-controls": listboxId, "aria-haspopup": "listbox", className: cn("border-input data-[placeholder]:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 flex h-9 w-full items-center justify-between gap-2 rounded-md border bg-transparent px-3 py-2 text-left text-sm whitespace-nowrap shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50", className), children: [_jsx("span", { className: "truncate", children: (selectedOption === null || selectedOption === void 0 ? void 0 : selectedOption.label) || placeholder }), _jsx(ChevronDownIcon, { className: "size-4 shrink-0 opacity-50" })] }) }), _jsx(PopoverContent, { align: "start", className: cn("w-[var(--radix-popover-trigger-width)] min-w-[8rem] max-h-96 overflow-y-auto p-1", contentClassName), children: _jsx("div", { id: listboxId, role: "listbox", "aria-label": ariaLabel, children: options.map((option) => {
+                        const selected = option.value === value;
+                        return (_jsxs("button", { type: "button", role: "option", "aria-selected": selected, disabled: option.disabled, className: "focus:bg-accent focus:text-accent-foreground relative flex w-full cursor-pointer items-center rounded-sm py-1.5 pr-8 pl-2 text-left text-sm outline-hidden disabled:pointer-events-none disabled:opacity-50", onClick: () => {
+                                onValueChange(option.value);
+                                setOpen(false);
+                            }, children: [_jsx("span", { className: "truncate", children: option.label }), selected && _jsx(CheckIcon, { className: "absolute right-2 size-4" })] }, option.value));
+                    }) }) })] }));
+}
+export { NonModalSelect };

package/dist/misc/notification.d.ts

@@ -0,0 +1,7 @@
+export declare function NotificationBell({ navItemColor, userId, hostId }: {
+    navItemColor: string;
+    userId?: string;
+    hostId?: string;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function MobileNotificationBell(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=notification.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"notification.d.ts","sourceRoot":"","sources":["../../src/misc/notification.tsx"],"names":[],"mappings":"AAmEA,wBAAgB,gBAAgB,CAAC,EAAE,YAAY,EAAE,MAAM,EAAE,MAAM,EAAE,EAAE;IAAE,YAAY,EAAE,MAAM,CAAC;IAAC,MAAM,CAAC,EAAE,MAAM,CAAC;IAAC,MAAM,CAAC,EAAE,MAAM,CAAA;CAAE,2CA0K5H;AAED,wBAAgB,sBAAsB,4CAUrC"}

package/dist/misc/notification.js

@@ -0,0 +1,157 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Popover, PopoverContent, PopoverTrigger } from "@radix-ui/react-popover";
+import { getNotifications, toggleAllNotification, toggleNotification } from "@myrjfa/state/dist/lib/actions/actions";
+import { formatTimestamp } from "@myrjfa/state/dist/lib/utils";
+import { Bell, MessageCircle, CheckCircle2, Receipt, Users, AlertCircle, Megaphone, Briefcase, ShieldCheck, ShieldX, Package, ClipboardList, Star, CalendarCheck } from "lucide-react";
+import { useRouter } from "next/navigation";
+import { useEffect, useRef, useState } from "react";
+import { FaSpinner } from "react-icons/fa6";
+import { io } from "socket.io-client";
+import { showAlert } from "./alertdialogclaude";
+import { Button } from "./button";
+import { Card, CardHeader, CardTitle } from "./card";
+import { ScrollArea } from "./scroll-area";
+import { MobileNavItem } from "../header/mobile-nav-item";
+const NOTIF_LIMIT_FOR_BELL = 10;
+const getNotificationIcon = (notif) => {
+    const type = notif.type || "general";
+    switch (type) {
+        case "new_message":
+            return _jsx(MessageCircle, { className: "w-4 h-4 text-blue-500 mt-0.5 flex-shrink-0" });
+        case "milestone_completed":
+            return _jsx(CheckCircle2, { className: "w-4 h-4 text-green-500 mt-0.5 flex-shrink-0" });
+        case "expense_added":
+            return _jsx(Receipt, { className: "w-4 h-4 text-orange-500 mt-0.5 flex-shrink-0" });
+        case "group_invite":
+            return _jsx(Users, { className: "w-4 h-4 text-purple-500 mt-0.5 flex-shrink-0" });
+        case "mention":
+            return _jsx(Megaphone, { className: "w-4 h-4 text-yellow-500 mt-0.5 flex-shrink-0" });
+        case "application_received":
+        case "application_status":
+        case "application_shortlisted":
+            return _jsx(Briefcase, { className: "w-4 h-4 text-indigo-500 mt-0.5 flex-shrink-0" });
+        case "id_verified":
+            return _jsx(ShieldCheck, { className: "w-4 h-4 text-emerald-500 mt-0.5 flex-shrink-0" });
+        case "id_rejected":
+            return _jsx(ShieldX, { className: "w-4 h-4 text-red-500 mt-0.5 flex-shrink-0" });
+        case "package_enquiry":
+        case "package_approval":
+        case "package_denial":
+        case "package_review":
+        case "package_rating":
+            return _jsx(Package, { className: "w-4 h-4 text-cyan-500 mt-0.5 flex-shrink-0" });
+        case "opportunity_assigned":
+        case "opportunity_approval":
+        case "opportunity_denial":
+        case "opportunity_review":
+        case "opportunity_rating":
+            return _jsx(ClipboardList, { className: "w-4 h-4 text-amber-500 mt-0.5 flex-shrink-0" });
+        case "blog_like":
+        case "blog_comment":
+        case "blog_posted":
+        case "blog_approval":
+        case "blog_denial":
+            return _jsx(Star, { className: "w-4 h-4 text-pink-500 mt-0.5 flex-shrink-0" });
+        case "booking_confirmed":
+            return _jsx(CalendarCheck, { className: "w-4 h-4 text-teal-500 mt-0.5 flex-shrink-0" });
+        case "system":
+            return _jsx(AlertCircle, { className: "w-4 h-4 text-gray-500 mt-0.5 flex-shrink-0" });
+        default:
+            return _jsx("div", { className: `w-2.5 h-2.5 rounded-full mt-1.5 flex-shrink-0 ${!notif.read ? "bg-blue-500" : "bg-gray-300"}` });
+    }
+};
+export function NotificationBell({ navItemColor, userId, hostId }) {
+    const [notifs, setNotifs] = useState([]);
+    const [unreadCount, setUnreadCount] = useState(0);
+    const [loadingNotifId, setLoadingNotifId] = useState(null);
+    const [isOpen, setIsOpen] = useState(false);
+    const socketRef = useRef(null);
+    const router = useRouter();
+    const fetchData = async () => {
+        try {
+            const response = await getNotifications(NOTIF_LIMIT_FOR_BELL);
+            if (response && !response.error) {
+                setNotifs(response.notifs || []);
+                setUnreadCount(response.unreadCount || 0);
+            }
+        }
+        catch (err) {
+            console.error("Failed to fetch notifications:", err);
+        }
+    };
+    // Connect to socket for real-time notifications
+    useEffect(() => {
+        var _a;
+        if (!userId && !hostId)
+            return;
+        const apiUrl = ((_a = process.env.NEXT_PUBLIC_API_URL) === null || _a === void 0 ? void 0 : _a.replace("/api/v1", "")) || "";
+        if (!apiUrl)
+            return;
+        const query = {};
+        if (userId)
+            query.userId = userId;
+        if (hostId)
+            query.hostId = hostId;
+        const socket = io(apiUrl, { query, withCredentials: true, transports: ["websocket", "polling"] });
+        socketRef.current = socket;
+        socket.on("notification", (incoming) => {
+            setNotifs((prev) => {
+                const updated = [incoming, ...prev];
+                return updated.slice(0, NOTIF_LIMIT_FOR_BELL);
+            });
+            setUnreadCount((c) => c + 1);
+        });
+        return () => {
+            socket.disconnect();
+            socketRef.current = null;
+        };
+    }, [userId, hostId]);
+    // Re-fetch when popover opens
+    useEffect(() => {
+        if (isOpen)
+            fetchData();
+    }, [isOpen]);
+    const handleMarkAllNotifRead = async () => {
+        const response = await toggleAllNotification(true);
+        if (response === null || response === void 0 ? void 0 : response.error) {
+            await showAlert(response.error);
+        }
+        else {
+            setNotifs(notifs.map((notif) => ({
+                ...notif, read: true
+            })));
+            setUnreadCount(0);
+        }
+    };
+    const handleNotifClick = async (notif) => {
+        if (loadingNotifId)
+            return;
+        if (!notif.read) {
+            setLoadingNotifId(notif._id);
+            const response = await toggleNotification(notif._id, true);
+            if (response === null || response === void 0 ? void 0 : response.error) {
+                await showAlert(response.error);
+            }
+            else {
+                setNotifs(notifs.map((n) => n._id === notif._id ? { ...n, read: true } : n));
+                setUnreadCount(Math.max(0, unreadCount - 1));
+            }
+        }
+        setLoadingNotifId(null);
+        // Navigate to the link or URL
+        const url = notif.link;
+        if (url) {
+            setIsOpen(false);
+            router.push(url);
+        }
+    };
+    if (notifs == null)
+        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("/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: "/dashboard/user/inbox" }));
+}

package/dist/misc/pagination.d.ts

@@ -0,0 +1,15 @@
+import Link from "next/link";
+import * as React from "react";
+import { Button } from "./button";
+declare function Pagination({ className, ...props }: React.ComponentProps<"nav">): import("react/jsx-runtime").JSX.Element;
+declare function PaginationContent({ className, ...props }: React.ComponentProps<"ul">): import("react/jsx-runtime").JSX.Element;
+declare function PaginationItem({ ...props }: React.ComponentProps<"li">): import("react/jsx-runtime").JSX.Element;
+type PaginationLinkProps = {
+    isActive?: boolean;
+} & Pick<React.ComponentProps<typeof Button>, "size"> & React.ComponentProps<typeof Link>;
+declare function PaginationLink({ className, isActive, size, ...props }: PaginationLinkProps): import("react/jsx-runtime").JSX.Element;
+declare function PaginationPrevious({ className, ...props }: React.ComponentProps<typeof PaginationLink>): import("react/jsx-runtime").JSX.Element;
+declare function PaginationNext({ className, ...props }: React.ComponentProps<typeof PaginationLink>): import("react/jsx-runtime").JSX.Element;
+declare function PaginationEllipsis({ className, ...props }: React.ComponentProps<"span">): import("react/jsx-runtime").JSX.Element;
+export { Pagination, PaginationContent, PaginationLink, PaginationItem, PaginationPrevious, PaginationNext, PaginationEllipsis, };
+//# sourceMappingURL=pagination.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"pagination.d.ts","sourceRoot":"","sources":["../../src/misc/pagination.tsx"],"names":[],"mappings":"AAMA,OAAO,IAAI,MAAM,WAAW,CAAA;AAC5B,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,MAAM,EAAkB,MAAM,UAAU,CAAA;AAEjD,iBAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAUvE;AAED,iBAAS,iBAAiB,CAAC,EACzB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,2CAQ5B;AAED,iBAAS,cAAc,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,2CAE/D;AAED,KAAK,mBAAmB,GAAG;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,EAAE,MAAM,CAAC,GACnD,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,CAAA;AAEnC,iBAAS,cAAc,CAAC,EACtB,SAAS,EACT,QAAQ,EACR,IAAa,EACb,GAAG,KAAK,EACT,EAAE,mBAAmB,2CAgBrB;AAED,iBAAS,kBAAkB,CAAC,EAC1B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,cAAc,CAAC,2CAY7C;AAED,iBAAS,cAAc,CAAC,EACtB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,cAAc,CAAC,2CAY7C;AAED,iBAAS,kBAAkB,CAAC,EAC1B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,2CAY9B;AAED,OAAO,EACL,UAAU,EACV,iBAAiB,EACjB,cAAc,EACd,cAAc,EACd,kBAAkB,EAClB,cAAc,EACd,kBAAkB,GACnB,CAAA"}

package/dist/misc/pagination.js

@@ -0,0 +1,30 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from "@myrjfa/state/dist/lib/utils";
+import { ChevronLeftIcon, ChevronRightIcon, MoreHorizontalIcon, } from "lucide-react";
+import Link from "next/link";
+import { buttonVariants } from "./button";
+function Pagination({ className, ...props }) {
+    return (_jsx("nav", { role: "navigation", "aria-label": "pagination", "data-slot": "pagination", className: cn("mx-auto flex w-full justify-center", className), ...props }));
+}
+function PaginationContent({ className, ...props }) {
+    return (_jsx("ul", { "data-slot": "pagination-content", className: cn("flex flex-row items-center gap-1", className), ...props }));
+}
+function PaginationItem({ ...props }) {
+    return _jsx("li", { "data-slot": "pagination-item", ...props });
+}
+function PaginationLink({ className, isActive, size = "icon", ...props }) {
+    return (_jsx(Link, { "aria-current": isActive ? "page" : undefined, "data-slot": "pagination-link", "data-active": isActive, className: cn(buttonVariants({
+            variant: isActive ? "outline" : "ghost",
+            size,
+        }), className), ...props }));
+}
+function PaginationPrevious({ className, ...props }) {
+    return (_jsxs(PaginationLink, { "aria-label": "Go to previous page", size: "default", className: cn("gap-1 px-2.5 sm:pl-2.5", className), ...props, children: [_jsx(ChevronLeftIcon, {}), _jsx("span", { className: "hidden sm:block", children: "Previous" })] }));
+}
+function PaginationNext({ className, ...props }) {
+    return (_jsxs(PaginationLink, { "aria-label": "Go to next page", size: "default", className: cn("gap-1 px-2.5 sm:pr-2.5", className), ...props, children: [_jsx("span", { className: "hidden sm:block", children: "Next" }), _jsx(ChevronRightIcon, {})] }));
+}
+function PaginationEllipsis({ className, ...props }) {
+    return (_jsxs("span", { "aria-hidden": true, "data-slot": "pagination-ellipsis", className: cn("flex size-9 items-center justify-center", className), ...props, children: [_jsx(MoreHorizontalIcon, { className: "size-4" }), _jsx("span", { className: "sr-only", children: "More pages" })] }));
+}
+export { Pagination, PaginationContent, PaginationLink, PaginationItem, PaginationPrevious, PaginationNext, PaginationEllipsis, };

package/dist/misc/password-eye.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+export declare function PasswordEye({ showPassword, setShowPassword }: {
+    showPassword: boolean;
+    setShowPassword: React.Dispatch<React.SetStateAction<boolean>>;
+}): import("react/jsx-runtime").JSX.Element;
+export default PasswordEye;
+//# sourceMappingURL=password-eye.d.ts.map

package/dist/misc/password-eye.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"password-eye.d.ts","sourceRoot":"","sources":["../../src/misc/password-eye.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,wBAAgB,WAAW,CAAC,EAAE,YAAY,EAAE,eAAe,EAAE,EAAE;IAAE,YAAY,EAAE,OAAO,CAAC;IAAC,eAAe,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAA;CAAE,2CAavJ;AAED,eAAe,WAAW,CAAC"}

package/dist/misc/password-eye.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { EyeIcon, EyeOffIcon } from 'lucide-react';
+import { Button } from './button';
+export function PasswordEye({ showPassword, setShowPassword }) {
+    return (_jsx(Button, { type: 'button', variant: "ghost", onMouseDown: () => setShowPassword(prev => !prev), onTouchStart: () => setShowPassword(prev => !prev), onTouchEnd: () => setShowPassword(prev => !prev), className: "absolute right-3 top-1/2 transform -translate-y-1/2 text-gray-500", children: showPassword ? _jsx(EyeOffIcon, {}) : _jsx(EyeIcon, {}) }));
+}
+export default PasswordEye;

package/dist/misc/popover.d.ts

@@ -0,0 +1,7 @@
+import * as PopoverPrimitive from "@radix-ui/react-popover";
+declare function Popover({ ...props }: React.ComponentProps<typeof PopoverPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+declare function PopoverTrigger({ ...props }: React.ComponentProps<typeof PopoverPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
+declare function PopoverContent({ className, align, sideOffset, ...props }: React.ComponentProps<typeof PopoverPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
+declare function PopoverAnchor({ ...props }: React.ComponentProps<typeof PopoverPrimitive.Anchor>): import("react/jsx-runtime").JSX.Element;
+export { Popover, PopoverTrigger, PopoverContent, PopoverAnchor };
+//# sourceMappingURL=popover.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"popover.d.ts","sourceRoot":"","sources":["../../src/misc/popover.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,gBAAgB,MAAM,yBAAyB,CAAA;AAI3D,iBAAS,OAAO,CAAC,EACf,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,IAAI,CAAC,2CAEpD;AAED,iBAAS,cAAc,CAAC,EACtB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,OAAO,CAAC,2CAEvD;AAED,iBAAS,cAAc,CAAC,EACtB,SAAS,EACT,KAAgB,EAChB,UAAc,EACd,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,OAAO,CAAC,2CAgBvD;AAED,iBAAS,aAAa,CAAC,EACrB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,MAAM,CAAC,2CAEtD;AAED,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,aAAa,EAAE,CAAA"}

package/dist/misc/popover.js

@@ -0,0 +1,17 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as PopoverPrimitive from "@radix-ui/react-popover";
+import { cn } from "@myrjfa/state/dist/lib/utils";
+function Popover({ ...props }) {
+    return _jsx(PopoverPrimitive.Root, { "data-slot": "popover", ...props });
+}
+function PopoverTrigger({ ...props }) {
+    return _jsx(PopoverPrimitive.Trigger, { "data-slot": "popover-trigger", ...props });
+}
+function PopoverContent({ className, align = "center", sideOffset = 4, ...props }) {
+    return (_jsx(PopoverPrimitive.Portal, { children: _jsx(PopoverPrimitive.Content, { "data-slot": "popover-content", align: align, sideOffset: sideOffset, className: cn("bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-[310] w-full min-w-[12rem] rounded-md border p-4 shadow-md outline-hidden touch-pan-y overflow-y-auto pointer-events-auto", className), onWheel: (e) => e.stopPropagation(), ...props }) }));
+}
+function PopoverAnchor({ ...props }) {
+    return _jsx(PopoverPrimitive.Anchor, { "data-slot": "popover-anchor", ...props });
+}
+export { Popover, PopoverTrigger, PopoverContent, PopoverAnchor };

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

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.d.ts

@@ -0,0 +1,4 @@
+import * as ProgressPrimitive from "@radix-ui/react-progress";
+declare function Progress({ className, value, ...props }: React.ComponentProps<typeof ProgressPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+export { Progress };
+//# sourceMappingURL=progress.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"progress.d.ts","sourceRoot":"","sources":["../../src/misc/progress.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,iBAAiB,MAAM,0BAA0B,CAAA;AAI7D,iBAAS,QAAQ,CAAC,EAChB,SAAS,EACT,KAAK,EACL,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,iBAAiB,CAAC,IAAI,CAAC,2CAiBrD;AAED,OAAO,EAAE,QAAQ,EAAE,CAAA"}

package/dist/misc/progress.js

@@ -0,0 +1,8 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as ProgressPrimitive from "@radix-ui/react-progress";
+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)}%)` } }) }));
+}
+export { Progress };

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

@@ -0,0 +1,9 @@
+/**
+ * #9 — Floating PWA Install Button
+ * Premium banner aligned with Trippeaze brand.
+ * - Only shows on mobile (beforeinstallprompt)
+ * - Auto-hides after 10 s
+ * - Animated entrance / exit
+ */
+export declare function PwaInstallButton(): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=pwa-install-button.d.ts.map

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

@@ -0,0 +1 @@
+{"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"}