@mohasinac/appkit 4.11.2 → 4.12.0

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

@@ -17,9 +17,11 @@ import { ROUTES } from "../../../constants";
 import { normalizeListingType } from "../../products/utils/listing-type";
 import { toRecordArray, toRelativeDate, toStringValue } from "../hooks/useSellerListingData";
 import { useListingTypeFlags } from "../../../react/hooks/useListingTypeFlags";
+import { ALL_LISTING_TYPES } from "../../../_internal/shared/listing-types/feature-flags";
+import { pluginFor } from "../../../_internal/shared/listing-types/_registry";
 import { SellerProductsCards } from "./SellerProductsCards";
 import { SellerProductsFilterFields } from "./SellerProductsFilterDrawer";
-import { LISTING_BADGE_VARIANT } from "../../products/utils/listing-badge-variant";
+import { listingBadgeVariant } from "../../products/utils/listing-badge-variant";
 import { DataListingView } from "../../admin/components/DataListingView";
 import { ACTIONS } from "../../../_internal/shared/actions/action-registry";
 import { buildBulkAction } from "../../../_internal/shared/actions/bulk-helpers";
@@ -43,21 +45,24 @@ const SORT_OPTIONS = [
     { value: sortBy("title", "DESC"), label: "Title Z–A" },
     { value: sortBy("price", "DESC"), label: "Price High" },
     { value: sortBy("price", "ASC"), label: "Price Low" },
+    // Now genuinely sortable — see the note on AdminProductsView's sortOptions.
+    { value: sortBy("featured", "DESC"), label: "Featured first" },
+    { value: sortBy("isPromoted", "DESC"), label: "Promoted first" },
 ];
 const STATUS_OPTIONS = SELLER_PRODUCT_STATUS_TABS;
 function TypeDropdown({ active, onChange, }) {
     const flags = useListingTypeFlags();
+    // Derived from ALL_LISTING_TYPES + the plugin registry (2026-08-21). This
+    // used to be a hand-written list that had no `art`/`stickers` entries and
+    // still offered `bundle` — which stopped being a listingType in SB-UNI-D, so
+    // picking it filtered on a value no product can hold and returned nothing.
     const options = [
         { value: "all", label: "All listings" },
-        flags.standard && { value: "standard", label: "Standard" },
-        flags.auction && { value: "auction", label: "Auction" },
-        flags["pre-order"] && { value: "pre-order", label: "Pre-order" },
-        flags["prize-draw"] && { value: "prize-draw", label: "Prize Draw" },
-        { value: "bundle", label: "Bundle" },
-        flags.classified && { value: "classified", label: "Classified" },
-        flags["digital-code"] && { value: "digital-code", label: "Digital Code" },
-        flags.live && { value: "live", label: "Live" },
-    ].filter(Boolean);
+        ...ALL_LISTING_TYPES.filter(flags.isEnabled).map((type) => ({
+            value: type,
+            label: pluginFor(type).typeLabel,
+        })),
+    ];
     return (_jsxs(Row, { paddingX: "x-sm-lg-md", border: "bottom", padding: "y-xs", gap: "sm", children: [_jsx(Text, { className: "tracking-wide text-[var(--appkit-color-text-muted)]", size: "xs", weight: "semibold", transform: "uppercase", children: "Listing type" }), _jsx(Select, { options: options, value: active, onValueChange: (v) => onChange(v), wrapperClassName: "sm:max-w-xs", "aria-label": "Filter by listing type" })] }));
 }
 const PRODUCT_COLUMNS = [
@@ -70,7 +75,7 @@ const PRODUCT_COLUMNS = [
     {
         key: "primary",
         header: "Product",
-        render: (row) => (_jsxs(Stack, { gap: "xs", children: [_jsx(Text, { className: "text-[var(--appkit-color-text)] line-clamp-1", weight: "medium", children: row.primary }), _jsxs(Row, { gap: "sm", children: [_jsx(Badge, { variant: LISTING_BADGE_VARIANT[row.listingKind] ?? "default", children: row.listingKind }), _jsx(Span, { size: "xs", color: "muted", children: row.secondary })] })] })),
+        render: (row) => (_jsxs(Stack, { gap: "xs", children: [_jsx(Text, { className: "text-[var(--appkit-color-text)] line-clamp-1", weight: "medium", children: row.primary }), _jsxs(Row, { gap: "sm", children: [_jsx(Badge, { variant: listingBadgeVariant(row.listingKind), children: row.listingKind }), _jsx(Span, { size: "xs", color: "muted", children: row.secondary })] })] })),
     },
     {
         key: "price",
@@ -206,13 +211,11 @@ export function SellerProductsView({ onDeleteProduct, onCreateClick, }) {
         mapRows: (response) => {
             const rows = toRecordArray(response.products).map((item, index) => {
                 const lt = normalizeListingType(item);
-                const kind = lt === "auction"
-                    ? "auction"
-                    : lt === "pre-order"
-                        ? "pre-order"
-                        : lt === "prize-draw"
-                            ? "prize-draw"
-                            : "standard";
+                // The row's own type, verbatim. This used to be a 4-branch ternary
+                // that collapsed classified / digital-code / live / art / stickers all
+                // down to "standard", so five of nine types displayed the wrong badge
+                // in the seller table (2026-08-21).
+                const kind = lt;
                 const priceRaw = typeof item.price === "number" ? item.price : 0;
                 const auctionSecondary = kind === "auction"
                     ? [

package/dist/features/stores/actions/store-query-actions.js

@@ -85,7 +85,7 @@ export async function getStoreReviews(storeSlug) {
     const publishedProducts = allProducts
         .filter((p) => p.status === ProductStatusValues.PUBLISHED)
         .slice(0, 20);
-    const reviewArrays = await Promise.all(publishedProducts.map((p) => reviewRepository.findApprovedByProduct(p.id)));
+    const reviewArrays = await Promise.all(publishedProducts.map((p) => reviewRepository.findApprovedByProduct(p.id, 50)));
     const allReviews = reviewArrays
         .flat()
         .sort((a, b) => new Date(b.createdAt).getTime() - new Date(a.createdAt).getTime())

package/dist/features/stores/components/StoreArtStickersPageView.d.ts

@@ -0,0 +1,21 @@
+import React from "react";
+type SearchParams = Record<string, string | string[]>;
+export interface StoreArtStickersPageViewProps {
+    storeSlug: string;
+    searchParams?: SearchParams;
+}
+/**
+ * A store's combined Art & Stickers tab.
+ *
+ * This page did not exist until 2026-08-21: `STORE_PAGE_TABS` had an
+ * "Art & Stickers" entry with a real count query behind it, but its href
+ * pointed at `STORE_PRODUCTS` — a page that filters `listingType == standard`.
+ * So the tab advertised a non-zero count and then rendered none of those items,
+ * with no error. Same shape as the category/brand tabs that rendered blank
+ * panels (see `audit-tab-body-coverage.mjs`), one level up.
+ *
+ * Mirrors the public `/art` page in spanning both types at once, since neither
+ * has enough inventory to justify a tab of its own.
+ */
+export declare function StoreArtStickersPageView({ storeSlug, searchParams, }: StoreArtStickersPageViewProps): Promise<React.JSX.Element | null>;
+export {};

package/dist/features/stores/components/StoreArtStickersPageView.js

@@ -0,0 +1,30 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { PRODUCT_FIELDS } from "../../../constants/field-names";
+import { sortBy } from "../../../constants/sort";
+import { listStoreProducts } from "../../../_internal/server/features/products/list-public";
+import { ART_STICKERS_LISTING_TYPES } from "../../products/constants/listing-tabs";
+import { getStoreBySlug } from "./StoreDetailLayoutView";
+import { StoreProductsListing } from "./StoreProductsListing";
+const DEFAULT_PAGE_SIZE = 24;
+const DEFAULT_SORT = sortBy(PRODUCT_FIELDS.CREATED_AT);
+/**
+ * A store's combined Art & Stickers tab.
+ *
+ * This page did not exist until 2026-08-21: `STORE_PAGE_TABS` had an
+ * "Art & Stickers" entry with a real count query behind it, but its href
+ * pointed at `STORE_PRODUCTS` — a page that filters `listingType == standard`.
+ * So the tab advertised a non-zero count and then rendered none of those items,
+ * with no error. Same shape as the category/brand tabs that rendered blank
+ * panels (see `audit-tab-body-coverage.mjs`), one level up.
+ *
+ * Mirrors the public `/art` page in spanning both types at once, since neither
+ * has enough inventory to justify a tab of its own.
+ */
+export async function StoreArtStickersPageView({ storeSlug, searchParams, }) {
+    const store = await getStoreBySlug(storeSlug);
+    const storeId = store?.id;
+    if (typeof storeId !== "string" || !storeId)
+        return null;
+    const result = await listStoreProducts(storeId, ART_STICKERS_LISTING_TYPES, searchParams ?? {}, { pageSize: DEFAULT_PAGE_SIZE, sorts: DEFAULT_SORT });
+    return (_jsx(StoreProductsListing, { storeId: storeId, listingTypes: ART_STICKERS_LISTING_TYPES, initialData: result ?? undefined }));
+}

package/dist/features/stores/components/StoreAuctionsListing.js

@@ -12,19 +12,13 @@ import { AuctionFilters } from "../../auctions/components/AuctionFilters";
 import { getDefaultCurrency } from "../../../core/baseline-resolver";
 import { useGuestWishlist } from "../../wishlist/hooks/useGuestWishlist";
 import { pushWishlistOp } from "../../cart/utils/pending-ops";
-import { PRODUCT_FIELDS } from "../../../constants/field-names";
-import { sortBy } from "../../../constants/sort";
+import { AUCTION_PUBLIC_SORT_OPTIONS } from "../../products/constants/sieve";
 const __P = {
     p3: "p-[var(--appkit-space-3)]",
 };
-const DEFAULT_SORT = sortBy(PRODUCT_FIELDS.AUCTION_END_DATE, "ASC");
-const AUCTION_SORT_OPTIONS = [
-    { value: sortBy(PRODUCT_FIELDS.AUCTION_END_DATE, "ASC"), label: "Ending Soonest" },
-    { value: sortBy(PRODUCT_FIELDS.AUCTION_END_DATE), label: "Ending Latest" },
-    { value: sortBy(PRODUCT_FIELDS.CURRENT_BID), label: "Highest Bid" },
-    { value: sortBy(PRODUCT_FIELDS.PRICE, "ASC"), label: "Price: Low to High" },
-    { value: sortBy(PRODUCT_FIELDS.PRICE), label: "Price: High to Low" },
-];
+// Shared with /auctions — a local copy here drifted ("Ending Soonest" vs
+// "Ending Soon", and it silently omitted Most Bids / Buy It Now).
+const DEFAULT_SORT = AUCTION_PUBLIC_SORT_OPTIONS[0].value;
 const FILTER_KEYS = ["minBid", "maxBid", "dateFrom", "dateTo"];
 export function StoreAuctionsListing({ storeId, initialData }) {
     const table = useUrlTable({ defaults: { pageSize: "24", sort: DEFAULT_SORT } });
@@ -106,7 +100,7 @@ export function StoreAuctionsListing({ storeId, initialData }) {
         isWishlisted: (productId) => wishlistedIds.has(productId),
     };
     const gridClass = "grid grid-cols-2 sm:grid-cols-3 lg:grid-cols-4 gap-[var(--appkit-space-4)]";
-    return (_jsxs(Div, { className: "min-h-[200px]", children: [_jsx(ListingToolbar, { filterCount: filterActiveCount, onFiltersClick: openFilters, searchValue: searchInput, searchPlaceholder: "Search store auctions...", onSearchChange: setSearchInput, onSearchCommit: commitSearch, sortValue: table.get("sort") || DEFAULT_SORT, sortOptions: AUCTION_SORT_OPTIONS, onSortChange: (v) => {
+    return (_jsxs(Div, { className: "min-h-[200px]", children: [_jsx(ListingToolbar, { filterCount: filterActiveCount, onFiltersClick: openFilters, searchValue: searchInput, searchPlaceholder: "Search store auctions...", onSearchChange: setSearchInput, onSearchCommit: commitSearch, sortValue: table.get("sort") || DEFAULT_SORT, sortOptions: AUCTION_PUBLIC_SORT_OPTIONS, onSortChange: (v) => {
                     table.set("sort", v);
                 }, view: view, onViewChange: (v) => {
                     if (v === "table")

package/dist/features/stores/components/StoreAuctionsPageView.d.ts

@@ -1,5 +1,8 @@
 import React from "react";
+type SearchParams = Record<string, string | string[]>;
 export interface StoreAuctionsPageViewProps {
     storeSlug: string;
+    searchParams?: SearchParams;
 }
-export declare function StoreAuctionsPageView({ storeSlug }: StoreAuctionsPageViewProps): Promise<React.JSX.Element | null>;
+export declare function StoreAuctionsPageView({ storeSlug, searchParams }: StoreAuctionsPageViewProps): Promise<React.JSX.Element | null>;
+export {};

package/dist/features/stores/components/StoreAuctionsPageView.js

@@ -1,24 +1,24 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { sieveFilter, sieveAnd, SIEVE_OP } from "@mohasinac/appkit";
-import { sortBy } from "@mohasinac/appkit";
-import { productRepository } from "../../../repositories";
+import { PRODUCT_FIELDS } from "../../../constants/field-names";
+import { sortBy } from "../../../constants/sort";
+import { listStoreProducts } from "../../../_internal/server/features/products/list-public";
 import { getStoreBySlug } from "./StoreDetailLayoutView";
 import { StoreAuctionsListing } from "./StoreAuctionsListing";
-export async function StoreAuctionsPageView({ storeSlug }) {
+const LISTING_TYPES = ["auction"];
+const DEFAULT_PAGE_SIZE = 24;
+const DEFAULT_SORT = sortBy(PRODUCT_FIELDS.AUCTION_END_DATE, "ASC");
+export async function StoreAuctionsPageView({ storeSlug, searchParams }) {
     const store = await getStoreBySlug(storeSlug);
     const storeId = store?.id;
-    const result = storeId
-        ? await productRepository
-            .list({
-            filters: sieveAnd(sieveFilter("storeId", SIEVE_OP.EQ, storeId), sieveFilter("status", SIEVE_OP.EQ, "published"), sieveFilter("listingType", SIEVE_OP.EQ, "auction")),
-            sorts: sortBy("auctionEndDate", "ASC"),
-            page: 1,
-            pageSize: 24,
-        })
-            .catch(() => null)
-        : null;
-    if (!storeId) {
+    if (typeof storeId !== "string" || !storeId)
         return null;
-    }
-    return (_jsx(StoreAuctionsListing, { storeId: storeId, initialData: result ?? undefined }));
+    // Shared query — see listStoreProducts. This view used to call
+    // productRepository.list() with an inline filter string and swallow every
+    // failure via a bare .catch(() => null), so a missing index rendered as an
+    // empty store tab with nothing logged (Root Cause #30's family).
+    const result = await listStoreProducts(storeId, LISTING_TYPES, searchParams ?? {}, {
+        pageSize: DEFAULT_PAGE_SIZE,
+        sorts: DEFAULT_SORT,
+    });
+    return _jsx(StoreAuctionsListing, { storeId: storeId, initialData: result ?? undefined });
 }

package/dist/features/stores/components/StoreClassifiedsListing.js

@@ -37,6 +37,13 @@ export function StoreClassifiedsListing({ storeId, initialData }) {
         perPage: table.getNumber("pageSize", 24),
         storeId: storeId || undefined,
         listingType: "classified",
+        // Per-type facets — declared in FILTER_KEYS (so they counted toward the
+        // filter badge) and rendered in the drawer, but never sent until 2026-08-21.
+        typeFacets: {
+            [TABLE_KEYS.CITY]: table.get(TABLE_KEYS.CITY),
+            [TABLE_KEYS.NEGOTIABLE]: table.get(TABLE_KEYS.NEGOTIABLE),
+            [TABLE_KEYS.ACCEPTS_SHIPPING]: table.get(TABLE_KEYS.ACCEPTS_SHIPPING),
+        },
     };
     const { products, totalPages, page, isLoading } = useProducts(params, { initialData });
     const gridClass = "grid grid-cols-2 sm:grid-cols-3 lg:grid-cols-4 gap-[var(--appkit-space-4)]";

package/dist/features/stores/components/StoreClassifiedsPageView.d.ts

@@ -1,5 +1,8 @@
 import React from "react";
+type SearchParams = Record<string, string | string[]>;
 export interface StoreClassifiedsPageViewProps {
     storeSlug: string;
+    searchParams?: SearchParams;
 }
-export declare function StoreClassifiedsPageView({ storeSlug }: StoreClassifiedsPageViewProps): Promise<React.JSX.Element | null>;
+export declare function StoreClassifiedsPageView({ storeSlug, searchParams }: StoreClassifiedsPageViewProps): Promise<React.JSX.Element | null>;
+export {};

package/dist/features/stores/components/StoreClassifiedsPageView.js

@@ -1,20 +1,24 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { sieveFilter, sieveAnd, SIEVE_OP, sortBy, PRODUCT_FIELDS } from "@mohasinac/appkit";
-import { productRepository } from "../../../repositories";
+import { PRODUCT_FIELDS } from "../../../constants/field-names";
+import { sortBy } from "../../../constants/sort";
+import { listStoreProducts } from "../../../_internal/server/features/products/list-public";
 import { getStoreBySlug } from "./StoreDetailLayoutView";
 import { StoreClassifiedsListing } from "./StoreClassifiedsListing";
-export async function StoreClassifiedsPageView({ storeSlug }) {
+const LISTING_TYPES = ["classified"];
+const DEFAULT_PAGE_SIZE = 24;
+const DEFAULT_SORT = sortBy(PRODUCT_FIELDS.CREATED_AT);
+export async function StoreClassifiedsPageView({ storeSlug, searchParams }) {
     const store = await getStoreBySlug(storeSlug);
     const storeId = store?.id;
-    if (!storeId)
+    if (typeof storeId !== "string" || !storeId)
         return null;
-    const result = await productRepository
-        .list({
-        filters: sieveAnd(sieveFilter("storeId", SIEVE_OP.EQ, storeId), sieveFilter("status", SIEVE_OP.EQ, "published"), sieveFilter("listingType", SIEVE_OP.EQ, "classified")),
-        sorts: sortBy(PRODUCT_FIELDS.CREATED_AT),
-        page: 1,
-        pageSize: 24,
-    })
-        .catch(() => null);
+    // Shared query — see listStoreProducts. This view used to call
+    // productRepository.list() with an inline filter string and swallow every
+    // failure via a bare .catch(() => null), so a missing index rendered as an
+    // empty store tab with nothing logged (Root Cause #30's family).
+    const result = await listStoreProducts(storeId, LISTING_TYPES, searchParams ?? {}, {
+        pageSize: DEFAULT_PAGE_SIZE,
+        sorts: DEFAULT_SORT,
+    });
     return _jsx(StoreClassifiedsListing, { storeId: storeId, initialData: result ?? undefined });
 }

package/dist/features/stores/components/StoreDetailLayoutView.js

@@ -18,9 +18,10 @@ const STORE_LISTING_HREF = {
     classifieds: (slug) => String(ROUTES.PUBLIC.STORE_CLASSIFIEDS(slug)),
     "digital-codes": (slug) => String(ROUTES.PUBLIC.STORE_DIGITAL_CODES(slug)),
     live: (slug) => String(ROUTES.PUBLIC.STORE_LIVE(slug)),
-    // Art & Stickers has no dedicated storefront tab page — browsable
-    // (alongside everything else the store sells) on the "Products" tab.
-    art: (slug) => String(ROUTES.PUBLIC.STORE_PRODUCTS(slug)),
+    // Combined art + stickers, mirroring the public /art page. This used to
+    // point at STORE_PRODUCTS, which filters to `standard` — so the tab showed
+    // a real non-zero count and landed on a page with none of those items.
+    art: (slug) => String(ROUTES.PUBLIC.STORE_ART(slug)),
 };
 export const getStoreBySlug = cache((slug) => storeRepository.findBySlug(slug).catch(() => undefined));
 function tabLabel(base, count) {

package/dist/features/stores/components/StoreDigitalCodesListing.js

@@ -37,6 +37,11 @@ export function StoreDigitalCodesListing({ storeId, initialData }) {
         perPage: table.getNumber("pageSize", 24),
         storeId: storeId || undefined,
         listingType: "digital-code",
+        // Per-type facets — declared in FILTER_KEYS (so they counted toward the
+        // filter badge) and rendered in the drawer, but never sent until 2026-08-21.
+        typeFacets: {
+            [TABLE_KEYS.DELIVERY_METHOD]: table.get(TABLE_KEYS.DELIVERY_METHOD),
+        },
     };
     const { products, totalPages, page, isLoading } = useProducts(params, { initialData });
     const gridClass = "grid grid-cols-2 sm:grid-cols-3 lg:grid-cols-4 gap-[var(--appkit-space-4)]";

package/dist/features/stores/components/StoreDigitalCodesPageView.d.ts

@@ -1,5 +1,8 @@
 import React from "react";
+type SearchParams = Record<string, string | string[]>;
 export interface StoreDigitalCodesPageViewProps {
     storeSlug: string;
+    searchParams?: SearchParams;
 }
-export declare function StoreDigitalCodesPageView({ storeSlug }: StoreDigitalCodesPageViewProps): Promise<React.JSX.Element | null>;
+export declare function StoreDigitalCodesPageView({ storeSlug, searchParams }: StoreDigitalCodesPageViewProps): Promise<React.JSX.Element | null>;
+export {};

package/dist/features/stores/components/StoreDigitalCodesPageView.js

@@ -1,20 +1,24 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { sieveFilter, sieveAnd, SIEVE_OP, sortBy, PRODUCT_FIELDS } from "@mohasinac/appkit";
-import { productRepository } from "../../../repositories";
+import { PRODUCT_FIELDS } from "../../../constants/field-names";
+import { sortBy } from "../../../constants/sort";
+import { listStoreProducts } from "../../../_internal/server/features/products/list-public";
 import { getStoreBySlug } from "./StoreDetailLayoutView";
 import { StoreDigitalCodesListing } from "./StoreDigitalCodesListing";
-export async function StoreDigitalCodesPageView({ storeSlug }) {
+const LISTING_TYPES = ["digital-code"];
+const DEFAULT_PAGE_SIZE = 24;
+const DEFAULT_SORT = sortBy(PRODUCT_FIELDS.CREATED_AT);
+export async function StoreDigitalCodesPageView({ storeSlug, searchParams }) {
     const store = await getStoreBySlug(storeSlug);
     const storeId = store?.id;
-    if (!storeId)
+    if (typeof storeId !== "string" || !storeId)
         return null;
-    const result = await productRepository
-        .list({
-        filters: sieveAnd(sieveFilter("storeId", SIEVE_OP.EQ, storeId), sieveFilter("status", SIEVE_OP.EQ, "published"), sieveFilter("listingType", SIEVE_OP.EQ, "digital-code")),
-        sorts: sortBy(PRODUCT_FIELDS.CREATED_AT),
-        page: 1,
-        pageSize: 24,
-    })
-        .catch(() => null);
+    // Shared query — see listStoreProducts. This view used to call
+    // productRepository.list() with an inline filter string and swallow every
+    // failure via a bare .catch(() => null), so a missing index rendered as an
+    // empty store tab with nothing logged (Root Cause #30's family).
+    const result = await listStoreProducts(storeId, LISTING_TYPES, searchParams ?? {}, {
+        pageSize: DEFAULT_PAGE_SIZE,
+        sorts: DEFAULT_SORT,
+    });
     return _jsx(StoreDigitalCodesListing, { storeId: storeId, initialData: result ?? undefined });
 }

package/dist/features/stores/components/StoreLiveItemsListing.js

@@ -37,6 +37,13 @@ export function StoreLiveItemsListing({ storeId, initialData }) {
         perPage: table.getNumber("pageSize", 24),
         storeId: storeId || undefined,
         listingType: "live",
+        // Per-type facets — declared in FILTER_KEYS (so they counted toward the
+        // filter badge) and rendered in the drawer, but never sent until 2026-08-21.
+        typeFacets: {
+            [TABLE_KEYS.SPECIES]: table.get(TABLE_KEYS.SPECIES),
+            [TABLE_KEYS.LIVE_SEX]: table.get(TABLE_KEYS.LIVE_SEX),
+            [TABLE_KEYS.JURISDICTION]: table.get(TABLE_KEYS.JURISDICTION),
+        },
     };
     const { products, totalPages, page, isLoading } = useProducts(params, { initialData });
     const gridClass = "grid grid-cols-2 sm:grid-cols-3 lg:grid-cols-4 gap-[var(--appkit-space-4)]";

package/dist/features/stores/components/StoreLiveItemsPageView.d.ts

@@ -1,5 +1,8 @@
 import React from "react";
+type SearchParams = Record<string, string | string[]>;
 export interface StoreLiveItemsPageViewProps {
     storeSlug: string;
+    searchParams?: SearchParams;
 }
-export declare function StoreLiveItemsPageView({ storeSlug }: StoreLiveItemsPageViewProps): Promise<React.JSX.Element | null>;
+export declare function StoreLiveItemsPageView({ storeSlug, searchParams }: StoreLiveItemsPageViewProps): Promise<React.JSX.Element | null>;
+export {};

package/dist/features/stores/components/StoreLiveItemsPageView.js

@@ -1,20 +1,24 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { sieveFilter, sieveAnd, SIEVE_OP, sortBy, PRODUCT_FIELDS } from "@mohasinac/appkit";
-import { productRepository } from "../../../repositories";
+import { PRODUCT_FIELDS } from "../../../constants/field-names";
+import { sortBy } from "../../../constants/sort";
+import { listStoreProducts } from "../../../_internal/server/features/products/list-public";
 import { getStoreBySlug } from "./StoreDetailLayoutView";
 import { StoreLiveItemsListing } from "./StoreLiveItemsListing";
-export async function StoreLiveItemsPageView({ storeSlug }) {
+const LISTING_TYPES = ["live"];
+const DEFAULT_PAGE_SIZE = 24;
+const DEFAULT_SORT = sortBy(PRODUCT_FIELDS.CREATED_AT);
+export async function StoreLiveItemsPageView({ storeSlug, searchParams }) {
     const store = await getStoreBySlug(storeSlug);
     const storeId = store?.id;
-    if (!storeId)
+    if (typeof storeId !== "string" || !storeId)
         return null;
-    const result = await productRepository
-        .list({
-        filters: sieveAnd(sieveFilter("storeId", SIEVE_OP.EQ, storeId), sieveFilter("status", SIEVE_OP.EQ, "published"), sieveFilter("listingType", SIEVE_OP.EQ, "live")),
-        sorts: sortBy(PRODUCT_FIELDS.CREATED_AT),
-        page: 1,
-        pageSize: 24,
-    })
-        .catch(() => null);
+    // Shared query — see listStoreProducts. This view used to call
+    // productRepository.list() with an inline filter string and swallow every
+    // failure via a bare .catch(() => null), so a missing index rendered as an
+    // empty store tab with nothing logged (Root Cause #30's family).
+    const result = await listStoreProducts(storeId, LISTING_TYPES, searchParams ?? {}, {
+        pageSize: DEFAULT_PAGE_SIZE,
+        sorts: DEFAULT_SORT,
+    });
     return _jsx(StoreLiveItemsListing, { storeId: storeId, initialData: result ?? undefined });
 }

package/dist/features/stores/components/StorePreOrdersListing.js

@@ -8,19 +8,14 @@ import { Div, FilterDrawer, ListingToolbar, Pagination, Row, Stack, Text, Sticky
 import { MarketplacePreorderCard } from "../../pre-orders/components/MarketplacePreorderCard";
 import { ProductFilters } from "../../products/components/ProductFilters";
 import { ROUTES } from "../../../next";
-import { PRODUCT_FIELDS } from "../../../constants/field-names";
-import { sortBy } from "../../../constants/sort";
+import { PREORDER_PUBLIC_SORT_OPTIONS } from "../../products/constants/sieve";
 const __P = {
     p3: "p-[var(--appkit-space-3)]",
 };
-const DEFAULT_SORT = sortBy(PRODUCT_FIELDS.CREATED_AT);
-const PREORDER_SORT_OPTIONS = [
-    { value: sortBy(PRODUCT_FIELDS.CREATED_AT), label: "Newest First" },
-    { value: sortBy(PRODUCT_FIELDS.CREATED_AT, "ASC"), label: "Oldest First" },
-    { value: sortBy(PRODUCT_FIELDS.PRE_ORDER_DELIVERY_DATE, "ASC"), label: "Delivery Soon" },
-    { value: sortBy(PRODUCT_FIELDS.PRICE, "ASC"), label: "Price: Low to High" },
-    { value: sortBy(PRODUCT_FIELDS.PRICE), label: "Price: High to Low" },
-];
+// Shared with /pre-orders. The local copy also defaulted to -createdAt,
+// so a store tab opened Newest-first while the public page opened
+// Earliest-Delivery-first for the same data.
+const DEFAULT_SORT = PREORDER_PUBLIC_SORT_OPTIONS[0].value;
 const FILTER_KEYS = ["minPrice", "maxPrice"];
 export function StorePreOrdersListing({ storeId, initialData }) {
     const table = useUrlTable({ defaults: { pageSize: "24", sort: DEFAULT_SORT } });
@@ -59,7 +54,7 @@ export function StorePreOrdersListing({ storeId, initialData }) {
         table.set("q", searchInput.trim());
     }, [searchInput, table]);
     const gridClass = "grid grid-cols-2 sm:grid-cols-3 lg:grid-cols-4 xl:grid-cols-5 gap-[var(--appkit-space-4)]";
-    return (_jsxs(Div, { className: "min-h-[200px]", children: [_jsx(ListingToolbar, { filterCount: filterActiveCount, onFiltersClick: openFilters, searchValue: searchInput, searchPlaceholder: "Search store pre-orders...", onSearchChange: setSearchInput, onSearchCommit: commitSearch, sortValue: table.get("sort") || DEFAULT_SORT, sortOptions: PREORDER_SORT_OPTIONS, onSortChange: (v) => {
+    return (_jsxs(Div, { className: "min-h-[200px]", children: [_jsx(ListingToolbar, { filterCount: filterActiveCount, onFiltersClick: openFilters, searchValue: searchInput, searchPlaceholder: "Search store pre-orders...", onSearchChange: setSearchInput, onSearchCommit: commitSearch, sortValue: table.get("sort") || DEFAULT_SORT, sortOptions: PREORDER_PUBLIC_SORT_OPTIONS, onSortChange: (v) => {
                     table.set("sort", v);
                 }, view: view, onViewChange: (v) => {
                     if (v === "table")

package/dist/features/stores/components/StorePreOrdersPageView.d.ts

@@ -1,5 +1,8 @@
 import React from "react";
+type SearchParams = Record<string, string | string[]>;
 export interface StorePreOrdersPageViewProps {
     storeSlug: string;
+    searchParams?: SearchParams;
 }
-export declare function StorePreOrdersPageView({ storeSlug }: StorePreOrdersPageViewProps): Promise<React.JSX.Element | null>;
+export declare function StorePreOrdersPageView({ storeSlug, searchParams }: StorePreOrdersPageViewProps): Promise<React.JSX.Element | null>;
+export {};

package/dist/features/stores/components/StorePreOrdersPageView.js

@@ -1,24 +1,24 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { sieveFilter, sieveAnd, SIEVE_OP } from "@mohasinac/appkit";
-import { sortBy } from "@mohasinac/appkit";
-import { productRepository } from "../../../repositories";
+import { PRODUCT_FIELDS } from "../../../constants/field-names";
+import { sortBy } from "../../../constants/sort";
+import { listStoreProducts } from "../../../_internal/server/features/products/list-public";
 import { getStoreBySlug } from "./StoreDetailLayoutView";
 import { StorePreOrdersListing } from "./StorePreOrdersListing";
-export async function StorePreOrdersPageView({ storeSlug }) {
+const LISTING_TYPES = ["pre-order"];
+const DEFAULT_PAGE_SIZE = 24;
+const DEFAULT_SORT = sortBy(PRODUCT_FIELDS.PRE_ORDER_DELIVERY_DATE, "ASC");
+export async function StorePreOrdersPageView({ storeSlug, searchParams }) {
     const store = await getStoreBySlug(storeSlug);
     const storeId = store?.id;
-    const result = storeId
-        ? await productRepository
-            .list({
-            filters: sieveAnd(sieveFilter("storeId", SIEVE_OP.EQ, storeId), sieveFilter("status", SIEVE_OP.EQ, "published"), sieveFilter("listingType", SIEVE_OP.EQ, "pre-order")),
-            sorts: sortBy("createdAt", "DESC"),
-            page: 1,
-            pageSize: 24,
-        })
-            .catch(() => null)
-        : null;
-    if (!storeId) {
+    if (typeof storeId !== "string" || !storeId)
         return null;
-    }
-    return (_jsx(StorePreOrdersListing, { storeId: storeId, initialData: result ?? undefined }));
+    // Shared query — see listStoreProducts. This view used to call
+    // productRepository.list() with an inline filter string and swallow every
+    // failure via a bare .catch(() => null), so a missing index rendered as an
+    // empty store tab with nothing logged (Root Cause #30's family).
+    const result = await listStoreProducts(storeId, LISTING_TYPES, searchParams ?? {}, {
+        pageSize: DEFAULT_PAGE_SIZE,
+        sorts: DEFAULT_SORT,
+    });
+    return _jsx(StorePreOrdersListing, { storeId: storeId, initialData: result ?? undefined });
 }

package/dist/features/stores/components/StorePrizeDrawsPageView.d.ts

@@ -1,12 +1,8 @@
 import React from "react";
+type SearchParams = Record<string, string | string[]>;
 export interface StorePrizeDrawsPageViewProps {
     storeSlug: string;
+    searchParams?: SearchParams;
 }
-/**
- * Public store → Prize Draws tab (SB7-D).
- *
- * Server-fetches the seller's prize-draw products and hands them to the
- * client `PrizeDrawsIndexListing` scoped to this store. Mirrors the
- * StorePreOrdersPageView pattern.
- */
-export declare function StorePrizeDrawsPageView({ storeSlug, }: StorePrizeDrawsPageViewProps): Promise<React.JSX.Element | null>;
+export declare function StorePrizeDrawsPageView({ storeSlug, searchParams }: StorePrizeDrawsPageViewProps): Promise<React.JSX.Element | null>;
+export {};

package/dist/features/stores/components/StorePrizeDrawsPageView.js

@@ -1,29 +1,24 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { sieveFilter, sieveAnd, SIEVE_OP } from "@mohasinac/appkit";
-import { sortBy } from "@mohasinac/appkit";
-import { productRepository } from "../../../repositories";
+import { PRODUCT_FIELDS } from "../../../constants/field-names";
+import { sortBy } from "../../../constants/sort";
+import { listStoreProducts } from "../../../_internal/server/features/products/list-public";
 import { getStoreBySlug } from "./StoreDetailLayoutView";
 import { PrizeDrawsIndexListing } from "../../products/components/PrizeDrawsIndexListing";
-/**
- * Public store → Prize Draws tab (SB7-D).
- *
- * Server-fetches the seller's prize-draw products and hands them to the
- * client `PrizeDrawsIndexListing` scoped to this store. Mirrors the
- * StorePreOrdersPageView pattern.
- */
-export async function StorePrizeDrawsPageView({ storeSlug, }) {
+const LISTING_TYPES = ["prize-draw"];
+const DEFAULT_PAGE_SIZE = 24;
+const DEFAULT_SORT = sortBy(PRODUCT_FIELDS.CREATED_AT);
+export async function StorePrizeDrawsPageView({ storeSlug, searchParams }) {
     const store = await getStoreBySlug(storeSlug);
     const storeId = store?.id;
-    if (!storeId) {
+    if (typeof storeId !== "string" || !storeId)
         return null;
-    }
-    const result = await productRepository
-        .list({
-        filters: sieveAnd(sieveFilter("storeId", SIEVE_OP.EQ, storeId), sieveFilter("status", SIEVE_OP.EQ, "published"), sieveFilter("listingType", SIEVE_OP.EQ, "prize-draw")),
-        sorts: sortBy("createdAt", "DESC"),
-        page: 1,
-        pageSize: 24,
-    })
-        .catch(() => null);
-    return (_jsx(PrizeDrawsIndexListing, { storeId: storeId, initialData: result ?? undefined }));
+    // Shared query — see listStoreProducts. This view used to call
+    // productRepository.list() with an inline filter string and swallow every
+    // failure via a bare .catch(() => null), so a missing index rendered as an
+    // empty store tab with nothing logged (Root Cause #30's family).
+    const result = await listStoreProducts(storeId, LISTING_TYPES, searchParams ?? {}, {
+        pageSize: DEFAULT_PAGE_SIZE,
+        sorts: DEFAULT_SORT,
+    });
+    return _jsx(PrizeDrawsIndexListing, { storeId: storeId, initialData: result ?? undefined });
 }

package/dist/features/stores/components/StoreProductsListing.d.ts

@@ -2,6 +2,12 @@ import React from "react";
 export interface StoreProductsListingProps {
     /** Store document ID — used for filtering */
     storeId?: string;
+    /**
+     * Listing types this tab spans. Defaults to `["standard"]`. The combined
+     * Art & Stickers store tab passes both of its types so it renders real
+     * content instead of the standard-only set it used to land on.
+     */
+    listingTypes?: readonly string[];
     initialData?: any;
 }
-export declare function StoreProductsListing({ storeId, initialData }: StoreProductsListingProps): React.JSX.Element;
+export declare function StoreProductsListing({ storeId, listingTypes, initialData }: StoreProductsListingProps): React.JSX.Element;