@mohasinac/appkit 4.71.0 → 4.71.2

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

@@ -1,187 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-/**
- * LotteryAdminEditView — the slot configuration for one lottery. Sectionised
- * 2026-08-30.
- *
- * ## Two schemas became one
- *
- * It declared `lotteryConfigFormSchema` on `<Form>` and parsed
- * `lotteryConfigWriteSchema` in the submit handler, so the form schema's
- * duplicate-slot and free-lottery rules had never executed. The form schema is
- * deleted; `lotteryConfigWriteSchema` carries the annotations now and is both
- * what this form renders from and what the route parses.
- *
- * ## Title and description are gone, not moved
- *
- * They were editable here and reached nothing: `LotteryConfigClient` posts
- * `data.lotteryConfig` to `PUT .../lottery-config` and ignores the rest, and
- * that route accepts only the config. An event's title, dates, status and
- * media are edited in the ordinary event editor — this page is the slots. Two
- * inputs that saved silently into nowhere are worse than their absence, which
- * is the same call made on `rememberMe`. The title still appears, as the
- * heading, so it is obvious which lottery is open.
- */
-import React from "react";
-import { Button } from "../../../../ui/components/Button.js";
-import { DataTable } from "../../../../ui/DataTable.js";
-import { Input } from "../../../../ui/components/Input.js";
-import { Row, Stack } from "../../../../ui/components/Layout.js";
-import { Text } from "../../../../ui/components/Typography.js";
-import { FormErrorSummary } from "../../../../ui/forms/FormErrorSummary.js";
-import { FormShellContext, useFormShellState } from "../../../../ui/forms/FormShell.js";
-import { applyZodIssues } from "../../../../ui/forms/apply-zod-issues.js";
-import { StackedViewShell } from "../../../../ui/components/StackedViewShell.js";
-import { buildSectionsFromSchema, visibleValues } from "../../../../features/shell/build-sections.js";
-import { SectionForm, useSectionFormNav } from "../../../../features/shell/SectionForm.js";
-import { lotteryConfigWriteSchema } from "../../../../features/lottery/schemas/config-write.js";
-const MAX_SLOTS = 200;
-export function LotteryAdminEditView({ eventId, initialData, onSubmit, }) {
-    const [isPending, startTransition] = React.useTransition();
-    const [form, setForm] = React.useState({
-        pricingMode: initialData?.pricingMode ?? "uniform",
-        uniformPrice: initialData?.uniformPrice ?? 0,
-        drawWindowDurationMinutes: initialData?.drawWindowDurationMinutes ?? 5,
-        maxPullsPerTransaction: initialData?.maxPullsPerTransaction ?? 1,
-        maxPullsPerUser: initialData?.maxPullsPerUser ?? 1,
-        slots: initialData?.slots ?? [{ slotNumber: 1, name: "", price: 0 }],
-    });
-    const patch = (partial) => setForm((prev) => Object.assign({}, prev, partial));
-    const sections = React.useMemo(() => buildSectionsFromSchema(lotteryConfigWriteSchema, {
-        renderers: {
-            slots: ({ values, onChange }) => (_jsx(SlotTable, { slots: values.slots, showPrice: values.pricingMode === "variable", onSlotsChange: (next) => onChange({ slots: next }) })),
-        },
-    }), []);
-    const nav = useSectionFormNav(sections, form, { scope: "admin:lottery-config" });
-    const { shellCtx, setFieldError, clearErrors } = useFormShellState(lotteryConfigWriteSchema, {
-        sections: nav.sectionMeta,
-        onGoToSection: nav.goToSection,
-        fieldToSectionIndex: nav.fieldToSectionIndex,
-    });
-    const handleSubmit = () => {
-        clearErrors();
-        /*
-         * Per-slot prices are dropped under uniform pricing, where the price of a
-         * slot IS `uniformPrice`. They used to be sent in both modes, so a figure
-         * loaded from `initialData` survived a switch to uniform — unreachable on
-         * screen, still written on save. `visibleValues` cannot reach inside an
-         * array, so this one masking stays explicit.
-         */
-        const draft = visibleValues(lotteryConfigWriteSchema, form);
-        const candidate = {
-            ...draft,
-            slots: form.slots.map((s) => ({
-                slotNumber: s.slotNumber,
-                name: s.name,
-                image: s.image?.trim() || undefined,
-                price: form.pricingMode === "variable" ? s.price : 0,
-            })),
-        };
-        const parsed = lotteryConfigWriteSchema.safeParse(candidate);
-        if (!parsed.success) {
-            applyZodIssues(parsed.error.issues, setFieldError);
-            return;
-        }
-        startTransition(async () => {
-            await onSubmit({ lotteryConfig: parsed.data });
-        });
-    };
-    return (_jsx(StackedViewShell, { portal: "admin", title: eventId
-            ? `Edit lottery${initialData?.title ? ` — ${initialData.title}` : ""}`
-            : "Create lottery", sections: [
-            _jsxs(FormShellContext.Provider, { value: shellCtx, children: [_jsx(FormErrorSummary, {}), _jsx(SectionForm, { sections: sections, values: form, onChange: patch, onSubmit: handleSubmit, schema: lotteryConfigWriteSchema, openIds: nav.openIds, onOpenChange: nav.setOpenIds, isLoading: isPending, submitLabel: eventId ? "Update lottery" : "Create lottery" })] }, "lottery-config-form"),
-        ] }));
-}
-/**
- * The repeatable slot rows.
- *
- * A module-level component rather than an inline renderer: its handlers would
- * otherwise sit six braces deep inside `useMemo`, which is what
- * `audit-code-quality`'s DEEP_NESTING rule exists to stop.
- */
-function SlotTable({ slots, showPrice, onSlotsChange, }) {
-    /*
-     * Read the form context directly. `SlotTable` is its own component, so the
-     * `shellCtx` the parent destructures is out of scope here — but the parent
-     * mounts `FormShellContext.Provider` above this, so the errors are
-     * reachable. `useContext` rather than `useFormShell()`: this table is
-     * also usable outside a form and must not require a provider.
-     */
-    const formCtx = React.useContext(FormShellContext);
-    const slotError = (idx, field) => formCtx?.errors[`slots.${idx}.${field}`];
-    /**
-     * Next number is max+1, not length+1.
-     *
-     * Now that removeSlot preserves numbering, `slots.length + 1` collides: delete
-     * slot 1 of 25 and you hold 24 slots numbered 2..25, so length+1 is 25 — a
-     * duplicate, which the write schema rejects outright (slot numbers must be
-     * unique). Deriving from the highest number in use is stable under any gaps.
-     */
-    const addSlot = () => onSlotsChange([
-        ...slots,
-        { slotNumber: slots.reduce((max, s) => Math.max(max, s.slotNumber), 0) + 1, name: "", price: 0 },
-    ]);
-    /**
-     * 🛑 Remove the slot. Do NOT renumber the survivors.
-     *
-     * `slotNumber` is the stable identity a booking is attached to, and renumbering
-     * silently defeated the server's own protection. `mergeLotteryConfig` refuses a
-     * save that drops a BOOKED slot by checking `isBooked && !incoming.has(slotNumber)`
-     * — but this function used to renumber the remaining slots to `i + 1`, so deleting
-     * slot 1 of 25 sent back numbers 1..24. Every booked number (1–5) still *appeared*
-     * in that set, the check found nothing to refuse, and the save went through.
-     *
-     * The damage was worse than the deletion: the merge re-attaches bookings by
-     * slotNumber, so the buyer of the deleted slot 1 had their booking moved onto
-     * whatever prize now occupied number 1. That is precisely the hazard the schema
-     * header describes — "hands slot 7's buyer the prize that used to be slot 8".
-     *
-     * Numbers may therefore be non-contiguous after a delete (2..25), which the write
-     * schema allows: it requires slot numbers to be UNIQUE, not gapless, and totalSlots
-     * is derived from slots.length rather than from the highest number.
-     */
-    const removeSlot = (idx) => onSlotsChange(slots.filter((_, i) => i !== idx));
-    const updateSlot = (idx, field, value) => onSlotsChange(slots.map((s, i) => i === idx
-        ? {
-            ...s,
-            [field]: field === "price"
-                ? Math.round(parseFloat(value) * 100) / 100 || 0
-                : value,
-        }
-        : s));
-    const rows = slots.map((s, i) => ({ ...s, _idx: i }));
-    const columns = [
-        {
-            key: "slotNumber",
-            header: "#",
-            render: (s) => (_jsx(Text, { size: "xs", color: "muted", family: "mono", children: s.slotNumber })),
-        },
-        {
-            key: "name",
-            header: "Prize name",
-            /*
-             * These inputs live in DataTable COLUMN renderers, which get no
-             * `errors` argument — a section render would. They read the context
-             * this component itself mounts, with the dotted INDEXED key
-             * `applyZodIssues` produces (`slots.2.price`), so a rejected slot marks
-             * its own row rather than the first one.
-             */
-            render: (s) => (_jsx(Input, { type: "text", className: "w-full", placeholder: `Prize for slot ${s.slotNumber}`, value: s.name, error: slotError(s._idx, "name"), onChange: (e) => updateSlot(s._idx, "name", e.target.value), "aria-label": `Slot ${s.slotNumber} prize name` })),
-        },
-        {
-            key: "image",
-            header: "Image",
-            render: (s) => (_jsx(Input, { type: "text", className: "w-full", placeholder: "/media/\u2026 or https://\u2026", value: s.image ?? "", error: slotError(s._idx, "image"), onChange: (e) => updateSlot(s._idx, "image", e.target.value), "aria-label": `Slot ${s.slotNumber} prize image URL` })),
-        },
-        ...(showPrice
-            ? [
-                {
-                    key: "price",
-                    header: "Price (₹)",
-                    render: (s) => (_jsx(Input, { type: "number", className: "w-24", placeholder: "0", value: s.price, error: slotError(s._idx, "price"), onChange: (e) => updateSlot(s._idx, "price", e.target.value), "aria-label": `Slot ${s.slotNumber} price` })),
-                },
-            ]
-            : []),
-    ];
-    return (_jsxs(Stack, { gap: "md", children: [_jsxs(Row, { align: "center", justify: "between", children: [_jsxs(Text, { size: "sm", color: "muted", children: [slots.length, " slot", slots.length === 1 ? "" : "s"] }), _jsx(Button, { type: "button", variant: "secondary", size: "sm", onClick: addSlot, disabled: slots.length >= MAX_SLOTS, children: "+ Add slot" })] }), _jsx(DataTable, { data: rows, columns: columns, 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 })] }));
-}

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

@@ -1,15 +0,0 @@
-import React from "react";
-import type { ClientLotterySlot } from "../../../../features/lottery/types";
-interface AdminLotterySlot extends ClientLotterySlot {
-    price: 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): React.JSX.Element;
-export {};

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

@@ -1,51 +0,0 @@
-"use client";
-import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
-import { Stack, Container } from "../../../../ui/components/Layout.js";
-import { Text, Heading } from "../../../../ui/components/Typography.js";
-import { Badge } from "../../../../ui/components/Badge.js";
-import { Section } from "../../../../ui/components/Semantic.js";
-import { DataTable } from "../../../../ui/DataTable.js";
-import { formatMoney } from "../../../../utils/number.formatter.js";
-/**
- * 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: "price",
-            header: "Price (₹)",
-            render: (s) => (_jsx(Text, { size: "sm", family: "mono", children: formatMoney(s.price) })),
-        },
-        {
-            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

@@ -1,37 +0,0 @@
-import React from "react";
-import type { ClientLotteryConfig } from "../../../../features/lottery/types";
-interface ClientLotteryEvent {
-    id: string;
-    title: string;
-    description?: string;
-    status: string;
-    endsAt?: string | Date | null;
-    /**
-     * Two spellings exist on EventDocument and only `coverImage.url` is ever
-     * populated — by seed data or the admin editor. Reading `coverImageUrl`
-     * alone is why this page showed the 🎰 placeholder for every lottery.
-     */
-    coverImageUrl?: string;
-    coverImage?: {
-        url?: string;
-    } | null;
-    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): React.JSX.Element;
-export {};

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

@@ -1,48 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState } from "react";
-import { Stack, Row, Container } from "../../../../ui/components/Layout.js";
-import { Text, Heading } from "../../../../ui/components/Typography.js";
-import { Badge } from "../../../../ui/components/Badge.js";
-import { Section } from "../../../../ui/components/Semantic.js";
-import { Div } from "../../../../ui/components/Div.js";
-import { Anchor } from "../../../../ui/components/Anchor.js";
-import { MediaImage } from "../../../../features/media/MediaImage.js";
-import { useOptionalSession } from "../../../../react/contexts/SessionContext.js";
-import { ROUTES } from "../../../../next/routing/route-map.js";
-import { LotterySlotGrid } from "./LotterySlotGrid.js";
-import { LotteryPullForm } from "./LotteryPullForm.js";
-import { PrizeDrawCollage } from "../../../../features/products/components/PrizeDrawCollage.js";
-import { slotsToCollageItems } from "./slot-collage-items.js";
-/**
- * Full lottery detail page view.
- * Shows cover + description + slot grid + pull form (if active + logged in).
- */
-export function LotteryDetailView({ event, user, currentEntry }) {
-    /*
-     * 🛑 Viewer identity is read on the CLIENT, not taken from the `user` prop.
-     *
-     * The page used to `await getServerSessionUser()` to supply that prop, which
-     * cost twice over: `cookies()` forced dynamic rendering, so the route's
-     * `revalidate = 30` was silently inert (Root Cause #94) and every visit paid a
-     * full render; and the HTML then varied per viewer, so it could never be
-     * cached or shared even once the TTL was fixed.
-     *
-     * `useOptionalSession` — not `useSession` — because library code that adjusts
-     * for the viewer must not require a provider to be mounted (Root Cause #20);
-     * absent, it fails CLOSED to the signed-out branch.
-     *
-     * The `user` prop is kept as an optional SEED so a caller that genuinely has
-     * the viewer (an authenticated dashboard mount) still renders correctly on
-     * first paint.
-     */
-    const session = useOptionalSession();
-    const isAuthResolving = session?.loading ?? false;
-    const viewer = session?.user ?? user ?? null;
-    const [pulledEntry, setPulledEntry] = useState(currentEntry?.assignedPrizeSlotNumber != null ? currentEntry : null);
-    const config = event.lotteryConfig;
-    const prizeItems = slotsToCollageItems(config?.slots ?? []);
-    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 || event.coverImage?.url ? (_jsx(Div, { rounded: "2xl", className: "relative overflow-hidden", style: { aspectRatio: "16/9", maxHeight: "16rem" }, children: _jsx(MediaImage, { src: event.coverImageUrl || event.coverImage?.url || "", alt: event.title, size: "hero" }) })) : (_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] }), prizeItems.length > 0 ? (_jsxs(Stack, { gap: "sm", children: [_jsx(Heading, { level: 2, size: "xl", weight: "semibold", children: "Prizes" }), _jsx(PrizeDrawCollage, { items: prizeItems, wonLabel: "Claimed" })] })) : 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: isAuthResolving ? (_jsx(Stack, { gap: "md", className: "text-center", children: _jsx(Text, { color: "muted", children: "Checking your session\u2026" }) })) : !viewer ? (_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: String(ROUTES.AUTH.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

@@ -1,24 +0,0 @@
-import React from "react";
-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): React.JSX.Element;
-export {};

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

@@ -1,63 +0,0 @@
-"use client";
-import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
-import { useState } from "react";
-import { Stack, Row, Container } from "../../../../ui/components/Layout.js";
-import { Text, Heading } from "../../../../ui/components/Typography.js";
-import { Badge } from "../../../../ui/components/Badge.js";
-import { Button } from "../../../../ui/components/Button.js";
-import { Section } from "../../../../ui/components/Semantic.js";
-import { DataTable } from "../../../../ui/DataTable.js";
-import { Dialog } from "../../../../ui/components/Dialog.js";
-import { FieldTextarea } from "../../../../ui/forms/FieldTextarea.js";
-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

@@ -1,29 +0,0 @@
-import React from "react";
-import type { ClientLotteryConfig } from "../../../../features/lottery/types";
-interface ClientLotteryEvent {
-    id: string;
-    title: string;
-    description?: string;
-    status: string;
-    startsAt?: string | Date;
-    endsAt?: string | Date;
-    /**
-     * Only `coverImage.url` is ever populated on EventDocument — reading
-     * `coverImageUrl` alone showed the 🎰 placeholder on every card.
-     */
-    coverImageUrl?: string;
-    coverImage?: {
-        url?: string;
-    } | null;
-    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): React.JSX.Element;
-export {};

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

@@ -1,44 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Stack, Row, Container, Grid } from "../../../../ui/components/Layout.js";
-import { Text, Heading } from "../../../../ui/components/Typography.js";
-import { Badge } from "../../../../ui/components/Badge.js";
-import { Card } from "../../../../ui/components/Card.js";
-import { Section } from "../../../../ui/components/Semantic.js";
-import { Anchor } from "../../../../ui/components/Anchor.js";
-import { Div } from "../../../../ui/components/Div.js";
-import { MediaImage } from "../../../../features/media/MediaImage.js";
-import { ROUTES } from "../../../../next/routing/route-map.js";
-/**
- * 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, { 
-                                /*
-                                 * In adminMode this used to link to the PUBLIC lottery page,
-                                 * so an admin on the admin list had no route to slot
-                                 * configuration at all — which went unnoticed because the
-                                 * editor was orphaned and there was nowhere to link TO.
-                                 * Nested anchors are invalid, so the card itself changes
-                                 * target rather than gaining a second link.
-                                 */
-                                href: adminMode
-                                    ? String(ROUTES.ADMIN.LOTTERY_CONFIG(event.id))
-                                    : `/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 || event.coverImage?.url ? (_jsx(Div, { className: "relative aspect-video overflow-hidden", children: _jsx(MediaImage, { src: event.coverImageUrl || event.coverImage?.url || "", alt: event.title, size: "card" }) })) : (_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

@@ -1,31 +0,0 @@
-/**
- * User-facing lottery pull form — claim a slot with a UPI reference.
- *
- * Fields come from `lotteryPullSchema`. Two need a `renderers` entry because
- * their labels depend on `totalSlots`, which a static annotation cannot know,
- * and one needs `datetime-local` rather than a plain date.
- *
- * ## The upper bound stays a runtime check, on purpose
- *
- * `purchasedItemNumber` is `.min(1)` in the schema and has no `.max()`: the
- * ceiling is `totalSlots`, a prop that varies per lottery. A schema shared with
- * the route cannot carry it, so it is checked after the parse rather than
- * pretended into the annotation. Everything else the hand-written validation
- * used to duplicate — the reference length, the phone shape, the date — now
- * comes from the schema, which is where those rules already lived.
- */
-import React from "react";
-interface LotteryPullFormProps {
-    sourceType: "event" | "product";
-    eventId?: string;
-    productId?: string;
-    totalSlots: number;
-    maxPullsPerUser: number;
-    onSuccess?: (result: {
-        userLotteryNumber: number;
-        assignedPrizeSlotNumber: number;
-        slotName: string;
-    }) => void;
-}
-export declare function LotteryPullForm({ sourceType, eventId, productId, totalSlots, maxPullsPerUser, onSuccess, }: LotteryPullFormProps): React.JSX.Element;
-export {};