@mohasinac/appkit 4.1.1 → 4.1.3

package/dist/features/admin/components/AdminCouponsView.js

@@ -1,5 +1,5 @@
 "use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { normalizeError } from "../../../errors/normalize";
 import { SIEVE_OP, Stack, sieveFilter } from "@mohasinac/appkit";
 import { sortBy } from "@mohasinac/appkit";
@@ -54,7 +54,7 @@ export function AdminCouponsView({ children, onBulkArchive, onBulkDelete, ...pro
         title: "Coupons",
         searchPlaceholder: "Search codes, campaigns, or seller scopes",
         emptyLabel: "No coupons found",
-        filterKeys: ["type"],
+        filterKeys: ["type", "showExpired"],
         defaultSort: sortBy("createdAt", "DESC"),
         queryKey: ["admin", "coupons", "listing"],
         endpoint: ADMIN_ENDPOINTS.COUPONS,
@@ -69,7 +69,14 @@ export function AdminCouponsView({ children, onBulkArchive, onBulkDelete, ...pro
             raw: item,
         })),
         getTotal: (response, mappedRows) => typeof response.total === "number" ? response.total : mappedRows.length,
-        buildFilters: (state) => state.type && state.type !== "All" ? sieveFilter("type", SIEVE_OP.EQ, state.type) : undefined,
+        buildFilters: (state) => {
+            const parts = [];
+            if (state.type && state.type !== "All")
+                parts.push(sieveFilter("type", SIEVE_OP.EQ, state.type));
+            if (state.showExpired !== "true")
+                parts.push(sieveFilter("validity.isActive", SIEVE_OP.EQ, true));
+            return parts.join(",") || undefined;
+        },
         primaryAction: {
             label: "Add Coupon",
             onClick: ({ openCreatePanel }) => openCreatePanel(),
@@ -95,7 +102,10 @@ export function AdminCouponsView({ children, onBulkArchive, onBulkDelete, ...pro
                 onClick: handlers[id],
             }));
         },
-        renderFilterPanel: ({ pendingFilters, setPendingFilters }) => (_jsx(FilterChipGroup, { label: "Type", tabs: ADMIN_COUPON_TYPE_TABS, value: pendingFilters.type ?? "", onChange: (id) => setPendingFilters((p) => ({ ...p, type: id })) })),
+        renderFilterPanel: ({ pendingFilters, setPendingFilters }) => (_jsxs(_Fragment, { children: [_jsx(FilterChipGroup, { label: "Type", tabs: ADMIN_COUPON_TYPE_TABS, value: pendingFilters.type ?? "", onChange: (id) => setPendingFilters((p) => ({ ...p, type: id })) }), _jsx(FilterChipGroup, { label: "Expired coupons", tabs: [
+                        { id: "", label: "Hide expired" },
+                        { id: "true", label: "Show all" },
+                    ], value: pendingFilters.showExpired ?? "", onChange: (id) => setPendingFilters((p) => ({ ...p, showExpired: id })), allId: "" })] })),
         renderCards: (rows, _view, selectionCtx, isLoading) => {
             rowsRef.current = rows;
             return isLoading ? (_jsx(Div, { gap: "3", className: "fluid-grid-card", children: Array.from({ length: 6 }).map((_, i) => (_jsxs(Stack, { border: "skeleton", className: "animate-pulse", gap: "3", rounded: "xl", padding: "md", children: [_jsx(Div, { className: "h-6 w-2/3", surface: "subtle", rounded: "default" }), _jsx(Div, { className: "h-4 w-full", surface: "subtle", rounded: "default" }), _jsx(Div, { className: "h-3 w-1/2", surface: "subtle", rounded: "default" })] }, i))) })) : rows.length === 0 ? (_jsx(Div, { className: "text-center", padding: "y-4xl", children: _jsx(Text, { color: "faint", children: "No coupons found" }) })) : (_jsx(Div, { gap: "3", className: "fluid-grid-card", children: rows.map((row) => (_jsx(CouponCard, { coupon: row.raw, onEdit: selectionCtx.openEditPanel, onToggleActive: handleToggle, onDelete: handleDelete }, row.id))) }));

package/dist/features/admin/components/AdminEmployeeEditorView.js

@@ -6,7 +6,7 @@ import { useQueryClient } from "@tanstack/react-query";
 import { Button, Checkbox, ConfirmDeleteModal, Details, Div, Form, FormActions, Input, Label, Select, SideDrawer, Span, Stack, Summary, Text, useToast } from "../../../ui";
 import { apiClient } from "../../../http";
 import { ADMIN_ENDPOINTS } from "../../../constants/api-endpoints";
-import { PERMISSION_GROUPS, } from "../../auth/permissions/constants";
+import { PERMISSION_GROUPS, PERMISSION_DOMAINS, getPermissionsForDomain, formatPermLabel, } from "../../auth/permissions/constants";
 const __O = {
     yAuto: "overflow-y-auto",
 };
@@ -32,47 +32,6 @@ const GROUP_OPTIONS = [
     { label: "Scam Moderator", value: "scam_moderator" },
     { label: "Custom", value: "custom" },
 ];
-const PERMISSION_DOMAINS = [
-    { label: "Dashboard", prefix: "admin:dashboard:" },
-    { label: "Users & Bans", prefix: "admin:users:|admin:user-bans:" },
-    { label: "Products", prefix: "admin:products:" },
-    { label: "Orders & Returns", prefix: "admin:orders:|admin:returns:" },
-    { label: "Stores", prefix: "admin:stores:|admin:store-addresses:" },
-    { label: "Finance", prefix: "admin:analytics:|admin:payouts:" },
-    { label: "Catalog", prefix: "admin:categories:|admin:brands:|admin:coupons:|admin:deals:|admin:featured:" },
-    {
-        label: "Content",
-        prefix: "admin:reviews:|admin:blog:|admin:bids:|admin:media:",
-    },
-    {
-        label: "Site / CMS",
-        prefix: "admin:site:|admin:navigation:|admin:sections:|admin:carousel:|admin:ads:|admin:faqs:|admin:newsletter:|admin:contact:",
-    },
-    { label: "Events", prefix: "admin:events:|admin:event-entries:" },
-    { label: "Support & Safety", prefix: "admin:support-tickets:|admin:scammers:" },
-    { label: "System", prefix: "admin:sessions:|admin:notifications:|admin:carts:|admin:wishlists:|admin:feature-flags:|admin:copilot:|admin:team:" },
-];
-function matchesDomain(perm, prefix) {
-    return prefix.split("|").some((p) => perm.startsWith(p));
-}
-function getPermissionsForDomain(prefix) {
-    const allPerms = Object.values(PERMISSION_GROUPS).flat();
-    const seen = new Set();
-    const result = [];
-    for (const p of allPerms) {
-        if (matchesDomain(p, prefix) && !seen.has(p)) {
-            seen.add(p);
-            result.push(p);
-        }
-    }
-    return result;
-}
-function formatPermLabel(perm) {
-    const parts = perm.split(":");
-    return parts[parts.length - 1]
-        .replace(/-/g, " ")
-        .replace(/\b\w/g, (c) => c.toUpperCase());
-}
 function PermissionDomainsPanel({ permissions, togglePerm }) {
     return (_jsxs(Stack, { gap: "sm", children: [_jsxs(Span, { size: "sm", weight: "medium", color: "muted", children: ["Permissions", _jsxs(Span, { size: "xs", weight: "normal", className: "ml-2", color: "muted", children: ["(", permissions.size, " selected)"] })] }), _jsx(Div, { className: `divide-y divide-zinc-100 divide-[var(--appkit-color-border)] max-h-[42vh] ${__O.yAuto}`, rounded: "xl", border: "default", children: PERMISSION_DOMAINS.map((domain) => {
                     const domainPerms = getPermissionsForDomain(domain.prefix);

package/dist/features/admin/components/AdminMediaView.js

@@ -64,7 +64,7 @@ function MediaBrowser({ onCopy }) {
             return files;
         return files.filter((f) => f.name.toLowerCase().includes(q));
     }, [files, search]);
-    return (_jsxs(Stack, { className: `${__P.p4}`, gap: "3", rounded: "xl", surface: "default", border: "default", children: [_jsx(Text, { size: "sm", weight: "semibold", color: "primary", children: "Browse existing media" }), _jsxs(Row, { align: "center", gap: "sm", wrap: true, children: [_jsx(Select, { value: prefix, onChange: (e) => setPrefix(e.target.value), options: PREFIX_OPTIONS, "aria-label": "Prefix filter", className: "min-w-[140px]" }), _jsx(Input, { type: "text", placeholder: "Search filename\u2026", value: search, onChange: (e) => setSearch(e.target.value), className: "flex-1 min-w-[160px]" })] }), error && (_jsx(Alert, { variant: "error", title: "Load failed", children: error })), _jsxs(Div, { layout: "grid", gap: "2", className: "grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-6", children: [filtered.map((f) => {
+    return (_jsxs(Stack, { className: `${__P.p4}`, gap: "3", rounded: "xl", surface: "default", border: "default", children: [_jsx(Text, { size: "sm", weight: "semibold", color: "primary", children: "Browse existing media" }), _jsxs(Row, { align: "center", gap: "sm", wrap: true, children: [_jsx(Select, { value: prefix, onChange: (e) => setPrefix(e.target.value), options: PREFIX_OPTIONS, "aria-label": "Prefix filter", wrapperClassName: "min-w-[140px]" }), _jsx(Input, { type: "text", placeholder: "Search filename\u2026", value: search, onChange: (e) => setSearch(e.target.value), className: "flex-1 min-w-[160px]" })] }), error && (_jsx(Alert, { variant: "error", title: "Load failed", children: error })), _jsxs(Div, { layout: "grid", gap: "2", className: "grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-6", children: [filtered.map((f) => {
                         const isImage = (f.contentType ?? "").startsWith("image/");
                         return (_jsxs(Div, { className: "group overflow-hidden", surface: "muted", rounded: "lg", border: "default", children: [_jsx(Row, { color: "muted", textSize: "xs", className: "relative aspect-square", surface: "subtle", align: "center", justify: "center", children: isImage ? (_jsx(MediaImage, { src: f.downloadURL, alt: f.name, size: "thumbnail" })) : (_jsx(Text, { align: "center", paddingX: "x-xs", className: "break-all", children: f.contentType ?? "file" })) }), _jsxs(Div, { className: "p-[0.375rem]", children: [_jsx(Text, { className: "truncate text-[10px] font-mono", color: "muted", children: f.name.split("/").pop() }), _jsx(Button, { type: "button", variant: "ghost", textSize: "xs", className: "mt-1 w-full", onClick: () => onCopy(f.downloadURL), children: ACTIONS.MEDIA["copy-url"].label })] })] }, f.name));
                     }), filtered.length === 0 && !isLoading && (_jsx(Text, { paddingY: "lg", className: "col-span-full", color: "muted", size: "sm", align: "center", children: "No files found." }))] }), _jsxs(Row, { align: "center", justify: "between", children: [_jsxs(Text, { size: "xs", color: "muted", children: [filtered.length, " file(s)", nextPageToken ? " · more available" : ""] }), nextPageToken && (_jsx(Button, { type: "button", variant: "outline", onClick: () => void load(nextPageToken), disabled: isLoading, children: isLoading ? "Loading…" : "Load more" }))] })] }));

package/dist/features/admin/components/AdminNotificationsView.js

@@ -8,7 +8,7 @@ import { useQueryClient } from "@tanstack/react-query";
 import { ConfirmDeleteModal, FilterChipGroup, ListingLayout, RowActionMenu, useToast } from "../../../ui";
 import { ADMIN_ENDPOINTS } from "../../../constants/api-endpoints";
 import { ACTIONS } from "../../../_internal/shared/actions/action-registry";
-import { ROW_ACTION_META, ROW_ACTION_ID } from "../../products/constants/action-defs";
+import { ADMIN_BULK_ACTIONS, ROW_ACTION_META, ROW_ACTION_ID } from "../../products/constants/action-defs";
 import { useBulkAction } from "../../../react";
 import { toRecordArray, toRelativeDate, toStringValue, } from "../hooks/useAdminListingData";
 import { DataListingView } from "./DataListingView";
@@ -64,7 +64,7 @@ export function AdminNotificationsView({ children, ...props }) {
         title: "Notifications",
         searchPlaceholder: "Search by title or user ID",
         emptyLabel: "No notifications found",
-        filterKeys: ["type"],
+        filterKeys: ["type", "readState"],
         defaultSort: sortBy("createdAt", "DESC"),
         queryKey: ["admin", "notifications", "listing"],
         endpoint: ADMIN_ENDPOINTS.ADMIN_NOTIFICATIONS,
@@ -83,25 +83,33 @@ export function AdminNotificationsView({ children, ...props }) {
             type: toStringValue(item.type, ""),
         })),
         getTotal: (response, mappedRows) => typeof response.total === "number" ? response.total : mappedRows.length,
-        buildFilters: (state) => state.type && state.type !== "All" ? sieveFilter("type", SIEVE_OP.EQ, state.type) : undefined,
-        buildBulkActions: (selection) => [
-            {
-                id: ROW_ACTION_ID.MARK_READ,
-                label: ACTIONS.ADMIN["mark-read"].label,
-                variant: "primary",
-                loading: bulkNotifs.isLoading,
-                onClick: () => {
+        buildFilters: (state) => {
+            const parts = [];
+            if (state.type && state.type !== "All")
+                parts.push(sieveFilter("type", SIEVE_OP.EQ, state.type));
+            if (state.readState === "unread")
+                parts.push(sieveFilter("isRead", SIEVE_OP.EQ, false));
+            else if (state.readState === "read")
+                parts.push(sieveFilter("isRead", SIEVE_OP.EQ, true));
+            return parts.join(",") || undefined;
+        },
+        // Rule #7: bulk-action array sourced from the ADMIN_BULK_ACTIONS preset.
+        buildBulkActions: (selection) => ADMIN_BULK_ACTIONS.notifications.map((id) => ({
+            id,
+            label: ROW_ACTION_META[id].label,
+            destructive: ROW_ACTION_META[id].destructive,
+            variant: id === ROW_ACTION_ID.MARK_READ ? "primary" : "secondary",
+            loading: id === ROW_ACTION_ID.MARK_READ ? bulkNotifs.isLoading : undefined,
+            onClick: () => {
+                if (id === ROW_ACTION_ID.MARK_READ) {
                     void bulkNotifs.execute({ action: "mark_read", ids: selection.selectedIds });
                     selection.clearSelection();
-                },
-            },
-            {
-                id: ROW_ACTION_ID.DELETE,
-                label: ACTIONS.ADMIN["delete-notification"].label,
-                variant: "secondary",
-                onClick: () => setBulkDeleteIds(selection.selectedIds),
+                }
+                else {
+                    setBulkDeleteIds(selection.selectedIds);
+                }
             },
-        ],
+        })),
         renderRowActions: (row) => (_jsx(RowActionMenu, { actions: [
                 {
                     label: ACTIONS.ADMIN["resend-notification"].label,
@@ -113,7 +121,11 @@ export function AdminNotificationsView({ children, ...props }) {
                     onClick: () => setDeleteTarget(row),
                 },
             ] })),
-        renderFilterPanel: ({ pendingFilters, setPendingFilters }) => (_jsx(FilterChipGroup, { label: "Type", tabs: NOTIF_TYPES.map((opt) => ({ id: opt, label: opt })), value: pendingFilters.type || "All", onChange: (v) => setPendingFilters((p) => ({ ...p, type: v })) })),
+        renderFilterPanel: ({ pendingFilters, setPendingFilters }) => (_jsxs(_Fragment, { children: [_jsx(FilterChipGroup, { label: "Type", tabs: NOTIF_TYPES.map((opt) => ({ id: opt, label: opt })), value: pendingFilters.type || "All", onChange: (v) => setPendingFilters((p) => ({ ...p, type: v })) }), _jsx(FilterChipGroup, { label: "Read state", tabs: [
+                        { id: "", label: "All" },
+                        { id: "unread", label: "Unread" },
+                        { id: "read", label: "Read" },
+                    ], value: pendingFilters.readState ?? "", onChange: (id) => setPendingFilters((p) => ({ ...p, readState: id })), allId: "" })] })),
     };
     return (_jsxs(_Fragment, { children: [_jsx(DataListingView, { config: config }), _jsx(ConfirmDeleteModal, { isOpen: Boolean(deleteTarget) || Boolean(bulkDeleteIds), onClose: () => {
                     setDeleteTarget(null);

package/dist/features/admin/components/AdminOrdersView.js

@@ -3,10 +3,12 @@ import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-run
 import { sieveFilter, SIEVE_OP } from "@mohasinac/appkit";
 import { sortBy } from "@mohasinac/appkit";
 import React, { useState, useCallback } from "react";
+import { useRouter } from "next/navigation";
 import { FilterChipGroup, ListingLayout, useToast } from "../../../ui";
 import { apiClient } from "../../../http";
 import { QuickEditMenu } from "./QuickEditMenu";
 import { ADMIN_ENDPOINTS } from "../../../constants/api-endpoints";
+import { ROUTES } from "../../../next/routing/route-map";
 import { ADMIN_BULK_ACTIONS, ROW_ACTION_META, ROW_ACTION_ID } from "../../products/constants/action-defs";
 import { ADMIN_ORDER_STATUS_TABS } from "../constants/filter-tabs";
 import { toRecordArray, toRelativeDate, toCurrency, toStringValue, } from "../hooks/useAdminListingData";
@@ -14,6 +16,7 @@ import { DataListingView } from "./DataListingView";
 import { AdminOrderEditorView } from "./AdminOrderEditorView";
 export function AdminOrdersView({ children, ...props }) {
     const { showToast } = useToast();
+    const router = useRouter();
     const [drawerOpen, setDrawerOpen] = useState(false);
     const [selectedRow, setSelectedRow] = useState(null);
     const handleQuickStatus = useCallback(async (id, status) => {
@@ -94,6 +97,10 @@ export function AdminOrdersView({ children, ...props }) {
                         setDrawerOpen(true);
                     },
                 },
+                {
+                    label: "Open full page",
+                    onClick: () => router.push(String(ROUTES.ADMIN.ORDER_DETAIL(row.id))),
+                },
                 {
                     label: "Update status",
                     separator: true,

package/dist/features/admin/components/AdminPayoutsView.js

@@ -104,7 +104,7 @@ export function AdminPayoutsView({ children, ...props }) {
         title: "Payouts",
         searchPlaceholder: "Search stores, payout IDs, or order groups",
         emptyLabel: "No payouts found",
-        filterKeys: ["status"],
+        filterKeys: ["status", "showAllPayouts"],
         defaultSort: sortBy("createdAt", "DESC"),
         queryKey: ["admin", "payouts", "listing"],
         endpoint: ADMIN_ENDPOINTS.PAYOUTS,
@@ -121,7 +121,19 @@ export function AdminPayoutsView({ children, ...props }) {
             updatedAt: toRelativeDate(item.updatedAt ?? item.createdAt),
         })),
         getTotal: (response, mappedRows) => typeof response.meta?.total === "number" ? response.meta.total : mappedRows.length,
-        buildFilters: (state) => state.status && state.status !== "All" ? sieveFilter("status", SIEVE_OP.EQ, state.status) : undefined,
+        buildFilters: (state) => {
+            // An explicit status chip always wins. Otherwise, hide the noise
+            // (already-paid payouts) by default — mirrors the isSold-hide-by-
+            // default precedent — with an escape hatch to see everything.
+            // Pipe-joined EQ, not NEQ — the Firestore rule requiring orderBy to
+            // match the inequality field does not apply to IN queries, so this
+            // stays compatible with the default createdAt sort.
+            if (state.status && state.status !== "All")
+                return sieveFilter("status", SIEVE_OP.EQ, state.status);
+            return state.showAllPayouts !== "true"
+                ? sieveFilter("status", SIEVE_OP.EQ, "pending|processing|failed|cancelled")
+                : undefined;
+        },
         toolbarExtra: (_jsxs(_Fragment, { children: [_jsx(Button, { type: "button", action: ACTIONS.ADMIN["calculate-payouts"], size: "sm", isLoading: calculating, disabled: calculating, onClick: handleCalculatePayouts }), _jsx(Button, { type: "button", variant: "outline", size: "sm", onClick: handleExportCsv, children: ACTIONS.ADMIN["export-csv"].label })] })),
         // Rule #7: bulk-action array sourced from the ADMIN_BULK_ACTIONS preset.
         buildBulkActions: (selection) => ADMIN_BULK_ACTIONS.payouts.map((id) => ({
@@ -140,7 +152,10 @@ export function AdminPayoutsView({ children, ...props }) {
                     disabled: row.status.toLowerCase() === "paid" || row.status.toLowerCase() === "cancelled",
                 },
             ] })),
-        renderFilterPanel: ({ pendingFilters, setPendingFilters }) => (_jsx(FilterChipGroup, { label: "Status", tabs: ADMIN_PAYOUT_STATUS_TABS, value: pendingFilters.status ?? "", onChange: (id) => setPendingFilters((p) => ({ ...p, status: id })) })),
+        renderFilterPanel: ({ pendingFilters, setPendingFilters }) => (_jsxs(_Fragment, { children: [_jsx(FilterChipGroup, { label: "Status", tabs: ADMIN_PAYOUT_STATUS_TABS, value: pendingFilters.status ?? "", onChange: (id) => setPendingFilters((p) => ({ ...p, status: id })) }), _jsx(FilterChipGroup, { label: "Paid payouts", tabs: [
+                        { id: "", label: "Hide paid" },
+                        { id: "true", label: "Show all" },
+                    ], value: pendingFilters.showAllPayouts ?? "", onChange: (id) => setPendingFilters((p) => ({ ...p, showAllPayouts: id })), allId: "" })] })),
     };
     return (_jsxs(_Fragment, { children: [_jsx(DataListingView, { config: config }), _jsx(Modal, { isOpen: markPaidOpen, onClose: closePaidModal, title: "Mark payout as paid", children: _jsxs(Form, { onSubmit: (e) => {
                         e.preventDefault();

package/dist/features/admin/components/AdminProductsView.js

@@ -108,7 +108,7 @@ export function AdminProductsView({ children, ...props }) {
         title: "Products",
         searchPlaceholder: "Search products, SKUs, or seller names",
         emptyLabel: "No products found",
-        filterKeys: ["status", "type", "showSold"],
+        filterKeys: ["status", "type", "showSold", "showEnded", "showClosed"],
         defaultSort: sortBy("createdAt", "DESC"),
         queryKey: ["admin", "products", "listing"],
         endpoint: ADMIN_ENDPOINTS.PRODUCTS,
@@ -149,6 +149,15 @@ export function AdminProductsView({ children, ...props }) {
             const typeFilter = TYPE_FILTER_MAP[state.type];
             if (typeFilter)
                 parts.push(typeFilter);
+            // Ended/closed only apply to auctions/prize-draws — auctionEndDate
+            // and prizeRevealWindowEnd do not exist on other listing types, so
+            // these are no-ops unless the matching Type tab is also selected.
+            if (typeFilter === "listingType==auction" && state.showEnded !== "true") {
+                parts.push(sieveFilter("auctionEndDate", SIEVE_OP.GTE, new Date().toISOString()));
+            }
+            if (typeFilter === "listingType==prize-draw" && state.showClosed !== "true") {
+                parts.push(sieveFilter("prizeRevealWindowEnd", SIEVE_OP.GTE, new Date().toISOString()));
+            }
             return parts.join(",") || undefined;
         },
         primaryAction: {
@@ -222,7 +231,13 @@ export function AdminProductsView({ children, ...props }) {
         renderFilterPanel: ({ pendingFilters, setPendingFilters }) => (_jsxs(_Fragment, { children: [_jsx(FilterChipGroup, { label: "Status", tabs: ADMIN_PRODUCT_STATUS_TABS, value: pendingFilters.status ?? "", onChange: (id) => setPendingFilters((p) => ({ ...p, status: id })) }), _jsx(FilterChipGroup, { label: "Type", tabs: ADMIN_PRODUCT_LISTING_TYPE_TABS, value: pendingFilters.type ?? "", onChange: (id) => setPendingFilters((p) => ({ ...p, type: id })) }), _jsx(FilterChipGroup, { label: "Sold", tabs: [
                         { id: "", label: "Hide sold" },
                         { id: "true", label: "Show sold" },
-                    ], value: pendingFilters.showSold ?? "", onChange: (id) => setPendingFilters((p) => ({ ...p, showSold: id })), allId: "" })] })),
+                    ], value: pendingFilters.showSold ?? "", onChange: (id) => setPendingFilters((p) => ({ ...p, showSold: id })), allId: "" }), _jsx(FilterChipGroup, { label: "Ended", tabs: [
+                        { id: "", label: "Hide ended" },
+                        { id: "true", label: "Show ended" },
+                    ], value: pendingFilters.showEnded ?? "", onChange: (id) => setPendingFilters((p) => ({ ...p, showEnded: id })), allId: "" }), _jsx(FilterChipGroup, { label: "Closed", tabs: [
+                        { id: "", label: "Hide closed" },
+                        { id: "true", label: "Show closed" },
+                    ], value: pendingFilters.showClosed ?? "", onChange: (id) => setPendingFilters((p) => ({ ...p, showClosed: id })), allId: "" })] })),
         renderEditor: ({ editId, closePanel }) => (_jsx(AdminProductEditorView, { productId: editId ?? undefined, initialData: editId ? rawByIdRef.current[editId] : undefined, onSaved: closePanel, onDeleted: closePanel, embedded: true })),
         resolveEditorTitle: ({ isCreate }) => (isCreate ? "Add Product" : "Edit Product"),
     };

package/dist/features/admin/components/AdminReviewsView.js

@@ -99,8 +99,22 @@ export function AdminReviewsView({ children, ...props }) {
         getTotal: (response, mappedRows) => typeof response.total === "number" ? response.total : mappedRows.length,
         buildFilters: (f) => {
             const parts = [];
-            if (f.status && f.status !== "All")
+            // Default (f.status === "") to pending-only — hides the moderation
+            // noise (already-approved/rejected reviews) without a redundant
+            // separate toggle, since Status is already a 1-click 3-value chip
+            // group. Explicit "All" is reachable via renderFilterPanel allId
+            // override below, which makes the FilterChipGroup write the literal
+            // string "All" (not "") when clicked — otherwise "never touched" and
+            // "explicitly chose All" are indistinguishable.
+            if (f.status === "All") {
+                // explicit "show everything" — no status filter
+            }
+            else if (f.status) {
                 parts.push(sieveFilter("status", SIEVE_OP.EQ, f.status));
+            }
+            else {
+                parts.push(sieveFilter("status", SIEVE_OP.EQ, "pending"));
+            }
             if (f.rating && f.rating !== "All")
                 parts.push(sieveFilter("rating", SIEVE_OP.EQ, f.rating));
             return parts.join(",") || undefined;
@@ -145,7 +159,7 @@ export function AdminReviewsView({ children, ...props }) {
                     onClick: () => handleViewReview(row),
                 },
             ] })),
-        renderFilterPanel: ({ pendingFilters, setPendingFilters }) => (_jsxs(_Fragment, { children: [_jsx(FilterChipGroup, { label: "Status", tabs: ADMIN_REVIEW_STATUS_TABS, value: pendingFilters.status ?? "", onChange: (id) => setPendingFilters((p) => ({ ...p, status: id })) }), _jsx(FilterChipGroup, { label: "Rating", tabs: ADMIN_REVIEW_RATING_TABS, value: pendingFilters.rating ?? "", onChange: (id) => setPendingFilters((p) => ({ ...p, rating: id })) })] })),
+        renderFilterPanel: ({ pendingFilters, setPendingFilters }) => (_jsxs(_Fragment, { children: [_jsx(FilterChipGroup, { label: "Status (defaults to Pending)", tabs: ADMIN_REVIEW_STATUS_TABS, value: pendingFilters.status ?? "", onChange: (id) => setPendingFilters((p) => ({ ...p, status: id })), allId: "__all__" }), _jsx(FilterChipGroup, { label: "Rating", tabs: ADMIN_REVIEW_RATING_TABS, value: pendingFilters.rating ?? "", onChange: (id) => setPendingFilters((p) => ({ ...p, rating: id })) })] })),
     };
     return (_jsxs(_Fragment, { children: [_jsx(DataListingView, { config: config }), _jsx(ViewReviewModal, { review: viewReview, isOpen: Boolean(viewReview), onClose: () => setViewReview(null) }), _jsx(Modal, { isOpen: replyOpen, onClose: () => {
                     setReplyOpen(false);

package/dist/features/admin/components/AdminScammersView.js

@@ -3,9 +3,11 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
 import { sieveFilter, SIEVE_OP } from "@mohasinac/appkit";
 import { sortBy } from "@mohasinac/appkit";
 import React, { useState } from "react";
+import { useRouter } from "next/navigation";
 import { FilterChipGroup, ListingLayout, RowActionMenu, Span, Stack, Text } from "../../../ui";
 import { ADMIN_ENDPOINTS } from "../../../constants/api-endpoints";
 import { ACTIONS } from "../../../_internal/shared/actions/action-registry";
+import { ROUTES } from "../../../next/routing/route-map";
 import { ADMIN_SCAMMER_STATUS_TABS } from "../constants/filter-tabs";
 import { toRecordArray, toRelativeDate, toStringValue, } from "../hooks/useAdminListingData";
 import { DataListingView } from "./DataListingView";
@@ -36,6 +38,7 @@ const SCAMMER_COLUMNS = [
     },
 ];
 export function AdminScammersView({ children, ...props }) {
+    const router = useRouter();
     const [drawerOpen, setDrawerOpen] = useState(false);
     const [selectedRow, setSelectedRow] = useState(null);
     if (React.Children.count(children) > 0) {
@@ -91,6 +94,10 @@ export function AdminScammersView({ children, ...props }) {
                         setDrawerOpen(true);
                     },
                 },
+                {
+                    label: "Open full page",
+                    onClick: () => router.push(String(ROUTES.ADMIN.SCAMMER_BY_ID(row.id))),
+                },
             ] })),
         renderFilterPanel: ({ pendingFilters, setPendingFilters }) => (_jsx(FilterChipGroup, { label: "Status", tabs: ADMIN_SCAMMER_STATUS_TABS, value: pendingFilters.status ?? "", onChange: (id) => setPendingFilters((p) => ({ ...p, status: id })) })),
     };

package/dist/features/admin/components/AdminSectionsView.js

@@ -200,6 +200,8 @@ export function AdminSectionsView({ children }) {
         },
         onSuccess: async () => {
             await queryClient.invalidateQueries({ queryKey: ["admin", "sections", "listing"] });
+            // Public-facing useHomepageSections() reads under a separate key.
+            await queryClient.invalidateQueries({ queryKey: ["homepage-sections"] });
             toast.showToast(mode === "create" ? "Section created." : "Section updated.", "success");
             setIsModalOpen(false);
         },
@@ -215,6 +217,8 @@ export function AdminSectionsView({ children }) {
         },
         onSuccess: async () => {
             await queryClient.invalidateQueries({ queryKey: ["admin", "sections", "listing"] });
+            // Public-facing useHomepageSections() reads under a separate key.
+            await queryClient.invalidateQueries({ queryKey: ["homepage-sections"] });
             setReorderServerSnapshot(cloneReorderItems(reorderDraft));
             setReorderUndoStack([]);
             toast.showToast("Section order updated.", "success");

package/dist/features/admin/components/AdminSiteConfigGuideView.js

@@ -13,7 +13,7 @@ export function AdminSiteConfigGuideView() {
         { name: "watermark", desc: "Watermark text and opacity applied to all product images via the /api/media proxy." },
         { name: "fees", desc: "platformFee (%), Razorpay gateway fee pass-through toggle, GST rate on platform fees." },
         { name: "integrations", desc: "API keys: Razorpay (live/test, disabled by default — manual payment is the default), Resend, WhatsApp Cloud API. Keys are encrypted at rest — never log or export." },
-        { name: "shipping", desc: "Default shipping carriers, free shipping threshold (paise), COD availability toggle." },
+        { name: "shipping", desc: "Default shipping carriers, free shipping threshold (₹), COD availability toggle." },
         { name: "auctionConfig", desc: "Global bid increment default, auto-extend window (minutes), minimum auction duration." },
         { name: "platformLimits", desc: "Cart item cap (50), wishlist cap (20), history cap (50), support ticket limits (2 general + 1 per order)." },
         { name: "legalPages", desc: "Body HTML for Terms of Service, Privacy Policy, Refund Policy, and Shipping Policy. Rendered on their respective static pages." },

package/dist/features/admin/components/AdminSiteSettingsView.js

@@ -189,7 +189,18 @@ export function AdminSiteSettingsView({ labels = {}, ...rest }) {
     const [aboutSubtitle, setAboutSubtitle] = React.useState("");
     const [aboutMissionTitle, setAboutMissionTitle] = React.useState("");
     const [aboutMissionText, setAboutMissionText] = React.useState("");
+    const [aboutHowItWorksTitle, setAboutHowItWorksTitle] = React.useState("");
+    const [aboutHowItems, setAboutHowItems] = React.useState([]);
+    const [aboutValuesTitle, setAboutValuesTitle] = React.useState("");
+    const [aboutValueItems, setAboutValueItems] = React.useState([]);
+    const [aboutMilestonesTitle, setAboutMilestonesTitle] = React.useState("");
+    const [aboutMilestones, setAboutMilestones] = React.useState([]);
+    const [aboutTeamTitle, setAboutTeamTitle] = React.useState("");
+    const [aboutTeamSubtitle, setAboutTeamSubtitle] = React.useState("");
+    const [aboutTeamMembers, setAboutTeamMembers] = React.useState([]);
     const [aboutCtaTitle, setAboutCtaTitle] = React.useState("");
+    const [aboutCtaSell, setAboutCtaSell] = React.useState("");
+    const [aboutCtaShop, setAboutCtaShop] = React.useState("");
     // ⑭ Notification channels
     const [notifEmailEnabled, setNotifEmailEnabled] = React.useState(false);
     const [notifEmailMinPriority, setNotifEmailMinPriority] = React.useState("normal");
@@ -326,7 +337,18 @@ export function AdminSiteSettingsView({ labels = {}, ...rest }) {
         setAboutSubtitle(s.aboutContent?.subtitle ?? "");
         setAboutMissionTitle(s.aboutContent?.missionTitle ?? "");
         setAboutMissionText(s.aboutContent?.missionText ?? "");
+        setAboutHowItWorksTitle(s.aboutContent?.howItWorksTitle ?? "");
+        setAboutHowItems(s.aboutContent?.howItems ?? []);
+        setAboutValuesTitle(s.aboutContent?.valuesTitle ?? "");
+        setAboutValueItems(s.aboutContent?.valueItems ?? []);
+        setAboutMilestonesTitle(s.aboutContent?.milestonesTitle ?? "");
+        setAboutMilestones(s.aboutContent?.milestones ?? []);
+        setAboutTeamTitle(s.aboutContent?.teamTitle ?? "");
+        setAboutTeamSubtitle(s.aboutContent?.teamSubtitle ?? "");
+        setAboutTeamMembers(s.aboutContent?.teamMembers ?? []);
         setAboutCtaTitle(s.aboutContent?.ctaTitle ?? "");
+        setAboutCtaSell(s.aboutContent?.ctaSell ?? "");
+        setAboutCtaShop(s.aboutContent?.ctaShop ?? "");
         setWaPhoneNumberId(s.credentialsMasked?.whatsappPhoneNumberId ?? "");
         setWaCloudApiToken(s.credentialsMasked?.whatsappCloudApiToken ?? "");
         setWaAdminNotifyNumbers(s.credentialsMasked?.whatsappAdminNotifyNumbers ?? "");
@@ -362,7 +384,24 @@ export function AdminSiteSettingsView({ labels = {}, ...rest }) {
     // save action for the whole form, not 19 per-tab mutations.
     function buildFullPayload() {
         return {
-            aboutContent: { title: aboutTitle, subtitle: aboutSubtitle, missionTitle: aboutMissionTitle, missionText: aboutMissionText, ctaTitle: aboutCtaTitle },
+            aboutContent: {
+                title: aboutTitle,
+                subtitle: aboutSubtitle,
+                missionTitle: aboutMissionTitle,
+                missionText: aboutMissionText,
+                howItWorksTitle: aboutHowItWorksTitle,
+                howItems: aboutHowItems,
+                valuesTitle: aboutValuesTitle,
+                valueItems: aboutValueItems,
+                milestonesTitle: aboutMilestonesTitle,
+                milestones: aboutMilestones,
+                teamTitle: aboutTeamTitle,
+                teamSubtitle: aboutTeamSubtitle,
+                teamMembers: aboutTeamMembers,
+                ctaTitle: aboutCtaTitle,
+                ctaSell: aboutCtaSell,
+                ctaShop: aboutCtaShop,
+            },
             siteName, tagline, logo: logoUrl, favicon: faviconUrl,
             maintenance: { enabled: maintenanceMode, message: maintenanceMessage },
             background: {
@@ -452,6 +491,9 @@ export function AdminSiteSettingsView({ labels = {}, ...rest }) {
         onSuccess: () => {
             showToast("Site settings saved.", "success");
             queryClient.invalidateQueries({ queryKey: ["admin", "site-settings"] });
+            // Public-facing consumers (Navbar, checkout, watermark, etc.) read via the
+            // shared useSiteSettings() hook under a different key — must invalidate both.
+            queryClient.invalidateQueries({ queryKey: ["site-settings"] });
         },
         onError: (err) => showToast(err?.message ?? "Failed to save site settings.", "error"),
     });
@@ -491,7 +533,7 @@ export function AdminSiteSettingsView({ labels = {}, ...rest }) {
                             ["procurement", "⑮ Procurement"],
                             ["emi", "⑯ EMI"],
                             ["gst", "⑰ GST"],
-                        ].map(([value, label]) => (_jsx(TabsTrigger, { value: value, children: label }, value))) }), _jsx(TabsContent, { value: "about", children: _jsxs(Form, { onSubmit: (e) => { e.preventDefault(); saveAllMutation.mutate(); }, className: "pt-[var(--appkit-space-4)]", spacing: "md", children: [_jsx(Text, { size: "xs", color: "muted", children: "Override the About page hero and mission text. Leave blank to use the platform defaults." }), _jsx(Input, { label: "Hero title", value: aboutTitle, onChange: (e) => setAboutTitle(e.target.value), placeholder: "About LetItRip" }), _jsx(Input, { label: "Hero subtitle", value: aboutSubtitle, onChange: (e) => setAboutSubtitle(e.target.value), placeholder: "Connecting buyers, sellers, and bidders in one vibrant marketplace" }), _jsx(Input, { label: "Mission section title", value: aboutMissionTitle, onChange: (e) => setAboutMissionTitle(e.target.value), placeholder: "Our Mission" }), _jsxs(_Fragment, { children: [_jsx(Text, { className: "mb-1", color: "muted", size: "sm", weight: "medium", children: "Mission text" }), _jsx(Textarea, { value: aboutMissionText, onChange: (e) => setAboutMissionText(e.target.value), placeholder: "LetItRip was built to democratise commerce\u2026", rows: 4 })] }), _jsx(Input, { label: "CTA banner title", value: aboutCtaTitle, onChange: (e) => setAboutCtaTitle(e.target.value), placeholder: "Ready to get started?" })] }) }), _jsx(TabsContent, { value: "branding", children: _jsxs(Form, { onSubmit: (e) => { e.preventDefault(); saveAllMutation.mutate(); }, className: "pt-[var(--appkit-space-4)]", spacing: "md", children: [_jsx(Input, { label: "Site name", value: siteName, onChange: (e) => setSiteName(e.target.value), placeholder: "LetItRip" }), _jsx(Input, { label: "Tagline", value: tagline, onChange: (e) => setTagline(e.target.value), placeholder: "India's Largest Collectibles Marketplace" }), _jsx(ImageUpload, { label: "Logo", currentImage: logoUrl, onUpload: (file) => upload(file, "store"), onChange: setLogoUrl }), _jsx(ImageUpload, { label: "Favicon", currentImage: faviconUrl, onUpload: (file) => upload(file, "store"), onChange: setFaviconUrl }), _jsxs(Stack, { gap: "sm", rounded: "lg", border: "default", padding: "md", children: [_jsx(Toggle, { label: "Maintenance mode", checked: maintenanceMode, onChange: setMaintenanceMode }), _jsx(Input, { label: "Maintenance message", value: maintenanceMessage, onChange: (e) => setMaintenanceMessage(e.target.value), placeholder: "We're back soon.", disabled: !maintenanceMode })] })] }) }), _jsx(TabsContent, { value: "appearance", children: _jsxs(Form, { onSubmit: (e) => { e.preventDefault(); saveAllMutation.mutate(); }, className: "pt-[var(--appkit-space-4)]", spacing: "md", children: [_jsx(Text, { size: "xs", color: "muted", children: "Sets the background behind the public shell, dashboard sidebars, and any Section/Card that opts into it. Leave the value blank for a plain surface." }), _jsxs(Grid, { cols: 2, gap: "lg", children: [_jsxs(Stack, { gap: "sm", rounded: "lg", border: "default", padding: "md", children: [_jsx(Text, { size: "sm", weight: "semibold", children: "Light mode" }), _jsx(Select, { label: "Type", options: BG_TYPE_OPTIONS, value: lightBgType, onValueChange: (v) => setLightBgType(v) }), lightBgType === "color" ? (_jsx(Input, { type: "color", label: "Color", value: lightBgValue || "#ffffff", onChange: (e) => setLightBgValue(e.target.value), className: "h-10 w-full cursor-pointer", bare: true }) /* audit-hex-tokens-ok: native color picker requires literal hex string fallback */) : lightBgType === "gradient" ? (_jsx(Textarea, { label: "CSS gradient expression", rows: 2, value: lightBgValue, onChange: (e) => setLightBgValue(e.target.value), placeholder: "linear-gradient(...)" })) : (_jsx(MediaUploadField, { label: lightBgType === "video" ? "Background video" : "Background image", kind: lightBgType === "video" ? "video" : "image", value: lightBgValue, onChange: setLightBgValue, onUpload: (file) => upload(file, "store") })), _jsx(Toggle, { label: "Dim overlay", checked: lightBgOverlayEnabled, onChange: setLightBgOverlayEnabled }), lightBgOverlayEnabled && (_jsxs(_Fragment, { children: [_jsx(Input, { type: "color", label: "Overlay color", value: lightBgOverlayColor, onChange: (e) => setLightBgOverlayColor(e.target.value), className: "h-10 w-full cursor-pointer", bare: true }), " ", _jsx(Slider, { label: "Overlay opacity", min: 0, max: 100, value: lightBgOverlayOpacity, onChange: setLightBgOverlayOpacity })] })), _jsx(Text, { size: "xs", color: "muted", children: "Preview" }), _jsx(Div, { className: "relative h-24 w-full", overflow: "hidden", rounded: "md", border: "default", children: _jsx(BackgroundRenderer, { mode: "light", lightMode: {
+                        ].map(([value, label]) => (_jsx(TabsTrigger, { value: value, children: label }, value))) }), _jsx(TabsContent, { value: "about", children: _jsxs(Form, { onSubmit: (e) => { e.preventDefault(); saveAllMutation.mutate(); }, className: "pt-[var(--appkit-space-4)]", spacing: "md", children: [_jsx(Text, { size: "xs", color: "muted", children: "Override the About page content. Leave blank to use the platform defaults." }), _jsx(Input, { label: "Hero title", value: aboutTitle, onChange: (e) => setAboutTitle(e.target.value), placeholder: "About LetItRip" }), _jsx(Input, { label: "Hero subtitle", value: aboutSubtitle, onChange: (e) => setAboutSubtitle(e.target.value), placeholder: "Connecting buyers, sellers, and bidders in one vibrant marketplace" }), _jsx(Input, { label: "Mission section title", value: aboutMissionTitle, onChange: (e) => setAboutMissionTitle(e.target.value), placeholder: "Our Mission" }), _jsxs(_Fragment, { children: [_jsx(Text, { className: "mb-1", color: "muted", size: "sm", weight: "medium", children: "Mission text" }), _jsx(Textarea, { value: aboutMissionText, onChange: (e) => setAboutMissionText(e.target.value), placeholder: "LetItRip was built to democratise commerce\u2026", rows: 4 })] }), _jsxs(Stack, { gap: "sm", rounded: "lg", border: "default", padding: "md", children: [_jsx(Input, { label: '"How it works" section title', value: aboutHowItWorksTitle, onChange: (e) => setAboutHowItWorksTitle(e.target.value), placeholder: "How It Works" }), aboutHowItems.map((item, i) => (_jsxs(Stack, { gap: "sm", rounded: "lg", border: "default", padding: "sm", children: [_jsxs(Row, { justify: "between", align: "center", children: [_jsxs(Text, { size: "xs", weight: "medium", color: "muted", children: ["Step ", i + 1] }), _jsx(Button, { type: "button", variant: "ghost", size: "sm", onClick: () => setAboutHowItems(aboutHowItems.filter((_, idx) => idx !== i)), children: "\u2715" })] }), _jsx(Input, { label: "Icon (emoji)", value: item.icon, onChange: (e) => { const next = [...aboutHowItems]; next[i] = { ...item, icon: e.target.value }; setAboutHowItems(next); }, placeholder: "\uD83D\uDED2" }), _jsx(Input, { label: "Title", value: item.title, onChange: (e) => { const next = [...aboutHowItems]; next[i] = { ...item, title: e.target.value }; setAboutHowItems(next); } }), _jsx(Textarea, { value: item.text, onChange: (e) => { const next = [...aboutHowItems]; next[i] = { ...item, text: e.target.value }; setAboutHowItems(next); }, rows: 2 })] }, i))), _jsx(Button, { type: "button", variant: "secondary", size: "sm", onClick: () => setAboutHowItems([...aboutHowItems, { title: "", text: "", icon: "✨", tone: "indigo" }]), children: "+ Add step" })] }), _jsxs(Stack, { gap: "sm", rounded: "lg", border: "default", padding: "md", children: [_jsx(Input, { label: "Values section title", value: aboutValuesTitle, onChange: (e) => setAboutValuesTitle(e.target.value), placeholder: "Our Values" }), aboutValueItems.map((item, i) => (_jsxs(Stack, { gap: "sm", rounded: "lg", border: "default", padding: "sm", children: [_jsxs(Row, { justify: "between", align: "center", children: [_jsxs(Text, { size: "xs", weight: "medium", color: "muted", children: ["Value ", i + 1] }), _jsx(Button, { type: "button", variant: "ghost", size: "sm", onClick: () => setAboutValueItems(aboutValueItems.filter((_, idx) => idx !== i)), children: "\u2715" })] }), _jsx(Input, { label: "Icon (emoji)", value: item.icon, onChange: (e) => { const next = [...aboutValueItems]; next[i] = { ...item, icon: e.target.value }; setAboutValueItems(next); }, placeholder: "\uD83D\uDEE1\uFE0F" }), _jsx(Input, { label: "Title", value: item.title, onChange: (e) => { const next = [...aboutValueItems]; next[i] = { ...item, title: e.target.value }; setAboutValueItems(next); } }), _jsx(Textarea, { value: item.text, onChange: (e) => { const next = [...aboutValueItems]; next[i] = { ...item, text: e.target.value }; setAboutValueItems(next); }, rows: 2 })] }, i))), _jsx(Button, { type: "button", variant: "secondary", size: "sm", onClick: () => setAboutValueItems([...aboutValueItems, { title: "", text: "", icon: "✨" }]), children: "+ Add value" })] }), _jsxs(Stack, { gap: "sm", rounded: "lg", border: "default", padding: "md", children: [_jsx(Input, { label: "Milestones section title", value: aboutMilestonesTitle, onChange: (e) => setAboutMilestonesTitle(e.target.value), placeholder: "Our Journey" }), aboutMilestones.map((item, i) => (_jsxs(Stack, { gap: "sm", rounded: "lg", border: "default", padding: "sm", children: [_jsxs(Row, { justify: "between", align: "center", children: [_jsxs(Text, { size: "xs", weight: "medium", color: "muted", children: ["Milestone ", i + 1] }), _jsx(Button, { type: "button", variant: "ghost", size: "sm", onClick: () => setAboutMilestones(aboutMilestones.filter((_, idx) => idx !== i)), children: "\u2715" })] }), _jsx(Input, { label: "Year", value: item.year, onChange: (e) => { const next = [...aboutMilestones]; next[i] = { ...item, year: e.target.value }; setAboutMilestones(next); }, placeholder: "2024" }), _jsx(Textarea, { value: item.text, onChange: (e) => { const next = [...aboutMilestones]; next[i] = { ...item, text: e.target.value }; setAboutMilestones(next); }, rows: 2 })] }, i))), _jsx(Button, { type: "button", variant: "secondary", size: "sm", onClick: () => setAboutMilestones([...aboutMilestones, { year: "", text: "" }]), children: "+ Add milestone" })] }), _jsxs(Stack, { gap: "sm", rounded: "lg", border: "default", padding: "md", children: [_jsx(Input, { label: "Team section title", value: aboutTeamTitle, onChange: (e) => setAboutTeamTitle(e.target.value), placeholder: "Meet the Team" }), _jsx(Input, { label: "Team section subtitle", value: aboutTeamSubtitle, onChange: (e) => setAboutTeamSubtitle(e.target.value), placeholder: "The people building LetItRip" }), aboutTeamMembers.map((member, i) => (_jsxs(Stack, { gap: "sm", rounded: "lg", border: "default", padding: "sm", children: [_jsxs(Row, { justify: "between", align: "center", children: [_jsxs(Text, { size: "xs", weight: "medium", color: "muted", children: ["Team member ", i + 1] }), _jsx(Button, { type: "button", variant: "ghost", size: "sm", onClick: () => setAboutTeamMembers(aboutTeamMembers.filter((_, idx) => idx !== i)), children: "\u2715" })] }), _jsx(ImageUpload, { label: "Photo", currentImage: member.photoUrl, onUpload: (file) => upload(file, "store"), onChange: (url) => { const next = [...aboutTeamMembers]; next[i] = { ...member, photoUrl: url }; setAboutTeamMembers(next); } }), _jsx(Input, { label: "Name", value: member.name, onChange: (e) => { const next = [...aboutTeamMembers]; next[i] = { ...member, name: e.target.value }; setAboutTeamMembers(next); } }), _jsx(Input, { label: "Role", value: member.role, onChange: (e) => { const next = [...aboutTeamMembers]; next[i] = { ...member, role: e.target.value }; setAboutTeamMembers(next); }, placeholder: "Founder & Developer" }), _jsx(Textarea, { value: member.bio, onChange: (e) => { const next = [...aboutTeamMembers]; next[i] = { ...member, bio: e.target.value }; setAboutTeamMembers(next); }, rows: 3 }), _jsxs(Row, { gap: "md", children: [_jsx(Toggle, { label: "Founder", checked: !!member.isFounder, onChange: (v) => { const next = [...aboutTeamMembers]; next[i] = { ...member, isFounder: v }; setAboutTeamMembers(next); } }), _jsx(Toggle, { label: "Developer", checked: !!member.isDeveloper, onChange: (v) => { const next = [...aboutTeamMembers]; next[i] = { ...member, isDeveloper: v }; setAboutTeamMembers(next); } })] })] }, i))), _jsx(Button, { type: "button", variant: "secondary", size: "sm", onClick: () => setAboutTeamMembers([...aboutTeamMembers, { name: "", role: "", bio: "" }]), children: "+ Add team member" })] }), _jsx(Input, { label: "CTA banner title", value: aboutCtaTitle, onChange: (e) => setAboutCtaTitle(e.target.value), placeholder: "Ready to get started?" }), _jsx(Input, { label: "Sell CTA copy", value: aboutCtaSell, onChange: (e) => setAboutCtaSell(e.target.value), placeholder: "Start selling in minutes" }), _jsx(Input, { label: "Shop CTA copy", value: aboutCtaShop, onChange: (e) => setAboutCtaShop(e.target.value), placeholder: "Browse the marketplace" })] }) }), _jsx(TabsContent, { value: "branding", children: _jsxs(Form, { onSubmit: (e) => { e.preventDefault(); saveAllMutation.mutate(); }, className: "pt-[var(--appkit-space-4)]", spacing: "md", children: [_jsx(Input, { label: "Site name", value: siteName, onChange: (e) => setSiteName(e.target.value), placeholder: "LetItRip" }), _jsx(Input, { label: "Tagline", value: tagline, onChange: (e) => setTagline(e.target.value), placeholder: "India's Largest Collectibles Marketplace" }), _jsx(ImageUpload, { label: "Logo", currentImage: logoUrl, onUpload: (file) => upload(file, "store"), onChange: setLogoUrl }), _jsx(ImageUpload, { label: "Favicon", currentImage: faviconUrl, onUpload: (file) => upload(file, "store"), onChange: setFaviconUrl }), _jsxs(Stack, { gap: "sm", rounded: "lg", border: "default", padding: "md", children: [_jsx(Toggle, { label: "Maintenance mode", checked: maintenanceMode, onChange: setMaintenanceMode }), _jsx(Input, { label: "Maintenance message", value: maintenanceMessage, onChange: (e) => setMaintenanceMessage(e.target.value), placeholder: "We're back soon.", disabled: !maintenanceMode })] })] }) }), _jsx(TabsContent, { value: "appearance", children: _jsxs(Form, { onSubmit: (e) => { e.preventDefault(); saveAllMutation.mutate(); }, className: "pt-[var(--appkit-space-4)]", spacing: "md", children: [_jsx(Text, { size: "xs", color: "muted", children: "Sets the background behind the public shell, dashboard sidebars, and any Section/Card that opts into it. Leave the value blank for a plain surface." }), _jsxs(Grid, { cols: 2, gap: "lg", children: [_jsxs(Stack, { gap: "sm", rounded: "lg", border: "default", padding: "md", children: [_jsx(Text, { size: "sm", weight: "semibold", children: "Light mode" }), _jsx(Select, { label: "Type", options: BG_TYPE_OPTIONS, value: lightBgType, onValueChange: (v) => setLightBgType(v) }), lightBgType === "color" ? (_jsx(Input, { type: "color", label: "Color", value: lightBgValue || "#ffffff", onChange: (e) => setLightBgValue(e.target.value), className: "h-10 w-full cursor-pointer", bare: true }) /* audit-hex-tokens-ok: native color picker requires literal hex string fallback */) : lightBgType === "gradient" ? (_jsx(Textarea, { label: "CSS gradient expression", rows: 2, value: lightBgValue, onChange: (e) => setLightBgValue(e.target.value), placeholder: "linear-gradient(...)" })) : (_jsx(MediaUploadField, { label: lightBgType === "video" ? "Background video" : "Background image", kind: lightBgType === "video" ? "video" : "image", value: lightBgValue, onChange: setLightBgValue, onUpload: (file) => upload(file, "store") })), _jsx(Toggle, { label: "Dim overlay", checked: lightBgOverlayEnabled, onChange: setLightBgOverlayEnabled }), lightBgOverlayEnabled && (_jsxs(_Fragment, { children: [_jsx(Input, { type: "color", label: "Overlay color", value: lightBgOverlayColor, onChange: (e) => setLightBgOverlayColor(e.target.value), className: "h-10 w-full cursor-pointer", bare: true }), " ", _jsx(Slider, { label: "Overlay opacity", min: 0, max: 100, value: lightBgOverlayOpacity, onChange: setLightBgOverlayOpacity })] })), _jsx(Text, { size: "xs", color: "muted", children: "Preview" }), _jsx(Div, { className: "relative h-24 w-full", overflow: "hidden", rounded: "md", border: "default", children: _jsx(BackgroundRenderer, { mode: "light", lightMode: {
                                                             type: lightBgType,
                                                             value: lightBgValue,
                                                             overlay: { enabled: lightBgOverlayEnabled, color: lightBgOverlayColor, opacity: lightBgOverlayOpacity / 100 },

package/dist/features/admin/components/AdminStoreEditorView.d.ts

@@ -6,6 +6,7 @@ export interface AdminStoreEditorViewProps {
     storeName?: string;
     currentStatus?: string;
     currentIsVerified?: boolean;
+    currentIsFeatured?: boolean;
     currentCapabilities?: string[];
 }
-export declare function AdminStoreEditorView({ open, onClose, storeId, storeName, currentStatus, currentIsVerified, currentCapabilities, }: AdminStoreEditorViewProps): React.JSX.Element;
+export declare function AdminStoreEditorView({ open, onClose, storeId, storeName, currentStatus, currentIsVerified, currentIsFeatured, currentCapabilities, }: AdminStoreEditorViewProps): React.JSX.Element;

package/dist/features/admin/components/AdminStoreEditorView.js

@@ -48,12 +48,12 @@ const STATUS_OPTIONS = [
     { label: "Rejected", value: "rejected" },
 ];
 // --- Component ---------------------------------------------------------------
-export function AdminStoreEditorView({ open, onClose, storeId, storeName, currentStatus, currentIsVerified, currentCapabilities, }) {
+export function AdminStoreEditorView({ open, onClose, storeId, storeName, currentStatus, currentIsVerified, currentIsFeatured, currentCapabilities, }) {
     const queryClient = useQueryClient();
     const { showToast } = useToast();
     const [storeStatus, setStoreStatus] = React.useState(currentStatus ?? "pending");
     const [adminNotes, setAdminNotes] = React.useState("");
-    const [isFeatured, setIsFeatured] = React.useState(false);
+    const [isFeatured, setIsFeatured] = React.useState(currentIsFeatured ?? false);
     const [isVerified, setIsVerified] = React.useState(currentIsVerified ?? false);
     const [suspensionReason, setSuspensionReason] = React.useState("");
     const [capabilities, setCapabilities] = React.useState(new Set(currentCapabilities ?? ["suggest_brands", "create_coupons"]));
@@ -71,12 +71,12 @@ export function AdminStoreEditorView({ open, onClose, storeId, storeName, curren
         if (open) {
             setStoreStatus(currentStatus ?? "pending");
             setAdminNotes("");
-            setIsFeatured(false);
+            setIsFeatured(currentIsFeatured ?? false);
             setIsVerified(currentIsVerified ?? false);
             setSuspensionReason("");
             setCapabilities(new Set(currentCapabilities ?? ["suggest_brands", "create_coupons"]));
         }
-    }, [open, currentStatus, currentIsVerified, currentCapabilities]);
+    }, [open, currentStatus, currentIsVerified, currentIsFeatured, currentCapabilities]);
     const saveMutation = useApiMutation({
         mutationFn: async () => {
             await apiClient.patch(ADMIN_ENDPOINTS.STORE_BY_ID(storeId), {

package/dist/features/admin/components/AdminStoresView.js

@@ -109,7 +109,7 @@ export function AdminStoresView({ children, ...props }) {
         },
         renderFilterPanel: ({ pendingFilters, setPendingFilters }) => (_jsx(FilterChipGroup, { label: "Status", tabs: ADMIN_STORE_STATUS_TABS, value: pendingFilters.status ?? "", onChange: (id) => setPendingFilters((p) => ({ ...p, status: id })) })),
     };
-    return (_jsxs(_Fragment, { children: [_jsx(DataListingView, { config: config }), _jsx(AdminStoreEditorView, { open: Boolean(editorRow), onClose: () => setEditorRow(null), storeId: editorRow?.id, storeName: editorRow?.primary, currentStatus: editorRow?.status?.toLowerCase(), currentIsVerified: Boolean(editorRow?._raw?.isVerified), currentCapabilities: Array.isArray(editorRow?._raw?.capabilities)
+    return (_jsxs(_Fragment, { children: [_jsx(DataListingView, { config: config }), _jsx(AdminStoreEditorView, { open: Boolean(editorRow), onClose: () => setEditorRow(null), storeId: editorRow?.id, storeName: editorRow?.primary, currentStatus: editorRow?.status?.toLowerCase(), currentIsVerified: Boolean(editorRow?._raw?.isVerified), currentIsFeatured: Boolean(editorRow?._raw?.isFeatured), currentCapabilities: Array.isArray(editorRow?._raw?.capabilities)
                     ? editorRow._raw.capabilities
                     : undefined })] }));
 }