@mohasinac/appkit 2.7.50 → 2.7.53

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

@@ -0,0 +1,104 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useCallback } from "react";
+import { Plus } from "lucide-react";
+import { useUrlTable } from "../../../react/hooks/useUrlTable";
+import { useBulkSelection } from "../../../react/hooks/useBulkSelection";
+import { BulkActionBar, Button, DataTable, Div, ListingToolbar, Pagination, Text, } from "../../../ui";
+import { SELLER_ENDPOINTS } from "../../../constants/api-endpoints";
+import { ROUTES } from "../../..";
+import { toRecordArray, toRelativeDate, toRupees, toStringValue, useSellerListingData, } from "../hooks/useSellerListingData";
+import { TABLE_KEYS } from "../../../constants/table-keys";
+const PAGE_SIZE = 25;
+const DEFAULT_SORT = "-createdAt";
+const SORT_OPTIONS = [
+    { value: "-createdAt", label: "Newest" },
+    { value: "createdAt", label: "Oldest" },
+    { value: "productTitle", label: "Name A–Z" },
+    { value: "-productTitle", label: "Name Z–A" },
+    { value: "price", label: "Price: Low–High" },
+    { value: "-price", label: "Price: High–Low" },
+];
+const COLUMNS = [
+    {
+        key: "title",
+        header: "Bundle",
+        render: (row) => _jsx(Text, { className: "text-sm font-medium", children: row.title }),
+    },
+    {
+        key: "price",
+        header: "Price",
+        render: (row) => _jsx(Text, { className: "text-sm tabular-nums", children: row.price }),
+    },
+    {
+        key: "itemCount",
+        header: "Items",
+        render: (row) => (_jsx("span", { className: "inline-flex items-center rounded-full px-2 py-0.5 text-xs font-medium bg-violet-100 text-violet-700 dark:bg-violet-900/40 dark:text-violet-300 tabular-nums", children: row.itemCount })),
+    },
+    {
+        key: "status",
+        header: "Status",
+        render: (row) => (_jsx("span", { className: `inline-flex items-center rounded-full px-2 py-0.5 text-xs font-medium capitalize ${row.status === "active"
+                ? "bg-emerald-100 text-emerald-700 dark:bg-emerald-900/40 dark:text-emerald-300"
+                : "bg-zinc-100 text-zinc-600 dark:bg-slate-800 dark:text-slate-400"}`, children: row.status })),
+    },
+    {
+        key: "createdAt",
+        header: "Created",
+        render: (row) => _jsx(Text, { className: "text-sm text-[var(--appkit-color-text-muted)]", children: row.createdAt }),
+    },
+];
+export function SellerBundlesView({ onCreateClick, onBulkDelete, }) {
+    const table = useUrlTable({ defaults: { pageSize: String(PAGE_SIZE), sort: DEFAULT_SORT } });
+    const [searchInput, setSearchInput] = useState(table.get(TABLE_KEYS.QUERY) || "");
+    const [view] = useState("table");
+    const commitSearch = useCallback(() => {
+        table.set(TABLE_KEYS.QUERY, searchInput.trim());
+    }, [searchInput, table]);
+    const resetAll = useCallback(() => {
+        table.setMany({ [TABLE_KEYS.QUERY]: "", [TABLE_KEYS.SORT]: "" });
+        setSearchInput("");
+    }, [table]);
+    const hasActiveState = !!table.get(TABLE_KEYS.QUERY) || table.get(TABLE_KEYS.SORT) !== DEFAULT_SORT;
+    const { rows, total, isLoading, errorMessage } = useSellerListingData({
+        queryKey: ["seller", "bundles"],
+        endpoint: SELLER_ENDPOINTS.PRODUCTS,
+        page: table.getNumber(TABLE_KEYS.PAGE, 1),
+        pageSize: PAGE_SIZE,
+        sorts: table.get(TABLE_KEYS.SORT) || DEFAULT_SORT,
+        filters: "listingType==bundle",
+        q: table.get(TABLE_KEYS.QUERY) || undefined,
+        mapRows: (response) => toRecordArray(response.products).map((item, index) => ({
+            id: toStringValue(item.id, `bundle-${index}`),
+            raw: item,
+            title: toStringValue(item.productTitle ?? item.title, "Untitled bundle"),
+            price: toRupees(item.price),
+            itemCount: Array.isArray(item.bundleProductIds)
+                ? item.bundleProductIds.length
+                : Number(item.bundleItemCount ?? 0),
+            status: toStringValue(item.status, "draft"),
+            createdAt: toRelativeDate(item.createdAt),
+        })),
+        getTotal: (response, mappedRows) => typeof response.meta?.total === "number" ? response.meta.total : mappedRows.length,
+    });
+    const currentPage = table.getNumber(TABLE_KEYS.PAGE, 1);
+    const totalPages = Math.ceil(total / PAGE_SIZE);
+    const selection = useBulkSelection({ items: rows, keyExtractor: (r) => r.id });
+    const bulkActions = onBulkDelete
+        ? [{
+                id: "bulk-delete",
+                label: "Delete selected",
+                variant: "danger",
+                onClick: async () => { await onBulkDelete(selection.selectedIds); selection.clearSelection(); },
+            }]
+        : [];
+    const handleCreate = useCallback(() => {
+        if (onCreateClick) {
+            onCreateClick();
+        }
+        else {
+            window.location.href = String(ROUTES.STORE.PRODUCTS_NEW);
+        }
+    }, [onCreateClick]);
+    return (_jsxs("div", { className: "min-h-screen", children: [_jsx(ListingToolbar, { filterCount: 0, searchValue: searchInput, searchPlaceholder: "Search bundles...", onSearchChange: setSearchInput, onSearchCommit: commitSearch, sortValue: table.get(TABLE_KEYS.SORT) || DEFAULT_SORT, sortOptions: SORT_OPTIONS, onSortChange: (v) => { table.set(TABLE_KEYS.SORT, v); }, showTableView: true, view: view, onViewChange: () => { }, onResetAll: resetAll, hasActiveState: hasActiveState, extra: _jsxs(Button, { size: "sm", onClick: handleCreate, className: "flex items-center gap-1.5", children: [_jsx(Plus, { className: "h-4 w-4" }), _jsx("span", { children: "New Bundle" })] }) }), 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: currentPage, totalPages: totalPages, onPageChange: (p) => table.setPage(p) }) })), selection.selectedCount > 0 && bulkActions.length > 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))) })) : rows.length === 0 ? (_jsx(Div, { className: "py-16 text-center", children: _jsx(Text, { className: "text-zinc-400 dark:text-zinc-500", children: "No bundles yet \u2014 create a bundle to group multiple products together" }) })) : (_jsx(DataTable, { columns: COLUMNS, data: rows, keyExtractor: (r) => r.id, selectable: bulkActions.length > 0, selectedIds: selection.selectedIds, onSelectionChange: (ids) => selection.setSelectedIds(ids) }))] })] }));
+}

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

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

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

@@ -0,0 +1,113 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useCallback } from "react";
+import { Plus } from "lucide-react";
+import { useUrlTable } from "../../../react/hooks/useUrlTable";
+import { useBulkSelection } from "../../../react/hooks/useBulkSelection";
+import { BulkActionBar, Button, DataTable, Div, ListingToolbar, Pagination, Text, } from "../../../ui";
+import { SELLER_ENDPOINTS } from "../../../constants/api-endpoints";
+import { ROUTES } from "../../..";
+import { toRecordArray, toRelativeDate, toRupees, toStringValue, useSellerListingData, } from "../hooks/useSellerListingData";
+import { TABLE_KEYS } from "../../../constants/table-keys";
+const PAGE_SIZE = 25;
+const DEFAULT_SORT = "-createdAt";
+const SORT_OPTIONS = [
+    { value: "-createdAt", label: "Newest" },
+    { value: "createdAt", label: "Oldest" },
+    { value: "productTitle", label: "Name A–Z" },
+    { value: "price", label: "Price: Low–High" },
+    { value: "-price", label: "Price: High–Low" },
+];
+const COLUMNS = [
+    {
+        key: "title",
+        header: "Listing",
+        render: (row) => _jsx(Text, { className: "text-sm font-medium", children: row.title }),
+    },
+    {
+        key: "price",
+        header: "Price",
+        render: (row) => _jsx(Text, { className: "text-sm tabular-nums", children: row.price }),
+    },
+    {
+        key: "city",
+        header: "Location",
+        render: (row) => (_jsx(Text, { className: "text-sm text-[var(--appkit-color-text-muted)]", children: row.city || "—" })),
+    },
+    {
+        key: "acceptsShipping",
+        header: "Shipping",
+        render: (row) => (_jsx("span", { className: `inline-flex items-center rounded-full px-2 py-0.5 text-xs font-medium ${row.acceptsShipping
+                ? "bg-emerald-100 text-emerald-700 dark:bg-emerald-900/40 dark:text-emerald-300"
+                : "bg-zinc-100 text-zinc-600 dark:bg-slate-800 dark:text-slate-400"}`, children: row.acceptsShipping ? "Ships" : "Meetup only" })),
+    },
+    {
+        key: "status",
+        header: "Status",
+        render: (row) => (_jsx("span", { className: `inline-flex items-center rounded-full px-2 py-0.5 text-xs font-medium capitalize ${row.status === "active"
+                ? "bg-emerald-100 text-emerald-700 dark:bg-emerald-900/40 dark:text-emerald-300"
+                : "bg-zinc-100 text-zinc-600 dark:bg-slate-800 dark:text-slate-400"}`, children: row.status })),
+    },
+    {
+        key: "createdAt",
+        header: "Created",
+        render: (row) => _jsx(Text, { className: "text-sm text-[var(--appkit-color-text-muted)]", children: row.createdAt }),
+    },
+];
+export function SellerClassifiedView({ onCreateClick, onBulkDelete, }) {
+    const table = useUrlTable({ defaults: { pageSize: String(PAGE_SIZE), sort: DEFAULT_SORT } });
+    const [searchInput, setSearchInput] = useState(table.get(TABLE_KEYS.QUERY) || "");
+    const [view] = useState("table");
+    const commitSearch = useCallback(() => {
+        table.set(TABLE_KEYS.QUERY, searchInput.trim());
+    }, [searchInput, table]);
+    const resetAll = useCallback(() => {
+        table.setMany({ [TABLE_KEYS.QUERY]: "", [TABLE_KEYS.SORT]: "" });
+        setSearchInput("");
+    }, [table]);
+    const hasActiveState = !!table.get(TABLE_KEYS.QUERY) || table.get(TABLE_KEYS.SORT) !== DEFAULT_SORT;
+    const { rows, total, isLoading, errorMessage } = useSellerListingData({
+        queryKey: ["seller", "classified"],
+        endpoint: SELLER_ENDPOINTS.PRODUCTS,
+        page: table.getNumber(TABLE_KEYS.PAGE, 1),
+        pageSize: PAGE_SIZE,
+        sorts: table.get(TABLE_KEYS.SORT) || DEFAULT_SORT,
+        filters: "listingType==classified",
+        q: table.get(TABLE_KEYS.QUERY) || undefined,
+        mapRows: (response) => toRecordArray(response.products).map((item, index) => {
+            const classified = (item.classified ?? {});
+            const meetupArea = (classified.meetupArea ?? {});
+            return {
+                id: toStringValue(item.id, `classified-${index}`),
+                raw: item,
+                title: toStringValue(item.productTitle ?? item.title, "Untitled"),
+                price: toRupees(item.price),
+                city: toStringValue(meetupArea.city ?? classified.city, ""),
+                acceptsShipping: Boolean(classified.acceptsShipping),
+                status: toStringValue(item.status, "draft"),
+                createdAt: toRelativeDate(item.createdAt),
+            };
+        }),
+        getTotal: (response, mappedRows) => typeof response.meta?.total === "number" ? response.meta.total : mappedRows.length,
+    });
+    const currentPage = table.getNumber(TABLE_KEYS.PAGE, 1);
+    const totalPages = Math.ceil(total / PAGE_SIZE);
+    const selection = useBulkSelection({ items: rows, keyExtractor: (r) => r.id });
+    const bulkActions = onBulkDelete
+        ? [{
+                id: "bulk-delete",
+                label: "Delete selected",
+                variant: "danger",
+                onClick: async () => { await onBulkDelete(selection.selectedIds); selection.clearSelection(); },
+            }]
+        : [];
+    const handleCreate = useCallback(() => {
+        if (onCreateClick) {
+            onCreateClick();
+        }
+        else {
+            window.location.href = String(ROUTES.STORE.CLASSIFIED_NEW);
+        }
+    }, [onCreateClick]);
+    return (_jsxs("div", { className: "min-h-screen", children: [_jsx(ListingToolbar, { filterCount: 0, searchValue: searchInput, searchPlaceholder: "Search classified listings...", onSearchChange: setSearchInput, onSearchCommit: commitSearch, sortValue: table.get(TABLE_KEYS.SORT) || DEFAULT_SORT, sortOptions: SORT_OPTIONS, onSortChange: (v) => { table.set(TABLE_KEYS.SORT, v); }, showTableView: true, view: view, onViewChange: () => { }, onResetAll: resetAll, hasActiveState: hasActiveState, extra: _jsxs(Button, { size: "sm", onClick: handleCreate, className: "flex items-center gap-1.5", children: [_jsx(Plus, { className: "h-4 w-4" }), _jsx("span", { children: "New Classified" })] }) }), 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: currentPage, totalPages: totalPages, onPageChange: (p) => table.setPage(p) }) })), selection.selectedCount > 0 && bulkActions.length > 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))) })) : rows.length === 0 ? (_jsx(Div, { className: "py-16 text-center", children: _jsx(Text, { className: "text-zinc-400 dark:text-zinc-500", children: "No classified listings yet \u2014 post your first buy/sell/trade ad" }) })) : (_jsx(DataTable, { columns: COLUMNS, data: rows, keyExtractor: (r) => r.id, selectable: bulkActions.length > 0, selectedIds: selection.selectedIds, onSelectionChange: (ids) => selection.setSelectedIds(ids) }))] })] }));
+}

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

@@ -1,11 +1,23 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { StackedViewShell } from "../../../ui";
+"use client";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { StackedViewShell, Div, Text } from "../../../ui";
+function DefaultStatsPlaceholder({ isLoading }) {
+    return (_jsx("div", { className: "grid grid-cols-2 gap-4 sm:grid-cols-4", children: [1, 2, 3, 4].map((i) => (_jsx(Div, { className: "rounded-xl border border-[var(--appkit-color-border)] bg-[var(--appkit-color-surface)] p-5", children: isLoading ? (_jsxs(_Fragment, { children: [_jsx("div", { className: "h-3 w-16 animate-pulse rounded bg-[var(--appkit-color-border)]" }), _jsx("div", { className: "mt-3 h-6 w-20 animate-pulse rounded bg-[var(--appkit-color-border)]" })] })) : (_jsxs(_Fragment, { children: [_jsxs(Text, { size: "xs", variant: "secondary", className: "uppercase tracking-widest font-semibold", children: ["Stat ", i] }), _jsx(Text, { size: "xl", className: "mt-2 font-bold tabular-nums", children: "\u2014" })] })) }, i))) }));
+}
+function DefaultQuickActionsPlaceholder() {
+    return (_jsx("div", { className: "grid grid-cols-2 gap-3 sm:grid-cols-4", children: [1, 2, 3, 4].map((i) => (_jsx(Div, { className: "h-12 animate-pulse rounded-xl border border-[var(--appkit-color-border)] bg-[var(--appkit-color-border)]" }, i))) }));
+}
 export function SellerDashboardView({ labels = {}, renderStats, renderQuickActions, renderRecentListings, renderRevenueChart, renderTopProducts, isLoading = false, ...rest }) {
+    const stats = (renderStats ?? ((busy) => _jsx(DefaultStatsPlaceholder, { isLoading: busy })))(isLoading);
+    const quickActions = (renderQuickActions ?? (() => _jsx(DefaultQuickActionsPlaceholder, {})))();
+    const revenueChart = (renderRevenueChart ?? (() => null))();
+    const topProducts = (renderTopProducts ?? (() => null))();
+    const recentListings = (renderRecentListings ?? (() => null))();
     return (_jsx(StackedViewShell, { portal: "seller", ...rest, title: labels.title, sections: [
-            renderStats?.(isLoading),
-            renderQuickActions?.(),
-            renderRevenueChart?.(),
-            renderTopProducts?.(),
-            renderRecentListings?.(),
+            stats,
+            quickActions,
+            revenueChart,
+            topProducts,
+            recentListings,
         ] }));
 }

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

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

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

@@ -0,0 +1,115 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useCallback } from "react";
+import { Plus } from "lucide-react";
+import { useUrlTable } from "../../../react/hooks/useUrlTable";
+import { useBulkSelection } from "../../../react/hooks/useBulkSelection";
+import { BulkActionBar, Button, DataTable, Div, ListingToolbar, Pagination, Text, } from "../../../ui";
+import { SELLER_ENDPOINTS } from "../../../constants/api-endpoints";
+import { ROUTES } from "../../..";
+import { toRecordArray, toRelativeDate, toRupees, toStringValue, useSellerListingData, } from "../hooks/useSellerListingData";
+import { TABLE_KEYS } from "../../../constants/table-keys";
+const PAGE_SIZE = 25;
+const DEFAULT_SORT = "-createdAt";
+const SORT_OPTIONS = [
+    { value: "-createdAt", label: "Newest" },
+    { value: "createdAt", label: "Oldest" },
+    { value: "productTitle", label: "Name A–Z" },
+    { value: "price", label: "Price: Low–High" },
+];
+const COLUMNS = [
+    {
+        key: "title",
+        header: "Product",
+        render: (row) => _jsx(Text, { className: "text-sm font-medium", children: row.title }),
+    },
+    {
+        key: "price",
+        header: "Price",
+        render: (row) => _jsx(Text, { className: "text-sm tabular-nums", children: row.price }),
+    },
+    {
+        key: "codePoolSize",
+        header: "Total Codes",
+        render: (row) => (_jsx(Text, { className: "text-sm tabular-nums", children: row.codePoolSize !== null ? row.codePoolSize : "—" })),
+    },
+    {
+        key: "codesAvailable",
+        header: "Available",
+        render: (row) => (_jsx(Text, { className: "text-sm tabular-nums", children: row.codesAvailable !== null ? row.codesAvailable : "—" })),
+    },
+    {
+        key: "deliveryMethod",
+        header: "Delivery",
+        render: (row) => (_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.deliveryMethod.replace(/-/g, " ") })),
+    },
+    {
+        key: "status",
+        header: "Status",
+        render: (row) => (_jsx("span", { className: `inline-flex items-center rounded-full px-2 py-0.5 text-xs font-medium capitalize ${row.status === "active"
+                ? "bg-emerald-100 text-emerald-700 dark:bg-emerald-900/40 dark:text-emerald-300"
+                : "bg-zinc-100 text-zinc-600 dark:bg-slate-800 dark:text-slate-400"}`, children: row.status })),
+    },
+    {
+        key: "createdAt",
+        header: "Created",
+        render: (row) => _jsx(Text, { className: "text-sm text-[var(--appkit-color-text-muted)]", children: row.createdAt }),
+    },
+];
+export function SellerDigitalCodesView({ onCreateClick, onBulkDelete, }) {
+    const table = useUrlTable({ defaults: { pageSize: String(PAGE_SIZE), sort: DEFAULT_SORT } });
+    const [searchInput, setSearchInput] = useState(table.get(TABLE_KEYS.QUERY) || "");
+    const [view] = useState("table");
+    const commitSearch = useCallback(() => {
+        table.set(TABLE_KEYS.QUERY, searchInput.trim());
+    }, [searchInput, table]);
+    const resetAll = useCallback(() => {
+        table.setMany({ [TABLE_KEYS.QUERY]: "", [TABLE_KEYS.SORT]: "" });
+        setSearchInput("");
+    }, [table]);
+    const hasActiveState = !!table.get(TABLE_KEYS.QUERY) || table.get(TABLE_KEYS.SORT) !== DEFAULT_SORT;
+    const { rows, total, isLoading, errorMessage } = useSellerListingData({
+        queryKey: ["seller", "digital-codes"],
+        endpoint: SELLER_ENDPOINTS.PRODUCTS,
+        page: table.getNumber(TABLE_KEYS.PAGE, 1),
+        pageSize: PAGE_SIZE,
+        sorts: table.get(TABLE_KEYS.SORT) || DEFAULT_SORT,
+        filters: "listingType==digital-code",
+        q: table.get(TABLE_KEYS.QUERY) || undefined,
+        mapRows: (response) => toRecordArray(response.products).map((item, index) => {
+            const dc = (item.digitalCode ?? {});
+            return {
+                id: toStringValue(item.id, `dc-${index}`),
+                raw: item,
+                title: toStringValue(item.productTitle ?? item.title, "Untitled"),
+                price: toRupees(item.price),
+                codePoolSize: typeof dc.codePoolSize === "number" ? dc.codePoolSize : null,
+                codesAvailable: typeof dc.codesAvailable === "number" ? dc.codesAvailable : null,
+                deliveryMethod: toStringValue(dc.codeDeliveryMethod, "auto-claim"),
+                status: toStringValue(item.status, "draft"),
+                createdAt: toRelativeDate(item.createdAt),
+            };
+        }),
+        getTotal: (response, mappedRows) => typeof response.meta?.total === "number" ? response.meta.total : mappedRows.length,
+    });
+    const currentPage = table.getNumber(TABLE_KEYS.PAGE, 1);
+    const totalPages = Math.ceil(total / PAGE_SIZE);
+    const selection = useBulkSelection({ items: rows, keyExtractor: (r) => r.id });
+    const bulkActions = onBulkDelete
+        ? [{
+                id: "bulk-delete",
+                label: "Delete selected",
+                variant: "danger",
+                onClick: async () => { await onBulkDelete(selection.selectedIds); selection.clearSelection(); },
+            }]
+        : [];
+    const handleCreate = useCallback(() => {
+        if (onCreateClick) {
+            onCreateClick();
+        }
+        else {
+            window.location.href = String(ROUTES.STORE.DIGITAL_CODES_NEW);
+        }
+    }, [onCreateClick]);
+    return (_jsxs("div", { className: "min-h-screen", children: [_jsx(ListingToolbar, { filterCount: 0, searchValue: searchInput, searchPlaceholder: "Search digital code products...", onSearchChange: setSearchInput, onSearchCommit: commitSearch, sortValue: table.get(TABLE_KEYS.SORT) || DEFAULT_SORT, sortOptions: SORT_OPTIONS, onSortChange: (v) => { table.set(TABLE_KEYS.SORT, v); }, showTableView: true, view: view, onViewChange: () => { }, onResetAll: resetAll, hasActiveState: hasActiveState, extra: _jsxs(Button, { size: "sm", onClick: handleCreate, className: "flex items-center gap-1.5", children: [_jsx(Plus, { className: "h-4 w-4" }), _jsx("span", { children: "New Digital Code" })] }) }), 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: currentPage, totalPages: totalPages, onPageChange: (p) => table.setPage(p) }) })), selection.selectedCount > 0 && bulkActions.length > 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))) })) : rows.length === 0 ? (_jsx(Div, { className: "py-16 text-center", children: _jsx(Text, { className: "text-zinc-400 dark:text-zinc-500", children: "No digital code products yet \u2014 sell Steam keys, gift cards, and more" }) })) : (_jsx(DataTable, { columns: COLUMNS, data: rows, keyExtractor: (r) => r.id, selectable: bulkActions.length > 0, selectedIds: selection.selectedIds, onSelectionChange: (ids) => selection.setSelectedIds(ids) }))] })] }));
+}

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

@@ -0,0 +1,14 @@
+interface GoogleConfigDraft {
+    placeId: string;
+    businessName: string;
+    isConnected: boolean;
+    averageRating?: number;
+    totalReviews?: number;
+    lastSyncedAt?: string;
+}
+export interface SellerGoogleReviewsViewProps {
+    onSave?: (data: Partial<GoogleConfigDraft>) => Promise<void>;
+    onSync?: () => Promise<void>;
+}
+export declare function SellerGoogleReviewsView({ onSave, onSync, }: SellerGoogleReviewsViewProps): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,95 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback, useEffect, useState } from "react";
+import { RefreshCw } from "lucide-react";
+import { Alert, Button, Div, FormField, Heading, Section, Stack, Text, Toggle, } from "../../../ui";
+import { SELLER_ENDPOINTS } from "../../../constants/api-endpoints";
+const EMPTY_DRAFT = {
+    placeId: "",
+    businessName: "",
+    isConnected: false,
+};
+export function SellerGoogleReviewsView({ onSave, onSync, }) {
+    const [draft, setDraft] = useState(EMPTY_DRAFT);
+    const [loading, setLoading] = useState(true);
+    const [saving, setSaving] = useState(false);
+    const [syncing, setSyncing] = useState(false);
+    const [saveMessage, setSaveMessage] = useState(null);
+    useEffect(() => {
+        fetch(SELLER_ENDPOINTS.GOOGLE_REVIEWS, { credentials: "include" })
+            .then((r) => r.json())
+            .then((j) => {
+            const data = j?.data ?? j ?? {};
+            setDraft({
+                placeId: String(data.placeId ?? ""),
+                businessName: String(data.businessName ?? ""),
+                isConnected: Boolean(data.isConnected),
+                averageRating: typeof data.averageRating === "number" ? data.averageRating : undefined,
+                totalReviews: typeof data.totalReviews === "number" ? data.totalReviews : undefined,
+                lastSyncedAt: data.lastSyncedAt ? String(data.lastSyncedAt) : undefined,
+            });
+        })
+            .catch(() => { })
+            .finally(() => setLoading(false));
+    }, []);
+    const handleSave = useCallback(async () => {
+        setSaving(true);
+        setSaveMessage(null);
+        try {
+            if (onSave) {
+                await onSave(draft);
+            }
+            else {
+                const res = await fetch(SELLER_ENDPOINTS.GOOGLE_REVIEWS, {
+                    method: "PUT",
+                    headers: { "Content-Type": "application/json" },
+                    credentials: "include",
+                    body: JSON.stringify({
+                        placeId: draft.placeId.trim() || undefined,
+                        businessName: draft.businessName.trim() || undefined,
+                        isConnected: draft.isConnected,
+                    }),
+                });
+                setSaveMessage({ text: res.ok ? "Settings saved." : "Save failed.", ok: res.ok });
+            }
+        }
+        catch {
+            setSaveMessage({ text: "Save failed. Please try again.", ok: false });
+        }
+        finally {
+            setSaving(false);
+        }
+    }, [draft, onSave]);
+    const handleSync = useCallback(async () => {
+        setSyncing(true);
+        setSaveMessage(null);
+        try {
+            if (onSync) {
+                await onSync();
+            }
+            else {
+                const res = await fetch(SELLER_ENDPOINTS.GOOGLE_REVIEWS_SYNC, {
+                    method: "POST",
+                    credentials: "include",
+                });
+                setSaveMessage({ text: res.ok ? "Sync queued." : "Sync failed.", ok: res.ok });
+            }
+        }
+        catch {
+            setSaveMessage({ text: "Sync failed. Please try again.", ok: false });
+        }
+        finally {
+            setSyncing(false);
+        }
+    }, [onSync]);
+    if (loading) {
+        return (_jsx("div", { className: "space-y-4 py-6 px-4", children: Array.from({ length: 3 }).map((_, i) => (_jsx("div", { className: "h-12 animate-pulse rounded-xl border border-zinc-100 dark:border-slate-700 bg-zinc-50 dark:bg-slate-800" }, i))) }));
+    }
+    const formattedLastSync = draft.lastSyncedAt
+        ? new Date(draft.lastSyncedAt).toLocaleString("en-IN", {
+            dateStyle: "medium",
+            timeStyle: "short",
+        })
+        : "Never";
+    return (_jsx("div", { className: "py-4 px-3 sm:px-4 max-w-2xl", children: _jsxs(Stack, { gap: "lg", children: [_jsxs(Section, { children: [_jsx(Heading, { level: 3, className: "mb-1", children: "Google Business Settings" }), _jsx(Text, { className: "text-sm text-[var(--appkit-color-text-muted)] mb-4", children: "Connect your Google Business profile to sync reviews to your storefront." }), _jsxs(Stack, { gap: "md", children: [_jsx(Toggle, { checked: draft.isConnected, onChange: (v) => setDraft((d) => ({ ...d, isConnected: v })), label: "Show Google reviews on my store page" }), _jsx(FormField, { name: "placeId", label: "Google Place ID", type: "text", value: draft.placeId, onChange: (v) => setDraft((d) => ({ ...d, placeId: v })), placeholder: "ChIJ\u2026", helpText: "Find your Place ID at developers.google.com/maps/documentation/places/web-service/place-id" }), _jsx(FormField, { name: "businessName", label: "Business name", type: "text", value: draft.businessName, onChange: (v) => setDraft((d) => ({ ...d, businessName: v })), placeholder: "Pok\u00E9mon Palace" })] })] }), (draft.averageRating !== undefined || draft.totalReviews !== undefined) && (_jsxs(Section, { children: [_jsx(Heading, { level: 3, className: "mb-3", children: "Review Stats" }), _jsxs("div", { className: "flex flex-wrap gap-6", children: [draft.averageRating !== undefined && (_jsxs(Div, { children: [_jsx(Text, { className: "text-xs text-[var(--appkit-color-text-muted)] uppercase tracking-wide", children: "Avg rating" }), _jsx(Text, { className: "text-2xl font-bold tabular-nums", children: draft.averageRating.toFixed(1) })] })), draft.totalReviews !== undefined && (_jsxs(Div, { children: [_jsx(Text, { className: "text-xs text-[var(--appkit-color-text-muted)] uppercase tracking-wide", children: "Total reviews" }), _jsx(Text, { className: "text-2xl font-bold tabular-nums", children: draft.totalReviews })] })), _jsxs(Div, { children: [_jsx(Text, { className: "text-xs text-[var(--appkit-color-text-muted)] uppercase tracking-wide", children: "Last synced" }), _jsx(Text, { className: "text-sm", children: formattedLastSync })] })] })] })), saveMessage && (_jsx(Alert, { variant: saveMessage.ok ? "success" : "error", children: saveMessage.text })), _jsxs("div", { className: "flex items-center justify-between gap-3 border-t border-[var(--appkit-color-border)] pt-4", children: [_jsxs(Button, { variant: "outline", size: "sm", onClick: handleSync, isLoading: syncing, disabled: saving || !draft.placeId.trim(), className: "flex items-center gap-1.5", children: [_jsx(RefreshCw, { className: "h-3.5 w-3.5" }), "Sync now"] }), _jsx(Button, { variant: "primary", size: "sm", onClick: handleSave, isLoading: saving, disabled: syncing, children: "Save Settings" })] })] }) }));
+}

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

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

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

@@ -0,0 +1,112 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useCallback } from "react";
+import { useUrlTable } from "../../../react/hooks/useUrlTable";
+import { useBulkSelection } from "../../../react/hooks/useBulkSelection";
+import { Badge, BulkActionBar, Button, ListingToolbar, Pagination } from "../../../ui";
+import { SELLER_ENDPOINTS } from "../../../constants/api-endpoints";
+import { toRecordArray, toRelativeDate, toStringValue, useSellerListingData, } from "../hooks/useSellerListingData";
+import { DataTable } from "../../admin/components/DataTable";
+// ---------------------------------------------------------------------------
+// Config
+// ---------------------------------------------------------------------------
+const PAGE_SIZE = 25;
+const DEFAULT_SORT = "-createdAt";
+const SORT_OPTIONS = [
+    { value: "-createdAt", label: "Newest" },
+    { value: "createdAt", label: "Oldest" },
+    { value: "title", label: "Title A–Z" },
+    { value: "-title", label: "Title Z–A" },
+];
+const THEME_LABELS = {
+    related: "Related",
+    character: "Character",
+    lineage: "Lineage",
+    set: "Set",
+    generic: "Generic",
+};
+const VISIBILITY_BADGE = {
+    visible: "success",
+    hidden: "warning",
+};
+// ---------------------------------------------------------------------------
+// Columns
+// ---------------------------------------------------------------------------
+const COLUMNS = [
+    {
+        key: "title",
+        header: "Title",
+        render: (r) => _jsx("span", { className: "font-medium text-zinc-900 dark:text-zinc-100", children: r.title }),
+    },
+    {
+        key: "groupTheme",
+        header: "Theme",
+        render: (r) => (_jsx(Badge, { variant: "default", children: THEME_LABELS[r.groupTheme] ?? r.groupTheme })),
+    },
+    {
+        key: "productCount",
+        header: "Products",
+        render: (r) => _jsx("span", { className: "text-sm text-zinc-600 dark:text-zinc-400", children: r.productCount }),
+    },
+    {
+        key: "visibilityStatus",
+        header: "Visibility",
+        render: (r) => (_jsx(Badge, { variant: VISIBILITY_BADGE[r.visibilityStatus] ?? "default", children: r.visibilityStatus === "visible" ? "Visible" : "Hidden" })),
+    },
+    {
+        key: "isActive",
+        header: "Status",
+        render: (r) => (_jsx(Badge, { variant: r.isActive ? "success" : "default", children: r.isActive ? "Active" : "Inactive" })),
+    },
+    {
+        key: "createdAt",
+        header: "Created",
+        render: (r) => _jsx("span", { className: "text-xs text-zinc-500 dark:text-zinc-400", children: r.createdAt }),
+    },
+];
+export function SellerGroupedListingsView({ onCreateClick, onEditClick, onDeleteClick, }) {
+    const table = useUrlTable({ defaults: { pageSize: String(PAGE_SIZE), sort: DEFAULT_SORT } });
+    const [searchInput, setSearchInput] = useState(table.get("q") || "");
+    const resetAll = useCallback(() => {
+        table.setMany({ q: "", sort: "" });
+        setSearchInput("");
+    }, [table]);
+    const commitSearch = useCallback(() => {
+        table.set("q", searchInput.trim());
+    }, [searchInput, table]);
+    const hasActiveState = !!table.get("q") || table.get("sort") !== DEFAULT_SORT;
+    const { rows, total, isLoading, errorMessage } = useSellerListingData({
+        queryKey: ["seller", "grouped-listings"],
+        endpoint: SELLER_ENDPOINTS.GROUPED_LISTINGS,
+        page: table.getNumber("page", 1),
+        pageSize: PAGE_SIZE,
+        sorts: table.get("sort") || DEFAULT_SORT,
+        q: table.get("q") || undefined,
+        mapRows: (response) => toRecordArray(response.items).map((item, index) => ({
+            id: toStringValue(item.id, `group-${index}`),
+            title: toStringValue(item.title, "Untitled group"),
+            groupTheme: toStringValue(item.groupTheme, "generic"),
+            productCount: Array.isArray(item.productIds) ? item.productIds.length : 0,
+            isActive: item.isActive === true,
+            visibilityStatus: toStringValue(item.visibilityStatus, "hidden"),
+            createdAt: toRelativeDate(item.createdAt),
+        })),
+        getTotal: (response, mappedRows) => typeof response.meta?.total === "number" ? response.meta.total : mappedRows.length,
+    });
+    const currentPage = table.getNumber("page", 1);
+    const totalPages = Math.ceil(total / PAGE_SIZE);
+    const selection = useBulkSelection({ items: rows, keyExtractor: (r) => r.id });
+    const bulkActions = [
+        {
+            id: "delete",
+            label: "Delete selected",
+            variant: "danger",
+            onClick: () => {
+                for (const id of selection.selectedIds)
+                    onDeleteClick?.(id);
+                selection.clearSelection();
+            },
+        },
+    ];
+    return (_jsxs("div", { className: "min-h-screen", children: [_jsx(ListingToolbar, { searchValue: searchInput, searchPlaceholder: "Search grouped listings", onSearchChange: setSearchInput, onSearchCommit: commitSearch, sortValue: table.get("sort") || DEFAULT_SORT, sortOptions: SORT_OPTIONS, onSortChange: (v) => { table.set("sort", v); }, onResetAll: resetAll, hasActiveState: hasActiveState, extra: onCreateClick ? (_jsx(Button, { size: "sm", onClick: onCreateClick, children: "+ New Group" })) : null }), selection.selectedCount > 0 && (_jsx(BulkActionBar, { selectedCount: selection.selectedCount, actions: bulkActions, onClearSelection: selection.clearSelection })), 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: currentPage, totalPages: totalPages, onPageChange: (p) => table.setPage(p) }) })), _jsx(DataTable, { columns: COLUMNS, rows: rows, isLoading: isLoading, emptyLabel: errorMessage ?? "No grouped listings yet", selectedIds: selection.selectedIdSet, onToggleSelect: (id, _selected) => selection.toggle(id), onToggleSelectAll: (_next) => selection.toggleAll(), renderRowActions: (row) => (_jsxs("div", { className: "flex gap-1", children: [_jsx(Button, { size: "sm", variant: "ghost", onClick: () => onEditClick?.(row.id), children: "Edit" }), _jsx(Button, { size: "sm", variant: "ghost", onClick: () => onDeleteClick?.(row.id), children: "Delete" })] })) })] }));
+}

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

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