@mohasinac/appkit 2.7.36 → 2.7.37

package/dist/features/promotions/schemas/index.d.ts

@@ -39,14 +39,14 @@ export declare const couponItemSchema: z.ZodObject<{
     createdAt: z.ZodString;
     updatedAt: z.ZodString;
 }, "strip", z.ZodTypeAny, {
-    id: string;
-    createdAt: string;
-    updatedAt: string;
-    code: string;
     type: "fixed" | "percentage" | "free_shipping" | "buy_x_get_y";
-    scope: "seller" | "admin";
+    code: string;
+    createdAt: string;
+    id: string;
     description: string;
+    updatedAt: string;
     name: string;
+    scope: "seller" | "admin";
     isActive: boolean;
     isPublic: boolean;
     usageCount: number;
@@ -63,14 +63,14 @@ export declare const couponItemSchema: z.ZodObject<{
     applicableProductIds?: string[] | undefined;
     applicableCategoryIds?: string[] | undefined;
 }, {
-    id: string;
-    createdAt: string;
-    updatedAt: string;
-    code: string;
     type: "fixed" | "percentage" | "free_shipping" | "buy_x_get_y";
-    scope: "seller" | "admin";
+    code: string;
+    createdAt: string;
+    id: string;
     description: string;
+    updatedAt: string;
     name: string;
+    scope: "seller" | "admin";
     isActive: boolean;
     isPublic: boolean;
     usageCount: number;
@@ -97,18 +97,18 @@ export declare const promotionsListParamsSchema: z.ZodObject<{
     sort: z.ZodOptional<z.ZodString>;
 }, "strip", z.ZodTypeAny, {
     sort?: string | undefined;
-    pageSize?: number | undefined;
     storeId?: string | undefined;
-    scope?: "seller" | "admin" | undefined;
     page?: number | undefined;
+    scope?: "seller" | "admin" | undefined;
+    pageSize?: number | undefined;
     isActive?: boolean | undefined;
     filters?: string | undefined;
 }, {
     sort?: string | undefined;
-    pageSize?: number | undefined;
     storeId?: string | undefined;
-    scope?: "seller" | "admin" | undefined;
     page?: number | undefined;
+    scope?: "seller" | "admin" | undefined;
+    pageSize?: number | undefined;
     isActive?: boolean | undefined;
     filters?: string | undefined;
 }>;

package/dist/features/reviews/schemas/index.d.ts

@@ -19,15 +19,15 @@ export declare const reviewVideoSchema: z.ZodObject<{
     trimEnd: z.ZodOptional<z.ZodNumber>;
 }, "strip", z.ZodTypeAny, {
     url: string;
+    thumbnailUrl?: string | undefined;
     trimEnd?: number | undefined;
     trimStart?: number | undefined;
-    thumbnailUrl?: string | undefined;
     duration?: number | undefined;
 }, {
     url: string;
+    thumbnailUrl?: string | undefined;
     trimEnd?: number | undefined;
     trimStart?: number | undefined;
-    thumbnailUrl?: string | undefined;
     duration?: number | undefined;
 }>;
 /**
@@ -73,15 +73,15 @@ export declare const reviewSchema: z.ZodObject<{
         trimEnd: z.ZodOptional<z.ZodNumber>;
     }, "strip", z.ZodTypeAny, {
         url: string;
+        thumbnailUrl?: string | undefined;
         trimEnd?: number | undefined;
         trimStart?: number | undefined;
-        thumbnailUrl?: string | undefined;
         duration?: number | undefined;
     }, {
         url: string;
+        thumbnailUrl?: string | undefined;
         trimEnd?: number | undefined;
         trimStart?: number | undefined;
-        thumbnailUrl?: string | undefined;
         duration?: number | undefined;
     }>>;
     status: z.ZodEnum<["pending", "approved", "rejected"]>;
@@ -92,28 +92,28 @@ export declare const reviewSchema: z.ZodObject<{
     createdAt: z.ZodOptional<z.ZodString>;
     updatedAt: z.ZodOptional<z.ZodString>;
 }, "strip", z.ZodTypeAny, {
-    id: string;
     status: "pending" | "approved" | "rejected";
+    id: string;
     productId: string;
     rating: 3 | 1 | 2 | 4 | 5;
     userId: string;
     userName: string;
-    createdAt?: string | undefined;
-    updatedAt?: string | undefined;
-    title?: string | undefined;
     video?: {
         url: string;
+        thumbnailUrl?: string | undefined;
         trimEnd?: number | undefined;
         trimStart?: number | undefined;
-        thumbnailUrl?: string | undefined;
         duration?: number | undefined;
     } | undefined;
     featured?: boolean | undefined;
+    createdAt?: string | undefined;
+    title?: string | undefined;
     images?: {
         url: string;
         thumbnailUrl?: string | undefined;
     }[] | undefined;
     storeName?: string | undefined;
+    updatedAt?: string | undefined;
     productTitle?: string | undefined;
     storeSlug?: string | undefined;
     userAvatar?: string | undefined;
@@ -122,28 +122,28 @@ export declare const reviewSchema: z.ZodObject<{
     reportCount?: number | undefined;
     verified?: boolean | undefined;
 }, {
-    id: string;
     status: "pending" | "approved" | "rejected";
+    id: string;
     productId: string;
     rating: 3 | 1 | 2 | 4 | 5;
     userId: string;
     userName: string;
-    createdAt?: string | undefined;
-    updatedAt?: string | undefined;
-    title?: string | undefined;
     video?: {
         url: string;
+        thumbnailUrl?: string | undefined;
         trimEnd?: number | undefined;
         trimStart?: number | undefined;
-        thumbnailUrl?: string | undefined;
         duration?: number | undefined;
     } | undefined;
     featured?: boolean | undefined;
+    createdAt?: string | undefined;
+    title?: string | undefined;
     images?: {
         url: string;
         thumbnailUrl?: string | undefined;
     }[] | undefined;
     storeName?: string | undefined;
+    updatedAt?: string | undefined;
     productTitle?: string | undefined;
     storeSlug?: string | undefined;
     userAvatar?: string | undefined;
@@ -164,22 +164,22 @@ export declare const reviewListParamsSchema: z.ZodObject<{
     perPage: z.ZodOptional<z.ZodNumber>;
     sort: z.ZodOptional<z.ZodString>;
 }, "strip", z.ZodTypeAny, {
+    status?: "pending" | "approved" | "rejected" | undefined;
     sort?: string | undefined;
-    perPage?: number | undefined;
     storeId?: string | undefined;
-    status?: "pending" | "approved" | "rejected" | undefined;
     featured?: boolean | undefined;
     page?: number | undefined;
+    perPage?: number | undefined;
     productId?: string | undefined;
     rating?: number | undefined;
     userId?: string | undefined;
 }, {
+    status?: "pending" | "approved" | "rejected" | undefined;
     sort?: string | undefined;
-    perPage?: number | undefined;
     storeId?: string | undefined;
-    status?: "pending" | "approved" | "rejected" | undefined;
     featured?: boolean | undefined;
     page?: number | undefined;
+    perPage?: number | undefined;
     productId?: string | undefined;
     rating?: number | undefined;
     userId?: string | undefined;

package/dist/features/seller/actions/offer-actions.js

@@ -13,7 +13,7 @@ import { userRepository } from "../../auth/repository/user.repository";
 import { storeRepository } from "../../stores/repository/store.repository";
 import { cartRepository } from "../../cart/repository/cart.repository";
 import { maskOfferForSeller } from "../../../security";
-import { ERROR_MESSAGES, AuthorizationError, ValidationError, NotFoundError, } from "../../../errors";
+import { ERROR_MESSAGES, AuthorizationError, ValidationError, NotFoundError, OFFER_ERROR_CODES, } from "../../../errors";
 import { OfferStatusValues } from "../schemas";
 const ERR_OFFER_NOT_FOUND = "Offer not found";
 const ERR_NOT_AUTHORISED = "Not authorized";
@@ -89,8 +89,12 @@ export async function respondToOffer(userId, input) {
     if (new Date() > offer.expiresAt)
         throw new ValidationError(ERROR_MESSAGES.OFFER.EXPIRED);
     let updated;
+    const CHECKOUT_WINDOW_MS = 48 * 60 * 60 * 1000;
     if (action === "accept") {
         updated = await offerRepository.accept(offerId, offer.offerAmount, sellerNote);
+        await offerRepository.update(offerId, {
+            checkoutDeadline: new Date(Date.now() + CHECKOUT_WINDOW_MS),
+        });
     }
     else if (action === "decline") {
         updated = await offerRepository.decline(offerId, sellerNote);
@@ -141,6 +145,9 @@ export async function acceptCounterOffer(userId, offerId) {
     if (new Date() > offer.expiresAt)
         throw new ValidationError(ERROR_MESSAGES.OFFER.EXPIRED);
     const updated = await offerRepository.acceptCounter(offerId);
+    await offerRepository.update(offerId, {
+        checkoutDeadline: new Date(Date.now() + 48 * 60 * 60 * 1000),
+    });
     const counterStore = offer.storeId ? await storeRepository.findById(offer.storeId) : null;
     if (counterStore?.ownerId)
         await sendNotification({
@@ -254,6 +261,8 @@ export async function checkoutOffer(userId, offerId) {
         throw new ValidationError("Only accepted offers can be checked out.");
     if (!offer.lockedPrice)
         throw new ValidationError("Offer price not confirmed. Contact support.");
+    if (offer.checkoutDeadline && new Date() > offer.checkoutDeadline)
+        throw new ValidationError("This accepted offer has expired. Please make a new offer.", { code: OFFER_ERROR_CODES.CHECKOUT_EXPIRED });
     const product = await productRepository.findById(offer.productId);
     if (!product)
         throw new NotFoundError(ERROR_MESSAGES.PRODUCT.NOT_FOUND);

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

@@ -0,0 +1,12 @@
+export interface PhysicalLocation {
+    zone: string;
+    shelf: string;
+    bin: string;
+}
+interface PhysicalLocationModalProps {
+    count: number;
+    onSave: (loc: PhysicalLocation) => Promise<void>;
+    onClose: () => void;
+}
+export declare function PhysicalLocationModal({ count, onSave, onClose }: PhysicalLocationModalProps): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,30 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { Modal } from "../../../ui/components/Modal";
+import { Input } from "../../../ui/components/Input";
+import { Button } from "../../../ui/components/Button";
+import { Row } from "../../../ui/components/Layout";
+import { Text } from "../../../ui/components/Typography";
+export function PhysicalLocationModal({ count, onSave, onClose }) {
+    const [zone, setZone] = useState("");
+    const [shelf, setShelf] = useState("");
+    const [bin, setBin] = useState("");
+    const [saving, setSaving] = useState(false);
+    const [error, setError] = useState("");
+    const handleSave = async () => {
+        setSaving(true);
+        setError("");
+        try {
+            await onSave({ zone: zone.trim(), shelf: shelf.trim(), bin: bin.trim() });
+            onClose();
+        }
+        catch (e) {
+            setError(e instanceof Error ? e.message : "Failed to save location");
+        }
+        finally {
+            setSaving(false);
+        }
+    };
+    return (_jsx(Modal, { isOpen: true, onClose: onClose, title: `Set Location — ${count} item${count !== 1 ? "s" : ""}`, size: "sm", actions: _jsxs(Row, { gap: "sm", justify: "end", children: [_jsx(Button, { variant: "ghost", onClick: onClose, disabled: saving, children: "Cancel" }), _jsx(Button, { variant: "primary", onClick: handleSave, disabled: saving, children: saving ? "Saving..." : "Save" })] }), children: _jsxs("div", { style: { display: "flex", flexDirection: "column", gap: "12px" }, children: [_jsx(Text, { variant: "muted", children: "Assign a physical storage location to the selected items. All fields are optional." }), _jsx(Input, { label: "Zone (e.g. A, B, Storage-1)", value: zone, onChange: e => setZone(e.target.value), placeholder: "A" }), _jsx(Input, { label: "Shelf (e.g. 3, Top, Middle)", value: shelf, onChange: e => setShelf(e.target.value), placeholder: "3" }), _jsx(Input, { label: "Bin (e.g. Blue, Box-12)", value: bin, onChange: e => setBin(e.target.value), placeholder: "Blue" }), error && _jsx(Text, { variant: "error", children: error })] }) }));
+}

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

@@ -0,0 +1,40 @@
+interface PrintCenterStore {
+    id: string;
+    storeName: string;
+    storeDescription?: string;
+    storeLogoURL?: string;
+    storeCategory?: string;
+}
+interface PrintCenterProduct {
+    id: string;
+    name: string;
+    price: number;
+    slug: string;
+    listingType?: string;
+    condition?: string;
+    stockCount?: number;
+    physicalLocation?: string;
+}
+interface PrintCenterOrder {
+    id: string;
+    createdAt: string;
+    status: string;
+    buyerDisplayName?: string;
+    buyerCity?: string;
+    items: {
+        productName: string;
+        quantity: number;
+        price: number;
+    }[];
+    physicalLocation?: string;
+}
+interface PrintCenterViewProps {
+    store?: PrintCenterStore | null;
+    publicBaseUrl?: string;
+    isAdmin?: boolean;
+    brandName?: string;
+    initialProducts?: PrintCenterProduct[];
+    initialOrders?: PrintCenterOrder[];
+}
+export declare function PrintCenterView({ store, brandName }: PrintCenterViewProps): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,6 @@
+"use client";
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { Heading, Text } from "../../../ui/components/Typography";
+export function PrintCenterView({ store, brandName = "LetItRip" }) {
+    return (_jsxs("div", { className: "flex flex-col items-center justify-center py-24 text-center gap-4", children: [_jsxs(Heading, { level: 2, children: [brandName, " Print Center"] }), store && _jsx(Text, { size: "sm", variant: "muted", children: store.storeName }), _jsx(Text, { size: "sm", variant: "muted", children: "Print center features are coming soon." })] }));
+}

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

@@ -1,12 +1,16 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import React, { useState, useCallback } from "react";
-import { X, Eye } from "lucide-react";
+import { X, Eye, Printer, MapPin } from "lucide-react";
 import { useUrlTable } from "../../../react/hooks/useUrlTable";
 import { useBulkSelection } from "../../../react/hooks/useBulkSelection";
-import { Badge, Button, Div, FilterChipGroup, Heading, Input, ListingToolbar, Pagination, ListingViewShell, Select, SideDrawer, Stack, Text } from "../../../ui";
+import { useActionDispatch } from "../../../react/hooks/use-action-dispatch";
+import { BulkActionBar, Badge, Button, Div, FilterChipGroup, Heading, Input, ListingToolbar, Pagination, ListingViewShell, Select, SideDrawer, Stack, Text } from "../../../ui";
 import { SELLER_ENDPOINTS } from "../../../constants/api-endpoints";
 import { SELLER_ORDER_STATUS_TABS } from "../../admin/constants/filter-tabs";
+import { ACTIONS } from "../../../_internal/shared/actions/action-registry";
+import { PhysicalLocationModal } from "./PhysicalLocationModal";
+import { ROUTES } from "../../../constants";
 import { toRecordArray, toRelativeDate, toRupees, toStringValue, useSellerListingData, } from "../hooks/useSellerListingData";
 import { DataTable } from "../../admin/components/DataTable";
 // ---------------------------------------------------------------------------
@@ -111,6 +115,8 @@ export function SellerOrdersView({ orderDetailApiBase = SELLER_ENDPOINTS.ORDERS,
     const hasChildren = React.Children.count(children) > 0;
     const [view, setView] = useState("table");
     const [selectedOrderId, setSelectedOrderId] = useState(null);
+    const [setLocationOpen, setSetLocationOpen] = useState(false);
+    const dispatch = useActionDispatch();
     const table = useUrlTable({ defaults: { pageSize: String(PAGE_SIZE), sort: DEFAULT_SORT } });
     const [searchInput, setSearchInput] = useState(table.get("q") || "");
     const [filterOpen, setFilterOpen] = useState(false);
@@ -151,6 +157,7 @@ export function SellerOrdersView({ orderDetailApiBase = SELLER_ENDPOINTS.ORDERS,
         q: table.get("q") || undefined,
         mapRows: (response) => toRecordArray(response.orders).map((item, index) => {
             const itemsArr = Array.isArray(item.items) ? item.items : [];
+            const loc = item.physicalLocation;
             return {
                 id: toStringValue(item.id, `order-${index}`),
                 primary: toStringValue(item.id, "Order"),
@@ -160,6 +167,9 @@ export function SellerOrdersView({ orderDetailApiBase = SELLER_ENDPOINTS.ORDERS,
                 itemCount: itemsArr.length,
                 totalAmount: Number(item.totalAmount ?? item.total ?? 0),
                 buyerName: toStringValue(item.buyerName ?? item.buyerDisplayName, "Unknown buyer"),
+                physicalLocation: loc && typeof loc.zone === "string"
+                    ? { zone: loc.zone, shelf: loc.shelf ?? "", bin: loc.bin ?? "" }
+                    : undefined,
             };
         }),
         getTotal: (response, mappedRows) => typeof response.meta?.total === "number" ? response.meta.total : mappedRows.length,
@@ -184,6 +194,12 @@ export function SellerOrdersView({ orderDetailApiBase = SELLER_ENDPOINTS.ORDERS,
             className: "w-32",
             render: (row) => (_jsx(Badge, { variant: STATUS_BADGE_VARIANT[row.status?.toUpperCase()] ?? "default", children: row.status })),
         },
+        {
+            key: "physicalLocation",
+            header: "Staging",
+            className: "w-28",
+            render: (row) => row.physicalLocation ? (_jsxs("span", { className: "text-xs font-mono text-zinc-500 dark:text-zinc-400", children: [row.physicalLocation.zone, "/", row.physicalLocation.shelf, "/", row.physicalLocation.bin] })) : (_jsx("span", { className: "text-xs text-zinc-400 dark:text-zinc-600", children: "\u2014" })),
+        },
         {
             key: "updatedAt",
             header: "Date",
@@ -193,8 +209,37 @@ export function SellerOrdersView({ orderDetailApiBase = SELLER_ENDPOINTS.ORDERS,
     ];
     const renderRowActions = useCallback((row) => (_jsx("button", { type: "button", onClick: () => setSelectedOrderId(row.id), title: "View order details", className: "rounded-lg p-1.5 text-zinc-500 hover:bg-zinc-100 dark:hover:bg-slate-800 hover:text-zinc-700 dark:hover:text-zinc-300 transition-colors", children: _jsx(Eye, { className: "h-4 w-4" }) })), []);
     const selection = useBulkSelection({ items: rows, keyExtractor: (r) => r.id });
+    const handlePrintPackingSlips = useCallback(() => {
+        const ids = selection.selectedIds.join(",");
+        void dispatch({
+            type: "NAVIGATE",
+            href: `${String(ROUTES.STORE.INVENTORY_PRINT)}?type=order&ids=${ids}&autoprint=1`,
+        });
+    }, [selection.selectedIds, dispatch]);
+    const handleSetLocation = useCallback(async (loc) => {
+        await fetch(SELLER_ENDPOINTS.ORDERS_BULK_LOCATION, {
+            method: "PATCH",
+            headers: { "Content-Type": "application/json" },
+            body: JSON.stringify({ orderIds: selection.selectedIds, physicalLocation: loc }),
+        });
+        setSetLocationOpen(false);
+    }, [selection.selectedIds]);
+    const bulkActions = [
+        {
+            id: ACTIONS.STORE["print-packing-slips"].id,
+            label: ACTIONS.STORE["print-packing-slips"].label,
+            icon: _jsx(Printer, { className: "w-4 h-4" }),
+            onClick: handlePrintPackingSlips,
+        },
+        {
+            id: ACTIONS.STORE["set-location"].id,
+            label: ACTIONS.STORE["set-location"].label,
+            icon: _jsx(MapPin, { className: "w-4 h-4" }),
+            onClick: () => setSetLocationOpen(true),
+        },
+    ];
     if (hasChildren) {
         return _jsx(ListingViewShell, { portal: "seller", ...props, children: children });
     }
-    return (_jsxs("div", { className: "min-h-screen", children: [_jsx(ListingToolbar, { filterCount: activeFilterCount, onFiltersClick: openFilters, searchValue: searchInput, searchPlaceholder: "Search by order ID or buyer name", onSearchChange: setSearchInput, onSearchCommit: commitSearch, sortValue: table.get("sort") || DEFAULT_SORT, sortOptions: SORT_OPTIONS, onSortChange: (v) => { table.set("sort", v); }, showTableView: true, view: view, onViewChange: (v) => setView(v), onResetAll: resetAll, hasActiveState: hasActiveState }), totalPages > 1 && (_jsx("div", { className: "sticky top-[calc(var(--header-height,0px)+44px)] z-10 flex justify-center bg-white/95 dark:bg-slate-900/95 backdrop-blur-sm border-b border-zinc-200 dark:border-slate-700 px-3 py-1.5", children: _jsx(Pagination, { currentPage: currentPage, totalPages: totalPages, onPageChange: (p) => table.setPage(p) }) })), _jsxs("div", { className: "py-4 px-3 sm:px-4", children: [errorMessage && (_jsx(Div, { className: "mb-4 rounded-xl border border-red-200 bg-red-50 dark:bg-red-950/40 dark:border-red-900/60 px-4 py-3 text-sm text-red-700 dark:text-red-200", children: errorMessage })), _jsx(DataTable, { rows: rows, columns: columns, isLoading: isLoading, emptyLabel: "No orders yet", renderRowActions: renderRowActions })] }), filterOpen && (_jsxs(_Fragment, { children: [_jsx("div", { className: "fixed inset-0 z-40 bg-black/40", "aria-hidden": "true", onClick: () => setFilterOpen(false) }), _jsxs("div", { className: "fixed inset-y-0 left-0 z-50 flex w-80 flex-col bg-white dark:bg-slate-900 shadow-2xl", children: [_jsxs("div", { className: "flex items-center justify-between border-b border-zinc-200 dark:border-slate-700 px-4 py-3.5", children: [_jsx("span", { className: "text-base font-semibold text-zinc-900 dark:text-zinc-100", children: "Filters" }), _jsxs("div", { className: "flex items-center gap-2", children: [activeFilterCount > 0 && (_jsx("button", { type: "button", onClick: clearFilters, className: "text-xs text-zinc-500 hover:text-rose-500 transition-colors", children: "Clear all" })), _jsx("button", { type: "button", onClick: () => setFilterOpen(false), "aria-label": "Close", className: "rounded-lg p-1.5 text-zinc-500 hover:bg-zinc-100 dark:hover:bg-slate-800 transition-colors", children: _jsx(X, { className: "h-5 w-5" }) })] })] }), _jsx("div", { className: "flex-1 overflow-y-auto px-4 py-4 space-y-5", children: _jsx(FilterChipGroup, { label: "Status", tabs: STATUS_OPTIONS, value: pendingFilters.status ?? "", onChange: (id) => setPendingFilters((p) => ({ ...p, status: id })) }) }), _jsx("div", { className: "border-t border-zinc-200 dark:border-slate-700 px-4 py-3.5", children: _jsxs("button", { type: "button", onClick: applyFilters, className: "w-full rounded-lg bg-[var(--appkit-color-primary)] py-2.5 text-sm font-semibold text-white transition-colors active:scale-[0.98]", children: ["Apply", activeFilterCount > 0 ? ` (${activeFilterCount})` : ""] }) })] })] })), selectedOrderId && (_jsx(OrderDetailDrawer, { orderId: selectedOrderId, apiBase: orderDetailApiBase, onClose: () => setSelectedOrderId(null) }))] }));
+    return (_jsxs("div", { className: "min-h-screen", children: [_jsx(ListingToolbar, { filterCount: activeFilterCount, onFiltersClick: openFilters, searchValue: searchInput, searchPlaceholder: "Search by order ID or buyer name", onSearchChange: setSearchInput, onSearchCommit: commitSearch, sortValue: table.get("sort") || DEFAULT_SORT, sortOptions: SORT_OPTIONS, onSortChange: (v) => { table.set("sort", v); }, showTableView: true, view: view, onViewChange: (v) => setView(v), onResetAll: resetAll, hasActiveState: hasActiveState }), totalPages > 1 && (_jsx("div", { className: "sticky top-[calc(var(--header-height,0px)+44px)] z-10 flex justify-center bg-white/95 dark:bg-slate-900/95 backdrop-blur-sm border-b border-zinc-200 dark:border-slate-700 px-3 py-1.5", children: _jsx(Pagination, { currentPage: currentPage, totalPages: totalPages, onPageChange: (p) => table.setPage(p) }) })), selection.selectedIds.length > 0 && (_jsx("div", { className: "sticky top-[calc(var(--header-height,0px)+88px)] z-20 px-3 sm:px-4 py-2 bg-white/95 dark:bg-slate-900/95 backdrop-blur-sm border-b border-zinc-200 dark:border-slate-700", children: _jsx(BulkActionBar, { selectedCount: selection.selectedIds.length, onClearSelection: selection.clearSelection, actions: bulkActions }) })), _jsxs("div", { className: "py-4 px-3 sm:px-4", children: [errorMessage && (_jsx(Div, { className: "mb-4 rounded-xl border border-red-200 bg-red-50 dark:bg-red-950/40 dark:border-red-900/60 px-4 py-3 text-sm text-red-700 dark:text-red-200", children: errorMessage })), _jsx(DataTable, { rows: rows, columns: columns, isLoading: isLoading, emptyLabel: "No orders yet", selectedIds: selection.selectedIdSet, onToggleSelect: selection.toggle, onToggleSelectAll: () => selection.toggleAll(), renderRowActions: renderRowActions })] }), filterOpen && (_jsxs(_Fragment, { children: [_jsx("div", { className: "fixed inset-0 z-40 bg-black/40", "aria-hidden": "true", onClick: () => setFilterOpen(false) }), _jsxs("div", { className: "fixed inset-y-0 left-0 z-50 flex w-80 flex-col bg-white dark:bg-slate-900 shadow-2xl", children: [_jsxs("div", { className: "flex items-center justify-between border-b border-zinc-200 dark:border-slate-700 px-4 py-3.5", children: [_jsx("span", { className: "text-base font-semibold text-zinc-900 dark:text-zinc-100", children: "Filters" }), _jsxs("div", { className: "flex items-center gap-2", children: [activeFilterCount > 0 && (_jsx("button", { type: "button", onClick: clearFilters, className: "text-xs text-zinc-500 hover:text-rose-500 transition-colors", children: "Clear all" })), _jsx("button", { type: "button", onClick: () => setFilterOpen(false), "aria-label": "Close", className: "rounded-lg p-1.5 text-zinc-500 hover:bg-zinc-100 dark:hover:bg-slate-800 transition-colors", children: _jsx(X, { className: "h-5 w-5" }) })] })] }), _jsx("div", { className: "flex-1 overflow-y-auto px-4 py-4 space-y-5", children: _jsx(FilterChipGroup, { label: "Status", tabs: STATUS_OPTIONS, value: pendingFilters.status ?? "", onChange: (id) => setPendingFilters((p) => ({ ...p, status: id })) }) }), _jsx("div", { className: "border-t border-zinc-200 dark:border-slate-700 px-4 py-3.5", children: _jsxs("button", { type: "button", onClick: applyFilters, className: "w-full rounded-lg bg-[var(--appkit-color-primary)] py-2.5 text-sm font-semibold text-white transition-colors active:scale-[0.98]", children: ["Apply", activeFilterCount > 0 ? ` (${activeFilterCount})` : ""] }) })] })] })), selectedOrderId && (_jsx(OrderDetailDrawer, { orderId: selectedOrderId, apiBase: orderDetailApiBase, onClose: () => setSelectedOrderId(null) })), setLocationOpen && (_jsx(PhysicalLocationModal, { count: selection.selectedIds.length, onSave: handleSetLocation, onClose: () => setSetLocationOpen(false) }))] }));
 }

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

@@ -10,6 +10,7 @@ export interface SellerProductDraft {
     tags?: string[];
     mainImage?: string;
     images?: string[];
+    video?: string;
     youtubeId?: string;
     price?: number;
     compareAtPrice?: number;

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

@@ -2,9 +2,9 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { useCallback, useRef, useState } from "react";
 import { useRouter } from "next/navigation";
-import { FormShell, StepForm, useFormShell } from "../../shell";
+import { FormShell, StepForm, StepFormActions, useFormShell } from "../../shell";
 import { Alert, Button, Div, FormField, FormGroup, Heading, Section, Stack, Text, Toggle } from "../../../ui";
-import { ImageUpload, MediaUploadList, useMediaUpload } from "../../media";
+import { ImageUpload, MediaUploadField, MediaUploadList, useMediaUpload } from "../../media";
 import { StoreAddressSelectorCreate } from "../../stores/components/StoreAddressSelectorCreate";
 const CONDITION_OPTIONS = [
     { value: "new", label: "New" },
@@ -52,7 +52,11 @@ function StepMedia({ values, onChange, storeSlug = "store", }) {
                         store: storeSlug,
                         category: values.category ?? "uncategorized",
                     });
-                }, accept: "image/*", maxItems: 10, maxSizeMB: 10, helperText: "Show multiple angles, grading details, or box contents." }), _jsx(FormField, { name: "youtubeId", label: "YouTube Video ID (optional)", type: "text", value: values.youtubeId ?? "", onChange: (v) => onChange({ youtubeId: v }), placeholder: "e.g. dQw4w9WgXcQ", helpText: "Paste the 11-character ID from the YouTube URL" })] }));
+                }, accept: "image/*,video/*", maxItems: 10, maxSizeMB: 10, helperText: "Show multiple angles, grading details, or box contents." }), _jsx(MediaUploadField, { label: "Product Video (optional)", value: values.video ?? "", onChange: (url) => onChange({ video: url }), onUpload: (file) => upload(file, "products", true, {
+                    type: "product-video",
+                    name: values.title ?? "product",
+                    store: storeSlug,
+                }), kind: "video", helperText: "MP4, WebM or QuickTime \u2014 max 50 MB" }), _jsx(FormField, { name: "youtubeId", label: "YouTube Video ID (optional)", type: "text", value: values.youtubeId ?? "", onChange: (v) => onChange({ youtubeId: v }), placeholder: "e.g. dQw4w9WgXcQ", helpText: "Paste the 11-character ID from the YouTube URL" })] }));
 }
 // ── Step 3: Auction Settings ───────────────────────────────────────────────
 function StepAuctionSettings({ values, onChange, }) {
@@ -139,6 +143,7 @@ const EDIT_SECTIONS = [
 export function SellerProductShell({ mode, listingType = "standard", initialValues, onSave, onPublish, onDiscard, isLoading = false, storeSlug, renderCategorySelector, renderBrandSelector, renderAddressSelector, renderTemplateSelector, onSaveAsTemplate, previewSlot, }) {
     const [draft, setDraft] = useState(initialValues ?? { status: "draft", condition: "new" });
     const [currentStep, setCurrentStep] = useState(0);
+    const [stepError, setStepError] = useState(null);
     const { isDirty, markDirty, markClean } = useFormShell();
     const router = useRouter();
     const update = useCallback((partial) => {
@@ -225,12 +230,29 @@ export function SellerProductShell({ mode, listingType = "standard", initialValu
             render: ({ values, onChange }) => (_jsx(StepPublish, { values: values, onChange: onChange })),
         },
     ];
+    const handleNext = useCallback(async () => {
+        const step = steps[currentStep];
+        if (step?.validate) {
+            const err = step.validate(draft);
+            if (err) {
+                setStepError(err);
+                return;
+            }
+        }
+        setStepError(null);
+        if (currentStep < steps.length - 1) {
+            setCurrentStep((c) => c + 1);
+        }
+        else {
+            await handlePublish();
+        }
+    }, [currentStep, steps, draft, handlePublish]);
     const breadcrumb = mode === "create" ? `Store / ${listingTypeLabel}s / New` : `Store / ${listingTypeLabel}s / Edit`;
     const title = mode === "create"
         ? `New ${listingTypeLabel}`
         : draft.title ?? `Edit ${listingTypeLabel}`;
     if (mode === "create") {
-        return (_jsx(FormShell, { isOpen: true, onClose: handleDiscard, title: title, breadcrumb: breadcrumb, isDirty: isDirty, isLoading: isLoading, previewSlot: previewSlot, children: _jsx(StepForm, { steps: steps, values: draft, onChange: update, onComplete: handlePublish, completeLabel: `Publish ${listingTypeLabel}`, currentStep: currentStep, onStepChange: setCurrentStep, isLoading: isLoading }) }));
+        return (_jsx(FormShell, { isOpen: true, onClose: handleDiscard, title: title, breadcrumb: breadcrumb, isDirty: isDirty, isLoading: isLoading, previewSlot: previewSlot, renderBottomBar: () => (_jsxs("div", { className: "flex-shrink-0 border-t border-[var(--appkit-color-border)] bg-[var(--appkit-color-surface)]", children: [_jsx(StepFormActions, { currentStep: currentStep, totalSteps: steps.length, onNext: () => void handleNext(), onPrev: currentStep > 0 ? () => setCurrentStep((c) => c - 1) : undefined, completeLabel: `Publish ${listingTypeLabel}`, isLoading: isLoading && currentStep === steps.length - 1, disabled: isLoading }), stepError && (_jsx(Text, { className: "px-5 pb-3 text-sm text-[var(--appkit-color-error)]", children: stepError }))] })), children: _jsx(StepForm, { steps: steps, values: draft, onChange: update, onComplete: handlePublish, completeLabel: `Publish ${listingTypeLabel}`, currentStep: currentStep, onStepChange: setCurrentStep, isLoading: isLoading, hideActions: true }) }));
     }
     // Edit mode — FormShell with section nav + full form
     const editSections = [

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

@@ -2,10 +2,11 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import React, { useState, useCallback } from "react";
 import { useActionDispatch } from "../../../react/hooks/use-action-dispatch";
-import { X, Pencil, Trash2 } from "lucide-react";
+import { X, Pencil, Trash2, Printer, MapPin } from "lucide-react";
+import { PhysicalLocationModal } from "./PhysicalLocationModal";
 import { useUrlTable } from "../../../react/hooks/useUrlTable";
 import { useBulkSelection } from "../../../react/hooks/useBulkSelection";
-import { Alert, Badge, Button, Div, FilterChipGroup, ListingToolbar, ListingViewShell, Pagination, Row, Span, Text } from "../../../ui";
+import { Alert, Badge, BulkActionBar, Button, Div, FilterChipGroup, ListingToolbar, ListingViewShell, Pagination, Row, Span, Text } from "../../../ui";
 import { SELLER_ENDPOINTS } from "../../../constants/api-endpoints";
 import { SELLER_PRODUCT_STATUS_TABS } from "../../admin/constants/filter-tabs";
 import { ROUTES } from "../../../constants";
@@ -85,6 +86,12 @@ const PRODUCT_COLUMNS = [
         className: "w-28",
         render: (row) => (_jsx(Span, { className: "text-xs text-[var(--appkit-color-text-muted)]", children: row.updatedAt })),
     },
+    {
+        key: "physicalLocation",
+        header: "Location",
+        className: "w-28",
+        render: (row) => row.physicalLocation ? (_jsxs(Span, { className: "text-xs font-mono text-[var(--appkit-color-text-muted)]", children: [row.physicalLocation.zone, "/", row.physicalLocation.shelf, "/", row.physicalLocation.bin] })) : (_jsx(Span, { className: "text-xs text-[var(--appkit-color-text-faint)]", children: "\u2014" })),
+    },
 ];
 export function SellerProductsView({ onDeleteProduct, children, ...props }) {
     const hasChildren = React.Children.count(children) > 0;
@@ -95,6 +102,7 @@ export function SellerProductsView({ onDeleteProduct, children, ...props }) {
     const [filterOpen, setFilterOpen] = useState(false);
     const [listingKind, setListingKind] = useState("all");
     const [deletingId, setDeletingId] = useState(null);
+    const [setLocationOpen, setSetLocationOpen] = useState(false);
     const [pendingFilters, setPendingFilters] = useState(() => Object.fromEntries(FILTER_KEYS.map((k) => [k, table.get(k)])));
     const openFilters = useCallback(() => {
         setPendingFilters(Object.fromEntries(FILTER_KEYS.map((k) => [k, table.get(k)])));
@@ -172,6 +180,10 @@ export function SellerProductsView({ onDeleteProduct, children, ...props }) {
                 imageUrl: toStringValue(item.mainImage ?? item.images?.[0], undefined),
                 listingKind: kind,
                 price: priceRaw ? `₹${(priceRaw / 100).toLocaleString("en-IN")}` : "—",
+                physicalLocation: item.physicalLocation &&
+                    typeof item.physicalLocation.zone === "string"
+                    ? item.physicalLocation
+                    : undefined,
             };
         }),
         getTotal: (response, mappedRows) => typeof response.meta?.total === "number" ? response.meta.total : mappedRows.length,
@@ -203,15 +215,44 @@ export function SellerProductsView({ onDeleteProduct, children, ...props }) {
             setDeletingId(null);
         }
     };
-    return (_jsx(_Fragment, { children: _jsxs(Div, { className: "min-h-screen", children: [_jsx(ListingToolbar, { filterCount: activeFilterCount, onFiltersClick: openFilters, searchValue: searchInput, searchPlaceholder: "Search products by name\u2026", onSearchChange: setSearchInput, onSearchCommit: commitSearch, sortValue: table.get("sort") || DEFAULT_SORT, sortOptions: SORT_OPTIONS, onSortChange: (v) => { table.set("sort", v); }, showTableView: true, view: view, onViewChange: (v) => setView(v), onResetAll: resetAll, hasActiveState: hasActiveState }), _jsx(TypeChips, { active: listingKind, onChange: handleKindChange }), totalPages > 1 && (_jsx(Div, { className: "sticky z-10 flex justify-center bg-[var(--appkit-color-surface)]/95 backdrop-blur-sm border-b border-[var(--appkit-color-border)] px-3 py-1.5", style: { top: "calc(var(--header-height, 0px) + 44px)" }, children: _jsx(Pagination, { currentPage: currentPage, totalPages: totalPages, onPageChange: (p) => table.setPage(p) }) })), _jsxs(Div, { className: "py-4 px-3 lg:px-4", children: [errorMessage && (_jsx(Alert, { variant: "error", className: "mb-4", children: errorMessage })), _jsx(DataTable, { columns: PRODUCT_COLUMNS, rows: rows, isLoading: isLoading, emptyLabel: listingKind !== "all"
-                                ? `No ${listingKind} listings found`
-                                : "No products listed yet", getRowHref: (row) => row.listingKind === "auction"
-                                ? String(ROUTES.STORE.AUCTIONS_EDIT(row.id))
-                                : row.listingKind === "pre-order"
-                                    ? String(ROUTES.STORE.PRE_ORDERS_EDIT(row.id))
-                                    : row.listingKind === "prize-draw"
-                                        ? String(ROUTES.STORE.PRIZE_DRAWS_EDIT(row.id))
-                                        : String(ROUTES.STORE.PRODUCTS_EDIT(row.id)), renderRowActions: onDeleteProduct
-                                ? (row) => (_jsxs(Row, { className: "gap-1", 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", 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" }) })] }))
-                                : undefined })] }), filterOpen && (_jsxs(_Fragment, { children: [_jsx(Div, { role: "presentation", className: "fixed inset-0 z-40 bg-black/40", onClick: () => setFilterOpen(false) }), _jsxs(Div, { className: "fixed inset-y-0 left-0 z-50 flex w-80 flex-col bg-[var(--appkit-color-surface)] shadow-2xl", children: [_jsxs(Row, { justify: "between", className: "border-b border-[var(--appkit-color-border)] px-4 py-3.5", children: [_jsx(Text, { className: "text-base font-semibold text-[var(--appkit-color-text)]", children: "Filters" }), _jsxs(Row, { className: "gap-2", children: [activeFilterCount > 0 && (_jsx(Button, { variant: "ghost", size: "sm", onClick: clearFilters, className: "text-xs text-[var(--appkit-color-text-muted)] hover:text-[var(--appkit-color-error)]", children: "Clear all" })), _jsx(Button, { variant: "ghost", size: "sm", onClick: () => setFilterOpen(false), "aria-label": "Close filters", children: _jsx(X, { className: "h-5 w-5" }) })] })] }), _jsx(Div, { className: "flex-1 overflow-y-auto px-4 py-4 space-y-5", children: _jsx(FilterChipGroup, { label: "Status", tabs: STATUS_OPTIONS, value: pendingFilters.status ?? "", onChange: (id) => setPendingFilters((p) => ({ ...p, status: id })) }) }), _jsx(Div, { className: "border-t border-[var(--appkit-color-border)] px-4 py-3.5", children: _jsxs(Button, { variant: "primary", onClick: applyFilters, className: "w-full rounded-lg py-2.5 active:scale-[0.98]", children: ["Apply Filters", activeFilterCount > 0 ? ` (${activeFilterCount})` : ""] }) })] })] }))] }) }));
+    const handleBulkPrintLabels = useCallback(() => {
+        const ids = selection.selectedIds.join(",");
+        void dispatch({
+            type: "NAVIGATE",
+            href: `${String(ROUTES.STORE.INVENTORY_PRINT)}?type=product&ids=${ids}&autoprint=1`,
+        });
+    }, [selection.selectedIds, dispatch]);
+    const handleSetLocation = useCallback(async (loc) => {
+        await fetch(SELLER_ENDPOINTS.PRODUCTS_BULK_LOCATION, {
+            method: "PATCH",
+            headers: { "Content-Type": "application/json" },
+            body: JSON.stringify({ productIds: selection.selectedIds, physicalLocation: loc }),
+        });
+        setSetLocationOpen(false);
+    }, [selection.selectedIds]);
+    const bulkActions = [
+        {
+            id: ACTIONS.STORE["print-labels"].id,
+            label: ACTIONS.STORE["print-labels"].label,
+            icon: _jsx(Printer, { className: "w-4 h-4" }),
+            onClick: handleBulkPrintLabels,
+        },
+        {
+            id: ACTIONS.STORE["set-location"].id,
+            label: ACTIONS.STORE["set-location"].label,
+            icon: _jsx(MapPin, { className: "w-4 h-4" }),
+            onClick: () => setSetLocationOpen(true),
+        },
+    ];
+    return (_jsxs(_Fragment, { children: [_jsxs(Div, { className: "min-h-screen", children: [_jsx(ListingToolbar, { filterCount: activeFilterCount, onFiltersClick: openFilters, searchValue: searchInput, searchPlaceholder: "Search products by name\u2026", onSearchChange: setSearchInput, onSearchCommit: commitSearch, sortValue: table.get("sort") || DEFAULT_SORT, sortOptions: SORT_OPTIONS, onSortChange: (v) => { table.set("sort", v); }, showTableView: true, view: view, onViewChange: (v) => setView(v), onResetAll: resetAll, hasActiveState: hasActiveState }), _jsx(TypeChips, { active: listingKind, onChange: handleKindChange }), totalPages > 1 && (_jsx(Div, { className: "sticky z-10 flex justify-center bg-[var(--appkit-color-surface)]/95 backdrop-blur-sm border-b border-[var(--appkit-color-border)] px-3 py-1.5", style: { top: "calc(var(--header-height, 0px) + 44px)" }, children: _jsx(Pagination, { currentPage: currentPage, totalPages: totalPages, onPageChange: (p) => table.setPage(p) }) })), selection.selectedIds.length > 0 && (_jsx(Div, { className: "sticky z-20 px-3 lg:px-4 py-2 bg-[var(--appkit-color-surface)]/95 backdrop-blur-sm border-b border-[var(--appkit-color-border)]", style: { top: "calc(var(--header-height, 0px) + 88px)" }, children: _jsx(BulkActionBar, { selectedCount: selection.selectedIds.length, onClearSelection: selection.clearSelection, actions: bulkActions }) })), _jsxs(Div, { className: "py-4 px-3 lg:px-4", children: [errorMessage && (_jsx(Alert, { variant: "error", className: "mb-4", children: errorMessage })), _jsx(DataTable, { columns: PRODUCT_COLUMNS, rows: rows, isLoading: isLoading, emptyLabel: listingKind !== "all"
+                                    ? `No ${listingKind} listings found`
+                                    : "No products listed yet", selectedIds: selection.selectedIdSet, onToggleSelect: selection.toggle, onToggleSelectAll: (next) => selection.toggleAll(), getRowHref: (row) => row.listingKind === "auction"
+                                    ? String(ROUTES.STORE.AUCTIONS_EDIT(row.id))
+                                    : row.listingKind === "pre-order"
+                                        ? String(ROUTES.STORE.PRE_ORDERS_EDIT(row.id))
+                                        : row.listingKind === "prize-draw"
+                                            ? String(ROUTES.STORE.PRIZE_DRAWS_EDIT(row.id))
+                                            : String(ROUTES.STORE.PRODUCTS_EDIT(row.id)), renderRowActions: onDeleteProduct
+                                    ? (row) => (_jsxs(Row, { className: "gap-1", 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", 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" }) })] }))
+                                    : undefined })] }), filterOpen && (_jsxs(_Fragment, { children: [_jsx(Div, { role: "presentation", className: "fixed inset-0 z-40 bg-black/40", onClick: () => setFilterOpen(false) }), _jsxs(Div, { className: "fixed inset-y-0 left-0 z-50 flex w-80 flex-col bg-[var(--appkit-color-surface)] shadow-2xl", children: [_jsxs(Row, { justify: "between", className: "border-b border-[var(--appkit-color-border)] px-4 py-3.5", children: [_jsx(Text, { className: "text-base font-semibold text-[var(--appkit-color-text)]", children: "Filters" }), _jsxs(Row, { className: "gap-2", children: [activeFilterCount > 0 && (_jsx(Button, { variant: "ghost", size: "sm", onClick: clearFilters, className: "text-xs text-[var(--appkit-color-text-muted)] hover:text-[var(--appkit-color-error)]", children: "Clear all" })), _jsx(Button, { variant: "ghost", size: "sm", onClick: () => setFilterOpen(false), "aria-label": "Close filters", children: _jsx(X, { className: "h-5 w-5" }) })] })] }), _jsx(Div, { className: "flex-1 overflow-y-auto px-4 py-4 space-y-5", children: _jsx(FilterChipGroup, { label: "Status", tabs: STATUS_OPTIONS, value: pendingFilters.status ?? "", onChange: (id) => setPendingFilters((p) => ({ ...p, status: id })) }) }), _jsx(Div, { className: "border-t border-[var(--appkit-color-border)] px-4 py-3.5", children: _jsxs(Button, { variant: "primary", onClick: applyFilters, className: "w-full rounded-lg py-2.5 active:scale-[0.98]", children: ["Apply Filters", activeFilterCount > 0 ? ` (${activeFilterCount})` : ""] }) })] })] }))] }), setLocationOpen && (_jsx(PhysicalLocationModal, { count: selection.selectedIds.length, onSave: handleSetLocation, onClose: () => setSetLocationOpen(false) }))] }));
 }