@mohasinac/appkit 2.2.0 → 2.3.1

package/dist/features/orders/components/OrdersList.js

@@ -2,6 +2,7 @@ import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
 import { Div, Pagination, Row, Span, Stack, Text } from "../../../ui";
 import { formatCurrency } from "../../../utils/number.formatter";
 import { getDefaultLocale } from "../../../core/baseline-resolver";
+import { THEME_CONSTANTS } from "../../../tokens";
 const STATUS_COLORS = {
     pending: "bg-yellow-100 text-yellow-700",
     confirmed: "bg-blue-100 text-blue-700",
@@ -24,11 +25,11 @@ export function OrderCard({ order, onClick, labels = {} }) {
     const statusColor = STATUS_COLORS[order.orderStatus] ?? "bg-neutral-100 text-neutral-700";
     return (_jsxs(Div, { role: onClick ? "button" : undefined, tabIndex: onClick ? 0 : undefined, onKeyDown: onClick
             ? (e) => (e.key === "Enter" || e.key === " ") && onClick(order)
-            : undefined, onClick: onClick ? () => onClick(order) : undefined, className: `rounded-xl border border-neutral-200 bg-white p-5 ${onClick ? "cursor-pointer transition hover:shadow-md" : ""}`, children: [_jsxs(Row, { wrap: true, align: "start", justify: "between", gap: "3", children: [_jsxs(Div, { children: [_jsxs(Text, { className: "text-xs text-neutral-500", children: ["Order #", order.id.slice(-8).toUpperCase()] }), date && (_jsx(Text, { className: "mt-0.5 text-xs text-neutral-400", children: date }))] }), _jsx(Span, { className: `rounded-full px-3 py-1 text-xs font-semibold capitalize ${statusColor}`, children: labels[order.orderStatus] ?? order.orderStatus.replace(/_/g, " ") })] }), _jsxs(Row, { wrap: true, gap: "3", className: "mt-4", children: [order.items.slice(0, 3).map((item, i) => (_jsxs(Row, { className: "gap-2", children: [item.image && (_jsx(Div, { role: "img", "aria-label": item.title, className: "h-10 w-10 rounded-lg bg-center bg-cover", style: { backgroundImage: `url(${item.image})` } })), _jsxs(Div, { children: [_jsx(Text, { className: "text-sm font-medium text-neutral-900 line-clamp-1", children: item.title }), _jsxs(Text, { className: "text-xs text-neutral-400", children: ["\u00D7", item.quantity] })] })] }, i))), order.items.length > 3 && (_jsxs(Span, { className: "self-center text-xs text-neutral-400", children: ["+", order.items.length - 3, " more"] }))] }), _jsxs(Row, { justify: "between", className: "mt-4 border-t border-neutral-100 pt-3", children: [_jsxs(Span, { className: "text-sm text-neutral-500", children: [order.currency ?? "", " Total"] }), _jsx(Span, { className: "font-semibold text-neutral-900", children: formatCurrency(order.total, order.currency) })] })] }));
+            : undefined, onClick: onClick ? () => onClick(order) : undefined, className: `rounded-xl border border-neutral-200 dark:border-slate-700 bg-white dark:bg-slate-900 p-5 ${onClick ? "cursor-pointer transition hover:shadow-md" : ""}`, children: [_jsxs(Row, { wrap: true, align: "start", justify: "between", gap: "3", children: [_jsxs(Div, { children: [_jsxs(Text, { className: "text-xs text-neutral-500 dark:text-zinc-400", children: ["Order #", order.id.slice(-8).toUpperCase()] }), date && (_jsx(Text, { className: "mt-0.5 text-xs text-neutral-400 dark:text-zinc-500", children: date }))] }), _jsx(Span, { className: `rounded-full px-3 py-1 text-xs font-semibold capitalize ${statusColor}`, children: labels[order.orderStatus] ?? order.orderStatus.replace(/_/g, " ") })] }), _jsxs(Row, { wrap: true, gap: "3", className: "mt-4", children: [order.items.slice(0, 3).map((item, i) => (_jsxs(Row, { className: "gap-2", children: [item.image && (_jsx(Div, { role: "img", "aria-label": item.title, className: "h-10 w-10 rounded-lg bg-center bg-cover", style: { backgroundImage: `url(${item.image})` } })), _jsxs(Div, { children: [_jsx(Text, { className: `text-sm font-medium text-neutral-900 dark:text-zinc-100 ${THEME_CONSTANTS.utilities.textClamp1}`, children: item.title }), _jsxs(Text, { className: "text-xs text-neutral-400 dark:text-zinc-500", children: ["\u00D7", item.quantity] })] })] }, i))), order.items.length > 3 && (_jsxs(Span, { className: "self-center text-xs text-neutral-400 dark:text-zinc-500", children: ["+", order.items.length - 3, " more"] }))] }), _jsxs(Row, { justify: "between", className: "mt-4 border-t border-neutral-100 dark:border-slate-700 pt-3", children: [_jsxs(Span, { className: "text-sm text-neutral-500 dark:text-zinc-400", children: [order.currency ?? "", " Total"] }), _jsx(Span, { className: "font-semibold text-neutral-900 dark:text-zinc-100", children: formatCurrency(order.total, order.currency) })] })] }));
 }
 export function OrdersList({ orders, isLoading, onOrderClick, totalPages = 1, currentPage = 1, onPageChange, emptyLabel = "No orders found", }) {
     if (isLoading) {
-        return (_jsx(Stack, { gap: "md", children: Array.from({ length: 3 }).map((_, i) => (_jsxs(Div, { className: "animate-pulse rounded-xl border border-neutral-200 p-5", children: [_jsxs(Div, { className: "flex justify-between", children: [_jsxs(Stack, { gap: "xs", children: [_jsx(Div, { className: "h-3 w-20 rounded bg-neutral-200" }), _jsx(Div, { className: "h-3 w-16 rounded bg-neutral-200" })] }), _jsx(Div, { className: "h-6 w-20 rounded-full bg-neutral-200" })] }), _jsxs(Div, { className: "mt-4 flex gap-3", children: [_jsx(Div, { className: "h-10 w-10 rounded-lg bg-neutral-200" }), _jsx(Div, { className: "h-10 w-10 rounded-lg bg-neutral-200" })] })] }, i))) }));
+        return (_jsx(Stack, { gap: "md", children: Array.from({ length: 3 }).map((_, i) => (_jsxs(Div, { className: "animate-pulse rounded-xl border border-neutral-200 dark:border-slate-700 p-5", children: [_jsxs(Div, { className: "flex justify-between", children: [_jsxs(Stack, { gap: "xs", children: [_jsx(Div, { className: "h-3 w-20 rounded bg-neutral-200 dark:bg-slate-700" }), _jsx(Div, { className: "h-3 w-16 rounded bg-neutral-200 dark:bg-slate-700" })] }), _jsx(Div, { className: "h-6 w-20 rounded-full bg-neutral-200 dark:bg-slate-700" })] }), _jsxs(Div, { className: "mt-4 flex gap-3", children: [_jsx(Div, { className: "h-10 w-10 rounded-lg bg-neutral-200 dark:bg-slate-700" }), _jsx(Div, { className: "h-10 w-10 rounded-lg bg-neutral-200 dark:bg-slate-700" })] })] }, i))) }));
     }
     if (orders.length === 0) {
         return (_jsx(Text, { className: "py-12 text-center text-sm text-neutral-500", children: emptyLabel }));

package/dist/features/orders/hooks/useOrders.js

@@ -1,4 +1,3 @@
-"use client";
 import { useQuery } from "@tanstack/react-query";
 import { apiClient } from "../../../http";
 import { ORDER_ENDPOINTS } from "../../../constants/api-endpoints";

package/dist/features/orders/repository/orders.repository.d.ts

@@ -1,4 +1,3 @@
-import "server-only";
 import type { DocumentReference, WriteBatch } from "firebase-admin/firestore";
 import type { FirebaseSieveResult, SieveModel } from "../../../providers/db-firebase";
 import { BaseRepository } from "../../../providers/db-firebase";

package/dist/features/orders/repository/orders.repository.js

@@ -1,4 +1,3 @@
-import "server-only";
 import { DatabaseError } from "../../../errors";
 import { BaseRepository, prepareForFirestore, } from "../../../providers/db-firebase";
 import { decryptPiiFields, encryptPiiFields, ORDER_PII_FIELDS, } from "../../../security";

package/dist/features/orders/schemas/index.d.ts

@@ -12,21 +12,21 @@ export declare const orderItemSchema: z.ZodObject<{
     attributes: z.ZodOptional<z.ZodRecord<z.ZodString, z.ZodString>>;
 }, "strip", z.ZodTypeAny, {
     title: string;
+    productId: string;
     price: number;
     quantity: number;
-    productId: string;
+    image?: string | undefined;
     sellerId?: string | undefined;
     currency?: string | undefined;
-    image?: string | undefined;
     attributes?: Record<string, string> | undefined;
 }, {
     title: string;
+    productId: string;
     price: number;
     quantity: number;
-    productId: string;
+    image?: string | undefined;
     sellerId?: string | undefined;
     currency?: string | undefined;
-    image?: string | undefined;
     attributes?: Record<string, string> | undefined;
 }>;
 export declare const orderTimelineSchema: z.ZodObject<{
@@ -35,12 +35,12 @@ export declare const orderTimelineSchema: z.ZodObject<{
     timestamp: z.ZodString;
     actor: z.ZodOptional<z.ZodString>;
 }, "strip", z.ZodTypeAny, {
-    status: "pending" | "processing" | "refunded" | "confirmed" | "shipped" | "delivered" | "cancelled" | "return_requested" | "returned";
+    status: "pending" | "processing" | "refunded" | "confirmed" | "shipped" | "delivered" | "cancelled" | "returned" | "return_requested";
     timestamp: string;
     message?: string | undefined;
     actor?: string | undefined;
 }, {
-    status: "pending" | "processing" | "refunded" | "confirmed" | "shipped" | "delivered" | "cancelled" | "return_requested" | "returned";
+    status: "pending" | "processing" | "refunded" | "confirmed" | "shipped" | "delivered" | "cancelled" | "returned" | "return_requested";
     timestamp: string;
     message?: string | undefined;
     actor?: string | undefined;
@@ -72,21 +72,21 @@ export declare const orderSchema: z.ZodObject<{
         attributes: z.ZodOptional<z.ZodRecord<z.ZodString, z.ZodString>>;
     }, "strip", z.ZodTypeAny, {
         title: string;
+        productId: string;
         price: number;
         quantity: number;
-        productId: string;
+        image?: string | undefined;
         sellerId?: string | undefined;
         currency?: string | undefined;
-        image?: string | undefined;
         attributes?: Record<string, string> | undefined;
     }, {
         title: string;
+        productId: string;
         price: number;
         quantity: number;
-        productId: string;
+        image?: string | undefined;
         sellerId?: string | undefined;
         currency?: string | undefined;
-        image?: string | undefined;
         attributes?: Record<string, string> | undefined;
     }>, "many">;
     address: z.ZodRecord<z.ZodString, z.ZodUnknown>;
@@ -109,12 +109,12 @@ export declare const orderSchema: z.ZodObject<{
         timestamp: z.ZodString;
         actor: z.ZodOptional<z.ZodString>;
     }, "strip", z.ZodTypeAny, {
-        status: "pending" | "processing" | "refunded" | "confirmed" | "shipped" | "delivered" | "cancelled" | "return_requested" | "returned";
+        status: "pending" | "processing" | "refunded" | "confirmed" | "shipped" | "delivered" | "cancelled" | "returned" | "return_requested";
         timestamp: string;
         message?: string | undefined;
         actor?: string | undefined;
     }, {
-        status: "pending" | "processing" | "refunded" | "confirmed" | "shipped" | "delivered" | "cancelled" | "return_requested" | "returned";
+        status: "pending" | "processing" | "refunded" | "confirmed" | "shipped" | "delivered" | "cancelled" | "returned" | "return_requested";
         timestamp: string;
         message?: string | undefined;
         actor?: string | undefined;
@@ -123,23 +123,23 @@ export declare const orderSchema: z.ZodObject<{
     updatedAt: z.ZodOptional<z.ZodString>;
 }, "strip", z.ZodTypeAny, {
     id: string;
-    currency: string;
-    userId: string;
     address: Record<string, unknown>;
     items: {
         title: string;
+        productId: string;
         price: number;
         quantity: number;
-        productId: string;
+        image?: string | undefined;
         sellerId?: string | undefined;
         currency?: string | undefined;
-        image?: string | undefined;
         attributes?: Record<string, string> | undefined;
     }[];
+    currency: string;
     total: number;
+    userId: string;
     subtotal: number;
     paymentStatus: string;
-    orderStatus: "pending" | "processing" | "refunded" | "confirmed" | "shipped" | "delivered" | "cancelled" | "return_requested" | "returned";
+    orderStatus: "pending" | "processing" | "refunded" | "confirmed" | "shipped" | "delivered" | "cancelled" | "returned" | "return_requested";
     createdAt?: string | undefined;
     updatedAt?: string | undefined;
     notes?: string | undefined;
@@ -151,30 +151,30 @@ export declare const orderSchema: z.ZodObject<{
     discount?: number | undefined;
     couponCode?: string | undefined;
     timeline?: {
-        status: "pending" | "processing" | "refunded" | "confirmed" | "shipped" | "delivered" | "cancelled" | "return_requested" | "returned";
+        status: "pending" | "processing" | "refunded" | "confirmed" | "shipped" | "delivered" | "cancelled" | "returned" | "return_requested";
         timestamp: string;
         message?: string | undefined;
         actor?: string | undefined;
     }[] | undefined;
 }, {
     id: string;
-    currency: string;
-    userId: string;
     address: Record<string, unknown>;
     items: {
         title: string;
+        productId: string;
         price: number;
         quantity: number;
-        productId: string;
+        image?: string | undefined;
         sellerId?: string | undefined;
         currency?: string | undefined;
-        image?: string | undefined;
         attributes?: Record<string, string> | undefined;
     }[];
+    currency: string;
     total: number;
+    userId: string;
     subtotal: number;
     paymentStatus: string;
-    orderStatus: "pending" | "processing" | "refunded" | "confirmed" | "shipped" | "delivered" | "cancelled" | "return_requested" | "returned";
+    orderStatus: "pending" | "processing" | "refunded" | "confirmed" | "shipped" | "delivered" | "cancelled" | "returned" | "return_requested";
     createdAt?: string | undefined;
     updatedAt?: string | undefined;
     notes?: string | undefined;
@@ -186,7 +186,7 @@ export declare const orderSchema: z.ZodObject<{
     discount?: number | undefined;
     couponCode?: string | undefined;
     timeline?: {
-        status: "pending" | "processing" | "refunded" | "confirmed" | "shipped" | "delivered" | "cancelled" | "return_requested" | "returned";
+        status: "pending" | "processing" | "refunded" | "confirmed" | "shipped" | "delivered" | "cancelled" | "returned" | "return_requested";
         timestamp: string;
         message?: string | undefined;
         actor?: string | undefined;
@@ -202,16 +202,16 @@ export declare const orderListParamsSchema: z.ZodObject<{
     perPage: z.ZodOptional<z.ZodNumber>;
 }, "strip", z.ZodTypeAny, {
     sort?: string | undefined;
+    page?: number | undefined;
     perPage?: number | undefined;
     userId?: string | undefined;
-    page?: number | undefined;
     paymentStatus?: string | undefined;
-    orderStatus?: "pending" | "processing" | "refunded" | "confirmed" | "shipped" | "delivered" | "cancelled" | "return_requested" | "returned" | undefined;
+    orderStatus?: "pending" | "processing" | "refunded" | "confirmed" | "shipped" | "delivered" | "cancelled" | "returned" | "return_requested" | undefined;
 }, {
     sort?: string | undefined;
+    page?: number | undefined;
     perPage?: number | undefined;
     userId?: string | undefined;
-    page?: number | undefined;
     paymentStatus?: string | undefined;
-    orderStatus?: "pending" | "processing" | "refunded" | "confirmed" | "shipped" | "delivered" | "cancelled" | "return_requested" | "returned" | undefined;
+    orderStatus?: "pending" | "processing" | "refunded" | "confirmed" | "shipped" | "delivered" | "cancelled" | "returned" | "return_requested" | undefined;
 }>;

package/dist/features/orders/schemas/index.js

@@ -1,6 +1,6 @@
 export * from "./firestore";
 import { z } from "zod";
-// ─── Sub-schemas ──────────────────────────────────────────────────────────────
+// --- Sub-schemas --------------------------------------------------------------
 export const orderStatusSchema = z.enum([
     "pending",
     "confirmed",
@@ -28,7 +28,7 @@ export const orderTimelineSchema = z.object({
     timestamp: z.string(),
     actor: z.string().optional(),
 });
-// ─── Base item schema ─────────────────────────────────────────────────────────
+// --- Base item schema ---------------------------------------------------------
 /**
  * Base Zod schema for an order.
  * Apps can extend this to add their own fields:

package/dist/features/orders/server.d.ts

@@ -3,7 +3,6 @@
  *
  * Server-only entry point for order repositories.
  */
-import "server-only";
 export * from "./actions";
 export { OrderRepository, OrdersRepository, orderRepository, } from "./repository/orders.repository";
 export { GET as getOrderTrackingHandler } from "./api/track/[trackingId]/route";

package/dist/features/orders/server.js

@@ -3,7 +3,6 @@
  *
  * Server-only entry point for order repositories.
  */
-import "server-only";
 export * from "./actions";
 export { OrderRepository, OrdersRepository, orderRepository, } from "./repository/orders.repository";
 // API route handler — re-export for consumer app router stubs

package/dist/features/payments/hooks/usePaymentEvent.js

@@ -1,4 +1,3 @@
-"use client";
 import { logger } from "../../../core/Logger";
 import { RealtimeEventType, useRealtimeEvent, } from "../../../react";
 const PAYMENT_EVENT_TIMEOUT_MS = 5 * 60 * 1000;

package/dist/features/payments/hooks/usePayments.js

@@ -1,4 +1,3 @@
-"use client";
 import { useQuery } from "@tanstack/react-query";
 import { apiClient } from "../../../http";
 import { ADMIN_ENDPOINTS } from "../../../constants/api-endpoints";

package/dist/features/payments/schemas/index.d.ts

@@ -39,7 +39,7 @@ export declare const paymentRecordSchema: z.ZodObject<{
     createdAt: z.ZodOptional<z.ZodString>;
 }, "strip", z.ZodTypeAny, {
     id: string;
-    status: "failed" | "captured" | "pending" | "authorized" | "refunded" | "partially_refunded";
+    status: "pending" | "failed" | "captured" | "authorized" | "refunded" | "partially_refunded";
     amount: number;
     currency: string;
     orderId: string;
@@ -51,8 +51,8 @@ export declare const paymentRecordSchema: z.ZodObject<{
     amount: number;
     orderId: string;
     gateway: "bank_transfer" | "upi" | "razorpay" | "stripe" | "paypal" | "cod" | "whatsapp";
+    status?: "pending" | "failed" | "captured" | "authorized" | "refunded" | "partially_refunded" | undefined;
     createdAt?: string | undefined;
-    status?: "failed" | "captured" | "pending" | "authorized" | "refunded" | "partially_refunded" | undefined;
     currency?: string | undefined;
     gatewayPaymentId?: string | undefined;
 }>;
@@ -64,14 +64,14 @@ export declare const paymentGatewayConfigSchema: z.ZodObject<{
     sortOrder: z.ZodDefault<z.ZodNumber>;
 }, "strip", z.ZodTypeAny, {
     id: string;
+    displayName: string;
     gateway: "bank_transfer" | "upi" | "razorpay" | "stripe" | "paypal" | "cod" | "whatsapp";
     isEnabled: boolean;
-    displayName: string;
     sortOrder: number;
 }, {
     id: string;
-    gateway: "bank_transfer" | "upi" | "razorpay" | "stripe" | "paypal" | "cod" | "whatsapp";
     displayName: string;
+    gateway: "bank_transfer" | "upi" | "razorpay" | "stripe" | "paypal" | "cod" | "whatsapp";
     isEnabled?: boolean | undefined;
     sortOrder?: number | undefined;
 }>;

package/dist/features/payments/server.d.ts

@@ -3,6 +3,5 @@
  *
  * Server-only entry point for payment repositories.
  */
-import "server-only";
 export { PaymentsRepository } from "./repository/payments.repository";
 export { payoutRepository } from "./repository/payout.repository";

package/dist/features/payments/server.js

@@ -3,6 +3,5 @@
  *
  * Server-only entry point for payment repositories.
  */
-import "server-only";
 export { PaymentsRepository } from "./repository/payments.repository";
 export { payoutRepository } from "./repository/payout.repository";

package/dist/features/pre-orders/api/route.js

@@ -54,7 +54,7 @@ export async function GET(request) {
         }, { status: 500 });
     }
 }
-// ─── POST /api/pre-orders ──────────────────────────────────────────────────
+// --- POST /api/pre-orders --------------------------------------------------
 export async function POST(request) {
     try {
         const input = (await request.json());

package/dist/features/pre-orders/components/MarketplacePreorderCard.d.ts

@@ -3,6 +3,7 @@ import { type WishlistToggleActions } from "../../wishlist";
 export type MarketplacePreorderCardData = ProductItem;
 export interface MarketplacePreorderCardLabels {
     preOrderBadge?: string;
+    featuredBadge?: string;
     reserveNow?: string;
     addToWishlist?: string;
     removeFromWishlist?: string;

package/dist/features/pre-orders/components/MarketplacePreorderCard.js

@@ -6,10 +6,14 @@ import { MediaImage } from "../../media";
 import { useWishlistToggle } from "../../wishlist";
 import { ROUTES } from "../../../next";
 import { formatCurrency } from "../../../utils";
-import { BaseListingCard, Button, Div, Row, Span, Text, TextLink, } from "../../../ui";
+import { getDefaultCurrency } from "../../../core/baseline-resolver";
+import { BaseListingCard, Button, Div, RichText, Row, Span, Text, TextLink, } from "../../../ui";
+import { normalizeRichTextHtml } from "../../../utils/string.formatter";
+import { THEME_CONSTANTS } from "../../../tokens";
 import { PreorderBadge } from "./PreorderCard";
 const DEFAULT_LABELS = {
     preOrderBadge: "Pre-order",
+    featuredBadge: "Featured",
     reserveNow: "Reserve now",
     addToWishlist: "Add to wishlist",
     removeFromWishlist: "Remove from wishlist",
@@ -44,10 +48,10 @@ export function MarketplacePreorderCard({ product, className = "", variant = "gr
             // The hook rolls back optimistic state when the mutation fails.
         }
     }, [toggle]);
-    return (_jsxs(BaseListingCard, { isSelected: isSelected, variant: variant, className: className, children: [_jsxs(BaseListingCard.Hero, { aspect: "square", variant: variant, children: [_jsx(TextLink, { href: detailHref, className: "absolute inset-0 block", children: _jsx(MediaImage, { src: product.mainImage, alt: product.title, size: "card", fallback: "Product image" }) }), _jsx(Div, { className: "absolute right-2 top-2", children: _jsx(Span, { className: "inline-flex items-center rounded-full bg-cobalt px-2 py-0.5 text-xs font-medium text-white", children: mergedLabels.preOrderBadge }) }), selectable && (_jsx(BaseListingCard.Checkbox, { selected: isSelected, onSelect: (event) => {
+    return (_jsxs(BaseListingCard, { isSelected: isSelected, variant: variant, className: className, children: [_jsxs(BaseListingCard.Hero, { aspect: "square", variant: variant, children: [_jsx(TextLink, { href: detailHref, className: "absolute inset-0 block", children: _jsx(MediaImage, { src: product.mainImage, alt: product.title, size: "card", fallback: "Product image" }) }), _jsxs(Div, { className: "absolute right-2 top-2 flex flex-col items-end gap-1", children: [_jsx(Span, { className: "inline-flex items-center rounded-full bg-cobalt px-2 py-0.5 text-xs font-medium text-white", children: mergedLabels.preOrderBadge }), product.featured && (_jsx(Span, { className: "inline-flex items-center rounded-full bg-amber-500 px-2 py-0.5 text-xs font-medium text-white", children: mergedLabels.featuredBadge }))] }), selectable && (_jsx(BaseListingCard.Checkbox, { selected: isSelected, onSelect: (event) => {
                             event.stopPropagation();
                             onSelect?.(product.id, !isSelected);
-                        } }))] }), _jsxs(BaseListingCard.Info, { variant: variant, children: [_jsx(TextLink, { href: detailHref, children: _jsx(Text, { className: "line-clamp-2 text-sm font-medium text-zinc-900", children: product.title }) }), _jsxs(Row, { justify: "between", className: "mt-1 gap-2", children: [_jsx(Text, { className: "text-sm font-semibold text-zinc-900", children: formatCurrency(product.price, product.currency) }), shipDate && _jsx(PreorderBadge, { shipDate: shipDate })] }), _jsxs(Row, { justify: "between", className: "mt-2 gap-2", children: [_jsx(Button, { type: "button", variant: "primary", size: "sm", className: "flex-1 text-xs", onClick: handleNavigate, children: mergedLabels.reserveNow }), wishlistActions ? (_jsx(Button, { type: "button", variant: "ghost", size: "sm", className: `text-base ${inWishlist ? "text-primary" : "text-zinc-500"}`, onClick: handleWishlist, "aria-label": inWishlist
+                        } }))] }), _jsxs(BaseListingCard.Info, { variant: variant, children: [_jsx(TextLink, { href: detailHref, children: _jsx(Text, { className: `${THEME_CONSTANTS.utilities.textClamp2} text-sm font-medium text-zinc-900`, children: product.title }) }), product.description ? (_jsx(RichText, { html: normalizeRichTextHtml(product.description), proseClass: "prose prose-sm max-w-none dark:prose-invert prose-p:my-0", className: `${THEME_CONSTANTS.utilities.textClamp2} text-xs text-zinc-500` })) : null, _jsxs(Row, { justify: "between", className: "mt-1 gap-2", children: [_jsx(Text, { className: "text-sm font-semibold text-zinc-900", children: formatCurrency(product.price, getDefaultCurrency()) }), shipDate && _jsx(PreorderBadge, { shipDate: shipDate })] }), _jsxs(Row, { justify: "between", className: "mt-2 gap-2", children: [_jsx(Button, { type: "button", variant: "primary", size: "sm", className: "flex-1 text-xs", onClick: handleNavigate, children: mergedLabels.reserveNow }), wishlistActions ? (_jsx(Button, { type: "button", variant: "ghost", size: "sm", className: `text-base ${inWishlist ? "text-primary" : "text-zinc-500"}`, onClick: handleWishlist, "aria-label": inWishlist
                                     ? mergedLabels.removeFromWishlist
                                     : mergedLabels.addToWishlist, children: inWishlist ? "♥" : "♡" })) : null] })] })] }));
 }

package/dist/features/pre-orders/components/PreOrderDetailPageView.d.ts

@@ -0,0 +1,4 @@
+export interface PreOrderDetailPageViewProps {
+    id: string;
+}
+export declare function PreOrderDetailPageView({ id }: PreOrderDetailPageViewProps): Promise<import("react/jsx-runtime").JSX.Element>;

package/dist/features/pre-orders/components/PreOrderDetailPageView.js

@@ -0,0 +1,27 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import Link from "next/link";
+import { productRepository } from "../../../repositories";
+import { ROUTES } from "../../../next";
+import { getDefaultCurrency } from "../../../core/baseline-resolver";
+import { Button, Container, Div, Heading, Main, Row, Section, Span, Stack, Text, } from "../../../ui";
+import { PreOrderDetailView } from "../../products/components/PreOrderDetailView";
+export async function PreOrderDetailPageView({ id }) {
+    const product = await productRepository.findByIdOrSlug(id).catch(() => undefined);
+    if (!product) {
+        return (_jsx(Main, { children: _jsx(Section, { className: "py-20", children: _jsx(Container, { size: "md", children: _jsxs(Stack, { align: "center", gap: "md", className: "text-center", children: [_jsx(Heading, { level: 1, className: "text-2xl font-semibold text-zinc-900 dark:text-zinc-50", children: "Pre-Order Not Found" }), _jsx(Text, { className: "text-zinc-500", children: "The pre-order item you are looking for may have been removed." }), _jsx(Link, { href: String(ROUTES.PUBLIC.PRE_ORDERS), className: "text-sm font-medium text-primary-600 hover:underline", children: "Browse Pre-Orders" })] }) }) }) }));
+    }
+    const p = product;
+    const currency = p.currency || getDefaultCurrency();
+    const price = typeof p.price === "number"
+        ? new Intl.NumberFormat(undefined, { style: "currency", currency }).format(p.price)
+        : null;
+    const images = Array.isArray(p.images) ? p.images : p.imageUrl ? [p.imageUrl] : [];
+    const primaryImage = images[0];
+    const reservedCount = typeof p.reservedCount === "number" ? p.reservedCount
+        : typeof p.preOrderCurrentCount === "number" ? p.preOrderCurrentCount : 0;
+    const reserveTarget = typeof p.reserveTarget === "number" ? p.reserveTarget
+        : typeof p.preOrderTarget === "number" ? p.preOrderTarget
+            : typeof p.preOrderMaxQuantity === "number" ? p.preOrderMaxQuantity : 0;
+    const progressPct = reserveTarget > 0 ? Math.min(100, Math.round((reservedCount / reserveTarget) * 100)) : 0;
+    return (_jsx(PreOrderDetailView, { renderGallery: () => primaryImage ? (_jsx(Div, { className: "overflow-hidden rounded-xl border border-zinc-100 dark:border-zinc-800", children: _jsx(Div, { role: "img", "aria-label": p.name ?? "Pre-order image", className: "aspect-square w-full bg-cover bg-center", style: { backgroundImage: `url(${primaryImage})` } }) })) : (_jsx(Div, { className: "overflow-hidden rounded-xl border border-zinc-100 bg-zinc-50 dark:border-zinc-800 dark:bg-zinc-900", children: _jsx(Div, { className: "flex aspect-square items-center justify-center text-zinc-300 dark:text-zinc-700", children: _jsxs("svg", { width: "64", height: "64", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", "aria-hidden": "true", children: [_jsx("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2" }), _jsx("circle", { cx: "8.5", cy: "8.5", r: "1.5" }), _jsx("path", { d: "M21 15l-5-5L5 21" })] }) }) })), renderInfo: () => (_jsxs(Stack, { gap: "md", children: [_jsx(Heading, { level: 1, className: "text-2xl font-bold text-zinc-900 dark:text-zinc-50", children: p.name ?? "Pre-Order Item" }), price && (_jsx(Text, { className: "text-2xl font-semibold text-primary-600 dark:text-primary-400", children: price })), p.description && (_jsx(Text, { className: "text-sm leading-relaxed text-zinc-600 dark:text-zinc-400", children: typeof p.description === "string" ? p.description : "" }))] })), renderBuyBar: () => (_jsx(Div, { className: "rounded-xl border border-zinc-100 bg-zinc-50 p-5 dark:border-zinc-800 dark:bg-zinc-900", children: _jsxs(Stack, { gap: "sm", children: [reserveTarget > 0 && (_jsxs(Stack, { gap: "xs", children: [_jsxs(Row, { justify: "between", align: "center", children: [_jsxs(Span, { className: "text-xs text-zinc-500", children: [reservedCount, " of ", reserveTarget, " reserved"] }), _jsxs(Span, { className: "text-xs font-medium text-primary-600", children: [progressPct, "%"] })] }), _jsx(Div, { className: "h-2 w-full overflow-hidden rounded-full bg-zinc-200 dark:bg-zinc-700", children: _jsx(Div, { className: "h-full rounded-full bg-primary", style: { width: `${progressPct}%` } }) })] })), price && (_jsx(Text, { className: "text-xl font-bold text-zinc-900 dark:text-zinc-50", children: price })), _jsx(Button, { variant: "primary", size: "md", className: "w-full", children: "Reserve Now" })] }) })) }));
+}

package/dist/features/pre-orders/components/PreOrdersIndexListing.d.ts

@@ -0,0 +1,4 @@
+export interface PreOrdersIndexListingProps {
+    initialData?: any;
+}
+export declare function PreOrdersIndexListing({ initialData }: PreOrdersIndexListingProps): import("react/jsx-runtime").JSX.Element;

package/dist/features/pre-orders/components/PreOrdersIndexListing.js

@@ -0,0 +1,25 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useUrlTable } from "../../../react/hooks/useUrlTable";
+import { useProducts } from "../../products/hooks/useProducts";
+import { Div, Grid, Input, Pagination, SlottedListingView, SortDropdown, } from "../../../ui";
+import { ROUTES } from "../../../next";
+import { MarketplacePreorderCard } from "./MarketplacePreorderCard";
+export function PreOrdersIndexListing({ initialData }) {
+    const table = useUrlTable({ defaults: { pageSize: "24", sort: "-createdAt" } });
+    const params = {
+        q: table.get("q") || undefined,
+        category: table.get("category") || undefined,
+        sort: table.get("sort") || undefined,
+        page: table.getNumber("page", 1),
+        perPage: table.getNumber("pageSize", 24),
+        isPreOrder: true,
+    };
+    const { products: preOrders, total, totalPages, page, isLoading } = useProducts(params, { initialData });
+    return (_jsx(Div, { className: "min-h-screen", children: _jsx(SlottedListingView, { portal: "public", manageSearch: true, manageSort: true, inlineToolbar: true, renderSearch: (search, setSearch) => (_jsx(Input, { value: search, onChange: (e) => setSearch(e.target.value), placeholder: "Search pre-orders...", className: "max-w-sm" })), renderSort: (value, onChange) => (_jsx(SortDropdown, { value: value, onChange: onChange, options: [
+                    { value: "-createdAt", label: "Newest First" },
+                    { value: "preOrderDeliveryDate", label: "Delivery Soon" },
+                    { value: "-price", label: "Price: High to Low" },
+                    { value: "price", label: "Price: Low to High" },
+                ] })), renderTable: () => (_jsx(Grid, { cols: 4, gap: "md", children: preOrders.map((product) => (_jsx(MarketplacePreorderCard, { product: product, hrefBuilder: (p) => String(ROUTES.PUBLIC.PRE_ORDER_DETAIL(p.id)) }, product.id))) })), renderPagination: () => (_jsx(Pagination, { currentPage: page, totalPages: totalPages, onPageChange: (p) => table.setPage(p) })), total: total, isLoading: isLoading }) }));
+}

package/dist/features/pre-orders/components/PreOrdersListView.d.ts

@@ -0,0 +1 @@
+export declare function PreOrdersListView(): Promise<import("react/jsx-runtime").JSX.Element>;

package/dist/features/pre-orders/components/PreOrdersListView.js

@@ -0,0 +1,16 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { productRepository } from "../../../repositories";
+import { Container, Main, Heading, Section } from "../../../ui";
+import { AdSlot } from "../../homepage/components/AdSlot";
+import { PreOrdersIndexListing } from "./PreOrdersIndexListing";
+export async function PreOrdersListView() {
+    const result = await productRepository
+        .list({
+        filters: "status==published,isPreOrder==true",
+        sorts: "-createdAt",
+        page: 1,
+        pageSize: 24,
+    })
+        .catch(() => null);
+    return (_jsx(Main, { children: _jsx(Section, { className: "py-10", children: _jsxs(Container, { size: "xl", children: [_jsx(Heading, { level: 1, className: "mb-8 text-3xl font-semibold text-zinc-900", children: "Pre-Orders" }), _jsx(AdSlot, { id: "listing-sidebar-top", className: "mb-6" }), _jsx(PreOrdersIndexListing, { initialData: result ?? undefined }), _jsx(AdSlot, { id: "listing-sidebar-bottom", className: "mt-8" })] }) }) }));
+}

package/dist/features/pre-orders/components/PreorderCard.js

@@ -1,4 +1,3 @@
-"use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import Link from "next/link";
 import { Div, Heading, Span, Text } from "../../../ui";

package/dist/features/pre-orders/components/index.d.ts

@@ -1,2 +1,7 @@
 export { PreorderBadge, PreorderCard } from "./PreorderCard";
 export { MarketplacePreorderCard, type MarketplacePreorderCardData, type MarketplacePreorderCardLabels, type MarketplacePreorderCardProps, } from "./MarketplacePreorderCard";
+export { PreOrdersListView } from "./PreOrdersListView";
+export { PreOrdersIndexListing } from "./PreOrdersIndexListing";
+export type { PreOrdersIndexListingProps } from "./PreOrdersIndexListing";
+export { PreOrderDetailPageView } from "./PreOrderDetailPageView";
+export type { PreOrderDetailPageViewProps } from "./PreOrderDetailPageView";

package/dist/features/pre-orders/components/index.js

@@ -1,2 +1,5 @@
 export { PreorderBadge, PreorderCard } from "./PreorderCard";
 export { MarketplacePreorderCard, } from "./MarketplacePreorderCard";
+export { PreOrdersListView } from "./PreOrdersListView";
+export { PreOrdersIndexListing } from "./PreOrdersIndexListing";
+export { PreOrderDetailPageView } from "./PreOrderDetailPageView";

package/dist/features/pre-orders/hooks/usePreOrders.js

@@ -1,4 +1,3 @@
-"use client";
 import { useQuery } from "@tanstack/react-query";
 import { PREORDER_ENDPOINTS } from "../../../constants/api-endpoints";
 export function usePreorders(opts) {

package/dist/features/pre-orders/schemas/index.d.ts

@@ -20,13 +20,13 @@ export declare const preorderItemSchema: z.ZodObject<{
         alt: z.ZodOptional<z.ZodString>;
         thumbnailUrl: z.ZodOptional<z.ZodString>;
     }, "strip", z.ZodTypeAny, {
-        type: "video" | "image" | "file";
         url: string;
+        type: "video" | "image" | "file";
         alt?: string | undefined;
         thumbnailUrl?: string | undefined;
     }, {
-        type: "video" | "image" | "file";
         url: string;
+        type: "video" | "image" | "file";
         alt?: string | undefined;
         thumbnailUrl?: string | undefined;
     }>, "many">>;
@@ -46,15 +46,15 @@ export declare const preorderItemSchema: z.ZodObject<{
     isFeatured: boolean;
     salePrice: number;
     regularPrice: number;
-    createdAt?: string | undefined;
-    brand?: string | undefined;
     media?: {
-        type: "video" | "image" | "file";
         url: string;
+        type: "video" | "image" | "file";
         alt?: string | undefined;
         thumbnailUrl?: string | undefined;
     }[] | undefined;
+    createdAt?: string | undefined;
     images?: string[] | undefined;
+    brand?: string | undefined;
     franchise?: string | undefined;
     preorderShipDate?: string | undefined;
 }, {
@@ -63,16 +63,16 @@ export declare const preorderItemSchema: z.ZodObject<{
     slug: string;
     salePrice: number;
     regularPrice: number;
-    createdAt?: string | undefined;
-    brand?: string | undefined;
     media?: {
-        type: "video" | "image" | "file";
         url: string;
+        type: "video" | "image" | "file";
         alt?: string | undefined;
         thumbnailUrl?: string | undefined;
     }[] | undefined;
+    createdAt?: string | undefined;
     active?: boolean | undefined;
     images?: string[] | undefined;
+    brand?: string | undefined;
     isFeatured?: boolean | undefined;
     franchise?: string | undefined;
     preorderShipDate?: string | undefined;

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

@@ -3,6 +3,5 @@
  *
  * Server-only entry point — repositories and API route handlers.
  */
-import "server-only";
 export { PreordersRepository } from "./repository/preorders.repository";
 export { GET as preOrdersGET, POST as preOrdersPOST, GET, POST, } from "./api/route";

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

@@ -3,6 +3,5 @@
  *
  * Server-only entry point — repositories and API route handlers.
  */
-import "server-only";
 export { PreordersRepository } from "./repository/preorders.repository";
 export { GET as preOrdersGET, POST as preOrdersPOST, GET, POST, } from "./api/route";

package/dist/features/products/api/[id]/route.js

@@ -51,7 +51,7 @@ const productUpdateSchema = z
     media: z.array(mediaFieldSchema).optional(),
 })
     .passthrough();
-// ─── GET /api/products/[id] ───────────────────────────────────────────────────
+// --- GET /api/products/[id] ---------------------------------------------------
 export async function GET(_request, context) {
     try {
         const { id } = await context.params;
@@ -79,7 +79,7 @@ export async function GET(_request, context) {
         return NextResponse.json({ success: false, error: "Failed to fetch product" }, { status: 500 });
     }
 }
-// ─── PATCH /api/products/[id] ─────────────────────────────────────────────────
+// --- PATCH /api/products/[id] -------------------------------------------------
 // Auth required; the caller must be the owner, a moderator, or an admin.
 export const PATCH = createRouteHandler({
     auth: true,
@@ -107,7 +107,7 @@ export const PATCH = createRouteHandler({
         return NextResponse.json({ success: true, data: updated });
     },
 });
-// ─── DELETE /api/products/[id] ────────────────────────────────────────────────
+// --- DELETE /api/products/[id] ------------------------------------------------
 // Soft-delete (sets status to "discontinued"). Auth required.
 export const DELETE = createRouteHandler({
     auth: true,