@mohasinac/appkit 2.7.58 → 2.8.0

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

@@ -1,28 +1,12 @@
 "use client";
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import React, { useState, useCallback } from "react";
-import { Plus, X } from "lucide-react";
-import { useUrlTable } from "../../../react/hooks/useUrlTable";
-import { useBulkSelection } from "../../../react/hooks/useBulkSelection";
-import { AdminViewCards } from "../../admin/components/AdminViewCards";
-import { usePanelUrlSync } from "../../../react/hooks/use-panel-url-sync";
-import { BulkActionBar, Button, FilterChipGroup, ListingToolbar, Pagination, ListingViewShell, SideDrawer } from "../../../ui";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import React from "react";
+import { FilterChipGroup, ListingLayout } from "../../../ui";
 import { ADMIN_ENDPOINTS } from "../../../constants/api-endpoints";
 import { ADMIN_EVENT_STATUS_TABS } from "../../admin/constants/filter-tabs";
-import { toRecordArray, toRelativeDate, toStringValue, useAdminListingData, } from "../../admin/hooks/useAdminListingData";
-import { DataTable } from "../../admin/components/DataTable";
+import { toRecordArray, toRelativeDate, toStringValue, } from "../../admin/hooks/useAdminListingData";
+import { DataListingView } from "../../admin/components/DataListingView";
 import { AdminEventEditorView } from "./AdminEventEditorView";
-import { useBottomActions } from "../../layout";
-const PAGE_SIZE = 25;
-const FILTER_KEYS = ["status", "type"];
-const DEFAULT_SORT = "-startsAt";
-const SORT_OPTIONS = [
-    { value: "-startsAt", label: "Starting soonest" },
-    { value: "startsAt", label: "Starting latest" },
-    { value: "-createdAt", label: "Newest" },
-    { value: "title", label: "Title A–Z" },
-];
-const STATUS_OPTIONS = ADMIN_EVENT_STATUS_TABS;
 // TODO(events): TYPE_OPTIONS list pre-dates the SB9 EventType union refresh
 // (sale|offer|poll|survey|feedback|raffle|spin_wheel). Keep current values to
 // avoid silently breaking saved-filter URLs — sync in a dedicated follow-up.
@@ -35,78 +19,58 @@ const TYPE_OPTIONS = [
     { id: "survey", label: "Survey" },
     { id: "flash-sale", label: "Flash Sale" },
 ];
-export function AdminEventsView({ children, getRowHref, ...props }) {
-    const hasChildren = React.Children.count(children) > 0;
-    const [view, setView] = useState("table");
-    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)])));
-    const openFilters = useCallback(() => {
-        setPendingFilters(Object.fromEntries(FILTER_KEYS.map((k) => [k, table.get(k)])));
-        setFilterOpen(true);
-    }, [table]);
-    const applyFilters = useCallback(() => {
-        const updates = { page: "1" };
-        for (const k of FILTER_KEYS)
-            updates[k] = pendingFilters[k] ?? "";
-        table.setMany(updates);
-        setFilterOpen(false);
-    }, [pendingFilters, table]);
-    const clearFilters = useCallback(() => {
-        setPendingFilters(Object.fromEntries(FILTER_KEYS.map((k) => [k, ""])));
-    }, []);
-    const resetAll = useCallback(() => {
-        const updates = { q: "", sort: "" };
-        for (const k of FILTER_KEYS)
-            updates[k] = "";
-        table.setMany(updates);
-        setSearchInput("");
-    }, [table]);
-    const commitSearch = useCallback(() => {
-        table.set("q", searchInput.trim());
-    }, [searchInput, table]);
-    const activeFilterCount = FILTER_KEYS.filter((k) => !!table.get(k)).length;
-    const hasActiveState = !!table.get("q") || table.get("sort") !== DEFAULT_SORT || activeFilterCount > 0;
-    const filterParts = [];
-    const statusRaw = table.get("status");
-    if (statusRaw && statusRaw !== "All")
-        filterParts.push(`status==${statusRaw}`);
-    const typeRaw = table.get("type");
-    if (typeRaw && typeRaw !== "All")
-        filterParts.push(`type==${typeRaw}`);
-    const filters = filterParts.join(",") || undefined;
-    const { rows, total, isLoading, errorMessage } = useAdminListingData({
+export function AdminEventsView({ children, ...props }) {
+    if (React.Children.count(children) > 0) {
+        return (_jsx(ListingLayout, { portal: "admin", ...props, children: children }));
+    }
+    const config = {
+        portal: "admin",
+        title: "Events",
+        searchPlaceholder: "Search events by title or type",
+        emptyLabel: "No events found",
+        filterKeys: ["status", "type"],
+        defaultSort: "-startsAt",
         queryKey: ["admin", "events", "listing"],
         endpoint: ADMIN_ENDPOINTS.EVENTS,
-        page: table.getNumber("page", 1),
-        pageSize: PAGE_SIZE,
-        sorts: table.get("sort") || DEFAULT_SORT,
-        filters,
-        q: table.get("q") || undefined,
+        sortOptions: [
+            { value: "-startsAt", label: "Starting soonest" },
+            { value: "startsAt", label: "Starting latest" },
+            { value: "-createdAt", label: "Newest" },
+            { value: "title", label: "Title A–Z" },
+        ],
         mapRows: (response) => toRecordArray(response.items).map((item, index) => ({
             id: toStringValue(item.id, `event-${index}`),
             primary: toStringValue(item.title, "Untitled event"),
-            secondary: [
-                toStringValue(item.type, "event"),
-                toStringValue(item.startsAt, ""),
-            ].filter(Boolean).join(" · "),
+            secondary: [toStringValue(item.type, "event"), toStringValue(item.startsAt, "")]
+                .filter(Boolean)
+                .join(" · "),
             status: toStringValue(item.status, "active"),
             updatedAt: toRelativeDate(item.updatedAt ?? item.createdAt),
         })),
         getTotal: (response, mappedRows) => typeof response.total === "number" ? response.total : mappedRows.length,
-    });
-    const currentPage = table.getNumber("page", 1);
-    const totalPages = Math.ceil(total / PAGE_SIZE);
-    const selection = useBulkSelection({ items: rows, keyExtractor: (r) => r.id });
-    if (hasChildren) {
-        return _jsx(ListingViewShell, { portal: "admin", ...props, children: children });
-    }
-    useBottomActions(selection.selectedCount > 0 ? { bulk: { selectedCount: selection.selectedCount, onClearSelection: selection.clearSelection, actions: [
-                { id: "delete", label: "Delete Selected", variant: "secondary", onClick: () => { selection.clearSelection(); } },
-            ] } } : {});
-    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); }, showTableView: true, view: view, onViewChange: (v) => setView(v), 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"] }) }), _jsx(BulkActionBar, { selectedCount: selection.selectedCount, onClearSelection: selection.clearSelection, actions: [
-                    { id: "delete", label: "Delete Selected", variant: "secondary", onClick: () => { selection.clearSelection(); } },
-                ] }), 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-error-surface px-4 py-3 text-sm text-error dark:border-red-900/60", children: errorMessage })), view === "table" ? (_jsx(DataTable, { rows: rows, isLoading: isLoading, emptyLabel: "No events found", onRowClick: (row) => openEditPanel(row.id) })) : (_jsx(AdminViewCards, { rows: rows, view: view, isLoading: isLoading, emptyLabel: "No events found", onRowClick: undefined, selectedIdSet: selection.selectedIdSet, onToggleSelect: selection.toggle }))] }), 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 dark:text-zinc-400 hover:bg-zinc-100 dark:hover:bg-zinc-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: [_jsx(FilterChipGroup, { label: "Status", tabs: STATUS_OPTIONS, value: pendingFilters.status ?? "", onChange: (id) => setPendingFilters((p) => ({ ...p, status: id })) }), _jsx(FilterChipGroup, { label: "Type", tabs: TYPE_OPTIONS, value: pendingFilters.type ?? "", onChange: (id) => setPendingFilters((p) => ({ ...p, type: id })) })] }), _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 })) })] }));
+        buildFilters: (state) => {
+            const parts = [];
+            if (state.status && state.status !== "All")
+                parts.push(`status==${state.status}`);
+            if (state.type && state.type !== "All")
+                parts.push(`type==${state.type}`);
+            return parts.join(",") || undefined;
+        },
+        primaryAction: {
+            label: "Add Event",
+            onClick: ({ openCreatePanel }) => openCreatePanel(),
+        },
+        buildBulkActions: (selection) => [
+            {
+                id: "delete",
+                label: "Delete Selected",
+                variant: "secondary",
+                onClick: () => selection.clearSelection(),
+            },
+        ],
+        renderFilterPanel: ({ pendingFilters, setPendingFilters }) => (_jsxs(_Fragment, { children: [_jsx(FilterChipGroup, { label: "Status", tabs: ADMIN_EVENT_STATUS_TABS, value: pendingFilters.status ?? "", onChange: (id) => setPendingFilters((p) => ({ ...p, status: id })) }), _jsx(FilterChipGroup, { label: "Type", tabs: TYPE_OPTIONS, value: pendingFilters.type ?? "", onChange: (id) => setPendingFilters((p) => ({ ...p, type: id })) })] })),
+        renderEditor: ({ editId, closePanel }) => (_jsx(AdminEventEditorView, { eventId: editId ?? undefined, onSaved: closePanel, embedded: true })),
+        resolveEditorTitle: ({ isCreate }) => (isCreate ? "Add Event" : "Edit Event"),
+    };
+    return _jsx(DataListingView, { config: config });
 }

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

@@ -0,0 +1,19 @@
+export interface EventOfferCardProps {
+    /** Coupon code to copy. */
+    couponCode: string;
+    /** Description of what the coupon does. */
+    offerDescription?: string;
+    /** Headline. */
+    title?: string;
+    /** Optional filter param for the CTA — e.g. {key: "category", value: "trading-cards"}. */
+    filterParam?: {
+        key: string;
+        value: string;
+    };
+}
+/**
+ * `EventOfferCard` — W1-18 — offer event UI noted as missing in the plan.
+ * Renders a coupon code with copy-to-clipboard + a CTA to the filtered
+ * products page.
+ */
+export declare function EventOfferCard({ couponCode, offerDescription, title, filterParam, }: EventOfferCardProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,29 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import Link from "next/link";
+import { Div, Heading, Stack, Text } from "../../../ui";
+import { Button } from "../../../ui/components/Button";
+import { ROUTES } from "../../../next/routing/route-map";
+/**
+ * `EventOfferCard` — W1-18 — offer event UI noted as missing in the plan.
+ * Renders a coupon code with copy-to-clipboard + a CTA to the filtered
+ * products page.
+ */
+export function EventOfferCard({ couponCode, offerDescription, title = "Exclusive offer", filterParam, }) {
+    const [copied, setCopied] = useState(false);
+    const href = filterParam
+        ? `${ROUTES.PUBLIC.PRODUCTS}?${encodeURIComponent(filterParam.key)}=${encodeURIComponent(filterParam.value)}`
+        : String(ROUTES.PUBLIC.PRODUCTS);
+    const copyCode = async () => {
+        try {
+            await navigator.clipboard.writeText(couponCode);
+            setCopied(true);
+            setTimeout(() => setCopied(false), 2000);
+        }
+        catch {
+            /* clipboard unavailable — leave button as-is */
+        }
+    };
+    return (_jsx(Div, { className: "rounded-2xl border border-zinc-200 dark:border-zinc-700 p-6", children: _jsxs(Stack, { gap: "md", children: [_jsxs(Stack, { gap: "xs", children: [_jsx(Heading, { level: 2, className: "text-2xl font-semibold", children: title }), offerDescription ? (_jsx(Text, { className: "text-sm text-zinc-600 dark:text-zinc-400", children: offerDescription })) : null] }), _jsxs(Div, { className: "flex items-center gap-3 rounded-lg bg-zinc-50 dark:bg-zinc-900 px-4 py-3", children: [_jsx("code", { className: "flex-1 font-mono text-lg font-bold text-zinc-900 dark:text-zinc-100", children: couponCode }), _jsx(Button, { type: "button", variant: "outline", onClick: copyCode, children: copied ? "Copied!" : "Copy code" })] }), _jsx(Div, { children: _jsx(Link, { href: href, children: _jsx(Button, { variant: "primary", children: "Apply at checkout" }) }) })] }) }));
+}

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

@@ -0,0 +1,25 @@
+export interface EventRaffleEntryFormProps {
+    /** Event id used for the entry POST. */
+    eventId: string;
+    /** Raffle prize label rendered prominently above the form. */
+    prizeLabel?: string;
+    /** Raffle type — drives the helper copy. */
+    raffleType?: "open_raffle" | "top_n_scorers" | "top_n_participants" | "spin_wheel";
+    /** Top-N value when raffleType supports it. */
+    topN?: number;
+    /** Max entries this user already has (drives the over-limit message). */
+    userEntryCount?: number;
+    /** Server-enforced max entries per user (defaults to 1). */
+    maxEntriesPerUser?: number;
+    /** When true, the form is in a submitted/locked state. */
+    submitted?: boolean;
+    /** Caller-provided submit handler. Receives the user's optional message. */
+    onSubmit: (message: string) => Promise<void> | void;
+}
+/**
+ * `EventRaffleEntryForm` — W1-18 — fills the gap noted in the plan ("Raffle
+ * entry form (71 LOC stub) — no entry form"). Renders the prize hero,
+ * eligibility status, an optional message field, and a submit button. Server
+ * action wiring stays with the caller via the `onSubmit` prop.
+ */
+export declare function EventRaffleEntryForm({ eventId: _eventId, prizeLabel, raffleType, topN, userEntryCount, maxEntriesPerUser, submitted, onSubmit, }: EventRaffleEntryFormProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,37 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { Button } from "../../../ui/components/Button";
+import { Div, Heading, Stack, Text } from "../../../ui";
+import { Badge } from "../../../ui/components/Badge";
+/**
+ * `EventRaffleEntryForm` — W1-18 — fills the gap noted in the plan ("Raffle
+ * entry form (71 LOC stub) — no entry form"). Renders the prize hero,
+ * eligibility status, an optional message field, and a submit button. Server
+ * action wiring stays with the caller via the `onSubmit` prop.
+ */
+export function EventRaffleEntryForm({ eventId: _eventId, prizeLabel, raffleType = "open_raffle", topN, userEntryCount = 0, maxEntriesPerUser = 1, submitted = false, onSubmit, }) {
+    const [message, setMessage] = useState("");
+    const [busy, setBusy] = useState(false);
+    const overLimit = userEntryCount >= maxEntriesPerUser;
+    const handleSubmit = async (e) => {
+        e.preventDefault();
+        if (overLimit || submitted || busy)
+            return;
+        setBusy(true);
+        try {
+            await onSubmit(message.trim());
+        }
+        finally {
+            setBusy(false);
+        }
+    };
+    const eligibilityCopy = raffleType === "open_raffle"
+        ? "Open to all eligible participants — one entry per user."
+        : raffleType === "top_n_scorers"
+            ? `Top ${topN ?? "N"} highest-scoring entries win.`
+            : raffleType === "top_n_participants"
+                ? `Earliest ${topN ?? "N"} entries qualify.`
+                : "Spin the wheel to claim your prize.";
+    return (_jsxs(Div, { className: "rounded-2xl border border-zinc-200 dark:border-zinc-700 p-6 space-y-4", children: [prizeLabel ? (_jsxs(Stack, { gap: "xs", children: [_jsx(Badge, { variant: "warning", children: "Prize" }), _jsx(Heading, { level: 2, className: "text-2xl font-bold", children: prizeLabel })] })) : null, _jsx(Text, { className: "text-sm text-zinc-600 dark:text-zinc-400", children: eligibilityCopy }), submitted ? (_jsx(Div, { className: "rounded-lg bg-success-surface px-4 py-3 text-sm text-success", children: "You're in. Check the leaderboard for results." })) : overLimit ? (_jsxs(Div, { className: "rounded-lg bg-warning-surface px-4 py-3 text-sm text-warning", children: ["You've used all ", maxEntriesPerUser, " entry slot", maxEntriesPerUser === 1 ? "" : "s", " for this raffle."] })) : (_jsxs("form", { onSubmit: handleSubmit, className: "space-y-3", children: [_jsxs("label", { htmlFor: "raffle-message", className: "block text-sm font-medium", children: ["Message ", _jsx("span", { className: "text-zinc-400", children: "(optional)" })] }), _jsx("textarea", { id: "raffle-message", value: message, onChange: (e) => setMessage(e.target.value), rows: 3, maxLength: 500, className: "w-full rounded-lg border border-zinc-300 dark:border-zinc-700 px-3 py-2 text-sm bg-white dark:bg-zinc-900 focus:outline-none focus:ring-2 focus:ring-[var(--appkit-color-primary)]", placeholder: "Share why you'd like to win", disabled: busy }), _jsx(Button, { type: "submit", variant: "primary", disabled: busy, children: busy ? "Submitting…" : "Enter raffle" })] }))] }));
+}

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

@@ -4,9 +4,6 @@ export interface EventRafflesSectionProps {
 }
 /**
  * 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.
+ * W1-38 (2026-05-23): fetches events with hasRaffle=true and renders the EventCard grid.
  */
 export declare function EventRafflesSection({ config, }: EventRafflesSectionProps): Promise<import("react/jsx-runtime").JSX.Element>;

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

@@ -2,16 +2,27 @@ 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";
+import { eventRepository } from "../repository/events.repository";
+import { EventCard } from "./EventCard";
 /**
  * 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.
+ * W1-38 (2026-05-23): fetches events with hasRaffle=true and renders the EventCard grid.
  */
 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] }) }) }));
+    const limit = 6;
+    let events = [];
+    try {
+        const result = await eventRepository.list({
+            filters: "hasRaffle==true,status==active",
+            sorts: "-startsAt",
+            pageSize: limit,
+        });
+        events = (result.items ?? []);
+    }
+    catch {
+        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" })] })) : (_jsx("div", { className: "fluid-grid-card gap-3", children: events.map((event) => (_jsx(EventCard, { event: event }, event.id))) }))] }) }) }));
 }

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

@@ -0,0 +1,21 @@
+export interface EventSaleBannerProps {
+    /** Discount percent (e.g. 20 = 20% off). */
+    discountPercent?: number;
+    /** Coupon code (when the sale is gated by a code). */
+    couponCode?: string;
+    /** Sale headline override. */
+    title?: string;
+    /** Sale subheading override. */
+    subtitle?: string;
+    /** Filter the catalog page to a specific category / tag. */
+    filterParam?: {
+        key: string;
+        value: string;
+    };
+}
+/**
+ * `EventSaleBanner` — W1-18 — sale event UI noted as missing in the plan.
+ * Renders a hero banner with the discount, optional coupon, and a CTA to the
+ * filtered products catalog.
+ */
+export declare function EventSaleBanner({ discountPercent, couponCode, title, subtitle, filterParam, }: EventSaleBannerProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,18 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import Link from "next/link";
+import { Div, Heading, Stack, Text } from "../../../ui";
+import { Button } from "../../../ui/components/Button";
+import { ROUTES } from "../../../next/routing/route-map";
+/**
+ * `EventSaleBanner` — W1-18 — sale event UI noted as missing in the plan.
+ * Renders a hero banner with the discount, optional coupon, and a CTA to the
+ * filtered products catalog.
+ */
+export function EventSaleBanner({ discountPercent, couponCode, title, subtitle, filterParam, }) {
+    const headline = title ?? (discountPercent ? `${discountPercent}% off, today only` : "Special sale");
+    const href = filterParam
+        ? `${ROUTES.PUBLIC.PRODUCTS}?${encodeURIComponent(filterParam.key)}=${encodeURIComponent(filterParam.value)}`
+        : `${ROUTES.PUBLIC.PRODUCTS}?onSale=true`;
+    return (_jsx(Div, { className: "rounded-2xl bg-gradient-to-br from-[var(--appkit-color-primary)] to-[var(--appkit-color-secondary)] p-6 text-white shadow-lg", children: _jsxs(Stack, { gap: "md", children: [_jsxs(Stack, { gap: "xs", children: [_jsx(Heading, { level: 2, className: "text-3xl font-bold", children: headline }), subtitle ? _jsx(Text, { className: "text-base text-white/90", children: subtitle }) : null] }), couponCode ? (_jsxs(Div, { className: "inline-flex items-center gap-3 rounded-lg bg-white/10 px-4 py-2 backdrop-blur", children: [_jsx("span", { className: "text-xs uppercase tracking-wide opacity-80", children: "Code" }), _jsx("span", { className: "font-mono text-lg font-bold", children: couponCode })] })) : null, _jsx(Div, { children: _jsx(Link, { href: href, children: _jsx(Button, { variant: "secondary", children: "Shop the sale" }) }) })] }) }));
+}

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

@@ -1,10 +1,9 @@
 "use client";
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState, useCallback, useMemo } from "react";
-import { X } from "lucide-react";
 import { useUrlTable } from "../../../react/hooks/useUrlTable";
 import { useEvents } from "../hooks/useEvents";
-import { ListingToolbar, Pagination, Text } from "../../../ui";
+import { ListingFilterDrawer, ListingToolbar, Pagination, Text } from "../../../ui";
 import { EventCard } from "./EventCard";
 import { EventFilters, EVENT_PUBLIC_SORT_OPTIONS } from "./EventFilters";
 import { EVENT_FIELDS } from "../../../constants/field-names";
@@ -116,5 +115,5 @@ export function EventsIndexListing({ initialData }) {
     const commitSearch = useCallback(() => {
         table.set(TABLE_KEYS.QUERY, searchInput.trim());
     }, [searchInput, table]);
-    return (_jsxs("div", { className: "min-h-screen", children: [_jsx(ListingToolbar, { filterCount: activeFilterCount, onFiltersClick: openFilters, searchValue: searchInput, searchPlaceholder: "Search events...", onSearchChange: setSearchInput, onSearchCommit: commitSearch, sortValue: table.get(TABLE_KEYS.SORT) || sortBy(EVENT_FIELDS.STARTS_AT, "ASC"), sortOptions: EVENT_PUBLIC_SORT_OPTIONS, onSortChange: (v) => { table.set(TABLE_KEYS.SORT, v); }, view: view, onViewChange: handleViewToggle, 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) }) })), _jsx("div", { className: "py-6", children: isLoading ? (_jsx("div", { className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-6", children: Array.from({ length: 6 }).map((_, i) => (_jsxs("div", { className: "rounded-xl border border-zinc-100 dark:border-slate-700 overflow-hidden animate-pulse", children: [_jsx("div", { className: "aspect-video bg-zinc-200 dark:bg-slate-700" }), _jsxs("div", { className: "p-4 space-y-2", children: [_jsx("div", { className: "h-4 bg-zinc-200 dark:bg-slate-700 rounded w-3/4" }), _jsx("div", { className: "h-3 bg-zinc-200 dark:bg-slate-700 rounded w-full" }), _jsx("div", { className: "h-3 bg-zinc-200 dark:bg-slate-700 rounded w-2/3" }), _jsx("div", { className: "h-8 bg-zinc-200 dark:bg-slate-700 rounded mt-2" })] })] }, i))) })) : events.length === 0 ? (_jsx(Text, { className: "py-12 text-center text-sm text-zinc-500 dark:text-zinc-400", children: "No events found." })) : view === "list" ? (_jsx("div", { className: "flex flex-col divide-y divide-zinc-100 dark:divide-zinc-800 rounded-xl border border-zinc-100 dark:border-zinc-800", children: events.map((event) => (_jsx(EventCard, { event: event }, event.id))) })) : (_jsx("div", { className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-6", children: events.map((event) => (_jsx(EventCard, { event: event }, event.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: "flex items-center gap-2 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 filters", className: "rounded-lg p-1.5 text-zinc-500 dark:text-zinc-400 hover:bg-zinc-100 dark:hover:bg-zinc-800 transition-colors", children: _jsx(X, { className: "h-5 w-5" }) })] })] }), _jsx("div", { className: "flex-1 overflow-y-auto px-4 py-4", children: _jsx(EventFilters, { table: pendingTable, variant: "public" }) }), _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...", onSearchChange: setSearchInput, onSearchCommit: commitSearch, sortValue: table.get(TABLE_KEYS.SORT) || sortBy(EVENT_FIELDS.STARTS_AT, "ASC"), sortOptions: EVENT_PUBLIC_SORT_OPTIONS, onSortChange: (v) => { table.set(TABLE_KEYS.SORT, v); }, view: view, onViewChange: handleViewToggle, 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) }) })), _jsx("div", { className: "py-6", children: isLoading ? (_jsx("div", { className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-6", children: Array.from({ length: 6 }).map((_, i) => (_jsxs("div", { className: "rounded-xl border border-zinc-100 dark:border-slate-700 overflow-hidden animate-pulse", children: [_jsx("div", { className: "aspect-video bg-zinc-200 dark:bg-slate-700" }), _jsxs("div", { className: "p-4 space-y-2", children: [_jsx("div", { className: "h-4 bg-zinc-200 dark:bg-slate-700 rounded w-3/4" }), _jsx("div", { className: "h-3 bg-zinc-200 dark:bg-slate-700 rounded w-full" }), _jsx("div", { className: "h-3 bg-zinc-200 dark:bg-slate-700 rounded w-2/3" }), _jsx("div", { className: "h-8 bg-zinc-200 dark:bg-slate-700 rounded mt-2" })] })] }, i))) })) : events.length === 0 ? (_jsx(Text, { className: "py-12 text-center text-sm text-zinc-500 dark:text-zinc-400", children: "No events found." })) : view === "list" ? (_jsx("div", { className: "flex flex-col divide-y divide-zinc-100 dark:divide-zinc-800 rounded-xl border border-zinc-100 dark:border-zinc-800", children: events.map((event) => (_jsx(EventCard, { event: event }, event.id))) })) : (_jsx("div", { className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-6", children: events.map((event) => (_jsx(EventCard, { event: event }, event.id))) })) }), _jsx(ListingFilterDrawer, { open: filterOpen, onClose: () => setFilterOpen(false), onApply: applyFilters, onClear: clearFilters, activeCount: activeFilterCount, children: _jsx(EventFilters, { table: pendingTable, variant: "public" }) })] }));
 }

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

@@ -29,3 +29,9 @@ export { EventRaffleWinnerView } from "./EventRaffleWinnerView";
 export type { EventRaffleWinnerViewProps } from "./EventRaffleWinnerView";
 export { SpinWheelView } from "./SpinWheelView";
 export type { SpinWheelViewProps } from "./SpinWheelView";
+export { EventRaffleEntryForm } from "./EventRaffleEntryForm";
+export type { EventRaffleEntryFormProps } from "./EventRaffleEntryForm";
+export { EventSaleBanner } from "./EventSaleBanner";
+export type { EventSaleBannerProps } from "./EventSaleBanner";
+export { EventOfferCard } from "./EventOfferCard";
+export type { EventOfferCardProps } from "./EventOfferCard";

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

@@ -15,3 +15,7 @@ export { EventPollWidget } from "./EventPollWidget";
 export { EventRafflesSection } from "./EventRafflesSection";
 export { EventRaffleWinnerView } from "./EventRaffleWinnerView";
 export { SpinWheelView } from "./SpinWheelView";
+// W1-18: Event participation flows (raffle entry / sale banner / offer coupon)
+export { EventRaffleEntryForm } from "./EventRaffleEntryForm";
+export { EventSaleBanner } from "./EventSaleBanner";
+export { EventOfferCard } from "./EventOfferCard";

package/dist/features/events/repository/event-entry.repository.d.ts

@@ -7,6 +7,11 @@ declare class EventEntryRepository extends BaseRepository<EventEntryDocument> {
     protected mapDoc<D = EventEntryDocument>(snap: import("../../../providers/db-firebase").DocumentSnapshot): D;
     listForEvent(eventId: string, model: SieveModel): Promise<FirebaseSieveResult<EventEntryDocument>>;
     listForUser(userId: string, model: SieveModel): Promise<FirebaseSieveResult<EventEntryDocument>>;
+    /**
+     * W1-42 — admin-facing list (all events, all users). Filterable on eventId,
+     * userId, reviewStatus, submittedAt; sortable on submittedAt + points.
+     */
+    list(model: SieveModel): Promise<FirebaseSieveResult<EventEntryDocument>>;
     hasUserEntered(eventId: string, userId: string): Promise<boolean>;
     countUserEntries(eventId: string, userId: string): Promise<number>;
     getLeaderboard(eventId: string, limit?: number): Promise<import("../types").LeaderboardEntry[]>;

package/dist/features/events/repository/event-entry.repository.js

@@ -23,6 +23,13 @@ class EventEntryRepository extends BaseRepository {
             baseQuery: this.getCollection().where(EVENT_ENTRY_FIELDS.USER_ID, "==", userId),
         });
     }
+    /**
+     * W1-42 — admin-facing list (all events, all users). Filterable on eventId,
+     * userId, reviewStatus, submittedAt; sortable on submittedAt + points.
+     */
+    async list(model) {
+        return this.sieveQuery(model, EventEntryRepository.SIEVE_FIELDS);
+    }
     async hasUserEntered(eventId, userId) {
         try {
             const snapshot = await this.getCollection()

package/dist/features/filters/AsyncFacetSection.d.ts

@@ -1,5 +1,5 @@
 import type { FacetOption } from "./FilterFacetSection";
-import type { AsyncPage } from "../../ui/components/DynamicSelect";
+import type { AsyncPage } from "../../ui/components/PaginatedSelect";
 export interface AsyncFacetSectionProps {
     title: string;
     selected: string[];

package/dist/features/homepage/components/AnnouncementBar.d.ts

@@ -1,5 +1,8 @@
+export declare function hashBannerMessage(msg: string): string;
 export interface AnnouncementBarProps {
     message: string;
     className?: string;
+    /** Called when the user dismisses — consumer wires this to a server action to persist. */
+    onDismiss?: (hash: string) => void;
 }
-export declare function AnnouncementBar({ message, className }: AnnouncementBarProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function AnnouncementBar({ message, className, onDismiss }: AnnouncementBarProps): import("react/jsx-runtime").JSX.Element | null;

package/dist/features/homepage/components/AnnouncementBar.js

@@ -1,10 +1,57 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState } from "react";
+import { useState, useEffect } from "react";
 import { X } from "lucide-react";
-export function AnnouncementBar({ message, className = "" }) {
-    const [dismissed, setDismissed] = useState(false);
+import { useAuth } from "../../../react/contexts/SessionContext";
+const STORAGE_KEY = "letitrip:announcement-dismissed";
+const ONE_WEEK_MS = 7 * 24 * 60 * 60 * 1000;
+export function hashBannerMessage(msg) {
+    let h = 0;
+    for (let i = 0; i < msg.length; i++) {
+        h = (Math.imul(31, h) + msg.charCodeAt(i)) | 0;
+    }
+    return h.toString(36);
+}
+function isLocallyDismissed(message) {
+    try {
+        const raw = localStorage.getItem(STORAGE_KEY);
+        if (!raw)
+            return false;
+        const { hash, at } = JSON.parse(raw);
+        if (hash !== hashBannerMessage(message))
+            return false;
+        return Date.now() - at < ONE_WEEK_MS;
+    }
+    catch {
+        return false;
+    }
+}
+function saveLocalDismissal(message) {
+    try {
+        localStorage.setItem(STORAGE_KEY, JSON.stringify({ hash: hashBannerMessage(message), at: Date.now() }));
+    }
+    catch { /* quota exceeded — ignore */ }
+}
+export function AnnouncementBar({ message, className = "", onDismiss }) {
+    const { user } = useAuth();
+    const bannerHash = hashBannerMessage(message);
+    const userAlreadyDismissed = !!user?.dismissedBannerHash && user.dismissedBannerHash === bannerHash;
+    const [dismissed, setDismissed] = useState(userAlreadyDismissed);
+    const [mounted, setMounted] = useState(userAlreadyDismissed);
+    useEffect(() => {
+        if (userAlreadyDismissed) {
+            setDismissed(true);
+        }
+        else if (isLocallyDismissed(message)) {
+            setDismissed(true);
+        }
+        setMounted(true);
+    }, [message, userAlreadyDismissed]);
     if (dismissed)
         return null;
-    return (_jsx("div", { className: `relative left-1/2 right-1/2 w-screen -translate-x-1/2 bg-primary-700 ${className}`, role: "banner", "data-section": "announcementbar-div-310", children: _jsx("div", { className: "container mx-auto max-w-[1920px] px-4 sm:px-6 lg:px-8", "data-section": "announcementbar-div-311", children: _jsxs("div", { className: "relative flex items-center justify-center py-2 text-center text-sm font-medium text-white", "data-section": "announcementbar-div-312", children: [_jsx("span", { children: message }), _jsx("button", { type: "button", onClick: () => setDismissed(true), className: "absolute right-0 top-1/2 -translate-y-1/2 rounded p-0.5 hover:bg-white/20 focus:outline-none focus:ring-2 focus:ring-white", "aria-label": "Dismiss announcement", children: _jsx(X, { className: "h-4 w-4" }) })] }) }) }));
+    return (_jsx("div", { className: `relative left-1/2 right-1/2 w-screen -translate-x-1/2 bg-primary-700 transition-opacity duration-200 ${mounted ? "opacity-100" : "opacity-0"} ${className}`, role: "banner", "data-section": "announcementbar-div-310", children: _jsx("div", { className: "container mx-auto max-w-[1920px] px-4 sm:px-6 lg:px-8", "data-section": "announcementbar-div-311", children: _jsxs("div", { className: "relative flex items-center justify-center py-2 text-center text-sm font-medium text-white", "data-section": "announcementbar-div-312", children: [_jsx("span", { children: message }), _jsx("button", { type: "button", onClick: () => {
+                            saveLocalDismissal(message);
+                            onDismiss?.(bannerHash);
+                            setDismissed(true);
+                        }, className: "absolute right-0 top-1/2 -translate-y-1/2 rounded p-0.5 hover:bg-white/20 focus:outline-none focus:ring-2 focus:ring-white", "aria-label": "Dismiss announcement", children: _jsx(X, { className: "h-4 w-4" }) })] }) }) }));
 }

package/dist/features/homepage/components/FAQSection.d.ts

@@ -1,4 +1,3 @@
-import React from "react";
 export interface FAQTab {
     value: string;
     label: string;
@@ -26,10 +25,6 @@ export interface FAQSectionProps {
     viewMoreLabel?: string;
     hasMore?: boolean;
     moreCount?: number;
-    /** @deprecated Tabs are now derived internally or from the tabs prop */
-    activeTab?: string;
-    /** @deprecated Use showCategoryTabs + tabs props instead */
-    renderTabs?: () => React.ReactNode;
     className?: string;
 }
 export declare function FAQSection({ title, subtitle, items, tabs: tabsProp, showCategoryTabs, allowMultipleOpen, defaultOpenCount, viewMoreHref, viewMoreLabel, hasMore, moreCount, className, }: FAQSectionProps): import("react/jsx-runtime").JSX.Element;

package/dist/features/homepage/components/MarketplaceHomepageView.d.ts

@@ -3,5 +3,7 @@ export type { MarketplaceHomepageViewAdSlots } from "../lib/section-renderer";
 export interface MarketplaceHomepageViewProps {
     adSlots?: import("../lib/section-renderer").MarketplaceHomepageViewAdSlots;
     newsletterFormSlot?: React.ReactNode;
+    /** Callback when user dismisses announcement banner — wire to a server action to persist. */
+    onBannerDismiss?: (hash: string) => void;
 }
-export declare function MarketplaceHomepageView({ adSlots, newsletterFormSlot, }?: MarketplaceHomepageViewProps): Promise<import("react/jsx-runtime").JSX.Element>;
+export declare function MarketplaceHomepageView({ adSlots, newsletterFormSlot, onBannerDismiss, }?: MarketplaceHomepageViewProps): Promise<import("react/jsx-runtime").JSX.Element>;

package/dist/features/homepage/components/MarketplaceHomepageView.js

@@ -23,7 +23,7 @@ function toCarouselSlides(docs) {
         updatedAt: updatedAt instanceof Date ? updatedAt.toISOString() : undefined,
     }));
 }
-export async function MarketplaceHomepageView({ adSlots, newsletterFormSlot, } = {}) {
+export async function MarketplaceHomepageView({ adSlots, newsletterFormSlot, onBannerDismiss, } = {}) {
     const slides = await carouselRepository.getActiveSlides().catch(() => []);
     const siteSettings = await siteSettingsRepository.getSingleton().catch(() => null);
     const announcementMessage = siteSettings?.announcementBar?.message?.trim() ||
@@ -113,5 +113,5 @@ export async function MarketplaceHomepageView({ adSlots, newsletterFormSlot, } =
             : undefined,
     };
     const carouselSlides = toCarouselSlides(slides);
-    return (_jsxs(Main, { children: [showAnnouncement ? _jsx(AnnouncementBar, { message: announcementMessage }) : null, orderedSections.map((section) => renderSection(section, adSlots, newsletterFormSlot ?? null, faqItems, carouselSlides, liveStats, sectionData))] }));
+    return (_jsxs(Main, { children: [showAnnouncement ? _jsx(AnnouncementBar, { message: announcementMessage, onDismiss: onBannerDismiss }) : null, orderedSections.map((section) => renderSection(section, adSlots, newsletterFormSlot ?? null, faqItems, carouselSlides, liveStats, sectionData))] }));
 }

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

@@ -53,7 +53,7 @@ export { FeaturedResultsSection } from "./FeaturedResultsSection";
 export type { HowItWorksInfoStep, HowItWorksInfoDetail, HowItWorksInfoViewProps, } from "./HowItWorksInfoView";
 export { HowItWorksInfoView } from "./HowItWorksInfoView";
 export type { AnnouncementBarProps } from "./AnnouncementBar";
-export { AnnouncementBar } from "./AnnouncementBar";
+export { AnnouncementBar, hashBannerMessage } from "./AnnouncementBar";
 export type { ShopByCategorySectionProps } from "./ShopByCategorySection";
 export { ShopByCategorySection } from "./ShopByCategorySection";
 export type { FeaturedProductsSectionProps } from "./FeaturedProductsSection";

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

@@ -26,7 +26,7 @@ export { WhatsAppCommunitySection } from "./WhatsAppCommunitySection";
 export { HomepageSkeleton } from "./HomepageSkeleton";
 export { FeaturedResultsSection } from "./FeaturedResultsSection";
 export { HowItWorksInfoView } from "./HowItWorksInfoView";
-export { AnnouncementBar } from "./AnnouncementBar";
+export { AnnouncementBar, hashBannerMessage } from "./AnnouncementBar";
 export { ShopByCategorySection } from "./ShopByCategorySection";
 export { FeaturedProductsSection } from "./FeaturedProductsSection";
 export { FeaturedAuctionsSection } from "./FeaturedAuctionsSection";