@mohasinac/appkit 2.4.11 → 2.5.0

package/dist/features/search/api/route.js

@@ -37,14 +37,18 @@ export async function GET(request) {
         if (!db) {
             return NextResponse.json({ success: false, error: "Database provider not registered" }, { status: 503 });
         }
-        const isAuctionRaw = param(url, "isAuction");
-        const isAuction = isAuctionRaw === "true"
-            ? true
-            : isAuctionRaw === "false"
-                ? false
-                : undefined;
-        const isPreOrderRaw = param(url, "isPreOrder");
-        const isPreOrder = isPreOrderRaw === "true" ? true : undefined;
+        // SB1-G Phase 4 — canonical `?listingType=auction|pre-order|standard|prize-draw|bundle`.
+        const listingTypeRaw = param(url, "listingType");
+        const VALID_LISTING_TYPES = new Set([
+            "standard",
+            "auction",
+            "pre-order",
+            "prize-draw",
+            "bundle",
+        ]);
+        const listingType = listingTypeRaw && VALID_LISTING_TYPES.has(listingTypeRaw)
+            ? listingTypeRaw
+            : undefined;
         const inStockRaw = param(url, "inStock");
         const inStock = inStockRaw === "true" ? true : undefined;
         const minPriceRaw = numParam(url, "minPrice", 0);
@@ -59,8 +63,7 @@ export async function GET(request) {
             minPrice: minPriceRaw > 0 ? minPriceRaw : undefined,
             maxPrice: maxPriceRaw > 0 ? maxPriceRaw : undefined,
             condition: param(url, "condition") ?? undefined,
-            isAuction,
-            isPreOrder,
+            listingType,
             inStock,
             minRating: numParam(url, "minRating", 0) || undefined,
             sort: param(url, "sort") ?? "-createdAt",

package/dist/features/search/columns/index.d.ts

@@ -11,7 +11,7 @@ export declare const searchResultAdminColumns: TableColumn<SearchProductItem>[];
  * @example
  * const cols = buildSearchResultColumns<MySearchItem>({
  *   extras: [{ key: "brandTag", header: "Brand", render: (s) => s.brandTag }],
- *   omit: ["isAuction"],
+ *   omit: ["listingType"],
  * });
  */
 export declare function buildSearchResultColumns<T extends SearchProductItem = SearchProductItem>(opts?: ColumnExtensionOpts<T>): TableColumn<T>[];

package/dist/features/search/columns/index.js

@@ -29,10 +29,10 @@ export const searchResultAdminColumns = [
         render: (item) => renderBoolean(item.featured),
     },
     {
-        key: "isAuction",
-        header: "Auction",
+        key: "listingType",
+        header: "Type",
         sortable: false,
-        render: (item) => renderBoolean(item.isAuction),
+        render: (item) => item.listingType ?? "standard",
     },
 ];
 /**
@@ -41,7 +41,7 @@ export const searchResultAdminColumns = [
  * @example
  * const cols = buildSearchResultColumns<MySearchItem>({
  *   extras: [{ key: "brandTag", header: "Brand", render: (s) => s.brandTag }],
- *   omit: ["isAuction"],
+ *   omit: ["listingType"],
  * });
  */
 export function buildSearchResultColumns(opts) {

package/dist/features/search/repository/search.repository.js

@@ -23,12 +23,10 @@ export class SearchRepository {
             filterParts.push(`price<=${String(query.maxPrice)}`);
         if (query.condition)
             filterParts.push(`condition==${query.condition}`);
-        if (query.isAuction === true)
-            filterParts.push("isAuction==true");
-        if (query.isAuction === false)
-            filterParts.push("isAuction==false");
-        if (query.isPreOrder === true)
-            filterParts.push("isPreOrder==true");
+        // SB1-G Phase 4 — canonical listingType discriminator.
+        if (query.listingType) {
+            filterParts.push(`listingType==${query.listingType}`);
+        }
         if (query.inStock === true)
             filterParts.push("availableQuantity>0");
         if (query.minRating !== undefined)

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

@@ -24,24 +24,24 @@ export declare const searchProductItemSchema: z.ZodObject<{
     id: string;
     title: string;
     slug: string;
+    currency?: string | undefined;
     status?: string | undefined;
     price?: number | undefined;
-    currency?: string | undefined;
     featured?: boolean | undefined;
     isPromoted?: boolean | undefined;
-    isAuction?: boolean | undefined;
     mainImage?: string | undefined;
+    isAuction?: boolean | undefined;
 }, {
     id: string;
     title: string;
     slug: string;
+    currency?: string | undefined;
     status?: string | undefined;
     price?: number | undefined;
-    currency?: string | undefined;
     featured?: boolean | undefined;
     isPromoted?: boolean | undefined;
-    isAuction?: boolean | undefined;
     mainImage?: string | undefined;
+    isAuction?: boolean | undefined;
 }>;
 /**
  * Form/query schema for a search request.
@@ -63,8 +63,8 @@ export declare const searchQuerySchema: z.ZodObject<{
 }, {
     q: string;
     sort?: string | undefined;
-    category?: string | undefined;
     page?: number | undefined;
+    category?: string | undefined;
     minPrice?: number | undefined;
     maxPrice?: number | undefined;
 }>;

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

@@ -8,7 +8,8 @@ export interface SearchProductItem {
     images?: string[];
     status: string;
     featured?: boolean;
-    isAuction?: boolean;
+    /** Canonical listing-kind discriminator (SB1-G Phase 4). */
+    listingType?: "standard" | "auction" | "pre-order" | "prize-draw" | "bundle";
     currentBid?: number;
     isPromoted?: boolean;
     slug: string;
@@ -30,8 +31,8 @@ export interface SearchQuery {
     minPrice?: number;
     maxPrice?: number;
     condition?: string;
-    isAuction?: boolean;
-    isPreOrder?: boolean;
+    /** Canonical listing-kind discriminator (SB1-G Phase 4). */
+    listingType?: "standard" | "auction" | "pre-order" | "prize-draw" | "bundle";
     inStock?: boolean;
     minRating?: number;
     sort?: string;

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

@@ -273,8 +273,7 @@ export async function checkoutOffer(userId, offerId) {
         quantity: 1,
         storeId: offer.storeId,
         storeName: offer.storeName,
-        isAuction: false,
-        isPreOrder: false,
+        listingType: "standard",
         isOffer: true,
         offerId: offer.id,
         lockedPrice: offer.lockedPrice,

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

@@ -0,0 +1,9 @@
+export interface BrandInlineSelectProps {
+    value: string;
+    onChange: (v: string) => void;
+    placeholder?: string;
+    disabled?: boolean;
+    /** Show the "+ Create new brand" option. Defaults to true for sellers. */
+    allowCreate?: boolean;
+}
+export declare function BrandInlineSelect({ value, onChange, placeholder, disabled, allowCreate, }: BrandInlineSelectProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,26 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { InlineCreateSelect } from "../../../ui/components/InlineCreateSelect";
+import { BrandQuickCreateForm } from "../../admin/components/BrandQuickCreateForm";
+import { apiClient } from "../../../http";
+import { ADMIN_ENDPOINTS } from "../../../constants/api-endpoints";
+async function loadBrandOptions(query, page) {
+    const params = new URLSearchParams({
+        q: query,
+        page: String(page),
+        pageSize: "20",
+    });
+    const res = await apiClient.get(`${ADMIN_ENDPOINTS.BRANDS}?${params}`);
+    const raw = res.brands ?? res.items ?? [];
+    const items = raw.map((b) => ({
+        value: String(b.id ?? ""),
+        label: String(b.name ?? ""),
+    }));
+    const total = res.total ?? items.length;
+    return { items, hasMore: page * 20 < total, nextPage: page + 1 };
+}
+export function BrandInlineSelect({ value, onChange, placeholder = "Search brands…", disabled, allowCreate = true, }) {
+    return (_jsx(InlineCreateSelect, { value: value || null, onChange: (v) => onChange(v ?? ""), loadOptions: loadBrandOptions, placeholder: placeholder, disabled: disabled, createLabel: "brand", drawerTitle: "Create Brand", renderCreateForm: allowCreate
+            ? ({ onCreated, onCancel }) => (_jsx(BrandQuickCreateForm, { onSaved: (id, name) => onCreated({ value: id, label: name }), onCancel: onCancel }))
+            : undefined }));
+}

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

@@ -0,0 +1,9 @@
+export interface CategoryInlineSelectProps {
+    value: string;
+    onChange: (v: string) => void;
+    placeholder?: string;
+    disabled?: boolean;
+    /** Show the "+ Create new category" option. Defaults to false (search-only for sellers). */
+    allowCreate?: boolean;
+}
+export declare function CategoryInlineSelect({ value, onChange, placeholder, disabled, allowCreate, }: CategoryInlineSelectProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,26 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { InlineCreateSelect } from "../../../ui/components/InlineCreateSelect";
+import { CategoryQuickCreateForm } from "../../admin/components/CategoryQuickCreateForm";
+import { apiClient } from "../../../http";
+import { ADMIN_ENDPOINTS } from "../../../constants/api-endpoints";
+async function loadCategoryOptions(query, page) {
+    const params = new URLSearchParams({
+        q: query,
+        page: String(page),
+        pageSize: "20",
+        flat: "true",
+    });
+    const res = await apiClient.get(`${ADMIN_ENDPOINTS.CATEGORIES}?${params}`);
+    const items = (res.items ?? []).map((c) => ({
+        value: String(c.id ?? ""),
+        label: String(c.name ?? ""),
+    }));
+    const total = res.total ?? items.length;
+    return { items, hasMore: page * 20 < total, nextPage: page + 1 };
+}
+export function CategoryInlineSelect({ value, onChange, placeholder = "Search categories…", disabled, allowCreate = false, }) {
+    return (_jsx(InlineCreateSelect, { value: value || null, onChange: (v) => onChange(v ?? ""), loadOptions: loadCategoryOptions, placeholder: placeholder, disabled: disabled, createLabel: "category", drawerTitle: "Create Category", renderCreateForm: allowCreate
+            ? ({ onCreated, onCancel }) => (_jsx(CategoryQuickCreateForm, { onSaved: (id, name) => onCreated({ value: id, label: name }), onCancel: onCancel }))
+            : undefined }));
+}

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

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

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

@@ -0,0 +1,61 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from "react";
+import { Plus } from "lucide-react";
+import { useQuery, useQueryClient } from "@tanstack/react-query";
+import { Button, Div, Heading, Row, SideDrawer, Stack, Text, Toggle, useToast, } from "../../../ui";
+import { apiClient } from "../../../http";
+import { ERROR_MESSAGES } from "../../../errors/messages";
+import { SELLER_ENDPOINTS } from "../../../constants/api-endpoints";
+import { usePanelUrlSync } from "../../../react/hooks/use-panel-url-sync";
+import { AdminFeatureEditorView } from "../../admin/components/AdminFeatureEditorView";
+import { MAX_STORE_CUSTOM_FEATURES } from "../../products/schemas/product-features";
+const TOAST = {
+    ENABLED: "Feature enabled.",
+    DISABLED: "Feature disabled.",
+};
+const ROW_CLASS = "flex items-center justify-between gap-3 px-4 py-3";
+const CAP_BANNER_CLASS = "rounded-xl border border-amber-200 dark:border-amber-900/60 bg-amber-50 dark:bg-amber-950/40 px-4 py-2.5 text-xs text-amber-800 dark:text-amber-200";
+const EMPTY_STATE_CLASS = "rounded-xl border border-zinc-200 dark:border-slate-700 bg-white dark:bg-slate-900 p-6 text-center text-sm text-zinc-500 dark:text-zinc-400";
+const LIST_CLASS = "divide-y divide-zinc-200 dark:divide-slate-700 rounded-xl border border-zinc-200 dark:border-slate-700 bg-white dark:bg-slate-900";
+function unwrap(res) {
+    return (res?.data ?? res);
+}
+export function SellerFeaturesView() {
+    const queryClient = useQueryClient();
+    const { showToast } = useToast();
+    const { openCreatePanel, openEditPanel, closePanel, isCreateOpen, isEditOpen, editId, } = usePanelUrlSync();
+    const featuresQuery = useQuery({
+        queryKey: ["seller", "features", "listing"],
+        queryFn: async () => unwrap(await apiClient.get(SELLER_ENDPOINTS.FEATURES)),
+    });
+    const features = featuresQuery.data?.items ?? [];
+    const limit = featuresQuery.data?.limit ?? MAX_STORE_CUSTOM_FEATURES;
+    const isFull = featuresQuery.data?.isFull ?? features.length >= limit;
+    const invalidate = React.useCallback(() => {
+        queryClient.invalidateQueries({
+            queryKey: ["seller", "features", "listing"],
+        });
+    }, [queryClient]);
+    const onSaved = React.useCallback(() => {
+        invalidate();
+        closePanel();
+    }, [closePanel, invalidate]);
+    const toggleActive = async (feature, nextActive) => {
+        try {
+            await apiClient.put(SELLER_ENDPOINTS.FEATURE_BY_ID(feature.id), {
+                isActive: nextActive,
+            });
+            showToast(nextActive ? TOAST.ENABLED : TOAST.DISABLED, "success");
+            invalidate();
+        }
+        catch (err) {
+            showToast(err?.message ??
+                ERROR_MESSAGES.PRODUCT_FEATURES.UPDATE_FAILED, "error");
+        }
+    };
+    return (_jsxs(Stack, { gap: "md", className: "min-h-screen px-3 sm:px-4 py-4", children: [_jsxs(Row, { align: "center", justify: "between", children: [_jsxs(Div, { children: [_jsx(Heading, { level: 1, className: "text-lg font-semibold text-zinc-900 dark:text-zinc-50", children: "Custom feature badges" }), _jsxs(Text, { className: "text-xs text-zinc-500 dark:text-zinc-400 mt-0.5", children: [features.length, " of ", limit, " used. Platform features are always available on top of your custom ones."] })] }), _jsxs(Button, { size: "sm", onClick: openCreatePanel, disabled: isFull, className: "flex items-center gap-1.5", children: [_jsx(Plus, { className: "h-4 w-4" }), "Add Feature"] })] }), isFull && (_jsxs(Text, { as: "div", className: CAP_BANNER_CLASS, children: ["You have reached the ", limit, "-feature limit for your store. Delete an existing feature before adding a new one."] })), featuresQuery.isLoading ? (_jsx(Text, { className: "text-sm text-zinc-500 dark:text-zinc-400", children: "Loading\u2026" })) : features.length === 0 ? (_jsx(Div, { className: EMPTY_STATE_CLASS, children: "You haven't created any custom features yet." })) : (_jsx(Stack, { as: "ul", gap: "none", className: LIST_CLASS, children: features.map((f) => (_jsxs(Row, { as: "li", className: ROW_CLASS, gap: "sm", children: [_jsxs("button", { type: "button", onClick: () => openEditPanel(f.id), className: "flex-1 text-left", children: [_jsx(Text, { as: "div", className: "text-sm font-medium text-zinc-900 dark:text-zinc-100", children: f.label }), _jsxs(Text, { as: "div", className: "text-xs text-zinc-500 dark:text-zinc-400 mt-0.5", children: [f.category, " \u00B7 ", f.productTypes.join(" · ")] })] }), _jsx(Toggle, { checked: f.isActive, onChange: (checked) => toggleActive(f, checked), "aria-label": "Active" })] }, f.id))) })), _jsx(SideDrawer, { isOpen: isCreateOpen || isEditOpen, onClose: closePanel, title: isCreateOpen ? "Add Feature" : "Edit Feature", mode: isCreateOpen ? "create" : "edit", children: (isCreateOpen || isEditOpen) && (_jsx(AdminFeatureEditorView, { featureId: editId ?? undefined, fixedScope: "store", embedded: true, endpointOverride: {
+                        create: SELLER_ENDPOINTS.FEATURES,
+                        byId: SELLER_ENDPOINTS.FEATURE_BY_ID,
+                    }, onSaved: onSaved, onDeleted: onSaved })) })] }));
+}

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

@@ -64,5 +64,19 @@ export interface SellerProductShellProps {
         value: string;
         onChange: (v: string) => void;
     }) => React.ReactNode;
+    /**
+     * Render a template selector at the top of the Basic step.
+     * Receives a callback to apply the selected template to the draft.
+     */
+    renderTemplateSelector?: (props: {
+        onApply: (partial: Partial<SellerProductDraft>) => void;
+    }) => React.ReactNode;
+    /** Called with current draft when user clicks "Save as Template". */
+    onSaveAsTemplate?: (draft: SellerProductDraft) => void | Promise<void>;
+    /**
+     * When provided, a 👁 Preview button appears in the FormShell top bar.
+     * Should return a read-only render of the product using current draft values.
+     */
+    previewSlot?: () => React.ReactNode;
 }
-export declare function SellerProductShell({ mode, listingType, initialValues, onSave, onPublish, onDiscard, isLoading, storeSlug, renderCategorySelector, renderBrandSelector, renderAddressSelector, }: SellerProductShellProps): import("react/jsx-runtime").JSX.Element;
+export declare function SellerProductShell({ mode, listingType, initialValues, onSave, onPublish, onDiscard, isLoading, storeSlug, renderCategorySelector, renderBrandSelector, renderAddressSelector, renderTemplateSelector, onSaveAsTemplate, previewSlot, }: SellerProductShellProps): import("react/jsx-runtime").JSX.Element;

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

@@ -3,7 +3,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useCallback, useRef, useState } from "react";
 import { useRouter } from "next/navigation";
 import { FormShell, StepForm, useFormShell } from "../../shell";
-import { Alert, FormField, FormGroup, Heading, Stack, Text, Toggle, } from "../../../ui";
+import { Alert, Button, Div, FormField, FormGroup, Heading, Stack, Text, Toggle, } from "../../../ui";
 import { ImageUpload, MediaUploadList, useMediaUpload } from "../../media";
 import { StoreAddressSelectorCreate } from "../../stores/components/StoreAddressSelectorCreate";
 const CONDITION_OPTIONS = [
@@ -26,8 +26,8 @@ function toPaise(rupeeStr) {
     return Math.round((parseFloat(rupeeStr) || 0) * 100);
 }
 // ── Step 1: Basic ─────────────────────────────────────────────────────────────
-function StepBasic({ values, onChange, renderCategorySelector, renderBrandSelector, }) {
-    return (_jsxs(Stack, { gap: "md", children: [_jsx(FormField, { name: "title", label: "Title", type: "text", value: values.title ?? "", onChange: (v) => onChange({ title: v }), placeholder: "e.g. Charizard Base Set PSA 9" }), _jsx(FormField, { name: "description", label: "Description", type: "textarea", value: values.description ?? "", onChange: (v) => onChange({ description: v }), placeholder: "Describe your listing in detail\u2026" }), _jsxs(FormGroup, { columns: 2, children: [renderCategorySelector ? (_jsxs("div", { children: [_jsx(Text, { className: "text-sm font-medium text-[var(--appkit-color-text)] mb-1", children: "Category" }), renderCategorySelector({ value: values.category ?? "", onChange: (v) => onChange({ category: v }) })] })) : (_jsx(FormField, { name: "category", label: "Category", type: "text", value: values.category ?? "", onChange: (v) => onChange({ category: v }), placeholder: "e.g. Trading Cards" })), _jsx(FormField, { name: "condition", label: "Condition", type: "select", value: values.condition ?? "new", onChange: (v) => onChange({ condition: v }), options: CONDITION_OPTIONS })] }), renderBrandSelector ? (_jsxs("div", { children: [_jsx(Text, { className: "text-sm font-medium text-[var(--appkit-color-text)] mb-1", children: "Brand" }), renderBrandSelector({ value: values.brand ?? "", onChange: (v) => onChange({ brand: v }) })] })) : (_jsx(FormField, { name: "brand", label: "Brand", type: "text", value: values.brand ?? "", onChange: (v) => onChange({ brand: v }), placeholder: "e.g. Pok\u00E9mon Company" })), _jsx(FormField, { name: "tags", label: "Tags (comma-separated)", type: "text", value: (values.tags ?? []).join(", "), onChange: (v) => onChange({ tags: v.split(",").map((t) => t.trim()).filter(Boolean) }), placeholder: "pokemon, psa9, charizard, holo" })] }));
+function StepBasic({ values, onChange, renderCategorySelector, renderBrandSelector, renderTemplateSelector, }) {
+    return (_jsxs(Stack, { gap: "md", children: [renderTemplateSelector?.({ onApply: onChange }), _jsx(FormField, { name: "title", label: "Title", type: "text", value: values.title ?? "", onChange: (v) => onChange({ title: v }), placeholder: "e.g. Charizard Base Set PSA 9" }), _jsx(FormField, { name: "description", label: "Description", type: "textarea", value: values.description ?? "", onChange: (v) => onChange({ description: v }), placeholder: "Describe your listing in detail\u2026" }), _jsxs(FormGroup, { columns: 2, children: [renderCategorySelector ? (_jsxs("div", { children: [_jsx(Text, { className: "text-sm font-medium text-[var(--appkit-color-text)] mb-1", children: "Category" }), renderCategorySelector({ value: values.category ?? "", onChange: (v) => onChange({ category: v }) })] })) : (_jsx(FormField, { name: "category", label: "Category", type: "text", value: values.category ?? "", onChange: (v) => onChange({ category: v }), placeholder: "e.g. Trading Cards" })), _jsx(FormField, { name: "condition", label: "Condition", type: "select", value: values.condition ?? "new", onChange: (v) => onChange({ condition: v }), options: CONDITION_OPTIONS })] }), renderBrandSelector ? (_jsxs("div", { children: [_jsx(Text, { className: "text-sm font-medium text-[var(--appkit-color-text)] mb-1", children: "Brand" }), renderBrandSelector({ value: values.brand ?? "", onChange: (v) => onChange({ brand: v }) })] })) : (_jsx(FormField, { name: "brand", label: "Brand", type: "text", value: values.brand ?? "", onChange: (v) => onChange({ brand: v }), placeholder: "e.g. Pok\u00E9mon Company" })), _jsx(FormField, { name: "tags", label: "Tags (comma-separated)", type: "text", value: (values.tags ?? []).join(", "), onChange: (v) => onChange({ tags: v.split(",").map((t) => t.trim()).filter(Boolean) }), placeholder: "pokemon, psa9, charizard, holo" })] }));
 }
 // ── Step 2: Media ─────────────────────────────────────────────────────────────
 function StepMedia({ values, onChange, storeSlug = "store", }) {
@@ -100,7 +100,7 @@ const EDIT_SECTIONS = [
     { id: "publish", label: "Publish" },
 ];
 // ── Main SellerProductShell ───────────────────────────────────────────────
-export function SellerProductShell({ mode, listingType = "standard", initialValues, onSave, onPublish, onDiscard, isLoading = false, storeSlug, renderCategorySelector, renderBrandSelector, renderAddressSelector, }) {
+export function SellerProductShell({ mode, listingType = "standard", initialValues, onSave, onPublish, onDiscard, isLoading = false, storeSlug, renderCategorySelector, renderBrandSelector, renderAddressSelector, renderTemplateSelector, onSaveAsTemplate, previewSlot, }) {
     const [draft, setDraft] = useState(initialValues ?? { status: "draft", condition: "new" });
     const [currentStep, setCurrentStep] = useState(0);
     const { isDirty, markDirty, markClean } = useFormShell();
@@ -140,7 +140,7 @@ export function SellerProductShell({ mode, listingType = "standard", initialValu
     const steps = [
         {
             label: "Basic",
-            render: ({ values, onChange }) => (_jsx(StepBasic, { values: values, onChange: onChange, renderCategorySelector: renderCategorySelector, renderBrandSelector: renderBrandSelector })),
+            render: ({ values, onChange }) => (_jsx(StepBasic, { values: values, onChange: onChange, renderCategorySelector: renderCategorySelector, renderBrandSelector: renderBrandSelector, renderTemplateSelector: renderTemplateSelector })),
             validate: (v) => (!v.title?.trim() ? "Title is required" : null),
         },
         {
@@ -167,7 +167,7 @@ export function SellerProductShell({ mode, listingType = "standard", initialValu
         ? `New ${listingTypeLabel}`
         : draft.title ?? `Edit ${listingTypeLabel}`;
     if (mode === "create") {
-        return (_jsx(FormShell, { isOpen: true, onClose: handleDiscard, title: title, breadcrumb: breadcrumb, isDirty: isDirty, isLoading: isLoading, children: _jsx(StepForm, { steps: steps, values: draft, onChange: update, onComplete: handlePublish, completeLabel: `Publish ${listingTypeLabel}`, currentStep: currentStep, onStepChange: setCurrentStep, isLoading: isLoading }) }));
+        return (_jsx(FormShell, { isOpen: true, onClose: handleDiscard, title: title, breadcrumb: breadcrumb, isDirty: isDirty, isLoading: isLoading, previewSlot: previewSlot, children: _jsx(StepForm, { steps: steps, values: draft, onChange: update, onComplete: handlePublish, completeLabel: `Publish ${listingTypeLabel}`, currentStep: currentStep, onStepChange: setCurrentStep, isLoading: isLoading }) }));
     }
     // Edit mode — FormShell with section nav + full form
     const editSections = [
@@ -175,5 +175,5 @@ export function SellerProductShell({ mode, listingType = "standard", initialValu
         ...(listingType === "auction" ? [{ id: "auction", label: "Auction" }] : []),
         ...(listingType === "pre-order" ? [{ id: "preorder", label: "Pre-Order" }] : []),
     ];
-    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", 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 })] }), _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 })] })), _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 })] })] }) }));
+    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: _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 })] })), _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)] pt-4", children: [_jsx(Button, { type: "button", variant: "outline", size: "sm", onClick: () => onSaveAsTemplate(draft), children: "Save as Template" }), _jsx(Text, { className: "mt-1 text-xs text-[var(--appkit-color-secondary-text)]", children: "Save these settings as a reusable template for future listings." })] }))] })] }) }));
 }

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

@@ -1,12 +1,13 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import React, { useState, useCallback } from "react";
-import { useRouter } from "next/navigation";
+import { useActionDispatch } from "../../../react/hooks/use-action-dispatch";
 import { X, Pencil, Trash2 } from "lucide-react";
 import { useUrlTable } from "../../../react/hooks/useUrlTable";
 import { Alert, ListingToolbar, Pagination, ListingViewShell, Badge, Button } from "../../../ui";
 import { SELLER_ENDPOINTS } from "../../../constants/api-endpoints";
 import { ROUTES } from "../../../constants";
+import { normalizeListingType } from "../../products/utils/listing-type";
 import { toRecordArray, toRelativeDate, toStringValue, useSellerListingData, } from "../hooks/useSellerListingData";
 import { DataTable } from "../../admin/components/DataTable";
 const PAGE_SIZE = 25;
@@ -82,7 +83,7 @@ const PRODUCT_COLUMNS = [
 ];
 export function SellerProductsView({ onDeleteProduct, children, ...props }) {
     const hasChildren = React.Children.count(children) > 0;
-    const router = useRouter();
+    const dispatch = useActionDispatch();
     const table = useUrlTable({ defaults: { pageSize: String(PAGE_SIZE), sort: DEFAULT_SORT } });
     const [searchInput, setSearchInput] = useState(table.get("q") || "");
     const [filterOpen, setFilterOpen] = useState(false);
@@ -125,12 +126,14 @@ export function SellerProductsView({ onDeleteProduct, children, ...props }) {
         listingKind !== "all";
     const statusRaw = table.get("status");
     const statusFilter = statusRaw && statusRaw !== "All" ? `status==${statusRaw}` : undefined;
+    // SB1-G — single-field listingType clause. The repository's Sieve aliases
+    // accept both `==auction|preorder|standard` and `==pre-order` directly.
     const kindFilter = listingKind === "auction"
-        ? "isAuction==true"
+        ? "listingType==auction"
         : listingKind === "pre-order"
-            ? "isPreOrder==true"
+            ? "listingType==pre-order"
             : listingKind === "standard"
-                ? "isAuction==false,isPreOrder==false"
+                ? "listingType==standard"
                 : undefined;
     const filters = [statusFilter, kindFilter].filter(Boolean).join(",") || undefined;
     const { rows, total, isLoading, errorMessage } = useSellerListingData({
@@ -142,9 +145,9 @@ export function SellerProductsView({ onDeleteProduct, children, ...props }) {
         filters,
         q: table.get("q") || undefined,
         mapRows: (response) => toRecordArray(response.products).map((item, index) => {
-            const isAuction = !!item.isAuction;
-            const isPreOrder = !!item.isPreOrder;
-            const kind = isAuction ? "auction" : isPreOrder ? "pre-order" : "standard";
+            // SB1-G — derive kind from canonical listingType with legacy fallback.
+            const lt = normalizeListingType(item);
+            const kind = lt === "auction" ? "auction" : lt === "pre-order" ? "pre-order" : "standard";
             const priceRaw = typeof item.price === "number" ? item.price : 0;
             return {
                 id: toStringValue(item.id, `product-${index}`),
@@ -165,15 +168,12 @@ export function SellerProductsView({ onDeleteProduct, children, ...props }) {
         return (_jsx(ListingViewShell, { portal: "seller", ...props, children: children }));
     }
     const handleEdit = (row) => {
-        if (row.listingKind === "auction") {
-            router.push(String(ROUTES.STORE.AUCTIONS_EDIT(row.id)));
-        }
-        else if (row.listingKind === "pre-order") {
-            router.push(String(ROUTES.STORE.PRE_ORDERS_EDIT(row.id)));
-        }
-        else {
-            router.push(String(ROUTES.STORE.PRODUCTS_EDIT(row.id)));
-        }
+        const href = row.listingKind === "auction"
+            ? String(ROUTES.STORE.AUCTIONS_EDIT(row.id))
+            : row.listingKind === "pre-order"
+                ? String(ROUTES.STORE.PRE_ORDERS_EDIT(row.id))
+                : String(ROUTES.STORE.PRODUCTS_EDIT(row.id));
+        void dispatch({ type: "NAVIGATE", href });
     };
     const handleDelete = async (row) => {
         if (!onDeleteProduct)

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

@@ -18,6 +18,13 @@ export interface StorefrontDraft {
     isVacationMode?: boolean;
     vacationMessage?: string;
     isPublic?: boolean;
+    googleReviews?: {
+        placeId: string;
+        enabled: boolean;
+        maxReviews?: number;
+        minRating?: number;
+        layout?: "grid" | "carousel";
+    };
 }
 export interface SellerStorefrontViewProps {
     initialValues?: StorefrontDraft;

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

@@ -1,5 +1,5 @@
 "use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useCallback, useState } from "react";
 import { StackedViewShell } from "../../../ui";
 import { Alert, Button, FormField, FormGroup, Heading, Stack, Text, Toggle, } from "../../../ui";
@@ -19,6 +19,16 @@ export function SellerStorefrontView({ initialValues, onSave, isLoading = false,
     const updateSocial = (key, value) => {
         update({ socialLinks: { ...draft.socialLinks, [key]: value } });
     };
+    const updateGoogleReviews = (patch) => {
+        update({
+            googleReviews: {
+                placeId: draft.googleReviews?.placeId ?? "",
+                enabled: draft.googleReviews?.enabled ?? false,
+                ...draft.googleReviews,
+                ...patch,
+            },
+        });
+    };
     const handleSave = async () => {
         setSaving(true);
         setSaved(false);
@@ -43,6 +53,6 @@ export function SellerStorefrontView({ initialValues, onSave, isLoading = false,
                                                         type: "store-banner",
                                                         store: storeSlug,
                                                     });
-                                                }, onChange: (url) => update({ storeBannerURL: url }), helperText: "Recommended: 1200\u00D7300px" })] })] })] }), _jsxs("section", { children: [_jsx(Heading, { level: 3, className: "mb-4", children: "Store Details" }), _jsxs(Stack, { gap: "md", children: [_jsx(FormField, { name: "storeCategory", label: "Store Category", type: "text", value: draft.storeCategory ?? "", onChange: (v) => update({ storeCategory: v }), placeholder: "e.g. Trading Cards, Action Figures", disabled: busy }), _jsx(FormField, { name: "storeDescription", label: "Full Description", type: "textarea", value: draft.storeDescription ?? "", onChange: (v) => update({ storeDescription: v }), placeholder: "Detailed store description shown on your public store page\u2026", disabled: busy })] })] }), _jsxs("section", { children: [_jsx(Heading, { level: 3, className: "mb-4", children: "Policies" }), _jsxs(Stack, { gap: "md", children: [_jsx(FormField, { name: "returnPolicy", label: "Return Policy", type: "textarea", value: draft.returnPolicy ?? "", onChange: (v) => update({ returnPolicy: v }), placeholder: "Describe your return policy\u2026", disabled: busy }), _jsx(FormField, { name: "shippingPolicy", label: "Shipping Policy", type: "textarea", value: draft.shippingPolicy ?? "", onChange: (v) => update({ shippingPolicy: v }), placeholder: "How and when you ship orders\u2026", disabled: busy })] })] }), _jsxs("section", { children: [_jsx(Heading, { level: 3, className: "mb-4", children: "Contact & Social" }), _jsxs(Stack, { gap: "md", children: [_jsxs(FormGroup, { columns: 2, children: [_jsx(FormField, { name: "website", label: "Website", type: "text", value: draft.website ?? "", onChange: (v) => update({ website: v }), placeholder: "https://example.com", disabled: busy }), _jsx(FormField, { name: "location", label: "Location", type: "text", value: draft.location ?? "", onChange: (v) => update({ location: v }), placeholder: "e.g. Mumbai, India", disabled: busy })] }), _jsxs(FormGroup, { columns: 2, children: [_jsx(FormField, { name: "twitter", label: "Twitter / X URL", type: "text", value: draft.socialLinks?.twitter ?? "", onChange: (v) => updateSocial("twitter", v), placeholder: "https://twitter.com/...", disabled: busy }), _jsx(FormField, { name: "instagram", label: "Instagram URL", type: "text", value: draft.socialLinks?.instagram ?? "", onChange: (v) => updateSocial("instagram", v), placeholder: "https://instagram.com/...", disabled: busy })] }), _jsxs(FormGroup, { columns: 2, children: [_jsx(FormField, { name: "facebook", label: "Facebook URL", type: "text", value: draft.socialLinks?.facebook ?? "", onChange: (v) => updateSocial("facebook", v), placeholder: "https://facebook.com/...", disabled: busy }), _jsx(FormField, { name: "linkedin", label: "LinkedIn URL", type: "text", value: draft.socialLinks?.linkedin ?? "", onChange: (v) => updateSocial("linkedin", v), placeholder: "https://linkedin.com/...", disabled: busy })] })] })] }), _jsxs("section", { children: [_jsx(Heading, { level: 3, className: "mb-4", children: "Vacation Mode" }), _jsxs(Stack, { gap: "md", children: [_jsx(Toggle, { checked: !!draft.isVacationMode, onChange: (checked) => update({ isVacationMode: checked }), label: "Enable vacation mode \u2014 your store will show a notice to buyers", disabled: busy }), draft.isVacationMode && (_jsx(FormField, { name: "vacationMessage", label: "Vacation Message", type: "textarea", value: draft.vacationMessage ?? "", onChange: (v) => update({ vacationMessage: v }), placeholder: "I'm away until\u2026 Orders placed now will ship when I return.", disabled: busy }))] })] }), _jsxs("section", { children: [_jsx(Heading, { level: 3, className: "mb-4", children: "Visibility" }), _jsx(Toggle, { checked: draft.isPublic !== false, onChange: (checked) => update({ isPublic: checked }), label: "Make store public \u2014 visible to all buyers", disabled: busy }), draft.isPublic === false && (_jsx(Text, { className: "mt-2 text-sm text-[var(--appkit-color-text-muted)]", children: "Your store is hidden. Existing orders are unaffected." }))] }), _jsxs("div", { className: "flex items-center justify-end gap-3 pt-2 border-t border-[var(--appkit-color-border)]", children: [isDirty && !saving && (_jsx(Text, { className: "text-sm text-[var(--appkit-color-text-muted)]", children: "You have unsaved changes." })), _jsx(Button, { variant: "primary", onClick: handleSave, disabled: busy || !isDirty, isLoading: saving, children: "Save Changes" })] })] }, "profile"),
+                                                }, onChange: (url) => update({ storeBannerURL: url }), helperText: "Recommended: 1200\u00D7300px" })] })] })] }), _jsxs("section", { children: [_jsx(Heading, { level: 3, className: "mb-4", children: "Store Details" }), _jsxs(Stack, { gap: "md", children: [_jsx(FormField, { name: "storeCategory", label: "Store Category", type: "text", value: draft.storeCategory ?? "", onChange: (v) => update({ storeCategory: v }), placeholder: "e.g. Trading Cards, Action Figures", disabled: busy }), _jsx(FormField, { name: "storeDescription", label: "Full Description", type: "textarea", value: draft.storeDescription ?? "", onChange: (v) => update({ storeDescription: v }), placeholder: "Detailed store description shown on your public store page\u2026", disabled: busy })] })] }), _jsxs("section", { children: [_jsx(Heading, { level: 3, className: "mb-4", children: "Policies" }), _jsxs(Stack, { gap: "md", children: [_jsx(FormField, { name: "returnPolicy", label: "Return Policy", type: "textarea", value: draft.returnPolicy ?? "", onChange: (v) => update({ returnPolicy: v }), placeholder: "Describe your return policy\u2026", disabled: busy }), _jsx(FormField, { name: "shippingPolicy", label: "Shipping Policy", type: "textarea", value: draft.shippingPolicy ?? "", onChange: (v) => update({ shippingPolicy: v }), placeholder: "How and when you ship orders\u2026", disabled: busy })] })] }), _jsxs("section", { children: [_jsx(Heading, { level: 3, className: "mb-4", children: "Contact & Social" }), _jsxs(Stack, { gap: "md", children: [_jsxs(FormGroup, { columns: 2, children: [_jsx(FormField, { name: "website", label: "Website", type: "text", value: draft.website ?? "", onChange: (v) => update({ website: v }), placeholder: "https://example.com", disabled: busy }), _jsx(FormField, { name: "location", label: "Location", type: "text", value: draft.location ?? "", onChange: (v) => update({ location: v }), placeholder: "e.g. Mumbai, India", disabled: busy })] }), _jsxs(FormGroup, { columns: 2, children: [_jsx(FormField, { name: "twitter", label: "Twitter / X URL", type: "text", value: draft.socialLinks?.twitter ?? "", onChange: (v) => updateSocial("twitter", v), placeholder: "https://twitter.com/...", disabled: busy }), _jsx(FormField, { name: "instagram", label: "Instagram URL", type: "text", value: draft.socialLinks?.instagram ?? "", onChange: (v) => updateSocial("instagram", v), placeholder: "https://instagram.com/...", disabled: busy })] }), _jsxs(FormGroup, { columns: 2, children: [_jsx(FormField, { name: "facebook", label: "Facebook URL", type: "text", value: draft.socialLinks?.facebook ?? "", onChange: (v) => updateSocial("facebook", v), placeholder: "https://facebook.com/...", disabled: busy }), _jsx(FormField, { name: "linkedin", label: "LinkedIn URL", type: "text", value: draft.socialLinks?.linkedin ?? "", onChange: (v) => updateSocial("linkedin", v), placeholder: "https://linkedin.com/...", disabled: busy })] })] })] }), _jsxs("section", { children: [_jsx(Heading, { level: 3, className: "mb-4", children: "Vacation Mode" }), _jsxs(Stack, { gap: "md", children: [_jsx(Toggle, { checked: !!draft.isVacationMode, onChange: (checked) => update({ isVacationMode: checked }), label: "Enable vacation mode \u2014 your store will show a notice to buyers", disabled: busy }), draft.isVacationMode && (_jsx(FormField, { name: "vacationMessage", label: "Vacation Message", type: "textarea", value: draft.vacationMessage ?? "", onChange: (v) => update({ vacationMessage: v }), placeholder: "I'm away until\u2026 Orders placed now will ship when I return.", disabled: busy }))] })] }), _jsxs("section", { children: [_jsx(Heading, { level: 3, className: "mb-4", children: "Visibility" }), _jsx(Toggle, { checked: draft.isPublic !== false, onChange: (checked) => update({ isPublic: checked }), label: "Make store public \u2014 visible to all buyers", disabled: busy }), draft.isPublic === false && (_jsx(Text, { className: "mt-2 text-sm text-[var(--appkit-color-text-muted)]", children: "Your store is hidden. Existing orders are unaffected." }))] }), _jsxs("section", { children: [_jsx(Heading, { level: 3, className: "mb-1", children: "Google Business Reviews" }), _jsx(Text, { className: "text-sm text-[var(--appkit-color-text-muted)] mb-4", children: "Display real Google reviews on your store About page. Requires a Google Place ID." }), _jsxs(Stack, { gap: "md", children: [_jsx(Toggle, { checked: !!draft.googleReviews?.enabled, onChange: (checked) => updateGoogleReviews({ enabled: checked }), label: "Show Google reviews on my store About page", disabled: busy }), draft.googleReviews?.enabled && (_jsxs(_Fragment, { children: [_jsx(FormField, { name: "googlePlaceId", label: "Google Place ID", type: "text", value: draft.googleReviews.placeId ?? "", onChange: (v) => updateGoogleReviews({ placeId: v }), placeholder: "ChIJ...", helpText: "Find your Place ID at developers.google.com/maps/documentation/places/web-service/place-id", disabled: busy }), _jsxs(FormGroup, { columns: 2, children: [_jsx(FormField, { name: "googleMaxReviews", label: "Max reviews to show", type: "number", value: String(draft.googleReviews.maxReviews ?? 6), onChange: (v) => updateGoogleReviews({ maxReviews: Number(v) }), disabled: busy }), _jsx(FormField, { name: "googleMinRating", label: "Minimum star rating (1\u20135)", type: "number", value: String(draft.googleReviews.minRating ?? 0), onChange: (v) => updateGoogleReviews({ minRating: Number(v) }), disabled: busy })] })] }))] })] }), _jsxs("div", { className: "flex items-center justify-end gap-3 pt-2 border-t border-[var(--appkit-color-border)]", children: [isDirty && !saving && (_jsx(Text, { className: "text-sm text-[var(--appkit-color-text-muted)]", children: "You have unsaved changes." })), _jsx(Button, { variant: "primary", onClick: handleSave, disabled: busy || !isDirty, isLoading: saving, children: "Save Changes" })] })] }, "profile"),
         ] }));
 }

package/dist/features/seller/components/analytics/SellerRevenueChart.js

@@ -2,27 +2,19 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import dynamic from "next/dynamic";
 import { Div, Heading, Text } from "../../../../ui";
-const BarChart = dynamic(() => import("recharts").then((m) => m.BarChart), {
-    ssr: false,
-});
-const Bar = dynamic(() => import("recharts").then((m) => m.Bar), {
-    ssr: false,
-});
-const XAxis = dynamic(() => import("recharts").then((m) => m.XAxis), {
-    ssr: false,
-});
-const YAxis = dynamic(() => import("recharts").then((m) => m.YAxis), {
-    ssr: false,
-});
+// recharts exports generic components (<DataPointType>) that don't satisfy
+// next/dynamic's ComponentType<P> constraint — cast each to ComponentType<any>.
+const BarChart = dynamic(() => import("recharts").then((m) => m.BarChart), { ssr: false });
+const Bar = dynamic(() => import("recharts").then((m) => m.Bar), { ssr: false });
+const XAxis = dynamic(() => import("recharts").then((m) => m.XAxis), { ssr: false });
+const YAxis = dynamic(() => import("recharts").then((m) => m.YAxis), { ssr: false });
 const CartesianGrid = dynamic(() => import("recharts").then((m) => m.CartesianGrid), { ssr: false });
-const Tooltip = dynamic(() => import("recharts").then((m) => m.Tooltip), {
-    ssr: false,
-});
+const Tooltip = dynamic(() => import("recharts").then((m) => m.Tooltip), { ssr: false });
 const ResponsiveContainer = dynamic(() => import("recharts").then((m) => m.ResponsiveContainer), { ssr: false });
 export function SellerRevenueChart({ data, labels = {}, formatRevenue = (amount) => String(amount), className = "", }) {
     const hasRevenue = data.some((item) => item.revenue > 0);
-    return (_jsxs(Div, { className: `bg-white dark:bg-neutral-900 rounded-xl border border-neutral-200 dark:border-neutral-800 p-4 sm:p-6 ${className}`, children: [labels.title && (_jsx(Heading, { level: 3, className: "text-base font-semibold mb-4", children: labels.title })), hasRevenue ? (_jsx(Div, { className: "h-[300px]", children: _jsx(ResponsiveContainer, { width: "100%", height: "100%", children: _jsxs(BarChart, { data: data, children: [_jsx(CartesianGrid, { strokeDasharray: "3 3", strokeOpacity: 0.3 }), _jsx(XAxis, { dataKey: "month", tick: { fontSize: 11, fill: "#6b7280" }, tickLine: false, axisLine: false }), _jsx(YAxis, { tick: { fontSize: 11, fill: "#6b7280" }, tickLine: false, axisLine: false, tickFormatter: (value) => formatRevenue(Number(value)) }), _jsx(Tooltip, { formatter: (value) => [
+    return (_jsxs(Div, { className: `bg-white dark:bg-neutral-900 rounded-xl border border-neutral-200 dark:border-neutral-800 p-4 sm:p-6 ${className}`, children: [labels.title && (_jsx(Heading, { level: 3, className: "text-base font-semibold mb-4", children: labels.title })), hasRevenue ? (_jsx(Div, { className: "h-[300px]", children: _jsx(ResponsiveContainer, { width: "100%", height: "100%", children: _jsxs(BarChart, { data: data, children: [_jsx(CartesianGrid, { strokeDasharray: "3 3", strokeOpacity: 0.3 }), _jsx(XAxis, { dataKey: "month", tick: { fontSize: 11, fill: "currentColor" }, tickLine: false, axisLine: false }), _jsx(YAxis, { tick: { fontSize: 11, fill: "currentColor" }, tickLine: false, axisLine: false, tickFormatter: (value) => formatRevenue(Number(value)) }), _jsx(Tooltip, { formatter: (value) => [
                                     formatRevenue(Number(value)),
                                     labels.revenueLabel ?? "Revenue",
-                                ] }), _jsx(Bar, { dataKey: "revenue", fill: "#6366f1", radius: [4, 4, 0, 0] })] }) }) })) : (_jsx(Text, { className: "text-sm text-neutral-600 dark:text-neutral-400 text-center py-8", children: labels.noData ?? "No data available" }))] }));
+                                ] }), _jsx(Bar, { dataKey: "revenue", fill: "var(--appkit-color-primary)", radius: [4, 4, 0, 0] })] }) }) })) : (_jsx(Text, { className: "text-sm text-neutral-600 dark:text-neutral-400 text-center py-8", children: labels.noData ?? "No data available" }))] }));
 }

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

@@ -53,6 +53,8 @@ export { SellerReviewsView } from "./SellerReviewsView";
 export type { SellerReviewsViewProps } from "./SellerReviewsView";
 export { SellerPayoutRequestView } from "./SellerPayoutRequestView";
 export type { SellerPayoutRequestViewProps } from "./SellerPayoutRequestView";
+export { SellerFeaturesView } from "./SellerFeaturesView";
+export { SellerFeaturesView as StoreFeaturesView } from "./SellerFeaturesView";
 export * from "./analytics";
 export { StoreSidebar } from "./SellerSidebar";
 export type { StoreNavItem, StoreNavGroup } from "./SellerSidebar";
@@ -86,3 +88,7 @@ export { SellerAddressesView as StoreAddressesView } from "./SellerAddressesView
 export type { SellerAddressesViewProps as StoreAddressesViewProps } from "./SellerAddressesView";
 export { SellerBidsView as StoreBidsView } from "./SellerBidsView";
 export type { SellerBidsViewProps as StoreBidsViewProps } from "./SellerBidsView";
+export { CategoryInlineSelect } from "./CategoryInlineSelect";
+export type { CategoryInlineSelectProps } from "./CategoryInlineSelect";
+export { BrandInlineSelect } from "./BrandInlineSelect";
+export type { BrandInlineSelectProps } from "./BrandInlineSelect";