@mohasinac/appkit 4.44.0 → 4.45.0

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

@@ -1,9 +1,9 @@
 "use client";
 import { jsx as _jsx } from "react/jsx-runtime";
-import { CustomerReviewsSection } from "./CustomerReviewsSection";
-import { useHomepageReviews } from "../hooks/useHomepageReviews";
-import { ReviewCard } from "../../reviews/components";
-import { SECTION_TITLE, VIEW_MORE_LABEL } from "../constants/section-copy";
+import { CustomerReviewsSection } from "./CustomerReviewsSection.js";
+import { useHomepageReviews } from "../hooks/useHomepageReviews.js";
+import { ReviewCard } from "../../reviews/components/ReviewsList.js";
+import { SECTION_TITLE, VIEW_MORE_LABEL } from "../constants/section-copy.js";
 export function HomepageCustomerReviewsSection({ title = SECTION_TITLE.reviews, subtitle, viewMoreHref, viewMoreLabel = VIEW_MORE_LABEL.reviews, maxReviews, itemsPerView, mobileItemsPerView, className = "", autoScroll = true, scrollInterval = 4500, loop = true, }) {
     const { data: fetched = [], isLoading } = useHomepageReviews();
     const reviews = maxReviews && maxReviews > 0 ? fetched.slice(0, maxReviews) : fetched;

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

@@ -21,7 +21,7 @@
  * serialisable across that boundary.
  */
 import { Component } from "react";
-import { trackError, ErrorCategory, ErrorSeverity, } from "../../../monitoring/error-tracking";
+import { trackError, ErrorCategory, ErrorSeverity, } from "../../../monitoring/error-tracking.js";
 export class HomepageSectionBoundary extends Component {
     constructor(props) {
         super(props);

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

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { FLEX_BETWEEN } from "../../../_internal/shared/styles/themed";
-import { SKELETON } from "../../../_internal/shared/styles/skeleton";
-import { Div, Grid, Row, Section, Stack } from "../../../ui";
+import { FLEX_BETWEEN } from "../../../_internal/shared/styles/themed.js";
+import { SKELETON } from "../../../_internal/shared/styles/skeleton.js";
+import { Div, Grid, Row, Section, Stack } from "../../../ui/index.js";
 const __P = {
     p8: "p-[var(--appkit-space-8)]",
 };

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

@@ -1,5 +1,5 @@
 import { jsxs as _jsxs } from "react/jsx-runtime";
-import { Div } from "../../../ui";
+import { Div } from "../../../ui/index.js";
 export function HomepageView({ renderHero, renderWelcome, renderTrustFeatures, renderStats, renderTopCategories, renderTopBrands, renderFeaturedProducts, renderFeaturedAuctions, renderFeaturedPreOrders, renderFeaturedStores, renderFeaturedEvents, renderAdvertisement, renderCustomerReviews, renderCommunity, renderFaq, renderBlogArticles, renderHowItWorks, renderSecurity, renderNewsletter, renderFeaturedResults, className = "", }) {
     return (_jsxs(Div, { className: className, children: [renderHero?.(), renderWelcome?.(), renderTrustFeatures?.(), renderStats?.(), renderTopCategories?.(), renderTopBrands?.(), renderFeaturedProducts?.(), renderFeaturedAuctions?.(), renderFeaturedPreOrders?.(), renderFeaturedStores?.(), renderFeaturedEvents?.(), renderAdvertisement?.(), renderCustomerReviews?.(), renderCommunity?.(), renderFaq?.(), renderBlogArticles?.(), renderHowItWorks?.(), renderSecurity?.(), renderNewsletter?.(), renderFeaturedResults?.()] }));
 }

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

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { THEMED_BG_SECONDARY, THEMED_BORDER } from "../../../_internal/shared/styles/themed";
-import { SPACING_STACK } from "../../../_internal/shared/styles/grid";
-import { Div, Grid, Heading, Row, Section, Span, Text } from "../../../ui";
+import { THEMED_BG_SECONDARY, THEMED_BORDER } from "../../../_internal/shared/styles/themed.js";
+import { SPACING_STACK } from "../../../_internal/shared/styles/grid.js";
+import { Div, Grid, Heading, Row, Section, Span, Text } from "../../../ui/index.js";
 // --- View ---------------------------------------------------------------------
 export function HowItWorksInfoView({ title, subtitle, heroClass = "", stepsTitle, steps, detailsSectionTitle, details = [], renderDiagram, renderFooter, accentClass = "bg-info-surface dark:bg-info-surface text-info dark:text-info", className = "", }) {
     const themed = { bgSecondary: THEMED_BG_SECONDARY, border: THEMED_BORDER };

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

@@ -1,8 +1,8 @@
 "use client";
 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";
-import { Button, Div, Grid, Heading, Row, Section, Span, Text } from "../../../ui";
+import { THEMED_TEXT_PRIMARY, THEMED_TEXT_SECONDARY } from "../../../_internal/shared/styles/themed.js";
+import { Button, Div, Grid, Heading, Row, Section, Span, Text } from "../../../ui/index.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,20 +1,20 @@
 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";
-import { carouselRepository } from "../../../repositories";
+import { Div, Main } from "../../../ui/index.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,
 // page.tsx's FAQ JSON-LD for the FAQs). Importing the repositories directly
 // here is what made each of those a second Firestore read.
-import { getSiteSettingsGlobal } from "../../admin/utils/getSiteSettingsGlobal";
-import { getHomepageFaqsCached } from "../../faq/utils/getHomepageFaqsCached";
-import { safeRead } from "../../../errors/safe-read";
-import { fetchLiveStats } from "../lib/live-stats";
-import { renderSection, AnnouncementBar } from "../lib/section-renderer";
-import { SECTION_COPY } from "../constants/section-copy";
-import { homepageSectionsRepository } from "../repository/homepage-sections.repository";
-import { isListingTypeEnabled } from "../../../_internal/shared/listing-types/feature-flags";
+import { getSiteSettingsGlobal } from "../../admin/utils/getSiteSettingsGlobal.js";
+import { getHomepageFaqsCached } from "../../faq/utils/getHomepageFaqsCached.js";
+import { safeRead } from "../../../errors/safe-read.js";
+import { fetchLiveStats } from "../lib/live-stats.js";
+import { renderSection, AnnouncementBar } from "../lib/section-renderer.js";
+import { SECTION_COPY } from "../constants/section-copy.js";
+import { homepageSectionsRepository } from "../repository/homepage-sections.repository.js";
+import { isListingTypeEnabled } 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
@@ -25,13 +25,13 @@ const HOMEPAGE_SECTION_LISTING_TYPE = {
     "pre-orders": "pre-order",
     "prize-draws": "prize-draw",
 };
-import { getFeaturedProducts, getFeaturedAuctions, getFeaturedPreOrders } from "../../products/actions/product-actions";
-import { listTopLevelCategories, listBrandCategories } from "../../categories/actions/category-actions";
-import { listFeaturedBundles } from "../../../_internal/server/features/bundles/data";
-import { listStores } from "../../stores/actions/store-query-actions";
-import { toStoreListItem } from "../../../_internal/server/features/stores/adapters";
-import { getFeaturedBlogPosts } from "../../blog/actions/blog-actions";
-import { listPublicEvents } from "../../events/actions/event-actions";
+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";
+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";
 /**
  * Converts Firestore CarouselSlideDocument[] (Date fields) to the API-shaped
  * CarouselSlide[] (string dates) expected by HeroCarousel / useHeroCarousel.

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

@@ -1,13 +1,13 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { normalizeError } from "../../../errors/normalize";
+import { normalizeError } from "../../../errors/normalize.js";
 import { useState } from "react";
-import { Button, Div, Heading, Span, Text } from "../../../ui";
-import { DynamicBgDiv } from "../../../ui/components/DynamicBgDiv";
-import { Form } from "../../../ui/components/Form";
-import { FieldInput } from "../../../ui/forms/FieldInput";
-import { newsletterSubscribeSchema } from "../../admin/schemas/small-forms";
-import { FormErrorSummary } from "../../../ui/forms/FormErrorSummary";
+import { Button, Div, Heading, Span, Text } from "../../../ui/index.js";
+import { DynamicBgDiv } from "../../../ui/components/DynamicBgDiv.js";
+import { Form } from "../../../ui/components/Form.js";
+import { FieldInput } from "../../../ui/forms/FieldInput.js";
+import { newsletterSubscribeSchema } from "../../admin/schemas/small-forms.js";
+import { FormErrorSummary } from "../../../ui/forms/FormErrorSummary.js";
 const CLS_ERROR_TEXT = "mt-3 text-[length:var(--appkit-text-sm)] text-error";
 export function NewsletterBanner({ onSubscribe, eyebrow = "STAY CONNECTED", heading = "Join Our Newsletter", subheading = "Get exclusive offers, new arrivals and more.", placeholder = "Enter your email", ctaLabel = "Subscribe", successMessage = "You're in! Check your inbox.", errorMessage = "Something went wrong. Please try again.", }) {
     const [email, setEmail] = useState("");

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

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

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

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

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

@@ -1,11 +1,11 @@
 "use client";
 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";
-import { SKELETON as skeleton } from "../../../_internal/shared/styles/skeleton";
-import { Div, Heading, HorizontalScroller, Row, Section, Span, Stack, Text, TextLink } from "../../../ui";
-import { MediaImage } from "../../media/MediaImage";
-import { CAROUSEL_PER_VIEW } from "../constants/carousel-per-view";
-import { useHandMode } from "../../../_internal/client/hand-mode";
+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 { MediaImage } from "../../media/MediaImage.js";
+import { CAROUSEL_PER_VIEW } from "../constants/carousel-per-view.js";
+import { useHandMode } from "../../../_internal/client/hand-mode/index.js";
 const __O = {
     hidden: "overflow-hidden",
 };

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

@@ -1,8 +1,8 @@
 "use client";
 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";
-import { Div, Grid, Heading, Row, Section, Span, Text, TextLink } from "../../../ui";
+import { THEMED_TEXT_PRIMARY } from "../../../_internal/shared/styles/themed.js";
+import { Div, Grid, Heading, Row, Section, Span, Text, TextLink } from "../../../ui/index.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

@@ -1,14 +1,14 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState } from "react";
-import Image from "next/image";
-import Link from "next/link";
-import { THEMED_TEXT_PRIMARY } from "../../../_internal/shared/styles/themed";
-import { Button, Div, Heading, HorizontalScroller, Row, Section, Span, Stack, Text } from "../../../ui";
-import { ROUTES } from "../../../next";
-import { resolveMediaUrl } from "../../../utils/media-url";
-import { useTopCategories } from "../hooks/useTopCategories";
-import { CAROUSEL_PER_VIEW } from "../constants/carousel-per-view";
+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, Span, Stack, Text } from "../../../ui/index.js";
+import { ROUTES } from "../../../next/routing/route-map.js";
+import { resolveMediaUrl } from "../../../utils/media-url.js";
+import { useTopCategories } from "../hooks/useTopCategories.js";
+import { CAROUSEL_PER_VIEW } from "../constants/carousel-per-view.js";
 const __P = {
     p3: "p-[var(--appkit-space-3)]",
 };

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

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { THEMED_TEXT_PRIMARY, THEMED_TEXT_SECONDARY } from "../../../_internal/shared/styles/themed";
-import { Div, Grid, Heading, Section, Text } from "../../../ui";
+import { THEMED_TEXT_PRIMARY, THEMED_TEXT_SECONDARY } from "../../../_internal/shared/styles/themed.js";
+import { Div, Grid, Heading, Section, Text } from "../../../ui/index.js";
 const __P = {
     p8: "p-[var(--appkit-space-8)]",
 };

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

@@ -1,10 +1,10 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { normalizeError } from "../../../errors/normalize";
-import { safeRead } from "../../../errors/safe-read";
-import { Anchor, Div, GRID_MAP, Heading, HandModeRow, Section, Stack, Text } from "../../../ui";
-import { SocialPostCard } from "./SocialPostCard";
-import { fetchInstagramPosts, fetchFacebookPosts, fetchTikTokPosts, fetchDeviantArtPosts, } from "../lib/social-feed-fetcher";
-import { siteSettingsRepository } from "../../admin/repository/site-settings.repository";
+import { normalizeError } from "../../../errors/normalize.js";
+import { safeRead } from "../../../errors/safe-read.js";
+import { Anchor, Div, GRID_MAP, Heading, HandModeRow, Section, Stack, Text } from "../../../ui/index.js";
+import { SocialPostCard } from "./SocialPostCard.js";
+import { fetchInstagramPosts, fetchFacebookPosts, fetchTikTokPosts, fetchDeviantArtPosts, } from "../lib/social-feed-fetcher.js";
+import { siteSettingsRepository } from "../../admin/repository/site-settings.repository.js";
 // --- Platform labels ---------------------------------------------------------
 const PLATFORM_LABELS = {
     instagram: "Instagram",

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

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Anchor, Div, Row, Span, Stack, Text } from "../../../ui";
-import { MediaImage } from "../../media/MediaImage";
+import { Anchor, Div, Row, Span, Stack, Text } from "../../../ui/index.js";
+import { MediaImage } from "../../media/MediaImage.js";
 const __P = {
     p3: "p-[var(--appkit-space-3)]",
 };

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

@@ -1,7 +1,7 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useEffect, useRef, useState } from "react";
-import { Div, Grid, Heading, Row, Section, Text } from "../../../ui";
+import { Div, Grid, Heading, Row, Section, Text } from "../../../ui/index.js";
 // --- Constants ---------------------------------------------------------------
 const STAT_DELAYS = ["delay-0", "delay-[120ms]", "delay-[240ms]", "delay-[360ms]"];
 // --- Smngle stat mtem ---------------------------------------------------------

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

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Div, Heading, Stack, StarRating, Text } from "../../../ui";
+import { Div, Heading, Stack, StarRating, Text } from "../../../ui/index.js";
 export function TestimonialsCarousel({ testimonials, eyebrow = "COLLECTOR REVIEWS", heading = "WHAT OUR COLLECTORS SAY", }) {
     if (testimonials.length === 0)
         return null;

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

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Div, Grid, Row, Section, Stack, Text } from "../../../ui";
+import { Div, Grid, Row, Section, Stack, Text } from "../../../ui/index.js";
 const BADGE_ICONS = {
     shipping: (_jsxs("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", className: "h-7 w-7", "aria-hidden": "true", children: [_jsx("path", { d: "M5 12H19" }), _jsx("path", { d: "M15 7l5 5-5 5" }), _jsx("path", { d: "M1 17V7a4 4 0 0 1 4-4h10" }), _jsx("path", { d: "M22 17a4 4 0 0 1-4 4H5" })] })),
     support: (_jsx("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", className: "h-7 w-7", "aria-hidden": "true", children: _jsx("path", { d: "M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z" }) })),

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

@@ -1,7 +1,7 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useEffect, useRef, useState } from "react";
-import { Div, Grid, Heading, Row, Section, Span, Text } from "../../../ui";
+import { Div, Grid, Heading, Row, Section, Span, Text } from "../../../ui/index.js";
 // --- Constants ---------------------------------------------------------------
 const CARD_DELAYS = ["delay-0", "delay-100", "delay-200", "delay-300", "delay-[400ms]", "delay-500"];
 // --- Single cards-variant card -----------------------------------------------

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

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { THEMED_TEXT_PRIMARY, THEMED_TEXT_SECONDARY } from "../../../_internal/shared/styles/themed";
-import { Div, Grid, Heading, Section, Text } from "../../../ui";
+import { THEMED_TEXT_PRIMARY, THEMED_TEXT_SECONDARY } from "../../../_internal/shared/styles/themed.js";
+import { Div, Grid, Heading, Section, Text } from "../../../ui/index.js";
 const __P = {
     p6: "p-[var(--appkit-space-6)]",
 };

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

@@ -1,7 +1,7 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { THEMED_TEXT_SECONDARY, FLEX_CENTER } from "../../../_internal/shared/styles/themed";
-import { Button, Div, Grid, Heading, Row, Section, SiteLogo, SiteMark, Span, Stack, Text, TextLink } from "../../../ui";
+import { THEMED_TEXT_SECONDARY, FLEX_CENTER } from "../../../_internal/shared/styles/themed.js";
+import { Button, Div, Grid, Heading, Row, Section, SiteLogo, SiteMark, Span, Stack, Text, TextLink } from "../../../ui/index.js";
 // --- Component ---------------------------------------------------------------
 export function WelcomeSection({ title, subtitle, pillLabel, showCTA = true, ctaLabel = "Shop now", ctaHref, onCtaClick, secondaryCtaLabel = "Browse products", secondaryCtaHref, onSecondaryCtaClick, trustChips = [], isLoading = false, brandLogoText = "", className = "", }) {
     const themed = { textSecondary: THEMED_TEXT_SECONDARY };

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

@@ -1,9 +1,9 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Blockquote, Button, Div, Heading, RichText, Row, Section, Span, Text } from "../../../ui";
+import { Blockquote, Button, Div, Heading, RichText, Row, Section, Span, Text } from "../../../ui/index.js";
 import { Users } from "lucide-react";
-import { getDefaultLocale } from "../../../core/baseline-resolver";
-import { useHandMode } from "../../../_internal/client/hand-mode";
+import { getDefaultLocale } from "../../../core/baseline-resolver.js";
+import { useHandMode } from "../../../_internal/client/hand-mode/index.js";
 // --- Section -----------------------------------------------------------------
 export function WhatsAppCommunitySection({ title, descriptionHtml, memberCount, memberCountLabel = "members", testimonial, benefits = [], buttonText = "Join our WhatsApp community", groupLink, isLoading = false, className = "", }) {
     const { hand } = useHandMode();

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

@@ -1,39 +1,39 @@
-export { HeroSection } from "./HeroSection";
-export { CharacterHotspot } from "./CharacterHotspot";
-export { CharacterHotspotForm } from "./CharacterHotspotForm";
-export { HeroBanner } from "./HeroBanner";
-export { HeroCarousel } from "./HeroCarousel";
-export { PromoGrid } from "./PromoGrid";
-export { TrustBadges } from "./TrustBadges";
-export { TestimonialsCarousel } from "./TestimonialsCarousel";
-export { BeforeAfterCard } from "./BeforeAfterCard";
-export { NewsletterBanner } from "./NewsletterBanner";
-export { HomepageView } from "./HomepageView";
-export { MarketplaceHomepageView } from "./MarketplaceHomepageView";
-export { SectionCarousel } from "./SectionCarousel";
-export { WelcomeSection } from "./WelcomeSection";
-export { TrustFeaturesSection } from "./TrustFeaturesSection";
-export { StatsCounterSection } from "./StatsCounterSection";
-export { HowItWorksSection } from "./HowItWorksSection";
-export { CustomerReviewsSection } from "./CustomerReviewsSection";
-export { FAQSection } from "./FAQSection";
-export { NewsletterSection } from "./NewsletterSection";
-export { AdvertisementBanner } from "./AdvertisementBanner";
-export { SecurityHighlightsSection } from "./SecurityHighlightsSection";
-export { SiteFeaturesSection } from "./SiteFeaturesSection";
-export { TrustIndicatorsSection } from "./TrustIndicatorsSection";
-export { WhatsAppCommunitySection } from "./WhatsAppCommunitySection";
-export { HomepageSkeleton } from "./HomepageSkeleton";
-export { FeaturedResultsSection } from "./FeaturedResultsSection";
-export { HowItWorksInfoView } from "./HowItWorksInfoView";
-export { AnnouncementBar, hashBannerMessage } from "./AnnouncementBar";
-export { ShopByCategorySection } from "./ShopByCategorySection";
-export { FeaturedProductsSection } from "./FeaturedProductsSection";
-export { FeaturedAuctionsSection } from "./FeaturedAuctionsSection";
-export { FeaturedPreOrdersSection } from "./FeaturedPreOrdersSection";
-export { FeaturedStoresSection } from "./FeaturedStoresSection";
-export { EventsSection } from "./EventsSection";
-export { CTABannerSection } from "./CTABannerSection";
-export { HomepageCustomerReviewsSection } from "./HomepageCustomerReviewsSection";
-export { BlogArticlesSection } from "./BlogArticlesSection";
-export { AdSlot } from "./AdSlot";
+export { HeroSection } from "./HeroSection.js";
+export { CharacterHotspot } from "./CharacterHotspot.js";
+export { CharacterHotspotForm } from "./CharacterHotspotForm.js";
+export { HeroBanner } from "./HeroBanner.js";
+export { HeroCarousel } from "./HeroCarousel.js";
+export { PromoGrid } from "./PromoGrid.js";
+export { TrustBadges } from "./TrustBadges.js";
+export { TestimonialsCarousel } from "./TestimonialsCarousel.js";
+export { BeforeAfterCard } from "./BeforeAfterCard.js";
+export { NewsletterBanner } from "./NewsletterBanner.js";
+export { HomepageView } from "./HomepageView.js";
+export { MarketplaceHomepageView } from "./MarketplaceHomepageView.js";
+export { SectionCarousel } from "./SectionCarousel.js";
+export { WelcomeSection } from "./WelcomeSection.js";
+export { TrustFeaturesSection } from "./TrustFeaturesSection.js";
+export { StatsCounterSection } from "./StatsCounterSection.js";
+export { HowItWorksSection } from "./HowItWorksSection.js";
+export { CustomerReviewsSection } from "./CustomerReviewsSection.js";
+export { FAQSection } from "./FAQSection.js";
+export { NewsletterSection } from "./NewsletterSection.js";
+export { AdvertisementBanner } from "./AdvertisementBanner.js";
+export { SecurityHighlightsSection } from "./SecurityHighlightsSection.js";
+export { SiteFeaturesSection } from "./SiteFeaturesSection.js";
+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";
+export { FeaturedAuctionsSection } from "./FeaturedAuctionsSection.js";
+export { FeaturedPreOrdersSection } from "./FeaturedPreOrdersSection.js";
+export { FeaturedStoresSection } from "./FeaturedStoresSection.js";
+export { EventsSection } from "./EventsSection.js";
+export { CTABannerSection } from "./CTABannerSection.js";
+export { HomepageCustomerReviewsSection } from "./HomepageCustomerReviewsSection.js";
+export { BlogArticlesSection } from "./BlogArticlesSection.js";
+export { AdSlot } from "./AdSlot.js";

package/dist/features/homepage/constants/faq-category-labels.d.ts

@@ -1,15 +1 @@
-/**
- * FAQ category → display label.
- *
- * Single owner. This map previously existed twice, byte-identical: once inline
- * in `lib/section-renderer.tsx` and once as `CATEGORY_LABELS` in
- * `components/FAQSection.tsx`. Adding a category meant two commits or a silent
- * disagreement between the homepage strip's tabs and the section's own — the
- * Duplication Framework's "bug-fix multiplier" trigger.
- *
- * Keyed loosely (`Record<string, string>`) rather than on `FAQCategoryKey`
- * on purpose: `FAQCategoryKey` (7 values) and `FAQCategory` (8, including
- * `scam_awareness`) have already drifted apart, and an unknown key here falls
- * back to rendering the raw key rather than crashing a tab bar.
- */
 export declare const FAQ_CATEGORY_LABELS: Record<string, string>;

package/dist/features/homepage/constants/faq-category-labels.js

@@ -1,5 +1,5 @@
 /**
- * FAQ category → display label.
+ * FAQ category → display label, for the homepage strip's tab bar.
  *
  * Single owner. This map previously existed twice, byte-identical: once inline
  * in `lib/section-renderer.tsx` and once as `CATEGORY_LABELS` in
@@ -7,17 +7,25 @@
  * disagreement between the homepage strip's tabs and the section's own — the
  * Duplication Framework's "bug-fix multiplier" trigger.
  *
- * Keyed loosely (`Record<string, string>`) rather than on `FAQCategoryKey`
- * on purpose: `FAQCategoryKey` (7 values) and `FAQCategory` (8, including
- * `scam_awareness`) have already drifted apart, and an unknown key here falls
- * back to rendering the raw key rather than crashing a tab bar.
+ * 🛑 It is now DERIVED from the canonical map rather than hand-written, and
+ * that is the fix to a real defect rather than tidying.
+ *
+ * Its previous docstring said it was keyed loosely "on purpose" because
+ * `FAQCategoryKey` (7 values) and `FAQCategory` (8) "have already drifted
+ * apart, and an unknown key here falls back to rendering the raw key rather
+ * than crashing a tab bar". That reasoning accepted the drift instead of
+ * closing it — and the consequence was visible: a tab for a category this map
+ * did not know rendered its raw slug as the label (`shipping_delivery` rather
+ * than "Shipping & Delivery"). By the time `scam_awareness` and
+ * `fees_and_taxes` existed, it was two keys behind.
+ *
+ * `FAQ_CATEGORY_LABELS` in `features/faq/schemas/firestore.ts` is a
+ * `Record<FAQCategory, string>`, so a tenth category is a COMPILE ERROR there
+ * and arrives here for free. The loose `Record<string, string>` type is kept
+ * on the export because the renderer still indexes it with a value read from
+ * Firestore, which no type can promise is a union member — the `?? cat`
+ * fallback at the call sites stays as the last line of defence for a stored
+ * value written before a category was renamed.
  */
-export const FAQ_CATEGORY_LABELS = {
-    general: "General",
-    orders_payment: "Orders & Payment",
-    shipping_delivery: "Shipping",
-    returns_refunds: "Returns & Refunds",
-    product_information: "Products",
-    account_security: "Account",
-    technical_support: "Support",
-};
+import { FAQ_CATEGORY_LABELS as CANONICAL_FAQ_CATEGORY_LABELS } from "../../faq/schemas/firestore.js";
+export const FAQ_CATEGORY_LABELS = CANONICAL_FAQ_CATEGORY_LABELS;

package/dist/features/homepage/hooks/homepage-query.js

@@ -19,7 +19,7 @@
  * @tag consumers:useFeaturedAuctions,useFeaturedPreOrders,useFeaturedProducts
  * @tag sideEffects:none
  */
-import { AVAILABILITY_VALUES } from "../../../constants/field-names";
+import { AVAILABILITY_VALUES } from "../../../constants/field-names.js";
 /** How many cards a homepage carousel wants before it stops back-filling. */
 export const MIN_HOMEPAGE_COUNT = 12;
 /**

package/dist/features/homepage/hooks/useActiveAd.js

@@ -1,7 +1,7 @@
 "use client";
 import { useQuery } from "@tanstack/react-query";
-import { apiClient } from "../../../http/ApiClient";
-import { AD_ENDPOINTS } from "../../../constants/api-endpoints";
+import { apiClient } from "../../../http/ApiClient.js";
+import { AD_ENDPOINTS } from "../../../constants/api-endpoints.js";
 export function useActiveAd(slotId) {
     const { data, isPending } = useQuery({
         queryKey: ["active-ad", slotId],

package/dist/features/homepage/hooks/useBlogArticles.js

@@ -1,6 +1,6 @@
 import { useQuery } from "@tanstack/react-query";
-import { apiClient } from "../../../http";
-import { BLOG_ENDPOINTS } from "../../../constants/api-endpoints";
+import { apiClient } from "../../../http/index.js";
+import { BLOG_ENDPOINTS } from "../../../constants/api-endpoints.js";
 const MIN_BLOG_COUNT = 4;
 export function useBlogArticles(options) {
     return useQuery({

package/dist/features/homepage/hooks/useFeaturedAuctions.js

@@ -1,9 +1,9 @@
 import { useQuery } from "@tanstack/react-query";
-import { apiClient } from "../../../http";
-import { PRODUCT_ENDPOINTS } from "../../../constants/api-endpoints";
-import { buildHomepageListingQuery, MIN_HOMEPAGE_COUNT } from "./homepage-query";
-import { sortBy } from "../../../constants/sort";
-import { PRODUCT_FIELDS } from "../../../constants/field-names";
+import { apiClient } from "../../../http/index.js";
+import { PRODUCT_ENDPOINTS } from "../../../constants/api-endpoints.js";
+import { buildHomepageListingQuery, MIN_HOMEPAGE_COUNT } from "./homepage-query.js";
+import { sortBy } from "../../../constants/sort.js";
+import { PRODUCT_FIELDS } from "../../../constants/field-names.js";
 /**
  * The soonest-ending LIVE auctions, for the homepage strip.
  *

package/dist/features/homepage/hooks/useFeaturedPreOrders.js

@@ -1,9 +1,9 @@
 import { useQuery } from "@tanstack/react-query";
-import { apiClient } from "../../../http";
-import { PRODUCT_ENDPOINTS } from "../../../constants/api-endpoints";
-import { buildHomepageListingQuery, MIN_HOMEPAGE_COUNT } from "./homepage-query";
-import { sortBy } from "../../../constants/sort";
-import { PRODUCT_FIELDS } from "../../../constants/field-names";
+import { apiClient } from "../../../http/index.js";
+import { PRODUCT_ENDPOINTS } from "../../../constants/api-endpoints.js";
+import { buildHomepageListingQuery, MIN_HOMEPAGE_COUNT } from "./homepage-query.js";
+import { sortBy } from "../../../constants/sort.js";
+import { PRODUCT_FIELDS } from "../../../constants/field-names.js";
 export function useFeaturedPreOrders(options) {
     return useQuery({
         queryKey: ["pre-orders", "featured", options?.filterByBrand ?? "all"],

package/dist/features/homepage/hooks/useFeaturedProducts.js

@@ -1,9 +1,9 @@
 import { useQuery } from "@tanstack/react-query";
-import { apiClient } from "../../../http";
-import { PRODUCT_ENDPOINTS } from "../../../constants/api-endpoints";
-import { buildHomepageListingQuery, MIN_HOMEPAGE_COUNT } from "./homepage-query";
-import { sortBy } from "../../../constants/sort";
-import { PRODUCT_FIELDS } from "../../../constants/field-names";
+import { apiClient } from "../../../http/index.js";
+import { PRODUCT_ENDPOINTS } from "../../../constants/api-endpoints.js";
+import { buildHomepageListingQuery, MIN_HOMEPAGE_COUNT } from "./homepage-query.js";
+import { sortBy } from "../../../constants/sort.js";
+import { PRODUCT_FIELDS } from "../../../constants/field-names.js";
 export function useFeaturedProducts(options) {
     return useQuery({
         queryKey: ["products", "featured", options?.filterByBrand ?? "all"],

package/dist/features/homepage/hooks/useFeaturedStores.js

@@ -1,6 +1,6 @@
 import { useQuery } from "@tanstack/react-query";
-import { apiClient } from "../../../http";
-import { STORE_ENDPOINTS } from "../../../constants/api-endpoints";
+import { apiClient } from "../../../http/index.js";
+import { STORE_ENDPOINTS } from "../../../constants/api-endpoints.js";
 export function useFeaturedStores(limit = 8, options) {
     return useQuery({
         queryKey: ["stores", "featured", String(limit)],

package/dist/features/homepage/hooks/useHeroCarousel.js

@@ -1,6 +1,6 @@
 import { useQuery } from "@tanstack/react-query";
-import { apiClient } from "../../../http";
-import { HOMEPAGE_ENDPOINTS } from "../../../constants/api-endpoints";
+import { apiClient } from "../../../http/index.js";
+import { HOMEPAGE_ENDPOINTS } from "../../../constants/api-endpoints.js";
 /**
  * useHeroCarousel
  * Fetches active carousel slides for the homepage hero.

package/dist/features/homepage/hooks/useHomepage.js

@@ -1,6 +1,6 @@
 import { useQuery } from "@tanstack/react-query";
-import { apiClient } from "../../../http";
-import { HOMEPAGE_ENDPOINTS } from "../../../constants/api-endpoints";
+import { apiClient } from "../../../http/index.js";
+import { HOMEPAGE_ENDPOINTS } from "../../../constants/api-endpoints.js";
 export function useHomepage(opts) {
     const query = useQuery({
         queryKey: ["homepage"],