@mohasinac/appkit 2.8.9 → 3.0.0

package/dist/features/corporate/components/CorporateInquiryForm.js

@@ -1,8 +1,11 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from "react";
-import { Button, Div, Input, Text, Textarea } from "../../../ui";
-const CLS_INPUT = "w-full rounded-md border border-neutral-300 px-3 py-2 text-sm";
+import { Button, Div, Text } from "../../../ui";
+import { Form } from "../../../ui/components/Form";
+import { FieldInput } from "../../../ui/forms/FieldInput";
+import { FieldTextarea } from "../../../ui/forms/FieldTextarea";
+import { FieldCheckbox } from "../../../ui/forms/FieldCheckbox";
 export function CorporateInquiryForm({ onSubmit, isPending, }) {
     const [form, setForm] = React.useState({
         companyName: "",
@@ -16,22 +19,12 @@ export function CorporateInquiryForm({ onSubmit, isPending, }) {
         customBranding: false,
         message: "",
     });
-    function handleChange(e) {
-        const { name, value, type } = e.target;
-        setForm((prev) => ({
-            ...prev,
-            [name]: type === "checkbox"
-                ? e.target.checked
-                : type === "number"
-                    ? value === ""
-                        ? undefined
-                        : Number(value)
-                    : value,
-        }));
+    function patch(key, value) {
+        setForm((prev) => ({ ...prev, [key]: value }));
     }
     async function handleSubmit(e) {
         e.preventDefault();
         await onSubmit(form);
     }
-    return (_jsxs("form", { onSubmit: handleSubmit, className: "space-y-4", children: [_jsxs(Div, { className: "grid grid-cols-1 gap-4 sm:grid-cols-2", children: [_jsx(Input, { name: "companyName", type: "text", placeholder: "Company name", value: form.companyName, onChange: handleChange, required: true, className: CLS_INPUT }), _jsx(Input, { name: "contactPerson", type: "text", placeholder: "Contact person", value: form.contactPerson, onChange: handleChange, required: true, className: CLS_INPUT }), _jsx(Input, { name: "designation", type: "text", placeholder: "Designation (optional)", value: form.designation ?? "", onChange: handleChange, className: CLS_INPUT }), _jsx(Input, { name: "email", type: "email", placeholder: "Business email", value: form.email, onChange: handleChange, required: true, className: CLS_INPUT }), _jsx(Input, { name: "phone", type: "tel", placeholder: "Phone number", value: form.phone, onChange: handleChange, required: true, className: CLS_INPUT }), _jsx(Input, { name: "units", type: "number", placeholder: "Number of units", value: form.units, onChange: handleChange, min: 1, required: true, className: CLS_INPUT }), _jsx(Input, { name: "budgetPerUnit", type: "number", placeholder: "Budget per unit (optional)", value: form.budgetPerUnit ?? "", onChange: handleChange, min: 0, className: CLS_INPUT }), _jsx(Input, { name: "deliveryDateRequired", type: "date", placeholder: "Required by (optional)", value: form.deliveryDateRequired ?? "", onChange: handleChange, className: CLS_INPUT })] }), _jsxs(Div, { className: "flex items-center gap-2 text-sm text-neutral-700", children: [_jsx("input", { name: "customBranding", type: "checkbox", checked: form.customBranding, onChange: handleChange, className: "h-4 w-4 rounded border-neutral-300" }), _jsx(Text, { className: "text-sm text-neutral-700", children: "Custom branding required" })] }), _jsx(Textarea, { name: "message", placeholder: "Additional requirements (optional)", value: form.message ?? "", onChange: handleChange, rows: 4, className: CLS_INPUT }), _jsx(Button, { type: "submit", disabled: isPending, variant: "primary", className: "w-full rounded-md bg-primary px-4 py-2 text-sm font-medium text-white transition hover:bg-primary/90 disabled:opacity-60", children: isPending ? "Submitting..." : "Submit Inquiry" })] }));
+    return (_jsxs(Form, { onSubmit: handleSubmit, spacing: "md", children: [_jsxs(Div, { layout: "grid", gap: "4", className: "grid-cols-1 sm:grid-cols-2", children: [_jsx(FieldInput, { name: "companyName", type: "text", placeholder: "Company name", value: form.companyName, onChange: (v) => patch("companyName", v), required: true }), _jsx(FieldInput, { name: "contactPerson", type: "text", placeholder: "Contact person", value: form.contactPerson, onChange: (v) => patch("contactPerson", v), required: true }), _jsx(FieldInput, { name: "designation", type: "text", placeholder: "Designation (optional)", value: form.designation ?? "", onChange: (v) => patch("designation", v) }), _jsx(FieldInput, { name: "email", type: "email", placeholder: "Business email", value: form.email, onChange: (v) => patch("email", v), required: true }), _jsx(FieldInput, { name: "phone", type: "tel", placeholder: "Phone number", value: form.phone, onChange: (v) => patch("phone", v), required: true }), _jsx(FieldInput, { name: "units", type: "number", placeholder: "Number of units", value: form.units, onChange: (v) => patch("units", v === "" ? 0 : Number(v)), min: 1, required: true }), _jsx(FieldInput, { name: "budgetPerUnit", type: "number", placeholder: "Budget per unit (optional)", value: form.budgetPerUnit ?? "", onChange: (v) => patch("budgetPerUnit", v === "" ? undefined : Number(v)), min: 0 }), _jsx(FieldInput, { name: "deliveryDateRequired", type: "date", placeholder: "Required by (optional)", value: form.deliveryDateRequired ?? "", onChange: (v) => patch("deliveryDateRequired", v) })] }), _jsx(FieldCheckbox, { name: "customBranding", label: "Custom branding required", checked: form.customBranding, onChange: (c) => patch("customBranding", c) }), _jsx(FieldTextarea, { name: "message", placeholder: "Additional requirements (optional)", value: form.message ?? "", onChange: (v) => patch("message", v), rows: 4 }), _jsx(Button, { type: "submit", isLoading: isPending, disabled: isPending, variant: "primary", className: "w-full", children: isPending ? "Submitting..." : "Submit Inquiry" }), _jsx(Text, { size: "xs", variant: "secondary", children: "We'll respond within 1-2 business days." })] }));
 }

package/dist/features/cron/firebase-adapters.d.ts

@@ -13,7 +13,7 @@
  * ```ts
  * // functions/src/index.ts
  * import { scheduler } from "firebase-functions/v2/scheduler";
- * import { pubsub }    from "firebase-functions/v2/pubsub";
+ * import { pubsub } from "firebase-functions/v2/pubsub";
  * import { wrapScheduled, wrapPubSub } from "@mohasinac/appkit/cron";
  * import { auctionExpiryJob } from "@mohasinac/appkit/cron/jobs/auction-expiry.job";
  *

package/dist/features/cron/firebase-adapters.js

@@ -13,7 +13,7 @@
  * ```ts
  * // functions/src/index.ts
  * import { scheduler } from "firebase-functions/v2/scheduler";
- * import { pubsub }    from "firebase-functions/v2/pubsub";
+ * import { pubsub } from "firebase-functions/v2/pubsub";
  * import { wrapScheduled, wrapPubSub } from "@mohasinac/appkit/cron";
  * import { auctionExpiryJob } from "@mohasinac/appkit/cron/jobs/auction-expiry.job";
  *

package/dist/features/cron/jobs/auction-expiry.job.d.ts

@@ -12,7 +12,7 @@ import type { IRepository } from "../../../contracts";
  *
  * const { db } = getProviders();
  * export const auctionExpiry = createAuctionExpiryJob(
- *   db!.getRepository("auctions")
+ * db!.getRepository("auctions")
  * );
  * ```
  */

package/dist/features/cron/registry.d.ts

@@ -6,16 +6,16 @@ import type { CronJobDefinition, CronRegistrySummary, JobContext, JobResult, Sch
  * @example
  * ```ts
  * export const auctionExpiryJob = createCronJob(
- *   {
- *     name: "auctions_expire",
- *     description: "Close live auctions whose endTime has passed.",
- *     schedule: "every 5 minutes",
- *     timezone: "Asia/Kolkata",
- *   },
- *   async (ctx) => {
- *     // ... implementation
- *     return { summary: "Done", processed: 12, errors: 0 };
- *   },
+ * {
+ * name: "auctions_expire",
+ * description: "Close live auctions whose endTime has passed.",
+ * schedule: "every 5 minutes",
+ * timezone: "Asia/Kolkata",
+ * },
+ * async (ctx) => {
+ * // ... implementation
+ * return { summary: "Done", processed: 12, errors: 0 };
+ * },
  * );
  * ```
  */
@@ -38,7 +38,7 @@ export declare function _resetCronRegistry(): void;
  * @example
  * ```ts
  * const result = await runJob("auctions_expire", {
- *   scheduleTime: new Date().toISOString(),
+ * scheduleTime: new Date().toISOString(),
  * });
  * ```
  */

package/dist/features/cron/registry.js

@@ -8,16 +8,16 @@ const registry = new Map();
  * @example
  * ```ts
  * export const auctionExpiryJob = createCronJob(
- *   {
- *     name: "auctions_expire",
- *     description: "Close live auctions whose endTime has passed.",
- *     schedule: "every 5 minutes",
- *     timezone: "Asia/Kolkata",
- *   },
- *   async (ctx) => {
- *     // ... implementation
- *     return { summary: "Done", processed: 12, errors: 0 };
- *   },
+ * {
+ * name: "auctions_expire",
+ * description: "Close live auctions whose endTime has passed.",
+ * schedule: "every 5 minutes",
+ * timezone: "Asia/Kolkata",
+ * },
+ * async (ctx) => {
+ * // ... implementation
+ * return { summary: "Done", processed: 12, errors: 0 };
+ * },
  * );
  * ```
  */
@@ -69,7 +69,7 @@ export function _resetCronRegistry() {
  * @example
  * ```ts
  * const result = await runJob("auctions_expire", {
- *   scheduleTime: new Date().toISOString(),
+ * scheduleTime: new Date().toISOString(),
  * });
  * ```
  */

package/dist/features/cron/types.d.ts

@@ -6,6 +6,7 @@
  *
  * No Firebase SDK imported here — types only.
  */
+import type { JsonValue } from "../../schemas/types";
 /** Context passed into every scheduled job at runtime. */
 export interface JobContext {
     /** ISO 8601 string of the time this job was scheduled to run. */
@@ -24,7 +25,7 @@ export interface JobResult {
     /** Number of errors encountered (0 = clean run). */
     errors: number;
     /** Any extra key/value metadata the job wants to surface. */
-    meta?: Record<string, unknown>;
+    meta?: Record<string, JsonValue>;
 }
 /** The async function that runs when the job is triggered. */
 export type ScheduledJobFn = (ctx: JobContext) => Promise<JobResult>;

package/dist/features/digital-codes/components/DigitalCodesIndexListing.js

@@ -3,7 +3,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState, useCallback } from "react";
 import { useUrlTable } from "../../../react/hooks/useUrlTable";
 import { useProducts } from "../../products/hooks/useProducts";
-import { BulkActionBar, Div, FilterDrawer, ListingToolbar, LoginRequiredModal, Pagination, Text, useToast } from "../../../ui";
+import { BulkActionBar, Div, FilterDrawer, ListingToolbar, LoginRequiredModal, Pagination, Row, Stack, Text, useToast } from "../../../ui";
 import { usePendingTable } from "../../../react/hooks/usePendingTable";
 import { useAuthGate } from "../../../react/hooks/useAuthGate";
 import { useBulkSelection } from "../../../react/hooks/useBulkSelection";
@@ -110,5 +110,5 @@ export function DigitalCodesIndexListing({ initialData }) {
     useBottomActions(selection.selectedCount > 0 ? { bulk: { selectedCount: selection.selectedCount, onClearSelection: selection.clearSelection, actions: [] } } : {});
     return (_jsxs(Div, { className: "min-h-screen", children: [_jsx(ListingToolbar, { filterCount: filterActiveCount, onFiltersClick: openFilters, searchValue: searchInput, searchPlaceholder: "Search digital codes\u2026", onSearchChange: setSearchInput, onSearchCommit: commitSearch, onSearchKeyDown: (e) => { if (e.key === "Enter")
                     commitSearch(); }, sortValue: table.get(TABLE_KEYS.SORT) || DEFAULT_SORT, sortOptions: SORT_OPTIONS, onSortChange: (v) => { table.set(TABLE_KEYS.SORT, v); }, view: view, onViewChange: (v) => { if (v !== "table")
-                    setView(v); }, onResetAll: resetAll, hasActiveState: hasActiveState, bulkMode: selection.isSelecting, bulkSelectedCount: selection.selectedCount, bulkTotalCount: products.length, onBulkSelectAll: selection.toggleAll, onBulkClear: selection.clearSelection }), _jsx(BulkActionBar, { selectedCount: selection.selectedCount, onClearSelection: selection.clearSelection, actions: [] }), totalPages > 1 && (_jsx(Div, { className: "sticky top-[calc(var(--header-height,0px)+44px)] z-10 flex justify-center bg-white/95 dark:bg-slate-900/95 backdrop-blur-sm border-b border-zinc-200 dark:border-slate-700 px-3 py-1.5", children: _jsx(Pagination, { currentPage: page, totalPages: totalPages, onPageChange: (p) => table.setPage(p) }) })), _jsx(Div, { className: "py-6", children: isLoading ? (_jsx(Div, { className: gridClass, children: Array.from({ length: 10 }).map((_, i) => (_jsxs(Div, { className: `rounded-xl border border-zinc-100 dark:border-slate-700 ${__O.hidden} animate-pulse`, children: [_jsx(Div, { className: "aspect-square bg-zinc-200 dark:bg-slate-700" }), _jsxs(Div, { className: `${__P.p3} space-y-2`, children: [_jsx(Div, { className: "h-3 bg-zinc-200 dark:bg-slate-700 rounded w-3/4" }), _jsx(Div, { className: "h-4 bg-zinc-200 dark:bg-slate-700 rounded w-1/3" })] })] }, i))) })) : products.length === 0 ? (_jsx(Text, { className: "py-12 text-center text-sm text-zinc-500 dark:text-zinc-400", children: "No digital code listings found." })) : (_jsx(Div, { className: view === "list" ? "flex flex-col divide-y divide-zinc-100 dark:divide-zinc-800 rounded-xl border border-zinc-100 dark:border-zinc-800" : gridClass, children: products.map((product) => (_jsx(InteractiveProductCard, { product: product, href: String(ROUTES.PUBLIC.DIGITAL_CODE_DETAIL(product.id)), variant: view === "list" ? "list" : "grid", isWishlisted: wishlistActions.isWishlisted(product.id), onToggleWishlist: handleToggleWishlist, selectable: selection.isSelecting, isSelected: selection.isSelected(product.id), onSelect: (id) => selection.toggle(id) }, product.id))) })) }), _jsx(FilterDrawer, { open: filterOpen, onOpen: openFilters, onClose: () => setFilterOpen(false), onApply: applyFilters, onReset: onFilterClear, activeCount: filterActiveCount, hideTrigger: true, children: _jsx(DigitalCodeFilters, { table: pendingTable, categoryOptions: categoryOptions }) }), _jsx(LoginRequiredModal, { isOpen: modalOpen, onClose: closeModal, message: modalMessage })] }));
+                    setView(v); }, onResetAll: resetAll, hasActiveState: hasActiveState, bulkMode: selection.isSelecting, bulkSelectedCount: selection.selectedCount, bulkTotalCount: products.length, onBulkSelectAll: selection.toggleAll, onBulkClear: selection.clearSelection }), _jsx(BulkActionBar, { selectedCount: selection.selectedCount, onClearSelection: selection.clearSelection, actions: [] }), totalPages > 1 && (_jsx(Row, { border: "bottom", className: "sticky top-[calc(var(--header-height,0px)+44px)] z-10 backdrop-blur-sm", surface: "default", padding: "toolbar", justify: "center", children: _jsx(Pagination, { currentPage: page, totalPages: totalPages, onPageChange: (p) => table.setPage(p) }) })), _jsx(Div, { padding: "y-lg", children: isLoading ? (_jsx(Div, { className: gridClass, children: Array.from({ length: 10 }).map((_, i) => (_jsxs(Div, { className: `${__O.hidden} animate-pulse`, border: "subtle", rounded: "xl", children: [_jsx(Div, { className: "aspect-square", surface: "subtle" }), _jsxs(Stack, { className: `${__P.p3}`, gap: "sm", children: [_jsx(Div, { className: "h-3 w-3/4", surface: "subtle", rounded: "default" }), _jsx(Div, { className: "h-4 w-1/3", surface: "subtle", rounded: "default" })] })] }, i))) })) : products.length === 0 ? (_jsx(Text, { paddingY: "3xl", color: "muted", size: "sm", align: "center", children: "No digital code listings found." })) : (_jsx(Div, { className: view === "list" ? "flex flex-col divide-y divide-zinc-100 dark:divide-zinc-800 rounded-xl border border-zinc-100 dark:border-zinc-800" : gridClass, children: products.map((product) => (_jsx(InteractiveProductCard, { product: product, href: String(ROUTES.PUBLIC.DIGITAL_CODE_DETAIL(product.id)), variant: view === "list" ? "list" : "grid", isWishlisted: wishlistActions.isWishlisted(product.id), onToggleWishlist: handleToggleWishlist, selectable: selection.isSelecting, isSelected: selection.isSelected(product.id), onSelect: (id) => selection.toggle(id) }, product.id))) })) }), _jsx(FilterDrawer, { open: filterOpen, onOpen: openFilters, onClose: () => setFilterOpen(false), onApply: applyFilters, onReset: onFilterClear, activeCount: filterActiveCount, hideTrigger: true, children: _jsx(DigitalCodeFilters, { table: pendingTable, categoryOptions: categoryOptions }) }), _jsx(LoginRequiredModal, { isOpen: modalOpen, onClose: closeModal, message: modalMessage })] }));
 }

package/dist/features/digital-codes/components/DigitalCodesListView.js

@@ -34,5 +34,5 @@ export async function DigitalCodesListView({ searchParams = {} }) {
     const result = await productRepository
         .list({ filters, sorts: sort, page, pageSize })
         .catch(() => null);
-    return (_jsx(Main, { children: _jsx(Section, { className: "py-10", children: _jsxs(Container, { size: "xl", children: [_jsx(Heading, { level: 1, className: "mb-8 text-3xl font-semibold text-zinc-900 dark:text-zinc-50", children: "Digital Codes" }), _jsx(AdSlot, { id: "listing-sidebar-top", className: "mb-6" }), _jsx(DigitalCodesIndexListing, { initialData: result ?? undefined }), _jsx(AdSlot, { id: "listing-sidebar-bottom", className: "mt-8" })] }) }) }));
+    return (_jsx(Main, { children: _jsx(Section, { padding: "y-2xl", children: _jsxs(Container, { size: "xl", children: [_jsx(Heading, { level: 1, className: "mb-8", color: "primary", size: "3xl", weight: "semibold", children: "Digital Codes" }), _jsx(AdSlot, { id: "listing-sidebar-top", className: "mb-6" }), _jsx(DigitalCodesIndexListing, { initialData: result ?? undefined }), _jsx(AdSlot, { id: "listing-sidebar-bottom", className: "mt-8" })] }) }) }));
 }

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

@@ -0,0 +1,9 @@
+/**
+ * Public surface for the email-primitive module.
+ *
+ * Server-side only — these components render to static HTML via
+ * `renderToStaticMarkup`. They emit table-based, inline-styled markup that
+ * email clients render correctly.
+ */
+export { EmailButton, EmailColumn, EmailContainer, EmailDivider, EmailDoc, EmailFooter, EmailHeader, EmailImage, EmailLink, EmailRow, } from "./primitives";
+export type { EmailButtonProps, EmailColumnProps, EmailContainerProps, EmailDividerProps, EmailDocProps, EmailFooterProps, EmailHeaderProps, EmailImageProps, EmailLinkProps, EmailRowProps, EmailTone, } from "./primitives";

package/dist/features/email/index.js

@@ -0,0 +1,8 @@
+/**
+ * Public surface for the email-primitive module.
+ *
+ * Server-side only — these components render to static HTML via
+ * `renderToStaticMarkup`. They emit table-based, inline-styled markup that
+ * email clients render correctly.
+ */
+export { EmailButton, EmailColumn, EmailContainer, EmailDivider, EmailDoc, EmailFooter, EmailHeader, EmailImage, EmailLink, EmailRow, } from "./primitives";

package/dist/features/email/primitives.d.ts

@@ -0,0 +1,90 @@
+/**
+ * Email primitives — table-based, inline-styled components that render
+ * email-client-compatible HTML.
+ *
+ * Email clients (Gmail, Outlook desktop, Apple Mail) drop most modern CSS,
+ * have unreliable flexbox / grid support, and ignore stylesheets in many
+ * cases. The canonical layout primitive for email is `<table>` with inline
+ * styles. This module wraps that pattern into typed primitives so callers
+ * never author raw `<table>` / `<tr>` / `<td>` in email-template code.
+ *
+ * The components are SSR-only — they're meant to be rendered to static
+ * markup via `renderToStaticMarkup` and embedded as the HTML payload of an
+ * email. Adding `"use client"` here would be wrong.
+ *
+ * Brand colours flow through the active light-theme palette
+ * (`var(--appkit-color-*)`). Because email clients don't resolve CSS
+ * variables, we hard-code the cobalt + lime brand defaults inline; admin
+ * themes do not affect email rendering.
+ */
+import type { ReactNode } from "react";
+export type EmailTone = "default" | "muted" | "brand" | "accent" | "danger" | "success";
+/** Root email document wrapper. */
+export interface EmailDocProps {
+    /** Preview snippet shown by email clients next to the subject. */
+    preheader?: string;
+    /** Body background colour. Default the platform `bg` token. */
+    background?: string;
+    children: ReactNode;
+    /** Document title (renders inside <title>). */
+    title?: string;
+}
+export declare function EmailDoc({ preheader, background, children, title, }: EmailDocProps): import("react/jsx-runtime").JSX.Element;
+export interface EmailContainerProps {
+    width?: number;
+    background?: string;
+    children: ReactNode;
+}
+export declare function EmailContainer({ width, background, children, }: EmailContainerProps): import("react/jsx-runtime").JSX.Element;
+export interface EmailHeaderProps {
+    /** Brand name shown in the header. */
+    brandName: string;
+    /** Optional brand colour override (defaults to the cobalt primary). */
+    background?: string;
+    children?: ReactNode;
+}
+export declare function EmailHeader({ brandName, background, children, }: EmailHeaderProps): import("react/jsx-runtime").JSX.Element;
+export interface EmailRowProps {
+    padding?: string;
+    background?: string;
+    children: ReactNode;
+}
+export declare function EmailRow({ padding, background, children }: EmailRowProps): import("react/jsx-runtime").JSX.Element;
+export interface EmailColumnProps {
+    width?: number | string;
+    align?: "left" | "center" | "right";
+    valign?: "top" | "middle" | "bottom";
+    padding?: string;
+    children: ReactNode;
+}
+export declare function EmailColumn({ width, align, valign, padding, children, }: EmailColumnProps): import("react/jsx-runtime").JSX.Element;
+export interface EmailLinkProps {
+    href: string;
+    children: ReactNode;
+    tone?: EmailTone;
+    underline?: boolean;
+}
+export declare function EmailLink({ href, children, tone, underline, }: EmailLinkProps): import("react/jsx-runtime").JSX.Element;
+export interface EmailButtonProps {
+    href: string;
+    children: ReactNode;
+    tone?: "brand" | "accent" | "neutral";
+}
+export declare function EmailButton({ href, children, tone }: EmailButtonProps): import("react/jsx-runtime").JSX.Element;
+export interface EmailImageProps {
+    src: string;
+    alt: string;
+    width?: number;
+    height?: number;
+}
+export declare function EmailImage({ src, alt, width, height }: EmailImageProps): import("react/jsx-runtime").JSX.Element;
+export interface EmailDividerProps {
+    spacing?: "none" | "sm" | "md" | "lg";
+}
+export declare function EmailDivider({ spacing }: EmailDividerProps): import("react/jsx-runtime").JSX.Element;
+export interface EmailFooterProps {
+    copyright: string;
+    contactEmail?: string;
+    unsubscribeUrl?: string;
+}
+export declare function EmailFooter({ copyright, contactEmail, unsubscribeUrl, }: EmailFooterProps): import("react/jsx-runtime").JSX.Element;

package/dist/features/email/primitives.js

@@ -0,0 +1,122 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+const BRAND = {
+    primary: "#3570fc",
+    secondary: "#65c408",
+    surface: "#ffffff",
+    bg: "#fafafa",
+    text: "#18181b",
+    textMuted: "#71717a",
+    border: "#e4e4e7",
+};
+const FONT_STACK = "ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif";
+const TONE_COLOR = {
+    default: BRAND.text,
+    muted: BRAND.textMuted,
+    brand: BRAND.primary,
+    accent: BRAND.secondary,
+    danger: "#dc2626",
+    success: "#059669",
+};
+export function EmailDoc({ preheader, background = BRAND.bg, children, title, }) {
+    return (_jsxs("html", { lang: "en", children: [_jsxs("head", { children: [_jsx("meta", { charSet: "utf-8" }), _jsx("meta", { name: "viewport", content: "width=device-width, initial-scale=1" }), title ? _jsx("title", { children: title }) : null] }), _jsxs("body", { style: {
+                    margin: 0,
+                    padding: 0,
+                    backgroundColor: background,
+                    fontFamily: FONT_STACK,
+                    color: BRAND.text,
+                    WebkitTextSizeAdjust: "100%",
+                    textSizeAdjust: "100%",
+                }, children: [preheader ? (_jsx("div", { 
+                        // Hidden preheader. Width:0/maxHeight:0 keeps it out of the layout
+                        // while still landing in the preview slot.
+                        style: {
+                            display: "none",
+                            fontSize: "1px",
+                            color: background,
+                            lineHeight: "1px",
+                            maxHeight: "0px",
+                            maxWidth: "0px",
+                            opacity: 0,
+                            overflow: "hidden",
+                        }, children: preheader })) : null, children] })] }));
+}
+export function EmailContainer({ width = 600, background = BRAND.surface, children, }) {
+    return (_jsx("table", { role: "presentation", cellPadding: 0, cellSpacing: 0, border: 0, width: "100%", style: { backgroundColor: BRAND.bg, padding: "24px 0" }, children: _jsx("tbody", { children: _jsx("tr", { children: _jsx("td", { align: "center", children: _jsx("table", { role: "presentation", cellPadding: 0, cellSpacing: 0, border: 0, width: width, style: {
+                            width: `${width}px`,
+                            maxWidth: "100%",
+                            backgroundColor: background,
+                            borderRadius: "12px",
+                            border: `1px solid ${BRAND.border}`,
+                            overflow: "hidden",
+                        }, children: _jsx("tbody", { children: children }) }) }) }) }) }));
+}
+export function EmailHeader({ brandName, background = BRAND.primary, children, }) {
+    return (_jsx("tr", { children: _jsx("td", { align: "center", style: {
+                background: `linear-gradient(to right, ${BRAND.primary}, ${BRAND.secondary})`,
+                backgroundColor: background,
+                padding: "24px 32px",
+                color: "#ffffff",
+                fontSize: "20px",
+                fontWeight: 700,
+                letterSpacing: "-0.02em",
+            }, children: children ?? brandName }) }));
+}
+export function EmailRow({ padding = "24px 32px", background, children }) {
+    return (_jsx("tr", { children: _jsx("td", { style: { padding, backgroundColor: background }, children: children }) }));
+}
+export function EmailColumn({ width, align = "left", valign = "top", padding = "0", children, }) {
+    return (_jsx("td", { align: align, valign: valign, width: typeof width === "number" ? `${width}` : width, style: { padding, fontSize: "14px", lineHeight: "1.5" }, children: children }));
+}
+export function EmailLink({ href, children, tone = "brand", underline = true, }) {
+    return (_jsx("a", { href: href, style: {
+            color: TONE_COLOR[tone],
+            textDecoration: underline ? "underline" : "none",
+        }, children: children }));
+}
+export function EmailButton({ href, children, tone = "brand" }) {
+    const bg = tone === "accent"
+        ? BRAND.secondary
+        : tone === "neutral"
+            ? BRAND.text
+            : BRAND.primary;
+    return (_jsx("table", { role: "presentation", cellPadding: 0, cellSpacing: 0, border: 0, children: _jsx("tbody", { children: _jsx("tr", { children: _jsx("td", { align: "center", style: {
+                        backgroundColor: bg,
+                        borderRadius: "8px",
+                        padding: "12px 24px",
+                    }, children: _jsx("a", { href: href, style: {
+                            color: "#ffffff",
+                            fontSize: "14px",
+                            fontWeight: 600,
+                            textDecoration: "none",
+                            display: "inline-block",
+                        }, children: children }) }) }) }) }));
+}
+export function EmailImage({ src, alt, width, height }) {
+    return (_jsx("img", { src: src, alt: alt, width: width, height: height, style: {
+            display: "block",
+            maxWidth: "100%",
+            height: "auto",
+            border: 0,
+        } }));
+}
+const DIVIDER_SPACE = {
+    none: "0",
+    sm: "8px 0",
+    md: "16px 0",
+    lg: "32px 0",
+};
+export function EmailDivider({ spacing = "md" }) {
+    return (_jsx("tr", { children: _jsx("td", { style: { padding: DIVIDER_SPACE[spacing] }, children: _jsx("hr", { style: {
+                    border: "none",
+                    borderTop: `1px solid ${BRAND.border}`,
+                    margin: 0,
+                } }) }) }));
+}
+export function EmailFooter({ copyright, contactEmail, unsubscribeUrl, }) {
+    return (_jsx("tr", { children: _jsxs("td", { align: "center", style: {
+                padding: "16px 32px 24px",
+                fontSize: "12px",
+                lineHeight: "1.5",
+                color: BRAND.textMuted,
+            }, children: [copyright, contactEmail ? (_jsxs(_Fragment, { children: [" · ", _jsx("a", { href: `mailto:${contactEmail}`, style: { color: BRAND.textMuted, textDecoration: "underline" }, children: contactEmail })] })) : null, unsubscribeUrl ? (_jsxs(_Fragment, { children: [" · ", _jsx("a", { href: unsubscribeUrl, style: { color: BRAND.textMuted, textDecoration: "underline" }, children: "Unsubscribe" })] })) : null] }) }));
+}

package/dist/features/events/actions/event-actions.d.ts

@@ -4,6 +4,7 @@
  * Business logic for event CRUD, status changes, entries, and public access.
  * Auth, rate-limiting, and input validation are handled by the calling server action.
  */
+import type { JsonValue } from "@mohasinac/appkit";
 import type { EventDocument, EventEntryDocument } from "../schemas";
 import type { EventStatus } from "../types";
 import type { FirebaseSieveResult } from "../../../providers/db-firebase";
@@ -40,17 +41,17 @@ export interface CreateEventInput {
         thumbnailUrl?: string;
     }>;
     tags?: string[];
-    saleConfig?: unknown;
-    offerConfig?: unknown;
-    pollConfig?: unknown;
-    surveyConfig?: unknown;
-    feedbackConfig?: unknown;
+    saleConfig?: JsonValue;
+    offerConfig?: JsonValue;
+    pollConfig?: JsonValue;
+    surveyConfig?: JsonValue;
+    feedbackConfig?: JsonValue;
 }
 export type UpdateEventInput = Partial<CreateEventInput>;
 export interface EnterEventInput {
     pollVotes?: string[];
     pollComment?: string;
-    formResponses?: Record<string, unknown>;
+    formResponses?: Record<string, JsonValue>;
 }
 export declare function createEvent(adminId: string, input: CreateEventInput): Promise<EventDocument>;
 export declare function updateEvent(adminId: string, id: string, input: UpdateEventInput): Promise<EventDocument>;

package/dist/features/events/actions/event-actions.js

@@ -30,6 +30,7 @@ export async function createEvent(adminId, input) {
         winnerImages: finalizedWinnerImages,
         additionalImages: finalizedAdditionalImages,
         createdBy: adminId,
+        // audit-unknown-ok: TS structural escape — EventCreateInput
     });
     serverLogger.info("createEvent", { adminId, eventId: event.id });
     return event;

package/dist/features/events/api/[id]/route.js

@@ -17,6 +17,7 @@
 import { NextResponse } from "next/server.js";
 import { getProviders } from "../../../../contracts";
 import { EVENT_FIELDS } from "../../schemas";
+import { normalizeError } from "../../../../errors/normalize";
 // --- GET /api/events/[id] -----------------------------------------------------
 export async function GET(_request, context) {
     try {
@@ -58,6 +59,7 @@ export async function GET(_request, context) {
             }));
         }
         // For survey events with leaderboard: top-10 approved entries, PII stripped
+        // audit-unknown-ok: event leaderboard cache items
         let leaderboard = [];
         if (event.type === "survey" && event.surveyConfig?.hasLeaderboard) {
             const leaderboardResult = await entriesRepo.findAll({
@@ -77,6 +79,7 @@ export async function GET(_request, context) {
         });
     }
     catch (error) {
+        void normalizeError(error);
         console.error("[feat-events] GET /api/events/[id] failed", error);
         return NextResponse.json({ success: false, error: "Failed to fetch event" }, { status: 500 });
     }

package/dist/features/events/api/route.js

@@ -10,6 +10,7 @@
  */
 import { NextResponse } from "next/server.js";
 import { getProviders } from "../../../contracts";
+import { normalizeError } from "../../../errors/normalize";
 function param(url, key) {
     return url.searchParams.get(key);
 }
@@ -82,6 +83,7 @@ export async function GET(request) {
         return NextResponse.json({ success: true, data: body });
     }
     catch (error) {
+        void normalizeError(error);
         console.error("[feat-events] GET /api/events failed", error);
         return NextResponse.json({ success: false, error: "Failed to fetch events" }, { status: 500 });
     }

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

@@ -1,7 +1,8 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useApiMutation } from "@mohasinac/appkit/client";
 import React from "react";
-import { useMutation, useQuery } from "@tanstack/react-query";
+import { useQuery } from "@tanstack/react-query";
 import { Alert, Button, Div, Grid, Heading, Input, Label, RichTextEditor, Row, Select, Stack, StackedViewShell, TagInput, Text, Textarea, Toggle, } from "../../../ui";
 import { apiClient } from "../../../http";
 import { ADMIN_ENDPOINTS } from "../../../constants/api-endpoints";
@@ -14,12 +15,12 @@ const __P = {
 const __O = {
     yAuto: "overflow-y-auto",
 };
-const CLS_REMOVE_BTN = "text-zinc-400 hover:text-red-500 transition-colors text-lg leading-none px-1 p-0 min-h-0 h-auto rounded-none";
-const CLS_REMOVE_BTN_PX2 = "text-zinc-400 hover:text-red-500 transition-colors px-2 py-1 text-lg leading-none p-0 min-h-0 h-auto rounded-none";
-const CLS_REMOVE_BTN_LG = "text-zinc-400 hover:text-red-500 text-lg leading-none px-2 p-0 min-h-0 h-auto rounded-none";
-const CLS_RAFFLE_PANEL = "border border-amber-200 bg-amber-50 dark:border-amber-700 dark:bg-amber-900/20";
-const CLS_RAFFLE_HEADING = "text-amber-900 dark:text-amber-100";
-const CLS_RAFFLE_BODY = "text-amber-800 dark:text-amber-200";
+const CLS_REMOVE_BTN = "text-zinc-400 hover:text-error transition-colors text-lg leading-none px-1 p-0 min-h-0 h-auto rounded-none";
+const CLS_REMOVE_BTN_PX2 = "text-zinc-400 hover:text-error transition-colors px-2 py-1 text-lg leading-none p-0 min-h-0 h-auto rounded-none";
+const CLS_REMOVE_BTN_LG = "text-zinc-400 hover:text-error text-lg leading-none px-2 p-0 min-h-0 h-auto rounded-none";
+const CLS_RAFFLE_PANEL = "border border-warning bg-warning-surface dark:border-warning dark:bg-warning-surface";
+const CLS_RAFFLE_HEADING = "text-warning dark:text-warning";
+const CLS_RAFFLE_BODY = "text-warning dark:text-warning";
 const EVENT_TYPE_OPTIONS = [
     { label: "Sale", value: "sale" },
     { label: "Offer / Coupon", value: "offer" },
@@ -60,7 +61,7 @@ function FormFieldBuilder({ fields, setFields }) {
     const addField = () => setFields([...fields, { id: `field-${Date.now()}`, type: "text", label: "", required: false, order: fields.length }]);
     const removeField = (id) => setFields(fields.filter((f) => f.id !== id));
     const updateField = (id, patch) => setFields(fields.map((f) => (f.id === id ? { ...f, ...patch } : f)));
-    return (_jsxs(Stack, { gap: "sm", children: [_jsx(Text, { size: "xs", weight: "medium", color: "muted", className: "uppercase tracking-wide", children: "Form fields" }), fields.length === 0 && (_jsx(Text, { size: "xs", color: "muted", children: "No fields yet. Add fields to collect responses from participants." })), fields.map((field, idx) => {
+    return (_jsxs(Stack, { gap: "sm", children: [_jsx(Text, { size: "xs", weight: "medium", color: "muted", className: "tracking-wide", transform: "uppercase", children: "Form fields" }), fields.length === 0 && (_jsx(Text, { size: "xs", color: "muted", children: "No fields yet. Add fields to collect responses from participants." })), fields.map((field, idx) => {
                 const hasOptions = FIELD_TYPES_WITH_OPTIONS.includes(field.type);
                 const isNumeric = field.type === "number" || field.type === "rating";
                 const isText = field.type === "text" || field.type === "textarea" || field.type === "email";
@@ -170,6 +171,7 @@ function buildEventRaffleFields(draft) {
     if (draft.rafflePrizeProductIds.length > 0)
         fields.rafflePrizeProductIds = draft.rafflePrizeProductIds;
     if (draft.raffleType === "spin_wheel" || draft.type === "spin_wheel") {
+        // audit-unknown-ok: TS structural escape — JsonObjectWithUndefined
         fields.spinPrizes = draft.spinPrizes;
         if (Number(draft.spinMaxPerUser) > 0)
             fields.spinMaxPerUser = Number(draft.spinMaxPerUser);
@@ -254,7 +256,7 @@ export function AdminEventEditorView({ eventId, onSaved, embedded, ...rest }) {
         setRaffleGithubUrl(event.raffleGithubFunctionUrl || "");
     }, [eventQuery.data]);
     // --- save ---
-    const saveMutation = useMutation({
+    const saveMutation = useApiMutation({
         mutationFn: async () => {
             const payload = {
                 type: draft.type,
@@ -286,7 +288,7 @@ export function AdminEventEditorView({ eventId, onSaved, embedded, ...rest }) {
         },
     });
     // --- raffle trigger ---
-    const triggerRaffleMutation = useMutation({
+    const triggerRaffleMutation = useApiMutation({
         mutationFn: async () => {
             if (!eventId)
                 throw new Error("Save the event before triggering");
@@ -346,7 +348,7 @@ export function AdminEventEditorView({ eventId, onSaved, embedded, ...rest }) {
                 const isRaffleType = values.type === "raffle" || values.type === "spin_wheel";
                 const showRaffleConfig = isRaffleType || values.hasRaffle;
                 const isSpinMode = values.type === "spin_wheel" || values.raffleType === "spin_wheel";
-                return (_jsxs(Stack, { gap: "md", children: [_jsx(Heading, { level: 3, className: "mb-2", children: "Raffle & Spin Wheel" }), !isRaffleType && (_jsx(Toggle, { checked: values.hasRaffle, onChange: (v) => onChange({ hasRaffle: v }), label: "Attach a raffle to this event" })), !isRaffleType && !values.hasRaffle && (_jsx(Text, { size: "sm", color: "muted", children: "Enable the toggle above to attach a raffle draw to this event. Not applicable for this event type by default." })), showRaffleConfig && (_jsxs(Stack, { gap: "md", rounded: "xl", border: "default", padding: "md", children: [_jsxs(Grid, { cols: 2, gap: "sm", children: [_jsx(Select, { label: "Raffle type", value: values.type === "spin_wheel" ? "spin_wheel" : values.raffleType, options: RAFFLE_TYPE_OPTIONS, onChange: (e) => onChange({ raffleType: e.target.value }), disabled: values.type === "spin_wheel" }), _jsx(Input, { label: "Top N (for top-N raffle types)", type: "number", value: values.raffleTopN, onChange: (e) => onChange({ raffleTopN: e.target.value }), placeholder: "10" })] }), _jsx(Input, { label: "Prize description", value: values.rafflePrize, onChange: (e) => onChange({ rafflePrize: e.target.value }), placeholder: "\u20B92,000 store credit + exclusive Pikachu sticker" }), _jsxs(Div, { children: [_jsx(Text, { size: "sm", weight: "medium", className: "mb-1", children: "Coupon for winner (optional)" }), _jsx(CouponInlineSelect, { scope: "admin", value: values.rafflePrizeCouponId, onChange: (id) => onChange({ rafflePrizeCouponId: id ?? "" }), placeholder: "Search coupons\u2026", allowCreate: false })] }), _jsxs(Div, { children: [_jsx(Text, { size: "sm", weight: "medium", className: "mb-1", children: "Prize products (optional)" }), _jsx(ProductInlineSelect, { scope: "admin", multiple: true, value: values.rafflePrizeProductIds, onChange: (ids) => onChange({ rafflePrizeProductIds: ids }), placeholder: "Search products to feature as prizes\u2026" }), _jsx(Text, { size: "xs", color: "muted", className: "mt-1", children: "Products shown to winners or displayed as the prize showcase." })] }), isSpinMode && (_jsxs(Stack, { gap: "sm", rounded: "lg", border: "default", padding: "sm", children: [_jsx(Text, { size: "xs", weight: "medium", color: "muted", children: "Spin prizes (weighted random)" }), values.spinPrizes.length === 0 && (_jsx(Text, { size: "xs", color: "muted", children: "No spin prizes yet. Add at least one to enable spinning." })), values.spinPrizes.map((p) => (_jsxs(Grid, { gap: "xs", className: "grid-cols-12 items-end", children: [_jsx(Div, { className: "col-span-5", children: _jsx(Input, { label: "Label", value: p.label, onChange: (e) => onChange({ spinPrizes: values.spinPrizes.map((sp) => sp.id === p.id ? { ...sp, label: e.target.value } : sp) }), placeholder: "\u20B9100 off" }) }), _jsxs(Div, { className: "col-span-3", children: [_jsx(Text, { size: "xs", weight: "medium", className: "mb-1", children: "Coupon" }), _jsx(CouponInlineSelect, { scope: "admin", value: p.couponId ?? "", onChange: (id) => onChange({ spinPrizes: values.spinPrizes.map((sp) => sp.id === p.id ? { ...sp, couponId: id || undefined } : sp) }), placeholder: "Search\u2026", allowCreate: false })] }), _jsx(Div, { className: "col-span-2", children: _jsx(Input, { label: "Weight", type: "number", value: String(p.weight), onChange: (e) => onChange({ spinPrizes: values.spinPrizes.map((sp) => sp.id === p.id ? { ...sp, weight: Number(e.target.value) || 0 } : sp) }) }) }), _jsx(Row, { centered: true, className: "col-span-1 pb-2", children: _jsx(Toggle, { checked: p.isActive, onChange: (v) => onChange({ spinPrizes: values.spinPrizes.map((sp) => sp.id === p.id ? { ...sp, isActive: v } : sp) }), label: "" }) }), _jsx(Row, { centered: true, className: "col-span-1 pb-2", children: _jsx(Button, { variant: "ghost", type: "button", onClick: () => onChange({ spinPrizes: values.spinPrizes.filter((sp) => sp.id !== p.id) }), className: CLS_REMOVE_BTN_LG, "aria-label": "Remove prize", children: "\u00D7" }) })] }, p.id))), _jsx(Button, { type: "button", variant: "outline", size: "sm", onClick: () => onChange({ spinPrizes: [...values.spinPrizes, { id: `prize-${Date.now()}`, label: "", couponId: undefined, weight: 1, isActive: true }] }), children: "+ Add spin prize" }), _jsx(Input, { label: "Max spins per user", type: "number", value: values.spinMaxPerUser, onChange: (e) => onChange({ spinMaxPerUser: e.target.value }), placeholder: "1" }), _jsxs(Grid, { cols: 2, gap: "sm", children: [_jsx(Input, { label: "Spin window start", type: "datetime-local", value: values.spinWindowStart, onChange: (e) => onChange({ spinWindowStart: e.target.value }) }), _jsx(Input, { label: "Spin window end", type: "datetime-local", value: values.spinWindowEnd, onChange: (e) => onChange({ spinWindowEnd: e.target.value }) })] })] })), isEdit && (_jsxs(Stack, { gap: "xs", rounded: "lg", padding: "sm", className: CLS_RAFFLE_PANEL, children: [_jsxs(Row, { justify: "between", gap: "sm", children: [_jsx(Text, { size: "sm", weight: "medium", className: CLS_RAFFLE_HEADING, 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, { size: "xs", className: CLS_RAFFLE_BODY, children: ["Pool size: ", raffleEntryCount] }), raffleGithubUrl && _jsxs(Text, { size: "xs", className: `break-all ${CLS_RAFFLE_BODY}`, children: ["Fairness proof: ", raffleGithubUrl] }), triggerMessage && _jsx(Text, { size: "xs", className: CLS_RAFFLE_HEADING, children: triggerMessage })] }))] }))] }));
+                return (_jsxs(Stack, { gap: "md", children: [_jsx(Heading, { level: 3, className: "mb-2", children: "Raffle & Spin Wheel" }), !isRaffleType && (_jsx(Toggle, { checked: values.hasRaffle, onChange: (v) => onChange({ hasRaffle: v }), label: "Attach a raffle to this event" })), !isRaffleType && !values.hasRaffle && (_jsx(Text, { size: "sm", color: "muted", children: "Enable the toggle above to attach a raffle draw to this event. Not applicable for this event type by default." })), showRaffleConfig && (_jsxs(Stack, { gap: "md", rounded: "xl", border: "default", padding: "md", children: [_jsxs(Grid, { cols: 2, gap: "sm", children: [_jsx(Select, { label: "Raffle type", value: values.type === "spin_wheel" ? "spin_wheel" : values.raffleType, options: RAFFLE_TYPE_OPTIONS, onChange: (e) => onChange({ raffleType: e.target.value }), disabled: values.type === "spin_wheel" }), _jsx(Input, { label: "Top N (for top-N raffle types)", type: "number", value: values.raffleTopN, onChange: (e) => onChange({ raffleTopN: e.target.value }), placeholder: "10" })] }), _jsx(Input, { label: "Prize description", value: values.rafflePrize, onChange: (e) => onChange({ rafflePrize: e.target.value }), placeholder: "\u20B92,000 store credit + exclusive Pikachu sticker" }), _jsxs(Div, { children: [_jsx(Text, { size: "sm", weight: "medium", className: "mb-1", children: "Coupon for winner (optional)" }), _jsx(CouponInlineSelect, { scope: "admin", value: values.rafflePrizeCouponId, onChange: (id) => onChange({ rafflePrizeCouponId: id ?? "" }), placeholder: "Search coupons\u2026", allowCreate: false })] }), _jsxs(Div, { children: [_jsx(Text, { size: "sm", weight: "medium", className: "mb-1", children: "Prize products (optional)" }), _jsx(ProductInlineSelect, { scope: "admin", multiple: true, value: values.rafflePrizeProductIds, onChange: (ids) => onChange({ rafflePrizeProductIds: ids }), placeholder: "Search products to feature as prizes\u2026" }), _jsx(Text, { size: "xs", color: "muted", className: "mt-1", children: "Products shown to winners or displayed as the prize showcase." })] }), isSpinMode && (_jsxs(Stack, { gap: "sm", rounded: "lg", border: "default", padding: "sm", children: [_jsx(Text, { size: "xs", weight: "medium", color: "muted", children: "Spin prizes (weighted random)" }), values.spinPrizes.length === 0 && (_jsx(Text, { size: "xs", color: "muted", children: "No spin prizes yet. Add at least one to enable spinning." })), values.spinPrizes.map((p) => (_jsxs(Grid, { align: "end", gap: "xs", className: "grid-cols-12", children: [_jsx(Div, { className: "col-span-5", children: _jsx(Input, { label: "Label", value: p.label, onChange: (e) => onChange({ spinPrizes: values.spinPrizes.map((sp) => sp.id === p.id ? { ...sp, label: e.target.value } : sp) }), placeholder: "\u20B9100 off" }) }), _jsxs(Div, { className: "col-span-3", children: [_jsx(Text, { size: "xs", weight: "medium", className: "mb-1", children: "Coupon" }), _jsx(CouponInlineSelect, { scope: "admin", value: p.couponId ?? "", onChange: (id) => onChange({ spinPrizes: values.spinPrizes.map((sp) => sp.id === p.id ? { ...sp, couponId: id || undefined } : sp) }), placeholder: "Search\u2026", allowCreate: false })] }), _jsx(Div, { className: "col-span-2", children: _jsx(Input, { label: "Weight", type: "number", value: String(p.weight), onChange: (e) => onChange({ spinPrizes: values.spinPrizes.map((sp) => sp.id === p.id ? { ...sp, weight: Number(e.target.value) || 0 } : sp) }) }) }), _jsx(Row, { centered: true, className: "col-span-1", padding: "b-xs", children: _jsx(Toggle, { checked: p.isActive, onChange: (v) => onChange({ spinPrizes: values.spinPrizes.map((sp) => sp.id === p.id ? { ...sp, isActive: v } : sp) }), label: "" }) }), _jsx(Row, { centered: true, className: "col-span-1", padding: "b-xs", children: _jsx(Button, { variant: "ghost", type: "button", onClick: () => onChange({ spinPrizes: values.spinPrizes.filter((sp) => sp.id !== p.id) }), className: CLS_REMOVE_BTN_LG, "aria-label": "Remove prize", children: "\u00D7" }) })] }, p.id))), _jsx(Button, { type: "button", variant: "outline", size: "sm", onClick: () => onChange({ spinPrizes: [...values.spinPrizes, { id: `prize-${Date.now()}`, label: "", couponId: undefined, weight: 1, isActive: true }] }), children: "+ Add spin prize" }), _jsx(Input, { label: "Max spins per user", type: "number", value: values.spinMaxPerUser, onChange: (e) => onChange({ spinMaxPerUser: e.target.value }), placeholder: "1" }), _jsxs(Grid, { cols: 2, gap: "sm", children: [_jsx(Input, { label: "Spin window start", type: "datetime-local", value: values.spinWindowStart, onChange: (e) => onChange({ spinWindowStart: e.target.value }) }), _jsx(Input, { label: "Spin window end", type: "datetime-local", value: values.spinWindowEnd, onChange: (e) => onChange({ spinWindowEnd: e.target.value }) })] })] })), isEdit && (_jsxs(Stack, { gap: "xs", rounded: "lg", padding: "sm", className: CLS_RAFFLE_PANEL, children: [_jsxs(Row, { justify: "between", gap: "sm", children: [_jsx(Text, { size: "sm", weight: "medium", className: CLS_RAFFLE_HEADING, 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, { size: "xs", className: CLS_RAFFLE_BODY, children: ["Pool size: ", raffleEntryCount] }), raffleGithubUrl && _jsxs(Text, { size: "xs", className: `break-all ${CLS_RAFFLE_BODY}`, children: ["Fairness proof: ", raffleGithubUrl] }), triggerMessage && _jsx(Text, { size: "xs", className: CLS_RAFFLE_HEADING, children: triggerMessage })] }))] }))] }));
             },
         },
     ];