@mohasinac/appkit 4.14.0 → 4.16.0

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

@@ -1,16 +1,25 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 /**
- * OrderStatusTimeline — a genuine (not fabricated/estimated) status timeline
- * built from the real per-status timestamps already written by the
- * order-status-update path (`orderDate`/`shippingDate`/`deliveryDate`/
- * `cancellationDate`). No live courier-API integration — `trackingUrl` is
- * just the passthrough link a seller/admin entered, rendered as an external
- * link that opens in a new tab. Statuses with no dedicated date field
- * (confirmed/processing/return_requested/returned/refunded) render as a step
- * without a timestamp rather than showing a made-up date.
+ * OrderStatusTimeline — the order-shaped wrapper around `<StatusTimeline>`.
+ *
+ * Two branches, and the fallback matters as much as the primary path:
+ *
+ * **Branch A — real history.** When the order carries `timeline` entries
+ * (written by the repository since W2), each status change becomes a step
+ * dated by when it actually happened, stamped with who did it. This finally
+ * makes transitions with no dedicated date field visible at all — a payment
+ * review, a re-upload request, a partial refund.
+ *
+ * **Branch B — legacy orders.** Every order written before `statusHistory`
+ * existed has none, and back-filling one would mean inventing timestamps. So
+ * the original derivation from the four scalar dates is kept verbatim for
+ * those. Statuses with no dedicated date field render without one.
+ *
+ * No live courier API: `trackingUrl` is the passthrough link a seller entered.
  */
-import { Anchor, Badge, Div, Heading, Row, Stack, Text } from "../../../ui";
+import { Anchor, Badge, Row, Stack, Text } from "../../../ui";
+import { StatusTimeline, stepsFromEntries, } from "../../status-history/components/StatusTimeline";
 const STAGE_SEQUENCE = ["pending", "confirmed", "processing", "shipped", "delivered"];
 const STAGE_LABELS = {
     pending: "Order placed",
@@ -23,10 +32,16 @@ const STAGE_LABELS = {
     returned: "Returned",
     refunded: "Refunded",
 };
-function buildSteps(props) {
+const NEGATIVE_STATUSES = new Set(["cancelled"]);
+const labelFor = (status) => STAGE_LABELS[status] ?? status;
+const isNegative = (status) => NEGATIVE_STATUSES.has(status);
+/** Branch B — derive from the four scalar dates, for orders with no history. */
+function buildLegacySteps(props) {
     const status = (props.orderStatus ?? "").toLowerCase();
     const currentIndex = STAGE_SEQUENCE.indexOf(status);
-    const steps = [{ key: "pending", label: STAGE_LABELS.pending, date: props.orderDate }];
+    const steps = [
+        { key: "pending", label: STAGE_LABELS.pending, date: props.orderDate },
+    ];
     if ((status === "confirmed" || status === "processing") && !props.shippingDate) {
         steps.push({ key: status, label: STAGE_LABELS[status] });
     }
@@ -37,19 +52,23 @@ function buildSteps(props) {
         steps.push({ key: "delivered", label: STAGE_LABELS.delivered, date: props.deliveryDate });
     }
     if (status === "cancelled" || props.cancellationDate) {
-        steps.push({ key: "cancelled", label: STAGE_LABELS.cancelled, date: props.cancellationDate });
+        steps.push({
+            key: "cancelled",
+            label: STAGE_LABELS.cancelled,
+            date: props.cancellationDate,
+            negative: true,
+        });
     }
     else if (status === "return_requested" || status === "returned" || status === "refunded") {
         steps.push({ key: status, label: STAGE_LABELS[status] ?? status });
     }
     return steps;
 }
-export function OrderStatusTimeline({ orderStatus, orderDate, shippingDate, deliveryDate, cancellationDate, trackingNumber, shippingCarrier, trackingUrl, className = "", }) {
-    const steps = buildSteps({ orderStatus, orderDate, shippingDate, deliveryDate, cancellationDate });
-    const isTerminalNegative = steps[steps.length - 1]?.key === "cancelled";
-    return (_jsxs(Div, { className: className, rounded: "xl", padding: "md", surface: "muted", border: "default", children: [_jsx(Heading, { level: 3, size: "sm", weight: "semibold", color: "muted", className: "mb-3", children: "Tracking" }), _jsx(Stack, { gap: "none", children: steps.map((step, i) => {
-                    const isLast = i === steps.length - 1;
-                    const isNegative = step.key === "cancelled";
-                    return (_jsxs(Row, { gap: "sm", padding: isLast ? "none" : "b-md", children: [_jsxs(Stack, { gap: "none", align: "center", className: "shrink-0", children: [_jsx(Div, { className: `h-2.5 w-2.5 ${isNegative ? "" : "bg-[var(--appkit-color-primary)]"}`, rounded: "full", surface: isNegative ? "danger-surface" : "none" }), !isLast && _jsx(Div, { className: "w-px flex-1 min-h-[24px]", surface: "subtle" })] }), _jsxs(Stack, { gap: "none", className: "min-w-0 flex-1", children: [_jsx(Text, { size: "sm", weight: "medium", className: isNegative ? "text-error" : undefined, children: step.label }), _jsx(Text, { size: "xs", color: "muted", children: step.date ? new Date(step.date).toLocaleString() : "—" })] })] }, step.key));
-                }) }), (trackingNumber || shippingCarrier || trackingUrl) && !isTerminalNegative && (_jsx(Div, { className: "mt-3 border-t border-[var(--appkit-color-border)]", padding: "t-sm", children: _jsxs(Stack, { gap: "xs", children: [shippingCarrier && (_jsxs(Row, { justify: "between", children: [_jsx(Text, { size: "sm", color: "muted", children: "Carrier" }), _jsx(Text, { size: "sm", weight: "medium", children: shippingCarrier })] })), trackingNumber && (_jsxs(Row, { justify: "between", children: [_jsx(Text, { size: "sm", color: "muted", children: "Tracking number" }), _jsx(Text, { size: "sm", weight: "medium", children: trackingNumber })] })), trackingUrl && (_jsx(Row, { justify: "end", children: _jsx(Anchor, { href: trackingUrl, tone: "brand", weight: "semibold", size: "sm", children: "Track with carrier \u2192" }) }))] }) })), !trackingNumber && !trackingUrl && !isTerminalNegative && (_jsx(Badge, { variant: "default", className: "mt-3", children: "No tracking details yet" }))] }));
+export function OrderStatusTimeline({ orderStatus, timeline, timelineTruncated, orderDate, shippingDate, deliveryDate, cancellationDate, trackingNumber, shippingCarrier, trackingUrl, className = "", }) {
+    const fromHistory = stepsFromEntries(timeline, labelFor, isNegative);
+    const steps = fromHistory.length
+        ? fromHistory
+        : buildLegacySteps({ orderStatus, orderDate, shippingDate, deliveryDate, cancellationDate });
+    const hasTracking = Boolean(trackingNumber || shippingCarrier || trackingUrl);
+    return (_jsx(StatusTimeline, { title: "Tracking", steps: steps, truncatedCount: timelineTruncated, className: className, footer: hasTracking ? (_jsxs(Stack, { gap: "xs", children: [shippingCarrier && (_jsxs(Row, { justify: "between", children: [_jsx(Text, { size: "sm", color: "muted", children: "Carrier" }), _jsx(Text, { size: "sm", weight: "medium", children: shippingCarrier })] })), trackingNumber && (_jsxs(Row, { justify: "between", children: [_jsx(Text, { size: "sm", color: "muted", children: "Tracking number" }), _jsx(Text, { size: "sm", weight: "medium", children: trackingNumber })] })), trackingUrl && (_jsx(Row, { justify: "end", children: _jsx(Anchor, { href: trackingUrl, tone: "brand", weight: "semibold", size: "sm", children: "Track with carrier \u2192" }) }))] })) : (_jsx(Badge, { variant: "default", children: "No tracking details yet" })) }));
 }

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

@@ -95,6 +95,11 @@ class OrderRepository extends BaseRepository {
             reason: ctx?.reason,
             note: ctx?.note,
             extraChanges: ctx?.extraChanges,
+            // `encryptPiiFields` is a flat top-level loop and never descends into
+            // arrays, so anything PII-named reaching `changes` would persist in
+            // PLAINTEXT inside statusHistory. None of ORDER_TRACKED_FIELDS is PII
+            // today — this is defence for the next field somebody adds.
+            piiFields: ORDER_PII_FIELDS,
             historyField: "statusHistory",
             truncatedField: "statusHistoryTruncated",
         });

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

@@ -24,12 +24,39 @@ export interface OrderSourceAuctionWon {
     /** Second-highest bid, when there was one. */
     runnerUpAmount?: number;
 }
+/**
+ * A buyout is a REAL BID, not a bid-free purchase.
+ *
+ * An earlier draft of this type asserted "zero bids BY DEFINITION, because
+ * buy-now is only valid while `!bidsHaveStarted`". That gate no longer
+ * exists: `buyNowAuction` places an actual `BidDocument` (`isBuyout: true`)
+ * plus a 1h locked cart line and leaves the auction **live**, and Buy Now is
+ * offered whenever `buyNowPrice` still beats the standing bid. Recording
+ * `bidCount: 0` would bake a falsehood into an immutable audit record.
+ *
+ * `standingBidAtBuyout` is the highest NON-buyout bid the buyout beat — read
+ * from the bids rather than `product.currentBid`, because a pending buyout
+ * deliberately never writes to that mirror.
+ *
+ * An unpaid buyout lapses to **`cancelled`**, not `forfeited`, and the seller
+ * is deliberately not notified: nothing was ever sold. That makes its
+ * timeline materially different from a lapsed auction win.
+ */
 export interface OrderSourceAuctionBuyNow {
     path: "auction-buy-now";
     auctionId: string;
+    /** The buyout bid itself — a buyout IS a bid. */
+    bidId: string;
     buyNowPrice: number;
     listPrice: number;
+    /** Highest non-buyout bid at the moment of buyout. 0 when nobody had bid. */
+    standingBidAtBuyout: number;
+    /** Active non-buyout bids at buyout time. NOT always zero. */
+    bidCount: number;
     boughtAt: Date;
+    /** `min(now + AUCTION_BUYOUT_WINDOW_MS, auctionEndDate)`. */
+    checkoutDeadline: Date;
+    auctionEndDate?: Date;
 }
 export interface OrderSourceOfferAccepted {
     path: "offer-accepted";
@@ -38,7 +65,15 @@ export interface OrderSourceOfferAccepted {
     /** The asking price at the moment the offer was made. */
     listPriceAtOffer: number;
     counterAmount?: number;
-    /** How many counter rounds before agreement. 0 = accepted outright. */
+    /**
+     * How many counter rounds before agreement. 1 = accepted outright.
+     *
+     * Read straight off the accepted offer's `counterRound`, which W2 made a
+     * persisted field. Before that this number was **unknowable**: each counter
+     * created an unlinked document and `previousOfferId` lived only inside a
+     * `serverLogger.info` call, so a three-round negotiation left no trace of
+     * having been one.
+     */
     counterRounds: number;
     acceptedBy: string;
     acceptedAt: Date;

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

@@ -91,17 +91,17 @@ export declare const orderDocumentItemSchema: z.ZodObject<{
     listingType: z.ZodOptional<z.ZodEnum<["standard", "auction", "pre-order", "prize-draw", "classified", "digital-code", "live"]>>;
     prizeRevealStatus: z.ZodOptional<z.ZodEnum<["pending", "open", "closed", "revealed"]>>;
 }, "strip", z.ZodTypeAny, {
+    quantity: number;
     productId: string;
     productTitle: string;
-    quantity: number;
     unitPrice: number;
     totalPrice: number;
     listingType?: "classified" | "standard" | "auction" | "pre-order" | "prize-draw" | "digital-code" | "live" | undefined;
     prizeRevealStatus?: "closed" | "open" | "pending" | "revealed" | undefined;
 }, {
+    quantity: number;
     productId: string;
     productTitle: string;
-    quantity: number;
     unitPrice: number;
     totalPrice: number;
     listingType?: "classified" | "standard" | "auction" | "pre-order" | "prize-draw" | "digital-code" | "live" | undefined;
@@ -168,14 +168,14 @@ export declare const appliedOrderDiscountSchema: z.ZodObject<{
     code: string;
     type: "auto" | "coupon" | "deal";
     discountAmount: number;
-    scope?: "seller" | "admin" | undefined;
+    scope?: "admin" | "seller" | undefined;
     storeId?: string | undefined;
     couponId?: string | undefined;
 }, {
     code: string;
     type: "auto" | "coupon" | "deal";
     discountAmount: number;
-    scope?: "seller" | "admin" | undefined;
+    scope?: "admin" | "seller" | undefined;
     storeId?: string | undefined;
     couponId?: string | undefined;
 }>;
@@ -250,17 +250,17 @@ export declare const orderFirestoreSchema: z.ZodObject<{
         listingType: z.ZodOptional<z.ZodEnum<["standard", "auction", "pre-order", "prize-draw", "classified", "digital-code", "live"]>>;
         prizeRevealStatus: z.ZodOptional<z.ZodEnum<["pending", "open", "closed", "revealed"]>>;
     }, "strip", z.ZodTypeAny, {
+        quantity: number;
         productId: string;
         productTitle: string;
-        quantity: number;
         unitPrice: number;
         totalPrice: number;
         listingType?: "classified" | "standard" | "auction" | "pre-order" | "prize-draw" | "digital-code" | "live" | undefined;
         prizeRevealStatus?: "closed" | "open" | "pending" | "revealed" | undefined;
     }, {
+        quantity: number;
         productId: string;
         productTitle: string;
-        quantity: number;
         unitPrice: number;
         totalPrice: number;
         listingType?: "classified" | "standard" | "auction" | "pre-order" | "prize-draw" | "digital-code" | "live" | undefined;
@@ -326,14 +326,14 @@ export declare const orderFirestoreSchema: z.ZodObject<{
         code: string;
         type: "auto" | "coupon" | "deal";
         discountAmount: number;
-        scope?: "seller" | "admin" | undefined;
+        scope?: "admin" | "seller" | undefined;
         storeId?: string | undefined;
         couponId?: string | undefined;
     }, {
         code: string;
         type: "auto" | "coupon" | "deal";
         discountAmount: number;
-        scope?: "seller" | "admin" | undefined;
+        scope?: "admin" | "seller" | undefined;
         storeId?: string | undefined;
         couponId?: string | undefined;
     }>, "many">>;
@@ -547,11 +547,11 @@ export declare const orderFirestoreSchema: z.ZodObject<{
         toDate: z.ZodFunction<z.ZodTuple<[], z.ZodUnknown>, z.ZodDate>;
     }, z.ZodTypeAny, "passthrough">;
     userId: string;
+    quantity: number;
     productId: string;
     productTitle: string;
     userName: string;
     userEmail: string;
-    quantity: number;
     unitPrice: number;
     totalPrice: number;
     paymentStatus: "paid" | "failed" | "pending" | "processing" | "refunded" | "partial_refund";
@@ -562,6 +562,7 @@ export declare const orderFirestoreSchema: z.ZodObject<{
     platformFee?: number | undefined;
     paymentMethod?: string | undefined;
     notes?: string | undefined;
+    storeName?: string | undefined;
     prizeRevealMode?: "scheduled" | "instant" | undefined;
     paymentId?: string | undefined;
     shippingAddress?: string | undefined;
@@ -587,9 +588,9 @@ export declare const orderFirestoreSchema: z.ZodObject<{
     shippingCarrier?: string | undefined;
     trackingUrl?: string | undefined;
     items?: {
+        quantity: number;
         productId: string;
         productTitle: string;
-        quantity: number;
         unitPrice: number;
         totalPrice: number;
         listingType?: "classified" | "standard" | "auction" | "pre-order" | "prize-draw" | "digital-code" | "live" | undefined;
@@ -605,7 +606,6 @@ export declare const orderFirestoreSchema: z.ZodObject<{
         }, z.ZodTypeAny, "passthrough">;
     } | undefined;
     prizeDrawProductId?: string | undefined;
-    storeName?: string | undefined;
     couponCode?: string | undefined;
     physicalLocation?: {
         zone: string;
@@ -622,7 +622,7 @@ export declare const orderFirestoreSchema: z.ZodObject<{
         code: string;
         type: "auto" | "coupon" | "deal";
         discountAmount: number;
-        scope?: "seller" | "admin" | undefined;
+        scope?: "admin" | "seller" | undefined;
         storeId?: string | undefined;
         couponId?: string | undefined;
     }[] | undefined;
@@ -695,11 +695,11 @@ export declare const orderFirestoreSchema: z.ZodObject<{
         toDate: z.ZodFunction<z.ZodTuple<[], z.ZodUnknown>, z.ZodDate>;
     }, z.ZodTypeAny, "passthrough">;
     userId: string;
+    quantity: number;
     productId: string;
     productTitle: string;
     userName: string;
     userEmail: string;
-    quantity: number;
     unitPrice: number;
     totalPrice: number;
     paymentStatus: "paid" | "failed" | "pending" | "processing" | "refunded" | "partial_refund";
@@ -710,6 +710,7 @@ export declare const orderFirestoreSchema: z.ZodObject<{
     platformFee?: number | undefined;
     paymentMethod?: string | undefined;
     notes?: string | undefined;
+    storeName?: string | undefined;
     prizeRevealMode?: "scheduled" | "instant" | undefined;
     paymentId?: string | undefined;
     shippingAddress?: string | undefined;
@@ -735,9 +736,9 @@ export declare const orderFirestoreSchema: z.ZodObject<{
     shippingCarrier?: string | undefined;
     trackingUrl?: string | undefined;
     items?: {
+        quantity: number;
         productId: string;
         productTitle: string;
-        quantity: number;
         unitPrice: number;
         totalPrice: number;
         listingType?: "classified" | "standard" | "auction" | "pre-order" | "prize-draw" | "digital-code" | "live" | undefined;
@@ -753,7 +754,6 @@ export declare const orderFirestoreSchema: z.ZodObject<{
         }, z.ZodTypeAny, "passthrough">;
     } | undefined;
     prizeDrawProductId?: string | undefined;
-    storeName?: string | undefined;
     couponCode?: string | undefined;
     physicalLocation?: {
         zone: string;
@@ -770,7 +770,7 @@ export declare const orderFirestoreSchema: z.ZodObject<{
         code: string;
         type: "auto" | "coupon" | "deal";
         discountAmount: number;
-        scope?: "seller" | "admin" | undefined;
+        scope?: "admin" | "seller" | undefined;
         storeId?: string | undefined;
         couponId?: string | undefined;
     }[] | undefined;
@@ -847,8 +847,8 @@ export declare const orderItemSchema: z.ZodObject<{
 }, "strip", z.ZodTypeAny, {
     title: string;
     price: number;
-    productId: string;
     quantity: number;
+    productId: string;
     currency?: string | undefined;
     image?: string | undefined;
     storeId?: string | undefined;
@@ -856,8 +856,8 @@ export declare const orderItemSchema: z.ZodObject<{
 }, {
     title: string;
     price: number;
-    productId: string;
     quantity: number;
+    productId: string;
     currency?: string | undefined;
     image?: string | undefined;
     storeId?: string | undefined;
@@ -907,8 +907,8 @@ export declare const orderSchema: z.ZodObject<{
     }, "strip", z.ZodTypeAny, {
         title: string;
         price: number;
-        productId: string;
         quantity: number;
+        productId: string;
         currency?: string | undefined;
         image?: string | undefined;
         storeId?: string | undefined;
@@ -916,8 +916,8 @@ export declare const orderSchema: z.ZodObject<{
     }, {
         title: string;
         price: number;
-        productId: string;
         quantity: number;
+        productId: string;
         currency?: string | undefined;
         image?: string | undefined;
         storeId?: string | undefined;
@@ -962,18 +962,18 @@ export declare const orderSchema: z.ZodObject<{
         [k: string]: unknown;
     };
     userId: string;
+    total: number;
     paymentStatus: string;
     items: {
         title: string;
         price: number;
-        productId: string;
         quantity: number;
+        productId: string;
         currency?: string | undefined;
         image?: string | undefined;
         storeId?: string | undefined;
         attributes?: Record<string, string> | undefined;
     }[];
-    total: number;
     subtotal: number;
     orderStatus: "pending" | "cancelled" | "processing" | "refunded" | "delivered" | "confirmed" | "shipped" | "return_requested" | "returned";
     createdAt?: string | undefined;
@@ -999,18 +999,18 @@ export declare const orderSchema: z.ZodObject<{
         [k: string]: unknown;
     };
     userId: string;
+    total: number;
     paymentStatus: string;
     items: {
         title: string;
         price: number;
-        productId: string;
         quantity: number;
+        productId: string;
         currency?: string | undefined;
         image?: string | undefined;
         storeId?: string | undefined;
         attributes?: Record<string, string> | undefined;
     }[];
-    total: number;
     subtotal: number;
     orderStatus: "pending" | "cancelled" | "processing" | "refunded" | "delivered" | "confirmed" | "shipped" | "return_requested" | "returned";
     createdAt?: string | undefined;

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

@@ -2,7 +2,8 @@ import { type PaymentGateway, PaymentGatewayValues } from "../../payments/schema
 export { type PaymentGateway, PaymentGatewayValues };
 import type { ListingType } from "../../products/types/index";
 import type { OrderType } from "../utils/order-splitter";
-import type { AppliedOrderDiscount } from "../schemas/firestore";
+import type { AppliedOrderDiscount, OrderSourceContext } from "../schemas/firestore";
+import type { FieldChange } from "../../../_internal/shared/history/index";
 export type PaymentStatus = "pending" | "processing" | "paid" | "failed" | "refunded" | "partial_refund";
 export interface UserAddress {
     id: string;
@@ -46,12 +47,34 @@ export interface OrderItem {
     /** Snapshot of bundle.bundleProductIds at order-creation time. */
     bundleProductIds?: string[];
 }
-export interface OrderTimeline {
-    status: OrderStatus;
-    message?: string;
-    timestamp: string;
-    actor?: string;
+/**
+ * One entry on an order's timeline — the client-facing shape of
+ * `StatusChangeEntry`, with dates as ISO strings.
+ *
+ * The previous declaration here was `{status, message?, timestamp, actor?}`
+ * and had **zero writers** in the entire codebase since the day it was
+ * added, so nothing depended on it. `OrderStatusTimeline` synthesised its
+ * steps from four scalar date fields instead, which meant any transition
+ * without a dedicated date field — payment reviewed, proof re-upload asked
+ * for, a partial refund posted — could not appear at all.
+ */
+export interface OrderTimelineEntry {
+    at: string;
+    actorUid?: string;
+    actorRole: "buyer" | "seller" | "admin" | "system";
+    /**
+     * Delta only: `{ status: { from: "confirmed", to: "shipped" } }`.
+     * Reuses the primitive's `FieldChange` rather than restating the shape, so
+     * the client type cannot drift from what the repository writes.
+     */
+    changes: Record<string, FieldChange>;
+    reason?: string;
+    note?: string;
+    /** The function or job that caused it — what the timeline renders by. */
+    trigger: string;
 }
+/** @deprecated Use {@link OrderTimelineEntry}. Kept only to avoid breaking a stale import. */
+export type OrderTimeline = OrderTimelineEntry;
 export interface Order {
     id: string;
     userId: string;
@@ -108,7 +131,12 @@ export interface Order {
     /** Carrier tracking page URL — rendered as an external link that opens in a new tab. No live-tracking API integration; this is just the passthrough URL a seller/admin entered. */
     trackingUrl?: string;
     notes?: string;
-    timeline?: OrderTimeline[];
+    /** Real recorded transitions — see {@link OrderTimelineEntry}. */
+    timeline?: OrderTimelineEntry[];
+    /** Entries trimmed off the front of the capped history, if any. */
+    timelineTruncated?: number;
+    /** How the buyer acquired the right to buy. Written once, at creation. */
+    sourceContext?: OrderSourceContext;
     physicalLocation?: {
         zone: string;
         shelf: string;

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

@@ -50,14 +50,13 @@ export declare const preorderItemSchema: z.ZodObject<{
 }, "strip", z.ZodTypeAny, {
     id: string;
     name: string;
-    active: boolean;
     slug: string;
+    active: boolean;
     isFeatured: boolean;
     salePrice: number;
     regularPrice: number;
     brand?: string | undefined;
     createdAt?: string | undefined;
-    images?: string[] | undefined;
     media?: {
         type: "video" | "image" | "file";
         url: string;
@@ -67,6 +66,7 @@ export declare const preorderItemSchema: z.ZodObject<{
         youtubeId?: string | undefined;
         duration?: number | undefined;
     }[] | undefined;
+    images?: string[] | undefined;
     franchise?: string | undefined;
     preorderShipDate?: string | undefined;
 }, {
@@ -78,8 +78,6 @@ export declare const preorderItemSchema: z.ZodObject<{
     brand?: string | undefined;
     createdAt?: string | undefined;
     active?: boolean | undefined;
-    images?: string[] | undefined;
-    isFeatured?: boolean | undefined;
     media?: {
         type: "video" | "image" | "file";
         url: string;
@@ -89,6 +87,8 @@ export declare const preorderItemSchema: z.ZodObject<{
         youtubeId?: string | undefined;
         duration?: number | undefined;
     }[] | undefined;
+    images?: string[] | undefined;
+    isFeatured?: boolean | undefined;
     franchise?: string | undefined;
     preorderShipDate?: string | undefined;
 }>;

package/dist/features/products/components/GroupSettingsPanel.js

@@ -235,7 +235,11 @@ export function GroupSettingsPanel({ productId, productSlug, groupId, isGroupPar
                     setOpen(next);
                     if (next && isGroupParent && children === null)
                         loadChildren();
-                }, paddingX: "none", paddingY: "xs", justify: "between", className: "w-full text-left group", "aria-expanded": open, children: [_jsx(Heading, { level: 3, size: "sm", weight: "semibold", color: "muted", children: "Group Settings" }), _jsx(Span, { size: "xs", className: "group-hover:text-[var(--appkit-color-text-muted)] dark:group-hover:text-[var(--appkit-color-text-faint)] transition-colors", color: "faint", children: open ? "▲" : "▼" })] }), open && (_jsxs(Stack, { gap: "sm", className: `mt-3 ${__P.p4}`, surface: "muted", rounded: "lg", border: "default", children: [!groupId && !groupParentSlug && (_jsxs(Stack, { gap: "xs", children: [_jsx(Text, { size: "xs", color: "muted", children: "Group related listings together \u2014 e.g. a set, bundle, or multi-part item. Parts can be sold individually but shown together." }), _jsx(Button, { type: "button", variant: "secondary", size: "sm", onClick: startGroup, isLoading: loading, children: "Start a group" })] })), isGroupParent && groupId && (_jsxs(Stack, { gap: "md", children: [_jsxs(FormShellContext.Provider, { value: titleShellCtx, children: [_jsxs(Row, { align: "start", gap: "sm", wrap: true, children: [_jsx(Div, { className: "flex-1 min-w-[200px]", children: _jsx(FormField, { name: "groupTitle", label: "Group title", type: "text", value: editTitle, onChange: setEditTitle, placeholder: "e.g. Human Toy Complete Set" }) }), _jsx(Div, { padding: "t-lg", children: _jsx(Button, { type: "button", variant: "secondary", size: "sm", onClick: saveTitle, isLoading: loading, children: "Save title" }) })] }), _jsx(FormErrorSummary, {})] }), _jsxs(Div, { children: [_jsxs(Text, { className: "mb-2", color: "muted", size: "xs", weight: "semibold", children: ["Members (", childSlugsCount + 1, " \u2014 including this listing)"] }), loading && !children ? (_jsx(Text, { size: "xs", color: "faint", children: "Loading\u2026" })) : (_jsxs(Div, { className: "divide-y divide-zinc-100 divide-[var(--appkit-color-border-subtle)]", children: [_jsxs(Row, { align: "center", gap: "sm", padding: "y-xs", children: [_jsx(Span, { padding: "pill-2xs", weight: "semibold", className: "bg-[var(--appkit-color-primary)]/10 text-[var(--appkit-color-primary)] text-[10px]", rounded: "default", children: "Parent" }), _jsx(Text, { className: "flex-1", color: "primary", size: "sm", children: productSlug })] }), (children ?? []).filter((c) => c.id !== productId).map((child) => (_jsxs(Row, { align: "center", gap: "sm", padding: "y-xs", children: [child.images?.[0] ? (_jsx(Div, { className: "relative w-8 h-8 flex-shrink-0 border border-[var(--appkit-color-border)]", rounded: "full", overflow: "hidden", children: _jsx(MediaImage, { src: child.images[0], alt: child.title, size: "thumbnail" }) })) : (_jsx(Div, { className: "w-8 h-8", surface: "subtle", rounded: "full" })), _jsx(Text, { className: "flex-1 truncate", color: "primary", size: "sm", children: child.title }), _jsx(Button, { type: "button", variant: "ghost", size: "sm", onClick: () => requestUnlinkChild(child.id), isLoading: loading, className: `${CLS_DELETE_LINK} text-[length:var(--appkit-text-xs)]`, children: "Unlink" })] }, child.id)))] }))] }), _jsxs(Row, { gap: "sm", wrap: true, children: [_jsx(Button, { type: "button", variant: "secondary", size: "sm", onClick: () => setShowAddModal(true), children: "Add child listing" }), _jsx(Button, { type: "button", variant: "ghost", size: "sm", onClick: requestDissolveGroup, isLoading: loading, className: CLS_DELETE_LINK, children: "Dissolve group" })] })] })), !isGroupParent && groupParentSlug && (_jsxs(Stack, { gap: "xs", children: [_jsxs(Text, { size: "sm", color: "muted", children: ["Part of:", " ", _jsx(Span, { weight: "medium", color: "primary", children: groupTitle ?? groupParentSlug })] }), _jsxs(Text, { size: "xs", color: "muted", children: ["Parent listing: ", _jsx(Code, { className: "font-mono", children: groupParentSlug })] }), _jsx(Button, { type: "button", variant: "ghost", size: "sm", onClick: requestLeaveGroup, isLoading: loading, className: `${CLS_DELETE_LINK} w-fit`, children: "Leave group" })] }))] })), (groupChildSlugs?.length ?? 0) >= 4 ? (_jsx(SideDrawer, { isOpen: showAddModal, onClose: () => setShowAddModal(false), title: "Add child listing", children: _jsx(AddChildContent, { addTab: addTab, setAddTab: setAddTab, createForm: createForm, setCreateForm: setCreateForm, productSlug: productSlug, storeProductsEndpoint: storeProductsEndpoint, linkTargets: linkTargets, setLinkTargets: setLinkTargets, onAddCreate: addCreateChild, onAddLink: addLinkChild, loading: loading }) })) : (_jsx(Modal, { open: showAddModal, onClose: () => setShowAddModal(false), title: "Add child listing", size: "lg", children: _jsx(AddChildContent, { addTab: addTab, setAddTab: setAddTab, createForm: createForm, setCreateForm: setCreateForm, productSlug: productSlug, storeProductsEndpoint: storeProductsEndpoint, linkTargets: linkTargets, setLinkTargets: setLinkTargets, onAddCreate: addCreateChild, onAddLink: addLinkChild, loading: loading }) })), confirmAction && (_jsx(ConfirmDeleteModal, { isOpen: true, title: confirmAction.title, message: confirmAction.message, onConfirm: confirmAction.onConfirm, onClose: () => setConfirmAction(null), isDeleting: loading }))] }));
+                }, paddingX: "none", paddingY: "xs", justify: "between", className: "w-full text-left group", "aria-expanded": open, children: [_jsx(Heading, { level: 3, size: "sm", weight: "semibold", color: "muted", children: "Group Settings" }), _jsx(Span, { size: "xs", className: "group-hover:text-[var(--appkit-color-text-muted)] dark:group-hover:text-[var(--appkit-color-text-faint)] transition-colors", color: "faint", children: open ? "▲" : "▼" })] }), open && (_jsxs(Stack, { gap: "sm", className: `mt-3 ${__P.p4}`, surface: "muted", rounded: "lg", border: "default", children: [!groupId && !groupParentSlug && (_jsxs(Stack, { gap: "xs", children: [_jsx(Text, { size: "xs", color: "muted", children: "Group related listings together \u2014 e.g. a set, bundle, or multi-part item. Parts can be sold individually but shown together." }), _jsx(Button, { type: "button", variant: "secondary", size: "sm", onClick: startGroup, isLoading: loading, children: "Start a group" })] })), isGroupParent && groupId && (_jsxs(Stack, { gap: "md", children: [_jsxs(FormShellContext.Provider, { value: titleShellCtx, children: [_jsxs(Row, { align: "start", gap: "sm", wrap: true, children: [_jsx(Div, { className: "flex-1 min-w-[200px]", children: _jsx(FormField, { name: "groupTitle", label: "Group title", type: "text", value: editTitle, onChange: setEditTitle, placeholder: "e.g. Human Toy Complete Set" }) }), _jsx(Div, { padding: "t-lg", children: _jsx(Button, { type: "button", variant: "secondary", size: "sm", onClick: saveTitle, isLoading: loading, children: "Save title" }) })] }), _jsx(FormErrorSummary, {})] }), _jsxs(Div, { children: [_jsxs(Text, { className: "mb-2", color: "muted", size: "xs", weight: "semibold", children: ["Members (", childSlugsCount + 1, " \u2014 including this listing)"] }), loading && !children ? (_jsx(Text, { size: "xs", color: "faint", children: "Loading\u2026" })) : (_jsxs(Div, { className: "divide-y divide-zinc-100 divide-[var(--appkit-color-border-subtle)]", children: [_jsxs(Row, { align: "center", gap: "sm", padding: "y-xs", children: [_jsx(Span, { padding: "pill-2xs", weight: "semibold", className: "bg-[var(--appkit-color-primary)]/10 text-[var(--appkit-color-primary)] text-[10px]", rounded: "default", children: "Parent" }), _jsx(Text, { className: "flex-1", color: "primary", size: "sm", children: productSlug })] }), (children ?? []).filter((c) => c.id !== productId).map((child) => (_jsxs(Row, { align: "center", gap: "sm", padding: "y-xs", children: [child.images?.[0] ? (_jsx(Div, { className: "relative w-8 h-8 flex-shrink-0 border border-[var(--appkit-color-border)]", rounded: "full", overflow: "hidden", children: _jsx(MediaImage, { src: child.images[0], alt: child.title, size: "thumbnail" }) })) : (_jsx(Div, { className: "w-8 h-8", surface: "subtle", rounded: "full" })), _jsx(Text, { className: "flex-1 truncate", color: "primary", size: "sm", children: child.title }), _jsx(Button, { type: "button", variant: "ghost", size: "sm", onClick: () => requestUnlinkChild(child.id), isLoading: loading, className: `${CLS_DELETE_LINK} text-[length:var(--appkit-text-xs)]`, children: "Unlink" })] }, child.id)))] }))] }), _jsxs(Row, { gap: "sm", wrap: true, children: [_jsx(Button, { type: "button", variant: "secondary", size: "sm", onClick: () => setShowAddModal(true), children: "Add child listing" }), _jsx(Button, { type: "button", variant: "ghost", size: "sm", onClick: requestDissolveGroup, isLoading: loading, className: CLS_DELETE_LINK, children: "Dissolve group" })] })] })), !isGroupParent && groupParentSlug && (_jsxs(Stack, { gap: "xs", children: [_jsxs(Text, { size: "sm", color: "muted", children: ["Part of:", " ", _jsx(Span, { weight: "medium", color: "primary", children: groupTitle ?? groupParentSlug })] }), _jsxs(Text, { size: "xs", color: "muted", children: ["Parent listing: ", _jsx(Code, { className: "font-mono", children: groupParentSlug })] }), _jsx(Button, { type: "button", variant: "ghost", size: "sm", onClick: requestLeaveGroup, isLoading: loading, className: `${CLS_DELETE_LINK} w-fit`, children: "Leave group" })] }))] })), (() => {
+                const content = (_jsx(AddChildContent, { addTab: addTab, setAddTab: setAddTab, createForm: createForm, setCreateForm: setCreateForm, productSlug: productSlug, storeProductsEndpoint: storeProductsEndpoint, linkTargets: linkTargets, setLinkTargets: setLinkTargets, onAddCreate: addCreateChild, onAddLink: addLinkChild, loading: loading }));
+                const close = () => setShowAddModal(false);
+                return (groupChildSlugs?.length ?? 0) >= 4 ? (_jsx(SideDrawer, { isOpen: showAddModal, onClose: close, title: "Add child listing", children: content })) : (_jsx(Modal, { open: showAddModal, onClose: close, title: "Add child listing", size: "lg", children: content }));
+            })(), confirmAction && (_jsx(ConfirmDeleteModal, { isOpen: true, title: confirmAction.title, message: confirmAction.message, onConfirm: confirmAction.onConfirm, onClose: () => setConfirmAction(null), isDeleting: loading }))] }));
 }
 function AddChildContent({ addTab, setAddTab, createForm, setCreateForm, productSlug, storeProductsEndpoint, linkTargets, setLinkTargets, onAddCreate, onAddLink, loading, }) {
     const { shellCtx, validate } = useFormShellState(createChildSchema);