@mohasinac/appkit 2.4.10 → 2.5.0

package/dist/features/bundles/components/BundleForm.js

@@ -0,0 +1,126 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * BundleForm — SB3-B.
+ *
+ * Edit/create form for a bundle. Wraps BundleItemsPicker for the items
+ * section and uses appkit ui primitives for the rest. Categories/brands are
+ * entered as slugs for the v1 cut; rich pickers wire in later.
+ */
+import { useEffect, useMemo, useState } from "react";
+import { Alert, Badge, Button, Checkbox, Div, Heading, Input, Label, Row, Select, Stack, Textarea, } from "../../../ui";
+import { BundleItemsPicker } from "./BundleItemsPicker";
+import { BUNDLE_STATUS_OPTIONS, BUNDLE_VALIDATION, BUNDLES_CURRENCY, } from "../constants";
+function paiseToRupees(p) {
+    if (!p)
+        return "";
+    return (p / 100).toString();
+}
+function rupeesToPaise(s) {
+    const n = Number(s);
+    if (!Number.isFinite(n) || n < 0)
+        return 0;
+    return Math.round(n * 100);
+}
+function deriveOriginalTotal(items) {
+    return items.reduce((sum, it) => sum + it.price * it.quantity, 0);
+}
+function Field({ label, children }) {
+    return (_jsxs(Stack, { className: "gap-1", children: [_jsx(Label, { children: label }), children] }));
+}
+export function BundleForm({ storeId, storeName, initial, isReadonly, onSubmit, onCancel, submitLabel = "Save bundle", }) {
+    const [title, setTitle] = useState(initial?.title ?? "");
+    const [description, setDescription] = useState(initial?.description ?? "");
+    const [status, setStatus] = useState(initial?.status ?? "draft");
+    const [category, setCategory] = useState(initial?.category ?? "");
+    const [categorySlug, setCategorySlug] = useState(initial?.categorySlug ?? "");
+    const [subcategory, setSubcategory] = useState(initial?.subcategory ?? "");
+    const [brandSlug, setBrandSlug] = useState(initial?.brandSlug ?? "");
+    const [tagsCsv, setTagsCsv] = useState((initial?.tags ?? []).join(", "));
+    const [coverImagesCsv, setCoverImagesCsv] = useState((initial?.images ?? []).join("\n"));
+    const [videoUrl, setVideoUrl] = useState(initial?.video?.url ?? "");
+    const [bundleItems, setBundleItems] = useState(initial?.bundleItems ?? []);
+    const [bundleItemType, setBundleItemType] = useState(initial?.bundleItemType ?? bundleItems[0]?.listingType ?? null);
+    const [bundlePriceR, setBundlePriceR] = useState(paiseToRupees(initial?.bundlePrice));
+    const [maxPerUser, setMaxPerUser] = useState(initial?.maxPerUser?.toString() ?? "");
+    const [isFeatured, setIsFeatured] = useState(!!initial?.isFeatured);
+    const [isPromoted, setIsPromoted] = useState(!!initial?.isPromoted);
+    const [submitting, setSubmitting] = useState(false);
+    const [error, setError] = useState(null);
+    const originalTotal = useMemo(() => deriveOriginalTotal(bundleItems), [bundleItems]);
+    const bundlePricePaise = rupeesToPaise(bundlePriceR);
+    const savingsPaise = Math.max(0, originalTotal - bundlePricePaise);
+    const savingsPct = originalTotal > 0 ? Math.round((savingsPaise / originalTotal) * 100) : 0;
+    useEffect(() => {
+        setBundleItemType(bundleItems[0]?.listingType ?? null);
+    }, [bundleItems]);
+    const statusOptions = BUNDLE_STATUS_OPTIONS;
+    const validate = () => {
+        if (!title.trim())
+            return "Title is required.";
+        if (bundleItems.length < BUNDLE_VALIDATION.MIN_ITEMS) {
+            return `Bundles need at least ${BUNDLE_VALIDATION.MIN_ITEMS} items.`;
+        }
+        if (bundleItems.length > BUNDLE_VALIDATION.MAX_ITEMS) {
+            return `Bundles can have at most ${BUNDLE_VALIDATION.MAX_ITEMS} items.`;
+        }
+        if (!bundleItemType)
+            return "Bundle item type could not be derived.";
+        if (bundlePricePaise <= 0)
+            return "Bundle price must be greater than 0.";
+        if (bundlePricePaise > originalTotal) {
+            return "Bundle price cannot exceed the original total.";
+        }
+        return null;
+    };
+    const handleSubmit = async (e) => {
+        e.preventDefault();
+        const v = validate();
+        if (v) {
+            setError(v);
+            return;
+        }
+        setError(null);
+        setSubmitting(true);
+        try {
+            const value = {
+                ...initial,
+                title: title.trim(),
+                description: description.trim() || undefined,
+                status,
+                storeId,
+                storeName,
+                bundleItemType: bundleItemType,
+                bundleItems,
+                bundlePrice: bundlePricePaise,
+                bundleOriginalTotal: originalTotal,
+                currency: BUNDLES_CURRENCY,
+                category: category.trim() || undefined,
+                categorySlug: categorySlug.trim() || undefined,
+                subcategory: subcategory.trim() || undefined,
+                brandSlug: brandSlug.trim() || undefined,
+                tags: tagsCsv
+                    .split(",")
+                    .map((t) => t.trim())
+                    .filter(Boolean),
+                images: coverImagesCsv
+                    .split("\n")
+                    .map((u) => u.trim())
+                    .filter(Boolean),
+                video: videoUrl.trim() ? { url: videoUrl.trim() } : undefined,
+                maxPerUser: maxPerUser ? Number(maxPerUser) : undefined,
+                isFeatured,
+                isPromoted,
+                partOfBundleProductIds: bundleItems.map((it) => it.productId),
+            };
+            await onSubmit(value);
+        }
+        catch (err) {
+            setError(err instanceof Error ? err.message : "Failed to save bundle.");
+        }
+        finally {
+            setSubmitting(false);
+        }
+    };
+    return (_jsxs("form", { onSubmit: handleSubmit, className: "space-y-6", children: [error && _jsx(Alert, { variant: "error", children: error }), _jsxs(Stack, { className: "gap-4", children: [_jsx(Heading, { level: 3, children: "Basics" }), _jsx(Field, { label: "Title *", children: _jsx(Input, { value: title, onChange: (e) => setTitle(e.target.value), disabled: isReadonly, placeholder: "Pok\u00E9mon TCG Starter Pack", required: true }) }), _jsx(Field, { label: "Description", children: _jsx(Textarea, { value: description, onChange: (e) => setDescription(e.target.value), disabled: isReadonly, rows: 4 }) }), _jsx(Field, { label: "Status", children: _jsx(Select, { options: statusOptions, value: status, onValueChange: setStatus, disabled: isReadonly }) })] }), _jsxs(Stack, { className: "gap-4", children: [_jsx(Heading, { level: 3, children: "Items" }), _jsx(BundleItemsPicker, { storeId: storeId, value: bundleItems, onChange: setBundleItems, onTypeChange: setBundleItemType, disabled: isReadonly })] }), _jsxs(Stack, { className: "gap-4", children: [_jsx(Heading, { level: 3, children: "Pricing" }), _jsxs(Div, { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: [_jsx(Field, { label: "Bundle price (\u20B9) *", children: _jsx(Input, { type: "number", min: "0", step: "0.01", value: bundlePriceR, onChange: (e) => setBundlePriceR(e.target.value), disabled: isReadonly, required: true }) }), _jsx(Field, { label: "Original total (auto, \u20B9)", children: _jsx(Input, { value: (originalTotal / 100).toFixed(2), readOnly: true }) })] }), savingsPaise > 0 && (_jsxs(Badge, { variant: "success", children: ["Save \u20B9", (savingsPaise / 100).toLocaleString("en-IN"), " (", savingsPct, "% off)"] }))] }), _jsxs(Stack, { className: "gap-4", children: [_jsx(Heading, { level: 3, children: "Discovery" }), _jsxs(Div, { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: [_jsx(Field, { label: "Category", children: _jsx(Input, { value: category, onChange: (e) => setCategory(e.target.value), disabled: isReadonly }) }), _jsx(Field, { label: "Category slug", children: _jsx(Input, { value: categorySlug, onChange: (e) => setCategorySlug(e.target.value), disabled: isReadonly, placeholder: "category-action-figures" }) }), _jsx(Field, { label: "Subcategory", children: _jsx(Input, { value: subcategory, onChange: (e) => setSubcategory(e.target.value), disabled: isReadonly }) }), _jsx(Field, { label: "Brand slug", children: _jsx(Input, { value: brandSlug, onChange: (e) => setBrandSlug(e.target.value), disabled: isReadonly, placeholder: "brand-pokemon-company" }) })] }), _jsx(Field, { label: "Tags (comma separated)", children: _jsx(Input, { value: tagsCsv, onChange: (e) => setTagsCsv(e.target.value), disabled: isReadonly }) })] }), _jsxs(Stack, { className: "gap-4", children: [_jsx(Heading, { level: 3, children: "Media" }), _jsx(Field, { label: "Cover image URLs (one per line, up to 5)", children: _jsx(Textarea, { value: coverImagesCsv, onChange: (e) => setCoverImagesCsv(e.target.value), disabled: isReadonly, rows: 4 }) }), _jsx(Field, { label: "Video URL (optional)", children: _jsx(Input, { value: videoUrl, onChange: (e) => setVideoUrl(e.target.value), disabled: isReadonly }) })] }), _jsxs(Stack, { className: "gap-4", children: [_jsx(Heading, { level: 3, children: "Limits & promotion" }), _jsx(Field, { label: "Max per customer (blank = unlimited)", children: _jsx(Input, { type: "number", min: "0", value: maxPerUser, onChange: (e) => setMaxPerUser(e.target.value), disabled: isReadonly }) }), _jsx(Checkbox, { checked: isFeatured, onChange: (e) => setIsFeatured(e.target.checked), disabled: isReadonly, label: "Featured" }), _jsx(Checkbox, { checked: isPromoted, onChange: (e) => setIsPromoted(e.target.checked), disabled: isReadonly, label: "Promoted" })] }), !isReadonly && (_jsxs(Row, { className: "gap-2 justify-end", children: [onCancel && (_jsx(Button, { type: "button", variant: "ghost", onClick: onCancel, children: "Cancel" })), _jsx(Button, { type: "submit", variant: "primary", disabled: submitting, children: submitting ? "Saving…" : submitLabel })] }))] }));
+}

package/dist/features/bundles/components/BundleItemsPicker.d.ts

@@ -0,0 +1,9 @@
+import type { BundleItem, BundleItemListingType } from "../schemas/firestore";
+export interface BundleItemsPickerProps {
+    storeId: string;
+    value: BundleItem[];
+    onChange: (next: BundleItem[]) => void;
+    onTypeChange?: (type: BundleItemListingType | null) => void;
+    disabled?: boolean;
+}
+export declare function BundleItemsPicker({ storeId, value, onChange, onTypeChange, disabled, }: BundleItemsPickerProps): import("react/jsx-runtime").JSX.Element;

package/dist/features/bundles/components/BundleItemsPicker.js

@@ -0,0 +1,77 @@
+"use client";
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+/**
+ * BundleItemsPicker — SB3-A.
+ *
+ * Lets the seller pick 3–16 products from their own store to assemble a
+ * bundle. Bundles are homogeneous: the first item added locks the
+ * `bundleItemType` (`"standard"` or `"pre-order"`). Auctions and prize draws
+ * are intentionally excluded — the picker filters them out at the data source.
+ */
+import { useEffect, useMemo, useState } from "react";
+import { Button, Badge, Div, Input, Modal, Row, Select, Stack, Text, } from "../../../ui";
+import { useProducts } from "../../products/hooks/useProducts";
+import { BUNDLE_ITEM_TYPE_LABEL, BUNDLE_ITEM_TYPE_OPTIONS, BUNDLE_VALIDATION, } from "../constants";
+function formatPaise(paise) {
+    return `₹${(paise / 100).toLocaleString("en-IN", { maximumFractionDigits: 2 })}`;
+}
+function pickListingType(p) {
+    return p.listingType === "pre-order" ? "pre-order" : "standard";
+}
+export function BundleItemsPicker({ storeId, value, onChange, onTypeChange, disabled, }) {
+    const lockedType = value[0]?.listingType ?? null;
+    const [pickerOpen, setPickerOpen] = useState(false);
+    const [filterType, setFilterType] = useState(lockedType ?? "standard");
+    const [search, setSearch] = useState("");
+    useEffect(() => {
+        onTypeChange?.(lockedType);
+    }, [lockedType, onTypeChange]);
+    const { products, isLoading } = useProducts({
+        storeId,
+        listingType: filterType,
+        status: "published",
+        perPage: 100,
+    }, { enabled: pickerOpen });
+    const selectedIds = useMemo(() => new Set(value.map((it) => it.productId)), [value]);
+    const candidates = useMemo(() => {
+        const term = search.trim().toLowerCase();
+        return (products ?? [])
+            .filter((p) => !selectedIds.has(p.id))
+            .filter((p) => term ? (p.title ?? "").toLowerCase().includes(term) : true)
+            .slice(0, BUNDLE_VALIDATION.MAX_PICKER_RESULTS);
+    }, [products, selectedIds, search]);
+    const atMax = value.length >= BUNDLE_VALIDATION.MAX_ITEMS;
+    const belowMin = value.length < BUNDLE_VALIDATION.MIN_ITEMS;
+    const addItem = (p) => {
+        if (atMax)
+            return;
+        const itemType = pickListingType(p);
+        if (lockedType && itemType !== lockedType)
+            return;
+        const images = (p.images ?? []).slice(0, BUNDLE_VALIDATION.MAX_ITEM_IMAGES);
+        const next = {
+            productId: p.id,
+            productSlug: p.slug ?? p.id,
+            title: p.title ?? p.id,
+            listingType: itemType,
+            images,
+            video: p.video ??
+                undefined,
+            price: typeof p.price === "number" ? p.price : 0,
+            quantity: 1,
+            isSold: false,
+        };
+        onChange([...value, next]);
+    };
+    const updateQty = (productId, qty) => {
+        onChange(value.map((it) => it.productId === productId ? { ...it, quantity: Math.max(1, qty) } : it));
+    };
+    const removeItem = (productId) => {
+        onChange(value.filter((it) => it.productId !== productId));
+    };
+    return (_jsxs(Stack, { className: "gap-3", children: [_jsxs(Row, { className: "items-center justify-between flex-wrap gap-2", children: [_jsxs(Text, { className: "font-semibold", children: ["Bundle items (", value.length, "/", BUNDLE_VALIDATION.MAX_ITEMS, ")"] }), _jsxs(Row, { className: "items-center gap-2", children: [lockedType && (_jsxs(Badge, { variant: "secondary", children: [BUNDLE_ITEM_TYPE_LABEL[lockedType], " bundle"] })), _jsx(Button, { type: "button", variant: "secondary", disabled: disabled || atMax, onClick: () => setPickerOpen(true), children: "+ Add item" })] })] }), belowMin && (_jsxs(Text, { className: "text-sm text-[var(--appkit-color-danger,#ef4444)]", children: ["Minimum ", BUNDLE_VALIDATION.MIN_ITEMS, " items required to publish this bundle."] })), value.length === 0 ? (_jsx(Div, { className: "rounded border border-dashed border-zinc-300 dark:border-zinc-700 p-6 text-center", children: _jsxs(Text, { className: "text-[var(--appkit-color-text-muted,#6b7280)]", children: ["No items yet. Click ", _jsx("strong", { children: "Add item" }), " to choose from your store's standard or pre-order products. Auctions and prize draws are not eligible for bundles."] }) })) : (_jsx(Stack, { className: "gap-2", children: value.map((it) => (_jsxs(Row, { className: `items-center gap-3 rounded border border-zinc-200 dark:border-zinc-700 p-2 ${it.isSold ? "opacity-60" : ""}`, children: [_jsxs(Div, { className: "relative h-16 w-16 shrink-0 overflow-hidden rounded bg-zinc-100 dark:bg-zinc-800", children: [it.images?.[0] && (
+                                /* eslint-disable-next-line @next/next/no-img-element */
+                                _jsx("img", { src: it.images[0], alt: it.title, className: "h-full w-full object-cover" })), it.isSold && (_jsx(Div, { className: "absolute inset-0 grid place-items-center bg-black/50", children: _jsx(Text, { className: "text-xs font-semibold text-white", children: "Sold" }) }))] }), _jsxs(Stack, { className: "min-w-0 flex-1 gap-1", children: [_jsx(Text, { className: "truncate font-medium", children: it.title }), _jsxs(Row, { className: "items-center gap-2 text-xs", children: [_jsx(Badge, { variant: "secondary", children: BUNDLE_ITEM_TYPE_LABEL[it.listingType] }), _jsxs(Text, { className: "text-[var(--appkit-color-text-muted,#6b7280)]", children: [formatPaise(it.price), " \u00B7 qty ", it.quantity] })] })] }), _jsxs(Row, { className: "items-center gap-1", children: [_jsx(Button, { type: "button", variant: "ghost", size: "sm", disabled: disabled || it.isSold || it.quantity <= 1, onClick: () => updateQty(it.productId, it.quantity - 1), "aria-label": "Decrease quantity", children: "\u2212" }), _jsx(Text, { className: "w-6 text-center text-sm", children: it.quantity }), _jsx(Button, { type: "button", variant: "ghost", size: "sm", disabled: disabled || it.isSold, onClick: () => updateQty(it.productId, it.quantity + 1), "aria-label": "Increase quantity", children: "+" })] }), _jsx(Button, { type: "button", variant: "ghost", size: "sm", disabled: disabled || it.isSold, onClick: () => removeItem(it.productId), "aria-label": "Remove item", children: "Remove" })] }, it.productId))) })), _jsx(Modal, { open: pickerOpen, onClose: () => setPickerOpen(false), size: "lg", title: "Add bundle items", children: _jsxs(Stack, { className: "gap-3", children: [_jsxs(Row, { className: "gap-2 flex-wrap", children: [_jsx(Select, { options: BUNDLE_ITEM_TYPE_OPTIONS, value: filterType, onValueChange: setFilterType, disabled: !!lockedType }), _jsx(Input, { placeholder: "Search by title\u2026", value: search, onChange: (e) => setSearch(e.target.value), className: "flex-1 min-w-[200px]" })] }), lockedType && (_jsxs(Text, { className: "text-xs text-[var(--appkit-color-text-muted,#6b7280)]", children: ["Bundle type is locked to ", BUNDLE_ITEM_TYPE_LABEL[lockedType], " after the first item. Remove all items to reset."] })), isLoading ? (_jsx(Text, { children: "Loading store products\u2026" })) : candidates.length === 0 ? (_jsxs(Text, { className: "text-[var(--appkit-color-text-muted,#6b7280)]", children: ["No matching", " ", BUNDLE_ITEM_TYPE_LABEL[filterType].toLowerCase(), " products in your store."] })) : (_jsx(Stack, { className: "gap-2 max-h-[50vh] overflow-y-auto", children: candidates.map((p) => (_jsxs(Row, { className: "items-center gap-3 rounded border border-zinc-200 dark:border-zinc-700 p-2", children: [_jsx(Div, { className: "h-12 w-12 shrink-0 overflow-hidden rounded bg-zinc-100 dark:bg-zinc-800", children: p.images?.[0] && (
+                                        /* eslint-disable-next-line @next/next/no-img-element */
+                                        _jsx("img", { src: p.images[0], alt: p.title ?? p.id, className: "h-full w-full object-cover" })) }), _jsxs(Stack, { className: "min-w-0 flex-1 gap-1", children: [_jsx(Text, { className: "truncate text-sm font-medium", children: p.title ?? p.id }), _jsx(Text, { className: "text-xs text-[var(--appkit-color-text-muted,#6b7280)]", children: formatPaise(typeof p.price === "number" ? p.price : 0) })] }), _jsx(Button, { type: "button", variant: "secondary", size: "sm", disabled: atMax, onClick: () => addItem(p), children: "Add" })] }, p.id))) }))] }) })] }));
+}

package/dist/features/bundles/components/BundlesListingView.d.ts

@@ -0,0 +1,17 @@
+import { type BundleSort } from "../constants";
+import type { BundleDocument } from "../schemas/firestore";
+export type { BundleSort } from "../constants";
+export interface BundlesListingViewProps {
+    bundles: BundleDocument[];
+    total?: number;
+    page?: number;
+    totalPages?: number;
+    onPageChange?: (page: number) => void;
+    filters?: {
+        storeId?: string;
+        category?: string;
+        sort?: BundleSort;
+    };
+    onFiltersChange?: (next: BundlesListingViewProps["filters"]) => void;
+}
+export declare function BundlesListingView({ bundles, total, page, totalPages, onPageChange, filters, onFiltersChange, }: BundlesListingViewProps): import("react/jsx-runtime").JSX.Element;

package/dist/features/bundles/components/BundlesListingView.js

@@ -0,0 +1,50 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * BundlesListingView — SB3-H. Public sieve page for bundles.
+ *
+ * Renders a simple paginated grid of published bundles. Filters: store,
+ * category, sort. Data fetching is delegated to the parent via initialData;
+ * a follow-up can swap this to a useQuery hook against /api/bundles.
+ */
+import { useMemo, useState } from "react";
+import Link from "next/link";
+import { Badge, Button, Container, Div, Heading, Input, Label, Pagination, Row, Section, Select, Stack, Text, } from "../../../ui";
+import { ROUTES } from "../../../next/routing/route-map";
+import { BUNDLE_SORT_OPTIONS } from "../constants";
+function formatRupees(paise) {
+    return `₹${(paise / 100).toLocaleString("en-IN")}`;
+}
+function savingsPct(b) {
+    if (!b.bundleOriginalTotal)
+        return 0;
+    const off = Math.max(0, b.bundleOriginalTotal - b.bundlePrice);
+    return Math.round((off / b.bundleOriginalTotal) * 100);
+}
+export function BundlesListingView({ bundles, total, page = 1, totalPages = 1, onPageChange, filters, onFiltersChange, }) {
+    const [storeId, setStoreId] = useState(filters?.storeId ?? "");
+    const [category, setCategory] = useState(filters?.category ?? "");
+    const [sort, setSort] = useState(filters?.sort ?? "newest");
+    const sorted = useMemo(() => {
+        const list = [...bundles];
+        if (sort === "savings-desc")
+            list.sort((a, b) => savingsPct(b) - savingsPct(a));
+        else if (sort === "price-asc")
+            list.sort((a, b) => a.bundlePrice - b.bundlePrice);
+        return list;
+    }, [bundles, sort]);
+    const apply = () => {
+        onFiltersChange?.({
+            storeId: storeId || undefined,
+            category: category || undefined,
+            sort,
+        });
+    };
+    return (_jsx(Section, { children: _jsx(Container, { children: _jsxs(Stack, { className: "gap-6", children: [_jsxs(Stack, { className: "gap-2", children: [_jsx(Heading, { level: 1, children: "Bundles" }), _jsxs(Text, { className: "text-[var(--appkit-color-text-muted,#6b7280)]", children: ["Curated multi-product bundles from LetItRip sellers.", " ", typeof total === "number" && _jsxs("span", { children: [total, " results"] })] })] }), _jsxs(Row, { className: "gap-2 flex-wrap items-end", children: [_jsxs(Stack, { className: "gap-1", children: [_jsx(Label, { children: "Store" }), _jsx(Input, { value: storeId, onChange: (e) => setStoreId(e.target.value), placeholder: "store-xyz" })] }), _jsxs(Stack, { className: "gap-1", children: [_jsx(Label, { children: "Category slug" }), _jsx(Input, { value: category, onChange: (e) => setCategory(e.target.value), placeholder: "category-action-figures" })] }), _jsxs(Stack, { className: "gap-1", children: [_jsx(Label, { children: "Sort" }), _jsx(Select, { options: BUNDLE_SORT_OPTIONS, value: sort, onValueChange: setSort })] }), _jsx(Button, { type: "button", variant: "primary", onClick: apply, children: "Apply" })] }), sorted.length === 0 ? (_jsx(Div, { className: "rounded border border-dashed border-zinc-300 dark:border-zinc-700 p-10 text-center", children: _jsx(Text, { children: "No bundles match these filters yet." }) })) : (_jsx(Div, { className: "grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-4", children: sorted.map((b) => {
+                            const oos = b.status === "out_of_stock";
+                            const off = savingsPct(b);
+                            return (_jsxs(Link, { href: ROUTES.PUBLIC.BUNDLE_DETAIL(b.slug), className: "group block rounded-lg border border-zinc-200 dark:border-zinc-700 overflow-hidden hover:shadow-md transition", children: [_jsxs(Div, { className: `relative aspect-video bg-zinc-100 dark:bg-zinc-800 ${oos ? "opacity-60" : ""}`, children: [b.images?.[0] && (
+                                            /* eslint-disable-next-line @next/next/no-img-element */
+                                            _jsx("img", { src: b.images[0], alt: b.title, className: "h-full w-full object-cover" })), oos && (_jsx(Div, { className: "absolute inset-0 grid place-items-center bg-black/40", children: _jsx(Badge, { variant: "danger", children: "Currently unavailable" }) })), off > 0 && !oos && (_jsxs(Badge, { variant: "success", className: "absolute top-2 left-2", children: [off, "% off"] })), _jsxs(Badge, { variant: "secondary", className: "absolute top-2 right-2", children: [b.bundleItems.length, " items"] })] }), _jsxs(Stack, { className: "gap-1 p-3", children: [_jsx(Text, { className: "font-medium truncate", children: b.title }), _jsx(Text, { className: "text-xs text-[var(--appkit-color-text-muted,#6b7280)]", children: b.storeName }), _jsxs(Row, { className: "items-baseline gap-2", children: [_jsx(Text, { className: "font-semibold", children: formatRupees(b.bundlePrice) }), b.bundleOriginalTotal > b.bundlePrice && (_jsx(Text, { className: "text-xs line-through text-[var(--appkit-color-text-muted,#6b7280)]", children: formatRupees(b.bundleOriginalTotal) }))] })] })] }, b.id));
+                        }) })), totalPages > 1 && onPageChange && (_jsx(Pagination, { currentPage: page, totalPages: totalPages, onPageChange: onPageChange }))] }) }) }));
+}

package/dist/features/bundles/components/FeaturedBundlesSection.d.ts

@@ -0,0 +1,5 @@
+import type { FeaturedBundlesSectionConfig } from "../../homepage/schemas/firestore";
+export interface FeaturedBundlesSectionProps {
+    config: FeaturedBundlesSectionConfig;
+}
+export declare function FeaturedBundlesSection({ config, }: FeaturedBundlesSectionProps): Promise<import("react/jsx-runtime").JSX.Element>;

package/dist/features/bundles/components/FeaturedBundlesSection.js

@@ -0,0 +1,55 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import Link from "next/link";
+import { Container, Heading, Section, Stack, Text, } from "../../../ui";
+import { ROUTES } from "../../../next";
+import { listFeaturedBundles } from "../../../_internal/server/features/bundles/data";
+function formatINR(paise) {
+    if (typeof paise !== "number")
+        return "";
+    const rupees = paise / 100;
+    return new Intl.NumberFormat("en-IN", {
+        style: "currency",
+        currency: "INR",
+        maximumFractionDigits: 0,
+    }).format(rupees);
+}
+function sortBundles(bundles, sortBy) {
+    const arr = [...bundles];
+    switch (sortBy) {
+        case "savings-desc":
+            return arr.sort((a, b) => (b.discountPercent ?? 0) - (a.discountPercent ?? 0));
+        case "price-asc":
+            return arr.sort((a, b) => (a.bundlePrice ?? 0) - (b.bundlePrice ?? 0));
+        case "newest":
+        default:
+            return arr.sort((a, b) => b.createdAt.getTime() - a.createdAt.getTime());
+    }
+}
+export async function FeaturedBundlesSection({ config, }) {
+    const title = config.title ?? "Curated Bundles";
+    const subtitle = config.subtitle ?? "Everything you need in one deal";
+    const showSavingsBadge = config.showSavingsBadge ?? true;
+    const maxItems = Math.max(1, Math.min(config.maxItems ?? 8, 12));
+    let fetched = [];
+    try {
+        fetched = await listFeaturedBundles(maxItems * 2);
+    }
+    catch {
+        fetched = [];
+    }
+    const filtered = fetched.filter((b) => {
+        if (config.storeId && b.storeId !== config.storeId)
+            return false;
+        if (config.categorySlug && b.categorySlug !== config.categorySlug)
+            return false;
+        return true;
+    });
+    const bundles = sortBundles(filtered, config.sortBy).slice(0, maxItems);
+    return (_jsx(Section, { className: "py-10", children: _jsx(Container, { size: "xl", children: _jsxs(Stack, { gap: "md", children: [_jsxs(Stack, { gap: "xs", children: [_jsx(Heading, { level: 2, className: "text-2xl font-semibold text-zinc-900 dark:text-zinc-50", children: title }), subtitle ? (_jsx(Text, { className: "text-sm text-zinc-500 dark:text-zinc-400", children: subtitle })) : null] }), bundles.length === 0 ? (_jsxs(Stack, { align: "center", gap: "sm", className: "rounded-2xl border border-dashed border-zinc-300 px-6 py-12 text-center dark:border-slate-700", children: [_jsx(Text, { className: "text-sm text-zinc-500 dark:text-zinc-400", children: "Bundles are coming soon \u2014 check back shortly." }), _jsx(Link, { href: String(ROUTES.PUBLIC.PRODUCTS), className: "text-sm font-medium text-primary hover:underline", children: "Browse products \u2192" })] })) : (_jsx("div", { className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4", children: bundles.map((b) => {
+                            const href = b.storeId
+                                ? `${String(ROUTES.PUBLIC.STORES)}/${b.storeId}`
+                                : String(ROUTES.PUBLIC.PRODUCTS);
+                            return (_jsxs(Link, { href: href, className: "group block overflow-hidden rounded-2xl border border-zinc-200 bg-white shadow-sm transition hover:shadow-md dark:border-slate-700 dark:bg-slate-900", children: [b.coverImage ? (_jsx("div", { className: "aspect-[4/3] w-full bg-cover bg-center", style: { backgroundImage: `url(${b.coverImage})` } })) : (_jsx("div", { className: "aspect-[4/3] w-full bg-zinc-100 dark:bg-slate-800" })), _jsxs("div", { className: "space-y-2 p-4", children: [_jsx(Text, { className: "line-clamp-2 text-sm font-semibold text-zinc-900 dark:text-zinc-50", children: b.title }), _jsxs("div", { className: "flex items-center gap-2", children: [typeof b.bundlePrice === "number" ? (_jsx(Text, { className: "text-base font-bold text-primary", children: formatINR(b.bundlePrice) })) : null, typeof b.originalPrice === "number" &&
+                                                        b.originalPrice > (b.bundlePrice ?? 0) ? (_jsx(Text, { className: "text-xs text-zinc-500 line-through dark:text-zinc-400", children: formatINR(b.originalPrice) })) : null, showSavingsBadge && typeof b.discountPercent === "number" && b.discountPercent > 0 ? (_jsxs("span", { className: "ml-auto rounded-full bg-emerald-100 px-2 py-0.5 text-xs font-medium text-emerald-700 dark:bg-emerald-900/40 dark:text-emerald-300", children: ["-", b.discountPercent, "%"] })) : null] }), _jsxs(Text, { className: "text-xs text-zinc-500 dark:text-zinc-400", children: [b.productIds.length, " items"] })] })] }, b.id));
+                        }) }))] }) }) }));
+}

package/dist/features/bundles/components/SellerBundleCreateView.d.ts

@@ -0,0 +1,8 @@
+import { type BundleFormValue } from "./BundleForm";
+export interface SellerBundleCreateViewProps {
+    storeId: string;
+    storeName: string;
+    onSubmit: (value: BundleFormValue) => Promise<void> | void;
+    onCancel?: () => void;
+}
+export declare function SellerBundleCreateView({ storeId, storeName, onSubmit, onCancel, }: SellerBundleCreateViewProps): import("react/jsx-runtime").JSX.Element;

package/dist/features/bundles/components/SellerBundleCreateView.js

@@ -0,0 +1,7 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Container, Heading, Section, Stack } from "../../../ui";
+import { BundleForm } from "./BundleForm";
+export function SellerBundleCreateView({ storeId, storeName, onSubmit, onCancel, }) {
+    return (_jsx(Section, { children: _jsx(Container, { children: _jsxs(Stack, { className: "gap-6", children: [_jsx(Heading, { level: 1, children: "Create a bundle" }), _jsx(BundleForm, { storeId: storeId, storeName: storeName, onSubmit: onSubmit, onCancel: onCancel, submitLabel: "Create bundle" })] }) }) }));
+}

package/dist/features/bundles/components/SellerBundleEditView.d.ts

@@ -0,0 +1,9 @@
+import { type BundleFormValue } from "./BundleForm";
+import type { BundleDocument } from "../schemas/firestore";
+export interface SellerBundleEditViewProps {
+    bundle: BundleDocument;
+    storeName: string;
+    onSubmit: (value: BundleFormValue) => Promise<void> | void;
+    onCancel?: () => void;
+}
+export declare function SellerBundleEditView({ bundle, storeName, onSubmit, onCancel, }: SellerBundleEditViewProps): import("react/jsx-runtime").JSX.Element;

package/dist/features/bundles/components/SellerBundleEditView.js

@@ -0,0 +1,7 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Container, Heading, Section, Stack } from "../../../ui";
+import { BundleForm } from "./BundleForm";
+export function SellerBundleEditView({ bundle, storeName, onSubmit, onCancel, }) {
+    return (_jsx(Section, { children: _jsx(Container, { children: _jsxs(Stack, { className: "gap-6", children: [_jsx(Heading, { level: 1, children: "Edit bundle" }), _jsx(BundleForm, { storeId: bundle.storeId, storeName: storeName, initial: bundle, onSubmit: onSubmit, onCancel: onCancel, submitLabel: "Save changes" })] }) }) }));
+}

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

@@ -0,0 +1,16 @@
+export { FeaturedBundlesSection } from "./FeaturedBundlesSection";
+export type { FeaturedBundlesSectionProps } from "./FeaturedBundlesSection";
+export { BundleItemsPicker } from "./BundleItemsPicker";
+export type { BundleItemsPickerProps } from "./BundleItemsPicker";
+export { BundleForm } from "./BundleForm";
+export type { BundleFormValue, BundleFormProps } from "./BundleForm";
+export { SellerBundleCreateView } from "./SellerBundleCreateView";
+export type { SellerBundleCreateViewProps } from "./SellerBundleCreateView";
+export { SellerBundleEditView } from "./SellerBundleEditView";
+export type { SellerBundleEditViewProps } from "./SellerBundleEditView";
+export { AdminBundleEditorView } from "./AdminBundleEditorView";
+export type { AdminBundleEditorViewProps } from "./AdminBundleEditorView";
+export { BundlesListingView } from "./BundlesListingView";
+export type { BundlesListingViewProps, BundleSort, } from "./BundlesListingView";
+export { BundleDetailPageView } from "./BundleDetailPageView";
+export type { BundleDetailPageViewProps } from "./BundleDetailPageView";

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

@@ -0,0 +1,8 @@
+export { FeaturedBundlesSection } from "./FeaturedBundlesSection";
+export { BundleItemsPicker } from "./BundleItemsPicker";
+export { BundleForm } from "./BundleForm";
+export { SellerBundleCreateView } from "./SellerBundleCreateView";
+export { SellerBundleEditView } from "./SellerBundleEditView";
+export { AdminBundleEditorView } from "./AdminBundleEditorView";
+export { BundlesListingView } from "./BundlesListingView";
+export { BundleDetailPageView } from "./BundleDetailPageView";

package/dist/features/bundles/constants/index.d.ts

@@ -0,0 +1,32 @@
+/**
+ * Bundles — shared constants.
+ *
+ * Centralises tunables that the form, picker, listing view, API routes,
+ * and Zod validation all need to agree on. Single source of truth so the
+ * UI cap and the server-side check never drift apart.
+ */
+import type { SelectOption } from "../../../ui";
+import type { BundleItemListingType, BundleStatus } from "../schemas/firestore";
+export declare const BUNDLE_VALIDATION: {
+    readonly MIN_ITEMS: 3;
+    readonly MAX_ITEMS: 16;
+    readonly MAX_COVER_IMAGES: 5;
+    readonly MAX_ITEM_IMAGES: 2;
+    readonly MAX_RESULTS_PER_PAGE: 24;
+    readonly MAX_PICKER_RESULTS: 50;
+};
+export declare const BUNDLES_CURRENCY: "INR";
+export declare const BUNDLE_STATUS_OPTIONS: SelectOption<BundleStatus>[];
+export declare const BUNDLE_ITEM_TYPE_LABEL: Record<BundleItemListingType, string>;
+export declare const BUNDLE_ITEM_TYPE_OPTIONS: SelectOption<BundleItemListingType>[];
+export declare const BUNDLE_SORT_OPTIONS: readonly [{
+    readonly value: "newest";
+    readonly label: "Newest";
+}, {
+    readonly value: "savings-desc";
+    readonly label: "Biggest savings";
+}, {
+    readonly value: "price-asc";
+    readonly label: "Price (low → high)";
+}];
+export type BundleSort = (typeof BUNDLE_SORT_OPTIONS)[number]["value"];

package/dist/features/bundles/constants/index.js

@@ -0,0 +1,35 @@
+/**
+ * Bundles — shared constants.
+ *
+ * Centralises tunables that the form, picker, listing view, API routes,
+ * and Zod validation all need to agree on. Single source of truth so the
+ * UI cap and the server-side check never drift apart.
+ */
+export const BUNDLE_VALIDATION = {
+    MIN_ITEMS: 3,
+    MAX_ITEMS: 16,
+    MAX_COVER_IMAGES: 5,
+    MAX_ITEM_IMAGES: 2,
+    MAX_RESULTS_PER_PAGE: 24,
+    MAX_PICKER_RESULTS: 50,
+};
+export const BUNDLES_CURRENCY = "INR";
+export const BUNDLE_STATUS_OPTIONS = [
+    { value: "draft", label: "Draft" },
+    { value: "published", label: "Published" },
+    { value: "out_of_stock", label: "Out of stock" },
+    { value: "archived", label: "Archived" },
+];
+export const BUNDLE_ITEM_TYPE_LABEL = {
+    standard: "Standard",
+    "pre-order": "Pre-order",
+};
+export const BUNDLE_ITEM_TYPE_OPTIONS = [
+    { value: "standard", label: "Standard products" },
+    { value: "pre-order", label: "Pre-orders" },
+];
+export const BUNDLE_SORT_OPTIONS = [
+    { value: "newest", label: "Newest" },
+    { value: "savings-desc", label: "Biggest savings" },
+    { value: "price-asc", label: "Price (low → high)" },
+];

package/dist/features/bundles/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./components";
+export * from "./schemas";

package/dist/features/bundles/index.js

@@ -0,0 +1,2 @@
+export * from "./components";
+export * from "./schemas";

package/dist/features/bundles/repository/bundles.repository.d.ts

@@ -0,0 +1,36 @@
+/**
+ * bundlesRepository — SB1-H (S20 2026-05-12).
+ *
+ * Provides CRUD + targeted query helpers over the `bundles` collection.
+ * Stock sync is best-effort transactional: `markItemSold` flips the matching
+ * `bundleItems[].isSold` and re-derives bundle-level `status` from the items.
+ *
+ * Additive: no consumers wire this in yet. API routes + views land in later
+ * SB sessions (S21+).
+ */
+import { BaseRepository, type DocumentSnapshot } from "../../../providers/db-firebase";
+import { type BundleDocument, type BundleStatus } from "../schemas";
+export declare class BundlesRepository extends BaseRepository<BundleDocument> {
+    constructor();
+    protected mapDoc<D = BundleDocument>(snap: DocumentSnapshot): D;
+    findAll(): Promise<BundleDocument[]>;
+    findByStore(storeId: string, status?: BundleStatus): Promise<BundleDocument[]>;
+    findByCategory(category: string): Promise<BundleDocument[]>;
+    findFeatured(): Promise<BundleDocument[]>;
+    findBySlug(slug: string): Promise<BundleDocument | null>;
+    findContainingProduct(productId: string): Promise<BundleDocument[]>;
+    create(data: Partial<BundleDocument>): Promise<BundleDocument>;
+    /**
+     * SB1-H stock sync — flips the matching `bundleItems[].isSold` to true and
+     * re-derives bundle-level `status`. If ANY item is sold, bundle goes to
+     * `out_of_stock`. Idempotent: re-marking an already-sold item is a no-op.
+     */
+    markItemSold(bundleId: string, productId: string): Promise<BundleDocument | null>;
+    /**
+     * Read-only stock check — returns the live bundle doc with item flags
+     * without mutating anything. Useful when the caller wants to *display*
+     * stock state without triggering a write.
+     */
+    checkBundleStock(bundleId: string): Promise<BundleDocument | null>;
+}
+export declare const bundlesRepository: BundlesRepository;