@mohasinac/appkit 4.41.0 → 4.41.2

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

@@ -1,160 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useCallback, useEffect, useState, useTransition } from "react";
-import { Alert, Badge, Button, Div, Heading, Input, LoginRequiredModal, Row, Spinner, Stack, Text } from "../../../ui";
-import { isAuthError } from "../../../utils/auth-error";
-import { ACTIONS } from "../../../_internal/shared/actions/action-registry";
-import { SELLER_ENDPOINTS } from "../../../constants/api-endpoints";
-import { normalizeError } from "../../../errors/normalize";
-function formatRupees(amount) {
-    if (amount === undefined || amount === null)
-        return "—";
-    return `₹${amount.toLocaleString("en-IN")}`;
-}
-function relativeTime(date) {
-    if (!date)
-        return "";
-    const d = date instanceof Date ? date : new Date(date);
-    const diff = Date.now() - d.getTime();
-    const mins = Math.floor(diff / 60000);
-    if (mins < 60)
-        return `${mins}m ago`;
-    const hrs = Math.floor(diff / 3600000);
-    if (hrs < 24)
-        return `${hrs}h ago`;
-    return `${Math.floor(diff / 86400000)}d ago`;
-}
-function expiresIn(expiresAt) {
-    if (!expiresAt)
-        return "";
-    const exp = expiresAt instanceof Date ? expiresAt : new Date(expiresAt);
-    const diff = exp.getTime() - Date.now();
-    if (diff <= 0)
-        return "Expired";
-    const hrs = Math.floor(diff / 3600000);
-    if (hrs < 1)
-        return "< 1h left";
-    if (hrs < 24)
-        return `${hrs}h left`;
-    return `${Math.floor(diff / 86400000)}d left`;
-}
-function statusVariant(status) {
-    switch (status) {
-        case "pending": return "warning";
-        case "accepted": return "success";
-        case "declined": return "danger";
-        case "countered": return "info";
-        case "expired": return "default";
-        case "withdrawn": return "default";
-        case "paid": return "success";
-        default: return "default";
-    }
-}
-const PLACEHOLDER_SELLER_NOTE = "Optional note to buyer";
-function OfferCard({ offer, onRespond, onUpdate, onNeedsLogin }) {
-    const [uiState, setUiState] = useState("idle");
-    const [counterInput, setCounterInput] = useState("");
-    const [sellerNote, setSellerNote] = useState("");
-    const [error, setError] = useState("");
-    const [isPending, startTransition] = useTransition();
-    const toAccepting = useCallback(() => setUiState("accepting"), []);
-    const toCountering = useCallback(() => setUiState("countering"), []);
-    const toDeclining = useCallback(() => setUiState("declining"), []);
-    const toIdle = useCallback(() => setUiState("idle"), []);
-    const isPendingOffer = offer.status === "pending";
-    function submit(action) {
-        setError("");
-        startTransition(async () => {
-            try {
-                await onRespond(action);
-                onUpdate(offer.id, {
-                    status: action.action === "accept"
-                        ? "accepted"
-                        : action.action === "decline"
-                            ? "declined"
-                            : "countered",
-                });
-                setUiState("idle");
-            }
-            catch (err) {
-                void normalizeError(err);
-                if (isAuthError(err)) {
-                    onNeedsLogin();
-                }
-                else {
-                    setError(err instanceof Error ? err.message : "Something went wrong.");
-                }
-            }
-        });
-    }
-    function handleAccept() {
-        submit({ action: "accept", offerId: offer.id, sellerNote: sellerNote || undefined });
-    }
-    function handleDecline() {
-        submit({ action: "decline", offerId: offer.id, sellerNote: sellerNote || undefined });
-    }
-    function handleCounter() {
-        const amount = parseInt(counterInput, 10);
-        if (!amount || amount <= 0) {
-            setError("Enter a valid counter amount.");
-            return;
-        }
-        if (amount >= offer.listedPrice) {
-            setError("Counter must be below the listed price.");
-            return;
-        }
-        if (amount === offer.offerAmount) {
-            setError("Counter must differ from the buyer's offer.");
-            return;
-        }
-        submit({ action: "counter", offerId: offer.id, counterAmount: amount, sellerNote: sellerNote || undefined });
-    }
-    return (_jsxs(Stack, { surface: "card", padding: "sm", gap: "3", children: [_jsxs(Row, { align: "start", justify: "between", gap: "sm", wrap: true, children: [_jsxs(Div, { className: "min-w-0", children: [_jsx(Text, { className: "truncate", color: "primary", size: "sm", weight: "semibold", children: offer.productTitle ?? "Unknown Product" }), _jsxs(Text, { className: "mt-0.5", color: "muted", size: "xs", children: [relativeTime(offer.createdAt), " \u00B7 ", isPendingOffer ? expiresIn(offer.expiresAt) : ""] })] }), _jsx(Badge, { variant: statusVariant(offer.status), size: "xs", className: "shrink-0 capitalize", children: offer.status })] }), _jsxs(Row, { wrap: true, gap: "md", children: [_jsxs(Div, { children: [_jsx(Text, { className: "tracking-wide", color: "faint", size: "xs", transform: "uppercase", children: "Listed" }), _jsx(Text, { size: "sm", weight: "medium", color: "muted", children: formatRupees(offer.listedPrice) })] }), _jsxs(Div, { children: [_jsx(Text, { className: "tracking-wide", color: "faint", size: "xs", transform: "uppercase", children: "Offered" }), _jsx(Text, { size: "sm", weight: "semibold", color: "primary", children: formatRupees(offer.offerAmount) })] }), offer.counterAmount != null && (_jsxs(Div, { children: [_jsx(Text, { className: "tracking-wide", color: "faint", size: "xs", transform: "uppercase", children: "Your Counter" }), _jsx(Text, { className: "text-info", size: "sm", weight: "medium", children: formatRupees(offer.counterAmount) })] }))] }), offer.buyerNote && (_jsxs(Text, { className: "italic", color: "muted", size: "xs", children: ["\"", offer.buyerNote, "\""] })), isPendingOffer && uiState === "idle" && (_jsxs(Row, { wrap: true, gap: "sm", children: [_jsx(Button, { size: "sm", variant: "primary", onClick: toAccepting, disabled: isPending, children: "Accept" }), _jsx(Button, { size: "sm", variant: "ghost", onClick: toCountering, disabled: isPending, border: "strong", children: "Counter" }), _jsx(Button, { size: "sm", variant: "ghost", onClick: toDeclining, disabled: isPending, className: "text-error border border-error/20", children: "Decline" })] })), uiState === "accepting" && (_jsxs(Stack, { gap: "sm", children: [_jsx(Input, { placeholder: PLACEHOLDER_SELLER_NOTE, value: sellerNote, onChange: (e) => setSellerNote(e.target.value), disabled: isPending }), _jsxs(Row, { gap: "sm", children: [_jsx(Button, { size: "sm", variant: "primary", onClick: handleAccept, disabled: isPending, children: isPending ? "Accepting…" : "Confirm Accept" }), _jsx(Button, { size: "sm", variant: "ghost", onClick: toIdle, disabled: isPending, children: ACTIONS.STORE["cancel-form"].label })] })] })), uiState === "declining" && (_jsxs(Stack, { gap: "sm", children: [_jsx(Input, { placeholder: PLACEHOLDER_SELLER_NOTE, value: sellerNote, onChange: (e) => setSellerNote(e.target.value), disabled: isPending }), _jsxs(Row, { gap: "sm", children: [_jsx(Button, { size: "sm", variant: "ghost", onClick: handleDecline, disabled: isPending, className: "text-error border border-error/20", children: isPending ? "Declining…" : "Confirm Decline" }), _jsx(Button, { size: "sm", variant: "ghost", onClick: toIdle, disabled: isPending, children: ACTIONS.STORE["cancel-form"].label })] })] })), uiState === "countering" && (_jsxs(Stack, { gap: "sm", children: [_jsxs(Text, { size: "xs", color: "muted", children: ["Suggest a price between the buyer's offer (", formatRupees(offer.offerAmount), ") and your listed price (", formatRupees(offer.listedPrice), ")."] }), _jsx(Input, { type: "number", placeholder: "Your counter amount (\u20B9)", value: counterInput, onChange: (e) => setCounterInput(e.target.value), disabled: isPending }), _jsx(Input, { placeholder: PLACEHOLDER_SELLER_NOTE, value: sellerNote, onChange: (e) => setSellerNote(e.target.value), disabled: isPending }), _jsxs(Row, { gap: "sm", children: [_jsx(Button, { size: "sm", variant: "secondary", onClick: handleCounter, disabled: isPending, children: isPending ? "Sending…" : "Send Counter" }), _jsx(Button, { size: "sm", variant: "ghost", onClick: toIdle, disabled: isPending, children: ACTIONS.STORE["cancel-form"].label })] })] })), error && _jsx(Alert, { variant: "error", children: _jsx(Text, { size: "xs", children: error }) })] }));
-}
-export function SellerOffersPanel({ fetchEndpoint = SELLER_ENDPOINTS.OFFERS, onRespond, className = "", }) {
-    const [offers, setOffers] = useState([]);
-    const [loading, setLoading] = useState(true);
-    const [fetchError, setFetchError] = useState("");
-    const [showLoginModal, setShowLoginModal] = useState(false);
-    const [statusFilter, setStatusFilter] = useState("all");
-    const loadOffers = useCallback(async () => {
-        setLoading(true);
-        setFetchError("");
-        try {
-            const url = statusFilter === "all"
-                ? fetchEndpoint
-                : `${fetchEndpoint}?status=${statusFilter}`;
-            const res = await fetch(url);
-            if (!res.ok) {
-                if (res.status === 401 || res.status === 403) {
-                    setShowLoginModal(true);
-                    return;
-                }
-                throw new Error(`Error ${res.status}`);
-            }
-            const json = (await res.json());
-            setOffers(json.items ?? json.offers ?? []);
-        }
-        catch (err) {
-            void normalizeError(err);
-            setFetchError(err instanceof Error ? err.message : "Failed to load offers.");
-        }
-        finally {
-            setLoading(false);
-        }
-    }, [fetchEndpoint, statusFilter]);
-    useEffect(() => { void loadOffers(); }, [loadOffers]);
-    function handleUpdate(id, patch) {
-        setOffers((prev) => prev.map((o) => (o.id === id ? { ...o, ...patch } : o)));
-    }
-    const STATUS_FILTERS = [
-        { value: "all", label: "All" },
-        { value: "pending", label: "Pending" },
-        { value: "countered", label: "Countered" },
-        { value: "accepted", label: "Accepted" },
-        { value: "declined", label: "Declined" },
-        { value: "expired", label: "Expired" },
-    ];
-    const pending = offers.filter((o) => o.status === "pending").length;
-    return (_jsxs(Stack, { className: `${className}`, gap: "md", children: [_jsx(LoginRequiredModal, { isOpen: showLoginModal, onClose: () => setShowLoginModal(false), message: "You need to be signed in to manage offers. Please log in or create an account to continue." }), _jsxs(Row, { align: "center", justify: "between", gap: "sm", wrap: true, children: [_jsxs(Div, { children: [_jsx(Heading, { level: 2, size: "lg", weight: "semibold", color: "primary", children: "Offers Received" }), pending > 0 && (_jsxs(Text, { className: "text-warning mt-0.5", size: "xs", children: [pending, " pending offer", pending > 1 ? "s" : "", " awaiting your response"] }))] }), _jsx(Button, { size: "sm", variant: "ghost", onClick: loadOffers, disabled: loading, border: "strong", textSize: "xs", children: loading ? "Refreshing…" : ACTIONS.STORE["refresh-offers"].label })] }), _jsx(Row, { wrap: true, gap: "xs", children: STATUS_FILTERS.map((f) => (_jsx(Button, { size: "sm", variant: statusFilter === f.value ? "primary" : "ghost", onClick: () => setStatusFilter(f.value), className: "text-[length:var(--appkit-text-xs)] px-[var(--appkit-space-2)] py-[var(--appkit-space-1)]", children: f.label }, f.value))) }), fetchError && _jsx(Alert, { variant: "error", children: _jsx(Text, { size: "sm", children: fetchError }) }), loading && (_jsx(Row, { justify: "center", padding: "y-3xl", children: _jsx(Spinner, { size: "lg" }) })), !loading && offers.length === 0 && (_jsx(Div, { className: "text-center", padding: "y-3xl", children: _jsx(Text, { size: "sm", color: "faint", children: "No offers found" }) })), !loading && offers.length > 0 && (_jsx(Stack, { gap: "3", children: offers.map((offer) => (_jsx(OfferCard, { offer: offer, onRespond: onRespond, onUpdate: handleUpdate, onNeedsLogin: () => setShowLoginModal(true) }, offer.id))) }))] }));
-}

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

@@ -1,6 +0,0 @@
-import React from "react";
-import type { ListingLayoutProps } from "../../../ui";
-export interface SellerPreOrdersViewProps extends ListingLayoutProps {
-    onDelete?: (id: string) => Promise<void>;
-}
-export declare function SellerPreOrdersView({ children, onDelete, ...props }: SellerPreOrdersViewProps): React.JSX.Element;

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

@@ -1,148 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { Row, SIEVE_OP, Stack, sieveFilter } from "@mohasinac/appkit/client";
-import { sortBy } from "@mohasinac/appkit/client";
-import React, { useState, useCallback } from "react";
-import { useEntityDelete } from "../../../react/hooks/useEntityDelete";
-import { Badge, ConfirmDeleteModal, Div, FilterChipGroup, ListingLayout, RowActionMenu, Span, Text } from "../../../ui";
-import { MediaImage } from "../../media/MediaImage";
-import { SELLER_ENDPOINTS } from "../../../constants/api-endpoints";
-import { SELLER_PRE_ORDER_STATUS_TABS } from "../../admin/constants/filter-tabs";
-import { ROUTES } from "../../../constants";
-import { ACTIONS } from "../../../_internal/shared/actions/action-registry";
-import { toRecordArray, toRelativeDate, toCurrency, toStringValue, } from "../../admin/hooks/useAdminListingData";
-import { DataListingView } from "../../admin/components/DataListingView";
-import { useActionDispatch } from "../../../react/hooks/use-action-dispatch";
-import { useAvailabilityScope } from "../../products/hooks/useAvailabilityScope";
-const PRE_ORDER_TYPES = ["pre-order"];
-const PRE_ORDER_COLUMNS = [
-    {
-        key: "thumbnail",
-        header: "",
-        className: "w-12",
-        render: (row) => row.imageUrl ? (_jsx(Div, { className: "relative w-10 h-10 flex-shrink-0 border border-[var(--appkit-color-border)]", rounded: "lg", overflow: "hidden", children: _jsx(MediaImage, { src: row.imageUrl, alt: "", size: "thumbnail" }) })) : (_jsx(Row, { className: "w-10 h-10 bg-[var(--appkit-color-surface-raised)] border border-[var(--appkit-color-border)]", align: "center", justify: "center", rounded: "lg", children: _jsx(Span, { size: "xs", color: "faint", children: "\u2013" }) })),
-    },
-    {
-        key: "primary",
-        header: "Pre-order",
-        render: (row) => (_jsxs(Stack, { gap: "xs", children: [_jsx(Text, { className: "text-[var(--appkit-color-text)] line-clamp-1", weight: "medium", children: row.primary }), _jsx(Span, { size: "xs", color: "muted", children: row.secondary })] })),
-    },
-    {
-        key: "price",
-        header: "Price",
-        className: "w-28 text-right",
-        render: (row) => (_jsx(Span, { size: "sm", weight: "medium", className: "text-[var(--appkit-color-text)]", children: row.price })),
-    },
-    {
-        key: "status",
-        header: "Status",
-        className: "w-28",
-        render: (row) => {
-            // Real ProductStatus is draft|published|in_review|archived — "active"
-            // fixed to "published"; "cancelled" is not a stored status value.
-            const variant = row.status === "published"
-                ? "success"
-                : row.status === "draft"
-                    ? "default"
-                    : "warning";
-            return _jsx(Badge, { variant: variant, children: row.status });
-        },
-    },
-    {
-        key: "deliveryDate",
-        header: "Est. Delivery",
-        className: "w-36",
-        render: (row) => (_jsx(Span, { size: "xs", color: "muted", children: row.deliveryDate })),
-    },
-    {
-        key: "updatedAt",
-        header: "Updated",
-        className: "w-28",
-        render: (row) => (_jsx(Span, { size: "xs", color: "muted", children: row.updatedAt })),
-    },
-];
-export function SellerPreOrdersView({ children, onDelete, ...props }) {
-    const dispatch = useActionDispatch();
-    const [deleteTargetId, setDeleteTargetId] = useState(null);
-    const { deletingId, handleDelete: performDelete } = useEntityDelete({
-        endpoint: SELLER_ENDPOINTS.PRODUCT_BY_ID,
-        deleteFn: onDelete,
-        successMessage: "Pre-order deleted.",
-        fetchOptions: { credentials: "include" },
-    });
-    const handleDelete = useCallback(async (id) => {
-        await performDelete(id);
-        setDeleteTargetId(null);
-    }, [performDelete]);
-    if (React.Children.count(children) > 0) {
-        return (_jsx(ListingLayout, { portal: "seller", ...props, children: children }));
-    }
-    const scope = useAvailabilityScope(PRE_ORDER_TYPES);
-    const config = {
-        portal: "seller",
-        title: "Pre-Orders",
-        searchPlaceholder: "Search pre-orders by name…",
-        emptyLabel: "No pre-orders listed yet",
-        filterKeys: ["status"],
-        defaultSort: sortBy("createdAt", "DESC"),
-        queryKey: ["seller", "pre-orders", "listing"],
-        endpoint: SELLER_ENDPOINTS.PRODUCTS,
-        sortOptions: [
-            { value: sortBy("createdAt", "DESC"), label: "Newest" },
-            { value: sortBy("createdAt", "ASC"), label: "Oldest" },
-            { value: "title", label: "Title A–Z" },
-            { value: "preOrderDeliveryDate", label: "Delivery Soon" },
-        ],
-        columns: PRE_ORDER_COLUMNS,
-        mapRows: (response) => toRecordArray(response.products).map((item, index) => {
-            const priceRaw = typeof item.price === "number" ? item.price : 0;
-            return {
-                id: toStringValue(item.id, `preorder-${index}`),
-                primary: toStringValue(item.title ?? item.name, "Untitled pre-order"),
-                secondary: toStringValue(item.condition, ""),
-                status: toStringValue(item.status, "draft"),
-                price: priceRaw ? toCurrency(priceRaw) : "—",
-                deliveryDate: item.preOrderDeliveryDate
-                    ? toRelativeDate(item.preOrderDeliveryDate)
-                    : "TBA",
-                updatedAt: toRelativeDate(item.updatedAt ?? item.createdAt),
-                imageUrl: toStringValue(item.mainImage ?? item.images?.[0], undefined),
-                image: toStringValue(item.mainImage ?? item.images?.[0], undefined),
-            };
-        }),
-        getTotal: (response, mappedRows) => typeof response.meta?.total === "number" ? response.meta.total : mappedRows.length,
-        // No "Show closed" toggle here (unlike Auctions/Prize Draws): the public
-        // PreOrdersIndexListing equivalent filters on stockQuantity>0, a range
-        // filter, which cannot be combined with this view's title/
-        // preOrderDeliveryDate/createdAt sort options without violating
-        // Firestore's orderBy-must-match-the-range-field rule (confirmed by
-        // appkit/scripts/audit-listing-indices.mjs QUERY_UNSATISFIABLE). Fixing
-        // this properly would mean constraining sort choices per toggle state,
-        // out of scope for this pass — left as a real gap, not silently broken.
-        buildFilters: (state) => {
-            const status = state.status && state.status !== "All" ? sieveFilter("status", SIEVE_OP.EQ, state.status) : null;
-            return ["listingType==pre-order", status].filter(Boolean).join(",");
-        },
-        buildExtraParams: () => scope.extraParams,
-        renderAboveContent: scope.renderAboveContent,
-        rowHrefTemplate: String(ROUTES.STORE.PRE_ORDERS_EDIT("{id}")),
-        renderRowActions: (row) => (_jsx(RowActionMenu, { actions: [
-                {
-                    label: ACTIONS.STORE["edit-listing"].label,
-                    onClick: () => void dispatch({ type: "NAVIGATE", href: String(ROUTES.STORE.PRE_ORDERS_EDIT(row.id)) }),
-                },
-                ...(onDelete
-                    ? [
-                        {
-                            label: ACTIONS.STORE["delete-listing"].label,
-                            destructive: true,
-                            onClick: () => setDeleteTargetId(row.id),
-                            disabled: deletingId === row.id,
-                        },
-                    ]
-                    : []),
-            ] })),
-        renderFilterPanel: ({ pendingFilters, setPendingFilters }) => (_jsx(FilterChipGroup, { label: "Status", tabs: SELLER_PRE_ORDER_STATUS_TABS, value: pendingFilters.status ?? "", onChange: (id) => setPendingFilters((p) => ({ ...p, status: id })) })),
-    };
-    return (_jsxs(_Fragment, { children: [_jsx(DataListingView, { config: config }), deleteTargetId && (_jsx(ConfirmDeleteModal, { isOpen: true, title: "Delete Pre-Order", message: "Are you sure you want to delete this pre-order listing? This cannot be undone.", onConfirm: () => handleDelete(deleteTargetId), onClose: () => setDeleteTargetId(null), isDeleting: deletingId === deleteTargetId }))] }));
-}

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

@@ -1,6 +0,0 @@
-import React from "react";
-import type { ListingLayoutProps } from "../../../ui";
-export interface SellerPrizeDrawsViewProps extends ListingLayoutProps {
-    onDelete?: (id: string) => Promise<void>;
-}
-export declare function SellerPrizeDrawsView({ children, onDelete, ...props }: SellerPrizeDrawsViewProps): React.JSX.Element;

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

@@ -1,152 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { Row, SIEVE_OP, Stack, sieveFilter } from "@mohasinac/appkit/client";
-import { sortBy } from "@mohasinac/appkit/client";
-import React, { useState, useCallback } from "react";
-import { useEntityDelete } from "../../../react/hooks/useEntityDelete";
-import { Badge, ConfirmDeleteModal, Div, FilterChipGroup, ListingLayout, RowActionMenu, Span, Text } from "../../../ui";
-import { MediaImage } from "../../media/MediaImage";
-import { SELLER_ENDPOINTS } from "../../../constants/api-endpoints";
-import { SELLER_PRIZE_DRAW_STATUS_TABS } from "../../admin/constants/filter-tabs";
-import { ROUTES } from "../../../constants";
-import { ACTIONS } from "../../../_internal/shared/actions/action-registry";
-import { toRecordArray, toRelativeDate, toCurrency, toStringValue, } from "../../admin/hooks/useAdminListingData";
-import { DataListingView } from "../../admin/components/DataListingView";
-import { useAvailabilityScope } from "../../products/hooks/useAvailabilityScope";
-const PRIZE_DRAW_TYPES = ["prize-draw"];
-import { useActionDispatch } from "../../../react/hooks/use-action-dispatch";
-// Real ProductStatus is draft|published|in_review|archived — "active"
-// fixed to "published"; "ended"/"cancelled" removed since status never
-// holds those values (ended is derived from prizeRevealWindowEnd, shown
-// via the "Show closed" toolbar toggle below).
-const STATUS_VARIANT = {
-    published: "success",
-    draft: "default",
-};
-const PRIZE_DRAW_COLUMNS = [
-    {
-        key: "thumbnail",
-        header: "",
-        className: "w-12",
-        render: (row) => row.imageUrl ? (_jsx(Div, { className: "relative w-10 h-10 flex-shrink-0 border border-[var(--appkit-color-border)]", rounded: "lg", overflow: "hidden", children: _jsx(MediaImage, { src: row.imageUrl, alt: "", size: "thumbnail" }) })) : (_jsx(Row, { className: "w-10 h-10 bg-[var(--appkit-color-surface-raised)] border border-[var(--appkit-color-border)]", align: "center", justify: "center", rounded: "lg", children: _jsx(Span, { size: "xs", color: "faint", children: "\u2013" }) })),
-    },
-    {
-        key: "primary",
-        header: "Prize Draw",
-        render: (row) => (_jsxs(Stack, { gap: "xs", children: [_jsx(Text, { className: "text-[var(--appkit-color-text)] line-clamp-1", weight: "medium", children: row.primary }), _jsx(Span, { size: "xs", color: "muted", children: row.secondary })] })),
-    },
-    {
-        key: "entryFee",
-        header: "Entry Fee",
-        className: "w-28 text-right",
-        render: (row) => (_jsx(Span, { size: "sm", weight: "medium", className: "text-[var(--appkit-color-text)]", children: row.entryFee })),
-    },
-    {
-        key: "status",
-        header: "Status",
-        className: "w-28",
-        render: (row) => (_jsx(Badge, { variant: STATUS_VARIANT[row.status] ?? "default", children: row.status })),
-    },
-    {
-        key: "drawDate",
-        header: "Draw Date",
-        className: "w-32",
-        render: (row) => (_jsx(Span, { size: "xs", color: "muted", children: row.drawDate })),
-    },
-    {
-        key: "updatedAt",
-        header: "Updated",
-        className: "w-28",
-        render: (row) => (_jsx(Span, { size: "xs", color: "muted", children: row.updatedAt })),
-    },
-];
-export function SellerPrizeDrawsView({ children, onDelete, ...props }) {
-    const dispatch = useActionDispatch();
-    // Independent of DataListingView's own internal useUrlTable() — see the
-    // same pattern in SellerAuctionsView.tsx.
-    const scope = useAvailabilityScope(PRIZE_DRAW_TYPES);
-    const [deleteTargetId, setDeleteTargetId] = useState(null);
-    const { deletingId, handleDelete: performDelete } = useEntityDelete({
-        endpoint: SELLER_ENDPOINTS.PRODUCT_BY_ID,
-        deleteFn: onDelete,
-        successMessage: "Prize draw deleted.",
-        fetchOptions: { credentials: "include" },
-    });
-    const handleDelete = useCallback(async (id) => {
-        await performDelete(id);
-        setDeleteTargetId(null);
-    }, [performDelete]);
-    if (React.Children.count(children) > 0) {
-        return (_jsx(ListingLayout, { portal: "seller", ...props, children: children }));
-    }
-    const config = {
-        portal: "seller",
-        title: "Prize Draws",
-        searchPlaceholder: "Search prize draws by name…",
-        emptyLabel: "No prize draws listed yet",
-        filterKeys: ["status"],
-        defaultSort: sortBy("createdAt", "DESC"),
-        queryKey: ["seller", "prize-draws", "listing"],
-        endpoint: SELLER_ENDPOINTS.PRODUCTS,
-        sortOptions: [
-            { value: sortBy("createdAt", "DESC"), label: "Newest" },
-            { value: sortBy("createdAt", "ASC"), label: "Oldest" },
-            { value: "title", label: "Title A–Z" },
-            { value: "prizeRevealWindowEnd", label: "Draw Date Soon" },
-        ],
-        columns: PRIZE_DRAW_COLUMNS,
-        mapRows: (response) => toRecordArray(response.products).map((item, index) => {
-            const priceRaw = typeof item.price === "number" ? item.price : 0;
-            return {
-                id: toStringValue(item.id, `prize-draw-${index}`),
-                primary: toStringValue(item.title ?? item.name, "Untitled prize draw"),
-                secondary: toStringValue(item.condition, ""),
-                status: toStringValue(item.status, "draft"),
-                entryFee: priceRaw ? toCurrency(priceRaw) : "Free",
-                drawDate: item.prizeRevealWindowEnd
-                    ? toRelativeDate(item.prizeRevealWindowEnd)
-                    : "TBA",
-                updatedAt: toRelativeDate(item.updatedAt ?? item.createdAt),
-                imageUrl: toStringValue(item.mainImage ?? item.images?.[0], undefined),
-                image: toStringValue(item.mainImage ?? item.images?.[0], undefined),
-            };
-        }),
-        getTotal: (response, mappedRows) => typeof response.meta?.total === "number" ? response.meta.total : mappedRows.length,
-        buildFilters: (state) => {
-            const status = state.status && state.status !== "All" ? sieveFilter("status", SIEVE_OP.EQ, state.status) : null;
-            // The hide-closed clause that used to live here tested the reveal
-            // WINDOW END date, a different field from the reveal STATUS every other
-            // surface reads — so a draw the seller had closed early still showed as
-            // open here. It also pushed an inequality alongside an arbitrary sort
-            // (Root Cause #59), which `audit-listing-indices` had been reporting as
-            // QUERY_UNSATISFIABLE. The scope param now carries it, resolved from the
-            // listing-type registry.
-            return ["listingType==prize-draw", status].filter(Boolean).join(",");
-        },
-        buildExtraParams: () => scope.extraParams,
-        renderAboveContent: scope.renderAboveContent,
-        rowHrefTemplate: String(ROUTES.STORE.PRIZE_DRAWS_EDIT("{id}")),
-        renderRowActions: (row) => (_jsx(RowActionMenu, { actions: [
-                {
-                    label: ACTIONS.STORE["edit-listing"].label,
-                    onClick: () => void dispatch({ type: "NAVIGATE", href: String(ROUTES.STORE.PRIZE_DRAWS_EDIT(row.id)) }),
-                },
-                {
-                    label: "View Entries",
-                    onClick: () => void dispatch({ type: "NAVIGATE", href: String(ROUTES.STORE.PRIZE_DRAW_ENTRIES(row.id)) }),
-                },
-                ...(onDelete
-                    ? [
-                        {
-                            label: ACTIONS.STORE["delete-listing"].label,
-                            destructive: true,
-                            onClick: () => setDeleteTargetId(row.id),
-                            disabled: deletingId === row.id,
-                        },
-                    ]
-                    : []),
-            ] })),
-        renderFilterPanel: ({ pendingFilters, setPendingFilters }) => (_jsx(FilterChipGroup, { label: "Status", tabs: SELLER_PRIZE_DRAW_STATUS_TABS, value: pendingFilters.status ?? "", onChange: (id) => setPendingFilters((p) => ({ ...p, status: id })) })),
-    };
-    return (_jsxs(_Fragment, { children: [_jsx(DataListingView, { config: config }), deleteTargetId && (_jsx(ConfirmDeleteModal, { isOpen: true, title: "Delete Prize Draw", message: "Are you sure you want to delete this prize draw listing? This cannot be undone.", onConfirm: () => handleDelete(deleteTargetId), onClose: () => setDeleteTargetId(null), isDeleting: deletingId === deleteTargetId }))] }));
-}

package/dist/features/seller/permission-map.d.ts

@@ -1,5 +0,0 @@
-import type { Permission } from "../../security";
-/** Required permission for each store management route path */
-export declare const STORE_PAGE_PERMISSIONS: Record<string, Permission>;
-/** @deprecated Use STORE_PAGE_PERMISSIONS */
-export declare const SELLER_PAGE_PERMISSIONS: Record<string, string>;

package/dist/features/seller/permission-map.js

@@ -1,17 +0,0 @@
-/** Required permission for each store management route path */
-export const STORE_PAGE_PERMISSIONS = {
-    "/store": "seller:access",
-    "/store/dashboard": "seller:analytics",
-    "/store/products": "seller:products:read",
-    "/store/products/new": "seller:products:write",
-    "/store/products/[id]": "seller:products:write",
-    "/store/orders": "seller:orders:read",
-    "/store/orders/[id]": "seller:orders:read",
-    "/store/analytics": "seller:analytics",
-    "/store/coupons": "seller:coupons",
-    "/store/storefront": "seller:store",
-    "/store/payouts": "seller:payouts:read",
-    "/store/shipping": "seller:shipping",
-};
-/** @deprecated Use STORE_PAGE_PERMISSIONS */
-export const SELLER_PAGE_PERMISSIONS = STORE_PAGE_PERMISSIONS;

package/dist/features/shell/StepForm.d.ts

@@ -1,80 +0,0 @@
-import { type ReactNode } from "react";
-import type { JsonValue } from "@mohasinac/appkit/client";
-import type { ZodTypeAny } from "zod";
-export interface StepDef<T extends object = Record<string, JsonValue>> {
-    label: string;
-    render: (props: {
-        values: T;
-        onChange: (partial: Partial<T>) => void;
-        errors: Record<string, string>;
-    }) => ReactNode;
-    /** Returns an error message string if invalid, or null/undefined if valid. */
-    validate?: (values: T) => string | null | undefined;
-    /**
-     * Schema field names this step owns — drives error→step attribution
-     * (surfaced to the caller via `onValidationChange`'s `fieldToStepIndex`,
-     * consumed by `<FormErrorSummary>`).
-     */
-    fields?: string[];
-    /**
-     * Per-step Zod schema. Runs live (on every value change, not just on
-     * Next/Publish) via `onValidationChange`. Falls back to the whole-form
-     * `schema` prop, then to a schema inherited from an ancestor `FormShell`
-     * via `FormSchemaContext`, when omitted.
-     */
-    schema?: ZodTypeAny;
-}
-export interface StepFormProps<T extends object = Record<string, JsonValue>> {
-    steps: StepDef<T>[];
-    values: T;
-    onChange: (partial: Partial<T>) => void;
-    onComplete: () => void | Promise<void>;
-    completeLabel?: string;
-    isLoading?: boolean;
-    /** localStorage key to persist current step (optional). */
-    formId?: string;
-    /** Current step index (0-based). Controlled from outside. */
-    currentStep: number;
-    onStepChange: (step: number) => void;
-    /** Suppress the built-in action bar. Use FormShell's renderBottomBar instead. */
-    hideActions?: boolean;
-    /** Per-step error flags — when true, step button shows a red error badge */
-    stepErrors?: boolean[];
-    /**
-     * Whole-form Zod schema, used by any step that doesn't declare its own
-     * `StepDef.schema`. Falls back to an ancestor `FormShell`'s schema (via
-     * `FormSchemaContext`) when omitted here too.
-     */
-    schema?: ZodTypeAny;
-    /**
-     * Fired whenever live validation recomputes — the current field-name→
-     * message map plus a field-name→step-index map derived from `steps[].fields`.
-     * The caller (which owns the single `FormShellContext.Provider` for the
-     * surrounding form) composes these into its own context value so
-     * `<FormErrorSummary>` and per-field inline errors both work, instead of
-     * `StepForm` mounting a second, potentially-shadowing provider itself.
-     */
-    onValidationChange?: (fieldErrors: Record<string, string>, fieldToStepIndex: Record<string, number>) => void;
-}
-export interface StepFormActionsProps {
-    currentStep: number;
-    totalSteps: number;
-    onNext: () => void;
-    onPrev?: () => void;
-    completeLabel?: string;
-    isLoading?: boolean;
-    disabled?: boolean;
-}
-/** Standalone step nav bar — use as `renderBottomBar` in FormShell. */
-export declare function StepFormActions({ currentStep, totalSteps, onNext, onPrev, completeLabel, isLoading, disabled, }: StepFormActionsProps): import("react").JSX.Element;
-/** Step indicator bar shown above step content. */
-export declare function StepIndicator({ steps, currentStep, onStepClick, stepErrors, }: {
-    steps: {
-        label: string;
-    }[];
-    currentStep: number;
-    onStepClick?: (index: number) => void;
-    /** True for each step that has a validation error — renders a red dot badge */
-    stepErrors?: boolean[];
-}): import("react").JSX.Element;
-export declare function StepForm<T extends object = Record<string, JsonValue>>({ steps, values, onChange, onComplete, completeLabel, isLoading, formId, currentStep, onStepChange, hideActions, stepErrors, schema, onValidationChange, }: StepFormProps<T>): import("react").JSX.Element;