@mohasinac/appkit 2.3.2 → 2.4.0

package/dist/features/cart/hooks/useCartCount.js

@@ -6,13 +6,15 @@ import { CART_ENDPOINTS } from "../../../constants/api-endpoints";
  * useCartCount
  *
  * Returns a live cart count, preferring server cart data when available
- * and falling back to guest-cart storage.
+ * and falling back to guest-cart storage. Pass `enabled=true` only when
+ * a user session exists — prevents unauthenticated API calls sitewide.
  */
-export function useCartCount() {
+export function useCartCount(enabled = false) {
     const { count: guestCount } = useGuestCart();
     const { data } = useQuery({
         queryKey: ["cart"],
         queryFn: () => apiClient.get(CART_ENDPOINTS.GET),
+        enabled,
     });
     return data?.itemCount ?? guestCount;
 }

package/dist/features/cart/hooks/useGuestCartMerge.js

@@ -30,7 +30,7 @@ export function useGuestCartMerge(options) {
         }
         const mergeFn = options.mergeFn ??
             (async (payload) => {
-                await apiClient.post(options.mergeEndpoint ?? CART_ENDPOINTS.MERGE, payload);
+                await apiClient.post(options.mergeEndpoint ?? CART_ENDPOINTS.MERGE, { items: payload });
             });
         mergeFn(items)
             .then(() => {

package/dist/features/cart/index.d.ts

@@ -11,4 +11,5 @@ export * from "./hooks/useAddToCart";
 export * from "./hooks/useGuestCartMerge";
 export * from "./components";
 export * from "./utils/guest-cart";
+export * from "./utils/pending-ops";
 export { manifest } from "./manifest";

package/dist/features/cart/index.js

@@ -11,4 +11,5 @@ export * from "./hooks/useAddToCart";
 export * from "./hooks/useGuestCartMerge";
 export * from "./components";
 export * from "./utils/guest-cart";
+export * from "./utils/pending-ops";
 export { manifest } from "./manifest";

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

@@ -1,7 +1,7 @@
 import type { DocumentReference } from "firebase-admin/firestore";
 import type { DocumentSnapshot } from "../../../providers/db-firebase";
 import { BaseRepository } from "../../../providers/db-firebase";
-import { type AddToCartInput, type CartDocument, type UpdateCartItemInput } from "../schemas";
+import { type AddToCartInput, type CartAppliedCoupon, type CartDocument, type UpdateCartItemInput } from "../schemas";
 export declare class CartRepository extends BaseRepository<CartDocument> {
     constructor();
     protected mapDoc<D = CartDocument>(snap: DocumentSnapshot): D;
@@ -14,6 +14,10 @@ export declare class CartRepository extends BaseRepository<CartDocument> {
     clearCart(userId: string): Promise<CartDocument>;
     getItemCount(cart: CartDocument): number;
     getSubtotal(cart: CartDocument): number;
+    addCoupon(userId: string, coupon: CartAppliedCoupon): Promise<void>;
+    removeCoupon(userId: string, code: string): Promise<void>;
+    clearAllCoupons(userId: string): Promise<void>;
+    setSelectedItems(userId: string, itemIds: string[] | null): Promise<void>;
     /**
      * Cloud Functions: return refs of stale carts not updated within TTL.
      */

package/dist/features/cart/repository/cart.repository.js

@@ -13,9 +13,9 @@ export class CartRepository extends BaseRepository {
             ...raw,
             items: (raw.items ?? []).map((item) => ({
                 ...item,
-                sellerName: typeof item.sellerName === "string"
-                    ? (decryptPii(item.sellerName) ?? item.sellerName)
-                    : item.sellerName,
+                storeName: typeof item.storeName === "string"
+                    ? (decryptPii(item.storeName) ?? item.storeName)
+                    : item.storeName,
             })),
         };
     }
@@ -76,8 +76,8 @@ export class CartRepository extends BaseRepository {
                     price: input.price,
                     currency: input.currency,
                     quantity: input.quantity,
-                    sellerId: input.sellerId,
-                    sellerName: input.sellerName,
+                    storeId: input.storeId,
+                    storeName: input.storeName,
                     isAuction: input.isAuction ?? false,
                     isPreOrder: input.isPreOrder ?? false,
                     ...(input.isOffer !== undefined && { isOffer: input.isOffer }),
@@ -192,6 +192,37 @@ export class CartRepository extends BaseRepository {
     getSubtotal(cart) {
         return cart.items.reduce((sum, item) => sum + item.price * item.quantity, 0);
     }
+    async addCoupon(userId, coupon) {
+        const cart = await this.getOrCreate(userId);
+        const existing = cart.appliedCoupons ?? [];
+        // Replace if same code already applied (re-apply updates discount amount)
+        const filtered = existing.filter((c) => c.code !== coupon.code);
+        await this.db
+            .collection(this.collection)
+            .doc(userId)
+            .set({ appliedCoupons: [...filtered, coupon], updatedAt: new Date() }, { merge: true });
+    }
+    async removeCoupon(userId, code) {
+        const cart = await this.getOrCreate(userId);
+        const updated = (cart.appliedCoupons ?? []).filter((c) => c.code !== code);
+        await this.db
+            .collection(this.collection)
+            .doc(userId)
+            .set({ appliedCoupons: updated, updatedAt: new Date() }, { merge: true });
+    }
+    async clearAllCoupons(userId) {
+        await this.db
+            .collection(this.collection)
+            .doc(userId)
+            .set({ appliedCoupons: [], updatedAt: new Date() }, { merge: true });
+    }
+    async setSelectedItems(userId, itemIds) {
+        // null means "all items selected" — clears the field
+        await this.db
+            .collection(this.collection)
+            .doc(userId)
+            .set({ selectedItemIds: itemIds ?? null, updatedAt: new Date() }, { merge: true });
+    }
     /**
      * Cloud Functions: return refs of stale carts not updated within TTL.
      */

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

@@ -12,8 +12,9 @@ export interface CartItemDocument {
     price: number;
     currency: string;
     quantity: number;
-    sellerId: string;
-    sellerName: string;
+    /** Store slug (= storeId = store.id) used for order grouping and store link (/stores/[storeId]) */
+    storeId: string;
+    storeName: string;
     isAuction: boolean;
     isPreOrder: boolean;
     /** True when item was added from an accepted Make-an-Offer */
@@ -24,10 +25,27 @@ export interface CartItemDocument {
     addedAt: Date;
     updatedAt: Date;
 }
+export interface CartAppliedCoupon {
+    code: string;
+    discountAmount: number;
+    couponId?: string;
+    /** "admin" coupons apply across all stores; "seller" coupons apply to one store's items */
+    scope?: "admin" | "seller";
+    /** For seller-scoped coupons, the storeId whose items this applies to */
+    storeId?: string;
+    /** Item IDs (CartItemDocument.itemId) this coupon was calculated against */
+    applicableItemIds?: string[];
+    /** Mirrors CouponDocument.restrictions.combineWithSellerCoupons — used for conflict detection when adding future coupons */
+    combineWithSellerCoupons?: boolean;
+}
 export interface CartDocument {
     id: string;
     userId: string;
     items: CartItemDocument[];
+    /** Multiple coupons/deals applied at cart level */
+    appliedCoupons?: CartAppliedCoupon[];
+    /** Item IDs the user has selected for the next checkout (undefined = all items) */
+    selectedItemIds?: string[];
     createdAt: Date;
     updatedAt: Date;
 }
@@ -47,8 +65,8 @@ export declare const CART_FIELDS: {
         readonly PRICE: "price";
         readonly CURRENCY: "currency";
         readonly QUANTITY: "quantity";
-        readonly SELLER_ID: "sellerId";
-        readonly SELLER_NAME: "sellerName";
+        readonly STORE_ID: "storeId";
+        readonly STORE_NAME: "storeName";
         readonly IS_AUCTION: "isAuction";
         readonly IS_PRE_ORDER: "isPreOrder";
         readonly ADDED_AT: "addedAt";
@@ -64,8 +82,9 @@ export type AddToCartInput = {
     price: number;
     currency: string;
     quantity: number;
-    sellerId: string;
-    sellerName: string;
+    /** Store slug (= storeId = store.id) */
+    storeId: string;
+    storeName: string;
     isAuction?: boolean;
     isPreOrder?: boolean;
     isOffer?: boolean;

package/dist/features/cart/schemas/firestore.js

@@ -20,8 +20,8 @@ export const CART_FIELDS = {
         PRICE: "price",
         CURRENCY: "currency",
         QUANTITY: "quantity",
-        SELLER_ID: "sellerId",
-        SELLER_NAME: "sellerName",
+        STORE_ID: "storeId",
+        STORE_NAME: "storeName",
         IS_AUCTION: "isAuction",
         IS_PRE_ORDER: "isPreOrder",
         ADDED_AT: "addedAt",

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

@@ -8,8 +8,8 @@ export declare const cartItemMetaSchema: z.ZodObject<{
     attributes: z.ZodOptional<z.ZodRecord<z.ZodString, z.ZodString>>;
 }, "strip", z.ZodTypeAny, {
     title: string;
-    currency: string;
     price: number;
+    currency: string;
     slug?: string | undefined;
     attributes?: Record<string, string> | undefined;
 }, {
@@ -43,8 +43,8 @@ export declare const cartItemSchema: z.ZodObject<{
         attributes: z.ZodOptional<z.ZodRecord<z.ZodString, z.ZodString>>;
     }, "strip", z.ZodTypeAny, {
         title: string;
-        currency: string;
         price: number;
+        currency: string;
         slug?: string | undefined;
         attributes?: Record<string, string> | undefined;
     }, {
@@ -61,8 +61,8 @@ export declare const cartItemSchema: z.ZodObject<{
     quantity: number;
     meta?: {
         title: string;
-        currency: string;
         price: number;
+        currency: string;
         slug?: string | undefined;
         attributes?: Record<string, string> | undefined;
     } | undefined;
@@ -80,8 +80,8 @@ export declare const cartItemSchema: z.ZodObject<{
         attributes?: Record<string, string> | undefined;
     } | undefined;
     sessionId?: string | undefined;
-    userId?: string | undefined;
     quantity?: number | undefined;
+    userId?: string | undefined;
     addedAt?: string | undefined;
 }>;
 export declare const cartSummarySchema: z.ZodObject<{
@@ -99,8 +99,8 @@ export declare const cartSummarySchema: z.ZodObject<{
             attributes: z.ZodOptional<z.ZodRecord<z.ZodString, z.ZodString>>;
         }, "strip", z.ZodTypeAny, {
             title: string;
-            currency: string;
             price: number;
+            currency: string;
             slug?: string | undefined;
             attributes?: Record<string, string> | undefined;
         }, {
@@ -117,8 +117,8 @@ export declare const cartSummarySchema: z.ZodObject<{
         quantity: number;
         meta?: {
             title: string;
-            currency: string;
             price: number;
+            currency: string;
             slug?: string | undefined;
             attributes?: Record<string, string> | undefined;
         } | undefined;
@@ -136,8 +136,8 @@ export declare const cartSummarySchema: z.ZodObject<{
             attributes?: Record<string, string> | undefined;
         } | undefined;
         sessionId?: string | undefined;
-        userId?: string | undefined;
         quantity?: number | undefined;
+        userId?: string | undefined;
         addedAt?: string | undefined;
     }>, "many">;
     subtotal: z.ZodNumber;
@@ -150,8 +150,8 @@ export declare const cartSummarySchema: z.ZodObject<{
         quantity: number;
         meta?: {
             title: string;
-            currency: string;
             price: number;
+            currency: string;
             slug?: string | undefined;
             attributes?: Record<string, string> | undefined;
         } | undefined;
@@ -174,8 +174,8 @@ export declare const cartSummarySchema: z.ZodObject<{
             attributes?: Record<string, string> | undefined;
         } | undefined;
         sessionId?: string | undefined;
-        userId?: string | undefined;
         quantity?: number | undefined;
+        userId?: string | undefined;
         addedAt?: string | undefined;
     }[];
     subtotal: number;

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

@@ -6,7 +6,7 @@ export const cartItemMetaSchema = z.object({
     price: z.number(),
     currency: z.string().default(getDefaultCurrency()),
     slug: z.string().optional(),
-    attributes: z.record(z.string()).optional(),
+    attributes: z.record(z.string(), z.string()).optional(),
 });
 /**
  * Base Zod schema for a cart item.

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

@@ -1,6 +1,6 @@
 export interface CartItemMeta {
     productId: string;
-    sellerId?: string;
+    storeId?: string;
     title: string;
     image?: string;
     price: number;

package/dist/features/cart/utils/pending-ops.d.ts

@@ -0,0 +1,33 @@
+/**
+ * pending-ops
+ *
+ * Tracks cart and wishlist operations that haven't been synced to the server yet.
+ * Written to localStorage so they survive page refreshes.
+ * The sync manager replays these and clears them after a successful push.
+ */
+export type CartOpKind = "add" | "remove";
+export type WishlistOpKind = "add" | "remove";
+export interface CartOp {
+    op: CartOpKind;
+    productId: string;
+    quantity?: number;
+    /** snapshot data to show in UI without hitting the server */
+    productTitle?: string;
+    productImage?: string;
+    price?: number;
+    ts: number;
+}
+export interface WishlistOp {
+    op: WishlistOpKind;
+    itemId: string;
+    type: "product" | "auction" | "preorder" | "category" | "store";
+    title?: string;
+    image?: string;
+    ts: number;
+}
+export declare function getCartOps(): CartOp[];
+export declare function pushCartOp(op: Omit<CartOp, "ts">): void;
+export declare function clearCartOps(): void;
+export declare function getWishlistOps(): WishlistOp[];
+export declare function pushWishlistOp(op: Omit<WishlistOp, "ts">): void;
+export declare function clearWishlistOps(): void;

package/dist/features/cart/utils/pending-ops.js

@@ -0,0 +1,102 @@
+/**
+ * pending-ops
+ *
+ * Tracks cart and wishlist operations that haven't been synced to the server yet.
+ * Written to localStorage so they survive page refreshes.
+ * The sync manager replays these and clears them after a successful push.
+ */
+const APP_ID = () => typeof process !== "undefined" && process.env.NEXT_PUBLIC_APP_ID
+    ? process.env.NEXT_PUBLIC_APP_ID
+    : "letitrip";
+const CART_OPS_KEY = () => `${APP_ID()}_cart_ops`;
+const WL_OPS_KEY = () => `${APP_ID()}_wl_ops`;
+// ---------------------------------------------------------------------------
+// Storage helpers
+// ---------------------------------------------------------------------------
+function read(key) {
+    if (typeof window === "undefined")
+        return [];
+    try {
+        const raw = localStorage.getItem(key);
+        if (!raw)
+            return [];
+        const parsed = JSON.parse(raw);
+        return Array.isArray(parsed) ? parsed : [];
+    }
+    catch {
+        return [];
+    }
+}
+function write(key, items) {
+    if (typeof window === "undefined")
+        return;
+    try {
+        localStorage.setItem(key, JSON.stringify(items));
+    }
+    catch {
+        // storage quota exceeded — best effort
+    }
+}
+// ---------------------------------------------------------------------------
+// Cart ops
+// ---------------------------------------------------------------------------
+export function getCartOps() {
+    return read(CART_OPS_KEY());
+}
+export function pushCartOp(op) {
+    const ops = read(CART_OPS_KEY());
+    // Collapse: if an add followed by a remove for the same productId, cancel both
+    if (op.op === "remove") {
+        const withoutProduct = ops.filter((o) => o.productId !== op.productId);
+        if (withoutProduct.length < ops.length) {
+            // There was a pending add — cancelling
+            write(CART_OPS_KEY(), withoutProduct);
+            return;
+        }
+    }
+    // Deduplicate: merge add quantities for the same productId
+    if (op.op === "add") {
+        const existing = ops.find((o) => o.op === "add" && o.productId === op.productId);
+        if (existing) {
+            const merged = ops.map((o) => o.op === "add" && o.productId === op.productId
+                ? { ...o, quantity: Math.min((o.quantity ?? 1) + (op.quantity ?? 1), 99) }
+                : o);
+            write(CART_OPS_KEY(), merged);
+            return;
+        }
+    }
+    write(CART_OPS_KEY(), [...ops, { ...op, ts: Date.now() }]);
+}
+export function clearCartOps() {
+    if (typeof window === "undefined")
+        return;
+    localStorage.removeItem(CART_OPS_KEY());
+}
+// ---------------------------------------------------------------------------
+// Wishlist ops
+// ---------------------------------------------------------------------------
+export function getWishlistOps() {
+    return read(WL_OPS_KEY());
+}
+export function pushWishlistOp(op) {
+    const ops = read(WL_OPS_KEY());
+    // Cancel add+remove pairs for the same (itemId, type)
+    const key = (o) => `${o.itemId}:${o.type}`;
+    if (op.op === "remove") {
+        const withoutItem = ops.filter((o) => key(o) !== key(op));
+        if (withoutItem.length < ops.length) {
+            write(WL_OPS_KEY(), withoutItem);
+            return;
+        }
+    }
+    // Deduplicate adds
+    if (op.op === "add" && ops.some((o) => o.op === "add" && key(o) === key(op))) {
+        return;
+    }
+    write(WL_OPS_KEY(), [...ops, { ...op, ts: Date.now() }]);
+}
+export function clearWishlistOps() {
+    if (typeof window === "undefined")
+        return;
+    localStorage.removeItem(WL_OPS_KEY());
+}

package/dist/features/categories/components/BrandDetailPageView.d.ts

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

package/dist/features/categories/components/BrandDetailPageView.js

@@ -0,0 +1,54 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import Link from "next/link";
+import { categoriesRepository, productRepository } from "../../../repositories";
+import { ROUTES } from "../../../next";
+import { Container, Main, Section } from "../../../ui";
+import { BrandDetailTabs } from "./BrandDetailTabs";
+export async function BrandDetailPageView({ slug }) {
+    const brand = await categoriesRepository
+        .getCategoryBySlug(slug)
+        .catch(() => undefined);
+    const brandName = brand?.name;
+    const [productsResult, auctionsResult, preOrdersResult] = await Promise.all([
+        brandName
+            ? productRepository
+                .list({
+                filters: `status==published,brand==${brandName},isAuction==false,isPreOrder==false`,
+                sorts: "-createdAt",
+                page: 1,
+                pageSize: 24,
+            })
+                .catch(() => null)
+            : Promise.resolve(null),
+        brandName
+            ? productRepository
+                .list({
+                filters: `status==published,brand==${brandName},isAuction==true`,
+                sorts: "auctionEndDate",
+                page: 1,
+                pageSize: 1,
+            })
+                .catch(() => null)
+            : Promise.resolve(null),
+        brandName
+            ? productRepository
+                .list({
+                filters: `status==published,brand==${brandName},isPreOrder==true`,
+                sorts: "-createdAt",
+                page: 1,
+                pageSize: 1,
+            })
+                .catch(() => null)
+            : Promise.resolve(null),
+    ]);
+    const coverImage = brand?.display?.coverImage;
+    const hasCover = Boolean(coverImage);
+    const brandColor = brand?.display?.color || "#6366f1";
+    const counts = {
+        products: productsResult?.total ?? brand?.metrics?.productCount ?? 0,
+        auctions: auctionsResult?.total ?? brand?.metrics?.auctionCount ?? 0,
+        preOrders: preOrdersResult?.total ?? 0,
+    };
+    const totalItems = counts.products + counts.auctions + counts.preOrders;
+    return (_jsxs(Main, { children: [_jsxs("section", { className: `relative overflow-hidden ${hasCover ? "min-h-[220px] md:min-h-[280px]" : "bg-zinc-50 dark:bg-zinc-900"}`, children: [hasCover && (_jsxs(_Fragment, { children: [_jsx("div", { className: "absolute inset-0 bg-center bg-cover", style: { backgroundImage: `url(${coverImage})` } }), _jsx("div", { className: "absolute inset-0 bg-black/55" })] })), !hasCover && (_jsx("div", { className: "absolute inset-0 opacity-10", style: { backgroundColor: brandColor } })), _jsxs("div", { className: `relative z-10 max-w-7xl mx-auto px-4 ${hasCover ? "py-12" : "py-8"}`, children: [_jsxs("nav", { className: "flex items-center gap-1.5 text-sm mb-4", "aria-label": "Breadcrumb", children: [_jsx(Link, { href: String(ROUTES.HOME), className: hasCover ? "text-white/70 hover:text-white transition-colors" : "text-zinc-500 hover:text-primary-600 transition-colors", children: "Home" }), _jsx("span", { className: hasCover ? "text-white/40" : "text-zinc-400", children: "/" }), _jsx(Link, { href: String(ROUTES.PUBLIC.BRANDS ?? "/brands"), className: hasCover ? "text-white/70 hover:text-white transition-colors" : "text-zinc-500 hover:text-primary-600 transition-colors", children: "Brands" }), _jsx("span", { className: hasCover ? "text-white/40" : "text-zinc-400", children: "/" }), _jsx("span", { className: hasCover ? "text-white font-medium" : "text-zinc-900 dark:text-zinc-100 font-medium", children: brand?.name ?? slug })] }), _jsxs("div", { className: "flex items-center gap-4 mb-3", children: [brand?.display?.icon && (_jsx("span", { className: `text-5xl leading-none ${!hasCover ? "" : ""}`, children: brand.display.icon })), _jsxs("div", { children: [_jsx("h1", { className: `text-3xl md:text-4xl font-bold ${hasCover ? "text-white" : "text-zinc-900 dark:text-zinc-50"}`, children: brand?.name ?? slug }), brand?.description && typeof brand.description === "string" && !brand.description.startsWith("{") && (_jsx("p", { className: `text-base max-w-2xl mt-1 ${hasCover ? "text-white/80" : "text-zinc-600 dark:text-zinc-400"}`, children: brand.description }))] })] }), _jsxs("div", { className: "flex flex-wrap gap-2 mt-3", children: [counts.products > 0 && (_jsxs("span", { className: `inline-flex items-center gap-1 text-xs font-medium px-2.5 py-1 rounded-full ${hasCover ? "bg-white/20 text-white backdrop-blur-sm" : "bg-primary/10 text-primary-700 dark:text-primary-400"}`, children: [counts.products.toLocaleString(), " ", counts.products === 1 ? "product" : "products"] })), counts.auctions > 0 && (_jsxs("span", { className: `inline-flex items-center gap-1 text-xs font-medium px-2.5 py-1 rounded-full ${hasCover ? "bg-white/20 text-white backdrop-blur-sm" : "bg-amber-100 text-amber-700 dark:bg-amber-900/30 dark:text-amber-400"}`, children: [counts.auctions.toLocaleString(), " ", counts.auctions === 1 ? "auction" : "auctions"] })), counts.preOrders > 0 && (_jsxs("span", { className: `inline-flex items-center gap-1 text-xs font-medium px-2.5 py-1 rounded-full ${hasCover ? "bg-white/20 text-white backdrop-blur-sm" : "bg-violet-100 text-violet-700 dark:bg-violet-900/30 dark:text-violet-400"}`, children: [counts.preOrders.toLocaleString(), " ", counts.preOrders === 1 ? "pre-order" : "pre-orders"] })), totalItems === 0 && (_jsx("span", { className: `text-sm ${hasCover ? "text-white/60" : "text-zinc-400"}`, children: "No items listed yet" }))] })] })] }), _jsx(Section, { className: "py-6", children: _jsx(Container, { size: "xl", children: brandName ? (_jsx(BrandDetailTabs, { brandName: brandName, initialProductsData: productsResult ?? undefined, counts: counts })) : (_jsx("p", { className: "py-12 text-center text-sm text-zinc-500 dark:text-zinc-400", children: "Brand not found." })) }) })] }));
+}

package/dist/features/categories/components/BrandDetailTabs.d.ts

@@ -0,0 +1,10 @@
+export interface BrandDetailTabsProps {
+    brandName: string;
+    initialProductsData?: any;
+    counts?: {
+        products?: number;
+        auctions?: number;
+        preOrders?: number;
+    };
+}
+export declare function BrandDetailTabs({ brandName, initialProductsData, counts }: BrandDetailTabsProps): import("react/jsx-runtime").JSX.Element;

package/dist/features/categories/components/BrandDetailTabs.js

@@ -0,0 +1,22 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { CategoryProductsListing } from "./CategoryProductsListing";
+import { AuctionsIndexListing } from "../../products/components/AuctionsIndexListing";
+import { PreOrdersIndexListing } from "../../pre-orders/components/PreOrdersIndexListing";
+function tabLabel(label, count) {
+    if (!count)
+        return label;
+    return `${label} (${count.toLocaleString()})`;
+}
+export function BrandDetailTabs({ brandName, initialProductsData, counts }) {
+    const [activeTab, setActiveTab] = useState("products");
+    const TABS = [
+        { id: "products", label: tabLabel("Products", counts?.products) },
+        { id: "auctions", label: tabLabel("Auctions", counts?.auctions) },
+        { id: "pre-orders", label: tabLabel("Pre-Orders", counts?.preOrders) },
+    ];
+    return (_jsxs("div", { children: [_jsx("div", { className: "flex border-b border-zinc-200 dark:border-slate-700 mb-6", children: TABS.map((t) => (_jsx("button", { type: "button", onClick: () => setActiveTab(t.id), className: `px-5 py-2.5 text-sm font-medium transition-colors -mb-px border-b-2 ${activeTab === t.id
+                        ? "border-primary text-primary"
+                        : "border-transparent text-zinc-500 hover:text-zinc-900 dark:hover:text-zinc-100"}`, children: t.label }, t.id))) }), activeTab === "products" && (_jsx(CategoryProductsListing, { categorySlug: "", brandName: brandName, initialData: initialProductsData })), activeTab === "auctions" && (_jsx(AuctionsIndexListing, { brandName: brandName })), activeTab === "pre-orders" && (_jsx(PreOrdersIndexListing, { brandName: brandName }))] }));
+}

package/dist/features/categories/components/CategoriesIndexListing.d.ts

@@ -1,5 +1,7 @@
 import type { CategoryItem } from "../types";
 export interface CategoriesIndexListingProps {
     initialData?: CategoryItem[];
+    /** When true, filters to brands only (for the standalone /brands page) */
+    brandsOnly?: boolean;
 }
-export declare function CategoriesIndexListing({ initialData: _ }: CategoriesIndexListingProps): import("react/jsx-runtime").JSX.Element;
+export declare function CategoriesIndexListing({ initialData: _, brandsOnly }: CategoriesIndexListingProps): import("react/jsx-runtime").JSX.Element;