@mohasinac/appkit 2.7.18 → 2.7.20

package/dist/features/products/components/AuctionsIndexListing.js

@@ -4,7 +4,7 @@ import { useState, useCallback, useMemo } from "react";
 import { SlidersHorizontal, X } from "lucide-react";
 import { useUrlTable } from "../../../react/hooks/useUrlTable";
 import { useProducts } from "../hooks/useProducts";
-import { Pagination, useToast, ListingToolbar, BulkActionBar } from "../../../ui";
+import { Pagination, useToast, ListingToolbar, BulkActionBar, LoginRequiredModal } from "../../../ui";
 import { useBulkSelection } from "../../../react/hooks/useBulkSelection";
 import { MarketplaceAuctionGrid } from "../../auctions/components/MarketplaceAuctionGrid";
 import { AuctionFilters } from "../../auctions/components/AuctionFilters";
@@ -15,6 +15,8 @@ import { useBrands } from "../hooks/useBrands";
 import { TABLE_KEYS, VIEW_MODE } from "../../../constants/table-keys";
 import { sortBy } from "../../../constants/sort";
 import { PRODUCT_FIELDS } from "../../../constants/field-names";
+import { useAuthGate } from "../../../react/hooks/useAuthGate";
+import { ACTION_ID } from "../constants/action-defs";
 const DEFAULT_SORT = sortBy(PRODUCT_FIELDS.AUCTION_END_DATE, "ASC");
 const AUCTION_SORT_OPTIONS = [
     { value: sortBy(PRODUCT_FIELDS.AUCTION_END_DATE, "ASC"), label: "Ending Soonest" },
@@ -28,6 +30,7 @@ const FILTER_KEYS = [TABLE_KEYS.CATEGORY, TABLE_KEYS.BRAND, TABLE_KEYS.MIN_BID,
 export function AuctionsIndexListing({ initialData, categorySlug, brandName }) {
     const table = useUrlTable({ defaults: { pageSize: "24", sort: DEFAULT_SORT } });
     const { showToast } = useToast();
+    const { requireAuth, modalOpen, modalMessage, closeModal } = useAuthGate();
     const [searchInput, setSearchInput] = useState(table.get(TABLE_KEYS.QUERY) || "");
     const [filterOpen, setFilterOpen] = useState(false);
     const showEnded = table.get(TABLE_KEYS.SHOW_ENDED) === "true";
@@ -127,15 +130,19 @@ export function AuctionsIndexListing({ initialData, categorySlug, brandName }) {
     };
     const wishlistActions = {
         addToWishlist: (productId) => {
-            localWishlist.add(productId, "auction");
-            pushWishlistOp({ op: "add", itemId: productId, type: "auction" });
-            showToast("Added to wishlist", "success");
+            requireAuth(ACTION_ID.WATCH_AUCTION, () => {
+                localWishlist.add(productId, "auction");
+                pushWishlistOp({ op: "add", itemId: productId, type: "auction" });
+                showToast("Added to wishlist", "success");
+            });
             return Promise.resolve();
         },
         removeFromWishlist: (productId) => {
-            localWishlist.remove(productId, "auction");
-            pushWishlistOp({ op: "remove", itemId: productId, type: "auction" });
-            showToast("Removed from wishlist", "info");
+            requireAuth(ACTION_ID.UNWATCH_AUCTION, () => {
+                localWishlist.remove(productId, "auction");
+                pushWishlistOp({ op: "remove", itemId: productId, type: "auction" });
+                showToast("Removed from wishlist", "info");
+            });
             return Promise.resolve();
         },
         isWishlisted: (productId) => wishlistedIds.has(productId),
@@ -143,28 +150,24 @@ export function AuctionsIndexListing({ initialData, categorySlug, brandName }) {
     const gridClass = "grid grid-cols-2 sm:grid-cols-3 lg:grid-cols-3 gap-4";
     return (_jsxs("div", { className: "min-h-screen", children: [_jsx(ListingToolbar, { filterCount: activeFilterCount, onFiltersClick: openFilters, searchValue: searchInput, searchPlaceholder: "Search auctions...", onSearchChange: setSearchInput, onSearchCommit: commitSearch, onSearchKeyDown: handleSearchKeyDown, sortValue: table.get(TABLE_KEYS.SORT) || DEFAULT_SORT, sortOptions: AUCTION_SORT_OPTIONS, onSortChange: (v) => { table.set(TABLE_KEYS.SORT, v); }, view: view, onViewChange: handleViewToggle, onResetAll: resetAll, hasActiveState: hasActiveState, bulkMode: selection.isSelecting, bulkSelectedCount: selection.selectedCount, bulkTotalCount: auctions.length, onBulkSelectAll: selection.toggleAll, onBulkClear: selection.clearSelection, extra: _jsxs("label", { className: "flex items-center gap-1.5 cursor-pointer select-none shrink-0", children: [_jsx("span", { className: "hidden sm:inline text-xs text-zinc-600 dark:text-zinc-300 whitespace-nowrap", children: "Show ended" }), _jsx("button", { type: "button", role: "switch", "aria-checked": showEnded, onClick: () => table.set(TABLE_KEYS.SHOW_ENDED, showEnded ? "" : "true"), className: `relative inline-flex h-5 w-9 flex-shrink-0 items-center rounded-full transition-colors duration-200 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-1 ${showEnded ? "bg-primary" : "bg-zinc-300 dark:bg-slate-600"}`, children: _jsx("span", { className: `inline-block h-3.5 w-3.5 transform rounded-full bg-white shadow-sm transition-transform duration-200 ${showEnded ? "translate-x-[19px]" : "translate-x-[3px]"}` }) })] }) }), _jsx(BulkActionBar, { selectedCount: selection.selectedCount, onClearSelection: selection.clearSelection, actions: [
                     {
-                        id: "watchlist",
+                        id: ACTION_ID.WATCH_AUCTION,
                         label: "Add to Watchlist",
                         variant: "primary",
                         onClick: () => {
                             const selected = auctions.filter((a) => selection.selectedIdSet.has(a.id));
-                            selected.forEach((a) => {
-                                wishlistActions.addToWishlist(a.id);
-                            });
+                            selected.forEach((a) => { wishlistActions.addToWishlist(a.id); });
                             selection.clearSelection();
                         },
                     },
                     {
-                        id: "remove-watchlist",
+                        id: ACTION_ID.UNWATCH_AUCTION,
                         label: "Remove from Watchlist",
                         variant: "secondary",
                         onClick: () => {
                             const selected = auctions.filter((a) => selection.selectedIdSet.has(a.id));
-                            selected.forEach((a) => {
-                                wishlistActions.removeFromWishlist(a.id);
-                            });
+                            selected.forEach((a) => { wishlistActions.removeFromWishlist(a.id); });
                             selection.clearSelection();
                         },
                     },
-                ] }), totalPages > 1 && (_jsx("div", { className: "sticky top-[calc(var(--header-height,0px)+44px)] z-10 flex justify-center bg-white/95 dark:bg-slate-900/95 backdrop-blur-sm border-b border-zinc-200 dark:border-slate-700 px-3 py-1.5", children: _jsx(Pagination, { currentPage: page, totalPages: totalPages, onPageChange: (p) => table.setPage(p) }) })), _jsx("div", { className: "py-6", children: isLoading ? (_jsx("div", { className: gridClass, children: Array.from({ length: 8 }).map((_, i) => (_jsxs("div", { className: "rounded-xl border border-zinc-100 dark:border-slate-700 overflow-hidden animate-pulse", children: [_jsx("div", { className: "aspect-square bg-zinc-200 dark:bg-slate-700" }), _jsxs("div", { className: "p-3 space-y-2", children: [_jsx("div", { className: "h-3 bg-zinc-200 dark:bg-slate-700 rounded w-3/4" }), _jsx("div", { className: "h-4 bg-zinc-200 dark:bg-slate-700 rounded w-1/2" }), _jsx("div", { className: "h-3 bg-zinc-200 dark:bg-slate-700 rounded w-full" }), _jsx("div", { className: "h-8 bg-zinc-200 dark:bg-slate-700 rounded" })] })] }, i))) })) : (_jsx(MarketplaceAuctionGrid, { auctions: auctions, variant: view === "list" ? "list" : "grid", gridClassName: view === "list" ? "flex flex-col gap-4" : gridClass, wishlistActions: wishlistActions })) }), filterOpen && (_jsxs(_Fragment, { children: [_jsx("div", { className: "fixed inset-0 z-40 bg-black/40", "aria-hidden": "true", onClick: () => setFilterOpen(false) }), _jsxs("div", { className: "fixed inset-y-0 left-0 z-50 flex w-80 flex-col bg-white dark:bg-slate-900 shadow-2xl", children: [_jsxs("div", { className: "flex items-center justify-between border-b border-zinc-200 dark:border-slate-700 px-4 py-3.5", children: [_jsxs("span", { className: "flex items-center gap-2 text-base font-semibold text-zinc-900 dark:text-zinc-100", children: [_jsx(SlidersHorizontal, { className: "h-4 w-4" }), "Filters"] }), _jsxs("div", { className: "flex items-center gap-2", children: [pendingFilterCount > 0 && (_jsx("button", { type: "button", onClick: clearFilters, className: "text-xs text-zinc-500 hover:text-rose-500 dark:text-zinc-400 transition-colors", children: "Clear all" })), _jsx("button", { type: "button", onClick: () => setFilterOpen(false), "aria-label": "Close filters", className: "rounded-lg p-1.5 text-zinc-500 hover:bg-zinc-100 dark:hover:bg-slate-800 transition-colors", children: _jsx(X, { className: "h-5 w-5" }) })] })] }), _jsx("div", { className: "flex-1 overflow-y-auto px-4 py-4", children: _jsx(AuctionFilters, { table: pendingTable, currencyPrefix: "\u20B9", categoryOptions: categoryOptions, brandOptions: brandOptions }) }), _jsx("div", { className: "border-t border-zinc-200 dark:border-slate-700 px-4 py-3.5", children: _jsxs("button", { type: "button", onClick: applyFilters, className: "w-full rounded-lg bg-primary py-2.5 text-sm font-semibold text-white hover:bg-primary-600 transition-colors active:scale-[0.98]", children: ["Apply Filters", pendingFilterCount > 0 ? ` (${pendingFilterCount})` : ""] }) })] })] }))] }));
+                ] }), totalPages > 1 && (_jsx("div", { className: "sticky top-[calc(var(--header-height,0px)+44px)] z-10 flex justify-center bg-white/95 dark:bg-slate-900/95 backdrop-blur-sm border-b border-zinc-200 dark:border-slate-700 px-3 py-1.5", children: _jsx(Pagination, { currentPage: page, totalPages: totalPages, onPageChange: (p) => table.setPage(p) }) })), _jsx("div", { className: "py-6", children: isLoading ? (_jsx("div", { className: gridClass, children: Array.from({ length: 8 }).map((_, i) => (_jsxs("div", { className: "rounded-xl border border-zinc-100 dark:border-slate-700 overflow-hidden animate-pulse", children: [_jsx("div", { className: "aspect-square bg-zinc-200 dark:bg-slate-700" }), _jsxs("div", { className: "p-3 space-y-2", children: [_jsx("div", { className: "h-3 bg-zinc-200 dark:bg-slate-700 rounded w-3/4" }), _jsx("div", { className: "h-4 bg-zinc-200 dark:bg-slate-700 rounded w-1/2" }), _jsx("div", { className: "h-3 bg-zinc-200 dark:bg-slate-700 rounded w-full" }), _jsx("div", { className: "h-8 bg-zinc-200 dark:bg-slate-700 rounded" })] })] }, i))) })) : (_jsx(MarketplaceAuctionGrid, { auctions: auctions, variant: view === "list" ? "list" : "grid", gridClassName: view === "list" ? "flex flex-col gap-4" : gridClass, wishlistActions: wishlistActions })) }), filterOpen && (_jsxs(_Fragment, { children: [_jsx("div", { className: "fixed inset-0 z-40 bg-black/40", "aria-hidden": "true", onClick: () => setFilterOpen(false) }), _jsxs("div", { className: "fixed inset-y-0 left-0 z-50 flex w-80 flex-col bg-white dark:bg-slate-900 shadow-2xl", children: [_jsxs("div", { className: "flex items-center justify-between border-b border-zinc-200 dark:border-slate-700 px-4 py-3.5", children: [_jsxs("span", { className: "flex items-center gap-2 text-base font-semibold text-zinc-900 dark:text-zinc-100", children: [_jsx(SlidersHorizontal, { className: "h-4 w-4" }), "Filters"] }), _jsxs("div", { className: "flex items-center gap-2", children: [pendingFilterCount > 0 && (_jsx("button", { type: "button", onClick: clearFilters, className: "text-xs text-zinc-500 hover:text-rose-500 dark:text-zinc-400 transition-colors", children: "Clear all" })), _jsx("button", { type: "button", onClick: () => setFilterOpen(false), "aria-label": "Close filters", className: "rounded-lg p-1.5 text-zinc-500 hover:bg-zinc-100 dark:hover:bg-slate-800 transition-colors", children: _jsx(X, { className: "h-5 w-5" }) })] })] }), _jsx("div", { className: "flex-1 overflow-y-auto px-4 py-4", children: _jsx(AuctionFilters, { table: pendingTable, currencyPrefix: "\u20B9", categoryOptions: categoryOptions, brandOptions: brandOptions }) }), _jsx("div", { className: "border-t border-zinc-200 dark:border-slate-700 px-4 py-3.5", children: _jsxs("button", { type: "button", onClick: applyFilters, className: "w-full rounded-lg bg-primary py-2.5 text-sm font-semibold text-white hover:bg-primary-600 transition-colors active:scale-[0.98]", children: ["Apply Filters", pendingFilterCount > 0 ? ` (${pendingFilterCount})` : ""] }) })] })] })), _jsx(LoginRequiredModal, { isOpen: modalOpen, onClose: closeModal, message: modalMessage })] }));
 }

package/dist/features/products/components/ProductGrid.js

@@ -81,7 +81,7 @@ export function ProductCard({ product, href, onClick, onAddToWishlist, isWishlis
                                             e.stopPropagation();
                                             e.preventDefault();
                                             onAddToCart(product);
-                                        }, className: "flex items-center justify-center gap-1 rounded-xl border-2 border-primary/40 bg-primary/5 py-2 text-xs font-semibold text-primary hover:bg-primary/10 hover:border-primary/60 active:scale-[0.97] transition-all duration-150 dark:text-primary-400 dark:border-primary-400/50 dark:bg-primary/[0.08] dark:hover:bg-primary/[0.15] dark:hover:border-primary-400/70", children: [_jsx("svg", { className: "h-3.5 w-3.5 flex-shrink-0", fill: "none", stroke: "currentColor", strokeWidth: 2, viewBox: "0 0 24 24", "aria-hidden": "true", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M3 3h2l.4 2M7 13h10l4-8H5.4m1.6 8L5 3H3m4 10v7a1 1 0 001 1h8a1 1 0 001-1v-7M9 21h6" }) }), "Cart"] }))] }))] })] })] }));
+                                        }, className: "flex items-center justify-center gap-1 rounded-xl border-2 border-primary/40 bg-primary/5 py-2 text-xs font-semibold text-zinc-800 hover:bg-primary/10 hover:border-primary/60 active:scale-[0.97] transition-all duration-150 dark:text-zinc-100 dark:border-primary-400/50 dark:bg-primary/[0.08] dark:hover:bg-primary/[0.15] dark:hover:border-primary-400/70", children: [_jsx("svg", { className: "h-3.5 w-3.5 flex-shrink-0", fill: "none", stroke: "currentColor", strokeWidth: 2, viewBox: "0 0 24 24", "aria-hidden": "true", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M3 3h2l.4 2M7 13h10l4-8H5.4m1.6 8L5 3H3m4 10v7a1 1 0 001 1h8a1 1 0 001-1v-7M9 21h6" }) }), "Cart"] }))] }))] })] })] }));
     if (href && !selectionMode) {
         return (_jsx(Link, { href: href, className: "block h-full", children: cardBody }));
     }

package/dist/features/products/components/ProductsIndexListing.js

@@ -5,7 +5,8 @@ import { X, ShoppingCart, Heart, SlidersHorizontal, Columns } from "lucide-react
 import { useRouter } from "next/navigation";
 import { useUrlTable } from "../../../react/hooks/useUrlTable";
 import { useProducts } from "../hooks/useProducts";
-import { Pagination, useToast, BulkActionBar, ListingToolbar } from "../../../ui";
+import { Pagination, useToast, BulkActionBar, ListingToolbar, LoginRequiredModal } from "../../../ui";
+import { useAuthGate } from "../../../react/hooks/useAuthGate";
 import { ACTION_ID, ACTION_META, COMPARE_MAX_ITEMS } from "../constants/action-defs";
 import { CompareOverlay } from "./CompareOverlay";
 import { ROUTES } from "../../../next";
@@ -24,6 +25,7 @@ export function ProductsIndexListing({ initialData }) {
     const router = useRouter();
     const table = useUrlTable({ defaults: { pageSize: "24", sort: DEFAULT_SORT } });
     const { showToast } = useToast();
+    const { requireAuth, modalOpen, modalMessage, closeModal } = useAuthGate();
     const [searchInput, setSearchInput] = useState(table.get(TABLE_KEYS.QUERY) || "");
     const [filterOpen, setFilterOpen] = useState(false);
     const [compareIds, setCompareIds] = useState([]);
@@ -123,17 +125,19 @@ export function ProductsIndexListing({ initialData }) {
     };
     const handleWishlistToggle = useCallback((productId) => {
         const isWishlisted = wishlistedIds.has(productId);
-        if (isWishlisted) {
-            localWishlist.remove(productId, "product");
-            pushWishlistOp({ op: "remove", itemId: productId, type: "product" });
-            showToast("Removed from wishlist", "info");
-        }
-        else {
-            localWishlist.add(productId, "product");
-            pushWishlistOp({ op: "add", itemId: productId, type: "product" });
-            showToast("Added to wishlist", "success");
-        }
-    }, [wishlistedIds, localWishlist, showToast]);
+        requireAuth(isWishlisted ? ACTION_ID.REMOVE_FROM_WISHLIST : ACTION_ID.ADD_TO_WISHLIST, () => {
+            if (isWishlisted) {
+                localWishlist.remove(productId, "product");
+                pushWishlistOp({ op: "remove", itemId: productId, type: "product" });
+                showToast("Removed from wishlist", "info");
+            }
+            else {
+                localWishlist.add(productId, "product");
+                pushWishlistOp({ op: "add", itemId: productId, type: "product" });
+                showToast("Added to wishlist", "success");
+            }
+        });
+    }, [wishlistedIds, localWishlist, showToast, requireAuth]);
     const handleAddToCart = useCallback((product) => {
         localCart.add(product.id, 1, {
             productTitle: product.title,
@@ -144,14 +148,16 @@ export function ProductsIndexListing({ initialData }) {
         showToast("Added to cart", "success");
     }, [localCart, showToast]);
     const handleBuyNow = useCallback((product) => {
-        localCart.add(product.id, 1, {
-            productTitle: product.title,
-            productImage: product.mainImage,
-            price: product.price,
+        requireAuth(ACTION_ID.BUY_NOW, () => {
+            localCart.add(product.id, 1, {
+                productTitle: product.title,
+                productImage: product.mainImage,
+                price: product.price,
+            });
+            pushCartOp({ op: "add", productId: product.id, quantity: 1, productTitle: product.title, productImage: product.mainImage, price: product.price });
+            router.push(String(ROUTES.USER.CART));
         });
-        pushCartOp({ op: "add", productId: product.id, quantity: 1, productTitle: product.title, productImage: product.mainImage, price: product.price });
-        router.push(String(ROUTES.USER.CART));
-    }, [localCart, router]);
+    }, [localCart, router, requireAuth]);
     return (_jsxs("div", { className: "min-h-screen", children: [_jsx(ListingToolbar, { filterCount: activeFilterCount, onFiltersClick: openFilters, searchValue: searchInput, searchPlaceholder: "Search products...", onSearchChange: setSearchInput, onSearchCommit: commitSearch, onSearchKeyDown: handleSearchKeyDown, sortValue: table.get(TABLE_KEYS.SORT) || DEFAULT_SORT, sortOptions: PRODUCT_PUBLIC_SORT_OPTIONS, onSortChange: (v) => { table.set(TABLE_KEYS.SORT, v); }, view: view, onViewChange: handleViewToggle, onResetAll: resetAll, hasActiveState: hasActiveState, bulkMode: selection.isSelecting, bulkSelectedCount: selection.selectedCount, bulkTotalCount: products.length, onBulkSelectAll: selection.toggleAll, onBulkClear: selection.clearSelection, extra: _jsxs("label", { className: "flex items-center gap-1.5 cursor-pointer select-none shrink-0", children: [_jsx("span", { className: "hidden sm:inline text-xs text-zinc-600 dark:text-zinc-300 whitespace-nowrap", children: "Show sold" }), _jsx("button", { type: "button", role: "switch", "aria-checked": showSold, onClick: () => table.set(TABLE_KEYS.SHOW_SOLD, showSold ? "" : "true"), className: `relative inline-flex h-5 w-9 flex-shrink-0 items-center rounded-full transition-colors duration-200 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-1 ${showSold ? "bg-primary" : "bg-zinc-300 dark:bg-slate-600"}`, children: _jsx("span", { className: `inline-block h-3.5 w-3.5 transform rounded-full bg-white shadow-sm transition-transform duration-200 ${showSold ? "translate-x-[19px]" : "translate-x-[3px]"}` }) })] }) }), _jsx(BulkActionBar, { selectedCount: selection.selectedCount, onClearSelection: selection.clearSelection, actions: [
                     {
                         id: ACTION_ID.ADD_TO_CART,
@@ -174,13 +180,15 @@ export function ProductsIndexListing({ initialData }) {
                         icon: _jsx(Heart, { className: "h-3.5 w-3.5" }),
                         variant: "secondary",
                         onClick: () => {
-                            const selected = products.filter((p) => selection.selectedIdSet.has(p.id));
-                            selected.forEach((p) => {
-                                localWishlist.add(p.id, "product");
-                                pushWishlistOp({ op: "add", itemId: p.id, type: "product" });
+                            requireAuth(ACTION_ID.ADD_TO_WISHLIST, () => {
+                                const selected = products.filter((p) => selection.selectedIdSet.has(p.id));
+                                selected.forEach((p) => {
+                                    localWishlist.add(p.id, "product");
+                                    pushWishlistOp({ op: "add", itemId: p.id, type: "product" });
+                                });
+                                showToast(`${selected.length} items added to wishlist`, "success");
+                                selection.clearSelection();
                             });
-                            showToast(`${selected.length} items added to wishlist`, "success");
-                            selection.clearSelection();
                         },
                     },
                     {
@@ -197,5 +205,5 @@ export function ProductsIndexListing({ initialData }) {
                 ] }), totalPages > 1 && (_jsx("div", { className: "sticky top-[calc(var(--header-height,0px)+44px)] z-10 flex justify-center bg-white/95 dark:bg-slate-900/95 backdrop-blur-sm border-b border-zinc-200 dark:border-slate-700 px-3 py-1.5", children: _jsx(Pagination, { currentPage: page, totalPages: totalPages, onPageChange: (p) => table.setPage(p) }) })), _jsx("div", { className: "py-6", children: isLoading ? (_jsx("div", { className: "grid grid-cols-2 sm:grid-cols-3 lg:grid-cols-4 gap-4", children: Array.from({ length: 10 }).map((_, i) => (_jsxs("div", { className: "rounded-xl border border-zinc-100 dark:border-slate-700 overflow-hidden animate-pulse", children: [_jsx("div", { className: "aspect-square bg-zinc-200 dark:bg-slate-700" }), _jsxs("div", { className: "p-3 space-y-2", children: [_jsx("div", { className: "h-3 bg-zinc-200 dark:bg-slate-700 rounded w-3/4" }), _jsx("div", { className: "h-3 bg-zinc-200 dark:bg-slate-700 rounded w-1/2" }), _jsx("div", { className: "h-4 bg-zinc-200 dark:bg-slate-700 rounded w-1/3" })] })] }, i))) })) : (_jsx(ProductGrid, { products: products, getProductHref: (p) => String(ROUTES.PUBLIC.PRODUCT_DETAIL(p.slug || p.id)), view: view === "grid" ? "card" : "list", onWishlistToggle: handleWishlistToggle, wishlistedIds: wishlistedIds, onAddToCart: handleAddToCart, onBuyNow: handleBuyNow, selectionMode: selection.isSelecting, selectedIds: selection.selectedIdSet, onToggleSelect: selection.toggle })) }), _jsx(CompareOverlay, { isOpen: compareIds.length > 0, productIds: compareIds, productType: "product", onClose: () => {
                     setCompareIds([]);
                     selection.clearSelection();
-                }, onRemove: (id) => setCompareIds((ids) => ids.filter((i) => i !== id)) }), filterOpen && (_jsxs(_Fragment, { children: [_jsx("div", { className: "fixed inset-0 z-40 bg-black/40", "aria-hidden": "true", onClick: () => setFilterOpen(false) }), _jsxs("div", { className: "fixed inset-y-0 left-0 z-50 flex w-80 flex-col bg-white dark:bg-slate-900 shadow-2xl", children: [_jsxs("div", { className: "flex items-center justify-between border-b border-zinc-200 dark:border-slate-700 px-4 py-3.5", children: [_jsxs("span", { className: "flex items-center gap-2 text-base font-semibold text-zinc-900 dark:text-zinc-100", children: [_jsx(SlidersHorizontal, { className: "h-4 w-4" }), "Filters"] }), _jsxs("div", { className: "flex items-center gap-2", children: [pendingFilterCount > 0 && (_jsx("button", { type: "button", onClick: clearFilters, className: "text-xs text-zinc-500 hover:text-rose-500 dark:text-zinc-400 transition-colors", children: "Clear all" })), _jsx("button", { type: "button", onClick: () => setFilterOpen(false), "aria-label": "Close filters", className: "rounded-lg p-1.5 text-zinc-500 hover:bg-zinc-100 dark:hover:bg-slate-800 transition-colors", children: _jsx(X, { className: "h-5 w-5" }) })] })] }), _jsx("div", { className: "flex-1 overflow-y-auto px-4 py-4", children: _jsx(ProductFilters, { table: pendingTable, currencyPrefix: "\u20B9", categoryOptions: categoryOptions }) }), _jsx("div", { className: "border-t border-zinc-200 dark:border-slate-700 px-4 py-3.5", children: _jsxs("button", { type: "button", onClick: applyFilters, className: "w-full rounded-lg bg-primary py-2.5 text-sm font-semibold text-white hover:bg-primary-600 transition-colors active:scale-[0.98]", children: ["Apply Filters", pendingFilterCount > 0 ? ` (${pendingFilterCount})` : ""] }) })] })] }))] }));
+                }, onRemove: (id) => setCompareIds((ids) => ids.filter((i) => i !== id)) }), filterOpen && (_jsxs(_Fragment, { children: [_jsx("div", { className: "fixed inset-0 z-40 bg-black/40", "aria-hidden": "true", onClick: () => setFilterOpen(false) }), _jsxs("div", { className: "fixed inset-y-0 left-0 z-50 flex w-80 flex-col bg-white dark:bg-slate-900 shadow-2xl", children: [_jsxs("div", { className: "flex items-center justify-between border-b border-zinc-200 dark:border-slate-700 px-4 py-3.5", children: [_jsxs("span", { className: "flex items-center gap-2 text-base font-semibold text-zinc-900 dark:text-zinc-100", children: [_jsx(SlidersHorizontal, { className: "h-4 w-4" }), "Filters"] }), _jsxs("div", { className: "flex items-center gap-2", children: [pendingFilterCount > 0 && (_jsx("button", { type: "button", onClick: clearFilters, className: "text-xs text-zinc-500 hover:text-rose-500 dark:text-zinc-400 transition-colors", children: "Clear all" })), _jsx("button", { type: "button", onClick: () => setFilterOpen(false), "aria-label": "Close filters", className: "rounded-lg p-1.5 text-zinc-500 hover:bg-zinc-100 dark:hover:bg-slate-800 transition-colors", children: _jsx(X, { className: "h-5 w-5" }) })] })] }), _jsx("div", { className: "flex-1 overflow-y-auto px-4 py-4", children: _jsx(ProductFilters, { table: pendingTable, currencyPrefix: "\u20B9", categoryOptions: categoryOptions }) }), _jsx("div", { className: "border-t border-zinc-200 dark:border-slate-700 px-4 py-3.5", children: _jsxs("button", { type: "button", onClick: applyFilters, className: "w-full rounded-lg bg-primary py-2.5 text-sm font-semibold text-white hover:bg-primary-600 transition-colors active:scale-[0.98]", children: ["Apply Filters", pendingFilterCount > 0 ? ` (${pendingFilterCount})` : ""] }) })] })] })), _jsx(LoginRequiredModal, { isOpen: modalOpen, onClose: closeModal, message: modalMessage })] }));
 }

package/dist/features/products/constants/action-defs.d.ts

@@ -1,17 +1,14 @@
 /**
  * action-defs.ts
  *
- * Single source of truth for ALL action IDs, labels, variants, and groupings
- * used across the platform:
+ * Universal CTA registry for the entire platform.
+ * Every action — public marketplace CTAs, dashboard row actions, quick actions — is
+ * registered here with auth requirements, RBAC permissions, and enable/disable defaults.
  *
- *   Product detail pages  — desktop action panel + mobile BuyBar
- *   Listing pages         — BulkActionsBar selections
- *   Table rows            — RowActionMenu items (admin / seller / user)
- *   Form shells           — submit / cancel / save-draft / publish / delete
- *   Dashboard quick bar   — top-level shortcut buttons per dashboard type
- *
- * Pure TypeScript — no React, no JSX, no callbacks.
- * Consuming components resolve iconName → Lucide component, and supply onClick.
+ * Three enforcement layers read from this registry:
+ *   Client  — useAuthGate() shows LoginRequiredModal for Tier 1 (public) actions
+ *   Server  — checkActionAllowed() enforces the same guards on every server action
+ *   Admin   — ActionPermissionsManager toggles defaultEnabled via siteSettings.actionConfig
  */
 export type ActionVariant = "primary" | "secondary" | "outline" | "ghost" | "danger" | "warning";
 export declare const ACTION_ID: {
@@ -25,8 +22,29 @@ export declare const ACTION_ID: {
     readonly PLACE_BID: "place-bid";
     readonly BUY_NOW_AUCTION: "buy-now-auction";
     readonly WATCH_AUCTION: "watch-auction";
+    readonly UNWATCH_AUCTION: "unwatch-auction";
     readonly RESERVE_NOW: "reserve-now";
     readonly CANCEL_RESERVATION: "cancel-reservation";
+    readonly CHECKOUT: "checkout";
+    readonly ENTER_PRIZE_DRAW: "enter-prize-draw";
+    readonly ENTER_RAFFLE: "enter-raffle";
+    readonly REPORT_LISTING: "report-listing";
+    readonly FOLLOW_STORE: "follow-store";
+    readonly WRITE_REVIEW: "write-review";
+    readonly MESSAGE_SELLER: "message-seller";
+    readonly BECOME_SELLER: "become-seller";
+    readonly REQUEST_PAYOUT: "request-payout";
+    readonly RESPOND_TO_REVIEW: "respond-to-review";
+    readonly CANCEL_ORDER: "cancel-order";
+    readonly REQUEST_RETURN: "request-return";
+    readonly REORDER: "reorder";
+    readonly TRACK_ORDER: "track-order";
+    readonly EDIT_PROFILE: "edit-profile";
+    readonly ADD_ADDRESS: "add-address";
+    readonly EDIT_ADDRESS: "edit-address";
+    readonly DELETE_ADDRESS: "delete-address";
+    readonly CHANGE_PASSWORD: "change-password";
+    readonly DELETE_ACCOUNT: "delete-account";
 };
 export type ActionId = (typeof ACTION_ID)[keyof typeof ACTION_ID];
 export interface ActionMeta {
@@ -37,8 +55,26 @@ export interface ActionMeta {
     variant: ActionVariant;
     /** Lucide icon name — consuming component resolves this to the React component */
     iconName?: string;
-    /** When true, the action is hidden if the user is not authenticated */
+    /**
+     * Tier 1: shows LoginRequiredModal on public pages if user is not signed in.
+     * Server action also enforces via checkActionAllowed().
+     */
     requiresAuth?: boolean;
+    /** Message shown in LoginRequiredModal. Required when requiresAuth=true. */
+    authMessage?: string;
+    /**
+     * RBAC permission key required to use this action.
+     * If set, user must have this permission in addition to being signed in.
+     * Uses the 85+ permission keys from the RBAC system.
+     * Example: "products.create", "orders.refund", "admin.users.suspend"
+     */
+    requiredPermission?: string;
+    /**
+     * Whether this action is enabled by default.
+     * Can be overridden at runtime via siteSettings.actionConfig[actionId].enabled.
+     * Defaults to true when omitted.
+     */
+    defaultEnabled?: boolean;
 }
 export declare const ACTION_META: Record<ActionId, ActionMeta>;
 export declare const DETAIL_ACTIONS: {
@@ -56,7 +92,7 @@ export declare const MOBILE_PRIMARY_ACTIONS: {
 };
 export declare const LISTING_BULK_ACTIONS: {
     readonly products: readonly ["add-to-cart", "add-to-wishlist", "compare"];
-    readonly auctions: readonly ["watch-auction", "add-to-wishlist", "compare"];
+    readonly auctions: readonly ["watch-auction", "unwatch-auction", "compare"];
     readonly preorders: readonly ["add-to-cart", "add-to-wishlist", "compare"];
     readonly stores: ActionId[];
 };
@@ -92,6 +128,14 @@ export interface RowActionMeta {
     destructive?: boolean;
     /** Adds a separator above this item in the dropdown */
     separator?: boolean;
+    /** Tier 2: all row actions require auth (role-gated at layout level) */
+    requiresAuth: true;
+    /** Minimum role required — enforced by RoleGate/ProtectedRoute at layout, NOT useAuthGate */
+    requiredRole?: "admin" | "moderator" | "seller" | "user";
+    /** RBAC permission key — shown in admin panel next to the toggle */
+    requiredPermission?: string;
+    /** Whether this row action is enabled by default (admin can toggle via actionConfig) */
+    defaultEnabled?: boolean;
 }
 export declare const ROW_ACTION_META: Record<RowActionId, RowActionMeta>;
 export declare const ADMIN_ROW_ACTIONS: {
@@ -143,21 +187,11 @@ export interface FormActionMeta {
     destructive?: boolean;
 }
 export declare const FORM_ACTION_META: Record<FormActionId, FormActionMeta>;
-/**
- * Preset ordered action groups for common form footer layouts.
- * Consumed by FormShell and DrawerFormFooter to determine which buttons render,
- * in which order (left → right).
- */
 export declare const FORM_FOOTER_PRESET: {
-    /** Standard edit drawer: Cancel | Save Changes */
     readonly drawerEdit: readonly ["form-cancel", "form-submit"];
-    /** Edit drawer with delete: Delete | Cancel | Save Changes */
     readonly drawerEditDelete: readonly ["form-delete", "form-cancel", "form-submit"];
-    /** Content editor (blog / product): Discard | Save Draft | Publish */
     readonly contentEditor: readonly ["form-discard", "form-save-draft", "form-publish"];
-    /** Simple modal / dialog: Cancel | Submit */
     readonly modalForm: readonly ["form-cancel", "form-submit"];
-    /** Settings page: Reset | Save Changes */
     readonly settingsForm: readonly ["form-reset", "form-submit"];
 };
 export declare const DASHBOARD_QUICK_ACTION_ID: {
@@ -187,6 +221,14 @@ export interface DashboardQuickActionMeta {
     iconName?: string;
     /** ROUTES key path that the button navigates to — consuming component resolves */
     routeKey?: string;
+    /** All dashboard quick actions require auth (role-gated at layout level) */
+    requiresAuth: true;
+    /** Minimum role required — enforced by RoleGate/ProtectedRoute at layout */
+    requiredRole?: "admin" | "moderator" | "seller" | "user";
+    /** RBAC permission key — shown in admin panel next to the toggle */
+    requiredPermission?: string;
+    /** Whether this quick action is enabled by default */
+    defaultEnabled?: boolean;
 }
 export declare const DASHBOARD_QUICK_ACTION_META: Record<DashboardQuickActionId, DashboardQuickActionMeta>;
 export declare const DASHBOARD_QUICK_ACTIONS: {