@mohasinac/appkit 2.3.1 → 2.4.0

package/dist/features/pre-orders/components/PreOrdersIndexListing.js

@@ -1,25 +1,180 @@
 "use client";
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useState, useCallback, useMemo } from "react";
+import { Heart, ShoppingCart, SlidersHorizontal, X } from "lucide-react";
 import { useUrlTable } from "../../../react/hooks/useUrlTable";
 import { useProducts } from "../../products/hooks/useProducts";
-import { Div, Grid, Input, Pagination, SlottedListingView, SortDropdown, } from "../../../ui";
+import { Pagination, useToast, BulkActionsBar, ListingToolbar } from "../../../ui";
 import { ROUTES } from "../../../next";
 import { MarketplacePreorderCard } from "./MarketplacePreorderCard";
-export function PreOrdersIndexListing({ initialData }) {
+import { PreOrderFilters } from "./PreOrderFilters";
+import { useGuestCart } from "../../cart/hooks/useGuestCart";
+import { useGuestWishlist } from "../../wishlist/hooks/useGuestWishlist";
+import { pushCartOp, pushWishlistOp } from "../../cart/utils/pending-ops";
+import { useCategoryTree, categoriesToFacetOptions } from "../../categories/hooks/useCategoryTree";
+import { useBrands } from "../../products/hooks/useBrands";
+import { useBulkSelection } from "../../../react/hooks/useBulkSelection";
+const PREORDER_SORT_OPTIONS = [
+    { value: "-createdAt", label: "Newest First" },
+    { value: "createdAt", label: "Oldest First" },
+    { value: "preOrderDeliveryDate", label: "Delivery: Soonest" },
+    { value: "-preOrderDeliveryDate", label: "Delivery: Furthest" },
+    { value: "price", label: "Price: Low to High" },
+    { value: "-price", label: "Price: High to Low" },
+];
+const FILTER_KEYS = ["category", "brand", "minPrice", "maxPrice", "storeId", "preOrderProductionStatus", "dateFrom", "dateTo"];
+export function PreOrdersIndexListing({ initialData, categorySlug, brandName }) {
     const table = useUrlTable({ defaults: { pageSize: "24", sort: "-createdAt" } });
+    const { showToast } = useToast();
+    const [searchInput, setSearchInput] = useState(table.get("q") || "");
+    const [filterOpen, setFilterOpen] = useState(false);
+    const showClosed = table.get("showClosed") === "true";
+    const [view, setView] = useState(table.get("view") || "grid");
+    const localCart = useGuestCart();
+    const localWishlist = useGuestWishlist();
+    const { categories } = useCategoryTree();
+    const categoryOptions = categoriesToFacetOptions(categories);
+    const { brandOptions } = useBrands();
+    const wishlistedIds = new Set(localWishlist.items.filter((i) => i.type === "preorder").map((i) => i.itemId));
+    // Pending filter state — buffered until "Apply Filters" clicked
+    const [pendingFilters, setPendingFilters] = useState(() => Object.fromEntries(FILTER_KEYS.map((k) => [k, table.get(k)])));
+    const pendingTable = useMemo(() => ({
+        get: (key) => pendingFilters[key] ?? "",
+        getNumber: (key, fallback = 0) => {
+            const v = pendingFilters[key];
+            if (!v)
+                return fallback;
+            const n = Number(v);
+            return isNaN(n) ? fallback : n;
+        },
+        set: (key, value) => setPendingFilters((p) => ({ ...p, [key]: value })),
+        setMany: (updates) => setPendingFilters((p) => ({ ...p, ...updates })),
+        clear: (keys) => {
+            const ks = keys ?? FILTER_KEYS;
+            setPendingFilters((p) => ({
+                ...p,
+                ...Object.fromEntries(ks.map((k) => [k, ""])),
+            }));
+        },
+        setPage: (_) => { },
+        setPageSize: (_) => { },
+        setSort: (_) => { },
+        buildSieveParams: () => "",
+        buildSearchParams: () => "",
+        params: new URLSearchParams(),
+    }), [pendingFilters]);
+    const openFilters = useCallback(() => {
+        setPendingFilters(Object.fromEntries(FILTER_KEYS.map((k) => [k, table.get(k)])));
+        setFilterOpen(true);
+    }, [table]);
+    const applyFilters = useCallback(() => {
+        const updates = { page: "1" };
+        for (const k of FILTER_KEYS)
+            updates[k] = pendingFilters[k] ?? "";
+        table.setMany(updates);
+        setFilterOpen(false);
+    }, [pendingFilters, table]);
+    const clearFilters = useCallback(() => {
+        setPendingFilters(Object.fromEntries(FILTER_KEYS.map((k) => [k, ""])));
+    }, []);
+    const resetAll = useCallback(() => {
+        const updates = { q: "", sort: "", showClosed: "" };
+        for (const k of FILTER_KEYS)
+            updates[k] = "";
+        table.setMany(updates);
+        setSearchInput("");
+    }, [table]);
+    const activeFilterCount = FILTER_KEYS.filter((k) => !!table.get(k)).length;
+    const hasActiveState = !!table.get("q") ||
+        table.get("showClosed") === "true" ||
+        table.get("sort") !== "-createdAt" ||
+        activeFilterCount > 0;
     const params = {
         q: table.get("q") || undefined,
         category: table.get("category") || undefined,
-        sort: table.get("sort") || undefined,
+        categorySlug: categorySlug || undefined,
+        brand: brandName || table.get("brand") || undefined,
+        minPrice: table.get("minPrice") ? Number(table.get("minPrice")) : undefined,
+        maxPrice: table.get("maxPrice") ? Number(table.get("maxPrice")) : undefined,
+        storeId: table.get("storeId") || undefined,
+        preOrderProductionStatus: (table.get("preOrderProductionStatus") || undefined),
+        dateFrom: table.get("dateFrom") || undefined,
+        dateTo: table.get("dateTo") || undefined,
+        sort: table.get("sort") || "-createdAt",
         page: table.getNumber("page", 1),
         perPage: table.getNumber("pageSize", 24),
         isPreOrder: true,
+        status: showClosed ? undefined : "published",
     };
-    const { products: preOrders, total, totalPages, page, isLoading } = useProducts(params, { initialData });
-    return (_jsx(Div, { className: "min-h-screen", children: _jsx(SlottedListingView, { portal: "public", manageSearch: true, manageSort: true, inlineToolbar: true, renderSearch: (search, setSearch) => (_jsx(Input, { value: search, onChange: (e) => setSearch(e.target.value), placeholder: "Search pre-orders...", className: "max-w-sm" })), renderSort: (value, onChange) => (_jsx(SortDropdown, { value: value, onChange: onChange, options: [
-                    { value: "-createdAt", label: "Newest First" },
-                    { value: "preOrderDeliveryDate", label: "Delivery Soon" },
-                    { value: "-price", label: "Price: High to Low" },
-                    { value: "price", label: "Price: Low to High" },
-                ] })), renderTable: () => (_jsx(Grid, { cols: 4, gap: "md", children: preOrders.map((product) => (_jsx(MarketplacePreorderCard, { product: product, hrefBuilder: (p) => String(ROUTES.PUBLIC.PRE_ORDER_DETAIL(p.id)) }, product.id))) })), renderPagination: () => (_jsx(Pagination, { currentPage: page, totalPages: totalPages, onPageChange: (p) => table.setPage(p) })), total: total, isLoading: isLoading }) }));
+    const { products: preOrders, totalPages, page, isLoading } = useProducts(params, { initialData });
+    const commitSearch = useCallback(() => {
+        table.set("q", searchInput.trim());
+        table.setPage(1);
+    }, [searchInput, table]);
+    const handleSearchKeyDown = (e) => {
+        if (e.key === "Enter")
+            commitSearch();
+    };
+    const handleViewToggle = (next) => {
+        setView(next);
+        table.set("view", next);
+    };
+    const wishlistActions = {
+        addToWishlist: (productId) => {
+            localWishlist.add(productId, "preorder");
+            pushWishlistOp({ op: "add", itemId: productId, type: "preorder" });
+            showToast("Added to wishlist", "success");
+            return Promise.resolve();
+        },
+        removeFromWishlist: (productId) => {
+            localWishlist.remove(productId, "preorder");
+            pushWishlistOp({ op: "remove", itemId: productId, type: "preorder" });
+            showToast("Removed from wishlist", "info");
+            return Promise.resolve();
+        },
+        isWishlisted: (productId) => wishlistedIds.has(productId),
+    };
+    const handleAddToCart = useCallback((product) => {
+        localCart.add(product.id, 1, {
+            productTitle: product.title,
+            productImage: product.mainImage,
+            price: product.price,
+        });
+        pushCartOp({ op: "add", productId: product.id, quantity: 1, productTitle: product.title, productImage: product.mainImage, price: product.price });
+        showToast("Added to cart", "success");
+    }, [localCart, showToast]);
+    const selection = useBulkSelection({ items: preOrders, keyExtractor: (p) => p.id });
+    const gridClass = "grid grid-cols-2 sm:grid-cols-3 lg:grid-cols-4 gap-4";
+    return (_jsxs("div", { className: "min-h-screen", children: [_jsx(ListingToolbar, { filterCount: activeFilterCount, onFiltersClick: openFilters, searchValue: searchInput, searchPlaceholder: "Search pre-orders...", onSearchChange: setSearchInput, onSearchCommit: commitSearch, onSearchKeyDown: handleSearchKeyDown, sortValue: table.get("sort") || "-createdAt", sortOptions: PREORDER_SORT_OPTIONS, onSortChange: (v) => { table.set("sort", v); table.setPage(1); }, view: view, onViewChange: handleViewToggle, onResetAll: resetAll, hasActiveState: hasActiveState, bulkMode: selection.isSelecting, bulkSelectedCount: selection.selectedCount, bulkTotalCount: preOrders.length, onBulkSelectAll: selection.toggleAll, onBulkClear: selection.clearSelection, extra: _jsxs("label", { className: "flex items-center gap-1.5 cursor-pointer select-none shrink-0", children: [_jsx("span", { className: "hidden sm:inline text-xs text-zinc-600 dark:text-zinc-300 whitespace-nowrap", children: "Show closed" }), _jsx("button", { type: "button", role: "switch", "aria-checked": showClosed, onClick: () => table.set("showClosed", showClosed ? "" : "true"), className: `relative inline-flex h-5 w-9 flex-shrink-0 items-center rounded-full transition-colors duration-200 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-1 ${showClosed ? "bg-primary" : "bg-zinc-300 dark:bg-slate-600"}`, children: _jsx("span", { className: `inline-block h-3.5 w-3.5 transform rounded-full bg-white shadow-sm transition-transform duration-200 ${showClosed ? "translate-x-[19px]" : "translate-x-[3px]"}` }) })] }) }), totalPages > 1 && (_jsx("div", { className: "sticky top-[calc(var(--header-height,0px)+44px)] z-10 flex justify-center bg-white/95 dark:bg-slate-900/95 backdrop-blur-sm border-b border-zinc-200 dark:border-slate-700 px-3 py-1.5", children: _jsx(Pagination, { currentPage: page, totalPages: totalPages, onPageChange: (p) => table.setPage(p) }) })), _jsx("div", { className: "py-6", children: isLoading ? (_jsx("div", { className: gridClass, children: Array.from({ length: 10 }).map((_, i) => (_jsxs("div", { className: "rounded-xl border border-zinc-100 dark:border-slate-700 overflow-hidden animate-pulse", children: [_jsx("div", { className: "aspect-square bg-zinc-200 dark:bg-slate-700" }), _jsxs("div", { className: "p-3 space-y-2", children: [_jsx("div", { className: "h-3 bg-zinc-200 dark:bg-slate-700 rounded w-3/4" }), _jsx("div", { className: "h-3 bg-zinc-200 dark:bg-slate-700 rounded w-1/2" }), _jsx("div", { className: "h-4 bg-zinc-200 dark:bg-slate-700 rounded w-1/3" }), _jsx("div", { className: "h-8 bg-zinc-200 dark:bg-slate-700 rounded" })] })] }, i))) })) : preOrders.length === 0 ? (_jsx("p", { className: "py-12 text-center text-sm text-zinc-500 dark:text-zinc-400", children: "No pre-orders found." })) : view === "list" ? (_jsx("div", { className: "flex flex-col divide-y divide-zinc-100 dark:divide-zinc-800 rounded-xl border border-zinc-100 dark:border-zinc-800", children: preOrders.map((product) => (_jsx(MarketplacePreorderCard, { product: product, variant: "list", hrefBuilder: (p) => String(ROUTES.PUBLIC.PRE_ORDER_DETAIL(p.id)), onAddToCart: handleAddToCart, wishlistActions: wishlistActions, selectable: selection.isSelecting, isSelected: selection.isSelected(product.id), onSelect: (id) => selection.toggle(id) }, product.id))) })) : (_jsx("div", { className: gridClass, children: preOrders.map((product) => (_jsx(MarketplacePreorderCard, { product: product, variant: "grid", hrefBuilder: (p) => String(ROUTES.PUBLIC.PRE_ORDER_DETAIL(p.id)), onAddToCart: handleAddToCart, wishlistActions: wishlistActions, selectable: selection.isSelecting, isSelected: selection.isSelected(product.id), onSelect: (id) => selection.toggle(id) }, product.id))) })) }), _jsx(BulkActionsBar, { selectedCount: selection.selectedCount, onClearSelection: selection.clearSelection, actions: [
+                    {
+                        key: "cart",
+                        label: "Add to Cart",
+                        icon: _jsx(ShoppingCart, { className: "h-3.5 w-3.5" }),
+                        variant: "primary",
+                        onClick: () => {
+                            const selected = preOrders.filter((p) => selection.selectedIdSet.has(p.id));
+                            selected.forEach((p) => {
+                                localCart.add(p.id, 1, { productTitle: p.title, productImage: p.mainImage, price: p.price });
+                                pushCartOp({ op: "add", productId: p.id, quantity: 1, productTitle: p.title, productImage: p.mainImage, price: p.price });
+                            });
+                            showToast(`${selected.length} items added to cart`, "success");
+                            selection.clearSelection();
+                        },
+                    },
+                    {
+                        key: "wishlist",
+                        label: "Wishlist",
+                        icon: _jsx(Heart, { className: "h-3.5 w-3.5" }),
+                        variant: "secondary",
+                        onClick: () => {
+                            const selected = preOrders.filter((p) => selection.selectedIdSet.has(p.id));
+                            selected.forEach((p) => {
+                                localWishlist.add(p.id, "preorder");
+                                pushWishlistOp({ op: "add", itemId: p.id, type: "preorder" });
+                            });
+                            showToast(`${selected.length} items added to wishlist`, "success");
+                            selection.clearSelection();
+                        },
+                    },
+                ] }), filterOpen && (_jsxs(_Fragment, { children: [_jsx("div", { className: "fixed inset-0 z-40 bg-black/40", "aria-hidden": "true", onClick: () => setFilterOpen(false) }), _jsxs("div", { className: "fixed inset-y-0 left-0 z-50 flex w-80 flex-col bg-white dark:bg-slate-900 shadow-2xl", children: [_jsxs("div", { className: "flex items-center justify-between border-b border-zinc-200 dark:border-slate-700 px-4 py-3.5", children: [_jsxs("span", { className: "flex items-center gap-2 text-base font-semibold text-zinc-900 dark:text-zinc-100", children: [_jsx(SlidersHorizontal, { className: "h-4 w-4" }), "Filters"] }), _jsxs("div", { className: "flex items-center gap-2", children: [activeFilterCount > 0 && (_jsx("button", { type: "button", onClick: clearFilters, className: "text-xs text-zinc-500 hover:text-rose-500 dark:text-zinc-400 transition-colors", children: "Clear all" })), _jsx("button", { type: "button", onClick: () => setFilterOpen(false), "aria-label": "Close filters", className: "rounded-lg p-1.5 text-zinc-500 hover:bg-zinc-100 dark:hover:bg-slate-800 transition-colors", children: _jsx(X, { className: "h-5 w-5" }) })] })] }), _jsx("div", { className: "flex-1 overflow-y-auto px-4 py-4", children: _jsx(PreOrderFilters, { table: pendingTable, currencyPrefix: "\u20B9", categoryOptions: categoryOptions, brandOptions: brandOptions }) }), _jsx("div", { className: "border-t border-zinc-200 dark:border-slate-700 px-4 py-3.5", children: _jsxs("button", { type: "button", onClick: applyFilters, className: "w-full rounded-lg bg-primary py-2.5 text-sm font-semibold text-white hover:bg-primary-600 transition-colors active:scale-[0.98]", children: ["Apply Filters", activeFilterCount > 0 ? ` (${activeFilterCount})` : ""] }) })] })] }))] }));
 }

package/dist/features/pre-orders/components/PreOrdersListView.d.ts

@@ -1 +1,6 @@
-export declare function PreOrdersListView(): Promise<import("react/jsx-runtime").JSX.Element>;
+type SearchParams = Record<string, string | string[]>;
+export interface PreOrdersListViewProps {
+    searchParams?: SearchParams;
+}
+export declare function PreOrdersListView({ searchParams }: PreOrdersListViewProps): Promise<import("react/jsx-runtime").JSX.Element>;
+export {};

package/dist/features/pre-orders/components/PreOrdersListView.js

@@ -3,14 +3,33 @@ import { productRepository } from "../../../repositories";
 import { Container, Main, Heading, Section } from "../../../ui";
 import { AdSlot } from "../../homepage/components/AdSlot";
 import { PreOrdersIndexListing } from "./PreOrdersIndexListing";
-export async function PreOrdersListView() {
+function sp(params, key) {
+    const v = params[key];
+    return Array.isArray(v) ? v[0] ?? "" : v ?? "";
+}
+function buildPreOrderFilters(params) {
+    const parts = ["status==published", "isPreOrder==true"];
+    const minPrice = sp(params, "minPrice");
+    const maxPrice = sp(params, "maxPrice");
+    if (minPrice)
+        parts.push(`price>=${minPrice}`);
+    if (maxPrice)
+        parts.push(`price<=${maxPrice}`);
+    const store = sp(params, "storeId");
+    if (store)
+        parts.push(`sellerId==${store}`);
+    const preOrderProductionStatus = sp(params, "preOrderProductionStatus");
+    if (preOrderProductionStatus)
+        parts.push(`preOrderProductionStatus==${preOrderProductionStatus}`);
+    return parts.join(",");
+}
+export async function PreOrdersListView({ searchParams = {} }) {
+    const sort = sp(searchParams, "sort") || "-createdAt";
+    const page = Number(sp(searchParams, "page")) || 1;
+    const pageSize = Number(sp(searchParams, "pageSize")) || 24;
+    const filters = buildPreOrderFilters(searchParams);
     const result = await productRepository
-        .list({
-        filters: "status==published,isPreOrder==true",
-        sorts: "-createdAt",
-        page: 1,
-        pageSize: 24,
-    })
+        .list({ filters, sorts: sort, page, pageSize })
         .catch(() => null);
     return (_jsx(Main, { children: _jsx(Section, { className: "py-10", children: _jsxs(Container, { size: "xl", children: [_jsx(Heading, { level: 1, className: "mb-8 text-3xl font-semibold text-zinc-900", children: "Pre-Orders" }), _jsx(AdSlot, { id: "listing-sidebar-top", className: "mb-6" }), _jsx(PreOrdersIndexListing, { initialData: result ?? undefined }), _jsx(AdSlot, { id: "listing-sidebar-bottom", className: "mt-8" })] }) }) }));
 }

package/dist/features/pre-orders/components/PreorderCard.js

@@ -19,7 +19,7 @@ export function PreorderBadge({ shipDate, className }) {
     return (_jsx(Span, { className: `inline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-medium ${STATUS_COLORS[status]} ${className ?? ""}`, children: STATUS_LABELS[status] }));
 }
 export function PreorderCard({ item, href }) {
-    return (_jsxs(Link, { href: href, className: "group relative block overflow-hidden rounded-xl border border-gray-200 bg-white transition-shadow hover:shadow-md", children: [item.images[0] ? (_jsx(Div, { role: "img", "aria-label": item.name, className: "h-56 w-full bg-center bg-cover transition-transform duration-300 group-hover:scale-105", style: { backgroundImage: `url(${item.images[0]})` } })) : (_jsx(Div, { className: "h-56 w-full bg-gray-100" })), _jsxs(Div, { className: "p-4", children: [_jsx(PreorderBadge, { shipDate: item.preorderShipDate }), _jsx(Heading, { level: 3, className: "mt-2 font-semibold text-gray-900 text-base", children: item.name }), _jsx(Text, { className: "mt-1 text-sm text-gray-500", children: item.brand }), _jsxs(Div, { className: "mt-3 flex items-baseline gap-2", children: [_jsx(Span, { className: "text-lg font-bold text-gray-900", children: formatCurrency(item.salePrice) }), item.regularPrice > item.salePrice && (_jsx(Span, { className: "text-sm text-gray-400 line-through", children: formatCurrency(item.regularPrice) }))] }), item.preorderShipDate && (_jsxs(Text, { className: "mt-1 text-xs text-gray-400", children: ["Ships:", " ", new Date(item.preorderShipDate).toLocaleDateString(getDefaultLocale(), {
+    return (_jsxs(Link, { href: href, className: "group relative block overflow-hidden rounded-xl border border-gray-200 dark:border-slate-700 bg-white dark:bg-slate-900 transition-shadow hover:shadow-md", children: [item.images[0] ? (_jsx(Div, { role: "img", "aria-label": item.name, className: "aspect-square w-full bg-center bg-cover transition-transform duration-300 group-hover:scale-105", style: { backgroundImage: `url(${item.images[0]})` } })) : (_jsx(Div, { className: "aspect-square w-full bg-gray-100" })), _jsxs(Div, { className: "p-4", children: [_jsx(PreorderBadge, { shipDate: item.preorderShipDate }), _jsx(Heading, { level: 3, className: "mt-2 font-semibold text-gray-900 dark:text-zinc-100 text-base", children: item.name }), _jsx(Text, { className: "mt-1 text-sm text-gray-500 dark:text-zinc-400", children: item.brand }), _jsxs(Div, { className: "mt-3 flex items-baseline gap-2", children: [_jsx(Span, { className: "text-lg font-bold text-gray-900 dark:text-zinc-100", children: formatCurrency(item.salePrice) }), item.regularPrice > item.salePrice && (_jsx(Span, { className: "text-sm text-gray-400 dark:text-zinc-500 line-through", children: formatCurrency(item.regularPrice) }))] }), item.preorderShipDate && (_jsxs(Text, { className: "mt-1 text-xs text-gray-400 dark:text-zinc-500", children: ["Ships:", " ", new Date(item.preorderShipDate).toLocaleDateString(getDefaultLocale(), {
                                 month: "short",
                                 year: "numeric",
                             })] }))] })] }));

package/dist/features/pre-orders/components/index.d.ts

@@ -1,4 +1,6 @@
 export { PreorderBadge, PreorderCard } from "./PreorderCard";
+export { PreOrderFilters } from "./PreOrderFilters";
+export type { PreOrderFiltersProps } from "./PreOrderFilters";
 export { MarketplacePreorderCard, type MarketplacePreorderCardData, type MarketplacePreorderCardLabels, type MarketplacePreorderCardProps, } from "./MarketplacePreorderCard";
 export { PreOrdersListView } from "./PreOrdersListView";
 export { PreOrdersIndexListing } from "./PreOrdersIndexListing";

package/dist/features/pre-orders/components/index.js

@@ -1,4 +1,5 @@
 export { PreorderBadge, PreorderCard } from "./PreorderCard";
+export { PreOrderFilters } from "./PreOrderFilters";
 export { MarketplacePreorderCard, } from "./MarketplacePreorderCard";
 export { PreOrdersListView } from "./PreOrdersListView";
 export { PreOrdersIndexListing } from "./PreOrdersIndexListing";

package/dist/features/pre-orders/schemas/index.d.ts

@@ -19,16 +19,22 @@ export declare const preorderItemSchema: z.ZodObject<{
         type: z.ZodEnum<["image", "video", "file"]>;
         alt: z.ZodOptional<z.ZodString>;
         thumbnailUrl: z.ZodOptional<z.ZodString>;
+        source: z.ZodOptional<z.ZodEnum<["upload", "youtube", "external"]>>;
+        youtubeId: z.ZodOptional<z.ZodString>;
     }, "strip", z.ZodTypeAny, {
         url: string;
         type: "video" | "image" | "file";
+        source?: "external" | "upload" | "youtube" | undefined;
         alt?: string | undefined;
         thumbnailUrl?: string | undefined;
+        youtubeId?: string | undefined;
     }, {
         url: string;
         type: "video" | "image" | "file";
+        source?: "external" | "upload" | "youtube" | undefined;
         alt?: string | undefined;
         thumbnailUrl?: string | undefined;
+        youtubeId?: string | undefined;
     }>, "many">>;
     salePrice: z.ZodNumber;
     regularPrice: z.ZodNumber;
@@ -49,8 +55,10 @@ export declare const preorderItemSchema: z.ZodObject<{
     media?: {
         url: string;
         type: "video" | "image" | "file";
+        source?: "external" | "upload" | "youtube" | undefined;
         alt?: string | undefined;
         thumbnailUrl?: string | undefined;
+        youtubeId?: string | undefined;
     }[] | undefined;
     createdAt?: string | undefined;
     images?: string[] | undefined;
@@ -66,8 +74,10 @@ export declare const preorderItemSchema: z.ZodObject<{
     media?: {
         url: string;
         type: "video" | "image" | "file";
+        source?: "external" | "upload" | "youtube" | undefined;
         alt?: string | undefined;
         thumbnailUrl?: string | undefined;
+        youtubeId?: string | undefined;
     }[] | undefined;
     createdAt?: string | undefined;
     active?: boolean | undefined;

package/dist/features/products/actions/product-actions.d.ts

@@ -8,7 +8,7 @@ export interface ProductListActionParams {
     isAuction?: boolean;
     isPreOrder?: boolean;
     featured?: boolean;
-    sellerId?: string;
+    storeId?: string;
     categoriesIn?: string[];
 }
 export type ProductListResult = FirebaseSieveResult<ProductDocument>;
@@ -23,4 +23,4 @@ export declare function getFeaturedPreOrders(pageSize?: number): Promise<Product
 export declare function getLatestPreOrders(pageSize?: number): Promise<ProductListResult>;
 export declare function listPreOrders(params?: ProductListActionParams): Promise<ProductListResult>;
 export declare function getRelatedProducts(categoryId: string, excludeId: string, limit?: number): Promise<ProductListResult>;
-export declare function getSellerStorefrontProducts(sellerId: string): Promise<ProductDocument[]>;
+export declare function getStoreStorefrontProducts(storeId: string): Promise<ProductDocument[]>;

package/dist/features/products/actions/product-actions.js

@@ -1,7 +1,7 @@
 import { productRepository } from "../repository/products.repository";
 import { ProductStatusValues } from "../schemas";
 export async function listProducts(params = {}) {
-    const { filters, sorts = "-createdAt", page = 1, pageSize = 20, isAuction, isPreOrder, featured, sellerId, categoriesIn, } = params;
+    const { filters, sorts = "-createdAt", page = 1, pageSize = 20, isAuction, isPreOrder, featured, storeId, categoriesIn, } = params;
     const compoundFilters = [];
     if (isAuction !== undefined)
         compoundFilters.push(`isAuction==${isAuction}`);
@@ -9,8 +9,8 @@ export async function listProducts(params = {}) {
         compoundFilters.push(`isPreOrder==${isPreOrder}`);
     if (featured === true)
         compoundFilters.push("featured==true");
-    if (sellerId)
-        compoundFilters.push(`sellerId==${sellerId}`);
+    if (storeId)
+        compoundFilters.push(`storeId==${storeId}`);
     if (filters)
         compoundFilters.push(filters);
     const mergedFilters = compoundFilters.length > 0 ? compoundFilters.join(",") : undefined;
@@ -105,7 +105,7 @@ export async function getRelatedProducts(categoryId, excludeId, limit = 6) {
         items: result.items.filter((p) => p.id !== excludeId).slice(0, limit),
     };
 }
-export async function getSellerStorefrontProducts(sellerId) {
-    const products = await productRepository.findBySeller(sellerId);
+export async function getStoreStorefrontProducts(storeId) {
+    const products = await productRepository.findByStore(storeId);
     return products.filter((p) => p.status === ProductStatusValues.PUBLISHED);
 }

package/dist/features/products/api/[id]/route.js

@@ -14,6 +14,7 @@ import { z } from "zod";
 import { getProviders } from "../../../../contracts";
 import { createRouteHandler } from "../../../../next";
 import { mediaFieldSchema } from "../../../media/types/index";
+import { storeRepository } from "../../../stores/repository/store.repository";
 function getRepo() {
     const { db } = getProviders();
     if (!db)
@@ -94,7 +95,8 @@ export const PATCH = createRouteHandler({
         if (!product) {
             return NextResponse.json({ success: false, error: "Product not found" }, { status: 404 });
         }
-        const isOwner = product.sellerId === user?.uid;
+        const ownerStore = product.storeId ? await storeRepository.findByOwnerId(user?.uid ?? "") : null;
+        const isOwner = !!ownerStore && ownerStore.id === product.storeId;
         const isModerator = user?.role === "moderator";
         const isAdmin = user?.role === "admin";
         if (!isOwner && !isModerator && !isAdmin) {
@@ -121,7 +123,8 @@ export const DELETE = createRouteHandler({
         if (!product) {
             return NextResponse.json({ success: false, error: "Product not found" }, { status: 404 });
         }
-        const isOwner = product.sellerId === user?.uid;
+        const ownerStore = product.storeId ? await storeRepository.findByOwnerId(user?.uid ?? "") : null;
+        const isOwner = !!ownerStore && ownerStore.id === product.storeId;
         const isModerator = user?.role === "moderator";
         const isAdmin = user?.role === "admin";
         if (!isOwner && !isModerator && !isAdmin) {

package/dist/features/products/api/route.js

@@ -69,7 +69,7 @@ const SAFE_PRODUCT_FILTER_FIELDS = new Set([
     "category",
     "brand",
     "condition",
-    "sellerId",
+    "storeId",
     "title",
     "price",
     "isAuction",
@@ -108,9 +108,9 @@ function buildFilters(url) {
     const condition = param(url, "condition");
     if (condition)
         parts.push(`condition==${condition}`);
-    const sellerId = param(url, "sellerId");
-    if (sellerId)
-        parts.push(`sellerId==${sellerId}`);
+    const storeId = param(url, "storeId");
+    if (storeId)
+        parts.push(`storeId==${storeId}`);
     const q = param(url, "q");
     if (q)
         parts.push(`title@=*${q}`);
@@ -195,16 +195,12 @@ export const POST = createRouteHandler({
         const data = {
             ...payload,
             status: "draft",
-            sellerId: typeof payload.sellerId === "string"
-                ? payload.sellerId
-                : typeof userRecord.uid === "string"
-                    ? userRecord.uid
-                    : undefined,
-            sellerName: typeof payload.sellerName === "string"
-                ? payload.sellerName
-                : typeof userRecord.displayName === "string"
-                    ? userRecord.displayName
-                    : undefined,
+            storeId: typeof payload.storeId === "string"
+                ? payload.storeId
+                : undefined,
+            storeName: typeof payload.storeName === "string"
+                ? payload.storeName
+                : undefined,
             createdAt: new Date().toISOString(),
             updatedAt: new Date().toISOString(),
         };

package/dist/features/products/columns/productTableColumns.js

@@ -54,11 +54,11 @@ export function getProductTableColumns({ labels, onEdit, onDelete, currencyCode,
             },
         },
         {
-            key: "sellerName",
+            key: "storeName",
             header: labels.seller,
             sortable: true,
             width: "15%",
-            render: (product) => (_jsx(Span, { className: "block max-w-[120px] truncate text-sm", children: product.sellerName ?? "-" })),
+            render: (product) => (_jsx(Span, { className: "block max-w-[120px] truncate text-sm", children: product.storeName ?? "-" })),
         },
         {
             key: "featured",

package/dist/features/products/components/AuctionDetailView.d.ts

@@ -7,7 +7,8 @@ export interface AuctionDetailViewProps extends Omit<DetailViewShellProps, "main
     renderBidForm?: () => React.ReactNode;
     /** Mobile bid form shown below the grid on small screens */
     renderMobileBidForm?: () => React.ReactNode;
+    renderTabs?: () => React.ReactNode;
     renderBidHistory?: () => React.ReactNode;
     renderRelated?: () => React.ReactNode;
 }
-export declare function AuctionDetailView({ renderGallery, renderInfo, renderBidForm, renderMobileBidForm, renderBidHistory, renderRelated, isLoading, ...rest }: AuctionDetailViewProps): import("react/jsx-runtime").JSX.Element;
+export declare function AuctionDetailView({ renderGallery, renderInfo, renderBidForm, renderMobileBidForm, renderTabs, renderBidHistory, renderRelated, isLoading, ...rest }: AuctionDetailViewProps): import("react/jsx-runtime").JSX.Element;

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

@@ -1,9 +1,9 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { DetailViewShell, Div } from "../../../ui";
-export function AuctionDetailView({ renderGallery, renderInfo, renderBidForm, renderMobileBidForm, renderBidHistory, renderRelated, isLoading = false, ...rest }) {
+export function AuctionDetailView({ renderGallery, renderInfo, renderBidForm, renderMobileBidForm, renderTabs, renderBidHistory, renderRelated, isLoading = false, ...rest }) {
     return (_jsx(DetailViewShell, { portal: "public", ...rest, layout: "grid-3", isLoading: isLoading, mainSlots: [
             renderGallery?.(isLoading),
             renderInfo?.(isLoading),
             _jsx(Div, { className: "hidden lg:block", children: renderBidForm?.() }, "bid"),
-        ], afterMain: renderMobileBidForm?.(), belowFold: [renderBidHistory?.(), renderRelated?.()] }));
+        ], afterMain: renderMobileBidForm?.(), belowFold: [renderTabs?.(), renderBidHistory?.(), renderRelated?.()] }));
 }

package/dist/features/products/components/AuctionsIndexListing.d.ts

@@ -1,4 +1,7 @@
 export interface AuctionsIndexListingProps {
     initialData?: any;
+    categorySlug?: string;
+    /** Filter auctions by brand name (for brand detail pages) */
+    brandName?: string;
 }
-export declare function AuctionsIndexListing({ initialData }: AuctionsIndexListingProps): import("react/jsx-runtime").JSX.Element;
+export declare function AuctionsIndexListing({ initialData, categorySlug, brandName }: AuctionsIndexListingProps): import("react/jsx-runtime").JSX.Element;