@mohasinac/appkit 2.7.59 → 2.8.1

package/dist/features/admin/components/DataListingView.js

@@ -0,0 +1,66 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Plus } from "lucide-react";
+import { BulkActionBar, Button, ListingFilterDrawer, ListingToolbar, Pagination, SideDrawer, } from "../../../ui";
+import { useBottomActions } from "../../layout";
+import { useAdminListing } from "../hooks/useAdminListing";
+import { AdminViewCards } from "./AdminViewCards";
+import { DataTable } from "./DataTable";
+export function DataListingView({ config, }) {
+    const effectiveInitialView = config.initialView ?? (config.hideTableView ? "grid" : "table");
+    const listing = useAdminListing({
+        ...config,
+        initialView: effectiveInitialView,
+    });
+    const { view, setView, table, panel, searchInput, setSearchInput, commitSearch, filterOpen, setFilterOpen, openFilters, applyFilters, clearFilters, pendingFilters, setPendingFilters, activeFilterCount, hasActiveState, resetAll, rows, isLoading, errorMessage, currentPage, totalPages, selection, } = listing;
+    const selectionContext = {
+        selectedIds: selection.selectedIds,
+        selectedCount: selection.selectedCount,
+        clearSelection: selection.clearSelection,
+        toggleSelect: selection.toggle,
+        rows,
+        openEditPanel: panel.openEditPanel,
+    };
+    const bulkActionItems = config.buildBulkActions?.(selectionContext);
+    // Mobile bulk bar
+    useBottomActions(selection.selectedCount > 0 && bulkActionItems
+        ? {
+            bulk: {
+                selectedCount: selection.selectedCount,
+                onClearSelection: selection.clearSelection,
+                actions: bulkActionItems,
+            },
+        }
+        : {});
+    const editorTitle = config.resolveEditorTitle
+        ? config.resolveEditorTitle({
+            isCreate: panel.isCreateOpen,
+            editId: panel.editId,
+            closePanel: panel.closePanel,
+        })
+        : panel.isCreateOpen
+            ? `Add ${config.title.replace(/s$/, "")}`
+            : `Edit ${config.title.replace(/s$/, "")}`;
+    const isEditorOpen = panel.isCreateOpen || panel.isEditOpen;
+    return (_jsxs("div", { className: config.className ?? "min-h-screen", children: [_jsx(ListingToolbar, { filterCount: activeFilterCount, onFiltersClick: openFilters, searchValue: searchInput, searchPlaceholder: config.searchPlaceholder, onSearchChange: setSearchInput, onSearchCommit: commitSearch, sortValue: table.get("sort") || config.defaultSort, sortOptions: config.sortOptions, onSortChange: (v) => table.set("sort", v), showTableView: !config.hideTableView, toggles: config.toggles, view: view, onViewChange: (v) => setView(v), onResetAll: resetAll, hasActiveState: hasActiveState, extra: config.primaryAction || config.toolbarExtra ? (_jsxs("div", { className: "flex items-center gap-2", children: [config.toolbarExtra, config.primaryAction && (_jsxs(Button, { size: "sm", onClick: () => config.primaryAction.onClick({
+                                openCreatePanel: panel.openCreatePanel,
+                            }), className: "flex items-center gap-1.5", children: [config.primaryAction.icon ?? _jsx(Plus, { className: "h-4 w-4" }), config.primaryAction.label] }))] })) : undefined }), config.renderAboveContent?.(), bulkActionItems && (_jsx(BulkActionBar, { selectedCount: selection.selectedCount, onClearSelection: selection.clearSelection, actions: bulkActionItems })), 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: currentPage, totalPages: totalPages, onPageChange: (p) => table.setPage(p) }) })), _jsxs("div", { className: "py-4 px-3 sm:px-4", children: [errorMessage && (_jsx("div", { className: "mb-4 rounded-xl border border-error/20 bg-error-surface px-4 py-3 text-sm text-error", children: errorMessage })), view === "table" ? (_jsx(DataTable, { columns: config.columns, rows: rows, isLoading: isLoading, emptyLabel: config.emptyLabel ?? `No ${config.title.toLowerCase()} found`, selectedIds: selection.selectedIdSet, onToggleSelect: selection.toggle, onToggleSelectAll: (next) => next
+                            ? selection.setSelectedIds(rows.map((r) => r.id))
+                            : selection.clearSelection(), getRowHref: config.getRowHref, onRowClick: config.onRowClick
+                            ? (row) => config.onRowClick(row, {
+                                openEditPanel: panel.openEditPanel,
+                            })
+                            : config.renderEditor
+                                ? (row) => panel.openEditPanel(row.id)
+                                : undefined, renderRowActions: config.renderRowActions })) : config.renderCards ? (config.renderCards(rows, view, selectionContext, isLoading)) : (_jsx(AdminViewCards, { rows: rows, view: view, isLoading: isLoading, emptyLabel: config.emptyLabel ?? `No ${config.title.toLowerCase()} found`, onRowClick: (row) => panel.openEditPanel(row.id), selectedIdSet: selection.selectedIdSet, onToggleSelect: selection.toggle }))] }), config.renderFilterPanel && (_jsx(ListingFilterDrawer, { open: filterOpen, onClose: () => setFilterOpen(false), onApply: applyFilters, onClear: clearFilters, activeCount: activeFilterCount, children: config.renderFilterPanel({
+                    pendingFilters,
+                    setPendingFilters,
+                    applyFilters,
+                    clearFilters,
+                }) })), config.renderEditor && (_jsx(SideDrawer, { isOpen: isEditorOpen, onClose: panel.closePanel, title: editorTitle, mode: panel.isCreateOpen ? "create" : "edit", children: isEditorOpen &&
+                    config.renderEditor({
+                        isCreate: panel.isCreateOpen,
+                        editId: panel.editId,
+                        closePanel: panel.closePanel,
+                    }) }))] }));
+}

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

@@ -1,8 +1,8 @@
 export { DataTable } from "./DataTable";
 export { QuickEditMenu } from "./QuickEditMenu";
 export type { QuickEditAction, QuickEditMenuProps } from "./QuickEditMenu";
-export { AdminListingScaffold } from "./AdminListingScaffold";
-export type { AdminListingScaffoldRow } from "./AdminListingScaffold";
+export { DataListingView } from "./DataListingView";
+export type { AdminListingScaffoldRow, ListingViewConfig, ListingSortOption, ListingPanelContext, ListingEditorContext, ListingSelectionContext, } from "./DataListingView";
 export { DashboardStatsGrid } from "./DashboardStats";
 export { AdminUsersView } from "./AdminUsersView";
 export type { AdminUsersViewProps } from "./AdminUsersView";
@@ -34,6 +34,14 @@ export { AdminAddressEditorView } from "./AdminAddressEditorView";
 export type { AdminAddressEditorViewProps } from "./AdminAddressEditorView";
 export { AdminPrizeDrawsView } from "./AdminPrizeDrawsView";
 export type { AdminPrizeDrawsViewProps } from "./AdminPrizeDrawsView";
+export { AdminClassifiedView } from "./AdminClassifiedView";
+export type { AdminClassifiedViewProps } from "./AdminClassifiedView";
+export { AdminDigitalCodesView } from "./AdminDigitalCodesView";
+export type { AdminDigitalCodesViewProps } from "./AdminDigitalCodesView";
+export { AdminLiveView } from "./AdminLiveView";
+export type { AdminLiveViewProps } from "./AdminLiveView";
+export { AdminGroupedListingsView } from "./AdminGroupedListingsView";
+export type { AdminGroupedListingsViewProps } from "./AdminGroupedListingsView";
 export { AdminBundlesView } from "./AdminBundlesView";
 export type { AdminBundlesViewProps } from "./AdminBundlesView";
 export { AdminBundleEditorView } from "./AdminBundleEditorView";
@@ -133,8 +141,6 @@ export { AdminSidebar } from "./AdminSidebar";
 export type { AdminSidebarProps, AdminNavItem, AdminNavGroup } from "./AdminSidebar";
 export { AdminTopBar } from "./AdminTopBar";
 export type { AdminTopBarProps } from "./AdminTopBar";
-export { DemoSeedView } from "./DemoSeedView";
-export type { DemoSeedViewProps } from "./DemoSeedView";
 export { AdminTeamView } from "./AdminTeamView";
 export type { AdminTeamViewProps } from "./AdminTeamView";
 export { AdminEmployeeEditorView } from "./AdminEmployeeEditorView";

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

@@ -1,6 +1,6 @@
 export { DataTable } from "./DataTable";
 export { QuickEditMenu } from "./QuickEditMenu";
-export { AdminListingScaffold } from "./AdminListingScaffold";
+export { DataListingView } from "./DataListingView";
 export { DashboardStatsGrid } from "./DashboardStats";
 export { AdminUsersView } from "./AdminUsersView";
 export { AdminProductsView } from "./AdminProductsView";
@@ -18,6 +18,11 @@ export { AdminBrandEditorView } from "./AdminBrandEditorView";
 export { AdminAddressEditorView } from "./AdminAddressEditorView";
 // SB4-E 2026-05-14 — admin prize draws listing view.
 export { AdminPrizeDrawsView } from "./AdminPrizeDrawsView";
+// W1-29 2026-05-23 — admin listing views for orphaned listing types (classified/digital-codes/live).
+export { AdminClassifiedView } from "./AdminClassifiedView";
+export { AdminDigitalCodesView } from "./AdminDigitalCodesView";
+export { AdminLiveView } from "./AdminLiveView";
+export { AdminGroupedListingsView } from "./AdminGroupedListingsView";
 // S-SBUNI-4 2026-05-13 — admin bundle CRUD views.
 export { AdminBundlesView } from "./AdminBundlesView";
 export { AdminBundleEditorView } from "./AdminBundleEditorView";
@@ -69,7 +74,6 @@ export { AdminReturnRequestsView } from "./AdminReturnRequestsView";
 export { AdminStoreAddressesView } from "./AdminStoreAddressesView";
 export { AdminSidebar } from "./AdminSidebar";
 export { AdminTopBar } from "./AdminTopBar";
-export { DemoSeedView } from "./DemoSeedView";
 export { AdminTeamView } from "./AdminTeamView";
 export { AdminEmployeeEditorView } from "./AdminEmployeeEditorView";
 export { AdminSupportTicketsView } from "./AdminSupportTicketsView";

package/dist/features/admin/constants/filter-tabs.d.ts

@@ -88,7 +88,10 @@ export declare const ADMIN_USER_STATUS_TABS: readonly [{
     readonly id: "Disabled";
     readonly label: "Disabled";
 }];
-/** Admin > Users — role filter chip set. */
+/** Admin > Users — role filter chip set. IDs match the canonical UserRole
+ *  union ("user" | "seller" | "moderator" | "employee" | "admin") and the
+ *  Firestore `users/{uid}.role` field. The label "Buyer" maps to id "user"
+ *  per SB-UNI-E. Previously sent "buyer" which silently returned 0 rows. */
 export declare const ADMIN_USER_ROLE_TABS: readonly [{
     readonly id: "All";
     readonly label: "All";
@@ -99,11 +102,14 @@ export declare const ADMIN_USER_ROLE_TABS: readonly [{
     readonly id: "seller";
     readonly label: "Seller";
 }, {
-    readonly id: "buyer";
+    readonly id: "user";
     readonly label: "Buyer";
 }, {
     readonly id: "moderator";
     readonly label: "Moderator";
+}, {
+    readonly id: "employee";
+    readonly label: "Employee";
 }];
 /** Admin > Stores — seller-onboarding state filter chip set. */
 export declare const ADMIN_STORE_STATUS_TABS: readonly [{
@@ -122,49 +128,49 @@ export declare const ADMIN_STORE_STATUS_TABS: readonly [{
     readonly id: "rejected";
     readonly label: "Rejected";
 }];
-/** Admin > Payouts — payout state filter chip set. Uppercase IDs match the
- *  `PayoutDocument.status` enum on the server. */
+/** Admin > Payouts — payout state filter chip set. Lowercase IDs match
+ *  `PayoutStatusValues` and the actual Firestore document `status` field. */
 export declare const ADMIN_PAYOUT_STATUS_TABS: readonly [{
     readonly id: "All";
     readonly label: "All";
 }, {
-    readonly id: "PENDING";
+    readonly id: "pending";
     readonly label: "Pending";
 }, {
-    readonly id: "PROCESSING";
+    readonly id: "processing";
     readonly label: "Processing";
 }, {
-    readonly id: "PAID";
+    readonly id: "paid";
     readonly label: "Paid";
 }, {
-    readonly id: "FAILED";
+    readonly id: "failed";
     readonly label: "Failed";
 }];
-/** Admin > Orders — order-state filter chip set. Uppercase IDs match the
- *  `OrderDocument.status` enum on the server. */
+/** Admin > Orders — order-state filter chip set. Lowercase IDs match
+ *  `OrderStatusValues` and the actual Firestore document `status` field. */
 export declare const ADMIN_ORDER_STATUS_TABS: readonly [{
     readonly id: "All";
     readonly label: "All";
 }, {
-    readonly id: "PENDING";
+    readonly id: "pending";
     readonly label: "Pending";
 }, {
-    readonly id: "PROCESSING";
+    readonly id: "processing";
     readonly label: "Processing";
 }, {
-    readonly id: "SHIPPED";
+    readonly id: "shipped";
     readonly label: "Shipped";
 }, {
-    readonly id: "DELIVERED";
+    readonly id: "delivered";
     readonly label: "Delivered";
 }, {
-    readonly id: "CANCELLED";
+    readonly id: "cancelled";
     readonly label: "Cancelled";
 }, {
-    readonly id: "REFUNDED";
+    readonly id: "refunded";
     readonly label: "Refunded";
 }, {
-    readonly id: "RETURN_REQUESTED";
+    readonly id: "return_requested";
     readonly label: "Return Requested";
 }];
 /** Admin > Reviews — moderation state filter chip set. */

package/dist/features/admin/constants/filter-tabs.js

@@ -43,13 +43,17 @@ export const ADMIN_USER_STATUS_TABS = [
     { id: "Active", label: "Active" },
     { id: "Disabled", label: "Disabled" },
 ];
-/** Admin > Users — role filter chip set. */
+/** Admin > Users — role filter chip set. IDs match the canonical UserRole
+ *  union ("user" | "seller" | "moderator" | "employee" | "admin") and the
+ *  Firestore `users/{uid}.role` field. The label "Buyer" maps to id "user"
+ *  per SB-UNI-E. Previously sent "buyer" which silently returned 0 rows. */
 export const ADMIN_USER_ROLE_TABS = [
     ALL_TAB,
     { id: "admin", label: "Admin" },
     { id: "seller", label: "Seller" },
-    { id: "buyer", label: "Buyer" },
+    { id: "user", label: "Buyer" },
     { id: "moderator", label: "Moderator" },
+    { id: "employee", label: "Employee" },
 ];
 /** Admin > Stores — seller-onboarding state filter chip set. */
 export const ADMIN_STORE_STATUS_TABS = [
@@ -59,26 +63,26 @@ export const ADMIN_STORE_STATUS_TABS = [
     { id: "suspended", label: "Suspended" },
     { id: "rejected", label: "Rejected" },
 ];
-/** Admin > Payouts — payout state filter chip set. Uppercase IDs match the
- *  `PayoutDocument.status` enum on the server. */
+/** Admin > Payouts — payout state filter chip set. Lowercase IDs match
+ *  `PayoutStatusValues` and the actual Firestore document `status` field. */
 export const ADMIN_PAYOUT_STATUS_TABS = [
     ALL_TAB,
-    { id: "PENDING", label: "Pending" },
-    { id: "PROCESSING", label: "Processing" },
-    { id: "PAID", label: "Paid" },
-    { id: "FAILED", label: "Failed" },
+    { id: "pending", label: "Pending" },
+    { id: "processing", label: "Processing" },
+    { id: "paid", label: "Paid" },
+    { id: "failed", label: "Failed" },
 ];
-/** Admin > Orders — order-state filter chip set. Uppercase IDs match the
- *  `OrderDocument.status` enum on the server. */
+/** Admin > Orders — order-state filter chip set. Lowercase IDs match
+ *  `OrderStatusValues` and the actual Firestore document `status` field. */
 export const ADMIN_ORDER_STATUS_TABS = [
     ALL_TAB,
-    { id: "PENDING", label: "Pending" },
-    { id: "PROCESSING", label: "Processing" },
-    { id: "SHIPPED", label: "Shipped" },
-    { id: "DELIVERED", label: "Delivered" },
-    { id: "CANCELLED", label: "Cancelled" },
-    { id: "REFUNDED", label: "Refunded" },
-    { id: "RETURN_REQUESTED", label: "Return Requested" },
+    { id: "pending", label: "Pending" },
+    { id: "processing", label: "Processing" },
+    { id: "shipped", label: "Shipped" },
+    { id: "delivered", label: "Delivered" },
+    { id: "cancelled", label: "Cancelled" },
+    { id: "refunded", label: "Refunded" },
+    { id: "return_requested", label: "Return Requested" },
 ];
 /** Admin > Reviews — moderation state filter chip set. */
 export const ADMIN_REVIEW_STATUS_TABS = [

package/dist/features/admin/hooks/useAdminListing.d.ts

@@ -9,6 +9,7 @@ export interface AdminListingConfig<TResponse, TRow extends {
     mapRows: (response: TResponse) => TRow[];
     getTotal?: (response: TResponse, rows: TRow[]) => number;
     buildFilters: (filterState: Record<string, string>) => string | undefined;
+    initialView?: "grid" | "list" | "table";
 }
 export declare function useAdminListing<TResponse, TRow extends {
     id: string;

package/dist/features/admin/hooks/useAdminListing.js

@@ -6,7 +6,7 @@ import { usePanelUrlSync } from "../../../react/hooks/use-panel-url-sync";
 import { useAdminListingData } from "./useAdminListingData";
 export function useAdminListing(config) {
     const { filterKeys, defaultSort, pageSize = 25, queryKey, endpoint, mapRows, getTotal, buildFilters, } = config;
-    const [view, setView] = useState("table");
+    const [view, setView] = useState(config.initialView ?? "table");
     const table = useUrlTable({ defaults: { pageSize: String(pageSize), sort: defaultSort } });
     const panel = usePanelUrlSync();
     const [searchInput, setSearchInput] = useState(table.get("q") || "");

package/dist/features/admin/schemas/firestore.js

@@ -183,19 +183,18 @@ export const DEFAULT_SITE_SETTINGS_DATA = {
         coupons: true,
         notifications: true,
         sellerRegistration: true,
-        preOrders: false,
+        preOrders: true,
         seedPanel: true,
-        // SB-UNI-X4 2026-05-13 — Phase 1 types enabled by default; Phase 2 types
-        // (classified / digital-code / live) gated until per-type Phase 3 + 5
-        // surfaces ship. Admin Feature Flags UI lets the operator flip them.
+        // W1-37 2026-05-23 — Phase 2 listing types enabled by default; all per-type
+        // surfaces (seller + admin via W1-29 + public) are now shipped.
         listingTypes: {
             standard: true,
             auction: true,
             "pre-order": true,
             "prize-draw": true,
-            classified: false,
-            "digital-code": false,
-            live: false,
+            classified: true,
+            "digital-code": true,
+            live: true,
         },
         categoryTypes: {
             category: true,

package/dist/features/auctions/server.d.ts

@@ -4,6 +4,5 @@
  * Server-only entry point for auction API route handlers.
  */
 export * from "./actions";
-export { AuctionsRepository } from "./repository/auctions.repository";
 export { bidRepository } from "./repository/bid.repository";
 export { GET as bidsGET, GET } from "./api/route";

package/dist/features/auctions/server.js

@@ -4,6 +4,5 @@
  * Server-only entry point for auction API route handlers.
  */
 export * from "./actions";
-export { AuctionsRepository } from "./repository/auctions.repository";
 export { bidRepository } from "./repository/bid.repository";
 export { GET as bidsGET, GET } from "./api/route";

package/dist/features/auth/actions/realtime-token-actions.js

@@ -18,7 +18,7 @@ export async function issueRealtimeToken(userId, userRole) {
     catch (err) {
         serverLogger.warn("Could not resolve chatIds for realtime token", { userId, err });
     }
-    let conversationIds = {};
+    const conversationIds = {};
     try {
         const buyerConvs = await conversationsRepository.listByBuyer(userId);
         buyerConvs.forEach((c) => { conversationIds[c.id] = true; });

package/dist/features/auth/repository/user.repository.js

@@ -22,7 +22,7 @@ export class UserRepository extends BaseRepository {
         // addPiiIndices is intentionally NOT called here — it spreads the original
         // plaintext `data` back into the result, which would overwrite the encrypted
         // ciphertext with the original plaintext values, defeating the encryption.
-        let encrypted = encryptPiiFields(data, [...USER_PII_FIELDS]);
+        const encrypted = encryptPiiFields(data, [...USER_PII_FIELDS]);
         if (encrypted.payoutDetails) {
             encrypted.payoutDetails =
                 encryptPayoutDetails(encrypted.payoutDetails);

package/dist/features/blog/components/BlogFeaturedCard.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Article, BaseListingCard, Div, Heading, Row, Span, Text, TextLink } from "../../../ui";
 import { THEME_CONSTANTS } from "../../../tokens";

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

@@ -1,9 +1,12 @@
 import type { DocumentReference } from "firebase-admin/firestore";
 import type { DocumentSnapshot } from "../../../providers/db-firebase";
-import { BaseRepository } from "../../../providers/db-firebase";
+import { BaseRepository, type FirebaseSieveResult, type SieveModel } from "../../../providers/db-firebase";
 import { type AddToCartInput, type CartAppliedCoupon, type CartDocument, type UpdateCartItemInput } from "../schemas";
 export declare class CartRepository extends BaseRepository<CartDocument> {
+    private static readonly SIEVE_FIELDS;
     constructor();
+    /** Admin-facing paginated list of carts. */
+    list(model: SieveModel): Promise<FirebaseSieveResult<CartDocument>>;
     protected mapDoc<D = CartDocument>(snap: DocumentSnapshot): D;
     findByUserId(userId: string): Promise<CartDocument | null>;
     getOrCreate(userId: string): Promise<CartDocument>;

package/dist/features/cart/repository/cart.repository.js

@@ -9,6 +9,10 @@ export class CartRepository extends BaseRepository {
     constructor() {
         super(CART_COLLECTION);
     }
+    /** Admin-facing paginated list of carts. */
+    async list(model) {
+        return this.sieveQuery(model, CartRepository.SIEVE_FIELDS);
+    }
     mapDoc(snap) {
         const raw = super.mapDoc(snap);
         return {
@@ -279,4 +283,12 @@ export class CartRepository extends BaseRepository {
         return snap.docs.map((d) => d.ref);
     }
 }
+// W1-42 — admin-facing Sieve list. Filterable on userId, sessionId, updatedAt;
+// sortable on updatedAt.
+CartRepository.SIEVE_FIELDS = {
+    userId: { canFilter: true, canSort: false },
+    sessionId: { canFilter: true, canSort: false },
+    updatedAt: { canFilter: true, canSort: true },
+    createdAt: { canFilter: true, canSort: true },
+};
 export const cartRepository = new CartRepository();

package/dist/features/checkout/hooks/useCheckoutApi.d.ts

@@ -22,8 +22,6 @@ export interface PreflightResponse {
     available: any[];
     unavailable: UnavailableItem[];
 }
-/** @deprecated Use `CreatePaymentOrderResponse` instead. */
-export type CreateRazorpayOrderResponse = CreatePaymentOrderResponse;
 export interface CreatePaymentOrderResponse {
     gatewayOrderId: string;
     amount: number;

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

@@ -2,7 +2,7 @@ export * from "./types";
 export * from "./schemas";
 export * from "./hooks/useCheckout";
 export { useCheckout as useCheckoutApi } from "./hooks/useCheckoutApi";
-export type { AddressListResponse, CartApiResponse, PlaceOrderResponse, CreatePaymentOrderResponse, CreateRazorpayOrderResponse, UnavailableItem, PreflightResponse, } from "./hooks/useCheckoutApi";
+export type { AddressListResponse, CartApiResponse, PlaceOrderResponse, CreatePaymentOrderResponse, UnavailableItem, PreflightResponse, } from "./hooks/useCheckoutApi";
 export * from "./hooks/usePaymentCheckout";
 export * from "./components";
 export { manifest } from "./manifest";

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

@@ -2,13 +2,10 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import React from "react";
 import { useMutation, useQuery } from "@tanstack/react-query";
-import { Alert, Button, Div, Heading, Input, RichTextEditor, Select, StackedViewShell, TagInput, Text, Toggle, } from "../../../ui";
+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";
 import { StepForm } from "../../shell";
-// --- Constants ---------------------------------------------------------------
-const CLS_PANEL_SM = "rounded-lg border border-zinc-200 dark:border-zinc-700 bg-zinc-50 dark:bg-zinc-800 p-3 space-y-2";
-const CLS_PANEL_LG = "rounded-xl border border-zinc-200 dark:border-slate-700 p-4 space-y-4";
 const EVENT_TYPE_OPTIONS = [
     { label: "Sale", value: "sale" },
     { label: "Offer / Coupon", value: "offer" },
@@ -49,11 +46,11 @@ 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("div", { className: "space-y-3", children: [_jsx(Text, { className: "text-xs font-medium text-zinc-600 dark:text-zinc-400 uppercase tracking-wide", children: "Form fields" }), fields.length === 0 && (_jsx(Text, { className: "text-xs text-zinc-500 dark:text-zinc-400", 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: "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) => {
                 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";
-                return (_jsxs("div", { className: "rounded-lg border border-zinc-200 dark:border-zinc-600 p-3 space-y-2 bg-white dark:bg-zinc-900", children: [_jsxs("div", { className: "flex items-center justify-between gap-2", children: [_jsxs(Text, { className: "text-xs font-medium text-zinc-500 dark:text-zinc-400", children: ["Field ", idx + 1] }), _jsx("button", { type: "button", onClick: () => removeField(field.id), className: "text-zinc-400 hover:text-red-500 transition-colors text-lg leading-none px-1", "aria-label": "Remove field", children: "\u00D7" })] }), _jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-2", children: [_jsx(Select, { label: "Type", value: field.type, options: FORM_FIELD_TYPE_OPTIONS, onChange: (e) => updateField(field.id, { type: e.target.value, options: undefined }) }), _jsx(Input, { label: "Label", value: field.label, onChange: (e) => updateField(field.id, { label: e.target.value }), placeholder: "e.g. Describe your entry", required: true })] }), !hasOptions && field.type !== "date" && field.type !== "file" && field.type !== "rating" && (_jsx(Input, { label: "Placeholder (optional)", value: field.placeholder ?? "", onChange: (e) => updateField(field.id, { placeholder: e.target.value || undefined }), placeholder: "Hint shown inside the field" })), hasOptions && (_jsxs("div", { className: "space-y-1", children: [_jsx(Text, { className: "text-xs text-zinc-500 dark:text-zinc-400", children: "Options \u2014 one per line" }), _jsx("textarea", { className: "w-full rounded-lg border border-zinc-200 dark:border-zinc-600 bg-white dark:bg-zinc-800 text-sm text-zinc-800 dark:text-zinc-200 px-3 py-2 resize-y min-h-[72px] focus:outline-none focus:ring-2 focus:ring-primary/50", value: (field.options ?? []).join("\n"), onChange: (e) => updateField(field.id, { options: e.target.value.split("\n").map((s) => s.trim()).filter(Boolean) }), placeholder: "Option A\nOption B\nOption C" })] })), (isText || isNumeric) && (_jsxs("div", { className: "rounded bg-zinc-50 dark:bg-zinc-800 p-2 space-y-2", children: [_jsx(Text, { className: "text-xs text-zinc-500 dark:text-zinc-400", children: "Validation (optional)" }), _jsxs("div", { className: "grid grid-cols-2 gap-2", children: [isText && (_jsxs(_Fragment, { children: [_jsx(Input, { label: "Min length", type: "number", value: String(field.validation?.minLength ?? ""), onChange: (e) => updateField(field.id, { validation: { ...field.validation, minLength: e.target.value ? Number(e.target.value) : undefined } }), placeholder: "0" }), _jsx(Input, { label: "Max length", type: "number", value: String(field.validation?.maxLength ?? ""), onChange: (e) => updateField(field.id, { validation: { ...field.validation, maxLength: e.target.value ? Number(e.target.value) : undefined } }), placeholder: "500" })] })), isNumeric && (_jsxs(_Fragment, { children: [_jsx(Input, { label: "Min value", type: "number", value: String(field.validation?.min ?? ""), onChange: (e) => updateField(field.id, { validation: { ...field.validation, min: e.target.value ? Number(e.target.value) : undefined } }), placeholder: "0" }), _jsx(Input, { label: "Max value", type: "number", value: String(field.validation?.max ?? ""), onChange: (e) => updateField(field.id, { validation: { ...field.validation, max: e.target.value ? Number(e.target.value) : undefined } }), placeholder: "100" })] }))] }), field.type === "text" && (_jsx(Input, { label: "Pattern (regex, optional)", value: field.validation?.pattern ?? "", onChange: (e) => updateField(field.id, { validation: { ...field.validation, pattern: e.target.value || undefined } }), placeholder: "^[A-Z].*" }))] })), _jsx(Toggle, { checked: field.required, onChange: (v) => updateField(field.id, { required: v }), label: "Required" })] }, field.id));
+                return (_jsxs(Stack, { gap: "xs", surface: "default", rounded: "lg", border: "default", padding: "sm", children: [_jsxs(Row, { justify: "between", gap: "xs", children: [_jsxs(Text, { size: "xs", weight: "medium", color: "muted", children: ["Field ", idx + 1] }), _jsx("button", { type: "button", onClick: () => removeField(field.id), className: "text-zinc-400 hover:text-red-500 transition-colors text-lg leading-none px-1", "aria-label": "Remove field", children: "\u00D7" })] }), _jsxs(Grid, { cols: 2, gap: "xs", children: [_jsx(Select, { label: "Type", value: field.type, options: FORM_FIELD_TYPE_OPTIONS, onChange: (e) => updateField(field.id, { type: e.target.value, options: undefined }) }), _jsx(Input, { label: "Label", value: field.label, onChange: (e) => updateField(field.id, { label: e.target.value }), placeholder: "e.g. Describe your entry", required: true })] }), !hasOptions && field.type !== "date" && field.type !== "file" && field.type !== "rating" && (_jsx(Input, { label: "Placeholder (optional)", value: field.placeholder ?? "", onChange: (e) => updateField(field.id, { placeholder: e.target.value || undefined }), placeholder: "Hint shown inside the field" })), hasOptions && (_jsx(Textarea, { label: "Options \u2014 one per line", value: (field.options ?? []).join("\n"), onChange: (e) => updateField(field.id, { options: e.target.value.split("\n").map((s) => s.trim()).filter(Boolean) }), placeholder: "Option A\nOption B\nOption C", rows: 3 })), (isText || isNumeric) && (_jsxs(Stack, { gap: "xs", surface: "muted", rounded: "md", padding: "xs", children: [_jsx(Text, { size: "xs", color: "muted", children: "Validation (optional)" }), _jsxs(Grid, { gap: "xs", className: "grid-cols-2", children: [isText && (_jsxs(_Fragment, { children: [_jsx(Input, { label: "Min length", type: "number", value: String(field.validation?.minLength ?? ""), onChange: (e) => updateField(field.id, { validation: { ...field.validation, minLength: e.target.value ? Number(e.target.value) : undefined } }), placeholder: "0" }), _jsx(Input, { label: "Max length", type: "number", value: String(field.validation?.maxLength ?? ""), onChange: (e) => updateField(field.id, { validation: { ...field.validation, maxLength: e.target.value ? Number(e.target.value) : undefined } }), placeholder: "500" })] })), isNumeric && (_jsxs(_Fragment, { children: [_jsx(Input, { label: "Min value", type: "number", value: String(field.validation?.min ?? ""), onChange: (e) => updateField(field.id, { validation: { ...field.validation, min: e.target.value ? Number(e.target.value) : undefined } }), placeholder: "0" }), _jsx(Input, { label: "Max value", type: "number", value: String(field.validation?.max ?? ""), onChange: (e) => updateField(field.id, { validation: { ...field.validation, max: e.target.value ? Number(e.target.value) : undefined } }), placeholder: "100" })] }))] }), field.type === "text" && (_jsx(Input, { label: "Pattern (regex, optional)", value: field.validation?.pattern ?? "", onChange: (e) => updateField(field.id, { validation: { ...field.validation, pattern: e.target.value || undefined } }), placeholder: "^[A-Z].*" }))] })), _jsx(Toggle, { checked: field.required, onChange: (v) => updateField(field.id, { required: v }), label: "Required" })] }, field.id));
             }), _jsx(Button, { type: "button", variant: "outline", size: "sm", onClick: addField, children: "+ Add field" })] }));
 }
 const POLL_VISIBILITY_OPTIONS = [
@@ -299,14 +296,14 @@ export function AdminEventEditorView({ eventId, onSaved, embedded, ...rest }) {
                     return "End date is required";
                 return null;
             },
-            render: ({ values, onChange }) => (_jsxs("div", { className: "space-y-5", children: [_jsx(Heading, { level: 3, className: "mb-2", children: "Event Details" }), !isEdit && (_jsx(Select, { label: "Event type", value: values.type, options: EVENT_TYPE_OPTIONS, onChange: (e) => onChange({ type: e.target.value }) })), _jsx(Input, { label: "Title", value: values.title, onChange: (e) => {
+            render: ({ values, onChange }) => (_jsxs(Stack, { gap: "md", children: [_jsx(Heading, { level: 3, className: "mb-2", children: "Event Details" }), !isEdit && (_jsx(Select, { label: "Event type", value: values.type, options: EVENT_TYPE_OPTIONS, onChange: (e) => onChange({ type: e.target.value }) })), _jsx(Input, { label: "Title", value: values.title, onChange: (e) => {
                             const v = e.target.value;
                             onChange({ title: v, ...(!slugManual && { slug: toEventSlug(v) }) });
-                        }, placeholder: "Charizard Flash Sale 2026", required: true }), _jsx(Input, { label: "Slug", value: values.slug, onChange: (e) => { setSlugManual(true); onChange({ slug: e.target.value }); }, placeholder: "event-charizard-flash-sale-2026", helperText: "Auto-generated from title. Must start with 'event-'." }), _jsxs(Div, { children: [_jsx("label", { className: "block text-sm font-medium text-zinc-700 dark:text-zinc-300 mb-1", children: "Description" }), _jsx(RichTextEditor, { value: values.description, onChange: (v) => onChange({ description: v }), minHeightClassName: "min-h-[120px]", placeholder: "Describe this event\u2026" })] }), _jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-3", children: [_jsx(Input, { label: "Starts at", type: "datetime-local", value: values.startsAt, onChange: (e) => onChange({ startsAt: e.target.value }), required: true }), _jsx(Input, { label: "Ends at", type: "datetime-local", value: values.endsAt, onChange: (e) => onChange({ endsAt: e.target.value }), required: true })] }), _jsx(TagInput, { label: "Tags", value: values.tags, onChange: (t) => onChange({ tags: t }), placeholder: "e.g. pokemon, sale, 2026" })] })),
+                        }, placeholder: "Charizard Flash Sale 2026", required: true }), _jsx(Input, { label: "Slug", value: values.slug, onChange: (e) => { setSlugManual(true); onChange({ slug: e.target.value }); }, placeholder: "event-charizard-flash-sale-2026", helperText: "Auto-generated from title. Must start with 'event-'." }), _jsxs(Stack, { gap: "xs", children: [_jsx(Label, { children: "Description" }), _jsx(RichTextEditor, { value: values.description, onChange: (v) => onChange({ description: v }), minHeightClassName: "min-h-[120px]", placeholder: "Describe this event\u2026" })] }), _jsxs(Grid, { cols: 2, gap: "sm", children: [_jsx(Input, { label: "Starts at", type: "datetime-local", value: values.startsAt, onChange: (e) => onChange({ startsAt: e.target.value }), required: true }), _jsx(Input, { label: "Ends at", type: "datetime-local", value: values.endsAt, onChange: (e) => onChange({ endsAt: e.target.value }), required: true })] }), _jsx(TagInput, { label: "Tags", value: values.tags, onChange: (t) => onChange({ tags: t }), placeholder: "e.g. pokemon, sale, 2026" })] })),
         },
         {
             label: "Media",
-            render: ({ values, onChange }) => (_jsxs("div", { className: "space-y-5", children: [_jsx(Heading, { level: 3, className: "mb-2", children: "Media" }), _jsx(Input, { label: "Cover Image URL (optional)", value: values.coverImageUrl, onChange: (e) => onChange({ coverImageUrl: e.target.value }), placeholder: "https://\u2026", helperText: "Direct link to the event cover image." })] })),
+            render: ({ values, onChange }) => (_jsxs(Stack, { gap: "md", children: [_jsx(Heading, { level: 3, className: "mb-2", children: "Media" }), _jsx(Input, { label: "Cover Image URL (optional)", value: values.coverImageUrl, onChange: (e) => onChange({ coverImageUrl: e.target.value }), placeholder: "https://\u2026", helperText: "Direct link to the event cover image." })] })),
         },
         {
             label: "Settings",
@@ -319,7 +316,7 @@ export function AdminEventEditorView({ eventId, onSaved, embedded, ...rest }) {
                     return "Poll events require at least 2 options";
                 return null;
             },
-            render: ({ values, onChange }) => (_jsxs("div", { className: "space-y-5", children: [_jsx(Heading, { level: 3, className: "mb-2", children: "Event Settings" }), isEdit && (_jsx(Select, { label: "Status", value: values.status, options: EVENT_STATUS_OPTIONS, onChange: (e) => onChange({ status: e.target.value }) })), values.createdBy && (_jsxs(Div, { children: [_jsx(Text, { className: "text-sm font-medium mb-1", children: "Created by" }), _jsx(Text, { className: "text-sm text-[var(--appkit-color-text-muted)]", children: values.createdBy })] })), values.type === "sale" && (_jsxs("div", { className: CLS_PANEL_SM, children: [_jsx(Text, { className: "text-sm font-semibold text-zinc-700 dark:text-zinc-300", children: "Sale configuration" }), _jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-3", children: [_jsx(Input, { label: "Discount %", type: "number", value: values.discountPercent, onChange: (e) => onChange({ discountPercent: e.target.value }), placeholder: "10" }), _jsx(Input, { label: "Banner text (optional)", value: values.saleBannerText, onChange: (e) => onChange({ saleBannerText: e.target.value }), placeholder: "Limited time \u2014 ends Sunday!" })] })] })), values.type === "offer" && (_jsxs("div", { className: CLS_PANEL_SM, children: [_jsx(Text, { className: "text-sm font-semibold text-zinc-700 dark:text-zinc-300", children: "Offer configuration" }), _jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-3", children: [_jsx(Input, { label: "Coupon ID", value: values.couponId, onChange: (e) => onChange({ couponId: e.target.value }), placeholder: "Firestore coupon document ID", required: true }), _jsx(Input, { label: "Display code", value: values.displayCode, onChange: (e) => onChange({ displayCode: e.target.value }), placeholder: "CHARIZARD25", required: true })] }), _jsx(Input, { label: "Banner text (optional)", value: values.offerBannerText, onChange: (e) => onChange({ offerBannerText: e.target.value }), placeholder: "Use CHARIZARD25 at checkout" })] })), values.type === "poll" && (_jsxs("div", { className: CLS_PANEL_LG, children: [_jsx(Text, { className: "text-sm font-semibold text-zinc-700 dark:text-zinc-300", children: "Poll configuration" }), _jsxs("div", { className: "space-y-2", children: [_jsx(Text, { className: "text-xs text-zinc-500 dark:text-zinc-400", children: "Options (minimum 2)" }), values.pollOptions.map((opt, idx) => (_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("div", { className: "flex-1", children: _jsx(Input, { value: opt.label, onChange: (e) => onChange({ pollOptions: values.pollOptions.map((o) => o.id === opt.id ? { ...o, label: e.target.value } : o) }), placeholder: `Option ${idx + 1}` }) }), values.pollOptions.length > 2 && (_jsx("button", { type: "button", onClick: () => onChange({ pollOptions: values.pollOptions.filter((o) => o.id !== opt.id) }), className: "text-zinc-400 hover:text-red-500 transition-colors px-2 py-1 text-lg leading-none", "aria-label": "Remove option", children: "\u00D7" }))] }, opt.id))), _jsx(Button, { type: "button", variant: "outline", size: "sm", onClick: () => onChange({ pollOptions: [...values.pollOptions, { id: `opt${Date.now()}`, label: "" }] }), children: "+ Add option" })] }), _jsx(Select, { label: "Results visibility", value: values.resultsVisibility, options: POLL_VISIBILITY_OPTIONS, onChange: (e) => onChange({ resultsVisibility: e.target.value }) }), _jsxs("div", { className: "space-y-3", children: [_jsx(Toggle, { checked: values.allowMultiSelect, onChange: (v) => onChange({ allowMultiSelect: v }), label: "Allow multi-select" }), _jsx(Toggle, { checked: values.allowComment, onChange: (v) => onChange({ allowComment: v }), label: "Allow comment with vote" })] })] })), values.type === "survey" && (_jsxs("div", { className: CLS_PANEL_LG, children: [_jsx(Text, { className: "text-sm font-semibold text-zinc-700 dark:text-zinc-300", children: "Survey configuration" }), _jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-3", children: [_jsx(Input, { label: "Max entries per user", type: "number", value: values.maxEntriesPerUser, onChange: (e) => onChange({ maxEntriesPerUser: e.target.value }), placeholder: "1" }), values.hasPointSystem && (_jsx(Input, { label: "Points label", value: values.pointsLabel, onChange: (e) => onChange({ pointsLabel: e.target.value }), placeholder: "Points" }))] }), _jsxs("div", { className: "space-y-2", children: [_jsx(Toggle, { checked: values.requireLogin, onChange: (v) => onChange({ requireLogin: v }), label: "Require login to participate" }), _jsx(Toggle, { checked: values.hasLeaderboard, onChange: (v) => onChange({ hasLeaderboard: v }), label: "Show leaderboard" }), _jsx(Toggle, { checked: values.hasPointSystem, onChange: (v) => onChange({ hasPointSystem: v }), label: "Enable point system" }), _jsx(Toggle, { checked: values.entryReviewRequired, onChange: (v) => onChange({ entryReviewRequired: v }), label: "Require employee review before entry is approved" })] }), _jsx(FormFieldBuilder, { fields: values.surveyFields, setFields: (f) => onChange({ surveyFields: f }) })] })), values.type === "feedback" && (_jsxs("div", { className: CLS_PANEL_LG, children: [_jsx(Text, { className: "text-sm font-semibold text-zinc-700 dark:text-zinc-300", children: "Feedback configuration" }), _jsx(Toggle, { checked: values.anonymous, onChange: (v) => onChange({ anonymous: v }), label: "Allow anonymous submissions" }), _jsx(FormFieldBuilder, { fields: values.feedbackFields, setFields: (f) => onChange({ feedbackFields: f }) })] }))] })),
+            render: ({ values, onChange }) => (_jsxs(Stack, { gap: "md", children: [_jsx(Heading, { level: 3, className: "mb-2", children: "Event Settings" }), isEdit && (_jsx(Select, { label: "Status", value: values.status, options: EVENT_STATUS_OPTIONS, onChange: (e) => onChange({ status: e.target.value }) })), values.createdBy && (_jsxs(Stack, { gap: "none", children: [_jsx(Text, { size: "sm", weight: "medium", className: "mb-1", children: "Created by" }), _jsx(Text, { size: "sm", color: "muted", children: values.createdBy })] })), values.type === "sale" && (_jsxs(Stack, { gap: "xs", surface: "muted", rounded: "lg", border: "default", padding: "sm", children: [_jsx(Text, { size: "sm", weight: "semibold", color: "muted", children: "Sale configuration" }), _jsxs(Grid, { cols: 2, gap: "sm", children: [_jsx(Input, { label: "Discount %", type: "number", value: values.discountPercent, onChange: (e) => onChange({ discountPercent: e.target.value }), placeholder: "10" }), _jsx(Input, { label: "Banner text (optional)", value: values.saleBannerText, onChange: (e) => onChange({ saleBannerText: e.target.value }), placeholder: "Limited time \u2014 ends Sunday!" })] })] })), values.type === "offer" && (_jsxs(Stack, { gap: "xs", surface: "muted", rounded: "lg", border: "default", padding: "sm", children: [_jsx(Text, { size: "sm", weight: "semibold", color: "muted", children: "Offer configuration" }), _jsxs(Grid, { cols: 2, gap: "sm", children: [_jsx(Input, { label: "Coupon ID", value: values.couponId, onChange: (e) => onChange({ couponId: e.target.value }), placeholder: "Firestore coupon document ID", required: true }), _jsx(Input, { label: "Display code", value: values.displayCode, onChange: (e) => onChange({ displayCode: e.target.value }), placeholder: "CHARIZARD25", required: true })] }), _jsx(Input, { label: "Banner text (optional)", value: values.offerBannerText, onChange: (e) => onChange({ offerBannerText: e.target.value }), placeholder: "Use CHARIZARD25 at checkout" })] })), values.type === "poll" && (_jsxs(Stack, { gap: "md", rounded: "xl", border: "default", padding: "md", children: [_jsx(Text, { size: "sm", weight: "semibold", color: "muted", children: "Poll configuration" }), _jsxs(Stack, { gap: "xs", children: [_jsx(Text, { size: "xs", color: "muted", children: "Options (minimum 2)" }), values.pollOptions.map((opt, idx) => (_jsxs(Row, { gap: "xs", children: [_jsx(Div, { className: "flex-1", children: _jsx(Input, { value: opt.label, onChange: (e) => onChange({ pollOptions: values.pollOptions.map((o) => o.id === opt.id ? { ...o, label: e.target.value } : o) }), placeholder: `Option ${idx + 1}` }) }), values.pollOptions.length > 2 && (_jsx("button", { type: "button", onClick: () => onChange({ pollOptions: values.pollOptions.filter((o) => o.id !== opt.id) }), className: "text-zinc-400 hover:text-red-500 transition-colors px-2 py-1 text-lg leading-none", "aria-label": "Remove option", children: "\u00D7" }))] }, opt.id))), _jsx(Button, { type: "button", variant: "outline", size: "sm", onClick: () => onChange({ pollOptions: [...values.pollOptions, { id: `opt${Date.now()}`, label: "" }] }), children: "+ Add option" })] }), _jsx(Select, { label: "Results visibility", value: values.resultsVisibility, options: POLL_VISIBILITY_OPTIONS, onChange: (e) => onChange({ resultsVisibility: e.target.value }) }), _jsxs(Stack, { gap: "sm", children: [_jsx(Toggle, { checked: values.allowMultiSelect, onChange: (v) => onChange({ allowMultiSelect: v }), label: "Allow multi-select" }), _jsx(Toggle, { checked: values.allowComment, onChange: (v) => onChange({ allowComment: v }), label: "Allow comment with vote" })] })] })), values.type === "survey" && (_jsxs(Stack, { gap: "md", rounded: "xl", border: "default", padding: "md", children: [_jsx(Text, { size: "sm", weight: "semibold", color: "muted", children: "Survey configuration" }), _jsxs(Grid, { cols: 2, gap: "sm", children: [_jsx(Input, { label: "Max entries per user", type: "number", value: values.maxEntriesPerUser, onChange: (e) => onChange({ maxEntriesPerUser: e.target.value }), placeholder: "1" }), values.hasPointSystem && (_jsx(Input, { label: "Points label", value: values.pointsLabel, onChange: (e) => onChange({ pointsLabel: e.target.value }), placeholder: "Points" }))] }), _jsxs(Stack, { gap: "xs", children: [_jsx(Toggle, { checked: values.requireLogin, onChange: (v) => onChange({ requireLogin: v }), label: "Require login to participate" }), _jsx(Toggle, { checked: values.hasLeaderboard, onChange: (v) => onChange({ hasLeaderboard: v }), label: "Show leaderboard" }), _jsx(Toggle, { checked: values.hasPointSystem, onChange: (v) => onChange({ hasPointSystem: v }), label: "Enable point system" }), _jsx(Toggle, { checked: values.entryReviewRequired, onChange: (v) => onChange({ entryReviewRequired: v }), label: "Require employee review before entry is approved" })] }), _jsx(FormFieldBuilder, { fields: values.surveyFields, setFields: (f) => onChange({ surveyFields: f }) })] })), values.type === "feedback" && (_jsxs(Stack, { gap: "md", rounded: "xl", border: "default", padding: "md", children: [_jsx(Text, { size: "sm", weight: "semibold", color: "muted", children: "Feedback configuration" }), _jsx(Toggle, { checked: values.anonymous, onChange: (v) => onChange({ anonymous: v }), label: "Allow anonymous submissions" }), _jsx(FormFieldBuilder, { fields: values.feedbackFields, setFields: (f) => onChange({ feedbackFields: f }) })] }))] })),
         },
         {
             label: "Raffle / Spin",
@@ -327,14 +324,14 @@ 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("div", { className: "space-y-5", 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, { className: "text-sm text-[var(--appkit-color-text-muted)]", children: "Enable the toggle above to attach a raffle draw to this event. Not applicable for this event type by default." })), showRaffleConfig && (_jsxs("div", { className: CLS_PANEL_LG, children: [_jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-3", 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" }), _jsx(Input, { label: "Coupon ID for winner (optional)", value: values.rafflePrizeCouponId, onChange: (e) => onChange({ rafflePrizeCouponId: e.target.value }), placeholder: "coupon-vip-winner-2026" }), isSpinMode && (_jsxs("div", { className: "rounded-lg border border-zinc-200 dark:border-slate-700 p-3 space-y-3", children: [_jsx(Text, { className: "text-xs font-medium text-zinc-600 dark:text-zinc-300", children: "Spin prizes (weighted random)" }), values.spinPrizes.length === 0 && (_jsx(Text, { className: "text-xs text-zinc-500 dark:text-zinc-400", children: "No spin prizes yet. Add at least one to enable spinning." })), values.spinPrizes.map((p) => (_jsxs("div", { className: "grid grid-cols-12 gap-2 items-end", children: [_jsx("div", { className: "col-span-5", children: _jsx(Input, { label: "Label", value: p.label, onChange: (e) => onChange({ spinPrizes: values.spinPrizes.map((sp) => sp.id === p.id ? { ...sp, label: e.target.value } : sp) }), placeholder: "\u20B9100 off" }) }), _jsx("div", { className: "col-span-3", children: _jsx(Input, { label: "Coupon ID", value: p.couponId ?? "", onChange: (e) => onChange({ spinPrizes: values.spinPrizes.map((sp) => sp.id === p.id ? { ...sp, couponId: e.target.value || undefined } : sp) }) }) }), _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("div", { className: "col-span-1 flex items-center justify-center 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("div", { className: "col-span-1 flex items-center justify-center pb-2", children: _jsx("button", { type: "button", onClick: () => onChange({ spinPrizes: values.spinPrizes.filter((sp) => sp.id !== p.id) }), className: "text-zinc-400 hover:text-red-500 text-lg leading-none px-2", "aria-label": "Remove prize", children: "\u00D7" }) })] }, p.id))), _jsx(Button, { type: "button", variant: "outline", size: "sm", onClick: () => 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("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-3", 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("div", { className: "rounded-lg border border-amber-200 bg-amber-50 dark:border-amber-700 dark:bg-amber-900/20 p-3 space-y-2", children: [_jsxs("div", { className: "flex items-center justify-between gap-3", children: [_jsx(Text, { className: "text-sm font-medium text-amber-900 dark:text-amber-100", children: raffleWinnerName ? `Winner: ${raffleWinnerName}` : "Raffle not yet triggered" }), _jsx(Button, { type: "button", variant: "primary", size: "sm", onClick: () => triggerRaffleMutation.mutate(), disabled: triggerRaffleMutation.isPending || Boolean(raffleWinnerName), children: triggerRaffleMutation.isPending ? "Triggering…" : raffleWinnerName ? "Already triggered" : "Trigger Raffle Now" })] }), raffleEntryCount !== null && _jsxs(Text, { className: "text-xs text-amber-800 dark:text-amber-200", children: ["Pool size: ", raffleEntryCount] }), raffleGithubUrl && _jsxs(Text, { className: "text-xs text-amber-800 dark:text-amber-200 break-all", children: ["Fairness proof: ", raffleGithubUrl] }), triggerMessage && _jsx(Text, { className: "text-xs text-amber-900 dark:text-amber-100", children: triggerMessage })] }))] }))] }));
+                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" }), _jsx(Input, { label: "Coupon ID for winner (optional)", value: values.rafflePrizeCouponId, onChange: (e) => onChange({ rafflePrizeCouponId: e.target.value }), placeholder: "coupon-vip-winner-2026" }), 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" }) }), _jsx(Div, { className: "col-span-3", children: _jsx(Input, { label: "Coupon ID", value: p.couponId ?? "", onChange: (e) => onChange({ spinPrizes: values.spinPrizes.map((sp) => sp.id === p.id ? { ...sp, couponId: e.target.value || undefined } : sp) }) }) }), _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", { type: "button", onClick: () => onChange({ spinPrizes: values.spinPrizes.filter((sp) => sp.id !== p.id) }), className: "text-zinc-400 hover:text-red-500 text-lg leading-none px-2", "aria-label": "Remove prize", children: "\u00D7" }) })] }, p.id))), _jsx(Button, { type: "button", variant: "outline", size: "sm", onClick: () => 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: "border border-amber-200 bg-amber-50 dark:border-amber-700 dark:bg-amber-900/20", children: [_jsxs(Row, { justify: "between", gap: "sm", children: [_jsx(Text, { size: "sm", weight: "medium", className: "text-amber-900 dark:text-amber-100", children: raffleWinnerName ? `Winner: ${raffleWinnerName}` : "Raffle not yet triggered" }), _jsx(Button, { type: "button", variant: "primary", size: "sm", onClick: () => triggerRaffleMutation.mutate(), disabled: triggerRaffleMutation.isPending || Boolean(raffleWinnerName), children: triggerRaffleMutation.isPending ? "Triggering…" : raffleWinnerName ? "Already triggered" : "Trigger Raffle Now" })] }), raffleEntryCount !== null && _jsxs(Text, { size: "xs", className: "text-amber-800 dark:text-amber-200", children: ["Pool size: ", raffleEntryCount] }), raffleGithubUrl && _jsxs(Text, { size: "xs", className: "break-all text-amber-800 dark:text-amber-200", children: ["Fairness proof: ", raffleGithubUrl] }), triggerMessage && _jsx(Text, { size: "xs", className: "text-amber-900 dark:text-amber-100", children: triggerMessage })] }))] }))] }));
             },
         },
     ];
     const alertSection = eventQuery.error ? (_jsx(Alert, { variant: "error", title: "Could not load event", children: eventQuery.error instanceof Error ? eventQuery.error.message : "Unknown error" })) : null;
-    const formContent = (_jsxs("div", { className: "space-y-4", children: [alertSection, _jsx(StepForm, { steps: steps, values: draft, onChange: update, onComplete: () => { saveMutation.mutate(); }, formId: "admin-event", currentStep: currentStep, onStepChange: setCurrentStep, completeLabel: isEdit ? "Save Changes" : "Create Event", isLoading: isLoading }), saveMessage && (_jsx(Alert, { variant: saveMessage.toLowerCase().includes("fail") || saveMessage.toLowerCase().includes("error") ? "error" : "success", title: "Save status", children: saveMessage }))] }));
+    const formContent = (_jsxs(Stack, { gap: "sm", children: [alertSection, _jsx(StepForm, { steps: steps, values: draft, onChange: update, onComplete: () => { saveMutation.mutate(); }, formId: "admin-event", currentStep: currentStep, onStepChange: setCurrentStep, completeLabel: isEdit ? "Save Changes" : "Create Event", isLoading: isLoading }), saveMessage && (_jsx(Alert, { variant: saveMessage.toLowerCase().includes("fail") || saveMessage.toLowerCase().includes("error") ? "error" : "success", title: "Save status", children: saveMessage }))] }));
     if (embedded) {
-        return _jsx("div", { className: "overflow-y-auto p-4", children: formContent });
+        return _jsx(Div, { className: "overflow-y-auto p-4", children: formContent });
     }
     return (_jsx(StackedViewShell, { portal: "admin", ...rest, title: isEdit ? "Edit Event" : "Create Event", sections: [formContent] }));
 }