@mohasinac/appkit 4.30.18 → 4.31.0

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

@@ -1,27 +1,44 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useApiMutation } from "@mohasinac/appkit/client";
-import { useState, useCallback } from "react";
+import React, { useState, useCallback } from "react";
 import { useQuery, useQueryClient } from "@tanstack/react-query";
-import { Alert, Badge, Button, Div, Form, FormActions, Heading, Input, Row, Section, Select, Stack, Text, Toggle, useToast } from "../../../ui";
+import { Alert, Badge, Button, Div, Heading, Row, Section, Stack, Text, Toggle, useToast } from "../../../ui";
 import { apiClient } from "../../../http";
 import { SELLER_ENDPOINTS } from "../../../constants/api-endpoints";
-import { analyticsAlertCreateSchema } from "../../store-extensions/schemas/analytics-forms";
+import { analyticsAlertCreateSchema, ANALYTICS_ALERT_OPERATORS, } from "../../store-extensions/schemas/analytics-forms";
 import { FormErrorSummary } from "../../../ui/forms/FormErrorSummary";
-import { ValidationError } from "../../../errors/validation-error";
+import { FormShellContext, useFormShellState } from "../../../ui/forms/FormShell";
+import { applyZodIssues } from "../../../ui/forms/apply-zod-issues";
+import { buildSectionsFromSchema, visibleValues } from "../../shell/build-sections";
+import { SectionForm, useSectionFormNav } from "../../shell/SectionForm";
+import { ACTIONS } from "../../../_internal/shared/actions/action-registry";
 const __P = {
     p5: "p-[var(--appkit-space-5)]",
 };
 // ---------------------------------------------------------------------------
 // Config
 // ---------------------------------------------------------------------------
-const OPERATOR_OPTIONS = [
-    { value: ">", label: "Greater than (>)" },
-    { value: "<", label: "Less than (<)" },
-    { value: ">=", label: "≥" },
-    { value: "<=", label: "≤" },
-    { value: "==", label: "Equals (==)" },
-];
+/**
+ * Operators, DERIVED from the schema's own list.
+ *
+ * The hand-written array had five of the six — `!=` was missing, so "not equal
+ * to" could never be chosen although `ALERT_OPERATOR_MAP` declares it and the
+ * route accepts it. That map is a `Record<AlertOperator, true>` precisely so
+ * the union cannot drift; the drift moved into the UI copy instead.
+ */
+const OPERATOR_LABELS = {
+    ">": "Greater than (>)",
+    "<": "Less than (<)",
+    ">=": "At least (≥)",
+    "<=": "At most (≤)",
+    "==": "Equals (==)",
+    "!=": "Not equal to (≠)",
+};
+const OPERATOR_OPTIONS = ANALYTICS_ALERT_OPERATORS.map((value) => ({
+    value,
+    label: OPERATOR_LABELS[value] ?? value,
+}));
 const METRIC_OPTIONS = [
     { value: "daily_revenue", label: "Daily Revenue (₹)" },
     { value: "daily_orders", label: "Daily Orders" },
@@ -57,7 +74,7 @@ function AlertCard({ alert, onToggle, onDelete, }) {
     const metricLabel = METRIC_OPTIONS.find((m) => m.value === alert.metric)?.label ?? alert.metric;
     const opLabel = OPERATOR_OPTIONS.find((o) => o.value === alert.operator)?.label ?? alert.operator;
     const windowLabel = WINDOW_OPTIONS.find((w) => w.value === String(alert.windowHours))?.label ?? `${alert.windowHours}h`;
-    return (_jsxs(Row, { surface: "card", padding: "sm", align: "start", justify: "between", gap: "md", children: [_jsxs(Div, { className: "flex-1 min-w-0", children: [_jsxs(Row, { className: "mb-1", gap: "sm", wrap: true, children: [_jsx(Text, { size: "sm", weight: "medium", color: "primary", children: alert.label }), _jsx(Badge, { variant: alert.isActive ? "success" : "default", children: alert.isActive ? "Active" : "Paused" })] }), _jsxs(Text, { className: "mb-1", color: "muted", size: "xs", children: [metricLabel, " ", opLabel, " ", alert.threshold, " \u00B7 ", windowLabel] }), _jsx(Row, { gap: "xs", wrap: true, children: alert.notifyChannels.map((ch) => (_jsx(Badge, { variant: OPERATOR_BADGE[alert.operator] ?? "default", children: ch }, ch))) }), alert.lastTriggeredAt && (_jsxs(Text, { className: "mt-1", color: "faint", size: "xs", children: ["Last triggered: ", new Date(alert.lastTriggeredAt).toLocaleString("en-IN")] }))] }), _jsxs(Row, { className: "shrink-0", align: "center", gap: "sm", children: [_jsx(Toggle, { checked: alert.isActive, onChange: (v) => onToggle(alert.id, v), size: "sm" }), _jsx(Button, { variant: "ghost", size: "sm", onClick: () => onDelete(alert.id), className: "text-error hover:text-error", children: "Delete" })] })] }));
+    return (_jsxs(Row, { surface: "card", padding: "sm", align: "start", justify: "between", gap: "md", children: [_jsxs(Div, { className: "flex-1 min-w-0", children: [_jsxs(Row, { className: "mb-1", gap: "sm", wrap: true, children: [_jsx(Text, { size: "sm", weight: "medium", color: "primary", children: alert.label }), _jsx(Badge, { variant: alert.isActive ? "success" : "default", children: alert.isActive ? "Active" : "Paused" })] }), _jsxs(Text, { className: "mb-1", color: "muted", size: "xs", children: [metricLabel, " ", opLabel, " ", alert.threshold, " \u00B7 ", windowLabel] }), _jsx(Row, { gap: "xs", wrap: true, children: alert.notifyChannels.map((ch) => (_jsx(Badge, { variant: OPERATOR_BADGE[alert.operator] ?? "default", children: ch }, ch))) }), alert.lastTriggeredAt && (_jsxs(Text, { className: "mt-1", color: "faint", size: "xs", children: ["Last triggered: ", new Date(alert.lastTriggeredAt).toLocaleString("en-IN")] }))] }), _jsxs(Row, { className: "shrink-0", align: "center", gap: "sm", children: [_jsx(Toggle, { checked: alert.isActive, onChange: (v) => onToggle(alert.id, v), size: "sm" }), _jsx(Button, { variant: "ghost", size: "sm", action: ACTIONS.STORE["delete-analytics-alert"], onClick: () => onDelete(alert.id), className: "text-error hover:text-error" })] })] }));
 }
 const EMPTY_DRAFT = {
     label: "",
@@ -66,7 +83,17 @@ const EMPTY_DRAFT = {
     threshold: "",
     windowHours: "24",
     notifyChannels: ["in-app"],
+    isActive: true,
 };
+/**
+ * The delivery-channel chips.
+ *
+ * Module level rather than an inline renderer — an inline one's handler sits
+ * six braces deep inside `useMemo`, which is DEEP_NESTING's whole subject.
+ */
+function ChannelChips({ selected, onToggle, }) {
+    return (_jsxs(Stack, { gap: "xs", children: [_jsx(Text, { color: "muted", size: "xs", weight: "medium", children: "Notify via" }), _jsx(Row, { gap: "sm", wrap: true, children: CHANNEL_OPTIONS.map((ch) => (_jsx(Button, { variant: selected.includes(ch.value) ? "primary" : "outline", type: "button", onClick: () => onToggle(ch.value), rounded: "full", paddingX: "sm", paddingY: "xs", textSize: "xs", children: ch.label }, ch.value))) })] }));
+}
 export function SellerAnalyticsAlertsView({ labels = {}, }) {
     const queryClient = useQueryClient();
     const { showToast } = useToast();
@@ -82,31 +109,7 @@ export function SellerAnalyticsAlertsView({ labels = {}, }) {
     const alerts = data ?? [];
     const createMutation = useApiMutation({
         errorMessage: "Failed to create alert",
-        mutationFn: async () => {
-            /*
-             * Parsed against the SAME schema the route uses, before the request.
-             *
-             * This form used to hand-build its payload and included `scope: "seller"`
-             * — a field the route pins from the session and the schema does not
-             * declare. Once that schema became `.strict()`, every "Create Alert"
-             * became a 400, and nothing local could have caught it: the client had
-             * no schema to check against. Parsing here is the structural fix, not
-             * the deletion of one key.
-             */
-            const parsed = analyticsAlertCreateSchema.safeParse({
-                label: draft.label,
-                metric: draft.metric,
-                operator: draft.operator,
-                threshold: draft.threshold,
-                windowHours: draft.windowHours,
-                notifyChannels: draft.notifyChannels,
-                isActive: true,
-            });
-            if (!parsed.success) {
-                throw new ValidationError(parsed.error.issues[0]?.message ?? "Invalid alert", parsed.error.issues);
-            }
-            return apiClient.post(SELLER_ENDPOINTS.ANALYTICS_ALERTS, parsed.data);
-        },
+        mutationFn: async (values) => apiClient.post(SELLER_ENDPOINTS.ANALYTICS_ALERTS, values),
         onSuccess: () => {
             showToast("Alert created", "success");
             void queryClient.invalidateQueries({ queryKey: ["seller", "analytics-alerts"] });
@@ -137,10 +140,47 @@ export function SellerAnalyticsAlertsView({ labels = {}, }) {
                 : [...d.notifyChannels, ch],
         }));
     }, []);
-    return (_jsxs(Stack, { gap: "lg", children: [_jsxs(Row, { justify: "between", children: [_jsx(Heading, { level: 2, size: "base", weight: "semibold", color: "primary", children: labels.title ?? "Analytics Alerts" }), _jsx(Button, { size: "sm", onClick: () => setShowForm((v) => !v), children: showForm ? "Cancel" : "+ New Alert" })] }), _jsx(Text, { size: "sm", color: "muted", children: "Get notified when a key metric crosses a threshold. Alerts check the metric over the selected window and fire through your chosen channels." }), showForm && (_jsxs(Section, { className: `${__P.p5} space-y-[1rem]`, rounded: "xl", border: "default", children: [_jsx(Heading, { level: 3, size: "sm", weight: "semibold", color: "primary", children: "Create Alert" }), _jsxs(Form, { schema: analyticsAlertCreateSchema, onSubmit: (e) => {
-                            e.preventDefault();
-                            createMutation.mutate();
-                        }, children: [_jsxs(Div, { layout: "grid", gap: "4", className: "sm:grid-cols-2", children: [_jsx(Input, { label: "Alert label", value: draft.label, onChange: (e) => setDraft((d) => ({ ...d, label: e.target.value })), placeholder: "e.g. Low daily orders", required: true }), _jsx(Select, { label: "Metric", value: draft.metric, onValueChange: (v) => setDraft((d) => ({ ...d, metric: v })), options: METRIC_OPTIONS }), _jsx(Select, { label: "Operator", value: draft.operator, onValueChange: (v) => setDraft((d) => ({ ...d, operator: v })), options: OPERATOR_OPTIONS }), _jsx(Input, { label: "Threshold", type: "number", value: draft.threshold, onChange: (e) => setDraft((d) => ({ ...d, threshold: e.target.value })), placeholder: "e.g. 10", required: true }), _jsx(Select, { label: "Check window", value: draft.windowHours, onValueChange: (v) => setDraft((d) => ({ ...d, windowHours: v })), options: WINDOW_OPTIONS })] }), _jsxs(Div, { className: "mt-3", children: [_jsx(Text, { className: "mb-2", color: "muted", size: "xs", weight: "medium", children: "Notify via" }), _jsx(Row, { gap: "sm", wrap: true, children: CHANNEL_OPTIONS.map((ch) => (_jsx(Button, { variant: "outline", type: "button", onClick: () => toggleChannel(ch.value), rounded: "full", paddingX: "sm", paddingY: "xs", textSize: "xs", className: draft.notifyChannels.includes(ch.value)
-                                                ? "bg-[var(--appkit-color-primary)] text-white border-transparent"
-                                                : "bg-[var(--appkit-color-surface)] text-[var(--appkit-color-text-muted)] border-[var(--appkit-color-border)]", children: ch.label }, ch.value))) })] }), _jsx(FormErrorSummary, {}), _jsx(FormActions, { align: "right", className: "mt-4", children: _jsx(Button, { type: "submit", isLoading: createMutation.isPending, children: createMutation.isPending ? "Creating…" : "Create Alert" }) })] })] })), isLoading && (_jsx(Stack, { gap: "sm", children: [1, 2, 3].map((i) => (_jsx(Div, { className: "h-16 animate-pulse", surface: "subtle", rounded: "lg" }, i))) })), !isLoading && alerts.length === 0 && !showForm && (_jsx(Alert, { variant: "info", children: "No alerts configured. Create an alert to get notified when a key metric crosses a threshold." })), !isLoading && alerts.length > 0 && (_jsx(Stack, { gap: "3", children: alerts.map((alert) => (_jsx(AlertCard, { alert: alert, onToggle: (id, isActive) => toggleMutation.mutate({ id, isActive }), onDelete: (id) => deleteMutation.mutate(id) }, alert.id))) }))] }));
+    const sections = React.useMemo(() => buildSectionsFromSchema(analyticsAlertCreateSchema, {
+        options: {
+            metric: METRIC_OPTIONS,
+            operator: OPERATOR_OPTIONS,
+            windowHours: WINDOW_OPTIONS,
+        },
+        renderers: {
+            notifyChannels: ({ values }) => (_jsx(ChannelChips, { selected: values.notifyChannels, onToggle: toggleChannel })),
+        },
+    }), [toggleChannel]);
+    const nav = useSectionFormNav(sections, draft, { scope: "store:analytics-alert" });
+    const { shellCtx, setFieldError, clearErrors } = useFormShellState(analyticsAlertCreateSchema, {
+        sections: nav.sectionMeta,
+        onGoToSection: nav.goToSection,
+        fieldToSectionIndex: nav.fieldToSectionIndex,
+    });
+    const submitAlert = () => {
+        clearErrors();
+        /*
+         * Parsed against the SAME schema the route uses, before the request.
+         *
+         * This form used to hand-build its payload and included `scope: "seller"`
+         * — a field the route pins from the session and the schema does not
+         * declare. Once that schema became `.strict()`, every "Create Alert"
+         * became a 400, and nothing local could have caught it: the client had no
+         * schema to check against. The parse is the structural fix; what changed
+         * here is only that its issues now reach the fields instead of being
+         * flattened into one thrown message.
+         */
+        const parsed = analyticsAlertCreateSchema.safeParse(visibleValues(analyticsAlertCreateSchema, draft));
+        if (!parsed.success) {
+            applyZodIssues(parsed.error.issues, setFieldError);
+            return;
+        }
+        createMutation.mutate(parsed.data);
+    };
+    return (_jsxs(Stack, { gap: "lg", children: [_jsxs(Row, { justify: "between", children: [_jsx(Heading, { level: 2, size: "base", weight: "semibold", color: "primary", children: labels.title ?? "Analytics Alerts" }), _jsx(Button, { size: "sm", onClick: () => setShowForm((v) => !v), children: showForm ? "Cancel" : "+ New Alert" })] }), _jsx(Text, { size: "sm", color: "muted", children: "Get notified when a key metric crosses a threshold. Alerts check the metric over the selected window and fire through your chosen channels." }), showForm && (_jsxs(Section, { className: `${__P.p5} space-y-[1rem]`, rounded: "xl", border: "default", children: [_jsx(Heading, { level: 3, size: "sm", weight: "semibold", color: "primary", children: "Create Alert" }), _jsxs(FormShellContext.Provider, { value: shellCtx, children: [_jsx(FormErrorSummary, {}), _jsx(SectionForm, { sections: sections, values: draft, onChange: (partial) => setDraft((prev) => ({ ...prev, ...partial })), onSubmit: submitAlert, schema: analyticsAlertCreateSchema, openIds: nav.openIds, onOpenChange: nav.setOpenIds, isLoading: createMutation.isPending, submitLabel: "Create alert", onCancel: () => setShowForm(false), 
+                                /*
+                                 * This panel is one card inside a longer analytics page, not the
+                                 * page's own form — a viewport-pinned Save would claim the
+                                 * bottom tier for a control the reader may have scrolled past.
+                                 */
+                                bottomBar: false })] })] })), isLoading && (_jsx(Stack, { gap: "sm", children: [1, 2, 3].map((i) => (_jsx(Div, { className: "h-16 animate-pulse", surface: "subtle", rounded: "lg" }, i))) })), !isLoading && alerts.length === 0 && !showForm && (_jsx(Alert, { variant: "info", children: "No alerts configured. Create an alert to get notified when a key metric crosses a threshold." })), !isLoading && alerts.length > 0 && (_jsx(Stack, { gap: "3", children: alerts.map((alert) => (_jsx(AlertCard, { alert: alert, onToggle: (id, isActive) => toggleMutation.mutate({ id, isActive }), onDelete: (id) => deleteMutation.mutate(id) }, alert.id))) }))] }));
 }

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

@@ -1,8 +1,15 @@
+/**
+ * SellerArtView — seller browse/manage of art print listings.
+ *
+ * A named wrapper, kept so the page, the barrel and every existing import path
+ * stay unchanged. All behaviour is `SellerListingTypeView`; everything this
+ * type does differently is one entry in `SELLER_LISTING_TYPE_SPECS`.
+ *
+ * This file was 194 lines of a component that four siblings also contained
+ * verbatim — see that file's header for why the duplication mattered rather
+ * than merely being untidy.
+ */
 import React from "react";
-export interface SellerArtViewProps {
-    onCreateClick?: () => void;
-    onEditClick?: (id: string) => void;
-    onDelete?: (id: string) => Promise<void>;
-    onBulkDelete?: (ids: string[]) => Promise<void>;
-}
-export declare function SellerArtView({ onCreateClick, onEditClick, onDelete, onBulkDelete, }: SellerArtViewProps): React.JSX.Element;
+import { type SellerListingTypeViewProps } from "./SellerListingTypeView";
+export type SellerArtViewProps = SellerListingTypeViewProps;
+export declare function SellerArtView(props: SellerArtViewProps): React.JSX.Element;

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

@@ -1,121 +1,6 @@
 "use client";
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-/**
- * SellerArtView — seller browse/manage of art print listings
- * (EMI/art-stickers session). Mirrors SellerClassifiedView's pattern.
- */
-import { Badge, sortBy } from "@mohasinac/appkit/client";
-import { useState, useCallback } from "react";
-import { useEntityDelete } from "../../../react/hooks/useEntityDelete";
-import { ConfirmDeleteModal, RowActionMenu, Text } from "../../../ui";
-import { SELLER_ENDPOINTS } from "../../../constants/api-endpoints";
-import { ACTIONS } from "../../../_internal/shared/actions/action-registry";
-import { ROUTES } from "../../../constants/index";
-import { toRecordArray, toRelativeDate, toCurrency, toStringValue, } from "../../admin/hooks/useAdminListingData";
-import { DataListingView } from "../../admin/components/DataListingView";
-import { SELLER_BULK_ACTIONS, ROW_ACTION_META } from "../../products/constants/action-defs";
-import { useAvailabilityScope } from "../../products/hooks/useAvailabilityScope";
-const LISTING_TYPES = ["art"];
-const COLUMNS = [
-    { key: "title", header: "Listing", render: (row) => _jsx(Text, { size: "sm", weight: "medium", children: row.title }) },
-    { key: "price", header: "Price", render: (row) => _jsx(Text, { className: "tabular-nums", size: "sm", children: row.price }) },
-    {
-        key: "size",
-        header: "Size",
-        render: (row) => _jsx(Text, { className: "text-[var(--appkit-color-text-muted)]", size: "sm", children: row.size || "—" }),
-    },
-    {
-        key: "status",
-        header: "Status",
-        render: (row) => (_jsx(Badge, { variant: row.status === "active" ? "active" : "inactive", size: "xs", className: "capitalize", children: row.status })),
-    },
-    {
-        key: "createdAt",
-        header: "Created",
-        render: (row) => _jsx(Text, { className: "text-[var(--appkit-color-text-muted)]", size: "sm", children: row.createdAt }),
-    },
-];
-export function SellerArtView({ onCreateClick, onEditClick, onDelete, onBulkDelete, }) {
-    const [deleteTargetId, setDeleteTargetId] = useState(null);
-    const { deletingId, handleDelete: performDelete } = useEntityDelete({
-        endpoint: SELLER_ENDPOINTS.PRODUCT_BY_ID,
-        deleteFn: onDelete,
-        successMessage: "Listing deleted.",
-        fetchOptions: { credentials: "include" },
-    });
-    const handleDelete = useCallback(async (id) => {
-        await performDelete(id);
-        setDeleteTargetId(null);
-    }, [performDelete]);
-    const handleEdit = useCallback((id) => {
-        if (onEditClick)
-            onEditClick(id);
-        else
-            window.location.href = String(ROUTES.STORE.ART_EDIT(id));
-    }, [onEditClick]);
-    const handleCreate = useCallback(() => {
-        if (onCreateClick)
-            onCreateClick();
-        else
-            window.location.href = String(ROUTES.STORE.ART_NEW);
-    }, [onCreateClick]);
-    const scope = useAvailabilityScope(LISTING_TYPES);
-    const config = {
-        portal: "seller",
-        title: "Art",
-        searchPlaceholder: "Search art prints...",
-        emptyLabel: "No art listings yet — list your first print",
-        filterKeys: [],
-        defaultSort: sortBy("createdAt", "DESC"),
-        queryKey: ["seller", "art"],
-        endpoint: SELLER_ENDPOINTS.PRODUCTS,
-        sortOptions: [
-            { value: sortBy("createdAt", "DESC"), label: "Newest" },
-            { value: sortBy("createdAt", "ASC"), label: "Oldest" },
-            { value: "title", label: "Name A–Z" },
-            { value: sortBy("price", "ASC"), label: "Price: Low–High" },
-            { value: sortBy("price", "DESC"), label: "Price: High–Low" },
-        ],
-        columns: COLUMNS,
-        mapRows: (response) => toRecordArray(response.products).map((item, index) => {
-            const printMeta = (item.printMeta ?? {});
-            return {
-                id: toStringValue(item.id, `art-${index}`),
-                title: toStringValue(item.productTitle ?? item.title, "Untitled"),
-                price: toCurrency(item.price),
-                size: toStringValue(printMeta.size, ""),
-                status: toStringValue(item.status, "draft"),
-                createdAt: toRelativeDate(item.createdAt),
-            };
-        }),
-        getTotal: (response, mappedRows) => typeof response.meta?.total === "number" ? response.meta.total : mappedRows.length,
-        buildFilters: () => "listingType==art",
-        buildExtraParams: () => scope.extraParams,
-        renderAboveContent: scope.renderAboveContent,
-        primaryAction: { label: "New Art Print", onClick: () => handleCreate() },
-        // Mirrors the "Edit" row action below so table rows and cards both navigate on click.
-        onRowClick: (row) => handleEdit(row.id),
-        // Rule #7: bulk-action array sourced from the SELLER_BULK_ACTIONS preset.
-        buildBulkActions: onBulkDelete
-            ? (selection) => SELLER_BULK_ACTIONS.art.map((id) => ({
-                id,
-                label: ROW_ACTION_META[id].label,
-                destructive: ROW_ACTION_META[id].destructive,
-                onClick: async () => {
-                    await onBulkDelete(selection.selectedIds);
-                    selection.clearSelection();
-                },
-            }))
-            : undefined,
-        renderRowActions: (row) => (_jsx(RowActionMenu, { actions: [
-                { label: ACTIONS.STORE["edit-listing"].label, onClick: () => handleEdit(row.id) },
-                {
-                    label: ACTIONS.STORE["delete-listing"].label,
-                    destructive: true,
-                    onClick: () => setDeleteTargetId(row.id),
-                    disabled: deletingId === row.id,
-                },
-            ] })),
-    };
-    return (_jsxs(_Fragment, { children: [_jsx(DataListingView, { config: config }), deleteTargetId && (_jsx(ConfirmDeleteModal, { isOpen: true, title: "Delete Art Listing", message: "Are you sure you want to delete this art listing? This cannot be undone.", onConfirm: () => handleDelete(deleteTargetId), onClose: () => setDeleteTargetId(null), isDeleting: deletingId === deleteTargetId }))] }));
+import { jsx as _jsx } from "react/jsx-runtime";
+import { SellerListingTypeView, } from "./SellerListingTypeView";
+export function SellerArtView(props) {
+    return _jsx(SellerListingTypeView, { type: "art", ...props });
 }

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

@@ -88,7 +88,7 @@ export function SellerBidsView({ endpoint = SELLER_ENDPOINTS.BIDS }) {
         }
         catch (err) {
             void normalizeError(err);
-            showToast(err instanceof Error ? err.message : "Failed to cancel bids.", "error");
+            showToast("Failed to cancel bids.", "error");
         }
     }, [showToast]);
     const config = {

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

@@ -1,8 +1,15 @@
+/**
+ * SellerClassifiedView — seller browse/manage of classified listings.
+ *
+ * A named wrapper, kept so the page, the barrel and every existing import path
+ * stay unchanged. All behaviour is `SellerListingTypeView`; everything this
+ * type does differently is one entry in `SELLER_LISTING_TYPE_SPECS`.
+ *
+ * This file was 208 lines of a component that four siblings also contained
+ * verbatim — see that file's header for why the duplication mattered rather
+ * than merely being untidy.
+ */
 import React from "react";
-export interface SellerClassifiedViewProps {
-    onCreateClick?: () => void;
-    onEditClick?: (id: string) => void;
-    onDelete?: (id: string) => Promise<void>;
-    onBulkDelete?: (ids: string[]) => Promise<void>;
-}
-export declare function SellerClassifiedView({ onCreateClick, onEditClick, onDelete, onBulkDelete, }: SellerClassifiedViewProps): React.JSX.Element;
+import { type SellerListingTypeViewProps } from "./SellerListingTypeView";
+export type SellerClassifiedViewProps = SellerListingTypeViewProps;
+export declare function SellerClassifiedView(props: SellerClassifiedViewProps): React.JSX.Element;

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

@@ -1,126 +1,6 @@
 "use client";
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { Badge, sortBy } from "@mohasinac/appkit/client";
-import { useState, useCallback } from "react";
-import { useEntityDelete } from "../../../react/hooks/useEntityDelete";
-import { ConfirmDeleteModal, RowActionMenu, Text } from "../../../ui";
-import { SELLER_ENDPOINTS } from "../../../constants/api-endpoints";
-import { ACTIONS } from "../../../_internal/shared/actions/action-registry";
-import { ROUTES } from "../../../constants/index";
-import { toRecordArray, toRelativeDate, toCurrency, toStringValue, } from "../../admin/hooks/useAdminListingData";
-import { DataListingView } from "../../admin/components/DataListingView";
-import { SELLER_BULK_ACTIONS, ROW_ACTION_META } from "../../products/constants/action-defs";
-import { useAvailabilityScope } from "../../products/hooks/useAvailabilityScope";
-const LISTING_TYPES = ["classified"];
-const COLUMNS = [
-    { key: "title", header: "Listing", render: (row) => _jsx(Text, { size: "sm", weight: "medium", children: row.title }) },
-    { key: "price", header: "Price", render: (row) => _jsx(Text, { className: "tabular-nums", size: "sm", children: row.price }) },
-    {
-        key: "city",
-        header: "Location",
-        render: (row) => (_jsx(Text, { className: "text-[var(--appkit-color-text-muted)]", size: "sm", children: row.city || "—" })),
-    },
-    {
-        key: "acceptsShipping",
-        header: "Shipping",
-        render: (row) => (_jsx(Badge, { variant: row.acceptsShipping ? "active" : "inactive", size: "xs", children: row.acceptsShipping ? "Ships" : "Meetup only" })),
-    },
-    {
-        key: "status",
-        header: "Status",
-        render: (row) => (_jsx(Badge, { variant: row.status === "active" ? "active" : "inactive", size: "xs", className: "capitalize", children: row.status })),
-    },
-    {
-        key: "createdAt",
-        header: "Created",
-        render: (row) => (_jsx(Text, { className: "text-[var(--appkit-color-text-muted)]", size: "sm", children: row.createdAt })),
-    },
-];
-export function SellerClassifiedView({ onCreateClick, onEditClick, onDelete, onBulkDelete, }) {
-    const [deleteTargetId, setDeleteTargetId] = useState(null);
-    const { deletingId, handleDelete: performDelete } = useEntityDelete({
-        endpoint: SELLER_ENDPOINTS.PRODUCT_BY_ID,
-        deleteFn: onDelete,
-        successMessage: "Listing deleted.",
-        fetchOptions: { credentials: "include" },
-    });
-    const handleDelete = useCallback(async (id) => {
-        await performDelete(id);
-        setDeleteTargetId(null);
-    }, [performDelete]);
-    const handleEdit = useCallback((id) => {
-        if (onEditClick)
-            onEditClick(id);
-        else
-            window.location.href = String(ROUTES.STORE.CLASSIFIED_EDIT(id));
-    }, [onEditClick]);
-    const handleCreate = useCallback(() => {
-        if (onCreateClick)
-            onCreateClick();
-        else
-            window.location.href = String(ROUTES.STORE.CLASSIFIED_NEW);
-    }, [onCreateClick]);
-    const scope = useAvailabilityScope(LISTING_TYPES);
-    const config = {
-        portal: "seller",
-        title: "Classified",
-        searchPlaceholder: "Search classified listings...",
-        emptyLabel: "No classified listings yet — post your first buy/sell/trade ad",
-        filterKeys: [],
-        defaultSort: sortBy("createdAt", "DESC"),
-        queryKey: ["seller", "classified"],
-        endpoint: SELLER_ENDPOINTS.PRODUCTS,
-        sortOptions: [
-            { value: sortBy("createdAt", "DESC"), label: "Newest" },
-            { value: sortBy("createdAt", "ASC"), label: "Oldest" },
-            { value: "title", label: "Name A–Z" },
-            { value: sortBy("price", "ASC"), label: "Price: Low–High" },
-            { value: sortBy("price", "DESC"), label: "Price: High–Low" },
-        ],
-        columns: COLUMNS,
-        mapRows: (response) => toRecordArray(response.products).map((item, index) => {
-            const classified = (item.classified ?? {});
-            const meetupArea = (classified.meetupArea ?? {});
-            return {
-                id: toStringValue(item.id, `classified-${index}`),
-                title: toStringValue(item.productTitle ?? item.title, "Untitled"),
-                price: toCurrency(item.price),
-                city: toStringValue(meetupArea.city ?? classified.city, ""),
-                acceptsShipping: Boolean(classified.acceptsShipping),
-                status: toStringValue(item.status, "draft"),
-                createdAt: toRelativeDate(item.createdAt),
-            };
-        }),
-        getTotal: (response, mappedRows) => typeof response.meta?.total === "number"
-            ? response.meta.total
-            : mappedRows.length,
-        buildFilters: () => "listingType==classified",
-        buildExtraParams: () => scope.extraParams,
-        renderAboveContent: scope.renderAboveContent,
-        primaryAction: { label: "New Classified", onClick: () => handleCreate() },
-        // Mirrors the "Edit" row action below so table rows and cards both navigate on click.
-        onRowClick: (row) => handleEdit(row.id),
-        // Rule #7: bulk-action array sourced from the SELLER_BULK_ACTIONS preset.
-        buildBulkActions: onBulkDelete
-            ? (selection) => SELLER_BULK_ACTIONS.classified.map((id) => ({
-                id,
-                label: ROW_ACTION_META[id].label,
-                destructive: ROW_ACTION_META[id].destructive,
-                onClick: async () => {
-                    await onBulkDelete(selection.selectedIds);
-                    selection.clearSelection();
-                },
-            }))
-            : undefined,
-        renderRowActions: (row) => (_jsx(RowActionMenu, { actions: [
-                { label: ACTIONS.STORE["edit-listing"].label, onClick: () => handleEdit(row.id) },
-                {
-                    label: ACTIONS.STORE["delete-listing"].label,
-                    destructive: true,
-                    onClick: () => setDeleteTargetId(row.id),
-                    disabled: deletingId === row.id,
-                },
-            ] })),
-    };
-    return (_jsxs(_Fragment, { children: [_jsx(DataListingView, { config: config }), deleteTargetId && (_jsx(ConfirmDeleteModal, { isOpen: true, title: "Delete Classified Listing", message: "Are you sure you want to delete this classified listing? This cannot be undone.", onConfirm: () => handleDelete(deleteTargetId), onClose: () => setDeleteTargetId(null), isDeleting: deletingId === deleteTargetId }))] }));
+import { jsx as _jsx } from "react/jsx-runtime";
+import { SellerListingTypeView, } from "./SellerListingTypeView";
+export function SellerClassifiedView(props) {
+    return _jsx(SellerListingTypeView, { type: "classified", ...props });
 }

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

@@ -1,4 +1,25 @@
+/**
+ * SellerCouponEditorView — sectionised 2026-08-30.
+ *
+ * ## The schema ran and could not be seen
+ *
+ * Unusually for this sweep, `sellerCouponFormSchema` was genuinely parsed on
+ * submit. What it could not do was report: every control was a raw `<Input>`
+ * with **no `name`**, so `applyZodIssues` wrote errors keyed on schema paths
+ * that no control on the page displayed. A percentage over 100 produced a line
+ * in `FormErrorSummary` and nothing at all on the field that caused it.
+ *
+ * Generating the controls from the schema is what fixes that: the field name
+ * IS the schema key, by construction.
+ *
+ * The local error banner is gone too. It carried two different kinds of
+ * failure — schema issues (already listed by `FormErrorSummary`, so a second
+ * copy) and the caller's save error (which has no field to land on, and so is
+ * a toast). One surface each.
+ */
+import React from "react";
 export interface CouponEditorDraft {
+    [key: string]: unknown;
     code: string;
     type: "percentage" | "fixed" | "free_shipping";
     value: string;
@@ -18,4 +39,4 @@ export interface SellerCouponEditorViewProps {
     onSave: (draft: CouponEditorDraft, couponId?: string) => Promise<void>;
     onCancel?: () => void;
 }
-export declare function SellerCouponEditorView({ couponId, initial, onSave, onCancel, }: SellerCouponEditorViewProps): import("react").JSX.Element;
+export declare function SellerCouponEditorView({ couponId, initial, onSave, onCancel, }: SellerCouponEditorViewProps): React.JSX.Element;