@mohasinac/appkit 3.0.3 → 3.0.6

package/dist/features/products/constants/action-defs.js

@@ -137,18 +137,34 @@ export const DETAIL_ACTIONS = {
     auction: [ACTION_ID.PLACE_BID, ACTION_ID.BUY_NOW_AUCTION, ACTION_ID.WATCH_AUCTION, ACTION_ID.SHARE],
     /** Pre-order: reserve, wishlist, share */
     preorder: [ACTION_ID.RESERVE_NOW, ACTION_ID.ADD_TO_WISHLIST, ACTION_ID.SHARE],
+    /** Prize draw: enter, wishlist, share */
+    "prize-draw": [ACTION_ID.ENTER_PRIZE_DRAW, ACTION_ID.ADD_TO_WISHLIST, ACTION_ID.SHARE],
+    /** Classified: offer, share */
+    classified: [ACTION_ID.MAKE_OFFER, ACTION_ID.SHARE],
+    /** Digital code: buy now, share */
+    "digital-code": [ACTION_ID.BUY_NOW, ACTION_ID.SHARE],
+    /** Live item: buy now, wishlist, share */
+    live: [ACTION_ID.BUY_NOW, ACTION_ID.ADD_TO_WISHLIST, ACTION_ID.SHARE],
 };
 // Mobile bottom bar — 1–2 primary CTAs only (limited horizontal space)
 export const MOBILE_PRIMARY_ACTIONS = {
     product: [ACTION_ID.BUY_NOW, ACTION_ID.ADD_TO_CART],
     auction: [ACTION_ID.PLACE_BID, ACTION_ID.BUY_NOW_AUCTION],
     preorder: [ACTION_ID.RESERVE_NOW],
+    "prize-draw": [ACTION_ID.ENTER_PRIZE_DRAW],
+    classified: [ACTION_ID.MAKE_OFFER],
+    "digital-code": [ACTION_ID.BUY_NOW],
+    live: [ACTION_ID.BUY_NOW],
 };
 // Listing page bulk actions — shown in the bottom action bar when items are selected
 export const LISTING_BULK_ACTIONS = {
     products: [ACTION_ID.ADD_TO_CART, ACTION_ID.ADD_TO_WISHLIST, ACTION_ID.COMPARE],
     auctions: [ACTION_ID.WATCH_AUCTION, ACTION_ID.UNWATCH_AUCTION, ACTION_ID.COMPARE],
     preorders: [ACTION_ID.ADD_TO_CART, ACTION_ID.ADD_TO_WISHLIST, ACTION_ID.COMPARE],
+    prizeDraws: [ACTION_ID.ADD_TO_WISHLIST, ACTION_ID.COMPARE],
+    classifieds: [ACTION_ID.ADD_TO_WISHLIST, ACTION_ID.COMPARE],
+    digitalCodes: [ACTION_ID.ADD_TO_WISHLIST, ACTION_ID.COMPARE],
+    live: [ACTION_ID.ADD_TO_WISHLIST, ACTION_ID.COMPARE],
     stores: [ACTION_ID.COMPARE],
 };
 /** Maximum number of items the Compare overlay (BK3) supports at once. */

package/dist/features/products/constants/listing-tabs.d.ts

@@ -40,6 +40,18 @@ export declare const CATEGORY_PAGE_TABS: readonly [{
     readonly id: "bundles";
     readonly label: "Bundles";
     readonly collection: "bundles";
+}, {
+    readonly id: "classifieds";
+    readonly label: "Classifieds";
+    readonly listingType: "classified";
+}, {
+    readonly id: "digital-codes";
+    readonly label: "Digital Codes";
+    readonly listingType: "digital-code";
+}, {
+    readonly id: "live";
+    readonly label: "Live Items";
+    readonly listingType: "live";
 }, {
     readonly id: "stores";
     readonly label: "Stores";
@@ -67,6 +79,18 @@ export declare const STORE_PAGE_TABS: readonly [{
     readonly id: "bundles";
     readonly label: "Bundles";
     readonly collection: "bundles";
+}, {
+    readonly id: "classifieds";
+    readonly label: "Classifieds";
+    readonly listingType: "classified";
+}, {
+    readonly id: "digital-codes";
+    readonly label: "Digital Codes";
+    readonly listingType: "digital-code";
+}, {
+    readonly id: "live";
+    readonly label: "Live Items";
+    readonly listingType: "live";
 }];
 export type StoreTabId = (typeof STORE_PAGE_TABS)[number]["id"];
 /** Tabs shown on the seller-dashboard listings view + admin products list. */
@@ -89,6 +113,18 @@ export declare const SELLER_LISTING_TABS: readonly [{
     readonly id: "prize-draws";
     readonly label: "Prize Draws";
     readonly listingType: "prize-draw";
+}, {
+    readonly id: "classifieds";
+    readonly label: "Classifieds";
+    readonly listingType: "classified";
+}, {
+    readonly id: "digital-codes";
+    readonly label: "Digital Codes";
+    readonly listingType: "digital-code";
+}, {
+    readonly id: "live";
+    readonly label: "Live Items";
+    readonly listingType: "live";
 }];
 export type SellerListingTabId = (typeof SELLER_LISTING_TABS)[number]["id"];
 /** Tabs shown on `/search` results. */
@@ -115,5 +151,17 @@ export declare const SEARCH_RESULT_TABS: readonly [{
     readonly id: "bundles";
     readonly label: "Bundles";
     readonly collection: "bundles";
+}, {
+    readonly id: "classifieds";
+    readonly label: "Classifieds";
+    readonly listingType: "classified";
+}, {
+    readonly id: "digital-codes";
+    readonly label: "Digital Codes";
+    readonly listingType: "digital-code";
+}, {
+    readonly id: "live";
+    readonly label: "Live Items";
+    readonly listingType: "live";
 }];
 export type SearchTabId = (typeof SEARCH_RESULT_TABS)[number]["id"];

package/dist/features/products/constants/listing-tabs.js

@@ -15,6 +15,9 @@ export const CATEGORY_PAGE_TABS = [
     { id: "pre-orders", label: "Pre-Orders", listingType: "pre-order" },
     { id: "prize-draws", label: "Prize Draws", listingType: "prize-draw" },
     { id: "bundles", label: "Bundles", collection: "bundles" },
+    { id: "classifieds", label: "Classifieds", listingType: "classified" },
+    { id: "digital-codes", label: "Digital Codes", listingType: "digital-code" },
+    { id: "live", label: "Live Items", listingType: "live" },
     { id: "stores", label: "Stores", entity: "stores" },
 ];
 /** Tabs shown on the public `/stores/[slug]` nav bar. */
@@ -24,6 +27,9 @@ export const STORE_PAGE_TABS = [
     { id: "pre-orders", label: "Pre-Orders", listingType: "pre-order" },
     { id: "prize-draws", label: "Prize Draws", listingType: "prize-draw" },
     { id: "bundles", label: "Bundles", collection: "bundles" },
+    { id: "classifieds", label: "Classifieds", listingType: "classified" },
+    { id: "digital-codes", label: "Digital Codes", listingType: "digital-code" },
+    { id: "live", label: "Live Items", listingType: "live" },
 ];
 /** Tabs shown on the seller-dashboard listings view + admin products list. */
 export const SELLER_LISTING_TABS = [
@@ -32,6 +38,9 @@ export const SELLER_LISTING_TABS = [
     { id: "auctions", label: "Auctions", listingType: "auction" },
     { id: "pre-orders", label: "Pre-Orders", listingType: "pre-order" },
     { id: "prize-draws", label: "Prize Draws", listingType: "prize-draw" },
+    { id: "classifieds", label: "Classifieds", listingType: "classified" },
+    { id: "digital-codes", label: "Digital Codes", listingType: "digital-code" },
+    { id: "live", label: "Live Items", listingType: "live" },
 ];
 /** Tabs shown on `/search` results. */
 export const SEARCH_RESULT_TABS = [
@@ -41,4 +50,7 @@ export const SEARCH_RESULT_TABS = [
     { id: "pre-orders", label: "Pre-Orders", listingType: "pre-order" },
     { id: "prize-draws", label: "Prize Draws", listingType: "prize-draw" },
     { id: "bundles", label: "Bundles", collection: "bundles" },
+    { id: "classifieds", label: "Classifieds", listingType: "classified" },
+    { id: "digital-codes", label: "Digital Codes", listingType: "digital-code" },
+    { id: "live", label: "Live Items", listingType: "live" },
 ];

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

@@ -18,6 +18,7 @@ export declare class ProductRepository extends BaseRepository<ProductDocument> {
     findByStatus(status: ProductStatus): Promise<ProductDocument[]>;
     findFeatured(): Promise<ProductDocument[]>;
     findByCategory(category: string): Promise<ProductDocument[]>;
+    findByBarcodeId(barcodeId: string): Promise<ProductDocument | null>;
     findBySlug(slug: string): Promise<ProductDocument | undefined>;
     findByIdOrSlug(idOrSlug: string): Promise<ProductDocument | undefined>;
     /**
@@ -206,6 +207,42 @@ export declare class ProductRepository extends BaseRepository<ProductDocument> {
             canFilter: boolean;
             canSort: boolean;
         };
+        "classified.meetupArea": {
+            canFilter: boolean;
+            canSort: boolean;
+        };
+        "classified.acceptsShipping": {
+            canFilter: boolean;
+            canSort: boolean;
+        };
+        "classified.negotiable": {
+            canFilter: boolean;
+            canSort: boolean;
+        };
+        "digitalCode.codeDeliveryMethod": {
+            canFilter: boolean;
+            canSort: boolean;
+        };
+        "digitalCode.codesAvailable": {
+            canFilter: boolean;
+            canSort: boolean;
+        };
+        "liveItem.species": {
+            canFilter: boolean;
+            canSort: boolean;
+        };
+        "liveItem.sex": {
+            canFilter: boolean;
+            canSort: boolean;
+        };
+        "liveItem.jurisdictionAllowed": {
+            canFilter: boolean;
+            canSort: boolean;
+        };
+        "liveItem.cites": {
+            canFilter: boolean;
+            canSort: boolean;
+        };
     };
     /**
      * Virtual filter aliases — callers can pass `f=listingType==auction` for

package/dist/features/products/repository/products.repository.js

@@ -3,7 +3,7 @@ import { increment, serverTimestamp } from "../../../contracts/field-ops";
 import { DatabaseError } from "../../../errors";
 import { BaseRepository, prepareForFirestore, } from "../../../providers/db-firebase";
 import { cacheManager } from "../../../core";
-import { generateUniqueId, slugify, buildSearchTokens, tokenizeQuery } from "../../../utils";
+import { generateUniqueId, slugify, buildSearchTokens, tokenizeQuery, generateBarcodeId } from "../../../utils";
 import { PRODUCT_COLLECTION, ProductStatusValues, } from "../schemas";
 import { PRODUCT_FIELDS } from "../../../constants/field-names";
 /**
@@ -20,11 +20,17 @@ const SIEVE_CLAUSE_LT_AUCTION = `${PRODUCT_FIELDS.LISTING_TYPE}==${LISTING_TYPE_
 const SIEVE_CLAUSE_LT_PREORDER = `${PRODUCT_FIELDS.LISTING_TYPE}==${LISTING_TYPE_VALUES.PRE_ORDER}`;
 const SIEVE_CLAUSE_LT_STANDARD = `${PRODUCT_FIELDS.LISTING_TYPE}==${LISTING_TYPE_VALUES.STANDARD}`;
 const SIEVE_CLAUSE_LT_PRIZE_DRAW = `${PRODUCT_FIELDS.LISTING_TYPE}==${LISTING_TYPE_VALUES.PRIZE_DRAW}`;
+const SIEVE_CLAUSE_LT_CLASSIFIED = `${PRODUCT_FIELDS.LISTING_TYPE}==${LISTING_TYPE_VALUES.CLASSIFIED}`;
+const SIEVE_CLAUSE_LT_DIGITAL_CODE = `${PRODUCT_FIELDS.LISTING_TYPE}==${LISTING_TYPE_VALUES.DIGITAL_CODE}`;
+const SIEVE_CLAUSE_LT_LIVE = `${PRODUCT_FIELDS.LISTING_TYPE}==${LISTING_TYPE_VALUES.LIVE}`;
 const LISTING_KIND_ALIAS_MAP = {
     standard: LISTING_TYPE_VALUES.STANDARD,
     auction: LISTING_TYPE_VALUES.AUCTION,
     "pre-order": LISTING_TYPE_VALUES.PRE_ORDER,
     "prize-draw": LISTING_TYPE_VALUES.PRIZE_DRAW,
+    classified: LISTING_TYPE_VALUES.CLASSIFIED,
+    "digital-code": LISTING_TYPE_VALUES.DIGITAL_CODE,
+    live: LISTING_TYPE_VALUES.LIVE,
     // Legacy → canonical.
     product: LISTING_TYPE_VALUES.STANDARD,
     preorder: LISTING_TYPE_VALUES.PRE_ORDER,
@@ -105,8 +111,10 @@ export class ProductRepository extends BaseRepository {
                 return false;
             }
         });
+        const barcodeId = input.barcodeId ?? await generateBarcodeId(id);
         const productData = {
             ...input,
+            barcodeId,
             slug: id,
             availableQuantity: input.stockQuantity,
             searchTokens: buildProductSearchTokens(input),
@@ -136,6 +144,10 @@ export class ProductRepository extends BaseRepository {
             .get();
         return snap.docs.map((d) => this.mapDoc(d));
     }
+    async findByBarcodeId(barcodeId) {
+        const docs = await this.findBy("barcodeId", barcodeId);
+        return docs[0] ?? null;
+    }
     async findBySlug(slug) {
         const key = this.cacheKeyBySlug(slug);
         const cached = cacheManager.get(key);
@@ -486,6 +498,15 @@ ProductRepository.SIEVE_FIELDS = {
     currency: { canFilter: true, canSort: false },
     freeShipping: { canFilter: true, canSort: false },
     searchTokens: { canFilter: true, canSort: false },
+    "classified.meetupArea": { canFilter: true, canSort: false },
+    "classified.acceptsShipping": { canFilter: true, canSort: false },
+    "classified.negotiable": { canFilter: true, canSort: false },
+    "digitalCode.codeDeliveryMethod": { canFilter: true, canSort: false },
+    "digitalCode.codesAvailable": { canFilter: true, canSort: true },
+    "liveItem.species": { canFilter: true, canSort: false },
+    "liveItem.sex": { canFilter: true, canSort: false },
+    "liveItem.jurisdictionAllowed": { canFilter: true, canSort: false },
+    "liveItem.cites": { canFilter: true, canSort: false },
 };
 /**
  * Virtual filter aliases — callers can pass `f=listingType==auction` for
@@ -540,6 +561,12 @@ ProductRepository.FILTER_ALIASES = {
                 return [SIEVE_CLAUSE_PUBLISHED, SIEVE_CLAUSE_LT_PREORDER].join(",");
             case "publicPrizeDraws":
                 return [SIEVE_CLAUSE_PUBLISHED, SIEVE_CLAUSE_LT_PRIZE_DRAW].join(",");
+            case "publicClassifieds":
+                return [SIEVE_CLAUSE_PUBLISHED, SIEVE_CLAUSE_LT_CLASSIFIED].join(",");
+            case "publicDigitalCodes":
+                return [SIEVE_CLAUSE_PUBLISHED, SIEVE_CLAUSE_LT_DIGITAL_CODE].join(",");
+            case "publicLive":
+                return [SIEVE_CLAUSE_PUBLISHED, SIEVE_CLAUSE_LT_LIVE].join(",");
             case "published":
                 return SIEVE_CLAUSE_PUBLISHED;
             default:

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

@@ -3,6 +3,7 @@
  */
 import { type GenerateProductIdInput, type GenerateAuctionIdInput, type GeneratePreOrderIdInput } from "../../../utils/id-generators";
 import type { ProductStatus, ListingType } from "../types";
+import type { BaseDocument } from "../../../_internal/shared/types/base-document";
 export interface ProductVideoField {
     url: string;
     thumbnailUrl: string;
@@ -103,8 +104,7 @@ export interface ProductLiveItemMeta {
     /** CITES permit number (Appendix I/II species). */
     cites?: string;
 }
-export interface ProductDocument {
-    id: string;
+export interface ProductDocument extends BaseDocument {
     title: string;
     description: string;
     slug?: string;
@@ -264,9 +264,11 @@ export interface ProductDocument {
         shelf: string;
         bin: string;
     };
+    /** Scannable barcode identifier linking this listing to a physical stickered item.
+     *  Auto-generated as `LIR-{8-char-hex}` on product creation when not supplied.
+     *  Override by scanning a pre-printed sticker during the create/edit flow. */
+    barcodeId?: string;
     searchTokens?: string[];
-    createdAt: Date;
-    updatedAt: Date;
 }
 /**
  * Single prize within a prize-draw listing. A draw can have between 3 and 16
@@ -294,10 +296,10 @@ export declare const ProductStatusValues: {
     readonly ARCHIVED: "archived";
 };
 export declare const PRODUCT_COLLECTION: "products";
-export declare const PRODUCT_INDEXED_FIELDS: readonly ["storeId", "status", "category", "featured", "listingType", "isPromoted", "isOnSale", "isSold", "searchTokens", "createdAt"];
+export declare const PRODUCT_INDEXED_FIELDS: readonly ["storeId", "status", "category", "featured", "listingType", "isPromoted", "isOnSale", "isSold", "searchTokens", "createdAt", "barcodeId"];
 export declare const DEFAULT_PRODUCT_DATA: Partial<ProductDocument>;
 export declare const PRODUCT_PUBLIC_FIELDS: readonly ["id", "title", "description", "category", "subcategory", "brand", "price", "currency", "stockQuantity", "availableQuantity", "images", "status", "storeName", "featured", "tags", "specifications", "features", "shippingInfo", "returnPolicy", "listingType", "auctionEndDate", "startingBid", "currentBid", "bidCount", "reservePrice", "buyNowPrice", "minBidIncrement", "autoExtendable", "auctionExtensionMinutes", "auctionShippingPaidBy", "buyItNowPriceInPaise", "bidsHaveStarted", "grading", "card", "classified", "digitalCode", "liveItem", "catalogProductId", "preOrderDeliveryDate", "preOrderDepositPercent", "preOrderDepositAmount", "preOrderMaxQuantity", "preOrderCurrentCount", "preOrderProductionStatus", "preOrderCancellable", "condition", "insurance", "insuranceCost", "shippingPaidBy", "isPromoted", "isOnSale", "isSold", "slug", "seoTitle", "seoDescription", "seoKeywords", "viewCount", "customFields", "customSections", "sublistingCategoryId", "groupId", "isGroupParent", "groupParentSlug", "groupChildSlugs", "groupTitle", "createdAt"];
-export declare const PRODUCT_UPDATABLE_FIELDS: readonly ["title", "description", "category", "subcategory", "brand", "price", "stockQuantity", "images", "status", "tags", "specifications", "features", "shippingInfo", "returnPolicy", "pickupAddressId", "condition", "insurance", "shippingPaidBy", "autoExtendable", "auctionExtensionMinutes", "auctionShippingPaidBy", "reservePrice", "buyNowPrice", "minBidIncrement", "buyItNowPriceInPaise", "bidsHaveStarted", "grading", "card", "classified", "digitalCode", "liveItem", "catalogProductId", "listingType", "preOrderDeliveryDate", "preOrderDepositPercent", "preOrderDepositAmount", "preOrderMaxQuantity", "preOrderProductionStatus", "preOrderCancellable", "isOnSale", "isSold", "seoTitle", "seoDescription", "seoKeywords", "customFields", "customSections", "sublistingCategoryId", "groupId", "isGroupParent", "groupParentSlug", "groupChildSlugs", "groupTitle"];
+export declare const PRODUCT_UPDATABLE_FIELDS: readonly ["title", "description", "category", "subcategory", "brand", "price", "stockQuantity", "images", "status", "tags", "specifications", "features", "shippingInfo", "returnPolicy", "pickupAddressId", "condition", "insurance", "shippingPaidBy", "autoExtendable", "auctionExtensionMinutes", "auctionShippingPaidBy", "reservePrice", "buyNowPrice", "minBidIncrement", "buyItNowPriceInPaise", "bidsHaveStarted", "grading", "card", "classified", "digitalCode", "liveItem", "catalogProductId", "listingType", "preOrderDeliveryDate", "preOrderDepositPercent", "preOrderDepositAmount", "preOrderMaxQuantity", "preOrderProductionStatus", "preOrderCancellable", "isOnSale", "isSold", "seoTitle", "seoDescription", "seoKeywords", "customFields", "customSections", "sublistingCategoryId", "groupId", "isGroupParent", "groupParentSlug", "groupChildSlugs", "groupTitle", "barcodeId"];
 export type ProductCreateInput = Omit<ProductDocument, "id" | "createdAt" | "updatedAt" | "availableQuantity" | "bidCount" | "currentBid" | "auctionOriginalEndDate">;
 export type ProductUpdateInput = Partial<Pick<ProductDocument, (typeof PRODUCT_UPDATABLE_FIELDS)[number]>>;
 export type ProductAdminUpdateInput = Partial<Omit<ProductDocument, "id" | "createdAt">>;

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

@@ -23,6 +23,7 @@ export const PRODUCT_INDEXED_FIELDS = [
     "isSold",
     "searchTokens",
     "createdAt",
+    "barcodeId",
 ];
 export const DEFAULT_PRODUCT_DATA = {
     status: "draft",
@@ -173,6 +174,7 @@ export const PRODUCT_UPDATABLE_FIELDS = [
     "groupParentSlug",
     "groupChildSlugs",
     "groupTitle",
+    "barcodeId",
 ];
 // ── SB-UNI-N 2026-05-15 — Digital-code pool subcollection ───────────────────
 // Codes live at `products/{productId}/codes/{codeId}` — seller-only write,

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

@@ -263,8 +263,8 @@ export declare const productItemSchema: z.ZodObject<{
             unit?: string | undefined;
         }>, "many">>;
     }, "strip", z.ZodTypeAny, {
-        id: string;
         title: string;
+        id: string;
         text?: string | undefined;
         fields?: {
             value: string;
@@ -273,8 +273,8 @@ export declare const productItemSchema: z.ZodObject<{
             unit?: string | undefined;
         }[] | undefined;
     }, {
-        id: string;
         title: string;
+        id: string;
         text?: string | undefined;
         fields?: {
             value: string;
@@ -285,9 +285,9 @@ export declare const productItemSchema: z.ZodObject<{
     }>, "many">>;
 }, "strip", z.ZodTypeAny, {
     status: "draft" | "published" | "archived" | "in_review";
-    id: string;
     title: string;
     price: number;
+    id: string;
     currency?: string | undefined;
     video?: {
         url: string;
@@ -356,8 +356,8 @@ export declare const productItemSchema: z.ZodObject<{
         unit?: string | undefined;
     }[] | undefined;
     customSections?: {
-        id: string;
         title: string;
+        id: string;
         text?: string | undefined;
         fields?: {
             value: string;
@@ -414,9 +414,9 @@ export declare const productItemSchema: z.ZodObject<{
     publishedAt?: string | undefined;
 }, {
     status: "draft" | "published" | "archived" | "in_review";
-    id: string;
     title: string;
     price: number;
+    id: string;
     currency?: string | undefined;
     video?: {
         url: string;
@@ -485,8 +485,8 @@ export declare const productItemSchema: z.ZodObject<{
         unit?: string | undefined;
     }[] | undefined;
     customSections?: {
-        id: string;
         title: string;
+        id: string;
         text?: string | undefined;
         fields?: {
             value: string;
@@ -565,8 +565,8 @@ export declare const productListParamsSchema: z.ZodObject<{
     featured?: boolean | undefined;
     listingType?: "standard" | "auction" | "pre-order" | "prize-draw" | "bundle" | undefined;
     condition?: "new" | "used" | "refurbished" | "broken" | "like_new" | "good" | "fair" | "poor" | undefined;
-    q?: string | undefined;
     page?: number | undefined;
+    q?: string | undefined;
     perPage?: number | undefined;
     minPrice?: number | undefined;
     maxPrice?: number | undefined;
@@ -579,8 +579,8 @@ export declare const productListParamsSchema: z.ZodObject<{
     featured?: boolean | undefined;
     listingType?: "standard" | "auction" | "pre-order" | "prize-draw" | "bundle" | undefined;
     condition?: "new" | "used" | "refurbished" | "broken" | "like_new" | "good" | "fair" | "poor" | undefined;
-    q?: string | undefined;
     page?: number | undefined;
+    q?: string | undefined;
     perPage?: number | undefined;
     minPrice?: number | undefined;
     maxPrice?: number | undefined;

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

@@ -149,6 +149,8 @@ export interface ProductItem {
         shelf: string;
         bin: string;
     };
+    /** Scannable barcode ID linking this listing to a physical stickered item. */
+    barcodeId?: string;
 }
 export interface ProductListResponse {
     items: ProductItem[];

package/dist/features/promotions/components/CouponCard.js

@@ -104,7 +104,7 @@ export function CouponCard({ coupon, labels: labelsProp, onCopy, className = "",
     const handleCopy = () => {
         if (!n.code)
             return;
-        navigator.clipboard.writeText(n.code).catch(() => { });
+        navigator.clipboard.writeText(n.code).catch(console.error);
         setCopied(true);
         onCopy?.(n.code);
         setTimeout(() => setCopied(false), 2000);
@@ -159,7 +159,7 @@ export function CouponCard({ coupon, labels: labelsProp, onCopy, className = "",
             setBusy(null);
         }
     };
-    return (_jsxs(Stack, { className: `group relative h-full border-2 ${colors.card} ${isSelected ? "ring-2 ring-primary" : ""} ${!n.isActive ? "opacity-70" : ""} ${className}`, rounded: "xl", padding: "md", onMouseDown: onSelect && !isSelected ? longPress.onMouseDown : undefined, onMouseUp: onSelect && !isSelected ? longPress.onMouseUp : undefined, onMouseLeave: onSelect && !isSelected ? longPress.onMouseLeave : undefined, onTouchStart: onSelect && !isSelected ? longPress.onTouchStart : undefined, onTouchEnd: onSelect && !isSelected ? longPress.onTouchEnd : undefined, children: [onSelect && (_jsx(BaseListingCard.Checkbox, { selected: isSelected, onSelect: (e) => { e.preventDefault(); onSelect(n.id, !isSelected); }, label: isSelected ? "Deselect coupon" : "Select coupon", position: "top-2 right-2", className: selectable || isSelected ? "opacity-100" : "opacity-0 group-hover:opacity-100 transition-opacity" })), (hasAdminActions || n.scope) && (_jsxs(Row, { gap: "xs", wrap: true, className: "mb-2", children: [_jsx(Badge, { variant: n.isActive ? "active" : "inactive", size: "xs", className: "text-[10px] uppercase tracking-wide", children: n.isActive ? labels.active : labels.inactive }), n.scope && (_jsx(Span, { layout: "inline-flex", weight: "semibold", className: "bg-zinc-200/70 text-[10px] tracking-wide dark:bg-zinc-700/60", rounded: "full", padding: "pill-xs", color: "primary", transform: "uppercase", children: n.scope }))] })), _jsxs(Div, { className: "mb-3", children: [_jsx(Text, { className: "font-extrabold tracking-tight leading-none", size: "2xl", children: discountLabel }), n.name && (_jsx(Text, { className: "mt-0.5 opacity-80", size: "sm", weight: "medium", children: n.name }))] }), n.description && (_jsx(Text, { className: "opacity-60 mb-3", size: "xs", children: n.description })), _jsxs(Row, { className: `border border-dashed ${colors.code}`, align: "center", gap: "sm", rounded: "lg", padding: "inlineSm", children: [_jsx(Span, { size: "sm", weight: "bold", className: "flex-1 font-mono tracking-widest select-all", transform: "uppercase", children: n.code || "—" }), n.code && (_jsx("button", { type: "button", onClick: handleCopy, className: "shrink-0 rounded-md px-2.5 py-1 text-xs font-semibold transition-all hover:opacity-80 active:scale-95 bg-white/60 dark:bg-black/20 border border-current/20", "aria-label": "Copy coupon code", children: copied ? labels.copied : labels.copy }))] }), showClaim && n.code && n.isActive && (_jsx(Div, { className: "mt-2", children: _jsx("button", { type: "button", onClick: handleClaim, disabled: claiming, className: "w-full rounded-md px-3 py-1.5 text-xs font-semibold transition-all active:scale-95 bg-[var(--appkit-color-primary-700)] text-[var(--appkit-color-text-on-primary)] hover:bg-[var(--appkit-color-primary-800)] disabled:opacity-50", "aria-label": `Claim coupon ${n.code} and apply at checkout`, children: claiming ? labels.claiming : labels.claim }) })), _jsxs(Row, { textSize: "xs", wrap: true, gap: "sm", className: "opacity-60 mt-2", children: [n.minOrderAmount ? (_jsxs(Span, { children: [labels.minOrder, ": \u20B9", (n.minOrderAmount / 100).toFixed(0)] })) : null, expiry && (_jsxs(Span, { children: [labels.expires, ": ", expiry] })), n.usageLimit ? (_jsxs(Span, { children: [n.usageCount, "/", n.usageLimit, " ", labels.used] })) : n.usageCount > 0 ? (_jsxs(Span, { children: [n.usageCount, " ", labels.used] })) : null] }), hasAdminActions && (_jsxs(Row, { gap: "xs", justify: "end", className: "mt-auto", padding: "t-sm", children: [onEdit && (_jsx("button", { type: "button", onClick: () => onEdit(n.id), title: labels.edit, "aria-label": labels.edit, className: "rounded-lg p-1.5 text-zinc-500 dark:text-zinc-400 hover:bg-white/60 dark:hover:bg-black/30 hover:text-zinc-800 dark:hover:text-zinc-200 transition-colors", children: _jsx(Pencil, { className: "h-4 w-4" }) })), onToggleActive && (_jsx("button", { type: "button", onClick: handleToggle, disabled: busy === "toggle", title: n.isActive ? labels.deactivate : labels.activate, "aria-label": n.isActive ? labels.deactivate : labels.activate, className: "rounded-lg p-1.5 text-zinc-500 dark:text-zinc-400 hover:bg-white/60 dark:hover:bg-black/30 transition-colors disabled:opacity-50", children: n.isActive
+    return (_jsxs(Stack, { className: `group relative h-full border-2 ${colors.card} ${isSelected ? "ring-2 ring-primary" : ""} ${!n.isActive ? "opacity-70" : ""} ${className}`, rounded: "xl", padding: "md", onMouseDown: onSelect && !isSelected ? longPress.onMouseDown : undefined, onMouseUp: onSelect && !isSelected ? longPress.onMouseUp : undefined, onMouseLeave: onSelect && !isSelected ? longPress.onMouseLeave : undefined, onTouchStart: onSelect && !isSelected ? longPress.onTouchStart : undefined, onTouchEnd: onSelect && !isSelected ? longPress.onTouchEnd : undefined, children: [onSelect && (_jsx(BaseListingCard.Checkbox, { selected: isSelected, onSelect: (e) => { e.preventDefault(); onSelect(n.id, !isSelected); }, label: isSelected ? "Deselect coupon" : "Select coupon", position: "top-2 right-2", className: selectable || isSelected ? "opacity-100" : "opacity-0 group-hover:opacity-100 transition-opacity" })), (hasAdminActions || n.scope) && (_jsxs(Row, { gap: "xs", wrap: true, className: "mb-2", children: [_jsx(Badge, { variant: n.isActive ? "active" : "inactive", size: "xs", className: "text-[10px] uppercase tracking-wide", children: n.isActive ? labels.active : labels.inactive }), n.scope && (_jsx(Span, { layout: "inline-flex", weight: "semibold", className: "bg-neutral-200/70 text-[10px] tracking-wide dark:bg-neutral-700/60", rounded: "full", padding: "pill-xs", color: "primary", transform: "uppercase", children: n.scope }))] })), _jsxs(Div, { className: "mb-3", children: [_jsx(Text, { className: "font-extrabold tracking-tight leading-none", size: "2xl", children: discountLabel }), n.name && (_jsx(Text, { className: "mt-0.5 opacity-80", size: "sm", weight: "medium", children: n.name }))] }), n.description && (_jsx(Text, { className: "opacity-60 mb-3", size: "xs", children: n.description })), _jsxs(Row, { className: `border border-dashed ${colors.code}`, align: "center", gap: "sm", rounded: "lg", padding: "inlineSm", children: [_jsx(Span, { size: "sm", weight: "bold", className: "flex-1 font-mono tracking-widest select-all", transform: "uppercase", children: n.code || "—" }), n.code && (_jsx("button", { type: "button", onClick: handleCopy, className: "shrink-0 rounded-md px-2.5 py-1 text-xs font-semibold transition-all hover:opacity-80 active:scale-95 bg-white/60 dark:bg-black/20 border border-current/20", "aria-label": "Copy coupon code", children: copied ? labels.copied : labels.copy }))] }), showClaim && n.code && n.isActive && (_jsx(Div, { className: "mt-2", children: _jsx("button", { type: "button", onClick: handleClaim, disabled: claiming, className: "w-full rounded-md px-3 py-1.5 text-xs font-semibold transition-all active:scale-95 bg-[var(--appkit-color-primary-700)] text-[var(--appkit-color-text-on-primary)] hover:bg-[var(--appkit-color-primary-800)] disabled:opacity-50", "aria-label": `Claim coupon ${n.code} and apply at checkout`, children: claiming ? labels.claiming : labels.claim }) })), _jsxs(Row, { textSize: "xs", wrap: true, gap: "sm", className: "opacity-60 mt-2", children: [n.minOrderAmount ? (_jsxs(Span, { children: [labels.minOrder, ": \u20B9", (n.minOrderAmount / 100).toFixed(0)] })) : null, expiry && (_jsxs(Span, { children: [labels.expires, ": ", expiry] })), n.usageLimit ? (_jsxs(Span, { children: [n.usageCount, "/", n.usageLimit, " ", labels.used] })) : n.usageCount > 0 ? (_jsxs(Span, { children: [n.usageCount, " ", labels.used] })) : null] }), hasAdminActions && (_jsxs(Row, { gap: "xs", justify: "end", className: "mt-auto", padding: "t-sm", children: [onEdit && (_jsx("button", { type: "button", onClick: () => onEdit(n.id), title: labels.edit, "aria-label": labels.edit, className: "rounded-lg p-1.5 text-zinc-500 dark:text-zinc-400 hover:bg-white/60 dark:hover:bg-black/30 hover:text-zinc-800 dark:hover:text-zinc-200 transition-colors", children: _jsx(Pencil, { className: "h-4 w-4" }) })), onToggleActive && (_jsx("button", { type: "button", onClick: handleToggle, disabled: busy === "toggle", title: n.isActive ? labels.deactivate : labels.activate, "aria-label": n.isActive ? labels.deactivate : labels.activate, className: "rounded-lg p-1.5 text-zinc-500 dark:text-zinc-400 hover:bg-white/60 dark:hover:bg-black/30 transition-colors disabled:opacity-50", children: n.isActive
                             ? _jsx(ToggleRight, { className: CLS_TOGGLE_ON })
                             : _jsx(ToggleLeft, { className: "h-4 w-4" }) })), onDelete && (_jsx("button", { type: "button", onClick: () => setDeleteConfirmOpen(true), disabled: busy === "delete", title: labels.delete, "aria-label": labels.delete, className: CLS_DELETE_BTN, children: _jsx(Trash2, { className: "h-4 w-4" }) }))] })), deleteConfirmOpen && (_jsx(ConfirmDeleteModal, { isOpen: true, title: "Delete Coupon", message: labels.deleteConfirm, onConfirm: handleDeleteConfirmed, onClose: () => setDeleteConfirmOpen(false), isDeleting: busy === "delete" }))] }));
 }

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

@@ -2,6 +2,7 @@
  * Coupons/Promotions Firestore Document Types & Constants
  */
 import type { CouponType } from "../types";
+import type { BaseDocument } from "../../../_internal/shared/types/base-document";
 export interface DiscountConfig {
     value: number;
     maxDiscount?: number;
@@ -41,8 +42,7 @@ export interface CouponStats {
     totalRevenue: number;
     totalDiscount: number;
 }
-export interface CouponDocument {
-    id: string;
+export interface CouponDocument extends BaseDocument {
     code: string;
     name: string;
     description: string;
@@ -58,8 +58,6 @@ export interface CouponDocument {
     validity: ValidityConfig;
     restrictions: RestrictionsConfig;
     createdBy: string;
-    createdAt: Date;
-    updatedAt: Date;
     stats: CouponStats;
 }
 export interface CouponUsageDocument {

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

@@ -277,8 +277,8 @@ export declare const couponFirestoreSchema: z.ZodObject<{
     createdAt: string | Date | z.objectOutputType<{
         toDate: z.ZodFunction<z.ZodTuple<[], z.ZodUnknown>, z.ZodDate>;
     }, z.ZodTypeAny, "passthrough">;
-    id: string;
     description: string;
+    id: string;
     updatedAt: string | Date | z.objectOutputType<{
         toDate: z.ZodFunction<z.ZodTuple<[], z.ZodUnknown>, z.ZodDate>;
     }, z.ZodTypeAny, "passthrough">;
@@ -336,8 +336,8 @@ export declare const couponFirestoreSchema: z.ZodObject<{
     createdAt: string | Date | z.objectInputType<{
         toDate: z.ZodFunction<z.ZodTuple<[], z.ZodUnknown>, z.ZodDate>;
     }, z.ZodTypeAny, "passthrough">;
-    id: string;
     description: string;
+    id: string;
     updatedAt: string | Date | z.objectInputType<{
         toDate: z.ZodFunction<z.ZodTuple<[], z.ZodUnknown>, z.ZodDate>;
     }, z.ZodTypeAny, "passthrough">;
@@ -758,8 +758,8 @@ export declare const couponItemSchema: z.ZodObject<{
     code: string;
     type: "fixed" | "percentage" | "free_shipping" | "buy_x_get_y";
     createdAt: string;
-    id: string;
     description: string;
+    id: string;
     updatedAt: string;
     name: string;
     scope: "seller" | "admin";
@@ -782,8 +782,8 @@ export declare const couponItemSchema: z.ZodObject<{
     code: string;
     type: "fixed" | "percentage" | "free_shipping" | "buy_x_get_y";
     createdAt: string;
-    id: string;
     description: string;
+    id: string;
     updatedAt: string;
     name: string;
     scope: "seller" | "admin";
@@ -814,16 +814,16 @@ export declare const promotionsListParamsSchema: z.ZodObject<{
 }, "strip", z.ZodTypeAny, {
     sort?: string | undefined;
     storeId?: string | undefined;
-    scope?: "seller" | "admin" | undefined;
     page?: number | undefined;
+    scope?: "seller" | "admin" | undefined;
     pageSize?: number | undefined;
     isActive?: boolean | undefined;
     filters?: string | undefined;
 }, {
     sort?: string | undefined;
     storeId?: string | undefined;
-    scope?: "seller" | "admin" | undefined;
     page?: number | undefined;
+    scope?: "seller" | "admin" | undefined;
     pageSize?: number | undefined;
     isActive?: boolean | undefined;
     filters?: string | undefined;

package/dist/features/reviews/components/ReviewDetailShell.js

@@ -89,9 +89,9 @@ export function ReviewDetailShell({ review, storeHref }) {
         ? String(ROUTES.PUBLIC.PROFILE(reviewerProfileId))
         : null;
     const currentImage = lightboxIdx !== null ? images[lightboxIdx] : null;
-    return (_jsxs(_Fragment, { children: [_jsx(Div, { surface: "default", className: "border-b border-neutral-200 pt-10", padding: "b-xl", children: _jsxs(Div, { className: "mx-auto max-w-3xl", padding: "x-md", children: [_jsxs(Row, { gap: "sm", className: "mb-4", children: [_jsx(StarRating, { value: review.rating, size: "lg", readOnly: true }), _jsxs(Span, { color: "inverse", weight: "bold", className: "text-neutral-900 dark:text-neutral-100 dark:", size: "2xl", children: [review.rating, ".0"] }), review.verified && (_jsx(Span, { layout: "inline-flex", gap: "xs", color: "success", surface: "success-surface", size: "xs", weight: "semibold", rounded: "full", padding: "pill-md", children: "\u2713 Verified Purchase" })), review.featured && (_jsx(Span, { size: "xs", weight: "semibold", className: CLS_RATING_PILL, children: "\u2605 Featured" }))] }), review.title && (_jsx(Heading, { color: "inverse", level: 1, className: "text-neutral-900 dark:text-neutral-100 dark: mb-4 leading-snug", size: "2xl", weight: "bold", children: review.title })), _jsxs(Row, { gap: "sm", children: [review.userAvatar ? (_jsx(Div, { role: "img", "aria-label": displayName, className: "h-11 w-11 flex-shrink-0 bg-center bg-cover ring-2 ring-white dark:ring-zinc-800", rounded: "full", style: { backgroundImage: `url(${review.userAvatar})` } })) : (_jsx(Row, { textWeight: "bold", textSize: "base", centered: true, className: "h-11 w-11 flex-shrink-0 bg-primary/10 text-primary ring-2 ring-white dark:ring-zinc-800", rounded: "full", children: initials })), _jsxs(Div, { className: "min-w-0", children: [reviewerHref ? (_jsx(Link, { href: reviewerHref, className: "text-sm font-semibold text-neutral-900 dark:text-neutral-100 dark:text-white hover:text-primary transition-colors", children: displayName })) : (_jsx(Span, { color: "inverse", size: "sm", weight: "semibold", className: "text-neutral-900 dark:text-neutral-100 dark:", children: review.isAnonymous ? "Anonymous" : displayName })), date && (_jsx(Text, { size: "xs", color: "muted", className: "mt-0.5", children: date }))] })] })] }) }), _jsxs(Stack, { gap: "xl", className: "mx-auto max-w-3xl", paddingY: "y-xl", paddingX: "x-md", children: [review.comment && (_jsx(Section, { children: _jsx(RichText, { html: normalizeRichTextHtml(review.comment), proseClass: "prose prose-neutral dark:prose-invert max-w-none prose-p:leading-relaxed prose-headings:font-semibold prose-img:rounded-lg prose-a:text-primary", className: "text-neutral-700 dark:text-zinc-300" }) })), images.length > 0 && (_jsxs(Section, { children: [_jsxs(Heading, { level: 2, className: "tracking-wide mb-3", color: "faint", size: "sm", weight: "semibold", transform: "uppercase", children: ["Photos (", images.length, ")"] }), _jsx(Grid, { gap: "xs", className: "grid-cols-3 sm:grid-cols-4", children: images.map((img, i) => (_jsxs("button", { type: "button", onClick: () => setLightboxIdx(i), "aria-label": `View photo ${i + 1}`, className: "group relative aspect-square overflow-hidden rounded-xl border border-neutral-200 dark:border-zinc-700 bg-neutral-100 dark:bg-zinc-800 focus:outline-none focus-visible:ring-2 focus-visible:ring-primary", children: [_jsx(Div, { className: "h-full w-full bg-center bg-cover transition-transform duration-300 group-hover:scale-105", style: { backgroundImage: `url(${img.thumbnailUrl ?? img.url})` } }), _jsx(Row, { centered: true, className: "absolute inset-0 opacity-0 group-hover:opacity-100 transition-opacity bg-black/30", children: _jsx(Span, { color: "inverse", size: "xl", children: "\uD83D\uDD0D" }) })] }, i))) })] })), review.video && (_jsxs(Section, { children: [_jsx(Heading, { level: 2, className: "tracking-wide mb-3", color: "faint", size: "sm", weight: "semibold", transform: "uppercase", children: "Video" }), _jsx(Div, { className: `${__O.hidden} border border-neutral-200 dark:border-zinc-700 bg-black aspect-video`, rounded: "xl", children: _jsx("video", { src: review.video.url, poster: review.video.thumbnailUrl, controls: true, className: "h-full w-full", preload: "metadata" }) })] })), _jsxs(Section, { className: "flex items-center gap-4 border-t border-neutral-100", padding: "y-md", children: [_jsx(Div, { textSize: "sm", className: "text-neutral-500 dark:text-neutral-400", children: helpfulCount > 0 && (_jsxs(Span, { children: [_jsx(Span, { color: "inverse", weight: "bold", className: "text-neutral-900 dark:text-neutral-100 dark:", children: helpfulCount }), " ", helpfulCount === 1 ? "person" : "people", " found this helpful"] })) }), _jsxs("button", { type: "button", onClick: handleVote, disabled: voted || voting, className: `ml-auto flex items-center gap-2 rounded-lg border px-4 py-2 text-sm font-medium transition-colors ${voted
+    return (_jsxs(_Fragment, { children: [_jsx(Div, { surface: "default", className: "border-b border-neutral-200 pt-[2.5rem]", padding: "b-xl", children: _jsxs(Div, { className: "mx-auto max-w-3xl", padding: "x-md", children: [_jsxs(Row, { gap: "sm", className: "mb-4", children: [_jsx(StarRating, { value: review.rating, size: "lg", readOnly: true }), _jsxs(Span, { color: "inverse", weight: "bold", className: "text-neutral-900 dark:text-neutral-100 dark:", size: "2xl", children: [review.rating, ".0"] }), review.verified && (_jsx(Span, { layout: "inline-flex", gap: "xs", color: "success", surface: "success-surface", size: "xs", weight: "semibold", rounded: "full", padding: "pill-md", children: "\u2713 Verified Purchase" })), review.featured && (_jsx(Span, { size: "xs", weight: "semibold", className: CLS_RATING_PILL, children: "\u2605 Featured" }))] }), review.title && (_jsx(Heading, { color: "inverse", level: 1, className: "text-neutral-900 dark:text-neutral-100 dark: mb-4 leading-snug", size: "2xl", weight: "bold", children: review.title })), _jsxs(Row, { gap: "sm", children: [review.userAvatar ? (_jsx("img", { src: review.userAvatar, alt: displayName, className: "h-11 w-11 flex-shrink-0 object-cover rounded-full ring-2 ring-white dark:ring-zinc-800" })) : (_jsx(Row, { textWeight: "bold", textSize: "base", centered: true, className: "h-11 w-11 flex-shrink-0 bg-primary/10 text-primary ring-2 ring-white dark:ring-zinc-800", rounded: "full", children: initials })), _jsxs(Div, { className: "min-w-0", children: [reviewerHref ? (_jsx(Link, { href: reviewerHref, className: "text-sm font-semibold text-neutral-900 dark:text-neutral-100 dark:text-white hover:text-primary transition-colors", children: displayName })) : (_jsx(Span, { color: "inverse", size: "sm", weight: "semibold", className: "text-neutral-900 dark:text-neutral-100 dark:", children: review.isAnonymous ? "Anonymous" : displayName })), date && (_jsx(Text, { size: "xs", color: "muted", className: "mt-0.5", children: date }))] })] })] }) }), _jsxs(Stack, { gap: "xl", className: "mx-auto max-w-3xl", paddingY: "y-xl", paddingX: "x-md", children: [review.comment && (_jsx(Section, { children: _jsx(RichText, { html: normalizeRichTextHtml(review.comment), proseClass: "prose prose-neutral dark:prose-invert max-w-none prose-p:leading-relaxed prose-headings:font-semibold prose-img:rounded-lg prose-a:text-primary", className: "text-neutral-700 dark:text-zinc-300" }) })), images.length > 0 && (_jsxs(Section, { children: [_jsxs(Heading, { level: 2, className: "tracking-wide mb-3", color: "faint", size: "sm", weight: "semibold", transform: "uppercase", children: ["Photos (", images.length, ")"] }), _jsx(Grid, { gap: "xs", className: "grid-cols-3 sm:grid-cols-4", children: images.map((img, i) => (_jsxs("button", { type: "button", onClick: () => setLightboxIdx(i), "aria-label": `View photo ${i + 1}`, className: "group relative aspect-square overflow-hidden rounded-xl border border-neutral-200 dark:border-zinc-700 bg-neutral-100 dark:bg-zinc-800 focus:outline-none focus-visible:ring-2 focus-visible:ring-primary", children: [_jsx("img", { src: img.thumbnailUrl ?? img.url, alt: `Review image ${i + 1}`, className: "h-full w-full object-cover transition-transform duration-300 group-hover:scale-105" }), _jsx(Row, { centered: true, className: "absolute inset-0 opacity-0 group-hover:opacity-100 transition-opacity bg-[rgba(0,0,0,0.3)]", children: _jsx(Span, { color: "inverse", size: "xl", children: "\uD83D\uDD0D" }) })] }, i))) })] })), review.video && (_jsxs(Section, { children: [_jsx(Heading, { level: 2, className: "tracking-wide mb-3", color: "faint", size: "sm", weight: "semibold", transform: "uppercase", children: "Video" }), _jsx(Div, { className: `${__O.hidden} border border-neutral-200 dark:border-neutral-700 bg-[rgb(0,0,0)] aspect-video`, rounded: "xl", children: _jsx("video", { src: review.video.url, poster: review.video.thumbnailUrl, controls: true, className: "h-full w-full", preload: "metadata" }) })] })), _jsxs(Section, { className: "flex items-[center] gap-[1rem] border-t border-neutral-100", padding: "y-md", children: [_jsx(Div, { textSize: "sm", className: "text-neutral-500 dark:text-neutral-400", children: helpfulCount > 0 && (_jsxs(Span, { children: [_jsx(Span, { color: "inverse", weight: "bold", className: "text-neutral-900 dark:text-neutral-100 dark:", children: helpfulCount }), " ", helpfulCount === 1 ? "person" : "people", " found this helpful"] })) }), _jsxs("button", { type: "button", onClick: handleVote, disabled: voted || voting, className: `ml-auto flex items-center gap-2 rounded-lg border px-4 py-2 text-sm font-medium transition-colors ${voted
                                     ? CLS_HELPFUL_ACTIVE
-                                    : "border-neutral-300 dark:border-zinc-600 text-neutral-700 dark:text-zinc-200 hover:border-primary hover:text-primary dark:hover:border-primary dark:hover:text-primary disabled:opacity-50"}`, children: [_jsx(Span, { "aria-hidden": "true", children: voted ? "✓" : "👍" }), voted ? "Marked helpful" : voting ? "Saving…" : "Helpful?"] })] }), _jsxs(Section, { className: "grid gap-3 sm:grid-cols-3", children: [productHref && (_jsxs(Link, { href: productHref, className: CLS_RELATED_LINK, children: [_jsx(Span, { className: CLS_ICON_ORANGE, children: "\uD83D\uDCE6" }), _jsxs(Div, { className: "min-w-0", children: [_jsx(Text, { className: CLS_RELATED_LABEL, children: "Product" }), _jsx(Text, { className: CLS_RELATED_TITLE, children: review.productTitle ?? "View Product" })] })] })), sellerHref && (_jsxs(Link, { href: sellerHref, className: CLS_RELATED_LINK, children: [_jsx(Span, { className: CLS_ICON_BLUE, children: "\uD83C\uDFEA" }), _jsxs(Div, { className: "min-w-0", children: [_jsx(Text, { className: CLS_RELATED_LABEL, children: "Seller" }), _jsx(Text, { className: CLS_RELATED_TITLE, children: "View Seller" })] })] })), reviewerHref ? (_jsxs(Link, { href: reviewerHref, className: CLS_RELATED_LINK, children: [_jsx(Span, { className: CLS_ICON_PURPLE, children: "\uD83D\uDC64" }), _jsxs(Div, { className: "min-w-0", children: [_jsx(Text, { className: CLS_RELATED_LABEL, children: "Reviewer" }), _jsx(Text, { className: CLS_RELATED_TITLE, children: displayName })] })] })) : (_jsxs(Row, { surface: "default", gap: "sm", className: `border border-neutral-200 dark:border-zinc-700 ${__P.p4}`, rounded: "xl", children: [_jsx(Span, { size: "xl", className: CLS_ICON_PURPLE_BARE, children: "\uD83D\uDC64" }), _jsxs(Div, { className: "min-w-0", children: [_jsx(Span, { size: "xs", className: "block mb-0.5", color: "faint", children: "Reviewer" }), _jsx(Span, { color: "inverse", size: "sm", weight: "medium", className: "block text-neutral-900 dark:text-neutral-100 dark: truncate", children: "Anonymous" })] })] }))] })] }), lightboxIdx !== null && currentImage && (_jsxs(Row, { centered: true, className: "fixed inset-0 z-50 bg-black/95", onClick: closeLightbox, role: "dialog", "aria-modal": "true", "aria-label": "Image lightbox", children: [_jsx("button", { type: "button", onClick: closeLightbox, "aria-label": "Close lightbox", className: "absolute top-4 right-4 z-10 flex h-10 w-10 items-center justify-center rounded-full bg-white/10 text-white hover:bg-white/20 transition-colors text-xl", children: "\u00D7" }), _jsxs(Div, { textSize: "sm", className: "absolute top-4 left-1/2 -translate-x-1/2 text-white/70", children: [lightboxIdx + 1, " / ", images.length] }), images.length > 1 && (_jsx("button", { type: "button", onClick: (e) => { e.stopPropagation(); prevImage(); }, "aria-label": "Previous image", className: "absolute left-4 top-1/2 -translate-y-1/2 z-10 flex h-12 w-12 items-center justify-center rounded-full bg-white/10 text-white hover:bg-white/25 transition-colors text-2xl", children: "\u2039" })), _jsx(Row, { centered: true, className: "max-h-[85vh] max-w-[85vw]", onClick: (e) => e.stopPropagation(), children: _jsx("img", { src: currentImage.url, alt: `Review photo ${lightboxIdx + 1}`, className: "max-h-[85vh] max-w-[85vw] rounded-lg object-contain shadow-2xl" }) }), images.length > 1 && (_jsx("button", { type: "button", onClick: (e) => { e.stopPropagation(); nextImage(); }, "aria-label": "Next image", className: "absolute right-4 top-1/2 -translate-y-1/2 z-10 flex h-12 w-12 items-center justify-center rounded-full bg-white/10 text-white hover:bg-white/25 transition-colors text-2xl", children: "\u203A" })), images.length > 1 && (_jsx(Row, { justify: "center", gap: "xs", className: "absolute bottom-4 left-0 right-0", padding: "x-md", children: images.map((img, i) => (_jsx("button", { type: "button", onClick: (e) => { e.stopPropagation(); setLightboxIdx(i); }, "aria-label": `Go to image ${i + 1}`, className: `h-12 w-12 flex-shrink-0 rounded-md bg-center bg-cover border-2 transition-all ${i === lightboxIdx
+                                    : "border-neutral-300 dark:border-zinc-600 text-neutral-700 dark:text-zinc-200 hover:border-primary hover:text-primary dark:hover:border-primary dark:hover:text-primary disabled:opacity-50"}`, children: [_jsx(Span, { "aria-hidden": "true", children: voted ? "✓" : "👍" }), voted ? "Marked helpful" : voting ? "Saving…" : "Helpful?"] })] }), _jsxs(Section, { className: "grid gap-[0.75rem] sm:grid-cols-3", children: [productHref && (_jsxs(Link, { href: productHref, className: CLS_RELATED_LINK, children: [_jsx(Span, { className: CLS_ICON_ORANGE, children: "\uD83D\uDCE6" }), _jsxs(Div, { className: "min-w-0", children: [_jsx(Text, { className: CLS_RELATED_LABEL, children: "Product" }), _jsx(Text, { className: CLS_RELATED_TITLE, children: review.productTitle ?? "View Product" })] })] })), sellerHref && (_jsxs(Link, { href: sellerHref, className: CLS_RELATED_LINK, children: [_jsx(Span, { className: CLS_ICON_BLUE, children: "\uD83C\uDFEA" }), _jsxs(Div, { className: "min-w-0", children: [_jsx(Text, { className: CLS_RELATED_LABEL, children: "Seller" }), _jsx(Text, { className: CLS_RELATED_TITLE, children: "View Seller" })] })] })), reviewerHref ? (_jsxs(Link, { href: reviewerHref, className: CLS_RELATED_LINK, children: [_jsx(Span, { className: CLS_ICON_PURPLE, children: "\uD83D\uDC64" }), _jsxs(Div, { className: "min-w-0", children: [_jsx(Text, { className: CLS_RELATED_LABEL, children: "Reviewer" }), _jsx(Text, { className: CLS_RELATED_TITLE, children: displayName })] })] })) : (_jsxs(Row, { surface: "default", gap: "sm", className: `border border-neutral-200 dark:border-[var(--appkit-color-border)] ${__P.p4}`, rounded: "xl", children: [_jsx(Span, { size: "xl", className: CLS_ICON_PURPLE_BARE, children: "\uD83D\uDC64" }), _jsxs(Div, { className: "min-w-0", children: [_jsx(Span, { size: "xs", className: "block mb-0.5", color: "faint", children: "Reviewer" }), _jsx(Span, { color: "inverse", size: "sm", weight: "medium", className: "block text-neutral-900 dark:text-neutral-100 dark: truncate", children: "Anonymous" })] })] }))] })] }), lightboxIdx !== null && currentImage && (_jsxs(Row, { centered: true, className: "fixed inset-0 z-50 bg-[rgba(0,0,0,0.95)]", onClick: closeLightbox, role: "dialog", "aria-modal": "true", "aria-label": "Image lightbox", children: [_jsx("button", { type: "button", onClick: closeLightbox, "aria-label": "Close lightbox", className: "absolute top-4 right-4 z-10 flex h-10 w-10 items-center justify-center rounded-full bg-white/10 text-white hover:bg-white/20 transition-colors text-xl", children: "\u00D7" }), _jsxs(Div, { textSize: "sm", className: "absolute top-4 left-1/2 -translate-x-1/2 text-white/70", children: [lightboxIdx + 1, " / ", images.length] }), images.length > 1 && (_jsx("button", { type: "button", onClick: (e) => { e.stopPropagation(); prevImage(); }, "aria-label": "Previous image", className: "absolute left-4 top-1/2 -translate-y-1/2 z-10 flex h-12 w-12 items-center justify-center rounded-full bg-white/10 text-white hover:bg-white/25 transition-colors text-2xl", children: "\u2039" })), _jsx(Row, { centered: true, className: "max-h-[85vh] max-w-[85vw]", onClick: (e) => e.stopPropagation(), children: _jsx("img", { src: currentImage.url, alt: `Review photo ${lightboxIdx + 1}`, className: "max-h-[85vh] max-w-[85vw] rounded-lg object-contain shadow-2xl" }) }), images.length > 1 && (_jsx("button", { type: "button", onClick: (e) => { e.stopPropagation(); nextImage(); }, "aria-label": "Next image", className: "absolute right-4 top-1/2 -translate-y-1/2 z-10 flex h-12 w-12 items-center justify-center rounded-full bg-white/10 text-white hover:bg-white/25 transition-colors text-2xl", children: "\u203A" })), images.length > 1 && (_jsx(Row, { justify: "center", gap: "xs", className: "absolute bottom-4 left-0 right-0", padding: "x-md", children: images.map((img, i) => (_jsx("button", { type: "button", onClick: (e) => { e.stopPropagation(); setLightboxIdx(i); }, "aria-label": `Go to image ${i + 1}`, className: `h-12 w-12 flex-shrink-0 rounded-md overflow-hidden border-2 transition-all ${i === lightboxIdx
                                 ? "border-white scale-110"
-                                : "border-transparent opacity-60 hover:opacity-100"}`, style: { backgroundImage: `url(${img.thumbnailUrl ?? img.url})` } }, i))) }))] }))] }));
+                                : "border-transparent opacity-60 hover:opacity-100"}`, children: _jsx("img", { src: img.thumbnailUrl ?? img.url, alt: `Thumbnail ${i + 1}`, className: "w-full h-full object-cover" }) }, i))) }))] }))] }));
 }