@mohasinac/appkit 4.11.1 → 4.11.3

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

@@ -1,111 +1,10 @@
 "use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState, useCallback, useMemo } from "react";
-import { useUrlTable } from "../../../react/hooks/useUrlTable";
-import { Div, ListingFilterDrawer, ListingToolbar, Pagination, Row, Span, Stack, Text, StickyToolbar } from "../../../ui";
-import { ReviewCard } from "../../reviews/components/ReviewsList";
-import { ReviewFilters, REVIEW_PUBLIC_SORT_OPTIONS } from "../../reviews/components/ReviewFilters";
-import { useStoreReviews } from "../hooks/useStores";
-import { TABLE_KEYS, VIEW_MODE } from "../../../constants/table-keys";
-import { sortBy } from "../../../constants/sort";
-import { REVIEW_FIELDS } from "../../../constants/field-names";
-const __P = {
-    p4: "p-[var(--appkit-space-4)]",
-};
-const __O = {
-    hidden: "overflow-hidden",
-};
-const PAGE_SIZE = 12;
-const DEFAULT_SORT = sortBy(REVIEW_FIELDS.CREATED_AT);
-const FILTER_KEYS = ["rating", TABLE_KEYS.DATE_FROM, TABLE_KEYS.DATE_TO, "hasImages"];
-const SORT_OPTION_LABELS = {
-    sortNewest: "Newest First",
-    sortOldest: "Oldest First",
-    sortHighestRated: "Highest Rated",
-    sortLowestRated: "Lowest Rated",
-};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { ReviewsListingPanel } from "../../reviews/components/ReviewsListingPanel";
+/**
+ * The `/stores/[slug]/reviews` tab. Delegates to the shared `ReviewsListingPanel` —
+ * see the note in `ReviewsIndexListing` for why the two were merged.
+ */
 export function StoreReviewsListing({ storeSlug }) {
-    const table = useUrlTable({ defaults: { pageSize: String(PAGE_SIZE), sort: DEFAULT_SORT } });
-    const [searchInput, setSearchInput] = useState(table.get(TABLE_KEYS.QUERY) || "");
-    const [filterOpen, setFilterOpen] = useState(false);
-    const [view, setView] = useState(table.get(TABLE_KEYS.VIEW) || VIEW_MODE.GRID);
-    const handleViewToggle = (next) => {
-        if (next === VIEW_MODE.TABLE)
-            return;
-        setView(next);
-        table.set(TABLE_KEYS.VIEW, next);
-    };
-    const sort = table.get(TABLE_KEYS.SORT) || DEFAULT_SORT;
-    const currentPage = table.getNumber(TABLE_KEYS.PAGE, 1);
-    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 = { [TABLE_KEYS.QUERY]: "", [TABLE_KEYS.SORT]: "" };
-        for (const k of FILTER_KEYS)
-            updates[k] = "";
-        table.setMany(updates);
-        setSearchInput("");
-    }, [table]);
-    const commitSearch = useCallback(() => {
-        table.set(TABLE_KEYS.QUERY, searchInput.trim());
-    }, [searchInput, table]);
-    const ratingRaw = table.get("rating");
-    const ratingNum = ratingRaw ? Number(ratingRaw.split("|")[0]) : undefined;
-    const activeFilterCount = FILTER_KEYS.filter((k) => !!table.get(k)).length;
-    const hasActiveState = !!table.get(TABLE_KEYS.QUERY) ||
-        table.get(TABLE_KEYS.SORT) !== DEFAULT_SORT ||
-        activeFilterCount > 0;
-    const { reviews, averageRating, totalReviews, totalPages, isLoading } = useStoreReviews(storeSlug, {
-        rating: ratingNum,
-        page: currentPage,
-        pageSize: PAGE_SIZE,
-        sort,
-        q: table.get(TABLE_KEYS.QUERY) || undefined,
-        dateFrom: table.get(TABLE_KEYS.DATE_FROM) || undefined,
-        dateTo: table.get(TABLE_KEYS.DATE_TO) || undefined,
-        hasImages: table.get("hasImages") === "true" ? true : undefined,
-    });
-    const sortOptions = REVIEW_PUBLIC_SORT_OPTIONS.map((opt) => ({
-        value: opt.value,
-        label: SORT_OPTION_LABELS[opt.key] ?? opt.key,
-    }));
-    return (_jsxs(Div, { className: "min-h-screen", children: [totalReviews > 0 && (_jsxs(Row, { border: "default", align: "center", gap: "sm", className: "border-b", padding: "inline", children: [_jsx(Span, { weight: "bold", size: "2xl", color: "primary", children: averageRating.toFixed(1) }), _jsxs(Span, { size: "sm", color: "muted", children: ["/ 5 \u00B7 ", totalReviews, " reviews"] })] })), _jsx(ListingToolbar, { filterCount: activeFilterCount, onFiltersClick: openFilters, searchValue: searchInput, searchPlaceholder: "Search reviews...", onSearchChange: setSearchInput, onSearchCommit: commitSearch, sortValue: sort, sortOptions: sortOptions, onSortChange: (v) => { table.set(TABLE_KEYS.SORT, v); }, view: view, onViewChange: handleViewToggle, onResetAll: resetAll, hasActiveState: hasActiveState }), totalPages > 1 && (_jsx(StickyToolbar, { offset: "header+pagination", tone: "translucent", border: true, padding: "toolbar", children: _jsx(Row, { justify: "center", children: _jsx(Pagination, { currentPage: currentPage, totalPages: totalPages, onPageChange: (p) => table.setPage(p) }) }) })), _jsx(Div, { paddingY: "y-lg", paddingX: "x-md", children: isLoading ? (_jsx(Div, { layout: "grid", gap: "6", className: "grid-cols-1 sm:grid-cols-2 lg:grid-cols-3", children: Array.from({ length: 6 }).map((_, i) => (_jsx(Div, { className: `${__O.hidden} animate-pulse`, border: "subtle", rounded: "xl", children: _jsxs(Stack, { className: `${__P.p4}`, gap: "3", children: [_jsx(Div, { className: "h-4 w-3/4", surface: "subtle", rounded: "default" }), _jsx(Div, { className: "h-3 w-full", surface: "subtle", rounded: "default" }), _jsx(Div, { className: "h-3 w-2/3", surface: "subtle", rounded: "default" })] }) }, i))) })) : reviews.length === 0 ? (_jsx(Text, { paddingY: "3xl", color: "muted", size: "sm", align: "start", children: "No reviews found." })) : view === "list" ? (_jsx(Stack, { className: "divide-y divide-zinc-100 divide-[var(--appkit-color-border-subtle)]", border: "subtle", rounded: "xl", children: reviews.map((review) => (_jsx(ReviewCard, { review: review, context: "store" }, review.id))) })) : (_jsx(Div, { layout: "grid", gap: "6", className: "grid-cols-1 sm:grid-cols-2 lg:grid-cols-3", children: reviews.map((review) => (_jsx(ReviewCard, { review: review, context: "store" }, review.id))) })) }), _jsx(ListingFilterDrawer, { open: filterOpen, onClose: () => setFilterOpen(false), onApply: applyFilters, onClear: clearFilters, activeCount: activeFilterCount, children: _jsx(ReviewFilters, { table: pendingTable, variant: "public" }) })] }));
+    return (_jsx(ReviewsListingPanel, { source: { kind: "store", storeSlug }, stateMode: "url", context: "store", className: "min-h-screen" }));
 }

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

@@ -617,9 +617,9 @@ export declare const storeListItemSchema: z.ZodObject<{
     storeLogoURL?: string | undefined;
     storeBannerURL?: string | undefined;
     itemsSold?: number | undefined;
+    averageRating?: number | undefined;
     totalProducts?: number | undefined;
     totalReviews?: number | undefined;
-    averageRating?: number | undefined;
 }, {
     status: string;
     id: string;
@@ -633,9 +633,9 @@ export declare const storeListItemSchema: z.ZodObject<{
     storeLogoURL?: string | undefined;
     storeBannerURL?: string | undefined;
     itemsSold?: number | undefined;
+    averageRating?: number | undefined;
     totalProducts?: number | undefined;
     totalReviews?: number | undefined;
-    averageRating?: number | undefined;
 }>;
 export declare const storeListParamsSchema: z.ZodObject<{
     category: z.ZodOptional<z.ZodString>;

package/dist/features/tester/seed-data/coupons-tester-seed-data.js

@@ -34,7 +34,7 @@ export const couponsTesterSeedData = [
         discount: { value: 10, maxDiscount: 100, minPurchase: 100 },
         usage: { totalLimit: undefined, perUserLimit: 1, currentUsage: 0 },
         validity: { startDate: daysAgo(1), endDate: daysAhead(7), isActive: true },
-        restrictions: { firstTimeUserOnly: false, combineWithSellerCoupons: true },
+        restrictions: { firstTimeUserOnly: false },
         createdBy: "user-admin-letitrip",
         createdAt: daysAgo(1),
         updatedAt: daysAgo(1),
@@ -50,7 +50,7 @@ export const couponsTesterSeedData = [
         discount: { value: 50, maxDiscount: 50, minPurchase: 100 },
         usage: { totalLimit: undefined, perUserLimit: 5, currentUsage: 0 },
         validity: { startDate: daysAgo(30), endDate: daysAgo(1), isActive: true },
-        restrictions: { firstTimeUserOnly: false, combineWithSellerCoupons: true },
+        restrictions: { firstTimeUserOnly: false },
         createdBy: "user-admin-letitrip",
         createdAt: daysAgo(30),
         updatedAt: daysAgo(30),
@@ -67,7 +67,7 @@ export const couponsTesterSeedData = [
         discount: { value: 5, maxDiscount: 50, minPurchase: 0 },
         usage: { totalLimit: undefined, perUserLimit: 3, currentUsage: 0 },
         validity: { startDate: daysAgo(1), endDate: daysAhead(7), isActive: true },
-        restrictions: { firstTimeUserOnly: false, combineWithSellerCoupons: true },
+        restrictions: { firstTimeUserOnly: false },
         createdBy: "user-admin-letitrip",
         createdAt: daysAgo(1),
         updatedAt: daysAgo(1),

package/dist/features/tester/seed-data/index.d.ts

@@ -7,3 +7,4 @@ export { eventsTesterSeedData } from "./events-tester-seed-data";
 export { couponsTesterSeedData } from "./coupons-tester-seed-data";
 export { bidsTesterSeedData } from "./bids-tester-seed-data";
 export { ordersTesterSeedData } from "./orders-tester-seed-data";
+export { offersTesterSeedData } from "./offers-tester-seed-data";

package/dist/features/tester/seed-data/index.js

@@ -7,3 +7,4 @@ export { eventsTesterSeedData } from "./events-tester-seed-data";
 export { couponsTesterSeedData } from "./coupons-tester-seed-data";
 export { bidsTesterSeedData } from "./bids-tester-seed-data";
 export { ordersTesterSeedData } from "./orders-tester-seed-data";
+export { offersTesterSeedData } from "./offers-tester-seed-data";

package/dist/features/tester/seed-data/offers-tester-seed-data.d.ts

@@ -0,0 +1,2 @@
+import type { OfferDocument } from "../../seller/schemas/firestore";
+export declare const offersTesterSeedData: Partial<OfferDocument>[];

package/dist/features/tester/seed-data/offers-tester-seed-data.js

@@ -0,0 +1,61 @@
+/*
+ * WHY: Shared tester sandbox — a pre-ACCEPTED offer for the tester persona.
+ *      Needed because the offer lifecycle spans two parties: a tester can make
+ *      an offer (buyer side) but cannot accept it, since acceptance belongs to
+ *      the store that owns the listing (`store-beyblade-arena`, not the
+ *      tester's own sandbox store). Without a pre-accepted fixture, the
+ *      "checkout at the agreed price" and "offer flips to paid" cases are not
+ *      reachable by a single tester at all.
+ * WHAT: Exports offersTesterSeedData — 1 Partial<OfferDocument> already in the
+ *       `accepted` state, with a live `checkoutDeadline`, so the tester can
+ *       drive it straight through the Offers checkout lane.
+ *
+ * Every date is Date.now()-relative (per CLAUDE.md's tester-fixture standards)
+ * so the 4-hour testerSandboxRefresh re-arms it instead of letting it go stale.
+ *
+ * EXPORTS:
+ *   offersTesterSeedData — Array of 1 Partial<OfferDocument> for the seed runner
+ *
+ * @tag domain:offers,seller,tester
+ * @tag layer:seed
+ * @tag pattern:none
+ * @tag access:server-only
+ * @tag consumers:seed/manifest.ts,seed-cli.mjs
+ * @tag sideEffects:none
+ */
+import { OfferStatusValues } from "../../seller/schemas/firestore";
+import { testDataExpiresAt } from "./tester-ttl";
+const NOW = new Date();
+const hoursAgo = (n) => new Date(NOW.getTime() - n * 3600000);
+const hoursFromNow = (n) => new Date(NOW.getTime() + n * 3600000);
+export const offersTesterSeedData = [
+    {
+        id: "offer-tester-sandbox-accepted",
+        productId: "product-beyblade-burst-valkyrie",
+        productTitle: "Beyblade Burst Valkyrie",
+        productSlug: "product-beyblade-burst-valkyrie",
+        storeId: "store-beyblade-arena",
+        storeName: "Beyblade Arena",
+        buyerUid: "user-tester-qa",
+        buyerName: "QA Tester",
+        buyerEmail: "tester@letitrip.in",
+        listedPrice: 1899,
+        offerAmount: 1450,
+        // The agreed price. Checkout MUST bill this, not `listedPrice` — that
+        // divergence is exactly what the paired checklist case checks.
+        lockedPrice: 1450,
+        currency: "INR",
+        status: OfferStatusValues.ACCEPTED,
+        buyerNote: "Sandbox offer — already accepted so testers can drive checkout.",
+        sellerNote: "Accepted for QA sandbox testing.",
+        expiresAt: hoursFromNow(24),
+        acceptedAt: hoursAgo(1),
+        respondedAt: hoursAgo(1),
+        // Well inside the 48h window so the lane is live for a whole test session.
+        checkoutDeadline: hoursFromNow(36),
+        createdAt: hoursAgo(2),
+        updatedAt: hoursAgo(1),
+        isTestData: true,
+        testDataExpiresAt: testDataExpiresAt(),
+    },
+];