@mohasinac/appkit 2.7.27 → 2.7.31

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

@@ -1,10 +1,10 @@
 "use client";
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { useState, useCallback, useMemo } from "react";
-import { SlidersHorizontal, X } from "lucide-react";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useCallback } from "react";
 import { useUrlTable } from "../../../react/hooks/useUrlTable";
+import { usePendingTable } from "../../../react/hooks/usePendingTable";
 import { useProducts } from "../../products/hooks/useProducts";
-import { Pagination, useToast, ListingToolbar, LoginRequiredModal } from "../../../ui";
+import { Pagination, useToast, ListingToolbar, FilterDrawer, LoginRequiredModal, } from "../../../ui";
 import { useAuthGate } from "../../../react/hooks/useAuthGate";
 import { ACTION_ID } from "../../products/constants/action-defs";
 import { ROUTES } from "../../../next";
@@ -24,58 +24,23 @@ export function StoreProductsListing({ storeId, initialData }) {
     const localCart = useGuestCart();
     const localWishlist = useGuestWishlist();
     const wishlistedIds = new Set(localWishlist.items.filter((i) => i.type === "product").map((i) => i.itemId));
-    // Pending filter state — buffered until "Apply Filters" clicked
-    const [pendingFilters, setPendingFilters] = useState(() => Object.fromEntries(FILTER_KEYS.map((k) => [k, table.get(k)])));
-    const pendingTable = useMemo(() => ({
-        get: (key) => pendingFilters[key] ?? "",
-        getNumber: (key, fallback = 0) => {
-            const v = pendingFilters[key];
-            if (!v)
-                return fallback;
-            const n = Number(v);
-            return isNaN(n) ? fallback : n;
-        },
-        set: (key, value) => setPendingFilters((p) => ({ ...p, [key]: value })),
-        setMany: (updates) => setPendingFilters((p) => ({ ...p, ...updates })),
-        clear: (keys) => {
-            const ks = keys ?? FILTER_KEYS;
-            setPendingFilters((p) => ({
-                ...p,
-                ...Object.fromEntries(ks.map((k) => [k, ""])),
-            }));
-        },
-        setPage: (_) => { },
-        setPageSize: (_) => { },
-        setSort: (_) => { },
-        buildSieveParams: () => "",
-        buildSearchParams: () => "",
-        params: new URLSearchParams(),
-    }), [pendingFilters]);
+    const { pendingTable, filterActiveCount, onFilterApply, onFilterClear, onFilterReset } = usePendingTable(table, FILTER_KEYS);
     const openFilters = useCallback(() => {
-        setPendingFilters(Object.fromEntries(FILTER_KEYS.map((k) => [k, table.get(k)])));
+        onFilterReset();
         setFilterOpen(true);
-    }, [table]);
+    }, [onFilterReset]);
     const applyFilters = useCallback(() => {
-        const updates = { page: "1" };
-        for (const k of FILTER_KEYS)
-            updates[k] = pendingFilters[k] ?? "";
-        table.setMany(updates);
+        onFilterApply();
         setFilterOpen(false);
-    }, [pendingFilters, table]);
-    const clearFilters = useCallback(() => {
-        setPendingFilters(Object.fromEntries(FILTER_KEYS.map((k) => [k, ""])));
-    }, []);
+    }, [onFilterApply]);
     const resetAll = useCallback(() => {
-        const updates = { q: "", sort: "" };
-        for (const k of FILTER_KEYS)
-            updates[k] = "";
-        table.setMany(updates);
+        table.setMany({ q: "", sort: "" });
+        onFilterClear();
         setSearchInput("");
-    }, [table]);
-    const activeFilterCount = FILTER_KEYS.filter((k) => !!table.get(k)).length;
+    }, [table, onFilterClear]);
     const hasActiveState = !!table.get("q") ||
         table.get("sort") !== "-createdAt" ||
-        activeFilterCount > 0;
+        filterActiveCount > 0;
     const params = {
         q: table.get("q") || undefined,
         condition: table.get("condition") || undefined,
@@ -128,5 +93,7 @@ export function StoreProductsListing({ storeId, initialData }) {
         });
         showToast("Added to cart", "success");
     }, [localCart, showToast]);
-    return (_jsxs("div", { className: "min-h-[200px]", children: [_jsx(ListingToolbar, { filterCount: activeFilterCount, onFiltersClick: openFilters, searchValue: searchInput, searchPlaceholder: "Search store products...", onSearchChange: setSearchInput, onSearchCommit: commitSearch, sortValue: table.get("sort") || "-createdAt", sortOptions: PRODUCT_PUBLIC_SORT_OPTIONS, onSortChange: (v) => { table.set("sort", v); }, view: view === "card" ? "grid" : "list", onViewChange: (v) => handleViewToggle(v === "grid" ? "card" : "list"), onResetAll: resetAll, hasActiveState: hasActiveState }), 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: page, totalPages: totalPages, onPageChange: (p) => table.setPage(p) }) })), _jsx("div", { className: "py-6", children: isLoading ? (_jsx("div", { className: "grid grid-cols-2 sm:grid-cols-3 lg:grid-cols-4 gap-6", children: Array.from({ length: 8 }).map((_, i) => (_jsxs("div", { className: "rounded-xl border border-zinc-100 dark:border-slate-700 overflow-hidden animate-pulse", children: [_jsx("div", { className: "aspect-square bg-zinc-200 dark:bg-slate-700" }), _jsxs("div", { className: "p-3 space-y-2", children: [_jsx("div", { className: "h-3 bg-zinc-200 dark:bg-slate-700 rounded w-3/4" }), _jsx("div", { className: "h-3 bg-zinc-200 dark:bg-slate-700 rounded w-1/2" }), _jsx("div", { className: "h-4 bg-zinc-200 dark:bg-slate-700 rounded w-1/3" })] })] }, i))) })) : (_jsx(ProductGrid, { products: products, getProductHref: (p) => String(ROUTES.PUBLIC.PRODUCT_DETAIL(p.slug || p.id)), view: view, emptyLabel: "This store has no products yet.", onWishlistToggle: handleWishlistToggle, wishlistedIds: wishlistedIds, onAddToCart: handleAddToCart })) }), filterOpen && (_jsxs(_Fragment, { children: [_jsx("div", { className: "fixed inset-0 z-40 bg-black/40", "aria-hidden": "true", onClick: () => setFilterOpen(false) }), _jsxs("div", { className: "fixed inset-y-0 left-0 z-50 flex w-80 flex-col bg-white dark:bg-slate-900 shadow-2xl", children: [_jsxs("div", { className: "flex items-center justify-between border-b border-zinc-200 dark:border-slate-700 px-4 py-3.5", children: [_jsxs("span", { className: "flex items-center gap-2 text-base font-semibold text-zinc-900 dark:text-zinc-100", children: [_jsx(SlidersHorizontal, { className: "h-4 w-4" }), "Filters"] }), _jsxs("div", { className: "flex items-center gap-2", children: [activeFilterCount > 0 && (_jsx("button", { type: "button", onClick: clearFilters, className: "text-xs text-zinc-500 hover:text-rose-500 dark:text-zinc-400 transition-colors", children: "Clear all" })), _jsx("button", { type: "button", onClick: () => setFilterOpen(false), "aria-label": "Close filters", className: "rounded-lg p-1.5 text-zinc-500 hover:bg-zinc-100 dark:hover:bg-slate-800 transition-colors", children: _jsx(X, { className: "h-5 w-5" }) })] })] }), _jsx("div", { className: "flex-1 overflow-y-auto px-4 py-4", children: _jsx(ProductFilters, { table: pendingTable, currencyPrefix: "\u20B9" }) }), _jsx("div", { className: "border-t border-zinc-200 dark:border-slate-700 px-4 py-3.5", children: _jsxs("button", { type: "button", onClick: applyFilters, className: "w-full rounded-lg bg-primary py-2.5 text-sm font-semibold text-white hover:bg-primary-600 transition-colors active:scale-[0.98]", children: ["Apply Filters", activeFilterCount > 0 ? ` (${activeFilterCount})` : ""] }) })] })] })), _jsx(LoginRequiredModal, { isOpen: modalOpen, onClose: closeModal, message: modalMessage })] }));
+    return (_jsxs("div", { className: "min-h-[200px]", children: [_jsx(ListingToolbar, { filterCount: filterActiveCount, onFiltersClick: openFilters, searchValue: searchInput, searchPlaceholder: "Search store products...", onSearchChange: setSearchInput, onSearchCommit: commitSearch, sortValue: table.get("sort") || "-createdAt", sortOptions: PRODUCT_PUBLIC_SORT_OPTIONS, onSortChange: (v) => {
+                    table.set("sort", v);
+                }, view: view === "card" ? "grid" : "list", onViewChange: (v) => handleViewToggle(v === "grid" ? "card" : "list"), onResetAll: resetAll, hasActiveState: hasActiveState }), 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: page, totalPages: totalPages, onPageChange: (p) => table.setPage(p) }) })), _jsx("div", { className: "py-6", children: isLoading ? (_jsx("div", { className: "grid grid-cols-2 sm:grid-cols-3 lg:grid-cols-4 gap-6", children: Array.from({ length: 8 }).map((_, i) => (_jsxs("div", { className: "rounded-xl border border-zinc-100 dark:border-slate-700 overflow-hidden animate-pulse", children: [_jsx("div", { className: "aspect-square bg-zinc-200 dark:bg-slate-700" }), _jsxs("div", { className: "p-3 space-y-2", children: [_jsx("div", { className: "h-3 bg-zinc-200 dark:bg-slate-700 rounded w-3/4" }), _jsx("div", { className: "h-3 bg-zinc-200 dark:bg-slate-700 rounded w-1/2" }), _jsx("div", { className: "h-4 bg-zinc-200 dark:bg-slate-700 rounded w-1/3" })] })] }, i))) })) : (_jsx(ProductGrid, { products: products, getProductHref: (p) => String(ROUTES.PUBLIC.PRODUCT_DETAIL(p.slug || p.id)), view: view, emptyLabel: "This store has no products yet.", onWishlistToggle: handleWishlistToggle, wishlistedIds: wishlistedIds, onAddToCart: handleAddToCart })) }), _jsx(FilterDrawer, { open: filterOpen, onOpen: openFilters, onClose: () => setFilterOpen(false), onApply: applyFilters, onReset: onFilterClear, activeCount: filterActiveCount, hideTrigger: true, children: _jsx(ProductFilters, { table: pendingTable, currencyPrefix: "\u20B9" }) }), _jsx(LoginRequiredModal, { isOpen: modalOpen, onClose: closeModal, message: modalMessage })] }));
 }

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

@@ -4,7 +4,7 @@ import { useState, useCallback, useMemo } from "react";
 import { SlidersHorizontal, X } from "lucide-react";
 import { useUrlTable } from "../../../react/hooks/useUrlTable";
 import { useStores } from "../hooks/useStores";
-import { BulkActionBar, Pagination, ListingToolbar } from "../../../ui";
+import { BulkActionBar, ListingToolbar, Pagination, Text } from "../../../ui";
 import { ROUTES } from "../../../next";
 import { InteractiveStoreCard } from "./InteractiveStoreCard";
 import { StoreFilters } from "./StoreFilters";
@@ -128,7 +128,7 @@ export function StoresIndexListing({ initialData }) {
                         disabled: selection.selectedCount !== 1,
                         onClick: () => { 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: table.getNumber("page", 1), totalPages: totalPages, onPageChange: (p) => table.setPage(p) }) })), _jsx("div", { className: "py-6", children: isLoading ? (_jsx("div", { className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-6", children: Array.from({ length: 6 }).map((_, i) => (_jsxs("div", { className: "rounded-xl border border-zinc-100 dark:border-slate-700 overflow-hidden animate-pulse", children: [_jsx("div", { className: "aspect-video bg-zinc-200 dark:bg-slate-700" }), _jsxs("div", { className: "p-4 space-y-2.5", children: [_jsx("div", { className: "flex items-center gap-2", children: _jsx("div", { className: "h-10 w-10 rounded-lg bg-zinc-200 dark:bg-slate-700" }) }), _jsx("div", { className: "h-4 bg-zinc-200 dark:bg-slate-700 rounded w-2/3" }), _jsx("div", { className: "h-3 bg-zinc-200 dark:bg-slate-700 rounded w-full" }), _jsx("div", { className: "h-3 bg-zinc-200 dark:bg-slate-700 rounded w-1/2" })] })] }, i))) })) : stores.length === 0 ? (_jsx("p", { className: "py-16 text-center text-sm text-zinc-500 dark:text-zinc-400", children: "No stores found." })) : view === "list" ? (_jsx("div", { className: "flex flex-col divide-y divide-zinc-100 dark:divide-zinc-800 rounded-xl border border-zinc-100 dark:border-zinc-800", children: stores.map((store) => {
+                ] }), 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: table.getNumber("page", 1), totalPages: totalPages, onPageChange: (p) => table.setPage(p) }) })), _jsx("div", { className: "py-6", children: isLoading ? (_jsx("div", { className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-6", children: Array.from({ length: 6 }).map((_, i) => (_jsxs("div", { className: "rounded-xl border border-zinc-100 dark:border-slate-700 overflow-hidden animate-pulse", children: [_jsx("div", { className: "aspect-video bg-zinc-200 dark:bg-slate-700" }), _jsxs("div", { className: "p-4 space-y-2.5", children: [_jsx("div", { className: "flex items-center gap-2", children: _jsx("div", { className: "h-10 w-10 rounded-lg bg-zinc-200 dark:bg-slate-700" }) }), _jsx("div", { className: "h-4 bg-zinc-200 dark:bg-slate-700 rounded w-2/3" }), _jsx("div", { className: "h-3 bg-zinc-200 dark:bg-slate-700 rounded w-full" }), _jsx("div", { className: "h-3 bg-zinc-200 dark:bg-slate-700 rounded w-1/2" })] })] }, i))) })) : stores.length === 0 ? (_jsx(Text, { className: "py-16 text-center text-sm text-zinc-500 dark:text-zinc-400", children: "No stores found." })) : view === "list" ? (_jsx("div", { className: "flex flex-col divide-y divide-zinc-100 dark:divide-zinc-800 rounded-xl border border-zinc-100 dark:border-zinc-800", children: stores.map((store) => {
                         const storeKey = store.storeSlug ?? store.id;
                         return (_jsx(InteractiveStoreCard, { store: store, href: String(ROUTES.PUBLIC.STORE_DETAIL(storeKey)), selectable: selection.isSelecting, isSelected: selection.isSelected(store.id ?? store.storeSlug), onSelect: (id, sel) => { void sel; selection.toggle(id); } }, storeKey));
                     }) })) : (_jsx("div", { className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-6", children: stores.map((store) => {

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

@@ -73,13 +73,13 @@ export declare const storeListParamsSchema: z.ZodObject<{
 }, "strip", z.ZodTypeAny, {
     sort?: string | undefined;
     pageSize?: number | undefined;
-    page?: number | undefined;
     category?: string | undefined;
+    page?: number | undefined;
     filters?: string | undefined;
 }, {
     sort?: string | undefined;
     pageSize?: number | undefined;
-    page?: number | undefined;
     category?: string | undefined;
+    page?: number | undefined;
     filters?: string | undefined;
 }>;

package/dist/features/whatsapp-bot/components/SellerWhatsAppSettingsView.js

@@ -1,8 +1,9 @@
 "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 React from "react";
+const CLS_SECTION_CARD = "border border-zinc-200 dark:border-zinc-700 rounded-xl p-5";
 import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
-import { Alert, Button, Form, FormActions, Input, Toggle, useToast, } from "../../../ui";
+import { Alert, Button, Form, FormActions, Heading, Input, Section, Text, Toggle, useToast } from "../../../ui";
 import { apiClient } from "../../../http";
 import { WHATSAPP_SELLER_ENDPOINTS } from "../../../constants/api-endpoints";
 import { buildPurchaseAnnouncementMessage } from "../helpers/whatsapp";
@@ -119,9 +120,9 @@ export function SellerWhatsAppSettingsView({ hasCapability }) {
         },
     });
     if (!hasCapability) {
-        return (_jsx("div", { className: "max-w-xl mx-auto py-8 px-4", children: _jsxs(Alert, { variant: "warning", children: [_jsx("p", { className: "font-medium", children: "WhatsApp catalog sync is not enabled for your store." }), _jsx("p", { className: "text-sm mt-1", children: "Contact LetItRip support to request access to the WhatsApp Business integration." })] }) }));
+        return (_jsx("div", { className: "max-w-xl mx-auto py-8 px-4", children: _jsxs(Alert, { variant: "warning", children: [_jsx(Text, { className: "font-medium", children: "WhatsApp catalog sync is not enabled for your store." }), _jsx(Text, { className: "text-sm mt-1", children: "Contact LetItRip support to request access to the WhatsApp Business integration." })] }) }));
     }
-    return (_jsxs("div", { className: "max-w-2xl mx-auto space-y-8 py-6 px-4", children: [_jsxs("section", { children: [_jsx("h2", { className: "text-base font-semibold text-zinc-900 dark:text-zinc-100 mb-4", children: "How to connect your WhatsApp Business account" }), _jsx("ol", { className: "space-y-3", children: STEPS.map((step) => {
+    return (_jsxs("div", { className: "max-w-2xl mx-auto space-y-8 py-6 px-4", children: [_jsxs(Section, { children: [_jsx(Heading, { level: 2, className: "text-base font-semibold text-zinc-900 dark:text-zinc-100 mb-4", children: "How to connect your WhatsApp Business account" }), _jsx("ol", { className: "space-y-3", children: STEPS.map((step) => {
                             const done = step.checkKey === undefined
                                 ? false
                                 : step.checkKey === "connected"
@@ -129,11 +130,11 @@ export function SellerWhatsAppSettingsView({ hasCapability }) {
                                     : Boolean(cfg?.[step.checkKey]);
                             return (_jsxs("li", { className: "flex gap-3", children: [_jsx("span", { className: `flex-shrink-0 w-6 h-6 rounded-full text-xs font-bold flex items-center justify-center mt-0.5 ${done
                                             ? "bg-green-500 text-white"
-                                            : "bg-zinc-200 dark:bg-zinc-700 text-zinc-600 dark:text-zinc-300"}`, children: done ? "✓" : step.n }), _jsxs("div", { children: [_jsx("p", { className: "text-sm font-medium text-zinc-900 dark:text-zinc-100", children: step.title }), _jsx("p", { className: "text-xs text-zinc-500 dark:text-zinc-400 mt-0.5", children: step.body })] })] }, step.n));
-                        }) })] }), _jsxs("section", { className: "border border-zinc-200 dark:border-zinc-700 rounded-xl p-5", children: [_jsxs("div", { className: "flex items-center justify-between mb-4", children: [_jsx("h2", { className: "text-sm font-semibold text-zinc-900 dark:text-zinc-100", children: "Connection" }), isLoading ? null : cfg?.connected ? (_jsx("span", { className: "text-xs font-medium px-2 py-0.5 rounded-full bg-green-100 text-green-800 dark:bg-green-900/40 dark:text-green-300", children: "Connected" })) : (_jsx("span", { className: "text-xs font-medium px-2 py-0.5 rounded-full bg-zinc-100 text-zinc-500 dark:bg-zinc-800 dark:text-zinc-400", children: "Not configured" }))] }), _jsxs(Form, { onSubmit: (e) => {
+                                            : "bg-zinc-200 dark:bg-zinc-700 text-zinc-600 dark:text-zinc-300"}`, children: done ? "✓" : step.n }), _jsxs(_Fragment, { children: [_jsx(Text, { className: "text-sm font-medium text-zinc-900 dark:text-zinc-100", children: step.title }), _jsx(Text, { className: "text-xs text-zinc-500 dark:text-zinc-400 mt-0.5", children: step.body })] })] }, step.n));
+                        }) })] }), _jsxs(Section, { className: CLS_SECTION_CARD, children: [_jsxs("div", { className: "flex items-center justify-between mb-4", children: [_jsx(Heading, { level: 2, className: "text-sm font-semibold text-zinc-900 dark:text-zinc-100", children: "Connection" }), isLoading ? null : cfg?.connected ? (_jsx("span", { className: "text-xs font-medium px-2 py-0.5 rounded-full bg-green-100 text-green-800 dark:bg-green-900/40 dark:text-green-300", children: "Connected" })) : (_jsx("span", { className: "text-xs font-medium px-2 py-0.5 rounded-full bg-zinc-100 text-zinc-500 dark:bg-zinc-800 dark:text-zinc-400", children: "Not configured" }))] }), _jsxs(Form, { onSubmit: (e) => {
                             e.preventDefault();
                             saveMutation.mutate();
-                        }, className: "space-y-4", children: [_jsx(Input, { label: "WhatsApp Business Phone Number", value: phoneNumber, onChange: (e) => setPhoneNumber(e.target.value), placeholder: "919876543210", helperText: "Digits only, include country code (e.g. 91 for India)" }), _jsx(Input, { label: "WABA ID (WhatsApp Business Account ID)", value: wabaId, onChange: (e) => setWabaId(e.target.value), placeholder: "123456789012345", helperText: "From Meta Business Manager \u2192 WhatsApp Accounts" }), _jsx(Input, { label: "Catalog ID", value: catalogId, onChange: (e) => setCatalogId(e.target.value), placeholder: "987654321098765", helperText: "From Meta Commerce Manager \u2192 Catalogs" }), _jsx(MaskedTokenInput, { label: "System User Access Token", value: accessToken, onChange: setAccessToken, placeholder: "EAAxxxxxxxx\u2026", helperText: "Long-lived token with WhatsApp Business permissions" }), _jsx(FormActions, { align: "right", children: _jsx(Button, { type: "submit", isLoading: saveMutation.isPending, disabled: saveMutation.isPending, children: saveMutation.isPending ? "Saving…" : "Save & Connect" }) })] })] }), _jsxs("section", { className: "border border-zinc-200 dark:border-zinc-700 rounded-xl p-5", children: [_jsx("h2", { className: "text-sm font-semibold text-zinc-900 dark:text-zinc-100 mb-4", children: "Catalog Sync" }), _jsxs("div", { className: "flex items-center justify-between mb-4", children: [_jsxs("div", { children: [_jsx("p", { className: "text-sm text-zinc-700 dark:text-zinc-300", children: "Enable catalog sync" }), _jsx("p", { className: "text-xs text-zinc-500 dark:text-zinc-400", children: "When enabled, your published standard products can be synced to WhatsApp." })] }), _jsx(Toggle, { checked: syncEnabled, onChange: setSyncEnabled, disabled: !cfg?.connected })] }), cfg?.lastCatalogSyncAt && (_jsxs("div", { className: "flex items-center gap-2 text-xs text-zinc-500 dark:text-zinc-400 mb-3", children: [_jsxs("span", { children: ["Last sync: ", new Date(cfg.lastCatalogSyncAt).toLocaleString("en-IN")] }), cfg.lastSyncCount !== undefined && _jsxs("span", { children: ["\u00B7 ", cfg.lastSyncCount, " products"] }), cfg.lastSyncStatus && (_jsx("span", { className: `px-1.5 py-0.5 rounded ${STATUS_COLOR[cfg.lastSyncStatus] ?? ""}`, children: cfg.lastSyncStatus }))] })), _jsx("p", { className: "text-xs text-zinc-400 dark:text-zinc-500 mb-3", children: "Only published standard products are synced. Auctions and pre-orders are excluded. Batches of up to 50 products per call." }), _jsx(Button, { onClick: () => syncMutation.mutate(), isLoading: syncMutation.isPending, disabled: !cfg?.connected || !syncEnabled || syncMutation.isPending, variant: "secondary", children: syncMutation.isPending ? "Syncing…" : "Sync Now" })] }), _jsxs("section", { className: "border border-zinc-200 dark:border-zinc-700 rounded-xl p-5", children: [_jsx("h2", { className: "text-sm font-semibold text-zinc-900 dark:text-zinc-100 mb-2", children: "Purchase Announcement Preview" }), _jsx("p", { className: "text-xs text-zinc-500 dark:text-zinc-400 mb-3", children: "This message is sent automatically to your phone and the platform admin when a new order is placed." }), _jsx("div", { className: "bg-zinc-50 dark:bg-zinc-800/60 rounded-lg px-4 py-3 text-sm text-zinc-700 dark:text-zinc-200 font-mono", children: buildPurchaseAnnouncementMessage({
+                        }, className: "space-y-4", children: [_jsx(Input, { label: "WhatsApp Business Phone Number", value: phoneNumber, onChange: (e) => setPhoneNumber(e.target.value), placeholder: "919876543210", helperText: "Digits only, include country code (e.g. 91 for India)" }), _jsx(Input, { label: "WABA ID (WhatsApp Business Account ID)", value: wabaId, onChange: (e) => setWabaId(e.target.value), placeholder: "123456789012345", helperText: "From Meta Business Manager \u2192 WhatsApp Accounts" }), _jsx(Input, { label: "Catalog ID", value: catalogId, onChange: (e) => setCatalogId(e.target.value), placeholder: "987654321098765", helperText: "From Meta Commerce Manager \u2192 Catalogs" }), _jsx(MaskedTokenInput, { label: "System User Access Token", value: accessToken, onChange: setAccessToken, placeholder: "EAAxxxxxxxx\u2026", helperText: "Long-lived token with WhatsApp Business permissions" }), _jsx(FormActions, { align: "right", children: _jsx(Button, { type: "submit", isLoading: saveMutation.isPending, disabled: saveMutation.isPending, children: saveMutation.isPending ? "Saving…" : "Save & Connect" }) })] })] }), _jsxs(Section, { className: CLS_SECTION_CARD, children: [_jsx(Heading, { level: 2, className: "text-sm font-semibold text-zinc-900 dark:text-zinc-100 mb-4", children: "Catalog Sync" }), _jsxs("div", { className: "flex items-center justify-between mb-4", children: [_jsxs(_Fragment, { children: [_jsx(Text, { className: "text-sm text-zinc-700 dark:text-zinc-300", children: "Enable catalog sync" }), _jsx(Text, { className: "text-xs text-zinc-500 dark:text-zinc-400", children: "When enabled, your published standard products can be synced to WhatsApp." })] }), _jsx(Toggle, { checked: syncEnabled, onChange: setSyncEnabled, disabled: !cfg?.connected })] }), cfg?.lastCatalogSyncAt && (_jsxs("div", { className: "flex items-center gap-2 text-xs text-zinc-500 dark:text-zinc-400 mb-3", children: [_jsxs("span", { children: ["Last sync: ", new Date(cfg.lastCatalogSyncAt).toLocaleString("en-IN")] }), cfg.lastSyncCount !== undefined && _jsxs("span", { children: ["\u00B7 ", cfg.lastSyncCount, " products"] }), cfg.lastSyncStatus && (_jsx("span", { className: `px-1.5 py-0.5 rounded ${STATUS_COLOR[cfg.lastSyncStatus] ?? ""}`, children: cfg.lastSyncStatus }))] })), _jsx(Text, { className: "text-xs text-zinc-400 dark:text-zinc-500 mb-3", children: "Only published standard products are synced. Auctions and pre-orders are excluded. Batches of up to 50 products per call." }), _jsx(Button, { onClick: () => syncMutation.mutate(), isLoading: syncMutation.isPending, disabled: !cfg?.connected || !syncEnabled || syncMutation.isPending, variant: "secondary", children: syncMutation.isPending ? "Syncing…" : "Sync Now" })] }), _jsxs(Section, { className: CLS_SECTION_CARD, children: [_jsx(Heading, { level: 2, className: "text-sm font-semibold text-zinc-900 dark:text-zinc-100 mb-2", children: "Purchase Announcement Preview" }), _jsx(Text, { className: "text-xs text-zinc-500 dark:text-zinc-400 mb-3", children: "This message is sent automatically to your phone and the platform admin when a new order is placed." }), _jsx("div", { className: "bg-zinc-50 dark:bg-zinc-800/60 rounded-lg px-4 py-3 text-sm text-zinc-700 dark:text-zinc-200 font-mono", children: buildPurchaseAnnouncementMessage({
                             buyerName: "Ravi K.",
                             firstItemName: "Charizard PSA 9",
                             additionalItemCount: 2,

package/dist/features/wishlist/hooks/useGuestWishlist.d.ts

@@ -7,14 +7,14 @@ import { type GuestWishlistItem } from "../utils/guest-wishlist";
 export declare function useGuestWishlist(): {
     items: GuestWishlistItem[];
     count: number;
-    countByType: (type: "product" | "auction" | "preorder" | "category" | "store") => number;
-    add: (itemId: string, type: "product" | "auction" | "preorder" | "category" | "store", snapshot?: {
+    countByType: (type: "product" | "auction" | "preorder" | "category" | "store" | "classified" | "digital-code" | "live") => number;
+    add: (itemId: string, type: "product" | "auction" | "preorder" | "category" | "store" | "classified" | "digital-code" | "live", snapshot?: {
         title?: string;
         image?: string;
     }) => void;
-    remove: (itemId: string, type: "product" | "auction" | "preorder" | "category" | "store") => void;
-    isInWishlist: (itemId: string, type: "product" | "auction" | "preorder" | "category" | "store") => boolean;
+    remove: (itemId: string, type: "product" | "auction" | "preorder" | "category" | "store" | "classified" | "digital-code" | "live") => void;
+    isInWishlist: (itemId: string, type: "product" | "auction" | "preorder" | "category" | "store" | "classified" | "digital-code" | "live") => boolean;
     clear: () => void;
-    getByType: (type: "product" | "auction" | "preorder" | "category" | "store") => GuestWishlistItem[];
+    getByType: (type: "product" | "auction" | "preorder" | "category" | "store" | "classified" | "digital-code" | "live") => GuestWishlistItem[];
     isInitialized: boolean;
 };

package/dist/features/wishlist/hooks/useWishlistWithGuest.d.ts

@@ -29,7 +29,7 @@ export declare function useWishlistWithGuest(userId: string | null | undefined,
         productPrice: number;
         productSlug: string;
         addedAt: string | undefined;
-        type: "product" | "auction" | "preorder" | "category" | "store";
+        type: "auction" | "classified" | "digital-code" | "live" | "category" | "product" | "preorder" | "store";
     }[];
     total: number;
     wishlistedIds: Set<string>;
@@ -41,15 +41,15 @@ export declare function useWishlistWithGuest(userId: string | null | undefined,
     guestWishlist: {
         items: import("..").GuestWishlistItem[];
         count: number;
-        countByType: (type: "product" | "auction" | "preorder" | "category" | "store") => number;
-        add: (itemId: string, type: "product" | "auction" | "preorder" | "category" | "store", snapshot?: {
+        countByType: (type: "product" | "auction" | "preorder" | "category" | "store" | "classified" | "digital-code" | "live") => number;
+        add: (itemId: string, type: "product" | "auction" | "preorder" | "category" | "store" | "classified" | "digital-code" | "live", snapshot?: {
             title?: string;
             image?: string;
         }) => void;
-        remove: (itemId: string, type: "product" | "auction" | "preorder" | "category" | "store") => void;
-        isInWishlist: (itemId: string, type: "product" | "auction" | "preorder" | "category" | "store") => boolean;
+        remove: (itemId: string, type: "product" | "auction" | "preorder" | "category" | "store" | "classified" | "digital-code" | "live") => void;
+        isInWishlist: (itemId: string, type: "product" | "auction" | "preorder" | "category" | "store" | "classified" | "digital-code" | "live") => boolean;
         clear: () => void;
-        getByType: (type: "product" | "auction" | "preorder" | "category" | "store") => import("..").GuestWishlistItem[];
+        getByType: (type: "product" | "auction" | "preorder" | "category" | "store" | "classified" | "digital-code" | "live") => import("..").GuestWishlistItem[];
         isInitialized: boolean;
     };
 };

package/dist/features/wishlist/utils/guest-wishlist.d.ts

@@ -1,6 +1,6 @@
 export interface GuestWishlistItem {
     itemId: string;
-    type: "product" | "auction" | "preorder" | "category" | "store";
+    type: "product" | "auction" | "preorder" | "category" | "store" | "classified" | "digital-code" | "live";
     title?: string;
     image?: string;
     addedAt?: string;
@@ -11,12 +11,12 @@ export interface GuestWishlistStorage {
     removeItem(key: string): void;
 }
 export declare function getGuestWishlistItems(storage?: GuestWishlistStorage | null, key?: string): GuestWishlistItem[];
-export declare function addToGuestWishlist(itemId: string, type: "product" | "auction" | "preorder" | "category" | "store", snapshot?: {
+export declare function addToGuestWishlist(itemId: string, type: "product" | "auction" | "preorder" | "category" | "store" | "classified" | "digital-code" | "live", snapshot?: {
     title?: string;
     image?: string;
 }, storage?: GuestWishlistStorage | null, key?: string): GuestWishlistItem[];
-export declare function removeFromGuestWishlist(itemId: string, type: "product" | "auction" | "preorder" | "category" | "store", storage?: GuestWishlistStorage | null, key?: string): GuestWishlistItem[];
-export declare function isInGuestWishlist(itemId: string, type: "product" | "auction" | "preorder" | "category" | "store", storage?: GuestWishlistStorage | null, key?: string): boolean;
+export declare function removeFromGuestWishlist(itemId: string, type: "product" | "auction" | "preorder" | "category" | "store" | "classified" | "digital-code" | "live", storage?: GuestWishlistStorage | null, key?: string): GuestWishlistItem[];
+export declare function isInGuestWishlist(itemId: string, type: "product" | "auction" | "preorder" | "category" | "store" | "classified" | "digital-code" | "live", storage?: GuestWishlistStorage | null, key?: string): boolean;
 export declare function clearGuestWishlist(storage?: GuestWishlistStorage | null, key?: string): void;
 export declare function getGuestWishlistCount(storage?: GuestWishlistStorage | null, key?: string): number;
-export declare function getGuestWishlistByType(type: "product" | "auction" | "preorder" | "category" | "store", storage?: GuestWishlistStorage | null, key?: string): GuestWishlistItem[];
+export declare function getGuestWishlistByType(type: "product" | "auction" | "preorder" | "category" | "store" | "classified" | "digital-code" | "live", storage?: GuestWishlistStorage | null, key?: string): GuestWishlistItem[];

package/dist/index.d.ts

@@ -61,6 +61,8 @@ export type { DynamicSelectOption } from "./ui/index";
 export type { DynamicSelectProps } from "./ui/index";
 export type { InlineCreateSelectProps } from "./ui/index";
 export { InlineCreateSelect } from "./ui/index";
+export type { PaginatedMultiSelectProps } from "./ui/index";
+export { PaginatedMultiSelect } from "./ui/index";
 export { EmptyState } from "./ui/index";
 export type { EmptyStateProps } from "./ui/index";
 export type { FilterDrawerProps } from "./ui/index";
@@ -942,6 +944,8 @@ export type { UserOffersPanelProps } from "./features/account/index";
 export { UserOrderTrackView } from "./features/account/index";
 export { UserOrdersView } from "./features/account/index";
 export { UserSettingsView } from "./features/account/index";
+export { NotificationPreferencesPanel } from "./features/account/index";
+export type { NotificationPreferencesPanelProps } from "./features/account/index";
 export { accountAdminColumns } from "./features/account/index";
 export { buildAccountColumns } from "./features/account/index";
 export { manifest } from "./features/account/index";
@@ -992,6 +996,8 @@ export type { NotificationBellLabels } from "./features/account/index";
 export type { NotificationBellProps } from "./features/account/index";
 export type { NotificationBellRenderLinkProps } from "./features/account/index";
 export type { NotificationPreferences } from "./features/account/index";
+export type { NotificationChannelPrefs } from "./features/account/index";
+export type { NotificationTypePrefs } from "./features/account/index";
 export type { NotificationsResponse } from "./features/account/index";
 export type { OfferStatus } from "./features/account/index";
 export type { OrderDetailViewLabels } from "./features/account/index";
@@ -1052,6 +1058,8 @@ export { AdminBrandsView } from "./features/admin/index";
 export type { AdminBrandsViewProps } from "./features/admin/index";
 export { AdminBrandEditorView } from "./features/admin/index";
 export type { AdminBrandEditorViewProps } from "./features/admin/index";
+export { AdminAddressEditorView } from "./features/admin/index";
+export type { AdminAddressEditorViewProps } from "./features/admin/index";
 export { AdminCategoriesView } from "./features/admin/index";
 export { AdminCategoryEditorView } from "./features/admin/index";
 export type { AdminCategoryEditorViewProps } from "./features/admin/index";
@@ -1129,6 +1137,8 @@ export { CHAT_ROOM_COLLECTION } from "./features/admin/index";
 export { CHAT_ROOM_FIELDS } from "./features/admin/index";
 export { CHAT_ROOM_INDEXED_FIELDS } from "./features/admin/index";
 export { DEFAULT_CHAT_ROOM_DATA } from "./features/admin/index";
+export { DEFAULT_NOTIFICATION_CHANNELS } from "./features/admin/index";
+export { meetsMinPriority } from "./features/admin/index";
 export { DEFAULT_NOTIFICATION_DATA } from "./features/admin/index";
 export { DEFAULT_SITE_SETTINGS_DATA } from "./features/admin/index";
 export { DEFAULT_TRUST_BAR_ITEMS } from "./features/admin/index";
@@ -1224,10 +1234,13 @@ export type { DrawerFormFooterProps } from "./features/admin/index";
 export type { FeatureFlagKey } from "./features/admin/index";
 export type { FeatureFlagMeta } from "./features/admin/index";
 export type { FeaturedResult } from "./features/admin/index";
+export type { NotificationChannelConfig } from "./features/admin/index";
 export type { NotificationCreateInput } from "./features/admin/index";
 export type { NotificationDocument } from "./features/admin/index";
 export type { NotificationPriority } from "./features/admin/index";
 export type { NotificationUpdateInput } from "./features/admin/index";
+export type { SendNotificationInput } from "./features/admin/server";
+export type { SendNotificationResult } from "./features/admin/server";
 export type { QuickActionItem } from "./features/admin/index";
 export type { QuickActionsPanelProps } from "./features/admin/index";
 export type { SiteSettingsCredentials } from "./features/admin/index";
@@ -1271,6 +1284,7 @@ export { listAdminUsers } from "./features/admin/server";
 export { listNotifications } from "./features/admin/server";
 export { markAllNotificationsRead } from "./features/admin/server";
 export { markNotificationRead } from "./features/admin/server";
+export { sendNotification } from "./features/admin/server";
 export { revokeSession } from "./features/admin/server";
 export { revokeUserSessions } from "./features/admin/server";
 export { sendChatMessage } from "./features/admin/server";
@@ -1279,14 +1293,14 @@ export type { AdminActor } from "./features/admin/server";
 export type { ChatRoomsResult } from "./features/admin/server";
 export type { CreateRoomInput } from "./features/admin/server";
 export type { CreateRoomResult } from "./features/admin/server";
-export { AuctionCard } from "./features/auctions/index";
-export { AuctionCountdown } from "./features/auctions/index";
 export { BID_COLLECTION } from "./features/auctions/index";
 export { BID_INDEXED_FIELDS } from "./features/auctions/index";
 export { BID_PUBLIC_FIELDS } from "./features/auctions/index";
 export { BID_UPDATABLE_FIELDS } from "./features/auctions/index";
 export { BidStatusValues } from "./features/auctions/index";
 export { DEFAULT_BID_DATA } from "./features/auctions/index";
+export { AuctionBidsTable } from "./features/auctions/index";
+export type { AuctionBidsTableProps, AuctionWithBids } from "./features/auctions/index";
 export { MarketplaceAuctionCard } from "./features/auctions/index";
 export { MarketplaceAuctionGrid } from "./features/auctions/index";
 export { auctionAdminColumns } from "./features/auctions/index";
@@ -1341,6 +1355,7 @@ export { CONSENT_OTP_MAX_BYPASS_CREDITS } from "./features/auth/server";
 export { CONSENT_OTP_VERIFY_RATE_LIMIT } from "./features/auth/server";
 export { authMeGET } from "./features/auth/server";
 export { buildConsentOtpEmail } from "./features/auth/server";
+export { buildConsentOtpWhatsApp } from "./features/auth/server";
 export { consentOtpRateLimitRef } from "./features/auth/server";
 export { consentOtpRef } from "./features/auth/server";
 export { createPasswordResetToken } from "./features/auth/server";
@@ -1875,6 +1890,8 @@ export type { FaqUpdateInput } from "./features/faq/server";
 export type { VoteFaqActionInput } from "./features/faq/server";
 export type { VoteFaqActionResult } from "./features/faq/server";
 export { FilterFacetSection } from "./features/filters/index";
+export { AsyncFacetSection } from "./features/filters/index";
+export type { AsyncFacetSectionProps } from "./features/filters/index";
 export { FilterPanel } from "./features/filters/index";
 export { RangeFilter } from "./features/filters/index";
 export { SwitchFilter } from "./features/filters/index";
@@ -2247,9 +2264,14 @@ export type { UsePaymentEventReturn } from "./features/payments/index";
 export { PaymentsRepository } from "./features/payments/server";
 export { MarketplacePreorderCard } from "./features/pre-orders/index";
 export { PreorderBadge } from "./features/pre-orders/index";
-export { PreorderCard } from "./features/pre-orders/index";
 export { PreOrdersIndexListing } from "./features/pre-orders/index";
 export type { PreOrdersIndexListingProps } from "./features/pre-orders/index";
+export { ClassifiedIndexListing } from "./features/classified/components/index";
+export type { ClassifiedIndexListingProps } from "./features/classified/components/index";
+export { DigitalCodesIndexListing } from "./features/digital-codes/components/index";
+export type { DigitalCodesIndexListingProps } from "./features/digital-codes/components/index";
+export { LiveItemsIndexListing } from "./features/live/components/index";
+export type { LiveItemsIndexListingProps } from "./features/live/components/index";
 export { buildPreorderColumns } from "./features/pre-orders/index";
 export { getPreorderStatus } from "./features/pre-orders/index";
 export { preorderAdminColumns } from "./features/pre-orders/index";
@@ -2270,6 +2292,8 @@ export { AuctionDetailView } from "./features/products/index";
 export type { BundlesListViewProps } from "./features/categories/components/BundlesListView";
 export { BundleDetailView } from "./features/categories/components/BundleDetailView";
 export type { BundleDetailViewProps } from "./features/categories/components/BundleDetailView";
+export { BundleCollage } from "./features/categories/components/BundleCollage";
+export type { BundleCollageProps } from "./features/categories/components/BundleCollage";
 export { BundleBuyNowCta } from "./features/categories/components/BundleBuyNowCta";
 export type { BundleBuyNowCtaProps } from "./features/categories/components/BundleBuyNowCta";
 export { AuctionsView } from "./features/products/index";