@mohasinac/appkit 2.4.10 → 2.5.0

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

@@ -15,6 +15,8 @@ import { BuyBar } from "../../products/components/BuyBar";
 import { RelatedProducts } from "../../products/components/RelatedProducts";
 import { ProductGalleryClient } from "../../products/components/ProductGalleryClient";
 import { ProductFeatureBadges } from "../../products/components/ProductFeatureBadges";
+import { FeatureBadgeList } from "../../products/components/FeatureBadge";
+import { HistoryTracker } from "../../history/components/HistoryTracker";
 import { ShareButton } from "../../products/components/ShareButton";
 import { MarketplaceAuctionGrid } from "./MarketplaceAuctionGrid";
 import { listReviewsBySeller } from "../../reviews/actions/review-actions";
@@ -27,14 +29,16 @@ function toDescriptionHtml(raw) {
     const s = typeof raw === "string" ? raw : JSON.stringify(raw);
     return normalizeRichTextHtml(s);
 }
-export async function AuctionDetailPageView({ id, onPlaceBid }) {
-    const product = await productRepository.findByIdOrSlug(id).catch(() => undefined);
+export async function AuctionDetailPageView({ id, initialAuction, onPlaceBid, productFeatures }) {
+    const product = initialAuction !== undefined
+        ? (initialAuction ?? undefined)
+        : await productRepository.findByIdOrSlug(id).catch(() => undefined);
     const bidsResult = product
         ? await listBidsByProduct(String(product.id), { pageSize: 20 }).catch(() => null)
         : null;
-    const sellerId = product?.sellerId;
-    const storeReviews = sellerId
-        ? await listReviewsBySeller(sellerId).catch(() => [])
+    const storeId = product?.storeId;
+    const storeReviews = storeId
+        ? await listReviewsBySeller(storeId).catch(() => [])
         : [];
     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: "Auction Not Found" }), _jsx(Text, { className: "text-zinc-500", children: "This auction may have ended or the link is incorrect." }), _jsx(Link, { href: String(ROUTES.PUBLIC.AUCTIONS), className: "text-sm font-medium text-primary-600 hover:underline", children: "Browse Auctions" })] }) }) }) }));
@@ -69,15 +73,11 @@ export async function AuctionDetailPageView({ id, onPlaceBid }) {
     const shippingPaidBy = p.shippingPaidBy;
     const freeShipping = shippingPaidBy === "seller";
     const storeName = typeof p.storeName === "string" ? p.storeName : null;
-    const sellerName = typeof p.sellerName === "string" ? p.sellerName : null;
-    const safeSeller = (storeName || sellerName) ? safeDisplayName((storeName || sellerName) ?? "", "") : null;
+    const safeSeller = storeName ? safeDisplayName(storeName, "") : null;
     const storeSlug = (typeof p.storeSlug === "string" ? p.storeSlug : null) || (typeof p.storeId === "string" ? p.storeId : null);
-    const auctionSellerId = typeof p.sellerId === "string" ? p.sellerId : null;
     const storeHref = storeSlug
         ? String(ROUTES.PUBLIC.STORE_DETAIL(storeSlug))
-        : auctionSellerId
-            ? String(ROUTES.PUBLIC.SELLER_DETAIL(auctionSellerId))
-            : null;
+        : null;
     const category = typeof p.category === "string" ? p.category : null;
     const categoryName = typeof p.categoryName === "string" ? p.categoryName : null;
     const brand = typeof p.brand === "string" ? p.brand : null;
@@ -95,61 +95,73 @@ export async function AuctionDetailPageView({ id, onPlaceBid }) {
     const relatedDocs = await productRepository
         .findByCategory(String(p.category ?? ""))
         .catch(() => []);
-    return (_jsx(Main, { children: _jsxs(Container, { size: "xl", className: "px-4 py-6", children: [_jsxs("div", { className: "mb-4 flex items-center justify-between flex-wrap gap-2", children: [_jsxs("nav", { "aria-label": "Breadcrumb", className: "flex items-center gap-1.5 text-xs text-zinc-500 dark:text-zinc-400 flex-wrap", children: [_jsx(Link, { href: String(ROUTES.HOME), className: "hover:text-primary-600 transition-colors", children: "Home" }), _jsx(Span, { "aria-hidden": true, children: "/" }), _jsx(Link, { href: String(ROUTES.PUBLIC.AUCTIONS), className: "hover:text-primary-600 transition-colors", children: "Auctions" }), category && (_jsxs(_Fragment, { children: [_jsx(Span, { "aria-hidden": true, children: "/" }), _jsx(Link, { href: String(ROUTES.PUBLIC.CATEGORY_DETAIL(category)), className: "hover:text-primary-600 transition-colors", children: categoryName || category })] })), _jsx(Span, { "aria-hidden": true, children: "/" }), _jsx(Span, { className: "text-zinc-700 dark:text-zinc-300 truncate max-w-[200px]", children: title })] }), _jsx(ShareButton, { title: title })] }), _jsx(AuctionDetailView, { renderGallery: () => (_jsx(ProductGalleryClient, { images: images, productName: title })), renderInfo: () => (_jsxs(Stack, { gap: "sm", children: [_jsxs(Div, { children: [_jsx(Span, { className: "mb-1.5 inline-block rounded-full bg-amber-100 dark:bg-amber-900/30 px-2.5 py-0.5 text-xs font-semibold text-amber-700 dark:text-amber-300", children: "\uD83C\uDFF7\uFE0F Live Auction" }), _jsx(Heading, { level: 1, className: "text-xl font-bold leading-snug text-zinc-900 dark:text-zinc-50 sm:text-2xl", children: title })] }), _jsxs(Row, { align: "center", gap: "sm", wrap: true, children: [_jsxs(Div, { children: [_jsx(Text, { className: "text-xs text-zinc-500", children: "Current bid" }), _jsx(Span, { className: "text-2xl font-bold text-primary-600 dark:text-primary-400", children: formatCurrency(currentBid, currency) })] }), _jsxs(Span, { className: "rounded-full bg-zinc-100 dark:bg-zinc-800 px-3 py-1 text-sm font-medium text-zinc-600 dark:text-zinc-300", children: [bidCount, " ", bidCount === 1 ? "bid" : "bids"] }), isEnded ? (_jsx(Span, { className: "rounded-full bg-red-100 px-2.5 py-0.5 text-xs font-medium text-red-700 dark:bg-red-900/30 dark:text-red-400", children: "Ended" })) : (_jsx(Span, { className: "rounded-full bg-emerald-100 px-2.5 py-0.5 text-xs font-medium text-emerald-700 dark:bg-emerald-900/30 dark:text-emerald-400", children: "Active" }))] }), endDate && (_jsxs(Row, { align: "center", gap: "xs", className: "text-sm text-zinc-600 dark:text-zinc-400", children: [_jsxs(Span, { children: [isEnded ? "Ended" : "Ends", ":"] }), _jsx(Span, { className: "font-medium", children: endDate.toLocaleString() })] })), buyNowPrice !== null && !isEnded && (_jsxs(Row, { align: "center", gap: "sm", className: "rounded-lg border border-primary-200 dark:border-primary-800 bg-primary-50 dark:bg-primary-900/20 px-3 py-2", children: [_jsx(Span, { className: "text-xs text-zinc-600 dark:text-zinc-400", children: "Buy Now:" }), _jsx(Span, { className: "text-base font-bold text-primary-700 dark:text-primary-300", children: formatCurrency(buyNowPrice, currency) })] })), _jsx(ProductFeatureBadges, { featured: featured, freeShipping: freeShipping, condition: condition ?? undefined, labels: {
-                                    featured: "Featured",
-                                    fasterDelivery: "Faster Delivery",
-                                    ratedSeller: "Rated Seller",
-                                    condition: "Condition",
-                                    conditionNew: "New",
-                                    conditionUsed: "Used",
-                                    conditionBroken: "For Parts",
-                                    conditionRefurbished: "Refurbished",
-                                    returnable: "Returnable",
-                                    freeShipping: "Free Shipping",
-                                    codAvailable: "Cash on Delivery",
-                                    wishlistCount: (n) => `${n} wishlisted`,
-                                    categoryProductCount: (n, cat) => `${n} in ${cat}`,
-                                } }), (categoryName || category || brand) && (_jsxs(Row, { align: "center", gap: "xs", className: "text-xs text-zinc-400 dark:text-zinc-500 flex-wrap", children: [category ? (_jsx(Link, { href: String(ROUTES.PUBLIC.CATEGORY_DETAIL(category)), className: "hover:text-primary-600 dark:hover:text-primary-400 transition-colors", children: categoryName || category })) : categoryName ? (_jsx(Span, { children: categoryName })) : null, (category || categoryName) && brand && _jsx(Span, { children: "\u203A" }), brand && (brandSlug ? (_jsx(Link, { href: String(ROUTES.PUBLIC.BRAND_DETAIL(brandSlug)), className: "font-medium text-zinc-600 dark:text-zinc-300 hover:text-primary-600 dark:hover:text-primary-400 transition-colors", children: brand })) : (_jsx(Span, { className: "font-medium text-zinc-600 dark:text-zinc-300", children: brand })))] })), features.length > 0 && (_jsxs(Div, { className: "rounded-xl border border-zinc-100 dark:border-zinc-800 bg-zinc-50 dark:bg-zinc-900/60 px-4 py-3", children: [_jsx(Text, { className: "mb-2 text-xs font-semibold uppercase tracking-wide text-zinc-500 dark:text-zinc-400", children: "About this item" }), _jsx("ul", { className: "space-y-1.5", children: features.map((f, i) => (_jsxs("li", { className: "flex items-start gap-2 text-sm text-zinc-700 dark:text-zinc-300", children: [_jsx(Span, { className: "mt-0.5 flex-shrink-0 text-primary-500", children: "\u2022" }), f] }, i))) })] })), descriptionHtml && (_jsx(RichText, { html: descriptionHtml, proseClass: "prose prose-sm max-w-none dark:prose-invert prose-p:my-0", className: "text-sm leading-relaxed text-zinc-600 dark:text-zinc-400 line-clamp-4" })), safeSeller && (_jsx(Div, { className: "rounded-xl border border-zinc-100 dark:border-zinc-800 bg-zinc-50 dark:bg-zinc-900/60 p-3", children: _jsxs(Row, { justify: "between", align: "center", children: [_jsxs(Div, { children: [_jsx(Text, { className: "text-[10px] uppercase tracking-wide text-zinc-400 dark:text-zinc-500 mb-0.5", children: "Listed by" }), _jsx(Text, { className: "text-sm font-semibold text-zinc-800 dark:text-zinc-200", children: safeSeller })] }), storeHref && (_jsx(Link, { href: storeHref, className: "shrink-0 rounded-lg bg-primary/10 dark:bg-primary/20 px-3 py-1.5 text-xs font-semibold text-primary-700 dark:text-primary-300 hover:bg-primary/20 dark:hover:bg-primary/30 transition-colors", children: "Visit Store \u2192" }))] }) }))] })), renderBidForm: () => onPlaceBid ? (_jsx(Div, { id: "auction-bid-form", children: _jsx(PlaceBidFormClient, { productId: String(product.id), currentBid: currentBid, startingBid: startingBid, minBidIncrement: minBidIncrement, currency: currency, isEnded: isEnded, buyNowPrice: buyNowPrice, bidCount: bidCount, tags: tags, onPlaceBid: onPlaceBid }) })) : (_jsxs(Div, { className: "rounded-xl border border-zinc-100 dark:border-zinc-800 bg-zinc-50 dark:bg-zinc-900/60 p-5 space-y-4", children: [_jsxs(Div, { className: "space-y-1", children: [_jsxs(Row, { justify: "between", align: "center", children: [_jsx(Text, { className: "text-xs text-zinc-500", children: "Current bid" }), _jsx(Text, { className: "text-xs text-zinc-500", children: "Starting bid" })] }), _jsxs(Row, { justify: "between", align: "baseline", children: [_jsx(Span, { className: "text-xl font-bold text-primary-600 dark:text-primary-400", children: formatCurrency(currentBid, currency) }), _jsx(Span, { className: "text-sm text-zinc-500", children: formatCurrency(startingBid, currency) })] }), _jsxs(Text, { className: "text-xs text-zinc-400 dark:text-zinc-500", children: [bidCount, " ", bidCount === 1 ? "bid" : "bids", " \u00B7 min increment ", formatCurrency(minBidIncrement, currency)] })] }), _jsxs(Stack, { gap: "sm", children: [_jsx(Input, { type: "number", placeholder: `At least ${formatCurrency(currentBid + minBidIncrement, currency)}`, min: currentBid + minBidIncrement, "aria-label": "Your bid amount", disabled: isEnded }), _jsx(Button, { variant: "primary", size: "md", className: "w-full", disabled: isEnded, children: isEnded ? "Auction Ended" : "Place Bid" }), buyNowPrice !== null && !isEnded && (_jsxs(Button, { variant: "secondary", size: "md", className: "w-full", children: ["Buy Now \u2014 ", formatCurrency(buyNowPrice, currency)] }))] }), tags.length > 0 && (_jsx(Div, { className: "border-t border-zinc-200 dark:border-zinc-700 pt-4", children: _jsx(Row, { wrap: true, gap: "xs", children: tags.map((tag) => (_jsx(Span, { className: "rounded-full bg-zinc-100 dark:bg-zinc-800 px-2.5 py-1 text-xs text-zinc-600 dark:text-zinc-300", children: tag }, tag))) }) }))] })), renderMobileBidForm: () => !isEnded && onPlaceBid ? (_jsx(Div, { className: "lg:hidden", children: _jsx(PlaceBidFormClient, { productId: String(product.id), currentBid: currentBid, startingBid: startingBid, minBidIncrement: minBidIncrement, currency: currency, isEnded: isEnded, buyNowPrice: buyNowPrice, bidCount: bidCount, tags: tags, onPlaceBid: onPlaceBid }) })) : !isEnded ? (_jsxs(Div, { className: "rounded-xl border border-zinc-100 dark:border-zinc-800 bg-zinc-50 dark:bg-zinc-900/60 p-4 lg:hidden", children: [_jsxs(Row, { align: "center", gap: "sm", className: "mb-3", children: [_jsx(Span, { className: "text-base font-bold text-primary-600 dark:text-primary-400", children: formatCurrency(currentBid, currency) }), _jsxs(Span, { className: "text-xs text-zinc-500", children: [bidCount, " bids"] })] }), _jsx(Button, { variant: "primary", size: "md", className: "w-full", children: "Place Bid" })] })) : null, renderSublistingSection: sublistingCategoryId
-                        ? () => (_jsx(SublistingCarouselSection, { sublistingCategoryId: sublistingCategoryId, currentListingId: String(product.id) }))
-                        : undefined, renderTabs: () => (_jsx(ProductTabsShell, { descriptionContent: descriptionHtml ? (_jsx(RichText, { html: descriptionHtml, proseClass: "prose prose-sm sm:prose max-w-none dark:prose-invert", className: "text-zinc-700 dark:text-zinc-300" })) : undefined, specsContent: specs.length > 0 ? (_jsx("dl", { className: "divide-y divide-zinc-100 dark:divide-zinc-800 rounded-xl border border-zinc-100 dark:border-zinc-800 overflow-hidden text-sm", children: specs.map((s, i) => (_jsxs("div", { className: "flex gap-4 px-4 py-3 bg-white dark:bg-zinc-900 even:bg-zinc-50 dark:even:bg-zinc-800/50", children: [_jsx("dt", { className: "w-36 flex-shrink-0 font-medium text-zinc-700 dark:text-zinc-300", children: s.name }), _jsxs("dd", { className: "flex-1 text-zinc-600 dark:text-zinc-400", children: [s.value, s.unit ? ` ${s.unit}` : ""] })] }, i))) })) : undefined, customTabs: customSections.map((s) => ({
-                            id: s.id,
-                            label: s.title,
-                            content: _jsx(CustomSectionTabContent, { section: s }),
-                        })) })), renderBidHistory: () => {
-                        const bids = (bidsResult?.items ?? []).map((b) => ({
-                            id: String(b.id ?? ""),
-                            bidderId: String(b.userId ?? b.bidderId ?? ""),
-                            bidderName: (b.bidderName ?? b.userName),
-                            amount: (typeof b.bidAmount === "number" ? b.bidAmount : typeof b.amount === "number" ? b.amount : 0),
-                            placedAt: (b.createdAt ?? b.bidAt ?? ""),
-                        }));
-                        return _jsx(CollapsibleBidHistory, { bids: bids, currency: currency });
-                    }, renderRelated: () => {
-                        const related = relatedDocs
-                            .filter((r) => r.id !== product.id && r.isAuction !== false)
-                            .slice(0, 4)
-                            .map((r) => ({
-                            id: String(r.id ?? ""),
-                            title: String(r.title ?? r.name ?? "Auction Item"),
-                            price: typeof r.price === "number" ? r.price : 0,
-                            currency: typeof r.currency === "string" ? r.currency : undefined,
-                            mainImage: Array.isArray(r.images)
-                                ? r.images[0]
-                                : typeof r.mainImage === "string"
-                                    ? r.mainImage
-                                    : undefined,
-                            isAuction: true,
-                            auctionEndDate: r.auctionEndDate,
-                            startingBid: typeof r.startingBid === "number" ? r.startingBid : undefined,
-                            currentBid: typeof r.currentBid === "number" ? r.currentBid : undefined,
-                            bidCount: typeof r.bidCount === "number" ? r.bidCount : undefined,
-                            slug: typeof r.slug === "string" ? r.slug : undefined,
-                        }));
-                        if (related.length === 0)
-                            return null;
-                        return (_jsx(RelatedProducts, { labels: { title: "Similar Auctions" }, renderGrid: () => (_jsx(MarketplaceAuctionGrid, { auctions: related, gridClassName: "grid grid-cols-2 gap-4 sm:grid-cols-3 lg:grid-cols-4" })) }));
-                    } }), storeReviews.length > 0 && (_jsxs(Section, { className: "mt-10", children: [_jsx(Heading, { level: 2, className: "mb-2 text-xl font-semibold text-zinc-900 dark:text-zinc-50", children: "Store Reviews" }), (() => {
-                            const avg = storeReviews.reduce((s, r) => s + r.rating, 0) / storeReviews.length;
-                            return (_jsxs(Div, { className: "mb-4 flex items-center gap-3", children: [_jsx(Span, { className: "text-3xl font-bold text-zinc-900 dark:text-zinc-50", children: avg.toFixed(1) }), _jsxs(Div, { children: [_jsx(Row, { gap: "xs", children: [1, 2, 3, 4, 5].map((star) => (_jsx(Span, { className: star <= Math.round(avg) ? "text-amber-400" : "text-zinc-200 dark:text-zinc-700", children: "\u2605" }, star))) }), _jsxs(Text, { className: "text-xs text-zinc-500 dark:text-zinc-400", children: [storeReviews.length, " review", storeReviews.length !== 1 ? "s" : ""] })] })] }));
-                        })(), _jsx(Stack, { gap: "sm", children: storeReviews.slice(0, 10).map((review) => (_jsxs(Div, { className: "rounded-xl border border-zinc-100 dark:border-zinc-800 bg-white dark:bg-zinc-900/60 p-4 space-y-1.5", children: [_jsx(Row, { justify: "between", align: "center", children: _jsxs(Row, { gap: "xs", align: "center", children: [_jsx(Span, { className: "text-sm font-medium text-zinc-800 dark:text-zinc-200", children: review.userName }), _jsx(Row, { gap: "xs", children: [1, 2, 3, 4, 5].map((star) => (_jsx(Span, { className: `text-xs ${star <= review.rating ? "text-amber-400" : "text-zinc-200 dark:text-zinc-700"}`, children: "\u2605" }, star))) })] }) }), review.title && (_jsx(Text, { className: "text-sm font-semibold text-zinc-800 dark:text-zinc-100", children: review.title })), _jsx(Text, { className: "text-sm text-zinc-600 dark:text-zinc-400 leading-relaxed", children: review.comment }), _jsx(Text, { className: "text-xs text-zinc-400 dark:text-zinc-500", children: review.productTitle })] }, review.id))) })] })), !isEnded && (_jsxs(BuyBar, { children: [_jsx(Span, { className: "mr-auto text-sm font-bold text-zinc-900 dark:text-zinc-50", children: formatCurrency(currentBid, currency) }), _jsxs(Span, { className: "text-xs text-zinc-400 dark:text-zinc-500 mr-1", children: [bidCount, " bid", bidCount !== 1 ? "s" : ""] }), _jsx("a", { href: "#auction-bid-form", className: "appkit-button appkit-button--primary appkit-button--sm shrink-0", children: _jsx("span", { className: "appkit-button__content", children: "Place Bid" }) })] }))] }) }));
+    return (_jsxs(Main, { children: [_jsx(HistoryTracker, { productId: String(p.id ?? p.slug ?? ""), productType: "auction", snapshot: {
+                    title: typeof p.title === "string" ? p.title : undefined,
+                    thumb: typeof p.mainImage === "string"
+                        ? p.mainImage
+                        : Array.isArray(p.images) && typeof p.images[0] === "string"
+                            ? p.images[0]
+                            : undefined,
+                    price: typeof p.price === "number" ? p.price : undefined,
+                    storeId: typeof p.storeId === "string" ? p.storeId : undefined,
+                    storeName: typeof p.storeName === "string" ? p.storeName : undefined,
+                } }), _jsxs(Container, { size: "xl", className: "px-4 py-6", children: [_jsxs("div", { className: "mb-4 flex items-center justify-between flex-wrap gap-2", children: [_jsxs("nav", { "aria-label": "Breadcrumb", className: "flex items-center gap-1.5 text-xs text-zinc-500 dark:text-zinc-400 flex-wrap", children: [_jsx(Link, { href: String(ROUTES.HOME), className: "hover:text-primary-600 transition-colors", children: "Home" }), _jsx(Span, { "aria-hidden": true, children: "/" }), _jsx(Link, { href: String(ROUTES.PUBLIC.AUCTIONS), className: "hover:text-primary-600 transition-colors", children: "Auctions" }), category && (_jsxs(_Fragment, { children: [_jsx(Span, { "aria-hidden": true, children: "/" }), _jsx(Link, { href: String(ROUTES.PUBLIC.CATEGORY_DETAIL(category)), className: "hover:text-primary-600 transition-colors", children: categoryName || category })] })), _jsx(Span, { "aria-hidden": true, children: "/" }), _jsx(Span, { className: "text-zinc-700 dark:text-zinc-300 truncate max-w-[200px]", children: title })] }), _jsx(ShareButton, { title: title })] }), _jsx(AuctionDetailView, { renderGallery: () => (_jsx(ProductGalleryClient, { images: images, productName: title })), renderInfo: () => (_jsxs(Stack, { gap: "md", children: [_jsxs(Div, { children: [_jsxs(Row, { gap: "xs", className: "mb-2 flex-wrap", children: [_jsx(Span, { className: "inline-block rounded-full bg-amber-100 dark:bg-amber-900/30 px-2.5 py-0.5 text-xs font-semibold text-amber-700 dark:text-amber-300", children: "\uD83C\uDFF7\uFE0F Live Auction" }), isEnded ? (_jsx(Span, { className: "inline-block rounded-full bg-red-100 px-2.5 py-0.5 text-xs font-medium text-red-700 dark:bg-red-900/30 dark:text-red-400", children: "Ended" })) : (_jsx(Span, { className: "inline-block rounded-full bg-emerald-100 px-2.5 py-0.5 text-xs font-medium text-emerald-700 dark:bg-emerald-900/30 dark:text-emerald-400", children: "Active" }))] }), _jsx(Heading, { level: 1, className: "text-xl font-bold leading-snug text-zinc-900 dark:text-zinc-50 sm:text-2xl", children: title })] }), _jsxs(Div, { children: [_jsx(Text, { className: "text-xs text-zinc-500 dark:text-zinc-400 mb-0.5", children: "Current bid" }), _jsxs(Row, { align: "center", gap: "sm", wrap: true, children: [_jsx(Span, { className: "text-2xl font-bold text-primary-600 dark:text-primary-400", children: formatCurrency(currentBid, currency) }), _jsxs(Span, { className: "rounded-full bg-zinc-100 dark:bg-zinc-800 px-3 py-1 text-sm font-medium text-zinc-600 dark:text-zinc-300", children: [bidCount, " ", bidCount === 1 ? "bid" : "bids"] })] }), endDate && (_jsxs(Text, { className: "mt-1.5 text-sm text-zinc-500 dark:text-zinc-400", children: [isEnded ? "Ended" : "Ends", " ", _jsx(Span, { className: "font-medium text-zinc-700 dark:text-zinc-300", children: endDate.toLocaleString() })] }))] }), buyNowPrice !== null && !isEnded && (_jsxs(Row, { align: "center", gap: "sm", className: "rounded-lg border border-primary-200 dark:border-primary-800 bg-primary-50 dark:bg-primary-900/20 px-3 py-2", children: [_jsx(Span, { className: "text-xs text-zinc-600 dark:text-zinc-400", children: "Buy Now:" }), _jsx(Span, { className: "text-base font-bold text-primary-700 dark:text-primary-300", children: formatCurrency(buyNowPrice, currency) })] })), _jsx(ProductFeatureBadges, { featured: featured, freeShipping: freeShipping, condition: condition ?? undefined, labels: {
+                                        featured: "Featured",
+                                        fasterDelivery: "Faster Delivery",
+                                        ratedSeller: "Rated Seller",
+                                        condition: "Condition",
+                                        conditionNew: "New",
+                                        conditionUsed: "Used",
+                                        conditionBroken: "For Parts",
+                                        conditionRefurbished: "Refurbished",
+                                        returnable: "Returnable",
+                                        freeShipping: "Free Shipping",
+                                        codAvailable: "Cash on Delivery",
+                                        wishlistCount: (n) => `${n} wishlisted`,
+                                        categoryProductCount: (n, cat) => `${n} in ${cat}`,
+                                    } }), (categoryName || category || brand) && (_jsxs(Row, { gap: "sm", wrap: true, children: [category && (_jsx(Link, { href: String(ROUTES.PUBLIC.CATEGORY_DETAIL(category)), className: "inline-flex items-center rounded-full border border-zinc-200 dark:border-zinc-700 bg-zinc-50 dark:bg-zinc-800/50 px-2.5 py-1 text-xs font-medium text-zinc-600 dark:text-zinc-300 transition-colors hover:border-primary-300 hover:bg-primary-50 hover:text-primary-700 dark:hover:border-primary-700/60 dark:hover:bg-primary-900/20 dark:hover:text-primary-400", children: categoryName || category })), !category && categoryName && (_jsx(Span, { className: "inline-flex items-center rounded-full border border-zinc-100 dark:border-zinc-800 bg-zinc-50 dark:bg-zinc-800/50 px-2.5 py-1 text-xs font-medium text-zinc-500 dark:text-zinc-400", children: categoryName })), brand && brandSlug && (_jsx(Link, { href: String(ROUTES.PUBLIC.BRAND_DETAIL(brandSlug)), className: "inline-flex items-center rounded-full border border-zinc-200 dark:border-zinc-700 bg-zinc-50 dark:bg-zinc-800/50 px-2.5 py-1 text-xs font-medium text-zinc-600 dark:text-zinc-300 transition-colors hover:border-primary-300 hover:bg-primary-50 hover:text-primary-700 dark:hover:border-primary-700/60 dark:hover:bg-primary-900/20 dark:hover:text-primary-400", children: brand })), brand && !brandSlug && (_jsx(Span, { className: "inline-flex items-center rounded-full border border-zinc-100 dark:border-zinc-800 bg-zinc-50 dark:bg-zinc-800/50 px-2.5 py-1 text-xs font-medium text-zinc-500 dark:text-zinc-400", children: brand }))] })), productFeatures && features.length > 0 && (_jsx(FeatureBadgeList, { productFeatureIds: features, features: productFeatures })), !productFeatures && features.length > 0 && (_jsxs(Div, { className: "rounded-xl border border-zinc-100 dark:border-zinc-800 bg-zinc-50 dark:bg-zinc-900/60 px-4 py-3", children: [_jsx(Text, { className: "mb-2 text-xs font-semibold uppercase tracking-wide text-zinc-500 dark:text-zinc-400", children: "About this item" }), _jsx("ul", { className: "space-y-1.5", children: features.map((f, i) => (_jsxs("li", { className: "flex items-start gap-2 text-sm text-zinc-700 dark:text-zinc-300", children: [_jsx(Span, { className: "mt-0.5 flex-shrink-0 text-primary-500", children: "\u2022" }), f] }, i))) })] })), descriptionHtml && (_jsx(RichText, { html: descriptionHtml, proseClass: "prose prose-sm max-w-none dark:prose-invert prose-p:my-0", className: "text-sm leading-relaxed text-zinc-600 dark:text-zinc-400 line-clamp-4" })), safeSeller && (_jsx(Div, { className: "rounded-xl border border-zinc-100 dark:border-zinc-800 bg-zinc-50 dark:bg-zinc-900/60 p-3", children: _jsxs(Row, { justify: "between", align: "center", children: [_jsxs(Div, { children: [_jsx(Text, { className: "text-[10px] uppercase tracking-wide text-zinc-400 dark:text-zinc-500 mb-0.5", children: "Listed by" }), _jsx(Text, { className: "text-sm font-semibold text-zinc-800 dark:text-zinc-200", children: safeSeller })] }), storeHref && (_jsx(Link, { href: storeHref, className: "shrink-0 rounded-lg bg-primary/10 dark:bg-primary/20 px-3 py-1.5 text-xs font-semibold text-primary-700 dark:text-primary-300 hover:bg-primary/20 dark:hover:bg-primary/30 transition-colors", children: "Visit Store \u2192" }))] }) }))] })), renderBidForm: () => onPlaceBid ? (_jsx(Div, { id: "auction-bid-form", children: _jsx(PlaceBidFormClient, { productId: String(product.id), currentBid: currentBid, startingBid: startingBid, minBidIncrement: minBidIncrement, currency: currency, isEnded: isEnded, buyNowPrice: buyNowPrice, bidCount: bidCount, tags: tags, onPlaceBid: onPlaceBid }) })) : (
+                        /* Read-only bid panel — shown when no bid action is wired (preview/demo) */
+                        _jsxs(Div, { className: "rounded-xl border border-zinc-100 dark:border-zinc-800 bg-zinc-50 dark:bg-zinc-900/60 p-5 space-y-4", children: [_jsx(Div, { className: "space-y-1", children: _jsxs(Text, { className: "text-xs text-zinc-500 dark:text-zinc-400", children: ["Starting bid: ", formatCurrency(startingBid, currency), " \u00B7 min increment ", formatCurrency(minBidIncrement, currency)] }) }), _jsxs(Stack, { gap: "sm", children: [_jsx(Input, { type: "number", placeholder: `At least ${formatCurrency(currentBid + minBidIncrement, currency)}`, min: currentBid + minBidIncrement, "aria-label": "Your bid amount", disabled: isEnded }), _jsx(Button, { variant: "primary", size: "md", className: "w-full", disabled: isEnded, children: isEnded ? "Auction Ended" : "Place Bid" }), buyNowPrice !== null && !isEnded && (_jsxs(Button, { variant: "secondary", size: "md", className: "w-full", children: ["Buy Now \u2014 ", formatCurrency(buyNowPrice, currency)] }))] }), tags.length > 0 && (_jsx(Div, { className: "border-t border-zinc-200 dark:border-zinc-700 pt-4", children: _jsx(Row, { wrap: true, gap: "xs", children: tags.map((tag) => (_jsx(Span, { className: "rounded-full bg-zinc-100 dark:bg-zinc-800 px-2.5 py-1 text-xs text-zinc-600 dark:text-zinc-300", children: tag }, tag))) }) }))] })), renderMobileBidForm: () => !isEnded && onPlaceBid ? (_jsx(Div, { className: "lg:hidden", children: _jsx(PlaceBidFormClient, { productId: String(product.id), currentBid: currentBid, startingBid: startingBid, minBidIncrement: minBidIncrement, currency: currency, isEnded: isEnded, buyNowPrice: buyNowPrice, bidCount: bidCount, tags: tags, onPlaceBid: onPlaceBid }) })) : !isEnded ? (_jsxs(Div, { className: "rounded-xl border border-zinc-100 dark:border-zinc-800 bg-zinc-50 dark:bg-zinc-900/60 p-4 lg:hidden", children: [_jsxs(Row, { align: "center", gap: "sm", className: "mb-3", children: [_jsx(Span, { className: "text-base font-bold text-primary-600 dark:text-primary-400", children: formatCurrency(currentBid, currency) }), _jsxs(Span, { className: "text-xs text-zinc-500", children: [bidCount, " bids"] })] }), _jsx(Button, { variant: "primary", size: "md", className: "w-full", children: "Place Bid" })] })) : null, renderSublistingSection: sublistingCategoryId
+                            ? () => (_jsx(SublistingCarouselSection, { sublistingCategoryId: sublistingCategoryId, currentListingId: String(product.id) }))
+                            : undefined, renderTabs: () => (_jsx(ProductTabsShell, { descriptionContent: descriptionHtml ? (_jsx(RichText, { html: descriptionHtml, proseClass: "prose prose-sm sm:prose max-w-none dark:prose-invert", className: "text-zinc-700 dark:text-zinc-300" })) : undefined, specsContent: specs.length > 0 ? (_jsx("dl", { className: "divide-y divide-zinc-100 dark:divide-zinc-800 rounded-xl border border-zinc-100 dark:border-zinc-800 overflow-hidden text-sm", children: specs.map((s, i) => (_jsxs("div", { className: "flex gap-4 px-4 py-3 bg-white dark:bg-zinc-900 even:bg-zinc-50 dark:even:bg-zinc-800/50", children: [_jsx("dt", { className: "w-36 flex-shrink-0 font-medium text-zinc-700 dark:text-zinc-300", children: s.name }), _jsxs("dd", { className: "flex-1 text-zinc-600 dark:text-zinc-400", children: [s.value, s.unit ? ` ${s.unit}` : ""] })] }, i))) })) : undefined, customTabs: customSections.map((s) => ({
+                                id: s.id,
+                                label: s.title,
+                                content: _jsx(CustomSectionTabContent, { section: s }),
+                            })) })), renderBidHistory: () => {
+                            const bids = (bidsResult?.items ?? []).map((b) => ({
+                                id: String(b.id ?? ""),
+                                bidderId: String(b.userId ?? b.bidderId ?? ""),
+                                bidderName: (b.bidderName ?? b.userName),
+                                amount: (typeof b.bidAmount === "number" ? b.bidAmount : typeof b.amount === "number" ? b.amount : 0),
+                                placedAt: (b.createdAt ?? b.bidAt ?? ""),
+                            }));
+                            return _jsx(CollapsibleBidHistory, { bids: bids, currency: currency });
+                        }, renderRelated: () => {
+                            const related = relatedDocs
+                                .filter((r) => r.id !== product.id && r.listingType === "auction")
+                                .slice(0, 4)
+                                .map((r) => ({
+                                id: String(r.id ?? ""),
+                                title: String(r.title ?? r.name ?? "Auction Item"),
+                                price: typeof r.price === "number" ? r.price : 0,
+                                currency: typeof r.currency === "string" ? r.currency : undefined,
+                                mainImage: Array.isArray(r.images)
+                                    ? r.images[0]
+                                    : typeof r.mainImage === "string"
+                                        ? r.mainImage
+                                        : undefined,
+                                listingType: "auction",
+                                auctionEndDate: r.auctionEndDate,
+                                startingBid: typeof r.startingBid === "number" ? r.startingBid : undefined,
+                                currentBid: typeof r.currentBid === "number" ? r.currentBid : undefined,
+                                bidCount: typeof r.bidCount === "number" ? r.bidCount : undefined,
+                                slug: typeof r.slug === "string" ? r.slug : undefined,
+                            }));
+                            if (related.length === 0)
+                                return null;
+                            return (_jsx(RelatedProducts, { labels: { title: "Similar Auctions" }, renderGrid: () => (_jsx(MarketplaceAuctionGrid, { auctions: related, gridClassName: "grid grid-cols-2 gap-4 sm:grid-cols-3 lg:grid-cols-4" })) }));
+                        } }), storeReviews.length > 0 && (_jsxs(Section, { className: "mt-10", children: [_jsx(Heading, { level: 2, className: "mb-2 text-xl font-semibold text-zinc-900 dark:text-zinc-50", children: "Store Reviews" }), (() => {
+                                const avg = storeReviews.reduce((s, r) => s + r.rating, 0) / storeReviews.length;
+                                return (_jsxs(Div, { className: "mb-4 flex items-center gap-3", children: [_jsx(Span, { className: "text-3xl font-bold text-zinc-900 dark:text-zinc-50", children: avg.toFixed(1) }), _jsxs(Div, { children: [_jsx(Row, { gap: "xs", children: [1, 2, 3, 4, 5].map((star) => (_jsx(Span, { className: star <= Math.round(avg) ? "text-amber-400" : "text-zinc-200 dark:text-zinc-700", children: "\u2605" }, star))) }), _jsxs(Text, { className: "text-xs text-zinc-500 dark:text-zinc-400", children: [storeReviews.length, " review", storeReviews.length !== 1 ? "s" : ""] })] })] }));
+                            })(), _jsx(Stack, { gap: "sm", children: storeReviews.slice(0, 10).map((review) => (_jsxs(Div, { className: "rounded-xl border border-zinc-100 dark:border-zinc-800 bg-white dark:bg-zinc-900/60 p-4 space-y-1.5", children: [_jsx(Row, { justify: "between", align: "center", children: _jsxs(Row, { gap: "xs", align: "center", children: [_jsx(Span, { className: "text-sm font-medium text-zinc-800 dark:text-zinc-200", children: review.userName }), _jsx(Row, { gap: "xs", children: [1, 2, 3, 4, 5].map((star) => (_jsx(Span, { className: `text-xs ${star <= review.rating ? "text-amber-400" : "text-zinc-200 dark:text-zinc-700"}`, children: "\u2605" }, star))) })] }) }), review.title && (_jsx(Text, { className: "text-sm font-semibold text-zinc-800 dark:text-zinc-100", children: review.title })), _jsx(Text, { className: "text-sm text-zinc-600 dark:text-zinc-400 leading-relaxed", children: review.comment }), _jsx(Text, { className: "text-xs text-zinc-400 dark:text-zinc-500", children: review.productTitle })] }, review.id))) })] })), !isEnded && (_jsxs(BuyBar, { children: [_jsx(Span, { className: "mr-auto text-sm font-bold text-zinc-900 dark:text-zinc-50", children: formatCurrency(currentBid, currency) }), _jsxs(Span, { className: "text-xs text-zinc-400 dark:text-zinc-500 mr-1", children: [bidCount, " bid", bidCount !== 1 ? "s" : ""] }), _jsx("a", { href: "#auction-bid-form", className: "appkit-button appkit-button--primary appkit-button--sm shrink-0", children: _jsx("span", { className: "appkit-button__content", children: "Place Bid" }) })] }))] })] }));
 }

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

@@ -2,13 +2,17 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { productRepository } from "../../../repositories";
 import { Container, Heading, Main, Section } from "../../../ui";
 import { AdSlot } from "../../homepage/components/AdSlot";
+import { parseListingSearchParams } from "../../../utils/listing-params";
 import { AuctionsIndexListing } from "../../products/components/AuctionsIndexListing";
+const DEFAULT_PAGE = 1;
+const DEFAULT_PAGE_SIZE = 24;
+const DEFAULT_SORT = "auctionEndDate";
 function sp(params, key) {
     const v = params[key];
     return Array.isArray(v) ? v[0] ?? "" : v ?? "";
 }
 function buildAuctionFilters(params) {
-    const parts = ["status==published", "isAuction==true"];
+    const parts = ["status==published", "listingType==auction"];
     const minBid = sp(params, "minBid");
     const maxBid = sp(params, "maxBid");
     if (minBid)
@@ -19,9 +23,9 @@ function buildAuctionFilters(params) {
     if (store) {
         const values = store.split("|").filter(Boolean);
         if (values.length === 1)
-            parts.push(`sellerId==${values[0]}`);
+            parts.push(`storeId==${values[0]}`);
         else if (values.length > 1)
-            parts.push(`sellerId==${values.join("|")}`);
+            parts.push(`storeId==${values.join("|")}`);
     }
     const dateFrom = sp(params, "dateFrom");
     const dateTo = sp(params, "dateTo");
@@ -32,9 +36,10 @@ function buildAuctionFilters(params) {
     return parts.join(",");
 }
 export async function AuctionsListView({ searchParams = {} }) {
-    const sort = sp(searchParams, "sort") || "auctionEndDate";
-    const page = Number(sp(searchParams, "page")) || 1;
-    const pageSize = Number(sp(searchParams, "pageSize")) || 24;
+    const std = parseListingSearchParams(searchParams);
+    const sort = std.sorts ?? DEFAULT_SORT;
+    const page = std.page ?? DEFAULT_PAGE;
+    const pageSize = std.pageSize ?? DEFAULT_PAGE_SIZE;
     const filters = buildAuctionFilters(searchParams);
     const result = await productRepository
         .list({

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

@@ -11,7 +11,8 @@ export interface MarketplaceAuctionCardData {
         url?: string;
         thumbnailUrl?: string;
     };
-    isAuction?: boolean;
+    /** Canonical discriminator (SB1-G Phase 4). */
+    listingType?: "standard" | "auction" | "pre-order" | "prize-draw" | "bundle";
     auctionEndDate?: string | Date;
     startingBid?: number;
     currentBid?: number;

package/dist/features/auctions/hooks/useAuctions.js

@@ -1,5 +1,6 @@
 import { useQuery } from "@tanstack/react-query";
 import { apiClient } from "../../../http";
+import { isAuctionListing } from "../../products/utils/listing-type";
 import { AUCTION_ENDPOINTS, BID_ENDPOINTS, PRODUCT_ENDPOINTS } from "../../../constants/api-endpoints";
 function toQueryString(params) {
     if (typeof params === "string") {
@@ -81,7 +82,7 @@ export function useAuctionDetail(id, opts) {
     const bidsQuery = useQuery({
         queryKey: [bidsQueryKeyPrefix, id, bidsEndpoint],
         queryFn: () => apiClient.get(bidsEndpoint),
-        enabled: enabled && Boolean(product?.isAuction),
+        enabled: enabled && isAuctionListing(product ?? undefined),
         refetchInterval: refetchIntervalMs,
     });
     return {

package/dist/features/auctions/repository/auctions.repository.js

@@ -10,14 +10,14 @@ export class AuctionsRepository {
     }
     async findBySlug(slug) {
         const result = await this.repo.findAll({
-            filters: `slug==${slug},status==published,isAuction==true`,
+            filters: `slug==${slug},status==published,listingType==auction`,
             perPage: 1,
         });
         return result.data[0] ?? null;
     }
     async findActive(page = 1, perPage = 20) {
         return this.repo.findAll({
-            filters: "status==published,isAuction==true",
+            filters: "status==published,listingType==auction",
             sort: "auctionEndDate",
             page,
             perPage,
@@ -25,7 +25,7 @@ export class AuctionsRepository {
     }
     async findByStore(storeSlug, page = 1, perPage = 20) {
         return this.repo.findAll({
-            filters: `storeSlug==${storeSlug},status==published,isAuction==true`,
+            filters: `storeSlug==${storeSlug},status==published,listingType==auction`,
             sort: "auctionEndDate",
             page,
             perPage,
@@ -33,7 +33,7 @@ export class AuctionsRepository {
     }
     async findFeatured(limit = 6) {
         const result = await this.repo.findAll({
-            filters: "status==published,isAuction==true,featured==true",
+            filters: "status==published,listingType==auction,featured==true",
             sort: "auctionEndDate",
             perPage: limit,
         });

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

@@ -29,15 +29,15 @@ export declare const auctionItemSchema: z.ZodObject<{
         source: z.ZodOptional<z.ZodEnum<["upload", "youtube", "external"]>>;
         youtubeId: z.ZodOptional<z.ZodString>;
     }, "strip", z.ZodTypeAny, {
-        url: string;
         type: "video" | "image" | "file";
+        url: string;
         source?: "external" | "upload" | "youtube" | undefined;
         alt?: string | undefined;
         thumbnailUrl?: string | undefined;
         youtubeId?: string | undefined;
     }, {
-        url: string;
         type: "video" | "image" | "file";
+        url: string;
         source?: "external" | "upload" | "youtube" | undefined;
         alt?: string | undefined;
         thumbnailUrl?: string | undefined;
@@ -58,58 +58,58 @@ export declare const auctionItemSchema: z.ZodObject<{
     createdAt: z.ZodString;
     updatedAt: z.ZodString;
 }, "strip", z.ZodTypeAny, {
+    currency: string;
     id: string;
-    title: string;
-    status: "draft" | "published" | "archived" | "sold";
     createdAt: string;
     updatedAt: string;
+    status: "draft" | "published" | "archived" | "sold";
+    title: string;
     price: number;
-    currency: string;
-    slug: string;
-    sellerId: string;
     featured: boolean;
-    isAuction: true;
+    slug: string;
     auctionEndDate: string;
     startingBid: number;
     bidCount: number;
+    isAuction: true;
+    sellerId: string;
+    storeId?: string | undefined;
     media?: {
-        url: string;
         type: "video" | "image" | "file";
+        url: string;
         source?: "external" | "upload" | "youtube" | undefined;
         alt?: string | undefined;
         thumbnailUrl?: string | undefined;
         youtubeId?: string | undefined;
     }[] | undefined;
-    storeId?: string | undefined;
     images?: string[] | undefined;
     description?: string | undefined;
     mainImage?: string | undefined;
     currentBid?: number | undefined;
     storeSlug?: string | undefined;
 }, {
+    currency: string;
     id: string;
-    title: string;
-    status: "draft" | "published" | "archived" | "sold";
     createdAt: string;
     updatedAt: string;
+    status: "draft" | "published" | "archived" | "sold";
+    title: string;
     price: number;
-    currency: string;
-    slug: string;
-    sellerId: string;
     featured: boolean;
-    isAuction: true;
+    slug: string;
     auctionEndDate: string;
     startingBid: number;
     bidCount: number;
+    isAuction: true;
+    sellerId: string;
+    storeId?: string | undefined;
     media?: {
-        url: string;
         type: "video" | "image" | "file";
+        url: string;
         source?: "external" | "upload" | "youtube" | undefined;
         alt?: string | undefined;
         thumbnailUrl?: string | undefined;
         youtubeId?: string | undefined;
     }[] | undefined;
-    storeId?: string | undefined;
     images?: string[] | undefined;
     description?: string | undefined;
     mainImage?: string | undefined;
@@ -126,21 +126,21 @@ export declare const bidRecordSchema: z.ZodObject<{
     placedAt: z.ZodString;
     isWinning: z.ZodBoolean;
 }, "strip", z.ZodTypeAny, {
+    currency: string;
     id: string;
     amount: number;
-    currency: string;
-    bidderId: string;
     isWinning: boolean;
     auctionId: string;
+    bidderId: string;
     placedAt: string;
     bidderDisplayName?: string | undefined;
 }, {
+    currency: string;
     id: string;
     amount: number;
-    currency: string;
-    bidderId: string;
     isWinning: boolean;
     auctionId: string;
+    bidderId: string;
     placedAt: string;
     bidderDisplayName?: string | undefined;
 }>;
@@ -152,14 +152,14 @@ export declare const auctionListParamsSchema: z.ZodObject<{
     filters: z.ZodOptional<z.ZodString>;
 }, "strip", z.ZodTypeAny, {
     sort?: string | undefined;
-    page?: number | undefined;
     pageSize?: number | undefined;
+    page?: number | undefined;
     filters?: string | undefined;
     storeSlug?: string | undefined;
 }, {
     sort?: string | undefined;
-    page?: number | undefined;
     pageSize?: number | undefined;
+    page?: number | undefined;
     filters?: string | undefined;
     storeSlug?: string | undefined;
 }>;

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

@@ -19,7 +19,8 @@ export interface AuctionItem {
     storeId?: string;
     storeSlug?: string;
     featured: boolean;
-    isAuction: true;
+    /** Canonical listing-kind discriminator — always "auction" for AuctionItem. */
+    listingType: "auction";
     video?: {
         url: string;
         thumbnailUrl?: string;

package/dist/features/auth/hooks/useAuth.d.ts

@@ -24,6 +24,10 @@ export interface ChangePasswordData {
     currentPassword: string;
     newPassword: string;
 }
+export interface ChangeEmailData {
+    currentPassword: string;
+    newEmail: string;
+}
 export interface ForgotPasswordData {
     email: string;
 }
@@ -77,4 +81,8 @@ export declare function useChangePassword(options?: {
     onSuccess?: (data: unknown) => void;
     onError?: (error: unknown) => void;
 }): import("@tanstack/react-query").UseMutationResult<unknown, Error, ChangePasswordData, unknown>;
+export declare function useChangeEmail(options?: {
+    onSuccess?: (data: unknown) => void;
+    onError?: (error: unknown) => void;
+}): import("@tanstack/react-query").UseMutationResult<unknown, Error, ChangeEmailData, unknown>;
 export {};

package/dist/features/auth/hooks/useAuth.js

@@ -225,3 +225,12 @@ export function useChangePassword(options) {
         onError: options?.onError,
     });
 }
+export function useChangeEmail(options) {
+    return useMutation({
+        mutationFn: async (data) => {
+            await getClientAuthProvider().reauthenticateAndSendEmailUpdateVerification(data.currentPassword, data.newEmail);
+        },
+        onSuccess: options?.onSuccess,
+        onError: options?.onError,
+    });
+}

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

@@ -57,16 +57,16 @@ export declare const authUserSchema: z.ZodObject<{
     isEmailVerified: z.ZodOptional<z.ZodBoolean>;
 }, "strip", z.ZodTypeAny, {
     id: string;
+    displayName?: string | undefined;
     role?: "admin" | "seller" | "user" | "moderator" | "employee" | undefined;
     email?: string | undefined;
-    displayName?: string | undefined;
     photoURL?: string | undefined;
     isEmailVerified?: boolean | undefined;
 }, {
     id: string;
+    displayName?: string | undefined;
     role?: "admin" | "seller" | "user" | "moderator" | "employee" | undefined;
     email?: string | undefined;
-    displayName?: string | undefined;
     photoURL?: string | undefined;
     isEmailVerified?: boolean | undefined;
 }>;

package/dist/features/before-after/schemas/index.d.ts

@@ -23,9 +23,9 @@ export declare const beforeAfterItemSchema: z.ZodObject<{
     createdAt: z.ZodOptional<z.ZodString>;
 }, "strip", z.ZodTypeAny, {
     id: string;
+    sortOrder: number;
     title: string;
     isActive: boolean;
-    sortOrder: number;
     createdAt?: string | undefined;
     productId?: string | undefined;
     description?: string | undefined;
@@ -37,9 +37,9 @@ export declare const beforeAfterItemSchema: z.ZodObject<{
     id: string;
     title: string;
     createdAt?: string | undefined;
+    sortOrder?: number | undefined;
     isActive?: boolean | undefined;
     productId?: string | undefined;
-    sortOrder?: number | undefined;
     description?: string | undefined;
     concern?: string | undefined;
     beforeImageUrl?: string | undefined;