@mohasinac/appkit 4.52.4 → 4.53.0

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

@@ -11,6 +11,13 @@ export declare const ALL_EVENT_TYPES: EventType[];
  */
 export declare const EVENT_TYPE_LABELS: Record<EventType, string>;
 export type RaffleType = "top_n_scorers" | "top_n_participants" | "open_raffle" | "spin_wheel";
+/**
+ * A spin prize as STORED on the event document. `weight` IS the odds and
+ * `couponId` is an internal document id — neither may reach a browser.
+ *
+ * Authored by the admin editor, read by `assignSpinPrize`. For anything that
+ * renders, use `DisplaySpinPrize` below.
+ */
 export interface SpinPrize {
     id: string;
     label: string;
@@ -18,6 +25,27 @@ export interface SpinPrize {
     weight: number;
     isActive: boolean;
 }
+/**
+ * A spin prize as a VIEW may see it: what it is, not what it is worth.
+ *
+ * 🛑 This exists because `SpinWheelView.prizes` was typed `SpinPrize[]`, which
+ * made `weight` and `couponId` REQUIRED of every caller — so handing the public
+ * wheel the full stored prize, odds included, was the only way to satisfy the
+ * compiler. The participate page duly cast the stored array straight into a
+ * `"use client"` prop and published the odds of every wheel (Root Cause #70).
+ *
+ * A rendering surface that demands the secret will be given the secret. The
+ * structural subset is the fix: `SpinPrize` is assignable to this, so the admin
+ * editor keeps passing stored prizes, while a client payload narrowed by
+ * `toClientSpinPrize` now satisfies it too — and re-adding `weight` to a
+ * client-bound type becomes a deliberate act rather than the path of least
+ * resistance.
+ */
+export interface DisplaySpinPrize {
+    id: string;
+    label: string;
+    isActive?: boolean;
+}
 export type EventStatus = "draft" | "active" | "paused" | "ended" | "cancelled";
 export declare const ALL_EVENT_STATUSES: EventStatus[];
 /** Dashboard display labels — see `EVENT_TYPE_LABELS`. */
@@ -172,6 +200,15 @@ export interface SpinResultEntry {
     spinPrizeId?: string;
     spinPrizeTitle?: string;
     spinWonAt?: string;
+    /**
+     * The coupon code the spin awarded, for the caller's OWN results only.
+     *
+     * 🛑 `getEventSpinResults` — the PUBLIC masked feed of everyone's recent
+     * spins — must never populate this. A coupon code is a bearer token: anyone
+     * who can read it can redeem it. Only `getUserSpinResultsForEvent`, which
+     * takes a `userId` the server supplies from a verified session, sets it.
+     */
+    spinPrizeCouponCode?: string;
 }
 export interface EventListResponse {
     items: EventItem[];

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

@@ -20,7 +20,7 @@ export class FAQsRepository {
         const result = await this.repo.findAll({
             filters: `isActive==true,category==${category}`,
             sort: "order",
-            perPage: 100,
+            pageSize: 100,
         });
         return result.data;
     }

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

@@ -140,18 +140,21 @@ export declare const faqListParamsSchema: z.ZodObject<{
     homepage: z.ZodOptional<z.ZodBoolean>;
     q: z.ZodOptional<z.ZodString>;
     page: z.ZodOptional<z.ZodNumber>;
+    pageSize: z.ZodOptional<z.ZodNumber>;
     perPage: z.ZodOptional<z.ZodNumber>;
 }, "strip", z.ZodTypeAny, {
     page?: number | undefined;
     q?: string | undefined;
-    perPage?: number | undefined;
+    pageSize?: number | undefined;
     category?: "orders_payment" | "shipping_delivery" | "returns_refunds" | "product_information" | "account_security" | "technical_support" | "general" | undefined;
+    perPage?: number | undefined;
     homepage?: boolean | undefined;
 }, {
     page?: number | undefined;
     q?: string | undefined;
-    perPage?: number | undefined;
+    pageSize?: number | undefined;
     category?: "orders_payment" | "shipping_delivery" | "returns_refunds" | "product_information" | "account_security" | "technical_support" | "general" | undefined;
+    perPage?: number | undefined;
     homepage?: boolean | undefined;
 }>;
 export * from "./firestore";

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

@@ -57,6 +57,12 @@ export const faqListParamsSchema = z.object({
     homepage: z.coerce.boolean().optional(),
     q: z.string().optional(),
     page: z.coerce.number().optional(),
+    pageSize: z.coerce.number().optional(),
+    /*
+     * Accepted, never emitted — a link built before the `perPage` → `pageSize`
+     * rename. Same deliberate back-compat as `blogListParamsSchema`: this is a
+     * PUBLIC query parameter, so dropping it would 400 somebody's bookmark.
+     */
     perPage: z.coerce.number().optional(),
 });
 export * from "./firestore.js";

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

@@ -54,7 +54,6 @@ export interface FAQListParams {
     tags?: string[];
     showOnHomepage?: boolean;
     page?: number;
-    perPage?: number;
     pageSize?: number;
     sorts?: string;
 }

package/dist/features/grouped/components/GroupedListingEditorView.js

@@ -38,7 +38,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from "react";
 import { useQuery } from "@tanstack/react-query";
 import { useRouter } from "next/navigation.js";
-import { Stack, Text, useToast } from "../../../ui/index.js";
+import { EmptyState, Stack, Text, useToast } from "../../../ui/index.js";
 import { FieldSelect, FormShellContext, FormErrorSummary, applyZodIssues, useFormShellState, } from "../../../ui/forms/index.js";
 import { SectionForm, useSectionFormNav } from "../../shell/index.js";
 import { buildSectionsFromSchema } from "../../shell/build-sections.js";
@@ -134,7 +134,6 @@ export function GroupedListingEditorView({ scope, groupId, fixedStoreId, onSaved
     });
     React.useEffect(() => {
         validate(values);
-        // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [values, validate]);
     const handleSubmit = async () => {
         const parsed = groupedListingFormSchema.safeParse(values);
@@ -183,6 +182,22 @@ export function GroupedListingEditorView({ scope, groupId, fixedStoreId, onSaved
     if (isEdit && existing.isLoading) {
         return _jsx(Text, { color: "muted", children: "Loading\u2026" });
     }
+    /*
+     * 🛑 LOADING and MISSING are different states, and collapsing them is the
+     * defect `audit-admin-detail-notfound` exists for.
+     *
+     * Without this branch, an invented `groupId` fell through to the form below
+     * with every field at its empty default — a complete, saveable editor for a
+     * record that does not exist. `/admin/grouped-listings/zzzznope/edit` looked
+     * ready to Save, and the admin PATCH it would call is the one that used to
+     * silently drop every key but `productIds` (see this file's page header).
+     *
+     * Only reached once the query has SETTLED, so a slow fetch still shows
+     * "Loading…" rather than flashing "not found" at a record that is on its way.
+     */
+    if (isEdit && !existing.isLoading && !existing.data) {
+        return (_jsx(EmptyState, { title: "Grouped listing not found", description: "This group may have been deleted, or the link may be wrong." }));
+    }
     return (_jsxs(Stack, { gap: "md", children: [needsStorePicker ? (_jsx(FieldSelect, { name: "storeId", label: "Store", required: true, value: storeId, onChange: setStoreId, options: [
                     { value: "", label: "Select a store…" },
                     ...(stores.data ?? []).map((s) => ({

package/dist/features/homepage/api/carousel/[id]/route.js

@@ -88,7 +88,7 @@ export const carouselItemPATCH = createRouteHandler({
         if (patch.active === true && !slide.active) {
             const active = await repo.findAll({
                 filters: "active==true",
-                perPage: MAX_ACTIVE_SLIDES + 1,
+                pageSize: MAX_ACTIVE_SLIDES + 1,
             });
             if (active.data.length >= MAX_ACTIVE_SLIDES) {
                 return NextResponse.json({

package/dist/features/homepage/api/carousel/route.js

@@ -59,7 +59,7 @@ export async function GET(request) {
             const result = await repo.findAll({
                 sort: "order",
                 order: "asc",
-                perPage: 100,
+                pageSize: 100,
             });
             slides = result.data;
         }
@@ -68,7 +68,7 @@ export async function GET(request) {
                 filters: "active==true",
                 sort: "order",
                 order: "asc",
-                perPage: MAX_ACTIVE_SLIDES,
+                pageSize: MAX_ACTIVE_SLIDES,
             });
             slides = result.data.slice(0, MAX_ACTIVE_SLIDES);
         }
@@ -129,7 +129,7 @@ export const carouselPOST = createRouteHandler({
         // Guard: max 5 active slides
         const active = await repo.findAll({
             filters: "active==true",
-            perPage: MAX_ACTIVE_SLIDES + 1,
+            pageSize: MAX_ACTIVE_SLIDES + 1,
         });
         const incoming = body;
         if (incoming.active !== false && active.data.length >= MAX_ACTIVE_SLIDES) {
@@ -141,7 +141,7 @@ export const carouselPOST = createRouteHandler({
         const existing = await repo.findAll({
             sort: "order",
             order: "desc",
-            perPage: 1,
+            pageSize: 1,
         });
         const maxOrder = existing.data[0]?.order ?? -1;
         const now = new Date().toISOString();

package/dist/features/homepage/api/route.js

@@ -61,7 +61,7 @@ export async function GET(request) {
             filters: filterParts.join(",") || undefined,
             sort: "order",
             order: "asc",
-            perPage: 50,
+            pageSize: 50,
         });
         const sections = result.data.sort((a, b) => (a.order ?? 0) - (b.order ?? 0));
         const res = NextResponse.json({ success: true, data: sections });
@@ -124,7 +124,7 @@ export const POST = createRouteHandler({
         const existing = await repo.findAll({
             sort: "order",
             order: "desc",
-            perPage: 1,
+            pageSize: 1,
         });
         const maxOrder = existing.data[0]?.order ?? -1;
         const now = new Date().toISOString();

package/dist/features/homepage/api/sections/route.js

@@ -33,7 +33,7 @@ export async function GET(request) {
             filters,
             sort,
             page,
-            perPage: pageSize,
+            pageSize: pageSize,
         });
         const totalPages = Math.max(1, Math.ceil(result.total / pageSize));
         return NextResponse.json({

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

@@ -11,13 +11,5 @@ export interface AnnouncementBarProps {
     className?: string;
     /** Called when the user dismisses — consumer wires this to a server action to persist. */
     onDismiss?: (hash: string) => void;
-    /**
-     * Renders as a translucent, backdrop-blurred strip pinned to the top edge
-     * of the nearest positioned ancestor, instead of the default full-bleed
-     * in-flow bar. Used on the homepage to overlay the banner over the first
-     * section (e.g. the Welcome hero) rather than pushing it down with extra
-     * vertical space.
-     */
-    overlay?: boolean;
 }
-export declare function AnnouncementBar({ message, link, className, onDismiss, overlay }: AnnouncementBarProps): React.JSX.Element | null;
+export declare function AnnouncementBar({ message, link, className, onDismiss }: AnnouncementBarProps): React.JSX.Element | null;

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

@@ -38,7 +38,7 @@ function saveLocalDismissal(message) {
         void normalizeError(_err); /* quota exceeded — ignore */
     }
 }
-export function AnnouncementBar({ message, link, className = "", onDismiss, overlay = false }) {
+export function AnnouncementBar({ message, link, className = "", onDismiss }) {
     const { user } = useAuth();
     const bannerHash = hashBannerMessage(message);
     const userAlreadyDismissed = !!user?.dismissedBannerHash && user.dismissedBannerHash === bannerHash;
@@ -56,32 +56,26 @@ export function AnnouncementBar({ message, link, className = "", onDismiss, over
     if (dismissed)
         return null;
     /*
-     * 🛑 THE OVERLAY IS md AND UP ONLY — IT PAINTED OVER THE HERO HEADING ON
-     * EVERY PHONE WIDTH.
+     * 🛑 THE `overlay` PROP IS GONE — DO NOT REINTRODUCE IT.
      *
-     * `absolute` reserves no space, which is the whole point of the overlay: the
-     * hero's own top padding is sized to sit a ONE-LINE banner over it. A real
-     * announcement wraps on a narrow screen, grows downward, and there is
-     * nothing to stop it.
-     *
-     * Measured on production against the live announcement, against the <h1>:
+     * It rendered this bar `absolute inset-x-0 top-0` over the homepage's first
+     * section, which reserves no space by design. A banner that reserves no space
+     * paints on whatever is beneath it the moment it is taller than the padding
+     * someone sized for it. Measured on production against the hero <h1>:
      *
      *   320px → 30px overlap      768px → 10px clear
      *   390px → 10px overlap     1280px → 10px clear
      *   430px → 10px overlap
      *
-     * So it was every phone width and no tablet or desktop width — which is why
-     * it survived: the breakpoints people check it at are the ones where the
-     * message still fits on one line.
+     * That was patched once by making the overlay `md:` and up, which fixed the
+     * phone widths and left the mechanism in place — a one-line message at a
+     * width nobody checks is one long announcement away from the same bug.
      *
-     * Below `md` it is an ordinary in-flow bar that pushes the hero down, with a
-     * SOLID background (the translucent + blur treatment only reads as
-     * deliberate when there is artwork behind it). From `md` up, the designed
-     * overlay is unchanged.
+     * The bar now renders in normal flow, portalled above the sticky header via
+     * `TopBannerPortal`. It pushes the page down by exactly its own height at
+     * every width, so there is nothing to overlap and no breakpoint to tune.
      */
-    const positionCls = overlay
-        ? "relative md:absolute inset-x-0 top-0 z-20 bg-primary-700 md:bg-primary-700/85 md:backdrop-blur-sm"
-        : "relative left-1/2 right-1/2 w-screen -translate-x-1/2 bg-primary-700";
+    const positionCls = "relative w-full bg-primary-700";
     return (_jsx(Div, { className: `${positionCls} transition-opacity duration-200 ${mounted ? "opacity-100" : "opacity-0"} ${className}`, role: "banner", children: _jsx(Div, { paddingX: "x-page", className: "container mx-auto max-w-[1920px]", children: _jsxs(Row, { textWeight: "medium", textSize: "sm", className: "relative text-left text-white", padding: "y-xs", align: "center", justify: "start", children: [link ? (_jsx(TextLink, { href: link, className: "text-white underline", children: message })) : (_jsx(Span, { children: message })), _jsx(IconButton, { type: "button", onClick: () => {
                             saveLocalDismissal(message);
                             onDismiss?.(bannerHash);

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

@@ -2,6 +2,11 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { sieveFilter, SIEVE_OP } from "@mohasinac/appkit";
 import { sortBy } from "@mohasinac/appkit";
 import { Div, Main } from "../../../ui/index.js";
+// Deep import, not the `ui` barrel and not `@mohasinac/appkit/client`: this is a
+// Server Component, so a runtime value from the client entry would arrive as a
+// client-reference proxy (Root Cause #76). Rendering it as JSX is the supported
+// boundary; importing it from its defining module is Root Cause #18.
+import { TopBannerPortal } from "../../../ui/components/TopBannerPortal.js";
 import { carouselRepository } from "../../../repositories/index.js";
 // Both are React.cache wrappers around a single repository call, shared with
 // other readers in the same request tree (the locale layout for settings,
@@ -185,5 +190,5 @@ export async function MarketplaceHomepageView({ adSlots, newsletterFormSlot, onB
             : undefined,
     };
     const carouselSlides = toCarouselSlides(slides);
-    return (_jsx(Main, { children: _jsxs(Div, { className: "relative", children: [showAnnouncement ? (_jsx(AnnouncementBar, { overlay: true, message: announcementMessage, link: siteSettings?.announcementBar?.link, onDismiss: onBannerDismiss })) : null, orderedSections.map((section) => renderSection(section, adSlots, newsletterFormSlot ?? null, faqItems, carouselSlides, liveStats, sectionData, brand))] }) }));
+    return (_jsx(Main, { children: _jsxs(Div, { className: "relative", children: [showAnnouncement ? (_jsx(TopBannerPortal, { children: _jsx(AnnouncementBar, { message: announcementMessage, link: siteSettings?.announcementBar?.link, onDismiss: onBannerDismiss }) })) : null, orderedSections.map((section) => renderSection(section, adSlots, newsletterFormSlot ?? null, faqItems, carouselSlides, liveStats, sectionData, brand))] }) }));
 }

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

@@ -50,8 +50,6 @@ export { WhatsAppCommunitySection } from "./WhatsAppCommunitySection";
 export { HomepageSkeleton } from "./HomepageSkeleton";
 export type { FeaturedResultItem, FeaturedResultsSectionProps, } from "./FeaturedResultsSection";
 export { FeaturedResultsSection } from "./FeaturedResultsSection";
-export type { HowItWorksInfoStep, HowItWorksInfoDetail, HowItWorksInfoViewProps, } from "./HowItWorksInfoView";
-export { HowItWorksInfoView } from "./HowItWorksInfoView";
 export type { AnnouncementBarProps } from "./AnnouncementBar";
 export { AnnouncementBar, hashBannerMessage } from "./AnnouncementBar";
 export type { ShopByCategorySectionProps } from "./ShopByCategorySection";

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

@@ -25,7 +25,6 @@ export { TrustIndicatorsSection } from "./TrustIndicatorsSection.js";
 export { WhatsAppCommunitySection } from "./WhatsAppCommunitySection.js";
 export { HomepageSkeleton } from "./HomepageSkeleton.js";
 export { FeaturedResultsSection } from "./FeaturedResultsSection.js";
-export { HowItWorksInfoView } from "./HowItWorksInfoView.js";
 export { AnnouncementBar, hashBannerMessage } from "./AnnouncementBar.js";
 export { ShopByCategorySection } from "./ShopByCategorySection.js";
 export { FeaturedProductsSection } from "./FeaturedProductsSection.js";

package/dist/features/homepage/repository/homepage.repository.js

@@ -6,7 +6,7 @@ export class HomepageSectionsRepository {
         return this.repo.findAll({
             filters: "isVisible==true",
             sort: "order",
-            perPage: 50,
+            pageSize: 50,
             ...query,
         });
     }

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

@@ -651,6 +651,12 @@ export interface EventRafflesSectionConfig {
     title?: string;
     subtitle?: string;
     maxItems?: number;
+    /**
+     * Which prize-event types the strip spans. The two concrete values are
+     * `EventType` members, matched against the `type` field — see
+     * `EventRafflesSection` for why `hasRaffle` was the wrong field and what it
+     * silently did instead.
+     */
     raffleType?: "raffle" | "spin_wheel" | "all";
     showEntryCount?: boolean;
     showCountdown?: boolean;

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

@@ -184,15 +184,15 @@ export declare const carouselCardSchema: z.ZodObject<{
     }, "strip", z.ZodTypeAny, {
         title?: string | undefined;
         description?: string | undefined;
-        textAlign?: "center" | "left" | "right" | undefined;
         textColor?: string | undefined;
+        textAlign?: "center" | "left" | "right" | undefined;
         subtitle?: string | undefined;
         eyebrow?: string | undefined;
     }, {
         title?: string | undefined;
         description?: string | undefined;
-        textAlign?: "center" | "left" | "right" | undefined;
         textColor?: string | undefined;
+        textAlign?: "center" | "left" | "right" | undefined;
         subtitle?: string | undefined;
         eyebrow?: string | undefined;
     }>>;
@@ -251,8 +251,8 @@ export declare const carouselCardSchema: z.ZodObject<{
     content?: {
         title?: string | undefined;
         description?: string | undefined;
-        textAlign?: "center" | "left" | "right" | undefined;
         textColor?: string | undefined;
+        textAlign?: "center" | "left" | "right" | undefined;
         subtitle?: string | undefined;
         eyebrow?: string | undefined;
     } | undefined;
@@ -292,8 +292,8 @@ export declare const carouselCardSchema: z.ZodObject<{
     content?: {
         title?: string | undefined;
         description?: string | undefined;
-        textAlign?: "center" | "left" | "right" | undefined;
         textColor?: string | undefined;
+        textAlign?: "center" | "left" | "right" | undefined;
         subtitle?: string | undefined;
         eyebrow?: string | undefined;
     } | undefined;
@@ -524,15 +524,15 @@ export declare const carouselSlideFirestoreSchema: z.ZodObject<{
         }, "strip", z.ZodTypeAny, {
             title?: string | undefined;
             description?: string | undefined;
-            textAlign?: "center" | "left" | "right" | undefined;
             textColor?: string | undefined;
+            textAlign?: "center" | "left" | "right" | undefined;
             subtitle?: string | undefined;
             eyebrow?: string | undefined;
         }, {
             title?: string | undefined;
             description?: string | undefined;
-            textAlign?: "center" | "left" | "right" | undefined;
             textColor?: string | undefined;
+            textAlign?: "center" | "left" | "right" | undefined;
             subtitle?: string | undefined;
             eyebrow?: string | undefined;
         }>>;
@@ -591,8 +591,8 @@ export declare const carouselSlideFirestoreSchema: z.ZodObject<{
         content?: {
             title?: string | undefined;
             description?: string | undefined;
-            textAlign?: "center" | "left" | "right" | undefined;
             textColor?: string | undefined;
+            textAlign?: "center" | "left" | "right" | undefined;
             subtitle?: string | undefined;
             eyebrow?: string | undefined;
         } | undefined;
@@ -632,8 +632,8 @@ export declare const carouselSlideFirestoreSchema: z.ZodObject<{
         content?: {
             title?: string | undefined;
             description?: string | undefined;
-            textAlign?: "center" | "left" | "right" | undefined;
             textColor?: string | undefined;
+            textAlign?: "center" | "left" | "right" | undefined;
             subtitle?: string | undefined;
             eyebrow?: string | undefined;
         } | undefined;
@@ -771,8 +771,8 @@ export declare const carouselSlideFirestoreSchema: z.ZodObject<{
         content?: {
             title?: string | undefined;
             description?: string | undefined;
-            textAlign?: "center" | "left" | "right" | undefined;
             textColor?: string | undefined;
+            textAlign?: "center" | "left" | "right" | undefined;
             subtitle?: string | undefined;
             eyebrow?: string | undefined;
         } | undefined;
@@ -880,8 +880,8 @@ export declare const carouselSlideFirestoreSchema: z.ZodObject<{
         content?: {
             title?: string | undefined;
             description?: string | undefined;
-            textAlign?: "center" | "left" | "right" | undefined;
             textColor?: string | undefined;
+            textAlign?: "center" | "left" | "right" | undefined;
             subtitle?: string | undefined;
             eyebrow?: string | undefined;
         } | undefined;

package/dist/features/layout/AppLayoutShell.d.ts

@@ -8,6 +8,17 @@ export interface AppLayoutShellSidebarLink {
     label: string;
     /** Optional icon rendered before the label (emoji string or ReactNode). */
     icon?: React.ReactNode;
+    /**
+     * Sub-links, rendered indented beneath this one.
+     *
+     * 🛑 This mirrors the top navbar's dropdown, and it exists for the same
+     * reason the navbar's does: the sidebar and the mobile sheet are built from
+     * the SAME nav items, so a parent that gained children in the navbar would
+     * otherwise silently lose every one of them here — the merge would read as a
+     * deletion on exactly the surface phones use. One level only, matching
+     * `NavbarLayoutItem`.
+     */
+    children?: AppLayoutShellSidebarLink[];
 }
 export interface AppLayoutShellSidebarSection {
     title?: string;
@@ -101,8 +112,6 @@ export interface AppLayoutShellProps {
      * every offset above them reads.
      */
     showBottomNav?: boolean;
-    /** When provided, renders a tour-start icon button in the title bar. Null in Patch 1. */
-    onTourStart?: () => void;
     /**
      * Override className for the main content wrapper div.
      * When set, replaces the default `w-full px-4 py-6 …`
@@ -128,4 +137,4 @@ export interface AppLayoutShellProps {
         };
     };
 }
-export declare function AppLayoutShell({ children, navItems, sidebarItems, sidebarSections, sidebarPrimaryActions, sidebarTitle, hiddenNavItems, user, brandName, brandShortName, siteLogoUrl, logoHref, promotionsHref, cartHref, wishlistHref, messagesHref, unreadMessageCount, userId, profileHref, loginHref, registerHref, homeHref, shopHref, footer, searchSlot, searchSlotRenderer, titleBarNavSlot, titleBarNotificationSlot, titleBarDevSlot, titleBarPromoStripText, showThemeToggle, suppressDashboardNav, hideSidebarToggle, onLogout, adminHref, storeHref, sellerHref, userOrdersHref, userWishlistHref, userSettingsHref, sidebarLocaleSlot, showThemeToggleInSidebar, sidebarProfileLabels, eventBannerSlot, showBottomNav, onTourStart, contentClassName, lightBackground, darkBackground, }: AppLayoutShellProps): React.JSX.Element;
+export declare function AppLayoutShell({ children, navItems, sidebarItems, sidebarSections, sidebarPrimaryActions, sidebarTitle, hiddenNavItems, user, brandName, brandShortName, siteLogoUrl, logoHref, promotionsHref, cartHref, wishlistHref, messagesHref, unreadMessageCount, userId, profileHref, loginHref, registerHref, homeHref, shopHref, footer, searchSlot, searchSlotRenderer, titleBarNavSlot, titleBarNotificationSlot, titleBarDevSlot, titleBarPromoStripText, showThemeToggle, suppressDashboardNav, hideSidebarToggle, onLogout, adminHref, storeHref, sellerHref, userOrdersHref, userWishlistHref, userSettingsHref, sidebarLocaleSlot, showThemeToggleInSidebar, sidebarProfileLabels, eventBannerSlot, showBottomNav, contentClassName, lightBackground, darkBackground, }: AppLayoutShellProps): React.JSX.Element;