@mohasinac/appkit 2.6.7 → 2.6.9

package/dist/features/layout/AppLayoutShell.js

@@ -2,7 +2,13 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useCallback, useEffect, useMemo, useRef, useState } from "react";
 import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
-import { Main, Div, Text, TextLink, Ul, Li, AvatarDisplay, RoleBadge, BackgroundRenderer, UnsavedChangesModal, } from "../../ui";
+import { Main, Div, Text, TextLink, Ul, Li, AvatarDisplay, BackgroundRenderer, UnsavedChangesModal, } from "../../ui";
+const ROLE_DOT_COLORS = {
+    admin: "#9333ea",
+    moderator: "#0ea5e9",
+    seller: "#0d9488",
+    employee: "#f59e0b",
+};
 import { useTheme } from "../../react";
 import { useBottomActionsContext } from "./BottomActionsContext";
 import BottomActions from "./BottomActions";
@@ -37,7 +43,7 @@ function CollapsibleSidebarSection({ section, navItemClass, }) {
     }
     return (_jsxs(Div, { className: "space-y-0.5", children: [_jsxs("button", { type: "button", onClick: () => setOpen((v) => !v), className: "flex w-full items-center justify-between px-1 py-1 text-xs font-semibold uppercase tracking-wider text-zinc-500 dark:text-zinc-400 hover:text-zinc-700 dark:hover:text-zinc-300 transition-colors", children: [_jsx("span", { children: section.title }), _jsx("svg", { className: `w-3.5 h-3.5 transition-transform duration-200 ${open ? "rotate-180" : ""}`, fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", "aria-hidden": "true", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M19 9l-7 7-7-7" }) })] }), open && (_jsx(Ul, { className: "space-y-0.5", children: section.items.map((item) => (_jsx(Li, { children: _jsxs(TextLink, { href: item.href, variant: "none", className: navItemClass, children: [item.icon && (_jsx("span", { className: "flex-shrink-0 w-5 text-center", "aria-hidden": "true", children: item.icon })), item.label] }) }, `${item.href}-${item.label}`))) }))] }));
 }
-export function AppLayoutShell({ children, navItems, sidebarItems = [], sidebarSections, sidebarPrimaryActions, sidebarTitle = "Navigation", hiddenNavItems, user, brandName, brandShortName, siteLogoUrl, logoHref, promotionsHref, cartHref, wishlistHref, userId, profileHref, loginHref, homeHref, shopHref, footer, searchSlot, searchSlotRenderer, titleBarNavSlot, titleBarNotificationSlot, titleBarDevSlot, titleBarPromoStripText, showThemeToggle = false, suppressDashboardNav = false, hideSidebarToggle = false, onLogout, adminHref, storeHref, sellerHref, userOrdersHref, userWishlistHref, userSettingsHref, sidebarLocaleSlot, showThemeToggleInSidebar = false, sidebarProfileLabels, eventBannerSlot, lightBackground = DEFAULT_LIGHT_BG, darkBackground = DEFAULT_DARK_BG, }) {
+export function AppLayoutShell({ children, navItems, sidebarItems = [], sidebarSections, sidebarPrimaryActions, sidebarTitle = "Navigation", hiddenNavItems, user, brandName, brandShortName, siteLogoUrl, logoHref, promotionsHref, cartHref, wishlistHref, userId, profileHref, loginHref, registerHref, homeHref, shopHref, footer, searchSlot, searchSlotRenderer, titleBarNavSlot, titleBarNotificationSlot, titleBarDevSlot, titleBarPromoStripText, showThemeToggle = false, suppressDashboardNav = false, hideSidebarToggle = false, onLogout, adminHref, storeHref, sellerHref, userOrdersHref, userWishlistHref, userSettingsHref, sidebarLocaleSlot, showThemeToggleInSidebar = false, sidebarProfileLabels, eventBannerSlot, lightBackground = DEFAULT_LIGHT_BG, darkBackground = DEFAULT_DARK_BG, }) {
     const [queryClient] = useState(() => new QueryClient());
     const [sidebarOpen, setSidebarOpen] = useState(false);
     const [searchOpen, setSearchOpen] = useState(false);
@@ -148,7 +154,7 @@ export function AppLayoutShell({ children, navItems, sidebarItems = [], sidebarS
             opacity: darkBackground.overlay?.opacity ?? 0,
         },
     };
-    return (_jsx(QueryClientProvider, { client: queryClient, children: _jsxs(Div, { className: "flex min-h-screen w-full flex-col overflow-x-clip transition-colors duration-300", children: [_jsx(BackgroundRenderer, { mode: theme === "dark" ? "dark" : "light", lightMode: normalizedLightBackground, darkMode: normalizedDarkBackground }), _jsxs(Div, { ref: headerRef, className: "sticky top-0 z-50 w-full", children: [_jsx(TitleBar, { onToggleSidebar: handleTogglePublicSidebar, sidebarOpen: sidebarOpen, onSearchToggle: () => setSearchOpen((prev) => !prev), searchOpen: searchOpen, brandName: brandName, brandShortName: brandShortName, siteLogoUrl: siteLogoUrl, logoHref: logoHref, promotionsHref: promotionsHref, cartHref: cartHref, wishlistHref: wishlistHref, userId: userId, profileHref: profileHref, user: user, navSlot: titleBarNavSlot, notificationSlot: titleBarNotificationSlot, devSlot: titleBarDevSlot, promoStripText: titleBarPromoStripText, isDark: theme === "dark", onToggleTheme: showThemeToggle ? toggleTheme : undefined, onBeforeToggleDashboardNav: handleBeforeDashboardNavToggle, suppressDashboardNav: suppressDashboardNav, hideSidebarToggle: hideSidebarToggle }), _jsx(MainNavbar, { navItems: navItems, hiddenNavItems: hiddenNavItems }), searchOpen && (searchSlotRenderer ? searchSlotRenderer(() => setSearchOpen(false)) : searchSlot)] }), eventBannerSlot, _jsx(AutoBreadcrumbs, {}), _jsxs(Div, { className: "relative flex w-full flex-1 overflow-x-clip", children: [_jsx(SidebarLayout, { isOpen: sidebarOpen, ariaLabel: "Secondary navigation", header: user ? (_jsxs(Div, { className: "flex items-center justify-between gap-3", children: [_jsxs(Div, { className: "flex items-center gap-3 flex-1 min-w-0", children: [_jsxs(Div, { className: "flex-shrink-0 relative", children: [_jsx(AvatarDisplay, { cropData: user.avatarMetadata
+    return (_jsx(QueryClientProvider, { client: queryClient, children: _jsxs(Div, { className: "flex min-h-screen w-full flex-col overflow-x-clip transition-colors duration-300", children: [_jsx(BackgroundRenderer, { mode: theme === "dark" ? "dark" : "light", lightMode: normalizedLightBackground, darkMode: normalizedDarkBackground }), _jsxs(Div, { ref: headerRef, className: "sticky top-0 z-50 w-full", children: [_jsx(TitleBar, { onToggleSidebar: handleTogglePublicSidebar, sidebarOpen: sidebarOpen, onSearchToggle: () => setSearchOpen((prev) => !prev), searchOpen: searchOpen, brandName: brandName, brandShortName: brandShortName, siteLogoUrl: siteLogoUrl, logoHref: logoHref, promotionsHref: promotionsHref, cartHref: cartHref, wishlistHref: wishlistHref, userId: userId, profileHref: profileHref, loginHref: loginHref, registerHref: registerHref, user: user, navSlot: titleBarNavSlot, notificationSlot: titleBarNotificationSlot, devSlot: titleBarDevSlot, promoStripText: titleBarPromoStripText, isDark: theme === "dark", onToggleTheme: showThemeToggle ? toggleTheme : undefined, onBeforeToggleDashboardNav: handleBeforeDashboardNavToggle, suppressDashboardNav: suppressDashboardNav, hideSidebarToggle: hideSidebarToggle }), _jsx(MainNavbar, { navItems: navItems, hiddenNavItems: hiddenNavItems }), searchOpen && (searchSlotRenderer ? searchSlotRenderer(() => setSearchOpen(false)) : searchSlot)] }), eventBannerSlot, _jsx(AutoBreadcrumbs, {}), _jsxs(Div, { className: "relative flex w-full flex-1 overflow-x-clip", children: [_jsx(SidebarLayout, { isOpen: sidebarOpen, ariaLabel: "Secondary navigation", header: user ? (_jsxs(Div, { className: "flex items-center justify-between gap-3", children: [_jsxs(Div, { className: "flex items-center gap-3 flex-1 min-w-0", children: [_jsxs(Div, { className: "flex-shrink-0 relative", children: [_jsx(AvatarDisplay, { cropData: user.avatarMetadata
                                                             ? {
                                                                 url: user.avatarMetadata.url,
                                                                 position: user.avatarMetadata.position ?? {
@@ -163,5 +169,5 @@ export function AppLayoutShell({ children, navItems, sidebarItems = [], sidebarS
                                                                     position: { x: 50, y: 50 },
                                                                     zoom: 1,
                                                                 }
-                                                                : null, size: "md", alt: user.displayName || "User", displayName: user.displayName, email: user.email }), user.role && (_jsx(Div, { className: "absolute -bottom-1 -right-1", children: _jsx(RoleBadge, { role: user.role }) }))] }), _jsxs(Div, { className: "flex-1 min-w-0", children: [_jsx(Text, { className: "text-sm font-medium text-zinc-900 dark:text-zinc-100 truncate", children: user.displayName || "User" }), _jsx(Text, { className: "text-xs text-zinc-500 dark:text-zinc-400 truncate", children: user.email || "" })] })] }), _jsx("button", { type: "button", "aria-label": "Close menu", onClick: () => setSidebarOpen(false), className: "flex-shrink-0 rounded-full p-2 text-zinc-600 hover:bg-zinc-200 hover:text-zinc-900 dark:text-zinc-300 dark:hover:bg-slate-800 dark:hover:text-zinc-100 transition-all hover:rotate-90", children: _jsx("svg", { className: "w-4 h-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", "aria-hidden": "true", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M6 18L18 6M6 6l12 12" }) }) })] })) : (_jsxs(Div, { className: "flex items-center justify-between", children: [_jsx(Div, { className: "text-sm font-semibold text-zinc-900 dark:text-zinc-100", children: sidebarTitle }), _jsx("button", { type: "button", "aria-label": "Close menu", onClick: () => setSidebarOpen(false), className: "rounded-full p-2 text-zinc-600 hover:bg-zinc-200 hover:text-zinc-900 dark:text-zinc-300 dark:hover:bg-slate-800 dark:hover:text-zinc-100 transition-all hover:rotate-90", children: _jsx("svg", { className: "w-4 h-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", "aria-hidden": "true", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M6 18L18 6M6 6l12 12" }) }) })] })), onClose: () => setSidebarOpen(false), children: sidebarContent }), _jsx(Main, { id: "main-content", className: `w-full flex-1 ${hasBottomActions ? "mb-28" : "mb-16"} md:mb-0`, children: _jsx(Div, { className: "container mx-auto w-full max-w-screen-2xl px-4 py-6 md:px-6 lg:px-8", children: children }) })] }), _jsx(BackToTop, {}), _jsx(FooterLayout, { ...footer }), _jsx(BottomActions, {}), _jsx(BottomNavbar, { user: user, homeHref: homeHref, shopHref: shopHref, cartHref: cartHref, profileHref: profileHref, loginHref: loginHref, onSearchToggle: () => setSearchOpen((prev) => !prev), navItems: navItems, onMoreToggle: hasDashboardNav ? toggleDashboardNav : handleTogglePublicSidebar }), _jsx(UnsavedChangesModal, {})] }) }));
+                                                                : null, size: "md", alt: user.displayName || "User", displayName: user.displayName, email: user.email }), user.role && user.role !== "user" && (_jsx(Div, { className: "absolute -bottom-0.5 -right-0.5 flex items-center justify-center w-4 h-4 rounded-full border-2 border-white dark:border-slate-900 text-white text-[9px] font-bold leading-none select-none", style: { background: ROLE_DOT_COLORS[user.role] ?? "#6b7280" }, title: user.role.charAt(0).toUpperCase() + user.role.slice(1), "aria-label": user.role, children: user.role.charAt(0).toUpperCase() }))] }), _jsxs(Div, { className: "flex-1 min-w-0", children: [_jsx(Text, { className: "text-sm font-medium text-zinc-900 dark:text-zinc-100 truncate", children: user.displayName || "User" }), _jsx(Text, { className: "text-xs text-zinc-500 dark:text-zinc-400 truncate", children: user.email || "" })] })] }), _jsx("button", { type: "button", "aria-label": "Close menu", onClick: () => setSidebarOpen(false), className: "flex-shrink-0 rounded-full p-2 text-zinc-600 hover:bg-zinc-200 hover:text-zinc-900 dark:text-zinc-300 dark:hover:bg-slate-800 dark:hover:text-zinc-100 transition-all hover:rotate-90", children: _jsx("svg", { className: "w-4 h-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", "aria-hidden": "true", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M6 18L18 6M6 6l12 12" }) }) })] })) : (_jsxs(Div, { className: "flex items-center justify-between", children: [_jsx(Div, { className: "text-sm font-semibold text-zinc-900 dark:text-zinc-100", children: sidebarTitle }), _jsx("button", { type: "button", "aria-label": "Close menu", onClick: () => setSidebarOpen(false), className: "rounded-full p-2 text-zinc-600 hover:bg-zinc-200 hover:text-zinc-900 dark:text-zinc-300 dark:hover:bg-slate-800 dark:hover:text-zinc-100 transition-all hover:rotate-90", children: _jsx("svg", { className: "w-4 h-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", "aria-hidden": "true", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M6 18L18 6M6 6l12 12" }) }) })] })), onClose: () => setSidebarOpen(false), children: sidebarContent }), _jsx(Main, { id: "main-content", className: `w-full flex-1 ${hasBottomActions ? "mb-28" : "mb-16"} md:mb-0`, children: _jsx(Div, { className: "container mx-auto w-full max-w-screen-2xl px-4 py-6 md:px-6 lg:px-8", children: children }) })] }), _jsx(BackToTop, {}), _jsx(FooterLayout, { ...footer }), _jsx(BottomActions, {}), _jsx(BottomNavbar, { user: user, homeHref: homeHref, shopHref: shopHref, cartHref: cartHref, profileHref: profileHref, loginHref: loginHref, onSearchToggle: () => setSearchOpen((prev) => !prev), navItems: navItems, onMoreToggle: hasDashboardNav ? toggleDashboardNav : handleTogglePublicSidebar }), _jsx(UnsavedChangesModal, {})] }) }));
 }

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

@@ -25,6 +25,8 @@ export interface TitleBarLayoutProps {
     cartHref?: string;
     cartCount?: number;
     profileHref?: string;
+    loginHref?: string;
+    registerHref?: string;
     user?: TitleBarUser | null;
     /** Slot rendered beside the profile link (e.g. NotificationBell). */
     notificationSlot?: React.ReactNode;
@@ -54,4 +56,4 @@ export interface TitleBarLayoutProps {
  *
  * Receives all domain data as props — zero domain imports.
  */
-export declare function TitleBarLayout({ onToggleSidebar, sidebarOpen, onSearchToggle, searchOpen: _searchOpen, brandName, brandShortName: _brandShortName, siteLogoUrl, logoHref, promotionsHref, compareHref, wishlistHref, wishlistCount, cartHref, cartCount, profileHref, user, notificationSlot, devSlot, navSlot, promoStripText, isDark, onToggleTheme, hasDashboardNav: _hasDashboardNav, onToggleDashboardNav: _onToggleDashboardNav, hideSidebarToggle, id, className, }: TitleBarLayoutProps): import("react/jsx-runtime").JSX.Element;
+export declare function TitleBarLayout({ onToggleSidebar, sidebarOpen, onSearchToggle, searchOpen: _searchOpen, brandName, brandShortName: _brandShortName, siteLogoUrl, logoHref, promotionsHref, compareHref, wishlistHref, wishlistCount, cartHref, cartCount, profileHref, loginHref, registerHref, user, notificationSlot, devSlot, navSlot, promoStripText, isDark, onToggleTheme, hasDashboardNav: _hasDashboardNav, onToggleDashboardNav: _onToggleDashboardNav, hideSidebarToggle, id, className, }: TitleBarLayoutProps): import("react/jsx-runtime").JSX.Element;

package/dist/features/layout/TitleBarLayout.js

@@ -1,5 +1,4 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import Image from "next/image";
 import Link from "next/link";
 import { BlockHeader, Button, Div, Row, SiteLogo, Span } from "../../ui";
 /** Shared icon-button class for all action buttons in the title bar. */
@@ -15,7 +14,7 @@ const countBadge = "absolute -top-0.5 -right-0.5 flex items-center justify-cente
  *
  * Receives all domain data as props — zero domain imports.
  */
-export function TitleBarLayout({ onToggleSidebar, sidebarOpen, onSearchToggle, searchOpen: _searchOpen, brandName, brandShortName: _brandShortName, siteLogoUrl, logoHref, promotionsHref, compareHref, wishlistHref, wishlistCount = 0, cartHref, cartCount = 0, profileHref, user, notificationSlot, devSlot, navSlot, promoStripText, isDark = false, onToggleTheme, hasDashboardNav: _hasDashboardNav, onToggleDashboardNav: _onToggleDashboardNav, hideSidebarToggle = false, id = "titlebar", className = "", }) {
+export function TitleBarLayout({ onToggleSidebar, sidebarOpen, onSearchToggle, searchOpen: _searchOpen, brandName, brandShortName: _brandShortName, siteLogoUrl, logoHref, promotionsHref, compareHref, wishlistHref, wishlistCount = 0, cartHref, cartCount = 0, profileHref, loginHref, registerHref, user, notificationSlot, devSlot, navSlot, promoStripText, isDark = false, onToggleTheme, hasDashboardNav: _hasDashboardNav, onToggleDashboardNav: _onToggleDashboardNav, hideSidebarToggle = false, id = "titlebar", className = "", }) {
     // ── Element builders ────────────────────────────────────────────────────────
     const promotionsEl = promotionsHref ? (_jsxs(Link, { href: promotionsHref, "aria-label": "Today's deals", className: "flex items-center gap-1 px-3 py-1 rounded-full text-xs font-bold bg-primary-100 text-primary-700 dark:bg-secondary-900/40 dark:text-secondary-400 hover:bg-primary-200 dark:hover:bg-secondary-900/60 transition-colors border border-primary-200/60 dark:border-secondary-700/40", children: [_jsx("svg", { className: "w-3 h-3", viewBox: "0 0 24 24", fill: "currentColor", "aria-hidden": "true", children: _jsx("path", { d: "M21.41 11.58l-9-9C12.05 2.22 11.55 2 11 2H4c-1.1 0-2 .9-2 2v7c0 .55.22 1.05.59 1.42l9 9c.36.37.86.58 1.41.58.55 0 1.05-.21 1.41-.59l7-7c.37-.36.59-.86.59-1.41 0-.55-.23-1.06-.59-1.42zM5.5 7C4.67 7 4 6.33 4 5.5S4.67 4 5.5 4 7 4.67 7 5.5 6.33 7 5.5 7z" }) }), _jsx(Span, { className: "hidden sm:inline", children: "Today's Deals" })] })) : null;
     const themeBtn = onToggleTheme ? (_jsx(Button, { type: "button", variant: "ghost", size: "sm", "aria-label": isDark ? "Switch to light mode" : "Switch to dark mode", onClick: onToggleTheme, className: iconBtn, children: isDark ? (_jsx("svg", { className: "w-5 h-5", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", "aria-hidden": "true", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M12 3v1m0 16v1m8.66-9h-1M4.34 12h-1m15.07-6.07-.71.71M6.34 17.66l-.71.71m12.73 0-.71-.71M6.34 6.34l-.71-.71M12 5a7 7 0 1 0 0 14A7 7 0 0 0 12 5z" }) })) : (_jsx("svg", { className: "w-5 h-5", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", "aria-hidden": "true", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M21 12.79A9 9 0 1 1 11.21 3a7 7 0 1 0 9.79 9.79z" }) })) })) : null;
@@ -25,8 +24,13 @@ export function TitleBarLayout({ onToggleSidebar, sidebarOpen, onSearchToggle, s
     const searchBtn = (_jsx(Button, { type: "button", variant: "ghost", size: "sm", "aria-label": "Search", onClick: onSearchToggle, className: iconBtn, children: _jsx("svg", { className: "w-5 h-5", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", "aria-hidden": "true", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M21 21l-4.35-4.35M17 11A6 6 0 1 1 5 11a6 6 0 0 1 12 0z" }) }) }));
     const wishlistEl = wishlistHref ? (_jsxs(Link, { href: wishlistHref, "aria-label": `Wishlist${wishlistCount > 0 ? `, ${wishlistCount} items` : ""}`, className: `relative ${iconBtn}`, children: [_jsx("svg", { className: "w-5 h-5", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", "aria-hidden": "true", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M4.318 6.318a4.5 4.5 0 0 0 0 6.364L12 20.364l7.682-7.682a4.5 4.5 0 0 0-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 0 0-6.364 0z" }) }), wishlistCount > 0 && (_jsx(Span, { className: countBadge, children: wishlistCount > 9 ? "9+" : wishlistCount }))] })) : null;
     const cartEl = cartHref ? (_jsxs(Link, { href: cartHref, "aria-label": `Cart${cartCount > 0 ? `, ${cartCount} items` : ""}`, className: `relative ${iconBtn}`, children: [_jsx("svg", { className: "w-5 h-5", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", "aria-hidden": "true", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M2.25 3h1.386c.51 0 .955.343 1.087.835l.383 1.437M7.5 14.25a3 3 0 0 0-3 3h15.75m-12.75-3h11.218c1.121-2.3 2.1-4.684 2.924-7.138a60.114 60.114 0 0 0-16.536-1.84M7.5 14.25 5.106 5.272M6 20.25a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0zm12.75 0a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0z" }) }), cartCount > 0 && (_jsx(Span, { className: countBadge, children: cartCount > 9 ? "9+" : cartCount }))] })) : null;
-    const profileEl = profileHref ? (_jsx(Link, { href: profileHref, "aria-label": user ? `Profile — ${user.displayName ?? user.email}` : "Sign in", className: iconBtn, children: user?.photoURL ? (_jsx(Image, { src: user.photoURL, alt: user.displayName ?? "Profile", width: 28, height: 28, className: "w-7 h-7 rounded-full object-cover" })) : (_jsx("svg", { className: "w-5 h-5", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", "aria-hidden": "true", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M15.75 6a3.75 3.75 0 1 1-7.5 0 3.75 3.75 0 0 1 7.5 0zM4.501 20.118a7.5 7.5 0 0 1 14.998 0A17.933 17.933 0 0 1 12 21.75c-2.676 0-5.216-.584-7.499-1.632z" }) })) })) : null;
+    const profileEl = profileHref ? (_jsx(Link, { href: profileHref, "aria-label": user ? `Profile — ${user.displayName ?? user.email}` : "Sign in", className: iconBtn, children: user?.photoURL ? (
+        // eslint-disable-next-line @next/next/no-img-element
+        _jsx("img", { src: user.photoURL, alt: user.displayName ?? "Profile", width: 28, height: 28, className: "w-7 h-7 rounded-full object-cover" })) : (_jsx("svg", { className: "w-5 h-5", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", "aria-hidden": "true", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M15.75 6a3.75 3.75 0 1 1-7.5 0 3.75 3.75 0 0 1 7.5 0zM4.501 20.118a7.5 7.5 0 0 1 14.998 0A17.933 17.933 0 0 1 12 21.75c-2.676 0-5.216-.584-7.499-1.632z" }) })) })) : null;
+    const authButtonsEl = !user && (loginHref || registerHref) ? (_jsxs(Row, { gap: "xs", className: "hidden lg:flex items-center", children: [loginHref && (_jsx(Link, { href: loginHref, className: "px-3 py-1.5 text-sm font-medium text-zinc-700 dark:text-zinc-300 hover:text-primary-700 dark:hover:text-secondary-400 transition-colors rounded-lg hover:bg-primary-50 dark:hover:bg-slate-800", children: "Sign in" })), registerHref && (_jsx(Link, { href: registerHref, className: "px-3 py-1.5 text-sm font-semibold rounded-lg bg-primary text-white hover:bg-primary/90 transition-colors btn-glow shadow-sm", children: "Register" }))] })) : null;
     const hasTb2 = !!(wishlistEl || cartEl || profileEl);
     // ── Render ───────────────────────────────────────────────────────────────────
-    return (_jsxs(BlockHeader, { id: id, className: `sticky top-0 z-50 bg-white/95 dark:bg-slate-950/95 backdrop-blur-md border-b border-zinc-100 dark:border-slate-800 shadow-sm ${className}`, children: [promoStripText && (_jsx(Div, { className: "bg-gradient-to-r from-primary-700 to-secondary-600 dark:from-primary-700 dark:to-cobalt-700 text-white text-xs py-1 text-center font-medium", children: promoStripText })), _jsxs(Div, { className: "container mx-auto px-4 sm:px-6 lg:px-8 max-w-[1920px]", children: [_jsxs(Row, { justify: "between", gap: "none", className: "h-14", children: [_jsx(Row, { gap: "3", children: _jsx(Link, { href: logoHref, "aria-label": brandName, className: "flex items-center transition-opacity hover:opacity-80", children: _jsx(SiteLogo, { title: brandName, src: siteLogoUrl, className: "h-7 md:h-9 lg:h-10" }) }) }), navSlot && _jsx(Div, { className: "hidden md:flex", children: navSlot }), _jsxs(Row, { gap: "xs", children: [devSlot, compareEl, notificationSlot, wishlistEl && _jsx(Div, { className: "hidden lg:flex", children: wishlistEl }), cartEl && _jsx(Div, { className: "hidden lg:flex", children: cartEl }), profileEl && _jsx(Div, { className: "hidden lg:flex", children: profileEl }), searchBtn, promotionsEl, themeBtn, hamburgerBtn] })] }), hasTb2 && (_jsxs(Row, { as: "nav", "aria-label": "Account actions", justify: "end", gap: "xs", className: "flex lg:hidden h-10 border-t border-zinc-100 dark:border-slate-800 px-1", children: [wishlistEl, cartEl, profileEl] }))] })] }));
+    return (_jsxs(BlockHeader, { id: id, className: `sticky top-0 z-50 bg-white/95 dark:bg-slate-950/95 backdrop-blur-md border-b border-zinc-100 dark:border-slate-800 shadow-sm ${className}`, children: [promoStripText && (_jsx(Div, { className: "bg-gradient-to-r from-primary-700 to-secondary-600 dark:from-primary-700 dark:to-cobalt-700 text-white text-xs py-1 text-center font-medium", children: promoStripText })), _jsxs(Div, { className: "container mx-auto px-4 sm:px-6 lg:px-8 max-w-[1920px]", children: [_jsxs(Row, { justify: "between", gap: "none", className: "h-14", children: [_jsx(Row, { gap: "3", children: _jsx(Link, { href: logoHref, "aria-label": brandName, className: "flex items-center transition-opacity hover:opacity-80", children: _jsx(SiteLogo, { title: brandName, src: siteLogoUrl, className: "h-7 md:h-9 lg:h-10" }) }) }), navSlot && _jsx(Div, { className: "hidden md:flex", children: navSlot }), _jsxs(Row, { gap: "xs", children: [devSlot, compareEl, notificationSlot, wishlistEl && _jsx(Div, { className: "hidden lg:flex", children: wishlistEl }), cartEl && _jsx(Div, { className: "hidden lg:flex", children: cartEl }), user
+                                        ? profileEl && _jsx(Div, { className: "hidden lg:flex", children: profileEl })
+                                        : authButtonsEl ?? (profileEl && _jsx(Div, { className: "hidden lg:flex", children: profileEl })), searchBtn, promotionsEl, themeBtn, hamburgerBtn] })] }), hasTb2 && (_jsxs(Row, { as: "nav", "aria-label": "Account actions", justify: "end", gap: "xs", className: "flex lg:hidden h-10 border-t border-zinc-100 dark:border-slate-800 px-1", children: [wishlistEl, cartEl, profileEl] }))] })] }));
 }

package/dist/index.d.ts

@@ -1219,6 +1219,10 @@ export type { AdminTeamViewProps } from "./features/admin/index";
 export type { AdminEmployeeEditorViewProps } from "./features/admin/index";
 export type { AdminSupportTicketsViewProps } from "./features/admin/index";
 export type { AdminSupportTicketDetailViewProps } from "./features/admin/index";
+export { AdminScammersView } from "./features/admin/index";
+export { AdminScammerEditorView } from "./features/admin/index";
+export type { AdminScammersViewProps } from "./features/admin/index";
+export type { AdminScammerEditorViewProps } from "./features/admin/index";
 export type { DrawerFormFooterProps } from "./features/admin/index";
 export type { FeatureFlagKey } from "./features/admin/index";
 export type { FeatureFlagMeta } from "./features/admin/index";

package/dist/index.js

@@ -2311,6 +2311,10 @@ export { toStringValue } from "./features/admin/index";
 // [CLIENT-SSR]-Utility function for converting date values to relative date string.
 // toRelativeDate - Helper for converting date to relative date string.
 export { toRelativeDate } from "./features/admin/index";
+// AdminScammersView - Admin scammer profile list view.
+export { AdminScammersView } from "./features/admin/index";
+// AdminScammerEditorView - Scammer profile review/status SideDrawer.
+export { AdminScammerEditorView } from "./features/admin/index";
 // ./features/admin/server
 // [SERVER-ONLY]-Server-only — uses Node.js, Next.js server internals, or third-party server SDKs (auth, email, payment, shipping).
 // adminBidsGET - Shared export for admin bids get.

package/dist/jobs.d.ts

@@ -20,5 +20,5 @@
  *     listingProcessorHandler,
  *   } from "@mohasinac/appkit/jobs";
  */
-export { couponExpiryHandler, offerExpiryHandler, cartPruneHandler, notificationPruneHandler, dailyDataCleanupHandler, cleanupRtdbEventsHandler, auctionSettlementHandler, autoPayoutEligibilityHandler, countersReconcileHandler, onOrderCreateHandler, onOrderStatusChangeHandler, onBidPlacedHandler, onReviewWriteHandler, promotionsHandler, mediaTmpCleanupHandler, pendingOrderTimeoutHandler, productStatsSyncHandler, positionsReconcileHandler, payoutBatchHandler, weeklyPayoutEligibilityHandler, onCategoryWriteHandler, onProductWriteHandler, onStoreWriteHandler, adminAnalyticsHandler, storeAnalyticsHandler, listingProcessorHandler, supportedListingCollections, prizeRevealOpenHandler, prizeRevealCloseHandler, prizeRevealExpiryHandler, prizeRevealReminderHandler, bundleStockSyncHandler, onProductStockChangeHandler, triggerEventRaffleHandler, assignSpinPrizeHandler, bindSchedule, bindDocumentWritten, bindDocumentCreated, bindDocumentUpdated, bindCallable, bindHttps, bindToFirebase, } from "./_internal/server/jobs/index.js";
+export { couponExpiryHandler, offerExpiryHandler, cartPruneHandler, notificationPruneHandler, dailyDataCleanupHandler, cleanupRtdbEventsHandler, auctionSettlementHandler, autoPayoutEligibilityHandler, countersReconcileHandler, onOrderCreateHandler, onOrderStatusChangeHandler, onBidPlacedHandler, onReviewWriteHandler, promotionsHandler, mediaTmpCleanupHandler, pendingOrderTimeoutHandler, productStatsSyncHandler, positionsReconcileHandler, payoutBatchHandler, weeklyPayoutEligibilityHandler, onCategoryWriteHandler, onProductWriteHandler, onStoreWriteHandler, adminAnalyticsHandler, storeAnalyticsHandler, listingProcessorHandler, supportedListingCollections, prizeRevealOpenHandler, prizeRevealCloseHandler, prizeRevealExpiryHandler, prizeRevealReminderHandler, bundleStockSyncHandler, onProductStockChangeHandler, triggerEventRaffleHandler, assignSpinPrizeHandler, onSupportTicketCreateHandler, onSupportTicketUpdateHandler, onUserBanChangeHandler, bindSchedule, bindDocumentWritten, bindDocumentCreated, bindDocumentUpdated, bindCallable, bindHttps, bindToFirebase, } from "./_internal/server/jobs/index.js";
 export type { PromotionsCallableResult, AdminAnalyticsResult, StoreAnalyticsInput, StoreAnalyticsResult, ListingRequestBody, ListingResponseBody, JobContext, JobLogger, JobHandlers, ScheduleHandler, FirestoreTriggerHandler, FirestoreTriggerEvent, CallableHandler, BindHttpsOptions, } from "./_internal/server/jobs/index.js";

package/dist/jobs.js

@@ -27,5 +27,7 @@ couponExpiryHandler, offerExpiryHandler, cartPruneHandler, notificationPruneHand
 prizeRevealOpenHandler, prizeRevealCloseHandler, prizeRevealExpiryHandler, prizeRevealReminderHandler, bundleStockSyncHandler, 
 // SB-UNI-V — Firestore onWrite trigger for product stock changes.
 onProductStockChangeHandler, triggerEventRaffleHandler, assignSpinPrizeHandler, 
+// BAN9 — support ticket lifecycle + ban audit trail
+onSupportTicketCreateHandler, onSupportTicketUpdateHandler, onUserBanChangeHandler, 
 // Firebase binder adapter
 bindSchedule, bindDocumentWritten, bindDocumentCreated, bindDocumentUpdated, bindCallable, bindHttps, bindToFirebase, } from "./_internal/server/jobs/index.js";

package/dist/next/routing/route-map.d.ts

@@ -81,6 +81,7 @@ export declare const DEFAULT_ROUTE_MAP: {
         readonly SCAM_DETAIL: (id: string) => string;
         readonly SCAM_REPORT: "/scams/report";
         readonly SCAM_TYPES: "/scams/types";
+        readonly SCAM_FAQS: "/scams/faqs";
     };
     readonly ERRORS: {
         readonly UNAUTHORIZED: "/unauthorized";
@@ -117,6 +118,8 @@ export declare const DEFAULT_ROUTE_MAP: {
         readonly REVIEWS: "/user/reviews";
         readonly BIDS: "/user/bids";
         readonly RETURNS: "/user/returns";
+        readonly SUPPORT: "/user/support";
+        readonly SUPPORT_TICKET: (id: string) => string;
     };
     readonly STORE: {
         readonly DASHBOARD: "/store";
@@ -231,6 +234,10 @@ export declare const DEFAULT_ROUTE_MAP: {
         readonly PRIZE_DRAWS: "/admin/prize-draws";
         readonly PRIZE_DRAWS_EDIT: (id: string) => string;
         readonly TEAM: "/admin/team";
+        readonly SUPPORT_TICKETS: "/admin/support-tickets";
+        readonly SUPPORT_TICKET_BY_ID: (id: string) => string;
+        readonly SCAMMERS: "/admin/scammers";
+        readonly SCAMMER_BY_ID: (id: string) => string;
     };
     readonly DEMO: {
         readonly SEED: "/demo/seed";
@@ -311,6 +318,7 @@ export declare const ROUTES: {
         readonly SCAM_DETAIL: (id: string) => string;
         readonly SCAM_REPORT: "/scams/report";
         readonly SCAM_TYPES: "/scams/types";
+        readonly SCAM_FAQS: "/scams/faqs";
     };
     readonly ERRORS: {
         readonly UNAUTHORIZED: "/unauthorized";
@@ -347,6 +355,8 @@ export declare const ROUTES: {
         readonly REVIEWS: "/user/reviews";
         readonly BIDS: "/user/bids";
         readonly RETURNS: "/user/returns";
+        readonly SUPPORT: "/user/support";
+        readonly SUPPORT_TICKET: (id: string) => string;
     };
     readonly STORE: {
         readonly DASHBOARD: "/store";
@@ -461,6 +471,10 @@ export declare const ROUTES: {
         readonly PRIZE_DRAWS: "/admin/prize-draws";
         readonly PRIZE_DRAWS_EDIT: (id: string) => string;
         readonly TEAM: "/admin/team";
+        readonly SUPPORT_TICKETS: "/admin/support-tickets";
+        readonly SUPPORT_TICKET_BY_ID: (id: string) => string;
+        readonly SCAMMERS: "/admin/scammers";
+        readonly SCAMMER_BY_ID: (id: string) => string;
     };
     readonly DEMO: {
         readonly SEED: "/demo/seed";

package/dist/next/routing/route-map.js

@@ -69,6 +69,7 @@ export const DEFAULT_ROUTE_MAP = {
         SCAM_DETAIL: (id) => `/scams/${id}`,
         SCAM_REPORT: "/scams/report",
         SCAM_TYPES: "/scams/types",
+        SCAM_FAQS: "/scams/faqs",
     },
     ERRORS: {
         UNAUTHORIZED: "/unauthorized",
@@ -105,6 +106,8 @@ export const DEFAULT_ROUTE_MAP = {
         REVIEWS: "/user/reviews",
         BIDS: "/user/bids",
         RETURNS: "/user/returns",
+        SUPPORT: "/user/support",
+        SUPPORT_TICKET: (id) => `/user/support/${id}`,
     },
     STORE: {
         DASHBOARD: "/store",
@@ -222,6 +225,10 @@ export const DEFAULT_ROUTE_MAP = {
         PRIZE_DRAWS: "/admin/prize-draws",
         PRIZE_DRAWS_EDIT: (id) => `/admin/prize-draws/${id}/edit`,
         TEAM: "/admin/team",
+        SUPPORT_TICKETS: "/admin/support-tickets",
+        SUPPORT_TICKET_BY_ID: (id) => `/admin/support-tickets/${id}`,
+        SCAMMERS: "/admin/scammers",
+        SCAMMER_BY_ID: (id) => `/admin/scammers/${id}`,
     },
     DEMO: {
         SEED: "/demo/seed",

package/dist/seed/faq-seed-data.js

@@ -1347,4 +1347,307 @@ export const faqSeedData = [
         createdAt: daysAgo(2),
         updatedAt: daysAgo(2),
     },
+    // ══════════════════════════════════════════════════════════════════════════
+    // SCAM AWARENESS (12 FAQs)
+    // ══════════════════════════════════════════════════════════════════════════
+    {
+        id: "faq-how-to-spot-fake-seller",
+        question: "How do I spot a fake or scam seller on LetItRip?",
+        answer: html(`<p>Verified LetItRip sellers have a green <strong>Verified</strong> badge on their store page. Before buying, check for:</p><ul><li><strong>No badge or pending badge</strong> — the seller has not completed verification.</li><li><strong>Zero reviews or suspiciously perfect ratings</strong> — be cautious if every review is 5-star and very recent.</li><li><strong>Prices too good to be true</strong> — PSA 10 Charizard Base Set does not sell for ₹1,000.</li><li><strong>Urgency tactics</strong> — "Only 1 left, buy in 5 minutes or it's gone" is a classic pressure technique.</li><li><strong>Requests to pay outside LetItRip</strong> — any seller asking for UPI/bank transfer outside the platform is violating our Terms and likely attempting fraud.</li></ul><p>When in doubt, message the seller through LetItRip's secure messaging, check their store history, and read recent reviews carefully.</p>`),
+        category: "scam_awareness",
+        showOnHomepage: false,
+        showInFooter: false,
+        isPinned: true,
+        order: 1,
+        priority: 10,
+        tags: ["scam", "fake seller", "verification", "trust"],
+        relatedFAQs: ["faq-off-platform-payment-scam", "faq-counterfeit-collectible"],
+        useSiteSettings: true,
+        variables: {},
+        stats: makeStats(3200, 290),
+        seo: {
+            slug: "faq-how-to-spot-fake-seller",
+            metaTitle: "How to spot a fake seller on LetItRip",
+            metaDescription: "Signs of a scam seller: no verification badge, suspiciously perfect reviews, prices too low, off-platform payment requests.",
+        },
+        isActive: true,
+        createdBy: "user-admin-letitrip",
+        createdAt: daysAgo(30),
+        updatedAt: daysAgo(5),
+    },
+    {
+        id: "faq-off-platform-payment-scam",
+        question: "A seller asked me to pay via UPI or bank transfer outside LetItRip — is that safe?",
+        answer: html(`<p><strong>No. Never pay outside LetItRip.</strong> This is the most common scam on collectibles platforms.</p><p>When you pay through LetItRip, Razorpay holds your money in escrow and only releases it to the seller after you confirm delivery (or after 5 days without a dispute). You are protected.</p><p>If you pay via UPI, NEFT, or any method outside the platform:</p><ul><li>LetItRip has <strong>no visibility</strong> into the transaction.</li><li>We <strong>cannot refund</strong> or mediate — we are not party to that transaction.</li><li>You have no buyer protection.</li></ul><p><strong>What to do:</strong> Report the seller immediately via the "Report seller" button on their store page, or email us at trust@letitrip.in. We will investigate and suspend the seller if confirmed.</p><p>Asking buyers to pay off-platform is an <strong>immediate permanent ban</strong> on LetItRip.</p>`),
+        category: "scam_awareness",
+        showOnHomepage: false,
+        showInFooter: false,
+        isPinned: true,
+        order: 2,
+        priority: 10,
+        tags: ["scam", "UPI", "off-platform", "payment", "fraud"],
+        relatedFAQs: ["faq-how-to-spot-fake-seller", "faq-how-to-report-scam"],
+        useSiteSettings: true,
+        variables: {},
+        stats: makeStats(5100, 480),
+        seo: {
+            slug: "faq-off-platform-payment-scam",
+            metaTitle: "Off-platform UPI payment scam — LetItRip",
+            metaDescription: "Never pay via UPI or bank transfer outside LetItRip. Escrow only protects on-platform payments.",
+        },
+        isActive: true,
+        createdBy: "user-admin-letitrip",
+        createdAt: daysAgo(30),
+        updatedAt: daysAgo(5),
+    },
+    {
+        id: "faq-counterfeit-collectible",
+        question: "What if I receive a counterfeit or fake collectible?",
+        answer: html(`<p>LetItRip has a strict <strong>zero-tolerance counterfeit policy</strong>. If you suspect your item is fake:</p><ol><li><strong>Do not confirm delivery</strong> — you have 5 days after the carrier marks delivered to dispute.</li><li>Open a dispute via the Order Detail page: "I have a problem with this order" → "Item is fake or counterfeit".</li><li>Upload clear photos of the item, packaging, and any authentication details (holograms, print quality, card stock, etc.).</li><li>Our Trust team will review within 48 hours.</li></ol><p><strong>If confirmed counterfeit:</strong></p><ul><li>You receive a <strong>full refund</strong> including shipping.</li><li>The seller's listing is taken down immediately.</li><li>The seller's account is flagged for review — repeated violations result in permanent ban.</li></ul><p>For PSA/BGS/CGC graded slabs: we verify the slab cert number against the respective grading company's public database before closing the dispute in your favor.</p>`),
+        category: "scam_awareness",
+        showOnHomepage: false,
+        showInFooter: false,
+        isPinned: false,
+        order: 3,
+        priority: 9,
+        tags: ["counterfeit", "fake", "refund", "dispute", "graded"],
+        relatedFAQs: ["faq-how-to-spot-fake-seller", "faq-how-to-report-scam"],
+        useSiteSettings: true,
+        variables: {},
+        stats: makeStats(2800, 260),
+        seo: {
+            slug: "faq-counterfeit-collectible",
+            metaTitle: "Received a counterfeit collectible? — LetItRip",
+            metaDescription: "Open a dispute within 5 days, upload photos. Confirmed fakes get a full refund and seller is banned.",
+        },
+        isActive: true,
+        createdBy: "user-admin-letitrip",
+        createdAt: daysAgo(28),
+        updatedAt: daysAgo(4),
+    },
+    {
+        id: "faq-how-to-report-scam",
+        question: "How do I report a scammer or suspicious account on LetItRip?",
+        answer: html(`<p>You can report a suspicious account through any of these channels:</p><ul><li><strong>Store page</strong> — click the three-dot menu (⋮) on any store page → "Report this store".</li><li><strong>Order dispute</strong> — if you already placed an order, use the dispute flow in Order Details.</li><li><strong>Scam Registry</strong> — visit <a href="/scams/report">/scams/report</a> to submit a detailed scam report including phone numbers, UPI IDs, and a description of what happened. This helps warn other buyers.</li><li><strong>Email</strong> — trust@letitrip.in for urgent cases.</li></ul><p>When reporting, include:</p><ul><li>The seller's LetItRip store name or URL</li><li>Any phone numbers, UPI IDs, or social media handles used in the scam</li><li>Screenshots of conversations (especially off-platform payment requests)</li><li>Order ID if a transaction was involved</li></ul><p>We review all scam reports within 24–48 hours. Reports go directly to our Trust & Safety team.</p>`),
+        category: "scam_awareness",
+        showOnHomepage: false,
+        showInFooter: false,
+        isPinned: true,
+        order: 4,
+        priority: 9,
+        tags: ["report", "scam", "trust & safety", "fraud"],
+        relatedFAQs: ["faq-off-platform-payment-scam", "faq-how-to-spot-fake-seller"],
+        useSiteSettings: true,
+        variables: {},
+        stats: makeStats(1900, 180),
+        seo: {
+            slug: "faq-how-to-report-scam",
+            metaTitle: "How to report a scammer on LetItRip",
+            metaDescription: "Report scammers via the store page, order dispute, scam registry, or trust@letitrip.in.",
+        },
+        isActive: true,
+        createdBy: "user-admin-letitrip",
+        createdAt: daysAgo(28),
+        updatedAt: daysAgo(4),
+    },
+    {
+        id: "faq-phishing-fake-letitrip",
+        question: "I received a message claiming to be LetItRip asking for my password or OTP — is it real?",
+        answer: html(`<p><strong>No. LetItRip will never ask for your password, OTP, or payment details via WhatsApp, SMS, or email.</strong></p><p>Common phishing tactics targeting collectibles buyers:</p><ul><li>Fake "LetItRip support" WhatsApp numbers asking to "verify your order" via an OTP.</li><li>SMS links to fake login pages that steal your credentials.</li><li>Emails claiming your account will be suspended unless you click a link and re-enter your card number.</li></ul><p><strong>What LetItRip actually sends:</strong></p><ul><li>Order confirmation and shipping emails from noreply@letitrip.in.</li><li>OTPs for login — we never ask you to read the OTP back to anyone.</li><li>We never contact you via personal WhatsApp or unofficial numbers.</li></ul><p>If you received a suspicious message, do not click any links. Report the number/email to trust@letitrip.in and change your LetItRip password immediately if you've already entered credentials on an unknown site.</p>`),
+        category: "scam_awareness",
+        showOnHomepage: false,
+        showInFooter: false,
+        isPinned: false,
+        order: 5,
+        priority: 8,
+        tags: ["phishing", "OTP", "password", "impersonation", "WhatsApp"],
+        relatedFAQs: ["faq-off-platform-payment-scam", "faq-how-to-report-scam"],
+        useSiteSettings: true,
+        variables: {},
+        stats: makeStats(2200, 200),
+        seo: {
+            slug: "faq-phishing-fake-letitrip",
+            metaTitle: "Fake LetItRip messages asking for OTP or password",
+            metaDescription: "LetItRip never asks for OTPs or passwords via WhatsApp or SMS. These are phishing scams.",
+        },
+        isActive: true,
+        createdBy: "user-admin-letitrip",
+        createdAt: daysAgo(25),
+        updatedAt: daysAgo(3),
+    },
+    {
+        id: "faq-advance-payment-scam",
+        question: "A seller asked me to pay an 'advance' or 'booking amount' outside the order system — is that legitimate?",
+        answer: html(`<p><strong>No. LetItRip does not have an "advance" or "booking amount" system.</strong> This is a well-known scam pattern in the Indian collectibles market.</p><p>How it works: a scammer (posing as a seller) messages you about a rare item, asks for a 20–30% advance via UPI to "hold" it, and then disappears — or demands more money before shipping.</p><p><strong>If a seller contacts you outside LetItRip</strong> (Instagram DM, WhatsApp, Telegram) and asks for an advance to hold an item:</p><ul><li>The item may not exist.</li><li>You have no recourse once you transfer money.</li><li>LetItRip's escrow and buyer protection does NOT apply to off-platform transactions.</li></ul><p>Legitimate pre-orders on LetItRip are handled through the Pre-Orders section — all payments go through Razorpay and are fully protected. If a seller is asking you to deviate from this, report them immediately.</p>`),
+        category: "scam_awareness",
+        showOnHomepage: false,
+        showInFooter: false,
+        isPinned: false,
+        order: 6,
+        priority: 8,
+        tags: ["advance payment", "booking amount", "pre-order scam", "fraud"],
+        relatedFAQs: ["faq-off-platform-payment-scam", "faq-how-to-report-scam"],
+        useSiteSettings: true,
+        variables: {},
+        stats: makeStats(1600, 150),
+        seo: {
+            slug: "faq-advance-payment-scam",
+            metaTitle: "Advance payment / booking amount scam — LetItRip",
+            metaDescription: "LetItRip has no advance or booking system. Sellers asking for off-platform advances are scammers.",
+        },
+        isActive: true,
+        createdBy: "user-admin-letitrip",
+        createdAt: daysAgo(25),
+        updatedAt: daysAgo(3),
+    },
+    {
+        id: "faq-graded-slab-scam",
+        question: "How do I verify a PSA/BGS/CGC graded card is genuine?",
+        answer: html(`<p>Graded slabs are a prime target for forgery. Before buying, always verify independently:</p><ul><li><strong>PSA</strong> — visit <a href="https://www.psacard.com/cert" target="_blank" rel="noopener noreferrer">psacard.com/cert</a> and enter the cert number visible on the label.</li><li><strong>BGS (Beckett)</strong> — visit <a href="https://www.beckett.com/grading" target="_blank" rel="noopener noreferrer">beckett.com/grading</a> → Cert Verification.</li><li><strong>CGC</strong> — visit <a href="https://www.cgccards.com/certlookup/" target="_blank" rel="noopener noreferrer">cgccards.com/certlookup</a>.</li></ul><p>Common signs of a fake slab:</p><ul><li>Cert number does not appear in the grading company's database.</li><li>Label font, hologram, or case seam looks slightly off compared to genuine slabs.</li><li>Seller refuses to show a clear close-up of the cert number label.</li></ul><p>Ask the seller to share a close-up photo of the label before buying. If the cert doesn't verify, do not purchase, and report the listing via the "Report listing" button.</p>`),
+        category: "scam_awareness",
+        showOnHomepage: false,
+        showInFooter: false,
+        isPinned: false,
+        order: 7,
+        priority: 7,
+        tags: ["PSA", "BGS", "CGC", "graded", "cert verification", "fake slab"],
+        relatedFAQs: ["faq-counterfeit-collectible", "faq-how-to-spot-fake-seller"],
+        useSiteSettings: true,
+        variables: {},
+        stats: makeStats(3400, 310),
+        seo: {
+            slug: "faq-graded-slab-scam",
+            metaTitle: "Verify PSA / BGS / CGC graded card is genuine — LetItRip",
+            metaDescription: "Always verify the cert number at psacard.com, beckett.com, or cgccards.com before buying a graded slab.",
+        },
+        isActive: true,
+        createdBy: "user-admin-letitrip",
+        createdAt: daysAgo(22),
+        updatedAt: daysAgo(2),
+    },
+    {
+        id: "faq-social-media-seller-scam",
+        question: "I found a LetItRip seller on Instagram. Can I buy from them directly?",
+        answer: html(`<p><strong>Always buy through LetItRip — never through DMs, Instagram, or WhatsApp links.</strong></p><p>Many LetItRip sellers promote their stores on social media, which is perfectly fine. But the moment a seller asks you to complete a transaction outside LetItRip (even if they show you their LetItRip store as "proof"), you lose all buyer protection:</p><ul><li>No escrow — money goes directly to them.</li><li>No dispute mediation — LetItRip cannot intervene.</li><li>No refund guarantee.</li></ul><p>The correct flow: find the seller's official LetItRip store via their bio link or at letitrip.in/stores, and complete the purchase through the platform. If a seller's "LetItRip link" leads to a site that looks different from letitrip.in, it may be a phishing clone — verify the URL is exactly <strong>letitrip.in</strong> or <strong>www.letitrip.in</strong>.</p>`),
+        category: "scam_awareness",
+        showOnHomepage: false,
+        showInFooter: false,
+        isPinned: false,
+        order: 8,
+        priority: 7,
+        tags: ["Instagram", "social media", "DM", "off-platform", "fraud"],
+        relatedFAQs: ["faq-off-platform-payment-scam", "faq-phishing-fake-letitrip"],
+        useSiteSettings: true,
+        variables: {},
+        stats: makeStats(1800, 165),
+        seo: {
+            slug: "faq-social-media-seller-scam",
+            metaTitle: "Buying from LetItRip sellers on Instagram — safe?",
+            metaDescription: "Always complete purchases on letitrip.in. Social media DM sales bypass buyer protection.",
+        },
+        isActive: true,
+        createdBy: "user-admin-letitrip",
+        createdAt: daysAgo(20),
+        updatedAt: daysAgo(2),
+    },
+    {
+        id: "faq-scam-registry",
+        question: "What is the LetItRip Scam Registry?",
+        answer: html(`<p>The <strong>LetItRip Scam Registry</strong> is a publicly searchable database of phone numbers, UPI IDs, and display names associated with confirmed or reported collectibles scams in India.</p><p><strong>What's in the registry:</strong></p><ul><li>Phone numbers and UPI IDs reported by buyers and verified by our Trust team.</li><li>The type of scam (advance payment, fake listing, counterfeit slab, etc.).</li><li>Verification status: <em>pending review</em>, <em>verified</em>, or <em>rejected</em>.</li></ul><p><strong>How to use it:</strong> Before transferring money to any individual for a collectible — even outside LetItRip — search their phone number or UPI ID in the registry at <a href="/scams">/scams</a>. A verified hit is a strong warning to walk away.</p><p><strong>How to submit:</strong> Use the <a href="/scams/report">/scams/report</a> form. Provide as much detail as possible — more evidence means faster verification.</p><p>The registry is maintained by LetItRip's Trust & Safety team and is reviewed daily.</p>`),
+        category: "scam_awareness",
+        showOnHomepage: false,
+        showInFooter: true,
+        isPinned: false,
+        order: 9,
+        priority: 8,
+        tags: ["scam registry", "phone number", "UPI", "trust", "database"],
+        relatedFAQs: ["faq-how-to-report-scam", "faq-how-to-spot-fake-seller"],
+        useSiteSettings: true,
+        variables: {},
+        stats: makeStats(2600, 240),
+        seo: {
+            slug: "faq-scam-registry",
+            metaTitle: "LetItRip Scam Registry — search reported scammers",
+            metaDescription: "Search phone numbers and UPI IDs in the LetItRip Scam Registry to check if a collectibles seller has been reported.",
+        },
+        isActive: true,
+        createdBy: "user-admin-letitrip",
+        createdAt: daysAgo(18),
+        updatedAt: daysAgo(1),
+    },
+    {
+        id: "faq-buyer-protection-limits",
+        question: "Does LetItRip buyer protection cover all purchases?",
+        answer: html(`<p>LetItRip buyer protection covers <strong>all purchases made through the platform</strong> — standard products, auctions, and pre-orders. Here's what's covered and what isn't:</p><p><strong>Covered:</strong></p><ul><li>Item not received within the stated shipping window.</li><li>Item significantly not as described (wrong item, wrong grade, wrong condition).</li><li>Confirmed counterfeit or fake item.</li><li>Seller cancels after payment.</li></ul><p><strong>Not covered:</strong></p><ul><li>Purchases made outside LetItRip (UPI transfers, social media DMs, etc.).</li><li>Prize draw results — the randomness of draws is not a dispute ground.</li><li>Buyer's remorse — changed your mind after delivery.</li><li>Damage caused by the buyer after delivery.</li><li>Disputes raised after the 5-day post-delivery window (unless extended by a pending dispute).</li></ul><p>To ensure full protection, always: pay through LetItRip, inspect your item within 5 days of delivery, and open a dispute <em>before</em> confirming delivery if something is wrong.</p>`),
+        category: "scam_awareness",
+        showOnHomepage: false,
+        showInFooter: false,
+        isPinned: false,
+        order: 10,
+        priority: 7,
+        tags: ["buyer protection", "escrow", "dispute", "refund", "coverage"],
+        relatedFAQs: ["faq-counterfeit-collectible", "faq-off-platform-payment-scam"],
+        useSiteSettings: true,
+        variables: {},
+        stats: makeStats(4100, 380),
+        seo: {
+            slug: "faq-buyer-protection-limits",
+            metaTitle: "What does LetItRip buyer protection cover?",
+            metaDescription: "Buyer protection covers on-platform purchases. Off-platform payments, prize draw results, and buyer's remorse are excluded.",
+        },
+        isActive: true,
+        createdBy: "user-admin-letitrip",
+        createdAt: daysAgo(15),
+        updatedAt: daysAgo(1),
+    },
+    {
+        id: "faq-scam-types-collectibles",
+        question: "What are the most common collectibles scams in India?",
+        answer: html(`<p>Based on reports to our Trust team, these are the most common scam patterns targeting Indian collectibles buyers:</p><ol><li><strong>Advance payment / "hold my item"</strong> — seller asks for partial payment via UPI to hold a rare item, then ghosts or demands more.</li><li><strong>Fake graded slabs</strong> — counterfeit PSA/BGS slabs with non-existent cert numbers, sold at below-market prices.</li><li><strong>Wrong item shipped</strong> — a high-value item is listed, but a cheap substitute is shipped inside the same packaging.</li><li><strong>Photo stolen from legitimate seller</strong> — scammer uses another seller's photos to create a fake listing on social media, collects payment, ships nothing.</li><li><strong>Phishing via "LetItRip support"</strong> — fake support agent asks for OTP to "resolve a payment issue".</li><li><strong>Post-trade regret scam</strong> — buyer receives item, falsely claims it's fake to get a refund AND keep the item.</li><li><strong>Prize draw manipulation claims</strong> — fake screenshots claiming a specific user "won" to pressure sellers into shipping without proper verification.</li></ol><p>The best defense: buy exclusively through LetItRip, pay through Razorpay, and never share OTPs or passwords with anyone.</p>`),
+        category: "scam_awareness",
+        showOnHomepage: false,
+        showInFooter: false,
+        isPinned: false,
+        order: 11,
+        priority: 9,
+        tags: ["scam types", "advance payment", "fake PSA", "India", "collectibles"],
+        relatedFAQs: ["faq-how-to-spot-fake-seller", "faq-graded-slab-scam", "faq-scam-registry"],
+        useSiteSettings: true,
+        variables: {},
+        stats: makeStats(5800, 530),
+        seo: {
+            slug: "faq-scam-types-collectibles",
+            metaTitle: "Common collectibles scams in India — LetItRip guide",
+            metaDescription: "7 common scam patterns: advance payments, fake graded slabs, wrong item shipped, phishing, and more.",
+        },
+        isActive: true,
+        createdBy: "user-admin-letitrip",
+        createdAt: daysAgo(12),
+        updatedAt: daysAgo(1),
+    },
+    {
+        id: "faq-seller-impersonation",
+        question: "Someone is impersonating a legitimate LetItRip seller — what should I do?",
+        answer: html(`<p>Seller impersonation — creating a fake account or social media profile mimicking a real LetItRip store — is one of the most sophisticated scams in the collectibles space.</p><p><strong>How to verify you're talking to the real seller:</strong></p><ul><li>The real seller's profile is at letitrip.in/stores/<em>their-store-slug</em>. Check the URL carefully.</li><li>Message the seller through LetItRip's built-in messaging system (not WhatsApp or Instagram).</li><li>Legitimate sellers will never ask you to move the conversation off-platform.</li></ul><p><strong>If you suspect impersonation:</strong></p><ol><li>Do not send any money.</li><li>Screenshot the impersonator's profile/conversation.</li><li>Report to trust@letitrip.in with subject "Seller impersonation — [store name]".</li><li>Warn the real seller by messaging them via their official LetItRip store page.</li></ol><p>We take impersonation reports seriously and will work with platforms (Instagram, WhatsApp) to have fake accounts removed where possible.</p>`),
+        category: "scam_awareness",
+        showOnHomepage: false,
+        showInFooter: false,
+        isPinned: false,
+        order: 12,
+        priority: 8,
+        tags: ["impersonation", "fake account", "social media", "trust"],
+        relatedFAQs: ["faq-social-media-seller-scam", "faq-how-to-report-scam"],
+        useSiteSettings: true,
+        variables: {},
+        stats: makeStats(1400, 130),
+        seo: {
+            slug: "faq-seller-impersonation",
+            metaTitle: "Seller impersonation scam — LetItRip",
+            metaDescription: "How to detect and report a fake account impersonating a real LetItRip seller.",
+        },
+        isActive: true,
+        createdBy: "user-admin-letitrip",
+        createdAt: daysAgo(10),
+        updatedAt: daysAgo(1),
+    },
 ];