@mohasinac/appkit 2.8.9 → 3.0.0

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

@@ -1,6 +1,104 @@
 export * from "./firestore";
 import { z } from "zod";
 import { StoreStatusValues } from "./firestore";
+import { auditTimestampsShape, firestoreDateSchema, paiseSchema } from "../../../schemas/firestore-helpers";
+// ─── Firestore document schema (W2) ───────────────────────────────────────────
+// Mirrors StoreDocument in ./firestore.ts. Registered into SCHEMAS.firestore.stores.
+export const shippingProviderTypeSchema = z.enum([
+    "shiprocket",
+    "self-courier",
+    "store-pickup",
+    "custom",
+]);
+export const shippingProviderConfigSchema = z.object({
+    providerId: z.string(),
+    label: z.string(),
+    type: shippingProviderTypeSchema,
+    fee: z.object({
+        flatInPaise: paiseSchema.optional(),
+        perKgInPaise: paiseSchema.optional(),
+        percentOfOrder: z.number().min(0).max(100).optional(),
+        freeAboveInPaise: paiseSchema.optional(),
+        minInPaise: paiseSchema.optional(),
+    }),
+    etaDaysMin: z.number().int().nonnegative(),
+    etaDaysMax: z.number().int().nonnegative(),
+    regions: z.array(z.string()).optional(),
+    requiresAwbUpload: z.boolean().optional(),
+});
+export const storeShippingConfigSchema = z.object({
+    providers: z.array(shippingProviderConfigSchema),
+    defaultProviderId: z.string(),
+});
+export const storeFirestoreSchema = z.object({
+    id: z.string(),
+    storeSlug: z.string(),
+    ownerId: z.string(),
+    storeName: z.string(),
+    storeDescription: z.string().optional(),
+    storeCategory: z.string().optional(),
+    storeLogoURL: z.string().optional(),
+    storeBannerURL: z.string().optional(),
+    status: z.enum([
+        StoreStatusValues.PENDING,
+        StoreStatusValues.ACTIVE,
+        StoreStatusValues.SUSPENDED,
+        StoreStatusValues.REJECTED,
+    ]),
+    bio: z.string().optional(),
+    location: z.string().optional(),
+    website: z.string().optional(),
+    socialLinks: z
+        .object({
+        twitter: z.string().optional(),
+        instagram: z.string().optional(),
+        facebook: z.string().optional(),
+        linkedin: z.string().optional(),
+    })
+        .optional(),
+    returnPolicy: z.string().optional(),
+    shippingPolicy: z.string().optional(),
+    isPublic: z.boolean(),
+    isFeatured: z.boolean().optional(),
+    isVacationMode: z.boolean().optional(),
+    vacationMessage: z.string().optional(),
+    vacationReturnDate: z.union([firestoreDateSchema, z.string()]).optional(),
+    stats: z
+        .object({
+        totalProducts: z.number().int().nonnegative(),
+        itemsSold: z.number().int().nonnegative(),
+        totalReviews: z.number().int().nonnegative(),
+        averageRating: z.number().optional(),
+    })
+        .optional(),
+    capabilities: z.array(z.string()).optional(),
+    customCommissionRate: z.number().min(0).max(100).optional(),
+    googleReviews: z
+        .object({
+        placeId: z.string(),
+        enabled: z.boolean(),
+        maxReviews: z.number().int().optional(),
+        minRating: z.number().optional(),
+        layout: z.enum(["grid", "carousel"]).optional(),
+    })
+        .optional(),
+    shippingConfig: storeShippingConfigSchema.optional(),
+    whatsappConfig: z
+        .object({
+        phoneNumber: z.string().optional(),
+        wabaId: z.string().optional(),
+        catalogId: z.string().optional(),
+        accessToken: z.string().optional(),
+        catalogSyncEnabled: z.boolean(),
+        lastCatalogSyncAt: firestoreDateSchema.optional(),
+        lastSyncCount: z.number().int().optional(),
+        lastSyncStatus: z.enum(["success", "partial", "failed"]).optional(),
+        connected: z.boolean(),
+        connectedAt: firestoreDateSchema.optional(),
+    })
+        .optional(),
+    ...auditTimestampsShape,
+});
 /** Zod schema for store status — use instead of inline `z.enum(["pending",...])`. */
 export const storeStatusSchema = z.enum([
     StoreStatusValues.PENDING,

package/dist/features/support/repository/support.repository.js

@@ -1,5 +1,6 @@
 import { firebaseFieldOps } from "../../../providers/db-firebase";
 import { BaseRepository, prepareForFirestore, } from "../../../providers/db-firebase";
+import { normalizeError } from "../../../errors/normalize";
 import { DatabaseError } from "../../../errors";
 import { SUPPORT_TICKET_FIELDS } from "../../../constants/field-names";
 import { SUPPORT_TICKET_COLLECTION, ACTIVE_TICKET_STATUSES, } from "../schemas/firestore";
@@ -18,9 +19,11 @@ export class SupportRepository extends BaseRepository {
                 createdAt: now,
                 updatedAt: now,
             };
+            // audit-unknown-ok: TS structural escape — domain document type lacks index signature
             return this.create(data);
         }
         catch (err) {
+            void normalizeError(err);
             throw new DatabaseError("Failed to create support ticket", err);
         }
     }
@@ -91,6 +94,7 @@ export class SupportRepository extends BaseRepository {
             await ref.update(updateData);
         }
         catch (err) {
+            void normalizeError(err);
             throw new DatabaseError("Failed to add message to ticket", err);
         }
     }

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

@@ -0,0 +1,238 @@
+import { z } from "zod";
+export * from "./firestore";
+export declare const ticketCategorySchema: z.ZodEnum<["order_issue", "billing_payment", "account", "listing_dispute", "scam_report", "refund_request", "auction_dispute", "general", "store_change_request", "order_modification_request", "unban_request"]>;
+export declare const ticketStatusSchema: z.ZodEnum<["open", "in_progress", "waiting_on_user", "resolved", "closed"]>;
+export declare const ticketPrioritySchema: z.ZodEnum<["low", "normal", "high", "urgent"]>;
+export declare const ticketMessageAuthorRoleSchema: z.ZodEnum<["user", "support", "admin"]>;
+export declare const ticketMessageSchema: z.ZodObject<{
+    id: z.ZodString;
+    authorId: z.ZodString;
+    authorRole: z.ZodEnum<["user", "support", "admin"]>;
+    body: z.ZodString;
+    attachments: z.ZodOptional<z.ZodArray<z.ZodString, "many">>;
+    createdAt: z.ZodUnion<[z.ZodDate, z.ZodString, z.ZodObject<{
+        toDate: z.ZodFunction<z.ZodTuple<[], z.ZodUnknown>, z.ZodDate>;
+    }, "passthrough", z.ZodTypeAny, z.objectOutputType<{
+        toDate: z.ZodFunction<z.ZodTuple<[], z.ZodUnknown>, z.ZodDate>;
+    }, z.ZodTypeAny, "passthrough">, z.objectInputType<{
+        toDate: z.ZodFunction<z.ZodTuple<[], z.ZodUnknown>, z.ZodDate>;
+    }, z.ZodTypeAny, "passthrough">>]>;
+}, "strip", z.ZodTypeAny, {
+    createdAt: string | Date | z.objectOutputType<{
+        toDate: z.ZodFunction<z.ZodTuple<[], z.ZodUnknown>, z.ZodDate>;
+    }, z.ZodTypeAny, "passthrough">;
+    id: string;
+    body: string;
+    authorId: string;
+    authorRole: "user" | "admin" | "support";
+    attachments?: string[] | undefined;
+}, {
+    createdAt: string | Date | z.objectInputType<{
+        toDate: z.ZodFunction<z.ZodTuple<[], z.ZodUnknown>, z.ZodDate>;
+    }, z.ZodTypeAny, "passthrough">;
+    id: string;
+    body: string;
+    authorId: string;
+    authorRole: "user" | "admin" | "support";
+    attachments?: string[] | undefined;
+}>;
+export declare const ticketRelatedPartiesSchema: z.ZodObject<{
+    userId: z.ZodOptional<z.ZodString>;
+    storeId: z.ZodOptional<z.ZodString>;
+    orderId: z.ZodOptional<z.ZodString>;
+    productId: z.ZodOptional<z.ZodString>;
+    bidId: z.ZodOptional<z.ZodString>;
+}, "strip", z.ZodTypeAny, {
+    storeId?: string | undefined;
+    orderId?: string | undefined;
+    productId?: string | undefined;
+    userId?: string | undefined;
+    bidId?: string | undefined;
+}, {
+    storeId?: string | undefined;
+    orderId?: string | undefined;
+    productId?: string | undefined;
+    userId?: string | undefined;
+    bidId?: string | undefined;
+}>;
+export declare const supportTicketFirestoreSchema: z.ZodObject<{
+    createdAt: z.ZodUnion<[z.ZodDate, z.ZodString, z.ZodObject<{
+        toDate: z.ZodFunction<z.ZodTuple<[], z.ZodUnknown>, z.ZodDate>;
+    }, "passthrough", z.ZodTypeAny, z.objectOutputType<{
+        toDate: z.ZodFunction<z.ZodTuple<[], z.ZodUnknown>, z.ZodDate>;
+    }, z.ZodTypeAny, "passthrough">, z.objectInputType<{
+        toDate: z.ZodFunction<z.ZodTuple<[], z.ZodUnknown>, z.ZodDate>;
+    }, z.ZodTypeAny, "passthrough">>]>;
+    updatedAt: z.ZodUnion<[z.ZodDate, z.ZodString, z.ZodObject<{
+        toDate: z.ZodFunction<z.ZodTuple<[], z.ZodUnknown>, z.ZodDate>;
+    }, "passthrough", z.ZodTypeAny, z.objectOutputType<{
+        toDate: z.ZodFunction<z.ZodTuple<[], z.ZodUnknown>, z.ZodDate>;
+    }, z.ZodTypeAny, "passthrough">, z.objectInputType<{
+        toDate: z.ZodFunction<z.ZodTuple<[], z.ZodUnknown>, z.ZodDate>;
+    }, z.ZodTypeAny, "passthrough">>]>;
+    id: z.ZodString;
+    userId: z.ZodString;
+    userEmail: z.ZodString;
+    userDisplayName: z.ZodString;
+    category: z.ZodEnum<["order_issue", "billing_payment", "account", "listing_dispute", "scam_report", "refund_request", "auction_dispute", "general", "store_change_request", "order_modification_request", "unban_request"]>;
+    subject: z.ZodString;
+    description: z.ZodString;
+    orderId: z.ZodOptional<z.ZodString>;
+    relatedParties: z.ZodOptional<z.ZodObject<{
+        userId: z.ZodOptional<z.ZodString>;
+        storeId: z.ZodOptional<z.ZodString>;
+        orderId: z.ZodOptional<z.ZodString>;
+        productId: z.ZodOptional<z.ZodString>;
+        bidId: z.ZodOptional<z.ZodString>;
+    }, "strip", z.ZodTypeAny, {
+        storeId?: string | undefined;
+        orderId?: string | undefined;
+        productId?: string | undefined;
+        userId?: string | undefined;
+        bidId?: string | undefined;
+    }, {
+        storeId?: string | undefined;
+        orderId?: string | undefined;
+        productId?: string | undefined;
+        userId?: string | undefined;
+        bidId?: string | undefined;
+    }>>;
+    status: z.ZodEnum<["open", "in_progress", "waiting_on_user", "resolved", "closed"]>;
+    priority: z.ZodEnum<["low", "normal", "high", "urgent"]>;
+    assignedTo: z.ZodOptional<z.ZodString>;
+    assignedToName: z.ZodOptional<z.ZodString>;
+    internalNotes: z.ZodOptional<z.ZodString>;
+    messages: z.ZodArray<z.ZodObject<{
+        id: z.ZodString;
+        authorId: z.ZodString;
+        authorRole: z.ZodEnum<["user", "support", "admin"]>;
+        body: z.ZodString;
+        attachments: z.ZodOptional<z.ZodArray<z.ZodString, "many">>;
+        createdAt: z.ZodUnion<[z.ZodDate, z.ZodString, z.ZodObject<{
+            toDate: z.ZodFunction<z.ZodTuple<[], z.ZodUnknown>, z.ZodDate>;
+        }, "passthrough", z.ZodTypeAny, z.objectOutputType<{
+            toDate: z.ZodFunction<z.ZodTuple<[], z.ZodUnknown>, z.ZodDate>;
+        }, z.ZodTypeAny, "passthrough">, z.objectInputType<{
+            toDate: z.ZodFunction<z.ZodTuple<[], z.ZodUnknown>, z.ZodDate>;
+        }, z.ZodTypeAny, "passthrough">>]>;
+    }, "strip", z.ZodTypeAny, {
+        createdAt: string | Date | z.objectOutputType<{
+            toDate: z.ZodFunction<z.ZodTuple<[], z.ZodUnknown>, z.ZodDate>;
+        }, z.ZodTypeAny, "passthrough">;
+        id: string;
+        body: string;
+        authorId: string;
+        authorRole: "user" | "admin" | "support";
+        attachments?: string[] | undefined;
+    }, {
+        createdAt: string | Date | z.objectInputType<{
+            toDate: z.ZodFunction<z.ZodTuple<[], z.ZodUnknown>, z.ZodDate>;
+        }, z.ZodTypeAny, "passthrough">;
+        id: string;
+        body: string;
+        authorId: string;
+        authorRole: "user" | "admin" | "support";
+        attachments?: string[] | undefined;
+    }>, "many">;
+    resolvedAt: z.ZodOptional<z.ZodUnion<[z.ZodDate, z.ZodString, z.ZodObject<{
+        toDate: z.ZodFunction<z.ZodTuple<[], z.ZodUnknown>, z.ZodDate>;
+    }, "passthrough", z.ZodTypeAny, z.objectOutputType<{
+        toDate: z.ZodFunction<z.ZodTuple<[], z.ZodUnknown>, z.ZodDate>;
+    }, z.ZodTypeAny, "passthrough">, z.objectInputType<{
+        toDate: z.ZodFunction<z.ZodTuple<[], z.ZodUnknown>, z.ZodDate>;
+    }, z.ZodTypeAny, "passthrough">>]>>;
+    closedAt: z.ZodOptional<z.ZodUnion<[z.ZodDate, z.ZodString, z.ZodObject<{
+        toDate: z.ZodFunction<z.ZodTuple<[], z.ZodUnknown>, z.ZodDate>;
+    }, "passthrough", z.ZodTypeAny, z.objectOutputType<{
+        toDate: z.ZodFunction<z.ZodTuple<[], z.ZodUnknown>, z.ZodDate>;
+    }, z.ZodTypeAny, "passthrough">, z.objectInputType<{
+        toDate: z.ZodFunction<z.ZodTuple<[], z.ZodUnknown>, z.ZodDate>;
+    }, z.ZodTypeAny, "passthrough">>]>>;
+}, "strip", z.ZodTypeAny, {
+    status: "open" | "closed" | "in_progress" | "resolved" | "waiting_on_user";
+    category: "account" | "general" | "order_issue" | "billing_payment" | "listing_dispute" | "scam_report" | "refund_request" | "auction_dispute" | "store_change_request" | "order_modification_request" | "unban_request";
+    createdAt: string | Date | z.objectOutputType<{
+        toDate: z.ZodFunction<z.ZodTuple<[], z.ZodUnknown>, z.ZodDate>;
+    }, z.ZodTypeAny, "passthrough">;
+    id: string;
+    description: string;
+    updatedAt: string | Date | z.objectOutputType<{
+        toDate: z.ZodFunction<z.ZodTuple<[], z.ZodUnknown>, z.ZodDate>;
+    }, z.ZodTypeAny, "passthrough">;
+    priority: "normal" | "high" | "low" | "urgent";
+    messages: {
+        createdAt: string | Date | z.objectOutputType<{
+            toDate: z.ZodFunction<z.ZodTuple<[], z.ZodUnknown>, z.ZodDate>;
+        }, z.ZodTypeAny, "passthrough">;
+        id: string;
+        body: string;
+        authorId: string;
+        authorRole: "user" | "admin" | "support";
+        attachments?: string[] | undefined;
+    }[];
+    userId: string;
+    userEmail: string;
+    userDisplayName: string;
+    subject: string;
+    orderId?: string | undefined;
+    assignedTo?: string | undefined;
+    resolvedAt?: string | Date | z.objectOutputType<{
+        toDate: z.ZodFunction<z.ZodTuple<[], z.ZodUnknown>, z.ZodDate>;
+    }, z.ZodTypeAny, "passthrough"> | undefined;
+    closedAt?: string | Date | z.objectOutputType<{
+        toDate: z.ZodFunction<z.ZodTuple<[], z.ZodUnknown>, z.ZodDate>;
+    }, z.ZodTypeAny, "passthrough"> | undefined;
+    relatedParties?: {
+        storeId?: string | undefined;
+        orderId?: string | undefined;
+        productId?: string | undefined;
+        userId?: string | undefined;
+        bidId?: string | undefined;
+    } | undefined;
+    assignedToName?: string | undefined;
+    internalNotes?: string | undefined;
+}, {
+    status: "open" | "closed" | "in_progress" | "resolved" | "waiting_on_user";
+    category: "account" | "general" | "order_issue" | "billing_payment" | "listing_dispute" | "scam_report" | "refund_request" | "auction_dispute" | "store_change_request" | "order_modification_request" | "unban_request";
+    createdAt: string | Date | z.objectInputType<{
+        toDate: z.ZodFunction<z.ZodTuple<[], z.ZodUnknown>, z.ZodDate>;
+    }, z.ZodTypeAny, "passthrough">;
+    id: string;
+    description: string;
+    updatedAt: string | Date | z.objectInputType<{
+        toDate: z.ZodFunction<z.ZodTuple<[], z.ZodUnknown>, z.ZodDate>;
+    }, z.ZodTypeAny, "passthrough">;
+    priority: "normal" | "high" | "low" | "urgent";
+    messages: {
+        createdAt: string | Date | z.objectInputType<{
+            toDate: z.ZodFunction<z.ZodTuple<[], z.ZodUnknown>, z.ZodDate>;
+        }, z.ZodTypeAny, "passthrough">;
+        id: string;
+        body: string;
+        authorId: string;
+        authorRole: "user" | "admin" | "support";
+        attachments?: string[] | undefined;
+    }[];
+    userId: string;
+    userEmail: string;
+    userDisplayName: string;
+    subject: string;
+    orderId?: string | undefined;
+    assignedTo?: string | undefined;
+    resolvedAt?: string | Date | z.objectInputType<{
+        toDate: z.ZodFunction<z.ZodTuple<[], z.ZodUnknown>, z.ZodDate>;
+    }, z.ZodTypeAny, "passthrough"> | undefined;
+    closedAt?: string | Date | z.objectInputType<{
+        toDate: z.ZodFunction<z.ZodTuple<[], z.ZodUnknown>, z.ZodDate>;
+    }, z.ZodTypeAny, "passthrough"> | undefined;
+    relatedParties?: {
+        storeId?: string | undefined;
+        orderId?: string | undefined;
+        productId?: string | undefined;
+        userId?: string | undefined;
+        bidId?: string | undefined;
+    } | undefined;
+    assignedToName?: string | undefined;
+    internalNotes?: string | undefined;
+}>;
+export type SupportTicketFromSchema = z.infer<typeof supportTicketFirestoreSchema>;

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

@@ -0,0 +1,64 @@
+// [SCHEMA] support tickets feature — Firestore document schema.
+//
+// Mirrors SupportTicketDocument + TicketMessage + TicketRelatedParties in
+// ./firestore.ts. Registered into SCHEMAS.firestore.supportTickets.
+import { z } from "zod";
+import { auditTimestampsShape, firestoreDateSchema } from "../../../schemas/firestore-helpers";
+export * from "./firestore";
+export const ticketCategorySchema = z.enum([
+    "order_issue",
+    "billing_payment",
+    "account",
+    "listing_dispute",
+    "scam_report",
+    "refund_request",
+    "auction_dispute",
+    "general",
+    "store_change_request",
+    "order_modification_request",
+    "unban_request",
+]);
+export const ticketStatusSchema = z.enum([
+    "open",
+    "in_progress",
+    "waiting_on_user",
+    "resolved",
+    "closed",
+]);
+export const ticketPrioritySchema = z.enum(["low", "normal", "high", "urgent"]);
+export const ticketMessageAuthorRoleSchema = z.enum(["user", "support", "admin"]);
+export const ticketMessageSchema = z.object({
+    id: z.string(),
+    authorId: z.string(),
+    authorRole: ticketMessageAuthorRoleSchema,
+    body: z.string(),
+    attachments: z.array(z.string()).optional(),
+    createdAt: firestoreDateSchema,
+});
+export const ticketRelatedPartiesSchema = z.object({
+    userId: z.string().optional(),
+    storeId: z.string().optional(),
+    orderId: z.string().optional(),
+    productId: z.string().optional(),
+    bidId: z.string().optional(),
+});
+export const supportTicketFirestoreSchema = z.object({
+    id: z.string(),
+    userId: z.string(),
+    userEmail: z.string(),
+    userDisplayName: z.string(),
+    category: ticketCategorySchema,
+    subject: z.string(),
+    description: z.string(),
+    orderId: z.string().optional(),
+    relatedParties: ticketRelatedPartiesSchema.optional(),
+    status: ticketStatusSchema,
+    priority: ticketPrioritySchema,
+    assignedTo: z.string().optional(),
+    assignedToName: z.string().optional(),
+    internalNotes: z.string().optional(),
+    messages: z.array(ticketMessageSchema),
+    resolvedAt: firestoreDateSchema.optional(),
+    closedAt: firestoreDateSchema.optional(),
+    ...auditTimestampsShape,
+});

package/dist/features/whatsapp-bot/api/send-status/route.js

@@ -10,6 +10,7 @@
  */
 import { NextResponse } from "next/server.js";
 import { getProviders } from "../../../../contracts";
+import { normalizeError } from "../../../../errors/normalize";
 export async function POST(request) {
     try {
         const body = await request.json();
@@ -28,6 +29,7 @@ export async function POST(request) {
         });
     }
     catch (error) {
+        void normalizeError(error);
         return NextResponse.json({
             success: false,
             error: error instanceof Error ? error.message : "Internal server error",

package/dist/features/whatsapp-bot/api/webhook/route.js

@@ -10,6 +10,7 @@
  */
 import { NextResponse } from "next/server.js";
 import { getProviders } from "../../../../contracts";
+import { normalizeError } from "../../../../errors/normalize";
 export async function POST(request) {
     try {
         const body = await request.json();
@@ -33,6 +34,7 @@ export async function POST(request) {
         }, { status: 201 });
     }
     catch (error) {
+        void normalizeError(error);
         return NextResponse.json({
             success: false,
             error: error instanceof Error ? error.message : "Internal server error",

package/dist/features/whatsapp-bot/components/SellerWhatsAppSettingsView.js

@@ -1,5 +1,6 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useApiMutation } from "@mohasinac/appkit/client";
 import React from "react";
 const __P = {
     p3: "p-3",
@@ -8,7 +9,7 @@ const __O = {
     hidden: "overflow-hidden",
 };
 const CLS_SECTION_CARD = "border border-zinc-200 dark:border-zinc-700 rounded-xl p-5";
-import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
+import { useQuery, useQueryClient } from "@tanstack/react-query";
 import { Alert, Badge, Button, Div, Form, FormActions, Heading, Input, Row, Section, Span, Stack, Text, Toggle, useToast } from "../../../ui";
 import { apiClient } from "../../../http";
 import { WHATSAPP_SELLER_ENDPOINTS } from "../../../constants/api-endpoints";
@@ -97,7 +98,7 @@ export function SellerWhatsAppSettingsView({ hasCapability }) {
         setSyncEnabled(cfg.catalogSyncEnabled ?? false);
     }, [cfg]);
     // Save mutation
-    const saveMutation = useMutation({
+    const saveMutation = useApiMutation({
         mutationFn: async () => {
             const payload = {
                 catalogSyncEnabled: syncEnabled,
@@ -123,7 +124,7 @@ export function SellerWhatsAppSettingsView({ hasCapability }) {
         },
     });
     // Catalog sync mutation (push: site → WhatsApp)
-    const syncMutation = useMutation({
+    const syncMutation = useApiMutation({
         mutationFn: async () => apiClient.post(WHATSAPP_SELLER_ENDPOINTS.CATALOG_SYNC, {}),
         onSuccess: (res) => {
             const r = res ?? {};
@@ -136,7 +137,7 @@ export function SellerWhatsAppSettingsView({ hasCapability }) {
         },
     });
     // Catalog import mutation (pull: WhatsApp → site)
-    const importMutation = useMutation({
+    const importMutation = useApiMutation({
         mutationFn: async () => apiClient.post(WHATSAPP_SELLER_ENDPOINTS.CATALOG_IMPORT, {}),
         onSuccess: (res) => {
             const r = res ?? {};
@@ -149,27 +150,25 @@ export function SellerWhatsAppSettingsView({ hasCapability }) {
         },
     });
     if (!hasCapability) {
-        return (_jsx(Div, { className: "max-w-xl mx-auto py-8 px-4", children: _jsxs(Alert, { variant: "warning", children: [_jsx(Text, { className: "font-medium", children: "WhatsApp catalog sync is not enabled for your store." }), _jsx(Text, { className: "text-sm mt-1", children: "Contact LetItRip support to request access to the WhatsApp Business integration." })] }) }));
+        return (_jsx(Div, { className: "max-w-xl mx-auto", paddingY: "y-xl", paddingX: "x-md", children: _jsxs(Alert, { variant: "warning", children: [_jsx(Text, { weight: "medium", children: "WhatsApp catalog sync is not enabled for your store." }), _jsx(Text, { className: "mt-1", size: "sm", children: "Contact LetItRip support to request access to the WhatsApp Business integration." })] }) }));
     }
-    return (_jsxs(Stack, { gap: "xl", className: "max-w-2xl mx-auto py-6 px-4", children: [_jsxs(Section, { children: [_jsx(Heading, { level: 2, className: "text-base font-semibold text-zinc-900 dark:text-zinc-100 mb-4", children: "How to connect your WhatsApp Business account" }), _jsx(Stack, { gap: "sm", children: STEPS.map((step) => {
+    return (_jsxs(Stack, { gap: "xl", className: "max-w-2xl mx-auto", paddingY: "y-lg", paddingX: "x-md", children: [_jsxs(Section, { children: [_jsx(Heading, { level: 2, className: "mb-4", color: "primary", size: "base", weight: "semibold", children: "How to connect your WhatsApp Business account" }), _jsx(Stack, { gap: "sm", children: STEPS.map((step) => {
                             const done = step.checkKey === undefined
                                 ? false
                                 : step.checkKey === "connected"
                                     ? cfg?.connected === true
                                     : Boolean(cfg?.[step.checkKey]);
-                            return (_jsxs(Row, { gap: "sm", align: "start", children: [_jsx(Div, { className: `flex-shrink-0 w-6 h-6 rounded-full text-xs font-bold flex items-center justify-center mt-0.5 ${done
-                                            ? "bg-[var(--appkit-color-success)] text-white"
-                                            : "bg-zinc-200 dark:bg-zinc-700 text-zinc-600 dark:text-zinc-300"}`, children: done ? "✓" : step.n }), _jsxs(Div, { children: [_jsx(Text, { className: "text-sm font-medium text-zinc-900 dark:text-zinc-100", children: step.title }), _jsx(Text, { className: "text-xs text-zinc-500 dark:text-zinc-400 mt-0.5", children: step.body })] })] }, step.n));
-                        }) })] }), _jsxs(Section, { className: CLS_SECTION_CARD, children: [_jsxs(Row, { justify: "between", align: "center", className: "mb-4", children: [_jsx(Heading, { level: 2, className: "text-sm font-semibold text-zinc-900 dark:text-zinc-100", children: "Connection" }), isLoading ? null : cfg?.connected ? (_jsx(Badge, { variant: "success", children: "Connected" })) : (_jsx(Badge, { variant: "default", children: "Not configured" }))] }), _jsxs(Form, { onSubmit: (e) => {
+                            return (_jsxs(Row, { gap: "sm", align: "start", children: [_jsx(Row, { textWeight: "bold", textSize: "xs", className: `flex-shrink-0 w-6 h-6 mt-0.5 ${done ? "bg-[var(--appkit-color-success)] text-white" : "bg-zinc-200 dark:bg-zinc-700 text-zinc-600 dark:text-zinc-300"}`, align: "center", justify: "center", rounded: "full", children: done ? "✓" : step.n }), _jsxs(Div, { children: [_jsx(Text, { size: "sm", weight: "medium", color: "primary", children: step.title }), _jsx(Text, { className: "mt-0.5", color: "muted", size: "xs", children: step.body })] })] }, step.n));
+                        }) })] }), _jsxs(Section, { className: CLS_SECTION_CARD, children: [_jsxs(Row, { justify: "between", align: "center", className: "mb-4", children: [_jsx(Heading, { level: 2, size: "sm", weight: "semibold", color: "primary", children: "Connection" }), isLoading ? null : cfg?.connected ? (_jsx(Badge, { variant: "success", children: "Connected" })) : (_jsx(Badge, { variant: "default", children: "Not configured" }))] }), _jsxs(Form, { onSubmit: (e) => {
                             e.preventDefault();
                             saveMutation.mutate();
-                        }, className: "space-y-4", children: [_jsx(Input, { label: "WhatsApp Business Phone Number", value: phoneNumber, onChange: (e) => setPhoneNumber(e.target.value), placeholder: "919876543210", helperText: "Digits only, include country code (e.g. 91 for India)" }), _jsx(Input, { label: "WABA ID (WhatsApp Business Account ID)", value: wabaId, onChange: (e) => setWabaId(e.target.value), placeholder: "123456789012345", helperText: "From Meta Business Manager \u2192 WhatsApp Accounts" }), _jsx(Input, { label: "Catalog ID", value: catalogId, onChange: (e) => setCatalogId(e.target.value), placeholder: "987654321098765", helperText: "From Meta Commerce Manager \u2192 Catalogs" }), _jsx(MaskedTokenInput, { label: "System User Access Token", value: accessToken, onChange: setAccessToken, placeholder: "EAAxxxxxxxx\u2026", helperText: "Long-lived token with WhatsApp Business permissions" }), _jsx(FormActions, { align: "right", children: _jsx(Button, { type: "submit", isLoading: saveMutation.isPending, disabled: saveMutation.isPending, children: saveMutation.isPending ? "Saving…" : ACTIONS.STORE["whatsapp-connect"].label }) })] })] }), _jsxs(Section, { className: CLS_SECTION_CARD, children: [_jsx(Heading, { level: 2, className: "text-sm font-semibold text-zinc-900 dark:text-zinc-100 mb-4", children: "Catalog Sync" }), _jsxs(Row, { justify: "between", align: "center", className: "mb-4", children: [_jsxs(Div, { children: [_jsx(Text, { className: "text-sm text-zinc-700 dark:text-zinc-300", children: "Enable catalog sync" }), _jsx(Text, { className: "text-xs text-zinc-500 dark:text-zinc-400", children: "When enabled, your published standard products can be synced to WhatsApp." })] }), _jsx(Toggle, { checked: syncEnabled, onChange: setSyncEnabled, disabled: !cfg?.connected })] }), cfg?.lastCatalogSyncAt && (_jsxs(Row, { gap: "sm", align: "center", className: "text-xs text-zinc-500 dark:text-zinc-400 mb-3", children: [_jsxs(Text, { children: ["Last sync: ", new Date(cfg.lastCatalogSyncAt).toLocaleString("en-IN")] }), cfg.lastSyncCount !== undefined && _jsxs(Text, { children: ["\u00B7 ", cfg.lastSyncCount, " products"] }), cfg.lastSyncStatus && (_jsx(Badge, { variant: STATUS_VARIANT[cfg.lastSyncStatus] ?? "default", children: cfg.lastSyncStatus }))] })), _jsx(Text, { className: "text-xs text-zinc-400 dark:text-zinc-400 mb-3", children: "Only published standard products are synced. Auctions and pre-orders are excluded. Batches of up to 50 products per call." }), _jsxs(Div, { className: "flex gap-3", children: [_jsx(Button, { onClick: () => syncMutation.mutate(), isLoading: syncMutation.isPending, disabled: !cfg?.connected || !syncEnabled || syncMutation.isPending, variant: "secondary", children: syncMutation.isPending ? "Syncing…" : ACTIONS.STORE["whatsapp-catalog-sync"].label }), _jsx(Button, { onClick: () => importMutation.mutate(), isLoading: importMutation.isPending, disabled: !cfg?.connected || !syncEnabled || importMutation.isPending, variant: "secondary", children: importMutation.isPending ? "Importing…" : ACTIONS.STORE["whatsapp-catalog-import"].label })] }), _jsxs(Text, { className: "text-xs text-zinc-400 dark:text-zinc-400 mt-3", children: [_jsx(Span, { weight: "bold", children: "Push" }), " sends your published standard products to WhatsApp.", " ", _jsx(Span, { weight: "bold", children: "Import" }), " creates draft products from your WhatsApp catalog. Products are matched by slug in the description field."] })] }), _jsxs(Section, { className: CLS_SECTION_CARD, children: [_jsx(Heading, { level: 2, className: "text-sm font-semibold text-zinc-900 dark:text-zinc-100 mb-2", children: "Purchase Announcement Preview" }), _jsx(Text, { className: "text-xs text-zinc-500 dark:text-zinc-400 mb-3", children: "This message is sent automatically to your phone and the platform admin when a new order is placed." }), _jsx(Div, { className: "bg-zinc-50 dark:bg-zinc-800/60 rounded-lg px-4 py-3 text-sm text-zinc-700 dark:text-zinc-200 font-mono", children: buildPurchaseAnnouncementMessage({
+                        }, spacing: "md", children: [_jsx(Input, { label: "WhatsApp Business Phone Number", value: phoneNumber, onChange: (e) => setPhoneNumber(e.target.value), placeholder: "919876543210", helperText: "Digits only, include country code (e.g. 91 for India)" }), _jsx(Input, { label: "WABA ID (WhatsApp Business Account ID)", value: wabaId, onChange: (e) => setWabaId(e.target.value), placeholder: "123456789012345", helperText: "From Meta Business Manager \u2192 WhatsApp Accounts" }), _jsx(Input, { label: "Catalog ID", value: catalogId, onChange: (e) => setCatalogId(e.target.value), placeholder: "987654321098765", helperText: "From Meta Commerce Manager \u2192 Catalogs" }), _jsx(MaskedTokenInput, { label: "System User Access Token", value: accessToken, onChange: setAccessToken, placeholder: "EAAxxxxxxxx\u2026", helperText: "Long-lived token with WhatsApp Business permissions" }), _jsx(FormActions, { align: "right", children: _jsx(Button, { type: "submit", isLoading: saveMutation.isPending, disabled: saveMutation.isPending, children: saveMutation.isPending ? "Saving…" : ACTIONS.STORE["whatsapp-connect"].label }) })] })] }), _jsxs(Section, { className: CLS_SECTION_CARD, children: [_jsx(Heading, { level: 2, className: "mb-4", color: "primary", size: "sm", weight: "semibold", children: "Catalog Sync" }), _jsxs(Row, { justify: "between", align: "center", className: "mb-4", children: [_jsxs(Div, { children: [_jsx(Text, { size: "sm", color: "muted", children: "Enable catalog sync" }), _jsx(Text, { size: "xs", color: "muted", children: "When enabled, your published standard products can be synced to WhatsApp." })] }), _jsx(Toggle, { checked: syncEnabled, onChange: setSyncEnabled, disabled: !cfg?.connected })] }), cfg?.lastCatalogSyncAt && (_jsxs(Row, { color: "muted", textSize: "xs", gap: "sm", align: "center", className: "mb-3", children: [_jsxs(Text, { children: ["Last sync: ", new Date(cfg.lastCatalogSyncAt).toLocaleString("en-IN")] }), cfg.lastSyncCount !== undefined && _jsxs(Text, { children: ["\u00B7 ", cfg.lastSyncCount, " products"] }), cfg.lastSyncStatus && (_jsx(Badge, { variant: STATUS_VARIANT[cfg.lastSyncStatus] ?? "default", children: cfg.lastSyncStatus }))] })), _jsx(Text, { className: "mb-3", color: "faint", size: "xs", children: "Only published standard products are synced. Auctions and pre-orders are excluded. Batches of up to 50 products per call." }), _jsxs(Row, { gap: "3", children: [_jsx(Button, { onClick: () => syncMutation.mutate(), isLoading: syncMutation.isPending, disabled: !cfg?.connected || !syncEnabled || syncMutation.isPending, variant: "secondary", children: syncMutation.isPending ? "Syncing…" : ACTIONS.STORE["whatsapp-catalog-sync"].label }), _jsx(Button, { onClick: () => importMutation.mutate(), isLoading: importMutation.isPending, disabled: !cfg?.connected || !syncEnabled || importMutation.isPending, variant: "secondary", children: importMutation.isPending ? "Importing…" : ACTIONS.STORE["whatsapp-catalog-import"].label })] }), _jsxs(Text, { className: "mt-3", color: "faint", size: "xs", children: [_jsx(Span, { weight: "bold", children: "Push" }), " sends your published standard products to WhatsApp.", " ", _jsx(Span, { weight: "bold", children: "Import" }), " creates draft products from your WhatsApp catalog. Products are matched by slug in the description field."] })] }), _jsxs(Section, { className: CLS_SECTION_CARD, children: [_jsx(Heading, { level: 2, className: "mb-2", color: "primary", size: "sm", weight: "semibold", children: "Purchase Announcement Preview" }), _jsx(Text, { className: "mb-3", color: "muted", size: "xs", children: "This message is sent automatically to your phone and the platform admin when a new order is placed." }), _jsx(Div, { textSize: "sm", className: "font-mono", color: "primary", surface: "muted", padding: "inline", rounded: "lg", children: buildPurchaseAnnouncementMessage({
                             buyerName: "Ravi K.",
                             firstItemName: "Charizard PSA 9",
                             additionalItemCount: 2,
                             totalAmount: 450000,
                             orderId: "order-3-20260510-a1b2c3",
-                        }) })] }), _jsxs(Section, { className: CLS_SECTION_CARD, children: [_jsx(Heading, { level: 2, className: "text-sm font-semibold text-zinc-900 dark:text-zinc-100 mb-2", children: "Catalog Preview" }), _jsx(Text, { className: "text-xs text-zinc-500 dark:text-zinc-400 mb-4", children: "This is how your products appear in the WhatsApp Catalog when a buyer taps \"View Catalog\" in the chat. Only published standard products are included." }), _jsxs(Div, { className: `border border-zinc-200 dark:border-zinc-700 rounded-xl ${__O.hidden} bg-[#ECE5DD] dark:bg-zinc-800 ${__P.p3}`, children: [_jsxs(Row, { gap: "sm", align: "center", className: "mb-3", children: [_jsx(Div, { className: "w-8 h-8 rounded-full bg-[#25D366] flex items-center justify-center", children: _jsx(Text, { className: "text-white text-xs font-bold", children: "W" }) }), _jsxs(Div, { children: [_jsx(Text, { className: "text-xs font-semibold text-zinc-900 dark:text-zinc-100", children: cfg?.connected ? "Your Store" : "Store Name" }), _jsx(Text, { className: "text-[10px] text-zinc-500 dark:text-zinc-400", children: "WhatsApp Business" })] })] }), _jsx(Div, { className: "grid grid-cols-2 gap-2", children: SAMPLE_CATALOG_ITEMS.map((item) => (_jsxs(Div, { surface: "card", className: `${__O.hidden}`, children: [_jsx(Div, { className: "aspect-square bg-zinc-100 dark:bg-zinc-800 flex items-center justify-center", children: _jsx(Text, { className: "text-2xl", children: item.emoji }) }), _jsxs(Div, { className: "p-2", children: [_jsx(Text, { className: "text-xs font-medium text-zinc-900 dark:text-zinc-100 line-clamp-2 leading-tight", children: item.name }), _jsx(Text, { className: "text-xs text-[#25D366] font-semibold mt-0.5", children: item.price })] })] }, item.id))) }), _jsx(Div, { className: "mt-3 text-center", children: _jsx(Text, { className: "text-[10px] text-zinc-500 dark:text-zinc-400", children: cfg?.lastSyncCount
+                        }) })] }), _jsxs(Section, { className: CLS_SECTION_CARD, children: [_jsx(Heading, { level: 2, className: "mb-2", color: "primary", size: "sm", weight: "semibold", children: "Catalog Preview" }), _jsx(Text, { className: "mb-4", color: "muted", size: "xs", children: "This is how your products appear in the WhatsApp Catalog when a buyer taps \"View Catalog\" in the chat. Only published standard products are included." }), _jsxs(Div, { className: `${__O.hidden} bg-[#ECE5DD] dark:bg-zinc-800 ${__P.p3}`, rounded: "xl", border: "default", children: [_jsxs(Row, { gap: "sm", align: "center", className: "mb-3", children: [_jsx(Row, { className: "w-8 h-8 bg-[#25D366]", align: "center", justify: "center", rounded: "full", children: _jsx(Text, { color: "inverse", size: "xs", weight: "bold", children: "W" }) }), _jsxs(Div, { children: [_jsx(Text, { size: "xs", weight: "semibold", color: "primary", children: cfg?.connected ? "Your Store" : "Store Name" }), _jsx(Text, { className: "text-[10px]", color: "muted", children: "WhatsApp Business" })] })] }), _jsx(Div, { layout: "grid", gap: "2", className: "grid-cols-2", children: SAMPLE_CATALOG_ITEMS.map((item) => (_jsxs(Div, { surface: "card", className: `${__O.hidden}`, children: [_jsx(Row, { className: "aspect-square", surface: "subtle", align: "center", justify: "center", children: _jsx(Text, { size: "2xl", children: item.emoji }) }), _jsxs(Div, { padding: "xs", children: [_jsx(Text, { className: "line-clamp-2 leading-tight", color: "primary", size: "xs", weight: "medium", children: item.name }), _jsx(Text, { className: "text-[#25D366] mt-0.5", size: "xs", weight: "semibold", children: item.price })] })] }, item.id))) }), _jsx(Div, { className: "mt-3 text-center", children: _jsx(Text, { className: "text-[10px]", color: "muted", children: cfg?.lastSyncCount
                                         ? `${cfg.lastSyncCount} products synced to catalog`
-                                        : "Sync your products to populate the catalog" }) })] }), !cfg?.connected && (_jsx(Text, { className: "text-xs text-warning mt-2", children: "Connect your WhatsApp Business account above to enable the catalog." }))] })] }));
+                                        : "Sync your products to populate the catalog" }) })] }), !cfg?.connected && (_jsx(Text, { className: "text-warning mt-2", size: "xs", children: "Connect your WhatsApp Business account above to enable the catalog." }))] })] }));
 }

package/dist/features/whatsapp-bot/components/WhatsAppChatButton.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import Link from "next/link";
-const CLS_WA_BTN = "inline-flex items-center gap-2 rounded-lg bg-green-500 px-4 py-2 text-sm font-semibold text-white transition-colors hover:bg-green-600";
+const CLS_WA_BTN = "inline-flex items-center gap-2 rounded-lg bg-success-surface px-4 py-2 text-sm font-semibold text-white transition-colors hover:bg-success-surface";
 export function WhatsAppChatButton({ waNumber, message = "Hi! I have a question.", label = "Chat on WhatsApp", className, }) {
     const href = `https://wa.me/${waNumber}?text=${encodeURIComponent(message)}`;
     return (_jsxs(Link, { href: href, target: "_blank", rel: "noopener noreferrer", className: `${CLS_WA_BTN} ${className ?? ""}`, children: [_jsx("svg", { className: "h-4 w-4", viewBox: "0 0 24 24", fill: "currentColor", "aria-hidden": "true", children: _jsx("path", { d: "M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z" }) }), label] }));

package/dist/features/whatsapp-bot/helpers/whatsapp.js

@@ -1,3 +1,4 @@
+import { normalizeError } from "../../../errors/normalize";
 import { createHmac, timingSafeEqual } from "crypto";
 import { getDefaultCurrencySymbol, getDefaultLocale, } from "../../../core/baseline-resolver";
 const META_GRAPH_BASE = "https://graph.facebook.com/v20.0";
@@ -177,6 +178,7 @@ export async function syncProductsToCatalog(input) {
             }
         }
         catch (err) {
+            void normalizeError(err);
             result.failureCount += batch.length;
             result.errors.push(String(err));
         }

package/dist/features/wishlist/components/WishlistPage.js

@@ -1,21 +1,20 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Button, Div, Stack, Text } from "../../../ui";
 import { formatCurrency } from "../../../utils/number.formatter";
-import { THEME_CONSTANTS } from "../../../tokens";
-const CLS_REMOVE_BTN = "self-start text-zinc-400 dark:text-zinc-400 transition hover:text-red-500";
+const CLS_REMOVE_BTN = "self-start text-zinc-400 dark:text-zinc-400 transition hover:text-error";
 export function WishlistCard({ item, onRemove, onProductClick, }) {
-    return (_jsxs(Div, { surface: "card", padding: "sm", className: "flex gap-4", children: [_jsx(Div, { role: onProductClick ? "button" : undefined, tabIndex: onProductClick ? 0 : undefined, onClick: onProductClick ? () => onProductClick(item) : undefined, onKeyDown: onProductClick
+    return (_jsxs(Div, { layout: "flex", gap: "4", surface: "card", padding: "sm", children: [_jsx(Div, { role: onProductClick ? "button" : undefined, tabIndex: onProductClick ? 0 : undefined, onClick: onProductClick ? () => onProductClick(item) : undefined, onKeyDown: onProductClick
                     ? (e) => e.key === "Enter" && onProductClick(item)
-                    : undefined, className: `h-20 w-20 flex-shrink-0 overflow-hidden rounded-lg bg-neutral-100 dark:bg-slate-800 ${onProductClick ? "cursor-pointer" : ""}`, children: item.productImage && (_jsx(Div, { role: "img", "aria-label": item.productTitle ?? "", className: "h-full w-full bg-center bg-cover", 
+                    : undefined, className: `h-20 w-20 flex-shrink-0 overflow-hidden bg-neutral-100 dark:bg-slate-800 ${onProductClick ? "cursor-pointer" : ""}`, rounded: "lg", children: item.productImage && (_jsx(Div, { role: "img", "aria-label": item.productTitle ?? "", className: "h-full w-full bg-center bg-cover", 
                     // audit-inline-style-ok: dynamic image URL
-                    style: { backgroundImage: `url(${item.productImage})` } })) }), _jsxs(Div, { className: "flex flex-1 flex-col justify-between", children: [_jsx(Text, { className: `font-medium text-neutral-900 dark:text-zinc-100 ${THEME_CONSTANTS.utilities.textClamp2}`, children: item.productTitle }), item.productPrice !== undefined && (_jsx(Text, { className: "text-sm font-semibold text-neutral-900 dark:text-zinc-100", children: formatCurrency(item.productPrice, item.productCurrency) }))] }), onRemove && (_jsx(Button, { type: "button", variant: "ghost", size: "sm", onClick: () => onRemove(item.id), "aria-label": "Remove from wishlist", className: CLS_REMOVE_BTN, children: "\u2715" }))] }));
+                    style: { backgroundImage: `url(${item.productImage})` } })) }), _jsxs(Stack, { justify: "between", className: "flex-1", children: [_jsx(Text, { truncate: 2, weight: "medium", color: "primary", children: item.productTitle }), item.productPrice !== undefined && (_jsx(Text, { className: "text-neutral-900 dark:text-neutral-100", size: "sm", weight: "semibold", children: formatCurrency(item.productPrice, item.productCurrency) }))] }), onRemove && (_jsx(Button, { type: "button", variant: "ghost", size: "sm", onClick: () => onRemove(item.id), "aria-label": "Remove from wishlist", className: CLS_REMOVE_BTN, children: "\u2715" }))] }));
 }
 export function WishlistPage({ items, isLoading, onRemove, onProductClick, emptyLabel = "Your wishlist is empty", }) {
     if (isLoading) {
-        return (_jsx(Stack, { gap: "md", children: Array.from({ length: 4 }).map((_, i) => (_jsxs(Div, { className: "flex animate-pulse gap-4 rounded-xl border border-neutral-200 p-4", children: [_jsx(Div, { className: "h-20 w-20 rounded-lg bg-neutral-200" }), _jsxs(Stack, { gap: "sm", className: "flex-1", children: [_jsx(Div, { className: "h-4 w-3/4 rounded bg-neutral-200 dark:bg-slate-700" }), _jsx(Div, { className: "h-4 w-1/3 rounded bg-neutral-200 dark:bg-slate-700" })] })] }, i))) }));
+        return (_jsx(Stack, { gap: "md", children: Array.from({ length: 4 }).map((_, i) => (_jsxs(Div, { layout: "flex", gap: "4", className: "animate-pulse border border-neutral-200", rounded: "xl", padding: "md", children: [_jsx(Div, { className: "h-20 w-20 bg-neutral-200", rounded: "lg" }), _jsxs(Stack, { gap: "sm", className: "flex-1", children: [_jsx(Div, { className: "h-4 w-3/4 bg-neutral-200", rounded: "default" }), _jsx(Div, { className: "h-4 w-1/3 bg-neutral-200", rounded: "default" })] })] }, i))) }));
     }
     if (items.length === 0) {
-        return (_jsx(Text, { className: "py-16 text-center text-sm text-zinc-500 dark:text-zinc-400", children: emptyLabel }));
+        return (_jsx(Text, { paddingY: "4xl", color: "muted", size: "sm", align: "center", children: emptyLabel }));
     }
     return (_jsx(Stack, { gap: "md", children: items.map((item) => (_jsx(WishlistCard, { item: item, onRemove: onRemove, onProductClick: onProductClick }, item.id))) }));
 }