@mohasinac/appkit 2.8.9 → 3.0.0

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

@@ -19,7 +19,7 @@ export declare class ProductFeaturesRepository extends BaseRepository<ProductFea
     /**
      * Hard-delete. Throws ValidationError if any product references this feature
      * in product.features[]. Admin/store UIs should surface a "this feature is in
-     * use" message instead of silently unlinking.
+   * use" message instead of silently unlinking.
      */
     delete(id: string): Promise<void>;
     countByStore(storeId: string): Promise<number>;

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

@@ -1,3 +1,4 @@
+import { normalizeError } from "../../../errors/normalize";
 import { DatabaseError, ValidationError } from "../../../errors";
 import { ERROR_MESSAGES } from "../../../errors/messages";
 import { BaseRepository, prepareForFirestore, } from "../../../providers/db-firebase";
@@ -11,6 +12,7 @@ function slugify(value) {
         .replace(/[^a-z0-9]+/g, "-")
         .replace(/^-+|-+$/g, "");
 }
+// audit-unknown-ok: error-handler entry point — accepts thrown values of any shape
 function failureMessage(prefix, error) {
     return `${prefix}: ${error instanceof Error ? error.message : "Unknown error"}`;
 }
@@ -48,6 +50,7 @@ export class ProductFeaturesRepository extends BaseRepository {
             return docs;
         }
         catch (error) {
+            void normalizeError(error);
             throw new DatabaseError(failureMessage(ERROR_MESSAGES.PRODUCT_FEATURES.FETCH_FAILED, error));
         }
     }
@@ -100,13 +103,14 @@ export class ProductFeaturesRepository extends BaseRepository {
             return this.findByIdOrFail(id);
         }
         catch (error) {
+            void normalizeError(error);
             throw new DatabaseError(failureMessage(ERROR_MESSAGES.PRODUCT_FEATURES.UPDATE_FAILED, error));
         }
     }
     /**
      * Hard-delete. Throws ValidationError if any product references this feature
      * in product.features[]. Admin/store UIs should surface a "this feature is in
-     * use" message instead of silently unlinking.
+   * use" message instead of silently unlinking.
      */
     async delete(id) {
         try {
@@ -135,6 +139,7 @@ export class ProductFeaturesRepository extends BaseRepository {
             return snap.size;
         }
         catch (error) {
+            void normalizeError(error);
             throw new DatabaseError(failureMessage("Failed to count store features", error));
         }
     }

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

@@ -1,3 +1,4 @@
+import { normalizeError } from "../../../errors/normalize";
 import { increment, serverTimestamp } from "../../../contracts/field-ops";
 import { DatabaseError } from "../../../errors";
 import { BaseRepository, prepareForFirestore, } from "../../../providers/db-firebase";
@@ -79,6 +80,7 @@ export class ProductRepository extends BaseRepository {
         if (!doc.categorySlugs || doc.categorySlugs.length === 0) {
             doc.categorySlugs = doc.category ? [doc.category] : [];
         }
+        // audit-unknown-ok: TS structural escape — generic param
         return doc;
     }
     async update(id, data) {
@@ -314,6 +316,7 @@ export class ProductRepository extends BaseRepository {
             return snapshot.size;
         }
         catch (error) {
+            void normalizeError(error);
             throw new DatabaseError(`Failed to delete products for store: ${storeId}`, error);
         }
     }

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

@@ -232,13 +232,13 @@ export declare const productItemSchema: z.ZodObject<{
         value: z.ZodString;
         unit: z.ZodOptional<z.ZodString>;
     }, "strip", z.ZodTypeAny, {
-        type: "number" | "boolean" | "url" | "text";
         value: string;
+        type: "number" | "boolean" | "url" | "text";
         key: string;
         unit?: string | undefined;
     }, {
-        type: "number" | "boolean" | "url" | "text";
         value: string;
+        type: "number" | "boolean" | "url" | "text";
         key: string;
         unit?: string | undefined;
     }>, "many">>;
@@ -252,13 +252,13 @@ export declare const productItemSchema: z.ZodObject<{
             value: z.ZodString;
             unit: z.ZodOptional<z.ZodString>;
         }, "strip", z.ZodTypeAny, {
-            type: "number" | "boolean" | "url" | "text";
             value: string;
+            type: "number" | "boolean" | "url" | "text";
             key: string;
             unit?: string | undefined;
         }, {
-            type: "number" | "boolean" | "url" | "text";
             value: string;
+            type: "number" | "boolean" | "url" | "text";
             key: string;
             unit?: string | undefined;
         }>, "many">>;
@@ -267,8 +267,8 @@ export declare const productItemSchema: z.ZodObject<{
         title: string;
         text?: string | undefined;
         fields?: {
-            type: "number" | "boolean" | "url" | "text";
             value: string;
+            type: "number" | "boolean" | "url" | "text";
             key: string;
             unit?: string | undefined;
         }[] | undefined;
@@ -277,8 +277,8 @@ export declare const productItemSchema: z.ZodObject<{
         title: string;
         text?: string | undefined;
         fields?: {
-            type: "number" | "boolean" | "url" | "text";
             value: string;
+            type: "number" | "boolean" | "url" | "text";
             key: string;
             unit?: string | undefined;
         }[] | undefined;
@@ -350,8 +350,8 @@ export declare const productItemSchema: z.ZodObject<{
     allowOffers?: boolean | undefined;
     minOfferPercent?: number | undefined;
     customFields?: {
-        type: "number" | "boolean" | "url" | "text";
         value: string;
+        type: "number" | "boolean" | "url" | "text";
         key: string;
         unit?: string | undefined;
     }[] | undefined;
@@ -360,8 +360,8 @@ export declare const productItemSchema: z.ZodObject<{
         title: string;
         text?: string | undefined;
         fields?: {
-            type: "number" | "boolean" | "url" | "text";
             value: string;
+            type: "number" | "boolean" | "url" | "text";
             key: string;
             unit?: string | undefined;
         }[] | undefined;
@@ -479,8 +479,8 @@ export declare const productItemSchema: z.ZodObject<{
     allowOffers?: boolean | undefined;
     minOfferPercent?: number | undefined;
     customFields?: {
-        type: "number" | "boolean" | "url" | "text";
         value: string;
+        type: "number" | "boolean" | "url" | "text";
         key: string;
         unit?: string | undefined;
     }[] | undefined;
@@ -489,8 +489,8 @@ export declare const productItemSchema: z.ZodObject<{
         title: string;
         text?: string | undefined;
         fields?: {
-            type: "number" | "boolean" | "url" | "text";
             value: string;
+            type: "number" | "boolean" | "url" | "text";
             key: string;
             unit?: string | undefined;
         }[] | undefined;

package/dist/features/products/schemas/product-features.validators.d.ts

@@ -22,7 +22,7 @@ export declare const productFeatureAdminCreateSchema: z.ZodObject<{
     isActive: z.ZodBoolean;
     displayOrder: z.ZodNumber;
 }, "strip", z.ZodTypeAny, {
-    category: "seller" | "custom" | "auction" | "condition" | "shipping" | "preorder" | "platform";
+    category: "custom" | "seller" | "auction" | "condition" | "shipping" | "preorder" | "platform";
     label: string;
     scope: "store" | "platform";
     icon: string;
@@ -33,7 +33,7 @@ export declare const productFeatureAdminCreateSchema: z.ZodObject<{
     description?: string | undefined;
     iconColor?: string | undefined;
 }, {
-    category: "seller" | "custom" | "auction" | "condition" | "shipping" | "preorder" | "platform";
+    category: "custom" | "seller" | "auction" | "condition" | "shipping" | "preorder" | "platform";
     label: string;
     scope: "store" | "platform";
     icon: string;
@@ -55,7 +55,7 @@ export declare const productFeatureStoreCreateSchema: z.ZodObject<{
     isActive: z.ZodBoolean;
     displayOrder: z.ZodNumber;
 }, "strip", z.ZodTypeAny, {
-    category: "seller" | "custom" | "auction" | "condition" | "shipping" | "preorder" | "platform";
+    category: "custom" | "seller" | "auction" | "condition" | "shipping" | "preorder" | "platform";
     label: string;
     icon: string;
     isActive: boolean;
@@ -64,7 +64,7 @@ export declare const productFeatureStoreCreateSchema: z.ZodObject<{
     description?: string | undefined;
     iconColor?: string | undefined;
 }, {
-    category: "seller" | "custom" | "auction" | "condition" | "shipping" | "preorder" | "platform";
+    category: "custom" | "seller" | "auction" | "condition" | "shipping" | "preorder" | "platform";
     label: string;
     icon: string;
     isActive: boolean;
@@ -84,7 +84,7 @@ export declare const productFeatureUpdateSchema: z.ZodObject<{
     isActive: z.ZodOptional<z.ZodBoolean>;
     displayOrder: z.ZodOptional<z.ZodNumber>;
 }, "strip", z.ZodTypeAny, {
-    category?: "seller" | "custom" | "auction" | "condition" | "shipping" | "preorder" | "platform" | undefined;
+    category?: "custom" | "seller" | "auction" | "condition" | "shipping" | "preorder" | "platform" | undefined;
     description?: string | undefined;
     label?: string | undefined;
     icon?: string | undefined;
@@ -93,7 +93,7 @@ export declare const productFeatureUpdateSchema: z.ZodObject<{
     iconColor?: string | undefined;
     productTypes?: ("auction" | "prize-draw" | "classified" | "digital-code" | "live" | "all" | "product" | "preorder")[] | undefined;
 }, {
-    category?: "seller" | "custom" | "auction" | "condition" | "shipping" | "preorder" | "platform" | undefined;
+    category?: "custom" | "seller" | "auction" | "condition" | "shipping" | "preorder" | "platform" | undefined;
     description?: string | undefined;
     label?: string | undefined;
     icon?: string | undefined;

package/dist/features/products/utils/listing-badge-variant.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Listing-kind → Badge variant map.
+ *
+ * Centralised so admin / seller / consumer surfaces all derive the same
+ * visual variant from a product's `listingKind` value. Replaces the
+ * deprecated `KIND_BADGE_VARIANT` export that previously lived in
+ * `seller-products-styles.ts` (deleted 2026-06-17 in Phase 3 of the
+ * Three-Layer Style System refactor).
+ */
+export declare const LISTING_BADGE_VARIANT: Record<string, "default" | "primary" | "secondary" | "success" | "warning" | "danger">;

package/dist/features/products/utils/listing-badge-variant.js

@@ -0,0 +1,15 @@
+/**
+ * Listing-kind → Badge variant map.
+ *
+ * Centralised so admin / seller / consumer surfaces all derive the same
+ * visual variant from a product's `listingKind` value. Replaces the
+ * deprecated `KIND_BADGE_VARIANT` export that previously lived in
+ * `seller-products-styles.ts` (deleted 2026-06-17 in Phase 3 of the
+ * Three-Layer Style System refactor).
+ */
+export const LISTING_BADGE_VARIANT = {
+    auction: "warning",
+    "pre-order": "secondary",
+    "prize-draw": "primary",
+    standard: "default",
+};

package/dist/features/products/utils/sanitize.d.ts

@@ -1,2 +1,2 @@
-export declare function sanitizeProductForPublic<T extends Record<string, unknown>>(item: T): T;
-export declare function sanitizeProductsForPublic<T extends Record<string, unknown>>(items: readonly T[]): T[];
+export declare function sanitizeProductForPublic<T extends object>(item: T): T;
+export declare function sanitizeProductsForPublic<T extends object>(items: readonly T[]): T[];

package/dist/features/products/utils/sanitize.js

@@ -1,12 +1,3 @@
-/**
- * Strip seller-identity fields from a product record before returning it from a
- * public API endpoint. Public clients must only see store-scoped identity
- * (`storeId`, `storeName`, `storeSlug`) — never `sellerId` (Firebase UID) or
- * the seller's personal name/email.
- *
- * Use on every public GET response that returns products. Admin/seller-scoped
- * routes must NOT sanitize — they legitimately surface owner identity.
- */
 const SELLER_IDENTITY_FIELDS = [
     "sellerId",
     "sellerName",

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

@@ -19,6 +19,7 @@
  */
 import { NextResponse } from "next/server.js";
 import { getProviders } from "../../../contracts";
+import { normalizeError } from "../../../errors/normalize";
 function param(url, key) {
     return url.searchParams.get(key);
 }
@@ -79,6 +80,7 @@ export async function GET(request) {
         return response;
     }
     catch (error) {
+        void normalizeError(error);
         console.error("[feat-promotions] GET /api/promotions failed", error);
         return NextResponse.json({ success: false, error: "Failed to fetch promotions" }, { status: 500 });
     }

package/dist/features/promotions/components/CouponCard.d.ts

@@ -1,3 +1,4 @@
+import type { JsonValue } from "../../../schemas/types";
 import type { CouponItem } from "../types";
 export interface CouponCardLabels {
     copy?: string;
@@ -20,7 +21,7 @@ export interface CouponCardLabels {
 }
 interface CouponCardProps {
     /** Accepts either `CouponItem` (flat) or `CouponDocument` (nested). */
-    coupon: CouponItem | Record<string, unknown>;
+    coupon: CouponItem | Record<string, JsonValue>;
     labels?: CouponCardLabels;
     onCopy?: (code: string) => void;
     className?: string;

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

@@ -2,19 +2,20 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState } from "react";
 import { Pencil, Trash2, ToggleLeft, ToggleRight } from "lucide-react";
-import { BaseListingCard, ConfirmDeleteModal, Div, Row, Span, Text } from "../../../ui";
+import { Badge, BaseListingCard, ConfirmDeleteModal, Div, Row, Span, Stack, Text } from "../../../ui";
 import { useLongPress } from "../../../react/hooks/useLongPress";
-const CLS_TOGGLE_ON = "h-4 w-4 text-emerald-600 dark:text-emerald-400";
-const CLS_DELETE_BTN = "rounded-lg p-1.5 text-zinc-500 dark:text-zinc-400 hover:bg-red-50 dark:hover:bg-red-950/40 hover:text-red-600 dark:hover:text-red-400 transition-colors disabled:opacity-50";
+const CLS_TOGGLE_ON = "h-4 w-4 text-success dark:text-success";
+const CLS_DELETE_BTN = "rounded-lg p-1.5 text-zinc-500 dark:text-zinc-400 hover:bg-error-surface dark:hover:bg-error-surface hover:text-error dark:hover:text-error transition-colors disabled:opacity-50";
 const TYPE_COLORS = {
     percentage: { card: "bg-purple-50 border-purple-200 dark:bg-purple-950/30 dark:border-purple-800", code: "bg-purple-100 dark:bg-purple-900/40 text-purple-800 dark:text-purple-200 border-purple-300 dark:border-purple-700" },
-    fixed: { card: "bg-green-50 border-green-200 dark:bg-green-950/30 dark:border-green-800", code: "bg-green-100 dark:bg-green-900/40 text-green-800 dark:text-green-200 border-green-300 dark:border-green-700" },
-    free_shipping: { card: "bg-blue-50 border-blue-200 dark:bg-blue-950/30 dark:border-blue-800", code: "bg-blue-100 dark:bg-blue-900/40 text-blue-800 dark:text-blue-200 border-blue-300 dark:border-blue-700" },
-    buy_x_get_y: { card: "bg-orange-50 border-orange-200 dark:bg-orange-950/30 dark:border-orange-800", code: "bg-orange-100 dark:bg-orange-900/40 text-orange-800 dark:text-orange-200 border-orange-300 dark:border-orange-700" },
+    fixed: { card: "bg-success-surface border-success dark:bg-success-surface dark:border-success", code: "bg-success-surface dark:bg-success-surface text-success dark:text-success border-success dark:border-success" },
+    free_shipping: { card: "bg-info-surface border-info dark:bg-info-surface dark:border-info", code: "bg-info-surface dark:bg-info-surface text-info dark:text-info border-info dark:border-info" },
+    buy_x_get_y: { card: "bg-warning-surface border-warning dark:bg-warning-surface dark:border-warning", code: "bg-warning-surface dark:bg-warning-surface text-warning dark:text-warning border-warning dark:border-warning" },
 };
 function pick(obj, ...keys) {
     for (const k of keys) {
         const parts = k.split(".");
+        // audit-unknown-ok: Coupon shape resolver — accepts flat or nested input
         let cur = obj;
         for (const p of parts) {
             if (cur && typeof cur === "object")
@@ -159,9 +160,9 @@ export function CouponCard({ coupon, labels: labelsProp, onCopy, className = "",
             setBusy(null);
         }
     };
-    return (_jsxs(Div, { className: `group relative flex h-full flex-col rounded-xl border-2 p-4 ${colors.card} ${isSelected ? "ring-2 ring-primary" : ""} ${!n.isActive ? "opacity-70" : ""} ${className}`, 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", className: "mb-2 flex-wrap", children: [_jsx(Span, { className: `inline-flex items-center rounded-full px-2 py-0.5 text-[10px] font-semibold uppercase tracking-wide ${n.isActive
-                            ? "bg-success-surface text-success"
-                            : "bg-zinc-200 text-zinc-600 dark:bg-zinc-700 dark:text-zinc-300"}`, children: n.isActive ? labels.active : labels.inactive }), n.scope && (_jsx(Span, { weight: "semibold", className: "inline-flex items-center rounded-full bg-zinc-200/70 px-2 py-0.5 text-[10px] uppercase tracking-wide text-zinc-700 dark:bg-zinc-700/60 dark:text-zinc-200", children: n.scope }))] })), _jsxs(Div, { className: "mb-3", children: [_jsx(Text, { className: "text-2xl font-extrabold tracking-tight leading-none", children: discountLabel }), n.name && (_jsx(Text, { className: "text-sm mt-0.5 font-medium opacity-80", children: n.name }))] }), n.description && (_jsx(Text, { className: "text-xs opacity-60 mb-3", children: n.description })), _jsxs(Div, { className: `flex items-center gap-2 rounded-lg border border-dashed px-3 py-2 ${colors.code}`, children: [_jsx(Span, { size: "sm", weight: "bold", className: "flex-1 font-mono tracking-widest uppercase select-all", 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,#fff)] 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, { wrap: true, gap: "sm", className: "text-xs 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 pt-3", 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 && (
+                    // audit-variant-ok: scope chip — translucent bg-zinc-200/70 + text-[10px] under-10
+                    _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
                             ? _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/components/CouponsIndexListing.js

@@ -93,14 +93,14 @@ export function CouponsIndexListing({ initialCoupons, storeSlug, storeId, }) {
     const clearFilters = () => {
         table.setMany({ type: "", [TABLE_KEYS.DATE_FROM]: "", [TABLE_KEYS.DATE_TO]: "" });
     };
-    return (_jsxs(Div, { className: "min-h-[40vh]", children: [_jsxs(Div, { className: "sticky top-[var(--header-height,0px)] z-20 border-b border-zinc-200 dark:border-slate-700 bg-white/95 dark:bg-slate-900/95 backdrop-blur-sm py-2.5 px-4", children: [_jsxs(Row, { gap: "xs", className: "max-w-full", children: [_jsxs("button", { type: "button", onClick: openFilters, className: `flex shrink-0 items-center gap-2 rounded-lg border px-3.5 py-2 text-sm font-medium transition-colors ${hasActiveFilters
+    return (_jsxs(Div, { className: "min-h-[40vh]", children: [_jsxs(Div, { border: "default", paddingY: "y-xs-tall", className: "sticky top-[var(--header-height,0px)] z-20 border-b backdrop-blur-sm", surface: "default", padding: "x-md", children: [_jsxs(Row, { gap: "xs", className: "max-w-full", children: [_jsxs("button", { type: "button", onClick: openFilters, className: `flex shrink-0 items-center gap-2 rounded-lg border px-3.5 py-2 text-sm font-medium transition-colors ${hasActiveFilters
                                     ? "border-primary bg-primary-50 text-primary-700 dark:bg-primary-900/30 dark:text-primary-300"
-                                    : "border-zinc-300 dark:border-slate-600 text-zinc-700 dark:text-zinc-200 hover:bg-zinc-50 dark:hover:bg-slate-800"}`, children: [_jsx(SlidersHorizontal, { className: "h-4 w-4" }), _jsxs(Span, { className: "hidden sm:inline", children: ["Filters", hasActiveFilters ? " •" : ""] })] }), _jsxs(Row, { surface: "default", className: `flex-1 ${__O.hidden} rounded-lg border border-zinc-300 dark:border-slate-600`, children: [_jsx("input", { type: "text", value: searchInput, onChange: (e) => setSearchInput(e.target.value), onKeyDown: handleKeyDown, placeholder: "Search by name or description\u2026", className: "min-w-0 flex-1 bg-transparent px-3 py-2 text-sm text-zinc-900 dark:text-zinc-100 placeholder-zinc-400 outline-none" }), searchInput && (_jsx("button", { type: "button", onClick: () => { setSearchInput(""); table.set(TABLE_KEYS.QUERY, ""); }, className: "p-2 text-zinc-400 hover:text-zinc-600 dark:hover:text-zinc-300", "aria-label": "Clear search", children: _jsx(X, { className: "h-3.5 w-3.5" }) })), _jsx("button", { type: "button", onClick: commitSearch, className: "flex shrink-0 items-center justify-center px-3 py-2 text-zinc-400 hover:text-primary dark:hover:text-primary-400 transition-colors", "aria-label": "Search", children: _jsx(Search, { className: "h-4 w-4" }) })] }), _jsxs(Row, { gap: "xs", className: "shrink-0 text-sm text-zinc-500 dark:text-zinc-400", children: [_jsx(Span, { className: "hidden md:inline whitespace-nowrap", children: "Sort by" }), _jsx(SortDropdown, { value: table.get(TABLE_KEYS.SORT) || DEFAULT_SORT, onChange: (v) => { table.set(TABLE_KEYS.SORT, v); }, options: COUPON_SORT_OPTIONS })] })] }), hasActiveFilters && (_jsxs(Row, { gap: "xs", wrap: true, className: "mt-2", children: [activeType && (_jsxs(Span, { size: "xs", weight: "medium", className: "flex items-center gap-1 rounded-full bg-primary-50 dark:bg-primary-900/30 text-primary-700 dark:text-primary-300 px-2.5 py-1", children: [COUPON_TYPES.find((t) => t.value === activeType)?.label ?? activeType, _jsx(Button, { variant: "ghost", type: "button", onClick: () => { table.set(TABLE_KEYS.TYPE, ""); }, "aria-label": "Remove type filter", className: CLS_CHIP_BTN, children: _jsx(X, { className: "h-3 w-3" }) })] })), table.get(TABLE_KEYS.DATE_FROM) && (_jsxs(Span, { size: "xs", weight: "medium", className: "flex items-center gap-1 rounded-full bg-primary-50 dark:bg-primary-900/30 text-primary-700 dark:text-primary-300 px-2.5 py-1", children: ["From: ", table.get(TABLE_KEYS.DATE_FROM), _jsx(Button, { variant: "ghost", type: "button", onClick: () => { table.set(TABLE_KEYS.DATE_FROM, ""); }, "aria-label": "Remove from-date filter", className: CLS_CHIP_BTN, children: _jsx(X, { className: "h-3 w-3" }) })] })), table.get(TABLE_KEYS.DATE_TO) && (_jsxs(Span, { size: "xs", weight: "medium", className: "flex items-center gap-1 rounded-full bg-primary-50 dark:bg-primary-900/30 text-primary-700 dark:text-primary-300 px-2.5 py-1", children: ["To: ", table.get(TABLE_KEYS.DATE_TO), _jsx(Button, { variant: "ghost", type: "button", onClick: () => { table.set(TABLE_KEYS.DATE_TO, ""); }, "aria-label": "Remove to-date filter", className: CLS_CHIP_BTN, children: _jsx(X, { className: "h-3 w-3" }) })] })), _jsx("button", { type: "button", onClick: clearFilters, className: "text-xs text-zinc-500 dark:text-zinc-400 hover:text-zinc-700 dark:hover:text-zinc-300 underline", children: "Clear all" })] }))] }), _jsxs(Div, { className: "py-6 px-4", children: [isLoading ? (_jsx(Grid, { gap: "sm", className: "md:grid-cols-2 lg:grid-cols-3", children: Array.from({ length: 6 }).map((_, i) => (_jsxs(Stack, { gap: "sm", rounded: "xl", padding: "md", className: "border-2 border-zinc-100 dark:border-slate-700 animate-pulse", children: [_jsx(Div, { className: "h-6 bg-zinc-200 dark:bg-slate-700 rounded w-2/3" }), _jsx(Div, { className: "h-4 bg-zinc-200 dark:bg-slate-700 rounded w-full" }), _jsx(Div, { className: "h-3 bg-zinc-200 dark:bg-slate-700 rounded w-1/2" })] }, i))) })) : displayCoupons.length === 0 ? (_jsx(Div, { className: "py-16 text-center", children: _jsx(Text, { className: "text-zinc-400 dark:text-zinc-400", children: "No coupons match your search." }) })) : (_jsx(Grid, { gap: "sm", className: "md:grid-cols-2 lg:grid-cols-3", children: displayCoupons.map((coupon) => (_jsx(CouponCard, { coupon: coupon, labels: {
+                                    : "border-zinc-300 dark:border-slate-600 text-zinc-700 dark:text-zinc-200 hover:bg-zinc-50 dark:hover:bg-slate-800"}`, children: [_jsx(SlidersHorizontal, { className: "h-4 w-4" }), _jsxs(Span, { className: "hidden sm:inline", children: ["Filters", hasActiveFilters ? " •" : ""] })] }), _jsxs(Row, { surface: "default", className: `flex-1 ${__O.hidden}`, border: "strong", rounded: "lg", children: [_jsx("input", { type: "text", value: searchInput, onChange: (e) => setSearchInput(e.target.value), onKeyDown: handleKeyDown, placeholder: "Search by name or description\u2026", className: "min-w-0 flex-1 bg-transparent px-3 py-2 text-sm text-zinc-900 dark:text-zinc-100 placeholder-zinc-400 outline-none" }), searchInput && (_jsx("button", { type: "button", onClick: () => { setSearchInput(""); table.set(TABLE_KEYS.QUERY, ""); }, className: "p-2 text-zinc-400 hover:text-zinc-600 dark:hover:text-zinc-300", "aria-label": "Clear search", children: _jsx(X, { className: "h-3.5 w-3.5" }) })), _jsx("button", { type: "button", onClick: commitSearch, className: "flex shrink-0 items-center justify-center px-3 py-2 text-zinc-400 hover:text-primary dark:hover:text-primary-400 transition-colors", "aria-label": "Search", children: _jsx(Search, { className: "h-4 w-4" }) })] }), _jsxs(Row, { color: "muted", textSize: "sm", gap: "xs", className: "shrink-0", children: [_jsx(Span, { className: "hidden md:inline whitespace-nowrap", children: "Sort by" }), _jsx(SortDropdown, { value: table.get(TABLE_KEYS.SORT) || DEFAULT_SORT, onChange: (v) => { table.set(TABLE_KEYS.SORT, v); }, options: COUPON_SORT_OPTIONS })] })] }), hasActiveFilters && (_jsxs(Row, { gap: "xs", wrap: true, className: "mt-2", children: [activeType && (_jsxs(Span, { layout: "flex", gap: "xs", size: "xs", weight: "medium", className: "bg-primary-50 dark:bg-primary-900/30 text-primary-700 dark:text-primary-300", rounded: "full", padding: "pill-sm-tall", children: [COUPON_TYPES.find((t) => t.value === activeType)?.label ?? activeType, _jsx(Button, { variant: "ghost", type: "button", onClick: () => { table.set(TABLE_KEYS.TYPE, ""); }, "aria-label": "Remove type filter", className: CLS_CHIP_BTN, children: _jsx(X, { className: "h-3 w-3" }) })] })), table.get(TABLE_KEYS.DATE_FROM) && (_jsxs(Span, { layout: "flex", gap: "xs", size: "xs", weight: "medium", className: "bg-primary-50 dark:bg-primary-900/30 text-primary-700 dark:text-primary-300", rounded: "full", padding: "pill-sm-tall", children: ["From: ", table.get(TABLE_KEYS.DATE_FROM), _jsx(Button, { variant: "ghost", type: "button", onClick: () => { table.set(TABLE_KEYS.DATE_FROM, ""); }, "aria-label": "Remove from-date filter", className: CLS_CHIP_BTN, children: _jsx(X, { className: "h-3 w-3" }) })] })), table.get(TABLE_KEYS.DATE_TO) && (_jsxs(Span, { layout: "flex", gap: "xs", size: "xs", weight: "medium", className: "bg-primary-50 dark:bg-primary-900/30 text-primary-700 dark:text-primary-300", rounded: "full", padding: "pill-sm-tall", children: ["To: ", table.get(TABLE_KEYS.DATE_TO), _jsx(Button, { variant: "ghost", type: "button", onClick: () => { table.set(TABLE_KEYS.DATE_TO, ""); }, "aria-label": "Remove to-date filter", className: CLS_CHIP_BTN, children: _jsx(X, { className: "h-3 w-3" }) })] })), _jsx("button", { type: "button", onClick: clearFilters, className: "text-xs text-zinc-500 dark:text-zinc-400 hover:text-zinc-700 dark:hover:text-zinc-300 underline", children: "Clear all" })] }))] }), _jsxs(Div, { paddingY: "y-lg", paddingX: "x-md", children: [isLoading ? (_jsx(Grid, { gap: "sm", className: "md:grid-cols-2 lg:grid-cols-3", children: Array.from({ length: 6 }).map((_, i) => (_jsxs(Stack, { border: "skeleton", gap: "sm", rounded: "xl", padding: "md", className: "animate-pulse", children: [_jsx(Div, { className: "h-6 w-2/3", surface: "subtle", rounded: "default" }), _jsx(Div, { className: "h-4 w-full", surface: "subtle", rounded: "default" }), _jsx(Div, { className: "h-3 w-1/2", surface: "subtle", rounded: "default" })] }, i))) })) : displayCoupons.length === 0 ? (_jsx(Div, { className: "text-center", padding: "y-4xl", children: _jsx(Text, { color: "faint", children: "No coupons match your search." }) })) : (_jsx(Grid, { gap: "sm", className: "md:grid-cols-2 lg:grid-cols-3", children: displayCoupons.map((coupon) => (_jsx(CouponCard, { coupon: coupon, labels: {
                                 copy: "Copy",
                                 copied: "Copied!",
                                 expires: "Expires",
                                 minOrder: "Min. order",
                                 off: "OFF",
                                 freeShipping: "Free Shipping",
-                            } }, coupon.id))) })), totalPages > 1 && (_jsx(Row, { justify: "center", className: "mt-8", children: _jsx(Pagination, { currentPage: table.getNumber("page", 1), totalPages: totalPages, onPageChange: (p) => table.setPage(p) }) })), !isLoading && total > 0 && (_jsx(Div, { className: "mt-4 text-center", children: _jsxs(Text, { className: "text-xs text-zinc-400 dark:text-zinc-400", children: [total, " coupon", total !== 1 ? "s" : "", " available"] }) }))] }), _jsxs(ListingFilterDrawer, { open: filterOpen, onClose: () => setFilterOpen(false), onApply: applyFilters, onClear: clearPending, activeCount: activeFilterCount, children: [_jsxs(_Fragment, { children: [_jsx(Heading, { level: 6, className: "text-xs font-semibold uppercase tracking-wider text-zinc-500 dark:text-zinc-400 mb-3", children: "Discount Type" }), _jsxs(Stack, { gap: "xs", children: [COUPON_TYPES.map((t) => (_jsxs(Label, { className: "flex items-center gap-2 cursor-pointer text-sm text-zinc-700 dark:text-zinc-300", children: [_jsx("input", { type: "radio", name: "coupon-type", value: t.value, checked: pendingTable.get(TABLE_KEYS.TYPE) === t.value, onChange: () => { pendingTable.set(TABLE_KEYS.TYPE, t.value); }, className: "accent-primary" }), t.label] }, t.value))), pendingTable.get(TABLE_KEYS.TYPE) && (_jsx("button", { type: "button", onClick: () => { pendingTable.set(TABLE_KEYS.TYPE, ""); }, className: "text-xs text-zinc-400 hover:text-zinc-600 dark:hover:text-zinc-300 underline", children: "Clear type" }))] })] }), _jsxs(_Fragment, { children: [_jsx(Heading, { level: 6, className: "text-xs font-semibold uppercase tracking-wider text-zinc-500 dark:text-zinc-400 mb-3", children: "Valid Date Range" }), _jsxs(Stack, { gap: "sm", children: [_jsxs(_Fragment, { children: [_jsx(Label, { className: "block text-xs text-zinc-500 dark:text-zinc-400 mb-1", children: "From date" }), _jsx("input", { type: "date", value: pendingTable.get(TABLE_KEYS.DATE_FROM) || "", onChange: (e) => { pendingTable.set(TABLE_KEYS.DATE_FROM, e.target.value); }, className: "w-full rounded-lg border border-zinc-300 dark:border-slate-600 bg-white dark:bg-slate-800 px-3 py-2 text-sm text-zinc-900 dark:text-zinc-100 outline-none focus:ring-2 focus:ring-primary" })] }), _jsxs(_Fragment, { children: [_jsx(Label, { className: "block text-xs text-zinc-500 dark:text-zinc-400 mb-1", children: "To date" }), _jsx("input", { type: "date", value: pendingTable.get(TABLE_KEYS.DATE_TO) || "", onChange: (e) => { pendingTable.set(TABLE_KEYS.DATE_TO, e.target.value); }, className: "w-full rounded-lg border border-zinc-300 dark:border-slate-600 bg-white dark:bg-slate-800 px-3 py-2 text-sm text-zinc-900 dark:text-zinc-100 outline-none focus:ring-2 focus:ring-primary" })] })] })] })] })] }));
+                            } }, coupon.id))) })), totalPages > 1 && (_jsx(Row, { justify: "center", className: "mt-8", children: _jsx(Pagination, { currentPage: table.getNumber("page", 1), totalPages: totalPages, onPageChange: (p) => table.setPage(p) }) })), !isLoading && total > 0 && (_jsx(Div, { className: "mt-4 text-center", children: _jsxs(Text, { size: "xs", color: "faint", children: [total, " coupon", total !== 1 ? "s" : "", " available"] }) }))] }), _jsxs(ListingFilterDrawer, { open: filterOpen, onClose: () => setFilterOpen(false), onApply: applyFilters, onClear: clearPending, activeCount: activeFilterCount, children: [_jsxs(_Fragment, { children: [_jsx(Heading, { level: 6, className: "tracking-wider mb-3", color: "muted", size: "xs", weight: "semibold", transform: "uppercase", children: "Discount Type" }), _jsxs(Stack, { gap: "xs", children: [COUPON_TYPES.map((t) => (_jsxs(Label, { layout: "flex", gap: "md", className: "cursor-pointer", color: "primary", size: "sm", children: [_jsx("input", { type: "radio", name: "coupon-type", value: t.value, checked: pendingTable.get(TABLE_KEYS.TYPE) === t.value, onChange: () => { pendingTable.set(TABLE_KEYS.TYPE, t.value); }, className: "accent-primary" }), t.label] }, t.value))), pendingTable.get(TABLE_KEYS.TYPE) && (_jsx("button", { type: "button", onClick: () => { pendingTable.set(TABLE_KEYS.TYPE, ""); }, className: "text-xs text-zinc-400 hover:text-zinc-600 dark:hover:text-zinc-300 underline", children: "Clear type" }))] })] }), _jsxs(_Fragment, { children: [_jsx(Heading, { level: 6, className: "tracking-wider mb-3", color: "muted", size: "xs", weight: "semibold", transform: "uppercase", children: "Valid Date Range" }), _jsxs(Stack, { gap: "sm", children: [_jsxs(_Fragment, { children: [_jsx(Label, { className: "block mb-1", color: "muted", size: "xs", children: "From date" }), _jsx("input", { type: "date", value: pendingTable.get(TABLE_KEYS.DATE_FROM) || "", onChange: (e) => { pendingTable.set(TABLE_KEYS.DATE_FROM, e.target.value); }, className: "w-full rounded-lg border border-zinc-300 dark:border-slate-600 bg-white dark:bg-slate-800 px-3 py-2 text-sm text-zinc-900 dark:text-zinc-100 outline-none focus:ring-2 focus:ring-primary" })] }), _jsxs(_Fragment, { children: [_jsx(Label, { className: "block mb-1", color: "muted", size: "xs", children: "To date" }), _jsx("input", { type: "date", value: pendingTable.get(TABLE_KEYS.DATE_TO) || "", onChange: (e) => { pendingTable.set(TABLE_KEYS.DATE_TO, e.target.value); }, className: "w-full rounded-lg border border-zinc-300 dark:border-slate-600 bg-white dark:bg-slate-800 px-3 py-2 text-sm text-zinc-900 dark:text-zinc-100 outline-none focus:ring-2 focus:ring-primary" })] })] })] })] })] }));
 }

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

@@ -1,15 +1,15 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Div, Heading, Section, Text } from "../../../ui";
+import { Div, Heading, Section, Stack, Text } from "../../../ui";
 export function PromotionsViewProductSection({ title, subtitle, renderProducts, hasProducts, }) {
     if (!hasProducts)
         return null;
     return (_jsxs(Section, { children: [_jsxs(Div, { className: "mb-6", children: [_jsx(Heading, { level: 2, children: title }), subtitle && (_jsx(Text, { variant: "secondary", className: "mt-1", children: subtitle }))] }), renderProducts()] }));
 }
 /** Slim hero banner for the promotions page — tabs + content live in the page. */
-export function PromotionsHero({ labels, heroBannerClass = "bg-gradient-to-br from-rose-500 to-orange-500", }) {
-    return (_jsx(Div, { className: `${heroBannerClass} text-white py-14`, children: _jsxs(Div, { className: "max-w-5xl mx-auto px-4 sm:px-6 lg:px-8 text-center", children: [_jsxs(Text, { className: "text-white font-medium mb-2 uppercase tracking-widest text-sm", children: ["\uD83C\uDF89 ", labels.exclusiveOffersBadge] }), _jsx(Heading, { level: 1, variant: "none", className: "text-white mb-4", children: labels.title }), _jsx(Text, { variant: "none", className: "text-lg text-white/90 max-w-2xl mx-auto", children: labels.subtitle })] }) }));
+export function PromotionsHero({ labels, heroBannerClass = "", }) {
+    return (_jsx(Section, { color: "inverse", tone: "accent-banner", className: `${heroBannerClass}`, padding: "y-2-5xl", children: _jsxs(Div, { paddingX: "x-page", className: "max-w-5xl mx-auto text-center", children: [_jsxs(Text, { color: "inverse", className: "mb-2 tracking-widest", size: "sm", weight: "medium", transform: "uppercase", children: ["\uD83C\uDF89 ", labels.exclusiveOffersBadge] }), _jsx(Heading, { color: "inverse", level: 1, variant: "none", className: "mb-4", children: labels.title }), _jsx(Text, { color: "inverse", variant: "none", className: "/90 max-w-2xl mx-auto", size: "lg", children: labels.subtitle })] }) }));
 }
 /** @deprecated Use PromotionsHero + per-tab content in your page instead. */
-export function PromotionsView({ labels, hasContent, heroBannerClass = "bg-gradient-to-br from-rose-500 to-orange-500", renderCoupons, couponsCount = 0, renderDealsSection, renderFeaturedSection, }) {
-    return (_jsxs(Div, { surface: "default", className: "min-h-screen", children: [_jsx(PromotionsHero, { labels: labels, heroBannerClass: heroBannerClass }), _jsxs(Div, { className: "max-w-5xl mx-auto px-4 sm:px-6 lg:px-8 py-12 space-y-12", children: [!hasContent && (_jsxs(Div, { className: "text-center py-16", children: [_jsx(Heading, { level: 2, className: "mb-2", children: labels.emptyDeals }), _jsx(Text, { variant: "secondary", children: labels.checkBack })] })), hasContent && (_jsxs(Div, { className: "space-y-12", children: [renderCoupons && (_jsxs(Section, { children: [_jsxs(Div, { className: "mb-6", children: [_jsx(Heading, { level: 2, children: labels.couponsTitle }), couponsCount > 0 && (_jsx(Text, { variant: "secondary", className: "mt-1", children: labels.couponsSubtitle }))] }), couponsCount > 0 ? (renderCoupons()) : (_jsx(Text, { variant: "secondary", size: "sm", children: labels.emptyCoupons }))] })), renderDealsSection?.(), renderFeaturedSection?.()] }))] })] }));
+export function PromotionsView({ labels, hasContent, heroBannerClass = "", renderCoupons, couponsCount = 0, renderDealsSection, renderFeaturedSection, }) {
+    return (_jsxs(Div, { surface: "default", className: "min-h-screen", children: [_jsx(PromotionsHero, { labels: labels, heroBannerClass: heroBannerClass }), _jsxs(Stack, { gap: "section", paddingX: "x-page", className: "max-w-5xl mx-auto", padding: "y-3xl", children: [!hasContent && (_jsxs(Div, { className: "text-center", padding: "y-4xl", children: [_jsx(Heading, { level: 2, className: "mb-2", children: labels.emptyDeals }), _jsx(Text, { variant: "secondary", children: labels.checkBack })] })), hasContent && (_jsxs(Stack, { gap: "section", children: [renderCoupons && (_jsxs(Section, { children: [_jsxs(Div, { className: "mb-6", children: [_jsx(Heading, { level: 2, children: labels.couponsTitle }), couponsCount > 0 && (_jsx(Text, { variant: "secondary", className: "mt-1", children: labels.couponsSubtitle }))] }), couponsCount > 0 ? (renderCoupons()) : (_jsx(Text, { variant: "secondary", size: "sm", children: labels.emptyCoupons }))] })), renderDealsSection?.(), renderFeaturedSection?.()] }))] })] }));
 }

package/dist/features/promotions/hooks/useCouponValidate.d.ts

@@ -1,3 +1,4 @@
+import type { JsonValue } from "@mohasinac/appkit";
 interface ValidateCouponPayload {
     code: string;
     orderTotal?: number;
@@ -14,7 +15,7 @@ interface ValidateCouponResult {
     valid: boolean;
     discountAmount?: number;
     message?: string;
-    [key: string]: unknown;
+    [key: string]: JsonValue | undefined;
 }
 export declare function useCouponValidate(options?: {
     endpoint?: string;

package/dist/features/promotions/hooks/usePromotions.d.ts

@@ -9,13 +9,13 @@ export declare function usePromotions(params?: PromotionsListParams, opts?: {
     hasMore: boolean;
     isLoading: boolean;
     error: string | null;
-    refetch: (options?: import("@tanstack/query-core").RefetchOptions) => Promise<import("@tanstack/query-core").QueryObserverResult<PromotionsListResponse, Error>>;
+    refetch: (options?: import("@tanstack/query-core").RefetchOptions) => Promise<import("@tanstack/query-core").QueryObserverResult<NoInfer<PromotionsListResponse>, Error>>;
 };
 export declare function useCoupon(code: string, opts?: {
     enabled?: boolean;
     endpoint?: string;
 }): {
-    coupon: CouponItem | null;
+    coupon: NonNullable<NoInfer<CouponItem | null>> | null;
     isLoading: boolean;
     error: string | null;
 };

package/dist/features/promotions/repository/claimed-coupons.repository.js

@@ -6,6 +6,7 @@
  * read when `expiresAt < now`. Soft-delete only (status stays, no destroy).
  */
 import { BaseRepository, prepareForFirestore, } from "../../../providers/db-firebase";
+import { normalizeError } from "../../../errors/normalize";
 import { CLAIMED_COUPONS_COLLECTION, createClaimedCouponId, } from "../schemas";
 import { DatabaseError } from "../../../errors";
 import { COUPON_USAGE_FIELDS } from "../../../constants/field-names";
@@ -43,6 +44,7 @@ export class ClaimedCouponsRepository extends BaseRepository {
             return doc;
         }
         catch (error) {
+            void normalizeError(error);
             throw new DatabaseError("Failed to claim coupon", error);
         }
     }
@@ -75,6 +77,7 @@ export class ClaimedCouponsRepository extends BaseRepository {
             return rows;
         }
         catch (error) {
+            void normalizeError(error);
             throw new DatabaseError("Failed to list claimed coupons", error);
         }
     }
@@ -92,6 +95,7 @@ export class ClaimedCouponsRepository extends BaseRepository {
             });
         }
         catch (error) {
+            void normalizeError(error);
             throw new DatabaseError("Failed to mark coupon used", error);
         }
     }
@@ -109,6 +113,7 @@ export class ClaimedCouponsRepository extends BaseRepository {
             });
         }
         catch (error) {
+            void normalizeError(error);
             throw new DatabaseError("Failed to remove claimed coupon", error);
         }
     }

package/dist/features/promotions/repository/coupons.repository.d.ts

@@ -7,6 +7,7 @@ import { BaseRepository } from "../../../providers/db-firebase";
 import type { SieveModel, FirebaseSieveResult } from "../../../providers/db-firebase";
 import { CouponDocument, CouponUsageDocument, CouponCreateInput } from "../schemas";
 import type { CouponType } from "../types";
+import type { FirestoreDocument } from "../../../schemas/types";
 import type { DocumentReference, WriteBatch } from "firebase-admin/firestore";
 /**
  * Repository for coupon management
@@ -16,7 +17,7 @@ export declare class CouponsRepository extends BaseRepository<CouponDocument> {
     /**
      * Create new coupon with SEO-friendly ID based on code
      */
-    create(input: CouponCreateInput): Promise<CouponDocument>;
+    create(input: CouponCreateInput | Partial<CouponDocument> | FirestoreDocument): Promise<CouponDocument>;
     /**
      * Get coupon by code
      *
@@ -216,13 +217,13 @@ export declare class CouponsRepository extends BaseRepository<CouponDocument> {
      *
      * @example
      * ```ts
-     * const page = await couponsRepository.list({
-     *   filters:  'type==percentage,validity.isActive==true',
-     *   sorts:    '-createdAt',
-     *   page:     1,
-     *   pageSize: 50,
-     * });
-     * ```
+   * const page = await couponsRepository.list({
+   * filters: 'type==percentage,validity.isActive==true',
+   * sorts: '-createdAt',
+   * page: 1,
+   * pageSize: 50,
+   * });
+   * ```
      */
     list(model: SieveModel): Promise<FirebaseSieveResult<CouponDocument>>;
     /**