@mohasinac/appkit 4.43.0 → 4.45.0

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

@@ -1,34 +1,37 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { normalizeError } from "../../../errors/normalize";
-import { toUserMessage } from "../../../errors/error-display-map";
+import { formatPhysicalLocation } from "../../../utils/physical-location.js";
+import { normalizeError } from "../../../errors/normalize.js";
+import { toUserMessage } from "../../../errors/error-display-map.js";
 import { SIEVE_OP, Stack, sieveFilter } from "@mohasinac/appkit/client";
+import { LOW_STOCK_THRESHOLD } from "../../store-extensions/constants/alert-metrics.js";
 import { sortBy } from "@mohasinac/appkit/client";
 import { useState, useCallback } from "react";
-import { useEntityDelete } from "../../../react/hooks/useEntityDelete";
-import { useActionDispatch } from "../../../react/hooks/use-action-dispatch";
-import { Eye, EyeOff, Pencil, Trash2, Printer, MapPin } from "lucide-react";
-import { PhysicalLocationModal } from "./PhysicalLocationModal";
-import { useUrlTable } from "../../../react/hooks/useUrlTable";
-import { Badge, Button, Div, Row, Select, Span, Text, useToast } from "../../../ui";
-import { MediaImage } from "../../media/MediaImage";
-import { SELLER_ENDPOINTS } from "../../../constants/api-endpoints";
-import { SELLER_PRODUCT_STATUS_TABS } from "../../admin/constants/filter-tabs";
-import { ROUTES } from "../../../constants";
-import { normalizeListingType } from "../../products/utils/listing-type";
-import { useAvailabilityScope } from "../../products/hooks/useAvailabilityScope";
-import { toRecordArray, toStringValue } from "../hooks/useSellerListingData";
+import { useEntityDelete } from "../../../react/hooks/useEntityDelete.js";
+import { useActionDispatch } from "../../../react/hooks/use-action-dispatch.js";
+import { Eye, EyeOff, Pencil, Trash2, Printer, MapPin, Boxes } from "lucide-react";
+import { PhysicalLocationModal } from "./PhysicalLocationModal.js";
+import { BulkStockModal } from "./BulkStockModal.js";
+import { useUrlTable } from "../../../react/hooks/useUrlTable.js";
+import { Badge, Button, Div, Row, Select, Span, Text, useToast } from "../../../ui/index.js";
+import { MediaImage } from "../../media/MediaImage.js";
+import { SELLER_ENDPOINTS } from "../../../constants/api-endpoints.js";
+import { SELLER_PRODUCT_STATUS_TABS } from "../../admin/constants/filter-tabs.js";
+import { ROUTES } from "../../../constants/index.js";
+import { normalizeListingType } from "../../products/utils/listing-type.js";
+import { useAvailabilityScope } from "../../products/hooks/useAvailabilityScope.js";
+import { toRecordArray, toStringValue } from "../hooks/useSellerListingData.js";
 // Defining module (Root Cause #18) — the seller-side duplicate was deleted for drift.
-import { toRelativeDate } from "../../admin/hooks/useAdminListingData";
-import { useListingTypeFlags } from "../../../react/hooks/useListingTypeFlags";
-import { ALL_LISTING_TYPES } from "../../../_internal/shared/listing-types/feature-flags";
-import { pluginFor } from "../../../_internal/shared/listing-types/_registry";
-import { SellerProductsCards } from "./SellerProductsCards";
-import { SellerProductsFilterFields } from "./SellerProductsFilterDrawer";
-import { listingBadgeVariant } from "../../products/utils/listing-badge-variant";
-import { DataListingView } from "../../admin/components/DataListingView";
-import { ACTIONS } from "../../../_internal/shared/actions/action-registry";
-import { buildBulkAction } from "../../../_internal/shared/actions/bulk-helpers";
+import { toRelativeDate } from "../../admin/hooks/useAdminListingData.js";
+import { useListingTypeFlags } from "../../../react/hooks/useListingTypeFlags.js";
+import { ALL_LISTING_TYPES } from "../../../_internal/shared/listing-types/feature-flags.js";
+import { pluginFor } from "../../../_internal/shared/listing-types/_registry.js";
+import { SellerProductsCards } from "./SellerProductsCards.js";
+import { SellerProductsFilterFields } from "./SellerProductsFilterDrawer.js";
+import { listingBadgeVariant } from "../../products/utils/listing-badge-variant.js";
+import { DataListingView } from "../../admin/components/DataListingView.js";
+import { ACTIONS } from "../../../_internal/shared/actions/action-registry.js";
+import { buildBulkAction } from "../../../_internal/shared/actions/bulk-helpers.js";
 const FILTER_KEYS = [
     "status",
     "category",
@@ -39,7 +42,55 @@ const FILTER_KEYS = [
     "tags",
     "badges",
     "listingType",
+    /*
+     * The stock quick-filter. `FILTER_KEYS` had no stock key at all — stock
+     * appeared only inside a row's subtitle string, so there was no way to ask
+     * "what needs restocking" short of reading every row.
+     *
+     * Registered here (not in `buildExtraParams`) because it IS a drawer facet:
+     * it narrows the list the way `condition` does, so it should inflate the
+     * filter badge and be cleared by the drawer's Clear button. That is the
+     * opposite call from the availability SCOPE, which is a tab and deliberately
+     * stays out of `filterKeys` so a tab selection cannot be silently reset by
+     * Clear.
+     */
+    "stockState",
 ];
+/**
+ * 🛑 Applied IN MEMORY, never as a Firestore clause.
+ *
+ * `availableQuantity <= N` is an inequality, and Firestore appends an
+ * inequality's field to the `orderBy` implicitly — so pairing one with the
+ * default `-createdAt` sort demands a composite index nobody declares, and the
+ * `FAILED_PRECONDITION` gets swallowed into an empty page (Root Cause #59).
+ * Same reasoning as the alert evaluator's `low_stock` branch.
+ *
+ * The honest cost is that it filters the PAGE rather than the collection: a
+ * seller on page 1 of 200 listings sees the low-stock rows from those 50. That
+ * is stated in the facet's own label rather than left for them to infer.
+ */
+const STOCK_STATE_OPTIONS = [
+    { value: "", label: "Any stock level" },
+    { value: "low", label: `Low — ${LOW_STOCK_THRESHOLD} or fewer left` },
+    { value: "out", label: "Out of stock" },
+    { value: "in", label: "In stock" },
+];
+function matchesStockState(stockValue, state) {
+    if (!state)
+        return true;
+    // 🛑 An unknown quantity matches NOTHING rather than everything. A listing
+    // whose stock the API did not report is not evidence of being low, and
+    // including it would put rows a seller cannot act on into a worklist.
+    if (stockValue == null)
+        return false;
+    if (state === "out")
+        return stockValue <= 0;
+    if (state === "low")
+        return stockValue > 0 && stockValue <= LOW_STOCK_THRESHOLD;
+    if (state === "in")
+        return stockValue > LOW_STOCK_THRESHOLD;
+    return true;
+}
 const DEFAULT_SORT = "-createdAt";
 const SORT_OPTIONS = [
     { value: sortBy("createdAt", "DESC"), label: "Newest" },
@@ -86,6 +137,43 @@ const PRODUCT_COLUMNS = [
         className: "w-28 text-right",
         render: (row) => (_jsx(Span, { size: "sm", weight: "medium", className: "text-[var(--appkit-color-text)]", children: row.price })),
     },
+    /*
+     * 🛑 `row.stock` was COMPUTED in `mapRows` and no column rendered it.
+     *
+     * Data fetched and discarded — Root Cause #52's shape — and the reason it
+     * stayed invisible is that the figure also appears inside the row's
+     * `secondary` string, so the information was technically on screen while
+     * being unsortable, unfilterable and impossible to scan down a column.
+     *
+     * Both stock fields have been `canFilter`/`canSort` at the repository layer
+     * the whole time; only the view omitted them.
+     */
+    {
+        key: "stock",
+        header: "Stock",
+        className: "w-24 text-right",
+        render: (row) => {
+            if (row.stockValue == null)
+                return _jsx(Span, { size: "xs", color: "faint", children: "\u2014" });
+            /*
+             * Three states, not two, and the middle one is the point of the column.
+             * `LOW_STOCK_THRESHOLD` is imported rather than re-picked here: the
+             * alert, this column and the dashboard tile must agree on what "low"
+             * means, or a seller gets a warning from one and a clean bill from
+             * another.
+             */
+            /*
+             * Three states, and `Span` has no `warning` variant — so "low" is
+             * carried by WEIGHT plus a suffix rather than by colour alone. That is
+             * better anyway: `audit-a11y` records that white-on-warning fails
+             * contrast in this theme set, and a status conveyed only by colour is
+             * invisible to a colour-blind seller.
+             */
+            const isOut = row.stockValue <= 0;
+            const isLow = !isOut && row.stockValue <= LOW_STOCK_THRESHOLD;
+            return (_jsxs(Span, { size: "sm", weight: isOut || isLow ? "semibold" : "normal", color: isOut ? "error" : isLow ? "primary" : "muted", children: [row.stockValue, isOut ? " · out" : isLow ? " · low" : ""] }));
+        },
+    },
     {
         key: "status",
         header: "Status",
@@ -109,7 +197,13 @@ const PRODUCT_COLUMNS = [
         key: "physicalLocation",
         header: "Location",
         className: "w-28",
-        render: (row) => row.physicalLocation ? (_jsxs(Span, { size: "xs", className: "font-mono text-[var(--appkit-color-text-muted)]", children: [row.physicalLocation.zone, "/", row.physicalLocation.shelf, "/", row.physicalLocation.bin] })) : (_jsx(Span, { size: "xs", color: "faint", children: "\u2014" })),
+        render: (row) => {
+            // One formatter, shared with SellerOrdersView and PrintCenterView. It
+            // also returns undefined for an all-blank location, which the bulk
+            // routes genuinely allow — this used to print a bare "//".
+            const loc = formatPhysicalLocation(row.physicalLocation);
+            return loc ? (_jsx(Span, { size: "xs", className: "font-mono text-[var(--appkit-color-text-muted)]", children: loc })) : (_jsx(Span, { size: "xs", color: "faint", children: "\u2014" }));
+        },
     },
 ];
 export function SellerProductsView({ onDeleteProduct, onCreateClick, }) {
@@ -132,6 +226,17 @@ export function SellerProductsView({ onDeleteProduct, onCreateClick, }) {
     const [statusOverrides, setStatusOverrides] = useState(new Map());
     const [setLocationOpen, setSetLocationOpen] = useState(false);
     const [selectedIdsForLocation, setSelectedIdsForLocation] = useState([]);
+    const [setStockOpen, setSetStockOpen] = useState(false);
+    const [selectedIdsForStock, setSelectedIdsForStock] = useState([]);
+    const [stockBusy, setStockBusy] = useState(false);
+    /*
+     * 🛑 A local override, mirroring `statusOverrides` above, because this view
+     * has no refetch handle — `DataListingView` owns the query. Without it a
+     * bulk stock edit leaves the Stock column showing the OLD figure, which is
+     * indistinguishable from the edit not having worked and is precisely the
+     * class of defect this plan keeps finding (a 200 with a stale view).
+     */
+    const [stockOverrides, setStockOverrides] = useState(new Map());
     const handleKindChange = useCallback((kind) => {
         sideTable.setMany({ listingType: kind === "all" ? "" : kind, page: "1" });
     }, [sideTable]);
@@ -211,18 +316,69 @@ export function SellerProductsView({ onDeleteProduct, onCreateClick, }) {
             showToast(toUserMessage(e.code, undefined, { fallback: "Failed to update location." }), "error");
         }
     }, [showToast]);
+    const handleSetStock = useCallback(async (stockQuantity, ids) => {
+        setStockBusy(true);
+        try {
+            const res = await fetch(SELLER_ENDPOINTS.PRODUCTS_BULK_STOCK, {
+                method: "PATCH",
+                headers: { "Content-Type": "application/json" },
+                body: JSON.stringify({ productIds: ids, stockQuantity }),
+            });
+            const body = (await res.json().catch(() => null));
+            if (!res.ok)
+                throw new Error(body?.error ?? "Failed to update stock");
+            /*
+             * 🛑 Reports what the route actually DID, not what was asked for.
+             *
+             * `unchanged` is rows already at this figure — not written — and a toast
+             * claiming "12 updated" over them would be exactly the count-it-had-not-
+             * achieved defect `bulk-location`'s own header records.
+             *
+             * `reservedHeld` pre-empts the support ticket: a seller who sets 12 and
+             * then sees 9 available has to be told why HERE, not after they report
+             * the bulk edit as broken.
+             */
+            const d = body?.data ?? {};
+            const parts = [`Stock set on ${d.updated ?? 0} listing(s)`];
+            if (d.unchanged)
+                parts.push(`${d.unchanged} already at that figure`);
+            if (d.reservedHeld)
+                parts.push(`${d.reservedHeld} still hold reserved units`);
+            showToast(parts.join(" · ") + ".", "success");
+            setStockOverrides((prev) => new Map([...prev, ...ids.map((id) => [id, stockQuantity])]));
+            setSetStockOpen(false);
+        }
+        catch (err) {
+            const e = normalizeError(err);
+            showToast(toUserMessage(e.code, undefined, { fallback: "Failed to update stock." }), "error");
+        }
+        finally {
+            setStockBusy(false);
+        }
+    }, [showToast]);
     const config = {
         portal: "seller",
         title: "Products",
         search: {
-            placeholder: "Search by name, description, brand or tag…",
+            placeholder: "Search by name, brand, tag — or a bin like A-3…",
             /*
              * The box understated itself: `/api/store/products` routes `q` through
              * `buildProductSearchTxt`, which indexes far more than the title. A
              * seller searching a brand or a tag got results and had no reason to
              * expect them.
              */
-            fields: ["title", "description", "brand", "categoryNames", "tags", "features"],
+            /*
+             * 🛑 `physicalLocation` is listed because C4 indexes it, and this list
+             * is what the placeholder is derived from — an indexed field absent here
+             * is a capability the seller is never told about. That is how "what is
+             * in bin A-3" had no mechanism: the field was in no Sieve config, no
+             * indexed-fields list, no searchTxt builder and no search field list,
+             * so a seller could set a location and never query it.
+             *
+             * Both directions now run through this ONE box: search an item and read
+             * its bin from the Location column; search a bin and get its contents.
+             */
+            fields: ["title", "description", "brand", "categoryNames", "tags", "features", "physicalLocation"],
         },
         emptyLabel: listingKind !== "all" ? `No ${listingKind} listings found` : "No products listed yet",
         filterKeys: FILTER_KEYS,
@@ -288,12 +444,24 @@ export function SellerProductsView({ onDeleteProduct, onCreateClick, }) {
                  * reserve and the current bid, both already in `auctionSecondary`, and
                  * a "price" beside them would read as a third, competing figure.
                  */
-                const stockRaw = typeof item.stockQuantity === "number" ? item.stockQuantity : null;
+                const rowId = toStringValue(item.id, `product-${index}`);
+                /*
+                 * A just-bulk-edited row reads from the override, mirroring how
+                 * `statusOverrides` repaints a toggled publish. 🛑 It overrides the
+                 * SELLER-authored figure only — `availableQuantity` is system-owned and
+                 * may legitimately be lower (reserved units), so claiming the new stock
+                 * as available would be the overwrite `resolveStockResync` exists to
+                 * prevent, rendered rather than written.
+                 */
+                const stockOverride = stockOverrides.get(rowId);
+                const availableRaw = typeof item.availableQuantity === "number" ? item.availableQuantity : null;
+                const stockRaw = stockOverride ?? (typeof item.stockQuantity === "number" ? item.stockQuantity : null);
+                const stockValue = stockOverride ?? availableRaw ?? stockRaw;
                 const priceLabel = kind !== "auction" && priceRaw ? `₹${priceRaw.toLocaleString("en-IN")}` : "";
                 const stockLabel = stockRaw === null ? "" : `${stockRaw} in stock`;
                 const secondaryBase = auctionSecondary || toStringValue(item.condition, "");
                 return {
-                    id: toStringValue(item.id, `product-${index}`),
+                    id: rowId,
                     primary: toStringValue(item.title ?? item.name, "Untitled product"),
                     secondary: [priceLabel, stockLabel, secondaryBase, statusLabel].filter(Boolean).join(" · "),
                     status: statusLabel,
@@ -303,13 +471,23 @@ export function SellerProductsView({ onDeleteProduct, onCreateClick, }) {
                     listingKind: kind,
                     price: priceRaw ? `₹${priceRaw.toLocaleString("en-IN")}` : "—",
                     stock: stockLabel || "—",
+                    stockValue,
                     physicalLocation: item.physicalLocation &&
                         typeof item.physicalLocation.zone === "string"
                         ? item.physicalLocation
                         : undefined,
                 };
             });
-            return rows.filter((r) => !deletedIds.has(r.id)).map((r) => statusOverrides.has(r.id) ? { ...r, status: statusOverrides.get(r.id) } : r);
+            /*
+             * The stock predicate runs HERE, in the same pass that already drops
+             * optimistically-deleted rows and applies status overrides — so there is
+             * one place a row can be removed from the rendered list rather than two
+             * that could disagree about which rows exist.
+             */
+            const stockState = sideTable.get("stockState") ?? "";
+            return rows
+                .filter((r) => !deletedIds.has(r.id) && matchesStockState(r.stockValue, stockState))
+                .map((r) => statusOverrides.has(r.id) ? { ...r, status: statusOverrides.get(r.id) } : r);
         },
         getTotal: (response, mappedRows) => typeof response.meta?.total === "number" ? response.meta.total : mappedRows.length,
         buildFilters: (state) => {
@@ -321,7 +499,7 @@ export function SellerProductsView({ onDeleteProduct, onCreateClick, }) {
             // same rows. The scope param carries the per-type meaning instead.
             return [statusFilter, kindFilter].filter(Boolean).join(",") || undefined;
         },
-        renderFilterPanel: ({ pendingFilters, setPendingFilters }) => (_jsx(SellerProductsFilterFields, { pendingFilters: pendingFilters, statusOptions: STATUS_OPTIONS, onChange: setPendingFilters })),
+        renderFilterPanel: ({ pendingFilters, setPendingFilters }) => (_jsx(SellerProductsFilterFields, { pendingFilters: pendingFilters, statusOptions: STATUS_OPTIONS, stockStateOptions: STOCK_STATE_OPTIONS, onChange: setPendingFilters })),
         buildExtraParams: () => scope.extraParams,
         renderAboveContent: () => (_jsxs(Stack, { gap: "sm", children: [_jsx(TypeDropdown, { active: listingKind, onChange: handleKindChange }), scope.renderAboveContent()] })),
         buildBulkActions: (selection) => {
@@ -335,6 +513,7 @@ export function SellerProductsView({ onDeleteProduct, onCreateClick, }) {
             return [
                 buildBulkAction(ACTIONS.STORE["print-labels"], handleBulkPrintLabels, { icon: _jsx(Printer, { className: "w-4 h-4" }) }),
                 buildBulkAction(ACTIONS.STORE["set-location"], () => { setSelectedIdsForLocation(selection.selectedIds); setSetLocationOpen(true); }, { icon: _jsx(MapPin, { className: "w-4 h-4" }) }),
+                buildBulkAction(ACTIONS.STORE["set-stock"], () => { setSelectedIdsForStock(selection.selectedIds); setSetStockOpen(true); }, { icon: _jsx(Boxes, { className: "w-4 h-4" }) }),
             ];
         },
         renderCards: (rows, view, selection, isLoading) => (_jsx(SellerProductsCards, { view: view, rows: rows, isLoading: isLoading, listingKind: listingKind, selectedIds: new Set(selection.selectedIds), toggle: selection.toggleSelect, onEdit: handleEdit, onDuplicate: (row) => void handleDuplicate(row), onDelete: onDeleteProduct ? (row) => void handleDelete(row) : undefined })),
@@ -348,5 +527,5 @@ export function SellerProductsView({ onDeleteProduct, onCreateClick, }) {
             return (_jsxs(Row, { gap: "xs", children: [_jsx(Button, { variant: "ghost", size: "sm", onClick: (e) => { e.stopPropagation(); handleEdit(row); }, "aria-label": ACTIONS.STORE["edit-listing"].ariaLabel, children: _jsx(Pencil, { className: "w-4 h-4" }) }), _jsx(Button, { variant: "ghost", size: "sm", onClick: (e) => { e.stopPropagation(); void handleTogglePublish(row); }, "aria-label": isPublished ? "Unpublish" : "Publish", title: isPublished ? "Unpublish" : "Publish", disabled: publishingId === row.id, children: isPublished ? _jsx(EyeOff, { className: "w-4 h-4" }) : _jsx(Eye, { className: "w-4 h-4" }) }), _jsx(Button, { variant: "ghost", size: "sm", onClick: (e) => { e.stopPropagation(); void handleDuplicate(row); }, "aria-label": "Duplicate listing", title: "Duplicate", children: "\u29C9" }), onDeleteProduct && (_jsx(Button, { variant: "ghost", size: "sm", action: ACTIONS.STORE["delete-listing"], onClick: (e) => { e.stopPropagation(); void handleDelete(row); }, disabled: deletingId === row.id, className: "text-[var(--appkit-color-error)] hover:bg-[var(--appkit-color-border-subtle)]", children: _jsx(Trash2, { className: "w-4 h-4" }) }))] }));
         },
     };
-    return (_jsxs(_Fragment, { children: [_jsx(DataListingView, { config: config }), setLocationOpen && (_jsx(PhysicalLocationModal, { count: selectedIdsForLocation.length, onSave: (loc) => handleSetLocation(loc, selectedIdsForLocation), onClose: () => setSetLocationOpen(false) }))] }));
+    return (_jsxs(_Fragment, { children: [_jsx(DataListingView, { config: config }), setLocationOpen && (_jsx(PhysicalLocationModal, { count: selectedIdsForLocation.length, onSave: (loc) => handleSetLocation(loc, selectedIdsForLocation), onClose: () => setSetLocationOpen(false) })), setStockOpen && (_jsx(BulkStockModal, { count: selectedIdsForStock.length, busy: stockBusy, onSave: (qty) => handleSetStock(qty, selectedIdsForStock), onClose: () => setSetStockOpen(false) }))] }));
 }

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

@@ -1,19 +1,19 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { normalizeError } from "../../../errors/normalize";
+import { normalizeError } from "../../../errors/normalize.js";
 import React, { useCallback, useState } from "react";
-import { reviewReplySchema, reviewBulkReplySchema, reviewContestSchema, reviewFeedbackSchema, } from "../schemas/review-forms";
-import { SectionForm, useSectionFormNav, buildSectionsFromSchema, visibleValues, } from "../../shell";
-import { useFormShellState, FormShellContext } from "../../../ui/forms";
-import { applyZodIssues } from "../../../ui/forms/apply-zod-issues";
-import { FormErrorSummary } from "../../../ui/forms/FormErrorSummary";
+import { reviewReplySchema, reviewBulkReplySchema, reviewContestSchema, reviewFeedbackSchema, } from "../schemas/review-forms.js";
+import { SectionForm, useSectionFormNav, buildSectionsFromSchema, visibleValues, } from "../../shell/index.js";
+import { useFormShellState, FormShellContext } from "../../../ui/forms/index.js";
+import { applyZodIssues } from "../../../ui/forms/apply-zod-issues.js";
+import { FormErrorSummary } from "../../../ui/forms/FormErrorSummary.js";
 import { useQueryClient } from "@tanstack/react-query";
-import { Alert, Badge, Button, Checkbox, Div, Modal, Row, Select, SideDrawer, Span, Stack, Text, useToast } from "../../../ui";
-import { ACTIONS } from "../../../_internal/shared/actions/action-registry";
-import { SELLER_BULK_ACTIONS, ROW_ACTION_META } from "../../products/constants/action-defs";
-import { SELLER_ENDPOINTS } from "../../../constants/api-endpoints";
-import { sortBy, sieveFilter, SIEVE_OP } from "../../../utils/sieve-builder";
-import { DataListingView } from "../../admin/components/DataListingView";
+import { Alert, Badge, Button, Checkbox, Div, Modal, Row, Select, SideDrawer, Span, Stack, Text, useToast } from "../../../ui/index.js";
+import { ACTIONS } from "../../../_internal/shared/actions/action-registry.js";
+import { SELLER_BULK_ACTIONS, ROW_ACTION_META } from "../../products/constants/action-defs.js";
+import { SELLER_ENDPOINTS } from "../../../constants/api-endpoints.js";
+import { sortBy, sieveFilter, SIEVE_OP } from "../../../utils/sieve-builder.js";
+import { DataListingView } from "../../admin/components/DataListingView.js";
 const SORT_OPTIONS = [
     { value: sortBy("createdAt", "DESC"), label: "Newest" },
     { value: sortBy("createdAt", "ASC"), label: "Oldest" },

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

@@ -1,16 +1,16 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { normalizeError } from "../../../errors/normalize";
-import { toUserMessage } from "../../../errors/error-display-map";
+import { normalizeError } from "../../../errors/normalize.js";
+import { toUserMessage } from "../../../errors/error-display-map.js";
 import { sortBy } from "@mohasinac/appkit/client";
 import { useState, useCallback } from "react";
-import { useEntityDelete } from "../../../react/hooks/useEntityDelete";
-import { Badge, ConfirmDeleteModal, Div, RowActionMenu, Span, Text, useToast, } from "../../../ui";
-import { SELLER_ENDPOINTS } from "../../../constants/api-endpoints";
-import { ACTIONS } from "../../../_internal/shared/actions/action-registry";
-import { ROUTES } from "../../../constants/index";
-import { toRecordArray, toStringValue } from "../hooks/useSellerListingData";
-import { DataListingView } from "../../admin/components/DataListingView";
+import { useEntityDelete } from "../../../react/hooks/useEntityDelete.js";
+import { Badge, ConfirmDeleteModal, Div, RowActionMenu, Span, Text, useToast, } from "../../../ui/index.js";
+import { SELLER_ENDPOINTS } from "../../../constants/api-endpoints.js";
+import { ACTIONS } from "../../../_internal/shared/actions/action-registry.js";
+import { ROUTES } from "../../../constants/index.js";
+import { toRecordArray, toStringValue } from "../hooks/useSellerListingData.js";
+import { DataListingView } from "../../admin/components/DataListingView.js";
 const DEFAULT_SORT = "-createdAt";
 const SORT_OPTIONS = [
     { value: sortBy("createdAt", "DESC"), label: "Newest" },

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

@@ -2,13 +2,13 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useCallback, useEffect, useState } from "react";
 import { z } from "zod";
-import { Alert, Badge, Div, FormField, Heading, Row, Stack, Text } from "../../../ui";
-import { StackedViewShell } from "../../../ui";
-import { FormShellContext, useFormShellState, applyZodIssues, FormErrorSummary } from "../../../ui/forms";
-import { StoreAddressSelectorCreate } from "../../stores/components/StoreAddressSelectorCreate";
-import { SectionForm, useSectionFormNav } from "../../shell";
-import { SELLER_ENDPOINTS } from "../../../constants/api-endpoints";
-import { normalizeError } from "../../../errors/normalize";
+import { Alert, Badge, Div, FormField, Heading, Row, Stack, Text } from "../../../ui/index.js";
+import { StackedViewShell } from "../../../ui/index.js";
+import { FormShellContext, useFormShellState, applyZodIssues, FormErrorSummary } from "../../../ui/forms/index.js";
+import { StoreAddressSelectorCreate } from "../../stores/components/StoreAddressSelectorCreate.js";
+import { SectionForm, useSectionFormNav } from "../../shell/index.js";
+import { SELLER_ENDPOINTS } from "../../../constants/api-endpoints.js";
+import { normalizeError } from "../../../errors/normalize.js";
 const shippingDraftSchema = z.object({
     customCarrierName: z.string().min(1, "Carrier name is required"),
     customShippingPrice: z.string(),

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

@@ -2,15 +2,15 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useEffect, useState, useCallback } from "react";
 import { createPortal } from "react-dom";
-import Link from "next/link";
-import { Button, Div, IconButton, Input, Li, Nav, Row, Span, Stack, Text, Ul } from "../../../ui";
-import { MediaImage } from "../../media/MediaImage";
-import { BottomSheet } from "../../layout/BottomSheet";
-import { SidebarCollapseToggle } from "../../../_internal/client/features/layout/SidebarCollapseToggle";
-import { useSidebarSearch } from "../../../_internal/client/features/layout/useSidebarSearch";
-import { findActiveNavGroup, findActiveNavItem } from "../../../_internal/client/features/layout/navActive";
-import { getSidebarRailClasses, getSidebarOverlayClasses } from "../../../_internal/client/features/layout/sidebarPositionClasses";
-import { useHandMode } from "../../../_internal/client/hand-mode";
+import Link from "next/link.js";
+import { Button, Div, IconButton, Input, Li, Nav, Row, Span, Stack, Text, Ul } from "../../../ui/index.js";
+import { MediaImage } from "../../media/MediaImage.js";
+import { BottomSheet } from "../../layout/BottomSheet.js";
+import { SidebarCollapseToggle } from "../../../_internal/client/features/layout/SidebarCollapseToggle.js";
+import { useSidebarSearch } from "../../../_internal/client/features/layout/useSidebarSearch.js";
+import { findActiveNavGroup, findActiveNavItem } from "../../../_internal/client/features/layout/navActive.js";
+import { getSidebarRailClasses, getSidebarOverlayClasses } from "../../../_internal/client/features/layout/sidebarPositionClasses.js";
+import { useHandMode } from "../../../_internal/client/hand-mode/index.js";
 const __O = {
     hidden: "overflow-hidden",
     yAuto: "overflow-y-auto",

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

@@ -1,6 +1,6 @@
 "use client";
 import { jsx as _jsx } from "react/jsx-runtime";
-import { SellerListingTypeView, } from "./SellerListingTypeView";
+import { SellerListingTypeView, } from "./SellerListingTypeView.js";
 export function SellerStickersView(props) {
     return _jsx(SellerListingTypeView, { type: "stickers", ...props });
 }

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

@@ -1,17 +1,17 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { normalizeError } from "../../../errors/normalize";
-import { toUserMessage } from "../../../errors/error-display-map";
+import { normalizeError } from "../../../errors/normalize.js";
+import { toUserMessage } from "../../../errors/error-display-map.js";
 import { Badge, sortBy } from "@mohasinac/appkit/client";
 import { useState, useCallback } from "react";
-import { useEntityDelete } from "../../../react/hooks/useEntityDelete";
-import { ConfirmDeleteModal, Div, RowActionMenu, 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 { ROUTES } from "../../../next";
-import { toRecordArray, toStringValue } from "../hooks/useSellerListingData";
-import { DataListingView } from "../../admin/components/DataListingView";
+import { useEntityDelete } from "../../../react/hooks/useEntityDelete.js";
+import { ConfirmDeleteModal, Div, RowActionMenu, Text, useToast } from "../../../ui/index.js";
+import { SELLER_ENDPOINTS } from "../../../constants/api-endpoints.js";
+import { ACTIONS } from "../../../_internal/shared/actions/action-registry.js";
+import { buildBulkAction } from "../../../_internal/shared/actions/bulk-helpers.js";
+import { ROUTES } from "../../../next/routing/route-map.js";
+import { toRecordArray, toStringValue } from "../hooks/useSellerListingData.js";
+import { DataListingView } from "../../admin/components/DataListingView.js";
 const DEFAULT_SORT = "displayOrder";
 const SORT_OPTIONS = [
     { value: sortBy("displayOrder", "ASC"), label: "Display Order" },

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

@@ -1,7 +1,7 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from "react";
-import { Div, Heading } from "../../../ui";
+import { Div, Heading } from "../../../ui/index.js";
 export function SellerStoreSetupView({ labels = {}, renderTabs, renderForm, isLoading = false, className = "", }) {
     const [tab, setTab] = React.useState("basic");
     return (_jsxs(Div, { className: className, children: [labels.title && (_jsx(Heading, { level: 1, className: "mb-6", size: "2xl", weight: "bold", children: labels.title })), renderTabs?.(tab, setTab), renderForm(tab, isLoading)] }));

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

@@ -1,7 +1,7 @@
 "use client";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 import React from "react";
-import { Div } from "../../../ui";
+import { Div } from "../../../ui/index.js";
 export function SellerStoreView({ renderHeader, renderNavTabs, renderContent, className = "", }) {
     const [tab, setTab] = React.useState("products");
     return (_jsxs(Div, { className: className, children: [renderHeader?.(), renderNavTabs?.(tab, setTab), renderContent?.(tab)] }));

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

@@ -2,11 +2,11 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useCallback, useEffect, useState } from "react";
 import { z } from "zod";
-import { StackedViewShell } from "../../../ui";
-import { Alert, Div, FormField, FormGroup, Heading, Stack, Text, Toggle, } from "../../../ui";
-import { FormShellContext, useFormShellState, applyZodIssues, FormErrorSummary } from "../../../ui/forms";
-import { ImageUpload, useMediaUpload } from "../../media";
-import { SectionForm, useSectionFormNav, useFormShell } from "../../shell";
+import { StackedViewShell } from "../../../ui/index.js";
+import { Alert, Div, FormField, FormGroup, Heading, Stack, Text, Toggle, } from "../../../ui/index.js";
+import { FormShellContext, useFormShellState, applyZodIssues, FormErrorSummary } from "../../../ui/forms/index.js";
+import { ImageUpload, useMediaUpload } from "../../media/index.js";
+import { SectionForm, useSectionFormNav, useFormShell } from "../../shell/index.js";
 // Small local schema for the storefront form-input shape (not the broader
 // `sellerStoreSchema`, which requires id/storeSlug/ownerId/status/createdAt —
 // fields this editable draft never has, so applying it directly would show

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

@@ -24,12 +24,12 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
  * close a complaint made against them.
  */
 import React from "react";
-import { Badge, Span, Stack, Text } from "../../../ui";
-import { DataListingView } from "../../admin/components/DataListingView";
-import { SELLER_ENDPOINTS } from "../../../constants/api-endpoints";
-import { SUPPORT_TICKET_FIELDS } from "../../../constants/field-names";
-import { sieveFilter, SIEVE_OP } from "../../../utils/sieve-builder";
-import { toRelativeDate, toStringValue } from "../../admin/hooks/useAdminListingData";
+import { Badge, Span, Stack, Text } from "../../../ui/index.js";
+import { DataListingView } from "../../admin/components/DataListingView.js";
+import { SELLER_ENDPOINTS } from "../../../constants/api-endpoints.js";
+import { SUPPORT_TICKET_FIELDS } from "../../../constants/field-names.js";
+import { sieveFilter, SIEVE_OP } from "../../../utils/sieve-builder.js";
+import { toRelativeDate, toStringValue } from "../../admin/hooks/useAdminListingData.js";
 /** Status → badge tone. Mirrors `TicketStatusValues`. */
 const STATUS_VARIANT = {
     open: "info",

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

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { SlottedListingView } from "../../../ui";
+import { SlottedListingView } from "../../../ui/index.js";
 export function SellersListView(props) {
     return _jsx(SlottedListingView, { portal: "public", ...props, manageSearch: true, manageSelection: true });
 }

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

@@ -1,9 +1,9 @@
 "use client";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { sortBy } from "@mohasinac/appkit/client";
-import { PaginatedSelect } from "../../../ui/components/PaginatedSelect";
-import { apiClient } from "../../../http";
-import { ADMIN_ENDPOINTS } from "../../../constants/api-endpoints";
+import { PaginatedSelect } from "../../../ui/components/PaginatedSelect.js";
+import { apiClient } from "../../../http/index.js";
+import { ADMIN_ENDPOINTS } from "../../../constants/api-endpoints.js";
 async function loadSublistingOptions(query, page) {
     const params = new URLSearchParams({
         page: String(page),

package/dist/features/seller/components/analytics/SellerAnalyticsStats.js

@@ -1,8 +1,8 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { TrendingUp, ShoppingBag, Package, CheckCircle } from "lucide-react";
-import { Div } from "../../../../ui";
-import { AdminStatCard } from "../../../admin/components/analytics/AdminStatCard";
+import { Div } from "../../../../ui/index.js";
+import { AdminStatCard } from "../../../admin/components/analytics/AdminStatCard.js";
 export function SellerAnalyticsStats({ summary, labels = {}, formatRevenue = (amount) => String(amount), className = "", }) {
     return (_jsxs(Div, { layout: "grid", gap: "4", className: `grid-cols-1 sm:grid-cols-2 xl:grid-cols-4 ${className}`, children: [_jsx(AdminStatCard, { label: labels.totalRevenue ?? "Total Revenue", value: formatRevenue(summary.totalRevenue), gradient: "green", icon: _jsx(TrendingUp, { className: "w-5 h-5 text-white" }) }), _jsx(AdminStatCard, { label: labels.totalOrders ?? "Total Orders", value: String(summary.totalOrders), gradient: "brand", icon: _jsx(ShoppingBag, { className: "w-5 h-5 text-white" }) }), _jsx(AdminStatCard, { label: labels.totalProducts ?? "Total Products", value: String(summary.totalProducts), gradient: "amber", icon: _jsx(Package, { className: "w-5 h-5 text-white" }) }), _jsx(AdminStatCard, { label: labels.publishedProducts ?? "Published", value: String(summary.publishedProducts), gradient: "blue", icon: _jsx(CheckCircle, { className: "w-5 h-5 text-white" }) })] }));
 }

package/dist/features/seller/components/analytics/SellerRevenueChart.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import dynamic from "next/dynamic";
-import { Div, Heading, Text } from "../../../../ui";
+import dynamic from "next/dynamic.js";
+import { Div, Heading, Text } from "../../../../ui/index.js";
 // recharts exports generic components (<DataPointType>) that don't satisfy
 // next/dynamic's ComponentType<P> constraint — cast each to ComponentType<any>.
 const BarChart = dynamic(() => import("recharts").then((m) => m.BarChart), { ssr: false });

package/dist/features/seller/components/analytics/SellerTopProducts.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Div, Heading, Row, Span, Text } from "../../../../ui";
+import { Div, Heading, Row, Span, Text } from "../../../../ui/index.js";
 export function SellerTopProducts({ products, labels = {}, formatRevenue = (amount) => String(amount), renderProductLink, renderEmptyAction, className = "", }) {
     return (_jsxs(Div, { className: `border border-[var(--appkit-color-border-subtle)] sm:p-[1.5rem] ${className}`, rounded: "xl", padding: "md", surface: "default", children: [labels.title && (_jsx(Heading, { level: 3, className: "mb-4", size: "base", weight: "semibold", children: labels.title })), products.length > 0 ? (_jsx(Div, { className: "divide-y divide-neutral-100 divide-[var(--appkit-color-border)]", children: products.map((product, index) => (_jsxs(Row, { align: "center", gap: "md", padding: "y-sm", children: [_jsxs(Span, { size: "sm", weight: "bold", className: "w-6", color: "muted", children: [index + 1, "."] }), _jsxs(Div, { className: "flex-1 min-w-0", children: [_jsx(Text, { className: "truncate", size: "sm", weight: "medium", children: product.title }), _jsxs(Text, { size: "xs", color: "muted", children: [product.orders, " ", labels.ordersLabel ?? "orders"] })] }), _jsxs(Div, { className: "text-right ml-2", children: [_jsx(Span, { size: "sm", weight: "semibold", className: "text-success", children: formatRevenue(product.revenue) }), renderProductLink?.(product)] })] }, product.productId))) })) : (_jsxs(Div, { className: "text-center", padding: "y-xl", children: [_jsx(Text, { size: "sm", weight: "medium", children: labels.noData ?? "No data available" }), labels.noDataDescription && (_jsx(Text, { className: "mt-1", color: "muted", size: "xs", children: labels.noDataDescription })), renderEmptyAction?.()] }))] }));
 }