@mohasinac/appkit 2.7.49 → 2.7.52

package/dist/features/products/components/ProductGrid.js

@@ -73,15 +73,15 @@ export function ProductCard({ product, href, onClick, onAddToWishlist, isWishlis
                                 return (_jsx(Text, { className: `mt-1 text-[11px] font-medium ${low
                                         ? "text-amber-600 dark:text-amber-400"
                                         : "text-zinc-500 dark:text-zinc-400"}`, children: low ? `Only ${stock} left` : `${stock} in stock` }));
-                            })(), featuresList && product.features && product.features.length > 0 && (_jsx(FeatureBadgeList, { productFeatureIds: product.features, features: featuresList, maxVisible: PRODUCT_FEATURE_CARD_MAX_VISIBLE, className: "mt-2" })), (onAddToCart || onBuyNow) && (_jsxs(Div, { className: "mt-2 grid gap-1.5", style: { gridTemplateColumns: onBuyNow && onAddToCart ? "1fr 1fr" : "1fr" }, children: [onBuyNow && (_jsxs(Button, { type: "button", onClick: (e) => {
+                            })(), featuresList && product.features && product.features.length > 0 && (_jsx(FeatureBadgeList, { productFeatureIds: product.features, features: featuresList, maxVisible: PRODUCT_FEATURE_CARD_MAX_VISIBLE, className: "mt-2" })), (onAddToCart || onBuyNow) && (_jsxs(Div, { className: "mt-2 grid gap-1.5", style: { gridTemplateColumns: onBuyNow && onAddToCart ? "1fr 1fr" : "1fr" }, children: [onBuyNow && (_jsxs(Button, { type: "button", variant: "primary", size: "sm", onClick: (e) => {
                                             e.stopPropagation();
                                             e.preventDefault();
                                             onBuyNow(product);
-                                        }, className: "flex items-center justify-center gap-1 rounded-xl bg-primary py-2 text-xs font-semibold text-white hover:bg-primary/90 active:scale-[0.97] transition-all duration-150 btn-glow", children: [_jsx("svg", { className: "h-3.5 w-3.5 flex-shrink-0", fill: "none", stroke: "currentColor", strokeWidth: 2.5, viewBox: "0 0 24 24", "aria-hidden": "true", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M13 10V3L4 14h7v7l9-11h-7z" }) }), "Buy Now"] })), onAddToCart && (_jsxs(Button, { type: "button", onClick: (e) => {
+                                        }, className: "flex items-center justify-center gap-1 text-xs btn-glow", children: [_jsx("svg", { className: "h-3.5 w-3.5 flex-shrink-0", fill: "none", stroke: "currentColor", strokeWidth: 2.5, viewBox: "0 0 24 24", "aria-hidden": "true", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M13 10V3L4 14h7v7l9-11h-7z" }) }), "Buy Now"] })), onAddToCart && (_jsxs(Button, { type: "button", variant: "outline", size: "sm", onClick: (e) => {
                                             e.stopPropagation();
                                             e.preventDefault();
                                             onAddToCart(product);
-                                        }, className: "flex items-center justify-center gap-1 rounded-xl border-2 border-primary/40 bg-primary/5 py-2 text-xs font-semibold text-zinc-800 hover:bg-primary/10 hover:border-primary/60 active:scale-[0.97] transition-all duration-150 dark:text-zinc-100 dark:border-primary-400/50 dark:bg-primary/[0.08] dark:hover:bg-primary/[0.15] dark:hover:border-primary-400/70", children: [_jsx("svg", { className: "h-3.5 w-3.5 flex-shrink-0", fill: "none", stroke: "currentColor", strokeWidth: 2, viewBox: "0 0 24 24", "aria-hidden": "true", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M3 3h2l.4 2M7 13h10l4-8H5.4m1.6 8L5 3H3m4 10v7a1 1 0 001 1h8a1 1 0 001-1v-7M9 21h6" }) }), "Cart"] }))] }))] })] })] }));
+                                        }, className: "flex items-center justify-center gap-1 text-xs", children: [_jsx("svg", { className: "h-3.5 w-3.5 flex-shrink-0", fill: "none", stroke: "currentColor", strokeWidth: 2, viewBox: "0 0 24 24", "aria-hidden": "true", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M3 3h2l.4 2M7 13h10l4-8H5.4m1.6 8L5 3H3m4 10v7a1 1 0 001 1h8a1 1 0 001-1v-7M9 21h6" }) }), "Cart"] }))] }))] })] })] }));
     if (href && !selectionMode) {
         return (_jsx(Link, { href: href, className: "block h-full", children: cardBody }));
     }

package/dist/features/products/components/ProductsIndexListing.js

@@ -107,26 +107,34 @@ export function ProductsIndexListing({ initialData }) {
         });
     }, [wishlistedIds, localWishlist, showToast, requireAuth]);
     const handleAddToCart = useCallback((product) => {
-        localCart.add(product.id, 1, {
+        const snapshot = {
             productTitle: product.title,
             productImage: product.mainImage,
             price: product.price,
-        });
-        pushCartOp({ op: "add", productId: product.id, quantity: 1, productTitle: product.title, productImage: product.mainImage, price: product.price });
+            storeId: product.storeId,
+            storeName: product.storeName,
+        };
+        localCart.add(product.id, 1, snapshot);
+        pushCartOp({ op: "add", productId: product.id, quantity: 1, ...snapshot });
         showToast("Added to cart", "success");
     }, [localCart, showToast]);
     const handleBuyNow = useCallback((product) => {
         requireAuth(ACTION_ID.BUY_NOW, () => {
-            localCart.add(product.id, 1, {
+            const snapshot = {
                 productTitle: product.title,
                 productImage: product.mainImage,
                 price: product.price,
-            });
-            pushCartOp({ op: "add", productId: product.id, quantity: 1, productTitle: product.title, productImage: product.mainImage, price: product.price });
+                storeId: product.storeId,
+                storeName: product.storeName,
+            };
+            localCart.add(product.id, 1, snapshot);
+            pushCartOp({ op: "add", productId: product.id, quantity: 1, ...snapshot });
             router.push(String(ROUTES.USER.CART));
         });
     }, [localCart, router, requireAuth]);
-    return (_jsxs("div", { className: "min-h-screen", children: [_jsx(ListingToolbar, { filterCount: filterActiveCount, onFiltersClick: openFilters, searchValue: searchInput, searchPlaceholder: "Search products...", onSearchChange: setSearchInput, onSearchCommit: commitSearch, onSearchKeyDown: handleSearchKeyDown, sortValue: table.get(TABLE_KEYS.SORT) || DEFAULT_SORT, sortOptions: PRODUCT_PUBLIC_SORT_OPTIONS, onSortChange: (v) => { table.set(TABLE_KEYS.SORT, v); }, view: view, onViewChange: handleViewToggle, onResetAll: resetAll, hasActiveState: hasActiveState, bulkMode: selection.isSelecting, bulkSelectedCount: selection.selectedCount, bulkTotalCount: products.length, onBulkSelectAll: selection.toggleAll, onBulkClear: selection.clearSelection, extra: _jsxs("label", { className: "flex items-center gap-1.5 cursor-pointer select-none shrink-0", children: [_jsx("span", { className: "hidden sm:inline text-xs text-zinc-600 dark:text-zinc-300 whitespace-nowrap", children: "Show sold" }), _jsx("button", { type: "button", role: "switch", "aria-checked": showSold, onClick: () => table.set(TABLE_KEYS.SHOW_SOLD, showSold ? "" : "true"), className: `relative inline-flex h-5 w-9 flex-shrink-0 items-center rounded-full transition-colors duration-200 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-1 ${showSold ? "bg-primary" : "bg-zinc-300 dark:bg-slate-600"}`, children: _jsx("span", { className: `inline-block h-3.5 w-3.5 transform rounded-full bg-white shadow-sm transition-transform duration-200 ${showSold ? "translate-x-[19px]" : "translate-x-[3px]"}` }) })] }) }), _jsx(BulkActionBar, { selectedCount: selection.selectedCount, onClearSelection: selection.clearSelection, actions: [
+    return (_jsxs("div", { className: "min-h-screen", children: [_jsx(ListingToolbar, { filterCount: filterActiveCount, onFiltersClick: openFilters, searchValue: searchInput, searchPlaceholder: "Search products...", onSearchChange: setSearchInput, onSearchCommit: commitSearch, onSearchKeyDown: handleSearchKeyDown, sortValue: table.get(TABLE_KEYS.SORT) || DEFAULT_SORT, sortOptions: PRODUCT_PUBLIC_SORT_OPTIONS, onSortChange: (v) => { table.set(TABLE_KEYS.SORT, v); }, view: view, onViewChange: handleViewToggle, onResetAll: resetAll, hasActiveState: hasActiveState, bulkMode: selection.isSelecting, bulkSelectedCount: selection.selectedCount, bulkTotalCount: products.length, onBulkSelectAll: selection.toggleAll, onBulkClear: selection.clearSelection, toggles: [
+                    { label: "Show sold", active: showSold, onChange: (next) => table.set(TABLE_KEYS.SHOW_SOLD, next ? "true" : "") },
+                ] }), _jsx(BulkActionBar, { selectedCount: selection.selectedCount, onClearSelection: selection.clearSelection, actions: [
                     {
                         id: ACTION_ID.ADD_TO_CART,
                         label: ACTION_META[ACTION_ID.ADD_TO_CART].label,
@@ -135,8 +143,9 @@ export function ProductsIndexListing({ initialData }) {
                         onClick: () => {
                             const selected = products.filter((p) => selection.selectedIdSet.has(p.id));
                             selected.forEach((p) => {
-                                localCart.add(p.id, 1, { productTitle: p.title, productImage: p.mainImage, price: p.price });
-                                pushCartOp({ op: "add", productId: p.id, quantity: 1, productTitle: p.title, productImage: p.mainImage, price: p.price });
+                                const snapshot = { productTitle: p.title, productImage: p.mainImage, price: p.price, storeId: p.storeId, storeName: p.storeName };
+                                localCart.add(p.id, 1, snapshot);
+                                pushCartOp({ op: "add", productId: p.id, quantity: 1, ...snapshot });
                             });
                             showToast(`${selected.length} items added to cart`, "success");
                             selection.clearSelection();

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

@@ -15,6 +15,8 @@ export { PrizeRevealModal } from "./PrizeRevealModal";
 export type { PrizeRevealModalProps, PrizeRevealResponse, } from "./PrizeRevealModal";
 export { MarketplacePrizeDrawCard } from "./MarketplacePrizeDrawCard";
 export type { MarketplacePrizeDrawCardProps, MarketplacePrizeDrawCardData, MarketplacePrizeDrawCardLabels, } from "./MarketplacePrizeDrawCard";
+export { MarketplaceBundleCard } from "./MarketplaceBundleCard";
+export type { MarketplaceBundleCardProps, MarketplaceBundleCardData, MarketplaceBundleCardLabels, } from "./MarketplaceBundleCard";
 export { PrizeDrawsIndexListing } from "./PrizeDrawsIndexListing";
 export type { PrizeDrawsIndexListingProps } from "./PrizeDrawsIndexListing";
 export { PrizeDrawEntryActions } from "./PrizeDrawEntryActions";
@@ -30,14 +32,10 @@ export { BuyBar } from "./BuyBar";
 export type { BuyBarProps } from "./BuyBar";
 export { ProductsView } from "./ProductsView";
 export type { ProductsViewProps } from "./ProductsView";
-export { AuctionsView } from "./AuctionsView";
-export type { AuctionsViewProps } from "./AuctionsView";
 export { ProductDetailView } from "./ProductDetailView";
 export type { ProductDetailViewProps } from "./ProductDetailView";
 export { AuctionDetailView } from "./AuctionDetailView";
 export type { AuctionDetailViewProps } from "./AuctionDetailView";
-export { PreOrdersView } from "./PreOrdersView";
-export type { PreOrdersViewProps } from "./PreOrdersView";
 export { PreOrderDetailView } from "./PreOrderDetailView";
 export type { PreOrderDetailViewProps } from "./PreOrderDetailView";
 export { ProductInfo } from "./ProductInfo";

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

@@ -7,6 +7,7 @@ export { PrizeDrawItemsEditor } from "./PrizeDrawItemsEditor";
 export { PrizeDrawCollage } from "./PrizeDrawCollage";
 export { PrizeRevealModal } from "./PrizeRevealModal";
 export { MarketplacePrizeDrawCard } from "./MarketplacePrizeDrawCard";
+export { MarketplaceBundleCard } from "./MarketplaceBundleCard";
 export { PrizeDrawsIndexListing } from "./PrizeDrawsIndexListing";
 // PrizeDrawsListingView + PrizeDrawDetailPageView are server components that
 // import productRepository (→ firebase-admin). Re-exporting them from this
@@ -20,10 +21,8 @@ export { FeatureBadge, FeatureBadgeList } from "./FeatureBadge";
 export { ProductFeaturesProvider, useProductFeatures, } from "./ProductFeaturesContext";
 export { BuyBar } from "./BuyBar";
 export { ProductsView } from "./ProductsView";
-export { AuctionsView } from "./AuctionsView";
 export { ProductDetailView } from "./ProductDetailView";
 export { AuctionDetailView } from "./AuctionDetailView";
-export { PreOrdersView } from "./PreOrdersView";
 export { PreOrderDetailView } from "./PreOrderDetailView";
 export { ProductInfo } from "./ProductInfo";
 export { ProductTabs } from "./ProductTabs";

package/dist/features/promotions/components/CouponCard.d.ts

@@ -2,6 +2,9 @@ import type { CouponItem } from "../types";
 export interface CouponCardLabels {
     copy?: string;
     copied?: string;
+    claim?: string;
+    claiming?: string;
+    claimed?: string;
     expires?: string;
     minOrder?: string;
     off?: string;
@@ -29,6 +32,13 @@ interface CouponCardProps {
     onEdit?: (id: string) => void;
     onToggleActive?: (id: string, currentlyActive: boolean) => void | Promise<void>;
     onDelete?: (id: string) => void | Promise<void>;
+    /**
+     * Hide the public Claim CTA. Defaults to false. Set true on admin/CRUD
+     * surfaces where the user is managing coupons, not redeeming them.
+     */
+    hideClaim?: boolean;
+    /** Source enum forwarded to /api/user/coupons/claim for analytics. */
+    claimSource?: "manual" | "promo" | "spin" | "raffle" | "prize-draw";
 }
-export declare function CouponCard({ coupon, labels: labelsProp, onCopy, className, selectable, isSelected, onSelect, onEdit, onToggleActive, onDelete, }: CouponCardProps): import("react/jsx-runtime").JSX.Element;
+export declare function CouponCard({ coupon, labels: labelsProp, onCopy, className, selectable, isSelected, onSelect, onEdit, onToggleActive, onDelete, hideClaim, claimSource, }: CouponCardProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/features/promotions/components/CouponCard.js

@@ -68,6 +68,9 @@ function formatDiscount(n, labels) {
 const DEFAULT_LABELS = {
     copy: "Copy",
     copied: "Copied!",
+    claim: "Claim",
+    claiming: "Claiming…",
+    claimed: "Use →",
     expires: "Expires",
     minOrder: "Min order",
     off: "OFF",
@@ -81,16 +84,20 @@ const DEFAULT_LABELS = {
     delete: "Delete",
     deleteConfirm: "Delete this coupon? This cannot be undone.",
 };
-export function CouponCard({ coupon, labels: labelsProp, onCopy, className = "", selectable = false, isSelected = false, onSelect, onEdit, onToggleActive, onDelete, }) {
+export function CouponCard({ coupon, labels: labelsProp, onCopy, className = "", selectable = false, isSelected = false, onSelect, onEdit, onToggleActive, onDelete, hideClaim, claimSource = "manual", }) {
     const labels = { ...DEFAULT_LABELS, ...labelsProp };
     const n = normalize(coupon);
     const colors = TYPE_COLORS[n.type] ?? TYPE_COLORS.percentage;
     const [copied, setCopied] = useState(false);
+    const [claiming, setClaiming] = useState(false);
     const [busy, setBusy] = useState(null);
     const longPress = useLongPress(() => onSelect?.(n.id, !isSelected));
     const expiry = formatDateSafe(n.expiresAt);
     const discountLabel = formatDiscount(n, labels);
     const hasAdminActions = Boolean(onEdit || onToggleActive || onDelete);
+    // Show Claim by default on public surfaces; hide automatically when this
+    // card is being rendered with admin/CRUD actions wired.
+    const showClaim = hideClaim === undefined ? !hasAdminActions : !hideClaim;
     const handleCopy = () => {
         if (!n.code)
             return;
@@ -99,6 +106,33 @@ export function CouponCard({ coupon, labels: labelsProp, onCopy, className = "",
         onCopy?.(n.code);
         setTimeout(() => setCopied(false), 2000);
     };
+    const handleClaim = async () => {
+        if (!n.code || claiming)
+            return;
+        setClaiming(true);
+        try {
+            // Best-effort: claim into the wallet (anon users get 401, which we
+            // ignore so the deep-link still works), then jump to cart with the
+            // code pre-filled.
+            try {
+                await fetch("/api/user/coupons/claim", {
+                    method: "POST",
+                    headers: { "Content-Type": "application/json" },
+                    credentials: "include",
+                    body: JSON.stringify({ couponCode: n.code, source: claimSource }),
+                });
+            }
+            catch {
+                /* anon/network — non-fatal */
+            }
+            if (typeof window !== "undefined") {
+                window.location.href = `/cart?coupon=${encodeURIComponent(n.code)}`;
+            }
+        }
+        finally {
+            setClaiming(false);
+        }
+    };
     const handleToggle = async () => {
         if (!onToggleActive)
             return;
@@ -125,7 +159,7 @@ export function CouponCard({ coupon, labels: labelsProp, onCopy, className = "",
     };
     return (_jsxs(Div, { className: `group relative flex h-full flex-col rounded-xl border-2 p-4 ${colors.card} ${isSelected ? "ring-2 ring-primary" : ""} ${!n.isActive ? "opacity-70" : ""} ${className}`, onMouseDown: onSelect && !isSelected ? longPress.onMouseDown : undefined, onMouseUp: onSelect && !isSelected ? longPress.onMouseUp : undefined, onMouseLeave: onSelect && !isSelected ? longPress.onMouseLeave : undefined, onTouchStart: onSelect && !isSelected ? longPress.onTouchStart : undefined, onTouchEnd: onSelect && !isSelected ? longPress.onTouchEnd : undefined, children: [onSelect && (_jsx(BaseListingCard.Checkbox, { selected: isSelected, onSelect: (e) => { e.preventDefault(); onSelect(n.id, !isSelected); }, label: isSelected ? "Deselect coupon" : "Select coupon", position: "top-2 right-2", className: selectable || isSelected ? "opacity-100" : "opacity-0 group-hover:opacity-100 transition-opacity" })), (hasAdminActions || n.scope) && (_jsxs(Row, { gap: "xs", className: "mb-2 flex-wrap", children: [_jsx(Span, { className: `inline-flex items-center rounded-full px-2 py-0.5 text-[10px] font-semibold uppercase tracking-wide ${n.isActive
                             ? "bg-emerald-100 text-emerald-700 dark:bg-emerald-900/40 dark:text-emerald-300"
-                            : "bg-zinc-200 text-zinc-600 dark:bg-zinc-700 dark:text-zinc-300"}`, children: n.isActive ? labels.active : labels.inactive }), n.scope && (_jsx(Span, { className: "inline-flex items-center rounded-full bg-zinc-200/70 px-2 py-0.5 text-[10px] font-semibold uppercase tracking-wide text-zinc-700 dark:bg-zinc-700/60 dark:text-zinc-200", children: n.scope }))] })), _jsxs(Div, { className: "mb-3", children: [_jsx(Text, { className: "text-2xl font-extrabold tracking-tight leading-none", children: discountLabel }), n.name && (_jsx(Text, { className: "text-sm mt-0.5 font-medium opacity-80", children: n.name }))] }), n.description && (_jsx(Text, { className: "text-xs opacity-60 mb-3", children: n.description })), _jsxs("div", { className: `flex items-center gap-2 rounded-lg border border-dashed px-3 py-2 ${colors.code}`, children: [_jsx("span", { className: "flex-1 font-mono text-sm font-bold tracking-widest uppercase select-all", children: n.code || "—" }), n.code && (_jsx("button", { type: "button", onClick: handleCopy, className: "shrink-0 rounded-md px-2.5 py-1 text-xs font-semibold transition-all hover:opacity-80 active:scale-95 bg-white/60 dark:bg-black/20 border border-current/20", "aria-label": "Copy coupon code", children: copied ? labels.copied : labels.copy }))] }), _jsxs(Row, { wrap: true, gap: "sm", className: "text-xs opacity-60 mt-2", children: [n.minOrderAmount ? (_jsxs(Span, { children: [labels.minOrder, ": \u20B9", (n.minOrderAmount / 100).toFixed(0)] })) : null, expiry && (_jsxs(Span, { children: [labels.expires, ": ", expiry] })), n.usageLimit ? (_jsxs(Span, { children: [n.usageCount, "/", n.usageLimit, " ", labels.used] })) : n.usageCount > 0 ? (_jsxs(Span, { children: [n.usageCount, " ", labels.used] })) : null] }), hasAdminActions && (_jsxs(Row, { gap: "xs", className: "mt-auto pt-3 justify-end", children: [onEdit && (_jsx("button", { type: "button", onClick: () => onEdit(n.id), title: labels.edit, "aria-label": labels.edit, className: "rounded-lg p-1.5 text-zinc-500 hover:bg-white/60 dark:hover:bg-black/30 hover:text-zinc-800 dark:hover:text-zinc-200 transition-colors", children: _jsx(Pencil, { className: "h-4 w-4" }) })), onToggleActive && (_jsx("button", { type: "button", onClick: handleToggle, disabled: busy === "toggle", title: n.isActive ? labels.deactivate : labels.activate, "aria-label": n.isActive ? labels.deactivate : labels.activate, className: "rounded-lg p-1.5 text-zinc-500 hover:bg-white/60 dark:hover:bg-black/30 transition-colors disabled:opacity-50", children: n.isActive
+                            : "bg-zinc-200 text-zinc-600 dark:bg-zinc-700 dark:text-zinc-300"}`, children: n.isActive ? labels.active : labels.inactive }), n.scope && (_jsx(Span, { className: "inline-flex items-center rounded-full bg-zinc-200/70 px-2 py-0.5 text-[10px] font-semibold uppercase tracking-wide text-zinc-700 dark:bg-zinc-700/60 dark:text-zinc-200", children: n.scope }))] })), _jsxs(Div, { className: "mb-3", children: [_jsx(Text, { className: "text-2xl font-extrabold tracking-tight leading-none", children: discountLabel }), n.name && (_jsx(Text, { className: "text-sm mt-0.5 font-medium opacity-80", children: n.name }))] }), n.description && (_jsx(Text, { className: "text-xs opacity-60 mb-3", children: n.description })), _jsxs("div", { className: `flex items-center gap-2 rounded-lg border border-dashed px-3 py-2 ${colors.code}`, children: [_jsx("span", { className: "flex-1 font-mono text-sm font-bold tracking-widest uppercase select-all", children: n.code || "—" }), n.code && (_jsx("button", { type: "button", onClick: handleCopy, className: "shrink-0 rounded-md px-2.5 py-1 text-xs font-semibold transition-all hover:opacity-80 active:scale-95 bg-white/60 dark:bg-black/20 border border-current/20", "aria-label": "Copy coupon code", children: copied ? labels.copied : labels.copy }))] }), showClaim && n.code && n.isActive && (_jsx("div", { className: "mt-2", children: _jsx("button", { type: "button", onClick: handleClaim, disabled: claiming, className: "w-full rounded-md px-3 py-1.5 text-xs font-semibold transition-all active:scale-95 bg-[var(--appkit-color-primary-700)] text-[var(--appkit-color-text-on-primary,#fff)] hover:bg-[var(--appkit-color-primary-800)] disabled:opacity-50", "aria-label": `Claim coupon ${n.code} and apply at checkout`, children: claiming ? labels.claiming : labels.claim }) })), _jsxs(Row, { wrap: true, gap: "sm", className: "text-xs opacity-60 mt-2", children: [n.minOrderAmount ? (_jsxs(Span, { children: [labels.minOrder, ": \u20B9", (n.minOrderAmount / 100).toFixed(0)] })) : null, expiry && (_jsxs(Span, { children: [labels.expires, ": ", expiry] })), n.usageLimit ? (_jsxs(Span, { children: [n.usageCount, "/", n.usageLimit, " ", labels.used] })) : n.usageCount > 0 ? (_jsxs(Span, { children: [n.usageCount, " ", labels.used] })) : null] }), hasAdminActions && (_jsxs(Row, { gap: "xs", className: "mt-auto pt-3 justify-end", children: [onEdit && (_jsx("button", { type: "button", onClick: () => onEdit(n.id), title: labels.edit, "aria-label": labels.edit, className: "rounded-lg p-1.5 text-zinc-500 hover:bg-white/60 dark:hover:bg-black/30 hover:text-zinc-800 dark:hover:text-zinc-200 transition-colors", children: _jsx(Pencil, { className: "h-4 w-4" }) })), onToggleActive && (_jsx("button", { type: "button", onClick: handleToggle, disabled: busy === "toggle", title: n.isActive ? labels.deactivate : labels.activate, "aria-label": n.isActive ? labels.deactivate : labels.activate, className: "rounded-lg p-1.5 text-zinc-500 hover:bg-white/60 dark:hover:bg-black/30 transition-colors disabled:opacity-50", children: n.isActive
                             ? _jsx(ToggleRight, { className: "h-4 w-4 text-emerald-600 dark:text-emerald-400" })
                             : _jsx(ToggleLeft, { className: "h-4 w-4" }) })), onDelete && (_jsx("button", { type: "button", onClick: handleDelete, disabled: busy === "delete", title: labels.delete, "aria-label": labels.delete, className: "rounded-lg p-1.5 text-zinc-500 hover:bg-red-50 dark:hover:bg-red-950/40 hover:text-red-600 dark:hover:text-red-400 transition-colors disabled:opacity-50", children: _jsx(Trash2, { className: "h-4 w-4" }) }))] }))] }));
 }

package/dist/features/promotions/repository/claimed-coupons.repository.d.ts

@@ -0,0 +1,27 @@
+/**
+ * Claimed Coupons Repository — plan §10
+ *
+ * One row per (userId, couponCode). Top-level collection so the user wallet
+ * page is a single indexed read. Status is lazily flipped to "expired" on
+ * read when `expiresAt < now`. Soft-delete only (status stays, no destroy).
+ */
+import { BaseRepository } from "../../../providers/db-firebase";
+import { type ClaimedCouponDocument, type ClaimedCouponSource, type ClaimedCouponSnapshot } from "../schemas";
+export interface ClaimedCouponCreateInput {
+    userId: string;
+    couponId: string;
+    couponCode: string;
+    source: ClaimedCouponSource;
+    couponSnapshot: ClaimedCouponSnapshot;
+    expiresAt?: Date | null;
+}
+export declare class ClaimedCouponsRepository extends BaseRepository<ClaimedCouponDocument> {
+    constructor();
+    findByUserAndCode(userId: string, couponCode: string): Promise<ClaimedCouponDocument | null>;
+    /** Idempotent claim — returns the existing claim if one already exists. */
+    claim(input: ClaimedCouponCreateInput): Promise<ClaimedCouponDocument>;
+    listForUser(userId: string): Promise<ClaimedCouponDocument[]>;
+    markUsed(userId: string, couponCode: string, orderId: string): Promise<void>;
+    softRemove(userId: string, couponCode: string): Promise<void>;
+}
+export declare const claimedCouponsRepository: ClaimedCouponsRepository;

package/dist/features/promotions/repository/claimed-coupons.repository.js

@@ -0,0 +1,115 @@
+/**
+ * Claimed Coupons Repository — plan §10
+ *
+ * One row per (userId, couponCode). Top-level collection so the user wallet
+ * page is a single indexed read. Status is lazily flipped to "expired" on
+ * read when `expiresAt < now`. Soft-delete only (status stays, no destroy).
+ */
+import { BaseRepository, prepareForFirestore, } from "../../../providers/db-firebase";
+import { CLAIMED_COUPONS_COLLECTION, createClaimedCouponId, } from "../schemas";
+import { DatabaseError } from "../../../errors";
+export class ClaimedCouponsRepository extends BaseRepository {
+    constructor() {
+        super(CLAIMED_COUPONS_COLLECTION);
+    }
+    async findByUserAndCode(userId, couponCode) {
+        return this.findById(createClaimedCouponId(userId, couponCode));
+    }
+    /** Idempotent claim — returns the existing claim if one already exists. */
+    async claim(input) {
+        try {
+            const id = createClaimedCouponId(input.userId, input.couponCode);
+            const existing = await this.findById(id);
+            if (existing)
+                return existing;
+            const now = new Date();
+            const doc = {
+                id,
+                userId: input.userId,
+                couponId: input.couponId,
+                couponCode: input.couponCode.toUpperCase(),
+                source: input.source,
+                couponSnapshot: input.couponSnapshot,
+                status: "active",
+                expiresAt: input.expiresAt ?? null,
+                claimedAt: now,
+                updatedAt: now,
+            };
+            await this.db
+                .collection(this.collection)
+                .doc(id)
+                .set(prepareForFirestore(doc));
+            return doc;
+        }
+        catch (error) {
+            throw new DatabaseError("Failed to claim coupon", error);
+        }
+    }
+    async listForUser(userId) {
+        try {
+            const snap = await this.db
+                .collection(this.collection)
+                .where("userId", "==", userId)
+                .get();
+            const now = Date.now();
+            const rows = [];
+            for (const docSnap of snap.docs) {
+                const raw = this.mapDoc(docSnap);
+                // Lazy expire — flip status when validity has passed. Best-effort
+                // write-back; consumers see the corrected status immediately.
+                if (raw.status === "active" &&
+                    raw.expiresAt &&
+                    new Date(raw.expiresAt).getTime() < now) {
+                    raw.status = "expired";
+                    void this.db
+                        .collection(this.collection)
+                        .doc(raw.id)
+                        .update({ status: "expired", updatedAt: new Date() })
+                        .catch(() => {
+                        /* best-effort */
+                    });
+                }
+                rows.push(raw);
+            }
+            return rows;
+        }
+        catch (error) {
+            throw new DatabaseError("Failed to list claimed coupons", error);
+        }
+    }
+    async markUsed(userId, couponCode, orderId) {
+        const id = createClaimedCouponId(userId, couponCode);
+        try {
+            await this.db
+                .collection(this.collection)
+                .doc(id)
+                .update({
+                status: "used",
+                usedAt: new Date(),
+                usedOrderId: orderId,
+                updatedAt: new Date(),
+            });
+        }
+        catch (error) {
+            throw new DatabaseError("Failed to mark coupon used", error);
+        }
+    }
+    async softRemove(userId, couponCode) {
+        const id = createClaimedCouponId(userId, couponCode);
+        try {
+            // Soft-delete = bump status to expired with a marker. We never physically
+            // delete so the audit trail (claim source + dates) is preserved.
+            await this.db
+                .collection(this.collection)
+                .doc(id)
+                .update({
+                status: "expired",
+                updatedAt: new Date(),
+            });
+        }
+        catch (error) {
+            throw new DatabaseError("Failed to remove claimed coupon", error);
+        }
+    }
+}
+export const claimedCouponsRepository = new ClaimedCouponsRepository();

package/dist/features/promotions/schemas/firestore.d.ts

@@ -70,6 +70,40 @@ export interface CouponUsageDocument {
     lastUsedAt: Date;
     orders: string[];
 }
+export type ClaimedCouponStatus = "active" | "expired" | "used";
+export type ClaimedCouponSource = "manual" | "promo" | "spin" | "raffle" | "prize-draw";
+export interface ClaimedCouponSnapshot {
+    name: string;
+    description?: string;
+    type: CouponType;
+    scope: "admin" | "seller";
+    storeId?: string;
+    discount: DiscountConfig;
+    restrictions: RestrictionsConfig;
+}
+export interface ClaimedCouponDocument {
+    id: string;
+    userId: string;
+    couponId: string;
+    couponCode: string;
+    /** Source surface that initiated the claim — useful for analytics + UX. */
+    source: ClaimedCouponSource;
+    /** Denormalised snapshot so the wallet list renders without joins. */
+    couponSnapshot: ClaimedCouponSnapshot;
+    /** Lifecycle: active → used after redemption, → expired when validity.endDate passes. */
+    status: ClaimedCouponStatus;
+    /** Mirrors coupon.validity.endDate; null when the coupon is open-ended. */
+    expiresAt?: Date | null;
+    /** Set when status transitions to "used". */
+    usedAt?: Date;
+    /** Set when status transitions to "used". */
+    usedOrderId?: string;
+    claimedAt: Date;
+    updatedAt: Date;
+}
+export declare const CLAIMED_COUPONS_COLLECTION: "claimedCoupons";
+export declare const CLAIMED_COUPONS_INDEXED_FIELDS: readonly ["userId", "couponCode", "status", "expiresAt"];
+export declare function createClaimedCouponId(userId: string, couponCode: string): string;
 export declare const COUPONS_COLLECTION: "coupons";
 export declare const COUPON_USAGE_SUBCOLLECTION: "couponUsage";
 export declare const COUPONS_INDEXED_FIELDS: readonly ["code", "validity.isActive", "validity.startDate", "validity.endDate", "type", "createdBy"];

package/dist/features/promotions/schemas/firestore.js

@@ -2,6 +2,19 @@
  * Coupons/Promotions Firestore Document Types & Constants
  */
 import { generateCouponId } from "../../../utils/id-generators";
+export const CLAIMED_COUPONS_COLLECTION = "claimedCoupons";
+export const CLAIMED_COUPONS_INDEXED_FIELDS = [
+    "userId",
+    "couponCode",
+    "status",
+    "expiresAt",
+];
+export function createClaimedCouponId(userId, couponCode) {
+    // Mirrors the wishlist/history "claimed-{userSlug}-{code}" prefix convention.
+    const userSlug = userId.replace(/^user-/, "").toLowerCase();
+    const code = couponCode.toLowerCase().replace(/[^a-z0-9]+/g, "-");
+    return `claimed-${userSlug}-${code}`;
+}
 export const COUPONS_COLLECTION = "coupons";
 export const COUPON_USAGE_SUBCOLLECTION = "couponUsage";
 export const COUPONS_INDEXED_FIELDS = [
@@ -48,7 +61,7 @@ export const COUPON_TYPE_LABELS = {
 };
 export const DEFAULT_COUPON_DATA = {
     usage: { currentUsage: 0 },
-    validity: { isActive: false, startDate: new Date(), endDate: undefined },
+    validity: { isActive: true, startDate: new Date(), endDate: undefined },
     restrictions: { firstTimeUserOnly: false, combineWithSellerCoupons: false },
     stats: { totalUses: 0, totalRevenue: 0, totalDiscount: 0 },
 };

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

@@ -6,8 +6,6 @@ export type { ReviewSummaryProps } from "./ReviewSummary";
 export { ReviewSummary } from "./ReviewSummary";
 export type { ViewReviewModalProps } from "./ReviewModal";
 export { ViewReviewModal } from "./ReviewModal";
-export { ReviewsListView } from "./ReviewsListView";
-export type { ReviewsListViewProps } from "./ReviewsListView";
 export { ReviewsIndexListing } from "./ReviewsIndexListing";
 export type { ReviewsIndexListingProps } from "./ReviewsIndexListing";
 export type { ReviewDetailPageViewProps } from "./ReviewDetailPageView";

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

@@ -2,5 +2,4 @@ export { ReviewCard, ReviewsList } from "./ReviewsList";
 export { ReviewFilters, REVIEW_SORT_OPTIONS, REVIEW_FILTER_KEYS, REVIEW_ADMIN_SORT_OPTIONS, REVIEW_SELLER_SORT_OPTIONS, REVIEW_PUBLIC_SORT_OPTIONS, getReviewFilterKeys, getReviewSortOptions, } from "./ReviewFilters";
 export { ReviewSummary } from "./ReviewSummary";
 export { ViewReviewModal } from "./ReviewModal";
-export { ReviewsListView } from "./ReviewsListView";
 export { ReviewsIndexListing } from "./ReviewsIndexListing";

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

@@ -4,14 +4,16 @@ import { InlineCreateSelect } from "../../../ui/components/InlineCreateSelect";
 import { BrandQuickCreateForm } from "../../admin/components/BrandQuickCreateForm";
 import { apiClient } from "../../../http";
 import { ADMIN_ENDPOINTS } from "../../../constants/api-endpoints";
-async function loadBrandOptions(query, page) {
+// Admin: paginated search via /api/admin/brands (admin/mod only).
+// Response via successResponse({ data: items, total }) → apiClient unwraps to { data, total }.
+async function loadAdminBrandOptions(query, page) {
     const params = new URLSearchParams({
         q: query,
         page: String(page),
         pageSize: "20",
     });
     const res = await apiClient.get(`${ADMIN_ENDPOINTS.BRANDS}?${params}`);
-    const raw = res.brands ?? res.items ?? [];
+    const raw = res.data ?? res.items ?? [];
     const items = raw.map((b) => ({
         value: String(b.id ?? ""),
         label: String(b.name ?? ""),
@@ -19,8 +21,26 @@ async function loadBrandOptions(query, page) {
     const total = res.total ?? items.length;
     return { items, hasMore: page * 20 < total, nextPage: page + 1 };
 }
+// Seller/public: unauthenticated /api/brands endpoint returns { items, total }.
+// Client-side query filtering so all sellers can access the brand list.
+async function loadPublicBrandOptions(query, page) {
+    const params = new URLSearchParams({
+        page: String(page),
+        pageSize: "100",
+        active: "true",
+    });
+    const res = await apiClient.get(`/api/brands?${params}`);
+    const all = (res.items ?? []).map((b) => ({
+        value: String(b.id ?? ""),
+        label: String(b.name ?? ""),
+    }));
+    const q = query.trim().toLowerCase();
+    const items = q ? all.filter((b) => b.label.toLowerCase().includes(q)) : all;
+    return { items, hasMore: false, nextPage: page + 1 };
+}
 export function BrandInlineSelect({ value, onChange, placeholder = "Search brands…", disabled, allowCreate = true, }) {
-    return (_jsx(InlineCreateSelect, { value: value || null, onChange: (v) => onChange(v ?? ""), loadOptions: loadBrandOptions, placeholder: placeholder, disabled: disabled, createLabel: "brand", drawerTitle: "Create Brand", renderCreateForm: allowCreate
+    const loadOptions = allowCreate ? loadAdminBrandOptions : loadPublicBrandOptions;
+    return (_jsx(InlineCreateSelect, { value: value || null, onChange: (v) => onChange(v ?? ""), loadOptions: loadOptions, placeholder: placeholder, disabled: disabled, createLabel: "brand", drawerTitle: "Create Brand", renderCreateForm: allowCreate
             ? ({ onCreated, onCancel }) => (_jsx(BrandQuickCreateForm, { onSaved: (id, name) => onCreated({ value: id, label: name }), onCancel: onCancel }))
             : undefined }));
 }

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

@@ -4,7 +4,9 @@ import { InlineCreateSelect } from "../../../ui/components/InlineCreateSelect";
 import { CategoryQuickCreateForm } from "../../admin/components/CategoryQuickCreateForm";
 import { apiClient } from "../../../http";
 import { ADMIN_ENDPOINTS } from "../../../constants/api-endpoints";
-async function loadCategoryOptions(query, page) {
+// Admin: paginated + server-side search via /api/admin/categories (admin/mod only).
+// Response via successResponse({ data: items, total }) → apiClient unwraps to { data, total, ... }.
+async function loadAdminCategoryOptions(query, page) {
     const params = new URLSearchParams({
         q: query,
         page: String(page),
@@ -12,15 +14,30 @@ async function loadCategoryOptions(query, page) {
         flat: "true",
     });
     const res = await apiClient.get(`${ADMIN_ENDPOINTS.CATEGORIES}?${params}`);
-    const items = (res.items ?? []).map((c) => ({
+    const items = (res.data ?? []).map((c) => ({
         value: String(c.id ?? ""),
         label: String(c.name ?? ""),
     }));
     const total = res.total ?? items.length;
     return { items, hasMore: page * 20 < total, nextPage: page + 1 };
 }
+// Seller: fetch all flat categories from the public unauthenticated endpoint,
+// filter client-side by query. Public endpoint returns { success, data: CategoryItem[] }.
+async function loadPublicCategoryOptions(query, _page) {
+    const params = new URLSearchParams({ flat: "true", pageSize: "200" });
+    const res = await fetch(`/api/categories?${params}`, { credentials: "include" });
+    const json = await res.json().catch(() => ({}));
+    const all = (json.data ?? []).map((c) => ({
+        value: String(c.id ?? ""),
+        label: String(c.name ?? ""),
+    }));
+    const q = query.trim().toLowerCase();
+    const items = q ? all.filter((c) => c.label.toLowerCase().includes(q)) : all;
+    return { items, hasMore: false, nextPage: 2 };
+}
 export function CategoryInlineSelect({ value, onChange, placeholder = "Search categories…", disabled, allowCreate = false, }) {
-    return (_jsx(InlineCreateSelect, { value: value || null, onChange: (v) => onChange(v ?? ""), loadOptions: loadCategoryOptions, placeholder: placeholder, disabled: disabled, createLabel: "category", drawerTitle: "Create Category", renderCreateForm: allowCreate
+    const loadOptions = allowCreate ? loadAdminCategoryOptions : loadPublicCategoryOptions;
+    return (_jsx(InlineCreateSelect, { value: value || null, onChange: (v) => onChange(v ?? ""), loadOptions: loadOptions, placeholder: placeholder, disabled: disabled, createLabel: "category", drawerTitle: "Create Category", renderCreateForm: allowCreate
             ? ({ onCreated, onCancel }) => (_jsx(CategoryQuickCreateForm, { onSaved: (id, name) => onCreated({ value: id, label: name }), onCancel: onCancel }))
             : undefined }));
 }

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

@@ -2,7 +2,7 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useCallback, useEffect, useState } from "react";
 import { MapPin, Pencil, Plus, Trash2, Star } from "lucide-react";
-import { Button, Div, Heading, SideDrawer, Text } from "../../../ui";
+import { Button, Div, Heading, Row, SideDrawer, Text } from "../../../ui";
 import { SELLER_ENDPOINTS } from "../../../constants/api-endpoints";
 const INPUT_CLS = "w-full rounded-lg border border-zinc-300 dark:border-slate-600 bg-white dark:bg-slate-800 px-3 py-2 text-sm text-zinc-900 dark:text-zinc-100 placeholder-zinc-400 dark:placeholder-zinc-500 focus:outline-none focus:ring-2 focus:ring-[var(--appkit-color-primary)]";
 const CLS_GRID_2_COL = "grid grid-cols-2 gap-3";
@@ -48,6 +48,7 @@ function AddressCard({ address, onEdit, onDelete, }) {
 // ---------------------------------------------------------------------------
 export function SellerAddressesView({ apiBase = SELLER_ENDPOINTS.STORE_ADDRESSES, }) {
     const [addresses, setAddresses] = useState([]);
+    const [listView, setListView] = useState("table");
     const [isLoading, setIsLoading] = useState(true);
     const [errorMessage, setErrorMessage] = useState(null);
     const [drawerOpen, setDrawerOpen] = useState(false);
@@ -143,5 +144,5 @@ export function SellerAddressesView({ apiBase = SELLER_ENDPOINTS.STORE_ADDRESSES
     };
     const set = (key, value) => setDraft((p) => ({ ...p, [key]: value }));
     const handleTextField = (key) => (e) => set(key, e.target.value);
-    return (_jsxs("div", { className: "min-h-screen", children: [_jsxs("div", { className: "sticky z-10 bg-white/95 dark:bg-slate-900/95 backdrop-blur-sm border-b border-zinc-200 dark:border-slate-700 px-4 py-3 flex items-center justify-between", style: { top: "var(--header-height, 0px)" }, children: [_jsxs(_Fragment, { children: [_jsx(Heading, { level: 2, className: "text-base font-semibold text-zinc-900 dark:text-zinc-100", children: "Pickup Addresses" }), _jsx(Text, { className: "text-xs text-zinc-500 dark:text-zinc-400 mt-0.5", children: "Manage your store's pickup and return locations" })] }), _jsxs(Button, { size: "sm", onClick: openAdd, className: "flex items-center gap-1.5", children: [_jsx(Plus, { className: "h-4 w-4" }), _jsx("span", { children: "Add Address" })] })] }), _jsxs("div", { className: "py-6 px-4 sm:px-6 max-w-2xl", 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: "flex justify-center py-16", children: _jsx("div", { className: "h-6 w-6 animate-spin rounded-full border-2 border-[var(--appkit-color-primary)] border-t-transparent" }) })) : addresses.length === 0 ? (_jsxs(Div, { className: "rounded-xl border-2 border-dashed border-zinc-200 dark:border-slate-700 py-16 flex flex-col items-center gap-3", children: [_jsx(MapPin, { className: "h-8 w-8 text-zinc-300 dark:text-slate-600" }), _jsx(Text, { className: "text-sm text-zinc-500 dark:text-zinc-400", children: "No pickup addresses yet" }), _jsx(Button, { size: "sm", variant: "outline", onClick: openAdd, children: "Add your first address" })] })) : (_jsx("div", { className: "grid gap-3", children: addresses.map((addr) => (_jsx("div", { className: deletingId === addr.id ? "opacity-50 pointer-events-none" : "", children: _jsx(AddressCard, { address: addr, onEdit: () => openEdit(addr), onDelete: () => handleDelete(addr) }) }, addr.id))) }))] }), _jsx(SideDrawer, { isOpen: drawerOpen, onClose: closeDrawer, title: editingId ? "Edit Address" : "Add Address", footer: _jsxs("div", { className: "flex gap-2", children: [_jsx(Button, { variant: "outline", onClick: closeDrawer, className: "flex-1", children: "Cancel" }), _jsx(Button, { onClick: handleSave, disabled: saving, className: "flex-1", children: saving ? "Saving…" : editingId ? "Save Changes" : "Add Address" })] }), children: _jsxs("div", { className: "space-y-4 py-1", children: [saveError && (_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: saveError })), _jsx(Field, { label: "Label *", hint: "e.g. Warehouse, Shop, Home", children: _jsx("input", { type: "text", value: draft.label, onChange: handleTextField("label"), placeholder: "Warehouse", maxLength: 60, className: INPUT_CLS }) }), _jsxs("div", { className: CLS_GRID_2_COL, children: [_jsx(Field, { label: "Full Name *", children: _jsx("input", { type: "text", value: draft.fullName, onChange: handleTextField("fullName"), placeholder: "Ravi Kumar", maxLength: 100, className: INPUT_CLS }) }), _jsx(Field, { label: "Phone *", children: _jsx("input", { type: "tel", value: draft.phone, onChange: handleTextField("phone"), placeholder: "+91 98765 43210", maxLength: 20, className: INPUT_CLS }) })] }), _jsx(Field, { label: "Address Line 1 *", children: _jsx("input", { type: "text", value: draft.addressLine1, onChange: handleTextField("addressLine1"), placeholder: "Shop 12, Main Market", maxLength: 200, className: INPUT_CLS }) }), _jsx(Field, { label: "Address Line 2", children: _jsx("input", { type: "text", value: draft.addressLine2, onChange: handleTextField("addressLine2"), placeholder: "Building / Floor (optional)", maxLength: 200, className: INPUT_CLS }) }), _jsx(Field, { label: "Landmark", children: _jsx("input", { type: "text", value: draft.landmark, onChange: handleTextField("landmark"), placeholder: "Near metro station (optional)", maxLength: 100, className: INPUT_CLS }) }), _jsxs("div", { className: CLS_GRID_2_COL, children: [_jsx(Field, { label: "City *", children: _jsx("input", { type: "text", value: draft.city, onChange: handleTextField("city"), placeholder: "Mumbai", maxLength: 100, className: INPUT_CLS }) }), _jsx(Field, { label: "State *", children: _jsx("input", { type: "text", value: draft.state, onChange: handleTextField("state"), placeholder: "Maharashtra", maxLength: 100, className: INPUT_CLS }) })] }), _jsxs("div", { className: CLS_GRID_2_COL, children: [_jsx(Field, { label: "Postal Code *", children: _jsx("input", { type: "text", value: draft.postalCode, onChange: handleTextField("postalCode"), placeholder: "400001", maxLength: 10, className: INPUT_CLS }) }), _jsx(Field, { label: "Country *", children: _jsx("input", { type: "text", value: draft.country, onChange: handleTextField("country"), placeholder: "India", maxLength: 60, className: INPUT_CLS }) })] }), _jsxs("label", { className: "flex items-center gap-3 cursor-pointer", children: [_jsx("input", { type: "checkbox", checked: draft.isDefault, onChange: (e) => set("isDefault", e.target.checked), className: "h-4 w-4 rounded border-zinc-300 dark:border-slate-600 text-[var(--appkit-color-primary)] focus:ring-[var(--appkit-color-primary)]" }), _jsx("span", { className: "text-sm text-zinc-700 dark:text-zinc-300", children: "Set as default pickup address" })] })] }) })] }));
+    return (_jsxs("div", { className: "min-h-screen", children: [_jsxs("div", { className: "sticky z-10 bg-white/95 dark:bg-slate-900/95 backdrop-blur-sm border-b border-zinc-200 dark:border-slate-700 px-4 py-3 flex items-center justify-between", style: { top: "var(--header-height, 0px)" }, children: [_jsxs(_Fragment, { children: [_jsx(Heading, { level: 2, className: "text-base font-semibold text-zinc-900 dark:text-zinc-100", children: "Pickup Addresses" }), _jsx(Text, { className: "text-xs text-zinc-500 dark:text-zinc-400 mt-0.5", children: "Manage your store's pickup and return locations" })] }), _jsxs(Button, { size: "sm", onClick: openAdd, className: "flex items-center gap-1.5", children: [_jsx(Plus, { className: "h-4 w-4" }), _jsx("span", { children: "Add Address" })] })] }), _jsxs("div", { className: "py-6 px-4 sm:px-6 max-w-2xl", 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: "flex justify-center py-16", children: _jsx("div", { className: "h-6 w-6 animate-spin rounded-full border-2 border-[var(--appkit-color-primary)] border-t-transparent" }) })) : addresses.length === 0 ? (_jsxs(Div, { className: "rounded-xl border-2 border-dashed border-zinc-200 dark:border-slate-700 py-16 flex flex-col items-center gap-3", children: [_jsx(MapPin, { className: "h-8 w-8 text-zinc-300 dark:text-slate-600" }), _jsx(Text, { className: "text-sm text-zinc-500 dark:text-zinc-400", children: "No pickup addresses yet" }), _jsx(Button, { size: "sm", variant: "outline", onClick: openAdd, children: "Add your first address" })] })) : (_jsxs(_Fragment, { children: [_jsxs(Row, { className: "justify-end mb-2", children: [_jsx(Button, { size: "sm", variant: listView === "table" ? "primary" : "ghost", onClick: () => setListView("table"), children: "Table" }), _jsx(Button, { size: "sm", variant: listView === "cards" ? "primary" : "ghost", onClick: () => setListView("cards"), children: "Cards" })] }), listView === "cards" ? (_jsx("div", { className: "grid gap-3", children: addresses.map((addr) => (_jsx("div", { className: deletingId === addr.id ? "opacity-50 pointer-events-none" : "", children: _jsx(AddressCard, { address: addr, onEdit: () => openEdit(addr), onDelete: () => handleDelete(addr) }) }, addr.id))) })) : (_jsx("div", { className: "overflow-x-auto rounded-lg border border-zinc-200 dark:border-slate-700", children: _jsxs("table", { className: "w-full text-sm", children: [_jsx("thead", { className: "bg-zinc-50 dark:bg-slate-800", children: _jsxs("tr", { children: [_jsx("th", { className: "text-left px-3 py-2 font-semibold", children: "Label" }), _jsx("th", { className: "text-left px-3 py-2 font-semibold", children: "Name" }), _jsx("th", { className: "text-left px-3 py-2 font-semibold", children: "City" }), _jsx("th", { className: "text-left px-3 py-2 font-semibold", children: "Phone" }), _jsx("th", { className: "text-right px-3 py-2 font-semibold", children: "Actions" })] }) }), _jsx("tbody", { children: addresses.map((addr) => (_jsxs("tr", { className: `border-t border-zinc-100 dark:border-slate-700 ${deletingId === addr.id ? "opacity-50" : ""}`, children: [_jsx("td", { className: "px-3 py-2", children: addr.label }), _jsx("td", { className: "px-3 py-2", children: addr.fullName }), _jsxs("td", { className: "px-3 py-2", children: [addr.city, ", ", addr.state] }), _jsx("td", { className: "px-3 py-2 tabular-nums", children: addr.phone }), _jsx("td", { className: "px-3 py-2 text-right", children: _jsxs(Row, { className: "gap-1 justify-end", children: [_jsx(Button, { size: "sm", variant: "ghost", onClick: () => openEdit(addr), children: "Edit" }), _jsx(Button, { size: "sm", variant: "ghost", onClick: () => handleDelete(addr), children: "Delete" })] }) })] }, addr.id))) })] }) }))] }))] }), _jsx(SideDrawer, { isOpen: drawerOpen, onClose: closeDrawer, title: editingId ? "Edit Address" : "Add Address", footer: _jsxs("div", { className: "flex gap-2", children: [_jsx(Button, { variant: "outline", onClick: closeDrawer, className: "flex-1", children: "Cancel" }), _jsx(Button, { onClick: handleSave, disabled: saving, className: "flex-1", children: saving ? "Saving…" : editingId ? "Save Changes" : "Add Address" })] }), children: _jsxs("div", { className: "space-y-4 py-1", children: [saveError && (_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: saveError })), _jsx(Field, { label: "Label *", hint: "e.g. Warehouse, Shop, Home", children: _jsx("input", { type: "text", value: draft.label, onChange: handleTextField("label"), placeholder: "Warehouse", maxLength: 60, className: INPUT_CLS }) }), _jsxs("div", { className: CLS_GRID_2_COL, children: [_jsx(Field, { label: "Full Name *", children: _jsx("input", { type: "text", value: draft.fullName, onChange: handleTextField("fullName"), placeholder: "Ravi Kumar", maxLength: 100, className: INPUT_CLS }) }), _jsx(Field, { label: "Phone *", children: _jsx("input", { type: "tel", value: draft.phone, onChange: handleTextField("phone"), placeholder: "+91 98765 43210", maxLength: 20, className: INPUT_CLS }) })] }), _jsx(Field, { label: "Address Line 1 *", children: _jsx("input", { type: "text", value: draft.addressLine1, onChange: handleTextField("addressLine1"), placeholder: "Shop 12, Main Market", maxLength: 200, className: INPUT_CLS }) }), _jsx(Field, { label: "Address Line 2", children: _jsx("input", { type: "text", value: draft.addressLine2, onChange: handleTextField("addressLine2"), placeholder: "Building / Floor (optional)", maxLength: 200, className: INPUT_CLS }) }), _jsx(Field, { label: "Landmark", children: _jsx("input", { type: "text", value: draft.landmark, onChange: handleTextField("landmark"), placeholder: "Near metro station (optional)", maxLength: 100, className: INPUT_CLS }) }), _jsxs("div", { className: CLS_GRID_2_COL, children: [_jsx(Field, { label: "City *", children: _jsx("input", { type: "text", value: draft.city, onChange: handleTextField("city"), placeholder: "Mumbai", maxLength: 100, className: INPUT_CLS }) }), _jsx(Field, { label: "State *", children: _jsx("input", { type: "text", value: draft.state, onChange: handleTextField("state"), placeholder: "Maharashtra", maxLength: 100, className: INPUT_CLS }) })] }), _jsxs("div", { className: CLS_GRID_2_COL, children: [_jsx(Field, { label: "Postal Code *", children: _jsx("input", { type: "text", value: draft.postalCode, onChange: handleTextField("postalCode"), placeholder: "400001", maxLength: 10, className: INPUT_CLS }) }), _jsx(Field, { label: "Country *", children: _jsx("input", { type: "text", value: draft.country, onChange: handleTextField("country"), placeholder: "India", maxLength: 60, className: INPUT_CLS }) })] }), _jsxs("label", { className: "flex items-center gap-3 cursor-pointer", children: [_jsx("input", { type: "checkbox", checked: draft.isDefault, onChange: (e) => set("isDefault", e.target.checked), className: "h-4 w-4 rounded border-zinc-300 dark:border-slate-600 text-[var(--appkit-color-primary)] focus:ring-[var(--appkit-color-primary)]" }), _jsx("span", { className: "text-sm text-zinc-700 dark:text-zinc-300", children: "Set as default pickup address" })] })] }) })] }));
 }