@mohasinac/appkit 3.0.4 → 3.1.0

package/dist/features/store-extensions/schemas/firestore.d.ts

@@ -1,4 +1,5 @@
 import type { FirestoreDocument } from "@mohasinac/appkit";
+import type { BaseDocument } from "../../../_internal/shared/types/base-document";
 /**
  * S-STORE Extensions — Firestore Document Types
  *
@@ -20,8 +21,7 @@ import type { FirestoreDocument } from "@mohasinac/appkit";
  *  11. storeGoogleConfig     — per-store Google Business reviews integration
  */
 export type PayoutMethodType = "upi" | "bank" | "card" | "other";
-export interface PayoutMethodDocument {
-    id: string;
+export interface PayoutMethodDocument extends BaseDocument {
     sellerId: string;
     storeId: string;
     type: PayoutMethodType;
@@ -34,15 +34,12 @@ export interface PayoutMethodDocument {
     accountHolderName?: string;
     bankName?: string;
     details?: Record<string, string>;
-    createdAt: Date;
-    updatedAt: Date;
 }
 export declare const PAYOUT_METHODS_COLLECTION: "payoutMethods";
 export declare const PAYOUT_METHOD_INDEXED_FIELDS: readonly ["sellerId", "storeId", "type", "isDefault", "isActive", "createdAt"];
 export declare const DEFAULT_PAYOUT_METHOD_DATA: Partial<PayoutMethodDocument>;
 export type ShippingMethod = "free" | "flat" | "weight" | "express" | "pickup" | "custom";
-export interface ShippingConfigDocument {
-    id: string;
+export interface ShippingConfigDocument extends BaseDocument {
     storeId: string;
     label: string;
     method: ShippingMethod;
@@ -54,16 +51,13 @@ export interface ShippingConfigDocument {
     expressSurchargeInPaise?: number;
     estimatedDays?: number;
     zones?: string[];
-    createdAt: Date;
-    updatedAt: Date;
 }
 export declare const SHIPPING_CONFIGS_COLLECTION: "shippingConfigs";
 export declare const SHIPPING_CONFIG_INDEXED_FIELDS: readonly ["storeId", "method", "isDefault", "isActive", "createdAt"];
 export declare const DEFAULT_SHIPPING_CONFIG_DATA: Partial<ShippingConfigDocument>;
 export type AnalyticsScope = "seller" | "admin";
 export type AnalyticsCardType = "metric" | "line" | "bar" | "pie" | "table" | "custom";
-export interface AnalyticsCardDocument {
-    id: string;
+export interface AnalyticsCardDocument extends BaseDocument {
     scope: AnalyticsScope;
     ownerId: string;
     title: string;
@@ -73,15 +67,12 @@ export interface AnalyticsCardDocument {
     position: number;
     isBuiltIn: boolean;
     isVisible: boolean;
-    createdAt: Date;
-    updatedAt: Date;
 }
 export declare const ANALYTICS_CARDS_COLLECTION: "analyticsCards";
 export declare const ANALYTICS_CARD_INDEXED_FIELDS: readonly ["scope", "ownerId", "isVisible", "position", "createdAt"];
 export declare const DEFAULT_ANALYTICS_CARD_DATA: Partial<AnalyticsCardDocument>;
 export type AlertOperator = ">" | "<" | ">=" | "<=" | "==" | "!=";
-export interface AnalyticsAlertDocument {
-    id: string;
+export interface AnalyticsAlertDocument extends BaseDocument {
     scope: AnalyticsScope;
     ownerId: string;
     label: string;
@@ -92,14 +83,11 @@ export interface AnalyticsAlertDocument {
     isActive: boolean;
     notifyChannels: Array<"in-app" | "email" | "whatsapp">;
     lastTriggeredAt?: Date;
-    createdAt: Date;
-    updatedAt: Date;
 }
 export declare const ANALYTICS_ALERTS_COLLECTION: "analyticsAlerts";
 export declare const ANALYTICS_ALERT_INDEXED_FIELDS: readonly ["scope", "ownerId", "isActive", "metric", "createdAt"];
 export declare const DEFAULT_ANALYTICS_ALERT_DATA: Partial<AnalyticsAlertDocument>;
-export interface StoreCategoryDocument {
-    id: string;
+export interface StoreCategoryDocument extends BaseDocument {
     storeId: string;
     label: string;
     slug: string;
@@ -108,15 +96,12 @@ export interface StoreCategoryDocument {
     isActive: boolean;
     description?: string;
     coverImageUrl?: string;
-    createdAt: Date;
-    updatedAt: Date;
 }
 export declare const STORE_CATEGORIES_COLLECTION: "storeCategories";
 export declare const STORE_CATEGORY_INDEXED_FIELDS: readonly ["storeId", "slug", "isActive", "displayOrder", "createdAt"];
 export declare const DEFAULT_STORE_CATEGORY_DATA: Partial<StoreCategoryDocument>;
 export type ListingTemplateType = "standard" | "auction" | "pre-order" | "prize-draw" | "bundle" | "classified" | "digital-code" | "live";
-export interface ListingTemplateDocument {
-    id: string;
+export interface ListingTemplateDocument extends BaseDocument {
     storeId: string;
     ownerId: string;
     name: string;
@@ -127,16 +112,13 @@ export interface ListingTemplateDocument {
     isShared: boolean;
     isActive: boolean;
     usageCount: number;
-    createdAt: Date;
-    updatedAt: Date;
 }
 export declare const LISTING_TEMPLATES_COLLECTION: "listingTemplates";
 export declare const LISTING_TEMPLATE_INDEXED_FIELDS: readonly ["storeId", "ownerId", "listingType", "isShared", "isActive", "createdAt"];
 export declare const DEFAULT_LISTING_TEMPLATE_DATA: Partial<ListingTemplateDocument>;
 export type ModerationStatus = "pending" | "approved" | "rejected" | "auto-approved";
 export type ModerationMediaType = "video" | "image" | "rich-text";
-export interface ModerationQueueDocument {
-    id: string;
+export interface ModerationQueueDocument extends BaseDocument {
     mediaType: ModerationMediaType;
     mediaUrl?: string;
     thumbnailUrl?: string;
@@ -149,8 +131,6 @@ export interface ModerationQueueDocument {
     reviewerId?: string;
     reviewedAt?: Date;
     submittedAt: Date;
-    createdAt: Date;
-    updatedAt: Date;
 }
 export declare const MODERATION_QUEUE_COLLECTION: "moderationQueue";
 export declare const MODERATION_QUEUE_INDEXED_FIELDS: readonly ["status", "mediaType", "entityType", "entityId", "storeId", "ownerId", "submittedAt", "createdAt"];
@@ -158,8 +138,7 @@ export declare const DEFAULT_MODERATION_QUEUE_DATA: Partial<ModerationQueueDocum
 export type ReportEntityType = "product" | "store" | "review" | "event" | "user" | "blog" | "comment";
 export type ReportStatus = "pending" | "under-review" | "actioned" | "dismissed";
 export type ReportReason = "scam" | "counterfeit" | "prohibited" | "inappropriate" | "harassment" | "spam" | "ip-violation" | "other";
-export interface ReportDocument {
-    id: string;
+export interface ReportDocument extends BaseDocument {
     entityType: ReportEntityType;
     entityId: string;
     reporterId: string;
@@ -171,8 +150,6 @@ export interface ReportDocument {
     assignedTo?: string;
     resolution?: string;
     resolvedAt?: Date;
-    createdAt: Date;
-    updatedAt: Date;
 }
 export declare const REPORTS_COLLECTION: "reports";
 export declare const REPORT_INDEXED_FIELDS: readonly ["entityType", "entityId", "reporterId", "reason", "status", "createdAt"];
@@ -186,8 +163,7 @@ export interface ItemRequestReply {
     isOpInitiatedThread: boolean;
     createdAt: Date;
 }
-export interface ItemRequestDocument {
-    id: string;
+export interface ItemRequestDocument extends BaseDocument {
     opUserId: string;
     opDisplayName: string;
     title: string;
@@ -203,14 +179,11 @@ export interface ItemRequestDocument {
     approvedAt?: Date;
     approvedBy?: string;
     closedAt?: Date;
-    createdAt: Date;
-    updatedAt: Date;
 }
 export declare const ITEM_REQUESTS_COLLECTION: "itemRequests";
 export declare const ITEM_REQUEST_INDEXED_FIELDS: readonly ["opUserId", "status", "category", "createdAt"];
 export declare const DEFAULT_ITEM_REQUEST_DATA: Partial<ItemRequestDocument>;
-export interface StoreWhatsAppConfigDocument {
-    id: string;
+export interface StoreWhatsAppConfigDocument extends BaseDocument {
     storeId: string;
     isConnected: boolean;
     isPaid: boolean;
@@ -221,14 +194,11 @@ export interface StoreWhatsAppConfigDocument {
     welcomeMessage?: string;
     /** Status of pending WhatsApp Business onboarding (Meta Cloud API). */
     onboardingStatus?: "pending" | "approved" | "rejected";
-    createdAt: Date;
-    updatedAt: Date;
 }
 export declare const STORE_WHATSAPP_CONFIG_COLLECTION: "storeWhatsAppConfig";
 export declare const STORE_WHATSAPP_CONFIG_INDEXED_FIELDS: readonly ["storeId", "isConnected", "isPaid"];
 export declare const DEFAULT_STORE_WHATSAPP_CONFIG_DATA: Partial<StoreWhatsAppConfigDocument>;
-export interface StoreGoogleConfigDocument {
-    id: string;
+export interface StoreGoogleConfigDocument extends BaseDocument {
     storeId: string;
     isConnected: boolean;
     placeId?: string;
@@ -237,8 +207,6 @@ export interface StoreGoogleConfigDocument {
     totalReviews?: number;
     lastSyncedAt?: Date;
     oauthRefreshToken?: string;
-    createdAt: Date;
-    updatedAt: Date;
 }
 export declare const STORE_GOOGLE_CONFIG_COLLECTION: "storeGoogleConfig";
 export declare const STORE_GOOGLE_CONFIG_INDEXED_FIELDS: readonly ["storeId", "isConnected"];

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

@@ -0,0 +1,5 @@
+export interface StoreClassifiedsListingProps {
+    storeId?: string;
+    initialData?: any;
+}
+export declare function StoreClassifiedsListing({ storeId, initialData }: StoreClassifiedsListingProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,48 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useCallback } from "react";
+import { useUrlTable } from "../../../react/hooks/useUrlTable";
+import { usePendingTable } from "../../../react/hooks/usePendingTable";
+import { useProducts } from "../../products/hooks/useProducts";
+import { Div, FilterDrawer, ListingToolbar, Pagination, Row, Text } from "../../../ui";
+import { ClassifiedFilters } from "../../classified/components/ClassifiedFilters";
+import { InteractiveProductCard } from "../../products/components/InteractiveProductCard";
+import { PRODUCT_FIELDS } from "../../../constants/field-names";
+import { TABLE_KEYS } from "../../../constants/table-keys";
+import { sortBy } from "../../../constants/sort";
+import { ROUTES } from "../../../next";
+const DEFAULT_SORT = sortBy(PRODUCT_FIELDS.CREATED_AT);
+const 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.PRICE, "ASC"), label: "Price: Low to High" },
+    { value: sortBy(PRODUCT_FIELDS.PRICE), label: "Price: High to Low" },
+];
+const FILTER_KEYS = [TABLE_KEYS.MIN_PRICE, TABLE_KEYS.MAX_PRICE, TABLE_KEYS.NEGOTIABLE, TABLE_KEYS.ACCEPTS_SHIPPING];
+export function StoreClassifiedsListing({ storeId, initialData }) {
+    const table = useUrlTable({ defaults: { pageSize: "24", sort: DEFAULT_SORT } });
+    const [searchInput, setSearchInput] = useState(table.get("q") || "");
+    const [filterOpen, setFilterOpen] = useState(false);
+    const { pendingTable, filterActiveCount, onFilterApply, onFilterClear, onResetAll, onFilterReset } = usePendingTable(table, FILTER_KEYS);
+    const openFilters = useCallback(() => { onFilterReset(); setFilterOpen(true); }, [onFilterReset]);
+    const applyFilters = useCallback(() => { onFilterApply(); setFilterOpen(false); }, [onFilterApply]);
+    const resetAll = useCallback(() => { onResetAll({ q: "", sort: "" }); setSearchInput(""); }, [onResetAll]);
+    const hasActiveState = !!table.get("q") || table.get("sort") !== DEFAULT_SORT || filterActiveCount > 0;
+    const params = {
+        q: table.get("q") || undefined,
+        minPrice: table.get(TABLE_KEYS.MIN_PRICE) ? Number(table.get(TABLE_KEYS.MIN_PRICE)) : undefined,
+        maxPrice: table.get(TABLE_KEYS.MAX_PRICE) ? Number(table.get(TABLE_KEYS.MAX_PRICE)) : undefined,
+        sort: table.get("sort") || DEFAULT_SORT,
+        page: table.getNumber("page", 1),
+        perPage: table.getNumber("pageSize", 24),
+        storeId: storeId || undefined,
+        listingType: "classified",
+    };
+    const { products, totalPages, page, isLoading } = useProducts(params, { initialData });
+    const gridClass = "grid grid-cols-2 sm:grid-cols-3 lg:grid-cols-4 gap-4";
+    return (_jsxs(Div, { className: "min-h-[200px]", children: [_jsx(ListingToolbar, { filterCount: filterActiveCount, onFiltersClick: openFilters, searchValue: searchInput, searchPlaceholder: "Search store classifieds\u2026", onSearchChange: setSearchInput, onSearchCommit: () => table.set("q", searchInput.trim()), sortValue: table.get("sort") || DEFAULT_SORT, sortOptions: SORT_OPTIONS, onSortChange: (v) => table.set("sort", v), onResetAll: resetAll, hasActiveState: hasActiveState }), totalPages > 1 && (_jsx(Row, { border: "bottom", className: "sticky top-[calc(var(--header-height,0px)+44px)] z-10 backdrop-blur-sm", surface: "default", padding: "toolbar", justify: "center", children: _jsx(Pagination, { currentPage: page, totalPages: totalPages, onPageChange: (p) => table.setPage(p) }) })), _jsx(Div, { padding: "y-lg", children: _jsx(Div, { className: gridClass, children: isLoading
+                        ? Array.from({ length: 8 }).map((_, i) => _jsx(Div, { surface: "muted", rounded: "xl", className: "aspect-square animate-pulse" }, i))
+                        : products.length === 0
+                            ? _jsx(Div, { paddingY: "y-4xl", className: "col-span-full text-center", children: _jsx(Text, { color: "muted", children: "No classified listings in this store yet." }) })
+                            : products.map((p) => (_jsx(InteractiveProductCard, { product: p, href: String(ROUTES.PUBLIC.CLASSIFIED_DETAIL(p.slug ?? p.id)) }, p.id))) }) }), _jsx(FilterDrawer, { open: filterOpen, onOpen: openFilters, onClose: () => setFilterOpen(false), onApply: applyFilters, onReset: onFilterClear, activeCount: filterActiveCount, hideTrigger: true, children: _jsx(ClassifiedFilters, { table: pendingTable, currencyPrefix: "\u20B9" }) })] }));
+}

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

@@ -0,0 +1,4 @@
+export interface StoreClassifiedsPageViewProps {
+    storeSlug: string;
+}
+export declare function StoreClassifiedsPageView({ storeSlug }: StoreClassifiedsPageViewProps): Promise<import("react/jsx-runtime").JSX.Element | null>;

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

@@ -0,0 +1,20 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { sieveFilter, sieveAnd, SIEVE_OP, sortBy, PRODUCT_FIELDS } from "@mohasinac/appkit";
+import { productRepository } from "../../../repositories";
+import { getStoreBySlug } from "./StoreDetailLayoutView";
+import { StoreClassifiedsListing } from "./StoreClassifiedsListing";
+export async function StoreClassifiedsPageView({ storeSlug }) {
+    const store = await getStoreBySlug(storeSlug);
+    const storeId = store?.id;
+    if (!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);
+    return _jsx(StoreClassifiedsListing, { storeId: storeId, initialData: result ?? undefined });
+}

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

@@ -14,6 +14,9 @@ const STORE_LISTING_HREF = {
     "pre-orders": (slug) => String(ROUTES.PUBLIC.STORE_PRE_ORDERS(slug)),
     "prize-draws": (slug) => String(ROUTES.PUBLIC.STORE_PRIZE_DRAWS(slug)),
     bundles: (slug) => String(ROUTES.PUBLIC.STORE_BUNDLES(slug)),
+    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)),
 };
 export const getStoreBySlug = cache((slug) => storeRepository.findBySlug(slug).catch(() => undefined));
 function tabLabel(base, count) {
@@ -28,7 +31,7 @@ export async function StoreDetailLayoutView({ storeSlug, activeTab, children, })
     }
     const storeId = store?.id;
     const settings = await siteSettingsRepository.findById("global").catch(() => null);
-    const [productsCount, auctionsCount, preOrdersCount, prizeDrawsCount, bundlesCount, couponsCount, reviewsCount] = storeId
+    const [productsCount, auctionsCount, preOrdersCount, prizeDrawsCount, bundlesCount, classifiedsCount, digitalCodesCount, liveCount, couponsCount, reviewsCount] = storeId
         ? await Promise.all([
             productRepository
                 .list({ filters: sieveAnd(sieveFilter("storeId", SIEVE_OP.EQ, storeId), sieveFilter("status", SIEVE_OP.EQ, "published"), sieveFilter("listingType", SIEVE_OP.EQ, "standard")), page: 1, pageSize: 1 })
@@ -52,6 +55,18 @@ export async function StoreDetailLayoutView({ storeSlug, activeTab, children, })
                 .listByType("bundle", { activeOnly: true, limit: 100 })
                 .then((rows) => rows.filter((c) => c.createdByStoreId === storeId).length)
                 .catch(() => 0),
+            productRepository
+                .list({ filters: sieveAnd(sieveFilter("storeId", SIEVE_OP.EQ, storeId), sieveFilter("status", SIEVE_OP.EQ, "published"), sieveFilter("listingType", SIEVE_OP.EQ, "classified")), page: 1, pageSize: 1 })
+                .then((r) => r.total)
+                .catch(() => 0),
+            productRepository
+                .list({ filters: sieveAnd(sieveFilter("storeId", SIEVE_OP.EQ, storeId), sieveFilter("status", SIEVE_OP.EQ, "published"), sieveFilter("listingType", SIEVE_OP.EQ, "digital-code")), page: 1, pageSize: 1 })
+                .then((r) => r.total)
+                .catch(() => 0),
+            productRepository
+                .list({ filters: sieveAnd(sieveFilter("storeId", SIEVE_OP.EQ, storeId), sieveFilter("status", SIEVE_OP.EQ, "published"), sieveFilter("listingType", SIEVE_OP.EQ, "live")), page: 1, pageSize: 1 })
+                .then((r) => r.total)
+                .catch(() => 0),
             couponsRepository
                 .list({ filters: sieveAnd(sieveFilter("sellerId", SIEVE_OP.EQ, storeId), sieveFilter("validity.isActive", SIEVE_OP.EQ, "true")), page: 1, pageSize: 1 })
                 .then((r) => r.total)
@@ -61,19 +76,25 @@ export async function StoreDetailLayoutView({ storeSlug, activeTab, children, })
                 .then((r) => r.total)
                 .catch(() => 0),
         ])
-        : [0, 0, 0, 0, 0, 0, 0];
+        : [0, 0, 0, 0, 0, 0, 0, 0, 0, 0];
     const listingCounts = {
         products: productsCount,
         auctions: auctionsCount,
         "pre-orders": preOrdersCount,
         "prize-draws": prizeDrawsCount,
         bundles: bundlesCount,
+        classifieds: classifiedsCount,
+        "digital-codes": digitalCodesCount,
+        live: liveCount,
     };
     const TAB_LISTING_TYPE = {
         products: "standard",
         auctions: "auction",
         "pre-orders": "pre-order",
         "prize-draws": "prize-draw",
+        classifieds: "classified",
+        "digital-codes": "digital-code",
+        live: "live",
     };
     const visibleStoreTabs = STORE_PAGE_TABS.filter((tab) => {
         if (tab.id === "bundles")

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

@@ -0,0 +1,5 @@
+export interface StoreDigitalCodesListingProps {
+    storeId?: string;
+    initialData?: any;
+}
+export declare function StoreDigitalCodesListing({ storeId, initialData }: StoreDigitalCodesListingProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,48 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useCallback } from "react";
+import { useUrlTable } from "../../../react/hooks/useUrlTable";
+import { usePendingTable } from "../../../react/hooks/usePendingTable";
+import { useProducts } from "../../products/hooks/useProducts";
+import { Div, FilterDrawer, ListingToolbar, Pagination, Row, Text } from "../../../ui";
+import { DigitalCodeFilters } from "../../digital-codes/components/DigitalCodeFilters";
+import { InteractiveProductCard } from "../../products/components/InteractiveProductCard";
+import { PRODUCT_FIELDS } from "../../../constants/field-names";
+import { TABLE_KEYS } from "../../../constants/table-keys";
+import { sortBy } from "../../../constants/sort";
+import { ROUTES } from "../../../next";
+const DEFAULT_SORT = sortBy(PRODUCT_FIELDS.CREATED_AT);
+const 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.PRICE, "ASC"), label: "Price: Low to High" },
+    { value: sortBy(PRODUCT_FIELDS.PRICE), label: "Price: High to Low" },
+];
+const FILTER_KEYS = [TABLE_KEYS.MIN_PRICE, TABLE_KEYS.MAX_PRICE];
+export function StoreDigitalCodesListing({ storeId, initialData }) {
+    const table = useUrlTable({ defaults: { pageSize: "24", sort: DEFAULT_SORT } });
+    const [searchInput, setSearchInput] = useState(table.get("q") || "");
+    const [filterOpen, setFilterOpen] = useState(false);
+    const { pendingTable, filterActiveCount, onFilterApply, onFilterClear, onResetAll, onFilterReset } = usePendingTable(table, FILTER_KEYS);
+    const openFilters = useCallback(() => { onFilterReset(); setFilterOpen(true); }, [onFilterReset]);
+    const applyFilters = useCallback(() => { onFilterApply(); setFilterOpen(false); }, [onFilterApply]);
+    const resetAll = useCallback(() => { onResetAll({ q: "", sort: "" }); setSearchInput(""); }, [onResetAll]);
+    const hasActiveState = !!table.get("q") || table.get("sort") !== DEFAULT_SORT || filterActiveCount > 0;
+    const params = {
+        q: table.get("q") || undefined,
+        minPrice: table.get(TABLE_KEYS.MIN_PRICE) ? Number(table.get(TABLE_KEYS.MIN_PRICE)) : undefined,
+        maxPrice: table.get(TABLE_KEYS.MAX_PRICE) ? Number(table.get(TABLE_KEYS.MAX_PRICE)) : undefined,
+        sort: table.get("sort") || DEFAULT_SORT,
+        page: table.getNumber("page", 1),
+        perPage: table.getNumber("pageSize", 24),
+        storeId: storeId || undefined,
+        listingType: "digital-code",
+    };
+    const { products, totalPages, page, isLoading } = useProducts(params, { initialData });
+    const gridClass = "grid grid-cols-2 sm:grid-cols-3 lg:grid-cols-4 gap-4";
+    return (_jsxs(Div, { className: "min-h-[200px]", children: [_jsx(ListingToolbar, { filterCount: filterActiveCount, onFiltersClick: openFilters, searchValue: searchInput, searchPlaceholder: "Search digital codes\u2026", onSearchChange: setSearchInput, onSearchCommit: () => table.set("q", searchInput.trim()), sortValue: table.get("sort") || DEFAULT_SORT, sortOptions: SORT_OPTIONS, onSortChange: (v) => table.set("sort", v), onResetAll: resetAll, hasActiveState: hasActiveState }), totalPages > 1 && (_jsx(Row, { border: "bottom", className: "sticky top-[calc(var(--header-height,0px)+44px)] z-10 backdrop-blur-sm", surface: "default", padding: "toolbar", justify: "center", children: _jsx(Pagination, { currentPage: page, totalPages: totalPages, onPageChange: (p) => table.setPage(p) }) })), _jsx(Div, { padding: "y-lg", children: _jsx(Div, { className: gridClass, children: isLoading
+                        ? Array.from({ length: 8 }).map((_, i) => _jsx(Div, { surface: "muted", rounded: "xl", className: "aspect-square animate-pulse" }, i))
+                        : products.length === 0
+                            ? _jsx(Div, { paddingY: "y-4xl", className: "col-span-full text-center", children: _jsx(Text, { color: "muted", children: "No digital codes in this store yet." }) })
+                            : products.map((p) => (_jsx(InteractiveProductCard, { product: p, href: String(ROUTES.PUBLIC.DIGITAL_CODE_DETAIL(p.slug ?? p.id)) }, p.id))) }) }), _jsx(FilterDrawer, { open: filterOpen, onOpen: openFilters, onClose: () => setFilterOpen(false), onApply: applyFilters, onReset: onFilterClear, activeCount: filterActiveCount, hideTrigger: true, children: _jsx(DigitalCodeFilters, { table: pendingTable, currencyPrefix: "\u20B9" }) })] }));
+}

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

@@ -0,0 +1,4 @@
+export interface StoreDigitalCodesPageViewProps {
+    storeSlug: string;
+}
+export declare function StoreDigitalCodesPageView({ storeSlug }: StoreDigitalCodesPageViewProps): Promise<import("react/jsx-runtime").JSX.Element | null>;

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

@@ -0,0 +1,20 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { sieveFilter, sieveAnd, SIEVE_OP, sortBy, PRODUCT_FIELDS } from "@mohasinac/appkit";
+import { productRepository } from "../../../repositories";
+import { getStoreBySlug } from "./StoreDetailLayoutView";
+import { StoreDigitalCodesListing } from "./StoreDigitalCodesListing";
+export async function StoreDigitalCodesPageView({ storeSlug }) {
+    const store = await getStoreBySlug(storeSlug);
+    const storeId = store?.id;
+    if (!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);
+    return _jsx(StoreDigitalCodesListing, { storeId: storeId, initialData: result ?? undefined });
+}

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

@@ -0,0 +1,5 @@
+export interface StoreLiveItemsListingProps {
+    storeId?: string;
+    initialData?: any;
+}
+export declare function StoreLiveItemsListing({ storeId, initialData }: StoreLiveItemsListingProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,48 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useCallback } from "react";
+import { useUrlTable } from "../../../react/hooks/useUrlTable";
+import { usePendingTable } from "../../../react/hooks/usePendingTable";
+import { useProducts } from "../../products/hooks/useProducts";
+import { Div, FilterDrawer, ListingToolbar, Pagination, Row, Text } from "../../../ui";
+import { LiveItemFilters } from "../../live/components/LiveItemFilters";
+import { InteractiveProductCard } from "../../products/components/InteractiveProductCard";
+import { PRODUCT_FIELDS } from "../../../constants/field-names";
+import { TABLE_KEYS } from "../../../constants/table-keys";
+import { sortBy } from "../../../constants/sort";
+import { ROUTES } from "../../../next";
+const DEFAULT_SORT = sortBy(PRODUCT_FIELDS.CREATED_AT);
+const 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.PRICE, "ASC"), label: "Price: Low to High" },
+    { value: sortBy(PRODUCT_FIELDS.PRICE), label: "Price: High to Low" },
+];
+const FILTER_KEYS = [TABLE_KEYS.MIN_PRICE, TABLE_KEYS.MAX_PRICE, TABLE_KEYS.SPECIES, "liveSex", "liveTransportMethod", "jurisdiction"];
+export function StoreLiveItemsListing({ storeId, initialData }) {
+    const table = useUrlTable({ defaults: { pageSize: "24", sort: DEFAULT_SORT } });
+    const [searchInput, setSearchInput] = useState(table.get("q") || "");
+    const [filterOpen, setFilterOpen] = useState(false);
+    const { pendingTable, filterActiveCount, onFilterApply, onFilterClear, onResetAll, onFilterReset } = usePendingTable(table, FILTER_KEYS);
+    const openFilters = useCallback(() => { onFilterReset(); setFilterOpen(true); }, [onFilterReset]);
+    const applyFilters = useCallback(() => { onFilterApply(); setFilterOpen(false); }, [onFilterApply]);
+    const resetAll = useCallback(() => { onResetAll({ q: "", sort: "" }); setSearchInput(""); }, [onResetAll]);
+    const hasActiveState = !!table.get("q") || table.get("sort") !== DEFAULT_SORT || filterActiveCount > 0;
+    const params = {
+        q: table.get("q") || undefined,
+        minPrice: table.get(TABLE_KEYS.MIN_PRICE) ? Number(table.get(TABLE_KEYS.MIN_PRICE)) : undefined,
+        maxPrice: table.get(TABLE_KEYS.MAX_PRICE) ? Number(table.get(TABLE_KEYS.MAX_PRICE)) : undefined,
+        sort: table.get("sort") || DEFAULT_SORT,
+        page: table.getNumber("page", 1),
+        perPage: table.getNumber("pageSize", 24),
+        storeId: storeId || undefined,
+        listingType: "live",
+    };
+    const { products, totalPages, page, isLoading } = useProducts(params, { initialData });
+    const gridClass = "grid grid-cols-2 sm:grid-cols-3 lg:grid-cols-4 gap-4";
+    return (_jsxs(Div, { className: "min-h-[200px]", children: [_jsx(ListingToolbar, { filterCount: filterActiveCount, onFiltersClick: openFilters, searchValue: searchInput, searchPlaceholder: "Search live animals & plants\u2026", onSearchChange: setSearchInput, onSearchCommit: () => table.set("q", searchInput.trim()), sortValue: table.get("sort") || DEFAULT_SORT, sortOptions: SORT_OPTIONS, onSortChange: (v) => table.set("sort", v), onResetAll: resetAll, hasActiveState: hasActiveState }), totalPages > 1 && (_jsx(Row, { border: "bottom", className: "sticky top-[calc(var(--header-height,0px)+44px)] z-10 backdrop-blur-sm", surface: "default", padding: "toolbar", justify: "center", children: _jsx(Pagination, { currentPage: page, totalPages: totalPages, onPageChange: (p) => table.setPage(p) }) })), _jsx(Div, { padding: "y-lg", children: _jsx(Div, { className: gridClass, children: isLoading
+                        ? Array.from({ length: 8 }).map((_, i) => _jsx(Div, { surface: "muted", rounded: "xl", className: "aspect-square animate-pulse" }, i))
+                        : products.length === 0
+                            ? _jsx(Div, { paddingY: "y-4xl", className: "col-span-full text-center", children: _jsx(Text, { color: "muted", children: "No live items in this store yet." }) })
+                            : products.map((p) => (_jsx(InteractiveProductCard, { product: p, href: String(ROUTES.PUBLIC.LIVE_DETAIL(p.slug ?? p.id)) }, p.id))) }) }), _jsx(FilterDrawer, { open: filterOpen, onOpen: openFilters, onClose: () => setFilterOpen(false), onApply: applyFilters, onReset: onFilterClear, activeCount: filterActiveCount, hideTrigger: true, children: _jsx(LiveItemFilters, { table: pendingTable, currencyPrefix: "\u20B9" }) })] }));
+}

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

@@ -0,0 +1,4 @@
+export interface StoreLiveItemsPageViewProps {
+    storeSlug: string;
+}
+export declare function StoreLiveItemsPageView({ storeSlug }: StoreLiveItemsPageViewProps): Promise<import("react/jsx-runtime").JSX.Element | null>;

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

@@ -0,0 +1,20 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { sieveFilter, sieveAnd, SIEVE_OP, sortBy, PRODUCT_FIELDS } from "@mohasinac/appkit";
+import { productRepository } from "../../../repositories";
+import { getStoreBySlug } from "./StoreDetailLayoutView";
+import { StoreLiveItemsListing } from "./StoreLiveItemsListing";
+export async function StoreLiveItemsPageView({ storeSlug }) {
+    const store = await getStoreBySlug(storeSlug);
+    const storeId = store?.id;
+    if (!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);
+    return _jsx(StoreLiveItemsListing, { storeId: storeId, initialData: result ?? undefined });
+}

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

@@ -26,6 +26,15 @@ export type { StorePreOrdersListingProps } from "./StorePreOrdersListing";
 export type { StorePreOrdersPageViewProps } from "./StorePreOrdersPageView";
 export type { StorePrizeDrawsPageViewProps } from "./StorePrizeDrawsPageView";
 export type { StoreBundlesPageViewProps } from "./StoreBundlesPageView";
+export { StoreClassifiedsListing } from "./StoreClassifiedsListing";
+export type { StoreClassifiedsListingProps } from "./StoreClassifiedsListing";
+export type { StoreClassifiedsPageViewProps } from "./StoreClassifiedsPageView";
+export { StoreDigitalCodesListing } from "./StoreDigitalCodesListing";
+export type { StoreDigitalCodesListingProps } from "./StoreDigitalCodesListing";
+export type { StoreDigitalCodesPageViewProps } from "./StoreDigitalCodesPageView";
+export { StoreLiveItemsListing } from "./StoreLiveItemsListing";
+export type { StoreLiveItemsListingProps } from "./StoreLiveItemsListing";
+export type { StoreLiveItemsPageViewProps } from "./StoreLiveItemsPageView";
 export { StoreGuideHubView } from "./StoreGuideHubView";
 export type { StoreGuideHubViewProps } from "./StoreGuideHubView";
 export { StoreListingsGuideView } from "./StoreListingsGuideView";

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

@@ -11,6 +11,9 @@ export { StoreProductsListing } from "./StoreProductsListing";
 export { StoreAuctionsListing } from "./StoreAuctionsListing";
 export { StoreReviewsListing } from "./StoreReviewsListing";
 export { StorePreOrdersListing } from "./StorePreOrdersListing";
+export { StoreClassifiedsListing } from "./StoreClassifiedsListing";
+export { StoreDigitalCodesListing } from "./StoreDigitalCodesListing";
+export { StoreLiveItemsListing } from "./StoreLiveItemsListing";
 export { StoreGuideHubView } from "./StoreGuideHubView";
 export { StoreListingsGuideView } from "./StoreListingsGuideView";
 export { StoreOrdersGuideView } from "./StoreOrdersGuideView";

package/dist/features/stores/repository/__tests__/store.repository.test.d.ts

@@ -0,0 +1 @@
+export {};