@mohasinac/appkit 2.7.35 → 2.7.36

package/dist/_internal/server/features/auctions/og.d.ts

@@ -14,6 +14,7 @@ interface AuctionDocLike {
 export declare function renderAuctionOg(doc: AuctionDocLike | null | undefined, opts: {
     siteName: string;
     locale?: string;
+    baseUrl?: string;
 }): ReactElement;
 export declare function renderAuctionOgImage(data: AuctionOgData, siteName: string): ReactElement;
 export {};

package/dist/_internal/server/features/auctions/og.js

@@ -1,4 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { resolveOgImageUrl } from "../seo/og";
 /** High-level OG renderer — accepts the raw auction document from `getAuctionForDetail`. */
 export function renderAuctionOg(doc, opts) {
     const locale = opts.locale ?? "en-IN";
@@ -13,7 +14,7 @@ export function renderAuctionOg(doc, opts) {
     return renderAuctionOgImage({
         title: doc?.title ?? "Live Auction",
         endsLabel,
-        imageUrl: doc?.mainImage || doc?.images?.[0] || null,
+        imageUrl: resolveOgImageUrl(doc?.mainImage || doc?.images?.[0] || null, opts.baseUrl),
     }, opts.siteName);
 }
 export function renderAuctionOgImage(data, siteName) {

package/dist/_internal/server/features/blog/og.d.ts

@@ -18,6 +18,7 @@ interface BlogDocLike {
 /** High-level OG renderer — accepts the raw blog post document from `getBlogPostForDetail`. */
 export declare function renderBlogOg(doc: BlogDocLike | null | undefined, opts: {
     siteName: string;
+    baseUrl?: string;
 }): ReactElement;
 export declare function renderBlogOgImage(data: BlogOgData, siteName: string): ReactElement;
 export {};

package/dist/_internal/server/features/blog/og.js

@@ -1,7 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { resolveOgImageUrl } from "../seo/og";
 /** High-level OG renderer — accepts the raw blog post document from `getBlogPostForDetail`. */
 export function renderBlogOg(doc, opts) {
-    const coverImage = typeof doc?.coverImage === "string"
+    const rawCoverImage = typeof doc?.coverImage === "string"
         ? doc.coverImage
         : doc?.coverImage?.url ?? null;
     return renderBlogOgImage({
@@ -9,7 +10,7 @@ export function renderBlogOg(doc, opts) {
         excerpt: doc?.excerpt?.slice(0, 120) ?? null,
         authorName: doc?.authorName ?? null,
         category: doc?.category ?? null,
-        coverImage,
+        coverImage: resolveOgImageUrl(rawCoverImage, opts.baseUrl),
     }, opts.siteName);
 }
 export function renderBlogOgImage(data, siteName) {

package/dist/_internal/server/features/brands/og.d.ts

@@ -12,6 +12,7 @@ interface BrandDocLike {
 /** High-level OG renderer — accepts the raw brand document from `getBrandForDetail`. */
 export declare function renderBrandOg(doc: BrandDocLike | null | undefined, opts: {
     siteName: string;
+    baseUrl?: string;
 }): ReactElement;
 export declare function renderBrandOgImage(data: BrandOgData, siteName: string): ReactElement;
 export {};

package/dist/_internal/server/features/brands/og.js

@@ -1,4 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { resolveOgImageUrl } from "../seo/og";
 /** High-level OG renderer — accepts the raw brand document from `getBrandForDetail`. */
 export function renderBrandOg(doc, opts) {
     const name = doc?.name ?? "Brand";
@@ -6,7 +7,7 @@ export function renderBrandOg(doc, opts) {
         name,
         description: doc?.description?.slice(0, 120) ??
             `Shop authentic ${name} collectibles on ${opts.siteName}.`,
-        logoUrl: doc?.logoURL ?? null,
+        logoUrl: resolveOgImageUrl(doc?.logoURL ?? null, opts.baseUrl),
     }, opts.siteName);
 }
 export function renderBrandOgImage(data, siteName) {

package/dist/_internal/server/features/bundles/og.d.ts

@@ -33,6 +33,7 @@ interface BundleDocLike {
 }
 export declare function renderBundleOg(doc: BundleDocLike | null | undefined, opts: {
     siteName: string;
+    baseUrl?: string;
 }): ReactElement;
 export declare function renderBundleOgImage(data: BundleOgData, siteName: string): ReactElement;
 export {};

package/dist/_internal/server/features/bundles/og.js

@@ -1,4 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { resolveOgImageUrl } from "../seo/og";
 function formatPriceInr(paise) {
     const rupees = Math.round(paise / 100);
     return `₹${rupees.toLocaleString("en-IN")}`;
@@ -12,7 +13,7 @@ export function renderBundleOg(doc, opts) {
         name,
         description: doc?.description?.slice(0, 140) ??
             `Curated multi-product bundle on ${opts.siteName}.`,
-        coverImageUrl: doc?.display?.coverImage ?? null,
+        coverImageUrl: resolveOgImageUrl(doc?.display?.coverImage ?? null, opts.baseUrl),
         priceLabel,
         itemCount: doc?.bundleProductIds?.length ?? null,
         stockStatus: doc?.bundleStockStatus ?? null,

package/dist/_internal/server/features/categories/og.d.ts

@@ -28,6 +28,7 @@ interface CategoryDocLike {
 }
 export declare function renderCategoryOg(doc: CategoryDocLike | null | undefined, opts: {
     siteName: string;
+    baseUrl?: string;
 }): ReactElement;
 export declare function renderCategoryOgImage(data: CategoryOgData, siteName: string): ReactElement;
 export {};

package/dist/_internal/server/features/categories/og.js

@@ -1,11 +1,12 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { resolveOgImageUrl } from "../seo/og";
 export function renderCategoryOg(doc, opts) {
     const name = doc?.name ?? "Category";
     return renderCategoryOgImage({
         name,
         description: doc?.description?.slice(0, 140) ??
             `Browse ${name} on ${opts.siteName}.`,
-        coverImageUrl: doc?.display?.coverImage ?? null,
+        coverImageUrl: resolveOgImageUrl(doc?.display?.coverImage ?? null, opts.baseUrl),
         productCount: doc?.metrics?.totalItemCount ?? null,
     }, opts.siteName);
 }

package/dist/_internal/server/features/checkout/actions.js

@@ -334,11 +334,18 @@ export async function createCheckoutOrderAction(input) {
     const orderIds = [];
     let total = 0;
     const emailsToSend = [];
-    const cartSubtotal = orderGroups.reduce((s, { items: g }) => s + g.reduce((gs, { item }) => gs + item.price * item.quantity, 0), 0);
+    // SB-UNI-5 2026-05-13 — bundle cart-lines use item.price (locked bundle
+    // price at add-time); regular lines use product.price (current Firestore).
+    // This prevents stale cart-cached prices from being charged on COD/UPI orders.
+    const unitPriceFor = (item, product) => item.bundleCategorySlug && item.bundleProductIds?.length
+        ? item.price
+        : product.price;
+    const cartSubtotal = orderGroups.reduce((s, { items: g }) => s + g.reduce((gs, { item, product }) => gs + unitPriceFor(item, product) * item.quantity, 0), 0);
     const couponUsageAccumulator = new Map();
     for (const { items: group, orderType } of orderGroups) {
         const firstItem = group[0].item;
-        const groupTotal = group.reduce((sum, { item }) => sum + item.price * item.quantity, 0);
+        const firstProduct = group[0].product;
+        const groupTotal = group.reduce((sum, { item, product }) => sum + unitPriceFor(item, product) * item.quantity, 0);
         total += groupTotal;
         // S-SBUNI-RULES 2026-05-13 — order-item decoration via rule registry.
         const orderItems = group.map(({ item, product }) => {
@@ -352,12 +359,13 @@ export async function createCheckoutOrderAction(input) {
                     bundleProductIds: item.bundleProductIds,
                 }
                 : {};
+            const unitPrice = unitPriceFor(item, product);
             const baseLine = {
                 productId: item.productId,
                 productTitle: item.productTitle,
                 quantity: item.quantity,
-                unitPrice: item.price,
-                totalPrice: item.price * item.quantity,
+                unitPrice,
+                totalPrice: unitPrice * item.quantity,
                 ...bundleFields,
             };
             return itemRule.decorateOrderItem(baseLine, product);
@@ -437,7 +445,7 @@ export async function createCheckoutOrderAction(input) {
             userName,
             userEmail,
             quantity: totalQuantity,
-            unitPrice: firstItem.price,
+            unitPrice: unitPriceFor(firstItem, firstProduct),
             totalPrice: orderTotal,
             currency: firstItem.currency ?? getDefaultCurrency(),
             storeId: firstItem.storeId || undefined,

package/dist/_internal/server/features/classified/og.d.ts

@@ -21,10 +21,12 @@ interface ClassifiedDocLike {
 }
 export declare function renderClassifiedOg(doc: ClassifiedDocLike | null | undefined, opts: {
     siteName: string;
+    baseUrl?: string;
 }): ReactElement;
 export declare function renderClassifiedOgImage(data: ClassifiedOgData, siteName: string): ReactElement;
 /** Type-safe overload that accepts the full ProductDocument. */
 export declare function renderClassifiedOgFromDoc(doc: ProductDocument | null | undefined, opts: {
     siteName: string;
+    baseUrl?: string;
 }): ReactElement;
 export {};

package/dist/_internal/server/features/classified/og.js

@@ -1,4 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { resolveOgImageUrl } from "../seo/og";
 export function renderClassifiedOg(doc, opts) {
     const meta = doc?.classified;
     const location = meta?.meetupArea
@@ -15,7 +16,7 @@ export function renderClassifiedOg(doc, opts) {
         title: doc?.title ?? "Classified Listing",
         priceLabel,
         location,
-        imageUrl: doc?.mainImage || doc?.images?.[0] || null,
+        imageUrl: resolveOgImageUrl(doc?.mainImage || doc?.images?.[0] || null, opts.baseUrl),
     }, opts.siteName);
 }
 export function renderClassifiedOgImage(data, siteName) {

package/dist/_internal/server/features/digital-code/og.d.ts

@@ -18,10 +18,12 @@ interface DigitalCodeDocLike {
 }
 export declare function renderDigitalCodeOg(doc: DigitalCodeDocLike | null | undefined, opts: {
     siteName: string;
+    baseUrl?: string;
 }): ReactElement;
 export declare function renderDigitalCodeOgImage(data: DigitalCodeOgData, siteName: string): ReactElement;
 /** Type-safe overload that accepts the full ProductDocument. */
 export declare function renderDigitalCodeOgFromDoc(doc: ProductDocument | null | undefined, opts: {
     siteName: string;
+    baseUrl?: string;
 }): ReactElement;
 export {};

package/dist/_internal/server/features/digital-code/og.js

@@ -1,4 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { resolveOgImageUrl } from "../seo/og";
 export function renderDigitalCodeOg(doc, opts) {
     const priceLabel = doc?.price != null
         ? new Intl.NumberFormat("en-IN", {
@@ -16,7 +17,7 @@ export function renderDigitalCodeOg(doc, opts) {
         title: doc?.title ?? "Digital Code",
         priceLabel,
         deliveryMethod,
-        imageUrl: doc?.mainImage || doc?.images?.[0] || null,
+        imageUrl: resolveOgImageUrl(doc?.mainImage || doc?.images?.[0] || null, opts.baseUrl),
     }, opts.siteName);
 }
 export function renderDigitalCodeOgImage(data, siteName) {

package/dist/_internal/server/features/events/og.d.ts

@@ -21,6 +21,7 @@ export declare function renderEventOg(doc: EventDocLike | null | undefined, opts
     siteName: string;
     locale?: string;
     typeLabels?: Record<string, string>;
+    baseUrl?: string;
 }): ReactElement;
 export declare function renderEventOgImage(data: EventOgData, siteName: string): ReactElement;
 export {};

package/dist/_internal/server/features/events/og.js

@@ -1,4 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { resolveOgImageUrl } from "../seo/og";
 const EVENT_TYPE_LABEL = {
     TOURNAMENT: "Tournament",
     CONVENTION: "Convention",
@@ -15,11 +16,12 @@ export function renderEventOg(doc, opts) {
     const locale = opts.locale ?? "en-IN";
     const labels = { ...EVENT_TYPE_LABEL, ...(opts.typeLabels ?? {}) };
     const eventType = doc?.type ?? null;
-    const coverImageUrl = doc?.coverImageUrl ??
+    const rawCoverImageUrl = doc?.coverImageUrl ??
         (typeof doc?.coverImage === "string"
             ? doc.coverImage
             : doc?.coverImage?.url) ??
         null;
+    const coverImageUrl = resolveOgImageUrl(rawCoverImageUrl, opts.baseUrl);
     const startsAt = doc?.startsAt
         ? new Date(doc.startsAt).toLocaleDateString(locale, {
             day: "numeric",

package/dist/_internal/server/features/live/og.d.ts

@@ -18,10 +18,12 @@ interface LiveItemDocLike {
 }
 export declare function renderLiveItemOg(doc: LiveItemDocLike | null | undefined, opts: {
     siteName: string;
+    baseUrl?: string;
 }): ReactElement;
 export declare function renderLiveItemOgImage(data: LiveItemOgData, siteName: string): ReactElement;
 /** Type-safe overload that accepts the full ProductDocument. */
 export declare function renderLiveItemOgFromDoc(doc: ProductDocument | null | undefined, opts: {
     siteName: string;
+    baseUrl?: string;
 }): ReactElement;
 export {};

package/dist/_internal/server/features/live/og.js

@@ -1,4 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { resolveOgImageUrl } from "../seo/og";
 export function renderLiveItemOg(doc, opts) {
     const priceLabel = doc?.price != null
         ? new Intl.NumberFormat("en-IN", {
@@ -11,7 +12,7 @@ export function renderLiveItemOg(doc, opts) {
         title: doc?.title ?? "Live Listing",
         species: doc?.liveItem?.species ?? null,
         priceLabel,
-        imageUrl: doc?.mainImage || doc?.images?.[0] || null,
+        imageUrl: resolveOgImageUrl(doc?.mainImage || doc?.images?.[0] || null, opts.baseUrl),
     }, opts.siteName);
 }
 export function renderLiveItemOgImage(data, siteName) {

package/dist/_internal/server/features/pre-orders/og.d.ts

@@ -14,6 +14,7 @@ interface PreOrderDocLike {
 export declare function renderPreOrderOg(doc: PreOrderDocLike | null | undefined, opts: {
     siteName: string;
     locale?: string;
+    baseUrl?: string;
 }): ReactElement;
 export declare function renderPreOrderOgImage(data: PreOrderOgData, siteName: string): ReactElement;
 export {};

package/dist/_internal/server/features/pre-orders/og.js

@@ -1,4 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { resolveOgImageUrl } from "../seo/og";
 /** High-level OG renderer — accepts the raw pre-order document from `getPreOrderForDetail`. */
 export function renderPreOrderOg(doc, opts) {
     const locale = opts.locale ?? "en-IN";
@@ -11,7 +12,7 @@ export function renderPreOrderOg(doc, opts) {
     return renderPreOrderOgImage({
         title: doc?.title ?? "Pre-Order",
         releaseDateLabel,
-        imageUrl: doc?.mainImage || doc?.images?.[0] || null,
+        imageUrl: resolveOgImageUrl(doc?.mainImage || doc?.images?.[0] || null, opts.baseUrl),
     }, opts.siteName);
 }
 export function renderPreOrderOgImage(data, siteName) {

package/dist/_internal/server/features/products/og.d.ts

@@ -14,6 +14,8 @@ interface ProductDocLike {
     images?: (string | null | undefined)[] | null;
 }
 /** High-level OG renderer — accepts the raw product document from `getProductForDetail`. */
-export declare function renderProductOg(doc: ProductDocLike | null | undefined, opts: OgOptions): ReactElement;
+export declare function renderProductOg(doc: ProductDocLike | null | undefined, opts: OgOptions & {
+    baseUrl?: string;
+}): ReactElement;
 export declare function renderProductOgImage(data: ProductOgData, siteName: string): ReactElement;
 export {};

package/dist/_internal/server/features/products/og.js

@@ -1,10 +1,11 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { resolveOgImageUrl } from "../seo/og";
 /** High-level OG renderer — accepts the raw product document from `getProductForDetail`. */
 export function renderProductOg(doc, opts) {
     return renderProductOgImage({
         title: doc?.title ?? "Product",
         price: doc?.price ?? null,
-        imageUrl: doc?.mainImage || doc?.images?.[0] || null,
+        imageUrl: resolveOgImageUrl(doc?.mainImage || doc?.images?.[0] || null, opts.baseUrl),
     }, opts.siteName);
 }
 export function renderProductOgImage(data, siteName) {

package/dist/_internal/server/features/seo/index.d.ts

@@ -4,5 +4,5 @@ export { buildManifest } from "./manifest";
 export type { ManifestOptions } from "./manifest";
 export { buildSitemap } from "./sitemap";
 export type { SitemapOptions } from "./sitemap";
-export { buildDefaultOgImage, DEFAULT_OG_SIZE } from "./og";
+export { buildDefaultOgImage, DEFAULT_OG_SIZE, resolveOgImageUrl } from "./og";
 export type { DefaultOgOptions } from "./og";

package/dist/_internal/server/features/seo/index.js

@@ -1,4 +1,4 @@
 export { buildRobots } from "./robots";
 export { buildManifest } from "./manifest";
 export { buildSitemap } from "./sitemap";
-export { buildDefaultOgImage, DEFAULT_OG_SIZE } from "./og";
+export { buildDefaultOgImage, DEFAULT_OG_SIZE, resolveOgImageUrl } from "./og";

package/dist/_internal/server/features/seo/og.d.ts

@@ -3,9 +3,16 @@ export declare const DEFAULT_OG_SIZE: {
     width: number;
     height: number;
 };
+/**
+ * Resolves a potentially relative image URL to an absolute URL for use in
+ * next/og (Satori). Satori cannot resolve relative paths; all <img src> values
+ * must be absolute URLs or data URIs.
+ */
+export declare function resolveOgImageUrl(url: string | null | undefined, baseUrl?: string): string | null;
 export interface DefaultOgOptions {
     siteName: string;
     tagline?: string;
     domain?: string;
+    logoUrl?: string;
 }
-export declare function buildDefaultOgImage({ siteName, tagline, domain }: DefaultOgOptions): ImageResponse;
+export declare function buildDefaultOgImage({ siteName, tagline, domain, logoUrl }: DefaultOgOptions): ImageResponse;

package/dist/_internal/server/features/seo/og.js

@@ -1,7 +1,24 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { ImageResponse } from "next/og";
 export const DEFAULT_OG_SIZE = { width: 1200, height: 630 };
-export function buildDefaultOgImage({ siteName, tagline, domain }) {
+/**
+ * Resolves a potentially relative image URL to an absolute URL for use in
+ * next/og (Satori). Satori cannot resolve relative paths; all <img src> values
+ * must be absolute URLs or data URIs.
+ */
+export function resolveOgImageUrl(url, baseUrl) {
+    if (!url)
+        return null;
+    if (!baseUrl)
+        return url;
+    if (url.startsWith("http://") ||
+        url.startsWith("https://") ||
+        url.startsWith("data:")) {
+        return url;
+    }
+    return `${baseUrl.replace(/\/$/, "")}${url.startsWith("/") ? "" : "/"}${url}`;
+}
+export function buildDefaultOgImage({ siteName, tagline, domain, logoUrl }) {
     const subtitle = tagline ?? "Shop, Bid & Sell — India's Multi-Seller Marketplace";
     return new ImageResponse(_jsxs("div", { style: {
             width: "100%",
@@ -24,29 +41,32 @@ export function buildDefaultOgImage({ siteName, tagline, domain }) {
                     display: "flex",
                     alignItems: "center",
                     justifyContent: "center",
-                    width: 120,
-                    height: 120,
-                    borderRadius: 24,
-                    background: "rgba(255,255,255,0.15)",
-                    marginBottom: 32,
-                    fontSize: 64,
-                }, children: "\uD83D\uDECD\uFE0F" }), _jsx("div", { style: {
+                    width: 140,
+                    height: 140,
+                    borderRadius: 28,
+                    background: "rgba(255,255,255,0.18)",
+                    marginBottom: 36,
+                    overflow: "hidden",
+                }, children: logoUrl ? (_jsx("img", { src: logoUrl, alt: siteName, style: { width: 100, height: 100, objectFit: "contain" } })) : (_jsx("div", { style: { fontSize: 64, display: "flex" }, children: "\uD83D\uDECD\uFE0F" })) }), _jsx("div", { style: {
                     fontSize: 80,
                     fontWeight: 800,
                     color: "white",
                     letterSpacing: "-2px",
                     marginBottom: 16,
                     textShadow: "0 4px 24px rgba(0,0,0,0.3)",
+                    display: "flex",
                 }, children: siteName }), _jsx("div", { style: {
                     fontSize: 32,
                     color: "rgba(255,255,255,0.85)",
                     fontWeight: 400,
                     letterSpacing: "0.5px",
+                    display: "flex",
                 }, children: subtitle }), domain && (_jsx("div", { style: {
                     position: "absolute",
                     bottom: 36,
                     fontSize: 22,
                     color: "rgba(255,255,255,0.6)",
                     letterSpacing: "1px",
+                    display: "flex",
                 }, children: domain }))] }), { ...DEFAULT_OG_SIZE });
 }

package/dist/_internal/server/features/stores/og.d.ts

@@ -14,6 +14,7 @@ interface StoreDocLike {
 /** High-level OG renderer — accepts the raw store document from `getStoreForDetail`. */
 export declare function renderStoreOg(doc: StoreDocLike | null | undefined, opts: {
     siteName: string;
+    baseUrl?: string;
 }): ReactElement;
 export declare function renderStoreOgImage(data: StoreOgData, siteName: string): ReactElement;
 export {};

package/dist/_internal/server/features/stores/og.js

@@ -1,11 +1,12 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { resolveOgImageUrl } from "../seo/og";
 /** High-level OG renderer — accepts the raw store document from `getStoreForDetail`. */
 export function renderStoreOg(doc, opts) {
     return renderStoreOgImage({
         name: doc?.storeName ?? `${opts.siteName} Store`,
         description: doc?.storeDescription?.slice(0, 120) ?? null,
-        logoUrl: doc?.storeLogoURL ?? null,
-        bannerUrl: doc?.storeBannerURL ?? null,
+        logoUrl: resolveOgImageUrl(doc?.storeLogoURL ?? null, opts.baseUrl),
+        bannerUrl: resolveOgImageUrl(doc?.storeBannerURL ?? null, opts.baseUrl),
     }, opts.siteName);
 }
 export function renderStoreOgImage(data, siteName) {

package/dist/_internal/server/features/sublisting-categories/og.d.ts

@@ -15,6 +15,7 @@ interface SublistingCategoryDocLike {
 /** High-level OG renderer — accepts the raw sublisting-category doc from the repository. */
 export declare function renderSublistingCategoryOg(doc: SublistingCategoryDocLike | null | undefined, opts: {
     siteName: string;
+    baseUrl?: string;
 }): ReactElement;
 export declare function renderSublistingCategoryOgImage(data: SublistingCategoryOgData, siteName: string): ReactElement;
 export {};

package/dist/_internal/server/features/sublisting-categories/og.js

@@ -1,4 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { resolveOgImageUrl } from "../seo/og";
 /** High-level OG renderer — accepts the raw sublisting-category doc from the repository. */
 export function renderSublistingCategoryOg(doc, opts) {
     const baseName = doc?.name ?? "Sub-listing";
@@ -7,7 +8,7 @@ export function renderSublistingCategoryOg(doc, opts) {
         name,
         description: doc?.description?.slice(0, 120) ?? null,
         productCount: doc?.productCount ?? null,
-        coverImage: doc?.coverImage ?? null,
+        coverImage: resolveOgImageUrl(doc?.coverImage ?? null, opts.baseUrl),
     }, opts.siteName);
 }
 export function renderSublistingCategoryOgImage(data, siteName) {

package/dist/_internal/server/jobs/core/onScamReportCreate.js

@@ -1,21 +1,24 @@
-import { notificationRepository, userRepository } from "../../../../repositories";
+import { userRepository } from "../../../../repositories";
+import { sendNotification } from "../../../../features/admin/actions/notification-actions";
 import { SCAM_TYPE_LABELS } from "../../../../features/scams/constants/scam-types";
 export async function handleScamReportCreate(input, ctx) {
     const { scammerId, report } = input;
     const { reportedBy, displayNames, scamType, scamPlatform, amountLost } = report;
     const name = displayNames?.[0] ?? "Unknown";
-    // 1. Notify the reporter
+    // 1. Notify the reporter (multi-channel: respects user notification prefs)
     if (reportedBy) {
         try {
-            await notificationRepository.create({
+            const reporter = await userRepository.findById(reportedBy);
+            await sendNotification({
                 userId: reportedBy,
                 type: "account_action",
+                priority: "normal",
                 title: "Scam report submitted",
-                body: `Your report for "${name}" has been received. Our team will review it within 48 hours.`,
-                isRead: false,
-                entityId: scammerId,
-                entityType: "scammer",
-                createdAt: new Date(),
+                message: `Your report for "${name}" has been received. Our team will review it within 48 hours.`,
+                relatedId: scammerId,
+                relatedType: "scammer",
+                userEmail: reporter?.email ?? undefined,
+                userPhone: reporter?.phoneNumber ?? undefined,
             });
         }
         catch (err) {
@@ -32,15 +35,16 @@ export async function handleScamReportCreate(input, ctx) {
         const scamTypeLabel = scamType ? (SCAM_TYPE_LABELS[scamType] ?? scamType) : "Unknown";
         const amountStr = amountLost ? ` ₹${(amountLost / 100).toLocaleString("en-IN")}` : "";
         const platformStr = scamPlatform ? ` via ${scamPlatform}` : "";
-        await Promise.all(result.items.map((employee) => notificationRepository.create({
+        await Promise.all(result.items.filter((e) => !!e.id).map((employee) => sendNotification({
             userId: employee.id,
             type: "account_action",
+            priority: "normal",
             title: "New scam report submitted",
-            body: `A report was submitted for "${name}" — ${scamTypeLabel}${platformStr}.${amountStr}`,
-            isRead: false,
-            entityId: scammerId,
-            entityType: "scammer",
-            createdAt: new Date(),
+            message: `A report was submitted for "${name}" — ${scamTypeLabel}${platformStr}.${amountStr}`,
+            relatedId: scammerId,
+            relatedType: "scammer",
+            userEmail: employee.email ?? undefined,
+            userPhone: employee.phoneNumber ?? undefined,
         }).catch((err) => ctx.logger.error("Failed to notify employee (non-fatal)", err, { scammerId, employeeId: employee.id }))));
     }
     catch (err) {

package/dist/_internal/server/jobs/core/onScamReportRejected.js

@@ -1,4 +1,5 @@
-import { notificationRepository } from "../../../../repositories";
+import { userRepository } from "../../../../repositories";
+import { sendNotification } from "../../../../features/admin/actions/notification-actions";
 export async function handleScamReportRejected(input, ctx) {
     const { scammerId, report } = input;
     const { reportedBy, displayNames, prevStatus, nextStatus } = report;
@@ -10,15 +11,17 @@ export async function handleScamReportRejected(input, ctx) {
         return;
     const name = displayNames?.[0] ?? "Unknown";
     try {
-        await notificationRepository.create({
+        const reporter = await userRepository.findById(reportedBy);
+        await sendNotification({
             userId: reportedBy,
             type: "account_action",
+            priority: "normal",
             title: "Scam report not verified",
-            body: `Your report for "${name}" could not be verified with the evidence provided. You may submit a new report with additional evidence.`,
-            isRead: false,
-            entityId: scammerId,
-            entityType: "scammer",
-            createdAt: new Date(),
+            message: `Your report for "${name}" could not be verified with the evidence provided. You may submit a new report with additional evidence.`,
+            relatedId: scammerId,
+            relatedType: "scammer",
+            userEmail: reporter?.email ?? undefined,
+            userPhone: reporter?.phoneNumber ?? undefined,
         });
     }
     catch (err) {

package/dist/_internal/server/jobs/core/onScamReportVerified.js

@@ -1,4 +1,5 @@
-import { notificationRepository } from "../../../../repositories";
+import { userRepository } from "../../../../repositories";
+import { sendNotification } from "../../../../features/admin/actions/notification-actions";
 export async function handleScamReportVerified(input, ctx) {
     const { scammerId, report } = input;
     const { reportedBy, displayNames, prevStatus, nextStatus } = report;
@@ -10,15 +11,17 @@ export async function handleScamReportVerified(input, ctx) {
         return;
     const name = displayNames?.[0] ?? "Unknown";
     try {
-        await notificationRepository.create({
+        const reporter = await userRepository.findById(reportedBy);
+        await sendNotification({
             userId: reportedBy,
             type: "account_action",
+            priority: "normal",
             title: "Your scam report was verified",
-            body: `The report for "${name}" has been verified and published to the Scam Registry. Thank you for helping protect the community.`,
-            isRead: false,
-            entityId: scammerId,
-            entityType: "scammer",
-            createdAt: new Date(),
+            message: `The report for "${name}" has been verified and published to the Scam Registry. Thank you for helping protect the community.`,
+            relatedId: scammerId,
+            relatedType: "scammer",
+            userEmail: reporter?.email ?? undefined,
+            userPhone: reporter?.phoneNumber ?? undefined,
         });
     }
     catch (err) {

package/dist/client.d.ts

@@ -61,6 +61,8 @@ export { Select } from "./ui/components/Select";
 export type { SelectOption, SelectProps } from "./ui/components/Select";
 export { Heading } from "./ui/components/Typography";
 export { Label, Text } from "./ui/components/Typography";
+export { TextLink } from "./ui/components/TextLink";
+export type { TextLinkProps } from "./ui/components/TextLink";
 export { Textarea } from "./ui/components/Textarea";
 export { GlobalError } from "./next/components/GlobalError";
 export { AppLayoutShell, LocaleSwitcher, useDashboardNav, BottomActionsProvider, DashboardNavProvider, LayoutClient, ListingLayout } from "./features/layout/index";

package/dist/client.js

@@ -126,6 +126,7 @@ export { DateInput, DateRangeInput } from "./ui/components/DateInput";
 export { Select } from "./ui/components/Select";
 export { Heading } from "./ui/components/Typography";
 export { Label, Text } from "./ui/components/Typography";
+export { TextLink } from "./ui/components/TextLink";
 export { Textarea } from "./ui/components/Textarea";
 export { GlobalError } from "./next/components/GlobalError";
 export { AppLayoutShell, LocaleSwitcher, useDashboardNav, BottomActionsProvider, DashboardNavProvider, LayoutClient, ListingLayout } from "./features/layout/index";

package/dist/constants/api-endpoints.d.ts

@@ -71,6 +71,9 @@ export declare const ADMIN_ENDPOINTS: {
     readonly BID_BY_ID: (id: string) => string;
     readonly BLOG: "/api/admin/blog";
     readonly BLOG_BY_ID: (id: string) => string;
+    readonly BUNDLES: "/api/admin/bundles";
+    readonly BUNDLE_BY_ID: (id: string) => string;
+    readonly BUNDLE_REBUILD: (id: string) => string;
     readonly CATEGORIES: "/api/admin/categories";
     readonly CATEGORY_BY_ID: (id: string) => string;
     readonly BRANDS: "/api/admin/brands";
@@ -371,6 +374,9 @@ export declare const API_ENDPOINTS: {
         readonly BID_BY_ID: (id: string) => string;
         readonly BLOG: "/api/admin/blog";
         readonly BLOG_BY_ID: (id: string) => string;
+        readonly BUNDLES: "/api/admin/bundles";
+        readonly BUNDLE_BY_ID: (id: string) => string;
+        readonly BUNDLE_REBUILD: (id: string) => string;
         readonly CATEGORIES: "/api/admin/categories";
         readonly CATEGORY_BY_ID: (id: string) => string;
         readonly BRANDS: "/api/admin/brands";
@@ -673,6 +679,9 @@ export declare const API_ROUTES: {
         readonly BID_BY_ID: (id: string) => string;
         readonly BLOG: "/api/admin/blog";
         readonly BLOG_BY_ID: (id: string) => string;
+        readonly BUNDLES: "/api/admin/bundles";
+        readonly BUNDLE_BY_ID: (id: string) => string;
+        readonly BUNDLE_REBUILD: (id: string) => string;
         readonly CATEGORIES: "/api/admin/categories";
         readonly CATEGORY_BY_ID: (id: string) => string;
         readonly BRANDS: "/api/admin/brands";

package/dist/constants/api-endpoints.js

@@ -89,6 +89,9 @@ export const ADMIN_ENDPOINTS = {
     BID_BY_ID: (id) => `/api/admin/bids/${id}`,
     BLOG: "/api/admin/blog",
     BLOG_BY_ID: (id) => `/api/admin/blog/${id}`,
+    BUNDLES: "/api/admin/bundles",
+    BUNDLE_BY_ID: (id) => `/api/admin/bundles/${id}`,
+    BUNDLE_REBUILD: (id) => `/api/admin/bundles/${id}/rebuild`,
     CATEGORIES: "/api/admin/categories",
     CATEGORY_BY_ID: (id) => `/api/admin/categories/${id}`,
     BRANDS: "/api/admin/brands",

package/dist/features/admin/components/AdminBundlesView.js

@@ -13,8 +13,9 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
  */
 import { useCallback, useEffect, useState } from "react";
 import Link from "next/link";
-import { Badge, Button, Container, Div, Heading, Row, Section, Stack, Text, } from "../../../ui";
+import { Badge, Button, Container, Div, Heading, Row, Section, Stack, Text, useToast, } from "../../../ui";
 import { BUNDLE_COPY, BUNDLE_STOCK_VARIANT, } from "../../../_internal/shared/features/categories/bundle-copy";
+import { ACTIONS } from "../../../_internal/shared/actions/action-registry";
 const STOCK_LIST_LABEL = {
     in_stock: BUNDLE_COPY.stockBadge.listVariantInStock,
     out_of_stock: BUNDLE_COPY.stockBadge.listVariantOutOfStock,
@@ -28,6 +29,23 @@ export function AdminBundlesView({ getEditHref, newHref, }) {
     const [bundles, setBundles] = useState([]);
     const [loading, setLoading] = useState(true);
     const [error, setError] = useState(null);
+    const [rebuildingId, setRebuildingId] = useState(null);
+    const toast = useToast();
+    const handleRebuild = useCallback(async (bundleId) => {
+        setRebuildingId(bundleId);
+        try {
+            const res = await fetch(`/api/admin/bundles/${encodeURIComponent(bundleId)}/rebuild`, { method: "POST" });
+            if (!res.ok)
+                throw new Error("Rebuild failed");
+            toast.showToast("Bundle stock rebuilt.", "success");
+        }
+        catch {
+            toast.showToast("Failed to rebuild bundle stock.", "error");
+        }
+        finally {
+            setRebuildingId(null);
+        }
+    }, [toast]);
     const load = useCallback(async () => {
         setLoading(true);
         setError(null);
@@ -53,6 +71,6 @@ export function AdminBundlesView({ getEditHref, newHref, }) {
                                         const memberCount = b.bundleProductIds?.length ?? 0;
                                         return (_jsxs("tr", { className: "border-t border-zinc-100 dark:border-zinc-800", children: [_jsx("td", { className: "px-3 py-2", children: _jsxs(Stack, { gap: "xs", children: [_jsx(Text, { size: "sm", weight: "medium", children: b.name }), _jsx(Text, { size: "xs", color: "muted", children: b.slug })] }) }), _jsx("td", { className: "px-3 py-2", children: formatPrice(b.bundlePriceInPaise) }), _jsx("td", { className: "px-3 py-2", children: memberCount }), _jsx("td", { className: "px-3 py-2", children: _jsx(Badge, { variant: BUNDLE_STOCK_VARIANT[stockKey], children: STOCK_LIST_LABEL[stockKey] }) }), _jsx("td", { className: "px-3 py-2", children: _jsx(Badge, { variant: b.isActive ? "success" : "default", children: b.isActive
                                                             ? BUNDLE_COPY.adminList.activeBadge
-                                                            : BUNDLE_COPY.adminList.inactiveBadge }) }), _jsx("td", { className: "px-3 py-2 text-right", children: _jsx(Button, { asChild: true, variant: "ghost", size: "sm", children: _jsx(Link, { href: getEditHref({ id: b.id }), children: BUNDLE_COPY.adminList.editLabel }) }) })] }, b.id));
+                                                            : BUNDLE_COPY.adminList.inactiveBadge }) }), _jsx("td", { className: "px-3 py-2 text-right", children: _jsxs(Row, { gap: "xs", justify: "end", children: [_jsx(Button, { variant: "ghost", size: "sm", isLoading: rebuildingId === b.id, disabled: rebuildingId === b.id, onClick: () => handleRebuild(b.id), children: ACTIONS.ADMIN["rebuild-bundle"].label }), _jsx(Button, { asChild: true, variant: "ghost", size: "sm", children: _jsx(Link, { href: getEditHref({ id: b.id }), children: BUNDLE_COPY.adminList.editLabel }) })] }) })] }, b.id));
                                     }) })] }) }))] }) }) }));
 }

package/dist/features/admin/components/AdminPayoutsView.js

@@ -8,6 +8,7 @@ import { useBulkSelection } from "../../../react/hooks/useBulkSelection";
 import { BulkActionBar, Button, Form, FormActions, FilterChipGroup, Input, ListingToolbar, ListingViewShell, Modal, Pagination, RowActionMenu, useToast, } from "../../../ui";
 import { ADMIN_ENDPOINTS } from "../../../constants/api-endpoints";
 import { ADMIN_PAYOUT_STATUS_TABS } from "../constants/filter-tabs";
+import { ACTIONS } from "../../../_internal/shared/actions/action-registry";
 import { toRecordArray, toRelativeDate, toRupees, toStringValue, useAdminListingData, } from "../hooks/useAdminListingData";
 import { DataTable } from "./DataTable";
 import { apiClient } from "../../../http";
@@ -135,7 +136,7 @@ export function AdminPayoutsView({ children, ...props }) {
                                     const pr = row;
                                     return (_jsx(RowActionMenu, { actions: [
                                             {
-                                                label: "Mark paid",
+                                                label: ACTIONS.ADMIN["grant-payout"].label,
                                                 onClick: () => {
                                                     setSelectedPayoutId(pr.id);
                                                     setMarkPaidOpen(true);

package/dist/features/admin/components/AdminProductsView.js

@@ -12,6 +12,7 @@ import { toRecordArray, toRelativeDate, toStringValue, useAdminListingData, } fr
 import { DataTable } from "./DataTable";
 import { AdminViewCards } from "./AdminViewCards";
 import { apiClient } from "../../../http";
+import { ACTIONS } from "../../../_internal/shared/actions/action-registry";
 import { AdminProductEditorView } from "./AdminProductEditorView";
 import { QuickEditMenu } from "./QuickEditMenu";
 const PAGE_SIZE = 25;
@@ -183,8 +184,20 @@ export function AdminProductsView({ children, actionHref, getRowHref, ...props }
                     { id: "sale", label: "Toggle On Sale", variant: "secondary", onClick: () => { for (const id of selection.selectedIds)
                             void handleToggle(id, "isOnSale", !rows.find(r => r.id === id)?.isOnSale); selection.clearSelection(); } },
                 ] }), totalPages > 1 && (_jsx("div", { className: "sticky top-[calc(var(--header-height,0px)+44px)] z-10 flex justify-center bg-white/95 dark:bg-slate-900/95 backdrop-blur-sm border-b border-zinc-200 dark:border-slate-700 px-3 py-1.5", children: _jsx(Pagination, { currentPage: currentPage, totalPages: totalPages, onPageChange: (p) => table.setPage(p) }) })), _jsxs("div", { className: "py-4 px-3 sm:px-4", children: [errorMessage && (_jsx("div", { className: "mb-4 rounded-xl border border-red-200 bg-red-50 px-4 py-3 text-sm text-red-700 dark:border-red-900/60 dark:bg-red-950/40 dark:text-red-200", children: errorMessage })), view === "table" ? (_jsx(DataTable, { rows: rows, columns: [...buildBaseColumns(), flagColumn], isLoading: isLoading, emptyLabel: "No products found", onRowClick: (row) => openEditPanel(row.id), selectedIds: selection.selectedIdSet, onToggleSelect: selection.toggle, onToggleSelectAll: (next) => next ? selection.setSelectedIds(rows.map(r => r.id)) : selection.clearSelection(), renderRowActions: (row) => (_jsx(QuickEditMenu, { actions: [
+                                {
+                                    label: ACTIONS.ADMIN["approve-product"].label,
+                                    onClick: () => handleQuickEdit(row.id, { status: "published" }),
+                                    disabled: row.status === "published",
+                                },
+                                {
+                                    label: ACTIONS.ADMIN["reject-product"].label,
+                                    destructive: true,
+                                    onClick: () => handleQuickEdit(row.id, { status: "rejected" }),
+                                    disabled: row.status === "rejected",
+                                },
                                 {
                                     label: "Quick edit",
+                                    separator: true,
                                     formTitle: "Quick Edit Product",
                                     fields: [
                                         { name: "status", label: "Status", type: "select", required: true,

package/dist/features/admin/components/AdminStoresView.js

@@ -2,14 +2,17 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import React, { useState, useCallback } from "react";
 import { X } from "lucide-react";
+import { useMutation, useQueryClient } from "@tanstack/react-query";
 import { useUrlTable } from "../../../react/hooks/useUrlTable";
 import { usePanelUrlSync } from "../../../react/hooks/use-panel-url-sync";
 import { useBulkSelection } from "../../../react/hooks/useBulkSelection";
-import { BulkActionBar, FilterChipGroup, ListingToolbar, Pagination, ListingViewShell, RowActionMenu } from "../../../ui";
+import { BulkActionBar, FilterChipGroup, ListingToolbar, Pagination, ListingViewShell, RowActionMenu, useToast } from "../../../ui";
 import { AdminViewCards } from "./AdminViewCards";
 import { ADMIN_ENDPOINTS } from "../../../constants/api-endpoints";
+import { ACTIONS } from "../../../_internal/shared/actions/action-registry";
 import { ADMIN_STORE_STATUS_TABS } from "../constants/filter-tabs";
 import { toRecordArray, toRelativeDate, toStringValue, useAdminListingData, } from "../hooks/useAdminListingData";
+import { apiClient } from "../../../http";
 import { DataTable } from "./DataTable";
 import { AdminStoreEditorView } from "./AdminStoreEditorView";
 const PAGE_SIZE = 25;
@@ -29,8 +32,26 @@ function StoresFilterDrawer({ filterOpen, setFilterOpen, activeFilterCount, clea
 export function AdminStoresView({ children, ...props }) {
     const hasChildren = React.Children.count(children) > 0;
     const [view, setView] = useState("table");
+    const toast = useToast();
+    const queryClient = useQueryClient();
     const table = useUrlTable({ defaults: { pageSize: String(PAGE_SIZE), sort: DEFAULT_SORT } });
     const { openEditPanel, closePanel, isEditOpen, editId } = usePanelUrlSync();
+    const verifyStore = useMutation({
+        mutationFn: (storeId) => apiClient.patch(ADMIN_ENDPOINTS.STORE_BY_ID(storeId), { isVerified: true }),
+        onSuccess: () => {
+            toast.showToast("Store verified.", "success");
+            void queryClient.invalidateQueries({ queryKey: ["admin", "stores", "listing"] });
+        },
+        onError: () => { toast.showToast("Failed to verify store.", "error"); },
+    });
+    const suspendStore = useMutation({
+        mutationFn: (storeId) => apiClient.patch(ADMIN_ENDPOINTS.STORE_BY_ID(storeId), { storeStatus: "suspended" }),
+        onSuccess: () => {
+            toast.showToast("Store suspended.", "success");
+            void queryClient.invalidateQueries({ queryKey: ["admin", "stores", "listing"] });
+        },
+        onError: () => { toast.showToast("Failed to suspend store.", "error"); },
+    });
     const [searchInput, setSearchInput] = useState(table.get("q") || "");
     const [filterOpen, setFilterOpen] = useState(false);
     const [pendingFilters, setPendingFilters] = useState(() => Object.fromEntries(FILTER_KEYS.map((k) => [k, table.get(k)])));
@@ -93,10 +114,27 @@ export function AdminStoresView({ children, ...props }) {
     return (_jsxs(_Fragment, { children: [_jsxs("div", { className: "min-h-screen", children: [_jsx(ListingToolbar, { filterCount: activeFilterCount, onFiltersClick: openFilters, searchValue: searchInput, searchPlaceholder: "Search stores, slugs, or owner names", onSearchChange: setSearchInput, onSearchCommit: commitSearch, sortValue: table.get("sort") || DEFAULT_SORT, sortOptions: SORT_OPTIONS, onSortChange: (v) => { table.set("sort", v); }, showTableView: true, view: view, onViewChange: (v) => setView(v), onResetAll: resetAll, hasActiveState: hasActiveState }), _jsx(BulkActionBar, { selectedCount: selection.selectedCount, onClearSelection: selection.clearSelection, actions: [
                             { id: "manage", label: "Manage Store", variant: "primary", onClick: () => { const id = selection.selectedIds[0]; if (id)
                                     openEditPanel(id); selection.clearSelection(); } },
-                        ] }), totalPages > 1 && (_jsx("div", { className: "sticky top-[calc(var(--header-height,0px)+44px)] z-10 flex justify-center bg-white/95 dark:bg-slate-900/95 backdrop-blur-sm border-b border-zinc-200 dark:border-slate-700 px-3 py-1.5", children: _jsx(Pagination, { currentPage: currentPage, totalPages: totalPages, onPageChange: (p) => table.setPage(p) }) })), _jsxs("div", { className: "py-4 px-3 sm:px-4", children: [errorMessage && (_jsx("div", { className: "mb-4 rounded-xl border border-red-200 bg-red-50 px-4 py-3 text-sm text-red-700 dark:border-red-900/60 dark:bg-red-950/40 dark:text-red-200", children: errorMessage })), view === "table" ? (_jsx(DataTable, { rows: rows, isLoading: isLoading, emptyLabel: "No stores found", selectedIds: selection.selectedIdSet, onToggleSelect: selection.toggle, onToggleSelectAll: (next) => next ? selection.setSelectedIds(rows.map(r => r.id)) : selection.clearSelection(), renderRowActions: (row) => (_jsx(RowActionMenu, { actions: [{
-                                            label: "Manage",
-                                            onClick: () => openEditPanel(row.id),
-                                        }] })) })) : (_jsx(AdminViewCards, { rows: rows, view: view, isLoading: isLoading, emptyLabel: "No stores found", onRowClick: (row) => openEditPanel(row.id), selectedIdSet: selection.selectedIdSet, onToggleSelect: selection.toggle }))] }), _jsx(StoresFilterDrawer, { filterOpen: filterOpen, setFilterOpen: setFilterOpen, activeFilterCount: activeFilterCount, clearFilters: clearFilters, pendingFilters: pendingFilters, setPendingFilters: setPendingFilters, applyFilters: applyFilters })] }), _jsx(AdminStoreEditorView, { open: isEditOpen, onClose: closePanel, storeId: editId ?? undefined, storeName: panelRow?.primary, currentStatus: panelRow?.status?.toLowerCase(), currentIsVerified: Boolean(panelRow?._raw?.isVerified), currentCapabilities: Array.isArray(panelRow?._raw?.capabilities)
+                        ] }), totalPages > 1 && (_jsx("div", { className: "sticky top-[calc(var(--header-height,0px)+44px)] z-10 flex justify-center bg-white/95 dark:bg-slate-900/95 backdrop-blur-sm border-b border-zinc-200 dark:border-slate-700 px-3 py-1.5", children: _jsx(Pagination, { currentPage: currentPage, totalPages: totalPages, onPageChange: (p) => table.setPage(p) }) })), _jsxs("div", { className: "py-4 px-3 sm:px-4", children: [errorMessage && (_jsx("div", { className: "mb-4 rounded-xl border border-red-200 bg-red-50 px-4 py-3 text-sm text-red-700 dark:border-red-900/60 dark:bg-red-950/40 dark:text-red-200", children: errorMessage })), view === "table" ? (_jsx(DataTable, { rows: rows, isLoading: isLoading, emptyLabel: "No stores found", selectedIds: selection.selectedIdSet, onToggleSelect: selection.toggle, onToggleSelectAll: (next) => next ? selection.setSelectedIds(rows.map(r => r.id)) : selection.clearSelection(), renderRowActions: (row) => {
+                                    const sr = row;
+                                    const isSuspended = sr.status?.toLowerCase() === "suspended";
+                                    const isVerified = Boolean(sr._raw?.isVerified);
+                                    return (_jsx(RowActionMenu, { actions: [
+                                            {
+                                                label: "Manage",
+                                                onClick: () => openEditPanel(sr.id),
+                                            },
+                                            {
+                                                label: ACTIONS.ADMIN["verify-store"].label,
+                                                onClick: () => verifyStore.mutate(sr.id),
+                                                disabled: isVerified || verifyStore.isPending,
+                                            },
+                                            {
+                                                label: ACTIONS.ADMIN["suspend-store"].label,
+                                                onClick: () => suspendStore.mutate(sr.id),
+                                                disabled: isSuspended || suspendStore.isPending,
+                                            },
+                                        ] }));
+                                } })) : (_jsx(AdminViewCards, { rows: rows, view: view, isLoading: isLoading, emptyLabel: "No stores found", onRowClick: (row) => openEditPanel(row.id), selectedIdSet: selection.selectedIdSet, onToggleSelect: selection.toggle }))] }), _jsx(StoresFilterDrawer, { filterOpen: filterOpen, setFilterOpen: setFilterOpen, activeFilterCount: activeFilterCount, clearFilters: clearFilters, pendingFilters: pendingFilters, setPendingFilters: setPendingFilters, applyFilters: applyFilters })] }), _jsx(AdminStoreEditorView, { open: isEditOpen, onClose: closePanel, storeId: editId ?? undefined, storeName: panelRow?.primary, currentStatus: panelRow?.status?.toLowerCase(), currentIsVerified: Boolean(panelRow?._raw?.isVerified), currentCapabilities: Array.isArray(panelRow?._raw?.capabilities)
                     ? panelRow._raw.capabilities
                     : undefined })] }));
 }

package/dist/features/admin/components/AdminUsersView.js

@@ -2,13 +2,16 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import React, { useState, useCallback } from "react";
 import { X } from "lucide-react";
+import { useMutation, useQueryClient } from "@tanstack/react-query";
 import { useUrlTable } from "../../../react/hooks/useUrlTable";
 import { useBulkSelection } from "../../../react/hooks/useBulkSelection";
-import { BulkActionBar, FilterChipGroup, ListingToolbar, Pagination, ListingViewShell, RowActionMenu } from "../../../ui";
+import { BulkActionBar, Button, FilterChipGroup, Form, FormActions, Input, ListingToolbar, Modal, Pagination, ListingViewShell, RowActionMenu, Text as AppText, useToast } from "../../../ui";
 import { AdminViewCards } from "./AdminViewCards";
 import { ADMIN_ENDPOINTS } from "../../../constants/api-endpoints";
+import { ACTIONS } from "../../../_internal/shared/actions/action-registry";
 import { ADMIN_USER_STATUS_TABS, ADMIN_USER_ROLE_TABS } from "../constants/filter-tabs";
 import { toRecordArray, toRelativeDate, toStringValue, useAdminListingData, } from "../hooks/useAdminListingData";
+import { apiClient } from "../../../http";
 import { DataTable } from "./DataTable";
 import { AdminUserEditorView } from "./AdminUserEditorView";
 const PAGE_SIZE = 25;
@@ -29,12 +32,40 @@ function UsersFilterDrawer({ filterOpen, setFilterOpen, activeFilterCount, clear
 export function AdminUsersView({ children, ...props }) {
     const hasChildren = React.Children.count(children) > 0;
     const [view, setView] = useState("table");
+    const toast = useToast();
+    const queryClient = useQueryClient();
     const table = useUrlTable({ defaults: { pageSize: String(PAGE_SIZE), sort: DEFAULT_SORT } });
     const [searchInput, setSearchInput] = useState(table.get("q") || "");
     const [filterOpen, setFilterOpen] = useState(false);
     const [pendingFilters, setPendingFilters] = useState(() => Object.fromEntries(FILTER_KEYS.map((k) => [k, table.get(k)])));
     const [drawerOpen, setDrawerOpen] = useState(false);
     const [selectedRow, setSelectedRow] = useState(null);
+    const [banModalOpen, setBanModalOpen] = useState(false);
+    const [banTargetId, setBanTargetId] = useState(null);
+    const [banReason, setBanReason] = useState("");
+    const banUser = useMutation({
+        mutationFn: () => {
+            if (!banTargetId)
+                throw new Error("No user selected");
+            return apiClient.post(ADMIN_ENDPOINTS.USER_HARD_BAN(banTargetId), { reason: banReason.trim() });
+        },
+        onSuccess: () => {
+            toast.showToast("User has been banned.", "success");
+            setBanModalOpen(false);
+            setBanTargetId(null);
+            setBanReason("");
+            void queryClient.invalidateQueries({ queryKey: ["admin", "users", "listing"] });
+        },
+        onError: () => { toast.showToast("Failed to ban user.", "error"); },
+    });
+    const unbanUser = useMutation({
+        mutationFn: (uid) => apiClient.post(ADMIN_ENDPOINTS.USER_UNBAN(uid), {}),
+        onSuccess: () => {
+            toast.showToast("Ban lifted.", "success");
+            void queryClient.invalidateQueries({ queryKey: ["admin", "users", "listing"] });
+        },
+        onError: () => { toast.showToast("Failed to lift ban.", "error"); },
+    });
     const openFilters = useCallback(() => {
         setPendingFilters(Object.fromEntries(FILTER_KEYS.map((k) => [k, table.get(k)])));
         setFilterOpen(true);
@@ -117,10 +148,26 @@ export function AdminUsersView({ children, ...props }) {
     }
     return (_jsxs(_Fragment, { children: [_jsxs("div", { className: "min-h-screen", children: [_jsx(ListingToolbar, { filterCount: activeFilterCount, onFiltersClick: openFilters, searchValue: searchInput, searchPlaceholder: "Search users, email, or seller handles", onSearchChange: setSearchInput, onSearchCommit: commitSearch, sortValue: table.get("sort") || DEFAULT_SORT, sortOptions: SORT_OPTIONS, onSortChange: (v) => { table.set("sort", v); }, showTableView: true, view: view, onViewChange: (v) => setView(v), onResetAll: resetAll, hasActiveState: hasActiveState }), _jsx(BulkActionBar, { selectedCount: selection.selectedCount, onClearSelection: selection.clearSelection, actions: [
                             { id: "manage", label: "Manage Selected", variant: "primary", onClick: () => { setSelectedRow(rows.find(r => r.id === selection.selectedIds[0]) ?? null); setDrawerOpen(true); selection.clearSelection(); } },
-                        ] }), totalPages > 1 && (_jsx("div", { className: "sticky top-[calc(var(--header-height,0px)+44px)] z-10 flex justify-center bg-white/95 dark:bg-slate-900/95 backdrop-blur-sm border-b border-zinc-200 dark:border-slate-700 px-3 py-1.5", children: _jsx(Pagination, { currentPage: currentPage, totalPages: totalPages, onPageChange: (p) => table.setPage(p) }) })), _jsxs("div", { className: "py-4 px-3 sm:px-4", children: [errorMessage && (_jsx("div", { className: "mb-4 rounded-xl border border-red-200 bg-red-50 px-4 py-3 text-sm text-red-700 dark:border-red-900/60 dark:bg-red-950/40 dark:text-red-200", children: errorMessage })), view === "table" ? (_jsx(DataTable, { rows: rows, isLoading: isLoading, emptyLabel: "No users found", selectedIds: selection.selectedIdSet, onToggleSelect: selection.toggle, onToggleSelectAll: (next) => next ? selection.setSelectedIds(rows.map(r => r.id)) : selection.clearSelection(), renderRowActions: (row) => (_jsx(RowActionMenu, { actions: [{
-                                            label: "Manage",
-                                            onClick: () => { setSelectedRow(row); setDrawerOpen(true); },
-                                        }] })) })) : (_jsx(AdminViewCards, { rows: rows, view: view, isLoading: isLoading, emptyLabel: "No users found", onRowClick: (row) => { setSelectedRow(row); setDrawerOpen(true); }, selectedIdSet: selection.selectedIdSet, onToggleSelect: selection.toggle }))] }), _jsx(UsersFilterDrawer, { filterOpen: filterOpen, setFilterOpen: setFilterOpen, activeFilterCount: activeFilterCount, clearFilters: clearFilters, pendingFilters: pendingFilters, setPendingFilters: setPendingFilters, applyFilters: applyFilters })] }), _jsx(AdminUserEditorView, { open: drawerOpen, onClose: () => setDrawerOpen(false), userId: selectedRow?.id, displayName: selectedRow?.primary, currentRole: toStringValue(selectedRow?._raw?.role, "user"), currentEmailVerified: Boolean(selectedRow?._raw?.emailVerified), ownedStoreId: toStringValue(selectedRow?._raw?.storeId, "") || undefined, ownedStoreName: toStringValue(selectedRow?._raw?.storeName, "") || undefined, currentIsHardBanned: Boolean((selectedRow?._raw?.isDisabled ?? selectedRow?._raw?.disabled) &&
+                        ] }), totalPages > 1 && (_jsx("div", { className: "sticky top-[calc(var(--header-height,0px)+44px)] z-10 flex justify-center bg-white/95 dark:bg-slate-900/95 backdrop-blur-sm border-b border-zinc-200 dark:border-slate-700 px-3 py-1.5", children: _jsx(Pagination, { currentPage: currentPage, totalPages: totalPages, onPageChange: (p) => table.setPage(p) }) })), _jsxs("div", { className: "py-4 px-3 sm:px-4", children: [errorMessage && (_jsx("div", { className: "mb-4 rounded-xl border border-red-200 bg-red-50 px-4 py-3 text-sm text-red-700 dark:border-red-900/60 dark:bg-red-950/40 dark:text-red-200", children: errorMessage })), view === "table" ? (_jsx(DataTable, { rows: rows, isLoading: isLoading, emptyLabel: "No users found", selectedIds: selection.selectedIdSet, onToggleSelect: selection.toggle, onToggleSelectAll: (next) => next ? selection.setSelectedIds(rows.map(r => r.id)) : selection.clearSelection(), renderRowActions: (row) => {
+                                    const ur = row;
+                                    const isBanned = ur.status === "Hard banned";
+                                    return (_jsx(RowActionMenu, { actions: [
+                                            {
+                                                label: "Manage",
+                                                onClick: () => { setSelectedRow(ur); setDrawerOpen(true); },
+                                            },
+                                            {
+                                                label: ACTIONS.ADMIN["ban-user"].label,
+                                                onClick: () => { setBanTargetId(ur.id); setBanReason(""); setBanModalOpen(true); },
+                                                disabled: isBanned,
+                                            },
+                                            {
+                                                label: ACTIONS.ADMIN["unban-user"].label,
+                                                onClick: () => unbanUser.mutate(ur.id),
+                                                disabled: !isBanned || unbanUser.isPending,
+                                            },
+                                        ] }));
+                                } })) : (_jsx(AdminViewCards, { rows: rows, view: view, isLoading: isLoading, emptyLabel: "No users found", onRowClick: (row) => { setSelectedRow(row); setDrawerOpen(true); }, selectedIdSet: selection.selectedIdSet, onToggleSelect: selection.toggle }))] }), _jsx(UsersFilterDrawer, { filterOpen: filterOpen, setFilterOpen: setFilterOpen, activeFilterCount: activeFilterCount, clearFilters: clearFilters, pendingFilters: pendingFilters, setPendingFilters: setPendingFilters, applyFilters: applyFilters })] }), _jsx(AdminUserEditorView, { open: drawerOpen, onClose: () => setDrawerOpen(false), userId: selectedRow?.id, displayName: selectedRow?.primary, currentRole: toStringValue(selectedRow?._raw?.role, "user"), currentEmailVerified: Boolean(selectedRow?._raw?.emailVerified), ownedStoreId: toStringValue(selectedRow?._raw?.storeId, "") || undefined, ownedStoreName: toStringValue(selectedRow?._raw?.storeName, "") || undefined, currentIsHardBanned: Boolean((selectedRow?._raw?.isDisabled ?? selectedRow?._raw?.disabled) &&
                     selectedRow?._raw?.hardBanReason), currentHardBanReason: toStringValue(selectedRow?._raw?.hardBanReason, "") || undefined, currentSoftBans: Array.isArray(selectedRow?._raw?.softBans)
                     ? selectedRow._raw.softBans.map((b) => ({
                         action: toStringValue(b.action, ""),
@@ -135,5 +182,5 @@ export function AdminUsersView({ children, ...props }) {
                             : null,
                         bannedBy: toStringValue(b.bannedBy, ""),
                     }))
-                    : undefined })] }));
+                    : undefined }), _jsxs(Modal, { isOpen: banModalOpen, onClose: () => { setBanModalOpen(false); setBanTargetId(null); setBanReason(""); }, title: ACTIONS.ADMIN["ban-user"].confirmation.title, children: [_jsx(AppText, { size: "sm", color: "muted", className: "mb-4", children: ACTIONS.ADMIN["ban-user"].confirmation.body }), _jsxs(Form, { onSubmit: (e) => { e.preventDefault(); banUser.mutate(); }, children: [_jsx(Input, { label: "Reason", value: banReason, onChange: (e) => setBanReason(e.target.value), placeholder: "e.g. Repeated fraud, scam activity\u2026", required: true }), _jsxs(FormActions, { children: [_jsx(Button, { type: "button", variant: "secondary", onClick: () => { setBanModalOpen(false); setBanTargetId(null); setBanReason(""); }, children: "Cancel" }), _jsx(Button, { type: "submit", variant: "danger", isLoading: banUser.isPending, disabled: !banReason.trim() || banUser.isPending, children: ACTIONS.ADMIN["ban-user"].confirmation.confirmLabel })] })] })] })] }));
 }

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

@@ -17,7 +17,7 @@ export interface NotificationDocument {
     isRead: boolean;
     readAt?: Date;
     relatedId?: string;
-    relatedType?: "order" | "product" | "bid" | "review" | "blog" | "user" | "offer" | "support_ticket";
+    relatedType?: "order" | "product" | "bid" | "review" | "blog" | "user" | "offer" | "support_ticket" | "scammer";
     createdAt: Date;
     updatedAt: Date;
 }

package/dist/features/blog/components/BlogPostForm.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { Div, Input, Label, RichTextEditor, Select, Stack, TagInput, Text, Textarea, } from "../../../ui";
 import { Checkbox } from "../../forms/index";

package/dist/features/categories/components/CategoryForm.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { FormGroup } from "../../../ui";
 import { Label, Checkbox, RichTextEditor, Text } from "../../../ui";

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

@@ -36,14 +36,7 @@ export function SectionCarousel({ title, description, headingVariant = "editoria
                                     headingClass,
                                 ]
                                     .filter(Boolean)
-                                    .join(" "), children: title }), headingVariant === "editorial" && (_jsxs("div", { className: `${flex.center} gap-2 mt-1 text-zinc-400 dark:text-zinc-500 text-xs select-none`, "aria-hidden": "true", "data-section": "sectioncarousel-div-355", children: [_jsx(Span, { className: "h-px w-6 bg-current" }), _jsx(Span, { className: "text-xs", children: "\u2736" }), _jsx(Span, { className: "h-px w-6 bg-current" })] })), description && (_jsx(Text, { className: `text-base ${descVariant} mt-2`, children: description }))] }), isLoading ? (_jsx(CarouselSkeleton, { count: skeletonCount })) : (_jsx(HorizontalScroller, { items: items, renderItem: renderItem, perView: perView, gap: gap, autoScroll: autoScroll, autoScrollInterval: autoScrollInterval, keyExtractor: keyExtractor, rows: rows, minItemWidth: minItemWidth, 
-                        /* Default behaviour for homepage sections using cards:
-                           - show arrows for easier navigation
-                           - snap to items for a tidy carousel feel
-                           - show fade edges for visual affordance
-                           - hide native scrollbar for cleaner appearance
-                        */
-                        showArrows: true, snapToItems: true, showFadeEdges: true, showScrollbar: false, pauseOnHover: true })), viewMoreHref && !isLoading && (_jsx("div", { className: "mt-6 flex justify-center", "data-section": "sectioncarousel-div-356", children: _jsx(TextLink, { href: viewMoreHref, className: `inline-flex items-center gap-1.5 rounded-lg border px-6 py-2.5 text-sm font-medium transition-colors ${useLightText
+                                    .join(" "), children: title }), headingVariant === "editorial" && (_jsxs("div", { className: `${flex.center} gap-2 mt-1 text-zinc-400 dark:text-zinc-500 text-xs select-none`, "aria-hidden": "true", "data-section": "sectioncarousel-div-355", children: [_jsx(Span, { className: "h-px w-6 bg-current" }), _jsx(Span, { className: "text-xs", children: "\u2736" }), _jsx(Span, { className: "h-px w-6 bg-current" })] })), description && (_jsx(Text, { className: `text-base ${descVariant} mt-2`, children: description }))] }), isLoading ? (_jsx(CarouselSkeleton, { count: skeletonCount })) : (_jsx(HorizontalScroller, { items: items, renderItem: renderItem, perView: perView, gap: gap, autoScroll: autoScroll, autoScrollInterval: autoScrollInterval, loop: autoScroll && rows === 1, keyExtractor: keyExtractor, rows: rows, minItemWidth: minItemWidth, showArrows: true, snapToItems: true, showFadeEdges: true, showScrollbar: false, pauseOnHover: true })), viewMoreHref && !isLoading && (_jsx("div", { className: "mt-6 flex justify-center", "data-section": "sectioncarousel-div-356", children: _jsx(TextLink, { href: viewMoreHref, className: `inline-flex items-center gap-1.5 rounded-lg border px-6 py-2.5 text-sm font-medium transition-colors ${useLightText
                                 ? "border-white/40 text-white hover:bg-white/10"
                                 : "border-zinc-200 dark:border-zinc-700 text-zinc-700 dark:text-zinc-300 hover:bg-zinc-50 dark:hover:bg-zinc-800"}`, children: viewMoreLabel }) }))] })] }));
 }

package/dist/seed/homepage-sections-seed-data.js

@@ -133,8 +133,8 @@ export const homepageSectionsSeedData = [
             rows: 2,
             itemsPerRow: 3,
             mobileItemsPerRow: 1,
-            autoScroll: false,
-            scrollInterval: 0,
+            autoScroll: true,
+            scrollInterval: 5000,
         },
         createdAt: daysAgo(90),
         updatedAt: daysAgo(4),
@@ -152,8 +152,8 @@ export const homepageSectionsSeedData = [
             rows: 2,
             itemsPerRow: 3,
             mobileItemsPerRow: 1,
-            autoScroll: false,
-            scrollInterval: 0,
+            autoScroll: true,
+            scrollInterval: 5000,
         },
         createdAt: daysAgo(90),
         updatedAt: daysAgo(3),
@@ -171,8 +171,8 @@ export const homepageSectionsSeedData = [
             rows: 2,
             itemsPerRow: 3,
             mobileItemsPerRow: 1,
-            autoScroll: false,
-            scrollInterval: 0,
+            autoScroll: true,
+            scrollInterval: 5000,
         },
         createdAt: daysAgo(90),
         updatedAt: daysAgo(3),
@@ -249,8 +249,8 @@ export const homepageSectionsSeedData = [
             title: "Top Collectibles Stores",
             subtitle: "Browse our verified seller stores — Pokémon, Hot Wheels, Beyblade X, and more",
             maxStores: 5,
-            autoScroll: false,
-            scrollInterval: 0,
+            autoScroll: true,
+            scrollInterval: 5000,
         },
         createdAt: daysAgo(90),
         updatedAt: daysAgo(5),
@@ -265,8 +265,8 @@ export const homepageSectionsSeedData = [
             title: "Tournaments & Community Events",
             subtitle: "Sales, polls, and collector meetups — stay in the loop",
             maxEvents: 6,
-            autoScroll: false,
-            scrollInterval: 0,
+            autoScroll: true,
+            scrollInterval: 6000,
         },
         createdAt: daysAgo(60),
         updatedAt: daysAgo(4),

package/dist/server.d.ts

@@ -490,7 +490,7 @@ export { getStoreCapabilities, storeHasCapability, } from "./_internal/server/fe
 export { isSoftBanned, getBanSummary } from "./features/auth/server/checkSoftBan";
 export type { UserSoftBan } from "./features/auth/schemas/firestore";
 export type { BannedAction } from "./features/auth/permissions/constants";
-export { buildSitemap, buildRobots, buildManifest, buildDefaultOgImage, DEFAULT_OG_SIZE } from "./_internal/server/features/seo";
+export { buildSitemap, buildRobots, buildManifest, buildDefaultOgImage, DEFAULT_OG_SIZE, resolveOgImageUrl } from "./_internal/server/features/seo";
 export type { SitemapOptions, RobotsOptions, ManifestOptions, DefaultOgOptions } from "./_internal/server/features/seo";
 export { checkActionAllowed } from "./features/admin/utils/checkActionAllowed";
 export { getDisabledRoutes } from "./features/admin/utils/getDisabledRoutes";

package/dist/server.js

@@ -1366,7 +1366,7 @@ export { getStoreCapabilities, storeHasCapability, } from "./_internal/server/fe
 // ── Soft ban helpers ──────────────────────────────────────────────────────────
 export { isSoftBanned, getBanSummary } from "./features/auth/server/checkSoftBan";
 // -- SEO builders (sitemap / robots / manifest / og-image) --
-export { buildSitemap, buildRobots, buildManifest, buildDefaultOgImage, DEFAULT_OG_SIZE } from "./_internal/server/features/seo";
+export { buildSitemap, buildRobots, buildManifest, buildDefaultOgImage, DEFAULT_OG_SIZE, resolveOgImageUrl } from "./_internal/server/features/seo";
 // -- Action gate + nav route helpers (server-side) --
 export { checkActionAllowed } from "./features/admin/utils/checkActionAllowed";
 export { getDisabledRoutes } from "./features/admin/utils/getDisabledRoutes";

package/dist/ui/components/FormField.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Input } from "./Input";
 import { Select } from "./Select";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mohasinac/appkit",
-  "version": "2.7.35",
+  "version": "2.7.36",
   "license": "MIT",
   "publishConfig": {
     "access": "public"