@myrjfa/ui 1.0.8 → 1.0.10

package/dist/chat/dialogs/ParticipantsDialog.js

@@ -0,0 +1,93 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { Dialog, DialogContent, DialogHeader, DialogTitle } from "../../misc/dialog";
+import { Button } from "../../misc/button";
+import { Avatar, AvatarFallback, AvatarImage } from "../../misc/avatar";
+import { Search, UserPlus, UserMinus, Shield, ShieldCheck } from "lucide-react";
+import { chatApi } from "@myrjfa/state/dist/lib/actions/chat";
+import { Input } from "../../misc/input";
+import { Badge } from "../../misc/badge";
+import { AddMemberDialog } from "./AddMemberDialog";
+import { useRouter } from "next/navigation";
+import { confirmActions, showAlert } from "../../misc/alertdialogclaude";
+export function ParticipantsDialog({ open, onOpenChange, conversation, currentUserId, onUpdate }) {
+    var _a;
+    const [search, setSearch] = useState("");
+    const [selectedUsers, setSelectedUsers] = useState([]);
+    const [participants, setParticipants] = useState(conversation.participants || []);
+    const router = useRouter();
+    const isAdmin = ((_a = participants.find(p => p.userId === currentUserId)) === null || _a === void 0 ? void 0 : _a.chatRole) === "admin";
+    // Filter participants based on search query
+    const filteredParticipants = participants.filter(p => {
+        var _a;
+        return p.userId.toLowerCase().includes(search.toLowerCase()) ||
+            ((_a = p.role) === null || _a === void 0 ? void 0 : _a.toLowerCase().includes(search.toLowerCase()));
+    });
+    const handleRemoveMember = async (userId) => {
+        let confirmRemove = true;
+        await showAlert("Are you sure you want to remove this member?", undefined, confirmActions(() => confirmRemove = false));
+        if (!confirmRemove)
+            return;
+        if (confirmRemove) {
+            try {
+                const res = await chatApi.removeParticipant(conversation._id, userId);
+                if (res) {
+                    setParticipants(participants.filter(p => p.userId !== userId));
+                    onUpdate();
+                }
+            }
+            catch (err) {
+                console.error("Failed to remove member:", err);
+                await showAlert("Failed to remove member");
+            }
+        }
+    };
+    function handleCancel() {
+        setSelectedUsers([]);
+        onOpenChange(false);
+    }
+    const handleToggleAdmin = async (userId, currentRole) => {
+        const newRole = currentRole === "admin" ? "member" : "admin";
+        const actionText = newRole === "admin" ? "make admin" : "remove admin privileges from";
+        let confirmChange = true;
+        await showAlert(`Are you sure you want to ${actionText} this user?`, undefined, confirmActions(() => confirmChange = false));
+        if (confirmChange) {
+            try {
+                const res = await chatApi.updateParticipant(conversation._id, userId, { chatRole: newRole });
+                if (res) {
+                    setParticipants(participants.map(p => p.userId === userId ? { ...p, chatRole: newRole } : p));
+                    onUpdate();
+                }
+            }
+            catch (err) {
+                console.error(`Failed to update user role:`, err);
+                await showAlert("Failed to update user role");
+            }
+        }
+    };
+    const handleMembersSelected = async () => {
+        try {
+            const userIds = selectedUsers.map(u => u.username || "").filter(Boolean);
+            const res = await chatApi.addParticipants(conversation._id, userIds);
+            if (res.error) {
+                throw new Error(res.error);
+            }
+            else {
+                setParticipants(prev => [...prev, ...res.data]);
+                onUpdate();
+            }
+        }
+        catch (err) {
+            console.error("Failed to add members:", err);
+            await showAlert("Failed to add members");
+        }
+        finally {
+            setSelectedUsers([]);
+        }
+    };
+    const existingUsernames = participants.map(p => p.userId);
+    return (_jsx(Dialog, { open: open, onOpenChange: onOpenChange, children: _jsxs(DialogContent, { className: "sm:max-w-[500px]", children: [_jsx(DialogHeader, { children: _jsx(DialogTitle, { children: isAdmin ? "Manage Participants" : "Group Members" }) }), _jsxs("div", { className: "space-y-4 py-4", children: [_jsxs("div", { className: "relative", children: [_jsx(Search, { className: "absolute left-3 top-3 w-4 h-4 text-gray-400" }), _jsx(Input, { value: search, onChange: (e) => setSearch(e.target.value), placeholder: "Search members by name or role..." })] }), _jsxs("div", { className: "max-h-64 overflow-y-auto space-y-2 pr-2 custom-scrollbar border rounded-lg p-3 bg-gray-50 dark:bg-gray-900/30", children: [_jsxs("p", { className: "text-[10px] font-bold text-gray-400 uppercase tracking-widest pl-1 sticky top-0", children: [isAdmin ? "Manage Members" : "Members", " (", filteredParticipants.length, ")"] }), filteredParticipants.map((p) => (_jsxs("div", { className: "flex items-center justify-between p-2 rounded-xl hover:bg-gray-100 dark:hover:bg-gray-800/70 transition-colors", children: [_jsxs("div", { className: "flex items-center gap-3", children: [_jsxs(Avatar, { className: "w-8 h-8", children: [_jsx(AvatarImage, { src: p.profilePic }), _jsx(AvatarFallback, { className: "bg-indigo-100 text-indigo-600 text-xs", children: p.userId.charAt(0).toUpperCase() })] }), _jsxs("div", { children: [_jsxs("p", { className: "text-sm font-medium text-gray-900 dark:text-white flex items-center gap-1", children: [p.userId, p.chatRole === "admin" && _jsx(ShieldCheck, { className: "w-3 h-3 text-indigo-500" }), p.userId === currentUserId && _jsx(Badge, { variant: "secondary", className: "text-[10px] px-1.5 py-0.5 ml-1", children: "You" })] }), _jsx("p", { className: "text-[10px] text-gray-400 capitalize", children: p.role })] })] }), isAdmin && p.userId !== currentUserId && (_jsxs("div", { className: "flex items-center gap-1", children: [_jsx(Button, { variant: "ghost", size: "icon", className: `${p.chatRole === "admin"
+                                                        ? "text-yellow-500 hover:text-yellow-600 hover:bg-yellow-50 dark:hover:bg-yellow-900/20"
+                                                        : "text-blue-400 hover:text-blue-500 hover:bg-blue-50 dark:hover:bg-blue-900/20"}`, onClick: () => handleToggleAdmin(p.userId, p.chatRole), title: p.chatRole === "admin" ? "Remove admin" : "Make admin", children: p.chatRole === "admin" ? (_jsx(ShieldCheck, { className: "w-4 h-4" })) : (_jsx(Shield, { className: "w-4 h-4" })) }), _jsx(Button, { variant: "ghost", size: "icon", className: "text-red-400 hover:text-red-500 hover:bg-red-50 dark:hover:bg-red-900/20", onClick: () => handleRemoveMember(p.userId), title: "Remove member", children: _jsx(UserMinus, { className: "w-4 h-4" }) })] }))] }, p.userId)))] }), isAdmin && (_jsxs("div", { className: "border-t pt-4", children: [_jsxs("p", { className: "text-sm font-medium mb-3 flex items-center gap-2", children: [_jsx(UserPlus, { className: "w-4 h-4" }), "Add New Members"] }), _jsx(AddMemberDialog, { selectedUsers: selectedUsers, setSelectedUsers: setSelectedUsers, excludeUsernames: existingUsernames }), _jsxs("div", { className: "flex justify-end gap-2 pt-2", children: [_jsx(Button, { variant: "outline", onClick: handleCancel, children: "Cancel" }), _jsx(Button, { onClick: handleMembersSelected, disabled: selectedUsers.length === 0, children: "Add Members" })] })] }))] })] }) }));
+}

package/dist/chat/dialogs/UserProfileDialog.d.ts

@@ -0,0 +1,10 @@
+interface UserProfileDialogProps {
+    userId: string;
+    userName: string;
+    userImage?: string;
+    open: boolean;
+    onClose: () => void;
+}
+export declare function UserProfileDialog({ userId, userName, userImage, open, onClose }: UserProfileDialogProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=UserProfileDialog.d.ts.map

package/dist/chat/dialogs/UserProfileDialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UserProfileDialog.d.ts","sourceRoot":"","sources":["../../../src/chat/dialogs/UserProfileDialog.tsx"],"names":[],"mappings":"AASA,UAAU,sBAAsB;IAC5B,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;CACvB;AAED,wBAAgB,iBAAiB,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,IAAI,EAAE,OAAO,EAAE,EAAE,sBAAsB,2CAkFvG"}

package/dist/chat/dialogs/UserProfileDialog.js

@@ -0,0 +1,100 @@
+"use client";
+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, Fragment as _Fragment } from "react/jsx-runtime";
+import { useState, useEffect } from "react";
+import { Dialog, DialogContent, DialogHeader, DialogTitle } from "../../misc/dialog";
+import { Button } from "../../misc/button";
+import { Avatar, AvatarFallback, AvatarImage } from "../../misc/avatar";
+import { Ban, Shield } from "lucide-react";
+import { userApi } from "@myrjfa/state/dist/lib/actions/user";
+export function UserProfileDialog(_a) {
+    var _this = this;
+    var userId = _a.userId, userName = _a.userName, userImage = _a.userImage, open = _a.open, onClose = _a.onClose;
+    var _b = useState(false), isBlocked = _b[0], setIsBlocked = _b[1];
+    var _c = useState(false), loading = _c[0], setLoading = _c[1];
+    useEffect(function () {
+        if (open && userId) {
+            checkBlockStatus();
+        }
+    }, [open, userId]);
+    var checkBlockStatus = function () { return __awaiter(_this, void 0, void 0, function () {
+        var blocked;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0: return [4 /*yield*/, userApi.checkIfBlocked(userId)];
+                case 1:
+                    blocked = _a.sent();
+                    setIsBlocked(blocked);
+                    return [2 /*return*/];
+            }
+        });
+    }); };
+    var handleBlockToggle = function () { return __awaiter(_this, void 0, void 0, function () {
+        var error_1;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    setLoading(true);
+                    _a.label = 1;
+                case 1:
+                    _a.trys.push([1, 6, 7, 8]);
+                    if (!isBlocked) return [3 /*break*/, 3];
+                    return [4 /*yield*/, userApi.unblockUser(userId)];
+                case 2:
+                    _a.sent();
+                    setIsBlocked(false);
+                    return [3 /*break*/, 5];
+                case 3: return [4 /*yield*/, userApi.blockUser(userId)];
+                case 4:
+                    _a.sent();
+                    setIsBlocked(true);
+                    _a.label = 5;
+                case 5: return [3 /*break*/, 8];
+                case 6:
+                    error_1 = _a.sent();
+                    console.error("Failed to toggle block:", error_1);
+                    return [3 /*break*/, 8];
+                case 7:
+                    setLoading(false);
+                    return [7 /*endfinally*/];
+                case 8: return [2 /*return*/];
+            }
+        });
+    }); };
+    return (_jsx(Dialog, { open: open, onOpenChange: onClose, children: _jsxs(DialogContent, { className: "sm:max-w-md", children: [_jsx(DialogHeader, { children: _jsx(DialogTitle, { children: "User Profile" }) }), _jsxs("div", { className: "flex flex-col items-center space-y-4 py-4", children: [_jsxs(Avatar, { className: "h-24 w-24", children: [_jsx(AvatarImage, { src: userImage }), _jsx(AvatarFallback, { className: "text-2xl", children: userName.charAt(0).toUpperCase() })] }), _jsxs("div", { className: "text-center", children: [_jsx("h3", { className: "text-lg font-semibold", children: userName }), _jsxs("p", { className: "text-sm text-gray-500", children: ["@", userId] })] }), _jsx(Button, { onClick: handleBlockToggle, disabled: loading, variant: isBlocked ? "outline" : "destructive", className: "w-full", children: loading ? ("Processing...") : isBlocked ? (_jsxs(_Fragment, { children: [_jsx(Shield, { className: "w-4 h-4 mr-2" }), "Unblock User"] })) : (_jsxs(_Fragment, { children: [_jsx(Ban, { className: "w-4 h-4 mr-2" }), "Block User"] })) }), isBlocked && (_jsx("p", { className: "text-xs text-gray-500 text-center", children: "You have blocked this user. They cannot start chats with you." }))] })] }) }));
+}

package/dist/chat/index.d.ts

@@ -0,0 +1,8 @@
+export * from './ConversationList';
+export * from './ChatSidebar';
+export * from './dialogs/NewChatDialog';
+export * from './dialogs/NewGroupDialog';
+export * from './MessageBubble';
+export * from './MessageInput';
+export * from './ChatMain';
+//# sourceMappingURL=index.d.ts.map

package/dist/chat/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/chat/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC;AACnC,cAAc,eAAe,CAAC;AAC9B,cAAc,yBAAyB,CAAC;AACxC,cAAc,0BAA0B,CAAC;AACzC,cAAc,iBAAiB,CAAC;AAChC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,YAAY,CAAC"}

package/dist/chat/index.js

@@ -0,0 +1,7 @@
+export * from './ConversationList';
+export * from './ChatSidebar';
+export * from './dialogs/NewChatDialog';
+export * from './dialogs/NewGroupDialog';
+export * from './MessageBubble';
+export * from './MessageInput';
+export * from './ChatMain';

package/dist/dashboard/action-buttons.js

@@ -2,9 +2,8 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { MoreHorizontal } from 'lucide-react';
 import { Button } from '../misc/button';
 import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger, } from '../misc/dropdown-menu';
-export function ActionButtons(_a) {
-    var actions = _a.actions, _b = _a.includeMoreMenu, includeMoreMenu = _b === void 0 ? true : _b, _c = _a.maxDisplayed, maxDisplayed = _c === void 0 ? 0 : _c;
-    var displayedActions = actions.slice(0, maxDisplayed);
-    var menuActions = includeMoreMenu ? actions.slice(maxDisplayed) : [];
-    return (_jsxs("div", { className: "flex items-center gap-2", children: [displayedActions.map(function (action, index) { return (_jsxs(Button, { variant: action.variant || 'outline', size: "sm", onClick: action.action, className: 'cursor-pointer', children: [action.icon, _jsx("span", { className: "ml-1", children: action.label })] }, index)); }), menuActions.length > 0 && (_jsxs(DropdownMenu, { children: [_jsx(DropdownMenuTrigger, { asChild: true, children: _jsx(Button, { variant: "outline", size: "sm", children: _jsx(MoreHorizontal, { className: "h-4 w-4 cursor-pointer" }) }) }), _jsx(DropdownMenuContent, { align: "end", children: menuActions.map(function (action, index) { return (_jsxs(DropdownMenuItem, { onClick: action.action, children: [action.icon, _jsx("span", { className: "ml-2", children: action.label })] }, index)); }) })] }))] }));
+export function ActionButtons({ actions, includeMoreMenu = true, maxDisplayed = 0 }) {
+    const displayedActions = actions.slice(0, maxDisplayed);
+    const menuActions = includeMoreMenu ? actions.slice(maxDisplayed) : [];
+    return (_jsxs("div", { className: "flex items-center gap-2", children: [displayedActions.map((action, index) => (_jsxs(Button, { variant: action.variant || 'outline', size: "sm", onClick: action.action, className: 'cursor-pointer', children: [action.icon, _jsx("span", { className: "ml-1", children: action.label })] }, index))), menuActions.length > 0 && (_jsxs(DropdownMenu, { children: [_jsx(DropdownMenuTrigger, { asChild: true, children: _jsx(Button, { variant: "outline", size: "sm", children: _jsx(MoreHorizontal, { className: "h-4 w-4 cursor-pointer" }) }) }), _jsx(DropdownMenuContent, { align: "end", children: menuActions.map((action, index) => (_jsxs(DropdownMenuItem, { onClick: action.action, children: [action.icon, _jsx("span", { className: "ml-2", children: action.label })] }, index))) })] }))] }));
 }

package/dist/dashboard/app-sidebar.js

@@ -1,71 +1,4 @@
 "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 };
-    }
-};
-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;
-};
-var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
-    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-        if (ar || !(i in from)) {
-            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-            ar[i] = from[i];
-        }
-    }
-    return to.concat(ar || Array.prototype.slice.call(from));
-};
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { logoutUser } from "@myrjfa/state/dist/lib/auth";
 import { isLoggedInAtom, userAtom, userLoadingAtom } from "@myrjfa/state/dist/lib/userAtom";
@@ -80,56 +13,55 @@ import { Avatar, AvatarFallback, AvatarImage } from "../misc/avatar";
 import { Label } from "../misc/label";
 import { Sidebar, SidebarContent, SidebarFooter, SidebarMenuButton } from "../misc/sidebar";
 import { Skeleton } from "../misc/skeleton";
-export function AppSidebar(_a) {
-    var _this = this;
-    var _b, _c, _d, _e, _f, _g, _h, _j, _k;
-    var props = __rest(_a, []);
-    var router = useRouter();
-    var _l = useAtom(userAtom), user = _l[0], setUser = _l[1];
-    var setIsLoggedIn = useSetAtom(isLoggedInAtom);
-    var loading = useAtomValue(userLoadingAtom);
+export function AppSidebar({ ...props }) {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j;
+    const router = useRouter();
+    const [user, setUser] = useAtom(userAtom);
+    const setIsLoggedIn = useSetAtom(isLoggedInAtom);
+    const loading = useAtomValue(userLoadingAtom);
     // Redirect to login if user is null after loading finishes
-    useEffect(function () {
+    useEffect(() => {
         if (!loading && !user) {
             router.push('/auth/login');
         }
     }, [loading, user, router]);
     // Navigation data
-    var navData = {
-        navMain: __spreadArray(__spreadArray(__spreadArray([
+    const navData = {
+        navMain: [
             {
                 title: "Profile",
-                url: user ? "/profile/".concat((_b = user.role) !== null && _b !== void 0 ? _b : "user", "/").concat(user.username) : "#",
+                url: user ? `/profile/${(_a = user.role) !== null && _a !== void 0 ? _a : "user"}/${user.username}` : "#",
                 icon: User,
             },
             {
-                title: "Dashboard",
-                url: user ? "/overview/".concat((_c = user.role) !== null && _c !== void 0 ? _c : "user") : "#",
+                title: "My Opportunities",
+                url: user ? `/overview/${(_b = user.role) !== null && _b !== void 0 ? _b : "user"}` : "#",
                 icon: LayoutDashboardIcon
-            }
-        ], ((user === null || user === void 0 ? void 0 : user.role) === "admin" || (user === null || user === void 0 ? void 0 : user.role) === "host"
-            ? [
-                {
-                    title: "My Tours",
-                    url: "/overview/".concat(user.role, "/packages"),
-                    icon: Package,
-                },
-            ]
-            : []), true), ((user === null || user === void 0 ? void 0 : user.role) === "admin" || (user === null || user === void 0 ? void 0 : user.role) === "host"
-            ? [
-                {
-                    title: "Blogs",
-                    url: "/overview/".concat(user.role, "/blogs"),
-                    icon: FileText,
-                },
-            ]
-            : []), true), [
+            },
+            ...((user === null || user === void 0 ? void 0 : user.role) === "admin" || (user === null || user === void 0 ? void 0 : user.role) === "host"
+                ? [
+                    {
+                        title: "My Tours",
+                        url: `/overview/${user.role}/packages`,
+                        icon: Package,
+                    },
+                ]
+                : []),
+            ...((user === null || user === void 0 ? void 0 : user.role) === "admin" || (user === null || user === void 0 ? void 0 : user.role) === "host"
+                ? [
+                    {
+                        title: "Blogs",
+                        url: `/overview/${user.role}/blogs`,
+                        icon: FileText,
+                    },
+                ]
+                : []),
             {
                 title: "Inbox",
                 url: "/inbox",
                 icon: Inbox
             },
-        ], false),
+        ],
         navSecondary: [
             {
                 title: "Get Help",
@@ -139,33 +71,19 @@ export function AppSidebar(_a) {
         ]
     };
     // Loading skeleton for user info
-    var UserInfoSkeleton = function () { return (_jsxs(_Fragment, { children: [_jsx(Skeleton, { className: "h-8 w-8 rounded-full" }), _jsxs("div", { className: "grid flex-1 gap-1 text-left", children: [_jsx(Skeleton, { className: "h-4 w-24" }), _jsx(Skeleton, { className: "h-3 w-32" })] })] })); };
-    var handleLogout = function () { return __awaiter(_this, void 0, void 0, function () {
-        var role, response;
+    const UserInfoSkeleton = () => (_jsxs(_Fragment, { children: [_jsx(Skeleton, { className: "h-8 w-8 rounded-full" }), _jsxs("div", { className: "grid flex-1 gap-1 text-left", children: [_jsx(Skeleton, { className: "h-4 w-24" }), _jsx(Skeleton, { className: "h-3 w-32" })] })] }));
+    const handleLogout = async () => {
         var _a;
-        return __generator(this, function (_b) {
-            switch (_b.label) {
-                case 0:
-                    role = (user === null || user === void 0 ? void 0 : user.role) || "user";
-                    setUser(null);
-                    setIsLoggedIn(false);
-                    return [4 /*yield*/, logoutUser(role)];
-                case 1:
-                    response = _b.sent();
-                    if (!(response === null || response === void 0 ? void 0 : response.error)) return [3 /*break*/, 3];
-                    return [4 /*yield*/, showAlert(response.error)];
-                case 2:
-                    _b.sent();
-                    return [3 /*break*/, 5];
-                case 3: return [4 /*yield*/, showAlert((_a = response.message) !== null && _a !== void 0 ? _a : "")];
-                case 4:
-                    _b.sent();
-                    _b.label = 5;
-                case 5:
-                    router.push('/auth/login?role=' + role);
-                    return [2 /*return*/];
-            }
-        });
-    }); };
-    return (_jsxs(Sidebar, __assign({ collapsible: "icon" }, props, { children: [_jsxs(SidebarContent, { children: [_jsx(NavMain, { items: navData.navMain }), _jsx(NavSecondary, { items: navData.navSecondary, className: "mt-auto" })] }), _jsxs(SidebarFooter, { children: [_jsx(SidebarMenuButton, { size: "lg", className: "hover:bg-sidebar-accent hover:text-sidebar-accent-foreground", children: loading ? (_jsx(UserInfoSkeleton, {})) : user ? (_jsxs(_Fragment, { children: [_jsxs(Avatar, { className: "h-8 w-8 rounded-full", children: [_jsx(AvatarImage, { src: (_d = user.profilePic) !== null && _d !== void 0 ? _d : "/images/profile_placeholder.webp", alt: "".concat((_e = user.firstName) !== null && _e !== void 0 ? _e : "Guest", " ").concat(user.lastName) }), _jsxs(AvatarFallback, { className: "rounded-full", children: [(_g = (_f = user.firstName) === null || _f === void 0 ? void 0 : _f.charAt(0)) !== null && _g !== void 0 ? _g : "D", (_j = (_h = user.lastName) === null || _h === void 0 ? void 0 : _h.charAt(0)) !== null && _j !== void 0 ? _j : "P"] })] }), _jsxs("div", { className: "grid flex-1 text-left text-sm leading-tight", children: [_jsxs("span", { className: "truncate font-medium", children: [(_k = user.firstName) !== null && _k !== void 0 ? _k : "Guest", " ", user.lastName] }), user.email && (_jsx("span", { className: "truncate text-xs text-muted-foreground", children: user.email }))] })] })) : (_jsxs(_Fragment, { children: [_jsx(Avatar, { className: "h-8 w-8 rounded-full", children: _jsx(AvatarFallback, { className: "rounded-full", children: "GU" }) }), _jsxs("div", { className: "grid flex-1 text-left text-sm leading-tight", children: [_jsx("span", { className: "truncate font-medium", children: "Guest User" }), _jsx("span", { className: "truncate text-xs text-muted-foreground", children: "Not signed in" })] })] })) }), _jsxs(SidebarMenuButton, { size: "lg", className: "hover:bg-sidebar-accent hover:text-sidebar-accent-foreground", onClick: handleLogout, disabled: loading, children: [_jsx(LogOutIcon, { className: "mx-2" }), _jsx(Label, { className: "cursor-pointer", children: "Log out" })] })] })] })));
+        const role = (user === null || user === void 0 ? void 0 : user.role) || "user";
+        setUser(null);
+        setIsLoggedIn(false);
+        const response = await logoutUser(role);
+        if (response === null || response === void 0 ? void 0 : response.error) {
+            await showAlert(response.error);
+        }
+        else
+            await showAlert((_a = response.message) !== null && _a !== void 0 ? _a : "");
+        router.push('/auth/login?role=' + role);
+    };
+    return (_jsxs(Sidebar, { collapsible: "icon", ...props, children: [_jsxs(SidebarContent, { children: [_jsx(NavMain, { items: navData.navMain }), _jsx(NavSecondary, { items: navData.navSecondary, className: "mt-auto" })] }), _jsxs(SidebarFooter, { children: [_jsx(SidebarMenuButton, { size: "lg", className: "hover:bg-sidebar-accent hover:text-sidebar-accent-foreground", children: loading ? (_jsx(UserInfoSkeleton, {})) : user ? (_jsxs(_Fragment, { children: [_jsxs(Avatar, { className: "h-8 w-8 rounded-full", children: [_jsx(AvatarImage, { src: (_c = user.profilePic) !== null && _c !== void 0 ? _c : "/images/profile_placeholder.webp", alt: `${(_d = user.firstName) !== null && _d !== void 0 ? _d : "Guest"} ${user.lastName}` }), _jsxs(AvatarFallback, { className: "rounded-full", children: [(_f = (_e = user.firstName) === null || _e === void 0 ? void 0 : _e.charAt(0)) !== null && _f !== void 0 ? _f : "D", (_h = (_g = user.lastName) === null || _g === void 0 ? void 0 : _g.charAt(0)) !== null && _h !== void 0 ? _h : "P"] })] }), _jsxs("div", { className: "grid flex-1 text-left text-sm leading-tight", children: [_jsxs("span", { className: "truncate font-medium", children: [(_j = user.firstName) !== null && _j !== void 0 ? _j : "Guest", " ", user.lastName] }), user.email && (_jsx("span", { className: "truncate text-xs text-muted-foreground", children: user.email }))] })] })) : (_jsxs(_Fragment, { children: [_jsx(Avatar, { className: "h-8 w-8 rounded-full", children: _jsx(AvatarFallback, { className: "rounded-full", children: "GU" }) }), _jsxs("div", { className: "grid flex-1 text-left text-sm leading-tight", children: [_jsx("span", { className: "truncate font-medium", children: "Guest User" }), _jsx("span", { className: "truncate text-xs text-muted-foreground", children: "Not signed in" })] })] })) }), _jsxs(SidebarMenuButton, { size: "lg", className: "hover:bg-sidebar-accent hover:text-sidebar-accent-foreground", onClick: handleLogout, disabled: loading, children: [_jsx(LogOutIcon, { className: "mx-2" }), _jsx(Label, { className: "cursor-pointer", children: "Log out" })] })] })] }));
 }

package/dist/dashboard/card-header.js

@@ -2,7 +2,6 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 // components/ui/card-header.tsx
 import { PlusCircle } from 'lucide-react';
 import { Button } from '../misc/button';
-export function CardHeader(_a) {
-    var title = _a.title, description = _a.description, action = _a.action;
+export function CardHeader({ title, description, action }) {
     return (_jsxs("div", { className: "flex flex-col sm:flex-row justify-between items-start sm:items-center mb-6 gap-4", children: [_jsxs("div", { children: [_jsx("h2", { className: "text-2xl font-bold tracking-tight", children: title }), description && _jsx("p", { className: "text-muted-foreground mt-1", children: description })] }), action && (_jsxs(Button, { onClick: action.onClick, children: [_jsx(PlusCircle, { className: "mr-2 h-4 w-4" }), action.label] }))] }));
 }

package/dist/dashboard/dashboard-components.js

@@ -1,12 +1,10 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { cn, getStatusColor } from '@myrjfa/state/dist/lib/utils';
 import { Progress } from '../misc/progress';
-export function StatusBadge(_a) {
-    var status = _a.status, className = _a.className;
-    var statusColor = getStatusColor(status);
+export function StatusBadge({ status, className }) {
+    const statusColor = getStatusColor(status);
     return (_jsx("span", { className: cn('inline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-medium', statusColor, className), children: status.charAt(0).toUpperCase() + status.slice(1) }));
 }
-export function ProgressWithText(_a) {
-    var value = _a.value, label = _a.label, _b = _a.showPercentage, showPercentage = _b === void 0 ? true : _b;
+export function ProgressWithText({ value, label, showPercentage = true }) {
     return (_jsxs("div", { className: "space-y-1.5", children: [_jsxs("div", { className: "flex items-center justify-between", children: [label && _jsx("p", { className: "text-sm text-muted-foreground", children: label }), showPercentage && _jsxs("p", { className: "text-sm text-muted-foreground", children: [value, "%"] })] }), _jsx(Progress, { value: value, className: "h-2" })] }));
 }

package/dist/dashboard/data-table.d.ts

@@ -1,19 +1,19 @@
-import React, { JSX } from 'react';
-export interface Column<T> {
-    header: string;
-    accessorKey: keyof T;
-    cell?: (item: T) => React.ReactNode;
-    sortable?: boolean;
-}
-interface DataTableProps<T> {
-    data: T[];
-    columns: Column<T>[];
-    actions?: (item: T) => JSX.Element;
-    onRowClick?: (id: string) => void;
-}
-export declare function DataTable<T extends {
-    slug?: string;
-    _id?: string;
-}>({ data, columns, actions, onRowClick, }: DataTableProps<T>): import("react/jsx-runtime").JSX.Element;
-export {};
+import React, { JSX } from 'react';
+export interface Column<T> {
+    header: string;
+    accessorKey: keyof T;
+    cell?: (item: T) => React.ReactNode;
+    sortable?: boolean;
+}
+interface DataTableProps<T> {
+    data: T[];
+    columns: Column<T>[];
+    actions?: (item: T) => JSX.Element;
+    onRowClick?: (id: string) => void;
+}
+export declare function DataTable<T extends {
+    slug?: string;
+    _id?: string;
+}>({ data, columns, actions, onRowClick, }: DataTableProps<T>): import("react/jsx-runtime").JSX.Element;
+export {};
 //# sourceMappingURL=data-table.d.ts.map