@mohasinac/appkit 3.0.6 → 3.1.0

package/dist/_internal/client/features/lottery/LotteryAdminEditView.d.ts

@@ -0,0 +1,42 @@
+interface LotterySlotRow {
+    slotNumber: number;
+    name: string;
+    priceInPaise: number;
+}
+interface LotteryEventFormData {
+    title: string;
+    description?: string;
+    type: "lottery";
+    lotteryConfig: {
+        slots: Array<{
+            slotNumber: number;
+            name: string;
+            priceInPaise: number;
+            weight: number;
+            isBooked: boolean;
+        }>;
+        totalSlots: number;
+        pricingMode: "uniform" | "variable";
+        uniformPriceInPaise?: number;
+        drawWindowDurationMinutes: number;
+        maxPullsPerTransaction: number;
+        maxPullsPerUser: number;
+    };
+}
+interface LotteryAdminEditViewProps {
+    eventId?: string;
+    initialData?: {
+        title: string;
+        description?: string;
+        totalSlots: number;
+        pricingMode: "uniform" | "variable";
+        uniformPriceInPaise?: number;
+        drawWindowDurationMinutes: number;
+        maxPullsPerTransaction: number;
+        maxPullsPerUser: number;
+        slots: LotterySlotRow[];
+    };
+    onSubmit: (data: LotteryEventFormData) => Promise<void>;
+}
+export declare function LotteryAdminEditView({ eventId, initialData, onSubmit, }: LotteryAdminEditViewProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/_internal/client/features/lottery/LotteryAdminEditView.js

@@ -0,0 +1,86 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useTransition } from "react";
+import { normalizeError } from "../../../../errors/normalize";
+import { Stack, Row, Text, Heading, Section, Container, Button, DataTable, } from "../../../../ui";
+import { Form, FieldInput, FieldSelect } from "../../../../ui";
+export function LotteryAdminEditView({ eventId, initialData, onSubmit, }) {
+    const [isPending, startTransition] = useTransition();
+    const [error, setError] = useState(null);
+    const [title, setTitle] = useState(initialData?.title ?? "");
+    const [description, setDescription] = useState(initialData?.description ?? "");
+    const [pricingMode, setPricingMode] = useState(initialData?.pricingMode ?? "uniform");
+    const [uniformPrice, setUniformPrice] = useState(String((initialData?.uniformPriceInPaise ?? 0) / 100));
+    const [drawWindowMinutes, setDrawWindowMinutes] = useState(String(initialData?.drawWindowDurationMinutes ?? 5));
+    const [maxPullsPerTx, setMaxPullsPerTx] = useState(String(initialData?.maxPullsPerTransaction ?? 1));
+    const [maxPullsPerUser, setMaxPullsPerUser] = useState(String(initialData?.maxPullsPerUser ?? 1));
+    const [slots, setSlots] = useState(initialData?.slots ?? [{ slotNumber: 1, name: "", priceInPaise: 0 }]);
+    const addSlot = () => {
+        setSlots((prev) => [
+            ...prev,
+            { slotNumber: prev.length + 1, name: "", priceInPaise: 0 },
+        ]);
+    };
+    const removeSlot = (idx) => {
+        setSlots((prev) => prev.filter((_, i) => i !== idx).map((s, i) => ({ ...s, slotNumber: i + 1 })));
+    };
+    const updateSlot = (idx, field, value) => {
+        setSlots((prev) => prev.map((s, i) => i === idx
+            ? { ...s, [field]: field === "priceInPaise" ? Math.round(parseFloat(value) * 100) || 0 : value }
+            : s));
+    };
+    const handleSubmit = () => {
+        setError(null);
+        startTransition(async () => {
+            try {
+                const lotteryConfig = {
+                    slots: slots.map((s) => ({
+                        slotNumber: s.slotNumber,
+                        name: s.name,
+                        priceInPaise: s.priceInPaise,
+                        weight: 0,
+                        isBooked: false,
+                    })),
+                    totalSlots: slots.length,
+                    pricingMode,
+                    uniformPriceInPaise: pricingMode === "uniform" ? Math.round(parseFloat(uniformPrice) * 100) || 0 : undefined,
+                    drawWindowDurationMinutes: parseInt(drawWindowMinutes, 10) || 5,
+                    maxPullsPerTransaction: parseInt(maxPullsPerTx, 10) || 1,
+                    maxPullsPerUser: parseInt(maxPullsPerUser, 10) || 1,
+                };
+                await onSubmit({ title, description, type: "lottery", lotteryConfig });
+            }
+            catch (err) {
+                void normalizeError(err);
+                setError(err instanceof Error ? err.message : "Failed to save lottery");
+            }
+        });
+    };
+    // Slot table columns
+    const slotColumns = [
+        {
+            key: "slotNumber",
+            header: "#",
+            render: (s) => _jsx(Text, { size: "xs", color: "muted", family: "mono", children: s.slotNumber }),
+        },
+        {
+            key: "name",
+            header: "Prize Name",
+            render: (s) => (_jsx("input", { type: "text", className: "w-full rounded-lg border border-[var(--appkit-color-border)] bg-[var(--appkit-color-surface-input)] px-2 py-1 text-sm", placeholder: `Prize for slot ${s.slotNumber}`, value: s.name, onChange: (e) => updateSlot(s._idx, "name", e.target.value), "aria-label": `Slot ${s.slotNumber} prize name` })),
+        },
+        ...(pricingMode === "variable"
+            ? [
+                {
+                    key: "priceInPaise",
+                    header: "Price (₹)",
+                    render: (s) => (_jsx("input", { type: "number", className: "w-24 rounded-lg border border-[var(--appkit-color-border)] bg-[var(--appkit-color-surface-input)] px-2 py-1 text-sm", placeholder: "0", value: s.priceInPaise / 100, onChange: (e) => updateSlot(s._idx, "priceInPaise", e.target.value), "aria-label": `Slot ${s.slotNumber} price` })),
+                },
+            ]
+            : []),
+    ];
+    const slotsWithIdx = slots.map((s, i) => ({ ...s, _idx: i }));
+    return (_jsx(Container, { children: _jsx(Section, { children: _jsx(Form, { onSubmit: (e) => e.preventDefault(), className: "space-y-6", children: ({ setFieldError, clearErrors }) => (_jsxs(Stack, { gap: "xl", children: [_jsx(Heading, { level: 1, size: "2xl", weight: "bold", children: eventId ? "Edit Lottery" : "Create Lottery" }), _jsxs(Stack, { gap: "md", children: [_jsx(Heading, { level: 2, size: "lg", weight: "semibold", children: "Basic Info" }), _jsx(FieldInput, { name: "title", label: "Title", required: true, value: title, onChange: (v) => { setTitle(v); clearErrors(); } }), _jsx(FieldInput, { name: "description", label: "Description", value: description, onChange: (v) => { setDescription(v); clearErrors(); } })] }), _jsxs(Stack, { gap: "md", children: [_jsx(Heading, { level: 2, size: "lg", weight: "semibold", children: "Configuration" }), _jsx(FieldSelect, { name: "pricingMode", label: "Pricing Mode", value: pricingMode, options: [
+                                        { label: "Uniform (all slots same price)", value: "uniform" },
+                                        { label: "Variable (per-slot pricing)", value: "variable" },
+                                    ], onChange: (v) => setPricingMode(v) }), pricingMode === "uniform" && (_jsx(FieldInput, { name: "uniformPrice", label: "Price per Slot (\u20B9)", type: "number", value: uniformPrice, onChange: (v) => setUniformPrice(v) })), _jsx(FieldInput, { name: "drawWindowMinutes", label: "Draw Window (minutes)", type: "number", value: drawWindowMinutes, onChange: (v) => setDrawWindowMinutes(v) }), _jsx(FieldInput, { name: "maxPullsPerTx", label: "Max Pulls per Transaction", type: "number", value: maxPullsPerTx, onChange: (v) => setMaxPullsPerTx(v) }), _jsx(FieldInput, { name: "maxPullsPerUser", label: "Max Pulls per User", type: "number", value: maxPullsPerUser, onChange: (v) => setMaxPullsPerUser(v) })] }), _jsxs(Stack, { gap: "md", children: [_jsxs(Row, { align: "center", justify: "between", children: [_jsxs(Heading, { level: 2, size: "lg", weight: "semibold", children: ["Slots (", slots.length, ")"] }), _jsx(Button, { type: "button", variant: "secondary", size: "sm", onClick: addSlot, disabled: slots.length >= 200, children: "+ Add Slot" })] }), _jsx(DataTable, { data: slotsWithIdx, columns: slotColumns, keyExtractor: (s) => String(s.slotNumber), emptyMessage: "No slots yet.", actions: (s) => slots.length > 1 ? (_jsx(Button, { type: "button", variant: "ghost", size: "sm", onClick: () => removeSlot(s._idx), "aria-label": `Remove slot ${s.slotNumber}`, children: "\u00D7" })) : null })] }), error && _jsx(Text, { className: "text-error", size: "sm", role: "alert", children: error }), _jsx(Button, { type: "submit", variant: "primary", isLoading: isPending, onClick: handleSubmit, className: "w-full sm:w-auto", children: isPending ? "Saving…" : eventId ? "Update Lottery" : "Create Lottery" })] })) }) }) }));
+}

package/dist/_internal/client/features/lottery/LotteryAdminSlotView.d.ts

@@ -0,0 +1,14 @@
+import type { ClientLotterySlot } from "../../../../features/lottery/types";
+interface AdminLotterySlot extends ClientLotterySlot {
+    priceInPaise: number;
+    weight: number;
+}
+interface LotteryAdminSlotViewProps {
+    slots: AdminLotterySlot[];
+}
+/**
+ * Admin-only view showing slots with price + weight + % chance.
+ * Separate from LotterySlotGrid (public) which never shows price/weight.
+ */
+export declare function LotteryAdminSlotView({ slots }: LotteryAdminSlotViewProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/_internal/client/features/lottery/LotteryAdminSlotView.js

@@ -0,0 +1,46 @@
+"use client";
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { Stack, Text, Heading, Badge, Section, Container, DataTable, } from "../../../../ui";
+/**
+ * Admin-only view showing slots with price + weight + % chance.
+ * Separate from LotterySlotGrid (public) which never shows price/weight.
+ */
+export function LotteryAdminSlotView({ slots }) {
+    const totalWeight = slots.reduce((s, sl) => s + sl.weight, 0);
+    const columns = [
+        {
+            key: "slotNumber",
+            header: "Slot #",
+            render: (s) => _jsxs(Text, { size: "sm", weight: "semibold", family: "mono", children: ["#", s.slotNumber] }),
+        },
+        {
+            key: "name",
+            header: "Name",
+            render: (s) => _jsx(Text, { size: "sm", children: s.name }),
+        },
+        {
+            key: "priceInPaise",
+            header: "Price (₹)",
+            render: (s) => (_jsxs(Text, { size: "sm", family: "mono", children: ["\u20B9", (s.priceInPaise / 100).toLocaleString("en-IN")] })),
+        },
+        {
+            key: "weight",
+            header: "Weight",
+            render: (s) => _jsx(Text, { size: "sm", family: "mono", children: s.weight }),
+        },
+        {
+            key: "status",
+            header: "% Chance",
+            render: (s) => {
+                const chance = totalWeight > 0 ? ((s.weight / totalWeight) * 100).toFixed(1) : "0.0";
+                return _jsxs(Text, { size: "sm", family: "mono", children: [chance, "%"] });
+            },
+        },
+        {
+            key: "isBooked",
+            header: "Status",
+            render: (s) => (_jsx(Badge, { variant: s.isBooked ? "success" : "secondary", size: "sm", children: s.isBooked ? "Claimed" : "Available" })),
+        },
+    ];
+    return (_jsx(Container, { children: _jsx(Section, { children: _jsxs(Stack, { gap: "md", children: [_jsx(Heading, { level: 2, size: "xl", weight: "bold", children: "Slot Analysis (Admin Only)" }), _jsx(Text, { size: "sm", color: "muted", children: "Price and weight data is never exposed to store owners or users." }), _jsx(DataTable, { data: slots, columns: columns, keyExtractor: (s) => String(s.slotNumber), emptyMessage: "No slots defined." })] }) }) }));
+}

package/dist/_internal/client/features/lottery/LotteryDetailView.d.ts

@@ -0,0 +1,28 @@
+import type { ClientLotteryConfig } from "../../../../features/lottery/types";
+interface ClientLotteryEvent {
+    id: string;
+    title: string;
+    description?: string;
+    status: string;
+    endsAt?: string | Date | null;
+    coverImageUrl?: string;
+    lotteryConfig?: ClientLotteryConfig;
+}
+interface LotteryDetailViewProps {
+    event: ClientLotteryEvent;
+    user?: {
+        uid: string;
+        displayName?: string | null;
+    } | null;
+    currentEntry?: {
+        userLotteryNumber: number;
+        assignedPrizeSlotNumber?: number;
+        slotName?: string;
+    } | null;
+}
+/**
+ * Full lottery detail page view.
+ * Shows cover + description + slot grid + pull form (if active + logged in).
+ */
+export declare function LotteryDetailView({ event, user, currentEntry }: LotteryDetailViewProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/_internal/client/features/lottery/LotteryDetailView.js

@@ -0,0 +1,17 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { Stack, Row, Text, Heading, Badge, Section, Container, Div, Anchor, } from "../../../../ui";
+import { LotterySlotGrid } from "./LotterySlotGrid";
+import { LotteryPullForm } from "./LotteryPullForm";
+/**
+ * Full lottery detail page view.
+ * Shows cover + description + slot grid + pull form (if active + logged in).
+ */
+export function LotteryDetailView({ event, user, currentEntry }) {
+    const [pulledEntry, setPulledEntry] = useState(currentEntry?.assignedPrizeSlotNumber != null ? currentEntry : null);
+    const config = event.lotteryConfig;
+    const isActive = event.status === "active";
+    const isEnded = event.status === "ended" || event.status === "cancelled";
+    return (_jsx(Container, { children: _jsx(Section, { children: _jsxs(Stack, { gap: "xl", children: [event.coverImageUrl ? (_jsx(Div, { rounded: "2xl", className: "overflow-hidden", style: { aspectRatio: "16/9", maxHeight: "16rem" }, children: _jsx("img", { src: event.coverImageUrl, alt: event.title, className: "w-full h-full object-cover" }) })) : (_jsx(Div, { rounded: "2xl", surface: "subtle", padding: "xl", align: "center", justify: "center", children: _jsx(Text, { size: "5xl", children: "\uD83C\uDFB0" }) })), _jsxs(Stack, { gap: "sm", children: [_jsxs(Row, { gap: "xs", align: "center", wrap: true, children: [_jsx(Badge, { variant: isActive ? "success" : isEnded ? "danger" : "warning", children: event.status }), config && (_jsxs(Badge, { variant: "info", children: [config.slots.filter((s) => s.isBooked).length, "/", config.totalSlots, " slots claimed"] }))] }), _jsx(Heading, { level: 1, size: "3xl", weight: "bold", children: event.title }), event.description ? (_jsx(Text, { color: "muted", size: "sm", children: event.description.replace(/<[^>]+>/g, "").slice(0, 200) })) : null, event.endsAt ? (_jsxs(Text, { size: "sm", color: "muted", children: ["Ends: ", new Date(event.endsAt).toLocaleDateString("en-IN", { dateStyle: "long" })] })) : null] }), config && config.slots.length > 0 ? (_jsxs(Stack, { gap: "sm", children: [_jsx(Heading, { level: 2, size: "xl", weight: "semibold", children: "Slots" }), _jsx(LotterySlotGrid, { slots: config.slots, totalSlots: config.totalSlots })] })) : null, isActive && config && (_jsx(Div, { padding: "md", rounded: "2xl", surface: "card", className: "border border-[var(--appkit-color-border)]", children: !user ? (_jsxs(Stack, { gap: "md", className: "text-center", children: [_jsx(Heading, { level: 2, size: "xl", weight: "semibold", children: "Want to Participate?" }), _jsx(Text, { color: "muted", children: "Log in to submit your lottery entry." }), _jsx(Anchor, { href: "/login", tone: "brand", children: "Log In to Enter" })] })) : pulledEntry ? (_jsxs(Stack, { gap: "sm", surface: "success-surface", padding: "md", rounded: "xl", className: "border border-success/20", children: [_jsxs(Heading, { level: 2, size: "lg", weight: "bold", className: "text-success", children: ["You're Lottery #", pulledEntry.userLotteryNumber, "!"] }), _jsxs(Text, { className: "text-success", size: "sm", children: ["Assigned to Slot #", pulledEntry.assignedPrizeSlotNumber, pulledEntry.slotName ? ` — ${pulledEntry.slotName}` : "", "."] })] })) : (_jsx(LotteryPullForm, { sourceType: "event", eventId: event.id, totalSlots: config.totalSlots, maxPullsPerUser: config.maxPullsPerUser, onSuccess: (res) => setPulledEntry(res) })) })), isEnded && !pulledEntry && (_jsx(Stack, { gap: "sm", surface: "muted", padding: "md", rounded: "xl", children: _jsx(Text, { color: "muted", weight: "semibold", children: "This lottery has ended." }) }))] }) }) }));
+}

package/dist/_internal/client/features/lottery/LotteryEntriesView.d.ts

@@ -0,0 +1,23 @@
+interface LotteryEntryRow {
+    id: string;
+    userLotteryNumber: number;
+    userDisplayName?: string;
+    userId: string;
+    transactionId?: string;
+    userPhone?: string;
+    assignedPrizeSlotNumber?: number;
+    status: string;
+    isFlagged: boolean;
+    submittedAt?: string | Date;
+}
+interface LotteryEntriesViewProps {
+    sourceType: "event" | "product";
+    sourceId: string;
+    entries: LotteryEntryRow[];
+    isAdmin: boolean;
+    isStoreOwner?: boolean;
+    onFlagEntry?: (entryId: string, flagNote: string) => Promise<void>;
+    onReopenSlot?: (slotNumber: number) => Promise<void>;
+}
+export declare function LotteryEntriesView({ entries, isAdmin, isStoreOwner, onFlagEntry, onReopenSlot, }: LotteryEntriesViewProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/_internal/client/features/lottery/LotteryEntriesView.js

@@ -0,0 +1,58 @@
+"use client";
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { useState } from "react";
+import { Stack, Row, Text, Heading, Badge, Button, Section, Container, DataTable, } from "../../../../ui";
+import { Dialog } from "../../../../ui/components/Dialog";
+import { FieldTextarea } from "../../../../ui/forms/FieldTextarea";
+export function LotteryEntriesView({ entries, isAdmin, isStoreOwner = false, onFlagEntry, onReopenSlot, }) {
+    const [flaggingId, setFlaggingId] = useState(null);
+    const [flagNote, setFlagNote] = useState("");
+    const canViewSensitive = isAdmin || isStoreOwner;
+    const columns = [
+        {
+            key: "userLotteryNumber",
+            header: "#",
+            render: (e) => _jsxs(Text, { size: "sm", weight: "semibold", family: "mono", children: ["#", e.userLotteryNumber] }),
+        },
+        {
+            key: "userDisplayName",
+            header: "Participant",
+            render: (e) => _jsx(Text, { size: "sm", children: e.userDisplayName ?? e.userId }),
+        },
+        ...(canViewSensitive
+            ? [
+                {
+                    key: "transactionId",
+                    header: "TX ID",
+                    render: (e) => _jsx(Text, { size: "xs", color: "muted", family: "mono", children: e.transactionId ?? "—" }),
+                },
+                {
+                    key: "userPhone",
+                    header: "Phone",
+                    render: (e) => _jsx(Text, { size: "xs", color: "muted", family: "mono", children: e.userPhone ?? "—" }),
+                },
+            ]
+            : []),
+        {
+            key: "assignedPrizeSlotNumber",
+            header: "Slot",
+            render: (e) => e.assignedPrizeSlotNumber != null ? (_jsxs(Badge, { variant: "info", size: "sm", children: ["Slot #", e.assignedPrizeSlotNumber] })) : (_jsx(Text, { size: "sm", children: "\u2014" })),
+        },
+        {
+            key: "status",
+            header: "Status",
+            render: (e) => (_jsx(Badge, { variant: e.status === "drawn" || e.status === "won" ? "success"
+                    : e.status === "flagged" ? "danger"
+                        : e.status === "cancelled" ? "secondary"
+                            : "warning", size: "sm", children: e.status })),
+        },
+    ];
+    return (_jsx(Container, { children: _jsx(Section, { children: _jsxs(Stack, { gap: "lg", children: [_jsx(Heading, { level: 1, size: "2xl", weight: "bold", children: "Lottery Entries" }), _jsxs(Text, { color: "muted", children: [entries.length, " ", entries.length === 1 ? "entry" : "entries", " total"] }), _jsx(DataTable, { data: entries, columns: columns, keyExtractor: (e) => e.id, emptyMessage: "No entries yet.", actions: isAdmin
+                            ? (entry) => (_jsxs(Row, { gap: "xs", children: [!entry.isFlagged && onFlagEntry && (_jsx(Button, { variant: "danger", size: "sm", onClick: () => { setFlaggingId(entry.id); setFlagNote(""); }, children: "Flag" })), entry.isFlagged && entry.assignedPrizeSlotNumber != null && onReopenSlot && (_jsx(Button, { variant: "secondary", size: "sm", onClick: () => onReopenSlot(entry.assignedPrizeSlotNumber), children: "Reopen Slot" }))] }))
+                            : undefined }), _jsx(Dialog, { open: !!flaggingId, onClose: () => setFlaggingId(null), padding: "lg", "aria-label": "Flag entry", children: _jsxs(Stack, { gap: "md", children: [_jsx(Heading, { level: 2, size: "xl", weight: "bold", children: "Flag This Entry?" }), _jsx(Text, { color: "muted", size: "sm", children: "Entry will be marked as fraudulent. Their claimed slot stays booked until you manually reopen it." }), _jsx(FieldTextarea, { name: "flagNote", label: "Reason for flagging", required: true, value: flagNote, onChange: (v) => setFlagNote(v), rows: 3 }), _jsxs(Row, { gap: "sm", justify: "end", children: [_jsx(Button, { variant: "ghost", onClick: () => setFlaggingId(null), children: "Cancel" }), _jsx(Button, { variant: "danger", disabled: !flagNote.trim(), onClick: async () => {
+                                                if (onFlagEntry && flaggingId && flagNote.trim()) {
+                                                    await onFlagEntry(flaggingId, flagNote.trim());
+                                                    setFlaggingId(null);
+                                                }
+                                            }, children: "Flag Entry" })] })] }) })] }) }) }));
+}

package/dist/_internal/client/features/lottery/LotteryListView.d.ts

@@ -0,0 +1,21 @@
+import type { ClientLotteryConfig } from "../../../../features/lottery/types";
+interface ClientLotteryEvent {
+    id: string;
+    title: string;
+    description?: string;
+    status: string;
+    startsAt?: string | Date;
+    endsAt?: string | Date;
+    coverImageUrl?: string;
+    lotteryConfig?: ClientLotteryConfig;
+}
+interface LotteryListViewProps {
+    items: ClientLotteryEvent[];
+    adminMode?: boolean;
+}
+/**
+ * Card grid of lotteries.
+ * Admin sees all statuses; public sees active only.
+ */
+export declare function LotteryListView({ items, adminMode }: LotteryListViewProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/_internal/client/features/lottery/LotteryListView.js

@@ -0,0 +1,25 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Stack, Row, Text, Heading, Badge, Card, Section, Container, Anchor, Div, Grid, } from "../../../../ui";
+/**
+ * Card grid of lotteries.
+ * Admin sees all statuses; public sees active only.
+ */
+export function LotteryListView({ items, adminMode = false }) {
+    const visible = adminMode
+        ? items
+        : items.filter((e) => e.status === "active");
+    if (visible.length === 0) {
+        return (_jsx(Container, { children: _jsx(Section, { children: _jsxs(Stack, { className: "text-center", gap: "md", padding: "xl", children: [_jsx(Heading, { level: 2, size: "2xl", weight: "bold", children: "No Active Lotteries" }), _jsx(Text, { color: "muted", children: "Check back soon for upcoming lottery events!" })] }) }) }));
+    }
+    return (_jsx(Container, { children: _jsx(Section, { children: _jsxs(Stack, { gap: "lg", children: [_jsx(Heading, { level: 1, size: "3xl", weight: "bold", children: adminMode ? "All Lotteries" : "Active Lotteries" }), _jsx(Grid, { cols: 3, gap: "md", children: visible.map((event) => {
+                            const claimed = event.lotteryConfig?.slots.filter((s) => s.isBooked).length ?? 0;
+                            const total = event.lotteryConfig?.totalSlots ?? 0;
+                            const slotsLeft = total - claimed;
+                            return (_jsx(Anchor, { href: `/lottery/${event.id}`, tone: "brand", rounded: "2xl", className: "block focus:outline-none focus-visible:ring-2 focus-visible:ring-primary", "aria-label": `${event.title} lottery`, children: _jsxs(Card, { variant: "default", padding: "none", animate: "hoverLift", className: "overflow-hidden", children: [event.coverImageUrl ? (_jsx(Div, { className: "aspect-video overflow-hidden", children: _jsx("img", { src: event.coverImageUrl, alt: event.title, className: "w-full h-full object-cover" }) })) : (_jsx(Div, { className: "aspect-video", surface: "muted", align: "center", justify: "center", children: _jsx(Text, { size: "3xl", children: "\uD83C\uDFB0" }) })), _jsxs(Stack, { gap: "xs", padding: "md", children: [_jsxs(Row, { gap: "xs", align: "center", wrap: true, children: [_jsx(Badge, { variant: event.status === "active"
+                                                                ? "success"
+                                                                : event.status === "ended"
+                                                                    ? "danger"
+                                                                    : "warning", size: "sm", children: event.status }), slotsLeft > 0 && event.status === "active" && (_jsxs(Badge, { variant: "info", size: "sm", children: [slotsLeft, " slot", slotsLeft !== 1 ? "s" : "", " left"] })), slotsLeft === 0 && total > 0 && (_jsx(Badge, { variant: "secondary", size: "sm", children: "Full" }))] }), _jsx(Heading, { level: 3, size: "lg", weight: "semibold", className: "truncate", children: event.title }), event.description ? (_jsx(Text, { size: "sm", color: "muted", className: "truncate", children: event.description.replace(/<[^>]+>/g, "").slice(0, 100) })) : null, total > 0 && (_jsxs(Text, { size: "xs", color: "muted", children: [claimed, "/", total, " slots claimed"] }))] })] }) }, event.id));
+                        }) })] }) }) }));
+}

package/dist/_internal/client/features/lottery/LotteryPullForm.d.ts

@@ -0,0 +1,19 @@
+interface LotteryPullFormProps {
+    sourceType: "event" | "product";
+    eventId?: string;
+    productId?: string;
+    totalSlots: number;
+    maxPullsPerUser: number;
+    onSuccess?: (result: {
+        userLotteryNumber: number;
+        assignedPrizeSlotNumber: number;
+        slotName: string;
+    }) => void;
+}
+/**
+ * User-facing lottery pull form.
+ * Submits TX ID + phone + payment time + item number.
+ * On success, shows the user their lottery number and assigned prize slot.
+ */
+export declare function LotteryPullForm({ sourceType, eventId, productId, totalSlots, maxPullsPerUser: _maxPullsPerUser, onSuccess, }: LotteryPullFormProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/_internal/client/features/lottery/LotteryPullForm.js

@@ -0,0 +1,65 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { Stack, Row, Text, Heading, Span, } from "../../../../ui";
+import { Form, FieldInput, Button } from "../../../../ui";
+import { useApiMutation } from "../../../../client/api/useApiMutation";
+import { apiClient } from "../../../../http";
+/**
+ * User-facing lottery pull form.
+ * Submits TX ID + phone + payment time + item number.
+ * On success, shows the user their lottery number and assigned prize slot.
+ */
+export function LotteryPullForm({ sourceType, eventId, productId, totalSlots, maxPullsPerUser: _maxPullsPerUser, onSuccess, }) {
+    const [result, setResult] = useState(null);
+    const [transactionId, setTransactionId] = useState("");
+    const [paymentTime, setPaymentTime] = useState("");
+    const [itemNumber, setItemNumber] = useState("");
+    const [userPhone, setUserPhone] = useState("");
+    const apiRoute = sourceType === "event"
+        ? `/api/events/${eventId ?? ""}/lottery-pull`
+        : `/api/products/${productId ?? ""}/lottery-pull`;
+    const mutation = useApiMutation({
+        mutationFn: () => apiClient.post(apiRoute, {
+            sourceType,
+            ...(sourceType === "event" ? { eventId } : { productId }),
+            transactionId,
+            paymentTime: new Date(paymentTime).toISOString(),
+            purchasedItemNumber: parseInt(itemNumber, 10),
+            userPhone,
+        }),
+        successMessage: "Your lottery entry has been submitted!",
+        onSuccess: (data) => {
+            if (data.data) {
+                setResult(data.data);
+                onSuccess?.(data.data);
+            }
+        },
+    });
+    if (result) {
+        return (_jsxs(Stack, { gap: "sm", padding: "md", rounded: "2xl", surface: "success-surface", className: "border border-success/20", children: [_jsxs(Row, { align: "center", gap: "sm", children: [_jsx(Span, { layout: "inline-flex", color: "inverse", weight: "semibold", className: "bg-success text-[11px] tracking-wide", padding: "pill-sm", rounded: "full", transform: "uppercase", children: "Entry Confirmed" }), _jsxs(Heading, { level: 2, className: "text-success", size: "lg", weight: "bold", children: ["You're #", result.userLotteryNumber, "!"] })] }), _jsxs(Text, { className: "text-success", size: "sm", children: ["You've been assigned", " ", _jsxs(Span, { weight: "bold", children: ["Slot #", result.assignedPrizeSlotNumber] }), result.slotName ? ` — ${result.slotName}` : "", ". Good luck!"] })] }));
+    }
+    return (_jsx(Form, { onSubmit: (e) => e.preventDefault(), className: "space-y-4", children: ({ setFieldError, clearErrors }) => (_jsxs(Stack, { gap: "md", children: [_jsx(Heading, { level: 3, size: "lg", weight: "semibold", children: "Submit Your Entry" }), _jsx(Text, { size: "sm", color: "muted", children: "Enter your UPI Transaction ID and payment details to claim your slot." }), _jsx(FieldInput, { name: "transactionId", label: "Transaction ID (UPI Ref / Payment Ref)", placeholder: "e.g. 123456789012", required: true, value: transactionId, onChange: (v) => { setTransactionId(v); clearErrors(); } }), _jsx(FieldInput, { name: "paymentTime", label: "Payment Date & Time", type: "datetime-local", required: true, value: paymentTime, onChange: (v) => { setPaymentTime(v); clearErrors(); } }), _jsx(FieldInput, { name: "itemNumber", label: `Slot Number (1 – ${totalSlots})`, type: "number", placeholder: `Enter a number between 1 and ${totalSlots}`, required: true, value: itemNumber, onChange: (v) => { setItemNumber(v); clearErrors(); } }), _jsx(FieldInput, { name: "userPhone", label: "Your Phone Number", type: "tel", placeholder: "e.g. 9876543210", required: true, value: userPhone, onChange: (v) => { setUserPhone(v); clearErrors(); } }), _jsx(Button, { type: "submit", variant: "primary", isLoading: mutation.isPending, onClick: () => {
+                        clearErrors();
+                        const num = parseInt(itemNumber, 10);
+                        let valid = true;
+                        if (!transactionId || transactionId.length < 4) {
+                            setFieldError("transactionId", "Transaction ID must be at least 4 characters");
+                            valid = false;
+                        }
+                        if (!paymentTime) {
+                            setFieldError("paymentTime", "Payment date & time is required");
+                            valid = false;
+                        }
+                        if (isNaN(num) || num < 1 || num > totalSlots) {
+                            setFieldError("itemNumber", `Slot number must be between 1 and ${totalSlots}`);
+                            valid = false;
+                        }
+                        if (!userPhone || userPhone.replace(/\D/g, "").length < 10) {
+                            setFieldError("userPhone", "Enter a valid phone number (minimum 10 digits)");
+                            valid = false;
+                        }
+                        if (valid)
+                            mutation.mutate();
+                    }, className: "w-full", children: mutation.isPending ? "Submitting…" : "Submit Entry" })] })) }));
+}

package/dist/_internal/client/features/lottery/LotterySlotGrid.d.ts

@@ -0,0 +1,13 @@
+import type { ClientLotterySlot } from "../../../../features/lottery/types";
+interface LotterySlotGridProps {
+    slots: ClientLotterySlot[];
+    totalSlots: number;
+}
+/**
+ * Visual grid of lottery slots.
+ * Booked slots show buyer display name + user lottery number in green.
+ * Available slots show slot number + name in white.
+ * Never shows price or weight.
+ */
+export declare function LotterySlotGrid({ slots, totalSlots }: LotterySlotGridProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/_internal/client/features/lottery/LotterySlotGrid.js

@@ -0,0 +1,21 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Stack, Row, Text, Span, Div } from "../../../../ui";
+/**
+ * Visual grid of lottery slots.
+ * Booked slots show buyer display name + user lottery number in green.
+ * Available slots show slot number + name in white.
+ * Never shows price or weight.
+ */
+export function LotterySlotGrid({ slots, totalSlots }) {
+    const cols = totalSlots <= 10 ? 5 : totalSlots <= 25 ? 5 : totalSlots <= 50 ? 10 : totalSlots <= 100 ? 10 : 20;
+    return (_jsxs(Stack, { gap: "sm", children: [_jsxs(Row, { gap: "sm", align: "center", children: [_jsxs(Row, { gap: "xs", align: "center", children: [_jsx(Span, { layout: "inline-block", className: "w-3 h-3", rounded: "sm", surface: "success-surface" }), _jsx(Text, { size: "xs", color: "muted", children: "Claimed" })] }), _jsxs(Row, { gap: "xs", align: "center", children: [_jsx(Span, { layout: "inline-block", className: "w-3 h-3 border border-[var(--appkit-color-border)]", rounded: "sm", surface: "muted" }), _jsx(Text, { size: "xs", color: "muted", children: "Available" })] })] }), _jsxs(Div, { style: { display: "grid", gap: "4px", gridTemplateColumns: `repeat(${Math.min(cols, totalSlots)}, minmax(0, 1fr))` }, "aria-label": "Lottery slot grid", children: [slots.map((slot) => (_jsx(Div, { title: slot.isBooked
+                            ? `Slot #${slot.slotNumber}: ${slot.name} — claimed by ${slot.bookedByDisplayName ?? "a participant"} (#${slot.bookedByUserLotteryNumber ?? "?"})`
+                            : `Slot #${slot.slotNumber}: ${slot.name} — available`, "aria-label": `Slot ${slot.slotNumber}: ${slot.isBooked ? "claimed" : "available"}`, className: [
+                            "aspect-square rounded-sm flex items-center justify-center text-[10px] font-mono font-semibold transition-colors",
+                            slot.isBooked
+                                ? "text-success border border-success/30"
+                                : "text-zinc-400 border border-[var(--appkit-color-border-subtle)] hover:border-primary/40",
+                        ].join(" "), surface: slot.isBooked ? "success-surface" : "subtle", children: slot.slotNumber }, slot.slotNumber))), slots.length < totalSlots &&
+                        Array.from({ length: totalSlots - slots.length }, (_, i) => (_jsx(Div, { rounded: "sm", surface: "subtle", className: "aspect-square border border-[var(--appkit-color-border-subtle)]", "aria-hidden": "true" }, `empty-${i}`)))] }), _jsxs(Text, { size: "xs", color: "muted", children: [slots.filter((s) => s.isBooked).length, " / ", totalSlots, " slots claimed"] })] }));
+}

package/dist/_internal/client/features/lottery/PrizeDrawLotteryDetailView.d.ts

@@ -0,0 +1,28 @@
+import type { ClientLotteryConfig } from "../../../../features/lottery/types";
+interface ClientProduct {
+    id: string;
+    title: string;
+    description?: string;
+    status: string;
+    mainImage?: string;
+    prizeDrawMode?: "reveal" | "lottery";
+    lotteryConfig?: ClientLotteryConfig;
+}
+interface PrizeDrawLotteryDetailViewProps {
+    product: ClientProduct;
+    user?: {
+        uid: string;
+        displayName?: string | null;
+    } | null;
+    currentEntry?: {
+        userLotteryNumber: number;
+        assignedPrizeSlotNumber?: number;
+        slotName?: string;
+    } | null;
+}
+/**
+ * Prize-draw product detail view for lottery mode.
+ * Same flow as LotteryDetailView but sourced from a product.
+ */
+export declare function PrizeDrawLotteryDetailView({ product, user, currentEntry, }: PrizeDrawLotteryDetailViewProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/_internal/client/features/lottery/PrizeDrawLotteryDetailView.js

@@ -0,0 +1,18 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { Stack, Row, Text, Heading, Badge, Section, Container, Div, Anchor, } from "../../../../ui";
+import { LotterySlotGrid } from "./LotterySlotGrid";
+import { LotteryPullForm } from "./LotteryPullForm";
+/**
+ * Prize-draw product detail view for lottery mode.
+ * Same flow as LotteryDetailView but sourced from a product.
+ */
+export function PrizeDrawLotteryDetailView({ product, user, currentEntry, }) {
+    const [pulledEntry, setPulledEntry] = useState(currentEntry?.assignedPrizeSlotNumber != null
+        ? currentEntry
+        : null);
+    const config = product.lotteryConfig;
+    const isActive = product.status === "published";
+    return (_jsx(Container, { children: _jsx(Section, { children: _jsxs(Stack, { gap: "xl", children: [product.mainImage ? (_jsx(Div, { rounded: "2xl", className: "overflow-hidden", style: { aspectRatio: "16/9", maxHeight: "16rem" }, children: _jsx("img", { src: product.mainImage, alt: product.title, className: "w-full h-full object-cover" }) })) : (_jsx(Div, { rounded: "2xl", surface: "muted", padding: "xl", align: "center", justify: "center", children: _jsx(Text, { size: "5xl", children: "\uD83C\uDF81" }) })), _jsxs(Stack, { gap: "sm", children: [_jsxs(Row, { gap: "xs", align: "center", wrap: true, children: [_jsx(Badge, { variant: "info", children: "Lottery Prize Draw" }), config && (_jsxs(Badge, { variant: isActive ? "success" : "secondary", children: [config.slots.filter((s) => s.isBooked).length, "/", config.totalSlots, " claimed"] }))] }), _jsx(Heading, { level: 1, size: "3xl", weight: "bold", children: product.title }), product.description ? (_jsx(Text, { color: "muted", children: product.description })) : null] }), config && config.slots.length > 0 ? (_jsxs(Stack, { gap: "sm", children: [_jsx(Heading, { level: 2, size: "xl", weight: "semibold", children: "Slots" }), _jsx(LotterySlotGrid, { slots: config.slots, totalSlots: config.totalSlots })] })) : null, isActive && config && (_jsx(Div, { padding: "md", rounded: "2xl", surface: "card", className: "border border-[var(--appkit-color-border)]", children: !user ? (_jsxs(Stack, { gap: "md", className: "text-center", children: [_jsx(Heading, { level: 2, size: "xl", weight: "semibold", children: "Want to Enter?" }), _jsx(Text, { color: "muted", children: "Log in to submit your entry." }), _jsx(Anchor, { href: "/login", tone: "brand", children: "Log In to Enter" })] })) : pulledEntry ? (_jsxs(Stack, { gap: "sm", surface: "success-surface", padding: "md", rounded: "xl", className: "border border-success/20", children: [_jsxs(Heading, { level: 2, size: "lg", weight: "bold", className: "text-success", children: ["You're Entry #", pulledEntry.userLotteryNumber, "!"] }), _jsxs(Text, { className: "text-success", size: "sm", children: ["Assigned to Slot #", pulledEntry.assignedPrizeSlotNumber, pulledEntry.slotName ? ` — ${pulledEntry.slotName}` : "", "."] })] })) : (_jsx(LotteryPullForm, { sourceType: "product", productId: product.id, totalSlots: config.totalSlots, maxPullsPerUser: config.maxPullsPerUser, onSuccess: (res) => setPulledEntry(res) })) }))] }) }) }));
+}

package/dist/_internal/server/features/auctions/__tests__/service.test.d.ts

@@ -0,0 +1 @@
+export {};