@mohasinac/appkit 4.44.0 → 4.46.0

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

@@ -1,36 +1,39 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { formatPhysicalLocation } from "../../../utils/physical-location";
-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 { trackError, ErrorCategory, ErrorSeverity, } from "../../../monitoring/error-tracking.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";
+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, Wrench, Scissors } 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 { AssemblyDrawer, } from "../../parts/components/AssemblyDrawer.js";
+import { ACTIONS } from "../../../_internal/shared/actions/action-registry.js";
+import { buildBulkAction } from "../../../_internal/shared/actions/bulk-helpers.js";
 const FILTER_KEYS = [
     "status",
     "category",
@@ -147,6 +150,29 @@ const PRODUCT_COLUMNS = [
      * Both stock fields have been `canFilter`/`canSort` at the repository layer
      * the whole time; only the view omitted them.
      */
+    /*
+     * D8 — views, which were collected on ~30 surfaces and joined to NOTHING.
+     * A seller could not see how many people looked at their listing: the metric
+     * every competitor platform leads with.
+     *
+     * 🛑 Three states, and the middle one is the whole reason this is a column
+     * rather than a number in a subtitle. `undefined` means NOT YET ROLLED UP —
+     * the nightly pass has not run — and renders an em-dash; `0` means measured
+     * and nobody looked, and renders `0`. Collapsing them with `?? 0` is exactly
+     * what made the admin Top Products table show "0 views" on every row as
+     * though it were a measurement (A5).
+     */
+    {
+        key: "views",
+        header: "7d views",
+        className: "w-24 text-right",
+        render: (row) => {
+            if (typeof row.views7d !== "number") {
+                return _jsx(Span, { size: "xs", color: "faint", children: "\u2014" });
+            }
+            return (_jsx(Span, { size: "xs", color: row.views7d > 0 ? "primary" : "muted", numeric: true, children: row.views7d.toLocaleString() }));
+        },
+    },
     {
         key: "stock",
         header: "Stock",
@@ -225,6 +251,105 @@ 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);
+    /*
+     * ── D13: assembly ──────────────────────────────────────────────────────
+     *
+     * 🛑 The drawer's data is fetched when it OPENS, not with the page. 50 part
+     * listings and a composition per row would be a read nobody asked for on a
+     * view that renders 50 rows — and the drawer is used on a handful of them.
+     */
+    const [assembleFor, setAssembleFor] = useState(null);
+    const [assembleData, setAssembleData] = useState(null);
+    const [assembleLoading, setAssembleLoading] = useState(false);
+    const openAssembly = useCallback(async (row, direction) => {
+        setAssembleFor({ id: row.id, title: row.primary ?? row.id, direction });
+        setAssembleData(null);
+        setAssembleLoading(true);
+        try {
+            const res = await fetch(SELLER_ENDPOINTS.PRODUCT_ASSEMBLE(row.id));
+            const body = (await res.json().catch(() => null));
+            if (!res.ok)
+                throw new Error(body?.error ?? "Could not load your parts");
+            setAssembleData({
+                compositions: body?.data?.compositions ?? [],
+                options: body?.data?.options ?? [],
+                targetAvailable: body?.data?.targetAvailable ?? 0,
+            });
+        }
+        catch (err) {
+            const e = normalizeError(err);
+            /*
+             * 🛑 Closed and reported, never left open and empty. An empty picker
+             * with no explanation is the state in which a seller concludes they
+             * hold no parts — which may be false.
+             */
+            setAssembleFor(null);
+            /*
+             * 🛑 AUTHORED copy, not `e.message`. Unlike the 409 (which carries
+             * `{needs, has}` and composes a sentence around the real figures),
+             * a load failure has no number worth surfacing — so this is one honest
+             * line, and the raw text goes to the recorder where it belongs.
+             */
+            showToast("Could not load your parts. Please try again.", "error");
+            trackError(e.message, ErrorCategory.API, ErrorSeverity.MEDIUM, {
+                component: "SellerProductsView",
+                action: "openAssembly",
+            });
+        }
+        finally {
+            setAssembleLoading(false);
+        }
+    }, [showToast]);
+    const submitAssembly = useCallback(async (input) => {
+        const id = assembleFor?.id;
+        if (!id)
+            throw new Error("No listing selected");
+        const res = await fetch(SELLER_ENDPOINTS.PRODUCT_ASSEMBLE(id), {
+            method: "POST",
+            headers: { "Content-Type": "application/json" },
+            body: JSON.stringify(input),
+        });
+        const body = (await res.json().catch(() => null));
+        /*
+         * 🛑 THROWS with the server's own message, which the drawer renders. A
+         * 409 reads "Not enough available: needs 6, has 5" — the one sentence
+         * that tells the seller what to do. Swallowing it into a generic failure
+         * would turn "restock" into "retry".
+         */
+        if (!res.ok) {
+            /*
+             * 🛑 Carries the structured DETAIL to the drawer and never a rendered
+             * sentence. The drawer composes its own copy around `{needs, has}`;
+             * `message` here is for the recorder (Root Cause #86 —
+             * `audit-raw-error-text` blocks showing a thrown `.message`).
+             */
+            const err = new Error(body?.error ?? "assembly failed");
+            /*
+             * Typed rather than `unknown`: the 409's shape is OURS — the planner
+             * throws `{ kind, productId, needs, has }` — so declaring it is what
+             * lets the drawer compose a sentence around real figures instead of
+             * casting at the boundary (Root Cause #57/#70: a cast at a boundary is
+             * where this class of bug lives).
+             */
+            err.detail = { code: body?.code, ...(body?.details ?? {}) };
+            throw err;
+        }
+        return {
+            unitsBuilt: body?.data?.unitsBuilt ?? input.units,
+            consumed: body?.data?.consumed ?? [],
+        };
+    }, [assembleFor?.id]);
+    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]);
@@ -304,18 +429,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,
@@ -381,14 +557,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 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 = typeof item.stockQuantity === "number" ? item.stockQuantity : null;
-                const stockValue = availableRaw ?? stockRaw;
+                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,
@@ -399,6 +585,9 @@ export function SellerProductsView({ onDeleteProduct, onCreateClick, }) {
                     price: priceRaw ? `₹${priceRaw.toLocaleString("en-IN")}` : "—",
                     stock: stockLabel || "—",
                     stockValue,
+                    // Carried through ONLY when the document really has it — see the
+                    // field's own note on undefined-vs-zero.
+                    ...(typeof item.views7d === "number" ? { views7d: item.views7d } : {}),
                     physicalLocation: item.physicalLocation &&
                         typeof item.physicalLocation.zone === "string"
                         ? item.physicalLocation
@@ -440,6 +629,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 })),
@@ -450,8 +640,18 @@ export function SellerProductsView({ onDeleteProduct, onCreateClick, }) {
                 : `/products/${row.id}`,
         renderRowActions: (row) => {
             const isPublished = (statusOverrides.get(row.id) ?? row.status) === "published";
-            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(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 openAssembly(row, "assemble"); }, "aria-label": ACTIONS.STORE["assemble-from-parts"].ariaLabel, title: ACTIONS.STORE["assemble-from-parts"].label, disabled: assembleLoading, children: _jsx(Wrench, { className: "w-4 h-4" }) }), _jsx(Button, { variant: "ghost", size: "sm", onClick: (e) => { e.stopPropagation(); void openAssembly(row, "part-out"); }, "aria-label": ACTIONS.STORE["part-out-listing"].ariaLabel, title: ACTIONS.STORE["part-out-listing"].label, disabled: assembleLoading, children: _jsx(Scissors, { 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) })), assembleFor && assembleData && (_jsx(AssemblyDrawer, { isOpen: true, 
+                /*
+                 * 🛑 No refetch on close, and that is a stated limitation rather than
+                 * a silent one: `DataListingView` owns the query and exposes no
+                 * refetch handle to a consumer. The drawer reports the real
+                 * before/after per component, so the seller SEES what moved — but the
+                 * row behind it still shows the pre-build figure until the next
+                 * navigation. Wiring a refetch means giving `ListingViewConfig` a
+                 * handle, which is a shared-surface change and its own commit.
+                 */
+                onClose: () => { setAssembleFor(null); setAssembleData(null); }, direction: assembleFor.direction, targetTitle: assembleFor.title, targetAvailable: assembleData.targetAvailable, compositions: assembleData.compositions, options: assembleData.options, onSubmit: submitAssembly }))] }));
 }

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?.()] }))] }));
 }