@mohasinac/appkit 3.2.20 → 3.3.1

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

@@ -1,3 +1,4 @@
+import React from "react";
 interface BaseProps {
     placeholder?: string;
     disabled?: boolean;
@@ -19,5 +20,5 @@ interface MultiProps extends BaseProps {
     onChange: (v: string[]) => void;
 }
 export type GroupInlineSelectProps = SingleProps | MultiProps;
-export declare function GroupInlineSelect(props: GroupInlineSelectProps): import("react/jsx-runtime").JSX.Element;
+export declare function GroupInlineSelect(props: GroupInlineSelectProps): React.JSX.Element;
 export {};

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

@@ -1,3 +1,4 @@
+import React from "react";
 export interface PhysicalLocation {
     zone: string;
     shelf: string;
@@ -8,5 +9,5 @@ interface PhysicalLocationModalProps {
     onSave: (loc: PhysicalLocation) => Promise<void>;
     onClose: () => void;
 }
-export declare function PhysicalLocationModal({ count, onSave, onClose }: PhysicalLocationModalProps): import("react/jsx-runtime").JSX.Element;
+export declare function PhysicalLocationModal({ count, onSave, onClose }: PhysicalLocationModalProps): React.JSX.Element;
 export {};

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

@@ -1,3 +1,4 @@
+import React from "react";
 interface PrintCenterStore {
     id: string;
     storeName: string;
@@ -38,5 +39,5 @@ interface PrintCenterViewProps {
     initialProducts?: PrintCenterProduct[];
     initialOrders?: PrintCenterOrder[];
 }
-export declare function PrintCenterView({ store, brandName, initialProducts, initialOrders, }: PrintCenterViewProps): import("react/jsx-runtime").JSX.Element;
+export declare function PrintCenterView({ store, brandName, initialProducts, initialOrders, }: PrintCenterViewProps): React.JSX.Element;
 export {};

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

@@ -1,3 +1,4 @@
+import React from "react";
 type Scope = "admin" | "store";
 interface BaseProps {
     /** Which API to query. "store" lists the seller's own products; "admin" lists all. */
@@ -20,5 +21,5 @@ interface MultiProps extends BaseProps {
     onChange: (v: string[]) => void;
 }
 export type ProductInlineSelectProps = SingleProps | MultiProps;
-export declare function ProductInlineSelect(props: ProductInlineSelectProps): import("react/jsx-runtime").JSX.Element;
+export declare function ProductInlineSelect(props: ProductInlineSelectProps): React.JSX.Element;
 export {};

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

@@ -1,3 +1,4 @@
+import React from "react";
 import type { SellerProductDraft, SellerProductShellProps } from "./SellerProductShell";
 export interface QuickProductFormProps {
     values: SellerProductDraft;
@@ -10,4 +11,4 @@ export interface QuickProductFormProps {
     renderCategorySelector?: SellerProductShellProps["renderCategorySelector"];
     onUploadImage?: (file: File) => Promise<string>;
 }
-export declare function QuickProductForm({ values, onChange, onPublish, onSave, onSwitchToFull, isLoading, renderCategorySelector, onUploadImage, }: QuickProductFormProps): import("react/jsx-runtime").JSX.Element;
+export declare function QuickProductForm({ values, onChange, onPublish, onSave, onSwitchToFull, isLoading, renderCategorySelector, onUploadImage, }: QuickProductFormProps): React.JSX.Element;

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

@@ -1,4 +1,5 @@
+import React from "react";
 export interface SellerAddressesViewProps {
     apiBase?: string;
 }
-export declare function SellerAddressesView({ apiBase, }: SellerAddressesViewProps): import("react/jsx-runtime").JSX.Element;
+export declare function SellerAddressesView({ apiBase, }: SellerAddressesViewProps): React.JSX.Element;

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

@@ -1,6 +1,7 @@
+import React from "react";
 export interface SellerAnalyticsAlertsViewProps {
     labels?: {
         title?: string;
     };
 }
-export declare function SellerAnalyticsAlertsView({ labels, }: SellerAnalyticsAlertsViewProps): import("react/jsx-runtime").JSX.Element;
+export declare function SellerAnalyticsAlertsView({ labels, }: SellerAnalyticsAlertsViewProps): React.JSX.Element;

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

@@ -12,4 +12,4 @@ export interface SellerAnalyticsViewProps extends Omit<StackedViewShellProps, "s
     renderTopProducts?: () => React.ReactNode;
     isLoading?: boolean;
 }
-export declare function SellerAnalyticsView({ labels, renderDateRange, renderStats, renderCharts, renderTopProducts, isLoading, ...rest }: SellerAnalyticsViewProps): import("react/jsx-runtime").JSX.Element;
+export declare function SellerAnalyticsView({ labels, renderDateRange, renderStats, renderCharts, renderTopProducts, isLoading, ...rest }: SellerAnalyticsViewProps): React.JSX.Element;

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

@@ -0,0 +1,8 @@
+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;

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

@@ -0,0 +1,114 @@
+"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";
+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 "../../..";
+import { toRecordArray, toRelativeDate, toRupees, toStringValue, } from "../../admin/hooks/useAdminListingData";
+import { DataListingView } from "../../admin/components/DataListingView";
+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: (id) => `/api/store/products/${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 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: "productTitle", 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: toRupees(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",
+        primaryAction: { label: "New Art Print", onClick: () => handleCreate() },
+        buildBulkActions: onBulkDelete
+            ? (selection) => [
+                {
+                    id: "bulk-delete",
+                    label: ACTIONS.STORE["delete-listing"].label,
+                    variant: "danger",
+                    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 }))] }));
+}

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

@@ -6,4 +6,4 @@ export interface SellerAuctionsViewProps extends ListingLayoutProps {
     onDelete?: (id: string) => Promise<void>;
     onBulkDelete?: (ids: string[]) => Promise<void>;
 }
-export declare function SellerAuctionsView({ children, onEditClick, onDelete, onBulkDelete, ...props }: SellerAuctionsViewProps): import("react/jsx-runtime").JSX.Element;
+export declare function SellerAuctionsView({ children, onEditClick, onDelete, onBulkDelete, ...props }: SellerAuctionsViewProps): React.JSX.Element;

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

@@ -1,4 +1,5 @@
+import React from "react";
 export interface SellerBidsViewProps {
     endpoint?: string;
 }
-export declare function SellerBidsView({ endpoint }: SellerBidsViewProps): import("react/jsx-runtime").JSX.Element;
+export declare function SellerBidsView({ endpoint }: SellerBidsViewProps): React.JSX.Element;

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

@@ -1,7 +1,8 @@
+import React from "react";
 export interface SellerBundlesViewProps {
     onCreateClick?: () => void;
     onEditClick?: (id: string) => void;
     onDelete?: (id: string) => Promise<void>;
     onBulkDelete?: (ids: string[]) => Promise<void>;
 }
-export declare function SellerBundlesView({ onCreateClick, onEditClick, onDelete, onBulkDelete, }: SellerBundlesViewProps): import("react/jsx-runtime").JSX.Element;
+export declare function SellerBundlesView({ onCreateClick, onEditClick, onDelete, onBulkDelete, }: SellerBundlesViewProps): React.JSX.Element;

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

@@ -1,7 +1,8 @@
+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): import("react/jsx-runtime").JSX.Element;
+export declare function SellerClassifiedView({ onCreateClick, onEditClick, onDelete, onBulkDelete, }: SellerClassifiedViewProps): React.JSX.Element;

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

@@ -18,4 +18,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-runtime").JSX.Element;
+export declare function SellerCouponEditorView({ couponId, initial, onSave, onCancel, }: SellerCouponEditorViewProps): import("react").JSX.Element;

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

@@ -1,3 +1,4 @@
+import React from "react";
 import type { ListingLayoutProps } from "../../../ui";
 export interface SellerCouponsViewProps extends ListingLayoutProps {
     onCreateClick?: () => void;
@@ -5,4 +6,4 @@ export interface SellerCouponsViewProps extends ListingLayoutProps {
     onToggle?: (couponId: string, currentlyActive: boolean) => Promise<void>;
     onDelete?: (couponId: string) => Promise<void>;
 }
-export declare function SellerCouponsView({ onCreateClick, onEditClick, onToggle, onDelete, children, ...props }: SellerCouponsViewProps): import("react/jsx-runtime").JSX.Element;
+export declare function SellerCouponsView({ onCreateClick, onEditClick, onToggle, onDelete, children, ...props }: SellerCouponsViewProps): React.JSX.Element;

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

@@ -2,4 +2,4 @@ import type { SellerProductShellProps, ProductListingMode } from "./SellerProduc
 export interface SellerCreateProductViewProps extends Omit<SellerProductShellProps, "mode"> {
     listingType?: ProductListingMode;
 }
-export declare function SellerCreateProductView(props: SellerCreateProductViewProps): import("react/jsx-runtime").JSX.Element;
+export declare function SellerCreateProductView(props: SellerCreateProductViewProps): import("react").JSX.Element;

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

@@ -11,4 +11,4 @@ export interface SellerDashboardViewProps extends Omit<StackedViewShellProps, "s
     renderTopProducts?: () => React.ReactNode;
     isLoading?: boolean;
 }
-export declare function SellerDashboardView({ labels, renderStats, renderQuickActions, renderRecentListings, renderRevenueChart, renderTopProducts, isLoading, ...rest }: SellerDashboardViewProps): import("react/jsx-runtime").JSX.Element;
+export declare function SellerDashboardView({ labels, renderStats, renderQuickActions, renderRecentListings, renderRevenueChart, renderTopProducts, isLoading, ...rest }: SellerDashboardViewProps): React.JSX.Element;

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

@@ -1,7 +1,8 @@
+import React from "react";
 export interface SellerDigitalCodesViewProps {
     onCreateClick?: () => void;
     onEditClick?: (id: string) => void;
     onDelete?: (id: string) => Promise<void>;
     onBulkDelete?: (ids: string[]) => Promise<void>;
 }
-export declare function SellerDigitalCodesView({ onCreateClick, onEditClick, onDelete, onBulkDelete, }: SellerDigitalCodesViewProps): import("react/jsx-runtime").JSX.Element;
+export declare function SellerDigitalCodesView({ onCreateClick, onEditClick, onDelete, onBulkDelete, }: SellerDigitalCodesViewProps): React.JSX.Element;

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

@@ -2,4 +2,4 @@ import type { SellerProductShellProps, ProductListingMode } from "./SellerProduc
 export interface SellerEditProductViewProps extends Omit<SellerProductShellProps, "mode"> {
     listingType?: ProductListingMode;
 }
-export declare function SellerEditProductView(props: SellerEditProductViewProps): import("react/jsx-runtime").JSX.Element;
+export declare function SellerEditProductView(props: SellerEditProductViewProps): import("react").JSX.Element;

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

@@ -1 +1,2 @@
-export declare function SellerFeaturesView(): import("react/jsx-runtime").JSX.Element;
+import React from "react";
+export declare function SellerFeaturesView(): React.JSX.Element;

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

@@ -1,3 +1,4 @@
+import React from "react";
 interface GoogleConfigDraft {
     placeId: string;
     businessName: string;
@@ -10,5 +11,5 @@ export interface SellerGoogleReviewsViewProps {
     onSave?: (data: Partial<GoogleConfigDraft>) => Promise<void>;
     onSync?: () => Promise<void>;
 }
-export declare function SellerGoogleReviewsView({ onSave, onSync, }: SellerGoogleReviewsViewProps): import("react/jsx-runtime").JSX.Element;
+export declare function SellerGoogleReviewsView({ onSave, onSync, }: SellerGoogleReviewsViewProps): React.JSX.Element;
 export {};

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

@@ -1,6 +1,7 @@
+import React from "react";
 export interface SellerGroupedListingsViewProps {
     onCreateClick?: () => void;
     onEditClick?: (id: string) => void;
     onDeleteClick?: (id: string) => void;
 }
-export declare function SellerGroupedListingsView({ onCreateClick, onEditClick, onDeleteClick, }: SellerGroupedListingsViewProps): import("react/jsx-runtime").JSX.Element;
+export declare function SellerGroupedListingsView({ onCreateClick, onEditClick, onDeleteClick, }: SellerGroupedListingsViewProps): React.JSX.Element;

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

@@ -9,4 +9,4 @@ export interface SellerGuideViewProps extends Omit<StackedViewShellProps, "secti
     renderSections?: () => ReactNode;
     renderCTA?: () => ReactNode;
 }
-export declare function SellerGuideView({ labels, sections, cta, renderSections, renderCTA, ...rest }: SellerGuideViewProps): import("react/jsx-runtime").JSX.Element;
+export declare function SellerGuideView({ labels, sections, cta, renderSections, renderCTA, ...rest }: SellerGuideViewProps): import("react").JSX.Element;

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

@@ -1,7 +1,8 @@
+import React from "react";
 export interface SellerLiveViewProps {
     onCreateClick?: () => void;
     onEditClick?: (id: string) => void;
     onDelete?: (id: string) => Promise<void>;
     onBulkDelete?: (ids: string[]) => Promise<void>;
 }
-export declare function SellerLiveView({ onCreateClick, onEditClick, onDelete, onBulkDelete, }: SellerLiveViewProps): import("react/jsx-runtime").JSX.Element;
+export declare function SellerLiveView({ onCreateClick, onEditClick, onDelete, onBulkDelete, }: SellerLiveViewProps): React.JSX.Element;

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

@@ -1,3 +1,4 @@
+import React from "react";
 export type SellerOfferAction = {
     action: "accept";
     offerId: string;
@@ -17,4 +18,4 @@ export interface SellerOffersPanelProps {
     onRespond: (input: SellerOfferAction) => Promise<void>;
     className?: string;
 }
-export declare function SellerOffersPanel({ fetchEndpoint, onRespond, className, }: SellerOffersPanelProps): import("react/jsx-runtime").JSX.Element;
+export declare function SellerOffersPanel({ fetchEndpoint, onRespond, className, }: SellerOffersPanelProps): React.JSX.Element;

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

@@ -1,7 +1,8 @@
+import React from "react";
 import type { ListingLayoutProps } from "../../../ui";
 export interface SellerOffersViewProps extends ListingLayoutProps {
     onAcceptOffer?: (id: string) => Promise<void>;
     onRejectOffer?: (id: string) => Promise<void>;
     onCounterOffer?: (id: string) => void;
 }
-export declare function SellerOffersView({ children, onAcceptOffer, onRejectOffer, onCounterOffer, ...props }: SellerOffersViewProps): import("react/jsx-runtime").JSX.Element;
+export declare function SellerOffersView({ children, onAcceptOffer, onRejectOffer, onCounterOffer, ...props }: SellerOffersViewProps): React.JSX.Element;

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

@@ -1,5 +1,6 @@
+import React from "react";
 import type { ListingLayoutProps } from "../../../ui";
 export interface SellerOrdersViewProps extends ListingLayoutProps {
     orderDetailApiBase?: string;
 }
-export declare function SellerOrdersView({ orderDetailApiBase, children, ...props }: SellerOrdersViewProps): import("react/jsx-runtime").JSX.Element;
+export declare function SellerOrdersView({ orderDetailApiBase, children, ...props }: SellerOrdersViewProps): React.JSX.Element;

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

@@ -48,6 +48,11 @@ const UPDATE_STATUS_OPTIONS = [
     { value: "delivered", label: "Delivered" },
     { value: "cancelled", label: "Cancelled" },
 ];
+const EMI_INSTALLMENT_BADGE_VARIANT = {
+    paid: "success",
+    pending: "warning",
+    overdue: "danger",
+};
 // ---------------------------------------------------------------------------
 // Order Detail Drawer
 // ---------------------------------------------------------------------------
@@ -61,6 +66,9 @@ function OrderDetailDrawer({ orderId, apiBase, onClose, }) {
     const [trackingNumber, setTrackingNumber] = useState("");
     const [carrier, setCarrier] = useState("");
     const [trackingUrl, setTrackingUrl] = useState("");
+    const [markingPaidIndex, setMarkingPaidIndex] = useState(null);
+    const [emiError, setEmiError] = useState(null);
+    const { showToast } = useToast();
     React.useEffect(() => {
         setLoading(true);
         setFetchError(null);
@@ -76,6 +84,31 @@ function OrderDetailDrawer({ orderId, apiBase, onClose, }) {
             .catch(() => setFetchError("Failed to load order details"))
             .finally(() => setLoading(false));
     }, [orderId, apiBase]);
+    const handleMarkInstallmentPaid = async (installmentIndex) => {
+        setMarkingPaidIndex(installmentIndex);
+        setEmiError(null);
+        try {
+            const res = await fetch(`${apiBase}/${orderId}/emi-installment`, {
+                method: "PATCH",
+                headers: { "Content-Type": "application/json" },
+                body: JSON.stringify({ installmentIndex }),
+            });
+            const json = await res.json().catch(() => ({}));
+            if (!res.ok)
+                throw new Error(json?.error ?? "Failed to mark installment paid");
+            setOrder(json?.data ?? json);
+            showToast("Installment marked paid.", "success");
+        }
+        catch (err) {
+            void normalizeError(err);
+            const message = err instanceof Error ? err.message : "Failed to mark installment paid.";
+            setEmiError(message);
+            showToast(message, "error");
+        }
+        finally {
+            setMarkingPaidIndex(null);
+        }
+    };
     const handleSave = async () => {
         if (!order)
             return;
@@ -118,7 +151,11 @@ function OrderDetailDrawer({ orderId, apiBase, onClose, }) {
     };
     const addr = order?.shippingAddress ?? {};
     const addrLine = [addr.addressLine1, addr.city, addr.state, addr.pincode].filter(Boolean).join(", ");
-    return (_jsxs(SideDrawer, { isOpen: true, title: `Order ${order?.id ?? orderId}`, onClose: onClose, children: [loading && (_jsx(Row, { align: "center", justify: "center", padding: "y-4xl", children: _jsx(Div, { className: "h-6 w-6 animate-spin border-2 border-[var(--appkit-color-primary)] border-t-transparent", rounded: "full" }) })), fetchError && (_jsx(Div, { textSize: "sm", className: "mx-4 mt-4 border border-error/20", color: "error", surface: "danger-surface", padding: "inline", rounded: "lg", children: fetchError })), order && !loading && (_jsxs(Stack, { gap: "none", children: [_jsxs(Stack, { className: `flex-1 ${__O.yAuto}`, gap: "5", padding: "md", children: [_jsxs(Row, { align: "center", justify: "between", children: [_jsx(Badge, { variant: STATUS_BADGE_VARIANT[order.status?.toUpperCase()] ?? "default", children: order.status ?? "Unknown" }), _jsx(Text, { size: "sm", className: "text-[var(--appkit-color-text-secondary)]", children: toRelativeDate(order.createdAt) })] }), (order.items ?? []).length > 0 && (_jsxs(Div, { children: [_jsx(Text, { size: "sm", className: "text-[var(--appkit-color-text-primary)] mb-2", weight: "semibold", children: "Items" }), _jsx(Div, { className: "divide-y divide-[var(--appkit-color-border)] divide-[var(--appkit-color-border)] border border-[var(--appkit-color-border)]", rounded: "lg", children: (order.items ?? []).map((item, i) => (_jsxs(Row, { paddingY: "y-xs-tall", padding: "x-sm", align: "center", justify: "between", gap: "3", children: [_jsxs(Div, { className: "min-w-0", children: [_jsx(Text, { size: "sm", className: "truncate", weight: "medium", children: item.title ?? item.productId ?? "Item" }), _jsxs(Text, { size: "xs", className: "text-[var(--appkit-color-text-secondary)]", children: ["Qty: ", item.quantity ?? 1] })] }), _jsx(Text, { size: "sm", className: "shrink-0", weight: "medium", children: toRupees(item.price ?? 0) })] }, i))) })] })), _jsxs(Row, { surface: "muted", padding: "inline", align: "center", justify: "between", rounded: "lg", children: [_jsx(Text, { size: "sm", weight: "semibold", children: "Total" }), _jsx(Text, { size: "sm", className: "text-[var(--appkit-color-primary)]", weight: "bold", children: toRupees(order.totalAmount ?? 0) })] }), addrLine && (_jsxs(Div, { children: [_jsx(Text, { size: "sm", className: "mb-1", weight: "semibold", children: "Shipping address" }), _jsx(Text, { size: "sm", className: "text-[var(--appkit-color-text-secondary)]", children: [String(addr.fullName ?? ""), addrLine].filter(Boolean).join(" · ") })] })), order.paymentMethod && (_jsxs(Div, { children: [_jsx(Text, { size: "sm", className: "mb-1", weight: "semibold", children: "Payment" }), _jsx(Text, { size: "sm", className: "text-[var(--appkit-color-text-secondary)]", transform: "capitalize", children: order.paymentMethod })] })), _jsxs(Stack, { className: "border-t border-[var(--appkit-color-border)]", padding: "t-md", gap: "3", children: [_jsx(Heading, { level: 4, size: "sm", weight: "semibold", children: "Update order" }), _jsx(Select, { label: "New status", value: newStatus, options: UPDATE_STATUS_OPTIONS, onChange: (e) => setNewStatus(e.target.value) }), _jsx(Input, { label: "Tracking number", value: trackingNumber, onChange: (e) => setTrackingNumber(e.target.value), placeholder: "e.g. 12345678901234" }), _jsx(Input, { label: "Carrier", value: carrier, onChange: (e) => setCarrier(e.target.value), placeholder: "e.g. Delhivery, Bluedart" }), _jsx(Input, { label: "Tracking URL (optional)", value: trackingUrl, onChange: (e) => setTrackingUrl(e.target.value), placeholder: "https://...", type: "url" }), saveError && (_jsx(Div, { textSize: "xs", className: "border border-error/20", color: "error", surface: "danger-surface", padding: "inlineSm", rounded: "lg", children: saveError }))] })] }), _jsxs(Row, { border: "top", paddingY: "y-sm-tall", padding: "x-md", align: "center", justify: "end", gap: "3", children: [_jsx(Button, { variant: "outline", onClick: onClose, disabled: saving, children: "Close" }), _jsx(Button, { onClick: handleSave, isLoading: saving, disabled: saving, children: "Save" })] })] }))] }));
+    return (_jsxs(SideDrawer, { isOpen: true, title: `Order ${order?.id ?? orderId}`, onClose: onClose, children: [loading && (_jsx(Row, { align: "center", justify: "center", padding: "y-4xl", children: _jsx(Div, { className: "h-6 w-6 animate-spin border-2 border-[var(--appkit-color-primary)] border-t-transparent", rounded: "full" }) })), fetchError && (_jsx(Div, { textSize: "sm", className: "mx-4 mt-4 border border-error/20", color: "error", surface: "danger-surface", padding: "inline", rounded: "lg", children: fetchError })), order && !loading && (_jsxs(Stack, { gap: "none", children: [_jsxs(Stack, { className: `flex-1 ${__O.yAuto}`, gap: "5", padding: "md", children: [_jsxs(Row, { align: "center", justify: "between", children: [_jsx(Badge, { variant: STATUS_BADGE_VARIANT[order.status?.toUpperCase()] ?? "default", children: order.status ?? "Unknown" }), _jsx(Text, { size: "sm", className: "text-[var(--appkit-color-text-secondary)]", children: toRelativeDate(order.createdAt) })] }), (order.items ?? []).length > 0 && (_jsxs(Div, { children: [_jsx(Text, { size: "sm", className: "text-[var(--appkit-color-text-primary)] mb-2", weight: "semibold", children: "Items" }), _jsx(Div, { className: "divide-y divide-[var(--appkit-color-border)] divide-[var(--appkit-color-border)] border border-[var(--appkit-color-border)]", rounded: "lg", children: (order.items ?? []).map((item, i) => (_jsxs(Row, { paddingY: "y-xs-tall", padding: "x-sm", align: "center", justify: "between", gap: "3", children: [_jsxs(Div, { className: "min-w-0", children: [_jsx(Text, { size: "sm", className: "truncate", weight: "medium", children: item.title ?? item.productId ?? "Item" }), _jsxs(Text, { size: "xs", className: "text-[var(--appkit-color-text-secondary)]", children: ["Qty: ", item.quantity ?? 1] })] }), _jsx(Text, { size: "sm", className: "shrink-0", weight: "medium", children: toRupees(item.price ?? 0) })] }, i))) })] })), _jsxs(Row, { surface: "muted", padding: "inline", align: "center", justify: "between", rounded: "lg", children: [_jsx(Text, { size: "sm", weight: "semibold", children: "Total" }), _jsx(Text, { size: "sm", className: "text-[var(--appkit-color-primary)]", weight: "bold", children: toRupees(order.totalAmount ?? 0) })] }), addrLine && (_jsxs(Div, { children: [_jsx(Text, { size: "sm", className: "mb-1", weight: "semibold", children: "Shipping address" }), _jsx(Text, { size: "sm", className: "text-[var(--appkit-color-text-secondary)]", children: [String(addr.fullName ?? ""), addrLine].filter(Boolean).join(" · ") })] })), order.paymentMethod && (_jsxs(Div, { children: [_jsx(Text, { size: "sm", className: "mb-1", weight: "semibold", children: "Payment" }), _jsx(Text, { size: "sm", className: "text-[var(--appkit-color-text-secondary)]", transform: "capitalize", children: order.paymentMethod })] })), order.emiEnabled && (_jsxs(Div, { className: "border-t border-[var(--appkit-color-border)]", padding: "t-md", children: [_jsxs(Row, { align: "center", justify: "between", className: "mb-2", children: [_jsxs(Text, { size: "sm", weight: "semibold", children: ["EMI plan ", order.emiTenureMonths ? `· ${order.emiTenureMonths} months` : ""] }), _jsx(Badge, { variant: order.emiComplete ? "success" : "warning", children: order.emiComplete ? "Fully paid" : "In progress" })] }), _jsxs(Row, { align: "center", justify: "between", className: "mb-2", children: [_jsx(Text, { size: "xs", color: "muted", children: "Token collected" }), _jsx(Text, { size: "xs", weight: "medium", children: toRupees(order.emiTokenAmount ?? 0) })] }), _jsxs(Row, { align: "center", justify: "between", className: "mb-3", children: [_jsx(Text, { size: "xs", color: "muted", children: "Remaining balance" }), _jsx(Text, { size: "xs", weight: "medium", children: toRupees(order.emiRemainingBalance ?? 0) })] }), _jsx(Div, { className: "divide-y divide-[var(--appkit-color-border)] border border-[var(--appkit-color-border)]", rounded: "lg", children: (order.emiInstallments ?? []).map((inst) => (_jsxs(Row, { paddingY: "y-xs-tall", padding: "x-sm", align: "center", justify: "between", gap: "3", children: [_jsxs(Div, { className: "min-w-0", children: [_jsxs(Text, { size: "sm", weight: "medium", children: ["Installment ", inst.index, " \u00B7 ", toRupees(inst.amount)] }), _jsx(Text, { size: "xs", color: "muted", children: inst.status === "paid" && inst.paidAt
+                                                                ? `Paid ${toRelativeDate(inst.paidAt)}`
+                                                                : inst.dueDate
+                                                                    ? `Due ${toRelativeDate(inst.dueDate)}`
+                                                                    : "" })] }), _jsxs(Row, { align: "center", gap: "sm", className: "shrink-0", children: [_jsx(Badge, { variant: EMI_INSTALLMENT_BADGE_VARIANT[inst.status] ?? "default", children: inst.status }), inst.status !== "paid" && (_jsx(Button, { action: ACTIONS.STORE["mark-installment-paid"], size: "sm", variant: "outline", isLoading: markingPaidIndex === inst.index, disabled: markingPaidIndex !== null, onClick: () => handleMarkInstallmentPaid(inst.index), children: "Mark paid" }))] })] }, inst.index))) }), emiError && (_jsx(Div, { textSize: "xs", className: "mt-2 border border-error/20", color: "error", surface: "danger-surface", padding: "inlineSm", rounded: "lg", children: emiError }))] })), _jsxs(Stack, { className: "border-t border-[var(--appkit-color-border)]", padding: "t-md", gap: "3", children: [_jsx(Heading, { level: 4, size: "sm", weight: "semibold", children: "Update order" }), _jsx(Select, { label: "New status", value: newStatus, options: UPDATE_STATUS_OPTIONS, onChange: (e) => setNewStatus(e.target.value) }), _jsx(Input, { label: "Tracking number", value: trackingNumber, onChange: (e) => setTrackingNumber(e.target.value), placeholder: "e.g. 12345678901234" }), _jsx(Input, { label: "Carrier", value: carrier, onChange: (e) => setCarrier(e.target.value), placeholder: "e.g. Delhivery, Bluedart" }), _jsx(Input, { label: "Tracking URL (optional)", value: trackingUrl, onChange: (e) => setTrackingUrl(e.target.value), placeholder: "https://...", type: "url" }), saveError && (_jsx(Div, { textSize: "xs", className: "border border-error/20", color: "error", surface: "danger-surface", padding: "inlineSm", rounded: "lg", children: saveError }))] })] }), _jsxs(Row, { border: "top", paddingY: "y-sm-tall", padding: "x-md", align: "center", justify: "end", gap: "3", children: [_jsx(Button, { variant: "outline", onClick: onClose, disabled: saving, children: "Close" }), _jsx(Button, { onClick: handleSave, isLoading: saving, disabled: saving, children: "Save" })] })] }))] }));
 }
 // ---------------------------------------------------------------------------
 // Main view

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

@@ -11,4 +11,4 @@ export interface SellerPayoutHistoryTableProps {
     renderTable: () => React.ReactNode;
     className?: string;
 }
-export declare function SellerPayoutHistoryTable({ labels, isLoading, hasRows, renderLoading, renderEmptyState, renderTable, className, }: SellerPayoutHistoryTableProps): import("react/jsx-runtime").JSX.Element;
+export declare function SellerPayoutHistoryTable({ labels, isLoading, hasRows, renderLoading, renderEmptyState, renderTable, className, }: SellerPayoutHistoryTableProps): React.JSX.Element;

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

@@ -1,7 +1,8 @@
+import React from "react";
 export interface SellerPayoutMethodsViewProps {
     onCreateClick?: () => void;
     onEditClick?: (id: string) => void;
     onDelete?: (id: string) => Promise<void>;
     onSetDefault?: (id: string) => Promise<void>;
 }
-export declare function SellerPayoutMethodsView({ onCreateClick, onEditClick, onDelete, onSetDefault, }: SellerPayoutMethodsViewProps): import("react/jsx-runtime").JSX.Element;
+export declare function SellerPayoutMethodsView({ onCreateClick, onEditClick, onDelete, onSetDefault, }: SellerPayoutMethodsViewProps): React.JSX.Element;

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

@@ -4,4 +4,4 @@ export interface SellerPayoutRequestViewProps {
     requestApiBase?: string;
     onRequested?: () => void;
 }
-export declare function SellerPayoutRequestView({ payoutsApiBase, payoutSettingsApiBase, requestApiBase, onRequested, }: SellerPayoutRequestViewProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function SellerPayoutRequestView({ payoutsApiBase, payoutSettingsApiBase, requestApiBase, onRequested, }: SellerPayoutRequestViewProps): import("react").JSX.Element | null;

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

@@ -1,4 +1,4 @@
 export interface SellerPayoutSettingsViewProps {
     apiBase?: string;
 }
-export declare function SellerPayoutSettingsView({ apiBase }: SellerPayoutSettingsViewProps): import("react/jsx-runtime").JSX.Element;
+export declare function SellerPayoutSettingsView({ apiBase }: SellerPayoutSettingsViewProps): import("react").JSX.Element;

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

@@ -21,6 +21,7 @@ const DEFAULT_DRAFT = {
     businessType: "",
     autoPayout: true,
     minimumThreshold: "",
+    emiEnabled: false,
 };
 export function SellerPayoutSettingsView({ apiBase = "/api/store/payout-settings" }) {
     const [draft, setDraft] = useState(DEFAULT_DRAFT);
@@ -51,6 +52,7 @@ export function SellerPayoutSettingsView({ apiBase = "/api/store/payout-settings
                 minimumThreshold: res?.data?.preferences?.minimumThreshold
                     ? String(res.data.preferences.minimumThreshold / 100)
                     : "",
+                emiEnabled: res?.data?.emiEnabled ?? false,
             });
         })
             .catch(console.error)
@@ -77,6 +79,7 @@ export function SellerPayoutSettingsView({ apiBase = "/api/store/payout-settings
                 };
             const body = {
                 ...methodFields,
+                emiEnabled: draft.emiEnabled,
                 taxInfo: {
                     gstin: draft.gstin.trim(),
                     pan: draft.pan.trim(),
@@ -125,7 +128,7 @@ export function SellerPayoutSettingsView({ apiBase = "/api/store/payout-settings
         },
         {
             label: "Preferences",
-            render: ({ values, onChange }) => (_jsxs(Stack, { gap: "md", children: [_jsx(Heading, { level: 3, className: "mb-2", children: "Payout Preferences" }), _jsx(Toggle, { checked: values.autoPayout, onChange: (checked) => onChange({ autoPayout: checked }), label: "Enable auto-payout \u2014 automatically transfer earnings on schedule", disabled: busy }), _jsx(FormField, { name: "minimumThreshold", label: "Minimum Payout Threshold (\u20B9)", type: "number", value: values.minimumThreshold, onChange: (v) => onChange({ minimumThreshold: v }), placeholder: "e.g. 500", helpText: "Payouts are held until your balance exceeds this amount. Leave blank for no minimum.", disabled: busy }), _jsxs(Div, { className: `${__P.p3} bg-[var(--appkit-color-surface-alt)] border border-[var(--appkit-color-border)]`, rounded: "lg", children: [_jsx(Text, { className: "mb-1", size: "sm", weight: "medium", children: "Payout Schedule" }), _jsx(Text, { className: "text-[var(--appkit-color-text-muted)]", size: "sm", children: "Auto-payouts run every Monday for the previous week's settled orders. Manual payouts can be requested from the Payouts page at any time." })] })] })),
+            render: ({ values, onChange }) => (_jsxs(Stack, { gap: "md", children: [_jsx(Heading, { level: 3, className: "mb-2", children: "Payout Preferences" }), _jsx(Toggle, { checked: values.autoPayout, onChange: (checked) => onChange({ autoPayout: checked }), label: "Enable auto-payout \u2014 automatically transfer earnings on schedule", disabled: busy }), _jsx(FormField, { name: "minimumThreshold", label: "Minimum Payout Threshold (\u20B9)", type: "number", value: values.minimumThreshold, onChange: (v) => onChange({ minimumThreshold: v }), placeholder: "e.g. 500", helpText: "Payouts are held until your balance exceeds this amount. Leave blank for no minimum.", disabled: busy }), _jsxs(Div, { className: `${__P.p3} bg-[var(--appkit-color-surface-alt)] border border-[var(--appkit-color-border)]`, rounded: "lg", children: [_jsx(Text, { className: "mb-1", size: "sm", weight: "medium", children: "Payout Schedule" }), _jsx(Text, { className: "text-[var(--appkit-color-text-muted)]", size: "sm", children: "Auto-payouts run every Monday for the previous week's settled orders. Manual payouts can be requested from the Payouts page at any time." })] }), _jsx(Toggle, { checked: values.emiEnabled, onChange: (checked) => onChange({ emiEnabled: checked }), label: "Offer EMI financing on eligible orders", disabled: busy }), _jsx(Text, { className: "text-[var(--appkit-color-text-muted)]", size: "sm", children: "Only shown to buyers when platform-wide EMI is also enabled and their cart subtotal from your store exceeds the site's minimum order value. Orders on an EMI plan hold your payout until every installment is paid, unless you mark the item \"ship before EMI completes\"." })] })),
         },
     ];
     return (_jsx(StackedViewShell, { portal: "seller", title: "Payout Settings", sections: [

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

@@ -5,4 +5,4 @@ export interface SellerPayoutStatsProps {
     renderStats: () => React.ReactNode;
     className?: string;
 }
-export declare function SellerPayoutStats({ isLoading, renderLoading, renderStats, className, }: SellerPayoutStatsProps): import("react/jsx-runtime").JSX.Element;
+export declare function SellerPayoutStats({ isLoading, renderLoading, renderStats, className, }: SellerPayoutStatsProps): React.JSX.Element;

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

@@ -1,6 +1,7 @@
+import React from "react";
 import type { ListingLayoutProps } from "../../../ui";
 export interface SellerPayoutsViewProps extends ListingLayoutProps {
     onViewClick?: (id: string) => void;
     onExportClick?: (id: string) => void;
 }
-export declare function SellerPayoutsView({ children, onViewClick, onExportClick, ...props }: SellerPayoutsViewProps): import("react/jsx-runtime").JSX.Element;
+export declare function SellerPayoutsView({ children, onViewClick, onExportClick, ...props }: SellerPayoutsViewProps): React.JSX.Element;

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

@@ -1,5 +1,6 @@
+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): import("react/jsx-runtime").JSX.Element;
+export declare function SellerPreOrdersView({ children, onDelete, ...props }: SellerPreOrdersViewProps): React.JSX.Element;

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

@@ -1,5 +1,6 @@
+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): import("react/jsx-runtime").JSX.Element;
+export declare function SellerPrizeDrawsView({ children, onDelete, ...props }: SellerPrizeDrawsViewProps): React.JSX.Element;

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

@@ -1,5 +1,5 @@
 import React from "react";
-export type ProductListingMode = "standard" | "auction" | "pre-order" | "prize-draw" | "bundle" | "classified" | "digital-code" | "live";
+export type ProductListingMode = "standard" | "auction" | "pre-order" | "prize-draw" | "bundle" | "classified" | "digital-code" | "live" | "art" | "stickers";
 export interface SellerProductDraft {
     title?: string;
     slug?: string;
@@ -61,6 +61,10 @@ export interface SellerProductDraft {
     liveCites?: boolean;
     /** Barcode ID of the physical sticker on this item. Auto-generated on save if blank. */
     barcodeId?: string;
+    printSize?: string;
+    printMaterial?: string;
+    printFinish?: string;
+    printEditionSize?: number;
 }
 export interface SellerProductShellProps {
     mode: "create" | "edit";
@@ -102,4 +106,4 @@ export interface SellerProductShellProps {
      */
     previewSlot?: () => React.ReactNode;
 }
-export declare function SellerProductShell({ mode, listingType, initialValues, onSave, onPublish, onDiscard, isLoading, storeSlug, renderCategorySelector, renderBrandSelector, renderAddressSelector, renderTemplateSelector, onSaveAsTemplate, previewSlot, }: SellerProductShellProps): import("react/jsx-runtime").JSX.Element;
+export declare function SellerProductShell({ mode, listingType, initialValues, onSave, onPublish, onDiscard, isLoading, storeSlug, renderCategorySelector, renderBrandSelector, renderAddressSelector, renderTemplateSelector, onSaveAsTemplate, previewSlot, }: SellerProductShellProps): React.JSX.Element;