@mohasinac/appkit 3.2.19 → 3.3.0

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";

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

@@ -10,7 +10,21 @@ import { ImageUpload, MediaUploadField, MediaUploadList, useMediaUpload } from "
 import { StoreAddressSelectorCreate } from "../../stores/components/StoreAddressSelectorCreate";
 import { QuickProductForm } from "./QuickProductForm";
 import { BarcodeField } from "./BarcodeField";
+import { pluginFor } from "../../../_internal/shared/listing-types/_registry";
 import { normalizeError } from "../../../errors/normalize";
+/**
+ * "bundle" is a categoryType, not a ListingType, so it can't live in
+ * LISTING_TYPE_REGISTRY — this is the single, explicit escape hatch that
+ * lets the seller form's registry lookups also cover it.
+ */
+const BUNDLE_PLUGIN_FALLBACK = {
+    priceLabel: "Price (₹)",
+    typeLabel: "Bundle",
+    showsStockQuantity: false,
+};
+function pluginForMode(mode) {
+    return mode === "bundle" ? BUNDLE_PLUGIN_FALLBACK : pluginFor(mode);
+}
 const sellerProductSchema = z.object({
     title: z.string().min(1, "Product title is required").max(200),
     description: z.string().max(10000).optional().or(z.literal("")),
@@ -114,18 +128,59 @@ const LIVE_TRANSPORT_OPTIONS = [
 function StepLiveItemSettings({ values, onChange, }) {
     return (_jsxs(Stack, { gap: "md", children: [_jsx(Alert, { variant: "warning", children: "Live animal / plant listings must comply with all applicable laws, CITES regulations, and local jurisdiction rules. LetItRip is not responsible for legal compliance \u2014 this is solely the seller's responsibility." }), _jsxs(FormGroup, { columns: 2, children: [_jsx(FormField, { name: "liveSpecies", label: "Species / Common Name", type: "text", value: values.liveSpecies ?? "", onChange: (v) => onChange({ liveSpecies: v }), placeholder: "e.g. Axolotl (Ambystoma mexicanum)" }), _jsx(FormField, { name: "liveAgeMonths", label: "Age (months, optional)", type: "number", value: String(values.liveAgeMonths ?? ""), onChange: (v) => onChange({ liveAgeMonths: v ? Number(v) : undefined }), placeholder: "e.g. 6" })] }), _jsx(FormField, { name: "liveSex", label: "Sex", type: "select", value: values.liveSex ?? "unknown", onChange: (v) => onChange({ liveSex: v }), options: LIVE_SEX_OPTIONS }), _jsx(FormField, { name: "liveCareInfo", label: "Care Instructions (optional)", type: "textarea", value: values.liveCareInfo ?? "", onChange: (v) => onChange({ liveCareInfo: v }), placeholder: "Diet, temperature, habitat requirements\u2026" }), _jsx(FormField, { name: "liveTransportMethod", label: "Transport Method", type: "select", value: values.liveTransportMethod ?? "in-person", onChange: (v) => onChange({ liveTransportMethod: v }), options: LIVE_TRANSPORT_OPTIONS }), values.liveTransportMethod !== "in-person" && (_jsx(FormField, { name: "liveHandlingFee", label: "Handling / Transport Fee (\u20B9, optional)", type: "number", value: toRupees(values.liveHandlingFee), onChange: (v) => onChange({ liveHandlingFee: v ? toPaise(v) : undefined }), placeholder: "0" })), _jsx(FormField, { name: "liveJurisdictions", label: "Jurisdictions where sale is permitted (comma-separated)", type: "text", value: (values.liveJurisdictions ?? []).join(", "), onChange: (v) => onChange({ liveJurisdictions: v.split(",").map((s) => s.trim()).filter(Boolean) }), placeholder: "e.g. Maharashtra, Karnataka", helpText: "List all Indian states / UTs where you can legally sell" }), _jsx(Toggle, { checked: !!values.liveCites, onChange: (checked) => onChange({ liveCites: checked }), label: "This species requires CITES documentation" })] }));
 }
+// ── Step: Print Meta (art / stickers) ───────────────────────────────────────
+// Shared by both "art" and "stickers" — identical field set, only the intro
+// copy differs (set by the caller via `intro`).
+function StepPrintMetaSettings({ values, onChange, intro, }) {
+    return (_jsxs(Stack, { gap: "md", children: [_jsx(Alert, { variant: "info", children: intro }), _jsxs(FormGroup, { columns: 2, children: [_jsx(FormField, { name: "printSize", label: "Size", type: "text", value: values.printSize ?? "", onChange: (v) => onChange({ printSize: v }), placeholder: "e.g. A4, 12x18 in" }), _jsx(FormField, { name: "printMaterial", label: "Material", type: "text", value: values.printMaterial ?? "", onChange: (v) => onChange({ printMaterial: v }), placeholder: "e.g. Matte photo paper, Vinyl" })] }), _jsxs(FormGroup, { columns: 2, children: [_jsx(FormField, { name: "printFinish", label: "Finish (optional)", type: "text", value: values.printFinish ?? "", onChange: (v) => onChange({ printFinish: v }), placeholder: "e.g. Glossy, Matte, Holographic" }), _jsx(FormField, { name: "printEditionSize", label: "Edition Size (optional)", type: "number", value: String(values.printEditionSize ?? ""), onChange: (v) => onChange({ printEditionSize: v ? Number(v) : undefined }), placeholder: "Leave blank for an open edition" })] })] }));
+}
+const TYPE_SPECIFIC_STEPS = {
+    auction: {
+        id: "auction",
+        label: "Auction Settings",
+        render: ({ values, onChange }) => (_jsx(StepAuctionSettings, { values: values, onChange: onChange })),
+        validate: (v) => (!v.startingBid ? "Starting bid is required" : !v.auctionEndDate ? "Auction end date is required" : null),
+    },
+    "pre-order": {
+        id: "preorder",
+        label: "Pre-Order",
+        sectionHeading: "Pre-Order Settings",
+        render: ({ values, onChange }) => (_jsx(StepPreOrderSettings, { values: values, onChange: onChange })),
+        validate: (v) => (!v.preOrderDeliveryDate ? "Estimated delivery date is required" : null),
+    },
+    classified: {
+        id: "classified",
+        label: "Meetup Details",
+        render: ({ values, onChange }) => (_jsx(StepClassifiedSettings, { values: values, onChange: onChange })),
+        validate: (v) => (!v.classifiedCity?.trim() ? "City is required for classified listings" : null),
+    },
+    "digital-code": {
+        id: "digitalcode",
+        label: "Code Details",
+        render: ({ values, onChange }) => (_jsx(StepDigitalCodeSettings, { values: values, onChange: onChange })),
+    },
+    live: {
+        id: "live",
+        label: "Live Item Details",
+        render: ({ values, onChange }) => (_jsx(StepLiveItemSettings, { values: values, onChange: onChange })),
+        validate: (v) => (!v.liveSpecies?.trim() ? "Species name is required" : null),
+    },
+    art: {
+        id: "printmeta",
+        label: "Print Details",
+        render: ({ values, onChange }) => (_jsx(StepPrintMetaSettings, { values: values, onChange: onChange, intro: "Art prints are sold as physical, printed-only reproductions \u2014 no original artwork or digital files." })),
+    },
+    stickers: {
+        id: "printmeta",
+        label: "Print Details",
+        render: ({ values, onChange }) => (_jsx(StepPrintMetaSettings, { values: values, onChange: onChange, intro: "Sticker listings are sold as physical, printed sheets or packs \u2014 no digital files." })),
+    },
+};
 // ── Step: Pricing ─────────────────────────────────────────────────────────
 function StepPricing({ values, onChange, listingType, }) {
-    const priceLabel = listingType === "auction"
-        ? "Suggested Retail Price (₹)"
-        : listingType === "pre-order"
-            ? "Pre-Order Price (₹)"
-            : listingType === "classified"
-                ? "Asking Price (₹)"
-                : listingType === "digital-code"
-                    ? "Price per Code (₹)"
-                    : "Price (₹)";
-    return (_jsxs(Stack, { gap: "md", children: [_jsx(Alert, { variant: "info", children: "All prices in Indian Rupees (\u20B9)." }), _jsxs(FormGroup, { columns: 2, children: [_jsx(FormField, { name: "price", label: priceLabel, type: "number", value: toRupees(values.price), onChange: (v) => onChange({ price: toPaise(v) }), placeholder: "999" }), _jsx(FormField, { name: "compareAtPrice", label: "Compare-at Price (\u20B9, optional)", type: "number", value: toRupees(values.compareAtPrice), onChange: (v) => onChange({ compareAtPrice: v ? toPaise(v) : undefined }), placeholder: "1299", helpText: "Original price shown as strikethrough" })] }), (listingType === "standard" || listingType === "classified" || listingType === "live") && (_jsx(FormField, { name: "stockQuantity", label: "Stock Quantity", type: "number", value: String(values.stockQuantity ?? ""), onChange: (v) => onChange({ stockQuantity: Number(v) }), placeholder: "1" })), _jsxs(FormGroup, { columns: 2, children: [_jsx(Toggle, { checked: !!values.featured, onChange: (checked) => onChange({ featured: checked }), label: "Mark as Featured" }), _jsx(Toggle, { checked: !!values.isNew, onChange: (checked) => onChange({ isNew: checked }), label: "Mark as New Arrival" })] })] }));
+    const listingPlugin = pluginForMode(listingType);
+    const priceLabel = listingPlugin.priceLabel;
+    return (_jsxs(Stack, { gap: "md", children: [_jsx(Alert, { variant: "info", children: "All prices in Indian Rupees (\u20B9)." }), _jsxs(FormGroup, { columns: 2, children: [_jsx(FormField, { name: "price", label: priceLabel, type: "number", value: toRupees(values.price), onChange: (v) => onChange({ price: toPaise(v) }), placeholder: "999" }), _jsx(FormField, { name: "compareAtPrice", label: "Compare-at Price (\u20B9, optional)", type: "number", value: toRupees(values.compareAtPrice), onChange: (v) => onChange({ compareAtPrice: v ? toPaise(v) : undefined }), placeholder: "1299", helpText: "Original price shown as strikethrough" })] }), listingPlugin.showsStockQuantity && (_jsx(FormField, { name: "stockQuantity", label: "Stock Quantity", type: "number", value: String(values.stockQuantity ?? ""), onChange: (v) => onChange({ stockQuantity: Number(v) }), placeholder: "1" })), _jsxs(FormGroup, { columns: 2, children: [_jsx(Toggle, { checked: !!values.featured, onChange: (checked) => onChange({ featured: checked }), label: "Mark as Featured" }), _jsx(Toggle, { checked: !!values.isNew, onChange: (checked) => onChange({ isNew: checked }), label: "Mark as New Arrival" })] })] }));
 }
 // ── Step: Shipping ────────────────────────────────────────────────────────
 function StepShipping({ values, onChange, renderAddressSelector, }) {
@@ -235,49 +290,8 @@ export function SellerProductShell({ mode, listingType = "standard", initialValu
             showToast(err instanceof Error ? err.message : "Failed to publish.", "error");
         }
     }, [draft, onPublish, markClean, showToast]);
-    const listingTypeLabel = listingType === "auction"
-        ? "Auction"
-        : listingType === "pre-order"
-            ? "Pre-Order"
-            : listingType === "bundle"
-                ? "Bundle"
-                : listingType === "classified"
-                    ? "Classified"
-                    : listingType === "digital-code"
-                        ? "Digital Code"
-                        : listingType === "live"
-                            ? "Live Item"
-                            : "Product";
-    const typeSpecificStep = listingType === "auction"
-        ? {
-            label: "Auction Settings",
-            render: ({ values, onChange }) => (_jsx(StepAuctionSettings, { values: values, onChange: onChange })),
-            validate: (v) => (!v.startingBid ? "Starting bid is required" : !v.auctionEndDate ? "Auction end date is required" : null),
-        }
-        : listingType === "pre-order"
-            ? {
-                label: "Pre-Order",
-                render: ({ values, onChange }) => (_jsx(StepPreOrderSettings, { values: values, onChange: onChange })),
-                validate: (v) => (!v.preOrderDeliveryDate ? "Estimated delivery date is required" : null),
-            }
-            : listingType === "classified"
-                ? {
-                    label: "Meetup Details",
-                    render: ({ values, onChange }) => (_jsx(StepClassifiedSettings, { values: values, onChange: onChange })),
-                    validate: (v) => (!v.classifiedCity?.trim() ? "City is required for classified listings" : null),
-                }
-                : listingType === "digital-code"
-                    ? {
-                        label: "Code Details",
-                        render: ({ values, onChange }) => (_jsx(StepDigitalCodeSettings, { values: values, onChange: onChange })),
-                    }
-                    : listingType === "live"
-                        ? {
-                            label: "Live Item Details",
-                            render: ({ values, onChange }) => (_jsx(StepLiveItemSettings, { values: values, onChange: onChange })),
-                            validate: (v) => (!v.liveSpecies?.trim() ? "Species name is required" : null),
-                        }
-                        : null;
+    const listingTypeLabel = pluginForMode(listingType).typeLabel;
+    const typeSpecificStep = TYPE_SPECIFIC_STEPS[listingType] ?? null;
     const steps = [
         {
             label: "Basic",
@@ -349,11 +363,7 @@ export function SellerProductShell({ mode, listingType = "standard", initialValu
     // Edit mode — FormShell with section nav + full form
     const editSections = [
         ...EDIT_SECTIONS,
-        ...(listingType === "auction" ? [{ id: "auction", label: "Auction" }] : []),
-        ...(listingType === "pre-order" ? [{ id: "preorder", label: "Pre-Order" }] : []),
-        ...(listingType === "classified" ? [{ id: "classified", label: "Meetup Details" }] : []),
-        ...(listingType === "digital-code" ? [{ id: "digitalcode", label: "Code Details" }] : []),
-        ...(listingType === "live" ? [{ id: "live", label: "Live Item" }] : []),
+        ...(typeSpecificStep ? [{ id: typeSpecificStep.id, label: typeSpecificStep.label }] : []),
     ];
-    return (_jsx(FormShell, { isOpen: true, onClose: handleDiscard, title: title, breadcrumb: breadcrumb, isDirty: isDirty, isLoading: isLoading, sections: editSections, onSaveDraft: handleSave, onPublish: handlePublish, saveLabel: "Save Changes", publishLabel: "Update", previewSlot: previewSlot, children: _jsx(FormShellProvider, { isDirty: isDirty, values: draft, children: _jsxs(Stack, { gap: "lg", children: [_jsxs(Section, { id: "basic", children: [_jsx(Heading, { level: 3, className: "mb-4", children: "Basic Info" }), _jsx(StepBasic, { values: draft, onChange: update, renderCategorySelector: renderCategorySelector, renderBrandSelector: renderBrandSelector, renderTemplateSelector: renderTemplateSelector })] }), _jsxs(Section, { id: "media", children: [_jsx(Heading, { level: 3, className: "mb-4", children: "Media" }), _jsx(StepMedia, { values: draft, onChange: update, storeSlug: storeSlug })] }), listingType === "auction" && (_jsxs(Section, { id: "auction", children: [_jsx(Heading, { level: 3, className: "mb-4", children: "Auction Settings" }), _jsx(StepAuctionSettings, { values: draft, onChange: update })] })), listingType === "pre-order" && (_jsxs(Section, { id: "preorder", children: [_jsx(Heading, { level: 3, className: "mb-4", children: "Pre-Order Settings" }), _jsx(StepPreOrderSettings, { values: draft, onChange: update })] })), listingType === "classified" && (_jsxs(Section, { id: "classified", children: [_jsx(Heading, { level: 3, className: "mb-4", children: "Meetup Details" }), _jsx(StepClassifiedSettings, { values: draft, onChange: update })] })), listingType === "digital-code" && (_jsxs(Section, { id: "digitalcode", children: [_jsx(Heading, { level: 3, className: "mb-4", children: "Code Details" }), _jsx(StepDigitalCodeSettings, { values: draft, onChange: update })] })), listingType === "live" && (_jsxs(Section, { id: "live", children: [_jsx(Heading, { level: 3, className: "mb-4", children: "Live Item Details" }), _jsx(StepLiveItemSettings, { values: draft, onChange: update })] })), _jsxs(Section, { id: "pricing", children: [_jsx(Heading, { level: 3, className: "mb-4", children: "Pricing" }), _jsx(StepPricing, { values: draft, onChange: update, listingType: listingType })] }), _jsxs(Section, { id: "shipping", children: [_jsx(Heading, { level: 3, className: "mb-4", children: "Shipping" }), _jsx(StepShipping, { values: draft, onChange: update, renderAddressSelector: renderAddressSelector })] }), _jsxs(Section, { id: "publish", children: [_jsx(Heading, { level: 3, className: "mb-4", children: "Publish" }), _jsx(StepPublish, { values: draft, onChange: update }), onSaveAsTemplate && (_jsxs(Div, { className: "mt-4 border-t border-[var(--appkit-color-border)]", padding: "t-md", children: [_jsx(Button, { type: "button", variant: "outline", size: "sm", onClick: () => onSaveAsTemplate(draft), children: "Save as Template" }), _jsx(Text, { className: "mt-1 text-[var(--appkit-color-secondary-text)]", size: "xs", children: "Save these settings as a reusable template for future listings." })] }))] })] }) }) }));
+    return (_jsx(FormShell, { isOpen: true, onClose: handleDiscard, title: title, breadcrumb: breadcrumb, isDirty: isDirty, isLoading: isLoading, sections: editSections, onSaveDraft: handleSave, onPublish: handlePublish, saveLabel: "Save Changes", publishLabel: "Update", previewSlot: previewSlot, children: _jsx(FormShellProvider, { isDirty: isDirty, values: draft, children: _jsxs(Stack, { gap: "lg", children: [_jsxs(Section, { id: "basic", children: [_jsx(Heading, { level: 3, className: "mb-4", children: "Basic Info" }), _jsx(StepBasic, { values: draft, onChange: update, renderCategorySelector: renderCategorySelector, renderBrandSelector: renderBrandSelector, renderTemplateSelector: renderTemplateSelector })] }), _jsxs(Section, { id: "media", children: [_jsx(Heading, { level: 3, className: "mb-4", children: "Media" }), _jsx(StepMedia, { values: draft, onChange: update, storeSlug: storeSlug })] }), typeSpecificStep && (_jsxs(Section, { id: typeSpecificStep.id, children: [_jsx(Heading, { level: 3, className: "mb-4", children: typeSpecificStep.sectionHeading ?? typeSpecificStep.label }), typeSpecificStep.render({ values: draft, onChange: update, errors: {} })] })), _jsxs(Section, { id: "pricing", children: [_jsx(Heading, { level: 3, className: "mb-4", children: "Pricing" }), _jsx(StepPricing, { values: draft, onChange: update, listingType: listingType })] }), _jsxs(Section, { id: "shipping", children: [_jsx(Heading, { level: 3, className: "mb-4", children: "Shipping" }), _jsx(StepShipping, { values: draft, onChange: update, renderAddressSelector: renderAddressSelector })] }), _jsxs(Section, { id: "publish", children: [_jsx(Heading, { level: 3, className: "mb-4", children: "Publish" }), _jsx(StepPublish, { values: draft, onChange: update }), onSaveAsTemplate && (_jsxs(Div, { className: "mt-4 border-t border-[var(--appkit-color-border)]", padding: "t-md", children: [_jsx(Button, { type: "button", variant: "outline", size: "sm", onClick: () => onSaveAsTemplate(draft), children: "Save as Template" }), _jsx(Text, { className: "mt-1 text-[var(--appkit-color-secondary-text)]", size: "xs", children: "Save these settings as a reusable template for future listings." })] }))] })] }) }) }));
 }

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

@@ -94,7 +94,6 @@ export function SellerReviewsView({ reviewsApiBase = "/api/store/reviews", reply
     }, [feedbackTarget, feedbackText]);
     const fetchReviewsRef = useMemo(() => ({ current: null }), []);
     const fetchReviews = useCallback(async () => {
-        // toast-intentionally-silent: background data loader — error displayed in inline error state
         setLoading(true);
         setError(null);
         try {

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

@@ -7,11 +7,8 @@ import { StoreAddressSelectorCreate } from "../../stores/components/StoreAddress
 import { StepForm } from "../../shell";
 import { normalizeError } from "../../../errors/normalize";
 const DEFAULT_DRAFT = {
-    method: "custom",
     customCarrierName: "",
     customShippingPrice: "",
-    shiprocketEmail: "",
-    shiprocketPassword: "",
     pickupAddressId: "",
     freeShippingThreshold: "",
     fragileSurcharge: "",
@@ -31,11 +28,8 @@ export function SellerShippingView({ apiBase = "/api/store/shipping" }) {
             const cfg = res?.data?.shippingConfig ?? { method: "custom", isConfigured: false };
             setCurrent(cfg);
             setDraft({
-                method: cfg.method,
                 customCarrierName: cfg.customCarrierName ?? "",
                 customShippingPrice: cfg.customShippingPrice ? String(cfg.customShippingPrice / 100) : "",
-                shiprocketEmail: cfg.shiprocketEmail ?? "",
-                shiprocketPassword: "",
                 pickupAddressId: "",
                 freeShippingThreshold: (res?.data?.freeShippingThreshold ?? 0)
                     ? String(res.data.freeShippingThreshold / 100)
@@ -57,20 +51,9 @@ export function SellerShippingView({ apiBase = "/api/store/shipping" }) {
         setSuccess(false);
         setSaving(true);
         try {
-            const methodFields = draft.method === "custom"
-                ? {
-                    method: "custom",
-                    customCarrierName: draft.customCarrierName.trim(),
-                    customShippingPrice: Math.round(parseFloat(draft.customShippingPrice || "0") * 100),
-                }
-                : {
-                    method: "shiprocket",
-                    ...(draft.shiprocketPassword
-                        ? { shiprocketCredentials: { email: draft.shiprocketEmail, password: draft.shiprocketPassword } }
-                        : {}),
-                };
             const body = {
-                ...methodFields,
+                customCarrierName: draft.customCarrierName.trim(),
+                customShippingPrice: Math.round(parseFloat(draft.customShippingPrice || "0") * 100),
                 ...(draft.pickupAddressId ? { pickupAddressId: draft.pickupAddressId } : {}),
                 freeShippingThreshold: Math.round(parseFloat(draft.freeShippingThreshold || "0") * 100),
                 fragileSurcharge: Math.round(parseFloat(draft.fragileSurcharge || "0") * 100),
@@ -84,7 +67,7 @@ export function SellerShippingView({ apiBase = "/api/store/shipping" }) {
             if (!res.ok)
                 throw new Error(json?.error ?? "Failed to save");
             setSuccess(true);
-            const cfg = json?.data?.shippingConfig ?? { method: draft.method, isConfigured: false };
+            const cfg = json?.data?.shippingConfig ?? { method: "custom", isConfigured: false };
             setCurrent(cfg);
         }
         catch (err) {
@@ -98,14 +81,12 @@ export function SellerShippingView({ apiBase = "/api/store/shipping" }) {
     const busy = loading || saving;
     const steps = [
         {
-            label: "Method",
-            render: ({ values, onChange }) => (_jsxs(Stack, { gap: "md", children: [_jsx(Heading, { level: 3, className: "mb-2", children: "Shipping Method" }), current && (_jsxs(Row, { className: "mb-2", align: "center", gap: "sm", children: [_jsx(Badge, { variant: current.isConfigured ? "success" : "warning", children: current.isConfigured ? "Configured" : "Not configured" }), current.method === "shiprocket" && (_jsx(Badge, { variant: current.isTokenValid ? "success" : "danger", children: current.isTokenValid ? "Shiprocket connected" : "Shiprocket token expired" }))] })), _jsx(Stack, { gap: "sm", children: ["custom", "shiprocket"].map((m) => (_jsxs("label", { className: "flex items-center gap-3 p-3 rounded-lg border border-[var(--appkit-color-border)] cursor-pointer has-[:checked]:border-[var(--appkit-color-primary)] has-[:checked]:bg-[var(--appkit-color-primary)]/5", children: [_jsx("input", { type: "radio", name: "method", value: m, checked: values.method === m, onChange: () => onChange({ method: m }), className: "accent-[var(--appkit-color-primary)]", disabled: busy }), _jsxs(Div, { children: [_jsx(Text, { weight: "medium", children: m === "custom" ? "Custom / Manual" : "Shiprocket" }), _jsx(Text, { className: "text-[var(--appkit-color-text-muted)]", size: "sm", children: m === "custom"
-                                                ? "Set a fixed shipping fee and carrier name for all orders."
-                                                : "Automated shipping via Shiprocket — connect your account for label generation and tracking." })] })] }, m))) }), values.method === "custom" && (_jsxs(Stack, { gap: "md", className: "mt-2", children: [_jsx(FormField, { name: "customCarrierName", label: "Carrier Name", type: "text", value: values.customCarrierName, onChange: (v) => onChange({ customCarrierName: v }), placeholder: "e.g. India Post, DTDC, Delhivery", disabled: busy }), _jsx(FormField, { name: "customShippingPrice", label: "Shipping Price (\u20B9)", type: "number", value: values.customShippingPrice, onChange: (v) => onChange({ customShippingPrice: v }), placeholder: "0 for free shipping", helpText: "Charged to buyer at checkout. Enter 0 for free shipping.", disabled: busy })] })), values.method === "shiprocket" && (_jsxs(Stack, { gap: "md", className: "mt-2", children: [_jsx(FormField, { name: "shiprocketEmail", label: "Shiprocket Email", type: "email", value: values.shiprocketEmail, onChange: (v) => onChange({ shiprocketEmail: v }), placeholder: "your@email.com", disabled: busy }), _jsx(FormField, { name: "shiprocketPassword", label: current?.isTokenValid ? "Password (leave blank to keep existing token)" : "Password", type: "password", value: values.shiprocketPassword, onChange: (v) => onChange({ shiprocketPassword: v }), placeholder: "\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022", helpText: current?.isTokenValid ? "Only fill this to re-authenticate." : "Required to connect your Shiprocket account.", disabled: busy })] }))] })),
+            label: "Carrier",
+            render: ({ values, onChange }) => (_jsxs(Stack, { gap: "md", children: [_jsx(Heading, { level: 3, className: "mb-2", children: "Shipping Carrier" }), current && (_jsx(Row, { className: "mb-2", align: "center", gap: "sm", children: _jsx(Badge, { variant: current.isConfigured ? "success" : "warning", children: current.isConfigured ? "Configured" : "Not configured" }) })), _jsx(Text, { className: "text-[var(--appkit-color-text-muted)]", size: "sm", children: "Set a fixed shipping fee and carrier name for all orders. You enter the carrier and tracking number yourself when you ship each order." }), _jsxs(Stack, { gap: "md", className: "mt-2", children: [_jsx(FormField, { name: "customCarrierName", label: "Carrier Name", type: "text", value: values.customCarrierName, onChange: (v) => onChange({ customCarrierName: v }), placeholder: "e.g. India Post, DTDC, Delhivery", disabled: busy }), _jsx(FormField, { name: "customShippingPrice", label: "Shipping Price (\u20B9)", type: "number", value: values.customShippingPrice, onChange: (v) => onChange({ customShippingPrice: v }), placeholder: "0 for free shipping", helpText: "Charged to buyer at checkout. Enter 0 for free shipping.", disabled: busy })] })] })),
         },
         {
             label: "Pickup Address",
-            render: ({ values, onChange }) => (_jsxs(Stack, { gap: "md", children: [_jsx(Heading, { level: 3, className: "mb-2", children: "Pickup Address" }), current?.pickupAddress && (_jsxs(Alert, { variant: "info", children: ["Current pickup: ", current.pickupAddress.locationName ?? "", current.pickupAddress.city ? `, ${current.pickupAddress.city}` : "", current.pickupAddress.isVerified ? " — ✓ Verified" : " — Pending OTP verification"] })), _jsx(StoreAddressSelectorCreate, { value: values.pickupAddressId, onChange: (id) => onChange({ pickupAddressId: id }), label: "Pickup Address", disabled: busy }), _jsx(Text, { className: "text-[var(--appkit-color-text-muted)]", size: "xs", children: "Registering a pickup address sends an OTP to your phone for verification." })] })),
+            render: ({ values, onChange }) => (_jsxs(Stack, { gap: "md", children: [_jsx(Heading, { level: 3, className: "mb-2", children: "Pickup Address" }), current?.pickupAddress && (_jsxs(Alert, { variant: "info", children: ["Current pickup: ", current.pickupAddress.locationName ?? "", current.pickupAddress.city ? `, ${current.pickupAddress.city}` : ""] })), _jsx(StoreAddressSelectorCreate, { value: values.pickupAddressId, onChange: (id) => onChange({ pickupAddressId: id }), label: "Pickup Address", disabled: busy })] })),
         },
         {
             label: "Rules",

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

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

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

@@ -0,0 +1,114 @@
+"use client";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * SellerStickersView — seller browse/manage of sticker 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 SellerStickersView({ 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.STICKERS_EDIT(id));
+    }, [onEditClick]);
+    const handleCreate = useCallback(() => {
+        if (onCreateClick)
+            onCreateClick();
+        else
+            window.location.href = String(ROUTES.STORE.STICKERS_NEW);
+    }, [onCreateClick]);
+    const config = {
+        portal: "seller",
+        title: "Stickers",
+        searchPlaceholder: "Search sticker listings...",
+        emptyLabel: "No sticker listings yet — list your first pack",
+        filterKeys: [],
+        defaultSort: sortBy("createdAt", "DESC"),
+        queryKey: ["seller", "stickers"],
+        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, `stickers-${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==stickers",
+        primaryAction: { label: "New Sticker Listing", 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 Sticker Listing", message: "Are you sure you want to delete this sticker listing? This cannot be undone.", onConfirm: () => handleDelete(deleteTargetId), onClose: () => setDeleteTargetId(null), isDeleting: deletingId === deleteTargetId }))] }));
+}

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

@@ -124,6 +124,10 @@ export { SellerBundlesView } from "./SellerBundlesView";
 export type { SellerBundlesViewProps } from "./SellerBundlesView";
 export { SellerClassifiedView } from "./SellerClassifiedView";
 export type { SellerClassifiedViewProps } from "./SellerClassifiedView";
+export { SellerArtView } from "./SellerArtView";
+export type { SellerArtViewProps } from "./SellerArtView";
+export { SellerStickersView } from "./SellerStickersView";
+export type { SellerStickersViewProps } from "./SellerStickersView";
 export { SellerDigitalCodesView } from "./SellerDigitalCodesView";
 export type { SellerDigitalCodesViewProps } from "./SellerDigitalCodesView";
 export { SellerLiveView } from "./SellerLiveView";

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

@@ -65,6 +65,8 @@ export { SellerShippingConfigsView } from "./SellerShippingConfigsView";
 export { SellerGoogleReviewsView } from "./SellerGoogleReviewsView";
 export { SellerBundlesView } from "./SellerBundlesView";
 export { SellerClassifiedView } from "./SellerClassifiedView";
+export { SellerArtView } from "./SellerArtView";
+export { SellerStickersView } from "./SellerStickersView";
 export { SellerDigitalCodesView } from "./SellerDigitalCodesView";
 export { SellerLiveView } from "./SellerLiveView";
 export { BarcodeField } from "./BarcodeField";

package/dist/features/seller/messages/en.json

@@ -8,7 +8,7 @@
   "payoutStatus": {
     "pending": "Pending",
     "processing": "Processing",
-    "completed": "Completed",
+    "paid": "Paid",
     "failed": "Failed"
   },
   "dashboard": {

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

@@ -1,7 +1,7 @@
 export * from "./firestore";
 import { z } from "zod";
 export declare const storeStatusSchema: z.ZodEnum<["pending", "active", "suspended", "rejected"]>;
-export declare const payoutStatusSchema: z.ZodEnum<["pending", "processing", "completed", "failed"]>;
+export declare const payoutStatusSchema: z.ZodEnum<["pending", "processing", "paid", "failed"]>;
 export declare const payoutPaymentMethodSchema: z.ZodEnum<["bank_transfer", "upi"]>;
 export declare const socialLinksSchema: z.ZodObject<{
     twitter: z.ZodOptional<z.ZodString>;
@@ -159,7 +159,7 @@ export declare const payoutRecordSchema: z.ZodObject<{
     platformFee: z.ZodNumber;
     platformFeeRate: z.ZodNumber;
     currency: z.ZodString;
-    status: z.ZodEnum<["pending", "processing", "completed", "failed"]>;
+    status: z.ZodEnum<["pending", "processing", "paid", "failed"]>;
     paymentMethod: z.ZodEnum<["bank_transfer", "upi"]>;
     orderIds: z.ZodArray<z.ZodString, "many">;
     requestedAt: z.ZodString;
@@ -167,7 +167,7 @@ export declare const payoutRecordSchema: z.ZodObject<{
     createdAt: z.ZodString;
     updatedAt: z.ZodString;
 }, "strip", z.ZodTypeAny, {
-    status: "pending" | "failed" | "processing" | "completed";
+    status: "pending" | "paid" | "failed" | "processing";
     currency: string;
     createdAt: string;
     id: string;
@@ -184,7 +184,7 @@ export declare const payoutRecordSchema: z.ZodObject<{
     sellerId: string;
     processedAt?: string | undefined;
 }, {
-    status: "pending" | "failed" | "processing" | "completed";
+    status: "pending" | "paid" | "failed" | "processing";
     currency: string;
     createdAt: string;
     id: string;
@@ -225,18 +225,18 @@ export declare const sellerListParamsSchema: z.ZodObject<{
 }>;
 export declare const payoutListParamsSchema: z.ZodObject<{
     sellerId: z.ZodOptional<z.ZodString>;
-    status: z.ZodOptional<z.ZodEnum<["pending", "processing", "completed", "failed"]>>;
+    status: z.ZodOptional<z.ZodEnum<["pending", "processing", "paid", "failed"]>>;
     page: z.ZodOptional<z.ZodNumber>;
     perPage: z.ZodOptional<z.ZodNumber>;
     sort: z.ZodOptional<z.ZodString>;
 }, "strip", z.ZodTypeAny, {
-    status?: "pending" | "failed" | "processing" | "completed" | undefined;
+    status?: "pending" | "paid" | "failed" | "processing" | undefined;
     sort?: string | undefined;
     page?: number | undefined;
     perPage?: number | undefined;
     sellerId?: string | undefined;
 }, {
-    status?: "pending" | "failed" | "processing" | "completed" | undefined;
+    status?: "pending" | "paid" | "failed" | "processing" | undefined;
     sort?: string | undefined;
     page?: number | undefined;
     perPage?: number | undefined;

package/dist/features/seller/schemas/index.js

@@ -10,7 +10,7 @@ export const storeStatusSchema = z.enum([
 export const payoutStatusSchema = z.enum([
     "pending",
     "processing",
-    "completed",
+    "paid",
     "failed",
 ]);
 export const payoutPaymentMethodSchema = z.enum(["bank_transfer", "upi"]);

package/dist/features/seller/types/index.d.ts

@@ -32,7 +32,7 @@ export interface SellerStore {
     createdAt: string;
     updatedAt: string;
 }
-export type PayoutStatus = "pending" | "processing" | "completed" | "failed";
+export type PayoutStatus = "pending" | "processing" | "paid" | "failed";
 export type PayoutPaymentMethod = "bank_transfer" | "upi";
 export interface PayoutBankAccount {
     accountHolderName: string;

package/dist/features/stores/components/StoreDetailLayoutView.js

@@ -17,6 +17,10 @@ const STORE_LISTING_HREF = {
     classifieds: (slug) => String(ROUTES.PUBLIC.STORE_CLASSIFIEDS(slug)),
     "digital-codes": (slug) => String(ROUTES.PUBLIC.STORE_DIGITAL_CODES(slug)),
     live: (slug) => String(ROUTES.PUBLIC.STORE_LIVE(slug)),
+    // Art / stickers have no dedicated storefront tab page — they're browsable
+    // (alongside everything else the store sells) on the "Products" tab.
+    art: (slug) => String(ROUTES.PUBLIC.STORE_PRODUCTS(slug)),
+    stickers: (slug) => String(ROUTES.PUBLIC.STORE_PRODUCTS(slug)),
 };
 export const getStoreBySlug = cache((slug) => storeRepository.findBySlug(slug).catch(() => undefined));
 function tabLabel(base, count) {
@@ -31,7 +35,7 @@ export async function StoreDetailLayoutView({ storeSlug, activeTab, children, })
     }
     const storeId = store?.id;
     const settings = await siteSettingsRepository.findById("global").catch(() => null);
-    const [productsCount, auctionsCount, preOrdersCount, prizeDrawsCount, bundlesCount, classifiedsCount, digitalCodesCount, liveCount, couponsCount, reviewsCount] = storeId
+    const [productsCount, auctionsCount, preOrdersCount, prizeDrawsCount, bundlesCount, classifiedsCount, digitalCodesCount, liveCount, artCount, stickersCount, couponsCount, reviewsCount] = storeId
         ? await Promise.all([
             productRepository
                 .list({ filters: sieveAnd(sieveFilter("storeId", SIEVE_OP.EQ, storeId), sieveFilter("status", SIEVE_OP.EQ, "published"), sieveFilter("listingType", SIEVE_OP.EQ, "standard")), page: 1, pageSize: 1 })
@@ -67,6 +71,14 @@ export async function StoreDetailLayoutView({ storeSlug, activeTab, children, })
                 .list({ filters: sieveAnd(sieveFilter("storeId", SIEVE_OP.EQ, storeId), sieveFilter("status", SIEVE_OP.EQ, "published"), sieveFilter("listingType", SIEVE_OP.EQ, "live")), page: 1, pageSize: 1 })
                 .then((r) => r.total)
                 .catch(() => 0),
+            productRepository
+                .list({ filters: sieveAnd(sieveFilter("storeId", SIEVE_OP.EQ, storeId), sieveFilter("status", SIEVE_OP.EQ, "published"), sieveFilter("listingType", SIEVE_OP.EQ, "art")), page: 1, pageSize: 1 })
+                .then((r) => r.total)
+                .catch(() => 0),
+            productRepository
+                .list({ filters: sieveAnd(sieveFilter("storeId", SIEVE_OP.EQ, storeId), sieveFilter("status", SIEVE_OP.EQ, "published"), sieveFilter("listingType", SIEVE_OP.EQ, "stickers")), page: 1, pageSize: 1 })
+                .then((r) => r.total)
+                .catch(() => 0),
             couponsRepository
                 .list({ filters: sieveAnd(sieveFilter("sellerId", SIEVE_OP.EQ, storeId), sieveFilter("validity.isActive", SIEVE_OP.EQ, "true")), page: 1, pageSize: 1 })
                 .then((r) => r.total)
@@ -76,7 +88,7 @@ export async function StoreDetailLayoutView({ storeSlug, activeTab, children, })
                 .then((r) => r.total)
                 .catch(() => 0),
         ])
-        : [0, 0, 0, 0, 0, 0, 0, 0, 0, 0];
+        : [0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0];
     const listingCounts = {
         products: productsCount,
         auctions: auctionsCount,
@@ -86,6 +98,8 @@ export async function StoreDetailLayoutView({ storeSlug, activeTab, children, })
         classifieds: classifiedsCount,
         "digital-codes": digitalCodesCount,
         live: liveCount,
+        art: artCount,
+        stickers: stickersCount,
     };
     const TAB_LISTING_TYPE = {
         products: "standard",
@@ -95,6 +109,8 @@ export async function StoreDetailLayoutView({ storeSlug, activeTab, children, })
         classifieds: "classified",
         "digital-codes": "digital-code",
         live: "live",
+        art: "art",
+        stickers: "stickers",
     };
     const visibleStoreTabs = STORE_PAGE_TABS.filter((tab) => {
         if (tab.id === "bundles")

package/dist/features/stores/schemas/firestore.d.ts

@@ -6,7 +6,7 @@
  */
 import type { StoreCapability } from "../../auth/permissions/constants";
 import type { BaseDocument } from "../../../_internal/shared/types/base-document";
-export type ShippingProviderType = "shiprocket" | "self-courier" | "store-pickup" | "custom";
+export type ShippingProviderType = "self-courier" | "store-pickup" | "custom";
 export interface ShippingProviderConfig {
     /** Stable slug — never changes after creation. */
     providerId: string;
@@ -101,6 +101,12 @@ export interface StoreDocument extends BaseDocument {
      * ShippingPicker; the chosen provider + fee lock onto each CartItem.
      */
     shippingConfig?: StoreShippingConfig;
+    /**
+     * Seller opt-in for EMI (installment) checkout. EMI is offered on this
+     * store's items only when this AND `siteSettings.emi.enabled` are both
+     * true. Default false — sellers must explicitly opt in.
+     */
+    emiEnabled?: boolean;
     whatsappConfig?: {
         /** Seller's WhatsApp Business phone number, digits-only with country code e.g. "919876543210" */
         phoneNumber?: string;