@mohasinac/appkit 2.7.59 → 2.8.0

package/dist/_internal/client/features/filters/filter-load-options.d.ts

@@ -2,17 +2,16 @@
  * filter-load-options.ts
  *
  * Factory functions that return `loadOptions(query, page)` callbacks for use
- * with AsyncFacetSection, PaginatedMultiSelect, DynamicSelect, and
- * InlineCreateSelect. Each factory hits a paginated API endpoint and maps the
- * response to { items: DynamicSelectOption[], hasMore: boolean }.
+ * with AsyncFacetSection and PaginatedSelect. Each factory hits a paginated API
+ * endpoint and maps the response to { items: PaginatedSelectOption[], hasMore: boolean }.
  *
  * Usage:
  *   const load = makeCategoryLoadOptions();
  *   <AsyncFacetSection loadOptions={load} ... />
  */
-import type { DynamicSelectOption, AsyncPage } from "../../../../ui/components/DynamicSelect";
+import type { PaginatedSelectOption, AsyncPage } from "../../../../ui/components/PaginatedSelect";
 import type { FacetOption } from "../../../../features/filters/FilterFacetSection";
-export type LoadOptionsFn<T = DynamicSelectOption> = (query: string, page: number) => Promise<AsyncPage<T>>;
+export type LoadOptionsFn<T = PaginatedSelectOption> = (query: string, page: number) => Promise<AsyncPage<T>>;
 /**
  * Returns a loadOptions function for categories.
  * @param variant "admin" uses /api/admin/categories; "public" uses /api/categories.

package/dist/_internal/server/features/auctions/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 auction document from `getAuctionForDetail`. */
 export function renderAuctionOg(doc, opts) {
@@ -18,35 +18,11 @@ export function renderAuctionOg(doc, opts) {
     }, opts.siteName);
 }
 export function renderAuctionOgImage(data, siteName) {
-    const { title, endsLabel, 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: "#f59e0b", fontWeight: 600, letterSpacing: 2, textTransform: "uppercase" }, children: [siteName, " \u00B7 Live Auction"] }), _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 }), endsLabel && (_jsx("div", { style: { fontSize: 28, fontWeight: 600, color: "#f59e0b" }, children: endsLabel }))] })] })] }));
+    return renderOgLayout({
+        title: data.title,
+        imageUrl: data.imageUrl,
+        siteName: `${siteName} · Live Auction`,
+        accentSlot: data.endsLabel,
+        theme: { accentColor: "#f59e0b" },
+    });
 }

package/dist/_internal/server/features/blog/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 blog post document from `getBlogPostForDetail`. */
 export function renderBlogOg(doc, opts) {
@@ -14,52 +14,13 @@ export function renderBlogOg(doc, opts) {
     }, opts.siteName);
 }
 export function renderBlogOgImage(data, siteName) {
-    const { title, excerpt, authorName, category, coverImage } = data;
-    return (_jsxs("div", { style: {
-            display: "flex",
-            width: "100%",
-            height: "100%",
-            background: "#0f172a",
-            fontFamily: "sans-serif",
-            position: "relative",
-            overflow: "hidden",
-        }, children: [coverImage && (_jsx("img", { src: coverImage, alt: "", style: { position: "absolute", inset: 0, width: "100%", height: "100%", objectFit: "cover", opacity: 0.12 } })), _jsx("div", { style: {
-                    position: "absolute",
-                    inset: 0,
-                    background: "linear-gradient(135deg, rgba(15,23,42,0.97) 0%, rgba(15,23,42,0.82) 100%)",
-                } }), _jsxs("div", { style: {
-                    position: "relative",
-                    display: "flex",
-                    width: "100%",
-                    height: "100%",
-                    padding: "60px",
-                    gap: "48px",
-                    alignItems: "center",
-                }, children: [coverImage && (_jsx("img", { src: coverImage, alt: title, style: { width: 360, height: 360, objectFit: "cover", borderRadius: 16, flexShrink: 0 } })), _jsxs("div", { style: { display: "flex", flexDirection: "column", gap: 20, flex: 1 }, children: [_jsxs("div", { style: { display: "flex", alignItems: "center", gap: 12 }, children: [_jsxs("div", { style: { fontSize: 16, color: "#34d399", fontWeight: 600, letterSpacing: 2, textTransform: "uppercase" }, children: [siteName, " \u00B7 Blog"] }), category && (_jsx("div", { style: {
-                                            fontSize: 13,
-                                            color: "#6ee7b7",
-                                            fontWeight: 500,
-                                            letterSpacing: 1,
-                                            textTransform: "uppercase",
-                                            background: "rgba(52,211,153,0.12)",
-                                            padding: "3px 10px",
-                                            borderRadius: 100,
-                                        }, children: category }))] }), _jsx("div", { style: {
-                                    fontSize: coverImage ? 44 : 56,
-                                    fontWeight: 700,
-                                    color: "#f1f5f9",
-                                    lineHeight: 1.2,
-                                    display: "-webkit-box",
-                                    WebkitLineClamp: 3,
-                                    WebkitBoxOrient: "vertical",
-                                    overflow: "hidden",
-                                }, children: title }), excerpt && (_jsx("div", { style: {
-                                    fontSize: 22,
-                                    color: "#94a3b8",
-                                    lineHeight: 1.45,
-                                    display: "-webkit-box",
-                                    WebkitLineClamp: 2,
-                                    WebkitBoxOrient: "vertical",
-                                    overflow: "hidden",
-                                }, children: excerpt })), authorName && (_jsxs("div", { style: { fontSize: 18, color: "#64748b", fontWeight: 500, marginTop: 4 }, children: ["By ", authorName] }))] })] })] }));
+    const sublines = [data.excerpt, data.authorName ? `By ${data.authorName}` : null].filter(Boolean);
+    return renderOgLayout({
+        title: data.title,
+        subtitle: sublines.length > 0 ? sublines.join(" · ") : undefined,
+        imageUrl: data.coverImage,
+        siteName: `${siteName} · Blog`,
+        badges: data.category ? [data.category] : undefined,
+        theme: { accentColor: "#34d399" },
+    });
 }

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

@@ -182,6 +182,12 @@ export async function createCheckoutOrderAction(input) {
     const { userId: uid, userName, userEmail, addressId, paymentMethod, notes, excludedProductIds = [], adminBypass = false, adminBypassBy, } = input;
     const siteSettings = await siteSettingsRepository.getSingleton();
     const commissions = siteSettings?.commissions ?? CHECKOUT_DEFAULT_COMMISSIONS;
+    // W1-43 — enforce COD toggle. Admin bypass + non-COD payments still flow through.
+    if (!adminBypass &&
+        paymentMethod === "cod" &&
+        siteSettings?.payment?.codEnabled === false) {
+        throw new ValidationError("Cash on Delivery is not currently accepted. Please choose another payment method.");
+    }
     const cart = await unitOfWork.carts.getOrCreate(uid);
     if (!cart.items || cart.items.length === 0) {
         throw new ValidationError(ERROR_MESSAGES.CHECKOUT.CART_EMPTY);

package/dist/_internal/server/features/classified/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 renderClassifiedOg(doc, opts) {
     const meta = doc?.classified;
@@ -20,56 +20,14 @@ export function renderClassifiedOg(doc, opts) {
     }, opts.siteName);
 }
 export function renderClassifiedOgImage(data, siteName) {
-    const { title, priceLabel, location, 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.12,
-                } })), _jsx("div", { style: {
-                    position: "absolute",
-                    inset: 0,
-                    background: "linear-gradient(135deg, rgba(15,23,42,0.96) 0%, rgba(15,23,42,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: "#38bdf8",
-                                    fontWeight: 600,
-                                    letterSpacing: 2,
-                                    textTransform: "uppercase",
-                                }, children: [siteName, " \u00B7 Classified"] }), _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: 32, fontWeight: 700, color: "#4ade80" }, children: priceLabel })), location && (_jsx("div", { style: { fontSize: 22, color: "#94a3b8" }, children: location }))] })] })] }));
+    return renderOgLayout({
+        title: data.title,
+        subtitle: data.location ?? undefined,
+        imageUrl: data.imageUrl,
+        siteName: `${siteName} · Classified`,
+        accentSlot: data.priceLabel,
+        theme: { accentColor: "#38bdf8" },
+    });
 }
 /** Type-safe overload that accepts the full ProductDocument. */
 export function renderClassifiedOgFromDoc(doc, opts) {

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

@@ -0,0 +1,11 @@
+import type { ConversationDocument } from "../../../../features/messages/schemas/firestore";
+export interface StartDigitalCodeConversationInput {
+    productId: string;
+}
+/**
+ * Open a buyer↔seller conversation for a digital-code listing (questions
+ * about platform/region/edition before purchase). Post-purchase code reveal
+ * is handled by the existing `/api/orders/[id]/code` endpoint, not a server
+ * action — the code reveal panel lives in the order detail view.
+ */
+export declare function startDigitalCodeConversationAction(input: StartDigitalCodeConversationInput): Promise<ConversationDocument>;

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

@@ -0,0 +1,30 @@
+"use server";
+import { conversationsRepository } from "../../../../features/messages/repository/conversations.repository";
+import { requireRoleUser } from "../../../../providers/auth-firebase/helpers";
+import { storeRepository, productRepository } from "../../../../repositories";
+/**
+ * Open a buyer↔seller conversation for a digital-code listing (questions
+ * about platform/region/edition before purchase). Post-purchase code reveal
+ * is handled by the existing `/api/orders/[id]/code` endpoint, not a server
+ * action — the code reveal panel lives in the order detail view.
+ */
+export async function startDigitalCodeConversationAction(input) {
+    const user = await requireRoleUser(["user", "buyer", "seller", "admin"]);
+    const product = await productRepository.findByIdOrSlug(input.productId);
+    if (!product || product.listingType !== "digital-code") {
+        throw new Error("Product not found or not a digital-code 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/digital-code/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/digital-code/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/digital-code/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 renderDigitalCodeOg(doc, opts) {
     const priceLabel = doc?.price != null
@@ -21,56 +21,14 @@ export function renderDigitalCodeOg(doc, opts) {
     }, opts.siteName);
 }
 export function renderDigitalCodeOgImage(data, siteName) {
-    const { title, priceLabel, deliveryMethod, imageUrl } = data;
-    return (_jsxs("div", { style: {
-            display: "flex",
-            width: "100%",
-            height: "100%",
-            background: "#0c0a1e",
-            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.1,
-                } })), _jsx("div", { style: {
-                    position: "absolute",
-                    inset: 0,
-                    background: "linear-gradient(135deg, rgba(12,10,30,0.97) 0%, rgba(12,10,30,0.83) 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: "#a78bfa",
-                                    fontWeight: 600,
-                                    letterSpacing: 2,
-                                    textTransform: "uppercase",
-                                }, children: [siteName, " \u00B7 Digital Code"] }), _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: 32, fontWeight: 700, color: "#4ade80" }, children: priceLabel })), deliveryMethod && (_jsx("div", { style: { fontSize: 22, color: "#94a3b8" }, children: deliveryMethod }))] })] })] }));
+    return renderOgLayout({
+        title: data.title,
+        subtitle: data.deliveryMethod ?? undefined,
+        imageUrl: data.imageUrl,
+        siteName: `${siteName} · Digital Code`,
+        accentSlot: data.priceLabel,
+        theme: { background: "#0c0a1e", accentColor: "#a78bfa" },
+    });
 }
 /** Type-safe overload that accepts the full ProductDocument. */
 export function renderDigitalCodeOgFromDoc(doc, opts) {

package/dist/_internal/server/features/events/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";
 const EVENT_TYPE_LABEL = {
     TOURNAMENT: "Tournament",
@@ -38,52 +38,13 @@ export function renderEventOg(doc, opts) {
     }, opts.siteName);
 }
 export function renderEventOgImage(data, siteName) {
-    const { title, description, typeLabel, startsAt, coverImageUrl } = data;
-    return (_jsxs("div", { style: {
-            display: "flex",
-            width: "100%",
-            height: "100%",
-            background: "#0f172a",
-            fontFamily: "sans-serif",
-            position: "relative",
-            overflow: "hidden",
-        }, children: [coverImageUrl && (_jsx("img", { src: coverImageUrl, 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.80) 100%)",
-                } }), _jsxs("div", { style: {
-                    position: "relative",
-                    display: "flex",
-                    width: "100%",
-                    height: "100%",
-                    padding: "60px",
-                    gap: "48px",
-                    alignItems: "center",
-                }, children: [coverImageUrl && (_jsx("img", { src: coverImageUrl, alt: title, style: { width: 380, height: 380, objectFit: "cover", borderRadius: 16, flexShrink: 0 } })), _jsxs("div", { style: { display: "flex", flexDirection: "column", gap: 20, flex: 1 }, children: [_jsxs("div", { style: { display: "flex", alignItems: "center", gap: 12 }, children: [_jsxs("div", { style: { fontSize: 16, color: "#a78bfa", fontWeight: 600, letterSpacing: 2, textTransform: "uppercase" }, children: [siteName, " \u00B7 Events"] }), typeLabel && (_jsx("div", { style: {
-                                            fontSize: 13,
-                                            color: "#c4b5fd",
-                                            fontWeight: 500,
-                                            letterSpacing: 1,
-                                            textTransform: "uppercase",
-                                            background: "rgba(167,139,250,0.12)",
-                                            padding: "3px 10px",
-                                            borderRadius: 100,
-                                        }, children: typeLabel }))] }), _jsx("div", { style: {
-                                    fontSize: coverImageUrl ? 44 : 56,
-                                    fontWeight: 700,
-                                    color: "#f1f5f9",
-                                    lineHeight: 1.2,
-                                    display: "-webkit-box",
-                                    WebkitLineClamp: 3,
-                                    WebkitBoxOrient: "vertical",
-                                    overflow: "hidden",
-                                }, children: title }), description && (_jsx("div", { style: {
-                                    fontSize: 22,
-                                    color: "#94a3b8",
-                                    lineHeight: 1.45,
-                                    display: "-webkit-box",
-                                    WebkitLineClamp: 2,
-                                    WebkitBoxOrient: "vertical",
-                                    overflow: "hidden",
-                                }, children: description })), startsAt && (_jsx("div", { style: { fontSize: 22, fontWeight: 600, color: "#a78bfa" }, children: startsAt }))] })] })] }));
+    return renderOgLayout({
+        title: data.title,
+        subtitle: data.description ?? undefined,
+        imageUrl: data.coverImageUrl,
+        siteName: `${siteName} · Events`,
+        badges: data.typeLabel ? [data.typeLabel] : undefined,
+        accentSlot: data.startsAt,
+        theme: { accentColor: "#a78bfa" },
+    });
 }

package/dist/_internal/server/features/item-requests/data.d.ts

@@ -0,0 +1,17 @@
+/**
+ * Item Request data layer — OG-coverage-followup 2026-05-23.
+ *
+ * Item requests are buyer-posted "want to buy" threads sellers reply to.
+ * 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 { ItemRequestDocument } from "../../../../features/store-extensions/schemas/firestore";
+export interface ItemRequestDataOptions {
+    _reserved?: never;
+}
+/**
+ * Fetch a single item-request by id. Returns null when the id is empty
+ * or no matching document exists.
+ */
+export declare const getItemRequestForDetail: (id: string, _opts?: ItemRequestDataOptions) => Promise<ItemRequestDocument | null>;

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

@@ -0,0 +1,20 @@
+/**
+ * Item Request data layer — OG-coverage-followup 2026-05-23.
+ *
+ * Item requests are buyer-posted "want to buy" threads sellers reply to.
+ * 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 { itemRequestsRepository } from "../../../../repositories";
+/**
+ * Fetch a single item-request by id. Returns null when the id is empty
+ * or no matching document exists.
+ */
+export const getItemRequestForDetail = cache(async (id, _opts) => {
+    void _opts;
+    if (!id)
+        return null;
+    return (await itemRequestsRepository.findById(id).catch(() => null)) ?? null;
+});

package/dist/_internal/server/features/item-requests/index.d.ts

@@ -0,0 +1,2 @@
+export { getItemRequestForDetail, type ItemRequestDataOptions } from "./data";
+export { renderItemRequestOg, renderItemRequestOgImage, type ItemRequestOgData, } from "./og";

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

@@ -0,0 +1,2 @@
+export { getItemRequestForDetail } from "./data";
+export { renderItemRequestOg, renderItemRequestOgImage, } from "./og";

package/dist/_internal/server/features/item-requests/og.d.ts

@@ -0,0 +1,40 @@
+/**
+ * Item Request OG image renderer — OG-coverage-followup 2026-05-23.
+ *
+ * Two layers (mirror of classified/og.tsx):
+ *  - `renderItemRequestOg(doc, opts)` — maps an ItemRequestDocument into the
+ *    OG data shape.
+ *  - `renderItemRequestOgImage(data, siteName)` — pure JSX primitive,
+ *    consumer wraps with `new ImageResponse(...)`.
+ *
+ * Item-request-specific accents:
+ *  - Header pill says "Wanted" with cyan accent.
+ *  - Status badge (Open / Closed).
+ *  - Budget chip when maxBudgetInPaise is set.
+ *  - Reply count chip.
+ */
+import type { ReactElement } from "react";
+export interface ItemRequestOgData {
+    title: string;
+    opDisplayName?: string | null;
+    budgetLabel?: string | null;
+    imageUrl?: string | null;
+    status?: "open" | "closed" | "removed" | "approved" | null;
+    replyCount?: number | null;
+    category?: string | null;
+}
+interface ItemRequestDocLike {
+    title?: string | null;
+    opDisplayName?: string | null;
+    maxBudgetInPaise?: number | null;
+    imageUrls?: (string | null | undefined)[] | null;
+    status?: string | null;
+    replyCount?: number | null;
+    category?: string | null;
+}
+export declare function renderItemRequestOg(doc: ItemRequestDocLike | null | undefined, opts: {
+    siteName: string;
+    baseUrl?: string;
+}): ReactElement;
+export declare function renderItemRequestOgImage(data: ItemRequestOgData, siteName: string): ReactElement;
+export {};