@mohasinac/appkit 2.7.50 → 2.7.53

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

@@ -18,13 +18,6 @@ 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,34 +1,22 @@
 "use client";
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useCallback, useState } from "react";
-import { Section, StackedViewShell } from "../../../ui";
-import { Alert, Button, FormField, FormGroup, Heading, Stack, Text, Toggle, } from "../../../ui";
+import { StackedViewShell } from "../../../ui";
+import { Alert, FormField, FormGroup, Heading, Stack, Text, Toggle, } from "../../../ui";
 import { ImageUpload, useMediaUpload } from "../../media";
-import { useFormShell } from "../../shell";
+import { StepForm, useFormShell } from "../../shell";
 export function SellerStorefrontView({ initialValues, onSave, isLoading = false, storeSlug = "store", }) {
     const [draft, setDraft] = useState(initialValues ?? {});
     const [saving, setSaving] = useState(false);
     const [saved, setSaved] = useState(false);
-    const { isDirty, markDirty, markClean } = useFormShell();
+    const [currentStep, setCurrentStep] = useState(0);
+    const { markDirty, markClean } = useFormShell();
     const { upload } = useMediaUpload();
     const update = useCallback((partial) => {
         setDraft((prev) => ({ ...prev, ...partial }));
         markDirty();
         setSaved(false);
     }, [markDirty]);
-    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);
@@ -42,17 +30,26 @@ export function SellerStorefrontView({ initialValues, onSave, isLoading = false,
         }
     };
     const busy = saving || isLoading;
+    const steps = [
+        {
+            label: "Store Identity",
+            validate: (values) => !values.storeName?.trim() ? "Store name is required" : null,
+            render: ({ values, onChange }) => (_jsxs(Stack, { gap: "md", children: [_jsx(Heading, { level: 3, className: "mb-2", children: "Store Identity" }), _jsx(FormField, { name: "storeName", label: "Store Name", type: "text", value: values.storeName ?? "", onChange: (v) => onChange({ storeName: v }), placeholder: "e.g. Pok\u00E9mon Palace", disabled: busy }), _jsx(FormField, { name: "storeCategory", label: "Store Category", type: "text", value: values.storeCategory ?? "", onChange: (v) => onChange({ storeCategory: v }), placeholder: "e.g. Trading Cards, Action Figures", disabled: busy }), _jsx(FormField, { name: "bio", label: "Short Bio (shown in search results)", type: "textarea", value: values.bio ?? "", onChange: (v) => onChange({ bio: v }), placeholder: "One-liner about your store (max 300 chars)", disabled: busy }), _jsx(FormField, { name: "storeDescription", label: "Full Description", type: "textarea", value: values.storeDescription ?? "", onChange: (v) => onChange({ storeDescription: v }), placeholder: "Detailed store description shown on your public store page\u2026", disabled: busy })] })),
+        },
+        {
+            label: "Branding",
+            render: ({ values, onChange }) => (_jsxs(Stack, { gap: "md", children: [_jsx(Heading, { level: 3, className: "mb-2", children: "Branding" }), _jsxs(FormGroup, { columns: 2, children: [_jsx(ImageUpload, { label: "Store Logo", currentImage: values.storeLogoURL, onUpload: (file) => upload(file, "stores", true, { type: "store-logo", store: storeSlug }), onChange: (url) => onChange({ storeLogoURL: url }), helperText: "Square image, min 200\u00D7200px" }), _jsx(ImageUpload, { label: "Store Banner", currentImage: values.storeBannerURL, onUpload: (file) => upload(file, "stores", true, { type: "store-banner", store: storeSlug }), onChange: (url) => onChange({ storeBannerURL: url }), helperText: "Recommended: 1200\u00D7300px" })] })] })),
+        },
+        {
+            label: "Policies",
+            render: ({ values, onChange }) => (_jsxs(Stack, { gap: "md", children: [_jsx(Heading, { level: 3, className: "mb-2", children: "Policies" }), _jsx(FormField, { name: "returnPolicy", label: "Return Policy", type: "textarea", value: values.returnPolicy ?? "", onChange: (v) => onChange({ returnPolicy: v }), placeholder: "Describe your return policy\u2026", disabled: busy }), _jsx(FormField, { name: "shippingPolicy", label: "Shipping Policy", type: "textarea", value: values.shippingPolicy ?? "", onChange: (v) => onChange({ shippingPolicy: v }), placeholder: "How and when you ship orders\u2026", disabled: busy })] })),
+        },
+        {
+            label: "Contact & Visibility",
+            render: ({ values, onChange }) => (_jsxs(Stack, { gap: "md", children: [_jsx(Heading, { level: 3, className: "mb-2", children: "Contact & Social" }), _jsxs(FormGroup, { columns: 2, children: [_jsx(FormField, { name: "website", label: "Website", type: "text", value: values.website ?? "", onChange: (v) => onChange({ website: v }), placeholder: "https://example.com", disabled: busy }), _jsx(FormField, { name: "location", label: "Location", type: "text", value: values.location ?? "", onChange: (v) => onChange({ 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: values.socialLinks?.twitter ?? "", onChange: (v) => onChange({ socialLinks: { ...values.socialLinks, twitter: v } }), placeholder: "https://twitter.com/...", disabled: busy }), _jsx(FormField, { name: "instagram", label: "Instagram URL", type: "text", value: values.socialLinks?.instagram ?? "", onChange: (v) => onChange({ socialLinks: { ...values.socialLinks, instagram: v } }), placeholder: "https://instagram.com/...", disabled: busy })] }), _jsxs(FormGroup, { columns: 2, children: [_jsx(FormField, { name: "facebook", label: "Facebook URL", type: "text", value: values.socialLinks?.facebook ?? "", onChange: (v) => onChange({ socialLinks: { ...values.socialLinks, facebook: v } }), placeholder: "https://facebook.com/...", disabled: busy }), _jsx(FormField, { name: "linkedin", label: "LinkedIn URL", type: "text", value: values.socialLinks?.linkedin ?? "", onChange: (v) => onChange({ socialLinks: { ...values.socialLinks, linkedin: v } }), placeholder: "https://linkedin.com/...", disabled: busy })] }), _jsx(Heading, { level: 4, className: "mt-4 mb-2", children: "Visibility" }), _jsx(Toggle, { checked: values.isPublic !== false, onChange: (checked) => onChange({ isPublic: checked }), label: "Make store public \u2014 visible to all buyers", disabled: busy }), values.isPublic === false && (_jsx(Text, { className: "text-sm text-[var(--appkit-color-text-muted)]", children: "Your store is hidden. Existing orders are unaffected." })), _jsx(Heading, { level: 4, className: "mt-4 mb-2", children: "Vacation Mode" }), _jsx(Toggle, { checked: !!values.isVacationMode, onChange: (checked) => onChange({ isVacationMode: checked }), label: "Enable vacation mode \u2014 your store will show a notice to buyers", disabled: busy }), values.isVacationMode && (_jsx(FormField, { name: "vacationMessage", label: "Vacation Message", type: "textarea", value: values.vacationMessage ?? "", onChange: (v) => onChange({ vacationMessage: v }), placeholder: "I'm away until\u2026 Orders placed now will ship when I return.", disabled: busy }))] })),
+        },
+    ];
     return (_jsx(StackedViewShell, { portal: "seller", title: "Storefront Settings", sections: [
-            _jsxs(Stack, { gap: "lg", children: [saved && (_jsx(Alert, { variant: "success", children: "Changes saved successfully." })), _jsxs(Section, { children: [_jsx(Heading, { level: 3, className: "mb-4", children: "Store Profile" }), _jsxs(Stack, { gap: "md", children: [_jsx(FormField, { name: "storeName", label: "Store Name", type: "text", value: draft.storeName ?? "", onChange: (v) => update({ storeName: v }), placeholder: "e.g. Pok\u00E9mon Palace", disabled: busy }), _jsx(FormField, { name: "bio", label: "Short Bio (shown in search results)", type: "textarea", value: draft.bio ?? "", onChange: (v) => update({ bio: v }), placeholder: "One-liner about your store (max 300 chars)", disabled: busy }), _jsxs(FormGroup, { columns: 2, children: [_jsx(ImageUpload, { label: "Store Logo", currentImage: draft.storeLogoURL, onUpload: (file) => {
-                                                    return upload(file, "stores", true, {
-                                                        type: "store-logo",
-                                                        store: storeSlug,
-                                                    });
-                                                }, onChange: (url) => update({ storeLogoURL: url }), helperText: "Square image, min 200\u00D7200px" }), _jsx(ImageUpload, { label: "Store Banner", currentImage: draft.storeBannerURL, onUpload: (file) => {
-                                                    return upload(file, "stores", true, {
-                                                        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(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"),
+            _jsxs("div", { children: [saved && (_jsx(Alert, { variant: "success", className: "mb-6", children: "Changes saved successfully." })), _jsx(StepForm, { steps: steps, values: draft, onChange: update, onComplete: handleSave, formId: "seller-storefront", currentStep: currentStep, onStepChange: setCurrentStep, completeLabel: "Save Changes", isLoading: busy })] }, "stepform"),
         ] }));
 }

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

@@ -0,0 +1,10 @@
+export interface SellerTemplatesViewProps {
+    onDelete?: (id: string) => Promise<void>;
+    onBulkDelete?: (ids: string[]) => Promise<void>;
+    onDuplicate?: (row: {
+        id: string;
+        name: string;
+        raw: Record<string, unknown>;
+    }) => Promise<void>;
+}
+export declare function SellerTemplatesView({ onDelete, onBulkDelete, onDuplicate, }: SellerTemplatesViewProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,265 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useCallback, useMemo } from "react";
+import { Plus } from "lucide-react";
+import { useUrlTable } from "../../../react/hooks/useUrlTable";
+import { useBulkSelection } from "../../../react/hooks/useBulkSelection";
+import { BulkActionBar, Button, ConfirmDeleteModal, DataTable, Div, FilterDrawer, Input, ListingToolbar, Pagination, RowActionMenu, Select, SideDrawer, Stack, Text, } from "../../../ui";
+import { SELLER_ENDPOINTS } from "../../../constants/api-endpoints";
+import { toRecordArray, toStringValue, useSellerListingData, } from "../hooks/useSellerListingData";
+import { TABLE_KEYS } from "../../../constants/table-keys";
+const PAGE_SIZE = 25;
+const DEFAULT_SORT = "name";
+const SORT_OPTIONS = [
+    { value: "name", label: "Name A–Z" },
+    { value: "-name", label: "Name Z–A" },
+    { value: "-createdAt", label: "Newest" },
+];
+const CONDITION_OPTIONS = [
+    { value: "", label: "Any condition" },
+    { value: "new", label: "New" },
+    { value: "like_new", label: "Like New" },
+    { value: "good", label: "Good" },
+    { value: "fair", label: "Fair" },
+    { value: "used", label: "Used" },
+];
+const EMPTY_DRAFT = {
+    name: "",
+    description: "",
+    category: "",
+    brand: "",
+    condition: "",
+};
+const COLUMNS = [
+    {
+        key: "name",
+        header: "Name",
+        render: (row) => _jsx(Text, { className: "text-sm font-medium", children: row.name }),
+    },
+    {
+        key: "category",
+        header: "Category",
+        render: (row) => (_jsx(Text, { className: "text-sm text-[var(--appkit-color-text-muted)]", children: row.category || "—" })),
+    },
+    {
+        key: "brand",
+        header: "Brand",
+        render: (row) => (_jsx(Text, { className: "text-sm text-[var(--appkit-color-text-muted)]", children: row.brand || "—" })),
+    },
+    {
+        key: "condition",
+        header: "Condition",
+        render: (row) => row.condition ? (_jsx("span", { className: "inline-flex items-center rounded-full px-2 py-0.5 text-xs font-medium bg-zinc-100 text-zinc-600 dark:bg-slate-800 dark:text-slate-400 capitalize", children: row.condition.replace(/_/g, " ") })) : (_jsx(Text, { className: "text-sm text-[var(--appkit-color-text-muted)]", children: "\u2014" })),
+    },
+];
+export function SellerTemplatesView({ onDelete, onBulkDelete, onDuplicate, }) {
+    const table = useUrlTable({ defaults: { sort: DEFAULT_SORT } });
+    const [searchInput, setSearchInput] = useState(table.get(TABLE_KEYS.QUERY) || "");
+    const [filterOpen, setFilterOpen] = useState(false);
+    const [pendingCondition, setPendingCondition] = useState(table.get(TABLE_KEYS.CONDITION) || "");
+    // Drawer state
+    const [drawerOpen, setDrawerOpen] = useState(false);
+    const [drawerMode, setDrawerMode] = useState("create");
+    const [editingId, setEditingId] = useState(null);
+    const [draft, setDraft] = useState(EMPTY_DRAFT);
+    const [saving, setSaving] = useState(false);
+    const [savingError, setSavingError] = useState(null);
+    // Delete state
+    const [deleteTargetId, setDeleteTargetId] = useState(null);
+    const [deletingId, setDeletingId] = useState(null);
+    const [duplicatingId, setDuplicatingId] = useState(null);
+    const commitSearch = useCallback(() => {
+        table.set(TABLE_KEYS.QUERY, searchInput.trim());
+    }, [searchInput, table]);
+    const openFilters = useCallback(() => {
+        setPendingCondition(table.get(TABLE_KEYS.CONDITION) || "");
+        setFilterOpen(true);
+    }, [table]);
+    const applyFilters = useCallback(() => {
+        table.setMany({ [TABLE_KEYS.CONDITION]: pendingCondition });
+        setFilterOpen(false);
+    }, [pendingCondition, table]);
+    const resetAll = useCallback(() => {
+        table.setMany({ [TABLE_KEYS.QUERY]: "", [TABLE_KEYS.SORT]: "", [TABLE_KEYS.CONDITION]: "" });
+        setSearchInput("");
+    }, [table]);
+    const q = table.get(TABLE_KEYS.QUERY) || "";
+    const conditionFilter = table.get(TABLE_KEYS.CONDITION) || "";
+    const sort = table.get(TABLE_KEYS.SORT) || DEFAULT_SORT;
+    const currentPage = table.getNumber(TABLE_KEYS.PAGE, 1);
+    const hasActiveState = !!q || sort !== DEFAULT_SORT || !!conditionFilter;
+    const filterActiveCount = conditionFilter ? 1 : 0;
+    // Fetch all templates (server doesn't paginate this endpoint)
+    const { rows: allRows, isLoading, errorMessage, refetch } = useSellerListingData({
+        queryKey: ["seller", "templates"],
+        endpoint: SELLER_ENDPOINTS.TEMPLATES,
+        page: 1,
+        pageSize: 1000,
+        mapRows: (response) => toRecordArray(response.templates).map((item, index) => ({
+            id: toStringValue(item.id, `tpl-${index}`),
+            raw: item,
+            name: String(item.name ?? ""),
+            category: String(item.category ?? ""),
+            brand: String(item.brand ?? ""),
+            condition: String(item.condition ?? ""),
+        })),
+    });
+    // Client-side filter + sort
+    const filteredRows = useMemo(() => {
+        let result = allRows;
+        if (q)
+            result = result.filter((r) => r.name.toLowerCase().includes(q.toLowerCase()));
+        if (conditionFilter)
+            result = result.filter((r) => r.condition === conditionFilter);
+        return [...result].sort((a, b) => sort === "-name" ? b.name.localeCompare(a.name) : a.name.localeCompare(b.name));
+    }, [allRows, q, conditionFilter, sort]);
+    const totalPages = Math.max(1, Math.ceil(filteredRows.length / PAGE_SIZE));
+    const safePage = Math.min(Math.max(1, currentPage), totalPages);
+    const pageRows = filteredRows.slice((safePage - 1) * PAGE_SIZE, safePage * PAGE_SIZE);
+    const selection = useBulkSelection({ items: filteredRows, keyExtractor: (r) => r.id });
+    // Drawer helpers
+    const openCreate = useCallback(() => {
+        setDraft(EMPTY_DRAFT);
+        setEditingId(null);
+        setDrawerMode("create");
+        setSavingError(null);
+        setDrawerOpen(true);
+    }, []);
+    const openEdit = useCallback((row) => {
+        setDraft({
+            name: row.name,
+            description: String(row.raw.description ?? ""),
+            category: row.category,
+            brand: row.brand,
+            condition: row.condition,
+        });
+        setEditingId(row.id);
+        setDrawerMode("edit");
+        setSavingError(null);
+        setDrawerOpen(true);
+    }, []);
+    const closeDrawer = useCallback(() => {
+        setDrawerOpen(false);
+        setEditingId(null);
+        setSavingError(null);
+    }, []);
+    const handleSave = useCallback(async () => {
+        if (!draft.name.trim()) {
+            setSavingError("Template name is required.");
+            return;
+        }
+        setSaving(true);
+        setSavingError(null);
+        try {
+            const body = {
+                name: draft.name.trim(),
+                description: draft.description.trim() || undefined,
+                category: draft.category.trim() || undefined,
+                brand: draft.brand.trim() || undefined,
+                condition: draft.condition || undefined,
+            };
+            const url = drawerMode === "edit" && editingId
+                ? SELLER_ENDPOINTS.TEMPLATE_BY_ID(editingId)
+                : SELLER_ENDPOINTS.TEMPLATES;
+            const method = drawerMode === "edit" ? "PUT" : "POST";
+            await fetch(url, {
+                method,
+                headers: { "Content-Type": "application/json" },
+                credentials: "include",
+                body: JSON.stringify(body),
+            });
+            closeDrawer();
+            refetch?.();
+        }
+        catch {
+            setSavingError("Failed to save template. Please try again.");
+        }
+        finally {
+            setSaving(false);
+        }
+    }, [draft, drawerMode, editingId, closeDrawer, refetch]);
+    const handleDelete = useCallback(async (id) => {
+        setDeletingId(id);
+        try {
+            if (onDelete) {
+                await onDelete(id);
+            }
+            else {
+                await fetch(SELLER_ENDPOINTS.TEMPLATE_BY_ID(id), {
+                    method: "DELETE",
+                    credentials: "include",
+                });
+            }
+            refetch?.();
+        }
+        finally {
+            setDeletingId(null);
+            setDeleteTargetId(null);
+        }
+    }, [onDelete, refetch]);
+    const handleDuplicate = useCallback(async (row) => {
+        setDuplicatingId(row.id);
+        try {
+            if (onDuplicate) {
+                await onDuplicate(row);
+            }
+            else {
+                await fetch(SELLER_ENDPOINTS.TEMPLATES, {
+                    method: "POST",
+                    headers: { "Content-Type": "application/json" },
+                    credentials: "include",
+                    body: JSON.stringify({
+                        name: `Copy of ${row.name}`,
+                        description: String(row.raw.description ?? "") || undefined,
+                        category: row.category || undefined,
+                        brand: row.brand || undefined,
+                        condition: row.condition || undefined,
+                    }),
+                });
+            }
+            refetch?.();
+        }
+        finally {
+            setDuplicatingId(null);
+        }
+    }, [onDuplicate, refetch]);
+    const bulkActions = [
+        {
+            id: "bulk-delete",
+            label: "Delete selected",
+            variant: "danger",
+            onClick: async () => {
+                if (onBulkDelete) {
+                    await onBulkDelete(selection.selectedIds);
+                }
+                else {
+                    await Promise.all(selection.selectedIds.map((id) => fetch(SELLER_ENDPOINTS.TEMPLATE_BY_ID(id), {
+                        method: "DELETE",
+                        credentials: "include",
+                    })));
+                }
+                selection.clearSelection();
+                refetch?.();
+            },
+        },
+    ];
+    return (_jsxs("div", { className: "min-h-screen", children: [_jsx(ListingToolbar, { filterCount: filterActiveCount, onFiltersClick: openFilters, searchValue: searchInput, searchPlaceholder: "Search templates by name...", onSearchChange: setSearchInput, onSearchCommit: commitSearch, sortValue: sort, sortOptions: SORT_OPTIONS, onSortChange: (v) => { table.set(TABLE_KEYS.SORT, v); }, showTableView: true, view: "table", onViewChange: () => { }, onResetAll: resetAll, hasActiveState: hasActiveState, extra: _jsxs(Button, { size: "sm", onClick: openCreate, className: "flex items-center gap-1.5", children: [_jsx(Plus, { className: "h-4 w-4" }), _jsx("span", { children: "New Template" })] }) }), totalPages > 1 && (_jsx("div", { className: "sticky top-[calc(var(--header-height,0px)+44px)] z-10 flex justify-center bg-white/95 dark:bg-slate-900/95 backdrop-blur-sm border-b border-zinc-200 dark:border-slate-700 px-3 py-1.5", children: _jsx(Pagination, { currentPage: safePage, totalPages: totalPages, onPageChange: (p) => table.setPage(p) }) })), selection.selectedCount > 0 && (_jsx(BulkActionBar, { selectedCount: selection.selectedCount, actions: bulkActions, onClearSelection: selection.clearSelection })), _jsxs("div", { className: "py-4 px-3 sm:px-4", children: [errorMessage && (_jsx(Div, { className: "mb-4 rounded-xl border border-red-200 bg-red-50 dark:bg-red-950/40 dark:border-red-900/60 px-4 py-3 text-sm text-red-700 dark:text-red-200", children: errorMessage })), isLoading ? (_jsx(Div, { className: "space-y-2", children: Array.from({ length: 5 }).map((_, i) => (_jsx(Div, { className: "h-14 animate-pulse rounded-xl border border-zinc-100 dark:border-slate-700 bg-zinc-50 dark:bg-slate-800" }, i))) })) : pageRows.length === 0 ? (_jsx(Div, { className: "py-16 text-center", children: _jsx(Text, { className: "text-zinc-400 dark:text-zinc-500", children: q || conditionFilter
+                                ? "No templates match your search or filters"
+                                : "No templates yet — add your first product template" }) })) : (_jsx(DataTable, { columns: COLUMNS, data: pageRows, keyExtractor: (r) => r.id, selectable: bulkActions.length > 0, selectedIds: selection.selectedIds, onSelectionChange: (ids) => selection.setSelectedIds(ids), actions: (row) => (_jsx(RowActionMenu, { actions: [
+                                {
+                                    label: "Edit",
+                                    onClick: () => openEdit(row),
+                                },
+                                {
+                                    label: "Clone",
+                                    disabled: duplicatingId === row.id,
+                                    onClick: () => handleDuplicate(row),
+                                },
+                                {
+                                    label: "Delete",
+                                    destructive: true,
+                                    onClick: () => setDeleteTargetId(row.id),
+                                    disabled: deletingId === row.id,
+                                },
+                            ] })) }))] }), _jsx(FilterDrawer, { open: filterOpen, onOpen: openFilters, onClose: () => setFilterOpen(false), onApply: applyFilters, onReset: () => setPendingCondition(""), activeCount: filterActiveCount, hideTrigger: true, children: _jsx(Div, { className: "space-y-4 p-4", children: _jsxs(Div, { children: [_jsx("label", { className: "mb-1.5 block text-sm font-medium text-zinc-700 dark:text-zinc-300", children: "Condition" }), _jsx(Select, { value: pendingCondition, onValueChange: setPendingCondition, options: CONDITION_OPTIONS })] }) }) }), _jsx(SideDrawer, { isOpen: drawerOpen, onClose: closeDrawer, title: drawerMode === "create" ? "New Template" : "Edit Template", mode: drawerMode, isDirty: draft.name !== "" || draft.category !== "" || draft.brand !== "", footer: _jsxs("div", { className: "flex items-center justify-end gap-2", children: [_jsx(Button, { size: "sm", variant: "ghost", onClick: closeDrawer, disabled: saving, children: "Cancel" }), _jsx(Button, { size: "sm", isLoading: saving, onClick: handleSave, children: drawerMode === "create" ? "Create Template" : "Save Changes" })] }), children: _jsxs(Stack, { gap: "md", children: [savingError && (_jsx(Div, { className: "rounded-lg border border-red-200 bg-red-50 dark:bg-red-950/40 dark:border-red-900/60 px-3 py-2 text-sm text-red-700 dark:text-red-200", children: savingError })), _jsx(Input, { id: "tpl-name", label: "Template Name", value: draft.name, onChange: (e) => setDraft((d) => ({ ...d, name: e.target.value })), placeholder: "e.g. Pok\u00E9mon Card Standard", required: true, autoComplete: "off" }), _jsx(Input, { id: "tpl-description", label: "Description (optional)", value: draft.description, onChange: (e) => setDraft((d) => ({ ...d, description: e.target.value })), placeholder: "Short note about when to use this template", autoComplete: "off" }), _jsx(Input, { id: "tpl-category", label: "Category (optional)", value: draft.category, onChange: (e) => setDraft((d) => ({ ...d, category: e.target.value })), placeholder: "e.g. trading-cards", autoComplete: "off" }), _jsx(Input, { id: "tpl-brand", label: "Brand (optional)", value: draft.brand, onChange: (e) => setDraft((d) => ({ ...d, brand: e.target.value })), placeholder: "e.g. Pok\u00E9mon Company", autoComplete: "off" }), _jsx(Select, { label: "Condition (optional)", name: "tpl-condition", value: draft.condition, onValueChange: (v) => setDraft((d) => ({ ...d, condition: v })), options: CONDITION_OPTIONS })] }) }), deleteTargetId && (_jsx(ConfirmDeleteModal, { isOpen: true, title: "Delete Template", message: "Are you sure you want to delete this template? This cannot be undone.", onConfirm: () => handleDelete(deleteTargetId), onClose: () => setDeleteTargetId(null), isDeleting: deletingId === deleteTargetId }))] }));
+}

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

@@ -97,3 +97,29 @@ export { CategoryInlineSelect } from "./CategoryInlineSelect";
 export type { CategoryInlineSelectProps } from "./CategoryInlineSelect";
 export { BrandInlineSelect } from "./BrandInlineSelect";
 export type { BrandInlineSelectProps } from "./BrandInlineSelect";
+export { SellerGroupedListingsView } from "./SellerGroupedListingsView";
+export type { SellerGroupedListingsViewProps } from "./SellerGroupedListingsView";
+export { SellerGroupedListingsView as StoreGroupedListingsView } from "./SellerGroupedListingsView";
+export type { SellerGroupedListingsViewProps as StoreGroupedListingsViewProps } from "./SellerGroupedListingsView";
+export { SellerAnalyticsAlertsView } from "./SellerAnalyticsAlertsView";
+export type { SellerAnalyticsAlertsViewProps } from "./SellerAnalyticsAlertsView";
+export { SellerAnalyticsAlertsView as StoreAnalyticsAlertsView } from "./SellerAnalyticsAlertsView";
+export type { SellerAnalyticsAlertsViewProps as StoreAnalyticsAlertsViewProps } from "./SellerAnalyticsAlertsView";
+export { SellerStoreCategoriesView } from "./SellerStoreCategoriesView";
+export type { SellerStoreCategoriesViewProps } from "./SellerStoreCategoriesView";
+export { SellerTemplatesView } from "./SellerTemplatesView";
+export type { SellerTemplatesViewProps } from "./SellerTemplatesView";
+export { SellerPayoutMethodsView } from "./SellerPayoutMethodsView";
+export type { SellerPayoutMethodsViewProps } from "./SellerPayoutMethodsView";
+export { SellerShippingConfigsView } from "./SellerShippingConfigsView";
+export type { SellerShippingConfigsViewProps } from "./SellerShippingConfigsView";
+export { SellerGoogleReviewsView } from "./SellerGoogleReviewsView";
+export type { SellerGoogleReviewsViewProps } from "./SellerGoogleReviewsView";
+export { SellerBundlesView } from "./SellerBundlesView";
+export type { SellerBundlesViewProps } from "./SellerBundlesView";
+export { SellerClassifiedView } from "./SellerClassifiedView";
+export type { SellerClassifiedViewProps } from "./SellerClassifiedView";
+export { SellerDigitalCodesView } from "./SellerDigitalCodesView";
+export type { SellerDigitalCodesViewProps } from "./SellerDigitalCodesView";
+export { SellerLiveView } from "./SellerLiveView";
+export type { SellerLiveViewProps } from "./SellerLiveView";

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

@@ -52,3 +52,16 @@ export { SellerAddressesView as StoreAddressesView } from "./SellerAddressesView
 export { SellerBidsView as StoreBidsView } from "./SellerBidsView";
 export { CategoryInlineSelect } from "./CategoryInlineSelect";
 export { BrandInlineSelect } from "./BrandInlineSelect";
+export { SellerGroupedListingsView } from "./SellerGroupedListingsView";
+export { SellerGroupedListingsView as StoreGroupedListingsView } from "./SellerGroupedListingsView";
+export { SellerAnalyticsAlertsView } from "./SellerAnalyticsAlertsView";
+export { SellerAnalyticsAlertsView as StoreAnalyticsAlertsView } from "./SellerAnalyticsAlertsView";
+export { SellerStoreCategoriesView } from "./SellerStoreCategoriesView";
+export { SellerTemplatesView } from "./SellerTemplatesView";
+export { SellerPayoutMethodsView } from "./SellerPayoutMethodsView";
+export { SellerShippingConfigsView } from "./SellerShippingConfigsView";
+export { SellerGoogleReviewsView } from "./SellerGoogleReviewsView";
+export { SellerBundlesView } from "./SellerBundlesView";
+export { SellerClassifiedView } from "./SellerClassifiedView";
+export { SellerDigitalCodesView } from "./SellerDigitalCodesView";
+export { SellerLiveView } from "./SellerLiveView";

package/dist/features/stores/api/[storeSlug]/reviews/route.js

@@ -24,6 +24,11 @@ export async function GET(request, context) {
         const ratingFilter = ratingParam ? Number(ratingParam) : 0;
         const page = Math.max(1, Number(url.searchParams.get("page") || "1"));
         const pageSize = Math.min(50, Math.max(1, Number(url.searchParams.get("pageSize") || "12")));
+        const sort = url.searchParams.get("sort") || url.searchParams.get("sorts") || "-createdAt";
+        const q = (url.searchParams.get("q") || "").trim().toLowerCase();
+        const dateFrom = url.searchParams.get("dateFrom") || "";
+        const dateTo = url.searchParams.get("dateTo") || "";
+        const hasImages = url.searchParams.get("hasImages") === "true";
         const { db } = getProviders();
         if (!db) {
             return NextResponse.json({ success: false, error: "Database provider not registered" }, { status: 503 });
@@ -69,15 +74,52 @@ export async function GET(request, context) {
             }
         }
         const averageRating = totalReviews > 0 ? ratingSum / totalReviews : 0;
-        // Flatten and sort all reviews by date desc
+        // Flatten all reviews
         const productMap = new Map(products.map((p) => [p.id, p]));
-        const allSorted = reviewArrays
-            .flat()
-            .sort((a, b) => new Date(b.createdAt ?? 0).getTime() - new Date(a.createdAt ?? 0).getTime());
+        const allFlat = reviewArrays.flat();
+        // Apply sort
+        const sorted = [...allFlat].sort((a, b) => {
+            if (sort === "createdAt" || sort === "+createdAt") {
+                return new Date(a.createdAt ?? 0).getTime() - new Date(b.createdAt ?? 0).getTime();
+            }
+            if (sort === "-rating" || sort === "rating") {
+                return (b.rating ?? 0) - (a.rating ?? 0);
+            }
+            if (sort === "rating,asc" || sort === "+rating" || sort === "ratingAsc") {
+                return (a.rating ?? 0) - (b.rating ?? 0);
+            }
+            // Default: newest first
+            return new Date(b.createdAt ?? 0).getTime() - new Date(a.createdAt ?? 0).getTime();
+        });
         // Apply rating filter
-        const filtered = ratingFilter > 0
-            ? allSorted.filter((r) => Math.round(r.rating) === ratingFilter)
-            : allSorted;
+        let filtered = ratingFilter > 0
+            ? sorted.filter((r) => Math.round(r.rating) === ratingFilter)
+            : sorted;
+        // Apply search
+        if (q) {
+            filtered = filtered.filter((r) => {
+                const title = (r.title ?? "").toLowerCase();
+                const body = (r.body ?? "").toLowerCase();
+                const pt = (r.productTitle ?? "").toLowerCase();
+                return title.includes(q) || body.includes(q) || pt.includes(q);
+            });
+        }
+        // Apply date range
+        if (dateFrom) {
+            const from = new Date(dateFrom).getTime();
+            filtered = filtered.filter((r) => new Date(r.createdAt ?? 0).getTime() >= from);
+        }
+        if (dateTo) {
+            const to = new Date(dateTo).getTime() + 86400000; // inclusive end of day
+            filtered = filtered.filter((r) => new Date(r.createdAt ?? 0).getTime() <= to);
+        }
+        // Apply hasImages filter
+        if (hasImages) {
+            filtered = filtered.filter((r) => {
+                const imgs = r.images;
+                return Array.isArray(imgs) && imgs.length > 0;
+            });
+        }
         const totalFiltered = filtered.length;
         const totalPages = Math.max(1, Math.ceil(totalFiltered / pageSize));
         const pageSlice = filtered.slice((page - 1) * pageSize, page * pageSize);

package/dist/features/stores/components/StoreCapabilitiesGuideView.d.ts

@@ -0,0 +1,3 @@
+export interface StoreCapabilitiesGuideViewProps {
+}
+export declare function StoreCapabilitiesGuideView(_props: StoreCapabilitiesGuideViewProps): import("react/jsx-runtime").JSX.Element;