@mohasinac/appkit 2.2.0 → 2.3.1

package/dist/features/search/components/Search.js

@@ -1,6 +1,5 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import "client-only";
 import { useEffect, useRef, useState } from "react";
 import { Button, Input, Li, Row, Span, Text, Ul } from "../../../ui";
 import { useNavSuggestions } from "../hooks/useNavSuggestions";
@@ -11,10 +10,10 @@ const DEFAULT_TYPE_ICONS = {
     event: "🎉",
 };
 const DEFAULT_TYPE_BADGES = {
-    page: "bg-zinc-100 text-zinc-600",
-    category: "bg-blue-100 text-blue-600",
-    blog: "bg-fuchsia-100 text-fuchsia-600",
-    event: "bg-amber-100 text-amber-600",
+    page: "bg-zinc-100 text-zinc-600 dark:bg-zinc-800 dark:text-zinc-300",
+    category: "bg-blue-100 text-blue-600 dark:bg-blue-900/40 dark:text-blue-300",
+    blog: "bg-fuchsia-100 text-fuchsia-600 dark:bg-fuchsia-900/40 dark:text-fuchsia-300",
+    event: "bg-amber-100 text-amber-600 dark:bg-amber-900/40 dark:text-amber-300",
 };
 export function Search({ isOpen, onClose, onSearch, onOpen, value, onChange, placeholder, deferred = true, debounceMs = 300, onClear, className, router, quickLinks = [], labels, suggestionTypeIcons, suggestionTypeBadges, }) {
     const isInlineMode = value !== undefined;
@@ -172,11 +171,11 @@ export function Search({ isOpen, onClose, onSearch, onOpen, value, onChange, pla
                                             setIsInlineOpen(false);
                                             router.push(link.href);
                                         }, onMouseEnter: () => setActiveIndex(index), className: `w-full flex items-center gap-3 px-4 py-2.5 text-left transition-colors border-b border-zinc-200 dark:border-slate-700 ${isActive ? "bg-zinc-100 dark:bg-slate-800" : "hover:bg-zinc-50 dark:hover:bg-slate-800/70"}`, children: [_jsx(Icon, { className: "w-4 h-4 flex-shrink-0 text-zinc-500 dark:text-zinc-400" }), _jsx(Text, { size: "sm", className: "font-medium truncate", children: link.label })] }) }, `inline-link-${link.href}`));
-                            }) })), query && suggestionsLoading && (_jsx("div", { className: "px-4 py-3", children: _jsx(Text, { variant: "secondary", size: "sm", children: labels.searching }) })), query &&
+                            }) })), query && suggestionsLoading && (_jsx("div", { className: "px-4 py-3", "data-section": "search-div-431", children: _jsx(Text, { variant: "secondary", size: "sm", children: labels.searching }) })), query &&
                             suggestions.slice(0, 5).map((suggestion, suggestionIndex) => {
                                 const itemIndex = inlineQuickLinkItems.length + suggestionIndex;
                                 const isActive = activeIndex === itemIndex;
-                                return (_jsxs(Button, { type: "button", variant: "ghost", onClick: () => handleSuggestionClick(suggestion), onMouseEnter: () => setActiveIndex(itemIndex), className: `w-full flex items-center gap-3 px-4 py-2.5 text-left transition-colors border-b border-zinc-200 dark:border-slate-700 ${isActive ? "bg-zinc-100 dark:bg-slate-800" : "hover:bg-zinc-50 dark:hover:bg-slate-800/70"}`, children: [_jsx(Span, { className: "text-sm", children: typeIcons[suggestion.type] }), _jsxs("div", { className: "flex-1 min-w-0", children: [_jsx(Text, { size: "sm", className: "font-medium truncate", children: suggestion.title }), suggestion.subtitle && (_jsx(Text, { variant: "secondary", size: "xs", className: "truncate", children: suggestion.subtitle }))] })] }, `inline-suggestion-${suggestion.objectID}`));
+                                return (_jsxs(Button, { type: "button", variant: "ghost", onClick: () => handleSuggestionClick(suggestion), onMouseEnter: () => setActiveIndex(itemIndex), className: `w-full flex items-center gap-3 px-4 py-2.5 text-left transition-colors border-b border-zinc-200 dark:border-slate-700 ${isActive ? "bg-zinc-100 dark:bg-slate-800" : "hover:bg-zinc-50 dark:hover:bg-slate-800/70"}`, children: [_jsx(Span, { className: "text-sm", children: typeIcons[suggestion.type] }), _jsxs("div", { className: "flex-1 min-w-0", "data-section": "search-div-432", children: [_jsx(Text, { size: "sm", className: "font-medium truncate", children: suggestion.title }), suggestion.subtitle && (_jsx(Text, { variant: "secondary", size: "xs", className: "truncate", children: suggestion.subtitle }))] })] }, `inline-suggestion-${suggestion.objectID}`));
                             }), query.trim() && (_jsxs(Button, { type: "button", variant: "ghost", onClick: () => {
                                 handleDeferredSubmit();
                                 setIsInlineOpen(false);
@@ -247,7 +246,7 @@ export function Search({ isOpen, onClose, onSearch, onOpen, value, onChange, pla
     };
     if (!isOpen)
         return null;
-    return (_jsx("div", { className: "border-b border-zinc-200 bg-white shadow-md dark:border-slate-800 dark:bg-slate-950 animate-[fadeIn_150ms_ease-out]", children: _jsxs("div", { className: "container mx-auto px-4 py-3 md:py-4 relative", children: [_jsxs(Row, { gap: "sm", className: "md:gap-3", children: [_jsx("div", { className: "flex-1 relative", children: _jsx(Input, { ref: inputRef, bare: true, type: "search", placeholder: placeholder ?? labels.placeholder, value: query, onChange: (event) => setQuery(event.target.value), onKeyDown: handleOverlayKeyDown, className: "w-full rounded-lg border border-zinc-300 bg-white text-zinc-900 placeholder:text-zinc-400 focus:border-primary focus:ring-2 focus:ring-primary/20 dark:border-slate-700 dark:bg-slate-900 dark:text-white dark:placeholder:text-slate-500" }) }), _jsxs(Button, { onClick: handleOverlaySearch, variant: "primary", size: "md", className: "hidden sm:flex gap-2", children: [_jsx("svg", { className: "w-5 h-5", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z" }) }), labels.title] }), _jsx(Button, { variant: "ghost", onClick: () => onClose?.(), className: "p-2.5 md:p-3 rounded-xl transition-colors text-zinc-500 hover:bg-zinc-100 hover:text-zinc-700 dark:text-zinc-400 dark:hover:bg-slate-800 dark:hover:text-zinc-200 flex-shrink-0", "aria-label": labels.closeAriaLabel, children: _jsx("svg", { className: "w-6 h-6 md:w-7 md:h-7", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M6 18L18 6M6 6l12 12" }) }) })] }), (filteredSiteLinks.length > 0 || query) && (_jsxs("div", { className: "absolute top-full left-0 right-0 px-4 pt-2 pb-4 space-y-2 z-50", children: [filteredSiteLinks.length > 0 && !suggestionsLoading && (_jsxs("div", { className: "rounded-xl overflow-hidden border border-zinc-200 bg-white shadow-lg dark:border-slate-700 dark:bg-slate-900", children: [_jsx("div", { className: "px-4 py-2 border-b border-zinc-200 dark:border-slate-700", children: _jsx(Text, { variant: "secondary", size: "xs", className: "uppercase tracking-wider font-semibold", children: labels.quickLinks }) }), _jsx(Ul, { children: filteredSiteLinks.map((link) => {
+    return (_jsx("div", { className: "border-b border-zinc-200 bg-white shadow-md dark:border-slate-800 dark:bg-slate-950 animate-[fadeIn_150ms_ease-out]", "data-section": "search-div-433", children: _jsxs("div", { className: "container mx-auto px-4 py-3 md:py-4 relative", "data-section": "search-div-434", children: [_jsxs(Row, { gap: "sm", className: "md:gap-3", children: [_jsx("div", { className: "flex-1 relative", "data-section": "search-div-435", children: _jsx(Input, { ref: inputRef, bare: true, type: "search", placeholder: placeholder ?? labels.placeholder, value: query, onChange: (event) => setQuery(event.target.value), onKeyDown: handleOverlayKeyDown, className: "w-full rounded-lg border border-zinc-300 bg-white text-zinc-900 placeholder:text-zinc-400 focus:border-primary focus:ring-2 focus:ring-primary/20 dark:border-slate-700 dark:bg-slate-900 dark:text-white dark:placeholder:text-slate-500" }) }), _jsxs(Button, { onClick: handleOverlaySearch, variant: "primary", size: "md", className: "hidden sm:flex gap-2", children: [_jsx("svg", { className: "w-5 h-5", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z" }) }), labels.title] }), _jsx(Button, { variant: "ghost", onClick: () => onClose?.(), className: "p-2.5 md:p-3 rounded-xl transition-colors text-zinc-500 hover:bg-zinc-100 hover:text-zinc-700 dark:text-zinc-400 dark:hover:bg-slate-800 dark:hover:text-zinc-200 flex-shrink-0", "aria-label": labels.closeAriaLabel, children: _jsx("svg", { className: "w-6 h-6 md:w-7 md:h-7", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M6 18L18 6M6 6l12 12" }) }) })] }), (filteredSiteLinks.length > 0 || query) && (_jsxs("div", { className: "absolute top-full left-0 right-0 px-4 pt-2 pb-4 space-y-2 z-50", "data-section": "search-div-436", children: [filteredSiteLinks.length > 0 && !suggestionsLoading && (_jsxs("div", { className: "rounded-xl overflow-hidden border border-zinc-200 bg-white shadow-lg dark:border-slate-700 dark:bg-slate-900", "data-section": "search-div-437", children: [_jsx("div", { className: "px-4 py-2 border-b border-zinc-200 dark:border-slate-700", "data-section": "search-div-438", children: _jsx(Text, { variant: "secondary", size: "xs", className: "uppercase tracking-wider font-semibold", children: labels.quickLinks }) }), _jsx(Ul, { children: filteredSiteLinks.map((link) => {
                                         const Icon = link.icon;
                                         const itemIndex = quickLinkItems.findIndex((item) => item.link.href === link.href);
                                         const isActive = activeIndex === itemIndex;
@@ -255,9 +254,9 @@ export function Search({ isOpen, onClose, onSearch, onOpen, value, onChange, pla
                                                     onClose?.();
                                                     router.push(link.href);
                                                 }, onMouseEnter: () => setActiveIndex(itemIndex), className: `w-full flex items-center gap-3 px-4 py-2.5 text-left transition-colors border-b border-zinc-200 dark:border-slate-700 last:border-b-0 ${isActive ? "bg-zinc-100 dark:bg-slate-800" : "hover:bg-zinc-50 dark:hover:bg-slate-800/70"}`, children: [_jsx(Icon, { className: "w-4 h-4 flex-shrink-0 text-zinc-500 dark:text-zinc-400" }), _jsx(Text, { size: "sm", className: "font-medium", children: link.label })] }) }, link.href));
-                                    }) })] })), query && (_jsxs("div", { className: "rounded-xl overflow-hidden border border-zinc-200 bg-white shadow-lg dark:border-slate-700 dark:bg-slate-900", children: [suggestionsLoading ? (_jsx("div", { className: "px-4 py-3", children: _jsx(Text, { variant: "secondary", size: "sm", children: labels.searching }) })) : suggestions.length > 0 ? (_jsx(Ul, { children: suggestions.map((suggestion, suggestionIndex) => {
+                                    }) })] })), query && (_jsxs("div", { className: "rounded-xl overflow-hidden border border-zinc-200 bg-white shadow-lg dark:border-slate-700 dark:bg-slate-900", "data-section": "search-div-439", children: [suggestionsLoading ? (_jsx("div", { className: "px-4 py-3", "data-section": "search-div-440", children: _jsx(Text, { variant: "secondary", size: "sm", children: labels.searching }) })) : suggestions.length > 0 ? (_jsx(Ul, { children: suggestions.map((suggestion, suggestionIndex) => {
                                         const itemIndex = quickLinkItems.length + suggestionIndex;
                                         const isActive = activeIndex === itemIndex;
-                                        return (_jsx(Li, { children: _jsxs(Button, { type: "button", variant: "ghost", onClick: () => handleSuggestionClick(suggestion), onMouseEnter: () => setActiveIndex(itemIndex), className: `w-full flex items-center gap-3 px-4 py-3 text-left transition-colors border-b border-zinc-200 dark:border-slate-700 last:border-b-0 ${isActive ? "bg-zinc-100 dark:bg-slate-800" : "hover:bg-zinc-50 dark:hover:bg-slate-800/70"}`, children: [_jsx(Span, { className: "text-sm", children: typeIcons[suggestion.type] }), _jsxs("div", { className: "flex-1 min-w-0", children: [_jsx(Text, { size: "sm", className: "font-medium truncate", children: suggestion.title }), suggestion.subtitle && (_jsx(Text, { variant: "secondary", size: "xs", className: "truncate", children: suggestion.subtitle }))] }), _jsx(Span, { className: `text-xs px-2 py-0.5 rounded-full ${typeBadges[suggestion.type]}`, children: suggestion.type })] }) }, suggestion.objectID));
+                                        return (_jsx(Li, { children: _jsxs(Button, { type: "button", variant: "ghost", onClick: () => handleSuggestionClick(suggestion), onMouseEnter: () => setActiveIndex(itemIndex), className: `w-full flex items-center gap-3 px-4 py-3 text-left transition-colors border-b border-zinc-200 dark:border-slate-700 last:border-b-0 ${isActive ? "bg-zinc-100 dark:bg-slate-800" : "hover:bg-zinc-50 dark:hover:bg-slate-800/70"}`, children: [_jsx(Span, { className: "text-sm", children: typeIcons[suggestion.type] }), _jsxs("div", { className: "flex-1 min-w-0", "data-section": "search-div-441", children: [_jsx(Text, { size: "sm", className: "font-medium truncate", children: suggestion.title }), suggestion.subtitle && (_jsx(Text, { variant: "secondary", size: "xs", className: "truncate", children: suggestion.subtitle }))] }), _jsx(Span, { className: `text-xs px-2 py-0.5 rounded-full ${typeBadges[suggestion.type]}`, children: suggestion.type })] }) }, suggestion.objectID));
                                     }) })) : null, _jsxs(Button, { type: "button", variant: "ghost", onClick: handleOverlaySearch, onMouseEnter: () => setActiveIndex(overlayItems.length - 1), className: `w-full flex items-center gap-2 px-4 py-3 text-left transition-colors ${activeIndex === overlayItems.length - 1 ? "bg-zinc-100 dark:bg-slate-800" : "hover:bg-zinc-50 dark:hover:bg-slate-800/70"}${suggestions.length > 0 ? " border-t border-zinc-200 dark:border-slate-700" : ""}`, children: [_jsx("svg", { className: "w-4 h-4 flex-shrink-0 text-zinc-500 dark:text-zinc-400", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z" }) }), _jsx(Text, { size: "sm", className: "font-medium", children: labels.browseProducts(query) })] })] }))] }))] }) }));
 }

package/dist/features/search/components/SearchResultsSection.js

@@ -1,4 +1,3 @@
-"use client";
 import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Button, Div, Grid, Row, Select, Span, Text } from "../../../ui";
 const PAGE_SIZE = 24;

package/dist/features/search/hooks/useSearch.js

@@ -1,4 +1,3 @@
-"use client";
 import { useQuery } from "@tanstack/react-query";
 import { apiClient } from "../../../http";
 import { CATEGORY_ENDPOINTS } from "../../../constants/api-endpoints";

package/dist/features/search/schemas/index.d.ts

@@ -26,22 +26,22 @@ export declare const searchProductItemSchema: z.ZodObject<{
     slug: string;
     status?: string | undefined;
     currency?: string | undefined;
+    featured?: boolean | undefined;
     price?: number | undefined;
     isAuction?: boolean | undefined;
-    featured?: boolean | undefined;
-    isPromoted?: boolean | undefined;
     mainImage?: string | undefined;
+    isPromoted?: boolean | undefined;
 }, {
     id: string;
     title: string;
     slug: string;
     status?: string | undefined;
     currency?: string | undefined;
+    featured?: boolean | undefined;
     price?: number | undefined;
     isAuction?: boolean | undefined;
-    featured?: boolean | undefined;
-    isPromoted?: boolean | undefined;
     mainImage?: string | undefined;
+    isPromoted?: boolean | undefined;
 }>;
 /**
  * Form/query schema for a search request.
@@ -54,8 +54,8 @@ export declare const searchQuerySchema: z.ZodObject<{
     sort: z.ZodOptional<z.ZodString>;
     page: z.ZodDefault<z.ZodNumber>;
 }, "strip", z.ZodTypeAny, {
-    page: number;
     q: string;
+    page: number;
     sort?: string | undefined;
     category?: string | undefined;
     minPrice?: number | undefined;

package/dist/features/search/server.d.ts

@@ -1,4 +1,3 @@
-import "server-only";
 export * from "./actions";
 export { SearchRepository } from "./repository/search.repository";
 export { manifest } from "./manifest";

package/dist/features/search/server.js

@@ -1,4 +1,3 @@
-import "server-only";
 export * from "./actions";
 export { SearchRepository } from "./repository/search.repository";
 export { manifest } from "./manifest";

package/dist/features/seller/actions/offer-actions.js

@@ -14,7 +14,7 @@ import { cartRepository } from "../../cart/repository/cart.repository";
 import { maskOfferForSeller } from "../../../security";
 import { ERROR_MESSAGES, AuthorizationError, ValidationError, NotFoundError, } from "../../../errors";
 import { OfferStatusValues } from "../schemas";
-// ─── Buyer: Make an Offer ──────────────────────────────────────────────────
+// --- Buyer: Make an Offer --------------------------------------------------
 export async function makeOffer(userId, userEmail, input) {
     const { productId, offerAmount, buyerNote } = input;
     const product = await productRepository.findById(productId);
@@ -67,7 +67,7 @@ export async function makeOffer(userId, userEmail, input) {
     });
     return offer;
 }
-// ─── Seller: Respond ──────────────────────────────────────────────────────
+// --- Seller: Respond ------------------------------------------------------
 export async function respondToOffer(userId, input) {
     const { offerId, action, counterAmount, sellerNote } = input;
     const offer = await offerRepository.findById(offerId);
@@ -120,7 +120,7 @@ export async function respondToOffer(userId, input) {
     });
     return updated;
 }
-// ─── Buyer: Accept counter ─────────────────────────────────────────────────
+// --- Buyer: Accept counter -------------------------------------------------
 export async function acceptCounterOffer(userId, offerId) {
     const offer = await offerRepository.findById(offerId);
     if (!offer)
@@ -143,7 +143,7 @@ export async function acceptCounterOffer(userId, offerId) {
     });
     return updated;
 }
-// ─── Buyer: Counter back ──────────────────────────────────────────────────
+// --- Buyer: Counter back --------------------------------------------------
 export async function counterOfferByBuyer(userId, userEmail, input) {
     const { offerId, counterAmount, buyerNote } = input;
     const offer = await offerRepository.findById(offerId);
@@ -202,7 +202,7 @@ export async function counterOfferByBuyer(userId, userEmail, input) {
     });
     return newOffer;
 }
-// ─── Buyer: Withdraw offer ─────────────────────────────────────────────────
+// --- Buyer: Withdraw offer -------------------------------------------------
 export async function withdrawOffer(userId, offerId) {
     const offer = await offerRepository.findById(offerId);
     if (!offer)
@@ -216,7 +216,7 @@ export async function withdrawOffer(userId, offerId) {
     await offerRepository.withdraw(offerId);
     serverLogger.info("withdrawOffer", { offerId, buyerUid: userId });
 }
-// ─── Read ──────────────────────────────────────────────────────────────────
+// --- Read ------------------------------------------------------------------
 export async function listBuyerOffers(userId) {
     const result = await offerRepository.findByBuyer(userId);
     return result.items;
@@ -225,7 +225,7 @@ export async function listSellerOffers(userId) {
     const result = await offerRepository.findBySeller(userId);
     return result.items.map(maskOfferForSeller);
 }
-// ─── Buyer: Checkout accepted offer ────────────────────────────────────────
+// --- Buyer: Checkout accepted offer ----------------------------------------
 export async function checkoutOffer(userId, offerId) {
     const offer = await offerRepository.findById(offerId);
     if (!offer)

package/dist/features/seller/actions/seller-actions.js

@@ -25,7 +25,7 @@ import { generateStoreSlug } from "../../stores/schemas/firestore";
 import { DEFAULT_PLATFORM_FEE_RATE } from "../../payments/schemas/firestore";
 import { getDefaultCurrency } from "../../../core/baseline-resolver";
 import { finalizeStagedMediaUrl, finalizeStagedMediaField, finalizeStagedMediaArray, } from "../../media/finalize";
-// ─── Helper ───────────────────────────────────────────────────────────────────
+// --- Helper -------------------------------------------------------------------
 async function finalizeProductMediaReferences(data) {
     const finalized = { ...data };
     if (typeof finalized.mainImage === "string" && finalized.mainImage) {
@@ -48,7 +48,7 @@ function maskAccountNumber(accountNumber) {
         return "****";
     return "X".repeat(accountNumber.length - 4) + accountNumber.slice(-4);
 }
-// ─── Become Seller ────────────────────────────────────────────────────────────
+// --- Become Seller ------------------------------------------------------------
 export async function becomeSeller(userId) {
     const profile = await userRepository.findById(userId);
     if (profile?.role === "seller" || profile?.role === "admin") {
@@ -65,7 +65,7 @@ export async function becomeSeller(userId) {
     serverLogger.info("becomeSeller: application submitted", { userId });
     return { storeStatus: "pending" };
 }
-// ─── Create Store ─────────────────────────────────────────────────────────────
+// --- Create Store -------------------------------------------------------------
 export async function createStore(userId, userName, input) {
     const existing = await storeRepository.findByOwnerId(userId);
     if (existing)
@@ -99,7 +99,7 @@ export async function createStore(userId, userName, input) {
     });
     return { store };
 }
-// ─── Update Store ─────────────────────────────────────────────────────────────
+// --- Update Store -------------------------------------------------------------
 export async function updateStore(userId, input) {
     const store = await storeRepository.findByOwnerId(userId);
     if (!store)
@@ -154,7 +154,7 @@ export async function updatePayoutSettings(userId, input) {
     const { accountNumber: _removed, ...safeBank } = payoutDetails.bankAccount;
     return { payoutDetails: { ...payoutDetails, bankAccount: safeBank } };
 }
-// ─── Request Payout ───────────────────────────────────────────────────────────
+// --- Request Payout -----------------------------------------------------------
 async function computeSellerEarnings(sellerId) {
     const products = await productRepository.findBySeller(sellerId);
     const productIds = products.slice(0, 50).map((p) => p.id);
@@ -209,7 +209,7 @@ export async function requestPayout(userId, userName, userEmail, input) {
     });
     return payout;
 }
-// ─── Bulk Seller Order ────────────────────────────────────────────────────────
+// --- Bulk Seller Order --------------------------------------------------------
 export async function bulkSellerOrder(userId, userRole, userDisplayName, userEmail, orderIds) {
     const userDoc = await userRepository.findById(userId);
     if (!userDoc)
@@ -293,7 +293,7 @@ export async function bulkSellerOrder(userId, userRole, userDisplayName, userEma
         platformFee,
     };
 }
-// ─── Create Seller Product ────────────────────────────────────────────────────
+// --- Create Seller Product ----------------------------------------------------
 export async function createSellerProduct(userId, userName, userEmail, input) {
     const finalizedData = await finalizeProductMediaReferences(input);
     await productRepository.create({
@@ -305,7 +305,7 @@ export async function createSellerProduct(userId, userName, userEmail, input) {
     });
     serverLogger.info("createSellerProduct: product created", { userId });
 }
-// ─── Read Actions ─────────────────────────────────────────────────────────────
+// --- Read Actions -------------------------------------------------------------
 export async function getSellerStore(userId) {
     return storeRepository.findByOwnerId(userId);
 }
@@ -450,7 +450,7 @@ export async function sellerDeleteProduct(userId, userRole, productId) {
     await productRepository.delete(productId);
     serverLogger.info("sellerDeleteProduct", { userId, productId });
 }
-// ─── Custom Ship Order ────────────────────────────────────────────────────────
+// --- Custom Ship Order --------------------------------------------------------
 export async function customShipOrder(userId, userRole, orderId, input) {
     const order = await orderRepository.findById(orderId);
     if (!order)

package/dist/features/seller/columns/index.js

@@ -1,5 +1,5 @@
 import { buildColumns, renderBoolean, renderNullable, renderCurrencyCompact, renderRating, } from "../../../ui/columns";
-// ─── Seller store columns ─────────────────────────────────────────────────────
+// --- Seller store columns -----------------------------------------------------
 /**
  * Default admin column definitions for the seller/store admin table.
  *
@@ -41,7 +41,7 @@ export const sellerAdminColumns = [
 export function buildSellerColumns(opts) {
     return buildColumns(sellerAdminColumns, opts);
 }
-// ─── Payout columns ───────────────────────────────────────────────────────────
+// --- Payout columns -----------------------------------------------------------
 /**
  * Default admin column definitions for the payout table.
  *

package/dist/features/seller/components/SellerAddressesView.d.ts

@@ -6,7 +6,7 @@ export interface SellerAddressesViewProps extends Omit<StackedViewShellProps, "s
         addButton?: string;
     };
     renderHeader?: (onAdd: () => void) => React.ReactNode;
-    renderAddressList: (isLoading: boolean) => React.ReactNode;
+    renderAddressList?: (isLoading: boolean) => React.ReactNode;
     renderModal?: () => React.ReactNode;
     isLoading?: boolean;
 }

package/dist/features/seller/components/SellerAddressesView.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { StackedViewShell } from "../../../ui";
 export function SellerAddressesView({ labels = {}, renderHeader, renderAddressList, renderModal, isLoading = false, ...rest }) {
-    return (_jsx(StackedViewShell, { portal: "seller", ...rest, title: labels.title, renderHeader: renderHeader ? () => renderHeader(() => { }) : undefined, sections: [renderAddressList(isLoading)], overlays: renderModal?.() }));
+    return (_jsx(StackedViewShell, { portal: "seller", ...rest, title: labels.title, renderHeader: renderHeader ? () => renderHeader(() => { }) : undefined, sections: [renderAddressList?.(isLoading)], overlays: renderModal?.() }));
 }

package/dist/features/seller/components/SellerAuctionsView.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
-import type { SlottedListingViewProps } from "../../../ui";
-export interface SellerAuctionsViewProps extends Omit<SlottedListingViewProps, "renderHeader"> {
+import type { ListingViewShellProps } from "../../../ui";
+export interface SellerAuctionsViewProps extends ListingViewShellProps {
     renderHeader?: (onAdd: () => void) => React.ReactNode;
 }
-export declare function SellerAuctionsView({ renderHeader, ...props }: SellerAuctionsViewProps): import("react/jsx-runtime").JSX.Element;
+export declare function SellerAuctionsView({ renderHeader, children, ...props }: SellerAuctionsViewProps): import("react/jsx-runtime").JSX.Element;

package/dist/features/seller/components/SellerAuctionsView.js

@@ -1,5 +1,29 @@
+"use client";
 import { jsx as _jsx } from "react/jsx-runtime";
-import { SlottedListingView } from "../../../ui";
-export function SellerAuctionsView({ renderHeader, ...props }) {
-    return (_jsx(SlottedListingView, { portal: "seller", ...props, manageSearch: true, manageSelection: true, renderHeader: renderHeader ? () => renderHeader(() => { }) : undefined }));
+import React from "react";
+import { ListingViewShell } from "../../../ui";
+import { SELLER_ENDPOINTS } from "../../../constants/api-endpoints";
+import { toRecordArray, toRelativeDate, toRupees, toStringValue, useSellerListingData, } from "../hooks/useSellerListingData";
+import { AdminListingScaffold } from "../../admin/components/AdminListingScaffold";
+export function SellerAuctionsView({ renderHeader, children, ...props }) {
+    const hasChildren = React.Children.count(children) > 0;
+    const { rows, total, isLoading, errorMessage } = useSellerListingData({
+        queryKey: ["seller", "auctions", "listing"],
+        endpoint: SELLER_ENDPOINTS.AUCTIONS,
+        mapRows: (response) => toRecordArray(response.auctions).map((item, index) => ({
+            id: toStringValue(item.id, `auction-${index}`),
+            primary: toStringValue(item.productTitle ?? item.title, "Untitled auction"),
+            secondary: [
+                `Reserve: ${toRupees(item.reservePrice)}`,
+                `Bids: ${item.bidCount ?? 0}`,
+            ].join(" · "),
+            status: toStringValue(item.status, "Unknown"),
+            updatedAt: toRelativeDate(item.endsAt ?? item.updatedAt ?? item.createdAt),
+        })),
+        getTotal: (response, mappedRows) => typeof response.meta?.total === "number" ? response.meta.total : mappedRows.length,
+    });
+    if (hasChildren) {
+        return _jsx(ListingViewShell, { portal: "seller", ...props, children: children });
+    }
+    return (_jsx(AdminListingScaffold, { portal: "seller", ...props, title: "Auctions", subtitle: "Manage your active and draft auctions", actionLabel: "New Auction", searchPlaceholder: "Search auctions by product name", rows: rows, isLoading: isLoading, errorMessage: errorMessage, emptyLabel: "No auctions found", resultSummary: `Showing ${rows.length} of ${total} auctions` }));
 }

package/dist/features/seller/components/SellerCouponsView.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
-import type { SlottedListingViewProps } from "../../../ui";
-export interface SellerCouponsViewProps extends Omit<SlottedListingViewProps, "renderHeader"> {
+import type { ListingViewShellProps } from "../../../ui";
+export interface SellerCouponsViewProps extends ListingViewShellProps {
     renderHeader?: (onAdd: () => void) => React.ReactNode;
 }
-export declare function SellerCouponsView({ renderHeader, ...props }: SellerCouponsViewProps): import("react/jsx-runtime").JSX.Element;
+export declare function SellerCouponsView({ renderHeader, children, ...props }: SellerCouponsViewProps): import("react/jsx-runtime").JSX.Element;

package/dist/features/seller/components/SellerCouponsView.js

@@ -1,5 +1,29 @@
+"use client";
 import { jsx as _jsx } from "react/jsx-runtime";
-import { SlottedListingView } from "../../../ui";
-export function SellerCouponsView({ renderHeader, ...props }) {
-    return (_jsx(SlottedListingView, { portal: "seller", ...props, manageSearch: true, manageSelection: true, renderHeader: renderHeader ? () => renderHeader(() => { }) : undefined }));
+import React from "react";
+import { ListingViewShell } from "../../../ui";
+import { SELLER_ENDPOINTS } from "../../../constants/api-endpoints";
+import { toRecordArray, toRelativeDate, toStringValue, useSellerListingData, } from "../hooks/useSellerListingData";
+import { AdminListingScaffold } from "../../admin/components/AdminListingScaffold";
+export function SellerCouponsView({ renderHeader, children, ...props }) {
+    const hasChildren = React.Children.count(children) > 0;
+    const { rows, total, isLoading, errorMessage } = useSellerListingData({
+        queryKey: ["seller", "coupons", "listing"],
+        endpoint: SELLER_ENDPOINTS.COUPONS,
+        mapRows: (response) => toRecordArray(response.coupons).map((item, index) => ({
+            id: toStringValue(item.id, `coupon-${index}`),
+            primary: toStringValue(item.code, "Untitled coupon"),
+            secondary: [
+                toStringValue(item.discountType === "percentage" ? `${item.discountValue}%` : `₹${item.discountValue}`, "No discount"),
+                `Expires: ${toRelativeDate(item.expiresAt)}`,
+            ].join(" · "),
+            status: item.isActive ? "Active" : "Inactive",
+            updatedAt: toRelativeDate(item.updatedAt ?? item.createdAt),
+        })),
+        getTotal: (response, mappedRows) => typeof response.total === "number" ? response.total : mappedRows.length,
+    });
+    if (hasChildren) {
+        return _jsx(ListingViewShell, { portal: "seller", ...props, children: children });
+    }
+    return (_jsx(AdminListingScaffold, { portal: "seller", ...props, title: "Coupons", subtitle: "Create and manage discount codes for your customers", actionLabel: "New Coupon", searchPlaceholder: "Search coupons by code", rows: rows, isLoading: isLoading, errorMessage: errorMessage, emptyLabel: "No coupons found", resultSummary: `Showing ${rows.length} of ${total} coupons` }));
 }

package/dist/features/seller/components/SellerCreateProductView.d.ts

@@ -5,7 +5,7 @@ export interface SellerCreateProductViewProps extends Omit<StackedViewShellProps
         title?: string;
         submitButton?: string;
     };
-    renderForm: (isLoading: boolean) => React.ReactNode;
+    renderForm?: (isLoading: boolean) => React.ReactNode;
     isLoading?: boolean;
 }
 export declare function SellerCreateProductView({ labels, renderForm, isLoading, ...rest }: SellerCreateProductViewProps): import("react/jsx-runtime").JSX.Element;

package/dist/features/seller/components/SellerCreateProductView.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { StackedViewShell } from "../../../ui";
 export function SellerCreateProductView({ labels = {}, renderForm, isLoading = false, ...rest }) {
-    return (_jsx(StackedViewShell, { portal: "seller", ...rest, title: labels.title, sections: [renderForm(isLoading)] }));
+    return (_jsx(StackedViewShell, { portal: "seller", ...rest, title: labels.title, sections: [renderForm?.(isLoading)] }));
 }

package/dist/features/seller/components/SellerEditProductView.d.ts

@@ -5,7 +5,7 @@ export interface SellerEditProductViewProps extends Omit<StackedViewShellProps,
         title?: string;
         submitButton?: string;
     };
-    renderForm: (isLoading: boolean) => React.ReactNode;
+    renderForm?: (isLoading: boolean) => React.ReactNode;
     isLoading?: boolean;
 }
 export declare function SellerEditProductView({ labels, renderForm, isLoading, ...rest }: SellerEditProductViewProps): import("react/jsx-runtime").JSX.Element;

package/dist/features/seller/components/SellerEditProductView.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { StackedViewShell } from "../../../ui";
 export function SellerEditProductView({ labels = {}, renderForm, isLoading = false, ...rest }) {
-    return (_jsx(StackedViewShell, { portal: "seller", ...rest, title: labels.title, sections: [renderForm(isLoading)] }));
+    return (_jsx(StackedViewShell, { portal: "seller", ...rest, title: labels.title, sections: [renderForm?.(isLoading)] }));
 }

package/dist/features/seller/components/SellerOffersView.d.ts

@@ -1,4 +1,4 @@
-import type { SlottedListingViewProps } from "../../../ui";
-export interface SellerOffersViewProps extends SlottedListingViewProps {
+import type { ListingViewShellProps } from "../../../ui";
+export interface SellerOffersViewProps extends ListingViewShellProps {
 }
-export declare function SellerOffersView(props: SellerOffersViewProps): import("react/jsx-runtime").JSX.Element;
+export declare function SellerOffersView({ children, ...props }: SellerOffersViewProps): import("react/jsx-runtime").JSX.Element;

package/dist/features/seller/components/SellerOffersView.js

@@ -1,5 +1,29 @@
+"use client";
 import { jsx as _jsx } from "react/jsx-runtime";
-import { SlottedListingView } from "../../../ui";
-export function SellerOffersView(props) {
-    return _jsx(SlottedListingView, { portal: "seller", ...props, manageSearch: true, manageSelection: true });
+import React from "react";
+import { ListingViewShell } from "../../../ui";
+import { SELLER_ENDPOINTS } from "../../../constants/api-endpoints";
+import { toRecordArray, toRelativeDate, toRupees, toStringValue, useSellerListingData, } from "../hooks/useSellerListingData";
+import { AdminListingScaffold } from "../../admin/components/AdminListingScaffold";
+export function SellerOffersView({ children, ...props }) {
+    const hasChildren = React.Children.count(children) > 0;
+    const { rows, total, isLoading, errorMessage } = useSellerListingData({
+        queryKey: ["seller", "offers", "listing"],
+        endpoint: SELLER_ENDPOINTS.OFFERS,
+        mapRows: (response) => toRecordArray(response.offers).map((item, index) => ({
+            id: toStringValue(item.id, `offer-${index}`),
+            primary: toStringValue(item.productTitle ?? item.title, "Untitled product"),
+            secondary: [
+                `Offer: ${toRupees(item.offerAmount ?? item.amount)}`,
+                toStringValue(item.buyerName ?? "Unknown buyer", "Unknown buyer"),
+            ].join(" · "),
+            status: toStringValue(item.status, "Pending"),
+            updatedAt: toRelativeDate(item.updatedAt ?? item.createdAt),
+        })),
+        getTotal: (response, mappedRows) => typeof response.meta?.total === "number" ? response.meta.total : mappedRows.length,
+    });
+    if (hasChildren) {
+        return _jsx(ListingViewShell, { portal: "seller", ...props, children: children });
+    }
+    return (_jsx(AdminListingScaffold, { portal: "seller", ...props, title: "Offers Received", subtitle: "Negotiate and accept buyer offers on your products", actionLabel: "", searchPlaceholder: "Search offers by product or buyer name", rows: rows, isLoading: isLoading, errorMessage: errorMessage, emptyLabel: "No offers received", resultSummary: `Showing ${rows.length} of ${total} offers` }));
 }

package/dist/features/seller/components/SellerOrdersView.d.ts

@@ -1,4 +1,4 @@
-import type { SlottedListingViewProps } from "../../../ui";
-export interface SellerOrdersViewProps extends SlottedListingViewProps {
+import type { ListingViewShellProps } from "../../../ui";
+export interface SellerOrdersViewProps extends ListingViewShellProps {
 }
-export declare function SellerOrdersView(props: SellerOrdersViewProps): import("react/jsx-runtime").JSX.Element;
+export declare function SellerOrdersView({ children, ...props }: SellerOrdersViewProps): import("react/jsx-runtime").JSX.Element;

package/dist/features/seller/components/SellerOrdersView.js

@@ -1,5 +1,29 @@
+"use client";
 import { jsx as _jsx } from "react/jsx-runtime";
-import { SlottedListingView } from "../../../ui";
-export function SellerOrdersView(props) {
-    return _jsx(SlottedListingView, { portal: "seller", ...props, manageSearch: true, manageSelection: true });
+import React from "react";
+import { ListingViewShell } from "../../../ui";
+import { SELLER_ENDPOINTS } from "../../../constants/api-endpoints";
+import { toRecordArray, toRelativeDate, toRupees, toStringValue, useSellerListingData, } from "../hooks/useSellerListingData";
+import { AdminListingScaffold } from "../../admin/components/AdminListingScaffold";
+export function SellerOrdersView({ children, ...props }) {
+    const hasChildren = React.Children.count(children) > 0;
+    const { rows, total, isLoading, errorMessage } = useSellerListingData({
+        queryKey: ["seller", "orders", "listing"],
+        endpoint: SELLER_ENDPOINTS.ORDERS,
+        mapRows: (response) => toRecordArray(response.orders).map((item, index) => ({
+            id: toStringValue(item.id, `order-${index}`),
+            primary: toStringValue(item.orderNumber ?? `#${item.id}`, "Order"),
+            secondary: [
+                toStringValue(item.buyerName ?? "Unknown buyer", "Unknown buyer"),
+                toRupees(item.totalAmount ?? item.total),
+            ].join(" · "),
+            status: toStringValue(item.status, "Unknown"),
+            updatedAt: toRelativeDate(item.updatedAt ?? item.orderDate ?? item.createdAt),
+        })),
+        getTotal: (response, mappedRows) => typeof response.meta?.total === "number" ? response.meta.total : mappedRows.length,
+    });
+    if (hasChildren) {
+        return _jsx(ListingViewShell, { portal: "seller", ...props, children: children });
+    }
+    return (_jsx(AdminListingScaffold, { portal: "seller", ...props, title: "Orders", subtitle: "Track all orders for your products", actionLabel: "", searchPlaceholder: "Search by order #, buyer name, or product", rows: rows, isLoading: isLoading, errorMessage: errorMessage, emptyLabel: "No orders found", resultSummary: `Showing ${rows.length} of ${total} orders` }));
 }

package/dist/features/seller/components/SellerPayoutHistoryTable.js

@@ -1,4 +1,3 @@
-"use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Div, Heading } from "../../../ui";
 export function SellerPayoutHistoryTable({ labels = {}, isLoading = false, hasRows, renderLoading, renderEmptyState, renderTable, className = "", }) {

package/dist/features/seller/components/SellerPayoutStats.js

@@ -1,4 +1,3 @@
-"use client";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Div } from "../../../ui";
 export function SellerPayoutStats({ isLoading = false, renderLoading, renderStats, className = "", }) {

package/dist/features/seller/components/SellerPayoutsView.d.ts

@@ -1,18 +1,4 @@
-import React from "react";
-import type { StackedViewShellProps } from "../../../ui";
-export interface SellerPayoutsViewProps extends Omit<StackedViewShellProps, "sections" | "renderHeader"> {
-    labels?: {
-        title?: string;
-        requestButton?: string;
-    };
-    renderHeader?: (onRequest: () => void) => React.ReactNode;
-    renderStats?: (isLoading: boolean) => React.ReactNode;
-    renderFilters?: () => React.ReactNode;
-    renderActiveFilters?: () => React.ReactNode;
-    renderTable: (isLoading: boolean) => React.ReactNode;
-    renderPagination?: (total: number) => React.ReactNode;
-    renderModal?: () => React.ReactNode;
-    total?: number;
-    isLoading?: boolean;
+import type { ListingViewShellProps } from "../../../ui";
+export interface SellerPayoutsViewProps extends ListingViewShellProps {
 }
-export declare function SellerPayoutsView({ labels, renderHeader, renderStats, renderFilters, renderActiveFilters, renderTable, renderPagination, renderModal, total, isLoading, ...rest }: SellerPayoutsViewProps): import("react/jsx-runtime").JSX.Element;
+export declare function SellerPayoutsView({ children, ...props }: SellerPayoutsViewProps): import("react/jsx-runtime").JSX.Element;