@mohasinac/appkit 4.65.0 → 4.66.0

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

@@ -38,9 +38,12 @@ 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 { EmptyState, Stack, Text, useToast } from "../../../ui/index.js";
+import { EmptyState } from "../../../ui/components/EmptyState.js";
+import { Stack } from "../../../ui/components/Layout.js";
+import { Text } from "../../../ui/components/Typography.js";
+import { useToast } from "../../../ui/components/toast-context.js";
 import { FieldSelect, FormShellContext, FormErrorSummary, applyZodIssues, useFormShellState, } from "../../../ui/forms/index.js";
-import { SectionForm, useSectionFormNav } from "../../shell/index.js";
+import { SectionForm, useSectionFormNav } from "../../shell/SectionForm.js";
 import { buildSectionsFromSchema } from "../../shell/build-sections.js";
 import { apiClient } from "../../../http/index.js";
 import { ADMIN_ENDPOINTS, SELLER_ENDPOINTS } from "../../../constants/api-endpoints.js";

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

@@ -8,7 +8,7 @@ import { ProductCard } from "../../products/components/ProductGrid.js";
 // and failed the Turbopack production build (Root Cause #6).
 import { toProductItem } from "../../../_internal/shared/features/products/to-product-item.js";
 import { CAROUSEL_PER_VIEW } from "../../homepage/constants/carousel-per-view.js";
-import { Stack } from "../../../ui/index.js";
+import { Stack } from "../../../ui/components/Layout.js";
 import { ROUTES } from "../../../next/routing/route-map.js";
 const GROUP_THEME_TITLE = {
     related: "Other listings you might like",

package/dist/features/grouped/schemas/grouped-listing-form.d.ts

@@ -78,9 +78,9 @@ export declare const groupedListingUpdateSchema: z.ZodObject<{
     categorySlug: z.ZodOptional<z.ZodString>;
 }, "strict", z.ZodTypeAny, {
     title?: string | undefined;
+    description?: string | undefined;
     categorySlug?: string | undefined;
     brandSlug?: string | undefined;
-    description?: string | undefined;
     isActive?: boolean | undefined;
     isFeatured?: boolean | undefined;
     coverImage?: string | undefined;
@@ -89,9 +89,9 @@ export declare const groupedListingUpdateSchema: z.ZodObject<{
     minActiveMembers?: number | undefined;
 }, {
     title?: string | undefined;
+    description?: string | undefined;
     categorySlug?: string | undefined;
     brandSlug?: string | undefined;
-    description?: string | undefined;
     isActive?: boolean | undefined;
     isFeatured?: boolean | undefined;
     coverImage?: string | undefined;

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

@@ -36,48 +36,48 @@ export declare const groupedListingFirestoreSchema: z.ZodObject<{
 }, "strip", z.ZodTypeAny, {
     id: string;
     title: string;
+    slug: string;
     createdAt: string | Date | z.objectOutputType<{
         toDate: z.ZodFunction<z.ZodTuple<[], z.ZodUnknown>, z.ZodDate>;
     }, z.ZodTypeAny, "passthrough">;
     updatedAt: string | Date | z.objectOutputType<{
         toDate: z.ZodFunction<z.ZodTuple<[], z.ZodUnknown>, z.ZodDate>;
     }, z.ZodTypeAny, "passthrough">;
-    slug: string;
-    createdBy: string;
     isActive: boolean;
+    createdBy: string;
     isFeatured: boolean;
     productIds: string[];
     groupTheme: "set" | "character" | "related" | "lineage" | "generic";
     minActiveMembers: number;
     visibilityStatus: "hidden" | "visible";
     activeMemberCount: number;
+    description?: string | undefined;
     categorySlug?: string | undefined;
     brandSlug?: string | undefined;
     storeId?: string | undefined;
-    description?: string | undefined;
     coverImage?: string | undefined;
 }, {
     id: string;
     title: string;
+    slug: string;
     createdAt: string | Date | z.objectInputType<{
         toDate: z.ZodFunction<z.ZodTuple<[], z.ZodUnknown>, z.ZodDate>;
     }, z.ZodTypeAny, "passthrough">;
     updatedAt: string | Date | z.objectInputType<{
         toDate: z.ZodFunction<z.ZodTuple<[], z.ZodUnknown>, z.ZodDate>;
     }, z.ZodTypeAny, "passthrough">;
-    slug: string;
-    createdBy: string;
     isActive: boolean;
+    createdBy: string;
     isFeatured: boolean;
     productIds: string[];
     groupTheme: "set" | "character" | "related" | "lineage" | "generic";
     minActiveMembers: number;
     visibilityStatus: "hidden" | "visible";
     activeMemberCount: number;
+    description?: string | undefined;
     categorySlug?: string | undefined;
     brandSlug?: string | undefined;
     storeId?: string | undefined;
-    description?: string | undefined;
     coverImage?: string | undefined;
 }>;
 export type GroupedListingFromSchema = z.infer<typeof groupedListingFirestoreSchema>;

package/dist/features/history/hooks/useHistory.js

@@ -10,7 +10,7 @@
  * per page session even across remounts.
  */
 import { useCallback, useEffect, useRef, useState } from "react";
-import { useToast } from "../../../ui/index.js";
+import { useToast } from "../../../ui/components/toast-context.js";
 import { ACCOUNT_ENDPOINTS } from "../../../constants/api-endpoints.js";
 import { normalizeError } from "../../../errors/normalize.js";
 import { clearGuestHistory, getGuestHistory, removeGuestHistoryItem, trackGuestHistory, } from "../utils/guest-history.js";

package/dist/features/homepage/actions/homepage-section-actions.d.ts

@@ -8,13 +8,13 @@ export declare const createSectionSchema: z.ZodObject<{
     config: z.ZodOptional<z.ZodObject<{}, "passthrough", z.ZodTypeAny, z.objectOutputType<{}, z.ZodTypeAny, "passthrough">, z.objectInputType<{}, z.ZodTypeAny, "passthrough">>>;
 }, "strip", z.ZodTypeAny, {
     type: import("../schemas").SectionType;
-    enabled: boolean;
     order: number;
+    enabled: boolean;
     config?: z.objectOutputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
 }, {
     type: import("../schemas").SectionType;
-    enabled?: boolean | undefined;
     order?: number | undefined;
+    enabled?: boolean | undefined;
     config?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
 }>;
 /**
@@ -30,12 +30,12 @@ export declare const updateSectionSchema: z.ZodObject<{
     enabled: z.ZodOptional<z.ZodBoolean>;
     config: z.ZodOptional<z.ZodObject<{}, "passthrough", z.ZodTypeAny, z.objectOutputType<{}, z.ZodTypeAny, "passthrough">, z.objectInputType<{}, z.ZodTypeAny, "passthrough">>>;
 }, "strip", z.ZodTypeAny, {
-    enabled?: boolean | undefined;
     order?: number | undefined;
+    enabled?: boolean | undefined;
     config?: z.objectOutputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
 }, {
-    enabled?: boolean | undefined;
     order?: number | undefined;
+    enabled?: boolean | undefined;
     config?: z.objectInputType<{}, z.ZodTypeAny, "passthrough"> | undefined;
 }>;
 export type CreateHomepageSectionInput = z.infer<typeof createSectionSchema>;

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

@@ -4,7 +4,9 @@ import { normalizeError } from "../../../errors/normalize.js";
 import { useEffect, useRef, useState } from "react";
 import { getAdSlot, isAdSlotRenderable } from "../ad-registry.js";
 import { useActiveAd } from "../hooks/useActiveAd.js";
-import { Anchor, Div, Span, Text } from "../../../ui/index.js";
+import { Anchor } from "../../../ui/components/Anchor.js";
+import { Div } from "../../../ui/components/Div.js";
+import { Span, Text } from "../../../ui/components/Typography.js";
 import { MediaImage } from "../../media/MediaImage.js";
 // ---------------------------------------------------------------------------
 // Sub-renderers

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

@@ -4,7 +4,12 @@ import { useState } from "react";
 import Image from "next/image.js";
 import Link from "next/link.js";
 import { THEMED_TEXT_PRIMARY } from "../../../_internal/shared/styles/themed.js";
-import { Button, Div, Heading, HorizontalScroller, Row, Section, Text } from "../../../ui/index.js";
+import { Button } from "../../../ui/components/Button.js";
+import { Div } from "../../../ui/components/Div.js";
+import { Heading, Text } from "../../../ui/components/Typography.js";
+import { HorizontalScroller } from "../../../ui/components/HorizontalScroller.js";
+import { Row } from "../../../ui/components/Layout.js";
+import { Section } from "../../../ui/components/Semantic.js";
 import { ROUTES } from "../../../next/routing/route-map.js";
 import { resolveMediaUrl } from "../../../utils/media-url.js";
 import { useTopBrands } from "../hooks/useTopBrands.js";

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

@@ -1,6 +1,11 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import Link from "next/link.js";
-import { Div, Heading, Icon, Row, Scrim, Section, Span, Text } from "../../../ui/index.js";
+import { Div } from "../../../ui/components/Div.js";
+import { Heading, Span, Text } from "../../../ui/components/Typography.js";
+import { Icon } from "../../../ui/components/Icon.js";
+import { Row } from "../../../ui/components/Layout.js";
+import { Scrim } from "../../../ui/components/Scrim.js";
+import { Section } from "../../../ui/components/Semantic.js";
 import { MediaImage } from "../../media/MediaImage.js";
 import { ROUTES } from "../../../next/routing/route-map.js";
 import { SECTION_TITLE, SECTION_COPY } from "../constants/section-copy.js";

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

@@ -5,7 +5,11 @@ import Image from "next/image.js";
 import Link from "next/link.js";
 import { GRID_COLS_6_LG } from "../../../_internal/shared/styles/grid.js";
 import { useMediaQuery } from "../../../react/index.js";
-import { Button, Div, Heading, Row, Section, Span, Stack, Text } from "../../../ui/index.js";
+import { Button } from "../../../ui/components/Button.js";
+import { Div } from "../../../ui/components/Div.js";
+import { Heading, Span, Text } from "../../../ui/components/Typography.js";
+import { Row, Stack } from "../../../ui/components/Layout.js";
+import { Section } from "../../../ui/components/Semantic.js";
 import { ROUTES } from "../../../next/routing/route-map.js";
 import { resolveMediaUrl } from "../../../utils/media-url.js";
 const __O = {

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

@@ -5,7 +5,14 @@ import { normalizeError } from "../../../errors/normalize.js";
 import { useEffect, useState, useRef } from "react";
 import { z } from "zod";
 import Image from "next/image.js";
-import { Button, Details, Div, Heading, Input, Label, Li, Row, Span, Stack, Summary, Text, Textarea, Ul } from "../../../ui/index.js";
+import { Button } from "../../../ui/components/Button.js";
+import { Details, Summary } from "../../../ui/components/Details.js";
+import { Div } from "../../../ui/components/Div.js";
+import { Heading, Label, Span, Text } from "../../../ui/components/Typography.js";
+import { Input } from "../../../ui/components/Input.js";
+import { Li, Ul } from "../../../ui/components/Semantic.js";
+import { Row, Stack } from "../../../ui/components/Layout.js";
+import { Textarea } from "../../../ui/components/Textarea.js";
 import { useFormShellState, FormShellContext, FormErrorSummary } from "../../../ui/forms/index.js";
 import { resolveMediaUrl } from "../../../utils/media-url.js";
 import { DEFAULT_ACCENT_HEX } from "../lib/franchise-colors.js";

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

@@ -1,6 +1,9 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import Link from "next/link.js";
-import { Container, Div, Grid, Heading, Row, Section, Span, Stack, Text, } from "../../../ui/index.js";
+import { Container, Grid, Row, Stack } from "../../../ui/components/Layout.js";
+import { Div } from "../../../ui/components/Div.js";
+import { Heading, Span, Text } from "../../../ui/components/Typography.js";
+import { Section } from "../../../ui/components/Semantic.js";
 import { MediaImage } from "../../media/MediaImage.js";
 import { ROUTES } from "../../../next/routing/route-map.js";
 const DEFAULT_ITEMS_PER_ROW = 4;

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

@@ -1,7 +1,12 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import Link from "next/link.js";
-import { Div, Heading, HorizontalScroller, PlainCard, PLAIN_CLASS, PosterCard, PosterGrid, POSTER_CLASS, Section, Anchor, } from "../../../ui/index.js";
+import { Div } from "../../../ui/components/Div.js";
+import { Heading } from "../../../ui/components/Typography.js";
+import { HorizontalScroller } from "../../../ui/components/HorizontalScroller.js";
+import { PlainCard, PLAIN_CLASS, PosterCard, PosterGrid, POSTER_CLASS } from "../../../ui/components/PosterCard.js";
+import { Section } from "../../../ui/components/Semantic.js";
+import { Anchor } from "../../../ui/components/Anchor.js";
 import { THEMED_TEXT_PRIMARY } from "../../../_internal/shared/styles/themed.js";
 /* Not re-exported from `ui/index` — import from the defining module (Root Cause #18). */
 import { Iframe } from "../../../ui/components/Iframe.js";

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

@@ -2,7 +2,11 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { THEMED_TEXT_PRIMARY, THEMED_TEXT_SECONDARY } from "../../../_internal/shared/styles/themed.js";
 import { SKELETON as skeleton } from "../../../_internal/shared/styles/skeleton.js";
 import { CAROUSEL_PER_VIEW } from "../constants/carousel-per-view.js";
-import { Div, Heading, HorizontalScroller, Section, Text, TextLink, } from "../../../ui/index.js";
+import { Div } from "../../../ui/components/Div.js";
+import { Heading, Text } from "../../../ui/components/Typography.js";
+import { HorizontalScroller } from "../../../ui/components/HorizontalScroller.js";
+import { Section } from "../../../ui/components/Semantic.js";
+import { TextLink } from "../../../ui/components/TextLink.js";
 const __P = {
     p8: "p-[var(--appkit-space-8)]",
 };

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

@@ -2,7 +2,14 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState, useMemo } from "react";
 import { THEMED_BG_PRIMARY, THEMED_BG_TERTIARY, THEMED_BORDER, THEMED_TEXT_PRIMARY, THEMED_TEXT_SECONDARY, FLEX_BETWEEN } from "../../../_internal/shared/styles/themed.js";
-import { Button, Div, Heading, RichText, Section, Span, Stack, Tabs, TabsList, TabsTrigger, Text, TextLink } from "../../../ui/index.js";
+import { Button } from "../../../ui/components/Button.js";
+import { Div } from "../../../ui/components/Div.js";
+import { Heading, Span, Text } from "../../../ui/components/Typography.js";
+import { RichText } from "../../../ui/rich-text/RichText.js";
+import { Section } from "../../../ui/components/Semantic.js";
+import { Stack } from "../../../ui/components/Layout.js";
+import { Tabs, TabsList, TabsTrigger } from "../../../ui/components/Tabs.js";
+import { TextLink } from "../../../ui/components/TextLink.js";
 import { ChevronDown } from "lucide-react";
 import { FAQ_CATEGORY_LABELS } from "../constants/faq-category-labels.js";
 const __O = {

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

@@ -18,7 +18,9 @@ import Link from "next/link.js";
  * card's worth of dependencies on a file that no longer draws a card — and
  * `MarketplaceBundleCard` owns every one of those concerns now.
  */
-import { Grid, Heading, Row, Section, Stack, Text } from "../../../ui/index.js";
+import { Grid, Row, Stack } from "../../../ui/components/Layout.js";
+import { Heading, Text } from "../../../ui/components/Typography.js";
+import { Section } from "../../../ui/components/Semantic.js";
 import { ROUTES } from "../../../next/routing/route-map.js";
 import { BUNDLE_COPY } from "../../../_internal/shared/features/categories/bundle-copy.js";
 import { MarketplaceBundleCard } from "../../products/components/MarketplaceBundleCard.js";

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

@@ -1,7 +1,12 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { normalizeError } from "../../../errors/normalize.js";
 import { serverLogger } from "../../../monitoring/server-logger.js";
-import { Anchor, Div, GRID_MAP, Heading, HandModeRow, Row, Section, Span, Stack, Text } from "../../../ui/index.js";
+import { Anchor } from "../../../ui/components/Anchor.js";
+import { Div } from "../../../ui/components/Div.js";
+import { GRID_MAP, Row, Stack } from "../../../ui/components/Layout.js";
+import { Heading, Span, Text } from "../../../ui/components/Typography.js";
+import { HandModeRow } from "../../../ui/components/HandModeRow.js";
+import { Section } from "../../../ui/components/Semantic.js";
 import { MediaImage } from "../../media/MediaImage.js";
 import { siteSettingsRepository } from "../../admin/repository/site-settings.repository.js";
 import { fetchGoogleReviews } from "../lib/google-reviews-fetcher.js";

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

@@ -2,7 +2,12 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState, useEffect, useRef, useCallback } from "react";
 import { useMediaQuery } from "../../../react/index.js";
-import { Button, Div, Heading, Row, Scrim, Section, Span, Stack, Text } from "../../../ui/index.js";
+import { Button } from "../../../ui/components/Button.js";
+import { Div } from "../../../ui/components/Div.js";
+import { Heading, Span, Text } from "../../../ui/components/Typography.js";
+import { Row, Stack } from "../../../ui/components/Layout.js";
+import { Scrim } from "../../../ui/components/Scrim.js";
+import { Section } from "../../../ui/components/Semantic.js";
 import { MediaImage } from "../../media/MediaImage.js";
 import { MediaVideo } from "../../media/MediaVideo.js";
 import { useHeroCarousel } from "../hooks/useHeroCarousel.js";

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

@@ -0,0 +1,25 @@
+import type { AttachedCoupon } from "../../promotions/constants/attached-coupons";
+export interface HomepageCouponsSectionProps {
+    /** Already resolved and already validity-filtered — see `getHomepageCoupons`. */
+    coupons: AttachedCoupon[];
+    title?: string;
+    description?: string;
+    viewMoreLabel?: string;
+    /** How many to show before the "view all" link takes over. */
+    limit?: number;
+}
+/**
+ * 🛑 RENDERS NOTHING WHEN THERE ARE NO LIVE CODES, rather than an empty state.
+ *
+ * `AttachedCouponsSection` already returns `null` on an empty list, but relying
+ * on that alone would still paint this component's own "View all offers →"
+ * link under a heading with nothing above it — a section that is visually just
+ * a stray link. The guard has to be here too, which is why it is not left to
+ * the child.
+ *
+ * This is the same rule the section gate in `MarketplaceHomepageView` applies
+ * one level up, and the reason both exist: that gate can hide a section whose
+ * whole FEATURE is switched off, but it cannot know that this particular rail
+ * happens to have no rows today.
+ */
+export declare function HomepageCouponsSection({ coupons, title, description, viewMoreLabel, limit, }: HomepageCouponsSectionProps): import("react").JSX.Element | null;

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

@@ -0,0 +1,42 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/*
+ * WHY: The homepage coupon rail — live discount codes, linking to /promotions.
+ *
+ * It replaced the `events` rail on 2026-10-25 at the owner's instruction. That
+ * rail was advertising five promotions that did not exist: only the Diwali
+ * offer was real and the other four were fabricated seed fixtures that had been
+ * promoted to the front page. A coupon cannot be invented the same way — it is
+ * a code the till either honours or refuses — which is the point of the swap.
+ *
+ * @tag domain:homepage,promotions
+ * @tag layer:feature-component
+ * @tag access:public
+ */
+import Link from "next/link.js";
+import { Row, Stack } from "../../../ui/components/Layout.js";
+import { ROUTES } from "../../../next/routing/route-map.js";
+import { AttachedCouponsSection } from "../../promotions/components/AttachedCouponsSection.js";
+/**
+ * 🛑 RENDERS NOTHING WHEN THERE ARE NO LIVE CODES, rather than an empty state.
+ *
+ * `AttachedCouponsSection` already returns `null` on an empty list, but relying
+ * on that alone would still paint this component's own "View all offers →"
+ * link under a heading with nothing above it — a section that is visually just
+ * a stray link. The guard has to be here too, which is why it is not left to
+ * the child.
+ *
+ * This is the same rule the section gate in `MarketplaceHomepageView` applies
+ * one level up, and the reason both exist: that gate can hide a section whose
+ * whole FEATURE is switched off, but it cannot know that this particular rail
+ * happens to have no rows today.
+ */
+export function HomepageCouponsSection({ coupons, title = "Offers & coupons", description = "Live discount codes — copy one and apply it at checkout.", viewMoreLabel = "View all offers →", limit, }) {
+    /*
+     * Slice here rather than at the fetch, so the "view all" link can be honest
+     * about there being more behind it without a second count being passed down.
+     */
+    const shown = typeof limit === "number" ? coupons.slice(0, limit) : coupons;
+    if (shown.length === 0)
+        return null;
+    return (_jsxs(Stack, { gap: "md", children: [_jsx(AttachedCouponsSection, { coupons: shown, title: title, description: description }), _jsx(Row, { justify: "start", children: _jsx(Link, { href: String(ROUTES.PUBLIC.PROMOTIONS), className: "text-primary font-semibold hover:underline", children: viewMoreLabel }) })] }));
+}

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

@@ -1,5 +1,5 @@
 import React from "react";
-import type { IconKey } from "../../../ui";
+import type { IconKey } from "../../../ui/icons/icon-registry";
 /**
  * Promoted to a registered `SectionType` ("how-it-works") 2026-10-19 — see
  * `HowItWorksSectionConfig` in `schemas/firestore.ts`, which this prop shape

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

@@ -2,7 +2,13 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useEffect, useRef, useState } from "react";
 import { THEMED_TEXT_PRIMARY, THEMED_TEXT_SECONDARY } from "../../../_internal/shared/styles/themed.js";
-import { Anchor, Button, Div, Grid, Heading, Icon, Row, Section, Span, Text } from "../../../ui/index.js";
+import { Anchor } from "../../../ui/components/Anchor.js";
+import { Button } from "../../../ui/components/Button.js";
+import { Div } from "../../../ui/components/Div.js";
+import { Grid, Row } from "../../../ui/components/Layout.js";
+import { Heading, Span, Text } from "../../../ui/components/Typography.js";
+import { Icon } from "../../../ui/components/Icon.js";
+import { Section } from "../../../ui/components/Semantic.js";
 // --- Constants ---------------------------------------------------------------
 const CLS_VISIBLE = "opacity-100 translate-y-0";
 const STEP_DELAYS = ["delay-0", "delay-150", "delay-300", "delay-[450ms]"];

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

@@ -1,13 +1,14 @@
 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";
+import { Div } from "../../../ui/components/Div.js";
+import { Main } from "../../../ui/components/Semantic.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";
+import { carouselRepository } from "../repository/carousel.repository.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,
 // page.tsx's FAQ JSON-LD for the FAQs). Importing the repositories directly
@@ -20,7 +21,7 @@ import { renderSection, AnnouncementBar } from "../lib/section-renderer.js";
 import { gateCarouselSlides } from "../lib/slide-gating.js";
 import { SECTION_COPY } from "../constants/section-copy.js";
 import { homepageSectionsRepository } from "../repository/homepage-sections.repository.js";
-import { isListingTypeEnabled, isCategoryTypeEnabled, } from "../../../_internal/shared/listing-types/feature-flags.js";
+import { isListingTypeEnabled, isCategoryTypeEnabled, isBrowsePageEnabled, } from "../../../_internal/shared/listing-types/feature-flags.js";
 /**
  * Homepage sections that advertise a specific listing type, and must therefore
  * disappear when the site stops offering it. A section type absent from this
@@ -43,6 +44,34 @@ const HOMEPAGE_SECTION_LISTING_TYPE = {
 const HOMEPAGE_SECTION_CATEGORY_TYPE = {
     "featured-bundles": "bundle",
 };
+/**
+ * The THIRD axis — a section whose whole job is to funnel visitors into a
+ * public browse page that an admin has closed.
+ *
+ * 🛑 THIS GAP WAS VISIBLE ON THE LIVE HOMEPAGE. `/categories`, `/brands`,
+ * `/franchise` and `/stores` were all closed via `listings.browsePages`, and
+ * the homepage went on rendering "Shop by Category" with an "All categories →"
+ * button and a "Featured Stores" rail with "View all stores →" — every one of
+ * them a link into a section that is deliberately shut. A rail that advertises
+ * a closed door is worse than an absent rail: the visitor spends a click to
+ * find out.
+ *
+ * The two maps above gate on what the marketplace SELLS and what a taxonomy
+ * ROW may be. Neither can express "the front door is shut", which is why
+ * closing every browse page changed nothing here — see the `browsePages`
+ * docstring in the admin schema for why that is a separate axis rather than a
+ * rename of either.
+ *
+ * `brands` is included even though no section of that type is seeded today:
+ * the type exists in the `SectionType` union, so an admin can add one, and a
+ * gate that covers three of four reachable cases is the drift this codebase
+ * keeps paying for (Root Cause #61).
+ */
+const HOMEPAGE_SECTION_BROWSE_PAGE = {
+    categories: "categories",
+    brands: "brands",
+    stores: "stores",
+};
 import { getFeaturedProducts, getFeaturedAuctions, getFeaturedPreOrders } from "../../products/actions/product-actions.js";
 import { listTopLevelCategories, listBrandCategories } from "../../categories/actions/category-actions.js";
 import { listFeaturedBundles } from "../../../_internal/server/features/bundles/data.js";
@@ -50,6 +79,7 @@ import { listStores } from "../../stores/actions/store-query-actions.js";
 import { toStoreListItem } from "../../../_internal/server/features/stores/adapters.js";
 import { getFeaturedBlogPosts } from "../../blog/actions/blog-actions.js";
 import { listPublicEvents } from "../../events/actions/event-actions.js";
+import { getHomepageCoupons } from "../../../_internal/server/features/promotions/data.js";
 /**
  * Converts Firestore CarouselSlideDocument[] (Date fields) to the API-shaped
  * CarouselSlide[] (string dates) expected by HeroCarousel / useHeroCarousel.
@@ -110,6 +140,9 @@ export async function MarketplaceHomepageView({ adSlots, newsletterFormSlot, onB
         const gatedCategory = HOMEPAGE_SECTION_CATEGORY_TYPE[type];
         if (gatedCategory && !isCategoryTypeEnabled(gatedCategory, siteSettings))
             return false;
+        const gatedBrowse = HOMEPAGE_SECTION_BROWSE_PAGE[type];
+        if (gatedBrowse && !isBrowsePageEnabled(gatedBrowse, siteSettings))
+            return false;
         return true;
     });
     // Collect live metric requests from all enabled stats sections
@@ -150,7 +183,7 @@ export async function MarketplaceHomepageView({ adSlots, newsletterFormSlot, onB
     }));
     // Determine which data-driven section types are active so we only fetch what's needed
     const activeTypes = new Set(orderedSections.map((s) => s.type));
-    const [productsResult, auctionsResult, preOrdersResult, categoriesResult, brandsResult, bundlesResult, storesResult, blogResult, eventsResult,] = await Promise.all([
+    const [productsResult, auctionsResult, preOrdersResult, categoriesResult, brandsResult, bundlesResult, storesResult, blogResult, eventsResult, couponsResult,] = await Promise.all([
         // No `.catch(() => null)` on these three: they go through
         // `listPublicProducts`, which already logs a failed query loudly and
         // returns an empty result. Swallowing here would make a broken query
@@ -181,6 +214,13 @@ export async function MarketplaceHomepageView({ adSlots, newsletterFormSlot, onB
         activeTypes.has("events")
             ? safeRead(() => listPublicEvents({ filters: sieveFilter("status", SIEVE_OP.EQ, "active"), pageSize: 6 }), { route: "/", key: "homepage.events", fallback: null })
             : null,
+        /*
+         * `getHomepageCoupons` does its own `safeRead` internally — it is the one
+         * fetch here that owns its failure, because it has a meaningful fallback
+         * of its own (an empty rail, which the section then hides entirely).
+         * Wrapping it again would record the same degraded read twice.
+         */
+        activeTypes.has("coupons") ? getHomepageCoupons(12) : null,
     ]);
     // ProductDocument / BlogDocument / EventDocument have Date fields and extra Firestore-only
     // fields absent from the corresponding *Item types. The casts below are safe: section
@@ -215,6 +255,14 @@ export async function MarketplaceHomepageView({ adSlots, newsletterFormSlot, onB
         events: eventsResult?.items?.length
             ? eventsResult.items
             : undefined,
+        /*
+         * Projected by `toAttachedCoupon`, not cast — same reason as `stores`
+         * above. This becomes a Client Component's prop, and a raw
+         * `CouponDocument` carries `usage.*` redemption telemetry and
+         * `analytics.totalRevenue` straight into the homepage's public HTML
+         * (Root Cause #70). The projection is done inside `getHomepageCoupons`.
+         */
+        coupons: couponsResult?.length ? couponsResult : undefined,
     };
     /*
      * The same "do not advertise what we do not sell" rule the section filter

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

@@ -1,5 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Div, Heading, Section, Text, TextLink } from "../../../ui/index.js";
+import { Div } from "../../../ui/components/Div.js";
+import { Heading, Text } from "../../../ui/components/Typography.js";
+import { Section } from "../../../ui/components/Semantic.js";
+import { TextLink } from "../../../ui/components/TextLink.js";
 import { Mail } from "lucide-react";
 const __O = {
     hidden: "overflow-hidden",

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

@@ -1,7 +1,10 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import Image from "next/image.js";
 import Link from "next/link.js";
-import { Div, Heading, Row, Section, Span, Text } from "../../../ui/index.js";
+import { Div } from "../../../ui/components/Div.js";
+import { Heading, Span, Text } from "../../../ui/components/Typography.js";
+import { Row } from "../../../ui/components/Layout.js";
+import { Section } from "../../../ui/components/Semantic.js";
 import { resolveMediaUrl } from "../../../utils/media-url.js";
 const __P = {
     p4: "p-[var(--appkit-space-4)]",

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

@@ -1,5 +1,5 @@
 import React from "react";
-import { type PerViewConfig } from "../../../ui";
+import type { PerViewConfig } from "../../../ui/components/HorizontalScroller";
 export interface SectionCarouselProps<T = unknown> {
     /** Section heading */
     title: string;

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

@@ -2,7 +2,12 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { THEMED_BG_SECONDARY, THEMED_TEXT_PRIMARY, THEMED_TEXT_SECONDARY } from "../../../_internal/shared/styles/themed.js";
 import { SKELETON as skeleton } from "../../../_internal/shared/styles/skeleton.js";
-import { Div, Heading, HorizontalScroller, Row, Section, Span, Stack, Text, TextLink } from "../../../ui/index.js";
+import { Div } from "../../../ui/components/Div.js";
+import { Heading, Span, Text } from "../../../ui/components/Typography.js";
+import { HorizontalScroller } from "../../../ui/components/HorizontalScroller.js";
+import { Row, Stack } from "../../../ui/components/Layout.js";
+import { Section } from "../../../ui/components/Semantic.js";
+import { TextLink } from "../../../ui/components/TextLink.js";
 import { MediaImage } from "../../media/MediaImage.js";
 import { CAROUSEL_PER_VIEW } from "../constants/carousel-per-view.js";
 import { useHandMode } from "../../../_internal/client/hand-mode/index.js";

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

@@ -2,7 +2,12 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useEffect, useRef, useState } from "react";
 import { THEMED_TEXT_PRIMARY } from "../../../_internal/shared/styles/themed.js";
-import { Div, Grid, Heading, Icon, Row, Section, Span, Text, TextLink } from "../../../ui/index.js";
+import { Div } from "../../../ui/components/Div.js";
+import { Grid, Row } from "../../../ui/components/Layout.js";
+import { Heading, Span, Text } from "../../../ui/components/Typography.js";
+import { Icon } from "../../../ui/components/Icon.js";
+import { Section } from "../../../ui/components/Semantic.js";
+import { TextLink } from "../../../ui/components/TextLink.js";
 // --- Constants ---------------------------------------------------------------
 const CARD_DELAYS = ["delay-0", "delay-100", "delay-200", "delay-300", "delay-[400ms]", "delay-500"];
 // --- Single card -------------------------------------------------------------

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

@@ -4,7 +4,13 @@ import { useState } from "react";
 import Image from "next/image.js";
 import Link from "next/link.js";
 import { THEMED_TEXT_PRIMARY } from "../../../_internal/shared/styles/themed.js";
-import { Button, Div, Heading, HorizontalScroller, POSTER_CLASS, Row, Section, Span, Text, } from "../../../ui/index.js";
+import { Button } from "../../../ui/components/Button.js";
+import { Div } from "../../../ui/components/Div.js";
+import { Heading, Span, Text } from "../../../ui/components/Typography.js";
+import { HorizontalScroller } from "../../../ui/components/HorizontalScroller.js";
+import { POSTER_CLASS } from "../../../ui/components/PosterCard.js";
+import { Row } from "../../../ui/components/Layout.js";
+import { Section } from "../../../ui/components/Semantic.js";
 import { ROUTES } from "../../../next/routing/route-map.js";
 import { resolveMediaUrl } from "../../../utils/media-url.js";
 import { useTopCategories } from "../hooks/useTopCategories.js";