@mohasinac/appkit 2.3.0 → 2.3.2

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

@@ -0,0 +1,105 @@
+export interface StoreListItem {
+    id: string;
+    storeSlug: string;
+    ownerId: string;
+    storeName: string;
+    storeDescription?: string;
+    storeCategory?: string;
+    storeLogoURL?: string;
+    storeBannerURL?: string;
+    status: string;
+    isPublic: boolean;
+    totalProducts?: number;
+    itemsSold?: number;
+    totalReviews?: number;
+    averageRating?: number;
+    createdAt?: string;
+}
+export interface StoreDetail extends StoreListItem {
+    bio?: string;
+    location?: string;
+    website?: string;
+    socialLinks?: {
+        twitter?: string;
+        instagram?: string;
+        facebook?: string;
+        linkedin?: string;
+    };
+    returnPolicy?: string;
+    shippingPolicy?: string;
+    isVacationMode?: boolean;
+    vacationMessage?: string;
+}
+export interface StoreProductItem {
+    id: string;
+    title: string;
+    description?: string;
+    price: number;
+    currency: string;
+    mainImage?: string;
+    images?: string[];
+    status: string;
+    featured: boolean;
+    isAuction: boolean;
+    currentBid?: number;
+    isPromoted?: boolean;
+    slug: string;
+    availableQuantity?: number;
+}
+export interface StoreAuctionItem extends StoreProductItem {
+    isAuction: true;
+    auctionEndDate: string;
+    startingBid: number;
+    bidCount: number;
+}
+export interface StoreListResponse {
+    items: StoreListItem[];
+    total: number;
+    page: number;
+    pageSize: number;
+    totalPages: number;
+    hasMore: boolean;
+}
+export interface StoreProductsResponse {
+    items: StoreProductItem[];
+    total: number;
+    page: number;
+    pageSize: number;
+    totalPages: number;
+    hasMore: boolean;
+}
+export interface StoreListParams {
+    q?: string;
+    category?: string;
+    page?: number;
+    pageSize?: number;
+    sort?: string;
+    filters?: string;
+}
+export interface StoreAuctionsResponse {
+    items: StoreAuctionItem[];
+    total: number;
+    page: number;
+    pageSize: number;
+    totalPages: number;
+    hasMore: boolean;
+}
+export interface StoreReview {
+    id: string;
+    productId: string;
+    productTitle?: string;
+    productMainImage?: string | null;
+    userId: string;
+    userName?: string;
+    rating: number;
+    comment?: string;
+    createdAt: string;
+}
+export interface StoreReviewsData {
+    reviews: StoreReview[];
+    averageRating: number;
+    totalReviews: number;
+    totalFiltered: number;
+    totalPages: number;
+    ratingDistribution: Record<number, number>;
+}

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

@@ -0,0 +1,2 @@
+// --- Store list item (public-facing, safe to send to client) -----------------
+export {};

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

@@ -0,0 +1,12 @@
+/**
+ * feat-whatsapp-bot — POST /api/whatsapp/send-status
+ *
+ * WhatsApp message delivery status update.
+ *
+ * Consumer stub:
+ * ```ts
+ * export { whatsappSendStatusPOST as POST } from "@mohasinac/feat-whatsapp-bot";
+ * ```
+ */
+import { NextResponse } from "next/server.js";
+export declare function POST(request: Request): Promise<NextResponse>;

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

@@ -0,0 +1,36 @@
+/**
+ * feat-whatsapp-bot — POST /api/whatsapp/send-status
+ *
+ * WhatsApp message delivery status update.
+ *
+ * Consumer stub:
+ * ```ts
+ * export { whatsappSendStatusPOST as POST } from "@mohasinac/feat-whatsapp-bot";
+ * ```
+ */
+import { NextResponse } from "next/server.js";
+import { getProviders } from "../../../../contracts";
+export async function POST(request) {
+    try {
+        const body = await request.json();
+        const { db } = getProviders();
+        if (!db)
+            return NextResponse.json({ success: false, error: "DB not configured" }, { status: 503 });
+        // Update message status in database
+        const repo = db.getRepository("whatsapp_message_status");
+        const updated = await repo.create({
+            ...body,
+            updatedAt: new Date(),
+        });
+        return NextResponse.json({
+            success: true,
+            data: updated,
+        });
+    }
+    catch (error) {
+        return NextResponse.json({
+            success: false,
+            error: error instanceof Error ? error.message : "Internal server error",
+        }, { status: 500 });
+    }
+}

package/dist/features/whatsapp-bot/api/webhook/route.d.ts

@@ -0,0 +1,12 @@
+/**
+ * feat-whatsapp-bot — POST /api/whatsapp/webhook
+ *
+ * WhatsApp webhook receiver for incoming messages.
+ *
+ * Consumer stub:
+ * ```ts
+ * export { whatsappWebhookPOST as POST } from "@mohasinac/feat-whatsapp-bot";
+ * ```
+ */
+import { NextResponse } from "next/server.js";
+export declare function POST(request: Request): Promise<NextResponse>;

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

@@ -0,0 +1,41 @@
+/**
+ * feat-whatsapp-bot — POST /api/whatsapp/webhook
+ *
+ * WhatsApp webhook receiver for incoming messages.
+ *
+ * Consumer stub:
+ * ```ts
+ * export { whatsappWebhookPOST as POST } from "@mohasinac/feat-whatsapp-bot";
+ * ```
+ */
+import { NextResponse } from "next/server.js";
+import { getProviders } from "../../../../contracts";
+export async function POST(request) {
+    try {
+        const body = await request.json();
+        const { db, eventBus } = getProviders();
+        if (!db)
+            return NextResponse.json({ success: false, error: "DB not configured" }, { status: 503 });
+        // Store webhook payload for processing
+        const repo = db.getRepository("whatsapp_messages");
+        const created = await repo.create({
+            ...body,
+            receivedAt: new Date(),
+            processed: false,
+        });
+        // Emit event for async processing if eventBus available
+        if (eventBus) {
+            await eventBus.emit("whatsapp.message.received", created);
+        }
+        return NextResponse.json({
+            success: true,
+            data: created,
+        }, { status: 201 });
+    }
+    catch (error) {
+        return NextResponse.json({
+            success: false,
+            error: error instanceof Error ? error.message : "Internal server error",
+        }, { status: 500 });
+    }
+}

package/dist/features/whatsapp-bot/components/WhatsAppChatButton.d.ts

@@ -0,0 +1,8 @@
+interface WhatsAppChatButtonProps {
+    waNumber: string;
+    message?: string;
+    label?: string;
+    className?: string;
+}
+export declare function WhatsAppChatButton({ waNumber, message, label, className, }: WhatsAppChatButtonProps): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,6 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import Link from "next/link";
+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: `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 ${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/components/index.d.ts

@@ -0,0 +1 @@
+export { WhatsAppChatButton } from "./WhatsAppChatButton";

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

@@ -0,0 +1 @@
+export { WhatsAppChatButton } from "./WhatsAppChatButton";

package/dist/features/whatsapp-bot/helpers/whatsapp.d.ts

@@ -0,0 +1,20 @@
+import type { CheckoutMessageInput, StatusNotificationInput, WebhookVerifyInput, IncomingWebhookPayload, SendWhatsAppInput, StatusMessageInput } from "../types";
+export declare function buildCheckoutMessageURL(input: CheckoutMessageInput): string;
+export declare function buildStatusNotificationURL(input: StatusNotificationInput): string;
+export declare function verifyWebhookSignature(input: WebhookVerifyInput): boolean;
+export declare function isAdminNumber(incomingNumber: string, adminBotNumber: string): boolean;
+/**
+ * Parse an incoming WhatsApp webhook payload (Twilio form-encoded or Wati.io JSON).
+ * Returns null if the payload cannot be parsed or is missing required fields.
+ */
+export declare function parseIncomingWebhookPayload(rawBody: string, contentType: string): IncomingWebhookPayload | null;
+/**
+ * Build a human-readable status notification message for an order.
+ * Pass a custom `statusMessages` map to override the defaults.
+ */
+export declare function buildStatusMessage(input: StatusMessageInput, statusMessages?: Record<string, string>): string;
+/**
+ * Send an outbound WhatsApp message via Twilio REST API.
+ * Returns true on success, false on failure.
+ */
+export declare function sendWhatsAppMessage(input: SendWhatsAppInput): Promise<boolean>;

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

@@ -0,0 +1,124 @@
+import { createHmac, timingSafeEqual } from "crypto";
+import { getDefaultCurrencySymbol, getDefaultLocale, } from "../../../core/baseline-resolver";
+export function buildCheckoutMessageURL(input) {
+    const { waNumber, cart, total, address, isPreorder = false } = input;
+    const prefix = isPreorder ? "\uD83D\uDD16 *PRE-ORDER*\n\n" : "";
+    const lines = cart.map((i) => `• ${i.name} ×${i.qty} — ${getDefaultCurrencySymbol()}${(i.salePrice * i.qty).toLocaleString(getDefaultLocale())}`);
+    const body = [
+        `${prefix}Hi Hobson! I'd like to place an order:`,
+        "",
+        ...lines,
+        "",
+        `*Total: ${getDefaultCurrencySymbol()}${total.toLocaleString(getDefaultLocale())}*`,
+        "",
+        `Deliver to: ${address.name}, ${address.line1}${address.line2 ? ", " + address.line2 : ""}, ${address.city} - ${address.pincode}`,
+        `Phone: ${address.phone}`,
+        "",
+        "Please share payment details.",
+    ].join("\n");
+    return `https://wa.me/${waNumber}?text=${encodeURIComponent(body)}`;
+}
+export function buildStatusNotificationURL(input) {
+    const { userPhone, template, vars } = input;
+    const body = template.replace(/\{(\w+)\}/g, (_, key) => vars[key] ?? `{${key}}`);
+    return `https://wa.me/${userPhone}?text=${encodeURIComponent(body)}`;
+}
+export function verifyWebhookSignature(input) {
+    const { payload, signature, secret } = input;
+    const expected = createHmac("sha256", secret).update(payload).digest("hex");
+    const expectedBuf = Buffer.from(expected, "hex");
+    const sigBuf = Buffer.from(signature, "hex");
+    if (expectedBuf.length !== sigBuf.length)
+        return false;
+    return timingSafeEqual(expectedBuf, sigBuf);
+}
+export function isAdminNumber(incomingNumber, adminBotNumber) {
+    const clean = (n) => n.replace(/\D/g, "");
+    return clean(incomingNumber).endsWith(clean(adminBotNumber));
+}
+/**
+ * Parse an incoming WhatsApp webhook payload (Twilio form-encoded or Wati.io JSON).
+ * Returns null if the payload cannot be parsed or is missing required fields.
+ */
+export function parseIncomingWebhookPayload(rawBody, contentType) {
+    try {
+        if (contentType.includes("application/x-www-form-urlencoded")) {
+            const params = new URLSearchParams(rawBody);
+            const from = params.get("From") ?? "";
+            const body = params.get("Body") ?? "";
+            if (!from || !body)
+                return null;
+            return {
+                from: from.replace(/^whatsapp:/i, "").replace(/\D/g, ""),
+                body: body.trim(),
+            };
+        }
+        // JSON format (Wati.io or generic)
+        const json = JSON.parse(rawBody);
+        const from = typeof json.senderWaId === "string"
+            ? json.senderWaId
+            : typeof json.from === "string"
+                ? json.from
+                : "";
+        const body = typeof json.text?.body ===
+            "string"
+            ? json.text.body
+            : typeof json.body === "string"
+                ? json.body
+                : "";
+        if (!from || !body)
+            return null;
+        return { from: from.replace(/\D/g, ""), body: body.trim() };
+    }
+    catch {
+        return null;
+    }
+}
+const DEFAULT_STATUS_MESSAGES = {
+    pending_payment: "🛒 Your order #{id} has been received and is awaiting payment confirmation.",
+    payment_confirmed: "✅ Payment confirmed for order #{id}! We're getting it ready.",
+    processing: "📦 Your order #{id} is being packed and prepared for dispatch.",
+    shipped: "🚚 Your order #{id} is on its way!{tracking}",
+    out_for_delivery: "🏃 Your order #{id} is out for delivery today!",
+    delivered: "🎉 Order #{id} delivered! Thank you for your order!",
+    cancelled: "❌ Your order #{id} has been cancelled. Contact us if you have any questions.",
+    refund_initiated: "💸 Refund initiated for order #{id}. It should reflect within 5–7 business days.",
+};
+/**
+ * Build a human-readable status notification message for an order.
+ * Pass a custom `statusMessages` map to override the defaults.
+ */
+export function buildStatusMessage(input, statusMessages = DEFAULT_STATUS_MESSAGES) {
+    const { orderId, status, trackingNumber, courierName } = input;
+    const template = statusMessages[status] ??
+        `Your order #${orderId} status updated to: ${status}.`;
+    const trackingLine = trackingNumber
+        ? `\nTracking: ${courierName ? courierName + " — " : ""}${trackingNumber}`
+        : "";
+    return template.replace("{id}", orderId).replace("{tracking}", trackingLine);
+}
+/**
+ * Send an outbound WhatsApp message via Twilio REST API.
+ * Returns true on success, false on failure.
+ */
+export async function sendWhatsAppMessage(input) {
+    const { toPhone, message, accountSid, authToken, fromNumber } = input;
+    const cleanPhone = toPhone.replace(/\D/g, "");
+    if (!cleanPhone)
+        return false;
+    const url = `https://api.twilio.com/2010-04-01/Accounts/${accountSid}/Messages.json`;
+    const body = new URLSearchParams({
+        From: fromNumber,
+        To: `whatsapp:+${cleanPhone}`,
+        Body: message,
+    });
+    const res = await fetch(url, {
+        method: "POST",
+        headers: {
+            "Content-Type": "application/x-www-form-urlencoded",
+            Authorization: `Basic ${Buffer.from(`${accountSid}:${authToken}`).toString("base64")}`,
+        },
+        body: body.toString(),
+    });
+    return res.ok;
+}

package/dist/features/whatsapp-bot/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./types";
+export * from "./components";
+export { manifest } from "./manifest";

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

@@ -0,0 +1,3 @@
+export * from "./types";
+export * from "./components";
+export { manifest } from "./manifest";

package/dist/features/whatsapp-bot/manifest.d.ts

@@ -0,0 +1,2 @@
+import type { FeatureManifest } from "../../contracts";
+export declare const manifest: FeatureManifest;

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

@@ -0,0 +1,13 @@
+export const manifest = {
+    name: "whatsappBot",
+    i18nNamespace: "whatsappBot",
+    envKeys: [
+        "WHATSAPP_BOT_NUMBER",
+        "WHATSAPP_WEBHOOK_SECRET",
+    ],
+    routes: [],
+    apiRoutes: [
+        { segment: "api/whatsapp/webhook", methods: ["POST"] },
+        { segment: "api/whatsapp/send-status", methods: ["POST"] },
+    ],
+};

package/dist/features/whatsapp-bot/messages/en.json

@@ -0,0 +1,7 @@
+{
+    "whatsappBot": {
+        "chatNow": "Chat on WhatsApp",
+        "orderViaWhatsapp": "Order via WhatsApp",
+        "supportViaWhatsapp": "Contact support"
+    }
+}

package/dist/features/whatsapp-bot/server.d.ts

@@ -0,0 +1,6 @@
+/**
+ * @mohasinac/appkit/features/whatsapp-bot/server
+ *
+ * Server-only entry point for WhatsApp bot helpers (crypto operations).
+ */
+export * from "./helpers/whatsapp";

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

@@ -0,0 +1,6 @@
+/**
+ * @mohasinac/appkit/features/whatsapp-bot/server
+ *
+ * Server-only entry point for WhatsApp bot helpers (crypto operations).
+ */
+export * from "./helpers/whatsapp";

package/dist/features/whatsapp-bot/types/index.d.ts

@@ -0,0 +1,50 @@
+export interface CheckoutMessageInput {
+    waNumber: string;
+    cart: Array<{
+        name: string;
+        qty: number;
+        salePrice: number;
+    }>;
+    total: number;
+    address: {
+        name: string;
+        phone: string;
+        line1: string;
+        line2?: string;
+        city: string;
+        pincode: string;
+    };
+    isPreorder?: boolean;
+}
+export interface StatusNotificationInput {
+    userPhone: string;
+    template: string;
+    vars: Record<string, string>;
+}
+export interface WebhookVerifyInput {
+    payload: string;
+    signature: string;
+    secret: string;
+}
+export interface IncomingWebhookPayload {
+    /** Digits-only phone number, e.g. "919876543210" */
+    from: string;
+    body: string;
+}
+export interface SendWhatsAppInput {
+    /** Digits-only phone number, e.g. "919876543210" */
+    toPhone: string;
+    message: string;
+    accountSid: string;
+    authToken: string;
+    /** Twilio from number, e.g. "whatsapp:+14155238886" */
+    fromNumber: string;
+}
+/** Known order status values — extend as needed per project. */
+export type OrderStatusKey = "pending_payment" | "payment_confirmed" | "processing" | "shipped" | "out_for_delivery" | "delivered" | "cancelled" | "refund_initiated" | string;
+export interface StatusMessageInput {
+    orderId: string;
+    status: OrderStatusKey;
+    trackingNumber?: string;
+    courierName?: string;
+}

package/dist/features/whatsapp-bot/types/index.js

@@ -0,0 +1 @@
+export {};

package/dist/features/wishlist/actions/index.d.ts

@@ -0,0 +1 @@
+export * from "./wishlist-actions";

package/dist/features/wishlist/actions/index.js

@@ -0,0 +1 @@
+export * from "./wishlist-actions";

package/dist/features/wishlist/actions/wishlist-actions.d.ts

@@ -0,0 +1,20 @@
+/**
+ * Wishlist Domain Actions (appkit)
+ *
+ * Pure business functions for wishlist CRUD and product-enriched reads.
+ * Auth, rate-limiting, and Next.js specifics are handled by the consumer.
+ */
+import type { ProductDocument } from "../../products/schemas";
+export interface EnrichedWishlistItem {
+    productId: string;
+    addedAt: Date;
+    product: ProductDocument | null;
+}
+export declare function addToWishlist(userId: string, productId: string): Promise<void>;
+export declare function removeFromWishlist(userId: string, productId: string): Promise<void>;
+export declare function getWishlistForUser(userId: string): Promise<{
+    items: EnrichedWishlistItem[];
+    meta: {
+        total: number;
+    };
+}>;

package/dist/features/wishlist/actions/wishlist-actions.js

@@ -0,0 +1,29 @@
+/**
+ * Wishlist Domain Actions (appkit)
+ *
+ * Pure business functions for wishlist CRUD and product-enriched reads.
+ * Auth, rate-limiting, and Next.js specifics are handled by the consumer.
+ */
+import { ValidationError } from "../../../errors";
+import { wishlistRepository } from "../repository/user-wishlist.repository";
+import { productRepository } from "../../products/repository/products.repository";
+export async function addToWishlist(userId, productId) {
+    if (!productId || typeof productId !== "string")
+        throw new ValidationError("productId is required");
+    await wishlistRepository.addItem(userId, productId);
+}
+export async function removeFromWishlist(userId, productId) {
+    if (!productId || typeof productId !== "string")
+        throw new ValidationError("productId is required");
+    await wishlistRepository.removeItem(userId, productId);
+}
+export async function getWishlistForUser(userId) {
+    const items = await wishlistRepository.getWishlistItems(userId);
+    const productResults = await Promise.allSettled(items.map((item) => productRepository.findById(item.productId)));
+    const enriched = items.map((item, i) => {
+        const result = productResults[i];
+        const product = result.status === "fulfilled" ? (result.value ?? null) : null;
+        return { ...item, product };
+    });
+    return { items: enriched, meta: { total: enriched.length } };
+}

package/dist/features/wishlist/columns/index.d.ts

@@ -0,0 +1,17 @@
+import type { TableColumn, ColumnExtensionOpts } from "../../../contracts";
+import type { WishlistItem } from "../types";
+/**
+ * Default admin columns for wishlist items.
+ * Use `buildWishlistColumns()` to customise via overrides / extras / omit.
+ */
+export declare const wishlistAdminColumns: TableColumn<WishlistItem>[];
+/**
+ * Factory that returns columns for the wishlist admin table.
+ *
+ * @example
+ * const cols = buildWishlistColumns<MyWishlistItem>({
+ *   extras: [{ key: "alertPrice", header: "Alert", render: (w) => w.alertPrice }],
+ *   omit: ["productStatus"],
+ * });
+ */
+export declare function buildWishlistColumns<T extends WishlistItem = WishlistItem>(opts?: ColumnExtensionOpts<T>): TableColumn<T>[];

package/dist/features/wishlist/columns/index.js

@@ -0,0 +1,42 @@
+import { buildColumns, renderCurrencyCompact } from "../../../ui/columns";
+/**
+ * Default admin columns for wishlist items.
+ * Use `buildWishlistColumns()` to customise via overrides / extras / omit.
+ */
+export const wishlistAdminColumns = [
+    {
+        key: "productTitle",
+        header: "Product",
+        sortable: false,
+    },
+    {
+        key: "productPrice",
+        header: "Price",
+        sortable: true,
+        render: (item) => item.productPrice != null
+            ? renderCurrencyCompact(item.productPrice, item.productCurrency)
+            : "—",
+    },
+    {
+        key: "productStatus",
+        header: "Status",
+        sortable: false,
+    },
+    {
+        key: "addedAt",
+        header: "Added",
+        sortable: true,
+    },
+];
+/**
+ * Factory that returns columns for the wishlist admin table.
+ *
+ * @example
+ * const cols = buildWishlistColumns<MyWishlistItem>({
+ *   extras: [{ key: "alertPrice", header: "Alert", render: (w) => w.alertPrice }],
+ *   omit: ["productStatus"],
+ * });
+ */
+export function buildWishlistColumns(opts) {
+    return buildColumns(wishlistAdminColumns, opts);
+}

package/dist/features/wishlist/components/WishlistPage.d.ts

@@ -0,0 +1,16 @@
+import type { WishlistItem } from "../types";
+interface WishlistCardProps {
+    item: WishlistItem;
+    onRemove?: (id: string) => void;
+    onProductClick?: (item: WishlistItem) => void;
+}
+export declare function WishlistCard({ item, onRemove, onProductClick, }: WishlistCardProps): import("react/jsx-runtime").JSX.Element;
+interface WishlistPageProps {
+    items: WishlistItem[];
+    isLoading?: boolean;
+    onRemove?: (id: string) => void;
+    onProductClick?: (item: WishlistItem) => void;
+    emptyLabel?: string;
+}
+export declare function WishlistPage({ items, isLoading, onRemove, onProductClick, emptyLabel, }: WishlistPageProps): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,18 @@
+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";
+export function WishlistCard({ item, onRemove, onProductClick, }) {
+    return (_jsxs(Div, { className: "flex gap-4 rounded-xl border border-neutral-200 dark:border-slate-700 bg-white dark:bg-slate-900 p-4", 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", 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: "self-start text-neutral-400 dark:text-zinc-500 transition hover:text-red-500", 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))) }));
+    }
+    if (items.length === 0) {
+        return (_jsx(Text, { className: "py-16 text-center text-sm text-neutral-500", children: emptyLabel }));
+    }
+    return (_jsx(Stack, { gap: "md", children: items.map((item) => (_jsx(WishlistCard, { item: item, onRemove: onRemove, onProductClick: onProductClick }, item.id))) }));
+}