@mohasinac/appkit 2.2.0 → 2.3.0

package/dist/features/admin/types/product.types.d.ts

@@ -1,78 +0,0 @@
-/**
- * Admin-specific product types for product management UI.
- *
- * These types extend/complement the core ProductItem with admin-only fields
- * for managing auctions, pre-orders, stock, pricing, and lifecycle.
- */
-export type AdminProductStatus = "draft" | "published" | "out_of_stock" | "discontinued" | "sold";
-export type AdminProductDrawerMode = "create" | "edit" | "delete" | null;
-/**
- * Admin product form/management type.
- *
- * Combines core product data with admin-specific fields for:
- * - Auction management (starting bid, reserve, auto-extend)
- * - Pre-order management (delivery date, deposit %)
- * - Promotion and pricing
- * - Stock and shipping
- */
-export interface AdminProduct {
-    id: string;
-    title: string;
-    description: string;
-    category: string;
-    categoryId?: string;
-    subcategory?: string;
-    brand?: string;
-    price: number;
-    currency: string;
-    stockQuantity: number;
-    availableQuantity: number;
-    mainImage: string;
-    images: string[];
-    video?: {
-        url: string;
-        thumbnailUrl: string;
-        duration?: number;
-        trimStart?: number;
-        trimEnd?: number;
-    };
-    status: AdminProductStatus;
-    sellerId: string;
-    sellerName: string;
-    sellerEmail: string;
-    featured: boolean;
-    tags: string[];
-    shippingInfo?: string;
-    returnPolicy?: string;
-    condition?: "new" | "used" | "refurbished" | "broken";
-    insurance?: boolean;
-    insuranceCost?: number;
-    shippingPaidBy?: "seller" | "buyer";
-    isAuction?: boolean;
-    auctionEndDate?: string;
-    startingBid?: number;
-    currentBid?: number;
-    bidCount?: number;
-    reservePrice?: number;
-    buyNowPrice?: number;
-    minBidIncrement?: number;
-    autoExtendable?: boolean;
-    auctionExtensionMinutes?: number;
-    auctionOriginalEndDate?: string;
-    auctionShippingPaidBy?: "seller" | "winner";
-    isPromoted?: boolean;
-    promotionEndDate?: string;
-    pickupAddressId?: string;
-    isPreOrder?: boolean;
-    preOrderDeliveryDate?: string;
-    preOrderDepositPercent?: number;
-    preOrderMaxQuantity?: number;
-    preOrderProductionStatus?: "upcoming" | "in_production" | "ready_to_ship";
-    preOrderCancellable?: boolean;
-    createdAt: string;
-    updatedAt: string;
-}
-export declare const ADMIN_PRODUCT_STATUS_OPTIONS: {
-    value: AdminProductStatus;
-    label: string;
-}[];

package/dist/features/admin/types/product.types.js

@@ -1,13 +0,0 @@
-/**
- * Admin-specific product types for product management UI.
- *
- * These types extend/complement the core ProductItem with admin-only fields
- * for managing auctions, pre-orders, stock, pricing, and lifecycle.
- */
-export const ADMIN_PRODUCT_STATUS_OPTIONS = [
-    { value: "draft", label: "Draft" },
-    { value: "published", label: "Published" },
-    { value: "out_of_stock", label: "Out of Stock" },
-    { value: "discontinued", label: "Discontinued" },
-    { value: "sold", label: "Sold" },
-];

package/dist/features/auctions/actions/bid-actions.d.ts

@@ -1,22 +0,0 @@
-/**
- * Bid Domain Actions (appkit/features/auctions)
- *
- * Business logic for auction bidding. Auth, rate-limiting, and
- * input validation are handled by the calling server action.
- */
-import type { BidDocument } from "../schemas";
-import type { FirebaseSieveResult } from "../../../providers/db-firebase";
-export interface PlaceBidInput {
-    productId: string;
-    bidAmount: number;
-    autoMaxBid?: number;
-}
-export interface PlaceBidResult {
-    bid: BidDocument;
-}
-export declare function placeBid(userId: string, userEmail: string, input: PlaceBidInput): Promise<PlaceBidResult>;
-export declare function listBidsByProduct(productId: string, params?: {
-    page?: number;
-    pageSize?: number;
-}): Promise<FirebaseSieveResult<Omit<BidDocument, "userEmail">>>;
-export declare function getBidById(id: string): Promise<BidDocument | null>;

package/dist/features/auctions/actions/bid-actions.js

@@ -1,106 +0,0 @@
-/**
- * Bid Domain Actions (appkit/features/auctions)
- *
- * Business logic for auction bidding. Auth, rate-limiting, and
- * input validation are handled by the calling server action.
- */
-import { serverLogger } from "../../../monitoring";
-import { bidRepository } from "../repository/bid.repository";
-import { productRepository } from "../../products/repository/products.repository";
-import { userRepository } from "../../auth/repository/user.repository";
-import { unitOfWork } from "../../../core/unit-of-work";
-import { getAdminRealtimeDb } from "../../../providers/db-firebase";
-import { maskPublicBid } from "../../../security";
-import { ERROR_MESSAGES, AuthorizationError, ValidationError, NotFoundError, } from "../../../errors";
-import { getDefaultCurrency } from "../../../core/baseline-resolver";
-import { resolveDate } from "../../../utils";
-// ─── Domain Functions ──────────────────────────────────────────────────────────
-export async function placeBid(userId, userEmail, input) {
-    const { productId, bidAmount, autoMaxBid } = input;
-    const product = await productRepository.findById(productId);
-    if (!product)
-        throw new NotFoundError(ERROR_MESSAGES.BID.AUCTION_NOT_FOUND);
-    if (!product.isAuction)
-        throw new ValidationError(ERROR_MESSAGES.BID.NOT_AN_AUCTION);
-    if (product.auctionEndDate) {
-        const endDate = resolveDate(product.auctionEndDate);
-        if (endDate && endDate.getTime() < Date.now()) {
-            throw new ValidationError(ERROR_MESSAGES.BID.AUCTION_ENDED);
-        }
-    }
-    if (product.sellerId === userId) {
-        throw new AuthorizationError(ERROR_MESSAGES.BID.OWN_AUCTION);
-    }
-    const minimumBid = (product.currentBid ?? 0) > 0
-        ? product.currentBid
-        : (product.startingBid ?? product.price);
-    if (bidAmount <= minimumBid) {
-        throw new ValidationError(ERROR_MESSAGES.BID.BID_TOO_LOW);
-    }
-    const profile = await userRepository.findById(userId);
-    const bid = await bidRepository.create({
-        productId,
-        productTitle: product.title,
-        userId,
-        userName: profile?.displayName ?? userEmail ?? "Anonymous",
-        userEmail: profile?.email ?? userEmail ?? "",
-        bidAmount,
-        currency: product.currency || getDefaultCurrency(),
-        bidDate: new Date(),
-        ...(autoMaxBid ? { autoMaxBid } : {}),
-    });
-    const allBids = await bidRepository.findBy("productId", productId);
-    await unitOfWork.runBatch((batch) => {
-        for (const b of allBids) {
-            unitOfWork.bids.updateInBatch(batch, b.id, {
-                isWinning: b.id === bid.id,
-                status: b.id === bid.id ? "active" : "outbid",
-            });
-        }
-        unitOfWork.products.updateInBatch(batch, productId, {
-            currentBid: bidAmount,
-            bidCount: (product.bidCount ?? 0) + 1,
-        });
-    });
-    try {
-        const rtdb = getAdminRealtimeDb();
-        await rtdb.ref(`/auction-bids/${productId}`).set({
-            currentBid: bidAmount,
-            bidCount: (product.bidCount ?? 0) + 1,
-            lastBid: {
-                amount: bidAmount,
-                bidderName: "Bidder",
-                timestamp: Date.now(),
-            },
-            updatedAt: Date.now(),
-        });
-    }
-    catch (rtdbErr) {
-        serverLogger.warn("placeBid: RTDB write failed", {
-            error: rtdbErr,
-            productId,
-        });
-    }
-    serverLogger.info("placeBid", {
-        bidId: bid.id,
-        productId,
-        userId,
-        bidAmount,
-    });
-    return { bid };
-}
-export async function listBidsByProduct(productId, params) {
-    const result = await bidRepository.list({
-        filters: `productId==${productId}`,
-        sorts: "-bidAmount",
-        page: params?.page ?? 1,
-        pageSize: params?.pageSize ?? 20,
-    });
-    return {
-        ...result,
-        items: result.items.map(({ userEmail: _strip, ...rest }) => maskPublicBid(rest)),
-    };
-}
-export async function getBidById(id) {
-    return bidRepository.findById(id);
-}

package/dist/features/auctions/actions/index.d.ts

@@ -1 +0,0 @@
-export * from "./bid-actions";

package/dist/features/auctions/actions/index.js

@@ -1 +0,0 @@
-export * from "./bid-actions";

package/dist/features/auctions/api/route.d.ts

@@ -1,14 +0,0 @@
-/**
- * feat-auctions — Next.js App Router API handler (GET /api/bids)
- *
- * 2-line stub:
- * ```ts
- * // app/api/bids/route.ts
- * export { GET } from "@mohasinac/feat-auctions";
- * ```
- *
- * Requires `db` registered in providers.config via `registerProviders()`.
- * Collection: "bids"
- */
-import { NextResponse } from "next/server.js";
-export declare function GET(request: Request): Promise<NextResponse>;

package/dist/features/auctions/api/route.js

@@ -1,67 +0,0 @@
-/**
- * feat-auctions — Next.js App Router API handler (GET /api/bids)
- *
- * 2-line stub:
- * ```ts
- * // app/api/bids/route.ts
- * export { GET } from "@mohasinac/feat-auctions";
- * ```
- *
- * Requires `db` registered in providers.config via `registerProviders()`.
- * Collection: "bids"
- */
-import { NextResponse } from "next/server.js";
-import { getProviders } from "../../../contracts";
-function param(url, key) {
-    return url.searchParams.get(key);
-}
-function numParam(url, key, fallback) {
-    const v = url.searchParams.get(key);
-    const n = v !== null ? Number(v) : NaN;
-    return Number.isFinite(n) ? n : fallback;
-}
-// ─── GET /api/bids ────────────────────────────────────────────────────────────
-// Query params:
-//   auctionId — filter bids for a specific auction product (recommended)
-//   bidderId  — filter bids placed by a specific user
-//   sort      — Sieve sort field (default: "-amount" = highest bid first)
-//   page / pageSize — pagination
-export async function GET(request) {
-    try {
-        const url = new URL(request.url);
-        const auctionId = param(url, "auctionId");
-        const bidderId = param(url, "bidderId");
-        const sort = param(url, "sort") ?? "-amount";
-        const page = numParam(url, "page", 1);
-        const pageSize = numParam(url, "pageSize", 50);
-        const parts = [];
-        if (auctionId)
-            parts.push(`auctionId==${auctionId}`);
-        if (bidderId)
-            parts.push(`bidderId==${bidderId}`);
-        const filters = parts.join(",");
-        const { db } = getProviders();
-        if (!db) {
-            return NextResponse.json({ success: false, error: "Database provider not registered" }, { status: 503 });
-        }
-        const repo = db.getRepository("bids");
-        const result = await repo.findAll({
-            filters,
-            sort,
-            page,
-            perPage: pageSize,
-        });
-        const body = {
-            items: result.data,
-            total: result.total,
-            hasMore: result.data.length === pageSize,
-        };
-        const response = NextResponse.json({ success: true, data: body });
-        response.headers.set("Cache-Control", "public, max-age=10, s-maxage=15, stale-while-revalidate=30");
-        return response;
-    }
-    catch (error) {
-        console.error("[feat-auctions] GET /api/bids failed", error);
-        return NextResponse.json({ success: false, error: "Failed to fetch bids" }, { status: 500 });
-    }
-}

package/dist/features/auctions/columns/index.d.ts

@@ -1,14 +0,0 @@
-import type { TableColumn, ColumnExtensionOpts } from "../../../contracts";
-import type { AuctionItem, BidRecord } from "../types";
-/**
- * Default admin column definitions for an auction table.
- *
- * @example
- * const columns = buildAuctionColumns<MyAuction>({
- *   extras: [{ key: "reservePrice", header: "Reserve", render: (a) => a.reservePrice ?? "—" }],
- * });
- */
-export declare const auctionAdminColumns: TableColumn<AuctionItem>[];
-export declare function buildAuctionColumns<T extends AuctionItem = AuctionItem>(opts?: ColumnExtensionOpts<T>): TableColumn<T>[];
-export declare const bidAdminColumns: TableColumn<BidRecord>[];
-export declare function buildBidColumns<T extends BidRecord = BidRecord>(opts?: ColumnExtensionOpts<T>): TableColumn<T>[];

package/dist/features/auctions/columns/index.js

@@ -1,63 +0,0 @@
-import { buildColumns, } from "../../../ui/columns";
-// ─── Auction columns ──────────────────────────────────────────────────────────
-/**
- * Default admin column definitions for an auction table.
- *
- * @example
- * const columns = buildAuctionColumns<MyAuction>({
- *   extras: [{ key: "reservePrice", header: "Reserve", render: (a) => a.reservePrice ?? "—" }],
- * });
- */
-export const auctionAdminColumns = [
-    { key: "title", header: "Title", sortable: true },
-    {
-        key: "startingBid",
-        header: "Starting Bid",
-        sortable: true,
-        render: (a) => `${a.currency} ${a.startingBid.toLocaleString()}`,
-    },
-    {
-        key: "currentBid",
-        header: "Current Bid",
-        sortable: true,
-        render: (a) => a.currentBid != null
-            ? `${a.currency} ${a.currentBid.toLocaleString()}`
-            : "No bids",
-    },
-    {
-        key: "bidCount",
-        header: "Bids",
-        sortable: true,
-        render: (a) => a.bidCount.toLocaleString(),
-    },
-    { key: "status", header: "Status", sortable: true },
-    {
-        key: "featured",
-        header: "Featured",
-        render: (a) => (a.featured ? "Yes" : "No"),
-    },
-    { key: "auctionEndDate", header: "Ends At", sortable: true },
-    { key: "createdAt", header: "Created", sortable: true },
-];
-export function buildAuctionColumns(opts) {
-    return buildColumns(auctionAdminColumns, opts);
-}
-// ─── Bid columns ──────────────────────────────────────────────────────────────
-export const bidAdminColumns = [
-    { key: "bidderDisplayName", header: "Bidder" },
-    {
-        key: "amount",
-        header: "Amount",
-        sortable: true,
-        render: (b) => `${b.currency} ${b.amount.toLocaleString()}`,
-    },
-    {
-        key: "isWinning",
-        header: "Winning",
-        render: (b) => (b.isWinning ? "Yes" : "—"),
-    },
-    { key: "placedAt", header: "Placed At", sortable: true },
-];
-export function buildBidColumns(opts) {
-    return buildColumns(bidAdminColumns, opts);
-}

package/dist/features/auctions/components/AuctionCard.d.ts

@@ -1,26 +0,0 @@
-import type { AuctionItem } from "../types";
-interface AuctionCountdownProps {
-    endsAt: string;
-    className?: string;
-    labels?: {
-        ended?: string;
-        hours?: string;
-        mins?: string;
-        secs?: string;
-    };
-}
-export declare function AuctionCountdown({ endsAt, className, labels, }: AuctionCountdownProps): import("react/jsx-runtime").JSX.Element;
-interface AuctionCardProps {
-    auction: AuctionItem;
-    labels?: {
-        currentBid?: string;
-        startingBid?: string;
-        bids?: string;
-        placeBid?: string;
-        ended?: string;
-    };
-    onBid?: (auction: AuctionItem) => void;
-    className?: string;
-}
-export declare function AuctionCard({ auction, labels, onBid, className, }: AuctionCardProps): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/features/auctions/components/AuctionCard.js

@@ -1,35 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState, useEffect } from "react";
-import { Article, Button, Div, Heading, Row, Span, Text } from "../../../ui";
-import { formatCurrency } from "../../../utils/number.formatter";
-import { getDefaultCurrency } from "../../../core/baseline-resolver";
-function useCountdown(endsAt) {
-    const [msLeft, setMsLeft] = useState(() => new Date(endsAt).getTime() - Date.now());
-    useEffect(() => {
-        const id = setInterval(() => {
-            setMsLeft(new Date(endsAt).getTime() - Date.now());
-        }, 1000);
-        return () => clearInterval(id);
-    }, [endsAt]);
-    if (msLeft <= 0)
-        return null;
-    const totalSecs = Math.floor(msLeft / 1000);
-    const h = Math.floor(totalSecs / 3600);
-    const m = Math.floor((totalSecs % 3600) / 60);
-    const s = totalSecs % 60;
-    return { h, m, s };
-}
-export function AuctionCountdown({ endsAt, className = "", labels = {}, }) {
-    const countdown = useCountdown(endsAt);
-    if (!countdown) {
-        return (_jsx(Span, { className: `text-sm font-medium text-red-600 ${className}`, children: labels.ended ?? "Ended" }));
-    }
-    const pad = (n) => String(n).padStart(2, "0");
-    return (_jsxs(Row, { className: `gap-1 text-sm font-mono ${className}`, children: [_jsx(Span, { className: "rounded bg-gray-900 px-1.5 py-0.5 text-white", children: pad(countdown.h) }), _jsx(Span, { className: "text-gray-400", children: ":" }), _jsx(Span, { className: "rounded bg-gray-900 px-1.5 py-0.5 text-white", children: pad(countdown.m) }), _jsx(Span, { className: "text-gray-400", children: ":" }), _jsx(Span, { className: "rounded bg-gray-900 px-1.5 py-0.5 text-white", children: pad(countdown.s) })] }));
-}
-export function AuctionCard({ auction, labels = {}, onBid, className = "", }) {
-    const hasEnded = new Date(auction.auctionEndDate) <= new Date();
-    const displayBid = auction.currentBid ?? auction.startingBid;
-    return (_jsxs(Article, { className: `rounded-xl border border-gray-200 bg-white overflow-hidden shadow-sm hover:shadow-md transition-shadow ${className}`, children: [auction.mainImage && (_jsxs(Div, { className: "aspect-square overflow-hidden relative", children: [_jsx(Div, { role: "img", "aria-label": auction.title, className: "h-full w-full bg-center bg-cover", style: { backgroundImage: `url(${auction.mainImage})` } }), _jsx(Span, { className: "absolute top-2 left-2 rounded-full bg-orange-500 px-2 py-0.5 text-xs font-bold text-white", children: "AUCTION" })] })), _jsxs(Div, { className: "p-4", children: [_jsx(Heading, { level: 3, className: "font-semibold text-gray-900 text-sm leading-snug mb-2 line-clamp-2", children: auction.title }), _jsxs(Row, { justify: "between", className: "mb-2", children: [_jsxs(Div, { children: [_jsx(Text, { className: "text-xs text-gray-400", children: labels.currentBid ?? "Current bid" }), _jsx(Text, { className: "text-base font-bold text-gray-900", children: formatCurrency(displayBid, auction.currency ?? getDefaultCurrency()) })] }), _jsx(Div, { className: "text-right", children: _jsxs(Text, { className: "text-xs text-gray-400", children: [auction.bidCount, " ", labels.bids ?? "bids"] }) })] }), _jsx(Div, { className: "mb-3", children: _jsx(AuctionCountdown, { endsAt: auction.auctionEndDate, labels: { ended: labels.ended } }) }), !hasEnded && onBid && (_jsx(Button, { type: "button", variant: "warning", onClick: () => onBid(auction), className: "w-full rounded-lg bg-orange-500 py-2 text-sm font-medium text-white hover:bg-orange-600 transition-colors", children: labels.placeBid ?? "Place Bid" }))] })] }));
-}

package/dist/features/auctions/components/MarketplaceAuctionCard.d.ts

@@ -1,56 +0,0 @@
-import { type WishlistToggleActions } from "../../wishlist";
-export interface MarketplaceAuctionCardData {
-    id: string;
-    title: string;
-    description?: string;
-    price: number;
-    currency?: string;
-    mainImage?: string;
-    images?: string[];
-    video?: {
-        url?: string;
-        thumbnailUrl?: string;
-    };
-    isAuction?: boolean;
-    auctionEndDate?: string | Date;
-    startingBid?: number;
-    currentBid?: number;
-    bidCount?: number;
-    featured?: boolean;
-    status?: string;
-    slug?: string;
-    buyNowPrice?: number;
-}
-export interface MarketplaceAuctionCardLabels {
-    selectItem?: string;
-    deselectItem?: string;
-    liveBadge?: string;
-    endingSoon?: string;
-    ended?: string;
-    sold?: string;
-    typeBadge?: string;
-    currentBid?: string;
-    startingBid?: string;
-    totalBids?: (count: number) => string;
-    placeBid?: string;
-    buyout?: string;
-    addToWishlist?: string;
-    removeFromWishlist?: string;
-    videoLabel?: string;
-}
-export interface MarketplaceAuctionCardProps {
-    product: MarketplaceAuctionCardData;
-    buyoutPrice?: number;
-    className?: string;
-    variant?: "grid" | "card" | "fluid" | "list";
-    selectable?: boolean;
-    isSelected?: boolean;
-    onSelect?: (id: string, selected: boolean) => void;
-    inWishlist?: boolean;
-    href?: string;
-    hrefBuilder?: (product: MarketplaceAuctionCardData) => string;
-    onNavigate?: (href: string) => void;
-    wishlistActions?: WishlistToggleActions;
-    labels?: MarketplaceAuctionCardLabels;
-}
-export declare function MarketplaceAuctionCard({ product, buyoutPrice, className, variant, selectable, isSelected, onSelect, inWishlist: initialInWishlist, href, hrefBuilder, onNavigate, wishlistActions, labels, }: MarketplaceAuctionCardProps): import("react/jsx-runtime").JSX.Element;

package/dist/features/auctions/components/MarketplaceAuctionCard.js

@@ -1,112 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { useCallback, useEffect, useRef, useState } from "react";
-import { useRouter } from "next/navigation";
-import { Clock, Gavel, Heart, Play, ShoppingBag, Star } from "lucide-react";
-import { MediaImage } from "../../media";
-import { useWishlistToggle } from "../../wishlist";
-import { useCountdown } from "../../../react";
-import { ROUTES } from "../../../next";
-import { formatCurrency } from "../../../utils";
-import { BaseListingCard, Button, Caption, Div, Row, Span, Text, TextLink, } from "../../../ui";
-const DEFAULT_LABELS = {
-    selectItem: "Select item",
-    deselectItem: "Deselect item",
-    liveBadge: "Live",
-    endingSoon: "Ending soon",
-    ended: "Ended",
-    sold: "Sold",
-    typeBadge: "Auction",
-    currentBid: "Current bid",
-    startingBid: "Starting bid",
-    totalBids: (count) => `${count} bids`,
-    placeBid: "Place bid",
-    buyout: "Buyout",
-    addToWishlist: "Add to wishlist",
-    removeFromWishlist: "Remove from wishlist",
-    videoLabel: "Video available",
-};
-function resolveHref(product, href, hrefBuilder) {
-    if (href)
-        return href;
-    if (hrefBuilder)
-        return hrefBuilder(product);
-    return ROUTES.PUBLIC.AUCTION_DETAIL(product.id);
-}
-function formatCountdownLabel(remaining, endedLabel) {
-    if (!remaining)
-        return endedLabel;
-    const { days, hours, minutes, seconds } = remaining;
-    if (days > 0)
-        return `${days}d ${hours}h ${minutes}m`;
-    if (hours > 0)
-        return `${hours}h ${minutes}m ${seconds}s`;
-    return `${minutes}m ${seconds}s`;
-}
-export function MarketplaceAuctionCard({ product, buyoutPrice, className = "", variant = "grid", selectable = false, isSelected = false, onSelect, inWishlist: initialInWishlist = false, href, hrefBuilder, onNavigate, wishlistActions, labels, }) {
-    const router = useRouter();
-    const mergedLabels = { ...DEFAULT_LABELS, ...labels };
-    const baseVariant = variant === "list" ? "list" : "grid";
-    const [hovered, setHovered] = useState(false);
-    const [imageIndex, setImageIndex] = useState(0);
-    const intervalRef = useRef(null);
-    const remaining = useCountdown(product.auctionEndDate);
-    const { inWishlist, isLoading: wishlistLoading, toggle, } = useWishlistToggle(product.id, initialInWishlist, wishlistActions);
-    const auctionHref = resolveHref(product, href, hrefBuilder);
-    const isEnded = remaining === null;
-    const isEndingSoon = remaining !== null && remaining.days === 0 && remaining.hours < 1;
-    const displayBid = (product.currentBid ?? 0) > 0
-        ? product.currentBid
-        : (product.startingBid ?? product.price);
-    const bidCount = product.bidCount ?? 0;
-    const hasCurrentBid = (product.currentBid ?? 0) > 0;
-    const hasVideo = Boolean(product.video?.url);
-    const resolvedBuyoutPrice = buyoutPrice ?? product.buyNowPrice;
-    const images = [product.mainImage, ...(product.images ?? [])].filter(Boolean);
-    const currentSrc = images[imageIndex] ?? product.mainImage;
-    useEffect(() => {
-        if (hovered && images.length > 1) {
-            intervalRef.current = setInterval(() => {
-                setImageIndex((value) => (value + 1) % images.length);
-            }, 800);
-        }
-        else {
-            if (intervalRef.current)
-                clearInterval(intervalRef.current);
-            setImageIndex(0);
-        }
-        return () => {
-            if (intervalRef.current)
-                clearInterval(intervalRef.current);
-        };
-    }, [hovered, images.length]);
-    const handleNavigate = useCallback(() => {
-        if (onNavigate) {
-            onNavigate(auctionHref);
-            return;
-        }
-        router.push(auctionHref);
-    }, [auctionHref, onNavigate, router]);
-    const handleSelect = useCallback((event) => {
-        event.preventDefault();
-        event.stopPropagation();
-        onSelect?.(product.id, !isSelected);
-    }, [isSelected, onSelect, product.id]);
-    const handleWishlist = useCallback(async (event) => {
-        event.stopPropagation();
-        try {
-            await toggle();
-        }
-        catch {
-            // The hook rolls back optimistic state when the mutation fails.
-        }
-    }, [toggle]);
-    const countdownClass = isEnded
-        ? "bg-zinc-100 text-zinc-500"
-        : isEndingSoon
-            ? "bg-amber-50 text-amber-700"
-            : "bg-emerald-50 text-emerald-700";
-    return (_jsxs(BaseListingCard, { isSelected: isSelected, isDisabled: isEnded, variant: baseVariant, className: className, children: [_jsxs(BaseListingCard.Hero, { aspect: "square", variant: baseVariant, onMouseEnter: () => setHovered(true), onMouseLeave: () => setHovered(false), children: [_jsx(TextLink, { href: auctionHref, className: "absolute inset-0 block", children: _jsx(MediaImage, { src: currentSrc, alt: product.title, size: "card", fallback: "Auction image", className: `transition-transform duration-500 ${hovered && images.length > 1 ? "scale-105" : "scale-100"}` }) }), hasVideo && imageIndex === 0 ? (_jsx(Div, { className: "absolute right-2 top-2", children: _jsx(Span, { className: "flex h-8 w-8 items-center justify-center rounded-full bg-black/50 text-white", children: _jsx(Play, { className: "h-4 w-4", "aria-label": mergedLabels.videoLabel }) }) })) : null, images.length > 1 ? (_jsx(Div, { className: "pointer-events-none absolute bottom-2 left-1/2 flex -translate-x-1/2 gap-1", children: images.map((_, index) => (_jsx(Span, { className: `rounded-full transition-all duration-200 ${index === imageIndex ? "h-1.5 w-3 bg-white" : "h-1.5 w-1.5 bg-white/60"}` }, `${product.id}-image-${index}`))) })) : null, product.featured ? (_jsx(Div, { className: "pointer-events-none absolute left-2 top-2 z-10", children: _jsx(Star, { className: "h-5 w-5 fill-amber-400 text-amber-400" }) })) : null, selectable ? (_jsx(BaseListingCard.Checkbox, { selected: isSelected, onSelect: handleSelect, label: isSelected ? mergedLabels.deselectItem : mergedLabels.selectItem })) : null, _jsxs(Div, { className: `absolute left-2 z-10 flex flex-col gap-1 ${product.featured ? "top-8" : "top-2"}`, children: [!isEnded ? (_jsx(Span, { className: "rounded-full bg-rose-600/90 px-2 py-0.5 text-xs font-bold text-white", children: mergedLabels.liveBadge })) : null, isEndingSoon ? (_jsx(Span, { className: "rounded-full bg-amber-500/90 px-2 py-0.5 text-xs font-bold text-white", children: mergedLabels.endingSoon })) : null, isEnded ? (_jsx(Span, { className: "rounded-full bg-zinc-600/90 px-2 py-0.5 text-xs font-bold text-white", children: mergedLabels.ended })) : null, product.status === "sold" ? (_jsx(Span, { className: "rounded-full bg-zinc-700/90 px-2 py-0.5 text-xs font-bold text-white", children: mergedLabels.sold })) : null] }), _jsx(Div, { className: "pointer-events-none absolute bottom-2 right-2 z-10", children: _jsxs(Span, { className: "inline-flex items-center gap-1 rounded-full bg-amber-600/90 px-2 py-0.5 text-xs font-semibold text-white", children: [_jsx(Gavel, { className: "h-3 w-3" }), mergedLabels.typeBadge] }) })] }), _jsxs(BaseListingCard.Info, { variant: baseVariant, children: [_jsxs(Div, { className: "flex items-start gap-2", children: [_jsx(TextLink, { href: auctionHref, className: "min-w-0 flex-1 text-sm font-medium leading-snug text-zinc-900 transition-colors hover:text-primary", children: product.title }), wishlistActions ? (_jsx(Button, { type: "button", variant: "ghost", onClick: handleWishlist, disabled: wishlistLoading, "aria-label": inWishlist
-                                    ? mergedLabels.removeFromWishlist
-                                    : mergedLabels.addToWishlist, className: "-mt-0.5 rounded-full p-1", children: _jsx(Heart, { className: `h-4 w-4 ${inWishlist ? "fill-rose-500 text-rose-500" : "text-zinc-400"}` }) })) : null] }), variant === "list" && product.description ? (_jsx(Text, { className: "line-clamp-2 text-xs text-zinc-500", children: product.description })) : null, _jsxs(Div, { children: [_jsx(Caption, { children: hasCurrentBid ? mergedLabels.currentBid : mergedLabels.startingBid }), _jsx(Text, { className: "text-base font-bold leading-none text-primary", children: formatCurrency(displayBid, product.currency) })] }), _jsxs(Row, { wrap: true, justify: "between", gap: "sm", className: "gap-x-2 gap-y-1", children: [_jsxs(Div, { className: `inline-flex items-center gap-1 rounded-full px-2.5 py-1 text-xs font-semibold ${countdownClass}`, children: [_jsx(Clock, { className: "h-3 w-3" }), _jsx(Span, { children: formatCountdownLabel(remaining, mergedLabels.ended) })] }), _jsx(Caption, { children: mergedLabels.totalBids(bidCount) })] }), _jsx(Row, { wrap: true, gap: "xs", className: "mt-auto", children: isEnded ? (_jsx(Button, { type: "button", variant: "ghost", size: "sm", className: "flex-1 cursor-not-allowed gap-1 px-2 text-xs opacity-60", disabled: true, children: _jsx(Span, { children: mergedLabels.ended }) })) : (_jsxs(_Fragment, { children: [_jsxs(Button, { type: "button", variant: "warning", size: "sm", className: "flex-1 gap-1 px-2 text-xs", onClick: handleNavigate, children: [_jsx(Gavel, { className: "h-3 w-3" }), _jsx(Span, { children: mergedLabels.placeBid })] }), resolvedBuyoutPrice ? (_jsxs(Button, { type: "button", variant: "danger", size: "sm", className: "flex-1 gap-1 px-2 text-xs", onClick: handleNavigate, children: [_jsx(ShoppingBag, { className: "h-3 w-3" }), _jsx(Span, { children: mergedLabels.buyout })] })) : null] })) })] })] }));
-}

package/dist/features/auctions/components/MarketplaceAuctionGrid.d.ts

@@ -1,22 +0,0 @@
-import type { ReactNode } from "react";
-import type { WishlistToggleActions } from "../../wishlist";
-import { type MarketplaceAuctionCardData, type MarketplaceAuctionCardLabels } from "./MarketplaceAuctionCard";
-export interface MarketplaceAuctionGridLabels {
-    emptyTitle?: string;
-    emptyDescription?: string;
-}
-export interface MarketplaceAuctionGridProps {
-    auctions: MarketplaceAuctionCardData[];
-    loading?: boolean;
-    skeletonCount?: number;
-    variant?: "grid" | "card" | "fluid" | "list";
-    selectable?: boolean;
-    selectedIds?: string[];
-    onSelectionChange?: (ids: string[]) => void;
-    gridClassName?: string;
-    emptyIcon?: ReactNode;
-    labels?: MarketplaceAuctionGridLabels;
-    cardLabels?: MarketplaceAuctionCardLabels;
-    wishlistActions?: WishlistToggleActions;
-}
-export declare function MarketplaceAuctionGrid({ auctions, loading, skeletonCount, variant, selectable, selectedIds, onSelectionChange, gridClassName, emptyIcon, labels, cardLabels, wishlistActions, }: MarketplaceAuctionGridProps): import("react/jsx-runtime").JSX.Element;