@mohasinac/appkit 2.3.2 → 2.4.1

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

@@ -85,32 +85,42 @@ export declare const eventItemSchema: z.ZodObject<{
         type: z.ZodEnum<["image", "video", "file"]>;
         alt: z.ZodOptional<z.ZodString>;
         thumbnailUrl: z.ZodOptional<z.ZodString>;
+        source: z.ZodOptional<z.ZodEnum<["upload", "youtube", "external"]>>;
+        youtubeId: z.ZodOptional<z.ZodString>;
     }, "strip", z.ZodTypeAny, {
         url: string;
         type: "video" | "image" | "file";
+        source?: "external" | "upload" | "youtube" | undefined;
         alt?: string | undefined;
         thumbnailUrl?: string | undefined;
+        youtubeId?: string | undefined;
     }, {
         url: string;
         type: "video" | "image" | "file";
+        source?: "external" | "upload" | "youtube" | undefined;
         alt?: string | undefined;
         thumbnailUrl?: string | undefined;
+        youtubeId?: string | undefined;
     }>, z.ZodEffects<z.ZodString, {
         url: string;
         type: "image";
     }, string>]>>>, {
         url: string;
         type: "video" | "image" | "file";
+        source?: "external" | "upload" | "youtube" | undefined;
         alt?: string | undefined;
         thumbnailUrl?: string | undefined;
+        youtubeId?: string | undefined;
     } | {
         url: string;
         type: "image";
     } | null, string | {
         url: string;
         type: "video" | "image" | "file";
+        source?: "external" | "upload" | "youtube" | undefined;
         alt?: string | undefined;
         thumbnailUrl?: string | undefined;
+        youtubeId?: string | undefined;
     } | null | undefined>;
     coverImageUrl: z.ZodOptional<z.ZodString>;
     eventImages: z.ZodDefault<z.ZodOptional<z.ZodArray<z.ZodObject<{
@@ -118,48 +128,66 @@ export declare const eventItemSchema: z.ZodObject<{
         type: z.ZodEnum<["image", "video", "file"]>;
         alt: z.ZodOptional<z.ZodString>;
         thumbnailUrl: z.ZodOptional<z.ZodString>;
+        source: z.ZodOptional<z.ZodEnum<["upload", "youtube", "external"]>>;
+        youtubeId: z.ZodOptional<z.ZodString>;
     }, "strip", z.ZodTypeAny, {
         url: string;
         type: "video" | "image" | "file";
+        source?: "external" | "upload" | "youtube" | undefined;
         alt?: string | undefined;
         thumbnailUrl?: string | undefined;
+        youtubeId?: string | undefined;
     }, {
         url: string;
         type: "video" | "image" | "file";
+        source?: "external" | "upload" | "youtube" | undefined;
         alt?: string | undefined;
         thumbnailUrl?: string | undefined;
+        youtubeId?: string | undefined;
     }>, "many">>>;
     winnerImages: z.ZodDefault<z.ZodOptional<z.ZodArray<z.ZodObject<{
         url: z.ZodString;
         type: z.ZodEnum<["image", "video", "file"]>;
         alt: z.ZodOptional<z.ZodString>;
         thumbnailUrl: z.ZodOptional<z.ZodString>;
+        source: z.ZodOptional<z.ZodEnum<["upload", "youtube", "external"]>>;
+        youtubeId: z.ZodOptional<z.ZodString>;
     }, "strip", z.ZodTypeAny, {
         url: string;
         type: "video" | "image" | "file";
+        source?: "external" | "upload" | "youtube" | undefined;
         alt?: string | undefined;
         thumbnailUrl?: string | undefined;
+        youtubeId?: string | undefined;
     }, {
         url: string;
         type: "video" | "image" | "file";
+        source?: "external" | "upload" | "youtube" | undefined;
         alt?: string | undefined;
         thumbnailUrl?: string | undefined;
+        youtubeId?: string | undefined;
     }>, "many">>>;
     additionalImages: z.ZodDefault<z.ZodOptional<z.ZodArray<z.ZodObject<{
         url: z.ZodString;
         type: z.ZodEnum<["image", "video", "file"]>;
         alt: z.ZodOptional<z.ZodString>;
         thumbnailUrl: z.ZodOptional<z.ZodString>;
+        source: z.ZodOptional<z.ZodEnum<["upload", "youtube", "external"]>>;
+        youtubeId: z.ZodOptional<z.ZodString>;
     }, "strip", z.ZodTypeAny, {
         url: string;
         type: "video" | "image" | "file";
+        source?: "external" | "upload" | "youtube" | undefined;
         alt?: string | undefined;
         thumbnailUrl?: string | undefined;
+        youtubeId?: string | undefined;
     }, {
         url: string;
         type: "video" | "image" | "file";
+        source?: "external" | "upload" | "youtube" | undefined;
         alt?: string | undefined;
         thumbnailUrl?: string | undefined;
+        youtubeId?: string | undefined;
     }>, "many">>>;
     saleConfig: z.ZodOptional<z.ZodObject<{
         discountPercent: z.ZodNumber;
@@ -252,8 +280,10 @@ export declare const eventItemSchema: z.ZodObject<{
     coverImage: {
         url: string;
         type: "video" | "image" | "file";
+        source?: "external" | "upload" | "youtube" | undefined;
         alt?: string | undefined;
         thumbnailUrl?: string | undefined;
+        youtubeId?: string | undefined;
     } | {
         url: string;
         type: "image";
@@ -261,20 +291,26 @@ export declare const eventItemSchema: z.ZodObject<{
     eventImages: {
         url: string;
         type: "video" | "image" | "file";
+        source?: "external" | "upload" | "youtube" | undefined;
         alt?: string | undefined;
         thumbnailUrl?: string | undefined;
+        youtubeId?: string | undefined;
     }[];
     winnerImages: {
         url: string;
         type: "video" | "image" | "file";
+        source?: "external" | "upload" | "youtube" | undefined;
         alt?: string | undefined;
         thumbnailUrl?: string | undefined;
+        youtubeId?: string | undefined;
     }[];
     additionalImages: {
         url: string;
         type: "video" | "image" | "file";
+        source?: "external" | "upload" | "youtube" | undefined;
         alt?: string | undefined;
         thumbnailUrl?: string | undefined;
+        youtubeId?: string | undefined;
     }[];
     createdBy: string;
     coverImageUrl?: string | undefined;
@@ -317,26 +353,34 @@ export declare const eventItemSchema: z.ZodObject<{
     coverImage?: string | {
         url: string;
         type: "video" | "image" | "file";
+        source?: "external" | "upload" | "youtube" | undefined;
         alt?: string | undefined;
         thumbnailUrl?: string | undefined;
+        youtubeId?: string | undefined;
     } | null | undefined;
     eventImages?: {
         url: string;
         type: "video" | "image" | "file";
+        source?: "external" | "upload" | "youtube" | undefined;
         alt?: string | undefined;
         thumbnailUrl?: string | undefined;
+        youtubeId?: string | undefined;
     }[] | undefined;
     winnerImages?: {
         url: string;
         type: "video" | "image" | "file";
+        source?: "external" | "upload" | "youtube" | undefined;
         alt?: string | undefined;
         thumbnailUrl?: string | undefined;
+        youtubeId?: string | undefined;
     }[] | undefined;
     additionalImages?: {
         url: string;
         type: "video" | "image" | "file";
+        source?: "external" | "upload" | "youtube" | undefined;
         alt?: string | undefined;
         thumbnailUrl?: string | undefined;
+        youtubeId?: string | undefined;
     }[] | undefined;
     saleConfig?: {
         discountPercent: number;

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

@@ -38,6 +38,7 @@ export interface PollConfig {
         label: string;
     }[];
     resultsVisibility: PollResultsVisibility;
+    requireLogin?: boolean;
 }
 export interface SurveyConfig {
     requireLogin: boolean;
@@ -54,6 +55,7 @@ export interface FeedbackConfig {
 }
 export interface EventItem {
     id: string;
+    slug?: string;
     type: EventType;
     title: string;
     description: string;

package/dist/features/faq/actions/faq-actions.d.ts

@@ -31,13 +31,13 @@ export declare const faqCreateSchema: z.ZodEffects<z.ZodObject<{
     isActive: boolean;
     category: string;
     question: string;
-    showOnHomepage: boolean;
-    showInFooter: boolean;
-    isPinned: boolean;
     answer: {
         text: string;
         format: "html" | "plain" | "markdown";
     };
+    isPinned: boolean;
+    showOnHomepage: boolean;
+    showInFooter: boolean;
     useSiteSettings: boolean;
     template?: string | undefined;
     variables?: Record<string, string> | undefined;
@@ -56,9 +56,9 @@ export declare const faqCreateSchema: z.ZodEffects<z.ZodObject<{
     isActive?: boolean | undefined;
     variables?: Record<string, string> | undefined;
     tags?: string[] | undefined;
+    isPinned?: boolean | undefined;
     showOnHomepage?: boolean | undefined;
     showInFooter?: boolean | undefined;
-    isPinned?: boolean | undefined;
     relatedFAQs?: string[] | undefined;
     useSiteSettings?: boolean | undefined;
 }>, {
@@ -67,13 +67,13 @@ export declare const faqCreateSchema: z.ZodEffects<z.ZodObject<{
     isActive: boolean;
     category: string;
     question: string;
-    showOnHomepage: boolean;
-    showInFooter: boolean;
-    isPinned: boolean;
     answer: {
         text: string;
         format: "html" | "plain" | "markdown";
     };
+    isPinned: boolean;
+    showOnHomepage: boolean;
+    showInFooter: boolean;
     useSiteSettings: boolean;
     template?: string | undefined;
     variables?: Record<string, string> | undefined;
@@ -92,9 +92,9 @@ export declare const faqCreateSchema: z.ZodEffects<z.ZodObject<{
     isActive?: boolean | undefined;
     variables?: Record<string, string> | undefined;
     tags?: string[] | undefined;
+    isPinned?: boolean | undefined;
     showOnHomepage?: boolean | undefined;
     showInFooter?: boolean | undefined;
-    isPinned?: boolean | undefined;
     relatedFAQs?: string[] | undefined;
     useSiteSettings?: boolean | undefined;
 }>;
@@ -131,13 +131,13 @@ export declare const faqUpdateSchema: z.ZodObject<{
     variables?: Record<string, string> | undefined;
     tags?: string[] | undefined;
     question?: string | undefined;
-    showOnHomepage?: boolean | undefined;
-    showInFooter?: boolean | undefined;
-    isPinned?: boolean | undefined;
     answer?: {
         text: string;
         format: "html" | "plain" | "markdown";
     } | undefined;
+    isPinned?: boolean | undefined;
+    showOnHomepage?: boolean | undefined;
+    showInFooter?: boolean | undefined;
     relatedFAQs?: string[] | undefined;
     useSiteSettings?: boolean | undefined;
 }, {
@@ -149,13 +149,13 @@ export declare const faqUpdateSchema: z.ZodObject<{
     variables?: Record<string, string> | undefined;
     tags?: string[] | undefined;
     question?: string | undefined;
-    showOnHomepage?: boolean | undefined;
-    showInFooter?: boolean | undefined;
-    isPinned?: boolean | undefined;
     answer?: {
         text: string;
         format?: "html" | "plain" | "markdown" | undefined;
     } | undefined;
+    isPinned?: boolean | undefined;
+    showOnHomepage?: boolean | undefined;
+    showInFooter?: boolean | undefined;
     relatedFAQs?: string[] | undefined;
     useSiteSettings?: boolean | undefined;
 }>;
@@ -165,11 +165,11 @@ declare const voteSchema: z.ZodObject<{
     faqId: z.ZodString;
     vote: z.ZodEnum<["helpful", "not-helpful"]>;
 }, "strip", z.ZodTypeAny, {
-    vote: "helpful" | "not-helpful";
     faqId: string;
-}, {
     vote: "helpful" | "not-helpful";
+}, {
     faqId: string;
+    vote: "helpful" | "not-helpful";
 }>;
 export type VoteFaqActionInput = z.infer<typeof voteSchema>;
 export interface VoteFaqActionResult {

package/dist/features/faq/hooks/useFaqList.js

@@ -23,7 +23,7 @@ export function useFaqList(options = {}) {
         queryFn: () => apiClient.get(`${FAQ_ENDPOINTS.LIST}${queryString ? `?${queryString}` : ""}`),
         enabled: options.enabled,
         initialData: options.initialData,
-        staleTime: 5 * 60 * 1000,
+        staleTime: options.initialData !== undefined ? Infinity : 5 * 60 * 1000,
     });
     return {
         ...query,

package/dist/features/faq/schemas/firestore.d.ts

@@ -33,7 +33,7 @@ export interface FAQDocument {
     updatedAt: Date;
 }
 export declare const FAQS_COLLECTION: "faqs";
-export declare const FAQS_INDEXED_FIELDS: readonly ["seo.slug", "category", "order", "showOnHomepage", "showInFooter", "isPinned", "priority", "tags", "searchTokens", "isActive", "stats.helpful", "createdBy", "createdAt"];
+export declare const FAQS_INDEXED_FIELDS: readonly ["slug", "seo.slug", "category", "order", "showOnHomepage", "showInFooter", "isPinned", "priority", "tags", "searchTokens", "isActive", "stats.helpful", "createdBy", "createdAt"];
 export declare const FAQ_CATEGORY_LABELS: Record<FAQCategory, string>;
 export declare const DEFAULT_FAQ_DATA: Partial<FAQDocument>;
 export declare const FAQS_PUBLIC_FIELDS: readonly ["id", "question", "answer", "category", "showOnHomepage", "showInFooter", "isPinned", "order", "priority", "tags", "relatedFAQs", "stats.views", "stats.helpful", "stats.notHelpful", "seo.slug", "seo.metaTitle", "seo.metaDescription", "isActive", "createdAt"];
@@ -45,7 +45,7 @@ export interface FAQWithInterpolatedAnswer extends Omit<FAQDocument, "answer"> {
     };
 }
 export declare const faqQueryHelpers: {
-    readonly bySlug: (slug: string) => readonly ["seo.slug", "==", string];
+    readonly bySlug: (slug: string) => readonly ["slug", "==", string];
     readonly byCategory: (category: FAQCategory) => readonly ["category", "==", FAQCategory];
     readonly homepage: () => readonly ["showOnHomepage", "==", true];
     readonly footer: () => readonly ["showInFooter", "==", true];

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

@@ -4,6 +4,7 @@
 import { generateFAQId } from "../../../utils/id-generators";
 export const FAQS_COLLECTION = "faqs";
 export const FAQS_INDEXED_FIELDS = [
+    "slug",
     "seo.slug",
     "category",
     "order",
@@ -63,7 +64,7 @@ export const FAQS_PUBLIC_FIELDS = [
     "createdAt",
 ];
 export const faqQueryHelpers = {
-    bySlug: (slug) => ["seo.slug", "==", slug],
+    bySlug: (slug) => ["slug", "==", slug],
     byCategory: (category) => ["category", "==", category],
     homepage: () => ["showOnHomepage", "==", true],
     footer: () => ["showInFooter", "==", true],

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

@@ -103,9 +103,9 @@ export declare const faqSchema: z.ZodObject<{
     seo?: {
         slug?: string | undefined;
     } | undefined;
+    isPinned?: boolean | undefined;
     showOnHomepage?: boolean | undefined;
     showInFooter?: boolean | undefined;
-    isPinned?: boolean | undefined;
     relatedFAQs?: string[] | undefined;
 }, {
     id: string;
@@ -129,9 +129,9 @@ export declare const faqSchema: z.ZodObject<{
     seo?: {
         slug?: string | undefined;
     } | undefined;
+    isPinned?: boolean | undefined;
     showOnHomepage?: boolean | undefined;
     showInFooter?: boolean | undefined;
-    isPinned?: boolean | undefined;
     relatedFAQs?: string[] | undefined;
 }>;
 /** Base schema for list-query parameters. */
@@ -143,14 +143,14 @@ export declare const faqListParamsSchema: z.ZodObject<{
     perPage: z.ZodOptional<z.ZodNumber>;
 }, "strip", z.ZodTypeAny, {
     q?: string | undefined;
-    page?: number | undefined;
     category?: "general" | "orders_payment" | "shipping_delivery" | "returns_refunds" | "product_information" | "account_security" | "technical_support" | undefined;
+    page?: number | undefined;
     perPage?: number | undefined;
     homepage?: boolean | undefined;
 }, {
     q?: string | undefined;
-    page?: number | undefined;
     category?: "general" | "orders_payment" | "shipping_delivery" | "returns_refunds" | "product_information" | "account_security" | "technical_support" | undefined;
+    page?: number | undefined;
     perPage?: number | undefined;
     homepage?: boolean | undefined;
 }>;

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

@@ -19,5 +19,6 @@ export interface FilterFacetSectionProps {
 /**
  * FilterFacetSection — collapsible checkbox/radio filter section.
  * Supports single-select and multi-select modes.
+ * When searchable, the search input is always visible and typing auto-expands.
  */
 export declare function FilterFacetSection({ title, options, selected, onChange, selectionMode, defaultCollapsed, searchable, isOpen: controlledOpen, onToggle, onClear, className, }: FilterFacetSectionProps): import("react/jsx-runtime").JSX.Element;

package/dist/features/filters/FilterFacetSection.js

@@ -6,6 +6,7 @@ import { cn } from "./filterUtils";
 /**
  * FilterFacetSection — collapsible checkbox/radio filter section.
  * Supports single-select and multi-select modes.
+ * When searchable, the search input is always visible and typing auto-expands.
  */
 export function FilterFacetSection({ title, options, selected, onChange, selectionMode = "multi", defaultCollapsed = true, searchable = false, isOpen: controlledOpen, onToggle, onClear, className = "", }) {
     const isControlled = controlledOpen !== undefined;
@@ -18,6 +19,13 @@ export function FilterFacetSection({ title, options, selected, onChange, selecti
         else
             setInternalCollapsed((c) => !c);
     };
+    // When typing in the search box, auto-expand options
+    function handleSearch(value) {
+        setSearch(value);
+        if (value && internalCollapsed && !isControlled) {
+            setInternalCollapsed(false);
+        }
+    }
     const filtered = search
         ? options.filter((o) => o.label.toLowerCase().includes(search.toLowerCase()))
         : options;
@@ -32,7 +40,11 @@ export function FilterFacetSection({ title, options, selected, onChange, selecti
         }
     };
     const hasValue = selected.length > 0;
-    return (_jsxs(Div, { className: cn("p-4 border-b border-zinc-200 dark:border-slate-700 last:border-b-0", className), children: [_jsxs(Row, { gap: "xs", children: [_jsxs(Button, { type: "button", onClick: handleToggle, variant: "ghost", size: "sm", className: "flex flex-1 items-center justify-between text-sm font-semibold text-zinc-900 dark:text-zinc-50 py-1 hover:opacity-80 transition-opacity", "aria-expanded": !isCollapsed, children: [_jsxs(Row, { as: Span, gap: "xs", children: [title, hasValue && (_jsx(Span, { className: "inline-flex items-center justify-center w-5 h-5 text-xs rounded-full bg-emerald-50 dark:bg-emerald-900/30 text-emerald-700 dark:text-emerald-300 ring-1 ring-emerald-600/20 dark:ring-emerald-400/20", children: selected.length }))] }), _jsx("svg", { className: cn("w-4 h-4 text-zinc-500 dark:text-zinc-400 transition-transform duration-200", isCollapsed ? "" : "rotate-180"), fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", strokeWidth: 2, "aria-hidden": "true", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M19 9l-7 7-7-7" }) })] }), onClear && hasValue && (_jsx(Button, { type: "button", onClick: onClear, variant: "ghost", size: "sm", className: "inline-flex items-center justify-center w-5 h-5 p-0 text-zinc-500 dark:text-zinc-400 hover:text-red-600 dark:hover:text-red-400 hover:bg-zinc-100 dark:hover:bg-slate-700 transition-colors rounded-full", "aria-label": "Clear filter", children: _jsx("svg", { className: "w-3 h-3", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", strokeWidth: 2.5, "aria-hidden": "true", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M6 18L18 6M6 6l12 12" }) }) }))] }), !isCollapsed && (_jsxs(Div, { className: "mt-3 space-y-1", children: [searchable && options.length > 8 && (_jsx(Input, { type: "search", placeholder: "Search\u2026", value: search, onChange: (e) => setSearch(e.target.value), className: "w-full rounded-md border border-zinc-200 dark:border-slate-700 bg-white dark:bg-slate-800/60 px-2.5 py-1.5 text-xs text-zinc-900 dark:text-zinc-100 focus:outline-none focus:ring-2 focus:ring-primary-500/20 dark:focus:ring-secondary-400/20 mb-2" })), filtered.map((option) => {
+    // Selected labels for inline chips (shown when collapsed)
+    const selectedLabels = selected
+        .map((v) => options.find((o) => o.value === v)?.label ?? v)
+        .slice(0, 3);
+    return (_jsxs(Div, { className: cn("p-4 border-b border-zinc-200 dark:border-slate-700 last:border-b-0", className), children: [_jsxs(Row, { gap: "xs", children: [_jsxs(Button, { type: "button", onClick: handleToggle, variant: "ghost", size: "sm", className: "flex flex-1 items-center justify-between text-sm font-semibold text-zinc-900 dark:text-zinc-50 py-1 hover:opacity-80 transition-opacity", "aria-expanded": !isCollapsed, children: [_jsxs(Row, { as: Span, gap: "xs", children: [title, hasValue && (_jsx(Span, { className: "inline-flex items-center justify-center w-5 h-5 text-xs rounded-full bg-emerald-50 dark:bg-emerald-900/30 text-emerald-700 dark:text-emerald-300 ring-1 ring-emerald-600/20 dark:ring-emerald-400/20", children: selected.length }))] }), _jsx("svg", { className: cn("w-4 h-4 text-zinc-500 dark:text-zinc-400 transition-transform duration-200", isCollapsed ? "" : "rotate-180"), fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", strokeWidth: 2, "aria-hidden": "true", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M19 9l-7 7-7-7" }) })] }), onClear && hasValue && (_jsx(Button, { type: "button", onClick: onClear, variant: "ghost", size: "sm", className: "inline-flex items-center justify-center w-5 h-5 p-0 text-zinc-500 dark:text-zinc-400 hover:text-red-600 dark:hover:text-red-400 hover:bg-zinc-100 dark:hover:bg-slate-700 transition-colors rounded-full", "aria-label": "Clear filter", children: _jsx("svg", { className: "w-3 h-3", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", strokeWidth: 2.5, "aria-hidden": "true", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M6 18L18 6M6 6l12 12" }) }) }))] }), isCollapsed && hasValue && (_jsxs(Div, { className: "mt-2 flex flex-wrap gap-1", children: [selectedLabels.map((label) => (_jsx(Span, { className: "inline-flex items-center px-2 py-0.5 rounded-full text-xs bg-zinc-100 dark:bg-slate-700 text-zinc-700 dark:text-zinc-300 border border-zinc-200 dark:border-slate-600", children: label }, label))), selected.length > 3 && (_jsxs(Span, { className: "inline-flex items-center px-2 py-0.5 rounded-full text-xs text-zinc-400 dark:text-zinc-500", children: ["+", selected.length - 3, " more"] }))] })), searchable && (_jsx(Div, { className: "mt-2", children: _jsx(Input, { type: "search", placeholder: "Search\u2026", value: search, onChange: (e) => handleSearch(e.target.value), className: "w-full rounded-md border border-zinc-200 dark:border-slate-700 bg-white dark:bg-slate-800/60 px-2.5 py-1.5 text-xs text-zinc-900 dark:text-zinc-100 focus:outline-none focus:ring-2 focus:ring-primary-500/20 dark:focus:ring-secondary-400/20" }) })), !isCollapsed && (_jsxs(Div, { className: "mt-3 space-y-1", children: [filtered.map((option) => {
                         const isSelected = selected.includes(option.value);
                         return (_jsxs(Row, { gap: "2.5", className: "py-1 cursor-pointer group", children: [selectionMode === "single" ? (_jsx("input", { type: "radio", checked: isSelected, onChange: () => toggle(option.value), "aria-label": option.label, className: cn("flex-shrink-0 border-zinc-300 dark:border-slate-600 cursor-pointer", "w-4 h-4 rounded-full text-primary-600 dark:text-secondary-500", "focus:ring-primary-500/30 dark:focus:ring-secondary-400/30") })) : (_jsx("input", { type: "checkbox", checked: isSelected, onChange: () => toggle(option.value), "aria-label": option.label, className: cn("flex-shrink-0 border-zinc-300 dark:border-slate-600 cursor-pointer", "w-4 h-4 rounded text-primary-600 dark:text-secondary-500 checked:bg-primary-600 dark:checked:bg-secondary-500", "focus:ring-primary-500/30 dark:focus:ring-secondary-400/30") })), _jsx(Span, { className: "flex-1 text-sm text-zinc-700 dark:text-zinc-300 group-hover:text-zinc-900 dark:group-hover:text-zinc-100 transition-colors truncate", children: option.label }), option.count !== undefined && (_jsx(Span, { className: "text-xs text-zinc-400 dark:text-zinc-500 tabular-nums flex-shrink-0", children: option.count }))] }, option.value));
                     }), filtered.length === 0 && (_jsx(Text, { className: "text-xs text-zinc-400 dark:text-zinc-500 py-1", children: "No results" }))] }))] }));

package/dist/features/filters/SwitchFilter.js

@@ -3,7 +3,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState } from "react";
 import { Button, Div, Row, Span, Text } from "../../ui";
 import { cn } from "./filterUtils";
-export function SwitchFilter({ title, label, checked, onChange, defaultCollapsed = true, className = "", isOpen: controlledOpen, onToggle, onClear, }) {
+export function SwitchFilter({ title, label, checked, onChange, defaultCollapsed = false, className = "", isOpen: controlledOpen, onToggle, onClear, }) {
     const isControlled = controlledOpen !== undefined;
     const [internalCollapsed, setInternalCollapsed] = useState(defaultCollapsed);
     const isCollapsed = isControlled ? !controlledOpen : internalCollapsed;

package/dist/features/grouped/schemas/firestore.d.ts

@@ -0,0 +1,32 @@
+/**
+ * Grouped Listings Firestore Document Types & Constants
+ *
+ * A grouped listing bundles multiple products together, optionally at a
+ * discounted bundle price. Standard products and pre-orders only — auctions
+ * are excluded per GP1 spec. Displayed as a horizontal scroller of circular
+ * thumbnail cards between the buy-box and the TABS row on the detail page.
+ *
+ * Used in Session 86 (GP1–GP2).
+ */
+export interface GroupedListingDocument {
+    id: string;
+    slug: string;
+    title: string;
+    description?: string;
+    productIds: string[];
+    coverImage?: string;
+    bundlePrice?: number;
+    originalPrice?: number;
+    discountPercent?: number;
+    currency: "INR";
+    isActive: boolean;
+    isFeatured: boolean;
+    storeId?: string;
+    brandSlug?: string;
+    categorySlug?: string;
+    createdBy: string;
+    createdAt: Date;
+    updatedAt: Date;
+}
+export declare const GROUPED_LISTINGS_COLLECTION: "groupedListings";
+export declare const GROUPED_LISTINGS_INDEXED_FIELDS: readonly ["storeId", "brandSlug", "categorySlug", "isActive", "isFeatured", "createdAt"];

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

@@ -0,0 +1,19 @@
+/**
+ * Grouped Listings Firestore Document Types & Constants
+ *
+ * A grouped listing bundles multiple products together, optionally at a
+ * discounted bundle price. Standard products and pre-orders only — auctions
+ * are excluded per GP1 spec. Displayed as a horizontal scroller of circular
+ * thumbnail cards between the buy-box and the TABS row on the detail page.
+ *
+ * Used in Session 86 (GP1–GP2).
+ */
+export const GROUPED_LISTINGS_COLLECTION = "groupedListings";
+export const GROUPED_LISTINGS_INDEXED_FIELDS = [
+    "storeId",
+    "brandSlug",
+    "categorySlug",
+    "isActive",
+    "isFeatured",
+    "createdAt",
+];

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

@@ -17,9 +17,7 @@ export interface AdSlotProps {
  * - The slot id is not registered
  * - `enabled: false` in config
  * - `requiresConsent: true` and consent has not been granted
- *
- * When `reservedHeight` is set in the config, the container always reserves
- * that height to prevent CLS — even before the ad loads.
+ * - No active ad exists for the slot (for manual provider without manualContent)
  *
  * @example
  * <AdSlot id="homepage-hero-banner" />

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

@@ -1,7 +1,8 @@
 "use client";
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useEffect, useRef, useState } from "react";
 import { getAdSlot, isAdSlotRenderable } from "../ad-registry";
+import { useActiveAd } from "../hooks/useActiveAd";
 // ---------------------------------------------------------------------------
 // Sub-renderers
 // ---------------------------------------------------------------------------
@@ -26,6 +27,12 @@ function ThirdPartyAd({ config }) {
     }
     return null;
 }
+function ManualAdBanner({ ad }) {
+    const { creative } = ad;
+    if (!creative)
+        return null;
+    return (_jsxs("a", { href: creative.ctaHref || "#", target: creative.ctaHref ? "_blank" : undefined, rel: "noopener noreferrer", className: "flex items-center gap-3 w-full overflow-hidden rounded-lg bg-zinc-100 dark:bg-zinc-800 px-4 py-3 hover:bg-zinc-200 dark:hover:bg-zinc-700 transition-colors no-underline", children: [creative.imageUrl ? (_jsx("img", { src: creative.imageUrl, alt: creative.title || "Advertisement", className: "h-14 w-14 rounded object-cover flex-shrink-0", loading: "lazy" })) : null, _jsxs("div", { className: "flex-1 min-w-0", children: [creative.title ? (_jsx("p", { className: "text-sm font-semibold text-zinc-900 dark:text-zinc-100 truncate", children: creative.title })) : null, creative.body ? (_jsx("p", { className: "text-xs text-zinc-500 dark:text-zinc-400 truncate", children: creative.body })) : null] }), creative.ctaLabel ? (_jsx("span", { className: "flex-shrink-0 rounded-md bg-primary px-3 py-1.5 text-xs font-semibold text-white", children: creative.ctaLabel })) : null] }));
+}
 // ---------------------------------------------------------------------------
 // Primary component
 // ---------------------------------------------------------------------------
@@ -36,9 +43,7 @@ function ThirdPartyAd({ config }) {
  * - The slot id is not registered
  * - `enabled: false` in config
  * - `requiresConsent: true` and consent has not been granted
- *
- * When `reservedHeight` is set in the config, the container always reserves
- * that height to prevent CLS — even before the ad loads.
+ * - No active ad exists for the slot (for manual provider without manualContent)
  *
  * @example
  * <AdSlot id="homepage-hero-banner" />
@@ -46,6 +51,7 @@ function ThirdPartyAd({ config }) {
  */
 export function AdSlot({ id, manualContent, className = "" }) {
     const [hydrated, setHydrated] = useState(false);
+    const { ad: activeAd } = useActiveAd(id);
     useEffect(() => {
         setHydrated(true);
     }, []);
@@ -54,19 +60,14 @@ export function AdSlot({ id, manualContent, className = "" }) {
     }
     const config = getAdSlot(id);
     const renderable = isAdSlotRenderable(id);
-    const reservedStyle = config?.reservedHeight
-        ? { minHeight: config.reservedHeight }
-        : undefined;
     if (!config || !renderable) {
-        // Preserve reserved space even when ad is not shown (avoids layout jumps
-        // when ads are re-enabled after consent grant in the same session).
-        if (config?.reservedHeight && config?.enabled !== false) {
-            return (_jsx("div", { className: className, style: reservedStyle, "aria-hidden": "true", "data-ad-slot-id": id, "data-ad-slot-state": "awaiting-consent" }));
-        }
         return null;
     }
-    const content = renderProvider(config.provider, config, manualContent);
-    return (_jsx("div", { className: className, style: reservedStyle, "data-ad-slot-id": id, "aria-label": "Advertisement", children: content }));
+    const resolvedManualContent = manualContent ?? (activeAd ? _jsx(ManualAdBanner, { ad: activeAd }) : null);
+    const content = renderProvider(config.provider, config, resolvedManualContent);
+    if (!content)
+        return null;
+    return (_jsx("div", { className: className, "data-ad-slot-id": id, "aria-label": "Advertisement", children: content }));
 }
 // ---------------------------------------------------------------------------
 // Provider dispatch

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

@@ -1,8 +1,10 @@
+import type { BlogPost } from "../../blog/types";
 export interface BlogArticlesSectionProps {
     title?: string;
     description?: string;
     viewMoreHref?: string;
     viewMoreLabel?: string;
     className?: string;
+    initialItems?: BlogPost[];
 }
-export declare function BlogArticlesSection({ title, description, viewMoreHref, viewMoreLabel, className, }: BlogArticlesSectionProps): import("react/jsx-runtime").JSX.Element;
+export declare function BlogArticlesSection({ title, description, viewMoreHref, viewMoreLabel, className, initialItems, }: BlogArticlesSectionProps): import("react/jsx-runtime").JSX.Element;

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

@@ -5,8 +5,8 @@ import { SectionCarousel } from "./SectionCarousel";
 import { useBlogArticles } from "../hooks/useBlogArticles";
 import { BlogFeaturedCard } from "../../blog/components/BlogFeaturedCard";
 import { ROUTES } from "../../../next";
-export function BlogArticlesSection({ title = "From Our Blog", description, viewMoreHref, viewMoreLabel = "View all posts →", className = "", }) {
-    const { data, isLoading } = useBlogArticles();
+export function BlogArticlesSection({ title = "From Our Blog", description, viewMoreHref, viewMoreLabel = "View all posts →", className = "", initialItems, }) {
+    const { data, isLoading } = useBlogArticles({ initialPosts: initialItems });
     const items = data?.posts ?? [];
     return (_jsx(SectionCarousel, { title: title, description: description, pillLabel: "From Our Blog", headingVariant: "editorial", viewMoreHref: viewMoreHref, viewMoreLabel: viewMoreLabel, items: items, isLoading: isLoading, skeletonCount: 4, perView: THEME_CONSTANTS.carousel.perView.standard, gap: 16, keyExtractor: (post) => post.id, renderItem: (post) => (_jsx(BlogFeaturedCard, { post: post, href: ROUTES.BLOG.ARTICLE(post.slug) })), className: className }));
 }

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

@@ -1,3 +1,4 @@
+import type { CategoryItem } from "../../categories/types";
 export interface BrandsSectionProps {
     title?: string;
     subtitle?: string;
@@ -5,5 +6,6 @@ export interface BrandsSectionProps {
     viewMoreHref?: string;
     viewMoreLabel?: string;
     className?: string;
+    initialItems?: CategoryItem[];
 }
-export declare function BrandsSection({ title, subtitle, limit, viewMoreHref, viewMoreLabel, className, }: BrandsSectionProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function BrandsSection({ title, subtitle, limit, viewMoreHref, viewMoreLabel, className, initialItems, }: BrandsSectionProps): import("react/jsx-runtime").JSX.Element | null;