@mohasinac/appkit 2.3.1 → 2.4.0

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

@@ -0,0 +1,164 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from "react";
+import { ROUTES } from "../../../next";
+import { cleanTitle, parseWelcomeDescription } from "./section-helpers";
+import { DEFAULT_TRUST_FEATURES, DEFAULT_SECURITY_ITEMS } from "./section-defaults";
+import { AnnouncementBar } from "../components/AnnouncementBar";
+import { HeroCarousel } from "../components/HeroCarousel";
+import { StatsCounterSection } from "../components/StatsCounterSection";
+import { TrustFeaturesSection } from "../components/TrustFeaturesSection";
+import { ShopByCategorySection } from "../components/ShopByCategorySection";
+import { FeaturedProductsSection } from "../components/FeaturedProductsSection";
+import { FeaturedAuctionsSection } from "../components/FeaturedAuctionsSection";
+import { FeaturedPreOrdersSection } from "../components/FeaturedPreOrdersSection";
+import { FeaturedStoresSection } from "../components/FeaturedStoresSection";
+import { EventsSection } from "../components/EventsSection";
+import { CTABannerSection } from "../components/CTABannerSection";
+import { HomepageCustomerReviewsSection } from "../components/HomepageCustomerReviewsSection";
+import { SecurityHighlightsSection } from "../components/SecurityHighlightsSection";
+import { WhatsAppCommunitySection } from "../components/WhatsAppCommunitySection";
+import { FAQSection } from "../components/FAQSection";
+import { NewsletterSection } from "../components/NewsletterSection";
+import { BlogArticlesSection } from "../components/BlogArticlesSection";
+import { WelcomeSection } from "../components/WelcomeSection";
+import { BrandsSection } from "../components/BrandsSection";
+import { SocialFeedSection } from "../components/SocialFeedSection";
+import { CustomCardsSection } from "../components/CustomCardsSection";
+import { GoogleReviewsSection } from "../components/GoogleReviewsSection";
+const AD_SLOT_MAP = {
+    carousel: "afterHero",
+    products: "afterFeaturedProducts",
+    reviews: "afterReviews",
+    faq: "afterFAQ",
+};
+function renderSectionElement(section, newsletterFormSlot, faqItems, slides, liveStats, sectionData) {
+    const { type, config } = section;
+    switch (type) {
+        case "carousel":
+            return _jsx(HeroCarousel, { initialSlides: slides });
+        case "welcome": {
+            const cfg = config;
+            return (_jsx(WelcomeSection, { title: cleanTitle(cfg?.h1) || "Discover Amazing Products", subtitle: parseWelcomeDescription(cfg?.description), pillLabel: "India's #1 Marketplace", showCTA: cfg?.showCTA ?? true, ctaLabel: cfg?.ctaText || "Shop Now", ctaHref: cfg?.ctaLink || ROUTES.PUBLIC.PRODUCTS, secondaryCtaLabel: "Browse All", secondaryCtaHref: ROUTES.PUBLIC.PRODUCTS, trustChips: [
+                    { key: "delivery", emoji: "🚀", label: "Fast Delivery" },
+                    { key: "secure", emoji: "🔒", label: "Secure Payments" },
+                    { key: "rating", emoji: "⭐", label: "4.8+ Rated" },
+                    { key: "returns", emoji: "↩️", label: "Easy Returns" },
+                ], brandLogoText: "LIR" }));
+        }
+        case "categories": {
+            const cfg = config;
+            return (_jsx(ShopByCategorySection, { title: cleanTitle(cfg?.title) || "Shop by Category", viewMoreHref: ROUTES.PUBLIC.CATEGORIES, viewMoreLabel: "All categories \u2192", initialItems: sectionData.categories }));
+        }
+        case "stats": {
+            const cfg = config;
+            const stats = Array.isArray(cfg?.stats)
+                ? cfg.stats
+                    .filter((item) => typeof item?.label === "string" &&
+                    item.label.trim().length > 0 &&
+                    typeof item?.value === "string" &&
+                    item.value.trim().length > 0)
+                    .map((item, index) => {
+                    const liveRaw = item.source === "live" && item.metric
+                        ? liveStats[item.metric]
+                        : undefined;
+                    const displayValue = liveRaw !== undefined ? liveRaw + (item.suffix ?? "") : item.value;
+                    return {
+                        key: typeof item?.key === "string" && item.key.trim().length > 0
+                            ? item.key
+                            : `stat-${index}`,
+                        label: item.label,
+                        value: displayValue,
+                    };
+                })
+                : [];
+            if (stats.length === 0)
+                return null;
+            return _jsx(StatsCounterSection, { stats: stats });
+        }
+        case "products": {
+            const cfg = config;
+            return (_jsx(FeaturedProductsSection, { title: cleanTitle(cfg?.title) || "Featured Products", viewMoreHref: ROUTES.PUBLIC.PRODUCTS, viewMoreLabel: "View all products \u2192", filterByBrand: cfg?.filterByBrand, initialItems: sectionData.products }));
+        }
+        case "auctions": {
+            const cfg = config;
+            return (_jsx(FeaturedAuctionsSection, { title: cleanTitle(cfg?.title) || "Live Auctions", viewMoreHref: ROUTES.PUBLIC.AUCTIONS, viewMoreLabel: "View all auctions \u2192", filterByBrand: cfg?.filterByBrand, initialItems: sectionData.auctions }));
+        }
+        case "pre-orders": {
+            const cfg = config;
+            return (_jsx(FeaturedPreOrdersSection, { title: cleanTitle(cfg?.title) || "Reserve Before It Ships", viewMoreHref: ROUTES.PUBLIC.PRE_ORDERS, viewMoreLabel: "View all pre-orders \u2192", filterByBrand: cfg?.filterByBrand, initialItems: sectionData.preOrders }));
+        }
+        case "stores": {
+            const cfg = config;
+            return (_jsx(FeaturedStoresSection, { title: cleanTitle(cfg?.title) || "Featured Stores", viewMoreHref: ROUTES.PUBLIC.STORES, viewMoreLabel: "View all stores \u2192", initialItems: sectionData.stores }));
+        }
+        case "events": {
+            const cfg = config;
+            return (_jsx(EventsSection, { title: cleanTitle(cfg?.title) || "Events & Offers", viewMoreHref: ROUTES.PUBLIC.EVENTS, viewMoreLabel: "View all events \u2192", initialItems: sectionData.events }));
+        }
+        case "reviews": {
+            const cfg = config;
+            return (_jsx(HomepageCustomerReviewsSection, { title: cleanTitle(cfg?.title) || "What Our Customers Say", viewMoreHref: ROUTES.PUBLIC.REVIEWS, viewMoreLabel: "See all reviews \u2192" }));
+        }
+        case "banner": {
+            const cfg = config;
+            return (_jsx(CTABannerSection, { title: cfg?.content?.title || "Thousands of collectibles. One marketplace.", primaryLabel: "Shop All Products \u2192", primaryHref: ROUTES.PUBLIC.PRODUCTS, secondaryLabel: "Browse Auctions \u2192", secondaryHref: ROUTES.PUBLIC.AUCTIONS }));
+        }
+        case "trust-indicators": {
+            const cfg = config;
+            return (_jsx(TrustFeaturesSection, { title: cleanTitle(cfg?.title) || "Why Buyers Trust LetItRip", items: DEFAULT_TRUST_FEATURES }));
+        }
+        case "features": {
+            const cfg = config;
+            return (_jsx(SecurityHighlightsSection, { title: cleanTitle(cfg?.title) || "Security You Can Trust", pillLabel: "Built for trust", items: DEFAULT_SECURITY_ITEMS, learnMoreHref: ROUTES.PUBLIC.SECURITY, learnMoreLabel: "Learn about our security \u2192" }));
+        }
+        case "whatsapp-community": {
+            const cfg = config;
+            return (_jsx(WhatsAppCommunitySection, { title: cleanTitle(cfg?.title) || "Join Our WhatsApp Community", descriptionHtml: cfg?.description ||
+                    "5,000+ members. Get deal alerts, auction updates, and exclusive drops before anyone else.", memberCount: cfg?.memberCount || 5000, groupLink: cfg?.groupLink || "https://chat.whatsapp.com/" }));
+        }
+        case "faq": {
+            const cfg = config;
+            if (!cfg?.showOnHomepage || faqItems.length === 0)
+                return null;
+            return (_jsx(FAQSection, { title: cleanTitle(cfg?.title) || "Frequently Asked Questions", tabs: [], activeTab: "", items: faqItems, viewMoreHref: ROUTES.PUBLIC.FAQS, viewMoreLabel: "View all FAQs \u2192" }));
+        }
+        case "blog-articles": {
+            const cfg = config;
+            return (_jsx(BlogArticlesSection, { title: cleanTitle(cfg?.title) || "From Our Blog", viewMoreHref: ROUTES.BLOG.LIST, viewMoreLabel: "View all posts \u2192", initialItems: sectionData.blog }));
+        }
+        case "newsletter": {
+            const cfg = config;
+            return (_jsx(NewsletterSection, { title: cleanTitle(cfg?.title) || "Stay Updated", subtitle: cfg?.description || "Get the latest drops, auctions, and deals in your inbox.", renderForm: () => newsletterFormSlot ?? null }));
+        }
+        case "brands": {
+            const cfg = config;
+            return (_jsx(BrandsSection, { title: cleanTitle(cfg?.title) || "Top Brands", subtitle: cfg?.subtitle, limit: cfg?.maxBrands || 12, viewMoreHref: ROUTES.PUBLIC.CATEGORIES, viewMoreLabel: "All brands \u2192", initialItems: sectionData.brands }));
+        }
+        case "social-feed": {
+            const cfg = config;
+            if (!cfg?.platform || !cfg?.handle)
+                return null;
+            return (_jsx(SocialFeedSection, { title: cleanTitle(cfg.title) || "", subtitle: cfg.subtitle, platform: cfg.platform, handle: cfg.handle, postType: cfg.postType || "all", count: cfg.count || 9, layout: cfg.layout || "grid", showCaption: cfg.showCaption ?? true, showStats: cfg.showStats ?? true }));
+        }
+        case "custom-cards": {
+            const cfg = config;
+            if (!cfg?.cards?.length)
+                return null;
+            return (_jsx(CustomCardsSection, { title: cleanTitle(cfg.title), layout: cfg.layout ?? "grid", columns: cfg.columns ?? 3, cards: cfg.cards, autoScroll: cfg.autoScroll, scrollIntervalMs: cfg.scrollIntervalMs }));
+        }
+        case "google-reviews": {
+            const cfg = config;
+            return (_jsx(GoogleReviewsSection, { placeId: cfg?.placeId ?? "", maxReviews: cfg?.maxReviews ?? 6, minRating: cfg?.minRating ?? 0, layout: cfg?.layout ?? "grid", showRating: cfg?.showRating ?? true, showDate: cfg?.showDate ?? true, linkToGoogleMaps: cfg?.linkToGoogleMaps ?? true, googleMapsUrl: cfg?.googleMapsUrl }));
+        }
+        default:
+            return null;
+    }
+}
+export function renderSection(section, adSlots, newsletterFormSlot, faqItems, slides, liveStats, sectionData = {}) {
+    const sectionElement = renderSectionElement(section, newsletterFormSlot, faqItems, slides, liveStats, sectionData);
+    if (!sectionElement)
+        return null;
+    const adSlotKey = AD_SLOT_MAP[section.type];
+    return (_jsxs(React.Fragment, { children: [sectionElement, adSlots && adSlotKey !== undefined && adSlotKey in adSlots && adSlots[adSlotKey]] }, section.id));
+}
+export { AnnouncementBar };

package/dist/features/homepage/lib/social-feed-fetcher.d.ts

@@ -0,0 +1,5 @@
+import type { SocialPost, SocialPostType } from "../schemas";
+export declare function fetchInstagramPosts(handle: string, postType: SocialPostType, count: number, accessToken: string): Promise<SocialPost[]>;
+export declare function fetchFacebookPosts(handle: string, postType: SocialPostType, count: number, accessToken: string): Promise<SocialPost[]>;
+export declare function fetchTikTokPosts(_handle: string, postType: SocialPostType, count: number, accessToken: string): Promise<SocialPost[]>;
+export declare function fetchDeviantArtPosts(handle: string, postType: SocialPostType, count: number, clientId: string, clientSecret: string): Promise<SocialPost[]>;

package/dist/features/homepage/lib/social-feed-fetcher.js

@@ -0,0 +1,193 @@
+// --- Helpers ------------------------------------------------------------------
+function clamp(n, min, max) {
+    return Math.max(min, Math.min(max, n));
+}
+// --- Instagram (Meta Graph API v19) ------------------------------------------
+export async function fetchInstagramPosts(handle, postType, count, accessToken) {
+    const fields = "id,caption,media_type,media_url,thumbnail_url,permalink,timestamp,like_count,comments_count";
+    const url = new URL(`https://graph.facebook.com/v19.0/${handle}/media`);
+    url.searchParams.set("fields", fields);
+    url.searchParams.set("limit", String(clamp(count * 2, 1, 20)));
+    url.searchParams.set("access_token", accessToken);
+    const res = await fetch(url.toString(), { next: { revalidate: 300 } });
+    if (!res.ok)
+        throw new Error(`Instagram API error: ${await res.text()}`);
+    const json = (await res.json());
+    const items = Array.isArray(json.data) ? json.data : [];
+    return items
+        .filter((item) => {
+        const m = item;
+        if (postType === "images")
+            return m.media_type === "IMAGE";
+        if (postType === "videos" || postType === "reels")
+            return m.media_type === "VIDEO";
+        return true;
+    })
+        .slice(0, count)
+        .map((item) => {
+        const m = item;
+        const isVideo = m.media_type === "VIDEO";
+        return {
+            id: m.id ?? "",
+            platform: "instagram",
+            imageUrl: (isVideo ? m.thumbnail_url : m.media_url) ?? "",
+            videoThumbnailUrl: isVideo ? m.thumbnail_url : undefined,
+            caption: m.caption?.slice(0, 200),
+            permalink: m.permalink ?? "",
+            mediaType: isVideo ? "video" : (m.media_type === "CAROUSEL_ALBUM" ? "carousel" : "image"),
+            stats: {
+                likes: m.like_count ? Number(m.like_count) : undefined,
+                comments: m.comments_count ? Number(m.comments_count) : undefined,
+            },
+            publishedAt: m.timestamp ?? "",
+        };
+    });
+}
+// --- Facebook (Meta Graph API v19) -------------------------------------------
+export async function fetchFacebookPosts(handle, postType, count, accessToken) {
+    const fields = "id,message,full_picture,permalink_url,created_time,likes.summary(true),attachments{media_type}";
+    const url = new URL(`https://graph.facebook.com/v19.0/${handle}/posts`);
+    url.searchParams.set("fields", fields);
+    url.searchParams.set("limit", String(clamp(count * 2, 1, 40)));
+    url.searchParams.set("access_token", accessToken);
+    const res = await fetch(url.toString(), { next: { revalidate: 300 } });
+    if (!res.ok)
+        throw new Error(`Facebook API error: ${await res.text()}`);
+    const json = (await res.json());
+    const items = Array.isArray(json.data) ? json.data : [];
+    return items
+        .filter((item) => {
+        const m = item;
+        if (!m.full_picture)
+            return false;
+        const attachType = m
+            .attachments?.data?.[0];
+        const mtype = attachType?.media_type;
+        if (postType === "images")
+            return mtype !== "video";
+        if (postType === "videos" || postType === "reels")
+            return mtype === "video";
+        return true;
+    })
+        .slice(0, count)
+        .map((item) => {
+        const m = item;
+        const likesObj = m.likes;
+        return {
+            id: String(m.id ?? ""),
+            platform: "facebook",
+            imageUrl: String(m.full_picture ?? ""),
+            caption: m.message ? String(m.message).slice(0, 200) : undefined,
+            permalink: String(m.permalink_url ?? ""),
+            mediaType: "image",
+            stats: {
+                likes: likesObj?.summary
+                    ? Number(likesObj.summary.total_count ?? 0)
+                    : undefined,
+            },
+            publishedAt: String(m.created_time ?? ""),
+        };
+    });
+}
+// --- TikTok (TikTok for Developers v2) ----------------------------------------
+export async function fetchTikTokPosts(_handle, postType, count, accessToken) {
+    if (postType === "images")
+        return [];
+    const res = await fetch("https://open.tiktokapis.com/v2/video/list/", {
+        method: "POST",
+        headers: {
+            Authorization: `Bearer ${accessToken}`,
+            "Content-Type": "application/json",
+        },
+        body: JSON.stringify({
+            max_count: clamp(count, 1, 20),
+            fields: [
+                "id",
+                "title",
+                "cover_image_url",
+                "share_url",
+                "like_count",
+                "view_count",
+                "create_time",
+            ],
+        }),
+        next: { revalidate: 300 },
+    });
+    if (!res.ok)
+        throw new Error(`TikTok API error: ${await res.text()}`);
+    const json = (await res.json());
+    const items = json.data?.videos ?? [];
+    return items.slice(0, count).map((item) => {
+        const v = item;
+        return {
+            id: String(v.id ?? ""),
+            platform: "tiktok",
+            imageUrl: String(v.cover_image_url ?? ""),
+            videoThumbnailUrl: String(v.cover_image_url ?? ""),
+            caption: v.title ? String(v.title).slice(0, 200) : undefined,
+            permalink: String(v.share_url ?? ""),
+            mediaType: "video",
+            stats: {
+                likes: v.like_count ? Number(v.like_count) : undefined,
+                views: v.view_count ? Number(v.view_count) : undefined,
+            },
+            publishedAt: v.create_time
+                ? new Date(Number(v.create_time) * 1000).toISOString()
+                : "",
+        };
+    });
+}
+// --- DeviantArt (client-credentials OAuth2) ----------------------------------
+async function getDeviantArtToken(clientId, clientSecret) {
+    const res = await fetch("https://www.deviantart.com/oauth2/token", {
+        method: "POST",
+        headers: { "Content-Type": "application/x-www-form-urlencoded" },
+        body: new URLSearchParams({
+            grant_type: "client_credentials",
+            client_id: clientId,
+            client_secret: clientSecret,
+        }),
+        next: { revalidate: 3300 },
+    });
+    if (!res.ok)
+        throw new Error(`DeviantArt token error: ${await res.text()}`);
+    const json = (await res.json());
+    return json.access_token;
+}
+export async function fetchDeviantArtPosts(handle, postType, count, clientId, clientSecret) {
+    if (postType === "videos" || postType === "reels")
+        return [];
+    const token = await getDeviantArtToken(clientId, clientSecret);
+    const url = new URL("https://www.deviantart.com/api/v1/oauth2/gallery/all");
+    url.searchParams.set("username", handle);
+    url.searchParams.set("limit", String(clamp(count, 1, 24)));
+    url.searchParams.set("mature_content", "false");
+    url.searchParams.set("access_token", token);
+    const res = await fetch(url.toString(), { next: { revalidate: 300 } });
+    if (!res.ok)
+        throw new Error(`DeviantArt API error: ${await res.text()}`);
+    const json = (await res.json());
+    const items = json.results ?? [];
+    return items.slice(0, count).map((item) => {
+        const d = item;
+        const thumbs = d.thumbs;
+        const bestThumb = thumbs?.sort((a, b) => Number(b.width ?? 0) - Number(a.width ?? 0))[0];
+        return {
+            id: String(d.deviationid ?? ""),
+            platform: "deviantart",
+            imageUrl: bestThumb ? String(bestThumb.src ?? "") : "",
+            caption: d.title ? String(d.title).slice(0, 200) : undefined,
+            permalink: String(d.url ?? ""),
+            mediaType: "image",
+            stats: {
+                views: d.stats
+                    ? Number(d.stats.views ?? 0)
+                    : undefined,
+                likes: d.stats
+                    ? Number(d.stats.favourites ?? 0)
+                    : undefined,
+            },
+            publishedAt: d.published_time ? String(d.published_time) : "",
+        };
+    });
+}