@mohasinac/appkit 2.6.2 → 2.6.4

package/dist/features/categories/components/BundleDetailView.d.ts

@@ -0,0 +1,22 @@
+/**
+ * BundleDetailView — public detail page for a bundle (categoryType:"bundle"
+ * row on the categories collection). Rebuilt in S-SBUNI-3 2026-05-13 after
+ * the SB-UNI-V deletion. Slot-shell pattern: parent passes the doc + the
+ * resolved product members; this view stays presentational.
+ *
+ * Members rendered as a simple grid of product cards (links to PDPs). The
+ * "Buy bundle" CTA + non-refundable consent modal are intentionally NOT
+ * wired yet — bundle add-to-cart needs the SB-UNI-3 carry-over cohort
+ * (cart line `{bundleCategorySlug, qty}` + N-line checkout expansion).
+ */
+import type { CategoryDocument } from "../schemas";
+import type { ProductDocument } from "../../products/schemas/firestore";
+export interface BundleDetailViewProps {
+    bundle: CategoryDocument;
+    members?: ProductDocument[];
+    /** Direct-checkout callback (S-SBUNI-RULES). When supplied, renders the "Buy now" CTA. */
+    onBuyNow?: (input: {
+        bundleSlug: string;
+    }) => Promise<unknown>;
+}
+export declare function BundleDetailView({ bundle, members, onBuyNow, }: BundleDetailViewProps): import("react/jsx-runtime").JSX.Element;

package/dist/features/categories/components/BundleDetailView.js

@@ -0,0 +1,31 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import Link from "next/link";
+import { Badge, Container, Div, Heading, Main, Row, Section, Stack, Text, } from "../../../ui";
+import { ROUTES } from "../../../next/routing/route-map";
+import { formatCurrency } from "../../../utils/number.formatter";
+import { BUNDLE_COPY, BUNDLE_STOCK_VARIANT, } from "../../../_internal/shared/features/categories/bundle-copy";
+import { BundleBuyNowCta } from "./BundleBuyNowCta";
+const STOCK_BADGE_TEXT = {
+    in_stock: BUNDLE_COPY.stockBadge.in_stock,
+    partial: BUNDLE_COPY.stockBadge.partial,
+    out_of_stock: BUNDLE_COPY.stockBadge.out_of_stock,
+};
+const PLACEHOLDER_EMOJI = "📦";
+export function BundleDetailView({ bundle, members = [], onBuyNow, }) {
+    const memberCount = members.length || bundle.bundleProductIds?.length || 0;
+    const stock = bundle.bundleStockStatus ?? "in_stock";
+    const cover = bundle.display?.coverImage;
+    const priceLabel = bundle.bundlePriceInPaise
+        ? formatCurrency(bundle.bundlePriceInPaise / 100, "INR")
+        : BUNDLE_COPY.detail.priceFallback;
+    return (_jsx(Main, { children: _jsx(Section, { className: "py-10", children: _jsx(Container, { size: "xl", children: _jsxs(Stack, { gap: "lg", children: [_jsxs(Row, { gap: "lg", align: "start", className: "flex-col md:flex-row", children: [_jsx(Div, { className: "aspect-video w-full overflow-hidden rounded-2xl bg-zinc-100 md:w-1/2 dark:bg-zinc-800", children: cover ? (
+                                    // eslint-disable-next-line @next/next/no-img-element, lir/no-raw-media-elements
+                                    _jsx("img", { src: cover, alt: bundle.name, className: "h-full w-full object-cover" })) : (_jsx(Div, { className: "flex h-full w-full items-center justify-center text-6xl", children: PLACEHOLDER_EMOJI })) }), _jsxs(Stack, { gap: "md", className: "flex-1", children: [_jsx(Heading, { level: 1, className: "text-3xl font-semibold text-zinc-900 dark:text-zinc-100", children: bundle.name }), _jsxs(Row, { gap: "sm", align: "center", children: [_jsx(Text, { size: "lg", weight: "bold", children: priceLabel }), _jsxs(Text, { size: "sm", color: "muted", children: ["\u00B7 ", BUNDLE_COPY.detail.itemCount(memberCount)] }), _jsx(Badge, { variant: BUNDLE_STOCK_VARIANT[stock], children: STOCK_BADGE_TEXT[stock] })] }), bundle.description && (_jsxs(Stack, { gap: "xs", children: [_jsx(Heading, { level: 2, className: "text-sm font-semibold text-[var(--appkit-color-text-muted)]", children: BUNDLE_COPY.detailDescriptionHeading }), _jsx(Text, { className: "whitespace-pre-line", children: bundle.description })] })), onBuyNow ? (_jsx(BundleBuyNowCta, { bundleSlug: bundle.slug, outOfStock: stock === "out_of_stock", onBuyNow: onBuyNow })) : (_jsxs(Div, { className: "rounded-xl border border-dashed border-zinc-300 bg-zinc-50 p-4 text-sm dark:border-zinc-700 dark:bg-zinc-900", "aria-live": "polite", children: [_jsx(Text, { weight: "semibold", className: "mb-1 block", children: BUNDLE_COPY.detail.ctaDisabled }), _jsx(Text, { size: "sm", color: "muted", children: BUNDLE_COPY.detail.ctaHint })] }))] })] }), _jsxs(Stack, { gap: "md", children: [_jsx(Heading, { level: 2, className: "text-xl font-semibold text-zinc-900 dark:text-zinc-100", children: BUNDLE_COPY.detailItemsHeading }), members.length === 0 ? (_jsx(Text, { color: "muted", children: BUNDLE_COPY.detail.emptyMembers })) : (_jsx(Div, { className: "grid grid-cols-2 gap-3 sm:grid-cols-3 lg:grid-cols-4", children: members.map((p) => (_jsx(BundleMemberCard, { product: p }, p.id))) }))] })] }) }) }) }));
+}
+function BundleMemberCard({ product }) {
+    const href = String(ROUTES.PUBLIC.PRODUCT_DETAIL?.(product.slug ?? product.id) ?? "#");
+    const cover = product.mainImage ?? product.images?.[0];
+    return (_jsxs(Link, { href: href, className: "group rounded-xl border border-zinc-200 bg-white p-2 transition-colors hover:border-zinc-300 dark:border-zinc-800 dark:bg-zinc-900 dark:hover:border-zinc-700", children: [_jsx(Div, { className: "mb-2 aspect-square overflow-hidden rounded-lg bg-zinc-100 dark:bg-zinc-800", children: cover ? (
+                // eslint-disable-next-line @next/next/no-img-element, lir/no-raw-media-elements
+                _jsx("img", { src: cover, alt: product.title, className: "h-full w-full object-cover transition-transform group-hover:scale-105", loading: "lazy" })) : (_jsx(Div, { className: "flex h-full w-full items-center justify-center text-3xl", children: PLACEHOLDER_EMOJI })) }), _jsx(Text, { className: "line-clamp-2 text-sm font-medium", children: product.title }), _jsx(Text, { size: "xs", color: "muted", className: "mt-1", children: formatCurrency((product.price ?? 0) / 100, product.currency ?? "INR") })] }));
+}

package/dist/features/categories/components/BundleDynamicRuleEditor.d.ts

@@ -0,0 +1,18 @@
+type DynamicRule = {
+    type: "dynamic";
+    filter: {
+        categorySlug?: string;
+        brandSlug?: string;
+        tags?: string[];
+        listingType?: "standard" | "pre-order";
+    };
+    orderBy?: "price-asc" | "price-desc" | "createdAt-desc";
+    limit: number;
+};
+export interface BundleDynamicRuleEditorProps {
+    value: DynamicRule | null;
+    onChange: (next: DynamicRule) => void;
+    disabled?: boolean;
+}
+export declare function BundleDynamicRuleEditor({ value, onChange, disabled, }: BundleDynamicRuleEditorProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/features/categories/components/BundleDynamicRuleEditor.js

@@ -0,0 +1,60 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * BundleDynamicRuleEditor — S-SBUNI-5 2026-05-13.
+ *
+ * Dynamic-rule companion to BundleItemsPicker. When an admin picks "dynamic"
+ * as the bundle's query-rule type, this view collects:
+ *   - filter: categorySlug? · brandSlug? · tags? · listingType?
+ *   - orderBy: price-asc | price-desc | createdAt-desc
+ *   - limit (1..BUNDLE_MAX_ITEMS)
+ *
+ * The resolved member ids are computed by the `onProductStockChange` Firebase
+ * Function + a scheduled job, cached on `bundleProductIds[]` with a
+ * `bundleQueryResolvedAt` timestamp. This editor only writes the rule.
+ */
+import { useCallback } from "react";
+import { Div, Input, Row, Select, Stack, Text } from "../../../ui";
+import { BUNDLE_MAX_ITEMS } from "../../../_internal/shared/features/categories/bundle-config";
+import { BUNDLE_COPY } from "../../../_internal/shared/features/categories/bundle-copy";
+const DEFAULT_DYNAMIC_RULE = {
+    type: "dynamic",
+    filter: {},
+    orderBy: "createdAt-desc",
+    limit: 6,
+};
+const ORDER_BY_OPTIONS = [
+    { label: "Newest first", value: "createdAt-desc" },
+    { label: "Price (low → high)", value: "price-asc" },
+    { label: "Price (high → low)", value: "price-desc" },
+];
+const LISTING_TYPE_OPTIONS = [
+    { label: "Any (standard + pre-order)", value: "" },
+    { label: "Standard only", value: "standard" },
+    { label: "Pre-order only", value: "pre-order" },
+];
+export function BundleDynamicRuleEditor({ value, onChange, disabled = false, }) {
+    const rule = value ?? DEFAULT_DYNAMIC_RULE;
+    const patch = useCallback((next) => onChange({ ...rule, ...next }), [rule, onChange]);
+    const patchFilter = useCallback((next) => onChange({ ...rule, filter: { ...rule.filter, ...next } }), [rule, onChange]);
+    const tagsValue = (rule.filter.tags ?? []).join(", ");
+    return (_jsxs(Stack, { gap: "md", children: [_jsxs(Row, { gap: "sm", align: "center", justify: "between", className: "flex-wrap", children: [_jsx(Text, { size: "sm", weight: "semibold", children: BUNDLE_COPY.adminEditor.dynamic.title }), _jsx(Text, { size: "xs", color: "muted", children: BUNDLE_COPY.adminEditor.dynamic.hint })] }), _jsxs(Div, { className: "grid grid-cols-1 gap-3 sm:grid-cols-2", children: [_jsxs(Stack, { gap: "xs", children: [_jsx(Text, { size: "xs", weight: "semibold", children: BUNDLE_COPY.adminEditor.dynamic.fields.categorySlug }), _jsx(Input, { type: "text", value: rule.filter.categorySlug ?? "", onChange: (e) => patchFilter({ categorySlug: e.target.value.trim() || undefined }), placeholder: "category-action-figures", disabled: disabled })] }), _jsxs(Stack, { gap: "xs", children: [_jsx(Text, { size: "xs", weight: "semibold", children: BUNDLE_COPY.adminEditor.dynamic.fields.brandSlug }), _jsx(Input, { type: "text", value: rule.filter.brandSlug ?? "", onChange: (e) => patchFilter({ brandSlug: e.target.value.trim() || undefined }), placeholder: "brand-bandai", disabled: disabled })] })] }), _jsxs(Stack, { gap: "xs", children: [_jsx(Text, { size: "xs", weight: "semibold", children: BUNDLE_COPY.adminEditor.dynamic.fields.tags }), _jsx(Input, { type: "text", value: tagsValue, onChange: (e) => {
+                            const parsed = e.target.value
+                                .split(",")
+                                .map((t) => t.trim())
+                                .filter(Boolean);
+                            patchFilter({ tags: parsed.length ? parsed : undefined });
+                        }, placeholder: "pokemon, starter-deck", disabled: disabled })] }), _jsxs(Div, { className: "grid grid-cols-1 gap-3 sm:grid-cols-3", children: [_jsxs(Stack, { gap: "xs", children: [_jsx(Text, { size: "xs", weight: "semibold", children: BUNDLE_COPY.adminEditor.dynamic.fields.listingType }), _jsx(Select, { options: LISTING_TYPE_OPTIONS, value: rule.filter.listingType ?? "", onValueChange: (next) => patchFilter({
+                                    listingType: next === "" ? undefined : next,
+                                }), disabled: disabled, "aria-label": BUNDLE_COPY.adminEditor.dynamic.fields.listingType })] }), _jsxs(Stack, { gap: "xs", children: [_jsx(Text, { size: "xs", weight: "semibold", children: BUNDLE_COPY.adminEditor.dynamic.fields.orderBy }), _jsx(Select, { options: ORDER_BY_OPTIONS.map((o) => ({
+                                    label: o.label,
+                                    value: o.value,
+                                })), value: (rule.orderBy ?? "createdAt-desc"), onValueChange: (next) => patch({ orderBy: next }), disabled: disabled, "aria-label": BUNDLE_COPY.adminEditor.dynamic.fields.orderBy })] }), _jsxs(Stack, { gap: "xs", children: [_jsx(Text, { size: "xs", weight: "semibold", children: BUNDLE_COPY.adminEditor.dynamic.fields.limit }), _jsx(Input, { type: "number", inputMode: "numeric", min: 1, max: BUNDLE_MAX_ITEMS, step: 1, value: String(rule.limit), onChange: (e) => {
+                                    const next = Number(e.target.value);
+                                    if (Number.isFinite(next)) {
+                                        patch({
+                                            limit: Math.min(Math.max(1, Math.floor(next)), BUNDLE_MAX_ITEMS),
+                                        });
+                                    }
+                                }, disabled: disabled })] })] })] }));
+}

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

@@ -0,0 +1,26 @@
+export interface BundleItemSearchResult {
+    id: string;
+    title: string;
+    image?: string;
+    priceInPaise?: number;
+    storeId?: string;
+}
+export interface BundleItemsPickerProps {
+    /** Currently selected product ids. Source of truth lives in the parent form. */
+    value: string[];
+    /** Mutator called with the next ids list whenever a row is added or removed. */
+    onChange: (next: string[]) => void;
+    /** Async fetcher for search results. Receives debounced query. */
+    fetchProducts: (query: string) => Promise<BundleItemSearchResult[]>;
+    /** Optional override on min/max bounds (defaults to BUNDLE_MIN_ITEMS / BUNDLE_MAX_ITEMS). */
+    minItems?: number;
+    maxItems?: number;
+    /** Optional initial chip metadata so already-selected ids show titles, not raw ids. */
+    initialMetadata?: Record<string, BundleItemSearchResult>;
+}
+export declare function BundleItemsPicker({ value, onChange, fetchProducts, minItems, maxItems, initialMetadata, }: BundleItemsPickerProps): import("react/jsx-runtime").JSX.Element;
+/**
+ * Default fetcher hitting the public /api/products endpoint. Consumers can
+ * pass this directly to BundleItemsPicker's `fetchProducts` prop.
+ */
+export declare function defaultBundleItemsFetch(query: string): Promise<BundleItemSearchResult[]>;

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

@@ -0,0 +1,135 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * BundleItemsPicker — S-SBUNI-4 2026-05-13.
+ *
+ * Multi-select picker for bundle member products. Selected ids render as
+ * chips above the picker; a debounced search input queries the public
+ * /api/products endpoint and renders matches as checkbox rows. Enforces the
+ * BUNDLE_MIN_ITEMS / BUNDLE_MAX_ITEMS bounds at the UI level.
+ *
+ * The consumer passes a `fetchProducts(query)` prop so this component stays
+ * appkit-internal and the wire shape lives in the host app. A default
+ * implementation that hits `/api/products` is exported as
+ * `defaultBundleItemsFetch`.
+ */
+import { useCallback, useEffect, useMemo, useState } from "react";
+import { Badge, Button, Checkbox, Div, Input, Row, Stack, Text } from "../../../ui";
+import { BUNDLE_MAX_ITEMS, BUNDLE_MIN_ITEMS, } from "../../../_internal/shared/features/categories/bundle-config";
+import { BUNDLE_COPY } from "../../../_internal/shared/features/categories/bundle-copy";
+const SEARCH_DEBOUNCE_MS = 250;
+export function BundleItemsPicker({ value, onChange, fetchProducts, minItems = BUNDLE_MIN_ITEMS, maxItems = BUNDLE_MAX_ITEMS, initialMetadata = {}, }) {
+    const [query, setQuery] = useState("");
+    const [debouncedQuery, setDebouncedQuery] = useState("");
+    const [results, setResults] = useState([]);
+    const [isSearching, setIsSearching] = useState(false);
+    const [searchError, setSearchError] = useState(null);
+    const [metadata, setMetadata] = useState(initialMetadata);
+    // Debounce query
+    useEffect(() => {
+        const t = setTimeout(() => setDebouncedQuery(query.trim()), SEARCH_DEBOUNCE_MS);
+        return () => clearTimeout(t);
+    }, [query]);
+    // Fetch on debounced query change
+    useEffect(() => {
+        let cancelled = false;
+        if (debouncedQuery.length < 2) {
+            setResults([]);
+            setSearchError(null);
+            return;
+        }
+        setIsSearching(true);
+        setSearchError(null);
+        fetchProducts(debouncedQuery)
+            .then((rows) => {
+            if (cancelled)
+                return;
+            setResults(rows);
+            setMetadata((prev) => {
+                const next = { ...prev };
+                for (const r of rows)
+                    next[r.id] = r;
+                return next;
+            });
+        })
+            .catch((err) => {
+            if (cancelled)
+                return;
+            const msg = err instanceof Error ? err.message : "Search failed";
+            setSearchError(msg);
+            setResults([]);
+        })
+            .finally(() => {
+            if (!cancelled)
+                setIsSearching(false);
+        });
+        return () => {
+            cancelled = true;
+        };
+    }, [debouncedQuery, fetchProducts]);
+    const selectedSet = useMemo(() => new Set(value), [value]);
+    const toggle = useCallback((id) => {
+        if (selectedSet.has(id)) {
+            onChange(value.filter((v) => v !== id));
+            return;
+        }
+        if (value.length >= maxItems) {
+            return;
+        }
+        onChange([...value, id]);
+    }, [selectedSet, value, onChange, maxItems]);
+    const remove = useCallback((id) => onChange(value.filter((v) => v !== id)), [value, onChange]);
+    const tooFew = value.length < minItems;
+    const tooMany = value.length > maxItems;
+    const countLabel = BUNDLE_COPY.picker.selectedCount(value.length, minItems, maxItems);
+    const countVariant = tooFew || tooMany ? "warning" : "success";
+    return (_jsxs(Stack, { gap: "md", children: [_jsxs(Row, { gap: "sm", align: "center", justify: "between", className: "flex-wrap", children: [_jsx(Text, { size: "sm", weight: "semibold", children: BUNDLE_COPY.picker.title }), _jsx(Badge, { variant: countVariant, children: countLabel })] }), value.length > 0 && (_jsx(Div, { className: "flex flex-wrap gap-2 rounded-lg border border-zinc-200 bg-zinc-50 p-3 dark:border-zinc-700 dark:bg-zinc-900", children: value.map((id) => {
+                    const meta = metadata[id];
+                    const label = meta?.title ?? id;
+                    return (_jsxs(Row, { gap: "xs", align: "center", className: "rounded-full border border-zinc-300 bg-white px-3 py-1 text-xs dark:border-zinc-600 dark:bg-zinc-800", children: [_jsx(Text, { size: "xs", className: "max-w-[200px] truncate", children: label }), _jsx(Button, { variant: "ghost", size: "sm", "aria-label": BUNDLE_COPY.picker.removeAria(label), onClick: () => remove(id), children: "\u00D7" })] }, id));
+                }) })), _jsxs(Stack, { gap: "sm", children: [_jsx(Input, { type: "search", placeholder: BUNDLE_COPY.picker.searchPlaceholder, value: query, onChange: (e) => setQuery(e.target.value), "aria-label": BUNDLE_COPY.picker.searchAriaLabel }), searchError && (_jsx(Text, { size: "sm", color: "danger", children: searchError })), isSearching && (_jsx(Text, { size: "sm", color: "muted", children: BUNDLE_COPY.picker.searchingHint })), !isSearching &&
+                        debouncedQuery.length >= 2 &&
+                        results.length === 0 &&
+                        !searchError && (_jsx(Text, { size: "sm", color: "muted", children: BUNDLE_COPY.picker.noMatches(debouncedQuery) })), results.length > 0 && (_jsx(Div, { className: "max-h-72 overflow-y-auto rounded-lg border border-zinc-200 dark:border-zinc-700", children: results.map((r) => {
+                            const isSelected = selectedSet.has(r.id);
+                            const atCap = !isSelected && value.length >= maxItems;
+                            return (_jsxs(Row, { gap: "sm", align: "center", className: `border-b border-zinc-100 px-3 py-2 last:border-b-0 dark:border-zinc-800 ${isSelected ? "bg-blue-50 dark:bg-blue-950" : ""} ${atCap ? "opacity-50" : ""}`, children: [_jsx(Checkbox, { checked: isSelected, disabled: atCap, onChange: () => toggle(r.id), "aria-label": BUNDLE_COPY.picker.toggleAria(r.title) }), _jsxs(Stack, { gap: "xs", className: "flex-1", children: [_jsx(Text, { size: "sm", weight: "medium", children: r.title }), _jsxs(Row, { gap: "sm", children: [_jsx(Text, { size: "xs", color: "muted", children: r.id }), typeof r.priceInPaise === "number" && (_jsxs(Text, { size: "xs", color: "muted", children: ["\u00B7 \u20B9", Math.round(r.priceInPaise / 100).toLocaleString("en-IN")] }))] })] })] }, r.id));
+                        }) }))] })] }));
+}
+/**
+ * Default fetcher hitting the public /api/products endpoint. Consumers can
+ * pass this directly to BundleItemsPicker's `fetchProducts` prop.
+ */
+export async function defaultBundleItemsFetch(query) {
+    const url = `/api/products?q=${encodeURIComponent(query)}&pageSize=20`;
+    const res = await fetch(url, { method: "GET" });
+    if (!res.ok) {
+        throw new Error(`Search failed: ${res.status}`);
+    }
+    const data = (await res.json());
+    const rawItems = data?.data?.items ?? data?.items ?? [];
+    return rawItems
+        .map((r) => {
+        const rec = r;
+        const id = typeof rec.id === "string" ? rec.id : null;
+        const title = typeof rec.title === "string"
+            ? rec.title
+            : typeof rec.name === "string"
+                ? rec.name
+                : null;
+        if (!id || !title)
+            return null;
+        return {
+            id,
+            title,
+            image: typeof rec.mainImage === "string"
+                ? rec.mainImage
+                : Array.isArray(rec.images) && typeof rec.images[0] === "string"
+                    ? rec.images[0]
+                    : undefined,
+            priceInPaise: typeof rec.price === "number" ? rec.price : undefined,
+            storeId: typeof rec.storeId === "string" ? rec.storeId : undefined,
+        };
+    })
+        .filter((r) => r !== null);
+}

package/dist/features/categories/components/BundlesListView.d.ts

@@ -0,0 +1,13 @@
+type SearchParams = Record<string, string | string[]>;
+export interface BundlesListViewProps {
+    searchParams?: SearchParams;
+}
+/**
+ * Public `/bundles` index. Bundles live as `categoryType:"bundle"` rows on
+ * the categories collection (SB-UNI-D + V), so this fetches via
+ * `categoriesRepository.listByType("bundle", …)` instead of `productRepository`.
+ * Optional `?storeId=…` post-filters to a single seller's bundles.
+ * Sort UI is owned by `CategoryBundlesListing` (client).
+ */
+export declare function BundlesListView({ searchParams, }: BundlesListViewProps): Promise<import("react/jsx-runtime").JSX.Element>;
+export {};

package/dist/features/categories/components/BundlesListView.js

@@ -0,0 +1,27 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { categoriesRepository } from "../../../repositories";
+import { Container, Heading, Main, Section, Text } from "../../../ui";
+import { AdSlot } from "../../homepage/components/AdSlot";
+import { CategoryBundlesListing } from "./CategoryBundlesListing";
+const DEFAULT_LIMIT = 200;
+function sp(params, key) {
+    const v = params[key];
+    return Array.isArray(v) ? v[0] ?? "" : v ?? "";
+}
+/**
+ * Public `/bundles` index. Bundles live as `categoryType:"bundle"` rows on
+ * the categories collection (SB-UNI-D + V), so this fetches via
+ * `categoriesRepository.listByType("bundle", …)` instead of `productRepository`.
+ * Optional `?storeId=…` post-filters to a single seller's bundles.
+ * Sort UI is owned by `CategoryBundlesListing` (client).
+ */
+export async function BundlesListView({ searchParams = {}, }) {
+    const storeId = sp(searchParams, "storeId");
+    const all = await categoriesRepository
+        .listByType("bundle", { activeOnly: true, limit: DEFAULT_LIMIT })
+        .catch(() => []);
+    const bundles = storeId
+        ? all.filter((c) => c.createdByStoreId === storeId)
+        : all;
+    return (_jsx(Main, { children: _jsx(Section, { className: "py-10", children: _jsxs(Container, { size: "xl", children: [_jsx(Heading, { level: 1, className: "mb-2 text-3xl font-semibold text-zinc-900 dark:text-zinc-100", children: "Collectible Bundles" }), _jsx(Text, { className: "mb-6 text-sm text-[var(--appkit-color-text-muted)]", children: "Curated multi-product bundles \u2014 Pok\u00E9mon starter sets, Beyblade tournament packs, Hot Wheels collector boxes and more. One price, one checkout, one shipment." }), _jsx(AdSlot, { id: "listing-sidebar-top", className: "mb-6" }), _jsx(CategoryBundlesListing, { initialBundles: bundles }), _jsx(AdSlot, { id: "listing-sidebar-bottom", className: "mt-8" })] }) }) }));
+}

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

@@ -26,3 +26,15 @@ export { CategoriesIndexListing } from "./CategoriesIndexListing";
 export type { CategoriesIndexListingProps } from "./CategoriesIndexListing";
 export { CategoryDetailTabs } from "./CategoryDetailTabs";
 export type { CategoryDetailTabsProps } from "./CategoryDetailTabs";
+export { BundlesListView } from "./BundlesListView";
+export type { BundlesListViewProps } from "./BundlesListView";
+export { BundleDetailView } from "./BundleDetailView";
+export type { BundleDetailViewProps } from "./BundleDetailView";
+export { BundleBuyNowCta } from "./BundleBuyNowCta";
+export type { BundleBuyNowCtaProps } from "./BundleBuyNowCta";
+export { BundleDynamicRuleEditor } from "./BundleDynamicRuleEditor";
+export type { BundleDynamicRuleEditorProps } from "./BundleDynamicRuleEditor";
+export { BundleItemsPicker, defaultBundleItemsFetch, } from "./BundleItemsPicker";
+export type { BundleItemsPickerProps, BundleItemSearchResult, } from "./BundleItemsPicker";
+export { CategoryBundlesListing } from "./CategoryBundlesListing";
+export type { CategoryBundlesListingProps } from "./CategoryBundlesListing";

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

@@ -13,3 +13,12 @@ export { CategorySelectorCreate } from "./CategorySelectorCreate";
 export { getCategoryTableColumns } from "./CategoryTableColumns";
 export { CategoriesIndexListing } from "./CategoriesIndexListing";
 export { CategoryDetailTabs } from "./CategoryDetailTabs";
+export { BundlesListView } from "./BundlesListView";
+export { BundleDetailView } from "./BundleDetailView";
+// S-SBUNI-RULES 2026-05-13 — direct-checkout CTA (replaces deleted BundleAddToCartCta).
+export { BundleBuyNowCta } from "./BundleBuyNowCta";
+// S-SBUNI-5 2026-05-13 — admin dynamic-rule editor (paired with BundleItemsPicker).
+export { BundleDynamicRuleEditor } from "./BundleDynamicRuleEditor";
+// S-SBUNI-4 2026-05-13 — multi-select product picker for bundle editor.
+export { BundleItemsPicker, defaultBundleItemsFetch, } from "./BundleItemsPicker";
+export { CategoryBundlesListing } from "./CategoryBundlesListing";

package/dist/features/checkout/actions/checkout-actions.js

@@ -10,12 +10,19 @@ import { ValidationError } from "../../../errors";
 import { serverLogger } from "../../../monitoring";
 import { sendEmail } from "../../contact/email";
 import { CONSENT_OTP_EXPIRY_MS, CONSENT_OTP_MAX_ATTEMPTS, hashOtp, maskEmail, generateOtpCode, buildConsentOtpEmail, enforceConsentOtpRateLimit, saveConsentOtp, readConsentOtp, patchConsentOtp, } from "../../auth/consent-otp";
-import { addressRepository } from "../../account/repository/address.repository";
+import { addressesRepository } from "../../addresses/repository/addresses.repository";
+async function findUserAddress(userId, addressId) {
+    const address = await addressesRepository.findById(addressId);
+    if (!address || address.ownerType !== "user" || address.ownerId !== userId) {
+        return null;
+    }
+    return address;
+}
 import { userRepository } from "../../auth/repository/user.repository";
 import { resolveDate } from "../../../utils";
 /** Returns masked email so the UI can confirm which inbox to check. */
 export async function sendCheckoutConsentOtp(userId, userEmail, addressId) {
-    const address = await addressRepository.findById(userId, addressId);
+    const address = await findUserAddress(userId, addressId);
     if (!address)
         throw new ValidationError("Address not found.");
     await enforceConsentOtpRateLimit(userId);
@@ -69,7 +76,7 @@ export async function verifyCheckoutConsentOtp(userId, addressId, code) {
 export async function grantCheckoutConsentViaSms(userId, userPhone, addressId) {
     if (!userPhone)
         throw new ValidationError("No phone number registered on your account.");
-    const address = await addressRepository.findById(userId, addressId);
+    const address = await findUserAddress(userId, addressId);
     if (!address)
         throw new ValidationError("Address not found.");
     const normalizePhone = (s) => s.replace(/[^0-9]/g, "").slice(-10);

package/dist/features/events/components/AdminEventEditorView.js

@@ -1,5 +1,5 @@
 "use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import React from "react";
 import { useMutation, useQuery } from "@tanstack/react-query";
 import { Alert, Button, Form, FormActions, Input, RichTextEditor, Select, StackedViewShell, Text, Toggle, } from "../../../ui";
@@ -34,6 +34,14 @@ const EVENT_TYPE_OPTIONS = [
     { label: "Poll", value: "poll" },
     { label: "Survey", value: "survey" },
     { label: "Feedback", value: "feedback" },
+    { label: "Raffle", value: "raffle" },
+    { label: "Spin Wheel", value: "spin_wheel" },
+];
+const RAFFLE_TYPE_OPTIONS = [
+    { label: "Open raffle (all confirmed entries)", value: "open_raffle" },
+    { label: "Top N scorers", value: "top_n_scorers" },
+    { label: "Top N earliest participants", value: "top_n_participants" },
+    { label: "Spin wheel", value: "spin_wheel" },
 ];
 const EVENT_STATUS_OPTIONS = [
     { label: "Draft", value: "draft" },
@@ -70,7 +78,20 @@ export function AdminEventEditorView({ eventId, onSaved, embedded, ...rest }) {
     const [maxEntriesPerUser, setMaxEntriesPerUser] = React.useState("1");
     const [hasLeaderboard, setHasLeaderboard] = React.useState(false);
     const [anonymous, setAnonymous] = React.useState(false);
+    const [hasRaffle, setHasRaffle] = React.useState(false);
+    const [raffleType, setRaffleType] = React.useState("open_raffle");
+    const [raffleTopN, setRaffleTopN] = React.useState("10");
+    const [rafflePrize, setRafflePrize] = React.useState("");
+    const [rafflePrizeCouponId, setRafflePrizeCouponId] = React.useState("");
+    const [spinPrizes, setSpinPrizes] = React.useState([]);
+    const [spinMaxPerUser, setSpinMaxPerUser] = React.useState("1");
+    const [spinWindowStart, setSpinWindowStart] = React.useState("");
+    const [spinWindowEnd, setSpinWindowEnd] = React.useState("");
+    const [raffleWinnerName, setRaffleWinnerName] = React.useState("");
+    const [raffleEntryCount, setRaffleEntryCount] = React.useState(null);
+    const [raffleGithubUrl, setRaffleGithubUrl] = React.useState("");
     const [saveMessage, setSaveMessage] = React.useState(null);
+    const [triggerMessage, setTriggerMessage] = React.useState(null);
     const eventQuery = useQuery({
         queryKey: ["admin-event-by-id", eventId],
         queryFn: () => apiClient.get(`${ADMIN_ENDPOINTS.EVENTS}/${eventId}`),
@@ -112,6 +133,18 @@ export function AdminEventEditorView({ eventId, onSaved, embedded, ...rest }) {
         if (event.feedbackConfig) {
             setAnonymous(Boolean(event.feedbackConfig.anonymous));
         }
+        setHasRaffle(Boolean(event.hasRaffle));
+        setRaffleType(event.raffleType || "open_raffle");
+        setRaffleTopN(String(event.raffleTopN ?? 10));
+        setRafflePrize(event.rafflePrize || "");
+        setRafflePrizeCouponId(event.rafflePrizeCouponId || "");
+        setSpinPrizes(Array.isArray(event.spinPrizes) ? event.spinPrizes : []);
+        setSpinMaxPerUser(String(event.spinMaxPerUser ?? 1));
+        setSpinWindowStart(toLocalDatetime(event.spinWindowStart));
+        setSpinWindowEnd(toLocalDatetime(event.spinWindowEnd));
+        setRaffleWinnerName(event.raffleWinnerDisplayName || "");
+        setRaffleEntryCount(typeof event.raffleEntryCount === "number" ? event.raffleEntryCount : null);
+        setRaffleGithubUrl(event.raffleGithubFunctionUrl || "");
     }, [eventQuery.data]);
     const saveMutation = useMutation({
         mutationFn: async () => {
@@ -153,6 +186,29 @@ export function AdminEventEditorView({ eventId, onSaved, embedded, ...rest }) {
                     };
                 return {};
             };
+            const isRaffleType = type === "raffle" || type === "spin_wheel";
+            const raffleFields = {};
+            if (hasRaffle || isRaffleType) {
+                raffleFields.hasRaffle = true;
+                raffleFields.raffleType = isRaffleType && type === "spin_wheel"
+                    ? "spin_wheel"
+                    : raffleType;
+                if (Number(raffleTopN) > 0)
+                    raffleFields.raffleTopN = Number(raffleTopN);
+                if (rafflePrize)
+                    raffleFields.rafflePrize = rafflePrize;
+                if (rafflePrizeCouponId)
+                    raffleFields.rafflePrizeCouponId = rafflePrizeCouponId;
+                if (raffleType === "spin_wheel" || type === "spin_wheel") {
+                    raffleFields.spinPrizes = spinPrizes;
+                    if (Number(spinMaxPerUser) > 0)
+                        raffleFields.spinMaxPerUser = Number(spinMaxPerUser);
+                    if (spinWindowStart)
+                        raffleFields.spinWindowStart = toISOString(spinWindowStart);
+                    if (spinWindowEnd)
+                        raffleFields.spinWindowEnd = toISOString(spinWindowEnd);
+                }
+            }
             const payload = {
                 type,
                 title,
@@ -161,6 +217,7 @@ export function AdminEventEditorView({ eventId, onSaved, embedded, ...rest }) {
                 endsAt: toISOString(endsAt),
                 coverImageUrl: coverImageUrl || undefined,
                 ...buildTypeConfig(),
+                ...raffleFields,
             };
             if (eventId) {
                 payload.status = status;
@@ -179,6 +236,44 @@ export function AdminEventEditorView({ eventId, onSaved, embedded, ...rest }) {
             setSaveMessage(error instanceof Error ? error.message : "Save failed");
         },
     });
+    const addSpinPrize = () => {
+        setSpinPrizes((prev) => [
+            ...prev,
+            {
+                id: `prize-${Date.now()}`,
+                label: "",
+                couponId: undefined,
+                weight: 1,
+                isActive: true,
+            },
+        ]);
+    };
+    const removeSpinPrize = (id) => {
+        setSpinPrizes((prev) => prev.filter((p) => p.id !== id));
+    };
+    const updateSpinPrize = (id, patch) => {
+        setSpinPrizes((prev) => prev.map((p) => (p.id === id ? { ...p, ...patch } : p)));
+    };
+    const triggerRaffleMutation = useMutation({
+        mutationFn: async () => {
+            if (!eventId)
+                throw new Error("Save the event before triggering");
+            return apiClient.post(ADMIN_ENDPOINTS.EVENT_TRIGGER_RAFFLE(eventId), {});
+        },
+        onSuccess: (res) => {
+            const data = res.data ?? res;
+            setTriggerMessage(data?.raffleWinnerDisplayName
+                ? `Winner: ${data.raffleWinnerDisplayName}`
+                : "Raffle triggered.");
+            if (data?.raffleWinnerDisplayName)
+                setRaffleWinnerName(data.raffleWinnerDisplayName);
+            if (typeof data?.raffleEntryCount === "number")
+                setRaffleEntryCount(data.raffleEntryCount);
+        },
+        onError: (err) => {
+            setTriggerMessage(err instanceof Error ? err.message : "Trigger failed");
+        },
+    });
     const addPollOption = () => {
         setPollOptions((prev) => [...prev, { id: `opt${Date.now()}`, label: "" }]);
     };
@@ -197,7 +292,18 @@ export function AdminEventEditorView({ eventId, onSaved, embedded, ...rest }) {
     const formSection = (_jsxs(Form, { onSubmit: (e) => {
             e.preventDefault();
             saveMutation.mutate();
-        }, className: "space-y-6", children: [!eventId && (_jsx(Select, { label: "Event type", value: type, options: EVENT_TYPE_OPTIONS, onChange: (e) => setType(e.target.value) })), _jsx(Input, { label: "Title", value: title, onChange: (e) => setTitle(e.target.value), placeholder: "Charizard Flash Sale 2026", required: true }), _jsxs("div", { children: [_jsx("label", { className: "block text-sm font-medium text-zinc-700 dark:text-zinc-300 mb-1", children: "Description" }), _jsx(RichTextEditor, { value: description, onChange: setDescription, minHeightClassName: "min-h-[120px]", placeholder: "Describe this event\u2026" })] }), _jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-3", children: [_jsx(Input, { label: "Starts at", type: "datetime-local", value: startsAt, onChange: (e) => setStartsAt(e.target.value), required: true }), _jsx(Input, { label: "Ends at", type: "datetime-local", value: endsAt, onChange: (e) => setEndsAt(e.target.value), required: true })] }), _jsx(Input, { label: "Cover image URL (optional)", value: coverImageUrl, onChange: (e) => setCoverImageUrl(e.target.value), placeholder: "https://\u2026" }), eventId && (_jsx(Select, { label: "Status", value: status, options: EVENT_STATUS_OPTIONS, onChange: (e) => setStatus(e.target.value) })), type === "sale" && (_jsxs("div", { className: "rounded-xl border border-zinc-200 dark:border-slate-700 p-4 space-y-3", children: [_jsx(Text, { className: "text-sm font-semibold text-zinc-700 dark:text-zinc-300", children: "Sale configuration" }), _jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-3", children: [_jsx(Input, { label: "Discount %", type: "number", value: discountPercent, onChange: (e) => setDiscountPercent(e.target.value), placeholder: "10" }), _jsx(Input, { label: "Banner text (optional)", value: saleBannerText, onChange: (e) => setSaleBannerText(e.target.value), placeholder: "Limited time \u2014 ends Sunday!" })] })] })), type === "offer" && (_jsxs("div", { className: "rounded-xl border border-zinc-200 dark:border-slate-700 p-4 space-y-3", children: [_jsx(Text, { className: "text-sm font-semibold text-zinc-700 dark:text-zinc-300", children: "Offer configuration" }), _jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-3", children: [_jsx(Input, { label: "Coupon ID", value: couponId, onChange: (e) => setCouponId(e.target.value), placeholder: "Firestore coupon document ID", required: true }), _jsx(Input, { label: "Display code", value: displayCode, onChange: (e) => setDisplayCode(e.target.value), placeholder: "CHARIZARD25", required: true })] }), _jsx(Input, { label: "Banner text (optional)", value: offerBannerText, onChange: (e) => setOfferBannerText(e.target.value), placeholder: "Use CHARIZARD25 at checkout" })] })), type === "poll" && (_jsxs("div", { className: "rounded-xl border border-zinc-200 dark:border-slate-700 p-4 space-y-4", children: [_jsx(Text, { className: "text-sm font-semibold text-zinc-700 dark:text-zinc-300", children: "Poll configuration" }), _jsxs("div", { className: "space-y-2", children: [_jsx(Text, { className: "text-xs text-zinc-500 dark:text-zinc-400", children: "Options (minimum 2)" }), pollOptions.map((opt, idx) => (_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("div", { className: "flex-1", children: _jsx(Input, { value: opt.label, onChange: (e) => updatePollOption(opt.id, e.target.value), placeholder: `Option ${idx + 1}` }) }), pollOptions.length > 2 && (_jsx("button", { type: "button", onClick: () => removePollOption(opt.id), className: "text-zinc-400 hover:text-red-500 transition-colors px-2 py-1 text-lg leading-none", "aria-label": "Remove option", children: "\u00D7" }))] }, opt.id))), _jsx(Button, { type: "button", variant: "outline", size: "sm", onClick: addPollOption, children: "+ Add option" })] }), _jsx(Select, { label: "Results visibility", value: resultsVisibility, options: POLL_VISIBILITY_OPTIONS, onChange: (e) => setResultsVisibility(e.target.value) }), _jsxs("div", { className: "space-y-3", children: [_jsx(Toggle, { checked: allowMultiSelect, onChange: setAllowMultiSelect, label: "Allow multi-select" }), _jsx(Toggle, { checked: allowComment, onChange: setAllowComment, label: "Allow comment with vote" })] })] })), type === "survey" && (_jsxs("div", { className: "rounded-xl border border-zinc-200 dark:border-slate-700 p-4 space-y-3", children: [_jsx(Text, { className: "text-sm font-semibold text-zinc-700 dark:text-zinc-300", children: "Survey configuration" }), _jsx(Input, { label: "Max entries per user", type: "number", value: maxEntriesPerUser, onChange: (e) => setMaxEntriesPerUser(e.target.value), placeholder: "1" }), _jsx(Toggle, { checked: requireLogin, onChange: setRequireLogin, label: "Require login to participate" }), _jsx(Toggle, { checked: hasLeaderboard, onChange: setHasLeaderboard, label: "Show leaderboard" }), _jsx(Text, { className: "text-xs text-zinc-500 dark:text-zinc-400", children: "Form fields can be configured from the event detail page after saving." })] })), type === "feedback" && (_jsxs("div", { className: "rounded-xl border border-zinc-200 dark:border-slate-700 p-4 space-y-3", children: [_jsx(Text, { className: "text-sm font-semibold text-zinc-700 dark:text-zinc-300", children: "Feedback configuration" }), _jsx(Toggle, { checked: anonymous, onChange: setAnonymous, label: "Allow anonymous submissions" }), _jsx(Text, { className: "text-xs text-zinc-500 dark:text-zinc-400", children: "Form fields can be configured from the event detail page after saving." })] })), _jsxs(FormActions, { align: "right", children: [_jsx(Button, { type: "button", variant: "outline", onClick: () => { window.location.href = "/admin/events"; }, children: "Cancel" }), _jsx(Button, { type: "submit", disabled: saveMutation.isPending || !isValid, children: saveMutation.isPending ? "Saving…" : eventId ? "Save changes" : "Create event" })] }), saveMessage && (_jsx(Alert, { variant: saveMessage.toLowerCase().includes("fail") ? "error" : "success", title: "Save status", children: saveMessage }))] }));
+        }, className: "space-y-6", children: [!eventId && (_jsx(Select, { label: "Event type", value: type, options: EVENT_TYPE_OPTIONS, onChange: (e) => setType(e.target.value) })), _jsx(Input, { label: "Title", value: title, onChange: (e) => setTitle(e.target.value), placeholder: "Charizard Flash Sale 2026", required: true }), _jsxs("div", { children: [_jsx("label", { className: "block text-sm font-medium text-zinc-700 dark:text-zinc-300 mb-1", children: "Description" }), _jsx(RichTextEditor, { value: description, onChange: setDescription, minHeightClassName: "min-h-[120px]", placeholder: "Describe this event\u2026" })] }), _jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-3", children: [_jsx(Input, { label: "Starts at", type: "datetime-local", value: startsAt, onChange: (e) => setStartsAt(e.target.value), required: true }), _jsx(Input, { label: "Ends at", type: "datetime-local", value: endsAt, onChange: (e) => setEndsAt(e.target.value), required: true })] }), _jsx(Input, { label: "Cover image URL (optional)", value: coverImageUrl, onChange: (e) => setCoverImageUrl(e.target.value), placeholder: "https://\u2026" }), eventId && (_jsx(Select, { label: "Status", value: status, options: EVENT_STATUS_OPTIONS, onChange: (e) => setStatus(e.target.value) })), type === "sale" && (_jsxs("div", { className: "rounded-xl border border-zinc-200 dark:border-slate-700 p-4 space-y-3", children: [_jsx(Text, { className: "text-sm font-semibold text-zinc-700 dark:text-zinc-300", children: "Sale configuration" }), _jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-3", children: [_jsx(Input, { label: "Discount %", type: "number", value: discountPercent, onChange: (e) => setDiscountPercent(e.target.value), placeholder: "10" }), _jsx(Input, { label: "Banner text (optional)", value: saleBannerText, onChange: (e) => setSaleBannerText(e.target.value), placeholder: "Limited time \u2014 ends Sunday!" })] })] })), type === "offer" && (_jsxs("div", { className: "rounded-xl border border-zinc-200 dark:border-slate-700 p-4 space-y-3", children: [_jsx(Text, { className: "text-sm font-semibold text-zinc-700 dark:text-zinc-300", children: "Offer configuration" }), _jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-3", children: [_jsx(Input, { label: "Coupon ID", value: couponId, onChange: (e) => setCouponId(e.target.value), placeholder: "Firestore coupon document ID", required: true }), _jsx(Input, { label: "Display code", value: displayCode, onChange: (e) => setDisplayCode(e.target.value), placeholder: "CHARIZARD25", required: true })] }), _jsx(Input, { label: "Banner text (optional)", value: offerBannerText, onChange: (e) => setOfferBannerText(e.target.value), placeholder: "Use CHARIZARD25 at checkout" })] })), type === "poll" && (_jsxs("div", { className: "rounded-xl border border-zinc-200 dark:border-slate-700 p-4 space-y-4", children: [_jsx(Text, { className: "text-sm font-semibold text-zinc-700 dark:text-zinc-300", children: "Poll configuration" }), _jsxs("div", { className: "space-y-2", children: [_jsx(Text, { className: "text-xs text-zinc-500 dark:text-zinc-400", children: "Options (minimum 2)" }), pollOptions.map((opt, idx) => (_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("div", { className: "flex-1", children: _jsx(Input, { value: opt.label, onChange: (e) => updatePollOption(opt.id, e.target.value), placeholder: `Option ${idx + 1}` }) }), pollOptions.length > 2 && (_jsx("button", { type: "button", onClick: () => removePollOption(opt.id), className: "text-zinc-400 hover:text-red-500 transition-colors px-2 py-1 text-lg leading-none", "aria-label": "Remove option", children: "\u00D7" }))] }, opt.id))), _jsx(Button, { type: "button", variant: "outline", size: "sm", onClick: addPollOption, children: "+ Add option" })] }), _jsx(Select, { label: "Results visibility", value: resultsVisibility, options: POLL_VISIBILITY_OPTIONS, onChange: (e) => setResultsVisibility(e.target.value) }), _jsxs("div", { className: "space-y-3", children: [_jsx(Toggle, { checked: allowMultiSelect, onChange: setAllowMultiSelect, label: "Allow multi-select" }), _jsx(Toggle, { checked: allowComment, onChange: setAllowComment, label: "Allow comment with vote" })] })] })), type === "survey" && (_jsxs("div", { className: "rounded-xl border border-zinc-200 dark:border-slate-700 p-4 space-y-3", children: [_jsx(Text, { className: "text-sm font-semibold text-zinc-700 dark:text-zinc-300", children: "Survey configuration" }), _jsx(Input, { label: "Max entries per user", type: "number", value: maxEntriesPerUser, onChange: (e) => setMaxEntriesPerUser(e.target.value), placeholder: "1" }), _jsx(Toggle, { checked: requireLogin, onChange: setRequireLogin, label: "Require login to participate" }), _jsx(Toggle, { checked: hasLeaderboard, onChange: setHasLeaderboard, label: "Show leaderboard" }), _jsx(Text, { className: "text-xs text-zinc-500 dark:text-zinc-400", children: "Form fields can be configured from the event detail page after saving." })] })), type === "feedback" && (_jsxs("div", { className: "rounded-xl border border-zinc-200 dark:border-slate-700 p-4 space-y-3", children: [_jsx(Text, { className: "text-sm font-semibold text-zinc-700 dark:text-zinc-300", children: "Feedback configuration" }), _jsx(Toggle, { checked: anonymous, onChange: setAnonymous, label: "Allow anonymous submissions" }), _jsx(Text, { className: "text-xs text-zinc-500 dark:text-zinc-400", children: "Form fields can be configured from the event detail page after saving." })] })), _jsxs("div", { className: "rounded-xl border border-zinc-200 dark:border-slate-700 p-4 space-y-4", children: [_jsxs("div", { className: "flex items-center justify-between gap-3", children: [_jsx(Text, { className: "text-sm font-semibold text-zinc-700 dark:text-zinc-300", children: "Raffle & spin wheel" }), type !== "raffle" && type !== "spin_wheel" && (_jsx(Toggle, { checked: hasRaffle, onChange: setHasRaffle, label: "Attach raffle" }))] }), (hasRaffle || type === "raffle" || type === "spin_wheel") && (_jsxs(_Fragment, { children: [_jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-3", children: [_jsx(Select, { label: "Raffle type", value: type === "spin_wheel" ? "spin_wheel" : raffleType, options: RAFFLE_TYPE_OPTIONS, onChange: (e) => setRaffleType(e.target.value), disabled: type === "spin_wheel" }), _jsx(Input, { label: "Top N (for top-N raffle types)", type: "number", value: raffleTopN, onChange: (e) => setRaffleTopN(e.target.value), placeholder: "10" })] }), _jsx(Input, { label: "Prize description", value: rafflePrize, onChange: (e) => setRafflePrize(e.target.value), placeholder: "\u20B92,000 store credit + exclusive Pikachu sticker" }), _jsx(Input, { label: "Coupon ID for winner (optional)", value: rafflePrizeCouponId, onChange: (e) => setRafflePrizeCouponId(e.target.value), placeholder: "coupon-vip-winner-2026" }), (raffleType === "spin_wheel" || type === "spin_wheel") && (_jsxs("div", { className: "rounded-lg border border-zinc-200 dark:border-slate-700 p-3 space-y-3", children: [_jsx(Text, { className: "text-xs font-medium text-zinc-600 dark:text-zinc-300", children: "Spin prizes (weighted random)" }), spinPrizes.length === 0 && (_jsx(Text, { className: "text-xs text-zinc-500 dark:text-zinc-400", children: "No spin prizes yet. Add at least one to enable spinning." })), spinPrizes.map((p) => (_jsxs("div", { className: "grid grid-cols-12 gap-2 items-end", children: [_jsx("div", { className: "col-span-5", children: _jsx(Input, { label: "Label", value: p.label, onChange: (e) => updateSpinPrize(p.id, { label: e.target.value }), placeholder: "\u20B9100 off" }) }), _jsx("div", { className: "col-span-3", children: _jsx(Input, { label: "Coupon ID", value: p.couponId ?? "", onChange: (e) => updateSpinPrize(p.id, {
+                                                        couponId: e.target.value || undefined,
+                                                    }) }) }), _jsx("div", { className: "col-span-2", children: _jsx(Input, { label: "Weight", type: "number", value: String(p.weight), onChange: (e) => updateSpinPrize(p.id, {
+                                                        weight: Number(e.target.value) || 0,
+                                                    }) }) }), _jsx("div", { className: "col-span-1 flex items-center justify-center pb-2", children: _jsx(Toggle, { checked: p.isActive, onChange: (v) => updateSpinPrize(p.id, { isActive: v }), label: "" }) }), _jsx("div", { className: "col-span-1 flex items-center justify-center pb-2", children: _jsx("button", { type: "button", onClick: () => removeSpinPrize(p.id), className: "text-zinc-400 hover:text-red-500 text-lg leading-none px-2", "aria-label": "Remove prize", children: "\u00D7" }) })] }, p.id))), _jsx(Button, { type: "button", variant: "outline", size: "sm", onClick: addSpinPrize, children: "+ Add spin prize" }), _jsx(Input, { label: "Max spins per user", type: "number", value: spinMaxPerUser, onChange: (e) => setSpinMaxPerUser(e.target.value), placeholder: "1" }), _jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-3", children: [_jsx(Input, { label: "Spin window start", type: "datetime-local", value: spinWindowStart, onChange: (e) => setSpinWindowStart(e.target.value) }), _jsx(Input, { label: "Spin window end", type: "datetime-local", value: spinWindowEnd, onChange: (e) => setSpinWindowEnd(e.target.value) })] })] })), eventId && (_jsxs("div", { className: "rounded-lg border border-amber-200 bg-amber-50 dark:border-amber-700 dark:bg-amber-900/20 p-3 space-y-2", children: [_jsxs("div", { className: "flex items-center justify-between gap-3", children: [_jsx(Text, { className: "text-sm font-medium text-amber-900 dark:text-amber-100", children: raffleWinnerName
+                                                    ? `Winner: ${raffleWinnerName}`
+                                                    : "Raffle not yet triggered" }), _jsx(Button, { type: "button", variant: "primary", size: "sm", onClick: () => triggerRaffleMutation.mutate(), disabled: triggerRaffleMutation.isPending ||
+                                                    Boolean(raffleWinnerName), children: triggerRaffleMutation.isPending
+                                                    ? "Triggering…"
+                                                    : raffleWinnerName
+                                                        ? "Already triggered"
+                                                        : "Trigger Raffle Now" })] }), raffleEntryCount !== null && (_jsxs(Text, { className: "text-xs text-amber-800 dark:text-amber-200", children: ["Pool size: ", raffleEntryCount] })), raffleGithubUrl && (_jsxs(Text, { className: "text-xs text-amber-800 dark:text-amber-200 break-all", children: ["Fairness proof: ", raffleGithubUrl] })), triggerMessage && (_jsx(Text, { className: "text-xs text-amber-900 dark:text-amber-100", children: triggerMessage }))] }))] }))] }), _jsxs(FormActions, { align: "right", children: [_jsx(Button, { type: "button", variant: "outline", onClick: () => { window.location.href = "/admin/events"; }, children: "Cancel" }), _jsx(Button, { type: "submit", disabled: saveMutation.isPending || !isValid, children: saveMutation.isPending ? "Saving…" : eventId ? "Save changes" : "Create event" })] }), saveMessage && (_jsx(Alert, { variant: saveMessage.toLowerCase().includes("fail") ? "error" : "success", title: "Save status", children: saveMessage }))] }));
     if (embedded) {
         return (_jsxs("div", { className: "overflow-y-auto p-4 space-y-4", children: [alertSection, formSection] }));
     }