@myrjfa/ui 1.1.0 → 1.1.2

package/dist/misc/notification.js

@@ -1,56 +1,9 @@
 'use client';
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-var __generator = (this && this.__generator) || function (thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
-    return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
-    function verb(n) { return function (v) { return step([n, v]); }; }
-    function step(op) {
-        if (f) throw new TypeError("Generator is already executing.");
-        while (g && (g = 0, op[0] && (_ = 0)), _) try {
-            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
-            if (y = 0, t) op = [op[0] & 2, t.value];
-            switch (op[0]) {
-                case 0: case 1: t = op; break;
-                case 4: _.label++; return { value: op[1], done: false };
-                case 5: _.label++; y = op[1]; op = [0]; continue;
-                case 7: op = _.ops.pop(); _.trys.pop(); continue;
-                default:
-                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
-                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
-                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
-                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
-                    if (t[2]) _.ops.pop();
-                    _.trys.pop(); continue;
-            }
-            op = body.call(thisArg, _);
-        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
-        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
-    }
-};
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Popover, PopoverContent, PopoverTrigger } from "@radix-ui/react-popover";
-import { toggleAllNotification, toggleNotification } from "@myrjfa/state/dist/lib/actions";
+import { getNotifications, toggleAllNotification, toggleNotification } from "@myrjfa/state/dist/lib/actions/actions";
 import { formatTimestamp } from "@myrjfa/state/dist/lib/utils";
-import { Bell } from "lucide-react";
+import { Bell, MessageCircle, CheckCircle2, Receipt, Users, AlertCircle, Megaphone, Briefcase, ShieldCheck, ShieldX, Package, ClipboardList } from "lucide-react";
 import { useRouter } from "next/navigation";
 import { useEffect, useState } from "react";
 import { FaSpinner } from "react-icons/fa6";
@@ -59,89 +12,100 @@ import { Button } from "./button";
 import { Card, CardHeader, CardTitle } from "./card";
 import { ScrollArea } from "./scroll-area";
 import { MobileNavItem } from "../header/mobile-nav-item";
-var NOTIF_LIMIT_FOR_BELL = 10;
-var getNotificationIcon = function (type) {
+const NOTIF_LIMIT_FOR_BELL = 10;
+const getNotificationIcon = (notif) => {
+    const type = notif.type || "general";
     switch (type) {
-        case "false":
-            return _jsx("div", { className: "w-2 h-2 rounded-full bg-green-500 mt-2" });
+        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":
+            return _jsx(Package, { className: "w-4 h-4 text-cyan-500 mt-0.5 flex-shrink-0" });
+        case "opportunity_assigned":
+            return _jsx(ClipboardList, { className: "w-4 h-4 text-amber-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 h-2 rounded-full bg-gray-500 mt-2" });
+            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(_a) {
-    var _this = this;
-    var id = _a.id, navItemColor = _a.navItemColor;
-    var _b = useState([]), notifs = _b[0], setNotifs = _b[1];
-    var _c = useState(0), unreadCount = _c[0], setUnreadCount = _c[1];
-    var _d = useState(null), loadingNotifId = _d[0], setLoadingNotifId = _d[1];
-    var router = useRouter();
-    useEffect(function () {
-        var fetchData = function () { return __awaiter(_this, void 0, void 0, function () {
-            return __generator(this, function (_a) {
-                if (!id)
-                    return [2 /*return*/];
-                return [2 /*return*/];
-            });
-        }); };
-        fetchData();
-    }, [id]);
-    var handleMarkAllNotifRead = function () { return __awaiter(_this, void 0, void 0, function () {
-        var response;
-        return __generator(this, function (_a) {
-            switch (_a.label) {
-                case 0: return [4 /*yield*/, toggleAllNotification(true)];
-                case 1:
-                    response = _a.sent();
-                    if (!(response === null || response === void 0 ? void 0 : response.error)) return [3 /*break*/, 3];
-                    return [4 /*yield*/, showAlert(response.error)];
-                case 2:
-                    _a.sent();
-                    return [3 /*break*/, 4];
-                case 3:
-                    setNotifs(notifs.map(function (notif) { return (__assign(__assign({}, notif), { read: true })); }));
-                    setUnreadCount(0);
-                    console.log("marked");
-                    _a.label = 4;
-                case 4: return [2 /*return*/];
+export function NotificationBell({ navItemColor }) {
+    const [notifs, setNotifs] = useState([]);
+    const [unreadCount, setUnreadCount] = useState(0);
+    const [loadingNotifId, setLoadingNotifId] = useState(null);
+    const [isOpen, setIsOpen] = useState(false);
+    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);
             }
-        });
-    }); };
-    var handleNotifClick = function (notif) { return __awaiter(_this, void 0, void 0, function () {
-        var response, url;
-        return __generator(this, function (_a) {
-            switch (_a.label) {
-                case 0:
-                    if (loadingNotifId)
-                        return [2 /*return*/];
-                    if (!!notif.read) return [3 /*break*/, 4];
-                    setLoadingNotifId(notif._id);
-                    return [4 /*yield*/, toggleNotification(notif._id, true)];
-                case 1:
-                    response = _a.sent();
-                    if (!(response === null || response === void 0 ? void 0 : response.error)) return [3 /*break*/, 3];
-                    return [4 /*yield*/, showAlert(response.error)];
-                case 2:
-                    _a.sent();
-                    return [3 /*break*/, 4];
-                case 3:
-                    setNotifs(notifs.map(function (n) {
-                        return n._id === notif._id ? __assign(__assign({}, n), { read: true }) : n;
-                    }));
-                    setUnreadCount(unreadCount - 1);
-                    console.log("read notification");
-                    _a.label = 4;
-                case 4:
-                    setLoadingNotifId(null);
-                    url = notif.url;
-                    return [2 /*return*/, url && router.push(url)];
+        }
+        catch (err) {
+            console.error("Failed to fetch notifications:", err);
+        }
+    };
+    // 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, {});
-    return _jsxs(Popover, { children: [_jsx(PopoverTrigger, { asChild: true, children: _jsxs("div", { className: "relative cursor-pointer ".concat(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", children: unreadCount > 99 ? "99+" : unreadCount }))] }) }), _jsx(PopoverContent, { className: "w-96 p-0 mt-3 bg-white rounded-lg shadow-lg", align: "end", sideOffset: 5, children: _jsxs(Card, { className: "border-0 shadow-none", children: [_jsx(CardHeader, { className: "px-8", children: _jsxs("div", { className: "flex justify-between items-center", children: [_jsx(CardTitle, { className: "text-lg font-medium", children: "Notifications" }), notifs.length != 0 && _jsx(Button, { variant: "ghost", size: "sm", className: "text-xs text-blue-600 hover:text-blue-800", onClick: function () {
-                                            handleMarkAllNotifRead();
-                                        }, children: "Mark all as read" })] }) }), _jsx(ScrollArea, { className: "h-80 w-full rounded-md", children: _jsx("div", { className: "px-2", children: notifs.length === 0 ? (_jsx("div", { className: "text-center text-sm text-gray-500 py-30", children: "You're all caught up \uD83C\uDF89" })) : (notifs.map(function (notif) { return (_jsxs("div", { className: "flex items-start gap-3 p-2 pb-1 mt-1 hover:bg-gray-50 rounded-lg transition-colors ".concat(!notif.read ? "bg-blue-50/50" : "", " ").concat(loadingNotifId === notif._id ? "opacity-50 pointer-events-none" : ""), onClick: function () { return handleNotifClick(notif); }, children: [_jsx("div", { className: "flex-shrink-0 mt-1", children: getNotificationIcon(notif.read.toString()) }), _jsxs("div", { className: "flex-1 min-w-0", children: [_jsx("p", { className: "text-sm ".concat(!notif.read ? "font-medium" : "text-gray-600"), children: notif.message }), _jsx("p", { className: "text-xs text-gray-500 mt-1", children: formatTimestamp(notif.timestamp) })] }), !notif.read && (_jsx("div", { className: "flex-shrink-0", children: _jsx("div", { className: "w-2 h-2 rounded-full bg-blue-500" }) }))] }, notif._id)); })) }) }), notifs.length > NOTIF_LIMIT_FOR_BELL && _jsx("div", { className: "px-3 pt-2 border-t border-gray-100", children: _jsx(Button, { variant: "ghost", className: "w-full text-blue-600 hover:text-blue-800 hover:bg-blue-50 text-sm", onClick: function () { router.push("/inbox"); }, children: "View all notifications" }) })] }) })] });
+        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" }) }))] }) })] });
 }
 export function MobileNotificationBell() {
     return (_jsx(MobileNavItem, { icon: _jsx("div", { className: "relative", children: _jsx(Bell, { className: "h-5 w-5" }) }), label: "Notifications", href: "/inbox" }));

package/dist/misc/pagination.js

@@ -1,59 +1,30 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 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(_a) {
-    var className = _a.className, props = __rest(_a, ["className"]);
-    return (_jsx("nav", __assign({ role: "navigation", "aria-label": "pagination", "data-slot": "pagination", className: cn("mx-auto flex w-full justify-center", className) }, props)));
+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(_a) {
-    var className = _a.className, props = __rest(_a, ["className"]);
-    return (_jsx("ul", __assign({ "data-slot": "pagination-content", className: cn("flex flex-row items-center gap-1", 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(_a) {
-    var props = __rest(_a, []);
-    return _jsx("li", __assign({ "data-slot": "pagination-item" }, props));
+function PaginationItem({ ...props }) {
+    return _jsx("li", { "data-slot": "pagination-item", ...props });
 }
-function PaginationLink(_a) {
-    var className = _a.className, isActive = _a.isActive, _b = _a.size, size = _b === void 0 ? "icon" : _b, props = __rest(_a, ["className", "isActive", "size"]);
-    return (_jsx(Link, __assign({ "aria-current": isActive ? "page" : undefined, "data-slot": "pagination-link", "data-active": isActive, className: cn(buttonVariants({
+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: size,
-        }), className) }, props)));
+            size,
+        }), className), ...props }));
 }
-function PaginationPrevious(_a) {
-    var className = _a.className, props = __rest(_a, ["className"]);
-    return (_jsxs(PaginationLink, __assign({ "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 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(_a) {
-    var className = _a.className, props = __rest(_a, ["className"]);
-    return (_jsxs(PaginationLink, __assign({ "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 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(_a) {
-    var className = _a.className, props = __rest(_a, ["className"]);
-    return (_jsxs("span", __assign({ "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" })] })));
+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.js

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

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

@@ -1 +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,2CAevD;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"}
+{"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

@@ -1,43 +1,17 @@
 "use client";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 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(_a) {
-    var props = __rest(_a, []);
-    return _jsx(PopoverPrimitive.Root, __assign({ "data-slot": "popover" }, props));
+function Popover({ ...props }) {
+    return _jsx(PopoverPrimitive.Root, { "data-slot": "popover", ...props });
 }
-function PopoverTrigger(_a) {
-    var props = __rest(_a, []);
-    return _jsx(PopoverPrimitive.Trigger, __assign({ "data-slot": "popover-trigger" }, props));
+function PopoverTrigger({ ...props }) {
+    return _jsx(PopoverPrimitive.Trigger, { "data-slot": "popover-trigger", ...props });
 }
-function PopoverContent(_a) {
-    var className = _a.className, _b = _a.align, align = _b === void 0 ? "center" : _b, _c = _a.sideOffset, sideOffset = _c === void 0 ? 4 : _c, props = __rest(_a, ["className", "align", "sideOffset"]);
-    return (_jsx(PopoverPrimitive.Portal, { children: _jsx(PopoverPrimitive.Content, __assign({ "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-50 w-full min-w-[12rem] rounded-md border p-4 shadow-md outline-hidden", className) }, 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(_a) {
-    var props = __rest(_a, []);
-    return _jsx(PopoverPrimitive.Anchor, __assign({ "data-slot": "popover-anchor" }, props));
+function PopoverAnchor({ ...props }) {
+    return _jsx(PopoverPrimitive.Anchor, { "data-slot": "popover-anchor", ...props });
 }
 export { Popover, PopoverTrigger, PopoverContent, PopoverAnchor };

package/dist/misc/progress.js

@@ -1,31 +1,8 @@
 "use client";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 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(_a) {
-    var className = _a.className, value = _a.value, props = __rest(_a, ["className", "value"]);
-    return (_jsx(ProgressPrimitive.Root, __assign({ "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(-".concat(100 - (value || 0), "%)") } }) })));
+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,mDA0M/B"}

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

@@ -0,0 +1,158 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useEffect, useRef, useState } from 'react';
+import Image from 'next/image';
+/**
+ * #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 function PwaInstallButton() {
+    const [show, setShow] = useState(false);
+    const [hiding, setHiding] = useState(false);
+    const promptRef = useRef(null);
+    const timerRef = useRef(null);
+    const dismiss = () => {
+        setHiding(true);
+        setTimeout(() => setShow(false), 350);
+    };
+    useEffect(() => {
+        const isMobile = /iPhone|iPad|iPod|Android/i.test(navigator.userAgent);
+        if (!isMobile)
+            return;
+        const handler = (e) => {
+            e.preventDefault();
+            promptRef.current = e;
+            setShow(true);
+            setHiding(false);
+            timerRef.current = setTimeout(dismiss, 10000);
+        };
+        window.addEventListener('beforeinstallprompt', handler);
+        return () => {
+            window.removeEventListener('beforeinstallprompt', handler);
+            if (timerRef.current)
+                clearTimeout(timerRef.current);
+        };
+    }, []);
+    const handleInstall = async () => {
+        if (!promptRef.current)
+            return;
+        if (timerRef.current)
+            clearTimeout(timerRef.current);
+        promptRef.current.prompt();
+        const { outcome } = await promptRef.current.userChoice;
+        if (outcome === 'accepted')
+            dismiss();
+    };
+    if (!show)
+        return null;
+    return (_jsxs(_Fragment, { children: [_jsx("style", { children: `
+                @keyframes tpz-slide-up {
+                    from { opacity: 0; transform: translateX(-50%) translateY(20px); }
+                    to   { opacity: 1; transform: translateX(-50%) translateY(0); }
+                }
+                @keyframes tpz-slide-down {
+                    from { opacity: 1; transform: translateX(-50%) translateY(0); }
+                    to   { opacity: 0; transform: translateX(-50%) translateY(20px); }
+                }
+                @keyframes tpz-orbit {
+                    from { transform: rotate(0deg) translateX(22px) rotate(0deg); }
+                    to   { transform: rotate(360deg) translateX(22px) rotate(-360deg); }
+                }
+                @keyframes tpz-shimmer {
+                    0%   { background-position: -200% center; }
+                    100% { background-position: 200% center; }
+                }
+            ` }), _jsxs("div", { style: {
+                    position: 'fixed',
+                    bottom: '88px',
+                    left: '50%',
+                    transform: 'translateX(-50%)',
+                    zIndex: 9999,
+                    animation: hiding
+                        ? 'tpz-slide-down 0.35s cubic-bezier(.4,0,.2,1) forwards'
+                        : 'tpz-slide-up 0.4s cubic-bezier(.16,1,.3,1) forwards',
+                    // Prevent layout shift during animation
+                    willChange: 'transform, opacity',
+                }, children: [_jsx("div", { style: {
+                            position: 'absolute',
+                            inset: '-3px',
+                            borderRadius: '9999px',
+                            background: 'linear-gradient(135deg, #f97316, #fb923c, #22d3ee, #0891b2)',
+                            opacity: 0.3,
+                            filter: 'blur(8px)',
+                            zIndex: 0,
+                        } }), _jsxs("button", { onClick: handleInstall, style: {
+                            position: 'relative',
+                            zIndex: 1,
+                            display: 'flex',
+                            alignItems: 'center',
+                            gap: '10px',
+                            padding: '10px 18px 10px 12px',
+                            borderRadius: '9999px',
+                            border: '1px solid rgba(0,0,0,0.06)',
+                            background: 'linear-gradient(135deg, #ffffff 0%, #f8fafc 100%)',
+                            boxShadow: '0 12px 32px rgba(0,0,0,0.12), inset 0 1px 0 rgba(255,255,255,0.9)',
+                            cursor: 'pointer',
+                            whiteSpace: 'nowrap',
+                            backdropFilter: 'blur(8px)',
+                        }, children: [_jsx("div", { style: {
+                                    width: '36px',
+                                    height: '36px',
+                                    borderRadius: '50%',
+                                    overflow: 'hidden',
+                                    flexShrink: 0,
+                                    boxShadow: '0 2px 8px rgba(249,115,22,0.2)',
+                                }, children: _jsx(Image, { src: "/images/logoicon.webp", alt: "Trippeaze", width: 36, height: 36, style: { objectFit: 'cover' } }) }), _jsxs("div", { style: { display: 'flex', flexDirection: 'column', alignItems: 'flex-start', gap: '1px' }, children: [_jsx("span", { style: {
+                                            fontSize: '11px',
+                                            fontWeight: 500,
+                                            letterSpacing: '0.08em',
+                                            textTransform: 'uppercase',
+                                            color: '#64748b',
+                                            lineHeight: 1,
+                                        }, children: "Get the app" }), _jsx("span", { style: {
+                                            fontSize: '15px',
+                                            fontWeight: 700,
+                                            letterSpacing: '-0.01em',
+                                            lineHeight: 1.2,
+                                            // Shimmer text using logo colors
+                                            background: 'linear-gradient(90deg, #fb923c, #fbbf24, #22d3ee, #fb923c)',
+                                            backgroundSize: '200% auto',
+                                            WebkitBackgroundClip: 'text',
+                                            WebkitTextFillColor: 'transparent',
+                                            backgroundClip: 'text',
+                                            animation: 'tpz-shimmer 3s linear infinite',
+                                        }, children: "Install Trippeaze" })] }), _jsx("div", { style: {
+                                    marginLeft: '4px',
+                                    width: '28px',
+                                    height: '28px',
+                                    borderRadius: '50%',
+                                    background: 'linear-gradient(135deg, #f97316, #dc2626)',
+                                    display: 'flex',
+                                    alignItems: 'center',
+                                    justifyContent: 'center',
+                                    flexShrink: 0,
+                                    boxShadow: '0 2px 8px rgba(249,115,22,0.5)',
+                                }, children: _jsx("svg", { width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", children: _jsx("path", { d: "M7 2v7M4 6.5l3 3 3-3M2.5 11h9", stroke: "white", strokeWidth: "1.7", strokeLinecap: "round", strokeLinejoin: "round" }) }) })] }), _jsx("button", { onClick: (e) => { e.stopPropagation(); dismiss(); }, "aria-label": "Dismiss", style: {
+                            position: 'absolute',
+                            top: '-6px',
+                            right: '-6px',
+                            zIndex: 2,
+                            width: '20px',
+                            height: '20px',
+                            borderRadius: '50%',
+                            background: '#ffffff',
+                            border: '1px solid rgba(0,0,0,0.1)',
+                            color: '#64748b',
+                            fontSize: '11px',
+                            lineHeight: '20px',
+                            textAlign: 'center',
+                            cursor: 'pointer',
+                            display: 'flex',
+                            alignItems: 'center',
+                            justifyContent: 'center',
+                            boxShadow: '0 2px 6px rgba(0,0,0,0.1)',
+                        }, children: "\u2715" })] })] }));
+}