@mohasinac/appkit 4.10.0 → 4.11.0

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

@@ -1,24 +1,17 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { normalizeError } from "../../../errors/normalize";
-import { Row, SIEVE_OP, Stack, sieveFilter } from "@mohasinac/appkit/client";
+import { SIEVE_OP, Stack, sieveFilter } from "@mohasinac/appkit/client";
 import { sortBy } from "@mohasinac/appkit/client";
-import React, { useState, useCallback } from "react";
-import { useUrlTable } from "../../../react/hooks/useUrlTable";
-import { useBulkSelection } from "../../../react/hooks/useBulkSelection";
-import { Badge, Button, BulkActionBar, Div, FilterChipGroup, ListingFilterDrawer, ListingToolbar, Pagination, Span, Text, useToast, StickyToolbar } from "../../../ui";
+import { useState, useCallback } from "react";
+import { Badge, Button, Div, FilterChipGroup, Span, Text, useToast } from "../../../ui";
 import { SELLER_ENDPOINTS } from "../../../constants/api-endpoints";
 import { ACTIONS } from "../../../_internal/shared/actions/action-registry";
 import { buildBulkAction } from "../../../_internal/shared/actions/bulk-helpers";
 import { SELLER_BID_STATUS_TABS } from "../../admin/constants/filter-tabs";
-import { toRecordArray, toRelativeDate, toCurrency, toStringValue, useSellerListingData, } from "../hooks/useSellerListingData";
+import { toRecordArray, toRelativeDate, toCurrency, toStringValue } from "../hooks/useSellerListingData";
 import { DataTable } from "../../admin/components/DataTable";
-import { useBottomActions } from "../../layout";
-// ---------------------------------------------------------------------------
-// Config
-// ---------------------------------------------------------------------------
-const PAGE_SIZE = 25;
-const FILTER_KEYS = ["status"];
+import { DataListingView } from "../../admin/components/DataListingView";
 const DEFAULT_SORT = "-bidDate";
 const SORT_OPTIONS = [
     { value: sortBy("bidDate", "DESC"), label: "Newest" },
@@ -35,72 +28,22 @@ const STATUS_BADGE = {
     lost: "default",
     cancelled: "danger",
 };
-// ---------------------------------------------------------------------------
-// Component
-// ---------------------------------------------------------------------------
 export function SellerBidsView({ endpoint = SELLER_ENDPOINTS.BIDS }) {
-    const table = useUrlTable({ defaults: { pageSize: String(PAGE_SIZE), sort: DEFAULT_SORT } });
     const { showToast } = useToast();
-    const [view, setView] = useState("table");
-    const [searchInput, setSearchInput] = useState(table.get("q") || "");
-    const [filterOpen, setFilterOpen] = useState(false);
-    const [pendingFilters, setPendingFilters] = useState(() => Object.fromEntries(FILTER_KEYS.map((k) => [k, table.get(k)])));
-    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: "" };
-        for (const k of FILTER_KEYS)
-            updates[k] = "";
-        table.setMany(updates);
-        setSearchInput("");
-    }, [table]);
-    const commitSearch = useCallback(() => { table.set("q", searchInput.trim()); }, [searchInput, table]);
-    const activeFilterCount = FILTER_KEYS.filter((k) => !!table.get(k)).length;
-    const hasActiveState = !!table.get("q") || table.get("sort") !== DEFAULT_SORT || activeFilterCount > 0;
-    const statusRaw = table.get("status");
-    const filters = statusRaw ? sieveFilter("status", SIEVE_OP.EQ, statusRaw) : undefined;
-    const productIdFilter = table.get("productId") || undefined;
-    const endpointWithProduct = productIdFilter
-        ? `${endpoint}?productId=${encodeURIComponent(productIdFilter)}`
-        : endpoint;
-    const { rows, total, isLoading, errorMessage } = useSellerListingData({
-        queryKey: ["seller", "bids", "listing"],
-        endpoint: endpointWithProduct,
-        page: table.getNumber("page", 1),
-        pageSize: PAGE_SIZE,
-        sorts: table.get("sort") || DEFAULT_SORT,
-        filters,
-        q: table.get("q") || undefined,
-        mapRows: (response) => toRecordArray(response.bids).map((item, idx) => ({
-            id: toStringValue(item.id, `bid-${idx}`),
-            productTitle: toStringValue(item.productTitle, "Unknown auction"),
-            productId: toStringValue(item.productId, ""),
-            userName: toStringValue(item.userName, "—"),
-            bidAmount: Number(item.bidAmount ?? 0),
-            status: toStringValue(item.status, "active"),
-            bidDate: toRelativeDate(item.bidDate ?? item.createdAt),
-        })),
-        getTotal: (response, mappedRows) => typeof response.total === "number" ? response.total : mappedRows.length,
+    const [collapsedGroups, setCollapsedGroups] = useState(new Set());
+    const toggleGroup = (id) => setCollapsedGroups((s) => {
+        const next = new Set(s);
+        if (next.has(id))
+            next.delete(id);
+        else
+            next.add(id);
+        return next;
     });
-    const currentPage = table.getNumber("page", 1);
-    const totalPages = Math.ceil(total / PAGE_SIZE);
     const columns = [
         {
             key: "productTitle",
             header: "Auction",
-            render: (row) => (_jsxs(Stack, { gap: "none", className: "", children: [_jsx(Text, { className: "line-clamp-1", color: "primary", size: "sm", weight: "medium", children: row.productTitle }), _jsx(Text, { className: "font-mono", color: "faint", size: "xs", children: row.productId })] })),
+            render: (row) => (_jsxs(Stack, { gap: "none", children: [_jsx(Text, { className: "line-clamp-1", color: "primary", size: "sm", weight: "medium", children: row.productTitle }), _jsx(Text, { className: "font-mono", color: "faint", size: "xs", children: row.productId })] })),
         },
         {
             key: "userName",
@@ -127,53 +70,69 @@ export function SellerBidsView({ endpoint = SELLER_ENDPOINTS.BIDS }) {
             render: (row) => _jsx(Span, { size: "xs", color: "muted", children: row.bidDate }),
         },
     ];
-    const selection = useBulkSelection({ items: rows ?? [], keyExtractor: (r) => r.id });
-    // S-STORE-4-B — group bids by productId (auction) with collapsible sections.
-    const [collapsedGroups, setCollapsedGroups] = useState(new Set());
-    const groupedRows = React.useMemo(() => {
-        const groups = new Map();
-        for (const row of rows ?? []) {
-            const key = row.productId || row.productTitle;
-            const g = groups.get(key) ?? { title: row.productTitle, bids: [] };
-            g.bids.push(row);
-            groups.set(key, g);
-        }
-        return Array.from(groups.entries()).map(([id, g]) => ({ id, ...g }));
-    }, [rows]);
-    const toggleGroup = (id) => setCollapsedGroups((s) => {
-        const next = new Set(s);
-        if (next.has(id))
-            next.delete(id);
-        else
-            next.add(id);
-        return next;
-    });
-    // S-STORE-4-B — bulk actions: cancel / retract.
-    const bulkCancel = useCallback(async () => {
+    const bulkCancel = useCallback(async (selection) => {
         if (!selection.selectedIds.length)
             return;
         try {
             const results = await Promise.all(selection.selectedIds.map((id) => fetch(SELLER_ENDPOINTS.BID_BY_ID(id), { method: "DELETE" }).then((r) => r.ok)));
             const failed = results.filter((ok) => !ok).length;
-            if (failed > 0) {
+            if (failed > 0)
                 showToast(`${failed} bid(s) failed to cancel.`, "error");
-            }
-            else {
+            else
                 showToast(`${results.length} bid(s) cancelled.`, "success");
-            }
             selection.clearSelection();
         }
         catch (err) {
             void normalizeError(err);
             showToast(err instanceof Error ? err.message : "Failed to cancel bids.", "error");
         }
-    }, [selection, showToast]);
-    const bulkActions = [
-        buildBulkAction(ACTIONS.SELLER["cancel-bid"], () => void bulkCancel()),
-    ];
-    useBottomActions(selection.selectedCount > 0 ? { bulk: { selectedCount: selection.selectedCount, onClearSelection: selection.clearSelection, actions: bulkActions } } : {});
-    return (_jsxs(Div, { className: "min-h-screen", children: [_jsx(ListingToolbar, { filterCount: activeFilterCount, onFiltersClick: openFilters, searchValue: searchInput, searchPlaceholder: "Search by bidder name", onSearchChange: setSearchInput, onSearchCommit: commitSearch, sortValue: table.get("sort") || DEFAULT_SORT, sortOptions: SORT_OPTIONS, onSortChange: (v) => { table.set("sort", v); }, showTableView: true, view: view, onViewChange: (v) => setView(v), 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) }) }) })), selection.selectedIds.length > 0 && (_jsx(StickyToolbar, { offset: "header+bulk-actions", tone: "default", border: true, padding: "sm", z: "above-toolbar", children: _jsx(BulkActionBar, { selectedCount: selection.selectedIds.length, onClearSelection: selection.clearSelection, actions: bulkActions }) })), _jsxs(Div, { paddingX: "x-sm-md", padding: "y-md", children: [errorMessage && (_jsx(Div, { textSize: "sm", className: "mb-4 border border-error/20", color: "error", surface: "danger-surface", padding: "inline", rounded: "xl", children: errorMessage })), table.get("grouped") === "0" ? (_jsx(DataTable, { rows: rows, columns: columns, isLoading: isLoading, emptyLabel: "No bids found for your auctions", selectedIds: selection.selectedIdSet, onToggleSelect: selection.toggle, onToggleSelectAll: () => selection.toggleAll() })) : (_jsxs(Stack, { gap: "3", children: [groupedRows.length === 0 && !isLoading && (_jsx(Text, { size: "sm", color: "muted", children: "No bids found for your auctions." })), groupedRows.map((group) => {
-                                const collapsed = collapsedGroups.has(group.id);
-                                return (_jsxs(Div, { className: "border border-[var(--appkit-color-border)] bg-[var(--appkit-color-surface)]", rounded: "lg", children: [_jsxs(Button, { variant: "ghost", type: "button", onClick: () => toggleGroup(group.id), justify: "between", paddingX: "md", paddingY: "y-xs-tall", textSize: "sm", weight: "semibold", textColor: "default", className: "w-full hover:bg-[var(--appkit-color-surface-raised)]", children: [_jsxs(Span, { className: "truncate", children: [group.title, " ", _jsxs(Span, { size: "xs", weight: "normal", className: "text-[var(--appkit-color-text-muted)]", children: ["\u00B7 ", group.bids.length, " bid", group.bids.length === 1 ? "" : "s"] })] }), _jsx(Span, { "aria-hidden": true, className: "text-[var(--appkit-color-text-muted)]", children: collapsed ? "▸" : "▾" })] }), !collapsed && (_jsx(Div, { className: "border-t border-[var(--appkit-color-border)]", children: _jsx(DataTable, { rows: group.bids, columns: columns, isLoading: false, emptyLabel: "", selectedIds: selection.selectedIdSet, onToggleSelect: selection.toggle }) }))] }, group.id));
-                            })] }))] }), _jsx(ListingFilterDrawer, { open: filterOpen, onClose: () => setFilterOpen(false), onApply: applyFilters, onClear: clearFilters, activeCount: activeFilterCount, children: _jsx(FilterChipGroup, { label: "Bid Status", tabs: STATUS_OPTIONS, value: pendingFilters.status ?? "", onChange: (id) => setPendingFilters((p) => ({ ...p, status: id })), allId: "" }) })] }));
+    }, [showToast]);
+    const config = {
+        portal: "seller",
+        title: "Bids",
+        searchPlaceholder: "Search by bidder name",
+        emptyLabel: "No bids found for your auctions",
+        filterKeys: ["status"],
+        defaultSort: DEFAULT_SORT,
+        queryKey: ["seller", "bids", "listing"],
+        endpoint,
+        sortOptions: SORT_OPTIONS,
+        initialView: "list",
+        columns,
+        mapRows: (response) => toRecordArray(response.bids).map((item, idx) => ({
+            id: toStringValue(item.id, `bid-${idx}`),
+            productTitle: toStringValue(item.productTitle, "Unknown auction"),
+            productId: toStringValue(item.productId, ""),
+            userName: toStringValue(item.userName, "—"),
+            bidAmount: Number(item.bidAmount ?? 0),
+            status: toStringValue(item.status, "active"),
+            bidDate: toRelativeDate(item.bidDate ?? item.createdAt),
+        })),
+        getTotal: (response, mappedRows) => (typeof response.total === "number" ? response.total : mappedRows.length),
+        buildFilters: (state) => (state.status ? sieveFilter("status", SIEVE_OP.EQ, state.status) : undefined),
+        renderFilterPanel: ({ pendingFilters, setPendingFilters }) => (_jsx(FilterChipGroup, { label: "Bid Status", tabs: STATUS_OPTIONS, value: pendingFilters.status ?? "", onChange: (id) => setPendingFilters((p) => ({ ...p, status: id })), allId: "" })),
+        buildBulkActions: (selection) => [
+            buildBulkAction(ACTIONS.SELLER["cancel-bid"], () => void bulkCancel(selection)),
+        ],
+        // Grid/list view groups bids by auction with collapsible sections
+        // (S-STORE-4-B); table view shows the flat per-bid list via `columns`.
+        renderCards: (rows, _view, selection, isLoading) => {
+            const groups = new Map();
+            for (const row of rows) {
+                const key = row.productId || row.productTitle;
+                const g = groups.get(key) ?? { title: row.productTitle, bids: [] };
+                g.bids.push(row);
+                groups.set(key, g);
+            }
+            const groupedRows = Array.from(groups.entries()).map(([id, g]) => ({ id, ...g }));
+            if (groupedRows.length === 0 && !isLoading) {
+                return _jsx(Text, { size: "sm", color: "muted", children: "No bids found for your auctions." });
+            }
+            return (_jsx(Stack, { gap: "3", children: groupedRows.map((group) => {
+                    const collapsed = collapsedGroups.has(group.id);
+                    return (_jsxs(Div, { className: "border border-[var(--appkit-color-border)] bg-[var(--appkit-color-surface)]", rounded: "lg", children: [_jsxs(Button, { variant: "ghost", type: "button", onClick: () => toggleGroup(group.id), justify: "between", paddingX: "md", paddingY: "y-xs-tall", textSize: "sm", weight: "semibold", textColor: "default", className: "w-full hover:bg-[var(--appkit-color-surface-raised)]", children: [_jsxs(Span, { className: "truncate", children: [group.title, " ", _jsxs(Span, { size: "xs", weight: "normal", className: "text-[var(--appkit-color-text-muted)]", children: ["\u00B7 ", group.bids.length, " bid", group.bids.length === 1 ? "" : "s"] })] }), _jsx(Span, { "aria-hidden": true, className: "text-[var(--appkit-color-text-muted)]", children: collapsed ? "▸" : "▾" })] }), !collapsed && (_jsx(Div, { className: "border-t border-[var(--appkit-color-border)]", children: _jsx(DataTable, { rows: group.bids, columns: columns, isLoading: false, emptyLabel: "", selectedIds: new Set(selection.selectedIds), onToggleSelect: selection.toggleSelect }) }))] }, group.id));
+                }) }));
+        },
+    };
+    return _jsx(DataListingView, { config: config });
 }

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

@@ -2,10 +2,21 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { normalizeError } from "../../../errors/normalize";
 import { useCallback, useEffect, useState } from "react";
+import { z } from "zod";
 import { RefreshCw } from "lucide-react";
 import { Alert, Button, Div, FormField, Heading, Row, Section, Stack, Text, Toggle, useToast } from "../../../ui";
+import { useFormShellState, FormShellContext, FormErrorSummary } from "../../../ui/forms";
 import { SELLER_ENDPOINTS } from "../../../constants/api-endpoints";
 import { ACTIONS } from "../../../_internal/shared/actions/action-registry";
+const googleReviewsDraftSchema = z.object({
+    isConnected: z.boolean(),
+    placeId: z.string(),
+    businessName: z.string(),
+}).superRefine((v, ctx) => {
+    if (v.isConnected && !v.placeId.trim()) {
+        ctx.addIssue({ code: z.ZodIssueCode.custom, path: ["placeId"], message: "A Place ID is required to show Google reviews on your store page" });
+    }
+});
 const EMPTY_DRAFT = {
     placeId: "",
     businessName: "",
@@ -18,6 +29,11 @@ export function SellerGoogleReviewsView({ onSave, onSync, }) {
     const [syncing, setSyncing] = useState(false);
     const [saveMessage, setSaveMessage] = useState(null);
     const { showToast } = useToast();
+    const { shellCtx, validate } = useFormShellState(googleReviewsDraftSchema);
+    useEffect(() => {
+        validate(draft);
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [draft, validate]);
     useEffect(() => {
         fetch(SELLER_ENDPOINTS.GOOGLE_REVIEWS, { credentials: "include" })
             .then((r) => r.json())
@@ -100,5 +116,5 @@ export function SellerGoogleReviewsView({ onSave, onSync, }) {
             timeStyle: "short",
         })
         : "Never";
-    return (_jsx(Div, { paddingX: "x-sm-md", className: "max-w-2xl", padding: "y-md", children: _jsxs(Stack, { gap: "lg", children: [_jsxs(Section, { children: [_jsx(Heading, { level: 3, className: "mb-1", children: "Google Business Settings" }), _jsx(Text, { className: "text-[var(--appkit-color-text-muted)] mb-4", size: "sm", children: "Connect your Google Business profile to sync reviews to your storefront." }), _jsxs(Stack, { gap: "md", children: [_jsx(Toggle, { checked: draft.isConnected, onChange: (v) => setDraft((d) => ({ ...d, isConnected: v })), label: "Show Google reviews on my store page" }), _jsx(FormField, { name: "placeId", label: "Google Place ID", type: "text", value: draft.placeId, onChange: (v) => setDraft((d) => ({ ...d, placeId: v })), placeholder: "ChIJ\u2026", helpText: "Find your Place ID at developers.google.com/maps/documentation/places/web-service/place-id" }), _jsx(FormField, { name: "businessName", label: "Business name", type: "text", value: draft.businessName, onChange: (v) => setDraft((d) => ({ ...d, businessName: v })), placeholder: "Pok\u00E9mon Palace" })] })] }), (draft.averageRating !== undefined || draft.totalReviews !== undefined) && (_jsxs(Section, { children: [_jsx(Heading, { level: 3, className: "mb-3", children: "Review Stats" }), _jsxs(Row, { wrap: true, gap: "lg", children: [draft.averageRating !== undefined && (_jsxs(Div, { children: [_jsx(Text, { className: "text-[var(--appkit-color-text-muted)] tracking-wide", size: "xs", transform: "uppercase", children: "Avg rating" }), _jsx(Text, { className: "tabular-nums", size: "2xl", weight: "bold", children: draft.averageRating.toFixed(1) })] })), draft.totalReviews !== undefined && (_jsxs(Div, { children: [_jsx(Text, { className: "text-[var(--appkit-color-text-muted)] tracking-wide", size: "xs", transform: "uppercase", children: "Total reviews" }), _jsx(Text, { className: "tabular-nums", size: "2xl", weight: "bold", children: draft.totalReviews })] })), _jsxs(Div, { children: [_jsx(Text, { className: "text-[var(--appkit-color-text-muted)] tracking-wide", size: "xs", transform: "uppercase", children: "Last synced" }), _jsx(Text, { size: "sm", children: formattedLastSync })] })] })] })), saveMessage && (_jsx(Alert, { variant: saveMessage.ok ? "success" : "error", children: saveMessage.text })), _jsxs(Row, { className: "border-t border-[var(--appkit-color-border)]", padding: "t-md", align: "center", justify: "between", gap: "3", children: [_jsxs(Button, { gap: "sm", variant: "outline", size: "sm", onClick: handleSync, isLoading: syncing, disabled: saving || !draft.placeId.trim(), children: [_jsx(RefreshCw, { className: "h-3.5 w-3.5" }), ACTIONS.STORE["google-reviews-sync"].label] }), _jsx(Button, { variant: "primary", size: "sm", onClick: handleSave, isLoading: saving, disabled: syncing, children: ACTIONS.STORE["save-google-settings"].label })] })] }) }));
+    return (_jsx(FormShellContext.Provider, { value: shellCtx, children: _jsx(Div, { paddingX: "x-sm-md", className: "max-w-2xl", padding: "y-md", children: _jsxs(Stack, { gap: "lg", children: [_jsxs(Section, { children: [_jsx(Heading, { level: 3, className: "mb-1", children: "Google Business Settings" }), _jsx(Text, { className: "text-[var(--appkit-color-text-muted)] mb-4", size: "sm", children: "Connect your Google Business profile to sync reviews to your storefront." }), _jsxs(Stack, { gap: "md", children: [_jsx(Toggle, { checked: draft.isConnected, onChange: (v) => setDraft((d) => ({ ...d, isConnected: v })), label: "Show Google reviews on my store page" }), _jsx(FormField, { name: "placeId", label: "Google Place ID", type: "text", value: draft.placeId, onChange: (v) => setDraft((d) => ({ ...d, placeId: v })), placeholder: "ChIJ\u2026", helpText: "Find your Place ID at developers.google.com/maps/documentation/places/web-service/place-id" }), _jsx(FormField, { name: "businessName", label: "Business name", type: "text", value: draft.businessName, onChange: (v) => setDraft((d) => ({ ...d, businessName: v })), placeholder: "Pok\u00E9mon Palace" })] })] }), (draft.averageRating !== undefined || draft.totalReviews !== undefined) && (_jsxs(Section, { children: [_jsx(Heading, { level: 3, className: "mb-3", children: "Review Stats" }), _jsxs(Row, { wrap: true, gap: "lg", children: [draft.averageRating !== undefined && (_jsxs(Div, { children: [_jsx(Text, { className: "text-[var(--appkit-color-text-muted)] tracking-wide", size: "xs", transform: "uppercase", children: "Avg rating" }), _jsx(Text, { className: "tabular-nums", size: "2xl", weight: "bold", children: draft.averageRating.toFixed(1) })] })), draft.totalReviews !== undefined && (_jsxs(Div, { children: [_jsx(Text, { className: "text-[var(--appkit-color-text-muted)] tracking-wide", size: "xs", transform: "uppercase", children: "Total reviews" }), _jsx(Text, { className: "tabular-nums", size: "2xl", weight: "bold", children: draft.totalReviews })] })), _jsxs(Div, { children: [_jsx(Text, { className: "text-[var(--appkit-color-text-muted)] tracking-wide", size: "xs", transform: "uppercase", children: "Last synced" }), _jsx(Text, { size: "sm", children: formattedLastSync })] })] })] })), saveMessage && (_jsx(Alert, { variant: saveMessage.ok ? "success" : "error", children: saveMessage.text })), _jsx(FormErrorSummary, {}), _jsxs(Row, { className: "border-t border-[var(--appkit-color-border)]", padding: "t-md", align: "center", justify: "between", gap: "3", children: [_jsxs(Button, { gap: "sm", variant: "outline", size: "sm", onClick: handleSync, isLoading: syncing, disabled: saving || !draft.placeId.trim(), children: [_jsx(RefreshCw, { className: "h-3.5 w-3.5" }), ACTIONS.STORE["google-reviews-sync"].label] }), _jsx(Button, { variant: "primary", size: "sm", onClick: handleSave, isLoading: saving, disabled: syncing, children: ACTIONS.STORE["save-google-settings"].label })] })] }) }) }));
 }

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

@@ -1,6 +1,18 @@
 import React from "react";
-import type { ListingLayoutProps } from "../../../ui";
-export interface SellerOrdersViewProps extends ListingLayoutProps {
+export interface SellerOrdersViewProps {
     orderDetailApiBase?: string;
 }
-export declare function SellerOrdersView({ orderDetailApiBase, children, ...props }: SellerOrdersViewProps): React.JSX.Element;
+/**
+ * Fetches + renders one order's full detail content (items, address,
+ * payment, EMI, status/tracking update form). Shared by the seller orders
+ * list's `OrderDetailDrawer` (SideDrawer chrome) and the standalone
+ * `/store/orders/[id]/view` page (full-page chrome) so the two surfaces
+ * can't drift — see CLAUDE.md Root Cause Pattern list for the order-detail
+ * duplication class of bug this avoids.
+ */
+export declare function SellerOrderDetailPanel({ orderId, apiBase, onClose, }: {
+    orderId: string;
+    apiBase: string;
+    onClose: () => void;
+}): React.JSX.Element;
+export declare function SellerOrdersView({ orderDetailApiBase, }: SellerOrdersViewProps): React.JSX.Element;