@mohasinac/appkit 2.2.0 → 2.3.1

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

@@ -86,29 +86,29 @@ export declare const eventItemSchema: z.ZodObject<{
         alt: z.ZodOptional<z.ZodString>;
         thumbnailUrl: z.ZodOptional<z.ZodString>;
     }, "strip", z.ZodTypeAny, {
-        type: "video" | "image" | "file";
         url: string;
+        type: "video" | "image" | "file";
         alt?: string | undefined;
         thumbnailUrl?: string | undefined;
     }, {
-        type: "video" | "image" | "file";
         url: string;
+        type: "video" | "image" | "file";
         alt?: string | undefined;
         thumbnailUrl?: string | undefined;
     }>, z.ZodEffects<z.ZodString, {
         url: string;
         type: "image";
     }, string>]>>>, {
-        type: "video" | "image" | "file";
         url: string;
+        type: "video" | "image" | "file";
         alt?: string | undefined;
         thumbnailUrl?: string | undefined;
     } | {
         url: string;
         type: "image";
     } | null, string | {
-        type: "video" | "image" | "file";
         url: string;
+        type: "video" | "image" | "file";
         alt?: string | undefined;
         thumbnailUrl?: string | undefined;
     } | null | undefined>;
@@ -119,13 +119,13 @@ export declare const eventItemSchema: z.ZodObject<{
         alt: z.ZodOptional<z.ZodString>;
         thumbnailUrl: z.ZodOptional<z.ZodString>;
     }, "strip", z.ZodTypeAny, {
-        type: "video" | "image" | "file";
         url: string;
+        type: "video" | "image" | "file";
         alt?: string | undefined;
         thumbnailUrl?: string | undefined;
     }, {
-        type: "video" | "image" | "file";
         url: string;
+        type: "video" | "image" | "file";
         alt?: string | undefined;
         thumbnailUrl?: string | undefined;
     }>, "many">>>;
@@ -135,13 +135,13 @@ export declare const eventItemSchema: z.ZodObject<{
         alt: z.ZodOptional<z.ZodString>;
         thumbnailUrl: z.ZodOptional<z.ZodString>;
     }, "strip", z.ZodTypeAny, {
-        type: "video" | "image" | "file";
         url: string;
+        type: "video" | "image" | "file";
         alt?: string | undefined;
         thumbnailUrl?: string | undefined;
     }, {
-        type: "video" | "image" | "file";
         url: string;
+        type: "video" | "image" | "file";
         alt?: string | undefined;
         thumbnailUrl?: string | undefined;
     }>, "many">>>;
@@ -151,13 +151,13 @@ export declare const eventItemSchema: z.ZodObject<{
         alt: z.ZodOptional<z.ZodString>;
         thumbnailUrl: z.ZodOptional<z.ZodString>;
     }, "strip", z.ZodTypeAny, {
-        type: "video" | "image" | "file";
         url: string;
+        type: "video" | "image" | "file";
         alt?: string | undefined;
         thumbnailUrl?: string | undefined;
     }, {
-        type: "video" | "image" | "file";
         url: string;
+        type: "video" | "image" | "file";
         alt?: string | undefined;
         thumbnailUrl?: string | undefined;
     }>, "many">>>;
@@ -236,47 +236,47 @@ export declare const eventItemSchema: z.ZodObject<{
     updatedAt: z.ZodString;
 }, "strip", z.ZodTypeAny, {
     id: string;
+    title: string;
+    status: "ended" | "paused" | "draft" | "active";
+    type: "sale" | "offer" | "poll" | "survey" | "feedback";
     createdAt: string;
     updatedAt: string;
-    status: "draft" | "ended" | "active" | "paused";
-    type: "feedback" | "offer" | "sale" | "poll" | "survey";
-    title: string;
-    description: string;
     stats: {
         totalEntries: number;
         approvedEntries: number;
         flaggedEntries: number;
     };
-    createdBy: string;
+    description: string;
+    startsAt: string;
+    endsAt: string;
     coverImage: {
-        type: "video" | "image" | "file";
         url: string;
+        type: "video" | "image" | "file";
         alt?: string | undefined;
         thumbnailUrl?: string | undefined;
     } | {
         url: string;
         type: "image";
     } | null;
-    startsAt: string;
-    additionalImages: {
-        type: "video" | "image" | "file";
+    eventImages: {
         url: string;
+        type: "video" | "image" | "file";
         alt?: string | undefined;
         thumbnailUrl?: string | undefined;
     }[];
-    endsAt: string;
-    eventImages: {
-        type: "video" | "image" | "file";
+    winnerImages: {
         url: string;
+        type: "video" | "image" | "file";
         alt?: string | undefined;
         thumbnailUrl?: string | undefined;
     }[];
-    winnerImages: {
-        type: "video" | "image" | "file";
+    additionalImages: {
         url: string;
+        type: "video" | "image" | "file";
         alt?: string | undefined;
         thumbnailUrl?: string | undefined;
     }[];
+    createdBy: string;
     coverImageUrl?: string | undefined;
     saleConfig?: {
         discountPercent: number;
@@ -299,42 +299,42 @@ export declare const eventItemSchema: z.ZodObject<{
     } | undefined;
 }, {
     id: string;
+    title: string;
+    status: "ended" | "paused" | "draft" | "active";
+    type: "sale" | "offer" | "poll" | "survey" | "feedback";
     createdAt: string;
     updatedAt: string;
-    status: "draft" | "ended" | "active" | "paused";
-    type: "feedback" | "offer" | "sale" | "poll" | "survey";
-    title: string;
-    description: string;
     stats: {
         totalEntries: number;
         approvedEntries: number;
         flaggedEntries: number;
     };
-    createdBy: string;
+    description: string;
     startsAt: string;
     endsAt: string;
+    createdBy: string;
+    coverImageUrl?: string | undefined;
     coverImage?: string | {
-        type: "video" | "image" | "file";
         url: string;
+        type: "video" | "image" | "file";
         alt?: string | undefined;
         thumbnailUrl?: string | undefined;
     } | null | undefined;
-    additionalImages?: {
-        type: "video" | "image" | "file";
+    eventImages?: {
         url: string;
+        type: "video" | "image" | "file";
         alt?: string | undefined;
         thumbnailUrl?: string | undefined;
     }[] | undefined;
-    coverImageUrl?: string | undefined;
-    eventImages?: {
-        type: "video" | "image" | "file";
+    winnerImages?: {
         url: string;
+        type: "video" | "image" | "file";
         alt?: string | undefined;
         thumbnailUrl?: string | undefined;
     }[] | undefined;
-    winnerImages?: {
-        type: "video" | "image" | "file";
+    additionalImages?: {
         url: string;
+        type: "video" | "image" | "file";
         alt?: string | undefined;
         thumbnailUrl?: string | undefined;
     }[] | undefined;
@@ -368,16 +368,16 @@ export declare const eventListParamsSchema: z.ZodObject<{
     sort: z.ZodOptional<z.ZodString>;
 }, "strip", z.ZodTypeAny, {
     sort?: string | undefined;
-    perPage?: number | undefined;
-    status?: "draft" | "ended" | "active" | "paused" | undefined;
-    type?: "feedback" | "offer" | "sale" | "poll" | "survey" | undefined;
-    page?: number | undefined;
     q?: string | undefined;
+    status?: "ended" | "paused" | "draft" | "active" | undefined;
+    type?: "sale" | "offer" | "poll" | "survey" | "feedback" | undefined;
+    page?: number | undefined;
+    perPage?: number | undefined;
 }, {
     sort?: string | undefined;
-    perPage?: number | undefined;
-    status?: "draft" | "ended" | "active" | "paused" | undefined;
-    type?: "feedback" | "offer" | "sale" | "poll" | "survey" | undefined;
-    page?: number | undefined;
     q?: string | undefined;
+    status?: "ended" | "paused" | "draft" | "active" | undefined;
+    type?: "sale" | "offer" | "poll" | "survey" | "feedback" | undefined;
+    page?: number | undefined;
+    perPage?: number | undefined;
 }>;

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

@@ -12,7 +12,7 @@ const eventCoverImageSchema = z
     .nullable()
     .optional()
     .transform((value) => value ?? null);
-// ─── Sub-schemas ──────────────────────────────────────────────────────────────
+// --- Sub-schemas --------------------------------------------------------------
 export const eventTypeSchema = z.enum([
     "sale",
     "offer",
@@ -37,7 +37,7 @@ export const pollConfigSchema = z.object({
     options: z.array(z.object({ id: z.string(), label: z.string() })),
     resultsVisibility: z.enum(["always", "after_vote", "after_end"]),
 });
-// ─── Base item schema ─────────────────────────────────────────────────────────
+// --- Base item schema ---------------------------------------------------------
 /**
  * Base Zod schema for an event item.
  * Apps can extend this to add their own fields:

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

@@ -3,7 +3,6 @@
  *
  * Server-only entry point — exports only the API route handlers.
  */
-import "server-only";
 export * from "./actions";
 export { EventRepository, EventsRepository, eventRepository, } from "./repository/events.repository";
 export { EventEntryRepository, EventEntriesRepository, eventEntryRepository, } from "./repository/event-entry.repository";

package/dist/features/events/server.js

@@ -3,7 +3,6 @@
  *
  * Server-only entry point — exports only the API route handlers.
  */
-import "server-only";
 export * from "./actions";
 export { EventRepository, EventsRepository, eventRepository, } from "./repository/events.repository";
 export { EventEntryRepository, EventEntriesRepository, eventEntryRepository, } from "./repository/event-entry.repository";

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

@@ -28,11 +28,11 @@ export declare const faqCreateSchema: z.ZodEffects<z.ZodObject<{
 }, "strip", z.ZodTypeAny, {
     order: number;
     priority: number;
+    isActive: boolean;
     category: string;
     question: string;
-    isActive: boolean;
-    showInFooter: boolean;
     showOnHomepage: boolean;
+    showInFooter: boolean;
     isPinned: boolean;
     answer: {
         text: string;
@@ -50,25 +50,25 @@ export declare const faqCreateSchema: z.ZodEffects<z.ZodObject<{
         text: string;
         format?: "html" | "plain" | "markdown" | undefined;
     };
+    template?: string | undefined;
     order?: number | undefined;
     priority?: number | undefined;
-    template?: string | undefined;
     isActive?: boolean | undefined;
     variables?: Record<string, string> | undefined;
-    showInFooter?: boolean | undefined;
-    showOnHomepage?: boolean | undefined;
     tags?: string[] | undefined;
+    showOnHomepage?: boolean | undefined;
+    showInFooter?: boolean | undefined;
     isPinned?: boolean | undefined;
     relatedFAQs?: string[] | undefined;
     useSiteSettings?: boolean | undefined;
 }>, {
     order: number;
     priority: number;
+    isActive: boolean;
     category: string;
     question: string;
-    isActive: boolean;
-    showInFooter: boolean;
     showOnHomepage: boolean;
+    showInFooter: boolean;
     isPinned: boolean;
     answer: {
         text: string;
@@ -86,14 +86,14 @@ export declare const faqCreateSchema: z.ZodEffects<z.ZodObject<{
         text: string;
         format?: "html" | "plain" | "markdown" | undefined;
     };
+    template?: string | undefined;
     order?: number | undefined;
     priority?: number | undefined;
-    template?: string | undefined;
     isActive?: boolean | undefined;
     variables?: Record<string, string> | undefined;
-    showInFooter?: boolean | undefined;
-    showOnHomepage?: boolean | undefined;
     tags?: string[] | undefined;
+    showOnHomepage?: boolean | undefined;
+    showInFooter?: boolean | undefined;
     isPinned?: boolean | undefined;
     relatedFAQs?: string[] | undefined;
     useSiteSettings?: boolean | undefined;
@@ -123,16 +123,16 @@ export declare const faqUpdateSchema: z.ZodObject<{
     variables: z.ZodOptional<z.ZodOptional<z.ZodRecord<z.ZodString, z.ZodString>>>;
     template: z.ZodOptional<z.ZodOptional<z.ZodString>>;
 }, "strip", z.ZodTypeAny, {
+    template?: string | undefined;
     order?: number | undefined;
     priority?: number | undefined;
-    template?: string | undefined;
-    category?: string | undefined;
-    question?: string | undefined;
     isActive?: boolean | undefined;
+    category?: string | undefined;
     variables?: Record<string, string> | undefined;
-    showInFooter?: boolean | undefined;
-    showOnHomepage?: boolean | undefined;
     tags?: string[] | undefined;
+    question?: string | undefined;
+    showOnHomepage?: boolean | undefined;
+    showInFooter?: boolean | undefined;
     isPinned?: boolean | undefined;
     answer?: {
         text: string;
@@ -141,16 +141,16 @@ export declare const faqUpdateSchema: z.ZodObject<{
     relatedFAQs?: string[] | undefined;
     useSiteSettings?: boolean | undefined;
 }, {
+    template?: string | undefined;
     order?: number | undefined;
     priority?: number | undefined;
-    template?: string | undefined;
-    category?: string | undefined;
-    question?: string | undefined;
     isActive?: boolean | undefined;
+    category?: string | undefined;
     variables?: Record<string, string> | undefined;
-    showInFooter?: boolean | undefined;
-    showOnHomepage?: boolean | undefined;
     tags?: string[] | undefined;
+    question?: string | undefined;
+    showOnHomepage?: boolean | undefined;
+    showInFooter?: boolean | undefined;
     isPinned?: boolean | undefined;
     answer?: {
         text: string;

package/dist/features/faq/actions/faq-actions.js

@@ -1,7 +1,7 @@
 import { z } from "zod";
 import { serverLogger } from "../../../monitoring";
 import { faqsRepository } from "../repository/faqs.repository";
-// ─── Schemas ──────────────────────────────────────────────────────────────
+// --- Schemas --------------------------------------------------------------
 const faqBaseSchema = z.object({
     question: z.string().min(10).max(500),
     answer: z.object({
@@ -32,7 +32,7 @@ const voteSchema = z.object({
     faqId: z.string().min(1),
     vote: z.enum(["helpful", "not-helpful"]),
 });
-// ─── Actions ──────────────────────────────────────────────────────────────
+// --- Actions --------------------------------------------------------------
 export async function voteFaq(input) {
     const faq = await faqsRepository.findById(input.faqId);
     if (!faq)

package/dist/features/faq/components/ContactCTA.js

@@ -1,4 +1,3 @@
-"use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Card, Div, Heading, Span, Text, TextLink } from "../../../ui";
 export function ContactCTA({ email, phone, contactHref, labels, }) {

package/dist/features/faq/components/FAQAccordion.js

@@ -1,17 +1,17 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState } from "react";
-import { Button, Div, Row, Span, Text } from "../../../ui";
+import { Button, Div, RichText, Row, Span, Text } from "../../../ui";
 function FAQAccordionItem({ faq, isOpen, onToggle, renderExpandedFooter, }) {
-    return (_jsxs(Div, { className: "border-b border-neutral-200 last:border-0", children: [_jsxs(Button, { onClick: onToggle, "aria-expanded": isOpen, className: "flex w-full items-center justify-between gap-4 py-4 text-left text-sm font-medium text-neutral-900 transition hover:text-primary", children: [_jsx(Span, { children: faq.question }), _jsx(Span, { className: `flex-shrink-0 transition-transform ${isOpen ? "rotate-180" : ""}`, children: _jsx("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: _jsx("path", { d: "M4 6l4 4 4-4", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) }) })] }), isOpen && (_jsxs(Div, { className: "pb-4 text-sm text-neutral-600", children: [faq.tags && faq.tags.length > 0 && (_jsx(Row, { wrap: true, gap: "sm", className: "mb-3", children: faq.tags.map((tag) => (_jsx(Span, { className: "rounded-md bg-neutral-100 px-2 py-1 text-xs text-neutral-600", children: tag }, tag))) })), faq.answer.format === "html" ? (_jsx(Div, { className: "prose prose-sm max-w-none", dangerouslySetInnerHTML: { __html: faq.answer.text } })) : (_jsx(Text, { className: "whitespace-pre-line", children: faq.answer.text })), renderExpandedFooter?.(faq)] }))] }));
+    return (_jsxs(Div, { className: "border-b border-neutral-200 dark:border-slate-700 last:border-0", children: [_jsxs(Button, { onClick: onToggle, "aria-expanded": isOpen, className: "flex w-full items-center justify-between gap-4 py-4 text-left text-sm font-medium text-neutral-900 dark:text-zinc-100 transition hover:text-primary", children: [_jsx(Span, { children: faq.question }), _jsx(Span, { className: `flex-shrink-0 transition-transform ${isOpen ? "rotate-180" : ""}`, children: _jsx("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: _jsx("path", { d: "M4 6l4 4 4-4", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) }) })] }), isOpen && (_jsxs(Div, { className: "pb-4 text-sm text-neutral-600 dark:text-zinc-300", children: [faq.tags && faq.tags.length > 0 && (_jsx(Row, { wrap: true, gap: "sm", className: "mb-3", children: faq.tags.map((tag) => (_jsx(Span, { className: "rounded-md bg-neutral-100 dark:bg-slate-700 px-2 py-1 text-xs text-neutral-600 dark:text-zinc-300", children: tag }, tag))) })), faq.answer.format === "html" ? (_jsx(RichText, { html: faq.answer.text, className: "prose-sm" })) : (_jsx(Text, { className: "whitespace-pre-line", children: faq.answer.text })), renderExpandedFooter?.(faq)] }))] }));
 }
 export function FAQAccordion({ faqs, className = "", renderExpandedFooter, labels, }) {
     const [openId, setOpenId] = useState(null);
     if (faqs.length === 0 && labels?.noResults) {
-        return (_jsx(Div, { className: "rounded-xl border border-neutral-200 bg-white p-8 text-center", children: _jsx(Text, { className: "text-neutral-600", children: labels.noResults }) }));
+        return (_jsx(Div, { className: "rounded-xl border border-neutral-200 dark:border-slate-700 bg-white dark:bg-slate-900 p-8 text-center", children: _jsx(Text, { className: "text-neutral-600 dark:text-zinc-300", children: labels.noResults }) }));
     }
-    return (_jsx(Div, { className: `divide-y divide-neutral-100 rounded-xl border border-neutral-200 bg-white px-5 ${className}`, children: faqs.map((faq) => (_jsx(FAQAccordionItem, { faq: faq, isOpen: openId === faq.id, onToggle: () => setOpenId(openId === faq.id ? null : faq.id), renderExpandedFooter: renderExpandedFooter }, faq.id))) }));
+    return (_jsx(Div, { className: `divide-y divide-neutral-100 dark:divide-slate-700 rounded-xl border border-neutral-200 dark:border-slate-700 bg-white dark:bg-slate-900 px-5 ${className}`, children: faqs.map((faq) => (_jsx(FAQAccordionItem, { faq: faq, isOpen: openId === faq.id, onToggle: () => setOpenId(openId === faq.id ? null : faq.id), renderExpandedFooter: renderExpandedFooter }, faq.id))) }));
 }
 export function FAQCategoryTabs({ categories, active, onSelect, labels = {}, }) {
-    return (_jsxs(Row, { wrap: true, gap: "sm", className: "scrollbar-none", children: [_jsx(Button, { onClick: () => onSelect(null), className: `rounded-full px-4 py-1.5 text-sm font-medium transition ${!active ? "bg-neutral-900 text-white" : "bg-neutral-100 text-neutral-600 hover:bg-neutral-200"}`, children: labels.all ?? "All" }), categories.map((cat) => (_jsx(Button, { onClick: () => onSelect(cat), className: `whitespace-nowrap rounded-full px-4 py-1.5 text-sm font-medium capitalize transition ${active === cat ? "bg-neutral-900 text-white" : "bg-neutral-100 text-neutral-600 hover:bg-neutral-200"}`, children: labels[cat] ?? cat.replace(/_/g, " ") }, cat)))] }));
+    return (_jsxs(Row, { wrap: true, gap: "sm", className: "scrollbar-none", children: [_jsx(Button, { onClick: () => onSelect(null), className: `rounded-full px-4 py-1.5 text-sm font-medium transition ${!active ? "bg-neutral-900 text-white" : "bg-neutral-100 dark:bg-slate-800 text-neutral-600 dark:text-zinc-300 hover:bg-neutral-200 dark:hover:bg-slate-700"}`, children: labels.all ?? "All" }), categories.map((cat) => (_jsx(Button, { onClick: () => onSelect(cat), className: `whitespace-nowrap rounded-full px-4 py-1.5 text-sm font-medium capitalize transition ${active === cat ? "bg-neutral-900 text-white" : "bg-neutral-100 dark:bg-slate-800 text-neutral-600 dark:text-zinc-300 hover:bg-neutral-200 dark:hover:bg-slate-700"}`, children: labels[cat] ?? cat.replace(/_/g, " ") }, cat)))] }));
 }

package/dist/features/faq/components/FAQCategorySidebar.js

@@ -1,4 +1,3 @@
-"use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Card, Div, Heading, Row, Span, Text, TextLink } from "../../../ui";
 export function FAQCategorySidebar({ selectedCategory, onCategorySelect, categoryCounts, categories, allFaqsHref = "/faqs", categoryHref, contactHref, labels, }) {

package/dist/features/faq/components/FAQHelpfulButtons.js

@@ -32,9 +32,9 @@ export function FAQHelpfulButtons({ faqId, initialHelpful, initialNotHelpful, on
             setIsPending(false);
         }
     };
-    return (_jsxs("div", { className: "rounded-lg bg-zinc-100 p-6 dark:bg-slate-700", children: [_jsx(Text, { className: "mb-3 text-sm text-zinc-600 dark:text-zinc-300", children: userVote
+    return (_jsxs("div", { className: "rounded-lg bg-zinc-100 p-6 dark:bg-slate-700", "data-section": "faqhelpfulbuttons-div-285", children: [_jsx(Text, { className: "mb-3 text-sm text-zinc-600 dark:text-zinc-300", children: userVote
                     ? (labels?.thanksForFeedback ?? "Thanks for your feedback")
-                    : (labels?.wasThisHelpful ?? "Was this helpful?") }), _jsxs("div", { className: "flex gap-3", children: [_jsxs(Button, { variant: "ghost", onClick: () => handleVote(true), disabled: isPending || userVote !== null, className: `flex-1 gap-2 rounded-lg p-4 transition-all ${userVote === "helpful"
+                    : (labels?.wasThisHelpful ?? "Was this helpful?") }), _jsxs("div", { className: "flex gap-3", "data-section": "faqhelpfulbuttons-div-286", children: [_jsxs(Button, { variant: "ghost", onClick: () => handleVote(true), disabled: isPending || userVote !== null, className: `flex-1 gap-2 rounded-lg p-4 transition-all ${userVote === "helpful"
                             ? "bg-green-600 text-white"
                             : userVote
                                 ? "cursor-not-allowed bg-zinc-200 text-zinc-500 opacity-50 dark:bg-slate-600 dark:text-zinc-400"

package/dist/features/faq/components/FAQPageContent.d.ts

@@ -42,6 +42,9 @@ interface FAQPageContentProps {
     onSearchChange: (value: string) => void;
     sortOption: FAQSortOption;
     onSortChange: (sort: FAQSortOption) => void;
+    page?: number;
+    pageSize?: number;
+    renderPagination?: (total: number) => React.ReactNode;
     renderMobileCategoryTabs: (input: {
         selectedCategory: FAQCategory | "all";
         total: number;
@@ -50,5 +53,5 @@ interface FAQPageContentProps {
     }) => React.ReactNode;
     renderAccordion?: (faqs: FAQ[]) => React.ReactNode;
 }
-export declare function FAQPageContent({ initialCategory, categories, routeHelpers, labels, contact, searchValue, onSearchChange, sortOption, onSortChange, renderMobileCategoryTabs, renderAccordion, }: FAQPageContentProps): import("react/jsx-runtime").JSX.Element;
+export declare function FAQPageContent({ initialCategory, categories, routeHelpers, labels, contact, searchValue, onSearchChange, sortOption, onSortChange, page, pageSize, renderPagination, renderMobileCategoryTabs, renderAccordion, }: FAQPageContentProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/features/faq/components/FAQPageContent.js

@@ -1,12 +1,11 @@
-"use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Heading, Text } from "../../../ui";
+import { Heading, Input, SlottedListingView, Text } from "../../../ui";
 import { FAQCategorySidebar } from "./FAQCategorySidebar";
 import { FAQSortDropdown } from "./FAQSortDropdown";
 import { FAQAccordion } from "./FAQAccordion";
 import { ContactCTA } from "./ContactCTA";
 import { useFaqList } from "../hooks/useFaqList";
-export function FAQPageContent({ initialCategory = "all", categories, routeHelpers, labels, contact, searchValue, onSearchChange, sortOption, onSortChange, renderMobileCategoryTabs, renderAccordion, }) {
+export function FAQPageContent({ initialCategory = "all", categories, routeHelpers, labels, contact, searchValue, onSearchChange, sortOption, onSortChange, page = 1, pageSize = 100, renderPagination, renderMobileCategoryTabs, renderAccordion, }) {
     const selectedCategory = initialCategory;
     const sorts = sortOption === "helpful"
         ? "-stats.helpful,-priority,order"
@@ -17,8 +16,8 @@ export function FAQPageContent({ initialCategory = "all", categories, routeHelpe
         category: selectedCategory === "all" ? undefined : selectedCategory,
         search: searchValue.trim() || undefined,
         sorts,
-        page: 1,
-        pageSize: 100,
+        page,
+        pageSize,
     });
     const { faqs: allMatchingFaqs } = useFaqList({
         search: searchValue.trim() || undefined,
@@ -38,24 +37,24 @@ export function FAQPageContent({ initialCategory = "all", categories, routeHelpe
     const handleCategorySelect = (category) => {
         routeHelpers.navigateToCategory(category);
     };
-    return (_jsxs("div", { className: "py-12", children: [_jsxs("div", { className: "mb-12 text-center", children: [_jsx(Heading, { level: 1, className: "mb-4 text-3xl font-bold sm:text-4xl", children: labels.title }), _jsx(Text, { className: "mx-auto max-w-2xl text-zinc-600 dark:text-zinc-300", children: labels.subtitle })] }), _jsx("div", { className: "mb-8", children: _jsx("input", { value: searchValue, onChange: (e) => onSearchChange(e.target.value), placeholder: labels.searchPlaceholder, className: "h-11 w-full rounded-lg border border-zinc-200 bg-white px-4 text-sm text-zinc-900 outline-none ring-primary/20 transition focus:ring-2 dark:border-slate-700 dark:bg-slate-800 dark:text-zinc-100" }) }), _jsx("div", { className: "mb-8 lg:hidden", children: renderMobileCategoryTabs({
+    return (_jsxs("div", { className: "py-12", "data-section": "faqpagecontent-div-287", children: [_jsxs("div", { className: "mb-12 text-center", "data-section": "faqpagecontent-div-288", children: [_jsx(Heading, { level: 1, className: "mb-4 text-3xl font-bold sm:text-4xl", children: labels.title }), _jsx(Text, { className: "mx-auto max-w-2xl text-zinc-600 dark:text-zinc-300", children: labels.subtitle })] }), _jsx("div", { className: "mb-8 lg:hidden", "data-section": "faqpagecontent-div-289", children: renderMobileCategoryTabs({
                     selectedCategory,
                     total,
                     categoryCounts,
                     onSelect: handleCategorySelect,
-                }) }), _jsxs("div", { className: "grid grid-cols-1 gap-8 lg:grid-cols-12", children: [_jsx("div", { className: "hidden lg:col-span-4 lg:block xl:col-span-3", children: _jsx(FAQCategorySidebar, { selectedCategory: selectedCategory, onCategorySelect: handleCategorySelect, categoryCounts: categoryCounts, categories: categories, allFaqsHref: routeHelpers.allFaqsHref, categoryHref: routeHelpers.faqCategoryHref, contactHref: routeHelpers.contactHref, labels: {
+                }) }), _jsxs("div", { className: "grid grid-cols-1 gap-8 lg:grid-cols-12", "data-section": "faqpagecontent-div-290", children: [_jsx("div", { className: "hidden lg:col-span-4 lg:block xl:col-span-3", "data-section": "faqpagecontent-div-291", children: _jsx(FAQCategorySidebar, { selectedCategory: selectedCategory, onCategorySelect: handleCategorySelect, categoryCounts: categoryCounts, categories: categories, allFaqsHref: routeHelpers.allFaqsHref, categoryHref: routeHelpers.faqCategoryHref, contactHref: routeHelpers.contactHref, labels: {
                                 title: labels.categoriesTitle,
                                 allFaqs: labels.allFaqs,
                                 stillHaveQuestions: labels.stillHaveQuestions,
                                 contactSupport: labels.contactSupport,
-                            } }) }), _jsxs("div", { className: "col-span-1 lg:col-span-8 xl:col-span-9", children: [_jsxs("div", { className: "mb-8 flex items-center justify-between gap-4", children: [_jsxs(Text, { className: "text-sm text-zinc-600 dark:text-zinc-300", children: [labels.resultCount(total), selectedCategory !== "all"
-                                                ? ` ${labels.inCategory(categories.find((c) => c.key === selectedCategory)?.label ?? selectedCategory)}`
-                                                : ""] }), _jsx(FAQSortDropdown, { selectedSort: sortOption, onSortChange: onSortChange, labels: {
-                                            label: labels.sortLabel,
-                                            helpful: labels.sortHelpful,
-                                            newest: labels.sortNewest,
-                                            alphabetical: labels.sortAlphabetical,
-                                        } })] }), isLoading ? (_jsx(Text, { className: "text-zinc-500 dark:text-zinc-400", children: labels.loading })) : renderAccordion ? (renderAccordion(faqs)) : (_jsx(FAQAccordion, { faqs: faqs })), faqs.length > 0 ? (_jsx("div", { className: "mt-12", children: _jsx(ContactCTA, { email: contact.email, phone: contact.phone, contactHref: routeHelpers.contactHref, labels: {
+                            } }) }), _jsxs("div", { className: "col-span-1 lg:col-span-8 xl:col-span-9", "data-section": "faqpagecontent-div-292", children: [_jsx(SlottedListingView, { portal: "public", inlineToolbar: true, className: "space-y-6", renderHeader: () => (_jsxs(Text, { className: "text-sm text-zinc-600 dark:text-zinc-300", children: [labels.resultCount(total), selectedCategory !== "all"
+                                            ? ` ${labels.inCategory(categories.find((c) => c.key === selectedCategory)?.label ?? selectedCategory)}`
+                                            : ""] })), renderSearch: () => (_jsx(Input, { value: searchValue, onChange: (event) => onSearchChange(event.target.value), placeholder: labels.searchPlaceholder })), renderSort: () => (_jsx(FAQSortDropdown, { selectedSort: sortOption, onSortChange: onSortChange, labels: {
+                                        label: labels.sortLabel,
+                                        helpful: labels.sortHelpful,
+                                        newest: labels.sortNewest,
+                                        alphabetical: labels.sortAlphabetical,
+                                    } })), renderTable: () => isLoading ? (_jsx(Text, { className: "text-zinc-500 dark:text-zinc-400", children: labels.loading })) : renderAccordion ? (renderAccordion(faqs)) : (_jsx(FAQAccordion, { faqs: faqs })), renderPagination: () => renderPagination?.(total) ?? null, total: total, isLoading: isLoading }), faqs.length > 0 ? (_jsx("div", { className: "mt-12", "data-section": "faqpagecontent-div-293", children: _jsx(ContactCTA, { email: contact.email, phone: contact.phone, contactHref: routeHelpers.contactHref, labels: {
                                         title: labels.contactTitle,
                                         description: labels.contactDescription,
                                         emailUs: labels.contactEmailUs,

package/dist/features/faq/components/FAQSortDropdown.js

@@ -1,4 +1,3 @@
-"use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Select, Span } from "../../../ui";
 export function FAQSortDropdown({ selectedSort, onSortChange, labels, }) {
@@ -7,5 +6,5 @@ export function FAQSortDropdown({ selectedSort, onSortChange, labels, }) {
         { value: "newest", label: labels?.newest ?? "Newest" },
         { value: "alphabetical", label: labels?.alphabetical ?? "Alphabetical" },
     ];
-    return (_jsxs("div", { className: "flex items-center gap-3", children: [_jsx(Span, { className: "text-sm text-zinc-600 dark:text-zinc-400", children: labels?.label ?? "Sort" }), _jsx("div", { className: "min-w-44", children: _jsx(Select, { value: selectedSort, onValueChange: (value) => onSortChange(value), options: sortOptions }) })] }));
+    return (_jsxs("div", { className: "flex items-center gap-3", "data-section": "faqsortdropdown-div-294", children: [_jsx(Span, { className: "text-sm text-zinc-600 dark:text-zinc-400", children: labels?.label ?? "Sort" }), _jsx("div", { className: "min-w-44", "data-section": "faqsortdropdown-div-295", children: _jsx(Select, { value: selectedSort, onValueChange: (value) => onSortChange(value), options: sortOptions }) })] }));
 }

package/dist/features/faq/components/RelatedFAQs.js

@@ -1,4 +1,3 @@
-"use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Card, Div, Heading, Text, TextLink } from "../../../ui";
 export function RelatedFAQs({ relatedFAQs, hrefForFaq, labels, }) {

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

@@ -1,4 +1,3 @@
-"use client";
 import { useQuery } from "@tanstack/react-query";
 import { apiClient } from "../../../http";
 import { FAQ_ENDPOINTS } from "../../../constants/api-endpoints";

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

@@ -1,4 +1,3 @@
-"use client";
 import { useQuery } from "@tanstack/react-query";
 import { apiClient } from "../../../http";
 import { FAQ_ENDPOINTS } from "../../../constants/api-endpoints";

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

@@ -1,4 +1,3 @@
-"use client";
 import { useMutation } from "@tanstack/react-query";
 import { apiClient } from "../../../http";
 import { FAQ_ENDPOINTS } from "../../../constants/api-endpoints";

package/dist/features/faq/repository/faqs.repository.d.ts

@@ -1,4 +1,3 @@
-import "server-only";
 import type { IRepository, PagedResult, SieveQuery } from "../../../contracts";
 import { BaseRepository } from "../../../providers/db-firebase";
 import type { FirebaseSieveFields, FirebaseSieveResult, SieveModel } from "../../../providers/db-firebase";

package/dist/features/faq/repository/faqs.repository.js

@@ -1,4 +1,3 @@
-import "server-only";
 import { BaseRepository, prepareForFirestore, } from "../../../providers/db-firebase";
 import { DatabaseError } from "../../../errors";
 import { increment } from "../../../contracts/field-ops";