@mohasinac/appkit 2.4.11 → 2.5.0

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

@@ -23,12 +23,12 @@ export declare const categoryDisplaySchema: z.ZodObject<{
     showInMenu: z.ZodOptional<z.ZodBoolean>;
 }, "strip", z.ZodTypeAny, {
     icon?: string | undefined;
-    coverImage?: string | undefined;
     showInMenu?: boolean | undefined;
+    coverImage?: string | undefined;
 }, {
     icon?: string | undefined;
-    coverImage?: string | undefined;
     showInMenu?: boolean | undefined;
+    coverImage?: string | undefined;
 }>;
 export declare const categoryMetricsSchema: z.ZodObject<{
     productCount: z.ZodNumber;
@@ -104,12 +104,12 @@ export declare const categoryItemSchema: z.ZodObject<{
         showInMenu: z.ZodOptional<z.ZodBoolean>;
     }, "strip", z.ZodTypeAny, {
         icon?: string | undefined;
-        coverImage?: string | undefined;
         showInMenu?: boolean | undefined;
+        coverImage?: string | undefined;
     }, {
         icon?: string | undefined;
-        coverImage?: string | undefined;
         showInMenu?: boolean | undefined;
+        coverImage?: string | undefined;
     }>>;
     createdAt: z.ZodOptional<z.ZodString>;
     updatedAt: z.ZodOptional<z.ZodString>;
@@ -118,16 +118,16 @@ export declare const categoryItemSchema: z.ZodObject<{
     name: string;
     slug: string;
     tier: number;
+    createdAt?: string | undefined;
+    updatedAt?: string | undefined;
     path?: string | undefined;
     type?: "category" | "brand" | "collection" | "concern" | undefined;
     display?: {
         icon?: string | undefined;
-        coverImage?: string | undefined;
         showInMenu?: boolean | undefined;
+        coverImage?: string | undefined;
     } | undefined;
     order?: number | undefined;
-    createdAt?: string | undefined;
-    updatedAt?: string | undefined;
     description?: string | undefined;
     seo?: {
         title?: string | undefined;
@@ -135,32 +135,32 @@ export declare const categoryItemSchema: z.ZodObject<{
         keywords?: string[] | undefined;
         ogImage?: string | undefined;
     } | undefined;
-    isFeatured?: boolean | undefined;
+    rootId?: string | undefined;
+    parentIds?: string[] | undefined;
     isLeaf?: boolean | undefined;
+    isFeatured?: boolean | undefined;
+    featuredPriority?: number | undefined;
+    childrenIds?: string[] | undefined;
     metrics?: {
         productCount: number;
         totalItemCount: number;
         lastUpdated?: string | undefined;
     } | undefined;
-    rootId?: string | undefined;
-    parentIds?: string[] | undefined;
-    featuredPriority?: number | undefined;
-    childrenIds?: string[] | undefined;
 }, {
     id: string;
     name: string;
     slug: string;
     tier: number;
+    createdAt?: string | undefined;
+    updatedAt?: string | undefined;
     path?: string | undefined;
     type?: "category" | "brand" | "collection" | "concern" | undefined;
     display?: {
         icon?: string | undefined;
-        coverImage?: string | undefined;
         showInMenu?: boolean | undefined;
+        coverImage?: string | undefined;
     } | undefined;
     order?: number | undefined;
-    createdAt?: string | undefined;
-    updatedAt?: string | undefined;
     description?: string | undefined;
     seo?: {
         title?: string | undefined;
@@ -168,17 +168,17 @@ export declare const categoryItemSchema: z.ZodObject<{
         keywords?: string[] | undefined;
         ogImage?: string | undefined;
     } | undefined;
-    isFeatured?: boolean | undefined;
+    rootId?: string | undefined;
+    parentIds?: string[] | undefined;
     isLeaf?: boolean | undefined;
+    isFeatured?: boolean | undefined;
+    featuredPriority?: number | undefined;
+    childrenIds?: string[] | undefined;
     metrics?: {
         productCount: number;
         totalItemCount: number;
         lastUpdated?: string | undefined;
     } | undefined;
-    rootId?: string | undefined;
-    parentIds?: string[] | undefined;
-    featuredPriority?: number | undefined;
-    childrenIds?: string[] | undefined;
 }>;
 export declare const categoryListParamsSchema: z.ZodObject<{
     type: z.ZodOptional<z.ZodEnum<["category", "concern", "collection", "brand"]>>;
@@ -189,18 +189,18 @@ export declare const categoryListParamsSchema: z.ZodObject<{
     page: z.ZodOptional<z.ZodNumber>;
     perPage: z.ZodOptional<z.ZodNumber>;
 }, "strip", z.ZodTypeAny, {
-    q?: string | undefined;
+    perPage?: number | undefined;
     type?: "category" | "brand" | "collection" | "concern" | undefined;
+    q?: string | undefined;
     page?: number | undefined;
-    perPage?: number | undefined;
     featured?: boolean | undefined;
     tier?: number | undefined;
     parentId?: string | undefined;
 }, {
-    q?: string | undefined;
+    perPage?: number | undefined;
     type?: "category" | "brand" | "collection" | "concern" | undefined;
+    q?: string | undefined;
     page?: number | undefined;
-    perPage?: number | undefined;
     featured?: boolean | undefined;
     tier?: number | undefined;
     parentId?: string | undefined;

package/dist/features/collections/schemas/index.d.ts

@@ -24,12 +24,12 @@ export declare const collectionItemSchema: z.ZodObject<{
     active: z.ZodDefault<z.ZodBoolean>;
     createdAt: z.ZodOptional<z.ZodString>;
 }, "strip", z.ZodTypeAny, {
-    title: string;
     sortOrder: number;
+    title: string;
     active: boolean;
     slug: string;
-    image?: string | undefined;
     createdAt?: string | undefined;
+    image?: string | undefined;
     subtitle?: string | undefined;
     description?: string | undefined;
     brandSlug?: string | undefined;
@@ -40,9 +40,9 @@ export declare const collectionItemSchema: z.ZodObject<{
 }, {
     title: string;
     slug: string;
-    image?: string | undefined;
     createdAt?: string | undefined;
     sortOrder?: number | undefined;
+    image?: string | undefined;
     active?: boolean | undefined;
     subtitle?: string | undefined;
     description?: string | undefined;

package/dist/features/consultation/schemas/index.d.ts

@@ -30,10 +30,10 @@ export declare const consultationBookingSchema: z.ZodObject<{
     status: "pending" | "completed" | "confirmed" | "cancelled" | "no_show";
     email: string;
     name: string;
-    mode?: "online" | "phone" | "in_person" | undefined;
-    message?: string | undefined;
     createdAt?: string | undefined;
     adminNote?: string | undefined;
+    message?: string | undefined;
+    mode?: "online" | "phone" | "in_person" | undefined;
     userId?: string | undefined;
     phone?: string | undefined;
     concern?: string[] | undefined;
@@ -43,11 +43,11 @@ export declare const consultationBookingSchema: z.ZodObject<{
     id: string;
     email: string;
     name: string;
-    status?: "pending" | "completed" | "confirmed" | "cancelled" | "no_show" | undefined;
-    mode?: "online" | "phone" | "in_person" | undefined;
-    message?: string | undefined;
     createdAt?: string | undefined;
+    status?: "pending" | "completed" | "confirmed" | "cancelled" | "no_show" | undefined;
     adminNote?: string | undefined;
+    message?: string | undefined;
+    mode?: "online" | "phone" | "in_person" | undefined;
     userId?: string | undefined;
     phone?: string | undefined;
     concern?: string[] | undefined;
@@ -70,8 +70,8 @@ export declare const bookConsultationSchema: z.ZodObject<{
     email: string;
     name: string;
     concern: string[];
-    mode?: "online" | "phone" | "in_person" | undefined;
     message?: string | undefined;
+    mode?: "online" | "phone" | "in_person" | undefined;
     phone?: string | undefined;
     preferredDate?: string | undefined;
     preferredTime?: string | undefined;
@@ -79,8 +79,8 @@ export declare const bookConsultationSchema: z.ZodObject<{
     email: string;
     name: string;
     concern: string[];
-    mode?: "online" | "phone" | "in_person" | undefined;
     message?: string | undefined;
+    mode?: "online" | "phone" | "in_person" | undefined;
     phone?: string | undefined;
     preferredDate?: string | undefined;
     preferredTime?: string | undefined;

package/dist/features/corporate/schemas/index.d.ts

@@ -45,8 +45,8 @@ export declare const corporateInquirySchema: z.ZodObject<{
     email: string;
     companyName: string;
     contactPerson: string;
-    status?: "pending" | "contacted" | "proposal_sent" | "negotiating" | "closed_won" | "closed_lost" | undefined;
     createdAt?: string | undefined;
+    status?: "pending" | "contacted" | "proposal_sent" | "negotiating" | "closed_won" | "closed_lost" | undefined;
     adminNote?: string | undefined;
     phone?: string | undefined;
     designation?: string | undefined;

package/dist/features/events/components/AdminEventEditorView.d.ts

@@ -2,5 +2,6 @@ import type { StackedViewShellProps } from "../../../ui";
 export interface AdminEventEditorViewProps extends Omit<StackedViewShellProps, "sections"> {
     eventId?: string;
     onSaved?: (id: string) => void;
+    embedded?: boolean;
 }
-export declare function AdminEventEditorView({ eventId, onSaved, ...rest }: AdminEventEditorViewProps): import("react/jsx-runtime").JSX.Element;
+export declare function AdminEventEditorView({ eventId, onSaved, embedded, ...rest }: AdminEventEditorViewProps): import("react/jsx-runtime").JSX.Element;

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

@@ -46,7 +46,7 @@ const POLL_VISIBILITY_OPTIONS = [
     { label: "After voting", value: "after_vote" },
     { label: "After event ends", value: "after_end" },
 ];
-export function AdminEventEditorView({ eventId, onSaved, ...rest }) {
+export function AdminEventEditorView({ eventId, onSaved, embedded, ...rest }) {
     const [type, setType] = React.useState("sale");
     const [title, setTitle] = React.useState("");
     const [description, setDescription] = React.useState("");
@@ -193,11 +193,13 @@ export function AdminEventEditorView({ eventId, onSaved, ...rest }) {
         !!endsAt &&
         (type !== "poll" || pollOptions.filter((o) => o.label.trim()).length >= 2) &&
         (type !== "offer" || (!!couponId.trim() && !!displayCode.trim()));
-    return (_jsx(StackedViewShell, { portal: "admin", ...rest, title: eventId ? "Edit Event" : "Create Event", sections: [
-            eventQuery.error ? (_jsx(Alert, { variant: "error", title: "Could not load event", children: eventQuery.error instanceof Error ? eventQuery.error.message : "Unknown error" })) : null,
-            _jsxs(Form, { onSubmit: (e) => {
-                    e.preventDefault();
-                    saveMutation.mutate();
-                }, className: "space-y-6", children: [!eventId && (_jsx(Select, { label: "Event type", value: type, options: EVENT_TYPE_OPTIONS, onChange: (e) => setType(e.target.value) })), _jsx(Input, { label: "Title", value: title, onChange: (e) => setTitle(e.target.value), placeholder: "Charizard Flash Sale 2026", required: true }), _jsxs("div", { children: [_jsx("label", { className: "block text-sm font-medium text-zinc-700 dark:text-zinc-300 mb-1", children: "Description" }), _jsx(RichTextEditor, { value: description, onChange: setDescription, minHeightClassName: "min-h-[120px]", placeholder: "Describe this event\u2026" })] }), _jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-3", children: [_jsx(Input, { label: "Starts at", type: "datetime-local", value: startsAt, onChange: (e) => setStartsAt(e.target.value), required: true }), _jsx(Input, { label: "Ends at", type: "datetime-local", value: endsAt, onChange: (e) => setEndsAt(e.target.value), required: true })] }), _jsx(Input, { label: "Cover image URL (optional)", value: coverImageUrl, onChange: (e) => setCoverImageUrl(e.target.value), placeholder: "https://\u2026" }), eventId && (_jsx(Select, { label: "Status", value: status, options: EVENT_STATUS_OPTIONS, onChange: (e) => setStatus(e.target.value) })), type === "sale" && (_jsxs("div", { className: "rounded-xl border border-zinc-200 dark:border-slate-700 p-4 space-y-3", children: [_jsx(Text, { className: "text-sm font-semibold text-zinc-700 dark:text-zinc-300", children: "Sale configuration" }), _jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-3", children: [_jsx(Input, { label: "Discount %", type: "number", value: discountPercent, onChange: (e) => setDiscountPercent(e.target.value), placeholder: "10" }), _jsx(Input, { label: "Banner text (optional)", value: saleBannerText, onChange: (e) => setSaleBannerText(e.target.value), placeholder: "Limited time \u2014 ends Sunday!" })] })] })), type === "offer" && (_jsxs("div", { className: "rounded-xl border border-zinc-200 dark:border-slate-700 p-4 space-y-3", children: [_jsx(Text, { className: "text-sm font-semibold text-zinc-700 dark:text-zinc-300", children: "Offer configuration" }), _jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-3", children: [_jsx(Input, { label: "Coupon ID", value: couponId, onChange: (e) => setCouponId(e.target.value), placeholder: "Firestore coupon document ID", required: true }), _jsx(Input, { label: "Display code", value: displayCode, onChange: (e) => setDisplayCode(e.target.value), placeholder: "CHARIZARD25", required: true })] }), _jsx(Input, { label: "Banner text (optional)", value: offerBannerText, onChange: (e) => setOfferBannerText(e.target.value), placeholder: "Use CHARIZARD25 at checkout" })] })), type === "poll" && (_jsxs("div", { className: "rounded-xl border border-zinc-200 dark:border-slate-700 p-4 space-y-4", children: [_jsx(Text, { className: "text-sm font-semibold text-zinc-700 dark:text-zinc-300", children: "Poll configuration" }), _jsxs("div", { className: "space-y-2", children: [_jsx(Text, { className: "text-xs text-zinc-500 dark:text-zinc-400", children: "Options (minimum 2)" }), pollOptions.map((opt, idx) => (_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("div", { className: "flex-1", children: _jsx(Input, { value: opt.label, onChange: (e) => updatePollOption(opt.id, e.target.value), placeholder: `Option ${idx + 1}` }) }), pollOptions.length > 2 && (_jsx("button", { type: "button", onClick: () => removePollOption(opt.id), className: "text-zinc-400 hover:text-red-500 transition-colors px-2 py-1 text-lg leading-none", "aria-label": "Remove option", children: "\u00D7" }))] }, opt.id))), _jsx(Button, { type: "button", variant: "outline", size: "sm", onClick: addPollOption, children: "+ Add option" })] }), _jsx(Select, { label: "Results visibility", value: resultsVisibility, options: POLL_VISIBILITY_OPTIONS, onChange: (e) => setResultsVisibility(e.target.value) }), _jsxs("div", { className: "space-y-3", children: [_jsx(Toggle, { checked: allowMultiSelect, onChange: setAllowMultiSelect, label: "Allow multi-select" }), _jsx(Toggle, { checked: allowComment, onChange: setAllowComment, label: "Allow comment with vote" })] })] })), type === "survey" && (_jsxs("div", { className: "rounded-xl border border-zinc-200 dark:border-slate-700 p-4 space-y-3", children: [_jsx(Text, { className: "text-sm font-semibold text-zinc-700 dark:text-zinc-300", children: "Survey configuration" }), _jsx(Input, { label: "Max entries per user", type: "number", value: maxEntriesPerUser, onChange: (e) => setMaxEntriesPerUser(e.target.value), placeholder: "1" }), _jsx(Toggle, { checked: requireLogin, onChange: setRequireLogin, label: "Require login to participate" }), _jsx(Toggle, { checked: hasLeaderboard, onChange: setHasLeaderboard, label: "Show leaderboard" }), _jsx(Text, { className: "text-xs text-zinc-500 dark:text-zinc-400", children: "Form fields can be configured from the event detail page after saving." })] })), type === "feedback" && (_jsxs("div", { className: "rounded-xl border border-zinc-200 dark:border-slate-700 p-4 space-y-3", children: [_jsx(Text, { className: "text-sm font-semibold text-zinc-700 dark:text-zinc-300", children: "Feedback configuration" }), _jsx(Toggle, { checked: anonymous, onChange: setAnonymous, label: "Allow anonymous submissions" }), _jsx(Text, { className: "text-xs text-zinc-500 dark:text-zinc-400", children: "Form fields can be configured from the event detail page after saving." })] })), _jsxs(FormActions, { align: "right", children: [_jsx(Button, { type: "button", variant: "outline", onClick: () => { window.location.href = "/admin/events"; }, children: "Cancel" }), _jsx(Button, { type: "submit", disabled: saveMutation.isPending || !isValid, children: saveMutation.isPending ? "Saving…" : eventId ? "Save changes" : "Create event" })] }), saveMessage && (_jsx(Alert, { variant: saveMessage.toLowerCase().includes("fail") ? "error" : "success", title: "Save status", children: saveMessage }))] }),
-        ] }));
+    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 formSection = (_jsxs(Form, { onSubmit: (e) => {
+            e.preventDefault();
+            saveMutation.mutate();
+        }, className: "space-y-6", children: [!eventId && (_jsx(Select, { label: "Event type", value: type, options: EVENT_TYPE_OPTIONS, onChange: (e) => setType(e.target.value) })), _jsx(Input, { label: "Title", value: title, onChange: (e) => setTitle(e.target.value), placeholder: "Charizard Flash Sale 2026", required: true }), _jsxs("div", { children: [_jsx("label", { className: "block text-sm font-medium text-zinc-700 dark:text-zinc-300 mb-1", children: "Description" }), _jsx(RichTextEditor, { value: description, onChange: setDescription, minHeightClassName: "min-h-[120px]", placeholder: "Describe this event\u2026" })] }), _jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-3", children: [_jsx(Input, { label: "Starts at", type: "datetime-local", value: startsAt, onChange: (e) => setStartsAt(e.target.value), required: true }), _jsx(Input, { label: "Ends at", type: "datetime-local", value: endsAt, onChange: (e) => setEndsAt(e.target.value), required: true })] }), _jsx(Input, { label: "Cover image URL (optional)", value: coverImageUrl, onChange: (e) => setCoverImageUrl(e.target.value), placeholder: "https://\u2026" }), eventId && (_jsx(Select, { label: "Status", value: status, options: EVENT_STATUS_OPTIONS, onChange: (e) => setStatus(e.target.value) })), type === "sale" && (_jsxs("div", { className: "rounded-xl border border-zinc-200 dark:border-slate-700 p-4 space-y-3", children: [_jsx(Text, { className: "text-sm font-semibold text-zinc-700 dark:text-zinc-300", children: "Sale configuration" }), _jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-3", children: [_jsx(Input, { label: "Discount %", type: "number", value: discountPercent, onChange: (e) => setDiscountPercent(e.target.value), placeholder: "10" }), _jsx(Input, { label: "Banner text (optional)", value: saleBannerText, onChange: (e) => setSaleBannerText(e.target.value), placeholder: "Limited time \u2014 ends Sunday!" })] })] })), type === "offer" && (_jsxs("div", { className: "rounded-xl border border-zinc-200 dark:border-slate-700 p-4 space-y-3", children: [_jsx(Text, { className: "text-sm font-semibold text-zinc-700 dark:text-zinc-300", children: "Offer configuration" }), _jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-3", children: [_jsx(Input, { label: "Coupon ID", value: couponId, onChange: (e) => setCouponId(e.target.value), placeholder: "Firestore coupon document ID", required: true }), _jsx(Input, { label: "Display code", value: displayCode, onChange: (e) => setDisplayCode(e.target.value), placeholder: "CHARIZARD25", required: true })] }), _jsx(Input, { label: "Banner text (optional)", value: offerBannerText, onChange: (e) => setOfferBannerText(e.target.value), placeholder: "Use CHARIZARD25 at checkout" })] })), type === "poll" && (_jsxs("div", { className: "rounded-xl border border-zinc-200 dark:border-slate-700 p-4 space-y-4", children: [_jsx(Text, { className: "text-sm font-semibold text-zinc-700 dark:text-zinc-300", children: "Poll configuration" }), _jsxs("div", { className: "space-y-2", children: [_jsx(Text, { className: "text-xs text-zinc-500 dark:text-zinc-400", children: "Options (minimum 2)" }), pollOptions.map((opt, idx) => (_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("div", { className: "flex-1", children: _jsx(Input, { value: opt.label, onChange: (e) => updatePollOption(opt.id, e.target.value), placeholder: `Option ${idx + 1}` }) }), pollOptions.length > 2 && (_jsx("button", { type: "button", onClick: () => removePollOption(opt.id), className: "text-zinc-400 hover:text-red-500 transition-colors px-2 py-1 text-lg leading-none", "aria-label": "Remove option", children: "\u00D7" }))] }, opt.id))), _jsx(Button, { type: "button", variant: "outline", size: "sm", onClick: addPollOption, children: "+ Add option" })] }), _jsx(Select, { label: "Results visibility", value: resultsVisibility, options: POLL_VISIBILITY_OPTIONS, onChange: (e) => setResultsVisibility(e.target.value) }), _jsxs("div", { className: "space-y-3", children: [_jsx(Toggle, { checked: allowMultiSelect, onChange: setAllowMultiSelect, label: "Allow multi-select" }), _jsx(Toggle, { checked: allowComment, onChange: setAllowComment, label: "Allow comment with vote" })] })] })), type === "survey" && (_jsxs("div", { className: "rounded-xl border border-zinc-200 dark:border-slate-700 p-4 space-y-3", children: [_jsx(Text, { className: "text-sm font-semibold text-zinc-700 dark:text-zinc-300", children: "Survey configuration" }), _jsx(Input, { label: "Max entries per user", type: "number", value: maxEntriesPerUser, onChange: (e) => setMaxEntriesPerUser(e.target.value), placeholder: "1" }), _jsx(Toggle, { checked: requireLogin, onChange: setRequireLogin, label: "Require login to participate" }), _jsx(Toggle, { checked: hasLeaderboard, onChange: setHasLeaderboard, label: "Show leaderboard" }), _jsx(Text, { className: "text-xs text-zinc-500 dark:text-zinc-400", children: "Form fields can be configured from the event detail page after saving." })] })), type === "feedback" && (_jsxs("div", { className: "rounded-xl border border-zinc-200 dark:border-slate-700 p-4 space-y-3", children: [_jsx(Text, { className: "text-sm font-semibold text-zinc-700 dark:text-zinc-300", children: "Feedback configuration" }), _jsx(Toggle, { checked: anonymous, onChange: setAnonymous, label: "Allow anonymous submissions" }), _jsx(Text, { className: "text-xs text-zinc-500 dark:text-zinc-400", children: "Form fields can be configured from the event detail page after saving." })] })), _jsxs(FormActions, { align: "right", children: [_jsx(Button, { type: "button", variant: "outline", onClick: () => { window.location.href = "/admin/events"; }, children: "Cancel" }), _jsx(Button, { type: "submit", disabled: saveMutation.isPending || !isValid, children: saveMutation.isPending ? "Saving…" : eventId ? "Save changes" : "Create event" })] }), saveMessage && (_jsx(Alert, { variant: saveMessage.toLowerCase().includes("fail") ? "error" : "success", title: "Save status", children: saveMessage }))] }));
+    if (embedded) {
+        return (_jsxs("div", { className: "overflow-y-auto p-4 space-y-4", children: [alertSection, formSection] }));
+    }
+    return (_jsx(StackedViewShell, { portal: "admin", ...rest, title: eventId ? "Edit Event" : "Create Event", sections: [alertSection, formSection] }));
 }

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

@@ -1,12 +1,14 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import React, { useState, useCallback } from "react";
-import { X } from "lucide-react";
+import { Plus, X } from "lucide-react";
 import { useUrlTable } from "../../../react/hooks/useUrlTable";
-import { ListingToolbar, Pagination, ListingViewShell } from "../../../ui";
+import { usePanelUrlSync } from "../../../react/hooks/use-panel-url-sync";
+import { Button, ListingToolbar, Pagination, ListingViewShell, SideDrawer } from "../../../ui";
 import { ADMIN_ENDPOINTS } from "../../../constants/api-endpoints";
 import { toRecordArray, toRelativeDate, toStringValue, useAdminListingData, } from "../../admin/hooks/useAdminListingData";
 import { DataTable } from "../../admin/components/DataTable";
+import { AdminEventEditorView } from "./AdminEventEditorView";
 const PAGE_SIZE = 25;
 const FILTER_KEYS = ["status", "type"];
 const DEFAULT_SORT = "-startsAt";
@@ -21,6 +23,7 @@ const TYPE_OPTIONS = ["All", "contest", "giveaway", "sale", "poll", "survey", "f
 export function AdminEventsView({ children, getRowHref, ...props }) {
     const hasChildren = React.Children.count(children) > 0;
     const table = useUrlTable({ defaults: { pageSize: String(PAGE_SIZE), sort: DEFAULT_SORT } });
+    const { openCreatePanel, openEditPanel, closePanel, isCreateOpen, isEditOpen, editId } = usePanelUrlSync();
     const [searchInput, setSearchInput] = useState(table.get("q") || "");
     const [filterOpen, setFilterOpen] = useState(false);
     const [pendingFilters, setPendingFilters] = useState(() => Object.fromEntries(FILTER_KEYS.map((k) => [k, table.get(k)])));
@@ -83,5 +86,5 @@ export function AdminEventsView({ children, getRowHref, ...props }) {
     if (hasChildren) {
         return _jsx(ListingViewShell, { portal: "admin", ...props, children: children });
     }
-    return (_jsxs("div", { className: "min-h-screen", children: [_jsx(ListingToolbar, { filterCount: activeFilterCount, onFiltersClick: openFilters, searchValue: searchInput, searchPlaceholder: "Search events by title or type", onSearchChange: setSearchInput, onSearchCommit: commitSearch, sortValue: table.get("sort") || DEFAULT_SORT, sortOptions: SORT_OPTIONS, onSortChange: (v) => { table.set("sort", v); table.setPage(1); }, hideViewToggle: true, onResetAll: resetAll, hasActiveState: hasActiveState }), 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-red-200 bg-red-50 px-4 py-3 text-sm text-red-700 dark:border-red-900/60 dark:bg-red-950/40 dark:text-red-200", children: errorMessage })), _jsx(DataTable, { rows: rows, isLoading: isLoading, emptyLabel: "No events found", getRowHref: getRowHref })] }), filterOpen && (_jsxs(_Fragment, { children: [_jsx("div", { className: "fixed inset-0 z-40 bg-black/40", "aria-hidden": "true", onClick: () => setFilterOpen(false) }), _jsxs("div", { className: "fixed inset-y-0 left-0 z-50 flex w-80 flex-col bg-white dark:bg-slate-900 shadow-2xl", children: [_jsxs("div", { className: "flex items-center justify-between border-b border-zinc-200 dark:border-slate-700 px-4 py-3.5", children: [_jsx("span", { className: "text-base font-semibold text-zinc-900 dark:text-zinc-100", children: "Filters" }), _jsxs("div", { className: "flex items-center gap-2", children: [activeFilterCount > 0 && (_jsx("button", { type: "button", onClick: clearFilters, className: "text-xs text-zinc-500 hover:text-rose-500 dark:text-zinc-400 transition-colors", children: "Clear all" })), _jsx("button", { type: "button", onClick: () => setFilterOpen(false), "aria-label": "Close", className: "rounded-lg p-1.5 text-zinc-500 hover:bg-zinc-100 dark:hover:bg-slate-800 transition-colors", children: _jsx(X, { className: "h-5 w-5" }) })] })] }), _jsxs("div", { className: "flex-1 overflow-y-auto px-4 py-4 space-y-5", children: [_jsxs("div", { className: "space-y-2", children: [_jsx("p", { className: "text-xs font-semibold uppercase tracking-widest text-zinc-500 dark:text-zinc-400", children: "Status" }), _jsx("div", { className: "flex flex-wrap gap-2", children: STATUS_OPTIONS.map((opt) => (_jsx("button", { type: "button", onClick: () => setPendingFilters((p) => ({ ...p, status: opt === "All" ? "" : opt })), className: `rounded-full px-3 py-1 text-xs font-medium border transition-colors ${(pendingFilters.status || "All") === opt ? "bg-primary text-white border-primary" : "border-zinc-300 dark:border-slate-600 text-zinc-700 dark:text-zinc-300 hover:bg-zinc-50 dark:hover:bg-slate-800"}`, children: opt }, opt))) })] }), _jsxs("div", { className: "space-y-2", children: [_jsx("p", { className: "text-xs font-semibold uppercase tracking-widest text-zinc-500 dark:text-zinc-400", children: "Type" }), _jsx("div", { className: "flex flex-wrap gap-2", children: TYPE_OPTIONS.map((opt) => (_jsx("button", { type: "button", onClick: () => setPendingFilters((p) => ({ ...p, type: opt === "All" ? "" : opt })), className: `rounded-full px-3 py-1 text-xs font-medium border transition-colors ${(pendingFilters.type || "All") === opt ? "bg-primary text-white border-primary" : "border-zinc-300 dark:border-slate-600 text-zinc-700 dark:text-zinc-300 hover:bg-zinc-50 dark:hover:bg-slate-800"}`, children: opt }, opt))) })] })] }), _jsx("div", { className: "border-t border-zinc-200 dark:border-slate-700 px-4 py-3.5", children: _jsxs("button", { type: "button", onClick: applyFilters, className: "w-full rounded-lg bg-primary py-2.5 text-sm font-semibold text-white hover:bg-primary-600 transition-colors active:scale-[0.98]", children: ["Apply Filters", activeFilterCount > 0 ? ` (${activeFilterCount})` : ""] }) })] })] }))] }));
+    return (_jsxs("div", { className: "min-h-screen", children: [_jsx(ListingToolbar, { filterCount: activeFilterCount, onFiltersClick: openFilters, searchValue: searchInput, searchPlaceholder: "Search events by title or type", onSearchChange: setSearchInput, onSearchCommit: commitSearch, sortValue: table.get("sort") || DEFAULT_SORT, sortOptions: SORT_OPTIONS, onSortChange: (v) => { table.set("sort", v); table.setPage(1); }, hideViewToggle: true, onResetAll: resetAll, hasActiveState: hasActiveState, extra: _jsxs(Button, { size: "sm", onClick: openCreatePanel, className: "flex items-center gap-1.5", children: [_jsx(Plus, { className: "h-4 w-4" }), "Add Event"] }) }), 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-red-200 bg-red-50 px-4 py-3 text-sm text-red-700 dark:border-red-900/60 dark:bg-red-950/40 dark:text-red-200", children: errorMessage })), _jsx(DataTable, { rows: rows, isLoading: isLoading, emptyLabel: "No events found", onRowClick: (row) => openEditPanel(row.id) })] }), filterOpen && (_jsxs(_Fragment, { children: [_jsx("div", { className: "fixed inset-0 z-40 bg-black/40", "aria-hidden": "true", onClick: () => setFilterOpen(false) }), _jsxs("div", { className: "fixed inset-y-0 left-0 z-50 flex w-80 flex-col bg-white dark:bg-slate-900 shadow-2xl", children: [_jsxs("div", { className: "flex items-center justify-between border-b border-zinc-200 dark:border-slate-700 px-4 py-3.5", children: [_jsx("span", { className: "text-base font-semibold text-zinc-900 dark:text-zinc-100", children: "Filters" }), _jsxs("div", { className: "flex items-center gap-2", children: [activeFilterCount > 0 && (_jsx("button", { type: "button", onClick: clearFilters, className: "text-xs text-zinc-500 hover:text-rose-500 dark:text-zinc-400 transition-colors", children: "Clear all" })), _jsx("button", { type: "button", onClick: () => setFilterOpen(false), "aria-label": "Close", className: "rounded-lg p-1.5 text-zinc-500 hover:bg-zinc-100 dark:hover:bg-slate-800 transition-colors", children: _jsx(X, { className: "h-5 w-5" }) })] })] }), _jsxs("div", { className: "flex-1 overflow-y-auto px-4 py-4 space-y-5", children: [_jsxs("div", { className: "space-y-2", children: [_jsx("p", { className: "text-xs font-semibold uppercase tracking-widest text-zinc-500 dark:text-zinc-400", children: "Status" }), _jsx("div", { className: "flex flex-wrap gap-2", children: STATUS_OPTIONS.map((opt) => (_jsx("button", { type: "button", onClick: () => setPendingFilters((p) => ({ ...p, status: opt === "All" ? "" : opt })), className: `rounded-full px-3 py-1 text-xs font-medium border transition-colors ${(pendingFilters.status || "All") === opt ? "bg-primary text-white border-primary" : "border-zinc-300 dark:border-slate-600 text-zinc-700 dark:text-zinc-300 hover:bg-zinc-50 dark:hover:bg-slate-800"}`, children: opt }, opt))) })] }), _jsxs("div", { className: "space-y-2", children: [_jsx("p", { className: "text-xs font-semibold uppercase tracking-widest text-zinc-500 dark:text-zinc-400", children: "Type" }), _jsx("div", { className: "flex flex-wrap gap-2", children: TYPE_OPTIONS.map((opt) => (_jsx("button", { type: "button", onClick: () => setPendingFilters((p) => ({ ...p, type: opt === "All" ? "" : opt })), className: `rounded-full px-3 py-1 text-xs font-medium border transition-colors ${(pendingFilters.type || "All") === opt ? "bg-primary text-white border-primary" : "border-zinc-300 dark:border-slate-600 text-zinc-700 dark:text-zinc-300 hover:bg-zinc-50 dark:hover:bg-slate-800"}`, children: opt }, opt))) })] })] }), _jsx("div", { className: "border-t border-zinc-200 dark:border-slate-700 px-4 py-3.5", children: _jsxs("button", { type: "button", onClick: applyFilters, className: "w-full rounded-lg bg-primary py-2.5 text-sm font-semibold text-white hover:bg-primary-600 transition-colors active:scale-[0.98]", children: ["Apply Filters", activeFilterCount > 0 ? ` (${activeFilterCount})` : ""] }) })] })] })), _jsx(SideDrawer, { isOpen: isCreateOpen || isEditOpen, onClose: closePanel, title: isCreateOpen ? "Add Event" : "Edit Event", mode: isCreateOpen ? "create" : "edit", children: (isCreateOpen || isEditOpen) && (_jsx(AdminEventEditorView, { eventId: editId ?? undefined, onSaved: closePanel, embedded: true })) })] }));
 }

package/dist/features/events/components/EventDetailView.d.ts

@@ -7,9 +7,15 @@ export interface EventDetailViewProps extends Omit<DetailViewShellProps, "mainSl
     renderHeader?: () => React.ReactNode;
     /** Render the type-specific interactive section (poll / survey / feedback / offer CTA) */
     renderContent?: () => React.ReactNode;
+    /** TS11/VD9 — Render a rich-text description block */
+    renderDescription?: () => React.ReactNode;
+    /** TS11/VD9 — Render an image gallery section */
+    renderGallery?: () => React.ReactNode;
+    /** TS11/VD9 — Render a winners section (post-event) */
+    renderWinners?: () => React.ReactNode;
     /** Render an optional leaderboard section */
     renderLeaderboard?: () => React.ReactNode;
     /** Render a "participate" / "enter now" call-to-action when the event is active */
     renderParticipateAction?: () => React.ReactNode;
 }
-export declare function EventDetailView({ renderCoverImage, renderHeader, renderContent, renderLeaderboard, renderParticipateAction, isLoading, ...rest }: EventDetailViewProps): import("react/jsx-runtime").JSX.Element;
+export declare function EventDetailView({ renderCoverImage, renderHeader, renderContent, renderDescription, renderGallery, renderWinners, renderLeaderboard, renderParticipateAction, isLoading, ...rest }: EventDetailViewProps): import("react/jsx-runtime").JSX.Element;

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

@@ -1,11 +1,14 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { DetailViewShell } from "../../../ui";
-export function EventDetailView({ renderCoverImage, renderHeader, renderContent, renderLeaderboard, renderParticipateAction, isLoading = false, ...rest }) {
+export function EventDetailView({ renderCoverImage, renderHeader, renderContent, renderDescription, renderGallery, renderWinners, renderLeaderboard, renderParticipateAction, isLoading = false, ...rest }) {
     return (_jsx(DetailViewShell, { portal: "public", ...rest, layout: "narrow", isLoading: isLoading, mainSlots: [
             renderCoverImage?.(),
             renderHeader?.(),
+            renderDescription?.(),
+            renderGallery?.(),
             renderContent?.(),
             renderParticipateAction?.(),
+            renderWinners?.(),
             renderLeaderboard?.(),
         ] }));
 }

package/dist/features/events/components/EventRafflesSection.d.ts

@@ -0,0 +1,12 @@
+import type { EventRafflesSectionConfig } from "../../homepage/schemas/firestore";
+export interface EventRafflesSectionProps {
+    config: EventRafflesSectionConfig;
+}
+/**
+ * Renders a live-raffle/spin-wheel strip on the homepage.
+ *
+ * Reads events with `hasRaffle=true` and status in {"active","upcoming"}. The
+ * `hasRaffle` flag is added later with the raffle feature; for now the
+ * component renders an empty state and the section ships disabled in seed.
+ */
+export declare function EventRafflesSection({ config, }: EventRafflesSectionProps): Promise<import("react/jsx-runtime").JSX.Element>;

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

@@ -0,0 +1,17 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import Link from "next/link";
+import { Container, Heading, Section, Stack, Text, } from "../../../ui";
+import { ROUTES } from "../../../next";
+/**
+ * Renders a live-raffle/spin-wheel strip on the homepage.
+ *
+ * Reads events with `hasRaffle=true` and status in {"active","upcoming"}. The
+ * `hasRaffle` flag is added later with the raffle feature; for now the
+ * component renders an empty state and the section ships disabled in seed.
+ */
+export async function EventRafflesSection({ config, }) {
+    const title = config.title ?? "Live Raffles & Spin Wheels";
+    const subtitle = config.subtitle ?? "Participate in community events and win prizes";
+    const events = [];
+    return (_jsx(Section, { className: "py-10", children: _jsx(Container, { size: "xl", children: _jsxs(Stack, { gap: "md", children: [_jsxs(Stack, { gap: "xs", children: [_jsx(Heading, { level: 2, className: "text-2xl font-semibold text-zinc-900 dark:text-zinc-50", children: title }), subtitle ? (_jsx(Text, { className: "text-sm text-zinc-500 dark:text-zinc-400", children: subtitle })) : null] }), events.length === 0 ? (_jsxs(Stack, { align: "center", gap: "sm", className: "rounded-2xl border border-dashed border-zinc-300 px-6 py-12 text-center dark:border-slate-700", children: [_jsx(Text, { className: "text-sm text-zinc-500 dark:text-zinc-400", children: "No upcoming raffles \u2014 keep an eye on the events page." }), _jsx(Link, { href: String(ROUTES.PUBLIC.EVENTS), className: "text-sm font-medium text-primary hover:underline", children: "Browse all events \u2192" })] })) : null] }) }) }));
+}

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

@@ -23,3 +23,5 @@ export { EventBanner } from "./EventBanner";
 export type { EventBannerProps } from "./EventBanner";
 export { EventPollWidget } from "./EventPollWidget";
 export type {} from "./EventPollWidget";
+export { EventRafflesSection } from "./EventRafflesSection";
+export type { EventRafflesSectionProps } from "./EventRafflesSection";

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

@@ -12,3 +12,4 @@ export { AdminEventEntriesView } from "./AdminEventEntriesView";
 export { EventFormDrawer } from "./EventFormDrawer";
 export { EventBanner } from "./EventBanner";
 export { EventPollWidget } from "./EventPollWidget";
+export { EventRafflesSection } from "./EventRafflesSection";