@mohasinac/appkit 3.2.20 → 3.3.1

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/SellerProductsCards.d.ts

@@ -1,3 +1,4 @@
+import React from "react";
 export interface SellerProductsCardsRowShape {
     id: string;
     primary: string;
@@ -16,4 +17,4 @@ export interface SellerProductsCardsProps<TRow extends SellerProductsCardsRowSha
     onDuplicate: (row: TRow) => void;
     onDelete?: (row: TRow) => void;
 }
-export declare function SellerProductsCards<TRow extends SellerProductsCardsRowShape>({ view, rows, isLoading, listingKind, selectedIds, toggle, onEdit, onDuplicate, onDelete, }: SellerProductsCardsProps<TRow>): import("react/jsx-runtime").JSX.Element;
+export declare function SellerProductsCards<TRow extends SellerProductsCardsRowShape>({ view, rows, isLoading, listingKind, selectedIds, toggle, onEdit, onDuplicate, onDelete, }: SellerProductsCardsProps<TRow>): React.JSX.Element;

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

@@ -1,3 +1,4 @@
+import React from "react";
 export interface SellerProductsFilterDrawerProps {
     isOpen: boolean;
     pendingFilters: Record<string, string>;
@@ -11,4 +12,4 @@ export interface SellerProductsFilterDrawerProps {
     onApply: () => void;
     onClose: () => void;
 }
-export declare function SellerProductsFilterDrawer({ isOpen, pendingFilters, statusOptions, activeFilterCount, onChange, onClear, onApply, onClose, }: SellerProductsFilterDrawerProps): import("react/jsx-runtime").JSX.Element;
+export declare function SellerProductsFilterDrawer({ isOpen, pendingFilters, statusOptions, activeFilterCount, onChange, onClear, onApply, onClose, }: SellerProductsFilterDrawerProps): React.JSX.Element;

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

@@ -1,7 +1,8 @@
+import React from "react";
 import type { ListingLayoutProps } from "../../../ui";
 export interface SellerProductsViewProps extends ListingLayoutProps {
     onDeleteProduct?: (id: string) => Promise<void>;
     /** S-STORE-2-E — "New Listing" toolbar button. */
     onCreateClick?: () => void;
 }
-export declare function SellerProductsView({ onDeleteProduct, onCreateClick, children, ...props }: SellerProductsViewProps): import("react/jsx-runtime").JSX.Element;
+export declare function SellerProductsView({ onDeleteProduct, onCreateClick, children, ...props }: SellerProductsViewProps): React.JSX.Element;

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

@@ -2,4 +2,4 @@ export interface SellerReviewsViewProps {
     reviewsApiBase?: string;
     replyApiBase?: string;
 }
-export declare function SellerReviewsView({ reviewsApiBase, replyApiBase, }: SellerReviewsViewProps): import("react/jsx-runtime").JSX.Element;
+export declare function SellerReviewsView({ reviewsApiBase, replyApiBase, }: SellerReviewsViewProps): import("react").JSX.Element;

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

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

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

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

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/SellerSidebar.d.ts

@@ -24,5 +24,5 @@ interface StoreSidebarProps {
     onToggle?: () => void;
     className?: string;
 }
-export declare function StoreSidebar({ items, groups, activeHref, storeName, storeLogoURL, mobileOpen, desktopOpen, variant, onCloseMobile, onToggle, }: StoreSidebarProps): import("react/jsx-runtime").JSX.Element;
+export declare function StoreSidebar({ items, groups, activeHref, storeName, storeLogoURL, mobileOpen, desktopOpen, variant, onCloseMobile, onToggle, }: StoreSidebarProps): React.JSX.Element;
 export {};

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

@@ -0,0 +1,8 @@
+import React from "react";
+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): React.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/SellerStoreCategoriesView.d.ts

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

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

@@ -9,4 +9,4 @@ export interface SellerStoreSetupViewProps {
     isLoading?: boolean;
     className?: string;
 }
-export declare function SellerStoreSetupView({ labels, renderTabs, renderForm, isLoading, className, }: SellerStoreSetupViewProps): import("react/jsx-runtime").JSX.Element;
+export declare function SellerStoreSetupView({ labels, renderTabs, renderForm, isLoading, className, }: SellerStoreSetupViewProps): React.JSX.Element;

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

@@ -5,4 +5,4 @@ export interface SellerStoreViewProps {
     renderContent?: (activeTab: string) => React.ReactNode;
     className?: string;
 }
-export declare function SellerStoreView({ renderHeader, renderNavTabs, renderContent, className, }: SellerStoreViewProps): import("react/jsx-runtime").JSX.Element;
+export declare function SellerStoreView({ renderHeader, renderNavTabs, renderContent, className, }: SellerStoreViewProps): React.JSX.Element;

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

@@ -25,4 +25,4 @@ export interface SellerStorefrontViewProps {
     isLoading?: boolean;
     storeSlug?: string;
 }
-export declare function SellerStorefrontView({ initialValues, onSave, isLoading, storeSlug, }: SellerStorefrontViewProps): import("react/jsx-runtime").JSX.Element;
+export declare function SellerStorefrontView({ initialValues, onSave, isLoading, storeSlug, }: SellerStorefrontViewProps): import("react").JSX.Element;

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

@@ -1,4 +1,5 @@
 import type { JsonValue } from "@mohasinac/appkit";
+import React from "react";
 export interface SellerTemplatesViewProps {
     onDelete?: (id: string) => Promise<void>;
     onBulkDelete?: (ids: string[]) => Promise<void>;
@@ -8,4 +9,4 @@ export interface SellerTemplatesViewProps {
         raw: Record<string, JsonValue>;
     }) => Promise<void>;
 }
-export declare function SellerTemplatesView({ onDelete, onBulkDelete, onDuplicate, }: SellerTemplatesViewProps): import("react/jsx-runtime").JSX.Element;
+export declare function SellerTemplatesView({ onDelete, onBulkDelete, onDuplicate, }: SellerTemplatesViewProps): React.JSX.Element;

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

@@ -1,3 +1,4 @@
+import React from "react";
 import type { SlottedListingViewProps } from "../../../ui";
 export type SellersListViewProps = SlottedListingViewProps;
-export declare function SellersListView(props: SellersListViewProps): import("react/jsx-runtime").JSX.Element;
+export declare function SellersListView(props: SellersListViewProps): React.JSX.Element;

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

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

package/dist/features/seller/components/analytics/SellerAnalyticsStats.d.ts

@@ -1,3 +1,4 @@
+import React from "react";
 import type { SellerAnalyticsSummary } from "../../types";
 /**
  * W1-32 — SellerAnalyticsStats now composes AdminStatCard (the only live
@@ -16,4 +17,4 @@ export interface SellerAnalyticsStatsProps {
     formatRevenue?: (amount: number) => string;
     className?: string;
 }
-export declare function SellerAnalyticsStats({ summary, labels, formatRevenue, className, }: SellerAnalyticsStatsProps): import("react/jsx-runtime").JSX.Element;
+export declare function SellerAnalyticsStats({ summary, labels, formatRevenue, className, }: SellerAnalyticsStatsProps): React.JSX.Element;

package/dist/features/seller/components/analytics/SellerRevenueChart.d.ts

@@ -1,3 +1,4 @@
+import React from "react";
 import type { SellerAnalyticsMonthEntry } from "../../types";
 export interface SellerRevenueChartLabels {
     title?: string;
@@ -10,4 +11,4 @@ export interface SellerRevenueChartProps {
     formatRevenue?: (amount: number) => string;
     className?: string;
 }
-export declare function SellerRevenueChart({ data, labels, formatRevenue, className, }: SellerRevenueChartProps): import("react/jsx-runtime").JSX.Element;
+export declare function SellerRevenueChart({ data, labels, formatRevenue, className, }: SellerRevenueChartProps): React.JSX.Element;

package/dist/features/seller/components/analytics/SellerTopProducts.d.ts

@@ -14,4 +14,4 @@ export interface SellerTopProductsProps {
     renderEmptyAction?: () => React.ReactNode;
     className?: string;
 }
-export declare function SellerTopProducts({ products, labels, formatRevenue, renderProductLink, renderEmptyAction, className, }: SellerTopProductsProps): import("react/jsx-runtime").JSX.Element;
+export declare function SellerTopProducts({ products, labels, formatRevenue, renderProductLink, renderEmptyAction, className, }: SellerTopProductsProps): React.JSX.Element;

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": {