@mohasinac/appkit 2.7.59 → 2.8.0

package/dist/_internal/server/features/item-requests/og.js

@@ -0,0 +1,136 @@
+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")}`;
+}
+function normalizeStatus(s) {
+    if (s === "open" || s === "closed" || s === "removed" || s === "approved")
+        return s;
+    return null;
+}
+export function renderItemRequestOg(doc, opts) {
+    const budgetLabel = typeof doc?.maxBudgetInPaise === "number" && doc.maxBudgetInPaise > 0
+        ? formatPriceInr(doc.maxBudgetInPaise)
+        : null;
+    return renderItemRequestOgImage({
+        title: doc?.title ?? "Item Request",
+        opDisplayName: doc?.opDisplayName ?? null,
+        budgetLabel,
+        imageUrl: resolveOgImageUrl(doc?.imageUrls?.[0] ?? null, opts.baseUrl),
+        status: normalizeStatus(doc?.status),
+        replyCount: doc?.replyCount ?? null,
+        category: doc?.category ?? null,
+    }, opts.siteName);
+}
+const STATUS_BADGE = {
+    open: {
+        text: "Open",
+        bg: "rgba(74, 222, 128, 0.18)",
+        border: "rgba(74, 222, 128, 0.4)",
+        color: "#bbf7d0",
+    },
+    approved: {
+        text: "Approved",
+        bg: "rgba(56, 189, 248, 0.18)",
+        border: "rgba(56, 189, 248, 0.4)",
+        color: "#e0f2fe",
+    },
+    closed: {
+        text: "Closed",
+        bg: "rgba(148, 163, 184, 0.2)",
+        border: "rgba(148, 163, 184, 0.45)",
+        color: "#e2e8f0",
+    },
+    removed: {
+        text: "Removed",
+        bg: "rgba(239, 68, 68, 0.18)",
+        border: "rgba(239, 68, 68, 0.45)",
+        color: "#fee2e2",
+    },
+};
+export function renderItemRequestOgImage(data, siteName) {
+    const { title, opDisplayName, budgetLabel, imageUrl, status, replyCount, category } = data;
+    const statusBadge = status ? STATUS_BADGE[status] : null;
+    const replyLabel = typeof replyCount === "number" && replyCount >= 0
+        ? `${replyCount} repl${replyCount === 1 ? "y" : "ies"}`
+        : null;
+    return (_jsxs("div", { style: {
+            display: "flex",
+            width: "100%",
+            height: "100%",
+            background: "#0f172a",
+            fontFamily: "sans-serif",
+            position: "relative",
+            overflow: "hidden",
+        }, children: [imageUrl && (_jsx("img", { src: imageUrl, alt: "", style: {
+                    position: "absolute",
+                    inset: 0,
+                    width: "100%",
+                    height: "100%",
+                    objectFit: "cover",
+                    opacity: 0.14,
+                } })), _jsx("div", { style: {
+                    position: "absolute",
+                    inset: 0,
+                    background: "linear-gradient(135deg, rgba(15,23,42,0.95) 0%, rgba(15,23,42,0.8) 100%)",
+                } }), _jsxs("div", { style: {
+                    position: "relative",
+                    display: "flex",
+                    flexDirection: "column",
+                    gap: 22,
+                    padding: "72px",
+                    width: "100%",
+                    height: "100%",
+                    justifyContent: "flex-end",
+                }, children: [_jsxs("div", { style: {
+                            fontSize: 18,
+                            color: "#22d3ee",
+                            fontWeight: 600,
+                            letterSpacing: 2,
+                            textTransform: "uppercase",
+                        }, children: [siteName, " \u00B7 Wanted"] }), _jsx("div", { style: {
+                            fontSize: 64,
+                            fontWeight: 800,
+                            color: "#f1f5f9",
+                            lineHeight: 1.1,
+                            display: "-webkit-box",
+                            WebkitLineClamp: 3,
+                            WebkitBoxOrient: "vertical",
+                            overflow: "hidden",
+                            letterSpacing: -1,
+                        }, children: title }), (opDisplayName || category) && (_jsxs("div", { style: { fontSize: 22, color: "#94a3b8" }, children: [opDisplayName ? `by ${opDisplayName}` : "", opDisplayName && category ? " · " : "", category ?? ""] })), _jsxs("div", { style: {
+                            display: "flex",
+                            flexDirection: "row",
+                            gap: 12,
+                            marginTop: 4,
+                            flexWrap: "wrap",
+                        }, children: [statusBadge && (_jsx("div", { style: {
+                                    display: "inline-flex",
+                                    padding: "10px 22px",
+                                    borderRadius: 999,
+                                    background: statusBadge.bg,
+                                    color: statusBadge.color,
+                                    fontSize: 22,
+                                    fontWeight: 700,
+                                    border: `1px solid ${statusBadge.border}`,
+                                }, children: statusBadge.text })), budgetLabel && (_jsx("div", { style: {
+                                    display: "inline-flex",
+                                    padding: "10px 22px",
+                                    borderRadius: 999,
+                                    background: "rgba(34, 211, 238, 0.18)",
+                                    color: "#cffafe",
+                                    fontSize: 22,
+                                    fontWeight: 700,
+                                    border: "1px solid rgba(34, 211, 238, 0.4)",
+                                }, children: budgetLabel })), replyLabel && (_jsx("div", { style: {
+                                    display: "inline-flex",
+                                    padding: "10px 22px",
+                                    borderRadius: 999,
+                                    background: "rgba(148, 163, 184, 0.18)",
+                                    color: "#e2e8f0",
+                                    fontSize: 22,
+                                    fontWeight: 600,
+                                    border: "1px solid rgba(148, 163, 184, 0.35)",
+                                }, children: replyLabel }))] })] })] }));
+}

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

@@ -0,0 +1,5 @@
+import type { ConversationDocument } from "../../../../features/messages/schemas/firestore";
+export interface StartLiveConversationInput {
+    productId: string;
+}
+export declare function startLiveConversationAction(input: StartLiveConversationInput): Promise<ConversationDocument>;

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

@@ -0,0 +1,24 @@
+"use server";
+import { conversationsRepository } from "../../../../features/messages/repository/conversations.repository";
+import { requireRoleUser } from "../../../../providers/auth-firebase/helpers";
+import { storeRepository, productRepository } from "../../../../repositories";
+export async function startLiveConversationAction(input) {
+    const user = await requireRoleUser(["user", "buyer", "seller", "admin"]);
+    const product = await productRepository.findByIdOrSlug(input.productId);
+    if (!product || product.listingType !== "live") {
+        throw new Error("Product not found or not a live-item listing");
+    }
+    const store = await storeRepository.findById(product.storeId);
+    if (!store) {
+        throw new Error("Store not found");
+    }
+    return conversationsRepository.findOrCreateByContext({
+        buyerId: user.uid,
+        buyerDisplayName: user.name ?? user.email ?? user.uid,
+        storeId: product.storeId,
+        storeName: store.storeName,
+        sellerDisplayName: store.storeName,
+        productId: product.id,
+        productTitle: product.title,
+    });
+}

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

@@ -1,4 +1,5 @@
 export * from "./data";
 export * from "./adapters";
+export * from "./actions";
 export * from "./metadata";
 export * from "./og";

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

@@ -1,4 +1,5 @@
 export * from "./data";
 export * from "./adapters";
+export * from "./actions";
 export * from "./metadata";
 export * from "./og";

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

@@ -1,4 +1,4 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { renderOgLayout } from "../seo/og-layout";
 import { resolveOgImageUrl } from "../seo/og";
 export function renderLiveItemOg(doc, opts) {
     const priceLabel = doc?.price != null
@@ -16,56 +16,14 @@ export function renderLiveItemOg(doc, opts) {
     }, opts.siteName);
 }
 export function renderLiveItemOgImage(data, siteName) {
-    const { title, species, priceLabel, imageUrl } = data;
-    return (_jsxs("div", { style: {
-            display: "flex",
-            width: "100%",
-            height: "100%",
-            background: "#052e16",
-            fontFamily: "sans-serif",
-            position: "relative",
-            overflow: "hidden",
-        }, children: [imageUrl && (_jsx("img", { src: imageUrl, alt: "", style: {
-                    position: "absolute",
-                    inset: 0,
-                    width: "100%",
-                    height: "100%",
-                    objectFit: "cover",
-                    opacity: 0.15,
-                } })), _jsx("div", { style: {
-                    position: "absolute",
-                    inset: 0,
-                    background: "linear-gradient(135deg, rgba(5,46,22,0.96) 0%, rgba(5,46,22,0.82) 100%)",
-                } }), _jsxs("div", { style: {
-                    position: "relative",
-                    display: "flex",
-                    width: "100%",
-                    height: "100%",
-                    padding: "60px",
-                    gap: "48px",
-                    alignItems: "center",
-                }, children: [imageUrl && (_jsx("img", { src: imageUrl, alt: title, style: {
-                            width: 400,
-                            height: 400,
-                            objectFit: "contain",
-                            borderRadius: 16,
-                            flexShrink: 0,
-                        } })), _jsxs("div", { style: { display: "flex", flexDirection: "column", gap: 20, flex: 1 }, children: [_jsxs("div", { style: {
-                                    fontSize: 18,
-                                    color: "#86efac",
-                                    fontWeight: 600,
-                                    letterSpacing: 2,
-                                    textTransform: "uppercase",
-                                }, children: [siteName, " \u00B7 Live Listing"] }), _jsx("div", { style: {
-                                    fontSize: imageUrl ? 44 : 56,
-                                    fontWeight: 700,
-                                    color: "#f1f5f9",
-                                    lineHeight: 1.2,
-                                    display: "-webkit-box",
-                                    WebkitLineClamp: 3,
-                                    WebkitBoxOrient: "vertical",
-                                    overflow: "hidden",
-                                }, children: title }), species && (_jsx("div", { style: { fontSize: 24, color: "#86efac", fontStyle: "italic" }, children: species })), priceLabel && (_jsx("div", { style: { fontSize: 32, fontWeight: 700, color: "#4ade80" }, children: priceLabel }))] })] })] }));
+    return renderOgLayout({
+        title: data.title,
+        subtitle: data.species ?? undefined,
+        imageUrl: data.imageUrl,
+        siteName: `${siteName} · Live Listing`,
+        accentSlot: data.priceLabel,
+        theme: { background: "#052e16", accentColor: "#86efac" },
+    });
 }
 /** Type-safe overload that accepts the full ProductDocument. */
 export function renderLiveItemOgFromDoc(doc, opts) {

package/dist/_internal/server/features/media/contextGuards.js

@@ -10,7 +10,22 @@
  * import from any server route.
  */
 import { classifyMime, MIME_TO_EXT, } from "../../../shared/media/limits";
-import { generateMediaFilename, } from "../../../../utils/id-generators";
+import { generateMediaFilename, validateMediaFilename, } from "../../../../utils/id-generators";
+/**
+ * W1-51 — validate the generated filename before returning ok:true so a
+ * malformed name can never enter signed-URL storage. Generators producing
+ * unexpected output fail-closed with a 500.
+ */
+function okWithFilename(ctx, filename, ext) {
+    if (validateMediaFilename(filename))
+        return { ok: true, filename, ext };
+    return {
+        ok: false,
+        status: 500,
+        error: "Generated media filename failed validation",
+        details: { context: ctx.type, filename },
+    };
+}
 // Per-context limits — mirrored from the previous inline constants in
 // /api/media/upload. Adjust here, not at the call site.
 export const CONTEXT_LIMITS = {
@@ -183,7 +198,7 @@ export function applyMediaContextGuards({ detectedMime, context: ctx, }) {
                 details: { context: ctx.type, detected: detectedMime },
             };
         }
-        return { ok: true, filename: generateMediaFilename(ctx), ext };
+        return okWithFilename(ctx, generateMediaFilename(ctx), ext);
     }
     if (isImageOrPdfContext(ctx)) {
         // shipping-proof and refund-proof accept images or PDFs, not video.
@@ -194,7 +209,7 @@ export function applyMediaContextGuards({ detectedMime, context: ctx, }) {
                 error: `${ctx.type} must be an image or PDF, not a video`,
             };
         }
-        return { ok: true, filename: generateMediaFilename(ctx), ext };
+        return okWithFilename(ctx, generateMediaFilename(ctx), ext);
     }
     if (isPdf) {
         return {
@@ -204,9 +219,5 @@ export function applyMediaContextGuards({ detectedMime, context: ctx, }) {
             details: { context: ctx.type, detected: detectedMime },
         };
     }
-    return {
-        ok: true,
-        filename: generateMediaFilename({ ...ctx, ext }),
-        ext,
-    };
+    return okWithFilename(ctx, generateMediaFilename({ ...ctx, ext }), ext);
 }

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

@@ -1,4 +1,4 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { renderOgLayout } from "../seo/og-layout";
 import { resolveOgImageUrl } from "../seo/og";
 /** High-level OG renderer — accepts the raw pre-order document from `getPreOrderForDetail`. */
 export function renderPreOrderOg(doc, opts) {
@@ -16,35 +16,11 @@ export function renderPreOrderOg(doc, opts) {
     }, opts.siteName);
 }
 export function renderPreOrderOgImage(data, siteName) {
-    const { title, releaseDateLabel, imageUrl } = data;
-    return (_jsxs("div", { style: {
-            display: "flex",
-            width: "100%",
-            height: "100%",
-            background: "#0f172a",
-            fontFamily: "sans-serif",
-            position: "relative",
-            overflow: "hidden",
-        }, children: [imageUrl && (_jsx("img", { src: imageUrl, alt: "", style: { position: "absolute", inset: 0, width: "100%", height: "100%", objectFit: "cover", opacity: 0.15 } })), _jsx("div", { style: {
-                    position: "absolute",
-                    inset: 0,
-                    background: "linear-gradient(135deg, rgba(15,23,42,0.95) 0%, rgba(15,23,42,0.8) 100%)",
-                } }), _jsxs("div", { style: {
-                    position: "relative",
-                    display: "flex",
-                    width: "100%",
-                    height: "100%",
-                    padding: "60px",
-                    gap: "48px",
-                    alignItems: "center",
-                }, children: [imageUrl && (_jsx("img", { src: imageUrl, alt: title, style: { width: 420, height: 420, objectFit: "contain", borderRadius: 16, flexShrink: 0 } })), _jsxs("div", { style: { display: "flex", flexDirection: "column", gap: 24, flex: 1 }, children: [_jsxs("div", { style: { fontSize: 20, color: "#818cf8", fontWeight: 600, letterSpacing: 2, textTransform: "uppercase" }, children: [siteName, " \u00B7 Pre-Order"] }), _jsx("div", { style: {
-                                    fontSize: imageUrl ? 44 : 56,
-                                    fontWeight: 700,
-                                    color: "#f1f5f9",
-                                    lineHeight: 1.2,
-                                    display: "-webkit-box",
-                                    WebkitLineClamp: 3,
-                                    WebkitBoxOrient: "vertical",
-                                    overflow: "hidden",
-                                }, children: title }), releaseDateLabel && (_jsx("div", { style: { fontSize: 28, fontWeight: 600, color: "#818cf8" }, children: releaseDateLabel }))] })] })] }));
+    return renderOgLayout({
+        title: data.title,
+        imageUrl: data.imageUrl,
+        siteName: `${siteName} · Pre-Order`,
+        accentSlot: data.releaseDateLabel,
+        theme: { accentColor: "#818cf8" },
+    });
 }

package/dist/_internal/server/features/prize-draws/data.d.ts

@@ -0,0 +1,17 @@
+/**
+ * Prize Draw data layer — OG-coverage-followup 2026-05-23.
+ *
+ * Prize draws live as products with `listingType:"prize-draw"`. This file
+ * wraps the repo call in `React.cache` so the OG renderer and any future
+ * page/generateMetadata pair share one Firestore read per request.
+ */
+import type { ProductDocument } from "../../../../features/products/schemas/firestore";
+export interface PrizeDrawDataOptions {
+    _reserved?: never;
+}
+/**
+ * Fetch a single prize-draw product by slug or id. Returns null when the
+ * slug is empty or no matching product exists. The caller is responsible
+ * for asserting `listingType === "prize-draw"` if a strict gate is required.
+ */
+export declare const getPrizeDrawForDetail: (slugOrId: string, _opts?: PrizeDrawDataOptions) => Promise<ProductDocument | null>;

package/dist/_internal/server/features/prize-draws/data.js

@@ -0,0 +1,20 @@
+/**
+ * Prize Draw data layer — OG-coverage-followup 2026-05-23.
+ *
+ * Prize draws live as products with `listingType:"prize-draw"`. This file
+ * wraps the repo call in `React.cache` so the OG renderer and any future
+ * page/generateMetadata pair share one Firestore read per request.
+ */
+import { cache } from "react";
+import { productRepository } from "../../../../repositories";
+/**
+ * Fetch a single prize-draw product by slug or id. Returns null when the
+ * slug is empty or no matching product exists. The caller is responsible
+ * for asserting `listingType === "prize-draw"` if a strict gate is required.
+ */
+export const getPrizeDrawForDetail = cache(async (slugOrId, _opts) => {
+    void _opts;
+    if (!slugOrId)
+        return null;
+    return (await productRepository.findByIdOrSlug(slugOrId).catch(() => null)) ?? null;
+});

package/dist/_internal/server/features/prize-draws/index.d.ts

@@ -0,0 +1,2 @@
+export { getPrizeDrawForDetail, type PrizeDrawDataOptions } from "./data";
+export { renderPrizeDrawOg, renderPrizeDrawOgImage, type PrizeDrawOgData, } from "./og";

package/dist/_internal/server/features/prize-draws/index.js

@@ -0,0 +1,2 @@
+export { getPrizeDrawForDetail } from "./data";
+export { renderPrizeDrawOg, renderPrizeDrawOgImage, } from "./og";

package/dist/_internal/server/features/prize-draws/og.d.ts

@@ -0,0 +1,30 @@
+/**
+ * Prize Draw OG image renderer — OG-coverage-followup 2026-05-23.
+ * Migrated to renderOgLayout factory 2026-05-24 (Session 5 W1-1).
+ */
+import type { ReactElement } from "react";
+export interface PrizeDrawOgData {
+    title: string;
+    pricePerEntryLabel?: string | null;
+    imageUrl?: string | null;
+    revealStatus?: "pending" | "open" | "closed" | null;
+    entriesLabel?: string | null;
+}
+interface PrizeDrawDocLike {
+    title?: string | null;
+    name?: string | null;
+    pricePerEntry?: number | null;
+    price?: number | null;
+    currency?: string | null;
+    mainImage?: string | null;
+    images?: (string | null | undefined)[] | null;
+    prizeRevealStatus?: "pending" | "open" | "closed" | null;
+    prizeMaxEntries?: number | null;
+    prizeCurrentEntries?: number | null;
+}
+export declare function renderPrizeDrawOg(doc: PrizeDrawDocLike | null | undefined, opts: {
+    siteName: string;
+    baseUrl?: string;
+}): ReactElement;
+export declare function renderPrizeDrawOgImage(data: PrizeDrawOgData, siteName: string): ReactElement;
+export {};

package/dist/_internal/server/features/prize-draws/og.js

@@ -0,0 +1,50 @@
+/**
+ * Prize Draw OG image renderer — OG-coverage-followup 2026-05-23.
+ * Migrated to renderOgLayout factory 2026-05-24 (Session 5 W1-1).
+ */
+import { renderOgLayout } from "../seo/og-layout";
+import { resolveOgImageUrl } from "../seo/og";
+function formatPriceInr(paise, currency) {
+    return new Intl.NumberFormat("en-IN", {
+        style: "currency",
+        currency,
+        maximumFractionDigits: 0,
+    }).format(paise / 100);
+}
+export function renderPrizeDrawOg(doc, opts) {
+    const entryPaise = doc?.pricePerEntry ?? doc?.price ?? null;
+    const pricePerEntryLabel = typeof entryPaise === "number" && entryPaise > 0
+        ? `${formatPriceInr(entryPaise, doc?.currency ?? "INR")} / entry`
+        : "Free entry";
+    const max = doc?.prizeMaxEntries ?? null;
+    const current = doc?.prizeCurrentEntries ?? 0;
+    const entriesLabel = typeof max === "number" && max > 0
+        ? `${Math.max(0, max - current).toLocaleString("en-IN")} of ${max.toLocaleString("en-IN")} entries left`
+        : null;
+    return renderPrizeDrawOgImage({
+        title: doc?.title ?? doc?.name ?? "Prize Draw",
+        pricePerEntryLabel,
+        imageUrl: resolveOgImageUrl(doc?.mainImage || doc?.images?.[0] || null, opts.baseUrl),
+        revealStatus: doc?.prizeRevealStatus ?? null,
+        entriesLabel,
+    }, opts.siteName);
+}
+const REVEAL_BADGE_TEXT = {
+    pending: "Reveal pending",
+    open: "Reveal open",
+    closed: "Reveal closed",
+};
+export function renderPrizeDrawOgImage(data, siteName) {
+    const badges = [
+        data.pricePerEntryLabel,
+        data.revealStatus ? REVEAL_BADGE_TEXT[data.revealStatus] : null,
+    ].filter((s) => Boolean(s));
+    return renderOgLayout({
+        title: data.title,
+        subtitle: data.entriesLabel ?? undefined,
+        imageUrl: data.imageUrl,
+        siteName: `${siteName} · Prize Draw`,
+        badges: badges.length > 0 ? badges : undefined,
+        theme: { accentColor: "#fbbf24" },
+    });
+}

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

@@ -1,4 +1,4 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { renderOgLayout } from "../seo/og-layout";
 import { resolveOgImageUrl } from "../seo/og";
 /** High-level OG renderer — accepts the raw product document from `getProductForDetail`. */
 export function renderProductOg(doc, opts) {
@@ -9,36 +9,11 @@ export function renderProductOg(doc, opts) {
     }, opts.siteName);
 }
 export function renderProductOgImage(data, siteName) {
-    const { title, price, imageUrl } = data;
-    const priceLabel = price ? `₹${(price / 100).toLocaleString("en-IN")}` : null;
-    return (_jsxs("div", { style: {
-            display: "flex",
-            width: "100%",
-            height: "100%",
-            background: "#0f172a",
-            fontFamily: "sans-serif",
-            position: "relative",
-            overflow: "hidden",
-        }, children: [imageUrl && (_jsx("img", { src: imageUrl, alt: "", style: { position: "absolute", inset: 0, width: "100%", height: "100%", objectFit: "cover", opacity: 0.15 } })), _jsx("div", { style: {
-                    position: "absolute",
-                    inset: 0,
-                    background: "linear-gradient(135deg, rgba(15,23,42,0.95) 0%, rgba(15,23,42,0.8) 100%)",
-                } }), _jsxs("div", { style: {
-                    position: "relative",
-                    display: "flex",
-                    width: "100%",
-                    height: "100%",
-                    padding: "60px",
-                    gap: "48px",
-                    alignItems: "center",
-                }, children: [imageUrl && (_jsx("img", { src: imageUrl, alt: title, style: { width: 420, height: 420, objectFit: "contain", borderRadius: 16, flexShrink: 0 } })), _jsxs("div", { style: { display: "flex", flexDirection: "column", gap: 24, flex: 1 }, children: [_jsx("div", { style: { fontSize: 20, color: "#84e122", fontWeight: 600, letterSpacing: 2, textTransform: "uppercase" }, children: siteName }), _jsx("div", { style: {
-                                    fontSize: imageUrl ? 44 : 56,
-                                    fontWeight: 700,
-                                    color: "#f1f5f9",
-                                    lineHeight: 1.2,
-                                    display: "-webkit-box",
-                                    WebkitLineClamp: 3,
-                                    WebkitBoxOrient: "vertical",
-                                    overflow: "hidden",
-                                }, children: title }), priceLabel && (_jsx("div", { style: { fontSize: 36, fontWeight: 800, color: "#84e122" }, children: priceLabel }))] })] })] }));
+    const priceLabel = data.price ? `₹${(data.price / 100).toLocaleString("en-IN")}` : null;
+    return renderOgLayout({
+        title: data.title,
+        imageUrl: data.imageUrl,
+        siteName,
+        accentSlot: priceLabel,
+    });
 }

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

@@ -0,0 +1,42 @@
+import type { ReactElement, ReactNode } from "react";
+/**
+ * `renderOgLayout` — W1-1 — single shared OG card renderer that the 18 per-feature
+ * `og.tsx` files can delegate to. Layout: dark hero with optional background image
+ * (15% opacity wash), large feature image on the left, title + subtitle + badges +
+ * site brand stacked on the right. Each feature builds its own thin adapter that
+ * pulls the right fields off its document and passes them as slots here.
+ *
+ * The signature is intentionally narrow — domain-specific decorations (price
+ * pill, countdown, score chip) flow in via the `badges` array or the optional
+ * `accentSlot` (e.g. price label, urgency message). Anything more bespoke
+ * should compose this layout from outside, not extend it.
+ */
+export interface OgLayoutSlots {
+    /** Headline rendered at the largest type size. */
+    title: string;
+    /** Optional subtitle below the title. */
+    subtitle?: string;
+    /** Optional feature image rendered on the left (square contain-fit). */
+    imageUrl?: string | null;
+    /** Site brand label rendered as the eyebrow. */
+    siteName: string;
+    /** Optional badge chips rendered above the title. */
+    badges?: ReactNode[];
+    /** Optional accent line rendered below the title (price, countdown, etc.). */
+    accentSlot?: ReactNode;
+    /** Optional theme overrides — hex strings only (Satori doesn't accept CSS vars). */
+    theme?: Partial<OgLayoutTheme>;
+}
+export interface OgLayoutTheme {
+    /** Background base color. */
+    background: string;
+    /** Headline color. */
+    titleColor: string;
+    /** Subtitle / body text color. */
+    bodyColor: string;
+    /** Brand accent color used for the eyebrow + price. */
+    accentColor: string;
+    /** Gradient overlay (CSS gradient string). */
+    overlayGradient: string;
+}
+export declare function renderOgLayout(slots: OgLayoutSlots): ReactElement;

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

@@ -0,0 +1,69 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const DEFAULT_THEME = {
+    background: "#0f172a",
+    titleColor: "#f1f5f9",
+    bodyColor: "#cbd5e1",
+    accentColor: "#84e122",
+    overlayGradient: "linear-gradient(135deg, rgba(15,23,42,0.95) 0%, rgba(15,23,42,0.8) 100%)",
+};
+export function renderOgLayout(slots) {
+    const theme = { ...DEFAULT_THEME, ...(slots.theme ?? {}) };
+    const { title, subtitle, imageUrl, siteName, badges, accentSlot } = slots;
+    return (_jsxs("div", { style: {
+            display: "flex",
+            width: "100%",
+            height: "100%",
+            background: theme.background,
+            fontFamily: "sans-serif",
+            position: "relative",
+            overflow: "hidden",
+        }, children: [imageUrl ? (_jsx("img", { src: imageUrl, alt: "", style: {
+                    position: "absolute",
+                    inset: 0,
+                    width: "100%",
+                    height: "100%",
+                    objectFit: "cover",
+                    opacity: 0.15,
+                } })) : null, _jsx("div", { style: {
+                    position: "absolute",
+                    inset: 0,
+                    background: theme.overlayGradient,
+                } }), _jsxs("div", { style: {
+                    position: "relative",
+                    display: "flex",
+                    width: "100%",
+                    height: "100%",
+                    padding: "60px",
+                    gap: "48px",
+                    alignItems: "center",
+                }, children: [imageUrl ? (_jsx("img", { src: imageUrl, alt: title, style: {
+                            width: 420,
+                            height: 420,
+                            objectFit: "contain",
+                            borderRadius: 16,
+                            flexShrink: 0,
+                        } })) : null, _jsxs("div", { style: { display: "flex", flexDirection: "column", gap: 24, flex: 1 }, children: [_jsx("div", { style: {
+                                    fontSize: 20,
+                                    color: theme.accentColor,
+                                    fontWeight: 600,
+                                    letterSpacing: 2,
+                                    textTransform: "uppercase",
+                                }, children: siteName }), badges && badges.length > 0 ? (_jsx("div", { style: { display: "flex", gap: 12, flexWrap: "wrap" }, children: badges.map((b, i) => (_jsx("div", { style: {
+                                        display: "flex",
+                                        padding: "8px 16px",
+                                        borderRadius: 9999,
+                                        background: "rgba(255,255,255,0.1)",
+                                        color: theme.bodyColor,
+                                        fontSize: 18,
+                                        fontWeight: 600,
+                                    }, children: b }, i))) })) : null, _jsx("div", { style: {
+                                    fontSize: imageUrl ? 44 : 56,
+                                    fontWeight: 700,
+                                    color: theme.titleColor,
+                                    lineHeight: 1.2,
+                                    display: "-webkit-box",
+                                    WebkitLineClamp: 3,
+                                    WebkitBoxOrient: "vertical",
+                                    overflow: "hidden",
+                                }, children: title }), accentSlot ? (_jsx("div", { style: { display: "flex", fontSize: 36, fontWeight: 800, color: theme.accentColor }, children: accentSlot })) : null, subtitle ? (_jsx("div", { style: { display: "flex", fontSize: 24, color: theme.bodyColor }, children: subtitle })) : null] })] })] }));
+}