@mohasinac/appkit 4.65.0 → 4.67.0

package/dist/features/homepage/components/SocialFeedSection.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 { safeRead } from "../../../errors/safe-read.js";
-import { Anchor, Div, GRID_MAP, Heading, HandModeRow, Section, Stack, Text } from "../../../ui/index.js";
+import { Anchor } from "../../../ui/components/Anchor.js";
+import { Div } from "../../../ui/components/Div.js";
+import { GRID_MAP, Stack } from "../../../ui/components/Layout.js";
+import { Heading, Text } from "../../../ui/components/Typography.js";
+import { HandModeRow } from "../../../ui/components/HandModeRow.js";
+import { Section } from "../../../ui/components/Semantic.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";

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

@@ -1,5 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Anchor, Div, Row, Span, Stack, Text } from "../../../ui/index.js";
+import { Anchor } from "../../../ui/components/Anchor.js";
+import { Div } from "../../../ui/components/Div.js";
+import { Row, Stack } from "../../../ui/components/Layout.js";
+import { Span, Text } from "../../../ui/components/Typography.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,11 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useEffect, useRef, useState } from "react";
-import { Div, Grid, Heading, Icon, Row, Section, Text } from "../../../ui/index.js";
+import { Div } from "../../../ui/components/Div.js";
+import { Grid, Row } from "../../../ui/components/Layout.js";
+import { Heading, Text } from "../../../ui/components/Typography.js";
+import { Icon } from "../../../ui/components/Icon.js";
+import { Section } from "../../../ui/components/Semantic.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,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Div, Heading, Stack, StarRating, Text } from "../../../ui/index.js";
+import { Div } from "../../../ui/components/Div.js";
+import { Heading, Text } from "../../../ui/components/Typography.js";
+import { Stack } from "../../../ui/components/Layout.js";
+import { StarRating } from "../../../ui/components/StarRating.js";
 export function TestimonialsCarousel({ testimonials, eyebrow = "COLLECTOR REVIEWS", heading = "WHAT OUR COLLECTORS SAY", }) {
     if (testimonials.length === 0)
         return null;

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

@@ -1,7 +1,11 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useEffect, useRef, useState } from "react";
-import { Div, Grid, Heading, Icon, Row, Section, Text } from "../../../ui/index.js";
+import { Div } from "../../../ui/components/Div.js";
+import { Grid, Row } from "../../../ui/components/Layout.js";
+import { Heading, Text } from "../../../ui/components/Typography.js";
+import { Icon } from "../../../ui/components/Icon.js";
+import { Section } from "../../../ui/components/Semantic.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/WelcomeSection.js

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

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

@@ -1,6 +1,13 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Button, Card, Div, Grid, Heading, Icon, RichText, Row, Section, Span, Stack, Text } from "../../../ui/index.js";
+import { Button } from "../../../ui/components/Button.js";
+import { Card } from "../../../ui/components/Card.js";
+import { Div } from "../../../ui/components/Div.js";
+import { Grid, Row, Stack } from "../../../ui/components/Layout.js";
+import { Heading, Span, Text } from "../../../ui/components/Typography.js";
+import { Icon } from "../../../ui/components/Icon.js";
+import { RichText } from "../../../ui/rich-text/RichText.js";
+import { Section } from "../../../ui/components/Semantic.js";
 import { getDefaultLocale } from "../../../core/baseline-resolver.js";
 import { WhatsAppGlyph } from "./WhatsAppGlyph.js";
 // --- Section -----------------------------------------------------------------

package/dist/features/homepage/lib/section-renderer.d.ts

@@ -1,6 +1,7 @@
 import React from "react";
 import type { LiveStatsMap } from "./live-stats";
 import { AnnouncementBar, hashBannerMessage } from "../components/AnnouncementBar";
+import type { AttachedCoupon } from "../../promotions/constants/attached-coupons";
 import type { CarouselSlide } from "../types/index";
 import type { HomepageSectionDocument } from "../schemas";
 import type { ProductItem } from "../../products/types";
@@ -19,6 +20,7 @@ export interface SectionData {
     bundles?: CategoryDocument[];
     blog?: BlogPost[];
     events?: EventItem[];
+    coupons?: AttachedCoupon[];
 }
 export interface MarketplaceHomepageViewAdSlots {
     afterHero?: React.ReactNode;

package/dist/features/homepage/lib/section-renderer.js

@@ -26,6 +26,7 @@ import { FeaturedAuctionsSection } from "../components/FeaturedAuctionsSection.j
 import { FeaturedPreOrdersSection } from "../components/FeaturedPreOrdersSection.js";
 import { FeaturedStoresSection } from "../components/FeaturedStoresSection.js";
 import { EventsSection } from "../components/EventsSection.js";
+import { HomepageCouponsSection } from "../components/HomepageCouponsSection.js";
 import { CTABannerSection } from "../components/CTABannerSection.js";
 import { HomepageCustomerReviewsSection } from "../components/HomepageCustomerReviewsSection.js";
 import { SecurityHighlightsSection } from "../components/SecurityHighlightsSection.js";
@@ -188,6 +189,13 @@ const SECTION_REGISTRY = {
             return (_jsx(FeaturedStoresSection, { title: cleanTitle(cfg?.title) || SECTION_TITLE.stores, description: cfg?.subtitle, viewMoreHref: ROUTES.PUBLIC.STORES, viewMoreLabel: cfg?.viewMoreLabel || VIEW_MORE_LABEL.stores, initialItems: sectionData.stores, limit: cfg?.maxStores, autoScroll: cfg?.autoScroll, scrollInterval: cfg?.scrollInterval, loop: cfg?.loop }));
         },
     },
+    coupons: {
+        surfaces: ["homepage"],
+        render: ({ config, sectionData }) => {
+            const cfg = config;
+            return (_jsx(HomepageCouponsSection, { coupons: sectionData.coupons ?? [], title: cleanTitle(cfg?.title) || "Offers & coupons", description: cfg?.subtitle, viewMoreLabel: cfg?.viewMoreLabel, limit: cfg?.maxCoupons }));
+        },
+    },
     events: {
         surfaces: ["homepage"],
         render: ({ config, sectionData }) => {

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

@@ -488,6 +488,27 @@ export interface EventsSectionConfig {
     maxCount?: 5 | 10 | 20;
     loop?: boolean;
 }
+/**
+ * The homepage coupon rail — live discount codes, with a link to `/promotions`.
+ *
+ * 🛑 THIS REPLACED THE `events` SECTION ON THE HOMEPAGE (2026-10-25, owner's
+ * instruction). The events rail advertised five promotions that did not exist:
+ * only the Diwali offer was real, and the other four were fabricated fixtures
+ * that a previous session had seeded and then promoted to the front page. A
+ * coupon is the opposite kind of claim — it is a code the till either honours
+ * or refuses, so it cannot be invented.
+ *
+ * `events` remains a valid `SectionType` and the renderer still handles it;
+ * it is the homepage SEED that no longer enables one.
+ */
+export interface CouponsSectionConfig {
+    title: string;
+    subtitle?: string;
+    /** How many codes to show before the "view all" link takes over. */
+    maxCoupons: number;
+    /** Label for the link into `/promotions`. */
+    viewMoreLabel?: string;
+}
 export type SocialPlatform = "instagram" | "facebook" | "tiktok" | "deviantart" | "youtube";
 export type SocialPostType = "all" | "images" | "videos" | "reels";
 export type SocialFeedLayout = "grid" | "masonry" | "carousel";
@@ -755,8 +776,8 @@ export interface PromoGridSectionConfig {
     heading?: string;
     banners: PromoBannerConfigEntry[];
 }
-export type SectionType = "welcome" | "carousel" | "stats" | "trust-indicators" | "categories" | "brands" | "products" | "pre-orders" | "auctions" | "banner" | "features" | "reviews" | "whatsapp-community" | "faq" | "blog-articles" | "newsletter" | "stores" | "events" | "social-feed" | "custom-cards" | "google-reviews" | "featured-bundles" | "prize-draws" | "event-raffles" | "collection-cards" | "how-it-works" | "testimonials" | "promo-grid";
-export type SectionConfig = CarouselSectionConfig | WelcomeSectionConfig | StatsSectionConfig | TrustIndicatorsSectionConfig | CategoriesSectionConfig | BrandsSectionConfig | ProductsSectionConfig | PreOrdersSectionConfig | AuctionsSectionConfig | BannerSectionConfig | FeaturesSectionConfig | ReviewsSectionConfig | WhatsAppCommunitySectionConfig | FAQSectionConfig | BlogArticlesSectionConfig | NewsletterSectionConfig | StoresSectionConfig | EventsSectionConfig | SocialFeedSectionConfig | CustomCardsSectionConfig | GoogleReviewsSectionConfig | FeaturedBundlesSectionConfig | PrizeDrawsSectionConfig | EventRafflesSectionConfig | CollectionCardsSectionConfig | HowItWorksSectionConfig | TestimonialsSectionConfig | PromoGridSectionConfig;
+export type SectionType = "welcome" | "carousel" | "stats" | "trust-indicators" | "categories" | "brands" | "products" | "pre-orders" | "auctions" | "banner" | "features" | "reviews" | "whatsapp-community" | "faq" | "blog-articles" | "newsletter" | "stores" | "events" | "coupons" | "social-feed" | "custom-cards" | "google-reviews" | "featured-bundles" | "prize-draws" | "event-raffles" | "collection-cards" | "how-it-works" | "testimonials" | "promo-grid";
+export type SectionConfig = CarouselSectionConfig | WelcomeSectionConfig | StatsSectionConfig | TrustIndicatorsSectionConfig | CategoriesSectionConfig | BrandsSectionConfig | ProductsSectionConfig | PreOrdersSectionConfig | AuctionsSectionConfig | BannerSectionConfig | FeaturesSectionConfig | ReviewsSectionConfig | WhatsAppCommunitySectionConfig | FAQSectionConfig | BlogArticlesSectionConfig | NewsletterSectionConfig | StoresSectionConfig | EventsSectionConfig | CouponsSectionConfig | SocialFeedSectionConfig | CustomCardsSectionConfig | GoogleReviewsSectionConfig | FeaturedBundlesSectionConfig | PrizeDrawsSectionConfig | EventRafflesSectionConfig | CollectionCardsSectionConfig | HowItWorksSectionConfig | TestimonialsSectionConfig | PromoGridSectionConfig;
 /**
  * Which page a section row belongs to.
  *

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

@@ -110,6 +110,8 @@ export const DEFAULT_SECTION_ORDER = {
     newsletter: 9,
     stores: 10,
     events: 11,
+    // Takes the events rail's place in the running order — see CouponsSectionConfig.
+    coupons: 11,
     "social-feed": 12,
     "custom-cards": 13,
     "google-reviews": 14,