@myrjfa/ui 1.1.0 → 1.1.1

package/dist/main/review-page.js

@@ -1,60 +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 __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 } from "react/jsx-runtime";
 import { zodResolver } from "@hookform/resolvers/zod";
 import { addReview, deleteReview, editReview, getReviewsById } from "@myrjfa/state/dist/lib/actions";
@@ -72,55 +16,56 @@ import { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle }
 import { Form, FormControl, FormField, FormItem, FormLabel, FormMessage, } from "../misc/form";
 import { Separator } from "../misc/separator";
 import { Textarea } from "../misc/textarea";
-var StarRating = function (_a) {
-    var value = _a.value, onChange = _a.onChange, onHover = _a.onHover, _b = _a.size, size = _b === void 0 ? 8 : _b, _c = _a.interactive, interactive = _c === void 0 ? false : _c;
-    return (_jsx("div", { className: "flex space-x-1", children: [1, 2, 3, 4, 5].map(function (star) { return (_jsx("button", { type: "button", onClick: function () { return interactive && (onChange === null || onChange === void 0 ? void 0 : onChange(star)); }, onMouseEnter: function () { return interactive && (onHover === null || onHover === void 0 ? void 0 : onHover(star)); }, onMouseLeave: function () { return interactive && (onHover === null || onHover === void 0 ? void 0 : onHover(null)); }, className: "focus:outline-none text-".concat(size, "xl"), children: _jsx(StarIcon, { className: "h-".concat(size, " w-").concat(size, " ").concat(star <= value ? 'text-yellow-400 fill-yellow-400' : 'text-gray-300') }) }, star)); }) }));
+const StarRating = ({ value, onChange, onHover, size = 8, interactive = false }) => {
+    return (_jsx("div", { className: "flex space-x-1", children: [1, 2, 3, 4, 5].map((star) => (_jsx("button", { type: "button", onClick: () => interactive && (onChange === null || onChange === void 0 ? void 0 : onChange(star)), onMouseEnter: () => interactive && (onHover === null || onHover === void 0 ? void 0 : onHover(star)), onMouseLeave: () => interactive && (onHover === null || onHover === void 0 ? void 0 : onHover(null)), className: `focus:outline-none text-${size}xl`, children: _jsx(StarIcon, { className: `h-${size} w-${size} ${star <= value ? 'text-yellow-400 fill-yellow-400' : 'text-gray-300'}` }) }, star))) }));
 };
-export default function ReviewPage(_a) {
-    var _this = this;
-    var _b;
-    var title = _a.title, subtitle = _a.subtitle, targetId = _a.targetId, _c = _a.targetType, targetType = _c === void 0 ? "opportunity" : _c, _d = _a.editable, editable = _d === void 0 ? false : _d, _e = _a.initialReviews, initialReviews = _e === void 0 ? [] : _e, _f = _a.reviewCategory, reviewCategory = _f === void 0 ? "review" : _f;
-    var user = useAtomValue(userAtom);
-    var loading = useAtomValue(userLoadingAtom);
-    var _g = useState((_b = initialReviews.find(function (r) { return r.reviewerUsername === (user === null || user === void 0 ? void 0 : user.username); })) !== null && _b !== void 0 ? _b : null), review = _g[0], setReview = _g[1];
-    var _h = useState(initialReviews), reviews = _h[0], setReviews = _h[1];
-    var _j = useState([]), displayReviews = _j[0], setDisplayReviews = _j[1];
-    var _k = useState(null), hoveredRating = _k[0], setHoveredRating = _k[1];
-    var _l = useState(false), isSubmitting = _l[0], setIsSubmitting = _l[1];
-    var _m = useState(false), isDeleting = _m[0], setIsDeleting = _m[1];
-    var _o = useState(false), isFormInitialized = _o[0], setIsFormInitialized = _o[1];
-    var form = useForm({
+export default function ReviewPage({ title, subtitle, targetId, targetType = "opportunity", editable = false, initialReviews = [], reviewCategory = "review", }) {
+    var _a;
+    const user = useAtomValue(userAtom);
+    const loading = useAtomValue(userLoadingAtom);
+    const [review, setReview] = useState(Array.isArray(initialReviews) ? ((_a = initialReviews.find((r) => r.reviewerUsername === (user === null || user === void 0 ? void 0 : user.username))) !== null && _a !== void 0 ? _a : null) : null);
+    const [reviews, setReviews] = useState(initialReviews);
+    const [displayReviews, setDisplayReviews] = useState([]);
+    const [page, setPage] = useState(1);
+    const [hasMore, setHasMore] = useState(false);
+    const [totalCount, setTotalCount] = useState(Array.isArray(initialReviews) ? initialReviews.length : 0);
+    const [hoveredRating, setHoveredRating] = useState(null);
+    const [isSubmitting, setIsSubmitting] = useState(false);
+    const [isDeleting, setIsDeleting] = useState(false);
+    const [isFormInitialized, setIsFormInitialized] = useState(false);
+    const [isLoadingMore, setIsLoadingMore] = useState(false);
+    const form = useForm({
         resolver: zodResolver(reviewBasicSchema),
         defaultValues: {
             rating: reviewCategory === "comment" ? 1 : ((review === null || review === void 0 ? void 0 : review.rating) || 0),
             comment: (review === null || review === void 0 ? void 0 : review.comment) || "",
         },
     });
-    var ratingValue = hoveredRating !== null && hoveredRating !== void 0 ? hoveredRating : form.watch("rating");
-    useEffect(function () {
+    const ratingValue = hoveredRating !== null && hoveredRating !== void 0 ? hoveredRating : form.watch("rating");
+    useEffect(() => {
         if (loading)
             return;
-        var fetchData = function () { return __awaiter(_this, void 0, void 0, function () {
-            var response, myReview;
-            return __generator(this, function (_a) {
-                switch (_a.label) {
-                    case 0: return [4 /*yield*/, getReviewsById(targetId, targetType)];
-                    case 1:
-                        response = _a.sent();
-                        if (response === null || response === void 0 ? void 0 : response.error) {
-                            console.error("Error: " + response.error);
-                        }
-                        else {
-                            setReviews(response.reviews);
-                            myReview = response.reviews.find(function (r) { return r.reviewerUsername === (user === null || user === void 0 ? void 0 : user.username); });
-                            setReview(myReview !== null && myReview !== void 0 ? myReview : null);
-                            form.reset({ rating: reviewCategory === "comment" ? 1 : ((myReview === null || myReview === void 0 ? void 0 : myReview.rating) || 0), comment: (myReview === null || myReview === void 0 ? void 0 : myReview.comment) || "" });
-                            setIsFormInitialized(true);
-                        }
-                        return [2 /*return*/];
-                }
-            });
-        }); };
+        const fetchData = async () => {
+            // Cast to any to bypass stale type definitions in @myrjfa/state/dist
+            const response = await getReviewsById(targetId, targetType, { page: 1, limit: 10 });
+            if (response === null || response === void 0 ? void 0 : response.error) {
+                console.error("Error: " + response.error);
+            }
+            else if (Array.isArray(response.reviews)) {
+                setReviews(response.reviews);
+                setTotalCount(response.totalCount);
+                setHasMore(response.hasMore);
+                setPage(1);
+                const myReview = response.reviews.find((r) => r.reviewerUsername === (user === null || user === void 0 ? void 0 : user.username));
+                setReview(myReview !== null && myReview !== void 0 ? myReview : null);
+                form.reset({ rating: reviewCategory === "comment" ? 1 : ((myReview === null || myReview === void 0 ? void 0 : myReview.rating) || 0), comment: (myReview === null || myReview === void 0 ? void 0 : myReview.comment) || "" });
+                setIsFormInitialized(true);
+            }
+            else {
+                setReviews([]);
+                setIsFormInitialized(true);
+            }
+        };
         if (!initialReviews || initialReviews.length === 0) {
             fetchData();
         }
@@ -128,7 +73,28 @@ export default function ReviewPage(_a) {
             setIsFormInitialized(true); // Initialize immediately if already present
         }
     }, [targetId, targetType, user, loading]);
-    useEffect(function () {
+    const handleLoadMore = async () => {
+        if (isLoadingMore || !hasMore)
+            return;
+        setIsLoadingMore(true);
+        try {
+            const nextPage = page + 1;
+            // Cast to any to bypass stale type definitions in @myrjfa/state/dist
+            const response = await getReviewsById(targetId, targetType, { page: nextPage, limit: 10 });
+            if (response === null || response === void 0 ? void 0 : response.error) {
+                console.error("Error: " + response.error);
+            }
+            else if (Array.isArray(response.reviews)) {
+                setReviews([...reviews, ...response.reviews]);
+                setPage(nextPage);
+                setHasMore(response.hasMore);
+            }
+        }
+        finally {
+            setIsLoadingMore(false);
+        }
+    };
+    useEffect(() => {
         if (review) {
             form.reset({
                 rating: reviewCategory === "comment" ? 1 : review.rating,
@@ -137,110 +103,77 @@ export default function ReviewPage(_a) {
         }
         setIsFormInitialized(true);
     }, [review]);
-    useEffect(function () {
-        setDisplayReviews(reviews.filter(function (r) { return r.comment; }));
+    useEffect(() => {
+        if (Array.isArray(reviews)) {
+            setDisplayReviews(reviews.filter((r) => r.comment));
+        }
+        else {
+            setDisplayReviews([]);
+        }
     }, [reviews]);
-    var onSubmit = function (data) { return __awaiter(_this, void 0, void 0, function () {
-        var response, newReview_1, error_1;
-        return __generator(this, function (_a) {
-            switch (_a.label) {
-                case 0:
-                    setIsSubmitting(true);
-                    _a.label = 1;
-                case 1:
-                    _a.trys.push([1, 9, 10, 11]);
-                    response = void 0;
-                    if (!review) return [3 /*break*/, 3];
-                    return [4 /*yield*/, editReview(review._id, data)];
-                case 2:
-                    response = _a.sent();
-                    return [3 /*break*/, 5];
-                case 3: return [4 /*yield*/, addReview(targetId, targetType, data)];
-                case 4:
-                    response = _a.sent();
-                    _a.label = 5;
-                case 5:
-                    if (!(response === null || response === void 0 ? void 0 : response.error)) return [3 /*break*/, 7];
-                    return [4 /*yield*/, showAlert(response.error, "Error reviewing ".concat(targetType))];
-                case 6:
-                    _a.sent();
-                    return [3 /*break*/, 8];
-                case 7:
-                    newReview_1 = response.review;
-                    if (newReview_1) {
-                        setReviews(__spreadArray([newReview_1], reviews.filter(function (r) { return r._id !== newReview_1._id; }), true));
-                        setReview(newReview_1);
-                        form.reset({ rating: reviewCategory === "comment" ? 1 : newReview_1.rating, comment: newReview_1.comment || "" });
-                    }
-                    _a.label = 8;
-                case 8: return [3 /*break*/, 11];
-                case 9:
-                    error_1 = _a.sent();
-                    console.error("Failed to submit review:", error_1);
-                    form.setError("root", { message: "Failed to submit review. Please try again." });
-                    return [3 /*break*/, 11];
-                case 10:
-                    setIsSubmitting(false);
-                    return [7 /*endfinally*/];
-                case 11: return [2 /*return*/];
+    const onSubmit = async (data) => {
+        setIsSubmitting(true);
+        try {
+            let response;
+            if (review) {
+                response = await editReview(review._id, data);
+            }
+            else {
+                response = await addReview(targetId, targetType, data);
             }
-        });
-    }); };
-    var handleDeleteReview = function () { return __awaiter(_this, void 0, void 0, function () {
-        var confirmed, response, err_1;
-        return __generator(this, function (_a) {
-            switch (_a.label) {
-                case 0:
-                    if (!review)
-                        return [2 /*return*/];
-                    confirmed = true;
-                    return [4 /*yield*/, showAlert("Are you sure you want to delete your review?", undefined, deleteActions(function () {
-                            confirmed = false;
-                        }))];
-                case 1:
-                    _a.sent();
-                    if (!confirmed)
-                        return [2 /*return*/];
-                    setIsDeleting(true);
-                    _a.label = 2;
-                case 2:
-                    _a.trys.push([2, 7, 9, 10]);
-                    return [4 /*yield*/, deleteReview(review._id)];
-                case 3:
-                    response = _a.sent();
-                    if (!(response === null || response === void 0 ? void 0 : response.error)) return [3 /*break*/, 5];
-                    return [4 /*yield*/, showAlert(response.error, "Error deleting review:")];
-                case 4:
-                    _a.sent();
-                    return [3 /*break*/, 6];
-                case 5:
-                    setReviews(reviews.filter(function (r) { return r._id !== review._id; }));
-                    setReview(null);
-                    form.reset({ rating: reviewCategory === "comment" ? 1 : 0, comment: "" });
-                    _a.label = 6;
-                case 6: return [3 /*break*/, 10];
-                case 7:
-                    err_1 = _a.sent();
-                    console.error("Failed to delete review:", err_1);
-                    return [4 /*yield*/, showAlert("Something went wrong while deleting. Please try again.")];
-                case 8:
-                    _a.sent();
-                    return [3 /*break*/, 10];
-                case 9:
-                    setIsDeleting(false);
-                    return [7 /*endfinally*/];
-                case 10: return [2 /*return*/];
+            if (response === null || response === void 0 ? void 0 : response.error) {
+                await showAlert(response.error, `Error reviewing ${targetType}`);
             }
-        });
-    }); };
+            else {
+                const newReview = response.review;
+                if (newReview) {
+                    setReviews([newReview, ...reviews.filter((r) => r._id !== newReview._id)]);
+                    setReview(newReview);
+                    setTotalCount(prev => review ? prev : prev + 1);
+                    form.reset({ rating: reviewCategory === "comment" ? 1 : newReview.rating, comment: newReview.comment || "" });
+                }
+            }
+        }
+        catch (error) {
+            console.error("Failed to submit review:", error);
+            form.setError("root", { message: "Failed to submit review. Please try again." });
+        }
+        finally {
+            setIsSubmitting(false);
+        }
+    };
+    const handleDeleteReview = async () => {
+        if (!review)
+            return;
+        let confirmed = true;
+        await showAlert("Are you sure you want to delete your review?", undefined, deleteActions(() => {
+            confirmed = false;
+        }));
+        if (!confirmed)
+            return;
+        setIsDeleting(true);
+        try {
+            const response = await deleteReview(review._id);
+            if (response === null || response === void 0 ? void 0 : response.error) {
+                await showAlert(response.error, "Error deleting review:");
+            }
+            else {
+                setReviews(reviews.filter((r) => r._id !== review._id));
+                setReview(null);
+                setTotalCount(prev => Math.max(0, prev - 1));
+                form.reset({ rating: reviewCategory === "comment" ? 1 : 0, comment: "" });
+            }
+        }
+        catch (err) {
+            console.error("Failed to delete review:", err);
+            await showAlert("Something went wrong while deleting. Please try again.");
+        }
+        finally {
+            setIsDeleting(false);
+        }
+    };
     if (loading || !isFormInitialized)
         return _jsx(Card, { className: "w-full h-50 flex items-center justify-center", children: "Loading Reviews..." });
-    var averageRating = reviews.length ? reviews.reduce(function (acc, r) { return acc + r.rating; }, 0) / reviews.length : 0;
-    return (_jsxs(Card, { className: "w-full mb-10", children: [(title || subtitle) && _jsxs(CardHeader, { children: [title && _jsx(CardTitle, { children: title }), subtitle && _jsx(CardDescription, { children: subtitle })] }), _jsxs(CardContent, { children: [editable && _jsx(Form, __assign({}, form, { children: _jsxs("form", { onSubmit: form.handleSubmit(onSubmit), className: "space-y-6 pb-4", children: [_jsx(FormField, { control: form.control, name: "rating", render: function (_a) {
-                                        var field = _a.field;
-                                        return (_jsxs(FormItem, { className: reviewCategory === "comment" ? "hidden" : "", children: [_jsx(FormLabel, { children: "Your Rating" }), _jsx(FormControl, { children: _jsx(StarRating, { value: ratingValue, onChange: function (val) { return field.onChange(val); }, onHover: setHoveredRating, interactive: true }) }), _jsx(FormMessage, {})] }));
-                                    } }), _jsx(FormField, { control: form.control, name: "comment", render: function (_a) {
-                                        var field = _a.field;
-                                        return (_jsxs(FormItem, { children: [_jsxs(FormLabel, { children: ["Your ", reviewCategory == "review" ? "Review" : "Comment"] }), _jsx(FormControl, { children: _jsx(Textarea, __assign({ placeholder: "Share your ".concat(reviewCategory == "review" ? "experience" : "thoughts", "..."), className: "resize-none", rows: 4 }, field)) }), _jsx(FormMessage, {})] }));
-                                    } }), form.formState.errors.root && (_jsx("p", { className: "text-sm font-medium text-destructive", children: form.formState.errors.root.message })), _jsxs("div", { className: "flex flex-wrap gap-2", children: [_jsx(Button, { type: "submit", disabled: isSubmitting, className: "w-full sm:w-auto", children: isSubmitting ? (reviewCategory == "review" ? "Submitting... Review" : "Posting... Comment") : (reviewCategory == "review" ? "Submit Review" : "Post Comment") }), review && _jsx(Button, { type: "button", variant: "destructive", className: "w-full sm:w-auto", disabled: isDeleting, onClick: handleDeleteReview, children: isDeleting ? "Deleting..." : reviewCategory == "review" ? "Delete Review" : "Delete Comment" })] })] }) })), displayReviews.length > 0 ? (_jsxs("div", { className: "mt-4", children: [_jsxs("div", { className: "flex justify-between items-center mb-4", children: [_jsxs("h3", { className: "text-lg font-medium", children: [reviewCategory == "review" ? "Reviews" : "Comments", " (", displayReviews.length, ")"] }), reviewCategory == "review" && _jsxs("div", { className: "flex items-center", children: [_jsx("span", { className: "font-medium mr-2", children: averageRating.toFixed(1) }), _jsx(StarRating, { value: Math.round(averageRating), size: 5 })] })] }), _jsx(Separator, { className: "my-4" }), _jsx("div", { className: "space-y-6", children: displayReviews.map(function (review) { return (_jsxs("div", { className: "pb-4", children: [_jsxs("div", { className: "flex items-start justify-between", children: [_jsxs("div", { className: "flex items-center", children: [_jsxs(Avatar, { className: "h-10 w-10 mr-3", children: [_jsx(AvatarImage, { src: review.reviewerPic || "/images/profile_placeholder.webp", alt: review.reviewerUsername }), _jsx(AvatarFallback, { children: review.reviewerUsername.charAt(0) })] }), _jsxs("div", { children: [_jsx("h4", { className: "font-medium", children: review.reviewerUsername }), _jsx("p", { className: "text-sm text-gray-500", children: formatDate(review.createdAt) })] })] }), reviewCategory == "review" && _jsx(StarRating, { value: review.rating, size: 4 })] }), _jsx("p", { className: "mt-2 text-gray-600 whitespace-pre-line", children: review.comment }), _jsx(Separator, { className: "mt-4" })] }, review._id)); }) })] })) : (_jsxs("div", { className: "text-center justify-center p-5", children: ["No ", reviewCategory == "comment" ? "comments" : "reviews", " yet"] }))] }), displayReviews.length > 0 && _jsx(CardFooter, { children: _jsx("p", { className: "text-sm text-gray-500", children: "Thank you for sharing your feedback. All reviews are moderated and typically appear within 24-48 hours." }) })] }));
+    const averageRating = reviews.length ? reviews.reduce((acc, r) => acc + r.rating, 0) / reviews.length : 0;
+    return (_jsxs(Card, { className: "w-full mb-10", children: [(title || subtitle) && _jsxs(CardHeader, { children: [title && _jsx(CardTitle, { children: title }), subtitle && _jsx(CardDescription, { children: subtitle })] }), _jsxs(CardContent, { children: [editable && _jsx(Form, { ...form, children: _jsxs("form", { onSubmit: form.handleSubmit(onSubmit), className: "space-y-6 pb-4", children: [_jsx(FormField, { control: form.control, name: "rating", render: ({ field }) => (_jsxs(FormItem, { className: reviewCategory === "comment" ? "hidden" : "", children: [_jsx(FormLabel, { children: "Your Rating" }), _jsx(FormControl, { children: _jsx(StarRating, { value: ratingValue, onChange: (val) => field.onChange(val), onHover: setHoveredRating, interactive: true }) }), _jsx(FormMessage, {})] })) }), _jsx(FormField, { control: form.control, name: "comment", render: ({ field }) => (_jsxs(FormItem, { children: [_jsxs(FormLabel, { children: ["Your ", reviewCategory == "review" ? "Review" : "Comment"] }), _jsx(FormControl, { children: _jsx(Textarea, { placeholder: `Share your ${reviewCategory == "review" ? "experience" : "thoughts"}...`, className: "resize-none", rows: 4, ...field }) }), _jsx(FormMessage, {})] })) }), form.formState.errors.root && (_jsx("p", { className: "text-sm font-medium text-destructive", children: form.formState.errors.root.message })), _jsxs("div", { className: "flex flex-wrap gap-2", children: [_jsx(Button, { type: "submit", disabled: isSubmitting, className: "w-full sm:w-auto", children: isSubmitting ? (reviewCategory == "review" ? "Submitting... Review" : "Posting... Comment") : (reviewCategory == "review" ? "Submit Review" : "Post Comment") }), review && _jsx(Button, { type: "button", variant: "destructive", className: "w-full sm:w-auto", disabled: isDeleting, onClick: handleDeleteReview, children: isDeleting ? "Deleting..." : reviewCategory == "review" ? "Delete Review" : "Delete Comment" })] })] }) }), displayReviews.length > 0 ? (_jsxs("div", { className: "mt-4", children: [_jsxs("div", { className: "flex justify-between items-center mb-4", children: [_jsxs("h3", { className: "text-lg font-medium", children: [reviewCategory == "review" ? "Reviews" : "Comments", " (", totalCount || displayReviews.length, ")"] }), reviewCategory == "review" && _jsxs("div", { className: "flex items-center", children: [_jsx("span", { className: "font-medium mr-2", children: averageRating.toFixed(1) }), _jsx(StarRating, { value: Math.round(averageRating), size: 5 })] })] }), _jsx(Separator, { className: "my-4" }), _jsx("div", { className: "space-y-6", children: displayReviews.map((review) => (_jsxs("div", { className: "pb-4", children: [_jsxs("div", { className: "flex items-start justify-between", children: [_jsxs("div", { className: "flex items-center", children: [_jsxs(Avatar, { className: "h-10 w-10 mr-3", children: [_jsx(AvatarImage, { src: review.reviewerPic || "/images/profile_placeholder.webp", alt: review.reviewerUsername }), _jsx(AvatarFallback, { children: review.reviewerUsername.charAt(0) })] }), _jsxs("div", { children: [_jsx("h4", { className: "font-medium", children: review.reviewerUsername }), _jsx("p", { className: "text-sm text-gray-500", children: formatDate(review.createdAt) })] })] }), reviewCategory == "review" && _jsx(StarRating, { value: review.rating, size: 4 })] }), _jsx("p", { className: "mt-2 text-gray-600 whitespace-pre-line", children: review.comment }), _jsx(Separator, { className: "mt-4" })] }, review._id))) }), hasMore && (_jsx("div", { className: "flex justify-center mt-6", children: _jsx(Button, { variant: "outline", onClick: handleLoadMore, disabled: isLoadingMore, className: "w-full sm:w-auto", children: isLoadingMore ? "Loading more..." : "View More" }) }))] })) : (_jsxs("div", { className: "text-center justify-center p-5", children: ["No ", reviewCategory == "comment" ? "comments" : "reviews", " yet"] }))] }), displayReviews.length > 0 && _jsx(CardFooter, { children: _jsx("p", { className: "text-sm text-gray-500", children: "Thank you for sharing your feedback. All reviews are moderated and typically appear within 24-48 hours." }) })] }));
 }

package/dist/misc/accordion.js

@@ -1,44 +1,18 @@
 "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, jsxs as _jsxs } from "react/jsx-runtime";
 import * as AccordionPrimitive from "@radix-ui/react-accordion";
 import { cn } from "@myrjfa/state/dist/lib/utils";
 import { ChevronDownIcon } from "lucide-react";
-function Accordion(_a) {
-    var props = __rest(_a, []);
-    return _jsx(AccordionPrimitive.Root, __assign({ "data-slot": "accordion" }, props));
+function Accordion({ ...props }) {
+    return _jsx(AccordionPrimitive.Root, { "data-slot": "accordion", ...props });
 }
-function AccordionItem(_a) {
-    var className = _a.className, props = __rest(_a, ["className"]);
-    return (_jsx(AccordionPrimitive.Item, __assign({ "data-slot": "accordion-item", className: cn("border-b last:border-b-0", className) }, props)));
+function AccordionItem({ className, ...props }) {
+    return (_jsx(AccordionPrimitive.Item, { "data-slot": "accordion-item", className: cn("border-b last:border-b-0", className), ...props }));
 }
-function AccordionTrigger(_a) {
-    var className = _a.className, children = _a.children, props = __rest(_a, ["className", "children"]);
-    return (_jsx(AccordionPrimitive.Header, { className: "flex", children: _jsxs(AccordionPrimitive.Trigger, __assign({ "data-slot": "accordion-trigger", className: cn("focus-visible:border-ring focus-visible:ring-ring/50 flex flex-1 items-start justify-between gap-4 rounded-md py-4 text-left text-sm font-medium transition-all outline-none hover:underline focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50 [&[data-state=open]>svg]:rotate-180", className) }, props, { children: [children, _jsx(ChevronDownIcon, { className: "text-muted-foreground pointer-events-none size-4 shrink-0 translate-y-0.5 transition-transform duration-200" })] })) }));
+function AccordionTrigger({ className, children, ...props }) {
+    return (_jsx(AccordionPrimitive.Header, { className: "flex", children: _jsxs(AccordionPrimitive.Trigger, { "data-slot": "accordion-trigger", className: cn("focus-visible:border-ring focus-visible:ring-ring/50 flex flex-1 items-start justify-between gap-4 rounded-md py-4 text-left text-sm font-medium transition-all outline-none hover:underline focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50 [&[data-state=open]>svg]:rotate-180", className), ...props, children: [children, _jsx(ChevronDownIcon, { className: "text-muted-foreground pointer-events-none size-4 shrink-0 translate-y-0.5 transition-transform duration-200" })] }) }));
 }
-function AccordionContent(_a) {
-    var className = _a.className, children = _a.children, props = __rest(_a, ["className", "children"]);
-    return (_jsx(AccordionPrimitive.Content, __assign({ "data-slot": "accordion-content", className: "data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down overflow-hidden text-sm" }, props, { children: _jsx("div", { className: cn("pt-0 pb-4", className), children: children }) })));
+function AccordionContent({ className, children, ...props }) {
+    return (_jsx(AccordionPrimitive.Content, { "data-slot": "accordion-content", className: "data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down overflow-hidden text-sm", ...props, children: _jsx("div", { className: cn("pt-0 pb-4", className), children: children }) }));
 }
 export { Accordion, AccordionItem, AccordionTrigger, AccordionContent };

package/dist/misc/alert-dialog.js

@@ -1,72 +1,39 @@
 "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, jsxs as _jsxs } from "react/jsx-runtime";
 import * as AlertDialogPrimitive from "@radix-ui/react-alert-dialog";
 import { cn } from "@myrjfa/state/dist/lib/utils";
 import { buttonVariants } from "./button";
-function AlertDialog(_a) {
-    var props = __rest(_a, []);
-    return _jsx(AlertDialogPrimitive.Root, __assign({ "data-slot": "alert-dialog" }, props));
+function AlertDialog({ ...props }) {
+    return _jsx(AlertDialogPrimitive.Root, { "data-slot": "alert-dialog", ...props });
 }
-function AlertDialogTrigger(_a) {
-    var props = __rest(_a, []);
-    return (_jsx(AlertDialogPrimitive.Trigger, __assign({ "data-slot": "alert-dialog-trigger" }, props)));
+function AlertDialogTrigger({ ...props }) {
+    return (_jsx(AlertDialogPrimitive.Trigger, { "data-slot": "alert-dialog-trigger", ...props }));
 }
-function AlertDialogPortal(_a) {
-    var props = __rest(_a, []);
-    return (_jsx(AlertDialogPrimitive.Portal, __assign({ "data-slot": "alert-dialog-portal" }, props)));
+function AlertDialogPortal({ ...props }) {
+    return (_jsx(AlertDialogPrimitive.Portal, { "data-slot": "alert-dialog-portal", ...props }));
 }
-function AlertDialogOverlay(_a) {
-    var className = _a.className, props = __rest(_a, ["className"]);
-    return (_jsx(AlertDialogPrimitive.Overlay, __assign({ "data-slot": "alert-dialog-overlay", className: cn("data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50", className) }, props)));
+function AlertDialogOverlay({ className, ...props }) {
+    return (_jsx(AlertDialogPrimitive.Overlay, { "data-slot": "alert-dialog-overlay", className: cn("data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50", className), ...props }));
 }
-function AlertDialogContent(_a) {
-    var className = _a.className, props = __rest(_a, ["className"]);
-    return (_jsxs(AlertDialogPortal, { children: [_jsx(AlertDialogOverlay, {}), _jsx(AlertDialogPrimitive.Content, __assign({ "data-slot": "alert-dialog-content", className: cn("bg-background 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 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-6 shadow-lg duration-200 sm:max-w-lg", className) }, props))] }));
+function AlertDialogContent({ className, ...props }) {
+    return (_jsxs(AlertDialogPortal, { children: [_jsx(AlertDialogOverlay, {}), _jsx(AlertDialogPrimitive.Content, { "data-slot": "alert-dialog-content", className: cn("bg-background 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 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-6 shadow-lg duration-200 sm:max-w-lg", className), ...props })] }));
 }
-function AlertDialogHeader(_a) {
-    var className = _a.className, props = __rest(_a, ["className"]);
-    return (_jsx("div", __assign({ "data-slot": "alert-dialog-header", className: cn("flex flex-col gap-2 text-center sm:text-left", className) }, props)));
+function AlertDialogHeader({ className, ...props }) {
+    return (_jsx("div", { "data-slot": "alert-dialog-header", className: cn("flex flex-col gap-2 text-center sm:text-left", className), ...props }));
 }
-function AlertDialogFooter(_a) {
-    var className = _a.className, props = __rest(_a, ["className"]);
-    return (_jsx("div", __assign({ "data-slot": "alert-dialog-footer", className: cn("flex flex-col-reverse gap-2 sm:flex-row sm:justify-end", className) }, props)));
+function AlertDialogFooter({ className, ...props }) {
+    return (_jsx("div", { "data-slot": "alert-dialog-footer", className: cn("flex flex-col-reverse gap-2 sm:flex-row sm:justify-end", className), ...props }));
 }
-function AlertDialogTitle(_a) {
-    var className = _a.className, props = __rest(_a, ["className"]);
-    return (_jsx(AlertDialogPrimitive.Title, __assign({ "data-slot": "alert-dialog-title", className: cn("text-lg font-semibold", className) }, props)));
+function AlertDialogTitle({ className, ...props }) {
+    return (_jsx(AlertDialogPrimitive.Title, { "data-slot": "alert-dialog-title", className: cn("text-lg font-semibold", className), ...props }));
 }
-function AlertDialogDescription(_a) {
-    var className = _a.className, props = __rest(_a, ["className"]);
-    return (_jsx(AlertDialogPrimitive.Description, __assign({ "data-slot": "alert-dialog-description", className: cn("text-muted-foreground text-sm", className) }, props)));
+function AlertDialogDescription({ className, ...props }) {
+    return (_jsx(AlertDialogPrimitive.Description, { "data-slot": "alert-dialog-description", className: cn("text-muted-foreground text-sm", className), ...props }));
 }
-function AlertDialogAction(_a) {
-    var className = _a.className, props = __rest(_a, ["className"]);
-    return (_jsx(AlertDialogPrimitive.Action, __assign({ className: cn(buttonVariants(), className) }, props)));
+function AlertDialogAction({ className, ...props }) {
+    return (_jsx(AlertDialogPrimitive.Action, { className: cn(buttonVariants(), className), ...props }));
 }
-function AlertDialogCancel(_a) {
-    var className = _a.className, props = __rest(_a, ["className"]);
-    return (_jsx(AlertDialogPrimitive.Cancel, __assign({ className: cn(buttonVariants({ variant: "outline" }), className) }, props)));
+function AlertDialogCancel({ className, ...props }) {
+    return (_jsx(AlertDialogPrimitive.Cancel, { className: cn(buttonVariants({ variant: "outline" }), className), ...props }));
 }
 export { AlertDialog, AlertDialogPortal, AlertDialogOverlay, AlertDialogTrigger, AlertDialogContent, AlertDialogHeader, AlertDialogFooter, AlertDialogTitle, AlertDialogDescription, AlertDialogAction, AlertDialogCancel, };

package/dist/misc/alert.js

@@ -1,29 +1,7 @@
-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 { cn } from "@myrjfa/state/dist/lib/utils";
 import { cva } from "class-variance-authority";
-var alertVariants = cva("relative w-full rounded-lg border px-4 py-3 text-sm grid has-[>svg]:grid-cols-[calc(var(--spacing)*4)_1fr] grid-cols-[0_1fr] has-[>svg]:gap-x-3 gap-y-0.5 items-start [&>svg]:size-4 [&>svg]:translate-y-0.5 [&>svg]:text-current", {
+const alertVariants = cva("relative w-full rounded-lg border px-4 py-3 text-sm grid has-[>svg]:grid-cols-[calc(var(--spacing)*4)_1fr] grid-cols-[0_1fr] has-[>svg]:gap-x-3 gap-y-0.5 items-start [&>svg]:size-4 [&>svg]:translate-y-0.5 [&>svg]:text-current", {
     variants: {
         variant: {
             default: "bg-card text-card-foreground",
@@ -34,16 +12,13 @@ var alertVariants = cva("relative w-full rounded-lg border px-4 py-3 text-sm gri
         variant: "default",
     },
 });
-function Alert(_a) {
-    var className = _a.className, variant = _a.variant, props = __rest(_a, ["className", "variant"]);
-    return (_jsx("div", __assign({ role: "alert", className: cn(alertVariants({ variant: variant }), className) }, props), "alert"));
+function Alert({ className, variant, ...props }) {
+    return (_jsx("div", { role: "alert", className: cn(alertVariants({ variant }), className), ...props }, "alert"));
 }
-function AlertTitle(_a) {
-    var className = _a.className, props = __rest(_a, ["className"]);
-    return (_jsx("div", __assign({ className: cn("col-start-2 line-clamp-1 min-h-4 font-medium tracking-tight", className) }, props), "alert-title"));
+function AlertTitle({ className, ...props }) {
+    return (_jsx("div", { className: cn("col-start-2 line-clamp-1 min-h-4 font-medium tracking-tight", className), ...props }, "alert-title"));
 }
-function AlertDescription(_a) {
-    var className = _a.className, props = __rest(_a, ["className"]);
-    return (_jsx("div", __assign({ className: cn("text-muted-foreground col-start-2 grid justify-items-start gap-1 text-sm [&_p]:leading-relaxed", className) }, props), "alert-description"));
+function AlertDescription({ className, ...props }) {
+    return (_jsx("div", { className: cn("text-muted-foreground col-start-2 grid justify-items-start gap-1 text-sm [&_p]:leading-relaxed", className), ...props }, "alert-description"));
 }
 export { Alert, AlertTitle, AlertDescription };