@mohasinac/appkit 4.11.2 → 4.12.0

package/dist/constants/table-keys.d.ts

@@ -47,6 +47,8 @@ export declare const TABLE_KEYS: {
     readonly DELIVERY_METHOD: "deliveryMethod";
     readonly SPECIES: "species";
     readonly JURISDICTION: "jurisdiction";
+    readonly LIVE_SEX: "liveSex";
+    readonly LIVE_TRANSPORT_METHOD: "liveTransportMethod";
 };
 export type TableKey = (typeof TABLE_KEYS)[keyof typeof TABLE_KEYS];
 export declare const VIEW_MODE: {

package/dist/constants/table-keys.js

@@ -50,6 +50,8 @@ export const TABLE_KEYS = {
     // Live-item-specific
     SPECIES: "species",
     JURISDICTION: "jurisdiction",
+    LIVE_SEX: "liveSex",
+    LIVE_TRANSPORT_METHOD: "liveTransportMethod",
 };
 export const VIEW_MODE = {
     GRID: "grid",

package/dist/features/account/components/UserOrdersView.js

@@ -1,10 +1,10 @@
 "use client";
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { sortBy, sieveFilter, SIEVE_OP } from "../../../utils/sieve-builder";
 import { ACCOUNT_ENDPOINTS } from "../../../constants/api-endpoints";
 import { ROUTES } from "../../../constants/index";
 import { ACTIONS } from "../../../_internal/shared/actions/action-registry";
-import { Button, Div, Grid, Stack, Text, TextLink } from "../../../ui";
+import { Button, Div, FilterChipGroup, Grid, Stack, Text, TextLink } from "../../../ui";
 import { PaginatedSelect } from "../../../ui/components/PaginatedSelect";
 import { DataListingView } from "../../admin/components/DataListingView";
 import { OrderCard } from "../../orders/components/OrdersList";
@@ -16,6 +16,23 @@ const SORT_OPTIONS = [
     { value: sortBy("totalPrice", "DESC"), label: "Highest total" },
     { value: sortBy("totalPrice", "ASC"), label: "Lowest total" },
 ];
+/**
+ * Lane tabs — the same auction > offer > standard split the cart and checkout
+ * use, viewed after the fact. Every `id` is EXACTLY a stored
+ * `OrderDocument.orderType` value (or "" for All): a tab id that doesn't
+ * match a real stored value returns zero rows forever with no error anywhere
+ * (CLAUDE.md Root Cause #33).
+ *
+ * "standard" is filtered in memory server-side, because orders written before
+ * `orderType` existed have no such field and a Firestore `==` would exclude
+ * every one of them.
+ */
+const ORDER_LANE_TABS = [
+    { id: "", label: "All" },
+    { id: "standard", label: "Normal" },
+    { id: "auction", label: "Auction wins" },
+    { id: "offer", label: "Offer wins" },
+];
 const STATUS_OPTIONS = [
     { value: "pending", label: "Pending" },
     { value: "processing", label: "Processing" },
@@ -31,7 +48,7 @@ export function UserOrdersView({ onOrderClick }) {
         title: "My Orders",
         searchPlaceholder: "Search by order id…",
         emptyLabel: "You haven't placed any orders yet.",
-        filterKeys: ["status"],
+        filterKeys: ["status", "orderType"],
         defaultSort: sortBy("createdAt", "DESC"),
         queryKey: ["user", "orders", "listing"],
         endpoint: ACCOUNT_ENDPOINTS.ORDERS,
@@ -39,8 +56,13 @@ export function UserOrdersView({ onOrderClick }) {
         hideTableView: true,
         mapRows: (response) => response.items ?? [],
         getTotal: (response, rows) => response.total ?? rows.length,
-        buildFilters: (state) => (state.status ? sieveFilter("status", SIEVE_OP.EQ, state.status) : undefined),
-        renderFilterPanel: ({ pendingFilters, setPendingFilters }) => (_jsx(Div, { children: _jsx(PaginatedSelect, { value: pendingFilters.status || null, onChange: (v) => setPendingFilters((p) => ({ ...p, status: v ?? "" })), options: STATUS_OPTIONS, placeholder: "All statuses", ariaLabel: "Filter by order status" }) })),
+        buildFilters: (state) => [
+            state.status ? sieveFilter("status", SIEVE_OP.EQ, state.status) : null,
+            state.orderType ? sieveFilter("orderType", SIEVE_OP.EQ, state.orderType) : null,
+        ]
+            .filter(Boolean)
+            .join(",") || undefined,
+        renderFilterPanel: ({ pendingFilters, setPendingFilters }) => (_jsxs(Stack, { gap: "md", children: [_jsx(FilterChipGroup, { label: "Type", tabs: ORDER_LANE_TABS, value: pendingFilters.orderType ?? "", onChange: (id) => setPendingFilters((prev) => ({ ...prev, orderType: id })) }), _jsx(Div, { children: _jsx(PaginatedSelect, { value: pendingFilters.status || null, onChange: (v) => setPendingFilters((p) => ({ ...p, status: v ?? "" })), options: STATUS_OPTIONS, placeholder: "All statuses", ariaLabel: "Filter by order status" }) })] })),
         renderCards: (rows, _view, _selection, isLoading) => {
             if (isLoading) {
                 return (_jsx(Stack, { gap: "md", children: Array.from({ length: 3 }).map((_, i) => (_jsx(Div, { className: "h-24 animate-pulse border border-[var(--appkit-color-border)]", rounded: "xl" }, i))) }));

package/dist/features/admin/components/AdminAddressesView.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { sortBy } from "@mohasinac/appkit/client";
-import { useState } from "react";
+import { useUrlTable } from "../../../react/hooks/useUrlTable";
 import { useQueryClient } from "@tanstack/react-query";
 import { Badge, Div, FilterChipGroup, Span, Stack, Text, useToast } from "../../../ui";
 import { ADMIN_ENDPOINTS } from "../../../constants/api-endpoints";
@@ -47,20 +47,26 @@ const ADDRESS_COLUMNS = [
         render: (row) => _jsx(Span, { size: "sm", color: "muted", children: row.updatedAt }),
     },
 ];
-function buildAddressConfig(banStatus, onAction) {
+function buildAddressConfig(onAction) {
     return {
         portal: "admin",
         title: "Address Management",
         searchPlaceholder: "Search by city or owner",
         emptyLabel: "No addresses found",
-        filterKeys: [],
+        // URL-synced via filterKeys (2026-08-21). The ban-status chips used to
+        // live outside this config in local useState, so the selection was not in
+        // the URL, not shareable, not counted by activeFilterCount, and lost on
+        // back-navigation. banStatus is a plain query param rather than a Sieve
+        // clause, which is exactly what buildExtraParams is for.
+        filterKeys: ["banStatus"],
         defaultSort: sortBy("bannedAt", "DESC"),
-        queryKey: ["admin", "addresses", banStatus],
-        endpoint: banStatus
-            ? `${ADMIN_ENDPOINTS.ADDRESSES}?banStatus=${encodeURIComponent(banStatus)}`
-            : ADMIN_ENDPOINTS.ADDRESSES,
+        queryKey: ["admin", "addresses"],
+        endpoint: ADMIN_ENDPOINTS.ADDRESSES,
+        buildExtraParams: (state) => state.banStatus ? { banStatus: state.banStatus } : undefined,
         sortOptions: [
-            { value: "bannedAt", label: "Flagged Date" },
+            // -bannedAt (newest flagged first) to match defaultSort — the option was
+            // "bannedAt" (oldest first), so the dropdown opened with nothing selected.
+            { value: sortBy("bannedAt", "DESC"), label: "Flagged Date" },
             { value: "city", label: "City" },
         ],
         columns: ADDRESS_COLUMNS,
@@ -119,7 +125,11 @@ function buildAddressConfig(banStatus, onAction) {
     };
 }
 export function AdminAddressesView(_props) {
-    const [banStatus, setBanStatus] = useState("");
+    // Independent useUrlTable() against the same URL param DataListingView's own
+    // table reads via filterKeys — safe because useUrlTable holds no local state
+    // (the documented Root Cause #35 pattern).
+    const chipTable = useUrlTable({ defaults: {} });
+    const banStatus = chipTable.get("banStatus");
     const queryClient = useQueryClient();
     const { showToast } = useToast();
     const actionMutation = useApiMutation({
@@ -137,6 +147,6 @@ export function AdminAddressesView(_props) {
     const handleAction = (id, action) => {
         actionMutation.mutate({ id, action });
     };
-    const config = buildAddressConfig(banStatus, handleAction);
-    return (_jsxs(Stack, { gap: "md", children: [_jsx(Div, { padding: "inline", border: "default", className: "border-b", children: _jsx(FilterChipGroup, { label: "Status", tabs: BAN_STATUS_TABS, value: banStatus, onChange: (v) => setBanStatus(v) }) }), _jsx(DataListingView, { config: config })] }));
+    const config = buildAddressConfig(handleAction);
+    return (_jsxs(Stack, { gap: "md", children: [_jsx(Div, { padding: "inline", border: "default", className: "border-b", children: _jsx(FilterChipGroup, { label: "Status", tabs: BAN_STATUS_TABS, value: banStatus, onChange: (v) => chipTable.set("banStatus", v) }) }), _jsx(DataListingView, { config: config })] }));
 }

package/dist/features/admin/components/AdminArtView.d.ts

@@ -1,3 +1,12 @@
+/**
+ * AdminArtView — admin browse of art listings.
+ *
+ * A thin wrapper over the shared per-listing-type config. This file (and its
+ * four siblings) used to carry a full hand-written ListingViewConfig; all five
+ * were the same config with a different listingType, and all five shipped
+ * an empty filterKeys array — no filter drawer at all — plus their own copy
+ * of a three-option sort array. See listing-type-listing-config.ts.
+ */
 import React from "react";
 import type { ListingLayoutProps } from "../../../ui";
 export type AdminArtViewProps = ListingLayoutProps;

package/dist/features/admin/components/AdminArtView.js

@@ -1,50 +1,26 @@
 "use client";
 import { jsx as _jsx } from "react/jsx-runtime";
 /**
- * AdminArtView — admin browse of art print listings (EMI/art-stickers session).
- * Mirrors AdminClassifiedView's thin config-driven pattern.
+ * AdminArtView — admin browse of art listings.
+ *
+ * A thin wrapper over the shared per-listing-type config. This file (and its
+ * four siblings) used to carry a full hand-written ListingViewConfig; all five
+ * were the same config with a different listingType, and all five shipped
+ * an empty filterKeys array — no filter drawer at all — plus their own copy
+ * of a three-option sort array. See listing-type-listing-config.ts.
  */
-import { sortBy } from "@mohasinac/appkit/client";
 import React from "react";
 import { ListingLayout } from "../../../ui";
-import { ADMIN_ENDPOINTS } from "../../../constants/api-endpoints";
-import { toRecordArray, toRelativeDate, toCurrency, toStringValue, } from "../hooks/useAdminListingData";
+import { buildListingTypeListingConfig } from "../../products/config/listing-type-listing-config";
 import { DataListingView } from "./DataListingView";
-import { ROUTES } from "../../../next/routing/route-map";
-const ADMIN_ART_CONFIG = {
-    portal: "admin",
+const CONFIG = buildListingTypeListingConfig("art", {
     title: "Art",
     searchPlaceholder: "Search art prints by name or seller",
     emptyLabel: "No art listings",
-    filterKeys: [],
-    defaultSort: sortBy("createdAt", "DESC"),
-    queryKey: ["admin", "art", "listing"],
-    endpoint: ADMIN_ENDPOINTS.PRODUCTS,
-    sortOptions: [
-        { value: sortBy("createdAt", "DESC"), label: "Newest" },
-        { value: sortBy("createdAt", "ASC"), label: "Oldest" },
-        { value: "title", label: "Title A–Z" },
-    ],
-    mapRows: (response) => toRecordArray(response.items).map((item, index) => ({
-        id: toStringValue(item.id, `art-${index}`),
-        primary: toStringValue(item.title ?? item.productTitle, "Untitled print"),
-        secondary: [
-            toStringValue(item.sellerName, "Unknown seller"),
-            toCurrency(item.price),
-        ].join(" · "),
-        status: toStringValue(item.status, "draft"),
-        updatedAt: toRelativeDate(item.updatedAt ?? item.createdAt),
-        image: toStringValue(item.mainImage, "") || undefined,
-    })),
-    getTotal: (response, mappedRows) => typeof response.total === "number" ? response.total : mappedRows.length,
-    buildFilters: () => "listingType==art",
-    // Art listings are products (filtered by listingType) — reuse the real
-    // admin product edit page rather than leaving rows non-navigable.
-    rowHrefTemplate: String(ROUTES.ADMIN.PRODUCTS_EDIT("{id}")),
-};
+});
 export function AdminArtView({ children, ...props }) {
     if (React.Children.count(children) > 0) {
         return (_jsx(ListingLayout, { portal: "admin", ...props, children: children }));
     }
-    return _jsx(DataListingView, { config: ADMIN_ART_CONFIG });
+    return _jsx(DataListingView, { config: CONFIG });
 }

package/dist/features/admin/components/AdminClassifiedView.d.ts

@@ -1,3 +1,12 @@
+/**
+ * AdminClassifiedView — admin browse of classified listings.
+ *
+ * A thin wrapper over the shared per-listing-type config. This file (and its
+ * four siblings) used to carry a full hand-written ListingViewConfig; all five
+ * were the same config with a different listingType, and all five shipped
+ * an empty filterKeys array — no filter drawer at all — plus their own copy
+ * of a three-option sort array. See listing-type-listing-config.ts.
+ */
 import React from "react";
 import type { ListingLayoutProps } from "../../../ui";
 export type AdminClassifiedViewProps = ListingLayoutProps;

package/dist/features/admin/components/AdminClassifiedView.js

@@ -1,50 +1,26 @@
 "use client";
 import { jsx as _jsx } from "react/jsx-runtime";
 /**
- * AdminClassifiedView — admin browse of classified listings (W1-29).
- * Read-only summary with edit-handoff to the seller-portal edit route.
+ * AdminClassifiedView — admin browse of classified listings.
+ *
+ * A thin wrapper over the shared per-listing-type config. This file (and its
+ * four siblings) used to carry a full hand-written ListingViewConfig; all five
+ * were the same config with a different listingType, and all five shipped
+ * an empty filterKeys array — no filter drawer at all — plus their own copy
+ * of a three-option sort array. See listing-type-listing-config.ts.
  */
-import { sortBy } from "@mohasinac/appkit/client";
 import React from "react";
 import { ListingLayout } from "../../../ui";
-import { ADMIN_ENDPOINTS } from "../../../constants/api-endpoints";
-import { toRecordArray, toRelativeDate, toCurrency, toStringValue, } from "../hooks/useAdminListingData";
+import { buildListingTypeListingConfig } from "../../products/config/listing-type-listing-config";
 import { DataListingView } from "./DataListingView";
-import { ROUTES } from "../../../next/routing/route-map";
-const ADMIN_CLASSIFIED_CONFIG = {
-    portal: "admin",
+const CONFIG = buildListingTypeListingConfig("classified", {
     title: "Classified",
     searchPlaceholder: "Search classified by name or seller",
     emptyLabel: "No classified listings",
-    filterKeys: [],
-    defaultSort: sortBy("createdAt", "DESC"),
-    queryKey: ["admin", "classified", "listing"],
-    endpoint: ADMIN_ENDPOINTS.PRODUCTS,
-    sortOptions: [
-        { value: sortBy("createdAt", "DESC"), label: "Newest" },
-        { value: sortBy("createdAt", "ASC"), label: "Oldest" },
-        { value: "title", label: "Title A–Z" },
-    ],
-    mapRows: (response) => toRecordArray(response.items).map((item, index) => ({
-        id: toStringValue(item.id, `classified-${index}`),
-        primary: toStringValue(item.title ?? item.productTitle, "Untitled classified"),
-        secondary: [
-            toStringValue(item.sellerName, "Unknown seller"),
-            toCurrency(item.price),
-        ].join(" · "),
-        status: toStringValue(item.status, "draft"),
-        updatedAt: toRelativeDate(item.updatedAt ?? item.createdAt),
-        image: toStringValue(item.mainImage, "") || undefined,
-    })),
-    getTotal: (response, mappedRows) => typeof response.total === "number" ? response.total : mappedRows.length,
-    buildFilters: () => "listingType==classified",
-    // Classified listings are products (filtered by listingType) — reuse the
-    // real admin product edit page rather than leaving rows non-navigable.
-    rowHrefTemplate: String(ROUTES.ADMIN.PRODUCTS_EDIT("{id}")),
-};
+});
 export function AdminClassifiedView({ children, ...props }) {
     if (React.Children.count(children) > 0) {
         return (_jsx(ListingLayout, { portal: "admin", ...props, children: children }));
     }
-    return _jsx(DataListingView, { config: ADMIN_CLASSIFIED_CONFIG });
+    return _jsx(DataListingView, { config: CONFIG });
 }

package/dist/features/admin/components/AdminCouponEditorView.js

@@ -81,7 +81,6 @@ export function AdminCouponEditorView({ couponId, onSaved, onDeleted, embedded,
     const [isActive, setIsActive] = React.useState(true);
     // restrictions
     const [firstTimeOnly, setFirstTimeOnly] = React.useState(false);
-    const [combinable, setCombinable] = React.useState(false);
     const [appliesToAuctions, setAppliesToAuctions] = React.useState(false);
     const [applicableProducts, setApplicableProducts] = React.useState([]);
     const [applicableCategories, setApplicableCategories] = React.useState([]);
@@ -122,7 +121,6 @@ export function AdminCouponEditorView({ couponId, onSaved, onDeleted, embedded,
         setEndDate(toDateInputValue(c.validity?.endDate));
         setIsActive(c.validity?.isActive ?? false);
         setFirstTimeOnly(c.restrictions?.firstTimeUserOnly ?? false);
-        setCombinable(c.restrictions?.combineWithSellerCoupons ?? false);
         setApplicableProducts(Array.isArray(c.restrictions?.applicableProducts) ? c.restrictions.applicableProducts : []);
         setApplicableCategories(Array.isArray(c.restrictions?.applicableCategories) ? c.restrictions.applicableCategories : []);
         setAppliesToAuctions(c.applicableToAuctions ?? false);
@@ -162,7 +160,6 @@ export function AdminCouponEditorView({ couponId, onSaved, onDeleted, embedded,
                 },
                 restrictions: {
                     firstTimeUserOnly: firstTimeOnly,
-                    combineWithSellerCoupons: combinable,
                     ...(applicableProducts.length > 0 && { applicableProducts }),
                     ...(applicableCategories.length > 0 && { applicableCategories }),
                 },
@@ -208,7 +205,7 @@ export function AdminCouponEditorView({ couponId, onSaved, onDeleted, embedded,
     const formSection = (_jsxs(_Fragment, { children: [_jsx(Form, { schema: couponFormSchema, onSubmit: (e) => e.preventDefault(), spacing: "md", children: ({ setFieldError, clearErrors }) => (_jsxs(_Fragment, { children: [_jsx(Select, { label: "Coupon type", options: TYPE_OPTIONS, value: type, onValueChange: (v) => setType(v), required: true }), _jsx(FieldInput, { name: "name", label: "Campaign name", value: name, onChange: (v) => handleNameChange(v), required: true, placeholder: "e.g. Summer Sale 20%" }), !isEdit && (_jsx(Input, { label: "Coupon code", value: code, onChange: (e) => {
                                 setCode(toCouponCode(e.target.value));
                                 setCodeManual(true);
-                            }, required: true, placeholder: "e.g. SUMMER20", helperText: "Auto-generated from name. Uppercase alphanumeric + hyphens only." })), isEdit && (_jsx(Input, { label: "Coupon code", value: code, disabled: true, helperText: "Code cannot be changed after creation." })), _jsx(Input, { label: "Description (optional)", value: description, onChange: (e) => setDescription(e.target.value), placeholder: "Internal notes about this coupon" }), _jsx(CouponDiscountFields, { type: type, discountValue: discountValue, setDiscountValue: setDiscountValue, maxDiscount: maxDiscount, setMaxDiscount: setMaxDiscount, minPurchase: minPurchase, setMinPurchase: setMinPurchase, buyQty: buyQty, setBuyQty: setBuyQty, getQty: getQty, setGetQty: setGetQty, discountLabel: discountLabel }), _jsx(CouponValidityFields, { startDate: startDate, setStartDate: setStartDate, endDate: endDate, setEndDate: setEndDate, isActive: isActive, setIsActive: setIsActive, totalLimit: totalLimit, setTotalLimit: setTotalLimit, perUserLimit: perUserLimit, setPerUserLimit: setPerUserLimit, isEdit: isEdit, currentUsage: currentUsage }), _jsx(Toggle, { label: "First-time users only", checked: firstTimeOnly, onChange: setFirstTimeOnly }), _jsx(Toggle, { label: "Allow stacking with seller coupons", checked: combinable, onChange: setCombinable }), _jsx(Toggle, { label: "Applies to auctions", checked: appliesToAuctions, onChange: setAppliesToAuctions }), _jsxs(Stack, { gap: "xs", children: [_jsx(Label, { size: "sm", weight: "medium", color: "primary", children: "Applicable products (optional)" }), _jsx(ProductInlineSelect, { scope: "admin", multiple: true, value: applicableProducts, onChange: setApplicableProducts, placeholder: "Restrict to specific products\u2026" }), _jsx(Text, { size: "xs", color: "muted", children: "Leave empty to apply the coupon to every eligible product." })] }), _jsxs(Stack, { gap: "xs", children: [_jsx(Label, { size: "sm", weight: "medium", color: "primary", children: "Applicable categories (optional)" }), _jsx(CategoryInlineSelect, { value: "", onChange: (id) => {
+                            }, required: true, placeholder: "e.g. SUMMER20", helperText: "Auto-generated from name. Uppercase alphanumeric + hyphens only." })), isEdit && (_jsx(Input, { label: "Coupon code", value: code, disabled: true, helperText: "Code cannot be changed after creation." })), _jsx(Input, { label: "Description (optional)", value: description, onChange: (e) => setDescription(e.target.value), placeholder: "Internal notes about this coupon" }), _jsx(CouponDiscountFields, { type: type, discountValue: discountValue, setDiscountValue: setDiscountValue, maxDiscount: maxDiscount, setMaxDiscount: setMaxDiscount, minPurchase: minPurchase, setMinPurchase: setMinPurchase, buyQty: buyQty, setBuyQty: setBuyQty, getQty: getQty, setGetQty: setGetQty, discountLabel: discountLabel }), _jsx(CouponValidityFields, { startDate: startDate, setStartDate: setStartDate, endDate: endDate, setEndDate: setEndDate, isActive: isActive, setIsActive: setIsActive, totalLimit: totalLimit, setTotalLimit: setTotalLimit, perUserLimit: perUserLimit, setPerUserLimit: setPerUserLimit, isEdit: isEdit, currentUsage: currentUsage }), _jsx(Toggle, { label: "First-time users only", checked: firstTimeOnly, onChange: setFirstTimeOnly }), _jsx(Toggle, { label: "Applies to auctions", checked: appliesToAuctions, onChange: setAppliesToAuctions }), _jsxs(Stack, { gap: "xs", children: [_jsx(Label, { size: "sm", weight: "medium", color: "primary", children: "Applicable products (optional)" }), _jsx(ProductInlineSelect, { scope: "admin", multiple: true, value: applicableProducts, onChange: setApplicableProducts, placeholder: "Restrict to specific products\u2026" }), _jsx(Text, { size: "xs", color: "muted", children: "Leave empty to apply the coupon to every eligible product." })] }), _jsxs(Stack, { gap: "xs", children: [_jsx(Label, { size: "sm", weight: "medium", color: "primary", children: "Applicable categories (optional)" }), _jsx(CategoryInlineSelect, { value: "", onChange: (id) => {
                                         if (!id || applicableCategories.includes(id))
                                             return;
                                         setApplicableCategories([...applicableCategories, id]);

package/dist/features/admin/components/AdminDigitalCodesView.d.ts

@@ -1,3 +1,12 @@
+/**
+ * AdminDigitalCodesView — admin browse of digital codes listings.
+ *
+ * A thin wrapper over the shared per-listing-type config. This file (and its
+ * four siblings) used to carry a full hand-written ListingViewConfig; all five
+ * were the same config with a different listingType, and all five shipped
+ * an empty filterKeys array — no filter drawer at all — plus their own copy
+ * of a three-option sort array. See listing-type-listing-config.ts.
+ */
 import React from "react";
 import type { ListingLayoutProps } from "../../../ui";
 export type AdminDigitalCodesViewProps = ListingLayoutProps;

package/dist/features/admin/components/AdminDigitalCodesView.js

@@ -1,57 +1,26 @@
 "use client";
 import { jsx as _jsx } from "react/jsx-runtime";
 /**
- * AdminDigitalCodesView — admin browse of digital-code listings (W1-29).
+ * AdminDigitalCodesView — admin browse of digital codes listings.
+ *
+ * A thin wrapper over the shared per-listing-type config. This file (and its
+ * four siblings) used to carry a full hand-written ListingViewConfig; all five
+ * were the same config with a different listingType, and all five shipped
+ * an empty filterKeys array — no filter drawer at all — plus their own copy
+ * of a three-option sort array. See listing-type-listing-config.ts.
  */
-import { sortBy } from "@mohasinac/appkit/client";
 import React from "react";
 import { ListingLayout } from "../../../ui";
-import { ADMIN_ENDPOINTS } from "../../../constants/api-endpoints";
-import { toRecordArray, toRelativeDate, toCurrency, toStringValue, } from "../hooks/useAdminListingData";
+import { buildListingTypeListingConfig } from "../../products/config/listing-type-listing-config";
 import { DataListingView } from "./DataListingView";
-import { ROUTES } from "../../../next/routing/route-map";
-const ADMIN_DIGITAL_CODES_CONFIG = {
-    portal: "admin",
+const CONFIG = buildListingTypeListingConfig("digital-code", {
     title: "Digital Codes",
     searchPlaceholder: "Search digital code listings",
     emptyLabel: "No digital code listings",
-    filterKeys: [],
-    defaultSort: sortBy("createdAt", "DESC"),
-    queryKey: ["admin", "digital-codes", "listing"],
-    endpoint: ADMIN_ENDPOINTS.PRODUCTS,
-    sortOptions: [
-        { value: sortBy("createdAt", "DESC"), label: "Newest" },
-        { value: sortBy("createdAt", "ASC"), label: "Oldest" },
-        { value: "title", label: "Title A–Z" },
-    ],
-    mapRows: (response) => toRecordArray(response.items).map((item, index) => {
-        const dc = (item.digitalCode ?? {});
-        return {
-            id: toStringValue(item.id, `dc-${index}`),
-            primary: toStringValue(item.title ?? item.productTitle, "Untitled digital code"),
-            secondary: [
-                toStringValue(item.sellerName, "Unknown seller"),
-                toCurrency(item.price),
-                typeof dc.codesAvailable === "number"
-                    ? `${dc.codesAvailable} avail`
-                    : null,
-            ]
-                .filter(Boolean)
-                .join(" · "),
-            status: toStringValue(item.status, "draft"),
-            updatedAt: toRelativeDate(item.updatedAt ?? item.createdAt),
-            image: toStringValue(item.mainImage, "") || undefined,
-        };
-    }),
-    getTotal: (response, mappedRows) => typeof response.total === "number" ? response.total : mappedRows.length,
-    buildFilters: () => "listingType==digital-code",
-    // Digital-code listings are products (filtered by listingType) — reuse
-    // the real admin product edit page rather than leaving rows non-navigable.
-    rowHrefTemplate: String(ROUTES.ADMIN.PRODUCTS_EDIT("{id}")),
-};
+});
 export function AdminDigitalCodesView({ children, ...props }) {
     if (React.Children.count(children) > 0) {
         return (_jsx(ListingLayout, { portal: "admin", ...props, children: children }));
     }
-    return _jsx(DataListingView, { config: ADMIN_DIGITAL_CODES_CONFIG });
+    return _jsx(DataListingView, { config: CONFIG });
 }

package/dist/features/admin/components/AdminLiveView.d.ts

@@ -1,3 +1,12 @@
+/**
+ * AdminLiveView — admin browse of live items listings.
+ *
+ * A thin wrapper over the shared per-listing-type config. This file (and its
+ * four siblings) used to carry a full hand-written ListingViewConfig; all five
+ * were the same config with a different listingType, and all five shipped
+ * an empty filterKeys array — no filter drawer at all — plus their own copy
+ * of a three-option sort array. See listing-type-listing-config.ts.
+ */
 import React from "react";
 import type { ListingLayoutProps } from "../../../ui";
 export type AdminLiveViewProps = ListingLayoutProps;

package/dist/features/admin/components/AdminLiveView.js

@@ -1,56 +1,26 @@
 "use client";
 import { jsx as _jsx } from "react/jsx-runtime";
 /**
- * AdminLiveView — admin browse of live-item listings (W1-29).
+ * AdminLiveView — admin browse of live items listings.
+ *
+ * A thin wrapper over the shared per-listing-type config. This file (and its
+ * four siblings) used to carry a full hand-written ListingViewConfig; all five
+ * were the same config with a different listingType, and all five shipped
+ * an empty filterKeys array — no filter drawer at all — plus their own copy
+ * of a three-option sort array. See listing-type-listing-config.ts.
  */
-import { sortBy } from "@mohasinac/appkit/client";
 import React from "react";
 import { ListingLayout } from "../../../ui";
-import { ADMIN_ENDPOINTS } from "../../../constants/api-endpoints";
-import { toRecordArray, toRelativeDate, toCurrency, toStringValue, } from "../hooks/useAdminListingData";
+import { buildListingTypeListingConfig } from "../../products/config/listing-type-listing-config";
 import { DataListingView } from "./DataListingView";
-import { ROUTES } from "../../../next/routing/route-map";
-const ADMIN_LIVE_CONFIG = {
-    portal: "admin",
+const CONFIG = buildListingTypeListingConfig("live", {
     title: "Live Items",
     searchPlaceholder: "Search live items",
     emptyLabel: "No live item listings",
-    filterKeys: [],
-    defaultSort: sortBy("createdAt", "DESC"),
-    queryKey: ["admin", "live-items", "listing"],
-    endpoint: ADMIN_ENDPOINTS.PRODUCTS,
-    sortOptions: [
-        { value: sortBy("createdAt", "DESC"), label: "Newest" },
-        { value: sortBy("createdAt", "ASC"), label: "Oldest" },
-        { value: "title", label: "Title A–Z" },
-    ],
-    mapRows: (response) => toRecordArray(response.items).map((item, index) => {
-        const live = (item.liveItem ?? {});
-        return {
-            id: toStringValue(item.id, `live-${index}`),
-            primary: toStringValue(item.title ?? item.productTitle, "Untitled live item"),
-            secondary: [
-                toStringValue(item.sellerName, "Unknown seller"),
-                toCurrency(item.price),
-                toStringValue(live.species, ""),
-                Boolean(live.vendorVerified) ? "verified" : "pending",
-            ]
-                .filter(Boolean)
-                .join(" · "),
-            status: toStringValue(item.status, "draft"),
-            updatedAt: toRelativeDate(item.updatedAt ?? item.createdAt),
-            image: toStringValue(item.mainImage, "") || undefined,
-        };
-    }),
-    getTotal: (response, mappedRows) => typeof response.total === "number" ? response.total : mappedRows.length,
-    buildFilters: () => "listingType==live",
-    // Live-item listings are products (filtered by listingType) — reuse the
-    // real admin product edit page rather than leaving rows non-navigable.
-    rowHrefTemplate: String(ROUTES.ADMIN.PRODUCTS_EDIT("{id}")),
-};
+});
 export function AdminLiveView({ children, ...props }) {
     if (React.Children.count(children) > 0) {
         return (_jsx(ListingLayout, { portal: "admin", ...props, children: children }));
     }
-    return _jsx(DataListingView, { config: ADMIN_LIVE_CONFIG });
+    return _jsx(DataListingView, { config: CONFIG });
 }

package/dist/features/admin/components/AdminOrderEditorView.d.ts

@@ -1,3 +1,4 @@
+import { type OrderAddonBadgesOrder } from "../../orders/components/OrderAddonBadges";
 import React from "react";
 export interface AdminOrderItemRow {
     productId: string;
@@ -23,5 +24,11 @@ export interface AdminOrderEditorViewProps {
     paymentUpiMismatch?: boolean;
     buyerMarkedPaid?: boolean;
     buyerFraudAgreementAccepted?: boolean;
+    /**
+     * Paid add-ons + applied coupon for this order. Operational, not decorative:
+     * `whatsappNotifyAddon` is who a status change should message, and the
+     * coupon is what an admin needs when reconciling a discounted order.
+     */
+    addons?: OrderAddonBadgesOrder;
 }
-export declare function AdminOrderEditorView({ open, onClose, orderId, orderLabel, currentStatus, items, paymentProofUrl, paymentTransactionId, paymentMethod, paymentStatus, displayedUpiId, buyerReportedUpiId, paymentUpiMismatch, buyerMarkedPaid, buyerFraudAgreementAccepted, }: AdminOrderEditorViewProps): React.JSX.Element;
+export declare function AdminOrderEditorView({ open, onClose, orderId, orderLabel, currentStatus, items, paymentProofUrl, paymentTransactionId, paymentMethod, paymentStatus, displayedUpiId, buyerReportedUpiId, paymentUpiMismatch, buyerMarkedPaid, buyerFraudAgreementAccepted, addons, }: AdminOrderEditorViewProps): React.JSX.Element;

package/dist/features/admin/components/AdminOrderEditorView.js

@@ -1,5 +1,6 @@
 "use client";
-import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { OrderAddonBadges } from "../../orders/components/OrderAddonBadges";
 import { useApiMutation } from "@mohasinac/appkit/client";
 import React, { useState } from "react";
 import { normalizeError } from "../../../errors/normalize";
@@ -29,7 +30,7 @@ const CARRIER_OPTIONS = [
     { label: "Other", value: "Other" },
 ];
 // --- Component ---------------------------------------------------------------
-export function AdminOrderEditorView({ open, onClose, orderId, orderLabel, currentStatus, items, paymentProofUrl, paymentTransactionId, paymentMethod, paymentStatus, displayedUpiId, buyerReportedUpiId, paymentUpiMismatch, buyerMarkedPaid, buyerFraudAgreementAccepted, }) {
+export function AdminOrderEditorView({ open, onClose, orderId, orderLabel, currentStatus, items, paymentProofUrl, paymentTransactionId, paymentMethod, paymentStatus, displayedUpiId, buyerReportedUpiId, paymentUpiMismatch, buyerMarkedPaid, buyerFraudAgreementAccepted, addons, }) {
     const queryClient = useQueryClient();
     const { showToast } = useToast();
     const [status, setStatus] = React.useState(currentStatus ?? "pending");
@@ -136,5 +137,5 @@ export function AdminOrderEditorView({ open, onClose, orderId, orderLabel, curre
     return (_jsx(SideDrawer, { isOpen: open, onClose: onClose, title: orderLabel ? `Order: ${orderLabel}` : "Update Order", children: _jsxs(Form, { onSubmit: (e) => {
                 e.preventDefault();
                 saveMutation.mutate();
-            }, spacing: "md", padding: "md", children: [items && items.length > 0 && (_jsxs(Stack, { gap: "xs", children: [_jsxs(Label, { size: "sm", weight: "medium", color: "primary", children: ["Items (", items.length, ")"] }), _jsx(Div, { className: "divide-y divide-[var(--appkit-color-border)] border border-[var(--appkit-color-border)]", rounded: "lg", children: items.map((item, i) => (_jsxs(Div, { layout: "flex", align: "center", gap: "3", padding: "sm", children: [_jsx(Div, { className: "h-10 w-10 shrink-0", rounded: "md", overflow: "hidden", children: _jsx(MediaImage, { src: item.image, alt: item.title, size: "thumbnail" }) }), _jsxs(Div, { className: "min-w-0 flex-1", children: [_jsx(Text, { size: "sm", className: "truncate", weight: "medium", children: item.title }), _jsxs(Text, { size: "xs", color: "muted", children: ["Qty: ", item.quantity, " \u00D7 ", toCurrency(item.unitPrice)] })] }), _jsx(Text, { size: "sm", className: "shrink-0", weight: "semibold", children: toCurrency(item.totalPrice) })] }, item.productId || i))) })] })), _jsx(Select, { label: "Order status", options: STATUS_OPTIONS, value: status, onValueChange: setStatus }), _jsx(Input, { label: "Tracking number (optional)", value: trackingNumber, onChange: (e) => setTrackingNumber(e.target.value), placeholder: "e.g. DEL1234567890IN" }), _jsx(Select, { label: "Carrier (optional)", options: CARRIER_OPTIONS, value: carrier, onValueChange: setCarrier }), _jsxs(Stack, { gap: "xs", children: [_jsx(Label, { size: "sm", weight: "medium", color: "primary", children: "Internal note (optional)" }), _jsx(Textarea, { value: notes, onChange: (e) => setNotes(e.target.value), rows: 3, placeholder: "Reason for status change, escalation notes\u2026" })] }), (status === "refunded" || status === "return_requested") && (_jsx(Input, { label: "Refund amount \u20B9 (optional)", type: "number", min: "0", step: "0.01", value: refundAmount, onChange: (e) => setRefundAmount(e.target.value), placeholder: "e.g. 499.00" })), isCashOrUpi && (_jsxs(Stack, { gap: "xs", children: [_jsx(Label, { size: "sm", weight: "medium", color: "primary", children: "Payment Proof" }), paymentProofUrl ? (_jsxs(Stack, { gap: "xs", children: [_jsx(Div, { border: "default", rounded: "lg", overflow: "hidden", children: _jsx(MediaImage, { src: paymentProofUrl, alt: "Payment screenshot", size: "card" }) }), paymentTransactionId && (_jsxs(Text, { size: "xs", color: "muted", children: ["UTR: ", _jsx(Text, { as: "span", size: "xs", weight: "medium", children: paymentTransactionId })] })), needsVerification && (_jsxs(Stack, { gap: "xs", children: [(displayedUpiId || buyerReportedUpiId) && (_jsxs(Stack, { gap: "xs", children: [_jsxs(Text, { size: "xs", color: "muted", children: ["Expected UPI: ", _jsx(Text, { as: "span", size: "xs", weight: "medium", children: displayedUpiId || "—" }), " · ", "Buyer reported: ", _jsx(Text, { as: "span", size: "xs", weight: "medium", children: buyerReportedUpiId || "—" })] }), paymentUpiMismatch && (_jsx(Div, { rounded: "lg", padding: "inlineSm", className: "border border-error/20", surface: "danger-surface", children: _jsx(Text, { size: "xs", className: "text-error", weight: "semibold", children: "UPI mismatch \u2014 buyer-reported ID doesn't match the one shown for this order." }) }))] })), _jsxs(Text, { size: "xs", color: "muted", children: ["Buyer marked as paid: ", _jsx(Text, { as: "span", size: "xs", weight: "medium", children: buyerMarkedPaid ? "Yes" : "No" }), " · ", "Fraud agreement accepted: ", _jsx(Text, { as: "span", size: "xs", weight: "medium", children: buyerFraudAgreementAccepted ? "Yes" : "No" })] }), _jsxs(Stack, { gap: "xs", children: [_jsx(Label, { size: "sm", weight: "medium", color: "primary", children: "Review note (required for re-upload / reject)" }), _jsx(Textarea, { value: reviewNote, onChange: (e) => setReviewNote(e.target.value), rows: 2, placeholder: "e.g. Screenshot is blurry \u2014 amount not readable / UPI ID doesn't match order" })] }), _jsx(Button, { type: "button", action: ACTIONS.ADMIN["verify-payment"], onClick: handleVerifyPayment, isLoading: isVerifyingPayment, disabled: isVerifyingPayment, variant: "primary", className: "w-full" }), _jsx(Button, { type: "button", action: ACTIONS.ADMIN["request-payment-reupload"], onClick: handleRequestReupload, isLoading: isRequestingReupload, disabled: isRequestingReupload || !reviewNote.trim(), variant: "secondary", className: "w-full" }), _jsx(Button, { type: "button", action: ACTIONS.ADMIN["reject-payment-fraud"], onClick: handleRejectFraud, isLoading: isRejectingFraud, disabled: isRejectingFraud || !reviewNote.trim(), variant: "danger", className: "w-full" })] })), !needsVerification && paymentStatus === "paid" && (_jsx(Div, { rounded: "lg", padding: "inlineSm", className: "border border-success/20", surface: "success-surface", children: _jsx(Text, { size: "xs", className: "text-success", weight: "medium", children: "Payment verified" }) }))] })) : (_jsx(Text, { size: "xs", color: "faint", children: "No proof uploaded yet." }))] })), _jsxs(FormActions, { align: "right", children: [_jsx(Button, { type: "button", variant: "secondary", onClick: onClose, children: "Cancel" }), _jsx(Button, { type: "submit", isLoading: saveMutation.isPending, disabled: !orderId || saveMutation.isPending, children: "Save changes" })] })] }) }));
+            }, spacing: "md", padding: "md", children: [addons && _jsx(OrderAddonBadges, { order: addons, variant: "detail" }), items && items.length > 0 && (_jsxs(Stack, { gap: "xs", children: [_jsxs(Label, { size: "sm", weight: "medium", color: "primary", children: ["Items (", items.length, ")"] }), _jsx(Div, { className: "divide-y divide-[var(--appkit-color-border)] border border-[var(--appkit-color-border)]", rounded: "lg", children: items.map((item, i) => (_jsxs(Div, { layout: "flex", align: "center", gap: "3", padding: "sm", children: [_jsx(Div, { className: "h-10 w-10 shrink-0", rounded: "md", overflow: "hidden", children: _jsx(MediaImage, { src: item.image, alt: item.title, size: "thumbnail" }) }), _jsxs(Div, { className: "min-w-0 flex-1", children: [_jsx(Text, { size: "sm", className: "truncate", weight: "medium", children: item.title }), _jsxs(Text, { size: "xs", color: "muted", children: ["Qty: ", item.quantity, " \u00D7 ", toCurrency(item.unitPrice)] })] }), _jsx(Text, { size: "sm", className: "shrink-0", weight: "semibold", children: toCurrency(item.totalPrice) })] }, item.productId || i))) })] })), _jsx(Select, { label: "Order status", options: STATUS_OPTIONS, value: status, onValueChange: setStatus }), _jsx(Input, { label: "Tracking number (optional)", value: trackingNumber, onChange: (e) => setTrackingNumber(e.target.value), placeholder: "e.g. DEL1234567890IN" }), _jsx(Select, { label: "Carrier (optional)", options: CARRIER_OPTIONS, value: carrier, onValueChange: setCarrier }), _jsxs(Stack, { gap: "xs", children: [_jsx(Label, { size: "sm", weight: "medium", color: "primary", children: "Internal note (optional)" }), _jsx(Textarea, { value: notes, onChange: (e) => setNotes(e.target.value), rows: 3, placeholder: "Reason for status change, escalation notes\u2026" })] }), (status === "refunded" || status === "return_requested") && (_jsx(Input, { label: "Refund amount \u20B9 (optional)", type: "number", min: "0", step: "0.01", value: refundAmount, onChange: (e) => setRefundAmount(e.target.value), placeholder: "e.g. 499.00" })), isCashOrUpi && (_jsxs(Stack, { gap: "xs", children: [_jsx(Label, { size: "sm", weight: "medium", color: "primary", children: "Payment Proof" }), paymentProofUrl ? (_jsxs(Stack, { gap: "xs", children: [_jsx(Div, { border: "default", rounded: "lg", overflow: "hidden", children: _jsx(MediaImage, { src: paymentProofUrl, alt: "Payment screenshot", size: "card" }) }), paymentTransactionId && (_jsxs(Text, { size: "xs", color: "muted", children: ["UTR: ", _jsx(Text, { as: "span", size: "xs", weight: "medium", children: paymentTransactionId })] })), needsVerification && (_jsxs(Stack, { gap: "xs", children: [(displayedUpiId || buyerReportedUpiId) && (_jsxs(Stack, { gap: "xs", children: [_jsxs(Text, { size: "xs", color: "muted", children: ["Expected UPI: ", _jsx(Text, { as: "span", size: "xs", weight: "medium", children: displayedUpiId || "—" }), " · ", "Buyer reported: ", _jsx(Text, { as: "span", size: "xs", weight: "medium", children: buyerReportedUpiId || "—" })] }), paymentUpiMismatch && (_jsx(Div, { rounded: "lg", padding: "inlineSm", className: "border border-error/20", surface: "danger-surface", children: _jsx(Text, { size: "xs", className: "text-error", weight: "semibold", children: "UPI mismatch \u2014 buyer-reported ID doesn't match the one shown for this order." }) }))] })), _jsxs(Text, { size: "xs", color: "muted", children: ["Buyer marked as paid: ", _jsx(Text, { as: "span", size: "xs", weight: "medium", children: buyerMarkedPaid ? "Yes" : "No" }), " · ", "Fraud agreement accepted: ", _jsx(Text, { as: "span", size: "xs", weight: "medium", children: buyerFraudAgreementAccepted ? "Yes" : "No" })] }), _jsxs(Stack, { gap: "xs", children: [_jsx(Label, { size: "sm", weight: "medium", color: "primary", children: "Review note (required for re-upload / reject)" }), _jsx(Textarea, { value: reviewNote, onChange: (e) => setReviewNote(e.target.value), rows: 2, placeholder: "e.g. Screenshot is blurry \u2014 amount not readable / UPI ID doesn't match order" })] }), _jsx(Button, { type: "button", action: ACTIONS.ADMIN["verify-payment"], onClick: handleVerifyPayment, isLoading: isVerifyingPayment, disabled: isVerifyingPayment, variant: "primary", className: "w-full" }), _jsx(Button, { type: "button", action: ACTIONS.ADMIN["request-payment-reupload"], onClick: handleRequestReupload, isLoading: isRequestingReupload, disabled: isRequestingReupload || !reviewNote.trim(), variant: "secondary", className: "w-full" }), _jsx(Button, { type: "button", action: ACTIONS.ADMIN["reject-payment-fraud"], onClick: handleRejectFraud, isLoading: isRejectingFraud, disabled: isRejectingFraud || !reviewNote.trim(), variant: "danger", className: "w-full" })] })), !needsVerification && paymentStatus === "paid" && (_jsx(Div, { rounded: "lg", padding: "inlineSm", className: "border border-success/20", surface: "success-surface", children: _jsx(Text, { size: "xs", className: "text-success", weight: "medium", children: "Payment verified" }) }))] })) : (_jsx(Text, { size: "xs", color: "faint", children: "No proof uploaded yet." }))] })), _jsxs(FormActions, { align: "right", children: [_jsx(Button, { type: "button", variant: "secondary", onClick: onClose, children: "Cancel" }), _jsx(Button, { type: "submit", isLoading: saveMutation.isPending, disabled: !orderId || saveMutation.isPending, children: "Save changes" })] })] }) }));
 }

package/dist/features/admin/components/AdminOrdersView.js

@@ -122,6 +122,19 @@ export function AdminOrdersView({ children, ...props }) {
                 paymentUpiMismatch: Boolean(item.paymentUpiMismatch),
                 buyerMarkedPaid: Boolean(item.buyerMarkedPaid),
                 buyerFraudAgreementAccepted: Boolean(item.buyerFraudAgreementAccepted),
+                // Straight off the order document — the admin list route returns
+                // raw docs, so these need no serializer entry (cf. Root Cause #38).
+                addons: {
+                    whatsappNotifyAddon: Boolean(item.whatsappNotifyAddon),
+                    whatsappNotifyFee: Number(item.whatsappNotifyFee ?? 0) || undefined,
+                    giftWrapAddon: Boolean(item.giftWrapAddon),
+                    giftWrapFee: Number(item.giftWrapFee ?? 0) || undefined,
+                    giftWrapMessage: toStringValue(item.giftWrapMessage) || undefined,
+                    shipmentProtectionAddon: Boolean(item.shipmentProtectionAddon),
+                    shipmentProtectionFee: Number(item.shipmentProtectionFee ?? 0) || undefined,
+                    couponCode: toStringValue(item.couponCode) || undefined,
+                    couponDiscount: Number(item.couponDiscount ?? 0) || undefined,
+                },
             };
         }),
         getTotal: (response, mappedRows) => typeof response.meta?.total === "number" ? response.meta.total : mappedRows.length,
@@ -198,5 +211,5 @@ export function AdminOrdersView({ children, ...props }) {
             ] })),
         renderFilterPanel: ({ pendingFilters, setPendingFilters }) => (_jsxs(_Fragment, { children: [_jsx(FilterChipGroup, { label: "Status", tabs: ADMIN_ORDER_STATUS_TABS, value: pendingFilters.status ?? "", onChange: (id) => setPendingFilters((p) => ({ ...p, status: id, paymentReview: "" })) }), _jsx(FilterChipGroup, { label: "Manual payment", tabs: ADMIN_ORDER_PAYMENT_REVIEW_TABS, value: pendingFilters.paymentReview ?? "", onChange: (id) => setPendingFilters((p) => ({ ...p, paymentReview: id, status: "" })) })] })),
     };
-    return (_jsxs(_Fragment, { children: [_jsx(DataListingView, { config: config }), _jsx(AdminOrderEditorView, { open: drawerOpen, onClose: () => setDrawerOpen(false), orderId: selectedRow?.id, orderLabel: selectedRow?.primary, currentStatus: selectedRow?.status, items: selectedRow?.items, paymentProofUrl: selectedRow?.paymentProofUrl, paymentTransactionId: selectedRow?.paymentTransactionId, paymentMethod: selectedRow?.paymentMethod, paymentStatus: selectedRow?.paymentStatus, displayedUpiId: selectedRow?.displayedUpiId, buyerReportedUpiId: selectedRow?.buyerReportedUpiId, paymentUpiMismatch: selectedRow?.paymentUpiMismatch, buyerMarkedPaid: selectedRow?.buyerMarkedPaid, buyerFraudAgreementAccepted: selectedRow?.buyerFraudAgreementAccepted })] }));
+    return (_jsxs(_Fragment, { children: [_jsx(DataListingView, { config: config }), _jsx(AdminOrderEditorView, { open: drawerOpen, onClose: () => setDrawerOpen(false), orderId: selectedRow?.id, orderLabel: selectedRow?.primary, currentStatus: selectedRow?.status, items: selectedRow?.items, paymentProofUrl: selectedRow?.paymentProofUrl, paymentTransactionId: selectedRow?.paymentTransactionId, paymentMethod: selectedRow?.paymentMethod, paymentStatus: selectedRow?.paymentStatus, displayedUpiId: selectedRow?.displayedUpiId, buyerReportedUpiId: selectedRow?.buyerReportedUpiId, paymentUpiMismatch: selectedRow?.paymentUpiMismatch, buyerMarkedPaid: selectedRow?.buyerMarkedPaid, buyerFraudAgreementAccepted: selectedRow?.buyerFraudAgreementAccepted, addons: selectedRow?.addons })] }));
 }